@charset "utf-8";
*{margin:0;padding:0;}
body{ background:#FFFFFF; color:#333333; font-family:"微软雅黑",Arial,Lucida,Verdana,Helvetica,sans-serif; font-size:12px; line-height:150%; }
a:link, a:visited{ text-decoration:none; }
a:hover{ text-decoration:none; }
a:active{ color:#990000; }
ol, ul{ list-style: none outside none;}
.m { margin-bottom: 10px; }
.m, .mt, .mc, .mb{ overflow: hidden; }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} 
.clearfix{display:inline-block;} 
.clearfix{display:block;} 
ul,li{list-style-type:none;}
img{border:0px;}
a{ color:#333;}

@font-face {font-family: Kunstler Script;
  src:url('kunstlerscript.woff')  
}


.animated{-webkit-animation-duration:1s!important;animation-duration:1s!important;behavior:url(ie-css3.htc);}
.not-animated{opacity: 0;}
.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}

.owl-carousel img{ position:relative;}
#owl-demo .item{ overflow:hidden}



.topbj{ height:92px;transition: all 1s;}
.top{ height:92px; background:url(../images/top.jpg) no-repeat center; position:fixed; top:0px; width:100%;transition: all 1s; z-index:88;}
.topm{ width:1200px; margin:0 auto; }
.logo{ float:left; margin-left:23px;}
.logo img{transition: all 1s; height:92px;}
.topr{ float:right; margin-right:17px; position:relative;}
.toprt{ text-align:right; position:absolute; top:11px; right:-11px;transition: all 1s; width:105px; height:28px;transition: all 0.5s; overflow:hidden; z-index:55;}
.toprt div{ position:absolute; left:15px; width:90px; left:-7px; top:5px}
.toprt div:nth-child(2){ top:30px;left:-2px;}
.toprt:hover{ height:58px;background:#fff;}
.toprt:hover .toprtjt{ opacity:0;}
.toprt a{ color:#908661;}
.toprt span{ padding-right:5px;}
.toprb{ position:relative; top:52px; height:92px; right:0px;transition: all 1s;}
.nav{ float:left;width:660px;margin-right: 15px;}
.nav ul{width:690px; margin-top:2px;}
.nav ul li{ float:left; font-size:14px;padding-bottom:18px;margin-right:45px; position:relative}
.nav ul li a{ color:#b8b3a0;  }
.nav ul li:hover{ border-bottom:2px solid #7c6f3d}
.nav ul li:hover a{ color:#7c6f3d}

.nav ul li .navul{ position:absolute; padding-top:20px; z-index:5555; display:none;}
.nav ul li .navul .navulm{ padding-top:20px; background:#a0956e; padding-bottom:13px; position:relative;padding-right:22px; overflow:hidden;}
.nav ul li .navul .navulm .navli{ padding-left:10px;  margin-bottom:5px; border-left:1px solid #a0956e; margin-left:20px; line-height:25px; }
.nav ul li .navul .navulm .navli a{ color:#ddd5b7}
.nav ul li .navul .navulm .navli:hover{ border-left:1px solid #FFF;}
.nav ul li .navul .navulm .navli:hover a{ color:#fff;}



.seach{ float:left; height:30px; position:relative; right:10px; top:-3px;}
.seachnr{ float:left; width:0px; overflow:hidden;background:url(../images/seach.png) no-repeat left;transition: all 1s; height:30px;}
.seachnr .txt{ width:120px; padding-left:10px; height:30px; line-height:30px; border:0px; background:none; outline:none;}
.seach .btn{ float:left; width:30px; height:30px; border:none; background:url(../images/seachan.png) no-repeat center; position:absolute; top:0px; right:-3px;outline:none;}
.seach:hover .seachnr{ width:150px;}
.bbimg{ margin-right:5px}
.toph{ height:70px;}
.toph .logo img{ height:70px;}
.toph .toprt{ top:25px}
.toph .toprb{ top:24px; right:85px;}
.toph .nav ul li{ padding-bottom:24px; }
.toph .nav ul li .navul{ padding-top:26px;}
.toph .toprb{ height:40px;}

.banner{ height:778px; background:url(../images/banner.jpg) no-repeat center}
.i_banner {width: 100%;height: 782px;overflow: hidden;background: #000; position:relative;}



/*首页-banner*/
#owl-demo .item{ display: block;}
#owl-demo img { display: block;  border: 0 none;}
#bar{ width: 0%; max-width: 100%; height: 4px; background: #7c6f3d; overflow: hidden;}
#progressBar{ width: 100%; background: #ededed;}



/*图标*/
.banner_mouse{ position: relative;width: 23px;height: 40px;cursor:pointer;background:url(../images/banner_mouse.png) no-repeat -23px 0px;animation: nudgeMouse 1.6s linear infinite;}
.banner_mouse:after,.banner_mouse:before{content: "";position: absolute;}
.banner_mouse:before{width:23px;height:40px;background:url(../images/banner_mouse.png) no-repeat 0px 0px;animation: colorSlide 1.6s linear infinite;top:0;left:0;}
.banner_mouse:after{background-color: #ffffff;width: 4px;height: 4px;border-radius: 100%;animation: trackBallSlide 1.6s linear infinite;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}

.a{ font-family:Kunstler Script; color:#fff; font-size:20px;}

@keyframes colorSlide {
		 	 0% {
	  	    height:0;
	  	  }

	  	 90%{
	  	  	height:40px;
	  	  }
	}
	
	@keyframes trackBallSlide {
	  0% {
	    opacity: 1;
	    -webkit-transform: scale(1) translateY(-8px);
	            transform: scale(1) translateY(-8px);
	  }
	  34% {
	    opacity: 1;
	    -webkit-transform: scale(0.9) translateY(4px);
	            transform: scale(0.9) translateY(4px);
	  }
	  68% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(16px);
	            transform: scale(0.4) translateY(16px);
	  }
	  100% {
	    opacity: 0;
	    -webkit-transform: scale(0.4) translateY(-8px);
	            transform: scale(0.4) translateY(-8px);
	  }
	}
	
	@keyframes nudgeMouse {
 0% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
	  50% {
	    -webkit-transform: translateY(8px);
	            transform: translateY(8px);
	  }
	  100% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
}

.banner_img .banner_mouse{ position:absolute; bottom:20px; right:20px;}

.about{ /*background:url(../images/20.png);*/ height:1235px; overflow:hidden; position:relative}
.abouttop{ background:url(../images/abouttop.png); height:590px; overflow:hidden; padding-top:65px;position:relative; z-index:2}
.abouttm{ width:1200px; margin:0 auto;}
.stop{ text-align:center}
.stop p{ margin-top:3px; font-size:28px; color:#000; line-height:24px;}
.stop .syen{ font-size:36px; font-family:Kunstler Script; line-height:36px; color:#7c6f3d;}
.abouttc{ overflow:hidden; margin-top:62px;}
.abouttl{ float:left; width:610px; margin-left:24px; margin-top:12px;}
.aboutltit{ font-size:21px; line-height:21px; color:#353535; margin-left:8px;}
.aboutlxx{margin-left:8px; width:22px; border-bottom:3px solid #199a40; margin-top:16px}
.aboutlc{ color:#353535; line-height:28px; font-size:14px; margin-left:8px; margin-top:24px;}
.aboutla{ margin-top:35px;}
.aboutla a{ color:#7d703e; display:block; width:130px; line-height:45px; background:url(../images/aboutbk.png) no-repeat center; text-align:center; font-size:13px;}
.aboutltb{ margin-top:50px; margin-left:12px; overflow:hidden}
.aboutltb ul li{ float:left; margin-right:40px; text-align:center; color:#a3a3a3;}
.aboutltb ul li a{ color:#a3a3a3;}
.aboutltb ul li div{ width:88px; height:88px; margin-bottom:14px; background:url(../images/tubiao.png) no-repeat;}
.aboutltb ul .rencai div{ background-position:0px -88px;}
.aboutltb ul .liuyan div{ background-position:0px -176px;}
.aboutltb ul .lianxi div{ background-position:0px -264px;}
.aboutltb ul li:hover{ color:#353535;}
.aboutltb ul .srongyu:hover div{ background-position:-88px 0px;}
.aboutltb ul .rencai:hover div{ background-position:-88px -88px;}
.aboutltb ul .liuyan:hover div{ background-position:-88px -176px;}
.aboutltb ul .lianxi:hover div{ background-position:-88px -264px;}
.abouttr{ float:right;width:358px; height:410px; background:url(../images/gcbj.jpg) no-repeat center; position:relative;}
.abouttr img{ position:absolute; bottom:19px; left:-95px;transition: all 0.3s;}
.abouttr img:hover{transform:scale(1.1,1.1);}
.aboutb{ height:575px; background:url(../images/aboutb.png); overflow:hidden; position:relative; z-index:2}
.aboutbm{width:1200px; margin:0 auto; position:relative}
.aboutbc{  margin-top:120px; padding-top:25px; padding-bottom:20px;}
.aboutbc ul li{ float:left; width:210px; height:245px; overflow: visible !important; margin-right:30px;}
.aboutbc ul li .aboutliimg{ width:111px; height:148px;text-align:center; margin:0 auto;position:relative;}
.aboutbc ul li .aboutliimg .aboutliimgm{width:111px; height:148px; background:url(../images/nls.png) no-repeat center;background-size:100%;transition: all 0.3s; position:absolute; top:0px; left:0px;}
.aboutbc ul li .aboutliimg img{ width:93px; height:93px; border-radius:50%; position: absolute; top:10px;transition: all 0.3s; left:10px;}
.aboutbc ul li .aboutbqq{ width:9px; height:9px; margin:0 auto; border:2px solid #cecece; background:#fff; border-radius:50%; margin-top:10px;}
.aboutbc ul li .aboutbwz{ text-align:center; margin-top:20px;}
.aboutbc ul li .aboutbgs{ font-size:16px; color:#292929; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.aboutbc ul li .aboutbdate{ font-size:14px; color:#c7b58b; margin-top:16px;}
.aboutbc ul .tu{ margin-top:96px;}
.aboutbc ul .tu .aboutliimg .aboutliimgm{background:url(../images/nlx.png) no-repeat center; }
.aboutbc ul .tu .aboutliimg img{bottom:10px; top:auto;}
.aboutbc ul .tu .aboutbwz{ margin-top:0px;}
.aboutbc ul .tu .aboutliimg{ margin-top:8px;}
.aboutbc ul li .aboutliimg:hover .aboutliimgm{width:135px; height:180px;background:url(../images/nlhs.png) no-repeat center;  top:-24px; left:-12px}
.aboutbc ul .tu .aboutliimg:hover .aboutliimgm{background:url(../images/nlhx.png) no-repeat center;top:-1px; }
.aboutbc ul li .aboutliimg:hover img{width:111px; height:111px;top:12px;left:13px;}
.aboutbc ul .tu .aboutliimg:hover img{bottom:13px;left:13px; top:auto;}
.aboutban a{ display:block; width:35px; height:35px; background:url(../images/nljt.png) no-repeat;z-index:5; position:absolute; top:170px;}
.aboutban .pret1{ background-position:0px -35px;right:-65px;}
.aboutban .next1{ left:-65px;}
.aboutban .pret1:hover{ background-position:-35px -35px;}
.aboutban .next1:hover{ background-position:-35px 0px; }
.aboutnl{ position:absolute; bottom:-97px; width:100%; z-index:1}
.aboutnlm{  height:997px; background:url(../images/nianlun.jpg) no-repeat center;animation:myfirst 60s linear infinite;}
@keyframes myfirst
{
0%   {transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
.zeren{ height:709px; background:url(../images/sh.jpg) no-repeat center; overflow:hidden}
.zerenm{ margin:0 auto; width:1200px;  padding-top:88px;}
.zerenc{ overflow:hidden; margin-top:65px;}
.zerenl{ float:left;  width:640px; position:relative}
.zenrenbj{ width:490px; height:355px; background:url(../images/zrbj.jpg) no-repeat center; position:relative; top:68px;}
.zerendh{ position:absolute; left:40px;top:0px;width:528px; }
.zerendh ul li{position:absolute;top:257px; right:-60px; z-index:2; width:181px; height:123px; overflow:hidden}
.zerendh ul li img{border:2px solid #837a63; width:100%;}
.zerenbk{ position:absolute; width:513px; height:324px; background:url(../images/zrlbk.png) no-repeat center; top:12px;left:7px; z-index:1; }
.zerendh ul .zerendhd{ position:absolute;width:528px; right:0px; top:0px; z-index:1;height:355px;}
.zerendh ul .zerendhd img{ border:0px;}
/*.zerendhx{ position:absolute;top:257px; right:-60px; z-index:2; width:181px; height:123px;}*/
.zerendh ul .zrnone{height:0px; z-index:2; width:0px; top:380px;}

.zerenr{ float:right; width:455px; margin-top:50px;}
.zerenrtt{ font-weight:bold; color:#665b3f; font-size:22px; line-height:35px;}
.zerenul{ margin-top:35px; height:175px; overflow:hidden}
.zerenul ul li{ line-height:37px; font-size:14px; color:#505050;}
.zerenul ul li span{ padding-right:5px;}
.zerenan a{ display:inline-block; width:40px; height:40px; margin-right:24px; background:url(../images/sxjt.png) no-repeat; margin-top:50px;}
.zerenan .next{ background-position:0px -40px;}
.zerenan .next:hover{background-position:-40px -40px;}
.zerenan .pret:hover{background-position:-40px 0px;}
.spro{ background:url(../images/probj.jpg) no-repeat center; height:869px;}
.sprom{ width:1200px; margin:0 auto; padding-top:65px; overflow:hidden}
.sprosc{ overflow:hidden ; margin-top:60px;}
.sprol{ float:left; width:395px;}
.sprosc .sproli{ float:left; position:relative; margin-bottom:8px;}
.sprosc .sproright{ margin-right:8px;}
.sproc{ float:left; margin-left:7px;}
.spror{ float:left; margin-left:6px; width:395px;}
.sprosc .sprotop{ position:relative;}
.sprowz{ position:absolute; right:22px; color:#fff; bottom:38px; font-size:19px;transition: all 0.9s}
.sprowz p{ text-align:right;}
.sproxian{ width:34px; height:3px; background:#a59c77; margin-top:11px; position:absolute; right:0px;}
.sprohov{ position:absolute; opacity:0; transition: all 0.9s }
.spro3 .sprohov{ top:116px; left:64px;}
.spro1 .sprohov{ top:47px; left:58px;}
.spro2 .sprohov{ top:39px; left:17px;}
.sprosc .sproli:hover .sprohov{ opacity:1;}
.sprosc .sproli:hover .sprowz{ opacity:0;}

.snew{/*background:url(../images/newsbj.jpg) no-repeat center;*/ height:643px;}
.snewm{ padding-top:70px; width:1200px; margin:0 auto; overflow: hidden}
.snewc{ margin-top:54px;}
.snewcm{ overflow:hidden; position:relative}
.snewc ul{ overflow:hidden; width:1233px; float:left;}
.snewc ul li{ width:378px; float:left; margin-right:33px;}
.snewimg{ position:relative;}
.snewimgh{ position:absolute; top:0px;}
.snewimgh img{opacity:0;transition: all 0.5s;}
.snewfdj{ position:absolute; top:99px;left:-36px;}
.snewc ul li:hover .snewfdj{left:173px;}
.snewc ul li:hover .snewimgh img{opacity:1;}
.snewwz{ background:#fff; padding:25px 0;}
.snewwzm{ width:324px; margin:0 auto;}
.snewtt{ color:#7c6f3d; font-size:16px; font-weight:bold; }
.snewzy{ color:#b4b4b4; margin-top:15px; margin-bottom:15px;}
.snewdate{ padding-left:27px; background:url(../images/newdate.png) no-repeat left; line-height:16px; color:#b4b4b4; font-size:13px;}
.snewdian{ margin-top:19px; text-align:center;}
.snewdian span{ display: inline-block; width:22px; height:22px; background:url(../images/diannew.png) no-repeat center; margin-right:12px;}
.snewdian .hovdian{background:url(../images/hdiannew.png) no-repeat center;}
.foot{ background:#2a2a2a; padding-top:62px;}
.foottm{ width:1200px; margin:0 auto; overflow:hidden; padding-bottom:90px;}
.footnav{ float:left; margin-left:9px;}
.footnav .footnul{ float:left; height:235px; padding-right:35px; margin-right:35px; border-right:1px solid #797979; max-width:140px}
.footnav .footnul p{ font-size:16px; }
.footnav .footnul p a{color:#fff;}
.footnav .footnul ul{ margin-top:23px;}
.footnav .footnul ul li{ margin-bottom:17px; font-size:13px;}
.footnav .footnul ul li a{ color:#c7c7c7;}
.footnav .footnul ul li a:hover{ color:#ddd;}
.foottr{ float:right; font-size:17px; color:#fff; width:121px; text-align:center;}
.foottr p{ margin-top:22px;}
.footbo{ border-top:1px solid #797979; line-height:55px;}
.footbom{ width:1200px; margin:0 auto; color:#fff; overflow:hidden}
.footboml{ float:left; margin-left:10px;}
.footbomr{ float:right; margin-right:10px; width:227px; height:31px; background:url(../images/seachbk.jpg) no-repeat center; margin-top:12px; overflow:hidden;}
.footbomr .txt{ width:179px; line-height:31px; height:31px; border:0px; padding-left:10px; float:left; background:none;}
.footbomr .btn{ width:38px; float:left; height:31px; border:none; background:none;}



/*caidan*/
.pageNavi{ text-align:center;}
.pageNavi a{ display:inline-block; width:37px; line-height:34px; background:#575757; margin-right:5px; color:#fff;}
.pageNavi span{ display:inline-block; width:37px; line-height:34px; background:#575757; margin-right:5px; color:#fff;}
.pageNavi .current{ background:#a29168;}


.nytb{ position:absolute; bottom:30px; width:100%; text-align:center;}
.nytb .banner_mouse{ margin:0 auto;}

/*ny*/
.contop{ background:#a29168; height:56px; line-height:56px;}
.contopm{ width:1200px; margin:0 auto; overflow:hidden;}
.contopl{ float:left; margin-left:15px;}
.contopl ul li{ float:left; margin-right:25px; line-height:38px; text-align:center; margin-top:9px; font-size:15px; padding:0PX 10PX; border-radius:19px; min-width:75px;}
.contopl ul li a{ display:block;  color:#fff; }
.contopl ul .cur{ background:#fff; border-radius:19px;}
.contopl ul .cur a{ color:#51431e; font-weight:bold;}
.contopl ul li:hover{background:#fff; border-radius:19px;}
.contopl ul li:hover a{color:#51431e; font-weight:bold;}
.contopr{ float:right; color:#51431e; padding-left:30px; background:url(../images/homejk.png) no-repeat 0px 18px; }
.contopr a{color:#51431e;}
.contant{ width:1200px; margin:0 auto; overflow:hidden;}
.conbt{ margin-top:53px; margin-left:25px;}
.conbtit{ font-size:28px; line-height:28px; color:#51431e; margin-top:5px; margin-bottom:18px; }
.conbtt{ font-size:24px; line-height:24px; color:#9e9061; font-family:Kunstler Script;}
.conbx{ width:24px; border-bottom:3px solid #c4b48b;}



/*about*/
.banner_ab{ height:550px; background:url(../images/banner_about.jpg) no-repeat center; position:relative}
.nyabout{ padding:33px 20px 150px 20px; font-size:15px; color:#3d3b35; line-height:2em;}


/*news*/
.banner_news{ height:550px; background:url(../images/banner_new.jpg) no-repeat center; position:relative}
.news{ background:#f3f3f3; padding-top:55px; overflow:hidden; padding-bottom:40px;}
.newsm{ width:1200px; margin:0 auto;}
.news ul li{ margin-bottom:17px; padding:20px 20px 20px 24px; background:#f8f8f8; overflow:hidden;}
.newsimg{ float:left; width:161px; height:119px; overflow:hidden; text-align:center}
.newsimg img{ max-height:100%; max-width:100%;}
.newswz{ float:left; margin-left:30px; width:810px;}
.newstit{ font-size:20px; color:#363636; margin-top:20px; margin-bottom:20px; }
.newszy{ font-size:13px; color:#131313; line-height:26px; opacity:0.75;}
.newsdate{ float:right; opacity:0.64; color:#2a2a2a; text-align:center; margin-top:34px;}
.newsdatet{ font-size:38px; line-height:47px;}
.newsdateb{ font-size:16px; margin-top:15px;}
.news ul li:hover{ background:#fff;}
.news ul li:hover .newstit{ color:#d30e0e;}


/*newshwo*/
.newsshow{ background:#f3f3f3; padding-top:10px; overflow:hidden;position:relative}
.newsshowm{ width:1200px; margin:0 auto; background:#fff; padding:20px; margin-bottom:30px;}
.newsshowtit{font-size: 22px;font-weight: bold;color: #4d4d4d;overflow: hidden;text-align: center;padding: 30px 10px 15px;line-height: 24px;}
.newsshowdate{width: 100%;text-align: center;font-size: 12px;color: #999;}
.newsshowdatefx{ text-align:center; margin-top:10px;}
.newsshowc{padding: 20px 10px 50px;color: #363636;line-height: 30px;font-size:14px;}
.ns_pn{line-height: 30px; font-size:14px;}
.ns_pn a{ color:#363636;}
.ns_pn a:hover{ color:#51431e}


/*company*/
.banner_com{ height:550px; background:url(../images/bannerny.jpg) no-repeat center; position:relative}
.company{ background:#f3f3f3;}
.companym{ width:1200px; margin:0 auto; padding:20px 0px;}
.com{ overflow:hidden;}
.comt{overflow:hidden;}
.comimg{ float:left; width:599px; height:417px; overflow:hidden; position:relative; z-index:1;}
.comimg img{transition: all 0.3s}
.comtxt{ float:left; width:600px; position:relative; height:417px;}
.comjt{ width:23px; height:46px;  background:url(../images/xsjt.png) no-repeat; position:absolute; top:174px; z-index:2;}
.comyub{ width:43px; height:43px; background:url(../images/xstb.png); margin-top:82px;transition: all 0.3s}
.comtxtm{ padding-left:80px; width:465px; padding-top:100px;}
.comtt{ font-size:28px; line-height:29px;color:#2c2c2c;}
.comx{ width:42px; margin-top:25px; border-bottom:4px solid #94835a;}
.comzy{ color:#464646; font-size:13px; line-height:28px; margin-top:30px;}
.com .comjt{ left:-23px;}
.com .comjt{ background-position:-23px 0px; }
.comt .comjt{ background-position:-23px -46px; right:-23px;}
.comh:hover .comimg img{transform:scale(1.1,1.1);}
.comh:hover .comtxt{ background:#a1926d;}
.comh:hover .comtt{ color:#fff;}
.comh:hover .comx{ border-bottom:4px solid #fff;}
.comh:hover .comyub{ background:url(../images/xstbh.png);transform:rotate(720deg)}
.comh:hover .comzy{ color:#fff;}
.com:hover .comjt{background-position:0px 0px;}
.comt:hover .comjt{ background-position:0px -46px; right:-23px;}

/*companyShow*/
.companyshow{ background:#f3f3f3; overflow:hidden;position:relative; min-height:605px;}
.comnav{ width:300px; float:left; background: url(../images/nylbj.png); min-height:605px; position:absolute}
.comnavtop{ padding:45px 0 35px 0px; border-bottom:1px solid #646363; text-align:center}
.comnaven{font-family:Kunstler Script; font-size:22px; line-height:22px; color:#fff;}
.comnavcn{ font-size:28px; color:#fff; line-height:28px; margin-top:10px;}
.comnavc{ padding-top:30px;}
.comnavc ul li{  line-height:20px;  position:relative; width:290px; margin:0 auto; font-size:13px;margin-bottom:15px; padding:14px 0; text-align:left;}
.comnavc ul li a{ color:#fff;}
.comnavc ul li a p{ display:inline-block; width:80%; margin-left:5%;}

.comnavc ul li span{ position:absolute; font-size:15px; right:10px; top:14px; font-family:'宋体';}
.comnavc ul .cur{ background:#a29168; border-radius:15px;}
.comnavc ul li:hover{background:#a29168; border-radius:15px;}
.comshowc{ width:calc(100% - 300px); float:right;}
.comshowcm{ padding:33px 30px 150px 30px; font-size:15px; color:#3d3b35; line-height:2em;}



/*products*/
.products{overflow:hidden; position:relative}
.pronav{ width:240px; float:left; background: url(../images/nylbj.png); height:100%; position: absolute;}
.pronavtop{ padding:45px 0 35px 0px; border-bottom:1px solid #646363; text-align:center}
.pronaven{font-family:Kunstler Script; font-size:22px; line-height:22px; color:#fff;}
.pronavcn{ font-size:28px; color:#fff; line-height:28px; margin-top:10px;}
.pronavc{ padding-top:30px;}
.pronavc ul li{text-align:center;  position:relative; width:195px; margin:0 auto; font-size:15px;margin-bottom:15px; height:40px;}
.pronavc ul li a{ color:#fff; display:block;}
.pronavc ul li .pronavcjt{ position:absolute; font-size:15px; right:10px; top:11px; font-family:'宋体'}
.pronavc ul .cur{ background:#a29168; border-radius:20px;}
.pronavc ul .cur .pronavctit{transform: translateX(20px)}
.pronavc ul li .pronavctit{ transition: all 0.3s; position:absolute; left:15px; top:10px;}
.pronavc ul li:hover{background:#a29168; border-radius:20px;}
.pronavc ul li:hover .pronavctit{transform: translateX(20px)}
.proc{width:calc(100% - 240px); float:right;min-height:752px;}
.procm{ padding:16px 0px 0px 8px;}
.procm ul li{ float:left; margin-right:4px; width:310px; height:320px; background:#fff; margin-bottom:6px; position:relative}
.prosimg{ padding-top:23px; text-align:center;}
.prosimg img{ width:258px; height:233px;}
.prostt{ text-align:center; margin-top:24px; font-size:17px; color:#2f2f2f; font-weight:bold;}
.prosh{ position:absolute; top:0px; width:100%; height:100%; background:url(../images/sproh.png); text-align:center; overflow:hidden; display:none;}
.prosh img{ margin-top:115px;}
.proshtit{ font-size:30px; font-weight:bold; color:#fff; line-height:30px; margin-top:37px;}
.procm ul li:hover .prostt{ display:none;}
.procm ul li:hover .prosh{ display:block;}


.prohbj{ position: fixed; top:0px; bottom:0px; width:100%; background:#000000; opacity:0.5; display:none; z-index:999;}
.prokk{  margin:0 auto; position:fixed; top:20px; width:100%; display:none;z-index:999;}
.productshow{ width:611px;margin:0 auto; position:relative; background:#fff;}
.protop{ line-height:77px; overflow:hidden; background:#fff; position:relative;}
.sprostit{ font-size:26px; color:#212020; float:left; margin-left:40px;}
.sprosgb{ position:absolute; right:10px; top:11px;}
.prosc img{ width:100%;}
.prosf{ height:106px;background:#FFF; overflow:hidden; position:relative;}
.prosfc{ width:504px; margin:0 auto; margin-top:9px; overflow:hidden;}
.prosfc ul{ position:relative; left:0px; width:600px;}
.prosfc ul li{ float:left; width:118px; margin-right:10px;}
.prosfc ul li img{ width:100%;}
.probanltlan{  width:100%;}
.probanltlan a{ display:block; width:15px; height:31px; background:url(../images/projt.jpg);  top:35px; position:absolute;}
.probanltlan .shows{ left:18px; background-position:0px -31px;}
.probanltlan .showx{ right:18px;background-position:0px 0px;}
.probanltlan .shows:hover{background-position:-15px -31px;}
.probanltlan .showx:hover{background-position:-15px 0px;}


/*productsShow*/
.proshow{ background:#f3f3f3; overflow:hidden; }
.proshowm{ width:1200px; margin:0 auto;}
.proshowjl{ color:#51431e; padding-left:30px; background:url(../images/homejk.png) no-repeat 10px 18px; line-height:56px;}
.proshowjl a{color:#51431e;}
div.zoomDiv { z-index:999; position:absolute; top:0px; left:711px !important; width:200px; height:200px; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden; }
div.zoomMask { position:absolute; background:url("../images/mask.png") repeat scroll 0 0 transparent; cursor:move; z-index:1; }
.proshowtop{ overflow:hidden}
.a1le{width:600px;float:left;overflow:hidden;}
.a1le_1{width:100%;overflow:hidden;}
.a1le_1 img{width:100%;}
.a1le_2{/* margin-top:9px; */}
.a1le_2 a{width:23.633677991137%;float:left;overflow:hidden;margin-right:1.7771048744461%;display:block;position:relative;transition:all 0.3s ease-out 0s;margin-top: 9px;}
.a1le_2 a:nth-child(4n){margin-right:0px;}
.a1le_2 a img{width:100%;border: 1px solid #f8f8f8;box-sizing: border-box;}
.a1le_2 a p{position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.69);transition:all 0.3s ease-out 0s;}
.a1le_2 a.cona p{background:none;}
.a1le_2 a.cona img{border:1px solid #ac1315;box-sizing:border-box;}

.proshowtopr{ float:left; width:600px; background:#fff; overflow:hidden; height:572px;}
.proshowtoprm{ width:560px; margin:0 auto; padding-top:20px;}
.proshowtoprt{ padding-bottom:15px;border-bottom: 1px solid #e6e6e6; overflow:hidden}
.proshowttit{ font-size:24px; line-height:32px; float:left; margin-left:10px;}
.proshowtfh{ float:right; width:105px; line-height:32px; font-size:14px; background:url(../images/cpss_09.png) no-repeat center; text-align:center; margin-right:10px;}
.proshowtfh a{ color:#666;}
.proshowtfh img{ color:#666;transition: all 0.3s ease-out 0s;}
.proshowtfh:hover img{ transform:translate(10px)}
.proshowtoprc{ margin-top:20px; padding-bottom:30px;border-bottom: 1px solid #e6e6e6;}
.proshowtoprtt{color: #d30e0e; font-size: 16px;font-weight: bold; line-height:22px;}
.proshowtoprys{ margin-top:10px;}
.proshowxj{color: #fff; background: #f6ab00; border-radius: 5px;display: block;text-align: center;line-height: 73px; font-size: 19px; width:245px; margin-top:30px;}
.proshowxj a{ color:#fff;}
.proshowc{ overflow:hidden; position:relative; margin-top:5px; }
.proshowcl{ width:150px;background:#fff; position:absolute;}
.proshowrmt{ text-align:center; line-height:46px; font-size:18px; color:#fff; background:#d30e0e; margin-bottom:10px;}
.proshowrmc ul li{ width:130px; margin:0 auto;margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e4e4e4; text-align:center;}
.proshowrmc ul li img{ width:130px;}
.proshowrmc ul li p{ color:#2a2a2a; font-size:14px; line-height:22px;}
.proshowrmc ul li:hover p{ color:#51431e}
.proshowcr{ float:right; width:1020px; }
.proshowcrtop{ overflow:hidden; border-top:1px solid #efefef;height: 64px;}
.proshowcrtop .proshowcrtopn{ float:left; width:182px; text-align:center;height:62px; line-height:65px; font-size:18px; border-left:1px solid #efefef;border-right:1px solid #efefef; }
.proshowcrtop .proshowcrtopn a{color:#6d6d6d}
.proshowcrtop .vas{border-top: 3px solid #d30e0e; background:#fff; }
.proshowcrc{ background:#fff; border:1px solid #efefef; border-top:0px;}
.proshowcrcli{ padding:20px; line-height:2em; font-size:15px; color:#3d3b35; display:none;}



/*contact*/
#allmap{width: 100%;height: 720px; position: relative; top:0px;}
.contact{ position:relative;height: 720px;overflow:hidden; z-index:5;}
.contactc{ position:absolute; top:0px; width:100%;}
.contactm{ width:1200px; margin:0 auto;}
.contactlm{ width: 538px; position:relative; top:110px;background:#fff; height: 420px;}
.contanttop ul{ overflow:hidden;}
.contanttop ul li{ float:left; width:33.333%; line-height:86px; font-size:23px; text-align:center;font-weight: bold;position:relative; height:86px;}
.contanttop{height:86px;overflow:hidden;}
.contanttop li div{position:absolute;top:0px;left:0px;z-index:1;overflow:hidden;height:86px;width:100%;}
.contanttop li div em{position:relative;top:0px;background:#757575;height:86px;width:100%;overflow:hidden;display:block;transition:all 0.3s ease-out 0s;}
.contanttop li div p{position:relative;top:0px;display:block;height:86px;width:100%;overflow:hidden;background:url(../images/gui.png) no-repeat left center;transition:all 0.3s ease-out 0s;}
.contanttop li a{position:relative;z-index:2;transition:all 0.3s ease-out 0s;color:#fff; display:block;}
.contanttop .navd{background:none;color:#7c6f3d;font-weight:bold;background:url(../images/gui.png) no-repeat bottom center;}
.contanttop .navd a{color:#7c6f3d;}
.contanttop .navd div em{top:-86px;}
.contanttop .navd div p{top:-86px;}
.solq{padding-bottom:35px;overflow:hidden;line-height:32px;color:#484848;padding-left:30px;float:left;width:508px;}
.solq div{margin-top:20px;padding-left:45px;}
.solq a{ color:#484848;}
.ptan{width:10000px;position:relative;left:0px;}
.kuto{ overflow:hidden;}
.fush{overflow:hidden;bottom: 0px;position:absolute;left: 225px;}
.sjlk{overflow:hidden;height:0px;width:0px; position:relative; top:110px;}
.solq .k{font-size:22px; color:#7c6f3d; font-weight:bold; margin-top:35px;}
.solq .k1{font-size:14px;background:url(../images/d2.png) no-repeat 45px 1px;padding-left:80px; color:#878787;}
.solq .k2{font-size:14px;background:url(../images/d21.png) no-repeat 45px 3px;padding-left:80px; color:#878787;}
.solq .k3{font-size:14px;background:url(../images/d22.png) no-repeat 45px 6px;padding-left:80px; color:#878787;}
.solq .k4{font-size:14px;background:url(../images/d23.png) no-repeat 45px 8px;padding-left:80px; }
.solq .k4 a{color:#878787;}




/*job*/
.banner_job{ height:550px; background:url(../images/banner_per.jpg) no-repeat center;position:relative}
.job{ background:#fafafa; padding-top:45px; padding-bottom:70px;}
.jobm{ width:1200px; margin:0 auto;}
.jobtop{ height:185px; background:#fff; overflow:hidden}
.jobs{ width:415px; padding-top:50px; overflow:hidden;}
.jobsl{ float:left; margin-left:133px;}
.jobsr{ float:right; margin-right:133px;}
.jobsimg{ width:88px; height:88px; float:left; margin-top:9px; margin-right:35px;}
.jobs1{ background:url(../images/jiontb1.png) no-repeat center;}
.jobs2{ background:url(../images/jiontb2.png) no-repeat center;}
.jobss{ float:left; width:288px;}
.jobsst{ font-size:17px; color:#333; font-weight:bold; margin-bottom:13px;}
.jobssc{ font-size:13px; color:#333; opacity:0.54; line-height:25px;}
.jobs:hover .jobs1{background:url(../images/jiontbh1.png) no-repeat center;}
.jobs:hover .jobs2{background:url(../images/jiontbh2.png) no-repeat center;}
.jobsh .jobs1{background:url(../images/jiontbh1.png) no-repeat center;}
.jobsh .jobs2{background:url(../images/jiontbh2.png) no-repeat center;}
.joblb{ background:#fff; padding-top:15px; padding-bottom:35px;}
.joblbtop{ background:#f7f7f7; width:1155px; margin:0 auto; overflow:hidden;}
.joblbtop div{ float:left; line-height:71px; font-size:14px; font-weight:bold;width:250px;}
.jobdiv1{ padding-left:20px; }
.joblbtop .jobdiv4{ width:226px;}
.joblbtop .jobdiv5{width:75px;}
.joblbc{ line-height:62px; color:#333333; font-size:14px; overflow:hidden; border-bottom:1px solid #e0e0e0;width:1155px; margin:0 auto;}
.joblbc div{ float:left;width:250px;}
.jobdiv1{ padding-left:20px; }
.jobdiv1 a{ color:#333;}
.joblbc .jobdiv4{ width:226px;}
.joblbc .jobdiv5{ line-height:33px; width:129px; text-align:center; position:relative;}
.joblbc .jobdiv5 a{ position:absolute; top:16px; left:-34px;  width:100%; display:block; color:#fff;background:#c7b58b; }
.joblbc:hover .jobdiv1 a{ color:#51431e; font-weight:bold;}
.joblbc .jobdiv5:hover a{  font-weight:bold; color:#fff;background:#958766;}




/*jobshow*/
.jobshow{margin-top: 14px;overflow: hidden;background: #fff;}
.imglist_w7 {width: 1198px;margin: 0 auto;overflow: hidden;line-height: 20px;color: #232323;}
.imglist_w7 dl {border: #e0e0e0 solid 1px;font-size: 14px;overflow: hidden;width: 1196px;}
.imglist_w7 dt {float: left;width: 300px;font-size:16px;border-right: #e0e0e0 solid 1px;text-align: right;border-bottom: #e0e0e0 solid 1px;text-align: center;padding-top: 5px;padding-bottom: 5px;height: 30px;line-height: 30px;font-weight: bold;}
.imglist_w7 dd {float: left;width: 875px;font-size:14px;padding-left: 20px;border-bottom: #e0e0e0 solid 1px;padding-top: 5px;padding-bottom: 5px;line-height: 30px; /*height:30px;*/}
.imglist_w7 .vssxd {padding-left: 0px;width: 42px;border-right: #e0e0e0 solid 1px;text-align: center;overflow: hidden;}
.imglist_w7 .vssx {padding-left: 0px;width: 99px;border-right: #e0e0e0 solid 1px;text-align: center;overflow: hidden;}
.imglist_w7 .vssw {padding-left: 0px;width: 93px;border-right: #e0e0e0 solid 0px;text-align: center;overflow: hidden;}
.imglist_w7 .vssx2 {padding-left: 0px;width: 300px;border-right: #e0e0e0 solid 1px;text-align: center;overflow: hidden;}
.imglist_w7 .vssxt {padding-left: 0px;width: 293px;text-align: center;overflow: hidden;}
.imglist_w7 .zpnrs {padding-bottom: 5px;border: 0px;}
.imglist_w7 .zpnr {padding-bottom: 5px;border: 0px;overflow: hidden;border-left: #e0e0e0 solid 1px;min-height: 40px;}
.imglist_w7 .wypp {float: left;width: 300px;border: 0px;text-align: right;border-top: #e0e0e0 solid 1px;text-align: center;}
.imglist_w7 .wyds {float: left;width: 875px;border: 0px;border-left: #e0e0e0 solid 1px;padding-left: 20px;border-top: #e0e0e0 solid 1px;overflow: hidden;height: 50px;padding-top: 20px;}
.imglist_w7 .gdgh{line-height:26px;overflow:auto;overflow: hidden;}
.wyds input {width: 129px;height: 33px;border:1px solid #b2b2b2;color:#333333;font-size:15px;font-weight:bold;font-family:"微软雅黑";outline:none;cursor:pointer; background:none;}
.wyds input:hover{background:#51431e;color:#fff;border:1px solid #51431e;}




/*jionmian*/
.imglist_w9 {width: 1198px;margin: 0 auto;overflow: hidden;line-height: 20px;color: #232323;}
.imglist_w9 dl {border: #e0e0e0 solid 1px;border-bottom: #e0e0e0 solid 0px;font-size: 14px;overflow: hidden;width: 1196px;}
.imglist_w9 dt {float: left;width: 270px;font-size:13px;border-right: #e0e0e0 solid 1px;text-align: right;border-bottom: #e0e0e0 solid 1px;padding-top: 5px;padding-bottom: 5px;height: 30px;line-height: 30px;font-weight: bold;padding-right:30px;}
.imglist_w9 dd {float: left;width: 875px;font-size:13px;padding-left: 20px;border-bottom: #e0e0e0 solid 1px;padding-top: 5px;padding-bottom: 5px;/* height: 30px; */line-height: 30px;}
.imglist_w9 dd font{color:red;}
.imglist_w9 .vssxd {padding-left: 0px;width: 42px;border-right: #e0e0e0 solid 1px;text-align: center;overflow: hidden;}
.imglist_w9 .vssx {padding-left: 0px;width: 99px;border-right: #e0e0e0 solid 1px;text-align: center;overflow: hidden;}
.imglist_w9 .vssw {padding-left: 0px;width: 93px;border-right: #e0e0e0 solid 0px;text-align: center;overflow: hidden;}
.imglist_w9 .vssx2 {padding-left: 0px;width: 300px;border-right: #e0e0e0 solid 1px;text-align: center;overflow: hidden;}
.imglist_w9 .vssxt {padding-left: 0px;width: 293px;text-align: center;overflow: hidden;}
.imglist_w9 .zpnrs {height: 250px;line-height: 250px;padding-bottom: 5px;border: 0px;}
.imglist_w9 .zpnr {height: 250px;padding-bottom: 5px;border: 0px;border-left: #e0e0e0 solid 1px;}
.imglist_w9 .wypp {float: left;width: 300px;border: 0px;text-align: right;border-top: #e0e0e0 solid 1px;text-align: center;}
.imglist_w9 .wyds {float: left;width: 875px;border: 0px;border-left: #e0e0e0 solid 1px;padding-left: 20px;border-top: #e0e0e0 solid 1px;overflow: hidden;height: 50px;padding-top: 20px;}
.imglist_w9 .gdgh{padding:5px;line-height:26px;overflow:auto;height:220px;margin-top:5px;}
.imglist_w9 dd input{height:25px;border: #e0e0e0 solid 1px;}
.imglist_w9 .xiao input{height:auto;}
.imglist_w9 .oslo{height: 140px;overflow:hidden;}
.imglist_w9 .oslo textarea{height: 135px;width: 556px; */;border: #e0e0e0 solid 1px;}
.imglist_w9 dd .valiCode{height:19px;margin-bottom: -4px;overflow:hidden;}
.imglist_w9 .dass{height:40px;overflow:hidden;padding-top: 8px;}
.imglist_w9 .dass input {width: 129px;height: 33px;border:1px solid #fff;color:#fff;font-size:15px;font-weight:bold;font-family:"微软雅黑";outline:none;background:#fff;cursor:pointer;background:#666;}
.imglist_w9 .dass input:hover{background:#51431e;color:#fff;border:1px solid #fff;}

.jobm .pro_main{ margin-top:20px; background:#fff; padding:20px 0;}


/*feed*/
.banner_feed{ height:550px; background:url(../images/banner_ser.jpg) no-repeat center; position:relative}
.proshowfeedc{ width:1200px; margin:0 auto;}
.proshowfeedc{ margin-top:30px; margin-bottom:30px; overflow:hidden}
.proshowfeedc ul li{ overflow:hidden; margin-bottom:25px;}
.profeedsl{ margin-right:18px;}
.profeeds{ width:589px; height:50px; overflow:hidden; position:relative; background:#f7f7f7; float:left; border:1px solid #d7d7d7;}
.profeeds span{ padding-left:24px; position:relative; top:4px;}
.profeeds input{ width:525px; padding-left:15px; line-height:50px; background:none; border:0px; font-size:14px; color:#636363; outline:none;}
.profeedly{ width:100%;background:#f7f7f7;border:1px solid #d7d7d7;}
.profeedly textarea{ height:160px; width:1135px; border:0px; background:none; line-height:50px; font-size:14px; color:#636363; outline:none;padding-left:15px;}
.profeedly span{ padding-left:24px; position:relative; top:-125px;}

.profeedyzm{ width:589px; height:50px; overflow:hidden; position:relative; background:#f7f7f7; float:left; border:1px solid #d7d7d7;}
.profeedyzm .yzmtb{ padding-left:24px; position:relative; top:4px;}
.profeedyzm input{ width:395px;; padding-left:15px; line-height:50px; background:none; border:0px; font-size:14px; color:#636363; outline:none;}
.profeedyzm .yzm{ display:inline-block; height:50px; float:right}
.profeedyzm .yzm img{ width:125px; margin-top:13px;}
.profeedtj .btn{ width:591px; height:50px; line-height:50px; background:#51431e; font-size:15px; border:0px;  outline:none; color:#fff;}


.cnt_box_1{ margin-top:27px; overflow:hidden;}
.cnt_box_1 input{  padding:15px 0 15px 75px; width: 100%;line-height:21px; background:#F2F2F2 url(../images/adf.jpg) left top no-repeat; border:1px solid #E5E5E5; outline:none; color:#333; box-sizing: border-box;font-size:13px; background-position:left -78px}
.cnt_box_0 input{ background-position:left 0px}
.cnt_box_2 input{ background-position:left -157px;}
.cnt_box_3 textarea{ width: 100%;height:242px; padding:15px 0 15px 75px; line-height:21px; background:#F2F2F2 url(../images/adf.jpg) left -235px no-repeat; border:1px solid #E5E5E5; outline:none; color:#333; font-size:13px;box-sizing: border-box;}
.cnt_box_3 textarea:focus{ background-image:url(../images/adfh.jpg); }
.cnt_box_4{ margin-top:27px; overflow:hidden;}
.cnt_box_4 input{ width:100%; height:51px; line-height:51px; border:0px; background: #afa27a; color:#FFF; font-size: 20px;  cursor:pointer;font-family: "微软雅黑";font-weight: bold;}
.cnt_box_1 input:focus{ background-image:url(../images/adfh.jpg);background-position:left -78px}
.cnt_box_0 input:focus{ background-image:url(../images/adfh.jpg); background-position:left 0px}
.cnt_box_2 input:focus{ background-position:left -157px;}



/*honor*/
.honer{ width:1200px; margin:0 auto; overflow:hidden; margin-top:50px; padding-bottom:50px;}
.honer ul{ overflow:hidden;}
.honer ul li{ float:left; width:350px; margin-left:30px; text-align:center; margin-bottom:20px;}
.honer ul li .honimg{height:300px; width:350px; }
.honer ul li img{ max-width:100%;max-height:100%; transition: all 0.3s;}
.honer ul li .honimg:hover img{transform:scale(1.1,1.1);}
.honer ul li p{ font-size:16px; margin-top:5px; color:#333;}


.hons_tit{ font-size:16px; text-align:center;}
.hons_img{ text-align:center; margin-top:10px;}


.totop{ position:fixed; right:20px; bottom:20px; cursor:pointer; z-index:666;}