@charset "utf-8";

.sj_menu{display: none;}
@media screen and (max-width:1200px){
    .box_con{max-width: 100%;margin: 0 auto;width: 100%;padding: 0 4%;box-sizing: border-box;}
    .sj_menu{display: block;width:26px;height:26px;margin:0 auto;right: 4%;top:16px;position: absolute;z-index: 9;}
    .sj_menu span{width:20px;height:2px;display: block;margin:5px 0;position: relative;background: #333;border-radius: 2px;transition: all 0.5s;}
    .sj_menu span:nth-child(2){width: 15px;margin: 4px 0;}
   
    header,
    .fixed header{padding-top: 0px;background: #fff;z-index: 99;}
    header .logo{max-width: 120px;height: 55px;}
    header .logo a{display: block;height: 100%;align-items: center;padding: 5px 0;box-sizing: border-box;filter: brightness(1);}
    header .logo a img{display: block;}
    .head_right{display: block;width: 100%;position: absolute;top: 55px;left: 0;z-index: 99;;background: rgba(0, 0, 0, 0.8);padding: 20px;box-sizing: border-box;transform: translateX(-100%);transition: all 0.5s;height: calc(100vh - 55px);overflow-y: auto;}
    .head_nav .head_nav_items{display: block;}
    .head_nav .head_nav_item>a{font-size: 20px;line-height: 40px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);color: #fff;padding: 0;}
    .head_nav .head_nav_item a::after{height: 2px;}
    .head_nav .head_nav_item .head_nav_item_show{position: static;width: 100%;background: none;display: inline-flex;flex-wrap: wrap;}
    .head_nav .head_nav_item .head_nav_item_show a,
    .head_nav .head_nav_item .head_nav_item_show .train_items{width: 49%;margin: 0.5%;font-size: 14px;color: #fff;border: 1px solid rgba(255, 255, 255, 0.2);box-sizing: border-box;padding: 5px;}
    .head_nav .head_nav_item .head_nav_item_show .train_items a{width: 100%;border: none;padding: 0;}
    .head_nav .head_nav_item:hover .head_nav_item_show{display: inline-flex;}
    .fixed .head_nav .head_nav_item a{color: #fff;}
    .head_nav .head_nav_item .head_nav_item_show .train_items .train_item{top: 32px;left: 0;}
    .head_nav .head_nav_item .head_nav_item_show .train_items .train_item a{color: #000;padding: 5px;box-sizing: border-box;}
    
    .son{width: 100%;height: 100%;overflow: hidden;}
    .son header .head_right{transform: translateX(0);transition: all 0.5s;}
    .son .sj_menu span{transition: all 0.5s;}
    .son .sj_menu span:nth-child(2){width: 0;}
    .son .sj_menu span:nth-child(1){transform: rotate(45deg);margin: 12px 3px;transition-delay: 0.5s;}
    .son .sj_menu span:nth-child(3){transform: rotate(-45deg);margin: -20px 3px;transition-delay: 0.5s;}

    .head_search,
    .head_lang{width: 100%;height: auto;margin-left: 0;margin-bottom: 20px;}
    .head_search span,
    .head_lang span{display: none;}
    .head_search .search_bd,
    .lang_nav{position: static;height: 40px;width: 100%;border: 1px solid #ccc;box-sizing: border-box;}
    .lang_nav{height: auto;background: none;display: inline-flex;justify-content: center;border: none;}
    .lang_nav a{display: inline-block;background: #fff;margin: 0 10px;padding: 5px 10px;}
    .editor img{width: auto !important;height: auto !important;}

    

}
@media screen and (max-width:1024px){
   
}
@media screen and (max-width:768px){
    
}
@media screen and (max-width:650px){
    .box1 .box_item:nth-child(1) .item_tit{margin-top: 0;}
    .box1{padding: 20px 0;}
    .box1 .box_item{width: 100%;margin-right: 0;}
    .box1 .box_item .item_img,
    .box1s .box_item .item_img{height: auto;}
    .box1s .box_item .tit{margin: 20px 0;}
    .main_box{padding: 0 0 20px;}
    .box2{padding-top: 20px;flex-direction: column;}
    .box2 .box_img,
    .box2 .box_tct{width: 100%;}
    .news{padding-top: 20px;}
    .myNews .swiper-slide{padding: 30px 20px 20px;}
    .myBlog .swiper-slide{padding: 100px 20px 20px;}
    .box3 .box_item a{padding: 20px;}
    .box4 .box_item .item_img{height: auto;}
    .box5{margin-bottom: 0;}
    .box5::before, .box5::after{display: none;}
    .box5 .box_item{width: 100%;margin-bottom: 20px;}
    .box5 .box_item:nth-child(odd),
    .box5 .box_item:nth-child(even){padding: 0;}
    .box5 .box_item .item_img{width: 120px;height: auto;border-radius: 50px;}
    .box5 .box_item .item_con{width: calc(100% - 120px);}
    .box6{padding: 20px 0 0;}

    footer{padding-top:20px;}
    .foot_left, .foot_right{width:100%;}
    .foot_top{padding: 20px 0;}
    .foot_top .foot_nav{margin-bottom: 20px;}
    .foot_top .foot_nav a{margin-right: 10px;}
    .myFootLogo{padding: 20px 0;}
    .foot_btm{text-align: center;}
    .foot_btm a{float: none;}
    
    .bar .crumb{padding: 20px 0;}
    .bar .bar_tit{height: auto;line-height: initial;font-size: 28px;padding: 20px 0;background-size: cover !important;}

    .introduce{padding: 20px 0 0;}
    .introduce2{padding-bottom: 20px !important;}
    .product .item{width: 100%;margin-right: 0;margin-top: 20px;}
    .product .item .item_img{width: 100%;height: auto;}
    .product .item .item_tit{margin: 10px 0 0;}
    .box_list .item,
    .box_list2 .item{width: calc(100% / 2 - 5px);margin-right: 10px;height: auto;margin-top: 10px;}
    .box_list .item:nth-child(2n),
    .box_list2 .item:nth-child(2n){margin-right: 0;}
    .box_title{line-height: 30px;padding: 10px 0;font-size: 22px;}
    .introduce .tit,
    .box2 .box_tct .tit,
    .box1s .box_item .tit,
    .service_tit,
    .service_bd .tit,
    .about_title{font-size: 22px;}

    .main_title .tit{line-height: 100px;font-size: 30px;}
    
    .expo .item{width: 100%;margin-right: 0;margin-top: 20px;}
    .expo .item .item_con{padding-left: 10px;}
    .expo .item .item_con .item_txt span{display: none;}
    .box_title3{flex-direction: column;padding: 10px;box-sizing: border-box;}
    .box_title3 span{display: block;width: 100%;margin: 0;font-size: 20px;}
    .box_title3 span img{display: none;}

    .bar_items{margin-top: -20px;padding-bottom: 20px;}
    .bar_items .item{width: 100%;margin: 20px 0 0 0;}
    .service_tit{padding: 20px 0;}
    .service_item .item{width: 100%;margin-right: 0;}
    .service_item .item .item_tit{margin: 20px 0;}
    .service_item .item .item_con select{height: 40px;line-height: 40px;}

    .service_items .item{width: 100%;margin-right: 0;margin-top: 20px;}
    .service_items .item .item_img{height: auto;}
    .service_bd{padding-top: 20px;}
    .service_bd .tit{margin: 20px 0;}
    .bd_item .item{width: 100%;}
    .bd_btn button{width: 100%;}
    .about_items .item{width: 100%;margin-right: 0;margin-top: 20px;}
    .about_con{padding-top: 20px;}
    .about_con .about_item{width: 100%;height: auto;margin: 10px 0;}
    .history_con .history_item{flex-direction: column;}
    .history_con .history_item .item_img{width: 100%;margin-bottom: 20px;}
    .history_con .history_item .item_txt{width: 100%;border: none;padding-left: 0;}
    .Myhistory .swiper-slide{height: auto;text-align: center;}
    .about_title{padding-left: 15px;margin-bottom: 20px;}
    .contact_bd{flex-direction: column;padding-top: 20px;}
    .contact_bd .contact_bd_item{width: 100%;margin-top: 20px;}
    .contact_bd .contact_bd_item .item{padding: 20px;}
    .contact_bd .contact_bd_item .item .item_txt{padding-top: 10px;margin-top: 10px;}
    .contact_con{padding-top: 20px;}
    .contact_con .contact_item{width: 100%;margin-top: 20px;}
    .expo2 .item .item_img,
    .expo .item .item_img{width: 100px;height: auto;}
    .expo2 .item .item_con,
    .expo .item .item_con{width: calc(100% - 100px);}
    .expo2 .item .item_con .item_tst{margin-bottom: 5px;}

    .gotops{width: 40px;height: 40px;right: 0;}

    .news_item .item{width: 100%;margin-right: 0;margin-top: 20px;}
    .page{padding-top: 20px;}
    .page a{padding: 5px 10px;font-size: 15px;}

    .news_titles{padding: 20px 0;margin-bottom: 20px;}
    .news_titles .txt span{display: block;}
    .pages{padding-top: 20px;margin-top: 20px;}
    .pages a{width: 32% !important;}

    .shop_items .shop_item{width: 100%;}
    .shop_items .shop_item .shop_bd{padding: 20px;}
    .shop_items .shop_item .shop_bd .shop_form{width: 260px;}
}
@media screen and (max-width:414px){
    
}
@media screen and (max-width:375px){
    
}
@media screen and (max-width:360px){
    
}
@media screen and (max-width:320px){
    
}