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

.banner{ width:100%; height:400px; background:url(../images/pro_banner.jpg) no-repeat center; margin-top:-3px;}


.pro_mid{ width:1200px; height:auto; overflow:hidden; margin:35px auto}
.about_bt{ width:230px;  float:left;}

.treebox{ width: 230px; margin: 0 auto; background-color:#cf221b; }
		.menu{ overflow: hidden; border-color: #ddd; border-style: solid ; border-width: 0 1px 1px ; }
		/*第一层*/
		.menu li.level1>a{ 
			display:block;
			height: 45px;
			line-height: 45px;
			color: #fff;
			padding-left: 40px;
			border-bottom: 1px solid #fff; 
			font-size: 16px;
			position: relative;
		 }
		 .menu li.level1 a:hover{ text-decoration: none;background-color:#e0453f;   }
		 .menu li.level1 a.current{ background: #cf221b; }

		/*============修饰图标*/
		 .ico{ width: 20px; height: 20px; display:block;   position: absolute; left: 20px; top: 10px; background-repeat: no-repeat; background-image: url(images/ico1.png); }

		 /*============小箭头*/
		 .level1 i{ width: 20px; height: 10px; background-image:url(images/arrow.png); background-repeat: no-repeat; display: block; position: absolute; right: 20px; top: 20px; }
		.level1 i.down{ background-position: 0 -10px; }

		 .ico1{ background-position: 0 0; }
		 .ico2{ background-position: 0 -20px; }
		 .ico3{ background-position: 0 -40px; }
		 .ico4{ background-position: 0 -60px; }
                 .ico5{ background-position: 0 -80px; }

		 /*第二层*/
		 .menu li ul{ overflow: hidden; }
		 .menu li ul.level2{ display: none;background: #0e0e0e;  }
		 .menu li ul.level2 li a{
		 	display: block;
			height: 45px;
			line-height: 45px;
			color: #fff;
			text-indent:30px;
			/*border-bottom: 1px solid #ddd; */
			font-size: 14px;
		 }




.chanpin{ width:1200px; height:auto; overflow:hidden;}

.chanpin{ width:950px; padding-bottom:25px; overflow:hidden; float:right;}
.fxui-tab-nav { overflow:hidden; padding-bottom:20px;}
.fxui-tab-nav li{ width:305px; height:258px; float:left; margin-right:17px; margin-bottom:25px;}
.fxui-tab-nav li:nth-child(3n+3){ margin-right:0px;}
.fxui-tab-nav li div{ width:305px; height:217px; overflow:hidden;}
.fxui-tab-nav li img{ width:303px; height:215px; transition:all 0.5s;}
.fxui-tab-nav li:hover img{ transform:scale(1.1);}
.fxui-tab-nav li dl{ height:48px; background:#f6f6f6; transition:all 0.5s; padding:0 25px; box-sizing:border-box;}
.fxui-tab-nav li dl p{ font-size:16px; color:#666; line-height:48px; float:left;}
.fxui-tab-nav li dl .more{ float:right; width:19px; height:20px; background:url(../images/more.gif) no-repeat; margin-top:15px; transition:all 0.5s;}
.fxui-tab-nav li:hover dl{ background:#c43b35;}
.fxui-tab-nav li:hover dl p{ color:#fff;}
.fxui-tab-nav li:hover dl .more{ background:url(../images/more1.gif) no-repeat;}
.mar{ margin-bottom:40px;}

.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:#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; font-size:18px;}
.cp_right ul li.zxsb{background: #004b9e;margin-left: 15px;font-size:18px;}
.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: #da2416;color: white;}
/*产品展示*/
.cpzs{width:1200px;margin: 0 auto;}
.cpzs h2{width:1200px;height:40px; line-height:40px; background:#f8f8f8; margin: 40px 0px 25px 0px; box-sizing:border-box; border-left:5px solid #cf221b; padding-left:20px; font-weight:normal;}
.cpzs ul{border-bottom: solid 1px #dcdcdc;padding-bottom: 40px;}
.cpzs ul li{color: #666666;line-height: 30px;}
/*技术参数*/
.jscs{width:1200px;margin: 0 auto;}
.jscs h2{width:1200px;height:40px; line-height:40px; background:#f8f8f8; margin: 40px 0px 25px 0px; box-sizing:border-box; border-left:5px solid #cf221b; padding-left:20px; font-weight:normal;}
.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;}
.nei_ys h2{width:1200px;height:40px; line-height:40px; background:#f8f8f8; margin: 40px 0px 25px 0px; box-sizing:border-box; border-left:5px solid #cf221b; padding-left:20px; font-weight:normal;}
.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:371px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:371px;position:absolute;}
.mod18 .picBox li{width:550px;height:371px; position:relative;}
.mod18 .picBox li img{width:550px;height:371px;}
.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:90px; margin-top:11px; margin-left:-6px; position: relative; overflow: hidden; }
.mod18 .listBox ul{height:89px;position:absolute;}
.mod18 .listBox li{width:140px;height:89px; 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:86px; margin:0 auto;  border:1px solid #ccc;}
.mod18 .listBox .on img{width:125px;height:84px;border:1px solid #cf221b;}
.mod18 .listBox .on i{display:block;}



.tu_left{ width:575px; height:500px; float:left;}
.gaishu{ margin-top:10px; height:125px; 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:#cf221b; font-size:16px; color:#fff; text-align:center; line-height:47px;}

.case{ margin-top:20px;}
.case li{ width:384px; height:330px; float:left; margin-right:24px; margin-bottom:8px;}
.case li div{ width:384px; height:285px; overflow:hidden;}
.case li img{ width:384px; height:285px; 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:#cf221b; 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:325px; float:left;}
.scroll_horizontal2 .list li div{ width:384px; height:259px; overflow:hidden;}
.scroll_horizontal2 .list li img{ width:384px; height:259px; 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:#cf221b; color:#fff;}