@charset "utf-8";
@media screen and (max-width:1800px){
    
}
@media screen and (max-width:1680px){
    
    
}
@media screen and (max-width:1600px){
    
}
@media screen and (max-width:1500px){
    header h1{max-width: 150px;}
    .head_tel p strong{font-size: 22px;}
    

    .box_con{padding: 0 60px;}
    .swiper-container-banner{height: 630px;}
    .box_title h3{font-size: 36px;}
    .industry_item ul li{margin-left: 50px;}
    .industry_item ul li a span{width: 30px;height: 30px;}
    .industry_list .tab{margin-bottom: 60px;}
    .industry_list .tab .tab_tit ul li h3{font-size: 18px;line-height: 30px;}
    .industry_list .tab .tab_tit ul li p{font-size: 14px;line-height: 24px;}
    .industry_list .tab .tab_tit,
    .industry_list .tab .tab-con,
    .industry_list .tab .tab-con-item .pic{height: 500px;}
    .product, .about, .qualifications{padding: 30px 0;}
    .product_left{min-height: 470px;}
    .product_left ul li{font-size: 15px;line-height: 24px;}
    .product_list ul li {width: calc(100% / 3 - 20px);margin-right: 30px;}
    .product_list ul li .pic{height: 230px;}
    .product_list ul li .tct h3{font-size: 18px;line-height: 30px;}
    .product_list ul li .tct em,
    .news_list ul li .tct em{font-size: 16px;line-height: 40px;width:100%}
    .about_left .about_txt{font-size: 14px;line-height: 24px;}
    .about_item{margin: 40px auto;}
    .about_item ul li p b{font-size: 30px;}
    .about_item ul li span{width: 35px;height: 35px;}

    .foot_center .foot_left dl{margin-right: 60px;}
    .foot_center .foot_left dl dt{font-size: 18px;}
    .foot_center .foot_left dl dd{padding-bottom: 10px;}
    .foot_center .foot_left dl dd a{font-size: 14px;}
    .foot_center .foot_right ul li{margin-left: 20px;}
    .foot_center .foot_right ul li span{width: 100px;height: 100px;}
    
    .foot_dz dl dt{font-size: 18px;line-height: 30px;}
    .foot_dz dl dd em{width: 30px;height: 30px;}
    .foot_dz dl dd p{max-width: auto;}
    .foot_dz dl dd p strong{font-size: 20px;}
    .foot_dz dl dd p abbr{font-size: 14px;}
    .foot_btm p{font-size: 14px;}
    
    .main_con,
    .about_items{padding: 30px 0;}

    .bar{height: 450px;}
    .bar_wz h3{font-size: 30px;}
    .bar_wz span{margin: 10px 0;}
    .bar_wz p{font-size: 14px;}

    .about_nav ul li a{font-size: 20px;}
    .main2_title h3{font-size: 30px;}
    .mains_text p{font-size: 14px;}

    .about_items ul li p b{font-size: 30px;}
    .about_items ul li p sub{font-size: 20px;}
    .about_items ul li span{font-size: 16px;}
    .swiper-container-honor .swiper-slide .tit{font-size: 16px;}
    
    .main_title h3{font-size: 24px;line-height: 30px;}
    .product_left_tit h3{font-size: 30px;}
    .product_contact .items ul li p em{font-size: 20px;}
    .product_contact .items ul li p b{font-size: 30px;}
    .product_contact .items ul li p abbr{font-size: 16px;}
    .product_contact .items ul li p{max-width: 400px;}
    .product_contact .items ul li span{width: 30px;height: 30px;}
    .swiper-container-view .swiper-slide .view_left span{width: 30px;height: 30px;}
    .swiper-container-view .swiper-slide .view_left h3{font-size: 18px;}
    .news_list ul li .tct p{font-size: 18px;line-height: 30px;}
    .news_list ul li{margin-bottom: 30px;}

    .news_title h3{font-size: 30px;}

    .information_items ul li p span{font-size: 20px;}
    .information_items ul li p b{font-size: 30px;}
    .information_items ul li p{font-size: 16px;}
    .address .tab_tit ul li .tct h3{font-size: 20px;line-height: 30px;}
    .address .tab_tit ul li .tct p{font-size: 16px;line-height: 24px;}
    .address .tab_tit ul li .tct p span{font-size: 14px;line-height: 24px;display: block;}

    .address .tab_tit{width: 500px;height: 450px;padding: 30px;}
    .address .tab_tit ul{height: 370px;}
    .address .tab_tit ul li .tct{width: 400px;}
    .address .tab_con .tab-con-item{height: 620px;}

}
@media screen and (max-width:1366px){
    .box_con2{width: auto;padding: 0 60px;}
    .news_list ul li{width: 365px;}
    .news_list ul li .pic{height: 225px;}
    .pops_con{width: 80%;padding: 30px;}
    .pops_tit{font-size: 30px;}
    .pops_bd p input,
    .pops_bd p button{height: 40px;line-height: 40px;}
    .pops_bd p button{width: 150px;font-size: 18px;}
    .pops_bd p span{font-size: 18px;}
    
}
@media screen and (max-width:1280px){
  
}
@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;
    }
    
}
@media screen and (max-width:1024px){
    
    
}
@media screen and (max-width:768px){
    header h1,
    .fixeds header h1{line-height: 65px;max-width: 130px;}
    .head_search,
    .head_tel{display: none;}
    .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: ease-in 1s;position: relative;background: var(--mainColor);}
    .sj_menu span::after,
    .sj_menu span::before{content: "";display: block;width:20px;height:3px;background: var(--mainColor);transition: ease-in 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: ease-in 1s;}
    .son .sj_menu span::before{transform: rotate(90deg);top:0px;position: absolute;transition: ease-in 1s;}
    .son .sj_menu span::after{display: none;}
    .nav{position: absolute;top: 65px;right: 0;z-index: 12;transform: translateX(100%);transition: ease-in 0.5s;}
    .son .nav{transform: translateX(0%);transition: ease-in 0.5s;}
    nav ul li::after,
    nav ul li:hover::after, nav ul li.active::after{display: none;}
    nav{display: block;width: 100%;}
    nav ul li{width: 100%;}
    nav ul li>a{line-height: 40px;margin: 0 auto;text-align: left;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
    .language dl dt{display: none;}
    .language dl dd{position: static;height: auto;margin: 15px auto;background: none;}
    .language dl dd a{display: inline-block;padding: 0 15px;margin-right: 10px;background: var(--fontColorf);}

    .box_con,
    .box_con2{padding: 0 4%;}
    
    .lg_wrap{padding-top: 65px;}
    
    .swiper-container-banner{height: 330px;}
    .swiper-container-banner .swiper-button{display: none;}
    .industry .box_title{padding: 30px 0;}
    .industry_item ul li{width: 45%;margin: 20px auto;}

    .industry_list .tab{margin-bottom: 30px;}
    .industry_list .tab .tab_tit{position: static;height: 350px;}
    .industry_list .tab .tab-con, .industry_list .tab .tab-con-item .pic{height: 185px;}
    .industry_list .tab .tab_tit ul li{width: 50%;}
    .industry_list .tab .tab_tit ul li a{padding: 20px;width: 100%;background: rgba(9, 82, 182, 0.3);}
    .industry_list .tab .tab_tit ul li p,
    .industry_list .tab .tab_tit ul li span,
    .industry_list .tab .tab_tit ul li em{display: none;}

    .product_con{display: block;}
    .product_left,
    .product_right{width: 100%;padding: 20px;min-height: auto;}
    .product_list ul li .pic{height: 165px;}
    .product_list ul li .tct em,
    .news_list ul li .tct em{width: 120px;}
    .product_con .more{position: static;}
    .product_con .more em{background: var(--mainColor);color: var(--fontColorf);margin: 20px auto;}

    .about_item ul li{width: 45%;margin: 20px auto;}
    .about_item ul li:last-child,
    .about_item ul li:nth-child(2n){border-right: 0;padding-right: 0;}

    #certify .swiper-slide{width: 180px;height: 236px;}
    #certify .swiper-button-prev, #certify .swiper-button-next{width: 35px;height: 35px;}

    .foot_center .foot_left{display: none;}
    .foot_center .foot_right{width: 100%;border-left: none;}
    .foot_center .foot_right ul{justify-content: center;}

    .foot_dz dl dt{display: block;width: 100%;}
    .foot_dz dl dd{width: 100%;}

    .bar{height: 260px;}
    .abouts_con .abouts_left, .abouts_con .abouts_right{width: 100%;}
    .abouts_con .abouts_right{display: none;}
    .about_items ul li{width: 50%;margin: 10px auto;}
    .swiper-container-honor{padding: 30px;}
    .main_con .product_con .product_right{padding: 0;margin-top: 30px;}
    .product_about .product_about_right{display: none;}
    .product_about .product_about_left{width: 100%;}
    .main_title h3{padding-left: 20px;}
    .product_about .product_about_left .mains_text{padding-left: 20px;}
    .product_item{padding: 20px 0;}
    .product_contact .items{padding: 20px 0 0;}
    .product_contact .items ul li{width: 100%;}
    .swiper-container-view{padding: 20px 0 0;}
    .swiper-container-view .swiper-slide .view_left{padding: 20px;}
    .swiper-container-view .swiper-slide a{height: 260px;}
    .swiper-container-view .swiper-slide .view_left h3{line-height: 24px;margin: 15px auto;}
    .swiper-container-view .swiper-slide .view_left em{display: none;}

    .news_list ul li{width: 48%;}

    .address .tab_con .tab-con-item{height: 330px;}
    .address .tab_tit{width: 300px;height: 260px;top: 30px;left: 4%;}
    .address .tab_tit ul{height: 210px;}
    .address .tab_tit ul li .ico{display: none;}
    .main2_title h3::after{margin: 20px 0;}

    nav ul li dl,
    nav ul li:hover dl{width: 100%;position: static;height: auto;padding: 15px;box-sizing: border-box;}
    nav ul li dl dt{display: none;}
    nav ul li dl dd{width: 100%;max-width: 100%;}
    nav ul li dl dd a{margin-bottom: 15px;}
}
@media screen and (max-width:640px){
   
    .swiper-container-banner{height: 165px;}
    .swiper-container-banner .swiper-pagination-banner{bottom: 15px;width: 100%;left: 0;text-align: center;}
    .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet{width: 10px;height: 10px;}

    .industry_item ul li{width: 100%;border:1px solid var(--fontColord);max-width: 100%;margin: 10px auto;padding: 20px 0;}
    .industry_item ul li a p{font-size: 16px;}
    .industry_list .tab .tab_tit ul li{width: 100%;}
    .industry_list .tab .tab_tit ul li h3{font-size: 16px;line-height: 24px;}
    .box_title h3{font-size: 24px;}
    .product .box_title,
    .about .box_title{padding-top: 0;}
    .product_list ul li{width: 100%;}
    .product_list ul li .pic{height:auto;}
    .about_left,
    .about_right{width: 100%;}
    .about_left .more em, .qualifications .more em{margin: 20px 0;}
    .about_item ul li p b{font-size: 24px;}
    .about_item ul li p em{font-size: 16px;}
    .about_item{margin: 20px auto;}
    .foot_top p a{width: 25px;height: 25px;display: inline-block;}

    footer{padding-top: 20px;}
    .foot_top h2{max-width: 150px;}
    .foot_dz dl dd p{max-width: 280px;}
    .foot_btm p a{display: block;float: none;}
    .foot_center{padding: 20px 0;}
    .foot_center .foot_right ul li{margin: 0 10px;}

    .bar_wz h3{font-size: 20px;}
    .about_nav ul li a{font-size: 16px;line-height: 30px;}
    .about_nav ul li{padding: 0;width: 100%;}
    .about_nav ul li::after{display: none;}
    .information_items ul li{width: 100%;}
    .information_items ul li p b{font-size: 20px;}
    .address .tab_tit{position: static;padding: 20px;width: 100%;box-sizing: border-box;}
    .address .tab_con .tab-con-item{height: auto;}

    .bar{height: 170px;}
    .bar_wz span{margin: 0;}
    .information_items ul li p span,
    .address .tab_tit ul li .tct h3{font-size: 18px;}
    .page{padding: 0;}

    .news_title h3{font-size: 24px;}
    .news_title p span{display: block;}
    .news_title p span::after{display: none;}
    .lg_fy_con2 dl{padding-top: 30px;}
    .lg_fy_con2 dl dd{width: 100px;}
    .lg_fy_con2 dl dt{width: 100px;text-indent: 0;text-align: center;}
    .main_title h3{font-size: 18px;}
    .main_con .product_con{margin-top: 30px;}
    .product_left_tit h3{font-size: 20px;}
    .product_contact .items ul li{margin: 10px auto;}
    .product_contact .items ul li p{width: 280px;}
    .product_contact .items ul li p b{font-size: 20px;}
    .product_contact .items ul li p em{font-size: 18px;}
    /* .swiper-container-view .swiper-slide a{height: auto;} */
    .swiper-container-view .swiper-slide .view_left{width: 100%;}
    .swiper-container-view .swiper-slide .view_right{display: none;}
    .swiper-pagination-view{display: none;}
    .main2_title h3{font-size: 20px;}
    .swiper-container-honor .swiper-slide .pic{height: 140px;}

}
@media screen and (max-width:414px){
    .news_list ul li{width: 100%;}
    .news_list ul li .pic{height: auto;}
}
@media screen and (max-width:375px){
   
}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){
    
}