@media (min-width: 320px) {html{font-size:13.65px}}
@media (min-width: 360px) {html {font-size:15.36px}}
@media (min-width: 375px) {html{font-size:16px}}
@media (min-width: 384px) {html{font-size:16.38px}}
@media (min-width: 393px) {html{font-size:16.77px}}
@media (min-width: 412px) {html{font-size:17.58px}}
@media (min-width: 414px) {html{font-size:17.66px}}
@media (min-width: 415px) {html{font-size:17.70px}}
/*初始化*/
html, body,div,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,span,i,em,a,img {margin:0; padding:0; list-style:none}
a,a:hover { text-decoration:none}
img {border:none}
.topBar {
	position: absolute;
	left:0;
	top:0;
	right: 0;
	width:100%;
	height:2.75rem;
	background-color: #32394c;
	background-image:url(../images/toplogo.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 2.0625rem auto;
	z-index: 200;
}
.topBar .menuIcon {
	position: absolute;
	top:50%;
	left:0.9375rem;
	width:1.09375rem;
	transform:translateY(-50%)
}
.topBar .menuIcon::before,
.topBar .menuIcon::after {
	display:block;
	content:'';
	width:1.09375rem;
	height:2px;
	border-radius: 6px;
	background:#fff;
}
.topBar .menuIcon::after {
	margin-top:4px;
}
.menu {
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index: 2000;
	background:#32394c
}
.menu .topBar .close {
	position: absolute;
	right:1rem;
	top:50%;
	transform:translateY(-50%);
	width:1rem;
	height:1rem;
	background:url(../images/close.png) no-repeat left top;
	background-size:100% 100%;
}

.s1{
	position: relative;
	overflow:hidden;
	/*height:44.4375rem;*/
	background:#32394c
}
.job_s1{
	position: relative;
	overflow:hidden;
	background:#32394c
}
.s1>img,
.w100 {
	display:block;
	width:100%;
}
.s1 .textGroup {
	position: absolute;
	left:0;
	right:0;
	top:6.0625rem;
	white-space: nowrap;
	text-align:center;
	line-height:2.25rem;
	height:2.25rem;
	color:#fff;
	font-size:1.25rem;
	z-index: 10;
}
.s1 .textGroup > *{
	visibility: hidden;
}
.s1 .textGroup > div.icon {
	margin:1.75rem auto 0 auto;
	width:2.5rem;
	height:2.5rem;
	box-sizing:border-box;
	border-radius:1.25rem;
	border:2px solid #FFF;
	position: relative;
}
.s1 .textGroup > div.icon::after {
	content:"";
	display:block;
	width:5px;
	height: 5px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	transform:rotate(45deg);
	position: absolute;
	left:40%;
	top:40%;
}
.s2 {
	border-top:2.34375rem solid #FFF;
	background:#fffbf9;
	padding-bottom:2.34375rem;
	overflow:hidden;
}
.s2 div.img {
	position: relative;
	text-align:right;
}
.s2 img:nth-child(1) {
	position: absolute;
	right:1.03125rem;
	top:0;
	width:81.06%
}
.s2 img:nth-child(2) {
	width:85.4%
}
.s2 > .textGroup {
	margin:0 2.40625rem;
	transform:translateY(-1rem)
}
.s2 > .textGroup > p {
	margin-bottom:0.75rem;
	color:#1e2a4d;
	font-size:0.6875rem;
	line-height:1.1875rem;
}
.s2 > .textGroup > p:last-child {
	margin-bottom:0;
}

.title {
	margin:2.34375rem 2.40625rem 0 2.40625rem;
	position: relative;
}
.title h2 {
	margin:0;
	font-size:1.125rem;
	color:#1a2a50;
}
.title p {
	font-size:0.875rem;
	color:#8f96ab;
}
.title a {
	display:block;
	position: absolute;
	right:0;
	top: 50%;
	transform:translateY(-50%);
	font-size:0.625rem;
	color:#1a2a50;		
}
.title a::before {
	margin-right:5px;
	content:"";
	display:inline-block;
	vertical-align: middle;
	width:1.5625rem;
	height:1.5625rem;
	border: 1px solid #ef8550;
	border-radius:1.5rem;
}
.title a::after {
	position: absolute;
	content:"";
	display:block;
	width: 5px;
	height: 5px;
	border-top: 2px solid #1e2a4d;
	border-right: 2px solid #1e2a4d;
	transform: rotate(45deg);
	left: 11%;
	top: 38%;
}
.s3 {
	border-top:2.34375rem solid #FFF;
	background: linear-gradient(#fff, #ffefe8);
	padding-bottom:2.34375rem;
	overflow:hidden;
}
.s3 .img img {
	width:100%
}
.s3 .info {
	text-align:center;
}
.s3 .info p {
	display:inline-block;
	margin:0 auto;
	color:#1e2a4d;
	font-size:0.6875rem;
	line-height:1.65625rem;
	text-align:left;
}
.s4 {
	border-top: 2.34375rem solid #FFF;
	background: #fafbfc;
	overflow:hidden;
}
.s4 .title {
	text-align:center
}
.s4 .swiper-container {
	padding-top:2.34375rem;
	width:100%;
}
.s4 .swiper-slide {
	padding:0 2.40625rem;
	box-sizing: border-box;
	text-align: center;
	font-size: 0px;
	
	}
.s4 .swiper-slide span {
	display:inline-block;
	width:25%;
}
.s4 .swiper-slide span img {
	display: block;
	width:100%
}
.btnPrevNext {
	text-align:center;
	font-size:0;
	padding:2.125rem 0 2.125rem 0;

}
.swiper-button-next,
.swiper-button-prev {
	margin:0 1.5625rem;
	padding:0;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:inline-block;
	position: relative;
	width:1.71875rem;
	height:1.71875rem;
	border-radius:1rem;
	border:0.09375rem solid #1e2a4d;
	background:none;
}
.swiper-button-next::after,
.swiper-button-prev::after {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	position: absolute;
	left: 40%;
	top: 38%;
}
.swiper-button-next::after {
	border-bottom: 2px solid #1e2a4d;
	border-left: 2px solid #1e2a4d;
	transform: rotate(45deg);
}
.swiper-button-prev::after {
	border-top: 2px solid #1e2a4d;
	border-right: 2px solid #1e2a4d;
	transform: rotate(45deg);
}
.s5 .swiper-container {
	padding-top:2.34375rem;
	width:100%;
}
.s5 .swiper-slide {
	font-size:0
}
.s5 .swiper-slide p {
	line-height:5.9375rem;
	height:5.9375rem;
	font-size:0.875rem
}
.s5 img {
	display: block;
	width:100%;
}
.service_s1 {
	position: relative;
	overflow:hidden;
	background: #32394c;
	/*height:44.4375rem;*/
}
.service_s1 .box {
	position: absolute;
	top:22%;
	left:50%;
	transform:translateX(-50%);
	padding:3rem 1rem;
	width:12.5rem;
	height: 16.78125rem;
	text-align:left;
	box-sizing: border-box;
	font-size:1.25rem;
	font-weight: bold;
	color:#fff;
	z-index: 10;
}
.service_s1 .box::after {
	content:"";
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:3px;
	background:#FFF;
	transform-origin:left top;
	transform:scale(0,0);
	animation:scale 0.5s 0.3s cubic-bezier(.39,.575,.565,1) forwards;
	transition-delay: 0.3s;
}
.service_s1 .box::before {
	content:"";
	position: absolute;
	right:0;
	bottom:0;
	width:100%;
	height:3px;
	background:#FFF;
	transform-origin:right bottom;
	transform:scale(0,0);
	animation:scale 0.5s 0.3s cubic-bezier(.39,.575,.565,1) forwards;
	transition-delay: 0.3s;
}
.service_s1 .box .inner {
	display:block;
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.service_s1 .box .inner::after {
	content:"";
	position: absolute;
	left:0;
	top:0;
	height:100%;
	width:3px;
	background:#FFF;
	transform-origin:left bottom;
	transform:scale(0,0);
	animation:scale 0.5s 0.4s cubic-bezier(.39,.575,.565,1) forwards;
}
.service_s1 .box .inner::before {
	content:"";
	position: absolute;
	right:0;
	top:0;
	height:100%;
	width:3px;
	background:#FFF;
	transform-origin:right top;
	transform:scale(0,0);
	animation:scale 0.5s 0.4s cubic-bezier(.39,.575,.565,1) forwards;
}

.service_s1 .box div{
	margin-bottom:1rem;
	line-height:100%;
}
.service_s1 .box .line {
	width:3.33rem;
	height: 2px;
	overflow:hidden;
	background:#FFF;
}
.service_s2 {
	background:#fafbfc;
	overflow: hidden;
}
.service_s2 .textGroup,
.service_s3 .textGroup {
	margin:0 1.5rem
}
.service_s2 .textGroup li{
	margin-bottom:1.5rem;
	float: left;
	width:50%;
	text-align:center;
	color:#1e2a4d;
	padding-top:4.5rem;
}
.service_s2 .textGroup li h2,
.service_s3 li h2 {
	margin:0 0 0.6875rem 0;
	padding:0;
	font-size:0.875rem;
}
.service_s2 .textGroup li p,
.service_s3 li p {
	margin:0;
	padding:0 17%;
	font-size:0.6875rem;
	line-height:1.5rem;
}
.service_s2 .textGroup li:nth-child(1){
	background:url(../images/service_icon1.png) no-repeat center top;
	background-size:4rem 4rem;
}
.service_s2 .textGroup li:nth-child(2){
	background:url(../images/service_icon2.png) no-repeat center top;
	background-size:4rem 4rem;
}
.service_s2 .textGroup li:nth-child(3){
	background:url(../images/service_icon3.png) no-repeat center top;
	background-size:4rem 4rem;
}
.service_s2 .textGroup li:nth-child(4){
	background:url(../images/service_icon4.png) no-repeat center top;
	background-size:4rem 4rem;
}
.service_s2 .textGroup li:nth-child(5){
	background:url(../images/service_icon5.png) no-repeat center top;
	background-size:4rem 4rem;
}
.service_s2 .textGroup li:nth-child(6){
	background:url(../images/service_icon6.png) no-repeat center top;
	background-size:4rem 4rem;
}
.service_s2 .textGroup li:nth-child(7){
	background:url(../images/service_icon7.png) no-repeat center top;
	background-size:4rem 4rem;
}
.service_s3 .img {
	padding:2rem 0
}
.service_s3 .text {
	margin:0 1.5rem;
	line-height:1.1875rem;
	font-size:0.6875rem;
	color:#1e2a4d
}
.service_s3 .textGroup li{
	margin-top:1.5rem;
	text-align:center;
	color:#1e2a4d;
	padding-top:4.5rem;
}
.service_s3 .textGroup li:nth-child(1){
	background:url(../images/service_icon8.png) no-repeat center top;
	background-size:4rem 4rem;
}
.service_s3 .textGroup li:nth-child(2){
	background:url(../images/service_icon9.png) no-repeat center top;
	background-size:4rem 4rem;
}
.service_s3 .textGroup li:nth-child(3){
	background:url(../images/service_icon10.png) no-repeat center top;
	background-size:4rem 4rem;
}
.service_s3 .textGroup li:nth-child(4){
	margin-bottom:2.5rem;
	background:url(../images/service_icon11.png) no-repeat center top;
	background-size:4rem 4rem;
}
.resources {
	background:url(../images/resourcesbg.png) repeat-y left 47.1875rem;
	background-size:100% auto;
	background-attachment: fixed;
}
.resources_s2 {
	padding:2.5rem 0;
	width:100%;
	/*
	height: 100vh;
	overflow-y:auto;
	
	box-sizing:border-box;
	background:url(../images/resourcesbg.png) repeat-y left top;
	background-size:100% auto;
	*/
}
/* .resources_s2 .swiper-container {
	width:100%;
	height:100%;
}
.resources_s2 .swiper-container .swiper-slide{
	overflow:hidden;
	position: relative;
} */
.block {
	margin:0 1.5rem 2.3125rem 1.5rem ;
	padding:2rem 0;
	background:#FFF;
	border-radius:20px;
	background:#FFF;
}
.block:last-child {
	margin-bottom:0
}
.block .title {
	margin-top:0;
	margin-bottom:1rem;
	text-align:center
}
.block > p {
	margin:0 5%;
	line-height:1.1875rem;
	font-size:0.6875rem;
	color:#1e2a4d
}
.block > p:last-child {
	margin-top:0.875rem
}
.resources_s2 .block .swiper-slide {
	padding:0 6%;
	box-sizing: border-box;
	font-size:0
}
.resources_s2 .block .swiper-slide span {
	display: inline-block;
	width:20%;
}
.resources_s2 .block .swiper-slide span img {
	display: block;
	width:100%
}
.resources_s3 {
	padding:3.5rem;
	color:#FFF;
	text-align:center;
	background:#1d2a4d
}
.resources_s3 h2 {
	line-height:100%;
	font-size:1.4375rem;
	margin-bottom:0.875rem;
}
.resources_s3 h3 {
	margin-bottom:1.5625rem;
	line-height:100%;
	font-size:0.875rem;
}
.resources_s3 p {
	font-size:0.6875rem;
	line-height:1.1875rem;
}
.resources_s4 {
	background:#fafbfc;
	overflow:hidden;
}
.resources_s4 > .title {
	text-align:center;
}
.resources_s4 p.text,
.resources_s5 p.text {
	margin:1.5rem 3.75rem 1rem 3.75rem;
	font-size:0.6875rem;
	line-height:1.1875rem;
	color:#202a4b;
	text-align:center;
	font-weight: bold;
}
.resources_s5 > p{
	text-align:center;
	font-size:1.125rem;
	color:#202a4b;
	line-height:2.03125rem;
	font-weight: bold;
}
.resources_s4 .items span {
	margin-top:1rem;
	display: block;
	text-align:center;
	font-size:0.5625rem;
	color:#202a4b;
}
.resources_s4 .items span::before {
	content:'';
	display:block;
	width:auto;
	height:3.96875rem;
}
.resources_s4 .items span:nth-child(1)::before {
	background:url(../images/img12.png) no-repeat center top;
	background-size:auto 100%
}
.resources_s4 .items span:nth-child(2)::before {
	background:url(../images/img13.png) no-repeat center top;
	background-size:auto 100%
}
.resources_s4 .items span:nth-child(3)::before {
	background:url(../images/img14.png) no-repeat center top;
	background-size:auto 100%
}
.resources_s5 {
	padding-top:2rem;
	padding-bottom:1.75rem;
	background:#fff;
	overflow:hidden;
}
.boxGroup {
	margin:0 auto;
	font-size:0;
	width:13.75rem;
}
.boxGroup li{
	margin-top:1.25rem;
	display:inline-block;
	width:6.25rem;
	height:6.25rem;
	box-sizing:border-box;
	padding:10px 0.3125rem 0 0.3125rem;
	text-align:center;
	border:0.0625rem solid #202a4b;
	color:#202a4b;
	vertical-align: middle;
}
.boxGroup li:nth-child(even){
	margin-left:1.25rem
}
.boxGroup li h2 {
	margin:0;
	padding:0;
	line-height:100%;
	font-size:2.5rem;
}
.boxGroup li h2 em {
	font-style: normal;
	font-weight: 400;
	font-size:0.5625rem;
}
.boxGroup li p {
	font-size:0.5625rem;
	font-weight: bold;
}
.job_s1 .textGroup {
	position: absolute;
	left:0;
	right:0;
	top:50%;
	transform:translateY(-50%);
	text-align:center;
	color:#1e2a4d;
	font-size:1.125rem;
	line-height:1.875rem;
	font-weight: bold;
	z-index: 10;
}
.job_s1 .textGroup div:nth-child(2) {
	display:inline-block
}
.job_s1 .textGroup div:nth-child(2)::after{
	margin:0.35rem auto 0.5rem auto;
	content:"";
	display:block;
	width:100%;
	height:2px;
	background:#1e2a4d;
}
.job_s1 .textGroup div:last-child {
	font-size:0.875rem;
}
.job_s2 .title {
	margin-bottom:2rem;
	text-align:center;
}
.job_s2 .text {
	margin:0 2.8125rem;
	color:#1a2a50
}
.job_s2 .text dl {
	margin:0 0 4.21875rem 0;
	padding:0
}
.job_s2 .text dt {
	margin-top:1.25rem;
	margin-bottom:0.5rem;
	font-size:0.8125rem;

}
.job_s2 .text dd {
	position: relative;
	font-size:0.6875rem;
	line-height:1.1875rem;	
}
.job_s2 .text dd.n1,
.job_s2 .text dd.n2,
.job_s2 .text dd.n3,
.job_s2 .text dd.n4,
.job_s2 .text dd.n5{
	padding-left:0.875rem;

}
.job_s2 .text dd.n1::before,
.job_s2 .text dd.n2::before,
.job_s2 .text dd.n3::before,
.job_s2 .text dd.n4::before,
.job_s2 .text dd.n5::before{
	display:block;
	position: absolute;
	left:0;
	top:0;
}
.job_s2 .text dd.n1::before {
	content:"1、";
}
.job_s2 .text dd.n2::before {
	content:"2、";
}
.job_s2 .text dd.n3::before {
	content:"3、";
}
.job_s2 .text dd.n4::before {
	content:"4、";
}
.job_s2 .text dd.n5::before {
	content:"5、";
}
.job_s2 .text dd:last-child {
	color:#ff8045
}
.contact_s1 .map {
	padding:2.15625rem 0 0.75rem 0;
	text-align:center
}
.contact_s1 .map img {
	width:69%
}
.contact_s1 .text {
	padding-bottom:3.375rem;
	text-align:center;
	color:#1a2a50;
	font-size:0.6875rem;
}
.contact_s1 dt {
	margin:1.625rem 0 0.5rem 0;
	font-weight:0.9375rem;
	font-weight: bold;
}
.footerNav {
	padding:0 0.9375rem;
	background:#32394c
}
.menu > ul {
	padding:3rem 2.1875rem
}
.footerNav a,
.menu li > a {
	color:#fff;
}
.footerNav > ul > li,
.menu li {
	font-size:0.625rem;
	border-bottom:1px solid #fff;
	position: relative;
}
.footerNav > ul > li > a{
	display:block;
	line-height: 2.5rem;
	height: 2.5rem;
}
.menu li > a {
	display:block;
	text-align:center;
	line-height: 4rem;
	height: 4rem;
	font-size:0.9375rem;
}
.footerNav > ul > li > ul{
	display:none;
	padding-left:1.5rem;
	padding-bottom: 1rem;
}
.footerNav > ul > li > ul > li > a{
	display:block;
	line-height:1.5rem;
	height:1.5rem;
}
.footerNav .fold::after,
.footerNav .unfold::after {
	font-size:1.25rem;
	position: absolute;
	right:0px;
	top:0px;
	line-height: 2.5rem;
	height: 2.5rem;
	font-weight: bold;
	color:#FFF;
}
.footerNav .fold::after {
	content:'+';
}
.footerNav .unfold::after {
	content:'-';
}
.copyright {
	font-size:0.5rem;
	padding:0.725rem 0.9375rem;
	background:#32394c;
	line-height:1.25rem;
	color:#FFF;
}
.footerLogo {
	padding:0.75em;
	background: #32394c;
}
.footerLogo img {
	width:1.75rem;
	height:auto
}
.layerMask {
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:#32394c;
	z-index: 100;
}
footer {
	background:#32394c;
}
@keyframes scale{
	from {transform:scale(0, 0)}
	to {transform:scale(1, 1)}
}
@keyframes fadeOut{
	from {opacity: 1}
	to {opacity: 0; display:none}
}