@charset "utf-8";
@media screen and (max-width:1680px){
    
}
.sj_menu{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: 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;position: fixed;}
    header .logo{width: 100px;height: 55px;}
    header .logo a{height: 100%;align-items: center;padding: 5px 0;box-sizing: border-box;}
    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);}
    .head_nav .head_nav_items{display: block;}
    .head_nav .head_nav_item a{font-size: 16px;line-height: 40px;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
    .head_nav .head_nav_item a::after{height: 2px;}
    .fixed .head_nav .head_nav_item a{color: #fff;}
    
    .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_nav .head_nav_item>a{background: none;color: #fff;}
    .head_nav .head_nav_item .txt{display: flex;justify-content: space-between;align-items: center;}
    .head_nav .head_nav_item .txt span{width: 30px;height: 30px;position: relative;}
    .head_nav .head_nav_item .txt span::after,
    .head_nav .head_nav_item .txt span::before{content: "";display: block;width: 12px;height: 2px;background: #fff;position: absolute;top: 50%;margin-top: -1px;left: 50%;margin-left: -5px;}
    .head_nav .head_nav_item .txt span::before{transform: rotate(90deg);}
    .head_nav .head_nav_item.active .head_nav_item_show{display: block;transform: translateY(0);transition: all 0.5s;}
    .head_nav .head_nav_item .head_nav_item_show{position: static;transform: translateY(0);background: none;display: none;}
    .head_nav .head_nav_item .head_nav_item_show a span{display: none;}
    .head_nav .head_nav_item .head_nav_item_show a{font-size: 14px;color: #fff;opacity: 0.7;text-align: left;display: block;padding: 5px 0;}
    .head_nav .head_nav_item.active .txt span::before{display: none;}

    .lg_wrap{padding-top: 55px;}

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

    .head_search span{display: none;}
    .search_bd{display: block;position: static;width: 100%;}
    .search_form input{height: 30px;line-height: 30px;font-size: 14px;}
    .search_form button{width: 50px;height: 30px;}

    
}
@media screen and (max-width:1024px){
   
}
@media screen and (max-width:768px){
    .area_list_item{width: calc(100% / 2 - 10px);margin-right: 20px;margin-bottom: 20px;height: 140px;border-radius: 5px;}
    .area_list_item:nth-child(2n){margin-right: 0;}
    .area_list_item .tct .ico,
    .about_left_btns .btns_item .ico,
    .porduct_items .item .tct .ico,
    .about_btm_left .item .item_ico{width: 20px;height: 20px;}
    .area_list_item .tct .tit,
    .porduct_items .item .tct .tit{font-size: 16px;margin: 5px 0;}
    .area_list_item .tct .txt{font-size: 14px;line-height: 20px;height: 0;}
    .area_list_item .tct .tbt,
    .product_list .product_list_item .btns,
    .porduct_items .item .tct .tit,
    .porduct_items .item .tct .tbt,
    .product_right_list .item .item_info .item_text,
    .product_right_list .item .item_info .item_more,
    .about_top_left .about_btns,
    .myService .swiper-slide .service_tct .service_btn,
    .news_list .news_item .news_tbt{font-size: 14px;}
    .area_list_item .tct .tbt span,
    .product_list .product_list_item .btns span,
    .main_title .more a span,
    .porduct_items .item .tct .tbt span,
    .gotops span,
    .product_left .product_left_navs .product_left_nav a span,
    .product_right_list .item .item_info .item_more span,
    .about_top_left .about_btns span,
    .page_list .pages_list_item a span,
    .join_left .join_btn a span,
    .download_items .item .item_ico span,
    .myService .swiper-slide .service_tct .service_btn span,
    .swiper-buttons .swiper-button-next span,
    .swiper-buttons .swiper-button-prev span,
    .news_list .news_item .news_tbt span,
    .news_list .news_item .news_icon .news_icon_left span,
    .news_list .news_item .news_icon .news_icon_right span{width: 18px;height: 12px;margin-left: 10px;}
    .area_list_item:hover .tct .txt,
    .porduct_items .item:hover .tct .txt{height: 40px;}
    .area_list_item:hover .tct .tbt,
    .porduct_items .item:hover .tct .tbt{height: 20px;}
    
    .main_title .rubric,
    .main_titles .tit,
    .main_titles2 .tit{font-size: 20px;}
    .main_title .des,
    .main_titles .txt,
    .main_titles2 .txt{font-size: 14px;line-height: 24px;}
    .main_title .more{float: none;margin-top: 0px;margin-bottom: 10px;}
    .main_title .more a{font-size: 14px;width: 120px;line-height: 36px;}

    .main_titles{width: 100%;}

    .product_list_left, .product_list_right{width: 100%;height: 180px;}
    .product_list .product_list_item{margin-bottom: 20px;border-radius: 5px;}
    .product_list .product_list_left .product_list_item .pic,
    .product_list .product_list_right .product_list_item .pic{height: 110px;}
    .product_list .product_list_item .tit{font-size: 16px;margin-bottom: 5px;}
    .product_list .product_list_item .txt{font-size: 14px;}
    .product_list_right{height: auto;margin-top: 20px;}

    .about_left, .about_right{width: 100%;}
    .about_left .tit,
    .product_right_list .item .item_info .item_title{font-size: 16px;}
    .about_left .txt{font-size: 14px;line-height: 20px;margin-top: 10px;}
    .about_left_items{margin: 20px auto;}
    .about_left_items .item{margin-right: 20px;}
    .about_left_items .item .item_num,
    .about_btm_left .item .item_num{font-size: 14px;margin: 10px 0;}
    .about_left_items .item .item_num b,
    .about_btm_left .item .item_num b{font-size: 20px;}
    .about_left_items .item .item_txt,
    .about_btm_left .item .item_txt{font-size: 14px;line-height: 24px;}
    .about_left_btns{justify-content: flex-start;}
    .about_left_btns .btns_item{width: calc(100% / 3 - 14px);margin-right: 20px;height: 60px;margin-bottom: 20px;display: flex;flex-direction: column;justify-content: center;border-radius: 5px;}
    .about_left_btns .btns_item:nth-child(3n){margin-right: 0;}
    .about_left_btns .btns_item .txts{font-size: 15px;}

    .foot_pop,
    .foot_top_center,
    .foot_link,
    .crumbs{display: none;}

    .foot_top_left,
    .foot_top_right{width: 100%}
    .foot_top,
    .foot_btm{padding: 20px 0;font-size: 14px;}
    .foot_logo{width: 120px;margin-bottom: 20px;}
    .foot_logo a{height: 40px;}
    .foot_link .foot_link_item .foot_link_item_ico{width: 30px;height: 30px;}
    .foot_link .foot_link_item .foot_link_item_pic{width: 100px;height: 100px;bottom: 30px;}
    .foot_top_right_item .foot_top_right_ico{font-size: 14px;}
    .foot_top_right_item .foot_top_right_ico img{width: 18px;height: 18px;}
    .foot_top_right_item .foot_top_right_txt{font-size: 14px;width: 100%;padding-left: 18px;}
    .foot_top_right_item .foot_top_right_txt b{font-size: 20px;padding-left: 0;}
    .foot_btm{text-align: center;}
    .foot_btm a{display: block;float: none;}

    .mainpop .mainpop_items{width: 30px;}
    .mainpop .mainpop_items .mainpop_item span{font-size: 12px;width: 20px;height: 30px;line-height: 15px;}
    .mainpop .mainpop_items .mainpop_item span:last-child{width: 30px;text-align: center;}
    .gotops{width: 30px;height: 30px;border-radius: 50%;}
    .gotops span{margin-left: 0;}
    .mainpop .mainpop_items .mainpop_item:first-child::after{width: 10px;height: 2px;border-radius: 2px;bottom: -10px;}
    .mainpop .mainpop_items .mainpop_item:first-child{margin-bottom: 10px;}

    .porduct_items{flex-direction: row;}
    .porduct_items .item:nth-child(odd){margin-top: 0;}
    .porduct_items .item{width: calc(100% / 2 - 10px);margin-right: 20px;margin-bottom: 20px;height: 160px;border-radius: 5px;}
    .porduct_items .item:nth-child(2n){margin-right: 0;}
    .porduct_items .item .tct .tit{font-size: 16px;}
    .porduct_items .item .tct .txt{font-size: 14px;line-height: 20px;}
    

    .product_left,
    .product_right{width: 100%;margin-bottom: 20px;}
    .product_left .product_left_navs .product_left_nav{height: auto;}
    .product_left .product_left_navs .product_left_nav a{font-size: 16px;line-height: 30px;}
    .product_right_list .item{padding: 20px;height: auto;}
    .product_right_list .item .item_info .item_text{line-height: 20px;}
    
    .product_left_nav_list{position: static;display: block;width: 100%;padding:0 10px;box-sizing:border-box;}
    .product_left_nav_list a{line-height: 1;font-size: 14px;height: auto;padding: 0 10px !important;justify-content: flex-start;}

    .product_right_list .item:nth-child(odd) a{flex-direction: row;}
    .product_right_content{padding: 0 20px;}
    .product_info_top .pic,
    .product_info_top .tct{width: 100%;height: auto;}
    .product_info_top .pic{padding: 20px;}
    .product_info_top .tct{margin-top: 20px;padding-left: 0;}
    .product_info_top .tct .tit{font-size: 16px;}
    .product_info_top .tct .txt,
    .product_info_top .tct .tst2{font-size: 14px;line-height: 24px;}
    .product_info_top .tct .txt::before,
    .product_info_btm .tit::before{height: 12px;width: 1px;}
    .product_info_top .tct .btns a{font-size: 14px;line-height: 30px;border-radius: 5px;}
    .product_info_top .tct .btns a span{width: 15px;height: 17px;}

    .product_info_btm .tit{font-size: 16px;}
    .product_info_btm_tit .btm_tit_nav{font-size: 14px;line-height: 30px;margin-right: 15px;}

    .editor h3{font-size: 18px;}
    .editor p{font-size: 14px;line-height: 24px;}
    
    .product_page_item,
    .product_page_item:nth-child(2){width: 30%;}
    .product_page_item a{text-align: center;display: block;font-size: 14px;line-height: 30px;}
    .product_page_item a em{display: none;}

    .bar .bar_tit{font-size: 24px;}
    .bar .bar_txt{font-size: 14px;margin-top: 0px;}

    
    .about_top_left, .about_top_right, .about_btm_left, .about_btm_right{width: 100%;margin-top: 15px;}
    .about_top_left .editor{height: 100%;}
    .about_btm_left .item{height: auto;padding: 10px;box-sizing: border-box;}
    .about_btns{display: none !important;}

    .about_four_items .item:nth-child(even){flex-direction: row;}
    .about_four_items .item .year,
    .about_four_items .item .txt,
    .about_four_items .item:nth-child(even) .year,
    .about_four_items .item:nth-child(even) .txt{width: 100%;text-align: left;margin: 0;}
    .about_four_items .item .year{font-size: 18px;}
    .about_four_items .item .txt{line-height: 24px;}
    .about_four_items .item .txt h3{font-size: 16px;}
    .about_four_items .item .txt p{font-size: 14px;}
    .history_show{display: none;}
    .history_con{height: auto;margin: 20px 0;}
    .about_four_items .item::before, .about_four_items .item::after{width: 10px;height: 10px;top: 5px;right: auto;}
    .about_four_items .item::after{height: 100%;width: 1px;left: 5px;z-index: 0;top: 15px;}
    .about_four_items .item.active .year{font-size: 20px;}
    .about_four_items .item{padding-left: 20px;}

    .team_top{height: auto;margin: 20px auto;padding: 15px;}
    .team_top_img,
    .team_top_tct{width: 100%;height: auto;margin: 0 auto;}
    .team_top_tct{max-width: 100%;margin-top: 20px;}
    .team_top_tct .adds{width: 30px;height: 30px;}
    .team_top_tct .adds span{width: 20px;height: 3px;margin: -2px;}
    .team_top_tct .tit{font-size: 16px;max-width: 120px;}
    .team_top_tct .txt{font-size: 14px;line-height: 24px;}
    .team_top_tct .editor{height: auto;}
    .team_btm{margin: 20px auto 0;}
    .team_btm video{height: auto;}
    .team_btm_list .item,
    .team_btm_list .item:nth-child(3n){width: calc(100% / 2 - 10px);margin-right: 20px;margin-top: 20px;height: 120px;}
    .team_btm_list .item:nth-child(2n){margin-right: 0;}
    .team_btm_list .item .pic{height: 200px;}
    .team_btm_list .item .tct .tit{font-size: 16px;}
    .team_btm_list .item .item_tit{font-size: 14px;padding: 15px;}
    
    .page_list{padding: 20px 0;}
    .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{margin-left: 0;}

    .honor_items .item,
    .partner_items .item{width: calc(100% / 2 - 10px);margin-right: 20px;margin-top: 20px;border-radius: 5px;}
    .honor_items .item:nth-child(2n),
    .partner_items .item:nth-child(2n){margin-right: 0;}
    .honor_items .item .item_img{height: 120px;}
    .honor_items .item .item_tit{font-size: 14px;line-height: 24px;margin: 10px auto;}
    .partner_items .item{height: auto;}
    .partner_items .item a{padding: 5px 10px;}
    .partner_title .partner_tit{font-size: 16px;}
    .partner_title .partner_tit.active{font-size: 18px;}

    .contact_item_top .item,
    .contact_item_btm_left,
    .contact_item_btm_right,
    .join_left,
    .join_right{width: 100%;}
    .contact_item_top .item .item_txt,
    .contact_item_btm_left .item_txt{font-size: 14px;margin-top: 15px;}
    .contact_item_top .item .item_txt span,
    .contact_item_btm_left .item_txt span.dizhi{width: 20px;height: 20px;}
    .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_btm_right{margin-top: 15px;}
    .contact_item_btm_right .btm_list span{width: 30px;height: 30px;border-radius: 5px;}
    .contact_item_btm_right .btm_list span img{width: 16px;height: 16px;}
    .contact_item_btm_right .btm_list .btm_list_show{width: 100px;height: 100px;bottom: 30px;}

    .form_item1 .form_items,
    .form_item2 .form_items{width: 100%;margin-right: 0;}
    .form_item .form_items .form_items_tit{font-size: 14px;line-height: 24px;}
    .form_item .form_items .form_items_txt input{height: 34px;line-height: 34px;font-size: 14px;}
    .form_item .form_items .form_items_txt textarea{line-height: 20px;font-size: 14px;}
    .form_item .form_items .form_items_txt .yzm_img{width: 120px;height: 30px;}
    .btnn{font-size: 16px;line-height: 36px;max-width: 120px;}

    .join_left{max-width: 100%;}
    .join_right{height: auto;margin: 0 auto;}
    .join_left .join_btn{width: 120px;margin: 20px 0;height: auto;}
    .join_left .join_btn a{font-size: 14px;line-height: 36px;}

    .download_items .item,
    .download_items .item:nth-child(3n){width: calc(100%);margin-top: 20px;height: auto;margin-right: 0;}
    .download_items .item a{padding: 10px;}
    .download_items .item .item_img{width: 65px;height: 75px;margin-top: -25px;}
    .download_items .item .item_tct{width: calc(100% - 80px - 30px);}
    .download_items .item .item_ico{width: 30px;height: 30px;}
    .download_items .item .item_ico span{margin-left: 0;}
    .download_items .item .item_tct .item_tit{font-size: 16px;}
    .download_items .item .item_tct .item_txt{font-size: 14px;}
    .myService .swiper-slide{height: 160px;}
    .myService .swiper-slide .service_tct .service_num,
    .myService .swiper-slide .service_tct .service_tit{font-size: 16px;}
    .myService .swiper-slide .service_tct .service_txt{font-size: 14px;line-height: 20px;}
    .myService .swiper-slide:hover .service_tct .service_txt{height: 40px;}
    .myService .swiper-slide:hover .service_tct .service_num{margin-bottom: 20px;}
    .myService .swiper-slide:hover .service_tct .service_btn{height: 20px;}
    .swiper-buttons{width: 100px;top: -30px;height: 30px;}
    .swiper-buttons .swiper-button-next,
    .swiper-buttons .swiper-button-prev{width: 30px;height: 30px;}
    .swiper-buttons .swiper-button-next span,
    .swiper-buttons .swiper-button-prev span{margin-left: 0;}

    .news_list .news_item{width: 100%;margin-right: 0;}
    .news_list .news_item a{padding: 15px;display: flex;}
    .news_list .news_item .news_img{width: 120px;height: 75px;border-radius: 5px;}
    .news_list .news_item .news_info{width: calc(100% - 120px);padding-left: 15px;box-sizing: border-box;}
    .news_list .news_item .news_tit{font-size: 14px;line-height: 24px;height: 48px;margin: 0;}
    .news_list .news_item .news_txt{font-size: 14px;line-height: 20px;height: 40px;display: none;}
    .news_list .news_item .news_icon{padding: 2px 0;}
    .news_list .news_item .news_icon .news_icon_left,
    .news_list .news_item .news_icon .news_icon_right{font-size: 14px;}
    .news_list .news_item .news_icon .news_icon_left span,
    .news_list .news_item .news_icon .news_icon_right span{margin-left: 0;}
    .news_list .news_item .news_tbt{display: none;}
    .news_content{max-width: 100%;}
    .news_titles .tit{font-size: 20px;}
    .news_titles .txt{font-size: 14px;}
    .news_titles .txt span{margin: 0 10px;display: block;}
    .myService{height: auto;margin: 20px auto;}
    .myPark{padding-bottom: 50px;padding: 0 0 40px;}
    .myPark .swiper-slide,
    .myPark .swiper-slide .item_img{height: auto;}
    .myPark .swiper-slide .item_tit{padding: 10px;font-size: 14px;line-height: 24px;}
    .myPark .swiper-button-prev, .myPark .swiper-button-next{width: 30px;height: 30px;}
    .myPark .swiper-button-prev{right: 40px;}
    .myPark .swiper-button-prev::after, .myPark .swiper-button-next::after{font-size: 16px;}
    .myPark .swiper-pagination-park{bottom: 10px;width: 70%;}
    
}
@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){
    
}