.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{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: 16px;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;margin: 10px 0;}
.contact-content .working-hours{font-size: 16px;}
.contact-content .working-hours li{list-style: inside;margin-bottom: 10px;}
.contact-content .working-hours li:last-child{margin: 0;}

.contact-content .step-box{display: flex;margin: 30px 0 0;justify-content: space-between;gap: 20px;}
.contact-content .step-box li{text-align: center;flex: 1;box-shadow: 0 0 10px rgba(0,0,0,0.1);padding: 20px;box-sizing: border-box;}
.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: 10px 0;}
.contact-content .step-box li .step-con{font-size: 14px;color: #666;}
.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: 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%;}
}