@font-face {
    font-family: "ms-bb";
    src: url("../fonts/Montserrat-Bold.otf") format("truetype");
}
@font-face {
    font-family: "ms-b";
    src: url("../fonts/Montserrat-Medium.otf") format("truetype");
}
@font-face {
    font-family: "ms";
    src: url("../fonts/Montserrat-Regular.otf") format("truetype");
}

*{margin:0;padding:0;box-sizing:border-box;outline:none;border:0;resize:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-appearance:none;}
body{font-family:'ms';color:#333;font-size:.14rem;overflow-x:hidden;}
ul,li{list-style:none}
img{display:block}
a{text-decoration:none;color:#333;display:inline-block}
input,textarea{font-family:'ms';font-size:.14rem;color:#333;padding:0 .2rem}
textarea{padding: .2rem;}
input::placeholder,textarea::placeholder{font-family:'ms';font-size:.14rem;color:#999}
input[type="checkbox"]{position: relative;cursor: pointer;width: .13rem;height:.13rem;margin-right:.1rem}
input[type="checkbox"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;border: 1px solid #e5e5e5}
input[type="checkbox"]:checked::before{border-color:#806245;background:#806245 url(../images/checkbox.png) no-repeat center center/100%}
input[type="radio"]{position: relative;cursor: pointer;width: .18rem;height:.18rem;margin-right:.1rem;padding:0}
input[type="radio"]::before{content: "";position: absolute;top: 0;left: 0;background: #fff;width: 100%;height: 100%;border: 1px solid #e5e5e5}
input[type="radio"]:checked::before{border-color:#806245;background:#806245 url(../images/checkbox.png) no-repeat center center/100%}
.select{position: relative}
.select select{font-family:'ms';font-size: .14rem;color:#333}
.select:after{content: "";width: .4rem;height: 100%;background: url(../images/arrow.svg) no-repeat center center/.1rem;position: absolute;right: 0;top: 0;pointer-events: none;transform: rotate(90deg);}
select{appearance: none;-webkit-appearance: none;-moz-appearance: none;width:100%;height:100%;border: none;}

html.lenis,html.lenis body{height: auto} 
.lenis.lenis-smooth {scroll-behavior: auto !important}

.bb{font-family:'ms-bb'}
.b{font-family:'ms-b'}
m{color:#806245}

.click{position:absolute;top:0;left:0;width:100%;height:100%;z-index: 2;}

.cursor{cursor: pointer;transition: .3s;}

.justify{text-align: justify;}

.width{max-width:14rem;margin:0 auto;width:calc(100% - .5rem)}

.img-bg{overflow:hidden;display:flex;justify-content:center;align-items:center}
.bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:.8s}

.img-div{display:flex;justify-content:center;align-items:center}
.img-div img{max-width:100%;max-height:100%}

.content p{font-size: .14rem !important;line-height: .3rem !important;color:#666;text-align: justify;}
.content strong{font-size: .18rem !important;font-family: 'ms-b' !important;color:#000}
.content img{max-width: 100%;height: auto !important;margin: 0 auto;}
.content a{display: inline-block;}

.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dot2,.dot3,.dot4,.dot5,.dot8{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical}
.dot2{-webkit-line-clamp:2}
.dot3{-webkit-line-clamp:3}
.dot4{-webkit-line-clamp:4}
.dot5{-webkit-line-clamp:5}
.dot8{-webkit-line-clamp:8}

body::-webkit-scrollbar{width:.05rem}
body::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 .05rem rgba(0, 0, 0, 0.11);background: #ccc}
body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 .05rem rgba(0, 0, 0, 0.1);background:#eee}

.myscroll{overflow-x:auto}
.myscroll::-webkit-scrollbar{width:.08rem;height:.08rem}
.myscroll::-webkit-scrollbar-thumb{border-radius:.08rem;-webkit-box-shadow:inset 0 0 .08rem rgba(0, 0, 0, 0.11);background: #806245}
.myscroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 .08rem rgba(0, 0, 0, 0.1);border-radius:.08rem;background:#eee}

.scroll{overflow:hidden}
.mCSB_inside > .mCSB_container{margin-right:.15rem}
.mCSB_scrollTools{width:.02rem}
.mCS-myscroll.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:1px;background:#806245}
.mCS-myscroll.mCSB_scrollTools .mCSB_draggerRail{width:1px;background:#ccc}

.layui-layer-hmg{border-radius:.05rem !important}
.layui-layer-btn .layui-layer-btn0{background:#806245;color:#fff;border-color:#806245}
.layui-layer-btn{padding:0 .15rem .2rem}
.layui-layer-btn .layui-layer-btn0{border-color:#806245 !important;background-color:#806245 !important}

.page{display:flex;justify-content:center;}
.page>div{border: 1px #eee solid;line-height: .58rem;border-radius: .1rem;padding: 0 .25rem;font-size: .16rem;display: flex;align-items: center;}
.page>div>a{width: .15rem;height: .15rem;background: url(../images/arrow.svg) no-repeat center center/100%;}
.page>div>a:nth-of-type(1){margin-right: .45rem;transform: rotate(180deg);}
.page>div>a:nth-of-type(2){margin-left: .45rem;}

.video-popup{display:none;position:fixed;z-index:1001;background:rgba(0,0,0,.3);width:100%;height:100%;top:0;left:0;}
.video-popup .con{width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center}
.video-popup video{max-width:100%;max-height:100%;}
.video-popup .close{position:absolute;width:.4rem;height:.4rem;background:url(../images/close-w.svg) no-repeat center center/.4rem;right:-.4rem;top:-.4rem;cursor:pointer;z-index:1002;transition:.3s}

@media (max-width:750px){
    body{font-size: .28rem;}
    .width{width:calc(100% - .8rem)}
    input,textarea{font-size: .28rem;padding: 0 .3rem;}
    textarea{padding: .25rem .3rem;}
    input::placeholder,textarea::placeholder{font-size: .28rem;}
    input[type="radio"]{width: .3rem;height:.3rem;margin-right:.2rem}
    .content p{font-size: .28rem !important;line-height: .48rem !important}
    .content strong{font-size: .32rem !important;}
    .page>div{line-height: .8rem;border-radius: .1rem;padding: 0 .4rem;font-size: .28rem;}
    .page>div>a{width: .2rem;height: .2rem}
    .page>div>a:nth-of-type(1){margin-right: .4rem}
    .page>div>a:nth-of-type(2){margin-left: .4rem;}
    .myscroll::-webkit-scrollbar{width:2px;height:2px}
    .video-popup .con{width:90%;height:90%}
    .video-popup .close{width:.6rem;height:.6rem;background-size:.6rem;top:0;right:0}
}

@media (min-width: 320px){html{font-size: 42.6667px;} }
@media (min-width: 360px){html{font-size: 48px;} }
@media (min-width: 375px){html{font-size: 50px;} }
@media (min-width: 384px){html{font-size: 51.2px;} }
@media (min-width: 414px){html{font-size: 55.2px;} }
@media (min-width: 448px){html{font-size: 59.7333px;} }
@media (min-width: 480px){html{font-size: 48px;} }
@media (min-width: 512px){html{font-size: 68.2667px;} }
@media (min-width: 544px){html{font-size: 72.5333px;} }
@media (min-width: 576px){html{font-size: 76.8px;} }
@media (min-width: 608px){html{font-size: 81.0667px;} }
@media (min-width: 640px){html{font-size: 85.3333px;} }
@media (min-width: 750px){html{font-size: 100px;} }

@media (any-hover:hover){
    .layui-layer-btn .layui-layer-btn0:hover{color:#fff !important}
	.img-bg:hover .img{transform:scale(1.1)}
    .page>div>a:hover{background-image: url(../images/arrow-m.svg);}
    .video-popup .close:hover{transform:rotate(180deg)}
}