@charset "utf-8";
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    
.lg_1660{width: 92%;padding: 0 4%;}
    
}
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
    .about_left{padding: 30px 0;}
    .about_left .text b{font-size: 30px;}
    .about_right{margin-right: 0px;} 
    .foot_top .foot_left{width: 660px;}
    
}
@media screen and (max-width:1366px){
    .lg_1260{width: 92%;padding: 0 4%;}
    
}
@media screen and (max-width:1300px){
    .box_right{width: 880px;}
    .product_top .tct{width: 450px;}
    .news_lists ul li.active .tct{width: 350px;}
    .news_lists ul li span.tit{width: 645px;}
}
@media screen and (max-width:1200px){
    body,
    html {
        overflow-x: hidden !important;
    }

    .pt-100,
    .pt-90,
    .pt-80,
    .pt-70,
    .pt-60,
    .pt-50,
    .pt-40,
    .pt-30 {
        padding-top: 20px;
    }

    .pb-100,
    .pb-90,
    .pb-80,
    .pb-70,
    .pb-60,
    .pb-50,
    .pb-40,
    .pb-30 {
        padding-bottom: 20px;
    }

    .sj_menu {
        display: block;
        width: 30px;
        height: 30px;
        margin: 0 auto;
        right: 4%;
        top: 20px;
        position: absolute;
    }

    .sj_menu span {
        width: 20px;
        height: 3px;
        display: block;
        margin: 13.5px auto;
        transition: all 1s;
        position: relative;
        background: #002c80;
    }

    .sj_menu span::after,
    .sj_menu span::before {
        content: "";
        display: block;
        width: 20px;
        height: 3px;
        background: #002c80;
        transition: all 1s;
        position: absolute;
    }

    .sj_menu span::after {
        bottom: -6px;
    }

    .sj_menu span::before {
        top: -6px;
    }

    .son .sj_menu span {
        position: relative;
        transform: rotate(45deg);
        transition: all 1s;
    }

    .son .sj_menu span::before {
        transform: rotate(90deg);
        top: 0px;
        position: absolute;
        transition: all 1s;
    }

    .son .sj_menu span::after {
        display: none;
    }

    .son .head_right {
        transition: all 1s;
        transform: translateX(0);
    }

    header h1{line-height: 65px;text-align: left;}
    header h1 img{width: 80%;}
   .head_right {position: absolute;right: 0;top: 65px; transform: translateX(100%);width: 80%;background: #002c80; transition: all 1s;height:85vh;}
   header .head_right ul li{display: block;line-height: 36px;text-align: left;}
   header .head_right ul li a{color:#fff;}
   header .head_right ul li::before{display: none;}
   .lg_wrap{padding-top: 65px;}
   .about_left .text p{height: 70px;overflow-y: scroll;}
   .bar{background-size: cover !important;}
   .box_left,
   .box_right{width: 100%;float: none;margin: 0 auto 20px;}
   .box_left::before, .box_left::after{display: none;}
   .crumbs{display: none;}

   .foot_top .foot_left{display: none;}
    .foot_top .foot_right,
    .foot_con,
    .foot_ewm{width: 100%;margin: 0 auto;float: none;}
    .foot_btm p a{display: block;}
   .product_list ul{grid-gap: 20px;}

}
@media screen and (max-width:1024px){
    
    
}
@media screen and (max-width:768px){
    
    .product_hot ul{grid-template-columns: repeat(3, 1fr);}
    .solution_list ul{grid-template-columns: repeat(2, 1fr);}
    .news_list ul li .right{width: 100%;}
    .about_left .text p{display: none;}
    .about_left .text em{margin-top: 20px;}
    .product_top .pic{width: 300px;height:300px;line-height: 300px;margin: 0 auto;float: none;}
    .product_top .tct{float: none;width: 100%;}
    .product_top .tct h4{padding-top: 20px;}
    .product_top .tct p{padding-top: 20px;}
    .product_top .tct h4{font-size: 20px;}
    .news_lists ul li.active .pic,
    .news_lists ul li.active .tct{float: none;width: 100%;padding: 0;height: auto;}
    .news_lists ul li span.tit{width: 470px;}
    .news_lists ul li.active .tct h4{font-size: 20px;}
}
@media screen and (max-width:640px){
    .swiper-container-banner,
    .swiper-container-banner .swiper-slide a{height:190px;}
    .swiper-container-banner .swiper-bg{background: none;width: 100%;height: auto;margin: 0 auto;top: auto;bottom: 5px;text-align: center;}
    .swiper-container-banner .swiper-bg .swiper-pagination-banner{width: 100%;background: none;height: auto;padding: 0;position: static;margin: 0 auto;}
    .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet{display: inline-block;vertical-align: top;margin: 5px;}

    .product{background: none;}
    .product_item ul,
    .product_hot ul,
    .solution_list ul,
    .news_list ul,
    .product_list ul,
    .solution_lists ul{grid-template-columns: repeat(1, 1fr);}
    .about{height: auto;background: none !important;}
    .about_left{float: none;width: 100%;margin: 0 auto 20px;}
    .about_left .text p{display: block;height: auto;margin: 20px auto;}
    .about_right{display: none;}
    .solution_list ul li p{font-size: 16px;}
    .news_list ul li .left{float: none;margin: 0 auto;}
    .news_list ul li .right{float: none;padding: 20px;position: relative;top: 0;left: 0;right: 0;margin-right: -20px;}

    
    header h1 img{width: 50%;}
    .page{padding: 5px 0;}
    .bar{height: 150px;}
    .product_btm .tit{margin: 20px auto;}
    .return{margin: 20px auto;}
    .turn_page dl dd{padding: 0;display: block;}
    .turn_page dl dd a{width: 100%;}
    .box_left{padding-top: 0;}
    .box_left ul li{font-size: 16px;line-height: 40px;}
    .box_left ul li a{padding: 0;}
    .join_list ul li{padding-bottom: 15px;margin-bottom: 15px;}
    .join_list ul li p span{display: block !important;width: 100% !important;padding: 10px 0 0;}
    .join_list ul li p em{margin-top: 10px;}

    .news_lists ul li{width: 100%;display: block;margin-bottom: 15px;}
    .news_lists ul li span{width: 100%;display: block;margin: 0 auto;}
    .news_lists ul li span.time{line-height: 30px;margin: 0;}
    .news_lists ul li span.tit,
    .news_lists ul li span.more{width: 100%;text-align: left;line-height: 30px;}
    .news_lists ul li span.tit{font-size: 14px;}
    .news_lists ul li span.time b{font-size: 20px;}
    .news_tit h3{font-size: 20px;}
    .box_left ul li ul li,
    .box_left ul li ul li ul li{line-height: 30px;}

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