/* CSS Document */
html{ font-size:100px;}
body {font-family:微软雅黑;font-size:0.01rem;opacity:0;filter:alpha(opacity=0);}
body,p,h1,h2,h3,h4,h5,h6,dl,dd{ margin:0;}
ul,ol,li{list-style-type: none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
a{text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0); }
img{border:none;vertical-align:middle; width:100%;}
.clearfix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearfix{zoom:1;}


.wrap{max-width: 640px;min-width: 320px;margin-left: auto;margin-right: auto; overflow: hidden; }
.re{ position: relative;}
.te{ text-align: center;}
.ov{ overflow: hidden;}
.fl{ float: left;}
.fr{ float: right;}
.plr{ padding:0 0.15rem;}
.part{ padding-top: 0.42rem;}
.wrap .pagination {
  position: absolute;
  z-index: 20;
  left: 0;
  bottom: 0.2rem;
  width:100%;
  text-align: center;
}
.wrap .swiper-pagination-switch {
  display: inline-block;
  width: 0.15rem;
  height: 0.15rem;
  border-radius: 0.15rem;
  background: #a2d1ff;
  margin:0 0.05rem;
  cursor: pointer;
}
.wrap .swiper-active-switch {
  background: #fff;
}

.wrap .kv-a{ position: absolute; left:50%; margin-left:-0.9rem ; bottom:0; width:1.79rem;animation: bounce 5s infinite;
    -webkit-animation: bounce 5s infinite;}
.part1 .p1-1{ width:6.03rem; margin:0.35rem auto;}
.wrap .bth a{ display:inline-block;color:#fff;background:#f39800; padding:0.15rem 0;width:4.96rem; border-radius: 100px; font-size: 0.3rem; animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;}
.part2{ background:#214f8a; margin-top: 0.35rem;}
.part2 .p2-1{ width:6.2rem; padding:0.1rem;font-size: 0.18rem; line-height: 0.3rem; box-sizing: border-box; background:#fff; margin:0 auto 0.1rem;}
.part2 .p2-1 img{ width:3.69rem;}
.part2 .p2-1 p{  width:34%; margin-top: 0.1rem;}
.part2 .p2-1 b{ font-size: 0.25rem; color:#276aae; font-weight: bold;display:block; padding:15px 0 10px 20px;}
.part2 .p2-1 p span{ position: relative; padding:0 20px 0 38px; display:block;}
.part2 .p2-1 p span:before{ position: absolute; content: ''; width:10px; height:10px; background:#276aae; border-radius: 50%; top: 10px; left:20px;}
.part2 .p2-2{ width:6.2rem;color:#fff; background:#5288be; margin:0 auto 0.1rem; padding-bottom: 0.2rem;}
.part2 .p2-2 form h2{ font-size: 0.36rem; font-weight: bold;margin:0 auto; width:4.42rem; padding:0.35rem 0 0.1rem; border-bottom: 1px solid #fff; margin-bottom: 0.1rem;}
.part2 .p2-2 form p{ font-size: 0.26rem; display:block;}
.part2 .p2-2 form p span{ width:1.1rem; display:inline-block;}
.part2 .p2-2 form p input{ width:3.4rem;font-size: 0.26rem; padding-left: 0.1rem; border:0;margin:0.1rem 0; height:0.5rem; background:#a2d1ff;}
.part2 .p2-3 .bth{ position: absolute; left:45%; bottom: -0.25rem; width:4.2rem; margin-left: -2.1rem; }
.part3 .p3-ti { font-size: 0.18rem; margin:0.2rem 0;}
.p3video{ position:relative;}
.p3video .videobtn{ position:absolute; width:0.95rem; left:2.72rem; top:1.8rem;animation: pulse 3s infinite;}

.part3 .p3-ti b{ font-size: 0.3rem;display:block; color:#1e4498; margin-bottom: 0.05rem;}
.part3 ul li{ float: left; position: relative; margin-bottom: 0.12rem; margin-left: 0.08rem;}
.part3 ul li p{ position: absolute;left:0; bottom:0; width:100%; padding:0.1rem 0; font-size:0.18rem ; background:rgba(0,0,0,0.8); color:#fff; line-height: 0.22rem;}
.part4 .p4-txt{color:#fff; position: absolute;width:48%; top: 13%; left:49%;z-index: 1; }
    .part4 .p4-txt h2 b{ font-size:0.5rem ;}
    .part4 .p4-txt h2 span{ font-size: 0.2rem; line-height: 0.22rem; color:#ffea00; display:block;margin-bottom: 0.2rem; }
    .part4 .p4-txt p{ font-size: 0.2rem; line-height: 0.3rem; position: relative; padding-left: 0.25rem;}
    .part4 .p4-txt p:before{ position: absolute; content: ''; width:0.1rem; height:0.1rem; background:#fff; border-radius: 50%; top: 0.12rem; left:0;}
    .part4 .p4-txt h3{ font-size: 0.2rem;margin:0.3rem 0 0.1rem; border:1px solid #fff; display:inline-block; padding:0.02rem 0.1rem;}
    .part4 .p4-txt h5{ font-size: 0.2rem; line-height:0.3rem ;}
.part4 .swiper11{ margin-top: 0.1rem!important;}
.part5 .title{ padding:20px 0.16rem 0;}
.part5 .p5-txt{font-size: 0.2rem;width:48%; line-height: 0.27rem; position: absolute; top: 69%; left:48%; color:#fff;}
    .part5 .p5-txt span{ font-size: 0.2rem;margin-bottom: 0.1rem; border:1px solid #fff; display:inline-block; padding:0.02rem 0.1rem;}
.part6{ background:#2f83d5; margin-top: 0.35rem; padding-bottom: 0.3rem;}
.part6 ul{ padding:0 0.18rem 0.2rem;}
.part6 ul li{ float: left;height:4.32rem; box-sizing: border-box; width:2.92rem; background:#fff;padding-top: 1.9rem; position: relative; margin-top: 0.95rem; margin-bottom: 0.1rem;}
.part6 ul li img{width:2.46rem;position: absolute; top: -0.8rem; left:0.2rem; border:0.05rem solid #3188de; border-radius: 50%;}
.part6 ul li h2{text-align: center; font-size: 0.32rem; color:#0b54a3; font-weight: bold;}
.part6 ul li p{ font-size: 0.18rem;color:#5e5e5e; line-height: 0.3rem; padding:0.1rem 0.12rem;}
.part6 ul li:not(:last-of-type){ margin-right: 0.09rem;}
.part8{ width:100%; height:6.16rem; background:url(../images/p8-bg.jpg) no-repeat; background-size: 100%;}
.part8 .p7-a{ padding:35px 0; box-sizing: border-box;}
.part8 .p7-a a{ float: left;font-size: 0.22rem; line-height: 0.26rem; color:#000000; width:1.86rem; height:1.86rem; border-radius: 50%; background:#fff; border:0.1rem solid #6bb4ff; padding-top: 0.6rem; box-sizing: border-box; margin:0 0.12rem 0.3rem;position: relative;}
.part8 .p7-a a:before{ position: absolute; left:50%; top: 0.3rem; content: ''; width:0.69rem; height:159px; background:url(../images/yw.png) no-repeat;background-size: 100%; margin-left: -0.35rem;animation: bounce 2s infinite; 
    -webkit-animation: bounce 2s infinite; }
.part8 .p7-a a p{ position: relative;}
.part8 .p7-a a.yanc:before{ animation-delay: 0.3s;}

.videoBox{width: 100%;height: 100%;background-color:rgba(0,0,0,0.6);position: fixed;left: 50%;top: 50%;z-index: 999;display: none;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.wrap .bfan{ position: absolute; top: 50%;width:1.22rem; margin-top: -0.52rem; left:50%; margin-left: -0.52rem; z-index: 1; cursor: pointer;}
.wrap .bfan img{animation: pulse 3s infinite;
    -webkit-animation: pulse 3s infinite;}
.videoBox.show{display: block;}
.videoBox .videoPlay{width:6.4rem;position: absolute;left: 50%;top: 50%;z-index: 999;background-color: #000;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
.videoBox .close{position: absolute;right: 20px;top: 20px;cursor: pointer;}
.grad {
  background: -webkit-linear-gradient(left, #c1a67d , #faedc7); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #c1a67d , #faedc7); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #c1a67d , #faedc7); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #c1a67d , #faedc7); /* 标准的语法 */
}
.grad2 {
  background: -webkit-linear-gradient(left, #273478 , #4f69c9); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #273478 , #4f69c9); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #273478 , #4f69c9); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #273478 , #4f69c9); /* 标准的语法 */
}



@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-3px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-6px,0)}90%{transform:translate3d(0,-2px,0)}}