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

/**/
.about{ padding-top:60px; overflow:hidden;}
.about-main{ margin-top:50px; padding-top:60px; background:url(../images/about_img.jpg) left top no-repeat; overflow:hidden;}
.about-box{ float:right; width:64%; background-color:#fff;box-shadow:0px 0 10px #ddd; margin-right:5px; margin-bottom:30px;}
.about-top{ padding:60px; position:relative; margin-bottom:80px;}
.about-top .s-bg{ position:absolute; right:0; bottom:0; background-color:#d00b3c; width:55px; height:30px; z-index:9}
.about-title{ font-size:32px; color:#333; position:relative; margin-bottom:100px; background:url(../images/about_marks.png) left top no-repeat; padding-top:65px;}
.about-title i{ position:absolute; left:0; bottom:-35px; width:60px; height:2px; background-color:#888;}
.about-content{ color:#666; line-height:2;}
.about-bottom{ border-top:1px solid #eee; overflow:hidden; padding:0 30px; color:#333; line-height:1.6;}
.about-bottom li{ float:left; width:50%; padding:20px 30px; font-weight:600;}
.about-bottom li strong{ display:block; font-size:18px;}
.about-bottom li span{ color:#888; font-size:12px; background:url(../images/icon_dw.png) left center no-repeat; padding-left:20px; font-weight:normal;}
/**/
.culture{ background-color:#f7f7f7; padding-top:60px;}
.culture .heading span{ background-color:#f8f7f7;}
.culture ul{ margin-left:-10px; margin-right:-10px; padding-top:60px; text-align:center;}
.culture ul li{ float:left; padding-left:10px; padding-right:10px; width:50%;}
.culture ul li img{ display:block; width:100%;}
.culture ul li p{ width:80%; background-color:#fff;box-shadow:0px 0 10px #bbb; margin:0 auto 0; z-index:9; position:relative; top:-50px; padding:30px;}
.culture ul li p strong{ display:block; font-size:32px; color:#333; margin-bottom:10px;}
.culture ul li p span{ color:#666; font-size:16px; display:block; text-align:center; padding:0 50px; line-height:1.6; min-height:52px;}
/**/
.map{ width:100%; height:690px;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

@media (max-width:1365px){
	.about-box{ width:80%;}
	.map{ height:500px;}
}

@media (max-width:991px){
	.about-main{ padding-top:30px;}
	.about-box{ width:auto; float:none; margin-left:15px;}
	/**/
	.culture ul li p{ padding:15px; width:90%;}
	.culture ul li p span{ padding:0;}
	.map{ height:400px;}

}

@media (max-width:767px){
	.about-top{ margin-bottom:30px; padding:30px;}
	.about-box{ margin-left:5px;}
	.about-title{ margin-bottom:60px;}
	.about-title i{ bottom:-30px;}
	.about-bottom li{ float:none; width:auto; border-bottom:1px solid #eee;}	
	/**/
	.culture ul li p{ width:auto;}
	.culture ul li p strong{ font-size:20px;}
	.culture ul li p span{ font-size:14px;}
	.map{ height:300px;}
}

@media (max-width:480px){
	.about-top{ padding:20px;}
	.about-title{ font-size:26px;}
	.about-bottom{ padding:0;}
	.about-bottom li{ padding:15px;}
	/**/
	.culture ul{ margin-left:-5px; margin-right:-5px;}
	.culture ul li{ margin-bottom:-20px; padding-left:5px; padding-right:5px;}
	.culture ul li p{ padding:10px; margin-bottom:5px;}
	.culture ul li p strong{ font-size:14px;}
	.culture ul li p span{ font-size:12px;}
}