@charset "utf-8";
BODY {PADDING-BOTTOM: 0px;PADDING-TOP: 0px; MARGIN: 0px auto; PADDING-LEFT: 0px; PADDING-RIGHT: 0px;
    FONT-FAMILY: Tahoma, SimSun-ExtB; BACKGROUND:  #fff repeat-x left top; COLOR: #646464; FONT-SIZE: 12px; }

@font-face {
    font-family:'FZCSJW';
    src: url(../fonts/fzcsjw.ttf);
}

@font-face {
    font-family:'FZDHTJW';
    src: url(../fonts/fzdhtjw.ttf);
}

input{
    border:0;outline:none;
}
textarea{
    border:0;outline:none;
}
DIV {PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 13px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px}
IMG {BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px}
H1 {PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
H2 {PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
H3 {PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

A {}
A {OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium;}
A {COLOR: #464646; TEXT-DECORATION: none;}
A:hover {COLOR: #000; TEXT-DECORATION: none;}
FORM {MARGIN: 0; paddng: 0px;}
.clear {CLEAR: both;}
#main {MARGIN: 0px auto; WIDTH: 1400px;max-width: 95%;}
.hide{display: none;}
#main2 {PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 1200px; PADDING-RIGHT: 0px; PADDING-TOP: 20px;height: 360px;}
.c{width: 1400px;margin:0 auto;max-width: 95%;}
.ci{width: 1600px;margin:0 auto;max-width: 95%;}
#head {WIDTH: 1200px; MARGIN-BOTTOM: 10px;margin-top: 4px; BACKGROUND:url(../images/bg4_02.jpg) no-repeat; HEIGHT: 145px; OVERFLOW: hidden}
.banner{width: 100%;}
.banner .swiper-container{width: 100%;height: 100%;}
.banner .swiper-slide div{width: 100%;height: 100%;}
.banner .swiper-pagination{text-align: center;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;}
/* .banner .slide1{background: url("../images/banner1.jpg") no-repeat center bottom;}
.banner .slide2{background: url("../images/banner2.jpg") no-repeat center bottom;}
.banner .slide3{background: url("../images/banner3.jpg") no-repeat center bottom;} */
/* .banner .slide4{background: url("../images/banner4.jpg") no-repeat center bottom;} */
.banner .slide1 img{width: 100%;height: 100%;}
.banner .slide2 img{width: 100%;height: 100%;}
.banner .slide3 img{width: 100%;height: 100%;}
.c div{
    -moz-box-sizing: border-box;  /*Firefox3.5+*/
    -webkit-box-sizing: border-box; /*Safari3.2+*/
    -o-box-sizing: border-box; /*Opera9.6*/
    -ms-box-sizing: border-box; /*IE8*/
    box-sizing: border-box;
}
.ci div{
    -moz-box-sizing: border-box;  /*Firefox3.5+*/
    -webkit-box-sizing: border-box; /*Safari3.2+*/
    -o-box-sizing: border-box; /*Opera9.6*/
    -ms-box-sizing: border-box; /*IE8*/
    box-sizing: border-box;
}



.pro_la{width: 100%;background: #fff;height: 735px;}
.pro_la .ci{margin-top: 105px;}
.pro_la .tp{width: 41.1%;float: left;}
.pro_la .tp img{width: 100%;}
.pro_la .tp .con{margin-top: -170px;width: 72%;float: right;font-weight: lighter; margin-right: 9%;text-align: justify;height: 100px;line-height: 40px;font-size: 22px;color: #4d4d4d;}

.pro_la .pro_la_right{width: 48%;height: 460px;float: right;margin-top: 60px;}
.pro_la .pro_la_right li{width: 49%;height: 265px;float: left;}
.pro_la .pro_la_right li:nth-child(1){border-bottom: 1px #e6e6e6 solid;border-right: 1px #e6e6e6 solid;}
.pro_la .pro_la_right li:nth-child(2){border-bottom: 1px #e6e6e6 solid;border-left: 1px #e6e6e6 solid;}
.pro_la .pro_la_right li:nth-child(3){border-top: 1px #e6e6e6 solid;border-right: 1px #e6e6e6 solid;}
.pro_la .pro_la_right li:nth-child(4){border-top: 1px #e6e6e6 solid;border-left: 1px #e6e6e6 solid;}
.pro_la .pro_la_right li .pro_la_right_1{font-size: 20px;color: #4d4d4d;}
.pro_la .pro_la_right li .pro_la_right_1 span{font-family: 'FZDHTJW';font-size: 78px;color: #4d4d4d;float: left;padding-left: 20%;}
/* .pro_la_right_1 span{font-family: 'FZCSJW';font-size: 78px;color: #4d4d4d;float: left;padding-left: 20%;} */
.pro_la_right_1 em{margin-top: 60px;font-size: 18px;color: #4d4d4d;display: block;}
.pro_la_right_1 .tp4_2{float: left;font-size: 20px;margin-top: 30px; color: #4d4d4d;padding-left: 10px;}
.pro_la_right_1 hr{width: 40px;height: 2px;background: #cf1820;border:none;margin-left:20px;}
.pro_la .pro_la_right li p{font-size: 15px;line-height: 20px;color: #555555;width: 330px;padding-left: 20%;}
.pro_la .pro_la_right li:hover span{color: #cf1820;}
.pro_la .pro_la_right li:hover em{color: #cf1820;}
.pro_la .pro_la_right li:hover .tp4_2{color: #cf1820;}
.pro_la .pro_la_right li:hover p{color: #cf1820;}

/* 
.pro_la .pro_la_right li:nth-child(1):hover{border-bottom: 1px #cf1820 solid;border-right: 1px #cf1820 solid;}
.pro_la .pro_la_right li:nth-child(1) span{padding-left: 0px;} */



/* 服务项目 */
.Service_Items{width: 100%;height: 925px;background: #b70303;}
.Service_Items_c{width: 1690px;margin:0 auto;max-width: 95%;}
.Service_Items h2{text-align: center;background: none;font-size: 36px;color: #fff;line-height: 40px;padding-top: 60px;}
.Service_Items .tp{text-align: center;margin-top: 10px;}
.Service_Items ul{margin-top: 50px;background: #fff;padding: 45px 30px;}
.Service_Items li{float: left;}
.Service_Items li:nth-child(1){width: 32.65%;height: 597px;margin-right: 1%; background: url("../images/service_items_a1.png") no-repeat center;}
.Service_Items li:nth-child(2){width: 32.65%;height: 597px;margin-right: 1%; background: url("../images/service_items_a2.png") no-repeat center;}
.Service_Items li:nth-child(3){width: 32.65%;height: 597px;background: url("../images/service_items_a3.png") no-repeat center;}
.Service_Items li .title{text-align: center;font-size: 40px;color: #474747;font-weight:lighter;padding-top: 75px;}
.Service_Items li .title_2{font-size: 14px;color: #666;text-align: center;padding-top: 40px;}
.Service_Items li .hr1{width: 50px;height: 2px;background: #999;margin: 20px auto;}
.Service_Items li .content{width: 70%;height: 140px;padding: 70px 30px; text-align: justify;line-height: 40px; border: 1px #e6e6e6 dashed;margin-top: 50px;font-size: 18px;color: #666666;}
.Service_Items li .contenta{display: none; width: 80%; height: 220px;text-align: center;line-height: 40px; border: 1px #e6e6e6 dashed;margin-top: 50px;font-size: 18px;color: #666666;}
.Service_Items li .content .content1{text-align: left;margin-left: 150px;font-size: 17px;color: #666;}
.Service_Items li span{font-size: 14px;}
.Service_Items li .content .content1 a{font-size: 17px;color: #666;}
.Service_Items li .contenta .content1{text-align: left;overflow: hidden; font-size: 17px;color: #666;width: 49%;height: 53px;line-height: 53px;float: left;}
.Service_Items li .contenta .content1 a{font-size: 17px;color: #666;}
.Service_Items li.active .content{display: none;}
.Service_Items li.active .content .content1 a{font-size: 17px;color: #fff;}
.Service_Items li.active .contenta{display: block; background: #f8f8f8;border: 1px #f8f8f8 solid;color: #fff;}
.Service_Items li.active .contenta .content1 a{font-size: 17px;color: #444;}

.Service_Items li:hover .content{display: none;}
.Service_Items li:hover .content .content1 a{font-size: 17px;color: #fff;}
.Service_Items li:hover .contenta{display: block; background: #f8f8f8;border: 1px #f8f8f8 solid;color: #fff;}
.Service_Items li:hover .contenta .content1 a{font-size: 17px;color: #444;}

.Service_Items li .contenta .content1 img{margin-left: 23%;margin-right: 4%;}
.Service_Items li .contenta .content1 .img2{display: none;}
.Service_Items li .contenta .content1:hover .img1{display: none;}
.Service_Items li .contenta .content1:hover .img2{display: inline-block;}
.Service_Items li .contenta .content1:hover a{color: #cf1820;}


/* 网站案例 */
.Website_case{width: 100%;background: #fff;}
.Website_case h2{float: left; background: none;font-size: 36px;font-weight: bold;color: #333333;line-height: 40px;padding-top: 110px;padding-bottom: 45px;}
.Website_case .tp{text-align: center;margin-top: 20px;}
.Website_case .Website_case_top{width: 534px;height: 50px;float: right;padding-top: 120px;}
.Website_case .Website_case_top li{text-align: center;font-size: 18px;color: rgba(136,136,136,0.4); float: left;width: 170px;border-right: 1px #e6e6e6 solid;}
.Website_case .Website_case_top li:nth-child(3){text-align: center;float: left;width: 170px;border-right: 0 #e6e6e6 solid;}
.Website_case .Website_case_top li:nth-child(4){width: 22px;margin-top: 2px; border-right: 0 #e6e6e6 solid;}
.Website_case .Website_case_top li a{font-size: 18px;color: rgba(136,136,136,0.6);cursor: pointer;}
.Website_case .Website_case_top li.active a{font-size: 18px;color: red;}
.Website_case .Website_case_top li:hover a{font-size: 18px;color: red;}


.Website_case .contentab_new{}
.Website_case .contentab_new .contentab_new1{display: none;}
.Website_case .contentab_new .contentab_new1 li{width: 32.5%;height: 420px;margin-right: 1.25%; margin-bottom: 1.25%; float:left;position: relative; overflow:hidden;}
.Website_case .contentab_new .contentab_new1 li:nth-child(3n){margin-right: 0px;}
.Website_case .contentab_new .contentab_new1 li img{width: 100%;height: 100%;overflow: hidden;}
.Website_case .contentab_new .contentab_new1 li .contentac_1{position: absolute;
    display: none;
    font-size: 18px;
    text-align: center;
    color: #333333;
    background: red;
    height: 420px;}
.Website_case .contentab_new .contentab_new1 li .contentac_1 h4{margin-top: 35px;margin-left: 30px; float: left;color: #fff;font-size: 16px;}
.Website_case .contentab_new .contentab_new1 li .contentac_1 .industry{margin: 190px auto 0;color: #fff;font-size: 28px;font-weight: lighter;}
.Website_case .contentab_new .contentab_new1 li .contentac_1 h6{margin: 10px auto;color: #fff;font-size: 15px;font-weight: lighter;}
.Website_case .contentab_new .contentab_new1 li:hover .contentac_1{display: block;top:0;width:100%;height:100%;background: rgba(0,0,0,.7);}
.Website_case .contentab_new .arrow11{margin: 50px auto 0;}
.Website_case .contentab_new .arrow11 .m-btn-down{
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.Website_case .contentab_new .arrow11 .m-btn-down p{font-size: 20px;color: #888;margin-bottom: 22px;}
.Website_case .contentab_new .arrow11 .m-btn-down span{width: 29px;height: 29px;border: 1px solid #888;display: block;
    border-radius: 50%;margin: 0 auto;position: relative;
}
.Website_case .contentab_new .arrow11 .m-btn-down span:after,
.Website_case .contentab_new .arrow11 .m-btn-down span:before{content:'';left:-1px;top:-1px;position: absolute;
    width:100%;height:100%;pointer-events:none;opacity:0;
    border:1px solid #e6e6e6;
    border-radius:50%;
    -webkit-animation:1.5s ease-out infinite forwards anim-ripple;
    animation:1.5s ease-out infinite forwards anim-ripple;
}

.Website_case .contentab_new .arrow11 .m-btn-down i{
    display: block;
    width: 100%;height: 27px;
    position: absolute;
    left: 0;top: 50%;
    background: url("../images/ico-06.png") no-repeat center center;
    animation: downico 1.5s ease-out infinite;
}

@keyframes downico{
    0%{
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
    35%{
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -o-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0;
    }
    65%{
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
    }
    100%{
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes anim-ripple{
    0%{opacity:0;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    50%{opacity:1}
    100%{opacity:0;-webkit-transform:scale3d(2,2,1);transform:scale3d(2,2,1)}
}
@keyframes anim-ripple{
    0%{opacity:0;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    50%{opacity:1}
    100%{opacity:0;-webkit-transform:scale3d(2,2,1);transform:scale3d(2,2,1)}
}







/* 测试 */
.contentab .hidden{display:none;}
.contentab{width: 100%;height:auto;margin:0 auto;overflow: hidden;text-align: left;background:#fff;}
.contentab ul li{width: 520px;height:420px;margin-right: 20px; margin-bottom: 20px; float:left;position: relative; overflow:hidden;}
.contentab ul li:nth-child(3n){margin-right: 0px;}
.contentab ul li img{width: 100%;height: 100%;overflow: hidden;}
.contentab ul li .contentac_1{position: absolute;
    display: none;
    font-size: 18px;
    text-align: center;
    color: #333333;
    background: red;
    height: 420px;}
.contentab ul li .contentac_1 h4{margin-top: 35px;margin-left: 30px; float: left;color: rgba(255,255,255,0.88);font-size: 16px;}
.contentab ul li .contentac_1 .industry{margin: 190px auto 0;color: rgba(255,255,255,0.88);font-size: 28px;}
.contentab ul li .contentac_1 h6{margin: 10px auto;color: rgba(255,255,255,0.88);font-size: 15px;}
.contentab ul li:hover .contentac_1{display: block;top:0;width:100%;height:100%;background: rgba(51,51,51,.5);}
/* .contentabaa .arrow{width: 28px;height: 16px;margin: 0 auto;display: none;} */
.contentabaa .arrow{margin: 0 auto;display: none;}
.contentabaa .arrow .m-btn-down{
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.contentabaa .arrow .m-btn-down p{font-size: 20px;color: #888;margin-bottom: 22px;}
.contentabaa .arrow .m-btn-down span{width: 29px;height: 29px;border: 1px solid #888;display: block;
    border-radius: 50%;margin: 0 auto;position: relative;
}
.contentabaa .arrow .m-btn-down span:after,
.contentabaa .arrow .m-btn-down span:before{content:'';left:-1px;top:-1px;position: absolute;
    width:100%;height:100%;pointer-events:none;opacity:0;
    border:1px solid #e6e6e6;
    border-radius:50%;
    -webkit-animation:1.5s ease-out infinite forwards anim-ripple;
    animation:1.5s ease-out infinite forwards anim-ripple;
}

.contentabaa .arrow .m-btn-down i{
    display: block;
    width: 100%;height: 27px;
    position: absolute;
    left: 0;top: 50%;
    background: url("../images/ico-06.png") no-repeat center center;
    animation: downico 1.5s ease-out infinite;
}

@keyframes downico{
    0%{
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
    35%{
        -webkit-transform: translateY(50%);
        -moz-transform: translateY(50%);
        -o-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0;
    }
    65%{
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        opacity: 0;
    }
    100%{
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -o-transform: translateY(0%);
        -ms-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes anim-ripple{
    0%{opacity:0;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    50%{opacity:1}
    100%{opacity:0;-webkit-transform:scale3d(2,2,1);transform:scale3d(2,2,1)}
}
@keyframes anim-ripple{
    0%{opacity:0;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    50%{opacity:1}
    100%{opacity:0;-webkit-transform:scale3d(2,2,1);transform:scale3d(2,2,1)}
}

/* .contentabaa .arrow.aaa0{width: 28px;height: 16px;margin: 0 auto;display: block;} */
.contentabaa .arrow.aaa0{margin: 0 auto;display: block;}



/* 首页关于我们 */
.aboutaa{width: 100%;height: 902px;overflow: hidden;background: url(../images/mid_banner4.jpg) no-repeat;}
.aboutaa_content{width: 740px;height: 300px;float: left;margin-top: 250px;text-align: justify;margin-left: 158px;font-size: 18px;line-height: 50px; color: rgba(255, 255, 255,0.8);}
.aboutaa .ab_hf1{width: 100%;height: 150px;margin-top: 140px;}
.aboutaa .ab_hf1 .ab_hf1_a{width: 24.9%;height: 150px;float: left;color: rgba(255,255,255,0.7);font-size: 12px;}
.aboutaa .ab_hf1 .ab_hf1_a:nth-child(1){width: 23.5%;}
.aboutaa .ab_hf1 .ab_hf1_a:nth-child(3){padding-left: 8.5%;}
.aboutaa .ab_hf1 .ab_hf1_a:nth-child(5){padding-left: 8%;}
.aboutaa .ab_hf1 .ab_hf1_a:nth-child(7){padding-left: 10%;}
/* .aboutaa .ab_hf1 .ab_hf1_a:nth-child(4){text-align: right;} */

.aboutaa .ab_hf1 .ab_hf1_a .ab_hf1_b{font-size: 90px;color: rgba(255,255,255,0.7);float: left;  font-family: Impact,"helve118",Verdana, Geneva, sans-serif;padding-right: 10px;}
/* .aboutaa .ab_hf1 .ab_hf1_a:nth-child(4) .ab_hf1_b{float: right;} */
.aboutaa .ab_hf1 .ab_hf1_a h5{padding-top: 10px; font-size: 25px;color: rgba(255,255,255,0.7);  font-family: Impact,"helve118",Verdana, Geneva, sans-serif;float: left;}
.aboutaa .ab_hf1 .ab_hf1_a span{padding-top: 10px; font-size: 25px;color: rgba(255,255,255,0.7);  font-family: Impact,"helve118",Verdana, Geneva, sans-serif;}
.aboutaa .ab_hf1 .ab_hf1_a p{font-size: 16px;color: rgba(255,255,255,0.7);margin-top: 72px;}
/* .aboutaa .ab_hf1 .ab_hf1_a h6{font-size: 20px;color: rgba(255,255,255,0.7);margin-top: 30px;} */
.aboutaa .ab_hf1 .ab_hf1_a_hr{width: 1px;height: 50px;background: rgba(255,255,255,0.45);float: left;margin-top: 35px;}

/* 首页合作客户 */
.Partner{width: 100%;height: 1150px;background: #fff;}
.Partner h2{text-align: center;background: none;font-size: 32px;color: #333;line-height: 40px;padding-top: 115px;}
.Partner .Partner_hr{text-align: center;}
.Partner ul{margin-top: 70px;}
.Partner ul li{width: 23.71%;height: 180px;margin-bottom: 1.68%; margin-right: 1.68%;float: left; background: #fafafa;}
.Partner ul li:nth-child(4n){margin-right: 0;}
/* .Partner ul li:nth-child(1){background: url("../images/partner1.png") no-repeat center}
.Partner ul li:nth-child(2){background: url("../images/partner2.png") no-repeat center}
.Partner ul li:nth-child(3){background: url("../images/partner3.png") no-repeat center}
.Partner ul li:nth-child(4){background: url("../images/partner4.png") no-repeat center}
.Partner ul li:nth-child(5){background: url("../images/partner5.png") no-repeat center}
.Partner ul li:nth-child(6){background: url("../images/partner6.png") no-repeat center}
.Partner ul li:nth-child(7){background: url("../images/partner7.png") no-repeat center}
.Partner ul li:nth-child(8){background: url("../images/partner8.png") no-repeat center}
.Partner ul li:nth-child(9){background: url("../images/partner9.png") no-repeat center}
.Partner ul li:nth-child(10){background: url("../images/partner10.png") no-repeat center}
.Partner ul li:nth-child(11){background: url("../images/partner11.png") no-repeat center}
.Partner ul li:nth-child(12){background: url("../images/partner12.png") no-repeat center} */
.Partner ul li .tp{text-align: center;line-height: 180px;}
.Partner ul li .tp img{display: inline-block; vertical-align: middle;}
.Partner ul li p{display: none;}
.Partner ul li .ab{display: none;}
.Partner ul li:hover{background: url("../images/partner13.png") no-repeat center;}
.Partner ul li:hover img{display: none;}
.Partner ul li:hover p{display: block;font-size: 25px;color: #ffffff;margin: 60px auto; text-align: center;}
.Partner ul li:hover p em{font-size: 16px;}
.Partner ul li:hover .ab{display: block; float: right;width: 40%;height: 30px;line-height: 30px; font-size: 14px; color: #fff;margin-top: -10px;}
.Partner ul li:hover .ab .ab_hr{width: 30px;height: 1px;background: #fff;float: left;margin-top: 15px;}



/* .pro_la{width: 100%;background: #fbfbfb;height: 100px;margin-top: 3px;}
.pro_la ul{width: 1400px;height:100px;margin: 0 auto;}
.pro_la li{float: left;color: #2e2e2e;height: 100px;
    width:25%;box-sizing: border-box;overflow: hidden;
    }
.pro_la li:nth-child(2){padding-left: 20px;}
.pro_la li:nth-child(3){padding-left: 20px;}
.pro_la li:nth-child(4){margin-right: 0;float: right;padding-left: 20px;}
.pro_la li .tp1{background: url("../images/index_1.png") no-repeat center;width: 70px;height: 70px;margin-top: 10px;float: left;}
.pro_la li .tp2{background: url("../images/index_2.png") no-repeat center;width: 70px;height: 70px;margin-top: 10px;float: left;}
.pro_la li .tp3{background: url("../images/index_3.png") no-repeat center;width: 70px;height: 70px;margin-top: 10px;float: left;}
.pro_la li .tp4{background: url("../images/index_4.png") no-repeat center;width: 70px;height: 70px;margin-top: 10px;float: left;}
.pro_la li.active .tp1{background: url("../images/index_1.1.png") no-repeat center;}
.pro_la li.active .tp2{background: url("../images/index_2.1.png") no-repeat center;}
.pro_la li.active .tp3{background: url("../images/index_3.1.png") no-repeat center;}
.pro_la li.active .tp4{background: url("../images/index_4.1.png") no-repeat center;}
.pro_la li h5{font-size: 22px;line-height: 40px;font-weight: 600;color: #4d4d4d;padding-left: 90px;margin-top: 15px;}
.pro_la li h5 a{float: right;margin-right: 100px;}
.pro_la li h5 img{vertical-align: middle;}
.pro_la li .right{width: calc(100% - 80px);float: left;}
.pro_la li .tp4_1{float: left;font-size: 20px;line-height: 40px;font-weight: 600;color: #4d4d4d;padding-left: 20px;margin-top: 10px;}
.pro_la li em{margin-top: 13px;font-size: 18px;color: #4d4d4d;display: block;}
.pro_la li .tp4_2{float: left;font-size: 20px;line-height: 40px;font-weight: 600;color: #4d4d4d;padding-left: 18px;margin-top: -27px;}
.pro_la li hr{width: 40px;height: 2px;background: #cf1820;border:none;margin-left:20px;}
.pro_la li p{font-size: 15px;line-height: 20px;color: #555555;width: 330px;padding-left: 20px;} */



/* .pro_l li{float: left;color: #2e2e2e;margin-right: 0.2%;height: 246px;
    width:33.2%;padding-top: 62px;padding-left: 100px;box-sizing: border-box;overflow: hidden;
    background: url("../images/y1.png") no-repeat center;transition: all 1.3s;background-size: 100%;}
.pro_l li:nth-child(2){background: url("../images/y2.png") no-repeat center;transition: all 1.3s;background-size: 100%;}
.pro_l li:nth-child(3){background: url("../images/y3.png") no-repeat center;margin-right: 0;transition: all 1.3s;background-size: 100%;}
.pro_l li:hover{transition: all 1.3s;background-size: 120%;}
.pro_l li h5{font-size: 22px;line-height: 60px;font-weight: normal;color: #4d4d4d;}
.pro_l li h5 a{float: right;margin-right: 100px;}
.pro_l li h5 img{vertical-align: middle;}
.pro_l li hr{width: 50px;height: 1px;background: #ddd;border:none;margin-left:0;}
.pro_l li p{font-size: 15px;line-height: 36px;color: #dedede;width: 330px;margin-top: 10px;} */


.pro_q .c{position: relative;width: 1430px;margin:25px auto;max-width: 90%;}
.sw1{width: 330px;height: 418px;background: #fff;box-shadow: #eee 1px 1px 5px 5px;padding:15px;}
.sw1 .sw1_1{width: 395px;height: 187px;overflow: hidden;}
.sw1 .sw1_1 img{width: 395px;height: 187px;transition: all .5s;}



.pro_q h2{text-align: center;background: none;font-size: 26px;color: #333;line-height: 40px;font-weight: normal;}
.pro_q h6{text-align: center;background: none;font-size: 16px;color: #808080;line-height: 24px;font-weight: normal;}
.pro_q .cc{width: 1430px;height: 490px;padding:30px 10px;margin:0 auto;box-sizing: border-box;}
.sw2{text-align: center;}
.sw2 h5{text-align: center;font-size: 24px;color: #000;line-height: 75px;font-weight: normal;padding-left: 20px;}
.sw2 p{font-size: 16px;color: #666;line-height: 30px;height: 90px;overflow: hidden;margin-bottom: 50px;text-align: left;padding:0 30px;letter-spacing: 1px;}
/* .sw2 > a{display: inline-block;background: url("../images/p61.png") no-repeat left center;width: 95px;height: 30px;
    line-height: 30px;font-size: 16px;text-align: right;color: #cf1820;} */

.sw2 > a{display: inline-block;background: url("../images/p71.png") no-repeat left center;width: 120px;height: 30px;}

.pro_q .swiper-button-prev, .pro_q .swiper-button-next{width: 15px;height: 28px;}
.pro_q .swiper-button-next{background: url("../images/ne1.png") no-repeat center;right:-100px;}
.pro_q .swiper-button-prev{background: url("../images/pr1.png") no-repeat center;left:-100px;}

.sw2 .sw2_2{height: 230px;margin-top: 28px;}
.sw2 hr{width: 70px;border-bottom: 2px solid #cf1820;background: none;float: left;}
.sw2 .btn1{position: relative;height: 0;border-bottom:2px solid #cecece;color: #cf1820;float: right;width: 228px;top:0px;}
.sw2 .btn1:after,.sw2 .btn1:before {content: '';position: absolute;left: 0;top: 0;width: 0px;height: 2px;background: #ffffff;z-index:-2;}
.pro_q .swiper-slide .sw2 .btn1:before {transition: .5s;background: #cf1820;z-index:-1;}

.sw2_2 .sw2_2_1{display: block;text-align: left;font-size: 17px;color: #666;line-height: 50px;width: 60%;margin-left: 10%;padding-left: 20%;}
.sw2_2 .sw2_2_1 em{font-size: 12px;color: #ddd;margin-right: 5px;}
.pro_q .swiper-slide:nth-child(1) h5{background: url("../images/p11.1.png") no-repeat 50px center;}
.pro_q .swiper-slide:nth-child(2) h5{background: url("../images/p21.1.png") no-repeat 50px center;}
.pro_q .swiper-slide:nth-child(3) h5{background: url("../images/p31.1.png") no-repeat 50px center;}
.pro_q .swiper-slide:nth-child(4) h5{background: url("../images/p41.1.png") no-repeat 50px center;}
.pro_q .swiper-slide:nth-child(5) h5{background: url("../images/p31.1.png") no-repeat 50px center;}
/* .pro_q .swiper-slide:hover .sw2 > a{color: #666;background: url("../images/p51.1.png") no-repeat left center;margin-top:30px;} */
.pro_q .swiper-slide:hover .sw2 > a{color: #666;background: url("../images/p71.1.png") no-repeat left center;margin-top:20px;}
.pro_q .swiper-slide:hover h5{color: #cf1820;padding-left: 0px;}

.pro_q .swiper-slide:nth-child(1):hover h5{background: url("../images/p11.png") no-repeat 50px center;}
.pro_q .swiper-slide:nth-child(2):hover h5{background: url("../images/p21.png") no-repeat 50px center;}
.pro_q .swiper-slide:nth-child(3):hover h5{background: url("../images/p31.png") no-repeat 50px center;}
.pro_q .swiper-slide:nth-child(4):hover h5{background: url("../images/p41.png") no-repeat 50px center;}
.pro_q .swiper-slide:nth-child(5):hover h5{background: url("../images/p31.png") no-repeat 50px center;}
.pro_q .swiper-slide:hover .sw2_2 > a:hover{color: #cf1820;}

.pro_q .swiper-slide:hover .sw1{width: 360px;height: 450px;transition: all .5s;margin-top: -15px;margin-left: -14px;}
.pro_q .swiper-slide:hover .sw1 hr{border-bottom: 1px solid #cf1820;}
.pro_q .swiper-slide:hover .sw1 .sw2 .btn1{border-bottom:1px solid #cf1820;width: 258px;transition: all .5s;}
.pro_q .swiper-slide:hover .sw2_2{height: 245px;}
.pro_q .swiper-slide:hover .sw2_2 .sw2_2_1{color: #666;}
.pro_q .swiper-slide:hover .sw1 .sw2_2_1{color: #666;line-height: 60px;}
.pro_q .swiper-slide:hover .sw1 .sw2_2{margin-top: 10px;transition: all .5s;}
/* .pro_q .swiper-slide:nth-child(1).active .sw1{width: 360px;height: 450px;background: #3276c3;transition: all .5s;margin-top: -15px;margin-left: -14px;}
.pro_q .swiper-slide:nth-child(1).active .sw1 hr{border-bottom: 1px solid #acbac9;}
.pro_q .swiper-slide:nth-child(1).active .sw1 .sw2 .btn1{border-bottom:1px solid #acbac9;width: 258px;transition: all .5s;}
.pro_q .swiper-slide:nth-child(1).active .sw2_2{height: 245px;}
.pro_q .swiper-slide:nth-child(1).active .sw2_2 .sw2_2_1{color: #fff;}
.pro_q .swiper-slide:nth-child(1).active .sw1 .sw2_2_1{border-bottom: 1px dashed #5e87b9;color: #fff;line-height: 60px;}
.pro_q .swiper-slide:nth-child(1).active .sw1 .sw2_2{margin-top: 10px;transition: all .5s;}


.pro_q .swiper-slide.active .sw1{width: 360px;height: 450px;background: #3276c3;transition: all .5s;margin-top: -15px;margin-left: -14px;}
.pro_q .swiper-slide.active .sw1 hr{border-bottom: 1px solid #acbac9;}
.pro_q .swiper-slide.active .sw1 .sw2 .btn1{border-bottom:1px solid #acbac9;width: 258px;transition: all .5s;}
.pro_q .swiper-slide.active .sw2_2{height: 245px;}
.pro_q .swiper-slide.active .sw2_2 .sw2_2_1{color: #fff;}
.pro_q .swiper-slide.active .sw1 .sw2_2_1{border-bottom: 1px dashed #5e87b9;color: #fff;line-height: 60px;}
.pro_q .swiper-slide.active .sw1 .sw2_2{margin-top: 10px;transition: all .5s;} */

.swiper_mid{height: 880px;overflow: hidden;}
.swiper_mid ul{width: 1400px;height: 260px;background: #fff;margin:0 auto;position: relative;z-index: 2;top:-130px;
    padding-top: 26px;box-sizing: border-box;padding-left: 8px;box-sizing: border-box;}
.swiper_mid ul li{float: left;width: 432px;height: 190px;margin-left:23px;background: url("../images/mid1.png") no-repeat center top;background-size: cover;
    border-radius: 10px;padding-top: 45px;padding-left: 140px;padding-right:35px;box-sizing: border-box;cursor: pointer;}
.swiper_mid ul li.li2{background: url("../images/mid2.png") no-repeat center top;background-size: cover;}
.swiper_mid ul li.li3{background: url("../images/mid3.png") no-repeat center top;background-size: cover;}
.swiper_mid ul li.li1.active{background: url("../images/mid1.1.png") no-repeat center top;background-size: cover;}
.swiper_mid ul li.li2.active{background: url("../images/mid2.1.png") no-repeat center top;background-size: cover;}
.swiper_mid ul li.li3.active{background: url("../images/mid3.1.png") no-repeat center top;background-size: cover;}


.swiper_mid ul li h5{font-size: 18px;color: #333;font-weight: normal;margin-bottom: 15px;}
.swiper_mid ul li p{font-size: 16px;color: #666;line-height: 30px;}
.swiper_mid ul li.active h5{font-size: 18px;color: #fff;font-weight: normal;margin-bottom: 15px;}
.swiper_mid ul li.active p{font-size: 16px;color: #eee;line-height: 30px;}



.s_mid1{background: url('../images/mid_banner1.png') no-repeat center;width: 100%;height: 686px;}
.s_mid1 p{font-size: 16px;color: #fff;line-height: 40px;width: 700px;height: 160px;overflow: hidden;float: left;margin-top: 160px;margin-left: 53.5%;}
.s_mid2{background: url('../images/mid_banner2.jpg') no-repeat center;width: 100%;height: 686px;display: none;}
.s_mid2 p{padding-top: 406px;}
.s_mid2 span{margin-right: 49px;font-size: 22px;color: #ffde00;}
.s_mid3{background: url('../images/mid_banner3.jpg') no-repeat center;width: 100%;height: 686px;display: none;}



.head_top {WIDTH: 1200px; HEIGHT: 92px; OVERFLOW: hidden;}
.head_top1 {HEIGHT: 62px;width: 200px; OVERFLOW: hidden; CURSOR: pointer;font-size: 16px;color: #d80100;margin-top: 57px;margin-left: 142px;}
.head_top2 {LINE-HEIGHT: 30px; HEIGHT: 30px;width: 200px;float: right;margin-top: -63px;}
.head_bottom {WIDTH: 1200px; HEIGHT: 35px; OVERFLOW: hidden}
.nav1 {FLOAT: left}
.navlogo {FLOAT: left}
.nav1 {TEXT-ALIGN: center; WIDTH: 103px; HEIGHT: 35px; OVERFLOW: hidden}
.nav1 A {LINE-HEIGHT: 25px;color: #464646; min-WIDTH: 103px; DISPLAY: block; HEIGHT: 35px;font-size: 14px;font-weight: bold;}
.nav1 A:hover {}
.navlogo {TEXT-ALIGN: center; WIDTH: 354px; HEIGHT: 35px}
.navlogo A {LINE-HEIGHT: 300px; DISPLAY: block; HEIGHT: 35px; OVERFLOW: hidden}
#sjx{width: 0;height: 0;border-top: 30px solid transparent;border-right: 20px solid red;
     border-bottom: 30px solid transparent;margin-left:398px;}

.xixibox {TEXT-ALIGN: center; height:710px; background:#f5f5f5 url("../images/04_03.png") no-repeat center bottom;}


/* 新闻中心  */
.news_body{width: 100%;background: #f5f5f5;}
.news{padding-top: 10px;}
.news .news_left{width: calc(100% - 270px);float: left;}
.news .menu p{border-bottom: 3px solid #c40202;margin-bottom: 35px;line-height: 40px;}
.news .menu p a{padding:12px 2%;font-size: 16px;color: #666666;}
.news .menu p a.active{background: #c40202;color: #fff;}
.news_list_z dd{width: 32%;height: 220px;background: #fff;float: left;margin-right: 2%;padding:30px 30px 5px 30px;
    box-sizing: border-box;margin-bottom: 32px;}
.news_list_z dd:nth-child(3n){margin-right: 0;}
.news_list_z dd h3{font-size: 17px;color: #333333;line-height: 35px;height: 35px;overflow: hidden; margin-bottom: 5px;font-weight: normal;}
.news_list_z dd:hover h3{color: #c40202;}
.news_list_z dd p{font-size: 15px;color: #666666;line-height: 34px;height: 68px;overflow: hidden; margin-bottom: 18px;border-bottom: 1px solid #ddd;padding-bottom: 20px;}
.news_list_z dd span{font-size: 16px;color: #888888;}
.news_list_z dd span a{float: right;margin-right: 5px;}

.news .news_right{width: 230px;float: right;}
.news .news_right h3{font-size: 18px;color: #333333;line-height: 40px;background: #fcfcfc;
    border-bottom: 1px solid #c40202;font-weight: normal;text-align: center;}
.news .news_right li {height: 184px;width: 100%;text-align: center;margin-bottom: 3px;background: #fff;}
.news .news_right marquee{height: 748px;overflow: hidden;width: 230px;margin-bottom: 20px;margin-top: 5px;}
.news .news_right ul{}
.news .news_right ul li a{display: block;background: url("../images/w1.1.png") no-repeat center 25px;width: 100%;
    height: 100%;padding-top: 132px;font-size: 16px;color: #666666;}
.news .news_right li:nth-child(2) a{background: url("../images/w2.1.png") no-repeat center 25px;}
.news .news_right li:nth-child(3) a{background: url("../images/w3.1.png") no-repeat center 25px;}
.news .news_right li:nth-child(4) a{background: url("../images/w4.1.png") no-repeat center 25px;}
.news .news_right_1{padding:15px;background: #fff;}
.news .news_right_1 > p{line-height: 47px;}
.news .news_right_1 > p em{font-size: 14px;color: #b1b1b1;margin-right: 8px;}
.news .news_right_1 > p a{font-size: 15px;color: #666666;}
.news .news_right_1 > p a:hover{color: #c40202;}

.here,.here a{line-height: 30px;font-size: 12px;color: #e0e0e0;margin-bottom: 30px;}


.case_content_1 ul li{width: 32%;overflow:hidden;margin-bottom: 40px;float: left;margin-right: 2%;}
.case_content_1 ul li:nth-child(3n){margin-right: 0;}
/* .case_content_1 ul li:nth-child(3n+1){background: #fff url("../images/case_1_03.jpg") no-repeat center top;}
.case_content_1 ul li:nth-child(3n+2){background: #fff url("../images/case_1_05.jpg") no-repeat center top;}
.case_content_1 ul li:nth-child(3n+0){background: #fff url("../images/case_1_10.jpg") no-repeat center top;margin-right: 0;} */
.case_content_1 ul li a.tit_a{display: block;height:515px;overflow:hidden;}
.case_content_1 ul li div.tit_1{height: 370px;overflow: hidden}

.case_content_1 .case_li1 li{width: 32.5%;margin-right: 1.25%; margin-bottom: 1.25%; float:left;position: relative; overflow:hidden;}
.case_content_1 .case_li1 li:nth-child(3n){margin-right: 0px;}
.case_content_1 .case_li1 li img{width: 100%;height: 100%;overflow: hidden;}
.case_content_1 .case_li1 li .contentac_1{position: absolute;
    display: none;
    font-size: 18px;
    text-align: center;
    color: #333333;
    background: red;
    height: 420px;}
.case_content_1 .case_li1 li .contentac_1 h4{margin-top: 35px;margin-left: 30px; float: left;color: #fff;font-size: 16px;}
.case_content_1 .case_li1 li .contentac_1 .industry{margin: 190px auto 0;color: #fff;font-size: 28px;font-weight: lighter;}
.case_content_1 .case_li1 li .contentac_1 h5{margin: 10px auto;color: #fff;font-size: 15px;font-weight: lighter;}
.case_content_1 .case_li1 li:hover .contentac_1{display: block;top:0;width:100%;height:100%;background: rgba(0,0,0,.7);}







.about_case ul li{margin:0;}
h4.case_s{font-size: 30px;color: #333;font-weight: normal;line-height: 60px;margin-bottom: 70px;padding-left: 620px;
    background: url("../images/16.png") no-repeat center;}
.about_right .case_jkl h4.case_s,.about_right .news_tj h4.case_s{padding-left: 0;}

h4.case_s1{font-size: 36px;color: rgb(51, 51, 51);text-align: center;padding-top: 5px;margin-bottom: 40px;margin-top: 50px;
    font-family: "思源黑体 CN";background: rgb(255, 255, 255);border:none;}

h4.case_s1 span{font-size: 36px;color: #cd0404;}


.case_t{width: 100%;position: relative;}
.case_content_1 ul li:hover h6,.case_content_1 ul li:hover p{color: #be0604;}
.case_t  .swiper-button-next,.case_t  .swiper-button-prev{width: 12px;height: 25px;}
.case_t  .swiper-button-next{background: url("../images/next_c.png") no-repeat center;right: -80px;}
.case_t  .swiper-button-prev{background: url("../images/prev_c.png") no-repeat center;left:-80px;}


.justify_fix{display:inline-block; width:100%; hieght:0; overflow:hidden;}
.case_content_1 ul li a img{}
.case_b{height: 292px;overflow: hidden;}
.case_b img{margin-top: 77px;margin-left: 49px;width: 347px;}


.case_b1{height: 360px;overflow: hidden;background: url(../images/y4.jpg) no-repeat center top;}
.case_b1 .imga{width: 100%;height: 100%;}
.case_b1 .p8_1a{display: none;transition: all .5s;}
.case_b1 .p8_2a{width: 100%;height: 261px;text-align: center;position: relative;overflow: hidden;}
.case_b1 .p8_2a .img1{display: block;width: 100%;overflow: hidden;}
.case_b1 .p8_2a .img1{width: 322px;margin-top: 62px;margin-left: 62px;}
.case_b1 .p8_2a .img2{position: absolute;display: block;top:130px;text-align: center;z-index: 9;width: 100%;}
.case_b1 .p8_1a p{line-height: 45px;font-size: 16px;color: #555;padding:0 18px;}
.case_b1 .p8_1a p span{float: right;}
.case_b1:hover > img{display: none;}
.case_b1:hover .p8_1a{display: block;transition: all .5s;}





.news_tj1 img.right{width:421px;height: 136px;}
.news_tj2{width: 712px;float: left;height: 130px;margin-left: 30px;}
.news_tj2 h3{border-bottom: 2px solid #ddd;line-height: 50px;margin-bottom: 15px;}
.news_tj2 h3 span{float: right;font-size: 16px;color: #555;line-height: 50px;}
.news_tj2 h3 a{font-size: 18px;color: #333;}
.news_tj2 p{font-size: 16px;color: #666;line-height: 38px;}
.news_tj2 p a{float: right;color: #666;font-size: 16px;}
.news_tj1 li{width: 420px;height: 50px;float: left;margin-right: 70px;box-sizing: border-box;}
.news_tj1 li:nth-child(3n){margin-right: 0;}
.news_tj1 ul{margin-top: 30px;}
.news_tj1 .news_tj3{float: left;width: 75px;height: 52px;text-align: center;border-right: 1px solid #ddd;margin-right: 25px;}
.news_tj1 .news_tj3 h4{font-size: 28px;color: #666;line-height: 24px;}
.news_tj1 .news_tj3 h4 span{font-size: 14px;color: #666;}
.news_tj1 li a{line-height: 50px;font-size: 16px;color: #666;}
.news_tj1 li a em{font-size: 12px;margin-right: 10px;}
.news_tj1 li a span{float: right;font-size: 16px;color: #666;line-height: 50px;}
.news_tj1 li:hover a{color: #be0604;}

.case_content_1 ul li h6{font-size: 18px;line-height: 40px;text-align: left;color: #666666;font-weight: normal;margin: 10px 22px;}
.case_content_1 ul li p{font-size: 16px;margin: 0 22px;line-height: 34px;color: #888888;height: 68px;overflow: hidden;
    padding-bottom: 12px;border-bottom: 1px solid #eee;}
.case_content_1 ul li span a {font-size: 16px;color: #888;padding-left: 22px;line-height: 60px;}
.case_content_1 ul li span a img{float:right;margin-top: 18px;margin-right: 30px;}

.case_title ul li{min-width: 103px;display: inline-block;}
#cu3er_swf {MARGIN: 0px auto; WIDTH: 1200px; HEIGHT: 386px;}
#default_box {WIDTH: 100%; BACKGROUND: url(../images/body_bg.gif) repeat-x left -7px; PADDING-TOP: 18px;}
.default_box {WIDTH: 958px;}
.df_news {WIDTH: 282px; FLOAT: left;}
.df_news UL {PADDING-BOTTOM: 10px; PADDING-TOP: 26px;}
.df_news LI {LINE-HEIGHT: 25px; TEXT-INDENT: 10px;HEIGHT: 25px;}
.df_news LI SPAN {FLOAT: right; MARGIN-RIGHT: 2px;}
.df_case {WIDTH: 402px; BACKGROUND: #fff; FLOAT: left;}
.df_case_t {WIDTH: 380px; BACKGROUND: url(../images/bg.gif) repeat-x left top; HEIGHT: 36px;}
.df_case_t SPAN {FLOAT: right}
.df_xm {WIDTH: 274px; FLOAT: right}
.df_xm UL {PADDING-LEFT: 10px; PADDING-TOP: 20px}
.df_xm LI {PADDING-BOTTOM: 4px; LINE-HEIGHT: 20px; TEXT-INDENT: 10px; BACKGROUND: url(../images/dian.gif) no-repeat left 5px}
.ad_banner img{border-radius: 6px;}

#foot {WIDTH: 100%; FONT-FAMILY: Tahoma, SimSun-ExtB; BACKGROUND: #3d3f3e repeat-x center -2px; FONT-SIZE: 12px; OVERFLOW: hidden}

.foot {LINE-HEIGHT:22px; WIDTH: 1400px;max-width: 95%;  FONT-SIZE: 12px; OVERFLOW: hidden;text-align:center;margin:0 auto;}

.foot a{ white-space:nowrap; }
.f_r {TEXT-ALIGN: center; FONT-FAMILY: Tahoma, SimSun-ExtB; FONT-SIZE: 12px;text-align: justify;}
.footer01 {COLOR: #757575; FONT-WEIGHT: bold;}
.footer02 {FONT-FAMILY: Tahoma, SimSun-ExtB; COLOR: #aeaeae; FONT-SIZE: 12px;}
.f_r a,.f_r{ }
.f_r .foot_link{background: url("../images/link.png") no-repeat left top;height: 80px;padding-left: 145px;padding-top: 26px;}
.f_r .foot_link a{color: #cecece;line-height: 34px;}
.f_r .foot_link a em{margin:0 15px;color: #bbb;}
.f_r .foot_link a:hover{color: #c90103;}



/* 首页底部 */
#foot_i {WIDTH: 100%; FONT-FAMILY: Tahoma, SimSun-ExtB; BACKGROUND: #3d3f3e repeat-x center -2px; FONT-SIZE: 12px; OVERFLOW: hidden}

.foot_i {LINE-HEIGHT:22px; WIDTH: 1400px;  FONT-SIZE: 12px; OVERFLOW: hidden;text-align:center;margin:0 auto;}

.foot_i a{ white-space:nowrap; }
.f_r {TEXT-ALIGN: center; FONT-FAMILY: Tahoma, SimSun-ExtB; FONT-SIZE: 12px;text-align: justify;}
.footer01 {COLOR: #757575; FONT-WEIGHT: bold;}
.footer02 {FONT-FAMILY: Tahoma, SimSun-ExtB; COLOR: #aeaeae; FONT-SIZE: 12px;}
.f_r a,.f_r{ }
.f_r .foot_link{background: url("../images/link.png") no-repeat left top;height: 80px;padding-left: 145px;padding-top: 26px;}
.f_r .foot_link a{color: #cecece;line-height: 34px;}
.f_r .foot_link a em{margin:0 15px;color: #bbb;}
.f_r .foot_link a:hover{color: #c90103;}


/* .tpc1 li{float: left;width: 330px;line-height: 45px;}
.tpc1 li:nth-child(2n){margin-left: 75px;}
.tpc1 li > div{border-right:1px solid #ddd;width: 62px;float: left;font-size: 26px;color: #666;font-weight: normal;line-height: 26px;}
.tpc1 li > div p{font-size: 14px;color: #666;line-height: 20px;}

.tpc1 li h3{font-size: 16px;color: #666;font-weight: normal;line-height: 52px;}
.tpc1 li h3 i{font-size: 11px;color: #e1e1e1;margin-right: 8px;}
.tpc1 li h3 span{float: right;font-size: 16px;}
.tpc1 li h3 span em{margin-right: 6px;color: #ddd;font-size: 12px;}
.tpc1 li:hover h3{color: #c90103;} */


.tpc1 li{float: left;width: 43.8%;margin-bottom: 60px;}
.tpc1 li:nth-child(2n){float: right;}
.tpc1 li .news_1{width: 70px;text-align: center;font-size: 24px;color: rgba(51,51,51,0.79);float: left;}
.tpc1 li .news_1 span{font-size: 16px;color: #666666;position: relative;top:-8px;}
.tpc1 li .news_2{height: 50px;width: calc(100% - 80px); float: right;border-left: 1px solid #eee;padding-left: 18px;}
.tpc1 li .news_2 h5{font-size: 17px;height: 20px; color: rgba(51,51,51,0.79);margin-bottom: 10px;font-weight: normal;overflow: hidden;}
.tpc1 li .news_2:hover h5{color: #c90103;height: 20px; overflow: hidden;}
.tpc1 li .news_2 p{font-size: 15px;color: rgba(136,136,136,0.7);width: 100%;height: 20px;text-align: justify; overflow: hidden;padding-top: 5px;}



.height10{height: 10px;}
.height20{height: 20px;}
.height30{height: 30px;}
.height35{height: 35px;}
.height40{height: 40px;}
.height45{height: 45px;}
.height50{height: 50px;}
.height55{height: 55px;}
.height60{height: 60px;}
.height65{height: 65px;}
.height70{height: 70px;}
.height80{height: 80px;}
.height90{height: 90px;}
.height100{height: 100px;}

#formwrapper {BORDER-BOTTOM: #1e7ace 1px solid; TEXT-ALIGN: left; BORDER-LEFT: #1e7ace 1px solid; PADDING-BOTTOM: 20px; MARGIN: 15px auto; PADDING-LEFT: 20px; WIDTH: 450px; PADDING-RIGHT: 20px; BORDER-TOP: #1e7ace 1px solid; BORDER-RIGHT: #1e7ace 1px solid; PADDING-TOP: 20px}
FIELDSET {PADDING-BOTTOM: 10px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 10px}
FIELDSET LEGEND {BORDER-BOTTOM: #ccc 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ccc 1px solid; WIDTH: 80px; BACKGROUND: #fff; COLOR: #1e7ace; BORDER-TOP: #ccc 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: #ccc 1px solid}
FIELDSET LABEL {TEXT-ALIGN: right; WIDTH: 80px; PADDING-RIGHT: 5px; FLOAT: left}
FIELDSET DIV {PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; CLEAR: left; PADDING-TOP: 5px}
.enter {TEXT-ALIGN: center}
.web_1 {PADDING-BOTTOM: 10px; LINE-HEIGHT: 30px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; PADDING-TOP: 10px}
.web_1 SPAN {COLOR: #f00}
.web_1 H1 {MARGIN-TOP: 0px; COLOR: #c90103; FONT-SIZE: 14px; PADDING-TOP: 0px}
.web_1 IMG {MARGIN: 10px; FLOAT: right}
.web_2 {LINE-HEIGHT: 28px; PADDING-LEFT: 30px; WIDTH: 696px; BACKGROUND: url(../images/009.gif) no-repeat; HEIGHT: 28px; COLOR: #000; FONT-WEIGHT: bold}
.web_2 SPAN {FLOAT: right; MARGIN-RIGHT: 20px}
.web_3 {PADDING-BOTTOM: 15px; PADDING-LEFT: 0px; WIDTH: 725px; PADDING-RIGHT: 0px; HEIGHT: 110px; OVERFLOW: hidden; PADDING-TOP: 15px}
.web_3 UL {WIDTH: 900px; HEIGHT: 110px; OVERFLOW: hidden}
.web_3 LI {BORDER-BOTTOM: #b5b5b5 1px solid; BORDER-LEFT: #b5b5b5 1px solid; LINE-HEIGHT: 25px; MARGIN: 0px 23px; PADDING-LEFT: 75px; WIDTH: 117px; FLOAT: left; HEIGHT: 106px; COLOR: #000; FONT-SIZE: 12px; OVERFLOW: hidden; BORDER-TOP: #b5b5b5 1px solid; BORDER-RIGHT: #b5b5b5 1px solid}
.web_3 LI H3 {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 14px; PADDING-TOP: 0px}
.web_3li1 {BACKGROUND: url(../images/1.jpg) #fff no-repeat 10px center}
.web_3li2 {BACKGROUND: url(../images/2.jpg) #fff no-repeat 10px center}
.web_3li3 {BACKGROUND: url(../images/3.jpg) #fff no-repeat 10px center}
.pagination {PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; PADDING-TOP: 2px}
.pagination UL {TEXT-ALIGN: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 14px; PADDING-TOP: 0px}
.pagination LI {PADDING-BOTTOM: 1px; LIST-STYLE-TYPE: none; DISPLAY: inline}
.pagination A {BORDER-BOTTOM: #9aafe5 1px solid; BORDER-LEFT: #9aafe5 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: #2e6ab1; BORDER-TOP: #9aafe5 1px solid; BORDER-RIGHT: #9aafe5 1px solid; TEXT-DECORATION: none; PADDING-TOP: 0px}
.pagination A:visited {BORDER-BOTTOM: #9aafe5 1px solid; BORDER-LEFT: #9aafe5 1px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: #2e6ab1; BORDER-TOP: #9aafe5 1px solid; BORDER-RIGHT: #9aafe5 1px solid; TEXT-DECORATION: none; PADDING-TOP: 0px}
.pagination A:hover {BORDER-BOTTOM: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow; COLOR: #000; BORDER-TOP: #2b66a5 1px solid; BORDER-RIGHT: #2b66a5 1px solid}
.pagination A:active {BORDER-BOTTOM: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow; COLOR: #000; BORDER-TOP: #2b66a5 1px solid; BORDER-RIGHT: #2b66a5 1px solid}
.pagination LI.currentpage {BORDER-BOTTOM: navy 1px solid; BORDER-LEFT: navy 1px solid; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #f00; MARGIN: 0px 4px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: #fff; BORDER-TOP: navy 1px solid; FONT-WEIGHT: bold; BORDER-RIGHT: navy 1px solid; PADDING-TOP: 0px}
.pagination LI.disablepage {BORDER-BOTTOM: #929292 1px solid; BORDER-LEFT: #929292 1px solid; PADDING-BOTTOM: 0px; MARGIN: 0px 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; COLOR: #929292; BORDER-TOP: #929292 1px solid; BORDER-RIGHT: #929292 1px solid; PADDING-TOP: 0px}
.pagination LI.nextpage {FONT-WEIGHT: bold}
.i_news {WIDTH: 290px; BACKGROUND: url(../images/110_03.jpg) no-repeat; FLOAT: left; HEIGHT: 312px; margin-top: -13px;}
.i_news LI {LINE-HEIGHT: 30px; BACKGROUND: url(../images/inewsli.gif) no-repeat 8px center; HEIGHT: 32px}
.i_news LI A {FONT-SIZE: 13px;color: #666666;}
.i_news LI span{float: right;color: #999;}
.i_n_t {LINE-HEIGHT: 350px; PADDING-LEFT: 18px; HEIGHT: 30px; FONT-SIZE: 14px; OVERFLOW: hidden;margin-bottom: 15px;}
.i_n_t SPAN A {LINE-HEIGHT: 40px; BACKGROUND: url(../images/more_l.png) no-repeat ;HEIGHT: 40px; OVERFLOW: hidden;display: block;width: 200px;}
.i_n_t SPAN A:hover {LINE-HEIGHT: 400px; BACKGROUND: url(../images/more_l1.png) no-repeat right 10px; FLOAT: right; HEIGHT: 30px; OVERFLOW: hidden; MARGIN-RIGHT: 10px}
.ibox {WIDTH: 844px;  FLOAT: right; HEIGHT: 310px; OVERFLOW: hidden}

#Tab2 {POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 844px; PADDING-RIGHT: 0px; HEIGHT: 163px; PADDING-TOP: 0px}
.Menubox {LINE-HEIGHT: 28px;  HEIGHT: 28px;border-bottom: 1px solid #e2e2e2;}

.Menubox LI {TEXT-ALIGN: center; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 100px; PADDING-RIGHT: 0px; DISPLAY: block; FLOAT: left; HEIGHT: 28px; COLOR: #9e9e9e; FONT-SIZE: 15px; CURSOR: pointer; MARGIN-RIGHT: 16px; PADDING-TOP: 0px}
.Menubox LI.hover {BORDER-BOTTOM: #c40202 3px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 100px; PADDING-RIGHT: 0px; HEIGHT: 28px; COLOR: #202020; MARGIN-RIGHT: 16px; PADDING-TOP: 0px; line-height:28px;}

.Contentbox {TEXT-ALIGN: center; MARGIN: 0px; WIDTH: 844px; CLEAR: both; OVERFLOW: hidden; BORDER-TOP: medium none; PADDING-TOP: 20px}

.iservice_t1_t {PADDING-BOTTOM: 10px; WIDTH: 844px; FLOAT: left; CLEAR: both}
.icon {WIDTH: 211px; FLOAT: left}
.icon:hover a span{color: #c40202; }

.icon a span{color: #666;font-size: 15px;}

.icon1 {TEXT-ALIGN: center; WIDTH: 211px; HEIGHT: 130px;margin-top: 20px;}
.icon2 {TEXT-ALIGN: center; WIDTH: 211px; HEIGHT: 190px}
.icon3 {TEXT-ALIGN: center; WIDTH: 211px; HEIGHT: 190px}
.icon4 {TEXT-ALIGN: right; WIDTH: 211px; HEIGHT: 190px}
#about1{width: 100%;background: #fafafa url("../images/case_bj_index.jpg") no-repeat center;padding-top: 100px;
    padding-bottom: 60px;height: 738px;overflow: hidden;box-sizing: border-box;}
#about {WIDTH: 1400px; margin:0 auto;}
#maintwo {MARGIN: 0px auto}
#aboutus {WIDTH: 584px; FLOAT: left; HEIGHT: 245px}
#about-pic {WIDTH: 311px; FLOAT: left; HEIGHT: 212px}
#about-text {LINE-HEIGHT: 25px; MARGIN-TOP: 10px; WIDTH: 250px; FLOAT: left; HEIGHT: 212px; COLOR: #646464; MARGIN-LEFT: 15px}
#about-line {WIDTH: 15px; FLOAT: left; HEIGHT: 266px; MARGIN-LEFT: 10px}
#tes {WIDTH: 323px; FLOAT: right; MARGIN-LEFT: 10px}
#tes-pic {WIDTH: 323px; FLOAT: left; HEIGHT: 37px}
#tes-text {MARGIN-TOP: 15px; WIDTH: 323px; FLOAT: left; HEIGHT: 90px}
#tes-text-pic {BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; WIDTH: 78px; PADDING-RIGHT: 1px; FLOAT: left; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; PADDING-TOP: 1px}
#tes-text-con {LINE-HEIGHT: 20px; WIDTH: 230px; FONT-FAMILY: "宋体"; FLOAT: left; HEIGHT: 80px; COLOR: #646464; MARGIN-LEFT: 5px; FONT-SIZE: 12px}
#tes-text-line {BACKGROUND-IMAGE: url(../images/tes-line.jpg); MARGIN-TOP: 4px; WIDTH: 323px; FLOAT: left; HEIGHT: 14px}
#tes-link {BACKGROUND-IMAGE: url(../images/link.jpg); MARGIN-TOP: 5px; WIDTH: 950px; HEIGHT: 36px}
#tes-link-icon {WIDTH: 949px; MARGIN-BOTTOM: 20px; BACKGROUND: #fff; HEIGHT: 70px}
#tes-link-icon UL {MARGIN-LEFT: 5px}
#tes-link-icon LI {WIDTH: 88px; FLOAT: left}
.ileft {WIDTH: 1005px;height: 440px; FLOAT: left;max-width: 71.5%;}
.iright {WIDTH: 390px; FLOAT: right;max-width: 28.5%;}
.icase_top h3{text-align: right;font-weight: normal;line-height: 30px;}
.icase_top h3 a{font-size: 16px;color: #888888;cursor: pointer;}
.icase_top h3 a.active{color: #c40202;}
.icase_top h3 a em{font-size: 12px;color: #ddd;margin:0 8px;}
.icase_top h3 a:first-child em{display: none;}
.icaseli ul{display: none;}
.icaseli ul:first-child{display: block;}
.icaseli ul li img.li{display: none;}
.icase .case1{width: 546px;height: 427px;float: left;}
.icase .case2{height: 427px;overflow: hidden;}
.icase .case2 img{width: 490px;margin-left: 64px;margin-top: 120px;}

@media screen and (max-width: 1420px){
    .pro_l li{padding-top:4%;background: url(../images/y1.png) no-repeat center top;height:auto;}
    .pro_l li:nth-child(2){background: url(../images/y2.png) no-repeat center top;}
    .pro_l li:nth-child(3){background: url(../images/y3.png) no-repeat center top;}
    .pro_l{height: auto;}
    .pro_l li p{padding-bottom: 50px;}
}


.icase_top {BACKGROUND: url(../images/111.png) no-repeat; HEIGHT: 31px}
.icase {PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px}
.newtxt {PADDING-BOTTOM: 0px; LINE-HEIGHT: 10px; BACKGROUND-COLOR: #6b6b6b; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-FAMILY: Verdana, Arial; HEIGHT: 14px; COLOR: #ffffff; FONT-SIZE: 9px; TEXT-DECORATION: none; PADDING-TOP: 0px}

.icaseli {WIDTH: 360px; FLOAT: right;  PADDING-TOP: 20px;overflow: hidden;height:500px;}
.icaseli ul{list-style:outside none none;height: 945px;position: relative;top:0;}
.icaseli LI {BORDER-BOTTOM: #dbdfe1 1px solid; padding-bottom: 15px;}
.icaseli li a{font-size: 14px;color: #666;line-height: 30px;}
.icaseli li h5{font-size: 16px;color: #666;margin-bottom: 0px;font-weight: normal;line-height: 40px;margin-top: 15px;}
.icaseli li h5 img{margin-top: 15px;}


#jt {POSITION: absolute; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; RIGHT: auto; PADDING-TOP: 10px}
.box1 {WIDTH: 488px; FLOAT: left}
.box3_t {LINE-HEIGHT: 40px; HEIGHT: 40px; OVERFLOW: hidden}
.box3_t A {LINE-HEIGHT: 300px; DISPLAY: block; HEIGHT: 40px; OVERFLOW: hidden}
.box3 LI {LINE-HEIGHT: 25px; PADDING-LEFT: 10px; BACKGROUND: url(../images/dian1.gif) no-repeat left 7px; HEIGHT: 25px}
.iebg1 {WIDTH: 405px; BACKGROUND: url(../images/case_o.png) no-repeat; HEIGHT: 567px;max-width: 100%;padding-top: 30px;box-sizing: border-box;}
.iebg1_1 {WIDTH: 100%; HEIGHT: 170px; OVERFLOW: hidden;}
.iebg1_1l {WIDTH: 185px; FLOAT: left; HEIGHT: 121px; OVERFLOW: hidden;}

.iebg1 .iebg1_1:nth-child(2) .iebg1_1l a{line-height: 46px;}
.tpc li a{color: #666;}

.tpc li a:hover{color:#ff7700;}

.news_ab ul{width: 32%;float: left;margin-left: 2%;}
.news_ab ul:first-child{margin-left: 0;}
.news_ab h3{font-size: 20px;color: #333;border-bottom: 1px solid #ddd;padding-bottom:5px;line-height: 40px;margin-bottom: 10px;font-weight: normal;}
.news_ab h3 em{border-left: 3px solid #c40202;margin-right: 10px;font-size: 16px;}
.news_ab h3 span{font-size: 12px;color: #ddd;margin-left: 10px;}
.news_ab h3 a{font-size: 14px;color: #999;float: right;}
.news_ab li{line-height: 42px;}
.news_ab li a{font-size: 16px;color: #666;}
.news_ab li a em{font-size: 12px;color: #ddd;margin-right: 10px;}
.news_ab li span{font-size: 14px;color: #666;float: right;}
.news_ab li span em{margin-right: 20px;color: #ccc;font-size: 12px;}
.news_ab li:hover a{color: #c40202;}
.iebg1_1l A {LINE-HEIGHT: 52px; DISPLAY: block; HEIGHT: 45px; OVERFLOW: hidden;margin-left: 60px;color:#666;}

.about_z{margin-bottom: 30px;}

.iebg1_1r {WIDTH: 195px; FLOAT: left;margin-top: 16px;}
.iebg1_1r:nth-child(2){margin-top: 50px;}

.iebg1_1r LI {LINE-HEIGHT: 36px; PADDING-LEFT: 15px;}

.iebg1_1r LI A {color:#666;font-size: 15px;}

.iebg1_1r li a:hover{color:#ff7700;}
.iebglist {PADDING-BOTTOM: 4px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; PADDING-TOP: 4px}

.iebglist LI {LINE-HEIGHT: 22px; HEIGHT: 49px; OVERFLOW: hidden; PADDING-TOP: 1px}
.iebglist LI SPAN {FONT-FAMILY: Tahoma, Geneva, sans-serif; FONT-SIZE: 20px}
.info {BORDER-TOP: #dedede 1px dashed; PADDING-TOP: 10px}
.info LI {LINE-HEIGHT: 24px; PADDING-LEFT: 15px; WIDTH: 330px; BACKGROUND: url(../images/dian.gif) no-repeat 3px 6px; FLOAT: left; HEIGHT: 24px}

.l_text {TEXT-ALIGN: right; LINE-HEIGHT: 23px; WIDTH: 808px; FLOAT: left; HEIGHT: 23px; COLOR: #acacac}
.l_pic {LINE-HEIGHT: 23px; WIDTH: 150px; BACKGROUND: url(../images/links.jpg) no-repeat right 50%; FLOAT: right; HEIGHT: 23px; OVERFLOW: hidden}
.l_an1 {FLOAT: left}
.l_an2 {FLOAT: left}
.l_an1 A {LINE-HEIGHT: 2000px; DISPLAY: block; HEIGHT: 23px; OVERFLOW: hidden}
.l_an2 A {LINE-HEIGHT: 2000px; DISPLAY: block; HEIGHT: 23px; OVERFLOW: hidden}
.l_an1 {LINE-HEIGHT: 2000px; WIDTH: 83px; HEIGHT: 23px; OVERFLOW: hidden}
.l_an2 {LINE-HEIGHT: 2000px; WIDTH: 64px; HEIGHT: 23px; OVERFLOW: hidden}
.links {DISPLAY: none; OVERFLOW: hidden}
.links UL {DISPLAY: none; CLEAR: both; OVERFLOW: hidden}
.links LI {DISPLAY: none; FLOAT: left; OVERFLOW: hidden}
.title {COLOR: #646464; FONT-SIZE: 12px; FONT-WEIGHT: bold}
.lxwm {PADDING-LEFT: 2em}
.title2 {WIDTH: 30px; FLOAT: left; hieght: 30}
.ann {TEXT-ALIGN: center; MARGIN: 10px 20px; WIDTH: 127px; FLOAT: left; HEIGHT: 155px}
.ann UL {FLOAT: left}
.annli {BORDER-BOTTOM: #b7b7b7 1px solid; TEXT-ALIGN: left; BORDER-LEFT: #b7b7b7 1px solid; PADDING-LEFT: 10px; BORDER-TOP: 0px; BORDER-RIGHT: #b7b7b7 1px solid}
.suojin {PADDING-LEFT: 2em}
.yulan {TEXT-ALIGN: center; PADDING-BOTTOM: 10px; PADDING-LEFT: 16px; PADDING-RIGHT: 16px; PADDING-TOP: 10px}

.scroltit{ height:26px; line-height:26px; padding-bottom:4px; margin-bottom:4px;}
.scroltit h3{ width:100px; float:left;}
.scroltit .updown{float:right; width:32px; height:22px; margin-left:4px}

.about_nr{
	width:100%; height:auto;float:left;
	clear:both;
    margin: 0 auto;
	padding-bottom:15px;
   }
.ad_banner{width:100%;height:340px;  }
.about_center{width:1174px;height:auto; margin:0 auto;padding:10px 0 10px 0px;}
.about_left{width:235px;height:auto;float:left;}
.left_list{width:235px;height:auto;float:left;}
.left_list_bk{width:235px;height:40px;float:left;position: relative;z-index: 100;}
.left_list_bk2{width:233px;height:auto;float:left; background-color:#f5f5f5;overflow: hidden;
    margin-top: -2px;
    border: 1px solid #eee;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.left_list_bk2nr{width:272px;height:auto;float:left;
    margin-top: -2px;}
.left_list_bk2nr li{width:184px;height:auto;float:left; line-height:44px;border-top: 1px dashed #e5e5e5;padding-left: 50px;}
.left_list_bk2nr li a{ text-align:left; background:url(../images/about_list_tb.jpg) left no-repeat; padding-left:20px;}
.left_list_bk2nr li a:hover{ text-align:left; background:url(../images/about_list_tb2.jpg) left no-repeat; padding-left:20px;}
.about_cont_tb{width:203px;height:auto;float:left; margin-top:10px;}
.about_right{width:912px;height:auto; float:right;}
.about_right_titbg{width:912px;float:left;}
.about_right_tit{width:600px;height:29px;float:left; line-height:29px; font-weight:bold;}
.about_font{font-weight:bold; color:#000;}

.about_right_text{width: 100%;height:auto;float:left; line-height:30px; padding:30px;background: #fff;box-sizing: border-box;}
.about_right_text h1{text-align: center;line-height: 46px;font-weight: normal;}
.about_right_text h3{text-align: center;line-height: 40px;font-size: 14px;color: #888;font-weight: normal;}
.about_right_text h3 img{margin:0 10px 0 30px;width: 20px;vertical-align: middle;}
.about_right_text a,.about_right_text span,.about_right_text p{font-size: 16px;color: #666;}


.news_class li{margin-top: 10px;}
.news_class li a{font-size: 16px;color: #333;line-height: 30px;}
.news_class p{width: 50%;float: left;}
.news_class p a{font-size: 14px;color: #666;}
.news_class p em{margin-right: 10px;font-size: 12px;color: #ddd;}
.news_class p:hover a{color: #c40202;}
 .preview{overflow:hidden; margin:5px auto;width:912px;height:auto;}

 .news_next{border-top: 1px solid #ddd;height: 60px;line-height: 60px;margin-top: 30px;}
.news_next p{width: 50%;float: left;color: #666;font-size: 16px;}
.news_next p:nth-child(2){text-align: right;}
.news_next p a{color: #666;font-size: 16px;}
.news_next p:hover a{color: #c40202;}

.cont{padding:10px;}
.cls{clear:both;}
.hidden{display:none;}

#sourse{width:912px;height:auto;margin:0px auto;}
.textDiv{margin:10px 40px 10px;text-align:center;}
#sourse h2{margin:0px 10px;background:#ccc;padding:5px;}
.example{margin:10px;background:#FFF;border:1px dotted #ccc;padding:10px;}
.scrolldoorFrame{width:912px;height:auto;margin:0px auto;overflow:hidden;}
.scrollUl{width:912px;overflow:hidden;height:37px;float:left;}
.scrollUl li{float:left; font-size:14px;border: 1px solid #eee;line-height: 35px;}
.bor03{width:912px;height:auto; margin-top:5px;}

.bor03 span{float:left;  line-height:25px;float:left;width:910px;height:auto;}


.sd01{cursor:pointer;height:35px;line-height:30px;font-weight:bold;width:105px; text-align:center;background:#c40202; color:#fff; margin-right:10px;}


.sd02{cursor:pointer;width:105px;height:35px;line-height:30px; text-align:center; margin-right:10px;}

#nav{text-align:left;line-height:24px;width:184px;}
.title{cursor:pointer; font-weight:normal;}
.title1{cursor:pointer;}
.content li{color:#787876;padding-left:10px; border-bottom:1px dashed #d6d6d6;}


.feedback{width:905px;height:auto;float:left; margin-top:20px; line-height:25px; padding-left:3px}
.feedback b{float:left;}

.feedback input{width:175px;height:33px;}
#sub{width:113px;height:35px;background:#c40202;color:#fff;}
.feedback_bk{width:900px;height:190px;    background: #f5f5f5;float:left;margin-top:10px; line-height:24px; border:1px solid #787876;}
.feedback_bk2{width:140px;float:left;}
input{height:20px;line-height:20px; border:1px solid #787876;}
.an{width:60px;height:20px;float:left; text-align:center; line-height:20px; font-size:12px;}


.case_right_imgnr{width:941px;height:auto;float:left;padding-top:15px;}
.case_right_img{width:219px;height:auto;float:left;}
.case_right_img2{width:219px;height:auto;float:left; padding-left:29px;}
.case_right_pic{width:219px;height:auto;float:left;}
.case_right_text{width:219px;height:auto;float:left; text-align:center; line-height:30px;}

.link_wz{width:307px;height:270px; margin-left:auto;margin-right:auto;float: left;}

.link_nav{width: 100%;font-size: 17px;color: #e8e8e8;height: 50px;margin-top: 34px;line-height: 50px;border-bottom: 1px solid #666;}
#link {WIDTH: 100%;height: 440px;background-color: #3e3e3e;}
.foot_l1 a{font-size: 15px;color: #cfcfcf;line-height: 38px;}
.foot_l1 a span{color: #727272;margin-right: 15px;font-size: 12px;}
.foot_l1 a:hover,.foot_l1 a:hover span{color: #dc0000;}
.link_nav_1{width: 34%;float: left;margin-left: 14%;}
.link_line{width: 45px;height: 1px;background: #dc0000;margin-top: -1px;margin-left: 0;}
.foot_l1{float: left;width: 23%;height: 400px;overflow: hidden;}
.foot_l1 ul{padding-top: 8px;}
.foot_l1 ul li{width: 100%;height: 38px;line-height: 38px;overflow: hidden;}
.link_wz_1 ul{width:23.5%;padding-top: 8px;margin-left: 2%;float: left;}
.link_wz_1 ul:first-child{margin-left: 0;}
.link_text li{height:30px; line-height:30px;text-align:left;overflow: hidden;}

.link_text h4{font-size:16px;font-weight:normal;color:#cfcfcf;line-height: 36px;margin:5px 0;}

.link_text li a{color:#cfcfcf;font-size: 14px;}
.link_text li a:hover{color:#dc0000;}
.link_wz{height:400px;width: 22%;float: right;}
.link_wz_2 li{float: left;margin-right: 0px;min-width: 135px;}
.link_wz_2 li:nth-child(4n){margin-right: 0;}

.link_wz_3 ul{padding-top: 10px;}
.link_wz_3 ul li{border-bottom: 1px dashed #626262;background: url("../images/fot_1.png") no-repeat left center;
    padding-left:90px;padding-bottom: 20px; width: 100%;overflow: hidden;box-sizing: border-box;}
.link_wz_3 ul li:nth-child(2){background: url("../images/fot_2.png") no-repeat left center;}
.link_wz_3 ul li:nth-child(3){background: url("../images/fot_3.png") no-repeat left center;border:none;}
.link_wz_3 ul li h5{font-size: 15px;color: #cfcfcf;line-height: 26px;margin-top: 14px;}
.link_wz_3 ul li p{font-size: 14px;color: #cfcfcf;line-height: 26px;}
.link_wz_3 ul li p:hover{color: #dc0000;}

.f_r p,.f_r p a{color: #cfcfcf;line-height: 55px;font-size: 14px;}
.f_r p a{margin:0 10px;}
.f_r p,.f_r p img{vertical-align: middle;}

.head_contact{float:right; font:16px "微软雅黑"; color:#353535; margin-left:0px; margin-top:0px;}
.box1_body{WIDTH:56%; FLOAT: left}
.box3 {WIDTH: 115px; float:left; padding-left:10px;}
.inleft_title{height:30px;}
.inleft_title ul{}
.inleft_title ul li{float:left; text-align:center; color:#000; line-height:29px; display:block; cursor:pointer;}
.about_right span{text-align: justify;}

.about_list { padding-top:10px; width: 203px;}
.submenuA { width: 235px; height: 44px;line-height:44px;border-top: 1px dashed #e5e5e5;padding-left: 50px;}
.submenuA a {width: 235px; height: 44px; line-height: 44px; font-size: 14px; display: block;color: #666;}
.submenuA a:hover {font-weight: bold; text-decoration: none; color:#c40202;}
.submenuA a.channelclass {width: 203px; height: 27px; font-weight: bold;color:#c40202; text-decoration: none; display: block;}
.hiding ul {width: 202px; padding-bottom: 1px; display: block;}
.hiding ul li {width: 202px; height: 29px; margin-bottom: 5px;}
.hiding ul li a {width: 202px; height: 29px; line-height: 29px;color: #666; text-indent: 70px; font-size: 12px; display: block;}
.hiding ul li a:hover {color:#c40202;}
.hiding ul li a.classselect {width: 202px; height: 29px; display: block; color:#c40202;}
.sd01 a{font-weight:bold;background:#c40202; color:#fff;}
/***********案例展示样式开始******************/
.case_111 a{color: #666;}
#tags span{ display:block; float:right; margin-top:7px; margin-right:10px;}
#tags .case_title > p{text-align: center;line-height: 60px;margin-bottom: 25px;}
#tags .case_title > p > a{color: #666;font-size: 16px;}
#tags .case_title > p > a.active{color: #c40202;}
#tags .case_title > p > a em{margin:0 20px;font-size: 12px;color: #ccc;}
#tags .case_title > p > a:first-child em{display: none;}
#tags .case_title > p > a:hover{color: #c40202;}
#tags ul li{float:left; height:50px; line-height:50px;font-size: 19px;margin-right:30px; color:#555;}
#tags ul li a{}
#tags li.box_li{width: 3px;height: 20px;background: #c40202;margin-top: 15px;margin-right:10px;}

#tags li.selectTag {float:left; height:30px;color:#be0604;}
#tages{ border-bottom: #e5e5e5 1px solid;height: 65px;}

.swip{width: 38%;height: 780px;max-width: 46%;float: right;}
.swip .swip_a1{border-bottom:#e5e5e5 1px solid;width: 100%;height: 62px;margin-bottom: 40px;}
.swip .swip_hr{width: 3px;height: 20px;background: #c40202;float: left;margin-top: 10px;}
.swip .swip_a2{width: 100%;height: 35px;margin-top: 3px;}
.swip .swip_a2 .title{font-size: 31px;float: left;padding-left: 10px;line-height: 35px;color: #333;font-weight: bold;}
.swip .swip_a2 .swip_title2{color: #666;font-size: 15px;padding-top: 10px;padding-left: 155px;}

.swip > a{border-bottom:#e5e5e5 1px solid;line-height: 65px;display: block;margin-bottom: 30px;}
.swip_1{background: #fff;width: 605px;height: 500px;padding:10px;box-sizing: border-box;box-shadow: #eee 1px 1px 5px 5px;}
.swip_1 .swiper-slide img{width: 585px;height: 475px;}
.swip_1 .swiper-pagination-bullet {width: 10px;height: 10px;text-align: center;line-height: 20px;font-size: 12px;background:#a5a5a3;}
.swip_1 .swiper-slide p{width: 100%;height: 64px;position: absolute;left: 0;background: rgba(0,0,0,0.5);
    bottom: 0px;color: #fff;text-align: left;line-height: 60px;padding-left: 15px;font-size: 16px;font-weight: normal;}
.swip_1 .swiper-pagination-bullet-active{background: #fff;}


.n1{margin-top: 75px;margin-bottom: 60px;height: 130px;}
.n1 .tp{float: left;width: 20%;}
.n1 div{float: right;width: 77.7%;height: 130px;}

.n1 div h5{font-size: 17px;color: #666666;line-height: 45px;font-weight: normal;}
/* .n1 div h5{font-size: 17px;color: #666666;line-height: 45px;border-bottom: 1px dashed #ddd;font-weight: normal;} */
.n1 div:hover h5{color: #be0604;}
.n1 div p{font-size: 16px;color: #878686;line-height: 36px;margin-top: 10px;}

.tagContent { height:auto; display: none; width:1400px; COLOR: #474747; padding-top: 10px; height:auto;}
.tagContent ul{ margin:0px; padding:0px;}
.tagContent ul li{ width:213px; height:148px; float:left; list-style:none; background:#CCC; margin-right:27px; border:1px solid #ededed;}
/***********案例展示样式开始******************/

.side_kefu{
	height: 284px;
	width: 172px;
	position: fixed;
	top: 30%;
	right: 0;
	background: url('../images/slide_bg.png') no-repeat left top;
}
.side_kefu ul{
	padding-top: 120px;
}
.side_kefu li{
	height: 44px;
	line-height: 44px;
}
.side_kefu li a{
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}







 #message{background: url(../images/message1.png) no-repeat;width: 280px;height: 375px;z-index: 9999;
        position: fixed;bottom: 0;left:0;}
    #message h5{color: #6b6a6a;font-size: 14px;margin-top:45px;margin-left:12px;font-weight: normal}
    #message h5 span{color: #888;font-size: 12px;}
    #message textarea{width:235px;height:75px;margin-left:20px;margin-top:120px;color:#666;resize : none;}
    #message p{margin-left:50px;}
    #message p input{height: 26px;
        margin-top: 12px;
        border: none;
       margin-left: -2px;
        width: 200px;}
    #message .subm{width: 97px;height: 35px;margin-left: 12px;margin-top: 15px;opacity: 0;cursor: pointer;}
#closed{width: 25px;height:15px;position: relative;left: 250px;background: red;bottom: 353px;opacity: 0;margin:0;}
#open_a{background: url(../images/closed.png) no-repeat;width: 242px;height: 36px;z-index: 999;
        position: fixed;bottom: 0;left:0;}
#open_s{background: url(../images/close_h.png) no-repeat;width: 170px;height: 150px;z-index: 999;
        position: fixed;bottom: 0;left:0;}
 #message_a{background: url(../images/heng.png) center top no-repeat;width: 100%;height: 157px;z-index: 9999;
        position: fixed;bottom: 0;left:0;}
#close_a{width: 50px;height:40px;opacity: 0;float: right;}
.message_h{width: 1200px;
    height: 100px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;}
#message_a form{width:580px;height:90px;margin-left: 580px;float: left;}
#message_a form textarea{width:487px;height:50px;color:#666;resize : none;}
#message_a form p input{height:32px;border: none;margin-right: 22px;margin-top:15px;}
#message_a form .submi{    float: right;
    width: 140px;opacity: 0;cursor: pointer;
    height: 80px;
    margin-top: -90px;}

.pro_p{width: 100%;height: 700px;color: #fff;background: #fff;}
.pro_p1{background: url("../images/pr1.png") no-repeat center;}
.pro_p2{background: url("../images/pr2.png") no-repeat center;color: #333;}
.pro_p3{background: url("../images/pr3.png") no-repeat center;}
.pro_p4{background: url("../images/pr4.png") no-repeat center;color: #c9c9c9;}
.pro_p5{background: url("../images/pr5.png") no-repeat center;color: #666666;}
.pro_p11{background: url("../images/pr11.jpg") no-repeat center;}
.pro_p12{background: url("../images/pr12.png") no-repeat center;color: #666;}
.pro_p13{background: #fff;color: #333;}
.pro_p14{background: url("../images/pr14.png") no-repeat center;color: #fff;}
.pro_p15{background: url("../images/pr15.png") no-repeat center;color: #666666;}
.pro_p .left{float: left;}
.pro_p .img{width: 56%;margin-top: 220px;}
.pro_p .img img{max-width: 95%;}
.pro_p .right{float: right;}
.pro_p .right.img{text-align: right;}
.pro_p .txt{width: 42%;margin-top: 220px;}
.pro_p2 .txt,.pro_p2 .img{margin-top: 180px;}
.pro_p3 .txt{margin-top: 150px;}
.pro_p3 .img{margin-top: 130px;}
.pro_p4 .txt{margin-top: 180px;}
.pro_p4 .img{margin-top: 100px;}
.pro_p5 .txt{margin-top: 180px;}
.pro_p5 .img{margin-top: 110px;}
.pro_p11 .txt{margin-top: 300px;}
.pro_p12 .txt{margin-top: 150px;}
.pro_p12 .img{margin-top: 50px;}
.pro_p13 .img{margin-top: 95px;}
.pro_p14 .txt{margin-top: 185px;}
.pro_p14 .img{margin-top: 85px;}
.pro_p15 .txt{margin-top: 200px;}
.pro_p15 .img{margin-top: 140px;}

.pro_p h2{font-size: 36px;color: inherit;background: none;padding:0;line-height: 60px;font-weight: normal;margin:0;}
.pro_p h5{font-size: 18px;color: inherit;line-height: 40px;font-weight: normal;}
.pro_p p{font-size: 16px;color: inherit;line-height: 36px;margin-bottom: 40px;}
.pro_p hr{width: 50px;height: 4px;background: #fff;border: none;margin:35px 0 25px 0;}
.btn{position: relative;border:1px solid #fff;color: inherit;font-size: 16px;background: url("../images/pr002.png") no-repeat 30px center;box-sizing: border-box;;
width: 188px;height: 46px;line-height: 46px;padding-left: 70px;display: block;float: left;border-radius: 23px;margin-right: 30px;}
.btn2{background: url("../images/pr001.png") no-repeat 30px center;}
.btn:after,.btn:before {content: '';position: absolute;left: 0;top: 0;width: 0;height: 100%;background: none;z-index:-2;border-radius: 23px;}
.btn:hover{z-index:1;background:transparent;color: #fff;border:1px solid #519ef6;}
.btn:before {transition: .5s;background: #519ef6 url("../images/pr002.png") no-repeat 30px center;;z-index:-1;}
.btn2:before{background: #519ef6 url("../images/pr001.png") no-repeat 30px center;}
.btn:hover:after,.btn:hover:before {width: 100%;}

.pro_p2 hr,.pro_p5 hr{background: #666;}
.pro_p4 hr{background: #c9c9c9;}
.pro_p2 .btn,.pro_p5 .btn{background: url("../images/pr002.1.png") no-repeat 30px center;border:1px solid #666;}
.pro_p2 .btn2,.pro_p5 .btn{background: url("../images/pr001.1.png") no-repeat 30px center;}
.pro_p2 .btn:hover,.pro_p5 .btn:hover{border:1px solid #519ef6;}

.w_banner{width: 100%;height: 820px;background: url("../images/ban.png") no-repeat center;overflow: hidden;}
.w_banner .c{margin-top: 280px;padding-right: 600px;box-sizing: border-box;}
.w_banner h1{font-size: 35px;color: #fff;margin-bottom: 30px;font-weight: normal;}
.w_banner p{font-size: 18px;color: #fff;line-height: 36px;margin-bottom: 50px;}
.w_con{width: 100%;height: 650px;background: url("../images/3.png") no-repeat center bottom;overflow: hidden;}
.w_con h3{margin-top: 80px;text-align: center;font-size: 35px;color: #333;font-weight: normal;}
.w_con h6{margin-top: 10px;text-align: center;font-size: 16px;color: #666;font-weight: normal;}
.w_con li{float: left;width: 350px;height: 250px;text-align: center;padding-top: 80px;box-sizing: border-box;}
.w_con h5{margin-top: 30px;font-size: 20px;color: #333;font-weight: normal;margin-bottom: 20px;}
.w_con p{font-size: 16px;color: #666666;font-weight: normal;padding:0 25px;line-height: 36px;margin-bottom: 20px;}
.w_con li .w_con_a{width: 128px;height: 33px;display: block;background: url("../images/p1.png") no-repeat center;margin:0 auto;}
.w_con li.active .w_con_a{background: url("../images/p2.png") no-repeat center;}

.w_con1 h3{margin-top: 80px;text-align: center;font-size: 35px;color: #333;font-weight: normal;}
.w_con1 h6{margin-top: 10px;text-align: center;font-size: 16px;color: #666;font-weight: normal;margin-bottom: 60px;}
.w_con1 ul{width: 310px;float: left;}
.w_con1 li{height: 130px;box-shadow: #ddd 1px 1px 5px 2px;margin-bottom: 10px;}
.w_con1 li p{font-size: 20px;color: #555;line-height: 130px;padding-left: 90px;}
.w_con1 li.active{background: url("../images/4.png") no-repeat;}
.w_con1 li.active p{color: #fff;}
.w_con1 li:nth-child(1) p{background: url("../images/a1.png") no-repeat 30px center;}
.w_con1 li:nth-child(2) p{background: url("../images/a2.png") no-repeat 30px center;}
.w_con1 li:nth-child(3) p{background: url("../images/a3.png") no-repeat 30px center;}
.w_con1 li:nth-child(4) p{background: url("../images/a4.png") no-repeat 30px center;}
.w_con1 li:nth-child(1).active p{background: url("../images/a1.1.png") no-repeat 30px center;}
.w_con1 li:nth-child(2).active p{background: url("../images/a2.1.png") no-repeat 30px center;}
.w_con1 li:nth-child(3).active p{background: url("../images/a3.1.png") no-repeat 30px center;}
.w_con1 li:nth-child(4).active p{background: url("../images/a4.1.png") no-repeat 30px center;}
.w_con1 .right{width: 1060px;height: 550px;box-shadow: #ddd 1px 1px 5px 2px;float: right;position: relative;}
.w_con1 .right h4{font-size: 30px;color: #666;font-weight: normal;margin-bottom: 30px;margin-top: 50px;text-align: center;}
.w_con1 .right p{font-size: 18px;color: #666;line-height: 36px;padding:0 40px;}
.w_con1 .right a{position: absolute;width: 140px;height: 40px;display: block;bottom:10px;right:20px;}
.w_con1 .right .right1{display: none;}
.w_con1 .right .right1:first-child{display: block;}

.w_con2{width: 100%;height: 825px;background: url("../images/jz_bj.jpg") no-repeat center;overflow: hidden;}
.w_con2 h3{margin-top: 80px;text-align: center;font-size: 35px;color: #fff;font-weight: normal;}
.w_con2 h6{margin-top: 10px;text-align: center;font-size: 16px;color: #eee;font-weight: normal;margin-bottom: 60px;}
.w_con2 li{width: 450px;height: 538px;background: #fff;border-radius: 10px;text-align: center;float: left;margin-right: 25px;}
.w_con2 li:nth-child(3){margin-right: 0;}
.w_con2 li > img{margin-top: 35px;}
.w_con2 li h5{font-size: 22px;color: #444444;line-height: 48px;font-weight: normal;}
.w_con2 li h6{font-size: 16px;color: #4b4b4b;font-weight: normal;margin-bottom: 22px;margin-top: 0;}
.w_con2 p{text-align: left;font-size: 16px;color: #666666;line-height: 30px;height: 95px;}
.w_con2 li p.p1{float: left;margin-left: 65px;}
.w_con2 li p.p2{float: left;}
.w_con2 li a{display: block;border-radius: 18px;border:1px solid #ddd;background: #f7f7f7 url("../images/t6.png") no-repeat center;
    width: 182px;height: 36px;margin:0 auto;}
.w_con2 li.active a{background:url("../images/t7.png") no-repeat center,linear-gradient(to bottom,#5172f6,#6465ff);border:none;}




.w_case{height: 800px;overflow: hidden;width: 100%;}
.w_case .case_content_1 > div{position: relative;}
.w_case h3{margin-top: 80px;text-align: center;font-size: 35px;color: #333;font-weight: normal;}
.w_case > h6{margin-top: 10px;text-align: center;font-weight: normal;margin-bottom: 60px;}
.w_case > h6 a{font-size: 16px;color: #666;}
.w_case > h6 a.active{color: #519ef6;}
.w_case > h6 a em{margin:0 15px;border-left: 1px solid #ddd;font-size: 12px;}
.w_case > h6 a:last-child em{border:none;margin:0;}

.w_case .swiper-button-prev,.w_case  .swiper-button-next{width: 12px;height: 22px;}
.w_case .swiper-button-prev{background: url("../images/prev.png") no-repeat;left:-80px;}
.w_case .swiper-button-next{background: url("../images/next.png") no-repeat;right:-80px;}

.w_news{width: 100%;background: #fbfbfb;height: 835px;overflow: hidden;margin-top: 70px;}
.w_news h3{margin-top: 80px;text-align: center;font-size: 35px;color: #333;font-weight: normal;}
.w_news h6{margin-top: 10px;text-align: center;font-weight: normal;margin-bottom: 60px;}
.w_news h6 span{font-size: 16px;color: #666;cursor: pointer;}
.w_news h6 span.active{color: #519ef6;}
.w_news h6 span em{margin:0 15px;border-left: 1px solid #ddd;font-size: 12px;}
.w_news h6 span:last-child em{border:none;margin:0;}
.w_news ul{width: 450px;height: 550px;box-shadow: #eee 1px 1px 8px 3px;float: left;padding:15px 12px;box-sizing: border-box;margin-right: 25px;}
.w_news ul:nth-child(3n){margin-right: 0;}
.w_news ul img{width: 100%;margin-bottom: 15px;}
.w_news ul li a{line-height: 52px;font-size: 16px;color: #666;}
.w_news ul li a em {font-size: 12px;margin-right: 10px;color: #888;}
.w_news ul li a span {float: right;font-size: 16px;color: #666;line-height: 52px;}
.w_news ul li:hover a{color: #519ef6;}
.w_news .w_news1{height: 620px;}

.w_liuc h3{margin-top: 80px;text-align: center;font-size: 35px;color: #333;font-weight: normal;}
.w_liuc h6{margin-top: 10px;text-align: center;font-weight: normal;margin-bottom: 60px;font-size: 16px;color: #666;}
.w_liuc li{float: left;width: 280px;text-align: center;padding-top: 16px;}
.w_liuc li .li{background: url("../images/l1.png") no-repeat center;width: 136px;height: 136px;border-radius: 100%;border:1px solid #ddd;}
.w_liuc h5{font-weight: normal;margin-bottom: 13px;font-size: 22px;color: #333;margin-top: 17px;}
.w_liuc p{font-size: 16px;color: #666666;}
.w_liuc li:nth-child(2) .li{background: url("../images/l2.png") no-repeat center;}
.w_liuc li:nth-child(3) .li{background: url("../images/l3.png") no-repeat center;}
.w_liuc li:nth-child(4) .li{background: url("../images/l4.png") no-repeat center;}
.w_liuc li:nth-child(5) .li{background: url("../images/l5.png") no-repeat center;}
.w_liuc li.active .li{background:#e84732 url("../images/l1.1.png") no-repeat center;border:none;}
.w_liuc li:nth-child(2).active .li{background:#e84732 url("../images/l2.1.png") no-repeat center;}
.w_liuc li:nth-child(3).active .li{background:#e84732 url("../images/l3.1.png") no-repeat center;}
.w_liuc li:nth-child(4).active .li{background:#e84732 url("../images/l4.1.png") no-repeat center;}
.w_liuc li:nth-child(5).active .li{background:#e84732 url("../images/l5.1.png") no-repeat center;}

.w_wzgs{width: 100%;background: #fbfbfb;overflow: hidden;padding-bottom: 63px;}
.w_wzgs h5{font-size: 18px;color: #333;font-weight: normal;margin-top: 58px;margin-bottom: 15px;}
.w_wzgs p a{font-size: 16px;color: #666;line-height: 40px;}
.w_wzgs p a em{font-size: 12px;border-left: 1px solid #ddd;margin:0 16px;}
.w_wzgs p a:last-child em{border:none;}
.w_wzgs p a:nth-child(9n) em{border:none;}
.w_wzgs p a:hover{color: #519ef6;}

/* 案例详情 */
.here1{font-size: 14px;color: #324c90;line-height: 30px;margin-bottom: 30px;margin-left: 50px;}
.here1 a{font-size: 14px;color: #324c90;line-height: 30px;margin-bottom: 30px;}
.case_infos{width: 100%;height: 880px;background: url("../images/case_bj.jpg") no-repeat center;overflow: hidden;
    padding-top: 195px;box-sizing: border-box;}

.case_infos .c{position: relative;z-index: 1;}
.case_infos .left  ::-webkit-scrollbar{width: 3px;}
.case_infos .left  ::-webkit-scrollbar-track{background: rgba(255, 255, 255,0.5);border-radius:2px;}
.case_infos .left  ::-webkit-scrollbar-thumb {background: rgba(255, 66, 0, 1);width: 7px;}
.case_infos .left  ::-webkit-scrollbar-thumb:window-inactive {background: rgba(255, 66, 0, 1);}

.case_infos .right1{}
.case_infos .right1 h5{font-size: 20px;color: #ffffff;margin-bottom: 10px;margin-top: 20px;font-weight: normal;line-height: 36px;}
.case_infos .right1 h5:first-child{margin-top: 0;}
.case_infos .right1 h6{font-size: 15px;color: #ffffff;font-weight: normal;line-height: 36px;}
.case_infos .right1 h6 span{font-size: 15px;color: #ffffff;margin-left: 25px;}
.case_infos .right1 p{font-size: 16px;color: #ffffff;line-height: 40px;}
.case_infos .right1 p.p1{margin:30px 0;}
.case_infos .right1 h5 img{margin-right: 15px;vertical-align: middle;}
.case_infos .right1 p em{padding:3px 10px;border:1px solid #999;font-size: 14px;color: #ddd;
    margin-right: 10px;border-radius: 13px;}
.case_infos .right1 p.p1 img{margin-right: 15px;vertical-align: middle;}
.case_infos .right1 p.p1 span{font-size: 15px;color: #ddd;margin-right: 50px;}
.case_infos .right1 p.p1 a{float: right;}
.case_infos .right1 p.p1 a img{margin-top: 10px;margin-right:0;}
.case_infos .left > div img{position: relative;}






.pageWrapper .mCSB_scrollTools .mCSB_draggerContainer{top:0px;}
.pageWrapper .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: rgba(0,0,0,1);}
.pageWrapper .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.pageWrapper .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color: rgba(0,0,0,1);}
.pageWrapper{position: absolute;top:0px;left: 0px;bottom:0px;right:0;height: 100%;width: 100%;overflow: hidden;background: #fff;z-index: 2;}
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{z-index: 101;}


.case_infos .mCSB_scrollTools .mCSB_draggerRail{background-color: rgba(0,0,0,.2);}
.case_infos .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: rgba(255, 66, 0, 1);}
.case_infos .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: rgba(255, 66, 0, 1);}
.case_infos .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.case_infos .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color: rgba(255, 66, 0, 1);}

.case_fixed_wrap{z-index: 99;background:#fff;}
.case_fixed_img{background-attachment:fixed;background-position: center;background-repeat: no-repeat;box-sizing: border-box;
    background-size:cover;position: relative;z-index: 100;image-rendering: auto;image-rendering: crisp-edges;height: 963px;overflow: hidden;width: 100%;}
.case_fixed_img .before{position: absolute;left: 0;top: 0px;height: 100%;width: 14%;background: #fff;-webkit-transform: translateX(0);transform: translateX(0);}
.case_fixed_img .after{position: absolute;right: 0;top: 0px;height: 100%;width: 14%;background: #fff;-webkit-transform: translateX(0);transform: translateX(0);}
.case_fixed_img .case_tit h3{position: absolute;top:100px;left: 17%;width: 250px;color: #fff;font-size: 42px;font-weight: normal;}
.case_fixed_img .case_tit ul{position: absolute;left:11%;top:0;transform: rotate(-45deg);}
.case_fixed_img .case_tit li{float: left;width: 413px;height: 436px;margin-left: 10px;}
.case_fixed_img .case_tit li:nth-child(2){width: 525px;height: 918px;margin-top: 200px;}
.case_fixed_img .case_tit li:nth-child(3){width: 413px;height: 918px;margin-top: 300px;}
.case_fixed_img .case_tit li:nth-child(3) img{max-height: 600px;}
.case_fixed_img .case_tit li img{max-width: 100%;}
.case_fixed_img .case_tit li .case_tit_1{width: 100%;height: 232px;margin:5px 0 10px 0;display: flex;align-items: center;justify-content: center;}
.case_fixed_img .case_tit img{max-width: 100%;}
.case_fixed_img .case_tit h4 img{display: none;}




.case_info_4{max-width: 100%;width: 1400px;margin:0 auto;}
.case_info_4 h3{margin-top: 0px;font-size: 30px;color: #444444;text-align: center;font-weight: normal;}
.case_info_4 h3 span{font-size: 30px;color: #ff4200;margin-left: 12px;}
.case_info_4 p{font-size: 1rem;color: #666;line-height: 1.6rem;text-align: center;}
.case_info_4 ul{display:-webkit-box;display:-webkit-flex;
    display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;
    -ms-flex-pack:justify;justify-content:space-between;margin:200px 0;}
.case_info_4 li{width: 256px;height: 256px;border-radius: 100%;padding:28px;box-sizing: border-box;}
.case_info_4 li .case_info_4_1{width: 200px;height: 200px;border-radius: 100%;display: flex;align-items: center;justify-content: center;font-size: 1rem;color: #fff;}

.case_info_5{background: #383840;padding:20px 10px;overflow: hidden;width: 100%;}
.case_info_5 .c{position: relative;}
.case_info_5 .swiper-container{padding:50px 0 60px 0;}
.case_info_5 h3{margin-top: 60px;font-size: 30px;color: #fff;text-align: center;margin-bottom: 20px;font-weight: normal;}
.case_info_5 h3 span{font-size: 30px;color: #ff4200;margin-left: 12px;}
.case_info_5 p{font-size: 0.8rem;color: #fff;line-height: 1.6rem;text-align: center;opacity: .5;}
.case_info_5 .infos5_1{width:98%;padding:6px;background: #fff;border-radius: 5px;box-shadow: #111 5px 5px 5px 5px;margin:2%;height:608px;overflow: hidden; }
.case_info_5 .infos5_2{height:596px;overflow: hidden;width: 100%;}
.case_info_5 .swiper-container p{font-size: 1rem;color: #fff;opacity: .5;line-height: 2rem;margin-top: 20px;}
.case_info_5 .swiper-button-prev, .case_info_5 .swiper-button-next{width: 42px;height: 42px;}
.case_info_5 .swiper-button-prev{background: url("../images/infos5.png") no-repeat center/cover;left:-100px;}
.case_info_5 .swiper-button-next{background: url("../images/infos6.png") no-repeat center/cover;right:-100px;}

.case_info_6{height: 1005px;max-width: 100%;position: relative;}
.case_info_6 img{max-width: 100%;}
.case_info_6 > div{position: absolute;overflow: hidden;}
.case_info_6_1{width: 735px;height: 421px;right:780px;top:410px;z-index: 2;padding-top: 30px;padding-right: 15px;
    background:url("../images/11.png") no-repeat center;}
.info_6_1_1{width: 551px;height: 346px;margin-right: 76px;overflow: hidden;}
.case_info_6_2{width: 1444px;height: 791px;right:-135px;top:188px;z-index: 1;border-top-right-radius: 35px;max-width: 100%;
    background:url("../images/12.png") no-repeat top center;}
.info_6_2_1{width: 732px;height: 443px;margin-right: 350px;margin-top: 30px;overflow: hidden;}
.case_info_6_3{width: 232px;height: 381px;right:-30px;top:510px;
    background:url("../images/13.png") no-repeat top center;}
.info_6_3_1{width: 152px;height: 262px;margin-left: 37px;margin-top: 40px;overflow: hidden;}

.case_info_7 .left{width: 50%;height: 498px;background: url("../images/14.png") no-repeat center;float: left;}
.case_info_7 .right{width: 50%;height: 498px;background: url("../images/15.png") no-repeat center;float: right;}
.case_info_7 h2{text-align: center;margin-top: 165px;font-size: 50px;color: #fff;margin-bottom: 15px;background: none;font-weight: normal;}
.case_info_7  p{text-align: center;line-height: 40px;}
.case_info_7 .right p a{font-size: 30px;color: #fff;}
.case_info_7 .left p a{font-size: 20px;color: #fff;}
.case_info_7 .left p em{color: #fff;font-size: 16px;margin:0 10px;}












@media screen and (min-width:1600px) {
    .case_infos .c{width: 86%;}
    .case_infos .left{width: 871px;max-width: 63%;height: 526px;position: relative;margin-top: 3px;float: left;
    background: url("../images/case_bj1.png") no-repeat center left/cover;}
    .case_infos .left > div{width: 810px;height: 448px;position: absolute;top:26px;left:70px;overflow-y: scroll;}
    .case_infos .left > div img{width: 725px;}
    .case_infos .right{height: 580px; padding-left: 0;float: right;max-width: 43%;}
}

@media screen and (min-width:1400px) and (max-width: 1600px){
    .case_infos .c{width: 90%;}
    .case_infos .left{width: 750px;background: url("../images/case_bj1.png") no-repeat center left/cover;
        height: 453px;position: relative;margin-top: 30px;margin-left: 0px;float: left;}
    .case_infos .left > div{width: 700px;height: 383px;position: absolute;
        top:25px;left:58px;overflow-y: scroll;}
    .case_infos .left > div img{width: 632px;}
    .case_infos .right{width:40%;height: 580px; padding-left: 0;float: right;}

    .case_infos .right1 h5{font-size: 16px;line-height: 32px;}
    .case_infos .right1 h6{font-size: 14px;line-height: 30px;}
    .case_infos .right1 h6 span{font-size: 14px;margin-left: 25px;}
    .case_infos .right1 p{font-size: 14px;line-height: 24px;}


    .news .menu p a{padding:12px 1.7%;font-size: 16px;color: #666666;}
}
@media screen and (min-width:1000px)and (max-width:1400px) {
    .case_infos .c{width: 94%;}
    .case_infos .left{width: 600px;background: url("../images/case_bj1.png") no-repeat center left/cover;
        height: 362px;position: relative;margin-top: 60px;margin-left: 0px;float: left;}
    .case_infos .left > div{width: 560px;height: 308px;position: absolute;
        top:18px;left:50px;overflow-y: scroll;}
    .case_infos .left > div img{width: 496px;}
    .case_infos .right{width:40%;height: 580px; padding-left: 1%;float: right;}

    .case_infos .right1 h5{font-size: 15px;line-height: 28px;}
    .case_infos .right1 h6{font-size: 12px;line-height: 26px;}
    .case_infos .right1 h6 span{font-size: 12px;margin-left: 25px;}
    .case_infos .right1 p{font-size: 12px;line-height: 24px;}

    .case_b1 .p8_2a .img1 {
        width: 322px;
        margin-top: 67px;
        margin-left: 32px;
    }

    .news .menu p a{padding:12px 1.2%;font-size: 16px;color: #666666;}

    .info_6_2_1 {margin-right: 290px;}
}