* {
  margin: 0;
  padding: 0;
  outline: none;
  list-style: none;
  text-decoration: none;
  font-family: '微软雅黑';
}
body,
html {
  width: 100%;
  height: 100%;
}
.title {
  display: flex;
  width: 100%;
  height: .9rem;
  justify-content: center;
}
.title .titleBefore {
  width: .73rem;
  height: .9rem;
  background-image: url('../image/title-left.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.title .titleCenter {
  height: .9rem;
  line-height: .9rem;
  font-size: .9rem;
  font-weight: bold;
  margin-left: .34rem;
  margin-right: .34rem;
}
.title .titleAfter {
  width: .73rem;
  height: .9rem;
  background-image: url('../image/title-right.png');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.banner {
  position: relative;
  width: 100%;
  height: 9.36rem;
  box-sizing: border-box;
  padding-top: 2.56rem;
  background-image: url('../image/banner.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  margin-top: 1rem;
}
.banner p:nth-child(1) {
  height: 1rem;
  font-size: 1rem;
  line-height: 1rem;
  color: #004a7a;
  -webkit-text-stroke: 2px #ffffff;
  text-stroke: 2px #ffffff;
  text-align: center;
  font-weight: bold;
  text-shadow: 0 7px 8px rgba(0, 0, 0, 0.47);
}
.banner p:nth-child(2) {
  margin-top: .26rem;
  height: .78rem;
  line-height: .78rem;
  font-size: .78rem;
  color: #ed6c01;
  -webkit-text-stroke: 2px #ffffff;
  text-stroke: 2px #ffffff;
  text-align: center;
  font-weight: bold;
  text-shadow: 0 7px 8px rgba(0, 0, 0, 0.47);
}
.banner p:nth-child(3) {
  margin-top: .31rem;
  height: .32rem;
  line-height: .32rem;
  font-size: .32rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
  text-shadow: 0 7px 8px rgba(0, 0, 0, 0.47);
}
.banner p:nth-child(4) {
  width: 3.8rem;
  margin: 0 auto;
  box-sizing: border-box;
  margin-top: .38rem;
  height: .56rem;
  font-size: .24rem;
  border-radius: .28rem;
  color: #fff;
  text-align: center;
  line-height: .56rem;
  background-color: #004a7a;
}
.banner p:nth-child(4) a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
}
.banner .slideShine {
  -webkit-animation: slideShine 2s linear infinite;
  animation: slideShine 2s linear infinite;
}
@-webkit-keyframes slideShine {
  0% {
    background: none;
  }
  100% {
    background-color: #004a7a;
  }
}
@keyframes slideShine {
  0% {
    background: none;
  }
  100% {
    background-color: #004a7a;
  }
}
.banner img:nth-child(5) {
  display: block;
  width: 1.68rem;
  height: 1.48rem;
  margin: 0 auto;
  margin-top: 1.2rem;
}
.banner img:nth-child(6) {
  display: block;
  width: .16rem;
  height: .14rem;
  margin: 0 auto;
  margin-top: -0.19rem;
}
.banner p:nth-child(7) {
  margin-top: .05rem;
  font-size: .24rem;
  line-height: .24rem;
  color: #fff;
  text-align: center;
}
.banner .tips {
  position: absolute;
  width: .83rem;
  height: .92rem;
  left: 3.6rem;
  top: 0;
  background-image: url('../image/tips.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.market {
  width: 100%;
  height: 18rem;
  box-sizing: border-box;
  padding-top: .73rem;
  background-color: #fff;
  background-image: url('../image/market-bg.png');
  background-repeat: no-repeat;
  background-size: 19.2rem 4.6rem;
  background-position: 0 2.7rem;
}
.market .titleCenter {
  color: #ed6c01;
}
.market .subTitle {
  margin-top: .22rem;
  text-align: center;
  height: .47rem;
  line-height: .47rem;
  font-weight: bold;
  color: #686868;
  font-size: .47rem;
}
.market .marketValue {
  width: 12rem;
  height: 4.6rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.market .marketValue div {
  width: 2.6rem;
  margin-top: 2rem;
  margin-left: .82rem;
  margin-right: .82rem;
}
.market .marketValue div p:nth-child(1) {
  width: 100%;
  height: .55rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  font-size: .55rem;
}
.market .marketValue div p:nth-child(1) b {
  font-size: .4rem;
}
.market .marketValue div p:nth-child(2) {
  height: .25rem;
  line-height: .25rem;
  margin-top: .25rem;
  text-align: center;
  font-size: .24rem;
  color: #fff;
}
.market .imgTitle {
  width: 7.33rem;
  height: 1.37rem;
  margin: 0 auto;
  margin-top: .8rem;
  margin-bottom: .3rem;
  box-sizing: border-box;
  padding: .14rem .28rem;
  background-image: url('../image/market-bg2.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.market .imgTitle p {
  height: .56rem;
  line-height: .56rem;
  font-size: .48rem;
  font-weight: bold;
  color: #686868;
}
.market img {
  display: block;
  width: 80%;
  margin: 0 auto;
}
.leader {
  width: 100%;
  height: 14rem;
  box-sizing: border-box;
  padding-top: .68rem;
  background-image: url('../image/leader-bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.leader .titleCenter {
  color: #3b3b3b;
}
.leader .description {
  width: 11.32rem;
  height: .64rem;
  margin: 0 auto;
  margin-top: .36rem;
}
.leader .description p:nth-child(1),
.leader .description p:nth-child(2) {
  display: block;
}
.leader .description p:nth-child(3),
.leader .description p:nth-child(4),
.leader .description p:nth-child(5) {
  display: none;
}
.leader .description p {
  font-size: .24rem;
  height: .32rem;
  line-height: .32rem;
  text-align: center;
  color: #696969;
}
.leader .description p i {
  font-style: normal;
  font-size: .26rem;
  font-weight: bold;
  color: #ed6f0a;
}
.leader .product {
  display: block;
  width: 12rem;
  margin: 0 auto;
  margin-top: 1rem;
}
.leader .product .productTop {
  width: 4.86rem;
  height: .86rem;
  margin: 0 auto;
}
.leader .product .productTop p:nth-child(1) {
  width: 100%;
  height: .5rem;
  line-height: .5rem;
  box-sizing: border-box;
  text-align: center;
  font-size: .32rem;
  font-weight: bold;
  color: #ed6c01;
  border-bottom: 2px solid #686868;
}
.leader .product .productTop p:nth-child(2) {
  width: 100%;
  height: .36rem;
  line-height: .36rem;
  text-align: center;
  font-size: .2rem;
  color: #3b3b3b;
}
.leader .product .productMiddle {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: .1rem;
}
.leader .product .productMiddle .productLeft,
.leader .product .productMiddle .productRight {
  width: 2.7rem;
  padding-top: .6rem;
}
.leader .product .productMiddle .productLeft div:nth-child(1),
.leader .product .productMiddle .productRight div:nth-child(1),
.leader .product .productMiddle .productLeft div:nth-child(2),
.leader .product .productMiddle .productRight div:nth-child(2) {
  width: 100%;
}
.leader .product .productMiddle .productLeft div:nth-child(1) p:nth-child(1),
.leader .product .productMiddle .productRight div:nth-child(1) p:nth-child(1),
.leader .product .productMiddle .productLeft div:nth-child(2) p:nth-child(1),
.leader .product .productMiddle .productRight div:nth-child(2) p:nth-child(1) {
  width: 100%;
  height: .5rem;
  line-height: .5rem;
  box-sizing: border-box;
  font-size: .32rem;
  font-weight: bold;
  color: #ed6c01;
  border-bottom: 2px solid #686868;
}
.leader .product .productMiddle .productLeft div:nth-child(1) p:nth-child(2),
.leader .product .productMiddle .productRight div:nth-child(1) p:nth-child(2),
.leader .product .productMiddle .productLeft div:nth-child(2) p:nth-child(2),
.leader .product .productMiddle .productRight div:nth-child(2) p:nth-child(2),
.leader .product .productMiddle .productLeft div:nth-child(1) p:nth-child(3),
.leader .product .productMiddle .productRight div:nth-child(1) p:nth-child(3),
.leader .product .productMiddle .productLeft div:nth-child(2) p:nth-child(3),
.leader .product .productMiddle .productRight div:nth-child(2) p:nth-child(3) {
  font-size: .2rem;
  color: #3b3b3b;
}
.leader .product .productMiddle .productLeft div:nth-child(2),
.leader .product .productMiddle .productRight div:nth-child(2) {
  margin-top: .75rem;
}
.leader .product .productMiddle img {
  display: block;
  width: 6.52rem;
  height: 3.71rem;
  margin-top: .1rem;
}
.leader .product-m {
  display: none;
}
.leader .certificate {
  display: block;
  width: 12rem;
  margin: 0 auto;
  margin-top: .5rem;
}
.advantage {
  position: relative;
  width: 100%;
  height: 11rem;
  box-sizing: border-box;
  padding-top: 1rem;
  background-color: #fff;
}
.advantage .titleCenter {
  color: #3b3b3b;
}
.advantage .swiper-container {
  position: relative;
  width: 12.6rem;
  height: 8rem;
  margin-left: 3.45rem;
  margin-top: 1rem;
  border-radius: .1rem;
}
.advantage .swiper-container .swiper-slide {
  width: 3.75rem;
  height: 6.6rem;
  position: relative;
  overflow: hidden;
}
.advantage .swiper-container .swiper-slide > div:first-child {
  position: absolute;
  left: 0;
  top: 0;
  width: 3.75rem;
  height: 5.85rem;
  border-radius: .1rem .1rem 0 0;
  overflow: hidden;
}
.advantage .swiper-container .swiper-slide > div:first-child .img {
  display: block;
  width: 3.75rem;
  height: 5.85rem;
  transition: all .5s;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.advantage .swiper-container .swiper-slide > div:last-child {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 3.75rem;
  height: .75rem;
  line-height: .75rem;
  text-align: center;
  font-size: .32rem;
  color: #fff;
  font-weight: bold;
  border-radius: 0 0 .1rem .1rem;
  background-color: #ed6c01;
}
.advantage .swiper-container .swiper-slide:hover .img {
  transform: scale(1.2);
}
.advantage .swiper-container .slide1 .img {
  background-image: url('../image/advantage-1.png');
}
.advantage .swiper-container .slide2 .img {
  background-image: url('../image/advantage-2.png');
}
.advantage .swiper-container .slide3 .img {
  background-image: url('../image/advantage-3.png');
}
.advantage .swiper-container .slide4 .img {
  background-image: url('../image/advantage-4.png');
}
.advantage .swiper-container .slide5 .img {
  background-image: url('../image/advantage-5.png');
}
.advantage .swiper-container .slide6 .img {
  background-image: url('../image/advantage-6.png');
}
.advantage .swiper-container .swiper-pagination.swiper-pagination-bullets {
  bottom: .7rem;
  position: absolute;
}
.advantage .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  width: .4rem;
  height: .05rem;
  background-color: #979797;
  border-radius: 0;
}
.advantage .swiper-container .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
  width: .4rem;
  height: .05rem;
  background-color: #ed6c01;
  border-radius: 0;
}
.advantage .swiper-button-next,
.advantage .swiper-button-prev {
  position: absolute;
  width: .5rem;
  height: .5rem;
  right: 2.7rem;
  top: 6.8rem;
  border-radius: 50%;
  background-size: 100% 100%;
}
.advantage .swiper-button-next {
  background-image: url('../image/right-act.png');
}
.advantage .swiper-button-next.swiper-button-disabled {
  background-image: url('../image/right-dis.png');
}
.advantage .swiper-button-prev {
  left: 2.7rem;
  background-image: url('../image/left-act.png');
}
.advantage .swiper-button-prev.swiper-button-disabled {
  background-image: url('../image/left-dis.png');
}
.factory {
  width: 100%;
  height: 8rem;
  box-sizing: border-box;
  padding-top: 1rem;
  background-color: #fff;
}
.factory .titleCenter {
  color: #3b3b3b;
}
.factory .factoryItems {
  width: 12rem;
  height: 2.9rem;
  margin: 0 auto;
  margin-top: 1.3rem;
  display: flex;
  justify-content: space-between;
}
.factory .factoryItems .factoryItem {
  position: relative;
  width: 3.85rem;
  height: 2.9rem;
  border-radius: .1rem;
  overflow: hidden;
}
.factory .factoryItems .factoryItem img {
  display: block;
  width: 100%;
}
.factory .factoryItems .factoryItem div {
  display: none;
  position: absolute;
  width: 3.85rem;
  height: 2.9rem;
  left: 0;
  top: 0;
  z-index: 1;
  text-align: center;
  line-height: 2.9rem;
  font-size: .32rem;
  color: #fff;
  font-weight: bold;
  background: rgba(253, 150, 74, 0.9);
}
.factory .factoryItems .factoryItem:hover div {
  display: block;
}
.guide {
  width: 100%;
  height: 8.4rem;
  box-sizing: border-box;
  padding-top: 1rem;
  background-color: #f4f4f4;
}
.guide .titleCenter {
  color: #3b3b3b;
}
.guide .guideItems {
  width: 12rem;
  height: 3.72rem;
  margin: 0 auto;
  margin-top: 1.3rem;
  display: flex;
  justify-content: space-between;
}
.guide .guideItems .guideItem {
  position: relative;
  width: 2.85rem;
  height: 3.72rem;
  overflow: hidden;
  border-radius: .1rem;
}
.guide .guideItems .guideItem img {
  display: block;
  width: 100%;
  vertical-align: top;
  transition: all .5s;
}
.guide .guideItems .guideItem div {
  position: absolute;
  width: 100%;
  height: 1rem;
  box-sizing: border-box;
  padding-left: .2rem;
  padding-top: .15rem;
  padding-right: .15rem;
  z-index: 1;
  background-color: #fff;
}
.guide .guideItems .guideItem div p:first-child {
  height: .24rem;
  line-height: .24rem;
  font-size: .24rem;
  color: #ed6c01;
  font-weight: bold;
  margin-bottom: .1rem;
}
.guide .guideItems .guideItem div p:last-child {
  font-size: .15rem;
  line-height: .2rem;
  color: #242424;
}
.guide .guideItems .guideItem:hover {
  box-shadow: 0 0 .19rem #ed6c01;
}
.guide .guideItems .guideItem:hover img {
  transform: scale(1.2);
}
.advertising {
  width: 100%;
  height: 11.66rem;
  box-sizing: border-box;
  padding-top: 1rem;
  background-image: url('../image/advertising-bg.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.advertising .titleCenter {
  color: #fff;
}
.advertising p:nth-child(2) {
  margin-top: .36rem;
  font-size: .32rem;
  text-align: center;
  height: .4rem;
  line-height: .4rem;
  color: #fff;
}
.advertising p:nth-child(2) b {
  color: #ed6c01;
}
.advertising p:nth-child(3) {
  font-size: .32rem;
  text-align: center;
  height: .4rem;
  line-height: .4rem;
  color: #ed6c01;
  font-weight: bold;
}
.advertising img:nth-child(4) {
  display: block;
  width: 8.08rem;
  height: 6.23rem;
  margin: 0 auto;
  margin-top: .93rem;
}
.advertising img:nth-child(5) {
  display: none;
}
.support {
  width: 100%;
  height: 9.24rem;
  box-sizing: border-box;
  padding-top: 1rem;
  background-color: #fff;
}
.support .titleCenter {
  color: #3b3b3b;
}
.support .supportBox {
  width: 10.4rem;
  height: 5.34rem;
  margin: 0 auto;
  margin-top: .87rem;
  display: flex;
  justify-content: space-between;
}
.support .supportBox div {
  width: 1.9rem;
}
.support .supportBox div div p:first-child {
  width: 100%;
  height: .6rem;
  line-height: .6rem;
  text-align: center;
  font-weight: bold;
  font-size: .32rem;
  border-radius: .1rem;
  background-color: #ed6c01;
  color: #fff;
}
.support .supportBox div div p:last-child {
  width: 100%;
  height: .56rem;
  line-height: .56rem;
  text-align: center;
  font-size: .2rem;
  color: #686868;
}
.support .supportBox div div:nth-child(1) {
  margin-top: .8rem;
}
.support .supportBox div div:nth-child(2) {
  margin-top: .47rem;
}
.support .supportBox div div:nth-child(3) {
  margin-top: .47rem;
}
.support .supportBox img:nth-child(2) {
  display: block;
  width: 6.42rem;
  height: 5.34rem;
}
.support .supportBox img:nth-child(3) {
  display: none;
}
.pattern {
  width: 100%;
  height: 9.35rem;
  box-sizing: border-box;
  padding-top: 1rem;
  background-image: url('../image/pattern-bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.pattern .titleCenter {
  color: #fff;
}
.pattern .patternBox {
  width: 100%;
  height: 2.39rem;
  margin-top: 5.06rem;
  background-color: #353840;
  display: flex;
  justify-content: center;
}
.pattern .patternBox .patternItem {
  width: 4rem;
  height: 100%;
  box-sizing: border-box;
  padding-top: .7rem;
  padding-left: .3rem;
  padding-right: .3rem;
}
.pattern .patternBox .patternItem p:first-child {
  height: .4rem;
  line-height: .4rem;
  font-weight: bold;
  font-size: .26rem;
  color: #ed6c01;
}
.pattern .patternBox .patternItem p:last-child {
  display: block;
  color: #fff;
  line-height: .25rem;
  font-size: .2rem;
}
.pattern .patternBox .patternItem:nth-child(2) {
  border-left: 1px solid #42454c;
  border-right: 1px solid #42454c;
}
.pattern .patternBox .patternItem:hover {
  cursor: default;
  background-color: #42454c;
}
.earnings {
  width: 100%;
  /*height: 14.43rem;*/
  box-sizing: border-box;
  padding-top: 1rem;
  background-color: #fff;
}
.earnings .titleCenter {
  color: #3b3b3b;
}
.earnings .subTitle {
  margin-top: .4rem;
  font-size: .32rem;
  text-align: center;
  font-weight: bold;
  color: #686868;
}
.earnings .content {
  width: 16.77rem;
  height: 10.08rem;
  margin: 0 auto;
  margin-top: .78rem;
  background-image: url('../image/earnings-bg.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.earnings .content .contentItem {
  width: 100%;
  height: 1.95rem;
  box-sizing: border-box;
  padding-top: .3rem;
  color: #642b09;
}
.earnings .content .contentItem p:first-child {
  text-align: center;
  font-weight: bold;
  font-size: .38rem;
  margin-bottom: .1rem;
}
.earnings .content .contentItem p:last-child {
  text-align: center;
  font-weight: normal;
  font-size: .29rem;
}
.join {
  width: 100%;
  height: 17.4rem;
  box-sizing: border-box;
  padding-top: 1rem;
  background-image: url('../image/join-bg.png');
  background-color: #353840;
  background-repeat: no-repeat;
}
.join .titleCenter {
  color: #fff;
}
.join .subTitle {
  margin-top: .5rem;
  text-align: center;
  font-size: .32rem;
  color: #fff;
  margin-bottom: 1rem;
}
.join input ,.join select {
  display: block;
  width: 6.11rem;
  height: .52rem;
  margin: 0 auto;
  margin-bottom: .3rem;
  box-sizing: border-box;
  border-radius: .1rem;
  border: 1px solid #fff;
  text-indent: .22rem;
  line-height: .52rem;
  font-size: .19rem;
  color: #fff;
  background-color: transparent;
}
.join input[type='button'] {
  cursor: pointer;
}
.join .consult {
  color: #fff;
  text-align: center;
  font-size: .32rem;
  margin-top: .87rem;
  margin-bottom: .7rem;
}
.join .consult a {
  text-decoration: none;
  color: #fff;
}
.join .swiper-container {
  width: 12rem;
  height: 1.25rem;
  margin: 0 auto;
}
.join .swiper-container .swiper-slide {
  font-size: .22rem;
  color: #9b9ea0;
  text-align: center;
  line-height: 1.25rem;
}
.join .swiper-container .swiper-slide-next {
  font-size: .22rem;
  color: #ed6c01;
}
.join .swiper-container .swiper-button-next,
.join .swiper-container .swiper-button-prev {
  background: none;
  color: #9b9ea0;
  text-align: center;
  font-size: .3rem;
  width: .27rem;
  margin-top: -0.23rem;
}
.join .step {
  width: 100%;
  height: 4.4rem;
  background-color: #fff;
  box-sizing: border-box;
  padding-top: .7rem;
  padding-left: 3.6rem;
}
.join .step p {
  font-size: .9rem;
  color: #3b3b3b;
  font-weight: bold;
  margin: 0 auto;
  width:10rem;
}
.join .step ul {
  margin-top: .5rem;
  width: 12rem;
  height: 1rem;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  padding-top: .6rem;
  padding-left: .3rem;
  padding-right: .3rem;
  background-image: url('../image/step-bg.png');
  background-repeat: no-repeat;
  background-size: 100%;
}
.join .step ul li {
  height: .4rem;
  line-height: .4rem;
  font-size: .32rem;
  color: #ed6c01;
  font-weight: bold;
}
.join .step ul li i {
  display: none;
}