body,ul,p,h1,h2,h3,h4,h5,h6,hr,dl,dd{margin:0;}
ul,ol,td,th{padding:0;}
html{
  font-size:100px;
}
body {
  font-family: Arial,"Microsoft YaHei";
  font-size: 14px;
  color: #434343;
}
ul,li {
  list-style: none;
}
img {
  border: none;
}
.clear {
  clear: both;
  font-size: 0px;
}
.clearfix:after{
  display:block;
  content:'clear';
  clear:both;
  height: 0;
  overflow: hidden;
  *zoom:1;
  visibility: hidden;
}
.pull-left{
  float:left;
}
.pull-right{
  float:right;
}
.bg-white{
    background: #fff;
    position: relative;
}
.bg-grey{
  background: #f4f5fa;
  position: relative;
}
.text-gray{
  color:#555555;
}
.hidden{
  display: none;
}
.dblock{
  display: block;
  width: 100%;
}
.btn {
    border-radius: 50px;
    background-color: #FF6A00;
    padding: 10px 50px;
    border: none;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
}
.btn-yellow{
    background: #fffc00;
    color:#68671d;
}
.text-color{
  color:#FF6A00;
}
.text-right{
  text-align: right;
}
.text-center{
  text-align: center;
}
.section{
   z-index:999; 
}
/*header*/
.header{
  position: absolute;
  width:100%;
  top:0;
  left:0;
  z-index:999;
  font-size:16px;
  transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;
  overflow: hidden;
}
.wraper {
  width:12.8rem;
  margin:0 auto;
  min-width:12.8rem;
  height:100%;
}
.wraper-title .centact_border {
    margin: 0 auto;
    width: 100px;
    height: 0.01rem;
    background: #FF7511;
}

.wraper-title .title_h3 {
    text-align: center;
    font-size: 0.4rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FF7511;
    line-height: 0.23rem;
    margin-top: 0.4rem;
}
.wraper-title .title_breif{
  color:#555555;
  margin-top:0.1rem;
  font-size:16px;
}
@media(max-width: 1340px) {
  .wraper {
    width:1000px;
    min-width: 1000px;
  }
}
.header a{
  display: inline-block;
  text-decoration: none;
  color:#fff;
  margin:0 0.26rem;
  
}
.header .hfont{
  position: relative;
  display: inline-block;
  transition: all 0.4s ease-out 0s;
}
.header .hfont::after{
  position: absolute;
  left: 0;
  width: 100%;
  color: #fff;
  content: attr(data-title);
  transform: translateY(100%);
}
.header .circle{
  display: inline-block;
  width:5px;
  height:5px;
  border-radius:50%;
  border:1px solid #fff;
  margin:0 5px;
  position: relative;
  vertical-align: middle;
}
.header .circle .line{
  position: absolute;
  display: inline-block;
  height:38px;
  width:1px;
  bottom:5px;
  background:#fff;
  left:2px;
  display: none;
}
.header a.active .circle,.header a:hover .circle{
  background:#fff;
  border:1px solid #fff;
}
.header a.active .hfont,.header a:hover .hfont{
  transform: translateY(-100%)
}
.header a.active .circle .line{
  background:#fff;
  display: inline-block;
}
.header .wraper {
  height:76px;
  line-height:76px;
}
.header-left{
  display: table;
}
.header-left span{
  display: table-cell;
  vertical-align: middle;
}
.header-left img{
  vertical-align: middle;
}
.header-left .logo_blue{
  display: none;
}
.header-right .lang{
  color:#fff;
}
.header-right .lang .line{
  width:2px; 
  background: #fff;
  height:20px;
  display: inline-block;
  vertical-align: middle;
}
.header-right .lang img{
  width:25px;
  vertical-align: middle;
}
.headerFixed{
  background: #fff;
  position: fixed;
  z-index:9999;
  box-shadow:0px -1px 5px #1f1f1f;
}
.headerFixed .hfont::after{
  position: absolute;
  left: 0;
  width: 100%;
  color: #FF6A00;
  content: attr(data-title);
  transform: translateY(100%);
}
.headerFixed a{
  color:#555;
}
.headerFixed a .circle{
  border:1px solid #555;
}
.headerFixed a.active .circle,.headerFixed a:hover .circle{
  background:#FF6A00;
  border:1px solid #FF6A00;
}
.headerFixed a.active .hfont,.headerFixed a:hover .hfont{
  transform: translateY(-100%)
}
.headerFixed a.active .circle .line{
  background:#FF6A00;
  display: inline-block;
}
.headerFixed .header-right .lang .line{
  background: #bfbfbf;
}
.headerFixed .header-left .logo{
  display: none;
}
.headerFixed .header-left .logo_blue{
  display: inline-block;
}
.swiper-button-prev{
  background-image:url('../images/home/arrow-left.png');
  width:45px;
  height:23px;
  background-size:auto auto; 
}
.swiper-button-next{
  background-image:url('../images/home/arrow-right.png');
  width:45px;
  height:23px;
  background-size:auto auto; 
}
.swiper-container {
  width:100%;
  height:100%;
}
.swiper-container .swiper-pagination-bullets{
  bottom:100px;
}
.swiper-pagination-bullet-active{
  background:#fff;
}
.swiper-container .swiper-slide{
  background-size:100% 100%; 
}
.swiper_bg{
  display: block;
  width:100%;
}
.banner-wraper{
  width:100%;
  /* height: 58.3vh; */
  height: 6.3rem;
}
.banner-font{
  position: absolute;
  width:100%;height: 50;
  top:0;
  color:#fff;
}
.banner-font .wraper{
  text-align:center;
  margin-top:16%;
}
.banner-font .wraper img{
  max-width:80%;
}
.banner-font .bannerBigFont{
  font-size: 0.8rem;
  letter-spacing: 0.1rem;
}
.banner-font .bannerSmallFont{
  font-size: 0.3rem;
  letter-spacing: 2px;
}
.banner-font .wraper .join_btn{
  padding:0.2rem 0.7rem;
}
.banner-wraper .arrowDown{
  position: absolute;
  bottom:20px;
  width:100%;
  text-align:center;
  left:0;
  z-index:999;
  cursor: pointer;
  animation: bounce-down 1.2s linear infinite;
}

.banner-wraper .bannerDesc{
    position: relative;
    width: 12.8rem;
    height: 1.79rem;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index:999;
    background: #FFFFFF;
    box-shadow: 0rem 0.1rem 0.1rem 0.1rem rgba(217,207,207,0.25);
    border-radius: 0.1rem;
    display: flex;
    
}
.banner-wraper .bannerDesc .desc-wrapper {
    flex-direction: column;
    margin-left: 0.39rem;
}

.banner-wraper .bannerDesc .desc-wrapper .desc-title{
    font-size: 0.26rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FF7411;
    line-height: 0.28rem;
    margin-top: 0.55rem;
}

.banner-wraper .bannerDesc .desc-wrapper .desc-detail{
    font-size: 0.17rem;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #484545;
    line-height: 0.28rem;
    margin-top: 0.22rem;
}

@keyframes bounce-down{
  25% {transform: translateY(-3px);}
  50%{transform: translateY(0);}
  75% {transform: translateY(3px);}
  100% {transform: translateY(0);}
}
.banner-wraper .arrowDown a{
  display: inline-block;
}
.attachFixed{
  position: fixed;
  top:0;
}

.hotline{
    background: url('https://vdian-wechat-sz.oss-cn-shenzhen.aliyuncs.com/vhome/images/home/cabinet-line.png') no-repeat 0px -25% #FF6A00;
    text-align: center;
    color:#fff;
    padding:0.5rem 0;
}
.hotline .font-h1{
    font-size:1rem;
    font-weight: bold;
    margin-top:40px;
    letter-spacing: 10px;
}
.font-h2{
  font-size:0.64rem;
  margin-top:0.4rem;
}
.hotline .font-small{
    font-size:0.24rem;
    letter-spacing: 0.28rem;
    margin-top:5px;
}
.hotline  img{
    vertical-align: middle;
}
.hotline .btn{
    margin:40px;
    padding: 0.12rem 0.7rem;
    font-size:18px;
}
.hotline .btn-yellow:hover{
  background: #fff;
  color:#FF6A00;
  box-shadow: 0px 5px 5px -5px #ccc;
}
.footer {
  background-color: #1f1f1f;
  color: #fff;
  font-size: 14px;
  position: relative;
  z-index: 3;
  padding-top:50px;
  z-index: 9990;
}


.footer__upper {
   background: url('../images/home/footer_left_bj.png') no-repeat left bottom;
  background-size:16% 88%; 
}


.footer__bottom {
  padding: 15px 0;
  margin: 0 auto;
  border-top:1px solid #999999;
}


.footer__left {
  text-align: left;
  float: left;
  width:20%;
  padding-right: 1%;
  box-sizing:border-box;
}
.footer__left h4,.footer__middle dt{
  margin-bottom: 30px;
  color: #fff;
  font-size:18px;
  font-weight: normal;
}

.footer__left p{
  font-size:14px;
  color: #999;
  margin-bottom: 20px;
  line-height: 22px;
}

.footer__middle{
  float: left;
  padding-left:5%;
  width: 25%;
  box-sizing: border-box;
}
.footer__middle dd{
  margin-bottom:20px;
  color: #999;
}
.footer__middle dd span img{
  vertical-align: middle;
  margin-right:5px;
}
.footer__right {
  position: relative;
  float:right;
  width:55%;
  text-align: center;
}
.footer__right .footer__logo{
  text-align:right;
  margin-top:-20px;
  margin-bottom:20px;
}
.footer__right .footer__code{
  overflow: hidden;
  margin-bottom: 10px;
  margin-right:-10px;
}
.footer__right .footer__code div{
  width: 140px;
  float: right;
  padding:0 10px;
  box-sizing: border-box;
}
.footer__right .footer__code .footer__img{
  display:block;
}
.footer__right .footer__code div img{
  width:100%;
  display: inline-block;
  margin:10px 0;
}
.footer__middle span{
  cursor: pointer;
}
.footer__middle dd.active span,.footer__middle span:hover{
  color:#FF6A00;
  text-decoration: underline;
}
.footer__middle ul {
  display: none;
}
.footer__middle ul li{
  padding:10px 0px 0px 20px;
}
.footer__middle ul li a{
  color:#999;
  text-decoration: none;
}

.footer__middle ul li a:hover {
  color: #FF6A00;
}

.footer__right dd {
  font-size: 0.16rem;
}


.footer__cn_police_number {
  text-align: center;
}

.footer__cn_police_number img {
  display: inline-block;
  margin-left: 20px;
  margin-right: 5px;
  vertical-align: middle;
}

.footer__cn_police_number a {
  color: #999;
  display: inline-block;
  text-decoration: none;
}


.rightBar{
  position: fixed;
  top:50%;
  right:0;
  cursor: pointer;
  z-index:9999;

}
.rightBar .rightBarList.active div.rightBarcont,.rightBar .rightBarList:hover div.rightBarcont{
  background: #FF6A00;
  color:#fff;
}
.rightBar .rightBarList.active div.rightBarcont{
  width:auto;
}
.rightBar .rightBarListC:hover div.rightBarcont{
  width:160px;
}
.rightBar .rightBarListC .rightBarRow span{
  display: none;
  color: #fff;
}
.rightBar .rightBarList div.rightBarcont{
  height: 44px;
  line-height: 44px;
  padding:0 20px;
  background: #FF7511;
  margin:2px 0;
  float: right;
  width: 62px;
  box-sizing:border-box;
  transition:width 0.6s linear;
}
.rightBar .rightBarList .rightBarcont .rightBarRow{
  display: table-cell;
  vertical-align: middle;
  height: 44px;
}
.rightBar .rightBarList .rightBarcont .rightBarRow span{
  
}
.rightBar .rightBarList img{
  vertical-align: middle;
}
.rightBarCode{
  position:absolute;
  right:-250px;
  padding: 10px;
  background: #FF7511;
  top:2px;
  transition:all 0.6s linear;
}
.rightBar .rightBarList{
  position: relative;
}
.weixinBounce{
  animation:blings 1.2s linear infinite;
}
@keyframes blings {
  0% { opacity: 0.6}
  50% {opacity: 0}
  100% {opacity: 1}
}
.rightBarCode img{
  width:100px;
  height: 100px;
}
.rightBarCode center {
  height: 25px;
  line-height: 25px;
}
.rightBar .rightBarList:hover .rightBarCode{
  background: #FF6A00;
  right:62px;
}
#scrollTop{
  display: none;
}
.popfixed{
    position: fixed;
    z-index:10000;
    background: rgba(0,0,0,0.6);
    width:100%;
    height:100%;
    top:0;
    display: none;
}
.popfixed .popcont{
    top:50%;
    left:50%;
    position: absolute;
    margin-left:-350px;
    margin-top:-230px;
}
.popfixed  .popwin{
  margin-left:-250px;
  margin-top:-250px;
}
.popwin_title{
  text-align: center;
  color: #253447;
}
.popForm{
  width: 4.49rem;
  height: 5.78rem;
  background: url('../images/operation/title_bj.png') no-repeat center;
  background-size:100% 100%; 
  padding-top:1rem;
  padding-left:0.4rem;
  padding-right:0.4rem;
  box-sizing:border-box;
}
.popForm .prop_group{
  margin:0.4rem 0;
}
.popForm label{
  width:0.8rem;
  display: inline-block;
  text-align: justify;
  font-size:0.14rem;
  color:#2c4058;
}
.popForm .prop_input{
  width: 2.5rem;
  height: 0.3rem;
  line-height: 0.3rem;
  border:0.01rem solid #cccccc;
  border-radius:0.05rem;
  padding:0.05rem 0.1rem;
  display: inline-block;
  margin:0 0.04rem;
  position: relative;
}
.popForm .prop_select{
  appearance:none;  
  -moz-appearance:none;  
  -webkit-appearance:none;
  /*添加下拉三角图标*/
  background: url("../images/about/care.png") no-repeat right 10px center #fff;
  box-sizing:content-box;
}
.popForm .join_btn{
  border-radius: 0.1rem;
  width: 100%;
  padding:0.15rem 0.45rem;
  margin-top:0.5rem;
}
.dropDown{
  position: absolute;
  top:0.55rem;
  width:3rem;
  background: #fff;
  z-index:999;
  left:0;
  height:2rem;
  overflow: hidden;
  display: none;
}
.popForm .dropDown{
  top:0.45rem;
}
.cityName{
  background: url('../images/about/care.png') no-repeat right center;
}
.dropProv{
  width:1.5rem;
  border-right:1px solid #ccc;
  height:2rem;
  overflow: auto;
  float: left;
  box-sizing:border-box;
}
.dropCity{
  width:1.5rem;
  height:2rem;
  overflow: auto;
  float: left;
}
.dropUl li{
  padding-left:0.1rem;
  cursor: pointer;
  height: 0.35rem;
  line-height: 0.35rem;
}
.dropUl li:hover,.dropUl li.active{
  background: #FF7511;
  color:#fff;
}
.dropProv::-webkit-scrollbar,.dropCity::-webkit-scrollbar {/*滚动条整体样式*/
    width: 0.05rem;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 0;
}
.dropProv::-webkit-scrollbar-thumb,.dropCity::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 0.02rem;
    -webkit-box-shadow: inset 0 0 0.02rem rgba(0,0,0,0.2);
    background: #d1d4db;
}
.dropProv::-webkit-scrollbar-track,.dropCity::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: none;
    border-radius: 0px;
}
.closePop{
  width:500px;
  height: 500px;
  text-align:center;
  background: #fff;
  border-radius:20px;
  padding:40px;
  box-sizing:border-box;
  display: none;
}
.closePop p{
  margin:10px 0;
  color:#999999;
}
.closePop .fbig{
  font-size:24px;
  color:#333;
}
.closeX{
  position: absolute;
  right:-50px;
  top:-20px;
  cursor: pointer;
}
@media(max-width: 768px) {
  
}
.participate {
  /* width: 200px;
  height: 200px;
  position: relative;
  margin: 150px auto; */
  /* perspective: 1000px; */
  /* 将平面图形转换为立体图形 */
  /*transform-style: preserve-3d;*/
  /* transform: rotateY(20deg) rotateX(150deg); */
  /* 动画名称 动画时长 延时时间 匀速 无限循环 逆播 */

  animation: changes 2s 0.2s linear infinite alternate;
}

.participate:hover {
  animation-play-state: paused;
  /*鼠标放上去 暂停动画 */
}

/*动画集名称*/
/* @keyframes changes {
  from {
      transform: translateX(0)
  }
  to {
      transform: translateX(300px)
  }
} */
@keyframes changes {

  0%,
  100%,
  20%,
  50%,
  80% {
      transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
      transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
      transition-timing-function: cubic-bezier(0.755, 0.50, 0.855, 0.060);
      transform: translate3d(-20px, 0, 0);
  }

  70% {
      transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
      transform: translate3d(-10px, 0px, 0);
  }

  90% {
      transform: translate3d(20px, 0, 0);
  }
}