@charset "UTF-8";
@media screen and (max-width: 1440px){
    .fw14{ width: 1240px; padding: 0 20px;}
    .fw{ width: 1240px;padding: 0 20px;}
    .new_plist li{height: 290px;}
    .mlist1 li .date{font-size: 14px;}
    .mlist1 li .tt{font-size: 15px;}
    /* .mbox2 .right{} */
    .mlist1{padding: 24px 28px 25px;}
    .mlist1 li+li{margin-top: 23px;}
    .rightnav{right: 10px;}
    .mlist2 li .con{padding: 18px 15px;}
    .mlist2 li .date{margin-bottom: 15px;font-size: 14px;}
    .mlist2 li .tt{margin-bottom: 15px;font-size: 15px;}
    .mlist2 li .look{font-size: 14px;}
}
@media screen and (max-width: 1300px){
    .honor_wrap{margin: 0;}
    .nav li{margin: 0 20px;}
    .rightnav{right: 10px;}
    .leftbar{width: 300px;}
    .leftbar2{width: 260px;}
}
@media screen and (max-width: 1240px) {
    .fw{ width: 1020px;}
    .fw14{width: 1020px;}
    .contact .fw{padding: 0;}
    .nav li {margin: 0 14px;}
    .banner li .content{left: 0;margin-left: 0;width: 100%;padding: 0 20px;}
    .banner li .content .t1{font-size: 42px;}
    .banner li .content .t2{font-size: 28px;}
    .header .logo img{max-height: 60px;}
    .banner .swiper-pagination{bottom: 15px;}
    .aboutbox .abox2 .content li{padding: 30px;}
    .footnav a{font-size: 14px;margin-left: 30px;}
    .footnav{margin-top: 12px;}
    .footer .fbottom{display: block;}
    .footer .fbottom .wzs{font-size: 12px;line-height: 2;}
    .footer .fbottom a{font-size: 12px;}
    .leftbar{width: 280px;}
    .leftbar2{width: 240px;}
    .new_plist{flex-wrap: wrap;}
    .new_plist{margin-bottom: 0;}
    .new_plist li{margin-bottom: 20px;}
    .new_plist li.w1{width: 100%;}
    .new_plist li.w2{width: 50%;}
    .new_plist li.w1 .pic img{display: block;}
    .new_plist li.w1 .pic .img{display: none;}
    .new_plist li.w1{height: auto;}
    .imgnews{float: none;width: 100%;}
    .mbox2 .right{margin-top: 30px;padding-left: 0;}
    .mlist1 li .tt{height: auto;}
    .mlist2 li{padding: 0 10px;}
    .mlist2{margin: 0 -10px;}
    .honor_list li{padding: 0 10px;margin-bottom: 20px;}
    .honor_list{margin: 0 -10px;}
    .honor_list li .con{padding: 12px 8px;}
    .comnews_list li a{padding: 40px 15px 20px;}
    .nav li:last-child{margin-right: 20px;}
    .mbox2 .content{display: block;}
    
}
@media screen and (max-width:1040px) {
    .fw{ width: 100%;}
    .fw14{width: 100%;}
    .header {height: 60px;padding:0;top: 0;}
    .hcut{height: 90px;}
    .header .logo {
        display: block;
        position: relative;
        text-align: center;
        float: none;
        height: 60px;
        line-height: 60px;
    }
    .header .logo img {height: 40px; }
    .nav {
        float: none;
        position: fixed;
        height: 100%;
        top: 0;
        width: 220px;
        background: #fff;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .2);
        padding: 42px 10px 20px;
        right: -100%;
        opacity: 0;
        visibility: hidden;
        transition: all .8s ease;
        z-index: 9;
    }
    .nav li {
        margin: 0;
        width: 100%;
        float: none;
        padding: 0 20px 0 30px;
        margin-bottom: 10px;
    }
    .nav li .item {
        color: #333;
        display: inline-block;
        height: 48px;line-height: 48px;
        font-size: 16px;
    }
    .nav li .item::after{bottom: 0;}
    .navbtn {display: block;}
    .aboutbox .abox2 .title{width: 100%;float: none;margin-bottom: 30px;}
    .banner li .content .t1{font-size: 28px;}
    .banner li .content .t2{font-size: 18px;}
    .mbox1 .list{display: block;margin-bottom: 0;padding-bottom: 30px;}
    .mbox1 .list li{width: 100%;max-width: 100%;margin-bottom: 20px;}
    .mbox1 .left{float: none;width: 100%;}
    .mbox1 .img{padding-left: 0;text-align: center;}
    .company_swiper li .img{width: 250px;}
    .company_wrap{padding: 50px 80px;}
    .company_wrap .prev{left: 17px;}
    .company_wrap .next{right: 17px;}
    .aboutbox .abox1 .right{padding-left: 40px;}
    .subcompany .clist .img{width: 310px;}
    .subcompany .clist li .con{padding-left: 20px;}
    .subcompany .clist li .name{height: 54px;line-height: 54px;}
    .subcompany .clist li .name img{margin-right: 4px;}
    .subcompany .clist li .links{top: 9px;}
    .subcompany .clist li .brief{max-height: 120px;}
    .product .plist li{width: 50%;}
    .product_detail{display: block;}
    .location{float: none;width: 100%;padding: 0 20px;margin-bottom: 20px;}
    .rightcon{padding-left: 0;}
    .rightcon2{padding: 0 20px;margin-top: 0;flex: none;}
    .newswrap .nlist li{padding: 0 10px;margin-bottom: 20px;}
    .newswrap .nlist{margin: 0 -10px;}
    .newswrap .nlist2 li{padding: 0 10px;}
    .newswrap .nlist2{margin: 0 -10px;}
    .newswrap .nlist2 li .img{width: 120px;}
    .newswrap .nlist2 li .img img{height: 110px;}
    .newswrap .nlist2 li .tt1{font-size: 16px;margin-bottom: 5px;}
    .newswrap .nlist2 li .date{padding-bottom: 7px;margin-bottom: 7px;}
    .relation_swiper2 li{float: none;padding: 0;width: 100%;}
    .relation_swiper2{margin: 0;}
    .joinlist li{float: none;width: 100%;padding: 0;}
    .joinlist{margin: 0;}
    .joinlist li .con{height: auto;}
    .contact .left{float: none;height: auto; width: 100%;}
    .contact .map{height: 400px;}
    .leftbar{float: none;width: 100%;padding-bottom: 20px;}
    .leftbar .list{display: flex;flex-wrap: wrap;}
    .leftbar .list li{margin-right: 10px;margin-bottom: 10px;}
    .leftbar .title{margin-bottom: 15px;}
    .invite_list li .jobname{font-size: 16px;}
    .invite_list li .money{font-size: 16px;}
    .invite_list li .title{margin-bottom: 16px;}
    .invite_list li .dbtn{width: 90px;border-radius: 6px;}
    .invite_list li .city{font-size: 14px;}
    .invite_list li a{padding: 20px 12px;}
    .comnews_list li{width: 50%;}
    .leftbar .list li a{
        background-color: #e1e4eb;
        line-height: 50px;font-size: 14px;
        padding: 0 32px;
        color: #003333;
    }
    .leftbar .list li.active a{color: #fff;background-color: #24a1f8;}
}

@media screen and (max-width: 768px) {
    .fw {padding: 0 15px;width: 100%;max-width: 100%;}
    .fw14{padding: 0 15px;width: 100%;max-width: 100%;}
    .tophead .wrap{padding: 0 15px;}
    .banner li .content{padding: 0 10px;}
    .aboutbox .abox1 .left{float: none;width: 100%;}
    .aboutbox .abox1 .right{padding-left: 0;}
    .rightnav{right: 5px;}
    .rightnav a{width: 50px;padding: 10px 0;}
    .rightnav a span{margin-top: 3px;}
    .mbox1 .title .en{font-size: 24px;}
    .mbox1 .title .cn{font-size: 28px;}
    .mbox1{padding: 50px 0;}
    .mbox1 .title{margin-bottom: 30px;}
    .mbox1 .state{font-size: 14px;padding-bottom: 20px;margin-bottom: 30px;}
    .mbox1 .list li .tt img{max-height: 36px;}
    .mbox1 .list li .tt{font-size: 18px;height: 40px;line-height: 40px;}
    .mbox1 .list li .con{font-size: 14px;}
    .more{width: 130px;height: 40px;line-height: 40px;}
    .mbox2{padding: 50px 0;}
    .mtitle .cn{font-size: 26px;}
    .mtitle .en{font-size: 14px;}
    .mtitle{margin-bottom: 30px;}
    .mbox2 .more{margin-top: 30px;}
    .mbox3{padding: 50px 0 190px;}
    .mtabs{margin-bottom: 20px;}
    .mtabs a{font-size: 14px;padding: 0 10px;margin: 0 5px 10px;height: 32px;line-height: 32px;}
    .company_swiper li .img{width: 200px;}
    .company_wrap{padding: 50px 50px;}
    .company_wrap .prev{left: 10px;width: 30px;height: 30px;line-height: 30px;font-size: 16px;}
    .company_wrap .next{right: 10px;width: 30px;height: 30px;line-height: 30px;font-size: 16px;}
    .company_swiper li .con{padding-left: 20px;}
    .mbox4{padding: 50px 0;}
    .footer .ftop{padding: 15px 0;}
    .footer .ftop .logo{float: none;}
    .footer .ftop .logo img{max-height: 60px;}
    .footnav{float: none;}
    .footnav a{font-size: 12px;margin-left: 0;margin-right: 15px;}
    .footer .fbottom{display: block;padding: 15px 0;}
    .footer .fbottom .wzs{width: 100%;max-width: 100%;font-size: 12px;line-height: 1.8;}
    .aboutbox .abox1 .title{margin-bottom: 30px;}
    .aboutbox .abox1{padding: 50px 0;}
    .aboutbox .title .cn{font-size: 22px;}
    .aboutbox .title .en{font-size: 16px;}
    .aboutbox .abox2 .content li{padding: 30px 20px;}
    .aboutbox .abox3 .title{margin-bottom: 30px;}
    .honor_swiper li .tt{font-size: 16px;}
    .honor_wrap .iconfont{width: 30px;font-size: 18px;}
    .honor_wrap{padding: 0 30px;}
    .aboutbox .abox3{padding: 50px 0 60px;}
    .subcompany .clist .img{float: none;width: 100%;text-align: center;margin-bottom: 10px;}
    .subcompany .clist li .con{padding-left: 0;}
    .subbanner{height: 300px;}
    .subcompany .title{font-size: 24px;margin-bottom: 25px;}
    .subcompany .clist li .links{padding: 0 10px;font-size: 12px;position: relative;top: 0;display: inline-block;margin-bottom: 10px;}
    .subcompany .clist li .links img{margin-right: 2px;}
    .subcompany .clist li .name{font-weight: bold; padding-right: 0;font-size: 14px;height: 50px;line-height: 50px;margin-bottom: 15px;}
    .subcompany .clist li{padding: 15px;}
    .product .plist li a{padding: 20px 15px;}
    .product .plist li .pic{height: 200px;line-height: 200px;}
    .product .plist li .name{font-size: 14px;margin-top: 5px;}
    .product .title{font-size: 24px;}
    .product_detail{padding: 30px 0;}
    .dimg_wrap{padding: 0 30px;}
    .dimg_wrap .iconfont{width: 30px;text-align: center;font-size: 16px;}
    .dimg_wrap .prev{padding-left: 0;}
    .dimg_wrap .next{text-align: center;padding-right: 0;}
    .product_detail .name{margin: 20px 30px;font-size: 18px;}
    .product_detail .detail{padding: 0 30px;margin-bottom: 20px;}
    .dtable{padding: 0 30px;}
    .dtable table td{padding: 10px 5px;}
    .rightcon2 .dtitle{font-size: 18px;margin-bottom: 15px;}
    .rightcon2 .date{margin-bottom: 20px;}
    .rightcon2 .ndetail{font-size: 14px;min-height: 300px;}
    .newswrap .nlist li{float: none;width: 100%;padding: 0;}
    .newswrap .nlist{margin: 0;}
    .newswrap .nlist li .tt1{font-size: 16px;padding-bottom: 10px;margin-bottom: 10px;}
    .newswrap .nlist li a{padding: 10px;}
    .newswrap .nlist2 li{float: none;width: 100%;padding: 0;}
    .newswrap .nlist2{margin: 0;}
    .intabs a{font-size: 16px;}
    .intabs a span{padding: 15px 0;}
    .joinlist li a{padding: 15px;}
    .joinlist li .tt{font-size: 18px;margin-bottom: 15px;}
    .joinstate .t1{font-size: 18px;margin-bottom: 15px;}
    .joinlist2 li .tt .date{font-size: 12px;}
    .joinlist2 li .tt{padding-right: 72px;}
    .contact .map{height: 300px;}
    .contact .left .tt{font-size: 18px;padding-bottom: 15px;}
    .contact .left .list{padding: 20px 0;}
    .contact .left .list li+li{margin-top: 10px;}
    .contact .left{padding: 20px 15px 10px;}
    .contact{padding: 140px 15px 30px;background-size: auto 240px;}
    .leftbar .title .cn{font-size: 20px;margin-bottom: 4px;}
    .leftbar .title .en{font-size: 20px;}
    .detail_content .name{font-size: 20px;padding-bottom: 15px;margin-bottom: 15px;}
    .culture .list li .tt{font-size: 18px;}
    .culture .list li{padding: 20px;}
    .culture .list li .brief{font-size: 14px;}
    .new_plist li .t2{font-size: 14px;}
    .new_plist li .t1{font-size: 16px;}
    .new_plist li .t3 span{font-size: 14px;}
    .new_plist li .con{padding: 10px;}
    .new_plist li .t3{bottom: 0;opacity: 1;visibility: visible;}
    .new_plist li{height: 284px;}
    .mlist2 li .con{padding: 15px 10px;}
    .mlist2 li .tt{font-size: 16px;margin-bottom: 10px;}
    .mlist2 li .date{font-size: 14px;margin-bottom: 12px;}
    .mlist2 li .look{font-size: 14px;}
    .mbox2 .right{margin-top: 20px;}
    .detail_content .name2{font-size: 20px;margin-bottom: 20px;}
    .culture .cimg{margin-top: 20px;}
    .invite_list li{float: none;width: 100%;padding: 0;}
    .invite_list{margin: 0;}
    .companyimg{padding: 10px;}
    .pages{padding: 16px 10px;}
    .comnews_list li .title{font-size: 16px;height: 50px;}
    .comnews_list li .date{font-size: 14px;}
    .comnews_list li .type{font-size: 12px;}
    /* .mbox2 .content{padding: 0 15px;} */
    
}
@media screen and (max-width: 640px) {
    .banner li .content .t1{font-size: 16px;margin-bottom: 0;}
    .banner li .content .t2{font-size: 12px;}
    .banner li .content{padding: 20px 10px 0;}
    .banner .swiper-pagination{bottom: 5px;}
    .banner .swiper-pagination-bullet{width: 48px;height: 3px;}
    .company_swiper li .img{float: none;width: 100%;height: 120px;line-height: 120px;}
    .company_swiper li .con{padding-left: 0;margin-top: 20px;}
    .company_swiper li .tt1{font-size: 20px;}
    .company_swiper li .state{margin-bottom: 14px;}
    .pages a{width: 32px;height: 32px;line-height: 32px;margin: 0 6px;}
    .switch a{display: block;width: 100%;text-align: left;font-size: 14px;height: 34px;line-height: 34px;}
    .switch{padding-bottom: 20px;}
    .newswrap .nlist2 li .tt1{font-size: 14px;}
    .culture .list li{width: 100%;}
    .culture .list li.xscolor{background-color: #f7f7f7;}
    .culture .list li.xscolor2{background-color: #efefef;}
    .hasbgcolor{padding-bottom: 50px;}
    .detail_content .detail{font-size: 14px;}
    .mlist2 li{float: none;width: 100%;padding: 0;margin-bottom: 20px;}
    .mlist2{margin: 0;}
    .new_plist li{height: auto;padding: 0 5px;margin-bottom: 10px;}
    .new_plist{margin: 0 -5px;}
    .new_plist li.w2 .pic img{display: block;}
    .new_plist li.w2 .pic .img{display: none;}
    .new_plist li .t2{font-size: 12px;}
    .new_plist li .t1{font-size: 14px;}
    .new_plist li .t3{display: none;}
    .mtitle .cn{font-size: 24px;}
    .mlist1 li .tt{font-size: 16px;}
    .mlist1 li .date{font-size: 14px;}
    /* .mbox2 .right{padding: 20px 15px;} */
    .mlist1{padding: 20px 15px;}
    .mbox5 .more{margin-top: 20px;}
    .mbox5{padding-top: 30px;}
    .nav li{margin-bottom: 4px;}
    .honor_list li{width: 50%;}
    .honor_list li .tt{font-size: 14px;}
    .invite_list li{margin-bottom: 15px;}
    .invite_list li .state{padding-top: 10px;}
    .invite_list li .title{margin-bottom: 10px;}
    .comnews_list li{width: 100%;padding: 0;}
    .comnews_list{margin: 0;}
    .comnews_list li .brief{height: auto;font-size: 14px;margin-top: 10px;}
    .comnews_list li .title{height: auto;margin-bottom: 8px;}
    .comnews_list li .line{margin-top: 15px;}
    .comnews_list li .date{margin-bottom: 6px;}
    .comnews_list li a{padding: 10px;}
    .comnews_list{padding-top: 30px;}
    .leftbar .list li{width: 50%;padding: 0 5px;margin-right: 0;}
    .leftbar .list li a{width: 100%;padding: 0 4px;text-align: center;}
    .mbox2 .mlist2{margin: 0;}
}

@media screen and (max-width: 540px) {
    .relation_swiper li .img{width: 144px;}
    .relation_swiper li .t1{font-size: 18px;margin-bottom: 10px;}
    .relation_swiper li .state{line-height: 1.5;font-size: 14px;margin-bottom: 15px;}
    .relation_swiper li .more2{height: 32px;line-height: 32px;width: 100px;}
    .relation_swiper li .con{padding: 20px 15px;}
    .relation_swiper .swiper-pagination{margin-top: 30px;}
    .aboutbox .abox2 .content li{float: left;width: 100%;}
    .aboutbox .abox2 .content li .con{height: auto;font-size: 14px;}
    .aboutbox .abox2 .content li.onbg{background-color: #fff;}
    .aboutbox .abox2 .content li:nth-child(2n){background-color: #f9fafe;}
    .aboutbox .abox2 .content li .t1{font-size: 18px;}
    .product .plist li .pic{height: 150px;line-height: 150px;}
    .product .plist li{padding: 0 5px;margin-bottom: 10px;}
    .product .plist{margin: 0 -5px;}
    .subbanner{height: 240px;}
    .honor_list li{padding: 0 5px;margin-bottom: 10px;}
    .honor_list{margin: 0 -5px;}
}

@media screen and (max-width: 440px) {
    .relation_swiper li .img{width: 120px;}
    .honor_swiper li .tt{font-size: 14px;padding: 10px 5px;}
    .subbanner{height: 190px;}
}

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