@charset "UTF-8";
/* CSS Document */

.about-container {
	position: fixed;
	width: 100%;
	height: 100%;
	height: -moz-calc(100% - 55px);
	height: -webkit-calc(100% - 55px);
	height: calc(100% - 55px);
	top: 0px;
	+position:relative;
}

.about-text-container, .about-image-container {
	position: absolute;
	width: 50%;
	height: 100%;
	overflow: hidden;
}

.about-image-container img {
	display: none;
}

.about-text-container {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	background-color: #f4f4f4;
}

.about-text-container .textshow {
	padding:16% 50px 50px 50px; line-height:1.8
}

#about-foundation-container .about-text-container, #about-leadership-container .about-image-container {
	left: 50%;
}

img.about-image-mobile {
	display: none;
	width: 100%;
}


.textbox {
	padding:8% 15% 0 15%; line-height:1.8; height:85%; overflow-x: hidden;
}
.textbox img { max-width:100%; height:auto   }
.textbox td.contacttr { width:40% }
@media (max-width: 760px) {
.textbox { padding:100px 5% 50px 5%; }
.textbox td { display:block; width:100% }
.textbox td.contacttr { width:100%  }
}

.prolist { padding:100px 3% 50px 3%; line-height:1.8; height:85%; overflow-x: hidden; }
.prolist ul li { width:49.8%; margin:1px 0.1%; height:420px; float:left; overflow:hidden; position:relative; background:#000; text-align:center; color:#fff; padding:0}
@media (max-width: 1440px) {
.prolist ul li { height:360px;}
}
@media (max-width: 960px) {
.prolist ul li { height:200px;}
}
@media (max-width: 760px) {
.prolist ul li { float:none; height:auto; width:100%; margin:3px 0; background: none}
.prolist ul li img { width:100%; height:auto; margin:0; padding:0 }
}



.prolist ul li img { width:100%; min-height:100%; transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;  }
.prolist ul li:hover img { transform:scale(1.08,1.08); transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease; 
 opacity:0.40; filter:alpha(opacity=40);/*支持 IE 浏览器*/ -moz-opacity:0.40;/*支持 FireFox 浏览器*/ +filter:alpha(opacity=40);/*支持 IE 浏览器*/   }

.prolist ul li p { position:absolute; width:100%; left:0; top:42%; color:#fff; display:none; font-size:18px;  } 
.prolist ul li p span { display:block; font-size:26px; line-height:1.2 }
.prolist ul li:hover p { display: block  } 
@media (max-width: 760px) {
.prolist ul li p { font-size:22px;}
.prolist ul li p span { font-size:22px;}
}

.proshow {
	padding:55px 0 50px 0; line-height:1.8; height:90%; overflow-x: hidden;
}
.proshow .protitle { padding:270px 0px; height: auto; line-height:1; text-align:center; font-size:54px; background:url(/style/img/probg.jpg) no-repeat center; background-size:auto 100%;  font-family:"黑体"; }
.proshow .protitle h3 { font-size:80px; margin-bottom:3%; font-weight:bold }
@media (max-width: 1440px) {
.proshow .protitle { padding:190px 0px;}
}
@media (max-width: 1240px) {
.proshow .protitle { padding:160px 0px; font-size:48px; }
.proshow .protitle h3 { font-size:68px;}
}
@media (max-width: 760px) {
.proshow .protitle { padding:100px 0px; font-size:22px;  }
.proshow .protitle h3 { font-size:26px;}
}
@media (max-width: 560px) {
.proshow .protitle { padding:60px 0px; }
}
.promsg { margin:30px 5%; }
.promsg .proh3 { font-size:18px;}
.proh3hide { display:none }
.proshow #proh3 { height:40px; border-bottom:2px dotted #555; margin:40px auto; font-weight:bold }
.promsg img { max-width:100% }



/*联系*/
.contacth3 { border-bottom:1px solid #111; font-size:17px; height:34px; margin-bottom:5%; font-weight:bold; }

#about-leadership-container #contact-image-container {
left:0px; width:66%;
}
#contact-text-container {
	left:66%; width:34%; background:#e4e4e4
}
@media (max-width: 960px) {
#contact-text-container { left:0; }
}



/*新闻*/
.news { margin-top:50px; }
.news ul li .news_l { width:50%; float:left; padding:4% 30px; box-sizing:border-box; line-height:2 }
.news ul li:nth-of-type(2n) .news_l { float: right }
.news ul li .news_r { width:50%; float:left; box-sizing:border-box;  }
.news ul li .news_r img { width:100%}

@media (max-width: 960px) {
.news ul li .news_l,.news ul li .news_r { float:none; width:100% }
.news ul li .news_r { padding:4% 30px; }
}