/*@charset "gb2312";*/
/**
 * 网站地址: http://www.duanjue.com
 * ----------------------------------------------------------------------------
 * $codex 1. id和class命名采用该版块的英文单词或组合命名，并第一个单词小写，第二个单词首个字母大写，如:thinkCss（最新产品/think+Css)
 * $codex 2. CSS样式表各区块用注释说明
 * $codex 3. 尽量使用英文命名原则
 * $codex 4. 尽量不加中杠和下划线
 * $codex 5. 尽量不缩写，除非一看就明白的单词
 * $Author: shouts@html
 * $mailto: <shouts@qq.com>
 * $hack :ie 6 _  \ ie7 *+ \  ie6,ie7 *  \  ie7,firefox !important ie9, \9
*/
 html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
 body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
 * {}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}



/**
 +------------------------------------------------------------------------------
 * Public Class
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* 清除浮动*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* 高度自适应 */ 
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}

.tal{ text-align:left} .tar{ text-align:right;}

/*文字两侧对齐*/
.justify {
	text-align:justify;
	text-justify:distribute-all-lines;/*ie6-8*/
	text-align-last:justify;/* ie9*/
	-moz-text-align-last:justify;/*ff*/
	-webkit-text-align-last:justify;/*chrome 20+*/
}

.toe{
	/*超出省略号*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
	.justify:after{
		content:".";
		display: inline-block;
		width:100%;
		overflow:hidden;
		height:0;
	}
}

/* 兼容IE6的定位属性fixed，固定不动样式 */
.fixed{
	position:fixed; 
	clip:rect(0 100% 100% 0);
	_position:absolute;
	
	/* 底部 */
	bottom:0px;
	left:0px;
	_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
	
	/* 左侧 */
	/*left:0px;*/
	/*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
}
/* 解决固定层在IE6下闪的问题 */
*html{
	background-image:url(about:blank);
	background-attachment:fixed;
}


/*png图片ie6下透明滤镜实现写法*/
.pngimg{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/x.png');}

/**
 +------------------------------------------------------------------------------
 * FCK 兼容解决方案
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
em{ font-style:italic !important;} strike{ text-decoration:line-through !important;} strong{ font-weight:bold !important;} u{ text-decoration:underline !important;}

/**
 +------------------------------------------------------------------------------
 * 表单样式
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */

/**
 +------------------------------------------------------------------------------
 * 网站整体颜色总汇
 +------------------------------------------------------------------------------
 * @codex  颜色:使用颜色的名称或者16进制代码,如 
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.ff8600,ff86aa a{ color:#ff8600;}

/**
 +------------------------------------------------------------------------------
 * 网站整字体大小
 +------------------------------------------------------------------------------
 * @codex   字体大小,直接使用"font+字体大小"作为名称,如
 * @package  ORG
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.font14px{ font-size:14px;}
.font9pt{ font-size:9pt;}
/*自定义字体*/
/* @font-face {  font-family: danley;  src: url('../font/danley.ttf');  }  .danley {  font-family: danley; } */


/**
 +------------------------------------------------------------------------------
 * 网站整布局命名规范
 +------------------------------------------------------------------------------
 * @codex   id和class命名采用该版块的英文单词或组合命名 如:newRelease
 * @package  ORG
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
  a{ color:#5d5d5e; transition: all 0.3s ease-in-out 0s;}
  a:hover{ color:#3e6ed4;}
 
body{font-family: "Microsoft YaHei",sans-serif;}

.css3{
	/*transition: all 0.3s ease-in-out 0s;*/
	
	-webkit-transform:translate3d(0, -20px, 0);
	-ms-transform:translate3d(0, -20px, 0);
	transform:translate3d(0, -20px, 0);
	
	-webkit-transition-property:opacity, -webkit-transform;
	transition-property:opacity, transform;
	-webkit-transition-duration:1000ms;
	transition-duration:1000ms;
	-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	
	-webkit-transition-delay:800ms;
	transition-delay:800ms
}
.css3.animated{
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
@media screen and (max-width: 650px) {    
  
  }
  
  @media screen and (max-width: 480px) {   
	 
  }

.rotate
{
transform:rotate(7deg);
-ms-transform:rotate(7deg); 	/* IE 9 */
-moz-transform:rotate(7deg); 	/* Firefox */
-webkit-transform:rotate(7deg); /* Safari 和 Chrome */
-o-transform:rotate(7deg); 	/* Opera */
}

body{
	font-size: 12px; line-height: 22px;
	-webkit-text-size-adjust:none; /*禁止苹果对部分字体放大处理bug*/
}
a:hover{
	text-decoration: none; color: #808080;
}
.header{
	background:rgba(255,255,255,0.9); height: 95px; position: fixed; z-index: 999999; left: 0; right: 0; top: 0;
}
.header, .header *{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
}
.header.s2{
	height: 65px;
}
.header.s2 .nav{
	margin-top: 30px;
}
.header.s2 .sear{
	margin-top: 33px;
}
.header.s2 .logo{
	width: 80px;
}

.header .top_tel{position: absolute;right:30px;bottom:6px;max-width:365px;}
.wrapper{
width: 835px;
margin: 0 auto;
}
.zpwrapper{
	width: 1280px; margin: 0 auto;
	font-family:"Hiragino Sans GB","微软雅黑","Microsoft JhengHei","WenQuanYi Micro Hei","Helvetica Neue",Verdana,Arial,Helvetica,sans-serif;
}
.header .nav{
	margin-top: 60px; float: left; display: inline; line-height: 1;
}
.header .navr{
	float: right; 
}
.header .nav li{
	margin-right: 55px; float: left; display: inline; height: 35px; position: relative;
}
.header .nav li a{
	height: 17px; text-align: center; line-height: 17px; overflow: hidden; display: block;
}
.header .nav li span.s2{
	color: #808080;
}
.header .nav li a:hover{
	text-decoration: none;
}
.header .nav li a span{
	display: block;
	transition: all 0.3s ease-in-out 0s;
}
.header .nav li a:hover .s1,
.header .nav li.selected a .s1{
	margin-top: -17px; 
}
.header .nav li i{
	background: url("../imgs/img20.png") no-repeat; width: 14px; height: 12px; position: absolute; left: 50%; margin-left: -7px; bottom: -12px; display: none;
}
.header .nav li.selected i{
	display: block;
}
.header .logo{
	position: absolute; width: 118px; left: 50%; margin-left:-59px; top: 15px;
}
.header .sear{
	float: right; display: inline; width: 12px; position: relative; margin-top: 63px;
}
.header .sear i{
	background: url("../imgs/img1.png") no-repeat; width: 12px; height: 12px; display: block; cursor: pointer;
}
.header .sear .form{
	position: absolute; right: 0; top: 45px;
	transition: all 0.3s ease-in-out 0s;
	
	-webkit-transform:translate3d(0, 50px, 0);
	-ms-transform:translate3d(0, 50px, 0);
	transform:translate3d(0, 50px, 0);
	
	opacity:0;
	-webkit-opacity:0;
	-ms-opacity:0;
	
}
.header .sear.selected .form{
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	
	opacity:1;
	-webkit-opacity:1;
	-ms-opacity:1;
}
.header .sear .text{
	width: 179px; height: 36px; border:none; border-radius: 5px 0 5px 5px; padding: 0 15px; line-height: 36px; background: rgba(255,255,255,0.9);
}
.header .sear sup{
	background: url("../imgs/img2.png") no-repeat; width: 12px; height: 8px; display: block; position: absolute; right: -3px; top: -8px;
}

.hslide{
	clear: both; position: relative; /*width: 1440px;*/ 
	overflow:hidden;
}

.hserv{
	margin-top: 30px; padding-bottom: 55px;
}
.hserv ul{
	border-top: #8e8e8e solid 1px; padding-top: 40px; height: auto; overflow: hidden;
}
.hserv li{
	width: 25%; float: left; display: inline; text-align: center;
}
.hserv li .img{
	height: 82px; width: 82px; margin: 0 auto; 
	transition: all 0.3s ease-in-out 0s;
}
.hserv li a:hover .img{
	background-position: center bottom !important;
}
.hserv li.n1 .img{
	background: url("../imgs/img3.png") no-repeat center top;
}
.hserv li.n2 .img{
	background-image: url("../imgs/img4.png");
}
.hserv li.n3 .img{
	background-image: url("../imgs/img5.png");
}
.hserv li.n4 .img{
	background-image: url("../imgs/img6.png");
}
.hserv li .text{
	height: 90px; width: 193px;  margin: 0 auto; margin-top: 15px; border-bottom: #8e8e8e solid 1px;
}
.hserv li .text h3{
	font-size: 14px; font-weight: bold;
}
.hserv li .text h4{
	line-height: 16px; margin-top: 4px;
}
.hserv li .list{
	margin-top: 15px; font-size: 12px; /*font-weight:bold;*/color: #4D4948;
}
.hserv li dl dd{
	font-size: 12px; width: 12px; display: inline-block; margin: 0 6px;
}

.himgs{
	clear: both;
}
.himgs ul{
	width: 1440px; margin: 0 auto; height: auto; overflow: hidden;
}
.himgs li{
	width: 480px; height: 287px; float: left; display: inline; position: relative; overflow: hidden;
	
}
.himgs li img{
	display: block;
}
.himgs li .mask{
	position: absolute; background: rgba(0,0,0,0.8); color: #fff; width: 100%; height: 100%;

}
.himgs li .mask .wrap{
	display: block; padding: 25px 35px; 
}
.himgs li a:hover .mask{
	/*display: block;*/
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	
	opacity:1;
	-webkit-opacity:1;
	-ms-opacity:1;
}
.himgs li .mask h2 span{
	margin: 0 15px;
}
.himgs li .mask .desc{
	width: 285px; border-top: #fff solid 1px; margin-top: 5px; padding-top: 5px;
}
.himgs li .mask .brand{
	position: absolute; right: 35px; bottom: 40px;
}
.himgs .more{
	margin-top: 30px; text-align: center;
}

.hfoot{
	padding-top: 30px; text-align: center; font-size: 36px; line-height: 62px; padding-bottom: 70px; 
}
.hfoot h2{
	border-top: #8e8e8e solid 1px; padding-top: 40px;
}
.footer{
	background: #dbdbdb; padding: 25px 70px; height: 35px;
}
.footer .text{
	width: 810px; float: left; display: inline;
}
.footer .nav{
	float: right; display: inline; margin-top: 5px;
}

.fenxiangnav{
	float: right;  margin-right:50px;background-color:#e6e6e6;
}


.footer .nav ul{
	
}
.footer .nav li{
	float: left; display: inline; position: relative; margin-left: 25px;
}
.footer .nav .qrcode .img{
	position: absolute; /**background: url(../imgs/img19.png) no-repeat; **/width: 166px; height: 178px; padding: 10px; top: -220px; right: -40px;
	
	transition: all 0.3s ease-in-out 0s;
	
	-webkit-transform:translate3d(0, -50px, 0);
	-ms-transform:translate3d(0, -50px, 0);
	transform:translate3d(0, -50px, 0);
	
	opacity:0;
	-webkit-opacity:0;
	-ms-opacity:0;
}
.footer .nav .qrcode.selected .img{
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	
	opacity:1;
	-webkit-opacity:1;
	-ms-opacity:1;
}
/*费思道网页设计02*/
.gsjj{
	margin-bottom: 65px;
}
.gsjj dl{ 
	position:relative; padding-left: 225px; margin-top: 70px;
}
.gsjj dt{
	
	 position:absolute; left: 0; top: 0; width: 225px; font-size: 14px; color: #808080;	
}
.gsjj dd{
	font-size: 12px; color: #1a1a1a; line-height: 22px;
}
.gsjj dd li{
	padding-bottom: 8px; background: url("../imgs/img21.png") no-repeat left 6px; padding-left: 25px;
}
.gsjj dd .s2 li{
	line-height: 28px; background: url("../imgs/img22.png") no-repeat left center;  padding-bottom: 0;
}
.gsjj dd .s2 li a{
	color: #000000;
}
.gsjj dd .s2 li a:hover,.gsjj dd .s2 li.selected a{
	color: #888888;
}

.fdyxl{
	background: url("../imgs/img13.jpg") no-repeat center top; padding-top: 100px; height: auto; overflow: hidden;
}
.fdyxl h2{
	font-size: 45px; text-align: center; color: #fff;
}
.fdyxl h3{
	font-size: 24px; text-align: center; color: #fff; padding: 20px 0;
}
.fdyxl ul{
	height: auto; overflow: hidden; margin-bottom: 37px; width: 105%;
}
.fdyxl li{
	float: left; display: inline; margin-right: 5px; height: 190px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	cursor: pointer;
}
.fdyxl li .bg{
	 font-size: 12px; color: #1a1a1a; lighting-color: 24px; text-align: center; background: rgba(255,255,255,0.6);width: 205px; height: 70px; margin-top: 60px;
	 transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.fdyxl li .bg table{
	width: 100%;
}
.fdyxl li .bg td{
	height: 70px; text-align: center;
}
.fdyxl li.selected{
	background: rgba(255,255,255,0.6);
}
.fdyxl li.selected .bg{
	background: none;
}

.zcsb{
	margin-top: 70px;
}
.zcsb h2{
		width: 958px;margin: 0 auto; font-size: 14px; color: #808080; text-align: center; padding-bottom: 18px; border-bottom: 1px solid #a8a8a8;
		display: none;
}
.zcsb ul{
	height: auto; overflow: hidden; width: 958px; margin: 0 auto; margin-bottom: 50px;
}
.zcsb ul>img{
	width: 100%;
	display: block;
	margin-top: 20px;
}
.zcsb ul li{
	padding-top: 8px; padding-right: 60px; float: left; display: inline-block;	
}
.zcsb ul li.last{
		padding-right: 0;	
}

/*03*/
.works{
	margin-top: 192px;
}
.works .nav{
	background: #dfdfdf; height:77px; position: fixed; left: 0; right: 0; top: 95px; z-index: 8; 
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	opacity: 1;
	-webkit-opacity: 1;
	-ms-opacity: 1;
}
.works .nav.selected{
	top: 65px;
}
.works .nav.hide{
	top: -200px;
	opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	
}
.works .nav ul{
	width: 1440px;  margin: 0 auto;
}
.works .nav li{
	float: left; display: inline; font-size: 12px; lighting-color: 21px; width: 16.66%; text-align: center; padding: 15px 0; position: relative; 
}
.works .nav li a{
	color: #000;
}
.works .nav li.selected a{
	color: #666666;
}
.works .nav li.selected span{
	position: absolute; left: 50%; bottom: -12px; margin-left: -7px; background: url("../imgs/img27.png") no-repeat 0 0; width: 15px;height: 12px; 
} 

.works .add{
	width: 40px; height: 40px; margin: 50px auto;
}

/*04*/
.work-detail{
	margin-top: 100px; position: relative;
}
.work-detail .prev{
	background: url("../imgs/img35.png") no-repeat; width: 17px; height: 31px; position: absolute; left: -220px; top: 0;
}
.work-detail .title{
	
}
.work-detail .title h2{
	font-size: 24px; color: #DA251D; line-height: 32px;
}

.work-detail .title h12{
	font-size: 18px; color: #DA251D; line-height: 30px;
}
.work-detail .title h4{
	font-size: 16px; padding-top: 5px; color: #3f3e3d;
}
.work-detail .desc{
	margin-top: 30px; background: url("../imgs/img18.jpg") repeat-y 1018px 0; height: auto; overflow: hidden; margin-bottom: 40px;
}
.work-detail .desc .left{
	float: left; display: inline; font-size: 14px; color: #484746; lighting-color: 25px; width: 940px; height: auto; overflow: hidden; line-height:30px;
	font-family:"Hiragino Sans GB","微软雅黑","Microsoft JhengHei","WenQuanYi Micro Hei","Helvetica Neue",Verdana,Arial,Helvetica,sans-serif;
}
.work-detail .desc .right{
	float: right; display: inline; width: 220px; color: #484746;  font-size: 14px; /*text-align:right;*/ line-height:30px;
	font-family:"Hiragino Sans GB","微软雅黑","Microsoft JhengHei","WenQuanYi Micro Hei","Helvetica Neue",Verdana,Arial,Helvetica,sans-serif;
}
.work-detail .content{
}
.work-detail .share{
	padding: 24px 0; border-bottom: 1px solid #8e8e8e; height: auto; overflow: hidden; 
}
.work-detail .share i{
	width: 17px; height: 20px; margin: 0 auto; cursor: pointer; margin-top: 5px; display: inline-block; margin-left: 400px;
}
.work-detail .share dl{
	background: #e7e7e7; height: 20px; margin-left: 20px; padding: 5px 20px; border-radius: 3px; display: inline-block; position: relative;
}
.work-detail .share dt{
	background: url("../imgs/img54.png") no-repeat; width: 6px; height: 8px; position: absolute; left: -6px; top: 50%; margin-top: -4px;
}
.work-detail .share dd{
	display: inline-block; margin: 0 5px;
}
.gb-share dl{
	transition: all 0.5s;	
	-webkit-transition: all 0.5s;
	-ms-transition: all 0.5s;
	opacity: 0;
	-webkit-opacity: 0;
	left: 200px;
}
.gb-share.selected dl{
	left: 0;
	opacity: 1;
	-webkit-opacity: 1;
}

.xsal{
	width: 1251px; margin: 0 auto; position: relative; margin-top: 30px; margin-bottom: 70px;
}
.xsal .title{
	text-align: center; font-size: 14px;
}
.xsal .title span{
	display: inline-block; height: 18px; line-height: 18px; border-left: #8e8e8e solid 2px; border-right:#8e8e8e solid 2px; padding: 0 23px;
}
.xsal .wrap{
	margin-top: 25px; position: relative;
}
.xsal .prev,
.xsal .next{
	width: 90px; position: absolute; left: -90px; top: 0; bottom: 0; background: url("../imgs/img35.png") no-repeat center; cursor: pointer;
}
.xsal .next{
	left: auto; right: -90px; background-image: url("../imgs/img36.png");
}
.xsal .list{
	overflow: hidden;
}
.xsal ul{
	height: auto; overflow: hidden; width: 9999999px;
}
.xsal li{
	width: 417px; height: 249px; float: left; display: inline; position: relative;
}
.xsal li .mask{
	position: absolute; background: rgba(0,0,0,0.8); color: #fff; width: 100%; height: 100%;
}
.xsal li .mask span.wp{
	padding: 25px 35px; display: block;
}
.xsal li a:hover .mask{
}
.xsal li .mask h2 span{
	margin: 0 15px;
}
.xsal li .mask .desc{
	width: 285px; border-top: #fff solid 1px; margin-top: 5px; padding-top: 5px;
}
.xsal li .mask .brand{
	position: absolute; right: 35px; bottom: 40px;
}

/*05*/
.news{
	margin-top: 98px; height: auto;  position: relative;
}
.news .nav{
	 font-size: 12px; color: #000; width: 80px; position: absolute; right: -120px; top:50px;
}
.news .nav dd,.news .nav dt{
	background: url("../imgs/img37.png") no-repeat left center;  padding: 3px 0 3px 21px;
}
.news .nav dd.selected{
	background: url("../imgs/img38.png") no-repeat left center;
}


.news .list{
	width: 840px; height: auto;overflow: hidden;
}
.news .list li{
	background: #dbdbdb; margin-bottom: 45px;
}
.news .list .img{}
.news .list .img img{
	display: block;
}
.news .list .meta{
	 margin: 20px 45px 0 34px; border-bottom: 1px solid #808080; height: auto; overflow: hidden; padding-bottom: 5px;
}
.news .list .meta h2{
	float: left; display: inline; font-size: 14px; 
}
.news .list .meta span{
	float: right; display: inline; color: #808080;
}

.news .list .desc{
	line-height: 23px; margin: 12px 45px 0 34px;	
}
.news .list .desc .more{
	width: 43px;height: 17px; background: #c9c9c9;color: #000; text-align: center; line-height: 17px; display: inline-block; margin-left: 20px;
}

.news .list .share{
	padding: 17px 0 25px 34px;  height: auto; overflow: hidden; 
}
.news .list .share i{
	width: 17px; height: 20px; cursor: pointer; float: left; display: inline; margin-top: 5px; 
}
.news .list .share dl{
	background: #808080; float: left; display: inline; height: 20px; margin-left: 20px; padding: 5px 20px; border-radius: 3px; position: relative;
}
.news .list .share dt{
	background: url("../imgs/img55.png") no-repeat; width: 6px; height: 8px; position: absolute; left: -6px; top: 50%; margin-top: -4px;
} 
.news .list .share dd{
	display: inline-block; margin: 0 5px;
}
.news .add{
	width: 30px; height: 30px; margin: 10px auto 60px auto;
}

.news .nadd{
	margin:0 auto;text-align:center;
}

/*06*/
.banner{
	/*width: 1440px; */margin: 0 auto;
}
.banner img{
	display: block;
}
.fuwu{
	margin-top:-90px;
	
}
.fuwu .texts{
	width:750px;background: #fff; height: auto; overflow: hidden; z-index: 9; position: relative;
}
.fuwu .texts .text{
	width: 265px;height: 85px; border: 3px dashed #808080; line-height: 25px; padding-left: 30px; padding-top: 10px; margin: 50px auto 0 auto;
}
.fuwu .texts .list{
	clear: both; margin-top: 45px; margin-left: 55px;
}
.fuwu .texts .list li{
	float: left;display: inline; height: auto; overflow: hidden;
}
.fuwu .texts .list li .wrap{
	width: 180px; position: relative; 
}
.fuwu .texts .list li .img{
	position: absolute; left: 0;top: 0;
}
.fuwu .texts .list li .desc{
	color: #000; line-height: 12px; padding: 50px 0 14px 95px; background: url("../imgs/img46.png") no-repeat 95px bottom;
}
.fuwu .texts .list li .desc h2{
	padding-bottom: 5px; font-weight: bold;
}
.fuwu .texts .list li .btn a{
	background: #808080; color: #fff; text-align: center; display: block; margin-top: 15px; width: 170px; height: 21px; line-height: 21px; border-radius:10px;
}
.fuwu .texts .list li i{
	margin: 60px 23px 0 23px; display: block;
}

.fuwu .lists{
	width: 1440px; margin: 50px auto 0 auto; height: auto; overflow: hidden;
}
.fuwu .lists li{
	position: relative;	
}
.fuwu .lists li .img img{
	display: block;
}
.fuwu .lists li .text{
	width: 50%; height: 100%; background: rgba(0,0,0,0.8); position: absolute; right: 0; top: 0; color: #fff; 
	transition: all 1s;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
	 
}
.fuwu .lists li .text:hover{
	background: rgba(255,255,255,0.8);
	color: #000; 
}
.fuwu .lists li .text a{
	color: #fff;
}
.fuwu .lists li.even .text{
	left: 0; 
}
.fuwu .lists li.selected .text{
	background:rgba(255,255,255,0.8); color: #000; 
}
.fuwu .lists li.selected .text:hover{
	background:rgba(255,255,255,1);
}
.fuwu .lists li.selected .text a{
	color: #000;
}
.fuwu .lists li .text table{
	width: 100%; height: 100%;
}
.fuwu .lists li .text td{
}
.fuwu .lists li.selected .text{
	
}
.fuwu .lists li .text h2{
	padding: 0 0 0 25%; width: 150px; display:inline; float: left; position: absolute; left: 0; top: 50%; margin-top: -33px;
}
.fuwu .lists li .text dl{
	float:left; display: inline; line-height: 26px; border-left: #fff solid 1px; padding-left: 20px; margin-left: 50%;
	transition: all 1s;
	-webkit-transition: all 1s;
	-ms-transition: all 1s;
}
.fuwu .lists li.selected .text dl,
.fuwu .lists li .text:hover  dl{
	border-color: #000;
}

.fuwu .btn-lx{
		width: 178px; margin: 45px auto 50px auto; text-align: center; font-size: 14px; color: #666666; padding-bottom: 6px;
}
.fuwu .btn-lx a{
	color: #666666; font-size: 14px
}

/*07*/
.contact{
	margin-top: 205px;
}
.contact .img{
	position: relative;
}
.contact .img .arrow{
	background: url("../imgs/img56.png") no-repeat; width: 26px; height: 25px; position: absolute; left: 50%; margin-left: -13px; bottom: -47px;
}
.contact .img .arrow:after{
	content:'';
	position:absolute;
	width:100px;
	height:100px;
	border-radius:50%;
	/*box-shadow:0 0 1px 2px rgba(255, 255, 255, 0.8);*/
	border: #e65a24 solid 3px;
	top:50%;
	left:50%;
	margin-top:-53px;
	margin-left:-53px;
	z-index:3;
	opacity:0;
	-webkit-animation:halo 1s 0.5s infinite ease-out;
	-moz-animation:halo 1s 0.5s infinite ease-out;
	animation:halo 1s 0.5s infinite ease-out;
}
.contact .img .tip{
	background: #e65a24; color: #fff; width: 200px; height: 50px; position: absolute; top: 20%; left: 50%; margin-left: -100px;
}
.contact .img .tip p{
	padding: 8px 10px; line-height: 1.5;
}
.contact .img .tip sub{
	background: url("../imgs/img57.png") no-repeat; width: 15px; height: 12px; display: block; position: absolute; left: 50%; bottom: -12px; margin-left: -8px;
}
.contact .text{
	margin: 85px 0 95px 0; height: auto; overflow: hidden; background: url("../imgs/img52.png") no-repeat left bottom; padding-bottom: 15px; lighting-color: 21px;
}

/*08*/
.joinus{
	margin-top: -260px;
}
.joinus .text{
	 position: relative; text-align: center; margin-bottom: 120px;
}
.joinus .text span.btn{
	border: 5px solid #fff; padding: 20px 30px; font-size: 40px; color: #FFFFFF; display: inline-block; opacity:0.5;
}
.joinus .text .desc{
		text-align: left; padding-left: 330px; line-height: 25px; margin-top: 40px;
}
.joinus .text .desc span{
	color: #fff;
}

.joinus .list{
	margin-left: 300px;
}
.joinus .list li{
	margin-bottom: 50px;
}
.joinus .list li h2{
	background: url("../imgs/img21.png") no-repeat left 7px; padding-left: 30px; font-size: 14px; padding-bottom: 8px;
}
.joinus .list li p{
	padding-left: 30px; line-height: 23px;
}
.joinus .tip{
	margin-left: 330px; line-height: 25px; margin-bottom: 80px;
}

/*09*/
.yewu{
	 width: 1440px; margin: 120px auto 0 auto;
}
.yewu .prev{
	margin-left: 85px; margin-bottom: 30px;
}
.yewu .prev a{
	display: block; background: url("../imgs/img35.png") no-repeat left 7px; padding-left: 55px;	
}
.yewu .prev h2{
	font-size: 14px; font-weight: bold; 
}
.yewu .prev p{
	line-height: 15px; font-size: 12px;
}

.yewu-list{
	clear: both; margin-bottom: 70px;
}

.gb-more{
	
}
.gb-more a{
	width: 172px; height: 27px; display: inline-block; font-size: 21px; position: relative;
}
.gb-more a:before,
.gb-more a:after{
	position: absolute; left: 0; bottom: 0; right: 0; height: 10px; content: ""; 
}
.gb-more a:before{
	border-left:#808080 solid 2px ; border-right:#808080 solid 2px ;
}
.gb-more a:after{
	position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; height: 2px;  background: #808080;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.gb-more a:hover{
	color: #fff;
}
.gb-more a:hover:after{
	height: 27px;
}






@-webkit-keyframes halo {
0% {
opacity:0;
-webkit-transform:scale(0.1);
}
50% {
opacity:1;
}
100% {
opacity:0;
-webkit-transform:scale(1.2);
}
}
@-moz-keyframes halo {
0% {
opacity:0;
-moz-transform:scale(0.1);
}
50% {
opacity:1;
}
100% {
opacity:0;
-moz-transform:scale(1.2);
}
}
@-ms-keyframes halo {
0% {
opacity:0;
}
50% {
opacity:1;
}
100% {
opacity:0;
}
}
@-o-keyframes halo {
0% {
opacity:0;
-o-transform:scale(0.1);
}
50% {
opacity:1;
}
100% {
opacity:0;
-o-transform:scale(1.2);
}
}
@keyframes halo {
0% {
opacity:0;
transform:scale(0.1);
}
50% {
opacity:1;
}
100% {
opacity:0;
transform:scale(1.2);
}
}
/*2015.12.14*/
.seo{background-color: #e6e6e6;}
.seo a:link{color:#e6e6e6}
.seo a:hover { color: #e6e6e6}
.seo a:visited { color: #e6e6e6}
.seo a:active { color: #e6e6e6}


/*2015.12.14*/
.hserv li .text{
	width: auto;
}
.hserv ul{
	
}
.hserv li{
	margin-right: 38px; width: 180px;
}
.hserv li.n4{
	margin-right: 0;
}

/*2016.4.23*/
.himgs li img{
	margin:2px 4px; display:block;
	/*-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
	
    filter: gray;*/
}
.himgs li:hover img{
	-webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    
    filter: grayscale(0);
	
    filter: none;
}

/*2016.4.27*/
.fdyxl h2{
	line-height:1.2;
}
.himgs li .mask{
	left:0; bottom:0; height:auto; background-color:rgba(255,255,255,0.6); color:#000;
	bottom:-120px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
}
.himgs li.selected .mask{
	bottom:0;
}
.himgs li .mask .desc{
	border:none; padding-top:0; margin-top:0;
}
.himgs li .mask .wrap{
	padding:0 20px; height:40px; overflow:hidden;
}
.himgs li .mask .wrap h2{
	margin-top:10px;
}


.pc-show{
	display: block;
}
.ph-show{
	display: none;
}



.pagelist{ margin-top:50px;  font-size:14px;  font-family: "微软雅黑", "Microsoft YaHei", "Arial","sans-serif";  color: #ffffff;}
.pagelist li{ float:left; border:#EEEEEE solid 1px; height:30px; line-height:30px; padding:0px 5px; margin-left:5px; background:#808080; }
.pagelist .thisclass{ background:#ffffff; color:#808080;}
.pagelist .thisclass a{ color:#808080;}
.pagelist a{ color:#ffffff; text-decoration:none;}
.pagelist a:hover{ color:#ffffff; text-decoration:none;}



.zcsb{
	width: 1200px;
}