.title{text-align:center; padding-bottom:18px;}
.title h2{font-size: 36px;font-weight: bold;color: rgb(250,194,25);}
.title h3{font-size: 18px;}
.title p{font-size: 12px;color:#888888;text-transform: uppercase-box;}
@media(max-width:767px){ 
.title{padding-bottom:12px;}
.title h2{font-size:24px;}
.title h3{font-size: 14px;}
.title p{display: none;}
}

.product{ overflow:hidden; background:;}
.product .list-box{text-align:center;}
.product .list-box ul:after{display:block; content:''; clear:both;}
.product .list-box ul li{width:25%; float:left;}
.product .list-box ul li a{display:block; transition:.6s;}
.product .list-box ul li a span{display:block; overflow:hidden;}
.product .list-box ul li a span img{display:block; width:100%;height:230px; transition:.6s;}
.product .list-box ul li a:hover span img{transform:scale(1.1);transition:0.6s;} 
.product .list-box ul li a h4{display:block;height:45px;line-height:28px;background: #f5f4f1;transition: 0.6s;margin-top:5px;color: #676152;border: 1px solid #e1e0db;padding-bottom:0 ; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:inherit;}
.product .list-box ul li a:hover h4{color: #fff;transition:0.6s;background:#FF9000;border: 1px solid rgb(250,194,25);}
.product .list-box ul li a b.price{color:red;}
@media(min-width:1025px){
.product{padding-top:38px; padding-bottom:38px;}
.product .list-box ul li{width:25%;}
}
@media(max-width:1024px){
.product{padding-top:18px; padding-bottom:18px;}
.product .list-box ul li{width:33.333%;}
}
@media(max-width:820px){
.product .list-box ul li{width:50%;}
}
@media(min-width:768px){ 
.product .list-box ul{margin:0 -8px;}
.product .list-box ul li{padding:8px;}
.product .list-box ul li a h4{padding:8px;}
}
@media(max-width:767px){ 
.product .list-box ul{margin:0 -4px;}
.product .list-box ul li{padding:4px;}
.product .list-box ul li a h4{padding:4px;}
.product .list-box ul li{width:50%;}
.product .list-box ul li a span img{display:block; width:100%;height:110px; transition:.6s;}
}

.advantage{position: relative;overflow:hidden; background: url(../../upload/photo/202309/111049467.jpg) center no-repeat;background-size: cover;}
.advantage::before{content: '';background: rgba(255,255,255,0.8);position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;z-index: 0;}
.advantage .content{position: relative;z-index: 2;}
.advantage .content:after{display:block; content:''; clear:both;}
.advantage aside>ul{display: block;}
.advantage aside>ul>li{background: #fff;color: #524c36;padding-left: 50px;padding-top:25px;cursor: pointer;margin-bottom: 15px;display: inline-block;transition:0.6s;}
.advantage aside>ul>li:first-child,.advantage aside>ul>li:hover{background: #f9bc16;color: #fff;transition:0.6s;}
.advantage aside>ul>li:last-child{margin: 0;}
.advantage aside>ul>li>i{font-size: 40px;float: left; margin-top: 6px;}
.advantage aside>ul>li>b{float: left;font-family: "Times New Roman", Times, serif;font-size: 48px;line-height: 48px;font-weight: bold;padding-left: 15px;}
.advantage aside>ul>li>div{float: left;padding-left: 20px;font-weight: bold;color: #524c36;}
.advantage aside>ul>li>div>h4{font-size: 23px;}
.advantage aside>ul>li>div>p{padding-bottom:30px;color: #9b9688;font-size: 14px;font-weight: normal;}
.advantage aside>ul>li:first-child>div>h4,.advantage aside>ul>li:first-child>div>P,.advantage aside>ul>li:hover>div>h4,.advantage aside>ul>li:hover>div>P{color: #FFF;transition:0.6s;}
@media(min-width:1025px){
.advantage .title{;padding: 60px 0 30px;width: 80%;}
.advantage .content>.advantage-img{float:left; width:40%;height: 100%;overflow: hidden;}
.advantage .content>.advantage-img>img{display: block;height: 100% !important;max-height: 100% !important;}
.advantage .content>.advantage-img+aside{float:left; width:60%; padding:0;}
.advantage aside>ul>li{width: 80%;}
}
@media(max-width:1024px){
.advantage .title{;padding: 15px 0;width: 100%;}
.advantage .content>.advantage-img{width:100%;}
.advantage .content>.advantage-img>img{width:100% !important;height: auto !important;max-height: auto !important;}
.advantage .content>.advantage-img+aside{width:100%;padding:15px;}
.advantage aside>ul>li{width: 100%;}
}
@media(max-width:991px){
.advantage aside{margin-top:8px;}
}
@media(max-width:767px){
.advantage aside>ul>li{padding: 15px;}
.advantage aside>ul>li>i{font-size: 30px;}
.advantage aside>ul>li>b{font-size: 40px;line-height: 40px;}
.advantage aside>ul>li>div,.advantage aside>ul>li>div>p{padding: 0;}
}

.case{position:relative; overflow:hidden; background:;}
.case-box{width:100%; overflow:hidden; padding-bottom: 38px; margin-bottom:38px; position:relative;}
.case-box>ul{width:10000%;}
.case-box>ul>li{width:30%;float: left;position:relative;padding: 10px;}
.case-box>ol{position:absolute; bottom:10px; left:45%;text-align:center; font-size:0;height: 10px;border-radius: 10px;}
.case-box>ol>li{display:inline-block; cursor:pointer;}
.case-box>ol>li:before{display:block; content:''; border-radius:18px; box-shadow:0 0 3px rgba(0,0,0,.08); background:rgba(185,185,185,.5);}
.case-box>ol>li.active:before{background:rgb(250,194,25);}
.case-box span img{display:block; width:100%; margin:0 auto; object-fit:cover;}
.case-box div{background: rgb(250 250 250);padding: 0 30px;position: relative;height: 122px;overflow: hidden;}
.case-box div>h4{font-size:15px;color: #9b8c62;padding: 26px 0 10px;width:280px;}
.case-box div>a>p{font-size: 14px;color: #cbc2ab;line-height: 24px;height:50px;overflow: hidden;}
.case-box div .more{position: absolute;right: 0;top: 24px;width: 90px;height: 74px;border-left: 1px solid #ececec;font-size: 16px;color: #666;font-family: Arial;line-height: 16px;text-align: center;}
.case-box div .more::after{font: normal normal normal 14px/1 FontAwesome;content: "\f0da";margin: 20px auto 0;display: block;text-align: center;width:30px;height: 30px;border-radius: 50%;background: #cbc2ab;line-height: 30px;}
@media(min-width:1025px){
.case .title>p{text-align: center;font-size: 18px;text-transform: uppercase;padding-top:30px;}
.case{padding-top:38px; padding-bottom:38px;}
.case-box>ol>li:before{margin:5px; width:15px; height:15px;}
.case-box>dl>*{position:absolute; top:40%; margin-top:-20px;width: 40px;height: 40px;font: normal normal normal 14px/1 FontAwesome;background: #ccc;border-radius: 50%; cursor:pointer; transition:.6s;}
.case-box>dl>dt{left:0;}
.case-box>dl>dt::before{content: "\f104";color: #fff;display: block;font-size: 32px;line-height: 40px;text-align: center;}
.case-box>dl>dd{right:0;}
.case-box>dl>dd::before{content: "\f105";color: #fff;display: block;font-size: 32px;line-height: 40px;text-align: center;}
.case-box>dl>dt:hover,
.case-box>dl>dd:hover{background:rgb(250,194,25);}
.case-box div>a>p{width: 260px;}
}
@media(max-width:1024px){
.case-box{padding-bottom: 28px; margin-bottom:28px;}
.case{padding-top:18px; padding-bottom:18px;}
.case-box div>a>p{width:300px;}
}
@media(max-width:991px){
.case-box{margin-bottom:0px;}
.case-box>dl{display:none;}
.case-box>ol{height: 16px; }
.case-box>ol>li:before{margin:5px; width:6px; height:6px;}
.case-box div>a>p{width:100%;}
.case-box div .more{display: none;}
}
@media(max-width:640px){
    .case-box div{padding: 0;height: 60px;}
    .case-box div>h4{font-size: 14px;padding: 10px;}
    .case-box div>a>p{display: none;}
}

.introduce{background: url(../../upload/photo/202405/181109517.jpg) center no-repeat;background-size: cover;}
.introduce .content{background: #fff;box-shadow: 0 0 10px 8px rgb(0 0 0 / 20%);}
.introduce .content:after{display:block; content:''; clear:both;}
@media(min-width:1025px){
.introduce .content{margin-top: 200px;}
.introduce .content>img{float:left; width:33.333%;}
.introduce .content>img+aside{float:left; width:66.6666%; padding:20px 28px 0;}
.introduce{padding-top:38px; padding-bottom:0;}
}
@media(max-width:1024px){
.introduce{padding-top:18px; padding-bottom:18px;}
.introduce .content>img{width:100%;}
.introduce .content>img+aside{width:100%;padding:15px;}
}
@media(max-width:991px){
.introduce aside{margin-top:8px;}
}

.news{overflow:hidden; background:; }
.news .recommend-box{overflow:hidden; position:relative;}
.news .recommend-box>ol{width:10000%;}
.news .recommend-box>ol>li{width: 1%;float: left;position:relative;}
.news .recommend-box>ol>li>a{display:block; transition:.6s;}
.news .recommend-box>ol>li>a>span{display:block; overflow:hidden;}
.news .recommend-box>ol>li>a>span>img{display:block; width:100%; transition:.6s;}
.news .recommend-box>ol>li>a:hover>span>img{transform:scale(1.05);} 
.news .list-box ul:after{display:block; content:''; clear:both;}
.news .list-box ul li{float:left;border-bottom: 1px solid #eaeae8;margin-bottom:20px;width: 100%;}
.news .list-box ul li a{transition:.6s;}
.news .list-box ul li>span{float:left; overflow:hidden; text-align: right;width:80px;}
.news .list-box ul li>span>i{font-style:normal; display:block;font-size:23px; font-weight:bold;}
.news .list-box ul li>span b{font-size: 14px;font-weight: normal;}
.news .list-box ul li>div{padding-left:100px;}
.news .recommend-box>ol>li>div h3,.news .list-box ul li>div h3{font-size: 18px;display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news .recommend-box>ol>li>div p,.news .list-box ul li>div p{ font-size:12px; line-height:25px;margin-bottom: 10px;color:#b5b4af;overflow:hidden; height:52px;}
@media(min-width:992px){
.news{padding-top:38px; padding-bottom:38px;} 
.news .recommend-box,.news .list-box{width:48%;}
.news .recommend-box{float: left;}
.news .recommend-box>ol>li>div h3{margin-top: 10px;}
.news .list-box{float: right;}
.news .list-box ul{margin:0 -8px;}
.news .list-box ul li{padding:8px;}
}
@media(max-width:991px){
.news{padding-top:18px; padding-bottom:18px;} 
.news .recommend-box,.news .list-box{width: 100%;float: none;}
.news .list-box ul li{padding:4px 0;}
.news .recommend-box>ol>li>div h3,.news .list-box ul li>div h3{font-size: 15px;}
}

@media(max-width:767px){ 
.news .list-box ul li>div i{padding:0;}
.news .list-box ul li>div p{height:auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
}