@charset "utf-8";

@font-face {
    font-family: "Philosopher";
    src: url("../image/Philosopher.woff") format("woff");
    font-weight: normal;
    font-style: normal;
}

.Philosopher {
    font-family: "Philosopher";
}

.in-banner .swiper-slide {
    height: 100vh;
    overflow: hidden;
}

.in-banner .swiper-slide a {
    display: block;
    height: 100%;
    width: 100%;
    /*position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;*/
}

.in-banner .swiper-slide a.sc {
    display: block;
    height: 100%;
    width: 100%;
    animation: sca 30s linear infinite
        /*position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;*/
}


/*.in-banner .swiper-slide a:before{content: '';position: absolute;left: 0;top: 0;right: 0;height: 30%;background: url(../image/bamask1.png) no-repeat top center;background-size: 100% 100%;z-index: 3}
*/

.in-banner .swiper-slide a:after {
    content: '';
    opacity: .8;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 35%;
    background: url(../image/bamask.png) no-repeat top center;
    background-size: 100% 100%;
    z-index: 3
}

.in-banner .swiper-slide img {
    position: absolute;
    left: 50%;
    top: 50%;
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: inherit;
    transform: translate(-50%, -50%);
}


.in-banner .swiper-slide h4 {
    position: absolute;
    bottom: 1.2rem;
    font-size: .2rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    z-index: 5;
    width: 100%;
    left: 0;
    padding: 0 10%;
}

.in-banner .swiper-pagination-bullets .swiper-pagination-bullet {
    width: .38rem;
    padding-top: .1rem;
    height: auto;
    margin: 0 .06rem;
    background: transparent;
    opacity: 1;
    transition: .3s;
    color: #fff;
    font-family: "Philosopher";
    position: relative;
    font-size: .18rem
}

.in-banner .swiper-pagination-bullets .swiper-pagination-bullet:before {
    content: '';
    display: inline-block;
    height: .01rem;
    width: 0;
    background: rgba(255, 255, 255, .5);
    top: .18rem;
    position: absolute;
    left: -.45rem;
    transition: .3s
}

.in-banner .swiper-pagination-bullets .swiper-pagination-bullet:after {
    content: '';
    display: inline-block;
    height: .01rem;
    width: 0;
    background: rgba(255, 255, 255, .5);
    top: .18rem;
    position: absolute;
    right: -.45rem;
    transition: .3s
}

.in-banner .swiper-pagination-bullets .swiper-pagination-bullet-active {
    opacity: 1;
    background: url(../image/morebgw.svg) no-repeat top center;
    margin: 0 .4rem;
    background-size: 100% .1rem
}

.in-banner .swiper-pagination-bullets .swiper-pagination-bullet-active:before {
    width: .4rem;
}

.in-banner .swiper-pagination-bullets .swiper-pagination-bullet-active:after {
    width: .4rem;
}

.in-banner .swiper-pagination {
    bottom: 0.6rem
}

@media screen and (max-width:1600px) {
}

@media screen and (max-width:1200px) {
    .in-banner .swiper-slide {
        /* height: calc(100vh - .6rem); */
        height: 70vh;
    }
}

@media screen and (max-width:800px) {
    .in-banner .swiper-slide {
        height: 6rem
    }
}

@media screen and (max-width:768px) {
    .in-banner .swiper-pagination {
        bottom: .55rem
    }

    .in-banner .swiper-slide h4 {
        bottom: 1rem
    }

}

@media screen and (max-width:640px) {
    .in-banner .swiper-pagination {
        bottom: .3rem
    }

    .in-banner .swiper-slide h4 {
        bottom: .7rem;
        font-size: .18rem
    }

    .in-banner .swiper-pagination-bullets .swiper-pagination-bullet:before {
        left: -.25rem
    }

    .in-banner .swiper-pagination-bullets .swiper-pagination-bullet:after {
        right: -.25rem
    }

    .in-banner .swiper-pagination-bullets .swiper-pagination-bullet-active {
        margin: 0 .25rem
    }

    .in-banner .swiper-pagination-bullets .swiper-pagination-bullet-active:before {
        width: .2rem;
    }

    .in-banner .swiper-pagination-bullets .swiper-pagination-bullet-active:after {
        width: .2rem;
    }

    /* .in-banner .swiper-slide img {
        max-width: 120%
    } */

    .in-banner .swiper-slide {
        height: 60vw
    }
}

.overhide {
    overflow: hidden;
}

.in-tit {
    margin-bottom: .55rem
}

.in-tit span {
    font-size: .34rem;
    display: block;
    color: #333;
}

.in-tit a {
    padding-top: .1rem;
    padding-top: .1rem\9;
    /* all ie */
    /* padding: .1rem 5px 0; */
    display: block;
    background: url(../image/morebg.svg) no-repeat top center;
    background-size: 80% .1rem;
    color: #5921a9;
    font-size: .14rem
}

.in-tit a:hover {
    text-decoration: underline;
}


.calendar-content {
    background: #fff;
    padding: .3rem;
    font-family: "Philosopher";
    border-left: .01rem #e7e7e7 solid;
}

.calendar-content table {
    width: 100%;
    text-align: center;
}

.calendar-content th {
    font-weight: 400;
    color: #6f10ad;
    padding: .1rem 0
}

.calendar-content td {
    color: #6666ad;
    padding: .03rem 0;
    vertical-align: middle
}

.calendar-content td span {
    width: .4rem;
    height: .4rem;
    line-height: .4rem;
    padding: 0;
    border-radius: 50%;
    display: inline-block;
}

.calendar-content td.calendar-selected {
    background-color: #00f7de
}

.calendar-content .day-next,
.calendar-content .day-prev {
    color: #d2d2d2;
}

.calendar-content .day-next.calendar-has span,
.calendar-content .day-prev.calendar-has span {
    background: #f2f2f2;
}

.calendar-content .calendar-this span {
    background: #6f10ad !important;
    color: #fff !important;
}

.calendar-content .calendar-has span {
    background: #eeeeee;
    cursor: pointer;
}

.homef .txt {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    font-size: .2rem;
    color: #fff;
    top: 1.2rem;
    font-weight: bold;
}

.homef .txt span {
    margin: 0 .2rem
}

/* 
.homef .txt:before {
    content: '';
    height: 1px;
    width: 1rem;
    background: rgba(255, 255, 255, .6);
    position: absolute;
    left: -1.3rem;
    top: 50%;
    transform: translateY(-50%)
}

.homef .txt:after {
    content: '';
    height: 1px;
    width: 1rem;
    background: rgba(255, 255, 255, .6);
    position: absolute;
    right: -1.3rem;
    top: 50%;
    transform: translateY(-50%)
} */

.homef .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.homef .swiper-slide {
    background-size: cover;
    background-position: center;
}

.homef .gallery-top {
    width: 100%
}

.homef .gallery-top .swiper-slide {
    height: 7.15rem
}

.homef .gallery-top .swiper-slide a {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
    background: url(../image/fmask.png) no-repeat center;
    background-size: 100% 100%
}

.homef .gallery-top .swiper-slide a i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-65%);
    z-index: 2;
    color: #fff;
    font-size: .8rem;
    opacity: .8
}

.homef .gallery-thumbs .swiper-slide i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
    color: #fff;
    font-size: .4rem;
    opacity: .8
}

.homef .gallery-thumbs {
    position: absolute;
    left: 50%;
    bottom: .5rem;
    width: 90%;
    max-width: 9.3rem;
    z-index: 5;
    transform: translateX(-50%);
}

.homef .gallery-thumbs .swiper-slide {
    height: 1.2rem;
    cursor: pointer;
    background: #000
}

.homef .gallery-thumbs .swiper-slide .pic {
    height: 100%;
    opacity: .6;
    cursor: pointer;
}

.homef .gallery-thumbs .swiper-slide-thumb-active .pic {
    opacity: 1
}

.homef .gallery-thumbs .swiper-slide-thumb-active i {
    opacity: 0
}

.homef .gallery-thumbs .swiper-slide-thumb-active:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: .04rem solid #d8b95a;
    display: block;
    transition: .1s
}

.index-row2 * {
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.index-row2 {
    position: relative;
    overflow: hidden;
    padding-left: 0;
    height: auto
}

.proScro .item {
    height: 7.13rem;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff
}

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

.proScro .item .info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2)
}

.index-row2 .scrobox {
    position: static;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%
}

.index-row2 .scrobox .more {
    position: absolute;
    right: 20%;
    bottom: 1.1rem;
    height: .3rem;
    padding: 0 .3rem 0 0;
    color: #fff;
    background: url(../image/b-icon1.png) no-repeat bottom left;
    line-height: .32rem;
    z-index: 15;
    font-size: .12rem
}

.proScro .cont {
    display: block;
    text-align: center
}

.proScro .item .tit {
    display: block;
    font-size: .3rem;
    text-align: center;
    width: 10.05rem;
    margin: 0 auto .76rem;
    padding-top: 1.21rem;
    line-height: 1
}

.proScro .item .pic img {
    margin: 0 auto;
    width: .84rem;
    height: .84rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -.42rem;
    margin-top: -.42rem;
}

.proScro .item .tit h3 {
    color: rgba(255, 255, 255, .59);
    font-size: .48rem;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif
}

.proScro .g-more-1 {
    color: #fff;
    border-color: #fff
}

.proScro .item:hover .g-more-1 {
    border-color: #306fb6;
    background-color: #306fb6
}

/* .proScroNav {
    padding-left: 490px
} */

.index-row2 .b-item {
    position: absolute;
    left: 0;
    bottom: .4rem;
    width: 10rem;
    left: 50%;
    margin-left: -4.6rem;
}

.proScroNav .item {
    margin-right: .32rem;
    text-align: center
}

.proScroNav .img,
.proScroNav .tit {
    width: 2.1rem
}

.proScroNav .img {
    position: relative;
    display: block;
    margin-bottom: .1rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.proScroNav .slick-current .img {
    border: 0.05rem solid #d8b95a
}

.proScroNav .img::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background-image: url(../image/b-video1.png);
    -o-background-size: 100%;
    background-size: 100%;
    width: .3rem;
    height: .34rem;
    z-index: 11
}

.slick-current .img::after {
    display: none
}

.proScroNav .img:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: url(http://x.5811.com.cn/images/bg-opcy-black5.png);
    opacity: 0.5;
}

.proScroNav .slick-current .img:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: none;
    opacity: 1;
}

.proScroNav .img img {
    width: 100%;
}

.proScroNav .tit {
    display: none;
    padding: 1.45rem 0 .5rem
}

/* .index-row2 .b-item {
    position: absolute;
    left: 0;
    bottom: 40px
} */
.homef .txt {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    font-size: .2rem;
    color: #fff;
    top: 1.2rem;
    font-weight: bold;
}

.homef .txt span {
    margin: 0 .2rem
}

.homef .txt:before {
    content: '';
    height: .01rem;
    width: 1rem;
    background: rgba(255, 255, 255, .6);
    position: absolute;
    left: -1.3rem;
    top: 50%;
    transform: translateY(-50%)
}

.homef .txt:after {
    content: '';
    height: .01rem;
    width: 1rem;
    background: rgba(255, 255, 255, .6);
    position: absolute;
    right: -1.3rem;
    top: 50%;
    transform: translateY(-50%)
}

.proScroNav .img {
    width: 2.09rem;
    height: 1.19rem;
}

.proScroNav .img img {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1920px) {
    .proScro .item .tit h3 {
        font-size: 2.5vw
    }

    .row-b1 {
        padding: 4.687vw 0 3.645vw
    }

    .ul-info-b1 {
        margin: 0 -.416vw
    }

    .ul-info-b1 li .info {
        padding: 0 .416vw
    }

    .ul-info-b1 li .info .tit h3 {
        font-size: 0.989vw
    }

    .ul-info-b1 li .info .tit {
        padding: 1.354vw 1.302vw 0
    }

    .ul-info-b1 li .info .more {
        right: 1.302vw;
        top: 1.875vw
    }

    .ul-info-b1 li:nth-child(1) .info .tit {
        padding: 3.020vw 1.302vw 5.781vw
    }

    .ul-info-b1 li:nth-child(1) .info .tit p {
        font-size: 1.041vw;
        margin-bottom: 6.145vw
    }

    .row-b2 .b-slick .slick-l {
        padding: 5vw 2.968vw 3.385vw 7.291vw
    }

    .row-b2 .b-slick .slick-l .tit {
        margin-right: 2.187vw
    }

    .row-b2 .slickBox1 .item .pic {
        margin-bottom: 1.406vw
    }

    .row-b2 .slickBox1 .item .txt h3 {
        margin-bottom: .729vw
    }

    .row-b2 .slickBox1 .item .txt .more {
        padding-top: 1.093vw
    }

    .row-b2 .slickBox1 .item .txt .more .date {
        padding-bottom: .416vw
    }

    .row-b2 .slickBox1 .slick-slider .slick-next,
    .row-b2 .slickBox1 .slick-slider .slick-prev {
        width: .937vw;
        height: 1.614vw
    }

    .row-b2 .slickBox1 .slick-slider .slick-next {
        left: 2.864vw
    }

    .ul-info-b2 {
        margin: 0 -1.562vw
    }

    .row-b2 .b-slick .slick-r {
        padding: 3.854vw 8.333vw 9vw 2.864vw
    }

    .row-b2 .b-slick .slick-r .tit {
        margin-bottom: 2.083vw
    }

    .ul-info-b2 .con {
        padding: 0 1.562vw
    }

    .ul-info-b2 .pic {
        margin-bottom: .989vw
    }

    .ul-info-b2 .txt p {
        margin-bottom: 2.187vw
    }

    .ul-info-b2 .txt .date {
        padding-bottom: .572vw
    }

    .ul-info-b2 .slick-dots {
        bottom: -3.333vw
    }

    .row-b2 .b-slick .slick-r .info .more {
        width: 7.239vw;
        height: 1.770vw;
        line-height: 1.770vw;
        font-size: 0.729vw;
        margin-top: 2.187vw;
    }

    .proScro .item {
        height: 37.13vw
    }

    /* .index-row2 .scrobox .more {
        right: 8.333vw;
        bottom: 2.864vw;
    } */

    .proScro .item .tit {
        width: 52.34vw;
        padding-top: 6.302vw;
        margin-bottom: 3.958vw
    }

    .proScro .item .pic img {
        width: 4.375vw;
        height: 4.375vw
    }

    /* .proScroNav {
        padding-left: 25.52vw
    } */
    .index-row2 .b-item {
        bottom: 2.083vw
    }

    .proScroNav .item {
        margin-right: 1.666vw
    }

    .proScroNav .img,
    .proScroNav .tit {
        width: 10.88vw;
        height: 6.19vw;
    }

    .proScroNav .img {
        margin-bottom: .52vw
    }

    .proScroNav .slick-current .img {
        border: solid #d8b95a
    }

    .proScroNav .img::after {
        width: 1.562vw;
        height: 1.77vw
    }

    .proScroNav .tit {
        padding: 7.552vw 0 2.604vw
    }
}

@media screen and (max-width: 1600px) {

    .header .sub-nav .sub-nav-h a {
        padding: .08rem .05rem;
    }
    .bg-mask .pic .a {
        background-size: auto 100%;
    }

}

@media screen and (max-width: 1366px) {


    .bg-mask .pic .a {
        background-size: auto 100%;
    }

    .index-row2 .b-item {
        width: 52vw;
        margin-left: -25vw;
    }

 
    .index-row2 .scrobox .more{bottom: .9rem;}
}

@media screen and (max-width: 1080px) {
    .homef .txt {
        font-size: .24rem
    }

    .index-row2 .scrobox .more{bottom: .65rem;}
}

@media screen and (max-width: 1000px) {
    .in-tit {
        margin-bottom: .35rem
    }

    .calendar-content {
        padding: .3rem .15rem
    }

    .homef .txt {
        top: .8rem
    }

    .homef .gallery-top .swiper-slide {
        height: 60vw
    }

    .homef .gallery-thumbs .swiper-slide {
        height: 1rem
    }

    .homef .gallery-thumbs {
        bottom: .3rem
    }

    .homef .gallery-top .swiper-slide a i {
        font-size: .6rem
    }

    .homef .gallery-thumbs .swiper-slide i {
        font-size: .3rem
    }

    .homef .txt span {
        display: block;
        white-space: nowrap
    }

    .proScro .item {
        height: 60vh;
    }

    .index-row2 .b-item {
        display: none;
    }
}


@media screen and (max-width: 768px) {
    .proScro .item .pic img {
        margin: 0 auto;
        width: .8rem;
        height: .8rem;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -.4rem;
        margin-top: -.4rem;
    }
    .index-row2 .scrobox .more{right: 50%;margin-right: -.24rem;padding: 0 .2rem 0 .15rem;}
  
}

@media screen and (max-width: 640px) {
    .in-tit span {
        font-size: .3rem
    }

    .homef .gallery-thumbs {
        position: static;
        transform: none;
        margin-top: .2rem;
        margin-bottom: .3rem
    }

    .homef .txt:after {
        width: .5rem;
        right: -.5rem
    }

    .homef .txt:before {
        width: .5rem;
        left: -.5rem
    }

    .homef .txt {
        top: .3rem
    }

    .homef .gallery-top .swiper-slide a i {
        top: 60%;
    }

   
}

@media screen and (max-width: 360px) {
    
    .homef .txt {
        font-size: .2rem
    }

}


/*ie11 css hack*/

@media all and (-ms-high-contrast:none) {
    *: : -ms-backdrop,
}


/*ie11注意里面的标点符号*/


/*ie10 css hack*/

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {}