@charset "UTF-8";
@media screen and (max-width: 1450px){
   .mwrap{width: 100%;}
}

@media screen and (max-width: 1440px) {
    .header .wrap{padding: 0 20px;}
    .mswrap .next{right: 20px;}
    .mswrap .prev{left: 20px;}
}
@media screen and (max-width: 1340px) {
    .mswrap .next{right: 5px;}
    .mswrap .prev{left: 5px;}
    .honor{padding: 50px 10px 100px;}
}
@media screen and (max-width: 1270px) {
    .mswrap{padding: 0 35px;}
}
@media screen and (max-width: 1200px) {
    .fw{width: 100%;}
    .banner li .content{width: 100%;padding: 0 20px;left: 0;margin-left: 0;}
    .banner-tabs{left: 0;margin-left: 0;width: 100%;padding: 0 20px;}
    .banner-tabs .wrap{left: 20px;}
    .nav .navitem{margin-left: 40px;}
    .mbox5{padding: 100px 20px 80px;}
    .mlist03 li{padding: 0 25px;}
    .mlist03{margin: 0 -25px;}
    .rightcon{padding: 30px;}
    .aboutcon{padding: 100px 20px;}
}
@media screen and (max-width:1100px) {
    .inpage .wrap{display: block;}
    .sidebar{width: 100%;margin-bottom: 20px;min-height: auto;padding: 0;}
    .sidebar a{display: inline-block;}
    .rightcon{margin-left: 0;}
    .sidebar-pc{display: none;}
    .sidebar0{display: block;}
    .incontent{display: block;}
    .rightbar{width: 100%;margin-top: 30px;}
    .leftcon{flex: none;margin-right: 0;}
    .aboutcon .pic{width: 100%;float: none;text-align: center;}
    .aboutcon .texts{padding-left: 0;margin-top: 20px;}
    .nav .navitem{margin-left: 30px;}
    .aboutcon .texts .tt{margin-bottom: 30px;}
}
@media screen and (max-width:980px) {
    .header .wrap{padding: 0 10px;}
    .banner li .content{padding: 0 10px;}
    .banner-tabs{padding: 0 10px;}
    .banner-tabs .wrap{left: 10px;}
    .banner li{height: 500px;}
    .banner li .content{top: 200px;}
    .banner li .state{font-size: 32px;line-height: 1.5;}
    .banner li .line{width: 70px;height: 4px;margin-bottom: 20px;}
    .banner-tabs a+a{margin-left: 30px;}
    .banner-tabs a{font-size: 14px;padding-bottom: 15px;}
    .banner-tabs .wrap{height: 36px;}
    .banner-tabs{height: 36px;bottom: 50px;}
    .nav{
        position: fixed;
        height: 100%;
        overflow: auto;
        background: rgba(2,2,2,1);
        z-index: 99;
        width: 250px;
        right: -300px;
        transition: all 1s ease .2s;
    }
    .nav .navitem{float: none;margin-left: 0;}
    .nav .navitem .item{height: 60px;line-height: 60px;margin-left: 60px;}
    .nav .ismove{display: none;}
    .nav .navitem .item::after{bottom: 5px;}
    .header{height: 60px;}
    .header .hlogo{height: 60px;}
    .header .logo{height: 60px;line-height: 60px;display: inline-block;}
    .header .logo img{max-height: 56%;}
    .navbtn{display: block;}
    .header .txts{display: none;}
    .subnav{opacity: 1;visibility: visible;display: none;transition:none;position: relative;left: 0;width: 100%;top: 0;margin-left: 0;padding: 0;}
    .subnav a{padding-left: 60px;text-align: left;}
    .mswiper-wrap{padding: 60px 60px 20px;}
    .mbox4 .pic{float: none;width: 100%;text-align: center;}
    .mbox4 .texts{padding: 0 30px;}
    .footnav a{margin-left: 40px;}
    .partner .mswiper4 li{padding: 5px;}
    .mlist03 li{width: 50%;}
    .mlist02 li{width: 50%;}
}

@media screen and (max-width: 768px) {
    .banner li{height: 300px;}
    .banner li .content{top: 100px;}
    .banner li .state{font-size: 20px;max-width: 80%;}
    .banner li .line{width: 50px;margin-bottom: 10px;height: 3px;}
    .banner-tabs{bottom: 30px;display: none;}
    .banner-tabs a+a{margin-left: 20px;}
    .mtitle{margin-bottom: 30px;}
    .mtitle .entitle{font-size: 24px;margin-bottom: 0;}
    .mtitle .title{font-size: 20px;}
    .mbox1{padding: 50px 0;}
    .mswrap .btn img{width: 18px;}
    .mswrap{padding: 0 30px;}
    .mswiper1 .itemtitle{font-size: 18px;margin: 0 15px;padding: 15px 0;}
    .mswiper1 .itemtitle .img{height: 50px;line-height: 50px;margin-right: 15px;}
    .mlist1 dd a{padding: 15px;}
    .mlist1 dd .t1{font-size: 16px;margin-bottom: 5px;}
    .mswiper-wrap{padding: 30px 30px 10px;}
    .mlist2 li .con{padding: 15px 0 20px;}
    .mlist2 li a:hover .con{padding: 15px 10px 20px;}
    .mbox2{background-size: auto 400px;padding: 50px 0;}
    .mlist2 li .t1{font-size: 16px;}
    .mlist3 li .t1{font-size: 16px;height: 48px;}
    .mlist3 li .t3{font-size: 14px;padding: 10px 0;}
    .mbox3{padding-bottom: 80px;}
    .m-more{margin-top: 48px;}
    .mbox3 .mswrap{padding: 0 40px;}
    .mbox4{padding: 50px 0 60px;}
    .mbox4 .texts{padding: 0 15px;}
    .mbox4 .texts .tt1{font-size: 24px;}
    .mbox4 .texts .con{font-size: 14px;margin: 20px 0 30px;}
    .mswiper4 li a{height: 80px;line-height: 80px;}
    .mswiper4 li a img{max-height: 60%;}
    .mbox5{padding: 50px 15px;}
    .foottop .logo{float: none;}
    .footnav{float: none;margin-top: 15px;}
    .footnav a{margin-left: 0;margin-right: 30px;}
    .footer{padding: 40px 15px;}
    .footinfo .texts{float: none;line-height: 2;}
    .footinfo .codes{float: none;margin-top: 20px;}
    .footinfo .codes .img{margin-left: 0;margin-right: 30px;}
    .foottop{padding-bottom: 15px;margin-bottom: 15px;}
    .mbox5.partner .content{margin-bottom: 30px;}
    .mbox5.partner .swiper-pagination{bottom: -30px;}
    .subbanner{padding: 120px 15px 0;height: 260px;}
    .subbanner .t1{font-size: 26px;}
    .subbanner .t2{font-size: 20px;}
    .inlist1 li{padding: 0 10px;}
    .inlist1{margin: 0 -10px;}
    .rightcon{padding: 20px;}
    .inlist1 li .t1{font-size: 16px;margin-bottom: 15px;}
    .inlist1 li a{padding: 20px 15px;}
    .sidebar a{padding: 15px 10px;font-size: 14px;}
    .inpage{padding: 20px 15px 30px;}
    .mlist03 li{padding: 0 15px;}
    .mlist03{margin: 0 -15px;}
    .mlist02 li{padding: 0 20px;margin-bottom: 50px;}
    .mlist02{margin: 0 -20px;}
    .left-content{padding: 30px 15px;}
    .intitle{margin-bottom: 20px;font-size: 18px;}
    .intitle2{font-size: 14px;margin-bottom: 30px;}
    .detail-content{font-size: 14px;}
    .switch a{font-size: 16px;float: none;display: block;max-width: 100%;}
    .switch{margin-top: 20px;}
    .rightbar{margin-top: 20px;padding: 30px 15px;}
    .rightbar .tt{font-size: 20px;padding-bottom: 20px;}
    .inlist2 li .t1{font-size: 16px;max-height: none;text-overflow: ellipsis;white-space: nowrap;}
    .inlist2 li .t2{font-size: 14px;max-height: 46px;}
    .inlist2 li{padding: 20px 0;}
    .location{font-size: 14px;margin-bottom: 20px;}
    .aboutcon{padding: 50px 15px;}
    .about-tabs a{font-size: 16px;height: 42px;line-height: 42px;margin-right: 20px;}
    .aboutcon .texts .tt{font-size: 24px;margin-bottom: 20px;}
    .joinmask .content{padding: 40px 20px;}
    .joinmask .close{width: 40px;height: 40px;line-height: 40px;top: 0;right: 0;}
    .joinmask .name{font-size: 20px;padding-bottom: 10px;margin-bottom: 10px;}
    .joinmask .price{font-size: 16px;}
    .joinmask .brief{font-size: 14px;line-height: 2;max-height: 350px;}
}
@media screen and (max-width: 640px) {
    .banner li{height: 242px;}
    .banner li .content{top: 80px;}
    .banner li .state{font-size: 18px;max-width: 60%;}
    .subbanner{padding: 110px 15px 0;height: 230px;}
    .subbanner .t1{font-size: 24px;margin-bottom: 6px;}
    .subbanner .t2{font-size: 18px;}
    .inlist1 li{float: none;width: 100%;padding: 0;margin-bottom: 20px;}
    .inlist1{margin: 0;}
    .inlist1 li .t2{font-size: 14px;height: 46px;}
    .footnav a{margin-right: 20px;}
    .foottop .logo img{max-height: 36px;}
    .footnav{margin-top: 5px;}
    .foottop{padding-bottom: 5px;margin-bottom: 10px;}
    .footer{padding: 30px 15px;}
    .footinfo .codes{margin-top: 10px;}
    .mlist03 li{width: 100%;padding: 0;}
    .mlist03{margin: 0;}
    .rightcon{padding: 15px;}
    .mlist03 li a{padding: 0;}
    .mlist3 li .t1{height: auto;}
    .mlist02 li{width: 100%;padding: 0;margin-bottom: 30px;}
    .mlist02{margin: 0;}
    .honor-swiper li a{padding: 0;}
    .honor{padding: 50px 8px 60px;}
    .inlist3 li a{padding: 15px;}
    .joinus{padding: 50px 10px;}
    .inlist3 li .t1{font-size: 18px;padding-bottom: 10px;}
}

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

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