.contentainer{padding-top:85px;}
.top{position:fixed; top:0; left:0; width:100%; height: 85px; background: #fff; z-index: 10001;}
.top_center{ width: 1230px; height: 85px; margin: 0 auto; position:relative;}
.top_center .logo{ position:absolute; top:20px; left:0; width: 190px; height:50px;}
.top_center .nav{ margin-left: 230px; padding-top: 35px; height: 50px;}
.ul_nav{ overflow: hidden; line-height: 50px;}
.ul_nav li{ float: left;display: block; width: 100px; height: 50px;}
.ul_nav li:first-child{width: 100px;}
.ul_nav li.active{ height: 46px; color: #1bb941; border-bottom:5px solid #1bb941;}
.ul_nav li.active_hover{ height: 46px; color: #1bb941; border-bottom:5px solid #1bb941;}
.ul_nav li a{ display: block; width: 100%; height: 50px; color: #0f0f0f; text-align: center; line-height: 50px;}
.nav_right{ position:absolute; right:0; top:11px; line-height: 37px;}
.nav_right p{ text-align: right;}
.nav_right p img{ vertical-align: -2px; padding-right: 10px;}
.banner{ width: 100%; height: 725px; overflow:hidden; }
#slid_box{ width: 100%; height: 725px; position:relative; overflow:hidden;}
#slid_box li{ position:absolute; top:0; left:0;width: 100%; height: 100%; z-index: 0; display: table-cell; vertical-align: middle; text-align: center;}
#slid_box li.active{ z-index:1;}
#slid_box li img{ display:inline-block; vertical-align: middle;  height: 100%; width: auto;}

.img_ban{ position: absolute; left:50%; margin-left: -570px; top:200px;}

.content{ width: 100%;}
.section_one{ background: #FFFFFF; width: 100%; height: 390px;}
.one_div{ width: 1230px; overflow: hidden; margin: 0 auto; height: ;}
.com_info,.fazhan_info{ float: left; width: 50%; padding-top:20px; }
.h_box{text-align: center;padding: 40px 0 20px;}
.h_title{ text-align: left; font-size: 24px; font-weight: bold; color: #222;}
.h_box p{ color: #bebebe; line-height: 25px;}
.line_title{margin: 0;width:40px;height: 5px;overflow: hidden;background: #307bc9;}
.line_left{ float: left; height: 5px; width:15px; background: #1bb941;}
.p_text{width: 580px; margin: 0 auto; padding-top:20px; line-height: 30px; color: #222; font-size: 14px;}

.more_btn{display: block; margin: 40px auto 0; width: 122px; height: 37px; background: url(../image/btn_bg.jpg) no-repeat; border:0; cursor: pointer;}
.more_btn:hover{background: url(../image/btn_bg02.jpg);}

.section_two{ height: 366px; background: url(../image/bg_icon.jpg) no-repeat; background-size:100% 100%;}
.two_div{ width: 1230px; margin: 0 auto;}
.icon_box{ width: 307px; float: left; padding:108px 0 60px;}
.icon_box img{ display: block; margin: 0 auto;}
.icon_box p{ text-align: center; padding:30px 0 10px; line-height: 30px; color: #fff;}

.section_three{ background: #fff;}

.com_news,.hangye_news{float: left; width: 50%; padding:40px 0 56px;}
.h_news{ margin-left: 50px; font-size: 20px; color: #222; margin-right: 28px; line-height: 45px; border-bottom: 1px solid #d8d8d8; text-align: center;}
.news_ul{ padding}
.news_ul li{ padding:30px 28px 0px 0; }
.news_ul li:hover .news_title,.news_ul li:hover p{ color: #1bb941;}
.news_title{ padding-left:50px; line-height: 35px; font-size:18px; color: #222; font-weight: normal;}
.news_c{ background: url(../image/news_c.jpg) no-repeat left center;}
.news_b{ background: url(../image/news_b.jpg) no-repeat left center;}
.news_active{ background: url(../image/news_hover.jpg) no-repeat left center;}
.news_ul li p{ margin-left:50px; font-size: 14px; color: #555; line-height: 30px; height: 60px; overflow: hidden; padding-bottom: 30px; border-bottom:1px solid #d8d8d8; position: relative;}
.news_ul li p::after{content: "..."; position: absolute; bottom: 0; right: 0; padding-left: 40px;
	background: -webkit-linear-gradient(left, transparent, #fff 55%);
	background: -o-linear-gradient(right, transparent, #fff 55%);
	background: -moz-linear-gradient(right, transparent, #fff 55%);
	background: linear-gradient(to right, transparent, #fff 55%);
}
.cooperation{ width: 1230px; margin: 0 auto;}
.cooperation ul{ overflow: hidden;}
.cooperation ul li{ display: table-cell; float: left; width: 20%; height: 70px; line-height: 70px; vertical-align: middle; text-align: center;}
.cooperation ul li img{ display:inline-block; vertical-align: middle;}

.section_four{ background: #fff; border-top:1px solid #d8d8d8;}

.footer{ width: 100%; height: 150px; background: #212121;}
.footer .footer_center{ width: 1230px; margin: 0 auto; padding:30px 0; line-height: 30px; color: #7c7c7c; text-align: center;}
.footer_center span{ margin-left: 20px;}
a.footer_link{ color: #7c7c7c; margin-right: 20px;}
a.footer_link:hover{ text-decoration: underline;}
.p_center{ text-align: center;}


.page_top{ width: 100%;  margin: 0 auto; height: 244px; position: relative;}
.page_top img{ display: block; width: 100%; height: 100%;}
.pageinfo{margin:0 auto 50px;width: 1230px;min-height: 600px;background: #fff;border:1px solid #cbcfd3;position: relative;}
span.pageinfo {border:0px;}
.page_h{ position: absolute; top:-44px; left:0; padding:0 30px; width:1170px; height: 44px; line-height: 44px; background: #cbcfd3; background: rgba(245,246,247,0.7); text-align: right; font-size: 14px;}
.h_box02{padding:20px 0;margin-left: 30px;}
.h_box02 .h_title{ font-size: 20px; }
.h_box02 .p_title{ font-size: 12px; text-align:left;}
.infobox{padding:0 30px 30px;overflow: hidden;}


.culture_one,.culture_two,.culture_three{ margin-bottom: 10px; overflow: hidden;}
.culture_one img,.culture_two img,.culture_three img{ float: left;}
.culture_one{ margin-left: ;}
.culture_two{margin-left: 250px;}
.culture_three{margin-left:428px;}
.culture_p{ float: left; margin-left: 20px; font-size: 16px; color: #222; padding-top:5px;}
.culture_p p.p_culture{ padding-top:10px;}
.culture_p span{ color: #bebebe; margin-left: 5px;}


.join_left{ float: left; margin-left: 20px; width: 360px;}
.join_left p{ line-height: 30px; padding-bottom: 20px;}
.join_left p span{ margin-left: 10px;}
.join_left p img{ vertical-align: -8px; padding-right: 5px;}
.joinus_img{ width: auto; height: 100%;}
.h_pin{ font-size: 18px; color: #222; line-height: 35px; padding-bottom: 10px;}
.ul_pin{ overflow-Y: auto; width: 100%; height: 400px;}
.ul_pin li{ color: #666; line-height: 35px; font-size: 15px;}
.ul_pin li:hover{ text-decoration: underline;cursor: pointer;}
.join_right{ float: right; width: 775px; height: 500px; position: relative; overflow: hidden;}
.pin_info{ position: absolute; top:0; left: 0; overflow: auto; background: #fff; background:rgba(255,255,255,0.8); width: 775px; height: 500px;}
.h_worker{font-size: 18px; color: #222; line-height: 35px; padding: 5px 20px;}
.worker_info{padding: 5px 20px; line-height: 30px; color: #666;font-size:14px;}
.worker_info p{line-height: 30px; color: #666;}

.disclose_list_left{ float: left; margin-left: 20px; width: 200px;}
.disclose_list_left p{ line-height: 30px; padding-bottom: 20px;}
.disclose_list_left p span{ margin-left: 10px;}
.disclose_list_left p img{ vertical-align: -8px; padding-right: 5px;}
.disclose_list_right{float: left;}
.disclose_list_pin_info{position: absolute;overflow: auto;background: #fff;background:rgba(255,255,255,0.8);height: 500px;}

#map{ width: 100%; height: 100%;}
.p_contact{line-height: 30px; padding:0 30px 10px;}
.p_contact span{ margin-left: 20px;}
.p_contact img{vertical-align: middle; padding-right: 10px;}

.introduce_text{float: left; margin-left: 20px; width: 615px;}
.introduce_text p{ line-height:30px; font-size: 14px; color: #222; padding-bottom:15px;}
.img_introduce{ float: right;}


.h_things{ color: #cbcfd3; font-size: 16px;}
.img_history{ display: block; margin: 0 auto;}


.news_nav{ float: left; width: 115px; float: left;}
.news_nav li a{ display: block; line-height: 50px; border-bottom: 1px solid #a0a0a0;}
.news_nav li.active a{ color:#00bb39;}
.news_nav li:last-child a{ border:0;}
.news_list{ float: right; width: 910px;}


.news_info{}
.info_title{ text-align: center; border-bottom: 1px solid #e1e1e1; line-height: 80px; font-size: 22px;}
.text_news{ padding:20px 0; line-height: 30px;}

.tanceng{position:absolute; bottom:0; left: 0; width: 100%; height:100%; z-index: 1000;}
.bg_hui{position:absolute; top:0; left: 0; width: 100%; height:100%; background: #555555; background: rgba(0,0,0,0.5); z-index: 1000;}
.tanceng .photo_div{ position: absolute; left:50%; margin-left: -200px; top:40%; margin-top: -200px; width: 400px; height: auto; padding:20px; background: #fff; z-index: 1000;}

.tanceng .photo_div02{ margin-left: -300px; width: 600px; margin-top: -200px;}
.photo_div img{ display: block; width: 100%; height:auto;z-index: 1000;}


.dede_pages{
	width:712px;
	float:right;
	overflow:hidden;
	text-align:center;
}
.dede_pages ul{
	padding:10px 0px;
	margin:0px auto;
	float:right;
	clear:both;
	overflow:hidden;
	text-align:center;
	white-space:nowrap;
}
.dede_pages ul li,.dede_pages ul li a{
	float:none;
	display:inline-block;
}
.dede_pages ul li a{
	padding:5px;
	border:1px solid #eee;
}



@media screen and (max-width:1366px){
	.top_center{width:1000px;}
	.banner{ height: 500px;}
	#slid_box{height: 500px;}
	#slid_box li img{ height: 100%; width: auto;}
	.top_center .nav{margin-left: 210px;}
	.ul_nav li {width: 80px;}
	.ul_nav li:first-child{width:60px;}

	.one_div,.two_div{ width: 1000px;}
	.p_text{width:450px;}
	.section_two{ height: 300px;}
	.icon_box{width:25%; padding:60px 0 50px}
	.h_box{ padding: 30px 0 20px;}
	.com_news,.hangye_news{ padding:0px 0 56px;}
	.cooperation{width:1000px;}
	.cooperation ul li{ height: 100px; line-height: 100px;}
	.cooperation ul li img{ width:65%; height:auto;}
	a.footer_link{ margin-right: 5px;}
	.pageinfo{width:1000px;}
	.page_h{width: 940px;}
	.introduce_text{width: 500px;}
	.img_introduce{width: 400px;}
	.culture_one img,.culture_two img, .culture_three img{ width: 300px;}
	.culture_two{ margin-left: 200px;}
	.culture_three{margin-left: 328px;}

	.img_history{width: 900px;}

	.news_list{width: 800px;}
	.join_left{width: 320px;}
	.join_right{width: 576px;}
	.pin_info{width: 576px;}
}