/* CSS Document */
.hidden{overflow: hidden}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
.chanp{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.layout{ max-width:1200px; margin:0 auto;}
/*产品展示*/
/*.cpzs_bj{width:100%; padding:40px 0; background:#fff; overflow: hidden;}
.cpzs_l{width:270px; float:left;}
.cpzs_l .cpzs_l_bt{width:210px; overflow:hidden; padding:30px; border-radius:8px 8px 0 0; background:#223345;}
	
.cpzs_l .cpzs_l_bt .cpzs_l_bt_kj{float:left; color:#fff; text-align-last: justify; padding-right:49px; background:url(../images/cpzs_l_dh_bt.png) right center no-repeat;}
.cpzs_l .cpzs_l_bt .cpzs_l_bt_kj .cpzs_l_bt_t{font-size:26px; line-height:26px;}
.cpzs_l .cpzs_l_bt .cpzs_l_bt_kj .cpzs_l_bt_b{color:#ccc; font-size:12px; line-height:12px; margin-top:6px; text-transform:uppercase;}
.cpzs_l .cpzs_l_dh{width: 100%; overflow: hidden;}

.cpzs_l .cpzs_l_dh ul li{overflow:hidden; border-left:1px #ddd solid; border-right:1px #ddd solid;position:relative;}
.cpzs_l .cpzs_l_dh ul li:last-child{border-bottom:1px #ddd solid; }
.cpzs_l .cpzs_l_dh ul li:after{content:""; width:90%; height:1px; background:#eee; position:absolute; bottom:0; left:5%;}
.cpzs_l .cpzs_l_dh ul li:last-child:after{background:none;}
.cpzs_l .cpzs_l_dh ul li a{display:block; line-height:32px; padding:14px 0; font-size:15px; padding-left:48px; background:url(../images/cpzs_l_dh_ej.png) 20px center no-repeat;}
.cpzs_l .cpzs_l_dh ul li:hover a{color:#3871c1; background:#f2f2f2 url(../images/cpzs_l_dh_ej2.png) 20px center no-repeat;}

.cpzs_l .btm{width: 100%; background:#223345; color:#fff; padding: 6px 0 20px; overflow: hidden;}
.cpzs_l .btm img{ margin:10px auto;max-width: 100%;}
.cpzs_l .btm p{font-size:16px; line-height:38px;padding-left:22px;}
.cpzs_l .btm span{font-size:22px;padding-left:22px; padding-bottom: 8px; display: block;}

.cpzs .cpzs_r{width:calc(100% - 300px); float:right;}
.cpzs .cpzs_r .cpzs_r_bt{width:870px; color:#fff; line-height:20px; padding:18px 15px; overflow:hidden;  border-radius:8px 8px 0 0; background:#223345;}
.cpzs .cpzs_r .cpzs_r_bt .cpzs_r_bt_l{float:left; font-size:18px; font-weight:bold; padding-left:15px; border-left:3px #fff solid;}
.cpzs .cpzs_r .cpzs_r_bt .cpzs_r_bt_r{float:right;}
.cpzs .cpzs_r .cpzs_r_bt .cpzs_r_bt_r a{color:#fff;}
.cpzs .cpzs_r .cpzs_r_b{padding:15px; border-radius:0 0 8px 8px; border:1px #ddd solid; border-top:none; background:#fff;}
.cpzs .cpzs_r .cpzs_r_b ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.cpzs .cpzs_r .cpzs_r_b ul li{width:31.333%; float:left; margin-top:2%; margin-left:2%;}
.cpzs .cpzs_r .cpzs_r_b ul li .cpzs_r_b_kj_img{width:100%; overflow:hidden;}
.cpzs .cpzs_r .cpzs_r_b ul li .cpzs_r_b_kj_img img{transition:all 0.5s;max-width: 100%;}
.cpzs .cpzs_r .cpzs_r_b ul li:hover .cpzs_r_b_kj_img img{transform:scale(1.1);}
.cpzs .cpzs_r .cpzs_r_b ul li .cpzs_r_b_kj_wz{font-size:15px; text-align:center; margin-top:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cpzs .cpzs_r .cpzs_r_b ul li:hover .cpzs_r_b_kj_wz{color:#1070dc;}*/

.mw{width:1200px;margin:0 auto;} 
.height_auto{height:auto;overflow:hidden; }
dl#Prolist{width:227px;float:left;}
dl#Prolist dt.tl{height:65px;background:url(../images/pico.png) 12px #3871c1 no-repeat;color:#fff;text-indent:40px;line-height:65px;font-size:21px;}
dl#Prolist dt.tls{height:61px;background:url(../images/pico.png) 12px #3871c1 no-repeat;color:#fff;text-indent:40px;line-height:61px;font-size:21px;}
dl#Prolist dd.lcns{background-color:#f1f1f1;padding-bottom:10px;}
dl#Prolist dd.lcns ul{border-top:1px solid #747474;}
dl#Prolist dd.lcns ul li a{display:block;background:#888;text-indent:10px;color:#fff;line-height:42px;height:42px;font-size:13px;border:1px solid #747474;border-top:0;}
dl#Prolist dd.lcns ul li a.cur,dl#Prolist dd.lcns ul li a.cur:hover{background-color:#707070;border-bottom:1px solid #666;}
dl#Prolist dd.lcns ul li a:hover{background-color:#999}
dl#Prolist dd.lcns ul{border:0;}
dl#Prolist dd.lcns ul li ul li a{border:0;background:none;border-bottom:1px dotted #d6d6d6;color:#747474;line-height:38px;height:38px;background:url(../images/pli.png) 10px center no-repeat; text-indent:25px;}
dl#Prolist dd.lcns ul li ul li a:hover,dl#Prolist dd.lcns ul li ul li a.cur,dl#Prolist dd.lcns ul li ul li a.cur:hover{background-color:#e5e5e5;border-bottom:1px dotted #d6d6d6;}
dl#Prolist dd.lcn{background-color:#f1f1f1;padding:10px 0;}
dl#Prolist dd.lcn ul{border-top:1px solid #747474;}
dl#Prolist dd.lcn ul li a{display:block;background:#3871c1;text-indent:10px;color:#fff;line-height:68px;height:68px;font-size:16px;border:1px solid #fff;border-top:0;}
dl#Prolist dd.lcn ul{border:0;}
dl#Prolist dd.lcn ul li a.cur{background-color:#cc0000;}
dl#Prolist dd.lcn ul li ul li a.cur{background-color:#e5e5e5;color:#cc0000;}
dl#Prolist dd.lcn ul li ul li a{border:0;background:none;border-bottom:1px dotted #d6d6d6;color:#747474;line-height:38px;height:38px;background:url(../images/pli.png) 10px center no-repeat; text-indent:25px;}
dl#Prolist dd.lcn ul li ul li a:hover{background-color:#e5e5e5;}
dl#Prolist dd.Tel{padding-top:120px;padding-bottom:50px;background:url(../images/telImg.jpg) top no-repeat;}
dl#Prolist dd.Tel font{display:block;background:url(../images/teling.png) 15px no-repeat;height:32px;line-height:40px;font-size:14px; text-indent:55px;color:#fff;}
dl#Prolist dd.Tel strong{display:block;padding:2px 50px;color:#fff;line-height:28px; font-size:20px;font-weight:normal;font-family:Arial;}
div.Pview{width:78.5%;height:auto;overflow:hidden;padding-bottom:15px;}
div.Pview div.hd{height:63px;border:1px solid #ecebeb;border-left:0; margin-bottom:15px;}
div.Pview div.hd span{display:block;float:left;padding:0 68px;line-height:63px;font-size:15px;border-left:1px solid #ecebeb; cursor:pointer;}
div.Pview div.hd span.on{border-bottom:3px solid #3871c1;height:60px;line-height:60px;}
div.Pview div.bd,div.Pview div.bd div.silde {height:auto;overflow:hidden;width:100%;}
div.Pview div.bd div.silde ul li{float:left;padding-right:18px; margin-bottom:20px;}
div.Pview div.bd div.silde ul li.last{padding:0;}
div.Pview div.bd div.silde ul li div.Pbox{width:294px;background:url(../images/pbg.jpg) no-repeat; text-align:center;border:1px solid #f1eff0;height:auto;overflow:hidden;}
div.Pview div.bd div.silde ul li div.Pbox a{display:block;width:100%;height:auto;overflow:hidden;}
div.Pview div.bd div.silde ul li div.Pbox a span.img{display:block;height:402px;overflow:hidden;width:100%;}
div.Pview div.bd div.silde ul li div.Pbox a span.img img{max-height:100%;}
div.Pview div.bd div.silde ul li div.Pbox a span.els{display:block;width:96%;padding:0 2%; white-space:nowrap;text-overflow:ellipsis;line-height:50px;height:50px;font-size:14px;}
div.Pview div.bd div.silde ul li div.Pbox a.pMore,div.Pview div.bd div.silde ul li div.Pbox a.Mays{width:146px;line-height:45px;height:45px;border-top:1px solid #f1eff0;float:left;}
div.Pview div.bd div.silde ul li div.Pbox a.pMore{border-right:1px solid #f1eff0;width:147px;}



div.Pview div.bd div.silde ul li:nth-child(3){ float:right; margin-right:0px}
div.Pview div.bd div.silde ul li:nth-child(6){ float:right; margin-right:0px}
div.Pview div.bd div.silde ul li:nth-child(9){ float:right; margin-right:0px}


/*广告条*/
.ban01{ background:url(../images/ban01.jpg) no-repeat center 0; padding:45px 0; color: #3871c1; overflow:hidden;}
.ban01 .gg_l{float:left; margin-top:5px;color: #3871c1;}
.ban01 .gg_l .gg_l_t{font-size:30px; line-height:50px;color: #fff}
.ban01 .gg_l .gg_l_m{width:100%; font-size:20px; line-height:48px; letter-spacing: 2px; text-align:center; margin:6px 0; border-radius:10px; background:#ffffff;}
.ban01 .gg_l .gg_l_b{font-size:15px; line-height:15px; text-transform:uppercase; letter-spacing:1px; text-align:center; margin-top:9px;color: #fff;}

.ban01 .gg_r{float:right;}
.ban01 .gg_r .gg_r_t{font-size:17px; line-height:45px; border-radius:6px; background:#ffffff;}
.ban01 .gg_r .gg_r_t a{display:block; color:#3871c1; padding:0 25px;}
.ban01 .gg_r .gg_r_t a span{ display:block; padding-left:40px; background:url(../images/gg_lx.png) left center no-repeat;}
.ban01 .gg_r .gg_r_m{font-size:16px; line-height:25px; font-weight:normal; color: #fff;}
.ban01 .gg_r .gg_r_b{font-size:27px; line-height:35px; color: #fff; font-weight:bold;  margin:6px 0 12px 0;color: #fff;}

/*优势*/
.super {background:#f1f1f1}

.pr {
    position: relative;
}

.pd20{ padding:40px 0 0 0}
.super .pro_tit{background: url(../images/ys_tbg.png) no-repeat center 12px;}
.sup_nav{width: 42.44%;position: absolute;top: 30rem;left: 18.75%;z-index: 5;}
.sup_nav ul li{width: 33.33%;float: left;height: 4.3rem;font-size: 1.5rem;color: #333;line-height: 1.5rem;padding: 1.5rem 0 0;text-align: center;background: #fff;}
.sup_nav ul li i{display: block;font-size: 0.6rem;color: rgba(51,51,51,0.5); font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.sup_nav ul li:hover,.sup_nav ul li.on{background: #3871c1;color: #fff;font-weight: bold;}
.sup_nav ul li:hover i,.sup_nav ul li.on i{color: rgba(255,255,255,0.5);font-weight: normal;}
.sup_m{background: #f1f1f1;margin-top: 1.5rem;display: inline-block;width: 100%;}
.super dl{width: 100%;position: relative;}
.super dl dt{width: 50%;float: right;line-height: 0;overflow: hidden;}
.super dl dt img{display: block;width: 100%;}
.super dl dd{width: 27.8%;float: left;padding: 4.5rem 0 0 18.75%;position: relative;}
.super dl dd h5{font-size: 1.8rem;color: #333;line-height: 2.1rem;height: 5.3rem;background: url(../images/ys_line.png) no-repeat 0 bottom;background-size: 6rem 0.4rem;}
.super dl dd h5 i{display: block;font-size: 1.2rem;font-weight: normal;}
.ys_desc{padding: 1.8rem 0 0;}
.super dl dd p{font-size: 0.8rem;color: #333;line-height: 1.6rem;padding: 0 0 0 1rem;background: url(../images/ys_ico01.png) no-repeat 0 center;background-size: 0.6rem 0.6rem;}
.super dl dd em{width: 26.1rem;height: 3.1rem;display: block;line-height: 0;padding-top: 2rem;}
.super dl dd em img{width: 26.1rem;height: 3.1rem;}
.super dl dd span{display: block;width: 4.5rem;height: 2.3rem;line-height: 0;position: absolute;top: 5rem;right: 0;}
.super dl dd span img{width: 4.5rem;height: 2.3rem;}

/**/
.pro01{background:#f1f1f1 url(../images/cp_bg.jpg) no-repeat center 0;height: 915px;overflow: hidden;padding: 60px 0 0;}
.pro_tit{font-size: 40px;color: #fff;text-align: center;line-height: 40px;height: 85px;overflow: hidden;background: url(../images/cp_tbg.png) no-repeat center 12px;}
.pro_tit a{color: #fff;}
.pro02 .pro_tit, .pro02 .pro_tit a, .pro02 .pro_tit span, .case .pro_tit, .case .pro_tit a, .case .pro_tit span, .news .pro_tit, .news .pro_tit a, .super .pro_tit, .super .pro_tit span{color:#333}
.pro02 .pro_tit a:hover, .pro_tit i, .case .pro_tit a:hover, .news .pro_tit a:hover{    color: #3871c1;}
.pro_tit span{display: block;font-size: 20px;font-weight: normal;padding: 5px 0 0;}
.pro_nav{height: 85px;margin: 45px 0 0;}
.pro_nav ul li{float: left;}
.pro_nav ul li a{ font-size:18px; color:#fff;display:block; float:left;height: 45px;line-height: 45px;background: url(../images/cp_ico01.png) no-repeat 25px center;padding:0 30px 0 45px;}
.pro_nav ul li a {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.pro_nav ul li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff url(../images/cp_ico02.png) no-repeat 25px center;
  border-radius: 30px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.pro_nav ul li a:hover:before,.pro_nav ul li.cur a:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.pro_nav ul li a:hover,.pro_nav ul li.cur a{color: #333;}
.pro01_m dl{width: 590px;float: left;margin-left: 20px;background: #fff;}
.pro01_m dl dt{width: 590px;height: 380px;line-height: 0;overflow: hidden;}
.pro01_m dl dt img{width: 590px;height: 380px;}
.pro01_m dl dt img,.pro02_l img,.super dl dt img,.news_l dl dt img,.photo_m ul li img{
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.pro01_m dl dt img:hover,.pro02_l img:hover,.super dl dt img:hover,.news_l dl dt img:hover,.photo_m ul li img:hover
{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.pro01_m dl dd{width: 465px;margin: 0 auto;border-top: #eaeaea 2px solid;padding: 35px 0 60px;}
.pro01_m dl dd h5{height: 50px;line-height: 50px;overflow: hidden;margin-bottom: 5px;}
.pro01_m dl dd h5 a{font-size: 26px;color: #333;display: block;}
.pro01_m dl dd h5 a:hover,.pro01_m ul li a:hover{color: #234ea3;font-weight: bold;}
.pro01_m dl dd em{display: block;float: right;line-height: 0;width: 44px;height: 44px;overflow: hidden;}
.pro01_m dl dd em img{width: 44px;height: 88px;-webkit-transition:all .5s;transition:all .5s;}
.pro01_m dl dd h5:hover em img{margin-top: -44px;}
.pro01_m ul li{width: 125px;float: left;height: 38px;line-height: 38px;overflow: hidden;}
.pro01_m ul li a{font-size: 16px;color: #666;}
.pro01_m ul li:nth-of-type(4n){width: 90px;}
.pro01_m dl:first-child{margin-left: 0;}
/*新闻动态*/
.news{padding: 50px 0 42px;}
.content {
    width: 1200px;
    margin: 0 auto;
}
.news .yin_t{ height:70px;}
.yin_t {
    font-size: 40px;
    color: #333;
    text-align: center;
    height: 130px;
    line-height: 40px;
    overflow: hidden;
}
.news_t{height: 40px;width: 300px;margin:0 auto;}
.news_t ul li{float: left;width: 150px;overflow: hidden;}
.news_t ul li a{font-size: 14px;color: #333;display: block; float: left; width: 150px; text-align: center; height: 40px; line-height: 40px; overflow: hidden;background:url(../images/news_k01.gif) no-repeat;} 
.news_t ul li a:hover,.news_t ul li.on a{color: #fff;font-weight: bold;background:url(../images/news_k02.gif) no-repeat;}
.news01{width: 600px;float: left;padding: 280px 0 0; position:relative;}
.news01 .news_pic{width: 600px;height: 200px;overflow: hidden;line-height: 0; position:absolute; top:50px; left:0;}
.news01 .news_pic img{width: 600px;height: 200px;}
.news dl{width: 600px;}
.news dl dt{float: left;height: 56px;width: 95px; font-size: 14px; color: #3871c1; background:url(../images/news_line.gif) no-repeat right 10px;line-height: 30px;padding: 10px 0 0;}
.news dl dt b{display: block;font-size: 24px;color: #333;}
.news dl dd{width: 480px;padding: 0 0 0 20px;float: left;}
.news dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.news dl dd h5 a{font-size: 14px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.news dl dd h5 a:hover{ color: #3871c1;}
.news_desc{font-size: 14px; color: #888; line-height: 20px; height: 40px; overflow: hidden;} 
.news02{ width:560px;float: right;padding: 20px 0 0;}
.news .news02 dl{ width:560px;height: 70px;overflow: hidden;border-bottom: #dadada 1px solid;padding: 20px 0;}
.news .news02 dt{width: 90px;}
.news .news02 dd{width: 440px;}
.news .news02 .nobor{border-bottom: none;}
.yin_t i {
    color: #3871c1;
}
.yin_t a {
    color: #333;
}

/*关于公司*/

.guanyu{height:730px; background:url(../images/aboutbj.jpg) no-repeat center;}
.content{width:1200px;margin:0 auto;}
.ab{padding-top:56px; }
.ab .abt{width:502px; height:420px; float:left; position: relative;}
.ab .abt span{display: block;margin-left: 15px; width:487px;height:400px;z-index:100; position: relative; overflow:hidden;}
.ab .abt span img{width:487px;height:400px; transition:all 0.3s linear;}
.ab .abt span:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);
    transform: scale(1.1);}
.ab .abt:before{width:422px; height:302px;background:#3871c1; content:""; position: absolute;left:0; bottom:0;}
.ab dl{width:698px; float:right;}
.ab dl dt{display: block; margin-bottom: 31px;}
.ab dl dt i{display: block; width:200px; height:39px; border-bottom:1px solid #cfcfcf; text-align: right; padding-top:6px;padding-right:12px; text-transform: uppercase; font-size: 18px; color:#333333; margin-bottom: 27px;}
.ab dl dt span{display: block; font-size: 55px; font-weight: bold; color:#333333; line-height: 55px; text-transform: uppercase; margin-bottom: 8px; margin-left: 89px;}
.ab dl dt em{display: block; font-size: 18px; color:#333333; line-height: 18px;background:url(../images/xt6.jpg) no-repeat bottom left; margin-bottom: 11px; margin-left: 89px;}


.ab dl dd p{width:607px; margin-left:89px; margin-bottom: 26px; font-size: 14px; color:#555555; line-height:35px }
.ab dl dd b{display: block;width:211px; height:40px;text-align:center; line-height:40px;background:#3871c1; margin-left: 89px;}
.ab dl dd b a{display:block;font-size: 14px; color:#FFFFFF; font-weight: normal;}
.ab .abt_sm{height:180px;margin-top: 40px;}
.ab .abt_sm .hd{width:222px;float:left;margin-right: 4px;}
.ab .abt_sm .hd li{width:222px;height:180px;background:#dddddd; position: relative;}
.ab .abt_sm .hd li span{display: block; padding-top:73px;text-align: center; font-size: 16px; color:#333333; line-height: 16px;}
.ab .abt_sm .hd li span em{display:block; width:64px; margin:7px auto 0;padding:0 5px; text-align: center; font-size: 12px; position: relative; line-height: 12px; color:#949494; mso-table-rspace: 8px; text-transform: uppercase; opacity: 0.6;}
.ab .abt_sm .hd li span em:before{width:5px; height:1px; background:#777777; content:""; position: absolute; top:6px; left:0; opacity: 0.6;}
.ab .abt_sm .hd li span em:after{width:5px; height:1px; background:#777777; content:""; position: absolute; top:6px; right:0; opacity: 0.6;}
.ab .abt_sm .hd li.cur{background:#3871c1;}
.ab .abt_sm .hd li.cur span{display: block;color:#FFF; opacity: 0.6;}
.ab .abt_sm .hd li.cur span em{color:#FFF;}
.ab .abt_sm .hd li.cur span em:before{background:#FFF; opacity: 0.6;}
.ab .abt_sm .hd li.cur span em:after{background:#FFF; opacity: 0.6;}
.ab .abt_sm .hd li.cur i{width: 0;height: 0;border-width: 8px;border-style: solid;border-color: transparent #FFF transparent transparent; position: absolute; top:85px; right:0;z-index: 100;}
.ab .abt_sm .bd{width:974px;float:right;}
.ab .abt_sm .bd ul{height:180px;}
.ab .abt_sm .bd ul li{width:300px; height:180px; float:left; position: relative;margin-left: 24px;}
.ab .abt_sm .yb_box .con:nth-of-type(1) .bd ul li, .ab .abt_sm .yb_box .con:nth-of-type(1) .bd ul li span, .ab .abt_sm .yb_box .con:nth-of-type(1) .bd ul li span img{height:180px;}
.ab .abt_sm .yb_box .con:nth-of-type(1) .bd ul li i{ width:135px}
 
.ab .abt_sm .bd ul li span{display: block; width:300px; height:180px;}
.ab .abt_sm .bd ul li span img{width:300px; height:180px;}
.ab .abt_sm .bd ul li i{display: block;width:300px; height:35px; text-align: center; line-height: 35px; background:url(../images/wzbj2.png) no-repeat center; font-size: 14px; color:#FFFFFF; position: absolute; left:0; bottom:0;}
.ab .abt_sm .yb_box{width:974px; float:right;}