/*
*@Description:
*@Author:      hanli
*@Update:      hanli(2020-05-19)
*/
@media screen and (max-width: 991px) {
    html,body{
        height: auto;
    }
}
img{
    max-width: 100%;
}
.flex{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
@media screen and (max-width: 767px) and (min-width: 468px) {
    .layui-col-xsm6{
        width: 50%;
    }
}

/*header*/
header {
    position: absolute;
    left: 8%;
    right: 0;
    z-index: 999;
    top: 20px;
}
@media screen and (max-width: 1399px) {
    header{
        left: 4%;
    }
}

header .logo {
    float: left;
}
header .logo a{
    display: inline-block;
}
header .logo img{
    height: 60px;
}
@media screen and (max-width: 1199px) {
    header .logo img{
        height: 50px;
    }
}
@media screen and (max-width: 767px) {
    header{
        top: 15px;
        left: 15px;
        right: 75px;
    }
    header .logo{
        max-width: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        height: 40px;
    }
    header .logo img{
        height: auto;
        max-height: 40px;
        max-width: 100%;
    }
}


/*home Banner*/
.banner{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 410px;
}
@media screen and (min-width: 1400px) {
    .banner{
        right: 470px;
    }
}
@media screen and (max-width: 991px) {
    .banner{
        right: 0;
    }
}
.banner .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.banner .swiper-slide {
    font-size: 18px;
    background: #fff;
}
.banner .swiper-slide.default{
    cursor: default;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .swiper-pagination-fraction{
	left: 8%;
	bottom: 30px;
	width: auto;
}
.banner .swiper-pagination{
	text-align: right;
}
@media screen and (max-width: 1399px) {
    .banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .swiper-pagination-fraction{
        left: 4%;
    }
}
@media screen and (max-width: 991px) {
    .banner .swiper-container-horizontal>.swiper-pagination-bullets, .banner .swiper-pagination-custom, .swiper-pagination-fraction{
        left: 0;
        right: 0;
        text-align: center;
    }
}

/*swiper-pagination*/
.banner .swiper-pagination-bullet {
    opacity: .8;
    width: 8px;
    height: 8px;
    background: none;
    border-radius: 50%;
    position: relative;
}
.swiper-pagination-bullet:focus{
    outline: none;
}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 10px;
}

.banner .swiper-button-prev,.swiper-button-next{
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
.banner .swiper-pagination-bullet:after{
    content: "";
    position: absolute;
    background: rgba(255,255,255,.3);
    left: -5px;
    top: -5px;
    bottom: -5px;
    right: -5px;
    border-radius: 50%;

}
@media screen and (max-width: 767px) {
    .banner .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
    }
    .banner .swiper-pagination-bullet-active:after{
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        border: 1px solid #EFBAC0;
        border-radius: 50%;

    }
}
/*swiper-pagination END*/

/*banner-text*/

.banner-text{
    position: absolute;
    left: 8%;
    right: 10px;
    top: 100px;
    bottom: 100px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    text-align: left;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
    -webkit-transition: all .5s .3s ease-in;
    -o-transition: all .5s .3s ease-in;
    transition: all .5s .3s ease-in;
}
@media screen and (max-width: 1399px) {
    .banner-text{
        left: 4%;
    }
}
.swiper-slide-active .banner-text{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.banner-text .box{
    margin: 0 auto;
    color: #fff;
}
.banner-text .box .title{
    position: relative;
    padding: 10px 0;
    line-height: 150%;
    font-size: 40px;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.banner-text .box .title:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 4px;
    background: #fff;
}
.banner-text .box .desc{
    font-size: 18px;
    font-weight: 100;
}
.banner-text .box .title, .banner-text .box .desc {
    display: inline-block;
}
.banner-text .box .more-btn{
    margin-top: 40px;
}
.banner-text .box .more-btn a{
    color: #eee;
}
@media screen and (max-width: 991px){
    .banner-text .box .title{
        font-size: 36px;
    }
    .banner-text .box .desc{
        font-size: 16px;
    }
}
@media screen and (max-width: 767px){
    .banner-text .box{
        width: 100%;
    }
    .banner-text .box .title{
        font-size: 28px;
    }
    .banner-text .box .title:after{
        width: 50px;
        height: 3px;
    }
    .banner-text .box .desc{
        font-size: 14px;
    }
}
@media screen and (min-width: 1400px){
    .banner-text .box .title{
        font-size: 48px;
    }
    .banner-text .box .desc{
        font-size: 20px;
    }
}
@media screen and (min-width: 1600px){
    .banner-text .box .title{
        font-size: 60px;
    }
    .banner-text .box .desc{
        font-size: 24px;
    }
}
/*banner-text END*/

/*home Banner END*/
/*nav-right*/
.nav-right{
	height: 100%;
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
}
.box-left,.box-right{
	height: 100%;
	width: 190px;
	float: left;
    overflow: hidden;
}
.box-left{
	width: 220px;
    /*background: #43444F;*/
    background: #c33d3d;
    position: relative;
}
.nav-right .block-item{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 25px 10px;
	height: 25%;
	text-align: center;
	color: #fff;
	position: relative;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}

.nav-right .box-left .block-item:nth-of-type(1){
	height: 50%;
	background: #43444F;
	padding: 10px 15px;
	text-align: left;
	display: block;
}
.nav-right .box-left .block-item:nth-of-type(3){
	background: #43444F;
}

.nav-right  .title{
	margin-top: 5px;
	color: #fff;
	font-size: 16px;
    margin-bottom: 10px;
}
.nav-right .subtitle{
	margin-top: 5px;
	color: #eee;
	font-size: 12px;
}

.nav-right .box-right .block-item {
    display: block;
	/*height: 16.66666666%!important;*/
    height: 20%!important;
	overflow-y: hidden;
	padding: 15px 5px;
	-webkit-transition: opacity .3s ease-in-out 0s;
	-o-transition: opacity .3s ease-in-out 0s;
	transition: opacity .3s ease-in-out 0s;
	opacity: 1;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.nav-right .box-right .block-item:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255,255,255,0);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.nav-right .box-right .block-item:hover:before{
    background-color: rgba(255,255,255,.15);
}
.nav-right .box-right .block-item .thumb-box{
    font-size: 30px;
    line-height: 1;
}

.nav-right .box-right .block-item .thumb-box img{
	width: 40px;
	height: 40px;
}
.nav-right .box-right .block-item .title{
	margin-top: 5px;
    margin-bottom: 0;
}
@media screen and (min-width: 1400px) {
	.box-left{
		width: 280px;
	}
	.nav-right .block-item {
	    padding: 60px 10px;
	}
}


/*nav-show*/

.nav-right{
    right: -175px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
@media screen and (max-width: 991px){
    .box-left{
        display: none;
    }
}
.nav-right .box-right{
    position: relative;
    z-index: 999;
}

.nav-toggle{
    display: block;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    color: #fff;
    position: fixed;
    z-index: 998;
    right: 0;
    top: 0px;
    width: 60px;
    height: 60px;
    line-height: 1;
    background: #DB676C;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
    padding: 0 18px;
    padding-top: 20px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.nav-toggle .icon-reorder{
    display: block;
    width: 24px;
    height: 2px;
    background: #fff;
    margin-bottom: 6px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.nav-toggle .icon-reorder:last-child{
    margin-bottom: 0;
}

@media screen and (min-width: 992px) {
    .home .nav-right{
        right: 0;
    }
    .home .nav-toggle{
        display: none;
    }
}
.nav-shadow{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    z-index: 0;
    background: rgba(0,0,0,.8);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.nav-show .nav-shadow{
    opacity: 1;
    z-index: 998;
}
.nav-show .nav-right,
.hover-show .nav-right{
    right: 0;
}
.nav-show .nav-toggle{
    right: 175px;
    padding-top: 18px;
    background: #DB676C;
}
.nav-show .nav-toggle .icon-reorder{
    margin: 0;
}
.nav-show .nav-toggle .icon-reorder:nth-of-type(1){
    margin-top: 10px;
    -webkit-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    -o-transform: rotate(42deg);
    transform: rotate(42deg);
}
.nav-show .nav-toggle .icon-reorder:nth-of-type(3){
    margin-top: -4px;
    -webkit-transform: rotate(-42deg);
    -ms-transform: rotate(-42deg);
    -o-transform: rotate(-42deg);
    transform: rotate(-42deg);
}
.nav-show .nav-toggle .icon-reorder:nth-of-type(2){
    opacity: 0;
}


@media screen and (max-width: 991px) {
    .nav-right{
        right: -190px;
    }
    .nav-toggle{
        border-radius: 30px;
        top: 10px;
        right: 5px;
        width: 50px;
        height: 50px;
        padding: 0 13px;
        padding-top: 15px;
        background: none;
        /*background: rgba(0,0,0,.25);
        border-radius: 25px;*/
    }
    .nav-show .nav-toggle{
        right: 190px;
        padding-top: 14px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .home .nav-toggle,
    .nav-toggle.show-bg{
        background: #F796A3;
    }
}

/*nav-show END*/

/*nav-right END*/

/*box-left*/
.box-left{
    font-size: 13px;
    line-height: 1.5;
}
.box-left .title{
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
}
.box-left .title .iconfont{
    color: #eee;
}
.box-left .title a:hover .iconfont{
    color: #fff;
}
/*home-announcement*/
.home-announcement {
    padding: 10px 15px;
}
.home-announcement .item-list {
	text-align: left;
}
.home-announcement .item-list li{
	position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(255,255,255,.5);
    -webkit-transition: margin .3s;
    -o-transition: margin .3s;
    transition: margin .3s;
}
.home-announcement .item-list li:last-child{
    border-bottom: 0;
    margin-bottom: 0;
}
.home-announcement .item-list li a{
	color: #fff;
}
.home-announcement .item-list li a:hover .news-title{
	text-decoration: underline;
}
.home-announcement .item-list li .news-title{
	line-height: 150%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 39px;
	color: #f0f0f0;

}
.home-announcement .item-list li .desc{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	font-size: 13px;
	color: #eee;
}
.home-announcement .item-list li .time{
	color: #eee;
	font-size: 10px;
	margin-bottom: 10px;
    display: inline-block;
    /*background: #303138;*/
    background: rgba(255,255,255,.15);
    line-height: 1;
    padding: 4px 10px;
    border-radius: 10px;
}
/*home-announcement END*/

/*home-news*/
.home-news .news-swiper .news-item{
    position: relative;
    display: block;
}
.home-news .news-swiper img{
    width: 100%;
}
.home-news .news-swiper .news-item .img-box{
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.home-news .news-swiper .news-item .img-box .img{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.home-news .news-swiper .news-item .img-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.home-news .news-swiper .news-item .text-box{
    position: absolute;
    bottom: 10px;
    padding: 0 10px;
    color: #fff;
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: 20px;
}
.home-news .swiper-container-horizontal>.swiper-scrollbar{
    left: 0;
    right: 0;
    bottom: 0px;
    width: 100%;
    height: 3px;
    line-height: 1;
}
.home-news .swiper-scrollbar-drag{
    background: rgba(255,255,255,.8);
    border-radius: 0;
}
/*home-news END*/

/*home-link*/
.home-link{
    padding: 10px 15px;
    color: #fff;
}
.home-link li a{
    color: #f0f0f0;
    display: block;
    margin-bottom: 8px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.home-link li a:hover{
    text-decoration: underline;
}
/*home-link END*/
@media screen and (max-width: 1199px) {
    .home-announcement .item-list li{
        margin-bottom: 16px;
        padding-bottom: 16px;
    }
}
@media screen and (min-width: 1600px) {
    .nav-right .title{
        font-size: 20px;
    }
    .nav-right .box-left .title{
        font-size: 22px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .box-left{
        font-size: 14px;
    }
    .home-announcement,
    .home-link{
        padding: 20px 15px;
    }
    .home-announcement .item-list li{
        padding-bottom: 24px;
        margin-bottom: 24px;
    }
    .home-announcement .item-list li .time{
        font-size: 12px;
    }
    .home-link li a{
        margin-bottom: 15px;
    }

    .nav-right .box-right .block-item .thumb-box{
        font-size: 36px;
    }
}
/*nav-right END*/

/*home-copyright*/
.home-copyright{
    padding: 10px 15px;
    font-size: 12px;
    color: #eee;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.home-copyright a{
    color: #eee;
}
.home-copyright a:hover{
    text-decoration: underline;
}
/*home-copyright END*/

/*home END*/

/******************************************************/

.layout-container{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: stretch;
    align-items: stretch;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/*aside*/
.layout-container .aside{
    width: 20%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 20px;
    color: #fff;
    position: relative;
}
.layout-container .aside .logo{
    text-align: center;
}
.layout-container .aside .logo img{
    max-width: 100%;
    max-height: 50px;
    margin-bottom: 40px;
}
.layout-container .aside .desc{
    opacity: .75;
}
@media screen and (min-width: 992px){
    .layout-container .aside .flex{
        -ms-align-items: center;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 100px;
        bottom: 100px;
    }
    .layout-container .aside .aside-title{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-align-items: stretch;
        align-items: stretch;
        justify-content: center;
        position: relative;
    }
    .layout-container .aside .aside-title:after{
        content: "";
        position: absolute;
        left: 26px;
        top: 0;
        bottom: 0;
        right: 0;
        border: 6px solid rgba(255,255,255,.5);
        border-left: 0;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .layout-container .aside .main-title{
        white-space: normal;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .layout-container .aside .main-title .title{
        width: 40px;
        font-size: 40px;
        line-height: 1.3;
        padding: 15px 0;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .layout-container .aside .main-title .border{
        width: 6px;
        background: rgba(255,255,255,.5);
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        -o-flex: 1;
        flex: 1;
        margin-left: 20px;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
    .layout-container .aside .desc{
        width: 16px;
        font-size: 16px;
        word-wrap: break-word;
        margin: 70px;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }
}

@media screen and (max-width: 1600px) and (min-width: 992px) {
    .layout-container .aside .desc{
        margin: 50px;
        font-size: 14px;
    }
    .layout-container .aside .main-title .title{
        font-size: 36px;
        width: 36px;
    }
    .layout-container .aside .main-title .border{
        margin-left: 18px;
    }
    .layout-container .aside .aside-title:after{
        left: 24px;
    }
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
    .layout-container .aside .desc{
        margin: 40px;
        font-size: 14px;
    }
    .layout-container .aside .main-title .title{
        font-size: 32px;
        width: 32px;
    }
    .layout-container .aside .main-title .border{
        margin-left: 16px;
        width: 4px;
    }
    .layout-container .aside .aside-title:after{
        left: 20px;
        border-width: 4px;
    }
}
@media screen and (max-width: 991px) {
    .layout-container{
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        -o-flex-direction: column;
        flex-direction: column;
        height: auto;
        overflow: auto;
        min-height: 100%;
    }
    .layout-container .aside{
        padding: 15px;
    }
    .layout-container .aside .logo{
        padding-right: 60px;
        height: 40px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-align-items: center;
        align-items: center;
    }
    .layout-container .aside .logo img{
        margin-bottom: 0;
        max-height: 40px;
        max-width: 100%;
    }
    .layout-container .aside{
        width: 100%;
    }
    .layout-container .aside .aside-title{
        width: 100%;
        text-align: center;
        padding: 50px 0;
    }
    .layout-container .aside .desc{
        font-size: 14px;
    }
    .layout-container .aside .main-title{
        font-size: 32px;
        margin-bottom: 20px;
    }
    .layout-container .aside .main-title .border{
        display: none;
    }
    .layout-container .aside .aside-title:after{
        content: none;
    }
}
@media screen and (max-width: 767px){
    .layout-container .aside .main-title{
        font-size: 24px;
    }
}
/*nav-swiper*/
.nav-top{
    position: relative;
    z-index: 99;
}
.nav-top a{
    display: block;
    padding: 15px 0;
    position: relative;
    color: #fff;
}
.nav-top a>*{
    opacity: .5;
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.nav-top a:not(:last-child):after{
    content: "";
    position: absolute;
    bottom: -3px;
    width: 5px;
    height: 5px;
    background: #eee;
    border-radius: 50%;
    left: 50%;
    margin-left: -4px;
    opacity: .5;
}
.nav-top a.active>*,
.nav-top a:hover>*{
    opacity: 1;
}
@media screen and (max-width: 991px) {
    .nav-top{
        /*display: none;*/
        overflow: hidden;
        text-align: center;
    }
    .nav-top a{
        display: inline-block;
        padding: 0 15px;
    }
    .nav-top a:not(:last-child):after{
        top: 50%;
        margin-top: -2px;
        bottom: auto;
        left: auto;
        right: -4px;
        margin-left: 0;
    }
}
/*nav-swiper END*/
/*aside END*/

/*main*/
.layout-container .main{
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
    position: relative;
}
.layout-container .main{
    color: #4d4d4f;
}
.main .block{
    position: absolute;
    left: 40px;
    top: 90px;
    bottom: 80px;
    right: 60px;
    overflow: hidden;
    padding-right: 20px;
    padding-left: 20px;
}
.main .block.no-category{
    top: 40px;
}
.main.noNav .block{
    bottom: 40px;
}

.block-nav{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    position: absolute;
    bottom: 15px;
    left: 60px;
    right: 80px;
}
.block-nav a{
    display: block;
    text-align: center;
    background: none;
    padding-top: 18px;
    position: relative;
    opacity: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
}
.block-nav a:before{
    content: "";
    position: absolute;
    top: 0;
    height: 14px;
    left: 0;
    right: 0;
    background: url(../images/pagination.png?v=20200520) center center no-repeat;
    background-size: 100% 14px;
    opacity: .8;
}
.block-nav a:first-child:before{
    background: url(../images/pagination_left.png?v=20200520) center center no-repeat;
    left: 50%;
    background-size: 100% 14px;
}
.block-nav a:last-child:before{
    background: url(../images/pagination_right.png?v=20200520) center center no-repeat;
    right: 50%;
    background-size: 100% 14px;
}
.block-nav a.active{
    color: #D75E5E;
}
.block-nav a.active:after{
    content: "";
    position: absolute;
    left: 50%;
    top: 9px;
    width: 9px;
    height: 9px;
    background: #D75E5E;
    border-radius: 50%;
    margin-left: -4px;
}
@media screen and (max-width: 1299px) {
    .main .block{
        left: 20px;
        right: 40px;
    }
}
@media screen and (max-width: 991px) {
    .main .block{
        padding: 10px 15px 40px 15px;
        position: static;
    }
    .main .block.no-category{
        padding-top: 40px;
    }
    .block-nav{
        position: fixed;
        left: -15px;
        right: -15px;
        bottom: 0;
        background: #f0f0f0;
        z-index: 999;
        padding-top: 10px;
        opacity: 1;
        display: none;
    }
}
/*main END*/

/*index_title*/
.index_title{
    font-size: 28px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    color: #333648;
}
.index_title:after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    border-bottom: 2px solid #D75E5E;
}
@media screen and (max-width: 991px) {
    .index_title{
        font-size: 24px;
    }
}
@media screen and (max-width: 767px) {
    .index_title{
        font-size: 20px;
    }
}
/*index_title END*/


.row-flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: stretch;
    align-items: stretch;
}
.layui-row.row-flex:after, .layui-row.row-flex:before{
    content: none;
}
@media screen and (min-width: 991px) {
    .layui-col-space30 {
        margin: -15px -3vw;
    }
    .layui-col-space30>* {
        padding: 15px  3vw;
    }
}
@media screen and (min-width: 1300px) {
    .layui-col-space30 {
        margin: -15px -5vw;
    }
    .layui-col-space30>* {
        padding: 15px 5vw;
    }
}

/*slide-grid*/
.slide-grid .img-box img{
    max-width: 100%;
    width: 100%;
}
.slide-grid .text-box {
    padding-top: 15px;
}
.slide-grid .text-box .title{
    font-weight: bold;
    margin-bottom: 12px;
    justify-content: space-between;
    -ms-align-items: center;
    align-items: center;
    font-size: 16px;
    color: #333648;
}
.slide-grid .text-box .title .tag{
    display: inline-block;
    padding: 4px 15px;
    background: #303138;
    color: #fff;
    border-radius: 20px;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
}
.slide-grid .text-box .desc{
    font-size: 13px;
    line-height: 1.5;
}
/*slide-grid END*/

.leader-list{
    margin-top: 20px;
    overflow: hidden;
}


/*duty*/
.duty{
    min-height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
}
.duty .row-flex{
    justify-content: space-around;
}
.duty .duty-item{
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background: url(../images/circle.png) center center no-repeat;
    background-size: 100% 100%;
    text-align: center;
    margin: 15px 0;
}
.duty .layui-row>[class^='layui-col']{
    max-width: 320px;
}
.duty .duty-item .duty-box{
    position: absolute;
    left: 10%;
    top: 10%;
    right: 10%;
    bottom: 10%;
}
.duty .duty-item .num-box{
    margin-top: 20%;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-size: 32px;
    border-radius: 50%;
    background: #DFBCAC;
}
.duty .duty-item .num-box:after{
    content: "";
    position: absolute;
    bottom: 0;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #DFBCAC;
    left: -13px;
}
@media screen and (min-width: 1600px) {
    .duty .duty-item .num-box{
        width: 64px;
        height: 64px;
        line-height: 64px;

    }
    .duty .duty-item .num-box:after{
        width: 36px;
        height: 36px;
        left: -18px;
    }
    .duty .duty-item .text-box{
        font-size: 18px;
    }
    .duty .duty-item .num-box{
        margin-bottom: 30px;
    }
    .duty .layui-row>[class^='layui-col']{
        max-width: 400px;
    }
}
@media screen and (max-width: 1300px) {
    .duty .duty-item .num-box{
        margin-top: 12%;
    }
}
@media screen and (max-width: 1199px) {
    .duty .duty-item .num-box{
        width: 48px;
        height: 48px;
        line-height: 48px;
        margin-bottom: 15px;
    }
    .duty .duty-item .num-box:after{
        width: 24px;
        height: 24px;
        left: -12px;
    }
    .duty .duty-item .text-box{
        font-size: 13px;
    }
}
@media screen and (max-width: 991px) {
    .duty .duty-item .num-box{
        margin-top: 18%;
    }
}
@media screen and (max-width: 767px) {
    .duty .duty-item .num-box{
        margin-top: 12%;
        font-size: 24px;
    }
    .duty .duty-item .text-box{
        font-size: 14px;
    }
    .duty .layui-row>[class^='layui-col']{
        max-width: 260px;
    }
}
/*duty END*/

/*assignment*/
.assignment{
    display: block;
    max-width: 780px;
    margin: 0 auto;
    width: 100%;
}
.assignment .layui-row{
    position: relative;
}
.assignment .layui-row:nth-of-type(2) [class^='layui-col']{
    margin-top: -160px;
}
.assignment .layui-row:nth-of-type(3) [class^='layui-col']{
    margin-top: -80px;
}
.assignment .duty-item{
    background: url(../images/circle2.png) center center no-repeat;
    background-size: 100% 100%;
}
.assignment .duty-item .num-box{
    background: none;
    margin-top: 8%;
    margin-bottom: 10px;
}
.assignment .duty-item .num-box:after{
    content: none;
}
.assignment .duty-item .text-box{
    font-size: 13px;
}
@media screen and (min-width: 1600px) {
    .assignment{
        max-width: 1000px;
    }
    .assignment .duty-item .text-box{
        font-size: 14px;
    }
    .assignment .duty-item .num-box{
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 1100px) and (min-width: 992px){
    .assignment .duty-item .text-box{
        font-size: 12px;
    }
}
@media screen and (max-width: 867px) and (min-width: 768px){
    .assignment .duty-item .num-box{
        margin-top: 8%;
    }
    .assignment .duty-item .text-box{
        font-size: 12px;
    }
}
@media screen and (max-width: 767px) {
    .assignment .layui-row{
            display: -webkit-box;
        display: -ms-flexbox;
        display: -moz-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-align-items: stretch;
        align-items: stretch;
        justify-content: space-around;
    }
    .assignment .layui-row:after, .assignment .layui-row:before{
        content: none;
    }
    .assignment .layui-row [class^='layui-col']{
        margin-top: 0!important;
        position: relative;
    }
}
/*assignment END*/


/*news-list*/
.news-category{
    padding: 0px 65px 0px 45px;
    position: relative;
    z-index: 99;
    margin-bottom: 20px;
    border-bottom: 1px solid #E4E7ED;
}
.news-category a{
    display: inline-block;
    padding: 20px 15px 10px;
    position: relative;
    font-size: 16px;
}
.news-category a>*{
    cursor: pointer;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.news-category a.active:after{
    content: "";
    position: absolute;
    left: 15px;
    right: 15px;
    height: 3px;
    background: #DB676C;
    bottom: 0;
}
.news-category a.active>*,
.news-category a:hover>*{
    color: #DB676C;
}
.layui-flow-more{
    width: 100%;
}

.theme-blue .news-category a.active>*,
.theme-blue .news-category a:hover>*{
    color: #598AB5;
}
.theme-blue .news-category a.active:after{
    background: #598AB5;
}

.theme-purple .news-category a.active>*,
.theme-purple .news-category a:hover>*{
    color: #9E6399;
}
.theme-purple .news-category a.active:after{
    background: #9E6399;
}

.theme-yellow .news-category a.active>*,
.theme-yellow .news-category a:hover>*{
    color: rgba(230,148,102,1);
}
.theme-yellow .news-category a.active:after{
    background: rgba(230,148,102,1);
}

@media screen and (max-width: 1299px) {
    .news-category{
        padding: 0px 45px 0px 25px;
    }
}
@media screen and (max-width: 991px) {
    .news-category{
        padding: 0 5px;
        text-align: center;
    }
    .news-category a{
        padding: 20px 10px 10px;
        font-size: 15px;
    }
    .news-category a.active:after{
        left: 10px;
        right: 10px;
    }
}
/*news-list END*/

/*slide*/
.slide{
    display: block;
    background: #fff;
    -webkit-box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.09);
    -moz-box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.09);
    box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.09);
    position: relative;
    cursor: pointer;
    padding-bottom: 5px;
    -webkit-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
}
.row-flex .slide{
    height: 100%;
}
.slide.active:after,
.slide:after{
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    height: 5px;
    background: #DB676C;
    -webkit-transition: width .3s;
    -o-transition: width .3s;
    transition: width .3s;
}
.theme-blue .slide.active:after,
.theme-blue .slide:after{
    background: #598AB5;
}
.slide.active:hover,
.slide:hover{
    -webkit-box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.3);
}
.slide:hover:after{
    width: 100%;
}
.slide .img-box{
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.slide .img-box .img{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.slide .img-box img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.slide .text-box{
    padding: 18px 15px;
}
.slide .text-box .time{
    display: inline-block;
    line-height: 1;
    font-size: 12px;
    color: #fff;
    background: #598AB5;
    padding: 4px 10px;
    border-radius: 20px;
    margin-bottom: 15px;
}
.slide .text-box .date{
    color: #888;
    font-size: 12px;
    margin-top: 20px;
}
.slide .text-box .title{
    line-height: 150%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 39px;
    /*font-weight: bold;*/
}
/*slide END*/

.news-list .slide .text-box .title{
    font-weight: bold;
    font-size: 15px;
    max-height: 44px;
}

/*news-tc*/
.layer-anim-03 {
    -webkit-animation-name: fadeInRight!important;
    animation-name: fadeInRight!important;
    -webkit-animation-duration: .4s!important;
    animation-duration: .4s!important;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.layer-anim-close {
    -webkit-animation-name: fadeOutRight!important;
    animation-name: fadeOutRight!important;
    -webkit-animation-duration: .4s!important;
    animation-duration: .4s!important;
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.news-tc.layui-layer{
    border-radius: 0!important;
}
.news-tc .layui-layer-title{
    height: 75px;
    line-height: 1;
    padding: 0;
    background: none;
    border: none;
}
.news-tc .layui-layer-setwin,
.news-tc .layui-layer-setwin a{
    width: 45px;
    height: 45px;
    background: rgba(247,150,163,.6);
    color: #fff;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    margin-left: 0;
    top: 10px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.news-tc .layui-layer-setwin:hover{
    background: rgba(247,150,163,1);
}
.news-tc .layui-layer-setwin a{
    background: none;
    top: 0;
    left: 0;
}
.news-tc .layui-layer-setwin a:after{
    content: "\e60a";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-family: "iconfont";
    font-size: 24px;
    color: #fff;
}
.layui-layer-page.news-tc .layui-layer-content{
    height: 100%!important;
    position: absolute!important;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden!important;
}
.layui-layer-page.news-tc .news-detail{
    position: absolute;
    left: 50px;
    bottom: 40px;
    top: 70px;
    right: 20px;
    overflow: hidden;
    padding-right: 20px;
}
.news-tc .news-head .news-title{
    font-size: 24px;
    line-height: 1.5;
}
.news-tc .news-head .news-info{
    border-bottom: 1px solid #DEDEDE;
    padding: 10px 0;
    color: #7C7C7C;
    margin-bottom: 20px;
}
.news-tc .news-head .news-info .iconfont{
    color: #F796A3;
    margin-right: 5px;
    font-weight: bold;
}
.news-tc .news-head .news-info span+span{
    margin-left: 15px;
}
@media screen and (min-width: 768px) {
    .news-tc.layui-layer{
        min-width: 750px!important;
        max-width: 900px!important;
    }
}
@media screen and (max-width: 767px){
    .news-tc.layui-layer{
        width: 100%!important;
    }
    .news-tc .layui-layer-content{
        padding: 65px 15px 20px;
    }
    .layui-layer-page.news-tc .news-detail{
        top: 65px;
        right: 2px;
        padding-right: 13px;
        left: 15px;
        bottom: 20px;
    }
    .news-tc .news-head .news-title{
        font-size: 18px;
    }
}
/*news-tc END*/


/*contact*/
.contact{
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
.map-box{
    overflow: hidden;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
}
@media screen and (min-width: 991px) {
    .map-box{
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    .map-box img{
        display: none;
    }
}
@media screen and (max-width: 992px) {
    .map-box{
        background: none!important;
    }
}
.contact .info-box{
    padding: 15px;
    padding-top: 30px;
    margin-left: -15px;
    margin-right: -15px;
}


/*slide-contact*/
.row-flex .slide-contact{
    height: 100%;
}
.slide-contact{
    padding: 30px 10px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.08);
    box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.08);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.slide-contact:hover{
    padding: 30px 10px;
    -webkit-box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.2);
}
.slide-contact .img-box{
    text-align: center;
}
.slide-contact .img-box img{
    width: 54px;
    height: 54px;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
}
.slide-contact .text-box{
    text-align: center;
}
.slide-contact .text-box .title{
    font-size: 18px;
    position: relative;
    margin: 15px 0 8px;
    color: #333;
}
.slide-contact .text-box .sub-title{
    margin-bottom: 15px;
}
.slide-contact .text-box .desc {
    font-size: 13px;
    color: #666;
}
/*slide-contact END*/
/*contact END*/


/*list*/
.list{
    width: 100%;
    overflow: hidden;
}
.list .list-item{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    padding: 15px 10px;
    background: #fff;
    border-bottom: 1px dashed #e2dfdc;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: relative;
    cursor: pointer;
}
.list.download-list .list-item:hover{
    background: rgba(230,148,102,.1);
    color: rgba(230,148,102,1);
}
.list.announcement-list .list-item{
    -ms-align-items: flex-start;
    align-items: flex-start;
    padding: 20px 10px;
}
.list.announcement-list .list-item:hover{
    background: rgba(134,190,203,.1);
    color: rgba(134,190,203,1);
}
.list .list-body{
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
}
.list .list-item .list-left{
    padding-right: 20px;
}
.list .list-item .file-type,
.list .list-item img{
    height: 34px;
    width: 26px;
}

.list .list-item .time-tag{
    display: inline-block;
    line-height: 1;
    font-size: 12px;
    color: #fff;
    background: rgba(134,190,203,1);
    padding: 4px 10px;
    border-radius: 20px;
}


.list .list-item .icon{
    position: absolute;
    top: 0;
    bottom: 0;
    right: -64px;
    width: 64px;
    background: rgba(230,148,102,.85);
    color: #fff;
    font-size: 28px;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
}
.list.download-list .icon{
    background: rgba(230,148,102,.85);
}
.list.announcement-list .icon{
    background: rgba(134,190,203,.85);
}
.list .list-item:hover .icon{
    right: 0;
}

@media screen and (max-width: 991px) {
    .list .list-item .list-left{
        padding-right: 15px;
    }
}
@media screen and (max-width: 767px) {
    .list .list-item,
    .list.announcement-list .list-item{
        padding: 15px 0;
    }
}
/*list END*/


/*grid*/
.row-flex .grid{
    height: 100%;
}
.grid{
    padding: 30px 10px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.08);
    box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.08);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center;
    cursor: pointer;
}
.grid:hover{
    padding: 30px 10px;
    -webkit-box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 13px 0px rgba(0,0,0,0.2);
}
.grid .img-box{
    text-align: center;
    position: relative;
    display: inline-block;
    background: rgba(158,99,153,1);
    border-radius: 50%;
    margin-bottom: 25px;
}
.grid .img-box:after{
    content: "";
    position: absolute;
    bottom: -10px;
    left: -10px;
    width: 45px;
    height: 45px;
    background: rgba(158,99,153,.45);
    border-radius: 50%;
    z-index: 1;
}
.grid .img-box img{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 2;
    object-fit: cover;
}
.grid .text-box .title{
    /*font-size: 16px;*/
    color: #9E6399;
    font-weight: bold;
    line-height: 1.5;
}
.grid .text-box .desc{
    margin-top: 5px;
    font-size: 13px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
/*grid END*/

.woman-list {
    padding: 8px 0;
}

/*colyRight-mobile*/
.colyRight-mobile{
    display: none;
}
@media screen and (max-width: 991px) {
    .colyRight-mobile{
        text-align: center;
        display: block;
        background: #43444F;
        color: #eee;
        font-size: 12px;
    }
    .colyRight-mobile a{
        color: #eee;
        padding: 0 10px;
    }
    .colyRight-mobile a:hover{
        text-decoration: underline;
    }
    .colyRight-mobile .link-list{
        padding: 15px 5px;
    }
    .colyRight-mobile .link-list li{
        display: inline-block;
        line-height: 1;
    }
    .colyRight-mobile .link-list li:not(:last-child){
        border-right: 1px solid rgba(255,255,255,.5)
    }
    .colyRight-mobile .copy-right{
        padding: 12px 15px;
        border-top: 1px solid rgba(255,255,255,.05)
    }
}
/*colyRight-mobile END*/


/*qrcode-tc*/
.qrcode-tc{
    padding: 10px;
}
/*qrcode-tc END*/

.layui-flow-more{
    margin-top: 20px;
    font-size: 12px;
}


/*exhibition-page*/
.exhibition-page .layui-layer-page.news-tc{
    background: url(../images/exhibition_bg.jpg) center center no-repeat;
    background-size: cover;
}

.exhibition-page .layui-layer-page.news-tc .layui-layer-content{
    position: relative;
    z-index: 2;
}
.exhibition-page .news-tc .layui-layer-setwin{
    z-index: 9;
}
.exhibition-page .layui-layer-page.news-tc:after,
.exhibition-page .layui-layer-page.news-tc:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: 0;
}
.exhibition-page .layui-layer-page.news-tc:after{
    bottom: 0;
    height: 80px;
    background: url(../images/exhibition_ft.png) left bottom no-repeat;
    background-size: auto 100%;
}
.exhibition-page .layui-layer-page.news-tc:before{
    top: 0;
    bottom: 0;
    background: url(../images/exhibition_hd.png) left top no-repeat;
    background-size: 100% auto;
}
.exhibition-page .layui-layer-page.news-tc .news-detail{
    top: 100px;
    bottom: 100px;
}
.exhibition-page .news-tc .news-head .news-title{
    color: #000;
}
.exhibition-page .news-tc .news-head .news-info{
    color: #4d4d4f;
    border-bottom-color: #cdbe96;
}
.exhibition-page .nicescroll-cursors{
    background-color: rgba(0, 0, 0, .25)!important;
}
@media screen and (max-width: 767px) {
    .exhibition-page .layui-layer-page.news-tc:after{
        height: 50px;
    }
    .exhibition-page .layui-layer-page.news-tc .news-detail{
        top: 70px;
        bottom: 70px;
    }
}
/*exhibition-page END*/