@charset "UTF-8";
/*-----default model-----*/
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;
  width: 100%;
  clear: both;
}

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

#footer_bx {
  clear: both;
}


.m-show, .m-ib {
  display: none !important;
}

.qgfx_box {
  margin-top: .1rem;
  margin-bottom: .2rem !important;
}

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

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

@media screen and (min-width: 8rem) and (max-width: 14.4rem) {
  body {
    zoom: 0.8
  }
}

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

/* body{
	cursor: url(https://files.cnblogs.com/files/monster-jian/cursor.ico),auto;
} */
/* 输入框填充背景 */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 10rem white inset;
}

/* 输入框填充透明 */
/* input:-internal-autofill-previewed,
input:-internal-autofill-selected {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-out 0.5s;
} */
.asideLeft {
  position: fixed;
  top: 50%;
  left: 0;
  z-index: 35;
  transform: translateY(-50%);
  width: 224px;
  height: 566px;
  background: url("../images/asideLeft.png") center center no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  padding-top: 134px;
}


.asideLeft .closeaside {
  position: absolute;
  bottom: -24px;
  left: 44%;
  cursor: pointer;
  width: 30px;
  transition: all .3s;
}

.asideLeft .closeaside:hover {
  transform: scale(1.1);
}

.asideLeft .asidemain {
  width: 140px;
  margin: 0 auto;
}

.asideLeft li {
  text-align: center
}


.asideLeft a {
  display: block;
  font-size: 18px;
  line-height: 46px;
  color: #ffffff;
  margin: 0 auto;
  width: 70%;
  border-bottom: 1px dashed #ffffff
}

.asideLeft a:hover {
  color: #f9eda9;
  font-weight: bold
}

.asideLeft .asidetop {
  text-align: center;
  display: block;
  color: #fff;
  cursor: pointer;
  font-size: 20px;
  padding-top: 14px;
}

.asideLeft .asidetop:hover {
  color: #f9eda9;
}
/*banner */
.banner-box {
  position: relative;
  height: 5rem;
  width: 100%;
  text-align: center;
  background: url('../images/banner.jpg') no-repeat center top;
  overflow: hidden;
}

.banner-box .wrap {
  height: auto;
}

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

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

.banTxt {
  width: 100%;
  clear: both;
  float: left;
  margin-top: .56rem;
}

.banTxt h5 {
  width: 4.24rem;
  height: .88rem;
  display: inline-block;
  font-size: .48rem;
  line-height: .88rem;
  color: #fff;
  background: url('../images/ban-img04.png') no-repeat center / 100%;
  border-radius: .35rem;
  margin-bottom: .38rem;
}

.banTxt > img {
  display: inline-block;
  width: 11.88rem;
  margin: auto;
}

.banTxt .sub {
  width: 100%;
  margin-top: .43rem;
  clear: both;
  display: flex;
  justify-content: center;
  align-items: center;
}

.banTxt .sub img {
  width: 3.5rem;
  display: inline-block;
  margin: 0 .36rem;
}

.banTxt ul {
  width: 100%;
  clear: both;
  float: left;
  margin: .42rem auto 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.banTxt ul li {
  font-size: .3rem;
  color: #fff;
  display: inline-block;
  margin: 0 .47rem;
  line-height: .3rem;
}

.banTxt ul li::before {
  content: '';
  width: .29rem;
  height: .3rem;
  display: block;
  float: left;
  background: url('../images/ban-icon01.png') no-repeat center / 100%;
  vertical-align: top;
  margin-right: .1rem;
}

.sections {
  width: 100%;
  clear: both;
  float: left;
}

.secTit {
  clear: both;
  width: 100%;
  float: left;
  margin-top: .69rem;
}

.secTit h2 {
  font-size: .42rem;
  font-weight: bold;
  color: #0b5bff;
  line-height: .82rem;
  width: 100%;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
}

.secTit h2::before {
  content: '';
  width: 2.81rem;
  height: .82rem;
  display: inline-block;
  background: url('../images/title-icon02.png') no-repeat center bottom / 100%;
  margin-right: -2.51rem;
}

.secTit h2::after {
  content: '';
  width: 1.91rem;
  height: .82rem;
  display: inline-block;
  background: url('../images/title-icon01.png') no-repeat center top / 100%;
  margin-left: -1.64rem;
}

.secTit.type2 h2::before {
  content: '';
  width: 2.81rem;
  height: .82rem;
  display: inline-block;
  background: url('../images/title-icon04.png') no-repeat center bottom / 100%;
  margin-right: -2.51rem;
}

.secTit.type2 h2::after {
  content: '';
  width: 1.92rem;
  height: .82rem;
  display: inline-block;
  background: url('../images/title-icon03.png') no-repeat center top / 100%;
  margin-left: -1.64rem;
}

.secTit.type2 h2 {
  color: #fff;
}

.secTit h2 span {
  color: #ff9a00;
}

/*section1*/
.s1-main {
  width: 100%;
  clear: both;
  float: left;
  margin-top: .4rem;
  margin-bottom: .21rem;
}

/* section02 */
.s2-main {
  width: 100%;
  margin-top: .3rem;
  margin-bottom: .42rem;
  float: left;
}

.s2-txt {
  width: 100%;
  clear: both;
  float: left;
  border: dashed .01rem #b9caff;
  /* border-bottom: dashed .01rem #b9caff; */
  box-sizing: border-box;
  padding: .23rem 0;
}

.s2-txt p {
  font-size: .18rem;
  line-height: .28rem;
  color: #221815;
  text-align: left;
  width: 11rem;
  margin-left: .5rem;
}

.s2-txt p i {
  color: #f3292a;
}

.s2-txt::before {
  content: '';
  width: .5rem;
  height: .58rem;
  display: block;
  background: #fff url('../images/s2-icon01.png') no-repeat center / .4rem;
  float: left;
  margin-left: -.01rem;
  margin-top: -.24rem;
}

.s2-line {
  width: 100%;
  height: 4.36rem;
  display: block;
  float: left;
  margin-top: .36rem;
  background: url('../images/s2-line.png') no-repeat center / 100%;
  position: relative;
}

.s2-line .item {
  display: block;
}

.s2-line .item h5 {
  font-size: .24rem;
  line-height: .36rem;
  font-weight: bold;
}

.s2-line .item.type01 h5 {
  color: #0b5bff;
}

.s2-line .item.type02 h5 {
  color: #ff9a00;
}

.s2-line .item::before {
  content: '';
  width: .26rem;
  height: .3rem;
  display: inline-block;
}

.s2-line .item.type01::before {
  background: url('../images/s2-icon02.png') no-repeat center / 100%;
}

.s2-line .item.type02::before {
  background: url('../images/s2-icon03.png') no-repeat center / 100%;
}

.s2-line .item p {
  font-size: .18rem;
  line-height: .28rem;
  color: #3e3a39;
}

@media only screen and (min-width: 800px) {
  .s2-line .item {
    position: absolute;
  }

  .s2-line .item1 {
    top: -.14rem;
    left: 1.45rem;
  }

  .s2-line .item2 {
    top: -.14rem;
    left: 5.56rem;
  }

  .s2-line .item3 {
    top: -.14rem;
    right: 1.75rem;
  }

  .s2-line .item4 {
    top: 1.24rem;
    right: 1.3rem;
  }

  .s2-line .item5 {
    top: 1.24rem;
    left: 5.56rem;
  }

  .s2-line .item6 {
    top: 2.62rem;
    left: 3.3rem;
  }

  .s2-line .item7 {
    top: 2.62rem;
    right: 3.2rem;
  }
}

/* section03 */
.sec03 {
  height: 8rem;
  background: url('../images/s3-bg01.jpg') no-repeat center top / 19.2rem;
}

.s3-title {
  margin-top: .59rem;
}

.s3-main {
  width: 100%;
  clear: both;
  float: left;
  margin-top: .4rem;
}

.s3-main .myswiper {
  width: 9.2rem;
  margin-bottom: .28rem;
}

.s3-main .myswiper .swiper-slide {
  width: 5.34rem;
  height: 4.55rem;
  display: block;
  box-shadow: 0 .1rem .35rem rgba(20, 28, 129, .35);
}

.s3-main .myswiper .swiper-slide img {
  width: 100%;
  display: block;
}

.s3-main .name {
  width: auto;
  height: .44rem;
  display: inline-block;
  border: solid .01rem #fff;
  border-radius: .44rem;
}

.s3-main .name span {
  width: 1.7rem;
  height: .46rem;
  display: inline-block;
  float: left;
  background: #fc780e;
  background: linear-gradient(#fc780e, #fadb32);
  font-size: .24rem;
  line-height: .46rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin-left: -.01rem;
  margin-top: -.01rem;
  border-radius: .46rem;
}

.s3-main .name em {
  font-size: .2rem;
  line-height: .44rem;
  float: left;
  margin-left: .16rem;
  margin-right: .28rem;
  color: #fff;
}

.s3-main .url {
  font-size: .18rem;
  line-height: .28rem;
  color: #fff;
  width: 100%;
  float: left;
  margin-top: .1rem;
}

/* section04 */
.s4-title {
  margin-top: .65rem;
}

.s4-main {
  width: 100%;
  clear: both;
  float: left;
  margin-top: .4rem;
}

.s4-main ul {
  width: 100%;
  clear: both;
  float: left;
}

.s4-main ul li {
  clear: both;
  float: left;
  margin-bottom: .11rem;
}

.s4-main ul li .tower {
  float: left;
  height: .86rem;
  width: 5.92rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.s4-main ul li.step3 {
  margin-top: -.12rem;
}

.s4-main ul li.step2 {
  margin-top: -.18rem;
}

.s4-main ul li.step1 {
  margin-top: -.17rem;
}

.s4-main ul li.step4 .tower {
  background: url('../images/s4-img04.png') no-repeat center / auto 100%;
  height: 1.67rem;
}

.s4-main ul li.step3 .tower {
  background: url('../images/s4-img03.png') no-repeat center / auto 100%;
  height: 1.35rem;
}

.s4-main ul li.step2 .tower {
  background: url('../images/s4-img02.png') no-repeat center / auto 100%;
  height: 1.31rem;
}

.s4-main ul li.step1 .tower {
  background: url('../images/s4-img01.png') no-repeat center / auto 100%;
  height: 1.25rem;
}

.s4-main ul li .tower h4 {
  font-size: .26rem;
  font-weight: bold;
  color: #fff;
  margin-top: .18rem;
}

.s4-main ul li .tower span {
  font-size: .18rem;
  color: #fff;
  width: 100%;
  clear: both;
  display: inline-block;
  margin-bottom: .1rem;
  margin-top: -0.34rem;
}

.s4-main ul li.step3 .tower span {
  margin-top: -0.42rem;
}

.s4-main ul li.step4 .tower h4 {
  margin-top: 1rem;
}

.s4-main ul li.step4 .tower span {
  margin-top: 0;
}

.s4-main ul li.step4 .txt {
  margin-left: -217px;
  margin-top: 60px;
  background: #d0f0ff;
  background: linear-gradient(to right, #d0f0ff00, #d0f0ff);
  border-right: .05rem solid #01aff7;
}

.s4-main ul li.step3 .txt {
  margin-left: -150px;
  margin-top: 19px;
  background: #c9defa;
  background: linear-gradient(to right, #d0f0ff00, #c9defa);
  border-right: .05rem solid #2878fd;
}

.s4-main ul li.step2 .txt {
  margin-left: -88px;
  margin-top: 15px;
  background: #d6dfff;
  background: linear-gradient(to right, #d0f0ff00, #d6dfff);
  border-right: .05rem solid #405bff;
}

.s4-main ul li.step1 .txt {
  margin-left: -25px;
  margin-top: 12px;
  background: #dddeff;
  background: linear-gradient(to right, #d0f0ff00, #dddeff);
  border-right: .05rem solid #5c55ff;
}

.s4-main ul li .txt {
  float: left;
  width: 6.3rem;
  height: 1.06rem;
  box-sizing: border-box;
  padding-left: 0.66rem;
}

.s4-main ul li .txt i {
  font-size: .4rem;
  color: #0b5bff;
  line-height: 1.03rem;
  font-weight: bold;
  float: left;
}

.s4-main ul li .txt p {
  font-size: .18rem;
  line-height: .26rem;
  font-weight: 600;
  text-align: left;
  width: 4.7rem;
  float: left;
  margin-left: .13rem;
  margin-top: .28rem;
}


/* sec09 */
.sec09-tea {
  width: 100%;
  height: 3.4rem;
  float: left;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.sec09-tea01 {
  background: url(../images/s9_mbg01.png) no-repeat center / 100%;
}

.sec09-tea02 {
  background: url(../images/s9_mbg02.png) no-repeat center / 100%;
}

.sec09-tea div {
  width: 6.8rem;
  text-align: left;
}

.sec09-tea div h3 {
  font-size: .36rem;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0.3rem;
}

.sec09-tea div h3 span {
  font-size: .18rem;
  color: #72b3f8;
  padding-left: 0.05rem;
}

.sec09-tea div h3::after {
  content: '';
  width: 0.26rem;
  height: 0.02rem;
  background: #4cd0f9;
  display: block;
  margin-top: 0.05rem;
}

.sec09-tea div p {
  font-size: .18rem;
  color: #fff;
  line-height: 0.28rem;
  text-align: left;
  margin-bottom: 0.58rem;
}

.sec09-tea02 div p {
  margin-bottom: 0.48rem;
}

.sec09-tea02 div h3 span {
  color: #89a1fd;
}

.s9-main {
  float: left;
  width: 100%;
  margin-top: 0.4rem;
  margin-bottom: 0.64rem;
}

.sec09-tea01 div {
  margin-left: 0.48rem;
}

.sec09-tea02 div {
  margin-right: 0.48rem;
}

/* section05 */
.sec05 {
  background: #eefcff;
  height: 7rem;
}

.s5-main {
  width: 100%;
  clear: both;
  float: left;
  height: 4.51rem;
  margin-top: .33rem;
  background: url('../images/s5-img01.png') no-repeat center / 8rem;
  position: relative;
}

.s5-main .item {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: absolute;
}

@media only screen and (min-width: 800px) {
  .s5-main .item1 {
    left: .22rem;
    top: .76rem;
  }

  .s5-main .item2 {
    left: 4.75rem;
    top: .07rem;
  }

  .s5-main .item3 {
    right: .22rem;
    top: .75rem;
  }

  .s5-main .item4 {
    right: .1rem;
    bottom: .6rem;
  }

  .s5-main .item5 {
    right: 4.7rem;
    bottom: 0;
  }

  .s5-main .item6 {
    left: .22rem;
    bottom: .6rem;
  }
}

.s5-main .item span {
  width: .95rem;
  height: .95rem;
  display: inline-block;
  margin-right: .16rem;
  font-size: .3rem;
  line-height: .95rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: url('../images/s5-img02.png') no-repeat center / 100%;
}

.s5-main .item span.cur {
  background: url('../images/s5-img03.png') no-repeat center / 100%;
}

.s5-main .item.type02 span {
  margin-left: .16rem;
  margin-right: 0;
}

.s5-main .item p {
  font-size: .18rem;
  line-height: .26rem;
  text-align: left;
  color: #3e3a39;
}

/* section06 */
.s6-main {
  margin-top: .4rem;
  margin-bottom: .76rem;
  width: 4.78rem;
  float: left;
  height: 4.5rem;
  display: block;
  background: #245cf1;
  background: linear-gradient(to right, #245cf1, #50d1fb);
}

.s6-main .sub {
  float: left;
  margin-left: .6rem;
  width: 1.91rem;
  margin-top: .75rem;
}

.s6-main .sub span {
  font-size: .24rem;
  font-weight: bold;
  color: #fff;
  line-height: .44rem;
  padding: .25rem 0;
  border-bottom: dashed .01rem #fff;
  text-align: left;
  text-indent: .25rem;
  float: left;
  clear: both;
  width: 100%;
  cursor: pointer;
}

.s6-main .sub span:last-child {
  border-bottom: none;
}

.s6-main .sub span.cur {
  color: #ffef96;
  font-size: .3rem;
  text-indent: .12rem;
}

.s6-main .sub span.cur::after {
  content: '';
  width: .28rem;
  height: .44rem;
  display: inline-block;
  background: url(../images/s6-icon01.png) no-repeat center / 100%;
  vertical-align: top;
  margin-left: .2rem;
}

.s6-main .itembox {
  width: 9rem;
  height: 3.9rem;
  display: block;
  background: #fff;
  border-radius: .3rem 0 .3rem 0;
  box-shadow: 0 .1rem .35rem rgba(20, 28, 129, .35);
  float: right;
  margin-right: -7.22rem;
  margin-top: .3rem;
  overflow: hidden;
}

.s6-main .itembox .item {
  width: 100%;
  height: 100%;
  display: none;
}

.s6-main .itembox .item.show {
  display: block;
}

.s6-main .itembox .item .txt {
  float: left;
  margin-left: .67rem;
  padding-left: .35rem;
  margin-top: .7rem;
  background: url('../images/s6-icon02.png') no-repeat left top / .2rem;
  width: 2.5rem;
}

.s6-main .itembox .item .txt h4 {
  font-size: .3rem;
  font-weight: bold;
  color: #0b5bff;
  line-height: .44rem;
  float: left;
  margin-top: -.12rem;
}

.s6-main .itembox .item .txt p {
  font-size: .18rem;
  line-height: .28rem;
  text-align: left;
  float: left;
  clear: both;
}

.s6-main .itembox .item img {
  width: 2.8rem;
  float: left;
  margin-top: .55rem;
  margin-left: .5rem;
}

/* section07 */
.sec07 {
  background: #eefcff;
  padding-bottom: 0.7rem;
  height: 5.65rem;
}

.s7-title {
  margin-top: .64rem;
}

.s7-main {
  width: 100%;
  clear: both;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: .2rem;
  float: left;
}

.s7-main .item {
  display: inline-block;
  width: 5.96rem;
  display: flex;
  justify-content: center;
}

.s7-main .item img {
  width: 2.48rem;
  display: inline-block;
  float: left;
}

.s7-main .item .txt {
  float: left;
  margin-top: 1.1rem;
  margin-left: .28rem;
}

.s7-main .item .txt h4 {
  width: 1.5rem;
  height: .5rem;
  display: block;
  background: #235bf1;
  background: linear-gradient(to right, #235bf1, #50d0fb);
  border-radius: .4rem;
  font-size: .24rem;
  line-height: .5rem;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.s7-main .item .txt p {
  float: left;
  text-align: left;
  margin-top: .2rem;
  font-size: .18rem;
  line-height: .28rem;
  color: #221815;
}

.s7-main .zhu {
  width: 100%;
  clear: both;
  float: left;
  margin-top: .4rem;
  font-size: .18rem;
  color: #221815;
}

.s8-main {
  width: 100%;
  clear: both;
  float: left;
  margin-top: .36rem;
}

.s8-main .btnChange {
  float: right;
  margin-top: -.5rem;
  font-size: .18rem;
  line-height: .46rem;
  color: #1d47b8;
  border: solid .01rem #1d47b8;
  border-radius: .46rem;
  padding: 0 .2rem;
  cursor: pointer;
}

.s8-main .itembox {
  width: 100%;
  clear: both;
  float: left;
  margin-top: .2rem;
}

.s8-main .itembox .item {
  width: 6rem;
  float: left;
}
.s8-main .itembox .item b{
  font-weight: bold;
}

.s8-main .itembox .item .itemTit {
  color: #fff;
  width: 100%;
}

.s8-main .itembox .item .itemTit h3 {
  font-size: .3rem;
  font-weight: bold;
  line-height: .5rem;
  padding: .15rem 0;
}

/* .s6-main .itembox .item1 .itemTit{
	background: #9e622b;
	background: -webkit-linear-gradient(#9e622b,#eab780);
	background: -moz-linear-gradient(#9e622b,#eab780);
	background: -o-linear-gradient(#9e622b,#eab780);
	background: linear-gradient(#9e622b,#eab780);
	border-radius: .1rem 0 0 0;
} */
.s8-main .itembox .item1 .itemTit, .s8-main .itembox .item3 .itemTit {
  background: #245bf1;
  background: -webkit-linear-gradient(right, #245bf1, #50d0fb);
  background: -moz-linear-gradient(right, #245bf1, #50d0fb);
  background: -o-linear-gradient(right, #245bf1, #50d0fb);
  background: linear-gradient(to right, #245bf1, #50d0fb);
  border-radius: .1rem 0 0 0;
}

.s8-main .itembox .item2 .itemTit {
  background: #1f4efd;
  background: -webkit-linear-gradient(right, #1f4efd, #7693fd);
  background: -moz-linear-gradient(right, #1f4efd, #7693fd);
  background: -o-linear-gradient(right, #1f4efd, #7693fd);
  background: linear-gradient(to right, #1f4efd, #7693fd);
}

.s8-main .itembox .item3 .itemTit {
  background: #0a46cd;
  background: -webkit-linear-gradient(#0a46cd, #549aed);
  background: -moz-linear-gradient(#0a46cd, #549aed);
  background: -o-linear-gradient(#0a46cd, #549aed);
  background: linear-gradient(#0a46cd, #549aed);
  border-radius: 0 .1rem 0 0;
}

.s8-main .item .itemTit.fixed {
  position: fixed;
  top: 0;
  width: 5.99rem;
  z-index: 3;
}

.s8-main .item .part {
  width: 5.99rem;
  border-right: solid .01rem #b9caff;
  border-bottom: solid .01rem #b9caff;
  float: left;
}
.s8-main .item .part b{
  display: inline-block; vertical-align: top;
}
.s8-main .item .part span{
  display: inline-block;
}

.s8-main .item1 .part {
  width: 5.98rem;
  border-left: solid .01rem #b9caff;
}

.s8-main .item .part1 {
  height: 2.4rem;
}

.s8-main .item .part2 {
  height: 2.4rem;
}

.s8-main .item .part3 {
  height: 1.4rem;
}

.s8-main .item .part4 {
  height: 1.4rem;
}

.s8-main .item .part5 {
  height: 1.9rem;
}

.s8-main .item .part6 {
  height: 1.35rem;
}

.s8-main .item .part7 {
  height: 2.25rem;
}

.s8-main .itembox .item .part h4 {
  width: 1.67rem;
  height: .36rem;
  display: inline-block;
  float: left;
  margin-left: 1.26rem;
  margin-top: .2rem;
  margin-bottom: .1rem;
  background: #ddf6ff;
  background: linear-gradient(90deg, #ddf6ff, rgba(255, 255, 255, 0));
  border-radius: .06rem;
  font-size: .18rem;
  line-height: .36rem;
  font-weight: bold;
  color: #2c6df4;
  text-align: left;
  text-indent: .14rem;
}

.s8-main .itembox .item .part4 h4 {
  width: 1rem;
  background: linear-gradient(90deg, #ff5400, #ff3000);
  border-radius: .08rem;
  color: #fff;
}


.s8-main .itembox .item .part ul {
  clear: both;
  float: left;
  margin-left: 1.26rem;
  font-size: .16rem;
  line-height: .26rem;
  text-align: left;
}

.s8-main .itembox .item .part ul li {
  clear: both;
  float: left;
}

.s8-main .itembox .item .part2 ul li {
  color: #ff2626;
}

.s8-main .itembox .item .part ul li i {
  color: #ff2626;
}

.s8-main .itembox .item .part p {
  font-size: .16rem;
  line-height: .26rem;
  text-align: left;
  clear: both;
  margin-left: 1.26rem;
}

.s8-main .itembox .item .part7 p {
  font-size: .32rem;
  font-weight: bold;
  text-align: center;
  color: #fa4e4e;
  margin: .2rem auto;
  padding-top: .3rem;
}

.s8-main .itembox .item .part a {
  clear: both;
  width: 1.7rem;
  height: .44rem;
  display: inline-block;
  margin-top: .1rem;
  background: #fa5452;
  background: #fa4e4e;
  background: -webkit-linear-gradient(#fa4e4e, #ff9979);
  background: -moz-linear-gradient(#fa4e4e, #ff9979);
  background: -o-linear-gradient(#fa4e4e, #ff9979);
  background: linear-gradient(#fa4e4e, #ff9979);
  border-radius: .4rem;
  font-size: .2rem;
  line-height: .44rem;
  color: #fff;
}

.s8-main .itembox .item .part a::after {
  content: '';
  width: .09rem;
  height: .44rem;
  display: inline-block;
  background: url('../images/s8-icon01.png') no-repeat center / 100%;
  margin-left: .14rem;
  vertical-align: top;
}


.s8-main .jianz {
  /* width: 95%; */
  margin: 0 auto;
  background: #ffffff;
  border-radius: .08rem .08rem .22rem .22rem;
  /* padding: 0.3rem 0; */
  width: 100%;
  clear: both;
  float: left;
  margin-top: .2rem;
  box-shadow: 0 0.05rem 0.12rem #9acdff;
  display: none;
  overflow: hidden;
}

.s8-main .jianz table {
  width: 100%
}

.s8-main thead {
  background: #1f4efd;
  background: -webkit-linear-gradient(right, #1f4efd, #7693fd);
  background: -moz-linear-gradient(right, #1f4efd, #7693fd);
  background: -o-linear-gradient(right, #1f4efd, #7693fd);
  background: linear-gradient(to right, #1f4efd, #7693fd);
}

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

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

.s8-main .jianz table th:nth-of-type(2) {
  width: 22%
}

.s8-main .jianz table th:nth-of-type(3) {
  width: 19%
}

.s8-main .jianz table th:nth-of-type(4) {
  width: 37%
}

.s8-main .jianz table th:nth-last-of-type(1) {
  border-radius: 0 0.08rem 0.08rem 0
}

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


.s8-main .fwbiao {
  width: 5%;
  padding: 0 0.04rem;
  font-weight: bold
}

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

.s8-main .jianz table td b {
  font-weight: bold
}

.s8-main .jianz table td h5 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #0a63f4;
  font-weight: bold;
  font-size: 0.22rem;
  padding: 0 0.3rem
}

.s8-main .jianz table a {
  display: inline-block;
  width: 1.1rem;
  height: 0.36rem;
  font-size: 0.16rem;
  color: #fff;
  text-align: center;
  line-height: 0.36rem;
  background: #fa4e4e;
  background: -webkit-linear-gradient(#fa4e4e, #ff9979);
  background: -moz-linear-gradient(#fa4e4e, #ff9979);
  background: -o-linear-gradient(#fa4e4e, #ff9979);
  background: linear-gradient(#fa4e4e, #ff9979);
  border-radius: 0.18rem;
  margin: 0.2rem auto 0;
}

.s8-main .jianz table p.mk {
  text-align: left;
  padding: 0 .15rem;
}

.s8-main .jianz table p.mk b {
  float: left;
}

.s8-main .jianz table p.mk span {
  float: left;
  width: 1.2rem;
  white-space: nowrap;
}

.s8-main .jianz table i {
  color: #ff3000;
}

.s8-main .jianz table .fuwu b {
  color: #276fcf;
}


.s8-main .tabTxt {
  width: 100%;
  height: .43rem;
  display: block;
  clear: both;
  margin: .3rem auto;
  float: left;
  background: #f2f8ff;
  border-radius: .3rem;
  font-size: .16rem;
  color: #809cc2;
  line-height: .43rem;
}

.s8-main .tabTxt .left {
  margin-left: .4rem;
  float: left;
}

.s8-main .tabTxt .right {
  margin-right: .4rem;
  float: right;
}
.s8-main .jianz td.taleft{
  text-align: left; padding-left: 0.2rem;
} 
.s8-main .jianz td.taleft b{
  display: inline-block; vertical-align: top;
}
.s8-main .jianz td.taleft span{
  display: inline-block;
}

/*section10*/
.s10-main {
  display: flex;
  float: left;
  margin-top: 0.36rem;
}

.s10-main .hd {
  width: 4rem;
}

.s10-main .hd ul {
  background: #63d4fb;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.s10-main .hd ul li {
  background: #0b5bff;
  width: 1.99rem;
  height: 2rem;
  display: inline-block;
  margin-bottom: 0.02rem;
}

.s10-main .hd ul li:nth-child(3) {
  margin-bottom: 0;
}

.s10-main .hd ul li:nth-child(4) {
  margin-bottom: 0;
}

.s10-main .hd ul li i {
  width: 0.84rem;
  height: 0.83rem;
  display: block;
  margin: 0 auto;
  margin-top: 0.3rem;
}

.s10-main .hd ul li:nth-child(1) i {
  background: url(../images/s10_i01.png) no-repeat center / 100%;
}

.s10-main .hd ul li:nth-child(2) i {
  background: url(../images/s10_i02.png) no-repeat center / 100%;
}

.s10-main .hd ul li:nth-child(3) i {
  background: url(../images/s10_i03.png) no-repeat center / 100%;
}

.s10-main .hd ul li:nth-child(4) i {
  background: url(../images/s10_i04.png) no-repeat center / 100%;
}

.s10-main .hd ul li span {
  font-size: .24rem;
  color: #fff;
  font-weight: 600;
  padding-top: 0.24rem;
  display: block;
}

.s10-main .hd ul li:hover {
  background: #4fcefa;
  background: linear-gradient(to right, #4fcefa, #128ff5); /* 标准的语法 */
}

.s10-main .hd ul li:nth-child(1):hover i {
  background: url(../images/s10_i01_h.png) no-repeat center / 100%;
}

.s10-main .hd ul li:nth-child(2):hover i {
  background: url(../images/s10_i02_h.png) no-repeat center / 100%;
}

.s10-main .hd ul li:nth-child(3):hover i {
  background: url(../images/s10_i03_h.png) no-repeat center / 100%;
}

.s10-main .hd ul li:nth-child(4):hover i {
  background: url(../images/s10_i04_h.png) no-repeat center / 100%;
}

.s10-main .bd {
  flex: 1;
  background: #eefcff;
  height: 4.02rem;
  box-sizing: border-box;
}

.s10-main .bd ul li {
  padding: .3rem 0;
}

.s10-main .bd ul li:nth-child(2) {
  padding-top: .66rem;
}

.s10-main .bd ul li:nth-child(4) {
  padding-top: 0.1rem;
}

.s10-main .bd p {
  font-size: .18rem;
  color: #333333;
  line-height: 0.24rem;
  text-align: left;
  margin: .08rem .48rem 0;
}

/* sec11 */
.s11-main {
  margin-top: 0.36rem;
  float: left;
  padding-bottom: 0.6rem;
}

.s11-main ul {
  padding-bottom: 0.4rem !important;
}

.s11-main ul li {
  width: 2.78rem;
  height: 2.8rem;
  background: #eefcff;
  border: .01rem solid #4fcefa;
  margin-right: 0.26rem;
  padding-top: 0.18rem;
}

.s11-main ul li img {
  display: block;
  margin: 0 auto;
}

.s11-main ul li img:nth-child(1) {
  margin-bottom: 0.22rem;
}

.s11-main ul li img:nth-child(2) {
  margin-bottom: 0.1rem;
}

.s11-main ul li p {
  font-size: .18rem;
  color: #333333;
  line-height: 0.26rem;
}

.s11-main ul li p b {
  font-weight: bold;
}

.s11-main ul li:hover {
  box-shadow: 0 .05rem .14rem #27a3d450;
}


/*按钮悬停*/
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(.01rem) translateZ(0);
  transform: perspective(.01rem) translateZ(0);
  box-shadow: 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 .15rem .15rem -0.1rem rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.hvr-grow-shadowPink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(.01rem) translateZ(0);
  transform: perspective(.01rem) translateZ(0);
  box-shadow: 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-shadowPink:hover, .hvr-grow-shadowPink:active {
  box-shadow: 0 .15rem .15rem -0.1rem rgba(250, 84, 82, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/*侧边悬停*/
.lfNav {
  position: fixed;
  width: 1.5rem;
  height: 3.5rem;
  display: none;
  background: url(../images/fixedNavBg.png) no-repeat center;
  top: 25%;
  left: .2rem;
  z-index: 9;
}

.lfNav .close {
  position: absolute;
  top: .1rem;
  right: .1rem;
  height: .12rem;
  width: .12rem;
}

.mt185 {
  margin-top: 1.29rem;
}

.nav-bg {
  width: 1.5rem;
  height: .28rem;
  display: block;
  float: left;
  clear: both;
  margin-left: 0;
  margin-bottom: .08rem;
}

.nav-bg a {
  width: 1.2rem;
  height: .28rem;
  display: block;
  margin: auto;
}

.left_top {
  width: 1.5rem;
  height: .4rem;
  display: block;
  float: left;
  margin-left: 0;
}