/* CSS Document */

@charset "utf-8";
.clear { clear: both; float:none; height:0; line-height:0;}
* {margin:0px;padding:0px; }
img{ margin:0; padding:0; border:none; vertical-align:middle;}
li,ol,ul {list-style:none;}
a{ text-decoration:none; color:#777;}
a:hover{text-decoration:none; color:#3da6f5;}
a:active{ background:none;}
body{font-family: Arial,"微软雅黑"; font-size:12px; text-align:justify; margin:0px; color:#777; padding:0px; background:#222 url(/image/bg01.png)/*tpa=http://d179.demo1.xfstudio.biz:88/templets/d179/images/bg01.png*/ no-repeat;}

.box{width:1000px; margin:0 auto;}

.nav{ height:48px; line-height:48px; background:rgba(0,0,0,0.5); width:100%; position:fixed;z-index:999; top:0; left:0; font-size:14px;}
.logo{ float:left;}
#menu{ wdith:648px; float:right;}
#menu li{ height:48px; float:left; width:107px; line-height:48px; color:#9b9b9b;}
#menu li a{ height:48px; float:left; width:107px; color:#9b9b9b; text-align:center;}
#menu li.active a{color:#3da6f5;}
#menu li:hover a{color:#3da6f5;}


/*第一屏*/
#superContainer{ position:relative; height:100%;}
.section{width:100%; height:100%; overflow:hidden;}
#focus{width:100%; height:100%;/*min-height: 973px;*/ overflow:hidden; position:relative;}
.focusWarp{width:100%; height:100%; overflow:hidden; position:relative;}
.focusWarp ul{ position:absolute;width: 100%;}
.focusWarp ul li{width:100%; height:100%; float:left;}
.focusWarp ul li a{display:block;width:100%; height:100%; float:left;background-size: 100% 100% !important;}
.imgBtn{width:240px; top:50%; margin-top:100px; position:absolute; height:3px; left:50%; margin-left:-120px;}
.imgBtn li{width:50px; height:3px; cursor:pointer; background:#6f6f6f; float:left; margin:0 5px;}
.imgBtn  li.hover{ background:#f29126;}


.section.table, .slide.table {display: table; width: 100%;}
.tableCell{position:relative;}
.beian{ position:absolute; width:100%; bottom:10px; font-size:12px;}



/*第二屏*/
.about_main{width:1000px; display:none;}
.about_bt{ overflow:hidden; height:82px; border-top:solid 1px #393939; border-bottom:solid 1px #393939;color:#fff; text-align:left;}
.about_bt span{ font-size:60px; margin-right:10px; line-height:82px;text-transform: uppercase;}
.about_bt font{ font-size:20px;}
.about_m01{height:380px; padding-top:47px;}
.about_m01 .img{ float:left;}
.about_m01 .img img{ border:solid 1px #393939; padding:10px;}
.about_m01 .text{width:548px; float:right; color:#777; line-height:1.75; font-size:13px;text-align:justify; text-justify:inter-ideograph;}
.about_m01 .text h1{ font-size:16px; line-height:40px;}
.about_m01 .text p{ padding:5px 0;/*text-indent: 2em;*/}

.about_m02{padding-top:47px;height:380px;}
.ab_prev,.ab_next{ cursor:pointer; float:left;}
.ab_m{width:802px; margin:0 18px;  float:left; position:relative; overflow:hidden;}
.ab_m ul{ position:absolute; height:190px; z-index:999;}
.ab_m ul li{width:190px; height:190px; float:left; margin-right:16px; position:relative;} 
.imgcolor{display:none;}
.ab_m ul li .h img{ position:absolute; top:0;}
.ab_m dl{width:802px; position:relative; z-index:99; padding-top:200px; line-height:23px;}
.ab_m dl dt{ height:0; width:802px; overflow:hidden;}
.ab_m dl dt p{ padding:5px 0;}


.about_m03{ padding-top:47px; height:380px; padding-left:10px; line-height:1.75; font-size:13px;text-align:justify; text-justify:inter-ideograph;}
.about_m03 p{ padding:5px 10px;}

.ab_nav{ height:40px; width:1000px; position:relative; background:#242424; border:solid 1px #393939; font-size:12px;}
.ab_nav ul li{width:33.24%; cursor:pointer; height:40px; line-height:40px; text-align:center; border-right:solid 1px #393939; float:left; z-index:999; position:relative;}
.ab_nav ul li img{ position:absolute; display:none; left:157px; top:-9px;}
.ab_nav .hove{ width:33.26%; position:absolute; background:#f29126; height:40px; top:0; left:0; cursor:pointer;}


/*第三屏*/
.advatage{padding-top:47px;}
.advatage ul{ height:160px;}
.advatage ul li{width:160px; height:160px; float:left; margin:0 3px; position:relative;background: #333333;}
.advatage ul li p{ width:160px; font-size:16px;  line-height:36px; text-align:center;display: block; }
.advatage ul li span{text-transform: uppercase;width: 70px;height: 70px;border-radius: 5px;border:1px solid #626262;color:#9b9b9b;text-align: center;line-height: 70px;font-weight: bolder;display: block;margin: 33px 0 0 45px;font-size: 28px;}


/*第四屏*/
.works{padding-top:47px;}
.works ul li{width:307px; float:left; margin:13px; position:relative;}
.works ul li p{ width:307px; height:164px; line-height:20px;background:#f29126; position:absolute; top:0; left:0; color:#000; opacity:0.9;filter:alpha(opacity=90); -moz-opacity:0.9; -webkit-opacity:0.9; overflow:hidden; display:none;}
.works ul li p font{ line-height: 164px; display:block;text-align: center;}



/*第五屏*/
.about_bt p{ float:right; line-height:82px; padding-right:20px;}
.cor4{color:#444}
.new{padding-top:47px;}
.new dl{ height:106px; width:1000px; margin-bottom:25px;}
.new dl dd{width:163px; float:left; background:#333 url(/image/img05.jpg)/*tpa=http://d179.demo1.xfstudio.biz:88/templets/d179/images/img05.jpg*/ no-repeat center top; height:106px;}
.new dl dt{width:817px; float:right; font-size:12px;}
.new dl dt h1{ font-size:16px; height:38px; line-height:38px; border-bottom:dashed 1px #484848; margin-bottom:10px;}


/*第六屏*/
.join{padding-top:47px;}
.jo_nav{width:280px; float:left; height:270px; background:#242424; border:solid 1px #393939; font-size:14px;}
.jo_nav ul li{ width:240px; height:89px; border-bottom:solid 1px #393939; line-height:89px; padding-left:40px; position:relative; cursor:pointer;}
.jo_nav ul li img{ position:absolute; top:36px; right:-9px; display:none;}
.jo_nav ul li.on{ background:#f29126; border:solid 1px #f29126; color:#000;}
.jo_nav ul li.on img{ display:block;}

.jo_text{width:678px; float:right;}
.jon_m{ display:none;}
.jon1,.jon2,.jon3{ line-height:25px; background:#242424; border:solid 1px #393939; padding:15px;text-align:justify; text-justify:inter-ideograph;}
.jon1 p{ padding:10px 0;}

.jon2 p{ padding:10px 0;}

.page{height:23px; font-size:14px; margin:5px 0; line-height:23px; width:1000px;}
.page a{ padding:4px 8px; background:#424242; color:#000; margin:0 2px;}
.page a:hover{ background:#656565;}
.page span{background:#656565; padding:4px 8px;color:#000;}

.jon3 input,.jon3 textarea{ margin-left:10px; padding:0 10px; font-family:"微软雅黑"; border:none; background:#313131; color:#777;}
.in1{width:214px; height:30px; line-height:30px;}	
.in2{width:500px; height:126px; line-height:24px;}
.jon3 table tr td{ padding:5px 0;}
.bnt01{width:77px; text-align:center; line-height:28px; height:30px; background:#313131;  cursor:pointer;}

/*第七屏*/
.map{ background:url(/image/img06.jpg) no-repeat center 0;}
.in_cont{ height:30px; line-height:30px; padding-top:50px;}
.in_cont p{ height:30px; font-size:12px; line-height:30px; text-align: center;}



/*内页*/
.n_bt{ padding-top:136px; text-align:center;}
.n_new{ padding:10px 0; padding-top:40px;}
.n_new dl{ height:252px; margin-bottom:50px;}
.n_new dl dd{width:387px; height:252px; background:url(/image/img07.jpg) no-repeat center top; float:left;}
.n_new dl dt{width:585px; float:right;}
.n_new dl dt h1{ font-size:16px;}
.n_new dl dt p{ height:170px; padding-top:25px; padding-bottom:17px; color:#444}
.n_new dl dt span{ line-height:20px;}
.n_np{ text-align:center; padding:10px 0; border-top:solid 1px #393939; border-bottom:solid 1px #393939; margin-bottom:60px;}

.n_fot{ background:#000; height:120px; padding-top:40px; font-size:12px;}
.n_fot p{ float:left;}

.fot_r{width:270px; float:right;  height:30px;}

.new_nr{ padding:20px 0; line-height:24px; width:645px; margin:0 auto; overflow:hidden;}
.new_nr h1{height:54px; line-height:54px; text-align:center; font-size:25px; background:#000;opacity:0.9;filter:alpha(opacity=90); -moz-opacity:0.9; -webkit-opacity:0.9; font-weight:normal;}
.new_nr h2{ height:30px; line-height:30px; text-align:right; color:#555; font-size:12px; font-weight:normal; margin-bottom:20px;}


.fy{ height:40px; line-height:40px; padding:20px 0; text-align:left;}
.fy p { float:right;}


.cont{ padding:20px 0; margin-top:20px;}

.cont_t{width:1000px; margin:0 auto; height:50px;}
.cont_t ul li{ width:14.28%; float:left; line-height:50px; text-align:center; height:50px; color:#f29126; font-size:16px;}

.cont_m ul li{width:18.9%; float:left; margin:10px 0.5%; position:relative;}
.cont_m ul li p{width:100%; position:absolute; top:0; left:0; background:#f29126;opacity:0.9;filter:alpha(opacity=90); -moz-opacity:0.9; -webkit-opacity:0.9; color:#333;text-align:center; line-height:25px; display:none;}
.cont_m ul li p span{ display:block;width:80%; text-align:center; font-size:18px; line-height:30px; border-bottom:solid 1px #333;color:#000; overflow:hidden; margin:0 auto; padding-top:10%}


.cont_nr{width:1004px; margin:0 auto; margin-top:40px; position:relative;}
.scrod{width:1004px; margin:0 auto; position:relative; overflow:hidden; height:616px;}
.scrod ul{ position:absolute;}
.scrod ul li{width:1004px; float:left; height:616px;}
.scrod ul li img{ width:1004px; height:616px;}
.scrox{width:876px; height:118px; margin:0 auto; margin-top:40px; overflow:hidden; position:relative;}
.scrox ul{ position:absolute;}
.scrox ul li{width:218px; float:left; cursor:pointer; padding-right:5px; height:131px; position:relative;line-height:119px;overflow:hidden;}
.scrox ul li img{ width:219px; height:134px;}
.scrox ul li p{width:219px; height:131px; background:#333;opacity:0.7;filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity:0.7; position:absolute; top:0; left:0; display:block;}
.scrox ul li.on p{ display:none;}

.prev_d,.next_d{ overflow:hidden; cursor:pointer; width:63px; height:135; position:absolute; top:580px;}
.prev_d{ left:100px;}
.next_d{right:100px;}
.next_d img{ margin-left:-63px;}
.prev_x,.next_x{ width:53px; position:absolute; top:656px; cursor:pointer;}
.next_x{ right:0;}

.cont_nr_text{ line-height:25px; margin-top:20px; margin-bottom:50px;}
.cont_nr_text h1{ padding:5px 0; font-size:18px; font-weight:normal; margin-bottom:10px;}


.fot_r .bdsharebuttonbox{width:112px; float:right; height:30px;}
.fot_r .bdsharebuttonbox a{ display:block; width:30px; height:30px; float:left; margin:0; padding:0; margin-left:5px;}
.fot_r .bdsharebuttonbox a.bds_tsina{ background:url(/image/ico02.png)/*tpa=http://d179.demo1.xfstudio.biz:88/templets/d179/images/ico02.png*/ no-repeat right center;}
.fot_r .bdsharebuttonbox a.bds_weixin{ background:url(/image/ico02.png)/*tpa=http://d179.demo1.xfstudio.biz:88/templets/d179/images/ico02.png*/ no-repeat -43px center;}
.fot_r .bdsharebuttonbox a.bds_phone{ background:url(/image/ico02.png)/*tpa=http://d179.demo1.xfstudio.biz:88/templets/d179/images/ico02.png*/ no-repeat left center;}
.fot_r span{ display:block; height:30px; width:30px; float:right; overflow:hidden;}



.hot{ padding-top:42px;}

.hot_img{width:320px; height:380px; float:left; padding:10px; background:#393939;}
.hot_text{width:636px; float:right; line-height:25px;text-align:justify; text-justify:inter-ideograph;}
.hot_text p{ padding-bottom:10px;}

.hot dl{ height:24px; padding-top:16px; margin-top:70px; margin-bottom:70px; width:1000px; background:url(/image/ico.png)/*tpa=http://d179.demo1.xfstudio.biz:88/templets/d179/images/ico.png*/ no-repeat center top;}
.hot dl dd{width:48px; float:left; display:block; height:24px;}
.hot dl dt{width:152px; font-size:14px; color:#555; text-align:center; height:24px; line-height:24px; float:left;}
.hot dl dt a{color:#999;}
.hot dl dt a:hover{color:#f29126;}


.button_{width: 60px;height: 30px;border: 1px solid #393939;float: right;border-radius: 5px;margin-top: 25px;text-align: center;font-size: 20px;transition: 0.3s;}
.proTitle{ width: 100%;height: 220px;background: url(/image/pro_01.png) no-repeat center bottom;text-align: center;margin-bottom: 100px;}
.proTitle .return{    position: absolute;
    bottom: 6%;font-size: 12px;color: #9b9b9b;left:0}
.proTitle h3{font-size: 60px;color: #fff;text-transform: uppercase;padding-top: 90px;font-weight: normal;}
.proTitle p{font-size:20px;color: #828282;font-family: 宋体;margin-bottom: 30px;}
.proTitle span{font-size:13px;color: #444444;text-transform: uppercase;}
.proListCon{max-width: 1000px;margin:0 auto;margin-bottom: 200px;}
.proListConTab{
	display: box;
	box-pack:center;
	display: -webkit-box;
	-webkit-box-pack:center;
	display: -moz-box;
	-moz-box-pack:center;
	margin-bottom: 100px;
}
.proListCon .proListConTab li{padding:0 18px 10px;font-size: 16px;/*font-family: 黑体;*/margin-right: 60px;cursor: pointer;}
.proListCon .proListConTab li:last-of-type{margin-right: 0px !important;}
.proListCon .proListConTab li.active{color:#fff;border-bottom: 2px solid #fff;}
.proListCon .proListConTab li:hover{color:#fff;border-bottom: 2px solid #fff;}
.proListConList li{width: 465px;float: left;margin-bottom: 60px;}
.proListConList li .imgBox{width: 238px;height: 238px;border:1px solid #484848;margin-left: 112px;transition:0.5s;
	display: box;
	box-pack:center;
	box-align:center;
	display: -webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	display: -moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
}
.proListConList  ul  li .imgBox img{max-width: 100%;max-height: 100%;}
.proListConList  ul{width: 100%;height: 100%;display: none;}
.proListConList  ul:after{display: block;clear: both;content:'';}
.proListConList  ul  li .font{text-align: center;}
.proListConList  ul li .font h3{font-size: 24px;color:#fff;text-align: center;line-height: 55px;font-weight: normal;margin-bottom: 14px;transition: 0.3s;text-transform: uppercase;}
.proListConList  ul li .font p{line-height: 28px;font-size: 14px;color:#9b9b9b;text-align: center;transition: 0.5s;}
.proListConList  ul li a{width: 118px;height: 32px;border:1px solid #9b9b9b;font-size: 14px;color:#9b9b9b;display: block;margin:0 auto;text-align: center;line-height: 32px;margin-top: 24px;transition: 0.3s;}
.proListConList  ul li:nth-child(2n){float: right;}
.proListConList  ul li a:hover{border-color: #3da6f5;color:#3da6f5;}
.proListCon2{max-width: 1000px;height: auto;background: #393939;margin:0 auto;margin-bottom: 100px;}
.mar{margin-bottom: 70px;}
.proListConTab2{width: 100%;height: 78px;border-bottom: 1px solid #222;margin-bottom: 0px;}
.proListConTab2 li{line-height: 95px;margin-right: 208px !important;}
.proListConDetail{/*margin-top: 60px;*/padding-bottom: 100px;}
.proListConDetail>div{display: none;}
.proListConDetail>div:nth-child(1){width: 820px;margin:0 auto;margin-top: 60px;}
.proListConDetail>div:nth-child(2){width: 800px;margin:0 auto;margin-top: 50px;}
.proListConDetail>div:nth-child(3){margin-top: 50px;}
.proListConDetail>div{/*width: 820px;*/height: auto;margin:0 auto;}
.proListConDetail>div:after{display: block;clear: both;content: '';}
.proListConDetail>div .imgBox{width: 318px;height: 318px;border:1px solid #484848;float: left;
	display: box;
	box-pack:center;
	box-align:center;
	display: -webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	display: -moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
}
.proListConDetail>div .imgBox img{max-width: 100%;max-height: 100%;}
.proListConDetail>div .font{width: 402px;height: auto;float: right;}
.proListConDetail>div .font h2{font-size: 30px;color:#fff;font-weight: normal;margin-top: 42px;margin-bottom: 12px;}
.proListConDetail>div .font p{font-size: 14px;color:#9b9b9b;line-height: 32px;}
.proListConDetail .specification{width: 100%;height: auto;padding-bottom: 30px;}
.proListConDetail .specification h3{font-size: 30px;color:#828282;text-align: center;font-weight: normal;text-transform: uppercase;line-height: 42px;border-bottom: 1px solid #555555;width: 200px;margin:0 auto;}
.proListConDetail .specification p{text-align: center;color:#828282;font-size: 16px;line-height: 40px;}
.specificationDetail{border: 1px solid #555555;font-size: 13px;color:#9b9b9b;padding:40px 0px;}
.specificationDetail:after{display: block;clear: both;content: ''}
.specificationDetail li{width: 86%;line-height: 30px;/*height: 38px;*/ margin:0 7%;float: left;}
.specificationDetail_mc  li{width: 62%;margin:0 19%;margin-left:28%;}
.specificationDetail li b{width: 100%;height: 100%;float: left;font-size:14px;color: #3da6f5;font-weight: normal;}
.specificationDetail li:after{display: block;clear: both;content:'';}
.specificationDetail li span{width:50%;display: block;float:left;}
.specificationDetail2{width: 880px;border:none;padding-top: 20px;margin:0 auto;}
.specificationDetail2:after{display: block;clear: both;content:'';}
.specificationDetail2 ul li{width: 288px;height: 288px;border:1px solid #484848;float:left;margin-right: 5px;margin-bottom: 5px;
	display: box;
	box-pack:center;
	box-align:center;
	display: -webkit-box;
	-webkit-box-pack:center;
	-webkit-box-align:center;
	display: -moz-box;
	-moz-box-pack:center;
	-moz-box-align:center;
	margin:0 5px 5px 0 ;
}
.specificationDetail2 ul li:nth-child(3n){margin-right: 0px;}
.specificationDetail_ span{width: 33.3333% !important;}
.specificationDetail2 ul li img{max-height: 100%;max-width: 100%;width: 100%;height: 100%;}
.footer{width: 100%;height: 160px;background: #000000;text-align: center;}
.footer p{padding-top: 60px;line-height: 24px;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;width: 50px;
    height: 3px;
    cursor: pointer;
    background: #6f6f6f;
    float: left;
    margin: 0 5px; }
.slideBox .hd ul li.on{ background:#f29126; }
.proListConList li a:first-of-type{
	display: inline;
    width: 0px;
    height: 0px;
    border: none;
}
.proListConList li .imgBox:hover{border-color: #3da6f5;}    
.proListConList  ul li .font h3:hover{color: #3da6f5;}
.proListConList  ul li .font p:hover{color: #3da6f5;}
.button_:hover{border-color: #3da6f5;}
.marCenter{width: 1000px;margin:0 auto;position: relative;}