@media screen and (max-width: 1680px) {
    
}
@media screen and (max-width: 1560px) {
    .mbox1 .content .text .tt{font-size: 110px;}
    .mbox1 .content .text .tt2{font-size: 36px;}
    .intitle2{font-size: 70px;}
    .detailinfo .name{font-size: 60px;}
    .detailinfo .price{font-size: 32px;}
    .iconlist li .tt2{font-size: 20px;}
    .detailinfo .namewrap{margin-bottom: 50px;}
    .pbox1 .swiper-pagination-bullet{width: 32px;height: 32px;margin: 0 6px;}
}
@media screen and (max-width: 1480px) {
    .searchbox{right: 16px;}
    .mbox1 .content .text .tt{font-size: 98px;}
    .mbox1 .content .text .tt2{font-size: 32px;}
    .mbox2 .text .brief{font-size: 18px;}
    .mbox2 .text .title{font-size: 36px;}
    .mbox3{padding-bottom: 100px;}
    .mbox3 .btnwrap .btns{padding: 20px 30px;}
    .maintitle .title{font-size: 36px;}
    .teamlist li .yin2 img{max-width: 60px;}
    .teamlist li .yin1 img{max-width: 60px;}
    .teamlist li a{padding: 40px 78px;}
    .teamlist li .yin1{left: 10px;top: 20px;}
    .teamlist li .yin2{right: 10px;bottom: 20px;}
    .teamlist li .brief{line-height: 1.7;}
    .teamlist li{padding: 0 15px;}
    .teamlist{margin: 0 -15px;}
    .news_list li{padding: 0 10px;}
    .news_list{margin: 0 -10px;}
    .news_list li .tt{font-size: 16px;}
    .question li .ques{font-size: 20px;}
    .question li .answer{font-size: 15px;}
    .intitle2{font-size: 64px;}
    .sbox2{padding: 100px 0;}
    .subbanner{height: 540px;}
    .sbox1 .list li .icon{width: 400px;}
    .sbox1 .list li .icon .tt{font-size: 36px;}
    .sbox1 .list li .con{padding-right: 0;}
}
@media screen and (max-width: 1380px) {
    .mbox2 .pic{height: 540px;}
    .bikeswiper{width: 500px;height: 500px;}
    .bikeswiper li .pic{height: 280px;line-height: 280px;}
    .bikeswiper li{padding: 50px 56px;}
    .bikeswiper li .tt{margin-top: 30px;}
}
@media screen and (max-width: 1280px) {
    .searchbox{width: 220px;}
    .header .fw{padding-right: 245px;}
    .nav a{font-size: 16px;margin-left: 40px;}
    .header .fw{max-width: 95%;}
    .mbox1 .content .text .tt{font-size: 72px;padding-bottom: 2%;}
    .mbox1 .content .text .tt2{font-size: 28px;}
    .mbox1 .content .text .state{font-size: 14px;line-height: 1.7;}
    .mbox1{padding: 80px 0;}
    .mbox2 .text .title{font-size: 32px;}
    .mbox2 .text .brief{font-size: 16px;margin: 20px 0 30px;}
    .mbox2 .text{top: 50px;bottom: 50px;}
    .mtb_swiper li .text .tt1{font-size: 54px;}
    .mtb_swiper li .text .tt2{font-size: 20px;margin: 10px 0 30px;}
    .maintitle .title{font-size: 32px;}
    .news_list li{width: 33.3%;}
    .question li .ques{font-size: 18px;padding-left: 50px;}
    .question li .ques .btn{background-size: 20px auto;}
    .question li{padding: 0 30px;}
    .mbox8 .title{font-size: 32px;}
    .product_detail .pbox3 .left{float: none;width: 100%;padding-right: 0;margin-bottom: 40px;}
    .product_detail .pbox3 .right{padding-top: 0;}
    .product_detail .pbox3 .list .t1{width: 40%;}
    .product_detail .pbox1 .left{width: 100%;float: none;padding: 0;margin-bottom: 40px;}
    .product_detail .pbox1 .right{padding: 0;}
    .sbox2 .title{font-size: 60px;margin-bottom: 30px;}
    .sbox2 .state{margin-bottom: 40px;}
    .subbanner{height: 440px;}
    .subbanner .text .tt{font-size: 36px;margin-bottom: 12px;}
    .location{font-size: 20px;}
    .sbox1 .list li .icon{width: 320px;}
    .sertop .pic{top: -70px;padding: 0 40px 40px 0;}
    .sertop .left{padding-top: 48px;}
    .sertop .intitle2{font-size: 50px;margin-bottom: 20px;}
    .sertop .intitle{margin-bottom: 15px;}
    .sertop .left .brief{font-size: 18px;}
    .sertop .pic .kk{top: 70px;left: 40px;}
    .sbox1 .list li .con{font-size: 18px;}
    .sbox1 .list li .icon img{width: 100px;}
    .sbox1 .list li .icon .tt{font-size: 24px;}
    .subbanner .text{bottom: 84px;}
}
@media screen and (max-width: 1080px) {
    .nav{
        position: fixed;
        width: 260px;
        background-color: #fff;
        box-shadow: 10px -10px 10px 0px rgba(0,0,0,.1);
        left: -300px;
        top: 0;
        padding-top: 60px;
        height: 100%;overflow: auto;
        transition: all .6s ease;
        z-index: 9999;
    }
    .nav a{
        display: block;
        line-height: 40px;
        margin: 0 0 15px 0;
        text-align: center;
        color: #333;
    }
    .header .logo{height: 60px;line-height: 60px;}
    .navbtn{display: block;}
    .mt100{margin-top: 60px;}
    .searchbox{right: 80px;top: 8px;}
    .banner .line1{right: 59px;}
    .banner .line2{bottom: 59px;}
    .banner .down{width: 60px;height: 60px;line-height: 60px;}
    .banner .btns{right: 76px;}
    .banner li .timg img{max-width: 50%;}
    .banner li {height: 600px;}
    .banner li .fw{bottom: 130px;}
    .banner .btns{bottom: 78px;}
    .banner li .timg{margin-bottom: 40px;}
    .banner .swiper-pagination-bullet-active{font-size: 48px;}
    .mbox1 .content{padding: 50px 0 80px;}
    .mbox2 .text{position: relative;left: 0;right: 0;bottom: 0;top: 0;width: 100%;padding: 30px 20px 0;}
    .mbox2 .pic{height: auto;width: 100%;}
    .mbox2 .pic img{display: block;}
    .mbox2{padding-bottom: 60px;}
    .mbox3 .btnwrap .swiper-pagination-bullet-active{font-size: 48px;}
    .mbox3{padding-bottom: 80px;}
    .mbox3 .btnwrap .btns{padding: 0 30px 15px;}
    .teamlist li a{padding: 40px 30px 60px;}
    .teamlist li .yin1 img{max-width: 50px;}
    .teamlist li .yin2 img{max-width: 50px;}
    .mbox8 .fw{display: block;}
    .mbox8 .item1{max-width: 100%;}
    .mbox8 .item2{max-width: 100%;width: 100%;margin-top: 30px;}
    .mbox8 .subtitle{margin-bottom: 20px;}
    .mbox8 .tt1{margin: 20px 0;}
    .product_detail .pbox2{padding: 80px 0;}
    .pbox1 .numer{font-size: 32px;}
    .topic_img{padding: 64px 0;}
    .topic_img .text .tt{font-size: 32px;margin-bottom: 16px;}
}
@media screen and (max-width: 968px) {
    .foot_top{display: block;}
    .foot_nav a{font-size: 14px;margin-left: 0;margin-right: 30px;}
    .foot_nav{text-align: left;margin-bottom: 30px;}
    .foot_top .icons{text-align: left;}
    .foot_top .icons a{margin-left: 0;margin-right: 20px;}
    .foot_top .left{max-width: 100%;}
    .foot_top .right{max-width: 100%;margin-top: 30px;}
    .foot_top .about .state{max-width: 100%;margin: 15px 0;}
    .foot_top .about{margin-top: 30px;}
    .foot_bottom{display: block;}
    .foot_bottom .links{max-width: 100%;margin-bottom: 6px;}
    .foot_bottom .links a{margin-bottom: 6px;}
    .foot_bottom .links span{margin-bottom: 6px;}
    .foot_nav{margin-top: 0;}
    .maintitle .title{font-size: 28px;}
    .maintitle .subtitle{margin-top: 12px;}
    .maintitle{margin-bottom: 40px;}
    .mtb_swiper li .text .tt1{font-size: 48px;}
    .mtb_swiper li .text .tt2{font-size: 18px;}
    .mtb_swiper li .text{bottom: 60px;}
    .teamlist li{width: 100%;}
    .news_list li{width: 50%;}
    .intitle2{font-size: 44px;}
    .product_detail .pbox2 .brief{font-size: 18px;}
    .sbox2{padding: 70px 0;}
    .sertop{padding-bottom: 50px;}
    .sertop .left{float: none;width: 100%;max-width: 100%;}
    .sertop .pic{float: none;width: 100%;max-width: 100%;top: 0;margin-top: 30px;}
    .sertop .left .brief{font-size: 16px;}
    .subbanner{height: 380px;}
    .subbanner .text{bottom: 60px;}
    .bikeswiper{width: 400px;height: 400px;}
    .bikeswiper li .pic{height: 240px;line-height: 240px;}
    .bikeswiper li{padding: 40px 42px;}
    .bikeswiper li .tt{margin-top: 20px;font-size: 16px;}
}
@media screen and (max-width: 788px) {
    .foot_top{padding-bottom: 24px;}
    .foot_bottom .links a{margin-right: 16px;}
    .footer{padding-top: 30px;}
    .foot_top .about .state{line-height: 1.7;font-size: 13px;}
    .foot_top .logo img{max-width: 70%;}
    .foot_bottom .links span{margin-right: 6px;}
    .banner li .timg img{max-width: 70%;width: 410px;}
    .banner .line1{display: none;}
    .banner .line2{display: none;}
    .banner li{height: 540px;}
    .banner .btns{right: 18px;bottom: 66px;}
    .banner .swiper-pagination{font-size: 20px;margin: 0 5px;}
    .banner .swiper-pagination-bullet{margin: 0 4px;}
    .banner .swiper-pagination-bullet-active{font-size: 36px;}
    .banner li .link{height: 42px;line-height: 42px;}
    .banner li .fw{bottom: 108px;}
    .mbox1 .content .text .tt{font-size: 64px;}
    .mbox1 .content .text .tt2{font-size: 20px;}
    .mbox1 .content .text .more{margin-top: 24px;}
    .more{height: 42px;line-height: 42px;border-radius: 42px;}
    .mbox1{padding: 50px 0;}
    .mbox2{padding-bottom: 40px;}
    .mbox2 .text .title{font-size: 26px;}
    .more2{height: 42px;line-height: 42px;border-radius: 42px;font-size: 14px;width: 132px;}
    .mtb_swiper li .text{bottom: 40px;}
    .mtb_swiper li .text .more{font-size: 14px;}
    .maintitle .title{font-size: 24px;}
    .maintitle .subtitle{margin-top: 10px;}
    .maintitle{margin-bottom: 30px;}
    .mtb_swiper li .text .tt1{font-size: 42px;}
    .mbox3 .btnwrap .swiper-pagination{font-size: 20px;}
    .mbox3 .btnwrap .swiper-pagination-bullet{margin: 0 6px;}
    .mbox3 .btnwrap .swiper-pagination-bullet-active{font-size: 40px;}
    .mbox3{padding-bottom: 70px;}
    .mbox3 .btnwrap{width: 70%;}
    .mbox4{padding: 50px 0 30px;}
    .mbox5{padding: 50px 0 40px;}
    .question li{padding: 0 15px;}
    .question li .ques{padding: 15px 38px 15px 36px;font-size: 16px;}
    .mbox8 .title{font-size: 28px;}
    .mbox8 .list li .tel{font-size: 36px;}
    .mbox8 .tt1{font-size: 20px;margin: 10px 0 16px;}
    .mbox6{padding: 50px 0;}
    .mbox7{padding-bottom: 50px;}
    .intitle2{font-size: 36px;}
    .intitle{margin-bottom: 20px;font-size: 14px;}
    .product_detail .pbox2{padding: 40px 0;}
    .product_detail .pbox2 .brief{font-size: 16px;}
    .product_detail .pbox1{padding: 40px 0;}
    .product_imgs2 .img{width: 50%;}
    .product_detail .pbox3 .list li{font-size: 14px;}
    .datalist li .tt{font-size: 14px;}
    .datalist li .state{font-size: 14px;}
    .datalist li .tt{width: 256px;}
    .datalist li{padding: 10px;}
    .product_detail .pbox3 .list .t1{width: 240px;}
    .detailinfo .name{font-size: 40px;}
    .detailinfo .price{font-size: 24px;}
    .iconlist li .tt2{font-size: 18px;}
    .iconlist li .icon{height: 46px;line-height: 46px;}  
    .sbox3 .state{font-size: 16px;margin-bottom: 30px;}
    .sbox3{padding: 50px 0;}
    .sbox2{padding: 50px 0;}
    .sbox2 .title{font-size: 48px;margin-bottom: 20px;}
    .sbox2 .state{font-size: 14px;margin-bottom: 30px;}
    .sbox1 .list li .icon{width: 200px;}
    .sbox1 .list li .icon img{width: 80px;}
    .sbox1 .list li .icon .tt{font-size: 20px;}
    .location{font-size: 18px;}
    .sertop .intitle2{font-size: 36px;}
    .sbox1 .list li .con{font-size: 16px;}
    .subbanner .text .tt{font-size: 32px;}
    .topic_img .text .tt{font-size: 28px;}
    .topic_img{padding-bottom: 40px;}
    .topicbox1{padding: 50px 0;}
}
@media screen and (max-width: 640px) {
    .searchbox{right: 60px;width: 160px;top: 11px;padding-right: 36px;}
    .searchbox .ipt{height: 36px;}
    .searchbox .btn{width: 36px;height: 36px;background-size: 20px auto;}
    .searchbox.show .ipt{padding: 0 10px;}
    .header .logo img{max-width: 120px;max-height: 50px;}
    .foot_top .about{margin-top: 20px;}
    .foot_nav{margin-bottom: 20px;}
    .foot_top .right{margin-top: 24px;}
    .banner li{height: 440px;}
    .banner li .timg{margin-bottom: 30px;}
    .mbox1 .content .text .tt{font-size: 50px;padding-bottom: 12px;margin-bottom: 20px;}
    .mbox1 .content .text .tt2{font-size: 18px;}
    .mbox1 .content .text .state{font-size: 12px;}
    .mbox1 .content{padding: 42px 0;}
    .mbox2 .text .title{font-size: 22px;}
    .mbox2 .text{padding: 20px 0 0 0;}
    .mbox2 .text .brief{font-size: 14px;line-height: 1.8;}
    .mtb_swiper li .text .tt1{font-size: 36px;}
    .mtb_swiper li .text .tt2{font-size: 16px;}
    .mtb_swiper li{height: 400px!important;}
    .mtb_swiper li .img{display: none;}
    .teamlist li .yin2 img{max-width: 40px;}
    .teamlist li .yin1 img{max-width: 40px;}
    .teamlist li a{padding: 40px 20px 60px;}
    .teamlist li .brief{font-size: 14px;}
    .teamlist li .name{font-size: 14px;margin: 10px 0;}
    .teamlist li .yin1{top: 16px;}
    .teamlist li .yin2{bottom: 16px;}
    .news_list li .tt2{margin: 6px 0 16px;}
    .news_list{padding-bottom: 0;}
    .writeinfo .flexinfo{display: block;}
    .writeinfo .flexinfo .info+.info{margin-left: 0;}
    .writeinfo .info textarea{height: 180px;}
    .writeinfo .more{width: 170px;}
    .writeinfo .flexinfo .info{margin-bottom: 16px;}
    .writeinfo .info input{height: 42px;}
    .mbox8{padding: 50px 0;}
    .mbox8 .tt1{font-size: 18px;}
    .mbox8 .list li .t0{margin-bottom: 4px;}
    .mbox8 .list li+li{margin-top: 15px;}
    .mbox8 .item2{margin-top: 20px;}
    .product_imgs2 .img{width: 100%;}
    .product_detail .pbox3{padding: 30px 0 40px;}
    .product_detail .pbox3 .left{margin-bottom: 20px;}
    .pbox1 .numer{font-size: 28px;}
    .iconlist li{width: 50%;}
    .iconlist{padding-bottom: 0;margin-bottom: 30px;}
    .detailinfo .tt0{margin-bottom: 30px;}
    .detailinfo .namewrap{margin-bottom: 30px;}
    .product_detail .pbox1 .left{margin-bottom: 30px;}
    .colors a{width: 30px;height: 30px;margin-right: 12px;}
    .colors a span{width: 14px;height: 14px;margin-top: -7px;margin-left: -7px;}
    .sbox1 .list li .icon{width: 100px;margin-right: 15px;}
    .sbox1 .list li .icon .tt{font-size: 16px;}
    .sbox1 .list li .icon img{width: 60px;}
    .sbox1 .list li .con{line-height: 1.8;}
    .sbox1 .list li{margin-bottom: 40px;}
    .sbox1{padding-bottom: 20px;}
    .subbanner{height: 300px;}
    .subbanner .text .tt{font-size: 24px;}
    .location{font-size: 16px;}
    .subbanner .text{bottom: 40px;}
    .bikeswiper{width: 320px;height: 320px;}
    .bikeswiper li .pic{height: 180px;line-height: 180px;}
    .bikeswiper li{padding: 40px 42px 0;}
    .bikeswiper li .tt{margin-top: 10px;}
    .topicbox1 .intitle2{margin-bottom: 30px;}
}
@media screen and (max-width: 540px) {
    .foot_nav a{margin-right: 20px;}
    .banner li{height: 420px;}
    .mbox1 .content .text .tt{font-size: 40px;}
    .mbox1{padding: 40px 0;}
    .mbox2 .text .title{font-size: 20px;}
    .mbox2 .text .title span{padding-bottom: 8px;}
    .mbox2 .text .brief{margin: 15px 0 20px;}
    .maintitle .title{font-size: 20px;}
    .mtb_swiper li .text .tt1{font-size: 32px;}
    .mbox3 .btnwrap{width: 80%;}
    .mbox3 .btnwrap .swiper-pagination-bullet-active{font-size: 32px;}
    .mbox3 .btnwrap .btns{padding-bottom: 10px;}
    .mbox3{padding-bottom: 60px;}
    .mtb_swiper li{height: 360px!important;}
    .mtb_swiper li .text{bottom: 30px;}
    .mtb_swiper li .text .tt2{margin: 10px 0 24px;}
    .news_list li{width: 100%;}
    .question li{padding: 0;}
    .mbox8 .list li .tel{font-size: 32px;}
    .mbox8 .title{font-size: 24px;}
    .intitle2{font-size: 30px;}
    .product_detail .pbox3 .list .t1{word-break: break-all;width: 130px;margin-right: 15px;}
    .datalist li .tt img{width: 22px;margin-right: 10px;}
    .datalist li .tt{word-break: break-all;width: 140px;margin-right: 15px;font-size: 12px;}
    .product_detail .pbox2 .brief{font-size: 15px;}
    .pbox1 .swiper-pagination-bullet{width: 28px;height: 28px;margin-right: 0 4px;}
    .detailinfo .name{font-size: 32px;}
    .detailinfo .price{font-size: 20px;}
    .sbox2 .title{font-size: 36px;}
    .sertop .intitle2{font-size: 30px;}
    .sertop .left .brief{font-size: 14px;}
    .sertop .pic .kk{top: 40px;}
    .question li .ques{background-size: 24px auto;}
    .topic_img .location{font-size: 14px;}
    .topic_img{padding-bottom: 30px;}
}
@media screen and (max-width: 480px) {
    .mbox1 .content .text .tt{font-size: 32px;}
    .mbox1 .content .text .tt2{font-size: 16px;margin-bottom: 12px;}
    .mbox1 .content .text .more{margin-top: 16px;}
    .banner li{height: 390px;}
    .mtb_swiper li{height: 300px!important;}
    .news_list li .con{padding: 16px 12px;}
    .sbox1 .list li .con{font-size: 14px;}
    .subbanner{height: 260px;}
    .bikeswiper{width: 300px;height: 300px;}
    .bikeswiper li .pic{height: 150px;line-height: 150px;}
    .bikeswiper li{padding: 40px 42px 0;}
    
}