/* common */
* {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
	box-sizing: border-box;
}
html,body{width: 100%;}
body{background: #035dbe;}
body,
button,
input,
select,
textarea,
p {
	font: 14px Microsoft Yahei, \5FAE\8F6F\96C5\9ED1, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
select,
textarea {
	font-size: 100%;
}

em {
	font-style: normal;
}

ul,
ol,
li {
	list-style: none;
	font-family: "Microsoft Yahei";
}

a {
	text-decoration: none;
	outline: thin none;
}

a:hover {
	text-decoration: none;
}

video {
	border: none;
	outline: none;
}

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

.clear {
	clear: both;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.after::after {
	clear: both;
	content: "";
	display: block;
}

p {
	text-align: justify;
}

img {
	vertical-align: top;
	outline: 0;
	border: 0;
	vertical-align: top;
}

html {
	background: #e1f5ff;
}

/* base */
.xyzp{
	text-align: center;
	
}
.xyzp img{
	width: 100%;
}
.container {
	/* width: 100%; */
	/* min-width: 1000px; */
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.box_tit{height: 75px; background: url(../images/tit.png) no-repeat center center;background-size: auto 100%;margin-bottom: 50px;}
.box_tit h3{line-height: 65px; font-size: 28px;color: #fff;text-align: center;}

.jobbox{height: auto; overflow: hidden; padding:100px 0px 60px 0px;}
.jobbox .lbar{width:220px; height: auto;overflow: hidden; float: left; min-height:30rem; margin-right:1rem;}
.jobbox .lt{height:3rem; line-height:3rem; background:#283fca; text-align: center; font-size:1rem; color: #fff; font-weight: bold;}
.jobbox .ltab{}
.jobbox .ltab li{height:auto;overflow: hidden; margin-bottom:2px;}
.jobbox .ltab li a{height:4rem; line-height:4rem; display: block;  background:-webkit-linear-gradient(left,#00a4f5,#0078df); text-align: center; color:#fff; cursor:pointer; }
.jobbox .ltab li a p{text-align: center; line-height:4rem;font-size:18px;}
.jobbox .ltab li:nth-child(1) a{}
.jobbox .ltab li:hover a{background:-webkit-linear-gradient(left,#00c2f8,#009aec); color:#fff; font-weight: bold;}
.jobbox .ltab li:hover a p{font-weight: bold;}
.jobbox .ltab>li.active>a, .ltab>li.active>a:focus, .ltab>li.active>a:hover {background:-webkit-linear-gradient(left,#00c2f8,#009aec); color:#fff; }
.jobbox .ltab>li.active>a p, .ltab>li.active>a:focus p, .ltab>li.active>a:hover p{ font-weight: bold;}
.jobbox .lb{}
.jobbox .lb a{height:4rem; line-height:4rem; display: block; font-size:18px; background:-webkit-linear-gradient(left,#00c2f8,#009aec); text-align: center; color:#fff; cursor:pointer; }
.jobbox .lb a:hover{opacity:0.8;}
.jobbox .tabCon{height: auto; overflow: hidden; min-height:30rem;}
.jobbox .rt{height:3rem; line-height:3rem; background:#283fca; text-align: center; font-size:1rem; color: #fff; font-weight: bold;}
.jobbox .intro{height: auto; overflow: hidden; background:#3387f1; padding:20px 30px 20px 30px; margin-bottom:15px;}
.jobbox .intro p{font-size:15px; line-height:2; color:#fff;}
.jobbox .snav{height: auto; overflow: hidden; background:#3387f1; padding:30px 30px 10px 30px; margin-bottom:15px;}
.jobbox .snav ul{display: flex; flex-wrap:wrap; justify-content:flex-start; align-items: center;}
.jobbox .snav li{width:23%; height: auto; overflow: hidden; margin:0 1% 0.75rem 1%;}
.jobbox .snav a{width:100%; height:4rem; line-height:4rem; display: block; font-size:16px; border-radius:10px; background: rgba(255, 255, 255, 0.6); text-align: center; color:#333; cursor:pointer; padding:0 30px; }
.jobbox .snav a:hover{background:#035dbe; color:#fff;}
.jobbox .snav li.active a,.jobbox .snav li.active a:link,.jobbox .snav li.active a:visited{background:#035dbe; color:#fff; font-weight: bold; }
.jobbox  .list_tit{height:2.5rem; line-height:2.5rem; overflow: hidden; background:#0a5cfe; display: flex; justify-content:space-between; align-items: center; border-radius:0.5rem; margin:0.4rem 0 0 0;}
.jobbox  .list_tit span{font-size:0.75rem; color:#fff;}
.jobbox  .list_tit span.t1{width:35%; padding:0 0 0 2.2rem; text-align: left;}
.jobbox  .list_tit span.t2{width:25%; padding:0 0 0 0.7rem; text-align: left;}
.jobbox  .list_tit span.t3{width:20%; padding:0 1.5rem 0 0.5rem;text-align: left; }
.jobbox  .list_tit span.t4{width:20%; text-align: right; padding:0 2.5rem 0 0;}


.xyzp .pagebox1{padding:30px 0 30px 0;}
.xyzp .pagebox1 p{font-size: 16px;line-height: 2;text-indent:2em; color: #fff;}
.xyzp .pagebox2{padding: 30px 0 50px 0;}
.xyzp .pagebox2 .box_con{background:#7bb9fd;}
.xyzp .pagebox2 .box_con p{text-align: center;font-size: 20px;padding: 4rem 0;color: #094dbf;font-weight: 700;}
.xyzp .pagebox3{padding: 50px 0;}
.xyzp .pagebox3 .box_con{margin-top: 50px;}
.xyzp .pagebox3 ul{display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;}
.xyzp .pagebox3 ul li{width: 32%;padding: 70px 40px;margin-bottom: 60px;position: relative; color: #333;font-size: 18px;line-height: 2; background: linear-gradient(45deg,#5eb0fa,#dee5ff);font-weight: 700;}
.xyzp .pagebox3 ul li span{display: block;width: 40px;height: 40px;position: absolute;top: -20px;left: 50%;transform: translateX(-20px);background: linear-gradient(45deg,#e12a62,#fee25d);line-height: 40px;color: #fff;font-size: 24px;font-weight: 700;}
.xyzp .pagebox3 ul li:nth-child(2){margin: 0 2% 60px 2%;}
.xyzp .pagebox3 ul li:nth-child(4){width: 100%; text-align: left;}
.xyzp .pagebox3 ul li:nth-child(4) span{text-align: center;}
.xyzp .pagebox3 ul li.tab table{border-collapse: collapse;}
.xyzp .pagebox3 ul li.tab td{width: 50%;text-align: center;padding: 30px 40px;border: 2px solid #0578d1;}
.xyzp .pagebox3 ul li.tab tr:nth-child(1){background-color: #4c9dec;}
.xyzp .pagebox3 ul li.tab tr:nth-child(1) td{padding: 10px; color: #fff;border-bottom:2px solid #4c9dec ;/* border-top:2px solid #4c9dec ; */}
.xyzp .pagebox4{padding: 50px 0;}
.xyzp .pagebox4 ul{display: flex;justify-content: space-between;align-items: center;}
.xyzp .pagebox4 ul li{width: 50%; padding: 30px 90px;line-height: 1.8;color: #fff;font-size: 18px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;}
.xyzp .pagebox4 ul li img{display: block;width: 40px;height: 40px;margin: 0 auto;}
.xyzp .pagebox4 ul li h3{font-size: 24px;text-align: center;}
.xyzp .pagebox4 ul li p{line-height: 1.8;color: #fff;font-size: 18px;text-align: center;}
.xyzp .pagebox4 ul li:nth-child(1){border-right:3px solid #afe0fe ;}
.xyzp .pagebox4 ul li:nth-child(2) p{padding-bottom: 8rem;}
.xyzp .pagebox4 .box_con {width:100%; background:#3387f1; padding:30px 50px 30px 50px; margin:30px auto;}
.xyzp .pagebox4 .box_con p{font-size:16px; color:#fff; font-weight: bold; line-height:2.4; padding-left:22%;}
.xyzp .pagebox5{padding: 50px 0;}
.xyzp .pagebox5 img{display: block;width: 90%; margin: 0 auto;margin-bottom: 30px;}
.xyzp .pagebox5 .box_con .txt{padding: 50px 60px;/* border: 1px solid #fff; */background: #7bb9fd;}
.xyzp .pagebox5 .box_con .txt p{ color: #094dbf;font-weight: 700;  font-size: 18px; line-height: 2;}
.xyzp .pagebox5 .box_con p::before{content: '';display: inline-block;width: 8px;height: 8px; border-radius: 4px;background-color: #094dbf;margin-right: 20px;vertical-align: middle;}
.xyzp .pagebox6{padding: 50px 0;}
.xyzp .pagebox6 .box_con {padding: 50px 80px;/* border: 1px solid #fff; */ background: #7bb9fd; background:linear-gradient(45deg,#5eb0fa,#dee5ff);}
.xyzp .pagebox6 .box_con p{color: #333; font-size: 18px;font-weight: 700; line-height: 2;width: 50%; margin: 0 auto;}
.xyzp .pagebox6 .box_con p span{color:#094dbf;}
.xyzp .pagebox7{padding: 50px 0;}
.xyzp .pagebox7 .box_con {padding: 50px 80px; /* background:linear-gradient(45deg,#5eb0fa,#dee5ff); */ }
.xyzp .pagebox7 .box_con p{color: #fff;font-weight: 700; font-size: 18px; line-height: 2;}



.challenge .pagebox1{padding: 60px 0;}
.challenge .pagebox1 .box_con{padding: 50px 80px ; background:linear-gradient(45deg,#5eb0fa,#dee5ff);}
.challenge .pagebox1 .box_con p{text-align: center;font-size: 26px;color: #094dbf;font-weight: 700;}
.challenge .pagebox2{padding: 60px 0;}
.challenge .pagebox2 p{text-align: center;font-size: 20px;color: #fff;}
.challenge .pagebox2 ul{display: flex; justify-content: space-around;align-items: center;margin-top: 40px;}
.challenge .pagebox2 ul li{width: 30%;text-align: center;height: 150px;line-height: 150px; color: #fff;font-size: 28px}
.challenge .pagebox2 ul li:nth-child(1){background: -webkit-linear-gradient(left,#379dff,#ac8eeb);}
.challenge .pagebox2 ul li:nth-child(2){background: -webkit-linear-gradient(left,#4fc3ee,#9ed05d);}
.challenge .pagebox2 ul li:nth-child(3){background: -webkit-linear-gradient(left,#79b9ff,#dca0a9);}
.challenge .pagebox3{padding: 60px 0;}
.challenge .pagebox3 p{text-align: center;font-size: 20px;color: #fff;}
.challenge .pagebox3 ul{display: flex; justify-content: space-around;align-items: center;margin-top: 40px;}
.challenge .pagebox3 ul li{width: 30%; padding: 30px;background: linear-gradient(45deg,#5eb0fa,#dee5ff);}
.challenge .pagebox3 ul li img{height: 80px;display: block;float: left;margin: 0 30px;}
.challenge .pagebox3 ul li h3{font-size: 28px; color: #094dbf; font-weight: bold; margin: 8px 0;}
.challenge .pagebox3 ul li span{font-size: 16px;color: #000;}
.challenge .pagebox4{padding: 60px 0;}
.challenge .pagebox4 .box_con{padding: 70px 80px ; background:linear-gradient(45deg,#5eb0fa,#dee5ff);}
.challenge .pagebox4 .box_con p{text-align: center;font-size: 26px;color: #094dbf;font-weight: 700;}

.gyscyd .pagebox1{padding:100px 0 60px 0;}
.gyscyd .pagebox2{padding: 60px 0;}
.gyscyd .pagebox2{padding:0px 0 60px 0; height:auto; overflow: hidden;}
.gyscyd .pagebox2 .box_con{padding:0;}
.gyscyd .pagebox2 .box_con p{font-size:18px; color:#fff; line-height:2.4; text-indent:2em;}
.gyscyd .pagebox2 .box_con p strong{color:#fff;}
.gyscyd .pagebox2 .box_list{height: auto; overflow: hidden; display: flex; justify-content:space-between; align-items: center; margin:40px 0;}
.gyscyd .pagebox2 .box_list li{width:32%; height:130px; overflow: hidden; padding:30px; text-align: left; background:linear-gradient(45deg,#5eb0fa,#dee5ff);}
.gyscyd .pagebox2 .box_list li img{height:68px; display: block; float: left; margin:0 20px 0 20px;}
.gyscyd .pagebox2 .box_list li h3{font-size:25px; color:#094dbf; font-weight: bold; margin:10px 0 10px 0;}
.gyscyd .pagebox2 .box_list li p{font-size:14px; color:#000; margin:10px 0 ;}
.gyscyd .pagebox2 .box_video{width:100%; height: auto; overflow:hidden; margin:40px 0;}
.gyscyd .pagebox2 .box_video video{width:100%; display: block;}
.wrapper {
	width: 100%;
	/* min-width: 1000px; */
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.header {
	background: #557fd3;
	border-bottom: 3px solid #2540a7;
}

.header .logo {
	float: left;
	margin-top: 30px;
	margin-left: 20px;
}

.header .menu {
	float: right;
	font-size: 24px;
}

.header .menu li {
	position: relative;
	float: left;
}

.header .menu li .btn {
	color: #ffffff;
	padding: 0 30px;
	height: 105px;
	line-height: 105px;
	display: block;
	min-width: 134px;
	text-align: center;
}

.header .menu li .main {
	position: absolute;
	top: 105px;
	left: 0;
	right: 0;
	background: #e1f5ff;
	border-top: 3px solid #2540a7;
	display: none;
}

.header .menu li .main dd a {
	height: 60px;
	line-height: 60px;
	display: block;
	text-align: center;
	color: #666ca4;
}

.header .menu li .main dd a:hover {
	color: #fffab2;
	background: #3eb4e2;
}

.header .menu li.active {
	background: #fffab2;
}

.header .menu li.active .btn {
	color: #666ca4;
}

.header .menu li:hover .main {
	display: block;
}

.copy {
	background: #3387f1;
	text-align: center;
	color: #fefefe;
	font-size: 16px;
	height: 53px;
	line-height: 53px;
}
.copy img{
	margin-top: 11px;
}
.banner img {
	width: 100%;
}

.footer {
	background: #7bd7b7 url(../images/footer.png) no-repeat center center;
	border-top: 3px solid #25876a;
	height: 197px;
	font-size: 14px;
	color: #424242;
}

.footer .main {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.footer .left {
	float: left;
}

.footer .left dl {
	float: left;
}
.footer .left dd em{
	display: inline-block;
	background: #278a6d;
	color: #FFFFFF;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	border-radius: 20px;
}
.footer .left dl:first-child {
	float: left;
	margin-right: 70px;
}

.footer .right {
	float: right;
}

.footer .right dd img{
	float: left;
}
.footer .right dd p{
	margin-left: 97px;
	line-height: 19px;
	font-size: 12px;
}
.footer .right dd p b{
	font-weight: bold;
	color: #2540a7;
}

.footer dl {
	margin-top: 45px;
}

.footer dt {
	font-weight: bold;
	line-height: 24px;
	margin-bottom: 10px;
}

.footer dt i {
	width: 2px;
	height: 14px;
	background: #424242;
	display: inline-block;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}

.footer .left dd {
	line-height: 28px;
}

.sp {
	background: url(../images/sp.png) center top no-repeat;
	height: 600px;
}

.sp-slides {
	width: 907px;
	height: 510px;
	margin: 17px 0 0 145px;
	float: left;
	display: inline;
	overflow: initial !important;
	position: relative;
}

.sp-slides img {
	width: 907px;
	height: 510px;
}

.sp-slides .slidesjs-navigation {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 2;
	width: 150px;
	text-indent: 9999px;
	overflow: hidden;
}

.slidesjs-previous {
	left: -150px;
}

.slidesjs-next {
	right: -150px;
}

.slidesjs-pagination {
	margin-top: 50px;
	text-align: center;
}

.slidesjs-pagination li {
	display: inline;
	margin-left: 15px;
}

.slidesjs-pagination li a {
	border: 2px solid #ff9ba2;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	text-indent: 9999px;
	overflow: hidden;
	display: inline-block;
	opacity: 0.5;
}

.slidesjs-pagination li:first-child {
	margin-left: 0;
}

.slidesjs-pagination li a.active {
	opacity: 1;
}

.back {
	position: fixed;
	bottom: 100px;
	right: 10%;
	z-index: 999;
	display: none;
	cursor: pointer;
}


.navBox{
	position: relative;
	width: 100%;
	height: 108px;
	background: url("../images/plan/bgNav.jpg") repeat-x;
}
.navList{
	position: relative;
	margin: 0 auto;
	padding: 35px 0;
	width: 1200px;
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
}
.navList .logo{
	position: absolute;
	left: 10px;
	top: 28px;
}
.navList .tab{
	position: relative;
	display: block;
	margin: 0 30px;
	color: #fff;
	font-size: 20px;
	line-height: 30px;
}
.navList .tab.on{
	border-bottom: #47ffff 3px solid;
}
.navList .tab:hover{
	border-bottom: #47ffff 3px solid;
}
@media screen and (min-width:1000px) {
	.container {
		max-width: 1200px;
	}
}
@media screen and (max-width:1000px) {
	.wrapper{min-width: 100%;}
	.container {
		width: 100%;
		padding-left:  1rem;
		padding-right:  1rem;
		
	}
	.header .menu li .btn{
		padding: 0 10px;
		max-width: inherit;
	}
	.navList .tab {
	    position: relative;
	    display: block;
	    margin: 0 15px;
	    color: #fff;
	    font-size: 20px;
	    line-height: 30px;
	}
	.navList{width: 100%;}
	.back{
		right: 1%;
	}
	.footer .main {
	    width: 100%;
	    margin: 0 auto;
	    position: relative;
	}
}