/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0; list-style:none; text-decoration:none; border:0; list-style:none;}
body{ font-size:12px; font-family:'Microsoft YaHei'; color:#333;}
a{ color:#fff;}
a:hover{ color:#f60; text-decoration:none;}
:hover{ transition:all .3s ease;}
p{line-height:1.5em;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:100%; max-width: 960px; margin:0 auto;}
input,textarea,select{outline:none}
/*common end*/

/*menu*/
.menu{height:100px;line-height:100px;}
.menu ul li{ float:left; position:relative; padding: 0 20px;}
.menu ul li dl{ background:#2B2A31; width:100%; position:absolute; left:0px; top:100%;  display:none; }
.menu ul li dl dd{ line-height:45px; margin:0 10px;  text-align: center;}
.menu ul li dl dd a{ font-size:12px; color:#fff; font-weight:normal; padding:0; text-align:;}
.menu ul li dl dd a:hover{ color:#f60;}
.menu a{ font-size:14px;color:#fff; text-decoration:none; font-weight:bold;display:;text-align:center;}
.menu a:hover{color:#fff;}

.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}

.header{ width: 100%; background-color: #131218; position: absolute; top: 0; left: 0;}
.logo{ width: 15%; float: left;}
.menu{ float: right;}

.banner{ width: 100%; padding: 60px 0; background-color: #2B2A31;}
.banner img{ width:100%}
.nv{ height: 100px;}
.bannerlf{ float: left; padding-bottom: 150px;}
.bannerlf h1{ font-size: 60px; color: #FFFFFF; text-align: center;}
.bannerlf h2{ font-size: 18px; color: #FFFFFF; text-align: left;}
.btn {
    width: 100px;
    height: 28px;
    margin-top: 35px;
    font-size: 14px;
    color: #19cd82;
    border-radius: 14px;
    border: 1px solid #19cd82;
    text-align: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.line{ width: 2px; height: 30px; background-color: #19CD82; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.bannerpic{ float: right; width: 50%;}

.con{ width: 100%; padding: 50px 0;}
.con1lf{ width: 49%; float: left; position: relative; overflow: hidden;}
.con1lf img{ width: 100%;}

.conbt{ position:  absolute; top: 0; left: 0; width: 100%;}
.title{ font-size: 38px; margin: 53px 0 6px; text-align: center;}
.disc{ text-align: center; font-size: 18px;} 
.con1lf:hover img{ transform: scale(1.1); transition: all 0.5s; }

.con1rt{ width: 49%; float: right;}
.con1rt ul li{
	width: 100%;  position: relative; overflow: hidden;margin: 0 0 14px;
}
.con1rt ul li img{ width: 100%;} 
.con1rt ul li:hover img{ transform: scale(1.1); transition: all 0.5s; }

.con{ width: 100%; margin: 0; background-color: #F7F7F7;}
.con2 ul li{ width: 49%; margin:15px 0; float: left; position: relative; overflow: hidden;}
.con2 ul li:nth-child(2n){ float: right;}
.con2 ul li img{ width: 100%;}
 .con ul li:hover img{ transform: scale(1.1); transition: all 0.5s; }
 .hz{ background-color: #F7F7F7; padding: 30px 0;}
 .hzcon{ background-color: #fff; width: 100%; padding-bottom: 30px; padding-top: 1px;}
 .hzcon h1{ font-size: 32px; font-weight: bold;  color: #000; text-align: center; margin: 30px 0;}
 .btn1{
	 width: 300px;
	     height: 38px;
	     font-size: 14px;
	     line-height: 38px;
	     background-color: #19cd82;
	     color: #fff;
	     cursor: pointer;
	     display: block;
		 margin: 0 auto;
	     
	     border-radius: 1px;
	     font-weight: bold;
		 
		 text-align: center;
 }
 .hzshow{ position: fixed; top: 0; left: 0; z-index: 9999; background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; display: none;}
 .hzfx{ width: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #FFFFFF;}
 .hzfx h1{ font-size: 38px; margin: 37px 0;}
 .wrap_box{ width: 80%; margin: 0 auto; padding-bottom: 50px;}
 .box{ width: 45%; float: left; border: 1px solid #ddd;}
 .box img{ width: 50px; height: 50px; margin: 50px auto; margin-bottom: 25px; display: block;}
 .box:nth-child(2n){ float: right;}
 .type{ font-size: 26px; font-weight: bold; margin-bottom: 25px; text-align: center;}
 .intro{ font-size: 18px; margin-bottom: 50px; text-align: center;}
 .button{
	 background-color: #19CD82;
	     color: white;
		 line-height: 45px;
	     height: 45px;
		 text-align: center;
		 width: 100%;
	     width: 100%;
	     
	     cursor: pointer;
	 
 }
 .tclose{ 
	     position: absolute;
	     top: 0;
	     right: 0;
	     font-size: 24px;
	     color: #DDDDDD;
	     width: 50px;
	     height: 50px;
	     text-align: center;
	     line-height: 50px;
		 cursor: pointer;
 }
 
 .foot{ width: 100%; background-color: #000000; padding: 35px 0;}
 .footlogo{ width: 10%; float: left;}
 .footlf{ float: right;}
 .footlf h1{ color: #FFFFFF; font-size: 12px; margin-bottom: 15px;}
 .footlf .line1{ width: 5px; height: 1px; background-color: #FFFFFF; margin: 5px 0; margin-bottom: 20px;}
 .footlf ul li{ margin-right: 20px; float: left;}
  .footlf ul li dl dd{ margin-bottom: 10px;    color: #fff;
}
  
  .wapper1{ width: 100%; max-width: 650px; margin: 0 auto;}
  .message{ width: 100%; padding: 60px 0;}
  .message h1{ font-size: 16px;}
  
  .form-item {
      position: relative;
      margin-bottom: 0.625rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
  .form-item--label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 30px;
      width: 138px;
      line-height:30px;
      font-size: 12px;
      color: #666666;
  }
  .form-item--label.required::before {
      content: '*';
      color: #f44;
      margin-right: 8px;
      vertical-align: middle;
  }
  .form-item input {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 480px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      height:38px;
      border-radius: 3px;
      border: 0.5 solid #F7F7F7;
      outline: none;
      font-size:12px;
      color: #787878;
      line-height: normal;
      padding-left:8px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      background: #F7F7F7;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
  }
  .form-item .select{
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: flex;
	  width: 480px;
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  height:38px;
	  border-radius: 3px;
	  border: 0.5px solid #F7F7F7;
	  outline: none;
	  font-size:12px;
	  color: #787878;
	  line-height: normal;
	  padding-left:8px;
	  -webkit-transition: all 0.3s;
	  transition: all 0.3s;
	  background: #F7F7F7;
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  appearance: none;
  }
  .form-wrap #province,.form-wrap #city,.form-wrap #district {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 150px;
	  float: left;
  }
  .form-wrap .placeholder-box{
      position: absolute;
      pointer-events: none;
      height:38px;
      line-height: 38px;
      top: 0;
      left: 0;
      font-size:12px;
      color: #C6C6C6;
      padding-left: 8px;
  }
  .province,.city,.district,.address{ float: left; margin-right: 15px;}
  .submit{
	  
	  width: 320px;
	      height: 38px;
	      margin:30px auto 70px;
	      line-height: 38px;
	      font-size:12;
	      color: #fff;
	      background-color: #19CD82;
	      border-radius: 2;
	      outline: none;
	      border: none;
	      position: relative;
	      left: 50%;
	      -webkit-transform: translateX(-50%);
	      transform: translateX(-50%);
	      cursor: pointer;
  }
  textarea{
      display: block;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      width: 480px;
      border-radius: 2px;
      border: 0.5px solid #F7F7F7;
      outline: none;
      font-size: 12;
      color: rgba(120, 120, 120, 1);
      line-height: ;
      padding: 10px;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
      resize: none;
      -webkit-appearance: none;
      height: 80px;
      background-color: #F7F7F7;
      margin-bottom: 0.3125rem;
  }
  .h5-page .masterplate-pc[data-v-96a93508] {
      position: absolute;
      top: 51%;
      right: 21.35417vw;
      width: 32.29167vw;
  }
  .masterplate .wrap-pc[data-v-565ded10] {
      padding: 1.5625vw 1.30208vw 2.08333vw;
  }
  
  .masterplate .info-box[data-v-565ded10] {
      padding: 30px 39px;
      position: relative;
  }
  .masterplate[data-v-565ded10] {
      border-radius: 10px;
      overflow: hidden;
  }
  .masterplate .form-bg[data-v-565ded10] {
      position: absolute;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
  }

  
  .masterplate .wrap-pc .item .label[data-v-565ded10] {
      font-size: 14px;
  }
  
  .masterplate .info-box .item .label[data-v-565ded10] {
      font-size: 20px;
      color: #333;
  }
  .masterplate .info-box .item[data-v-565ded10] {
      display: flex;
      justify-content: space-between;
      margin-bottom: 4vw;
      align-items: center;
  }
  .masterplate .wrap-pc .item[data-v-565ded10] {
      margin-bottom: 38px;
  }
  .el-input__inner {
      -webkit-appearance: none;
      background-color: #fff;
      background-image: none;
      border-radius: 4px;
      border: 1px solid #dcdfe6;
      box-sizing: border-box;
      color: #606266;
      display: inline-block;
      font-size: inherit;
      height: 40px;
      line-height: 40px;
      outline: none;
      padding: 0 15px;
      transition: border-color .2s cubic-bezier(.645,.045,.355,1);
      width: 100%;
  }
  .wrap-select{ width: 440px;}
  .el-select{ width: 48%; display: inline-block;}
  .value-box{ width: 440px;}
  .masterplate .wrap-pc .button-img[data-v-565ded10] {
      width: 370px;
      margin-top: 70px;
  }
  
  .masterplate .info-box .button-img[data-v-565ded10] {
      width: 400px;
      display: block;
      margin: 70px auto auto;
      -webkit-animation: power-button-data-v-565ded10 1s linear infinite alternate;
      animation: power-button-data-v-565ded10 1s linear infinite alternate;
      cursor: pointer;
  }
  .promenu{ width: 100%; background-color: #FFFFFF; z-index: 9999; top: 100px; left: 0; background-color: #FFFFFF; position: fixed; display: none;}
   .slideTxtBox { padding-top: 50px;}
  .slideTxtBox .hd{ width: 15%; float: left;}
   .slideTxtBox .hd ul li{ padding: 18px 0;  width: 100%; line-height: normal;}
  .slideTxtBox .bd{ width: 80%; float: right;}
  .slideTxtBox .bd ul li { width: 19%; margin: 4px; float: left; padding: 0;}
   .slideTxtBox .bd ul li p{ color: #000000;}
   .menu ul li:hover .promenu{ display: block;}
   .propic{ width: 100%; padding: 60px 0; background-color: #232328;}
   
   .icon_list {
       width: 100%;
       margin: 0 auto;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
   }
   .icon_list .icon_box{
       width: 100px;
       height: 100px;
       border: 1px solid #d7d7d7;
       border-radius: 50%;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
   }
   .iconfd{
    width: 28px;
    height: 28px;
    background-size: 100% 100%;
}
.fdbt{ text-align: center; font-size: 35px; padding: 105px 0 60px;}
.textfd{
    font-size: 16px;
    text-align: center;
    margin-top: 8px;
}
.advan_list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}
.advan_box {
    width: 340px;
    height: 100px;
    margin-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.advan_order{
    width:40px;
    height:79px;
    display: block;
    margin-right: 0.3125rem;
}
.advan_title {
    font-size: 12px;
    color: #333;
    line-height: 20px;
    font-weight: 500;
}
.advan_describe{
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #666;
    margin-top: 10px;
}

.hope_list{
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.hope_box_two{
    width: 110px;
    margin: 0 18px 25px;
}
.hope_title{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
}
.hope_line{
    width: 100%;
    height: 1px;
    background-color: #d8d8d8;
    margin: 10px 0;
}
.hope_describe {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #666;
}
.titleap {
    margin-top: 3.28125rem;
    font-weight: 600;
    color: #333333;
    font-size: 1.09375rem;
    text-align: center;
}
.info-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.875rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.ad-picture {
    width: 48%;
}
.lineap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.left-card {
    width: 190px;
}
.card-title {
    font-size: 14px;
    color: #666666;
    line-height: 22px;
}
.card-info {
    font-size: 22px;
    color: #333333;
    font-weight: 500;
    line-height: 22px;
}

.card{
    border-left: 2px solid #19CD82;
    height: 52px;
    padding-left: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.last-line{
    margin-top: 100px;
}
.ad-box .wrap-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	padding-bottom: 60px;
}
.icon-box {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #D7D7D7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}
.icon-box img {
    width: 28px;
}
.ad-box{
    width: 100%;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 60px;
}
.content-body{
    width: 100%;
    margin: auto;
    height: 650px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.info-box-title {
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 60px;
}
.info-box-card-title {
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    border-left: 2px solid #19CD82;
    padding-left: 5px;
    margin-bottom: 10px;
    line-height: 22px;
}
.info-box-card-text{
    width: 368px;
    font-size: 12px;
    color: #666666;
}

.info-box-card{ margin-bottom: 38px;}
.img-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.img-box img {
    width: 147px;
}
.img-box-text{
    margin-top: 30px;
    font-size: 12px;
    color: #666666;
    text-align: center;
}
.img-box div:nth-of-type(2) {
    margin-left: 55px;
}
.ad-box .wrap-box.on{ border-bottom: 2px solid #19CD82;}
.about_us{
    width: 100%;
    margin: 85px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.us_order{
    height:75px;
    display: block;
}
.us_box_pc{
    margin-left: 90px;
}
.us_box_pc .us_title{
    font-size:35px;
    font-weight: 600;
    line-height: 35px;
}
.us_box_pc .us_content_one{
    margin-top: 60px;
    font-size: 14px;
    
}
.us_box_pc .us_content_two{
    margin-top:60px;
    font-size: 14px;
    
}
.history {
    width: 100%;
    margin: 85px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	padding-bottom: 60px;
}
.history .his_order {
    width: 79px;
    height: 75px;
    display: block;
}
.history .his_box{
    margin-left: 90px;
}
 .his_box .his_title {
    font-size: 35px;
    font-weight: 600;
    line-height: 35px;
    margin-bottom: 60px;
}
.van-step--vertical {
    display: block;
    float: none;
    padding: 8px 0 60px 20px;
    
}
.van-step {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #969799;
    
}
.van-step--vertical:first-child::before {
    position: absolute;
    top: 0;
    left: -0.46875rem;
    z-index: 1;
    width: 1px;
    height: 0.625rem;
    background-color: #fff;
    content: '';
}
.van-steps--vertical {
    padding: 0 0 0 1rem;
}

.van-steps {
    overflow: hidden;
    background-color: #fff;
}
.van-step--vertical:not(:last-child)::after {
    border-bottom-width: 1px;
}

.van-step--vertical:not(:last-child)::after {
    border-bottom-width: 1px;
}
.van-step--vertical .van-step__line {
    top: 0.5rem;
    left: -0.46875rem;
    width: 1px;
    height: 100%;
	    background-color: #efefef;
}
.van-step--vertical .van-step__circle-container {
    position: absolute;
    top: 0.59375rem;
    left: -0.46875rem;
    z-index: 2;
    font-size: 0.375rem;
    line-height: 1;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
[class*=van-hairline]::after {
    position: absolute;
    box-sizing: border-box;
    content: ' ';
    pointer-events: none;
    top: -50%;
    right: -50%;
    bottom: -50%;
    left: -50%;
    border: 0 solid #ebedf0;
    -webkit-transform: scale(.5);
    transform: scale(.5);
}
.his_content_mobile .activeIcon{
    width: 18px;
    height:18px;
}
.van-step--vertical .van-step__line {
    top: 0.5rem;
    left: -0.46875rem;
    width: 1px;
    height: 100%;
	position: absolute;
	    background-color: #efefef;
}
.his_content_mobile .van-step__circle {
    width: 10px;
    height:10px;
	    transform: translateX(0.5px);
		    background-color: #dddddd;
			    display: block;
				    border-radius: 50%;
}