@media only screen and (max-width: 2560px) {
    html {
        font-size: 28px;
    }
}
@media only screen and (max-width: 1920px) {
    html {
        font-size: 22px;
    }
}
@media only screen and (max-width: 1440px) {
    html {
        font-size: 20px;
    }
}
@media only screen and (max-width: 1366px) {
    html {
        font-size: 18px;
    }
}
@media only screen and (max-width: 1024px) {
    html {
        font-size: 16px;
    }
}
.main_center {
    width: 63.64rem;
    margin: 0 auto;
}
.common_h {
    text-align: center;
    margin: 5.45rem 0 4.77rem;
}
.common_h p {
    font-size: 1.91rem;
    font-weight: 100;
    color: #666;
    margin-bottom: 0.45rem;
    text-transform: uppercase;
}
.common_h p span {
    color: #4b75fd;
    margin-left: 1.14rem;
    text-transform: uppercase;
}
.common_h h2 {
    position: relative;
    font-size: 1.82rem;
    color: #000135;
}
.common_h h2::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -1.05rem;
    transform: translateX(-50%);
    width: 2.64rem;
    height: 0.09rem;
    background-color: #4974fd;
}
section .solve .solve-container {
    display: flex;
}
section .solve .solve-container .box {
    width: 15.91rem;
    height: 23.64rem;
}
section .solve .solve-container .box .txt {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(18, 44, 127, 0.3);
}
section .solve .solve-container .box .txt i {
    font-size: 2.73rem;
    color: #fff;
}
section .solve .solve-container .box .txt h2 {
    margin-top: 2.05rem;
    font-size: 0.82rem;
    color: #fff;
}
section .solve .solve-container .box .hover {
    display: none;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(18, 44, 127, 0.8);
    padding: 0 1.14rem;
}
section .solve .solve-container .box .hover i {
    font-size: 3.18rem;
    color: #fff;
}
section .solve .solve-container .box .hover h2 {
    color: #ffffff;
    font-size: 0.91rem;
    margin: 3.18rem 0 2.5rem;
}
section .solve .solve-container .box .hover p {
    line-height: 1.36rem;
    text-align: center;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
}
section .solve .solve-container .box .hover .more {
    width: 7.27rem;
    height: 1.86rem;
    text-align: center;
    line-height: 1.86rem;
    background-color: #4b75fd;
    color: #fff;
    margin-top: 2.95rem;
}
section .solve .solve-container .box:hover .txt {
    display: none;
}
section .solve .solve-container .box:hover .hover {
    display: flex;
}
section .solve .solve-container .box1 {
    background: url(/skin/newsimg/solution_01.jpg) no-repeat center;
    background-size: cover;
}
section .solve .solve-container .box2 {
    background: url(/skin/newsimg/solution_02.jpg) no-repeat center;
    background-size: cover;
}
section .solve .solve-container .box3 {
    background: url(/skin/newsimg/solution_03.jpg) no-repeat center;
    background-size: cover;
}
section .solve .solve-container .box4 {
    background: url(/skin/newsimg/solution_04.jpg) no-repeat center;
    background-size: cover;
}
section .solve .solve-container .box5 {
    background: url(/skin/newsimg/solution_05.jpg) no-repeat center;
    background-size: cover;
}
section .solve .solve-container .boxds1{background: url(/skin/newsimg/solution_a01.jpg) no-repeat center; background-size: cover;}
section .solve .solve-container .boxds2{background: url(/skin/newsimg/solution_a02.jpg) no-repeat center; background-size: cover;}
section .solve .solve-container .boxds3{background: url(/skin/newsimg/solution_a03.jpg) no-repeat center; background-size: cover;}
section .solve .solve-container .boxds4{background: url(/skin/newsimg/solution_a04.jpg) no-repeat center; background-size: cover;}
section .solve .solve-container .boxds5{background: url(/skin/newsimg/solution_a05.jpg) no-repeat center; background-size: cover;}

section .case .common_h {
    margin-top: 7.27rem;
    margin-bottom: 3.41rem;
}
@media only screen and (max-width: 768px) {
    .main_center {
        width: 100%;
    }
    .w-body {
        padding: 0 10px;
    }
    .common_h p {
        font-size: 22px;
    }
    .common_h h2 {
        font-size: 24px;
    }
    header .header-pc {
        display: none !important;
    }