.contact{padding:60px 0; position:relative; background:#ffffff; } 
.contact>article{position:relative; z-index:8;}
.contact-box{float: left; width:48%;}
.contact-content{display: block;}
.contact-content>h2{display:block; font-weight:bold; line-height:1.1; font-size:44px; margin-bottom:28px;}
.contact-content>p{margin-bottom:28px; font-size:16px;}
.contact-content>ul{margin:40px 0 0;}
.contact-content>ul>li+li{padding-top:20px; margin-top:20px; border-top:1px solid #e8e8e8;}
.contact-content>ul>li:after{display:block; content:''; clear:both;}
.contact-content>ul>li>i{float:left; font-size:25px; width:70px; height:70px; line-height:68px; border-radius: 50%; margin-right:20px; text-align: center; 
border:1px dashed #989898; color:#2b7ffe;}
.contact-content>ul>li>span{display:block; overflow:hidden;}
.contact-content>ul>li>span>h3{display:block; margin-top:8px;}
.contact-content>ul>li>span>p{display:block; font-size:15px; margin-top:5px; color:#686868;}
.contact-text{display: block; margin-top:40px;}
.contact-text>img{display:block; max-width:100%;}
.contact-form{float:right; width:47%; padding:30px; border-radius: 10px; background: #eef2f8;}
.contact-form>h2{display:block; font-weight:bold; line-height:1.1; font-size:38px; margin-bottom:28px;}
.contact-form>h3{display:block; margin-bottom:38px;}
.contact-form form{display: block; margin-top:30px;}
.contact-form dl{margin-bottom:15px;}
.contact-form dt{display:none;}
.contact-form dd p{display:none;} 
.contact-form span.captcha{display:block;; position:relative;}
.contact-form span.captcha i{position:absolute; bottom:1px; top:1px; right:1px; background:#fff; padding:0 8px;}
.contact-form span.captcha i img{display:block; height:100%; object-fit:scale-down; cursor:pointer;}
.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]{border-radius:5px;  border:none; padding:10px 15px; line-height:28px; height:48px;}
.contact-form textarea{height:158px;}
.contact-form button{display:inline-block; color:#fff; padding:12px 35px; margin-top:10px; transition:.3s; border-radius:50px; cursor:pointer; border:none; background:#2b7ffe;}
.contact-form button:hover{background:#224eb5;}
@media(max-width:1200px){
.contact{padding:40px 0;}
.contact-content>ul{margin-top:30px;}
.contact-box{width:51%; padding-right:18px;}
.contact-form{width:49%; padding:20px;}
.contact-form dl{margin-bottom:10px;}
}
@media(max-width:992px){
.contact-box{width:100%; padding:0 0 18px 0;}
.contact-form{width:100%;}
}
@media(max-width:767px){
.contact{padding:20px 0;}
.contact-content>ul{margin-top:15px;}
.contact-content>ul>li+li{margin-top:10px; padding-top:10px;}
.contact-text{margin-top:30px;}
.contact-form{padding:10px;}
.contact-form form{margin-top:15px;}
.contact-form button{margin-top:5px;}
}