@charset "UTF-8";

* {

  margin: 0;

  padding: 0;

}



li {

  list-style: none;

}



input[type=search] {

  -webkit-appearance: none;

}



a {

  text-decoration: none;

  color: #0079ff;

}



html {

  width: 100%;

  font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;

  min-height: 100%;

  display: -webkit-flex;

  display: flex;

}



html body {

  width: 100%;

  max-width: 800px;

  margin: 0 auto;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -webkit-user-drag: none;

  min-height: 100%;

  -webkit-flex: 1;

  flex: 1;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-direction: column;

  flex-direction: column;

  overflow-x: hidden;

  overflow-y: auto;

}



img {

  vertical-align: top;

}



.hide {

  display: none;

}



a, img, input, textarea, button {

  -webkit-touch-callout: none;

  -webkit-tap-highlight-color: transparent;

  border-radius: 0;

  -webkit-border-radius: 0;

  /*

  appearance: none;

  -webkit-appearance: none;

  */

  outline: none;

}

a:active, a:focu, img:active, img:focu, input:active, input:focu, textarea:active, textarea:focu, button:active, button:focu {

  outline: none;

  -webkit-tap-highlight-color: transparent;

}



.nohighlight {

  -webkit-touch-callout: none;

  -webkit-tap-highlight-color: transparent;

}



.section-1px {

  position: relative;

}

.section-1px:before, .section-1px:after {

  border-top: 1px solid #c8c7cc;

  content: ' ';

  display: block;

  width: 100%;

  position: absolute;

  left: 0;

  pointer-events: none;

}

.section-1px::before {

  top: -1px;

}

.section-1px::after {

  bottom: -1px;

}



.border-1px {

  position: relative;

}

.border-1px::after {

  content: ' ';

  display: block;

  width: 100%;

  height: 100%;

  position: absolute;

  border: 1px solid #c8c7cc;

  top: 0;

  left: 0;

  pointer-events: none;

}



@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {

  .section-1px::after, .section-1px::before {

    -webkit-transform: scaleY(0.7);

    -webkit-transform-origin: 0 0;

    transform: scaleY(0.7);

  }

  .section-1px::after {

    -webkit-transform-origin: left bottom;

  }

}

@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {

  .section-1px::after, .section-1px::before {

    -webkit-transform: scaleY(0.5);

    transform: scaleY(0.5);

  }



  .border-1px::after {

    width: 200%;

    height: 200%;

    -webkit-transform: scale(0.5, 0.5);

    transform: scale(0.5, 0.5);

    -webkit-transform-origin: 0 0;

  }

}

body {

  background: #000000;

  /* 第一屏 */

  /* 产品swiper */

}

body .header-bd {

  width: 100%;

  height: 0.96rem;

  display: flex;

  justify-content: space-between;

  position: absolute;

  z-index: 6;

}

body .header-bd a {

  z-index: 1;

}

body .header-bd img {

  position: absolute;

}

body .header-bd img.logo {

  width: 2.72rem;

  height: 0.4rem;

  top: 0.28rem;

  left: 0.5rem;

  z-index: 1;

}

body .header-bd img.menu {

  width: 0.4rem;

  height: 0.36rem;

  top: 0.29rem;

  right: 0.5rem;

  z-index: 1;

}

body .header-bd img.icon {

  width: 0.63rem;

  height: 100%;

  top: 0;

  right: 1.2rem;

}

body .header-bd p.head_bg {

  background: #24318f;

  opacity: 0.25;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 0.96rem;

  z-index: 0;

}

body .swiper-container {

  width: 100%;

  /* height: 17.79rem; */

  /* height: 100%; */

}

body nav {

  width: 100%;

  height: 15rem;

  background: #000;

  position: absolute;

  left: 0;

  top: 0;

  z-index: 7;

  display: none;

}

body nav p {

  width: 100%;

  height: 25%;

  color: #fff;

  font-size: 0.48rem;

  text-align: center;

}

body nav p a {

  color: #fff;

  width: 100%;

  height: 90%;

  display: block;

  text-decoration: none;

  padding-top: 10%;

}

body nav p a span {

  display: inline;

  line-height: 1rem;

  width: 100%;

  display: block;

}

body nav p a span b {

  font-weight: 100;

}

body nav p a span s {

  text-decoration: none;

}

body nav p.cur {

  background: #f62489;

}

body nav p.cur span b {

  border-bottom: 2px solid #fff;

}

body #swiper1 {

  /* 联系方式 */

}

body #swiper1 .section1-bg, body #swiper1 .section2-bg, body #swiper1 .section3-bg, body #swiper1 .section4-bg, body #swiper1 .section-animate {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 0;

}

body #swiper1 .section1-bg img, body #swiper1 .section2-bg img, body #swiper1 .section3-bg img, body #swiper1 .section4-bg img, body #swiper1 .section-animate img {

  width: 100%;

  height: 20%;

  vertical-align: middle;

  display: block;

}

body #swiper1 .section2-bg .pro-bg {

  display: none;

  width: 100%;

  height: 100%;

}

body #swiper1 .section2-bg .cur {

  display: block;

}

body #swiper1 .section3-bg {

  background: #000;

}

body #swiper1 .section3-bg img {

  height: 16.6%;

}

body #swiper1 .section3-bg img.firstbg {

  height: 16.6%;

}

body #swiper1 .section4-bg {

  background: #000;

  height: 8.0rem;

}

body #swiper1 .section4-bg img {

  width: 100%;

  height: 33.33%;

}

body #swiper1 .next {

  width: 0.64rem;

  height: 0.61rem;

  background: url("../img/common/next.png");

  background-size: cover;

  position: absolute;

  bottom: 1rem;

  left: 4.67rem;

  z-index: 2;

  animation: moveNext .5s infinite alternate-reverse;

}

body #swiper1 .section-animate {

  z-index: 5;

  /* 第三部分 -- 产品 */

  /* 第四部分 -- 合作 */

}

body #swiper1 .section-animate img {

  /*position: absolute;*/

  z-index: 3;

}

body #swiper1 .section-animate .ani {

  position: absolute;

}

body #swiper1 .section-animate .circle {

  width: 9.0rem;

  height: 8.83rem;

  left: 0.67rem;

  top: 4rem;

}

body #swiper1 .section-animate .animate1_1 {

  width: 8.47rem;

  height: 4.92rem;

  left: 0.8rem;

  top: 6rem;

}

body #swiper1 .section-animate .animate2_1 {

  /* width:3.32rem;

  height: 0.64rem; */

  width: 8.82rem;

  height: 0.48rem;

  left: 0.5rem;

  top: 5.6rem;

}

body #swiper1 .section-animate .animate2_2 {

  /* width:8.33rem;

  height: 0.89rem; */

  /*width: 8.97rem;*/

  /*height: 0.81rem;  */

  width: 8.33rem;

  height: 1rem;

  left: 0.4rem;

  top: 6.6rem;

}

body #swiper1 .section-animate .animate2_3 {

  height: 2.7rem;

  width: 4.75rem;

  left: 0.4rem;

  top: 7.6rem;

}

body #swiper1 .section-animate .animate2_4 {

  /* width:3.57rem;

  height: 1.92rem; */

  width: 4.55rem;

  height: 2.5rem;

  left: 0.6rem;

  top: 1.8rem;

}

body #swiper1 .section-animate .animate2_5 {

  /* width:7.73rem;

  height: 0.89rem; */

  width: 5.32rem;

  left: 1rem;

  bottom: 2.2rem;

}

body #swiper1 .section-animate .more {

  width: 2.4rem;

  height: 0.69rem;

  position: absolute;

  left: 0.4rem;

  top: 8.5rem;

}

body #swiper1 .section-animate .more2_3 {

  left: 0.4rem;

  top: 10.6rem;

}

body #swiper1 .section-animate .more2_4 {

  left: 0.6rem;

  top: 4.9rem;

}

body #swiper1 .section-animate .more2_5 {

  left: 1rem;

  top: 11rem;

}

body #swiper1 .section-animate .subnav {

  width: 100%;

  position: absolute;

  top: 0.4rem;

  left: 0;

  z-index: 4;

  display: flex;

  direction: row;

}

body #swiper1 .section-animate .subnav li {

  width: 25%;

  text-align: center;

  font-size: 0.4rem;

  background: none;

  color: #fff;

  opacity: .6;

}

body #swiper1 .section-animate .subnav li.swiper-pagination-bullet-active {

  font-size: 0.43rem;

  opacity: 1;

}

body #swiper1 .section-animate .subnav li.swiper-pagination-bullet-active span {

  border-bottom: 2px solid #f62489;

  padding-bottom: 5px;

}

body #swiper1 .section-animate .product {

  width: 100%;

  /* height: 16.19rem; */

  height: 100%;

}

body #swiper1 .section-animate .product li {

  width: 100%;

  height: 16.6%;

  position: relative;

}

body #swiper1 .section-animate .product li img.pro-logo, body #swiper1 .section-animate .product li h2, body #swiper1 .section-animate .product li .describe, body #swiper1 .section-animate .product li .more2 {

  margin-left: 0.61rem;

}

body #swiper1 .section-animate .product li a {

  display: block;

  width: 100%;

  height: 100%;

  color: #fff;

  position: absolute;

  top: 0;

  left: 0;

}

body #swiper1 .section-animate .product li a * {

  /*position: absolute;*/

}

body #swiper1 .section-animate .product li img.pro-logo {

  /* top:0.6rem; */

  /*margin-top: 0.6rem;*/

  margin-top: 1.2rem;

}

body #swiper1 .section-animate .product li h2 {

  font-size: 0.4rem;

  top: 1.70rem;

}

body #swiper1 .section-animate .product li .describe1 {

  /*top: 1.8rem !important;*/

  margin-top: 0.15rem;

}

body #swiper1 .section-animate .product li p.describe {

  /*top:1.7rem;*/

  margin-top: 0.15rem;

  font-size: 0.32rem;

  color: #515151;

}

body #swiper1 .section-animate .product li p.more2 {

  width: 2.4rem;

  height: 0.69rem;

  /*position: absolute;*/

  /*top: 2.5rem;*/

  /*left: 0.61rem;*/

  margin-top: 0.15rem;

}

body #swiper1 .section-animate .product li p.more2 img {

  width: 1.57rem;

  height: 0.45rem;

}

body #swiper1 .section-animate .product li.product1 {



}

body #swiper1 .section-animate .product li.product1 a img.pro-logo {

  width: 3.0rem;

  height: 0.83rem;

  /*top: 1.3rem;*/

  /*left: 0.61rem;*/



}

body #swiper1 .section-animate .product li.product1 a h2 {

  color: #2e57bd;

  /* top:2.2rem; */

}

body #swiper1 .section-animate .product li.product1 a p.describe {

  /*top: 2.3rem;*/

  margin-top: 0.15rem;

}

body #swiper1 .section-animate .product li.product1 a p.more2 {

  top: 3.3rem;

}

body #swiper1 .section-animate .product5 img.pro-logo{

  /*width: 1.0rem;*/

  /*height: 1rem;*/

  width: 2.93rem;

  height: 0.77rem;

  /*top: 0.7rem;*/

  /*left: 0.3rem;*/

  /*margin-top: 0.4rem!important;*/

}

body #swiper1 .section-animate .product6 img.pro-logo{

  /*width: 1.0rem;*/

  /*height: 1rem;*/

  width: 2.93rem;

  height: 0.77rem;

  /*top: 0.7rem;*/

  /*left: 0.3rem;*/

  /*margin-top: 0.4rem!important;*/

}

body #swiper1 .section-animate .product li.product5 a p.describe2 {

  top: 1.8rem;

}

body #swiper1 .section-animate .product li.product5 .more2_5{

  top: 2.3rem;

}

body #swiper1 .section-animate .product2 img.pro-logo {

  width: 2.95rem;

  height: 0.97rem;

  /*top: 0.7rem;*/

  /*left: 0.3rem;*/

  /*margin-top: 0.7rem;*/

}

body #swiper1 .section-animate .product2 h2 {

  color: #fb6500;

}

body #swiper1 .section-animate .product3 img.pro-logo {

  width: 2.95rem;

  height: 0.92rem;

  /*top: 0.7rem;*/

  /*margin-top: 0.3rem!important;*/

  /*left: 0.81rem;*/

}

body #swiper1 .section-animate .product3 h2 {

  color: #6eb92b;

}

body #swiper1 .section-animate .pro_nav {

  width: 100%;

  height: 1.33rem;

  display: flex;

  flex-direction: row;

  position: absolute;

  left: 0;

  bottom: 4rem;

  z-index: 4;

}

body #swiper1 .section-animate .pro_nav li {

  width: 25%;



  color: #e6e6e6;

  line-height: 1.3rem;

  text-align: center;

  font-size: 0.46rem;

  float: left;

}

body #swiper1 .section-animate .pro_nav li.cur span {

  color: #fff;

  border-bottom: 3px solid #f62489;

  padding-bottom: 0.2rem;

  font-weight: bold;

}

body #swiper1 .section-animate .pro_cont {

  display: none;

}

body #swiper1 .section-animate li.product4 {

  /* p.describe{

  	top:2.2rem;

  }

  p.more2{

  	top:2.8rem;

  } */

}

body #swiper1 .section-animate li.product4 img.pro-logo {

  width: 2.93rem;

  height: 0.77rem;

}

body #swiper1 .section-animate li.product4 h2 {

  color: #fef301;

  top: 1.5rem;

}

body #swiper1 .section-animate .cooperation {

  padding: 1.5rem 0 0 0.2rem;

  height: 6.5rem;

  width: 100%;

}

body #swiper1 .section-animate .cooperation li {

  width: 3.0rem;

  height: 6.5rem;

  position: relative;

  text-align: center;

  margin-right: 0.14rem;

  float: left;

}

body #swiper1 .section-animate .cooperation li a {

  width: 100%;

  height: 5rem;

  display: block;

  color: #fff;

  position: absolute;

  top: 0.8rem;

}

body #swiper1 .section-animate .cooperation li a h2, body #swiper1 .section-animate .cooperation li a span, body #swiper1 .section-animate .cooperation li a p {

  display: block;

  width: 100%;

}

body #swiper1 .section-animate .cooperation li a img {

  width: 1.33rem;

  height: 1.33rem;

  left: 0.83rem;

}

body #swiper1 .section-animate .cooperation li a h2 {

  font-size: 0.4rem;

  top: 1.8rem;

}

body #swiper1 .section-animate .cooperation li a span {

  top: 2.5rem;

  font-size: 0.3rem;

}

body #swiper1 .section-animate .cooperation li a p {

  font-size: 0.3rem;

  top: 3.4rem;

}

body #swiper1 .concat {

  width: 10rem;

  z-index: 1;

  display: flex;

  position: absolute;

  left: 0;

  top: 9rem;

  flex-direction: column;

}

body #swiper1 .concat dl {

  color: #e6e6e6;

  margin: 0 0.87rem 0.35rem 0.87rem;

  line-height: 0.5rem;

  width: 100%;

  position: relative;

  height: 1.2rem;

}

body #swiper1 .concat dl dt {

  font-size: 0.4rem;

  margin: 0 0 3px 0;

  font-weight: bold;

  width: 1.2rem;

  position: absolute;

  left: 0;

}

body #swiper1 .concat dl dt span {

  width: 100%;

  display: block;

}

body #swiper1 .concat dl dd {

  position: absolute;

  left: 1.2rem;

  width: 7rem;

}

body #swiper1 .concat dl dd p {

  width: 100%;

  min-height: 0.5rem;

}

body #swiper1 .concat dl dd p span {

  display: block;

  float: left;

  width: 5rem;

}

body #swiper1 .concat dl dd p span.tit {

  width: 1rem;

}

body #swiper1 .concat dl.brand {

  height: 0.5rem;

}

body #swiper1 .concat dl.brand dt {

  width: 2.6rem;

}

body #swiper1 .concat dl.brand dd {

  width: 5.5rem;

  left: 2.6rem;

}

body #swiper1 footer {

  width: 96%;

  height: 1rem;

  color: #e6e6e6;

  z-index: 1;

  position: absolute;

  top: 13.6rem;

  margin-left: 2%;

}

body #swiper1 footer p {

  text-align: center;

  line-height: 0.46rem;

}

body #swiper1 footer p a {
  color: #FFFFFF;
  /*color: #666;*/

  margin: 0 3px;

}

body #swiper1 footer p s.polic {

  width: 0.24rem;

  height: 0.27rem;

  margin: 0 3px 0 0;

  display: inline-block;

  background: url("../img/common/polic.png");

  background-size: cover;

}

body #swiper1 .section4 {

  display: flex;

  flex-direction: column;

  background: url("../img/common/footer_bg.png") bottom center;

  /* background-size: 100% 100%; */

}

body #swiper1 .section4 .section-animate {

  height: 8rem;

}

body #swiper2 a {

  width: 100%;

  height: 13rem;

  display: block;

  position: absolute;

  left: 0;

  top: 1.4rem;

  z-index: 4;

}

@keyframes moveNext {

  from {

    transform: translateY(0);

  }

  to {

    transform: translateY(5px);

  }

}

.nomove {

  position: fixed;

  width: 100%;

}