@charset "utf-8"; 



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



    



}



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



    



    



}



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



    .banner, .swiper-container-banner,



    .swiper-container-banner .swiper-slide a{height: 600px;}



    .head_top{height: 80px;}



    .head_top .logo{line-height: 80px;max-width: 214px;}



    .head_nav .nav>ul>li>a,



    .head_nav .lang dl dt{line-height: 50px;}

    .head_nav .lang dl dd{top: 50px;}



    .product .items .item{padding: 50px 30px;}



    .product .items .item .pic{height: 300px;line-height: 300px;}



    .product .items .item .tct .txt h3{font-size: 24px;}



    .head_nav .nav>ul>li ul{top: 50px;}







    .box_title h3{font-size: 24px;}



}



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



   



}



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



  



}



@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){



    .box_con{width: 94%;}



    .banner, .swiper-container-banner, .swiper-container-banner .swiper-slide a{height: 440px;}



    .about_right .items .item span{width: 30px;height: 30px;}



    .about{background: none !important;}



    .swiper-container-device .swiper-slide .pic{height: 353px;line-height: 353px;}



    .product .items .item .tct{display: block;}



    .product .items .item .tct .txt{width: 100%;}



    .product .items .item .tct .txt h3{font-size: 18px;}



    .swiper-container-device .swiper-slide .tct h3{font-size: 18px;}



    .swiper-container-device .swiper-slide .tct{background-size: cover;height: auto;}



    .product .items .item .pic{height: 278px;line-height: 278px;}



    .news_left{width: 68%;}



    .news_right{width: 29%;}



    .news_left .items .item{width: 48%;}



    .news_left .items .item .tct{padding: 20px;}



    .news_right .items .item span{height: 82px;line-height: 82px;}



    



    .head_right{display: none;}



    .sj_menu{display: block;width:30px;height:30px;margin:0 auto;right: 2%;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;}



    .head_top{height: auto;}



    .head_top .logo{line-height: 65px;max-width: 120px;padding: 0 30px;}


    header{position: relative;}
    .head_nav{z-index: 11;width: 100%;left: auto;width: 90%;transform: translateX(100%);transition: ease-in 0.5s;}



    .son .head_nav{transform: translateX(0%);transition: ease-in 0.5s;}



    .head_nav .box_con{display: block;width: 100%;}



    .head_nav .nav>ul{display: block;background: rgba(28, 117, 240, 0.7);}



    .head_nav .nav>ul>li{text-align: left;}



    .head_nav .nav>ul>li>a{padding: 0 20px;}



    .head_nav .nav>ul>li>a, .head_nav .lang dl dt{line-height: 40px;}



    .head_nav .nav>ul>li>a::after{display: none;}



    .head_nav .nav>ul>li ul,



    .head_nav .nav>ul li:hover ul{position: static;display: block;width: 100%;padding: 0px 20px;box-sizing: border-box;background: none;}



    .head_nav .lang dl dt{display: none;}



    .head_nav .lang dl dd{display: inline-flex;position: static;}
    .head_nav .lang dl:hover dd{display: inline-flex;}



    .head_nav .lang dl dd a{width: 48%;display: block;text-align: center;}







    .bar,



    .bar .box_con{height:185px;justify-content: center;}



    .bar .box_con h3{font-size: 24px;}



    .product_title h3{font-size: 20px;}



    .crumbs{display: none;}



    .main{margin: 20px auto;}



    .main .box_con{flex-wrap: wrap;}



    .main_left ,



    .main_right{width: 100%;margin: 20px auto;}



    .main_right .main_title h3{font-size: 18px;}



    .main_right .mains_text{margin: 20px auto;padding-bottom: 20px;}



    .contact_con{margin: 0 auto 20px;}
    .contact_left,
    .contact_right{width: 100%;}
    .contact_right{margin-top: 20px;}
    .contact_right ul li{width:100%;}
    .contact_right ul li span{width: 100px;height: 100px;}
    .contact_right ul li p {width: calc(100% - 110px);}
    #certify{width: 100%;margin: 20px auto;}
    #certify .swiper-slide{width: 250px;}
    #certify .swiper-slide .pic{height: 260px;}
    #certify .swiper-slide p{font-size: 14px;}



    







}



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



    .head_top .logo{padding: 0 10px;}



    



    .banner, .swiper-container-banner, .swiper-container-banner .swiper-slide a{height: 200px;}



    .swiper-container-banner .swiper-button-next,



    .swiper-container-banner .swiper-button-prev{display: none;}



    .swiper-container-banner .swiper-pagination-banner{bottom: 15px;}



    .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet{width: 10px;height: 10px;}







    .about{padding: 20px 0;height: auto;}



    .about>.box_con>.box{display: block;}



    .about_left,



    .about_right{width: 100%;margin: 20px auto;}



    .about_left .items{height: auto;display: inline-flex;    flex-wrap: wrap;}



    .about_left .items .item{position: static !important;width: 48%;margin: 1% !important;}



    .about_left .items .item a{display: block;position: relative;}



    .about_right .box_title h3{font-size: 18px;line-height: 32px;}



    .about_right .mains_text{margin: 20px auto;}



    .about_right .items{flex-wrap: wrap;}



    .about_right .items .item{width: 50%;margin: 10px 0;}



    .about_left .items .item span img{height: 100%;max-width: 100%;}







    .device{padding:20px 0;}



    .swiper-container-device .swiper-slide .tct{width: 100%;box-sizing: border-box;padding: 20px;position: static;}



    .swiper-container-device .swiper-slide .pic{height: auto;line-height: initial;width: 100%;}



    .swiper-container-device .swiper-button-prev::after, .swiper-container-device .swiper-button-next::after{font-size: 20px;}



    .swiper-container-device .swiper-slide .tct h3{padding-bottom: 10px;}







    .product .items{flex-wrap: wrap;}



    .product .items .item{padding: 20px;box-sizing: border-box;width: 100%;}



    .product .items .item .pic img{max-width: 100%;height: 100%;}



    



    .news{padding: 20px 0;}



    .news .box_con,



    .news_left .items{flex-wrap: wrap;}



    .news_left,



    .news_right{width: 100%;margin: 20px auto;}



    .news_left .items .item{width: 100%;margin-bottom: 20px;}



    .news_left .items .item:last-child{margin-bottom: 0;}



    .news_left .items .item .pic{height: auto;line-height: initial;}



    .news_left .items .item .tct{margin: -10px 0 0 auto;width: 100%;}



    .news_right .items .item span{height: 100px;line-height: 100px;}



    



    footer{padding: 20px 0;}



    footer .box{display: block;}



    .foot_left{margin: 20px 0;}



    .foot_right{width: 100%;}



    .foot_right dl{display: none;max-width: 100%;padding-left:0;}



    .foot_right dl:last-child{display: block;}







    .product_items .item a{flex-direction: column;}



    .product_items .item .pic{margin: 20px auto;}



    .product_items .item .tct{width: 100%;}



    .product_items .item .tct h3{font-size: 18px;}



    .product_items .item{margin: 20px auto 0;padding: 0 0 20px;}







    .return{margin: 20px auto;}







    .contact_bd dl{flex-wrap: wrap;}



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



    .contact_bd dl dd input,



    .contact_bd dl dd textarea{margin-left: 0px;}







    .news_title{padding: 0 0 20px;}



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



    .news_title p span{display: block;}



    .return dl dt{margin-bottom: 20px !important;padding-bottom: 20px !important;border-bottom: 1px solid var(--fontColord) !important;}



    .return dl dd a{font-size: 14px;line-height: 24px;}



    .news_top{padding-bottom: 20px;}



    .news_top a{flex-wrap: wrap;}



    .news_top .pic{width: 100%;height: auto; line-height: initial;}



    .news_top .tct{margin: 0 auto;width: 100%;padding:20px;box-sizing: border-box;height: auto;}



    .news_top .tct h3{font-size: 18px;}



    .news_list .item em{display: none;}



    .news_list .item span{margin-right: 20px;}



    .news_list .item p{font-size: 16px;}



    .page{padding: 0;}



    .about_left .items .item p{width: 100%;z-index: 2;}



    .product .items .item .tct .ico{width: 30px;}



    .download_item .item{width: 100%;}
    .download_items .items .tct{padding: 20px 50px 20px 20px;}



}



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



   











}



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



    



}



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



   



}



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



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



    



}