/*reset*/
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
dl,
dd,
p,
select,
textarea {
  margin: 0;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

a {
  color: #333;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
}

a:active,
a:hover {
  outline: 0;
}

audio,
canvas,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

input,
button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

textarea {
  resize: none;
  border: 1px solid #ccc;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

del {
  text-decoration: line-through;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

html {
  font-size: 12px;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-family: "Microsoft YaHei", Arial, SimSun, SimHei, sans-serif;
  font-size: 14px;
  color: #333;
  background-color: #fff;
  max-width: 480px;
  margin: 0 auto;
  padding-bottom: 80px;
  background: #eef5fd;
}


.wrapper {
  width: 17rem;
  margin: 0 auto;
}


.banner {
  background: url(../images/banner.jpg) no-repeat;
  background-size: cover;
  height: 12rem;
}


.part1 .blue_bg{
  background: url(../images/p1_bg.jpg) no-repeat top center;
  background-size: cover;
  width: 100%;
  height: 11.95rem;
  margin-top: 1rem;
  padding-top: 1.3rem;
}
.part1 .column {
  display: flex;
  justify-content: space-between;
  margin-bottom: .9rem;
}

.part1 .column .item {
  width: 5.4rem;
  background: #1266ff;
  border-radius: .3rem;
  box-shadow: 0 0 .25rem 0 rgba(206, 206, 206, 1);
}


.part1 .column .item .white_bg {
  width: 100%;
  margin-top: .15rem;
  background: #fff;
  text-align: center;
  padding-bottom: .75rem;
}

.part1 .column .item .white_bg h3 {
  font-size: .6rem;
  padding: .7rem 0 .5rem;
  color: #1266ff;
}

.part1 .column .item p{font-size: .4rem;line-height: .6rem;}
.part1 .column .item .white_bg img {
  margin: .3rem auto .4rem;
  width: 4.3rem;
  height: auto;
}


.part1 .bot{height: 7.5rem;display: flex;justify-content: space-between;align-content: space-between;flex-wrap: wrap; margin: .95rem auto 0;}
.part1 .bot .item{width: 8.25rem;height: 2.3rem;background: linear-gradient(to bottom, #00bdfa, #0164eb);border-radius: .35rem;display: flex; justify-content: space-between; align-items: center;padding: 0 .45rem; box-sizing: border-box;}
.part1 .bot .item h3{font-size: .6rem;color: #fff;line-height: .65rem;}
.part1 .bot .item span{font-size: .45rem;font-weight: normal;}
.part1 .bot .aBtn_cir{width: 1.75rem;height: 1.75rem;border-radius: 50%;line-height: .55rem;background: #fff267; font-size: .6rem;color: #1266ff;padding: .4rem 0 0 .3rem;box-sizing: border-box;}
.part1 .bot .aBtn_cir span{background: url(../images/arrow1.png) no-repeat right center;background-size: .3rem auto; padding-right:.4rem;display: inline-block;}



.part2 .wrapper,.part3 .wrapper{display: flex;justify-content: space-between;flex-wrap: wrap;}
.part2 .wrapper .item{width: 8.1rem; border-radius: .25rem; overflow: hidden;box-shadow: 0 0 1.1rem 0 rgba(206,206,206,1);margin-bottom: .4rem;}
.part2 .wrapper .item .txt{width: 100%;height: 4.15rem;margin-top: -.75rem;background: #fff;position: relative;border-radius: .25rem;text-align: center;}
.part2 .wrapper .item .txt h4{font-size: .7rem;font-weight: normal;padding: .65rem 0 .3rem;}
.part2 .wrapper .item .txt p{font-size: .45rem;line-height: .6rem;}
.part2 .wrapper .item img{width: 100%;height: auto;}




.part3 .item{width: 4.1rem;height: 2.875rem; border-radius: .25rem;overflow: hidden;position: relative; margin-bottom: .3rem;}
.part3 .item img{width: 100%;height: auto;position: absolute;left: 0;top: 0;}
.part3 .item p{color: #fff; font-size: .6rem;position: relative;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}




.part4 .wrapper ul{display: flex;width: 15.85rem;margin: 0 auto .6rem;justify-content: space-between;}
.part4 .wrapper ul li{font-size: .6rem; border-bottom: none; transition: .3s; padding-bottom: .25rem;}
.part4 .wrapper ul li.on{border-bottom: .075rem solid #1266ff;transition: .3s;color: #1266ff;}
.part4 .wrapper .bot{width: 100%;border-radius: .25rem;overflow: hidden;box-shadow: 0 0 1.1rem 0 rgba(206,206,206,1);}
.part4 .wrapper table{width: 100%;text-align: center;}
.part4 .wrapper table th{height: 1.5rem; background: #00bef9;font-size: .5rem;color: #fff;font-weight: normal;}
.part4 .wrapper table th,.part4 .wrapper table td{border: 1px solid #dcefff;}
.part4 .wrapper table td{border-right: none;font-size: .45rem;}
.part4 .wrapper table tr{height: 2.2rem;}
.part4 .wrapper table td.mid{text-align: left;padding:.25rem .5rem;}
.part4 .wrapper table td.born{border-left: none;}
.part4 .wrapper .item{display: none;}
.part4 .wrapper .item.on{display: block;}
.part4 .title h3{margin-bottom: .9rem;}
.part4 .title h3::before{display: none;}

.part4 .aBtn{width: 6.55rem; height: 1.5rem;background: #1266ff;color: #fff;}
.part4 .aBtn span{background: url(../images/arrow2.png) no-repeat right center; background-size: .35rem auto;}














.part5 .topImg {
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.part5 .topImg img {
  width: 4.075rem;
  height: auto;
}

.part5 .topImg p {
  font-size: .5rem;
  margin-top: .25rem;
}

.part5 .botIcon {
  margin-top: .75rem;
}

.part5 .botIcon .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: .7rem;
  color: #fff;
  padding-left: 1.85rem;
  padding-right: 1rem;
  line-height: .75rem;
  height: 100%;
  background: linear-gradient(to right, #015fea, #00bffa);
  border-radius: .25rem;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  margin-bottom: .4rem;
  height: 2.7rem;
}

.part5 .botIcon .item::before {
  content: "";
  position: absolute;
  background: url(../images/man.png);
  width: 2.5rem;
  height: 2.875rem;
  bottom: -.45rem;
  left: -.15rem;
  background-size: cover;
}

.part5 .botIcon .item span {
  font-size: .5rem;
}

.part5 .botIcon .item a {
  width: 4.15rem;
  height: 1.1rem;
  background: #ffeb11;
  font-size: .5rem;
  color: #1266ff;
  border-radius: 1rem;
  text-align: center;
  line-height: 1.1rem;
}



.part6{background: url(../images/p6_bg.jpg) no-repeat top center;height: 23.075rem;margin-top: 1rem;background-size: cover;}

.part6 .title h3{color: #fff;padding-top: 1.05rem;}

.part6 .title i{color: #fff;}
.part6 .title h3::before{background: #ff6600;}

.part6 .wrapper{width: 17.9rem;height: 16.425rem;background:url(../images/line.png) no-repeat center #fff;background-size: 17.16rem auto; margin-top: .8rem;position: relative;border-radius: .5rem;}
.part6 .sun p{font-size: .6rem;color: #ff6600;margin-bottom: .3rem;}
.part6 .sun span{display: block;background: url(../images/sun.png) no-repeat;width: .55rem;height: .55rem;background-size: cover;margin: 0 auto;animation: cir 5s linear infinite;}
.part6 .sun{position: absolute;left: 1.14rem;top: 1.5rem;}
.part6 .sun2{left: 5.32rem;}
.part6 .sun3{left: 9.5rem;}
.part6 .sun4{left: 14.8rem;top: 5.1rem;}
.part6 .sun4 span{position: relative;left: 1.4rem; top: -1rem;}

.part6 .sun5{left: 11.6rem;top: 6.8rem;}
.part6 .sun6{left:3.06rem; top: 6.8rem;}
.part6 .sun7{left: 1.5rem;top: 11rem;}
.part6 .sun7 p{position: relative;left: 1.3rem;top: 0.9rem;}
.part6 .sun8{left: 9.64rem;top: 12rem;}
.part6 .sun9{top: 12rem;left: 14.82rem;}

.part6 .dec{position: absolute;text-align: center;left: 2.5rem;top: 1.5rem;}
.part6 .dec img{margin: 0 auto;width: 2.6rem;height: auto;}
.part6 .dec p{font-size: .6rem;margin-top: .25rem;background: #fff;}
.part6 .dec2{left: 2.4rem;}
.part6 .dec3{left: 6.35rem;}

.part6 .dec4{left: 12.6rem;}
.part6 .dec5{left: 13.6rem; top: 6.7rem;}
.part6 .dec6{left: 6.6rem;}
.part6 .dec7{left: 1.05rem;top: 8.3rem;}

.part6 .dec7 p{position: relative;left: 2.3rem;top: -1.6rem;background: none;}

.part6 .dec8{left: 5.6rem;top: 12rem;}
.part6 .dec9{left: 11.8rem;}
 


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


.part7 .wrapper{width: 16.7rem;height: 7.3rem;position: relative;}
.part7 .wrapper::before{content: ""; position: absolute;background: url(../images/p8_show1.png) no-repeat top center;width: 10.75rem; height: 100%;left: 50%;top: 0; margin-left: -5.8rem;background-size: cover;}
.part7 .wrapper .item{position: absolute;left: .3rem;top: .6rem;}
.part7 .wrapper .item h4{font-size: .6rem;color: #1266ff;background: url(../images/p8_arrow1.png) no-repeat left .1rem;background-size:.6rem auto; padding-left: .75rem;white-space: nowrap;}
.part7 .wrapper .item p{font-size: .45rem;line-height: .45rem;padding-left: .75rem;margin-top: .2rem;}
.part7 .wrapper .item2,.part7 .wrapper .item4{left: 11.8rem;}
.part7 .wrapper .item3{top: 4.15rem;}


/* .part8{padding-bottom: 1.2rem;} */
.part8 .wrapper{height: 9.275rem; position: relative;}
.part8 .wrapper::before{content: "";position: absolute;background: url(../images/cir1.png) no-repeat;width: 4.05rem;height: 3.675rem;position: absolute;left: 50%;top: 50%;margin-left: -2.025rem; margin-top: -1.8375rem; z-index: 3;background-size: 100%;animation: cir 5s linear infinite;}
.part8 .wrapper .item{position: absolute;background: url(../images/cir2.png) no-repeat;width: 9.3rem;height: 100%;left: 0;top: 0;background-size: cover;}
.part8 .wrapper .item_r{right: 0;left: auto;}
.part8 .wrapper .eight{position: absolute;font-size: .6rem;color: #fff;left: 7rem;top:3.4rem;z-index: 4;text-align: center;line-height: 1rem;}
.part8 .wrapper .eight b{font-size: 1.2rem;}
.part8 .wrapper .item .txtBox{width: 6.7rem;height: 1.9rem;border-radius: 2.5rem;background: #fff;position: absolute;top: .15rem;left: .3rem; box-shadow: 0px 0px .45rem 0 rgba(18, 102, 255, 0.06);}
.part8 .wrapper .item .txtBox .blue_bg{width: 1.9rem;height: 1.9rem;background: #1266ff;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;top: 0;}
.part8 .wrapper .item .txt{margin-left: 2rem;}
.part8 .wrapper .item .txtBox p{font-size: .5rem;color: #1266ff;padding-top: .1rem;margin-bottom: .01rem;}
.part8 .wrapper .item .txtBox p.pad{padding-top: .2rem;}
.part8 .wrapper .item .txtBox span{font-size: .4rem;position: relative;line-height: .45rem;display: inline-block;}
.part8 .wrapper .item .txtBox span::before{content: "";position: absolute;background: url(../images/tick.png) no-repeat;width: .35rem;height: .35rem;top: .02rem;background-size: cover;}
.part8 .wrapper .item .txtBox img{width: 100%;height: auto;}

.part8 .wrapper .item .txtBox2{left: -.75rem;top: 2.45rem;}
.part8 .wrapper .item .txtBox3{left: -.75rem;top: 4.75rem;}
.part8 .wrapper .item .txtBox4{top: 7.1rem;}

.part8 .wrapper .item_r .txtBox .blue_bg{right: 0;left: auto;}
.part8 .wrapper .item_r .txtBox{left: auto;}
.part8 .wrapper .item_r .txtBox1,.part8 .wrapper .item_r .txtBox4{right: .3rem;} 
.part8 .wrapper .item_r .txtBox2,.part8 .wrapper .item_r .txtBox3{right: -.75rem;} 
.part8 .wrapper .item_r .txt{text-align: right;margin-left: 0px;margin-right: 2rem;}

.part9 .wrapper{padding-bottom: 1rem;}
.part9 .item{width: 100%; display: flex;border-radius: .4rem;overflow: hidden;margin-bottom: .45rem;}
.part9 .item .left{width: 4.825rem;height: 5.95rem;background: #bfd6ff;position: relative;}
.part9 .item .left img{width: 100%;height: auto;}
.part9 .item .left::before{content: "";position: absolute;left: 0;top: 0;background: url(../images/opa.png) no-repeat;width: 100%;height: 100%;background-size: cover;}
.part9 .item .left p{width: 100%;text-align: center;font-size: .5rem;color: #fff;letter-spacing: 1px;position: absolute;left: 0;bottom: .3rem;
}
.part9 .item .right{flex: 1;background: #fff;font-size: .45rem;line-height: .65rem;display: flex;align-items: center;}
.part9 .item .right p{width: 10.8rem;margin: .4rem auto;display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 6; -webkit-box-orient: vertical;}
.part9 .even .right p{line-height: .85rem;  }


.part10{background: url(../images/p8_bg.jpg) no-repeat top center;height: 21rem;padding-top: 1rem;background-size: cover;background-size: cover;}

.part10 .top{margin-left: 3.45rem; display: flex;align-content: space-between;justify-content: space-between; flex-wrap: wrap;}
.part10 .top .item{display: flex;align-items: center;margin-bottom: .3rem;}
.part10 .top .item h4{width: 2.5rem;height: .85rem;background: #ff6600;color: #fff;text-align: center;line-height: .85rem;font-size: .5rem;border-radius: .75rem;}
.part10 .top .item p{margin-left: .35rem;color: #fff;font-size: .45rem;}

.part10 .wrapper{display: flex;justify-content: space-between;margin-top: .75rem;flex-wrap: wrap;margin: 1rem auto 0;}

.part10 .wrapper .ul1 li{width: 3.175rem;}
.part10 .wrapper .ul2 li{width: 3.15rem;}
.part10 .wrapper .ul3 li{width: 6.35rem;}
.part10 .wrapper .ul4 li{width: 6.35rem;}
.part10 .wrapper .ul5 li{height: 2.875rem;}
.part10 .wrapper li{margin-bottom: .7rem;}
.part10 .wrapper li img{width: 100%;height: auto;}
.part10 .wrapper .ul5 img{width: auto;height: 100%;}
.part10 .wrapper ul:last-child{display: flex;justify-content: space-between;width: 100%;}





.title {
  text-align: center;
  padding-top: .85rem;
}

.title span {
  font-size: 1.2rem;
  color: #e4ebf3;
}

.title h3 {
  font-size: .9rem;
  margin-top: -1.15rem;
  position: relative;
  margin-bottom: 1.3rem;
}

.title h3::before {
  content: "";
  position: absolute;
  width: 2.75rem;
  height: .15rem;
  background: #1266ff;
  left: 50%;
  bottom: -.3rem;
  transform: translateX(-50%);
}

.title_white span {
  color: #3474ff;
}

.title_white h3 {
  color: #fff;
}

.title_white h3::before {
  background: #ff6600;
}

.aBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 4.15rem;
  height: 1.4rem;
  border: .05rem solid #1266ff;
  color: #1266ff;
  font-size: .6rem;
  border-radius: 1rem;
  margin: .5rem auto 0;
}

.aBtn span {
  background: url(../images/arrow1.png) no-repeat right center;
  background-size: .3rem auto;
  padding-right: .6rem;
}


.aBtn_yellow {
  border: .05rem solid #ffe34b;
  background: #ffe34b;
  width: 7.9rem;
  height: 1.7rem;
}


.title i {
  font-size: .6rem;
  font-style: normal;
}

.title .has_i {
  margin-bottom: .65rem;
}


















/* 公共底部 */
.footer_new {
  padding: 10px 0 10px 0;
  background-color: #fff;
  border-top: 1px solid #ddd;
}

.footer_new p {
  font-size: 12px;
  color: #727272;
  line-height: 12px;
  text-align: center;
  margin-top: 8px;
}

.footer_new p.tel_first {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #f6530e;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0;
}

.footer_new p.tel_first:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background: url(https://bj.xhd.cn/m/topic/haokaoyan/img/bottom_telicon.png) no-repeat 0 0;
  background-size: 100% 100%;
}