@charset "utf-8"; /*Technical Support SudyTech*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {
    margin: 0;
    padding: 0;
}

header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details {
    display: block;
}
@font-face {
  font-family: "sys";
  src: url(../fonts/SourceHanSerifCN-Regular.ttf);
}
@font-face {
    font-family:"hel";
    src: url(../fonts/HELVETI1-1.ttf);
  }
table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption,th {
    text-align: left;
    font-weight: normal;
}

html,body,fieldset,img,iframe,abbr {
    border: 0;
}

img {
    vertical-align: top;
}

html {
    overflow-x: hidden;
    font-size: 100px;
    --size: calc(100vw / 19.20);
    font-size: var(--size);
}

i,cite,em,var,address,dfn {
    font-style: normal;
}

[hidefocus],summary {
    outline: 0;
}

li {
    list-style: none;
}

h1,h2,h3,h4,h5,h6,small {
    font-size: 100%;
}

sup,sub {
    font-size: 83%;
}

pre,code,kbd,samp {
    font-family: inherit;
}

q:before,q:after {
    content: none;
}

textarea {
    overflow: auto;
    resize: none;
}

label,summary {
    cursor: default;
}

a,button {
    cursor: pointer;
}

h1,h2,h3,h4,h5,h6,em,strong,b {
    font-weight: bold;
}

del,ins,u,s,a,a:hover {
    text-decoration: none;
}

body,textarea,input,button,select,keygen,legend {
    font: 13px/1 arial,\5b8b\4f53;
    color: #333;
    outline: 0;
}

:focus {
    outline: 0;
}

.none {
    display: none;
}

.wcb {
    width: 100%;
    height: 30px;
    border: 2px dashed #97CBE0;
}

.hidden {
    visibility: hidden;
}

.clear {
    width: 100%;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    clear: both;
    display: block;
    _display: inline;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
    display: block;
    zoom:1;}

::-webkit-input-placeholder {
    color: #ccc;
}

:-moz-placeholder {
    color: #ccc;
}

::-moz-placeholder {
    color: #ccc;
}

:-ms-input-placeholder {
    color: #ccc;
}


body {
    line-height: 1;
    font-size: 13px;
    font-family: "Arial";
    color: #232222;
    background: #F8FBFB;
}

:root {
    --mainColor: #891418;
    --hoverColor: #891418;
    --bigSize: 0.2rem;
    --titleSize: 0.2rem;
    --smailSize: 0.16rem;
    --smailSizex: 0.14rem;
    --innerWidth: 15.6rem;
}

p {
    line-height: 1.75;
}

a {
    color: #333;
    text-decoration: auto;
    transition: all 0.4s ease-in-out;
}

a:hover {
    color: var(--hoverColor);
}

.line1 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.line2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line3 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.line4 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.wrapper {
    width: 100%;
    margin: 0 auto;
}

.wrapper .inner {
    width: var(--innerWidth);
    margin: 0 auto;
}

.fix-top {
    padding-top: 100vh;
    position: relative;
    transition: all .7s cubic-bezier(.5,0,.2,1) 0s;
    -webkit-transition: all .7s cubic-bezier(.5,0,.2,1) 0s;
    -moz-transition: all .7s cubic-bezier(.5,0,.2,1) 0s;
    -ms-transition: all .7s cubic-bezier(.5,0,.2,1) 0s;
    -o-transition: all .7s cubic-bezier(.5,0,.2,1) 0s;
    z-index: -1
}

.fix-top.fixed {
    padding-top: 0
}

/**兼容模式提示**/
#browser-modal {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    color: #303233;
    position: fixed;
    z-index: 9999;
    display: flex;
    align-items: center;
}

#browser-modal .browser-modal-cover {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #111;
    opacity: .9;
    z-index: -1;
}

#browser-modal .browser-content {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 80px;
    padding-top: 30px;
    background-color: #fff;
    border-radius: 5px;
}

#browser-modal .browser-content .browser-dpc-logo {
    height: 62px;
    margin: 45px auto 30px;
    background: url(../images/logo.png)no-repeat center/100% 100%;
}

#browser-modal .browser-content .browser-text-title {
    text-transform: uppercase;
    font-size: 24px;
}

#browser-modal .browser-content .browser-text-desc {
    margin-top: 30px;
    margin-bottom: 40px;
    font-size: 14px;
}

#browser-modal .browser-content .browser-list {
    width: 600px;
    margin: 40px auto;
    height: 130px;
}

#browser-modal .browser-content .browser-item {
    float: left;
    width: 150px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

#browser-modal .browser-content .browser-item .iconfont {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    font-size: 80px;
    line-height: 80px;
    margin-bottom: 30px;
    background-size: 100%;
}

#browser-modal .browser-content .browser-item .iconfont.iconchrome {
    background-image: url(../images/Chrome.svg);
}

#browser-modal .browser-content .browser-item .iconfont.iconfirefox {
    background-image: url(../images/Firefox.svg);
}

#browser-modal .browser-content .browser-item .iconfont.iconsafari {
    background-image: url(../images/Safari.svg);
}

#browser-modal .browser-content .browser-item .iconfont.iconEdge {
    background-image: url(../images/Edge.svg);
}

#browser-modal .browser-content .browser-item a {
    color: #921041;
    cursor: pointer;
    display: block;
}

#browser-modal .browser-content .browser-item a img {
    display: block;
    margin: 0 auto;
    max-width: 100px;
    width: 100px;
    height: 100px;
}

#browser-modal .browser-content .browser-item a h4 {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700;
}

/**头部**/
.header {
    border-bottom: none;
    height: 2.95rem;
    line-height: inherit;
    background-size: cover;
    position: relative;
    z-index: 3;
    background: url(../images/head.png) no-repeat center;
    position: absolute;
    width: 100%;
    top: 0;
    transition: 1s;
    background-size: cover;
}
.list .header{
    background: url(../images/head1.png) no-repeat center;
    
}
.header.fix {
    background: var(--mainColor);
    height: 1.34rem;
}

.header .inner {
    position: relative;
    transition: all 0.4s ease-in-out;
    width: 100%;
}

.header .sitelogo {
    margin-left: 1.28rem;
    margin-top: .55rem;
}

.header .sitelogo .logo img {
    max-width: 5.4rem;
    width: 100%;
}

.header .sitelogo .logo {
    display: inline-block;
}

.header .sitelogo h1 {
    font-size: inherit;
    font-weight: normal;
    background: none;
    padding-left: 0px;
}

.header .sitelogo .sitetitle {
    display: inline-block;
    margin-left: 0.19rem;
    color: #fff;
    min-height: 0.52rem;
    vertical-align: middle;
    margin-top: -0.1rem;
}

.header .sitelogo a {
    align-items: center;
}

.header .sitelogo .tago img {
    width: 3.82rem;
}

.header .sitelogo .sitetitle span {
    display: block;
}

.header .sitelogo img.logo {
    width: 3.4rem;
    transition: all 0.6s ease-in-out;
}

.header .head-main {
    float: left;
    margin-top: 10px;
}

.header .mod {
    display: flex;
    justify-content: space-between;
    gap: 1.1rem;
}
.header.fix .sitelogo{margin-top:0}
.header.fix .mod {
    align-items: center;
}
.header .head-top {
    display: flex;
    align-items: center;
    gap: 0.15rem;
}

.header .head-right {
    display: flex;
    align-items: flex-end;
    gap: 0.1rem;
    flex-direction: column;
    margin-right: .95rem;
    margin-top: .25rem;
}

/* 搜索*/
.wp_search {
    display: inline-block;
    position: relative;
    padding-left: 4px;
    border: 1px solid #d0d0d0;
}

.wp_search #keyword {
    width: 160px !important;
    padding: 4px 0;
    border: none;
    height: 20px;
    line-height: 20px;
    background: transparent;
    color: #fff;
}

.wp_search .search {
    width: 32px;
    height: 30px;
    border: 0px;
    background: #FFFFFF url(../images/sous.png) no-repeat center;
    cursor: pointer;
    vertical-align: top;
}

.searchbox .tt {
    color: #fff;
    text-align: center;
    font-size: 0.3rem;
    font-weight: bold;
    margin-bottom: 0.47rem;
}

.searchbox {
    text-align: right;
    width: 0.42rem;
    border-radius: 0.22rem;
    overflow: hidden;
}

.wp-search {
    position: relative;
    background: rgb(255 255 255 / 20%);
}

.wp-search form {
    display: block;
}

.wp-search .search-input {
    margin-left: 0.2rem;
    margin-right: 40px;
}

.wp-search .search-input input.search-title {
    width: 100%;
    line-height: 0.42rem;
    background: none;
    color: #FFFFFF;
    font-size: var(--titleSize);
    border: 0;
    outline: 0;
    font-family: "Arial";
}

.wp-search .search-btn {
    width: 0.42rem;
    height: 0.42rem;
    position: absolute;
    right: 0;
    top: 0%;
}

.wp-search .search-btn input.search-submit {
    width: 100%;
    height: 100%;
    border: 0;
    outline: 0;
    background: url(../images/sous.png) no-repeat center;
    cursor: pointer;
    background-size: 100% 100%;
}

.header .searchbox:hover {
    width: 3rem;
    border-radius: 0.22rem;
}

.header .searchbox {
    transition: all 0.4s ease-in-out;
}

/**角色**/
.site-rale ul li.links {
    float: left;
}

.site-rale ul li.links a:hover {
    color: #fff;
}

.site-lang ul {
    display: flex;
    gap: .12rem;
}
.header .site-lang ul li.links{
    width: 1.6rem;
    background-color: rgb(255 255 255 / 20%);
    border-radius: 2px;
    border: 1px solid rgb(255 255 255 / 50%);
}
.site-lang ul li.links a {
    color: #fff;
    line-height: .42rem;
    display: inline-block;
    font-size: var(--smailSizex);
    font-family: "Arial";
    text-align: center;
    width: 100%;
}

.site-lang ul li.links a:hover {
    color: #fff;
}
.header .site-lang ul li.links:last-child {
    background:none;
    border:none;
    width: .61rem;
    background: url(../images/earth.png) no-repeat .05rem center;
    background-size: .23rem .23rem;
}
.header .site-lang ul li.links:last-child a {color: #fff;line-height: .42rem;display: inline-block;font-size: var(--smailSize);font-family: "Arial";text-align: center;/* background: red; */padding-left: .24rem;/* padding-right: .1rem; */}

/**导航**/
#nav {
    width: 10.50rem;
}

#nav .inner .wp-panel .navbg {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: 100%;
    background: #fff;
    opacity: .7;
    filter: alpha(opacity=70);
}

.nav .wp-menu {
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.nav .wp-menu .menu-item {
    position: relative;
    text-align: center;
    /* margin: 0 .35rem; */
}
.nav .wp-menu .menu-item.i7 {margin-right:0}
.nav .wp-menu .menu-item.i1 {
    background: none;
}

.nav .wp-menu .menu-item a>.menu-switch-arrow {
    display: none;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.nav .wp-menu .sub-menu li .sub-menu {
    display: none;
}
.nav .wp-menu .menu-item.i7 a.menu-link {}
.nav .wp-menu .menu-item a.menu-link {
    line-height: 0.44rem;
    font-size: var(--titleSize);
    display: block;
    color: #fff;
    position: relative;
    font-weight: bold;
    font-family: "Arial";
    /* padding: 0 .2rem; */
}

.nav .wp-menu .menu-item.hover a.menu-link,.nav .wp-menu .menu-item a.hover {
    font-weight: bold;
    text-decoration: none;
    color: var(--mainColor);
}

.nav .sub-menu {
    position: absolute;
    left: 50%;
    top: 100%;
    min-width: 100%;
    z-index: 100;
    background: var(--mainColor);
    opacity: 0;
    transform: translateX(-50%) scale(0);
    transition: all 0.4s ease-in-out;
    border-radius: 8px;
    overflow: hidden;
}

.nav .sub-menu .sub-item {
    position: relative;
    white-space: nowrap;
    vertical-align: top;
    _zoom: 1;
}

.nav .sub-menu .sub-item a {
    display: block;
    color: #fff;
    line-height: 0.5rem;
    padding: 0 17px;
    font-size: var(--smailSize);
    background: none;
    text-align: center;
}

.nav .sub-menu .sub-item.hover>a,.nav .sub-menu .sub-item a:hover {
    color: #333;
    background-color: #fff;
    display: block;
}

.nav .sub-menu .sub-menu {
    left: 100%;
    top: 0px;
    z-index: 200;
    background: #fff;
}

.nav .site-lang {
    display: none;
}

.nav .wp-menu .menu-item a.menu-link:after {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: #fff;
    left: 0;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
}

.nav .wp-menu .menu-item a.menu-link:hover:after {
    transform: scale(1);
}

.nav .wp-menu li:hover>.sub-menu {
    transform: translateX(-50%);
    opacity: 1;
}

/**大图**/
.mbanner {
    perspective: 1920px;
    transform-style: preserve-3d;
}

#banner .inner {
    width: 100%;
    text-align: center;
}
.mbanner .news_list{background:url(../images/banner_bg.png) no-repeat}
.mbanner .news_imgs {
    padding-top: 50%;
}
.mbanner .news_imgs a {
    /* display: block; */
    /* height: 100vh; */
}

.mbanner .news_list .news:not(:first-child) {
}

.mbanner .news_list.slick-initialized .news:not(:first-child) ,.mbanner .news_list.swiper-wrapper .news:not(:first-child) {
    display: block;
}


.mbanner .slick-prev,.mbanner .slick-next {
    z-index: 1;
    top: auto;
    bottom: calc((100% - 2.2rem)/2 - 0.23rem);
    opacity: 0.8;
    display: none!important;
}

.mbanner .slick-prev {
    left: 0.55rem;
}

.mbanner .slick-next {
    right: 0.55rem;
}

.mbanner .news .news_wz {
    position: absolute;
    top: 3.05rem;
    left: 50%;
    margin-left: -7.95rem;
    text-align: left;
    width: 10.6rem;
}

.mbanner .news .news_wz a {
    color: #17607A;
}

.mbanner .news .news_title {
    display: flex;
    font-size: 0.33rem;
    line-height: 1.4;
    position: absolute;
    bottom: 0;
    width: 15rem;
    left: 50%;
    transform: translateX(-7.5rem);
    background: rgb(0 0 0 / 57%);
    height: 1.09rem;
    color: #fff;
    text-align: left;
    padding: 0 0.46rem;
    box-sizing: border-box;
    align-items: center;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mbanner .news .news_title a {
    color: #fff;
    display: block;
    white-space: nowrap;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mbanner .slick-dots {
    width: 100%;
    bottom: 0.7rem;
    left: 50%;
    display: flex;
    transform: translateX(-50%);
    justify-content: center;
}

.mbanner .slick-dots li {
    width: 0.1rem;
    height: 0.1rem;
    border-radius: 0;
    background: none;
    margin: 0 0.1rem;
    opacity: 0.3;
    margin-right: 0.09rem;
    transition: all 0.4s ease-in-out;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-radius: 50%;
    position: relative;
}

.mbanner .slick-dots li button {
    width: 0.1rem;
    height: 0.1rem;
    background: rgb(255 255 255 / 80%);
    padding: 0;
    border-radius: 50%;
}

.mbanner .news .news_video {
    height: 100vh;
}

.mbanner .news .news_video video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.mbanner .news_list .news:after {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none;
    background: linear-gradient(180.00deg, rgba(0, 0, 0, 0),rgb(0, 0, 0) 100%);
    opacity: 0.42;
    height: 2.07rem;
    width: 100%;
    bottom: 0;
}

.mbanner .slick-dots li:after {
    content: "SLIDE DOWN";
    display: block;
    width: 2.5rem;
    height: 1.4rem;
    background: url(../images/dot.png) no-repeat center bottom;
    background-size: contain;
    position: absolute;
    top: -600%;
    left: -180%;
    transform: scale(0);
    transition: all 0.4s ease-in-out;
    color: #fff;
    font-weight: 100;
    z-index: -2;
}

.mbanner .slick-dots li.slick-active:after {
    transform: none;
}

.mbanner .slick-dots li.slick-active {
    opacity: 1;
    /* background: none; */
    width: .6rem;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.mbanner.fixBanner {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #ccc;
}

.fixedok .mbanner {
    opacity: 0;
}

/**内容**/
.news_imgs a,.news_imgs span {
    display: block;
    overflow: hidden;
}

.post .news:hover .news_imgs img,.post .news:hover .news_imgs span img {
    transform: scale(1.1);
}

.news_imgs img,.news_imgs a img,.news_imgs span img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s ease-in-out;
}

.news_imgs {
    overflow: hidden;
    background:#ccc;
    position: relative;
    width: 100%;
}

.news_imgs.bg:after {
    content: "";
    width: 100%;
    position: absolute;
    height: 1.4rem;
    background: linear-gradient(0.00deg,rgb(21,21,21) 3.433%,rgba(57,57,57,0) 96.567%);
    bottom: 0;
    opacity: 0.7;
    pointer-events: none;
}

span.underLine {
    background-image: linear-gradient(var(--mainColor),var(--mainColor));
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size .4s;
}

.news:hover span.underLine {
    background-size: 100% 1px;
    color: var(--mainColor);
}

/**主体公共**/
.post1 .tt {
    display: flex;
    position: relative;
    justify-content: space-between;
    margin-bottom: 0.35rem;
    align-items: center;
}

.post1 .more_btn {
    right: 0;
    bottom: 0;
}

.post1 .more_btn img {
    width: 0.57rem;
    margin-top: .14rem;
}

.post1 .more_btn .more_text {
    vertical-align: middle;
    font-size: var(--smailSize);
    color: #212121;
    line-height: 0.21rem;
}

.post1 .tt .tit span {
    display: block;
    position: relative;
    z-index: 1;
    color: #BA3418;
    font-family: "sys";
}

.post1 .tt .tit {
    text-align: center;
    position: relative;
}

.post1 .tt .tit:after {
    content: "";
    display: block;
    width: 100%;
    height: 0.72rem;
    position: absolute;
    background-size: 100% auto;
    bottom: 0.057rem;
}

.post1 .tt .title {
    font-size: 0.4rem;
    font-weight: bold;
    line-height: .57rem;
}


.post1 .news .news_title {
    font-size: var(--titleSize);
    color: #1A1A1A;
    line-height: .3rem;
}
.post1 .news a:hover .news_title {color:#ba3418}
.post1 .news .news_text {
    font-size: var(--smailSize);
    line-height: .2rem;
    color: #707070;
}

.post1 .news .news_title a {
    color: #4b4b4b;
}

.post1 .news .news_text a {
    color: #707070;
}

.post1 .news .news_meta {
    color: #fff;
}




/**main1**/
.main1 {
    background: #FFF;
    position: relative;
    z-index: 1;
}

.main1 .inner {
    padding: .6rem 0 1.12rem;
}
.main1 .ml{width: 10.8rem;float:left}
.main1 .mr{width: 4.33rem;float:right}
.main1 .mbottom {
    display: flex;
}

.post-12 ,.post-13 {
    width: 100%;
}

.post-12 .con ,.post-13 .con {
    display: flex;
}

.post-12 .con .list1 {
    width: 6.32rem;
    flex: none;
    margin-right: 0.42rem;
    background: #BA3418;
    line-height: normal;
    height: 6.8rem;
}

.post-12 .news .news_imgs {padding-top: 64.24%;}

.post-12 .list1 .news .news_wz {
    padding: .315rem .4rem .62rem;
    box-sizing: border-box;
}

.post-12 .list1 .news .news_title {
    margin-bottom: 0.1rem;
    color: #fff!important;
    height: .84rem;
    line-height: .42rem;
    font-size: .3rem;
}

.post-12 .list1 .news .news_text {
    margin-bottom: 0.21rem;
    color: #fff;
    height: .44rem;
    line-height: .22rem;
}
.post-12 .news_list .news .news_meta {
    font-size: var(--smailSize);
    font-family: "Arial";
    font-weight: bold;
    line-height:.22rem
}
.post-12 .news_list.list2 .news .news_meta {color:#BA3418;margin-bottom: .1rem;}
.post-12 .news_list.list2 .news .news_title {height: .6rem;}
.post-12 .news_list .news .news_meta span {display:initial;
    font-style: italic;
}
.post-12 .con .list2,.post-13 .con .news_list  {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #f5f5f5;
    box-sizing: border-box;
    padding: .12rem .24rem;
}

.post-12 .con .list2 .news,.post-13 .con .news_list .news{border-bottom: 1px solid #c6c6c6;}
.post-12 .con .list2 .news a, .post-13 .news_list .news a{padding: 0.2rem 0;display: block;}
.post-12 .con .list2 .news a{padding: .18rem 0;}
.post-12 .news_list .news.n5,
.post-13 .news_list .news.n5{
    border: none;
    margin-bottom: .05rem;
}

.post-13 .news_list .news a{display: flex;align-items: center;justify-content: space-between;padding: 0.325rem 0;}
.post-13 .news_list .news .news_date{background:#BA3418;width: .64rem;height: .64rem;font-weight: bold;font-size: .24rem;line-height: .36rem;color: #fff;overflow: hidden;white-space: nowrap;text-align: center;}
.post-13 .news_list .news .news_year{background:#fff;color: #BA3418;line-height: .28rem;height: .28rem;font-size: .12rem;}
.post-13 .news_list .news .news_title{margin-left: .18rem;width: calc(100% - .82rem);height: .6rem;/* font-weight: bold; */}


/**main2**/
.main2 {
    background: url(../images/main2.png) no-repeat;
    background-size: cover;
    position: relative;
}

.main2 .inner {
    padding: 0.7rem 0 1.22rem;
}


.post-21 .con .list1 {
  /* background: #BA3418; */
  /* margin:0 -0.22rem; */
  display: flex;
  justify-content: space-between;
}
.post-21 .news_list .news {/* margin:0 .22rem; */width: 3.57rem;}

.post-21 .news_list .news a{display: flex;align-items: center;background: #fff;flex-direction: column;}

.post-21 .news .news_imgs {padding-top: 73.876%;}

.post-21 .list1 .news .news_wz {
  padding: .2rem .3rem;
  box-sizing: border-box;
  height: 1.66rem;
}
.post-21 .news_list .news .news_title {height: .6rem;margin-bottom: .1rem;}
.post-21 .news_list .news .news_meta {
  font-size: var(--smailSize);
  font-family: "Arial";
  font-weight: bold;
  line-height:.22rem;
  border-top: 1px solid #c6c6c6;
  padding-top: .23rem;
}
.post-21 .news_list .news .news_meta {color:#BA3418;margin-top: .12rem;}
.post-21 .news_list .news .news_meta span {display:initial;font-style: italic;}



/**列表页**/
.l-banner {
    /* height: 5rem; */
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    background-size: cover;
    padding-top: 25.9375%;
    overflow: hidden;
}

.l-banner img {
    display: none;
    height: 100%;
    vertical-align: top;
}

/**???????**/
#l-container {}
.pagelist #l-container .inner{width:13.2rem}
#l-container .inner {
    padding: 0.58rem 0rem;
    width: 14rem;
    min-height:5.5rem;
}

/**???????**/
#d-container {}

#d-container .inner {
    background: #fff;
}

.col_menu {
    width: 3rem;
    float: left;
    margin-right: -3rem;
    position: relative;
}

.col_menu .l-qh {
    margin-bottom: 0.10rem;
}

.col_menu .col_menu_head {
    background: #a82424;
    /* margin-top: -1.05rem; */
    height: .8rem;
    position: relative;
}

/**??????**/
.col_menu .col_menu_head h3.col_name {
    font-size: 0.30rem;
    color: #fff;
    font-weight: normal;
}
.col_menu .col_menu_head .column-switch{/* display:block!important; */}
.col_menu .col_menu_head .column-switch { display: block !important;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/**??????**/
.col_menu .col_menu_head h3.col_name .col_name_text {
    display: block;
    line-height: .8rem;
    text-align: center;
    font-family: "Arial";
    font-weight: bold;
}

/**??????**/
.col_menu .col_menu_con {
}

/*????*/
.col_list {
    background: url(../images/list.png);
    width: 3rem;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
    display: block!important;
    min-height: 4.4rem;
}

.col_list .wp_listcolumn {
    border-top: 0rem solid #2867A0;
    border-bottom: 0rem solid #fff;
}

.col_list .wp_listcolumn .wp_column a {
    color: #808080;
    font-size: 0.22rem;
    font-weight: bold;
    background: none;
    border: none;
    padding: 0 .5rem;
    box-sizing: border-box;
}
.col_list .wp_listcolumn .wp_column{box-sizing:border-box;/* margin-top: .1rem; */}
.col_list .wp_listcolumn .wp_column:hover{border-right:5px solid #a82424; border-left:5px solid #a82424;}
.col_list .wp_listcolumn .wp_column.selected{border-right:5px solid #a82424; border-left:5px solid #a82424;}
.col_list .wp_listcolumn .wp_column a .column-name {
    line-height: .75rem;
    padding: 0;
    text-align: center;
    display: block;
    border-bottom: 1px solid #c6c6c6;
}

.col_list .wp_listcolumn .wp_column a:hover,
.col_list .wp_listcolumn .wp_column a.selected {
    color: #333;
    background: none;
    border: none;
}

.col_list .wp_listcolumn .wp_column a.selected span.column-name {
    color: #333;
}

.col_list .wp_listcolumn .wp_subcolumn .wp_column a {
    color: #454545;
    background: none;
    border-top: 0.01rem solid #fff;
    border-bottom: 0.01rem solid #bbb;
}

.col_list .wp_listcolumn .wp_column.parent>a .column-name {
    font-weight: bold;
    color: #a82424;
}

/*?????**/
.col_list .wp_listcolumn .wp_column .sub_list a {
    color: #808080;
    border-top: 0.01rem solid #eee;
    margin-top: -0.01rem;
}

.col_list .wp_listcolumn .sub_list a .column-name {
    display: inline-block;
    line-height: .28rem;
    padding: 0.05rem 0.10rem 0.05rem 0.52rem;
    cursor: pointer;
}

.col_list .wp_listcolumn .sub_list a:hover,
.col_list .wp_listcolumn .wp_column a.selected {
    font-weight: bold;
    color: #a82424;
}

/*?????**/
.col_list .wp_listcolumn .wp_column .sub_list .sub_list a {
    background: none;
}

.col_list .wp_listcolumn .sub_list .sub_list a .column-name {
    padding: 0.05rem 0.10rem 0.05rem 0.51rem;
    cursor: pointer;
}

.col_list .wp_listcolumn .sub_list .sub_list a :hover,
.col_list .wp_listcolumn .sub_list .sub_list a.selected {
    font-weight: bold;
    color: #a82424;
}

/**????**/
.col_news {
    width: 100%;
    min-height: 5.00rem;
    float: right;
}

.col_news .col_news_box {
    margin-left: 3.36rem;
}

.col_news_head {
    padding-bottom: .38rem;
}

.pagelist .col_news_head {margin-bottom: .3rem;padding-bottom: .33rem;border-bottom: 1px solid #c6c6c6;}


.col_metas .col_title {
    display: none;
    float: left;
    line-height: 0.24rem;
}

/**????**/
.col_metas .col_title h2 {
    display: inline-block;
    font-size: .24rem;
    font-weight: bold;
    color: #a82424;
}

.col_metas .col_path {
    display: inline-block;
    float: left;
    white-space: nowrap;
    color: #a82424;
    font-size: .18rem;
    line-height: .24rem;
}

.col_metas .col_path img {
    margin-right: .1rem;
}

.dis .col_metas .col_path {
    float: left;
    margin-top: .1rem;
    margin-bottom: .24rem;
}

.wp_paging {
    padding: 0.5rem 0
}

/**????**/
.col_metas .col_path a {
    color: #a82424;
}

.col_news_con {}

.col_news_list {
}

.col_news_list li.news {
    font-size: 0.18rem;
    opacity: 1 !important;
    position: relative;
    margin-bottom: 0.5rem;
    transition: all ease 0.4s;
    background: rgb(244 244 244 / 95%);
}
.col_news_list .list2.news_list .news:hover .news_date{
    background:#C2A256;
}
.col_news_list .list2.news_list .news:hover .wz .news_more{
    background: url(../images/more2.png) no-repeat right;
}

.col_news_list li.news span.news_title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 1.1rem;
    font-size: .22rem;
    width: calc(100% - 1.15rem);
}

.col_news_list li.news:hover span.news_title:before {
    left: 0.15rem;
}

.col_news_list .list2.news_list .news .news_date {
    display: flex;
    background: #a82424;
    width: .93rem;
    flex-direction: column;
    color: #fff;
    position: absolute;
    height: .93rem;
    font-size: 0.18rem;
    white-space: nowrap;
    line-height: .3rem;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    font-family: "Arial ";
}


.col_news_list .list2.news_list .news .news_date .news_mm {
}
.col_news_list .list2.news_list .news .news_date .news_dd {
    font-size: 0.36rem;
    font-weight:bold;
    line-height: .35rem;
}
.col_news_list .list2.news_list .news .news_date .news_yy {

}

.col_news_list .list2.news_list .news .wz {
    padding: .34rem;
    padding-left: 1.25rem;
    background: #eee;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.col_news_list .list2.news_list .news .wz .news_title {
    width: 100%;
    font-size: .18rem;
    line-height: .32rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: .64rem;
    font-family: "Arial";
    color: #333;
}
.col_news_list .list2.news_list .news .wz .news_more {margin-right: .36rem;margin-top: .5rem;height: .24rem;background: url(../images/more1.png) no-repeat right;}

/**????????**/
.col_news_list .wp_entry,
.col_news_list .wp_entry p {
    line-height: 1.75;
    font-size: 0.14rem;
    color: #333;
}

.col_news_list .wp_entry p {
    margin-bottom: 0.10rem;
}

.col_news_list .wp_entry table {
    margin-bottom: 0.04rem;
}

.col_news_list .wp_entry img {
    max-width: 6.80rem;
    _width: expression(this.width > 680 ? "6.80rem" : this.width);
}

/**???????????**/
.possplit {
    text-indent: 0;
    width: 0.20rem;
    text-align: center;
    background: none;
    /* font-size: 0; */
}

/**???**/
.infobox {
    width: auto;
    margin: 0 auto;
    padding: 0.20rem 0.60rem;
    min-height: 5.50rem;
}

.article {
    padding-top: 0.10rem;
}

.article .arti_title {
    line-height: 0.42rem;
    font-size: 0.25rem;
    text-align: center;
    color: #333333;
    font-family: "Arial";
    font-weight: bold;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

/**????**/
.article h2.arti_title {
    font-size: 0.2rem;
}

/**?????**/
.article .arti_metas {line-height: .44rem;text-align: center;}

.article .arti_metas span {
    margin: 0 0.15rem;
    font-size: 0.16rem;
    color: #A41919;
    line-height: .2rem;
    display: inline-block;
    height: .2rem;
}

/**??????**/
.article .arti_info{position:relative;height: .44rem;margin-top: .1rem;}
.article .share-component {
                          position:absolute;
                          right:0;
                          top: 0px;
                          height: .44rem;
                          padding-left:.85rem;
                          display: flex;
                          flex-direction: row-reverse;
                          gap: .24rem;
                          }
.article .share-component:after {position:absolute;left:0;top: 0;height: .44rem;color: #A41919;text-transform: uppercase;font-size: .14rem;line-height: .44rem;content:" share:"}
.social-share .icon-qzone{display:none!important}
.article .share-component .social-share-icon.icon-wechat {background:url(../images/wx.png) no-repeat center;background-size:cover;}
.article .share-component .social-share-icon.icon-weibo {background:url(../images/wb.png) no-repeat center;background-size:cover}
.article .share-component .social-share-icon.icon-qq {background:url(../images/qq.png) no-repeat center;background-size:cover}
.article .entry {
    margin: 0 auto;
    overflow: hidden;
    margin-top: 0.50rem;
    margin-bottom: .8rem;
}

/**????**/
.article .entry .read,
.article .entry .read p {
    line-height: .32rem;
    font-size: 0.18rem;
    color: #333;
}

/**????**/
.article .entry .read p {
    margin-bottom: 0.10rem;
    word-break: break-all;
}
.article .entry .read p img{text-align:center;position: relative;left: 50%;transform: translateX(-50%);}
.article .entry .read img {
    margin: 0 auto;
    max-width: 9.40rem;
    _width: expression(this.width > 940 ? "9.40rem" : this.width);
}

.article .entry .read table {
    margin: 0 auto;
    border: none !important;
}


/** 上一篇 下一篇样式 **/
.article .sibi_art{display:none}
.wp_artfuns .wp_art_adjoin {
    margin: .5rem 0;
}

.wp_artfuns .wp_art_adjoin .prev {
    cursor: pointer;
    color: #333;
    font-weight: bold;
    font-size: 0rem;
    line-height: .56rem;
    width: .8rem;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative
}

.wp_artfuns .wp_art_adjoin .prev:before {
    position: absolute;
    content: "上一篇 :";
    line-height: .56rem;
    width: .8rem;
    top: 0;
    bottom: 0;
    font-size: 0.24rem;
}

.wp_artfuns .wp_art_adjoin .prev-title {
    cursor: pointer;
    color: #333;
    font-weight: bold;
    font-size: .2rem;
    line-height: .56rem;
    display: inline-block;
    width: calc(100% - 1rem);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.wp_artfuns .wp_art_adjoin .prev:hover {
    color: #333;
}

.wp_artfuns .wp_art_adjoin .next {
    cursor: pointer;
    padding: 0;
    color: #333;
    font-weight: bold;
    font-size: .0rem;
    line-height: .56rem;
    width: .8rem;
    background: ;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative
}

.wp_artfuns .wp_art_adjoin .next:before {
    position: absolute;
    content: "下一篇 :";
    line-height: .56rem;
    width: .8rem;
    top: 0;
    bottom: 0;
    font-size: 0.24rem;
}

.wp_artfuns .wp_art_adjoin .next-title {
    cursor: pointer;
    color: #333;
    font-weight: bold;
    font-size: .2rem;
    line-height: .56rem;
    display: inline-block;
    width: calc(100% - 1rem);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.wp_artfuns .wp_art_adjoin .next:hover {
    color: #333;
}


#wp_paging_w6 .wp_paging {
    font-size: 0.12rem;
    line-height: 0.34rem;
    padding: 0.04rem 0 0.72rem;
    text-align: right;
}

#wp_paging_w6 .wp_paging li {
    margin: 0;
    line-height: 0.20rem;
    height: 0.20rem;
    float: none;
    display: inline-block;
}

#wp_paging_w6 .wp_paging li.pages_count {
    display: none;
}

.wp_paging li span,
.wp_paging li a {
    display: inline-block;
    float: left;
    margin-left: 0.10rem;
}

#wp_paging_w6 .wp_paging li a {
    height: 0.20rem;
    line-height: 0.20rem;
    padding: 0 0.09rem;
    border: 0.01rem solid #9E9E9E;
    color: #000;
}

.wp_paging li input {
    border: 0.01rem solid #d5d5d5;
    background: #fff;
    text-align: center;
}

#wp_paging_w6 .wp_paging li a:hover {
    background: #79452E;
    color: #fff;
}

#wp_paging_w6 .wp_paging li input {
    font-size: 0.12rem;
    width: 0.40rem;
    height: 0.20rem;
    margin: 0;
    line-height: 0.34rem;
    border: 0.01rem solid #9E9E9E;
    background: transparent;
}

#wp_paging_w6 .wp_paging li span:last-child {
    margin: 0;
}

#wp_paging_w6 .wp_paging li em {
    font-weight: 400;
}

.wp_paging li span.pages {
    padding: 0 0.10rem;
}

#wp_paging_w6 .wp_paging li span.all_count {
    margin: 0 0.15rem;
}
/**底部**/
#footer {
    background-size: cover;
    position: relative;
    background: #B93318;
}

.footer .inner {
    padding: .7rem 0;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

.foot-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: .857rem;
}

#footer .inner.in1 {
    padding: .57rem 0 .32rem;
    position: relative;
}

#footer .inner .mod {
    display: flex;
    justify-content: space-between;
    gap: 1.1rem;
}

#footer .inner .foot-left {
    flex: 1;
    display: flex;
    justify-content: space-between;
}

#footer .inner .foot-center {
    /* flex: 1; */
    /* text-align: center; */
}

#footer .inner .foot-center img {
    width: 5.4rem;
}

#footer .inner .foot-right {
    display: none;
}

#footer .inner p {
    font-size: var(--smailSize);
    line-height: .28rem;
    font-weight: normal;
    color: #fff;
    opacity: .95;
    font-family: "Arial";
}

#footer .inner p a {
    color: #fff;
}

#footer .inner p span {
    margin: 0 3px;
}

.foot-left .title {
    color: #fff;
    font-size: var(--bigSize);
    line-height: .21rem;
    font-weight: normal;
    margin-bottom: .14rem;
    border-bottom: 2px solid #B99850;
    padding-bottom: .08rem;
    font-family: "Arial";
}

/**底部链接**/
.foot-left .tt {
    margin-bottom: .4rem;
}

.foot-left .links {
    /* margin-left: 1rem; */
}

/**分享**/
.shares .news_list {
    display: flex;
    text-align: center;
    gap: .17rem;
}

.shares .news_list .imgs {
    width: 1rem;
    height: 1rem;
    position: absolute;
    bottom: 127%;
    left: 50%;
    margin-left: -.5rem;
    transform: translateY(-.4rem);
    opacity: 0;
    transition: all .4s ease-in-out;
}

.shares .news_list .imgs img {
    width: 100%;
    height: 100%unset;
}

.shares .news_list .news_icon {
    display: block;
    background-color: #ffffff2e;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: .7;
    background-size: 53%;
}

.shares .news_list .news {
    position: relative;
}

.shares .news_list .n1 .news_icon {
    background-image: url(../images/weixin.svg);
}

.shares .news_list .n2 .news_icon {
    background-image: url(../images/weibo.svg);
}

.shares .news_list .news_icon:hover {
    opacity: 1;
}

.shares .news_list .news:hover .imgs {
    opacity: 1;
    transform: none;
}

.shares .news_list .news_title {
    color: #fff;
    font-size: var(--smailSizex);
    line-height: 1.4;
    margin-top: .13rem;
}

.footlogo img {
    width: 4.62rem;
}

.foot-bottom {
    padding: .25rem 0;
    text-align: center;
    position: relative;
    z-index: 1;
    border-top: 1px solid rgb(255 255 255 / 50%);
    background: #302B29;
}

.foot-bottom p {
    font-size: var(--smailSize);
    line-height: .26rem;
    color: #fff;
    position: relative;
    font-family: "Arial";
}

/**侧导航**/
nav.Quick-navigation {
    display: none!important;
    position: absolute;
    right: 0;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    font-size: 19px;
    line-height: 70px;
    background: var(--mainColor);
    color: #fff;
    padding: 0 16px;
    border-radius: 20px;
}

nav.Quick-navigation a {
    color: #fff;
    border-bottom: 1px solid #fff;
}

nav.Quick-navigation a.current {
    color: #e1d4a4;
    border-bottom: 1px solid var(--hoverColor);
}

.Scroll-to-top {
    display: none!important;
    width: 60px;
    height: 60px;
    position: fixed;
    z-index: 1;
    background: #fff;
    bottom: 2%;
    border-radius: 50%;
    right: 1%;
    background: #1776be7a;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}