.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  padding: 0;
  margin-bottom: 0;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
  /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/*
 *  Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 *  Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 *  Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

* {
  padding: 0;
  margin: 0
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.clear {
  clear: both;
}

img {
  max-width: 100%
}

a {
  color: #333;
  text-decoration: none;
  transition: all ease 0.3s;
}

.dot {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dot2, .dot3, .dot4 {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
}

.dot2 {
  -webkit-line-clamp: 2;
}

.dot3 {
  -webkit-line-clamp: 3;
}

.dot4 {
  -webkit-line-clamp: 4;
}

.imgbox {
  overflow: hidden;
  position: relative;
  /*background:url(../uploadfiles/nopic.jpg) center center no-repeat; background-size:contain;*/
}

.imgbox span {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s;
  -webkit-transition: all .5s;
}

.imgbox img {
  width: auto !important;
  max-height: 100%;
}

.imgbox:hover span {
  transform: scale(1.05)
}




/*
 .Floor002428 为demo编号
 */
.Floor002428 {
  /* padding: 25px 5% 1%; */
  /* padding: 0.46rem 0.66rem 1rem; */
  position: relative;
  /*width: 100%;
   width: 110%; */
  /* margin-left: -5%; */
  /* margin-left: -0.46rem; */
  margin-top: 0.46rem;
}
.Floor002428 .swiper-container{overflow: hidden;margin: 0 -0.15rem}
.Floor002428  .swiper-button-next:after, .Floor002428  .swiper-button-prev:after{font-size: 0.3rem;}
.Floor002428 .swiper-button-prev{width: 0.2rem;height: 0.36rem;color: #fff;top: .6rem;left: 0.8rem;margin-top: 0;}
.Floor002428 .swiper-button-next{width: 0.2rem;height: 0.36rem;color: #fff;top: 0.6rem;right: 1rem;margin-top: 0;}

.Floor002428 .item {
  position: relative;
  overflow: hidden;
  padding:0 0.15rem;
  margin-bottom: 1rem;
}

.Floor002428 .item img {
  visibility: hidden;
}

.Floor002428 .item a {
  display: block;
  width: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: all .5s;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
}

.Floor002428 .item .imgbox {
  /*width: 100%;
   padding-top: 61.475%; */
  padding-top: 1.5rem;
}

.Floor002428 .item .word {letter-spacing:0.006rem;}

.Floor002428 li.on .imgbox:after {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/newbg.png) no-repeat center/cover;
  content: ""
}

.Floor002428 .item.white .word {
  color: #fff;
}

.Floor002428 .item .word h2 {
  font-size: 0.16rem;
  line-height: 1.5;
  color: #fff;
  word-break: normal;
  margin-top: 0.15rem;
  margin-bottom: 0;
}

.Floor002428 .item .word p {
  /* font-size: 0.12rem; */
  /* line-height: 14px; */
  font-size: 0.12rem;
  line-height: 1.5;
  letter-spacing: 0.01rem;
  color: #fff;
  margin-top: 0.1rem;
}

.Floor002428 .item:hover a .imgbox span {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
}

.Floor002428 .item:hover h2 {
  text-decoration: underline;
  color: #fff;
}

.Floor002428 .owl-nav>div {
  position: absolute;
  top: 42%;
  margin-top: -53px;
  width: .5rem;
  height: .5rem;
  ;
  text-indent: 99999px;
  overflow: hidden;
  border-radius: 50%
}

.Floor002428 .owl-nav {
  width: 110%;
  margin-left: -5%;
}

.Floor002428 .owl-nav .owl-prev {
  left: 7%;
  background: url(../images/leftarr2.png) no-repeat center;
  background-size: auto 30px;
}

.Floor002428 .owl-nav .owl-prev:hover {
  background: #009944 url(../images/leftarr.png) no-repeat center;
  background-size: auto 30px;
}

.Floor002428 .owl-nav .owl-next {
  right: 7%;
  background: url(../images/rightarr2.png) no-repeat center;
  background-size: auto 30px;
}

.Floor002428 .owl-nav .owl-next:hover {
  background: #009944 url(../images/rightarr.png) no-repeat center;
  background-size: auto 30px;
}


.Floor002428 .owl-dots {
  display: none;
  width: 100%;
  margin-top: 3%;
  text-align: center;
}

.Floor002428 .owl-dots>div {
  display: inline-block;
  margin: 0 5px;
}

.Floor002428 .owl-dots>div>span {
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #999999;
}

.Floor002428 .owl-dots>div.active>span {
  background: #fe7200;
}
.Floor002428 .item.on .imgbox span{opacity: 0.4;}
.Floor002428 .item.on .imgbox:After{left: 50%;top: 50%;transform: translate(-50%,-50%);position: absolute;z-index: 10;width: 100%;height:100%;background: rgba(0,0,0,.5);content: "";}


/* main .main-scroll .main{width: 73% !important;} */
.newscontent .newstit {
  font-size: 0.36rem;
  line-height: 0.48rem;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 0.2rem;
  text-align: justify;
}

.newscontent .info {
  color: #fff
}

.newscontent .info span {
  font-size: 0.14rem;
  letter-spacing: 0.007rem;
  color: #ffffff;
}

.newscontent .content img {
  width: 6.14rem;
  margin-right: 0.72rem;
  margin-bottom: 0.6rem;
  height: auto!important;
}

.newscontent .content {
  /* margin-top: .5rem; */
  /* padding-bottom: 80px; */
  margin-top: 0.5rem;
    padding-bottom: 0.8rem;
}

.newscontent .content p {
  font-size: 0.14rem;
  line-height: 1.5;
  letter-spacing: 0.018rem;
  color: #ffffff;
}


.Home.wap .swiper .swiper-slide .imgbox {
  height: 35%;
  top: 0;
  left: auto;
  right: 0;
}

.Home.wap .swiper .swiper-slide .txt h2 {
  font-size: 0.6rem;
  line-height: 0.76rem;
  width: 10.34rem;
}

@media (min-width: 1025px) {
  .Home.wap .swiper .swiper-slide .imgbox {
    height: 35%;
    top: 0;
    left: auto;
    right: 0;
  }


}

/*Other */
.Other002781 ul {
  position: fixed;
  left: 7%;
  z-index: 110;
  bottom: 10%;
  padding: 0;
  margin: 0;
  display: none
}

.Other002781 ul>li:before {
  display: none
}

.Other002781 ul>li.li_left:before {
  width: 13px;
  height: 6px;
  display: inline-block;
  margin: 0 auto;
  background: url(../images/more2.png) no-repeat center;
  transform: rotate(180deg);
}

.Other002781 li {
  position: relative;
  text-align: center;
}

.Other002781 li>a {
  display: block;
  width: .6rem;
  height: .6rem;
  transition: 0.3s;
}

.Other002781 li>a:hover {
  transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  background-color: #ffb41e;
}

.Other002781 li.li_left>span {
  cursor: pointer;
  background: none;
  text-align: center;
  line-height: .6rem;
  transform: rotate(-90deg);
  font-size: 16px;
  color: #fff;
  display: block;
  width: .6rem;
}

.Other002781 li.li_left>a:hover {}

.Other002781 li.li_left>a span {
  font-size: 36px;
}

.Other002781 li.li_left>a:hover span {
  color: #fff;
}

.Other002781 li.li_jd .wap,
.Other002781 li.li_wx .wap,
.Other002781 li.li_vip .wap {
  display: none;
}

.Other002781 li.li_jd aside,
.Other002781 li.li_wx aside,
.Other002781 li.li_message aside,
.Other002781 li.li_vip aside {
  display: none;
  position: absolute;
  right: 100%;
  line-height: .6rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  top: 0;
  background: #ffb41e;
  margin-right: 1px;
  border-radius: 3px;
  padding: 0 10px;
  font-size: 0.18rem;
  color: #fff;
}

.Other002781 li.li_jd a {
  background: url(../images/twitter.png) no-repeat center;
}

.Other002781 li.li_wx a {
  background: url(../images/Facebook.png) no-repeat center;
}

.Other002781 li.li_vip a {
  background: url(../images/wechat.png) no-repeat center;
}

.Other002781 li.li_message a {
  background: url(../images/social-instagram.png) no-repeat center;
}

.Other002781 li.li_discord a {
  background: url(../images/discord.png) no-repeat center;
}

@media(min-width:1025px) {

  .Other002781 li.li_message:hover aside,
  .Other002781 li.li_jd:hover aside,
  .Other002781 li.li_wx:hover aside,
  .Other002781 li.li_vip:hover aside {
    display: block;
  }
}

.banner {
  width: 100%;
  margin-top: 2%;
  position: relative;
}

.banner .imgbox {
  padding-top: 41.98%;
}

.banner .txt {
  position: absolute;
  width: 100%;
  padding: 0 0.3rem;
  top: 50%;
  left: 0;
  color: #fff;
  z-index: 99;
  transform: translateY(-50%);
}

.banner .txt h3 {
  font-size: 48px;
  font-style: italic;
  line-height: 48px;
  color: #fff;
  font-weight: bold;
  line-height: 0.48rem;
  letter-spacing: 0px;
}

.banner .txt p {
  font-size: 0.18rem;
  color: #ffffff;
  font-weight: normal;
  line-height: 0.4rem;
  margin-top: 0.2rem;
}

.banner .imgbox:hover span {
  transform: scale(1);
}

.zero_p1 {
  margin-top: 25px;
  margin-bottom: 3%;
  display: inline-block;
  width: 100%;
}

.zero_p1 .zero_p1_l {
  width: 100%;
  margin-bottom: 0.4rem;
}

.zero_tit {
  font-size: 0.3rem;
  letter-spacing: 0;
  color: #fff;
  font-weight: bold;
  margin-bottom: 0.2rem;
  position: relative;
  display: inline-block;
  width: 100%;
}

.zero_tit span {
  background: #41B847;
  padding-right: 0.6rem;
}

.zero_tit:after {
  position: absolute;
  right: 0;
  width: 100%;
  height: 0.01rem;
  top: 50%;
  background: #fff;
  content: "";
  z-index: -1;
}

.zero_p1 .zero_p1_l p {
  font-size: 0.16rem;
  line-height: 1.5;
  color: #fff;
  letter-spacing: 0.008rem;
}

.zero_p1 .zero_p1_r {
  width: 100%;
}

.zero_p1 .zero_p1_r .zero_p1_rbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48%;
  background: none;
  float: left;
  min-height: 2.09rem;
  padding: 0 0.3rem;
  border: 1px solid rgba(255, 255, 255, .36);
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}

.zero_p1 .zero_p1_r .zero_p1_rbox:nth-child(2n) {
  float: right;
}

.zero_p1 .zero_p1_r .zero_p1_rbox h4 {
  font-size: 0.18rem;
  line-height: 2.5;
  letter-spacing: 0.001rem;
  color: #ffffff;
  text-align: left;
  margin-bottom: 0.2rem;
}

.zero_p1 .zero_p1_r .zero_p1_rbox p,.zero_p1 .zero_p1_r .zero_p1_rt p,.zero_p1 .zero_p1_r .zero_p1_rt {
  font-size: 0.16rem;
  line-height: 1.5;
  letter-spacing: 0px;
  color: #ffffff;
}

.zero_p2, .zero_p3 {
  margin-bottom: 3%;
  display: inline-block;
  width: 100%;
}
.zero_p2 .zero_p2_t{
  font-size: 0.16rem;
  line-height: 1.5;
  letter-spacing: 0px;
  color: #ffffff;margin-bottom: 30px;}
.zero_p2_b .zero_p2_bl {
  width: 40%;
  margin-top: 0px;
}

.zero_p2_b .zero_p2_bl img {
  width: auto;
  max-width: 85%
}

.zero_p2_b .zero_p2_bl p {
  margin-top: -.5rem;
  font-size: 10px;
  color: #999999;
}

.zero_p2_b .zero_p2_bl p strong {
  font-size: 0.14rem;
  color: #1d2088;
  letter-spacing: 1px;
}

.zero_p2_bm {
  width: 60%
}

.zero_p2_bm .zero_p2_bm_l .box {
  float: left;
  width: 100%;
  margin-bottom: 0.5rem;
}

.zero_p2_bm .zero_p2_bm_l .box .Ebox h3 {
  font-size: 0.24rem;
  color: #ffffff;
  letter-spacing: 0.012rem;
   text-transform: uppercase;
}

.zero_p2_bm .zero_p2_bm_l .box .Ebox p {
  font-size: 0.14rem;
  font-weight: lighter;
  letter-spacing: 0.007rem;
  color: #ffffff;
  position: relative;
  padding-left: 0.11rem;
}

.zero_p2_bm .zero_p2_bm_l .box .Ebox p:after {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.02rem;
  width: 0.04rem;
  height: 0.04rem;
  border-radius: 50%;
  background: #fff;
  content: ""
}

.zero_p2_bm .zero_p2_bm_l .box .Dbox {
  width: 72%;
  height: auto;
  border: solid 1px rgba(255, 255, 255, 0.36);
  padding: 0.2rem 0.15rem;
  margin-top: 0.28rem;
}

.zero_p2_bm .zero_p2_bm_l .box .Dbox h3 {
  font-size: 0.14rem;
  letter-spacing: 0.007rem;
  color: rgba(255, 255, 255, 1);
  margin-bottom: 0.08rem;
}

.zero_p2_bm .zero_p2_bm_l .box .Dbox p {
  font-size: 0.14rem;
  line-height: 1.3;
  letter-spacing: 0.007rem;
  color: rgba(255, 255, 255, 1);
  font-weight: lighter;
}

.zero_p2_bm dl {
  margin-bottom: 0%;
}

.zero_p2_bm dl dt {
  font-size: 0.24rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: #fff;
}

.zero_p2_bm dl dd {
  font-size: 15px;
  letter-spacing: 1px;
  color: #333333;
  padding-left: 12px;
  position: relative;
  border: solid 1px rgba(255, 255, 255, .36);
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
  padding: 10px;
}

.zero_p2_bm .zero_p2_bmbox .zero_p2tit {
  font-size: 0.24rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: #fff;
}

.zero_p2_bm .zero_p2_brbox_r {
  width: 80%;
}

.zero_p2_bm dl dd .box:not(:last-child) {
  margin-bottom: 0;
  display: inline-block;
  width: 100%;
}

.zero_p2_bm dl dd span, .zero_p2_bm dl dd strong {
  float: left;
  margin-left: 5px;
  position: relative;
  color: #fff;
  font-size: 0.14rem;
}

.zero_p2_bm dl dd span {
  width: 75%;
  font-size: 0.14rem;
  line-height: 18px;
  color: #fff;
}

.zero_p2_br {
  width: 40%;
}

.zero_p2_brbox {
  padding: 0;
  margin-bottom: 0%;
  display: inline-block;
  width: 100%;
}

.zero_p2_brbox h4 {
  font-size: 0.14rem;
  letter-spacing: 1px;
  color: #009944;
}

.zero_p2_brbox p {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 1px;
  color: #666666;
  margin-bottom: 0;
}
.zero_p3 .zero_p3_t{
  font-size: 0.16rem;
  line-height: 1.5;
  letter-spacing: 0px;
  color: #ffffff;margin-bottom: 30px;}
.zero_p3_b {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}

.zero_p3_b a {
  font-size: 0.14rem;
  font-weight: bold;
  line-height: 16px;
  letter-spacing: 1px;
  color: #999999;
  padding-right: 20px;
}

.zero_p3_b a:hover {
  ;
  text-decoration: underline;
  color: #009944;
}

.zero_p4_l {
  width: 65.45%;
}

.zero_p4_l h4 {

  font-size: 0.24rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: #fff;
  margin-bottom: 0.39rem;
}

.zero_p4_l p {
  font-size: 0.18rem;
  line-height: 1.5;
  letter-spacing: 0.001rem;
  color: #ffffff;
  margin-bottom: 0.2rem;
}

.zero_p4_r {
  width: 31.99%;
  margin-top: .5rem;
}

.zero_p4_r ul{margin-left: -0.07rem;}
.zero_p4_r li {
  float: left;margin: 0;
  width: 33.333%;
  /* padding: 0 0 0.07rem 0.07rem; */
  overflow: hidden;
}

.zero_p4_r li img {
  height: 1.42rem;display: block;
  max-height: 100%;
}

.zero_p4_r li:before, .zero_p5_t ul li:before {
  display: none;
}

.zero_p4_r li.li5 {
  width: 66.66%;
}

.zero_p4_r li.li6 {
  width: 66.66%;
}

.zero_p5{padding: 0.5rem 0 1.65rem;}
.zero_p5_t ul{display: flex;flex-wrap: wrap;}
.zero_p5_t ul li {
  width: 20%;
  margin-bottom: 0.6rem;
}

.zero_p5_t ul li img {
  width: auto;
  max-width: 100%;
  transition: all 0.5s
}

.zero_p5_t ul li:hover img {
  display: none
}

.zero_p5_t ul li:hover img.hide {
  display: block !important;
}

.zero_p5_b {
  padding-left: 2%;
  clear: both;
  display: inline-block;width: 100%;
}

.zero_p5_b .day, .zero_p5_b .houer, .zero_p5_b .minute {
  color: #fff;
  width: 3rem !important;
  height: 3rem !important;
  padding-top: 1rem;
  float: left;
  text-align: center;
  position: relative;
  margin-right: 0.82rem;
}
.zero_p5_b .houer {margin-right: 1.07rem;}
.zero_p5_b .minute {margin-right: 0;}

.zero_p5_b .day i, .zero_p5_b .houer i, .zero_p5_b .minute i {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: url(../images/yuan.png) no-repeat center 100%/100%;
  content: "";
}
.zero_p5_b .day i{transform: rotate(180deg);}
.zero_p5_b .houer i{transform: rotate(90deg);;}
.zero_p5_b .minute i{transform: rotate(90deg);}


.zero_p5_b .links {
  text-align: left;
  /* width: 10%; */
  height: 3.2rem;
  float: right;
  ;
  font-size: 0.18rem;
  color: #fff;
  display: flex;
  align-items: center;
  background-size: auto 1.5rem;
}

.zero_p5_b .links h3 {
  font-size: 0.18rem;
  color: #fff;
}

.zero_p5_b h3 {
  color: #fff;
  font-size: 0.72rem;
}

.zero_p5_b .links p {
  line-height: 1.2;
}

.zero_p5_b .links p a {
  display: inline-block;
  width: 100%;
  font-size: 0.18rem;
  background: url(../images/more3.png) no-repeat right center;
  color: #fff;
  letter-spacing: 3px;
  font-weight: bold;
  padding-right: 0.2rem;
}


@media (max-width: 1600px) {
  .banner .txt h3 {
    font-size: 0.4rem;
  }

  .banner .txt p {
    /* font-size: 16px; */
  }

  .zero_tit {
    font-size: 0.24rem;
  }

  .zero_p2_bm .zero_p2_brbox_r {
    width: 72%
  }

  .zero_p1 .zero_p1_l p {
    font-size: 0.15rem;
  }

  .zero_p4_l h4 {
    font-size: 0.2rem;
  }

  .zero_p4_l p {
    font-size: 0.18rem;
  }

  .zero_p5_b .day, .zero_p5_b .houer, .zero_p5_b .minute {
    /* height: 220px; */
    /* width: 220px; */
    /* max-width: 25%; */
  }

  .zero_p4_r li {
    height: 1.36rem;
  }

  .zero_p2_b .zero_p2_bl {
    margin-top: 0px;
  }

  .zero_p2_bm .zero_p2_bm_l .box .Dbox {
    width: 63%
  }
}

/* @media (max-width: 1600px) {
main .main-scroll .main{width: 75% !important;}
} */
@media (max-width: 1024px) {
  .zero_p5_b .day, .zero_p5_b .houer, .zero_p5_b .minute {
    /* height: 1.6rem; */
  }

  .row .col-xs-2 {
    width: 20%;
    float: left;
  }
}

.totop {
  position: fixed;
  z-index: 9;
  right: 5%;
  bottom: 10%;
}


.maps {
  position: relative;
  width: 100%;
  height: auto;
  display: inline-block;
  /* margin-top: -120px; */
  margin-top: -1.4rem;
}
.maps img{opacity: 0;}
.maps video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: fill;}
.maps .point {
  width: 17px;
  height: 17px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
}

.maps .point:before, .maps .point2:before {
  display: none
}

.maps .point.li1 {
  left: 19.5%;
  top: 41%
}

.maps .point.li2 {
  left: 52%;
  top: 46%
}

.maps .point.li3 {
  left: 53%;
  top: 56%
}

.maps .point.li4 {
  left: 56.5%;
  top: 42%
}

.maps .point.li5 {
  left: 55.5%;
  top: 70%
}

.maps .point.li6 {
  left: 54.5%;
  top: 78%
}

.maps .point.li7 {
  left: 56.5%;
  top: 77%
}

.maps .point2 {
  width: 0.39rem;
  height: 0.45rem;
  background: url(../images/dian1.png?a) no-repeat center;
  position: absolute;
}

.maps .point2 i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0.7rem;
  height: 0.7rem;
}

.maps .point2 p {
  position: absolute;
  left: 50%;
  top: 0.58rem;
  font-size: 0.16rem;
  letter-spacing: 0.01rem;
  color: #fff;
  transform: translateX(-50%);
  font-weight: bold;
  min-width: 2rem;
  text-align: center;
}

.maps .point2 i:before, .maps .point2 i:after {
  position: absolute;
  content: '';
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  animation: scale infinite 1.5s linear;
}

.maps .point2 i:after {
  background-color: rgba(255, 255, 255, 0.2);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.maps .point2 i:before {
  width: 0.25rem;
  height: 0.25rem;
  left: 50%;
  top: 50%;
  margin: -0.125rem 0 0 -0.125rem;
}

@keyframes scale {
  0% {
    transform: scale(0);
  }

  100% {
    transform: scale(1);
  }
}

.maps .point2.li8 {
  left: 25.5%;
  top: 44%
}

.maps .point2.li9 {
  left: 22.5%;
  top: 58%
}

.maps .point2.li10 {
  left: 27.5%;
  top: 68%
}

.maps .point2.li11 {
  left: 34.5%;
  top: 78%
}

.maps .point2.li12 {
  left: 46.5%;
  top: 35%
}

.maps .point2.li13 {
  left: 55.5%;
  top: 45%
}

.maps .point2.li14 {
  left: 53%;
  top: 80%
}

.maps .point2.li15 {
  left: 58.5%;
  top: 67%
}

.maps .point2.li16 {
  left: 68.5%;
  top: 58%
}

.maps .point2.li17 {
  left: 77%;
  top: 50%
}

.maps .point2.li18 {
  left: 82%;
  top: 45%
}

.maps .point2.li19 {
  left: 76.5%;
  top: 60%
}

.mslist_t {
  margin-top: 0%;
  display: inline-block;
  position: relative;
  width: 100%;
  background: #009944;
  padding: 10px;
}

.mslist_t .close {
  position: absolute;
  right: 0.1rem;
  top: 0.1rem;
  cursor: pointer;
}

.mslist_t .photo {
  width: 45%;
  padding-top: 45%;
  position: relative;
}

.mslist_t .photo .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bg1.png) no-repeat center 100%/100%;
  z-index: 5;
}

.mslist_t .photo .imgbox {
  position: absolute;
  top: 1px;
  left: 1%;
  width: 98%;
  height: 99.5%;
  z-index: 2;
}

.mslist_t .txt {
  width: 49%;
}

.mslist_t .txt img {
  width: auto;
  margin-bottom: 5%;
}

.mslist_t .txt h3 {
  font-size: 0.2rem;
  letter-spacing: 0.01rem;
  color: #fff;
}

.mslist_t .txt h3 b {
  font-size: 0.3rem;
  font-weight: bold;
  letter-spacing: 0.03rem;
}

.mslist_t .txt h4 {
  font-size: 0.2rem;
  letter-spacing: 0.01rem;
  color: #fff;
  font-weight: bold;
  margin-top: 0.1rem;
}

.mslist_t .txt p {
  font-size: 0.16rem;
  color: #fff;
  letter-spacing: 0;
  text-align: left;
  margin-top: 6%;
  line-height: 1.5;
}

/*.mslist_t:after{position: absolute;width: 79px;height: 79px;left: 0;top:0;border: 2px solid #fff;content: "";border-bottom: none;border-right: none;}
.mslist_t:before{position: absolute;height: 79px;width: 79px;border: 2px solid #fff;content: "";right: 0;bottom:0;border-top: none;border-left: none;}*/
.mslist_b {
  display: inline-block;
  width: 100%;
  margin-top: 1%;
  margin-bottom: 10%;
}
.mslist_b ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mslist_b li {
  width: 18%;
  float: left;
  position: relative;
  margin-bottom: 2.5%;
}

.mslist_b li:nth-child(5n) {
  margin-right: 0;
}

.mslist_b li .imgbox {
  width: 100%;
  padding-top: 100%;
  background: #D9D9D9;
  transition: all 0.3s;
  border: 2px solid #41B847
}

.mslist_b li .imgbox:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #070df4;
  content: "";
  opacity: 0.3;
  transition: all 0.3s
}

.mslist_b li p {
  position: absolute;
  width: calc(100% - 0.04rem);
  height: 0.33rem;
  line-height: 0.33rem;
  background-color: #fff;
  padding: 0 5px;
  bottom: 0.02rem;
  left: 0.02rem;
  font-size: 0.14rem;
  color: #070df4
}

.mslist_b li p span.fl {
  max-width: 70%;
  overflow: hidden;
  height: 0.33rem;
  line-height: 0.33rem;
}

.mslist_b li:before {
  display: none
}

.mslist_b li:hover .imgbox {
  border-color: #070df4
}

.mslist_b li:hover .imgbox:after {
  opacity: 0;
}

.mslist_b li:hover .imgbox span {
  transform: scale(1.05)
}

.mslist_t .txt p {
  margin-top: 3%;
}

.mslist_t .txt p.fl {
  width: 30%;
}

.mslist_t .txt p.fr {
  width: 68%;
}

.mslist_t .photo {
  width: 30%;
  padding-top: 30%;
}

.mslist_t .txt {
  width: 68%;
}

.mslist_b li.expert .imgbox:after, .mslist_b li.li_g .imgbox:after {
  background: #04e568
}

.mslist_b li.expert:hover .imgbox, .mslist_b li.li_g:hover .imgbox {
  border-color: #04e568
}

.mslist_b li.expert p, .mslist_b li.li_g p {
  color: #070df4;
}

.mslist_b li.expert p, .mslist_b li.li_g p {
  color: #04e568
}

.mslist_b li.expert:hover p, .mslist_b li.li_g:hover p {
  color: #04e568
}

.mslist_b::-webkit-scrollbar {
  width: 1px;
  height: 4px;
}

.mslist_b::-webkit-scrollbar-thumb {
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: #009944;
}

.mslist_b::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  background-color: #d3dce6;
}

.PopupShengm {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
}

.PopupShengm .ShengmingBox {
  position: absolute;
  border-radius: 0;
  background: #009944;
  padding: 2%;
  width: calc(100% - 5.4rem);
  transform: translateX(-50%);
  top:  1.4rem;
  left: 50%;
  height: calc(100vh - 1.4rem);
  overflow-y: auto;
  box-sizing: border-box;
}
/* .wap .PopupShengm .ShengmingBox {  
  height: calc(60vh - 1.4rem);
  top: 5vh;
  bottom: auto
} */

@media screen and (max-width:1024px){
  .wap .PopupShengm .ShengmingBox {  
    height: calc(60vh - 1.4rem);
    top: 2.2rem;
    bottom: auto
  }
}
.PopupShengm .ShengmingBox .close {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  z-index: 99;
  cursor: pointer;
}

.PopupShengm .ShengmingBox .close img {
  width: 0.3rem;
}

.PopupShengm .ShengmingBox .Con h1 {
  text-align: center;
  font-size: 0.24rem;
  color: #000;
  margin-bottom: 0.1rem;
}

.PopupShengm .ShengmingBox .Con .txt img {
  max-width: 80%;
  border-radius: 50%;
  height: 0.85rem;
  margin-top: 0.2rem;
}

.PopupShengm .ShengmingBox .Con .txt .info {
  text-align: left;
  font-size: 0.2rem;
  line-height: 0.28rem;
}

.PopupShengm .ShengmingBox .Con .txt .info .red {
  color: red
}

.PopupShengm .ShengmingBox .Con .btns {
  padding: 5px 15px;
  display: inline-block;
  background: #d00000;
  color: #fff;
  display: none;
  margin-left: 15px;
}

.PopupShengm .ShengmingBox .Con .btns2 {
  background: #dedede
}

.PopupShengm .ShengmingBox .Con .contxt {
  margin-top: 10%
}

.totop img {
  width: 0.6rem;
}

@media (max-width: 1600px) {
  .mslist_t .photo .imgbox {
    position: absolute;
    top: 1px;
    left: 1%;
    width: 98%;
    height: calc(100% - 1px);
    z-index: 2;
  }

  .totop img {
    width: 0.4rem;
  }

  .maps .point2 {
    background-size: 0.24rem auto;
  }

  .maps .point {
    width: 0.15rem;
    height: 0.15rem;
  }

  .mslist_b li {
    float: left;
    position: relative;
  }
 .Android .mslist_b li{width: 33.33%}
 .Android  .mslist_b li p{width: calc(92% - 0.04rem)}
  .mslist_t .photo {
    width: 30%;
    padding-top: 30%;
  }

  .mslist_t .txt {
    width: 68%;
  }

  /* .PopupShengm .ShengmingBox{width: 71.4285%} */
  .mslist_t .txt img {
    margin-bottom: 1%;
  }

  .newscontent .content img {}

  .projects-item-animate .preview-article-text p {
    line-height: 0.24rem;
    max-width: 70%;
  }
}

@media(max-width:1024px){
  .PopupShengm{height: 10rem;}
}

/*Banner002541 */
.Banner002541 {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 80%;
  float: left;
}

.Banner002541 li:before {
  display: none
}

.Banner002541 .slides>li {
  display: none;
  -webkit-backface-visibility: hidden;
  height: 100%;
}

.Banner002541 .slides {
  padding-bottom: 0.4rem
}

.Banner002541 .slides>li {
  display: none;
  -webkit-backface-visibility: hidden;
  height: 100%;
  padding-left: 20%;
  margin-top: 1.4rem;
  opacity: 0.3 !important;
  transition: all 0.5s !important;
  float: right;
}

.Banner002541 .slides>li.flex-active-slide {
  margin-top: 0;
  opacity: 1 !important;
  float: left;
  padding-left: 0;
}

.Banner002541 .slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .Banner002541 .slides {
  display: block;
}

* html .Banner002541 .slides {
  height: 1%;
}

.no-js .Banner002541 .slides>li:first-child {
  display: block;
}

.Banner002541 .flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .Banner002541 .flex-viewport {
  max-height: 300px;
}

.Banner002541 .slides {
  zoom: 1;
  position: absolute;
  height: 100%;
  left: 0;
  width: 100%;
  overflow: hidden;
}

.Banner002541 .slides li .Ispic {
  height: 100%;
}

.Banner002541 .slides li::after,
.Banner002541 .slides li a {
  position: absolute;
  left: 0;
  top: 0;
}

.Banner002541 .slides li a {
  width: 100%;
  height: 100%;
  z-index: 4;
}

.Banner002541 .slides li .txt {
  position: absolute;
  top: 20%;
  width: 50%;
  max-width: 4.9rem;
}

.Banner002541 .slides li .txt_left {
  left: 10%;
}

.Banner002541 .slides li .txt_right {
  right: 10%;
}

.Banner002541 .flex-control-paging {
  position: absolute;
  left: 0.3rem;
  top: 50%;
  margin-top: -0.3rem;
  z-index: 10;
  width: 0.18rem;
  text-align: center;
}

.Banner002541 .flex-control-paging li {
  list-style: none;
  color: rgba(255, 255, 255, 0.5);
  font-weight: bold;
  font-size: 0.15rem;
}

.Banner002541 .flex-control-paging li a {
  display: none;
  color: rgba(255, 255, 255, 0.5);
}

.Banner002541 .flex-control-paging li a.flex-active {
  display: block;
}

.Banner002541 .flex-control-paging li a.flex-active::after {
  content: '';
  display: block;
  height: 3px;
  background: rgba(255, 255, 255, 0.5);
  margin: 0.12rem 0;
}

.Banner002541 .flex-direction-nav {
  position: absolute;
  left: 50%;
  bottom: 0.2rem;
  z-index: 10;
  width: 100%;
  transform: translateX(-50%);
}

.Banner002541 .flex-direction-nav::before,
.Banner002541 .flex-direction-nav::after {
  position: absolute;
  content: '';
  width: 2px;
  background: rgba(255, 255, 255, 0.1);
  height: 30%;
  right: 0;
}

.Banner002541 .flex-direction-nav::before {
  top: 2px;
}

.Banner002541 .flex-direction-nav::after {
  bottom: 2px;
}

.Banner002541 .flex-direction-nav ul {
  position: absolute;
  left: 50%;
  bottom: -0%;
  height: auto;
  transform: translateX(-50%);
}

.Banner002541 .flex-direction-nav li a {
  position: absolute;
  background: url(../images/Banner002541_controls.png) no-repeat right top;
  width: 0.44rem;
  height: 0.24rem;
  overflow: hidden;
  line-height: 1000px;
}

.Banner002541 .flex-direction-nav ul .flex-prev {
  background-position: left top;
  top: 0;
}

.Banner002541 .flex-direction-nav ul .flex-next {
  bottom: 0.4rem;
  background: url(../images/right3.png) no-repeat center;
}

.totop {
  right: 2%;
  width: 0.4rem;
}

@media(max-width:1368px) {
  .totop {
    right: 3%;
    width: 0.4rem;
  }
}

@media(min-width:769px) {
  .Banner002541 .slides li div.Ispic {
    display: none;
  }
}



.zuopinp1 {
  width: 100%;
  display: inline-block;
  padding: 0.25rem 0 0;
}

.zuopinp1 h1 {
  font-size: 0.3rem;
  letter-spacing: 0.015rem;
  color: rgba(255, 255, 255, 1);
  text-align: center;
  margin-bottom: 0.8rem;
  font-weight: bold;
  line-height: 1.8
}

.zuopinp1 h1 a {
  font-weight: lighter;
  color: #fff;
  font-family: "宋体" !important;
}

.zuopinp1_t {
  display: inline-block;
  width: 100%;
  margin-bottom: 3%;
}

.zuopinp1_t .zuopinp1_tl h3 {
  font-size: 0.24rem;
  font-weight: bold;
  letter-spacing: 0.01rem;
  color: #ffffff;
  margin-bottom: 0.2rem;
}

.zuopinp1_t .zuopinp1_tl {
  width: 60%;
  padding-left: 0.25rem;
}

.zuopinp1_t .zuopinp1_tl p {
  width: 31.3333%;
  float: left;
  font-size: 0.15rem;
  letter-spacing: 0;
  color: #ffffff;
  padding-left: 0.3rem;
}

.zuopinp1_t .zuopinp1_tl p.fl {
  text-align: right;
  padding-right: 0.3rem;
  padding-left: 0;
  border-right: 1px solid #fff;
}

.zuopinp1_t .zuopinp1_tl p.fr {
  width: 50%
}

.zuopinp1_t .zuopinp1_tr1 {
  width: 20%;
}

.zuopinp1_t .zuopinp1_tr1 h3 {
  font-size: 0.24rem;
  font-weight: bold;
  letter-spacing: 0.01rem;
  color: #ffffff;
  margin-bottom: 0.2rem;
}

.zuopinp1_t .zuopinp1_tr1 p {
  float: left;
  font-size: 0.15rem;
  line-height: 0.21rem;
  letter-spacing: 0;
  color: #ffffff;
}


.ban_r {
  width: 5.48rem;
  height: 5rem;
}

.ban_r .photos {
  width: 40%;
  padding-bottom: 48%;
  ;
  position: relative;
  margin: 0 auto;
}

.ban_r .photos i.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bg2.png) no-repeat center;
  background-size: contain;
  z-index: 5;
}

.ban_r .photos .imgbox {
  width: 98%;
  height: 98%;
  transition: all 0.3s;
  left: 1%;
  top: 1%
}

.ban_r .ban_rt p {
  font-size: 0.18rem;
  color: #ffc600;
  letter-spacing: 0px;
  text-align: center;
}

.ban_r .ban_rb {
  margin-top: 10%;
  background: url(../images/gbg1.png) no-repeat center/contain;
  min-height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ban_r .ban_rb p span {
  font-size: 0.16rem;
  color: #ffffff;
  opacity: 0.4;
  letter-spacing: 0px;
  text-align: center;
}

.ban_r .ban_rb .ban_rbox {
  width: 100%;
  height: 2.3rem;
  background: url(../images/sdi.png) no-repeat center;
  position: relative;
  margin-bottom: 1.2rem;
  background-size: 1.5rem;
}

.ban_r .ban_rb .ban_rbox p {
  position: absolute;
  text-align: center;
  line-height: 0.24rem;
}

.ban_r .ban_rb .ban_rbox p.p1 {
  width: 100%;
  top: -0.25rem;
  left: 0
}

.ban_r .ban_rb .ban_rbox p.p2 {
  width: 50%;
  bottom: 0;
  left: 0
}

.ban_r .ban_rb .ban_rbox p.p3 {
  width: 50%;
  bottom: 0;
  right: 0
}

.ban_r .ban_rb p b {
  font-size: 0.2rem;
  font-weight: bold;
  letter-spacing: 0rem;
  color: #ffffff;
}

.zuopinp2 {
  display: inline-block;
  width: 100%;
  margin-top: 5%;
  margin-bottom: 4%;
}

.zuopinp2 .zuopinp2_l {
  width: 54%;
}

.zuopinp2 .zuopinp2_l h3 {
  font-size: 0.3rem;
  letter-spacing: 0;
  color: #fff;
  margin-bottom: 0.05rem;
}

.zuopinp2 .zuopinp2_l p {
  font-size: 0.16rem;
  line-height: 1.8;
  color: #fff;
}

.zuopinp2 .zuopinp2_r {
  width: 40%;
}

.zuopinp2 .zuopinp2_r h3 {
  font-size: 0.2rem;
  letter-spacing: 0;
  color: #fff;
  margin-bottom: 0.05rem;
   text-transform: uppercase;
}

.zuopinp2 .zuopinp2_r p {
  font-size: 0.16rem;
  line-height: 1.8;
  color: #fff;
  margin-bottom: 0.25rem;
}

.zuopinp3 {
  display: inline-block;
  width: 100%;
  margin-top: 3%
}

.zuopinp3 .zuopinp3_l {
  width: 40%;
  background-color: #fff;
  padding: 0% 3%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zuopinp3 .zuopinp3_l h3 {
  font-size: 0.3rem;
  font-weight: bold;
  letter-spacing: 0;
  color: #ffffff;
  text-align: left;
  margin-bottom: 5%;
}

.zuopinp3 .zuopinp3_l p {
  line-height: 0.24rem;
  color: #ffffff;
  letter-spacing: 0px;
  font-size: 0.15rem;
}

.zuopinp3_r {
  width: 60%;
}

.zuopinp3_r .zuopinp3_rbox {
  width: 30.333%;
  margin-left: 3%;
  float: left;
  position: relative;
}

.zuopinp3_r .zuopinp3_rbox .imgbox {
  width: 100%;
  height: 2.65rem;
}

.zuopinp3_r .zuopinp3_rbox p {
  height: 0.2rem;
  line-height: 0.2rem;
  text-indent: 10px;
  font-size: 0.12rem;
  color: #ffffff;
  background-color: #009944;
  width: 100%;
  bottom: 0;
  left: 0;
  position: absolute;
}

.zuopinp4 li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.2rem;
}

.zuopinp4 li .left {
  width: 136px;
}

.zuopinp4 li .left .imgbox {
  width: 1.36rem;
  height: 1.37rem;
}

.zuopinp4 li .left p {
  font-size: 0.14rem;
  color: #ffffff;
  letter-spacing: 0.7px;
  line-height: 0.2rem;
}

.zuopinp4 h2 {
  font-size: 0.24rem;
  color: #ffffff;
  margin: 0.2rem auto
}

.zuopinp4 li .txt {
  width: calc(100% - 1.5rem);
  border: 1px solid #fff;
  min-height: 1.37rem;
  padding: 0.2rem;
}

.zuopinp4 li .txt p {
  font-size: 0.18rem;
  color: #ffffff;
  line-height: 1.5;
}


.gallery_p1_t .selectbox {
  width: 20%;
  padding-right: 6%;
  float: left;
}

.gallery_p1_t .cs-select {
  float: left;
  width: 100%;
  height: 0.4rem;
  border-radius: 0.25rem;
  border: solid 1px #f5f5f5;
  background: url(../images/more2.png) no-repeat 90% center;
  line-height: 0.4rem;
  font-size: 0.16rem;
  background-size: 0.16rem;
}

.gallery_p1_t div.cs-select .cs-placeholder {
  padding: 0;
  text-indent: 0.2rem;
}

.gallery_p1_t div.cs-select .cs-options {
  padding: 10px;
  position: relative;
  z-index: 99;
  background: none
}

.gallery_p1_t .searchbox {
  width: 20%;
}

.gallery_p1_t .searchbox {
  width: 18%;
  height: 0.4rem;
  border-radius: 0.2rem;
 
  line-height: 0.4rem;
  display: flex;
  align-items: center;
}

.gallery_p1_t .searchbox input {
  width: calc(100% - 0.6rem);
  float: left;
  margin-left: 0.2rem;
   border: solid 1px #fff;
  border-radius: 0.5rem;
  padding: 0;
  text-indent:0.1rem;
  margin-right:0.1rem;
  height: 0.38rem;
  line-height: 0.38rem;
  background: none;
  margin-bottom: 0px !important;
  color: #fff;
  font-size: 0.16rem;
}


.gallery_p1_t .searchbox button {
  width: 0.3rem;
  height: 100%;
  text-align: center;
  background: none;
  padding: 0;
  margin: 0;
  margin-right: 10px;
  display: flex;
  align-items: center;
}

.gallery_p1_t .searchbox button img {
  width: auto;
  vertical-align: middle;
  margin-top: -3px;
}

.gallery_p1_b {
  display: inline-block;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.gallery_p1_b .gallery_p1_box {
  width: 30%;
  margin-right: 5%;
  float: left;
  margin-top: 5%;
}

.gallery_p1_b .gallery_p1_box:nth-child(3n) {
  margin-right: 0;
}

.gallery_p1_b .gallery_p1_box .imgbox {
  width: 100%;
  height: auto;
  padding-bottom: 70%;
}

.gallery_p1_b .gallery_p1_box .imgbox .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/bg3.png) no-repeat center;
  top: 100%;
  left: 0;
  transition: all 0.3s;
  background-size: cover;
  z-index: 9;
}

.gallery_p1_b .gallery_p1_box:hover .imgbox .bg {
  top: 0
}

.gallery_p1_b .gallery_p1_box:hover .imgbox .kong {
  top: 100%
}

.gallery_p1_b .gallery_p1_box .imgbox .kong {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/kong.png) no-repeat center;
  top: 0%;
  left: 0;
  transition: all 0.3s;
  background-size: cover;
  z-index: 8;
}

.gallery_p1_b .gallery_p1_box .tags a {
  padding-left: 0.22rem;
  position: relative;
  font-size: 0.12rem;
  line-height: 0.12rem;
  letter-spacing: 0.01rem;
  color: #ffffff;
  margin-right: 0.3rem;
}

.gallery_p1_b .gallery_p1_box .tags a.gary {
  color: #fff
}

.gallery_p1_b .gallery_p1_box .tags a:before {
  width: 0.1rem;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.05rem;
  content: "";
  height: 0.1rem;
  background-color: #ffffff;
}

.gallery_p1_b .gallery_p1_box .tags a.gary:before {
  background-color: #fff;
}

.gallery_p1_b .gallery_p1_box .tit {
  font-size: 0.18rem;
  line-height: 1.5;
  letter-spacing: 0;
  color: #ffffff;
  font-weight: normal;
}

.gallery_p1_b .gallery_p1_box .desc {
  font-size: 0.16rem;
  line-height: 1.5;
  letter-spacing: 0.01rem;
  color: #ffffff;
}

.gallery_p1_b .gallery_p1_box .text {
  font-size: 0.12rem;
  line-height: 1.75;
  color: #ffffff;
  letter-spacing: 0.01rem;
  padding-left: 0.08rem;
  position: relative;
}

.gallery_p1_b .gallery_p1_box .text:before {
  width: 0.04rem;
  position: absolute;
  left: 0;
  top: 0.08rem;
  content: "";
  height: 0.04rem;
  background-color: #ffffff;
  border-radius: 50%
}

.pages {
  text-align: center;
  margin: 40px auto 20px
}

.pages img {
  width: auto;
}


.about_p1 {
  padding: 1.2rem 0 0rem 0px;
  display: inline-block;
  width: 100%;
}

.about_p1 .imgbox {
  width: 5.48rem;
  height: 6.62rem;
  /*-webkit-mask-image: url("../images/imgbg.svg");*/
  -webkit-mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
}

.about_p1 .imgbox .bg {
  position: absolute;
  left: 0;
  display: none;
  top: 0;
  width: 100%;
  height: 100%;
  /*background: url(../images/bg4.png) no-repeat center;*/
  background-size: 100% 100%;
  transition: all 0.3s
}

.about_p1 .txt {
  width: 7.8rem;
}

.about_p1 .txt h1 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  position: relative;
  margin-top: 1.36rem;
  letter-spacing: 0.16rem;
}

.about_p1 .txt h1:before {
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-radius: 50%;
  display: inline-block;
  content: "";
  position: absolute;
  top: -10px;
  left: 10px;
  display: none
}

.about_p1 .txt h2 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.16rem;
}

.about_p1 .txt p {
  font-size: 0.14rem;
  letter-spacing: 0.01rem;
  color: #fff;
  line-height: 1.7;
  margin-top: 1rem;
}

.about_p1 .txt p strong {
  color: #fff;
}

.longimg {
  width: 100%;
  display: inline-block;
  margin: 2% auto 2%;
  position: relative;
  display: none
}

.longimg .hd {
  position: absolute;
  width: 100%;
  bottom: 30px;
}

.longimg .hd ul {
  width: 100%;
  text-align: center;
  font-size: 0
}

.longimg .hd ul li {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #fff;
  margin: 0 10px;
  cursor: pointer;
}

.longimg .hd ul li.on {
  background: #fff
}

.about_tit h3 {
  font-size: 0.3rem;
  font-weight: bold;
  letter-spacing: 0.015rem;
  color: #fff;
  position: relative;
}

.about_tit h3 span {
  padding-right: 0.6rem;
  background: #41B847
}

.about_tit h3:after {
  position: absolute;
  top: 50%;
  right: 0;
  height: 1px;
  width: 100%;
  background: #fff;
  content: "";
  z-index: -1;
}

.about_tit p {
  height: 20px;
  line-height: 20px;
  display: none
}

.about_tit p span {
  width: 8px;
  height: 8px;
  background-color: #dedede;
  display: inline-block;
  margin-right: 5px;
  border-radius: 50%
}

.about_tit p span.on {
  background-color: #fff;
}

.about_p2_txt h3 {
  font-size: 0.3rem;
  letter-spacing: 0px;
  color: #fff;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
.about_p2_txt p{ font-size: 0.16rem;
  letter-spacing: 0;
  color: #fff;
  line-height: 1.8;
}
.about_p2_txt strong{color: #fff}
.about_p2_txt h2 {
  font-size: 0.36rem;
  font-weight: bold;
  letter-spacing: 0.018rem;
  color: #fff;
  line-height: 0.48rem;
}

.about_p2_txt li {
  float: left;
  width: 30%;
  margin-right: 5%;
  color: #fff;
  font-size: 0.16rem;
  line-height: 1.8;
  margin-top: 2%
}
.about_p2_txt li:nth-child(3n){margin-right: 0;}

.about_p2_txt li:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #1d2088;
  vertical-align: middle;
  margin-right: 4px;
  display: none
}

.TextList002739 .list .tit time {
  font-size: 0.18rem;
  font-weight: bold;
  line-height: 0.5rem;
  letter-spacing: 0;
  color: #fff;
  background: #41B847;
  padding-right: 0.3rem;
  float: left;
}

.TextList002739 .list .tit i {
  width: 0.5rem;
  height: 0.5rem;
  background: #41B847 url(../images/more5.png) no-repeat center;
  float: right;
  transition: all 0.5s;
  margin-right: 0px;
  background-size: contain;
  background-size: 0.14rem;
}

.TextList002739 .list h3.tit {
  position: relative;
  width: 100%;
  height: 0.5rem;
  line-height: 0.5rem;
  cursor: pointer;
}

.TextList002739 .list h3.tit:before {
  position: absolute;
  left: 0;
  top: 0.25rem;
  height: 1px;
  background: rgba(255, 255, 255, .36);
  content: "";
  z-index: -1;
  width: 100%
}

.TextList002739 .list .tit.active i {
  transform: rotate(90deg);
}

.TextList002739 .list .info {
  display: none
}

.TextList002739 .list .info_l {
  width: 20%;
}

.TextList002739 .list .info_l {
  font-size: 0.18rem;
  line-height: 0.4rem;
  letter-spacing: 0;
  color: #fff
}

.TextList002739 .list .info .info_r {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
}

.TextList002739 .list .info .info_r .info_rbox {
  width: 25%;
  float: left;
  margin-bottom: 0.4rem;
  text-align: center;
}

.TextList002739 .list .info .info_r .info_rbox .imgbox {
  width: 1rem;
  padding-top: 1rem;
  margin: 0 auto 10%;
}

.TextList002739 .list .info .info_r .info_rbox .imgbox span {
  background-size: contain;
}

.TextList002739 .list .info .info_r .info_rbox h3 {
  font-size: 0.14rem;
  letter-spacing: 0px;
  color: #fff;
  line-height: 0.18rem;
  padding-right: 0;
  margin-bottom: 0.2rem;
  font-weight: bold;
}

.TextList002739 .list .info .info_r .info_rbox p {
  font-size: 0.12rem;
  color: #fff;
  letter-spacing: 0px;
  line-height: 0.22rem;
  min-height: 0.44rem;
}

.about_p3 {
  margin-top: 5%;
  display: inline-block;
  width: 100%;
}
.about_p3 .about_tit{margin-bottom: 0.2rem;}
.about_p4 {
  display: inline-block;
  width: 100%;
  margin: 3% auto
}

.about_p4_b {
  margin-top: 0.3rem;
}

.about_p4_b p {
  font-size: 0.15rem;
  letter-spacing: 0;
  color: #fff;
  line-height: 0.3rem;
}

.about_p4_b p strong {
  color: #fff;
}

.about_p5{padding-top: 5%;}
.about_p5b {
  margin-top: 3%;
}

.about_p5b li {
  width: 30%;
  float: left;
}

.about_p5b li:nth-child(2) {
  margin-left: 5%;
  margin-right: 5%;
}

.about_p5b li .imgbox {
  width: 100%;
  padding-top: 56.75%;
  margin-bottom: 30px;
}

.about_p5b li .imgbox .txt {
  height: 0.7rem;
  display: flex;
  width: 100%;
  background: #009943;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
  padding-left: 0.2rem;
  z-index: 9;
}

.about_p5b li .imgbox .txt h3 {
  font-size: 0.14rem;
  line-height: 0.2rem;
  letter-spacing: 0.01rem;
  color: #ffffff;
}

.about_p5b li .imgbox .txt p {
  font-size: 0.12rem;
  line-height: 0.2rem;
  letter-spacing: 1px;
  color: #ffffff;
}

.about_p5b li .imgbox .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 153, 68, .3);
}

.about_p5b li .desc {
  font-size: 0.16rem;
  letter-spacing: 0;
  color: #fff;
  line-height: 1.8;
  text-align: justify;
}

.about_p5b li .desc p {
  text-indent: 0;
  font-size: 16px;
  letter-spacing: 1.6px;
  ;
  color: #fff;
  line-height: 30px;
}

.about_p5b li .desc b {
  display: block;
  font-size: 0.24rem;
  letter-spacing: 0.024rem;
}

@media (max-width: 1600px) {
  .zuopinp1_t .zuopinp1_tl p {
  }

  .zuopinp3 .zuopinp3_l p {
    line-height: 20px;
  }

}






.right-side .loginbtn {
  width: 42px;
  height: .6rem;
  position: fixed;
  top: 40px;
  right: 40px;
  z-index: 999;
  text-align: center;
}

.right-side .loginbtn img {
  width: 42px;
}

.login {
  width: 100%;
  height: 100%;
  background: url(../images/loginbg.png) no-repeat center center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 010%;
  overflow: auto;
}

.login.login1:after {
  position: absolute;
  right: 30px;
  top: 30px;
  height: calc(100% - .6rem);
  width: 76.5625%;
  content: "";
  background: url(../images/lobg2.png) no-repeat center;
  background-size: 100% 100%
}

.loginbox_new2 {
  z-index: 9;
  position: absolute;top: 50%;transform: translateY(-50%);width: 100%;padding: 0 1.2rem;
  display: flex;justify-content: space-between;
}

.loginbox .loginbox_l {
  width: auto;
}
.nones{ position:absolute; visibility:hidden; opacity:0; top:0;width: 100%;z-index: -10;left: 0;}
.TabSlide{position: relative;}

.loginbox .loginbox_l h3 {
  font-size: 1rem;
  letter-spacing: 0.06rem;
  color: #ffffff;
  margin-bottom: 0.2rem;
}

.loginbox .loginbox_l p {
  font-size: 0.3rem;
  letter-spacing: 0.03rem;
  color: #ffffff;
  line-height: 0.4rem;
}

.loginbox_r {
  width: 4.72rem;
}

.loginbox_r p {
  font-size: 0.18rem;
  color: #ffffff;
}

.loginbox_r input {
  height: 0.64rem;
  line-height: 0.64rem;
  border: solid 1px #ffffff;
  background: none;
  color: #fff
}

.loginbox_r button {
  text-align: center;
  width: 2.52rem;
  height: 0.65rem;
  background-color: #ffffff;
  border-radius: 0.64rem;
  text-align: center;
  font-size: 0.18rem;
  color: #000000;
  line-height: 0.65rem;
  padding: 0;
  margin: 0;
  float: right;
}

.login_l {
  width: 16.6666%;
  max-height: 8.6rem;
  background: url(../images/loginbg2.png) no-repeat top left;
  position: relative;
}

.login_l .login_ltt {
  height: 16px;
  line-height: 16px;
  font-size: 0.12rem;
  letter-spacing: 1px;
  color: #ffffff;
  margin: 8px;
}

.login_l .login_ltt img {
  width: 16px;
  vertical-align: middle;
  margin-top: -4px;
}

.login_l .login_ltt i {
  font-family: 宋体;
  display: inline-block;
  height: 16px;
  line-height: 16px;
  font-style: normal;
}

.login_lt {
  text-align: center;
  padding-top: 200px;
}

.login_lt .imgbox {
  width: 123px;
  height: 149px;
  position: relative;
  margin: 0 auto
}

.login_lt .imgbox .bg {
  width: 100%;
  height: 100%;
  background: url(../images/bg5.png) no-repeat center 100%/100%;
  position: absolute;
  top: 0;
  left: 0
}

.login_lt h3 {
  font-size: 0.3rem;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  margin: 10px auto 10px;
  word-break: break-all;
}

.login_lt p {
  font-size: 0.12rem;
  letter-spacing: 0px;
  color: #ffffff;
}

.login_l .login_lb {
  width: 100%;
  padding: 30px 0;
  text-align: center;
  color: #d0d0d0;
}

.login_lb a {
  height: 35px;
  line-height: 35px;
  border: solid 1px #ffffff;
  display: inline-block;
  font-size: 0.18rem;
  text-align: center;
  width: 100%;
  margin-top: 18px;
  color: #ffffff;
}

.login_lb a.upload {
  border-radius: 16px;
  background-color: #ffffff;
  color: #1d2088;
  font-weight: bold;
  width: 155px;
  display: inline-block;
}

.login_lb a.number {
  border: none;
  font-size: 0.12rem;
}

.login_lb a.number i {
  font-style: normal;
  font-size: 16px;
}

.login_l .logout {
  width: 155px;
  line-height: 35px;
  height: 35px;
  border: solid 1px #ffffff;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  display: block;
  margin: 0 auto;
  margin-top: 1.5rem;
  margin-bottom: 55px;
}


.login_r {
  width: 82%;
  max-height: 8.6rem;
  overflow-y: auto;
  background: url(../images/loginbg3.png) no-repeat top left;
  margin: 0 auto;
  padding: 10px 0.39rem;
  height: 80%;
  min-height: 8.6rem;
}

.login_r .step {
  height: .6rem;
  line-height: .6rem;
  text-align: right;
}

.login_r .step a {
  float: left;
  ;
  text-align: center;
  font-size: 10px;
  letter-spacing: 0px;
  color: #d7d7d7;
  line-height: 20px;
}

.login_r .step a i {
  width: 29px;
  height: 29px;
  border: solid 2px #ffffff;
  display: inline-block;
  border-radius: 50%;
  position: relative;
}

.login_r .step a.on i {
  border: none
}

.login_r .step a.on {
  color: #fff
}

.login_r .step a.on i:after {
  background: url(../images/dot1.png) no-repeat center/contain;
  width: 28px;
  height: 0.34rem;
  top: 50%;
  left: 50%;
  margin-left: -17px;
  margin-top: -14px;
  content: "";
  position: absolute;
}

.login_r .step span {
  float: left;
  width: 70px;
  height: 16px;
  border-bottom: 1px solid #fff;
}

.login_r .login_rb .login_rb_p1 .w40 {
  width: 25%;
  float: left;
}

.login_r .login_rb .login_rb_p1 {
  margin-top: .5rem;
}

.login_r .login_rb .login_rb_p1 .w40 h3 {
  font-size: 0.18rem;
  letter-spacing: 0;
  color: #ffffff;
  margin-bottom: 10px;
}

.login_r .login_rb .login_rb_p1 .w40 input {
  border-radius: 6px;
  margin-bottom: 5px;
}

.login_r .login_rb .login_rb_p1 .w40 .tips {
  font-size: 10px;
  color: #d5d5d5;
  letter-spacing: 1px;
  text-decoration: underline;
}

.login_r .login_rb .login_rb_p1 .w30 {
  width: 15%;
  margin-left: 3%;
  float: left;
}

.login_r .login_rb .login_rb_p1 .w30 h3 {
  font-size: 0.18rem;
  letter-spacing: 0;
  color: #ffffff;
  margin-bottom: 10px;
}

.login_r .login_rb .login_rb_p1 .w30 input, .login_r .login_rb .login_rb_p1 .w20 input, .login_r .login_rb .login_rb_p1 .w30 select {
  background: none;
  color: #fff
}

.login_r .login_rb .login_rb_p1 .w30 select {
  border: 1px solid #ffffff;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  width: 100%;
}

.login_r .login_rb .login_rb_p1 .w30 select option {
  color: #666
}

.login_r .login_rb .login_rb_p1 .w20 {
  width: 15%;
  margin-left: 3%;
  float: left;
}

.login_r .login_rb .login_rb_p1 .w20 h3 {
  font-size: 0.18rem;
  letter-spacing: 0;
  color: #ffffff;
  margin-bottom: 10px;
}

.login_r .login_rb .login_rb_p2 {
  margin-top: 40px;
}

.login_r .login_rb .login_rb_p2 h3 {
  font-size: 0.18rem;
  letter-spacing: 0;
  color: #ffffff;
  position: relative;
  height: 18px;
  line-height: 18px;
}

.login_r .login_rb .login_rb_p2 h3:after {
  width: 90%;
  left: 10%;
  position: absolute;
  height: 1px;
  background: rgba(255, 255, 255, .2);
  top: 8.5px;
  content: "";
  display: inline-block;
}

.login_r .login_rb .login_rb_p2 .tips {
  font-size: 10px;
  color: #d5d5d5;
  letter-spacing: 1px;
  text-decoration: underline;
}


.login_rb_p2b .login_rb_p2b_l {
  padding: 20px 55px;
  border-right: 1px solid rgba(255, 255, 255, .2);
  margin-top: 20px;
  max-width: 30%
}

.login_rb_p2b .login_rb_p2b_l .tit {
  font-size: 0.3rem;
  letter-spacing: 1px;
  color: #ffffff;
}

.login_rb_p2b .login_rb_p2b_l .imgbox {
  padding-top: 0%;
  width: 100%;
  margin-bottom: .6rem;
}

.login_rb_p2b .login_rb_p2b_l .subtit {
  text-align: center;
  margin-top: 20px;
  font-size: 0.24rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: #ffffff;
}

.login_rb_p2b .login_rb_p2b_l .desc {
  font-size: 0.14rem;
  letter-spacing: 1px;
  color: #ffffff;
  text-align: center;
}

.login_rb_p2b .login_rb_p2b_l .imgbox input {
  width: 100%;
  background: none;
  border: none;
  color: #fff;
  padding: 0 10px;
  border-bottom: 1px solid #fff;
  display: block;
  margin: 0 auto
}

.login_rb_p2b_r {
  width: 70%;
  padding: 20px 0;
  margin-top: 20px;
}

.login_rb_p2b_r .tit {
  font-size: 0.3rem;
  letter-spacing: 1px;
  color: #ffffff;
}

.login_rb_p2b_r .imgs {
  height: auto;
  margin-top: 20px;
  display: inline-block;
  width: 100%;
}

.login_rb_p2b_r .imgs .imgbox {
  width: 170px;
  height: 170px;
  float: left;
}

.login_rb_p2b_r .imgs .pic {
  height: auto;
  float: left;
  margin-right: 30px;
  margin-bottom: 20px;
}

.login_rb_p2b_r .imgs .pic:nth-child(5n) {
  margin-right: 0;
}

.login_rb_p2b_r .imgs .pic.del .imgbox {
  border-radius: 16px;
}

.login_rb_p2b_r .imgs .pic.del .bg {
  background: url(../images/del.png)no-repeat center;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
  cursor: pointer;
  background-size: 100% 100%
}

.login_rb_p2b_r .imgs .pic.del:hover .bg {
  top: 0
}

.login_rb_p2b_r .imgs .pic.add .upload {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.login_rb_p2b_r .imgs p {
  text-align: center;
  font-size: 0.14rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: #ffffff;
  padding-top: 10px;
  clear: both;
}

.login_rb_p2b_r .imgs span {
  text-align: center;
  font-size: 0.14rem;
  font-stretch: normal;
  letter-spacing: 1px;
  color: #ffffff;
  display: inline-block;
  width: 100%;
}

.login_rb_p2b_r .imgs .add p, .login_rb_p2b_r .imgs .add span {
  text-decoration: underline;
}

.login_rb_p2b_r .imgs p input, .login_rb_p2b_r .imgs span input {
  background: none;
  border: none;
  border-bottom: 1px solid #fff;
  padding: 0;
  margin: 0;
  color: #fff
}

.login_rb_p2b_r .btns {
  margin-top: .5rem;
}

.login_rb_p2b_r .btns a {
  width: auto;
  text-align: center;
  font-size: 0.18rem;
  letter-spacing: 1px;
  line-height: 0.34rem;
  color: #ffffff;
  display: inline-block;
  height: 0.34rem;
  border-radius: 17px;
  border: solid 1px #eeeae6;
}

.login_rb_p2b_r .btns a i {
  font-style: normal;
  margin-left: 10px;
}

.login_rb2_l {
  width: 47.73%;
}

.login_rb2_l h3 {
  font-size: 0.18rem;
  letter-spacing: 1px;
  color: #ffffff;
  margin-top: 35px;
  margin-bottom: 10px;
}

.login_rb2_l .project1 {
  width: 100%;
  height: 385px;
  border: solid 1px #ffffff;
  padding: 20px;
}

.login_rb2_l .project1 .project1_l {
  width: 45%;
  height: 210px;
}

.login_rb2_l .project1 .project1_l p {
  text-align: center;
  font-size: 0.12rem;
  letter-spacing: 1px;
  color: #ffffff;
  line-height: 30px;
}

.login_rb2_l .project1 .project1_r {
  width: 53%;
  height: 210px;
  position: relative;
}

.login_rb2_l .project1 .project1_r p {
  text-align: center;
  font-size: 0.12rem;
  letter-spacing: 1px;
  color: #333;
  line-height: 30px;
}

.login_rb2_l .project1 .project1_r:before {
  position: absolute;
  width: 1px;
  height: 133px;
  top: 50%;
  margin-top: -66.5px;
  border-right: 1px dashed #fff;
  left: -2%;
  content: ""
}

.login_rb2_l .project1 .project1_r .imgbox, .login_rb2_l .project1 .project1_l .imgbox {
  width: 100%;
  height: 180px;
}

.login_rb2_l .project1 .project1_r .play {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url(../images/play.png) no-repeat center rgba(29, 32, 136, .2);
}


@media(max-width:400px){
  .login_new.noflex{width: 84%;}
}
@media(max-width:375px){
  .login_new.noflex{width: 79%;}
}


.Popup {
  position: fixed;
  background: rgba(0, 0, 0, 0.75);
}

.Popup {
  position: absolute;
}

.Popup {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}

.Popup .ytable {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Popup .ytable .video {
  max-width: 800px;
  width: 80%;
  margin: 0 auto;
  padding: 10px;
  background: #fff;
  box-shadow: 0 0 20px 5px rgba(0, 0, 0, .15);
}

.Popup video {
  width: 100%;
}

.videobox .Popup video {
  height: 100%;
  background: #000;
}

.Popup .close {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 10;
  cursor: pointer;
}

.Popup .close:before,
.Popup .close:after {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  height: 3px;
  margin-top: -1.5px;
  background: #fff;
  content: '';
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

.Popup .close:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}

.project1_t {
  display: inline-block;
  width: 100%;
}

.project1_t>div {
  position: relative;
}

.project1_t input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
}

.project1_b {
  padding-top: 20px;
  border-top: 1px dashed #fff;
}

.project1_b .adds .addbox {
  width: 23%;
  float: left;
  margin-right: 2.6667%;
  position: relative;
}

.project1_b .adds .addbox:nth-child(4n) {
  margin-right: 0;
}

.project1_b .adds .addbox .imgbox {
  height: 101px;
  background-color: #ffffff;
  width: 100%
}

.project1_b .adds .addbox .imgbox span {
  background-size: auto
}

.project1_b .adds .addbox input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  z-index: 5;
  cursor: pointer;
}

.project1_b .adds .addbox p {
  font-size: 0.12rem;
  color: #333333;
  letter-spacing: 1px;
  text-align: center;
}

.login_rb2_l .tips {
  text-decoration: underline;
  font-size: 10px;
  color: #d5d5d5;
  letter-spacing: 1px;
  margin-top: 8px;
}

.login_rb2_l .text {
  height: 142px;
  width: 100%;
  padding: 12px;
  background: none;
  border: solid 1px #ffffff;
  margin-top: 0;
}

.login_rb .btns a {
  font-size: 0.18rem;
  letter-spacing: 1px;
  color: #ffffff;
  padding: 0 43px;
  height: 0.34rem;
  line-height: 0.34rem;
  border-radius: 17px;
  border: solid 1px #eeeae6;
}

.login_rb .btns a i {
  margin-right: 0;
  font-style: normal;
}

.login_rb .btns a.Temp {
  margin-right: .5rem;
}

.login_rb2_r {
  width: 50%;
}

.login_rb2_r h3 {
  ;
  font-size: 16px;
  letter-spacing: 1px;
  color: #ffffff;
  margin-top: 35px;
  margin-bottom: 9px;
}

.login_rb2_r textarea {
  margin-bottom: 0;
  height: 91px;
  background: none;
  color: #fff;
}

.login_rb2_r h3.bg {
  width: 440px;
  letter-spacing: 0;
  color: #1d2088;
  height: 27px;
  background-color: #ffffff;
  border-radius: 8px 8px 0px 0px;
  margin-bottom: 0;
  text-indent: 10px;
  line-height: 27px;
}

.login_rb2_r .text2 {
  height: 142px;
}

.login_rb2_r .disflex {
  display: flex;
  justify-content: space-between;
}

.login_rb2_r .disflex .numtip {
  width: 200px;
  height: 91px;
  text-align: center;
  border: 1px solid #fff;
  background: transparent;
  margin-left: 10px;
  color: #fff;
}


.wancheng {
  text-align: center;
  padding-top: 5%;
}

.login_r .dui img {
  width: auto;
  text-align: center;
  display: block;
  margin: 0 auto
}

.wancheng h4 {
  font-size: 0.24rem;
  letter-spacing: 1px;
  color: #ffffff;
  margin-top: 20px;
}

.wancheng p {
  font-size: 16px;
  letter-spacing: 1px;
  color: #ffffff;
  margin-top: 10px;
}

.wancheng .projects {
  text-align: center;
  font-size: 0;
  margin-top: 5%;
}

.wancheng .projects .project1 {
  display: inline-block;
  margin: 0 10px;
}

.wancheng .projects .project1 h5 {
  font-size: 0.18rem;
  color: #ffffff;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

.wancheng .projects .project1 .imgbox {
  width: 180px;
  height: 180px;
  background-color: #1d2088;
}

.wancheng .projects .project1 .imgbox p {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  transition: all 0.4s;
  background: rgba(29, 32, 136, .6);
  margin-top: 0
}

.wancheng .projects .project1 p a {
  width: 132px;
  height: 0.34rem;
  border-radius: 17px;
  border: solid 1px #eeeae6;
  font-size: 0.18rem;
  color: #ffffff;
  letter-spacing: 1px;
  line-height: 0.34rem
}

.wancheng .projects .project1:hover .imgbox p {
  top: 0;
}

.wancheng .projects .project1:hover .imgbox {
  border-radius: 16px;
}


@media (max-width: 1600px) {
  .login_rb2_r h3 {
    margin-top: 18px;
  }

  .login_rb2_r h3.bg {
    margin-top: 20px;
  }

  .login_rb_p2b_r {
    width: 65%;
    padding-top: 0;
    margin-top: 15px
  }

  .login_rb_p2b_r .imgs {
    margin-top: 30px;
  }

  .login_rb .btns a {
    width: auto;
  }

  .zero_p2_bm dl dd {
    line-height: 20px;
  }

  .zero_p2_bm dl {
    margin-bottom: 2%;
  }

  .zero_p2_br .zero_p2_brbox p {
    line-height: 14px;
    font-size: 0.14rem;
  }

  .zero_p4_l p {
    margin-bottom: 0.2rem;
  }


  .zero_p5_b .day i, .zero_p5_b .houer i, .zero_p5_b .minute i {
    background-size: contain
  }


  .zuopinp3 .zuopinp3_l {
    min-height: unset;
    padding-bottom: 0%;
  }

  .ban_r .photos {
    max-width: 40%;
    width: auto;
  }

  .ban_r .ban_rb {
  }

  .login_r .dui img {
    height: 200px;
  }

  .login_rb_p2b .login_rb_p2b_l {
    padding: 20px;
  }

  .login_rb_p2b .login_rb_p2b_l .tit {
    font-size: 0.24rem;
  }

  .login_rb_p2b_r .imgs .pic {
    width: 18%;
    margin-right: 2%;
  }

  .login_rb_p2b_r .imgs .imgbox {
    width: 100%;
    margin-right: 0%;
    height: auto;
    padding-top: 100%;
  }

  .login_rb_p2b_r .btns {
    margin-top: 10px;
  }

  .login_r .login_rb .login_rb_p1 {
    margin-top: 30px;
  }

  .login_rb2_l h3 {
    margin-top: 15px;
  }

  .login_rb2_l .project1 .project1_r .imgbox, .login_rb2_l .project1 .project1_l .imgbox {
    height: 130px;
  }

  .login_rb2_l .project1 .project1_l, .login_rb2_l .project1 .project1_r {
    height: 1.6rem;
  }

  .login_rb2_l .project1 .project1_r:before {
    height: 0.9rem;
    margin-top: -.5rem;
  }

  .login_rb2_l .project1 {
    height: 340px;
  }

  .login_rb2_l .text {
    height: 1rem;
    margin-bottom: 0;
  }

  .login_rb2_r textarea, .login_rb2_r .disflex .numtip {
    height: 70px;
  }

  .login_rb2_r .text2 {
    height: 131px;
  }

  .about_p1 .txt h1, .about_p1 .txt h2 {
    font-size: 1.8rem;
  }
}


/*Galary003154 */
.Galary003154 {
  width: 8.24rem;
  float: left;
}

.Galary003154 li {
  margin-bottom: 0;
}

.Galary003154 .auto>div {
  margin: 0 auto;
  overflow: hidden;
}

.Galary003154 .slider-for .Ispic {
  padding-bottom: 59%;
  background-size: cover
}

.Galary003154 .slider-for li {
  position: relative;
}

.Galary003154 .slider-for li video {
  object-fit: fill;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}

.Galary003154 .auto .slider-nav {
  margin-top: 20px;
}

.Galary003154 .slider-nav .slider {
  margin: 0 -0.7em;
}

.Galary003154 .slider-nav li div {
  padding: 0 10px;
}

.Galary003154 .slider-nav .Ispic {
  padding-bottom: 64.706%;
  border: none;
  border-radius: 4px;
  background-size: cover;
  background-position: center;
}

.Galary003154 .slider-nav li.slick-current .Ispic {
  border-color: #1D2088;
  position: relative;
}

.Galary003154 .slider-nav li.slick-current .Ispic:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bg8.png) no-repeat center/cover;
  content: ""
}

.Galary003154 .slick-arrow, .flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
  width: .6rem;
  border-radius: 50%;
  height: .6rem;
  font-size: 0;
  z-index: 10;
  position: absolute;
  top: 50%;
  margin-top: -30px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 44% auto;
}

.Galary003154 .slick-prev, .flex-direction-nav .flex-prev {
  left: 30px;
  background-image: url(../images/leftarr.png);
  font-size: 0
}

.Galary003154 .slick-next, .flex-direction-nav .flex-next {
  right: 30px;
  background-image: url(../images/rightarr.png);
}

.Galary003154 .slick-arrow:hover, .flex-direction-nav .flex-next:hover, .flex-direction-nav .flex-prev:hover {
  border-color: #009944;
}

.flex-direction-nav .flex-prev {
  left: 30px;
  background-image: url(../images/leftarr.png);
  font-size: 0
}

.flex-direction-nav .flex-next {
  right: 30px;
  background-image: url(../images/rightarr.png);
  font-size: 0
}

@media (min-width:1025px) {
  .Galary003154 .auto {
    padding: 0 0 2em 0;
  }
}

.banner {
  display: inline-block;
}

body, html, * {
  font-family: "sans-serif" !important;
}

/*20231211*/
.login_new.login1, .login_new.login {
  background: url(../images/xsdbg2.png) no-repeat center/cover;
}

.login.login_new.login1:after {
  display: none
}

.loginbox_r h3 {
  color: #fff;
  font-size: 0.24rem;
  margin-bottom: 0.2rem;
}

.login_new.login1 .loginbox_r button {
  color: #41B847
}

.login_new.login1 .loginbox_r button:hover {
  color: #fff;
  background: #41B847
}

.login_new.login1 .loginbox_r .slideTxtBox .hd li {
  display: inline-block;
  width: 1.41rem;text-align: center;
  height: 0.44rem;
  line-height: 0.44rem;
  border-radius: 0.44rem;
  color: #fff;
  cursor: pointer;font-size: 0.24rem;
}
.login_new.login1 .loginbox_r .slideTxtBox .hd li:not(:last-child){margin-right: 1.15rem;position: relative;}
.login_new.login1 .loginbox_r .slideTxtBox .hd li:not(:last-child):After{position: absolute;top: -1px;height: 0.46rem;width: 2px;content: "";right: -0.57rem;background-color: #7add9a;}

.login_new.login1 .loginbox_r .slideTxtBox .hd {
  text-align: right;
  margin-bottom: 0.59rem;
  color: #fff;
  padding-right: 0.29rem;
  height: 0.44rem;
  line-height: 0.44rem;
}

.login_new.login1 .loginbox_r .slideTxtBox .hd li.on {
  background: #fff;
  color: #41B847
}

.login_new.login1 .loginbox_r p a.fl {
  font-size: 0.14rem;
  height: 0.65rem;
  line-height: 0.65rem;
  color: #fff;
  text-decoration: underline;
}


.login_new.login1 .loginbox_r p a.fl:hover {
  color: #41B847
}
.login_new .btn{padding-top: 0.1rem;}


.login_lt {
  padding-top: .5rem;
}

.login_lbb {
  text-align: center;
  margin-top: 1rem;
}

.login_lbb a {
  width: 90%;
  height: 0.63rem;
  line-height: 0.63rem;
  text-align: center;
  border: solid 1px #ffffff;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 0.18rem;
  color: #fefefe;
}

.login_lbb a.on {
  background: #fff;
  color: #41B847;
  border-radius: 10px;
  border-color: #fff;
  color: #333333;
  font-weight: bold;
}

.atail-header2 .atail-text-logo {
  padding: 0
}

.login_new.noflex {
 
  display: block;
  /* width: 100%; */
}
.wap .top2 {
  width: 80%;
  height: auto;
  text-align: center;
  color: #fff;
  padding: 20px 3.125% 0;
  z-index: 999;
  height: 1.8rem;
}
.top2 {
  width: 100%;
  height: auto;
  text-align: center;
  color: #fff;
  padding: 20px 3.125% 0;
  z-index: 999;
  height: 1rem;
}
.top2 .txt h3 {
  font-size: 0.24rem;
  font-weight: 500;
  letter-spacing: 1.8px;
  color: #ffffff;
}

.top2 .txt h3 b {
  font-size: 36px;
}

.top2 .txt {
  display: inline-block;
}

.top2 .txt p {
  font-size: 0.12rem;
  font-weight: normal;
  letter-spacing: 0.9px;
}
.loginbtn2 br{display:none}
.loginbtn2{margin-bottom: 10px;}
.loginbtn2 a {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 0.14rem;
  margin-top: 10px;
}

.loginbtn2 .loginOut {
  font-size: 0.14rem;
  cursor: pointer;
  line-height: 1.2;
}

.loginbtn2 .loginOut:hover {
  text-decoration: underline;
}

.loginbox_new .login_r .step a {
  color: #ffffff;
}

.loginbox_new .login_rb .xzzb {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  min-height: 500px;
}

.loginbox_new .login_rb .xzzbox {
  width: 4.5rem;
  height: 4.5rem;
  border: solid 2px #ffffff;
  border-radius: 50%;
  padding: .5rem;
  text-align: center;
  display: inline-block;
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.loginbox_new .login_rb .xzzbox h3 {
  font-size: 0.24rem;
  color: #ffffff;
  margin-bottom: 20px;
}

.loginbox_new .login_rb .xzzbox p {
  font-size: 0.14rem;
  color: #ffffff;
  line-height: 0.24rem;
  font-weight: lighter;
  text-align: left;
}

.loginbox_new .login_rb .xzzbox.on:after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: url(../images/bg6.png) no-repeat center top/contain;
  width: 100%;
  height: calc(100% + 76px);
  z-index: -1;
}

.loginbox_new .login_rb .xzzbox.on h3, .loginbox_new .login_rb .xzzbox.on p {
  color: #41b847;
}

.loginbox_new .login_rb .xzzbox.on {
  border-color: transparent
}

.loginbox_new .login_rb .btns a {
  font-size: 0.18rem;
  letter-spacing: 1px;
  color: #ffffff;
  padding: 0 23px;
  height: 0.34rem;
  line-height: 0.34rem;
  border-radius: 17px;
  border: solid 1px #eeeae6;
  letter-spacing:0;
}

.loginbox_new .login_rb .btns a i {
  margin-right: 0;
  font-style: normal;
}

.loginbox_new .login_r {
  min-height: 780px;
}

.loginbox_new .login_rb .btns {
  margin-top: 1rem;
}

.loginbox_new .login_l {
  width: 23.333%;
  background-image: url(../images/loginbg4.png);
}

.loginbox_new .login_r {
  width: 75.444%;
  margin-bottom: .6rem;
}

.loginbox_new .login_r .login_rb .login_rb_p1_2 .w30 {
  width: 25%;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 3%;
}

.loginbox_new .login_r .login_rb .login_rb_p1_2 input {
  height: 35px;
  padding: 0 10px;
  margin-bottom: 0;
}

.loginbox_new .login_r .login_rb .login_rb_p1_2 input:focus {
  background: #fff;
  border-radius: 10px;
  border-color: #fff;
  color: #333333;
  font-weight: bold;
}

.loginbox_new .login_r .login_rb .login_rb_p1_2 .tips {
  color: #d5d5d5;
  font-size: 0.12rem;
  text-decoration: underline;
}

.loginbox_new .login_r .login_rb .login_rb_p1_2 .w30 h3 {
  font-size: 0.24rem;
  font-weight: bold;
}

.loginbox_new .login_r .login_rb .login_rb_p2_2 h3:after {
  display: none
}

.loginbox_new .login_r .login_rb .login_rb_p2_2 h3 {
  font-size: 0.18rem;
}

.loginbox_new .login_r .login_rb .login_rb_p2_2 {
  max-width: 60%;
  margin-top: 0;
}

.loginbox_new .login_r .login_rb .login_rb_p2_2 .imgbox input {
  background: none;
  border: none;
  margin-bottom: 0;
  border-bottom: 1px solid #fff;
  width: 48%;
  float: left;
  padding: 0;
  font-size: 16px;
  color: #ffffff;
}

.loginbox_new .login_r .login_rb .login_rb_p2_2 .imgbox input:nth-child(2) {
  float: right;
}

.loginbox_new .login_r .login_rb .login_rb_p2_2 .imgbox input::placeholder {
  color: #fff
}

.loginbox_new .login_r .login_rb .login_rb_p2_2 .imgbox a.add {
  color: #fff;
  font-size: 0.24rem;
  font-weight: bold;
}

.loginbox_new .login_r .login_rb .login_rb_p2_2 .login_rb_p2b {
  margin-bottom: 38px;
}

.loginbox_new .login_rb .btns2 {
  margin-top: 0;
  margin-bottom: 20px;
}

.loginbox_new .login_rb .btns2 a {
  height: 35px;
  line-height: 35px;
  display: inline-block;
}

.loginbox_new .login_rb .btns2 a.next {
  margin-right: 20px;
}

.loginbox_new .login_r .login_rb2_l_2 {
  width: 56%
}

.login_rb2_r.login_rb2_r2 {
  width: 40%
}

.loginbox_new .login_r .login_rb2_l_2 h3 {
  font-size: 0.24rem;
  font-weight: bold;
  color: #ffffff;
}

.loginbox_new .login_r .login_rb2_l_2 .project1 .pname {
  border: 1px solid #fff;
  font-size: 0.14rem;
  color: #ffffff;
  letter-spacing: 0.7px;
  text-indent: 15px;
  height: 35px;
  line-height: 35px;
  margin-bottom: 10px;
}

.loginbox_new .login_r .login_rb2_l_2 .project1 {
  border: none;
  padding: 0
}

.loginbox_new .login_r .login_rb2_l_2 .project1 .project1_l .upload {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 180px;
  border: solid 1px #ffffff;
  position: relative;
}

.loginbox_new .login_r .login_rb2_l_2 .project1 .project1_l .upload img {
  width: auto;
}

.loginbox_new .login_r .login_rb2_l_2 .project1 .project1_l .upload input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 999;
}

.loginbox_new .login_r .login_rb2_l_2 .project1 .project1_r .imgbox p {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: height: 25px;
  background: rgba(0, 0, 0, .35);
  text-align: center;
  color: #fff
}

.loginbox_new .login_r .login_rb2_l_2 .project1 .project1_r .imgbox {
  height: 1.6rem;
}

.loginbox_new .login_r .login_rb2_l_2 .project1 .project1_l .upload .show {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  object-fit: fill;
}

.loginbox_new .login_r .login_rb2_l_2 .project1 .project1_r .tit {
  text-align: left;
  font-size: 16px;
  letter-spacing: 1.2px;
  color: #ffffff;
  font-weight: normal;
}

.loginbox_new .login_r .login_rb2_l_2 .project1 .project1_r:before {
  display: none
}

.loginbox_new .login_r .login_rb2_l_2 .project1 .project1_l {
  width: 52%;
  height: 180px;
}

.loginbox_new .login_r .login_rb2_l_2 .project1 .project1_r {
  width: 46%;
  height: 180px;
}

.loginbox_new .login_r .login_rb2_l_2 .project1 .project1_l p {
  font-size: 0.14rem;
}

.loginbox_new .login_r .login_rb2_l_2 .text {
  margin-bottom: 20px;
  color: #fff; line-height: 1.5;font-size: 0.14rem
}

.loginbox_new .login_r .project1_b2 .adds .addbox p {
  font-size: 16px;
  letter-spacing: 1.2px;
  color: #ffffff;
  text-align: left;
}

.loginbox_new .login_r .project1_b2 {
  border: none
}

.loginbox_new .login_r .project1_b2 .adds .addbox .imgbox {
  background: none;
  border: 1px solid #fff
}

.loginbox_new .login_r .project1_b2 .adds .addbox .imgbox span {
  background-size: contain
}

.login_rb2_r.login_rb2_r2 textarea {
  height: 1.5rem;
  margin-bottom: 20px;
  line-height: 1.5;font-size: 0.14rem
}

.loginbox_new .login_r .btns a {
  font-size: 0.18rem;
  letter-spacing: 1px;
  color: #ffffff;
  padding: 0 23px;
  height: 0.34rem;
  line-height: 0.34rem;
  border-radius: 17px;
  border: solid 1px #eeeae6;
  cursor: pointer;
}

.loginbox_new .login_r .btns a i {
  margin-right: 0;
  font-style: normal;
}

.loginbox.loginbox_new {
  margin-top: 0.4rem;
  padding: 0 1.2rem;
  width: 94%;
  padding-right: 0;
}

.loginbox_new .login_rb2_r h3 {
  font-weight: bold;
  font-size: 0.24rem;
}

.loginbtn2 img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
}

.loginbox_new .jgcx {
  text-align: center;
}

.loginbox_new .jgcx .jgcx_t {
  ;
  background: url(../images/bg7.png) no-repeat left center/ auto 100%;
  display: inline-block;
  text-align: right;
  margin-top: 70px;
  padding: .5rem 0;
  padding-left: 40px;
}

.loginbox_new .jgcx .jgcx_t img {
  width: auto;
  display: inline-block;
  margin: 0 auto
}

.loginbox_new .jgcx .jgcx_t h1 {
  font-size: .6rem;
  letter-spacing: 1.5px;
  color: #ffffff;
  font-weight: normal;
  height: .6rem;
  line-height: .6rem;
}

.loginbox_new .jgcx .jgcx_t p {
  font-size: 0.18rem;
  color: #ffffff;
  font-weight: normal;
  margin-top: 12px;
}

.loginbox_new .jgcx .jgcx_b {
  max-width: 70%
}

.loginbox_new .jgcx .jgcx_b .jgcx_b_l .imgbox {
  width: 355px;
  margin: 20px .5rem 0;
  height: 200px;
}

.loginbox_new .jgcx .jgcx_b .jgcx_b_l p {
  font-size: 0.2rem;
  font-weight: normal;
  letter-spacing: 1.5px;
  color: #ffffff;
  text-align: left;
  padding-left: .5rem;
  margin-top: 10px;
}

.loginbox_new .jgcx .jgcx_b {
  border-top: 2px solid rgba(255, 255, 255, .3);
  margin-top: 30px;
  border-bottom: 2px solid rgba(255, 255, 255, .3);
  margin-top: 30px;
  display: inline-block;
}

.loginbox_new .jgcx .jgcx_b .jgcx_b_r {
  width: 45%
}

.loginbox_new .jgcx .jgcx_b .jgcx_b_r tbody tr:nth-child(odd), .loginbox_new .jgcx .jgcx_b .jgcx_b_r tbody tr:nth-child(even) {
  background: none
}

.loginbox_new .jgcx .jgcx_b .jgcx_b_r td {
  ;
  font-size: 0.2rem;
  color: #ffffff;
  text-align: center;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.loginbox_new .jgcx .jgcx_b .jgcx_b_r td.td1 {
  text-align: left;
  padding-left: 30px;
}

.loginbox_new .jgcx .jgcx_b .jgcx_b_r tr:last-child td {
  border-bottom: none;
}

.loginbox_new .jgcx .down {
  display: inline-block;
  height: 45px;
  border-radius: 45px;
  border: solid 1px #ffffff;
  padding: 0 20px;
  line-height: 45px;
  color: #fff;
  margin-top: .6rem;
}

.loginbox_new .zjpy li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 20px;
}

.loginbox_new .zjpy li .left {
  width: 136px;
}

.loginbox_new .zjpy li .left .imgbox {
  width: 136px;
  height: 137px;
}

.loginbox_new .zjpy li .left p {
  font-size: 0.14rem;
  color: #ffffff;
  letter-spacing: 0.7px;
  line-height: 20px;
}

.loginbox_new .zjpy h2 {
  font-size: 0.24rem;
  color: #ffffff;
  margin: 20px auto
}

.loginbox_new .zjpy li .txt {
  width: calc(100% - 1.5rem);
  border: 1px solid #fff;
  min-height: 136px;
  padding: 20px;
}

.loginbox_new .zjpy li .txt p {
  font-size: 0.18rem;
  color: #ffffff;
  line-height: 2;
}

.loginbox_new .loginset {
  width: 30%;
  margin: 0 auto;
  vertical-align: middle;
  margin-top: 15%;
}

.loginbox_new .loginset h3 {
  font-size: 0.24rem;
  color: #ffffff;
}

.loginbox_new .loginset p {
  margin-top: 20px;
  font-size: 16px;
  color: #ffffff;
}

.loginbox_new .loginset input {
  background: none;
  border: 1px solid #fff;
  color: #fff;
  padding: 0 10px;
  margin-bottom: 0;
}

.loginbox_new .loginset button {
  border: solid 1px #ffffff;
  border-radius: 17px;
  font-size: 0.18rem;
  color: #ffffff;
  letter-spacing: 1.4px;
  text-transform: unset;
  height: 35px;
  width: 120px;
  text-align: center;
  line-height: 35px;
  padding: 0;
  margin: 0 auto
}

.loginbox_new .loginset p.Submit {
  text-align: center;
}

.login_new .DfList, .login_new .Dfcontent {
  margin: 0 3.125%;
  width: 94%;
  max-width: 1800px;
  z-index: 9;
  padding-bottom: .6rem;
  display: inline-block;
}

.login_new .DfList li {
  width: 15%;
  margin-right: 2%;
  margin-bottom: 2%;
  float: left;
  min-height: 4rem;
}

.login_new .DfList li:nth-child(6n) {
  margin-right: 0;
}

.login_new .DfList li .imgbox {
  padding-bottom: 100%;
}

.login_new .DfList li .imgbox .marked {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 72px;
  font-weight: bold;
  color: #FFFFFF;
  width: 100%;
  height: 100%;
  background: rgba(255, 182, 0, 0.6);
}

.login_new .DfList li.best.mk .marked2, .login_new .DfList li.best.mk .marked2 {
  font-size: 0.18rem;
  font-weight: normal;
}

.login_new .DfList li .txt {
  background: #41B847;
  padding: 8px 15px 20px;
  display: inline-block;
  width: 100%;
  min-height: 2rem;
}

.login_new .DfList li .txt h3 {
  font-size: 0.24rem;
  line-height: 1.25;
  color: #FFFFFF;
  letter-spacing: 0.04em;
}

.login_new .DfList li .txt .info span.fl {
  font-size: 0.24rem;
  color: #FFFFFF;
}

.login_new .DfList li .txt .info span.fr {
  font-size: 0.24rem;
  color: #FFB600;
}

.login_new .DfList li .txt .info span.fr i {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #FFB600;
}

.login_new .DfList li .txt .info {
  margin-top: 20px;
}

.login_new .DfList li.ts .marked {
  background: rgba(255, 255, 255, 0.7);
  color: #41B847;
}

.login_new .DfList li.ts .txt .info span.fr {
  color: #fff
}

.login_new .DfList li.ts .txt .info span.fr i {
  background: #fff
}

.login_new .DfList li.best .marked {
  background: rgba(255, 255, 255, 0.9);
  color: #FFB600;
  font-family: D-DIN;
}

.login_new .DfList li.best .marked p, .login_new .DfList li.zero .marked p {
  margin-top: 10px;
  text-transform: uppercase;
}

.login_new .DfList li.zero .marked {
  background: rgba(255, 255, 255, 0.9);
  color: #41B847;
  font-family: D-DIN;
}

.login_new .DfList li.best .marked2, .login_new .DfList li.zero .marked2 {
  top: 100%;
  z-index: 9;
  transition: all 0.3s
}

.login_new .DfList li.best:hover .marked2, .login_new .DfList li.zero:hover .marked2 {
  top: 0
}

.login_new .Dfcontent .dfcont_p1 .left {
  width: 45%
}

.login_new .Dfcontent .dfcont_p1 .right {
  width: 52%
}

/*Galary003154 */
.Galary0031544 .auto>div {
  max-width: 13.6rem;
  margin: 0 auto;
  overflow: hidden;
}

.Galary0031544 .slider-for .Ispic {
  padding-bottom: 55.71%;
  background-size: cover;
}

.Galary0031544 .slider-for li {
  position: relative;
  margin-bottom: 0;
}

.Galary0031544 .slider-for li .txt {
  position: absolute;
  bottom: 0;
  left: .5rem;
  background-color: #FFB600;
  color: #fff;
  font-size: 1.25em;
  line-height: 3;
  padding: 1.3em 0;
  width: 15em;
  text-align: center;
  transition: 0.5s 1s;
  opacity: 0;
}

.Galary0031544 .slider-for li.slick-current .txt {
  opacity: 1;
  left: 0;
}

.Galary0031544 .auto .slider-nav {
  margin-top: 10px;
}

.Galary0031544 .slider-nav .slider {
  margin: 0 -3px;
}

.Galary0031544 .slider-nav li {
  margin: 0 3px;
  margin-bottom: 0;
  border: 2px solid transparent;
}

.Galary0031544 .slider-nav .Ispic {
  padding-bottom: 64.706%;
  border-radius: 0px;
  background-size: cover;
}

.Galary0031544 .slider-nav li.slick-current {
  border-color: #FFB600;
}

.Galary0031544 .slick-arrow {
  width: 2.8125em;
  border-radius: 50%;
  height: 2.8125em;
  border: solid 2px #ffffff;
  font-size: 1em;
  z-index: 10;
  position: absolute;
  top: 50%;
  margin-top: -1.40625em;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 44% auto;
}

.Galary0031544 .slick-prev {
  left: 1.25em;
  background-image: url(../images/Galary003154-btn-prev.svg);
}

.Galary0031544 .slick-next {
  right: 1.25em;
  background-image: url(../images/Galary003154-btn-next.svg);
}

.Galary0031544 .slick-arrow:hover {
  background-color: #FFB600;
  border-color: #FFB600;
}



.login_new .Dfcontent .dfcont_p1 .left .txt {
  background: rgba(255, 255, 255, 0.12);
  padding: 25px;
  margin-top: 25px;
}

.login_new .Dfcontent .dfcont_p1 .left .txt h3 {
  font-size: 0.24rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  margin-bottom: 15px;
}

.login_new .Dfcontent .dfcont_p1 .left .txt p {
  font-size: 0.18rem;
  line-height: 0.24rem;
  letter-spacing: 0.04em;
  color: #FFFFFF;
}

.login_new .Dfcontent .dfcont_p1 .right .box {
  background: rgba(255, 255, 255, 0.12);
  padding: 15px;
  margin-bottom: 15px;
}

.login_new .Dfcontent .dfcont_p1 .right .box h3 {
  font-size: 0.24rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.login_new .Dfcontent .dfcont_p1 .right .box p {
  font-size: 0.18rem;
  line-height: 0.24rem;
  letter-spacing: 0.04em;
  color: #FFFFFF;
}

.login_new .Dfcontent .dfcont_p1 .right .scorebox h3 {
  font-size: 0.24rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #FFFFFF;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.login_new .Dfcontent .dfcont_p1 .right .scorebox h3 span {
  font-size: 16px;
  font-weight: normal;
}

.login_new .Dfcontent .dfcont_p1 .right .scorebox tbody tr:nth-child(odd), .login_new .Dfcontent .dfcont_p1 .right .scorebox tbody tr:nth-child(even) {
  background: none
}

.login_new .Dfcontent .dfcont_p1 .right .scorebox td {
  ;
  font-size: 0.2rem;
  color: #ffffff;
  text-align: center;
  padding: 5px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .3);
}

.login_new .Dfcontent .dfcont_p1 .right .scorebox td.td1 {
  text-align: left;
  padding-left: 00px;
  text-transform: uppercase;
}

.login_new .Dfcontent .dfcont_p1 .right .scorebox tr:last-child td {
  border-bottom: none;
}

.login_new .Dfcontent .dfcont_p1 .right .scorebox {
  padding: 15px;
  margin-bottom: 15px;
  border: 1px solid #fff
}

.login_new .Dfcontent .dfcont_p1 .right .scorebox input {
  display: none;
}

.login_new .Dfcontent .dfcont_p1 .right .scorebox label {
  cursor: pointer;
  color: #fff;
  
  font-size: 0.3rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  height: 36px;
  line-height: 36px;
  padding: 0 15px;
  border-radius: 6px;
}

.login_new .Dfcontent .dfcont_p1 .right .scorebox label:before {
  content: '';
}

.login_new .Dfcontent .dfcont_p1 .right .scorebox input:checked~label {
  background: rgba(255, 255, 255, 0.24);
}

.login_new .Dfcontent .dfcont_p1 .right .scorebox textarea {
  background: none;
  margin-bottom: 0;
  padding: 10px 0;
  font-size: 0.18rem;
  line-height: 1.5;
  color: #fff;
  margin-top: 10px;
  height: 136px;
  border: none;
  position: relative;
  border-bottom: 1px solid #fff;
}

.login_new .Dfcontent .dfcont_p1 .tips {
  font-size: 0.24rem;
  font-weight: 300;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.4);
  margin-bottom: 30px;
}

.login_new .Dfcontent .dfcont_p1 .btns a {
  font-size: 0.18rem;cursor: pointer;
  letter-spacing: 1px;
  color: #ffffff;
  padding: 0 36px;
  height: 0.47rem;
  line-height: 0.47rem;
  border-radius: 27px;
  border: solid 1px #eeeae6;
}

.login_new .Dfcontent .dfcont_p1 .btns a.Save {
  margin-right: 20px;
}

.login_new .Dfcontent .dfcont_p1 .btns p {
  text-align: right;
  font-size: 0.12rem;
  color: #FFB600;
  margin-top: 10px;
}

.login_new2.login {
  background: url(../images/xsdbg2.png) no-repeat center/cover;
}

.login_new .DfList.DfList2 li .txt {
  background: #1D2087;
}


.Home .swiper {
  width: 100%;
  height: 100%;
}

.Home .swiper .swiper-slide {
  position: relative;
  overflow: hidden;
}

.Home .swiper .swiper-slide .imgbox {
  /* width:calc(60% - 10px);  */
  width: 8.23rem !important;
  height: 100% !important;
  max-height: 10.6rem !important;
  position: absolute;
  bottom: -100%;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  right: 0;
  top: 0px;
}

.Home .swiper .swiper-slide .txt {
  max-width: 10.56rem;
  position: relative;
  z-index: 9;
  margin-top: -800px;
  transition: all 0.5s;
  /* padding-top: 5%; */
  padding-top: 1.12rem;
}

.Home .swiper .swiper-slide .txt h2 {
  color: #fff;
  font-size: 0.6rem;
  font-weight: bold;
  letter-spacing: 0.06rem;
  line-height: 0.6rem;
}

.Home .swiper .swiper-slide .txt h3 {
  font-size: 0.32rem;
  font-weight: bold;
  letter-spacing: 0.032rem;
  color: #ffffff;
  margin-bottom: 0.4rem;
  margin-top: 0.2rem;
}

.Home .swiper .swiper-slide .txt p {
  
  font-size: 0.18rem;
  font-weight: lighter;
  line-height: 1.8;
  color: #ffffff;
  display: inline-block;
}
.wap.Home .swiper .swiper-slide .txt p{line-height: 1.35;}
.Home .swiper .swiper-slide.swiper-slide-active .txt {
  margin-top: 0;
}

.Home .swiper .swiper-slide.swiper-slide-active .imgbox {
  bottom: 0
}

.Home .swiper .swiper-pagination-fraction{}
.Home .swiper .swiper-slide .txt .More {
  display: inline-block;
  margin-top: 0.54rem;
  color: #fff;line-height: 0.33rem;transition: all 0.5s;
  font-size:0.14rem;
}
.Home .swiper .swiper-slide .txt .More i {font-size: 0;margin: -2px 0 0 0.09rem;width: 0.07rem;height: 0.12rem;display: inline-block;vertical-align: middle;content: "";background: url(../images/arr_more2.svg) no-repeat center center/contain;}
.Home .swiper .swiper-slide .txt .More:hover {padding: 0 0.16rem;background-color: #fff; color: #009944;}

.Home .swiper .swiper-slide .txt .More:hover i {background: url(../images/arr_more.svg) no-repeat center center/contain;}

.Home .swiper .swiper-pagination-fraction {
  text-align: right;
  padding-right: 0.8rem;
  color: rgba(255, 255, 255, .5);
  /* font-size: 0.24rem; */
  font-size: 0.24rem; left: auto;right: 0;width: 2.3rem;
  /* bottom: 0.6rem; */
  /* top: 9.36rem; */
}
@media screen and (min-width:1024px){
  .Home .swiper .swiper-pagination-fraction {
    bottom: 0.6rem;
  }
}
@media screen and (max-width:1024px){
  .Home .swiper .swiper-pagination-fraction {
    /* bottom: 0.6rem; */
    top: 9.36rem;
  }
}

.Home .swiper .swiper-pagination-fraction .swiper-pagination-current {
  /* font-size: 72px; */
  font-size: 0.72rem;
  /* letter-spacing: 10.1px; */
  color: #ffffff;
  font-weight: bold;
}

.Home .project-preview-arrow-wrapper .project-preview-arrow {
  z-index: 999;
}

.Home .project-preview-arrow-wrapper {
  z-index: 33;
  bottom: 10vh;
}

.Home .swiper .swiper-slide.item2 .imgbox {
  left: 0;
  width: 8.1rem !important;
}

.Home .swiper .swiper-slide.item2 .txt {
  float: right;
  text-align: right;
  /* margin-right:26%; */
  width: 10.56rem;
  max-width: unset;
}

.Home .swiper .swiper-slide.item2 .txt p {
  float: right;
  max-width: unset;
  font-size: 0.18rem;
}

.Home .swiper .swiper-slide.item2 .txt h2 {
  font-size: 0.6rem;
  line-height: 0.76rem;
  letter-spacing: 0rem;
}

.Home .swiper .swiper-slide.item3 .txt h2 {
  font-size: 0.6rem;
  line-height: 0.76rem;
  letter-spacing: 0rem;
  color: #ffffff;
}

.Home .swiper .swiper-slide.item3 .txt2 {
  float: left;
  margin-top: 1.6rem;
  width: 92.5%;
  text-align: right;
  position: relative;
  z-index: 9;
}

.Home .swiper .swiper-slide.item3 .txt {
  max-width: unset;
  width: 10.34rem;
}

.Home .swiper .swiper-slide.item3 .txt2 p {
  font-size: 0.18rem;
  line-height: 1.8;
  letter-spacing: 0;
  font-weight: lighter;
  color: #ffffff;
}

.Home .swiper .swiper-slide.item3 .txt2 time {
  font-size: 0.24rem;
  line-height: 0.3rem;
  letter-spacing: 1px;
  color: #fffefe;
}

.Home .swiper .swiper-slide.item3 .txt2 .More {
  display: inline-block;
  margin-top: 0.54rem;
  color: #fff;line-height: 0.33rem;transition: all 0.5s;
  font-size:0.14rem;
}
.Home .swiper .swiper-slide.item3 .txt2 .More i {font-size: 0;margin: -2px 0 0 0.09rem;width: 0.07rem;height: 0.12rem;display: inline-block;vertical-align: middle;content: "";background: url(../images/arr_more2.svg) no-repeat center center/contain;}
.Home .swiper .swiper-slide.item3 .txt2 .More:hover {padding: 0 0.16rem;background-color: #fff; color: #009944;}

.Home .swiper .swiper-slide.item3 .txt2 .More:hover i {background: url(../images/arr_more.svg) no-repeat center center/contain;}

.Home .swiper .swiper-slide.item3 .imgbox {
  left: 16.666%
}

body.wap .swiper .swiper-slide .imgbox {
  height: 50%;
  top: 0;
}

body.wap .atail.container-fluid {
  /* padding-left: 10%; */
  /* width: 86%; */
  /* margin-left: 0; */
}

/* body.wap main .main-scroll .main {
  width: 100% !important;
} */

body.Apple * {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif !important;
}

body.wap.iPad main .main-scroll {
  width: 75% !important;
  ;
}

body.wap main .main-scroll {
}

/* body.wap main .main-scroll .main{width: 83.3333% !important;} */
body.wap.Android main .main-scroll .main {
  width: 100% !important;
}

body.wap.iPad main .main-scroll {
  width: 100% !important;
  ;
}

.Home.wap.iPhone main .main-scroll {
}

/* body.wap.iPhone main .main-scroll .main {
  width: 100% !important
} */

body.wap.iPhone main .main-scroll {
}

.Home.wap.iPhone .swiper .swiper-slide .imgbox {
}

/* body.wap.Android .atail-header .container-fluid {
  padding-left: 13%;
} */

@media (max-width: 1024px) {
  /* body.wap main .main-scroll .main {
    width: 100% !important;
  } */

  /* main .main-scroll {
    width: 100% !important;
    ;
  } */

  /* body.wap main .main-scroll .main{width: 95%   !important;margin-left: 0%;} */
  .zero_p2_bm .zero_p2_bm_l .box .Dbox {
    width: 56%
  }

  /* .row .col-xs-2#m7  ~ .col-xs-2{display: none} */
  .zero_p1 .zero_p1_r .zero_p1_rbox {
    height: auto;
  }

  .about_p1 .txt h1, .about_p1 .txt h2 {
  }

  /* main .main-scroll .main {
    width: 100% !important;
    margin-left: 0;
    ;
  } */
}



/* @media (max-width: 480px) {
  body.wap main .main-scroll {
    width: 75% !important;
  }
} */

/* @media (max-width: 400px) {
body.wap main .main-scroll .main{width: 100% !important;}
}  */



.Home .swiper .swiper-slide.item3 .imgbox {
  left: 2.7rem;
  width: 8.25rem !important;
}

.slides .imgbox span,.mslist_b .imgbox span{
  height: 100%;
}
.zero_p1{
  margin-top: 0.25rem;
}
.zero_p1 .zero_p1_l p span{
  font-size: 0.14rem !important;
}
.banner .txt p span{
  font-size: .18rem !important;
}
.about_p1 .imgbox span{
  height: 100% !important;
  background-size: cover;
}
.list-paddingleft-2 p span{
  font-size: 0.16rem !important;
}
.about_p4_b p span {
  font-size: 0.18rem !important;
}
.about_p4_b p strong {
  font-size: 0.24rem !important;
}
.about_p5b .imgbox span{
  height: 100%;
}
.login_new.login1 .loginbox_r p a.fl {
  font-size: 0.14rem !important;
  height: 0.65rem !important;
  line-height: 0.65rem !important;
}
.photo .imgbox span,.gallery_p1_box .imgbox span{
  height: 100%;
}
main .main-scroll{
  /* width: 100% !important; */
  width: 13.72rem;margin: 0px auto;
  /* margin: 0 2.74rem; */
}
.Home .swiper{position: static;}

body.wap{width: 84% !important; margin: 0px auto;}
.Home.wap{width: 100% !important; margin: 0px auto;}
body.wap.Android{font-size: 0.12rem  !important;}

@media(max-width:1024px){
  main .main-scroll{width: 84%;}
  .loginbox_new .login_rb .xzzbox.on:after{background-size: contain;}
  .PopupShengm .ShengmingBox{width: 85%;}
  .gallery_p1_t div.cs-select .cs-options{padding: 0.1rem;background: #41B847}
}


.zero_p5_t ul li {
  width: 20%;
  margin-bottom: 0.6rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
}
.zero_p5_t_l{
  width: 1.2rem;
  margin-bottom: 0.2rem;
}
.zero_p5_t ul li img {width: 100%;}
.zero_p5_t_r div{
  color: #fff;
    font-size: 0.14rem;
    line-height: 1.5;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 1.5em;
}
.zero_p5_t_r .intro{
-webkit-line-clamp: 3;
}
.zero_p5_t_r{width: 100%;}