@import url("core.css");
@import url("../font-awesome/css/font-awesome.min.css");
@import url("animate.css");
@import url("common.css");

.orange-button {  
	    display: inline-block;  
	    padding: 10px 20px;  
	    background-color: rgb(234 85 32); 
	    color: white;  
	    text-decoration: none;  
	    border-radius: 5px;  
		font-weight: 700;
	}
/***/
.w1410{max-width:1410px;margin:0 auto;}
body{background:#F8F8F8;overflow-x: hidden;}
/*footer**/
.slider-lt{width:50%;position:relative}
#swiper-slider-lt{height:100%;position:absolute;left:0;top:0;width:100%}
#swiper-slider-lt a{display:block;}
#swiper-slider-lt .desc{ padding: 60px 45px 50px 45px; position:absolute;left:0;top:0;width:100%;height:100%;color:#000}
#swiper-slider-lt .title{ font-size: 68px; font-weight: 900; line-height: 1.1em;margin-bottom:20px;
    transition: .3s all ease-in-out;opacity:0;transform:translateY(100px);
    -webkit-transition-delay: .09s;
    transition-delay: .09s;
}
#swiper-slider-lt .swiper-slide-active .title{opacity:1;transform:translateY(0px);}
#swiper-slider-lt .subtitle{font-size:18px;line-height:1.5;
    transition: .3s all ease-in-out;opacity:0;transform:translateY(100px);
    -webkit-transition-delay: .18s;
    transition-delay: .18s;
}
#swiper-slider-lt .swiper-slide-active .subtitle{opacity:1;transform:translateY(0px);}
#swiper-slider-lt .btn{color:#fff;background:#3e3a39;font-size:18px;padding:18px 30px;;line-height:1.5;border-radius:8px;position:absolute;left:45px;bottom:50px;
transition: .3s all ease-in-out;opacity:0;transform:translateY(300px);}
#swiper-slider-lt .swiper-slide-active .btn{opacity:1;transform:translateY(0px);}
#swiper-slider-lt .btn:hover{background:#ea5520}
.slider-lt img{position: absolute; width: 100%;  height: 100%;left: 0; top: 0;-o-object-fit:cover;object-fit:cover; -o-object-position:50% 50%; object-position:50% 50%;}
/***/
.slider-ct{width:25%;;padding-left:20px}
.slider-ct-inner{height:100%;background-position: center center;background-repeat: no-repeat;background-size: cover;padding:70px 35px 35px 35px;color:#fff;position:relative;}
.slider-ct-inner:before{content:"";background:rgba(0,0,0,.4);display:block;width:100%;height:100%;position:absolute;left:0;top:0}
.slider-ct-inner h3{color: #F8F8F8; font-size: 38px; font-weight: 700;line-height: 1.2em;margin-bottom: 20px}
.slider-ct-inner h6{font-size:14px;font-weight:400}
.slider-ct-desc{position:relative;z-index:15}
.slider-ct-inner a{text-transform: uppercase;font-size:15px;font-weight:500;color:#fff;position:absolute;right:0px;bottom:0px;padding:35px}
.slider-ct-inner a:after{width:30px;height:1px;background:#fff;content:"";display:inline-block;transition:transform .25s ease-out;transform:scaleX(1);vertical-align: middle;margin-left:6px;}
.slider-ct-inner a:hover:after{transform:scaleX(0.7);}
/**/
.slider-rt{width:25%;;padding-left:20px}
.slider-rt .swiper-container{background:url(../images/testimonial-forbes__bg.webp) no-repeat;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.slider-rt .swiper-slide{height:350px;}
.slider-rt .swiper-slide img{max-width: 300px;height:auto}
.rt-inner{padding:30px;font-size:17px;line-height:1.3;color:#fff;}
.rt-inner .thumb{text-align:center;margin-bottom:20px;}
.slider-form{margin-top:20px;background:#3E3A39;padding:30px;color:#fff}
.slider-form .tel{background:url(../images/icon_tel.png) no-repeat left center;background-size:25px 25px; padding-left:40px;font-size:11px;line-height:25px;margin-bottom:8px;}
.slider-form  h3{color: #F8F8F8;font-size: 32px; font-weight: 700; line-height: 2.5rem;margin-bottom:15px;}
.slider-form li{border-bottom:1px solid #fff}
.slider-form input.text{width:100%;font-weight: bold;display:block;padding:.5rem .5rem 0;color:#f8f8f8;border:0;background:none;font-size:14px;font-weight:400;height:43px;}
.slider-form textarea{border:1px solid #fff;font-weight: bold;width:100%;display:block;padding:.5rem .5rem 0;color:#f8f8f8;background:none;font-size:14px;font-weight:400;height:124px;border-radius:8px;resize:none}
.slider-form input::placeholder{font-weight: bold;}
.slider-form textarea::placeholder{font-weight: bold;}
.slider-form li.textarea{padding-top:20px;border:0;}
.slider-form li.checkbox{border:0;margin-top:8px;}
.slider-form li.button{border:0;margin-top:35px;float:left;width:100%;padding-bottom:20px}
.slider-form li.button button{padding:21px 50px;font-size: 16px;display:block;float:right;background:#ea5520;border-radius:8px;border:0;color:#fff;cursor:pointer; font-weight: bold;}
.slider-form li.button button:hover{background:#fff;color:#ea5520}
.slider-form li.checkbox span{font-size:11px;line-height:1.2;vertical-align:middle;margin-left:8px}
.slider-form li.checkbox input{vertical-align:middle;}
.slider-form li.checkbox span em{vertical-align:middle;font-style:normal}
.slider-form li.checkbox span a{color:#fff;vertical-align:middle;}
#swiper-slider-lt .swiper-pagination-click{position:absolute;left:0px;bottom:50px;z-index:10;padding-right:50px;text-align:right;}
.swiper-pagination-click span{width:30px;height:2px;background:#94928c;margin:0 5px;opacity:1}
.swiper-pagination-click span.swiper-pagination-bullet-active{background:#000;opacity:1}
#swiper-slider-rt .swiper-pagination-click{position:absolute;left:0px;bottom:30px;z-index:10;text-align:center;}
#swiper-slider-rt .swiper-pagination-click span{background:rgba(255,255,255,0.5)}
#swiper-slider-rt .swiper-pagination-click span.swiper-pagination-bullet-active{background:#fff}
/*index**/
.heading-title{margin-bottom:30px;position:relative}
.heading-title h3{color: #000000; font-size:50px; font-weight:900;line-height: 3.2rem;}
.heading-title a{font-size:20px;position:absolute;right:0;top:16px;text-transform:uppercase;font-weight:700;}
.heading-title a:after{width:30px;height:1px;background:#000;content:"";display:inline-block;transition:transform .25s ease-out;transform:scaleX(1);vertical-align: middle;margin-left:6px;}
.heading-title a:hover:after{transform:scaleX(0.7);}
#big-background-box{padding-top:70px;transition: all 0.2s ease-out;}
#big-background-box.black{background:#3e3a39}
.products-box{margin-bottom:70px;}
.products-box .swiper-slide{background:#fff}
.products-box .thumb img{display:block;height:auto;width:100%;}
.products-box .desc{padding:30px;background:#fff;
   -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    margin-top:-50px;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
	position:relative;
	z-index:3;
}
.products-box .swiper-slide:hover .desc{
     -webkit-transform:translateY(0);
     transform: translateY(0);
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
 }
.products-box .desc h4{font-size:12px;color:#3E3A39;margin-bottom:22px;font-weight:normal;text-transform:uppercase}
.products-box .desc h2{font-size:18px;color:#000;font-weight:900;margin-bottom:10px}
.products-box .desc p{font-size:12px;color:#3E3A39;}
.products-box .desc .btn{opacity:0;-webkit-transition: opacity .3s ease-out 0s;transition: opacity .3s ease-out 0s;padding-top:15px;padding-bottom:10px}
.products-box .desc .btn button,.products-box .desc .btn a{padding:3px 14px;font-size:11px;border:1px solid #000;border-radius:120px;background:#000;color:#fff;font-weight:900;line-height:18px;display:inline-block;text-transform:uppercase;cursor:pointer}
.products-box .desc .btn a{background:#fff;color:#000;float:right}
.products-box .swiper-slide:hover .btn{opacity:1;}
.products-box .desc .btn button:hover{background:#ea5520}
.products-box .desc .btn a:hover,.products-box .desc .btn button:hover{border-color:#ea5520;background:#ea5520;color:#fff}
.product-slider-inner{position:relative}
.product-slider-inner .thumb a{ position:relative; } 
.product-inner-list .thumb a{position:relative; } 
#product-list .thumb a{position:relative;}
.hiddenimg{ visibility:hidden; position:absolute; z-index:1; top:0; left:0; height: auto; width: 100%; opacity:0; -webkit-transition:all 0.3s ease-out; transition:all 0.3s ease-out; } 
.product-slider-inner .thumb a:hover .hiddenimg{ visibility:visible; opacity:1; }
.product-inner-list .thumb a:hover .hiddenimg{  visibility:visible; opacity:1;  } 
#product-list .thumb a:hover .hiddenimg{  visibility:visible; opacity:1;  } 
.product-slider-inner .swiper-product-arrow{width:90px;height:52px;position:absolute;top:30%;text-align:center;padding-top:9.5px;z-index:10;cursor:pointer}
.product-slider-inner .swiper-product-arrow:after{width:48px;height:33px;background:url(../images/icon_jt.png) no-repeat left bottom;display:inline-block;content:""}
.product-slider-inner .swiper-product-prev{left:-60px;}
.product-slider-inner .swiper-product-prev:after{}
.product-slider-inner .swiper-product-next{right:-60px;}
.product-slider-inner .swiper-product-next:after{background-position:right bottom}
.product-slider-inner .swiper-product-arrow:hover:after{background-position:left top}
.product-slider-inner .swiper-product-next:hover:after{background-position:right top}
/**/
#swiper-slider-solutions .thumb{height:680px;position:relative;overflow:hidden;
    -webkit-transition: -webkit-clip-path ease-out;
    transition: -webkit-clip-path ease-out;
    transition: clip-path ease-out;
    transition: clip-path ease-out;, -webkit-clip-path ease-out;;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-clip-path: inset(0px 0px 0px 0px round 0);
    clip-path: inset(0px 0px 0px 0px round 0);
}
#swiper-slider-solutions a{color:#fff;line-height: 1.4;text-transform:uppercase;overflow:hidden;}
#swiper-slider-solutions .thumb img{
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position:50% 50%;
    object-position: 50% 50%;
    height: 100%;
    width: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform ease-out;
    transition: -webkit-transform ease-out;
    transition: transform ease-out;
    transition: transform ease-out, -webkit-transform ease-out;
    -webkit-transition-duration: 600ms;
    transition-duration: 600ms;
    -webkit-transform: scale(1);
    transform: scale(1);}
#swiper-slider-solutions .thumb:after{
    content:"";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    opacity: .3;
    background: linear-gradient(10deg, var(--overlay-color, #000) 10%, rgba(0, 0, 0, 0) 100%);
    -webkit-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
    background: #000;
    display: block;
    }
#swiper-slider-solutions .title{
    -webkit-transition:300ms ease-out;
    transition: 300ms ease-out;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: rotate(-180deg) translateY(0px);
    transform: rotate(-180deg) translateY(0px);
    height: 60%;
    right: auto;
    will-change: transform;
    left: 33px;
    bottom: 45px;
    position: absolute;
    z-index: 10;
    font-size:28px;font-weight:700;
}
#swiper-slider-solutions .title_hover{
    top: 45px;bottom: auto;
    -webkit-transform: rotate(-180deg) translateY(300px);
    transform: rotate(-180deg) translateY(300px);
    opacity: 0;
}
#swiper-slider-solutions a:hover .title{
    -webkit-transform: rotate(-180deg) translateY(-60px);
    transform: rotate(-180deg) translateY(-60px);
    opacity: 0;
}
#swiper-slider-solutions a:hover .title_hover { opacity: 1; -webkit-transform: rotate(-180deg) translateY(60px); transform: rotate(-180deg) translateY(60px); height: auto; top: 15%; }   
#swiper-slider-solutions p{
    position:absolute;left:42px;bottom:45px;z-index: 10;text-transform: uppercase;font-size:12px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: -webkit-transform ease-out;
    transition: -webkit-transform ease-out;
    transition: transform ease-out;
    transition: transform ease-out, -webkit-transform ease-out;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
}
#swiper-slider-solutions a:hover p{
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
}
#swiper-slider-solutions p:after{width:30px;height:1px;background:#fff;content:"";display:inline-block;transition:transform .25s ease-out;transform:scaleX(1);vertical-align: middle;margin-left:6px;}
#swiper-slider-solutions p:hover:after{transform:scaleX(0.7);}
#swiper-slider-solutions a:hover img{
    -webkit-transform:scale(1.03);
    transform: scale(1.03);}
#swiper-slider-solutions a:hover .thumb:after{opacity:0}    
#swiper-slider-solutions a:hover .thumb{border-radius:10px;
-webkit-clip-path: inset(4px 4px 4px 4px round 8px);
clip-path: inset(4px 4px 4px 4px round 8px);}
.solutions-scroll { height: 44px; position: relative; margin-top: 20px;padding-top: 20px; padding-right: 22%; }
.solutions-scroll p{position:relative}
.solutions-scroll span { position: absolute; left: 0; top: 0px; background: #000; height: 1px; display: block; }
.solutions-scroll p:before { content:""; display:block; width: 100%; background: #dfdfdf; height: 1px; }
.solutions-scroll font {position: absolute;right: 0;width: 22%;text-align: center;line-height: 24px;top: 9px;}
.solutions-scroll font i { font-size: 14px; color: #7f7f7f; font-style: normal; }
.solutions-scroll font b{width:16px;height: 2px;background: #bdb9b9;display: inline-block;vertical-align: middle;margin: 0 10px;}
.solutions-scroll font em { font-size: 14px; color: #7f7f7f; font-style: normal; }
.solutions-scroll font:before { content:""; display:inline-block }
.solutions-scroll .swiper-solutions-prev{width: 24px;height: 24px;cursor: pointer;position: absolute;right: 18%;top: 9px;padding-top: 6px;}
.solutions-scroll .swiper-solutions-prev:before{height:12px;content:"";background:url(../images/icon_jt02.png) no-repeat;background-size: auto 23px;background-position: left top;display: block;}
.solutions-scroll .swiper-solutions-next{width: 24px;height: 24px;cursor: pointer;position: absolute;right: 0%;top: 9px;padding-top: 6px;}
.solutions-scroll .swiper-solutions-next:before{height:12px;content:"";background:url(../images/icon_jt02.png) no-repeat;background-size: auto 23px;background-position: left bottom;display: block;}
.swiper-pagination-radius { display:none }
/**/
.about-box{padding-top:90px}
.about_lt { float: left; width: 75%; }
.about_lt h3{width:72%}
.about_lt p { font-size: 23px; font-weight: 500; line-height: 2rem; margin-top: 20px; }
.about_rt { float: right; width: 250px; height: 250px; }
.about_circle { height: 100%; text-align: center; position: relative; border: 2px solid #ea5520; border-radius: 200px;}
.about_circle:after{content:"";background: url(../images/icon_yuan.png) no-repeat center top;width:100%;height:100%;position:absolute;left:0;top:0;display:block;z-index:10;border-radius: 200px;
    background-size: cover;
}
.about_circle img { width: 70px; height: auto; display: block; position: absolute; left: 50%; top: 50%; margin-top: -35px; margin-left: -35px;z-index:15}
@-webkit-keyframes stampTextRotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes stampTextRotate {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.about_circle:after{
  -webkit-animation: stampTextRotate 50s infinite linear;
  animation: stampTextRotate 50s infinite linear;
}
/**/
.service-pics{position:relative}
.service-pics p{min-height:660px;float:left;background-position:center center;background-size:cover;background-repeat:no-repeat;display:block}
.service-pics p:nth-child(1){width:40%}
.service-pics p:nth-child(2){width:31%;margin:0 2%}
.service-pics p:nth-child(3){width:25%}
/**/
.marquee-inner{position: absolute;left: 0;bottom: -12px;width:100%;overflow:hidden;max-height:130px}
.marquee-inner{font-size:130px;font-weight:900;width:100%;display:flex;flex-wrap:wrap;}
.marquee-box{}
.marquee-slider{display:flex;flex-wrap:wrap;}
.marquee-slider li{width:auto!important}
#big-background-box.black .marquee-inner{color:rgba(255,255,255,0.75)}
#big-background-box.black .about_circle:after{background-position:center bottom;}
#big-background-box.black .about_lt *{color:#fff}
#big-background-box.black .solutions-scroll p:before{background:rgba(255,255,255,0.2)}
#big-background-box.black .solutions-scroll span{background:rgba(255,255,255,0.5)}
/***/
.number-counter { color: #fff; font-size: 24px; padding-top:20px;}
.number-counter p { width: 33.3333333%; float: left; text-align: center; }
.number-counter p span { display: block; font-size: 32px; text-transform: uppercase; }
.number-counter p b { font-size: 128px; font-weight: 900; }
/**/
#auto-scroll {overflow: hidden;}
#auto-scroll .splide__track {padding-left: 0px;padding-right: 0px;}
#auto-scroll .splide__slide { text-align:center; justify-content:center;display:flex}
#auto-scroll .splide__slide > img {max-width:100%;height:auto;width:auto}
#auto-scroll .splide__list {backface-visibility: hidden;display: flex;}
#auto-scroll button{display:none}
#auto-scroll .splide__paginatio{display:none}
/**/
.video-box{margin-top:100px;color:#fff;}
/**/
.video-inner{position: relative; display: flex;overflow: hidden;flex-direction: column;}
#scrolly-video{position:sticky;top:-1px;height:120vh!important;width:100%;display: block;overflow: hidden;}
#stickyVideo{height:100%;overflow:hidden}
#stickyVideo video,.videoposition{position: absolute;top:0%;left:0%;min-height:101%;min-width:101%;height:auto;object-fit: cover;}
.videoText{ display: flex; position: relative;}
.videoUL{height:100%;width:100%;}
.videoText ul{max-width:65%;color: #fff; text-align: center; margin: 0 auto;}
.videoText ul li{width:100%;text-align:center;justify-content:center;align-items:center;font-size:118px;line-height: 8rem;font-weight:900;margin-bottom:100vh}
.videotext{display: flex;justify-content: center; align-items: flex-start; z-index: 1; position: relative;font-size:118px;line-height: 8rem;font-weight: 900;}
.videotext p{max-width:65%}
.videoText ul li:first-child{}
/***/
#big-background-box.black .video-box .heading-title h3{color:#fff}
/**/
.partnership-box{margin-top:90px}
.partnership-list{}
.partnership-slider{float:left;width:25%;}
.partnership-slider .swiper-slide{height:570px;background:#000;color:#fff; padding:60px}
.partnership-slider .swiper-slide .tlogo{margin-bottom:70px;text-align:center}
.partnership-slider .swiper-slide .tlogo img{width:auto;height:auto;max-width:233px}
.partnership-slider .swiper-slide .text{    color: #F8F8F8;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.5em;
    -webkit-transition: .6s ease-out;
    transition: .6s ease-out;
    -webkit-transition-property: opacity, -webkit-filter, -webkit-transform;
    transition-property: opacity, -webkit-filter, -webkit-transform;
    transition-property: opacity, filter, transform;
    transition-property: opacity, filter, transform, -webkit-filter, -webkit-transform;
    opacity: 0;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    text-align: center;
}
.partnership-slider .swiper-slide.swiper-slide-active .text{opacity:1;-webkit-filter: blur(0px);
    filter: blur(0px);
     -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
#swiper-slider-partnership .swiper-pagination-click{position:absolute;left:0px;bottom:30px;z-index:10;text-align:center;}
#swiper-slider-partnership .swiper-pagination-click span{background:rgba(255,255,255,0.5)}
#swiper-slider-partnership .swiper-pagination-click span.swiper-pagination-bullet-active{background:#fff}
.partnership-map { float:right; width: 72.6241134751773%; }
.ship-p {margin-bottom:25px}
.ship-p p { float: left; width: 22%; padding-left: 50px; min-height: 40px; position: relative; font-size: 16px; font-weight: 700; line-height: 1.2rem; margin-left: 4%; }
.ship-p p:before { content:""; width: 40px; background: url(../images/icon_ship.png) no-repeat; height: 40px; background-repeat: no-repeat; background-size: auto 100%; display: block; position: absolute; left: 0; top: 0; }
.ship-p p:first-child { margin-left: 0; }
.ship-p p:nth-child(2):before{background-position: -40px center;}
.ship-p p:nth-child(3):before{background-position: -80px center;}
.ship-p p:nth-child(4):before{background-position: -120px center;}
.ship-p p:nth-child(5):before{}
/**map position*/
@keyframes e-hotspot-soft-beat {
   0% {transform: scale(1)}
  to { transform: scale(1.1)}
}
@-webkit-keyframes e-hotspot-soft-beat {
   0% {transform: scale(1)}
  to { transform: scale(1.1)}
}
 .swiper-container-free-mode > .swiper-wrapper{
				 transition-timing-function:linear;
			 }
.map-thumb{position: relative;}
.map-thumb img{display:block;width:100%;height:auto}
.map-icon{ margin-top: -2%; margin-left: -2%;position: absolute;transform: translate(calc(-1* var(--hotspot-translate-x)), calc(-1* var(--hotspot-translate-y)));animation: fadeIn .3s;animation-iteration-count: 1;animation-fill-mode: both;border-radius:50px;box-shadow: 0px 0px 100px -55px #EA5520 inset;
    padding: 10px;animation:e-hotspot-soft-beat .7s infinite alternate;
    animation-timing-function: ease;}
.map-icon:before{border-radius:50px;content:"";display:block;width:15px;height:15px;background:#EA5520}
.map-icon01{left: 5%;--hotspot-translate-x: 5%;top: 38%;--hotspot-translate-y: 38%;}
.map-icon02{left: 9%;--hotspot-translate-x: 9%;top: 44%;--hotspot-translate-y: 44%;}
.map-icon03{left: 17%;--hotspot-translate-x: 17%;top: 31%;--hotspot-translate-y: 31%;}
.map-icon04{left: 42%;--hotspot-translate-x: 42%;top: 18%;--hotspot-translate-y: 18%;}
.map-icon05{left: 48%;--hotspot-translate-x: 48%; top: 17%;--hotspot-translate-y: 17%;}
.map-icon06{left: 53%; --hotspot-translate-x: 53%;top: 35%; --hotspot-translate-y: 35%;}
.map-icon07{left: 56%; --hotspot-translate-x: 56%; top: 31%; --hotspot-translate-y: 31%;}
.map-icon08{left: 59%; --hotspot-translate-x: 59%; top: 34%; --hotspot-translate-y: 34%;}
.map-icon09{left: 69%;--hotspot-translate-x: 69%; top: 23%;--hotspot-translate-y: 23%;}
.map-icon10{left: 80%; --hotspot-translate-x: 80%; top: 41%; --hotspot-translate-y: 41%;}
.map-icon11{left: 79%;--hotspot-translate-x: 79%;top: 50%; --hotspot-translate-y: 50%;}
.map-icon12{left: 84%;--hotspot-translate-x: 84%;top: 50%; --hotspot-translate-y: 50%;}
.map-icon13{left: 86%; --hotspot-translate-x: 86%; top: 87%; --hotspot-translate-y: 87%;}  
/***/
.partner-box{padding:100px 0}
#swiper-slider-partner{}
#swiper-slider-partner .swiper-slide{text-align:center}
#swiper-slider-partner img{height:70px;width:auto;display:inline-block}
/**/
.blog_box{float:left;width:calc(100% + 20px);padding-bottom:80px}
.blog_box li{float:left;width:calc(25% - 20px);margin-right:20px}
.blog_box li:last-child{margin-right:0}
.blog_inner{position:relative;}
.blog_box li .thumb{height:456px; position:relative; margin-bottom:35px;}
.blog_box li .thumb img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;-o-object-fit: cover;object-fit: cover;}
.blog_box li:first-child{width:calc(50% - 20px);margin-right:20px;}
.blog_box li:first-child .thumb{height:590px;margin-bottom:0}
.blog_box li h3 a{font-size: 21px; font-weight: 900; line-height: 1.4em;}
.blog_box li a:hover{color:#000}
.blog_box li h3{margin-bottom:20px;}
.blog_box li p a{text-transform:uppercase;font-size:18px;}
.blog_box li:first-child .desc{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 50px;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    pointer-events: none;
    justify-content: flex-end;
    background:rgba(0,0,0,0.3);
}
.blog_box li:first-child .desc a{color:#fff}
.blog_box li:first-child .desc h3 a{font-size:32px;}
.blog_box li:first-child a:hover{color:#fff}
@media(max-width:1495px){
    .w1410{width:calc(100% - 40px);}
    .product-slider-inner .swiper-product-arrow{display:none}
    #swiper-slider-partner .swiper-slide{ text-align: center; display: flex;justify-content: center; align-items: center;}
     #swiper-slider-partner .swiper-slide img{height:auto;width:80%}
	.products-box .desc .btn{display: flex;justify-content: center; align-items: center;text-align: center;line-height:1.2;}
	.products-box .desc .btn a{margin-left:10px;}
} 
@media(max-width:1100px){
    .slider-lt{height:400px;width:100%}
    .slider-ct{height:400px;padding:0;width:100%;margin: 20px 0;}
    .slider-rt{width:100%;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;padding-left: 0;}
    #swiper-slider-rt{width: calc(50% - 10px);}
    .slider-form{margin-top:0;width: calc(50% - 10px);margin-left: 20px;}
    .slider-rt .swiper-slide{height:100%}
    #swiper-slider-lt .title{font-size:56px}
    #swiper-slider-lt .swiper-pagination-click{width:100%;text-align:center;padding:0;bottom:25px}
    /**/
    #swiper-slider-solutions .thumb{height:650px;}
    .solutions-scroll{padding-right: 30%;}
    /**/
    .heading-title h3{font-size:40px;;line-height: 2.7rem;}
    .about-box{padding-top:60px}
    /**/
    .about_lt{width:calc(100% - 220px)}
    .about_rt{width:200px;height:200px}
    .number-counter p span{font-size:25px}
    .number-counter p b{font-size:90px}
    .marquee-inner{font-size:100px;height:100px}
    /**/
    .blog_box li{width:calc(50% - 10px);margin-right:20px;}
    .blog_box li:first-child{width:100%;margin:0;margin-bottom:20px;}
    .blog_box{width:100%}
    .blog_box li:last-child{margin-right:0}
    
} 
@media(max-width:1000px){
    .partnership-slider{width:100%}
    .partnership-map{width:100%;margin-top:30px}
    .partnership-slider .swiper-slide{height:auto;}
    .partner-box{padding:80px 0}
	.videoText ul li{font-size:100px;line-height:1}
    .videoText ul{width:90%}
}    
@media(max-width:800px){
   #swiper-slider-lt .title{font-size:32px}
   #swiper-slider-lt .desc{padding:35px}
   .slider-ct-inner h3{font-size:32px}
   #swiper-slider-lt .btn{padding: 15px 20px;font-size: 16px;}
   #swiper-slider-lt .subtitle{font-size:16px;line-height:1.2}
   #swiper-slider-rt{width:100%;height: 350px;}
   .slider-form{margin-top:20px;width:100%;margin-left:0px;}
   .slider-lt{height:350px;}
   .slider-ct{height:350px;}
   #swiper-slider-lt .btn{left:35px;}
   /**/
   .heading-title h3{font-size:42px}
   /**/
   #swiper-slider-solutions .thumb{height:620px;}
   .solutions-scroll .swiper-solutions-prev{right:22%}
   .solutions-scroll .swiper-solutions-next{right:0px}
   .solutions-scroll font{}
   /**/
    .heading-title h3{font-size:40px;line-height: 2.4rem;}
    .about_lt .heading-title h3{font-size:32px}
    .about_lt{width:100%}
    .about_rt{width:100%;height:auto;position:relative}
    .about_circle{width:150px;height:150px;position:absolute;right:0;top:-40px;border:0}
    .about_circle img{width:40px;margin-left:-20px;margin-top:-20px}
    #big-background-box.black .about_circle:after{ border: 2px solid #ea5520;}
    /**/
    .service-pics p{min-height:500px}
    .service-pics p:nth-child(1){width:100%;margin-bottom:20px}
    .service-pics p:nth-child(2){width:calc(50% - 10px);margin-right:20px;margin-left:0}
    .service-pics p:nth-child(3){width:calc(50% - 10px)}
    .marquee-inner{}
    .number-counter p span{font-size:22px}
    .number-counter p b{font-size:70px}
    .number-counter p{width:100%}
    .number-counter p:nth-child(2){margin:30px 0}
    .marquee-inner{font-size:60px;bottom:1050px;height:60px;z-index:50}
    .video-box{margin-top:80px}
    .partnership-box{margin-top:60px}
    .partner-box{padding:60px 0}
    /**/
     .blog_box li{width:100%;margin-right:0px;}
    .blog_box li:first-child{width:100%;margin:0;margin-bottom:20px;}
    .blog_box{width:100%}
    .blog_box li:last-child{margin-right:0;margin-top:20px;}
    .blog_box li:first-child .thumb{height:450px}
    .blog_box li .thumb{height:350px}
    .blog_box li:first-child .desc{padding:35px}
	.videoText ul li{font-size:10vw}
}
@media(max-width:768px){
    .service-pics p{min-height:380px}
    .service-pics p:nth-child(1){width:100%;margin-bottom:20px}
    .service-pics p:nth-child(2){width:100%;margin-right:0px;margin-left:0;;margin-bottom:20px}
    .service-pics p:nth-child(3){width:100%}
	    /**/
    #scrolly-video{height:50vh!important;}
    #scrolly-video video{height:120vh!important;}
    #scrolly-video.sticky{top:25vh!important;}
    .video-inner{background:#fff}
}    
@media(max-width:640px){
    .heading-title a{position:static}
    .products-box .heading-title h3{margin-bottom:10px}
    .blog-box .heading-title h3{margin-bottom:10px}
    /**/
    #swiper-slider-solutions .thumb{height:430px;}
    #swiper-slider-solutions .title{left:35px}
	#swiper-slider-solutions a:hover .title_hover{top:23%}
    .solutions-scroll{padding-right: 160px;}
    .solutions-scroll .swiper-solutions-prev{right: 125px;}
    .solutions-scroll .swiper-solutions-next{right:0px}
    .solutions-scroll font{width: 144px;}
    /**/
    .ship-p p{width:50%;margin:0;padding:0;text-align: center;}
    .ship-p p:before{position:static;margin:0 auto;margin-bottom:5px}
    .ship-p p:nth-child(-n+2){margin-bottom:20px}
    .map-icon{padding:5px}
    .map-icon:before{width:10px;height:10px}
    .blog_box li:first-child .desc h3 a{font-size:25px;line-height:1.4em}
	.products-box .desc .btn{justify-content: left;}
	.products-box .desc .btn a{display:none}
    #scrolly-video video{height:50vh!important;}
    #scrolly-video.sticky {
        top: 35vh !important;
    }
    #scrolly-video {
        height: 30vh !important;
    }
}    
@media(max-width:450px){
   .slider-lt{height:450px}
   #swiper-slider-rt{height: 330px;}
   .slider-ct{height:330px;}
   #swiper-slider-lt .btn{ left: 35px;width: calc(100% - 70px);text-align: center;}
   .map-icon{padding:5px}
   .map-icon:before{width:5px;height:5px}
}   

    section#productfaqs {
    margin-top: 0!important;
}