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;}

a{
text-decoration:none;
}
a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
}
a:hover{
text-decoration:none;
}
a:active{
text-decoration:none;
}


.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;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.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;}

.jianjie{ line-height:32px;}
.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;
}

/
.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);

}



.subnav {



	 background:#ebebeb; width: 100%; height: 70px; 



}



.subnav .curr {



	width: 277px; height: 70px; position: relative;



}



.subnav .curr h2 {



	font-size: 24px; color: #fff; line-height: 70px; text-align: center;



}



.subnav .curr h4 {



	position: absolute; bottom: 0; right: 3px; font-style: italic; font-size: 17px; color:#fff; line-height: 17px;



}



.subnav .nav{



	width:750px; height: 70px;  margin-left: 70px;



}



.subnav .nav ul li a {



	display: block; float: left; width:150px; height: 28px; margin:21px 0 21px 23px; font-size: 14px; color: #2c2c2c; line-height: 28px;  text-align: center;



}



.subnav .nav ul li.selected  a,.subnav .nav ul li:hover a { 



	background: #5986db; color: #fff; border-radius: 2px;



}










.performance {



	width: 100%; overflow: hidden; padding-bottom: 90px;



}



.performance .body ul {



	overflow: hidden; /*height: 1200px;*/ height: auto;



}



.performance .body ul li {

	overflow:hidden;



	float: left; width: 378px; height: 570px; background: #f4f4f4;  margin: 0 22px 47px 0 ;



	transition: all .4s;



	-ms-transition: all .4s;



	-webkit-transition: all .4s;



}



.performance .body ul li .img{



	width: 340px; height: 350px; overflow: hidden;



}



.performance .body ul li .img img{

	width:340px;



	transform: scale(1);



	-ms-transform: scale(1);



	-webkit-transform: scale(1);



	transition: all .4s;



	-ms-transition: all .4s;



	-webkit-transition: all .4s;



}



.performance .body ul li:hover .img img{



	transform: scale(1.1);



	-ms-transform: scale(1.1);



	-webkit-transform: scale(1.1);



}



.performance .body ul .last {



	margin-right: 0;



}



.performance .body ul li .text h2{



	text-align: center; font-size: 18px; line-height: 24px; padding: 36px 26px;



}



.performance .body ul li .text p{



	font-size: 14px; line-height: 24px; padding-left: 40px;



}  



.performance .body ul li:hover {



	background: #c00000; 



}



.performance .body ul li:hover .text {



	color: #fff;



}










.about-res {



	width: 100%; overflow: hidden; padding-bottom: 100px;



}



.about-res .body {



	height: 440px; background: url(../images/hcy/lc20.jpg) no-repeat left center ; position: relative;



}



.about-res .body ul li {



	font-size:14px; line-height: 24px; color: #2c2c2c;



}



.about-res .body ul .n1 { position: absolute; top:63px; left: 528px;}



.about-res .body ul .n2 { position: absolute; top:155px; left: 528px;}



.about-res .body ul .n3 { position: absolute; top:335px; left: 528px;}




.wrapper p{
	font-size: 14px;
}
.wrapper {

	text-align: center;width:1100px;  margin:0 auto; z-index: 1;



}

.gb-head {



	padding: 70px 0 ; text-align: center;



}



.gb-head h2 {



	font-size: 23px; color: #282828; line-height: 23px; height: 23px;



}


.gb-willUp{



	opacity: 0;



	transition: all 1.5s ;



	-ms-transition: all 1.5s ;



	-webkit-transition: all 1.5s ;



	transform: translateY(30px);



	-ms-transform: translateY(30px);



	-webkit-transform: translateY(30px);



}



.gb-willUp.loaded{



	opacity: 1;



	transform: translateY(0);



	-ms-transform: translateY(0); 



	-webkit-transform: translateY(0); 



}




/*产品中心*/
.performance .chanpin_content ul li .img{
  height: 270px;
}
.performance .chanpin_content ul img{
    height: 270px;
}
.header .logo img{
    width: 100%;
}
.performance .chanpin_content ul li{
     overflow: hidden;
    float: left;
    width: 340px;
    height: 500px;
    background: #f4f4f4;
    margin: 0 22px 47px 0;
    transition: all .4s;
    -ms-transition: all .4s;
    -webkit-transition: all .4s;
}
.subnav .curr {
    width: 245px;
    height: 70px;
    position: relative;
	background:#5986db;
}
.subnav .curr h2 {
    font-size: 26px;
    color: #fff;
    line-height: 70px;
    text-align: center;
}
.performance .chanpin_content ul li .text{
    font-size: 14px;
	color:#5d5d5e;
	padding: 0 2em;
}
.performance .chanpin_content ul li .text p {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    padding:0px 8px 10px 8px;
}

.news-list .yingyong  ul li {
    width: 1165px;
    height: 286px;
    margin-left: 35px;
    margin-bottom: 0px;
    background: none;
    border-top:1px solid #ebebeb;
}

.news-list .yingyong ul li .img {
    width: 412px;
    height: 257px;
    position: relative;
}
.news-list .yingyong ul li .img img {
    display: block;
    width: 412px;
    height: 259px;
    position: absolute;
    top: 50%;
    margin-top: -115px;
    left: 0px;
}
.news-list .yingyong ul li .text {
    width: 693px;
    overflow: hidden;
    padding-top: 12px;
    padding-right: 20px;
}
.news-list .yingyong ul li:last-child{
   border-bottom:1px solid #ebebeb; 
}

.yingyong_tit{
    padding-left: 35px;
    font-size: 17px;
    color:#565656;
    line-height: 40px;
}
.job-list .view {
    width: 1200px;
    height: 345px;
    background: #ebebeb;
    position: relative;
    margin-bottom: 30px;
}

.job-list .view .text {
    text-align: left;
    width: 447px;
    height: 345px;
    padding-top: 0px;
    font-size: 14px;
    color: #2c2c2c;
    background: #014e86;
}
.job-list .view .text .desc {
    width: 393px;
    line-height: 25px;
    padding-bottom: 18px;
    border-bottom:none;
}
.job-list .view .img {
    width: 753px;
    height: 345px;
    position: absolute;
    top: 50%;
    left:0px;
    margin-top: -173px;
    position: relative;
}

.job-list .view .text .desc{
    padding: 25px;
    font-size: 25px;
    color:#fff;
    font-family: "微软雅黑";
}
.job-list .view .text .desc p{
    font-size: 16px;
    color:#ccc;
    line-height: 35px;
}
.job-list .view .text ul {
    width: 200px;
    padding-top: 20px;
    float: left;
    color:#fff;
    padding-left: 25px;
    font-size: 14px;
    color:#808080;
}
.job-list .view .text ul li{
    height: 30px;
    margin-bottom: 30px;
    line-height: 20px;
    font-family: "微软雅黑";
}
.wechat{
    float: right;
    margin-right: 25px;
    margin-top: 25px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-family: "微软雅黑";
}

.map_btn{
    width: 105px;
    height: 33px;
    display: block;
    position: absolute;
    right: 15px;
    bottom: 10px;
}


.news-list .body ul li .img .date {
    width:95px;
    height: 60px;
    position: absolute;
    top: 25px;
    left: -35px;
    z-index: 9;
    background: #014e86;
    color: #ebebeb;
    text-align: right;
    padding-right: 10px;
    padding-bottom: 10px;
}
.news-list .body ul li .img .date h2 {
    font-size: 23px;
    height: 24px;
    padding: 10px 0 8px 0;
}

.news-detail .foot ul li {
    width: 50%;
    overflow: hidden;
    line-height: 24px;
    height: 24px;
    float: left;
}

.news-detail .foot ul .next{
    text-align: right;
}
.list_apply_li{
    height: 360px!important;
}
.performance .chanpin_content ul li .img{
    height: 270px!important;
}
.head_line{
    padding-bottom: 12px;
    display: inline-block;
    width: 85px;
    border-top: 1px solid #000;
    vertical-align: middle;
}
.head_title{
    font-size: 24px;
    margin: 0 20px;
}


@media screen and (max-width:770px) {
	
.subnav .curr {

    display: none;
}
.subnav .nav {
    width: 100%;
    height: 100%;
	background-color: #ebebeb;
}
.gb-head {
    padding: 20px 0;
}
.wrapper {

	text-align: center;width:100%;  margin:0 auto; z-index: 1;



}
.bodynei {
    width: 100%;
    max-width: 100%;
    min-height: 220px;
    position: relative;
		padding:0 1em;
}
.performance .chanpin_content ul li {
    overflow: hidden;
    float: left;
    width: 100%;
    background: #f4f4f4;
	margin: 0 0 2em 0;
    transition: all .4s;
    -ms-transition: all .4s;
    -webkit-transition: all .4s;
}
.performance .body ul li .img img {
    width: 100%;
    transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transition: all .4s;
    -ms-transition: all .4s;
    -webkit-transition: all .4s;
}
.performance .body ul li .img {
    width: 100%;
    height: auto;
    overflow: hidden;
}


	}