.title{text-align:center; padding-bottom:18px;}
.title p{color:#666;text-transform: uppercase-box;}
.title h2{font-size: 36px;font-weight: bold;color: #fc6b00;}
.title>ol.embellish{margin: 0px;padding: 0px;}
.title>ol.embellish>li{display: inline-block;height: 8px;width: 8px;border-radius: 100px;background-color: #ddd;margin: 0px 5px;}
.title>ol.embellish>li:first-child,.title>ol.embellish>li:last-child{height: 5px;width: 5px;margin:2px 0 1px;padding: 0px;}
@media(max-width:767px){ 
.title{padding-bottom:12px;}
.title h2{font-size:20px;}
}

.service{ overflow:hidden; background:rgb(255,255,255);}
.service>article>ul{display: block;}
.service>article>ul>li{margin-bottom: 20px;padding: 10px;cursor: pointer;float: left;width:16.666666666667%;}
.service>article>ul>li>img{display: block;width:100%;}
.service>article>ul>li>div{display: block;background: #fff;padding: 10px 0;}
.service>article>ul>li>div>i{width: 45px;height: 45px;font-size: 22px;display: block;margin: 16px auto 10px;text-align: center;line-height: 45px;border-radius: 50%;border: 1px solid #ccc;}
.service>article>ul>li>div>h3{font-weight: bold;margin: 10px;text-align: center;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition:0.6s;}
.service>article>ul>li>div>p{margin: 0 10px 20px;text-align: center;color: #C3C3C3;font-size: 12px;line-height: 12px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.service>article>ul>li:hover>div>h3{transition:0.6s;color: #fc6b00;}
@media(min-width:992px){
.service{padding-top:38px; padding-bottom:38px;}
}

@media(max-width:991px){
.service{padding-top:18px; padding-bottom:18px;}
.service>article>ul>li>div>h3{font-size: 15px;}
}

@media(max-width:767px){
.service>article>ul>li{width: 50%;}
.service>article>ul>li>i{font-size: 30px;}
}

.product{ overflow:hidden; background:rgba(255,255,255,0.99);}
.product-box:after{display:block; content:''; clear:both;}
.product-title{text-align: center;margin-bottom:18px;display:flex;}
.product-title:after{display:block; content:''; clear:both;}
.product-title h2{flex: 1;font-size:20px; font-weight:bold; cursor:pointer; padding: 15px 40px;background-color: #f6f6f6;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: rgb(0,0,0);}
.product-title h2.on{color:#fff;background-color: #fc6b00;}
.product-cut{padding-bottom:18px;}
.product-cut ul{display:none;}
.product-cut ul.on{display:block;}
.product-cut ul li{float:left;}
.product-cut ul li a{display:block;position: relative; transition:.6s;}
.product-cut ul li a span{display:block; overflow:hidden;}
.product-cut ul li a span img{display:block; width:100%; transition:.6s;}
.product-cut ul li a:hover span img{transform:scale(1.1);transition:0.6s;opacity: 0.8;} 
.product-cut ul li a h3{display:block;font-weight: bold; line-height: 30px !important;background: #f6f6f6;transition: 0.6s;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.product-cut ul li a span:hover h3{color: #fc6b00;}
.product-cut ul li a b.price{background-color: rgba(0,0,0,.08);color: red;padding: 10px;position: absolute;top: 0;right: 0;}
.product-cut ul li a .details{border-top:1px solid #ddd;display: inline-block;color: #757575;width: 100%;margin: 0 auto;background: #f6f6f6; padding: 10px 20px;}
.product-cut ul li a .details em{float: left;font-size: 12px;}
.product-cut ul li a .details i{float:right;}
@media(min-width:1025px){
.product{padding-top:38px; padding-bottom:38px;}
.product-cut ul li{width:33.333%;}
}
@media(max-width:1024px){
.product{padding-top:18px; padding-bottom:18px;}
.product-title h2{font-size: 16px;}
.product-cut ul li{width:50%;}
}
@media(max-width:820px){
.product-title{display: block;}
}
@media(min-width:768px){ 
.product-cut ul{margin:0 -8px;}
.product-cut ul li{padding:8px;}
.product-cut ul li a h3{padding:8px;}
}
@media(max-width:767px){ 
.product-cut ul{margin:0 -4px;}
.product-cut ul li{padding:4px;width:100%;}
.product-cut ul li a h3{padding:4px;}
}


.case{position:relative; overflow:hidden; background:rgb(242,242,242);}
.case-box{width:100%; overflow:hidden; padding-bottom: 38px; margin-bottom:38px; position:relative;}
.case-box>ul{width:10000%;}
.case-box>ul>li{width: 1%;float: left;position:relative;padding: 10px;}
.case-box>ol{position:absolute; bottom:10px; left:50%;text-align:center; font-size:0;}
.case-box>ol>li{display:inline-block; cursor:pointer;}
.case-box>ol>li:before{display:block; content:'';margin:5px;box-shadow:0 0 3px rgba(0,0,0,.08); background:rgba(185,185,185,.5);}
.case-box>ol>li.active:before{background:#fc6b00;}
.case-box span img{display:block; width:100%; margin:0 auto; object-fit:cover;}
.case-box div{background: rgb(250 250 250);padding: 20px;position: relative;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.case-box div>h3{font-size: 20px;line-height: 18px;margin-bottom: 10px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.case-box div>p{line-height: 24px;}
@media(min-width:1025px){
.case{padding-top:38px; padding-bottom:0px;}
.case-box>ol{margin-left: -70px;}
.case-box>ol>li:before{width:20px; height:4px;}
.case-box>dl>*{position:absolute; top:40%; margin-top:-20px;width: 40px;height: 40px;font: normal normal normal 14px/1 FontAwesome;border-radius: 50%; cursor:pointer; transition:.6s;background:rgb(255,255,255);}
.case-box>dl>dt{left:10px;}
.case-box>dl>dt::before{content: "\f100";}
.case-box>dl>dd{right:10px;}
.case-box>dl>dd::before{content: "\f101";}
.case-box>dl>dt::before,
.case-box>dl>dd::before{display: block;font-size:18px;line-height: 40px;text-align: center;color: rgb(0,0,0);}
.case-box>dl>dt:hover,
.case-box>dl>dd:hover{background:#fc6b00;}
.case-box>dl>dt:hover::before,
.case-box>dl>dd:hover::before{color: #fff;}
}
@media(max-width:1024px){
.case-box{padding-bottom: 28px; margin-bottom:0px;}
.case{padding-top:18px; padding-bottom:18px;}
.case-box>dl{display:none;}
.case-box>ol{height: 16px;margin-left: -45px;}
.case-box>ol>li:before{width:10px; height:3px;}
.case-box div>p{height: 20px;overflow: hidden;}
}
@media(max-width:991px){
.case-box{margin-bottom:0px;}
.case-box>ol{left:45%;margin-left:-20px;}
.case-box div{padding: 10px;text-align: center;}
.case-box div>p{display: none;}
.case-box div>h3{font-size: 15px;margin-bottom:0;}
}



.news{overflow:hidden;background:;}
.news-box:after{display:block; content:''; clear:both;}
.news-title{text-align: center;margin-bottom:18px;}
.news-title:after{display:block; content:''; clear:both;}
.news-title h2{font-size:20px; font-weight:bold; cursor:pointer; display:inline-block; margin-left:20px;padding: 10px 40px;background-color: #f6f6f6;color: rgb(0,0,0);}
.news-title h2:first-child{margin:0;}
.news-title h2.on{color:#fff;background-color: #fc6b00;}
.news-cut{padding-bottom:18px;}
.news-cut ul{display:none;}
.news-cut ul.on{display:block;}
.news-cut ul li{padding: 18px;margin-bottom: 10px;box-shadow: 0 1px 4px rgba(0,0,0,.18);cursor: pointer;}
.news-cut ul li:hover{background-color: #f6f6f6;}
.news-cut ul li:after{display:block; content:''; clear:both;}
.news-cut ul li a{transition:.6s;}
.news-cut ul li>a>span{float:left; overflow:hidden; width:160px;}
.news-cut ul lia>span>img{display:block;}
.news-cut ul li>a>div{padding-left:178px;}
.news-cut ul li>a>div h3{font-weight:bold; font-size:20px; position:relative; padding:0 20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news-cut ul li>a>div h3:before{width:8px; height:8px; border-radius:8px; position:absolute; left:0; top:12px; content:''; background:#ddd;}
.news-cut ul li>a>div i{float:right; font-style:normal; color:#888; padding-top:4px;}
.news-cut ul li>a>div p{margin-top:8px; line-height:26px;padding-top: 10px;border-top:1px dotted #ccc; color:#585858;}
@media(min-width:1200px){
.news{padding-top:38px; padding-bottom:38px;}
}
@media(max-width:992px){
.news{padding-top:28px; padding-bottom:28px;}
.news-list{padding:0 0 18px 0;}
}
@media(max-width:767px){
.news{padding-top:18px; padding-bottom:18px;}
.news-title{margin-bottom:8px; text-align:center;}
.news-title h2{font-size:16px; margin-left:10px;padding: 10px 20px;}
.news-cut ul li{padding:8px;}
.news-cut ul li>a>span{width:100px;}
.news-cut ul li>a>div{padding-left:108px;}
.news-cut ul li>a>div h3{font-size:14px; padding:0 18px;}
.news-cut ul li>a>div h3:before{width:8px; height:8px; border-radius:8px; top:10px;}
.news-cut ul li>a>div i{padding-top:0; font-size:14px;}
.news-cut ul li>a>div p{margin-top:0;line-height:22px; font-size:14px;padding-top: 5px;border-top:0;width: 100%; height:52px; overflow:hidden;}
}

.introduce{background: url(../../upload/photo/202504/111110378.jpg) center no-repeat;background-size: cover;}
.introduce .title{padding-top: 70px;padding-bottom: 40px;}
.introduce .title p,
.introduce .title h2{color: #fff;text-shadow: 2px 1px rgba(0,0,0,0.2);}
.introduce .content{background: #fff;}
.introduce .content:after{display:block; content:''; clear:both;}
@media(min-width:1025px){
.introduce{padding-top:38px; padding-bottom:0;}
.introduce .content{margin-top: 280px;}
.introduce .content>aside{padding:30px 30px 0;}
.introduce .content>aside>p{line-height: 30px;}
}
@media(max-width:1024px){
.introduce{padding-top:18px; padding-bottom:18px;}
}
@media(max-width:991px){
.introduce .content>aside{padding:10px;}
}