@charset "utf-8";
	.row {
	margin-left:0;
	margin-right:0
}


.bg-blue-hoki{background-color:#EBEBEB}

#main-y .section1 h1,#main-y .section1 h2,#main-y h2 {
	font-family:FZY,'Microsoft Yahei',Arial,Helvetica,sans-serif
}
.box-md,a,label,span {
	-webkit-backface-visibility:hidden
}
.btn-c,.section {
	text-align:center
}
#list2 li,#main-b .section5 #list li,#main-b .section7 #list2 li,#main-s .section5 #list li,#main-y .section7 #list3 li {
	overflow:hidden;
	list-style-type:none
}
#main-y .section1 h1 {
	padding-top:135px
}
*,body {
	padding:0
}
@media \0screen\,screen\9 {
	#footer .section-f1 {
	position:static;
	background-color:#000;
	filter:Alpha(opacity=50)
}
#footer .section-f1 a,#footer .section-f1 span {
	position:relative
}
#main-y .section4 .ul-box1 li:first-child a {
	background-color:transparent;
	background-image:url(../Images/y-s4-play1.png)
}
#main-y .section4 .ul-box2 li:first-child a {
	background-color:transparent;
	background-image:url(../Images/y-s4-play2.png)
}
#main-y .section4 .ul-box3 li:first-child a {
	background-color:transparent;
	background-image:url(../Images/y-s4-play3.png)
}
#main-y .section9 .s7-i {
	display:inline-block;
	width:164px;
	height:164px;
	background:url(../Images/y-s9-icon-ie.png) 50% 50% no-repeat
}
input[type=password],input[type=text] {
	color:#555;
	font-size:16px
}
#log-reg {
	margin-top:-310px
}
}* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0
}
html {
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%
}
body {
	margin:0;
	background-color:#fff;
	color:#333;
	font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif!important;
	-moz-font-smoothing:none;
	font-smoothing:antialiased
}
h1,h2,h3,h4,h5,h6,p {
	margin:0;
	padding:0
}
ul {
	list-style:none
}
ol,ul {
	margin-bottom:0
}
input[placeholder] {
	color:#999;
	font-size:14px
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color:#999;
	font-size:14px
}
input:-moz-placeholder,textarea:-moz-placeholder {
	color:#999;
	font-size:14px
}
input::-moz-placeholder,textarea::-moz-placeholder {
	color:#999;
	font-size:14px
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color:#999;
	font-size:14px
}
input:-webkit-autofill {
	-webkit-box-shadow:0 0 0 50px #fff inset;
	-webkit-text-fill-color:#444
}
#main-a input:-webkit-autofill {
	-webkit-box-shadow:0 0 0 50px #efeeee inset;
	-webkit-text-fill-color:#444
}
#log-reg input:-webkit-autofill {
	-webkit-box-shadow:0 0 0 50px #f7f7f7 inset;
	-webkit-text-fill-color:#444
}
input[type=password],input[type=text] {
	padding-left:20px;
	width:270px;
	height:49px;
	outline:transparent dotted;
	border:0;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	border-radius:25px;
	background:#fff;
	color:#444;
	font-size:16px;
	line-height:49px;
	-ms-border-radius:25px;
	-o-border-radius:25px
}
input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill {
	-webkit-box-shadow:0 0 0 1000px #fff inset
}
a,label,span {
	cursor:pointer;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out
}
a,a:active,a:focus,a:hover,button:focus {
	outline:0;
	border:0;
	background:0;
	text-decoration:none
}
video {
	width:100%;
	height:100%;
	object-fit:cover
}
:-webkit-full-screen video {
	width:100%;
	height:100%
}
:-moz-full-screen video {
	width:100%;
	height:100%
}
#footer,#header,#main,#main-a,#main-b,#main-s,#main-y,.container {
	min-width:1198px!important
}
img {
	display:inline-block!important;
	-webkit-transition:.4s ease-in-out;
	-moz-transition:.4s ease-in-out;
	-o-transition:.4s ease-in-out;
	transition:.4s ease-in-out;
	-ms-transition:.4s ease-in-out
}
@media(min-width:992px) {
	.container {
	padding:0!important
}
.md-row {
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap
}
.md-row>[class*=col-] {
	position:relative;
	float:none;
	display:flex;
	vertical-align:top;
	flex-direction:column
}
.dy-md5-1 {
	width:20%
}
}@media screen\0 {
	.md-row {
	display:table;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	flex-wrap:wrap
}
.md-row>[class*=col-] {
	position:relative;
	float:none;
	display:table-cell;
	vertical-align:top;
	flex-direction:column
}
}.dy-md5-1 {
	float:left;
	padding-right:5px;
	padding-left:5px;
	width:20%
}
.modal .close {
	position:absolute;
	top:-18px;
	right:-18px;
	display:block;
	width:39px;
	height:39px;
	background:url(../Images/close.png) 50% 100%;
	opacity:1
}
.modal .close:hover {
	background-position:50% 0
}
.flexslider {
	margin:0;
	border:0
}
.flex-control-nav {
	bottom:20px;
	z-index:10
}
.flex-direction-nav a {
	height:50px
}
.flex-control-paging li a {
	display:block;
	width:11px;
	height:11px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	background:#666;
	background:rgba(201,209,214,.8);
	-webkit-box-shadow:inset 0 0 3px rgba(201,209,214,.3);
	-moz-box-shadow:inset 0 0 3px rgba(201,209,214,.3);
	box-shadow:inset 0 0 3px rgba(201,209,214,.3);
	text-indent:-9999px;
	cursor:pointer;
	-o-box-shadow:inset 0 0 3px rgba(201,209,214,.3)
}
.btn-c,.s-line {
	display:inline-block
}
.flex-control-paging li a:hover {
	background:#333;
	background:rgba(0,132,206,.5)
}
.flex-control-paging li a.flex-active {
	background:#000;
	background:rgba(0,132,206,.9);
	cursor:default
}
.modal-content {
	min-height:60%
}
.btn-c {
	width:229px;
	height:69px;
	border:1px solid #0084ce;
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	border-radius:35px;
	background:0;
	color:#0084ce;
	white-space:nowrap;
	font-size:18px;
	line-height:69px;
	cursor:pointer;
	-ms-border-radius:35px;
	-o-border-radius:35px
}
.btn-b,.btn-c:hover {
	background:#0084ce;
	color:#fff
}
.btn-c:hover {
	border:1px solid #0084ce
}
.btn-b:hover {
	border:1px solid #0084ce;
	background:0;
	color:#0084ce
}
.btn-w {
	border:1px solid #fff;
	background:0;
	color:#fff
}
.placeholder {
	color:#777
}
.s-line {
	width:41px;
	height:3px;
	background:#0084ce
}
.modal-v .modal-dialog {
	width:70%;
	height:70%
}
.modal-v video {
	width:100%;
	height:100%
}
#header .header-top {
	width:100%;
	height:40px;
	background:#2c2c2c
}
#header .header-top span {
	height:40px;
	line-height:40px
}
#header .header-top .top-right 
{
	float:right
}
#header .header-top .top-right span {
	padding:0 25px;
	/*
	background:url(../Images/h-4.png) 0 -9px no-repeat;   */
 
	color:#fff;
	font-size:16px
}
#header .header-top .top-right span.s-reg {

	background:url(../Images/h-4.png) 0 -9px no-repeat;  

}
#header .header-top .top-right span:hover {
	color:#ccc
}
#header .header-top .top-right span.s-log 
{
	
	background:url(../Images/h-3.png) 0 -7px no-repeat;  
}
#header .header-top .top-right a {
	color:#999;
	font-size:14px
}
#header .header-top .top-left {
	padding:0 25px;
	background:url(../Images/h-2.png) 0 50% no-repeat;
	color:#ccc;
	font-size:15px;
	cursor:default
}
#header .header-top .top-left a {
	color:#ccc
}
#header .header-top .top-left a:hover {
	color:#fff
}
#header .header-top .top-left:first-child {
	background:url(../Images/h-1.png) 0 45% no-repeat
}
#header .navbar-c {
	overflow:hidden;
	margin:0;
	height:96px;
	border:0;
	border-bottom:1px solid #e1e1e1
}
#header .navbar-nav a {
	margin-right:30px;
	padding:0;
	height:96px;
	color:#292929;
	font-size:14px;
	line-height:96px
}
#header .navbar-nav a:focus {
	background:#fff
}
#header .navbar-nav .li-last a {
	margin-right:32px
}
#header .navbar-nav .active>a,#header .navbar-nav a:hover {
	border-bottom:3px solid #0084ce
}
#header .logo {
	position:relative;
	margin-top:15px;
	width:349px;
	height:65px;
	background:url(../Images/logo.png) 0 50% no-repeat
}
#header .navbar-nav a:active,#header .navbar-nav a:hover {
	background:0
}
#header .navbar>.container .navbar-brand {
	margin-left:0
}
#header .btn-b {
	margin-top:25px;
	width:110px;
	height:43px;
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	border-radius:35px;
	line-height:43px;
	-ms-border-radius:35px;
	-o-border-radius:35px
}
#header .navbar-min {
	position:fixed;
	top:0;
	left:0;
	z-index:1009;
	width:100%;
	height:60px;
	background:#fff
}
.section,.section1 ul>li {
	background-position:50% 0;
	background-size:cover;
	background-repeat:no-repeat
}
.navbar-nav i.new-icon {
	position:absolute;
	height:32px;
	width:32px;
	display:block;
	top:13px;
	right:-8px;
	background:url(../Images/hot.png)
}
.navbar-min i.new-icon {
	top:-3px
}
#header .navbar-min .navbar-nav a {
	height:60px;
	line-height:60px
}
#header .navbar-min .logo {
	margin-top:10px
}
#header .navbar-min .btn-b {
	margin-top:12px;
	width:80px;
	height:33px;
	font-size:14px;
	line-height:30px
}
.section {
	overflow:hidden
}
p,span {
	text-align:left
}
.section h2,a {
	text-align:center
}
.section h2 {
	padding:60px 0 20px;
	font-size:44px;
	line-height:1
}
.section .btn-c {
	margin:56px 0 81px
}
.section .s-line {
	margin-bottom:53px
}
.section1 .btn-c {
	margin:50px 32px 0 0;
	margin-bottom:0;
	width:142px;
	height:44px;
	line-height:44px
}
.section1 {
	height:650px;
	text-align:left
}
.section1 ul>li {
	height:650px
}
#main .section1 .slid1 {
	background-image:url(../Images/bg1-1.jpg)
}
#main .section1 .slid2 {
	background-image:url(../Images/bg1-2.jpg)
}
#main .section1 .slid3 {
	background-image:url(../Images/bg1-3.jpg)
}
#main .section1 .slid0 {
	background-image:url(../Images/bg1-0.jpg)
}
#main .section1 .slid4 {
	background-image:url(../Images/bg1-4.jpg)
}
.section1 h1,.section1 h2 {
	padding:95px 0 25px;
	color:#333;
	text-align:left;
	font-weight:700;
	font-size:60px;
	line-height:69px
}
.section1 p {
	color:#666;
	font-size:20px;
	line-height:32px
}
.section1 .btn-c:hover {
	background:0;
	color:#0084ce
}
.section1 .btn-b:hover {
	background:#0084ce;
	color:#fff
}
.section1 .s-line {
	margin-bottom:10px
}
#main .section2 .div-circle-p p {
	text-align:center;
	margin-top:25px;
	color:#666
}
#main .section2 .div-circle-p i {
	display:inline-block;
	padding:10px;
	width:192px;
	height:192px;
	line-height:192px
}
#main .section2 .div-circle-p i i {
	width:171px;
	height:171px;
	opacity:0;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	filter:Alpha(opacity=0);
	-ms-transition:all .3s ease
}
#main .section2 .div-circle-p .i1 {
	background:url(../Images/s-p1.png)
}
#main .section2 .div-circle-p .i2 {
	background:url(../Images/s-p2.png)
}
#main .section2 .div-circle-p .i3 {
	background:url(../Images/s-p3.png)
}
#main .section2 .div-circle-p:hover>.i1>i {
	background:url(../Images/s-p1-h.png);
	opacity:1
}
#main .section2 .div-circle-p:hover>.i2>i {
	background:url(../Images/s-p2-h.png);
	opacity:1
}
#main .section2 .div-circle-p:hover>.i3>i {
	background:url(../Images/s-p3-h.png);
	opacity:1
}
#main .section2 .div-circle-p:hover>a {
	background:#0098d7;
	color:#fff
}
#main .section2 .btn-c {
	margin:25px 0 85px;
	width:163px;
	height:38px;
	line-height:38px
}
#main .section3 {
	background-color:#ebebeb
}
#main .section3 .s3-a {
	z-index:2;
	display:block;
	overflow:hidden;
	width:335px;
	height:398px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color:transparent;
	-ms-border-radius:5px;
	-o-border-radius:5px
}
#main .section3 .s3-a span {
	background-color:#fff
}
#main .section3 .s3-a span,#main .section3 .s3-a span i {
	display:block;
	padding:30px;
	width:335px;
	height:176px;
	color:#7b7b7b;
	font-size:14px;
	line-height:25px
}
#main .section3 .s3-a span:first-child,#main .section3 .s3-a span:first-child i {
	padding:0;
	height:222px
}
#main .section3 .s3-a .i-bg {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background-color:#000;
	opacity:0;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	filter:alpha(opacity=0);
	-ms-transition:all .3s ease
}
#main .section3 .s3-a,#main .section3 .s3-a span:first-child {
	position:relative;
	background-position:50% 0;
	background-size:cover;
	background-repeat:no-repeat
}
#main .section3 .s3-a1 span:first-child {
	background-image:url(../Images/s3-p1.jpg)
}
#main .section3 .s3-a2 span:first-child {
	background-image:url(../Images/s3-p2.jpg)
}
#main .section3 .s3-a3 span:first-child {
	background-image:url(../Images/s3-p3.jpg)
}
#main .section3 .s3-a1 span:first-child i:first-child {
	position:relative;
	z-index:3;
	background-image:url(../Images/s3-c1.png)
}
#main .section3 .s3-a2 span:first-child i:first-child {
	position:relative;
	z-index:3;
	background-image:url(../Images/s3-c2.png)
}
#main .section3 .s3-a3 span:first-child i:first-child {
	position:relative;
	z-index:3;
	background-image:url(../Images/s3-c3.png)
}
#main .section3 .s3-a:hover>span:first-child .i-bg {
	opacity:.5;
	filter:alpha(opacity=50)
}
#main .section4 .col-xs-6,#main .section4 .container-fluid {
	padding:0
}
#main .section4 .s4-p {
	height:545px;
	background:url(../Images/bg4.jpg) right 0 no-repeat;
	background-size:cover
}
#main .section4 .s4-text {
	padding:135px 85px;
	height:545px;
	background-color:#15abe8;
	color:#fff;
	text-align:left;
	font-size:20px;
	line-height:42px
}
#main .section4 .s4-text p {
	max-width:500px
}
#main .section4 .s4-text p i {
	display:inline-block;
	width:30px;
	height:30px;
	background-image:url(../Images/quo2.png);
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:67px
}
#main .section4 .s4-text p i:first-child {
	background-image:url(../Images/quo1.png)
}
#main .section4 .s4-text p:first-child {
	margin-bottom:80px;
	letter-spacing:1px;
	font-style:oblique
}
#main .section5 {
	background-color:#ebebeb
}
#main .section5 .flexslider {
	background:0
}
#main .section5 .s-line {
	margin-bottom:74px
}
#main .section5 .s5-li-div {
	width:382px;
	height:400px
}
#main .section5 .s5-li-div a,#main .section5 .s5-li-div a i {
	display:inline-block
}
#main .section5 .text-bg {
	position:relative;
	margin-bottom:40px;
	padding:55px 34px 0;
	height:225px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color:#fff;
	box-shadow:0 15px 15px rgba(0,0,0,.1);
	color:#515151;
	text-align:left;
	font-size:14px;
	line-height:29px;
	-ms-border-radius:5px;
	-o-border-radius:5px
}
#main .section5 .text-bg:after {
	position:absolute;
	bottom:-25px;
	left:50%;
	margin-left:-9px;
	width:0;
	height:0;
	border-color:#fff;
	border-style:solid dashed dashed;
	border-width:25px 18px 0;
	content:" ";
	line-height:0;
	border-left-color:transparent;
	border-right-color:transparent
}
#main .section5 .name-icon {
	text-align:center
}
#main .section5 .name-icon i {
	width:65px;
	height:65px;
	background-position:50% 50%;
	background-repeat:no-repeat
}
#main .section5 .name-icon1 i {
	background-image:url(../Images/x-p1.png)
}
#main .section5 .name-icon2 i {
	background-image:url(../Images/x-p2.png)
}
#main .section5 .name-icon3 i {
	background-image:url(../Images/x-p3.png)
}
#main .section5 .name-icon p {
	color:#333;
	text-align:center;
	font-size:18px;
	line-height:2.5
}
#main .section5 .name-icon span {
	color:#666;
	text-align:center;
	font-size:14px
}
#main .section5 .flex-control-nav {
	bottom:-67px
}
#main .section5 .btn-c {
	margin-top:68px
}
#main .section5 .text-bg:hover {
	box-shadow:0 20px 35px rgba(0,0,0,.1);
	transform:translate3d(0,-3px,0)
}
#main .section6 {
	background-image:url(../Images/bg6.jpg)
}
#main .section6 h2 {
	color:#fff
}
#main .section6 .s-line {
	margin-bottom:76px
}
#main .section6 .s6-btn {
	display:inline-block;
	padding:12px 35px;
	min-width:152px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	background:#0084ce;
	color:#fff;
	font-size:20px;
	line-height:1;
	-ms-border-radius:15px;
	-o-border-radius:15px
}
#main .section6 .btn-c {
	border-color:#fff;
	color:#fff
}
#main .section6 .btn-c:hover {
	border-color:#0098d7
}
#main .section6 .a-circle {
	display:block;
	overflow:hidden;
	margin:0 auto;
	margin-bottom:19px;
	width:175px;
	height:187px;
	background:url(../Images/s6-c.png) no-repeat;
	background-size:contain;
	line-height:210px
}
#main .section6 .a-circle i {
	display:inline-block;
	width:50px;
	height:50px;
	background-image:url(../Images/s6-i.png)
}
#main .section6 .a-circle1 i {
	background-position:50% 0
}
#main .section6 .a-circle2 i {
	background-position:50% 100%
}
#main .section6 .a-circle3 i {
	background-position:50% 200%
}
#main .section6 .s6-c-div {
	position:relative;
	-webkit-transition:-webkit-transform .3s ease-in-out;
	transition:transform .3s ease-in-out
}
#main .section6 .s6-c-div:hover {
	-webkit-transform:translate(0,-10px);
	transform:translate(0,-10px)
}
#main .section7 {
	height:450px;
	background:#fff
}
#main .section7 h2 i,#main-a .section2 h2 i {
	display:inline-block;
	margin:-5px 25px;
	width:2px;
	height:40px;
	border-right:1px solid #000
}
.span-tab {
	color:#757575;
	cursor:pointer
}
#main .section7 .tab-active,#main-a .section2 .tab-active,.span-tab:hover {
	color:#000
}
#main .section7 .s-line {
	margin-bottom:0
}
#main .section7 .tab1 {
	margin-top:78px
}
#main .section7 .tab2,#main-a .section2 .tab2 {
	display:none;
	margin-top:21px
}
#main .section7 .a-c {
	display:inline-block;
	width:215px;
	height:78px;
	background-image:url(../Images/co1.png);
	background-repeat:no-repeat;
	-webkit-transition:all .3s ease;
	-moz-transition:all .3s ease;
	-o-transition:all .3s ease;
	transition:all .3s ease;
	-ms-transition:all .3s ease
}
#main .section7 .a1 {
	background-position:50% 0
}
#main .section7 .a2 {
	background-position:50% 25%
}
#main .section7 .a3 {
	background-position:50% 50%
}
#main .section7 .a4 {
	background-position:50% 75%
}
#main .section7 .a5 {
	background-position:50% 100%
}
#main .section7 .a-c:hover {
	background-image:url(../Images/co2.png)
}
#main .section7 .a1:hover {
	background-position:50% 0
}
#main .section7 .a2:hover {
	background-position:50% 25%
}
#main .section7 .a3:hover {
	background-position:50% 50%
}
#main .section7 .a4:hover {
	background-position:50% 75%
}
#main .section7 .a5:hover {
	background-position:50% 100%
}
#main .section7 ul li {
	display:inline-block;
	margin-bottom:15px;
	width:380px;
	color:#666;
	font-size:14px
}
#main .section7 .div-m {
	margin-bottom:25px;
	text-align:left
}
#main .section7 .div-m a {
	display:inline-block;
	padding-left:66px;
	height:60px;
	font-size:16px;
	line-height:60px
}
#main .section7 .div-m.div-m4 a span {
	margin-top:21px;
	line-height:18px
}
#main .section7 .div-m3,#main .section7 .div-m6 {
	margin-left:-20px
}
#main .section7 .div-m2,#main .section7 .div-m5 {
	margin-left:20px
}
#main .section7 .div-m a span {
	display:inline-block;
	color:#666;
	font-size:16px;
	line-height:24px
}
#main .section7 .div-m1 a {
	background:url(../Images/h1.png) 0 50% no-repeat
}
#main .section7 .div-m2 a {
	background:url(../Images/h2.png) 0 50% no-repeat
}
#main .section7 .div-m3 a {
	background:url(../Images/h3.png) 0 50% no-repeat
}
#main .section7 .div-m4 a {
	background:url(../Images/h4.png) 0 5px no-repeat
}
#main .section7 .div-m5 a {
	background:url(../Images/h5.png) 0 50% no-repeat
}
#main .section7 .div-m6 a {
	background:url(../Images/h6.png) 0 50% no-repeat
}
#main .section7 .div-m7 a {
	background:url(../Images/h7.png) 0 50% no-repeat
}
#main .section8 {
	background-color:#ebebeb
}
#main .section8 .co-name {
	overflow:hidden;
	width:266px;
	height:145px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:#fff;
	-webkit-transition:all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	transition:all .5s ease;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	-ms-transition:all .5s ease
}
#main .section8 .co-name i {
	display:block;
	height:145px;
	/*
	background-image:url(../Images/co-name.png);*/
	background-repeat:no-repeat
}
#main .section8 .co-name1 i {
	background-position:100% 0
}
#main .section8 .co-name2 i {
	background-position:100% -141px
}
#main .section8 .co-name3 i {
	background-position:100% -282px
}
#main .section8 .co-name4 i {
	background-position:100% -423px
}
/*
#main .section8 .co-name:hover {
	background-color:#0071c3
}
#main .section8 .co-name:hover i {
	background-position-x:0
}*/
#footer .section-f1 {
	background-color:rgba(0,0,0,.7);
	color:#fff;
	text-align:left;
	font-size:22px
}
#footer .section-f1-fix {
	position:fixed;
	bottom:0;
	left:0;
	z-index:1999;
	width:100%
}
#footer #f-form div:first-child {
	text-align:right
}
#footer .section-f1 .btn-b {
	width:160px;
	height:49px;
	line-height:49px
}
#footer .section-f1 .btn-c,#footer .section-f1 input {
	margin:10px 0
}
#footer .section-f1 span {
	display:inline-block;
	margin:18px 0
}
#footer .section-f2 {
	padding:83px;
	background-image:url(../Images/bg10.jpg)
}
#footer .section-f2 ul {
	float:left;
	height:120px;
	border-left:1px solid #000;
	text-align:left
}
#footer .section-f2 ul li {
	padding:0 51px;
	line-height:2.1
}
#footer .section-f2 ul:first-child {
	padding-left:0;
	border-left:none
}
#footer .section-f2 ul li a {
	color:#878787;
	font-size:14px
}
#footer .section-f2 ul li:hover a {
	color:#fff
}
#footer .section-f2 .container {
	padding:92px 0 100px
}
#footer .section-f2 .a-ewm {
	display:inline-block
}
#footer .section-f2 .a-ewm i {
	display:block;
	margin-bottom:10px;
	width:141px;
	height:140px;
	background:url(../Images/ewm2.jpg);
	background-size:100%
}
#footer .section-f2 .a-ewm1 {
	margin:0 30px 0 0
}
#footer .section-f2 .a-ewm1 i {
	background:url(../Images/ewm1.jpg)
}
#footer .section-f2 .a-ewm span {
	color:#878787;
	font-size:14px
}
#footer .section-f2 .a-ewm:hover span {
	color:#fff
}
#footer .section-f3 {
	background-color:#181818;
	color:#7b7b7b;
	text-align:left;
	font-size:13px;
	line-height:65px
}
#footer .section-f3 span a {
	color:#7b7b7b
}
#footer .section-f3 span a:hover {
	color:#fff
}
#footer .section-f3 .f-right {
	float:right
}
#footer .section-f3 .f-right a>i {
	display:inline-block;
	margin:0 5px -8px 0;
	width:30px;
	height:30px;
	background:url(../Images/f-icon.png) no-repeat
}
#footer .section-f3 .f-right span {
	margin-right:5px
}
#footer .section-f3 .f-right .span-1 i {
	background-position:0 0
}
#footer .section-f3 .f-right .span-2 i {
	width:26px;
	background-position:-30px 0
}
#footer .section-f3 .f-right .span-3 i {
	width:28px;
	background-position:-55px 0
}
#footer .section-f3 .f-right .span-4 i {
	width:28px;
	background-position:-87px 0
}
#footer .section-f3 .span-l {
	float:left;
	display:inline-block;
	padding-top:12px;
	line-height:20px
}
#top {
	position:fixed;
	right:15px;
	bottom:70px;
	z-index:999
}
#top li a {
	position:relative;
	display:block;
	margin-bottom:5px;
	width:56px;
	height:56px;
	border:1px solid #0084ce;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:url(../Images/top-i.png) no-repeat;
	background-color:#0084ce;
	-webkit-transition-property:background-color;
	-moz-transition-property:background-color;
	-o-transition-property:background-color;
	transition-property:background-color;
	-ms-border-radius:5px;
	-o-border-radius:5px
}
#top li .t-1 {
	background-position:0 0
}
#top li .t-2 {
	background-position:0 -56px
}
#top li .t-3 {
	background-position:0 -112px
}
#top li .t-1:hover {
	background-color:#fff;
	background-position:-56px 0
}
#top li .t-2:hover {
	background-color:#fff;
	background-position:-56px -56px
}
#top li .t-3:hover {
	background-color:#fff;
	background-position:-56px -112px
}
#top li .t-2 span {
	position:absolute;
	top:-50px;
	left:-150px;
	display:none;
	width:140px;
	height:141px;
	background:url(../Images/ewm-h.png) 50% 50% no-repeat;
	background-size:100%;
	background-size:contain
}
#top li .t-2:hover>span {
	display:block
}
#top li .t-2.youthcode span {
	background:url(../Images/ewm-h-2.png) 50% 50% no-repeat;
	background-size:100%
}
#top li .t-2.youthcode {
	background-position:0 -168px
}
#top li .t-2.youthcode:hover {
	background-color:#fff;
	background-position:-56px -168px
}
#footer .section-f1 .col-xs-1 {
	width:11.33333333%
}
#footer .section-f1 .col-xs-3 {
	width:24%
}
.box-md {
	position:fixed;
	top:50%;
	left:50%;
	z-index:2000;
	visibility:hidden;
	overflow:hidden;
	width:422px;
	height:485px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	cursor:pointer;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
	-ms-transform:translateX(-50%) translateY(-50%)
}
#main-a .section4 .co-name a,#main-a .section5 .div-news {
	-webkit-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px
}
.box-show {
	visibility:visible
}
.box-show~.lightbox {
	visibility:visible;
	opacity:1
}
.lightbox {
	position:fixed;
	top:0;
	left:0;
	z-index:1999;
	visibility:hidden;
	width:100%;
	height:100%;
	background:rgba(6,0,0,.56);
	opacity:1
}
.lingtbox-show {
	visibility:visible
}
@media screen and (min-width:992px) {
	#main .section7 .col-md-3 {
	width:20%
}
}#main-a .section1 {
	background-image:url(../Images/a-s1-bg.jpg)
}
#main-a .section2 {
	padding-bottom:65px;
	height:571px
}
#main-a .section2 p {
	margin-bottom:22px;
	color:#333;
	font-size:18px;
	line-height:28px
}
#main-a .section2 .s-line {
	margin-bottom:40px
}
#main-a .section3 {
	height:690px;
	background:url(../Images/a-s3-bg.jpg) 50% 50%
}
#main-a .section3 h2 {
	padding-top:80px;
	color:#fff
}
#main-a .section3 ul {
	padding-top:106px
}
#main-a .section3 ul>li {
	position:relative;
	display:inline-block;
	width:72px;
	height:240px
}
#main-a .section3 ul .a-dot {
	position:absolute;
	display:block;
	padding-top:40px;
	padding-left:10px;
	border-left:1px solid #0864a8
}
#main-a .section3 ul .a-dot-bottom {
	padding-top:0;
	padding-bottom:40px
}
#main-a .section3 ul .a-dot>i {
	position:absolute;
	left:-35px;
	display:inline-block;
	width:70px;
	height:70px;
	background:url(../Images/a-s2-i.png) 50% 0 no-repeat
}
#main-a .section3 ul .a-dot-top>i {
	top:-35px
}
#main-a .section3 ul .a-dot-bottom>i {
	bottom:-35px
}
#main-a .section3 ul .a-dot:hover>i {
	background-position:50% 100%
}
#main-a .section3 .a-dot1 {
	bottom:15px
}
#main-a .section3 .a-dot2 {
	top:28px
}
#main-a .section3 .a-dot3 {
	bottom:25px
}
#main-a .section3 .a-dot4 {
	top:-18px;
	left:-7px
}
#main-a .section3 .a-dot5 {
	bottom:45px
}
#main-a .section3 .a-dot6 {
	top:10px
}
#main-a .section3 .a-dot7 {
	bottom:50px
}
#main-a .section3 .a-dot8 {
	top:-5px
}
#main-a .section3 .a-dot9 {
	bottom:35px
}
#main-a .section3 .a-dot10 {
	top:40px
}
#main-a .section3 .a-dot11 {
	bottom:8px
}
#main-a .section3 .a-dot12 {
	top:35px
}
#main-a .section3 .a-dot13 {
	bottom:10px
}
#main-a .section3 p {
	display:inline-block;
	width:145px;
	color:#fff;
	text-align:left;
	font-size:14px;
	line-height:20px
}
#main-a .section4 .co-name,#main-a .section4 .co-name a {
	display:inline-block;
	width:266px
}
#main-a .section3 p span {
	display:block;
	color:#0084ce;
	text-align:left;
	font-weight:700
}
#main-a .section4 {
	padding-bottom:101px;
	background:#ebebeb
}
#main-a .section4 .co-name a {
	margin-bottom:14px;
	height:155px;
	-moz-border-radius:10px;
	border-radius:10px;
	background-color:#0084ce;
	color:#fff;
	font-size:28px
}
#main-a .section4 .co-name a span {
	position:relative;
	top:50%;
	display:inline-block;
	text-align:center;
	line-height:1.2;
	transform:translateY(-50%)
}
#main-a .section4 .co-name p {
	padding:0 10px;
	color:#666;
	font-size:14px;
	line-height:25px
}
#main-a .section4 .co-name1 p {
	text-align:center
}
#main-a .section5 {
	padding-bottom:95px;
	background-image:url(../Images/a-s5-bg.jpg)
}
#main-a .section5 .div-news {
	margin-bottom:35px;
	padding:31px 23px 28px;
	width:364px;
	height:230px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:#fff;
	background-position:right bottom;
	background-repeat:no-repeat;
	text-align:left;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	-ms-transition:all .3s ease-in-out
}
#main-a .section5 .div-news:hover {
	-o-transition:translate(0,-10px);
	-webkit-transform:translate(0,-10px);
	-moz-transform:translate(0,-10px);
	transform:translate(0,-10px);
	-ms-transition:translate(0,-10px)
}
#main-a .section5 .div-news a {
	color:#008ee3;
	font-size:14px;
	line-height:24px
}
#main-a .section5 .div-news p {
	height:128px;
	color:#6c6c6c
}
#main-a .section5 .div-news1 {
	background-image:url(../Images/news1.jpg)
}
#main-a .section5 .div-news2 {
	background-image:url(../Images/news2.jpg)
}
#main-a .section5 .div-news3 {
	background-image:url(../Images/news3.jpg)
}
#main-a .section5 .div-news4 {
	background-image:url(../Images/news4.jpg)
}
#main-a .section5 .div-news5 {
	background-image:url(../Images/news5.jpg)
}
#main-a .section5 .div-news6 {
	background-image:url(../Images/news6.jpg)
}
#main-a .section6 {
	padding-bottom:100px;
	background-image:url(../Images/a-s6-bg.jpg)
}
#main-a .section6 div {
	padding:0
}
#main-a .section6 h2 {
	padding:100px 0 37px;
	color:#fff;
	text-align:left;
	font-size:30px;
	line-height:1
}
#main-a .section6 .s-line {
	position:relative;
	top:3px;
	margin:0;
	margin-right:11px;
	width:3px;
	height:28px
}
#main-a .section6 .div-box {
	padding:61px 55px 0;
	width:476px;
	height:500px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:#fff;
	-ms-border-radius:10px;
	-o-border-radius:10px
}
#main-a .section6 .btn-c {
	margin-top:0;
	padding:0;
	width:180px;
	height:56px;
	background:#0098d7;
	color:#fff;
	line-height:56px
}
#main-a .section6 .btn-c:hover {
	border:1px solid #0098d7;
	background:0;
	color:#0098d7
}
#main-a .section6 .div-box p {
	position:relative;
	margin-bottom:22px;
	font-size:14px;
	line-height:24px
}
#main-a .section6 .div-box p a {
	display:block;
	padding-left:30px;
	background-repeat:no-repeat;
	color:#008ee3;
	text-align:left
}
#main-a .section6 .div-box p a>span {
	position:relative;
	top:3px;
	display:inline-block;
	width:25px;
	height:18px;
	background-image:url(../Images/s-icon.png);
	background-repeat:no-repeat
}
#main-a .section6 .div-box p .a-t-i1 {
	background-position:0 0
}
#main-a .section6 .div-box p .a-t-i2 {
	background-position:0 -19px
}
#main-a .section6 .div-box p .a-t-i3 {
	background-position:0 -37px
}
#main-a .section6 .div-box p .a-t-i4 {
	background-position:0 -55px
}
#main-a .section6 .div-box p>span {
	padding-left:30px;
	color:#999
}
#main-a .section6 .div-box p .a-t-i5 {
	background-position:0 -73px
}
#main-a .section6 .div-box p .a-t-i6 {
	background-position:0 -91px
}
#main-a .section6 .div-box p .a-t-i7 {
	background-position:0 -109px
}
#main-a .section6 .div-box p .a-t-i8 {
	background-position:0 -127px
}
#main-a .section6 .div-box1 .btn-c {
	cursor:default
}
#main-a .section6 .div-box1 .btn-c:hover {
	background:#0098d7;
	color:#fff
}
#main-a .section6 .div-box2>p {
	position:relative;
	margin-bottom:15px
}
#main-a .section6 .div-box2 label {
	position:absolute;
	top:17px;
	left:25px;
	display:inline-block;
	width:21px;
	height:18px;
	background-image:url(../Images/s-icon.png);
	background-repeat:no-repeat
}
#main-a .section6 input {
	padding-left:50px;
	width:370px;
	height:54px;
	background:#efeeee
}
#main-a .section6 .div-box2 input:focus~label {
	transform:translateY(-3px)
}
#main-a .section6 .div-box2 .l-icon1 {
	background-position:0 -73px
}
#main-a .section6 .div-box2 .l-icon2 {
	background-position:0 -91px
}
#main-a .section6 .div-box2 .l-icon3 {
	background-position:0 -109px
}
#main-a .section6 .div-box2 .l-icon4 {
	background-position:0 -127px
}
#main-a .dd {
	height:330px
}
#main-a .dd .dd-error {
	display:none;
	color:red
}
#main-a .dd .m-t--5 {
	margin-top:-5px;
	text-align:left
}
#main-a .dd p>img {
	position:absolute;
	top:13px;
	right:15px;
	width:50px;
	height:27px
}
#main-b .btn-c {
	margin:70px 0 0
}
#main-b .divider {
	float:left;
	width:.1%;
	background-color:#767676;
	height:84px
}
#main-b .section h2,#main-b .section p {
	text-align:center;
	font-family:"Microsoft YaHei";
	padding:0;
	font-weight:lighter
}
#main-b .section h2 {
	line-height:60px;
	font-size:45px
}
#main-b .section p {
	font-size:16px;
	line-height:28px
}
#main-b .s-ul {
	color:#333;
	font-size:16px;
	line-height:32px
}
#main-b .s-ul li>i {
	display:inline-block;
	margin-right:9px;
	width:18px;
	height:18px;
	background:url(../Images/b-icon.png) 0 -18px no-repeat
}
#main-b .v-btn {
	width:100px;
	height:100px;
	border:5px solid #fff;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	background:0;
	-ms-border-radius:50px;
	-o-border-radius:50px
}
#main-b input[type="radio"] {
	display:none
}
#main-b input[type="radio"]+label {
	color:#0084ce
}
#main-b input[type="radio"]+label span {
	display:inline-block;
	width:19px;
	height:19px;
	margin:-1px 4px 0 0;
	vertical-align:middle;
	cursor:pointer;
	-moz-border-radius:50%;
	border-radius:50%
}
#main-b input[type="radio"]+label span {
	border:1px solid #0084ce
}
#main-b input[type="radio"]:checked+label span {
	background-color:#0084ce
}
#main-b input[type="radio"]+label span,#main-b input[type="radio"]:checked+label span {
	-webkit-transition:background-color .4s linear;
	-o-transition:background-color .4s linear;
	-moz-transition:background-color .4s linear;
	transition:background-color .4s linear
}
#main-b .section .parallaxm {
	-webkit-transition:all .1s;
	transition:all .1s;
	background-repeat:no-repeat;
	background-position:center 0;
	-webkit-transition-timing-function:ease;
	transition-timing-function:ease;
	-webkit-transition-duration:1s;
	transition-duration:1s;
	z-index:-1
}
#main-b .section .s3-info {
	padding-top:105px
}
#main-b .section .s3-info ul {
	padding:0 10%;
	overflow:hidden
}
#main-b .section .s3-info li {
	color:#8e8e8e;
	margin-bottom:20px;
	float:left;
	width:49.8%;
	letter-spacing:.2em;
	text-align:center;
	box-sizing:border-box;
	padding-left:50px
}
#main-b .section .s3-info .s1 {
	font-size:60px;
	color:#0084ce;
	font-family:Roboto;
	letter-spacing:0;
	line-height:1em
}
#main-b .section .count-li .s1 i {
	font-size:30px;
	font-style:normal;
	vertical-align:top;
	position:relative;
	left:5px;
	bottom:-10px
}
#main-b .section1 .slid3 {
	text-align:center
}
#main-b .section1 .slid3 .btn-c:hover {
	background:#0084ce;
	color:#fff;
	border:1px solid #0084ce
}
#main-b .section1 h2 {
	font-size:52px;
	padding-top:172px
}
#main-b .section1 p {
	font-size:24px;
	padding-top:20px;
	color:#000
}
#main-b .section1 .btn-c {
	width:229px;
	height:69px;
	line-height:69px
}
#main-b .section1 {
	height:650px;
	background-image:url(../Images/b-s1-bg.jpg)
}
#main-b .section2 {
	height:750px
}
#main-b .section2 .parallaxm {
	height:850px;
	background-image:url(../Images/b-s2-bg.jpg)
}
#main-b .section2 .container {
	height:750px;
	position:relative;
	top:-850px
}
#main-b .section2 h2 {
	padding-top:80px
}
#main-b .section2 .p {
	padding-top:55px
}
#main-b .section2 .p p {
	color:#333
}
#main-b .section2 .count-li .count-num {
	font-size:72px
}
#main-b .section3 {
	height:970px;
	background-image:url(../Images/b-s3-bg.jpg)
}
#main-b .section3 .container {
	height:970px
}
#main-b .section3 .btn-c {
	margin:12px 0 0
}
#main-b .section3 h2 {
	padding-top:82px;
	color:#fff
}
#main-b .section3 .p {
	padding-top:45px;
	padding-bottom:35px
}
#main-b .section3 p {
	color:#bfbfbf
}
#main-b .section3 p b {
	font-weight:normal;
	color:#fff;
	padding-right:2px
}
#main-b .section3 .bg2 {
	background-image:url(../Images/b-s3-bg-2.png);
	width:1188px;
	height:396px;
	z-index:1;
	background-repeat:no-repeat
}
#main-b .section4 {
	height:800px
}
#main-b .section4 .parallaxm {
	height:847px;
	background-image:url(../Images/b-s4-bg.jpg)
}
#main-b .section4 .container {
	height:800px;
	position:relative;
	top:-847px
}
#main-b .section4 .s3-info ul {
	padding:0
}
#main-b .section4 .s3-info li {
	text-align:left;
	padding:0;
	width:20%
}
#main-b .section4 .s3-info .divider {
	margin:0 15%
}
#main-b .section4 h2 {
	padding-top:144px;
	text-align:left
}
#main-b .section4 .p {
	padding-top:55px;
	text-align:left;
	padding-right:30px
}
#main-b .section4 p {
	text-align:left
}
#main-b .section4 .pad {
	position:absolute;
	width:342px;
	height:486px;
	top:240px;
	background:url(../Images/b-s4-pad2.png) 50% 100% no-repeat;
	background-size:contain
}
#main-b .section4 .pad h3 {
	font-size:14px;
	color:#fff;
	padding-top:70px;
	text-align:center;
	line-height:20px
}
#main-b .section4 .pad .s4-bg-a {
	position:absolute;
	margin-top:14px;
	width:73%;
	height:350px;
	left:14%;
	background:url(../Images/b-circle.png) no-repeat;
	background-size:contain
}
#main-b .section4 .pad .s4-bg-a a {
	position:absolute;
	display:inline-block;
	width:45px;
	height:100px
}
#main-b .section4 .pad .s4-bg-a .a-1 {
	position:absolute;
	top:0;
	left:16%;
	top:12%;
	display:block;
	width:45px;
	background:url(../Images/b-s4-pad-bg1.png) 50% 0 no-repeat;
	background-size:contain
}
#main-b .section4 .pad .s4-bg-a .s4-hover1 {
	width:65px;
	height:65px;
	position:absolute;
	left:36%
}
#main-b .section4 .pad .s4-bg-a .i-img1 {
	background:url(../Images/b-s4-pad-bgs1.png) 50% 0 no-repeat;
	display:none;
	background-size:contain;
	width:60px;
	height:60px
}
#main-b .section4 .pad .s4-bg-a .s4-hover1:hover .i-img1 {
	display:inline-block
}
#main-b .section4 .pad .s4-bg-a a img {
	width:73px
}
#main-b .section4 .pad .s4-bg-a a .s4-font {
	font-style:normal;
	display:block;
	padding-top:50px;
	font-size:12px;
	color:#fff;
	font-weight:200;
	width:74px;
	position:relative;
	left:-14px;
	-webkit-text-size-adjust:none;
	-o-transform:scale(1);
	line-height:1.3
}
#main-b .section4 .pad .s4-bg-a .a-2 {
	top:55px;
	right:28px;
	background:url(../Images/b-s4-c2.png) 50% 0 no-repeat;
	background-size:contain
}
#main-b .section4 .pad .s4-bg-a .a-3 {
	top:150px;
	right:15px;
	background:url(../Images/b-s4-c3.png) 50% 0 no-repeat;
	background-size:contain
}
#main-b .section4 .pad .s4-bg-a .a-4 {
	right:70px;
	bottom:40px;
	background:url(../Images/b-s4-c4.png) 50% 0 no-repeat;
	background-size:contain
}
#main-b .section4 .pad .s4-bg-a .a-5 {
	bottom:40px;
	left:70px;
	background:url(../Images/b-s4-c5.png) 50% 0 no-repeat;
	background-size:contain
}
#main-b .section4 .pad .s4-bg-a .a-6 {
	position:absolute;
	top:0;
	left:15%;
	top:12%;
	display:block;
	width:50px;
	background:url(../Images/b-s4-pad-bg6.png) 50% 0 no-repeat;
	background-size:contain
}
#main-b .section4 .pad .s4-bg-a .s4-hover6 {
	width:65px;
	height:65px;
	position:absolute;
	left:2%;
	top:42%
}
#main-b .section4 .pad .s4-bg-a .i-img6 {
	background:url(../Images/b-s4-pad-bgs6.png) 50% 0 no-repeat;
	display:none;
	background-size:contain;
	width:60px;
	height:60px
}
#main-b .section4 .pad .s4-bg-a .s4-hover6:hover .i-img6 {
	display:inline-block
}
#main-b .section4 .pad .s4-bg-a .a-7 {
	top:55px;
	left:28px;
	background:url(../Images/b-s4-c7.png) 50% 0 no-repeat;
	background-size:contain
}
#main-b .section4 .pad .s4-bg-a .a-1,#main-b .section4 .pad .s4-bg-a .a-6 {
	cursor:pointer
}
#main-b .section4 .pad .pad-bgpic {
	background:url(../Images/b-s4-pad3.png);
	width:342px;
	height:486px;
	z-index:2;
	display:block;
	position:absolute;
	top:0;
	background-size:100% 100%
}
#main-b .section5 {
	background-color:#f5f5f5
}
#main-b .section5 h2 {
	padding-top:78px
}
#main-b .section5 .m-level {
	text-align:left;
	padding-top:60px;
	color:#0084ce;
	z-index:99;
	position:absolute
}
#main-b .section5 .m-level label {
	padding-right:50px;
	font-weight:normal
}
#main-b .section5 .p {
	text-align:left;
	padding-top:50px;
	padding-bottom:40px
}
@media(min-width:1200px) {
	#main-b .section5 .sd-pic .sd-list-1 {
	width:146px;
	height:600px
}
#main-b .section5 .sd-pic .sd-list-2 {
	width:215px;
	height:600px
}
#main-b .section5 .sd-pic .sd-pic-bot-line {
	right:60px;
	width:1095px
}
#main-b .section5 .sd-pic .sd-list .sd-list-box span {
	margin-left:20px
}
#main-b .section5 .sd-pic .sd-list-2 .sd-list-box span {
	margin-left:71px
}
#main-b .section5 .sd-pic .sd-list .sd-list-box>i {
	margin-left:40px
}
#main-b .section5 .sd-pic .sd-list-2 .sd-list-box>i {
	margin-left:92px
}
#main-b .section5 .sd-pic .sd-list1 {
	width:197px
}
}#main-b .section5 .sd-pic {
	position:relative;
	height:680px;
	min-width:1170px
}
#main-b .section5 .sd-picbg1 {
	background-image:url(../Images/b-s5-level-bg3.png);
	height:459px;
	width:1163px;
	background-color:rgba(0,0,0,.7);
	position:absolute;
	top:140px;
	display:none;
	background-position:-7px 3px;
	display:none
}
#main-b .section5 .sd-pic .sd-list {
	position:relative;
	float:left;
	display:block;
	margin-bottom:100px
}
#main-b .section5 .sd-pic .sd-list-1 {
	width:144px;
	height:600px
}
#main-b .section5 .sd-pic .sd-list-2 {
	width:437px;
	height:600px
}
#main-b .section5 .sd-pic .sd-list-3 {
	width:291px;
	height:600px
}
#main-b .section5 .sd-pic .sd-list-4 {
	width:96px;
	height:600px
}
#main-b .section5 .sd-pic .sd-list-5 {
	width:160px;
	height:600px
}
#main-b .section5 .sd-pic .sd-list-6 {
	width:33px;
	height:600px
}
#main-b .section5 .sd-pic .sd-list>div {
	position:relative;
	width:100%;
	height:100%
}
#main-b .section5 .sd-pic .sd-list .sd-list-box {
	position:absolute;
	bottom:0;
	left:0;
	width:100%
}
#main-b .section5 .sd-pic .sd-list .sd-list-box div {
	position:absolute;
	top:-130px;
	left:0;
	z-index:102;
	padding:23px 16px;
	width:210px;
	border:1px solid #00d2dd;
	border-radius:10px;
	background:#f7f7f7;
	text-align:left;
	font-size:13px;
	opacity:0;
	transition:all .5s;
	filter:alpha(opacity=0)
}
#main-b .section5 .sd-pic .sd-list .sd-list-box:hover div {
	top:-150px;
	opacity:1;
	filter:alpha(opacity=100)
}
#main-b .section5 .sd-pic .sd-list .sd-list-box div>i {
	position:absolute;
	bottom:-9px;
	left:98px;
	display:block;
	width:13px;
	height:8px
}
#main-b .section5 .sd-pic .sd-list .sd-list-box div>i {
	background-image:url(../Images/b-s5-box-a.png);
	background-position:0 0
}
#main-b .section5 .sd-pic .sd-list .sd-list-box img {
	display:block;
	width:100%
}
#main-b .section5 .sd-pic .sd-list .sd-list-box>i {
	position:absolute;
	bottom:-80px;
	left:0;
	margin-left:40px;
	width:24px;
	height:24px;
	border-radius:50%;
	background-color:#999;
	opacity:0;
	transition:all .5s;
	filter:alpha(opacity=0)
}
#main-b .section5 .sd-pic .sd-list .sd-list-box:hover>i {
	opacity:1;
	filter:alpha(opacity=100)
}
#main-b .section5 .sd-pic .sd-list .sd-list-box>i {
	background-color:#009fe6
}
#main-b .section5 .sd-pic .sd-list .sd-list-box span {
	position:absolute;
	bottom:-40px;
	left:0;
	margin-left:20px;
	width:66px;
	height:22px;
	border-radius:3px;
	background:#999;
	color:#fff;
	text-align:center;
	font-size:13px;
	line-height:22px;
	opacity:0;
	transition:all .5s;
	filter:alpha(opacity=0)
}
#main-b .section5 .sd-pic .sd-list .sd-list-box:hover span {
	opacity:1;
	filter:alpha(opacity=100)
}
#main-b .section5 .sd-pic .sd-list .sd-list-box span {
	background:#009fe6
}
#main-b .section5 .sd-pic .sd-list .sd-list-box span>i {
	position:absolute;
	bottom:-7px;
	left:25px;
	width:13px;
	height:8px;
	opacity:0;
	transition:all .5s;
	filter:alpha(opacity=0)
}
#main-b .section5 .sd-pic .sd-list:hover .sd-list-box span>i {
	opacity:1;
	filter:alpha(opacity=100)
}
#main-b .section5 .sd-pic .sd-list .sd-list-box span>i {
	background-image:url(../Images/b-s5-box-a2.png);
	background-position:0 0;
	background-repeat:no-repeat
}
#main-b .section5 .sd-pic .sd-pic-bot-line {
	position:absolute;
	left:1px;
	bottom:10px;
	display:block;
	width:1157px;
	height:4px;
	background:#d3d3d3
}
#main-b .section5 .sd-pic .sd-list-1 .sd-list-box div {
	left:-36px
}
#main-b .section5 .sd-pic .sd-list-1 .sd-list-box span {
	left:24px
}
#main-b .section5 .sd-pic .sd-list-1 .sd-list-box>i {
	left:20px
}
#main-b .section5 .sd-pic .sd-list-2 .sd-list-box div {
	left:75px
}
#main-b .section5 .sd-pic .sd-list-2 .sd-list-box span {
	left:120px
}
#main-b .section5 .sd-pic .sd-list-2 .sd-list-box>i {
	left:120px
}
#main-b .section5 .sd-pic .sd-list-3 .sd-list-box div {
	left:45px
}
#main-b .section5 .sd-pic .sd-list-3 .sd-list-box span {
	left:100px
}
#main-b .section5 .sd-pic .sd-list-3 .sd-list-box>i {
	left:100px
}
#main-b .section5 .sd-pic .sd-list-4 .sd-list-box div {
	left:-55px
}
#main-b .section5 .sd-pic .sd-list-5 .sd-list-box div {
	left:-5px;
	z-index:103
}
#main-b .section5 .sd-pic .sd-list-5 .sd-list-box span {
	left:50px
}
#main-b .section5 .sd-pic .sd-list-5 .sd-list-box>i {
	left:50px
}
#main-b .section5 .sd-pic .sd-list-6 .sd-list-box div {
	left:-90px;
	opacity:1
}
#main-b .section5 .sd-pic .sd-list-6 .sd-list-box span {
	left:-40px;
	opacity:1
}
#main-b .section5 .sd-pic .sd-list-6 .sd-list-box>i {
	left:-40px;
	opacity:1
}
#main-b .anima1 li.l1 {
	animation:animala 1s ease-out;
	-webkit-animation:animala 1s ease-out;
	-o-animation:animala 1s ease-out;
	-moz-animation:animala 1s ease-out
}
#main-b .anima1 li.l1 .date {
	animation:animalb 1s ease-out;
	-webkit-animation:animalb 1s ease-out;
	-o-animation:animalb 1s ease-out;
	-moz-animation:animalb 1s ease-out
}
#main-b .anima1 li.l2 {
	animation:animala 2s ease-out;
	-webkit-animation:animala 2s ease-out;
	-o-animation:animala 2s ease-out;
	-moz-animation:animala 2s ease-out
}
#main-b .anima1 li.l2 .date {
	animation:animalb 2s ease-out;
	-webkit-animation:animalb 2s ease-out;
	-o-animation:animalb 2s ease-out;
	-moz-animation:animalb 2s ease-out
}
#main-b .anima1 li.l3 {
	animation:animala 3s ease-out;
	-webkit-animation:animala 3s ease-out;
	-o-animation:animala 3s ease-out;
	-moz-animation:animala 3s ease-out
}
#main-b .anima1 li.l3 .date {
	animation:animalb 3s ease-out;
	-webkit-animation:animalb 3s ease-out;
	-o-animation:animalb 3s ease-out;
	-moz-animation:animalb 3s ease-out
}
#main-b .anima1 li.l4 {
	animation:animala 4s ease-out;
	-webkit-animation:animala 4s ease-out;
	-o-animation:animala 4s ease-out;
	-moz-animation:animala 4s ease-out
}
#main-b .anima1 li.l4 .date {
	animation:animalb 4s ease-out;
	-webkit-animation:animalb 4s ease-out;
	-o-animation:animalb 4s ease-out;
	-moz-animation:animalb 4s ease-out
}
#main-b .anima1 li.l5 {
	animation:animala 5s ease-out;
	-webkit-animation:animala 5s ease-out;
	-o-animation:animala 5s ease-out;
	-moz-animation:animala 5s ease-out
}
#main-b .anima1 li.l5 .date {
	animation:animalb 5s ease-out;
	-webkit-animation:animalb 5s ease-out;
	-o-animation:animalb 5s ease-out;
	-moz-animation:animalb 5s ease-out
}
#main-b .anima1 li.l6 {
	animation:animala 6s ease-out;
	-webkit-animation:animala 6s ease-out;
	-o-animation:animala 6s ease-out;
	-moz-animation:animala 6s ease-out
}
#main-b .anima1 li.l6 .date {
	animation:animalb 6s ease-out;
	-webkit-animation:animalb 6s ease-out;
	-o-animation:animalb 6s ease-out;
	-moz-animation:animalb 6s ease-out
}
#main-b .section5 .box {
	height:326px;
	width:1170px;
	background:url(../Images/s-sn-1.jpg) repeat-x;
	box-sizing:border-box;
	padding:0 4px 0 170px;
	display:none
}
#main-b .section5 .box.active {
	display:block
}
#main-b .section5 .box li {
	width:166px;
	height:100%;
	float:left;
	position:relative
}
#main-b .section5 .box li>div {
	position:absolute;
	bottom:37px;
	left:0;
	width:100%;
	border-left:1px dashed #bdbdbd
}
#main-b .section5 .box li.no-learn>div {
	border-left:1px dashed #f9d093
}
#main-b .section5 .box li.last-learn>div {
	background-image:none!important
}
#main-b .section5 .box li.learn>div {
	border-left:1px dashed #93c8e5;
	background:url(../Images/s-sn-p.png) repeat
}
#main-b .section5 .box li>div .point {
	width:30px;
	height:36px;
	display:block;
	position:absolute;
	top:-13px;
	left:-13px;
	z-index:12;
	background:url(../Images/s-sn-point-v2.png) no-repeat;
	background-position:-7px 0
}
#main-b .section5 .box li.no-learn>div .point {
	background:url(../Images/s-sn-point-v2.png) no-repeat;
	background-position:-7px -39px
}
#main-b .section5 .box li.learn>div .point {
	background:url(../Images/s-sn-point-v2.png) no-repeat;
	background-position:-7px -39px
}
#main-b .section5 .box li>div .line {
	width:100%;
	height:43px;
	display:block;
	position:absolute;
	top:-43px;
	left:0;
	z-index:11;
	background:url(../Images/s-sn-line-v2.png) no-repeat;
	background-position:0 -7px
}
#main-b .section5 .box li.no-learn>div .line {
	background:url(../Images/s-sn-line-v2.png) no-repeat;
	background-position:0 -151px
}
#main-b .section5 .box li.learn>div .line {
	background:url(../Images/s-sn-line-v2.png) no-repeat;
	background-position:0 -73px
}
#main-b .section5 .box li.last-learn>div .line {
	background-position:0 -7px
}
#main-b .section5 .box li.l1>div {
	height:43px
}
#main-b .section5 .box li.l2>div {
	height:86px
}
#main-b .section5 .box li.l3>div {
	height:129px
}
#main-b .section5 .box li.l4>div {
	height:172px
}
#main-b .section5 .box li.l5>div {
	height:215px
}
#main-b .section5 .box li.l6>div {
	height:258px
}
#main-b .section5 .box li>div .date {
	background-color:#0084ce;
	padding:7px 12px;
	color:#fff;
	border-radius:5px;
	position:absolute;
	left:-50px;
	top:-66px;
	font-size:14px
}
#main-b .section5 .box li>div .date:after {
	position:absolute;
	bottom:-6px;
	left:50%;
	margin-left:-4px;
	content:" ";
	background:url(../Images/s-sn-b.png);
	display:block;
	width:8px;
	height:6px
}
#main-b .section5 .box li>div p {
	position:absolute;
	z-index:12;
	bottom:-30px;
	left:-30px
}
#main-b .section5 .box li>div p.p3 {
	left:-22px
}
#main-b .section5 .box li>div p.p5 {
	left:-36px
}
#main-b .section5 .box li>div p.p6 {
	left:-43px
}
#main-b .section5 .line-user {
	text-align:left;
	padding-top:40px;
	padding-bottom:80px
}
#main-b .section5 .line-user img {
	width:68px;
	height:68px;
	float:left;
	margin-right:10px;
	margin-left:90px;
	border-radius:50%;
	border:4px solid #ededed
}
#main-b .section5 .line-user li {
	cursor:pointer
}
#main-b .section5 .line-user li.active img {
	border:4px solid #88c0df
}
#main-b .section5 .line-user div {
	padding-top:10px
}
#main-b .section5 .line-user div i {
	color:#aaa;
	margin:0 4px;
	font-style:normal;
	font-weight:400;
	line-height:2em
}
#main-b .section6 {
	height:940px;
	background:url(../Images/b-s6-bg.jpg)
}
#main-b .section6 h2 {
	padding-top:93px
}
#main-b .section6 .p {
	padding-top:40px
}
#main-b .section6 .video {
	width:1183px;
	height:630px;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	position:relative
}
#main-b .section6 .video .video-paid {
	background-image:url(../Images/b-s6-bg-pad.png);
	width:1021px;
	height:561px;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	position:absolute;
	left:56px;
	bottom:0
}
#main-b .section6 .video .b-s2-video-c {
	position:absolute;
	top:300px;
	left:300px;
	z-index:3;
	//background-color:#;
	text-align:center;
	cursor:pointer
}
#main-b .section6 .video .play {
	position:relative;
	top:50%;
	display:inline-block;
	margin-top:-52px;
	width:104px;
	height:104px;
	background:url(../Images/p-icon.png) 50% 50% no-repeat;
	background-position:0 0
}
#main-b .section6 .video .video-box {
	position:absolute;
	left:204px;
	width:728px;
	height:523px;
	overflow:hidden;
	z-index:30;
	background:url(../Images/b-s6-bg-video.jpg) 50% 0 no-repeat;
	background-size:cover;
	bottom:-1px
}
#main-b .section6 .video .vhand {
	background-image:url(../Images/b-s6-bg-hand.png);
	width:1136px;
	height:322px;
	-webkit-background-size:100% 100%;
	background-size:100% 100%;
	position:absolute;
	top:308px;
	left:0;
	z-index:29
}
#main-b .session2-animation {
	-webkit-animation:main-b-sessiontwo 2.5s ease-out;
	-o-animation:main-b-sessiontwo 2.5s ease-out;
	animation:main-b-sessiontwo 2.5s ease-out
}
@-webkit-keyframes main-b-sessiontwo {
	0% {
	bottom:-200px
}
100% {
	bottom:0
}
}@-o-keyframes main-b-sessiontwo {
	0% {
	bottom:-200px
}
100% {
	bottom:0
}
}@keyframes main-b-sessiontwo {
	0% {
	bottom:-200px
}
100% {
	bottom:0
}
}#main-b .section7 {
	height:1000px
}
#main-b .section7 .parallaxm {
	height:1160px;
	background-image:url(../Images/b-s7-bg.jpg)
}
#main-b .section7 .container {
	height:1000px;
	position:relative;
	top:-1160px
}
#main-b .section7 h2 {
	color:#fff;
	padding-top:82px
}
#main-b .section7 .head {
	margin-top:60px;
	width:1171px;
	height:337px;
	background-image:url(../Images/b-s7-bg2.png)
}
#main-b .section7 .p {
	color:#bfbfbf;
	padding-top:50px
}
#main-b .section8 h2 {
	padding-top:82px
}
#main-b .section8 .teacher {
	padding-top:74px
}
#main-b .section8 .s6-p .img-cover {
	overflow:hidden;
	width:270px;
	height:300px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	z-index:2;
	position:relative
}
#main-b .section8 .s6-p:hover img {
	transition:all 1s ease 0s;
	transform:scale(1.1)
}
#main-b .section8 .a-p {
	color:#666;
	font-size:16px
}
#main-b .section8 .s6-p .name {
	color:#009fe6;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:13px;
	font-size:20px
}
#main-b .section8 .s6-p .f {
	padding-right:20px
}
#main-b .section8 .s6-p a i {
	display:inline-block;
	margin:0 5px -3px 0;
	width:18px;
	height:19px;
	background:url(../Images/b-icon.png) 0 -36px no-repeat
}
#main-b .section8 .s6-p a s {
	display:inline-block;
	margin:0 5px -4px 0;
	width:18px;
	height:19px;
	background:url(../Images/s-star.png) 0 0 no-repeat
}
#main-b .section8 .col-mac {
	position:relative;
	height:635px
}
#main-b .section8 .b-s4-video {
	position:absolute;
	bottom:0;
	width:954px;
	height:550px;
	background:url(../Images/b-s8-mac.png) 50% 0 no-repeat;
	background-size:100%
}
#main-b .section8 .b-s4-video-v {
	position:absolute;
	top:0;
	right:0;
	overflow:hidden
}
@media(min-width:992px) {
	#main-b .section8 .b-s4-video {
	width:954px;
	height:550px
}
#main-b .section8 .b-s4-video-v {
	margin:66px 118px 0 0;
	width:223px;
	height:171px
}
}@media(min-width:1200px) {
	#main-b .section8 .b-s4-video {
	width:954px
}
#main-b .section8 .b-s4-video-v {
	margin:66px 118px 0 0;
	width:223px;
	height:171px
}
}#main-b .section8 .count-li {
	padding-top:90px
}
#main-b .section8 .count-li .s1 {
	font-size:60px;
	color:#0084ce;
	font-family:Roboto;
	letter-spacing:0;
	line-height:1em
}
#main-b .section8 .count-li li {
	padding-bottom:74px;
	text-align:left
}
#main-b .section8 .count-li p {
	text-align:left;
	padding-top:25px
}
#main-b .section8 .p {
	padding-bottom:95px
}
#main-b .section9 {
	height:750px
}
#main-b .section9 {
	background-image:url(../Images/b-s9-bg.jpg)
}
#main-b .section9 .container ul li {
	float:left;
	width:32%;
	background:#fff;
	padding:50px 35px;
	border-radius:5px;
	margin-right:20px
}
#main-b .section9 .container ul li:last-child {
	margin-right:0
}
#main-b .section9 .container h2 {
	padding:75px 0 70px 0
}
#main-b .section9 .s9-list-p h2 {
	padding:38px 0 0 0;
	font-size:22px;
	font-family:"Microsoft YaHei"
}
#main-b .section9 .s9-list-p img {
	height:90px;
	margin-bottom:-13px
}
#main-b .section9 .s9-list-p p {
	text-align:left;
	font-family:"Microsoft YaHei";
	line-height:23px
}
#main-b .section10 {
	height:1045px
}
#main-b .section10 .parallaxm {
	height:1135px;
	background-image:url(../Images/b-s10-bg.jpg)
}
#main-b .section10 .container {
	height:1045px;
	position:relative;
	top:-1135px
}
#main-b .section10 h2 {
	color:#fff;
	padding-top:70px;
	padding-bottom:20px
}
#main-b .section10 p {
	color:#fff
}
#main-b .section10 .p {
	padding-bottom:60px
}
#main-b .section10 .s5-li-div .text-bg p {
	color:#000;
	font-size:14px;
	text-align:left;
	font-style:italic
}
#main-b .section10 .s5-li-div a,#main-b .section10 .s5-li-div a i {
	display:inline-block
}
#main-b .section10 .s5-li-div {
	width:360px;
	height:400px;
	font-family:"Microsoft YaHei"
}
#main-b .section10 .text-bg {
	position:relative;
	margin-bottom:40px;
	padding:44px 34px 0;
	height:270px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background-color:#fff;
	box-shadow:0 15px 15px rgba(0,0,0,.1);
	color:#515151;
	text-align:left;
	font-size:14px;
	line-height:29px;
	-ms-border-radius:5px;
	-o-border-radius:5px
}
#main-b .section10 .text-bg:hover {
	box-shadow:0 20px 35px rgba(0,0,0,.1);
	transform:translate3d(0,-3px,0)
}
#main-b .section10 .text-bg:after {
	position:absolute;
	bottom:-25px;
	left:50%;
	margin-left:-16px;
	width:0;
	height:0;
	border-color:#fff;
	border-style:solid dashed dashed;
	border-width:25px 18px 0;
	content:" ";
	line-height:0;
	border-left-color:transparent;
	border-right-color:transparent
}
#main-b .section10 .name-icon1 i {
	background-image:url(../Images/b-s10-h1.jpg)
}
#main-b .section10 .name-icon2 i {
	background-image:url(../Images/b-s10-h2.jpg)
}
#main-b .section10 .name-icon3 i {
	background-image:url(../Images/b-s10-h3.jpg)
}
#main-b .section10 .name-icon i {
	width:65px;
	height:65px;
	background-position:50% 50%;
	background-repeat:no-repeat;
	border:2px solid #fff;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%
}
#main-b .section10 .name-icon p {
	font-size:18px;
	padding-bottom:10px
}
#main-b .section10 .name-icon span {
	color:#999;
	font-size:14px;
	font-family:"Microsoft YaHei"
}
#main-b .section10 .s10-addr {
	color:#999;
	font-size:14px;
	font-family:"Microsoft YaHei"
}
#main-b .section10 .s10-addr .s10-local {
	display:inline-block;
	margin:0 5px -3px 0;
	width:18px;
	height:19px;
	background:url(../Images/b-icon.png) 0 -36px no-repeat
}
#main-b .section10 .s10-addr .s10-time {
	display:inline-block;
	margin:0 5px -3px 10px;
	width:18px;
	height:19px;
	background:url(../Images/b-s10-time.png) 0 3px no-repeat
}
#main-b .section10 .s3-info li {
	text-align:left;
	padding-left:100px
}
#main-b .section10 .s3-info .s1 {
	font-size:72px
}
#main-b .section10 .s3-info .s2 {
	font-size:16px;
	letter-spacing:0
}
#main-b .section10 .btn-c {
	margin:20px 0 0
}
#main-b .section .count-li .s1 i {
	font-size:40px
}
@-webkit-keyframes bs {
	0%,100% {
	box-shadow:0 0 0 0 #3c7cec
}
50% {
	box-shadow:0 0 30px 0 #3b9fec
}
}@-moz-keyframes bs {
	0%,100% {
	box-shadow:0 0 0 0 #3c7cec
}
50% {
	box-shadow:0 0 30px 0 #3b9fec
}
}@-o-keyframes bs {
	0%,100% {
	box-shadow:0 0 0 0 #3c7cec
}
50% {
	box-shadow:0 0 30px 0 #3b9fec
}
}@keyframes bs {
	0%,100% {
	box-shadow:0 0 0 0 #3c7cec
}
50% {
	box-shadow:0 0 30px 0 #3b9fec
}
}@media(min-width:992px) {
	#main-b .section4 .b-s4-video {
	width:520px;
	height:559px
}
#main-b .section4 .b-s4-video-v {
	margin:34px 20px 0 0;
	width:152px;
	height:115px
}
}@media(min-width:1200px) {
	#main-b .section4 .b-s4-video {
	width:651px
}
#main-b .section4 .b-s4-video-v {
	margin:43px 26px 0 0;
	width:190px;
	height:145px
}
}#main-s .section1 .slid1 {
	background-image:url(../Images/spe-b1.jpg)
}
#main-s .section1 h2 {
	padding:160px 0 63px;
	color:#333;
	font-weight:700;
	font-size:55px
}
#main-s .section1 .p-b-25 {
	padding-bottom:25px!important
}
#main-s .section1 .s-s1-p {
	color:#0084ce;
	font-size:16px;
	line-height:24px
}
#main-s .section1 .s-s1-p>i {
	display:inline-block;
	margin-right:6px;
	margin-left:20px;
	position:relative;
	top:3px;
	width:18px;
	height:24px;
	background:url(../Images/y-s1-i.png) 0 100% no-repeat
}
#main-s .section1 .s-s1-p>i:first-child {
	margin-left:0
}
#main-s .section1 .btn-c {
	margin:0;
	margin-top:50px
}
#main-s .section1 .btn-b {
	margin-right:32px
}
#main-s .section2 .img {
	display:block;
	width:100%
}
#main-s .section3 {
	padding:100px 0 70px;
	background:#ebebeb
}
#main-s .section3 h2 {
	padding:0 0 98px
}
#main-s .section3 .pie {
	position:relative;
	margin:0 auto;
	margin-top:90px;
	margin-bottom:180px;
	width:310px;
	height:310px;
	background-image:url(../Images/spe-pie.png);
	background-position:center;
	background-repeat:no-repeat
}
#main-s .section3 .pie .pic {
	position:absolute;
	width:150px;
	height:150px;
	border:6px solid #d5d5d5;
	border-radius:50%;
	background-color:#ccc
}
#main-s .section3 .pie .pic1 {
	top:-90px;
	right:-40px;
	background:url(../Images/spe-pic1.jpg) center center no-repeat
}
#main-s .section3 .pie .pic2 {
	top:85px;
	right:-135px;
	background:url(../Images/spe-pic2.jpg) center center no-repeat
}
#main-s .section3 .pie .pic3 {
	right:-40px;
	bottom:-100px;
	background:url(../Images/spe-pic3.jpg) center center no-repeat
}
#main-s .section3 .pie .pic4 {
	bottom:-100px;
	left:-40px;
	background:url(../Images/spe-pic4.jpg) center center no-repeat
}
#main-s .section3 .pie .pic5 {
	top:85px;
	left:-135px;
	background:url(../Images/spe-pic5.jpg) center center no-repeat
}
#main-s .section3 .pie .pic6 {
	top:-90px;
	left:-40px;
	background:url(../Images/spe-pic6.jpg) center center no-repeat
}
#main-s .section3 .pie .pic1 span,#main-s .section3 .pie .pic2 span,#main-s .section3 .pie .pic3 span,#main-s .section3 .pie .pic4 span,#main-s .section3 .pie .pic5 span,#main-s .section3 .pie .pic6 span {
	background-position:center;
	background-repeat:no-repeat
}
#main-s .section3 .pie .pic span {
	display:none;
	width:100%;
	height:100%;
	border-radius:50%;
	background-color:rgba(0,0,0,.4);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000)
}
#main-s .section3 .pie .pic:hover span {
	display:block
}
#main-s .section3 .pie .pic1 span {
	display:block;
	background-image:url(../Images/spe-pic1-s.png)
}
#main-s .section3 .pie .pic2 span {
	background-image:url(../Images/spe-pic2-s.png)
}
#main-s .section3 .pie .pic3 span {
	background-image:url(../Images/spe-pic3-s.png)
}
#main-s .section3 .pie .pic4 span {
	background-image:url(../Images/spe-pic4-s.png)
}
#main-s .section3 .pie .pic5 span {
	display:block;
	background-image:url(../Images/spe-pic1-s.png)
}
#main-s .section3 .pie .pic6 span {
	background-image:url(../Images/spe-pic6-s.png)
}
#main-s .section3 .pie .pic i {
	position:absolute;
	display:block;
	width:25px;
	height:25px;
	border-radius:50%;
	background:#fff;
	box-shadow:0 0 9px #a3a3a3;
	text-align:center;
	font-style:normal;
	line-height:25px
}
#main-s .section3 .pie .pic.pic-r i {
	top:60px;
	right:-15px
}
#main-s .section3 .pie .pic.pic-l i {
	top:60px;
	left:-15px
}
#main-s .section3 .pie .pic .pic-info {
	position:absolute;
	width:210px
}
#main-s .section3 .pie .pic .pic-info h5 {
	margin-bottom:10px;
	color:#0084ce;
	font-size:20px
}
#main-s .section3 .pie .pic .pic-info p {
	color:#666;
	font-size:14px
}
#main-s .section3 .pie .pic.pic-r .pic-info {
	top:60px;
	right:-240px;
	text-align:left
}
#main-s .section3 .pie .pic.pic-l .pic-info {
	top:60px;
	left:-260px;
	width:230px;
	text-align:right
}
#main-s .section3 .pie .pic.pic-l .pic-info p {
	text-align:right
}
#main-s .section3 .s3-info ul {
	padding:0 30%;
	overflow:hidden
}
#main-s .section3 .s3-info li {
	color:#8e8e8e;
	margin-bottom:20px;
	float:left;
	width:50%;
	letter-spacing:.2em;
	text-align:left;
	box-sizing:border-box;
	padding-left:50px
}
#main-s .section3 .s3-info .s1,#main-s .section6 .s6-info ul span {
	font-size:60px;
	color:#0084ce;
	font-family:Roboto;
	letter-spacing:0;
	line-height:1em
}
#main-s .section3 .s3-info .s1 i,#main-s .section6 .s6-info ul span i {
	font-size:30px;
	font-style:normal;
	vertical-align:top;
	position:relative;
	top:-10px;
	left:5px
}
#main-s .section3 .s3-info .s2 {
	line-height:2em;
	letter-spacing:.5em
}
#main-s .section3 .s3-info p,#main-s .section6 .s6-info>p {
	padding:0 50px;
	font-size:16px;
	color:#333;
	line-height:30px
}
#main-s .sectionNew1 {
	background-color:#ededed;
	padding:10px 0 0
}
#main-s .sectionNew1 h2 {
	padding-bottom:76px
}
#main-s .sectionNew1 .box {
	height:326px;
	width:1170px;
	background:url(../Images/s-sn-1.jpg) repeat-x;
	box-sizing:border-box;
	padding:0 4px 0 170px;
	display:none
}
#main-s .sectionNew1 .box.active {
	display:block
}
#main-s .sectionNew1 .box li {
	width:166px;
	height:100%;
	float:left;
	position:relative
}
#main-s .sectionNew1 .box li>div {
	position:absolute;
	bottom:37px;
	left:0;
	width:100%;
	border-left:1px dashed #bdbdbd
}
#main-s .sectionNew1 .box li.no-learn>div {
	border-left:1px dashed #f9d093
}
#main-s .sectionNew1 .box li.last-learn>div {
	background-image:none!important
}
#main-s .sectionNew1 .box li.learn>div {
	border-left:1px dashed #93c8e5;
	background:url(../Images/s-sn-p.png) repeat
}
#main-s .sectionNew1 .box li>div .point {
	width:26px;
	height:26px;
	display:block;
	position:absolute;
	top:-13px;
	left:-13px;
	z-index:12;
	background:url(../Images/s-sn-point.png) no-repeat
}
#main-s .sectionNew1 .box li.no-learn>div .point {
	background:url(../Images/s-sn-point.png) no-repeat;
	background-position:0 -52px
}
#main-s .sectionNew1 .box li.learn>div .point {
	background:url(../Images/s-sn-point.png) no-repeat;
	background-position:0 -26px
}
#main-s .sectionNew1 .box li>div .line {
	width:100%;
	height:43px;
	display:block;
	position:absolute;
	top:-43px;
	left:0;
	z-index:11;
	background:url(../Images/s-sn-line.png) no-repeat
}
#main-s .sectionNew1 .box li.no-learn>div .line {
	background:url(../Images/s-sn-line.png) no-repeat;
	background-position:0 -132px
}
#main-s .sectionNew1 .box li.learn>div .line {
	background:url(../Images/s-sn-line.png) no-repeat;
	background-position:0 -44px
}
#main-s .sectionNew1 .box li.last-learn>div .line {
	background-position:0 0
}
#main-s .sectionNew1 .box li.l1>div {
	height:43px
}
#main-s .sectionNew1 .box li.l2>div {
	height:86px
}
#main-s .sectionNew1 .box li.l3>div {
	height:129px
}
#main-s .sectionNew1 .box li.l4>div {
	height:172px
}
#main-s .sectionNew1 .box li.l5>div {
	height:215px
}
#main-s .sectionNew1 .box li.l6>div {
	height:258px
}
#main-s .sectionNew1 .box li>div .date {
	background-color:#0084ce;
	padding:7px 12px;
	color:#fff;
	border-radius:5px;
	position:absolute;
	left:-50px;
	top:-66px;
	font-size:14px
}
#main-s .sectionNew1 .box li>div .date:after {
	position:absolute;
	bottom:-6px;
	left:50%;
	margin-left:-4px;
	content:" ";
	background:url(../Images/s-sn-b.png);
	display:block;
	width:8px;
	height:6px
}
#main-s .sectionNew1 .box li>div p {
	position:absolute;
	z-index:12;
	bottom:-30px;
	left:-30px
}
#main-s .sectionNew1 .box li>div p.p3 {
	left:-22px
}
#main-s .sectionNew1 .box li>div p.p5 {
	left:-36px
}
#main-s .sectionNew1 .box li>div p.p6 {
	left:-43px
}
#main-s .sectionNew1 .line-user {
	text-align:left;
	padding-top:40px
}
#main-s .sectionNew1 .line-user img {
	width:68px;
	height:68px;
	float:left;
	margin-right:10px;
	margin-left:90px;
	border-radius:50%;
	border:4px solid #ededed
}
#main-s .sectionNew1 .line-user li {
	cursor:pointer
}
#main-s .sectionNew1 .line-user li.active img {
	border:4px solid #88c0df
}
#main-s .sectionNew1 .line-user div {
	padding-top:10px
}
#main-s .sectionNew1 .line-user div i {
	color:#aaa;
	margin:0 4px;
	font-style:normal;
	font-weight:400;
	line-height:2em
}
#main-s .sectionNew1 .p {
	font-size:16px;
	line-height:30px;
	margin-top:35px
}
#main-s .anima1 li.l1 {
	animation:animala 1s ease-out;
	-webkit-animation:animala 1s ease-out;
	-o-animation:animala 1s ease-out;
	-moz-animation:animala 1s ease-out
}
#main-s .anima1 li.l1 .date {
	animation:animalb 1s ease-out;
	-webkit-animation:animalb 1s ease-out;
	-o-animation:animalb 1s ease-out;
	-moz-animation:animalb 1s ease-out
}
#main-s .anima1 li.l2 {
	animation:animala 2s ease-out;
	-webkit-animation:animala 2s ease-out;
	-o-animation:animala 2s ease-out;
	-moz-animation:animala 2s ease-out
}
#main-s .anima1 li.l2 .date {
	animation:animalb 2s ease-out;
	-webkit-animation:animalb 2s ease-out;
	-o-animation:animalb 2s ease-out;
	-moz-animation:animalb 2s ease-out
}
#main-s .anima1 li.l3 {
	animation:animala 3s ease-out;
	-webkit-animation:animala 3s ease-out;
	-o-animation:animala 3s ease-out;
	-moz-animation:animala 3s ease-out
}
#main-s .anima1 li.l3 .date {
	animation:animalb 3s ease-out;
	-webkit-animation:animalb 3s ease-out;
	-o-animation:animalb 3s ease-out;
	-moz-animation:animalb 3s ease-out
}
#main-s .anima1 li.l4 {
	animation:animala 4s ease-out;
	-webkit-animation:animala 4s ease-out;
	-o-animation:animala 4s ease-out;
	-moz-animation:animala 4s ease-out
}
#main-s .anima1 li.l4 .date {
	animation:animalb 4s ease-out;
	-webkit-animation:animalb 4s ease-out;
	-o-animation:animalb 4s ease-out;
	-moz-animation:animalb 4s ease-out
}
#main-s .anima1 li.l5 {
	animation:animala 5s ease-out;
	-webkit-animation:animala 5s ease-out;
	-o-animation:animala 5s ease-out;
	-moz-animation:animala 5s ease-out
}
#main-s .anima1 li.l5 .date {
	animation:animalb 5s ease-out;
	-webkit-animation:animalb 5s ease-out;
	-o-animation:animalb 5s ease-out;
	-moz-animation:animalb 5s ease-out
}
#main-s .anima1 li.l6 {
	animation:animala 6s ease-out;
	-webkit-animation:animala 6s ease-out;
	-o-animation:animala 6s ease-out;
	-moz-animation:animala 6s ease-out
}
#main-s .anima1 li.l6 .date {
	animation:animalb 6s ease-out;
	-webkit-animation:animalb 6s ease-out;
	-o-animation:animalb 6s ease-out;
	-moz-animation:animalb 6s ease-out
}
@-webkit-keyframes animala {
	0% {
	opacity:0;
	filter:alpha(opacity=0)
}
100% {
	opacity:1;
	filter:alpha(opacity=100)
}
}@-o-keyframes animala {
	0% {
	opacity:0;
	filter:alpha(opacity=0)
}
100% {
	opacity:1;
	filter:alpha(opacity=100)
}
}@-moz-keyframes animala {
	0% {
	opacity:0;
	filter:alpha(opacity=0)
}
100% {
	opacity:1;
	filter:alpha(opacity=100)
}
}@keyframes animala {
	0% {
	opacity:0;
	filter:alpha(opacity=0)
}
100% {
	opacity:1;
	filter:alpha(opacity=100)
}
}@-webkit-keyframes animalb {
	0% {
	top:-90px
}
100% {
	top:-66px
}
}@-o-keyframes animalb {
	0% {
	top:-90px
}
100% {
	top:-66px
}
}@-moz-keyframes animalb {
	0% {
	top:-90px
}
100% {
	top:-66px
}
}@keyframes animalb {
	0% {
	top:-90px
}
100% {
	top:-66px
}
}#main-s .section4 .sd-pic {
	position:relative;
	height:680px;
	min-width:1170px
}
#main-s .section4 .sd-pic .sd-list {
	position:relative;
	float:left;
	display:block;
	margin-right:1px;
	margin-bottom:100px
}
#main-s .section4 .sd-pic .sd-list-1 {
	width:107px;
	height:600px
}
#main-s .section4 .sd-pic .sd-list-2 {
	width:215px;
	height:600px
}
#main-s .section4 .sd-pic .sd-list1 {
	width:197px
}
#main-s .section4 .sd-pic .sd-list>div {
	position:relative;
	width:100%;
	height:100%
}
#main-s .section4 .sd-pic .sd-list .sd-list-box {
	position:absolute;
	bottom:0;
	left:0;
	width:100%
}
#main-s .section4 .sd-pic .sd-list .sd-list-box div {
	position:absolute;
	top:-130px;
	left:0;
	z-index:102;
	padding:23px 16px;
	width:210px;
	border:1px solid #999;
	border-radius:10px;
	background:#fff;
	text-align:left;
	font-size:13px;
	opacity:0;
	transition:all .5s;
	filter:alpha(opacity=0)
}
#main-s .section4 .sd-pic .sd-list-1 .sd-list-box div {
	left:-52px
}
#main-s .section4 .sd-pic .sd-list .sd-list-box:hover div {
	top:-150px;
	opacity:1;
	filter:alpha(opacity=100)
}
#main-s .section4 .sd-pic .sd-list2 .sd-list-box div {
	border:1px solid #fec309;
	color:#fec309
}
#main-s .section4 .sd-pic .sd-list3 .sd-list-box div {
	border:1px solid #ea8458;
	color:#ea8458
}
#main-s .section4 .sd-pic .sd-list4 .sd-list-box div {
	border:1px solid #3ead77;
	color:#3ead77
}
#main-s .section4 .sd-pic .sd-list5 .sd-list-box div {
	border:1px solid #44b2cc;
	color:#44b2cc
}
#main-s .section4 .sd-pic .sd-list6 .sd-list-box div {
	border:1px solid #7463ce;
	color:#7463ce
}
#main-s .section4 .sd-pic .sd-list7 .sd-list-box div {
	top:-150px;
	z-index:101;
	border:1px solid #cc62a7;
	color:#cc62a7;
	opacity:1;
	filter:alpha(opacity=100)
}
#main-s .section4 .sd-pic .sd-list .sd-list-box div>i {
	position:absolute;
	bottom:-9px;
	left:98px;
	display:block;
	width:13px;
	height:8px
}
#main-s .section4 .sd-pic .sd-list-2 .sd-list-box div>i {
	left:98px
}
#main-s .section4 .sd-pic .sd-list2 .sd-list-box div>i {
	background-image:url(../Images/spe-s4-t.png);
	background-position:0 0
}
#main-s .section4 .sd-pic .sd-list3 .sd-list-box div>i {
	background-image:url(../Images/spe-s4-t.png);
	background-position:0 -8px
}
#main-s .section4 .sd-pic .sd-list4 .sd-list-box div>i {
	background-image:url(../Images/spe-s4-t.png);
	background-position:0 -16px
}
#main-s .section4 .sd-pic .sd-list5 .sd-list-box div>i {
	background-image:url(../Images/spe-s4-t.png);
	background-position:0 -24px
}
#main-s .section4 .sd-pic .sd-list6 .sd-list-box div>i {
	background-image:url(../Images/spe-s4-t.png);
	background-position:0 -32px
}
#main-s .section4 .sd-pic .sd-list7 .sd-list-box div>i {
	background-image:url(../Images/spe-s4-t.png);
	background-position:0 -40px
}
#main-s .section4 .sd-pic .sd-list .sd-list-box img {
	display:block;
	width:100%
}
#main-s .section4 .sd-pic .sd-list .sd-list-box>i {
	position:absolute;
	bottom:-80px;
	left:0;
	margin-left:40px;
	width:24px;
	height:24px;
	border-radius:50%;
	background-color:#999;
	opacity:0;
	transition:all .5s;
	filter:alpha(opacity=0)
}
#main-s .section4 .sd-pic .sd-list-2 .sd-list-box>i {
	margin-left:92px
}
#main-s .section4 .sd-pic .sd-list .sd-list-box:hover>i {
	opacity:1;
	filter:alpha(opacity=100)
}
#main-s .section4 .sd-pic .sd-list2 .sd-list-box>i {
	background-color:#fec309
}
#main-s .section4 .sd-pic .sd-list3 .sd-list-box>i {
	background-color:#ea8458
}
#main-s .section4 .sd-pic .sd-list4 .sd-list-box>i {
	background-color:#3ead77
}
#main-s .section4 .sd-pic .sd-list5 .sd-list-box>i {
	background-color:#44b2cc
}
#main-s .section4 .sd-pic .sd-list6 .sd-list-box>i {
	background-color:#7463ce
}
#main-s .section4 .sd-pic .sd-list7 .sd-list-box>i {
	background-color:#cc62a7;
	opacity:1;
	filter:alpha(opacity=100)
}
#main-s .section4 .sd-pic .sd-list .sd-list-box span {
	position:absolute;
	bottom:-40px;
	left:0;
	margin-left:20px;
	width:66px;
	height:22px;
	border-radius:3px;
	background:#999;
	color:#fff;
	text-align:center;
	font-size:13px;
	line-height:22px;
	opacity:0;
	transition:all .5s;
	filter:alpha(opacity=0)
}
#main-s .section4 .sd-pic .sd-list-2 .sd-list-box span {
	margin-left:71px
}
#main-s .section4 .sd-pic .sd-list .sd-list-box:hover span {
	opacity:1;
	filter:alpha(opacity=100)
}
#main-s .section4 .sd-pic .sd-list2 .sd-list-box span {
	background:#fec309
}
#main-s .section4 .sd-pic .sd-list3 .sd-list-box span {
	background:#ea8458
}
#main-s .section4 .sd-pic .sd-list4 .sd-list-box span {
	background:#3ead77
}
#main-s .section4 .sd-pic .sd-list5 .sd-list-box span {
	background:#44b2cc
}
#main-s .section4 .sd-pic .sd-list6 .sd-list-box span {
	background:#7463ce
}
#main-s .section4 .sd-pic .sd-list7 .sd-list-box span {
	background:#cc62a7;
	opacity:1;
	filter:alpha(opacity=100)
}
#main-s .section4 .sd-pic .sd-list .sd-list-box span>i {
	position:absolute;
	bottom:-7px;
	left:25px;
	width:13px;
	height:8px;
	opacity:0;
	transition:all .5s;
	filter:alpha(opacity=0)
}
#main-s .section4 .sd-pic .sd-list:hover .sd-list-box span>i {
	opacity:1;
	filter:alpha(opacity=100)
}
#main-s .section4 .sd-pic .sd-list2 .sd-list-box span>i {
	background-image:url(../Images/spe-s4-t.png);
	background-position:0 0
}
#main-s .section4 .sd-pic .sd-list3 .sd-list-box span>i {
	background-image:url(../Images/spe-s4-t.png);
	background-position:0 -8px
}
#main-s .section4 .sd-pic .sd-list4 .sd-list-box span>i {
	background-image:url(../Images/spe-s4-t.png);
	background-position:0 -16px
}
#main-s .section4 .sd-pic .sd-list5 .sd-list-box span>i {
	background-image:url(../Images/spe-s4-t.png);
	background-position:0 -24px
}
#main-s .section4 .sd-pic .sd-list6 .sd-list-box span>i {
	background-image:url(../Images/spe-s4-t.png);
	background-position:0 -32px
}
#main-s .section4 .sd-pic .sd-list7 .sd-list-box span>i {
	background-image:url(../Images/spe-s4-t.png);
	background-position:0 -40px;
	opacity:1;
	filter:alpha(opacity=100)
}
#main-s .section4 .sd-pic .sd-pic-bot-line {
	position:absolute;
	right:60px;
	bottom:10px;
	display:block;
	width:856px;
	height:4px;
	background:#d3d3d3
}
@media(min-width:1200px) {
	#main-s .section4 .sd-pic .sd-list-1 {
	width:107px;
	height:600px
}
#main-s .section4 .sd-pic .sd-list-2 {
	width:215px;
	height:600px
}
#main-s .section4 .sd-pic .sd-pic-bot-line {
	right:60px;
	width:856px
}
#main-s .section4 .sd-pic .sd-list .sd-list-box span {
	margin-left:20px
}
#main-s .section4 .sd-pic .sd-list-2 .sd-list-box span {
	margin-left:71px
}
#main-s .section4 .sd-pic .sd-list .sd-list-box>i {
	margin-left:40px
}
#main-s .section4 .sd-pic .sd-list-2 .sd-list-box>i {
	margin-left:92px
}
#main-s .section4 .sd-pic .sd-list1 {
	width:197px
}
}#main-s .section5 {
	width:100%;
	height:900px;
	background:url(../Images/spe-s5-bg.jpg) no-repeat;
	background-size:cover
}
#main-s .section5 h2 {
	padding:121px 0 23px;
	color:#fff
}
#main-s .section5 .little-title {
	color:#fff
}
#main-s .section5 .btn-c {
	border:1px solid #fff;
	color:#fff
}
#main-s .section5 .btn-c:hover {
	border:1px solid #0084ce
}
#main-s .section .little-title {
	text-align:center;
	font-size:16px
}
#main-s .section5 .p {
	margin:0 auto;
	width:780px;
	color:#fff;
	font-size:16px;
	line-height:30px;
	margin-bottom:45px
}
#main-s .section5 .count {
	color:#fff;
	width:820px;
	margin:0 auto
}
#main-s .section5 .count .c1 div {
	text-align:left
}
#main-s .section5 .count .c2 div {
	text-align:center
}
#main-s .section5 .count .c3 div {
	text-align:right
}
#main-s .section5 .count div {
	font-size:14px
}
#main-s .section5 .count p {
	display:inline-block;
	letter-spacing:.3em
}
#main-s .section5 .count div span {
	font-size:60px;
	font-weight:lighter;
	font-family:Roboto;
	letter-spacing:0
}
#main-s .section5 .count div span i {
	font-size:20px;
	margin-left:3px;
	font-style:normal;
	font-family:"Microsoft YaHei"
}
#main-s .section5 #box {
	position:relative;
	float:left;
	overflow:hidden;
	width:100%;
	height:390px
}
#main-s .section5 #list {
	position:absolute;
	top:49px;
	left:0;
	display:inline;
	width:100%;
	height:446px
}
#main-s .section5 #list ul {
	margin:0 auto;
	padding:0;
	width:790px;
	height:100%
}
#main-s .section5 #list li {
	position:absolute;
	width:100px;
	cursor:pointer
}
#main-s .section5 #list li img {
	width:100%;
	height:100%;
	vertical-align:top
}
#main-s .section5 #list li div {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
	background:#000;
	opacity:.25;
	filter:alpha(opacity=25)
}
#main-s .section5 #list li.hove div {
	opacity:0;
	filter:alpha(opacity=0)
}
#main-s .section5 #list a {
	position:absolute;
	top:115px;
	z-index:20;
	width:53px;
	height:53px;
	background:url(../Images/spe-s5-pn.png) no-repeat;
	color:#fff;
	text-decoration:none
}
#main-s .section5 #list a.prev {
	left:50%;
	margin-left:-504px;
	background-position:0 0
}
#main-s .section5 #list a.next {
	left:50%;
	margin-left:452px;
	background-position:-53px 0
}
#main-s .section6 {
	background:#ebebeb
}
#main-s .section6 h2 {
	padding-bottom:60px
}
#main-s .section6 .s6-p {
	position:relative;
	z-index:2;
	overflow:hidden;
	margin:0 auto;
	width:270px;
	height:300px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	-ms-border-radius:15px;
	-o-border-radius:15px
}
#main-s .section6 .s6-p img {
	z-index:1
}
#main-s .section6 .s6-p a {
	padding-left:15px;
	padding-right:15px
}
#main-s .section6 .s6-p a i {
	margin-right:8px
}
#main-s .section6 .s6-p a i.i {
	margin-left:12px;
	margin-bottom:-3px;
	background:url(../Images/b-icon.png) no-repeat;
	background-position:0 -55px
}
#main-s .section6 .s6-info {
	padding:75px 0 60px
}
#main-s .section6 .s6-info ul div {
	display:inline-block;
	text-align:left;
	margin-top:45px
}
#main-s .section6 .s6-info ul span {
	font-size:60px;
	color:#0084ce
}
#main-s .section6 .s6-info ul p {
	font-size:14px;
	color:#8e8e8e;
	display:inline-block;
	letter-spacing:.3em
}
#main-s .section6 .s6-p a {
	z-index:2;
	position:absolute;
	bottom:0;
	display:block;
	padding:0 30px;
	width:100%;
	height:60px;
	-webkit-border-radius:0 0 15px 15px;
	-moz-border-radius:0 0 15px 15px;
	border-radius:0 0 15px 15px;
	background:rgba(0,0,0,.5);
	color:#fff;
	text-align:right;
	font-size:16px;
	line-height:60px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
	-ms-border-radius:0 0 15px 15px;
	-o-border-radius:0 0 15px 15px
}
#main-s .section6 .s6-p img,#main-y .section4 .ul-box {
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	-o-border-radius:15px
}
#main-s .section6 .s6-p a span:first-child {
	float:left
}
#main-s .section6 .s6-p a i {
	display:inline-block;
	margin:0 10px -3px 0;
	width:18px;
	height:19px;
	background:url(../Images/b-icon.png) 0 -36px no-repeat
}
#main-s .section6 .s6-p:hover img {
	border-radius:15px;
	transition:all 1s ease 0s;
	transform:scale(1.1)
}
#main-s .section.section6 .little-title {
	margin-bottom:70px;
	color:#000;
	font-size:16px;
	line-height:1
}
#main-s .section7 h2 {
	padding:81px 0 56px
}
#main-s .section7 .s7-a,.s-section7 .s7-a {
	display:block;
	width:340px;
	height:373px;
	border-radius:10px;
	box-shadow:0 0 20px #e0e0e0;
	color:#333;
	margin:0 auto;
	background-color:#fff
}
#main-s .section7 .s7-a i,.s-section7 .s7-a i {
	display:block;
	width:100%;
	height:188px
}
#main-s .section7 .s7-a1 i,.s-section7 .s7-a1 i {
	background:url(../Images/spe-s7-1.png) center center no-repeat
}
#main-s .section7 .s7-a2 i,.s-section7 .s7-a2 i {
	background:url(../Images/spe-s7-2.png) center center no-repeat
}
#main-s .section7 .s7-a3 i,.s-section7 .s7-a3 i {
	background:url(../Images/spe-s7-3.png) center center no-repeat
}
#main-s .section7 .s7-a4 i,.s-section7 .s7-a4 i {
	background:url(../Images/spe-s7-4.png) center center no-repeat
}
#main-s .section7 .s7-a h6,.s-section7 .s7-a h6 {
	margin-bottom:24px;
	font-size:22px
}
#main-s .section7 .s7-a p,.s-section7 .s7-a p {
	margin:0 auto;
	width:80%;
	color:#666;
	font-size:14px;
	line-height:22px
}
.s-section7 {
	background-color:#ebebeb
}
#list2,#list2 li div,#list2 li img {
	width:100%;
	height:100%
}
#main-s .section8 {
	height:700px;
	background:#efedeb;
	text-align:left
}
#main-s .section8 .s8-left {
	margin-top:220px
}
#main-s .section8 .s8-left h3 {
	margin-bottom:26px;
	font-size:44px;
	line-height:1.4em
}
#main-s .section8 .s8-left p {
	font-size:16px;
	margin-bottom:56px;
	line-height:24px
}
#main-s .section8 .s8-left ul {
	margin-left:-15px
}
#main-s .section8 .s8-left ul div {
	color:#0084ce;
	font-size:20px
}
#main-s .section8 .s8-left ul div span {
	font-size:50px;
	margin-right:2px;
	font-family:Roboto
}
#main-s .section8 .s8-left ul div span i {
	font-style:normal;
	font-size:30px;
	vertical-align:top;
	position:relative;
	top:8px
}
#main-s .section8 .s8-left ul div p {
	color:#8e8e8e;
	font-size:14px;
	letter-spacing:.3em
}
#main-s .section8 .s8-left .btn-c {
	margin-top:110px;
	margin-bottom:0
}
#box2 {
	position:relative;
	float:left;
	width:100%;
	height:650px
}
#list2,#list2 a,#list2 li,#list2 li div {
	position:absolute
}
#list2 {
	top:49px;
	left:0;
	display:inline
}
#list2 ul {
	margin:0 auto;
	padding:0;
	width:790px;
	height:100%
}
#list2 li {
	width:100px;
	cursor:pointer
}
#list2 li img {
	vertical-align:top
}
#list2 li div {
	top:0;
	left:0;
	z-index:1;
	background:#fff;
	opacity:.45;
	filter:alpha(opacity=45)
}
#list2 li.hove div {
	opacity:0;
	filter:alpha(opacity=0)
}
#list2 a {
	top:305px;
	z-index:20;
	width:53px;
	height:53px;
	background:url(../Images/spe-s5-pn.png) no-repeat;
	color:#fff;
	text-decoration:none
}
#list2 a.prev {
	left:50%;
	margin-left:-418px;
	background-position:0 0
}
#list2 a.next {
	left:50%;
	margin-left:348px;
	background-position:-53px 0
}
#main-y .section1 h1,#main-y .section1 h2 {
	margin:155px 0 5px;
	padding:0;
	color:transparent;
	font-weight:700;
	font-size:55px;
	line-height:69px
}
#main-y .section1 h1 {
	margin-top:135px
}
#main-y h2 {
	margin:80px 0 8px;
	padding:0;
	color:transparent;
	font-size:40px;
	line-height:1
}
#main-y .section1 .slid2 h2 {
	background:url(../Images/y-s1-t1.png) 0 50% no-repeat;
	text-align:left
}
#main-y .section1 .slid1 h1 {
	background:url(../Images/y-s1-t2.png) 0 50% no-repeat;
	text-align:left
}
#main-y .section2 h2 {
	background:url(../Images/y-s2-t.png) 50% 50% no-repeat
}
#main-y .section3 h2 {
	background:url(../Images/y-s3-t.png) 50% 50% no-repeat
}
#main-y .section4 h2 {
	background:url(../Images/y-s4-t.png) 50% 50% no-repeat
}
#main-y .section5 h2 {
	background:url(../Images/y-s5-t.png) 50% 50% no-repeat
}
#main-y .section6 h2 {
	background:url(../Images/y-s6-t.png) 50% 50% no-repeat
}
#main-y .section7 h2 {
	background:url(../Images/y-s7-t.png) 50% 50% no-repeat
}
#main-y .section8 h2 {
	background:url(../Images/y-s8-t.png) 50% 50% no-repeat
}
#main-y .section9 h2 {
	background:url(../Images/y-s9-t.png) 50% 50% no-repeat
}
#main-y .btn-c {
	margin:60px 0 69px
}
#main-y h2~p {
	margin-bottom:60px;
	color:#666;
	text-align:center;
	font-size:22px;
	line-height:1
}
#main-y .section .s-line {
	margin-bottom:14px;
	width:32px;
	height:2px
}
#main-y .section1 .s1-bg-white {
	position:absolute;
	bottom:0;
	left:0;
	z-index:3;
	width:100%;
	height:126px;
	background:url(../Images/y-s1-bg-d.png) 50% 0 no-repeat
}
#main-y .section1 .btn-c {
	margin-top:0;
	margin-right:32px
}
#main-y .section1 .y-s1-p {
	padding:9px 0 40px
}
#main-y .section1 .y-s1-p p {
	color:#000;
	font-size:16px;
	line-height:24px
}
#main-y .section1 .y-s1-p p>i {
	display:inline-block;
	margin-right:9px;
	width:18px;
	height:24px;
	background:url(../Images/y-s1-i.png) 0 100% no-repeat
}
#main-y .section1 .slid1 {
	background-image:url(../Images/y-s1-bg-1.jpg)
}
#main-y .section1 .slid0 {
	background-image:url(../Images/bg1-1.jpg)
}
#main-y .section1 .slid2 {
	background-image:url(../Images/y-s1-bg-2.jpg)
}
#main-y .section1 .slid3 {
	background-image:url(../Images/y-s1-bg-3.jpg);
	background-position:40% 0
}
#main-y .section1 .slid2 .btn-c {
	margin-top:79px
}
#main-y .section1 .slid3 h2 {
	color:#000;
	letter-spacing:-4px;
	font-size:50px;
	font-family:MoonBold;
	line-height:61px
}
#main-y .section1 .slid3 p {
	margin:7px 0 64px;
	text-align:left;
	font-size:24px;
	line-height:1
}
#main-y .h-dcr {
	margin-bottom:11px;
	color:#999;
	text-align:center;
	text-transform:uppercase;
	font-size:13px;
	line-height:1
}
#main-y .section.section2 .s-line {
	margin-bottom:55px
}
#main-y .section2 .s2-btn {
	position:relative;
	display:inline-block;
	width:301px;
	height:80px;
	border:0;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	background:#fd8958;
	color:#fff;
	text-align:center;
	font-size:16px;
	line-height:80px;
	-ms-border-radius:20px;
	-o-border-radius:20px
}
#main-y .section2 .s2-btn.front-face,#main-y .section4 .ul-box .li-text h4 {
	font-size:22px
}
#main-y .section2 .s2-btn:after {
	position:absolute;
	bottom:-28px;
	left:50%;
	overflow:hidden;
	margin-left:-15px;
	width:0;
	height:0;
	border:15px solid transparent;
	content:"";
	border-top-color:#fd8958
}
#main-y .section1 ul li {
	height:668px
}
#main-y .section2 .s2-btn.back-face {
	padding-top:15px;
	line-height:1.5
}
#main-y .section2 .s2-scr {
	position:relative;
	height:440px;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	-ms-transform-style:preserve-3d;
	-o-transform-style:preserve-3d;
	transform-style:preserve-3d
}
.back-face,.front-face {
	position:absolute!important;
	top:0;
	left:50%;
	margin-left:-150px;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	-o-transition:.5s;
	transition:.5s;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden
}
.front-face {
	-webkit-transform:rotateY(0);
	-moz-transform:rotateY(0);
	-o-transform:rotateY(0);
	transform:rotateY(0);
	-ms-transform:rotateY(0)
}
.back-face,.s2-scr:hover .front-face {
	-webkit-transform:rotateY(180deg);
	-moz-transform:rotateY(180deg);
	-o-transform:rotateY(180deg);
	transform:rotateY(180deg);
	-ms-transform:rotateY(180deg)
}
.s2-scr:hover .back-face {
	cursor:pointer;
	-webkit-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	transform:rotateY(360deg);
	-ms-transform:rotateY(360deg)
}
#main-y .section3 .s3-box .i-header span:hover,#main-y .section4 .ul-box:hover>li:first-child>img {
	transform:scale(1.1)
}
#main-y .section2 .s2-scr i {
	position:absolute;
	bottom:0;
	left:50%;
	display:inline-block;
	margin-left:-161px;
	width:100%;
	height:400px;
	background:50% 100% no-repeat
}
#main-y .section2 .s2-scr .i1 {
	background-image:url(../Images/y-s2-p1.jpg);
	background-size:contain
}
#main-y .section2 .s2-scr .i2 {
	background-image:url(../Images/y-s2-p2.jpg);
	background-size:contain
}
#main-y .section2 .s2-scr .i3 {
	background-image:url(../Images/y-s2-p3.jpg);
	background-size:contain
}
#main-y .section3 {
	background:#ebebeb
}
#main-y .section3 .s3-box {
	position:relative;
	margin-bottom:22px;
	width:576px;
	height:212px;
	background:no-repeat;
	color:#fff;
	text-align:left
}
#main-y .section3 .s3-box .s-line {
	display:block;
	margin-bottom:16px;
	width:26px;
	height:2px;
	background:#fff
}
#main-y .section3 .s3-box1 {
	background-image:url(../Images/y-s3-b1.png)
}
#main-y .section3 .s3-box2 {
	background-image:url(../Images/y-s3-b2.png)
}
#main-y .section3 .s3-box3 {
	background-image:url(../Images/y-s3-b3.png)
}
#main-y .section3 .s3-box4 {
	background-image:url(../Images/y-s3-b4.png)
}
#main-y .section3 .s3-box .i-header {
	position:relative;
	display:inline-block;
	width:232px;
	height:208px;
	background:no-repeat;
	text-transform:uppercase
}
#main-y .section3 .s3-box .i-header span {
	position:absolute;
	right:10px;
	bottom:10px;
	display:inline-block;
	width:57px;
	height:56px;
	background:url(../Images/y-play.png) no-repeat;
	cursor:pointer
}
#main-y .section3 .s3-box ul {
	overflow:hidden
}
#main-y .section3 .s3-box ul>li {
	float:left
}
#main-y .section3 .s3-box h3 {
	margin-bottom:15px;
	text-transform:uppercase;
	font-weight:700;
	font-family:MoonBold,"Microsoft Yahei",Arial,Helvetica,sans-serif
}
#main-y .section3 .s3-box p {
	margin-bottom:5px;
	font-size:14px;
	line-height:20px
}
#main-y .section3 .s3-box .li-text {
	padding:30px 15px;
	width:340px
}
#main-y .section3 .s3-box .li-text a {
	position:absolute;
	top:32px;
	right:25px;
	bottom:15px;
	display:block;
	color:#fff;
	text-align:left
}
#main-y .section3 .s3-box .li-text a span {
	padding-left:22px;
	background:url(../Images/y-s3-xin.png) 0 50% no-repeat
}
#main-y .section3 .s3-box .li-text a span:first-child {
	margin-right:30px;
	background-image:url(../Images/y-s3-p.png)
}
#main-y .section3 .s3-box1 .i-header {
	background-image:url(../Images/y-s3-p1.jpg)
}
#main-y .section3 .s3-box2 .i-header {
	background-image:url(../Images/y-s3-p2.jpg)
}
#main-y .section3 .s3-box3 .i-header {
	background-image:url(../Images/y-s3-p3.jpg)
}
#main-y .section3 .s3-box4 .i-header {
	background-image:url(../Images/y-s3-p4.jpg)
}
#main-y .section3 .btn-c {
	margin-top:40px
}
#main-y .section4 .ul-box {
	overflow:hidden;
	padding:16px;
	width:376px;
	height:494px;
	border-radius:15px;
	background-color:#f7f7f7;
	text-align:left
}
#main-y .section4 .ul-box li:first-child {
	position:relative;
	z-index:2;
	overflow:hidden;
	margin-bottom:76px;
	width:344px;
	height:226px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	-ms-border-radius:15px;
	-o-border-radius:15px
}
#main-y .section4 .ul-box .li-text {
	position:relative
}
#main-y .section4 .ul-box .li-text a {
	position:absolute;
	top:-105px;
	right:25px;
	z-index:3;
	display:block;
	width:80px;
	height:80px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	border-radius:40px;
	background:url(../Images/y-s4-play.png) 55% 50% no-repeat;
	background-color:#FC3;
	-ms-border-radius:40px;
	-o-border-radius:40px
}
#main-y .section4 .ul-box2 .li-text a {
	background-color:#5fc8a2
}
#main-y .section4 .ul-box3 .li-text a {
	background-color:#fd8958
}
#main-y .section4 .ul-box .li-text p {
	color:#333;
	text-align:justify;
	font-size:14px;
	line-height:24px
}
#main-y .section4 .ul-box .s-line {
	margin:16px 0 15px;
	width:26px;
	height:2px
}
#main-y .section4 .ul-box1 .s-line {
	background-color:#FC3
}
#main-y .section4 .ul-box2 .s-line {
	background-color:#5fc8a2
}
#main-y .section4 .ul-box3 .s-line {
	background-color:#fd8958
}
#main-y .section6 {
	color:#fff
}
#main-y .section6 ul {
	display:table;
	height:290px;
	line-height:290px
}
#main-y .section6 ul li {
	display:table-cell;
	height:100%;
	text-align:left
}
#main-y .section6 .li-text {
	padding-left:18px
}
#main-y .section6 .li-text h4 {
	margin-bottom:14px;
	font-size:50px;
	line-height:1
}
#main-y .section6 .li-text p {
	line-height:14px
}
#main-y .section6 .s6-ul4 {
	padding-left:90px
}
#main-y .section5 {
	background:#eee
}
#main-y .section5 ul>li {
	position:relative;
	padding-left:120px;
	text-align:left
}
#main-y .section5 ul>li i {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:96px;
	height:96px;
	background:50% 50% no-repeat
}
#main-y .section5 p {
	margin-bottom:80px
}
#main-y .section5 ul {
	padding-top:20px
}
#main-y .section5 ul>li h4 {
	margin-bottom:10px;
	padding-top:10px;
	color:#333;
	font-size:22px
}
#main-y .section5 ul>li p {
	margin-bottom:60px;
	color:#666;
	font-size:14px;
	line-height:22px
}
#main-y .section5 .li-text1 i {
	background-image:url(../Images/y-s5-i1.png)
}
#main-y .section5 .li-text2 i {
	background-image:url(../Images/y-s5-i2.png)
}
#main-y .section5 .li-text3 i {
	background-image:url(../Images/y-s5-i3.png)
}
#main-y .section5 .li-text3 p {
	margin-bottom:0
}
#main-y .section5 .div-s5-c {
	position:relative
}
#main-y .section5 .div-s5-c img {
	margin-left:-100px
}
#main-y .section5 .div-s5-c a {
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	margin-top:-24px;
	margin-left:-80px;
	width:56px;
	height:57px;
	background:url(../Images/y-play.png) no-repeat
}
#main-y .section5 .div-s5-c a:hover {
	transform:rotateZ(360deg)
}
#main-y .section6 {
	height:290px;
	background:url(../Images/y-s6-bg.jpg) no-repeat;
	background-size:cover
}
#main-y .section7 {
	padding-bottom:70px;
	width:100%;
	background:#ebebeb
}
#main-y .section7 .btn-c {
	margin-top:55px
}
#main-y .section7 h5 {
	margin:0 auto;
	margin-bottom:23px;
	width:780px;
	color:#333;
	text-align:center;
	font-size:22px
}
#main-y .section7 p {
	margin:0 auto;
	width:816px;
	color:#666;
	text-align:left;
	font-size:14px;
	line-height:24px
}
#main-y .section7 #box {
	position:relative;
	float:left;
	overflow:hidden;
	width:100%;
	height:390px
}
#main-y .section7 #list3 {
	position:absolute;
	top:49px;
	left:0;
	display:inline;
	width:100%;
	height:446px
}
#main-y .section7 #list3 ul {
	margin:0 auto;
	padding:0;
	width:790px;
	height:100%
}
#main-y .section7 #list3 li {
	position:absolute;
	width:100px;
	cursor:pointer
}
#main-y .section7 #list3 li img {
	width:100%;
	height:100%;
	vertical-align:top
}
#main-y .section7 #list3 li div {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
	background:#000;
	opacity:.25;
	filter:alpha(opacity=25)
}
#main-y .section7 #list3 li.hove div {
	opacity:0;
	filter:alpha(opacity=0)
}
#main-y .section7 #list3 a {
	position:absolute;
	top:115px;
	z-index:20;
	width:53px;
	height:53px;
	background:url(../Images/spe-s5-pn.png) no-repeat;
	color:#fff;
	text-decoration:none
}
#main-y .section7 #list3 a.prev {
	left:50%;
	margin-left:-504px;
	background-position:0 0
}
#main-y .section7 #list3 a.next {
	left:50%;
	margin-left:452px;
	background-position:-53px 0
}
#main-y .section8 .btn-c {
	margin-top:20px
}
#main-y .section8 .dw-pic {
	position:relative
}
#main-y .section8 .dw-pic .dw-list {
	position:relative;
	float:left;
	display:block;
	margin-bottom:50px;
	height:550px
}
#main-y .section8 .dw-pic .m-r-1 {
	margin-right:1px
}
#main-y .section8 .dw-pic .dw-list-1 {
	width:60px
}
#main-y .section8 .dw-pic .dw-list-2 {
	width:90px
}
#main-y .section8 .dw-pic .dw-list-3 {
	width:180px
}
#main-y .section8 .dw-pic .dw-lsit-0 {
	width:265px
}
#main-y .section8 .dw-pic .dw-list>div {
	position:absolute;
	bottom:0;
	left:0;
	width:100%
}
#main-y .section8 .dw-pic .dw-list .dw-img-box {
	position:relative
}
#main-y .section8 .dw-pic .dw-list .dw-img-box>div {
	position:absolute;
	top:-140px;
	left:50%;
	z-index:10;
	margin-left:-90px;
	padding:20px 10px;
	width:180px;
	border:1px solid #999;
	border-radius:10px;
	background-color:#fff;
	font-size:13px;
	opacity:0;
	transition:all .5s;
	filter:alpha(opacity=0)
}
#main-y .section8 .dw-pic .dw-list .dw-img-box:hover>div {
	top:-150px;
	opacity:1;
	alpha(opacity:100)
}
#main-y .section8 .dw-pic .dw-list-3 .dw-img-box>div {
	margin-left:-90px
}
#main-y .section8 .dw-pic .dw-list-2 .dw-img-box>div {
	margin-left:-45px
}
#main-y .section8 .dw-pic .dw-list-1 .dw-img-box>div {
	margin-left:-30px
}
#main-y .section8 .dw-pic .dw-list5 .dw-img-box>div {
	margin-left:-135px
}
#main-y .section8 .dw-pic .dw-list7 .dw-img-box>div {
	margin-left:-90px
}
#main-y .section8 .dw-pic .dw-list8 .dw-img-box>div {
	margin-left:-150px
}
#main-y .section8 .dw-pic .dw-list10 .dw-img-box>div {
	margin-left:-90px
}
#main-y .section8 .dw-pic .dw-list11 .dw-img-box>div {
	margin-left:-150px
}
#main-y .section8 .dw-pic .dw-list2 .dw-img-box>div {
	border-color:#fc3
}
#main-y .section8 .dw-pic .dw-list3 .dw-img-box>div {
	border-color:#fd8958
}
#main-y .section8 .dw-pic .dw-list4 .dw-img-box>div,#main-y .section8 .dw-pic .dw-list5 .dw-img-box>div {
	border-color:#58d9aa
}
#main-y .section8 .dw-pic .dw-list6 .dw-img-box>div,#main-y .section8 .dw-pic .dw-list7 .dw-img-box>div,#main-y .section8 .dw-pic .dw-list8 .dw-img-box>div {
	border-color:#74cee4
}
#main-y .section8 .dw-pic .dw-list10 .dw-img-box>div,#main-y .section8 .dw-pic .dw-list11 .dw-img-box>div,#main-y .section8 .dw-pic .dw-list9 .dw-img-box>div {
	border-color:#9a94d7
}
#main-y .section8 .dw-pic .dw-list .dw-img-box>div i {
	position:absolute;
	bottom:-10px;
	left:81px;
	display:block;
	width:18px;
	height:10px
}
#main-y .section8 .dw-pic .dw-list2 .dw-img-box>div i {
	background-image:url(../Images/youth-wd-s1.png);
	background-position:0 0
}
#main-y .section8 .dw-pic .dw-list3 .dw-img-box>div i {
	background-image:url(../Images/youth-wd-s1.png);
	background-position:-18px 0
}
#main-y .section8 .dw-pic .dw-list4 .dw-img-box>div i {
	left:36px;
	background-image:url(../Images/youth-wd-s1.png);
	background-position:-36px 0
}
#main-y .section8 .dw-pic .dw-list5 .dw-img-box>div i {
	left:126px;
	background-image:url(../Images/youth-wd-s1.png);
	background-position:-36px 0
}
#main-y .section8 .dw-pic .dw-list6 .dw-img-box>div i,#main-y .section8 .dw-pic .dw-list7 .dw-img-box>div i,#main-y .section8 .dw-pic .dw-list8 .dw-img-box>div i {
	background-image:url(../Images/youth-wd-s1.png);
	background-position:-54px 0
}
#main-y .section8 .dw-pic .dw-list6 .dw-img-box>div i {
	left:21px
}
#main-y .section8 .dw-pic .dw-list8 .dw-img-box>div i {
	left:141px
}
#main-y .section8 .dw-pic .dw-list10 .dw-img-box>div i,#main-y .section8 .dw-pic .dw-list11 .dw-img-box>div i,#main-y .section8 .dw-pic .dw-list9 .dw-img-box>div i {
	background-image:url(../Images/youth-wd-s1.png);
	background-position:-72px 0
}
#main-y .section8 .dw-pic .dw-list9 .dw-img-box>div i {
	left:21px
}
#main-y .section8 .dw-pic .dw-list11 .dw-img-box>div i {
	left:141px
}
#main-y .section8 .dw-pic .dw-pic-bot-line {
	position:absolute;
	right:55px;
	bottom:0;
	display:block;
	width:786px;
	height:4px;
	background:#d3d3d3
}
#main-y .section8 .dw-pic .dw-list .dw-img-box span {
	position:absolute;
	bottom:-80px;
	left:50%;
	margin-left:-33px;
	width:66px;
	height:22px;
	border-radius:3px;
	color:#333;
	text-align:center;
	font-size:13px;
	line-height:22px;
	opacity:0;
	transition:all .5s
}
#main-y .section8 .dw-pic .dw-list11 .dw-img-box span,#main-y .section8 .dw-pic .dw-list:hover .dw-img-box span {
	opacity:1
}
#main-y .section8 .dw-pic .dw-list .dw-img-box>i {
	position:absolute;
	bottom:-50px;
	left:50%;
	margin-left:-12px;
	width:24px;
	height:24px;
	border-radius:50%;
	background-color:#999;
	opacity:0;
	transition:all .5s
}
#main-y .section8 .dw-pic .dw-list:hover .dw-img-box>i {
	opacity:1
}
#main-y .section8 .dw-pic .dw-list2 .dw-img-box>i {
	background:#fc3
}
#main-y .section8 .dw-pic .dw-list3 .dw-img-box>i {
	background:#fd8958
}
#main-y .section8 .dw-pic .dw-list4 .dw-img-box>i,#main-y .section8 .dw-pic .dw-list5 .dw-img-box>i {
	background:#58d9aa
}
#main-y .section8 .dw-pic .dw-list6 .dw-img-box>i,#main-y .section8 .dw-pic .dw-list7 .dw-img-box>i,#main-y .section8 .dw-pic .dw-list8 .dw-img-box>i {
	background:#74cee4
}
#main-y .section8 .dw-pic .dw-list10 .dw-img-box>i,#main-y .section8 .dw-pic .dw-list9 .dw-img-box>i {
	background:#c389ce
}
#main-y .section8 .dw-pic .dw-list11 .dw-img-box>i {
	bottom:-46px;
	display:block;
	margin-left:-20px;
	width:42px;
	height:32px;
	border-radius:0;
	background:url(../Images/mb.png) no-repeat;
	opacity:1;
	alpha(opacity:1)
}
#main-y .section9 {
	background:#ebebeb
}
#main-y .section9 li {
	text-align:center
}
#main-y .section9 .s7-i {
	display:inline-block;
	margin-bottom:35px;
	width:164px;
	height:164px;
	-webkit-border-radius:82px;
	-moz-border-radius:82px;
	border-radius:82px;
	background-color:#fff;
	background-image:url(../Images/y-s9-icon-ie.png);
	-ms-border-radius:82px;
	-o-border-radius:82px
}
#main-y .section9 ul h4 {
	color:#333;
	font-size:22px;
	line-height:30px
}
#main-y .section9 ul p {
	color:#666;
	font-size:14px
}
#main-y .section9 .s-line {
	margin-bottom:55px
}
#main-y .section9 .s7-ul1 .s7-i {
	background-position:0 0
}
#main-y .section9 .s7-ul2 .s7-i {
	background-position:0 -164px
}
#main-y .section9 .s7-ul3 .s7-i {
	background-position:0 -328px
}
#main-y .section9 .s7-ul4 .s7-i {
	background-position:0 -492px
}
#main-y .section9 .s7-i:hover {
	background-position-x:164px
}
#main-y .section9 ul .s-line {
	margin:15px 0 12px;
	width:26px;
	height:2px
}
#main-y .section9 .s7-ul1 .s-line {
	background:#74cee4
}
#main-y .section9 .s7-ul2 .s-line {
	background:#FC3
}
#main-y .section9 .s7-ul3 .s-line {
	background:#5fc8a2
}
#main-y .section9 .s7-ul4 .s-line {
	background:#fd8958
}
#main-y .section9 .btn-c {
	margin-top:55px
}
#log-reg {
	position:fixed;
	top:50%;
	left:50%;
	z-index:1201;
	overflow:hidden;
	margin-top:-300px;
	margin-left:-235px;
	width:470px;
	border-radius:10px;
	box-shadow:0 0 50px #2f2f2f
}
#log-reg .header {
	width:100%;
	height:130px;
	background:url(../Images/注册登陆11.png) center no-repeat
}
#log-reg .header .lr-close {
	position:absolute;
	top:20px;
	right:20px;
	height:22px;
	color:#efefef;
	vertical-align:top;
	font-weight:100;
	font-style:normal;
	font-size:30px;
	line-height:22px
}
#log-reg .header .lr-close:hover {
	color:#d7d7d7;
	cursor:pointer
}
#log-reg .bodyer {
	position:relative;
	padding:30px 55px 10px;
	background:#fff
}
#log-reg .bodyer .tab {
	position:absolute;
	top:-39px;
	left:50%;
	margin-left:-124px;
	text-align:center
}
#log-reg .bodyer .tab li,#log-reg .bodyer .tab ul {
	margin:0;
	padding:0;
	list-style:none
}
#log-reg .bodyer .tab li {
	float:left;
	display:block
}
#log-reg .bodyer .tab a {
	display:block;
	margin:0 auto;
	width:124px;
	height:40px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
	background:#0084ce;
	color:#fff;
	text-align:center;
	font-size:16px;
	line-height:40px
}
#log-reg .bodyer .tab a.active {
	background:#fff;
	color:#0084ce
}
#log-reg .m-b-12 {
	margin-bottom:12px
}
#log-reg .form form1 {
	display:none
}
#log-reg .form form1.active {
	display:block!important
}
#log-reg form1 .form-group {
	position:relative;
	margin-bottom:5px
}
#log-reg form1 .form-group input[type=password],#log-reg form1 .form-group input[type=text] {
	padding-left:50px;
	width:360px;
	height:42px;
	border:1px solid #eee;
	border-radius:18px;
	background:#f7f7f7;
	line-height:42px
}
#log-reg form1 .form-group input[type=radio] {
	position:relative;
	top:4px;
	margin:0;
	margin-right:5px;
	vertical-align:top
}
#log-reg form1 .form-group i {
	position:absolute;
	top:11px;
	left:15px;
	z-index:11;
	width:20px;
	height:20px
}
#log-reg form1 .form-group i.form-tel {
	background:url(../Images/form-icon.png) no-repeat
}
#log-reg form1 .form-group i.form-pass {
	background:url(../Images/form-icon.png) -20px 0 no-repeat
}
#log-reg form1 .form-group i.form-ma {
	background:url(../Images/form-icon.png) -40px 0 no-repeat
}
#log-reg form1 .form-group i.form-yanzheng {
	background:url(../Images/form-icon.png) -60px 0 no-repeat
}
#reg-yanzheng-img {
	position:absolute;
	top:8px;
	right:25px;
	display:block;
	width:50px;
	height:27px
}
#log-reg form1 .form-group .btn {
	display:block;
	padding-top:0;
	width:360px;
	height:50px;
	border-radius:20px;
	background:#0084ce;
	color:#fff;
	font-size:16px;
	line-height:50px
}
#log-reg form1 .text-right {
	margin-bottom:5px
}
#log-reg form1 .text-right a {
	color:#999
}
#log-reg form .text-right a:hover {
	color:#0084ce
}
#log-reg form1 .text-right i {
	position:relative;
	top:0;
	left:0;
	display:inline-block;
	margin:0 8px;
	width:1px;
	height:10px;
	background:#999
}
#log-reg form1 .error-info {
	float:left;
	display:none;
	color:#d00
}
#log-reg .footer {
	background:#fff
}
#log-reg .footer .title {
	position:relative;
	padding-bottom:8px;
	width:100%;
	color:#999;
	text-align:center;
	font-size:14px
}
#log-reg .footer .title::after,#log-reg .footer .title::before {
	position:absolute;
	top:7px;
	display:block;
	width:130px;
	height:1px;
	background:#999;
	content:' '
}
#log-reg .footer .title::before {
	left:50%;
	margin-left:-180px
}
#log-reg .footer .title::after {
	right:50%;
	margin-right:-180px
}
#log-reg .footer .other-log {
	padding-bottom:8px;
	width:100%;
	text-align:center
}
#log-reg .footer .other-log a {
	display:inline-block;
	width:42px;
	height:42px;
	transition:all 0s
}
#log-reg .footer .other-log a.center {
	margin:0 24px
}
#log-reg .footer .other-log a.qq {
	background:url(../Images/other-log.png) no-repeat
}
#log-reg .footer .other-log a.weixin {
	background:url(../Images/other-log.png) -42px 0 no-repeat
}
#log-reg .footer .other-log a.weibo {
	background:url(../Images/other-log.png) -84px 0 no-repeat
}
#log-reg .footer .other-log a.qq:hover {
	background:url(../Images/other-log.png) 0 -42px no-repeat
}
#log-reg .footer .other-log a.weixin:hover {
	background:url(../Images/other-log.png) -42px -42px no-repeat
}
#log-reg .footer .other-log a.weibo:hover {
	background:url(../Images/other-log.png) -84px -42px no-repeat
}
#log-reg .verifyImg {
	cursor:pointer
}
#bg {
	position:fixed;
	top:0;
	left:0;
	z-index:1200;
	width:100%;
	height:100%;
	background:#000;
	opacity:.7;
	filter:alpha(opacity=70)
}
@media \0screen\,screen\9 {
	#footer .section-f1 {
	position:static;
	background-color:#000;
	filter:Alpha(opacity=50)
}
#footer .section-f1 a,#footer .section-f1 span {
	position:relative
}
#main-y .section4 .ul-box1 li:first-child a {
	background-color:transparent;
	background-image:url(../Images/y-s4-play1.png)
}
#main-y .section4 .ul-box2 li:first-child a {
	background-color:transparent;
	background-image:url(../Images/y-s4-play2.png)
}
#main-y .section4 .ul-box3 li:first-child a {
	background-color:transparent;
	background-image:url(../Images/y-s4-play3.png)
}
#main-y .section9 .s7-i {
	display:inline-block;
	width:164px;
	height:164px;
	background:url(../Images/y-s9-icon-ie.png) 50% 50% no-repeat
}
input[type=password],input[type=text] {
	color:#555;
	font-size:16px
}
#log-reg {
	margin-top:-310px
}
#main-y .section1 .slid1 h1,#main-y .section1 .slid2 h2 {
	background:0;
	text-align:left
}
#main-y .section2 h2,#main-y .section3 h2,#main-y .section4 h2,#main-y .section5 h2,#main-y .section6 h2,#main-y .section7 h2,#main-y .section8 h2,#main-y .section9 h2 {
	background:0
}
}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
	input[type=password],input[type=text] {
	font-size:15px
}
}#header .header-top .top-right span.s-login {
	background:url(../Images/h-4.png) 15% 40% no-repeat
}
#footer .section-f1 input {
	width:260px
}
#footer #f-form div:first-child {
	text-align:left
}
#footer .section-f1 .col-xs-1 {
	width:13%;
	padding-right:0
}
#footer .section-f1 .col-xs-2 {
	padding-left:0
}
#footer .section-f1 .col-xs-3 {
	width:23.333%;
	padding-left:0
}
#footer .section-f1 .btn-b {
	width:175px
}
@media(min-width:768px) {
	.navbar {
	border-radius:0
}
}@font-face {
	font-family:Roboto;
	src:url(../fonts/Roboto-Thin.ttf) format('truetype')
}format('truetype')}


.clear_div { overflow:hidden; zoom:1;}

dl.sec_nav{ display:none;  z-index: 1000;position:absolute;top:75px; left:0; width:auto; text-align:center; box-shadow: 0px 1px 2px rgba(0,0,0,.3); background: #fff;}
dl.sec_nav dd{ float:left; width:120px; text-align:center; height:25px; font-size:13px; margin:0; padding:0;}
dl.sec_nav dd a{ background:none !important; color:#333 !important; line-height:2em; padding:4px 0;}
dl.sec_nav dd a:hover{ background:#0a519e url(../Images/sec_nav_hover.gif) repeat-x left top !important; color:#fff !important;}


.subnav-hd { display: none; z-index: 90; position: absolute; top: 75px; left: 0; width: auto; box-shadow: 0px 1px 2px rgba(0,0,0,.3); background: #fff; }
.subnav-hd.subnav-hd-right { right: inherit; left: 0; }
.subnav-ct-hd { float: left; min-width: 104px; transition: all .2s; }
.subnav-ct-hd > li { }
.subnav-ct-hd > li > a { font-weight: bold; display: block; height: 40px; padding: 0 15px; font-size: 14px; color: #7a8e9d; line-height: 40px; background-color: #fff; white-space: nowrap; text-align: center; }
.subnav-ct-hd > li.on > a,
.subnav-ct-hd > li > a:hover { font-size: 14px; color: #3498db; font-weight: bold; background-color: #DBEBF8; }