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

/*公共告部分*/
.box{ width:90%; margin:0 auto; min-width: 1200px\9;}


/*头部*/
.head_banner{ width: 100%; min-width: 1200px\9; max-height: 960px\9;  background:#7d9bb5; position: relative; }
.head_banner_img{ width: 100%;  margin: 0 auto;  text-align: center; }
.head_banner_img img{width: 100%; }



.head{ width: 100%; height: 80px; position:absolute; top: 0px; left: 0; z-index: 999; }
.headLeft{ float: left; }
.headLeft img{ margin-top: 25px; width: 65px; height: 40px; }
.headRight{ float: right;}
.nav li a{ color: #fff; }
/*.navBtn{ margin-top: 30px; display: none; }
.navBtn img{ width: 40px;}
.nav li{ float: left; }
.nav li a{ line-height: 80px; padding-left: 100px; font-size: 15px; color: #fff; }
.nav li a:hover{ font-weight: bold; }
.nav li a img{ width: 20px; height: 20px;display: none; float: right; margin-top: 14px;  }*/

@media(max-width: 800px){
	.head{top: 0px; }
	/*.navBtn,.nav li a img{ display: block; }
	.nav{ display: none; position: absolute; left:  0; top: 80px; z-index: 999; background: #000; opacity: 0.9; width: 100%; float: none;}
	.nav  li{ width: 90%;padding: 0 5%; border-bottom: 1px solid #161616;}
	.nav  li a{ padding-left: 0px; color: #fff;line-height:50px;  }*/
}





.head_banner_main{ position: absolute; left: 0; top:40%; z-index: 3; width: 100%; }
.head_img_box{ width: 100%; text-align: center; margin-bottom: 40px; }
.head_img_box img{ width: 46%; /*max-width: 900px;*/ }


@media(max-width: 1500px){
	.head_img_box img{ width: 50%; }
	.head_2{ display: none; }
	.head_img_box{margin-bottom: 30px; }
}
@media(max-width: 1100px){
	.head_5{ display: none; }
}
@media(max-width: 800px){
	.head_banner{ padding-top: 100px; }
	.head_img_box img{ width: 90%; }
	.head_img_box{margin-bottom: 15px; overflow: hidden; }
	.head_3 img,.head_4 img{ width: 110%; margin-left: -5%; }
	
	.head_banner_img img{ width: 260%; margin-left: -80%; }
	.head_banner{ padding-top: 0px; }
		
	
}




.web_list dl{ width: 90%; margin: 0 auto; padding: 150px 0 50px 0; min-width: 1200px\9; }
.web_list dt{ width: 100%; text-align: center; padding-bottom: 80px; }
.web_list dt p{ color: #003366; font-size: 12px; line-height: 18px; }
.web_list dt span{ text-transform: uppercase; font-size: 14px; color: #003366; padding-bottom: 10px; padding-top: 8px; line-height: 14px; display: block; }
.web_list dt h3{ color: #036; font-size: 30px; line-height: 50px\9; }
.web_list dd{ width: 33.33%;width: 33%\9; text-align: center; float: left;  height: 260px;}
.web_list dd p{ color: #036; font-size: 14px; line-height: 24px; }
.web_list dd h4{ display: block; color: #036; font-size: 20px; margin-top: 10px; margin-bottom: 20px; }
.web_list dd img{width: 70px;}
@media(max-width: 1360px){
	.web_list dl{ width: 100%;padding: 100px 0 50px 0;}
}
@media(max-width: 1360px){

	.web_list dd{ width: 50%;}
}
@media(max-width: 640px){
	.web_list dl{ padding: 60px 0 0px 0;}
	.web_list dd{height: 220px;}
	.web_list dd p { display: block; width: 90%; margin: 0 auto; font-size: 12px;  }
	.web_list dd img{width: 50px;}
	.web_list dd h4{ margin-top: 5px; margin-bottom: 10px;font-size: 16px; font-weight: bold;}
	.web_list dt h3{ font-size: 24px; }
	.web_list dt{ padding-bottom: 40px;}
}

.web_server{ background: #000033; width: 100%; min-width: 1200px\9; height:210px;  padding: 120px 0}
.web_server_box{ width: 83%; margin: 0 auto; }
.web_server ul li{ width: 25%;width: 24.5%\9; text-align: center; float: left; }
.web_server ul li img{width: 125px;}
.web_server ul li p{ color: #fff; font-size: 30px;line-height: 80px; }
@media(max-width: 1920px){
	.web_server_box{ width: 90%; }
}
@media(max-width: 800px){
	.web_server{height:160px;  padding: 120px 0}
	.web_server_box{ width: 90%;}
	.web_server ul li img{width: 85px;}
	.web_server ul li p{ font-size: 20px;line-height: 60px; }
}
@media(max-width: 640px){
	.web_server{height:250px;  padding: 60px 0}
	.web_server_box{ width: 100%;}
	.web_server ul li{ width: 50%;}
	.web_server ul li img{width: 65px;}
	.web_server ul li p{ font-size: 18px;line-height: 60px; }
}

.web_message_title dl{padding: 100px 0 0px 0; }
.web_message{ width: 65%; margin: 0 auto; padding-bottom: 150px; min-width: 1200px\9;}

.web_message_right{ width: 30%; height: 390px; background: #006699; float: right; }
.web_message_right ul{padding: 120px 0 0 20%;width: 90%\9;}
.web_message_right ul li{ width: 100%; clear: both; }
.web_message_right ul li span{ display:block; float: left; }
.web_message_right ul li span.web_message_1{ width: 50px; height: 50px;  }
.web_message_right ul li span.web_message_2{ width: 70%;width: 60%\9; color: #fff; }
.web_message_right ul li span.web_message_2 img{  width: 85%; vertical-align: middle; }

.web_message_left{ float: left;  width: 65%; position: relative; height: 390px; }
.web_message_input{ width: 47%; float: left;  }
.web_message_input ul li{ border:1px solid #666; width: 100%; height:50px; margin-bottom: 30px; }
.web_message_input ul li span,.web_message_content span{ display: block; width: 50px; height: 50px; background: #006699; text-align: center; float: left; }
.web_message_input ul li span img,.web_message_content span img{ margin-top: 10px; }
.web_message_input ul li input{ border:0; height: 50px; height: 48px\9;  line-height: 48px; padding-left: 10px; width: 60%; }
.web_message_content{width: 47%; float: right; border:1px solid #666; height: 296px; position:relative; }
.web_message_content span{ position: absolute; top: 0; left: 0; }
.web_message_content textarea{ padding-left: 60px; width: 100%;  width: 83%\9; line-height: 30px;  line-height: 20px\9;  padding-top: 2%;  box-sizing:border-box; border:0; height: 280px; font-size: 14px; }

.web_message_btn{ width: 100%;position: absolute; left: 0; bottom: 0; height: 50px; }
.web_message_btn input{ width: 100%; height: 50px;background: #069;  border:1px solid #069; color: #fff; }
@media(max-width: 1920px){
	.web_message{ width: 75%; }
	.web_message_right ul{padding: 120px 0 0 10%;}
}
@media(max-width: 1360px){
	.web_message{ width: 75%; }
	.web_message_left{width: 100%;}
}
@media(max-width: 1200px){
	.web_message{ width: 80%; }
	.web_message_left{width: 100%;}
	.web_message_right{ display: none; }
}
@media(max-width: 1024px){
	.web_message{ width: 85%; }
}
@media(max-width: 640px){
	.web_message_title dl{padding: 50px 0 0px 0; }
	.web_message{ width: 90%;  height: 280px;}
	.web_message_input,.web_message_content{ width: 100%; height: 170px; float: none; }
	.web_message_content{ height: 120px; }
	.web_message_right{ display: none; }
	.web_message_btn{ top: 305px; }

	.web_message_input ul li{ height:30px; margin-bottom: 10px; }
	.web_message_input ul li span,.web_message_content span{ width: 30px; height: 30px;}
	.web_message_input ul li span img,.web_message_content span img{ margin-top: 5px; width: 20px; }
	.web_message_input ul li input{ border:0; height: 30px; line-height: 35px; padding-left: 10px; width: 80%; }
	.web_message_content textarea{ padding-left: 40px; padding-top: 1%; height: 120px; font-size: 13px;}
}

/*WeChat*/
.wechat_banner{ background: #0084ff; }
.wechat_banner_main img{ width: 80%;max-width: 1100px;}


@media(max-width: 800px){
	.wechat_banner_main img{ width: 88%; }
}


.wechat_title{ width: 90%; margin: 0 auto; text-align: center; min-width: 1200px\9;}
.wechat_title dt{ line-height: 200px; font-size: 36px; color: #4f4f4f; padding-top: 50px; }
.wechat_title dd{ font-size: 16px; color: #666; padding-bottom: 10px;}
.wechat_main{ width: 40%; margin:200px auto;height: 220px; min-width: 1200px\9;}
.wechat_main ul li{ width: 33.33%; text-align: center; float: left;  height: 200px;}
.wechat_main ul li img{ width: 168px; height: 168px;  }
.wechat_main ul li p{ font-size: 24px; color: #4f4f4f; line-height: 60px; }

@media(max-width: 1920px){
	.wechat_main{ width: 50%;}
}
@media(max-width: 1600px){
	.wechat_main{ width: 65%; margin:180px auto;}
}
@media(max-width: 1360px){
	.wechat_main{ width: 80%; margin:150px auto;}
}
@media(max-width: 800px){
	.wechat_main{ width: 80%; margin:50px auto 20px auto;}
	.wechat_title dt{ line-height: 100px; font-size: 26px;padding-top: 30px;}
	.wechat_title dd{ font-size: 12px; color: #666; padding-bottom: 10px;}
	.wechat_main ul li img{ width: 100px; height: 100px; }
	.wechat_main ul li p{ font-size: 16px; color: #4f4f4f; line-height: 60px; }
}