@media screen and (max-width: 1680px){
    .cw1600{width: 96%;}

    #header{}
    #header .header-nav .nav{font-size: 22px;padding: 0 15px;}

    #header2{}
    #header2 .header-nav .nav{font-size: 22px;padding: 0 15px;}
}

@media screen and (max-width: 1366px){
    #header{}
    #header .header-top{height: 100px;padding: 20px 0 10px;}
    #header.set{top: -100px;}
    #header .header-top .logo{width: auto;height: 70px;}
    #header .header-top .text{display: none;}
    #header .header-top .but-box{margin-top: 15px;}
    #header .header-nav .nav{font-size: 20px;padding: 0 15px;}

    #banner.set{margin-top: 210px;}

    #header2{}
    #header2 .header-top{height: 100px;padding: 20px 0 10px;}
    #header2.set{top: -100px;}
    #header2 .header-top .logo{width: auto;height: 70px;}
    #header2 .header-top .text{display: none;}
    #header2 .header-top .but-box{margin-top: 15px;}
    #header2 .header-nav .nav{font-size: 20px;padding: 0 15px;}
}

@media screen and (max-width: 1280px){
    #header{position: fixed;top: 0;left: 0;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);}
    #header.set{top: 0;}
    #header .header-top{border: unset;height: 100px;}
    #header .header-top .but-box{margin-top: 10px;}
    #header .header-top .but-box .mb-but{width: 45px;height: 45px;margin-left: 10px;padding: 10px;border-radius: 50%;cursor: pointer;border: 1px solid rgba(0,0,0,.1);background: rgba(255, 255, 255, .15);}
    #header .header-top .but-box .mb-but>div{width: 19px;height: 2px;margin: 5px auto;background-color: #333;}
    #header .header-top .but-box .mb-but>div:last-child{margin-bottom: 0;}
    #header .header-nav{display: none;}

    #banner{margin-top: 100px;}
    #banner.set{margin-top: 100px;}

    #header2{}
    #header2.set{top: 0;}
    #header2 .header-top{border: unset;height: 100px;}
    #header2 .header-top .but-box{margin-top: 10px;}
    #header2.style2 .header-top .but-box .language .language-box{background-color: rgb(255,255,255);}
    #header2 .header-top .but-box .mb-but{width: 45px;height: 45px;margin-left: 10px;padding: 10px;border-radius: 50%;cursor: pointer;border: 1px solid rgba(255,255,255,.15);background: rgba(255, 255, 255, .15);}
    #header2.style2 .header-top .but-box .mb-but{border: 1px solid rgba(0,0,0,.1);}
    #header2 .header-top .but-box .mb-but>div{width: 19px;height: 2px;margin: 5px auto;background-color: white;}
    #header2.style2 .header-top .but-box .mb-but>div{background-color: #333;}
    #header2 .header-top .but-box .mb-but>div:last-child{margin-bottom: 0;}
    #header2 .header-nav{display: none;}

    .mb-nav.nav-on{max-height: 500px;background: white;}
    .mb-nav .nav{display: block;width: 100%;line-height: 50px;text-align: center;font-size: 24px;}
    .mb-nav .nav:first-child{margin-top: 10px;}
    .mb-nav .nav:last-child{margin-bottom: 10px;}
    .mb-nav .nav.on,
    .mb-nav .nav:hover{background-color: #f9c724;font-weight: bold;color: white;}

    #index-app .box{width: 40%;}
    #index-app .box:last-child{width: 60%;}
    #index-app .box:first-child{padding-top: 0;}

    #product ul .li .text-box .detail-box:before{padding-top: 45%;}

    #core .content .item .text-box,
    #core .content .item:nth-child(2n) .text-box{padding-top: 0;}

    #honor .content .item .pic-box .pic{padding: 20px;}
}

@media screen and (max-width: 1024px){
    #footer .nav{width: 100%;line-height: 1.5;margin-bottom: 10px;}

    #product ul .li .text-box .detail-box:before{padding-top: 40%;}

    #news-details #right-nav{display: none;}
    #news-details #news-content{width: 100%;}

    #join .list .term .but{position: unset;bottom: unset;right: unset;}
    #join .list .term .detail{padding: 60px 60px 60px 60px;}
}

@media screen and (max-width: 750px) {
    .cw1600{width: 90%;}
    .detail *{font-size: 26px;}

    .paging[type='default'] .a{width: 60px !important;height: 60px !important;line-height: 60px !important;font-size: 26px !important;}
    .paging[type='default'] .a:first-child,
    .paging[type='default'] .a:last-child{width: unset !important;}
    .paging[type='default'] .a:first-child:before{display: none !important;}
    .paging[type='default'] .a:last-child:after{display: none !important;}

    #header .header-top .but-box{margin-top: 5px;}
    #header .header-top .but-box .language{height: 60px;line-height: 60px;width: 60px;border-radius: 50%;}
    #header .header-top .but-box .language span{display: none;}
    #header .header-top .but-box .language:before{padding-right: 0;padding-left: 6px;}
    #header .header-top .but-box .language:after{display: none;}
    #header .header-top .but-box .language .language-box{top: 65px;padding: 10px 0;}
    #header .header-top .but-box .language .language-box a{font-size: 24px;line-height: 1.5;display: block;white-space: nowrap;padding: 10px 30px;}
    #header .header-top .but-box .search{width: 60px;height: 60px;margin-left: 20px;}
    #header .header-top .but-box .mb-but{width: 60px;height: 60px;margin-left: 20px;padding: 15px;border-radius: 50%;cursor: pointer;}

    #header2{background: #000;}
    #header2 .header-top .but-box{margin-top: 5px;}
    #header2 .header-top .but-box .language{height: 60px;line-height: 60px;width: 60px;border-radius: 50%;}
    #header2 .header-top .but-box .language span{display: none;}
    #header2 .header-top .but-box .language:before{content: url("/static/images/ico/icon_yuyan_bai.png");padding-right: 0;padding-left: 6px;}
    #header2 .header-top .but-box .language:after{display: none;}
    #header2 .header-top .but-box .language .language-box{top: 65px;padding: 10px 0;}
    #header2 .header-top .but-box .language .language-box a{font-size: 24px;line-height: 1.5;display: block;white-space: nowrap;padding: 10px 30px;}
    #header2 .header-top .but-box .search{width: 60px;height: 60px;margin-left: 20px;}
    #header2 .header-top .but-box .mb-but{width: 60px;height: 60px;margin-left: 20px;padding: 15px;border-radius: 50%;cursor: pointer;border: 1px solid rgba(255,255,255,.15);background: rgba(255, 255, 255, .15);}

    .mb-nav.nav-on{max-height: calc(100vh - 100px);}
    .mb-nav .nav{line-height: 70px;font-size: 32px;}
    .mb-nav .nav:first-child{margin-top: 20px;}
    .mb-nav .nav:last-child{margin-bottom: 20px;}

    #footer{padding: 40px 0 30px;}
    #footer .footer-top{margin-bottom: 30px;}
    #footer .footer-title{font-size: 28px;font-weight: bold;line-height: 1.5;margin: 25px 0;}
    #footer .footer-title *{font-size: 28px;font-weight: bold;line-height: 1.5;}
    #footer .nav{margin-bottom: 15px;font-size: 24px;line-height: 1.5;width: 50%;}
    #footer .nav *{font-size: 24px;line-height: 1.5;}
    #footer .text{font-size: 24px;line-height: 1.5;margin-bottom: 5px;}
    #footer .text *{font-size: 24px;line-height: 1.5;}
    #footer .nav:before{transform:scale(1.7);vertical-align: super;}
    #footer .text-box1{width: 100%;margin-right: 0;}
    #footer .text-box2{width: 100%;margin-right: 0;}
    #footer .code{width: 100%;}
    #footer .code img{margin: 30px 0 15px;}
    #footer .text2{width: 100%;}
    #footer .text2 span{display: block;}

    #index{}
    #index .title{font-size: 42px;}
    #index .title-en{font-size: 18px;}
    #index .but{width: 200px;height: 60px;line-height: 60px;border-radius: 30px;font-size: 24px;}
    #index-video{width: 100%;height: auto; margin-top: 100px;}
    #index-video .text-box{display: none;}
    #index-product .text-box:hover{opacity: 0;}
    #index-product .container.pc{display: none;}
    #index-product .container.mb{display: block;}
    #index-links{padding: 20px 0;}
    #index-app .box{width: 100%;}
    #index-app .box:last-child{width: 90%;margin: 50px 5% 0;}
    #index-app .box:last-child:before{top: -20px;padding-top: calc(33.33333% + 20px);width: calc(66.66666% + 20px);}
    #index-app .box .text{padding-right: 0;font-size: 28px;line-height: 1.6;}
    #index-honor .top .left{width: 100%;margin-bottom: 40px;}
    #index-honor .top .right{width: 100%;}
    #index-honor .top .right .text{font-size: 28px;line-height: 1.6;}
    #index-honor .top .right .page{margin-left: 20px;width: 60px;height: 60px;}
    #index-honor .slide .name{height: 60px;line-height: 60px;font-size: 26px;}
    #index-contact .background{width: 100%;opacity: .5;height: 300px;}
    #index-contact .background img{height: 100%;}
    #index-contact .text-box .text{font-size: 26px;}
    #index-contact .text-box .text:before{content: unset;}
    #index-contact .text-box .text:after{content: unset;}
    #index-contact .text-box .contact-but{font-size: 26px;}

    #product .brief{font-size: 25px;line-height: 1.8;}
    #product ul .li .pic{width: 100%;}
    #product ul .li .text-box{width: 100%;}
    #product ul .li .text-box .name{font-size: 36px;font-weight: bold;}
    #product ul .li .text-box .detail-box:before{display: none;}
    #product ul .li .text-box .detail-box>div{position: relative;}
    #product ul .li .text-box .but{display: block;margin-left: calc(100% - 210px);font-size: 26px;}
    #product ul .li .text-box .but{border-color: #f9c724;background-color: #f9c724;color: white;}

    #products .product-list .product-box{width: 100%;cursor: pointer;}

    #design .top{font-size: 0;}
    #design .top{padding-bottom: 50px;}
    #design .top .text-box{width: 100%;position: relative;margin-top: 0;}
    #design .top .text-box .text{font-size: 28px;}
    #design .top img{width: 100%;float: none;}
    #design .content .detail-box{width: 100%;}
    #design .content .detail-box:last-child{margin-top: 50px;}

    #core{padding-top: 40px;}
    #core .content .item .text-box,
    #core .content .item:nth-child(2n) .text-box{width: 100%;float: right;padding: 40px 0 0 0;}
    #core .content .item .text-box .name{font-size: 34px;}
    #core .content .item .pic,
    #core .content .item:nth-child(2n) .pic{width: 100%;}
    #core .content .item:first-child{padding-bottom: 40px;padding-top: 0;}
    #core .content .item:first-child .text-box .name{font-size: 34px;}

    #honor .content .item{width: 100%;margin: 0 0 3% 0;}
    #honor .content .item .pic-box:before{padding-top: 80%;}
    #honor .content .item .pic-box .pic{padding: 40px;}
    #honor .content .item .name{padding-bottom: 40px;}
    #honor .content .item .name *{font-size: 30px;}

    #news .content .box .text-box{width: 100%;padding: 0;}
    #news .content .box .text-box .name{font-size: 30px;}
    #news .content .box .text-box .time{font-size: 26px;}
    #news .content .box .text-box .text{width: 100%;font-size: 26px;line-height: 1.5;height: auto;}
    #news .content .box .text-box .text-line{display: unset !important;}
    #news .content .box .text-box .but{width: 210px;height: 60px;line-height: 60px;font-size: 24px;opacity: 1;margin: 20px 0;margin-left: calc(100% - 210px);}
    #news .content .box .text-box .but{opacity: 1;}
    #news .content .box .pic{width: 100%;}

    #news-details #news-content .name{font-size: 34px;}
    #news-details #news-content .time{font-size: 26px;}
    #news-details #news-content .time span{font-size: 26px;}
    #news-details #news-content .but-box .left .but{width: 100%;font-size: 26px;}
    #news-details #news-content .but-box .left .but *{font-size: 26px;}
    #news-details #news-content .but-box .left .but{margin-bottom: 10px;}
    #news-details #news-content .but-box .right{position: unset;top: unset; right: unset;}
    #news-details #news-content .but-box .right span{font-size: 26px;line-height: 1.8;}

    #responsibility .content .name{font-size: 36px;font-weight: bold;text-align: center;}

    #join .list .name{width:calc(40% - 30px);font-size:26px;}
    #join .list .much:nth-child(2){display: none;}
    #join .list .much:nth-child(3){width:calc(50% - 30px);font-size:26px;}
    #join .list .much:nth-child(3) span{display: none;}
    #join .list .date{display: none;}
    #join .list .term .but{line-height: 60px;font-size: 26px;margin-left: calc(100% - 200px);}

    #form-join .title{font-size: 36px;}
    #form-join .job{font-size: 30px;}
    #form-join input[type=text]{height: 60px;line-height: 60px;font-size: 28px;}
    #form-join input[type=submit],
    #form-join .cancel{line-height: 60px;height: 60px;font-size: 26px;}
    #form-join .file-box .text{font-size: 28px;line-height: 60px;}
    #form-join .file-box .file{height: 60px;line-height: 60px;font-size: 26px;}

    #contact-us ul{display: block;}
    #contact-us ul li{width: 100%;border: 1px solid #dedede;padding: 50px 60px;margin-right: 0%;margin-bottom: 20px;}
    #contact-us ul li .name{font-size: 30px;}
    #contact-us ul li .text{font-size: 26px;}

    #online-message input[type=text]{width: 100%;margin-right: 0;font-size: 26px;margin-bottom: 20px;}
    #online-message textarea{font-size: 26px;}
    #online-message input[type=submit]{font-size: 26px;}

}