@charset "utf-8";

body{padding:0; margin:0; font-family:Microsoft Yahei;  font-size:16px; color:#333; text-align:left;
-webkit-text-size-adjust:none;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, p, select, form, fieldset, input, button, textarea, blockquote, table{padding:0;margin:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style:none;}
i{font-style:normal; vertical-align:top; display:inline-block; background-repeat:no-repeat;}

table{border-collapse:collapse;border-spacing:0;margin:auto;}
th,td{padding:0}
img,a img{border:0;margin:0;padding:0; vertical-align:middle;}
img, table, object, embed, video{max-width:100%;}

button,input,select,textarea{vertical-align:middle; font-family:Microsoft Yahei; font-size:14px; box-sizing:border-box;outline:0;}
button,input{*overflow:visible;line-height:normal;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
button,html input[type="button"],input[type="reset"],input[type=image],input[type="submit"]{-webkit-appearance:button;cursor:pointer;border:none;}
select{width:100%;}
a{outline-style:none;text-decoration:none;color:#333;}
a:focus{outline:none;-moz-outline:none; noline:expression(this.onFocus=this.blur());}
a:hover{color:#f00;}
input[type="text"],textarea,select{padding:2px 5px; line-height:20px; border:1px solid #e3e3e3; color:#666;}

.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.clear{clear:both;}
.auto{margin-left:auto;margin-right:auto;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.transparent{background:transparent !important;}
.bgwhite{background-color:#ffffff;}
.bggray{background-color:#fafafa;}
.red{color:#f00;}
.inmobile{}

.transition a{-webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}
.imgScale a img{-moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; -o-transition:all 0.3s ease-in-out 0s; -webkit-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
.imgScale a:hover img{-moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); -webkit-transform:scale(1.1); transform:scale(1.1);}

.justify_two{text-align:justify;text-justify:distribute-all-lines;text-align-last:left;-ms-text-align-last:left;-moz-text-align-last:left;}
.justify_two::after{content:'';width: 100%;overflow: hidden;height: 0;}

body {

			background-color: #f3f7ff;
font-size: 18px;

		}

		.imgtc {
			position: relative;
		}

.wwzfzbb_cont{padding-top: 40px;}

		.main-text {
			border: 1px dashed #0058bd;
		
			padding-top: 13px;
			padding-left: 31px;
			padding-right: 39px;
			line-height: 36px;
			border-radius: 10px;
			box-sizing: border-box;
			padding-bottom: 13px;
			/* overflow: hidden; */
		}

		.img_suggest img {
			display: block;
			margin: 0 auto;
			margin-top: 41px;
			height: 60px;
		}



/* 列表 */
/* .common_list{margin-top:16px;} */
.common_list li{padding-left:20px; position: relative; line-height:32px;}
.common_list li:after{content:""; position: absolute; left:0px; top:50%; width:4px; height:4px;background-color:#cfad9c;}
.common_list li a{display: block;width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.common_list li{padding-right: 100px;}
.common_list li span.time{position: absolute; right:4px; text-align: right; top: 0;}
.common_list li span.time{ color:#999; position:absolute; top:0;right:0;}

.mt18{margin-top:18px;}
.mt32{margin-top:32px;}
.mt64{margin-top:64px;}
.mt88{margin-top:88px;}

/* header */
.header{max-width:1200px;margin:auto;height:580px!important;position:relative;}
.header img{width:320px;position: absolute;left:24px;top:12px;}

.container{max-width:1200px;margin:auto;}

.ztsm{background-color:#fff;padding:48px;box-shadow:0px 0px 8px #aac9ff;margin-top:24px;
text-indent:36px;line-height:32px;font-size:18px;border:2px dashed #5482d4;}

.yjjy{background-color:#fff;box-shadow:0px 0px 8px #aac9ff;margin-top:24px;margin-bottom: 24px; max-width: 1240px;
}
.yjjy_tit{line-height:88px;text-align:center;font-size:24px;font-weight:600;color:#5482d4;}
.yjjy_con{padding:24px 88px;background-color:#f3f7ff;}
.yjjy_con ul li{margin:24px 0;}
.yjjy_con ul li .tit{width:6%;line-height:48px;}
.yjjy_con ul li .tit label{color:#b32727;}
.yjjy_con ul li .input_text{width:94%;height:48px;}
.yjjy_con ul li textarea.input_text{height:200px;}
.yjjy_con ul li .code{width:88%;}
.yjjy_con ul li .code .input_text{width:20%;height:48px;}
.yjjy_con ul li .code img{height:48px;display:inline-block;line-height:48px;margin-left:12px;}

.form_btn{width:20%;background-color:#5482d4;color:#fff;font-size:18px;margin:auto;text-align:center;}
.form_btn_icon{font-size:18px;color:#fff;background-color:#5482d4;width:100%;line-height:56px;}

@media (max-width:1200px) {
body{background-size:1200px 362px;}
.header{width:100%;height:362px!important;}
.wwzfzbb_cont{width: 96%; margin-top: 20px;}
.img_suggest img{height: auto;}
.yjjy_con{padding: 10px 20px;}
}

@media (max-width:1024px) {
body{background-size:1024px 310px;}
.header{width:100%;height:310px!important;}
.yjjy_con ul li .tit{width:10%;}
.yjjy_con ul li .input_text{width:90%;}
}

@media (max-width:991px) {
.ztsm{padding:24px 48px;}
}


@media (max-width:880px) {

}

/* xs mobile*/
@media (max-width: 768px) {
.form_btn{width:100%;}
}

@media (max-width: 680px) {
body{background-size:680px 206px;}
.header{width:100%;height:206px!important;}
.header img{width:200px!important;}
}

@media (max-width:640px) {
.yjjy_con ul li .tit{width:15%;}
.yjjy_con ul li .input_text{width:85%;}
.yjjy_con ul li .code{width:84%;}
.yjjy_con ul li .code .input_text{width:40%;}
.yjjy_con ul li .code img{height:30px;margin-top:8px;}
}

@media (max-width: 480px) {
.header img{width:180px!important;}
.ztsm{padding:24px;}
.yjjy_con{padding:24px;}
}

@media (max-width: 414px) {
	.yjjy_con ul li .tit{width:20%;}
	.yjjy_con ul li .input_text{width:80%;}
	.yjjy_con ul li .code{width:80%;}
	.yjjy_con ul li .code .input_text{width:40%;}
}

@media (max-width: 375px) {


}

@media (max-width: 320px){
.yjjy_con ul li .tit{width:25%;}
.yjjy_con ul li .input_text{width:75%;}
.yjjy_con ul li .code{width:75%;}
.yjjy_con ul li .code .input_text{width:35%;}
}