@charset "utf-8";* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0
}

li {
    list-style: none
}

html,body {
    width: 100%;
    margin: 0 auto
}

html {
    font-size: 5.2083333333333vw
}

@media (max-width: 1199px) {
    html {
        font-size: 6.6vw
    }
}

@media (max-width: 767px) {
    html {
        font-size: 13.3vw
    }
}

.clear {
    clear: both;
    height: 0px;
    line-height: 0px;
    font-size: 0px;
    overflow: hidden;
    display: block
}

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

:focus {
    outline: 0
}

a,button,input[type="button"],input[type="submit"],input[type="reset"] {
    cursor: pointer
}

* html .clearfix {
    height: 0%
}

*+html .clearfix {
    min-height: 0%
}

*+html .clearfix {
    min-height: 0%
}

@font-face {
    font-family: 'SourceHanSans-Regular';
    src: url('../fonts/SourceHanSans-Regular.otf')
}

@font-face {
    font-family: 'SourceHanSans-Bold';
    src: url('../fonts/SourceHanSans-Bold.otf')
}

@font-face {
    font-family: 'SourceHanSerifCN-Bold';
    src: url('../fonts/SourceHanSerifCN-Bold.otf')
}

body {
    color: #333;
    background: #ffffff;
    font: .18rem 'Microsoft YaHei', arial, sans-serif;
    min-width: 320px
}

@media (max-width: 1199px) {
    body {
        font-size: 14px
    }
}

a {
    color: #333;
    text-decoration: none
}

a:hover {
    color: #AD0101
}

.di_in {
    display: inline-block
}

.di_no {
    display: none
}

.di_bl {
    display: block
}

.te_c {
    text-align: center
}

.p_r {
    position: relative
}

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

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

.flex-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 300px
}

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

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

.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-warp {
    flex-flow: wrap
}

.flex-column {
    flex-flow: column
}

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

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

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

.transition {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

img {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
}

.img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.container {
    padding-left: 2.4rem;
    padding-right: 2.4rem
}

@media (max-width: 1199px) {
    .container {
        padding-left: .2rem;
        padding-right: .2rem
    }
}

.header {
    width: 100%;
    height: 1.3rem;
    background: url(../images/header.jpg)no-repeat center;
    background-size: cover
}

.header .logo img {
    height: .7rem
}

.header a {
    color: #FFF;
    margin-right: .15rem
}

.logos {
    color: #FFF;
    margin-right: .15rem
}

.logos img {
    height: .7rem
}

.header .search {
    border: 1px #FFF solid;
    width: 2.2rem;
    height: .4rem;
    border-radius: .2rem;
    -webkit-border-radius: .2rem;
    -moz-border-radius: .2rem;
    -ms-border-radius: .2rem;
    -o-border-radius: .2rem
}

.header .search input[type='text'] {
    width: 100%;
    background: none;
    padding-left: .2rem;
    color: #FFF;
    font-size: .18rem
}

.header .search input[type='text']::placeholder {
    color: #FFF
}

.header .search input[type='submit'] {
    width: .5rem;
    background-size: .17rem
}

.menu-btn {
    display: none;
    background: url(../images/menu.png)no-repeat center;
    width: .5rem;
    height: .5rem;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: .2rem;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.nav {
    padding-left: 2.2rem;
    padding-right: 2.2rem;
    background-color: #ede8e8;
}

.nav li {
    height: .6rem
}

.nav li>a {
    line-height: .6rem;
    padding: 0 .4rem;
    font-size: .21rem
}

.nav li:hover a {
    color: #FFF;
    background-color: #B31716
}

.nav li.on a {
    color: #FFF;
    background-color: #B31716
}

.nav .drop {
    width: 100%;
    left: 0;
    top: .6rem;
    position: absolute;
    transition: transform 0.2s linear, opacity 0.2s linear;
    -webkit-transition: transform 0.2s linear, opacity 0.2s linear;
    -moz-transition: transform 0.2s linear, opacity 0.2s linear;
    -ms-transition: transform 0.2s linear, opacity 0.2s linear;
    -o-transition: transform 0.2s linear, opacity 0.2s linear;
    transform-origin: top;
    z-index: 9;
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
    -ms-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    background-color: #FFF;
    line-height: 2.2;
    font-size: .16rem;
    padding: .1rem 0
}

.nav .search {
    display: none;
    height: .5rem;
    width: 100%;
    border: 1px #AD0101 solid;
    border-radius: .5rem;
    -webkit-border-radius: .5rem;
    -moz-border-radius: .5rem;
    -ms-border-radius: .5rem;
    -o-border-radius: .5rem
}

.nav .search input[type='text'] {
    width: 100%;
    background: none;
    padding-left: .2rem;
    font-size: 14px
}

.nav .search input[type='submit'] {
    width: .6rem;
    background-size: .26rem
}

.banner .swiper-slide {
    overflow: hidden
}

.banner .swiper-slide img {
    width: 100%;
    height: 37%;
}

.banner .swiper-pagination-bullet {
    background-color: #FFF;
    opacity: 1
}

.banner .swiper-pagination-bullet-active {
    background-color: #AD0101
}

.footer {
    background: url(../images/f-bg.jpg)no-repeat center;
    background-size: cover;
    color: #FFF;
    padding-top: .2rem;
    font-size: .16rem;
    margin-top: .4rem;
}

.footer a {
    color: #FFF
}

.footer .link .tit {
    font-size: .22rem;
    margin-right: .3rem;
    line-height: .4rem;
    font-weight: bold
}

.footer .link a {
    line-height: .4rem;
    margin-right: .2rem;
    padding-right: .2rem
}

.footer .link a::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 1px;
    height: .15rem;
    background-color: #FFF
}

.footer .link a:last-child {
    margin-right: 0;
    padding-right: 0
}

.footer .link a:last-child::after {
    display: none
}

.footer .copyright {
    padding: .15rem 0;
    margin-top: .2rem;
    border-top: 1px rgba(255, 255, 255, .2) solid
}

.footer .info {
    margin-top: .6rem
}

.footer .erwma .pic {
    width: 1.15rem;
    height: 1.15rem;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto
}

.footer .erwma .pic img {
    width: 100%
}

.footer .erwma .txt {
    margin-top: .05rem
}

.footer .f-us {
    margin-top: .15rem
}

.footer .f-us .tit-con {
    margin-top: .05rem
}

.footer .f-us .tit {
    font-size: .22rem;
    font-weight: bold;
    margin-right: .3rem
}

.footer .f-us .tit-con>div {
    width: 25%
}

.footer .f-us .tit-con>div span {
    cursor: pointer;
    opacity: .6
}

.footer .f-us .tit-con>div.on span {
    padding-right: .2rem;
    opacity: 1
}

.footer .f-us .tit-con>div.on span::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #FFF;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.footer .f-us .tit-con>div.on span::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -1.5rem;
    width: 1.5rem;
    height: 2px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))
}

.footer .f-us .content {
    font-size: .14rem
}

div#btn1 {
    color: #fff
}

.footer .f-us .content p {
    margin-top: .1rem
}

@media (min-width: 1025px) {
    .nav li:hover .drop {
        opacity: 1;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg)
    }
}

@media (max-width: 1199px) {
    .header {
        height: 1.2rem
    }

    .header.fixed {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 9999
    }

    .header .con {
        display: none
    }

    .menu-btn {
        display: block
    }

    .nav {
        position: fixed;
        width: 100%;
        left: 0;
        top: 1.2rem;
        overflow-y: scroll!important;
        display: none;
        background-color: #FFF;
        z-index: 999;
        height: calc(100vh - 1.2rem);
        padding: .2rem
    }

    .nav li {
        width: 100%;
        height: auto
    }

    .nav li>a {
        line-height: .9rem;
        font-size: 16px;
        padding: 0
    }

    .nav li.on a {
        background: none;
        color: #AD0101
    }

    .nav .arrow {
        position: absolute;
        right: 0;
        top: 0;
        height: .9rem;
        width: .6rem
    }

    .nav .arrow::after {
        content: '';
        background-size: 100%;
        width: .32rem;
        height: .32rem;
        position: absolute;
        left: .1rem;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%)
    }

    .nav .cur .arrow::after {
        transform: translateY(-50%) rotate(90deg);
        -webkit-transform: translateY(-50%) rotate(90deg);
        -moz-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
        -o-transform: translateY(-50%) rotate(90deg)
    }

    .nav .drop {
        position: static;
        left: auto;
        transform: translate(0, 0);
        opacity: 1;
        width: 100%;
        display: none;
        text-align: left;
        padding-top: 0;
        background: none;
        padding-bottom: 0;
        padding-top: 0;
        font-size: 14px;
        padding-left: .2rem
    }

    .nav .search {
        display: flex
    }

    .footer .erwma {
        display: none
    }

    .footer,.footer .f-us .content {
        font-size: 12px
    }

    .footer .link .tit,.footer .f-us .tit {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .banner .swiper-slide img {
        width: auto;
        height: 3.8rem
    }

    .footer .f-us .tit-con>div {
        width: 50%
    }
}

.sidebar {
    width: 2.4rem;
    margin-top: .5rem;
    background: linear-gradient( #FFFFFF 38%, #EBF0F9 100%);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);
    margin-right: .6rem
}

.sidebar .title {
    font-family: 'SourceHanSerifCN-Bold';
    font-size: .28rem;
    background-color: #B31716;
    color: #FFF;
    height: 1rem;
    line-height: 1rem;
    -webkit-clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 10%, 100% 100%, 0% 100%);
    overflow: hidden;
    margin-top: -.1rem
}

.sidebar ul {
    padding-bottom: 1rem;
    padding-left: .3rem;
    padding-right: .3rem
}

.sidebar li {
    line-height: .7rem;
    border-bottom: 1px #D8D8D8 dashed
}

.sidebar li>a {
    background-size: .08rem;
    font-size: .16rem
}

.sidebar li.on>a {
    color: #B31716
}

.sidebar .sub {
    padding-left: .2rem;
    font-size: .14rem;
    line-height: 2;
    padding-bottom: .2rem;
    display: none
}

.sidebar li.on .sub {
    display: block
}

.pub-content {
    margin-top: .4rem
}

.pub-title .title {
/*    font-family: 'SourceHanSans-Bold';*/
    font-size: .3rem;
    padding-left: .25rem;
    margin-right: .2rem
}
/*
.pub-title .title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 5px;
    height: .26rem;
    background-color: #B31716;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}*/

.pub-title .line {
    height: 1px;
    background-color: #D8D8D8;
    margin-right: .1rem
}

.crumbs {
    font-size: .16rem;
    background: url(../images/home.png)no-repeat left center;
    background-size: .16rem;
    padding-left: .25rem;
    font-size: .14rem;

}

.crumbs a {
    background: url(../images/arrow1.png)no-repeat right center;
    padding-right: .2rem;
    margin-right: .15rem;
    background-size: .1rem
}

.page {
    margin-top: .5rem;
    font-size: .14rem;
    line-height: .32rem
}

.page a {
    border: 1px #D8D8D8 solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    padding: 0 .12rem;
    margin-right: .1rem
}

.page span {
    margin-right: .1rem
}

.page .on {
    background-color: #B31716;
    color: #FFF;
    border-color: #B31716
}

.page .prev,.page .next {
    width: .32rem;
    background-size: .08rem
}

.page .prev {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.img-list .item {
    margin-top: .1rem;
    padding: .1rem .2rem;
    background-color: #FFF;
    z-index: 20;
    border: 1px #F5F5F5 solid
}

.img-list .item::after,.text-list .item::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    transition: all .7s;
    -webkit-transition: all .7s;
    -moz-transition: all .7s;
    -ms-transition: all .7s;
    -o-transition: all .7s;
    z-index: -1;
    border-bottom: 2px #EBC98B solid
}

.img-list .item .pic {
    width: 2rem;
    height: 1.3rem;
    overflow: hidden;
    margin-right: .4rem
}

.img-list .item .date,.text-list .item .date {
    width: 1.3rem;
    font-family: 'SourceHanSerifCN-Bold';
    color: #B31716;
    font-size: .14rem
}

.img-list .item .date span,.text-list .item .date span {
    font-size: .28rem
}

.img-list .item .text-con {
    margin-right: .4rem;
    padding-top: .1rem
}

.img-list .item .tit,.text-list .item .tit {
    font-size: .2rem;
    height: 24px;
}

.img-list .item .des,.text-list .item .des {
    color: #666;
    font-size: .14rem;
    line-height: 1.8;
    margin-top: .1rem;
}

.text-list .item {
    padding: .1rem .15rem;
    margin-top: .1rem;
    background-color: #FFF;
    z-index: 20;
    border: 1px #F5F5F5 solid
}

.text-list .item .text-con {
    margin-right: .4rem
}

.news-details {
    margin-top: .2rem;
}

.news-details h1 {
    font-size: .24rem
}

.news-details .info {
    background-color: rgba(0, 0, 0, .01);
    margin-top: .2rem;
    color: #666;
    font-size: .14rem;
    line-height: .45rem
}

.news-details .info span {
    margin: 0 .05rem
}

.news-details .body {
    line-height: 2.2;
    font-size: .16rem
}

.news-details .body p {
    text-indent: .32rem;
    margin-top: .3rem
}

p.vsbcontent_img {
    text-align: center
}

.news-details .body img {
    max-width: 100%;
    margin-top: .3rem;
    margin-left: -0.32rem
}

.news-details .edit {
    text-align: right;
    font-size: .14rem;
    margin-top: .4rem;
    padding-bottom: .2rem;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.12)
}

.news-details .next a {
    margin-top: .2rem;
    font-size: .16rem
}

.news-details .pre a {
    margin-top: 0.2rem;
    font-size: .16rem
}

.news-details .next a span {
    color: #B31716
}

.news-details .pre a span {
    color: #B31716
}

.about {
    margin-top: .4rem;
    overflow: hidden;
    background-image: linear-gradient( rgba(255, 255, 255, 1), rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))
}

.about .pic {
    width: 4.4rem;
    float: left;
    margin-right: .4rem;
    margin-bottom: .2rem
}

.about img {
    max-width: 100%
}

.about .title {
    font-size: .29rem;
    font-family: 'SourceHanSerifCN-Bold';
    color: #B31716;
    text-indent: .32rem
}

.about .text p {
    font-size: .16rem;
    line-height: 2.2;
    text-indent: .32rem;
    margin-top: .1rem
}

.about .text h4 {
    font-size: .18rem;
    margin-top: .3rem
}

.about .text>img {
    margin-top: .2rem
}

@media (min-width: 1025px) {
    .xueke .submenu a:hover,.keyan .submenu a:hover,.lun .submenu a:hover {
        background-color: #B31716
    }

    .xueke .item:hover .pic img,.doctor .item:hover .pic img,.img-list .item:hover .pic img,.kepu-video:hover .pic img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05)
    }

    .xueke .item:hover .tit,.xueke .item:hover .more,.doctor .tit .more:hover {
        text-decoration: underline
    }

    .doctor .item:hover .text-con::after {
        height: 100%
    }

    /*
.doctor .item:hover,.img-list .item:hover .tit,.img-list .item:hover .des,.img-list .item:hover .date,.text-list .item:hover .tit,.text-list .item:hover .des,.text-list .item:hover .date{color: #FFF}
*/
    .img-list .item:hover::after,.text-list .item:hover:after,.pub-list .item:hover::after {
        width: 100%
    }

    .page a:hover {
        background-color: #B31716;
        color: #FFF;
        border-color: #B31716
    }

    .img-list .item:hover .tit,.text-list .item:hover .tit {
        font-family: 'SourceHanSans-Bold'
    }

    .pub-list .item:hover {
        padding-right: .2rem;
        padding-left: .4rem
    }

    .pub-list .item:hover::before {
        left: .2rem
    }

    .pub-list .item:hover .date {
        color: #B31716
    }
}

@media (max-width: 1199px) {
    .sidebar {
        display: none
    }

    .pub-title .title {
        font-size: 20px
    }

    .crumbs,.img-list .item .des,.img-list .item .date,.page,.text-list .item .des,.text-list .item .date,.news-details .info,.news-details .edit {
        font-size: 12px
    }

    .img-list .item .tit,.text-list .item .tit,.news-details .body,.news-details .next a,.about .text p {
        font-size: 14px
    }

    .img-list .item .date span,.text-list .item .date span,.news-details h1 {
        font-size: 18px
    }

    .img-list .item .date,.text-list .item .date {
        width: 100px
    }

    .img-list .item .pic {
        width: 3rem;
        height: 1.8rem
    }

    .about .title {
        font-size: 20px
    }

    .about .text h4 {
        font-size: 15px
    }
}

@media (max-width: 767px) {
    .crumbs {
        display: none
    }

    .img-list .item,.text-list .item {
        padding: .2rem
    }

    .img-list .item .pic {
        width: 100%;
        margin-right: 0;
        height: 3.4rem;
        margin-bottom: .3rem
    }

    .img-list .item .date,.text-list .item .date {
        text-align: right;
        width: 90px
    }

    .img-list .item .text-con,.text-list .item .text-con {
        margin-right: .2rem
    }

    .page {
        line-height: .4rem
    }

    .page span,.page>div,.page input[type='submit'] {
        display: none
    }

    .about .pic {
        width: 100%;
        margin-right: 0;
        float: none
    }

    .about .text {
        margin-top: .4rem
    }
}

.home-title .title img {
    width: 70px;
    margin-right: 15px;
    margin: auto 15px auto auto
}

.home-title .title .cn {
    font-weight: bold;
    font-size: .36rem;
    word-wrap: break-word;
    hyphens: auto;
    line-height: 2.5;
    width: 287px
}

.home-title .title .en {
    color: #A5A5A5;
    font-size: .16rem;
    padding-left: .5rem;
    width: 287px
}

.home-title .title .en::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: .45rem;
    height: 1px;
    background-color: #A5A5A5;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%)
}

.home-title .more {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background: url(../images/more.png)no-repeat right center;
    padding-right: .4rem;
    background-size: .28rem;
    font-family: 'SourceHanSerifCN-Bold'
}

.home-news {
    margin-top: 0.2rem;
}

.home-news .content {
    margin-top: .1rem;
}

.home-news .focus {
    width: 7rem;
    overflow: hidden;
    margin-right: .3rem
}

.home-news .focus .swiper-slide {
    height: 4.4rem
}

.home-news .focus .swiper-slide::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1.7rem;
    background: linear-gradient( rgba(8, 8, 8, 0) 0%, rgba(21, 21, 21, 0.8) 100%);
    z-index: 1
}

.home-news .focus .text-con {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: .3rem;
    color: #FFF;
    z-index: 10;
    padding-right: 2rem
}

.home-news .focus .date {
    background-color: #AD0101;
    line-height: .35rem;
    font-weight: bold;
    padding: 0 .1rem
}

.home-news .focus .tit {
    font-size: .2rem;
    margin-top: .1rem
}

.home-news .focus .swiper-pagination {
    left: auto;
    right: 0;
    width: auto;
    bottom: .3rem;
    padding-right: .3rem
}

.home-news .focus .swiper-pagination::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: .32rem;
    height: 1px;
    background-color: rgba(255, 255, 255, .2)
}

.home-news .focus .swiper-pagination-bullet {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background-color: #FFF;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.home-news .focus .swiper-pagination-bullet-active {
    margin: 0 10px !important
}

.home-news .focus .swiper-pagination-bullet-active::after {
    content: '';
    position: absolute;
    left: -5px;
    right: -5px;
    top: -5px;
    bottom: -5px;
    border: 1px #FFF solid
}

.home-news ul {
    background-color: #F5F5F5;
    padding: 5px 0 0 .2rem
}

.home-news ul li {
    padding-top: .14rem;
    padding-bottom: .13rem;
    padding-left: .1rem;
    padding-right: .3rem
}

.home-news ul li .tit {
    margin-right: .3rem
}

.home-news ul li .date {
    color: #999;
    font-size: .16rem
}

.home-news ul li .des {
    color: #EAC8C8;
    font-size: .14rem;
    margin-top: .05rem;
    display: none
}

.home-news ul li.on {
    background: url(../images/tbg1.png)no-repeat center;
    background-size: cover;
    padding-left: .25rem
}

.home-news ul li.on::after {
    content: '';
    position: absolute;
    left: -.2rem;
    width: .12rem;
    height: 100%;
    top: 0;
    background-color: #BD1919
}

.home-news ul li.on .tit {
    font-weight: bold;
    color: #FFF
}

.home-news ul li.on .tit::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 5px;
    height: .16rem;
    background-color: #E7A83B;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    left: -.15rem
}

.home-news ul li.on .date {
    color: #FFF
}

.home-news ul li.on .des {
    display: block
}

.home-lz .con {
    margin-top: .1rem;
    width: 48%
}

.home-lz .con .home-title {
    border-bottom: 2px #AD0101 solid;
    padding-bottom: .1rem
}

.home-lz .item {
    border-bottom: 1px dashed #CECECE;
    line-height: .5rem
}

.home-lz .item .tit {
    margin-right: .3rem;
    padding-left: .25rem
}

.home-lz .item .tit::before {
    content: '';
    position: absolute;
    left: .02rem;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    background-color: #AD0101;
    width: 5px;
    height: 5px
}

.home-lz .item .date {
    font-size: .16rem;
    color: #999
}

.home-bg {
    background: url(../images/bg1.jpg)no-repeat center;
    background-size: cover;
    padding-bottom: .1rem;
    margin-top: .15rem;
    overflow: hidden
}

.home-bg .content {
    width: 48%;
    margin-top: .1rem;
}

.home-bg .con {
    margin-top: .1rem
}

.home-bg .item {
    line-height: .4rem;
    padding-left: .15rem;
    z-index: 21;
    margin-left: -.15rem;
    margin-right: -.15rem;
    padding-right: .15rem
}

.home-bg .item .tit {
    padding-left: 20px
}

.home-bg .item::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    /* background-color: #AD0101; */
    z-index: -1;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s
}

.home-bg .item .date {
    font-size: .16rem;
    color: #999
}

.home-dwu,.home-dyuan {
    width: 48%;
    margin-top: .1rem;
}

.home-dwu .content {
    border-top: 1px #DDDDDD solid;
    margin-top: .1rem;
}

.home-dwu .item {
    padding-left: .3rem;
    border-bottom: 1px #CECECE dashed
}

.home-dwu .item::after {
    content: '';
    position: absolute;
    left: .02rem;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    width: 6px;
    height: 6px;
    background-color: #AD0101
}

.home-dwu .item .tit {
    line-height: .5rem;
    margin-right: .3rem
}

.home-dwu .item .date {
    color: #999;
    font-size: .16rem
}

.home-dwu .item .des {
    font-size: .16rem;
    color: #767676;
    margin-top: .05rem;
    display: none
}

.home-dwu .item .s-date {
    width: .7rem;
    height: .7rem;
    border: 1px #AD0101 solid;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    font-weight: bold;
    font-size: .3rem;
    color: #AD0101;
    display: none
}

.home-dwu .item .s-date span {
    background-color: #AD0101;
    color: #FFF;
    line-height: .26rem;
    font-size: .14rem;
    margin-top: .02rem
}

.home-dwu .item.on {
    background: none;
    padding-left: .9rem;
    height: .9rem
}

.home-dwu .item.on::after {
    display: none
}

.home-dwu .item.on .tit {
    line-height: 1.8;
    margin-top: .1rem;
    color: #AD0101;
    font-weight: bold
}

.home-dwu .item.on .date {
    display: none
}

.home-dwu .item.on .s-date,.home-dwu .item.on .des {
    display: block
}

.home-dyuan .content {
    margin-top: .1rem;
}

.home-dyuan .box {
    width: 3.38rem;
    margin-right: .2rem
}

.home-dyuan .box a {
    width: 100%;
    height: 2.08rem;
    border: 1px solid rgba(65, 65, 65, 0.2);
    padding: .3rem;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    overflow: hidden
}

.home-dyuan .box a:last-child {
    margin-top: .3rem
}

.home-dyuan .box a .date {
    color: #AD0101;
    font-size: .14rem
}

.home-dyuan .box a .date span {
    font-size: .28rem;
    font-weight: bold
}

.home-dyuan .box a .tit {
    margin-top: .1rem
}

.home-dyuan .box a .des {
    margin-top: .1rem;
    color: #919191;
    opacity: .8;
    font-size: .16rem
}

.home-dyuan .item {
    width: 100%;
    height: 1.35rem;
    border: 1px solid rgba(65, 65, 65, 0.2);
    padding: .15rem .3rem;
    margin-top: .2rem
}

.home-dyuan .item:first-child {
    margin-top: 0
}

.home-dyuan .item .date {
    font-size: .14rem;
    color: #AD0101
}

.home-dyuan .item .date span {
    font-size: .26rem;
    font-weight: bold
}

.home-dyuan .item .tit {
    margin-top: .05rem
}

.home-dyuan .item .des {
    font-size: .16rem;
    color: #A7A7A7;
    margin-top: .1rem
}

@media (min-width: 1025px) {
    .home-news .focus .swiper-slide:hover img {
        transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05)
    }

    .home-lz .item:hover .tit,.home-dyuan .box a:hover .tit,.home-dyuan .item:hover .tit {
        font-weight: bold
    }

    .home-bg .item:hover::after {
        width: 100%
    }

    .home-bg .item:hover .tit,.home-bg .item:hover .date,.home-dyuan .box a:hover .date,.home-dyuan .box a:hover .tit,.home-dyuan .box a:hover .des {
        color: #FFF
    }

    .home-dyuan .box a:hover {
        border-radius: .5rem 0 .5rem;
        -webkit-border-radius: .5rem 0 .5rem;
        -moz-border-radius: .5rem 0 .5rem;
        -ms-border-radius: .5rem 0 .5rem;
        -o-border-radius: .5rem 0 .5rem;
        background: url(../images/tbg2.png)no-repeat center;
        background-size: cover
    }
}

@media (max-width: 1199px) {
    .home-news ul li .des,.home-news ul li .date,.home-title .title .en,.home-news .focus .date,.home-lz .item .date,.home-bg .item .date,.home-dwu .item .s-date span,.home-dyuan .box a .date,.home-dyuan .item .date,.home-dwu .item .des,.home-dyuan .item .des,.home-dwu .item .date,.home-dyuan .box a .des {
        font-size: 12px
    }

    .home-news .focus .tit {
        font-size: 14px
    }

    .home-dyuan .item .date span {
        font-size: 18px
    }

    .home-dwu .item .s-date {
        font-size: 20px
    }

    .home-title .title .cn {
        font-size: 24px
    }

    .home-news .focus .swiper-slide {
        height: 4.8rem
    }

    .home-news .focus .date {
        line-height: 30px
    }

    .home-dwu .item .s-date {
        width: 60px
    }

    .home-dwu .item.on {
        padding-left: 75px
    }
}

@media (max-width: 950px) {
    .home-news .focus {
        width: 100%;
        margin-right: 0
    }

    .home-news ul {
        padding-top: .3rem;
        padding-bottom: .3rem
    }

    .home-lz .item,.home-bg .item,.home-dwu .item .tit {
        line-height: .7rem
    }

    .home-dyuan .box a {
        height: 2.6rem
    }

    .home-dyuan .item {
        height: 1.7rem
    }
}

@media (max-width: 767px) {
    .home-lz .con,.home-bg .content,.home-dwu,.home-dyuan {
        width: 100%
    }

    .home-dwu .item.on {
        height: 1.2rem
    }

    .home-dwu .item .s-date {
        height: 50px
    }

    .home-dwu .item .s-date span {
        line-height: 20px
    }
}