
.row-contact1 h3 {height:110px;line-height:150px;padding:0 2.604vw;color:#2B2B2B; text-align: center; font-size: 3vw;}
.row-contact1 .box-have {background:#fff;position:relative;}
.row-contact1 .box-form,.row-contact1 .box-info,.row-contact1 .box-que {padding:50px 2.604vw;}
.row-contact1 .box-form{padding:50px 0vw;padding-bottom: 0;}
.row-contact1 .box-info{background: #FAFAFA;}
.row-contact1 .box-que {background-color:#FAFAFA;padding: 20px 2.604vw;background-color: #FAFAFA;width: 93%;margin: 0 auto 70px;}
.row-contact1 .box-form .list-cont {margin:0 -10px;}
.row-contact1 .box-form .item {width:50%;float:left;padding:10px 10px;}
.row-contact1 .box-form .item:nth-child(2),.row-contact1 .box-form .item:nth-child(3) {width:25%;}
.row-contact1 .box-form .item.textear {width:100%;}
.row-contact1 .box-form .item.textear .con span {top:20px;}
.row-contact1 .box-form .con {border-radius:8px;position:relative;background:#FAFAFA;}
.row-contact1 .box-form .con span {color:#FF3232;position:absolute;left:30px;top:16px;font-size:22px;display:block;}
.row-contact1 .box-form .con i {position:absolute;right:30px;top:22px;font-size:12px;color:#666;font-weight: bold;}
.row-contact1 .box-form .con input,.row-contact1 .box-form .con select,.row-contact1 .box-form .con textarea {    width: 100%;height: 100%;background: #f4f4f4;border-radius: 8px;color: #2b2b2b;font-size: 18px;padding-left: 50px;padding-right: 20px;height: 66px;font-weight: 600;}
.row-contact1 .box-form .con input::placeholder,.row-contact1 .box-form .con textarea::placeholder {color:#666;}
.row-contact1 .box-form .item.textear textarea {height:180px;padding-top:26px;padding-bottom:20px;resize:none;}
.row-contact1 .form-checked .checked-btn {width:24px;height:24px;top:5px;border:1px solid #666;margin-right:15px;}
.row-contact1 .form-checked span{color: #222;font-weight: 600;}
.row-contact1 .form-checked .checked-btn i {font-size:24px;color:#666;}
.contact-sub {max-width:680px;width:18%;height:76px;line-height:76px;background:#C7000A;text-align:center;margin:3vw auto 20px;  background: #D12049; border-radius: 16px; }
.contact-sub a{color: #fff;}
.contact-sub .skew-no{color:#fff;}
.row-contact1 .have-tit{padding: 0 2.604vw;text-align: center;color: #666;font-size: 2.18vw;font-weight: 500;}
.box-have .tit {font-size:24px;font-weight:bold;line-height:1.2;}
.box-have .tit img {max-height:60px;left:0;}
.box-have .tit span {font-size:14px;color:#999;font-weight:400;}
.map-dt { margin-top: 10px;}
.info-left {width:50%;text-align:center;height:498px;border-right:1px solid #bbb;position:relative;}
.info-left .tab-pic {position:relative;height:100%;overflow:hidden;}
.info-left .tab-pic img {max-width:90%;max-height:84%;}
.info-right .con{display:block;min-height:240px;
    padding:2vw 20px 2vw 6.3vw; }
.info-right li:nth-last-child(1) .con,
.info-right li:nth-last-child(2) .con{border-bottom: none;}
.info-right li:nth-child(odd){margin-right: 3%;}
.info-right li.on .con {background:-webkit-linear-gradient(to right,#C7000A,#fff);background:-moz-linear-gradient(to right,#C7000A,#fff);}
.info-right .info-tit {font-size:32px;position: relative;z-index: 20;width:80%;}
.info-right .info-txt {margin:10px 0;}
.info-right .con .list   {    height: 100px;overflow-y: auto; }
.info-right .con .list .fl {margin-right:20px;font-size:16px;}
.info-right ul li{width:48%;float: left;position:relative; margin-top: 40px; border: solid 1px #E4E4E4; border-radius: 10px; height: 215px;}
.info-right .tab-pic {position:absolute; width:60px;height:60px;left:3.8vw;}
.info-right .tab-pic .xyc{left: 0;}
.info-right .contact-img{position: absolute;top: 0;right: 0;bottom:0;}
/* .info-right li:nth-child(even) .con {padding-left:7.7vw;} */
/* .info-right li:nth-child(even) .tab-pic {left:2.5vw;} */
.box-que {position:relative;}
.box-que .btn {right:50px;height:50px;line-height:50px;background:#C7000A;width:235px;text-align:center;top:24px;
    width: 295px;
    height: 66px;
    background: #D12049;
    border-radius: 8px;}
.box-que .btn a {color:#fff;}

.row-contact2{background: #FAFAFA;padding-bottom: 142px;  padding-top: 83px;}
.row-contact2 h3 {text-align: center;font-size: 3vw;}

/*.row-contact3{background: #FAFAFA;  }*/
.row-contact3 .wp{ display: flex;justify-content: space-between;align-items: center;}
.row-contact3 .left{   transform:translateY(28%); width: 70%;height: 100%;display: flex;flex-direction: column;justify-content: center;}
.row-contact3 .left p{font-size: 62px;font-family: Quicksand;font-weight: bold;color: #FFFFFF;line-height: 72px;}
.row-contact3 .left span{font-size: 37px;font-family: Quicksand;font-weight: 500;color: #FFFFFF;line-height: 72px;}
.row-contact3 .right{height: 100%;text-align: center;display: flex;align-items: center;}
.row-contact3 .right a{ font-size: 20px;display: inline-block; width: 280px;height: 66px; line-height: 66px; background: #D12049;border-radius: 8px;font-weight: 500;color: #FFFFFF;}

@media screen and (max-width:1650px){
    .ovh1 p{
       line-height: 24px;
    }
   
}

@media screen and (max-width:1450px){
    .row-contact1 h3 {height:80px;line-height:80px;}
    .row-contact1 .box-form .con input,.row-contact1 .box-form .con select,.row-contact1 .box-form .con textarea {font-size:16px;padding-left:40px;height:50px;}
    .row-contact1 .box-form .con span {left:20px;top:12px;font-size:18px;}
    .row-contact1 .box-form .item.textear textarea {padding-top:14px;}
    .row-contact1 .box-form .con i {right:20px;top:12px;font-size:16px;}
    .contact-sub {max-width:320px;height:60px;line-height:60px;}
    .box-have .tit img {max-height:40px;}
    .box-have .tit {font-size:20px;padding-left:60px;}
    .info-right .con {height:220px;min-height: 220px;}
    .info-left {height:440px;}
    .info-right .info-tit {
        font-size: 18px;
        margin-bottom: 6px;
    }
    .info-right .con .list .fl {
        margin-right:12px;
        font-size: 16px;
    }
    .info-right .con .list .ovh {
        font-size: 14px;
    }
    .info-right .tab-pic {
        top: 13%;
        width: 48px;
        height: 48px;
    }
    .box-que .btn{
        top: 20px;
    }
    .row-contact3 .left{    width: auto; display: flex;flex-direction: column;justify-content: center;}
    .row-contact3 .left p{font-size: 45px;font-family: Quicksand;font-weight: bold;color: #FFFFFF;line-height: 50px;}
}
@media screen and (max-width: 1199px){
    .row-contact1 {padding-bottom: 20px;}
     .row-contact3 .left p{font-size: 41px;font-family: Quicksand;font-weight: bold;color: #FFFFFF;line-height: 47px;}
}

@media screen and (max-width:768px){
    .row-contact2{padding-bottom: 0px; padding-top: 40px;}
    .row-contact1 .box-have {margin-top:50px;}
    .box-have .tit img {max-height:24px;}
    .row-contact1 h3 {height:60px;line-height:60px;font-size:18px;}
    .box-have .tit {font-size:15px;padding-left:40px;}
    .row-contact1 .box-form,.row-contact1 .box-info,.row-contact1 .box-que {padding:30px 2.604vw;}
    .row-contact1 .box-form .item {width:100%;float:none;}
    .row-contact1 .box-form .item:nth-child(2),.row-contact1 .box-form .item:nth-child(3) {width:100%}
    .contact-sub {height:50px;line-height:50px;margin:40px auto 10px;width: inherit;}
    .map-dt {margin-top:30px;}
    .info-left {height:220px;float:none;width:100%;}
    /* .info-right .con {height:auto;padding:20px 10px;min-height:initial;} */
    .info-right .info-tit {font-size:16px;margin-bottom:6px;}
    .info-right .info-txt {margin:5px 0;line-height:1.2;}
    .info-right .con .list {margin-bottom:10px;}
    .info-right .con .list .fl {margin-right:14px;font-size:16px;float:none;}
    .box-que .btn {position:static;width:90%;margin:25px auto 0;height:38px;line-height:38px;}
    .info-right ul li {width:100%;float:none; height: auto; margin: 0 0 40px;}
    .info-right ul {padding:0 12px;}
    .row-contact1 .box-que {margin:0 auto 50px;}
    .info-right li:nth-child(odd) .con {border-right:none;}
    .info-right .tab-pic {position:static;margin-bottom:12px;}
    .info-right .tab-pic img {position:static;-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0);}
    .info-right li:nth-child(even) .con {padding-left:10px;}
    .info-right li:nth-last-child(2) .con {border-bottom:1px solid rgba(160,160,160,0.3);}
    .row-contact1 .have-tit {font-size:14px;}

    .row-contact3 {background: #FAFAFA;margin-top: inherit;height: 250px;padding-top: 37px; }
    .row-contact3 .wp{    height: auto;display: inherit;}
    .row-contact3 .left{    width: auto; display: flex;flex-direction: column;justify-content: center;}
    .row-contact3 .left p{font-size: 17px;font-family: Quicksand;font-weight: bold;color: #FFFFFF;line-height: inherit;}
    .row-contact3 .left span{font-size: inherit;font-family: Quicksand;font-weight: 500;color: #FFFFFF;}
    .row-contact3 .right{height: 100%;text-align: center;display: flex;align-items: center;}
    .row-contact3 .right a{    display: inline-block;width: 100%;height: 48px;line-height: 48px;background: #D12049;border-radius: 8px;font-weight: 500;color: #FFFFFF;margin-top: 20px;}
    .info-right .contact-img img{height: 100%;}
    .row-contact2 h3{font-size: 24px;}
}

.attentively-contact {
    padding: clamp(64px, 8vw, 130px) 0;
    background:
        radial-gradient(circle at 85% 10%, rgba(209, 32, 73, 0.09), transparent 30%),
        #fafafa;
}

.attentively-contact__card {
    max-width: 820px;
    margin: 0 auto;
    padding: clamp(32px, 5vw, 72px);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 18px 55px rgba(16, 31, 69, 0.1);
    text-align: center;
}

.attentively-contact__card h2 {
    color: #101f45;
    font-size: clamp(28px, 3vw, 44px);
    font-weight: 700;
    line-height: 1.2;
}

.attentively-contact__details {
    display: grid;
    gap: 18px;
    margin-top: clamp(30px, 4vw, 48px);
}

.attentively-contact__details p {
    display: grid;
    grid-template-columns: 90px minmax(0, 1fr);
    align-items: center;
    gap: 20px;
    padding: 18px 22px;
    border: 1px solid #e6e8ed;
    border-radius: 10px;
    text-align: left;
}

.attentively-contact__details span {
    color: #d12049;
    font-weight: 700;
}

.attentively-contact__details a {
    color: #101f45;
    overflow-wrap: anywhere;
}

.attentively-contact__details a:hover {
    color: #d12049;
}

@media screen and (max-width: 560px) {
    .attentively-contact__details p {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}
