@font-face {
    font-family: DIN;
    src: url('DIN-Medium.otf')
}

@font-face {
    font-family: SourceHanSansCN;
    src: url('SourceHanSansCN-Regular.ttf')
}

@font-face {
    font-family: SourceHanSerifCN;
    src: url('SourceHanSerifCN-SemiBold-7.otf')
}

@font-face {
    font-family: BEBAS;
    src: url('BEBAS.ttf')
}

@font-face {
    font-family: STxingkai;
    src: url('STxingkai.ttf')
}

* {
    box-sizing: border-box;
    color: #3D3D3D;
    font-size: .16rem;
}

body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code {
    margin: 0;
    padding: 0;
    color: inherit;
    line-height: inherit;
    font-family: 'SourceHanSansCN', "microsoft yahei",'PingFang SC','PingFangMedium';
    /* font-size: inherit; */
}

img {
    border: 0;
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    height: auto;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

ul,li {
    list-style: none;
}

a,p,span,i,em {
    text-decoration: none;
    color: inherit;
    font-size: inherit;
}

pre {
    word-break: break-word;
}

:focus {
    outline: none!important;
    border-color: inherit;
}

.clearfix {
    *zoom: 1;}

.clearfix:before,.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

h3,h4,h5,h6 {
    font-weight: normal;
}

em,i {
    font-style: normal;
}

input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {
    -webkit-appearance: none;
}

input[type="button"] {
    border: none;
}

textarea {
    -webkit-appearance: none;
}

.auto {
    margin: 0 auto;
    width: 14rem;
}

:hover {
    transition: all .2s;
}

.img_hover_wrap {
    overflow: hidden;
}

.img_hover {
    transition: all .3s;
}

.img_hover:hover {
    transform: scale(1.05,1.05);
}

.img_traslate {
    transition: all .3s;
}

.img_traslate:hover {
    transform: translateY(-10px);
}

.img_rotate {
    transition: all .3s;
}

.img_rotate:hover {
    transform: rotate(-360deg);
}

.bold {
    font-weight: bold;
}

.normal {
    font-weight: normal!important;
}

.center {
    text-align: center!important;
}

.img {
    /* width: 100%; */
    display: block;
    height: auto;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ele {
    position: relative;
}

.ele:before,.ele:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
}

.ipt {
    display: block;
    border: none;
}

.ipt_button {
    cursor: pointer;
}

.item_scale .icon {
    transition: all .3s;
}

.item_scale:hover .icon {
    transform: scale(1.08,1.08);
}

.text-left {
    text-align: left!important;
}

.text-right {
    text-align: right!important;
}

.clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    /* display: -ms-flexbox; */
    -webkit-box-orient: vertical;
    /*-webkit-line-clamp: 3;*/
}

.clamp1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.clamp2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.clamp3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

body {
    background: #fff;
    overflow-x: hidden;
}

.item {
}

.item .imgbox {
    display: block;
    overflow: hidden;
}

.item .img {
    transition: all 1s;
    width: 100%;
    display: block;
}

.item:hover .imgbox .img {
    transform: scale(1.1,1.1);
}

.zoomimg {
    position: relative;
    overflow: hidden;
    height: 0;
    display: block;
}

.zoomimg .img {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.flipx .icon {
    transition: all .3s;
}

.flipx:hover .icon {
    transform: scaleX(-1);
}

.scale .icon {
    transition: all .3s;
}

.scale:hover .icon {
    transform: scale(1.1,1.1);
}

.underline:hover {
    text-decoration: underline;
}

label {
    -webkit-tap-highlight-color: rgba(255,0,0,0);
}

.img_full {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex-align-start {
    align-items: flex-start;
}

.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-align-end {
    align-items: flex-end;
}

.flex-pack-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-pack-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: pace-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-pack-start {
    justify-content: flex-start;
}

.flex-pack-end {
    justify-content: flex-end;
}

.flex-v {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-w {
    flex-wrap: wrap;
}

.flex-1 {
    flex: 1;
    overflow: hidden;
}

.flex-11 {
    flex: 1;
}

html {
    font-size: 5.2083vw;
}

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

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

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

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

/* index */
.head {
    height: 1.8rem;
    background: url(../images/img_01_01.jpg) no-repeat center;
    background-size: 100% 100%;
    position: sticky;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
}

.head .auto {
    width: 98%;
    max-width: 16.8rem;
}

.head .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding-bottom: 0.1rem;
}

.logo {
    font-size: 0.26rem;
    color: #fff;
    display: flex;
    align-items: center;
}

.logo .tp {
    height: 0.8rem;
    margin-right: 0.2rem;
}

.head .top-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0.05rem;
}

.hd-sear-wrap .guanbi {
    display: none;
}

.hd-sear {
    width: 2.04rem;
    display: flex;
    border-radius: .2rem;
    border: 1px solid #fff;
    overflow: hidden;
}

.hd-sear .ipt-txt {
    flex: 1;
    overflow: hidden;
    font-size: 0.16rem;
    color: #fff;
    height: 0.34rem;
    line-height: 0.34rem;
    background-color: transparent;
    padding: 0 .15rem;
}

.hd-sear .submit {
    width: 0.34rem;
    height: 0.34rem;
    background: url(../images/search.svg) no-repeat center;
    background-size: .2rem;
    border: none;
    cursor: pointer;
    margin-right: 0.06rem;
}

.hd-sear ::-webkit-input-placeholder {
    color: #fff;
}

.hd-sear :-moz-placeholder {
    color: #fff;
}

.hd-sear ::-moz-placeholder {
    color: #fff;
}

.hd-sear :-ms-input-placeholder {
    color: #fff;
}

.hd-lks {
    margin-left: 0.1rem;
    padding-left: 1px;
}

.hd-lks .searicon {
    display: none;
}

.hd-lks .lk {
    font-size: 0.16rem;
    color: #fff;
    background-color: rgba(255,255,255,.2);
    width: 0.82rem;
    text-align: center;
    border-radius: .18rem;
    margin-left: 0.2rem;
    display: inline-block;
    vertical-align: middle;
    line-height: 0.34rem;
}

.hd-lks .xuesheng {
    color: #3D3D3D;
    background-color: #F1AF38;
}

.hd-lks .fangke {
}

.hd-lks .lk:hover {
    background-color: #fff;
    color: #2f418d;
}

.hd-nav {
}

.hd-nav li {
    position: relative;
    margin-left: 0.3rem;
    display: inline-block;
    vertical-align: middle;
}

.hd-nav li>a {
    font-size: 0.22rem;
    color: #fff;
    line-height: 0.65rem;
    display: block;
    text-align: center;
}

.hd-nav .drop {
    position: absolute;
    width: 1.16rem;
    left: 50%;
    transform: translate(-50%,0);
    background-color: rgba(255,255,255,1);
    display: none;
    box-shadow: 0px .04rem .1rem 0px rgba(0, 0, 0, 0.3);
}

/* .hd-nav .drop .arrow{content:'';position: absolute;width: 0;height: 0;border-style: solid;border-width: 0 .07rem .08rem .07rem;border-color: transparent transparent #fff transparent;left: 50%;top: -0.07rem;margin-left: -0.05rem;} */
.hd-nav .lk {
    font-size: 0.16rem;
    color: #333;
    line-height: 0.36rem;
    display: block;
    text-align: center;
    border-bottom: 1px solid #D8D8D8;
    padding: 0 .05rem;
}

.hd-nav .lk:hover {
    background-color: #7f1017;
    color: #fff;
}

.hd-nav .lk:last-child {
    border-bottom: none;
}

.hd-nav li.cur>a,.hd-nav li:hover>a {
    font-weight: bold;
}

.hd-nav1 {
    display: none;
}

.foot {
    background: url(../images/ft_01_01.png) no-repeat center top;
    background-size: cover;
    min-height: 3rem;
    padding: 1.8rem 0 .3rem;
}

.foot .wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 1rem;
    padding-right: 1rem;
}

.foot .info {
    flex: 1;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.foot .txt {
    flex: 1;
    overflow: hidden;
    text-align: right;
}

.foot .fz {
    font-size: 0.16rem;
    color: #fff;
    line-height: 1.8;
}

.foot .fz span {
    margin-left: 0.15rem;
}

.foot .icon {
    width: 0.35rem;
    margin-left: 0.15rem;
}

.idx-tt {
    margin-bottom: 0.35rem;
}

.idx-tt .t {
    display: flex;
    align-items: center;
}

.idx-tt .ico {
    width: 0.38rem;
    margin-right: 0.05rem;
}

.idx-tt .wenzi {
    /*height: 0.5rem;*/
    width: auto;
}

.idx-tt .x {
    height: 1px;
    flex: 1;
    overflow: hidden;
    margin: 0 .2rem;
    background-color: #7f1017;
}

.idx-tt .en {
    font-size: 0.16rem;
    color: #7f1017;
    margin-top: 0.05rem;
    text-transform: uppercase;
}

.idx-more {
    font-size: 0.16rem;
    color: #7f1017;
    display: flex;
    align-items: center;
}

.idx-more::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0.36rem;
    height: 0.3rem;
    /* background: url(../images/idx_07_01.png) no-repeat center; */
    background-size: contain;
    margin-right: 0.1rem;
}

.idx-more:hover {
    text-decoration: underline;
}

.idx-s1 {
    padding: .4rem 0 .8rem;
    background: url(../images/idx_21.png) no-repeat center;
    background-size: cover;
}

.idx-xw {
}

.idx-xw .detail {
    display: flex;
}

.idx-xw .lbox {
    width: 46.5%;
    margin-right: 0.2rem;
    margin-top: 0.2rem;
}

.idx-xw .rbox {
    flex: 1;
}

.idx-xw .hotbox {
    display: block;
    height: 5.17rem;
    position: relative;
    border: .02rem solid #fff;
    box-shadow: 0 0 .05rem #222;
    overflow: hidden;
}

.idx-xw .hotbox .shade {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: -100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .6) 100%);
    padding: 0 .35rem .2rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: all .3s;
}

.idx-xw .hotbox .title {
    font-size: 0.2rem;
    color: #fff;
    line-height: 0.5rem;
    border-bottom: 1px solid rgba(255,255,255,.5);
}

.idx-xw .hotbox .date {
    font-size: 0.16rem;
    color: #fff;
    margin: .15rem 0 .1rem;
    background: url(../images/date.svg) no-repeat left center;
    background-size: .12rem;
    padding-left: 0.2rem;
}

.idx-xw .hotbox .txt {
    font-size: 0.16rem;
    color: #fff;
    line-height: 1.6;
    -webkit-line-clamp: 2;
}

.idx-xw .hotbox:hover .shade {
    bottom: 0;
}

.idx-xw .piclist {
    display: flex;
    justify-content: space-between;
    padding: 0 .26rem;
}

.idx-xw .piclist .item {
    width: 47.5%;
    position: relative;
    height: 1.89rem;
    display: block;
    border: .02rem solid #fff;
    box-shadow: 0 0 .05rem #222;
}

.idx-xw .piclist .imgbox {
    height: 100%;
}

.idx-xw .piclist .date {
    width: 0.62rem;
    height: 0.62rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0.2rem;
    top: -0.32rem;
}

.idx-xw .piclist .fz1 {
    font-size: 0.24rem;
    color: #fff;
    font-weight: bold;
    line-height: 1;
}

.idx-xw .piclist .fz2 {
    font-size: 0.14rem;
    color: #fff;
    line-height: 1;
    margin-top: 0.05rem;
}

.idx-xw .piclist .item:nth-child(1) .date {
    background-color: #FEC220;
}

.idx-xw .piclist .item:nth-child(2) .date {
    background-color: #7f1017;
}

.idx-xw .arclist {
    margin-top: 0.2rem;
    background: url(../images/idx_05_01.jpg) no-repeat center;
    background-size: cover;
    padding: .08rem .35rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: .1rem;
}

.idx-xw .arclist li {
    width: 48%;
    padding: .11rem 0;
    position: relative;
    border-top: 1px dashed rgba(255,255,255,.6);
}

.idx-xw .arclist .title {
    font-size: 0.16rem;
    color: #fff;
    line-height: 0.26rem;
    -webkit-line-clamp: 2;
}

.idx-xw .arclist li::before {
    content: '';
    position: absolute;
    width: 0.03rem;
    height: 0.17rem;
    background-color: #fff;
    left: -.13rem;
    top: .15rem;
}

.idx-xw .arclist li:nth-child(1),.idx-xw .arclist li:nth-child(2) {
    border: none;
}

.idx-xw .arclist li:hover::before {
    background-color: #FEC220;
}

.idx-xw .arclist li:hover .title {
    color: #FEC220;
    text-decoration: underline;
}

.idx-rc {
    margin-top: 0.5rem;
}

.idx-rc .detail {
    display: flex;
}

.idx-rc .lbox {
    width: 31%;
}

.idx-rc .cbox {
    margin: 0 .3rem 0 .4rem;
    flex: 1;
}

.idx-rc .rbox {
    width: 32%;
    max-width: 4.4rem;
}

.idx-rc .slide {
    position: relative;
}

.idx-rc .slide .imgbox {
    display: block;
    max-width: 4rem;
    height: 2.9rem;
    width: 98%;
    margin: 0 auto;
    box-shadow: 0 0 .1rem #666;
}

.idx-rc .slide .info {
    border-radius: .1rem;
    margin-top: 0.15rem;
    padding: 0 .2rem;
    min-height: 2.05rem;
    background: url(../images/idx_05_01.jpg) no-repeat center;
    background-size: cover;
}

.idx-rc .slide .title {
    font-size: 0.2rem;
    color: #fff;
    line-height: 0.55rem;
    border-bottom: 1px solid rgba(255,255,255,.5);
    -webkit-line-clamp: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.idx-rc .slide .txt {
    font-size: 0.16rem;
    color: rgba(255,255,255,.6);
    margin-top: 0.1rem;
    -webkit-line-clamp: 3;
    max-height: 2rem;
    overflow: hidden;
}

.idx-rc .slide .more {
    font-size: 0.16rem;
    color: #fff;
    width: 1.2rem;
    height: 0.36rem;
    background-color: rgba(255,255,255,.2);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.1rem;
    border-radius: .36rem;
}

.idx-rc .slide .more::after {
    flex-shrink: 0;
    content: '';
    display: block;
    width: 0.2rem;
    height: 0.08rem;
    margin-top: -.02rem;
    background: url(../images/idx_09-1.svg);
    background-size: 100% 100%;
    margin-left: 0.06rem;
}

.idx-rc .slide .more:hover {
    background-color: #F39B0A;
}

.idx-rc .slide .swiper-pagination {
    display: none;
}

.idx-rc .slide .arrs {
    position: absolute;
    right: -0.23rem;
    top: 0;
    z-index: 50;
}

.idx-rc .slide .swiperbutton {
    width: 0.38rem;
    height: 0.38rem;
    margin-bottom: 0.05rem;
    display: block;
    background: url(../images/idx_10.svg) no-repeat 30% center rgba(103,103,103,.2);
    background-size: .2rem;
    cursor: pointer;
}

.idx-rc .slide .swiperbutton.prev {
}

.idx-rc .slide .swiperbutton.next {
    transform: rotate(180deg);
}

.idx-rc .slide .swiperbutton:hover {
    background-color: #7f1017;
}

.idx-rc .list {
    margin-top: -.2rem;
}

.idx-rc .list li {
    height: 0.7rem;
    border-bottom: 1px solid rgba(145,30,6,.3);
    position: relative;
    margin-bottom: 0.1rem;
}

.idx-rc .list li::after {
    content: '';
    position: absolute;
    width: 0.08rem;
    height: 0.08rem;
    background-color: #fff;
    border: 1px solid rgba(145,30,6,.3);
    right: 0;
    bottom: -0.05rem;
    border-radius: 50%;
}

.idx-rc .list li>a {
    display: flex;
    align-items: center;
    height: 100%;
    padding-right: 0.5rem;
}

.idx-rc .list .date {
    font-size: 0.22rem;
    color: #7f1017;
    position: relative;
    line-height: 0.7rem;
}

.idx-rc .list .date::after {
    content: '';
    position: absolute;
    width: 100%;
    height: .02rem;
    background-color: #7f1017;
    left: 0;
    bottom: 0;
}

.idx-rc .list .x {
    width: 1px;
    height: .22rem;
    background-color: transparent;
    margin: 0 .15rem;
}

.idx-rc .list .title {
    font-size: 0.18rem;
    color: #7f1017;
    line-height: 0.26rem;
    flex: 1;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.idx-rc .list .arr {
    width: 0.2rem;
    height: 0.2rem;
    background: url(../images/idx_11.png) no-repeat center;
    background-size: contain;
    position: absolute;
    right: 0.18rem;
    top: 50%;
    transform: translate(0,-50%);
    opacity: 0;
}

.idx-rc .list li:hover {
    background-color: #c11602;
    border-color: #c11602;
}

.idx-rc .list li:hover>a {
    padding-left: 0.2rem;
}

.idx-rc .list li:hover * {
    color: #fff;
}

.idx-rc .list li:hover .date::after {
    display: none;
}

.idx-rc .list li:hover .x {
    background-color: #fff;
}

.idx-rc .list li:hover::after {
    display: none;
}

.idx-rc .list li:hover .arr {
    opacity: 1;
}

.idx-rc .readmore {
    font-size: 0.16rem;
    color: #7f1017;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0.25rem;
    padding-right: .1rem;
}

.idx-rc .readmore::after {
    content: '';
    display: inline-block;
    margin-left: 0.05rem;
    width: .6rem;
    height: 0.1rem;
    background-image: url(../images/idx_12.png) ;
    background-size: 80% 80%;
    background-repeat: no-repeat;
}

.idx-rc .menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.idx-rc .menu .item {
    display: block;
    width: 48.9%;
    /* width: 2.26rem; */
    height: 2.58rem;
    padding: .35rem 0 0;
}

.idx-rc .menu .title {
    font-size: 0.2rem;
    color: #fff;
    text-align: center;
    margin-bottom: 0.05rem;
}

.idx-rc .menu .line {
    width: 0.28rem;
    height: 1px;
    background-color: #fff;
    display: block;
    margin: 0 auto;
}

.idx-rc .menu .imgbox {
    margin: .25rem auto 0;
    overflow: hidden;
    width: 1.13rem;
    height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    /*! background:url(../images/idx_15.svg) no-repeat center; */
    background-size: 100% 100%;
}

.idx-rc .menu .pic {
    width: 1.07rem;
    height: 1.07rem;
    border-radius: 50%;
    display: block;
}

.idx-rc .menu .item1 {
    background: url(../images/idx_16_01.png) no-repeat center;
    background-size: 100% 100%;
}

.idx-rc .menu .item2 {
    background: url(../images/idx_17_01.png) no-repeat center;
    background-size: 100% 100%;
}

.idx-rc .menu .item3 {
    background: url(../images/idx_18_01.png) no-repeat center;
    background-size: 100% 100%;
}

.idx-rc .menu .item4 {
    background: url(../images/idx_19_01.png) no-repeat center;
    background-size: 100% 100%;
}

.idx-rc .menu .item1:hover {
    background: url(../images/idx_16-1.png) no-repeat center;
    background-size: 100% 100%;
}

.idx-rc .menu .item2:hover {
    background: url(../images/idx_17-1.png) no-repeat center;
    background-size: 100% 100%;
}

.idx-rc .menu .item3:hover {
    background: url(../images/idx_18-1.png) no-repeat center;
    background-size: 100% 100%;
}

.idx-rc .menu .item4:hover {
    background: url(../images/idx_19-1.png) no-repeat center;
    background-size: 100% 100%;
}

.idx-rc .menu .circle {
    width: 0.82rem;
    height: 0.82rem;
    background: url(../images/idx_20.svg) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin-top: -0.015rem;
}

.idx-s2 {
    padding: .7rem 0 2rem;
    background: url(../images/idx_27.png) no-repeat center;
    background-size: cover;
}

.idx-s2-t {
    display: flex;
    justify-content: space-between;
}

.idx-s2-t>div {
    width: 49%;
    max-width: 6.98rem;
    height: 6.76rem;
    padding: .5rem .45rem .4rem;
}

.idx-tab {
    display: flex;
    align-items: center;
    margin-bottom: 0.35rem;
    justify-content: space-between;
    height: .7rem;
}

.idx-tab .smb {
    display: flex;
    align-items: flex-start;
    flex: 2;
}

.idx-tab .lk {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.idx-tab .x {
    background: url(../images/idx_22_01.png) no-repeat center;
    background-size: 100% 100%;
    width: 0.09rem;
    height: 0.67rem;
    margin-right: 0.1rem;
    display: none;
}

.idx-tab .wenzi {
    display: flex;
    flex-direction: column;
}

.idx-tab .bt {
    font-size: 0.36rem;
    color: #999999;
    line-height: 1;
    font-family: 'SourceHanSerifCN';
    white-space: nowrap;
}
.bt {
    font-size: 0.36rem;
    color: #999999;
    line-height: 1;
    font-family: 'SourceHanSerifCN';
    white-space: nowrap;
    color:#7f1017;
    border-bottom: 2px solid;
    padding-bottom: .1rem;
}

.idx-tab .en {
    font-size: 0.24rem;
    color: #999999;
    text-transform: uppercase;
    line-height: 1;
    margin-top: 0.07rem;
    white-space: nowrap;
}

.idx-tab .xian {
    width: 1px;
    height: 0.24rem;
    background-color: #999999;
    margin: .05rem .2rem 0;
}

.idx-tab .lk.cur .bt,.idx-tab .lk.cur .en {
    color: #7f1017;
}

.idx-tab .lk.cur .x {
    display: block;
}

.idx-tz {
    background: url(../images/idx_24.png) no-repeat center;
    background-size: 100% 100%;
    padding-right: 0.6rem!important;
}

.idx-tz .list {
}

.idx-tz .list .item {
    padding: .1rem 0;
    margin-bottom: 0.2rem;
    border-bottom: 1px dashed #D8D8D8;
}

.idx-tz .list .box {
    display: flex;
    align-items: center;
}

.idx-tz .list .date {
    margin-right: 0.25rem;
    width: 0.66rem;
    text-align: center;
    background: url(../images/idx_23_01.jpg) no-repeat center;
    background-size: cover;
}

.idx-tz .list .fz1 {
    font-size: 0.3rem;
    color: #fff;
    line-height: 0.45rem;
}

.idx-tz .list .fz2 {
    font-size: 0.14rem;
    color: #fff;
    background-color: rgba(135, 12, 22, .5);
    line-height: 0.26rem;
}

.idx-tz .list .info {
    flex: 1;
    overflow: hidden;
}

.idx-tz .list .title {
    font-size: 0.2rem;
    color: #212121;
    -webkit-line-clamp: 1;
}

.idx-tz .list .txt {
    font-size: 0.16rem;
    color: #9E9E9E;
    line-height: 0.26rem;
    margin-top: 0.05rem;
    -webkit-line-clamp: 1;
}

.idx-tz .list .item:hover .title,.idx-tz .list .item:hover .txt {
    color: #7f1017;
}

.idx-mt {
    background: url(../images/idx_24-1.png) no-repeat center;
    background-size: 100% 100%;
    padding-left: 0.6rem!important;
}

.idx-mt .idx-tab .lk.cur .bt,.idx-mt .idx-tab .lk.cur .en {
    color: #F39B0A;
}

.idx-mt .idx-tab .x {
    background-image: url(../images/idx_22-1.svg);
}

.idx-mt .idx-more {
    color: #f39b0b;
}

.idx-mt .idx-more::before {
    /* background: url(../images/idx_07_02.png) no-repeat center; */
    background-size: contain;
}

.idx-mt .hotbox {
    display: flex;
    align-items: flex-start;
}

.idx-mt .hotbox .imgbox {
    width: 2.6rem;
    height: 1.6rem;
    margin-right: 0.28rem;
    overflow: hidden;
}

.idx-mt .hotbox .img {
    transition: all 1s;
}

.idx-mt .hotbox .info {
    flex: 1;
    overflow: hidden;
}

.idx-mt .hotbox .title {
    font-size: 0.2rem;
    color: #3D3D3D;
    -webkit-line-clamp: 1;
}

.idx-mt .hotbox .txt {
    font-size: 0.16rem;
    color: #3D3D3D;
    line-height: 1.6;
    -webkit-line-clamp: 3;
    margin-top: 0.17rem;
}

.idx-mt .hotbox .bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.1rem;
}

.idx-mt .hotbox .date {
    font-size: 0.14rem;
    color: #999999;
    background: url(../images/date-1.svg) no-repeat left center;
    background-size: .14rem;
    padding-left: 0.2rem;
    font-style: italic;
}

.idx-mt .hotbox .arrow {
    width: 1.05rem;
    height: 0.09rem;
    background: url(../images/idx_25.svg) no-repeat center;
    background-size: 100% 100%;
    display: block;
}

.idx-mt .hotbox:hover .title {
    color: #F39B0A;
}

.idx-mt .hotbox:hover .img {
    transform: scale(1.1,1.1);
}

.idx-mt .list {
    margin-top: 0.3rem;
}

.idx-mt .list .title {
    font-size: 0.16rem;
    color: #3D3D3D;
    line-height: 0.51rem;
    display: block;
}

.idx-mt .list .title::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.1rem;
    width: 0.06rem;
    height: 0.06rem;
    background-color: #3D3D3D;
    border-radius: 50%;
}

.idx-mt .list .title:hover {
    color: #f39b0b;
}

.idx-mt .list .title:hover::before {
    background-color: #F39B0A;
}

.idx-zt {
    display: flex;
    align-items: flex-start;
    margin-top: 1rem;
    position: relative;
}

.idx-zt .titbox {
    width: 0.77rem;
    height: 2.85rem;
    border: 1px solid #7f1017;
    border-radius: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

.idx-zt .titbox .wenzi {
    display: flex;
    flex-direction: column;
}

.idx-zt .titbox .wenzi span {
    font-size: 0.46rem;
    color: #7f1017;
    font-family: 'STxingkai';
    line-height: 1;
}

.idx-zt .titbox::before {
    content: '';
    width: 0.2rem;
    height: 0.2rem;
    background: url(../images/idx_28.png) no-repeat center;
    background-size: contain;
    margin: .1rem auto;
}

.idx-zt .titbox::after {
    content: '';
    width: 0.2rem;
    height: 0.2rem;
    background: url(../images/idx_28_2.png) no-repeat center;
    background-size: contain;
    margin: .1rem auto;
}

.idx-zt .readmore {
    font-size: 0.16rem;
    color: #7f1017;
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    vertical-align: middle;
}

.idx-zt .readmore::before {
    content: '';
    width: 0.63rem;
    height: 0.24rem;
    background: url(../images/idx_38_01.png) no-repeat center;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.02rem;
}

.idx-zt .readmore:hover {
    text-decoration: underline;
}

.idx-zt .menu {
    flex: 1;
    display: flex;
    padding-left: 0.3rem;
}

.idx-zt .menu .item {
    width: 3.8rem;
    height: 3.18rem;
    display: block;
    margin-left: -0.45rem;
    padding: .5rem 0 0;
    transition: margin-top .3s;
}

.idx-zt .menu .tit {
    height: 0.65rem;
    padding: 0 .3rem;
    margin-left: -0.2rem;
    font-size: 0.2rem;
    display: block;
    line-height: 0.65rem;
}

.idx-zt .menu .info {
    padding: 0 .45rem 0 .3rem;
}

.idx-zt .menu .txt {
    font-size: 0.16rem;
    color: rgba(255,255,255,.6);
    line-height: 0.24rem;
    -webkit-line-clamp: 3;
    margin-top: 0.22rem;
    height: 0.72rem;
}

.idx-zt .menu .bot {
    display: flex;
    align-items: center;
    margin-top: 0.4rem;
}

.idx-zt .menu .date {
    font-size: 0.14rem;
    color: #fff;
    display: flex;
    align-items: center;
    font-family: 'BEBAS';
}

.idx-zt .menu .date i {
    font-size: 0.24rem;
    font-family: 'BEBAS';
    margin-right: 0.05rem;
}

.idx-zt .menu .arrow {
    background: url(../images/idx_37.svg) no-repeat center;
    background-size: 100% 100%;
    width: 1.46rem;
    height: 0.12rem;
    margin-left: 0.1rem;
}

.idx-zt .menu .item1 .tit {
    width: 2.06rem;
    background: url(../images/idx_33.svg) no-repeat center;
    background-size: 100% 100%;
    color: #905700;
}

.idx-zt .menu .item2 .tit {
    width: 3.29rem;
    background: url(../images/idx_34.svg) no-repeat center;
    background-size: 100% 100%;
    color: #9F1E1E;
}

.idx-zt .menu .item3 .tit {
    width: 2.38rem;
    background: url(../images/idx_35.svg) no-repeat center;
    background-size: 100% 100%;
    color: #14782B;
}

.idx-zt .menu .item4 .tit {
    width: 1.83rem;
    background: url(../images/idx_36.svg) no-repeat center;
    background-size: 100% 100%;
    color: #1474B0;
}

.idx-zt .menu .item1 {
    background: url(../images/idx_29.png) no-repeat center;
    background-size: 100% 100%;
    margin-left: 0;
}

.idx-zt .menu .item2 {
    background: url(../images/idx_30.png) no-repeat center;
    background-size: 100% 100%;
}

.idx-zt .menu .item3 {
    background: url(../images/idx_31.png) no-repeat center;
    background-size: 100% 100%;
}

.idx-zt .menu .item4 {
    background: url(../images/idx_32.png) no-repeat center;
    background-size: 100% 100%;
}

.idx-zt .menu .item:nth-child(even) {
    margin-top: 0.45rem;
}

.idx-zt .menu .item:nth-child(even) {
    padding-top: 0.4rem;
}

.idx-fw {
    margin-top: -1.5rem;
    background: url(../images/idx_41_01.png) no-repeat center top;
    background-size: 100% 100%;
    position: relative;
    z-index: 10;
    padding: 1.5rem 0 0;
    min-height: 5rem;
    /* display: none; */
}

.idx-fw .titbox {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.3rem;
}

.idx-fw .titbox .ico {
    width: 0.36rem;
    margin-right: 0.08rem;
}

.idx-fw .titbox .tp {
    height: 0.52rem;
    width: auto;
}

.idx-fw .titbox::before,.idx-fw .titbox::after {
    content: '';
    display: block;
    width: 0.6rem;
    height: 1px;
    background-color: #fff;
    margin: 0 .12rem;
}

.idx-fw .list {
    display: flex;
    flex-wrap: wrap;
}

.idx-fw .list .lk {
    width: 16.666%;
    margin-bottom: 0.25rem;
    transition: all .3s;
}

.idx-fw .list .iconbox {
    background: url(../images/idx_43.svg) no-repeat center;
    background-size: 100% 100%;
    max-width: 2.1rem;
    height: 1.16rem;
    margin: 0 auto;
    width: 90%;
    padding-top: 0.17rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.idx-fw .list .ico {
    height: 0.48rem;
    width: auto;
    object-fit: contain;
    display: block;
}

.idx-fw .list .ico-h {
    display: none;
}

.idx-fw .list .tit {
    font-size: 0.2rem;
    color: #fff;
    text-align: center;
    margin-top: 0.1rem;
}

.idx-fw .list .lk3 .ico {
    height: 0.35rem;
}

.idx-fw .list .lk4 .ico {
    height: 0.47rem;
}

.idx-fw .list .lk5 .ico {
    height: 0.47rem;
}

.idx-fw .list .lk11 .ico {
    height: 0.43rem;
}

.idx-fw .list .lk:hover {
    transform: translate(0,-.1rem);
}

.idx-fw .list .lk:hover .iconbox {
    background-image: url(../images/idx_43-1.svg)
}

.idx-fw .list .lk:hover .ico-h {
    display: block;
}

.idx-fw .list .lk:hover .ico-s {
    display: none;
}

.idx-fw+.foot {
    margin-top: -1.6rem;
    position: relative;
    z-index: 100;
}

@media screen and (min-width: 992px) {
    .idx-zt .menu .item:hover {
        margin-top: -.1rem !important;
    }

    .idx-zt .menu .item:nth-child(even):hover {
        margin-top: .3rem !important;
    }
}

@media screen and (min-width: 992px) and (max-width:1199px) {
    .auto {
        width: 10.5rem;
    }

    html {
        font-size: 5.5rem!important;
    }

    .logo {
        font-size: 0.24rem;
    }

    .logo .tp {
        height: 0.7rem;
    }

    .head {
        height: 1.6rem;
    }

    .head .auto {
        width: 96%;
    }

    .hd-nav {
        margin-top: 0.1rem;
    }

    .hd-nav li {
        margin-left: 0.2rem;
    }

    .hd-nav li>a {
        font-size: 0.2rem;
    }

    /* index */
    .idx-rc .cbox {
        margin: 0 0.4rem 0 0.3rem;
    }

    .idx-rc .menu .circle {
        width: 0.6rem;
        height: 0.6rem;
    }

    .idx-tab .bt {
        font-size: 0.28rem;
    }

    .idx-zt .menu .item {
        width: 2.7rem;
    }

    .idx-fw .list .iconbox {
        height: 0.9rem;
    }

    .idx-fw .list .ico {
        height: 0.3rem!important;
    }

    .idx-fw .list .lk3 .ico {
        height: 0.2rem!important;
    }

    .head .wrap {
        height: 62%;
        padding-bottom: 0rem;
    }

    .hd-nav {
        display: none;
    }

    .hd-nav1 {
        display: block;
        margin-top: 0rem!important;
    }

    .hd-nav1 li {
        margin-left: 0.45rem;
    }

    .hd-nav1 li>a {
        line-height: 0.4rem;
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    .auto {
        padding:0 3%;
        width: 100%;
    }

    html {
        font-size: 6.1rem!important;
    }

    .sj-menu {
        position: absolute;
        right: 2%;
        top: 50%;
        width: .4rem;
        height: .4rem;
        background: url(../images/menu.png) no-repeat center;
        background-size: .34rem;
        display: block;
        margin-top: -0.26rem;
    }

    .sj-menu.close {
        background: url(../images/close.png) no-repeat center;
        background-size: .26rem;
    }

    .head {
        height: 1rem;
    }

    .logo {
        font-size: 0.22rem;
    }

    .logo .tp {
        height: auto!important;
    }

    .hd-sear-wrap {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 120;
        background-color: rgba(0,0,0,.8);
        padding: .2rem .2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
        transition: all .3s;
    }

    .hd-sear-wrap.this {
        opacity: 1;
        visibility: inherit;
    }

    .hd-sear-wrap .guanbi {
        display: block;
        position: absolute;
        right: 0.1rem;
        top: 0.1rem;
        background: url(../images/close.png) no-repeat center;
        background-size: .3rem;
        width: 0.4rem;
        height: 0.3rem;
    }

    .hd-sear {
        width: 100%;
        border-radius: .04rem;
        background-color: #fff;
        border: none;
    }

    .hd-sear .ipt-txt {
        width: 0.5rem;
        height: 0.5rem;
        font-size: 0.16rem;
        color: #333;
    }

    .hd-sear .submit {
        width: 0.5rem;
        height: 0.5rem;
        background-size: 0.26rem;
        margin-right: 0;
        background-color: #2F418D;
    }

    .hd-sear ::-webkit-input-placeholder {
        color: #999;
    }

    .hd-sear :-moz-placeholder {
        color: #999;
    }

    .hd-sear ::-moz-placeholder {
        color: #999;
    }

    .hd-sear :-ms-input-placeholder {
        color: #999;
    }

    .hd-lks {
        display: flex;
        align-items: center;
        margin-right: 0.3rem;
    }

    .hd-lks .lk {
        margin: 0 .2rem 0 0;
    }

    .hd-lks .searicon {
        width: 0.4rem;
        height: 0.4rem;
        display: block;
        background: url(../images/search.svg) no-repeat center;
        background-size: .3rem;
    }

    .hd-nav {
        position: fixed;
        width: 100%;
        left: 0;
        top: 1rem;
        margin-top: 0;
        bottom: 0;
        overflow-y: scroll!important;
        display: none;
        background-color: #0b7b6f;
    }

    .hd-nav li {
        display: block;
        margin-left: 0;
        position: relative;
        border-bottom: 1px solid rgba(255,255,255,.1);
    }

    .hd-nav li>a {
        font-size: 0.18rem;
        color: #fff;
        line-height: 0.7rem;
        padding: 0 .3rem;
        font-weight: normal;
        text-align: left;
    }

    .hd-nav .arrow {
        width: 0.7rem;
        height: 0.7rem;
        position: absolute;
        right: 0;
        top: 0;
        background: url(../images/arrow.png) no-repeat center;
        background-size: .2rem;
        display: block;
    }

    .hd-nav .arrow.this {
        transform: rotate(180deg);
    }

    .hd-nav li:last-child {
        border: none;
    }

    .hd-nav li:hover>a, .hd-nav li.cur>a {
        color: #fff;
    }

    .hd-nav li.cur>a, .hd-nav li:hover>a {
        background-color: transparent;
    }

    .hd-nav .drop {
        position: static;
        width: 100%;
        transform: translate(0,0);
        box-shadow: none;
        padding-left: 0.3rem;
        padding-left: 0.5rem;
        opacity: 1;
        visibility: inherit;
        border: none;
        display: none;
        background-color: transparent;
    }

    .hd-nav .drop::before {
        display: none;
    }

    .hd-nav .drop a {
        font-size: .16rem;
        line-height: 0.6rem;
        border-top: 1px solid rgba(255,255,255,.1);
        text-align: left;
        color: #fff;
        border-bottom: none;
        padding: 0;
    }

    .hd-nav .drop a:hover {
        background-color: transparent;
    }

    .idx-fw+.foot {
        margin-top: -.6rem;
    }

    .foot {
        background-position: left top;
        min-height: auto;
        margin-top: 0;
        padding: .8rem 0 .3rem;
        s}

    .foot .wrap {
        display: block;
    }

    .foot .logo {
        justify-content: center;
    }

    .foot .info {
        flex-direction: column-reverse;
        margin-top: 0.3rem;
    }

    .foot .txt {
        text-align: center;
        margin-top: 0.1rem;
    }

    .foot .icon {
        margin: 0;
    }

    /* index */
    .idx-tt .ico {
        width: 0.32rem;
    }

    .idx-tt .wenzi {
        height: 0.45rem;
    }

    .idx-xw .detail {
        display: block;
    }

    .idx-xw .lbox {
        width: 100%;
        margin: 0 0 .6rem;
    }

    .idx-xw .hotbox .shade {
        bottom: 0;
    }

    .idx-rc .detail {
        flex-wrap: wrap;
    }

    .idx-rc .lbox {
        width: 48%;
    }

    .idx-rc .slide {
    }

    .idx-rc .cbox {
        margin: 0 0 0 .4rem;
    }

    .idx-rc .list {
        margin-top: 0;
    }

    .idx-rc .list li>a {
        padding-right: .15rem;
    }

    .idx-rc .list .arr {
        display: none;
    }

    .idx-rc .list .date {
        font-size: 0.2rem;
    }

    .idx-rc .list .title {
        font-size: 0.16rem;
    }

    .idx-rc .readmore {
        margin-top: 0.15rem;
    }

    .idx-rc .rbox {
        width: 100%;
        max-width: 100%;
    }

    .idx-rc .menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 0.3rem;
    }

    .idx-rc .menu .circle {
        display: none;
    }

    .idx-rc .menu .item {
        background: #0b7b6f;
        border-radius: .2rem;
        width: 23.5%;
        height: 2.65rem;
    }

    .idx-rc .menu .imgbox {
        margin-top: 0.35rem;
    }

    .idx-s2-t {
        display: block;
    }

    .idx-s2-t>div {
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 0!important;
    }

    .idx-tab {
        margin-bottom: 0.3rem;
    }

    .idx-tab .bt {
        font-size: 0.32rem;
    }

    .idx-tab .en {
        font-size: 0.2rem;
    }

    .idx-tab .x {
        height: 0.5rem;
    }

    .idx-tz {
        background: none;
    }

    .idx-mt {
        background: none;
        margin-top: 0.4rem;
    }

    .idx-zt {
        display: block;
        margin-top: 0.6rem;
    }

    .idx-zt .titbox {
        width: 100%;
        height: auto;
        border: none;
        flex-direction: row;
        margin-bottom: 0.4rem;
    }

    .idx-zt .titbox::before, .idx-zt .titbox::after {
        margin: 0 .1rem;
    }

    .idx-zt .readmore {
        top: 0.1rem;
    }

    .idx-zt .readmore::before {
        width: 0.4rem;
    }

    .idx-zt .menu {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .idx-zt .menu .item {
        width: 46%;
        margin: 0 0 .5rem!important;
    }

    .idx-fw {
        background-size: cover;
        min-height: auto;
        margin-top: -1.5rem;
        padding: 1.5rem 0 1rem;
    }

    .idx-fw .list .lk {
        width: 33.3%;
    }

    .idx-fw .list .iconbox {
        height: 0.9rem;
        padding-top: 0.1rem;
    }

    .idx-fw .list .ico {
        height: 0.35rem!important;
    }

    .idx-fw .list .lk3 .ico {
        height: 0.18rem!important;
    }

    .idx-fw .list .tit {
        font-size: 0.18rem;
    }
}

@media screen and (min-width: 320px) and (max-width:767px) {
    .auto {
        padding:0 4%;
        width: 100%;
    }

    html {
        font-size: 6rem!important;
    }

    .sj-menu {
        position: absolute;
        right: 2%;
        top: .45rem;
        width: .36rem;
        height: .36rem;
        background: url(../images/menu.png) no-repeat center;
        background-size: .3rem;
        display: block;
    }

    .sj-menu.close {
        background: url(../images/close.png) no-repeat center;
        background-size: .26rem;
    }

    .head {
        height: .8rem;
        background-size: 100% 200%;
        overflow: hidden;
    }

    .head .wrap {
        padding-bottom: 0;
        width: 100%;
    }

    .logo {
        font-size: 0.16rem;
    }

    .logo .tp {
        height: 0.4rem !important;
        margin-right: 0.02rem;
    }

    .hd-sear-wrap {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 120;
        background-color: rgba(0,0,0,.8);
        padding: .2rem .2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        opacity: 0;
        visibility: hidden;
        transition: all .3s;
    }

    .hd-sear-wrap.this {
        opacity: 1;
        visibility: inherit;
    }

    .hd-sear-wrap .guanbi {
        display: block;
        position: absolute;
        right: 0.1rem;
        top: 0.1rem;
        background: url(../images/close.png) no-repeat center;
        background-size: .3rem;
        width: 0.4rem;
        height: 0.3rem;
    }

    .hd-sear {
        width: 100%;
        border-radius: .04rem;
        background-color: #fff;
        border: none;
    }

    .hd-sear .ipt-txt {
        width: 0.5rem;
        height: 0.5rem;
        font-size: 0.16rem;
        color: #333;
    }

    .hd-sear .submit {
        width: 0.5rem;
        height: 0.5rem;
        background-size: 0.26rem;
        margin-right: 0;
        background-color: #009688;
    }

    .hd-sear ::-webkit-input-placeholder {
        color: #999;
    }

    .hd-sear :-moz-placeholder {
        color: #999;
    }

    .hd-sear ::-moz-placeholder {
        color: #999;
    }

    .hd-sear :-ms-input-placeholder {
        color: #999;
    }

    .hd-lks {
        display: flex;
        align-items: center;
        position: absolute;
        right: 2%;
        top: .05rem;
    }

    .hd-lks .lk {
        margin: 0 .12rem 0 0;
        color: #fff;
        background: transparent!important;
        width: auto;
        font-size: 0.14rem;
    }

    .hd-lks .searicon {
        width: 0.3rem;
        height: 0.3rem;
        display: block;
        background: url(../images/search.svg) no-repeat center;
        background-size: .26rem;
    }

    .hd-nav {
        position: fixed;
        width: 100%;
        left: 0;
        top: .8rem;
        margin-top: 0;
        bottom: 0;
        overflow-y: scroll!important;
        display: none;
        background-color: #086b60;
    }

    .hd-nav li {
        display: block;
        margin-left: 0;
        position: relative;
        border-bottom: 1px solid rgba(255,255,255,.1);
    }

    .hd-nav li>a {
        font-size: 0.16rem;
        color: #fff;
        line-height: 0.7rem;
        padding: 0 .3rem;
        font-weight: normal;
        text-align: left;
    }

    .hd-nav .arrow {
        width: 0.7rem;
        height: 0.7rem;
        position: absolute;
        right: 0;
        top: 0;
        background: url(../images/arrow.png) no-repeat center;
        background-size: .2rem;
        display: block;
    }

    .hd-nav .arrow.this {
        transform: rotate(180deg);
    }

    .hd-nav li:last-child {
        border: none;
    }

    .hd-nav li:hover>a, .hd-nav li.cur>a {
        color: #fff;
    }

    .hd-nav li.cur>a, .hd-nav li:hover>a {
        background-color: transparent;
    }

    .hd-nav .drop {
        position: static;
        width: 100%;
        transform: translate(0,0);
        box-shadow: none;
        padding-left: 0.3rem;
        padding-left: 0.5rem;
        opacity: 1;
        visibility: inherit;
        border: none;
        display: none;
        background-color: transparent;
    }

    .hd-nav .drop::before {
        display: none;
    }

    .hd-nav .drop a {
        font-size: .16rem;
        line-height: 0.6rem;
        border-top: 1px solid rgba(255,255,255,.1);
        text-align: left;
        color: #fff;
        border-bottom: none;
        padding: 0;
    }

    .hd-nav .drop a:hover {
        background-color: transparent;
    }

    .idx-fw+.foot {
        margin-top: -.6rem;
    }

    .foot {
        background-position: left top;
        min-height: auto;
        margin-top: 0;
        padding: .8rem 0 .3rem;
        s}

    .foot .wrap {
        display: block;
    }

    .foot .logo {
        justify-content: center;
    }

    .foot .info {
        flex-direction: column-reverse;
        margin-top: 0.3rem;
    }

    .foot .txt {
        text-align: center;
        margin-top: 0.1rem;
    }

    .foot .icon {
        margin: 0;
        width: 0.3rem;
    }

    .foot .fz {
        font-size: 0.14rem;
    }

    .foot .fz span {
        display: block;
        margin: 0;
    }

    /* index */
    .idx-tt {
        margin-bottom: 0.25rem;
    }

    .idx-tt .ico {
        width: 0.24rem;
    }

    .idx-tt .wenzi {
        height: 0.36rem;
    }

    .idx-tt .en {
        font-size: 0.14rem;
        margin-top: 0.03rem;
    }

    .idx-more::before {
        width: 0.26rem;
        height: 0.14rem;
        margin-right: 0.05rem;
    }

    .idx-xw .detail {
        display: block;
    }

    .idx-xw .lbox {
        width: 100%;
        margin: 0;
    }

    .idx-xw .hotbox {
        height: 3rem;
    }

    .idx-xw .hotbox .shade {
        bottom: 0;
        padding: 0 .2rem .15rem;
    }

    .idx-xw .hotbox .title {
        font-size: 0.18rem;
        line-height: 1.4;
        border: none;
    }

    .idx-xw .hotbox .date {
        font-size: 0.14rem;
        margin: .05rem 0 0;
    }

    .idx-xw .hotbox .txt {
        font-size: 0.14rem;
        display: none!important;
    }

    .idx-xw .piclist {
        display: block;
        padding: 0;
    }

    .idx-xw .piclist .item {
        width: 100%;
        margin-top: 0.5rem;
        height: 2rem;
    }

    .idx-xw .arclist {
        display: block;
    }

    .idx-xw .arclist li {
        width: 100%;
        border-top: 1px dashed rgba(255,255,255,.6)!important;
        padding: .13rem 0;
    }

    .idx-xw .arclist li:first-child {
        border-top: none!important;
    }

    .idx-xw .arclist li::before {
        top: 0.18rem;
    }

    .idx-rc .detail {
        flex-wrap: wrap;
    }

    .idx-rc .lbox {
        width: 100%;
    }

    .idx-rc .slide {
    }

    .idx-rc .slide .imgbox {
        width: 100%;
        max-width: 100%;
    }

    .idx-rc .slide .info {
        margin-top: 0;
        border-radius: 0;
        min-height: 2.15rem;
    }

    .idx-rc .slide .title {
        font-size: 0.18rem;
    }

    .idx-rc .slide .txt {
        font-size: 0.14rem;
    }

    .idx-rc .slide .more {
        font-size: 0.14rem;
    }

    .idx-rc .slide .arrs {
        display: none;
    }

    .idx-rc .slide .swiper-pagination {
        display: block;
        bottom: 0.15rem!important;
    }

    .idx-rc .slide .swiper-pagination-bullet {
        background-color: #fff
    }

    .idx-rc .cbox {
        margin: 0;
    }

    .idx-rc .list {
        margin-top: 0;
    }

    .idx-rc .list li {
        margin-bottom: 0;
    }

    .idx-rc .list li>a {
        padding-right: .15rem;
    }

    .idx-rc .list .arr {
        display: none;
    }

    .idx-rc .list .date {
        font-size: 0.2rem;
    }

    .idx-rc .list .title {
        font-size: 0.16rem;
    }

    .idx-rc .readmore {
        margin-top: 0.15rem;
    }

    .idx-rc .rbox {
        width: 100%;
        max-width: 100%;
    }

    .idx-rc .menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 0.4rem;
    }

    .idx-rc .menu .circle {
        display: none;
    }

    .idx-rc .menu .item {
        background: #067d6f;
        border-radius: .2rem;
        width: 48%;
        height: 2.65rem;
        margin-bottom: 4%;
    }

    .idx-rc .menu .item2 {
        background: #f37e4d;
    }

    .idx-rc .menu .item3 {
        background: #f4ba5a;
    }

    .idx-rc .menu .item4 {
        background: #45a7d4;
    }

    .idx-rc .menu .imgbox {
        margin-top: 0.35rem;
    }

    .idx-s1 {
        padding: .4rem 0;
    }

    .idx-s2 {
        padding: .4rem 0;
    }

    .idx-s2-t {
        display: block;
    }

    .idx-s2-t>div {
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 0!important;
    }

    .idx-tab {
        margin-bottom: 0.3rem;
    }

    .idx-tab .bt {
        font-size: 0.24rem;
    }

    .idx-tab .en {
        font-size: 0.16rem;
    }

    .idx-tab .x {
        height: 0.4rem;
    }

    .idx-tab .xian {
        margin: .05rem .15rem 0;
    }

    .idx-tz {
        background: none;
    }

    .idx-tz .list .item {
        margin-bottom: 0.1rem;
    }

    .idx-tz .list .date {
        margin-right: 0.15rem;
    }

    .idx-tz .list .fz1 {
        font-size: 0.26rem;
        line-height: 0.4rem;
    }

    .idx-tz .list .title {
        font-size: 0.18rem;
    }

    .idx-tz .list .txt {
        font-size: 0.14rem;
        margin-top: 0;
    }

    .idx-mt {
        background: none;
        margin-top: 0.4rem;
    }

    .idx-mt .hotbox {
        display: block;
    }

    .idx-mt .hotbox .imgbox {
        width: 100%;
        margin: 0 0 .15rem;
    }

    .idx-mt .hotbox .title {
        font-size: 0.18rem;
    }

    .idx-mt .hotbox .txt {
        font-size: 0.14rem;
        margin-top: 0.1rem;
    }

    .idx-mt .hotbox .arrow {
        width: 0.7rem;
    }

    .idx-mt .list {
        margin-top: 0.2rem;
    }

    .idx-mt .list .title {
        line-height: 0.4rem;
    }

    .idx-mt .list .title::before {
        width: 0.04rem;
        height: 0.04rem;
    }

    .idx-zt {
        display: block;
        margin-top: 0.4rem;
        padding-bottom: 0.3rem;
    }

    .idx-zt .titbox {
        width: 100%;
        height: auto;
        border: none;
        flex-direction: row;
        margin-bottom: 0.3rem;
        justify-content: flex-start;
    }

    .idx-zt .titbox .wenzi {
        font-size: 0.33rem;
    }

    .idx-zt .titbox::before, .idx-zt .titbox::after {
        margin: 0 .06rem;
        width: 0.16rem;
        height: 0.16rem;
    }

    .idx-zt .readmore {
        top: .05rem;
    }

    .idx-zt .readmore::before {
        width: 0.3rem;
    }

    .idx-zt .menu {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .idx-zt .menu .item {
        width: 100%;
        margin: 0 0 .2rem!important;
        padding: .3rem 0 0;
        height: 2.8rem;
    }

    .idx-zt .menu .tit {
        font-size: 0.18rem;
    }

    .idx-zt .menu .txt {
        color: #fff;
    }

    .idx-zt .menu .arrow {
        width: 0.7rem;
    }

    .idx-zt .menu .bot {
        margin-top: 0.3rem;
    }

    .idx-fw {
        background-size: cover;
        min-height: auto;
        margin-top: 0rem;
        padding: 1.3rem 0 .5rem;
    }

    .idx-fw .titbox .tp {
        height: 0.44rem;
    }

    .idx-fw .titbox .ico {
        width: 0.26rem;
    }

    .idx-fw .titbox::before, .idx-fw .titbox::after {
        width: 0.4rem;
    }

    .idx-fw .list .lk {
        width: 33.3%;
        padding: 0 .08rem;
    }

    .idx-fw .list .iconbox {
        height: .4rem;
        padding-top: 0;
        background: none;
    }

    .idx-fw .list .ico {
        height: 0.3rem!important;
    }

    .idx-fw .list .lk3 .ico {
        height: 0.18rem!important;
    }

    .idx-fw .list .lk9 .ico {
        height: 0.22rem!important;
    }

    .idx-fw .list .lk11 .ico {
        height: 0.24rem!important;
    }

    .idx-fw .list .tit {
        font-size: 0.16rem;
        margin-top: 0.05rem;
    }
}

.banner {
    width: 100%;
}

.banner .banpic {
    width: 100%;
    height: 6.2rem;
    object-fit: cover;
}

@media screen and (max-width: 992px) {
    .banner .banpic {
        height: 2.2rem;
    }
}

@media screen and (max-width: 767px) {
    .banner .banpic {
        /* height: auto; */
    }
}

@media (max-width: 1780px) {
    .head .wp {
        padding: 0 .3rem;
    }

    .head .logo img {
        height: .54rem;
    }

    #nav li {
        margin-left: .32rem;
    }
}

@media (max-width: 1920px) {
    .head .wp {
        padding: 0 .3rem;
    }

    .head .logo img {
        height: 0.85rem;
    }

    #nav li {
        margin-left: .32rem;
    }
}

@media (max-width: 1600px) {
    .head .wp {
        padding: 0 0.2rem;
    }

    #nav li {
        margin-left: .24rem;
    }

    #nav li h2 {
        font-size: .21rem;
    }
}

@media screen and (max-width: 400px) {
    .head .logo img {
        height: .4rem;
    }
}

@media screen and (max-width: 500px) {
    .mob {
        display:block;
    }

    .pc {
        display: none;
    }
}

@media screen and (min-width: 500px) {
    .mob {
        display:none;
    }

    .pc {
        display: block;
    }
}

.home1 {
    padding: 0.45rem 0;
}

.home1-t {
    justify-content: space-between;
}

.home1 .left {
    width: 47%;
}

.home1 .right {
    width: 48%;
    height: 4.5rem;
}

.home1 .left .imged {
    padding-bottom: 4.5rem;
}

.home1 .left a {
    position: relative;
    display: block;
}

.home1 .left .con {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    padding: 0 .3rem .2rem;
}

.home1 .left .imged::after {
    content: "";
    position: absolute;
    left: 0px;
    right: 0;
    bottom: 0px;
    width: 100%;
    width: 100%;
    height: 1.1rem;
    background: url(../images/n-shad.png) no-repeat;
    background-size: 100% 100%;
}

.home1 .left .con h3 {
    font-size: 0.18rem;
    color: #fff;
    line-height: 0.24rem;
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.home1 .left .cir {
    bottom: .2rem;
    text-align: right;
    padding-right: 0.2rem;

}

.home1 .left .cir span {
    width: 0.06rem;
    height: 0.06rem;
    opacity: 1;
    margin: 0 0.06rem;
    background: #fff;
}

.home1 .left .cir span.swiper-pagination-bullet-active {
    background: #fff;
    width: 0.38rem;
    border-radius: 0.025rem;
}

.home1-t .right .li-t a {
    height: 0.5rem;
    align-items: center;
    border-bottom: 1px dashed #ddd;
}

.home1-t .right li {
    position: relative;
    height: .5rem;
    transition: 0.5s;
}

.home1-t .right .li-t h3 {
    width: calc(100% - 1rem);
    padding: 0 0.1rem 0 0.15rem;
    background: url(../images/h1-li.png) no-repeat left center;
    background-size: 0.06rem;
    font-size: 0.16rem;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.home1-t .right .li-t p {
    width: 1rem;
    text-align: right;
    font-size: 0.16rem;
    color: #666;
    white-space: nowrap;
}

.home1-t .right li * {
    transition: 0.5s;
}

.home1-t .right .li-b a {
    height: 1.4rem;
    align-items: center;
    flex-wrap: nowrap;
}

.home1-t .right .li-b a::before {
    content: "";
    position: absolute;
    left: 0.1rem;
    right: -0.1rem;
    top: -0.1rem;
    bottom: 0.1rem;
    border: 1px solid #7f1017;
    z-index: -1;
}

.home1-t .right .li-b a::after {
    content: "";
    z-index: -1;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 100%;
    background: url(../images/h1bg.jpg) no-repeat bottom/cover;
    width: 100%;
}

.home1-t .right .li-b .con {
    width: 100%;
}

.home1-t .right .li-b h3 {
    font-size: 0.2rem;
    color: #fff;
    line-height: 0.24rem;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.home1-t .right .li-b h4 {
    font-size: 0.14rem;
    color: #fff;
    opacity: .6;
    line-height: 0.24rem;
    max-height: 0.48rem\0;
    margin: .1rem 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.home1-t .right .li-b p {
    font-size: 0.14rem;
    color: #fff;
    opacity: .6;
    align-items: center;
}

.home1-t .right .li-b p img {
    display: inline-block;
    width: 0.14rem;
    margin-right: 0.1rem;
}

.home1-t .right li .li-b {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    opacity: 0;
    height: 100%;
}

.home1-t .right li.on {
    height: 1.4rem;
}

.home1-t .right li.on .li-b {
    width: 100%;
    opacity: 1;
}

.home1-t .right li.on .li-b a {
    padding: .25rem .3rem;
}

.home1-t .right li.on .li-t {
    display: none;
}


.title {
    margin-bottom: .06rem;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}
.title22{

    margin-bottom: .6rem;
}
.title h3 {
    font-size: 0.42rem;
    color: #222;
    line-height: 1.1;
    cursor: pointer;
    margin: 0 auto;
    padding: 0 .2rem;
    position: relative;
}

.title h3 span {
    font-family: 'SourceHanSerifCN';
    display: block;
    padding: 0 .05rem;
}

.title h3 .sp1 {
    margin-top: -.15rem;
    color: #7f1017;
}

.title h3 .sp2 {
    margin-top: -.15rem;
    padding-top: 0.1rem;
}

.title h3::before {
    content: "";
    position: absolute;
    width: 15vw;
    height: 1px;
    background: #c21920;
    right: 100%;
    top: 50%;
}

.title h3::after {
    content: "";
    position: absolute;
    width: 15vw;
    height: 1px;
    background: #c21920;
    left: 100%;
    bottom: auto;
    top: 50%;
}

@media screen and (max-width: 1024px) {
    .home1 {
        padding: 0.4rem 0rem 0;
    }

    .home1-t {
        padding: 0;
        flex-wrap: wrap;
    }
    .title h3 {
        font-size: 0.3rem;
    }

}

@media screen and (max-width: 768px) {
    .title {
        margin-bottom: .25rem !important;
    }

    .title h3 {
        font-size: 0.24rem;
        margin: auto;
        justify-content: flex-start;
        width: auto;
        padding: 0;
        flex: 1;
    }
    .title h3 .sp2,
    .title h3 .sp1{
        padding:0;
    }
    .title h3::before,.title h3::after {
        display: none;
    }

    .home1 .left {
        width: 100%;
    }

    .home1 .right {
        width: 100%;
        padding-left: 0rem;
        margin-top: .3rem;
    }

    .home1 .left .imged {
        padding-bottom: 60%;
    }
}


.h5-t {position: relative;}

.slide-hc {
    perspective: 1000px;
    touch-action: pan-y;
    padding: .28rem 0
}

.slide-hc .swiper-slide ,.slide-hc,.slide-hc .swiper-wrapper {
    transform-style: preserve-3d;
}

.slide-hc .swiper-slide-active {
    transform: translateX(0.1rem) translateZ(0px) rotateY(10deg) scale(.9,.9);
    transition: .5s;
    transform: translateX(0px) translateZ(0px) rotateY(0deg) scaleX(1)\0;
}

.slide-hc .next2 {
    transform: translateX(-0.1rem) translateZ(0px) rotateY(-10deg) scale(.9,.9);
    transition: .5s;
    transform: translateX(0px) translateZ(0px) rotateY(0deg) scaleX(1)\0;
}

.slide-hc .imged {
    padding-bottom: 70%;
}

.slide-hc li {
    padding: 0.1rem;
}

.slide-hc .swiper-slide-active+li {
    padding: 0;
    transform: scale(1.08,1);
    transform: scale(1,1)\0;
}

.slide-hc li .con {
    height: 2.57rem;
    padding: 0.36rem .45rem;
    box-shadow: 2.424px 4.373px 0.15rem 0px rgba(0, 0, 0, 0.2);
}

.slide-hc .swiper-slide-active+li .con {
    background: url(../images/h5bg.jpg) no-repeat bottom/cover;
    box-shadow: 0px 3px 0.3rem 0px rgba(0, 0, 0, 0.4);
}

.slide-hc li h3 {
    font-size: 0.23rem;
    color: #111;
    line-height: 0.38rem;
    max-height: 0.56rem\0;
    font-weight: bold;
    transition: 0.5s;
}

.slide-hc li .line {
    width: 100%;
    height: 1px;
    background: #ddd;
    margin: 0.18rem 0;
}

.slide-hc li h4 {
    font-size: 0.18rem;
    color: #666;
    line-height: 0.3rem;
    max-height: 0.9rem\0;
}

.h5-t .arror {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    transition: 0.5s;
    left: -.9rem;
    margin-top: 0rem;
    border: 1px solid #c21920;
    transform: translateY(-50%);
}

.h5-t .swiper-button-next {
    right: -.9rem;
    left: auto;
}

.h5-t .arror::after {
    color: #c21920;
    font-size: 0.2rem;
    font-weight: bold;
}

.h5-t .arror:hover {
    background: #c21920;
}

.h5-t .arror:hover::after {
    color: #fff;
}

.home5{
    padding: .45rem 0 2rem
}





@media screen and (min-width: 1200px) {
    .h5-t li a:hover h3 {
        color: #c21920;
    }
}

@media screen and (max-width: 1200px) {
    .h5-t {
        padding: 0 0.4rem;
    }

    .h5-t .arror {
        width: 0.4rem;
        height: 0.4rem;
        left: 0;
    }

    .h5-t .swiper-button-next {
        right: 0rem;
        left: auto;
    }
}

@media screen and (max-width: 1024px) {
    .slide-hc .swiper-slide-active {
        transform: translateX(0rem) translateZ(0px) rotateY(0deg) scale(1,1);
        transition: .5s;
        transform: translateX(0px) translateZ(0px) rotateY(0deg) scale(1,1)\0;
    }

    .slide-hc .next2 {
        transform: translateX(0rem) translateZ(0px) rotateY(0deg) scale(1,1);
        transition: .5s;
        transform: translateX(0px) translateZ(0px) rotateY(0deg) scale(1,1)\0;
    }

    .slide-hc li {
        padding: 0rem;
    }

    .slide-hc .swiper-slide-active+li {
        padding: 0;
        transform: scale(1,1);
    }

    .home5 {
        padding: 0.4rem 0 1.9rem;
    }
}

@media screen and (max-width: 768px) {
    .slide-hc li .con {
        height: 2.1rem;
        padding: .2rem;
    }

    .slide-hc li h3 {
        line-height: 1.6;
    }
    .txt1 {font-size: 0.18rem !important;}
    .p1 {
        line-height: 0.26rem !important;
        font-size: 0.16rem !important;
    }
    .home5{
        padding: .4rem 0 .2rem;
    }
}

@media screen and (max-width: 420px) {
    .slide-hc li .con {
        height: 2.6rem;
    }
}

.l1 { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.l2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.l3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.l4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.l5 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }
.l6 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }
.l7 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; }


.list_tabs{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-bottom:.35rem;
}

.list_tabs .li{
    font-size:.26rem;
    line-height:.6rem;
    color:#000;
    font-weight:600;
   transition: .5s;
    /*margin-right:.2rem;*/

    cursor:pointer;
}
.list_tabs .li.active{
    color: #c11602;
}
.list_bds1_li{
    transform: scale(0);
    visibility: hidden;
    height: 0;
}
.list_bds1_li.active{
    transform: scale(1);
    visibility: visible;
    height: auto;
}

.idx-s1 .idx-more a{
    display:none;
}
.idx-s1 .idx-more a.active{
    display:block;
}


.home6 video{
    display:block;
    width: 80%;
    margin: 0 auto;
}
.home6 .content{
    margin:.3rem 0 0
}
.home6{
    padding: 0 0 1.3rem 0;
}

@media screen and (max-width: 768px) {
    .list_tabs{
        margin:.2rem 0;
        justify-content:center;
    }
    .list_tabs .li{font-size:.22rem;line-height:.4rem}
}