/* 公共样式 */
.m{
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.wrap{
	width: 100%;
	height: 100%;
}
.banner{
	width: 100%;
	height: 666px;
	background: url("../images/banner.jpg") no-repeat center top;
	position: relative;
}
.banner .banner-m{
	position: relative;
}
.banner .ban{
	position: absolute;
	right: 85px;
	top: 180px;
}
.banner ul{
	position: absolute;
	right: 134px;
	top: 445px;
}
.banner ul li{
	float: left;
	width: 222px;
	height: 46px;
}
.banner ul li a{
	float: left;
	width: 100%;
	height: 100%;
	font-size: 23px;
	color: #fff;
	line-height: 46px;
	text-align: center;
	border-radius: 8px;
}
.banner ul li.ul-left{
	margin-right: 52px;
}
.banner ul li.ul-left a{
	border: 1px #00fffc solid;
	background: #14183c;
}
.banner ul li.ul-left a:hover{
	border:1px solid #fcf52b;
}
.banner ul li.ul-right a{
	border: 1px #00fffc solid;
}
.banner ul li.ul-right a:hover{
	border:1px solid #fcf52b;
}
.banner .btm{background:url(../images/ban-youhuibg.png) no-repeat center;height:82px;
 position: absolute;bottom: 0;left: 0;z-index: 99;width: 100%;}
.banner .btm .m{overflow: hidden;}
.banner .btm .m .yh_left{float: left;margin:0 30px 0 45px;}
.banner .btm .m .yh_right{float: left;}
.banner .btm .m .yh_right p{color: #fff;font-size: 22px;line-height: 82px;height: 82px;}
.banner .btm .m .yh_right .span1{color: #E9FD2C;font-size:28px;font-weight:bold;margin: 0 10px 0 10px;}  
/* box1 */
.box1{
	width: 100%;
	height: 100%;
}
.box1 .m>h2{
	font-size: 36px;
	color: #333;
	font-weight: bold;
	text-align: center;
	line-height: 138px;
}

/* box2 */
.box2{
	width: 100%;
	background: #E7EDEB;
	padding-bottom: 40px;
}
.box2-main{overflow: hidden;padding-top:60px ;}
.box2-main h3{font-size:28px;font-weight: bold;}

.box2-main .box2-left{float: left;width: 578px;}
.box2-main .box2-right{float: right;width: 580px;}
.box2-main .box2-left h3{color:#0CC6AE ;}
.box2-main .box2-right h3{color:#1F255E ;}
.box2-main ul{margin-top:25px ;}
.box2-main ul li{border-radius: 10px;margin-bottom: 25px;height: 340px;}
.box2-main ul li img{border-radius: 10px 10px 0 0 ;}
.box2-main ul li .p1{font-size: 14px;color: #666;padding:15px 10px 0px 13px;}
.box2-main ul li .p2{font-size: 20px;color: #0CC6AE;padding:10px 10px 10px 13px;font-weight: bold;}
.box2-main .box2-left ul li .li_top img{border: 12px solid #0CC6AE;}
.box2-main .box2-right ul li .li_top img{border: 12px solid #1F255E;}
.box2-main .box2-left li{border: 1px solid #0CC6AE;}
.box2-main .box2-right li{border: 1px solid #1F255E;}
.box2-main .box2-right  ul li .p2{color: #1F255E;}
/* box3 */
.box3{
	width: 100%;
	height: 732px;
	background: #1f255e;
}
.box3 .box3-top{
	width: 745px;
	height: 60px;
	border: 1px #10a69e solid;
	margin-left: 240px;
	margin-top: 80px;
	position: relative;
}
.box3 .box3-top h2{
	width: 265px;
	background: #1f255e;
	font-size: 42px;
	color: #0ee6ca;
	font-weight: bold;
	text-align: center;
	position: absolute;
	left: 235px;
	top: -30px;
}
.box3 .box3-top h4{
	background: #1f255e;
	font-size: 24px;
	color: #fff;
	text-align: center;
	position: absolute;
	left: 95px;
	bottom: -12px;
}
.box3 .box3-bot{
	width: 100%;
	height: 450px;
	margin-top: 68px;
}
.box3 .box3-bot .bot-left{
	width: 450px;
	height: 100%;
	float: left;
}
.box3 .box3-bot .bot-left ul{
	width: 436px;
	height: 100%;
	margin-left: 14px;
	border-left: 1px #0e112b solid;
}
.box3 .box3-bot .bot-left ul li{
	margin-bottom: 20px;
	position: relative;
	padding-left: 30px;
	padding-top: 15px;
}
.box3 .box3-bot .bot-left ul li h2{
	font-size: 20px;
	color: #0ee6ca;
	line-height: 36px;
}
.box3 .box3-bot .bot-left ul li h2 span{
	position: absolute;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	border-radius: 15px;
	background: #0e112b;
	font-size: 16px;
	color: #0ee6ca;
	left: -15px;
	top: 20px;
}
.box3 .box3-bot .bot-left ul li p{
	font-size: 16px;
	color: #fff;
	line-height: 28px;
}
.box3 .box3-bot .bot-right{
	width: 740px;
	height: 100%;
	float: right;
}

/* box4 */
.box4{
	width: 100%;
	height: 841px;
}
.box4 .box4-top{
	width: 100%;
	height: 377px;
	background: url("../images/box4bg1.jpg") no-repeat center;
}
.box4 .box4-top .b4top-top{
	width: 597px;
	height: 62px;
	background: url("../images/box4bg3.png") no-repeat center;
	margin-top: 105px;
	margin-left: 302px;
	position: relative;
}
.box4 .box4-top .b4top-top h2{
	width: 100%;
	font-size: 42px;
	color: #0d112c;
	font-weight: bold;
	position: absolute;
	text-align: center;
	top: -30px;
}
.box4 .box4-top .b4top-top h4{
	width: 100%;
	font-size: 24px;
	color: #0d112c;
	position: absolute;
	text-align: center;
	bottom: -12px;
}
.box4 .box4-top p{
	font-size: 16px;
	color: #0d112c;
	text-align: center;
	line-height: 28px;
	padding-top: 44px;
}
.box4 .box4-bot{
	width: 100%;
	height: 464px;
	background: url("../images/box4bg2.jpg") no-repeat center;
}
.box4 .box4-bot .box4list{
	width: 100%;
	height: 384px;
	position: relative;
}
.box4 .box4-bot ul{
	width: 100%;
	height: 100%;
}
.box4 .box4-bot ul li{
	width: 232px;
	height: 383px;
	background: #fff;
	float: left;
	margin-right: 7px;
	margin-left: 2px;
	box-shadow: -2px 2px rgba(188, 191, 189, .5);
	position: relative;
}
.box4 .box4-bot ul li:nth-child(5){
	margin-right: 0;
}
.box4 .box4-bot ul li div{
	width: 171px;
	height: 119px;
	font-size: 24px;
	color: #fff;
	text-align: center;
	padding-top: 34px;
	margin-top: 48px;
	margin-left: 30px;
}
.box4 .box4-bot ul li .box4-1{
	background: url("../images/box4_1.jpg") no-repeat center;
}
.box4 .box4-bot ul li .box4-2{
	background: url("../images/box4_2.jpg") no-repeat center;
}
.box4 .box4-bot ul li p{
	width: 171px;
	margin-left: 30px;
	font-size: 14px;
	color: #0d112c;
	line-height: 22px;
	margin-top: 32px;
}
.box4 .box4-bot ul li span{
	position: absolute;
	right: 0;
	width: 76px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	bottom: 20px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}
.box4 .box4-bot ul li .span1{
	background: #1f255f;
}
.box4 .box4-bot ul li .span2{
	background: #0bbea7;
}
.box4 .box4-bot ol{
	width: 100%;
	height: 383px;
}
.box4 .box4-bot ol li{
	width: 100%;
	height: 100%;
	display: none;
}
.box4 .box4-bot ol li>img{
	float: left;
}
.box4 .box4-bot ol li div{
	width: 748px;
	height: 100%;
	float: right;
	background: #f1f1f1;
	position: relative;
}
.box4 .box4-bot ol li div h2{
	width: 678px;
	border-bottom:1px #0d112c solid;
	margin-left: 35px;
	font-size: 26px;
	color: #333333;
	margin-top: 50px;
	line-height: 50px;
}
.box4 .box4-bot ol li div h2 span{
	float: left;
	width: 28px;
	height: 28px;
	font-size: 22px;
	color: #fff;
	text-align: center;
	line-height: 28px;
	border-radius: 7px;
	margin: 10px 10px 0 10px;
}
.box4 .box4-bot ol li div h2 .sp1{
	background: #1f255f;
}
.box4 .box4-bot ol li div h2 .sp2{
	background: #0cc6ae;
}
.box4 .box4-bot ol li div p{
	width: 660px;
	margin-left: 44px;
	font-size: 16px;
	color: #002333;
	line-height: 26px;
	margin-top: 20px;
}
.box4 .box4-bot ol li div .close{
	position: absolute;
	right: 15px;
	top: 15px;
	cursor: pointer;
}
.box4 .box4-bot .btn{
	position: absolute;
	top: 174px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	display: none;
}
.box4 .box4-bot .btn-left{
	left: 0;
}
.box4 .box4-bot .btn-right{
	right: 0;
}

/* box5 */
.box5{
	width: 100%;
	height: 1248px;
	background: url("../images/box5.jpg") no-repeat center bottom;
}
.box5 h2{
	font-size: 42px;
	color: #323234;
	text-align: center;
	padding-top: 70px;
	padding-bottom: 10px;
}
.box5 .box5-p{
	font-size: 16px;
	color: #323234;
	text-align: center;
}
.box5 .box5-salary{
	width: 100%;
	height: 294px;
	margin-top: 60px;
}
.box5 .box5-salary .box5-lbg1{
	background: #0cc6ae;
}
.box5 .box5-salary .box5-lbg2{
	background: #1ce9a6;
}
.box5 .box5-salary .box5-lbg2 a{
	color: #333 !important;
}
.box5 .box5-salary .box5-left{
	width: 196px;
	height: 100%;
	border-radius: 5px;
	float: left;
	text-align: center;
}
.box5 .box5-salary .box5-left div{
	width: 147px;
	height: 112px;
	border-radius: 50%;
	background: #fff;
	font-size: 30px;
	color: #000;
	text-align: center;
	padding-top: 35px;
	margin: 40px 0 30px 25px;
}
.box5 .box5-salary .box5-left a{
	font-size: 20px;
	color: #fff;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px #fff solid;
}
.box5 .box5-salary .box5-right{
	width: 930px;
	height: 100%;
	float: left;
}
.box5 .box5-salary ul{
	width: 100%;
	height: 30px;
	border-bottom: 2px #323234 solid;
	margin: 10px 0;
}
.box5 .box5-salary ul li{
	float: left;
	font-size: 18px;
	color: #000;
	text-align: center;
}
.box5 .box5-salary .scr1{
	width: 130px;
	text-align: center;
}
.box5 .box5-salary .scr2{
	width: 180px;
	text-align: center;
}
.box5 .box5-salary .scrollDiv{
	width: 100%;
	height: 240px;
	overflow: hidden;
}
.box5 .box5-salary .scrollDiv ol li{
	float: left;
	border-bottom: 1px #cecece dashed;
}
.box5 .box5-salary .scrollDiv p{
	font-size: 16px;
	color: #000;
	line-height: 40px;
	float: left;
}

.box5 .box5-bot{
	width: 100%;
	height: 237px;
	margin-top: 64px;
}
.box5 .box5-bot div{
	width: 232px;
	height: 237px;
	float: left;
	background: #fff;
	margin-right: 8px;
}
.box5 .box5-bot div p{
	font-size: 16px;
	color: #323234;
	text-align: center;
	line-height: 24px;
	padding-top: 8px;
}

/* box6 */
.box6{
	width: 100%;
	height: 710px;
}
.box6 .box6-m{
	position: relative;
}
.box6 .box6-m .box6-pic{
	margin-left: 30px;
	margin-top: 103px;
}
.box6 .box6-m h2{
	position: absolute;
	font-size: 24px;
	color: #0cc6ae;
	font-weight: bold;
}
.box6 .box6-m p{
	position: absolute;
	font-size: 15px;
	color: #262626;
	line-height: 26px;
}
.box6 .box6-m .box6h1{
	right: 914px;
	top: 184px;
}
.box6 .box6-m .box6h2{
	left: 848px;
	top: 66px;
}
.box6 .box6-m .box6h3{
	left: 810px;
	bottom: 40px;
}
.box6 .box6-m .box6p1{
	right: 914px;
	top: 238px;
	text-align: right;
}
.box6 .box6-m .box6p2{
	left: 848px;
	top: 122px;
}
.box6 .box6-m .box6p3{
	left: 810px;
	bottom: 96px;
}

.box6s{
	width: 100%;
	height: 190px;
	background: #0cc6ae;
}
.box6s p{
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding-top: 24px;
	line-height: 30px;
}
.box6s a{
	float: left;
	width: 257px;
	height: 48px;
	font-size: 18px;
	color: #fff;
	background: #fb7600;
	text-align: center;
	line-height: 48px;
	margin-left: 472px;
	margin-top: 25px;
}

.box7 .box6-m h2{
	color: #1f255f;
}
.box7 .box6-m .box7h1{
	right: 862px;
	top: 60px;
}
.box7 .box6-m .box7h2{
	left: 848px;
	top: 60px;
}
.box7 .box6-m .box7h3{
	right: 924px;
	top: 458px;
}
.box7 .box6-m .box7h4{
	left: 902px;
	top: 470px;
}
.box7 .box6-m .box7p1{
	right: 862px;
	top: 116px;
	text-align: right;
}
.box7 .box6-m .box7p2{
	left: 848px;
	top: 116px;
}
.box7 .box6-m .box7p3{
	right: 924px;
	top: 516px;
	text-align: right;
}
.box7 .box6-m .box7p4{
	left: 902px;
	top: 516px;
}
.box7s{
	background: #1f255f;
}
.box7s a{
	background: #0cc6ae;
}
.box6 .yh{
	position: absolute;
	width: 99px;
	height: 38px;
	background: #fb7600;
	font-size: 24px;
	color: #fff;
	left: 544px;
	top: 398px;
	text-align: center;
	line-height: 38px;
}
.box7 .yh{
	left: 547px;
	top: 400px;
}

/* box8 */
.box8{
	width: 100%;
	height: 1222px;
}
.box8 .box8-m{
	position: relative;
}
.box8-m .box8-h2{
	font-size: 42px;
	color: #323234;
	font-weight: bold;
	text-align: center;
	padding-top: 62px;
}
.box8-m .box8-p{
	font-size: 20px;
	color: #323234;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 52px;
}
.box8-m .box8-lis1{
	width: 100%;
	height: 584px;
	background: #0cc6ae;
}
.box8-m .box8-lis1 dl{
	float: left;
	margin-left: 20px;
	margin-top: 35px;
}
.box8-m .box8-lis1 dl dt{
	float: left;
	margin-right: 25px;
}
.box8-m .box8-lis1 dl dd{
	float: left;
	width: 340px;
}
.box8-m .box8-lis1 dl dd h2{
	font-size: 18px;
	color: #333;
	font-weight: bold;
	line-height: 40px;
}
.box8-m .box8-lis1 dl dd p{
	font-size: 14px;
	color: #333;
	line-height: 24px;
}
.box8-m .box8-lis2{
	width: 904px;
	height: 185px;
	position: absolute;
	left: 147px;
	top: 680px;
}
.box8-m .box8-lis2 .lis1{
	width: 100%;
	height: 100%;
	background: #3e3e3e;
	opacity: .9;
	position: relative;
}
.box8-m .box8-lis2 .lis{
	width: 300px;
	height: 74px;
	border: 1px #0cc6ae solid;
	float: left;
	position: absolute;
	top: 56px;
}
.box8-m .box8-lis2 .lis2{
	left: 54px;
	font-size: 28px;
	color: #fff;
	text-align: center;
	line-height: 74px;
	border-right: none;
}
.box8-m .box8-lis2 .lis3{
	left: 544px;
	height: 59px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	padding-top: 15px;
	border-left: none;
}
.box8-m .box8-lis2 .lis4{
	width: 190px;
	height: 153px;
	position: absolute;
	left: 355px;
	top: 18px;
	text-align: center;
}
.box8-m .box8-lis3{
	width: 100%;
	height: 254px;
	margin-top: 126px;
}
.box8-m .box8-lis3>div{
	position: relative;
	width: 190px;
	height: 254px;
	float: left;
	overflow: hidden;
}
.box8-m .box8-lis3>div .mark{
	width: 190px;
	height: 254px;
	background: #3e3e3e;
	position: absolute;
	left: 0;
	top: 210px;
	opacity: .8;
}
.box8-m  .box8-lis3 img{
	width: 190px;
}
.box8-m .box8-lis3>div.mar{
	margin-right:10px;
}
.box8-m .box8-lis3>div p{
	width: 190px;
	height: 254px;
	position: absolute;
	left: 4px;
	top: 210px;
	font-size: 14px;
	color: #fff;
	line-height: 26px;
}
.box8-m .box8-lis3>div p span{
	float: left;
	width: 190px;
	height: 40px;
	text-align: center;
	font-size: 18px;
	line-height: 40px;
}

/* box9 */
.box9{
	width: 100%;
	height: 1595px;
}
.box9 h2{
	font-size: 42px;
	color: #323234;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 37px;
}
.box9 .box9-lis{
	width: 100%;
	height: 248px;
	margin-top: 18px;
}
.box9 .box9-lis div{
	width: 335px;
	height: 100%;
	float: left;
	background: #efefef;
}
.box9 .box9-lis div h4{
	width: 130px;
	height: 50px;
	background: #343434;
	font-size: 24px;
	color: #fff;
	margin: 33px 0;
	line-height: 50px;
	padding-left: 30px;
}
.box9 .box9-lis div p{
	margin-left: 33px;
	line-height: 24px;
}

/* box10 */
.box10{
	width: 100%;
	height: 374px;
	background: url("../images/box10.jpg") no-repeat center top;
}
.box10 img{
	margin-left: 151px;
	margin-top: 100px;
}
.box10 a{
	float: left;
	width: 315px;
	height: 66px;
	border: 1px #04f9d9 solid;
	font-size: 30px;
	color: #fff;
	text-align: center;
	line-height: 66px;
	margin-top: 52px;
}
.box10 a:hover{
	background: #04f9d9;
	color: #000026;
}
.box10 a.a1{
	margin-left: 224px;
}
.box10 a.a2{
	margin-left: 78px;
}

.fdbox{ width:100%; height:105px; background:#00102a; border-top:3px solid #0cc6ae; position:fixed; left:0; bottom:0; z-index:99999; display:none;}
.fdbox .fdcon{ width:1200px; height:105px; margin:0 auto; position:relative;}
.fdbox .fdcon img{ display:block; position:absolute;}
.fdbox .fdcon .fdword{ left:46px; top:-26px;}
.fdbox .fdcon .sys{ right:153px; top:-36px;}
.fdbox .fdcon h3{ font-size:28px; font-weight:bold; line-height:110px; color:#fff; margin-left:46px;}
.fdbox .fdcon a{ font-size:20px; display:block; width:136px; height:40px; text-align:center; line-height:40px; background:#f4f4f4; color:#00102a; position:absolute; left:392px; top:34px;}
.fdbox .fdcon a:hover{ background:#0cc6ae;}
.fdbox .fdcon p{ font-size:22px; line-height:32px; color:#fff; text-align:right; position:absolute; left:648px; top:35px;}
.fdbox .fdcon p b{ color:#0cc6ae; font-size:26px;}
.fdbox .fdcon .gbfc{ display:block; width:40px; height:40px; background:url(../images/gb1.jpg) no-repeat; position:absolute; right:10px; top:7px; cursor:pointer;}
.fdbox .fdcon .line{ display:block; height:86px; width:2px; border-right:1px dashed #0cc6ae; position:absolute; left:600px; top:10px;}
.fdbox .fdcon .newa{  left:957px; top:30px;}