@charset "utf-8";
/* CSS Document */




.banner_chanpin{ width:100%; height:500px; background:url(../images/banner_chanpin.jpg) no-repeat center;}

.solution{ width:1200px; height:auto; padding-bottom:50px; padding-top:30px; margin:0 auto;}
.solution_bt{ width:925px; height:45px; margin:0 auto;}
.solution_bt a{ width:156px; height:45px; line-height:45px; border:1px solid #d6d6d6; display:block; float:left; font-size:15px; color:#333; text-align:center; margin:0 13px; position:relative;}
.solution_bt a i{ width:0px; height:45px; background:#ececec; transition:all 0.5s; float:left; position:absolute; left:50%;}
.solution_bt a:hover i{ width:156px; position:absolute; left:0px; z-index:-1;}
.solution_bt a.thiss_class{ width:158px; height:45px; border:none; background:#da2416; color:#fff;}


.solution_con{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:40px;}
.solution_con ul{ width:1230px; height:auto; overflow:hidden;}
.solution_con ul li{ width:380px; height:320px; float:left; margin-right:30px; margin-bottom:18px;}
.solution_con ul li img{ width:382px; height:262px; transition:all 0.5s;}
.solution_con ul li h3{ font-size:15px; color:#333; font-weight:bold; line-height:30px; margin-top:6px;}
.solution_con ul li p{ font-size:14px; color:#666;line-height:25px;}
.solution_con ul li:hover img{ height:215px;}
.solution_con ul li:hover h3{ color:#da2416;}





.anli_con{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:40px;}
.anli_con ul{ width:1230px; height:auto; overflow:hidden;}
.anli_con ul li{ width:380px; height:270px; float:left; margin-right:30px; margin-bottom:18px;}
.anli_con ul li img{ width:380px; height:222px; transition:all 0.5s;}
.anli_con ul li h3{ font-size:15px; color:#333; font-weight:bold; line-height:30px; margin-top:6px; text-align:center;}
.anli_con ul li p{ font-size:14px; color:#666;line-height:25px;}
.anli_con ul li:hover img{ height:215px;}
.anli_con ul li:hover h3{ color:#e57115;}


.cp_con{ width:1200px; height:auto; overflow:hidden; margin:0 auto; margin-top:38px;}
.cp_left{ width:488px; height:430px; float:left;}

#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:550px; float:right;}
.cp_right h3{color:#444444;border-bottom: dashed 1px #d3d3d3;padding-bottom: 15px;margin-bottom: 20px;}
.cp_right p{color: #666666;line-height: 30px;font-size: 14.5px;}
.cp_right p span.kaitou{color:#da2416;}
.cp_right p.xsrx{margin-top: 35px;}
.cp_right p.xsrx img{float: left;margin-right: 10px;}
.cp_right p.xsrx span.xshm{color:#da2416;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: #da2416;}
.cp_right ul li.zxsb{background: #004b9e;margin-left: 15px;}
.cp_right ul li a{color: white;line-height: 45px;margin-left: 45px;}
ul.sixnav{width: 1170px;height: 60px;/*border:solid 1px red;*/margin: 0 auto;position: relative;left: -20px;}
ul.sixnav li{width:290px;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: #da2416;color: white;}
/*产品展示*/
.cpzs{width:1170px;margin: 0 auto;}
.cpzs h2{width: 100px;height: 35px;border-bottom: solid 2px #ec6700;font-weight: 500;margin: 40px 0px 25px 0px;text-align: center;}
.cpzs ul{border-bottom: solid 1px #dcdcdc;padding-bottom: 40px;}
.cpzs ul li{color: #666666;line-height: 30px;}
/*技术参数*/
.jscs{width:1170px;margin: 0 auto;border-bottom: solid 1px #dcdcdc;padding-bottom: 40px;}
.jscs h2{width: 100px;height: 35px;border-bottom: solid 2px #ec6700;font-weight: 500;margin: 40px 0px 25px 0px;text-align: center;}
.jscs .wrap { width: 1170px; margin: 0 auto; line-height:30px;}
.jscs .wrap img { width: 100%; }
.jscs .wrap p{width:1170px;color: #666666;font-size:18px;text-align: center;margin: 32px 0px 32px 0px;}
/*模拟演示*/
.mnys{width:1170px;margin: 0 auto;}
.mnys h2{width: 100px;height: 35px;border-bottom: solid 2px #ec6700;font-weight: 500;margin: 40px 0px 25px 0px;text-align: center;}
.mnys .sp{width: 1170;height: 578px;border-bottom: solid 1px #dcdcdc;}
.mnys .sp .flowplayer{width: 1170;height: 578px;}
.mnys .sp .flowplayer video{width: 1170;height: 578px;}
/*客户案例*/
.khal{width:1170px;margin: 0 auto;border-bottom: solid 1px #dcdcdc;padding-bottom: 40px;}
.khal h2{width: 100px;height: 35px;border-bottom: solid 2px #ec6700;font-weight: 500;margin: 40px 0px 25px 0px;text-align: center;}
/*推荐产品*/
.tjcp{width:1170px;margin: 0 auto;border-bottom: solid 1px #dcdcdc;padding-bottom: 40px;}
.tjcp h2{width: 100px;height: 35px;border-bottom: solid 2px #ec6700;font-weight: 500;margin: 40px 0px 25px 0px;text-align: center;}
/*图片间歇性无缝滚动*/
.picScroll-left{ width:1170px;  overflow:hidden; position:relative;}
.picScroll-left .bd{ padding:10px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:277px; display:block;  padding:2px;}
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }

.picScroll-left1{ width:1170px;  overflow:hidden; position:relative;}
.picScroll-left1 .bd1{ padding:10px;   }
.picScroll-lef1t .bd1 ul{ overflow:hidden; zoom:1; }
.picScroll-left1 .bd1 ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left1 .bd1 ul li .pic{ text-align:center; }
.picScroll-left1 .bd1 ul li .pic img{ width:277px; height:200px; display:block;  padding:2px;}
.picScroll-left1 .bd1 ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left1 .bd1 ul li .title{ line-height:24px;   }


.mod18{ width:575px; height:510px; margin: 0px auto; position: relative; }
.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:180px;width:26px;height:40px;}
.mod18 #prevTop{background:url(../images/prevBtnTop.png) 0 0 no-repeat;}
.mod18 #nextTop{background:url(../images/nextBtnTop.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:573px;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:393px;position:relative;overflow:hidden; border:1px solid #dbdbdb;}
.mod18 .picBox ul{height:393px;position:absolute;}
.mod18 .picBox li{width:573px;height:393px; position:relative;}
.mod18 .picBox li img{width:573px;height:393px;}
.mod18 .picBox li span{ width:573px; 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:586px; height:90px; margin-top:11px; margin-left:-6px; position: relative; overflow: hidden; }
.mod18 .listBox ul{height:85px;position:absolute;}
.mod18 .listBox li{width:147px;height:95px; cursor:pointer;position:relative; text-align:center;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li a{display:block;width:132px;height:95px;}
.mod18 .listBox li img{width:132px;height:89px; margin:0 auto;  border:1px solid #ccc;}
.mod18 .listBox .on img{width:130px;height:87px;border:1px solid #e83333;}
.mod18 .listBox .on i{display:block;}



.tu_left{ width:575px; height:530px; float:left;}
.gaishu{ margin-top:10px; height:125px; overflow:hidden; border-bottom:1px dashed #ececec; margin-bottom:25px;}
.cpzs p{ line-height:30px; color:#333;}
.xiangguan{ width:1200px; height:500px; margin:0 auto;}
.xiangguan .bt{ width:1200px; height:47px; background:#efefef;}
.xiangguan .bt h3{ width:121px; height:47px; float:left; background:#da2416; font-size:16px; color:#fff; text-align:center; line-height:47px;}

.service_con{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.service_con ul{ width:1230px;}
.service_con ul li{ width:380px; height:355px; float:left; margin-right:30px; margin-bottom:25px;}
.service_con ul li img{ width:380px; height:250px; transition:all 0.5s;}
.service_con ul li .nr{ width:380px; height:85px;}
.service_con ul li .nr h3{ margin-top:15px; margin-bottom:5px; font-size:15px; color:#333; width:380px; height:25px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.service_con ul li .nr p{ font-size:15px; width:380px; height:52px; overflow:hidden; line-height:25px; color:#666;}
.service_con ul li:hover .nr img{ width:380px; height:230px; opacity:0.8;}
.service_con ul li:hover .nr h3{ color:#e77600;}

/*--小导航--*/
.nav_x{ width:100%; height:59px; border-bottom:1px solid #e6e6e6; background:none;}
.nav_x .con{ width:1200px; height:59px; margin:0 auto; background:url(../images/dw.gif) no-repeat 5px; padding-left:35px; box-sizing:border-box; line-height:59px;}
.nav_x .con span{ font-size:16px; color:#333; float:left;}
.nav_x .con a{ font-size:16px; color:#333; float:left; padding:0 6px;}
.nav_x .con a:hover{ font-weight:bold;}

.dsj{ width:550px; height:120px;}
.dsj img{ width:140px; height:117px; float:left; margin-right:25px;}
.dsj h3{ font-size:16px; color:#666; border:none; height:35px; margin:0; padding:0; padding-top:10px;}
.dsj p{ font-size:16px; color:#666;}