@charset "gb2312";
/* CSS Document */
@charset "utf-8";
body{ margin:0px; font-size:12px; color:#3d2f1b;font-family:"΢ÈíÑźÚ"; background:#000}
*{padding:0px;margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,textarea,select,button,th,td {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:12px;list-style:none;}
input,select {font:100% Helvetica, Tahoma, Arial, "Microsoft YaHei", "΢ÈíÑźÚ", SimSun, "ËÎÌå", STXihei, "»ªÎÄϸºÚ", Heiti, "ºÚÌå", sans-serif;}
button {overflow:visible}
img{border:none;}
a{color:#3d2f1b;text-decoration:none;}
a:hover{color:#ff0000;text-decoration:none;}

input,select,button{font:12px Verdana,Arial,Tahoma;vertical-align:middle;}
.clear{overflow:hidden;clear:both; height:0px;}
li{	list-style:none;}
.lf{ float:left;}
.rt{ float:right;}


.contain{ width:1200px; margin:0 auto}

/*.header{  position:fixed; top:0; width:100%; background:rgba(0,0,0,0.5); z-index:999;  transition:all 0.6s; }*/
.header{position:fixed;top:0;width:100%;background: rgba(0,0,0,1);z-index:999;transition:all 0.6s;-webkit-box-shadow: 0 1px 5px 1px rgba(255, 255, 255, 0.25);-moz-box-shadow: 0 1px 5px 1px rgba(255, 255, 255, 0.25);box-shadow: 0 1px 5px 1px rgba(255, 255, 255, 0.25);}

.header .logo{ float:left; padding:10px 0 }
.header .logo img{ height:60px; width:auto; }
.header.on{ position:fixed; background:rgba(40,40,40,1); height:80px; top:0; left:0;transition:all 0.6s;}


.about{ width:1200px; margin:70px auto; overflow:hidden}

.about i { display:block; float:left; width:586px; height:408px; overflow:hidden}
.about i img{ height:408px; width:auto; transition:all 0.6s}
.about i a:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}

.about .js{ float:right; width:545px}
.about .js h3{ display:block; color:#afafaf; font-size:16px; line-height:60px; font-weight:normal; overflow:hidden; margin-bottom:20px;}
.about .js h3 em{ font-style:normal; border-bottom:#febf01 2px solid; color:#fff; font-size:25px; line-height:60px; display:block; float:left; margin-right:10px}
.about .js p{ font-size:14px; color:#afafaf; line-height:35px; height:210px; overflow:hidden}


button {
  margin: 0x;
  padding: 12px 30px;
  border:#fff 1px solid;
  font: 14px 'Open Sans', sans-serif;
  text-transform: uppercase;
  background: none;
  outline: none;
  cursor: pointer;
  -webkit-transition: all .5s;
  transition: all .5s;
  margin-top:40px;
}

.btn-1 {
  color: #fff;
  border-color: #fff;
  background: -webkit-linear-gradient(left, #febf01, #febf01) no-repeat;
  background: linear-gradient(to right, #febf01, #febf01) no-repeat;
  background-size: 0% 100%;
}
.btn-1:hover {
  background-size: 100% 100%;
  color: #000;
}



.bt1{ display:block; text-align:center; background:url(line.jpg) bottom  center no-repeat; padding-bottom:10px; margin-bottom:40px;}
.bt1 h3{ font-size:25px; color:#fff; font-weight:normal}
.bt1 span{ color:#afafaf; font-size:14px; text-transform:uppercase; line-height:30px}

.fenlei{ text-align:center; margin-bottom:30px;}
.fenlei ul li{ display:inline-block; margin:0 5px}

.fenlei ul li a{ display:block; background:#393939; padding:10px 30px; color:#fff; border-radius:20px; transition:all 0.6s}
.fenlei ul li a:hover{ background:#fe9c01; transition:all 0.6s}

.case ul li{ float:left; width:33.33333333333333333333333333%; height:500px; position:relative; overflow:hidden}
.case ul li i { display:block; position:absolute; left:50%;top:50%; transform:translate(-50%,-50%);}

.case ul li i img{ height:500px; width:auto; min-width:100%; transition:all 0.6s}

.case ul li:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}

.case ul li .fdk{ display:block; position:absolute;  font-size:20px; background:rgba(0,0,0,0.6);  text-align:center; color:#fff; z-index:99; width:100%; bottom:-50px; transition:all 0.6s; transform:scale(0,0)}
.case ul li .fdk p{ display:block; border:#fff 1px solid; width:96%; height:450px; margin:25px auto; line-height:450px}
.case ul li:hover .fdk{ display:block; bottom:0;transform:scale(1,1); transition:all 0.6s}


.tuandui{ width:1200px; margin:50px auto; overflow:hidden}

.tuandui ul{ position:relative; width:1267px;}

.tuandui ul li{ float:left; width:355px; text-align:center; margin-right:67px; transition:all 0.6s}
.tuandui ul li i{ display:block; width:355px; height:414px; overflow:hidden}
.tuandui ul li i img{ height:414px; width:auto; min-width:355px}
.tuandui ul .der{ padding-top:50px}

.tuandui ul li p{ font-size:16px; line-height:50px; color:#fff}
.tuandui ul li:hover{ transform:translateY(-20px); transition:all 0.6s}


.shipin{ width:100%; height:auto}

.xinwen{ width:1200px; margin:50px auto}

.tabs{
  width:auto;
  height:auto;
  border:0px solid red;
  text-align:center
}
.selectTab,.unselectTab{

  border-bottom-width:0;
  width:110px;
  height:31px;
  line-height:31px;
  vertical-align:middle;
  text-align:center;
  background-color:#febf01;
  margin:0;
  margin-right:18px;

  font-size:14px;
  color:#000;
  cursor:pointer;

  display:inline-block;
  border-radius:20px;
  font-weight:normal
}
.unselectTab{
  color:#fff;
  background-color:#393939;
}
.selectContent{
	
	padding-top:10px;
	clear:both;
}
.unselectContent{
 	display:none;
}

.news{ width:1200px; margin:40px auto; overflow:hidden}

.news ul{ position:relative; width:1251px;}
.news ul li{ float:left; width:366px; margin-right:51px;}
.news ul li i{ display:block; width:366px; height:229px; overflow:hidden}
.news ul li i img{ height:229px; width:auto; min-width:366px; transition:all 0.6s}
.news ul li a:hover img{ transition:all 0.6s; transform:scale(1.1,1.1)}

.news ul li h3{ display:block; color:#fff; font-size:16px;text-overflow: ellipsis;    overflow: hidden;  text-align:left;   white-space: nowrap; line-height:60px; font-weight:normal }
.news ul li h3 a{ display:block; color:#fff}
.news ul li h3 a:hover{ color:#e67e02}
.news ul li p{ display:block; color:#838383; line-height:23px; height:46px; margin-bottom:15px; text-align:left; overflow:hidden}
.news ul li em{ display:block; text-align:left; background: url(date.png) left center no-repeat; padding-left:20px; color:#febf01; font-style:normal}


.but{ width:132px; margin:0 auto}

.huoban{ background:url(bg2.jpg) ; padding:60px 0; background-attachment: fixed; background-attachment: fixed; background-size:100%  auto;}
.demo{width:686px;margin:40px auto;position:relative;}
.demo h2{font-size:16px;height:44px;color:#3366cc;margin-top:20px;}
.demo dl dt{font-size:14px;color:#ff6600;margin-top:40px;}
.demo dl dt,.demo dl dd{line-height:22px;}

.link{ width:1200px; margin:0 auto; overflow:hidden}
.link ul{ position:relative; width:1225px}
.link ul li{ float:left; width:220px; background:#fff; height:95px; margin-right:25px; margin-top:25px; position:relative; transition:all 0.6s}
.link ul li img{position:absolute;top:50%; left:50%; transform:translate(-50%,-50%); max-height:70px; width:auto; max-width:350px;}
.link ul li:hover{box-shadow: 0px 0px 10px rgba(195,195,195,0.75); transform:translateY(-10px); transition:all 0.6s}



.foot{ padding:20px 0; background:#121212;  overflow:hidden}

.dlogo{ float:left; padding-top:20px;}
.dlogo img{ height:60px; width:auto}

.banquan{ border-left:#575757 1px solid; padding-left:50px; margin-left:50px; float:left; color:#d9d9d9; font-size:14px; line-height:30px; min-height:130px;}

.erweima{ float:right; width:110px; margin-left:20px; text-align:center}
.erweima img{ height:110px; width:auto}
.erweima p{ font-size:12px; color:#fff; padding-top:5px }



.nfeilei{ text-align:center; margin-bottom:40px; overflow:hidden }
.nfeilei ul li{ float:left; text-align:center;  }
.nfeilei ul li em{ display:block; font-style:normal; font-size:16px; text-transform:uppercase; padding-top:10px}
.nfeilei ul li a{ display:block;  color:#fff; font-size:25px; padding:30px 0;border:#666 1px solid; box-sizing:border-box }
.nfeilei ul li a:hover{ display:block; background:url(jt.png) bottom center no-repeat;border:#666 1px solid; border-bottom:#febf00 2px solid}
.fl1 li{ width:25%}

.fl2 li{ width:33.3333333333%}

.fl3 li{ width:20%}
.fl4 li{ width:50%}

  .top_imgbox{
width:100%; 
height:400px; 
position:relative;
z-index:2; 
overflow:hidden;
}
.top_imgbox .top_img{
position:absolute; 
left:50%; 
    top:0; 
width:1920px;
    margin-left:-960px; 
z-index:99;
}

.nbt{ text-align:center;  font-size:35px; color:#fff; background:url(zuo.png) left top no-repeat, url(you.png) right bottom no-repeat; max-width:200px; padding:20px; margin:0 auto; margin-bottom:60px;}


.m1{margin:0px auto; padding:70px 0; width:1200px; overflow:hidden}
.jieshao{ font-size:16px; color:#fff; line-height:40px; overflow:hidden }

.jieshao .you{ display:block; float:right; width:460px; height:auto}
.jieshao .you img{ width:460px; height:auto}
.jieshao .zuo{ display:block; float:left; width:600px;}

.m2{ background:url(bg3.jpg); padding:70px 0;background-attachment: fixed; background-attachment: fixed; background-size:100%  auto;}

#demo0 img{ height:430px; width:auto; padding:0 20px;}

.m3{  width:90%; min-width:1200px;margin:0px auto;padding:70px 0; overflow:hidden}

.cy1{ margin:0 auto;  overflow:hidden}
.cy1 ul li{ float:left; width:30.333333333%; margin:0 1.5%; position:relative; height:auto; cursor:pointer}
.cy1 ul li i{ display:block; width:100%; height:auto; overflow:hidden }
.cy1 ul li i img{ width:100%; height:auto; transition:all 0.6s}
.cy1 ul li:hover i img{ transform:scale(1.1,1.1); transition:all 0.6s}
.cy1 ul li .cyjs{ display:block; width:90%; padding:5%; height:100%; position:absolute; top:0;color:#fff; opacity:0; background-color:rgba(0,0,0,0.8);transition:all 0.6s}
.cy1 ul li .cyjs h3{ display:block; margin-bottom:10px;font-size:14px; font-weight:normal; color:#999 }
.cy1 ul li .cyjs h3 em{ font-size:20px; font-style:normal;border-left:#febf00 5px solid; display:block; padding-left:5px; color:#fff; margin-bottom:5px}
.cy1 ul li .cyjs p{ font-size:14px; line-height:25px;color:#999 }
.cy1 ul li .cyjs p em{ display:block; font-size:14px; font-weight:bold; line-height:30px; font-style:normal; color:#fff}
.cy1 ul li:hover .cyjs{ top:0; opacity:1; transition:all 0.6s}



.cy2{ margin-top:20px;min-width:1200px; overflow:hidden}
.cy2 ul li{ float:left; width:20%; position:relative; cursor:pointer; position:relative}
.cy2 ul li i{ display:block; width:90%; margin:0 auto; height:auto}
.cy2 ul li i img{ width:100%; height:auto}
.cy2 ul li p{ position:absolute; left:5%; height:65px; padding-top:15px; width:85%; padding-left:5%; bottom:-80px; display:block; background:rgba(0,0,0,0.7); color:#fff; line-height:30px; font-size:18px; line-height:25px; z-index:999; transition:all 0.6s}
.cy2 ul li p em{ display:block; font-style:normal; font-size:12px;}
.cy2 ul li:hover p{ bottom:0}



.m4{  margin:0px auto; min-width:1200px;padding:70px 0; overflow:hidden}

.liucheng{ text-align:center}
.liucheng img{ max-width:90%; min-width:1200px; height:auto}


.alal{ width:80%; margin:50px auto}
.alal ul li{ float:left; width:46%;  height:500px; margin:20px 2%; position:relative; overflow:hidden}
.alal ul li i { display:block; position:absolute; left:50%;top:50%; transform:translate(-50%,-50%);}
.alal ul li i img{ height:500px; width:auto; min-width:100%; transition:all 0.6s}
.alal ul li:hover img{ transform:scale(1.1,1.1); transition:all 0.6s}
.alal ul li .fdk{ display:block; position:absolute;  font-size:20px; background:rgba(0,0,0,0.6);  text-align:center; color:#fff; z-index:99; width:100%; bottom:-50px; transition:all 0.6s; transform:scale(0,0)}
.alal ul li .fdk p{ display:block; border:#fff 1px solid; width:96%; height:450px; margin:25px auto; line-height:450px}
.alal ul li:hover .fdk{ display:block; bottom:0;transform:scale(1,1); transition:all 0.6s}




.contact { width:1200px; margin:60px auto; overflow:hidden}
.ditu{ position:relative}

.jz{ width:80%; margin:0 auto; max-width:1200px;}
.liuyan{ width:600px; margin-top:30px;}
.ditu{ width:100%; margin-top:0.5rem; overflow:hidden}

.liuyan ul li{ margin-bottom:10px}
.liuyan ul li span{ font-size:14px; line-height:40px; color:#fff; font-weight:bold; display:block; float:left; width:80px;}
.liuyan ul li span em{ font-style:normal; color:#900; padding-left:5px}
.xz1{ width:380px; padding-left:5px; height:35px; line-height:35px; border:#717171 1px solid; color:#999}
.xz2{ width:380px; padding-left:5px; height:35px; line-height:35px; border:#717171 1px solid; color:#999}
.xz3{ width:500px; background:none;padding-left:5px; height:120px; line-height:30px; border:#717171 1px solid;color:#999; }
.xz4{ border:0; background:#4c4d4d; width:160px; margin-left:80px; line-height:40px; height:40px; outline:none; color:#fff; font-size:14px; cursor:pointer;transition:all 0.6s}
.xz4:hover{ background:#fdd100; color:#333; transition:all 0.6s}


.lxjs{ width:350px; padding:25px; position:absolute; right:30px; top:0; z-index:999; background-color:rgba(255,255,255,0.8)}
.lxjs ul { margin-bottom:30px;}
.lxjs ul li{ border-bottom:#dcdede 1px solid; line-height:30px; font-size:14px; padding:5px 0; font-weight:bold; color:#000}
.lxjs ul li p{ font-weight:normal; color:#666}
.lxjs ul li i{ padding-right:10px}

.lxjs .guanzhu { text-align:left; margin-top:20px}
.lxjs .guanzhu ul li{ border:0; }




.subNavBox{width:1200px; margin:60px auto}
.subNav{cursor:pointer;font-size:16px; font-weight:normal;color:#fff;line-height:50px;background:url(../images/jiantou1.png) no-repeat;background-position:98% 50%; height:50px;
background-color:#1e1e1e; margin:0 0 15px 0;  padding:0 0 0 20px; border-radius:10px;}
.subNav:hover{color:#666;}
.currentDd{color:#666;}
.currentDt{background-image:url(../images/jiantou2.png);}
.navContent{display: none; padding:30px 0}



   .gongzuo{ float:left; width:48%;}
   .yaoqiu{ float:right; width:48%;}
		
			 .gongzuo h3{
				color:#febf00; font-size:20px; padding-bottom:10px;
		   
		   
		}
				 .gongzuo p{
				color:#999; font-size:14px; line-height:30px
		   
		   
		}
			.yaoqiu h3{
				color:#febf00; font-size:20px; padding-bottom:10px;
		   
		   
		}
			 .yaoqiu p{
				color:#999; font-size:14px; line-height:30px
		   
		   
		}
		
		
	.youjian{ border-top:#e3e3e3 1px solid; padding-top:10px; margin-top:10px; line-height:25px; color:#999}
		
	.jianli{ clear:both; padding-top:20px;}
		.jianli a{ display:block; background:#fe9500; width:160px; text-align:center; color:#fff; line-height:35px; border-radius:20px; clear:both; margin:0 auto;}
		
		
		.ncontent img{ max-width:100%; float:none; width:100%;}





.cy3{margin:0 auto;overflow:hidden;margin-top: 20px;}
.cy3 ul li{float:left;width: 17%;margin:0 1.5%;position:relative;height:auto;cursor:pointer;}
.cy3 ul li i{ display:block; width:100%; height:auto; overflow:hidden }
.cy3 ul li i img{ width:100%; height:auto; transition:all 0.6s}
.cy3 ul li:hover i img{ transform:scale(1.1,1.1); transition:all 0.6s}
.cy3 ul li .cyjs{ display:block; width:90%; padding:5%; height:100%; position:absolute; top:0;color:#fff; opacity:0; background-color:rgba(0,0,0,0.8);transition:all 0.6s}
.cy3 ul li .cyjs h3{ display:block; margin-bottom:10px;font-size:14px; font-weight:normal; color:#999 }
.cy3 ul li .cyjs h3 em{ font-size:20px; font-style:normal;border-left:#febf00 5px solid; display:block; padding-left:5px; color:#fff; margin-bottom:5px}
.cy3 ul li .cyjs p{font-size: 13px;line-height: 160%;color:#999;}
.cy3 ul li .cyjs p em{ display:block; font-size:14px; font-weight:bold; line-height:30px; font-style:normal; color:#fff}
.cy3 ul li:hover .cyjs{ top:0; opacity:1; transition:all 0.6s}