@import "base.css";
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl,
dd,
figure,
menu,
input,
textarea,
button,
select,
th,
td iframe {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong {
  font-size: 100%;
  font-weight: normal;
}
li {
  list-style: none;
}
em,
i {
  font-style: normal;
}
a,
a:visited,
a:active {
  text-decoration: none;
  border: none;
  outline: none;
}
input,
textarea {
  outline: none;
}
textarea {
  resize: vertical;
}
body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  word-wrap: break-word;
  line-height: 1.5;
  font-size: 12px;
  width: 100%;
  margin: 0 auto!important;
  overflow-x: hidden;
  overflow-y: auto;
  background: #65faff;
}
body,
button,
input,
select,
textarea {
  font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', 'microsoft yahei', simsun, sans-serif;
}
.none {
  display: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.flexS {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
button {
  border: none;
}
.mr-right-5 {
  margin-right: 5px;
}
.mr16 {
  margin-right: 16px;
}
.hide {
  display: none;
}
.wrap {
  width: 12rem;
  margin: auto;
  text-align: center;
}
.cbPimg{
  display: inline-block;
  width: 100%;
}
.cbPimg img{
  height: 2.39rem;
}
.Cbxq{
  display: inline-block;
  width: 100%;
  height: auto;
  background: #5c57fc;
  border: .01rem solid #303030;
  border-top: inherit;
  border-bottom-right-radius: .18rem;
  border-bottom-left-radius: .18rem;
  position: relative;
  margin-top: .54rem;
  margin-bottom: .35rem;
}
.Cbxq::before{
  display: inline-block;
  content: '';
  width: 12.02rem;
  height: .59rem;
  background: url("../images/cbImg1.png") no-repeat center top;
  background-size: 100%;
  position: absolute;
  left: -.01rem;
  top: -.39rem;
}
.Cbxq::after{
  display: inline-block;
  content: '';
  width: .44rem;
  height: .27rem;
  background: url(../images/cbImg2.png) no-repeat center top;
  background-size: 100%;
  position: absolute;
  left: .3rem;
  top: -.22rem;
}





.banner-box {
  width: 100%;
  clear: both;
  height: 9.57rem;
  background: url("../images/banner.jpg") no-repeat center top;
  background-size: auto 100%;
  position: relative;
}
.banner-box .logo {
  display: inline-block;
  width: 2.12rem;
  height: .62rem;
  background: #e22e27;
  float: left;
  border-bottom-left-radius: .08rem;
  border-bottom-right-radius: .08rem;
  margin-left: .51rem;
}
.banner-box .logo img{
  width: 1.7rem;
  margin-top: .12rem;
}
.banner-box .tit {
  width: 10.13rem;
  display: inline-block;
  position: relative;
  z-index: 2;
  margin: 1.58rem auto 0;
}
.banner-box .circle3 {
  width: 1.07rem;
  display: block;
  position: absolute;
  top: 2.29rem;
  left: 2.54rem;
  /*animation: scale3 1s linear infinite alternate;*/
  /*-webkit-animation: scale3 1s linear infinite alternate;*/
  animation: moveX2 0.8s linear infinite alternate;
  -o-animation: moveX2 0.8s linear infinite alternate;
  -moz-animation: moveX2 0.8s linear infinite alternate;
  -webkit-animation: moveX2 0.8s linear infinite alternate;
}
.banner-box .circle1 {
  width: 1.98rem;
  display: block;
  position: absolute;
  bottom: 2.49rem;
  left: 2.54rem
}
.banner-box .planet {
  width: 2.87rem;
  display: block;
  position: absolute;
  top: 2.95rem;
  right: 1.65rem;
}
.banner-box .banIp {
  width: 1.29rem;
  display: block;
  position: absolute;
  right: -0.27rem;
  top: 6.48rem;
}
.banner-box div > img {
  width: 100%;
  display: block;
}
.swiper{
  width: 100%;
  height: .54rem;
  line-height: .54rem;
  transition-timing-function:linear;
  background: #5c57fc;
  position: absolute!important;
  left: 0;
  bottom: 0;
}
.swiper-wrapper{
  transition-timing-function:linear !important;
}
.swiper-slide{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .14rem;
}
.swiper-slide img {
  display: inline-block;
  height: .25rem;
}

.sections {
  width: 100%;
  clear: both;
}
.sections .secTit {
  clear: both;
  width: 10.88rem;
  height: .85rem;
  line-height: .85rem;
  border: .01rem solid #303030;
  background: #ff9ae6;
  position: relative;
  margin: .43rem auto 0;
}
.sections .secTit::before{
  display: inline-block;
  content: '';
  width: 10.88rem;
  height: .12rem;
  border: .01rem solid #303030;
  border-bottom: none;
  background: #fff766;
  margin-left: -.01rem;
  position: absolute;
  left: 0;
  top: -.14rem;
}
.secTit>img{
  position: absolute;
}
.sections .secTit span{
  display: inline-block;
  font-size: .47rem;
  font-weight: bold;
  color: #fff;
  -webkit-text-stroke: .01rem #2b2d2c;
  text-stroke: .01rem #2b2d2c;
  text-shadow: 0 .05rem 0 #2b2d2c;
}
.sections .secTit span label{
  display: inline-block;
  color: #fff766;
}
/*.sec1*/
.sec1{
  margin-bottom: .3rem;
}
.sec1 .s1-main {
  width: 100%;
  height: 7.05rem;
  background: url("../images/s1Cbg.png") no-repeat center top / 100%;
  margin-top: .6rem;
}
.sec1 .s1-main .video-box {
  width: 8.98rem;
  height: 5.01rem;
  display: block;
  background: #000;
  margin-left: .76rem;
  margin-top: 1.09rem;
  display: inline-block;
  float: left;
}

/*sec2*/
.s2titL1{
  width: .53rem;
  left: .82rem;
  top: .14rem;
}
.s2titL2{
  width: .34rem;
  left: 2.05rem;
  top: .28rem;
}
.s2titR1{
  width: .2rem;
  right: 2.58rem;
  top: .44rem;
}
.s2titR2{
  width: 1.83rem;
  right: .22rem;
  top: -.67rem;
}
.sC{
  display: inline-block;
  background: #fff;
  width: 95.6%;
  border: .01rem solid #303030;
  margin: .18rem auto;
}
.s2C{
  width: 95.6%;
  background: url(../images/Lg.jpg) repeat center top;
  background-size: .31rem;
}
.s2-main>div{
  display: inline-block;
}
.s2T .p1{
  font-size: .32rem;
  font-weight: bold;
  color: #2b2d2c;
  position: relative;
  margin-top: .18rem;
  margin-bottom: .06rem;
}
.s2T .p1::after {
  display: inline-block;
  content: '';
  width: 3.64rem;
  height: .16rem;
  background: #ffd9e4;
  border-radius: .08rem;
  position: absolute;
  transform: translate(-50%, 0);
  left: 46%;
  bottom: .02rem;
  z-index: -1;
}
.s2T .p2{
  font-size: .19rem;
  color: #2b2d2c;
}
.s2B{
  width: 10.82rem;
  height: 1.91rem;
  border: .01rem solid #303030;
  background: #ffffbc;
  border-radius: .12rem;
  position: relative;
  margin-bottom: .48rem;
}
.s2B::before{
  display: inline-block;
  content: '';
  width: 2.87rem;
  height: .76rem;
  background: url("../images/s2img2.png") no-repeat center top;
  background-size: 100%;
  position: absolute;
  right: 2.02rem;
  bottom: 0;
}
.s2B>p{
  font-size: .18rem;
  color: #2b2d2c;
  text-align: left;
  margin-left: .12rem;
  line-height: .34rem;
}
.s2B>p>span{
  font-weight: bold;
}
.s2B .p1{
  font-size: .22rem;
  font-weight: bold;
  margin-top: .16rem;
  margin-bottom: .06rem;
}
.s2B .p1>img{
  width: .27rem;
  vertical-align: sub;
  margin-right: .12rem;
}
.s2Z{
  display: inline-block;
  width: 9.73rem;
  margin-top: .16rem;
}
.s2Z .bd{
  margin: .17rem .16rem 0;
  overflow: hidden;
}
.s2Z .bd ul{ overflow:hidden; zoom:1; }
.s2Z .bd ul li{ margin:0 .06rem; float:left; _display:inline; overflow:hidden; text-align:center;
  background: #ff9ae6;
  width: 2.13rem; height: 2.2rem;
  border-radius: .1rem;
  border: solid .01rem #333;
  position: relative;
}
.s2Z .bd ul li .pic{
  width: 100%; height: 1.66rem;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: solid .01rem #333;
}
.s2Z .bd ul li .pic img{display: inline-block; width: 1.44rem;}
.s2Z .bd ul li p{
  font-size: .17rem;
  height: .48rem;
  line-height: .22rem;
  width: 84%;
  color: #fff;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0 8%;
}
.s2Z .bd ul li .s2zP{
  line-height: .45rem;
}
.s2-btn{
  width: 100%; clear: both; float: left; margin: .15rem auto;
}
.s2-btn a{
  display: inline-block;
  font-size: .25rem;
  font-weight: bold;
  color: #fff;
  width: 2.7rem;
  height: .63rem;
  line-height: .63rem;
  background: url(../images/s3Btn.png) no-repeat center top;
  background-size: 100%;
  margin: .22rem .5rem .24rem;
}
.s2-btn .btn02{
  background: url(../images/s4Btn.png) no-repeat center top;
  background-size: 100%;
}
/*sec3*/
.sections .s3-title{
  background: #00e8ff;
}
.sections .s3-title span label{
  color: #33ff99;
  /*text-shadow: 0 .05rem 0 #fff;*/
}
.s3titL1{
  width: .89rem;
  left: .38rem;
  top: .17rem;
}
.s3titL2{
  width: .2rem;
  left: 2.42rem;
  top: .35rem;
}
.s3titR2{
  width: 2.42rem;
  right: .52rem;
  top: .1rem;
}
.s3-main>img{
  width: 10.96rem;
  margin-top: .6rem;
  margin-bottom: .21rem;
}
.s3-main>a{
  display: inline-block;
  font-size: .25rem;
  font-weight: bold;
  color: #fff;
  width: 2.7rem;
  height: .63rem;
  line-height: .63rem;
  background: url("../images/s3Btn.png") no-repeat center top;
  background-size: 100%;
  margin-bottom: .34rem;
}
/*sec4*/
.sections .s4-title {
  background: #fff766;
}
.sections .s4-title::before{
  background: #00e8ff;
}
.sections .s4-title label{
  color: #33ff99;
}
.s4titL1{
  width: 1.02rem;
  left: .37rem;
  top: .12rem;
}
.s4titR2{
  width: 1.37rem;
  right: .66rem;
  top: .03rem;
}
.s4-main>div{
  display: inline-block;
  width: 94.6%;
}
.s4T{
  padding-top: .34rem;
  border: .01rem solid #303030;
  margin: .26rem auto;
  background: url(../images/Hg.jpg) repeat center top;
  background-size: .31rem;
  border-radius: .12rem;
}
.s4T>div{
  display: inline-block;
  width: 4.62rem;
  height: 3.05rem;
  border: .01rem solid #303030;
  background: #fff;
  border-radius: .12rem;
  overflow: hidden;
  margin: 0 .31rem;
}
.s4bjxq>p{
  font-size: .26rem;
  color: #2b2d2c;
  line-height: .48rem;
}
.s4bjxq .p1{
  height: .82rem;
  line-height: .82rem;
  font-size: .32rem;
  font-weight: bold;
  color: #fff;
  background: #9d73ff;
  border-bottom: .01rem solid #303030;
  margin-bottom: .3rem;
}
.s4T>span{
  display: inline-block;
  width: 100%;
}
.s4T .sp1{
  font-size: .2rem;
  font-weight: bold;
  color: #9d73ff;
  text-align: left;
  margin-left: .52rem;
  margin-top: .19rem;
  margin-bottom: .08rem;
}
.s4T .sp2{
  width: 9.81rem;
  height: .27rem;
  line-height: .27rem;
  border: .01rem solid #303030;
  background: #9d73ff;
  border-radius: 1rem;
  font-size: .18rem;
  color: #fff;
}
.s4Btn {
  display: inline-block;
  font-size: .25rem;
  font-weight: bold;
  color: #fff;
  width: 2.7rem;
  height: .63rem;
  line-height: .63rem;
  background: url(../images/s4Btn.png) no-repeat center top;
  background-size: 100%;
  margin-bottom: .34rem;
  margin-top: .3rem;
}
.s4B>div{
  display: inline-block;
  width: 5.11rem;
  height: 3.58rem;
  border: .01rem solid #303030;
  background: url(../images/Hg.jpg) repeat center top;
  background-size: .31rem;
  border-radius: .12rem;
  margin-right: .51rem;
  overflow: hidden;
}
.s4B>div:last-child{
  margin-right: 0;
}
.s4Bxq .p1{
  height: .82rem;
  line-height: .82rem;
  font-size: .32rem;
  font-weight: bold;
  color: #fff;
  background: rgba(5,231,187,0.7);
  border-bottom: .01rem solid #303030;
  margin-bottom: .3rem;
}
.s4Bxq .p2{
  font-size: .26rem;
  color: #2b2d2c;
  line-height: .4rem;
  height: 1.1rem;
}
.s4Ts{
  font-size: .18rem;
  color: #2b2d2c;
  text-align: right;
  width: 96%;
  margin: .23rem auto .31rem;
}
/*sec5*/
.s5titL2{
  width: .92rem;
  left: 1.7rem;
  top: .1rem;
}
.s5titR2{
  width: 1.14rem;
  right: 1.22rem;
  top: -.05rem;
}
.sections .s5-title{
  background: #00e8ff;
}
.sections .s5-title span label {
  color: #33ff99;
}
.s5-main>img {
  width: 10.96rem;
  margin-top: .3rem;
  margin-bottom: .21rem;
}
.s5-main>a {
  display: inline-block;
  font-size: .25rem;
  font-weight: bold;
  color: #fff;
  width: 2.7rem;
  height: .63rem;
  line-height: .63rem;
  background: url(../images/s3Btn.png) no-repeat center top;
  background-size: 100%;
  margin-bottom: .34rem;
}

/*sec6*/
.s6titL2{
  width: .92rem;
  left: 1.7rem;
  top: .1rem;
}
.s6titR2{
  width: 1.29rem;
  right: .92rem;
  top: -.25rem;
}
.sections .s6-title{
  background: #00e8ff;
}
.sections .s6-title span label {
  color: #ffcc66;
}
.s6-main>img {
  width: 10.96rem;
  margin-top: .3rem;
  margin-bottom: .21rem;
}
.s6-main>a {
  display: inline-block;
  font-size: .25rem;
  font-weight: bold;
  color: #fff;
  width: 2.7rem;
  height: .63rem;
  line-height: .63rem;
  background: url(../images/s3Btn.png) no-repeat center top;
  background-size: 100%;
  margin-bottom: .34rem;
}
/*sec7*/
.s7titL2{
  width: .92rem;
  left: 1.7rem;
  top: .1rem;
}
.s7titR2{
  width: 1.29rem;
  right: .92rem;
  top: -.25rem;
}
.s7titL1{
  width: .78rem;
  left: .45rem;
  top: .1rem;
}
.s7titR{
  width: 1.55rem;
  right: .84rem;
  top: -.14rem;
}
.sections .s7-title{
  background: #00e8ff;
}
.sections .s7-title span label {
  color: #33ff99;
}
.s7-main{
  width: 10.87rem;
  height: auto;
  margin: 0 auto;
  position: relative;
}
.s7-main ul{
  display: inline-block;
  width: 10.85rem;
  height: .94rem;
  background: #5c57fc;
  border: .01rem solid #2b2d2c;
  border-radius: 1rem;
  position: absolute;
  left: 0;
  top: -.49rem;
  z-index: 1;
}
.s7-main ul li{
  display: inline-block;
  font-size: .29rem;
  height: .64rem;
  line-height: .64rem;
  font-weight: bold;
  color: #fff;
  margin: .15rem .22rem 0;
  cursor: pointer;

}
.s7-main ul li.cur{
  background: #33ff99;
  border-radius: 1rem;
  padding: 0 .36rem;
}
.s7-main>img {
  width: 10.96rem;
  margin-top: .3rem;
  margin-bottom: .21rem;
  border: .01rem solid #303030;
  border-radius: .2rem
}
.s7-main>a {
  display: inline-block;
  font-size: .25rem;
  font-weight: bold;
  color: #fff;
  width: 2.7rem;
  height: .63rem;
  line-height: .63rem;
  background: url(../images/s3Btn.png) no-repeat center top;
  background-size: 100%;
  margin-bottom: .34rem;
}
.s7T{
  margin-top: .84rem;
}
.s7T>div{
  display: none;
}
.s7T>div.cur{
  display: inline-block;
}
.s7Tb1{
  width: 100%;
  height: 4.38rem;
  background: url(../images/Lg1.jpg) repeat center top;
  background-size: .31rem;
  border-radius: .2rem;
  position: relative;
}
.s7Tb1::before{
  display: inline-block;
  content: '';
  width: 1.87rem;
  height: 1.88rem;
  background: url("../images/s7img2.png") no-repeat center top;
  background-size: 100%;
  position: absolute;
  left: .48rem;
  bottom: .3rem;
}
.s7Tb1::after{
  display: inline-block;
  content: '';
  width: 1rem;
  height: 1.07rem;
  background: url("../images/s7img3.png") no-repeat center top;
  background-size: 100%;
  position: absolute;
  right: .36rem;
  bottom: .07rem;
}
.s7Tb1>p{
  font-size: .28rem;
  color: #2b2d2c;
  display: inline-block;
  width: 100%;
  line-height: .48rem
}
.s7Tb1 .p1{
  font-size: .33rem;
  font-weight: bold;
  color: #5c57fc;
  margin-top: 0.78rem;
  position: relative;
  z-index: 1;
  margin-bottom: .26rem;
}
.s7Tb1 .p1::after {
  display: inline-block;
  content: '';
  width: 3.86rem;
  height: .08rem;
  background: #fff766;
  border-radius: .08rem;
  position: absolute;
  transform: translate(-50%, 0);
  left: 50%;
  bottom: .08rem;
  z-index: -1;
}
.s7Tb a{
  display: inline-block;
  font-size: .25rem;
  font-weight: bold;
  color: #fff;
  width: 2.7rem;
  height: .63rem;
  line-height: .63rem;
  background: url(../images/s3Btn.png) no-repeat center top;
  background-size: 100%;
  margin-bottom: .3rem;
  margin-top: .3rem;
}
.s7Tb2{
  margin-top: .55rem;
}
.s7Tb2>img{
  width: 100%;
}
.db{
  display: block;
  width: 100%;
  height: 2.75rem;
  background: url("../images/dbt.png") no-repeat center top;
  background-size: auto 100%;
}






@-webkit-keyframes iconPulse {
  0% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes iconPulse {
  0% {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fudong {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-0.08rem);
  }
}
.lfNav {
  position: fixed;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
  width: 1.96rem;
  height: 4.04rem;
  display: flex;
  justify-content: center;
  align-content: flex-start;
  flex-wrap: wrap;
  background: url("../images/lfNav.png") no-repeat center top;
  background-size: 100%;
}
.lfNav .nav-bg {
  width: 100%;
  height: 0.28rem;
  display: block;
  font-size: 0.18rem;
  line-height: 0.28rem;
  color: #fff;
  margin-bottom: 0.08rem;
  text-align: center;
}
.mt185{
  margin-top: .85rem;
}
.lfNav .nav-bg a {
  width: 1.18rem;
  height: 0.28rem;
  display: block;
  margin: auto;
  background: #5c57fc;
  border-radius: 0.06rem;
  color: #fff;
  border: .01rem solid #090a18;
}
.lfNav .nav-bg a:hover {
  background: #fff766;
  /* 标准的语法 */
  color: #333;
}
.lfNav .fixTop {
  width: 100%;
  clear: both;
  margin: 0.07rem auto 0.12rem;
}
.lfNav .fixTop a {
  width: 0.58rem;
  display: block;
  margin: auto;
}
.lfNav .fixTop a img {
  width: 100%;
  display: block;
}
.lfNav .close {
  position: absolute;
  top: 0;
  right: 0;
  height: 30px;
  width: 30px;
}
.lfNav .close img {
  width: 100%;
  display: block;
}