.navabar{height: 80px;width: 100%;align-items: center;justify-content: space-between;position: fixed;top: 0;z-index: 10;padding-left: 30px;box-sizing: border-box;padding-right: 20px;background-color: rgb(255 255 255 / 50%);}
.logo-img{height: 60px;}
.logo-name{font-size: 26px; color: #B38D54;}
.nav-item{color: #303030; transition: all 0.2s;}
.nav-wr{padding: 0 20px; line-height: 50px; position: relative;}
.nav-wr:hover .nav-item,.nav-wr.active .nav-item{color: #B38D54;}
.banners{width: 100%;height: 100%;}
.content-sec{padding: 0 6%;height: 100%;padding-top: 90px;}
.left-con{flex: auto;}
.right-con{width: 50%; flex: none;padding-left: 8%; padding-top: 6%;}
.play-con{padding-bottom: 65%;height: 0; overflow: hidden; z-index: 3;}
.video-p{padding-bottom: inherit;height: 0; background-position: 50%; background-repeat: no-repeat; background-size: cover;transition: all 0.4s;}
.con-wr{padding: 0 6%;}
.one-part{padding: 26px 0;}
.ch{font-size: 20px;}
.en{font-size: 16px;padding-top: 10px;color: #3f3f3f;white-space: nowrap;}
.one-part{color: #444;}
.left-tt{color: rgb(184, 151, 77);font-size: 16px; line-height: 30px;}
.ldetails{color: #777;font-size: 14px; line-height: 32px;}
.ldetails p+p{margin-top: 10px;}
.play-btn{ position: absolute;width: 60px;height: 60px;background: url(../imgs/play.png) no-repeat center/cover;top: 30px;left: 50%;margin-top: -30px;margin-left: -30px;z-index: 2; opacity: 0; transition: all 0.4s; cursor: pointer;}
.play-con:hover .play-btn{top: 50%; opacity: 1;}
.play-con:hover .video-p{transform: scale(1.05);}
.kuang{width: 100%;height: 110%;border: 1px solid #EAE0D1; top: 0px; left: 8%;}
.zx-self{width: 86%;transition: all 0.3s;}
.zx-self:hover{transform: translateX(-8px);}
.zx-img{padding-bottom: 20px;padding-left: 20px;}
.morelink{background-color: #b38d54;border: 1px solid #b38d54;width: 133px;height: 46px;font-size: 14px; line-height: 46px; color: #fff; transition: all 0.3s;margin-top: 16px;}
.morelink:hover{background-color: #fff; color: #b38d54;}
.play2-con{padding-bottom: 70%;height: 0;}
.right-con2{width: 48%; flex: none;padding-left: 10%; }
.play3-con{transition: all 0.3s;}
.play3-con:hover{transform: translateX(-10px);}
.jiaoli{padding:0 10px; width: 33.33%;box-sizing: border-box;}
.jiao-img{width: 100%; height: 100%; transition: all 0.3s;position: absolute;top: 0;left: 0;}
.jdesc{position: absolute;background-color: rgba(0,0,0,0.5); line-height: 46px; text-align: center;color: #fff;font-size: 15px;bottom: 0; width: 100%;}
.jcon{overflow: hidden; padding-bottom: 78%;}
.jcon:hover .jiao-img{transform: scale(1.05);}
.content-sec2{height: 100%;padding-top: 50px;}
.one-partj{padding: 26px 6%;}
.right-con3{width: 60%; flex: none;padding-left: 8%; padding-top: 6%;}
.zxs-img{padding-bottom: 59%;height: 0;transition: all 0.3s;}
.zxns{padding: 20px;background-color: #fff;border-radius: 5px;}
.left-tts{font-size: 16px; line-height: 30px;color: #333;padding: 8px 0;transition: all 0.3s;}
.ldetails2{line-height: 1.5;}
.zxinfor{transition: all 0.3s;}
.zxinfor:hover{box-shadow: 0 0 22px rgba(0,0,0,.12);}
.zxinfor:hover .zx-img{transform: scale(1.05);}
.zxinfor:hover .left-tts{color: rgb(184, 151, 77)}
.zxsitem{padding: 16px;padding-bottom: 0;transition: all 0.3s;}
.zxsitem:hover{box-shadow:0 0 22px rgba(0,0,0,.12);}
.zxsitem:hover .p1{color: #b38d54;}
.ztime{color: #999;font-size: 14px;}
.itemtt .p1{font-size: 16px;color: #333;transition: all 0.3s;}
.itemdesc{color: #777;line-height: 1.5;font-size: 14px;padding-top: 10px;}
.right-con4{width: 60%; flex: none;padding-left: 1%;}
.itemtt{justify-content: space-between;}
.zxslink{border-bottom: 1px solid #E8E8E8;padding-bottom: 16px;}
.jzxst{justify-content: flex-end;}
.morejt{width: 24px;height: 11px;position: relative;transition: all 0.3s;}
.morejt::before{content: "";display: block;position: absolute;width: 100%;height: 100%;background: url(../imgs/jt.png) no-repeat center center/cover;left: -30px;top: 0;}
.morejt::after{content: "";display: block;position: absolute;width: 100%;height: 100%;background: url(../imgs/jt.png) no-repeat center center/cover;left: 0px;top: 0;}
.jzxst{padding-top: 26px;padding-bottom: 10px;}
.zxinfor:hover .morejt{transform: translateX(30px);}
.morejtww{width: 24px;height: 16px;overflow: hidden;}
.footerwww{padding: 70px; background-color: #2B2B2B;color: #fff;}
.mobile-nav{height: 50px;background-color: #fff; position: fixed;top: 0;left: 0;width: 100%; z-index: 10;display: none;}
.nvaline{width: 22px;height: 18px;display: flex;flex-direction: column;justify-content: space-between;left: 15px;top: 16px; cursor: pointer;}
.lineitem{width: 100%;height: 2px;background-color: #999;transition: .36s ease;}
@media screen and (max-width: 1024px){
    .banners{padding-top: 45%;}
    .content-sec{padding-top: 50px;}
    .con-wr {display: block;padding: 0;}
    .right-con{width: 95%;margin: 0 auto;margin-top: 30px;padding-left: 0;}
    .right-con2{margin-top: 30px;padding-left: 0;}
    .jiaoul{display: block;}
    .jiaoli{width: 95%;margin: 0 auto; margin-top: 30px;}
    .right-con4 { width: 95%;margin:0 auto;margin-top: 30px;
                  /*padding-bottom: 60px;*/
    }
    .right-con2{width: 95%;margin: 0 auto ;margin-top:30px;}
    .kuang{left:0}
}
.navbar,.mobile-com{height: 100%;}
.subn{padding-left: 38px;background: url(../imgs/logo.png) no-repeat left center/28px; line-height: 50px;color: rgb(179, 141, 84);font-size: 17px;}
.mobile-display{padding-left: 15px;height: 0; opacity: 0; transition: all 0.35s;overflow: hidden;}
.mobitem{line-height: 50px;border-top: 1px solid #f2f2f2;}
.mobitem:last-child{border-bottom: 1px solid #f2f2f2;}
.mobitemlink.active{color: rgb(179, 141, 84); font-size: 14px;}
.mobitemlink{color: #333;}
.nvaline_active .mtop{transform: rotate(45deg) translate(3px,8px);}
.nvaline_active .mbtm{transform: rotate(-45deg) translate(3px,-8px);}
.nvaline_active .mcenter{opacity: 0;}
.mobile-display_active{height: calc(100vh - 50px);opacity: 1;}
@keyframes moving{
    from{
        transform: translateX(600px);
    }
    to{
        transform: translateX(0px);
    }
}
.section.active .common-anima{
    animation: moving 1s ease;
}
.nextnav{margin-right: 15px;background: url(../imgs/jt2.png) no-repeat right center/7px;}
.sublink{padding-left: 20px;border-top: 1px solid #f2f2f2;}
.subalink{color: #333;}
.subnavs{display: none;}
.mobitem:hover .subnavs{display: block;}
.pcsubnav{position: absolute; top: 50px;background-color: #fff;box-shadow: 0 1px 6px rgba(0,0,0,.15);text-align: center; width: 126px;left: 0px; display: none;}
.pc-sublink{border-bottom: 1px solid #f2f2f2; transition: all 0.3s;}
.pc-subalink{color: #777;}
.pc-sublink:hover{background-color: #F7F7F7;}
.pc-sublink:hover .pc-subalink{color: #b38d54;}
.nav-wr:hover .pcsubnav{display: block;}
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1;
}
.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0) scaleX(3);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0) scaleX(1);
    }

    75% {
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }

    90% {
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.section.active .bounceInLeft {
    animation-name: bounceInLeft;
}
@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(1);
        transform: translateX(-2000px) scale(1);
        opacity: 0.7;
    }

    80% {
        -webkit-transform: translateX(0px) scale(1);
        transform: translateX(0px) scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
.section.active .backInLeft {
    animation-name: backInLeft;
}
@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.section.active .heartBeat {
    animation-name: heartBeat;
}
.swiper-container{height: 100%;}
.gotop{width: 30px;height: 30px;background-color: #fff;border-radius: 50%;position: fixed;right: 40px;bottom: 40px;cursor: pointer;}
.sanjiao{border-top: 2px solid transparent;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #B38D54;margin-top: 8px;}
.section7 .right-con{margin-bottom: 58px;}