@import '../iconfont/iconfont.css';
/* CDN 服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "阿里妈妈东方大楷 Regular";font-weight: 400;src: url("//at.alicdn.com/wf/webfont/oSERoaKibF3S/EywjY79mxa5XoVmWaBNYs.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/oSERoaKibF3S/2FoepQjgJA3Gexwb946X5.woff") format("woff");
  font-display: swap;
}
:root {
  --color-main: #7f2a2b;
  --color-body: #ffffff;
  --color-subtitle:#f1f1f1;
  --color-link: #BCC3D7;
  --color-white: #ffffff;
  --color-black: #000000;
}
.wrap {
    width:80%;
    margin-left: auto;
    margin-right: auto
}

.ver>* {
    display: inline-block;
    vertical-align: middle
}

.hv-scale {
    overflow: hidden
}

.hv-scale img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.hv-scale:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.t,
.tran3 {
    transition: all .4s ease 0s
}

.table-cell {
    display: table;
    width: 100%
}

.table-cell>* {
    display: table-cell;
    vertical-align: middle;
    float: none
}

.row-pv0 {
    margin-left: 0;
    margin-right: 0
}

.row-pv0>* {
    padding-left: 0;
    padding-right: 0
}

.mv0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.pv0 {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.pt0 {
    padding-top: 0px !important
}

.pb0 {
    padding-bottom: 0px !important
}

.mb0 {
    margin-bottom: 0 !important
}

.mt0 {
    margin-top: 0 !important
}

.bg-gray {
    background: #f1f1f1
}

.c {
    color: var(--color-main)
}
.left {
  float: left;
}
.right {
  float: right;
}
.bgc {
    background: var(--color-main)
}

.hv:hover {
    color: var(--color-main)
}

.hv-f:hover {
    color: #fff
}

.cover-box {
    position: relative;
    display: block;
    overflow: hidden
}

.cover-box .coverimg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1;
    transition: transform .6s ease 0s
}

.cover-box ._bg {
    width: 100%;
    visibility: hidden;
    display: block
}
.index_more {
  background: url(../images/index_more.png) left top no-repeat;
  width: 220px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  margin: 0 auto 50px;
  transition: ease-in-out .2s;
}
.index_more a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: bold;
  color: #666;
}
.index_more:hover a {
  transform: translateX(-3px);
  font-weight: bold;
  background: var(--color-main);
  color: #fff;
}
.cover-box{position:relative;display:block;overflow:hidden}
.cover-box .coverimg{width:100%;height:100%;position:absolute;left:0;top:0;background-repeat:no-repeat;background-size:cover;background-position:center;z-index:1;transition:transform .6s ease 0s}
.cover-box .coverimg.contain{background-size:contain}
.cover-box ._bg{width:100%;visibility:hidden;display:block}
.cover-box .icon-bofang1{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:5;font-size:.4rem;color:#fff;transition:.6s}
@media (min-width:993px){.cover-box:hover .cover-tip{opacity:1}
.cover-box:hover .coverimg{transform:scale(1.05,1.05)}
.cover-box:hover .icon-bofang1{font-size:.6rem}
}

@media (min-width:993px) {
    .cover-box:hover .cover-tip {
        opacity: 1;
        filter: alpha(opacity=1)
    }

    .cover-box:hover .coverimg {
        transform: scale(1.05, 1.05)
    }
}

.cover-tip {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all .4s ease 0s;
    z-index: 3
}

.cover-tip .bgbox {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    filter: alpha(opacity=60)
}

.cover-tip .stit {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    color: #fff
}

.cover-tip .stit {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    color: #fff
}

.cover-tip .line {
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all .6s ease 0s
}

.cover-tip .linet {
    top: 0
}

.cover-tip .lineb {
    bottom: 0
}

.cover-tip:hover .line {
    width: 6px;
    margin-left: -3px;
    opacity: .6;
    filter: alpha(opacity=60)
}

.c-red {
    color: var(--color-main)
}

.medium {
    font-family: medium
}

.swiper-container {
    --swiper-theme-color: var(--color-main)
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .6s !important
}

.iconfont {
    color: inherit
}

.medium {
    font-family: medium
}

footer {
    color: #fff;
   background:url(../images/foot_bg.jpg) var(--color-main);
   overflow: hidden;
}

footer a {
    color: #dcdcdc
}

footer a:hover {
    color: #fff
}

footer .ft-top {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: .3rem 0 .3rem
}
footer .social-share .icon-facebooks{background-image: url('../images/facebook.png')}
footer .social-share .icon-facebooks:hover{background-image: url('../images/facebook_on.png')}
footer .social-share .icon-YouTube{background-image: url('../images/youtube.png')}
footer .social-share .icon-YouTube:hover{background-image: url('../images/youtube_on.png')}
footer .social-share .icon-instagram{background-image: url('../images/instagram.png')}
footer .social-share .icon-instagram:hover{background-image: url('../images/instagram_on.png')}
footer .ft-top .logo {
    width: 360px;
    height: 80px;
    display: block;
    background-image: url('../images/logo_ft.png')
}

footer .ft-top .wxbox {
    margin-right: 4px
}

footer .ft-top .wxbox .iconfont {
    font-size: 30px;
    color: #999;
    cursor: pointer
}

footer .ft-top .wxbox .iconfont:hover {
    color: #fff
}
footer .ft-top .foot_top_right{filter: grayscale(100%) brightness(200%);}
.social-share .icon-twitter:before{color: #666;}
@media (min-width:993px) {
    footer .ftnavs {
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: .3rem 0 0;
    }
}

footer .navitem {
    line-height: 30px;
    width: 11.11%;
}

footer .navitem h4 {
    position: relative;
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
}

footer .navitem .info{font-size:12px;text-align: left; }

footer .navitem .icon-jia {
    float: right;
    transition: .3s;
    display: none;
    margin-right: 10px
}

footer .navitem .info a {
    display: block;
    line-height: 30px
}

footer .ft-bottom {
    padding: 24px 0 30px;
    color: #dcdcdc;
}

footer .ft-bottom .copyright>*>* {
    display: inline-block;
    vertical-align: middle
}

footer .ft-bottom .copyright .beian {
    margin-left: 5px
}

footer .ft-bottom .copyright .skill {
    color: #dcdcdc;
    margin-left: 10px
}

footer .ft-bottom .copyright .skill:hover {
    color: #fff
}

footer .ft-bottom a {
    color:#dcdcdc;
}

footer .ft-bottom a:hover {
    color: #fff
}

@media (min-width:993px) {
    footer .ft-bottom {
        display: -webkit-flex;
        display: flex;
        display: -webkit-box;
        display: box;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-align: center;
        box-align: center;
        -webkit-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }
}

@media (max-width:992px) {
    footer .ft-bottom {
        text-align: center
    }

    footer .ft-bottom .ftlogo {
        margin-top: .2rem
    }
    footer .ft-top .logo {
    width: 220px;
    background-repeat: no-repeat;
    background-size: contain;}
}

@media (max-width:640px) {
    footer .ft-bottom .copyright {
        line-height: 1.8
    }

    footer .ft-bottom .copyright a {
        display: inline-block
    }

    footer .ft-bottom .skill {
        font-size: 14px
    }
}

@media (max-width:992px) {
    footer .navitem {
        float: none;
        width: 100%;
        display: none;
    }

    footer .navitem .icon-jia {
        display: block
    }

    footer .navitem h4 {
        position: relative;
        border-bottom: 1px solid #313131;
        height: 46px;
        line-height: 46px;
        margin: 0
    }

    footer .navitem .info {
        display: none;
        padding: 10px 30px;
        line-height: 2
    }

    footer .navitem .info a {
        color: rgba(255, 255, 255, 0.8)
    }

    footer .navitem.active .iconfont {
        transform: rotate(135deg)
    }
}

@media (max-width:992px) {
    footer .navitem h4 {
        font-weight: normal
    }

    footer .telbox {
        text-align: center;
        margin-bottom: .5rem
    }

    footer .telbox .logo {
        display: none
    }
}

@media (max-width:768px) {
    footer .ft-link {
        font-size: 12px
    }

    footer .ft-link a {
        margin-right: 6px
    }
}

.foot-wx {
    position: relative
}

.foot-wx:hover {
    opacity: 1 !important
}

.foot-wx:hover .code {
    display: block
}

.foot-wx .code {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    top: -170px;
    width: 150px;
    height: 150px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: none;
    max-width: none;
    max-height: none;
    border: 5px solid #fff;
    z-index: 555
}

.foot-wx .code img {
    width: 100%
}

.foot-wx .code::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #fff;
    z-index: 55;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    bottom: -22px
}

@media (max-width:992px) {
    .foot-wx .code {
        left: auto;
        right: -20px;
        transform: translateX(0);
        top: -180px
    }

    .foot-wx .code::after {
        left: auto;
        right: 20px;
        transform: translateX(0)
    }
}

.menu_btn_wrap {
    height: 80px;
    position: relative;
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

@media (max-width:768px) {
    .menu_btn_wrap {
        height: 60px;
        position: absolute;
        right: 20px;
    }
}

.menu_btn {
    width: 50px;
    height: 60px;
    z-index: 101;
    cursor: pointer;
    left: 50%;
    top: 50%;
    position: absolute;
    transform-origin: center center;
    transform: translateY(-50%) translateX(-50%) scale(.8);
    -webkit-transform: translateY(-50%) translateX(-50%) scale(.8);
    -moz-transform: translateY(-50%) translateX(-50%) scale(.8);
    -ms-transform: translateY(-50%) translateX(-50%) scale(.8);
    -o-transform: translateY(-50%) translateX(-50%) scale(.8)
}

.menu_btn i {
    position: absolute;
    width: 26px;
    height: 2px;
    background: #000;
    left: 12px;
    display: block;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}

.menu_btn i:nth-of-type(1) {
    top: 20px
}

.menu_btn i:nth-of-type(2) {
    top: 30px
}

.menu_btn i:nth-of-type(3) {
    top: 40px;
    width: 14px
}

.menu_btn.active i:nth-of-type(1) {
    -webkit-transform: rotate(225deg) translate(-7px, -7px);
    -moz-transform: rotate(225deg) translate(-7px, -7px);
    -ms-transform: rotate(225deg) translate(-7px, -7px);
    -o-transform: rotate(225deg) translate(-7px, -7px);
    transform: rotate(225deg) translate(-7px, -7px)
}

.menu_btn.active i:nth-of-type(3) {
    opacity: 0
}

.menu_btn.active i:nth-of-type(2) {
    -webkit-transform: rotate(-225deg) translate(0, 0);
    -moz-transform: rotate(-225deg) translate(0, 0);
    -ms-transform: rotate(-225deg) translate(0, 0);
    -o-transform: rotate(-225deg) translate(0, 0);
    transform: rotate(-225deg) translate(0, 0)
}

.menu_btn:hover i:nth-of-type(3) {
    width: 28px
}

.header {
    background:#fff;
    transition: all .4s ease 0s;
    width: 100%;
    z-index: 9999;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}  

.header .hdinner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
    position: relative;
    z-index: 999;
    min-height: 110px;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.header .logo {
    display: block;
    width: 400px;
    height: 60px;
    background: url('../images/logo2.png') no-repeat 0 center;
    margin-top: 25px;
    margin-left: 10%;
    background-size: cover;

 
}

@media (max-width:992px) {
    .header .hdinner {
        height: 80px
    }

    .header .logo {
        height: 80px
    }
    .header.active{background: #000}

}

@media (max-width:768px) {

    .header .hd-tool,
    .header .hdinner {
        min-height: auto;
        height: 60px;
        top:0;
        padding-right: 20px;
    }

    .header .logo {
        height:40px;
        background-size: auto 50px;
        margin-top:10px;
    }
    .header.active .logo{background: url(../images/logo_on.png) no-repeat 0 center;background-size: auto 80%;}
}

@media (max-width:480px) {
    .header .logo {
        background-size: auto 80%;
        width: 93%;
        margin-left: 5%;
    }

    .header .hd-tool ._line {
        margin: 0 10px
    }
}

/*.header.s2:not(:hover) {*/
/*    background: transparent*/
/*}*/

.header.s2:not(:hover) .menu_btn i {
    background: #000
}

/*.header.s2:not(:hover) .logo {*/
/*    background-image: url('../images/logo_f.png')*/
/*}*/

/*.header.s2:not(:hover) .pc-menus .tit {*/
/*    color: #fff*/
/*}*/

.header.s2:not(:hover) .hd-tool a {
    color: #333
}

.header.s2:not(:hover) .hd-tool .t-item {
    color: #fff
}

.header.s2:not(:hover) .hd-tool .t-item .iconfont {
    color: inherit
}

.hd-tool {
    position: absolute;
    right: 10%;
    top:20px;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
}

.hd-tool ._line {
    border-left: 1px solid #ccc;
    margin: 0 20px
}

.hd-tool .t-item {
    font-size: 16px;
    color: #999
}

.hd-tool .t-item .item {
    display: inline-block;
    padding: 0 5px;
    cursor: pointer;
    color: #333;
}

.hd-tool .t-item .item .iconfont {
    color: #999;
    padding: 0 2px
}

.hd-tool .t-item .item:hover {
    color: var(--color-main)
}

.hd-tool .t-item .item:hover .iconfont {
    color: var(--color-main)
}

.pc-menus {
    padding: 0px 50px;
    padding-right: 10%;
    border-top-left-radius: 30px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-box-pack: justify;
    box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: absolute;
    top:60px;
    right: 0px;
    background: #A30000;
}

.pc-menus li {
    text-align: center;
    transition: all .4s ease 0s
}

.pc-menus .tit {
    white-space: nowrap;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    display: block;
    transition: all .4s ease 0s;
    line-height: 60px;
    height: 60px;
    padding-left:60px;
    position: relative;
    text-transform: capitalize;
    font-weight:bold;
    font-style: normal;
}

.pc-menus .tit>.iconfont {
    font-size: 12px;
    margin-left: 5px
}

.pc-menus .tit::after {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    left: 50%;
    bottom: 0;
    height: 3px;
    background: var(--color-main);
    transform: translateX(-50%);
    transition: all .4s ease 0s
}

.pc-menus .tit.active,
.pc-menus li:hover .tit {
    color: #ffffff;
}

.pc-menus .tit.active::after,
.pc-menus li:hover .tit::after {
    width: 100%
}

.pc-menus .tit-home.active::after,
.pc-menus li:hover .tit-home::after {
    width: 100%
}

@media (max-width:1400px) {
    .pc-menus .tit {
        font-size: 16px
    }
}

.hd-dropinfo {
    position: absolute;
    width: 200px;
    top: 100%;
    z-index: 1;
    background:rgb(255 255 255 / 90%);
    overflow: hidden;
    opacity: 0;
    transition: all .4s ease 0s;
    display: none;
    margin-left: -20px;
}

/*.hd-dropinfo ._bg {*/
/*    position: fixed;*/
/*    width: 100vw;*/
/*    background: #fff;*/
/*    background: linear-gradient(90deg, #fff 50%, #f1f1f1 50%, #f1f1f1 100%);*/
/*    height: 0;*/
/*    left: 0;*/
/*    top: 120px;*/
/*    transition: all .4s ease 0s*/
/*}*/

/*@media (max-width:1600px) and (min-width:1200px) {*/
/*    .hd-dropinfo ._bg {*/
/*        background: linear-gradient(90deg, #fff 60%, #f1f1f1 60%, #f1f1f1 100%)*/
/*    }*/
/*}*/

/*.hd-dropinfo::before,*/
/*.hd-dropinfo::after {*/
/*    transition: all .4s ease 0s;*/
/*    content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    width: 80vw;*/
/*    height: 100%;*/
/*    top: 0;*/
/*    z-index: 55*/
/*}*/

/*.hd-dropinfo::before {*/
/*    background:url(../images/bdbg.jpg) #fdfdfc;*/
/*    right: 50%*/
/*}*/

/*.hd-dropinfo::after {*/
/*    background-color: #f1f1f1;*/
/*    left: 50%*/
/*}*/

@media (max-width:1600px) and (min-width:1200px) {
    .hd-dropinfo::before {
        right: 40%
    }

    .hd-dropinfo::after {
        left: 60%
    }
}

.hd-dropinfo .inners {
    position: relative;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    margin-left: auto;
    margin-right: auto
}

.hd-dropinfo .inners .navs {
    width: 100%;
}

@media (max-width:1600px) and (min-width:1200px) {
    .hd-dropinfo .inners .navs {
        width: 100%
    }
}

.hd-dropinfo .inners .imgbox {
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    height: 0;
    background: #f1f1f1;
    transition: all .4s ease 0s
}

.hd-dropinfo .navs a {
    transition: all .4s ease 0s;
    position: relative;
    display: block;
    width: 100%;
}

.hd-dropinfo .navs a .icon-jiantou_r {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}




.pc-menus li:hover .hd-dropinfo {
    opacity: 1;
    display: block;
}

.pc-menus li:hover .hd-dropinfo ._bg {
    height: 365px
}

.pc-menus li:hover .inners .imgbox {
    padding: .35rem 0 .5rem 5%;
    height: 365px;
}

.pc-menus li:hover .navs a {
    line-height: 38px;
    color: #333333;
    font-size: 16px;
    text-align: center;
    opacity: 1;
    padding: 5px 0px;
}

.pc-menus li:hover .navs a:hover {
    background: var(--color-main);
    color: #fff;
}
@media (max-width:1300px) {
    .pc-menus li:hover .navs a {
        width: 100% !important;
        float: left !important
    }

    .pc-menus li:hover .navs.s3 {
        padding-top: 20px
    }
}

.coverimg {
    transition: all .4s ease 0s;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: block
}

.coverimg img {
    visibility: hidden;
    display: block
}

.coverimg.contain {
    background-size: contain
}

main {
    overflow: hidden;
    position: relative;
    background: #ffffff;
}

.m-menus {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 60px;
    right: -100%;
    background: #fff;
    overflow: hidden;
    line-height: 40px;
    font-size: 15px;
    z-index: 999;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}
@media (max-width:992px) {
    .header.active .hd-tool .t-item .item{color:#fff;}
}
@media (min-width:768px) {
    .m-menus {
        top: 80px
    }

    
}

.m-menus .inner {
    height: calc((100vh - 50px));
    overflow-y: auto;
    border-top: 1px solid #e3e3e3;
    padding-bottom: 30px
}

.m-menus .hd-tel {
    text-align: center;
    display: block;
    margin: 50px 0 0
}

.m-menus .hd-tel .iconfont {
    font-size: 30px;
    margin-right: 10px;
    color: #000
}

.m-menus a {
    color: #333
}

.m-menus.active {
    right: 0
}

.m-menus ul {
    overflow-y: auto;
    border-bottom: 1px solid #e3e3e3
}

.m-menus .item:not(:first-child) {
    border-top: 1px solid #e3e3e3
}

.m-menus .item {
    cursor: pointer;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    position: relative
}

.m-menus .item .iconfont {
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    color: #999;
    font-weight: bold;
    transition: .3s
}

.m-menus .item>a,
.m-menus h5 {
    display: block;
    padding: 0 8%;
    line-height: 54px;
    color: #333;
    position: relative;
    font-size: 16px
}

.m-menus .xs-dropinfo {
    display: none;
    background: rgba(0, 0, 0, 0.05);
    padding: 15px 9%;
    font-size: 14px
}

.m-menus .xs-dropinfo a {
    color: #666;
    display: block;
    line-height: 40px
}

.m-menus .trans {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.m-menus .open h5 {
    background: var(--color-main);
    color: #fff;
    border-top: 0
}

.m-menus .open h5 .iconfont {
    color: #fff
}

.m-menus .open h5 .iconfont::before {
    content: "\e625"
}

.m-menus .open h5>a,
.m-menus .open h5 p {
    font-weight: bold
}

.m-menus .xs-dropinfo dl.br {
    border-right: 1px solid #ccc
}

.m-menus .hd-tel {
    font-size: 26px;
    
    color: #666
}

.hd-search-box {
    position: fixed;
    left: 0;
    right: 0;
    padding: 10px 5%;
    display: none;
}

.hd-search-box .inner {
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-align: center;
    box-align: center;
    -webkit-box-pack: end;
    box-pack: end;
    -webkit-justify-content: end;
    justify-content: end
}

.hd-search-box form {
    border: 1px solid #A30000;
    max-width: 500px;
    display: block;
    position: relative;
    border-radius: 3px;
    width: 80%;
    min-width: 500px;
    background: #fff;
}

.hd-search-box .key {
    width: 90%;
    height: 40px;
    line-height: 40px;
    text-indent: 20px
}

.hd-search-box .submit {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-left: 1px solid #A30000;
    text-align: center;
    width: 50px;
    font-size: 20px;
    line-height: 40px;
    height: 40px;
    color: #A30000;
}

.hd-search-box .submit .iconfont {
    font-size: 20px
}

.hd-search-box .submit:hover {
    background: #A30000;
    color: #fff
}

.hd-search-box .close {
    float: right;
    height: 40px;
    line-height: 42px;
    width: 60px;
    text-align: center;
    font-size: 20px;
    color: #333;
}

.hd-search-box .close:hover {
    color: var(--color-main)
}

@media (min-width:993px) {
    .hd-search-box {
        top: 0px
    }
}

@media (max-width:768px) {
    .hd-search-box {
        top: 50px
    }

    .hd-search-box .inner {
        float: none;
        width: 100%
    }

    .hd-search-box form {
        min-width: auto;
        width: 90%
    }

    .hd-search-box .close {
        position: relative
    }
}

@media (max-width:480px) {
    .hd-search-box {
        bottom: 0;
        height: auto
    }
}

.pagination {
    text-align: center;
    margin: .3rem 0;
    display: block;
    clear: both;
}

.pagination li {
    margin: 0 5px
}

@media (max-width:480px) {
    .pagination li {
        margin: 0 2px
    }

    .pagination li>* {
        padding: 5px 12px
    }
}

.pagination .page-num-current{
    background: var(--color-main);
    color: #fff;
    border: 0
}


.pagination li>a,
.pagination li>span {
    float: none;
    display: inline-block;
    cursor: pointer;
    color: #333;
    border-radius: 0 !important;
    border: 0;
    background: #fdfdfd;
    padding: 10px 15px
}

.sbtn {
    text-align: center
}

.sbtn::after {
    display: none
}

.index-banner {
    position: relative;
    height: 80vh;
    margin-top: 110px;
}

.index-banner .swiper-pagination {
    bottom: .5rem
}

.index-banner .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.3);
    opacity: 1;
    transition: all .4s ease 0s;
    width: 50px;
    height: 8px;
    border-radius: 5px;
    display: inline-block;
    margin-left:5px !important
}
.index-banner .swiper-pagination-bullet-active {
    border-color:#A30000;
    background: #A30000;
}

.index-banner .sbtn {
    color: #fff
}



.index-banner .sbtn:hover i{
    color: var(--color-main)
}

.index-banner .swiper-button-prev {
    left: 1%;opacity: 0.6;
}

.index-banner .swiper-button-next {
    right: 1%;opacity: 0.6;
}

.index-banner .wel-banner-bg {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(1);
    background-position: center !important;
    background-size: cover !important;
    transition: all 5.6s ease-in-out;
    box-sizing: border-box
}



/*.index-banner .wel-banner-bg::after{*/
/*    z-index: 2;*/
/*    content: '';*/
/*    display: block;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    background: url("../images/bg20.png") rgba(0, 0, 0, 0.88) center bottom repeat-x;*/
/*    opacity: .9;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*}*/


.index-banner .swiper-slide-active .wel-banner-bg {
    transform: scale(1.1)
}

.index-banner .swiper-slide {
    background-size: cover !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center
}

.index-banner .banner_bottom{ position:absolute; bottom:120px; max-width:92%; margin:0 auto;z-index:5; display:flex;right: 10%;/*left: 0;align-items: center;text-align: center;justify-content: center;-webkit-justify-content: center;*/}

.index-banner .banner_bottom .banner_bottom_number{ display:flex; align-items:center; margin-right:25px;}
.index-banner .banner_bottom .banner_bottom_number .totals{ font-size:16px; color:#fff;}
.index-banner .banner_bottom .banner_bottom_number .total{ font-size:16px; color:#fff; opacity:.3;}
.index-banner .banner_bottom .banner_bottom_number i{ font-size:16px; color:#fff; opacity:.3; margin:0px 5px;}
.index-banner .banner_bottom .swiper-pagination-bullet{ width:11px; height:11px; background:rgba(255,255,255,.3); margin-right:15px; position:relative; opacity:1; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; border-radius:100px;}
.index-banner .banner_bottom .swiper-pagination-bullet:before{ content:""; display:inline-block; width:1px; height:100%; left:0; right:0; margin:0 auto; position:absolute;}
.index-banner .banner_bottom .swiper-pagination-bullet:last-child{ margin-right:0px;}
.index-banner .banner_bottom .swiper-pagination-bullet.swiper-pagination-bullet-active{ width:25px; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;  }

.index-banner .swiper-slide img {
    width: 100%
}

.index-banner .content {
    position: absolute;
    top:35%;
    left: 10%;
    width: 35%;
    text-align: left;
    margin:0 auto;
    z-index:5;
}
/*.index-banner .vmore{position: absolute; bottom:50%;}*/
.index-banner .images {
    position: absolute;
    right:10%;
    top: 22%;
    /*transform: translateX(-50%) translateY(-50%);*/
    bottom: 0;
    width: 42%;
    margin-left: auto;
    margin-right: auto;
    z-index: 55
}

.index-banner .textbox {
    color: #fff;
    width: 100%;
    text-align: left;
    /*background: rgba(0, 0, 0, 0.5);*/
    padding-bottom: 10px;
}

.index-banner h5 {
    font-size:38px;
    font-weight: bold;
}

.index-banner .en {
    width:97.5%;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    margin-top: .1rem;
    margin-bottom: .2rem;
}
.index-banner .imore{color:#fff;font-size:16px;line-height:28px;transition: transform .6s ease 0s;}
.index-banner .imore em{font-size:16px;}
.index-banner .imore:hover{opacity:.8;padding-left:10px;}


.jt{position:absolute;bottom:100px;left:0px;right:0px;margin:0 auto;text-align:center;z-index:999;}

.shake1 {animation:shake1 5s infinite;-mzoanimation:shake1 5s infinite;-webkit-animation:shake1 5s infinite;-o-animation:shake1 5s infinite;}
@keyframes shake1 {
  0%, 100% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@media (max-width:1680px) {
    .index-banner {
        height: 80vh;
    }

    .index-banner .en {
        font-size: 14px
    }

    .index-banner .swiper-pagination {
        bottom: .3rem
    }
}

@media (max-width:1200px) {
    .index-banner {
        height: 7rem
    }

    .index-banner h5 {
        font-size: .56rem
    }
}


@media (max-width:768px) {
    .index-banner .swiper-pagination {
        bottom: .1rem
    }

    .index-banner .xsimg {
        width: 100%
    }
}


@media (max-width:920px) {
    .wrap{width:90%;}
    .index-banner {
        height:30vh;
    }

    .index-banner .content {
     text-align: center;
     width:90%;
     left: 5%;
     bottom: 60px;
     top: 12%;
    }
    .index-banner .images{
       top:45%; 
       width:80%;
    }
.index-banner .banner_bottom{left: 0;right:0;align-items: center;text-align: center;justify-content: center;-webkit-justify-content: center;}
    .index-banner .swiper-slide {
        overflow: hidden
    }

    .index-banner .swiper-slide img {
        max-width: none;
        position: relative;
        left: 50%;
        transform: translateX(-50%)
    }

    .index-banner .textbox {
        padding: .3rem .1rem;
        text-align: center;
        line-height: 34px
    }

    .index-banner .textbox .en {
        font-size: 14px;
        width: 100%;
       margin-top: 10px;
       text-align: left;
    }
    .index-banner .imore{
        font-size: 14px;
        display: none;
    }

    .index-banner .textbox h5 {
        font-size:26px;
        margin-bottom: 0;
        line-height: 30px;
        text-align: center;
    }
    .jt{bottom:20px;}
}

@media (max-width:480px) {
    .index-banner .swiper-pagination-bullet-active {
        border-width: 2px
    }

    .index-banner .en {
        font-size: 14px;
        padding-bottom: 0
    }

    .index-banner h5 {
        font-size: 30px
    }
}

.vmore {
    /*border: 1px solid #fff;*/
    /*width: 160px;*/
    height: 38px;
    line-height:38px;
    font-size: 14px;
    text-align: center;
    display: inline-block;
    color: #fff;
    transition: all .4s ease 0s
}



.vmore:hover {
    color: var(--color-main);
}

.vmore.gray {
    color: #666;
    border-color: #666
}

/*.vmore.gray em {*/
/*    background-image: url('../images/arr_r_0.png')*/
/*}*/

.vmore.gray:hover {
    color:var(--color-main);
}


.vmore.red {
    background: var(--color-main);
    color: #fff;
    border-color: var(--color-main)
}



.vmore.red:hover {
    background: #000;
    border-color: #000
}

@media (max-width:640px) {
    .vmore {
        width: 160px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        font-size: 14px;
        margin-top: 20px !important;
    }
}


.index_xueshu{padding:3% 0;overflow: hidden;background: url(../images/xueshu_bg.png) #ffffff bottom right no-repeat;}
.index_xueshu .ihd {background: url(../images/xueshuen.png) top left no-repeat;}
.index_xueshu .ihd .navname{background: url(../images/xueshuico.png) center left no-repeat;padding-left:50px;}
.index_xueshu .swiper-container{overflow: inherit;}
.index_xueshu .swiper-slide{padding-bottom: 160px;}
.index_xueshu .swiper-slide .cover-box{border-radius:30px;overflow:hidden;width: 96%;}
.index_xueshu .swiper-slide .title{width:95%;position:absolute;right:0px;bottom:0px;background:#fff;padding:30px;box-shadow:0 3px 15px rgb(0 0 0 / 5%);z-index:2;}
.index_xueshu .swiper-slide .title .times{width:15%;float:left;text-align: center;font-family: "Noto Serif SC",serif;}
.index_xueshu .swiper-slide .title .times .date{font-size:36px;line-height:40px;color:#333;font-weight:bold;margin-bottom:5px;}
.index_xueshu .swiper-slide .title .times .year{background:#A30000;color:#fff;padding: 0px 10px;font-size:12px;display: inline-block;border-radius: 10px;}
.index_xueshu .swiper-slide .title .fr{width:80%;float:right; padding-left: 2%;}
.index_xueshu .swiper-slide .title .fr .tit{font-size:26px;line-height:38px;color:#333;font-weight:bold;margin-bottom:20px;}
.index_xueshu .swiper-slide .title .fr .decs{color:#666666;font-size:14px;opacity:.6;}
.index_xueshu .swiper-slide .title .fr .tit:hover{color:#a30000;}
.index_xueshu .xueshu-pagination{position:absolute;width: auto;bottom:210px;right:50px;left: auto;z-index:2;}
.index_xueshu .xueshu-pagination .swiper-pagination-bullet{width:30px;height:3px;border-radius:0;}
.index_xueshu .xueshu_buttom{position:absolute;bottom:20px;left:60px;padding:30px;width:100px;}
.index_xueshu .xueshu_buttom .sbtn{width:32px;height:32px;border-radius:50%;text-align:center;border:1px #d8d8d8 solid;background: url(../images/jiantou.png) #ffffff center no-repeat ;}
.index_xueshu .xueshu_buttom .sbtn.swiper-button-next{transform: rotate(180deg);}
.index_xueshu .xueshu_buttom .sbtn:hover{background: url(../images/jiantou_on.png) #a30000 center no-repeat;border-color:#a30000;}
.index_xueshu .imgs{width:50%;}
.index_xueshu .titles{width:48%;float:right;background:#fff;}
.index_xueshu .titles ul li{width:100%;padding:20px 30px;margin-bottom:20px;border-bottom:2px #f8f8f8 solid;}
.index_xueshu .titles ul li:hover,.index_xueshu .titles ul li.on{box-shadow:0 3px 15px rgb(0 0 0 / 5%);border-color:#fff;}
.index_xueshu .titles .on{padding:10px 30px;}
.index_xueshu .titles .nav_top{width:100%;overflow:hidden;}
.index_xueshu .titles .nav_top .fl{position:relative;}
.index_xueshu .titles .nav_top .fl em{width:35px;height:35px;background:#a30000;position: absolute;border-radius: 50%;opacity: .2;z-index:1;}
.index_xueshu .titles .on .nav_top .fl em{opacity:1;}
.index_xueshu .titles .nav_top .fl p{font-size:14px;font-weight: bold;color:#333;padding-top: 10px;padding-left:8px;z-index:2; display: inline-block;position: relative;}
.index_xueshu .titles .on .nav_top .fl p span{color:#fff;}
.index_xueshu .titles .nav_top{margin-bottom:15px;}
.index_xueshu .titles .nav_top .times{font-family: "Noto Serif SC",serif;text-align:center;color:#a30000;}
.index_xueshu .titles .nav_top .times .date{font-size:28px;line-height:30px;font-weight:bold;}
.index_xueshu .titles .nav_top .times .year{font-size:12px;}
.index_xueshu .titles .tit{font-size:22px;line-height:30px;color:#333;font-weight:bold;margin-bottom:20px;}
.index_xueshu .titles .decs{color:#666666;font-size:14px;opacity:.6;}
.index_xueshu .titles .on .times{color:#333;}
.index_xueshu .titles ul li:hover .tit{color:#a30000;}

.index_xueke{padding:3% 0;overflow: hidden;background: url(../images/xueke_bg.png) #ffffff bottom right no-repeat;}
.index_xueke .ihd {background: url(../images/xuekeen.png) top left no-repeat;}
.index_xueke .ihd .navname{background: url(../images/xueke_ico.png) center left no-repeat;padding-left:50px;}
.index_xueke .swiper-container{overflow: inherit;padding-bottom:70px;}
.index_xueke .fl{width:68%;}
.index_xueke .fr{width:32%;margin-top:-40px;box-shadow:0 3px 15px rgb(0 0 0 / 5%);}
.index_xueke .swiper-slide{width:100%;position:relative;box-shadow:0 3px 15px rgb(0 0 0 / 5%);border-bottom:3px #a30000 solid;background:#fff; padding-bottom: 80px;}
.index_xueke .swiper-slide .swiper-slide-active{opacity:1;}
.index_xueke .swiper-slide .title{width:55%;float:left;margin-top:20px;padding:30px;}
.index_xueke .swiper-slide .cover-box{width:45%;position:absolute;right:0;top:-40px;}
.index_xueke .swiper-slide .title .tit{font-size:22px;line-height:38px;min-height: 97px;color:#333;font-weight:bold;padding-bottom:20px;border-bottom:1px #f8f8f8 solid;margin-bottom:20px;}
.index_xueke .swiper-slide .title .tit:hover{color:#a30000;}
.index_xueke .swiper-slide .title .decs{color:#666666;font-size:14px;opacity:.6;margin-bottom:20px;}
.index_xueke .swiper-slide .title .times{float:right;font-family: "Noto Serif SC",serif;text-align:center;color:#a30000;font-weight:bold;}
.index_xueke .swiper-slide .title .times .date{font-size:28px;line-height:30px;}
.index_xueke .swiper-slide .title .times .year{font-size:12px;}
.index_xueke .hot_new{width:40%;position:absolute;background: url(../images/hot_bg.png) #a30000 center no-repeat;right:0;bottom:0;z-index: 2;}
.index_xueke .hot_new .title{padding:30px;color:#fff;overflow: hidden;}
.index_xueke .hot_new .title .tit{font-size:22px;line-height:38px;font-weight:bold;padding-bottom:20px;border-bottom:1px #bf3939 solid;margin-bottom:20px;}
.index_xueke .hot_new .title .decs{font-size:14px;opacity:.6;margin-bottom:20px;}
.index_xueke .hot_new .title .times{float:right;font-family: "Noto Serif SC",serif;text-align:center;font-weight:bold;}
.index_xueke .hot_new .title .times .date{font-size:28px;line-height:30px;}
.index_xueke .hot_new .title .times .year{font-size:12px;}

.index_xueke .xueshu_buttom{position:absolute;bottom:100px;right:46%;padding:30px;width:150px;}
.index_xueke .xueshu_buttom .sbtn{width:50px;height:50px;border-radius:50%;text-align:center;border:1px #d8d8d8 solid;background: url(../images/jiantou.png) #ffffff center no-repeat ;}
.index_xueke .xueshu_buttom .sbtn.swiper-button-next{transform: rotate(180deg);}
.index_xueke .xueshu_buttom .sbtn:hover{background: url(../images/jiantou_on.png) #a30000 center no-repeat;border-color:#a30000;}
.index_xueke .fr ul{width:100%; overflow:hidden;}
.index_xueke .fr ul li{padding:25px 30px;background:#fff;border-bottom:1px #f8f8f8 solid;}
.index_xueke .fr .times{width:60px;height:60px;float:left;font-family: "Noto Serif SC",serif;text-align:center;font-weight:bold;color:#333;border:1px #eeeeee solid;border-radius:50%;margin-right:20px;}
.index_xueke .fr .times .date{font-size:24px;line-height:30px;}
.index_xueke .fr .times .year{font-size:12px;}
.index_xueke .fr .tit a{font-weight:bold;color:#333;}
.index_xueke .fr ul li:hover .tit a,.index_xueke .fr .on .tit a{color:#a30000;}
.index_xueke .fr ul li:hover .times,.index_xueke .fr .on .times{background:#B62E2E;border-color:#a30000;color:#fff;}

.index_chengguo{padding:3% 0;overflow: hidden;background: url(../images/chengguo_bg.png) #ffffff top left no-repeat;}
.index_chengguo .wrap{overflow: hidden;}
.index_chengguo .ihd {background: url(../images/chengguoen.png) top left no-repeat;}
.index_chengguo .ihd .navname{background: url(../images/chengguo_ico.png) center left no-repeat;padding-left:50px;}
.index_chengguo .imgs{width:68%;}
.index_chengguo .titles{width:32%;background:#fff;overflow:hidden;padding-right: 5px;}
.index_chengguo .swiper-container{padding-bottom:40px; overflow:hidden;}
.index_chengguo .swiper-slide{text-align:center;background:#fff;border:2px #fff solid;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;transition:.3s;transform:scale(.8);box-shadow:0 3px 15px rgb(0 0 0 / 5%);}
.index_chengguo .swiper-slide-active,.swiper-slide-duplicate-active{transform:scale(1)}
.index_chengguo .chengguo_buttom{position:absolute;bottom:50%;padding:30px;left:20%;width:60%;z-index:2;}
.index_chengguo .chengguo_buttom .sbtn{width:50px;height:50px;border-radius:50%;text-align:center;border:1px #d8d8d8 solid;background: url(../images/jiantou.png) #ffffff center no-repeat ;}
.index_chengguo .chengguo_buttom .sbtn.swiper-button-next{transform: rotate(180deg);}
.index_chengguo .chengguo_buttom .sbtn:hover{background: url(../images/jiantou_on.png) #a30000 center no-repeat;border-color:#a30000;}
.index_chengguo .chengguo-pagination{position:absolute;width:100%;bottom:0;z-index:2;text-align: center;}
.index_chengguo .chengguo-pagination .swiper-pagination-bullet{width:30px;height:3px;border-radius:0;}
.index_chengguo .titles{background: url(../images/chengguot_bg.png) #ffffff bottom left no-repeat;box-shadow:0 3px 15px rgb(0 0 0 / 5%);}
.index_chengguo .titles ul li{padding:30px;overflow:hidden;display:block;}
.index_chengguo .titles ul li a{width:100%;overflow:hidden;}
.index_chengguo .titles ul li a:hover .tit{color:#a30000;}
.index_chengguo .titles .times{margin-bottom:20px;}
.index_chengguo .titles .times i{color:#a30000;margin-right:10px;}
.index_chengguo .titles .times .year span{font-size:26px;font-family: "Noto Serif SC",serif;font-weight:bold;color:#333;}
.index_chengguo .titles .tit{font-size:22px;font-weight:bold;margin-bottom:40px; color:#333;}
.index_chengguo .titles .decs{font-size:14px;opacity:.6;margin-bottom:40px;}
.index_chengguo .titles em{width:60px;height:60px;line-height: 60px;font-size:20px;background: #a30000;text-align:center;border-radius:50%;color:#fff;margin-bottom:40px;float: right;}
.index_chengguo .titles a:hover em{background:#B62E2E;}
.index_chengguo .listtitle{width:100%;overflow:hidden;margin-top:30px;}
.index_chengguo .listtitle .times{width:10%;float:left;color: #333;font-family: "Noto Serif SC",serif;font-weight:bold;display: flex;}
.index_chengguo .listtitle .times .date{font-size:38px;line-height:40px;margin-right:5px;}
.index_chengguo .listtitle .times .year{font-size:14px;}
.index_chengguo .listtitle .times .year p{font-weight:12px;font-weight:nowrap;}
.index_chengguo .listtitle .tit{font-weight: bold;color: #333;width:75%;float:right;padding-right:10px;border-right: 1px #acacac solid;}
.index_chengguo .listtitle ul li{width:32%;margin-right:2%;float:left;}
.index_chengguo .listtitle ul li:nth-child(3n+0){margin-right:0;}
.index_chengguo .listtitle ul li:nth-child(3n+0) .tit{border:none;}
.index_chengguo .listtitle ul li:hover .times,.index_chengguo .listtitle ul li:hover .tit{color:#a30000;}

.index_jiaoliu{padding:3% 0 6%;overflow: hidden;background: url(../images/jiaoliu_bg.png) #ffffff top left no-repeat;}
.index_jiaoliu .wrap{overflow: hidden;}
.index_jiaoliu .jiaoliuny{margin:80px 0px;}
.index_jiaoliu .ihd {background: url(../images/jiaoliuen.png) top left no-repeat;}
.index_jiaoliu .ihd .navname{background: url(../images/jiaoliu_ico.png) center left no-repeat;padding-left:50px;}
.index_jiaoliu .imgs{width:68%;}
.index_jiaoliu .titles{width:28%;position: relative;padding-bottom: 60px;    overflow: hidden;}
.index_jiaoliu .swiper_jiaoliu .swiper-slide{border-radius:10px; overflow:hidden}
.index_jiaoliu .swiper_jiaoliu .swiper-slide .decs{padding:10px 20px;background:#fff; color:#333;font-weight:bold;position: absolute;bottom: 0;z-index: 2;}
.index_jiaoliu .titles .times{font-family: "Noto Serif SC",serif;font-weight:bold;color:#a30000;margin-bottom:40px;}
.index_jiaoliu .titles .times i{margin-right:10px;font-size:14px;}
.index_jiaoliu .titles .times .year{font-size:38px;}
.index_jiaoliu .titles .times .year span{font-size:14px;}
.index_jiaoliu .titles .tit{color:#333;font-size:18px;font-weight:bold;margin-bottom:40px;}
.index_jiaoliu .titles .decs{color:#666666;font-size:14px;opacity:.6;margin-bottom:20px;}
.index_jiaoliu .swiper_jiaoliu .swiper-slide-active .decs{opacity:0;}
.index_jiaoliu .titles li a:hover .tit{color:#a30000;}
.index_jiaoliu .jiaoliu_buttom{position:absolute;bottom:0;padding:30px;left:0;width:40%;z-index:2;}
.index_jiaoliu .jiaoliu_buttom .sbtn{width:50px;height:50px;border-radius:50%;text-align:center;border:1px #d8d8d8 solid;background: url(../images/jiantou.png) #ffffff center no-repeat ;}
.index_jiaoliu .jiaoliu_buttom .sbtn.swiper-button-next{transform: rotate(180deg);}
.index_jiaoliu .jiaoliu_buttom .sbtn:hover{background: url(../images/jiantou_on.png) #a30000 center no-repeat;border-color:#a30000;}

.index_jianzhu{width:100%;overflow:hidden}
.index_jianzhu .wrap img{width:100%;height:100%;}
@media (max-width:1500px){
.pc-menus{padding:0;padding-right: 80px;}
.pc-menus .tit{padding-left:40px;}
.index_xueshu .xueshu_buttom{left:30px;}
.index_xueshu .swiper-slide .title .times .date{font-size: 18px;line-height:22px;}
.index_xueshu .titles ul li{padding:10px 20px; }
.index_xueshu .swiper-slide .title .fr .tit,.index_xueshu .titles .tit{font-size:18px; line-height:28px;}
.index_xueshu .titles .nav_top{margin-bottom:5px;}
.index_xueke .swiper-slide .title .tit,.index_xueke .hot_new .title .tit{font-size:18px;line-height:28px;}
.index_chengguo .titles .tit{font-size:18px;line-height:28px;}
.index_jiaoliu .swiper_jiaoliu .swiper-slide-active .decs p{font-size:14px;}
}
@media (max-width:992px){
.header.active .menu_btn i{background:#fff;}
.index-banner .swiper-pagination-bullet{width:8px;height:8px;}
.index-banner{margin-top:60px;}
.index_xueshu .imgs,.index_xueshu .titles{width:100%;}
.index_xueshu .swiper-slide .title,.index_xueshu .swiper-slide .cover-box{width:100%;}
.index_xueshu .xueshu-pagination{bottom:190px;right:20px;}
.index_xueshu .swiper-slide .title .times .date{font-size:16px;line-height:20px;margin-bottom: 0px;}
.index_xueshu .swiper-slide .title .fr .tit,.index_xueshu .titles .tit{font-size:16px;line-height:20px;}
.index_xueshu .swiper-slide .title .fr .decs,.index_xueshu .titles .decs{font-size:12px;}
.index_xueshu .xueshu_buttom{width:100%;left:0;top:80px;bottom:auto;}
.index_xueke .fl,.index_xueke .fr{width:100%;}
.index_xueshu .titles{margin-top:20px;}
.index_xueke .swiper-slide .cover-box{top:0px;}
.index_xueke .swiper-slide .title,.index_xueke .swiper-slide .cover-box,.index_xueke .hot_new{width:100%;}
.index_xueke .swiper-slide .title .tit,.index_chengguo .titles .tit{font-size:16px;line-height:25px;min-height:50px;margin-bottom:5px;padding-bottom:5px;}
.index_xueke .swiper-slide{padding-bottom:0px;}
.index_xueke .xueshu_buttom{top:250px;bottom:auto;z-index:3;right:52%}
.index_xueke .xueshu_buttom .sbtn,.index_chengguo .chengguo_buttom .sbtn{width:40px;height:40px;}
.index_xueke .swiper-slide .cover-box,.index_xueke .hot_new{position:relative;}
.index_chengguo .imgs,.index_chengguo .titles{width:100%;}
.index_chengguo .titles .tit{font-size:16px;}
.index_chengguo .titles em{width:50px;height:50px;}
.index_chengguo .listtitle ul li{width:100%;margin-bottom:20px;}
.index_chengguo .listtitle .times .date{font-size:22px;}
.index_chengguo .listtitle .times .year{font-size:12px;}
.index_chengguo .listtitle .tit{border-color:#ffffff;}
.index_jiaoliu .imgs,.index_jiaoliu .titles{width:100%;}
.index_jiaoliu .jiaoliuny{margin:0;}
.index_jiaoliu .swiper_jiaoliu .swiper-slide .decs{display:none;}
.index_jiaoliu .jiaoliu_buttom .sbtn{width:40px;height:40px;}
.index_jiaoliu .titles .tit{margin-bottom:20px;}
.index_jiaoliu .titles .decs{margin-bottom:0;}
.index_jiaoliu .imgs{margin-top:30px;}

}




.ihd {position: relative;}
.ihd .vmore {position: absolute; right: 0;bottom: 20px;}
.ispots .hd{display:-webkit-flex;display:flex;display:-webkit-box;display:box;-webkit-align-items:center;align-items:center;-webkit-box-align:center;box-align:center;-webkit-box-pack:justify;box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:92vw;max-width:1440px;margin-left:auto;margin-right:auto;margin-bottom:.7rem}