.contact-bg{background-color: #eee;}

.contact-us{background: url(/index/images/20210427/photo08.jpg?1) center bottom no-repeat;padding: 280px 0;}
.contact-box{margin-top: 30px;}
.contact-box h1{font-size: 38px;margin: 0;text-align: left;line-height: 2;}
.contact-box h2{font-size: 38px;line-height: 2;text-align: left;}
.contact-box span{font-size: 18px;margin: 0;text-align: left;display: block;}

.contact-content{margin: 50px 0;}
.contact-content h2{font-size: 28px;text-align: left;margin: 0 0 20px;}
.contact-content .introduce{display: block;font-size: 16px;}
.contact-content p{font-size: 16px;}
.contact-content .working-hours{font-size: 16px;}
.contact-content .working-hours li{list-style: inside;}

.contact-content .step-box{display: flex;margin: 40px 0;}
.contact-content .step-box li{width: 30%;text-align: center;}
.contact-content .step-box li span{display: block;}
.contact-content .step-box li img{display: block;height: 70px;margin: 0 auto;}
.contact-content .step-box li .step-tit{font-size: 16px;font-weight: bold;margin: 15px 0 5px;}
.contact-content .step-box li .step-con{font-size: 14px;}
.contact-content .step-box li .logo{height: 30px;}

.contact-info{padding: 20px 0;}
.contact-info h2{font-size: 38px;margin: 0;}
.contact-info p{font-size: 16px;text-align: center;}

.common_problem .pro-box .pro-list .pro-item{display: block !important;}

.iframe{width: 1180px;}

@media screen and (max-width: 768px){
    .mainW{width: 100%;padding: 0 10px;box-sizing: border-box;}
    .contact-us{width: 100%;background-size: cover;padding: 0;height: 120px;}
    .contact-box{width: 100%;margin-top: 15px;}
    .contact-box h1{font-size: 18px;}
    .contact-box h2{font-size: 18px;margin: 5px 0 10px;}
    .contact-box span{font-size: 14px;}
    
    .contact-content{margin: 20px 0;}
    .contact-content h2{font-size: 16px;margin-bottom: 5px;}
    .contact-content .introduce{font-size: 12px;}
    .contact-content p{font-size: 12px;}
    .contact-content .working-hours{font-size: 12px;}
    .contact-content .step-box{display: block;margin: 15px 0;}
    .contact-content .step-box li{width: 100%;margin-bottom: 15px;}
    .contact-content .step-box li .step-tit{font-size: 14px;margin: 5px 0;}
    .contact-content .step-box li .step-con{font-size: 12px;}
    
    .contact-info h2{font-size: 16px;}
    .contact-info p{font-size: 12px;margin: 5px 0 15px;}
    .contact-content .step-box li img{height: 50px;}
    .iframe{width: 100%;}
}