/*----通用css-----------------------------------------*/
@charset "utf-8";
* {margin: 0px;padding: 0px;}
body,input{font: 14px/28px Arial,'Microsoft Yahei',sans-serif;}
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}
a{text-decoration: none; outline: none;cursor:pointer;color: #778089;}
a:hover{ color: #27c5ff;}
a:active{ color: #000;}
img{border:none;vertical-align:top;}
em, cite{font-style: normal;}
ul,li{ list-style: none; margin: 0; padding: 0;}
* input , button, select{font-family: Arial,sans-serif;vertical-align: middle;outline:none;border:none;}
h1, h2, h3, h4, h5, h6,b {margin: 0; padding: 0;font-weight: normal;color : #3f495c;}
hr{margin: 20px 0;border:none;border-bottom: 1px solid #ededed;}
/*浮动，清除浮动*/
.fl{float: left;}
.fr{float: right;}
.clear{clear:both;}
.wrap{max-width:1120px;margin:0 auto;}/*网站最小宽度，居中*/
.main{min-height:500px;padding-top: 80px;padding-bottom: 70px;}
/*----header-----------------------------------------*/
.header{position: fixed;left:0;height: 80px;z-index: 999;width: 100%;background-color: #fff;border-bottom:1px solid #ededed;}
.header	.logo{position: absolute;top: 10px;left: 0;}
.header	.menu{position: absolute;right: 70px;}
	    .menu>ul {position: relative;z-index: 99;width: 100%;padding-right: 100px;}
	    .menu>ul>li{float: left;padding:0 25px;}
	    .menu ul li a{display: inline-block;line-height: 80px;color: #4c5359;}
	    	  .menu ul li ul{position: absolute;display: none;background-color: #3f495c;padding:0 25px;margin-left: -25px;}
	    	  .menu ul li ul li a{line-height: 36px;color:#fff;}
	    .menu a:hover, .menu ul li.on>a{color: #27c5ff;}	  
.header	#lang{position: absolute;right: 0;top:26px;padding-left: 17px;}
		.header	#lang a{padding-left: 25px;margin-left:10px;display: none;}
		#lang .en{background: url(../images/lang-en.jpg) 0 center no-repeat ;}
		#lang .cn{background: url(../images/lang-cn.jpg) 0 center no-repeat ;}
		.header	#lang .mail{display: inline-block;float:right;margin-left:20px;padding-left: 28px;background: url(../images/email.png) 0 center no-repeat ;background-size: auto 14px;}
		@media only screen and (max-width: 1024px){
			.header	.logo{left: 3%;}
			.menu>ul>li{float: left;padding:0 15px;}

		}
		@media only screen and (max-width: 800px){
			.menu>ul>li{padding:0 10px;}
		}
		@media only screen and (max-width: 640px){
			.main{padding-top: 120px;}
			.menu{left:0;top:80px;background-color: #fff;border-top:1px solid #ededed;}
			.menu>ul>li{padding:0 20px;}
			.menu ul li a{line-height: 40px;} 
		}
		
/*----banner-----------------------------------------*/
.banner{padding-top: 80px;overflow: hidden;position: relative;width: 100%;}
	.banner ul#pic li a{display: block;width: 100%;}
	.banner ul#pic{position: absolute;left: 50%;}
	.banner ul#pic img{width: 100%;}
	.banner_btn{position: absolute;bottom: 30px;left: 48%;margin-left: ;z-index: 999;}
	.banner_btn span{background:url(../images/banner-btn.png) -26px 0 no-repeat; width: 12px;height: 12px;display: inline-block;cursor: pointer;margin-right: 10px;}
	.banner_btn span.cur{background:url(../images/banner-btn.png)  no-repeat;}
@media only screen and (min-width: 1440px){
	.banner ul#pic li a{width: 1900px;height: 734px;}
	.banner ul#pic img{width: 1900px;height: 734px;}
}

/*----index-about-----------------------------------------*/
.index-about{min-height: 450px;width: 100%;margin:0 auto;overflow: hidden; padding-top: 80px;}
.wrap{position: relative;}
.index-about .index-about-img{position: absolute;right: 50%;height: 450px;}
.index-about .index-about-img img{height: 450px;}
.index-about .index-about-text{display: table;height: 450px;width: 46%;margin-right: -4%;padding-right: 3%;text-align: justify;text-justify:inter-ideograph;}
				.middle{display: table-cell;vertical-align: middle;}
			 .index-about-text h2{margin-bottom: 13px;font-size: 26px;color: #37485c;line-height: 28px;	text-align: left;}
			 .index-about-text h3{margin-bottom: 13px;font-size: 33px;font-weight: bold;color: #37485c;}
				.index-about-text h3 span.line{display: inline-block;width: 131px;height: 3px;margin-top: 10px;background-color: #27c5ff;}
			 .index-about-text p{color: #778089;line-height: 22px;}
			 .index-about-text p br{height:10px;}
			 .read-more{display: inline-block;margin-top: 13px;font-weight: bold;color: #778089;}
@media only screen and (max-width: 1280px){
.index-about .index-about-img{position: absolute;right: 50%;}
.index-about .index-about-text{width: 46%;margin-right: 0;padding-left:4%;padding-right: 0;}

}
@media only screen and (max-width: 1024px){
.index-about .index-about-img{position: absolute;right: 50%;}
.index-about .index-about-text{width: 46%;margin-right: 0;padding-left:4%;padding-right: 0;}

}




/*----index-konw-----------------------------------------*/
.index-konw{margin-top:109px;padding-bottom: 109px;text-align: center;}
.index-konw  h2.en, .index-konw  h2.cn{margin-bottom: 70px;font-size: 40px;display: none;}
.index-konw  h2.cn{font-size: 30px;}
.index-konw  h2.cn span{display: inline-block;margin-top: 10px;font-size: 18px;color: #aaa;}
.index-konw li{margin-bottom: 15px;border:1px solid #eee;}
.index-konw li img{width: 100%;}
@media only screen and (max-width: 1024px){
	.index-konw li {width: 94%;margin: 0 3%;}
}
/*----index-value-----------------------------------------*/
.index-value{text-align: center;margin-bottom: 100px;}
.index-value h2{margin-bottom: 20px;font-size: 45px;}
.index-value-text {color: #778089;line-height: 28px;word-wrap: 1px;}
.index-value-now{margin-bottom: 80px;margin-top: 50px;}
.index-value-now h3{font-size: 28px;}
.index-value-now h3 span.btn{display: inline-block;width: 17px;height: 9px;background: url(../images/btn.png) no-repeat;}
.index-value-now .text{margin-top: 15px;font-size: 36px;line-height: 50px;font-weight: bold;color: #37485c;}
.more{position: relative;z-index: 2;width:157px;height:44px;display: inline-block;padding:0 30px ;font-size: 18px;line-height: 44px;;color: #fff;background-color: #27c5ff;border-radius: 50px;/*behavior: url(templets/css/ie-css3.htc);*/}
.more:hover{background-color:#add022;color:#fff;}
/**/
.position{padding:20px 0;border-top:1px solid #ededed;color:#778089;}
@media only screen and (max-width: 1024px){
	.position{width: 94%;padding-left: 3%;}
}
/*----contact-----------------------------------------*/
.contact{background-color: #f7f7f7;}
.contact-box{min-height: 360px;background-color: #fff;padding:3%;width: 94%;overflow: hidden;}
.contact-tit h2{margin-bottom: 30px;}
.contact-tit  ul{margin-bottom: 30px;overflow: hidden;display: none;}
.contact-tit  ul li{float: left;background-color: #778089;}
.contact-tit  ul li a{display: inline-block;padding:0 20px;line-height: 40px;background-color: #778089;color:#fff;}
.contact-tit ul li span.line{float: left;display: inline-block; height:20px;margin-top:10px;width: 1px;background-color: #f7f7f7}
.contact-tit ul li:nth-child(1) span.line{display: none;}
.contact-tit  ul li.on a, .contact-box  ul li:hover a{background-color: #37485c;color:#fff;}
.contact-box .body{/*margin-top: 30px;*/min-height: 300px;overflow: hidden;}
.body2 table{margin-top: 20px;width: 100%;border-collapse: collapse;border:1px solid #ededed;}
.body2 table tr td{border:1px solid #ededed;padding:20px;}
/*荣誉证书*/
.honor{position: relative;margin-top: 20px;}
.honor h2{font-size: 24px;color: #000;}
.honor-box{margin:0 35px 0 42px;width: 980px;overflow: hidden;padding-top: 7px;height: 175px;overflow: hidden;}
.honor li{width: 231px;margin-right: 15px;float: left;}
.honor li a{vertical-align: top;}
.honor li div{width: 231px;height: 175px;display: table-cell;vertical-align: middle;text-align: center;}
.honor li img{max-width: 231px;height: 175px;}
.honor a.sPrev, .honor a.sNext{position: absolute;top:50%;display: inline-block;width: 35px;height: 70px;transition: all .5s;-webkit-transition:all .5s;}
.honor a.sPrev{left: 0;background: url(../images/prev_54.png) -5px no-repeat;}
.honor a.sPrev:hover{background: url(../images/prev_54.png) -52px 0 no-repeat;}
.honor a.sNext{right: 0;background: url(../images/next_54.png) -5px no-repeat;}
.honor a.sNext:hover{right: 0;background: url(../images/next_54.png) -47px no-repeat;}
.contact-box  .honor ul li:hover a{background: none;}
/*----人才招聘-----------------------------------------*/
.title{text-align: left;}
/*.title {text-align: center;}*/
.title h2{color: #37485c;}
/*.title span{display: inline-block;width: 50px;height: 2px;background-color: #37485c;}*/
.recruitment{width: 100%;min-width: 1000px;min-height: 500px;overflow: hidden;background-color: #f7f7f7;}
.recruitment_text{font-size: 14px;line-height: 28px;margin-bottom: 30px;overflow: hidden;}
.recruitment_list{overflow: hidden;margin-top: 50px;}
.recruitment_list ul li{margin-bottom: 1px;}
.recruitment_list ul li.current h3{background: #37485c;color:#fff;}
.recruitment_list ul li h3{font-size: 16px;font-weight:normal;background: #778089;color:#fff;line-height: 54px;padding-left: 15px;height: 54px;cursor: pointer;}
.recruitment_list ul li h3 span{background: url(../images/zhaopin_icon.png) 0 -32px no-repeat;display: inline-block;width: 32px;height: 32px;float: right;margin: 10px 10px 0 0;}
.recruitment_list ul li div{display: none;padding: 20px 38px 30px;}
.recruitment_list ul li div{background: rgba(255,255,255,0.8);}
.recruitment_list ul li div p{line-height: 25px;}
/*----pro-----------------------------------------*/
.pro-page{background-color: #f7f7f7;padding-bottom: 80px;}
.list-box{width: 100%;overflow: hidden;}
.list{width: 100%;overflow: hidden;}
ul.list {width: 103%;overflow: hidden;}
.list li{float: left;width: 22%;margin-right: 3%;margin-bottom: 30px;background-color: #fff;}
.list li a{display: inline-block;vertical-align: top;}
.list li .img{position: relative;width: 100%;text-align: center;overflow: hidden;background-color: #eee;height: 270px;}
.list li .img span{display: table-cell;vertical-align: middle;height: 254px;width: 100%}
.list li .img p{display: table;width: 100%;height: 100%;}
.list li .text{margin:10px;overflow:hidden;/*height: 150px;*/}
.list li h2{font-size: 14px;line-height: 18px;height: 38px;overflow: hidden;text-align: center;}
.list li p{font-size: 12px;word-break: break-all;line-height: 18px;}

.list li a img{width: 100%;position: absolute;top:0;left:0;}
@media only screen and (min-width: 1024px){
	.list li .img span{width: 254px;}
}
@media only screen and (max-width: 1024px){
	ul.list {padding-left:2%;width: 100%;}
	.list li{float: left;width: 30%;margin-right: 3%;margin-bottom: 30px;}
}
@media only screen and (max-width: 640px){
	ul.list {padding-left:2%;width: 100%;}
	.list li{float: left;width: 47%;margin-right: 3%;margin-bottom: 30px;}
}

/*----news-----------------------------------------*/
.news{background-color:  #f7f7f7;padding-bottom: 80px;}
.news-list-box{}
.news-list-box ul{overflow: hidden;}
.news-list-box ul li{position: relative;width: 47%;float: left;background-color: #fff;padding:1%;height: 130px;margin-bottom: 24px;}
.news-list-box ul li .img{float: left;margin-right: 12px;}
.news-list-box ul li .img img{height: 130px;width: 200px;}
.news-list-box ul li .text{overflow: hidden;width: 310px;}
.news-list-box ul li .text p{line-height: 20px;color: #aaa;}
.news-list-box ul li .text h2{font-size: 16px;margin-bottom: 8px;line-height: 24px;color: #40495a;}
.news-list-box ul li:hover p{color: #27c5ff;}
.more-btn{position: absolute;bottom: 5px;right:10px;}
/*----article-----------------------------------------*/
.article{background-color: #f7f7f7;padding-bottom: 50px;}
.article-tit {text-align: center;margin-bottom: 30px;border-bottom: 1px solid #ededed;padding-bottom: 20px;}
.article-tit h2{font-size: 18px;}
.article-tit p{color:#aaa;}
.article-content, .article-prenext{color:#778089;}
.article-prenext{margin-top: 30px;}
.news-article{padding:3%;width: 94%; background-color: #fff;}
.news-article img{margin:20px 0;}
.back{display: inline-block;background-color: #3f495c;color:#fff;padding:0 50px;line-height: 35px;text-align: center;}
.prevnext{margin-top: 50px;color: #778089}
/*翻页-------------------------------------------------------------------*/
.paging{margin-top: 20px;text-align: center;padding:15px 0;overflow: hidden;}
.paging li{display:inline-block;text-align: center;}
.paging li a{display: inline-block;border:1px solid #778089;color: #778089;width: 28px;height: 28px;line-height: 28px;margin-right: 3px;font-size: 14px;}
.paging li.thisclass a,.paging li:hover a{background: #778089;color: #fff;}
.paging li a.i,.paging li.n a,.paging li a.e,.paging li.p a{text-indent: -9999px;}
.paging li a.i{background: url(../images/paging_btn.png) 10px center  no-repeat ;}
.paging li a.e{background: url(../images/paging_btn.png) -150px center no-repeat ;}
.paging li.p a{background: url(../images/paging_btn.png) -30px center no-repeat;}
.paging li.n a{background: url(../images/paging_btn.png) -98px center no-repeat;}
.paging li:hover a.i {background: url(../images/paging_btn_hover.png) 10px center  no-repeat #778089;}
.paging li:hover a.e{background: url(../images/paging_btn_hover.png) -150px center no-repeat #778089;}
.paging li.p:hover a{background: url(../images/paging_btn_hover.png) -30px center no-repeat #778089;}
.paging li.n:hover a{background: url(../images/paging_btn_hover.png) -98px center no-repeat #778089;}

/*----contact-----------------------------------------*/
.contact-page{position: relative; background-color: #eee;}
.contact-content{position: absolute;top: 50px;z-index: 99;width: 500px;padding: 30px;line-height: 28px;background-color: rgba(255,255,255,.8);color: #778089;}
.contact-content h2{margin-bottom: 5px;font-size: 26px;color:#37485c;}
.contact-content table td{display: block;}
/*----留言反馈-----------------------------------------*/
.red{color:red;}
.feedback{background-color: #f7f7f7;padding-bottom: 66px;}
.feedback table{margin-top: 30px;}
.feedback table tr{display: block;margin-bottom: 10px;}
.feedback input{width: 250px;padding:0 10px;line-height: 40px;height: 40px;border:1px solid #ddd;margin-right: 10px;}
.feedback textarea{width: 780px;height: 200px;padding:10px;border:1px solid #ddd;margin-right: 10px;}
.feedback img{height: 42px;}
.feedback #vdimgck{width: 95px;text-align: center;}
.feedback #submit{font-size: 16px; font-family: 'Microsoft Yahei','Arail';cursor: pointer;}
.feedback #submit:hover{color:#fff;background-color: #37485c;}
.feedback-box{background-color: #fff;padding: 3%;width: 94%;}

/*----footer-----------------------------------------*/
.footer{font-size: 12px;}
.footer-contact{padding: 45px 10px ;overflow: hidden;border-top:1px solid #ededed;color: #778089;background-color: #fff;}
.footer-contact-text{font-size: 14px;}
.footer-contact-text table td:nth-child(1){padding-right: 20px;}
.footer-wechat{margin-top: 10px;}
	.footer-wechat li{float: right;margin-left: 20px;}
	.footer-wechat li img{max-width: 100px;max-height:100px;}
.powerby-share{height: 42px;line-height: 21px;overflow: hidden;padding:36px 0 30px;color: #778089;background-color: #f7f7f7;}

/*share-button*/
@media only screen and (max-width: 1024px){
	.footer-contact-text{padding-left: 2%;width: 63%;}
	.powerby-text{width: 47%;padding-left: 3%;}
	.share-btn{margin-right:10px;}
}
.share-btn{overflow: hidden;width: 35%;}
.share-btn ul{margin-right: -10px;float: right}
.share-btn li{float: left;margin: 0 10px;}
.share-btn a{display: inline-block;height: 21px;background-image: url(../images/share-icon.png);background-repeat:no-repeat;}
.share-btn a:hover{background-image: url(../images/share-icon-hover.png);}
.twitter   {width: 23px;background-position: 0 center;}
.youtube   {width: 27px;background-position: -52px center;}
.facebook  {width: 18px;background-position: -103px center;}
.vimeo     {width: 23px;background-position: -154px center;}
.linkedin  {width: 21px;background-position: -320px center;}
.sina      {width: 26px;background-position: -198px center;}
.instagram {width: 21px;background-position: -271px center;}
.tencent   {width: 15px;background-position: -241px center;}