body {

  line-height: 1.5;

  color: #333;

  background: #fff;

  padding-top: 1.2rem;

  font-size:.28rem;

  font-family: Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,WenQuan Yi Micro Hei,sans-serif;

}



.wp100 { width: 100%; }

.wp50 { width: 50%; }



.w150 { width: 1.5rem; }

.w100 { width: 1rem; }

.w140 { width: 1.4rem; }



.ml-30 { margin-left: -0.3rem; }

.ml-1 { margin-left: -1px; }



.lh70 { line-height: .7rem; }
.lh62 { line-height: .62rem; }

.lh38 { line-height: .38rem; }



.bg1 { background: #f5f6fc; }

.bg2 { background: #f5f5f5; }

.bl1 { border-left: .06rem solid #3854EA; }

.bb1 { border-bottom: 1px solid #e6e6e6; }



.cor_000 { color: #000; }

.cor_385 { color: #3854EA; }

.cor_FF4 { color: #FF4200; }

.cor_f { color: #fff; }



.img1 { width: .19rem; height: .32rem; }

.img2 { width: 100%; border-radius: .04rem; }

.img3 { width: 1rem; height: 1rem; }

.img4 { width: 3.3rem; height: 1.1rem; }

.img5 { width: 2rem; height: 1rem; }

.img6 { width: .32rem; height: .32rem; }

.img7 { width: .38rem; height: .38rem; }

.img8 { width: 4.8rem; height: 3.2rem; }

.img9 { width: 2.7rem; height: 3.64rem; }

.img10 { width: 1.5rem; height: .8rem; }

.img11 { width: 1.64rem; height: 2.34rem; }

.img12 { width: .88rem; height: .88rem; }

.img13 { width: 2rem; height: 2.85rem; }

/* v2.0 */
.img14 { width: 1.6rem; height: 1.6rem; border-radius: 50%; }
.img15 { width: .18rem; height: .28rem; vertical-align: middle;}
.img16 { width: 1.44rem; height: 1.44rem; }


.logo_img_sty {

  width: 1.8rem;

  height: .54rem;

}



.page_list li a {

  padding: 0 .6rem;

  height: 1.3rem;

  line-height: 1;

  font-size: .36rem;

  color: #333;

  border-bottom: 1px solid #e6e6e6;

}


.area_block_1 {

  position: absolute;

  left: 0;

  bottom: 4rem;

  width: 100%;

  z-index: 2;

}



.area_block_2 {

  padding: 1.2rem .3rem .62rem;

  font-size: .24rem;

  color: #fff;

  background: #3854EA;

}



.area_block_3 {

  padding: 0.8rem .1rem .37rem;

  font-size: .28rem;

  font-weight: 400;

  color: #fff;

  background: #2E2E2E;

}

.modify_area_block_3 {
  padding: .6rem .3rem .37rem;
  font-size: .28rem;
  font-weight: bold;
  color: #fff;
  background: #2E2E2E;
}



.area_block_4 {

  width: 100%;

  height: 1rem;

  font-size: .22rem;

  color: #fff;

  background: #292929;

}



.area_block_5 {

  position: absolute;

  padding-left: 0.6rem;

  top:1.5rem;

  width: 100%;

  line-height: .7rem;

}



.area_block_6 {

  position: relative;

  padding: .02rem .3rem .32rem;

  background: #FFFFFF;

  box-shadow: 0px .08rem .24rem 0px rgba(4, 0, 0, 0.04);

  border-radius: .08rem;

  margin-top: -1.2rem;

  z-index: 2;

}



.area_block_7 {

  padding: 0 .3rem 0 0;

  height: 1.6rem;

  background: #FFFFFF;

  border: 1px solid #E6E6E6;

  border-radius: .08rem;

}



.area_block_8 {

  padding: 0 .2rem;

  height: 1.8rem;

  background: #FFFFFF;

  border: 1px solid #E6E6E6;

  border-radius: .08rem;

}



.area_block_9 {

  padding: 0 .3rem;

  background: #FFFFFF;

  border: 1px solid #E6E6E6;

  border-radius: .08rem;

}

.area_block_10 {

  position: absolute;

  top:1.59rem;

  width: 100%;

  line-height: .7rem;

}




.btn_1,.btn_5 {

  display: inline-block;

  width: 2.4rem;

  height: .8rem;

  line-height: .8rem;

  text-align: center;

  font-size: .28rem;

  color: #fff;

  background: #3854EA;

  border-radius: .06rem;

}

.btn_6{

  display: inline-block;

  width: 3.5rem;

  height: .8rem;

  line-height: .8rem;

  text-align: center;

  font-size: .28rem;

  color: #fff;

  background: #3854EA;

  border-radius: .06rem;

}



.btn_5 {

  color: #3854EA;

  background: #fff;

}



.btn_2 {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  padding: 0 .29rem;

  height: .64rem;

  font-size: .28rem;

  color: #3854EA;

  background: #fff;

  border-radius: .08rem;

}

.modify_btn_2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 .29rem;
  height: .64rem;
  font-size: 28rpx;
  font-weight: bold;
  color: #333;
  background: #fff;
  border-radius: .08rem;
}



.btn_3,.btn_4 {

  display: inline-flex;

  width: 3.3rem;

  /* height: 0.8rem; */
  height: 1.12rem;
  line-height: 1;

  color: #fff;

  font-size: .32rem;

  border-radius: .08rem;

}



.btn_3 {

  background: #f87500;

}



.btn_4 {

  background: #3854EA;

}



.fun_tag_box {

  padding: 0 .3rem;

  height: 2rem;

  font-size: .3rem;

  color: #333;

  background: #F5F6FC;

}



.icon_tags_1,.icon_tags_2,.icon_tags_3 {

  display: block;

  width: 1.2rem;

  height: 1.2rem;

  border-radius: 50%;

}



.icon_tags_1 {

  background: url(../images/icon_tags_1.png) no-repeat;

  background-size: 1.22rem;

  /* background: linear-gradient(0deg, #3854EA 0%, #386EEA 100%); */

  box-shadow: 0px .12rem .24rem 0px rgba(56, 84, 234, 0.3);

}



.icon_tags_2 {

  background: url(../images/icon_tags_2.png) no-repeat;

  background-size: 1.22rem;

  /* background: linear-gradient(0deg, #FFB517 0%, #FFC617 100%); 

  box-shadow: 0px .12rem .24rem 0px rgba(255, 181, 23, 0.3);*/

  box-shadow: 0px .12rem .24rem 0px rgba(56, 84, 234, 0.3);

}



.icon_tags_3 {

  background: url(../images/icon_tags_3.png) no-repeat;

  background-size: 1.22rem;

  /* background: linear-gradient(0deg, #07C160 0%, #37C107 100%); 

  box-shadow: 0px .12rem .24rem 0px rgba(7, 193, 96, 0.3);*/

  box-shadow: 0px .12rem .24rem 0px rgba(56, 84, 234, 0.3);

}



.media_coverage_list li {

  padding: .43rem .12rem;

  border: 1px solid #e6e6e6;

  border-radius: .08rem;

}



.line_bor_sty {

  display: block;

  width: 1px;

  height: .6rem;

  background: #7488f0;

  margin-left: .4rem;

  margin-right: .4rem;

}



.bg_img_1 {

  width: 100%;

  height: 2.4rem;

  background: url(../images/bg_img_1.png) no-repeat;

  background-size: 100%;

}

.new_bg_img_1 {
  width: 100%;
  height: 3.2rem;
  background: url(../images/bg_img_1.png) no-repeat;
  background-size: 100%;
}



.bg_img_2 {

  width: 100%;

  height: 13.5rem;

  background: url(../images/bg_img_3.png) no-repeat;

  background-size: 100%;

}



.bg_img_3 {

  width: 100%;

  height: 17.8rem;

  background: url(../images/bg_img_4.png) no-repeat;

  background-size: 100%;

}



.bg_img_4 {

  display: flex;

  align-items: center;

  justify-content: center;

  height: 4.24rem;

  background: url(../images/bg_img_2.png) no-repeat;

  background-size: 100%;

}



.icon_experience_sty {

  display: inline-block;

  width: .36rem;

  height: .36rem;

  background: url(../images/icon_07.png) no-repeat;

  background-size: .36rem;

}



.suspension_btn_area {

  position: fixed;

  left: 0;

  bottom: 0;

  width: 100%;

  padding: .24rem 0;

  background: #000000;

  z-index: 3;

}



.describe_fz_box {

  position: relative;

  padding: .3rem .2rem .1rem;

  height: 2.12rem;

  font-size: .25rem;

  background: #fff;

  overflow: hidden;

}



.title_fz_pos {

  position: absolute;

  left: 0;

  bottom: .28rem;

  padding: 0 .1rem;

  width: 100%;

  font-size: .28rem;

  color: #fff;

  text-align: center;

  z-index: 2;

}



.ipt_01 {

  display: inline-block;

  width: 100%;

  padding: 0 .3rem;

  height: .8rem;

  line-height: .8rem;

  font-size: .28rem;

  color:#333;

  text-align: left;

  background: #fff;

  border: 1px solid #e6e6e6;

  border-radius: .06rem;

  outline: none;

}



.ipt_01::-webkit-input-placeholder { color: #ccc; }



.get_verification_code {

  display: block;

  width: 2rem;

  height: .8rem;

  line-height: .8rem;

  font-size: .24rem;

  color: #fff;

  font-weight: bold;

  background: #3854EA;

  border-radius: .08rem;

}



.active.get_verification_code {

  background: #CCCCCC;

}



/* header */

#header_area {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 1.2rem;

  padding: 0 .3rem;

  background: #3854EA;

  z-index: 3;

}



#menu_btn_sty {

  width: .44rem;

  height: .32rem;

  background: url(../images/icon_menu_btn.png) no-repeat;

  background-size: .44rem;

}



.menu_area_fix {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 5;

  overflow: hidden;

  transform: translateY(-100%);

  -webkit-transform: translateY(-100%);

}



.menu_area_fix .menu_content_pos{

   position: absolute;

   top: 1.2rem;

   left: 0.8rem;

   width: 4rem;

   background: #fff;

   z-index: 2;

   transition: .3s;

  -webkit-transition: .3s;

  transform: translateX(7.5rem);

  -webkit-transform: translateX(7.5rem);

}



.menu_area_fix .mask_bg{

   position: relative;

   width: 100%;

   height: 100%;

   background: rgba(0,0,0,.3);

   z-index: 1;

}



.menu_area_fix .icon_close_menu {

   position: absolute;

   top: .29rem;

   left: .41rem;

   width: .34rem;

   height: .34rem;

   background: url(../images/icon_close_menu.png) no-repeat;

   background-size: .34rem;

   z-index: 3;

}

 

.ani_show.menu_area_fix { 

   transform: translateY(0);

   -webkit-transform: translateY(0);

}



 .ani_show .menu_content_pos {

  transform: translateX(2.7rem);

  -webkit-transform: translateX(2.7rem);

 }



 /*弹窗*/

.bomb_box_wrap {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 1003;

  background: rgba(0,0,0,.6);

  overflow: auto;

}

.bomb_box {

  position: absolute;

  width: 100%;

  top: 50%;

  left: 50%;

  transform: translate(-50%,-50%);

  max-width: 420px;

  font-size: 0.24rem; 

}



.popup_area_sty {

  position: relative;

  width: 6.3rem;

  padding: .4rem .3rem;

  text-align: center;

  background: #fff;

  margin-left: auto;

  margin-right: auto;

  border-radius: .16rem;

  color: #333;

}



.ico_close_01 {

  position: absolute;

  top: .3rem;

  right: .3rem;

  width: .33rem;

  height: .33rem;

  z-index: 4;

}



#tab_area {

  background: #e7e7e7;

  overflow: hidden;

}



#tab_area .item_a {

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: .32rem;

  color: #333;

  font-weight: bold;

  height: 0.8rem;

  border: 1px solid #E6E6E6;

}



#tab_area .active .item_a {

  color: #fff;

  background: #3854EA;

  border-color: #3854EA;

}


#tab_area2 {

  background: #e7e7e7;

  overflow: hidden;

}



#tab_area2 .item_a {

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: .32rem;

  color: #333;

  font-weight: bold;

  height: 0.8rem;

  border: 1px solid #E6E6E6;

}



#tab_area2 .active .item_a {

  color: #fff;

  background: #3854EA;

  border-color: #3854EA;

}


.sort_content_item { display: none; }

.active.sort_content_item { display: block; }


.sort_content_item2 { display: none; }

.active.sort_content_item2 { display: block; }


#copy_ipt {

  position: absolute;

  top: 0;

  left: 0;

  width: 3rem;

  display: block;

  height: .54rem;

  line-height: .5rem;

  background-color: #fff;

  border: 1px solid #ccc;

  opacity: 0;

  z-index: 2;

}



.fwzs li{

  width: 100%;

  height: auto;

  overflow: hidden;

}



.article_location {

  font-size: 0.32rem;

  margin-bottom: 0.4rem;

}





.article_location  a{

 color: #666;

}



.article_location  img{

 width: 0.24rem;

 height: 0.24rem;

 margin-top: 0.04rem;

}



.article_location  i{

 color: #333;

}



.logo_time{

  border-bottom: 1px solid #e5e5e5;

  display: flex;

  justify-content: space-between;

  width: 100%;

  height: auto;

  padding-bottom: 0.4rem;

  margin-top: 0.4rem;

}



.logo_time span{

  font-size: 0.32rem;

  color: #222;

  line-height: 0.4rem;

}

.article_con{
  margin-top: 0.4rem;
}

.article_con p{

  color: #666;

  margin-top:.28rem;

  font-size:.28rem;

  line-height:1.5;

}



.clamp_2 {

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  max-height:1rem;

}



.clamp_1 {

  width:100%;

  text-overflow:ellipsis;

  white-space:nowrap;

  overflow:hidden;

  max-height:1rem;

}


.plan_how_bg1 {
    background-image: url('images/plan_img01.png');
}
.plan_how_bg2 {
    background-image: url('images/plan_img02.png');
}
.plan_how {
    background-size: 4.8rem 3.2rem;
    width: 4.8rem;
    height: 3.2rem;
    margin: 0.4rem auto;
}
.h68 {
    width: 100%;
    height: 0.68rem;
}
.plan_how_title {
    font-size: 0.36rem;
    text-align: center;
    color: #FFF;
}
.plan_white_line {
    width: 0.4rem;
    height: 0.04rem; 
    background: #F7F7F7;
    margin: 0.1rem auto 0.3rem;
}
.plan_how_content {
    padding:0 0.2rem;
    font-size: 0.28rem;
    line-height: 0.4rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #FFFFFF;
    margin: 0 auto;
}
.plan_why_container {
    display: flex;
    width: 6.9rem;
    margin: 0.6rem auto;
}
.plan_why_container_item {
    width: 33.3%;
    display: flex;
    flex-direction: column;
    align-content: center;
    text-align: center;
    align-items:center;
}
.plan_why_container_item_img {
    width:  0.6rem;
    height: 0.6rem;
}
.plan_why_container_item_title {
    font-size: 0.28rem;
    padding: 0.24rem 0.1rem 0;
    
}
.fw500 {
	font-weight: 500;
}
.tlc {
	width: 100%;
	text-align: center;
}
.lh80 {
	line-height: 0.80rem;
}
.item_block_title {
	font-size: 0.48rem;
	font-weight: bold;
	color: #000000;
	margin-top: 0.5rem;
}
.yellow_underline {
	margin: 0.1rem auto 0.6rem auto;
	width: 0.80rem;
	height: 0.08rem;
	background: #FABA00;
}
.fch_img_box {
	height: 1.3rem;
}
.fch_img {
	width: 1.17rem;
	height: 1.3rem;
}
.h32 {
	height: 0.32rem;
}
.h40 {
	height: 0.4rem;
}
.ml31 {
	margin-left: 0.31rem;
}
.ml48 {
	margin-left: 0.48rem;
}
.mt17 {
	margin-top: 0.17rem;
}
.lh76 {
	line-height: 0.76rem;
}
.ftsz36 {
	font-size: 0.36rem;
}
.ftsz28 {
	font-size: 0.28rem;
}
.ftsz32 {
	font-size: 0.32rem;
}
.cor_666 {
	color: #666666;
}
.fwfc_block {
	margin: 0 0.3rem;
}
.fwfc_block_item {
	padding: 0.25rem 0.3rem;
	background-color: #F7F8FD;
}
.fwfc_block_item_img {
	width: 1.8rem;
	height: 1.8rem;
}
.lh180 {
	line-height: 1.8rem;
}
.mt46 {
	margin-top: 0.46rem;
}
.sy_block {
	margin: 0 0.3rem;
}
.sy_block_item {
	padding: 0.25rem 0.3rem;
}
.mt16 {
	margin-top: 0.16rem;
}
.mt36 {
	margin-top: 0.36rem;
}
.bg_img_trace {
	width: 100%;
	height: 4.13rem;
	background: url(/assets/h5/images/syfooter.png) no-repeat;
	background-size: 100%;
}
.h83 {
	height: 0.83rem;
}
.h75 {
	height: 0.75rem;
}
.ftsz40 {
	font-size: 0.4rem
}
.cor_fff {
	color: #FFFFFF;
}
.icon_arrow {
	display: inline-block;
	width: .24rem;
	height: .28rem;
	background: url(/assets/h5/images/icon_arrow_right.png) no-repeat;
	background-size: .28rem;
}
.icon_arrow_1 {
	display: inline-block;
	width: .12rem;
	height: .20rem;
	background: url(/assets/h5/images/icon_arrow_1.png) no-repeat;
	background-size: cover;
}
.trace_banner_box {
	position: absolute;
	text-align: center;
	top: .84rem;
	width: 100%;
	line-height: .7rem;
}

/* v2.0 */
#swiper_1 {
  width: 100%;
  height: 12.11rem;
}

.swiper-pagination .swiper-pagination-bullet {
	width: .48rem;
	height: .08rem;
	margin: 0 .11rem !important;
  background: #fff;
	opacity: .3;
  border-radius: 0;
}

.swiper-pagination .swiper-pagination-bullet-active {
  background: #3854EA;
	opacity: 1;
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom, .swiper-pagination-fraction { bottom: .3rem; }

.swiper_bg_img_1,.swiper_bg_img_2,.swiper_bg_img_3 {
  position: relative;
  width: 100%;
  height: 12.11rem;
}

.swiper_bg_img_1 {
  background: url(../images/new_img/icon_home_banner_1.png) no-repeat;
  background-size: 100% 12.11rem;
}

.swiper_bg_img_2 {
  background: url(../images/new_img/icon_home_banner_2.png) no-repeat;
  background-size: 100% 12.11rem;
}

.swiper_bg_img_3 {
  background: url(../images/new_img/icon_home_banner_3.png) no-repeat;
  background-size: 100% 12.11rem;
}


.new_img_bg_1 {
  position: relative;
  width: 100%;
  height: 10.74rem;
  background: url(../images/new_img/new_bg_img_1.png) no-repeat;
  background-size: 100% 10.74rem;
}


.new_img_bg_2 {
  position: relative;
  padding-top: 10.46rem;
  width: 100%;
  height: 12.14rem;
  background: url(../images/new_img/new_bg_img_2.png) no-repeat;
  background-size: 100% 12.14rem;
}

.new_img_bg_6 {
  position: relative;
  
  width: 100%;
  height: 12.14rem;
  background: url(../images/new_img/new_bg_img_2.png) no-repeat;
  background-size: 100% 12.14rem;
}

.new_img_bg_3 {
  position: relative;
  padding: 0 .3rem;
  width: 100%;
  
  background-size: 100% 13.98rem;
}

.new_img_bg_4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4.8rem;
  background: url(../images/new_img/new_bg_img_4.png) no-repeat;
  background-size: 100% 4.8rem;
  z-index: 1;
}

.new_img_bg_5 {
  position: relative;
  width: 3.3rem;
  height: 1.2rem;
  font-size: .24rem;
  font-weight: bold;
  color: #fff;
  background: url(../images/new_img/new_bg_img_5.png) no-repeat;
  background-size: 3.3rem 1.2rem;
}

.new_area_block_1 {
  position: relative;
  padding: .48rem .4rem;
  background: #fff;
  border-radius: .16rem;
}

.new_area_block_5 {
  position: relative;
  padding: .48rem .4rem;
  background: #F5F6FC;
  border-radius: .16rem;
}

.new_area_block_2 {
  position: relative;
  padding: .4rem .3rem .25rem;
  border: .02rem solid #FFFFFF;
  background: linear-gradient(135deg, #EBF0FA 0%, #FFFFFF 100%);
  box-shadow: 0px .06rem .24rem 0px rgba(0,0,0,0.08);
  border-radius: .16rem;
}

.new_area_block_3 {
  position: relative;
  padding: .48rem .15rem .1rem;
  width: 3.3rem;
  height: 6.5rem;
  border: .02rem solid #FFFFFF;
  background: linear-gradient(135deg, #EBF0FA 0%, #FFFFFF 100%);
  box-shadow: 0px .08rem .24rem 0px rgba(4,0,0,0.04);
  border-radius: .2rem;
}

.gradient_area_block_1,.gradient_area_block_2,.gradient_area_block_3 {
  position: relative;
  padding: .48rem .4rem;
  width: 100%;
  height: 2.56rem;
}

.gradient_area_block_1 {
  background: url(../images/new_img/icon_home_bg_1.png) no-repeat;
  background-size: 100% 2.56rem;
}

.gradient_area_block_2 {
  background: url(../images/new_img/icon_home_bg_2.png) no-repeat;
  background-size: 100% 2.56rem;
}

.gradient_area_block_3 {
  background: url(../images/new_img/icon_home_bg_3.png) no-repeat;
  background-size: 100% 2.56rem;
}

.gradient_area_block_5 {
  position: relative;
  padding: .48rem .4rem;
  
  background: #3854EA;
  border-radius: 0.16rem;
}

.new_btn_1 {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: .88rem;
  line-height: .88rem;
  text-align: center;
  font-size: .32rem;

  color: #fff;
  background: #3854EA;
  border-radius: .06rem;
}

.new_btn_2 {
  display: inline-block;
  
  
  width:5rem;
  height: .8rem;
  font-size: .28rem;
  color: #fff;
  background: #3854EA;
  border-radius: .06rem;
}