@charset "utf-8";
@media screen and (max-width:1280px){
  :root{--smailSizex:0.15rem}
}
@media screen and (max-width:999px){
  :root{--bigSize:20px;--titleSize:18px;--smailSize:16px;--smailSizex:14px}
.wp_artfuns .wp_art_adjoin{font-size:16px}
.sibi_art{margin-top:30px}
.mrlist .col_news_list .news_list .news .news_title{margin:0}
.mrlist .col_news_list .news_list .news .news_text{-webkit-line-clamp:3}
.column-switch{display:block;width:30px;height:20px;background:url(css/img/menu-dot-w.png) no-repeat center;position:absolute;top:16px;right:4%}
.col_name span{font-size:20px}
.col_list ul li{float:none;border-bottom:1px solid #ffffff2e}
.col_name{line-height:48px;margin:0;height:48px}
  ul.col_metas{
    flex-wrap: wrap;
}
.col_path{/* display:none; */padding-left: 22px;background-size: 20px;}
.col_list .slick-next{right:-20px;font-size:17px}
.col_list .col_column .col_item_link{font-size:14px;border:none;text-align:left;padding:0;line-height:39px}
.col_list .col_column .col_item_link:before{content:"";width:5px;height:5px;display:inline-block;border-radius:50%;background:#fff;vertical-align:middle;margin-right:20px}
.col_menu_head{box-sizing:border-box;padding:0 4%;bottom:auto;top:-48px;background:var(--mainColor);clip-path:polygon(0 0,96% 0,100% 48px,100% 100%,0 100%);display: block;}
.col_list{padding-right:0;height:auto;position:static;display:none}
.col_list::before{display:none}
  .art_bottom{
    display: block;
}
  .article{
    width: 100%;
}
  .col_post{
    width: 100%;
    box-sizing: border-box;
    padding: 0;
    border: none;
    margin: 0;
}
.mrlist .col_news_list .news_list .news .news_meta{margin-bottom:.1rem}
#footer .inner .foot-right{justify-content:center;order: 2;margin-top: 10px;width: 100%;}
#footer .inner .foot-center{order: 0;        width: 100%;}
.footer .inner{
    padding: 30px 0;
}
  #footer .inner p{
    text-align: center;
    line-height: 1.75;
}
#footer .inner .foot-left{order: 1;text-align: center;margin-right: 0;width: 100%;margin: 20px 0;}
#footer .inner .mod{flex-direction:column}
nav.Quick-navigation{display:none}
.fixbox .wp-menu a{border-bottom:1px solid #ffffff47; color: #fff;}
.fixbox.navbox .wp-menu .sub-menu .sub-menu a{padding-left:2em}
.fixbox.navbox .wp-menu .sub-menu a{font-size:14px;line-height:34px;display:block;padding-left:1em}
.fixbox.navbox .searchbox{margin-top: 16px;width: 100%;border: 1px solid #ffffff4d;}
.fixbox.navbox .wp-menu li{position:relative}
.fixbox.navbox .wp-menu .menu-link{font-size:var(--smailSize);line-height:40px}
.fixbox.navbox{}
.fixbox{padding: 79px 4% 40px;display: block;flex-direction: column;justify-content: flex-start;}
.fixbox.navbox .wp-menu .sub-menu{text-align:left;margin-top:0;overflow:hidden;height:0;opacity:0}
.fixbox.navbox .wp-menu{display:block;min-height:auto;padding-bottom:0;border:none;margin-bottom:20px;text-align:left}
  .fixbox .site-lang, .fixbox .site-en, .fixbox .searchbox{
    display: block;
}
  .fixbox .site-lang ul{
    flex-wrap: wrap;
}
.fixbox .site-lang ul li.links{width: 25%;}
 .fixbox .site-lang ul li.links a{
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 0 7px;
}
.search-botton img{width:14px}
#nav.open{display:block;top:0;padding-top:122px}
#nav{background:var(--mainColor);position:fixed;height:100vh;display:none}
.nav .site-lang{display:flex;margin-bottom:10px}
.head-right .site-lang{display:none}
.header .sitelogo .logo img{width: 254px;}
.header .sitelogo .logo{margin:0;display:block}
.header .sitelogo .tago img{width:240px;max-width:76%}
.mainhead{position:relative}
.header .nav .sub-menu .sub-item a{color:#fff}
.header .nav .sub-con{display:block;padding:0}
.header .nav .sub-menu ul.sub-list{display:block}
.header .nav .sub-con .sub-img{display:none}
.header .nav .sub-menu{position:static;min-width:inherit;width:auto;background:0 0;height:auto}
.header .nav .wp-menu{display:block;width:100%}
.head-top-right{flex:1;position:relative}
  .header .head-right{
    display: none;
}
  .header:after{
    height: 100%;
}
a.menu-btn.arrow .xian:nth-child(1){width:20px}
a.menu-btn.arrow .xian:nth-child(3){width:20px}
.wrap .ding{display:none}
#banner{height:auto}
a.menu-btn .xian{width:15px;height: 2px;}
  .mbanner .news_list .news:before{
    height: 30%;
}
  a.back_bb{
    display: none;
}
  .mbanner .swiper-button-next, .mbanner .swiper-button-prev{
    --swiper-navigation-sides-offset: 10px;
}
.header.open:before{display:none}
.header .nav .sub-menu .sub-item{width:100%}
.nav .sub-menu .sub-item{border-bottom:1px solid #ffffff38}
.nav .wp-menu .menu-item a.menu-link:after{display:none}
em.menu-switch-arrow:after{content:">";color:#fff;font-family:"宋体";font-size:16px}
em.menu-switch-arrow.open{transform:rotate(90deg)}
em.menu-switch-arrow{position:absolute;right:0;line-height:40px;width:30px;text-align:center;z-index:1;top:0;font-weight:400}
.nav .sub-menu .sub-item a{text-align:left;font-size:13px;line-height:35px;padding-left:1em;color:#fff}
.nav .sub-menu{width:100%;position:static;transform:none;background:0 0}
.header.open{background:#18438a}
.wp-search .search-btn input.search-submit{background-size:14px}
.mbanner .news .news_video{height:0;padding-top:45%}
.mbanner .news_imgs a{height:0;padding-top: 49%;}
.mbanner .slick-dots{left:6%;margin:0;bottom:44px}
.mbanner .news .news_title{width:100%;padding-left:4%;transform:none;left:0;font-size:18px}
.header .mod{height:auto;align-items: center;}
.nav .wp-menu .menu-item a.menu-link{font-size:15px;line-height:38px;display:block;border-bottom:1px solid #ffffff38;color:#fff}
.head-bottom{padding:0;width:auto}
.site-en a{background:#fff;color:#00afca;line-height:30px;width:30px}
.site-en{position:absolute;right:0;bottom:0}
.wp-search .search-btn{right:0;left:auto;height: 0.58rem;width: 0.58rem;}
.wp-search .search-input{margin-left:.1rem;margin-right:36px;width:auto;position:static;background:0 0}
.wp-search .search-input input.search-title{width:100%;line-height:.58rem;height:.58rem;font-size:14px;opacity:1;font-family:"微软雅黑";background:0 0;color:#fff}
.header .searchbox{display:none}
.site-lang ul:after{display:none}
.header .head-top{display:flex;padding-bottom:0;position:relative;flex-wrap:wrap;gap:0}
a.menu-btn.btn1{display:none}
.search-botton{width:36px;height:36px}
a.menu-btn{display:flex;align-items:center;justify-content:center;transition:all .4s ease-in-out;position: static;width: 36px;height: 36px;/* background: #33333373; *//* border-radius: 50%; */}
a.menu-btn.btn2{display:flex}
.header .head-right.open{display:block}
.mod{padding:0 4%}
#banner .inner{position:static}
.wrapper .inner{width:100%;margin:0 auto;height:auto}
.navi-aside-search,.navi-aside-toggle{display:block}
.header .head-left{float:none;display:inline-block;width:100%;height:auto;text-align:center;margin:13px 0}
.header .sitelogo{float:none;margin-top:0;flex-direction:column;align-items:flex-start}
.header .head-left .tago{margin-top:12px;padding-left:4%}
.header .head-main{display:none}
.wp-navi .wp-menu{display:block}
.wp-navi-slide .navi-slide-head{display:block;padding:0 10px;height:40px}
.wp-navi-slide .wp-menu{background:#fff}
.wp-navi-slide .wp-menu .menu-item{display:inline-block;float:none;position:relative;z-index:100;width:100%;padding-left:0;text-align:left;border-bottom:1px solid #eee}
.wp-navi-slide .wp-menu .menu-item .menu-switch-arrow{display:block;width:38px;height:38px;position:absolute;right:6px;top:1px;background:url(css/img/icons.png) no-repeat 10px -116px}
.wp-navi-slide .wp-menu .menu-item a.menu-link{display:block;padding:0 20px;line-height:40px;color:#343434;font-size:14px}
.wp-navi-slide .sub-menu .sub-item a:hover,.wp-navi-slide .sub-menu .sub-item.hover>a,.wp-navi-slide .wp-menu .menu-item a.menu-link.hover,.wp-navi-slide .wp-menu .menu-item.hover a.menu-link{text-decoration:none;color:#000;background-color:#eee}
.wp-navi-slide .sub-menu{display:none;position:relative;left:0;bottom:0;top:0;min-width:0;z-index:100;background:#fff;opacity:.8}
.wp-navi-slide .sub-menu .sub-item{position:relative;white-space:nowrap;vertical-align:top;border-bottom:1px solid #eee}
.wp-navi-slide .sub-menu .sub-item a{display:block;color:#000;height:auto;line-height:40px;padding:0 36px;font-size:14px;background:0 0}
.wp-navi-slide .sub-menu .sub-item a:hover{color:#000;background-color:#eee;display:block}
.wp-navi-slide .sub-menu .sub-menu{left:0;top:0}
.wp-navi-slide .sub-menu .sub-menu .sub-item a{padding:0 52px}
.mbanner .focus{display:none}
.shares ul{display:inline-block;width:auto;margin:0 auto;float:none}
.botlinks .links-wrap{float:none;display:inline-block;width:100%}
.botlinks .links-wrap .link-items{min-width:100%}
.news_tu .news_list li.news{width:33.3%}
  .main1 .inner{
    padding-bottom: 30px;
}
  .post-11 .tt{
    width: 100%;
    margin-bottom: 0.42rem;
}
  .post-11{
    padding-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 1.17rem;
}
.post-11 .con{
    display: block;
}
  .post-11 .con1{
    width: 100%;
    position: static;
    margin-bottom: 20px;
}
  .post-11 .swiper2{
    width: 100%;
    margin-top: 0;
}
 div#particles-js{
    width: 100vw;
    left: -4.3%;
}
  .post1 .tit .title{
    font-size: 22px;
}
  .post-11 .swiper2:after{
    display: none;
}
  .post-11 .list1 .news .news_box{
    padding-right: 0;
    display: flex;
    flex-direction: column;
}
  .post-11 .list1 .news .news_title{
    font-size: var(--bigSize);
    margin-bottom: 10px;
    order: 0;
}
  .post-11 .list1 .news .news_date{
    order: 2;
    margin-bottom: 0;
    margin-top: 10px;
}
  .post-11 .list1 .news .news_text{
    order: 1;
}
  .post-11 .con1 .dot_box,.post-11 .scrollBall{
    display: none;
}
  .post1 .news .news_date{
    font-size: var(--smailSize);
}
  .post-11 .swiper-button-next, .post-11 .swiper-button-prev{}
  .post-12 .news_list .news .news_box{
    margin: 0 15px;
}
  .post-12 .news_list{
    margin: 0 -15px;
}
  .post-12 .news_list .news{
    width: 50%;
    margin-bottom: 20px;
}
  .post-12 .news .news_title{
    font-family: 'SourceHanSansCN-Regular';
}
  .main2 .inner{
    padding: 30px 0;
}
  .main2 .mod{
    display: block;
}
  .post-21 .con{
    display: block;
}
  .post-21 .con .swiper{
    width: 100%;
    margin-bottom: 20px;
}
  .post-21{
    width: 100%;
    margin-bottom: 40px;
}
  .post-21 .list1 .news .news_wz{
    height: auto;
    padding: 15px 0;
}
  .post-22{
    width: 100%;
}
  .post-21 .list2 .news,.post-22 .news_list .news{
    height: auto;
    padding: 10px 0;
}
  .post-21 .con .con2{
    padding: 0;
    border: none;
}
  .main3 .inner{
    padding: 30px 0 14vw;
}
  .sudy-tab .tab-menu.post1{
    gap: 20px;
}
  .main3 .tab-con .post1 .news_list .news a{
    height: 85px;
}
  .post1 .news .news_meta{
    height: 48px;
}
  .main3 .tab-con .post1 .news_list .news{
    width: 100%;
}
  .main4 .inner:before{
    width: 70%;
}
  .main4 .inner{
    padding: 30px 0;
}
  .post-41 .con{
    margin: 0;
}
  .post-41 .swiper-scrollbar.swiper-scrollbar-horizontal{
    display: none;
}
  .post1 .tit .title span .tt_en{
    font-size: 10px;
    top: -6px;
}
  .post1 .more_btn .more_text{
    font-size: var(--smailSize);
}
  .post-41 .control{
    right: 67px;
}
  .main5 .inner{
    padding: 30px 0;
}
.main5 .mbottom{
    flex-direction: column;
}
  .main5 .mright{
    width: 100%;
}
  .main6 .inner{
    padding: 30px 0;
}
  .post-61{
    margin-bottom: 30px;
}
  .post-62 .news_list{
 padding: 0;
}
  .post-62 .news_list .news .news_icon svg{
    width: 34px;
}
}
@media screen and (max-width:767px){
.mrlist .col_news_list .news_list .news .news_imgs{width:41%;}
.foot-left .links{margin:0;margin-bottom:20px}
#footer .inner .foot-left{flex-direction:column;text-align:center}
.mbanner .slick-dots li{width:10px;height:10px}
.mbanner .slick-dots li:after{width:34px;height:35px}
.col_news{padding-top:0}
.mbanner .slick-next,.mbanner .slick-prev{display:none!important}
.sitetitle img{max-width:86%}
.header .sitetitle{display:block;margin-top:10px;font-size:18px}
.mbanner .focus-pagination{display:none}
.l-banner{height:auto;padding-top:56%}
.l-banner img{width:100%;height:100%}
#d-container .inner,#l-container .inner{padding:30px 0}
#d-container.wrapper .inner .mod,#l-container.wrapper .inner .mod{display:block}
.col_menu .col_menu_head h3.col_name .col_name_text{display:block;line-height:40px;font-size:17px}
.col_menu{width:100%;float:none;margin-right:0;position:relative}
.col_menu .col_menu_con{display:none;border:0 solid #e4e4e4}
.col_metas .col_title h2{font-size:18px}
.col_news{width:100%;min-height:0;float:none}
.col_news .col_news_box{margin-left:10px;margin-right:10px}
.col_news_con{padding:5px 0 10px 0;margin:0 0}
.col_news_con .news_list li.news{flex-direction:column}
.col_news_con .news_list li.news span.news_title{line-height:24px;font-size:14px;width:68%}
.col_news_con .news_list li.news span.news_meta{font-size:14px}
.wp_paging li.page_jump,.wp_paging li.pages_count{display:none}
.infobox{width:auto;padding:0;margin:0 10px}
.article .entry .read img,.col_news_list .wp_entry img{max-width:100%;height:auto!important;width:100%}
  .post-62 .news_list .news{
    width: 33.33%;
    margin-bottom: 20px;
}
  .post-62 .news_list .news_title{
    font-family: 'SourceHanSansCN-Regular';
    font-size: 16px;
}
  .post-61 .news_list .news{
    width: 50%;
    margin-bottom: 0.285rem;
}
}
@media screen and (max-width:640px){
  .mrlist .col_news_list .news_list.list2 .news .news_imgs{width:100%}
.mrlist .col_news_list .news_list.list2 .news{margin-bottom:20px;display:block;padding-bottom:20px;}
  .post-62 .news_list .news{}
}
@media screen and (max-width:479px){
  .mbanner .swiper-pagination{
    --swiper-pagination-bottom: 20px;
}
  .mbanner{
    padding-top: 66px;
}
  .header .sitelogo .logo img{
    width: 200px;
}
  .header{
    background: var(--mainColor);
}
  .header:after{display:none}
.header .sitelogo .sitetitle{padding:0;margin:0;display:block;border:none}
.site-lang ul li.links a{margin:0;font-size:13px}
.article h1.arti_title{line-height:28px;font-size:18px}
.article h2.arti_title{line-height:28px;font-size:16px}
   .post-11 .swiper-button-next, .post-11 .swiper-button-prev{
    display: none;
}
  .post-11 .swiper-pagination{
    width: 100%;
    left: 0;
}
  .post-11 .swiper-pagination:after{/* height: 30px; */background-size: 97% auto;transform: translateX(calc(-48% + var(--nowIndex) * 92vw/5));width: 193%;}
    .post1.post-51 .tt{
    display: block;
}
 .post-51 .share {
    margin-top: 20px;
}
  .share .news_list .news .icon{
    width: 40px;
    height: 40px;
}
  .main5 .mleft .post2{
    width: 100%;
}
}