body,html{padding:0;margin:0;min-height:100%;font-size: 14px;color: #2B2F44;}
*{margin: 0;padding: 0;list-style: none;box-sizing:border-box;font-family:"Microsoft YaHei",PingFangSC-Regular,PingFangSC-Light,Arial,Helvetica,"Hiragino Sans GB",STXiHei,sans-serif;}
.continer{width:100%;max-width:1200px;min-width: 750px;;margin: auto;}

video{border: 1px solid #fff;}


.banner-box{width: 100%;height: 100vh;position: relative;overflow: hidden;}
.banner-box .banner-video{position: relative;width: 100%;height: 101%;object-fit:cover;}


.video-isIe{height: auto !important;}
.video-isIe video{height: auto !important;}

.top-header{position: absolute;top: 0;left: 0;height: 80px;width: 100%;}
.logo{width: 100px;position: absolute;left: 0;top: 14px;}
.top-header .undline::after{content: ' ';width: 100%;height: 2px;background: #fff;position: absolute;bottom: -14px;left: 0;}
.top-right{width: 100%;text-align: right;display: inline-block;padding-top: 30px;}
.top-right .txt-btn{color: #fff;font-size: 18px;text-decoration: none;margin-right: 80px;position: relative;}
.video-txt{
    font-size: 40px;color: #fff;position: absolute;top:35%;left: 0;right: 0;margin: auto;
    line-height: 80px;
}
.video-hr{width:100px;height:2px;background:#fff;margin-top:70px;}

.video-down{
    position: absolute;left: 0;right: 0;bottom:30px;width: 24px;height: 11px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: toggleMove .8s infinite;
    animation: toggleMove .8s infinite;
    z-index: 5;
    cursor: pointer;
    margin:auto;
}
.vidow-down-box{width: 100%;height: 80px;;margin-top: -80px;position: relative;}
.video-mask{width: 100%;height: 2px;margin-top: -2px;background: #fff;z-index: 3;position: absolute;display: none;}
.video-ie-mask{margin-top: -7px;}
@keyframes toggleMove{
    0% {
        bottom: 30px;
        opacity: .3;
    }
    50% {
        bottom: 25px;
        opacity: 1;
    }
    100% {
        bottom: 30px;
        opacity: .3;
    }
}






.title{font-size: 40px;color: #8C6A48;font-weight: 600;padding:80px 0;position: relative;}
.pp-video{width: 100%;}
.pp-txt{width: 100%;overflow: hidden;line-height: 21px;color: #7A7A7A;padding: 40px 0 20px 0;}
.title-upline{font-weight: 500;padding: 0;margin-top: 116px;font-size: 30px;}
.title-upline::after{content: ' ';position: absolute;width: 30px;height: 1px;background: #8C6A48;top: 20px;left: 0;}
.phone-icon{width: 20px;height: 20px;margin-right: 0px;vertical-align: middle;}
.top-header-w{display: none;width: 100%;height: 80px;background: #fff;position: fixed;z-index: 100;box-shadow: 0 2px 10px 0 rgba(0,0,0,.1);}
.top-header-w .txt-btn{color: #333333;}
.top-header-w .undline{color: #8C6A48;}
.top-header-w .undline::after{content: ' ';width: 100%;height: 2px;background: #8C6A48;position: absolute;bottom: -14px;left: 0;}




.ppwh-box{width: 100%;overflow: hidden;margin-bottom: 80px;}
.ppwh-img{width: 50%;height: 400px;float: left;}
.ppwh-txt{width: 50%;height: 400px;float: left;padding: 40px;}
.ppwh-two{padding-left: 187px;}
.ppwh-desc{color: #666666;font-size: 16px;line-height: 30px;}


.mmxm-txt{padding:30px 150px;}
.mmxm-txt .mmxm-txt-title{font-size: 30px;color: #333333;}
.mmxm-txt .mmxm-txt-desc{color: #666666;font-size: 16px;line-height: 24px;margin-top: 10px;padding-bottom: 10px;}
.mxxm-left{position: absolute;width: 40px;height: 40px;left: 40px;top:-130px;background: none;}
.mxxm-right{position: absolute;width: 40px;height: 40px;right: 40px;top: -130px;background: none;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 1;}

.swiper-button-prev,.swiper-button-next{background-image: none !important;}

.mdhj-con{width: 80%;}
.mdhj-tool{width: 80%;position: absolute;top:20px;right: 0;z-index: 1;background: #f2f2f2;}
.hj-left{position: absolute;right: 80px;width: 40px;height: 40px;background-image:none;top:auto;bottom: 25px;right: 166px;left:auto;}
.hj-right{position: absolute;width: 40px;height: 40px;background-image:none;top:auto;bottom: 25px;right: 110px;}

.mdhj-one{width: 100%;position:relative;padding-right: 80px;}
.mdhj-con{width: 80%;float: left;}
.mdhj-one-one{width: 100%;height: 100%;position: absolute;top:80px;right:0;padding-left: 80px;margin-bottom: 40px;}
.mdhj-one-content{width: 100%;height:100%;background: #f5f5f5;position: relative;}
.mdhj-ont-txt{position: absolute;bottom: 0;left: 0;padding:30px;font-size: 24px;color:#666666;}
.mdhj-one-hr{width: 60px;height:1px;display: inline-block;background: #8C6A48;position: absolute;top:46px;margin-left: 20px;}

.footer{width: 100%;overflow: hidden;color: #333333;font-size: 16px;;}
.footer .copyright{float: left;margin-right: 116px;line-height: 30px;}
.footer .btns{float: left;}
.footer .btns .foot-btn{color: #363636;text-decoration: none;font-size: 16px;margin-right:80px;}
.footer .qrcode{float: right;}
.footer .qrcode .qritem{width: 80px;float: left;text-align: center;}



.animated{
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}

.bounceIn22{
    -webkit-animation-name: bounceIn22;
    animation-name: bounceIn22;
}
@keyframes bounceIn22{
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        opacity: .5;
        -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
        transform: scale(.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}





@media (min-width: 768px) {
    .continer{max-width:750px;}
    .title{font-size: 30px;padding:30px 0;}
    .title-upline{padding: 10px 0;margin-top:40px;}
    .title-upline::after{top:0px;}
    .video-txt{font-size: 30px;line-height: 60px;}
    .ppwh-two{padding-left: 0px; padding-right: 20px;}
    .ppwh-one{padding-left: 0px; padding-right: 20px;padding-top:70px;}

    .video-isIe .video-txt{
        top:20%;
    }
    .video-hr{width:100px;height:2px;background:#fff;margin-top:20px;}

    .mmxm-txt{padding:20px 120px;}
    .mmxm-txt .mmxm-txt-title{font-size: 26px;}
    .mmxm-txt .mmxm-txt-desc{font-size: 14px;line-height: 21px;margin-top: 5px;}
    .mxxm-left{position: absolute;width: 40px;height: 40px;left: 40px;top:-98px;background: none;}
    .mxxm-right{position: absolute;width: 40px;height: 40px;right: 40px;top: -98px;background: none;}

    .hj-left{position: absolute;right: 80px;width: 40px;height: 40px;background-image:none;top:auto;bottom: 14px;right: 166px;left:auto;}
    .hj-right{position: absolute;width: 40px;height: 40px;background-image:none;top:auto;bottom: 14px;right: 110px;}

    .mdhj-one{width: 100%;position:relative;padding-right: 60px;}
    .mdhj-con{width: 80%;float: left;}
    .mdhj-one-one{width: 100%;height: 100%;position: absolute;top:60px;right:0;padding-left: 60px;margin-bottom: 40px;}
    .mdhj-one-content{width: 100%;height:100%;background: #f5f5f5;position: relative;}
    .mdhj-ont-txt{position: absolute;bottom: 0;left: 0;padding:20px;font-size: 20px;color:#666666;}
    .mdhj-one-hr{width: 60px;height:1px;float:left;background: #8C6A48;position: absolute;top:34px;margin-left: 20px;}

    .footer{width: 100%;overflow: hidden;color: #333333;font-size: 16px;;}
    .footer .copyright{float: left;margin-right: 36px;line-height: 30px;}
    .footer .btns{float: left;}
    .footer .btns .foot-btn{color: #363636;text-decoration: none;font-size: 16px;margin-right:20px;}
    .footer .qrcode{float: right;}
    .footer .qrcode .qritem{width: 40px;float: left;text-align: center;}
}


@media (min-width: 992px){
    .continer{max-width:980px;}
    .title{font-size: 36px;padding:40px 0;}
    .title-upline{padding: 10px 0;}
    .ppwh-two{padding-left: 70px;}
    .title-upline{margin-top: 20px;}
    .title-upline::after{top:20px;}
    .video-txt{font-size: 30px;line-height: 60px;}
    .video-isIe .video-txt{top:35%;}
    .video-hr{width:100px;height:2px;background:#fff;margin-top:30px;}

    .hj-left{position: absolute;right: 80px;width: 40px;height: 40px;background-image:none;top:auto;bottom: 25px;right: 146px;left:auto;}
    .hj-right{position: absolute;width: 40px;height: 40px;background-image:none;top:auto;bottom: 25px;right: 90px;}

    .mdhj-one{width: 100%;position:relative;padding-right: 80px;}
    .mdhj-con{width: 80%;float: left;}
    .mdhj-one-one{width: 100%;height: 100%;position: absolute;top:80px;right:0;padding-left: 80px;margin-bottom: 40px;}
    .mdhj-one-content{width: 100%;height:100%;background: #f5f5f5;position: relative;}
    .mdhj-ont-txt{position: absolute;bottom: 0;left: 0;padding:30px;font-size: 24px;color:#666666;}
    .mdhj-one-hr{width: 60px;height:1px;display: inline-block;background: #8C6A48;position: absolute;top:46px;margin-left: 20px;}

    .footer{width: 100%;overflow: hidden;color: #333333;font-size: 16px;;}
    .footer .copyright{float: left;margin-right: 70px;line-height: 30px;}
    .footer .btns{float: left;}
    .footer .btns .foot-btn{color: #363636;text-decoration: none;font-size: 16px;margin-right:40px;}
    .footer .qrcode{float: right;}
    .footer .qrcode .qritem{width: 80px;float: left;text-align: center;}
}


@media (min-width: 1200px) {
    .continer{max-width:980px;}
    .title{font-size: 36px;padding:40px 0;}
    .title-upline{padding: 10px 0;}
    .ppwh-two{padding-left: 70px;}
    .title-upline{margin-top: 20px;}
    .title-upline::after{top:20px;}
    .video-txt{font-size: 30px;line-height: 60px;}
    .video-isIe .video-txt{top:35%;}
    .video-hr{width:100px;height:2px;background:#fff;margin-top:30px;}

    .hj-left{position: absolute;right: 80px;width: 40px;height: 40px;background-image:none;top:auto;bottom: 25px;right: 146px;left:auto;}
    .hj-right{position: absolute;width: 40px;height: 40px;background-image:none;top:auto;bottom: 25px;right: 90px;}

    .mdhj-one{width: 100%;position:relative;padding-right: 80px;}
    .mdhj-con{width: 80%;float: left;}
    .mdhj-one-one{width: 100%;height: 100%;position: absolute;top:80px;right:0;padding-left: 80px;margin-bottom: 40px;}
    .mdhj-one-content{width: 100%;height:100%;background: #f5f5f5;position: relative;}
    .mdhj-ont-txt{position: absolute;bottom: 0;left: 0;padding:30px;font-size: 24px;color:#666666;}
    .mdhj-one-hr{width: 60px;height:1px;display: inline-block;background: #8C6A48;position: absolute;top:46px;margin-left: 20px;}

    .footer{width: 100%;overflow: hidden;color: #333333;font-size: 16px;;}
    .footer .copyright{float: left;margin-right: 70px;line-height: 30px;}
    .footer .btns{float: left;}
    .footer .btns .foot-btn{color: #363636;text-decoration: none;font-size: 16px;margin-right:40px;}
    .footer .qrcode{float: right;}
    .footer .qrcode .qritem{width: 80px;float: left;text-align: center;}

}

@media (min-width: 1400px) {
    .continer{max-width:1200px;}
    .title{font-size: 40px;padding:80px 0;}
    .title-upline{padding: 40px 0;}
    .title-upline::after{top:20px;}
    .video-txt{font-size: 50px;line-height: 90px;}
    .video-hr{width:100px;height:2px;background:#fff;margin-top:50px;}
    .ppwh-txt{padding-top: 110px;}
    .ppwh-two{padding-left:187px;padding-top: 10px;}
    .mmxm-txt{padding:30px 150px;}
    .mmxm-txt .mmxm-txt-title{font-size: 30px;color: #333333;}
    .mmxm-txt .mmxm-txt-desc{color: #666666;font-size: 16px;line-height: 24px;margin-top: 10px;padding-bottom: 10px;}
    .mxxm-left{position: absolute;width: 40px;height: 40px;left: 40px;top:-130px;background: none;}
    .mxxm-right{position: absolute;width: 40px;height: 40px;right: 40px;top: -130px;background: none;}

    .hj-left{position: absolute;right: 80px;width: 40px;height: 40px;background-image:none;top:auto;bottom: 25px;right: 166px;left:auto;}
    .hj-right{position: absolute;width: 40px;height: 40px;background-image:none;top:auto;bottom: 25px;right: 110px;}

    .mdhj-one{width: 100%;position:relative;padding-right: 80px;}
    .mdhj-con{width: 80%;float: left;}
    .mdhj-one-one{width: 100%;height: 100%;position: absolute;top:80px;right:0;padding-left: 80px;margin-bottom: 40px;}
    .mdhj-one-content{width: 100%;height:100%;background: #f5f5f5;position: relative;}
    .mdhj-ont-txt{position: absolute;bottom: 0;left: 0;padding:30px;font-size: 24px;color:#666666;}
    .mdhj-one-hr{width: 60px;height:1px;display: inline-block;background: #8C6A48;position: absolute;top:46px;margin-left: 20px;}

    .footer{width: 100%;overflow: hidden;color: #333333;font-size: 16px;;}
    .footer .copyright{float: left;margin-right: 116px;line-height: 30px;}
    .footer .btns{float: left;}
    .footer .btns .foot-btn{color: #363636;text-decoration: none;font-size: 16px;margin-right:80px;}
    .footer .qrcode{float: right;}
    .footer .qrcode .qritem{width: 80px;float: left;text-align: center;}
}