﻿a{text-decoration:none}.loading{position:fixed;left:0;top:0;width:100%;height:100%;background:#fff;z-index:99999}.loadingfa{width:50px;height:50px;line-height:50px;text-align:center;font-size:29px;color:#444;position:absolute;left:50%;margin-top:-25px;margin-left:-25px;top:50%}.animteeh{opacity:.2;transition:all ease 1.5s;-webkit-transition:all ease 1.5s;-moz-transition:all ease 1.5s;-o-transition:all ease 1.5s;transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px)}.animteeh.active{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}.animts{opacity:.2;transition:all ease 1.5s;-webkit-transition:all ease 1.5s;-moz-transition:all ease 1.5s;-o-transition:all ease 1.5s;transform:translateY(100px);-webkit-transform:translateY(100px);-moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform:translateY(100px)}.active.animts{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}@keyframes rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@-ms-keyframes rotate{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(360deg)}}@-o-keyframes rotate{from{-o-transform:rotate(0)}to{-o-transform:rotate(360deg)}}@keyframes rotate1{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(-360deg)}}@-webkit-keyframes rotate1{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(-360deg)}}@-moz-keyframes rotate1{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(-360deg)}}@-ms-keyframes rotate1{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(-360deg)}}@-o-keyframes rotate1{from{-o-transform:rotate(0)}to{-o-transform:rotate(-360deg)}}.xuanzhuan{animation:2s linear 0s normal forwards infinite rotate;-webkit-animation:2s linear 0s normal forwards infinite rotate;-moz-animation:2s linear 0s normal forwards infinite rotate;-o-animation:2s linear 0s normal forwards infinite rotate}.xuanzhuan1{animation:5s linear 0s normal forwards infinite rotate;-webkit-animation:5s linear 0s normal forwards infinite rotate;-moz-animation:5s linear 0s normal forwards infinite rotate;-o-animation:5s linear 0s normal forwards infinite rotate}.nizhuan{animation:2s linear 0s normal forwards infinite rotate1;-webkit-animation:2s linear 0s normal forwards infinite rotate1;-moz-animation:2s linear 0s normal forwards infinite rotate1;-o-animation:2s linear 0s normal forwards infinite rotate1}.nizhuan1{animation:3s linear 0s normal forwards infinite rotate1;-webkit-animation:3s linear 0s normal forwards infinite rotate1;-moz-animation:3s linear 0s normal forwards infinite rotate1;-o-animation:3s linear 0s normal forwards infinite rotate1}@keyframes Updown{0%{transform:translateY(30px);-webkit-transform:translateY(30px);-moz-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px)}100%{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}}.shangxia{animation:1.4s 0s alternate none infinite running Updown}.yaohuan{animation:2.4s 0s alternate none infinite running swing}.yaohuan1{animation:9.4s 0s alternate none infinite running swing}.flash{animation:2.4s 0s alternate none infinite running flash}.wobble{animation:20.4s 0s alternate none infinite running wobble}.dtable{display:table;width:100%;height:100%}.dcell{display:table-cell;vertical-align:middle}.shangxia1{animation:2.4s 0s alternate none infinite running Updown}.shangxia2{animation:2.9s 0s alternate none infinite running Updown}.shangxia3{animation:3.4s 0s alternate none infinite running Updown}.shangxia4{animation:2.5s 0s alternate none infinite running Updown}.shangxia5{animation:3.3s 0s alternate none infinite running Updown}.shangxia6{animation:2.4s 0s alternate none infinite running Updown}.shangxia7{animation:2.6s 0s alternate none infinite running Updown}.df{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.dc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.ac{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.as{-webkit-box-align:justify;-webkit-align-items:space-between;-ms-flex-align:justify;align-items:space-between}.ae{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.jc{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.js{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.je{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.fww{-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}



html{
  min-height: 100vh;

}


@keyframes daxiao{
    0%{
        -webkit-transform: scale(1);
           -moz-transform: scale(1);
            -ms-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);

    }

    50%{
        -webkit-transform: scale(1.1);
           -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
             -o-transform: scale(1.1);
                transform: scale(1.1);

    }
}

.daxiao{
    animation: 1s linear 0s normal forwards infinite daxiao;
    -webkit-animation: 1s linear 0s normal forwards infinite daxiao;
       -moz-animation: 1s linear 0s normal forwards infinite daxiao;
         -o-animation: 1s linear 0s normal forwards infinite daxiao;
}


.content{
  display: flex;
  position:relative;
}


.left{
  padding-top: 80px;
  padding-left: 62px;
  position:relative;
  z-index: 50;
}
.logo img{
  display: block;
}
.logo {
  margin-bottom: 18px;
  display: flex;
  align-items: center;
}

.a img{
  display: block;
}
.b{
  display: flex;
  align-items: center;
  padding: 8px 0;
}
.b2{
  margin-left: 20px;
  width: 276px;
  height: 322px;
  background: url(../images/3.js) no-repeat center top;
}
.codv{
  padding: 5%;
    width: 90%;
    padding-bottom: 15%;
}
.codv img{
  display: block;
  width: 100%;
}
.btn{
  padding-left: 78px;
  margin-top: 20px;
}
.btn img{
  display: block;

}
.cesu{
  margin-top: 24px;
}
.cesu li{
  display: flex;
  height: 70px;
  background: url(../images/libg.js) no-repeat left top;
  justify-content: space-between;
  width: 772px;
  margin-bottom: 17px;
}
.cs1{
  line-height: 70px;
  width: 163px;
  font-size: 29px;
  color:#f4083a;
  text-align:center;
}
.cs2{
  flex: 1;
  padding-left: 40px;
  color:#fff;
  line-height: 70px;
  font-size:25px;
}
.right{
  width: 900px;
  padding-top: 50px;
  padding-left: 89px;
}

.r4 img{
  width: 900px;
  display: block;
  margin: 0 auto;
}
.c{
  padding-left: 83px;
}
.r5{
  text-align:center;
  display: block;
  margin-left: 50px;
}

.r5 img{
  display: block;
  margin: 0 auto;
  width: 350px;
}
.r6{
	position: fixed;
    right: 15%;
    top: 20%;
}
.r6 img{
  width: 100%;
}
.r7{
	width: 10%;
    height: auto;
    background: url(../images/mabg.js) no-repeat center top;
    background-size: 100% 100%;
    position: fixed;
    right: 5%;
    top: 20%;
}
.mb{
  display:none;
}
@media(min-width: 1024px){
	html{
		margin: 0 auto;
		background: url(../images/bg.js) no-repeat center bottom;
		background-size: cover;
		min-height: 100vh;
	}
}
@media(max-width: 1024px){
  html{
    font-size:13.33333vw; /* 750px */

  }
  .pc{
    display:none;
  }
  .mb{
    display: block;
    background: url(../images/bgmb.js) no-repeat center top;
    background-size: 100% auto;
    min-height: 100vh;
  }

  .logomb{
    padding: 0px .3rem;
    padding-top: .12rem;
    padding-bottom: 7.4rem;
    display: flex;
    justify-content: space-between;
    align-items: center;

  }
  .logomb img{
    display: block;
    width: 2.58rem;
    margin: 0 auto;
  }

  .cesu{
    margin-top: 2.5rem;
    margin-bottom: 2.2rem;
  }
  .cesu li{
    display: flex;
    height: .6rem;
    background: url(../images/libg.js) no-repeat left top;
    background-size: auto 100%;
    justify-content: space-between;
    width: 6.46rem;

    margin: 0 auto;
    margin-bottom: .35rem;

  }
  .cs1{
    line-height: .6rem;
    width: 1.3rem;
    font-size: .25rem;
    color:#f4083a;
    text-align:center;
  }
  .cs2{
    flex: 1;
    padding-left: .1rem;
    text-align:center;
    font-weight:bold;
    color:#fff;
    line-height: .6rem;
    font-size: .24rem;
  }
  .cs3 img{
    width: 1.48rem;
  }
  .mb1 img{
    width: 7.08rem;
    display: block;
    margin: 0 auto;
  }
  .btnmb{
    display: block;
    text-align:center;
    margin-top: -.5rem;
  }
  .btnmb img{
    display: block;
    width: 4.48rem;
    margin: 0 auto;
  }
  .mb2{
    margin-top: .3rem;
    margin-bottom: .3rem;
  }
  .mb2 img{
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .mb3{

  }
  .mb3 img{
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .fixnv{
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 7.5rem;
    height: 1.5rem;
    overflow:hidden;
    background: #000;
    border-top: 2px solid #ffe385;
    background-size: 100% 100%;
    display: flex;
    box-sizing: border-box;
    padding-left: .14rem;
    padding-right: .2rem;
    justify-content: space-between;
    align-items: center;
  }
  .fixnv1 img{
    display: block;
    width: 1.3rem;
  }
  .fixnv2 img{
    display: block;
    width: 1.22rem;

  }
  .fixnv3 img{
    width: 4.14rem;
    display: block;
  }
  .fxge{
    height: 2.5rem;
  }
  .vses{
    font-size: .29rem;
    color:#a9903c;
  }
  .vses span{
    color:red;
  }
}

      .rightdao{
        position: fixed;
        right: 0px;
        top: 50%;
        z-index:500;
        -webkit-transform: translateY(-150%);
           -moz-transform: translateY(-150%);
            -ms-transform: translateY(-150%);
             -o-transform: translateY(-150%);
                transform: translateY(-150%);

      }
      .rightdao img{
        width: .7rem;
      }
.kefu_tip{
}
.kefu_div{
	width: 700px;
    z-index: 999999;
    height: 600px;
    position: fixed;
    bottom: 0;
    right: 0%;
}
.kefu_div iframe{
	border: 0px;
}
.kefu_close{
	position: absolute;
    right: 15px;
    top: 15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #000;
    color: #fff;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
}
@media (max-width: 992px) {
	.kefu_div{
		width: 100%;
		height: 100%;
		right: 0;
	}
}
.fixContent {
    position: fixed;
    right: 0px;
    width: 170px;
    z-index: 99;
}