@charset "utf-8";
.sj_menu,
.sc_show{display: none;}
@media screen and (max-width:1200px){

    /* .box_cons,
    .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: 9.375vw;top:55px;position: absolute;z-index: 9;}
    .sj_menu span{width:20px;height:2px;display: block;margin:5px 0;position: relative;background: #0783e1;border-radius: 2px;transition: all 0.5s;}
    .sj_menu span:nth-child(2){width: 15px;margin: 4px 0;}
   
    .head_right{display: block;width: 100%;position: absolute;top: 90px;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);}
    .son{width: 100%;height: 100%;overflow: hidden;}
    .son header .head_right{transform: translateX(0);transition: all 0.5s;align-items: flex-start;}
    .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;}

    header .head_top{height: 40px;}
    header .head_txt{font-size: 14px;}
    header .search_form{border-radius: 30px;}
    header .search_form input{width: calc(100% - 50px);height: 30px;line-height: 30px;padding-left: 10px;font-size: 14px;}
    header .search_form button{width: 50px;height: 30px;line-height: 30px;}
    header .search_form button img{width: 20px;height: 20px;}

    header .logo{max-width: 120px;}
    header .logo a{height: 50px;}
    header .head_nav{display: block;}
    header .head_nav .head_nav_item{border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
    header .head_nav .head_nav_item a{font-size: 16px;color: #fff;line-height: 36px;}

}
@media screen and (max-width:1024px){
  
    
}
@media screen and (max-width:768px){
    .box_cons{padding: 0 4%;}
    .box_con{max-width: 100%;padding: 0 4%;box-sizing: border-box;}
    header .head_con{height: 50px;}
    .sj_menu{right: 4%;}
    .head_search{width: 120px;display: none;}
    header .head_txt{font-size: 12px;}
    .lg_wrap{padding-top: 90px;}
    .bar{height: 160px;}
    .bar_tit{padding-top: 0;}

    .main_title{padding: 20px 0;width: 100%;}
    .main_title .main_tit{font-size: 20px;}
    .main_title .main_ico{width: 60px;height: 2px;}
    .main_title .main_ico::after{width: 50px;height: 2px;}
    .main_title .main_txt{font-size: 14px;}
    .more{width: 100px;margin-top: -115px;}
    .more a{font-size: 14px;line-height: 30px;}

    .myProduct_con, .myCase_con, .myNews_con, .myAbout_con, .myLink_con{padding-top: 60px;}

    .section-btn{left: 5px;width: 15px;}
    .section-btn span{width: 12px;height: 12px;}

    /* banner */
    .pc_show{display: none;}
    .sj_show{display: block;}

    .bar_tit{font-size: 24px;}
    .menu_nav .menu_nav_con a{font-size: 14px;line-height: 40px;}
    .crumbs_item span{width: 20px;height: 20px;margin-right: 10px;}
    .menu_nav .menu_nav_con a.active, .menu_nav .menu_nav_con a:hover{font-size: 16px;}
    .crumbs_item a{font-size: 14px;line-height: 32px;padding: 0 5px;}
    .main_titles{font-size: 20px;padding: 20px 0;}
    .editor p{font-size: 14px;line-height: 24px;}

    .culture_items .item .tct_tit,
    .culture_items .item.active .tct .tct_tit{font-size: 16px;}
    .culture_items .item .tct_txt{font-size: 14px;}
    .culture_items .item .tct_tst{font-size: 14px;}
    .culture_items .item.active .tct .tct_tst{font-size: 18px;}

    .myBanner .banner_text{display: none;}
    .myBanner .myBanner_btn{position: static;}
    .myBanner .myBanner_btn .swiper-pagination-banner{position: absolute;bottom: 20px;z-index: 5;}
    .myBanner .myBanner_btn .swiper-pagination-banner .swiper-pagination-bullet{width: 12px;height: 12px;}
    .swiper-button-next::after, .swiper-button-prev::after{font-size: 20px !important;}

    .myProduct_tit{justify-content: left;}
    .myProduct_tit .myProduct_tit_item{font-size: 14px;line-height: 30px;margin: 5px;padding: 0 10px;}
    .myProduct_item .item{width: calc(100%);margin-right: 0;margin-left: 0;margin-top: 15px;border-bottom: 1px solid #eee;padding-bottom: 15px;}
    .myProduct_item .item a{display: flex;}
    .myProduct_item .item .item_img{height: 80px;border-bottom: none;width: 32%;}
    .myProduct_item .item .item_tct{width: calc(100% - 35%);padding-left: 3%;}
    .myProduct_item .item .item_tit{font-size: 16px;line-height: 20px;margin: 5px 0;}
    .myProduct_item .item .item_txt{font-size: 14px;line-height: 18px;}

    .myCase_list{height: auto;}
    .myCase_item,
    .myCase_item.active{width: 100%;height: 160px;margin-top: 10px;}
    .myCase_item .myCase_item_img{height: 160px;}
    .myCase_item .myCase_item_tit{font-size: 16px;transform: scale(1);}

    .myNews_list_left,
    .myNews_list_right{width: 100%;margin-top: 10px;}
    .myNews_list_left{height: auto;}
    .myNews_list_left .myNews_list_img{height: 160px;}
    .myNews_list_left .myNews_list_tct{padding: 10px;position: static;width: 100%;box-sizing: border-box;}
    .myNews_list_left .myNews_list_tct .time{font-size: 14px;margin-bottom: 5px;}
    .myNews_list_left .myNews_list_tct .tit,
    .myNews_list_right .myNews_list_tct .tit{font-size: 16px;line-height: 20px;}
    .myNews_list_right .myNews_list_tct{padding: 10px;margin-bottom: 10px;}
    .myNews_list_right .myNews_list_tct .txt{font-size: 14px;line-height: 18px;margin-top: 5px;}
    
    .myAbout_left,
    .myAbout_right{width: 100%;margin-top: 10px;}
    .myAbout_right{max-width: 250px;}
    .editor p{font-size: 14px;line-height: 20px;}
    .myAbout_con .more{margin-top: 10px;}
    .myAbout_con .more a{width: 100px;}

    .myAbout_list .item{width: calc(100% / 2 - 10px);margin-right: 20px;align-items: center;}
    .myAbout_list .item:nth-child(2n){margin-right: 0;}
    .myAbout_list .item .item_txt{font-size: 14px;line-height: 20px;}
    .myAbout_list .item .item_num sup{font-size: 14px;}
    .myAbout_list .item .item_num b{font-size: 24px;}
    .myAbout_list .item .item_img{width: 30px;height: 30px;}

    .myLink_list{height: auto;}
    .myLink_list .item{position: static;width: calc(100% / 3 - 14px) !important;margin-right: 20px;border-radius: 0;height: 60px !important;margin-top: 15px;animation-name: none !important;-webkit-animation-name: none !important;	}
    .myLink_list .item:nth-child(3n){margin-right: 0px;}
    .myLink_list .item .item_img, .myLink_list .item .item_img_hover{border-radius: 0;}

    .pops .pops_con .pops_item{width: 30px;height: 30px;border-radius: 5px;}
    .pops .pops_con .pops_item .ico{max-height: 12px;max-width: 12px;}
    .pops .pops_con .pops_item .tit{font-size: 12px;line-height: 14px;}
    .pops .pops_con .pops_item .txt{display: none;}

    .foot_top .foot_top_txt{font-size: 14px;padding: 20px 0;}
    .foot_top_left{display: none;}
    .foot_top_right{width: 100%;}
    .foot_top_right{padding-left: 0;border-left: none;}
    .foot_top_right .foot_top_right_txt{font-size: 14px;line-height: 20px;}
    .foot_top_right .foot_top_right_txt em{width: 100px;margin-top: 10px;}
    .foot_btm{font-size: 14px;line-height: 20px;text-align: center;padding: 10px 0;}
    .foot_btm a{display: block;}

    .culture_items .item{width: 100%;margin: 10px 0;height: 150px;}
    .culture_items .item .tct_tit{padding-top: 30px;margin-bottom: 10px;}
    .culture_items .item.active .tct .tct_tit{padding-top: 20px;}
    .culture_items .item .tct::before, .culture_items .item .tct::after{width: 100px;height: 100px;}

    .honor_items .item{width: calc(100% / 2 - 10px);margin-right: 20px;margin-top: 20px;height: 120px;}
    .honor_items .item:nth-child(2n){margin-right: 0;}
    .mask>img{width: 20px;height: 20px;}
    .page_list{padding: 20px 0;}
    .page_list .pages_list_item{width: 36px;height: 36px;line-height: 36px;font-size: 14px;}
    .page_list .pages_list_item a span{width: 9px;height: 17px;}

    .product_cons .product_left{width: 100%;}
    .product_cons .product_right{width: 100%;margin-top: 20px;}
    .product_left_nav .item a{font-size: 16px;line-height: 36px;}
    .product_left_nav .item .product_left_nav .item a{font-size: 14px;padding-left: 15px;}
    .product_left_nav .item a span{width: 8px;height: 17px;}

    .product_list{padding: 0 20px;}
    .product_list .item{width: 100%;margin: 20px 0 0 0;}
    .product_list .item .item_img{height: 240px;padding: 10px 5px;}
    .product_list .item .item_img::after{width: 60px;height: 35.5px;left: 5px;top: 5px;}
    .product_list .item .item_tit{font-size: 14px;line-height: 30px;}

    .product_info .product_info_tit{font-size: 24px;}
    .product_info .product_info_img{max-width: 500px;padding: 20px;margin: 20px auto;}
    .product_info{padding: 20px;}
    .product_title{font-size: 20px;margin-top: 20px;}

    .grid-item{width: 46%;}

    .news_items .item{padding-top: 20px;}
    .news_items .item a{padding: 15px;}
    .news_items .item .item_time{width: 60px;height: 60px;}
    .news_items .item .item_time .year{font-size: 16px;}
    .news_items .item .item_time .day{font-size: 14px;}
    .news_items .item .item_con{width: calc(100% - 80px);}
    .news_items .item .item_img{display: none;}
    .news_items .item .item_con .txt{font-size: 14px;line-height: 18px;}
    .news_items .item .item_con .tit{font-size: 16px;line-height: 20px;}

    .news_info_con{padding: 15px;}
    .news_info_title .news_info_tit{font-size: 22px;margin: 10px 0;}
    .news_info_title .news_info_txt{font-size: 14px;line-height: 20px;}
    .news_info_title .news_info_txt span{display: block;}
    .news_pages{padding-top: 15px;}
    .news_pages a{font-size: 14px;line-height: 24px;}
    .contact_top{padding-top: 20px;}
    .contact_top .item,
    .contact_btm .item{width: 100%;margin:0 0 20px 0;}
    .contact_top .item .item_tit, .contact_btm .item .item_tit{font-size: 16px;line-height: 40px;height: 40px;padding: 0 15px;}
    .contact_top .item .item_con, .contact_btm .item .item_con{padding: 0 15px 15px;}

}

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