@charset "utf-8";
@media screen and (max-width:1920px){
    .editor{line-height: 1.7708333333333335vw;}
}
@media screen and (max-width:1680px){
    
}
.sj_menu{display: none;}
@media screen and (max-width:1200px){
    

}
@media screen and (max-width:1024px){
    .bar2s .bar_con{bottom: 0;}
    .box_cons,
    .box_con{max-width: 100%;margin: 0 auto;width: 100%;padding: 0 4%;box-sizing: border-box;}
    .head_con{position: relative;z-index: 9;}
    header .logo{width: 150px;height: 55px;}
    header .logo a{width: 100px;}
    .stock{width: 50px;margin-left: 5px;padding-left: 5px;}
    .stock span, .stock b{font-size: 10px;line-height: 14px;}
    .head_right{width: calc(100% - 150px);}
    .head_right .head_nav{display: none;}

    .head_search, .head_lang, .head_menus{width: 32px;height: 32px;margin-left: 0;}
    .head_menus span{width: 18px;height: 2px;margin: 2px 0;}
    .head_menus span::before{width: 2px;height: 2px;}
    .bodyActive .head_menus span:nth-child(1),
    .bodyActive .head_menus span:nth-child(3){margin: -3.5px 3.5px;}
    .head_lang span, .head_search span{width: 20px;height: 20px;}
    .head_search{width: 110px;}
    .head_search span{display: none;}
    .head_lang .head_lang_items{top: 36px;}
    .head_lang .head_lang_items a{font-size: 14px;line-height: 30px;}
    .head_search .search_bd{width: 110px;display: block;position: static;}
    .head_search .search_form input{width: calc(100% - 32px);height: 32px;line-height: 32px;font-size: 14px;}
    .head_search .search_form button{width: 32px;height: 32px;}
    .head_search .search_form button span{width: 20px;height: 20px;}


    .sj_nav_left{display: none;}
    .sj_nav_right{width: 100%;padding: 60px 20px 20px;}
    .sj_nav_tit{font-size: 16px;}

    .sj_nav_items .item .item_left{width: 100px;}
    .sj_nav_items .item .item_left a{font-size: 14px;}
    .sj_nav_items .item .item_left a span{width: 10px;height: 10px;}
    .sj_nav_items .item .item_right{width: 100%;}
    .sj_nav_items .item .item_right a{font-size: 14px;margin:5px 20px 5px 0;}
    .sj_nav_items .item .item_right a span{width: 5px;height: 5px;}
    .sj_nav_info,
    .sj_nav_btm{display: none;}

    .editor img{width: auto !important;height: auto !important;}

    .bar{height: 510px;}
    .bar2{height: 300px;}
   
    
}
@media screen and (max-width:768px){
    .myBanner .swiper-slide a{height: 380px;}
    .myBanner_scroll{display: none;}
    .myBanner .swiper-pagination-banner .swiper-pagination-bullet{width: 12px;height: 12px;}
    
    .more{width: 100px;margin-top: 30px;}
    .more a{line-height: 36px;font-size: 14px;}
    .more a span{display: none;}
    .main_title .tit{font-size: 14px;}
    .main_title .tit span{width: 10px;height: 10px;}
    .index_about_left .index_about_con .tit{font-size: 18px;}
    .index_about_left .index_about_con .txt{font-size: 14px;line-height: 20px;}
    .index_about_top{padding: 20px 0;}
    
    .bar{height: 400px;}
    .bar2{height: 300px;}
    .bar_tit_cn{font-size: 22px;}
    .bar_tit_en{font-size: 18px;}
    .crumbs_home{font-size: 14px;}
    .crumbs_nav{font-size: 14px;}
    .main_titles .tit{font-size: 18px;}
    .main_titles .txt{font-size: 14px;}
    .about_btns{width: 120px;font-size: 14px;line-height: 30px;border-radius: 5px;}
    .about_trailer .trailer_btn{width: 120px;font-size: 14px;line-height: 30px;bottom: 20px;border-radius: 5px;}
    .about_trailer .trailer_btn span{display: none;}
    .trailer_pop .colse{width: 30px;height: 30px;right: 10px;top: 10px;}
    .trailer_pop .colse::before, .trailer_pop .colse::after{width: 12px;height: 2px;margin-left: -6px;}
    .about_right_tit{font-size: 16px;}
    .about_right_txt{font-size: 14px;margin: 10px 0;}
    .editor{font-size: 14px;line-height: 24px;}
    .culture_items .item{width: 100%;margin: 10px auto;height: 200px;}
    .culture_items .item .tct_tit{font-size: 20px;padding-top: 40px;margin-bottom: 20px;}
    .culture_items .item .tct_txt{font-size: 14px;width: 200px;}
    .culture_items .item .tct_tst,
    .culture_items .item.active .tct .tct_tst{font-size: 18px;}
    .culture_items .item.active .tct .tct_tst{bottom: 20px;}
    
    
    .history .preview::before{display: none;}
    .history .preview .swiper-container{padding: 0;}
    .history .preview .swiper-container .active-nav{font-size: 0;line-height: initial;padding: 0;}
    .history .preview .swiper-container .swiper-slide::before,
    .history .preview .swiper-container .swiper-slide::after{display: none;}
    .history .view{padding: 20px 0;}
    .history .view .arrow-left, .history .view .arrow-right{width: 30px;height: 30px;top: 50%;margin-top: -16px;}
    .history .view .arrow-left span, .history .view .arrow-right span{width: 4px;height: 6px;}
    .history .view .swiper-container .swiper-slide .history_tit{width: 100%;}
    .history .view .swiper-container .swiper-slide .history_tct{width: 100%;}
    .history .view .swiper-container .swiper-slide .history_tit .tit{font-size: 20px;}
    .history .view .swiper-container .swiper-slide .history_tit .tit span{font-size: 14px;}
    .history .view .swiper-container .swiper-slide .history_tit .txt{font-size: 14px;}
    .history .view .swiper-container .swiper-slide .history_tct .pic{width: 100%;height: auto;margin: 10px 0;}
    .history .view .swiper-container .swiper-slide .history_tct .editor{width: 100%;height: auto;}
    .honor_nav{width: 100%;margin: 10px 0;justify-content: start;}
    .honor_nav .item{font-size: 16px;padding: 10px 0;margin-left: 0;margin-right: 20px;}
    .myHonor .swiper-slide{height: auto;padding: 10px;border-radius: 5px;}
    .myHonor .swiper-slide .pic{height: 100px;max-width: 100%;}
    .myHonor .swiper-slide .tit{font-size: 14px;line-height: 24px;margin-top: 10px;}
    .myHonor .swiper-pagination-Honor .swiper-pagination-bullet{width: 15px;height: 3px;}
    .myHonor .swiper-pagination-Honor .swiper-pagination-bullet::after{display: none;}

    .join_one{height: auto;margin-top: 10px;padding-top: 10px;}
    .join_one .editor{width: 100%;box-sizing: border-box;padding: 0 35px;}
    .join_title .ico{width: 24px;height: 24px;margin-right: 10px;}
    .join_title .tct{width: calc(100% - 34px);}
    .join_title .tct .tit{font-size: 18px;margin-top: 0;}
    .join_title .tct .txt{font-size: 14px;}

    .join_two_items .item{font-size: 16px;width: calc(100% / 2 - 5px);margin-right: 10px;margin-top: 10px;padding-left: 10px;height: 60px;}
    .join_two_items .item:nth-child(2n){margin-right: 0;}
    .myCulture .swiper-slide .pic{height: auto;}
    .myCulture .swiper-slide .tit{font-size: 14px;margin-top: 10px;}
    .myCulture .swiper-pagination-Culture .swiper-pagination-bullet{width: 12px;height: 12px;}
    .join_title .tct .tst{font-size: 14px;}
    .join_four .join_title .tct{width: 100%;}

    .join_item{margin-top: 20px;}
    .join_item .tit,
    .join_item .tct{padding: 10px;}
    .join_item .tct{margin-top: 10px;}
    .join_item .tit .tit_left{font-size: 16px;width: calc(100% - 30px);line-height: 20px;}
    .join_item .tit .tit_right{display: none;}
    .join_item .tit em{width: 30px;height: 30px;}
    .join_item .tit em::before, .join_item .tit em::after{width: 14px;margin: 13px 8px;}
    .product_more{width: 120px;line-height: 30px;font-size: 14px;}

    .product_left,
    .product_right{width: 100%;}
    .product_left{padding: 10px;}
    .product_left_tit{font-size: 14px;padding-bottom: 10px;margin-bottom: 10px;}
    .product_left_nav .item a{font-size: 18px;padding: 5px 0;}
    .product_left_nav .item .product_left_nav .item a{font-size: 16px;}
    .product_left_nav .item .product_left_nav .item .product_left_nav .item a{font-size: 14px;}
    .product_left_nav .item a span::before, .product_left_nav .item a span::after{width: 14px;margin-top: 10px;}
    .product_left_nav .item a span::after{margin-top: -2px;}
    .myProduct .swiper-slide{height: auto;}
    .myProduct .swiper-pagination-product{bottom: 10px;}
    .myProduct .swiper-pagination-product .swiper-pagination-bullet{width: 12px;height: 12px;}
    .product_right .editor{height: auto;}

    .product_list{overflow-x: auto;}
    .product_list .item_tit,
    .product_list .item_list{width: 1160px;}
    
    .product_list .item_tit span{font-size: 14px;}
    .item_list .item span,
    .item_list .item span:last-child{font-size: 14px;}
    .item_list .item span:first-child{font-size: 16px;}
    .item_list .item span:last-child em,
    .item_list .item span:first-child::before{display: none;}
    .box_con2{width: 100%;padding: 0 4%;box-sizing: border-box;}
    .product_info_tit{display: block;}
    .product_info_tit .tit{font-size: 20px;padding-bottom: 10px;}
    .product_info_tit .btns a{width: 100px;font-size: 14px;line-height: 30px;}
    .product_info_tit .btns span{display: none;}
    .myEsg .swiper-slide .esg_item_left{width: 24px;height: 24px;margin-right: 10px;}
    .myEsg .swiper-slide .esg_item_right{width: calc(100% - 34px);}
    .myEsg .swiper-slide .esg_item_right .tit{font-size: 16px;margin-top: 0;}
    .myEsg .swiper-slide .esg_item_right .txt{font-size: 14px;}
    .myEsg{height: auto;}
    .contact{padding: 20px 0;}
    .main_titles2 .tit{font-size: 18px;}
    .contact_item_top .item{width: 100%;margin-bottom: 10px;}
    .contact_item_top .item .item_txt,
    .contact_item_btm_left .item_txt{font-size: 14px;}
    .contact_item_top .item .item_tit{font-size: 18px;}
    .contact_item_top .item .item_tst,
    .contact_item_btm_left .item_tst{font-size: 16px;}
    .contact_item_top .item .item_txt span,
    .contact_item_btm_left .item_txt span{width: 16px;height: 16px;}
    .contact_item_btm_left{width: 100%;}
    .contact_item_btm_right{display: none;}
    #allmap{height: 220px;}
    .main_titles3 .tit{font-size: 18px;}
    .main_titles3 .txt{font-size: 14px;font-weight: normal;}
    .form_item1 .form_items,
    .form_item2 .form_items{width: 100%;margin: 0;}
    .form_item .form_items .form_items_tit{font-size: 14px;line-height: 24px;margin-bottom: 5px;}
    .form_item .form_items .form_items_txt input{height: 40px;line-height: 40px;font-size: 14px;}
    .form_item .form_items .form_items_txt textarea{font-size: 14px;line-height: 24px;}
    .form_item .form_items .form_items_txt .yzm_img{width: 120px;height: 38px;}
    .btnn{max-width: 100px;font-size: 14px;line-height: 40px;}
    .culture_items .item .tct::before, .culture_items .item .tct::after{width: 100px;height: 100px;}
    .foot_top_left .item{width: 100%;margin-right: 0;padding-right: 0;display: block;}
    .foot_top_left .item .item_ico{width: 40px;height: 40px;margin-right: 20px;}
    .foot_top_left .item .item_ico img{width: 15px;height: 15px;}
    .foot_top_left .item .item_con{width: calc(100%);}
    .foot_top_left .item .item_con .tit{font-size: 14px;}
    .foot_top_left .item .item_con .txt b{font-size: 20px;}
    .foot_top_left .item .item_con .txt{font-size: 16px;}
    .foot_top_con {padding: 0;}
    .foot_top_right{height: auto;}

    .technology_title{padding: 20px 0;}
    .technology_title .item{font-size: 16px;}
    .technology_content .tit{font-size: 20px;padding-left: 10px;background: linear-gradient(to right, rgba(8, 148, 224, 0.3) 0%, rgba(8, 148, 224, 0) 8%);padding-bottom: 5px;}
    .product_list .item_tit span:nth-child(2), .product_list .item_tit span:nth-child(3), .item_list .item span:nth-child(2), .item_list .item span:nth-child(3){width:18%;}
    .product_list .item_tit span:nth-child(4), .item_list .item span:nth-child(4){width:30%;}
}
@media screen and (max-width:650px){
    .index_about_left,
    .index_about_right{width: 100%;margin: 10px 0;height: auto;}
    .index_about_right{border-radius: 5px;}

    .index_about_btm .item{width: 50%;margin: 0 0 20px;}
    .index_about_btm .item .ico{width: 20px;height: 20px;}
    .index_about_btm .item .tit{font-size: 22px;line-height: 30px;}
    .index_about_btm .item .tit sub{font-size: 14px;line-height: 20px;}
    .index_about_btm .item .txt{font-size: 14px;}
    .index_about_btm .item::after{display: none;}

    .index_product_nav{width: 100%;margin-top: 20px;}
    .index_product_nav .swiper-slide{font-size: 14px;height: auto;padding: 5px;box-sizing: border-box;}
    .index_product_con_left,
    .index_product_con_right{width: 100%;height: auto;}
    .index_product_con_left .ico{width: 24px;height: 24px;}
    .index_product_con_left .tit{font-size: 18px;margin: 10px 0;}
    .index_product_con_left .txt{font-size: 14px;line-height: 20px;}
    .index_product_con_right{margin-top: 20px;border-radius: 5px;}
    .myProductPic .swiper-pagination-ProductPic{bottom: 15px;}
    .myProductPic .swiper-pagination-ProductPic .swiper-pagination-bullet{width: 12px;height: 12px;}
    .myProductPic .swiper-button-prev, .myProductPic .swiper-button-next{width: 24px;height: 30px;}
    .myProductPic .swiper-button-prev::after, .myProductPic .swiper-button-next::after{width: 4px;height: 6px;}

    .index_resource_con{padding: 20px;height: auto;}
    .index_resource_tit{font-size: 18px;margin-bottom: 10px;}
    .index_resource_txt{font-size: 14px;line-height: 20px;width: 100%;}

    .foot_top{padding: 20px 0;}
    .foot_top_center{display: none;}
    .foot_top_left,
    .foot_top_right{width: 100%;}
    .foot_link{display: none;}
    .foot_logo{width: 100px;height: 55px;}
    .foot_top_right_item{padding-bottom: 10px;}
    .foot_top_right_item .foot_top_right_ico{font-size: 14px;width: 70px;}
    .foot_top_right_item .foot_top_right_txt b{font-size: 20px;}
    .foot_top_right_item .foot_top_right_txt,
    .foot_top_right_item:first-child .foot_top_right_txt{font-size: 14px;width: calc(100% - 70px);}
    .foot_btm{padding: 20px 0;font-size: 14px;text-align: center;}
    .foot_btm a{display: block;float: none;}
    .gotops{width: 30px;height: 30px;z-index: 8;}
    .gotops span{width: 4px;height: 6px;}

    .bar{height: 180px;}
    .bar2{height: 120px;}
    .crumbs{display: none;}
    .bar_con{padding-bottom: 20px;}
    .about,
    .culture{padding: 20px 0;}
    .about_left,
    .about_right{width: 100%;margin-bottom: 10px;}

    .news_nav{padding: 10px 0;width: 100%;}
    .news_nav .news_nav_item{width: calc(100% / 2 - 5px);margin-right: 10px;}
    .news_nav .news_nav_item:nth-child(2n){margin-right: 0;}
    .news_nav .news_nav_item a{display: block;width: 100%;font-size: 14px;line-height: 30px;border-radius: 5px;}
    .mySwiper .swiper-slide .news_tct .time{font-size: 14px;display: none;}
    .mySwiper .swiper-slide .news_tct .time span{display: none;}
    .mySwiper .swiper-slide .news_tct .tit{font-size: 14px;}
    .mySwiper .swiper-slide .news_tct .txt{display: none;}
    .mySwiper .swiper-slide .news_pic, .mySwiper .swiper-slide .news_tct{height: auto;}
    .mySwiper .swiper-slide .news_pic{width: 100px;height: 70px;margin-right: 10px;}
    .mySwiper .swiper-slide .news_tct{width: calc(100% - 110px);padding: 5px;}
    .mySwiper .swiper-slide .news_tct .more2{width: 80px;font-size: 14px;line-height: 24px;}
    .mySwiper .swiper-slide .news_tct .more2 span{display: none;}
    .mySwiper .swiper-pagination-progressbar{width: calc(100% - 100px);}
    .mySwiper .swiper-slide a{margin-top: 20px;padding-bottom: 20px;}
    .swiper-buttons{width: 100px;bottom: 0;}
    .swiper-buttons .swiper-button-prev, .swiper-buttons .swiper-button-next{width: 24px;height: 24px;}
    .swiper-buttons .swiper-button-prev::after, .swiper-buttons .swiper-button-next::after{width: 4px;height: 6px;}
    .news_list .item{width: 100%;margin: 10px 0;}
    .news_list .item a{display: flex;flex-direction: row-reverse;}
    .news_list .item .item_pic{width: 100px;height: 50px;margin-right: 10px;}
    .news_list .item .item_tct{width: calc(100% - 110px);padding: 5px;}
    .news_list .item .item_tct .txt{display: none;}
    .news_list .item .item_tct .tit{font-size: 14px;margin: 0;}
    .news_list .item .item_tct .tst{display: none;}
    .page_list .pages_list_item{width: 30px;height: 30px;font-size: 14px;line-height: 30px;margin: 0 5px;}
    .page_list .pages_list_item a span{width: 4px;height: 6px;}
    .news_conss{margin-top: 20px;padding: 15px;}
    .news_titles{padding-bottom: 10px;}
    .news_titles .tit{font-size: 20px;margin-bottom: 10px;padding-bottom: 10px;}
    .news_titles .txt span{margin: 0 5px;display: block;}
    .news_titles .txt{font-size: 14px;}
    .product_page_item a{font-size: 14px;line-height: 30px;padding: 5px 0;}
    .product_page_item a em,
    .product_page_item:nth-child(2) a em{display: none;}

}
@media screen and (max-width:520px){
    .lg_wrap{padding-top: 55px;}
    .myBanner .swiper-slide a{height: 180px;}
}
@media screen and (max-width:375px){
    
}
@media screen and (max-width:360px){
    
}
@media screen and (max-width:320px){
    
}