/* 公共样式 */
.box_In{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}


.wrap{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.a_btn{
	display: block;
	width: 199px;
	height: 50px;
	border: 1px #00f0ff solid;
	font-size: 21px;
	color: #fff;
	letter-spacing: 6px;
	text-align: center;
	line-height: 50px;
	margin: 0 auto;
}

.box_hd{text-align: center;}
.box_hd h2{
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	position: relative;
	padding: 0 80px;
}
.box_hd h2 img{position: absolute;top: 24px;}
.box_hd h2 .boxleft{left: 0;}
.box_hd h2 .boxright{right: 0;}


/* banner */
.banner_wap{display: none;}
.banner{
	position: relative;
	overflow: hidden;
}
.banner .banbg1,.banner .banbg2,.banner .banbg3,.banner .banbg4{width: 100%;height: 415px;}
.banner .banbg1{background: url("../images/banbg1.jpg") no-repeat center top;}
.banner .banbg2{background: url("../images/banbg2.jpg") no-repeat center top;}
.banner .banbg3{background: url("../images/banbg3.png") no-repeat center top;}
.banner .banbg4{background: url("../images/banbg4.png") no-repeat center top;}
.banner .con{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	overflow: hidden;
}
.banner .con .video_box{
	position: absolute;
	left: 50%;
	margin-left: -960px;
	top: 0;
	opacity: .7;
}
.banner .con .mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(17,0,62,.6);
	z-index: 8;
}
.banner .box_In{
	position: absolute;
	left: 50%;
	margin-left: -600px;
	top: 0;
}
.banner .con .ban1{display: block; margin: 85px auto 26px;}
.banner .con .banp{text-align: center;}
.banner .con .banp p{
	font-size: 28px;
	color: #fff;
	display: inline-block;
	padding: 0 98px;
	position: relative;
}
.banner .con .banp p img{
	position: absolute;
	top: 3px;
}
.banner .con .banp p .banleft{left: 0;}
.banner .con .banp p .banright{right: 0;}



.box1{
	width: 100%;
	background: #11003e;
	padding: 66px 0 0;
}
.box1 .box1_con{padding: 68px 0;}
.box1 .box1_con .box1con_left{
	float: left;
	margin: 20px 0 0 38px;
}
.box1 .box1_con .box1con_left .box1list1{
	width: 370px;
	height: 556px;
	background: url("../images/zbbg1.jpg") no-repeat center bottom;
	position: relative;
}
.box1 .box1_con .box1con_left .box1list1 h2{
	font-size: 30px;
	color: #3af2c5;
	text-align: center;
	font-weight: bold;
	position: absolute;
	left: 20px;
	bottom: 510px;
	width: 330px;
}
.box1 .box1_con .box1con_left .box1list1 h3{
	font-size: 23px;
	color: #fff;
	/*padding: 60px 0 0 30px;*/
	padding: 60px 0 0 0;
	text-align: center;
	margin-right: 22px;
}
.box1 .box1_con .box1con_left .box1list1 h3 span{color: #ffde2a;}
.box1 .box1_con .box1con_left .box1list1 img{
	margin: 97px 0 0 115px;
	border-radius: 15px;
}
.box1 .box1_con .box1con_left .box1list1 a,.box1 .box1_con .box1con_left .box1list1 em{display: none;}
.box1 .box1_con .box1con_left .box1list1 p{
	font-size: 23px;
	color: #fff;
	margin: 86px 0 0 90px;
	width: 362px;
}
.box1 .box1_con .box1con_left .box1list1 p span{color: #3cfccc;}

.box1 .box1_con .box1con_left .box1list2{
	width: 390px;
	height: 555px;
	background: url("../images/zbbg2s.jpg") no-repeat center bottom;
	position: relative;
}
.box1 .box1_con .box1con_left .box1list2 h2{
	font-size: 32px;
	color: #3af2c5;
	text-align: center;
	font-weight: bold;
	padding: 52px 0 0 35px;
	width: 320px;
}
.box1 .box1_con .box1con_left .box1list2 img{
	position: absolute;
	left: 223px;
	top: 205px;
	width: 17px;
}
.box1 .box1_con .box1con_left .box1list2 a{
	position: absolute;
	width: 262px;
	height: 66px;
	left: 50%;
	margin-left: -131px;
	top: 280px;
}


.box1 .box1_con .box1con_right{
	float: right;
	width: 687px;
	height: 548px;
	border-right: 1px #3d3554 solid;
}
.box1 .box1_con .box1con_right ul{
	width: 695px;
	height: 100%;
	overflow-y: auto;
}
.box1 .box1_con .box1con_right ul::-webkit-scrollbar {
	width: 15px;
	height: 1px;
}
.box1 .box1_con .box1con_right ul::-webkit-scrollbar-thumb {
	width: 15px;
	border-radius: 10px;
	background: #3dfdcd;
}
.box1 .box1_con .box1con_right ul::-webkit-scrollbar-track{
	width: 15px;
	height: 1px;
}
.box1 .box1_con .box1con_right ul li{
	width: 635px;
	height: 80px;
	border: 1px #2d00a2 solid;
	border-radius: 15px;
	padding: 8px 0;
	margin: 0 0 7px 14px;
	position: relative;
	cursor: pointer;
}
.box1 .box1_con .box1con_right ul li h2{
	font-size: 25px;
	color: #fff;
	text-align: center;
	padding-top: 26px;
	font-weight: bold;
	width: 228px;
	float: left;
}
.box1 .box1_con .box1con_right ul li h2 a{display: none;position: relative;width: 104px;height: 23px;margin: 5px auto;}
.box1 .box1_con .box1con_right ul li h2 img{
	/*margin: 5px auto 0;*/
}
.box1 .box1_con .box1con_right ul li h2 img.zbzgif{
	position: absolute;
	right: 13px;
	bottom: 6px;
}
.box1 .box1_con .box1con_right ul li h2 b{
	display: none;
	margin: 8px auto 0;
	width: 114px;
	height: 23px;
	font-size: 15px;
	color: #11003e;
	text-align: center;
	line-height: 23px;
	background: #3cfacb;
	border-radius: 13px;
}

.box1 .box1_con .box1con_right ul li .contime{
	float: left;
	height: 80px;
	border-left: 1px #3100b4 dashed;
	padding: 0 24px 0 30px;
}
.box1 .box1_con .box1con_right ul li .contime h3{
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	padding: 8px 0 10px;
}
.box1 .box1_con .box1con_right ul li .contime p{
	font-size: 18px;
	color: #fff;
	background: url("../images/time1.jpg") no-repeat left center;
	padding-left: 50px;
}
.box1 .box1_con .box1con_right ul li .contime b{
	font-size: 22px;
	color: #3bf5c7;
}


.box1 .box1_con .box1con_right ul li.cur{
	background: #0fccff;
	border-color: #0fccff;
}
.box1 .box1_con .box1con_right ul li.cur:before{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -14px;
	left: -15px;
	width: 0;
	height: 0;
	border-right: 14px solid #0fccff;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	z-index: 5;
}
.box1 .box1_con .box1con_right ul li.cur h2{color: #11003e;}
.box1 .box1_con .box1con_right ul li.ings h2{padding-top: 10px;}
.box1 .box1_con .box1con_right ul li.ings h2 a{display: block;}
.box1 .box1_con .box1con_right ul li.ends h2{padding-top: 8px;}
.box1 .box1_con .box1con_right ul li.ends h2 b{display: block;}
.box1 .box1_con .box1con_right ul li.cur .contime{border-color: #313ced;}
.box1 .box1_con .box1con_right ul li.cur .contime h3{color: #11003e;}
.box1 .box1_con .box1con_right ul li.cur .contime p{background: url("../images/time2.jpg") no-repeat left center;}
.box1 .box1_con .box1con_right ul li.cur .contime p,
.box1 .box1_con .box1con_right ul li.cur .contime p b{color: #11003e;}




/*box2开始*/
.box2{background: #11003e;padding-bottom: 60px;}
.box2 .box_In{border-radius: 10px;padding: 50px 0 54px;}
.box2 .box2_con{padding-top: 30px;}
.box2 .box2_con ul{width: 1204px;margin: 25px 0 0 11px;overflow: hidden;}
.box2 .box2_con ul li{width: 570px;float: left;margin-right: 30px;}
.box2 .box2_con ul li .boxtop{width: 570px;height: 236px;background: #f6f2ff; cursor: pointer; border: 1px #21f495 solid;border-radius: 10px;padding-top: 16px;position: relative;}
.box2 .box2_con ul li .boxtop .boxtop_left{width: 415px;float: left;padding-bottom: 50px;}
.box2 .box2_con ul li .boxtop .boxtop_left h2{
	display: inline-block;
	font-size: 24px;
	color: #fff;
	padding: 0 10px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	background: -webkit-linear-gradient(left, #6849b8, #350c9e);
	background: -o-linear-gradient(left, #6849b8, #350c9e);
	background: -moz-linear-gradient(left, #6849b8, #350c9e);
	background: linear-gradient(left, #6849b8, #350c9e);
	box-shadow: 4px 4px 0 #729781;
	margin-left: -1px;
}
.box2 .box2_con ul li .boxtop .boxtop_left h3{
	font-size: 26px;
	color: #151515;
	padding: 8px 0 10px 22px;
}
.box2 .box2_con ul li .boxtop .boxtop_left p{
	font-size: 22px;
	color: #333333;
	padding-left: 52px;
	background: url("../images/bottime.jpg") no-repeat 23px center;
}
.box2 .box2_con ul li .boxtop .boxtop_left p span{
	display: inline-block;
	width: 264px;
	height: 27px;
	background: #ebebeb;
	border-radius: 14px;
	font-size: 16px;
	color: #340b9e;
	text-align: center;
	line-height: 27px;
	margin-left: 10px;
}
.box2 .box2_con ul li .boxtop .boxtop_left a{
	position: absolute;
	width: 217px;
	height: 38px;
	background: #ffb83c;
	border-radius: 19px;
	box-shadow: 0 5px 0 #729781;
	font-size: 22px;
	color: #151515;
	text-align: center;
	line-height: 38px;
	left: 50%;
	margin-left: -108px;
	bottom: 20px;
}
.box2 .box2_con ul li .boxtop .boxtop_right{
	float: right;
	width: 133px;
	margin-right: 6px;
}
.box2 .box2_con ul li .boxtop .boxtop_right img{
	width: 116px;
	display: block;
	margin: 15px auto 10px;
}
.box2 .box2_con ul li .boxtop .boxtop_right p{
	font-size: 16px;
	color: #010101;
	text-align: center;
}


.box2 .box2_con ul li .boxtop img.boxtopbot{position: absolute; left: 252px;bottom: -17px;display: none;}
.box2 .box2_con ul li .boxtop.cur img.boxtopbot{display: block;}

.boxs ul li .boxbot{width: 1104px;margin-top: 40px;border: 1px #21f495 solid; display: none;background: #f6f2ff;border-radius: 10px; padding: 30px 36px 65px;}
.boxs ul li.curli .boxbot{margin-left: -600px;}
.boxs ul li.curli2 .boxbot{margin-left: -393px;}
.boxs ul li.curli3 .boxbot{margin-left: -786px;}
.boxs ul li.curli4 .boxbot{margin-left: -222px;}
.boxs ul li.curli5 .boxbot{margin-left: -615px;}
.boxs ul li .box2bot_con .box2bot_list{position: relative;padding: 2px 50px 5px 42px;}
.boxs ul li .box2bot_con .box2bot_list h2{font-size: 25px;color: #333333;padding-bottom: 10px;font-weight: bold;}
.boxs ul li .box2bot_con .box2bot_list p{font-size: 19px;color: #161616;line-height: 32px;position: relative;margin-bottom: 15px;}
.boxs ul li .box2bot_con .box2bot_list p .shouqi{font-size: 20px;color: #ff4e5b;margin-left: 20px;cursor: pointer;}
.boxs ul li .box2bot_con .box2bot_list p span{display: inline-block; width: 95px;height: 35px;background: #ffb83c;font-size: 22px;color: #4d4c4c;text-align: center;line-height: 35px;box-shadow: 2px 2px 0 #acacac;}
.boxs ul li .box2bot_con .box2bot_list p em{font-style: inherit;}
.boxs ul li .box2bot_con .box2bot_list img{position: absolute;left: 0;top: 2px;}
.boxs ul li .box2bot_con .box2bot_list  .zhaopin_p{font-size: 15px;color: #737373;font-weight: bold;}
.boxs ul li .box2bot_con .box2bot_list p .shouqi2{position: absolute;width: 130px;height: 70px;left: 265px;bottom:-15px;}

















.piaofu{
	width: 161px;
	height: 213px;
	position: fixed;
	right: 24px;
	top: 300px;
	z-index: 10;
	color: white;
    font-size: 2.5em;
    background: #111;
    font-family: sans-serif;
    border-radius: 0.2em;
    display: none;
}
.piaofu::after {
	content: '';
	position: absolute;
	width: 102%;
	height: 102%;
	background-color: orange;
	z-index: -1;
	background-image: linear-gradient(60deg, #007eff, #00d7ff, #21f495, #003ece, #00c4f5, #21f495, #00b0ff, #00ddff);
}
.piaofu::after {
	background-size: 300%, 300%;
	animation: animate_bg 2s ease infinite alternate;
}
@keyframes animate_bg {
	0% {
		background-position: 0%, 50%;
	}
	50% {
		background-position: 100%, 50%;
	}
	100% {
		background-position: 0%, 50%;
	}
}


.clears::after{
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
.clears{
	zoom: 1;
}