@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td, figcaption {
  margin: 0;
  padding: 0
}

h1, h2, h3, h4, h5, h6, b, strong {
  font-size: 100%;
  font-weight: normal
}

li {
  list-style: none
}

em, i {
  font-style: normal
}

img {
  border: none
}

input, textarea, button, select {
  outline: 0 none
}

table {
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  color: #333;
  text-align: center
}

textarea {
  resize: vertical
}

a {
  text-decoration: none;
  outline: 0 none;
  color: inherit
}

.clearfix:before, .clearfix:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0
}

.clearfix {
  zoom: 1
}

body {
  width: 100%;
  height: 100%;
  font-size: 0.12rem;
  min-width: 11rem !important;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  color: #444;
  background: #fff
}

#footer_bx {
  clear: both
}

.qgfx_box {
  margin-top: 0.1rem;
  margin-bottom: 0.2rem !important
}

a[title="站长统计"] {
  display: none
}

@media only screen and (min-width: 8rem) {
  .pc-hide {
    display: none
  }
}

.wrap {
  position: relative;
  width: 11rem;
  margin: 0 auto;
  font-size: 0;
  text-align: center
}

.section {
  display: inline-block;
  width: 100%
}

.cot {
  display: inline-block;
  width: 100%
}

.stP {
  font-size: .24rem;
  color: #999;
  margin-bottom: .04rem
}

.secTit h2 img {
  height: 1.08rem
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 10rem white inset
}

.banner-box {
  position: relative;
  height: 11.22rem;
  overflow: hidden;
  width: 100%;
  text-align: center;
  background: url(../images/banner.jpg) no-repeat center top;
  background-size: 100% 100%
}

.banner-box .wrap {
  height: auto
}

.banner-box .logo {
  width: 1.7rem;
  position: absolute;
  left: 0;
  top: 1rem;
  cursor: pointer;
  display: block
}

.banner-box .logo img {
  width: 100%;
  max-width: 4.11rem
}

.banner-box .bsp {
  display: inline-block;
  width: 3.27rem;
  line-height: .66rem;
  font-size: .3rem;
  font-weight: bold;
  color: #fff;
  border-radius: .5rem;
  position: absolute;
  left: 2.25rem;
  top: .88rem;
  background: #125eef;
  background: -webkit-linear-gradient(left, #125eef, #0581ff);
  background: -o-linear-gradient(right, #125eef, #0581ff);
  background: -moz-linear-gradient(right, #125eef, #0581ff);
  background: linear-gradient(to right, #125eef, #0581ff)
}

.banner-box .bsp label {
  display: inline-block;
  width: .01rem;
  height: .24rem;
  background: #31a4ff;
  margin: 0 .12rem
}

.banImg {
  display: inline-block;
  width: 100%
}

.banImg > div {
  display: inline-block;
  width: 1.9rem;
  position: absolute;
  left: 0
}

.bIimg > p {
  display: inline-block
}

.bIimg .p1 {
  width: 100%
}

.bIimg .p1 img {
  width: 100%
}

.bIimg .p2 {
  width: 1.33rem;
  height: .83rem;
  line-height: .83rem;
  background: url(../images/banimg5.png) no-repeat center top;
  background-size: 100% 100%;
  font-size: .32rem;
  color: #fff;
  padding-left: .24rem;
  text-align: left;
  margin-left: 0.7rem;
  margin-top: .2rem
}

.bIimg2 .p2 {
  background: url(../images/banimg6.png) no-repeat center top;
  background-size: 100% 100%
}

.banImg .bIimg1 {
  top: 2.6rem
}

.banImg .bIimg2 {
  left: 2.85rem;
  top: 3.55rem
}

.banImg .bIimg3 {
  left: .92rem;
  top: 5.92rem
}

.banImg .bIimg4 {
  left: 3.98rem;
  top: 6.82rem
}


/*侧边悬停*/
.lfNav {
  position: fixed;
  width: 169px;
  display: block;
  top: 18%;
  left: 20px;
  z-index: 200;
}

.lfNav .fixedNavBg {
  display: block;
  width: 100%;
}

.lfNav .close {
  position: absolute;
  top: 0;
  right: -20px;
  height: 30px;
  line-height: 30px;
  font-size:36px;
  width: 30px;
  color:#0838bf;
  font-weight: lighter;
  border-radius: 50px;
  text-align: center;
  border: 1px solid #0838bf;
  transition: all linear .2s;
}
.lfNav .close:hover{
 transform: scale(1.05) rotate(90deg);
}

.lfNav_mid {
  width: 170px;
  margin: -20px auto 0;
  padding:20px 0 40px;
  border-radius: 20px;
  background: -webkit-linear-gradient(top, #1892fc, #064bce);
  background: -o-linear-gradient(bottom, #1892fc, #064bce);
  background: -moz-linear-gradient(bottom, #1892fc, #064bce);
  background: linear-gradient(to bottom, #1892fc, #064bce)
}


.lfNav .lfNav_mid a {
  width: 147px;
  height: 48px;
  display: block;
  margin: 0 auto;
  font: 22px/48px "微软雅黑";
  color: #fff;
  text-align: center;
  border-bottom: solid 1px #319fff
}

.lfNav .lfNav_mid a:hover {
  font-weight: bold;
}

.lfNav .left_top {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  line-height: 44px;
  text-align: center;
  color: #ffffff;
  margin: -22px auto 0;
  font-size: 18px;
  background: #0338a4;
  border-radius: 50px;
}
.lfNav .left_top img{margin-right: 15px}

.sec1 {
  margin-top: 1.08rem
}

.s1-main {
  position: relative;
  margin-top: .85rem
}

.s1-main > div {
  display: inline-block;
  float: left;
  width: 2.77rem;
  height: 3.07rem;
  border-radius: .2rem;
  margin-right: .48rem;
  margin-bottom: .88rem;
  cursor: pointer;
  transition: all .5s;
  position: relative;
  z-index: 111
}

.s1-main div:hover {
  transform: scale(2);
  box-shadow: 0 0 .24rem rgba(132, 132, 132, .4)
}

.s1-main .s1xq1 {
  border: .01rem solid #ffaba4;
  margin-right: 20%
}

.s1-main .s1xq2 {
  border: .01rem solid #8db7f0;
  float: right;
  margin-right: 0;
}

.s1-main .s1xq3 {
  border: .01rem solid #ffaa74;
  margin-left: .79rem
}

.s1-main .s1xq4 {
  border: .01rem solid #a5a1fb
}

.s1-main .s1xq5 {
  border: .01rem solid #e1bb9f
}

.s1xq .p1 {
  display: inline-block;
  width: 2.56rem;
  height: 1.72rem;
  margin-top: -0.34rem;
  float: left;
  margin-left: -.05rem
}

.s1xq .p1 > span {
  display: inline-block;
  font-size: .34rem;
  font-weight: bold;
  color: #fff;
  text-align: left;
  width: 54%;
  margin: .3rem 22% 0
}

.s1xq1 .p1 {
  background: url(../images/s2ximg1.png) no-repeat center top;
  background-size: 100% 100%
}

.s1xq2 .p1 {
  background: url(../images/s2ximg2.png) no-repeat center top;
  background-size: 100% 100%
}

.s1xq3 .p1 {
  background: url(../images/s2ximg3.png) no-repeat center top;
  background-size: 100% 100%
}

.s1xq4 .p1 {
  background: url(../images/s2ximg4.png) no-repeat center top;
  background-size: 100% 100%
}

.s1xq5 .p1 {
  background: url(../images/s2ximg5.png) no-repeat center top;
  background-size: 100% 100%
}

.s1xq .p2 > span {
  display: inline-block;
  width: 78%;
  margin: 0 11%;
  font-size: .19rem;
  color: #333;
  text-align: left;
  line-height: .28rem
}

.s1Bg {
  display: inline-block;
  width: 7.15rem;
  height: 5.32rem;
  background: url(../images/s1img1.png) no-repeat center top;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  transform: translate(-50%, 0);
  left: 49%;
  top: -1.62rem
}

.s1Bg > p {
  font-size: .56rem;
  color: #085cdd;
  font-weight: bold;
  margin-top: 2rem;
  width: 90%;
  margin-left: 9%
}

.sec2 {
  margin-top: .28rem
}

.s2-main {
  height: 9.91rem;
  background: url(../images/s2Bg.jpg) no-repeat center top;
  background-size: 100% 100%;
  margin-top: .62rem
}

.s2nr {
  display: inline-block;
  width: 100%;
  position: relative;
  margin-top: 1.3rem
}

.s2T > p {
  font-size: .34rem;
  font-weight: bold;
  color: #cef3fb;
  line-height: .61rem;
  width: 2.34rem;
  margin-left: .42rem;
  margin-top: .21rem;
  text-align: left;
  padding-left: .2rem;
  background: rgba(5, 115, 255, 1);
  background: -webkit-linear-gradient(left, rgba(5, 115, 255, 1), rgba(5, 115, 255, 0));
  background: -o-linear-gradient(right, rgba(5, 115, 255, 1), rgba(5, 115, 255, 0));
  background: -moz-linear-gradient(right, rgba(5, 115, 255, 1), rgba(5, 115, 255, 0));
  background: linear-gradient(to right, rgba(5, 115, 255, 1), rgba(5, 115, 255, 0))
}

.s2nr > div {
  display: inline-block;
  float: left;
  width: 3.01rem;
  height: 2.99rem;
  background: url(../images/s2img1.png) no-repeat center top;
  background-size: 100% 100%;
  margin-right: .5rem;
  margin-bottom: 1.2rem;
  transition: all .5s;
  cursor: pointer
}

.s2nr > div:hover {
  transform: scale(1.05)
}

.s2Z > p {
  font-size: .18rem;
  color: #fff;
  text-align: left;
  width: 72%;
  margin-left: 14%;
  line-height: .3rem
}

.s2nr .s2xq1 {
  margin-left: .47rem
}

.s2xq > div {
  display: inline-block;
  width: 100%
}

.s2Z {
  margin-top: .18rem;
  min-height: 1.15rem;
  margin-bottom: .15rem
}

.s2xq .s2B {
  width: auto
}

.s2xq1 .s2B {
  float: right;
  margin-right: .55rem
}

.s2xq3 .s2B {
  float: left;
  margin-left: .55rem
}

.s2nr .s2xq5 {
  float: right;
  margin-right: 0
}

.s2Zx {
  display: inline-block;
  width: 40%;
  position: absolute;
  transform: translate(-50%, 0);
  left: 50%;
  bottom: .7rem
}

.s2Zx .p1 {
  font-size: .6rem;
  font-weight: bold;
  color: #caf6ff;
  text-align: center;
  text-shadow: 0 0 .18rem rgba(0, 1015, 226, .58);
  animation: bx 3s infinite ease-in-out alternate
}

.s2Zx .p2 {
  font-size: .22rem;
  font-weight: bold;
  color: #fff;
  width: 80%;
  margin: .8rem 10% 0;
  line-height: .35rem
}

.sec3 {
  height: 10.49rem;
  background: url(../images/s3Bg.jpg) no-repeat center top;
  background-size: 100% 100%
}

.s3jqj {
  display: inline-block;
  width: 100%;
  position: relative;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem
}

.s3jqj img {
  margin-top: .4rem
}

.hxImg {
  position: absolute;
  left: 2rem;
  top: -.35rem
}

.s3-main {
  display: block;
  width: 11rem;
  margin: 0 auto;
  height: 5.5rem;
  background: url(../images/s3img1.png) no-repeat center bottom;
  background-size: auto 3.5rem;
  position: relative
}

.s3-main > div {
  position: absolute;
  width: auto;
  display: inline-block
}

.s3-main .s3xq1 {
  left: 0.8rem;
  bottom: 0.7rem
}

.s3-main .s3xq2 {
  left: 1.2rem;
  bottom: 2.2rem
}

.s3-main .s3xq3 {
  left: 3.2rem;
  top: 1.5rem
}

.s3-main .s3xq4 {
  right: 3.8rem;
  top: 1.1rem;
}

.s3-main .s3xq5 {
  right: 0.9rem;
  top: 2rem;
}

.s3-main .s3xq6 {
  right: 0.7rem;
  bottom: 0.6rem;
}

.s3xq > p {
  display: block;
  width: auto
}

.s3xq > p .sp1 {
  font-size: .2rem;
  color: #0db6f0
}

.s3xq > p .sp2 {
  font-size: .32rem;
  color: #1051d0;
  font-weight: bold
}

.s3xq .p1 {
  text-align: right;
  margin-bottom: .07rem
}

.s3xq .p2 {
  font-size: .21rem;
  color: #333;
  text-align: right
}

.s3xq .zlft {
  text-align: left
}

.s3xq5 .p1 {
  text-align: left
}

.s3xq6 .p1 {
  text-align: left
}

.sec4 {
  margin-top: .98rem
}

.s4-main {
  margin-top: .4rem
}

.s4-main > div {
  display: inline-block;
  float: left
}

.s4L {
  width: 5.3rem;
  height: 3rem;
  background: #eeeeee;
  border-radius: .2rem;
  margin-right: .45rem;
  padding: .12rem
}

.s4R {
  width: 5rem
}

.s4R ul li .video-a {
  display: inline-block;
  width: 100%
}

.s4R ul li a {
  display: inline-block;
  width: 99%;
  font-size: .2rem;
  color: #333;
  line-height: 0.48rem;
  display: block;
  border: .01rem solid #86bfff;
  border-radius: .08rem;
  text-align: left;
  margin-bottom: .14rem
}

.s4R ul li a > span {
  display: inline-block;
  float: left
}

.s4R ul li a .sp1 {
  width: .24rem;
  margin-left: .18rem;
  margin-right: .1rem
}

.s4R ul li a .sp1 img {
  width: 100%;
  margin-top: 0.12rem;
  display: inline-block
}

.s4R ul li a .sp2 {
  font-weight: bold;
  color: #1051d0
}

.s4R ul li .cur {
  color: #fff;
  background: #064ace;
  background: -webkit-linear-gradient(left, #064ace, #0aa0e7);
  background: -o-linear-gradient(right, #064ace, #0aa0e7);
  background: -moz-linear-gradient(right, #064ace, #0aa0e7);
  background: linear-gradient(to right, #064ace, #0aa0e7);
  box-shadow: .05rem 0 .12rem rgba(154, 205, 255, 1)
}

.s4R ul li .cur .sp2 {
  color: #fff
}

.s4gg {
  display: inline-block;
  width: 100%;
  height: 2.19rem;
  background: url(../images/s4Bg.jpg) no-repeat center top;
  background-size: 100% 100%;
  margin-top: .5rem
}

.s4gg .wrap > span {
  display: inline-block;
  float: left;
  font-size: .42rem;
  font-weight: bold;
  color: #fff;
  margin-top: .55rem
}

.s4gg .sp1 {
  width: 40%;
  margin-left: 2.5%
}

.s4gg .sp2 {
  width: 27%
}

.s4gg .sp3 {
  width: 27%
}

.sec5 {
  height: 5.85rem;
  background: url(../images/s5Bg.jpg) no-repeat center bottom;
  background-size: 100% 100%;
  margin-top: 1rem
}

.s5-main {
  margin-top: .5rem
}
.s5-main img{
  width: 100%;
}

.sec6 {
  background: url(../images/s6Bg.jpg) no-repeat center top;
  background-size: 100% 15.65rem;
  padding-bottom: .8rem
}

.s6jqj {
  margin-top: 1.05rem;
  margin-bottom: 1rem
}

.s6-title .stP {
  color: #53e1ff;
  margin-bottom: 0
}

.s6-main > div {
  display: inline-block;
  float: left;
  width: 100%
}

.s6T > div {
  display: inline-block;
  float: left;
  width: 3.16rem;
  margin-right: .05rem
}

.s6T > div:last-child {
  margin-right: 0
}

.s6T > div > img {
  width: 100%
}

.s6-main .s6T {
  width: 88%;
  margin: .34rem 6% .4rem
}

.s6-main .s6B {
  position: relative
}

.s6nr .p2 {
  font-size: .22rem;
  color: #fff;
  line-height: .3rem;
  position: relative;
  z-index: 1
}

.s6nr > p {
  display: inline-block;
  float: left
}

.s6nr .p1 {
  width: 2.25rem;
  position: absolute;
  left: 0;
  top: .45rem;
  z-index: 2
}

.s6nr .p1 img {
  width: 100%
}

.s6nr .p2 {
  width: 9.6rem;
  height: 1.7rem;
  border-radius: .2rem;
  float: right;
  background: #0044e4;
  background: -webkit-linear-gradient(left, #156fff, #0044e4);
  background: -o-linear-gradient(right, #156fff, #0044e4);
  background: -moz-linear-gradient(right, #156fff, #0044e4);
  background: linear-gradient(to right, #156fff, #0044e4)
}

.s6nr .p2 > span {
  display: inline-block;
  width: 74%;
  text-align: left;
  margin-left: 13%;
  line-height: .35rem;
  margin-top: .3rem;
  float: left
}

.s6U {
  display: inline-block;
  width: 94%;
  margin: 0 3% .66rem
}

.s6U li {
  font-size: .3rem;
  color: #cbdfff;
  line-height: .8rem;
  background: #0044e5;
  border-radius: .12rem;
  padding: 0 .42rem;
  display: inline-block;
  float: left;
  margin-right: .22rem;
  cursor: pointer
}

.s6U li:last-child {
  margin-right: 0
}

.s6U li.cur {
  color: #0b4ddb;
  font-weight: bold;
  background: #6ecfff;
  background: -webkit-linear-gradient(top, #fff, #6ecfff);
  background: -o-linear-gradient(bottom, #fff, #6ecfff);
  background: -moz-linear-gradient(bottom, #fff, #6ecfff);
  background: linear-gradient(to bottom, #fff, #6ecfff);
  box-shadow: .05rem 0 .12rem rgba(154, 205, 255, 1)
}

.s6zp .s6zpnr {
  display: none
}

.s6zp .cur {
  display: inline-block
}

.s6zpnr > div .stP {
  color: #53e1ff
}
.s6zp .swiper{
  display: flex;
  justify-content: center;
  align-items: center;
}
.s6zp .swiper img{
  width: 33%;
  margin-top: .4rem;
}


.sec7 {
  margin-top: 1.1rem
}

.s7-main {
  margin-top: .46rem
}

.s7-main > div {
  display: inline-block;
  float: left
}

.s7L {
  width: 3.25rem;
  margin-right: .72rem
}

.s7L > div {
  width: 100%;
  height: 1.9rem;
  border-radius: .08rem;
  margin-bottom: .3rem;
  display: inline-block;
  float: left;
  background: #0c65ea;
  background: -webkit-linear-gradient(left, #0c65ea, #2670ec);
  background: -o-linear-gradient(right, #0c65ea, #2670ec);
  background: -moz-linear-gradient(right, #0c65ea, #2670ec);
  background: linear-gradient(to right, #0c65ea, #2670ec)
}

.s7Lxq > p {
  text-align: left;
  width: 76%;
  margin-left: 10%
}

.s7Lxq .p1 {
  font-size: .26rem;
  color: #fff;
  font-weight: bold;
  margin-top: 0.12rem;
  margin-bottom: 0.08rem;
  position: relative
}

.s7Lxq .p1 img {
  position: absolute;
  left: -0.55rem;
  top: -0.02rem
}

.s7Lxq .p2 {
  font-size: .21rem;
  color: #fff;
  line-height: .32rem
}

.s7rT {
  width: 2.75rem;
  height: .47rem;
  line-height: .47rem;
  font-size: .24rem;
  font-weight: bold;
  color: #fff;
  background: #1b65ed;
  margin: .2rem auto .58rem
}

.sec8 {
  margin-top: .62rem
}

.sec8 .wrap1 {
  width: 13rem
}

.s8-main {
  text-align: center;
  width: 13rem
}

.s8-main .slideBox {
  width: 100%;
  clear: both;
  float: left;
  height: auto
}

.s8-main .slideBox .bd {
  position: relative;
  height: auto;
  z-index: 0;
  overflow: hidden
}

.s8-main .slideBox .bd ul {
  display: inline-block;
  width: 100% !important
}

.s8-main .slideBox .bd li {
  width: 100% !important;
  height: auto;
  zoom: 1;
  vertical-align: middle;
  padding-top: .32rem
}

.s8-main .slideBox .bd li img {
  box-shadow: .05rem 0 0.2rem rgba(0, 0, 0, .1);
  border-radius: .3rem;
  margin-bottom: .3rem
}

.s8-main .slideBox .hd {
  width: 100%;
  text-align: center;
  height: .15rem
}

.s8-main .slideBox .hd ul {
  display: inline-block;
  width: 100%;
  height: auto
}

.s8-main .slideBox .hd li {
  width: .15rem;
  height: .15rem;
  display: inline-block;
  margin: 0 .11rem;
  border-radius: .16rem;
  background: #aecdff
}

.s8-main .slideBox .hd li.on {
  width: .75rem;
  height: .15rem;
  margin: 0 .11rem;
  background-color: #095dde
}

.s8nr .p2 {
  margin-top: .5rem;
  height: 1.8rem;
  background: url(../images/s8img5.png) no-repeat right top;
  background-size: auto 100%
}

.s8nr .p2 > span {
  margin-left: 17%
}



.sec9 {
  margin-top: 1.1rem
}

.s9-main {
  margin-top: .52rem
}

.s9-main > div {
  display: inline-block;
  float: left
}

.s9-main .s9L {
  width: 6.38rem
}

.s9R {
  width: 4.2rem;
  height: 4.78rem;
  background: #1067ed;
  border-radius: .2rem;
  margin-left: .42rem;
  margin-top: 1.06rem
}

.s9rxq {
  width: 100%;
  height: 4.68rem;
  border-radius: .2rem;
  margin-bottom: .1rem;
  position: relative;
  background: #0051d4;
  background: -webkit-linear-gradient(top, #0051d4, #2888ff);
  background: -o-linear-gradient(bottom, #0051d4, #2888ff);
  background: -moz-linear-gradient(bottom, #0051d4, #2888ff);
  background: linear-gradient(to bottom, #0051d4, #2888ff)
}

.s9rxq > p {
  display: inline-block;
  width: 100%
}

.s9rxq .p1 {
  margin-top: -.9rem
}

.s9rxq .p2 {
  font-size: .22rem;
  color: #fff;
  width: 70%;
  margin: .45rem 15% 0;
  text-align: left;
  line-height: .35rem
}

.s9-title h2 img {
  height: 1.37rem
}



.s8B {
  display: inline-block;
  width: 100%
}

.sec10 {
  background: url(../images/s10Bg.jpg) no-repeat center bottom;
  background-size: auto 8.8rem;
  margin-top: 1.1rem;
  height: 10.18rem
}

.s10-main {
  margin-top: 1.08rem
}

.s10-main > div {
  display: inline-block;
  float: left;
  width: 2.37rem;
  height: 2.37rem;
  margin-right: .5rem
}

.s10-main .s10xq1 {
  background: url(../images/s10img1.png) no-repeat center top;
  background-size: 100% 100%;
  margin-top: 1.8rem
}

.s10-main .s10xq2 {
  background: url(../images/s10img2.png) no-repeat center top;
  background-size: 100% 100%;
  margin-top: 1.2rem
}

.s10-main .s10xq3 {
  background: url(../images/s10img3.png) no-repeat center top;
  background-size: 100% 100%;
  margin-top: .6rem
}

.s10-main .s10xq4 {
  background: url(../images/s10img4.png) no-repeat center top;
  background-size: 100% 100%;
  margin-right: 0
}

.s10xq .sp1 {
  font-size: .32rem;
  font-weight: bold;
  color: #fff;
  display: inline-block;
  width: 105%;
  margin-top: 1.2rem;
  margin-bottom: .82rem;
  min-height: .64rem
}

.s10xq4 .sp1 {
  margin-top: 1rem
}

.s10xq .p1 {
  font-size: .24rem;
  font-weight: bold;
  color: #fff;
  width: 1.6rem;
  height: .47rem;
  line-height: .47rem;
  border-radius: .5rem;
  margin: 0 auto .19rem;
  cursor: pointer;
  transition: transform .2s linear
}

.s10xq .p1:hover {
  transform: scale(1.05)
}

.s10xq1 .p1 {
  background: #ff6c1c
}

.s10xq2 .p1 {
  background: #1168e6
}

.s10xq3 .p1 {
  background: #fc5647
}

.s10xq4 .p1 {
  background: #625def
}

.s10xq .p2 {
  font-size: .17rem;
  color: #333;
  margin-bottom: .28rem;
  display: none
}

.sec11 {
  background: #004ce0;
  padding-top: 0.9rem
}

.sec11 .fangxiang {
  background: #013ed7;
  border-radius: 0.22rem;
  color: #ffffff;
  font-size: 0.2rem;
  text-align: center;
  line-height: 0.38rem;
  margin-top: 0.3rem;
  padding: 0.22rem 0
}

.sec11 .fangxiang h3 {
  font-size: 0.28rem
}

.sec11 .jianzhang {
  border-radius: 0.22rem;
  background: #0051d4;
  padding: 0.3rem 0;
  box-sizing: border-box;
  margin: 0.3rem auto 0.2rem;
  background: -webkit-linear-gradient(top, #0051d4, #2888ff);
  background: -o-linear-gradient(bottom, #0051d4, #2888ff);
  background: -moz-linear-gradient(bottom, #0051d4, #2888ff);
  background: linear-gradient(to bottom, #0051d4, #2888ff)
}

.sec11 .jz {
  width: 95%;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 0.22rem;
  padding: 0.3rem 0
}

.sec11 .jz table {
  width: 9.8rem
}

.sec11 thead {
  background: -webkit-linear-gradient(left, #227bff, #003dd6);
  background: -o-linear-gradient(right, #227bff, #003dd6);
  background: -moz-linear-gradient(right, #227bff, #003dd6);
  background: linear-gradient(to right, #227bff, #003dd6)
}

.sec11 .jz table th {
  line-height: 0.48rem;
  font-size: 0.2rem;
  color: #ffffff;
  font-weight: normal
}

.sec11 .jz table th:nth-of-type(1) {
  border-radius: 0.08rem 0 0 0.08rem;
  width: 8%
}

.sec11 .jz table th:nth-of-type(2) {
  width: 13%
}

.sec11 .jz table th:nth-of-type(3) {
  width: 19%
}

.sec11 .jz table th:nth-of-type(4) {
  width: 42%
}

.sec11 .jz table th:nth-last-of-type(1) {
  border-radius: 0 0.08rem 0.08rem 0
}

.sec11 .jz td {
  color: #000000;
  font-size: 0.16rem;
  border: 0.01rem solid #b1d0ff;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  line-height: 0.26rem
}

.sec11 .fwbiao {
  width: 4%;
  padding: 0 0.04rem;
  font-weight: bold
}

.sec11 .fuwu {
  padding-left: 0.1rem;
  text-align: left
}

.sec11 .jz table td b {
  font-weight: bold
}

.sec11 .jz table td span {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #0a63f4;
  font-weight: bold;
  font-size: 0.22rem;
  padding: 0 0.2rem
}

.sec11 .jz table a {
  display: none;
  width: 1.1rem;
  height: 0.36rem;
  font-size: 0.16rem;
  color: #fff;
  text-align: center;
  line-height: 0.36rem;
  background-color: #0a63f4;
  border-radius: 0.18rem;
  margin: 0.2rem auto 0;
}

.sec11 .tips {
  font-size: .14rem;
  color: #ffffff;
  text-align: right;
  margin: .1rem 0 .7rem;
}

.sec12 {
  margin-top: 1rem
}

.s12-main {
  margin-top: .25rem
}

.s12-main > div {
  display: inline-block;
  width: 3.43rem;
  height: 3.16rem;
  border-radius: .2rem;
  box-shadow: .05rem 0 .2rem rgba(0, 0, 0, .1);
  margin-right: .35rem;
  float: left
}

.s12-main > div:last-child {
  margin-right: 0
}

.s12xq > div {
  display: inline-block;
  width: 100%
}

.s12T {
  margin-top: .16rem
}

.s12X p {
  font-size: .22rem;
  color: #444;
  margin-top: .18rem
}

.s12X p span {
  font-weight: bold;
  color: #0a63f4
}

.sec13 {
  margin-top: 1rem
}

.s13-main {
  height: 3.62rem;
  background: #f7f7f7;
  margin-top: .25rem;
  padding-top: .48rem
}

.s13-main .wrap .s13xq {
  display: inline-block;
  float: left;
  width: 1.58rem;
  margin-right: .3rem;
  margin-bottom: .3rem
}

.s13-main .wrap .s13xq:nth-of-type(6n) {
  margin-right: 0
}

.sec14 {
  margin-top: 1rem
}

.s14-main {
  background: linear-gradient(to right, #e8f0fc, #ffffff);
  border-radius: .2rem;
  padding: .54rem .42rem;
  position: relative;
  margin-top: .5rem
}

.sideMenu {
  height: auto;
  background: #ffffff;
  border-radius: .2rem;
  padding: .56rem .72rem;
  text-align: left
}

.sideMenu h3 {
  margin-bottom: 0.2rem;
  cursor: pointer;
  position: relative
}

.sideMenu h3 i {
  width: 0.31rem;
  height: 0.31rem;
  line-height: 0.25rem;
  text-align: left;
  padding-left: 0.04rem;
  background: url(../images/s8_nbg.png) no-repeat top / 100%;
  font-size: .16rem;
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  margin-right: 0.12rem
}

.sideMenu h3.on i {
  background: url(../images/s8_nbg_h.png) no-repeat top / 100%
}

.sideMenu h3 span {
  width: 2.77rem;
  height: 0.38rem;
  line-height: 0.38rem;
  font-size: .24rem;
  color: #9abbf2;
  font-weight: 600;
  background: #fff;
  border: 0.01rem solid #d8e6fd;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  padding-left: 0.16rem;
  position: relative
}

.sideMenu h3 span::after {
  content: '';
  width: 0.2rem;
  height: 0.15rem;
  background: url(../images/s8_jt.png) no-repeat top / 100%;
  display: inline-block;
  position: absolute;
  right: 0.15rem;
  top: 0.1rem
}

.sideMenu h3.on span::after {
  background: url(../images/s8_jt_h.png) no-repeat top / 100%
}

.sideMenu h3.on span {
  background: #124cb0;
  color: #fff
}

.sideMenu p {
  max-width: 5.6rem;
  font-size: .18rem;
  color: #494949;
  line-height: 0.28rem;
  text-align: left;
  border-bottom: 0.01rem dashed #7297d5;
  margin-left: 0.44rem;
  margin-bottom: 0.3rem;
  padding-bottom: 0.1rem
}

.s14-main img {
  position: absolute;
  right: -1.8rem;
  bottom: .1rem
}

@keyframes bx {
  0% {
    transform: translateY(0.3rem)
  }
  100% {
    transform: translateY(0rem)
  }
}

@keyframes animtran {
  from {
    transform: rotateZ(0deg)
  }
  to {
    transform: rotateZ(360deg)
  }
}

@keyframes animtrans {
  from {
    transform: rotateZ(360deg)
  }
  to {
    transform: rotateZ(0deg)
  }
}

@-webkit-keyframes animtran {
  from {
    transform: rotateZ(0deg)
  }
  to {
    transform: rotateZ(360deg)
  }
}

@-webkit-keyframes animtrans {
  from {
    transform: rotateZ(360deg)
  }
  to {
    transform: rotateZ(0deg)
  }
}

@keyframes zhuan {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(360deg)
  }
}

.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(0.01rem) translateZ(0);
  transform: perspective(0.01rem) translateZ(0);
  box-shadow: 0 0 0.01rem rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform
}

.hvr-grow-shadow:hover, .hvr-grow-shadow:active {
  box-shadow: 0 0.15rem 0.15rem -0.1rem rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}