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 {
    margin: 0;
    padding: 0;
}

/*body{background: #f4f3f8}*/
ul li {
    list-style: none;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
p{font-weight: 400; line-height: 1.6; font-size: 1.2rem }
h1{font-size: 2.5rem;}
h2{font-size: 2.3rem;}
h3{font-size: 1.6rem;}
h4{font-size: 1.4rem;}
*,
*:before,
*:after {
    box-sizing: border-box; /*所有元素以border开始计算盒子大小*/
}
.clearfix:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.clearfix { *zoom:1;}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button {
    border: none;
}
input {
    border: none;
    outline: none;
}

.icon { line-height: 1.5;
    display: inline-block;
    width:20px; height:20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    white-space:nowrap;
    letter-spacing: -1em;
    text-indent: -99em;
    color: transparent;
    /* IE7 */
    *text-indent: 0;
    *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');
}
.icon:before {
    content: '\3000';
}
div{font-weight: 400}
/*home*/
/* menu*/
.menu_nav{position: relative; margin: 0 auto; z-index: 1000}
.menu_nav .nav_li{display: inline-block;position:relative;}
.menu_nav .nav_li h3 a{display: block; height:44px;text-align: center;
    line-height: 44px; font-size: 15px;  font-weight: 400; color: #aaa}
.menu_nav .nav_ul{width:200px;position: absolute;top:44px;left:50%; margin-left: -100px; display: none;
    z-index: 2;background:#fff; padding: 0 10px;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);    border-radius: 10px;}
.menu_nav .nav_ul a{display:block;text-align: center;padding:1rem; border-bottom: 1px solid #eee; font-weight: 400; font-size: 1rem}
.menu_nav .nav_ul li:last-child a{border-bottom: none}
.menu_nav .nav_ul a:hover,.menu_nav .nav_li h3 a:hover,.menu_nav .nav_li.on h3 a
{color: #74ABFD}
.menu_nav .menu_nav2 .nav_ul  a:hover,.menu_nav .menu_nav2.nav_li h3 a:hover,
.menu_nav .menu_nav2.nav_li.on h3 a{color: #8CEC7A}
.menu_nav .menu_nav3 .nav_ul  a:hover,.menu_nav .menu_nav3.nav_li h3 a:hover,
.menu_nav .menu_nav3.nav_li.on h3 a{color: #FFBA59}
.menu_nav .menu_nav4 .nav_ul  a:hover,.menu_nav .menu_nav4.nav_li h3 a:hover,
.menu_nav .menu_nav4.nav_li.on h3 a{color: #EA655B}
.home-headimage-txt .h1 span{color: #FFBA59}

.menu_nav .nav_li h3 a:before{
    content: "";
    display: block;
    width: 0;
    height: 3px;
/*    background: #2c7ffc;*/
    position: absolute;
    left: 50%;
    bottom: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}
.menu_nav .nav_li h3 a:hover .nav_ul{}
.menu_nav .nav_li:hover h3 a:before, .menu_nav .nav_li.on h3 a:before{width: 100%;left: 0;}

.banner{position: relative;width: 100%; }
header {
    z-index: 10;
    position: absolute;
    top: 0;
    width: 100%;
}
header.change,.headerbox {
    background-color: #100f1d;
    position: fixed;
    box-shadow: 0 0 20px rgba(134, 134,134, 0.3); z-index: 1000;height: 5.5rem;
}

.site-header{padding: 0 2rem;}
.icon-arrow{ background-image: url("../images/arrow.png");background-size: 8px;}


/*.button1:hover{background: #1763d5; color: #fff;}*/
.home-advantagewz a:hover{background: #2c7ffc; color: #fff}

.startbtn.startbtnbig{margin:2rem auto; padding: 1.8rem; width: 210px;}
.startbtn.startbtnbig .icon-arrow{background-size: 1.8rem; width: 2.2rem; height: 1.8rem; margin-left: 1rem}
.startbtn{display: flex; align-items: center; justify-content: center; position: relative; padding: 1.5rem 0;  }


.button-round {
    border-radius: 18px;
}
.button-round-s {
    border-radius: 5px;
}
.button-small {
    padding: 10px 20px;
    width: auto;
    font-size: 13px;
    font-size: 0.92857rem;
}
.button1 {
    color: #fff;
    background: #0c0c0c;
}
.button1:hover{background: #333}
.site-header .button1{border: 1px solid #636363;}
.hgroup-language a.button2{background: #fff;  color: #111;border: 1px solid #4a4a4a;}
.hgroup-language a.button2:hover{background: #aaa; color: #333;border: 1px solid #b5b5b5;}
.button2 {
    color: #2c7ffc;
    background: transparent;
}
.site-logo{display: block;  margin: 0 auto; float: none; background: url("../images/logow.png") no-repeat;    width: 100px;
    height: 46px;}

.site-header .site { margin: 0 auto;align-items:center;padding: 1.2rem 0;justify-content: space-between;}
.menu_nav .nav_li{margin: 0 1rem}


.home-headimage-txt h2 {
    font-size: 1.21428rem;
    line-height: 1.35;
    margin: 0 auto;
    max-width: 1000px; text-align: center;
}

.home-headimage-txt .h2  strong{font-family: "Arial Black"}

.home-headimage-txt p {
    font-weight: 400;
    margin: 2rem 0px 0px;
    line-height: 1.4; font-size: 1.2rem;    display: flex;    justify-content: center;
    align-items: center;
}
.home-headimage-txt p i{margin-right: 5px;}
.home-headimage-txt {
    color:#fff;
    position: relative;
    z-index: 6;
    height: 350px;
    top: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.home-headimage-bottom {
    left:0;
    bottom: -4rem;
    z-index: 5;
    max-width: 100%;
    width: 100%;
    height: 120px;
    background: url(../images/home-bottom.png) center bottom no-repeat;
    background-size: cover;
}
.home-headimage-chart{bottom: -60px;
    right: 150px;
    z-index: 100;}
.prcingbanner .home-headimage-chart{bottom: -150px;
    right: 50px;
   }
.prcingbanner.waveblue .home-headimage-people{bottom: -150px; text-align: right;
    right: 0;
}
.waveblue .home-headimage-bottom{ background-image: url(../images/waveblue.png); height: 190px; }
.home-headimage{margin: 0 auto}
.home-headimage-flex{display: flex;  justify-content: space-between}
.home-headimage-people {
    z-index: 3;
    width:700px;height: 481px;
    background: center bottom / 100% no-repeat;
}

.business-data-list ul li{float: left; width: 31.3%;   border-radius: 20px; margin: 0 1% 2rem;
    overflow: hidden; padding:2.5rem;border: 1px solid transparent; background: #fff}
.business-data-list ul li p{line-height: 1.4;    color: #666;
    font-size: 1.1rem;}
.business-data-list ul li i {
    width: 40px;
    height: 50px;
    display: block;
    margin: 0 auto 1rem; background-size: 40px;transition: all .3s ease
}
.business-data-list ul li:hover i{background-size: 50px; width: 50px;}
/*.business-data-list ul li:hover{border-radius: 1rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #2c7ffc;color: #2c7ffc;}*/

.business-data-list ul li a:hover{color: #333}
.business-data-list ul li h2{font-size: 1.6rem; margin-bottom: 1rem; }
.business-data-list ul li img{display: block;margin: 0 auto;max-height: 170px;}
.business-data-listup{height: 17rem;}
.business-data-listup p span{color: #111; font-weight: 600; font-size: 1.3rem}
.business-data-listup p b{color: #111}
.business-data-list ul li:nth-child(4) .business-data-listup,
.business-data-list ul li:nth-child(5) .business-data-listup,
.business-data-list ul li:nth-child(6) .business-data-listup {height: 160px;}

.home-center-photo{margin: 100px auto 0; color: #fff}
.home-center-photo-block,.home-center-photo-block .mask,
.home-center-photo-block .home-center-photo-people{height:31rem;}
.home-center-photo-block{position: relative; }
.home-center-photo-block .mask{ background: rgba(0,0,0,.5); position: absolute; z-index: 100; width: 100%; }
.home-center-photo-block .home-center-photo-people {background-image: url("../images/home-center-photo.jpg");
    background-position: center;    background-size: cover; }
.home-center-photowz{position: absolute; z-index: 200;  text-align: center; line-height: 1.6;}
.site.howsite{ padding-bottom: 2rem}
.home-center-photowz h2{font-size: 2.2rem; margin-bottom: 1rem; }
.home-center-photowz p{font-size: 1.6rem; padding: 0 10px;}
.home-advantage{ margin-bottom: 100px;}
.p100-0{padding:7rem 0;}
.home-advantage-photo{
    position: relative;
    z-index: 1;
    width: 500px;
    display: block;
    margin: 0 auto;}

.home-advantage2 .home-advantagewz,.home-advantage4 .home-advantagewz{padding-left: 100px;
    width: 700px;
    margin: 0;}

.home-advantagewz{ width: 600px; margin: 0 5rem}
.home-advantagewz h2,.home-advantagewz h2.alink a{font-size: 2.3rem; color: #2c7ffc; margin-bottom: .5rem }
.home-advantagewz h2 a:hover{background:transparent;color: #2c7ffc;  }
.home-advantagewz h3{font-size: 1.8rem; margin-bottom: 1rem}
.home-advantagewz p{font-size: 1.3rem; line-height: 1.8}
.txt-purple a{color: #2c7ffc;}
.txt-purple a:hover{color: #2c7ffc;}
.home-advantage-photo img{border-radius: 1rem;}
.valuesgap{ margin-right: 80px;}
.waremapwz{ flex: 1}
.waremapwz p{margin-bottom: 10px;}
.waremapwz p b{background: #FFBA59; padding: 2px;}
.site .waremapwz p:first-letter{font-size:3rem;}
.waremapwz h2{margin-bottom: 30px;}
.sourcingblock2s{display: flex; align-items: center; margin-bottom: 80px;}
.sourcingblock2s:last-child{margin-bottom:20px}
.home-advantage-photo2{margin-right: 120px;}
.bigtitle{font-size: 3rem; font-weight: 600; text-align: center; margin-bottom: 4rem;}
.aboutgap.site{width: 1200px; padding: 0}
.rel{position: relative}
/* FAQs*/
.qa-item {
    background: #fff;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 20px; box-shadow: 0 2px 6px  rgba(0, 0, 0, 0.1); border: 1px solid #eee;
}
.qa-item-q {
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    height: auto;
    padding: 15px 40px 15px 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.2s;    font-size: 1.3rem;    font-weight: 600;
}
.qa-item-q:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "Q";
    color: #fff;
    font-weight: 800;
    background: #2c7ffc;
    height: 100%;
    width: 60px;
    text-align: center;
    line-height: 1;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.qa-item-q:after {
    position: absolute;
    content: "";
    right: 18px;
    top: calc(50% - 6px);
    width: 15px;
    height: 13px;
    background: url(../images/qa-delta.png) no-repeat;
    background-size: 100% auto;
    transition: 0.2s;
}
.qa-item-a {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-top: 1px solid #f7f5f8;
    overflow: hidden;
    transition: 0.2s all;
    padding: 0 15px 0 90px;
    height: 0;color: #333;
}
.qa-item-a a{ color: #74ABFD;text-decoration: underline;}
.qa-item-a a:hover{text-decoration: underline; color: #2c7ffc}
.qa-item-a:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "A";
    color: #2c7ffc;
    font-weight: 800;
    background: #f7f5f8;
    height: 100%;
    width: 60px;
    text-align: center;
    line-height: 1;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.qa-item.current .qa-item-q:after{
    transform: rotate(180deg);
}
.qa-item-a p{line-height: 1.6; font-size: 1.1rem}

footer[role="contentinfo"]{background: #000;    padding: 50px 0 10px;}
footer[role="contentinfo"] a{color: #a8a8a8;font-size: 1.1rem;}
footer[role="contentinfo"] h3{font-size: 1.1rem}
.footer-bottom .col-n{text-align: center; float: inherit; color: rgba(255,255,255,.6)}
.icon-footaddress{background-image: url("../images/footaddress.svg")}
.icon-tel{background-image: url("../images/tel.svg")}
.contactlist{width: 26%}
.footabout{width:33.3%; float: left}


.footer-left{margin:0; float: left; width: 250px; }
.footer-right{     margin-left: 350px;}
.footappstore{padding:.2rem 0;text-align: center}
.footappstore a img{opacity: .6; width: 20px;}
.footappstore a:hover img{opacity: 0.8}
.footer-leftlogo{margin: 5rem 0;    color: #a2a2a2;}
footer[role="contentinfo"] p{display: flex;
    justify-content: center; background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #2297ff),
color-stop(0.3, #2297ff),
color-stop(0.45, #2ff),
color-stop(0.6, #2f2),
color-stop(0.75, #FFBA59),
color-stop(0.9, #EA655B),
color-stop(1, #EA655B));
    color: transparent;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -ms-background-clip: text}
footer[role="contentinfo"] p a{margin: 0 8px;}
.entry-content .footer-info{margin-bottom: 1rem;    justify-content: left;}
.menu-item-add{margin-bottom: 3px}
.Shopifyjpg{border-radius: 8px;width: 250px;margin-top: -10px;}
.hgroup-language{display: flex;    align-items: center;}
.footer-down{display: flex; align-items: center; justify-content: space-between;
    color: #aaa;   border-top: 1px solid #303030; padding: 5px;}
.copyright{color: #757575;}
.copyright a{color: #aaa; margin: 0 20px;}
/*.foot_nav2 ul li a:hover,.foot_nav2 h3,.foot_nav6 ul li a:hover,.foot_nav6 h3{ color: #8CEC7A}
.foot_nav5 ul li a:hover,.foot_nav5 h3{ color: #FFBA59}
.foot_nav3 ul li a:hover,.foot_nav3 h3{color: #74ABFD}
.foot_nav4 ul li a:hover,.foot_nav4 h3{ color: #EA655B}*/
footer[role="contentinfo"] a:hover{color: #6a6a6a}
/*back top*/
.toolbar {
    position: fixed;
    bottom:30px;
    right: 20px;
    z-index: 999;
}
.toolbar .totop{display: none}
.toolbar .totop a {
    background: #000000e6;
    border-radius: 30px;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 2.9;display: block;
}
.icon-up {
    background-image: url("../images/goarrow.png");
    background-size: 20px auto;
}
/*help*/


.logow{background-image: url(../images/logow.png); width: 100px; height: 46px; background-position: center;
background-repeat: no-repeat;
}
.helptopheader .logow{ margin-right: 1rem}
.helptopheader{display: flex; align-items: center; justify-content: space-between;margin-bottom: 3rem;}
.icon-baijt{background-image: url(../images/baijt.png); margin-left: 5px;}
.icon-fdj{background-image: url(../images/fdj.png); margin-left: 5px;}
.helptop h2{color: #fff; font-size: 2.8rem; text-align: center;margin-bottom: 2rem;}
.searchbg{background: #fff; border-radius: 5px; width: 900px; height: 57px;
    display: flex; align-items: center;
    justify-content: space-between;    margin: 0 auto;
    padding-left: 10px;    padding-right: 3px;
}
.btn.btn-primary {
    padding: 8px;
    border-radius: 5px;
    color: #fff;    background-color: #ffbd55;
}
.searchbg .btn.btn-primary{padding: 14px 25px;font-size: 1.2rem;}
.btn-primary:hover,.btn-primary:focus{background:  #eaa12f;  }
.help-top-photowz {
    position: absolute;
    z-index: 200;
      line-height: 1.6;top:20px;    left: -10px;
}
.helptop,.helptop a{color: #fff}
.helptop a:hover{color: #2c7ffc}

.logoflex{display: flex; align-items: center}
.help-top-photowz,.helptop .site,.helplist1.site{width: 1040px;}
.logoflex .helpwz{font-size: 1.5rem; border-left: 1px solid #fff; padding-left: 1rem}
.helptopheader-right a{margin-left: 1rem}
.searchwidth{width: 90%;  display: flex; align-items: center;}
.searchwidth input{background: none; border: none}
.helplist,.helplist1{padding: 5rem 0}
.helplist.site{width: 1200px;}
.helplist1.site{width: 1040px;padding-bottom: 2rem }
.helplist h2{font-size: 2rem; margin-bottom: 5rem}

.helplist ul li img{height: 55px;}

.helplist ul{display:flex;flex-flow: row wrap}
.helplist ul li{ flex-basis: calc(48% - 0px);
    max-width:calc(48% - 0px);margin: 0 1% 25px;background: #fff; border-radius: 6px;  border: 2px solid #fff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);}
.helplist ul li a{display: flex;  padding: 40px}

.helplist ul li a div:first-child{margin:0 2rem 0 0}
.helplist ul li a div:last-child{ width: 80%}
.helplist ul li h3{font-size: 1.4rem; margin-bottom: .6rem; font-weight: 600}
.helplist ul li p{font-size: 1.1rem}

.helplist ul li:hover p{color: #333}
.backmr10{margin-right: 10px;}
.back.btn .icon-back{background-image: url("../images/back.png"); background-size: 20px; width: 30px; height: 30px;}
.back.btn.btn-primary{padding: 5px 18px; display: flex; align-items: center; cursor: pointer;    font-size: 1.2rem;}
.back.btn.btn-primary i{margin-right: 5px;margin-bottom: 0}
.helplist1{padding: 4rem 0 }
.helplist1 i{display: inline-block; margin-bottom: 1rem}
.helplist1 h2{text-align:left; margin-bottom: 1rem;    line-height: 1.3;font-size: 2.4rem;margin-top: 1rem;}
.helplist1 p{font-size: 1.1rem; margin-bottom: 1rem}
.helplist1 span.article{color: #666}
.crumb{margin-bottom:2rem}
.crumb a,.crumb span{color: #f0a021}
.helplist1 i.icon-article{background-image: url("../images/article.svg");background-size: 1.4rem; width: 1.8rem; height: 1.4rem}
.helptitle{margin-bottom: 1rem;   }
.faqtop.p100-0{padding-bottom: 10rem}
.paterfaq.faqtop.p100-0{padding-bottom: 8rem}
.helpitembktop{border-bottom: 1px solid #eee;padding: 1.2rem ;
    font-size: 1.5rem;
    font-weight: bold;
}
.helpitembk ul{padding: 1.5rem}
.helpitembk ul li{margin-bottom: 1.3rem}
.helpitembk ul li:last-child{margin-bottom: 0}

.helpviewnr p{line-height: 1.5}
.helpviewnr{padding-bottom: 4rem; padding-top: 1rem}
.pl10{padding-left: 1rem}

/*blog*/
.blogtop{position: relative;}
.blogtop .site{width: 1040px;padding: 0 .5rem; }
.blog-photo-people {
    background-image: url(../images/blogs.jpg);
    background-position: center;
    background-size: cover;
    height: 288px;
}
.blogtop .home-center-photo-block .mask, .blogtop .help-photo-people, .blogtop .home-center-photo-block{
    height: 288px;
}
.blogtop .help-top-photowz{text-align: center;}


.blogtop .help-top-photowz p{font-size: 1.6rem; color:rgba(255,255,255,.8)}
.blog.site{margin:4rem auto; width: 1400px; }
.blogsearch{display: flex; align-items: center; justify-content: space-between}
.helpitembk,.blogsearch{padding: 10px;  border-radius: 6px;
    margin-bottom: 3rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee; background: #fff}
.blogsearch .searchwidth{border: 1px solid #eee; margin-right: 1rem;}
.flex-center{display: flex; align-items: center}
.blogsearch1{margin-right: 1rem}
.blogsearch2{margin-right: 1rem; width: 20rem}
.blogsearch2 form{display: flex; align-items: center}
.blogsearch{padding: 10px 2rem}
.blog .icon-fdj{background-image: url(../images/fdjw.png);}
.icon-clock{  background-image: url(../images/clock.svg); margin-right: 2px; background-size: 16px;}
.bloglist .layui-tab-content{padding-top: 4rem}
.bloglist .layui-tab-content ul li a.thumbnail{display: block;    border-radius: 10px; margin-bottom: 1rem;
    overflow: hidden;}
.bloglist .layui-tab-content ul{display:flex;flex-flow: row wrap}
.bloglist .layui-tab-content ul li{flex-basis: calc(29% - 0px);max-width:calc(29% - 0px); margin: 0 2% 2rem}
.bloglist .layui-tab-content ul li img{transition: all 0.3s ease;object-fit: cover;
    width: 100%;height: 230px; display: block}
.bloglist .layui-tab-content ul li img:hover{
    transform: scale(1.1);
}
.bloglist .layui-tab-content h3{font-size: 1.2rem;line-height: 1.6; margin-bottom: .5rem;font-weight: 600;
    padding-left: 1rem;display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.blogdate{color: #666; padding-left: 1rem}
.bloglist{padding-bottom: 3rem}
.bloglist .layui-tab-title{text-align: center; border-bottom: none}
.bloglist .layui-tab-title li{font-size: 1.2rem; font-weight: 600; padding: 0 2rem}
/*.layui-tab-brief > .layui-tab-title .layui-this{color: #2c7ffc;}
.layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after{border-bottom-color: #2c7ffc}*/

/*复选框切换*/
.resource,.resource .checkbox-content,.resource .checkbox-content ul{display: flex; align-items: center}
.resource .checkbox-content ul li i{margin-right: .5rem}
.resource .checkbox-content ul li{margin-left: 1rem}
.icon-noselect{  background-image: url(../images/noselect.jpg); margin-right: 2px; background-size: 16px;}
.icon-select,.checkbox-content a.sel i.icon-noselect{  background-image: url(../images/select.jpg); margin-right: 2px; background-size: 16px;}
.site.blogviewtop{padding-top: 10rem; width: 1040px; padding-bottom: 2rem}
.blogviewtop .blogdate{padding-left: 0}

.helpviewnrwz{padding-bottom: 2rem}
.related{border-top: 1px solid #eee; padding-top: 2rem;}
.related h3{font-size: 1.4rem; font-weight: 600; margin-bottom: 1.5rem}
.related ul li a{font-size: 1.1rem;}
.related ul li{margin-bottom: 1rem}

/*about*/

.blogtop.abouttop .home-center-photo-block .mask, .blogtop.abouttop .help-photo-people,
.blogtop.abouttop .home-center-photo-block,.about-photo-people { height: 450px;}

.blogtop.abouttop .site .help-top-photowz{width: 100%; text-align: center;}

.prciebg.blogtop .help-top-photowz h2{line-height: 1.4}
.aboutphoto1 .home-advantage-photo,.aboutphoto3 .home-advantage-photo{float: left}
.aboutphoto1 .home-advantagewz,.aboutphoto3 .home-advantagewz{float: right;margin-top: 100px;}
.aboutphoto2 .home-advantage-photo{float: right;    margin-right: 40px;}
.aboutphoto2 .home-advantagewz{float: left;margin-top: 80px;}

.aboutphoto1 .home-advantagewz h3{font-size: 2.3rem}
.aboutphoto1{margin-top:8rem}
.aboutphoto1:hover .home-advantage-photo:before,
.aboutphoto1:hover .home-advantage-photo:after,
.aboutphoto2:hover .home-advantage-photo:before,
.aboutphoto2:hover .home-advantage-photo:after,
.aboutphoto3:hover .home-advantage-photo:before,
.aboutphoto3:hover .home-advantage-photo:after{transform: translate(0,0);}

.aboutphoto2{margin:10rem 0}
.aboutGD{padding: 8rem 0 10rem}
.aboutGD .bigtitle{margin-bottom: 5rem}
.aboutGD ul li{width: 46%; margin: 0 2% 2rem; position: relative; overflow: hidden; float: left}
.aboutGD ul li a{display: block}
.aboutGD ul li .aboutpeople img{transition: all 0.3s ease;}
.aboutGD ul li a:hover .aboutpeople img{
    transform: scale(1.1);
}
.aboutGD .help-top-photowz,
.aboutGD .home-center-photo-block .mask,.aboutGD .home-center-photo-block{height: 300px;}
.aboutGD .help-top-photowz{width:100%; text-align: center; color: #fff; font-size: 3.4rem; font-weight: 600; padding-top: 6rem}
.aboutGD ul li,.aboutGD .home-center-photo-block .mask,.aboutGD ul li .aboutpeople img{border-radius: 20px}
.privacymain{padding: 0 0 2rem}

.policy .site{width: 1200px;}
.privacymain .bigtitle{margin-bottom: 3rem; font-size: 3rem; text-align: left}
.privacymain h4{margin-bottom: 1rem}
.privacymain a{ color: #2c7ffc; text-decoration: underline}
.privacymain a:hover{color:#2c7ffc }
.agreementdl{margin-bottom: 2rem}
.agreementdl ul{margin-bottom: 2rem}
.agreementdl ul li{margin-bottom: .5rem}
.agreementdl ul li:before{
     content: '● ';  font-size: 1.4rem;
 }

.agreement {
    padding: 20px 50px;
 font-size: 1.2rem;;
}
.agreement p {
    margin-bottom: 1rem;
}

.agreement h3{font-size: 1.8rem}
.agreement h4{font-size: 1.5rem}
/*pricing*/
.pricecontaint{padding: 14rem 0 7rem; }
.pricecontaint .site{position: relative}
.pricecontaint ul li{
    background: #fff;
    border-radius: 1rem;
    margin-bottom: 5rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee;
     display: flex;
     align-items: center; width: 80%;
    float: left;
}
.pricecontaint ul li:nth-child(even) .pricecontaintleft img{border-radius:0  1rem 1rem 0;}
.pricecontaintleft{width: 600px;}
.pricecontaintleft img{  width: 100%; border-radius: 1rem 0 0 1rem; display: block}
.pricecontaint p{padding: 0 4rem; font-size: 1.3rem; line-height: 1.6; width: 80%; }
.pricecontaint ul li:nth-child(even){ float: right}

/*partners*/
.home-headimage-cartoon{bottom: -20px;
    right: 530px;
}
.wavepink .home-headimage-bottom{background-image:url(../images/wavepink.png); height: 190px;}
.wavepink .home-headimage-people{right: 30px; bottom: -100px;}
.bgblue{background: url("../images/partners_03.jpg") no-repeat 90% bottom  #f2f5ff; padding: 11rem 0 5rem; }
.scalebusiness ul li{ width: 25%; float: left; margin-bottom: 2rem; text-align: center; font-size: 1.3rem}
.scalebusiness ul li span{ display: block; background: #7e81ff; border-radius: 25rem;
    width: 7rem;
    height: 7rem;
    margin: 0 auto 1rem;
    padding-top: 1rem;
}
.scalebusiness ul li i{ background-size:70px; width: 70px; height: 70px; }
.icon-partnersicon1{background-image:url(../images/partnersicon1.png);  }
.icon-partnersicon2{background-image:url(../images/partnersicon2.png);  }
.icon-partnersicon3{background-image:url(../images/partnersicon3.png);  }
.icon-partnersicon4{background-image:url(../images/partnersicon4.png);  }
.icon-partnersicon5{background-image:url(../images/partnersicon5.png);  }
.icon-partnersicon6{background-image:url(../images/partnersicon6.png);  }
.icon-partnersicon7{background-image:url(../images/partnersicon7.png);  }
.scalebusiness .bigtitle{font-size: 2.2rem;text-align: left; margin-bottom: 5rem}
.scalebusiness .site{width: 1300px;}
.scalebusiness1{width: 75%; margin-bottom: 2rem}
.scalebusiness2{ width: 77%;margin-left: 8%;}
.joinus{ padding: 7rem 0 0;}
.joinus .site{width: 1260px;}
.joinus .bigtitle{text-align: center; margin-bottom: 5rem}
.joinuslist ul li{display: flex; align-items: center; justify-content: space-between; }
.joinuslist ul li .joinuslistjpg{    overflow: hidden; width: 600px;}
.joinuslist ul li .joinuslistjpg img{transition: all 0.3s ease;}
.joinuslist ul li:hover .joinuslistjpg img{ transform: scale(1.1);}
.joinuslist ul li .joinuslistwz{ padding: 0 4rem; width: 600px;}
.joinuslist ul li .joinuslistwz h2{font-size: 2rem; margin-bottom: 1rem}
.joinuslist ul li h2::first-letter{font-size:3.5rem; color: #2c7ffc}
.joinuslist ul li p{font-size: 1.2rem}
.joinuslist ul li img{display: block; width: 100%;}
.site1200{width: 1205px;}
/*fullfillment*/
.fulfillmentship{display: flex; align-items: center; padding: 10rem 0 6rem}
.fulfillmentship h3{font-size: 1.5rem; margin-left: 5rem; width: 50%; font-weight: normal;    padding-right: 12rem;
    line-height: 1.6;}
.fulfillmentshipleft{width: 50%;}
.fulfillmentshipleft img{width: 100%}

.shipment{display: flex; align-items: center}
.shipmentlist{ margin-right: 10rem}
.shipmentlist ul li{margin-bottom: 1rem; font-size: 1.2rem; line-height: 1.6 }
.shipmentlist ul li:before{
    content: '●';
    color: #aa94fd; font-size: 1.6rem;    margin-right: 5px;
}
.shipmentgap{padding: 8rem 0}
.shipment2{margin-top: 5rem}
.shipment2 .shipmentlist{margin-left: 10rem; margin-right: 0}
.fulfillmap{display: flex; align-items: center; padding: 6rem 0}
.fulfillmap h2{font-size: 2.1rem; margin-bottom: 1rem}
.fulfillmap p{font-size: 1.3rem; line-height: 1.6}
.fulfillmapimg{margin-left: 4rem; width: 50%}
.fulfillmapimg img{width: 100%}
.fulfillmapwz{width: 50%}
.howflex,.howflexlistflex{display: flex; align-items: center}
.howfleximg{width: 50%;margin-right: 4rem;}
.howflexlist{width: 50%}
.howflexlistflex .circle{background: #eceafd; border-radius: 50%; color: #8276dd; font-size: 1.8rem; font-weight: 600;
    width: 4.5rem; height:4.2rem; margin-right: 1rem; text-align: center; padding-top: 1rem}
.howflexlistflex .danpinkbg{background: #eceafd; padding: 1rem 2rem; border-radius: 5px; font-size: 1.2rem; line-height: 1.6; width: 95%}
.howflexlist ul li{margin-bottom: 1.5rem;}
.howflexlist ul li:nth-child(2) .howflexlistflex .circle,.howflexlist ul li:nth-child(2) .howflexlistflex .danpinkbg{background: #dad7f8;}
.howflexlist ul li:nth-child(3) .howflexlistflex .circle,.howflexlist ul li:nth-child(3) .howflexlistflex .danpinkbg{background: #ccc7fa;}
.howflexlist ul li:nth-child(4) .howflexlistflex .circle,.howflexlist ul li:nth-child(4) .howflexlistflex .danpinkbg{background: #b4adf3;}
.howsite .bigtitle{margin-bottom: 5rem}

/*affillate*/
.affillatefoot .home-center-photo-block .home-center-photo-people{background-image: url(../images/affiliate_02.jpg);}
.affiliatelist{margin-bottom:4rem}
.affiliatelist h3{color: #2c7ffc; font-size: 2rem; position: relative; height: 4rem}
.affiliatelist h3 em{position: absolute; z-index: 100; font-style: normal}
.affiliatelist h3 span{background: #eee8f6; width: 3rem; height: 3rem; border-radius: 25rem; position: absolute; left: -1rem; }
.waveju .home-headimage-bottom {
    background-image: url(../images/waveju.png);
    height: 190px;
}
.aff-headimage-cartoon{bottom: -149px;
    right: 480px;
    z-index: 100;}
.home-headimage-people img.per100{width: 100%}
.waveju .home-headimage-people{right: 0;
    bottom: -85px;
}
.benefits{padding: 11rem 0 8rem}
.benefits .bigtitle{margin-bottom: 5rem}
.benefitsmain{display: flex; align-items: center}
.benefitsmain .benefitstp{ margin-right: 4rem; width: 540px}
.benefitsmain .benefitstp img{border-radius: 2rem; width: 100%}
.benefitsmain ul li{display: flex; align-items: center; margin-bottom: 2rem}
.benefitsmain ul li .benefitsicon{width:6rem; margin-right: 2rem}
.benefitsmain ul li i{background-size: 6rem; width:6rem; height: 6rem}
.benefitsmain ul li .benefitslist h3{ font-size: 1.6rem; margin-bottom: .5rem}
.benefitsmain ul li .benefitslist p{ font-size: 1.1rem}
.icon-benfit1{background-image: url(../images/benfit1.svg); }
.icon-benfit2{background-image: url(../images/benfit2.svg); }
.benefitsmain ul li i.icon-benfit3{background-image: url(../images/benfit3.svg); background-size:5rem;}
.benefitsmain ul li i.icon-benfit4{background-image: url(../images/benfit4.svg); }
.icon-benfit5{background-image: url(../images/benfit5.svg); }
.benefitsmain ul li i.icon-benfit6{background-image: url(../images/benfit6.svg); background-size:5rem;}
.benefitsmainright{width: 780px;}
.benefitsmainright .startbtnbig{margin: inherit;margin-top: 4rem; padding: 1.2rem}
.benefitspeoplewho{padding: 6rem 0 0; display: flex; align-items: center}
.benefitspeoplewhowz{width: 40%; margin-right: 4rem; margin-left: 4rem}
.benefitspeople{width: 60%; display: flex}
.benefitspeople a{display: block}
.benefitspeoplewhowz h2{margin-bottom: 1rem}
.benefitspeoplewhowz .startbtn.startbtnbig{margin: 2rem 0; padding: 1.2rem}
.joinus .startbtn.startbtnbig{ padding: 1.2rem}
.benefitspeopleleft{width: 189px; margin-right: 20px;}
.benefitspeopleleft img{margin-bottom: 18px;}
.benefitspeopleright{width: 490px; }
.benefitspeopleright1{display: flex;margin-bottom: 20px;}
.benefitspeopleright1 img{margin-right: 20px;}

/*integration*/
.integrationfoot .home-center-photo-block .home-center-photo-people {
    background-image: url(../images/integrationfoot.jpg);
}
.integrationfoot .home-center-photowz p{padding: 0 13rem}
.wavezi{background: #fff}
.wavezi .home-headimage-bottom {
    background-image: url(../images/wavezi.png);
    height: 190px;
}
.wavezi .home-headimage-people{bottom: -110px;}
.wavezi .aff-headimage-cartoon{
    right: 100px;}
.wavezi .home-headimage-txt .h2{max-width: 650px;    font-size: 1.2rem;}
.wavezi .home-headimage-txtup{margin-top: 10rem;}
.integrationbk h2{font-size: 2rem; margin-bottom: 1rem}
.integrationbk h2::first-letter{font-size:3.5rem; color: #2c7ffc}
.integrationbk .home-advantagewz h2{color: inherit}
.integrationbk .home-advantagewz p{font-size: 1.2rem; margin-bottom: 10px;}
.integrationbk{padding: 9rem 0 8rem}
.integrationbk .startbtnbig{margin: 2rem 0; background: #f7f1ff;  color: #2c7ffc; width: 200px;}
.icon-jt{ background-image: url(../images/daj01.png);}
.integrationbk  .home-advantage-photo:after{width: 580px; height: 300px;}
.integrationbk  .home-advantagewz{width: 650px;}
.integrationbk  .home-advantage1 .home-advantage-photo:before{background-image: url(../images/integrationno1.png);}
.integrationbk  .home-advantage1 .home-advantage-photo:after{background: #eff8df; width: 480px;height: 250px;}
.integrationbk  .home-advantage2 .home-advantage-photo:before{background-image: url(../images/integrationno2.png); }
.integrationbk  .home-advantage2 .home-advantage-photo:after{background: #fff1de; width: 480px;height: 250px;}
.integrationbk  .home-advantage3 .home-advantage-photo:before{background-image: url(../images/integrationno3.png);}
.integrationbk  .home-advantage3 .home-advantage-photo:after{background: #f6edfb; width: 510px;height: 266px;}
.integrationbk  .home-advantage4 .home-advantage-photo:before{background-image: url(../images/integrationno4.png);}
.integrationbk  .home-advantage4 .home-advantage-photo:after{background: #eaf4fe;  width: 480px;}
.integrationbk  .home-advantage5 .home-advantage-photo:before{background-image: url(../images/integrationno5.png);}
.integrationbk  .home-advantage5 .home-advantage-photo:after{background: #e6faed; width: 450px;height: 270px;}
.integrationbk  .home-advantage6 .home-advantage-photo:before{background-image: url(../images/integrationno6.png);}
.integrationbk  .home-advantage6 .home-advantage-photo:after{background: #fae9f5;width: 500px;height: 270px; }
.integrationbk  .home-advantage1{margin-top: 6rem}
.integrationbk  .home-advantage2 .home-advantagewz,
.integrationbk  .home-advantage4 .home-advantagewz,
.integrationbk  .home-advantage6 .home-advantagewz{ margin-top: 0;    padding-left: 0;    width: 700px;}
.integrationbk  .home-advantage1 .home-advantage-photo{margin-top: 20px;}
.integrationbk  .home-advantage2 .home-advantage-photo{margin-top: 40px;}
.integrationbk  .home-advantage4 .home-advantage-photo{margin-top: 10px;}
.integrationbk  .home-advantage6 .home-advantage-photo{margin-top: 10px;}
.integrationbk  .home-advantage{margin-bottom: 0}
.integrationbk .home-advantage1 .home-advantagewz,
.integrationbk .home-advantage3 .home-advantagewz,
.integrationbk .home-advantage5 .home-advantagewz{margin: 0 5rem}
.integrationbk  .home-advantage6 .home-advantagewz{width: 600px;}
.integrationbk.p0{padding-bottom: 8rem}
.integrationfoot{margin-top: 0}

/*customized*/
.graybg{background: #eee}
.graybg .site{background: url(../images/customized_03.jpg) no-repeat right center; height: 468px;}
.blogtop .home-headimage-txtup{margin-top:7rem}
.customizeblock1{text-align: center; padding: 7rem 0}
.customizeblock1 h2{margin-bottom: 1rem}
.customizeblock1 p{margin-bottom: 4rem}
.customizebrand{ padding: 7rem 0}
.customizebrand .bigtitle{text-align: left}
.customizebrand .site{width: 1200px;}
.customizebrand ul li{ margin-bottom: 5rem;overflow:hidden}
.customizebrand ul li:nth-child(odd) .brand{ float: right;}
.customizebrand ul li:nth-child(even) .brand{ float: left}
.customizebrand ul li:nth-child(odd) .brandwz{ float: left; }
.customizebrand ul li:nth-child(even) .brandwz{ float: right}
.customizebrand ul li .brand{ width: 420px;border-radius: 1rem; overflow: hidden; }
.customizebrand ul li .brandwz{margin-top: 9rem; width: 50%}
.customizebrand h2{margin-bottom: 1rem}
.customizebrand ul li .brand img{ width: 420px; transition: all 0.3s ease;}
.customizebrand ul li:hover .brand img{
    transform: scale(1.1);
}
.customizestep{padding: 7rem 0}

.customizestep ul li{width: 27.3%; float: left; text-align: center;margin: 0 3% 5rem}
.customizestep .bigtitle{margin-bottom: 5rem}
.customizestep h3{color: #2c7ffc; margin-bottom:1rem}
.customizestep2{margin-left: 15%}
.customizestep .customizestep2 li{ width: 37%;margin-bottom: 2rem}
.customizestep ul li{ overflow: hidden;border-radius: .5rem;}
.customizestep ul li img{transition: all .3s ease;margin-bottom:1rem;border-radius: .5rem;}
.customizestep ul li:hover img{transform: scale(1.1)}


.customizedys{padding: 7rem 0}
.customizedys .site{width: 1280px;}
.customizedys .customizedysphoto{float: right; width:670px; }
.customizedys .customizedyswz{float: left; width: 500px; margin-top: 7rem }
.customizedys .customizedyswz p{margin-bottom: 2rem;font-size: 1.5rem;}
.customizedysphoto ul li{ background: #fff; float: left;
    border-radius: 1rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee; width:48%; margin: 0 1% 1rem; text-align: center; padding: 1rem 1rem 2rem ;overflow: hidden;
}
.customizedysphoto ul li:hover{border-color: #2c7ffc; color: #2c7ffc}
.customizedysphoto ul li img{transition: all .3s ease;}
.customizedysphoto ul li:hover img{transform: scale(1.1)}

.customizedysphoto ul li h3{ font-size: 1.2rem}
.customizedysphoto .customizedysimg{width: 260px; margin: 0 auto}
.customizedysphoto img{width: 100%}
.bgzi{background: #efedff; padding: 7rem 0}
.bgzi .site{width: 1280px; display: flex; align-items: center}
.bgzi .site .customizefootimg{ width: 306px; margin-right:5rem}
.bgzi .site .customizefootimg img{width: 100%}
.bgzi .site .customizefootwz{width: 69%;}
.bgzi .site .customizefootwz h2{margin-bottom: 1rem}
.bgzi .site .customizefootwz p{font-size: 1.5rem}
.bgzi .site .customizefootwz a{ margin: 2rem 0; width: 20rem}
.startbtn.startbtnbiglong .more-btn-icon{right:20px }
.startbtn.startbtnbiglong:hover i{right: 15px;}
.startbtn.startbtnbiglong  .more-btn-txt{left: 43%;width: 200px;}
/*warehousing*/
.warehousingfoot{background: url("../images/warehousingfoot.jpg") no-repeat right bottom #efedff; padding: 7rem 0 5rem}
.warehousingfoot h2{font-size: 2.4rem;
    margin-bottom: 1rem;}
.warehousingfoot .site{width: 1100px; text-align: center; line-height: 1.8}
.home-headimage-txt p strong,.bigtitle strong{margin: 0 5px; font-weight: 600; font-family: "Arial Black"}
.wavedanzi  .home-headimage-bottom{background-image: url(../images/wavedanzi.png);
    height: 190px;}
.wavedanzi .home-headimage-house {bottom: -60px;    right: 0; }
.wavedanzi .home-headimage-people {    right: 50px;    bottom: -40px;}
.warebanner.wavedanzi .home-headimage-people {      bottom: -110px; width: 502px;}
.wavedanzi.banner{background: #fff}
.waremap{padding: 13rem 0 7rem}
.waremap .site{width: 1280px; display: flex; align-items: center; justify-content: space-between}
.waremap .site .waremapimg{ width: 619px;}
.waremap .site .waremapimg img{width: 100%}
.waremap .site .waremapwz{ width: 500px;}
.aboutgap  .bigtitle{margin-bottom: 80px;}
.site .waremapwz p{ font-size: 1.3rem;line-height: 1.8;}
/*.site .waremapwz p:first-letter{font-size:4rem; color: #2c7ffc; font-weight: 600;vertical-align: super;line-height: 1.5}*/
.bgc .waremap{padding: 7rem 0}
.bgc .waremap .site .waremapimg{ width: 470px;}
.bgc  .waremap .site .waremapwz{ margin-left: 5rem}
.warefast{padding: 7rem 0}
.warefast .site{width: 1280px;}
.warefast .customizedysphoto ul li{width: 46%; margin: 0 2% 3rem}
.warefast .customizedysphoto ul li:nth-child(5),.warefast .customizedysphoto ul li:nth-child(6){height:21rem}
.warefast .bigtitle{margin-bottom: 5rem}
.warestorebg{ background: #f3f2ff; padding: 8rem 0}
.warestore{position: relative; text-align: center; width: 1000px; margin: 0 auto;    margin-top: 11rem;}
.warestorewz ul li{ position: absolute;width: 236px; height: 166px; border-radius: 1rem;
    color: #fff;  font-size: 1.2rem; padding: 1rem; line-height: 1.8rem; z-index: 100}
.warestorewz ul li:first-child{background: #b58a23;left:0;top:5rem;padding-top: 2rem; }
.warestorewz ul li:nth-child(2){background: #3a99e3;left:38%;top:-85px;padding-top: 2rem;}
.warestorewz ul li:nth-child(3){background: #7d6be6; right: 0;top:5rem;padding-top: 4rem; }


.wareall,.wareallstep{position: relative}
.wareall .site{    position: absolute;
    width: 1200px;
    left: 50%;
    margin-left: -700px;    z-index: 200;
    padding: 7rem 0;}
.wareall .home-center-photo-block .home-center-photo-people {
    background-image: url(../images/allwarehousing.jpg);
}
.wareall  .home-center-photo-block .mask {
    background: rgba(72,50,159,.8);
}
.wareall.home-center-photo{margin: 0; color: #111}
.wareall  .home-center-photo-block,.wareall  .home-center-photo-block .mask,
.wareall .home-center-photo-block .home-center-photo-people{height: 708px;}

.wareallstep .warecircle,.wareallstep .warejt{position: absolute;}
.wareallstep i{background-size: 4rem; width: 4rem; height: 4rem; margin-bottom: .5rem}
.icon-warehousingicon1{background-image: url(../images/warehousingicon1.jpg);}
.icon-warehousingicon2{background-image: url(../images/warehousingicon2.jpg);}
.icon-warehousingicon3{background-image: url(../images/warehousingicon3.jpg);}
.icon-warehousingicon4{background-image: url(../images/warehousingicon4.jpg);}
.wareallstep .warecircle{background:#fff; border-radius: 25rem; width: 12rem; height: 12rem;    text-align: center;
    padding:2rem 1rem;
}
.wareall  .bigtitle{color: #fff; margin-bottom: 7rem}
.wareallstep p{font-size: 1.1rem;line-height: 1.3;}
.wareallstep .warecircle1{left:4%;top:6rem}
.wareallstep .warejt1{left:15%;top:1rem}
.wareallstep .warecircle2{left:26%;top:0; width: 22rem; height: 22rem; padding-top: 3rem}
.wareallstep .warecircle2 p{padding: 0 2rem}
.wareallstep .warejt2{left:48%;top:1rem}
.wareallstep .warecircle3{left:60%;top:0;width:14rem; height: 14rem;}
.wareallstep .warejt3{left:74%;top:1rem}
.wareallstep .warecircle4{left:82%;top:6rem;width:14rem; height: 14rem;}

/*sourcing*/
.home-headimage-txt .h2.sourcingh2{max-width: 750px;}
.wavedanzi.sourcingbanner .home-headimage-people{ bottom: -166px;}
.wavedanzi.sourcingbanner .home-headimage-house {bottom: -50px; right: 233px;}
.sourcingblock .benefitsmain ul li .benefitsicon{ background: #e0a017; border-radius: 25rem; width: 3rem; margin-right: 1rem}
.sourcingblock .sourcingblockdown .benefitsmain ul li .benefitsicon{background: #4bbfc6}
.sourcingblock .benefitsmain ul li i {
    background-size:30px;
    width: 3rem;
    height: 3rem;
}
.icon-sourcingconicon1{background-image: url(../images/sourcingconicon1.png);}
.icon-sourcingconicon2{background-image: url(../images/sourcingconicon2.png);}
.icon-sourcingconicon3{background-image: url(../images/sourcingconicon3.png);}
.icon-sourcingconicon4{background-image: url(../images/sourcingconicon4.png);}
.icon-sourcingconicon5{background-image: url(../images/sourcingconicon5.png);}
.icon-sourcingdwicon1{background-image: url(../images/sourcingdwicon1.png);}
.icon-sourcingdwicon2{background-image: url(../images/sourcingdwicon2.png);}
.icon-sourcingdwicon3{background-image: url(../images/sourcingdwicon3.png);}
.icon-sourcingdwicon4{background-image: url(../images/sourcingdwicon4.png);}
.icon-sourcingdwicon5{background-image: url(../images/sourcingdwicon5.png);}
.sourcingblock .site{width: 1200px}
.sourcingblock .benefitsmain .benefitstp{width: 360px;}
.sourcingblock .benefitsmainright{margin-top: 2rem}
.sourcingblock .benefitsmain ul li .benefitslist p{font-size: 1.3rem}
.sourcingblockup{margin-bottom: 7rem}
.sourcingblockdown .benefitsmain .benefitstp{margin-right:0; margin-left: 4rem}
.warewomanbg{padding:8rem 0;}
.warewoman{ display: flex; align-items: center;background: #fff;
    border-radius: 1rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #eee; }
.warewoman img{display: block; border-radius: 1rem 0 0 1rem}
.warewomanbg .site{width: 1200px; padding: 0}
.warewoman p{font-size: 1.5rem; line-height: 2; padding:  0 1rem}
.warewoman .benefitspeople{overflow: hidden;border-radius: 1rem 0 0 1rem}
.warewoman .benefitspeople img{transition: all .3s ease}
.warewoman .benefitspeople:hover img{transform: scale(1.1)}

.wareall.merchants .home-center-photo-block .home-center-photo-people {
    background-image: url(../images/sourcing_06.jpg);
}
.wareall.merchants  .home-center-photo-block,.wareall.merchants  .home-center-photo-block .mask,
.wareall.merchants .home-center-photo-block .home-center-photo-people{height: 655px;}
.merchants .site{width: 1200px; display: flex; align-items: center; color: #fff;justify-content: space-between;margin-left: -600px;}

.sourcingblock2{padding: 9rem 0 6rem}
.sourcingblock2 .site{display: flex; width: 1200px; justify-content: space-between}
.sourcingblock2 .waremapwz{width:550px; margin-top: 5rem }
.sourcingblock2 .home-advantage-photo{width: 500px;margin: 0}


.sourcingblock2 .waremapwz.waremapwz2{margin-left: 13rem}
.sourcingblock2s:hover .home-advantage-photo:before,
.sourcingblock2s:hover .home-advantage-photo:after {transform: translate(0,0);}
.sourscingfoot{ background: #e5e7ff; }
.sourscingfoot p{font-size: 1.4rem}
.sourscingfoot .site{position:relative}
.sourscingfoot .fly{position: absolute;right: -14rem;top:-3rem; width: 323px;}
.sourscingfoot .fly img{ width: 100%}

.bigtitle h2{font-size: 2.5rem; margin-bottom: 1rem;line-height: 1.5;}
.sourcingMap{padding: 8rem 0 9rem}
.sourcing-map-bg{ width: 100%}
.home-center-photo.affillatefoot{margin: 0}
.home-center-photo.affillatefoot h2{font-size: 2.4rem}
.site{position: relative}


.homestart{ background: #2c7ffc;border: 1px solid #2c7ffc;  color: #fff;border-radius: 50px;}
.homestart:hover{background:#1763d5 ; color: #fff;}
.wapshow{display: none;}
.sourcingblock2 .site.wapshow{display: none;}
@media screen and (max-width:2560px) {
    body{
        zoom:1.15;
        -moz-transform:scale(1.15);
        -moz-transform-origin:0 0;
    }
}
@media screen and (max-width:1920px) {
    body{
        zoom:1;
        -moz-transform:scale(1);
        -moz-transform-origin:0 0;
    }
}
@media screen and (min-width: 768px){
    .site {
        margin: 0 auto;
        width: 1300px;}
    .site-header .site {
        display: inherit
    }
    .hgroup-language {
        display: inline-block;
        text-align: center;
        width: auto;
    }
    .hgroup-language .button-small {
        vertical-align: middle;
        margin: 10px 4px;
    }
    .header-right{display: inherit; text-align: center}
    .site-logo{text-align: center}
    .menu_nav .nav_li{margin:0 1rem;}

    .home-headimage {
        width: 1000px;
    }
    .home-headimage-people {
        right: 0;
    }
    .home-headimage-txt .h1 {
        font-size: 1.6rem;
    }
    .home-headimage-people{width: 640px; }
    .home-center-photowz{width: auto;left:0;margin-left: 0; padding: 20px}
}

@media screen and (min-width: 1024px) {/*页面宽度大于1024px*/
    .home-headimage{width: 1200px;}
    .site-header .site {display: flex; max-width: 1440px;}
    .hgroup-language {
        text-align: right;
        width: 280px;
        margin-bottom: 0;
    }
    .hgroup-language .button-small {
        margin:4px;
    }
    .header-right{display: flex}

    .menu_nav .nav_li{margin:0 1rem;}
    .menu_nav{ width: calc(100% - 100px);}
    .home-headimage-txt .h1 {
        font-size: 2.2rem;
    }
    .home-headimage-people {
        width: 650px; right:0
    }
    .home-center-photowz{ width: 1200px;
        left: 50%;
        margin-left: -600px;padding: 8rem 0;}
}

@media screen and (min-width: 1280px){/*页面宽度大于1280px*/
    .site-header{
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
    }
    .site-header * {
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
    }
    .menu_nav .nav_li{margin:0 2rem;}
    .home-headimage{width: 1200px;padding-top: 11rem;}
    .home-headimage-txt .h1 {
        font-size: 3.8rem;
    }
    .home-headimage-people { width: 672px;
       right: 50px; text-align: right;
    }
    .wavepink  .home-headimage-people{ width:538px; }
    .intebanner .home-headimage-people{ width:700px; }
    .sourcingbanner .home-headimage-people{ width:659px; }
    .waveju .home-headimage-people{ width:700px;}
    .prcingbanner.waveblue  .home-headimage-people{ width:635px;}

    .home-headimage-people{right:0; bottom: -100px;}
    .home-headimage-cartoon{bottom: -65px;
        right: 280px;}
    .wavepink .home-headimage-people {
        right: 0;
        bottom: -170px;
    }

}
@media screen and (max-width: 1880px){
    .waveblue .home-headimage-people {
        width: 700px; right: 50px
    }
}