@charset "utf-8";
.inbanner{ width: 100%; height: 700px; position: relative; overflow: hidden;}
.inbanner>img{ position: absolute; left:50%; margin-left: -960px; top:0; height: 100%; z-index: 1;}


.ibcate{ position: absolute; width: 100%; top:50%; z-index: 1; margin-top: -62px;
	 left:0; color: #fff; text-align: center;}
.ibcate .cn{ font-size: 48px; line-height: 84px; height: 84px;}
.ibcate p{ font-size: 16px; line-height: 40px; height: 40px; text-transform: uppercase;}
.ibcate p i{ display: inline-block; width: 50px; margin: 0 10px; height: 1px;
	background-color: #fff; vertical-align: middle; position: relative; top:-2px;}
.ibcate span.ltspc2{ letter-spacing: 10px; padding-left: 10px;}
.bgf4{ background-color: #f4f4f4;}
.bgfff{ background-color: #fff;}
.bgfff .cer{ padding: 60px 0;}


.cate{ height: 66px; line-height: 66px; text-align: center;}
.cate .cn{ font-size: 42px; color: #444; font-weight: bold; height: 66px;
	position: relative; margin-top: -66px; z-index: 1;}
.cate .en{ font-size: 0; height: 66px;}
.cate .en img{ vertical-align: top;}


.js-qiecon{ display: none;}.js-qiecon.on{ display: block;}

.lefthalf{ float: left; width: 50%; height: 100%; position: relative; overflow: hidden;}
.righthalf{ float: right; width: 50%; height: 100%; position: relative; overflow: hidden;}


.erji{ font-size: 0; white-space: nowrap; width: 100%; height: 100px;
	 position: relative; text-align: center;}
.erji a{ display: inline-block; width: 392px; height: 100%; position: relative; background-color: #696969;
	color: #fff; font-size: 20px; line-height: 100px; margin-left: 12px;}
.erji2 a{ width: 594px;}
.erji a:first-child{ margin-left: 0;}
.erji a span{ margin-left: 16px; vertical-align: middle;}
.erji a:hover,.erji a.on{ background-color: #dc5623;}



 


.kehulist{ width: 1240px; padding: 40px 0 20px; overflow: hidden; margin-left: -20px;}
.kehulist li{ float: left; width: 25%; margin-bottom: 32px;}
.kehulist li .lin{ padding: 0 20px;}

.kehulist li a{ display: block; background-color: #fff;}
.kehulist .pic{ height: 130px; overflow: hidden; border: 1px solid #dedede;
	font-size: 0; line-height: 130px; text-align: center; }
.kehulist img{ max-width: 100%; max-height: 100%;}
.kehulist h3{ margin-top: 10px; height: 32px; overflow: hidden;
	font-size: 16px; color: #666; line-height: 32px; text-align: center;}
.kehulist h3,.kehulist .pic{ -webkit-transition: 0.3s; 
	-moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.kehulist li:hover h3{ color: #dc5623;}
.kehulist li:hover .pic{ box-shadow: 0 3px 12px 0 rgba(0,0,0,0.1);}



.txtlist{  padding: 60px 0;}
.txtlist li{ padding: 15px 0 16px 52px; height: 30px; background: #fff url('../images/dgt1.png') 20px center no-repeat;}
.txtlist li:nth-child(2n+1){ background-color: #eee;}
.txtlist li a{ display: block; padding-right: 100px; position: relative;
	color: #333; font-size: 16px; line-height: 30px;}
.txtlist li a:hover{ color: #300d76;}
.txtlist li span.date{ position: absolute; width: 100px; right: 0; top:0; font-size: 14px; color: #666;}





.atc2{ padding: 50px 0 0;}
.atc2 .atc-h{ padding-bottom: 32px; border-bottom: 1px solid #ddd;}
.atc2 .atc-h h1{ font-size: 32px; color: #333; line-height: 50px;}
.atc2 .atc-date{ color: #999; line-height: 24px; height: 24px; margin-top: 5px;}
.atc2 .atc-date span{ display: inline-block; padding-left: 24px;}
span.click{ background: url('../images/click.png') left no-repeat;}
span.clock{ background: url('../images/clock.png') left no-repeat;}
.atc2 .atc-date i{ display: inline-block; margin: 0 20px}


.atc2 .atc-con{ padding: 20px 0 50px; font-size: 16px; line-height: 30px; color: #555; border-bottom: 1px solid #ddd;}
.atc2 .atc-con img{ max-width: 100%;}

.atc2 .atc-pn{ position: relative; margin-top: 24px; padding-right: 160px; display: none;}
.atc2 .atc-pn a{ display: block; overflow: hidden; color: #666; line-height: 32px;}
.atc2 .atc-pn a:hover{ color: #dc5623;}

.atc2 .atc-pn a.ret{ color: #fff; text-align: center; line-height: 38px; border: 1px solid #dc5623; background-color: #dc5623;
	position: absolute; right:0; top:12px; z-index: 1; width: 146px; height: 38px;}
.atc2 .atc-pn a.ret:hover{ box-shadow: 0 0 10px 0 #dc5623;}




.jiazhuanglist{ width: 1230px; padding: 30px 0 25px; margin: 0 auto;}
.jiazhuanglist2{ padding: 35px 0 5px;}
.jiazhuanglist li{ float: left; width: 380px; margin:0 15px 34px;}
.jiazhuanglist li a{ display: block; background-color: #fff;}
.jiazhuanglist .pic{ width: 100%; height: 285px; overflow: hidden;}
.jiazhuanglist img{ width: 100%; height: 100%;}

.jiazhuanglist li .con{ padding: 10px;}
.jiazhuanglist li .conin{ padding-left: 98px; height: 80px;}
.jiazhuanglist li .designer{ float: left; width: 80px; height: 80px; overflow: hidden; margin-left: -98px;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%;}
.jiazhuanglist li h3{ font-size: 16px; line-height: 32px; color: #333; padding-top: 8px;
	height: 32px; overflow: hidden;}
.jiazhuanglist li .txt{ font-size: 14px; color: #666; line-height: 26px;
	height: 26px; overflow: hidden;}
.jiazhuanglist li .txt i{ margin: 0 6px;}

.jiazhuanglist li:hover{ box-shadow: 0 2px 16px 0 rgba(0,0,0,0.15);}
.jiazhuanglist li:hover h3{ color: #dc5623;}
.jiazhuanglist li,.jiazhuanglist li h3{-webkit-transition: .5s; -moz-transition: .5s;
	-ms-transition: .5s; -o-transition: .5s; transition: .5s;}




.leilist{ margin: 0 auto; overflow: hidden; width: 1200px; max-width: 100%;
	 position: relative; z-index: 1; font-size: 0; text-align: center; padding-top: 30px;}
.leilist li{ display: inline-block; width: 130px; border-left: 1px solid #d8d8d8;}
.leilist li:first-child{ border-left: 0 none;}
.leilist li a{ display: block; background-color: #fff;
	position: relative; padding-top: 70px; height: 24px;}

.leilist .pic{ width: 100%; height: 70px; line-height: 70px; text-align: center; font-size: 0;
	position: absolute; top:0; left:0; z-index: 0;}
.leilist .pic.p1{ opacity: 1; filter:alpha(opacity= 100);}
.leilist .pic.p2{ opacity: 0; filter:alpha(opacity= 0);}
.leilist img{ max-width: 100%; max-height: 100%;}
.leilist h3{ font-size: 14px; color: #666; line-height: 34px; height: 34px; overflow: hidden;}
.leilist li:hover h3,.leilist li.on h3{ color: #dc5623;}


.leilist li:hover .pic.p1,.leilist li.on .pic.p1{ opacity: 0; filter:alpha(opacity= 0);}
.leilist li:hover .pic.p2,.leilist li.on .pic.p2{ opacity: 1; filter:alpha(opacity= 100);}

.leilist h3,.leilist li a,.leilist .pic{-webkit-transition: 0.5s;
	-moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}




.quanjinlist{ width: 1230px; padding: 30px 0 25px; margin: 0 auto;}
.quanjinlist li{ float: left; width: 380px; margin:0 15px 34px;}
.quanjinlist .pic{ width: 100%; height: 285px; overflow: hidden; position: relative;}
.quanjinlist img{ width: 100%; height: 100%;}
.quanjinlist li .manyou{ position: absolute; z-index: 2; right:20px; top:20px;
	background: rgba(0,0,0,0.3) url('../images/manyou.png') center no-repeat;
	width: 134px; height: 40px; margin-top: 0; margin-right: 0;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px;}

.quanjinlist li .con{ padding: 20px 20px; background-color: #fff;}
.quanjinlist li h3{ font-size: 16px; line-height: 32px; color: #333; padding-top: 8px;
	height: 32px; overflow: hidden;}
.quanjinlist li .txt{ font-size: 14px; color: #666; line-height: 26px;
	height: 26px; overflow: hidden;}
.quanjinlist li .txt i{ margin: 0 6px;}

.quanjinlist li:hover{ box-shadow: 0 2px 16px 0 rgba(0,0,0,0.15);}
.quanjinlist li:hover h3{ color: #dc5623;}
.quanjinlist li:hover a.manyou{ top:50%; margin-top: -20px; right:50%; margin-right: -67px;}
.quanjinlist li,.quanjinlist li h3,.quanjinlist li .manyou{-webkit-transition: .5s; -moz-transition: .5s;
	-ms-transition: .5s; -o-transition: .5s; transition: .5s;}





.newslist{ padding: 24px 0 60px;}
.newslist li{ width: 100%; padding: 30px 0; border-bottom: 1px solid #eee;}
.newslist li:first-child{ border-top: 1px solid #eee; }
.newslist li a{ display: block; position: relative; padding-left: 360px;
	height: 174px; overflow: hidden; padding-right: 180px;}

.newslist li .pic{ position: absolute; left: 30px; top:0; z-index: 1;
	width: 280px; height: 100%; overflow: hidden;}
.newslist li .pic img{ width: 100%; height: 100%;}
.newslist li .nright{ width: 180px; height: 100%;
	position: absolute; right:0; top:0; z-index: 1;}

.newslist li h3{ font-size: 20px; color: #333; line-height: 30px; height: 30px; overflow: hidden; padding: 15px 0 0 0;}
.newslist li .txt{ color: #666; line-height: 24px; overflow: hidden; height: 72px; margin-top: 10px;}
.newslist li .biaoyu{ color: #ddd; line-height: 24px; text-transform: uppercase; margin-top: 12px;}

.newslist li .date{ font-size: 46px; color: #ddd; line-height: 2em; text-align: center;}
.newslist li label{ line-height: 24px; color: #ddd; text-indent: 33px; text-transform: uppercase;
	 display: block; width: 100%; height: 24px; margin-top: 16px; position: relative; margin-left: 0;
	 background: url('../images/n-jtr.png') 130px center no-repeat;}

.newslist li:hover h3{ color: #dc5623;}
.newslist li:hover{ box-shadow: 0 4px 14px 1px rgba(0,0,0,0.1);}
.newslist li:hover label{ color: #dc5623; margin-left: -20px; background-image: url('../images/n-jtrh.png');}
.newslist h3,.newslist li,.newslist label{ 
	-webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}



.rlcase{ margin: 50px 0 80px;}
.rlcase .btl{ width: 100%; height: 46px; line-height: 46px; overflow: hidden;}
.rlcase .btl span{ float: left; font-size: 28px; color: #2f2f2f; display: block;
	padding-left: 52px; background: url('../images/tui.png') left no-repeat;}
.rlcase .btl a{ float: right; color: #2f2f2f; display: block;
	padding-left: 30px; background: url('../images/change2.png') left no-repeat;}
.rlcase .btl a:hover{ color: #dc5623; background-image: url('../images/change2h.png');}

.rlcaselist{ width: 100%; overflow: hidden; font-size: 0; margin-top: 20px;}
.rlcaselist li{ display: inline-block; width: 392px; margin-left: 12px;}
.rlcaselist li:first-child{ margin-left: 0;}
.rlcaselist li a{ display: block; position: relative; height: 245px; overflow: hidden;}

.rlcaselist li .bg{ position: absolute; width: 100%; height: 100%; top:0; left:0; z-index: 0;}
.rlcaselist li .bg img{ width: 100%; height: 100%; display: block;}
.rlcaselist li h3{ font-size: 16px; color: #fff; line-height: 40px; text-align: center;
	width: 100%; height: 40px; overflow: hidden; position: absolute; bottom: 0;left:0; z-index: 1;
	opacity: 1; filter:alpha(opacity= 100); background-color: rgba(0,0,0,0.7);}


.rlcaselist li .cover{ position: absolute; width: 100%; height: 100%; top:30%; left:0; z-index: 2;
	opacity: 0; filter: alpha(opacity=0); background-color: rgba(0,0,0,0.7);}
.rlcaselist li .cover .in{ padding: 80px 0 10px;}
.rlcaselist li .cover .pic{ width: 100%; height: 50px; background: url('../images/glass.png') center no-repeat;}
.rlcaselist li .cover h4{ font-size: 16px; color: #fff; line-height: 30px;
	height: 30px; overflow: hidden; text-align: center;}


.rlcaselist li .cover,.rlcaselist li .bg,.rlcaselist li h3{-webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition:  .6s;}
.rlcaselist li:hover .cover{ top:0; opacity: 1; filter: alpha(opacity=100);}
.rlcaselist li:hover h3{ opacity: 0; filter:alpha(opacity= 0); bottom: -40px;}








.tree{ padding: 15px 0; height: 30px; font-size: 14px; line-height: 30px; color: #666;}
.tree a{ color: #666; padding: 0 5px;}
.tree a.leaf,.tree a:hover{ color: #dc5623;}
.tree a:first-child{ padding-left:0;}

.main{ padding: 0 0 60px; overflow: hidden;}
.mainleft{ float: left; width: 900px;}
.mainright{ float: right; width: 280px;}




.atc{ padding: 30px 30px 60px; overflow: hidden; background-color: #fff;}
.atc .atc-h{ padding-bottom: 16px; border-bottom: 1px solid #e7e7e7;}
.atc .atc-h h1{ font-size: 32px; color: #303030; line-height: 40px;}

.atc .atc-date{ color: #999; line-height: 24px; margin-top: 6px;}
.atc .atc-date span{ display: inline-block;}
.atc .atc-date i{ display: inline-block; margin: 0 20px;}

.atc .atc-info{ color: #666; line-height: 24px; height: 24px; margin: 24px 0;}
.atc .atc-info span{ display: inline-block;}
.atc .atc-info em{ color: #dc5623; font-weight: normal;}
.atc .atc-info i{ display: inline-block; margin: 0 20px;}

.atc .atc-con{ padding: 0 0 40px; font-size: 16px; line-height: 30px; color: #333;}
.atc .atc-con img{ max-width: 100%;}


.atc .atc-pn{ position: relative; width: 100%; height: 32px; padding-top: 20px; border-top: 1px solid #f4f4f4;}
.atc .atc-pn a.atc-prev,.atc .atc-pn a.atc-next{ width: 120px; height: 30px; color: #333; line-height: 30px; 
	position: absolute; z-index: 1; top:20px; overflow: hidden; text-align: center;
	border: 1px solid #c8c8c8; background-color: #fff;}
.atc .atc-prev{ left:0;} 
.atc .atc-next{ right:0;}
.atc .atc-pn .atc-prev:hover,
.atc .atc-pn .atc-next:hover{ color: #fff; background-color: #dc5623; border-color: #dc5623;}





.sdcase{ background-color: #fff; padding: 15px 20px 10px;}
 
.sdcase .btl{ width: 100%; height: 28px; line-height: 28px;
	padding-bottom: 10px; overflow: hidden; border-bottom: 1px solid #e7e7e7;}
.sdcase .btl span{ float: left; font-size: 18px; color: #333;}
.sdcase .btl a{ float: right; color: #999;}
.sdcase .btl a:hover{ color: #dc5623; text-decoration: underline;}

.sdcaselist{ margin-top: 20px;}
.sdcaselist li{ height: 90px; margin-bottom: 20px;}
.sdcaselist li a{ display: block; overflow: hidden; padding-left: 130px;}
.sdcaselist li .pic{ float: left; width: 120px; height: 90px; margin-left: -130px;}
.sdcaselist li .pic img{ width: 100%; height: 100%;}

.sdcaselist li h3{ font-size: 14px; color: #333; line-height: 24px; padding: 4px 0;
	height: 48px; overflow: hidden;}
.sdcaselist li label.more{ display: block; font-size: 12px; color: #666; line-height: 22px; 
	border: 1px solid #c8c8c8; cursor: pointer; background-color: #fff;
	width: 66px; height: 22px; overflow: hidden; text-align: center;}


.sdcaselist li:hover h3{ color: #dc5623;}
.sdcaselist li:hover label.more{ color: #fff; background-color: #dc5623; border-color: #dc5623;}
.sdcaselist h3,.sdcaselist label.more{ -webkit-transition: 0.5s; -moz-transition: 0.5s;
	 -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}



.yysj{ padding-top: 103px; margin-bottom: 20px; border: 1px solid #e7e7e7;
	background: #fff url('../images/yysj.jpg') top no-repeat;}

.liuyan{ color: #333; font-size: 0; padding: 24px 19px 34px;}
.liuyan .hang{ height: 40px; line-height: 40px; margin-bottom: 20px;}

.liuyan input[type=text]{ width: 100%; height: 38px; border:1px solid #ddd;
	 line-height: 38px; font-size: 14px; text-indent: 20px;}
.liuyan input[type=text]:focus{ border-color: #e76634;}
.liuyan input[type=text]{ transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}

.liuyan i.v{ display: block; width: 100%; height: 100%; vertical-align: top;}

.liuyan .hang2 i.v{ float: left; width: 104px;}
.liuyan img#verifyImg{ float: right; width: 100px; height: 40px; cursor: pointer;}
.liuyan a.change{ float: left; width: 36px; height: 100%;
	background: url('../images/change3.png') center no-repeat;}

.liuyan input#tj{ width: 240px; height: 50px; font-size: 18px; line-height: 50px;
	background-color: #f05525; color: #fff; display: block;}
.liuyan input#tj:hover{ opacity: 0.9; filter:alpha(opacity= 90);}



.sdinfo{ background-color: #fff; margin-bottom: 20px; padding: 20px 20px 30px;}
.sddesigner{ text-align: center;}
.sddesigner .pic{ border: 1px solid #ddd;}
.sddesigner .pic img{ width: 100%;}
.sddesigner h3.name{ font-size: 16px; color: #000; line-height: 32px; margin-top: 5px;}

.sddesigner .txt{ font-size: 14px; color: #666; line-height: 24px;}
.sddesigner .txt span{ display: inline-block;}
.sddesigner .txt i{ display: inline-block; margin: 0 10px;}

.sddesigner .btnarea{ height: 26px; font-size: 0; margin-top: 14px;}
.sddesigner a.zixun{ font-size: 12px; color: #666; line-height: 26px; 
	border: 1px solid #dcdcdc; background-color: #fff; margin: 0 8px;
	display: inline-block; width: 102px; height: 26px; overflow: hidden;}
.sddesigner a.zixun:hover{ color: #fff; background-color: #dc5623; border-color: #dc5623;}





/* 设计师 */
.hotper{ padding: 30px 30px 30px 334px; height: 380px; color: #333; position: relative;
	background-color: #fff; margin-bottom: 25px;}
.hotper .pic{ float: left; width: 285px; height: 380px; margin-left: -304px; position: relative;}
.hotper .pic img{ width: 100%; height: 100%;}
.hotper label.bq{ width: 118px; height: 42px; padding-bottom: 6px; left:-6px; top:0; z-index: 1;
	background: url('../images/yanwei.png') center no-repeat; position: absolute;
	font-size: 16px; color: #fff; line-height: 42px; text-align: center;}

.hotper h3.name{ padding-left: 20px; font-size: 30px; line-height: 50px; padding-top: 10px;}
.hotper .txt{ padding-left: 20px; padding-right: 140px; line-height: 30px; font-size: 14px;
	height: 90px; overflow: hidden; margin: 10px 0 18px;}
.hotper .txt span{ display: inline-block; color: #dc5623; min-width: 80px;}


.hotper .somecase{ width: 846px; height: 202px; overflow: hidden;}
.hotper .somecase li{ float: left; margin-right: 12px; width: 270px; height: 100%; position: relative; background-color: #000;}
.hotper .somecase li img{ width: 100%; height: 100%;}
.hotper .somecase li label{ display: block; width: 132px; height: 38px; border: 1px solid #fff; cursor: pointer;
	position: absolute; left:50%; top:50%; margin-left: -67px; margin-top: 20px; z-index: 1;
	font-size: 14px; color: #fff; line-height: 38px; text-align: center; opacity: 0; filter:alpha(opacity= 0);}
.hotper .somecase li:hover img{ opacity: 0.3; filter:alpha(opacity= 30);}
.hotper .somecase li:hover label{ opacity: 1; filter:alpha(opacity= 100); margin-top: -20px;}
.hotper .somecase li img,.hotper .somecase li label{ -webkit-transition: 0.5s; -moz-transition: 0.5s;
	-ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}

.hotper a.zixun,.hotper a.more{ display: block; font-size: 14px; color: #666; line-height: 38px; text-align: center;
	border: 1px solid #999; cursor: pointer; background-color: #fff; overflow: hidden;
	width: 132px; height: 38px; position: absolute; top:54px; right:30px; z-index: 1;}
.hotper a.zixun{ top: 114px;}
.hotper a.zixun:hover,.hotper a.more:hover{ color: #fff; background-color: #ff7303; border-color: #ff7303;}




.shejilist{ width: 1220px; padding: 25px 0 40px; margin-left: -10px;}
.shejilist2{ padding: 35px 0 60px;}
.shejilist li{ float: left; width: 285px; margin:0 10px 20px; height: 380px;
	position: relative; background-color: #373737; overflow: hidden;}
.shejilist .picout{ overflow: hidden; width: 196px; height: 196px;
	position: absolute; top:36px; left:50%; margin-left: -98px; z-index: 2;
	-moz-border-radius: 98px; -webkit-border-radius: 98px; border-radius:98px;}
.shejilist .pic{ width: 285px; height: 380px; position: absolute; top:-36px;
	left:50%; margin-left: -142px; z-index: 0;}
.shejilist img{ width: 100%; height: 100%;}
.shejilist li .more{ left:0; background: url('../images/she1.png') 20px no-repeat;}
.shejilist li .zixun{ right:0; background: url('../images/she2.png') 20px no-repeat;}
.shejilist li .btnarea{ width: 100%; height: 44px; position: absolute; bottom: -44px;
	left:0; z-index: 3; opacity: 0; filter:alpha(opacity= 0);
	background: #373737 url('../images/dao.png') left no-repeat;}
.shejilist li .btnarea a{ position: absolute; z-index: 1;top:0; width: 50%; height: 100%;
	text-align: center; font-size: 14px; color: #fff; line-height: 44px;}

.shejilist li .txt{ color: #222; line-height: 34px; padding:246px 24px 0;}
.shejilist li .txt1{ line-height: 44px; text-align: center; color: #fff;
	 margin-bottom: 18px; height: 44px; overflow: hidden;}
.shejilist li .txt1 em{ font-size: 24px; font-weight: normal; margin-right: 8px;}
.shejilist li .txt2{ width: 100%; height: 48px; overflow: hidden;
	 font-size: 14px; line-height: 24px; color: #999;}
.shejilist li .txt2 p{ overflow: hidden; height: 24px;}
.shejilist li .txt2 p span{ width: 50%; height: 100%;}
.shejilist li .txt2 p span.r{ text-align: right;}


.shejilist li:hover{ box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);}
.shejilist li:hover .picout{ width: 100%; height: 380px; top:0; left:0; margin-left: 0;
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius:0;}
.shejilist li:hover .pic{ top: 0;}
.shejilist li:hover .btnarea{ opacity: 1; filter:alpha(opacity= 100); bottom: 0;}
.shejilist li,.shejilist .picout,.shejilist .pic,.shejilist li .btnarea{-webkit-transition: .5s; -moz-transition: .5s;
	-ms-transition: .5s; -o-transition: .5s; transition: .5s;}



.sheji-dbt{ width: 100%; position: relative; height: 50px; text-align: center;}
.sheji-dbt:after{ content: ''; position: absolute; left: 0; top:50%; z-index: 0;
	width: 100%; height: 1px; background-color: #888;}
.sheji-dbt span{ display: inline-block; padding: 0 42px; background-color: #f4f4f4;
	font-size: 26px; color: #333; line-height: 50px; position: relative; z-index: 1;}



.shejione{ width: 100%; height: 700px;
	background: url('../images/ib31.jpg') center no-repeat;}
.shejione .cer{ position: relative;}
.per{ padding: 0 0 0 490px; height: 488px; color: #fff;
	width: 710px; background: url('../images/di.png') 70px bottom no-repeat;
	position: absolute; top:140px; left:0; z-index: 1;}
.per .pic{ float: left; width: 300px; height: 400px; margin-left: -420px;
	position: relative; background-color: #ef821a;}
.per .pic img{ width: 100%; height: 100%; position: relative; margin-top: 10px; margin-left: 10px;}

.per h3{ padding: 30px 0 15px; height: 48px; color: #fff; overflow: hidden;
	border-bottom: 1px solid #9b9b9b; width: 320px;}
.per h3 .name{ float: left; font-size: 36px; line-height: 48px;}
.per h3 i.xx{ float: left; width: 52px; height: 48px;
	background: url('../images/she4.png') center no-repeat;}
.per .bq{ float: left; height: 44px; margin-top: 2px;}
.per .bq label{ display: block;font-size: 16px; color: #f08519; line-height: 22px;}
.per .bq span{ display: block;font-size: 14px; color: #f4f4f4; line-height: 22px;}

.per .txt{ margin-top: 28px; line-height: 32px; font-size: 16px; padding-bottom: 1px;}
.per .txt p{ margin-bottom: 16px;}
.per a.yuyue{ display: block; font-size: 18px; color: #fff; line-height: 50px; text-indent: 84px;
	background-color: #fff; overflow: hidden; width: 210px; height: 50px; margin-top: 15px;
	background: #f05525 url('../images/she3.png') 50px center no-repeat;}
.per a.yuyue:hover{ opacity: 0.8; filter:alpha(opacity= 80);}



.lxlist{ overflow: hidden; width: 100%; margin-top: -100px;
	 position: relative; z-index: 3; text-align: center; overflow: hidden;}
.lxlist li{ float: left; width: 400px; height: 412px;}

.lxlist .pic1{ width: 100%; height: 200px; line-height: 200px; font-size: 0; margin-bottom: 36px;}
.lxlist .pic2{ width: 100%; height: 40px; line-height: 40px; font-size: 0; margin-bottom: 18px;}
.lxlist img{ max-width: 100%; max-height: 100%;-webkit-transition: 0.3s; 
	-moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.lxlist .pic1 img{ -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%;}
.lxlist h3{ font-size: 16px; color: #333; line-height: 22px; height: 22px; overflow: hidden;}
.lxlist p{ font-size: 16px; color: #999; line-height: 22px;}
.lxlist li:hover .pic1 img{ box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);}
.lxlist li:hover .pic2 img{ -webkit-animation: rotateY360 2s 1 linear; 
	animation: rotateY360 2s 1 linear;}
#map{ width: 100%; height: 600px;}






.ab4{ height: 230px; padding: 165px 0; background: url('../images/abbg.jpg') center no-repeat;}
.ab4 .kuang{ width: 800px; height: 100%; color: #fff; margin: 0 auto; text-align: center;
	background: url('../images/abkuang.png') center no-repeat;}
.ab4 .kuang h3{ font-size: 30px; line-height: 48px; padding-top: 50px; margin-bottom: 10px;}
.ab4 .kuang p{ font-size: 16px; line-height: 30px;}




.cullist{ overflow: hidden; width: 1230px; padding:78px 0 70px;
	 position: relative; z-index: 1; margin-left: -15px;}
.cullist li{ float: left; width: 380px; height: 120px; margin: 0 15px 30px;}
.cullist li .lin{ background-color: #fff; border: 1px solid #dedede;
	position: relative; padding-left: 118px; width: 260px; height: 118px;}

.cullist .pic{ width: 118px; height: 100%; line-height: 118px; text-align: center; font-size: 0;
	position: absolute; top:0; left:0; z-index: 0;}
.cullist .pic.p1{ opacity: 1; filter:alpha(opacity= 100);}
.cullist .pic.p2{ opacity: 0; filter:alpha(opacity= 0);}
.cullist img{ max-width: 100%; max-height: 100%;}
.cullist h3{ font-size: 24px; color: #dc5623; line-height: 44px; height: 44px; padding-top: 22px;}
.cullist h4{ font-size: 14px; color: #666; line-height: 32px; height: 32px; overflow: hidden;}
.cullist li:hover h3,.cullist li:hover h4{ color: #fff;}

.cullist li:hover .lin{ border-color: #dc5623; background-color: #dc5623;}
.cullist li:hover .pic.p1{ opacity: 0; filter:alpha(opacity= 0);}
.cullist li:hover .pic.p2{ opacity: 1; filter:alpha(opacity= 100);}

.cullist h3,.cullist h4,.cullist li .lin,.cullist .pic{-webkit-transition: 0.5s;
	-moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}


/*
.about{ padding: 60px 80px 100px 580px; min-height: 500px;
	background: url('../images/k.png') 100px 60px no-repeat;}*/

.about{ padding: 60px 80px 100px 80px; min-height: 500px;
	}


.about h2{ font-size: 30px; color: #dc5623; line-height: 50px; padding: 20px 34px;
	background: url('../images/ab-sx.png') left no-repeat;}
.about .aboutcon{ line-height: 30px; color: #555; text-align: justify;}

.vdhot{ margin: -538px auto 80px; padding: 38px 40px 308px; width: 918px; height: 516px;
	position: relative; z-index: 5; background: url('../images/vdbg2.png') center no-repeat;}
#video{ width: 918px; height: 516px;}






.jm-dbt{ height: 54px; padding-bottom: 36px;
	font-size: 36px; color: #4a4a4a; line-height: 54px; text-align: center;
	background: url('../images/line1.png') bottom no-repeat;}

.zterji{ height: 80px; overflow: hidden; position: relative; text-align: center;
	border-bottom: 1px solid #f4f4f4; font-size: 0; white-space: nowrap;}
.zterji a{ display: inline-block; height: 80px; position: relative;
	 color: #666; font-size: 18px; line-height: 80px; margin: 0 52px;}

.zterji a:after{ content: ""; position: absolute; left:100%; bottom: 0; z-index: 0; width: 0; 
   border-bottom: 3px solid #ab845d; -webkit-transition: .3s; transition: .3s;}
.zterji a:hover:after{ width: 100%; left:0; transition: width 0.3s; -webkit- transition: width 0.3s;}
.zterji a.on:after{ width: 100%; left:0;}
.zterji a:hover,.zterji a.on{ color: #ab845d;}


.fiveyou{ padding: 70px 0;}

.fiveyoulist{ width: 1230px; padding: 64px 0 1px; margin-left: -15px;}
.fiveyoulist li{ float: left; width: 378px; border: 1px solid #dedede; margin:0 15px 30px;}
.fiveyoulist li.big{ width: 573px;}
.fiveyoulist li a{ display: block;}
.fiveyoulist .pic{ width: 100%; height: 284px; overflow: hidden;}
.fiveyoulist .pic img{ width: 100%; height: 100%;}

.fiveyoulist li .wz{ padding: 20px 19px 34px;}
.fiveyoulist li h3{ font-size: 24px; line-height: 46px; color: #333;
	height: 46px; overflow: hidden; text-align: center;}
.fiveyoulist li h3 label{ display: inline-block; vertical-align: top;
	width: 46px; height: 46px; margin-right: 13px;}
.fiveyoulist li h3 span{ display: inline-block; vertical-align: top; height: 46px;}
.fiveyoulist li .txt{ font-size: 14px; color: #999; line-height: 24px;
	height: 72px; overflow: hidden; margin-top: 14px;}

.fiveyoulist label.i1{ background: url('../images/ys1.png') center no-repeat;}
.fiveyoulist label.i2{ background: url('../images/ys2.png') center no-repeat;}
.fiveyoulist label.i3{ background: url('../images/ys3.png') center no-repeat;}
.fiveyoulist label.i4{ background: url('../images/ys4.png') center no-repeat;}
.fiveyoulist label.i5{ background: url('../images/ys5.png') center no-repeat;}

.fiveyoulist li:hover{ box-shadow: 0 7px 13px 1px rgba(0,0,0,0.1);}
.fiveyoulist li:hover h3{ color: #a8815a;}
.fiveyoulist li,.fiveyoulist li h3{-webkit-transition: .5s; -moz-transition: .5s;
	-ms-transition: .5s; -o-transition: .5s; transition: .5s;}




.badatitle{ height: 280px; position: relative;
	 background: url('../images/fuwubg.jpg') center no-repeat;}
.badatitle h2{ color: #8f663e; font-size: 36px; line-height: 1em; margin-left: -82px;
	position: absolute; left:50%; top: 122px; z-index: 1; height: 36px;
	-webkit-transition:2s; -moz-transition:2s; -ms-transition:2s; -o-transition:2s; transition:2s;}
.badatitle:hover h2{ margin-left: 0;}

.fuwulist{ overflow: hidden; width: 1200px; padding: 80px 0 30px;
	font-size: 0; text-align: center;}
.fuwulist li{ display: inline-block; width: 300px; margin-bottom: 75px;}
.fuwulist li a{ display: block; position: relative; padding-top: 140px; height: 28px;}

.fuwulist .pic{ width: 120px; height: 120px; line-height: 120px; text-align: center; font-size: 0;
	position: absolute; top:0; left:90px; z-index: 0;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%;}
.fuwulist .pic.p1{ opacity: 1; filter:alpha(opacity= 100); background-color: #f2f2f2;}
.fuwulist .pic.p2{ opacity: 0; filter:alpha(opacity= 0); background-color: #a57e58;}
.fuwulist img{ max-width: 100%; max-height: 100%;}
.fuwulist h3{ font-size: 18px; color: #333; line-height: 28px; height: 28px; overflow: hidden;}

.fuwulist li:hover h3{ color: #a57e58;}
.fuwulist li:hover .pic.p1{ opacity: 0; filter:alpha(opacity= 0);}
.fuwulist li:hover .pic.p2{ opacity: 1; filter:alpha(opacity= 100);}
.fuwulist h3,.fuwulist .pic{-webkit-transition: 0.5s;
	-moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}



.tiaojian{ height: 923px; background: url('../images/tiaojianbg.jpg') top no-repeat;}
.tiaojian .cer{ padding: 110px 0 140px;}

.tjout{ width: 1200px; margin: 44px auto 0; overflow: hidden;}
.tjlist{ width: 100%; height: 60px; font-size: 0; text-align: center; position: relative; z-index: 1;}
.tjlist li{ display: inline-block; width: 300px; height: 100%; position: relative;
	font-size: 24px; color: #fff; line-height: 60px; background-color: #666;}
.tjlist li:after{ content: ''; position: absolute; left: 50%; bottom:0; z-index: 0; margin-left: -10px;
	width: 20px; height: 10px; opacity: 0; filter:alpha(opacity= 0);
	background: url('../images/tiaojian-sjd.png') center no-repeat;}
.tjlist li:hover,.tjlist li.on{ background-color: #ab845d;}
.tjlist li.on:after{ bottom: -8px; opacity: 1; filter:alpha(opacity= 100);}
.tjlist li,.tjlist li:after{ -webkit-transition: 0.3s; -moz-transition: 0.3s; 
	-ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}

.tjtwo{ width: 100%; background-color: #fff;}
.tjcon{ padding: 27px 600px 36px 100px; height: 417px; position: relative;}
.tjcon .pic{ width: 555px; height: 417px; position: absolute; z-index: 0; top:27px; right:22px;}
.tjcon .pic img{ width:100%; height:100%;}
.tjcon .wz{ padding-top: 50px; height: 367px; overflow: hidden;
	font-size: 16px; color: #666; line-height: 2em;}
.tjcon h3{ font-size: 24px; color: #ab845d; line-height: 36px; margin-bottom: 5px;}
.tjcon div{ font-size: 18px; color: #333; line-height: 32px;}




.xinxiangtitle{ height: 280px; position: relative;
	 background: url('../images/xinxiangbg.jpg') center no-repeat;}
.xinxiangtitle h2{ color: #fff; font-size: 36px; line-height: 1em;
	position: absolute; left: 180px; top: 122px; z-index: 1; height: 36px;
	-webkit-transition:2s; -moz-transition:2s; -ms-transition:2s; -o-transition:2s; transition:2s;}
.xinxiangtitle:hover h2{ left: 260px;}

.xxcon{ padding: 80px 0 110px; position: relative;}
.propic h6{ position: absolute; left:0; top:117px; z-index: 5;}

.propic{ position: relative; width: 1086px; height: 610px; z-index: 1; padding-left: 114px;}
.propic-scroll{ position:relative; width: 100%;}
.propic-scroll .slides{ overflow: hidden; height: 610px;}
.propic-scroll .slides li{ display:none; height: 100%; -webkit-backface-visibility:hidden; position: relative;}
.propic-scroll .slides li a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden;}
.propic-scroll .slides a>img{ position: absolute; width: 100%; height: 100%;
	top:0; z-index: 1; left:0;}
.propic-scroll .slides li {background-color: #fff;}

.propic-scroll .flex-control-paging{ position: absolute; height: 50px; font-size: 0;
	bottom: 20px; z-index: 5; right: 10px; overflow: hidden;}
.propic-scroll .flex-control-paging li{display: inline-block; overflow:hidden; margin-left: 10px;}
.propic-scroll .flex-control-paging li a{ width:90px; height:46px; display:block; cursor:pointer; border: 2px solid transparent;}
.propic-scroll .flex-control-paging li img{ width: 100%; height: 100%;}
.propic-scroll .flex-control-paging li a.flex-active{ border: 2px solid #a57e58;}



.baomin{ padding: 110px 0 85px; background: url('../images/baominbg.jpg') center no-repeat;}
.baomin h3{ font-size: 46px; color: #fff; text-align: center; line-height: 78px;}
.baomin h4{ font-size: 32px; color: #fff; text-align: center; line-height: 58px;}

.formout{ width: 500px; margin: 46px auto 0;
	 background: rgba(255,255,255,0.3) url('../images/baomin.png') top right no-repeat;}

.liuyan3{ color: #666; font-size: 0; padding: 36px 100px;}
.liuyan3 .hang,.liuyan3 .hang2{ height: 40px; line-height: 40px; margin-bottom: 10px; position: relative;}
.liuyan3 input[type=text]{ width: 100%; height: 40px; border: 0 none; text-indent: 10px;
	line-height: 40px; font-size: 14px; border-left: 1px solid #d9d9d9; 
	margin-left: -1px; background-color: transparent;}
.liuyan3 textarea{ width:100%; height: 100%; resize:none;
	vertical-align: top; line-height: 50px; font-size: 14px; }

.liuyan3 p{ height: 100%; padding-left: 38px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}
.liuyan3 p.i1{ background: #fff url('../images/ly1.png') 10px no-repeat;}
.liuyan3 p.i2{ background: #fff url('../images/ly2.png') 12px no-repeat;}
.liuyan3 p.i3{ background: #fff url('../images/ly3.png') 11px no-repeat;}
.liuyan3 p.i4{ background: #fff url('../images/ly4.png') 11px no-repeat;}
.liuyan3 p.i5{ background: #fff url('../images/ly5.png') 10px no-repeat;}
.liuyan3 p.i6{ background: #fff url('../images/ly6.png') 11px no-repeat;}
.liuyan3 p.i7{ background: #fff url('../images/ly7.png') 11px no-repeat;}
.liuyan3  label.danwei{  position:absolute; right:10px; top:0; z-index: 1;
	font-size: 14px; height: 34px; font-style: normal;}

.liuyan3 i.v{ display: block; width: 100%; height: 100%; vertical-align: top;}
.liuyan3 .hang2 i.v{ display: inline-block; width: 150px;}

.liuyan3 img#verifyImg{ width: 100px; height: 38px; vertical-align: top;
	cursor: pointer; border: 1px solid #ededed; margin-left: 5px;}
.liuyan3 .yzmchange{ display: inline-block; width: 80px; height: 100%; vertical-align: top; 
	background: url('../images/change.png') center no-repeat; font-size: 0;}

.liuyan3 input#tj{ width: 100%; height: 44px; font-size: 22px; line-height: 44px;
	background-color: #ab845d; color: #fff; font-weight: bold; display: block; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}
.liuyan3 input#tj:hover{ opacity: 0.9; filter:alpha(opacity= 90); background-color: #f05525;}

.liuyan3 .hang span.Validform_checktip{ left:auto; right:5px; top:10px;}








/* 首页 */
.section { position: relative; overflow: hidden; width: 100%; height: 100vh;}
.section1{ }

.section2{ background: url('../images/sec2.jpg') center no-repeat;}
 
.section3{ background: url('../images/sec3.jpg') center no-repeat;}

.section4{ background: url('../images/sec4.jpg') center no-repeat;}

.section5{ background: url('../images/sec5.jpg') center no-repeat;}

.section6{ background: url('../images/sec6.jpg') center no-repeat;}



a.seemore{ display: block; width: 140px; height: 40px; margin: 0 auto; color: #fff;
	font-size: 16px; line-height: 40px; text-indent: 35px;text-transform: uppercase;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius:20px;
	background: #dc5623 url('../images/more-jtr.png') 100px no-repeat;}
a.seemore:hover{ box-shadow: 0 0 10px 0 rgba(255,255,255,0.5);}
.fnext{ width: 100%; height: 30px; position: absolute; z-index: 10; font-size: 0; cursor: pointer;
	background: url('../images/fd-jtd.png') center no-repeat; bottom: 70px; left:0;}



.fcate{ text-align: center;}
.fcate .en{ font-size: 30px;color: #666;line-height: 42px;text-transform: uppercase;}
.fcate .cn{ font-size: 48px; color: #333; line-height: 70px;}

.fcate2 .cn,.fcate2 .en{ color: #fff;}
.fcate3{ text-align: left;}
.fcate3 .cn,.fcate3 .en{ color: #fff;}

.fleilist{ margin: 0 auto; overflow: hidden; width: 680px; font-size: 0;
	 position: relative; z-index: 1; text-align: center; padding-top: 80px;}
.fleilist li{ display: inline-block; width: 140px; height: 140px; margin:0 15px 40px;}
.fleilist li .lin{ background-color: #fff; width: 100%; height: 100%;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%;}
.fleilist li a{ display: block; position: relative; padding-top: 100px; height: 40px;}

.fleilist .pic{ width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 0;
	position: absolute; top:20px; left:25%; z-index: 0; border-bottom: 1px solid #7a7a7a;}
.fleilist .pic.p1{ opacity: 1; filter:alpha(opacity= 100);}
.fleilist .pic.p2{ opacity: 0; filter:alpha(opacity= 0);}
.fleilist img{ max-width: 100%; max-height: 100%;}
.fleilist h3{ font-size: 14px; color: #666; line-height: 22px; height: 22px; overflow: hidden;}
.fleilist li:hover h3,.fleilist li.on h3{ color: #fff;}
.fleilist li:hover .lin{ background-color: #dc5623;}

.fleilist li:hover .pic.p1,.fleilist li.on .pic.p1{ opacity: 0; filter:alpha(opacity= 0);}
.fleilist li:hover .pic.p2,.fleilist li.on .pic.p2{ opacity: 1; filter:alpha(opacity= 100);}
.fleilist li:hover .pic{ border-bottom-color: #fff;}

.fleilist h3,.fleilist li .lin,.fleilist .pic{-webkit-transition: 0.5s;
	-moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}





.fkehulist{ width: 1240px; padding: 60px 0 35px; overflow: hidden; margin: 0 auto;}
.fkehulist li{ float: left; width: 25%; margin-bottom: 20px;}
.fkehulist li .lin{ padding: 0 20px;}

.fkehulist li a{ display: block; background-color: #fff;}
.fkehulist .pic{ height: 130px; overflow: hidden; border: 1px solid #dedede;
	font-size: 0; line-height: 130px; text-align: center; }
.fkehulist img{ max-width: 100%; max-height: 100%;}
.fkehulist .pic{ -webkit-transition: 0.3s; 
	-moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.fkehulist li:hover .pic{ box-shadow: 0 0 12px 0 rgba(255,255,255,0.8);}




.picScroll-left3{ overflow:hidden; position:relative; width: 1230px;
	 height: 375px; margin: 30px auto 56px; padding: 0 40px;}

.fnewslist{ overflow: hidden;}
.fnewslist li{ float: left; width: 410px;}
.fnewslist li .lin{ padding: 0 15px;}
.fnewslist li a{ display: block; background-color: #fff; position: relative;}

.fnewslist li .pic{ position: relative; width: 100%; overflow: hidden; height: 0; padding-bottom: 63.158%;}
.fnewslist li .pic i{ border: 3px solid #dc5623; opacity: 0; filter:alpha(opacity= 0);
	position: absolute; top:8px; bottom: 8px; left:8px; right:8px; z-index: 2;}
.fnewslist li img{ width: 100%; height: 100%; position: absolute; left:0; top:0; z-index: 1;}

.fnewslist li .wz{ padding: 15px 20px 34px;}
.fnewslist li h3{ font-size: 18px; color: #272727; line-height: 28px; height: 28px; margin-bottom: 9px;
	overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;}
.fnewslist li .txt{ font-size: 14px; color: #999; line-height: 24px; height: 48px; overflow: hidden;}
.fnewslist li .date{ width: 60px; height: 50px; padding: 10px 0; background-color: #dc5623;
	text-align: center; color: #fff; font-family: arvo arial; position: absolute;
	left:-10px; bottom: 144px; z-index: 3;}
.fnewslist li .date .day{ display: block; font-size: 30px; line-height: 30px; height: 30px;}
.fnewslist li .date .month{ display: block; font-size: 15px; line-height: 20px; height: 20px;}


/* .fnewslist li:hover .pic i{ opacity: 1; filter:alpha(opacity= 100);} */
.fnewslist li:hover h3{ color: #dc5623;}
.fnewslist li:hover .date{ bottom: 204px;}
.fnewslist li h3,.fnewslist li .date,.fnewslist li i{ -webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition:  .6s;}

.picScroll-left3 a.prev, .picScroll-left3 a.next{ position: absolute; width: 44px; height: 44px; z-index: 3; top:171px;}
.picScroll-left3 a.prev{ left: 0; background: #f5f5f5 url('../images/fn-lt.png') center no-repeat;}
.picScroll-left3 a.next{ right: 0; background: #f5f5f5 url('../images/fn-gt.png') center no-repeat;}
.picScroll-left3 a.prev:hover{ background: #dc5623 url('../images/fn-lth.png') center no-repeat;}
.picScroll-left3 a.next:hover{ background: #dc5623 url('../images/fn-gth.png') center no-repeat;}




.fbiaodan{ width: 1080px; margin: 0 auto; background-color: rgba(0,0,0,0.3); padding: 40px 60px;}
.fbiaodan h3{ font-size: 30px; color: #b1b1b1; line-height: 50px; height: 50px; margin-bottom: 30px;}
#liuyan2{ width: 100%; font-size: 0; padding-bottom: 1px;}
#liuyan2 .hang{ float: left; height: 46px; line-height: 46px; margin-bottom: 24px; margin-right: 20px;}

#liuyan2 input[type=text]{ width: 208px; height: 44px; border:1px solid #8f8f8f; color: #fff;
	 line-height: 44px; text-indent: 20px; font-size: 16px; background-color: transparent;}
#liuyan2 input.long[type=text]{ width: 408px;}
#liuyan2 label{ display: inline-block; font-size: 16px; margin-right: 20px;}
#liuyan2 textarea{ padding: 10px; height: 140px; border:1px solid #ddd; resize:none;
	vertical-align: top; width: 618px; line-height: 28px; font-size: 14px;}
#liuyan2 input[type=text]:focus,#liuyan2 textarea:focus{ border-color: #dc5623;}
#liuyan2 input[type=text],#liuyan2 textarea{ transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}
#liuyan2 i.v{ vertical-align: top; height: 100%;}

#liuyan2 input#tj{ float: left; width: 160px; height: 46px; font-size: 16px; line-height: 46px;
	background-color: #dc5623; color: #fff;}
#liuyan2 input#tj:hover{ opacity: 0.8; filter:alpha(opacity= 80);}





.fjianjie{ width: 1200px; height: 370px; overflow: hidden; position: relative; margin: 0 auto;}
.leftbg{ width: 650px; height: 365px; position: absolute; left:0; top:5px; z-index: 0; overflow: hidden;}
.leftbg img.full{ position: absolute; left:50%; top:0; z-index: 1; margin-left: -325px;}
.vdbtn .play{ width: 100%; background: url('../images/play.png') center no-repeat; height: 72px;
	position: absolute; left:0; z-index: 2; top:50%; margin-top: -36px; display: block;}

.fjjcon{ width: 500px; height: 100%; float: right; position: relative;}
.fjjcon .fabcon{ line-height: 24px; color: #fff; margin: 25px 0 15px;
	 height: 168px; overflow: hidden; text-align: justify;}
.fjjcon a.seemore{ margin-left: 0;}


.vdplay{ position: fixed; left:0; top:0; width: 100%; height: 100%; z-index: 99;
	background: url('../images/op0-80.png'); display: none;}
.vd-cha{ position: absolute; right: 0; top: 0; z-index: 3; color: #fff; width: 80px; height: 80px;
    font-size: 50px; text-align: center; line-height: 80px; font-family: Arial; cursor: pointer;}
.vdplay-con{ position: relative; width: 80%; left: 10%; height: 100%; background-color: #000;}
#vdbed{ position: absolute; left:0; top:0; margin-top:0; z-index: 1; width: 100%; height: 100%;}







/* 智能制造 */

.zterji2{ height: 80px; overflow: hidden; position: relative; text-align: center;
	border-bottom: 1px solid #f4f4f4; font-size: 0; white-space: nowrap;}
.zterji2 a{ display: inline-block; height: 80px; position: relative;
	 color: #666; font-size: 18px; line-height: 80px; margin: 0 52px;}

.zterji2 a:after{ content: ""; position: absolute; left:100%; bottom: 0; z-index: 0; width: 0; 
   border-bottom: 3px solid #dc5623; -webkit-transition: .3s; transition: .3s;}
.zterji2 a:hover:after{ width: 100%; left:0; transition: width 0.3s; -webkit- transition: width 0.3s;}
.zterji2 a.on:after{ width: 100%; left:0;}
.zterji2 a:hover,.zterji2 a.on{ color: #dc5623;}


.fugai{ padding: 70px 0 60px;}
.fugailist{ margin: 0 auto; overflow: hidden; width: 1200px;
	 position: relative; font-size: 0; text-align: center; padding-top: 60px;}
.fugailist li{ display: inline-block; width: 230px; margin: 0 10px;}
.fugailist li a{ display: block; background-color: #e8e8e8;
	position: relative; padding-top: 140px; padding-bottom: 26px;}

.fugailist .pic{ width: 100%; height: 100px; line-height: 100px;
	position: absolute; top:40px; left:0; z-index: 0;}
.fugailist img{ max-width: 100%; max-height: 100%;}
.fugailist h3{ font-size: 24px; color: #414141; line-height:42px; height:42px; overflow: hidden;}
.fugailist h4{ font-size: 14px; color: #8b8b8b; line-height: 22px; height: 22px; text-transform: uppercase;}
.fugailist li:hover h3{ color: #dc5623;}

.fugailist h3,.fugailist li a,.fugailist .pic{-webkit-transition: 0.5s;
	-moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}



.jicai{ padding-top: 90px; background: url('../images/jicaibg.jpg') top no-repeat;}

.jicailist{ width: 1230px; margin: 0 auto; padding: 62px 0 120px; overflow: hidden;}
.jicailist li{ float: left; width: 50%;}
.jicailist li .lin{ padding:0 15px;}
.jicailist li a{ display: block; background-color: #fff; border: 1px solid #dedede;}
.jicailist li:hover a{box-shadow: 0 4px 14px 0 rgba(0,0,0,0.15);}
.jicailist li .pic{ width: 100%; height:330px; overflow: hidden;
	line-height: 330px; text-align: center; font-size: 0;}
.jicailist li img{ width: 100%; height: 100%;}

.jicailist li h3{ font-size: 24px; color: #dc5623; line-height: 82px; text-align: center; 
	height: 82px; overflow: hidden;}
.jicailist li h3 span{ padding-left: 72px; display: inline-block; text-align: left;}
.jicailist li span.i1{ background: url('../images/01.png') left no-repeat;}
.jicailist li span.i2{ background: url('../images/02.png') left no-repeat;}
.jicailist li a{ -webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition: .6s;}


.cate2 .cn{ color: #d2d2d2;}.cate3 .cn{ color: #666;}.cate4 .cn{ color: #fff;}
.sexi{ padding-top: 118px; background: url('../images/colbg.jpg') top no-repeat;}

.collist{ width: 1230px; margin: 0 auto; padding: 60px 0 90px; overflow: hidden;}
.collist li{ float: left; width: 410px; margin-bottom: 30px; }
.collist li .lin{ padding: 0 15px;}
.collist li a{ display: block; position: relative; top:0;}

.collist li .pic{ position: relative; width: 100%; overflow: hidden; height: 242px;}
.collist li .pic i{ border: 1px solid #fff;
	position: absolute; top:10px; bottom: 10px; left:10px; right:10px; z-index: 1;}
.collist li img{ width: 100%; height: 100%;}

.collist li h3{ display: table; width: 100%; height: 100%; overflow: hidden;
	position: absolute; top:0; left:0; z-index: 2; text-align: center;}
.collist li h3 span{ display: table-cell; vertical-align: middle;
	font-size: 24px; color: #fff; line-height: 2em;}
.collist li:hover h3{ color: #dc5623;}
.collist li:hover a{ box-shadow: 0 4px 24px 1px rgba(0,0,0,0.4); top:-10px;}
.collist li h3,.collist li a{ -webkit-transition: .6s; -moz-transition: .6s;
	-ms-transition: .6s; -o-transition: .6s; transition:  .6s;}






.leilist2{ margin: 66px auto 0; overflow: hidden; width: 100%; padding-bottom: 40px;
	 position: relative; font-size: 0; text-align: center;}
.leilist2:before{ content: ''; position: absolute; left: 0; bottom:40px; z-index: 0;
	width: 100%; height: 1px; background-color: #7f7f7f;}
.leilist2 li{ display: inline-block; width: 130px;}
.leilist2 li a{ display: block; position: relative; padding-top: 70px; height: 32px;}

.leilist2 .pic{ width: 100%; height: 70px; line-height: 70px; text-align: center; font-size: 0;
	position: absolute; top:0; left:0; z-index: 0;}
.leilist2 .pic.p1{ opacity: 1; filter:alpha(opacity= 100);}
.leilist2 .pic.p2{ opacity: 0; filter:alpha(opacity= 0);}
.leilist2 img{ max-width: 100%; max-height: 100%;}
.leilist2 h3{ font-size: 14px; color: #666; line-height: 32px; height: 32px; overflow: hidden;}
.leilist2 li:hover h3,.leilist2 li.on h3{ color: #dc5623;}
.leilist2 li a:after{ content: ""; position: absolute; left:50%; bottom: 0; z-index: 1;
	margin-left: -6px; width: 12px; height: 12px; opacity: 0; filter:alpha(opacity= 0);
	background: url('../images/lei-sjd.png') center no-repeat;}

.leilist2 li:hover .pic.p1,.leilist2 li.on .pic.p1{ opacity: 0; filter:alpha(opacity= 0);}
.leilist2 li:hover .pic.p2,.leilist2 li.on .pic.p2{ opacity: 1; filter:alpha(opacity= 100);}
.leilist2 li.on a:after{ opacity: 1; filter:alpha(opacity= 100); bottom: -15px;}
.leilist2 h3,.leilist2 li a:after,.leilist2 .pic{-webkit-transition: 0.5s;
	-moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}



.roundabout{ position: relative; z-index: 3; overflow: hidden; width: 1200px;
	 height: 500px; margin: 0 auto;}
.roundabout ul{ position: relative; width: 100%; height: 100%; z-index: 1;
  -webkit-transition-property: -webkit-transform; transition-property: transform; }
.roundabout li{ overflow: hidden; width: 890px; height: 100%;}

.roundabout li a{ opacity: 0.9; filter: alpha(opacity=90);
  -webkit-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;}
.roundabout li.roundabout-in-focus a,
.roundabout li:hover a{ opacity: 1; filter: alpha(opacity=100);}

.roundabout li a{ display: block; width: 100%; height: 100%; position: relative;
	 font-size: 0; line-height: 500px; text-align: center;}
.roundabout li a img{ width: 100%; height: 100%; vertical-align: top;}


a.raprev,a.ranext{ position: absolute; width: 60px; height: 100px; z-index: 1; cursor: pointer;
	 top:50%; margin-top: -50px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;
	font-family: 'simsun'; font-size: 70px; line-height: 100px; text-align: center; color: #fff;}
a.raprev{ left:40px;}a.ranext{ right:40px;}
a.raprev:hover,a.ranext:hover{ background-color: #dc5623;}



.dinzhi1{ padding: 78px 0 100px; background: url('../images/dinzhibg1.jpg') top no-repeat;}
.dinzhi2{ padding: 78px 0 100px; background: url('../images/dinzhibg2.jpg') top no-repeat;}
.dinzhi3{ padding: 78px 0 100px; background: url('../images/dinzhibg1.jpg') top no-repeat;}
.dinzhi4{ padding: 78px 0 100px; background: url('../images/dinzhibg2.jpg') top no-repeat;}






.fgetshadow{ width: 100%; height: 106px; background-color: #1e1e1e;}
.fget{ position: fixed; width: 100%; left: 0; bottom: 0; z-index: 20; 
	background-color: rgba(140,140,140,0.8);}
.fget .one{ width: 1200px; height: 106px; margin: 0 auto; position: relative;}
.fget .one .girl{ position: absolute; left: 22px; bottom:0; z-index: 1; width: 107px; height: 148px;
	background: url('../images/girl.png') center no-repeat;}
.fget .one p{ font-size: 33px; color: #fff; line-height: 106px; text-align: center; height: 100%;}
.fget .one p em{ font-size: 37px;}

.gethand{ position: absolute; right: 24px; top:1px; z-index: 2; width: 41px; height: 77px;
	background: url('../images/up.png') center no-repeat; cursor: pointer;
	-webkit-transition: 0.5s; -transition: 0.5s;}
.gethand.on{ -webkit-transform: scale(1, -1); transform: scale(1, -1);}



.fget .two{ width: 1640px; height: 0; margin: 0 auto; background-color: #f5f5f5;
	-webkit-transition: 0.5s; -transition: 0.5s; overflow: hidden;}
.fget .two.on{ height: 200px;}


.liuyan4{ width: 100%; font-size: 0; padding: 58px 0; height: 84px; padding-left: 120px;
	background: url('../images/jisuan.png') 40px 50px no-repeat;}
.liuyan4 .hang{ float: left; height: 70px; line-height: 70px; margin-bottom: 14px; margin-left: 50px;}

.liuyan4 input[type=text]{ width: 200px; height: 70px; border: 0 none; border-radius: 10px;
	line-height: 70px; text-indent: 30px; font-size: 25px; color: #666; background-color: #fff;
	box-shadow: 0 6px 10px 2px rgba(181,177,177,0.75);}
.liuyan4 input.long[type=text]{ width: 306px;}
.liuyan4 input[type=text]:focus,.liuyan4 select:focus{ box-shadow: 0 6px 10px 2px rgba(220,86,35,0.75);}
.liuyan4 input[type=text],.liuyan4 select{ transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; 
	-webkit-transition: 0.3s; -o-transition: 0.3s;}
.liuyan4 i.v{ vertical-align: top; height: 100%;}

.liuyan4 select{ width: 200px; height: 70px; border: 0 none; background-color: #fff; border-radius: 10px;
	line-height: 70px; text-indent: 30px; font-size: 25px; color: #666;
	box-shadow: 0 6px 10px 2px rgba(181,177,177,0.75);}
.liuyan4 select option{ color: #666;}

.liuyan4 input#tj{ float: left; width: 224px; height: 70px; font-size: 33px; line-height: 70px;
	color: #fff; border-radius: 15px; box-shadow: 0 6px 10px 2px rgba(181,177,177,0.75); margin-left: 50px;
	background-image: -webkit-linear-gradient(#f6bb00, #fe7a00);
	background-image: linear-gradient(#f6bb00, #fe7a00);}
.liuyan4 input#tj:hover{ opacity: 0.8; filter:alpha(opacity= 80);}

.liuyan4 .verifyImg{ width: 150px; height: 70px; cursor: pointer; vertical-align: top; margin-left: 40px;}
.liuyan4 .yzmchange{ display: inline-block; vertical-align: top; width: 40px;
	background: url('../images/change3.png') center no-repeat;}
.liuyan4 .Validform_checktip{ font-size: 20px; line-height: 30px; height: 30px;}