@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: 12px;
  min-width: 1200px !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;
}


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

.qgfx_box {
  margin-top: 10px;
  margin-bottom: 20px !important;
}

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

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

@media screen and (min-width: 800px) and (max-width: 1440px) {
  body {
    /*zoom: 0.8*/
  }
}

.wrap {
  position: relative;
  width: 1200px;
  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 1000px 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: 611px;
  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: 20px;
}

.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: 3.4rem;
  height: .7rem;
  display: inline-block;
  font-size: .36rem;
  line-height: .7rem;
  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;
}

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

.secTit h2 {
  font-size: .42rem;
  font-weight: bold;
  color: #141c81;
  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: #f3292a;
}

/*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: #141e9b;
}

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

.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; */
  background: #214dbf;
  background: -webkit-linear-gradient(90deg,#11329f,#3068de);
  background: -moz-linear-gradient(90deg,#11329f,#3068de);
  background: -ms-linear-gradient(90deg,#11329f,#3068de);
  background: -o-linear-gradient(90deg,#11329f,#3068de);
  background: linear-gradient(90deg,#11329f,#3068de);
}

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

.s3-main {
  width: 100%;
  clear: both;
  float: left;
  margin-top: .58rem;
  background: url("../images/s3-pic01.png") no-repeat center top / auto 100%;
  height: 6.01rem;
}
.s3-main ul{
  width:100%; clear: both; float: left; height: 601px;
  position: relative;
}
.s3-main ul li{
  font-size:28px; line-height: 75px; color: #333; display: inline-block; padding: 0 36px;
  background: #fff;
  background: -webkit-linear-gradient(#fff , #bbecff); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fff , #bbecff); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fff , #bbecff); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fff , #bbecff); /* 标准的语法 */
  border-radius: 84px;
  position: absolute;
  transition: all .5s;
}
.s3-main ul li.on{
  color: #fff;
  background: #d9a170;
  background: -webkit-linear-gradient(#d9a16f 22% , #facfae); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#d9a16f 22% , #facfae); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#d9a16f 22% , #facfae); /* Firefox 3.6 - 15 */
  background: linear-gradient(#d9a16f 22% , #facfae); /* 标准的语法 */
}
.s3-main ul li.scale{
  transform: scale(1.1);
}
.s3-main ul li.item1{top: 41px; left: 503px;}
.s3-main ul li.item2{top: 153px; left: 265px;}
.s3-main ul li.item3{top: 167px; left: 568px;}
.s3-main ul li.item4{top: 205px; right: 57px;}
.s3-main ul li.item5{top: 277px; left: 121px;}
.s3-main ul li.item6{bottom: 231px; left: 443px;}
.s3-main ul li.item7{bottom: 203px; right: 109px;}
.s3-main ul li.item8{bottom: 105px; left: 119px;}
.s3-main ul li.item9{bottom: 75px; right: 93px;}


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

.s4-main {
  width: 100%;
  clear: both;
  float: left;
  margin-top: .4rem;
  margin-bottom: .64rem;
  background: url("../images/s4-pic01.png") no-repeat center top /100%;
  height: 4.55rem;
  position: relative;
  display: flex;
  align-items: center;
}
.s4-main .tixi{
  position: absolute;
  top: 0;
  left: 0;
  width: 146px;
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  line-height: 50px;
  border-bottom-right-radius: 30px;
  background: #112038;
}
.s4-main .hd{
  width: 490px; margin-top: .86rem;
}
.s4-main .hd li{
  width: 329px;
  height: 70px;
  line-height: 70px;
  padding-left: 58px;
  font-size: 34px;
  color: #fff1e5;
  cursor: pointer;
  margin-bottom: 37px;
  background: url('../images/s4-lin01.png') no-repeat center center / 100% 100%;
  display: block;
  text-align: left;
  box-sizing: border-box;
}
.s4-main .hd li.on{
  position: relative;
  color: #333;
  font-weight: bold;
  background: url('../images/s4-lin02.png') no-repeat center center / 100% 100%;
}
.s4-main .hd li.on::after{
  position: absolute;
  top: 50%;
  right: 75px;
  transform: translateY(-50%);
  content: '';
  width: 35px;
  height: 35px;
  background: url("../images/s4-icon01.png") no-repeat center center /100% 100%;
}
.s4-main .hd li:nth-of-type(1){
  margin-left: auto;
}
.s4-main .hd li:nth-of-type(2){
  margin-left: 119px;
}
.s4-main .hd li:nth-of-type(3){
  margin-left: 77px;
}

.s4-main .bd{
  margin-left: 20px;
  flex: 1;
}
/* .s4-main .bd .itembox{display: none;} */
/* .s4-main .bd .itembox.show{display: block;} */
.s4-main .bd .item{
  width: 590px;
  margin: 20px 0;
  padding: 20px 0 20px 30px;
  color: #000000;
  overflow: hidden;
  border-radius: 10px;
  background: -webkit-linear-gradient(to right, #ffffff 50%, rgba(255, 255, 255, 0.04) 100%);
  background: linear-gradient(to right, #ffffff 50%, rgba(255, 255, 255, 0.04) 100%);
}
.s4-main .bd .item.item3{margin-left: 85px;}
.s4-main .bd .item.item2{margin-left: 40px;}
.s4-main .bd .item.item1{margin-left: 0;}
.s4-main .bd .item p{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.s4-main .bd .item p b{
  font-size: 28px;
  font-weight: bolder;
}
.s4-main .bd .item p small{
  padding: 3px 7px;
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  margin: 0 35px 0 12px;
  border-radius: 15px;
}
.s4-main .bd .item p small.lubo{
  background: linear-gradient(90deg,#fe6c59, #e5402c);
  box-shadow: 0 5px 10px 0 #fac3bc;
}
.s4-main .bd .item p small.zhibo{
  background: linear-gradient(90deg,#6a9bee, #3367d7);
  box-shadow: 0 5px 10px 0 #97b8f1;
}
.s4-main .bd .item p small.ziliao{
  background: linear-gradient(90deg,#efb054, #8b6835);
  box-shadow: 0 5px 10px 0 #f8dcb3;
}

.s4-main .bd .item p i{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px 8px;
  font-size: 22px;
  text-align: center;
  border-radius: 15px;
  background: #e6f0ff;
}
.s4-main .bd .item p i img{
  width: 20px;
}
.s4-main .bd .item span{
  clear: both;  text-align: left;
  display: block;
  font-size: 24px;
}
.s4-main .bd .item span b{color: #2b70e2}

/* section05 */
.sec05 {
  background: #eef3ff;
  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: #3068de;
  background: linear-gradient(#3068de, #11329f);
}

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

.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: #ffcfa5;
  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: #2351c3;
  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: #eef3ff;
  height: 8.2rem;
}

.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: 3.86rem;
}

.s7-main .item1, .s7-main .item4 {
  margin-left: -.35rem;
  width: 4.35rem;
}

.s7-main .item2, .s7-main .item5 {
  width: 4.12rem;
}

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

.s7-main .item .txt {
  float: left;
  margin-top: .85rem;
  margin-left: .24rem;
}

.s7-main .item .txt h4 {
  width: 1.2rem;
  height: .4rem;
  display: block;
  background: #1b43b3;
  border-radius: .4rem;
  font-size: .18rem;
  line-height: .4rem;
  color: #fff;
  text-align: center;
}

.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: .2rem;
  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 1px #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: 4rem;
  float: left;
}

.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: #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: .1rem 0 0 0;
}

.s8-main .itembox .item2 .itemTit {
  background: #297ec5;
  background: -webkit-linear-gradient(#1133a0, #2f67dd);
  background: -moz-linear-gradient(#1133a0, #2f67dd);
  background: -o-linear-gradient(#1133a0, #2f67dd);
  background: linear-gradient(#1133a0, #2f67dd);
}

.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: 4rem;
  z-index: 3;
}

.s8-main .item .part {
  width: 3.99rem;
  border-right: solid .01rem #b9caff;
  border-bottom: solid .01rem #b9caff;
  float: left;
}

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

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

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

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

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

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

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

.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: .6rem;
  margin-top: .2rem;
  margin-bottom: .1rem;
  background: #ddebff;
  background: linear-gradient(90deg, #ddebff, rgba(255, 255, 255, 0));
  border-radius: .06rem;
  font-size: .18rem;
  line-height: .36rem;
  font-weight: bold;
  color: #698bb8;
  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: .6rem;
  font-size: .16rem;
  line-height: .26rem;
  text-align: left;
}

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


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

.s8-main .itembox .item .part b {
  font-weight: bold;
}

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

.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: -webkit-linear-gradient(left, #1133a0, #2f67dd);
  background: -o-linear-gradient(right, #1133a0, #2f67dd);
  background: -moz-linear-gradient(right, #1133a0, #2f67dd);
  background: linear-gradient(to right, #1133a0, #2f67dd)
}

.s8-main .jianz table th {
  line-height: 0.48rem;
  font-size: 0.2rem;
  color: #ffffff;
  font-weight: normal
}
.s8-main .jianz table .tabmukuai{
  text-align: left;
  padding-left: .2rem;
}

.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: 28%
}

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

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

.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;
}


/*section2*/

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

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

.lfNav .close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 12px;
  width: 12px;
}

.mt185 {
  margin-top: 129px;
}

.nav-bg {
  width: 150px;
  height: 28px;
  display: block;
  float: left;
  clear: both;
  margin-left: 0;
  margin-bottom: 8px;
}

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

.left_top {
  width: 150px;
  height: 40px;
  display: block;
  float: left;
  margin-left: 0;
}