@charset "utf-8";
/* ============ Reset ============ */
body {
  font: 13px microsoft yahei,helvetica,arial;
  font-family:PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,STHeitiSC-Light,simsun,\\5B8B\4F53,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif";
  color: #333;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  height:100vh;
}
body,
p,
ol,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
dl,
dt,
dd,
pre,
input,
table,
tr,
td,
button,
textarea,
button {
  margin: 0;
  padding: 0;
}
input[type=button],
input[type=text],
input[type=password] {
  -webkit-appearance: none;
  outline: none;
}
ol,
ul,
li {
  list-style: none;
}
input,
button {
  border: 0 none;
}
img {
  border: 0 none;
  max-width: 100%;
}
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
:focus {
  outline: 0;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.dn {
  display: none;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
@font-face {
  font-family: 'din1451a';
  src: url('/public/fonts/din1451a.eot');
  src: url('/public/fonts/din1451a.eot?#iefix') format('embedded-opentype'), url('/public/fonts/din1451a.woff') format('woff'), url('/public/fonts/din1451a.ttf') format('truetype'), url('/public/fonts/din1451a.svg#din1451a') format('svg');
  font-weight: normal;
  font-style: normal;
}
.animated {
    -webkit-animation-duration: .7s;
    animation-duration:.7s;
    animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
  }

  .animated1 {
    -webkit-animation-duration:0.6s;
    animation-duration:0.6s;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;

  }

  .animated2 {
    -webkit-animation-duration:1s;
    animation-duration:1s;
    animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
  }

  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0
    }
    100% {
      opacity: 1
    }
  }
  @keyframes fadeIn {
    0% {
      opacity: 0
    }
    100% {
      opacity: 1
    }
  }
  .fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
  }

  @-webkit-keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -20%, 0);
      transform: translate3d(0, -20%, 0)
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
    }
  }
  @keyframes fadeInDown {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -20%, 0);
      transform: translate3d(0, -20%, 0)
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
    }
  }
  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
  }

  @-webkit-keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-20%, 0, 0);
      transform: translate3d(-20%, 0, 0)
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
    }
  }
  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-20%, 0, 0);
      transform: translate3d(-20%, 0, 0)
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
    }
  }
  .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
  }

  @-webkit-keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(20%, 0, 0);
      transform: translate3d(20%, 0, 0)
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
    }
  }
  @keyframes fadeInRight {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(20%, 0, 0);
      transform: translate3d(20%, 0, 0)
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
    }
  }
  .fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
  }

  @-webkit-keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 20%, 0);
      transform: translate3d(0, 20%, 0)
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
    }
  }
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 20%, 0);
      transform: translate3d(0, 20%, 0)
    }
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none
    }
  }
  .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
  }
  @-webkit-keyframes bounceInDown{
    0%,
    60%,
    75%,
    90%,
    to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
    75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
    90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
    to{-webkit-transform:none;transform:none}
  }
  @keyframes bounceInDown{
    0%,
    60%,
    75%,
    90%,
    to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
    75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
    90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
    to{-webkit-transform:none;transform:none}
  }
  .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
  @-webkit-keyframes bounceIn{
    0%,
    20%,
    40%,
    60%,
    80%,
    to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
    to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
  }
  @keyframes bounceIn{
    0%,
    20%,
    40%,
    60%,
    80%,
    to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
    20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}
    40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}
    60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}
    80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}
    to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}
  }
  .bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}


html{
  font-size: 100px;
  background:#ffffff;
}
.wrapper{
  position: relative;
    margin:0 auto;
    max-width:750px;
    min-width: 320px;
}

.m10{margin-top:.1rem;}
  .m20{margin-top:.2rem;}
  .m30{}
  .m40{}
  .m50{margin-top:.5rem;}
  .m60{padding: 0.65rem;}
  .m70{margin-top:.7rem;}



/*part1*/
.ban-logo{
  position: absolute;
  top:.1rem;
  left:.2rem;
  width:2.5rem;
  height:1.51rem;
  font-size:0;
  background:url(../images/logo.png) no-repeat center top;
  background-size:100%;
  z-index:2;
}
.ban-rule{
  position: absolute;
  top:.2rem;
  right:0;
  width: 1.5rem;
  height:.62rem;
  line-height:.64rem;
	border-radius:.31rem 0 0 .31rem;
  background-color: #b5955d;
  font-size:.25rem;
  color:#fff;
  text-align:center;
  z-index:2;
}

 .banner{
    position: relative;
    width: 100%;
    background:#cbaf7f url(../images/bodybg.jpg) no-repeat center top;
    background-size:7.5rem;
    padding-bottom:0.5rem;
    z-index:1;
}
.ban-con{
    padding:.9rem 0 0;;
    text-align:center;
}
.cen-pub{
}
.ban-pinfo{
  font-size: .5rem;
	color: #fff;
	text-shadow: 0 .03rem .03rem #876c41;


}
.ban-tt{
    position: relative;
    margin:.2rem auto 0;
    width:6.03rem;
    height:1.83rem;
    background: url(../images/ban-text.png) no-repeat center top;
    background-size:auto 100%;
    font-size:0;
}

.ban-im{
  position: relative;
  margin-top:.1rem;
  width:100%;
  height:4.27rem;
  background: url(../images/ban-img.png) no-repeat center top;
  background-size:auto 100%;
}
.ban-form{
  position: relative;
  margin-top:-.4rem
}


/* form */
.input-list{
  font-size: 0;
  margin: 0.4rem auto 0.3rem;
  text-align: center;
}
.input-list label{
  position: relative;
  display: block;
  height: 1rem;
  margin:.3rem auto 0;
  box-sizing: border-box;
  background:#fff;
  border-radius:.1rem;
}
.input-list label:first-child{
  margin-bottom:0;
}
.input-list label i{
  position: absolute;
  top: 0.28rem;
  left:.34rem;
  width: 0.7rem;
  height: 0.46rem;
}
.input-list label i.icon1{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAuBAMAAABnp3KAAAAALVBMVEUAAADIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMju7u59mqBMAAAADXRSTlMA8FDQkOA/xyoQhp9oHokgbgAAAHxJREFUOMtjIA6k30UC1xMw5N8xMLDdRQHXsKlhvitsjACyl7Gp4b07AUlg7l2sai4iCzCOqhlVM6pmMKq564IEfHGoQQEUqFFCArr43MyhQdhfe+8uIKSGCVjKEVLDdffuHcrMwXQPYX+RW64y3xUNRQDZy2SW84TrCwYAdHbS7TE0AmIAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
}
.input-list label i.icon2{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAAAuCAMAAACiV5+BAAAAM1BMVEUAAADIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMjIyMju7u7mIIciAAAAD3RSTlMAHy+N4s8+oe0QSLtnU3atJxCcAAAAy0lEQVRIx+3W4QqDIBSGYfWYntT6uv+rnXNsNghxGtSi95cGPSh0IHGiluVmapngGexDH6M0XmnTwRjkpmZmZAB2UpNFTLYy9DmEiytqZXR+dwa4kZGrm4zPdRtj1idgwDQzOl/w7xlFNuYRnXdx7W2MVDVjUMrUMkORGWoZAJaI7PBdegaglil8avJoxlnXz6RdF5OHcryZTWaOu7mbMXmOehhKDJ2E2elSIjA47DGa8vAJd2o79wPDKMW1DBUZqmTKDl3gF/ISjBAPdY4dzxn1xGYAAAAASUVORK5CYII=) no-repeat center;
  background-size: 100%;
}
.input-list label input{
    display: block;
    color: #333;
    border: none;
    outline: none;
    background: none;
    text-align: left;
    font-size: 0.39rem;
    width: 4.3rem;
    padding:.25rem 0;
    height: .5rem;
    line-height:.66rem;
    margin-left:1.4rem;
    font-family: 'PingFang SC';
    letter-spacing:0.02rem
}
.input-list label .pwd-fon{font-size:.31rem}
.input-list input::-webkit-input-placeholder{
  font-size: 0.29rem;
  color: #bfbfbf;
  font-family: 'PingFang SC';
  font-weight: normal;
}
.input-list input:-moz-placeholder{
  font-size: 0.29rem;
  color: #bfbfbf;
  font-family: 'PingFang SC';
  font-weight: normal;
}
.input-list input:-ms-input-placeholder{
  font-size: 0.29rem;
  color: #bfbfbf;
  font-family: 'PingFang SC';
  font-weight: normal;
}
.tips{
  font-size: 0.2rem;
  color: #d2575f;
  line-height: 0.3rem;
  text-align: center;
  padding-bottom: 0.35rem;
  margin-top: 0.65rem;
}
/*公共按钮*/
.btn-group {
  margin:0 auto;
  text-align: center;
  font-size: 0;
}
.openbtn{
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 0.36rem;
    color: #fae8aa;
    width: 6.7rem;
    height: 1rem;
    line-height:1rem;
    border-radius:.1rem;
    background-color: #50547d;
    background-image: -webkit-linear-gradient(left, #565984, #252f4a);
    background-image: -moz-linear-gradient(left, #565984, #252f4a);
    background-image: -o-linear-gradient(left, #565984, #252f4a);
    background-image: -ms-linear-gradient(left, #565984, #252f4a);
    background-image: linear-gradient(to right, #565984, #252f4a);
}
.form-info{
  color:#fff;
  text-align:center;
  font-size:.26rem;
}

/* scroll */
.slide-wrap{
  position: absolute;
  bottom:.8rem;
  left:50%;
  margin-left:-2.75rem;
  width: 5.5rem;
  height: 0.5rem;
  z-index: 2;
}
.slide-wrap .marquee-con{
  margin: 0 auto;
  font-size: 0;
}
.slide-wrap .marquee-con .inner{
  overflow:hidden;
}
.slide-wrap .marquee-con ul{
  font-size: 0;
  height: 0.50rem;
}
.slide-wrap .marquee-con li{
  text-align: center;
  height: 0.50rem;
  margin-bottom: 0.02rem;
}
.slide-wrap .marquee-con li span{
  display: block;
  padding: 0.14rem 0;
  background: rgba(45, 54, 84, 0.6);
  font-size: 0.22rem;
  color: #ffffff;
  line-height: 0.22rem;
  border-radius: 0.3rem;
  -moz-border-radius: 0.3rem;
  -ms-border-radius: 0.3rem;
  -webkit-border-radius: 0.3rem;
}





/* center */
.part-box{
  padding:.6rem 0 0;
  text-align:center;
  padding-top:.9rem;
}
.cen-h-fon{
  position: relative;
  display:inline-block;
  font-size:.46rem;
  color:#fff;
}

.cen-h-fon:before,.cen-h-fon:after{
    position: absolute;
    top:50%;
    margin-top:-.34rem;
    display:inline-block;
    width:.54rem;
    height:.57rem;
    background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA5CAMAAABKzSg6AAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEnRSTlMABxoROTFBKUkjZ39Yb3pgdVBEgOIHAAABcklEQVRIx8XR0W7DIBBEUYPBBhpM8v8/24USplPcannqKE9ER1fybtr5cl3JbWsz5aMt7UsqVdPcUuu63s4vqeGKWj2eT7hrQcEJU6qcG+su6dQrZ3K604WUyWWjU4lcVp37SHWCustWpUpV6OmUK0Ucekr1eMDJ1IpcUilfFZxWvV5NDadSZwji0FMrYegVlYpHGE6mVkd16KmUdQc5rZLBaZVvDE6pPLlAyroQnJ3VfnpypIygOmcmdZJjJU/dTYrdT/V2llSM7FgJk005Y+OX892Rkge447uy5GYFd5ASBkfq9OTc+GMXhd6smju6s0Pt7Fg1hp6DEgbHKrY8euPcgsiRsi2P3lDGVNRdtHH/6yweqjr0WFlyrNC7UeRI7eiJwnbL5zyrgkOPFH9eGRT3WOGaMlLcM/Tc8haQFXqsWh49ywo9Vi2P3p3abtXokWIJhRh6v6n5BT3ZppsRhp5W8VkWFJ9l3a0r+UGp19X/7xO4Hx3pEUDRygAAAABJRU5ErkJggg==);
    background-repeat:center;
    background-size:100%;
    content: "";
    vertical-align:middle;
}
.cen-h-fon:before{
  left:-.85rem;
  transform:rotateY(180deg);
}
.cen-h-fon:after{
  right:-.85rem;
}


.cop-infotr{
  font-size:0;
  text-align:center
}
.cop-infotr li{
  margin-bottom:4%;
  display:inline-block;
  width:48%;
  background:#fff;
  border-radius:.1rem;
  padding:.36rem 0;
}
.cop-infotr li:nth-child(2n){
  margin-left:4%;
}
.cop-infotr i{
  display:inline-block;
  width:1.14rem;
  line-height:0;
}
.cop-infotr h3{
  font-size:.32rem;
  color:#373536;
}
.cop-infotr p{
  margin-top:.15rem;
  font-size: .26rem;
  color: #4C4C4C;
}
.banq-info{
  text-align:center;
  font-size: .2rem;
  color: #fff;
  white-space: nowrap;
  margin-bottom: 1rem;
}

@keyframes myfirst {
  0%   {opacity: 0}
  50%   {opacity: 0}
  90%   {opacity: 0}
	100% {opacity: 1}
}