@charset 'utf-8';
/* CSS reset */
html{color:#666;background-color: #fff;font-family:Arial,'Microsoft YaHei','宋体';}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,strong{padding:0;margin:0;font-family:'Microsoft YaHei',Arial,'宋体';}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
a{text-decoration:none; color:#fff; outline:none;}/*此处待添加默认链接颜色*/
var,em,strong{font-style:normal;}
address,caption,cite,code,dfn,em,strong,th,var, optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
/*li{list-style:none;}*/
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit; font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
body{-webkit-user-select:none;-webkit-text-size-adjust:none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix { *zoom:1; }
input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
    border-radius: 0;
}
html,
body {
	overflow-y: auto;
	width: 100%;
	min-height: 100%;
	scroll-behavior:smooth;
}
.wrap {
	width: 100%;
}
.operation-info>div,
.relative {position: relative;}
.fl {float: left;}
.fr {float: right;}
.tc {text-align: center;}
.block {display: block;}
.none {display: none;}
.inline-middle {
	font-size: 0;
	text-align: center;
}
.inline-middle>* {
	display: inline-block;
	vertical-align: middle;
}
.triangle-icon,
.flex {
	display: flex;
}
.justify-center {
	justify-content: center;
}
.justify-between {
	justify-content: space-between;
}
.ai {
	align-items: center;
}
.flex-1 {
	flex: 1;
}
.flex-wrap {
	flex-wrap: wrap;
}
.partner-pic .flex-wrap div,
.flex-column {
	flex-flow: column
}
.flex-stretch {
	align-items: stretch;
}
.flex-ajcenter {
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.nav,
.flex-end {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.home .swiper-container {
	width: 100%;
}

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.law .swiper-slide {
	background-color: transparent;
}
.partner-pic>.partner-img,
.col-100 {
	width: 100%;
}
.partner-pic,
.partner-img img,
.width-auto {
	margin: 0 auto;
}
/*header start*/
.mobile-header,
.pc-header {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 9999;
	background-color: #fff;
	color: #333;
}
.pc-header {
	height: 100px;
	font-size: 18px;
	line-height: 48px;
}
.mobile-header.active {
	background-color: #0e0706;
}
.partner-img,
.pc-header.active {
	background-color: #fff;
}
.mobile-header.active a,
.pc-header.active a {
	color: #222;
}
.mobile-header .logo{
	margin-left: 5px;
}
.nav a.active {
	color: #4577f7;
}
.nav a:hover,
.active .nav a:hover {
	border-bottom: 1px solid #4577f7;
	color: #4577f7;
}
.pc-header .relative {
	width: 79.17%;
	height: 100px;
	margin: 0 auto;
}
.pc-header a {
	margin: 0 10px;
}
.pc-style .logo {
	width: 162px;
	height: 35px;
	margin-right: 20px;
}
.mobile-style .logo {
	height: .54rem;
	margin: 0 2%;
}
.mobile-header {
	height: 1.1rem;
	font-size: .35rem;
}
.menu {
	position: fixed;
	left: -100%;
	top: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,.7);
	z-index: 99999;
}
.menu-nav {
	width: 86%;
	height: 100vh;
	padding-top: 2.13rem;
	background-color: #fff;
}
.menu-nav a {
	display: block;
	margin: 0 2%;
	padding: .13rem 3%;
	border-bottom: 1px solid #e8e8e8;
	line-height: .6rem;
	font-size: .4rem;
	color: #666;
}
.menu-nav a.active {
	background-color: #e8e8e8;
}
.close {
	display: block;
	height: .46rem;
	margin: .45rem 3% 0 0;
}
/*语言 start*/
.sel-tit {
	border: .0625rem solid #333;
}
.sel-con {
	display: none;
	position: absolute;
	border: solid 1px #6082a8;
	background-color: #fff;
	color: #222;
	z-index: 999;
}

.sel-con div.active {
	color: #4577f7;
}
.sel-con div:hover {
	background-color: #4577f7;
	color: #fff;
}
.menu-icon {
	height: .6rem;
	margin-left: 2%;
}
.mobile-header .flex-end {
	margin-right: .25rem;
	height: 1.1rem;
}
/*语言 end*/

/*footer start*/
.footer {
	background-color: #fff;
	font-size: 16px;
	color: #666;
}
.footer-list a {
	display: block;
	color: #333;
}
/*footer end*/
/*header end*/
.banner {
	color: #fff;
}
.contact-list a {
	color: #4577f7;
	font-weight: bold;
}
.home-banner h1 {
	color: #00ff6d;
}
.banner h1 {
	font-weight: bold;
	color: #fff;
}
.contact-list h4,
.footer-list h2,
.banner h2 {
	font-weight: bold;
}
.banner-info span {
	background-color: #fff;
}
.partner-box a,
.banner-btn a {
	background-color: #4577f7;
	color: #fff;
}

.banner,
.shopify .shopify-list,
.banner,
.home .banner .swiper-slide {
	background-size: 100% 100% !important;
}
.banner-01 img{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	/* background: url("../images/1_pic1.jpg") no-repeat; */
}
.zindex-2{
	position: absolute;
	z-index: 2;
}
.banner-02 img{
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	/* background: url("../images/1_pic2.jpg") no-repeat; */
}
.amazon-banner img{
	position: absolute;
	z-index: 1;
	width: 100%;
	/* background: url("../images/2_pic1.jpg") no-repeat; */
	/* background-size: 100% 100%; */
}
.tiktok .amazon-banner {
	background: url("../images/3_pic1.jpg") no-repeat;
	background-size: 100% 100%;
}
.shopify .banner {
	background: url("../images/4_pic1.jpg") no-repeat;
}
.news .banner {
	background: url("../images/5_pic1.jpg") no-repeat;
}
.contact .banner {
	background: url("../images/6_pic1.jpg") no-repeat;
}
.law .banner {
	background: url("../images/law_banner.jpg") no-repeat;
}
/*operation start*/
.operation {
	background-color: #fff;
}
.operation a {
	border: solid 2px #7a7a7a;
	border-radius: 20px;
	color: #666;
}
.operation-item img{
	width: 60px;
	height: 60px;
}
.operation-info h2 {
	color: #000;
	font-weight: bold;
}
/*operation  end*/

.partner-box {
	background: #ecedef url("../images/1_pic6.jpg") bottom/100% no-repeat;
	color: #333;
}
.triangle-icon span {
	background: url("../images/icon_arrow.png") no-repeat;
	background-size: 100% 100%;
}
.amazon-list-02 {
	background: url("../images/2_pic6.jpg") no-repeat;
	background-size: 100% 100%;
	color: #fff;
}
.shopify-info h2,
.partner-box a,
.amazon-list-02 h2 {
	display: inline-block;
}
.amazon-list-02 li {
	list-style:none;
}
.contact-title h2,
.footer-list,
.operation-pic p,
.amazon-list-info {
	color: #333;
}
.contact .list,
.news-list a,
.amazon-list-info ol {
	color: #666;
}
.tiktok .tips-info {
	color: #999;
}
.shopify .list,
.bg-gray {
	background-color: #eef1f7;
}

.tiktok .tiktok-video {
	background: url("../images/3_pic9.jpg") no-repeat;
	color: #fff;
}
.shopify .shopify-list {
	background: url("../images/4_pic4.html") no-repeat;
	color: #fff;
}
.contact-title {
	/* border-bottom: 1px solid #8b8c92; */
}
.news-list a {
	border-bottom: 1px dashed #8b8c92;
}
.contact .list,
.home-list{
	background-color: #f7f7f7;
}
.law-list a {
	display: inline-block;
}
.partner-img img,
.law-list img {
	display: block;
}