.box1{background: #f9f9f9;}
.content { width:1200px; margin:0 auto;font-family:"Microsoft Yahei";}

.protil{position:relative;margin:50px auto 0;width:100%;height:130px;}
.til01{text-align: center;height:140px;color: #222;font-size:32px;line-height:2;font-family: "Microsoft Yahei";}
.til01 p{display: block;line-height:1.5;font-size:16px;color: #666;font-weight: normal;}
.til01 a{color: #222;}
.til01 b{color: #3f8bc3;}

.tab{text-align: center;}
.tab a{padding:5px 50px;height: 40px;line-height: 40px;background: #fff;border:1px solid #3f8bc3;font-size: 18px;display: inline-block;margin: 0 20px;color: #3f8bc3;border-radius: 30px;}
.tab a:hover{/*background: #3f8bc3;*/color:#fff;background: #f16519;transition: all .5s;}

/*service_wrap*/
.service_wrap{ width:100%;}
.service_bigbox{width:1200px;margin:0 auto;}
.service_fltitle{text-align:center;padding-top:56px;}
.service_cName{display:block;font-size:26px;color:#333333;margin-bottom:5px;}
.service_eName{font-size:12px;color:#999999;text-transform: uppercase;margin:0px 5px;line-height:24px;}
.service_topmore{display:none;}
.service_line{display:inline-block;font-size:0px;width:20px;height:1px;background:#999999;position:relative;top:-4px;}

.service_contbox{text-align:center;margin-top:40px;}
.service_contbox2{display:inline-block;width:123px;height:auto;padding: 5px 50px;text-align:center;line-height: 40px;background: #fff;
    border: 1px solid #3f8bc3; border-radius: 30px; margin:0px 0px;/*opacity:0;*/}
.service_contbox2 a{display:block;width:123px;height:auto;font-size: 18px;color:#3f8bc3;}
.service_contbox2:hover,.service_contbox2.curr{background:#3f8bc3;transition: all .5s;}
.service_contbox2:hover a,.service_contbox2.curr a{color:#fff;}
.service_contbox2.curr{opacity:1;}
/*end_service_wrap*/

/*service_2_wrap*/
.service_2_wrap{width:100%;height:510px;/*background:#f5f5f5;*/margin: 65px 0;}
.service_2_wbox{width:1200px;height:510px;margin:0 auto;position:relative;}
.service_2_scroll{width:1200px;height:510px;overflow:hidden;}
.service_2_cLi{width:1200px;height:510px;float:left;}
.service_2_cLi_cbox_left{width:700px;height:510px;float:left;overflow:hidden;}
.service_2_cLi_cbox_left img{width:100%;max-height: 100%;-webkit-transition: all .6s ease-out;-o-transition: all .6s ease-out;transition: all .6s ease-out;}
.service_2_cLi_cbox_right{width:450px;height:510px;float:right;}
.service_2_cLi_cbox_con{padding-top:110px;}
.service_2_cLi_title a{font-size:26px;color:#333333;}
.service_2_cLi_title a:hover{color:#174596;}
.service_2_cLi_c{font-size:14px;color:#666;line-height:24px;width:100%;height:auto;overflow:hidden;margin-top:10px;}
.service_2_cMain_li{width:134px;height:116px;overflow:hidden;background:#fff;float:left;margin-right:15px;}
.service_2_cMain_li img{width:134px;height:116px;-webkit-transition: all .6s ease-out;
-o-transition: all .6s ease-out;
transition: all .6s ease-out;}
.service_2_cMain_li:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.service_2_cLi_clist { margin-top: 20px; }
.service_2_cLi_clist_more{float:left;width:134px;height:116px;overflow:hidden;background:#3f8bc3;}
.service_2_cLi_clist_more a{display:block;float:left;width:134px;padding-top:76px;height:40px;font-size:14px;color:#fff;text-align:center;background:url(../images/prod_more.png) no-repeat center top 25px;}
.service_2_cLi_left{width:100px;height:100px;background:url(../images/products_left.png) no-repeat center center;position:absolute;left:-100px;top:205px;background-size:100%;cursor:pointer;}
.service_2_cLi_right{width:100px;height:100px;background:url(../images/products_right.png) no-repeat center center;position:absolute;right:-100px;top:205px;background-size:100%;cursor:pointer;}
.service_2_cul{position:relative;}
.service_2_cLi_left:hover,.service_2_cLi_right:hover{opacity:0.7;}
.service_2_cLi_clist_more:hover{opacity:0.7;}
.service_2_cLi_cbox_left:hover img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
/*end_service_2_wrap*/

/*解决方案*/
.plan{height:740px;font-family: "Microsoft Yahei";line-height: 24px;overflow: hidden; padding-top: 50px;}
.plan_t{height: 103px;overflow: hidden;}
.plan_t ul{width: 1255px;}
.plan_t li{position: relative;float: left;width: 293px;height: 50px;background:#eee/*url(../images/line1.gif) no-repeat 5px 0*/;margin: 0 20px 0 0;z-index: 1;font-size: 16px;overflow: hidden;}
.plan_t li:before{position: absolute;content: "";left: 0;top: 0; -webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);-webkit-transition:width .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);height: 70px;width: 0;z-index: -1;background: #3f8bc3;}
.plan_t li p{width:141px;float: left;padding: 14px 0 0;line-height: 23px;white-space: nowrap;    font-size: 18px;
    font-weight: 700;
    color: #240b06;
    /* text-align: center; */
    line-height:1.5;}
.plan_t li p em{display: block;text-transform: uppercase;font-size: 16px;font-family: Arial;color: #666;letter-spacing: -1px;}
.plan_t li span{width:53px;height:39px;position: relative;display: block;margin: 5px 2px 0;float: left;}
.plan_t li span i{width:53px;height:39px;position: absolute;display: block;top: 0;left: 0;}
.plan_t li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.plan_t li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
    -webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.plan_t li.cur,.plan_t li.cur p em,.plan_t li.cur p{color:#fff;}

.plan_t li.cur:before{width: 293px;}
.plan_t li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.plan_t li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

.plan_c dl{width: 1200px;height: 500px;overflow: hidden;line-height: 24px;}
.plan_c dt,.plan_c dt img{width: 724px;height: 500px;overflow: hidden;float: left;}
.plan_c dd{width: 432px;float: left;padding: 23px 0 0 44px; }
.plan_c dd h3{height: 23px;
    line-height: 0px;font-size: 20px;color: #1e1e1e;background:url(../images/line1.gif) no-repeat 0 bottom;}
.plan_c dd h3 a{color: #1e1e1e;}
.plan_cw{padding: 24px 0 0;height: 143px;overflow: hidden;}
.plan_cl{width: 450px;}
.plan_cl li{width: 212px;float: left;padding: 0 7px 0 0;}
.plan_cl li img{width: 210px;height: 160px;border: solid 1px #eaeaea;display: block;}
.plan_cl li span{display: block;text-align: center;line-height: 34px;height: 34px;background: #e2e2e2;}
.more01 a {margin-bottom: 10px; margin-top: 20px;
    display: block;
    background: url(../images/ico03.jpg) no-repeat 0 0 #3f8bc3;
    width: 115px;
    line-height: 40px;
    border: solid 1px #dcdcdc;
    padding: 0 0 0 46px;
    text-align: center;
    color: #fff;
    border-radius: 20px;
}
.plan_c dt img{-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.plan_c dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.pf {
    margin-left: -230px;
    padding: 10px;
    background: #fff;
}

/*应用*/
.index_app{margin: 0 auto; width:100%; padding: 40px 0 70px;  background: #f2f2f2;}
.scrollleft{margin: 0 auto; width:90%; margin-top:25px; overflow:hidden;position: relative;}
.scrollleft .bd{width:94%; margin-left:3%;}
.scrollleft .bd ul{width:95%;}
.scrollleft li{float: left; width:25.5%; display: block;margin-right:10px;background-color: rgba(0, 0, 0, 1);}
.scrollleft .port-1{ float: left; width: 100%; height:100%; position: relative; overflow: hidden; text-align: center;}
.scrollleft .port-1 .pro_con{ display:block;width: 100%;text-align: center;color: #ffffff;font-size: 24px;line-height: 2;font-weight: normal;position: absolute;left: 0;top: 30%;transition: 480ms 140ms;}
.scrollleft .port-1:hover .pro_con{ display:none;}

.scrollleft .port-1 .text-desc{opacity: 0.8; top:100%; color: #fff; padding:10% 0; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.scrollleft .image-box img{ width:100%; transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s; display: block;opacity: 0.5;}
.scrollleft .image-box:hover img{}
.scrollleft .port-1:hover img{opacity: 1;transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);}
.scrollleft .port-1.effect-1:hover .text-desc{top: 25%;}

.scrollleft h3{font-size: 20px; margin: 5px 0 10px;}
.scrollleft p{line-height:2; font-size: 14px; margin-bottom: 15px; padding:0 40px;}
.scrollleft .btn{display: inline-block; padding: 5px 30px; font-size: 14px;  border: 1px solid #fff; background-color: transparent; color: #fff;text-decoration: none; transition: 0.4s; border-radius: 30px;}
.scrollleft .btn:hover{ background-color: #fff; color: #3f8bc3;transition: 0.4s;}
.scrollleft .text-desc{position: absolute; left: 5%; top: 0; background-color:#3f8bc3; height: 35%; opacity: 0; width: 90%; border-radius: 20px;}
.scrollleft .next{position: absolute;top: 50%;width:25px;height:45px;z-index: 2;background: no-repeat 0 0;background-image: url(../images/right.png);right:0px;}
.scrollleft .prev{position: absolute;top: 50%;width:25px;height:45px;z-index: 2;background: no-repeat 0 0;background-image: url(../images/left.png);left:0px;}
.scrollleft .prev:hover {background-image: url(../images/left_h.png);}
.scrollleft .next:hover {background-image: url(../images/right_h.png);}



/*产品优势*/
.chara{font-family: "Microsoft Yahei";line-height:28px;height:761px;padding:66px 0 0;color: #fff;overflow: hidden;clear: both;background:#3f8bc3;text-align: center; margin-top: 30px;}
.chara .til01,.chara .til01 p{color: #fff;}
.chara_c dl{width: 291px;height: 557px;background: #fff;float: left;margin: 0 12px 0 0;position: relative;overflow: hidden;}
.chara_c dl:last-child{margin: 0;}
.chara_c dt,.chara_c dt img{width: 291px;height: 434px;display: block;overflow: hidden;}
.chara_c dd h3{height:96px;font-size: 24px;line-height:34px;position: relative;}
.chara_c dd h3 em{font-size: 14px;text-transform: uppercase;line-height: 18px;display: block;font-weight: normal;}
.chara_c dd.chara_c1{position: relative;padding:50px 0 0;color: #666;}
.chara_c dd.chara_c1 b{position: absolute;width: 69px;height: 69px;border-radius: 69px;top:-27px;left: 50%;margin-left: -37px;background: #3f8bc3;}
.chara_c dd.chara_c1 h3{color: #333;}
.chara_c dd.chara_c2 h3{font-weight: normal;font-size: 32px;line-height:2;}
.chara_c dd.chara_c2,.chara_c dl.cur dd.chara_c1{display: none;}
.chara_c dd.chara_c2{position: absolute;width: 291px;height: 557px;background:rgba(226 , 121 , 69 , 0.95);left: 0;top: 0;color: #fff;}
.chara_c dd.chara_c2 b{display: block;padding:110px 0 0;height:69px;}
.chara_c dd.chara_c2 h3:before{content: "";position: absolute;width:28px;height:1px;background: #fff;left:130px;top:70px;}
.chara_c dd.chara_c2 p{padding: 0 23px;font-size:16px;}
.chara_c dl.cur{background: #000;}
.chara_c dl.cur dd.chara_c2{display: block;}

/*case*/
.case{padding: 0; background: url(../images/xcc.jpg) no-repeat bottom;    height:800px}
.case h2{margin-bottom: 30px;}
.case_con{position: relative;padding: 0; margin-bottom:30px;/*background: #fff;*/box-shadow:0px 8px 40px 0px rgba(0,146,63,0.09);}
.case_ctg{height: 80px;border-bottom: 1px solid #f2f2f2;}
.case_ctg li{float: left;width: 240px;height: 80px;line-height: 80px;text-align: center;position: relative;}
.case_ctg li:after{position: absolute;width: 8px;height: 8px;content: "";background: url(../images/case_dian.png) no-repeat center;right: -4px;top: 36px;}
.case_ctg li:last-child:after{display: none;}
.case_ctg li a{display: inline-block;height: 80px;position: relative;}
.case_ctg li em{display: inline-block;width:auto;height:30px;margin-right: 5px;overflow: hidden;vertical-align:top;margin-top: 25px;}
.case_ctg li img{position: relative;top:0px;transition: all 0.25s linear;}
.case_ctg li span{font-size: 18px;color: #666;}
.case_ctg li.cur span,.case_ctg li:hover span{color: #3f8bc3;}
.case_ctg li.cur em img,.case_ctg li:hover em img{top:-30px;}
.case_ctg li.cur a:after,.case_ctg li:hover a:after{position: absolute;width: 100%;height: 4px;background: #3f8bc3;content: "";left: 0;bottom: -1px;}
.case_l{float: left;width: 746px;margin: 50px 0 0 38px;}
.case_ctg li.cur1 a span{color: #3f8bc3;}
.case_ctg li.cur1 a em img{top:-30px;}
.case_ctg li.cur1 a:after {position: absolute;width: 100%;height: 4px;background: #3f8bc3;content: "";left: 0;bottom: -1px;}
.case_l{float: left;width: 746px;margin: 30px 0 0 38px;}

.case_l dl{height: 560px;overflow: hidden;position: relative;}
.case_l dt img{width: 746px;height: 452px;transition: all 0.5s;}
.case_l dt:hover img{transform: scale(1.05);}
.case_l dd{position: absolute;width: 100%;height: 108px;padding: 0 35px;box-sizing: border-box;background : #3f8bc3;left: 0;bottom: 0;}
.case_l dd h3{font-size: 18px;color: #fff;line-height: 18px;padding: 22px 0 10px;}
.case_l dd h3 a{color: #fff;}
.case_l dd p{font-size: 14px;color: #fff;line-height: 20px;}
.case_r{float: right;width: 338px;height: 490px;border-top: 3px solid #3f8bc3;border-bottom: 3px solid #3f8bc3;position: relative;margin-top: 50px;margin-right: 34px;}
.case_r h3{padding-left: 58px;font-size: 36px;color: #3f8bc3;line-height: 36px;background: url(../images/case.png) no-repeat left 8px;background-size:45px;margin: 35px 0 20px;position: relative;}
.case_r h3 i{display: block;font-size: 12px;line-height: 24px;}
.case_r h3:after{position: absolute;width: 11px;height: 19px;content: "";background: url(../images/select_jt.png) no-repeat;top: 9px;right: 17px;}
.case_list{height: 370px;overflow: hidden;padding-left: 78px;margin-left: -78px;}
.case_list li{height: 56px;padding: 18px 20px 18px 0;border-bottom: 1px solid #e0e0e0;position: relative;z-index: 1;}
.case_list li b{float: left;width: 28px;height: 28px;line-height: 28px;text-align: center;font-size: 16px;color: #fff;font-weight: bold;background: #3f8bc3;border-radius: 100%;margin-top: 3px;}
.case_list li span{float: left;font-size: 16px;color: #211f1f;line-height: 26px;font-weight: bold;margin-left: 20px;    width: 188px;}
.case_list li span i{display: block;font-size: 10px;color: #211f1f;line-height: 24px;opacity: 0.6;text-transform: uppercase;}
.case_list li img{float: right;width: 75px;height: 56px;}
.case_list li.cur:after{position: absolute;width: 412px;height: 92px;background: #f3f3f3;content: "";right: 0;top: 0;z-index: -1;}
.case_r .prev{position: absolute;width: 50%;left: 0;bottom: -45px;font-size: 14px;color: #211f1f;line-height: 14px;height: 14px;text-align: center;cursor: pointer;}
.case_r .next{position: absolute;width: 50%;right: 0;bottom: -45px;font-size: 14px;color: #211f1f;line-height: 14px;height: 14px;text-align: center;cursor: pointer;}
.case_list .tempWrap{overflow: visible !important;}
.case_c{ width:1200px;float:left;}

/*资质证书*/

.zs{ height:610px; overflow:hidden;background:url(../images/zsbg.jpg) no-repeat center top; }
.zstit{ margin-bottom:36px;text-align:center; background:url(../images/tit_bg.png) no-repeat center bottom;  height:82px; padding-top:55px;}
.zstit a{ color:#252525; font-size:36px; font-weight:bold;line-height:50px;}
.zstit a i{ color:#0092df;}
.zs ul{ }
.zs ul li{ margin-right:10px; width:234px; height:310px; float:left;}
.zs ul li a{ display:block;width:234px; height:310px;}
.zs ul li a img{ width:204px; height:280px; padding:10px 20px 20px 10px; background:url(../images/zsimg_bg.png) no-repeat 0 0; }
.zs .zsspsan{ padding-top:45px; display:block; width:140px ; margin:0 auto;}
.zs .zsspsan a{ display:block; width:60px; height:5px; background:#999; float:left; margin:0 5px;}
.zs .zsspsan a.cur{background:#3f8bc3;}

/*关于我们*/
.main   {width:100%;margin:0 auto;line-height:20px;}
.widthcenter {width:1200px;margin:0px auto;}
.widthcentermore{width:1300px;margin:0px auto;}
.xwtitle2{padding-top: 50px;}
.gywm{background: url(../images/img7.jpg) no-repeat center;height:680px;}
.gywmgroup{
    height: 450px;
    overflow: hidden;
    box-shadow: 0px 8px 6px rgba(0, 0, 0, .3);
}
.gywmimg{box-sizing: border-box;overflow: hidden;position: relative;/* top: 50px;*/width: 700px;height: 450px;border: 4px solid #FFFFFF;z-index: 1;}
.gywmimg img{transition:all 0.5s;width: 700px;height: 450px;}
.gywmimg img:hover{transform: scale(1.2,1.2);}
.gywmtext{padding-left: 30px;padding-right: 30px;z-index: 2;left: 600px;position: relative;top: -420px;width: 568px;height: 392px;background: #FFFFFF;}
.gywmtext h2{padding-top: 20px;line-height:65px;color: #3f8bc3;font-size: 24px;}
.gywmtext .gywmtmessage{height: 250px;line-height: 26px;color: #666;font-size: 16px;padding-right: 20px;}
.gywmtext a{display: block;float: right;margin-top: 20px;margin-right: 20px;width: 130px;height: 40px;font-size: 14px;color: #FFFFFF;text-align: center;line-height: 40px;border-radius: 20px;background: #fcb529;}