/*===================CSS Reset============================*/
html{ -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:scroll; overflow-x:auto;}
*,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ border:medium none; margin:0; padding:0;}
body,button,input,select,textarea{ color: #222; font: 16px "微软雅黑";}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
em,i{ font-style:normal;}
ul,ol{ list-style:none;}
table{ border-collapse:collapse; border-spacing:0;}
input:focus,button:focus,textarea:focus,select:focus{ outline: none;}
-webkit-tap-highlight-color:rgba(255,255,255,0);
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button { -webkit-appearance: none;}
input:-webkit-autofill{ -webkit-box-shadow: 0 0 0px 100px white inset;}


/*===================Link Style============================*/
a,a:hover,a:active,a:visited,a:link,a:focus{ color: #222; outline:none; text-decoration: none; transition: all ease 400ms; -webkit-transition: all ease 400ms;}

/*===================Common Style============================*/
.fl{ float:left;}
.fr{ float:right;}
.wrap{ width: 1360px; margin: 0 auto;}
.ovh{ overflow: hidden;}
.textH{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bold{ font-weight: bold;}
.row{ margin-left: 0; margin-right: 0;}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 { padding-right: 0; padding-left: 0;}

/*============================ Header ============================*/
.dlCont{ min-height: 100vh; background: url(../images/dlBg2.jpg) center no-repeat; background-size: cover; padding: 35px 45px;}
.dlCont .logo{ display: block; width: 141px;}
.dlCont .logo img{ width: 100%;}

.dlPart{ border-radius: 18px; background: url(../images/dlBg1.jpg) center left repeat-y #fff; background-size: 42%; box-shadow: 0 10px 20px rgba(21,155,99,.3); margin-top: 80px;}
.dlPart .top{ padding: 25px 35px 0;}
.dlPart .top img{ width: 141px;}
.dlPart .part{ padding: 30px 110px 60px 40px;}
.dlPart .part .txt1{ font-size: 24px;}
.dlPart .part .txt1 i{ display: block; width: 60px; height: 9px; background: #b2ebd3; margin-bottom: -12px;}
.dlPart .part .txt1 span{ display: block; font-size: 32px; margin-bottom: 10px;}
.dlPart .part .txt2{ margin-top: 20px; border-bottom: 1px solid #424242;}
.dlPart .part .txt2 input{ width: 100%; height: 50px; line-height: 50px;}
.dlPart .part .txt3{ padding: 40px 0 60px;}
.dlPart .part .txt3 input{ width: 100%; height: 42px; color: #fff; font-size: 20px; line-height: 42px; background: #00be6e; box-shadow: 0 4px 10px rgba(21,155,99,.3);}
.dlPart .part .txt3 input:hover{ background: #019f5d;}
.dlPart .part .txt4{ background: #f0f0f0; padding: 8px;}
.dlPart .part .txt4 span,.dlPart .part .txt4 i{ display: inline-block;}
.dlPart .part .txt4 i{ margin: 0 40px;}
.dlPart .part .txt4 span a{ display: inline-block; color: #00BE6E;}

/*============================ 媒体查询 ============================*/

@media (max-width: 1400px) {
	.wrap{ width: 1200px;}
}

@media (max-width: 1200px) {
	.wrap{ width: 100%; padding: 0 15px;}
}

@media (max-width: 1000px) {
	.dlCont{ padding: 20px;}
	.dlPart .part{ padding: 20px 20px 40px 0;}
	.dlPart .part .txt4 i{ margin: 0 15px;}
}

@media (max-width:767px) {
	.wrap{ padding: 0;}
	.dlCont .logo{ width: 110px;}
	.dlPart{ margin-top: 60px; border-radius: 8px;}
	.dlPart{ background: #fff; padding: 60px 20px;}
	.dlPart .top{ display: none;}
	.dlPart .part{ padding: 0;}
	.dlPart .part .txt1{ font-size: 18px;}
	.dlPart .part .txt1 span{ font-size: 24px;}
	.dlPart .part .txt2 input{ height: 44px; line-height: 44px;}
	.dlPart .part .txt4{ font-size: 14px;}
	
}
