.upproduct_tabs{ margin:0; padding:0;}
.upproduct_tabbg{ position:fixed; top:0; left:0; background:url(//www.idcs.cn/hot/images/upprodict_imgbg.png) repeat; z-index:999; width:100%; height:100%;}
.upproduct_content{ position:fixed; z-index:1000; width:550px; margin:160px auto 0 auto; top:0px; left:50%; margin-left:-250px;}
.upproduct_contenttop{background:url(//www.idcs.cn/hot/images/upprodict_img.png) no-repeat center 0; text-align:center; height:454px;}
.upproduct_contenttop p{ font-size:30px; color:#393939; padding-top:300px;}
.upproduct_contenttop .upproduct_btn{ margin-top:15px;}
.upproduct_contenttop .upproduct_btn a{ display:block; width:180px; height:40px; line-height:40px; text-align:center; color:#fff; background:#2699d0; font-size:16px; margin:0 auto; border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.upproduct_contentlist{ margin-top:15px; padding-left:10px;}
.upproduct_contentlist li{ float:left; width:158px; height:150px; margin:0 10px; padding:15px 0; text-align:center; background:#fff; border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.upproduct_contentname{ font-size:18px; color:#595959; padding-top:10px;}
.upproduct_contentlist li .upproduct_contentbtn{ margin-top:20px;}
.upproduct_contentlist li .upproduct_contentbtn a{display:block; width:108px; height:30px; line-height:30px; text-align:center; color:#fff; background:#2699d0; font-size:14px; margin:0 auto; border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}


@keyframes scale-bg {
  from {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

}

@keyframes x-bg {
  from {
    -webkit-transform: translateY(380px);
    transform: translateY(380px);
    opacity: 0;
  }

  to {
    -webkit-transform: translateY(320px);
    transform: translateY(320px);
    opacity: 1;
  }

}

.scaleBg {
  visibility: visible;
  -webkit-animation: scale-bg 6s linear forwards;
  animation: scale-bg 6s linear forwards;
}

.changyear {
  animation: changeBg .5s ease infinite;
  overflow: hidden;
  width: 700px;
  height: 545px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("../images/year1.png");
}

@keyframes changeBg {
  0% {
    background-image: url(../images/year1.png);
  }

  100% {
    background-image: url(../images/year2.png);
  }

}

.container {
  position: relative;
  width: 1440px;
  margin: 0 auto;
}

* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

.banner {
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.banner .items {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background-image: url(../images/banner.jpg);
}

.banner .logo {
  position: absolute;
  top: 0px;
  left: 30px;
}

.banner .title {
  position: absolute;
  margin-left: -350px;
  left: 50%;
  top: 310px;
}

.banner .zi {
  font-size: 20px;
  color: #6bdfff;
  font-weight: lighter;
  text-align: center;
  position: relative;
  top: 810px;
  margin: 0 auto;
}

.common_bg {
  background: url(../images/comm_bg.jpg) no-repeat top center;
  height: 100vh;
}

.box_comon_k {
  background: url(../images/common_bg.png) no-repeat top center;
  height: 695px;
  background-size: contain;
  position: relative;
}

.section {
  position: relative;
}

.box_comon_k.te {
  background: url(../images/common_bg2.png) no-repeat top center;
  height: 627px;
}

.box_list {
  display: flex;
  justify-content: center;
  padding-top: 120px;
}

.box_comon_k .explain {
  width: 113px;
  height: 40px;
  background: #2f4dfb;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  margin-left: -510px;
  top: -7px;
  cursor: pointer;
}

.box1_list .box_item {
  background: url(../images/title1_bg.png) no-repeat;
  height: 429px;
  width: 384px;
  text-align: center;
  margin: 0px 20px;
  padding: 30px 0;
}

.xian {
  background: url(../images/xian.png) no-repeat top center;
  height: 1px;
  width: 100%;
  margin: 20px 0;
}

.box1_list .box_item  span {
  display: none;
}

.box1_list .box_item .info {
  height: 306px;
}

.box1_list .box_item .zx a {
  height: 60px;
  line-height: 60px;
  width: 100%;
  display: block;
}

.t h3 {
  background: url(../images/common_k.png) no-repeat top center;
  width: 714px;
  height: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.t h3 span {
  display: none;
}

.box2_list span {
  display: none;
}

.box2_list .box_item {
  background: url(../images/up_bg.png) no-repeat;
  width: 453px;
  height: 392px;
  text-align: center;
  margin: 0px 20px;
}

.box2_list {
  padding-top: 150px;
}

.box2_list .box_item .t {
  height: 300px;
  position: relative;
}

.box2_list .box_item .t div {
  background-image: linear-gradient(#992eff, #8321fc);
  border-radius: 50%;
  border: 4px solid #ca9df4;
  color: #fff;
  font-weight: bold;
  text-align: center;
  position: absolute;
}

.box2_list .box_item .t div.t1 {
  line-height: 48px;
  width: 48px;
  height: 48px;
  font-size: 17px;
}

.box2_list .box_item .t div.t2 {
  line-height: 64px;
  width: 64px;
  height: 64px;
  font-size: 24px;
}

.box2_list .box_item .t.a1 .t1 {
  left: 162px;
  top: 4px;
}

.box2_list .box_item .t.a1 .t2 {
  left: 295px;
  top: 65px;
}

.box2_list .box_item .t.a2 .t1 {
  left: 300px;
  top: 54px;
}

.box2_list .box_item .t.a2 .t2 {
  left: 76px;
  top: 49px;
  width: 70px;
  height: 70px;
  line-height: 70px;
}

.zx2 {
  width: 210px;
  height: 43px;
  background-image: linear-gradient(#f3b557, #fd951c);
  margin: 40px auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, .3);
  border-radius: 6px;
}

.zx2 a {
  display: block;
}

.box3_list span {
  display: none;
}

.box3_list {
  align-items: center;
}

.box3_list .box_item {
  margin: 0px 10px;
  justify-content: center;
  text-align: center;
  padding-top: 40px;
  box-sizing: border-box;
}

.box3_list .box_item:nth-child(3){
  padding-top:20px;
}

.box3_list .box_item:nth-child(3) .zx2{
  margin:20px auto 0;
}


.box3_list .box_item:nth-of-type(even) {
  background-image: linear-gradient(#fdab17, #ff7002);
  border: 3px solid #f5c97b;
  border-radius: 6px;
  justify-content: center;
  width: 240px;
  height: 384px;
}

.box3_list .box_item:nth-of-type(even) .info {
  height: 120px;
}

.box3_list .box_item:nth-of-type(odd) .info {
  height: 80px;
}

.box3_list .box_item:nth-of-type(odd) {
  background-image: linear-gradient(#9d31ff, #7f1ffc);
  border: 3px solid #af49f5;
  border-radius: 6px;
  justify-content: center;
  width: 240px;
  height: 322px;
}

.box3_list .xian {
  margin: 10px 0 30px 0;
}

.box4_list .box_info {
  display: flex;
  height: 320px;
  clear: both;
  justify-content: center;
}

.box4_list .box_info .box_left {
  font-size: 24px;
  line-height: 40px;
  color: #6adaff;
  width: 390px;
  text-align: center;
  margin: 0px 20px;
}

.box4_list.box_list {
  display: block;
}

.box4_list .box_info .box_right {
  margin: 0px 20px;
}

.clear {
  clear: both;
}

.box4_list .box_zx {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.box4_list .box_zx span {
  width: 325px;
  height: 73px;
  line-height: 73px;
  background: #ffcc01;
  border-radius: 40px;
  text-align: center;
  font-size: 30px;
  color: #c51009;
  display: block;
  cursor: pointer;
}

.box4_list .box_zx p {
  font-size: 20px;
  color: #fff;
  margin-top: 20px;
}

.section5  .footer {
  font-size: 16px;
  color: #fff;
  line-height: 30px;
  margin: 30px 0 0;
  text-align: center;
}

.none {
  display: none;
}

.block {
  display: block;
}

@media (max-width:767px) {
  .container {
    width: 100%;
  }

  .banner .items {
    background-image: url(../images/banner1.jpg);
  }

  .banner .title {
    left: 5%;
    right: 0;
  }

  .banner .title h3 {
    font-size: 36px;
  }

  .banner .title span {
    font-size: 24px;
  }

  .banner .logo .Dimg {
    max-width: 100%;
    width: 150px;
  }

  img {
    max-width: 100%;
  }

  .t h3 {
    font-size: 24px;
  }

  .footer {
    background: #1F2329;
    line-height: 30px;
    color: #fff;
    text-align: center;
    height: 80px;
    padding-top: 10px;
  }

  .footer a {
    color: #fff;
  }

  .dialog-rules .fake-border {
    width: 95%;
    margin: 0 auto;
  }

}

/*# sourceMappingURL=css.css.map */
.dialog-rules {
  background: #281974;
}

.dialog-rules .fake-border {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 740px;
  background: linear-gradient(179deg, #9d31ff, #8120fc);
  border: 2px solid #49fdb3;
  border-radius: 37px;
  padding: 50px 0 0;
  box-shadow: 0 0 20px #09012f;
}

.dialog-rules .fake-border .close {
  cursor: pointer;
  right: 24px;
  top: 19px;
  position: absolute;
  z-index: 100;
  background-image: url(../images/close.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  width: 16px;
  height: 15px;
  color: #fff
}

.dialog-rules .fake-border .head {
  width: 100%;
  height: 70px;
  line-height: 70px;
  font-size: 16px;
  color: #fff;
  text-align: center;  /* background-image: linear-gradient(#fdab17, #ff7002); */
}

.dialog-rules .fake-border .body {
  padding: 30px 40px 0;
  max-height: 300px;
  overflow: auto;
  color: #fff;
}

.dialog-rules .fake-border .body li {
  font-size: 14px;
  color: #fff;
  line-height: 30px
}

.dialog-rules .fake-border .button {
  width: 160px;
  height: 38px;
  line-height: 38px;
  color: #FFF;
  text-align: center;
  cursor: pointer;
  font-size: 14px;
  border: none;
  outline: none;
  margin: 30px auto;
  display: block;
  background: #1d90fb;
  position: relative;
  border-radius: 38px
}

.dialog-rules .fake-border .button:hover {
  background: #f9a235;
}

.dialog-rules .fake-border .ewm {
  margin: 30px 0;
  text-align: center;
}

.dialog-rules .fake-border .ewm img {
  width: 160px;
}

.dialog-rules .fake-border .zi {
  text-align: center;
  margin: 20px 0 60px;
  color: #fff;
}

.dialog-rules ol {
  list-style-type: decimal
}

.coupon::-webkit-scrollbar, .body::-webkit-scrollbar, .safety-product::-webkit-scrollbar {
  width: 4px;
  height: 1px
}

.coupon::-webkit-scrollbar, .body::-webkit-scrollbar-thumb, .safety-product::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #535353
}

.coupon::-webkit-scrollbar-track, .body::-webkit-scrollbar-track, .safety-product::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: #EDEDED
}

#menu {
  margin: 0;
  padding: 0;
  position: fixed;
  right: 10px;
  top: 50%;
  margin-top:-280px;
  list-style-type: none;
  z-index: 70;
  background: url(../images/kkkk.png);
  width:263px;height: 480px;
 
}

#menu li:first-child{

}



#menu li:first-child a{
  display: block;
    height: 192px;
    width:200px;
}

#menu li {
  display: flex;
  
  font-size: 14px;
  justify-content: center;
}

#menu a {
  float: left;
  
 
  color: #FFF;
  text-decoration: none;
height: 34px;margin-bottom: 26px;font-size: 18px;line-height: 34px;}

#menu .active a {
  color: #f8d700;
 font-weight: bold;
}


#fp-nav ul li a span, .fp-slidesNav ul li a span{
  background:#fff;
}


#fp-nav{display: none;}