@font-face {
  font-family: "Arial Rounded MT Bold";
  src: url('/font/ARLRDBD.TTF') format("truetype");
  font-weight: normal;
}
a{ text-decoration:none;color: black; }
* {
  margin: 0;
  padding: 0;
}
.q-h-100 {
  height: 100px;
}
.q-row {
  width: 1440px;
  margin: 0 auto;
}
.q-h-200 {
  height: 200px;
}
.q-header {
  width: 100%;
  height: 86px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.q-header-logo {
  width: 275px;
  height: 112px;
  background: url(../image/bg-1.png) no-repeat center;
  background-size: 100% auto;
}
.no-bg {
  background: #ffffff;
}
.q-header-logo img {
  width: 190px;
  height: 53px;
  margin: 20px 0 0 28px;
}
.q-header-list {
  display: flex;
  align-items: center;
}
.q-headet-title {
  font-size: 18px;
  font-weight: 600;
  line-height: 25px;
  color: #000000;
  margin-right: 40px;
}
.q-search {
  width: 18px;
  height: 18px;
  background: url(../image/icon-1.png) no-repeat center;
  background-size: 100% auto;
}
.q-border {
  height: 20px;
  color: #000000;
  margin: 0px 42px;
}
.q-langang {
  display: flex;
  align-items: center;
}
.q-langang-select {
  font-weight: 600;
  font-size: 15px;
  line-height: 21px;
  color: #000000;
  margin-right: 13px;
}
.q-down {
  width: 10px;
  height: 14px;
  background: url(../image/icon-2.png) no-repeat center;
  background-size: 100% auto;
  margin-right: 40px;
}
.q-banner {
  width: 100%;
  height: 647px;
  /*//background: url(../image/bg-3.png) no-repeat center;*/
  background-size: 100% auto;
  overflow: hidden;
}
.q-banner-txt {
  margin: 64px 0 0 276px;
}
.q-txt-top {
  width: 515px;
  font-size: 64px;
  font-family: Arial Rounded MT Bold;
  font-weight: 600;
  line-height: 74px;
  color: #333333;
}
.q-txt-down {
  font-size: 20px;
  font-family: Arial Rounded MT Bold;
  line-height: 23px;
  color: #4f4f4f;
  margin-top: 15px;
}
.q-h-128 {
  height: 128px;
}
.q-about-us {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 120px;
}
.q-about-title {
  font-family: Arial Rounded MT Bold;
  font-size: 56px;
  line-height: 65px;
  color: #000000;
}
.q-about-conter {
  width: 550px;
  height: 186px;
  font-size: 18px;
  line-height: 32px;
  color: #000000;
}
.q-more {
  font-size: 18px;
  line-height: 32px;
  color: #df000d;
}
.q-site-title {
  overflow: hidden;
}
.q-site-title .q-site {
  width: 404px;
  height: 258px;
  background: url(../image/icon-3.png) no-repeat center;
  background-size: 100% auto;
  overflow: hidden;
}
.q-site-num {
  font-weight: bold;
  font-size: 96px;
  line-height: 115px;
  color: #ffffff;
  text-align: center;
  margin-top: 42px;
}
.q-site-txt {
  font-weight: 510;
  font-size: 18px;
  line-height: 32px;
  color: #ffffff;
  text-align: center;
}
.q-channels {
  width: 430px;
  height: 231px;
  background: url(../image/icon-4.png) no-repeat center;
  overflow: hidden;
  margin-top: -60px;
  margin-left: 60px;
}
.q-products {
  display: flex;
  align-items: center;
}
.q-products-left {
  width: 168px;
  height: 500px;
  background: url(../image/icon-5.png) no-repeat center;
  background-size: 100% auto;
}
.q-product-txt {
  margin-top: 284px;
  margin-left: -59px;
}
.q-pro-top {
  font-family: Arial Rounded MT Bold;
  font-size: 56px;
  line-height: 65px;
  color: #000000;
}
.q-pro-down {
  font-size: 18px;
  line-height: 32px;
  color: #333333;
}
.q-category {
  font-weight: 590;
  font-size: 24px;
  line-height: 32px;
  color: #000000;
  text-align: center;
}
.q-category-list {
  width: 1197px;
  height: 243px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.q-list-detail {
  width: 200px;
  height: 200px;
}
.q-list-detail img {
  width: 200px;
  height: 200px;
}
.q-list-detail p {
  text-align: center;
  color: #333333;
}
.q-brands {
  font-size: 24px;
  line-height: 32px;
  color: #000000;
  text-align: center;
  margin-bottom: 60px;
}
.q-brands-list {
  width: 100%;
  height: 560px;
  display: flex;
  position: relative;
}
.q-brand-detail {
  width: 320px;
  height: 560px;
  background: #f7f6f6;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.q-h-58 {
  height: 158px;
}
.q-brand-top {
  width: 255px;
  height: 194px;
}
.q-brand-top img {
  width: 255px;
  height: 194px;
}
.q-detail-down {
  width: 124px;
  height: 31px;
}
.q-detail-down img {
  width: 124px;
  height: 31px;
  margin-top: 129px;
}
.round {
  background: #f2f2f2;
}
.q-select-left {
  width: 42px;
  height: 42px;
  background: url(../image/icon-7.png) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: 280px;
}
.q-select-rigth {
  width: 42px;
  height: 42px;
  background: url(../image/icon-8.png) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  right: 0;
  top: 280px;
}
.q-business-title {
  max-width: 1440px;
  height: 2125px;
  margin:0 auto;
  background: url(../image/bg-20.png) no-repeat center;
  background-size: 100% auto;
  overflow: hidden;
}
.q-product-all {
  width: 171px;
  height: 42px;
  background: #df000d;
  border-radius: 50px;
  font-weight: 590;
  font-size: 24px;
  line-height: 42px;
  color: #ffffff;
  text-align: center;
  margin: 85px auto 225px auto;
}
.q-our-business {
  margin-left: 120px;
  margin-bottom: 115px;
}
.q-bus-title {
  font-family: Arial Rounded MT Bold;
  font-size: 56px;
  line-height: 65px;
  color: #000000;
  margin-bottom: 24px;
}
.q-bus-txt {
  width: 860px;
  height: 128px;
  font-size: 18px;
  line-height: 32px;
  color: #333333;
}
.q-span-more {
  font-size: 18px;
  line-height: 32px;
  color: #df000d;
}
.q-technological-process {
  width: 1200px;
  margin: 0 auto;
  display: flex;
}
.pocess-title {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 80px;
}
.q-process-top {
  width: 62px;
  height: 62px;
  background: url(../image/icon-9.png) no-repeat center;
  background-size: 100% auto;
}
.q-process-center {
  font-size: 24px;
  line-height: 30px;
  color: #2c2c2c;
  margin: 34px 0 19px 0;
}
.q-process-down {
  width: 320px;
  height: 115px;
  line-height: 30px;
  font-size: 18px;
  color: #696969;
  text-align: center;
}
.q-process-tradit {
  width: 77px;
  height: 65px;
  background: url(../image/icon-11.png) no-repeat center;
  background-size: 100% auto;
}
.q-process-commer {
  width: 60px;
  height: 60px;
  background: url(../image/icon-10.png) no-repeat center;
  background-size: 100% auto;
}
.q-partners {
 margin:312px 0 118px 120px;
}
.q-parters-title {
  font-family: Arial Rounded MT Bold;
  font-size: 56px;
  line-height: 65px;
  color: #000000;
}
.q-parters-center {
  width: 635px;
  font-size: 18px;
  line-height: 32px;
  color: #333333;
}
.q-business-logo {
  display: flex;
  align-items: center;
  margin-left: 204px;
}
.q-left-logo {
  width: 156px;
  height: 156px;
  border-radius: 50%;
}
.q-left-logo img {
  width: 156px;
  height: 156px;
}
.q-makro {
  margin-left: 39px;
}
.q-makro .q-left-moco {
  margin-left: 30px;
  margin-bottom: 78px;
}
.q-big-logo {
  margin-left: 69px;
}
.q-big {
  width: 156px;
  height: 156px;
  border-radius: 50%;
  margin-bottom: 38px;
  margin-left: -60px;
}
.q-big img {
  width: 156px;
  height: 156px;
}
.q-lawson {
  width: 156px;
  height: 156px;
  border-radius: 50%;
  margin-top: 190px;
}
.q-lawson img {
  width: 156px;
  height: 156px;
}
.q-footer {
  width: 100%;
  height: 377px;
  background: #df000d;
  display: flex;
  overflow: hidden;
}
.q-footer-left {
  margin: 100px 106px 0 120px;
}
.q-footer-left .q-footer-logo {
  width: 215px;
  height: 60px;
  background: url(../image/bg-9.png) no-repeat center;
  background-size: 100% auto;
}
.q-footer-list {
  display: flex;
  margin-top: 60px;
}
.q-footer-txt {
  font-weight: 590;
  font-size: 18px;
  line-height: 21px;
  color: #ffffff;
  margin-right: 25px;
}
.q-footer-down {
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  margin-top: 92px;
}
.q-footer-right {
  font-size: 18px;
  line-height: 21px;
  color: #ffffff;
  text-align: right;
}
.q-follow {
  display: flex;
  justify-content: flex-end;
  margin-top: 13px;
}
.q-follow-left {
  width: 35px;
  height: 35px;
  background: url(../image/icon-12.png) no-repeat center;
  background-size: 100% auto;
}
.q-follow-right {
  width: 35px;
  height: 35px;
  background: url(../image/icon-13.png) no-repeat center;
  background-size: 100% auto;
  margin-left: 19px;
}
.q-footer-contach {
  width: 364px;
  height: 54px;
  display: flex;
  background: #ffffff;
  border-radius: 10px;
  margin-top: 51px;
}
.q-footer-contach input {
  width: 242px;
  height: 100%;
  padding-left: 20px;
  border: none;
  border-radius: 10px;
}
.q-footer-contach input::placeholder {
  font-weight: 590;
  font-size: 16px;
  line-height: 19px;
  color: #cecece;
}
.q-contach {
  width: 118px;
  height: 46px;
  background: #df000d;
  border-radius: 8px;
  font-weight: 590;
  font-size: 16px;
  line-height: 19px;
  color: #ffffff;
  margin: 4px 4px 4px 0;
  line-height: 46px;
  text-align: center;
}
.q-header-about {
  width: 151px;
  height: 42px;
  background: url(../image/logo-19.png) no-repeat center;
  background-size: 100% auto;
}
.q-aboutus-img {
  width: 100%;
  height: 500px;
  background: url(../image/bg-11.png) no-repeat center;
  background-size: 100% auto;
  overflow: hidden;
}
.q-aboutus-txt {
  font-family: Arial Rounded MT Bold;
  margin: 205px 0 0 200px;
  font-size: 56px;
  line-height: 65px;
  color: #000000;
}
.q-aboutus-conter {
  width: 1040px;
  margin: 31px auto 150px auto;
  font-size: 18px;
  line-height: 32px;
  text-align: center;
  color: #000000;
}
.q-aboutus-list {
  width: 1200px;
  height: 193px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
}
.q-establisheed {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.q-est-top {
  font-weight: 590;
  font-size: 64px;
  line-height: 49px;
  color: #000000;
}
.q-est-year {
  font-size: 16px;
  line-height: 21px;
  color: #000000;
}
.est-down {
  max-width: 210px;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  color: #696969;
  margin-top: 40px;
}
.q-aboutus-border {
  height: 69px;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.q-est-border {
  width: 1200px;
  height: 40px;
  margin: 180px auto 150px auto;
  background: url(../image/border-1.png) no-repeat center;
  background-size: 100% auto;
}
.q-culture {
  font-family: Arial Rounded MT Bold;
  font-size: 36px;
  line-height: 42px;
  font-weight: 400;
  color: #000000;
  text-align: center;
  margin-bottom: 100px;
}
.q-culture-detail {
  width: 1200px;
  height: 338px;
  margin: 0 auto 150px auto;
  display: flex;
  justify-content: space-between;
}
.q-cur-left {
  width: 582px;
  height: 338px;
  background: url(../image/product-10.png) no-repeat center;
  background-size: 100% auto;
  overflow: hidden;
}
.q-cur-left .q-left {
  width: 64px;
  height: 64px;
  background: url(../image/circle.png) no-repeat center;
  background-size: 100% auto;
  margin: 109px 0 0 72px;
}
.q-cur-txt {
  font-weight: 590;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  margin-left: -40px;
}
.q-vision {
  font-weight: 590;
  font-size: 96px;
  line-height: 32px;
  color: #ffffff;
  margin-left: -20px;
}
.q-qur-leading {
  padding: 0 158px 20px 82px;
  line-height: 32px;
  color: #ffffff;
}
.q-cur-right {
  width: 582px;
  height: 338px;
  background: url(../image/product-11.png) no-repeat center;
  background-size: 100% auto;
  overflow: hidden;
}
.q-right-vision {
  width: 64px;
  height: 64px;
  background: url(../image/circle.png) no-repeat center;
  background-size: 100% auto;
  margin: 109px 0 0 103px;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
}
.q-value {
  font-size: 96px;
  color: #ffffff;
  margin-left: -63px;
}
.q-value-txt {
  font-weight: 510;
  font-size: 18px;
  line-height: 32px;
  color: #ffffff;
  padding: 0 31px 30px 95px;
}
.q-business-banner {
  width: 1440px;
  height: 500px;
  background: url(../image/banner-2.png) no-repeat center;
  background-size: 100% auto;
}
.q-banner-left {
  font-family: Arial Rounded MT Bold;
  font-size: 56px;
  line-height: 500px;
  color: #ffffff;
  margin-left: 200px;
}
.q-business-bg {
  width: 1440px;
  height: 2535px;
  margin: 0 auto;
  background: url(../image/bg-6.png) no-repeat center;
  background-size: 100% auto;
  overflow: hidden;
}
.q-business-center {
  width: 1040px;
  margin: 60px auto 100px auto;
  font-size: 18px;
  line-height: 32px;
  color: #000000;
  text-align: center;
}
.q-distri-title {
  font-family: Arial Rounded MT Bold;
  font-size: 36px;
  line-height: 42px;
  color: #000000;
  text-align: center;
  font-weight: 400;
  margin-bottom: 60px;
}
.q-business-channel {
  width: 1200px;
  margin: 0 auto;
}
.q-coopera-title {
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.q-cooper-left {
  margin-top: 100px;
}
.q-left-distri {
  font-weight: 590;
  font-size: 24px;
  line-height: 32px;
  color: #000000;
  padding-bottom: 24px;
}
.q-left-more {
  width: 520px;
  font-size: 18px;
  line-height: 32px;
  color: #000000;
  margin-bottom: 100px;
}
.q-cooper-right {
  width: 214px;
  height: 119px;
  background: url(../image/icon-23.png) no-repeat center;
  background-size: 100% auto;
  margin-top: -76px;
}
.q-cooper-num {
  font-weight: 590;
  font-size: 64px;
  line-height: 32px;
  color: #000000;
  text-align: center;
  margin-top: 40px;
}
.q-cooper-more {
  font-weight: 590;
  font-size: 24px;
  line-height: 32px;
  color: #000000;
  vertical-align: text-top;
}
.q-more-txt {
  width: 202px;
  height: 42px;
  text-align: center;
  margin-top: 10px;
}
.q-pro-title {
  margin-left: 180px;
}
.q-pro-rounds {
  margin-left: 105px;
}
.q-cooper-products {
  width: 245px;
  height: 85px;
  background: url(../image/icon-26.png) no-repeat center;
  background-size: 100% auto;
}
.q-cop-num {
  font-weight: 590;
  font-size: 64px;
  line-height: 32px;
  color: #000000;
}
.q-cooper-logo {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-left: 105px;
}
.q-logo-lazada {
  width: 295px;
  height: 110px;
  background: url(../image/icon-20.png) no-repeat center;
  background-size: 100% auto;
}
.q-logo-baili {
  width: 208px;
  height: 58px;
  background: url(../image/icon-22.png) no-repeat center;
  background-size: 100% auto;
}
.q-shopee {
  width: 295px;
  height: 110px;
  background: url(../image/icon-21.png) no-repeat center;
  background-size: 100% auto;
}
.q-border-business {
  width: 1200px;
  height: 40px;
  background: url(../image/border-1.png) no-repeat center;
  background-size: 100% auto;
  margin-bottom: 149px;
}
.q-branding {
  font-family: Arial Rounded MT Bold;
  font-size: 36px;
  line-height: 42px;
  color: #000000;
  text-align: center;
  padding-bottom: 20px;
}
.q-branding-operation {
  width: 682px;
  font-size: 18px;
  line-height: 32px;
  margin: 0 auto;
  color: #000000;
  text-align: center;
  margin-bottom: 134px;
}

.q-branding-list {
  width: 1200px;
  margin: 0 auto 200px auto;
  display: flex;
  justify-content: space-between;
}
.list-product {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product-top {
  width: 70px;
  height: 70px;
  background: url(../image/list-1.png) no-repeat center;
  background-size: 51px 56px;
}
.product-txt {
  font-size: 18px;
  line-height: 32px;
  color: #000000;
  font-weight: 590;
  margin-top: 40px;
}
.product-design {
  width: 70px;
  height: 70px;
  background: url(../image/list-2.png) no-repeat center;
  background-size: 54px 65px;
}
.product-planning {
  width: 70px;
  height: 70px;
  background: url(../image/list-3.png) no-repeat center;
  background-size: 52px 52px;
}
.product-promotion {
  width: 70px;
  height: 70px;
  background: url(../image/list-4.png) no-repeat center;
  background-size: 54px 54px;
}
ul,
li {
  list-style: none;
}
.banner {
  width: 1440px;
  height: 500px;
  overflow: hidden;
  position: relative;
}
.imgs {
  width: 1440px;
}

.imgs li {
  float: left;
}

.imgs li img {
  width: 1440px;
}

.cursor {
  width: 30px;
  height: 50px;
  background: rgb(0, 0, 0, 0.3);
  position: absolute;
  top: 110px;
  color: white;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}

.cursor:hover {
  background: rgb(0, 0, 0, 0.6);
}

.dots {
  position: absolute;
  width: 100px;
  left: 673px;
  bottom: 10px;
  overflow: hidden;
  padding: 5p 10px;
}

.dots li {
  float: left;
  width: 10px;
  height: 10px;
  background: rgba(158, 158, 158, 0.5);
  border-radius: 5px;
  margin: 5px 5px;
}

.active {
  background: #df000d !important;
}

.q-all-product {
  width: 1200px;
  margin: 80px auto 28px auto;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 30px;
}
.q-all-list {
  width: 200px;
  font-size: 18px;
  line-height: 21px;
  color: #000000;
  padding-bottom: 21px;
  text-align: center;
  margin-right: 30px;
}
.q-product-name {
  width: 200px;
  display: flex;
  /*margin-right: 59px;*/
  text-align: center;
}
.q-name-logo {
  width: 60px;
  height: 60px;
}
.q-product-active {
  border-bottom: 3px solid red;
}
.q-nut {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.q-nut-all {
  display: flex;
}
.q-nut-txt {
  width: 120px;
  height: 40px;
  font-size: 14px;
  line-height: 32px;
  color: #000000;
  background: #f3f3f3;
  border-radius: 40px;
  text-align: center;
  line-height: 40px;
  margin-right: 16px;
}
.q-popularity {
  width: 116px;
  height: 40px;
  display: flex;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border-radius: 4px;
}
.q-popu-left {
  font-size: 14px;
  line-height: 32px;
  color: #000000;
  padding: 0 12px 0 12px;
}
.q-popu-right {
  width: 12px;
  height: 12px;
  background: url(../image/icon-25.png) no-repeat center;
  background-size: 100% auto;
}
.q-all-product-list {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  margin-top: 80px;
  margin-bottom: 236px;
}
.q-cando-list {
  width: 273px;
  height: 353px;
  background: #f6f6f6;
  border-radius: 10px;
  margin: 0 25px 36px 0;
}
.q-cando-top {
  width: 273px;
  height: 273px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.q-candy-name {
  width: 100%;
  height: 80px;
  background: #fff5f5;
  font-size: 18px;
  line-height: 80px;
  color: #000000;
  text-align: center;
}
.q-contach-title {
  font-family: Arial Rounded MT Bold;
  font-size: 56px;
  line-height: 65px;
  color: #000000;
  text-align: center;
  margin: 90px 0 110px 0;
}
.q-contach-list {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.q-contach-phone {
  display: flex;
  align-items: center;
}
.q-phone-left {
  width: 60px;
  height: 60px;
  background: url(../image/phone.png) no-repeat center;
  background-size: 100% auto;
  margin-right: 20px;
}
.q-phont-txt {
  font-size: 18px;
  line-height: 21px;
  color: #000000;
}
.q-phone-center {
  width: 60px;
  height: 60px;
  background: url(../image/email.png) no-repeat center;
  background-size: 100% auto;
  margin-right: 20px;
}
.q-phone-right {
  width: 60px;
  height: 60px;
  background: url(../image/address.png) no-repeat center;
  background-size: 100% auto;
}
.q-address {
  margin-top: 30px;
}
.q-address-txt {
  width: 363px;
  margin-top: 12px;
}
.q-contach-border {
  width: 1040px;
  height: 40px;
  margin: 88px auto 64px auto;
  background: url(../image/border-2.png) no-repeat center;
  background-size: 100% auto;
}
.q-sell-list {
  width: 1040px;
  margin: 0 auto;
  display: flex;
}
.q-name {
}
.q-name-text {
  font-size: 18px;
  line-height: 32px;
  color: #000000;
}
.q-name-input {
  width: 500px;
  height: 64px;
  background: #ffffff;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  margin-top: 6px;
  margin-right: 40px;
}
.q-name-input::placeholder {
  font-size: 16px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.3);
  padding-left: 25px;
}
.q-message {
  width: 1040px;
  margin: 40px auto 6px auto;
}
.q-textarea {
  width: 1040px;
  height: 206px;
  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08);
  border-radius: 10px;
  margin-top: 6px;
}
.q-textarea::placeholder {
  font-size: 18px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.3);
  padding: 24px 0 0 25px;
}
.q-submit {
  width: 275px;
  height: 64px;
  display:block;
  margin:40px auto 109px auto;
  background: #df000d;
  border-radius: 50px;
  font-weight: 590;
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  border:none;
}