body {margin: 0 auto;min-width: 320px;}
.clear{clear:both;}
.form_group{width:100%;}
.sign_choice{width:500px;margin:50px auto;border:1px solid #ddd;border-top:3px solid #00a0ea;border-radius:10px;padding:60px 80px;}
.form_sure a{color:#555;}
.catename:before {width: 520px;margin-left: -360px;padding: 0px;content:'';}
.catename_en:before {width: 700px !important;margin-left: -450px !important;content:'';}
.catename span {width: 520px;position: absolute;left: 50%;margin-left: -260px;top: -20px;}
.catename span h4{font-size: 20px;font-weight:normal; }
.catename span h2{font-size: 36px; line-height: 30px;font-weight:normal;}
.catename_en span {width: 700px;margin-left: -350px;}
.catename_en span h2{font-size: 32px;}
.form_group{}
h2, h4{margin:0;padding:0;}
.required:before {content: "*";font-size: 18px;color: #c90000;line-height: 1;vertical-align: middle;}
.required, .areaType_select, .form_sure, .form_buttom{margin:10px;line-height:40px;}
.required{margin-right:40px;}
.form_sure{width:100%;}
.areaType_select select{width:300px;height:40px;appearance: none;-webkit-appearance: none;-moz-appearance: none;background: url(/statics/images/arrow_drop_down.png) no-repeat scroll right center transparent;background-size: 6%;background-position: 95% 55%;padding: 0 45px 0 10px;}
.areaType_select select option{line-height:40px;}
.form_buttom button{font-size:14px;width:100px;height: 37px;line-height: 30px;text-align:center;box-shadow:1px 2px 4px 0px #777;border-radius:5px;border:1px solid #ddd;background:#00a0ea;color:#fff;margin-right:15px;float: left;}
.sign_english span{display:block;width:100px;height: 35px;box-shadow:1px 2px 4px 0px #777;border-radius:5px;border:1px solid #ddd;background:#00a0ea;color:#fff;margin:0 auto;text-align: center;float: left;font-size:14px;line-height: 35px;}

.notice-main{display:none;background:rgba(85, 85, 85, 0.8);width:100%;height:100%;position:fixed;top:0;left:0;overflow: hidden;-webkit-overflow-scrolling: touch; outline: 0;overflow-x: hidden;overflow-y: auto;}
.notice-content{	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);box-shadow: 0 5px 15px rgba(0,0,0,.5);width:50%;margin:30px auto;height:auto;padding:20px 5%;background:#fff;border-radius:15px;}
.close{position: relative;font-size: 30px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2;background: transparent;border:none;top: -17px;left: 105%;}
.close:hover {color: #000;text-decoration: none;cursor: pointer;filter: alpha(opacity=50);opacity: .5}
.notice_btn{text-align:center;}
.notice_btn button{float:none;}
.notice-header h4{text-align:center;font-size:18px;margin:-20px 0 10px 0;}
.header_logo{display:none;}
@media screen and (max-width: 768px) {
    .header_logo{display:block;}
	 nav{display:none;}
    .top{display:none;}
    .footer_r{display:none;}
	.header_logo {width: 90% !important;margin: auto;height: auto !important; padding: 5% !important;}
	.header_logo a img{width: 90%;}
	.page_banner{margin:0;width:100%;}
	.footer_con{width:100%;}
	.main{width:100%;padding-bottom:0;}
	.page_banner{height:80px;}
	.page_banner img {height: 100%;}
	.catename{top:0 !important;height:50px !important;left: 0 !important;margin: 0 !important;text-align: center;width:100% !important;}
	.catename span{top:15px;line-height: 24px;}
	.catename span h2{font-size:20px;line-height: 24px;width: 100%;}
	.catename span h4 {font-size: 16px;line-height: 24px;}
	#Article .content {width: 84%;padding: 30px 8%;font-size:14px;border:none;}
	.footer_l {float:none;text-align:center;}
	.footer_l img{width:50%;}
	.footer_l p{width:80%;margin:0 auto;}
	.footer_l .banquan{display:none;}
	.info_beizhu_tips textarea{text-align:justify;line-height:24px;height:340px;}
	.areaType_select select{width:100%;}
	.catename:before{display:none;}
	.notice-content{font-size:10px;}
	.sign_choice{margin:30px auto;}
	.catename h2{font-size: 18px;}
	.close{left:95%;}
	.form_sure a {line-height: 16px;display: block;float: right;height: 50px;width: 90%;}
	.required, .areaType_select, .form_sure, .form_buttom{height:40px;}
	.catename_en span h4{font-size:10px;}
	.catename_en span h2{font-size:18px;}
    .footer_con, .footer_l{width:100% !important;}
}

@media screen and (max-width: 340px) {
    .header_logo{display:block;}
	 nav{display:none;}
    .top{display:none;}
    .footer_r{display:none;}
	.header_logo {width: 90% !important;margin: auto;height: auto !important; padding: 5% !important;}
	.header_logo a img{width: 90%;}
	.page_banner{margin:0;width:100%;}
	.footer_con{width:100%;}
	.main{width:100%;padding-bottom:0;}
	.page_banner{height:80px;}
	.page_banner img {height: 100%;}
	.catename span{top:15px;line-height: 24px;}
	.catename span h4 {font-size: 16px;line-height: 24px;}
	.catename span h2{font-size:24px;line-height: 24px;}
	#Article .content {width: 84%;padding: 30px 8%;font-size:14px;border:none;}
	.footer_l {float:none;text-align:center;}
	.footer_l img{width:50%;}
	.footer_l p{width:80%;margin:0 auto;}
	.footer_l .banquan{display:none;}
	.info_beizhu_tips textarea{text-align:justify;line-height:24px;height:340px;}
	.areaType_select select{width:100%;}
	.catename:before{display:none;}
	.notice-content{font-size:8px;}
	.sign_choice{margin:30px auto;}
	.catename h2{font-size: 18px;}
	.close{left:95%;}
	.required, .areaType_select, .form_sure, .form_buttom{height:40px;}
	.catename_en span h4{font-size:12px;}
	.catename_en span h2{font-size:18px;}
    .footer_con, .footer_l{width:100% !important;}
}
@media screen and (max-width: 768px) {
	.sign_choice{width: 90%;padding: 10px 5%;border: none;}
	.notice-content{width:80%;}
}
@media screen and (max-width: 340px) {
	.sign_choice{width: 70%;padding:10px;}
	.notice-content{width:80%;}
}