.title{text-align:center; padding-bottom:18px;width: 48%;margin: 0 auto 5px;}
.title h2{font-size: 36px;font-weight: bold;color: #fc6b00;}
.title p{color:#4A4C59;font-weight: 600;text-transform:uppercase;}
@media(max-width:767px){ 
.title{padding-bottom:12px;width: 100%;}
.title h2{font-size:20px;}
.title p{padding: 0 10px;font-size: 12px;font-weight: normal;}
}
.support{ overflow:hidden; background:;}
.support>article>ul{display: block;}
.support>article>ul>li{position: relative;text-align: center;transition: all 0.4s ease-in-out;float: left;width:33.333333333333%;}
.support>article>ul>li>div{display: block;padding: 10px 0;position: relative;z-index: 2;border: 4px solid #f6f6f6;padding: 36px 20px 31px;margin: 10px;border-radius: 10px;}
.support>article>ul>li>div:hover{transition:0.6s;border-color: #fc6b00;}
.support>article>ul>li>div>i{font-size: 50px;color: #494949;display: block;margin: 16px auto;text-align: center;line-height: 45px;}
.support>article>ul>li>div>h3{font-weight: bold;margin: 10px 18px;text-align: center; color: #494949;font-size: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition:0.6s;}
.support>article>ul>li>div>p{margin: 0 10px 20px;text-align: center;color: #2d2d2d;font-size: 16px;line-height: 1.7;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.support>article>ul>li:hover>div>h3{transition:0.6s;color: #fc6b00;}
.support>article>ul>li>em{position: absolute;right: 10px;bottom: 10px;font-size: 100px;color: #f6f6f6;z-index: 1;}
@media(min-width:992px){
.support{padding-top:38px; padding-bottom:38px;}
}

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

@media(max-width:767px){
.support>article>ul>li{float: none;display: block;width:100%;}
.support>article>ul>li>div{margin: 0 0 15px 0;}
.support>article>ul>li>em{right: 0;bottom: 0;}
}

.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;}
.product-title:after{display:block; content:''; clear:both;}
.product-title>ol{display: inline-block;}
.product-title>ol>li{font-size: 18px;font-weight:bold;cursor: pointer;float: left;border: 1px solid #f6f6f6;border-radius: 50px;color: #393939;margin-right: 25px;line-height: 30px;padding: 10px 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;color: rgb(0,0,0);}
.product-title>ol>li:last-child{margin: 0;}
.product-title>ol>li.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;overflow: hidden;border-radius: 10px;}
.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{transition:0.6s;opacity: 0.8;} 
.product-cut ul li a div{background: #f6f6f6;padding: 10px 20px;}
.product-cut ul li a h3{display:block;font-weight: bold; line-height: 30px !important;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{color: red;font-weight: 500;font-size: 18px;}
@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-cut ul li{width:50%;}
}
@media(min-width:768px){ 
.product-cut ul{margin:0 -8px;}
.product-cut ul li{padding:8px;}
}
@media(max-width:820px){
.product-title>ol>li{padding: 10px 20px;margin-right: 10px;}
}
@media(max-width:767px){ 
.product-title>ol{display: block;}
.product-title>ol>li{float: none;font-size: 16px;margin-right:0;margin-bottom: 5px;}
.product-cut ul{margin:0 -4px;}
.product-cut ul li{padding:4px;width:100%;}
.product-cut ul li a div{padding:8px;}
}

.service{ overflow:hidden;background:url(../../upload/photo/202504/111053256.png) center center no-repeat rgb(255,255,255);background-size: cover;}
.service>article>ul{display: block;}
.service>article>ul>li{margin-bottom: 20px;padding: 10px;cursor: pointer;float: left;width:33.333333333333%;}
.service>article>ul>li>div{display: block;position: relative;background: #fff;padding:60px 40px;box-shadow: 0 0 38px rgba(0, 0, 0, 0.05);transition: all 0.3s ease 0s;overflow: hidden;border-radius: 10px;}
.service>article>ul>li>div::before{position: absolute;content: "";top: 1rem;bottom: 1rem;left: 1rem;right: 1rem;opacity: 0;transition: all 0.3s ease 0s;background: #fc6b00;}
.service>article>ul>li>div::after{position: absolute;content: "";width: 82px;height:81px;transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;right: 0;transition: all 0.3s ease 0s;top: 0;transition: all 0.3s ease 0s;background:url(../../upload/photo/202504/111624514.png);}
.service>article>ul>li>div>i{font-size: 60px;display: block;margin-bottom: 10px;transition: all 0.3s ease 0s;}
.service>article>ul>li>div>h3{font-weight: bold;margin: 10px 0;font-size: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition:0.6s;}
.service>article>ul>li>div>p{margin-bottom: 10px;color: #4A4C59;font-weight:600;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition:0.6s;}
.service>article>ul>li>div>a>span{font-weight:600;transition:0.6s;color:#fc6b00;}
.service>article>ul>li>div:hover{transform: translateY(-15px);box-shadow: 0 5px 20px rgba(0, 0, 0, 0.16);}
.service>article>ul>li>div:hover::before {opacity: 0.8;left: 0;right: 0;top: 0;bottom: 0;}
.service>article>ul>li>div:hover>i,.service>article>ul>li>div:hover>h3,.service>article>ul>li>div:hover>P,.service>article>ul>li>div:hover>a>span{position: relative;transition: all 0.3s ease 0s;color: #fff;}
@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{width: 50%;}
.service>article>ul>li>div>h3{font-size: 18px;}
}
@media(max-width:767px){
.service>article>ul>li{width: 100%;}
.service>article>ul>li>i{font-size: 40px;}
}

.trending{position:relative; overflow:hidden; background:rgb(242,242,242);}
.trending-box{width:100%; overflow:hidden; padding-bottom: 38px; margin-bottom:38px; position:relative;}
.trending-box>ol{position:absolute; bottom:2%; left:0; right:0; text-align:center; font-size:0;}
.trending-box>ol>li{display:inline-block; cursor:pointer; border-radius:50px;border: 1px solid #ccc;margin: 0 5px;}
.trending-box>ol>li:before{display:block; content:''; border-radius:18px; background:#ccc;}
.trending-box>ol>li.active:before{background:#fc6b00;}
.trending-box>ul{width:10000%;}
.trending-box>ul>li{width: 1%;float: left;position:relative;padding: 10px;}
.trending-box>ul>li>a{display:block;position: relative; transition:.6s;overflow: hidden;border-radius: 10px;}
.trending-box>ul>li>a>span{display:block; overflow:hidden;}
.trending-box>ul>li>a>span>img{display:block; width:100%; transition:.6s;}
.trending-box>ul>li>a:hover>span>img{transition:0.6s;opacity: 0.8;} 
.trending-box>ul>li>a>div{background: #f6f6f6;padding: 10px 20px;}
.trending-box>ul>li>a>div>h3{display:block;font-weight: bold; line-height: 30px !important;transition: 0.6s;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.trending-box>ul>li>a:hover>div>h3{color: #fc6b00;}
.trending-box>ul>li>a>div>b.price{color: red;font-weight: 500;font-size: 18px;}
@media(min-width:1025px){
.trending{padding-top:38px; padding-bottom:0px;}
.trending-box>ol>li:before{margin:2px; width:10px; height:10px;}
.trending-box>dl>*{position:absolute; top:40%;width: 50px;height: 50px;font: normal normal normal 14px/1 FontAwesome;border-radius: 50%; cursor:pointer; transition:.6s;background:rgb(255,255,255);}
.trending-box>dl>dt{right: 50px;margin-top: 30px;}
.trending-box>dl>dt::before{content: "\f177";}
.trending-box>dl>dd{right:50px;margin-top: -40px;}
.trending-box>dl>dd::before{content: "\f178";}
.trending-box>dl>dt::before,
.trending-box>dl>dd::before{display: block;font-size: 20px;line-height: 50px;text-align: center;color:rgb(0,0,0);}
.trending-box>dl>dt:hover::before,
.trending-box>dl>dd:hover::before{color: #fc6b00;}
.trending-box>dl{visibility:hidden; opacity:0; transition:.3s;}
.trending-box:hover>dl{visibility:visible; opacity:1;}
}
@media(max-width:1024px){
.trending-box{padding-bottom: 28px; margin-bottom:0px;}
.trending{padding-top:18px; padding-bottom:18px;}
.trending-box>dl{display:none;}
.trending-box>ol{height: 16px;margin-left: -45px;}
.trending-box>ol>li:before{width:10px; height:3px;}
}
@media(max-width:991px){
.trending-box{margin-bottom:0px;}
.trending-box>ol>li{margin: 0 2px;}
.trending-box>ol>li:before{margin:1px; width:6px; height:6px;}
.trending-box .trending-box-title{font-size: 30px;padding: 50px 0;}
}


.news{overflow:hidden; background:; }
.news .list-box>ul:after{display:block; content:''; clear:both;}
.news .list-box>ul>li{float:left;}
.news .list-box>ul>li>a{transition:.3s;}
.news .list-box>ul>li>a>span{display:block; overflow:hidden;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.news .list-box>ul>li>a>span>img{display:block; width:100%;transition: all 0.9s ease-in-out;}
.news .list-box>ul>li>a:hover>span>img{transform:scale(1.15);} 
.news .list-box>ul>li>div{display:block;padding: 10px 0;}
.news .list-box>ul>li>div>i{font-style:normal; display:block; padding:8px 0;color: #424242;font-weight: 600;}
.news .list-box>ul>li>div>h3{display:block;font-weight: 600;font-size:18px;margin-bottom: 20px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news .list-box>ul>li>div>a.btn{background-color: rgb(246 246 246);border-radius: 20px;font-weight: 600;padding: 10px 20px;transition: all 0.3s ease-in-out 0s;}
.news .list-box>ul>li>div>a.btn:hover{color: #fff;background-color: #fc6b00}
@media(min-width:992px){
.news{padding-top:28px; padding-bottom:28px;} 
.news .list-box>ul{margin:0 -8px;}
.news .list-box>ul>li{width:33.333%; padding:8px;}
}
@media(max-width:991px){
.news{padding-top:18px; padding-bottom:18px;} 
.news .list-box>ul>li{width:50%; padding:4px 0;}
}
@media(max-width:767px){ 
.news .list-box>ul>li{width:100%; padding:4px 0;}
.news .list-box>ul>li>div>i{padding:0;}
}

.process{ overflow:hidden;background:url() center center no-repeat ;background-size: cover;}
.process>article>ul{display: block;}
.process>article>ul>li{cursor: pointer;background: #f6f6f6;float: left;text-align:center;box-shadow: 10px 0px 10px #f0f0f0 inset;margin-top: 19px;float: left;width:33.333333333333%;}
.process>article>ul>li:nth-child(1) {box-shadow: none;border-top-left-radius:10px;border-bottom-left-radius:10px;}
.process>article>ul>li:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px;}
.process>article>ul>li:hover{color:#fff; box-shadow:none; cursor:pointer;background:#fc6b00;}
.process>article>ul>li>div{display: block;position: relative;padding:30px 20px;transition: all 0.3s ease 0s;overflow: hidden;}
.process>article>ul>li>div>i{font-size: 60px;display: block;margin-bottom: 10px;transition: all 0.3s ease 0s;}
.process>article>ul>li>div>h3{font-weight: bold;margin: 10px 0;font-size: 22px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition:0.6s;}
.process>article>ul>li>div>p{margin-bottom: 10px;color: #4A4C59;font-weight:600;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition:0.6s;}
.process>article>ul>li>div>a>span{font-weight:600;transition:0.6s;color:#fc6b00;}
.process>article>ul>li>div:hover>i,.process>article>ul>li>div:hover>h3,.process>article>ul>li>div:hover>P,.process>article>ul>li>div:hover>a>span{position: relative;transition: all 0.3s ease 0s;color: #fff;}
@media(min-width:992px){
.process{padding-top:38px; padding-bottom:38px;}
@keyframes icon-bounce {
    0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    25% {-moz-transform: rotate(15deg);-ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
    50% {-moz-transform: rotate(-15deg);-ms-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
    75% {-moz-transform: rotate(5deg);-ms-transform: rotate(5deg);-webkit-transform: rotate(5deg);transform: rotate(5deg);}
    85% {-moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
  }
  @-webkit-keyframes icon-bounce {
    0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    25% {-moz-transform: rotate(15deg);-ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
    50% {-moz-transform: rotate(-15deg);-ms-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
    75% {-moz-transform: rotate(5deg);-ms-transform: rotate(5deg);-webkit-transform: rotate(5deg);transform: rotate(5deg);}
    85% {-moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
  }
  @-moz-keyframes icon-bounce {
    0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    25% {-moz-transform: rotate(15deg);-ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
    50% {-moz-transform: rotate(-15deg);-ms-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
    75% {-moz-transform: rotate(5deg);-ms-transform: rotate(5deg);-webkit-transform: rotate(5deg);transform: rotate(5deg);}
    85% {-moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
  }
  @-o-keyframes icon-bounce {
    0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);}
    25% {-moz-transform: rotate(15deg);-ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
    50% {-moz-transform: rotate(-15deg);-ms-transform: rotate(-15deg);-webkit-transform: rotate(-15deg);transform: rotate(-15deg);}
    75% {-moz-transform: rotate(5deg);-ms-transform: rotate(5deg);-webkit-transform: rotate(5deg);transform: rotate(5deg);}
    85% {-moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
  }
.process>article>ul>li:hover{-webkit-animation: icon-bounce 0.5s alternate;-moz-animation: icon-bounce 0.5s alternate;-o-animation: icon-bounce 0.5s alternate;animation: icon-bounce 0.5s alternate;}
}
@media(max-width:991px){
.process{padding-top:18px; padding-bottom:18px;}
.process>article>ul>li{width: 50%;}
.process>article>ul>li>div>h3{font-size: 18px;}
}
@media(max-width:767px){
.process>article>ul>li{width: 100%;}
.process>article>ul>li>i{font-size: 40px;}
}