@media screen and (max-width:1600px){

}
@media screen and (max-width:1520px){

}
@media screen and (max-width:1440px){

}
@media screen and (max-width:768px){

    .shead {margin:0 auto 20px; max-width:none;}
    .shead h2 {font-size:3rem;}
    .shead .btn {font-size:2rem;}
    .shead .btn i {margin:0 10px 0 5px; width:20px;}
    .shead .btn i::before,
    .shead .btn i::after {width:8px; right:-8px;}
    .shead .btn:hover i::before,
    .shead .btn:hover i::after {right:-10px;}


    .case_box {padding-top:60px;}
    .case_box h1 {font-size:32px; padding:100px 0 20px;}
    .case_box .tabs {margin-bottom:40px;}
    .case_box .tabs a {font-size:12px; padding:0 8px;}
    .case_box .tabs a span {font-size:12px;}
    .case_box ul li {width:50%;}
    .case_box ul li a .text {display:none;}

    footer .row{
        padding: 1.5rem 2rem;
    }

    footer .info {flex-direction:column; align-items:center; padding:60px 0;}
    footer .fl {width:100%; flex-direction:column; align-items:center; text-align:center; margin-bottom:40px;}
    footer .fl .b_logo {margin-bottom:20px; width:auto; font-size:3rem;}
    footer .fl p {width:auto; font-size:1.5rem;}
    footer .fr {width:100%; flex-direction:column; align-items:center;}
    footer .fr .cate {width:auto; margin-bottom:40px;}
    footer .fr .cate ul li {margin-bottom:10px;}
    footer .fr .cate ul li a {font-size:1.8rem;}
    footer .fr .business {width:auto; text-align:center;}
    footer .fr .business h4 {font-size:2rem;}
    footer .fr .business p {font-size:3rem; margin:10px 0 0;}
    footer .fr .business ul {margin-top:30px; justify-content:center;}
    footer .fr .business ul li img {width:100px; height:100px;}
    footer .beian {padding:20px 0;text-align: center;}
    footer .beian p {font-size:1.2rem; opacity:0.5;}
    footer .beian a {font-size:1.2rem;}
}