@import "base.css";
@import "cssReset.css";
@import "style-tc.css";
.transtion {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.gray {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}
b {
  font-weight: 400;
}
body {
  background: #316fb4;
}
.wrap {
  position: relative;
  width: 12rem;
  margin: 0 auto;
  font-size: 0;
  text-align: center;
}
.banner-box {
  width: 100%;
  height: 12.75rem;
  display: block;
  background: url("../images/banner.jpg") no-repeat center top;
  position: relative;
  overflow: hidden;
}
.banner-box .logo {
  position: absolute;
  top: 0;
  left: 0.78rem;
  z-index: 2;
  width: 2.1rem;
  height: .7rem;
  display: block;
  background: url("../images/logoBg.png");
  background-size: 100%;
}
.banner-box .logo img {
  width: 1.6rem;
  display: block;
  margin: .18rem auto 0;
}
.Hua{
  width: 2.74rem;
  position: absolute;
  top: 0;
  right: 0;
}
.banner-box .firework {
  width: 100%;
  clear: both;
  position: absolute;
  left: -.32rem;
  bottom: 3.28rem;
}
.banner-box .firework::before{
  content: '';
  width: 1.03rem;
  height: 1.2rem;
  display: block;
  background: url("../images/ban-firework01.png") no-repeat center top / 100%;
  animation: scale1 0.8s linear infinite alternate;
  -o-animation: scale1 0.8s linear infinite alternate;
  -moz-animation: scale1 0.8s linear infinite alternate;
  -webkit-animation: scale1 0.8s linear infinite alternate;
}

.banner-box .cloud {
  width: 100%;
  clear: both;
  position: absolute;
  left: 0;
  top: 0;
}
.banner-box .cloud img.left {
  width: 4.26rem;
  display: block;
  position: absolute;
  left: 1.6rem;
  top: 4.9rem;
  z-index: 1;
}
.banner-box .cloud .yun2{
  position: absolute;
  left: -.8rem;
  top: 8.2rem;
  z-index: 1;
}
.banner-box .cloud img.left1 {
  width: 6.65rem;
  display: block;
  animation: scale2 1.8s linear infinite alternate;
  -o-animation: scale2 1.8s linear infinite alternate;
  -moz-animation: scale2 1.8s linear infinite alternate;
  -webkit-animation: scale2 1.8s linear infinite alternate;
}
.banner-box .cloud .yun3{
  position: absolute;
  right: .5rem;
  top: 4.2rem;
  z-index: 1;
}
.banner-box .cloud img.right {
  width: 5.18rem;
  display: block;
  animation: scale2 1.2s linear infinite alternate;
  -o-animation: scale2 1.2s linear infinite alternate;
  -moz-animation: scale2 1.2s linear infinite alternate;
  -webkit-animation: scale2 1.2s linear infinite alternate;
}
.banner-box .cloud img.right1 {
  width: 12.81rem;
  display: block;
  position: absolute;
  right: -2rem;
  top: 8.4rem;
  z-index: 1;
}

.banner-box .stat {
  position: relative;
  width: 100%;
  clear: both;
  padding-top: 0.17rem;
}
.banner-box .paper img.pap02 {
  width: 1.11rem;
  display: block;
  position: absolute;
  top: 1.58rem;
  left: .58rem;
  animation: moveY12 0.8s linear infinite alternate;
  -o-animation: moveY12 0.8s linear infinite alternate;
  -moz-animation: moveY12 0.8s linear infinite alternate;
  -webkit-animation: moveY12 0.8s linear infinite alternate;
}
.banner-box .paper img.pap05 {
  width: .84rem;
  display: block;
  position: absolute;
  top: 4.5rem;
  right: 1.25rem;
  animation: moveY1 0.8s linear infinite alternate;
  -o-animation: moveY1 0.8s linear infinite alternate;
  -moz-animation: moveY1 0.8s linear infinite alternate;
  -webkit-animation: moveY1 0.8s linear infinite alternate;
}
.banner-box .stat img.tit {
  width: 8rem;
  display: block;
  margin: .3rem auto 0;
  animation: moveY12 1.5s linear infinite alternate;
  -o-animation: moveY12 1.5s linear infinite alternate;
  -moz-animation: moveY12 1.5s linear infinite alternate;
  -webkit-animation: moveY12 1.5s linear infinite alternate;
}
.banner-box .paper {
  width: 100%;
  clear: both;
  position: absolute;
  top: 0;
  left: 0;
}
.Sj{
  display: inline-block;
  width: 12.79rem;
  height: 7.66rem;
  background: url(../images/juan.png) no-repeat center top;
  background-size: 100%;
  margin-top: -.45rem;
  margin-left: -.38rem;
}
.sjTit{
  display: inline-block;
  margin-top: 1.8rem;
  margin-bottom: .18rem;
}
.sjTit img{
  display: inline-block;
  width: 4.67rem;
}
.sjB{
  display: inline-block;
  width: 65%;
  line-height: .3rem;
  position: relative;
  z-index: 1;
}
.sjB p{
  font-size: .18rem;
  color: #000;
  text-align: left;
}
.sections {
  width: 100%;
  clear: both;
  display: inline-block;
}
.sections .secTit {
  width: 100%;
  clear: both;
  height: 1.16rem;
  display: block;
  background: url("../images/titBg.png") no-repeat center top / auto 100%;
  text-align: center;
  margin-top: -.49rem;
  position: relative;
  z-index: 1111;
}
.sections .secTit h2 {
  font-size: 0.36rem;
  color: #fff;
  font-weight: bolder;
  line-height: 1.02rem;
}
.secMain {
  display: inline-block;
  width: 100%;
  clear: both;
  position: relative;
}
/*sec1*/
.sec1 {
  height: 12.86rem;
  background: url("../images/s1Bg.jpg") no-repeat center top;
  background-size: auto 100%;
  position: relative;
  z-index: 1111;
}
.sec1 .s1-main {
  background: url("../images/s1Cbg.png") no-repeat center top;
  background-size: 100%;
  height: 11.8rem;
  /*height: auto;*/
  padding-bottom: .3rem;
  position: relative;
}
/*.sec1 .s1-main::before{*/
/*  display: inline-block;*/
/*  content: '';*/
/*  width: 100%;*/
/*  height: .71rem;*/
/*  background: url(../images/ggD.png) no-repeat center top;*/
/*  background-size: 100%;*/
/*  position: absolute;*/
/*  left: 0;*/
/*  bottom: -.4rem;*/
/*}*/
.sec1 .s1-main .video-box {
  width: 11.2rem;
  height: 6.3rem;
  display: block;
  background: #fff;
  border-radius: 0.2rem;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: .3rem;
}
.s1tit{
  font-size: .3rem;
  font-weight: bold;
  color: #fff;
  height: .46rem;
  line-height: .46rem;
  margin-bottom: .21rem;
}
.s1tit span{
  display: inline-block;
  color: #a22a00;
  width: .9rem;
  height: .46rem;
  line-height: .44rem;
  border-radius: 1rem;
  background: #ffae68;
  background: -webkit-linear-gradient(90deg,#ffae68, #ffedd4);
  background: -moz-linear-gradient(90deg,#ffae68, #ffedd4);
  background: -o-linear-gradient(90deg,#ffae68, #ffedd4);
  background: linear-gradient(90deg, #ffae68, #ffedd4);
  margin-right: .1rem;
}
.s1-main>div{
  display: inline-block;
  width: 100%;
}
.s1T{
  margin-top: .14rem;
}
.s1B{

}
.s1Bsp>div{
  display: inline-block;
  width: 3.6rem;
  margin-right: .2rem;
}
.s1Bsp>div:last-child{
  margin-right: 0;
}
.s1Bxq .s1BT{
  display: inline-block;
  width: 100%;
  height: 2.03rem;
  background: #fff;
  border-radius: .2rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  overflow: hidden;
}
.s1Bxq .s1BT:hover{
  transform: scale(1.05);
}
.s1BP{
  font-size: .24rem;
  font-weight: bold;
  color: #fff;
  margin-top: .19rem;
}
.s1BP span{
  color: #ffbd84;
}
.red{
  color: #ffbd84;
}
.Pb{
  font-weight: bold;
}
/*sec2*/
.sec2 {
  height: 6.96rem;
  background: url("../images/s2Bg.jpg") no-repeat center top;
  background-size: auto 100%;
}
.sec2 .s2-main {
  height: 5.9rem;
  background: url("../images/s2Cbg.png") no-repeat center top;
  background-size: 100%;
}
.s2-main .s2T{
  display: inline-block;
  width: 84%;
  margin-top: .1rem;
}
.s2T>p{
  font-size: .18rem;
  color: #fff;
  text-align: left;
  line-height: .3rem;
}
.s2T>p>span{
  font-weight: bold;
  color: #ffbd84;
}
.s2B{
  display: inline-block;
  width: 11.2rem;
  margin-top: .23rem;
}
.s2B>div{
  display: inline-block;
  width: 3.6rem;
  height: 3.7rem;
  border-radius: .15rem;
  margin-right: .2rem;
  float: left;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.s2B>div:hover{
  transform: scale(1.05);
}
.s2B .s2bxq1{
  background: #8ac5ff;
}
.s2B .s2bxq2{
  background: #ffd5ad;
}
.s2B .s2bxq3{
  background: #c6a6f6;
  margin-right: 0;
}
.s2bnr{
  display: inline-block;
  width: 3.3rem;
  height: 3.4rem;
  border-radius: .1rem;
  background: #fff;
  margin-top: .14rem;
}
.s2bxq1 .s2bnr{
  box-shadow: 0 0 .12rem rgba(0,130,255,0.65);
}
.s2bxq2 .s2bnr{
  box-shadow: 0 0 .12rem rgba(193,100,10,0.65);
}
.s2bxq3 .s2bnr{
  box-shadow: 0 0 .12rem rgba(104,38,200,0.65);
}
.s2bnr>img{
  height: .66rem;
  margin-top: .38rem;
  transition: all 0.3s;
  cursor: pointer;
}
.s2bnr>img:hover{
  transform: scale(1.1);
}
.s2bxq>div>.p1{
  display: inline-block;
  font-size: .24rem;
  font-weight: bold;
  color: #fff;
  width: 2rem;
  height: .51rem;
  line-height: .5rem;
  border-radius: 1rem;
  margin-top: .24rem;
}
.s2bxq1>div>.p1{
  background: #1b5eae;
  background: -webkit-linear-gradient(90deg,#1b5eae, #3e92f0);
  background: -moz-linear-gradient(90deg,#1b5eae, #3e92f0);
  background: -o-linear-gradient(90deg,#1b5eae, #3e92f0);
  background: linear-gradient(90deg, #1b5eae, #3e92f0);
}
.s2bxq2>div>.p1{
  background: #ff4200;
  background: -webkit-linear-gradient(90deg,#ff4200, #ff8c00);
  background: -moz-linear-gradient(90deg,#ff4200, #ff8c00);
  background: -o-linear-gradient(90deg,#ff4200, #ff8c00);
  background: linear-gradient(90deg, #ff4200, #ff8c00);
}
.s2bxq3>div>.p1{
  background: #6f2fc5;
  background: -webkit-linear-gradient(90deg,#6f2fc5, #af78f8);
  background: -moz-linear-gradient(90deg,#6f2fc5, #af78f8);
  background: -o-linear-gradient(90deg,#6f2fc5, #af78f8);
  background: linear-gradient(90deg, #6f2fc5, #af78f8);
}
.s2bxq>div>.p2{
  font-size: .18rem;
  color: #221815;
  text-align: left;
  line-height: .27rem;
  width: 84%;
  margin: .15rem 8% 0;
}
/*sec3*/
.sec3 {
  height: 7.93rem;
  background: url("../images/s3Bg.jpg") no-repeat center top;
  background-size: auto 100%;
}
.sec3 .s3-main {
  height: 6.2rem;
  background: url("../images/s3Cbg.png") no-repeat center top;
  background-size: 100%;
}
.s3-main>div{
  display: inline-block;
  width: 100%;
}
.s3T>p{
  font-size: .24rem;
  color: #fff;
  margin: .14rem auto .4rem;
}
.s3B>div{
  display: inline-block;
  width: 3.35rem;
  height: 3.71rem;
  background: url("../images/s3img4.png") no-repeat center top;
  background-size: 100%;
  margin-right: .4rem;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.s3B>div:hover{
  transform: scale(1.05);
}
.s3B>div:last-child{
  margin-right: 0;
}
.s3xq>img{
  height: .93rem;
  margin-top: .6rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.s3xq>img:hover{
  transform: scale(1.1);
}
.s3xq>p{
  font-size: .24rem;
  color: #a22a00;
  margin: .22rem auto .18rem;
}
.s3xq>a{
  display: inline-block;
  width: 1.09rem;
  height: 1.1rem;
  background: url("../images/s3icon.png") no-repeat center top;
  background-size: 100%;
  cursor: pointer;
  animation: scale2 0.5s linear infinite alternate;
  -o-animation: scale2 0.5s linear infinite alternate;
  -moz-animation: scale2 0.5s linear infinite alternate;
  -webkit-animation: scale2 1s linear infinite alternate;
}
.s3Ts{
  display: inline-block;
  width: 100%;
  font-size: .18rem;
  color: #fff;
  margin-top: .28rem;
}
@media screen and (min-width: 800px) {
  .visiHidden {
    visibility: hidden;
  }
}


/*# sourceMappingURL=style.css.map */