/*通用部分*/
.itcast_click{cursor: pointer;}
.wrap{width: 100%;overflow: hidden;}
.box_In{position: relative;width: 1200px;margin: 0 auto;}
.box_hd h2{font-size: 34px;font-weight: bold;color: #010101;text-align: center;line-height: 45px;}
.box_hd h2 span{color: #0054ff;}
.box_hd p{font-size: 18px;color: #a6a6a6;text-align: center;padding-top: 12px;}
.box_hd1 h2{color: #fff;}
.box_hd1 p{color: #00eaff;}
.a_btn{
	position: relative;
	display: block;
	width: 260px;
	height: 60px;
	font-size: 22px;
	color: #fff;
	text-align: center;
	line-height: 60px;
	border-radius: 30px;
	background: #ff6c4f;
	box-shadow: inset 0 -8px 5px rgba(188,69,45,.5),inset 0 8px 5px rgba(255,158,79,.5), 0 7px 18px rgba(255,108,79,.35);
	z-index: 9;
	margin: 0 auto;
}
.a_btn:hover{
	box-shadow: none;
	top: -2px;
	/*background: -moz-linear-gradient(to bottom , #dde8ff, #f6f9ff);
	background: linear-gradient(to bottom, #dde8ff,#f6f9ff);*/
}
.clears::after{
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
.clears{
	zoom: 1;
}

.head{width:100%; height:61px; background:url(../images/nav_bg.jpg) no-repeat center; overflow:hidden;}
.inner{width:1200px; margin:0 auto; overflow:hidden;}
.head h1{float:left;font-size: 0; margin: 0;}
.head h1 img{margin-top:12px;float: left;margin-right: 20px;}
.head ul{float:right; overflow:hidden; overflow:hidden;}
.head ul li{float:left; margin-left:45px;  }
.head a{color:#000000; text-decoration:none;font-size:17px;line-height:61px;}
.head a:hover{color:#0099E5;}


.ban{position: relative;}
.ban .slideBox{overflow:hidden; position:relative;}
.ban .slideBox .hd{width: 100%;height:5px;text-align: center;overflow:hidden; position:absolute; left:0;bottom:44px; z-index:1; }
.ban .slideBox .hd ul{overflow:hidden; zoom:1;}
.ban .slideBox .hd ul li{ display: inline-block; margin: 0 4px;width:62px; height:5px;background:#1988ea;opacity: 1; cursor:pointer;border-radius: 0;}
.ban .slideBox .hd ul li.on{opacity: 1;background: #85dbff;}
.ban .slideBox .bd{ position:relative; height:580px; z-index:0;overflow: hidden;}
.ban .slideBox .bd li{position: relative;height: 580px; zoom:1; vertical-align:middle;cursor: pointer;overflow: hidden;}
.ban .slideBox .bd li .banbg{position: absolute;left: 50%;top: 0;margin-left: -960px;}


.box1{padding: 96px 0;}
.box1 .box1_con{position: relative;}
.box1 .box1_con ul{
	display: flex;
	justify-content: space-between;
	width: 1200px;
	overflow: hidden;
	padding: 52px 50px 96px;
	margin-left: -50px;
}
.box1 .box1_con ul li{
	width: 290px;
	height: 364px;
	border-radius: 6px;
	background-image: -webkit-linear-gradient(bottom left, #fff, #fafafa);
	background-image: -o-linear-gradient(bottom left, #fff, #fafafa);
	background-image: linear-gradient(to top right, #fff, #fafafa);
}
.box1 .box1_con ul li:hover{box-shadow: 5px 18px 21px rgba(173,214,255,.44);}
.box1 .box1_con ul li i{
	display: block;
	width: 97px;
	height: 101px;
	background: url("../images/pic2.png") no-repeat 0 0;
	margin: 61px auto 28px;
}
.box1 .box1_con ul li:nth-child(2) i{background-position-y: -103px;}
.box1 .box1_con ul li:nth-child(3) i{background-position-y: -206px;}
.box1 .box1_con ul li:nth-child(4) i{background-position-y: -309px;}
.box1 .box1_con ul li h3{text-align: center;margin-bottom: 20px;}
.box1 .box1_con ul li h3 span{
	display: inline-block;
	font-size: 24px;
	color: #333;
	font-weight: bold;
	height: 9px;
	box-shadow: 0 25px 0 #d3f0fc;
	padding: 0 6px;
}
.box1 .box1_con ul li p{
	font-size: 14px;
	color: #666;
	text-align: center;
	line-height: 24px;
}
.box1 .box1_con ul li p span{color: #ff1f1f;}
.box1 .box1_con .botp{
	position: absolute;
	right: 0;
	bottom: 65px;
	font-size: 13px;
	color: #bababa;
	text-align: right;
}
.box1 .a_btn{width: 460px;}

.box2s{
	position: relative;
	height: 934px;
}
.box2s img{
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
	display: block;
}
.box2s .main{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 72px;
}
.box2s .box2s_con p{
	font-size: 16px;
	color: #343434;
	text-align: center;
	padding: 626px 0 26px;
}

.box2 .box_In{
	position: relative;
	height: 664px;
	box-sizing: border-box;
	border-radius: 12px;
	box-shadow: 0 22px 32px rgba(234,228,228,.27);
	background: #fff;
	margin-top: -174px;
	padding-top: 64px;
	z-index: 3;
}
.box2 .box2_con ul{
	display: flex;
	justify-content: center;
	height: 476px;
	margin-top: 44px;
}
.box2 .box2_con ul li{
	position: relative;
	width: 271px;
	height: 426px;
	cursor: pointer;
	margin: 0 8px;
}
.box2 .box2_con ul li .pic{
	position: relative;
	width: 100%;
	height: 377px;
	overflow: hidden;
	background: #000;
}
.box2 .box2_con ul li .pic img{display: block;opacity: .7;}
.box2 .box2_con ul li .pic i{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 53px;
	height: 53px;
	background: url("../images/pic2.png") no-repeat -99px -336px;
	transform: translate(-50%,-50%);
	opacity: .4;
}
.box2 .box2_con ul li:hover .pic img,
.box2 .box2_con ul li:hover .pic i{opacity: 1;}
.box2 .box2_con ul li p{
	width: 100%;
	font-size: 16px;
	color: #474747;
	text-align: center;
	line-height: 50px;
}

.box3s{background: #f7f7f7;padding: 72px 0 84px;}
.box3s .box3s_con{position: relative;}
.box3s .box3s_con img{
	display: block;
	margin: 24px 0 28px -30px;
}
.box3s .box3s_con h3{
	position: absolute;
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 50px;
}
.box3s .box3s_con .h31{
	left: 178px;
	top: 82px;
}
.box3s .box3s_con h3 b{
	display: block;
	font-size: 34px;
}
.box3s .box3s_con .h32{
	right: 156px;
	top: 88px;
}
.box3s .box3s_con .h32 b{color: #6d76a3}
.box3s .box3s_con .leftp{
	position: absolute;
	left: 64px;
	top: 185px;
}
.box3s .box3s_con .rightp{
	position: absolute;
	right: 0;
	top: 185px;
}
.box3s .box3s_con p{
	position: relative;
	width: 458px;
	height: 91px;
	line-height: 25px;
}
.box3s .box3s_con .leftp p{
	font-size: 17px;
	color: #fff;
}
.box3s .box3s_con .rightp p{
	font-size: 16px;
	color: #85878e;
}
.box3s .box3s_con p span{
	position: absolute;
	left: 0;
	top: 49%;
	transform: translate(0,-50%);
}
.box3s .box3s_con .rightp p span{top: 46%;}
.box3s .box3s_con p:nth-child(1) span{top: 60%;}
.box3s .box3s_con .leftp p:nth-child(4) span{top: 63%;}
.box3s .box3s_con .rightp p:nth-child(4) span{top: 60%;}


.box4{
	background: url("../images/box4bg3.jpg") no-repeat center bottom;
	padding: 92px 0 65px;
}
.box4 .box4_con{
	position: relative;
	width: 1128px;
	height: 480px;
	margin: 58px auto;
}
.box4 .box4_con .box4bg2{
	position: absolute;
	left: 369px;
	bottom: 0;
	width: 474px;
	height: 474px;
	-webkit-animation: circle 8s linear infinite;
	-moz-animation: circle 8s linear infinite;
	-o-animation: circle 8s linear infinite;
	animation: circle 8s linear infinite;
	z-index: 2;
}
@-webkit-keyframes circle {from {-webkit-transform: rotate(360deg);}to{-webkit-transform: rotate(0deg);}}
@-moz-keyframes circle {from {-moz-transform: rotate(360deg);}to{-moz-transform: rotate(0deg);}}
@-o-keyframes circle {from {-o-transform: rotate(360deg);}to{-o-transform: rotate(0deg);}}
@keyframes circle {from {transform: rotate(360deg);}to{transform: rotate(0deg);}}
.box4 .box4_con .box4bg1{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url("../images/box4bg1.png") no-repeat;
	z-index: 3;
}
.box4 .box4_con .box4bg1 p{
	position: absolute;
	left: 22px;
	top: 30px;
	font-size: 14px;
	color: #0b0b0b;
	line-height: 25px;
}
.box4 .box4_con .box4bg1 p:nth-child(2){left: 786px;top: 120px;}
.box4 .box4_con .box4bg1 p:nth-child(3){left: 120px;top: 322px;}
.box4 .box4_con .box4bg1 p b{
	display: block;
	font-size: 20px;
	margin-bottom: 10px;
}

.box4a{
	position: relative;
	height: 918px;
}
.box4a .box4abg1{
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
}
.box4a .main{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 102px;
}
.box4a .box4a_con{
	margin: 0 auto 48px;
}
.box4a .box4a_con .swiper-container{padding: 70px 0 100px;}
.box4a .box4a_con .swiper-pagination{bottom: 0;font-size: 0;}
.box4a .box4a_con .swiper-pagination .swiper-pagination-bullet{
	width: 11px;
	height: 11px;
	border-radius: 7px;
	background: #7396f9;
	opacity: 1;
}
.box4a .box4a_con .swiper-pagination .swiper-pagination-bullet-active{
	width: 42px;
	background: #84f5ff;
}
.box4a .box4a_con .swiper-slide{position: relative;}
.box4a .box4a_con .con{
	height: 383px;
	border-radius: 7px;
	overflow: hidden;
	background: #fff;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
}
.box4a .box4a_con .con .pic{
	position: relative;
	height: 164px;
	overflow: hidden;
}
.box4a .box4a_con .con .pic img{
	display: block;
	width: 100%;
}
.box4a .box4a_con .con .pic span{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 230px;
	background: rgba(8,60,102,.7) url("../images/video.png") no-repeat center 42px;
	background-size: 52px;
}
.box4a .box4a_con .con h3{
	width: 260px;
	height: 93px;
	font-size: 15px;
	color: #616161;
	line-height: 30px;
	box-sizing: border-box;
	border-bottom: 2px #dbdbdb solid;
	margin: 0 auto;
	padding-left: 6px;
}
.box4a .box4a_con .con h3 span{
	display: block;
	font-size: 22px;
	color: #3970e4;
	font-weight: bold;
	padding-top: 16px;
}
.box4a .box4a_con .con p{
	width: 260px;
	height: 94px;
	font-size: 14px;
	color: #7f7f7f;
	line-height: 22px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin: 14px auto 0;
}
.box4a .box4a_con .con p span{
	float: left;
	width: 36px;
	height: 18px;
	color: #fff;
	text-align: center;
	line-height: 18px;
	border-radius: 3px;
	background: #086dc1;
	margin: 2px 8px 0 0;
}
.box4a .box4a_con .bot{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 403px;
	border: 2px #00fcff solid;
	border-radius: 20px;
	box-sizing: border-box;
	z-index: 3;
	padding: 6px;
	transform: translate(-50%,-50%);
	opacity: 0;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	margin-top: -5px;
}
.box4a .box4a_con .swiper-slide:hover .con{opacity: 0;}
.box4a .box4a_con .swiper-slide:hover .bot{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.box4a .box4a_con .bot .bot_con{
	width: 272px;
	height: 387px;
	border-radius: 20px;
	background-image: linear-gradient(-30deg, #bcfbfd, #fff);
}
.box4a .box4a_con .bot .bot_con h3{
	width: 233px;
	height: 76px;
	font-size: 24px;
	color: #3970e4;
	text-align: center;
	font-weight: bold;
	border-bottom: 1px #6c96eb solid;
	box-sizing: border-box;
	margin: 0 auto;
	padding-top: 26px;
}
.box4a .box4a_con .bot .bot_con p{
	position: relative;
	font-size: 14px;
	color: #7f7f7f;
	line-height: 22px;
	padding: 0 17px 0 60px;
	margin: 20px 0 -6px 0;
}
.box4a .box4a_con .bot .bot_con p span{
	position: absolute;
	left: 17px;
	top: 3px;
	width: 36px;
	height: 18px;
	color: #fff;
	text-align: center;
	line-height: 18px;
	border-radius: 2px;
	background: #086dc1;
}
.box4a .box4a_con .bot .bot_con .a_btn{
	width: 180px;
	height: 46px;
	font-size: 17px;
	line-height: 44px;
	margin-top: 40px;
}

.box4s{position: relative;height: 863px;}
.box4s img{
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
}
.box4s .main{
	position: absolute;
	left: 0;
	top: 96px;
	width: 100%;
}
.box4s .a_btn{margin-top: 550px;}

.box5{
	height: 964px;
	box-sizing: border-box;
	background: url("../images/box5bg3.jpg") no-repeat center;
	padding: 86px 0 0;
}
.box5 .box5_con{
	position: relative;
	margin: 44px 0 66px;
}
.box5 .box5_con .con_left{
	position: absolute;
	left: 45px;
	top: 0;
	width: 297px;
	height: 567px;
	border-radius: 7px 0 0 7px;
	background: url("../images/box5bg1.jpg") no-repeat;
	z-index: 3;
}
.box5 .box5_con .con_left ul{padding-top: 48px;}
.box5 .box5_con .con_left ul li{
	font-size: 14px;
	color: #fff;
	text-align: center;
	line-height: 40px;
	cursor: pointer;
	margin-bottom: 28px;
}
.box5 .box5_con .con_left ul li.cur{
	color: #000;
	background-image: -webkit-linear-gradient(347deg, #97fafb, #fff);
	background-image: -o-linear-gradient(347deg, #97fafb, #fff);
	background-image: linear-gradient(77deg, #97fafb, #fff);
}
.box5 .box5_con .con_right{
	width: 814px;
	height: 567px;
	border-radius: 7px;
	box-sizing: border-box;
	box-shadow: inset 0 0 54px rgba(175,248,249,.65);
	background: #fff;
	margin-left: 322px;
	padding: 42px 0 0 58px;
}
.box5 .box5_con .con_right .conlist{
	display: none;
	width: 740px;
	height: 475px;
	overflow: auto;
}
.box5 .box5_con .con_right .conlist::-webkit-scrollbar {width: 10px;height: 1px;}
.box5 .box5_con .con_right .conlist::-webkit-scrollbar-thumb {width: 10px;border-radius: 10px;background: #80caff;}
.box5 .box5_con .con_right .conlist::-webkit-scrollbar-track{width: 10px;height: 1px;}
.box5 .box5_con .con_right .conlist.cur{display: block;}
.box5 .box5_con .con_right .conlist h3{position: relative;margin-bottom: 16px;}
.box5 .box5_con .con_right .conlist h3 i{
	position: absolute;
	left: 0;
	top: 0;
	width: 33px;
	height: 28px;
	background: url("../images/pic.png") no-repeat -151px 0;
}
.box5 .box5_con .con_right .conlist h3.h3{margin: 20px 0 0;}
.box5 .box5_con .con_right .conlist h3.h3 i{background-position-y: -30px;}
.box5 .box5_con .con_right .conlist h3 span{
	display: inline-block;
	font-size: 18px;
	color: #3970e4;
	font-weight: bold;
	height: 13px;
	border-radius: 5px;
	box-shadow: 0 14px 0 #d1faff;
	padding: 0 6px;
	margin-left: 42px;
}
.box5 .box5_con .con_right .conlist .conp{
	width: 578px;
	font-size: 13px;
	color: #000;
	overflow: hidden;
}
.box5 .box5_con .con_right .conlist .conp:last-child{margin-bottom: 0;}
.box5 .box5_con .con_right .conlist .conp1{
	position: relative;
	width: 618px;
	line-height: 30px;
	margin-left: 40px;
	padding-left: 24px;
}
.box5 .box5_con .con_right .conlist .conp1 span{
	position: absolute;
	left: 0;
	top: 6px;
	width: 18px;
	height: 18px;
	font-size: 13px;
	color: #fff;
	text-align: center;
	line-height: 18px;
	font-weight: bold;
	border-radius: 50%;
	background: #0052ff;
}
.box5 .box5_con .con_right .conlist .conp2{
	margin: 10px 0 38px 45px;
}
.box5 .box5_con .con_right .conlist .conp2 b{
	display: inline-block;
	height: 24px;
	color: #131313;
	line-height: 24px;
	font-weight: bold;
	border-radius: 3.5px;
	background: #d1faff;
	padding: 0 6px;
	margin: 10px 0 6px;
}
.box5 .box5_con .con_right .conlist .conp2 span{
	position: relative;
	display: inline-block;
	line-height: 20px;
	padding: 0 7px 0 9px;
}
.box5 .box5_con .con_right .conlist .conp2 span:before{
	position: absolute;
	left: 0;
	top: 7.5px;
	width: 5px;
	height: 5px;
	border-radius: 50px;
	background: #000;
	content: "";
}
.box5 .box5_con .con_right .conlist .conp2 span:last-child{margin-right: 0;}

.box6{
	background: -moz-linear-gradient(to bottom , #fff, #f7f7f7);
	background: linear-gradient(to bottom, #fff,#f7f7f7);
	padding-top: 84px;
}
.box6 .box6_con{
	padding: 54px 0 70px;
}
.box6 .box6_con ol{
	display: flex;
	justify-content: center;
	height: 62px;
	text-align: center;
}
.box6 .box6_con ol li{
	display: block;
	height: 52px;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	line-height: 52px;
	border-radius: 10px 10px 0 0;
	background-image: -webkit-linear-gradient(21deg, #65d7fa, #2b7df8);
	background-image: -o-linear-gradient(21deg, #65d7fa, #2b7df8);
	background-image: linear-gradient(111deg, #65d7fa, #2b7df8);
	cursor: pointer;
	padding: 0 36px;
	margin: 10px 2.5px 0;
}
.box6 .box6_con ol li.cur{
	height: 62px;
	font-size: 18px;
	line-height: 62px;
	margin-top: 0;
	padding: 0 32px;
}
.box6 .box6_con ul{
	width: 1119px;
	/*height: 475px;*/
	border-radius: 7px;
	background: #fff;
	margin: 0 auto 51px;
}
.box6 .box6_con ul li{display: none;position: relative;}
.box6 .box6_con ul li.cur{display: block;}
.box6 .box6_con ul li .pic{
	/*float: left;*/
	position: absolute;
	left: 32px;
	top: 50%;
	width: 349px;
	height: 278px;
	overflow: hidden;
	/*margin: 67px 32px 0;*/
	margin-top: -150px;
}
.box6 .box6_con ul li .pic img{display: block;width: 100%;}
.box6 .box6_con ul li .con{
	/*float: left;*/
	width: 650px;
	padding: 55px 0 55px;
	margin-left: 413px;
}
.box6 .box6_con ul li .con h3{
	position: relative;
	font-size: 18px;
	color: #000;
	line-height: 20px;
	font-weight: bold;
	padding-left: 10px;
}
.box6 .box6_con ul li .con h3:before{
	position: absolute;
	left: 0;
	top: 3px;
	width: 3px;
	height: 14px;
	background: #3970e4;
	content: "";
}
.box6 .box6_con ul li .con p{
	font-size: 14px;
	color: #7b7b7b;
	line-height: 25px;
	padding: 10px 0 16px;
}
.box6 .box6_con ul li .con p span{color: #3970e4;}
.box6 .box6bot1{
	position: relative;
	height: 224px;
	cursor: pointer;
}
.box6 .box6bot1 img{
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
}

.box7{
	background: #f7f7f7 url("../images/box7bg1.jpg") no-repeat center top;
	padding-top: 70px;
}
.box7 .box7_con{
	height: 554px;
	margin-top: 42px;
}
.box7 .box7_con ol{
	position: absolute;
	left: 405px;
	bottom: 0;
	width: 800px;
	height: 150px;
	overflow: hidden;
}
.box7 .box7_con ol li{
	position: relative;
	float: left;
	width: 84px;
	height: 111px;
	border-radius: 3px;
	overflow: hidden;
	cursor: pointer;
	margin-right: 5px;
}
.box7 .box7_con ol li:last-child{margin-right: 0;}
.box7 .box7_con ol li.cur:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 2px #00f0ff solid;
	content: "";
}
.box7 .box7_con li img{
	display: block;
	width: 100%;
}
.box7 .box7_con ul li{overflow: hidden;display: none;}
.box7 .box7_con ul li.cur{display: block;}
.box7 .box7_con ul .pic{
	float: left;
	width: 387px;
	height: 554px;
	border-radius: 7px;
	overflow: hidden;
	margin: 0 42px 0 0;
}
.box7 .box7_con ul .con{
	float: left;
	padding-top: 36px;
}
.box7 .box7_con ul .con h3{
	font-size: 30px;
	color: #fff;
	line-height: 35px;
	margin-bottom: 28px;
}
.box7 .box7_con ul .con h3 span{
	position: relative;
	top: -5px;
	display: inline-block;
	height: 25px;
	font-size: 15px;
	color: #00f0ff;
	line-height: 25px;
	border-radius: 14px;
	border: 1px #00f0ff solid;
	padding: 0 18px;
	margin-left: 12px;
}
.box7 .box7_con ul .con p{
	position: relative;
	width: 646px;
	font-size: 14px;
	color: #cecece;
	line-height: 25px;
	padding-left: 14px;
}
.box7 .box7_con ul .con p:before{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 14px;
	line-height: 25px;
	content: "●";
}
.box7 .box7_con ul .con button{
	width: 142px;
	height: 38px;
	font-size: 14px;
	color: #071d53;
	font-weight: bold;
	line-height: 38px;
	border-radius: 3px;
	border: none;
	background: #00f0ff;
	cursor: pointer;
	margin-top: 52px;
	padding: 0;
}
.box7 .box7_con ul .con button:hover{
	position: relative;
	top: -2px;
}

.box7s{background: #f7f7f7;padding: 78px 0 256px;}
.box7s .box7s_con ul{display: flex;justify-content: center;text-align: center;margin-top: 46px;}
.box7s .box7s_con ul li{
	width: 276px;
	margin: 0 9px;
}
.box7s .box7s_con ul li .pic{
	width: 270px;
	height: 172px;
	border-radius: 8px;
	border: 3px #fff solid;
	overflow: hidden;
	box-shadow: 0 11px 16px rgba(219,229,235,.46);
}
.box7s .box7s_con ul li .pic img{display: block;}
.box7s .box7s_con ul li p{
	font-size: 14px;
	color: #929292;
	text-align: center;
	line-height: 22px;
}
.box7s .box7s_con ul li p b{
	display: block;
	font-size: 18px;
	color: #1a1a1a;
	margin: 36px 0 8px;
}

.box8s{
	background: #f9f9f9;
	padding: 106px 0 90px;
}
.box8s .box8s_con img{
	display: block;
	margin: 68px auto 22px;
}

.box8{padding: 72px 0 86px;}
.box8 .box8_con ul{
	display: flex;
	justify-content: space-between;
	overflow: hidden;
	padding: 68px 0 100px;
}
.box8 .box8_con ul li{
	position: relative;
	width: 292px;
	height: 160px;
	border-radius: 8px;
	box-shadow: inset 0 -8px 5px rgba(188,69,45,.5),inset 0 8px 5px rgba(255,158,79,.5), 0 7px 18px rgba(255,108,79,.35);
	background: #f86a44;
}
.box8 .box8_con ul li:nth-child(2){
	box-shadow: inset 0 -8px 5px rgba(16,134,116,.5),inset 0 8px 5px rgba(56,212,188,.5), 0 7px 18px rgba(30,181,158,.35);
	background: #1eb59e;
}
.box8 .box8_con ul li:nth-child(3){
	box-shadow: inset 0 -8px 5px rgba(36,89,198,.5),inset 0 8px 5px rgba(87,131,223,.5), 0 7px 18px rgba(30,181,158,.35);
	background: #3970e4;
}
.box8 .box8_con ul li:last-child{
	box-shadow: inset 0 -8px 5px rgba(38,142,181,.5),inset 0 8px 5px rgba(73,170,205,.5), 0 7px 18px rgba(30,181,158,.35);
	background: #39b6e4;
}
.box8 .box8_con ul li h3{
	position: relative;
	font-size: 24px;
	color: #fff;
	line-height: 31px;
	font-weight: bold;
	margin: 22px 0 6px 36px;
}
.box8 .box8_con ul li h3:before{
	position: absolute;
	left: -14px;
	top: 4px;
	width: 4px;
	height: 23px;
	background: #fa9b4e;
	content: "";
}
.box8 .box8_con ul li:nth-child(2) h3:before{background: #30d9c7;}
.box8 .box8_con ul li:nth-child(3) h3:before{background: #3b8ce6;}
.box8 .box8_con ul li:nth-child(4) h3:before{background: #3ddaea;}
.box8 .box8_con ul li p{
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	margin-left: 22px;
}
.box8 .box8_con ul li i{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 85px;
	height: 82px;
	background: url("../images/pic2.png") no-repeat -99px 0;
	margin: 23px 0 0 25px;
}
.box8 .box8_con ul li:nth-child(2) i{background-position-y: -84px;}
.box8 .box8_con ul li:nth-child(3) i{background-position-y: -168px;}
.box8 .box8_con ul li:nth-child(4) i{background-position-y: -252px;}

.box9{
	background: #fff url("../images/box9bg1.jpg") no-repeat center bottom;
	padding: 122px 0 92px;
}
.box9 .box9_con{
	padding: 75px 0 0 0;
}
.box9 .box9_con ul{display: flex;justify-content: center;margin-bottom: 82px;}
.box9 .box9_con ul li{
	position: relative;
	width: 281px;
	margin: 0 40px;
}
.box9 .box9_con ul li h3{
	position: relative;
	width: 207px;
	height: 60px;
	font-size: 22px;
	color: #fff;
	text-align: center;
	line-height: 60px;
	border-radius: 10px 10px 0 0;
	/*background: #3970e5;*/
	z-index: 3;
	margin: 0 auto;
}
.box9 .box9_con ul li:nth-child(2) h3{background: #10abe8;}
.box9 .box9_con ul li:nth-child(3) h3{background: #fb654b;}
.box9 .box9_con ul li i{
	position: absolute;
	left: -10px;
	top: -14px;
	width: 300px;
	height: 136px;
	background: url("../images/box9bg1.png") no-repeat;
	z-index: 2;
}
.box9 .box9_con ul li:nth-child(2) i{background-image: url("../images/box9bg2.png");}
.box9 .box9_con ul li:nth-child(3) i{background-image: url("../images/box9bg3.png");}
.box9 .box9_con ul li .con{
	width: 281px;
	height: 410px;
	box-sizing: border-box;
	border: 1px #fff solid;
	border-radius: 7px;
	box-shadow: 0 2px 24px rgba(221,224,231,.86);
	padding-top: 17px;
}
.box9 .box9_con ul li .con p{
	width: 237px;
	font-size: 14px;
	color: #818181;
	border-bottom: 1px #dce5fa solid;
	margin: 27px auto 0;
	padding-bottom: 22px;
}
.box9 .box9_con ul li .con p:last-child{border-bottom: none;}
.box9 .box9_con ul li .con p span{
	position: relative;
	display: block;
	font-size: 18px;
	color: #545454;
	height: 15px;
	line-height: 15px;
	border-left: 3px #3970e4 solid;
	padding-left: 8px;
	margin-bottom: 14px;
}
.box9 .box9_con ul li:nth-child(2) .con p span{border-color: #0ca9e8;}
.box9 .box9_con ul li:nth-child(3) .con p span{border-color: #fb654a;}
.box9 .box9_con ul li .con p span.hot:after{
	position: absolute;
	left: 105px;
	top: 0;
	width: 28px;
	height: 16px;
	background: url("../images/pic.png") no-repeat -151px -60px;
	content: "";
}

.box10{
	height: 600px;
	background: #3970e4;
	padding-top: 70px;
}
.box10 .box10_con{padding-top: 80px;}
.box10 .box10_con ol{
	float: left;
	width: 243px;
	height: 341px;
	box-sizing: border-box;
	border-radius: 30px 0 0 30px;
	background: #2a5ecc;
	margin: 16px 0 0 153px;
	padding: 21px 0 0 22px;
}
.box10 .box10_con ol li{
	position: relative;
	width: 200px;
	height: 75px;
	font-size: 18px;
	color: #2a5ecc;
	text-align: center;
	line-height: 75px;
	cursor: pointer;
	background: #fff;
}
.box10 .box10_con ol li:nth-child(1){border-radius: 20px 20px 0 0;}
.box10 .box10_con ol li:nth-child(4){border-radius: 0 0 20px 20px;}
.box10 .box10_con ol li:nth-child(even){color: #fff;background: #3970e4;}
.box10 .box10_con ol li.cur{font-size: 16px;font-weight: bold;}
.box10 .box10_con ol li.cur:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 2px #00fff0 solid;
	content: "";
}
.box10 .box10_con ol li:nth-child(1).cur:before{border-radius: 20px 20px 0 0;}
.box10 .box10_con .con{
	position: relative;
	float: left;
	width: 650px;
	height: 374px;
	border-radius: 7px;
	overflow: hidden;
}
.box10 .slideBox img{display: block;width: 100%;}
.box10 .box10_con .con:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 98px #fff;
	z-index: 3;
	content: "";
}
.box10 .box10_con .con:after{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-shadow: inset 0 0 98px #fff;
	z-index: 3;
	content: "";
}
.box10 .box10_con .con .conimg{display: none;}
.box10 .box10_con .con .conimg.show{display: block;}
.box10 .slideBox{overflow:hidden; position:relative; }
.box10 .slideBox .hd{height: 9px; overflow:hidden; position:absolute;bottom:15px; z-index: 4;right: 40px;}
.box10 .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.box10 .slideBox .hd ul li{float:left;margin-right: 9px;width: 9px; height: 9px;background:#85a9f7;cursor:pointer;border-radius: 50%;}
.box10 .slideBox .hd ul li.on{ background: #386ee1;}
.box10 .slideBox .bd{ position:relative;height:100%;z-index:0;}
.box10 .slideBox .bd li{ zoom:1; vertical-align:middle;width: 650px;height: 374px;}

.box_newsinfo{
	background-color: #f1f1f1;
	padding: 138px 0 80px;
}
.box_newsinfo .newsinfo_list{
	display: flex;
	justify-content: space-between;
}
.box_newsinfo .newsinfo_list .list_main{
	position: relative;
	width: 380px;
	height: 310px;
	border-radius: 8px;
	box-sizing: border-box;
	border: 1px #fff solid;
	background: #f8f8f8 url("../images/boxnewsinfopic1.png") no-repeat center top;
	padding-top: 18px;
}
.box_newsinfo .newsinfo_list .list_main h2{
	position: absolute;
	left: 50%;
	top: -56px;
	width: 324px;
	height: 55px;
	font-size: 22px;
	color: #fff;
	line-height: 55px;
	box-sizing: border-box;
	border-radius: 12px 12px 0 0;
	box-shadow: inset 0 0 30px rgba(184,255,252,.3);
	background-color: #3971e4;
	margin-left: -162px;
	padding: 0 24px;
	overflow: hidden;
}
.box_newsinfo .newsinfo_list .list_main:nth-child(2) h2{background-color: #10abe8;}
.box_newsinfo .newsinfo_list .list_main:nth-child(3) h2{box-shadow: inset 0 0 30px rgba(251,255,184,.3);background-color: #ff8251;}
.box_newsinfo .newsinfo_list .list_main h2 a{
	float: right;
	font-size: 14px;
	color: rgba(255,255,255,.5);
	padding-top: 5px;
}
.box_newsinfo .newsinfo_list .list_main h2 a:hover{color: #fff;}
.box_newsinfo .newsinfo_list .list_main ul{
	height: 265px;
	overflow: hidden;
}
.box_newsinfo .newsinfo_list .list_main ul li{
	width: 290px;
	height: 34px;
	line-height: 34px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0 auto;
}
.box_newsinfo .newsinfo_list .list_main ul li span{
	display: inline-block;
	width: 30px;
	font-size: 17px;
	color: #fb654b;
	font-weight: bold;
}
.box_newsinfo .newsinfo_list .list_main ul li:nth-child(n+4) span{color: #10abe8;}

.mask_video{z-index: 1000;}
.mask_video video{margin: 0 auto;display: block;}
.mask_video{width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 100;display: none;}
.mask_video .mask_bg{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.7);}
.mask_video .video_con{position: absolute;left: 50%;top: 50%;width: auto !important;height: 78%;transform: translate(-50%, -50%);}
.mask_video .video_con .close{position: absolute;right: -36px;top: -36px;width: 32px;cursor: pointer;}