@charset "utf-8";
/*
	外贸狼公共文件
	CSS Document 
	做外贸就用外贸狼
	网址：www.waimaolang.cn
	QQ：1918761727
*/
.auto-main{ background-position: center top; background-repeat: no-repeat; background-size: 100%; background-color: #FBFBFB; }

.auto-main-social{ padding-top: 126px; display: block; }
.auto-main-title{ text-align: center; margin-bottom: 80px; letter-spacing: 3px; }
.auto-main-title .auto-main-title-txt{ font-size: 24px; color: #ffffff; }
.auto-main-title .auto-main-title-text{ font-size: 18px; color: #fff; margin: 20px auto; width: 60%; line-height: 36px; }
.auto-main-title .auto-main-title-a{ background: #3D6EFF; color: #fff; display: inline-block; font-size: 14px; margin-right: 14px; border-radius: 25px; padding: 7px 25px; }
.auto-main-title .auto-main-title-a:hover{ background-color: #ff8300; }

.auto-main-video-bg{ padding: 0px; }
.auto-main-video-bg .auto-main-video{ width: 1000px; margin: 0 auto; border: 1px solid #ddd; border-top: 14px solid #fff; border-radius: 5px; box-shadow: 0 30px 30px -10px #cac6c6; overflow: hidden; }
.auto-main-video-bg .auto-main-video video{ display: block; width: 100%; height: auto; }

.auto-main-quality{ padding: 100px 0 60px 0; }
.auto-main-quality .auto-main-quality-title{ text-align: center; font-size: 28px; color: #666; font-weight: 300; }
.auto-main-quality .auto-main-quality-text{ margin: 12px 0 64px 0; color: #666; font-size: 16px; text-align: center; }
.auto-main-quality .auto-main-quality-box{ display: block; position: relative; }
.auto-main-quality .auto-main-quality-item{ width: 33.33333%; }
.auto-main-quality .auto-main-quality-item li{ position: relative; margin-top: 31px; padding: 25px; border: 1px solid #f3efef; background-color: #ffffff; border-radius: 3px; overflow: hidden; box-shadow: 0 0 3px 5px #f8f8f8; cursor: pointer; }
.auto-main-quality .auto-main-quality-item li h3{ padding-left: 30px; font-size: 20px; font-weight: 600; color: #333; }
.auto-main-quality .auto-main-quality-item li p{ font-size: 14px; padding-left: 30px; margin-top: 5px; display: block; color: #666; line-height: 26px; }
.auto-main-quality .auto-main-quality-item li i{ position: absolute; top:32px; left: 25px; font-size: 18px; color: #3093e7; }
.auto-main-quality .auto-main-quality-item li:hover h3,.auto-main-quality .auto-main-quality-item li:hover p,.auto-main-quality .auto-main-quality-item li:hover i{ color: #ff8300; }
.auto-main-quality .auto-main-quality-item li:hover{ border-color: #ff8300; }

.auto-main-quality .auto-main-quality-com{  width: 33.33333%; margin: auto; }
.auto-main-quality .auto-main-quality-img{ width: 80%; margin: auto; overflow: hidden; }
.auto-main-quality .swiper-wrapper{ width: 100%; }
.auto-main-quality .auto-main-quality-img img{ width: 100%; height: auto; display: block; }


.auto-screenshot{ background-color: #ffffff; padding: 60px 0; }
.auto-screenshot .auto-screenshot-title{ text-align: center; font-size: 28px; color: #666; font-weight: 300; }
.auto-screenshot .auto-screenshot-text{ margin: 12px 0 64px 0; color: #666; font-size: 16px; text-align: center; }

.auto-screenshot-box{  }
.auto-screenshot-box img{ width: 100%; height: auto; display: block; }
.auto-screenshot-box .auto-screenshot-top{ width: 1000px; height: auto; margin: 0 auto 35px; }
.auto-screenshot-box .auto-screenshot-top .swiper-slide{ border-radius: 12px; box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.25); object-fit: cover; overflow: hidden; border: 1px solid #ddd; }
.auto-screenshot-box .auto-screenshot-thumbs{ padding-top: 12px; }
.auto-screenshot-box .auto-screenshot-thumbs .swiper-slide{ border-radius: 10px; overflow: hidden; opacity: 0.4;  border:1px solid #ddd; transition: all .8s; cursor: pointer; }
.auto-screenshot-box .auto-screenshot-thumbs .swiper-slide:hover,.auto-screenshot-box .auto-screenshot-thumbs .swiper-slide-thumb-active{ opacity: 1; }

.auto-screenshot-box .swiper-button-white{ background-color: rgba(0,0,0,0.3); background-size: 60%; }

/*外贸狼CRM*/
.wml-crm-system{ width: 100%; background-color: #ffffff; text-align: center; padding: 80px 0; }
.wml-crm-system .wml-crm-system-title{ font-size: 42px; color: #333333; }
.wml-crm-system .wml-crm-system-text{ margin-top: 16px; font-size: 16px; color: #666666; }
.wml-crm-system .wml-crm-system-fun{ display: block; padding-top: 50px; }
.wml-crm-system .wml-crm-system-li{ float: left; text-align: center; width: 33.333333%; margin-bottom: 40px; }
.wml-crm-system .wml-crm-system-li img{ width: 85px; height: auto; display: block; margin: 0 auto 15px; }
.wml-crm-system .wml-crm-system-li p{ display: block; font-size: 14px; }
.wml-crm-system-a{ display: inline-block; font-size: 14px; align-items: center; padding: 0px 36px 0px 46px; height: 54px; line-height: 54px; background-image: linear-gradient(90deg, #3d74f6 0%, #59adf8 100%),linear-gradient(#fff, #fff); background-blend-mode: normal, normal; border-radius: 27px; color: #ffffff; }
.wml-crm-system-a i.fa{ margin-left: 12px; font-size: 16px; }

.wml-crm-section{ background: #ffffff; padding: 80px 0; }
.wml-crm-section .wml-crm-section-img{ width: 500px; display: block; }
.wml-crm-section .wml-crm-section-img img{ width: 90%; display: block; height: auto; margin: 0 auto; }
.wml-crm-section .wml-crm-section-box{ width: calc(100% - 580px); }
.wml-crm-section .wml-crm-section-title{ font-size: 32px; margin-bottom: 36px; font-weight: 300; }
.wml-crm-section .wml-crm-section-p{ font-size: 16px; line-height: 2; color: #666; }
.wml-crm-section .wml-crm-system-a{ margin-top: 50px;  }

.wml-crm-section-one{ background: #f0f5ff; }

.display-none{ display: none; }

.wml-crm-section-tow{ text-align: center; }
.wml-crm-section-tow .width-main{ position: relative; height: 560px; margin: 0 auto; background-image: url(../wmlimg/crm-section-bg.png); background-position: -180px center; background-repeat: no-repeat; }
.wml-crm-section-tow .wml-crm-section-h3{ font-size: 40px; color: #545659; padding-top: 130px; }
.wml-crm-section-tow .wml-crm-section-text{ margin: 40px 0px 50px; font-size: 18px; color: #666666; letter-spacing: 3px; }
.wml-crm-section-tow .wml-crm-section-txt{ margin-top: 8px; color: #999999; font-size: 14px; }

.wml-crm-detail{ border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 96px 0 78px 0; text-align: center; }
.wml-crm-detail .wml-crm-detail-title{ color: #333333; font-size: 42px; }
.wml-crm-detail .wml-crm-detail-text{ color: #666666; font-size: 16px; margin: 20px 0px 68px; }
.wml-crm-detail .wml-crm-detail-box{ display: flex; justify-content: space-between; }
.wml-crm-detail-box .wml-crm-detail-ul{ color: rgba(0, 0, 0, 0.65); background-image: linear-gradient(#fff, #fff),linear-gradient(#f7f7f7, #f7f7f7); background-blend-mode: normal, normal; box-shadow: 7px 12px 51px 0px rgba(172,203,233,0.33);width: 215px; display: block; padding: 50px 0px; }
.wml-crm-detail-box .wml-crm-detail-ul .wml-crm-detail-img{ width: 50px; height: auto; margin: auto; display: block; }
.wml-crm-detail-box .wml-crm-detail-ul .wml-crm-detail-h2{ font-size: 24px; margin: 38px 0px; }
.wml-crm-detail-box .wml-crm-detail-ul .wml-crm-detail-txt{ display: block; }
.wml-crm-detail-box .wml-crm-detail-ul .wml-crm-detail-txt p{ font-size: 14px; line-height: 32px; }

.wml-crm-data{ padding: 60px 0px; text-align: center; border-bottom: 1px solid #e6e6e6; }
.wml-crm-data .wml-crm-data-title{ color: #333333; font-size: 42px; margin-bottom: 60px; }
.wml-crm-data .wml-crm-data-box{ display: flex; justify-content: center; }
.wml-crm-data .wml-crm-data-li{ width: 316px; height: 125px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.wml-crm-data .wml-crm-data-wen{ display: flex; color: #fc6537; }
.wml-crm-data .wml-crm-data-num{ font-size: 40px; }
.wml-crm-data .wml-crm-data-jia{ margin-top: 28px; font-size: 18px; position: relative; top: -25px; }
.wml-crm-data .wml-crm-data-text{ font-size: 16px; margin-top: 20px; }
.wml-crm-data .wml-crm-data-box .wml-crm-data-li+.wml-crm-data-li{ border-left: 1px solid #e6e6e6; }


/* 一站通 business */
.xz-business {
  width: 100%;
  padding: 80px 0;
}
.xz-business-body {
  width: 100%;
}
.xz-business-body h1 {
  width: 100%;
  text-align: center;
}
.xz-business-body h1 span {
  font-size: 30px;
  color: #293846;
  line-height: 64px;
}
.xz-business-body h1 span.spec {
  color: #ff8000;
}
.xz-business-body p {
  color: #cdcdcd;
  font-size: 24px;
  text-align: center;
  line-height: 48px;
}
.xz-business-ul{ margin-top: 45px; }
.xz-business-li {
  width: 25%;
  float: left;
}
.xz-business-content {
  width: 90%;
  margin: 0 5%;
  overflow: hidden;
  border: 1px solid #dddddd;
}
.xz-business-content:hover{ background-color: #ffffff; box-shadow: 0 0 40px 0 rgba(30,34,37,.11);}
.xz-business-top {
  width: 100%;
  padding: 30px 0px 10px 0;
}
.xz-business-top1 {
  background-color: #fc8ba4;
}
.xz-business-top2 {
  background-color: #28a5c6;
}
.xz-business-top3 {
  background-color: #f99900;
}
.xz-business-top4 {
  background-color: #75b600;
}
.xz-business-img {
  width: 64px;
  height: 64px;
  margin: 0 auto;
}
.xz-business-img img {
  width: 100%;
  height: auto;
}
.xz-business-top p {
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  line-height: 64px;
}
.xz-business-bottom p {
  color: #333333;
  font-size: 16px;
  line-height: 30px;
  width: 100%;
  text-align: left;
  padding: 16px;
  height: 200px;
}
/* fourability */
.xz-fourability {
  width: 100%;
  background: url('../wmlimg/web-fourability-bg.png') no-repeat center 0;
  height: 390px;
  position: relative;
  background-size: cover;
}
.xz-fourability-body {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}
.xz-fourability-main {
  width: 100%;
}
.xz-fourability-li {
  float: left;
  width: 25%;
}
.xz-fourability-content {
  width: 100%;
}
.xz-fourability-img {
  width: 150px;
  height: 150px;
  margin: 0 auto;
}
.xz-fourability-img img {
  width: 100%;
  height: auto;
}
.xz-fourability-img:hover{ perspective:1000;transform-style:preserve-3d; transform:rotateY(-180deg); }
.xz-fourability-content p {
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  line-height: 60px;
}
/* fiveadvantage */
.xz-fiveadvantage {
  width: 100%;
  padding: 50px 0;
}
.xz-fiveadvantage-body {
  width: 100%;
}
.xz-fiveadvantage-ul {
  width: 100%;
}
.xz-fiveadvantage-li {
  width: 20%;
  float: left;
}
.xz-fiveadvantage-content {
  width: 100%;
  margin: 0;
  padding: 16px;
  height: 390px;
  border-radius: 2px;
}
.xz-fiveadvantage-content:hover{ z-index: 2; box-shadow: 0 0 27px 0 rgba(55,62,84,.14); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }
.xz-fiveadvantage-content1 {
  background-color: #48cfad;
}
.xz-fiveadvantage-content2 {
  background-color: #4b90d3;
}
.xz-fiveadvantage-content3 {
  background-color: #fc5870;
}
.xz-fiveadvantage-content4 {
  background-color: #32cbc9;
}
.xz-fiveadvantage-content5 {
  background-color: #fc8e1f;
}
.xz-fiveadvantage-content h3 {
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 32px;
}
.xz-fiveadvantage-img {
  width: 96px;
  height: 96px;
  margin: 0 auto;
}
.xz-fiveadvantage-img img {
  width: 100%;
  height: auto;
}
.xz-fiveadvantage-content .little-title-box {
  width: 100%;
  height: 64px;
}
.xz-fiveadvantage-content p.little-title {
  font-size: 18px;
  color: #fff;
  font-weight: 800;
  text-align: center;
  line-height: 32px;
}
.xz-fiveadvantage-content p {
  font-size: 14px;
  color: #fff;
  text-align: left;
  line-height: 30px;
}
.xz-fiveadvantage-content .fiveadvantage-desc {
  margin-top: 10px;
}
/*sixfunction  */
.xz-sixfunction {
  width: 100%;
  padding: 50px 0;
}
.xz-sixfunction-body {
  width: 100%;
}
.xz-sixfunction-body h1 {
  width: 100%;
  text-align: center;
}
.xz-sixfunction-body h1 span {
  font-size: 30px;
  color: #293846;
  line-height: 64px;
}
.xz-sixfunction-body h1 span.spec {
  color: #ff8000;
}
.xz-sixfunction-main {
  width: 100%;
  margin-top: 35px;
}
.xz-sixfunction-ul {
  width: 100%;
}
.xz-sixfunction-li {
  float: left;
  width: 33.3%;
}
.xz-sixfunction-contet {
  width: 95%;
  margin: 10px auto;
  padding: 29px 16px;
  border-radius: 8px;
  background-color: #ffffff;
  border: 1px solid #ddd;
  box-shadow: 0px 0px 5px #f7f7ff;
  height: 250px;
  cursor: pointer;
}
.xz-sixfunction-contet:hover {
  border: 1px solid #ececec;
  box-shadow: 0px 0px 10px 5px #ececec;
  -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px);
}
.xz-sixfunction-img {
  width: 72px;
  height: 72px;
  margin: 0 auto;
}
.xz-sixfunction-img img {
  width: 100%;
  height: auto;
}
.xz-sixfunction-contet h3 {
  font-size: 20px;
  color: #565656;
  width: 100%;
  text-align: center;
  line-height: 60px;
}
.xz-sixfunction-contet p {
  width: 100%;
  text-align: left;
  font-size: 14px;
  color: #9e9e9e;
}

/*加盟外贸狼*/
.wml-join-tupo{ display: block; }
.wml-join-tupo .wml-join-tupo-box{  padding: 42px 0; }
.wml-join-tupo .wml-join-tupo-title{ font-size: 32px; font-weight: bold; text-align: center; }
.wml-join-tupo .wml-join-tupo-com{ padding-top: 35px; }
.wml-join-tupo .wml-join-tupo-left{ width: 150px; float: left; padding-top: 10px; }
.wml-join-tupo .wml-join-tupo-li{ display: block; font-size: 18px; text-align: center; border: 1px solid #ccc; border-radius: 3px; margin-bottom: 20px; line-height: 48px; background: #f9f9f9; }
.wml-join-tupo .wml-join-tupo-img{ width: calc(100% - 615px); height: auto; float: left; margin: 0 0 0 30px; }
.wml-join-tupo .wml-join-tupo-img img{ width: 100%; height: auto; display: block; font-size: 0; }
.wml-join-tupo .wml-join-tupo-right{ width: 380px; float: right; }
.wml-join-tupo .wml-join-tupo-ul{ margin: 20px 0 26px 0; border: 1px solid #ff8300;  border-radius: 5px; text-align: center; position: relative; padding-top: 15px; }
.wml-join-tupo .wml-join-tupo-ul-title{ background-color: #ffffff; color: #ff8300; font-weight: bold; display: block; font-size: 16px; width: 135px; text-align: center; padding: 3px 0; margin: auto; left: 0; right: 0; top: -15px; position: absolute;  }
.wml-join-tupo .wml-join-tupo-ul-text{ display: block; font-size: 14px; color: #333; line-height: 36px; padding: 10px 20px; }

.wml-jingying{ padding: 32px 0; }
.wml-jingying .wml-jingying-title{ font-size: 32px; font-weight: bold; text-align: center; }
.wml-jingying .wml-jingying-box{ display: flex; flex-direction: row; justify-content: space-between; margin: 42px 0; }
.wml-jingying .wml-jingying-li{ border-radius: 10px; display: block; width: 200px; height: auto; padding: 30px 0; text-align: center; box-shadow: 0 0 10px 2px #e8e6e6; transition: all .8s; }
.wml-jingying .wml-jingying-img{ display: block; margin: 0 auto 10px; width: 64px; height: 64px; font-size: 0; }
.wml-jingying .wml-jingying-text{ font-size: 18px; color: #333; }
.wml-jingying .wml-jingying-li:hover{ box-shadow: 0 0 10px 2px #def6ff; }

.wml-joinwhy{ padding: 42px 0; background: #fbfbfb; }
.wml-joinwhy .wml-joinwhy-title{ text-align: center; font-size: 32px; font-weight: bold; }
.wml-joinwhy .wml-joinwhy-text{ font-size: 16px; text-align: center; color: #999; margin-top: 10px; }
.wml-joinwhy .wml-joinwhy-box{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; }
.wml-joinwhy .wml-joinwhy-li{ width: 350px; margin: 2% 0; }
.wml-joinwhy .wml-joinwhy-li-title{ font-size: 24px; color: #ff8300; display: flex; justify-content: flex-start; }
.wml-joinwhy .wml-joinwhy-li-img{ width: 32px; height: auto; margin-right: 8px; display: block; font-size: 0; }
.wml-joinwhy .wml-joinwhy-li-txt{ font-size: 14px; color: #666; line-height: 25px; padding-top: 8px; }

.wml-nicebig{ text-align: center; padding: 48px 0; }
.wml-nicebig .wml-nicebig-title{ text-align: center; font-size: 32px; font-weight: bold; }
.wml-nicebig .wml-nicebig-text{ font-size: 16px; text-align: center; color: #999; margin-top: 10px; }
.wml-nicebig .wml-nicebig-box{ width: 100%; height: auto; display: block; margin-top: 35px; }
.wml-nicebig .wml-nicebig-img{ max-width: 100%; height: auto; display: block; font-size: 0; margin: auto; }

.wml-threeadv{ margin-top: 80px; }
.wml-threeadv .wml-threeadv-box{  display: flex; justify-content: space-between; margin: 42px 0 20px; }
.wml-threeadv .wml-threeadv-li{ width: 320px; height: 320px; border-radius: 50%; overflow: hidden; transition: all .5s; cursor: pointer; }
.wml-threeadv .wml-threeadv-li-box{ height: 50%; display: flex; flex-direction: column; justify-content: center; }
.wml-threeadv .wml-threeadv-li-h2{ color: #ffffff; font-size: 32px; font-weight: bold; padding-bottom: 5px; }
.wml-threeadv .wml-threeadv-li-h3{ color: #ffffff; font-size: 24px; }
.wml-threeadv .wml-threeadv-li-h1{ color: #ffffff; font-size: 24px; font-weight: bold; padding: 30px 0; }
.wml-threeadv .wml-threeadv-li-h4{ color: #ffffff; font-size: 20px; font-weight: normal; }
.wml-threeadv .wml-threeadv-li-text{ height: 50%; background-color: #ffffff; padding-top: 25px; }
.wml-threeadv .wml-threeadv-li-txt{ display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; }
.wml-threeadv .wml-threeadv-li-text p{ display: block; width: 35%; line-height: 30px; font-size: 16px; }
.wml-threeadv .wml-threeadv-lione{ border: 1px solid #00c79f; background-color: #00c79f; }
.wml-threeadv .wml-threeadv-lithree{ border: 1px solid #f26569; background-color: #f26569; }
.wml-threeadv .wml-threeadv-litow{ border: 1px solid #ff8300; background-color: #ff8300; }
.wml-threeadv .wml-threeadv-litow .wml-threeadv-li-box{ height: 100%; }
.wml-threeadv .wml-threeadv-lione:hover{ border-color: #0DAEFF; background-color: #0DAEFF; }
.wml-threeadv .wml-threeadv-lithree:hover{ border-color: #0DAEFF; background-color: #0DAEFF; }
.wml-threeadv .wml-threeadv-litow:hover{ border-color: #0DAEFF; background-color: #0DAEFF; }

.wml-jionbrand{ background-color: #fcfcfc; padding: 60px 0; text-align: center; }
.wml-jionbrand .wml-jionbrand-title{ text-align: center; font-size: 32px; font-weight: bold; }
.wml-jionbrand .wml-jionbrand-text{ margin: 10px 0 15px 0; font-size: 16px; text-align: center; color: #999; }
.wml-jionbrand .wml-jionbrand-btn{ border-radius: 5px; border: 1px solid #ff8300; color: #ff8300; font-size: 16px; padding:5px 12px; display: inline-block; }
.wml-jionbrand .wml-jionbrand-box{ display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; }
.wml-jionbrand .wml-jionbrand-li{ width: 30%; display: block; text-align: center; margin: 2% 0; }
.wml-jionbrand .wml-jionbrand-liimg{ width: 32px; height: auto; font-size: 0; display: block; margin: auto; }
.wml-jionbrand .wml-jionbrand-lititle{ font-size: 18px; font-weight: bold; color: #3c3c3c; margin: 10px 0; }
.wml-jionbrand .wml-jionbrand-litext{ font-size: 16px; color: #666; }

.wml-qianli{ padding: 54px 0 80px; }
.wml-qianli .wml-qianli-title{ text-align: center; font-size: 32px; font-weight: bold; margin-bottom: 50px; }
.wml-qianli .wml-qianli-box{ display: flex; justify-content: space-around; }
.wml-qianli .wml-qianli-li{ width: 33.33333%; padding: 20px 0; }
.wml-qianli .wml-qianli-li+.wml-qianli-li{ border-left: 1px solid #efefef; }
.wml-qianli .wml-qianli-box+.wml-qianli-box{ border-top: 1px solid #efefef; }
.wml-qianli .wml-qianli-img{ border: 1px solid #ddd; border-radius: 50px; margin: 0 auto; width: 84px; height: 84px; display: block; overflow: hidden; padding: 20px; }
.wml-qianli .wml-qianli-img img{ width: 100%; height: auto; display: block; }
.wml-qianli .wml-qianli-text{ font-size: 16px; color: #666; text-align: center; line-height: 28px; padding: 8px 25px 0; }


@media (max-width: 1024px){
  	.auto-main-video-bg .auto-main-video{ width: 94%; }
  	.auto-main-quality .auto-main-quality-item li{ margin-top: 18px; padding: 18px; }
  	.auto-screenshot-box .auto-screenshot-top,.auto-screenshot-box .auto-screenshot-thumbs{ width: 96%; }

  	.wml-crm-section .wml-crm-section-img{ width: 450px; }
  	.wml-crm-section .wml-crm-section-box{ width: calc(100% - 500px); padding: 0 12px; }
  	.wml-crm-detail-box .wml-crm-detail-ul{ width: 18.5%; }
  	.wml-crm-section-tow .width-main{ background-size: 110%; background-position: -100px center; }

    .wml-join-tupo,.wml-jingying,.wml-joinwhy,.wml-nicebig,.wml-jionbrand,.wml-qianli{ padding: 42px 10px; }
}


@media ( max-width: 768px){
	.wml-crm-section .wml-crm-section-img{ width: 350px; }
	.wml-crm-section .wml-crm-section-box{ width: calc(100% - 370px); }
	.wml-crm-detail-box .wml-crm-detail-ul .wml-crm-detail-h2{ font-size: 18px; }
	.wml-crm-system .wml-crm-system-title,.wml-crm-section-tow .wml-crm-section-h3,.wml-crm-detail .wml-crm-detail-title{ font-size: 32px; }
	.wml-crm-section .wml-crm-section-title{ font-size: 24px; margin-bottom: 12px; }
	.wml-crm-section .wml-crm-system-a{ margin-top: 20px; }
	
  .wml-join-tupo .wml-join-tupo-left{ width: 100px; }
  .wml-join-tupo .wml-join-tupo-li{ font-size: 16px; margin-bottom: 10px; line-height: 36px; }
  .wml-join-tupo .wml-join-tupo-right{ width: 250px; }
  .wml-join-tupo .wml-join-tupo-ul{ margin: 5px 0 18px; padding-top: 3px; }
  .wml-join-tupo .wml-join-tupo-ul-text{ line-height: 25px; }
  .wml-join-tupo .wml-join-tupo-img{ width: calc(100% - 380px); margin-left: 10px; }
  .wml-join-tupo .wml-join-tupo-title,.wml-jingying .wml-jingying-title,.wml-joinwhy .wml-joinwhy-title,.wml-nicebig .wml-nicebig-title,.wml-nicebig .wml-nicebig-title,.wml-jionbrand .wml-jionbrand-title,.wml-qianli .wml-qianli-title{ font-size: 30px; }
  .wml-jingying .wml-jingying-li{ width: 160px; }
  .wml-joinwhy .wml-joinwhy-li{ width: 46%; }
  .wml-threeadv .wml-threeadv-li-h2{ font-size: 28px; }
  .wml-threeadv .wml-threeadv-li-h3,.wml-threeadv .wml-threeadv-li-h1{ font-size: 20px; }
  .wml-threeadv .wml-threeadv-li{ height: 230px; width: 230px; }
  .wml-threeadv .wml-threeadv-li-text{ padding-top: 8px; }
  .wml-threeadv .wml-threeadv-li-h1{ padding: 10px 0; }
}

@media (max-width: 640px){
	.auto-main{ background-size: 130%; }
	.auto-main-social{ padding-top: 15px; }
	.auto-main-title .auto-main-title-txt{ font-size: 20px; }
	.auto-main-title .auto-main-title-text{ width: 90%; font-size: 14px; }
	.auto-main-video-bg .auto-main-video{ border-top: 14px solid #ddd; }
	.auto-main-quality .auto-main-quality-item,.auto-main-quality .auto-main-quality-com{ width: 96%; float: none; margin: auto; }
	.auto-main-quality .auto-main-quality-com{ margin-top: 25px; }
	.auto-main-quality .auto-main-quality-item li i{ top: 25px; left: 20px; }
	.auto-main-quality .auto-main-quality-img{ width: 90%; }
	.auto-screenshot .auto-screenshot-title{ font-size: 20px; }
	.auto-screenshot .auto-screenshot-text{ font-size: 14px; line-height: 26px; padding: 0 12px; }
	.auto-main-quality .auto-main-quality-text{ padding: 0 12px; line-height: 28px; margin: 12px 0 31px 0; }
	.auto-main-quality{ padding: 80px 0 60px 0; }
	.swiper-button-next, .swiper-button-prev{ height: 42px!important; }

	.wml-crm-section .wml-crm-section-img,.wml-crm-section .wml-crm-section-box{ width: 94%; margin: auto;float: none; }
	.wml-crm-system .wml-crm-system-text,.wml-crm-section .wml-crm-section-p{ font-size: 14px; }
	.wml-crm-system .wml-crm-system-title,.wml-crm-section-tow .wml-crm-section-h3,.wml-crm-detail .wml-crm-detail-title{ font-size: 24px; }
	.wml-crm-section .wml-crm-section-title{ font-size: 20px; font-weight: 600; }
	.wml-crm-detail .wml-crm-detail-box,.wml-crm-data .wml-crm-data-box{ flex-wrap: wrap; }
	.wml-crm-detail-box .wml-crm-detail-ul{ width: 46%; margin: 0 2% 15px;  }
	.wml-crm-data .wml-crm-data-li{ width: 50%; margin-bottom: 15px; }
	.wml-crm-system .wml-crm-system-text{ padding: 0 15px; }
	.wml-crm-section .wml-crm-section-box{ margin-top: 15px; }
	.wml-crm-detail .wml-crm-detail-title{ font-size: 22px; }
	.wml-crm-detail-box .wml-crm-detail-ul .wml-crm-detail-h2{ margin: 18px 0px; }
	.wml-crm-section-tow .width-main{ height: auto; padding-bottom: 60px; background-position: -40px center; }
	.wml-crm-section-tow .wml-crm-section-h3{ padding-top: 60px; }
	.wml-crm-system,.wml-crm-section{ padding: 60px; }

  .wml-join-tupo .wml-join-tupo-left,.wml-join-tupo .wml-join-tupo-img,.wml-join-tupo .wml-join-tupo-right{ width: 94%; margin: auto; float: none; }
  .wml-join-tupo .wml-join-tupo-left{ display: flex; justify-content: space-around; flex-wrap: wrap; }
  .wml-join-tupo .wml-join-tupo-li{ font-size: 18px; margin-bottom: 10px; line-height: 42px; width: 30%; }
  .wml-join-tupo .wml-join-tupo-ul{ margin: 15px 0 20px; padding-top: 10px; }
  .wml-join-tupo .wml-join-tupo-ul-text{ line-height: 36px; }
  .wml-join-tupo .wml-join-tupo-title,.wml-jingying .wml-jingying-title,.wml-joinwhy .wml-joinwhy-title,.wml-nicebig .wml-nicebig-title,.wml-nicebig .wml-nicebig-title,.wml-jionbrand .wml-jionbrand-title,.wml-qianli .wml-qianli-title{ font-size: 18px; }
  .wml-jingying .wml-jingying-box{ flex-wrap: wrap; }
  .wml-jingying .wml-jingying-li{ width: 48%; margin-bottom: 20px; }
  .wml-joinwhy .wml-joinwhy-li{ width: 48%; }
  .wml-threeadv .wml-threeadv-box{ display: flex; justify-content: center; margin: 42px auto 20px; flex-direction: column; align-items: center; }
  .wml-threeadv .wml-threeadv-li{ margin-bottom: 15px; }
  .wml-jionbrand .wml-jionbrand-li{ width: 47%; }

}
@media screen and (max-width: 480px) {
  .wml-threeadv .wml-threeadv-li{ width: 320px; height: 320px; }
  .wml-jionbrand .wml-jionbrand-box,.wml-qianli .wml-qianli-box,.wml-joinwhy .wml-joinwhy-box{ flex-direction: column; align-items: center; }
  .wml-jionbrand .wml-jionbrand-li,.wml-qianli .wml-qianli-li,.wml-joinwhy .wml-joinwhy-li{ width: 96%; }
  .wml-qianli .wml-qianli-li+.wml-qianli-li{ border-left: none; border-top: 1px solid #efefef; }
}

@media screen and (max-width: 1200px) {
  .width-main {
    max-width: 100%;
    width: 100%;
  }
  .xz-fiveadvantage-li {
    width: 25%;
    margin: 20px 0;
  }
}
@media screen and (max-width: 1024px) {
  .xz-business-li {
    width: 50%;
    margin: 20px 0;
  }
}
@media screen and (max-width: 960px) {
  .xz-fiveadvantage-li {
    width: 50%;
  }
  .xz-sixfunction-li {
    width: 50%;
  }
}
@media screen and (max-width: 769px) {
  .xz-fourability {
    height: unset;
  }
  .xz-fourability-li {
    width: 50%;
    margin: 20px 0;
  }
  .xz-fourability-body {
    position: relative;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
  }
  .xz-indexbanner {
    display: none;
  }
  .xz-indexbanner-mobile {
    display: block;
  }
  .xz-business {
    padding: 50px 0;
  }
  .xz-sixfunction {
    padding-top: 0px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 640px) {
  .xz-business-body h1 span {
    font-size: 24px;
  }
  .xz-business-body p {
    font-size: 18px;
  }
  .xz-business-li {
    width: 100%;	
  }
  .xz-business-bottom p {
    height: auto;
  }
  .xz-fiveadvantage-li {
    width: 100%;
  }
  .xz-fiveadvantage-content {
    height: auto;
  }
  .xz-sixfunction-body h1 span {
    font-size: 24px;
  }
  .xz-sixfunction-li {
    width: 100%;
  }
  .xz-sixfunction-contet {
    height: auto;
    margin: 15px auto;
  }
}
@media screen and (max-width: 480px) {
  .xz-business-body h1 span {
    font-size: 20px;
    line-height: 36px;
  }
  .xz-business-body p {
    font-size: 16px;
  }
  .xz-sixfunction-body h1 span {
    font-size: 20px;
    line-height: 36px;
  }
  .xz-business-ul{ margin-top: 15px; }
}