body{font-size: 18px; overflow-x: hidden;} 
.inner{ width:80%; max-width: 1500px;   margin: 0 auto;  }
.pl-inner{ padding-left: calc((100vw - 1500px)/2);}
.pr-inner{ padding-right: calc((100vw - 1500px)/2);}
.ml-inner{ margin-left: calc((100vw - 1500px)/2);}
.mr-inner{ margin-right: calc((100vw - 1500px)/2);}

.smallInner{ width:80%; max-width: 1200px;   margin: 0 auto; }


header{ background:#fff; transition: all .36s; transform: translate(0); border-bottom: 1px solid #efefef ; position: sticky; left: 0; top: 0; z-index: 100; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
header.sticky{ transform: translateY(-105px); -webkit-transform: translateY(-105px); -moz-transform: translateY(-105px); -ms-transform: translateY(-105px); -o-transform: translateY(-105px); }
.logoImg  { height: 60px;}

.height3{ height: 3em;}

.zwHeader{ height: 80px;}
.zw{margin-top: -80px; padding-top: 80px;}

.w32{ width: 32%;}
.w38{ width: 38%;}
.oneNav{ line-height:80px; white-space: nowrap; display: block; padding: 0 1.5vw;  font-weight: bold;}
.oneNav span { position: relative;}
.oneNav span::after{ width: 100%; height: 2px; display: block; content: ''; background:#fff; transition: all .36s; transform:scale(0,1) ; position: absolute; left: 0; bottom: -10px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform:scale(0,1) ; -moz-transform:scale(0,1) ; -ms-transform:scale(0,1) ; -o-transform:scale(0,1) ; }
nav li{ position: relative;}
nav li:last-child .oneNav{ padding-right: 0;}
nav li.on .oneNav span,nav li:hover .oneNav span{color: var(--color);}
nav li.on .oneNav span::after,nav li:hover .oneNav span::after{ transform: scale(1,1); -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -ms-transform: scale(1,1); -o-transform: scale(1,1); }
nav:hover > li:not(:hover) .oneNav{ color: #333; }
nav:hover > li:not(:hover) .oneNav  span::after{ transform:scale(0,1) ;  }
nav  li dl{position:absolute;text-align: center;min-width:150px; width: auto;top:100%;left: 50%; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15); border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
nav  li dl dd{white-space: nowrap;height:50px;line-height:50px;border-bottom:1px solid #eee;transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease}
nav  li dl dd:last-child{border-bottom:0}
nav  li dl dd a{ padding: 0 20px;  font-size:14px; color:#333!important; font-weight: normal!important; transition:all .36s ease;-ms-transition:all .36s ease;-o-transition:all .36s ease;-webkit-transition:all .36s ease;-moz-transition:all .36s ease;display:block }
nav  li dl dd:hover{background:var(--color)}
nav  li dl dd:hover a{color:#fff!important;}
/* nav  li dl:before{content:"";position:absolute;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #f6f1e1;top:-9px;left:50%;margin-left:-9px} */
nav  li dl{pointer-events: none;  visibility:hidden; opacity:0; filter:alpha(opacity=0); transform:translateX(-50%) translateY(20px); -ms-transform:translateX(-50%) translateY(20px); -o-transform:translateX(-50%) translateY(20px); -webkit-transform:translateX(-50%) translateY(20px); -moz-transform:translateX(-50%) translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
nav  li:hover dl{ pointer-events: auto;visibility:visible; opacity:1; filter:alpha(opacity=100); transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); }
 
nav li dl dd a.on{ color: var(--color) !important;}
.lanBtn{ height: 80px;}
.lanBtn dl{ line-height: 40px; position:absolute;text-align: center;  width:100%;  top:100%;left:0; background:#fff;   -webkit-box-shadow:0 13px 42px 11px rgba(0,0,0,.15);box-shadow:0 13px 42px 11px rgba(0,0,0,.15); }
.lanBtn dl a{ display: block; border-bottom: 1px solid #e5e5e5;}
.lanBtn dl a:hover{ background: var(--color); color: #fff;}
.lanBtn dl{ pointer-events: none; visibility:hidden; opacity:0; filter:alpha(opacity=0); transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; }
.lanBtn:hover dl{ pointer-events: auto; visibility:visible; opacity:1; filter:alpha(opacity=100); transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); }


.searchBox{ background:  var(--color); z-index: 20; position: absolute; transform: translateY(-115%); transition:all .6s ; -webkit-transition:all .6s ; -moz-transition:all .6s ; -ms-transition:all .6s ; -o-transition:all .6s ; -webkit-transform: translateY(-115%); -moz-transform: translateY(-115%); -ms-transform: translateY(-115%); -o-transform: translateY(-115%); }
.searchBox .form{ width: calc(100% - 80px);}
.searchBox .keys{ width: 80%; background: url(../images/search-w.png) no-repeat left center; }
.searchBox .submit{ width: 90px; height: 40px; border: 1px solid #fff;}
.searchBox input::-webkit-input-placeholder  {color:rgba(255, 255, 255, .65);}
.searchBox input:-moz-placeholder {color:rgba(255, 255, 255, .65);;}
.searchBox input::-moz-placeholder {color:rgba(255, 255, 255, .65);;}
.searchBox input:-ms-input-placeholder  {color: rgba(255, 255, 255, .65);;}
.searchBox.show{ transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); }

h1,h2,h3,h4{font-family: "Urbanist", sans-serif;}
.idxBan{ border-bottom: 2px solid var(--blue);}

.idxTelatedUl{    justify-content: center;}
.idxBanUl li{ max-width: 33%;}
.imgHeight{ height: 1em;}

.idxAbout .img{ width: 100%; height: 0; padding-bottom: 66%;}
.buttonMore:hover{  opacity: .8;}
.params-container {display: table;}
.param-item {display: table-row;}
.param-cell {display: table-cell;}

footer{ background: #1e1e1e; color: #fff;}
.w23{ width: 23%;}
.footLogo{ height: 65px;}
.outlink a:last-child{ margin-right: 0;}
footer .top .item{ max-width: 25%;}
.footLink a + a { margin-left: 1vw;}


.neiBanImg{ width: 100%; max-height: calc(100vh - 80px); min-height: 260px; object-fit: cover;}
.neiBan .text{ position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%) ; z-index: 10; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; }
.neiBan::before{ display: block; content: ''; width: 100%; height: 100%; position: absolute; z-index: 5; left: 0; top:0; background: rgba(0,0,0,.2);}


.brief .img{ width: 100%; height: 0; padding-bottom: 66%;}



.teamSwiper .swiper-slide .title{ transform:scale(.9) ; margin-top: -8px; box-shadow: 0px 0px   18px rgb(0 0 0 / 17%); -webkit-transform:scale(.9) ; -moz-transform:scale(.9) ; -ms-transform:scale(.9) ; -o-transform:scale(.9) ; }
.team .pagination .swiper-pagination-bullet{ margin: 2vw 3px 0 3px;}

.teamlist li .title{ box-shadow: 0px 0px   18px rgb(0 0 0 / 17%); }
 
 

.teamlist{ display: grid; grid-gap: 30px; grid-template-columns: repeat(6,1fr);}
.teamlist li {min-width:0}

 

.whatOneUl2{ display: grid; grid-gap: 1vw 2vw; grid-template-columns: repeat(4,1fr);}
.whatOneUl2 li {min-width:0}

.w24{ width: 24%;}
.whyTwo table { background: #feead8;}

.whyTwo table   tr:first-child td{ line-height: 2; background: var(--color); color: #fff; font-size: 1.2em;}
.whyTwo table,.whyTwo tr,.whyTwo td,.whyTwo th { border-color: rgba(255, 255, 255, .25); }
.whyThereUl li{ }
.whyFour .img{ width: 200px;}
.whyFourLine{ height: 1px; background: #adadb1;}
.whyLogo{ height: 60px;}
.line-height1-2{ line-height: 1.2;}
.serviceOneLine{height: 2px; background: #adadb1; width:10em;}

.serviceOneUl li{ width: 31%; margin-right:3.5% ;}
@media screen and (min-width:1100px) {.serviceOneUl li:nth-child(3n){ margin-right: 0;} }

.serviceOneUl li .img{ width: 100%; height: 0; padding-bottom: 60%;}
.serviceOneUl li:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.serviceOneUl li:hover .img{ box-shadow: 0 0 15px rgb(0 0 0 / 17%);}

.ourExpertiseUl li .line{ width: 5em; height: 2px;}
.ourExpertiseUl li .img{ width: 100%; height: 0; padding-bottom: 60%;}
.ourExpertiseUl li:nth-child(2n){ flex-direction: row-reverse;}

.howUl li{ width: 31%; margin-right:3.5% ;}
@media screen and (min-width:1100px) {.howUl li:nth-child(3n){ margin-right: 0;} }

.desc a{ color: var(--color);}

.blogList li{ width: 31%; margin-right:3.5% ;}
@media screen and (min-width:1100px) {.blogList li:nth-child(3n){ margin-right: 0;} }
 .blogList li .img{ width: 100%; height: 0; padding-bottom: 60%;}
.blogList li:hover{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
.blogList li:hover .img{ box-shadow: 0 0 15px rgb(0 0 0 / 17%);}

.testimonialsBot .img{ width: 100%; height: 0; padding-bottom: 70%;}
.testimonialsBot svg{ width: 1em; height: 1em;}
.videoBtn{ width: 15%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 15; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); 
background:rgba(0,122,255, 0.8) ;box-shadow: 0 0 rgba(0,122,255, 0.1),0 0 0 15px rgba(0,122,255, 0.1),0 0 0 30px rgba(0,122,255, 0.1);
	animation: ripple-wave 1s linear infinite;
	animation-play-state: running;
	opacity: 1;visibility: visible;
}

.aboutCoo .x-li{ width: 260px; height: 110px;}
/* .aboutCoo  .x-xia::after {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%) rotate(180deg);width: 20%;height: 100%;pointer-events: none;z-index: 10;background: linear-gradient(270deg, #f5f5f5 0%, hsla(0, 0%, 100%, 0));}
.aboutCoo .x-xia::before {content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 20%;height: 100%;pointer-events: none;z-index: 10;background: linear-gradient(270deg, #f5f5f5 0%, hsla(0, 0%, 100%, 0));}
 */

 .fortyOneUl{display: grid; grid-gap: 2vw; grid-template-columns: repeat(4,1fr);}
 .NicheDropshippingggUl{display: grid; grid-gap: 2vw; grid-template-columns: repeat(4,1fr);}

 
 .NicheDropshippingggUl li,.fortyOneUl li {min-width:0}
 
 .w15{ width: 15%;}
.rightFloat{ font-size: 12px; z-index: 80; position: fixed; right: 20px; top: 36%;}
.rightFloat li{ margin-bottom: 15px; width:56px; height: 56px; box-shadow: 0 0 15px rgba(38, 101, 168, .15);}
.rightFloat li img{ transition: all 0s;}
.rightFloat li:hover{ opacity: .8;}
/* .rightFloat li:hover .rightFloatIcon{ filter: grayscale(100%) brightness(500%); -webkit-filter: grayscale(100%) brightness(500%); } */
.rightFloat li.bottom{ height: auto; height: 40px;}

.rightFloat_code{ width: 246px; position: absolute; right: calc(100% + 15px) ; top: 0; display: none;animation: rightFloat .3s;}
.rightFloat_code .top{ background-image: linear-gradient(to left,#2665a8,#2889fd);}
.rightFloat li:hover .rightFloatItem{ display: block;}
.noBorder{ border: none;}