@media only screen and (max-width: 1680px){
    .divbox{width: 73%;}
    .nav ul li a{font-size: 16px;}
    .nav ul li{margin-right: 120px;}
    .dhss form button{font-size: 14px;}
    .banner_list h2{font-size: 32px;letter-spacing: 46px;margin-left: 46px;}
    .banner_list h2::before{margin-right: 110px;}
    .banner_list h2::after{margin-left: 60px;}
    .section2 h2 img{width: 320px;}
    .section2 h4{font-size: 18px;letter-spacing: 12px;}
    .section2 a i{font-size: 16px;}
    .section2 a{margin-top: 80px;}
    .section3 h4{font-size: 18px;letter-spacing: 12px;}
    .section3 h4::after{width: 54px;}
    .section3 h2{font-size: 28px;line-height: 30px;}
    .section3 p{font-size: 18px;}
    .sybt h2{font-size: 26px;}
    .s4txt p{font-size: 18px;margin-bottom: 60px;}
    .section5 p{font-size: 28px;line-height: 30px;letter-spacing: 12px;margin-left: 12px;}
    .s6t h4{font-size: 16px;}
    .s6txt h3{font-size: 28px;}
    .s6txt p{font-size: 18px;}
    .s7txt h3{font-size: 28px;padding: 15px 0;width: 450px;}
    .s7{top: 9%;}
    .s7 .sybt{margin-bottom: 40px;}
    .section8 h4{font-size: 32px;line-height: 32px;letter-spacing: 32px;margin-left: 32px;}
    
   
}

@media only screen and (max-width: 1440px){


    .nav ul li a{font-size: 14px;}
    .nav ul li{margin-right: 80px;}
    .dhss form button{font-size: 12px;}
    .banner_list h2{font-size: 28px;letter-spacing: 38px;margin-left: 38px;}
    .banner_list h2::before{margin-right: 90px;}
    .banner_list h2::after{margin-left: 40px;}
    .section2 h2 img{width: 260px;}
    .section2 h4{font-size: 16px;letter-spacing: 10px;}
    .section2 a i{font-size: 14px;}
    .section2 a{margin-top: 60px;}
    .section2{padding: 140px 0 170px;}
    .section3 h4{font-size: 16px;letter-spacing: 10px;}
    .section3 h4::after{width: 50px;height: 3px;margin: 20px 0 70px;}
    .section3 h2{font-size: 24px;}
    .section3 p{font-size: 16px;line-height: 30px;}
    .sybt h2{font-size: 22px;}
    .s4txt p{font-size: 16px;margin-bottom: 40px;}
    .section5 p{font-size: 24px;letter-spacing: 10px;margin-left: 10px;}
    .s6t h4{font-size: 14px;}
    .s6txt h3{font-size: 24px;}
    .s6txt p{font-size: 16px;}
    .s7txt h3{font-size: 24px;padding: 10px 0;width: 400px;margin-bottom: 50px;}
    .section8 h4{font-size: 28px;line-height: 30px;letter-spacing: 28px;margin-left: 28px;}
    .section8{padding: 70px 0 160px;}
    .ftl h3{font-size: 16px;}
    .ftl p i{font-size: 12px;}
    .ftl{width: 53%;}
    .ftr{width: 47%;}
    .fb p a, .fb p i{font-size: 12px;}
    
}
@media only screen and (max-width: 1366px){



    
}
@media only screen and (max-width: 1280px){
    .nav{position: fixed;top: 70px;left: 0;width: 100%;margin: 0;line-height: 45px;background: #020d2d;z-index: 3333;height: calc(100% - 70px);left: 130%;
    transition: all .8s cubic-bezier(.35,.75,.55,1);
    -webkit-transition: all .8s cubic-bezier(.35,.75,.55,1);
    -moz-transition: all .8s cubic-bezier(.35,.75,.55,1);}
    .nav.on{left: 130%;}
    header.active .nav{left: 0;}
    header.active .nav, .nav{transform: translateX(0);opacity: 1;}
    nav ul>li{width: 100%;border-bottom: 1px solid #eee;box-sizing: border-box;}
    nav ul>li>a{color: #000;line-height: 45px;}

    .mobile{display: inline-block;float: none;margin-top: 0;vertical-align: middle;}
    .logo h3{line-height: 70px;}
    .divbox{width: 90%;}
    header{position: fixed;width: 100%;z-index: 999999;background: #020d2d !important;line-height: 70px;padding: 0;}
    .logo{width: 33%;}
    .nav ul li{padding-right: 0;width: 100%;text-align: center;line-height: 50px;}
    .nav ul li a{line-height: 50px;}
    .nav ul{margin-top: 40px;}
    .nav ul li a{color: #fff;}

    
    .divbox1{width: 90%;}
    .mobile i{background: #fff;}

    .section1{padding-top: 70px;}
    .dhss{text-align: center;width: 100%;position: relative;margin-top: 40px;}
    .dhss form{right: auto;left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
    }
    .banner_list h2{font-size: 18px;letter-spacing: 10px;margin-left: -10px;}
    .banner_list h2::before,.banner_list h2::after{width: 40px;height: 1px;}
    .banner_list h2::before{margin-right: 30px;}
    .banner_list h2::after{margin-left: 20px;}
    .banner_list{top: 22%;}
    .section2{padding: 100px 0 130px;}
    .section2 h2 img{width: 180px;}
    .section2 h4{font-size: 14px;}
    .section2 a{margin-top: 40px;}
    .section3{padding: 70px 0 60px;}
    .section3 h2{font-size: 20px;letter-spacing: 4px;margin-bottom: 30px;}
    .section3 h4{font-size: 14px;}
    .section3 h4::after{width: 40px;height: 2px;margin: 15px 0 40px;}
    .section3 p{font-size: 14px;width: 75%;}
    .section4{padding: 70px 0 60px;}
    .section4 .sybt{margin-bottom: 40px;}
    .s4{width: 100%;}
    .s4txt{padding: 0;position: static;transform: inherit !important;margin: 40px auto 0;width: 90%;}
    .s4txt p{font-size: 14px;margin-bottom: 10px;line-height: 24px;color: #333;}
    .section5{padding: 50px 0 100px;}
    .section5 .sybt{margin-bottom: 60px;}
    .section5 p{font-size: 20px;letter-spacing: 4px;margin-left: 4px;}
    .section6{padding: 70px 0 0 ;}
    .s6t h4{letter-spacing: 2px;margin-left: 2px;}
    .s6b ul li{width: 100%;margin-right: 0;margin-bottom: 20px;}
    .s6b ul li:last-of-type{margin-bottom: 0;}
    .s6txt h3{font-size: 20px;}
    .s6txt p{font-size: 14px;}
    .s7{position: static;padding: 40px 0;}
    .s7txt{padding: 0;}
    .s7txt h3:first-of-type::before{display: none;}
    .s7txt h3{font-size: 18px;padding: 0;background: none;margin-bottom: 20px;letter-spacing: 10px;padding-left: 10px;}
    .section8{padding: 40px 0 100px;}
    .section8 .sybt{margin-bottom: 40px;}
    .section8 h4{font-size: 20px;letter-spacing: 15px;margin-left: 15px;}
    .ftl, .ftr{width: 100%;padding: 0;}
    .ftl p i{width: calc(100% - 40px);line-height: 24px;}
    .ftl p:nth-of-type(3) img{vertical-align: top;margin-top: 6px;}
    .ftl p{margin-bottom: 15px;}
    .ftr{margin-top: 40px;text-align: center;}
    .ftr ul li{margin-right: 8px;}
    .ftimg{width: 90px;height: 90px;}
    .fb p a, .fb p i{font-size: 10px;}


    .s7txt h3{width: auto;}

    .cbl{width: 70px;border-radius: 20px;}
    .cbl_list a span{width: 36px;height: 36px;line-height: 36px;font-size: 20px;}
    .cbl_list a h3{font-size: 14px;margin-top: 0;}
    
    .fhdb h6{width: 40px;height: 40px;}
    .fhdb h6 img{width: 18px;}

}

