.contact{padding:60rem 0; position:relative; background:url('../../upload/photo/202409/241139110(1).png') center; background-size:cover;}
.contact:before{position:absolute; top:0; right:0; left:0; content:''; height:50%;}
.contact-content{padding:40rem; background:#fff; border-radius: 15rem; box-shadow:0 0 12rem rgba(0,0,0,.18);}
.contact-content>h1{padding-bottom:25rem; border-bottom:2rem solid #c42136; }
.contact-content>ul{margin:0 -30rem;}
.contact-content>ul:after{display:block; content:''; clear:both;}
.contact-content>ul>li{float:left; width:50%;  padding:0 30rem;}
.contact-content>ul>li>i{float:left; font-size:25rem; margin-top:30rem; width:50rem; height:50rem; line-height:50rem; text-align:center; border-radius:50%; color:#fff; background:#c42136; box-shadow:0 0 12rem rgb(37,74,209)66;}
.contact-content>ul>li>span{display:block; line-height:25rem; padding:30rem 0 30rem 70rem; border-bottom:1rem solid #f1f2f8;}
.contact-content>ul>li>span>h4{display:block; font-size:18rem;}
.contact-content>ul>li>span>h3{display:block; font-weight:normal; color:#787878;}
@media(max-width:1200px){
.contact{padding:30rem 0;}
.contact-content{padding:20rem;}
.contact-content>h1{padding-bottom:20rem;}
.contact-content>ul{margin:0 -20rem;}
.contact-content>ul>li{padding:0 20rem; width:100%;}
.contact-content>ul>li>i{margin-top:20rem;}
.contact-content>ul>li>span{padding:20rem 0 20rem 70rem;}
}
@media(max-width:767px){
.contact{padding:15rem 0;}
.contact-content{padding:10rem; border-radius:10rem;}
.contact-content>h1{font-size:20rem; padding-bottom:8rem;}
.contact-content>ul{margin:0;}
.contact-content>ul>li{padding:0;}
.contact-content>ul>li>span{padding:10rem 0 10rem 50rem;}
.contact-content>ul>li>i{float:left; font-size:18rem; margin-top:10rem; width:40rem; height:40rem; line-height:40rem;}
.contact-content>ul>li>span{line-height:20rem;}
.contact-content>ul>li>span>h4{font-size:15rem;}
.contact-content>ul>li>span>h3{font-size:14rem;}
}