.contact{padding:68px 0; position:relative; background:#ffffff; } 
.contact>article{width:1260px; position:relative; z-index:8;}
.contact-box{float: left; width:48%; padding-right:38px;}
.contact-content{display: block;}
.contact-content>h3{display:block; margin-bottom:28px;}
.contact-content>h3:before{display:inline-block; width:12px; height:12px; content:''; margin-right:8px; background:#51ca5a;}
.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:0;}
.contact-content>ul:after{display:block; content:''; clear:both;}
.contact-content>ul>li{padding:0;}
.contact-content>ul>li>i{float:left; font-size:18px; width:38px; height:38px; line-height: 38px; border-radius: 50%; text-align: center; margin:10px 0 0 0; color:#fff; background:#51ca5a;}
.contact-content>ul>li>span{display:block; padding:8px 0 8px 48px;}
.contact-content>ul>li>span>h5{display:block; color:#888;}
.contact-content>ul>li>span>h3{display:block; font-weight:bold; line-height:1.4;}
.contact-text{display: block; margin-top:38px;}
.contact-text>img{display:block; max-width:100%;}
.contact-form{float:left; width:52%; padding:25px; border:8px solid #e8e8e8;}
.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 dl{margin-bottom:14px;}
.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:0;  border:1px solid #e8e8e8}
.contact-form button{display:inline-block; color:#fff; font-weight:bold; padding:18px 34px; margin-top:18px; font-size:14px; transition:.3s; border:none; cursor:pointer; background:#51ca5a;}
.contact-form button:after{font-size:12px; padding-left:8px; font-family:FontAwesome; content:"\f061"; font-weight:normal;}
.contact-form button:hover{background:#2a3239; color:#fff;}
@media(max-width:1200px){
.contact{padding:38px 0;}
.contact-box{padding-right:18px;}
.contact-content>h3{margin-bottom:18px;}
.contact-content>h2{font-size:32px; margin-bottom:22px;}
.contact-content>p{margin-bottom:38px;}
.contact-form{padding:18px; border-width:6px;}
}
@media(max-width:992px){
.contact-content{width:100%; padding-bottom:28px;}
.contact-box{padding-right:0;}
.contact-text{width:100%; margin:28px 0;}
.contact-box{float:none; width: auto;}
.contact-form{float:none; width: auto;}
}
@media(max-width:767px){
.contact{padding:18px 0;}
.contact-content>h3{margin-bottom:12px; font-size:12px;}
.contact-content>h2{font-size:22px; margin-bottom:12px;}
.contact-content>p{margin-bottom: 18px; font-size:14px;}
.contact-text{margin:8px 0;}
.contact-form{padding:9px; border-width:3px;}
.contact-form>h2{font-size:24px; margin-bottom:12px;}
.contact-form>h3{margin-bottom: 18px; font-size:14px;}
.contact-form dl{margin-bottom: 8px;}
.contact-form button{padding:8px 18px; margin-top:8px; font-size:12px;}
}