@charset "UTF-8";

/**
 * [Medium Screen for Pad]
 * 768~959
 */
@media screen and (max-width: 1280px) {
body{font-size:15px;}
    :root {
        --smailSizex: 0.15rem;
    }
    .logo_b .sitelogo span{ font-size: .5rem;font-weight: bold;  color: #fff;}
.logo_b .enlogo{ color: #fff;  font-size: .3rem;line-height: 1.35;}


}

@media screen and (max-width: 999px) {
body{font-size:14px;}
    :root {
        --bigSize: 18px;
        --titleSize: 16px;
        --smailSize: 15px;
        --innerWidth: 100%;
        --smailSizex: 14px;
    }
    .mod { padding: 0 4%;}
    .list .mod { padding: 0;}
    .wrapper .inner {  width: 100%; margin: 0 auto; height: auto;}
    #l-container .inner { padding: 0;}
    div#container-nav{display: none;}
   .logo_b{    bottom: 0.2rem;}
    .logo_b .sitelogo { padding-left: 4%;}
    .logo_b .sitelogo span{font-size: 0.4rem;}
    .logo_b .enlogo{font-size: 16px;padding-left: 4%;}
    .headfix{    position: relative !important;}
.main1{    background: #043d84;}
.main1 .inner {
    padding: 0.3rem 0 0.3rem;
}
    .main1 .ml{float: none;width: 100%;}
    .main1 .mr{float: none;width: 100%;margin-top: 0;}
.post-11.mbox {
    min-height: auto;
    box-shadow: none;
}
.post-11 .news_list li.news p {
    line-height: 30px;
    font-size: 15px;
}
.post-11 .news_list li.news .news_more {
    margin-top: 0.1rem;
}
.post-33 .news_list li.news.n2 {
    float: none;
    width: 100%;
    margin-top: 0.2rem;
}
.post-33 .news_list li.news {
    float: none;
    width: 100%;
}
    .post-21 li{}
    .post-21 li .news_box { line-height: 40px;}
    .post-21 li .news_title { line-height: 40px;    font-size: var(--smailSize);}
    .main2 .ml{float: none;width: 100%;margin-bottom:0.2rem;}
    .main2 .mr{float: none;width: 100%;}
    .post-13 .con {
        margin: 0.6rem 0.2rem 0.2rem 0.2rem;
        text-align: center;
    }
.main3 .inner {
    padding: 0.2rem 0 0.2rem;
}
    .main3 .ml{float: none;width: 100%;margin-bottom:0.2rem;}
    .main3 .mc{float: none;width: 100%;margin-left: 0;margin-bottom:0.2rem;}
    .main3 .mr{float: none;width: 100%;}
.main3 .con .news_list {
    padding: 0; min-height: auto;
}
.main3 .post-31 .con .news_list {
    padding: 0.1rem 0.2rem 0.3rem }
.main3 .post-31 .news_list li.news .news_title {
    float: left;
    width: 73%;
}
.links .news_title {
    font-size: var(--smailSize);
    float: left;
    width: 50%;
    line-height: 1.75;
    text-align: center;
    margin-bottom: 0.1rem;
}
.post1.post-11 .con {
    padding: 0.3rem 0.1rem 0.1rem 0.3rem;
}
.post-12.mbox .news_wz {
    padding: 0.3rem 0.3rem 0.5rem 0.3rem;
}
.main4 .inner {
    padding: 0.1rem 0 0.1rem;
}
    .news_tu .news_list li.news{float: none;width: 100%;margin-bottom: 0.3rem;}
.main5 {
    background: #f6f8ff url(images/main5.png) no-repeat top right;
}
.main5 .inner {
    padding: 0.1rem 0 0.3rem;
}
    .main5 .ml{float: none;width: 100%;        margin-bottom: 0.3rem;}
    .main5 .mr{float: none;width: 100%;}
    .col_path {
        display: none;
    }
    .col_name {
        line-height: 48px;
        margin: 0;
        height: 48px;
    }
    .col_menu_head {
        box-sizing: border-box;
        padding: 0 4%;
        z-index: 1;
        left: 0;
        bottom: auto;
        margin-top: -48px;
        position: relative;
    }
    .col_list {
        display: none;
        width: 100%;
        padding: 0;
        padding-bottom: 20px;
    }
    .col_menu_head:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        /* background: url(images/col_bg.png) no-repeat; */
        backdrop-filter: blur(9px);
        /* opacity: 0.69; */
        background: linear-gradient(206.44deg, rgb(203, 52, 49, 0.5) -104.252%, rgb(3, 61, 130, 0.5) 45.149%, rgb(37, 146, 62, 0.5) 256.801%);
    }
    .col_menu_head * {
        position: relative;
        z-index: 1;
    }
    .col_list ul li {
        float: none;
        border-bottom: 1px solid #ffffff2e;
    }
    .col_list .col_column a:before {
        content: "";
        width: 5px;
        height: 5px;
        display: inline-block;
        border-radius: 50%;
        background: #fff;
        vertical-align: middle;
        margin-right: 20px;
    }
    .col_list::before{display: none;}
    .col_list .col_column a {
        font-size: 17px;
        border: none;
        text-align: left;
        padding: 0;
        line-height: 39px;
    }
    .column-switch { display: block;  width: 30px; height: 20px; background: url(css/img/menu-dot-w.png)no-repeat center;  position: absolute;top: 14px; right: 4%; }
    .col_menu .col_menu_head h3.col_name .col_name_text {display:block;line-height:40px;pa;padding: 0px 5px 0px 12px;font-size: 17px;}/**栏目名称图标**/
    .col_menu {width: 100%;float:none;margin-right:0px;position:relative;} 
    .col_menu .col_menu_con{display:none;border:0px solid #e4e4e4;}
    .col_metas .col_title h2 {font-size:18px;}/**当前栏目名称**/
    
    .col_news {width: 100%;min-height:300px;float:none;} /**栏目新闻**/
    .col_news .col_news_box{margin-left: 10px;margin-right: 10px;}
    .col_news_con { padding:5px 0px 10px 0px; margin:0 0px;}
    .col_news_con  .news_list li.news {line-height:24px;padding:4px 0px;}
    .col_news_con  .news_list li.news span.news_title {line-height:24px;margin-right:100px;}/*标题*/
    .col_news_con  .news_list li.news span.news_meta {margin-left:-100px;}/*属性*/
    
    .wp_paging li.pages_count,.wp_paging li.page_jump{display:none;}
    
    .infobox { width:auto;padding:0px;  margin:0 10px; }
    
    .col_news_list .wp_entry img,
    .article .entry .read img{max-width: 100%;height:auto!important;}/**文章阅读部分图片大小限制**/
    .foot-bottom { flex-direction: column; text-align: center;}
    .foot-right p { text-align: center; }
    #footer .tt { text-align: center;}
    #footer .inner .foot-right { justify-content: center; }
    #footer .inner .foot-center {  margin: 20px 0;width: 100%; }
    .footer .inner { padding: 30px 0; }
    #footer .inner .foot-left { justify-content: center; align-items: center;}
    #footer .inner .mod { flex-direction: column;}

    .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; border-bottom: 1px solid #ffffff47; padding-left: 1em;}
    .fixbox .wp-menu .sub-menu li { position: relative;}
    .fixbox.navbox .searchbox { margin-top: 20px; width: 100%;}
    .fixbox.navbox .wp-menu .menu-item { border-bottom: 1px solid #ffffff47; position: relative;}
    .fixbox.navbox .wp-menu .menu-link { font-size: var(--smailSize); line-height: 40px;}
    .fixbox.navbox { padding: 94px 4%;  display: block;}
    .fixbox {  padding: 108px 4% 0; display: block; overflow: auto; }
    .fixbox .wp-menu .sub-menu .sub-menu { display: block;}
    .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;}

    .post1 .tt .title {  font-size: 22px;        line-height: 48px;}
    .post1 .tt .tit { width: 123px; }
    .post1 .more_btn a {  height: 100%}
    .post1 .more_btn img { width: 14px;}
    .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: auto;   max-width: 76%; }
    .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: none; height: auto; }
    .header .nav .wp-menu {  display: block; width: 100%;}
    .head-top-right {  flex: 1;   position: relative; }

    a.menu-btn.arrow .xian:nth-child(1) {  width: 20px; }
    a.menu-btn.arrow .xian:nth-child(3) { width: 20px; }
    a.menu-btn .xian {  width: 18px; height: 2px; }
    .wrap .ding { display: none; }
    #banner {  height: auto; position: relative;}
div#banner {

    margin-top: 0;
}
.l-banner{margin-top: 0;}
    .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: normal; }

    .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: none;}
    .nav .wp-menu .menu-item a.menu-link { font-size: 15px; line-height: 38px; display: block; border-bottom: 1px solid #ffffff38;color: #fff; }
    .header.open { background: #18438A; }
    .header .mod { height: auto; }
    .head-bottom { padding: 0; width: auto; }
    .site-en a { background: #fff;  color: #00AFCA; line-height: 30px; width: 30px;}
    .site-en { position: absolute;  right: 0px; bottom: 0;}
    .wp-search .search-btn input.search-submit { background-size: 14px;}
    .wp-search .search-btn {  right: 0; left: auto; height: 0.58;}
    .wp-search .search-input { margin-left: 0.1rem; margin-right: 36px; width: auto; position: static;  background: none; }
    .wp-search .search-input input.search-title { width: 100%; line-height: 0.58rem; height: 0.58rem;font-size: 14px;  opacity: 1;  font-family: "微软雅黑";
 background: none; color: #fff;  }
 .search-botton { width: 36px; height: 36px;}
    .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; }
    .header .head-right.open {  display: block; }
    a.menu-btn.btn1 {display: none; }
    a.menu-btn {  display: flex; width: 36px;  height: 36px;align-items: center; justify-content: center;  transition: all 0.4s ease-in-out; margin-left: 9px; gap: 4px; }
    a.menu-btn.btn2 { display: flex;}
.post-51 .news_imgs {float: left;width: 50%;background: #f1f1f1;height: 3.58rem;overflow: hidden;}
.post-51 .news_imgs img{min-height: 3.58rem;height:auto;width:100%}
.post1.post-11 .tt .tit span{color: #fff;line-height: 0.88rem;padding-left: 0.1rem;}
    #banner .inner {  position: static;}
    .navi-aside-toggle,
    .navi-aside-search { display: block; }

    .header .head-left { float: none; display: inline-block;  width: 100%; height: auto; text-align: center; margin: 5px 0; }
    .header .sitelogo { float: none; margin-top: 0px; flex-direction: column; align-items: flex-start;}
    .header .sitelogo span { width: 100%;  text-align: left; box-sizing: border-box;}
    .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: 0px; 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 .wp-menu .menu-item a.menu-link.hover,
    .wp-navi-slide .wp-menu .menu-item.hover a.menu-link,
    .wp-navi-slide .sub-menu .sub-item.hover>a,
    .wp-navi-slide .sub-menu .sub-item a:hover { text-decoration: none;  color: #000;  background-color: #eee;}
    .wp-navi-slide .sub-menu {  display: none; position: relative; left: 0; bottom: 0px; top: 0px; min-width: 0px; z-index: 100;  background: #fff;opacity: 0.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: none;}
    .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;}
    .mrlist .col_news_list .news_list .news {
        height: auto;
    }
}
@media screen and (max-width:640px){.mrlist .col_news_list .news_list.list2 .news .news_imgs{width:100%;margin: 0;}
.mrlist .col_news_list .news_list.list2 .news{margin-bottom:20px;display:block;padding-bottom:20px;        height: auto;}
                                    .mrlist .col_news_list .news_list .news .news_wz{
    width: auto;
  
}
}
/**
 * [Small Screen for Smart Phone and Mini Pad]
 * 480~767
 */
@media screen and (max-width: 767px) {
   .mbanner .news .news_title{left: 54%;}
    .foot-left .links { margin: 0; margin-bottom: 20px;}
    #footer .inner .foot-left {  flex-direction: column; text-align: center; }
 .sitetitle img {   max-width: 86%;  }

    .header .sitetitle {  display: block;  margin-top: 10px; font-size: 18px; }

    /*栏目图片*/
.l-banner{height:0;padding-top:42%}
.l-banner img{width:100%;height:100%}
.post-21 .news_imgs img {
    width: 100%;
    height: 4rem;
}
.col_name span {
    font-size: .3rem;
}
    #footer .inner .foot-left img:nth-child(1) {
        width: auto;
    }
.post-21 .slick-next{right:0.1rem;    top: 50%;z-index:99;background:url(images/right.png) no-repeat center;    opacity: 1;}
.post-21 .slick-prev{left:0.1rem;    top: 50%;z-index:99;background:url(images/left.png) no-repeat center;     opacity: 1;}

}

/**
 * [xSmall Screen for Smart Phone]
 * 480~767
 */
@media screen and (max-width: 640px) {

}

@media screen and (max-width: 479px) {

    .main3 .post-31 .news_list li.news .news_title {
        float: left;
        width: 64%;
    }

    .article h1.arti_title {line-height: 28px;font-size: 22px; }
    .article h2.arti_title {  line-height: 28px;  font-size: 16px; }

}

/**
 * [Tiny Screen for Older Phone and Smart Phone]
 * <319
 */
@media screen and (max-width: 319px) {}