@charset "UTF-8";

@media (max-width: 1680px) {
    html{
        font-size: 15px;
    }
    .wrap {
        width: 81.25%;
    }
    .indexC3SwiperMax .text{
        left: 7.375%;
    }
    .indexC3SwiperMin {
        right: 5.57%;
    }
    .indexColumn3::before {
        right: 6.875rem;
    }
    .footerLink {
        column-gap: 10px;
    }
    .footerChildLink {
        column-gap: 10px;
    }
    .footerChildLink dd {
        padding: 0 10px; 
    }
    .footerChildLink dd {
        width: 140px;
    }
    .swiperBox .subPage-container .swiper-slide .trends .detail {
        font-size: 24px;
        margin: 20px 0 40px;
    }
    .imgText dd a .text .title {
        font-size: 18px;
    }
    .imgText dd a .text .textC {
        font-size: 12px;
    }
    .swiperBox .direct {
        bottom: 57px;
    }
    .swiperBox .subPage-container .swiper-slide .trends {
        height: 300px;
    }
    .imgText2 dd a .time {
        margin-top: 0px;
    }
}
@media (max-width: 1560px) {
    html{
        font-size: 13px;
    }
    .wrap {
        width: 81.25%;
    }
    .indexC3SwiperMax .text{
        left: 9.375%;
    }
    .indexC3SwiperMin {
        right: 8.7%;
    }
    .indexColumn3::before {
        right: 11.1rem;
    }
    .section-footer .footer {
        padding-bottom: 40px;
    }
    .serviceBox .con {
        font-size: 16px;
    }
    .imgText dd a .time .day {
        font-size: 30px;
    }
    .imgText dd a .time .year {
        font-size: 14px;
    }
    .pageUp .articlePageBox {
        font-size: 14px;
    }
    .articleBox {
        font-size: 14px;
    }
    .firm .content .more {
        margin-top: 30px;
    }
    .firm .content .detail {
        font-size: 16px;
        margin-top: 20px;
    }
    .firm .content {
        margin-top: 96px;
    }
    .news .newsSwiperContainer {
        margin-top: 70px;
    }
    .imgText dd a .pic {
        width: 380px;
    }
    .imgText dd a .text {
        margin-top: 30px;
    }
    .imgText dd a .time {
        margin-top: 30px;
    }
    .business .name {
        top: 280px;
    }
    .business .detail {
        top: 360px;
    }
    .business .more {
        top: 440px;
    }
    .contact .contactBox .contactR form .captcha input {
        width: 40%;
    }
}
@media (max-width: 1440px) {
    html{
        font-size: 11px;
    }
    .wrap {
        width: 81.25%;
    }
    .mainMenu {
        padding: 0 20px;
    }
    .indexC3SwiperMax .text{
        left: 12.375%;
    }
    .indexC3SwiperMin {
        right: 11.5%;
    }
    .indexColumn3::before {
        right: 15.68rem;
    }
    .contact .contactBox .contactR form .captcha .code {
        width: 30%;
    }
    .contact .contactBox .contactR form .captcha .change {
        font-size: 16px;
    }
    .menuDl dd:nth-child(1).hover::after {
        width: 14px;
        left: 30px;
    }
}