.space{padding:80px 0; position:relative;}
.space-title{text-align:center;}
.space-title>h2{font-size:38px; margin-bottom:15px;}
.space-title>p{font-size:16px; color:#686868;}
.space-box{display:block; margin-top:80px;}
.space-box>dl:after{display: block; content: ''; clear: both;}
.space-box>dl>dt{width:59%; float: left;}
.space-box>dl>dd{width:38%; float: right;}
.space-box ins{display: block; overflow: hidden;}
.space-box ins>img{display: block; width: 100%; height:480px; transition: .5s; object-fit: cover;}
.space-box ins:hover>img{transform: scale(1.08) rotate(1deg);}
@media(max-width:1600px){
.space-box ins>img{height:420px;}
}
@media(max-width:1200px){
.space{padding:40px 0;}
.space-title>h2{font-size:32px; margin-bottom:10px;}
.space-title>p{font-size:15px;}
.space-box{margin-top:40px;}
.space-box>dl>dd{width:39%;}
.space-box ins>img{height:380px;}
}
@media(max-width:767px){
.space{padding:20px 0;}
.space-title>h2{font-size:22px; margin-bottom:5px;}
.space-title>p{font-size:14px;}
.space-title>p br{display:none;}
.space-box{margin-top:20px;}
.space-box>dl>dt{width:100%;}
.space-box>dl>dd{width:100%; margin-top:8px;}
.space-box ins>img{height:280px;}
}


.contact{padding:60px 0; position:relative;}
.contact-title{text-align:center;}
.contact-title>h2{font-size:38px; margin-bottom:15px;}
.contact-title>p{font-size:16px; color:#686868;}
.contact-form{margin-top:60px;}
.contact-form form{display: block; margin:0 -10px;}
.contact-form form:after{display:block; content:''; clear:both;}
.contact-form form>dl{float:left; width:100%; padding:10px;}
.contact-form form>dl.form0,
.contact-form form>dl.form1,
.contact-form form>dl.form2,
.contact-form form>dl.form8,
.contact-form form>dl.form888{width:33.33333%;}
.contact-form form>dl.form888{float:none; clear:both;}
.contact-form form>dl>dt{line-height:20px; padding-bottom:8px;}
.contact-form form>dl>dt[hide]{display:none;}
.contact-form form>dl>dt:after{display:block; content:''; clear:both;}
.contact-form form>dl>dt>h4{float:left; font-size:16px; padding-left:5px;}
.contact-form form>dl>dt>i{float:left; margin-left:4px; color:red;}
.contact-form form>dl>dd>p{margin:2px 0 0 5px; color:#686868;}
.contact-form form>dl>dd>span.captcha{position:relative; display:block;}
.contact-form form>dl>dd>span.captcha>i{position:absolute; top:6px; right:6px; bottom:6px;}
.contact-form form>dl>dd>span.captcha>i>img{display:block; height:100%; object-fit:contain; background:#f8f9fa; padding:0 5px; border-radius:3px;}
.contact-form form>button{color:#fff; border:none; border-radius:5px; padding:12px 48px; font-size:16px; line-height:22px; margin:20px 0 0 10px; cursor:pointer; transition:.3s; background:#768047;}
.contact-form form>button:hover{background:#1169d8;}
.contact-form select,
.contact-form textarea,
.contact-form input[type=file],
.contact-form input[type=text],
.contact-form input[type=password],
.contact-form input[type=number],
.contact-form input[type=tel],
.contact-form input[type=email]{background:#fff; border-radius:5px; height:58px; padding:15px; line-height:28px; font-size:15px; border-color:#686868;}
.contact-form select[multiple],
.contact-form textarea{height:250px;}
.contact-form select:hover,
.contact-form textarea:hover,
.contact-form input[type]:hover,
.contact-form div.file_input>input[type=file]:hover+input[type=text],
.contact-form select:focus,
.contact-form textarea:focus,
.contact-form input[type]:focus,
.contact-form div.file_input>input[type=file]:focus+input[type=text]{border-color:#768047;}
.contact-form div.file_input>i{border-radius:5px 0 0 5px;}
@media(max-width:1200px){
.contact{padding:40px 0;}
.contact-title>h2{font-size:32px; margin-bottom:10px;}
.contact-title>p{font-size:15px;}
.contact-form{margin-top:30px;}
}
@media(max-width:767px){
.contact{padding:20px 0;}
.contact-title>h2{font-size:22px; margin-bottom:5px;}
.contact-title>p{font-size:14px;}
.contact-title>p br{display: none;}
.contact-form form{margin:0 -4px;}
.contact-form form>dl{width:100%; padding:4px;}
.contact-form form>dl.form0,
.contact-form form>dl.form1,
.contact-form form>dl.form2,
.contact-form form>dl.form8,
.contact-form form>dl.form888{width:100%;}
.contact-form{margin-top:10px;}
.contact-form select,
.contact-form textarea,
.contact-form input[type=file],
.contact-form input[type=text],
.contact-form input[type=password],
.contact-form input[type=number],
.contact-form input[type=tel],
.contact-form input[type=email]{height:42px; padding:8px; line-height:26px; font-size:14px;}
.contact-form select[multiple],
.contact-form textarea{height:180px;}
.contact-form form>button{padding:8px 28px; font-size:14px; margin:10px 0 0 4px;}
}.contact-form form{text-align: center;}
.contact-form form>button{display: inline-block;}
@media(min-width:1200px){
.contact-form form>button{padding:15px 68px;}
}


.workflow{padding:80px 0; position:relative; overflow: hidden;}
.workflow-title{text-align:center;}
.workflow-title>h2{font-size:38px; margin-bottom:15px;}
.workflow-title>p{font-size:16px; color:#686868;}
.workflow-box{display:block; margin-top:60px; position:relative;}
.workflow-box:before{display: block; content: ''; position: absolute; top:45px; bottom:114px; right:-100px; width:200px; border-radius:50%; 
border-style:dashed; border-color:#888 #888 transparent transparent; border-width:1px; transform: rotate(45deg);}
.workflow-box ul:after,
.workflow-box ol:after{display: block; content: ''; clear: both;}
.workflow-box li{width: 16.6666%; overflow: hidden;}
.workflow-box ul>li{float: left;}
.workflow-box ol{margin-top:40px;}
.workflow-box ol>li{float:right;}
.workflow-box li ins{display:block; width:90px; height:90px; border-radius:50%; position: relative; margin:0 auto;}
.workflow-box li ins:before{display: block; content: ''; position: absolute; top: 50%; right:100%; width:300px; border-top:1px dashed #888;}
.workflow-box ul>li:first-child ins:before,
.workflow-box ol>li:last-child ins:before{display: none;}
.workflow-box li ins:after{display: block; content: ''; position: absolute; top: 50%; left:100%; width:300px; border-top:1px dashed #888;}
.workflow-box li ins>i{width:90px; height:90px; color:#fff; line-height:90px; font-size:35px; text-align:center; position: relative; z-index: 8; border-radius:50%; background:#768047;}
.workflow-box li span{display: block; text-align: center; height:50px; line-height:25px; margin-top: 20px;}
@media(max-width:1200px){
.workflow{padding:40px 0;}
.workflow-title>h2{font-size:32px; margin-bottom:10px;}
.workflow-title>p{font-size:15px;}
.workflow-box{margin-top:40px;}
.workflow-box:before{width:18px; right:-4px; border-color:transparent #888 transparent transparent; border-radius:10px; transform:none;}
.workflow-box li span{font-size:15px;}
}
@media(max-width:992px){
.workflow-box:before{top:35px; bottom:97px;}
.workflow-box li ins{width:70px; height:70px;}
.workflow-box li ins>i{width:70px; height:70px; line-height:70px; font-size:25px;}
.workflow-box li span{margin-top:15px;}
.workflow-box ol{margin-top:20px;}
}
@media(max-width:767px){
.workflow{padding:20px 0;}
.workflow-title>h2{font-size:22px; margin-bottom:5px;}
.workflow-title>p{font-size:14px;}
.workflow-box{margin-top:20px;}
.workflow-box:before{display: none;}
.workflow-box li span{font-size:14px; margin-top:5px;}
.workflow-box li{width:50%;}
.workflow-box ol>li{float:left;}
.workflow-box li ins{width:80px; height:80px;}
.workflow-box li ins>i{width:80px; height:80px; line-height:80px; font-size:30px;}
.workflow-box li ins:before,
.workflow-box li ins:after{display: none !important;}
}