/* CSS Document */
/* 通用 */
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{
	margin:0;
	padding:0
	}
section{
	padding:0;
	margin:0;
	display:block;
	}
ul,li,ol,dl,a{
	list-style-type:none;
	}
html{
	font-family:sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	background-color:#fff;
	}
address,caption,cite,code,dfn,em,th,var{
	font-style:normal;
	font-weight:400;
	}
input,button,textarea,select,optgroup,option{
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
	}
input,button{
	overflow: visible;
	vertical-align:middle;
	outline:none;
	}
body {
	margin:0;
	padding:0;
	background:#dedede;
	font-family: "Microsoft Yahei", "Simsun", Arial, sans-serif;
	line-height: 1.5;
	color:#333;
	font-size:16px;
	}
.wapstyle{ display:none !important;}
li{
	list-style-type:none;
	}
img{
	vertical-align:top;
	}
.f14{
	font-size14px;
	}
.f16{
	font-size:16px;
	}
.f18{
	font-size:18px;
	}
.b{
	font-weight:bold;
	}
.txt-c{
	text-align:center;
	}
.fl{
	float:left;
	}
.fr{
	float:right;
	}
.display{
	display:block;
	}
.hidden{
	display:none;
	}
.abs{
	position:absolute;
	}
.rel{
	position:relative;
	}
.mt10{
	margin-top:10px;
	}
.ml10{
	margin-left:10px;
	}
.mr10{
	margin-right:10px;
	}
.mb10{
	margin-bottom:10px;
	}
/* Link */
a,img{
	color:#333;
	margin:0px;
	padding:0px;
	border:0px;
	text-decoration:none;
	}
a:link {
	color: #333;
	text-decoration:none;
	}
a:hover {
	text-decoration:none;
	}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
	}
* html .clearfix, *:first-child+html .clearfix {
	zoom:1;
	}
*{
	box-sizing: border-box;
	padding:0px;
	margin:0px;
	}

/*头部*/
.header{
	width:100%;
	max-width:1920px;
	margin:0 auto;
	}
.topimg{
	text-align: center;
	}
.topimg img{
	width:100%;
	height:auto;
	}
.container{
	width:1200px;
	margin:0px auto;
	background: #fff;
	padding: 50px;
	position:relative;
	z-index:111;
	}

/*表单*/
.frombox{
	width:90%;
	margin:0px auto;
	}

.form-group {
    position: relative;
	padding-left:100px;
    margin-bottom: 25px;
}
.form-input, .form-select, .form-textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-size: 16px;
    transition: all 0.3s;
    background: #fafafa;
}

.form-input:focus, .form-select:focus, .form-textarea:focus {
    border-color: #4a90e2;
    box-shadow: 0 0 0 3px rgba(74, 144, 226, 0.1);
    outline: none;
    background: #fff;
}

.form-label {
	width:100px;
    position: absolute;
	left:0px;
	top:0px;
    color: #333;
	padding:15px 0px;
	text-align: right;
    transition: all 0.3s;
    pointer-events: none;
}

.form-label .red{
	font-size:16px;
	color: #c00;
}

.form-input:focus + .form-label,
.form-input:valid + .form-label,
.form-textarea:focus + .form-label,
.form-textarea:valid + .form-label {
    font-size: 16px;
}

.form-textarea {
    min-height: 120px;
    resize: vertical;
}

.form-select {
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 15px;
}

.submit-btn {
	display: block;
    grid-column: span 2;
    background: #1e9fff;
    color: white;
    border: none;
    padding: 15px 40px;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
	margin:30px auto 0px;
}

.submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(74, 144, 226, 0.3);
}

.file-upload-group {
    grid-column: span 2;
    margin-bottom: 20px;
}

.file-upload-label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.file-upload-input {
    display: none;
}

.file-upload-text {
    flex: 1;
    padding: 12px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    color: #777;
    margin-right: 10px;
	background: #fafafa;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-upload-btn {
    padding: 12px 20px;
    background: #16baaa;
    color: #fff;
    border-radius: 4px;
    transition: all 0.3s;
}

.file-upload-btn:hover {
    background: #0e9b8d;
}

.file-upload-preview {
    margin-top: 10px;
    font-size: 14px;
    color: #4a90e2;
}


/*尾部*/
.footer{
	width:100%;
	height: auto;
	padding:50px 0;
	background: #2d3c70;
	color: #8b93af;
	}
.copybox {
    padding:0px 12px;
}
.footer p{
	font-size: 14px;
	}
.footer p a{
	color: #8b93af;
	}


@media only screen and (max-width: 1023px) {
.pcstyle{ display:none !important;}
.wapstyle{ display:block !important;}
.container{width:100%; padding:20px 2%;}
.frombox{width:100%;}
.form-group {padding-left:90px; margin-bottom: 15px;}
.form-label{width:90px;}
.form-input, .form-select, .form-textarea {padding:10px;}
.file-upload-text {padding: 10px 15px;}
.file-upload-btn {padding: 10px 15px;}
.footer{padding:20px 0;}

}