@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body { color:#616161; font:12px/20px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体",HELVETICA;  }
em{font-style:normal}
li{list-style:none}
fieldset, img { border:none; }
img{border:0;vertical-align:middle}
address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }
ul, ol { list-style:none; }
input { padding-top:0; padding-bottom:0; font-family: "SimSun","宋体";}
input::-moz-focus-inner { border:none; padding:0; }
select, input { vertical-align:middle; }
select, input, textarea { font-size:12px; margin:0; }
input[type="text"], input[type="password"], textarea { outline-style:none; -webkit-appearance:none; }
textarea { resize:none; }
p {word-wrap:break-word}
table { border-collapse:collapse; }
a{  text-decoration:none;blr:expression(this.onFocus=this.blur());	 }
a:hover { text-decoration:none; }

 
.w1200{ width:1200px; margin:0 auto;  }
.wrapper{ width:1200px !important; margin:0 auto !important;  }
.fl{ float:left}
.fr{ float:right}
.mt190{ margin-top:190px;}
.mt30{ margin-bottom:30px;}
.mt60{ margin-bottom:60px;}
.over{ overflow:hidden}
.mb40{ margin-bottom:40px;}


.RText .RPart {
    opacity: 0;
    filter: alpha(opacity=0)\9;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px)
}
.RText .RPart:nth-child(1) {
    -webkit-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out
}
.RText .RPart:nth-child(2) {
    -webkit-transition: all 0.7s ease-out 0.5s;
    transition: all 0.7s ease-out 0.5s
}
.RText .RPart:nth-child(3) {
    -webkit-transition: all 0.7s ease-out 1s;
    transition: all 0.7s ease-out 1s
}
.RText .RPart:nth-child(4) {
    -webkit-transition: all 0.7s ease-out 1.2s;
    transition: all 0.7s ease-out 1.2s
}

.RText.fadeShow .RPart {
    opacity: 1;
    filter: alpha(opacity=100)\9;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px)
}


.header{ background:#000; height:60px; position:fixed; top:0px; left:0; width:100%; z-index:99999;  }
 
.header .w1200{ position:relative;  }
.header .logo{ position:absolute; left:0; top:10px; z-index:999}
.header .fr{ font-size:14px; color:#fff; height:23px; line-height:23px; margin-top:20px;}
.header .fr img{ margin-right:5px; float:left}
.headNavDropBg{
	position:absolute;
	top:60px;
	width:100%;
	height:160px;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
	-webkit-opacity:0.5;
	-moz-opacity:0.5;
	z-index:500;
}
.headNavDrop{
	position:absolute;
	top:60px;
	width:100%;
	height:150px;
	z-index:501;
}
.headNavDropAuto{
	margin:0 auto;
	width:1200px;
	height:160px;

}
.headNavDropAuto ul{
	margin-left:350px;

}
.headNavDropAuto ul li{
	float:left;
	width:100px;
	height:159px;
	text-align:center;
	padding-top:0px;
}
.headNavDropAuto ul li.headNavDrop_2{
	width:125px;
}
.headNavDropAuto ul li.on{
	background:#fff;
}
.headNavDropAuto ul li a{
	display:block;
	width:100%;
	height:31px;
	line-height:31px;
	color:#333;
}
.headNavDropAuto ul li a:hover{
	color:#167aeb;
}
.headLeft{
	float:left;
	width:215px;
	height:96px;
	margin-right:45px;
	position:relative;
	z-index:1000;
}
 
 
.headNav{
	float:left;
	width:800px;
	margin-left:276px;
	height:60px;
	position:relative;
	overflow:hidden;
}
.headNav .muon{ width:100px; height:4px; display:block; position:absolute; background:#d2b988; bottom:0;}
.headNav ul li{
	position:relative;
	float:left;
	width:100px;
	text-align:center;
}
.headNav ul li.headNav_2{
	width:125px;
}
.headNav ul li h3{
	font-size:14px;
	font-weight:normal;
}
.headNav ul li h3 a{
	display:block;
	width:100%;
	height:56px;
	line-height:60px;
	color:#fff;
}
.headNav ul li h3 a:hover,.headNav ul li h3 a.on{
	border-bottom:4px solid #d2b988;
	color:#fff;
}
.headNav ul li div{
	position:absolute;
	top:96px;
	left:0;
	width:100%;
	background:url(../images/headNavDrop_15.png) repeat;
	text-align:center;
	padding-top:1px;
}
.headNav ul li div a{
	display:block;
	width:100%;
	height:29px;
	line-height:29px;
	color:#fff;
}
.headNav ul li div a:hover{
	background:#18325e;
}
    
 
 
.headNavDropAuto ul li.on a{
	color:#878787;
}
.headNavDropAuto ul li a{
	color:#fff;
}
.headNavDropAuto ul li a:hover{
	background:#999;
	color:#fff;
}
.headbb{ height:60px; width:100%;}



 
.mainbanner{height:688px;overflow:hidden; position:relative; clear:both; width:100%;   }
.mainbanner_window{left:50%;width:2000px;height:688px;overflow:hidden;margin-left:-1000px;position:absolute; z-index:98}
.mainbanner_window ul{width:999999px;height:688px;position:relative;}
.mainbanner_window li{background:rgb(204, 204, 204);width:2000px;height:688px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{left:0;bottom:10px;width:100%; position:absolute; text-align:center; z-index:99}
.mainbanner_list li{  margin:0 5px;overflow:hidden; display:inline-block; }
.mainbanner_list a{background:#fff;width:50px;height:5px; display:block; overflow:hidden;text-align:center; border:1px solid #000   }
.mainbanner_list li.active a{background:#000;}
.mainbanner_list li:hover{background:#000;}

 
.ind1{ background:#eaeaea; overflow:hidden; padding:30px 0;}
.ind1 .fl{ background:#fff;width:810px; height:360px; padding:0 25px; overflow:hidden;webkit-transition: all 0.3s linear;  transition: all 0.3s linear;}
.jxsnews{ overflow:hidden; height:20px; margin-top:20px; margin-bottom:30px;}
.jxsnews ul li{ display:block; overflow:hidden; height:20px; line-height:20px; width:100%; float:none !important}
.jxs{ overflow:hidden; position:relative;}
.jxs .hd{ display:none}
.jxs .bd li{ float:left; margin:0 5px; width:195px;}
.ind1 .fl:hover  {
    -webkit-transform: translate(0px, -3px);
    transform: translate(0px, -3px);
    box-shadow: 0px 10px 60px -10px rgba(0, 0, 0, 0.3); 
}
.ind1 .indjxsnews{ overflow:hidden;  margin:40px auto 0;}
.ind1 .fl .indjxsnews a{ display:block; float:left; width:275px; overflow:hidden; color:#333; height:22px; line-height:22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ind1 .fl .indjxsnews a.fll{ float:left}
.ind1 .fl .indjxsnews a.frr{ float:right}
.ind1 .fl .indjxsnews a:hover{ color:#c2a37a}
.ind1 .indyy{ width:150px; height:40px; line-height:40px; text-align:center; display:block; margin:-35px auto; background:#000; color:#fff; font-size:14px; border-radius:5px;}
.ind1 .indyy:hover{ background:#c2a37a}
/*.ind1 .fr{ width:330px;height:315px; padding-top:45px; background:url(../images/ind1fr.jpg) center #3e3e3e; overflow:hidden; text-align:center;webkit-transition: all 0.3s linear;*/
/*    transition: all 0.3s linear;}*/
.ind1 .fr{ width:330px;height:315px; padding-top:45px; background:url(../images/hq01.jpg) center #3e3e3e; overflow:hidden; text-align:center;webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;}
.ind1 .fr a{ width:150px; height:40px; line-height:40px; text-align:center; display:block; margin:220px auto 0; background:#eaeaea; color:#000; font-size:14px; border-radius:5px;}
.ind1 .fr:hover  {
    -webkit-transform: translate(0px, -3px);
    transform: translate(0px, -3px);
    box-shadow: 0px 10px 60px -10px rgba(0, 0, 0, 0.3); 
	
}
.ind1 .fr a:hover{ background:#c2a37a; color:#fff;}


.ind2{ width:1200px; margin:0 auto; overflow:hidden; padding:30px 0;}
.ind2 .fl{ width:700px; overflow:hidden; margin-bottom:10px;}
.indvdo{ margin-bottom:10px;webkit-transition: all 0.3s linear;  transition: all 0.3s linear;}
.indvdo:hover  {
    -webkit-transform: translate(0px, -3px);
    transform: translate(0px, -3px);
    box-shadow: 0px 10px 60px -10px rgba(0, 0, 0, 0.3); 
	
}
.ind2 .indpro .fr{ width:470px; background:#f3f3f3; height:305px; text-align:right; padding:50px 30px 0 0}
.ind2 .indpro .fr ul{ overflow:hidden; margin-top:20px;}
.ind2 .indpro .fr ul  img{ margin-left:20px;}
.indnews{  background:url(../images/indnewsbg.jpg) center no-repeat #f3f3f3; overflow:hidden; padding-bottom:50px;}
.indti{ text-align:center; margin:50px 0;}
.indnews ul{ width:1200px; margin:0 auto 40px; overflow:hidden; text-align:center;}
.indnews ul a{ display:block; float:left; width:360px; height:430px; padding:10px; background:#fff; border-radius:5px; border:1px solid #e5e5e5; color:#333; position:relative; margin-right:25px;webkit-transition: all 0.3s linear;  transition: all 0.3s linear;}
.indnews ul a.clear{ margin-right:0;}
.indnews ul a i{ position:absolute; width:360px; height:235px; background:url(../images/main14.png); left:10px; top:10px;}
.indnews ul a em{ width:61px; height:61px; background:url(../images/main15.png); display:block; text-align:center; overflow:hidden; line-height:14px; color:#999; position:absolute; left:50%; margin-left:-30px; margin-top:-25px;}
.indnews ul a em span{ display:block; margin-top:15px; color:#333;}
.indnews ul a h1{ font-weight:normal; margin:60px 0 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width:360px; display:block; font-size:24px; height:25px; line-height:25px;}
.indnews ul a p{ width:330px; margin:0 auto; color:#777; height:60px; overflow:hidden; margin-bottom:10px;}
.indnews ul a h6{  color:#333;font-weight:normal;text-transform:uppercase; width:60px; display:block; margin:0 auto; background:url(../images/main16.png) center right no-repeat;}
 
.indnews ul a:hover i{ background:none;}
 
.indnewsmore{ width:140px; margin:0 auto; border-bottom:1px solid #7a7a7a;border-top:1px solid #7a7a7a; height:40px; line-height:40px; display:block; font-size:14px; color:#999; padding-left:20px;}
.indnewsmore img{ margin-left:5px;}
.indnewsmore:hover{ color:#c2a37a; border-bottom:1px solid #c2a37a;border-top:1px solid #c2a37a;}

.indabt{background:url(../images/indabtbg.jpg) center no-repeat; height:469px; overflow:hidden;}
.indabt p{ text-align:center; font-size:14px; color:#b8b8b8; line-height:24px;}
.indabt ul{ width:1200px; margin:60px auto 0; overflow:hidden; text-align:center;}
.indabt ul li{font-size:16px;height:100px; display:inline-block; width:390px; color:#b8b8b8; }
.indabt ul li span{font-size:60px; height:60px; line-height:60px; display:block; width:100%;  font-family:fantasy; color:#d2b988 }

.daoRight{ position: fixed; right: 0; top: 30%; width: 56px; z-index: 999;}
.daoRight_box{ background: #482b06; margin-bottom: 2px; cursor: pointer;}
.daoRight_box a{ display: block;  width: 56px; height: 56px; position: relative;}
.daoRight .dhja{ width: 56px; height: 56px;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; background:#000}
.daoRight .dhja:hover{ background:#c2a37a}
.inpone_box{ width: 232px; position: absolute; left: 0; top: 0;  background:url(../images/dh4.png) left no-repeat #000;}
.inpone_box:hover{background:url(../images/dh4.png) left no-repeat #c2a37a;}
.daoRight_box p{ float: left; height: 56px; line-height: 56px; font-size: 18px; color: #fff; padding: 0 10px; margin-left:56px;}
.qq_box{background:url(../images/dh2.png)  no-repeat #000;display: block; }
.qq_box:hover{background:url(../images/dh2.png)  no-repeat #c2a37a;;}
.wx_box{background:url(../images/dh1.png)  no-repeat #000;display: block;  }
.wx_box:hover{background:url(../images/dh1.png)  no-repeat #c2a37a;;}
.erwei{ width: 116px; height: 104px; background: url(../images/bg.png) no-repeat;position: absolute; left: -117px; top: 0;   display: none;}
.erwei span{ width:100%; height:25px; line-height:25px; background:#000; color:#fff; text-align:center; display:block}
.daoRight_box:hover .erwei{ display: block;}
.zs_box{background:url(../images/dh3.png)  no-repeat #000;display: block;  }
.zs_box:hover{background:url(../images/dh3.png)  no-repeat #c2a37a;}

.bottom{ overflow:hidden; background:#f3f2f2; padding:25px 0; clear:both;}
.bottom .w1200{ position:relative;}
.bottom .fl{ width:300px; border-left:3px solid #000;font-size:14px; padding-left:10px; margin-top:10px; }
.bottom .botlogo{ width:200px; position:absolute; left:50%; top:15px; margin-left:-100px;overflow:hidden;}
.bottom .fr{ width:201px;}
.bot{ height:35px; line-height:35px; background:#383838; overflow:hidden;}
.bot a{ color:#5e5e5e}

.indproduct{ width:700px; height:425px;  overflow:hidden; position:relative;     }
.indproduct .hd{ overflow:hidden; position:absolute; bottom:0; width:100%; z-index:99;    }
.indproduct .hd ul{  overflow:hidden; zoom:1; text-align:center   }
.indproduct .hd ul li{  width:10px; height:10px; border-radius:5px; overflow:hidden; display:inline-block; margin:0 3px;  text-indent:-999px; cursor:pointer; background:#fff; }
.indproduct .hd ul li.on{ background:#000; }
.indproduct .bd{    }
.indproduct .bd ul{ overflow:hidden; zoom:1; }
.indproduct .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; width:701px;  }
.indproduct .bd ul li img{ width:701px;}


.mainmu{ height:35px; line-height:35px; background:#202020; width:100%;}
.mainmu a{  color:#fff; display:block; float:left; text-align:center;}
.abtmu a{ width:300px;  }
.promu a{ width:600px;  }
.desmu a{ width:400px;  }
.prodmu a{width:300px;}
.mainmu a:hover{ background:#d2b988;}
.mainmu a.on{ background:#d2b988;}



.abtban{ height:525px; background:url(../images/abtban.jpg) center no-repeat; overflow:hidden;}
.proban{ height:525px; background:url(../images/proban.jpg) center no-repeat; overflow:hidden;}
.conban{ height:525px; background:url(../images/conban.jpg) center no-repeat; overflow:hidden;}
.joinban{ height:525px; background:url(../images/joinban.jpg) center no-repeat; overflow:hidden;}
.desban{ height:525px; background:url(../images/desban.jpg) center no-repeat; overflow:hidden;}
.newsban{ height:525px; background:url(../images/newsban.jpg) center no-repeat; overflow:hidden;}
.jobban{ height:525px; background:url(../images/jobban.jpg) center no-repeat; overflow:hidden;}
/*.prod01ban{ height:525px; background:url(../images/prod01ban.jpg) center no-repeat; overflow:hidden;}*/
.prod01ban{ height:525px; background:url(../images/prod01banner.jpg) center no-repeat; overflow:hidden;}
.prodban{ height:525px; background:url(../images/prodban.jpg) center no-repeat; overflow:hidden;}

.main{ overflow:hidden;}
.mainti{ overflow:hidden; margin:60px auto; text-align:center; }
.abt{ background:url(../images/mainbg.jpg);}

.gsjj{ overflow:hidden; margin-bottom:30px;}
.gsjj li{ width:400px; float:left; overflow:hidden; text-align:center; background:url(../images/abt7.jpg) center right no-repeat;}
.gsjj li.clear{ background:none;} 
.gsjj li p{ margin-bottom:10px; font-size:14px;}

.jjdec{ width:700px; margin:0 auto 60px; font-size:14px; line-height:22px; text-align:center}
.jjmain{ overflow:hidden; height:0}
.jjdec p{ margin-bottom:20px;}
.jjdec a{ width:120px; height:30px; line-height:30px; text-align:center; border:1px solid #dadada; border-radius:5px; display:block; margin:0 auto; color:#333; cursor:pointer;}
.jjdec a:hover{ background:#d2b988; color:#fff;}

.abtvdo{width:668px; height:280px; margin:0 auto 60px;}
.abtlc{ background:url(../images/abtlcbg.jpg) center bottom #fff no-repeat; overflow:hidden; padding:0 0 80px;}
.aboutlc{ width:1200px; margin:0 auto; overflow:hidden; position:relative;}
.aboutlc .btns .next {width: 28px;height: 100px;position:absolute; right:0;cursor: pointer;background: url(../images/abtlcri.png) center left no-repeat; margin-top:38px;}
.aboutlc .btns .prev {width: 28px;height: 100px;position:absolute; left:0;cursor: pointer;background: url(../images/abtlcle.png) center right no-repeat; margin-top:38px;}
.aboutlc .btns .next:hover{background: url(../images/abtlcrion.png) center left no-repeat; }
.aboutlc .btns .prev:hover{background: url(../images/abtlcleon.png) center right no-repeat; }
.aboutlc .tips{width:100%;padding-bottom: 50px;margin: 0 auto;text-align: center;line-height: 24px;color: #888;min-height: 94px;height: auto!important;height: 94px;position:absolute;margin-top:-300px;}
.aboutlc .tips img{margin-bottom: 20px;}
.aboutlc .tips h2{font-size: 80px;line-height: 80px;color: #FFF;float: left;margin-left: -290px;}
.aboutlc .tips p{font-size: 14px;line-height: 24px;color:#FFF;text-align:left;margin-top:90px;}
.aboutlc .btns .list{width: 1050px; position: relative;overflow: hidden;float: left;margin: 0 75px; }
.aboutlc .line{width: 100%;height: 2px; background:#000;position: absolute;left: 0;top: 88px;z-index: 1;}
.aboutlc .btns ul{float: left;position: relative;z-index: 2;}
.aboutlc .btns li{ width:330px; overflow:hidden;float: left;  margin: 0 -60px;display: inline;color: #FFF;text-align: center;cursor: pointer; position:relative;}
.aboutlc .btns li h1{ font-size:30px; color:#171717; position:absolute; top:30px; width:100%; text-align:center;   font-family:"monospace";}
.aboutlc .btns li span{ width:51px; height:51px; border-radius:25px; background:#000; display:block; margin:10px auto;}
.aboutlc .btns li p{ font-size:14px; color:#373737; height:60px; overflow:hidden}
.aboutlc .btns li{  padding-top:50px; }
.aboutlc .btns li.on span{ background:#d2b988;}
 
.abtry{background:url(../images/abtrybg.jpg) center  no-repeat; height:568px; overflow:hidden;}

#box{width:100%;height:602px;float:left;background:url(images/banna.jpg) no-repeat center;overflow:hidden;position:relative;}
#list{width:1004px;height:446px;position:absolute;top:0;left:50%;display:inline;margin-left:-502px;}
#list ul {margin:0px;padding:0px; float:left;}
#list li{width:100px; ;position:absolute;list-style-type:none;overflow:hidden;cursor:pointer;}
#list li img{width:100%;height:100%;vertical-align:top;}
#list li div{width:100%;height:100%;background:#000;filter:alpha(opacity=70); opacity:0.7; position:absolute; z-index:1; top:0px; left:0px;}
#list li .b_tit{width:100%;height:120px;position:absolute; z-index:1; bottom:-100%; left:0px;margin:0px;padding:0px;}
#list li .opacity{width:100%;height:120px;background:#000;filter:alpha(opacity=80); opacity:0.8; position:absolute; z-index:1; bottom:0px; left:0px;}
#list a{width:30px;height:50px; text-decoration:none;position:absolute;z-index:20;top:160px;}
#list a.prev{background:url(../images/abtryle.png); left:-80px;}
#list a.next{background:url(../images/abtryri.png); right:-80px;}
#bottom{width:100%;height:200px;float:left;background:url(images/bottom.jpg) no-repeat center;position:relative;}
#bottom .title{width:100%;height:60px;line-height:60px;color:#fff;text-align:center;position:absolute;left:0px;bottom:0px;font-family:Verdana;}
#bottom .title a{background:#666666;text-decoration:none;color:#fff; padding:3px 5px;}

.pro{ overflow:hidden; position:relative}
.pro .w1200{ position:absolute; width:1200px; left:50%; margin-left:-600px; top:0; height:100%; z-index:9; }
.pro .w1200 a{width:150px; height:100%; display:block; position:relative; float:left;}
.pro .w1200 a img{ position:absolute; bottom:100%;}
.prodec{ position:absolute; bottom:170px; padding-left:30px;color:#fff; width:120px; height:65px;}
.prodec h1{ font-weight:normal;  font-size:16px;}
.prodec p{text-transform:uppercase; font-size:14px; font-family:Arial; background:url(../images/pro9.png) left bottom no-repeat; padding-bottom:5px; width:100%;  }
.prodec span{ display:none}
.pro .w1200 a:hover .prodec{ color:#9f8c69;}
.pro .w1200 a:hover span{ display:block;}

.mainpromu{ overflow:hidden; text-align:center; margin-bottom:40px;}
.mainpromu a{ display:block; border:1px solid #b4b5b5; width:148px; height:30px; line-height:30px; display:inline-block; color:#272636; margin:0 10px;}
.mainpromu a:hover{ background:#b4b5b5; color:#fff;}
.mainpromu a.on{ background:#b4b5b5; color:#fff;}

.productlist{ overflow:hidden; width:1255px; margin-bottom:30px;   }
.productlist li{ display:block; float:left; margin-right:53px; margin-bottom:40px;}
.productlist i{display:table; width:260px;  height:205px; border:1px solid #dadada;text-align:center; overflow:hidden; }
.productlist a{   display:table-cell; vertical-align:middle   }
.productlist a img{transition: 500ms; width:170px;}
.productlist li h1{ font-size:18px; font-weight:normal; border-bottom:1px solid #333; padding-bottom:10px; margin-top:10px; margin-bottom:10px;} 
.productlist li p{ font-size:14px;}
.productlist li:hover img{transform: scale(1.1);}
.productlist h6{ font-size:16px;}

.proshow{ overflow:hidden; background:#f2f2f2; padding-bottom:50px;}
.proshowti{ font-size:14px; margin:20px 0 10px;}
.proshow .fr{ width:340px; padding-top:20px;}
.proshow .fr h1{ margin-top:30px; font-size:36px; height:40px; line-height:40px; color:#231815; border-bottom:1px dashed #a3a3a4; padding-bottom:10px; margin-bottom:20px;}
.proshow .fr span{ font-size:18px; color:#000; margin-bottom:10px; display:block;}
.proshow .fr p{ color:#999; font-size:14px; line-height:22px; height:294px;}
.proshow .fr a{ width:155px; height:40px; line-height:40px; display:block; float:left; text-align:center; background:#9f9fa0; color:#fff; border-radius:5px; margin-right:10px; margin-top:10px; font-size:14px;}
.proshow .fr a:hover{ background:#1c1c1c}
.proshow .w1200{ position:relative}
.proshowmu{ overflow:hidden; position:absolute; right:-70px; width:62px; text-align:center;}
.proshowmu a i{ width:52px; height:44px; display:block; border:1px solid #221814; border-radius:5px; margin-left:5px;}
.proshowmu a i.mu1{ background:url(../images/psshowmu1.png) center no-repeat  ;}
.proshowmu a i.mu2{ background:url(../images/psshowmu2.png) center no-repeat;}
.proshowmu a i.mu3{ background:url(../images/psshowmu3.png) center no-repeat;}
.proshowmu a i.mu4{ background:url(../images/psshowmu4.png) center no-repeat;}
.proshowmu a i.mu5{ background:url(../images/psshowmu5.png) center no-repeat;}
.proshowmu a i.mu6{ background:url(../images/psshowmu6.png) center no-repeat;}
.proshowmu a i.mu7{ background:url(../images/psshowmu7.png) center no-repeat;}
.proshowmu a i.mu8{ background:url(../images/psshowmu8.png) center no-repeat;}
.proshowmu a p{ font-size:14px; color:#221814;margin-bottom:5px;}
.proshowmu a:hover i{border:1px solid #c2a37a;}
.proshowmu a:hover i.mu1{ background:url(../images/psshowmu1on.png) center no-repeat #c2a37a;}
.proshowmu a:hover i.mu2{ background:url(../images/psshowmu2on.png) center no-repeat #c2a37a;}
.proshowmu a:hover i.mu3{ background:url(../images/psshowmu3on.png) center no-repeat #c2a37a;}
.proshowmu a:hover i.mu4{ background:url(../images/psshowmu4on.png) center no-repeat #c2a37a;}
.proshowmu a:hover i.mu5{ background:url(../images/psshowmu5on.png) center no-repeat #c2a37a;}
.proshowmu a:hover i.mu6{ background:url(../images/psshowmu6on.png) center no-repeat #c2a37a;}
.proshowmu a:hover i.mu7{ background:url(../images/psshowmu7on.png) center no-repeat #c2a37a;}
.proshowmu a:hover i.mu8{ background:url(../images/psshowmu8on.png) center no-repeat #c2a37a;}
.proshowmu a:hover p{ color:#c2a37a}
.proshowmu a.on i{border:1px solid #c2a37a;}
.proshowmu a.on i.mu1{ background:url(../images/psshowmu1on.png) center no-repeat #c2a37a;}
.proshowmu a.on i.mu2{ background:url(../images/psshowmu2on.png) center no-repeat #c2a37a;}
.proshowmu a.on i.mu3{ background:url(../images/psshowmu3on.png) center no-repeat #c2a37a;}
.proshowmu a.on i.mu4{ background:url(../images/psshowmu4on.png) center no-repeat #c2a37a;}
.proshowmu a.on i.mu5{ background:url(../images/psshowmu5on.png) center no-repeat #c2a37a;}
.proshowmu a.on i.mu6{ background:url(../images/psshowmu6on.png) center no-repeat #c2a37a;}
.proshowmu a.on i.mu7{ background:url(../images/psshowmu7on.png) center no-repeat #c2a37a;}
.proshowmu a.on i.mu8{ background:url(../images/psshowmu8on.png) center no-repeat #c2a37a;}

.contti{ text-align:center; font-size:16px; margin-bottom:10PX;}
.contel{ width:470px; height:30px; line-height:30px; background:#d2b988; margin:0 auto 30px; overflow:hidden;font-size:14px; color:#333; padding:0 20PX;}
.conmain{ width:800px; margin:0 auto; overflow:hidden;}
.conmain .fl{ width:420px; border-right:1px solid #dadada; margin-right:40px; padding-bottom:40px; margin-bottom:60px;}
.conmain .fl h1{ font-size:24px; color:#333; height:30px; line-height:30px; margin-bottom:20px;}
.conmain .fl p{ font-size:14px; margin-bottom:5px;}
#dituContent{ height:404px; width:100%;}

.con form{ width:1200px; margin:0 auto 60px; overflow:hidden;  }
.con form p{ width:600px; float:left; margin-bottom:25px;}
.con form span{ width:160px; display:block; float:left; font-size:18px; color:#222;height:35px; line-height:35px; text-align:right; margin-right:20px;}
.con form span i{ color:#f00; font-size:18px; margin-right:5px; font-style:normal;}
.con form .inp{ width:410px; height:35px; line-height:35px; padding-left:5px; border:1px solid #e5e5e5; border-radius:5px;float:left; color:#6a6a6a;}
.con form #Province{width:200px; height:35px; line-height:35px; border:1px solid #e5e5e5; border-radius:5px;float:left; color:#6a6a6a;}
.con form #City{width:200px; height:35px; line-height:35px; border:1px solid #e5e5e5; border-radius:5px;float:right; color:#6a6a6a;}
.con form textarea{ width:1008px; height:250px; padding:5px; border:1px solid #e5e5e5; border-radius:5px; color:#6a6a6a; line-height:20px;}
.con form #sub{ width:1020px; height:40px; line-height:40px;border-radius:5px; background:#d2b988; color:#fff; border:0; font-size:18px; float: right; cursor:pointer; }
.con form #sub:hover{ background:#efd9ad }


.join1{ text-align:center; padding-bottom:60px; overflow:hidden}
.join2{ background:url(../images/joinzcbg1.jpg) center top no-repeat #f9f9f9; overflow:hidden;}
.join2 h1{ margin-bottom:10px;}
.join2 h2{ margin-top:40px; margin-bottom:20px; line-height:35px; font-size:24px; font-weight:normal;}
.join2 h2 img{ margin-right:10px; float:left;}
.join2 h6{ font-weight:normal; font-size:14px;}
.join2 ul{ overflow:hidden; margin:30px 0 40px; width:1220px}
.join2 ul li{  float:left; text-align:center; font-size:14px; overflow:hidden }
.join2 ul li img{ transition: 500ms;}
.join2 ul.zclist li{width:120px;margin:0 25px;}
.join2 ul.qdlist li{ margin:0 10px 0 0 ;}
.join2 ul.yxlist li{width:232px;margin:0 10px 0 0 ;}
.join2 ul.yxlist li p{ position:relative; z-index:9; background:#f9f9f9;   height:60px; line-height:30px;}
.join2 ul.pxlist li{width:290px; height:210px;margin:0 10px 10px 0 ; overflow:hidden}
.join2_bot{ background:url(../images/joinzcbg2.jpg) center bottom no-repeat #f9f9f9; overflow:hidden; min-height:451px; padding-top:30px;}
.join2_bot h1{ margin-bottom:60px;}
.join2_bot a{ width:150px; height:40px; line-height:40px; display:block; margin:70px auto 0; background:#d2b988; color:#fff; text-align:center; font-size:14px; border-radius:5px;}
.join2_bot a:hover{ background:#000}
.join2 ul.zmdlist li{ width:100px; margin:0 35px;}
.join2 ul.zmdlist li img{ background:#707070; border-radius:48px; margin-bottom:20px;}
.join2 ul.zmdlist li p{ color:#333;}
.join2 ul.zmdlist li:hover img{ background:#d2b988}
.join2 ul.zclist li:hover img,.join2 ul.qdlist li:hover img,.join2 ul.yxlist li:hover img,.join2 ul.pxlist li:hover img{transform: scale(1.1);}
.join3{ overflow:hidden; padding-bottom:40px}
.join3 ul{ width:1198px; margin:0 auto; overflow:hidden; border:1px solid #dadada; padding:60px 0 20px}
.join3 ul li{ width:240px; display:block; float:left; margin:0 29px 40px;}
.join3 ul li h1{ font-size:18px; font-weight:normal; color:#5f5f5f; border-bottom:1px dotted #5f5f5f; padding-bottom:10px; margin-bottom:20px;}
.join3 ul li p{ font-size:12px; line-height:20px;}

.joinjm{ background:url(../images/joinjmbg.jpg) center  no-repeat; overflow:hidden; height:694px;}

.joinjm form{ width:1175px; margin:0 auto; padding:40px 0 40px 30px; overflow:hidden; border:1px solid #dadada;  }
.joinjm form p{ width:375px; float:left; margin-bottom:20px;}
.joinjm form span{ width:80px; display:block; float:left; font-size:18px; color:#fff;height:35px; line-height:35px; text-align:right; margin-right:10px;}
.joinjm form span i{ color:#f00; font-size:18px; margin-right:5px; font-style:normal;}
.joinjm form .inp{ width:260px; height:35px; line-height:35px; padding-left:5px; border:1px solid #e5e5e5; border-radius:5px;float:left; color:#6a6a6a;}
.joinjm form #Province{width:200px; height:35px; line-height:35px; border:1px solid #e5e5e5; border-radius:5px;float:left; color:#6a6a6a;}
.joinjm form #City{width:200px; height:35px; line-height:35px; border:1px solid #e5e5e5; border-radius:5px;float:right; color:#6a6a6a;}
.joinjm form textarea{ width:1008px; height:160px; padding:5px; border:1px solid #e5e5e5; border-radius:5px; color:#6a6a6a; line-height:20px;}
.joinjm form #sub{ width:150px; height:40px; line-height:40px;border-radius:5px; background:#d2b988; color:#fff; border:0; font-size:18px;   cursor:pointer; margin-left: 530px}
.joinjm form #sub:hover{ background:#efd9ad }


.des{ margin-bottom:60px;}
.desmain{ width:1200px; margin:0 auto; overflow:hidden;border:1px solid #e5e5e5; padding-bottom:40px; }
.destti{ width:1200px; height:70px;  overflow:hidden; background:#e5e5e5;border-radius:5px; text-align:center; }
.destti h1{ font-size:18px; font-weight:normal; margin-top:15px; color:#333; margin-bottom:5px;}
.desmain form{ margin-left:100px; padding:50px 0; overflow:hidden;}
.desmain form p{ clear:both; margin-bottom:10px;  line-height:50px;  }
.desmain form span{ width:100px; float:left; font-size:14px; }
.desmain form select{height:50px; line-height:50px; width:425px;}
.desmain form .imp{ width:855px; padding-left:5px; border:1px solid #dadada; height:50px; line-height:50px;}
.desmain form textarea{ width:950px; padding:5px; height:140px; overflow:hidden;border:1px solid #e5e5e5;}
.desmain form .sub{ width:370px; height:50px; line-height:50px; text-align:center; display:block; color:#fff; background:#d2b988; border:0; font-size:14px; margin-left:300px; cursor:pointer;}
.desmain form .sub:hover{ background:#efd9ad }


.loginmain{ overflow:hidden; width:1110px; margin:0 auto 60px;}
.logindec{ width:500px; padding-left:55px; height:565px; background:#e5e5e5; border-radius:5px; float:right; overflow:hidden}
.logindec h1{ margin-top:140px; font-size:24px; font-weight:normal; padding-bottom:10px; border-bottom:1px solid #c9c9c9; width:440px; margin-bottom:30px;}
.logindec p{ font-size:14px; clear:both; line-height:35px; margin-bottom:20px; overflow:hidden;}
.logindec p span{ width:90px; display:block; float:left; font-size:16px;}
.logindec p span img{ margin-right:5px;}
.logindec p input{ float:left; height:35px; line-height:35px; width:325px; border:1px solid #e5e5e5; border-radius:5px; padding-left:5px;}
.logindec .loginsub{ width:150px; height:35px; line-height:35px; text-align:center; display:block; border-radius:5px; color:#fff; background:#4f4f4f; font-size:14px; border:0; margin:60px 0 0 130px; cursor:pointer;}
.logindec .loginsub:hover{background:#d2b988 }


.news{ overflow:hidden; width:1200px; margin:60px auto;  }
.news a{ display:block; border:1px solid #e5e5e5;border-radius:5px; width:360px;padding:10px; color:#7d7d7d; background:#fff; float:left; margin-right:15px; margin-bottom:30px;}
.news a h1{ font-size:16px; font-weight:normal; color:#333; background:#fff; height:50px; line-height:50px;white-space: nowrap;text-overflow: ellipsis; width:360px; display:block; overflow:hidden}
.news a h6{ font-size:16px; font-weight:normal; margin-bottom:7px;margin-top:10px }
.newstop h6{margin-top:0px !important}
.news a p{ height:60px; margin-bottom:10px;}
.news a span{ color:#333;font-weight:normal;text-transform:uppercase; width:55px; display:block;  background:url(../images/main16.png) center right no-repeat;}
.news a:hover h1{ color:#d2b988}
.news a:hover h6{ color:#e2d4b8}
.news a:hover p{ color:#e2d4b8}
.job1{ background:#f0f0f0; text-align:center; overflow:hidden;}

.newsshow{ overflow:hidden; clear:both; width:1200px; margin:60px auto}
.newsshow h2{ font-size:24px; margin-bottom:10px; color:#000; text-align:center; height:25px; line-height:25px;}
.newsshow .newsshow_date span{ margin-left:30px;}
.newsshow .newsshow_date{ font-size:14px; margin-bottom:20px;color:#B4B4B4; border-bottom:solid 1px #dadada; padding-bottom:20px; text-align:center}
.newsshow .newsshow_dec{ line-height:30px; text-align:left;  float:left; overflow:hidden; width:100%}
.newsshow .newsshow_dec img{ margin:10px 0}
.newsshow .news_back{ border:1px solid #bfbfbf; width:100px; height:35px; line-height:35px; text-align:center;color:#8d8d8d; display:block; margin:40px auto 0; clear:both;}
.newsshow .news_back:hover{ background:#000; color:#fff;border:1px solid #fff}
.bdsharebuttonbox{margin-top:60px;}
.fenxiang_info{ overflow:hidden; float:left; color:#333; }
.newsshow_fenye{ overflow:hidden; margin-bottom:20px;} 
.newsshow_fenye a{ color:#333;}
.newsshow_fenye a:hover{ color:#d2b988}

.joblist{ width:1000px; margin:0 auto 60px; overflow:hidden; color:#000; font-family: 'xingothic-w3','Microsoft JhengHei','STHeiti';}
.tabti{ height:60px; line-height:60px; background:#000; font-size:18px; font-weight:bold;}
.joblist span{ display:block; float:left; padding-left:70px; color:#fff;}
.joblist span.sp1{ width:180px;}
.joblist span.sp2{ width:100px;}
.joblist span.sp3{ width:130px;}
.joblist span.sp4{ width:120px;}
.joblist span.sp5{ width:120px;}
.joblist ul{ color:#999; display:none; /* 默认都隐藏 */ }
.joblist .jobmain li{ background:#f0f1f1; margin-top:2px; font-size:14px; overflow:hidden; cursor:pointer; font-weight:bold;}
.joblist .jobmain span{ height:40px;  line-height:40px; color:#000;}
.joblist .jobmain li:hover{ background:#DCDDDD}
.joblist a{ width:230px; height:65px; line-height:65px; text-align:center; background:#EABF8F; color:#000; display:block; margin:80px auto 0; font-size:26px; font-weight:bold}
.resdec{ padding:30px 0; width:1000px; z-index:10001;background-color:#eff1f1;display:none; position:relative; overflow:hidden;font-family: 'Microsoft YaHei';}
.rescon{ width:980px; font:18px ;color:#016cb4;line-height:30px;}
.resdec .fl{ width:200px; padding-left:40px; }
.resdec .fr{ width:740px;}
.resdec .fl h6{display:inline-block}
.resdec .fl a{ position:absolute; bottom:35px; left:40px; width:145px; height:45px; line-height:45px; text-align:center; background:#EABF8F; color:#000; display:block; font-weight:bold; font-size:20px;}
.resdec .fr span{ display:block}
.resdec h6{ color:#000; font-size:14px; margin-right:10px; }
.resdec span{ color:#383635 !important; font-size:14px !important; padding-left:0!important; float:none!important; display:inline-block!important; height:30px!important; }
.fr span{ height:auto!important; display:block!important; line-height:30px!important;}
.h800{ height:auto!important; background:none!important;}
.jobdec{ font-size:20px; color:#000; line-height:30px; margin-top:10px; font-weight:bold;}


.zoombox{width:1200px; margin:40px auto 60px; overflow:hidden; position:relative;background:url(../images/show_window.png) no-repeat left top;}
#slideshow{list-style:none;color:#fff;}
#slideshow span{display:none}
#wrapper{width:1200px;margin:0px auto;display:none;}
#wrapper *{margin:0;padding:0}
#fullsize{position:relative;width:1200px;height:605px; background:#000; margin-bottom:20px;}
#information{position:absolute;bottom:0;width:1200px;height:0;background:#191817;color:#fff;overflow:hidden;z-index:200; }
#information h3{ text-align:center; height:40px; line-height:40px; font-size:18px; color:#fff;}
 
#image{width:1200px}
#image img{position:absolute;z-index:25;width:1200px;height:605px;}
.imgnav{position:absolute;width:25%;height:605px;cursor:pointer;z-index:150}
#imgprev{left:20px;background:url(../images/prod01le.png) left center no-repeat}
#imgnext{right:20px;background:url(../images/prod01ri.png) right center no-repeat}
#imglink{position:absolute;height:452px;width:100%;z-index:100;opacity:.4;filter:alpha(opacity=40)}
 
#thumbnails{margin-top:2px;}
#slideleft{float:left;width:30px;height:81px;background:url(../images/prod01le.png) center center no-repeat; background-size:80%;background-color:#222}
#slideleft:hover{background-color:#333}
#slideright{float:right;width:30px;height:81px;background:#222 url(../images/prod01ri.png) center center no-repeat;background-size:80%;}
#slideright:hover{background-color:#333}
#slidearea{float:left;position:relative;width:1130px;margin-left:5px;height:81px;overflow:hidden;}
#slider{position:absolute;left:0;height:81px}
#slider img{cursor:pointer;border:1px solid #333;padding:2px;width:125px;height:75px;}

.mao{ position:absolute; margin-top:-60px;}



.xygk{ background:#f3f3f3; overflow:hidden; padding-bottom:60px;}
.xygk .fr{ width:590px; margin-top:40px;}
.xygk .fr p{ text-indent:2em; font-size:14px; margin-bottom:10px;}
.xygk .fr p strong{ color:#000;}
.szll{ overflow:hidden; text-align:center; padding-bottom:60px;}
.jxjh{ height:672px; background:url(../images/prodjxbg.jpg) center; overflow:hidden;}
.wqfc{ overflow:hidden; text-align:center; padding-bottom:20px;}
.zxzx{ height:672px; background:url(../images/prodzxbg.jpg) center top no-repeat #fff; overflow:hidden;}


.jxjhmain{ width:1200px;   }
.jxjhmain .parHd{ height:55px; line-height:55px; background:#000;   position:relative; margin-bottom:30px;}
.jxjhmain .parHd ul{ width:1000px; margin:0 auto; text-align:center}
.jxjhmain .parHd ul li{ display:inline-block; width:100px; margin:0 80px;height:52px; line-height:52px text-align:center;cursor:pointer; font-size:14px; color:#fff;border-bottom:3px solid #000;}
.jxjhmain .parHd ul li.on{ color:#d2b988; border-bottom:3px solid #d2b988;}
.jxjhmain .slideBox{ overflow:hidden; zoom:1;   position:relative;   }

.jxjhmain .sPrev,.jxjhmain .sNext{ position:absolute; left:5px; top:10px; display:block; width:30px; height:94px; border:1px solid #ddd; background:url(images/icoLeft.gif) center center no-repeat #f4f4f4; }
.jxjhmain .sNext{ left:auto; right:5px; background:url(images/icoRight.gif) center center no-repeat #f4f4f4;  }
.jxjhmain .sPrev:hover,.jxjhmain .sNext:hover{ border-color:#f60;  }

.jxjhmain .parBd ul{ overflow:hidden; zoom:1;   }
.jxjhmain .parBd .hd ul{ text-align:center; width:100%;}
.jxjhmain .parBd .hd ul li{   width:12px; height:12px; display:inline-block; border-radius:6px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#fff }
.jxjhmain .parBd .hd ul li.on{ background:#000;}
.jxjhmain .parBd .bd ul li{ float:left; margin:0 5px;}

.mdcx{ font-size:14px; text-align:center; margin-bottom:60px; overflow:hidden}
.mdcx td{ height:30px; line-height:30px;}
 
.productshow{ width:1200px; margin:0 auto 60px; overflow:hidden}


.video .videoslide{ position: relative; margin:155px auto 60px ; width:1000px; height:420px;}
.video .videoslide .img { float:left; position:relative;}
.video .videoslide .img li, .m-slide .img a, .m-slide .img img { display:block; width:650px; height:420px;}
.video .videoslide .img li { position: absolute; left: 0; top: 0;}
.video .videoslide .img .first { display: block;}
.video .videoslide .tab { float:right; width:350px; height:420px; background:#202020; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.video .videoslide .tab li { height:104px; line-height:104px; color:#fff;   border-bottom:1px solid #4e4e4e; background:#323232; cursor:pointer; clear:both;}
.video .videoslide .tab li span { height:104px; width:120px; color:#fff;cursor:pointer;}
.video .videoslide .tab li em{float: left;width: 120px;height: 40px;line-height: 20px;margin-top: 37px;}
.video .videoslide .tab li img{ display:inline; float:left; margin:10px 15px 0  10px; height:84px;}
.video .videoslide .tab .on{ background:#202020;}
.video .videoslide .txt-bg { position:absolute; top:-85px; width:1000px; height:85px; overflow:hidden; border-bottom:1px solid #4e4e4e; background:#000 url(../images/icon_video.png) 20px center no-repeat;; z-index:2;}
.video .videoslide .txt li{ position:absolute; width:1000px; height:85px; line-height:85px; bottom:0px; text-indent:90px; font-size:20px; color:#fff; z-index:3;}
.video .videoslide .txt li h6{ font-weight:bold; line-height:26px; color:#fff;}
.video .videoslide .tab li a{ color:#666}

 