/*
* @Author: Administrator
* @Date:   2018-04-02 10:02:47
* @Last Modified by:   Administrator
* @Last Modified time: 2019-04-09 12:59:46
*/
html {
	font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body,
html {
	width: 100%;
	height: 100%;
}
.wrap {
	width: 100%;
	height: 100%;
	max-width: 750px;
	min-width: 320px;
	font-size: .28rem;
	color: #333;
	position: relative;
	margin: 0 auto;
	/* touch-action: none;background: linear-gradient(to right,#d1d1d3 60%,#cac9ce 100%); */
}
html{overflow-x: hidden; overflow-y: auto;}

.wrap .fc_b{
	color: #2347b9;
	font-weight: 400;
}
.wrap .fwb{font-weight: bold;}
.wrap .tit{
	width: 100%;
	font-size: .5rem;
	color: #2347b9;
}
.wrap .tit h2{
	font-size: .36rem;
	color: #666666;
	margin-top: .1rem;
}
.wrap .flex_c_c_col{position: relative;overflow: hidden;}
.wrap .logo{
	position: absolute;
	width: 1.9rem;
	object-fit: contain;
	top: 0.4rem;
	left: 0.35rem;
}
.wrap .content{position: relative;z-index: 5;}
.wrap .section,.wrap .fp-tableCell{position: relative;
	/* overflow: auto;overflow-x: hidden !important; */
}
.wrap .section,.wrap .fp-tableCell>div{
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}
.page1 { 
	position: relative;
	background-color: #0f34a9;
	z-index: 5;
}
.section .flex_c_c_col{justify-content: space-between;width: 100%;height: 100%;}
.page1 .one_t{
	width: 100%;
	object-fit: contain;
	margin: 0 auto;
}
.page1 .slogan{width: 6.3rem;margin: 0 auto;position: absolute;top: 3.5rem;left: 0;right: 0;animation-duration:1.5s !important;}
.page1 .slogan img{width: 100%;object-fit: contain;}
.page1 .one_btm{
	width: 100%;
	position: relative;
	/* position: absolute;
	bottom: 0;left: 0;right: 0;
	margin: 0 auto; */
}
.page1 .one_btm .one_b_tit{
	width: 6.9rem;
	display: inline-block;
	position: absolute;
	top: 1rem;
	left: 0;right: 0;
	margin: 0 auto;
}
.page1 .one_btm img{
	width: 100%;
	object-fit: contain;
	/* position: absolute;
	bottom: 0;left: 0;right: 0; */
}
.page2 {
	/* padding: 0.6rem 0.65rem; */
	background: #fff;
}
.page2 .tit{margin-top: 0.55rem;}
/* .page2 .fp-tableCell{position: absolute;left: 0;} */
.page2 .fp-tableCell .flex_c_c_col{position: relative;}
.page2 p{
	line-height: 0.7rem;
	text-align: justify;
	text-indent: .56rem;
	padding: 0 0.7rem;
}
.wrap .tit{
	text-align: right;
	position: relative;
	height: 1.5rem;
	padding: 0 0.7rem;
	/* margin-top: 0.55rem; */
}
.wrap .tit::after{
	content: '';
	display: inline-block;
	width: 0.4rem;
	height: 0.02rem;
	position: absolute;bottom: 0;
	right: 0.7rem;
	background-color: #0f34a9;
}
.page2 .about_img .flex_c_c_row{justify-content: flex-start;width: 100%;height: 100%;}

.page2 .about_img .qiantai{width: 100%;object-fit: contain;}
.page2 .about_img .jiantou{
	height: 1.15rem; object-fit: contain;
	align-self: flex-end;
}
.page3 { background: #f1f1f1;}
.page3 .fp-tableCell>div>.flex_c_c_col{
	padding: 0.35rem 0.3rem;
	justify-content: space-between;
	/* overflow: hidden; */
}
.page3 .fp-tableCell>div>.flex_c_c_col::before,.page3 .fp-tableCell>div>.flex_c_c_col::after{content: '';display: inline-block;}
.page3 .tit{text-align: center;padding-top: 0;height: 1.05rem;flex-shrink: 1;}
.page3 .tit::after{content: '';display: inline-block;left: 0;right: 0;margin: 0 auto;}
.page3 .time_block{
	width: 100%;
	height: calc(100% - 1rem);
	position: relative;
	flex: 1;
	/* padding-top: 0.8rem; */
	margin-top: 0.2rem;
}
.page3 .fazhan,.page6 .youshi{
	width: 100%;
	/* flex-grow: 1;
	flex-shrink: 1; */
	/* height: 100%; */
	margin-top: 0.3rem;
	background-color: #fff;
	border-radius: .01rem;
	padding: 0.35rem 0.45rem;
}
.page3 .fazhan img{width: 100%;object-fit: contain;max-width: 100%;max-height: 100%;
	/* margin-top: 0.8rem; */
}
.page3 .fazhan .time{height: 8rem !important;object-fit: contain;}
.page3 .fazhan .huojian{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0.4rem;
	object-fit: contain;
	animation: huojian 1.5s ease-in normal;
}
@keyframes huojian {
  0% {
		top: 100%;
	}
	20% {
		top: 100%;
	}
  100% {
		top: 0;
  }
}

.span{display: inline-block;color: green;font-size: 20px;}
.page4{ 
	background: url(../images/hexin_bg.png) no-repeat;
	background-size: 100% 100%;
	width: 100%;
	height: 100%;
}
.page4 .youshi{width: 100%;height: 100%; flex: 1;text-align: center;justify-content: center;}
.page5 .fp-tableCell>div>.flex_c_c_col::before,.page5 .fp-tableCell>div>.flex_c_c_col::after,.page6 .fp-tableCell>div>.flex_c_c_col::after{content: '';display: inline-block;}
.page4 .tit,.page5 .tit,.page6 .tit{text-align: center;height: 1.6rem;padding-top: 0;}
.page5 .tit{height: 1.7rem;}
.page4 .tit::after,.page5 .tit::after,.page6 .tit::after{content: '';display: inline-block;position: absolute;left: 0;right: 0;bottom: 0;margin: 0 auto;}
.page4 .youshi img{width: 100%;object-fit: contain;}
@media screen and (max-height: 700px){
	.page4 .youshi img{width: 90%;object-fit: contain;}
}
@media screen and (min-height: 700px){
	.page4 .youshi img{width: 90%;object-fit: contain;}
	.page3 .fazhan .time{height: auto !important;width: 100%;}
}
.page4 .tit,.page5 .tit,.page6 .tit{margin-top: 0.5rem;}
.page5 .fp-tableCell>div>.flex_c_c_col{justify-content: flex-start;overflow: hidden;}
.page5 .jiazhi{ width: 100%;padding: 0 0.9rem;justify-content: center;}
.page5 .jiazhi img{width: 100%;position: absolute;object-fit: contain;}
.page6 { background: #f4f4f4;}
.page6 .fp-tableCell>div>.flex_c_c_col{padding: 0.3rem 0.3rem 0.6rem;;}
.page6 .title{width: 100%; font-size: .32rem;text-align: left;color: #2347b9;line-height: 0.52rem; animation-duration: 3s;margin: 0.2rem 0;}
.page6 .title p{display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.page6 .title p::before{content: '';display: inline-block;width: 0.1rem;height: 0.1rem;border-radius: 50%;background-color: #2347b9;margin-left: 0.1rem;margin-right: 0.15rem;}
.page6 .youshi{padding: .3rem 0.3rem 0;}
.page6 .youshi .flex_c_c_row{
	flex-wrap: nowrap;
}
.page6 .youshi .flex_c_c_row div{
	/* flex: 1; */
	flex-shrink: 1;
	display: inline-block;
	width: 33%;
	color: #fff;
	text-align: center;
	height: 0.45rem;
	line-height: 0.45rem;
	background-color: #2347b9;
	margin: 0.12rem 0;
}
.page6 .youshi .flex_c_c_row div:not(:last-of-type){
	margin-right: 0.25rem;
}
.t_block{
	line-height: 0.44rem;
}
.list_ys li{padding: 0.3rem 0;}
.list_ys li:not(:last-of-type){border-bottom: 0.02rem solid #2347b9;}
.page7 .tit,.page7 .tit::after,.page8 .tit,.page8 .tit::after,.page9 .tit,.page9 .tit::after{text-align: center;right: 0;left: 0;bottom: 0;margin: 0.55rem auto 0;}
.page7 .tit,.page2 .tit{height: 1rem;}
.page7 .fp-tableCell>div>.flex_c_c_col{padding: 0 0.45rem;}
.page8 .fp-tableCell>div>.flex_c_c_col{padding-bottom: 1.5rem;}
.page7 img{width: 100%;object-fit: contain;animation-duration: 2s;}
.page8 .tit{height: 1.7rem;}
.page8 .anli{
	width: 100%;
	flex: 1;
	/* min-height: 8.2rem; */
}
.page8 .swiper-container {
	width: 100%;
	height: 100%;
	overflow: visible;
}

.page8 .swiper-slide {
	width: 4.8rem !important;
	text-align: center;
	font-size: 18px;
	margin-right: 0.35rem !important;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
/* .swiper-slide-duplicate-prev,.swiper-slide-duplicate-next{opacity: 0.5;} */
.page8 .swiper-slide img{
	width: 100%;object-fit: contain;
}
.page8 .change_cur{
	width: 100%;
	height: 0.65rem;
	margin-top: 0.6rem;
}
.page8 .change_cur div{
	width: 2rem;
	text-align: center;
	line-height: 0.65rem;
	height: 100%;
	border: 0.03rem solid #8b9dd6;
	margin: 0 0.05rem;
}
.page8 .change_cur div img{
	width: 0.5rem;object-fit: contain;
}
.page8 .swiper-slide-next img,.page8 .swiper-slide-prev img{
	opacity: 0.5;
}
.page9{
	background: url(../images/page9_bg.png) no-repeat;
	background-size: cover;
}
.page9 .fp-tableCell .animated{display: flex !important;flex-direction: column;justify-content: flex-start;}
.page9 .tit{
	height: 1rem;
	color: #fff;
	margin-top: 0 !important;
}
.page9 .tit::after{background-color: #fff;}
.panl{
	width: auto !important;
	height: auto !important;
	/* min-height: 11rem; */
	margin: 0 0.3rem;
	background-color: rgba(15, 52, 169, 0.65);
	padding: 0.55rem 0.35rem;
	justify-content: flex-start !important;
}
.page9 .panl img{width: 100%;object-fit: cover;}
.page9 .panl .lianxi1{margin-top: 0.45rem;}
.page9 .panl .lianxi1{margin-top: 0.25rem;margin-bottom: 0.35rem;}
.page9 .panl .lxfs{
	line-height: 0.46rem;
	font-size: .24rem;
	color: #fff;
	text-align: center;
}
.page9 .panl .lxfs a{font-size: .3rem;}
.page9 .panl .lx_text{
	font-size: .24rem;
	font-weight: 400;
	text-align: center;
	color: #fff;
	line-height: 0.46rem;
	margin-top: 0.55rem;
	margin-bottom: 0.25rem;
}
.page9 .panl .lx_text span{
	font-weight: 600;
}
.page9 .panl .citys{
	width: 100%;
	height: 0.9rem;
	color: #fff;
	font-size: .24rem;
	background-color: rgba(255, 255, 255, 0.22);
	justify-content: space-between;
	padding-left: 0.2rem;
}
.page9 .panl .citys::before,.page9 .panl .citys::after{content: '';display: inline;}
.page9 .panl .citys span{
	display: inline-block;
	flex: 1;
	text-align: center;
}
.page9 .panl .citys .cur{font-size: .36rem;}
.page9 .logo-h{
	width: 100%;
	flex: 1;
	justify-content: center !important;
}
.page9 .logo-h img{width: 2.5rem;object-fit: contain;}


/* 核心价值 悬浮浮动动画 */
.world {
  position: relative;
  /* margin: 0 auto;
  left: 0;
  right: 0;
  top: 2.6rem;
  bottom: 0;
  width: 5.7rem;
  height: 9rem; */
}
.boxs{
	/* border: 1px solid red; */
  width: 100%;
	height: 8rem;
	position: relative;
	/* margin-top: .6rem; */
}
.boxs img{
  position: absolute;
  margin: 0 auto;
  /* animation: rotate 8s ease-in-out infinite;
  transform-style: preserve-3d; */
}

.box:nth-of-type(1) {
	top: 0;
  /* animation-delay: -8s; */
  width: 5.1rem !important;
}

.box:nth-of-type(2) {
  /* animation-delay: -6s; */
  width: 5.1rem !important;
  left: 0;
  top: 0.7rem;
}

.box:nth-of-type(3) {
  /* animation-delay: -3s; */
  width: 5.1rem !important;
  right: 0;
  top: 1.1rem;
}
/* 
@keyframes rotate {
  0% {
    transform: translateX(0) translateY(0);
  }
  25% {
    transform: translateX(.3rem) translateY(0);
    
  }
  50% {
    transform: translateX(0)  translateY(.4rem);
      
  }
  75% {
    transform: translateX(.3rem)  translateY(.4rem);
    
  }
  100% {
    transform: translateX(0)  translateY(0);
  }
} */