﻿@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;}

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

    header .logo{width: 300px;line-height: 90px;height: 90px;}
    .head_nav nav .nav_item a{font-size: 18px;}

    .news .news_left, .news .news_right{width: 48%;}
    .news_cons .news_item .item .item_day{width: 25%;}
    .news_cons .news_item .item .item_tit{width: 75%;}

    .box_item{height: 100px;}
    .box_item a{padding: 0 20px;}
    .box_item .item_img{width: 47px;}
    .box_item .item_con {width: calc(100% - 67px);}
    .box_item .item_con .item_tit{font-size: 20px;}
    .box_item .item_con .item_txt{font-size: 16px;line-height: 1;margin-top: 0;}

    .publication_img{width: 40%;}
    .publication_info{width: 56%;}
    .info_tit{font-size: 20px;}
    .info_con{padding: 10px;}
    .info_con span{font-size: 15px;}
    
    .product_page{margin-top: 20px;padding: 0 20px;}
    .product_page_item a{padding: 0;font-size: 15px;}
    .product_page_item a em{display: none !important;}

}
@media screen and (max-width:1024px){
   
}
@media screen and (max-width:768px){
    .sj_menu{display: block;width:26px;height:26px;margin:0;}
    .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;}
    
    .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;}

    header .logo{width: 150px;height: 60px;line-height: 60px;}
    .head_search{width: 150px;display:none;}
    .head_search .search_bd{width: 100px;height: 35px;line-height: 35px;padding-left: 5px;}
    .head_search .search_bd input{height: 33px;line-height: 33px;width: calc(100% - 35px);font-size: 14px;}
    .head_search .search_bd button{width: 35px;height: 35px;}
    .head_search select{width: 50px;}

    .head_nav{height: 0;overflow: hidden;transition: all 0.5s;}
    .head_nav nav{padding: 20px;box-sizing: border-box;}
    .head_nav nav .nav_item{width: 100%;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
    .head_nav nav .nav_item a{font-size: 16px;line-height: 36px;}
    
    .son .head_nav{height: auto;transition: all 0.5s;}

    .myBanner .swiper-button-next, .myBanner .swiper-button-prev{display: none;}

    .box{padding: 20px 0;}
    .main_title{padding-bottom: 20px;}
    .main_title .tit_cn{font-size: 24px;}
    .main_title .tit_en{font-size: 14px;}
    .news .news_left, .news .news_right{width: 100%;}
    .myNews{height: auto;}
    .myNews .swiper-slide a{display: block;}
    .myNews .swiper-slide .slide_tit{width: 70%;font-size: 16px;bottom: 10px;}
    .myNews .swiper-pagination-news{width: 30% !important;bottom: 10px;left:auto !important;right:0 !important;}
    .news .news_right{margin-top: 20px;}
    .news_cons .news_item .item.active .item_tit{font-size: 20px;}
    .news_cons .news_item .item .item_tit,
    .party_right .item .item_tit{font-size: 16px;margin: 5px 0;}
    .news_cons .news_item .item .item_day img,
    .party_left .item .item_con .item_day img,
    .party_right .item .item_day img,
    .news_list .item .item_con .item_day img,
    .party_list .item .item_con .item_day img{display: none;}
    .party{padding: 0px;background: #fefcfb;box-shadow: none;}
    .party_left, .party_right{width: 100%;}
    .party_left .item .item_img{width: 100px;}
    .party_left .item .item_con{width: calc(100% - 100px);padding-left: 10px;}
    .party_right{padding-top: 15px;border-top: 1px solid rgba(1, 2, 32, 0.1);margin-top: 15px;}

    .box_item{width: 100%;margin-right: 0;margin-top: 20px;margin-bottom: 0;}
    .box_item:last-child{margin-bottom: 20px;}

    .gotops{width: 30px;height: 30px;}
    .gotops img{width: 14px;}
    
    .foot_top{padding: 20px 0;}
    .foot_nav{justify-content: flex-start;}
    .foot_nav a{font-size: 15px;width: 25%;}
    .foot_nav a::after{display: none;}

    .foot_text span{width: 100%;font-size: 15px;text-align: left;padding: 0;align-items: flex-start;}
    .foot_text a{font-size: 15px;display: block;}
    .foot_btm{text-align: center;}
    .foot_btm a{float: none;display: block;}

    .bar_text{padding-bottom: 5px;}
    .bar_text .tit_cn{font-size: 22px;}
    .bar_text .tit_en{font-size: 14px;}
    .bar_text .tit_ico{margin-top: 5px;}

    .box_title .title_cn{font-size: 22px;}
    .box_title .title_en{font-size: 14px;}
    .box_title .title_icon{margin: 20px auto;}

    .submenu a{font-size: 18px;padding: 0 5px 10px 5px;}
    .news_list .item a{padding: 20px 0;}
    .news_list .item .item_con .item_day{font-size: 14px;margin-bottom: 10px;}
    .news_list .item .item_con .item_tit{font-size: 18px;}
    .news_list .item .item_con .item_txt{font-size: 14px;}

    .party_list .item .item_con .item_day{font-size: 14px;}
    .party_list .item .item_con .item_tit{font-size: 16px;margin-top: 0;}

    .page{padding-top: 20px;}
    .page a{font-size: 15px;padding: 5px 10px;}

    .contact_items .item{width: calc(100% / 2 - 5px);margin-right: 10px;margin-top: 10px;padding: 10px;}
    .contact_items .item:nth-child(2n){margin-right: 0;}
    .contact_items .item .item_tit{font-size: 16px;}
    .contact_items .item .item_txt b{font-size: 18px;}
    .contact_items .item .item_txt{font-size: 15px;}
    .contact_items .item .item_txt span{font-size: 14px;}

    .download_list .item{margin-top: 40px;}
    .download_list .item .item_left{width: 100%;padding-left: 20px;}
    .download_list .item .item_right{display: none;}
    .download_list .item .item_left .item_con{padding-left: 20px;}
    .download_list .item .item_left .item_con .item_tit{font-size: 18px;}
    .download_list .item .item_left .item_con .item_txt{font-size: 14px;padding-top: 5px;}

    .publication_list .item{width: calc(100% / 2 - 10px);margin-right: 20px;height: auto;margin-top: 20px;}
    .publication_list .item:nth-child(2n){margin-right: 0;}
    .publication_list .item .item_img{height: auto;}
    .publication_list .item .item_con{padding: 10px;height: 100%;}
    .publication_list .item .item_con .item_tit{font-size: 15px;}

    .publication_list .item:hover {transform: scale(1.05);transition: all 0.5s;}

    .journal_list .item{margin-top: 20px;padding: 20px;}
    .journal_list .item .item_con .item_tit{font-size: 18px;}
    .journal_list .item .item_con .item_sub{padding: 10px;}
    .journal_list .item .item_con .item_sub span{font-size: 15px;width: 49%;}
    
}
@media screen and (max-width:650px){
    .news_list .item .item_img{width: 130px;height: auto;}
    .news_list .item .item_con{width: calc(100% - 130px);height: auto;padding-left: 10px;}
    .news_list .item .item_con .item_day,
    .news_list .item .item_con .item_btn{display: none;}
    .news_list .item .item_con .item_txt{margin: 0;}

    .party_list .item{width: 100%;margin-right: 0;margin-top: 20px;}
    .party_list .item a{display: inline-flex;}
    .party_list .item .item_img{width: 130px;height: auto;}
    .party_list .item .item_con{width: calc(100% - 130px);height: auto;padding: 0;padding-left: 10px;}

    .links_list .item,
     .links_list .item:nth-child(3n){width: calc(100% / 2 - 5px);margin-right: 10px;margin-top: 10px;padding: 10px 5px;}
    .links_list .item:nth-child(2n){margin-right: 0;}
    .links_list .item .item_icon{display: none;}
    .links_list .item .item_tit{width: 100%;font-size: 15px;}
    
    .download_list .item{width: 100%;margin-right: 0;}

    .publication_img,
    .publication_info{height: auto;width: 100%;}
    .publication_info{margin-top: 20px;}

    .journal_list .item .item_img{width: 100%;height: auto;}
    .journal_list .item .item_con{width: calc(100% );height: auto;margin-top: 20px;padding: 0;}

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