.banner{height:auto;max-width:1920px;margin:0 auto!important;position:relative;margin-top:-34px}
.banner .bd li{float:left;width:100%;line-height:0}
.banner .bd li img{width:100%}
.banner .bd li a{display:block}
.banner .hd{position:absolute;bottom:50px;width:100%;height:16px;cursor:pointer;text-align:center;z-index:9;font-size:0}
.banner .hd li{display:inline-block;width:16px;height:16px;background:#fff;margin:0 10px;opacity:1;-o-transition:all .5s ease;transition:all .5s ease;border-radius: 8px;}
.banner .hd li.on{background:#aa8b69;}
.banner p{position: absolute;font-size: 0;top: 50%;z-index: 9; width: 36px; height: 70px; margin-top: -35px;border: 0; outline: none;cursor: pointer;transition:.5s;}
.banner .prev {left: 3%; background:url(../images/prev1.png) no-repeat center center;opacity: 0;}
.banner .next {right: 3%;background:url(../images/next1.png) no-repeat center center;opacity: 0;}   
.banner:hover .prev { left: 5%; opacity: 1; }
.banner:hover .next { right: 5%; opacity: 1; }
.mbanner{display: none}

.sesson1 img{max-width: 100%;height: auto;}


.tit{font-size: 0;line-height: 0;text-align: center;}
.tit span{ display: block;font-size: 3rem;line-height: 3rem;  color: #aa8b69;font-weight: normal;font-family:"MFIN";}
.tit i{ display: block;font-size: 0.7rem;line-height: 0.7rem;  color: #aa8b69;font-weight: normal;margin-top: 0.8rem;position: relative;font-family: "song";letter-spacing: 0.4rem;text-transform: uppercase;}


.news{box-sizing: border-box;height: 50.9rem;background-size: 100% 100%;position: relative;overflow: hidden;padding: 4rem 0 0;}
.news_con{ margin-top: 3rem;}
.news1{width:31.5625%;position: relative;z-index: 10;}
.news1 .pic img{display: block;width: 100%;height: 33.6rem;object-fit: cover;object-position: center;}
.news1 .ewmbox{position: absolute;width: 50%;height: 50%;z-index: 99;top: 25%;left: 25%;}
.news1 .ewmbox p{font-size: 1.4rem;margin-top: 0.7rem;color: #fff;font-weight: bold;text-shadow: 5px 5px 5px rgba(0, 0, 0, .6);letter-spacing: 5px;}

.news2{width:31.5625%;height: 33.6rem;background: #f3efec;box-sizing: border-box;padding: 2.5rem 3rem 0;}
.news2 h3{font-size: 0.8rem;line-height: 0.8rem;color: #aa8b69;font-weight: normal;}
.news_t{margin-top: 1.2rem;}
.news_t li{position: relative;margin-bottom: 2.8rem;}
.news_t li:last-child{margin-bottom: 0;}
.news_t li em{display: block;font-family: "song";font-size: 0.7rem;line-height: 0.7rem;color: #666666;}
.news_t li span{display: block;font-size: 0.9rem;line-height: 0.9rem;color: #333333;margin-bottom: 0.5rem;transition: all 0.5s ease;
      white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;  
}
.news_t li:hover span{ color:#caad8c;}

.news3{width: 31.5625%;height: 33.6rem;background: #caad8c;}
.news3 h3{padding: 2.5rem 0 0 3.2rem;box-sizing: border-box;display: block;font-size: 0.8rem;line-height: 0.8rem;color: #fff;font-weight: normal;}
.news3 li{position: relative;height: 4.7rem;padding: 1.2rem 0 0 3.2rem;box-sizing: border-box;transition: all 0.5s;background: url(../images/news_jt.png) no-repeat 85.2% 1.8rem;background-size: 0.6rem 1.05rem;}
.news3 li em{display: block;font-family: "song";font-size: 0.7rem;line-height: 0.7rem;color: #fff;opacity: 0.6;}
.news3 li span{display: block;font-size: 0.9rem;line-height: 0.9rem;color: #fff;margin-bottom: 0.5rem;transition: all 0.5s ease; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 750%;  }
.news3 li:hover{ background: url(../images/news_jth.png) no-repeat 85.2% 1.8rem #f3efec;background-size: 0.6rem 1.05rem;}
.news3 li:hover span{ color: #aa8b69;}
.news3 li:hover em{ color: #aa8b69;}
.news3 .more{line-height: 0.8rem;display:block;font-size: 0.8rem;color: #fff;position:relative;margin-top: 2.4rem;margin-left: 3.2rem;}
.news3 .more img{ display: inline-block;width:1rem;height:0.55rem;margin-left: 0.5rem;vertical-align: -0rem;transition: all 0.5s;overflow: hidden;}


@media screen and (min-width: 1263px) {
    html {
        font-size: calc(1263px * 20 / 1903);
    }
}

@media screen and (min-width: 1349px) {
    html {
        font-size: calc(1349px * 20 / 1903);
    }
}

@media screen and (min-width: 1463px) {
    html {
        font-size: calc(1463px * 20 / 1903);
    }
}

@media screen and (min-width: 1543px) {
    html {
        font-size: calc(1543px * 20 / 1903);
    }
}

@media screen and (min-width: 1583px) {
    html {
        font-size: calc(1583px * 20 / 1903);
    }
}

@media screen and (min-width: 1643px) {
    html {
        font-size: calc(1643px * 20 / 1903);
    }
}

@media screen and (min-width: 1663px) {
    html {
        font-size: calc(1663px * 20 / 1903);
    }
}

@media screen and (min-width: 1903px) {
    html {
        font-size: calc(1903px * 20 / 1903);
    }
}



@-webkit-keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown1 {
    from { opacity: 0; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown1 { -webkit-animation-name: fadeInDown1; animation-name: fadeInDown1 }
@-webkit-keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
@keyframes fadeInDown2 {
    from { opacity: 0; -webkit-transform: translate3d(0, -20%, 0); transform: translate3d(0, -20%, 0) }
    to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
@-webkit-keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft1 {
    from { -webkit-transform: translate3d(-10%, 0, 0); transform: translate3d(-10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft1 { -webkit-animation-name: fadeInLeft1; animation-name: fadeInLeft1 }
@-webkit-keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInLeft2 {
    from { -webkit-transform: translate3d(-5%, 0, 0); transform: translate3d(-5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInLeft2 { -webkit-animation-name: fadeInLeft2; animation-name: fadeInLeft2 }
@-webkit-keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight1 {
    from { -webkit-transform: translate3d(10%, 0, 0); transform: translate3d(10%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight1 { -webkit-animation-name: fadeInRight1; animation-name: fadeInRight1 }
@-webkit-keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInRight2 {
    from { -webkit-transform: translate3d(5%, 0, 0); transform: translate3d(5%, 0, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInRight2 { -webkit-animation-name: fadeInRight2; animation-name: fadeInRight2 }
@-webkit-keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
@keyframes zoomLeft {
    from { -webkit-transform: scale3d(0.3, .3, .3); transform: scale3d(0.3, .3, .3); opacity: 0 }
    50% { opacity: 1 }
}
.zoomLeft { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
.zoomRight { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-animation-name: zoomLeft; animation-name: zoomLeft }
@-webkit-keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp1 {
    from { -webkit-transform: translate3d(0, 10%, 0); transform: translate3d(0, 10%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
@-webkit-keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
@keyframes fadeInUp2 {
    from { -webkit-transform: translate3d(0, 2%, 0); transform: translate3d(0, 2%, 0); opacity: 0 }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1 }
}
.fadeInUp2 { -webkit-animation-name: fadeInUp2; animation-name: fadeInUp2 }

@media (max-width:768px) {
    .banner{display: none}
    .mbanner{display: block;position: relative;
        width: 100%; margin: 0 auto; height: 100vh; z-index: 15; font-size: 0; }
    .mbanner img {display: block; width: 100%; height: 100vh;}
    .mbanner .swiper-pagination{bottom: 2.4rem;height: 0.8rem; line-height:0;}
    .mbanner .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: #fff; width: 0.8rem; height: 0.8rem; margin: 0 0.4rem;border-radius: 0.5rem;box-sizing: border-box;}
    .mbanner .swiper-pagination .swiper-pagination-bullet-active{background: #aa8b69;}
    .news{height: auto}
    .news_t li{margin-bottom:25px}
    .news .tit span {font-size: 2rem; line-height: 2rem; }
    .news .tit i {font-size: 0.5rem; line-height: 0.5rem;}
    .news1 .pic img{height: 23rem}
    .news_con > div{width: 100%;background: #fff;height: auto}
    .news2{display: none}
    .news3 h3{color: #aa8b69}
    .news3 li{height: auto}
    .news3 li span,.news3 li em{color: #000}
    .news3 li span{width: auto}
}