body{ background-color:#f2f2f2 !important;}



#banner{height:147px; min-width:1200px; width:100%; background:url(../image/bannerbg.jpg) 0 0 repeat-x; vertical-align:middle; line-height:147px}
#bannerList{width:1200px; margin:0 auto; text-align:center}
#bannerList a{margin:0 21px; _margin:0 19px; font:14px "microsoft yahei", Arial; color:#909090; font-weight:bold; padding-bottom:5px}
#bannerList a.selected{ border-bottom:#5c5c5c solid 2px; font:14px "microsoft yahei", Arial; color:#5c5c5c; font-weight:bold;}
#bannerList a:hover{color:#5c5c5c;}

#aboutImg{ margin-top:15px}
#aboutImg img{ display:block;margin:0 auto}
#aboutDetail{ 
	margin:35px auto;
	padding:0 110px;
	overflow: hidden;
	width:1280px;
}
#aboutDetail ul {
	margin: 0 25px;
	float: left;
}
#aboutDetail ul img {
	width: 200px;
	height: 200px;
}
#aboutDetail .ul_p {
	width: 380px;
}
#aboutDetail .ul_iframe {
	width: 580px;
}
#aboutDetail p{ font:12px/26px "microsoft yahei"; color:#35363a; text-indent:2em;}

#history{width:100%; position:relative; min-height:1200px; _height:1200px; margin-top:15px}
#historyYear{position:relative; left:0; top:0; float:left; height:1177px; width:119px; background:url(../image/yearbg.jpg) 0 0 no-repeat; z-index:10}
#historyYear ul li.first{ margin-top:15px !important}
#historyYear ul li{width:100%; margin:28px 27px;}
#historyYear ul li a{font:24px/34px "microsoft yahei"; color:#ffffff}
#historyDetail{position:relative; left:-10px; top:0; float:left; min-height:1215px; _height:1215px; width:1000px; background-color:#ffffff; border:#d0d0d0 1px solid; border-radius:10px; z-index:11; padding:0 35px}
#historyDetail table tr td{vertical-align:middle; height:212px; border-bottom:#e6e6e6 1px solid; }
#historyDetail table tr td.month{ text-align:right}
#historyDetail table tr td.detail{ text-align:left; padding:0 50px}
#historyDetail table tr td.detail h4{ font:18px/28px "microsoft yahei"; color:#35363a; font-weight:bold; margin-bottom:10px}
#historyDetail table tr td.detail p{ font:12px/22px "microsoft yahei"; color:#5c5c5c}
#historyDetail table tr td.img{ text-align:center}
#historySelected{ width:112px; height:70px; font:24px/34px "microsoft yahei"; color:#66b30b; position:absolute; left:-2px; top:0; background:url(../image/firstyear.jpg) 0 0 no-repeat; z-index:12; padding:14px 0 0 29px}

#contactList{width:1200px; margin:30px auto 0 auto}
#contactList ul{ margin-left:70px}
#contactList ul li{ margin:0 30px; float:left; width:290px; height:260px}
#contactList ul li:after{content:"";clear:both;}
#contactList ul .lastLiPst{border-top:#cccccc 1px solid;padding-top:30px;}
#contactList ul li img{ float:left;}
#contactList ul li div.contactDetail{float:left; width:200px; padding:30px 0 0 0;}
#contactList ul li h2{ font:24px/34px "microsoft yahei"; color:#5c5c5c; margin-bottom:20px}
#contactList ul li p{ font:12px/24px "microsoft yahei"; color:#5c5c5c;}
#positionDetail{float:left; padding-top:23px}
#positionDetail h2{font:24px/34px "microsoft yahei"; color:#5c5c5c;}
#positionContent{margin-top:30px;padding-left:90px;}
#positionDis{display:inline-block;float:left; margin-left:15px}

#contactList ul .service-item {
    width: 323px;
    margin: 0 7px 0 30px;
}

#contactList ul .service-item div.contactDetail {
    width: 233px;
}

.contact-way {
    overflow: hidden;
}

.contact-way .item {
    float: left;
    margin-top: 15px;
    text-align: center;
}

.contact-way .item a {
    display: block;
}

#contactList .contact-way .item img {
    float: none;
    display: block;
    margin: 0 auto;
}

.tel {
    margin-left: 10px;
}

.mail {
    margin-left: 15px;
}

#contactList .contact-way .mail img {
    margin-left: 0;
}