@charset "utf-8";
/* CSS Document */
.banner{ width:100%; height:400px; background:url(../images/cp_banner.jpg) no-repeat center;}
.chanpin{ width:1200px; height:auto;}
.chanpin_left{}



.product{ width:1200px; height:auto; margin:0 auto; margin-top:56px; overflow:hidden;}
.product_left{ width:279px; height:800px; float:left; background:#3170d6;}
.product_left .bai{ width:266px; height:690px; background:#fff; margin:0 auto; border-radius:8px; padding-top:31px; box-sizing:border-box;}
.product_left .tit{ width:279px; height:86px; overflow:hidden;}
.product_left .tit h3{ font-size:22px; font-weight:normal; color:#fff; text-align:center; line-height:22px; margin-top:25px; margin-bottom:5px;}
.product_left .tit p{ color:#abbfeb; text-align:center;}
.product_left .bai ul li{ width:100%; height:50px; margin-bottom:8px; background:url(../images/li.gif) repeat-x;}
.product_left .bai ul li span{ width:9px; height:15px; display:block; background:url(../images/jian.gif) no-repeat; float:left; margin-top:17px; margin:17px 16px 0 35px;}
.product_left .bai ul li p{ color:#666; font-size:16px; line-height:50px;}
.product_left .bai ul li:hover p{ color:#ef4819; font-weight:bold;}
.product_left .bai ul li:hover span{background:url(../images/jian2.gif) no-repeat;}
.dh{ width:202px; height:45px; margin-left:25px; margin-top:12px;}
.dh img{ float:left; margin-top:10px; margin-right:5px;}
.dh p{ font-size:15px; color:#666; line-height:25px;}
.dh span{ font-size:18px; color:#666;}
.product_right{ width:910px; height:auto; float:right;}
.product_datu{ width:900px; height:375px; position:relative;}
.product_datu .tu{ width:490px; height:375px; float:left; padding:5px; box-sizing:border-box; background:#f3f3f3;}
.product_datu .tu img{ width:480px; height:365px; margin:0 auto;}
.product_datu .txt{ width:410px; height:375px; background:url(../images/guang.jpg) no-repeat; float:right; padding:43px; box-sizing:border-box;}
.product_datu .txt h3{ font-size:20px; color:#333; margin-top:12px; line-height:50px;}
.product_datu .txt p{ color:#666; line-height:33px; margin-top:10px;}
.product_datu .txt .more{ width:168px; height:35px; border:1px solid #3170d6; border-radius:20px; margin-top:35px; color:#3170d6; text-align:center; line-height:35px;}
.rexiao{ width:45px; height:96px; background:url(../images/rexiao.png) no-repeat; position:absolute; top:-10px; right:0;}
.product_right ul{ width:925px; height:auto; overflow:hidden;}
.product_right ul li{ width:291px; height:264px; float:left; margin-right:17px; margin-bottom:25px;}
.product_right ul li img{ width:291px; height:221px; padding:3px; border:1px solid #f3f3f3; transition:all 0.5s;}
.product_right ul li .txt{ width:286px; height:48px; border-bottom:2px solid #4c82dc; padding:0 10px; box-sizing:border-box; position:relative;}
.product_right ul li .txt span{ font-size:15px; color:#666; width:165px; height:30px; float:left; display:block; line-height:30px;margin-top:10px; }
.product_right ul li .txt dl{font-size:15px; color:#666; float:right; line-height:30px;margin-top:10px;}
.product_right ul li .txt i{ width:0px; height:2px; background:#ef4819; display:block; transition:all 0.5s; position:absolute; bottom:-2px; left:0;}
.product_right ul li:hover .txt i{ width:286px;}
.product_right ul li .cp_tu{ width:291px; height:221px; overflow:hidden;}
/*.product_right ul li:hover img{ transform:scale(1.1);}*/


.cp_con{ width:1200px; height:auto; overflow:hidden; margin:38px auto 30px;}

#DB_gallery .DB_imgSet {position:relative; width:488px;height:320px; overflow:hidden;}
#DB_gallery .DB_imgSet .DB_imgWin{height:100%}
#DB_gallery .DB_imgSet .DB_page{position:absolute;bottom:0;font:11px tahoma bold;padding:5px;color:#ffffff}
#DB_gallery .DB_imgSet .DB_page .DB_current{color:#ffff00}
#DB_gallery .DB_imgSet .DB_page .DB_total{color:#ffcc00}
#DB_gallery .DB_imgSet .DB_prevBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;left:0;}
#DB_gallery .DB_imgSet .DB_nextBtn{position:absolute;top:50%;margin-top:-45px;cursor:pointer;right:0;}

#DB_gallery .DB_thumSet {position:relative;margin-top:10px;width:488px;overflow:hidden}
#DB_gallery .DB_thumSet .DB_thumMove{position:relative;white-space:nowrap;font-size:0}
#DB_gallery .DB_thumSet .DB_thumMove li{display:inline-block ;margin-right:12px}
#DB_gallery .DB_thumSet .DB_prevPageBtn{position:absolute;top:0;cursor:pointer;left:0;}
#DB_gallery .DB_thumSet .DB_nextPageBtn{position:absolute;top:0;cursor:pointer;right:0;}
#DB_gallery .DB_thumSet .DB_thumLine{position:absolute;width:100px;height:63px;border:5px solid #ff0000;left:0;top:0}

.DB_imgWin img{ width:488px; height:320px; overflow:hidden;}
.DB_thumMove li img{ width:110px;}

.cp_right{ width:570px; float:right;}
.cp_right h3{color:#333;border-bottom: dashed 1px #d3d3d3;padding-bottom: 15px;margin-bottom: 20px; margin-top:15px; font-size:25px; font-weight:normal;}
.cp_right p{color: #666;line-height: 30px;font-size: 14.5px;}
.cp_right p span.kaitou{color:#ef4819;}
.cp_right p.xsrx{margin-top: 35px;}
.cp_right p.xsrx img{float: left;margin-right: 10px;}
.cp_right p.xsrx span.xshm{color:#3170d6;font-size: 24px;font-weight: bold;}
.cp_right ul{margin-top: 40px;}
.cp_right ul li{width: 170px;height: 45px;background: #ec6700;float: left;}
.cp_right ul li.hqbj{background: #ef4819;}
.cp_right ul li.zxsb{background: #3170d6;margin-left: 15px;}
.cp_right ul li a{color: white;line-height: 45px;margin-left: 45px;}
ul.sixnav{width:1200px;height: 60px; margin: 0 auto;position:relative; background:#fff;}
ul.sixnav li{width:239px;float: left;margin-right: 1px;background: #ececec;}
ul.sixnav li a{display: block;line-height:60px;text-align: center;color: #656565;font-weight: bold;}
ul.sixnav li.gdms a{background: #da2416;color: white;}
ul.sixnav li a:hover{background: #ef4819;color: white;}
/*产品展示*/
.cpzs{width:1200px;margin: 0 auto; position:relative;}
.cpzs h2{width:1200px;height:40px; line-height:40px; margin: 40px 0px 25px 0px; box-sizing:border-box; color:#ef4819; }
.cpzs i{ width:1100px; height:1px; background:#f3f3f3; display:block; position:absolute; right:0; top:20px;}
.cpzs ul{border-bottom: solid 1px #dcdcdc;padding-bottom: 40px;}
.cpzs ul li{color: #666666;line-height: 30px;}
/*技术参数*/
.jscs{width:1200px;margin: 0 auto; position:relative;}
.jscs h2{width:1200px;height:40px; line-height:40px; margin: 40px 0px 25px 0px; box-sizing:border-box; color:#ef4819; }
.jscs i{ width:1100px; height:1px; background:#f3f3f3; display:block; position:absolute; right:0; top:20px;}
.jscs .wrap { width: 1200px; margin: 0 auto;}
.jscs .wrap img { max-width:1200px; height:auto;}
.jscs .wrap p{width:1200px;color: #666666;font-size:18px;text-align: center;margin: 32px 0px 32px 0px;}
/*优势*/
.nei_ys{width:1200px;margin: 0 auto; position:relative;}
.nei_ys h2{width:1200px;height:40px; line-height:40px; margin: 40px 0px 25px 0px; box-sizing:border-box; color:#ef4819; }
.nei_ys i{ width:1100px; height:1px; background:#f3f3f3; display:block; position:absolute; right:0; top:20px;}
.nei_ys img{ width:1200px; margin-bottom:10px;}




.mod18{ width:550px;padding:10px; position:relative; border:1px solid #f1f1f1; background:#fff; box-shadow:0px 1px 5px #CCCCCC;  }
.mod18 .btn{position:absolute;width:15px;height:70px;top:336px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.mod18 .prev{left:10px;;background:url(../images/prevBtn.png) no-repeat;}
.mod18 #prevTop,.mod18 #nextTop{top:163px;width:39px;height:50px;}
.mod18 #prevTop{background:url(../images/pic_left.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/pic_right.png) 0 0 no-repeat;}
.mod18 .next{right:10px;background:url(../images/nextBtn.png) no-repeat;}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf a{display:block;width:550px;height:411px;position:absolute;color:#fff;}
.mod18 .cf li span{display:block;width:640px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}
.mod18 .picBox{height:418px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:418px;position:absolute;}
.mod18 .picBox li{width:550px;height:418px; position:relative;}
.mod18 .picBox li img{width:550px;height:418px;}
.mod18 .picBox li span{ width:550px; height:34px; background-color:rgba(0,0,0,0.3); padding:0; font-size:16px; color:#fff; text-align:center; line-height:34px; display:block; position:absolute; bottom:0px; left:0px;}
.mod18 .listBox{ width:555px; height:100px; margin-top:11px; margin-left:-6px; position: relative; overflow: hidden; }
.mod18 .listBox ul{height:97px;position:absolute;}
.mod18 .listBox li{width:140px;height:97px; cursor:pointer;position:relative; text-align:center;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:127px;height:86px;}
.mod18 .listBox li img{width:127px;height:97px; margin:0 auto;  border:1px solid #ccc;}
.mod18 .listBox .on img{width:125px;height:97px;border:1px solid #cf221b;}
.mod18 .listBox .on i{display:block;}



.tu_left{ width:575px; height:560px; float:left;}
.gaishu{ margin-top:10px; height:175px; overflow:hidden;}
.cpzs p{ line-height:30px; color:#333;}
.xiangguan{ width:1200px; height:430px; margin:0 auto;}
.xiangguan .bt{ width:1200px; height:47px; background:#efefef;}
.xiangguan .bt h3{ width:121px; height:47px; float:left; background:#ef4819; font-size:16px; color:#fff; text-align:center; line-height:47px;}
.case{ margin-top:20px;}
.case li{ width:384px; height:340px; float:left; margin-right:24px; margin-bottom:8px;}
.case li div{ width:384px; height:287px; overflow:hidden;}
.case li img{ width:384px; height:287px; transition:all 0.5s;}
.case li span{ width:384px; height:45px; line-height:45px; color:#666; text-align:center; display:block; font-size:15px; transition:all 0.5s;}
.case li:nth-child(3n+3){ margin-right:0;}
.case li:hover img{ transform:scale(1.1);}
.case li:hover span{ background:#ef4819; color:#fff;}

.scroll_horizontal2{position:relative;width:1200px;height:337px; margin:0 auto;}
.scroll_horizontal2 .box{overflow:hidden; position:relative; width:1200px; height:337px; margin:0 auto; margin-top:26px;}
.scroll_horizontal2 .list{overflow:hidden;width:9999px;}
.scroll_horizontal2 .list li{ width:408px; height:355px; float:left;}
.scroll_horizontal2 .list li div{ width:384px; height:291px; overflow:hidden;}
.scroll_horizontal2 .list li img{ width:384px; height:291px; transition:all 0.5s; }
.scroll_horizontal2 .list li span{ width:384px; height:40px; display:block; line-height:40px; text-align:center; font-size:15px; transition:all 0.5s; color:#666;}
.scroll_horizontal2 .plus,
.scroll_horizontal2 .minus{position:absolute; top:90px; width:31px;height:74px; cursor:pointer;}
.scroll_horizontal2 .plus{left:-50px; background:url(../images/case_z.gif) no-repeat;}
.scroll_horizontal2 .minus{right:-50px; background:url(../images/case_y.gif) no-repeat;}
.scroll_horizontal2 .list li:hover img{ transform:scale(1.1);}
.scroll_horizontal2 .list li:hover span{ background:#ef4819; color:#fff;}