﻿@charset "utf-8"; 
:root{--color:#e98000}
.home-honor{background: url(/uploads/14172/banner/20240925044424ab409.jpg) no-repeat center; background-size: cover;}
@media (min-width:1024px){.home-product #product-swiper .swiper-wrapper{flex-wrap: wrap;justify-content: space-between;transform:translate(0,0)!important}
.home-product #product-swiper .swiper-wrapper .swiper-slide{width:23.5% !important;margin-right:2% !important;margin-bottom:20px;}
.home-product #product-swiper .swiper-wrapper .swiper-slide:nth-child(4n){margin-right:0 !important}
.home-product .product-list .home-button-next, .home-product .product-list .home-button-prev{display:none;}}
.home-service .service-wrap .service-item {background:#eee;color:#000;border:none}
.home-service .service-wrap .service-item:nth-child(2n) {background:#fff;}
.home-service .service-wrap .service-item .title span {color:var(--color);}
.home-service .service-wrap .service-item .text {color:#999;display:block;line-height:1.5;}
.home-service .service-wrap .service-item .bg i {color:#ccc;}
.home-service .service-wrap .service-item .icon i {color:var(--color);}
.home-service .service-wrap .service-item:hover{background:var(--color)!important}
.home-service .service-wrap .service-item:hover,.home-service .service-wrap .service-item:hover *{color:#fff!important}
.home-static{background:var(--color)}
.home-static .list li .icon img{filter:brightness(5)}
.home-honor .honorwrap{margin-top:30px}
.home-traffic{position:relative;padding:3% 0px}
.home-traffic .l-wrap{position: relative;}
.home-traffic .inner{display:flex;flex-wrap:wrap;align-items:center;}
.home-traffic .traffic-img{width:40%;position:relative}
.home-traffic .traffic-img .routeimg{position:relative;max-width:580px;z-index:1;padding-bottom:10px;}
.home-traffic .traffic-img .routeimg img{width:100%;border-radius:50%}
.home-traffic .traffic-img .routeimg::after{content:"";position:absolute;left:0px;top:0px;width:calc(100% + 10px);height:100%;border-radius:50%;background:var(--color);z-index:-1}
.home-traffic .traffic-img .traffic-icon{position:absolute;right:0px;bottom:0px;width:180px;height:180px;background:#FFFFFF;border-radius:50%;padding:10px;z-index:1}
.home-traffic .traffic-img .traffic-icon .traffic-route-load{display:block;width:100%;height:100%;background:url(https://css02.v15cdn.com/m427/imgs/about-route.webp) center no-repeat;background-size:cover;animation:trafficroute 10s linear infinite}
.home-traffic .traffic-img .traffic-icon .traffic-route{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;position:absolute;left:0px;top:0px;z-index:1}
.home-traffic .traffic-img .traffic-icon span:nth-child(1){color:#777}
.home-traffic .traffic-img .traffic-icon span:nth-child(2){font-size:22px;font-weight:var(--fontbold7);color:var(--color)}
.home-traffic .traffic-info{flex:1;padding-left:10%}
.home-traffic .traffic-info .traffic-line{margin:0px 0px 10px 0px;width:60px;height:4px;background:var(--color)}
.home-traffic .traffic-info .home-title{text-align:left}
.home-traffic .traffic-info .traffic-num{font-size:var(--fontsize30);font-weight:var(--fontbold6);color:var(--color);margin-top:30px}
.home-traffic .traffic-info .traffic-des{color:#555555;font-size:var(--fontsize18);font-weight:var(--fontbold6);margin-bottom:20px}
.home-traffic .traffic-info .traffic-text{margin-bottom:40px;font-size:var(--fontsize18);color:#555}
@keyframes trafficroute{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}}
.home-traffic .home-more{min-width: 160px;height: 48px;background: var(--color);border-radius: 5px;display: inline-flex;align-items: center;justify-content: center;z-index: 1;position: relative;overflow: hidden;color:#fff;}
.home-traffic .home-more:after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(0);background: rgba(0, 0, 0, .1);width: 300px;height: 300px;transition: all .15s linear;z-index: -1;border-radius: 50%;}
.home-traffic .home-more:hover::after {transform: translate(-50%, -50%) scale(1);}
.home-traffic .trafficSwiper{margin:0 80px;}
.home-traffic .traffic-btn{position: absolute;display:flex;right:80px;bottom:80px;z-index:9;}
.home-traffic .traffic-btn>div{margin-left:10px;width:50px;height:50px;display:block;background:#EEE;display:flex;justify-content: center;align-items: center;color:var(--fontcolor);border-radius: 50%;cursor: pointer;transition: all .3s;}
.home-traffic .traffic-btn>div:hover{background: var(--color);color:#fff;}
@media (max-width:1440px){.home-traffic .traffic-btn{bottom:60px;}}
@media (max-width:1280px){.home-traffic .traffic-btn{bottom:30px;}}
@media (max-width:1024px){.home-traffic .trafficSwiper{margin:0 15px;}
.home-traffic .traffic-info .traffic-text{font-size:var(--fontsize14)}
.home-traffic .traffic-btn{bottom:0;}}
@media (max-width:768px){.home-traffic .traffic-img,.home-traffic .traffic-info{width:100%;}
.home-traffic .traffic-btn{display:none;}
.home-traffic .traffic-info{padding-left:0;}
.home-traffic .traffic-img .routeimg{width:95%;max-width:100%;}
.home-traffic .traffic-info .traffic-des{font-size:var(--fontsize15)}}
.home-professional {padding:80px 20px;background:url(/uploads/14172/index/bg.jpg) no-repeat center;background-size:cover;}
.home-professional .home-title {color:#fff;display:flex;justify-content:center;}
.home-professional .home-title span {display:block;max-width:600px;line-height:1.4;}
.home-professional .home-title-line::after {width:calc(50% - 20px);right:0;left:auto;}
.home-professional .home-title-line::before {width:calc(50% - 20px);right:auto;left:0;}
.home-professional .home-title-line {width:100%;display:flex;justify-content:center;background:none;margin-top:6px;}
.home-professional .home-title-line span {background:var(--color);display:block;width:20px;height:100%;}
.home-professional .home-des {padding:15px 80px 40px;max-width:100%;color:#fff;}
.professionalwrap {padding:0 80px;}
.home-professionallist {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px;}
.home-professionallist li {width:32%;background:#fff;text-align:center;border-radius:5px;padding:0 25px 30px;}
.home-professionallist li .home-professionalicon {width:80px;height:80px;border-radius:50%;background:var(--color);display:flex;align-items:center;justify-content:center;margin:-40px auto 20px;}
.home-professionallist li .home-professionalicon img {display:block;width:55%;}
.home-professionallist li .home-professionaltit {line-height:1.4;font-weight:bold;font-size:22px;margin-bottom:15px;}
.home-professionallist li .home-professionaltit span {display:block;}
.home-professionallist li p {color:#666;}
@media (max-width:1024px){.home-professional {padding:40px 20px 10px;}
.professionalwrap {padding:0;}
.home-professional .home-des{padding:15px 0 40px}
.home-professionallist{margin-top:0}
.home-professionallist li{width:100%;margin:40px 0}}
@media (max-width:500px){.home-professionallist li{padding:0 15px 20px}
.home-professionallist li .home-professionaltit{font-size:20px}
.home-professionallist li p{font-size:15px}}
@media (min-width:1025px){#nav ul li#liproducts:hover .submenu{display:flex !important}
#nav ul li#liproducts .submenu{flex-wrap:wrap;width:700px;left:-300px;flex-direction: initial;}
#nav ul li#liproducts .submenu>li{width:33.333%;}
.foot-main .foot-item.navigation{width:17%;}
.foot-main .foot-item:nth-child(2){width:40%}
.foot-main .foot-item:nth-child(2) .navlist{display:flex;flex-wrap:wrap;}
.foot-main .foot-item:nth-child(2) .navlist>li{width:33.33%;}
.foot-main .foot-item:nth-child(3){width:14%}
.foot-main .foot-item:nth-child(4){width:16%}}
.inquiry-form input, .inquiry-form textarea, .inquiry-form .wmkcfb-fileupload{border:1px solid #e9e9e9;margin-bottom:10px;}
.inquiry-form input.input-error, .inquiry-form textarea.input-error{border:1px solid red}
@media (min-width:1025px){.page-container{flex-direction: row-reverse;}
.sidebar-cate .menu-item>a{font-weight:var(--fontbold7);font-size:var(--fontsize18)}
.page-container .page-main{padding-right:0;padding-left:60px;}}
@media (min-width:1025px) and (max-width:1600px){.inner-banner .inner-content .l-wrap,.common-main>.l-wrap{padding-left:30px;padding-right:30px;}}
@media (min-width:1025px) and (max-width:1440px){.page-container .page-main{padding-left:30px;}}
.home-about .about-img .play{display:none;}
.home-service .service-wrap{max-width:100%}
.home-static{padding-top:40px;padding-bottom:40px}
.home-static .list li .inner{padding:10px 0;line-height:22px}
.foot-top{background:url(/Content/uploads/2024649791/202410081148370137d2b3407f44b3acf44fc1b84e13f1.JPG) no-repeat center;background-size:cover}
.pro-list li .pro-img a{padding-bottom: 100%;}
.pro-list li .pro-img img{position: absolute;top: 0;}
.home-news .newswrap .item .news-img a{position: relative;padding-bottom: 70%;display: block;}
.home-news .newswrap .item .news-img a img{position: absolute;top: 0;left: 0;}
footer .foot-wrap .foot-item:nth-of-type(3){display: none;}


.banner-animote em{font-style: initial;}
.banner-animote  a.home-more{display: inline-block;padding: 15px;color: #fff;background: var(--color);width: auto;font-weight: 500;border-radius: 5px;font-size: 20px;letter-spacing: 2px;}
.banner-animote .color{color: var(--color);}
.banner-animote{line-height: 1.25;}
.banner-animote {text-transform: capitalize;}
.banner-animote.banner1txt{top: 20%;}
.banner-animote.banner1txt .text{font-size: 24px;color: #fff;}
.banner-animote.banner1txt .title{font-size: 50px;color: #fff;margin: 10px 0;}
.banner-animote.banner2txt{width: 100%;top: 20%;left: 0;text-align: center;}
.banner-animote.banner2txt .title{color: #fff;font-size: 60px;}
.banner-animote.banner2txt .text{max-width: 680px;font-size: 24px;margin: auto;color: #d4d4d4;}
.banner-animote.banner2txt .btn{margin-top: 40px;}
.banner3txt{position: absolute;left: 51%;top: 42%;width: 42%;transform: translate(-50%, -50%);height: 35%;}
.banner3txt .banner-animote{position: static;text-align: center;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.banner3txt .banner-animote .title{font-size: 45px}
.banner3txt .banner-animote .text{font-size: 24px;font-weight: 500;color: #6e6e6e;}
.banner3txt .banner-animote .btn{transform: translateY(66%);}
.banner-animote.banner4txt{top: 20%;}
.banner-animote.banner4txt .title{font-size: 40px;letter-spacing:2px;width: 100%}
.banner-animote.banner4txt .text{margin: 40px 0;color: #6e6e6e;font-weight: 500;font-size: 24px;max-width:100%;width: 100%}
.banner-animote.banner5txt{top:20%}
.banner-animote.banner5txt .text{margin: 40px 0;color: #6e6e6e;font-weight: 500;font-size: 24px;max-width: 570px;}
@media (max-width:1440px){
.banner-animote a.home-more {font-size: 16px;}
.home-banner .swiper-slide .banner-animote .title {font-size: 32px;}
.home-banner .swiper-slide .banner-animote .text {font-size: 20px;}
}
@media (max-width:1024px){.banner-animote {display:none}}