@charset "utf-8";
/* CSS Document */
/* common */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,span,ul,ol,li{margin:0px; padding:0px; text-indent:0; font-weight:normal;font-size:14px; font-family:'Microsoft YaHei',Verdana, Arial, Helvetica, sans-serif;color:#363636;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0px;}
.clear{width:0px; height:0px; font-size:0px; line-height:0px; margin:0px; padding:0px; clear:both}
b{font-weight:normal;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.xd{
	font-family:'新蒂小丸子小学版';
}

body{
	margin:0 auto;
	width:100%;
    min-width:1000px;
}
/*-----start-header----*/
.header {
	width:100%;
	height:75px;
	padding:12px 0;
	line-height: 51px;
	border-bottom: 1px solid #e5e5e5;
}
.logo {
	float:left;
}
.logo a {
	display: block;
}
.logo img{
	padding-right:15px;
	border-right: 1px solid #ccc;
}
.logo span{
	padding-left:37px;
	

}
.tel{float:right;}


.top-menu {
	height:92px;
	font-size:15px;
	position:relative;
	top:22px;
}
.top-menu ul li {
	display:inline-block;
	margin-right:10px;
}
.top-menu ul li a {
	color:#404040;
	text-transform:uppercase;
	font-weight:450;
	line-height:28px;
	text-decoration:none;
	padding:0px 10px;
}
.top-menu ul li a.active {
	background:#209de5;
	color:#fff;
}

/* Shutter Out Horizontal */
a.hvr-shutter-out-horizontal {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	background: #fff;
	color: #fff;
	padding:6px 15px;
}
a.hvr-shutter-out-horizontal:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background:#209de5;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	color:#fff;
	padding:6px 15px;
}
a.hvr-shutter-out-horizontal:hover,a.hvr-shutter-out-horizontal:focus,a.hvr-shutter-out-horizontal:active {
	color: white;
}
a.hvr-shutter-out-horizontal:hover:before,a.hvr-shutter-out-horizontal:focus:before,a.hvr-shutter-out-horizontal:active:before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

/*轮播图开始*/
.banner{ width:100%; height:375px; position:relative;}
.banner .list{ width:100%; height:375px; overflow:hidden; position:relative; z-index:1;}
.banner .list li{ width:100%; height:375px; position:absolute; left:0px; top:0px; display:block;}
/*.banner .list li a{ width:980px; margin:0 auto; position:relative; display:block; overflow:hidden; height:408px;}
.banner .list li a:hover{ text-decoration:none;}*/
.banner .list li.bg1{ background:url("../images/banner01.jpg") no-repeat center;background-color:#d5383f;}
.banner .list li.bg1 a .text1{ width:200px; left:180px; height:200px; top:60px; position:absolute; z-index:3;}
.banner .list li.bg1 a .text1.hover{animation: img1 1s ease-out;-webkit-animation: img1 1s ease-out;}
.banner .list li.bg1 a .text2{ right:90px; top:95px; position:absolute; z-index:3; width:423px;}
.banner .list li.bg1 a .text2.hover{animation: img2 0.7s ease-out;-webkit-animation: img2 0.7s ease-out;}
.banner .list li.bg1 a .text3{ right:220px; width:286px; top:165px; position:absolute; z-index:3;}
.banner .list li.bg1 a .text3.hover{animation: img3 1s ease-out;-webkit-animation: img3 1s ease-out;}
.banner .btn{ position:absolute; top:350px; left:50%; margin-left:-180px; z-index:100;}
.banner .btn li{ margin-left:3px; background: #fff; text-indent: -999em; float: left; width: 50px; height: 5px; cursor: pointer; }
.banner .btn li.hover{ background: #FC3; }
@keyframes img1 {0% { left:-200px; transform:rotate(-180deg);} 100% { left:180px; transform:rotate(0deg);}}
@-webkit-keyframes img1 {0% {left:-200px; -webkit-transform:rotate(-180deg);} 100% {left:180px; -webkit-transform:rotate(0deg);}}
@keyframes img2 {0% {right:-350px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@-webkit-keyframes img2 {0% {right:-350px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@keyframes img3 {0% {right:-350px; opacity:0.3;} 100% {right:220px; opacity:1;}}
@-webkit-keyframes img3 {0% {right:-350px; opacity:0.3;} 100% {right:220px; opacity:1;}}
.banner .list li.bg2{ background:url("../images/banner02.jpg") no-repeat center; background-color:#a3d5ff;}
.banner .list li.bg2 .text3{ position:absolute; left:4px; top:11px;}
.banner .list li.bg2 .text3.hover{ animation: img2_3 1.1s ease-out; -webkit-animation: img2_3 1.1s ease-out;}
.banner .list li.bg2 .text4{ position:absolute; left:190px; top:285px; transform:scale(1); -webkit-transform:scale(1);}
.banner .list li.bg2 .text4.hover{ animation: img2_4 1s ease-out; -webkit-animation: img2_4 1s ease-out;}

@keyframes img2_1 { 0% {transform:rotate(150deg);} 100% { transform:rotate(0deg);}}
@-webkit-keyframes img2_1 { 0% { -webkit-transform:rotate(150deg);} 100% { -webkit-transform:rotate(0deg);}}
@keyframes img2_2 { 0% {transform:rotate(280deg);} 100% { transform:rotate(0deg);}}
@-webkit-keyframes img2_2 { 0% { -webkit-transform:rotate(280deg);} 100% { -webkit-transform:rotate(0deg);}}
@keyframes img2_3 { 20%{ transform:rotateY(180deg); left:-500px;} 90% { transform:rotateY(0deg); left:4px;} 92%{ top:11px;} 94%{ top:11px;} 96%{ top:11px;} 98%{ top:11px;} 100%{ top:11px;}}
@-webkit-keyframes img2_3 { 20%{ -webkit-transform:rotateY(180deg); left:-500px;} 90% { -webkit-transform:rotateY(0deg); left:4px;} 92%{ top:11px;} 94%{ top:11px;} 96%{ top:11px;} 98%{ top:11px;} 100%{ top:11px;}}
@keyframes img2_4 {0%{ transform:scale(0);} 40%{ transform:scale(0);} 100% { transform:scale(1);}}
@-webkit-keyframes img2_4 {0%{ -webkit-transform:scale(0);} 40%{ -webkit-transform:scale(0);} 100% { -webkit-transform:scale(1);}}
@keyframes img2_5{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:48px; opacity:1;}}
@-webkit-keyframes img2_5{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:48px; opacity:1;}}
@keyframes img2_6{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@-webkit-keyframes img2_6{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:90px; opacity:1;}}
@keyframes img2_7{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:28px; opacity:1;}}
@-webkit-keyframes img2_7{0%{right:-400px;}  50%{right:-400px; opacity:0.3;} 100% {right:28px; opacity:1;}}

.banner .list li.bg3{background:url("../images/banner03.jpg") no-repeat center;background-color:#132649;}
.banner .list li.bg3 .text1{ position:absolute; left:115px; top:16px; z-index:10;}
.banner .list li.bg3 .text2{ position:absolute; left:395px; top:185px; z-index:10;}

.banner .list li.bg3 .text2-2{ position:absolute; left:389px; top:0px;}
.banner .list li.bg3 .text3{ position:absolute; left:106px; top:0px;}
.banner .list li.bg3 .text4{ position:absolute; left:345px; top:162px; font-size:30px; color:#fff; text-align:center;}
.banner .list li.bg3 .text5{ position:absolute; left:99px; top:218px;}
.banner .list li.bg3 .text6{ position:absolute; left:130px; top:220px; font-size:30px; color:#e9dcff; text-align:center;}
.banner .list li.bg3 .text7{ position:absolute; left:386px; top:220px; font-size:30px; color:#e9dcff; text-align:center;}
.banner .list li.bg3 .text8{ position:absolute; left:640px; top:220px; font-size:30px; color:#e9dcff; text-align:center;}
.banner .list li.bg3 .text1.hover{ animation:img3_1 1s ease; -webkit-animation:img3_1 1s ease;}
.banner .list li.bg3 .text2.hover{ animation:img3_2 1.2s ease; -webkit-animation:img3_2 1.2s ease;}
.banner .list li.bg3 .text2-1.hover{ transform-origin:right bottom; -webkit-transform-origin:right bottom; animation:img3_2-1 30s linear; -webkit-animation:img3_2-1 30s linear;}
.banner .list li.bg3 .text2-2.hover{ transform-origin:left bottom; -webkit-transform-origin:left bottom; animation: img3_2-2 30s linear; -webkit-animation: img3_2-2 30s linear;}
.banner .list li.bg3 .text4.hover{ animation: img3_4 1.5s ease; -webkit-animation: img3_4 1.5s ease;}
.banner .list li.bg3 .text6.hover{ animation: img3_6 0.7s ease; -webkit-animation: img3_6 0.7s ease;}
.banner .list li.bg3 .text7.hover{ animation: img3_7 0.7s ease; -webkit-animation: img3_7 0.7s ease;}
.banner .list li.bg3 .text8.hover{ animation: img3_8 0.7s ease; -webkit-animation: img3_8 0.7s ease;}
.banner .list #bg4 {background:url("../images/banner04.jpg") no-repeat center;}

@keyframes img3_1 { 0% { left:-2000px;opacity:0.3;}100% { left:115px;opacity:1;}}
@-webkit-keyframes img3_1 { 0% { left:-2000px;opacity:0.3;}100% { left:115px;opacity:1;}}
@keyframes img3_2 { 0% { left:-1910px;opacity:0;}100% { left:395px;opacity:1;}}
@-webkit-keyframes img3_2 { 0% { left:-1910px;opacity:0;}100% { left:395px;opacity:1;}}

@keyframes img3_2-2 { 0% {transform:rotate(10deg);} 10% {transform:rotate(-100deg);} 20% {transform:rotate(10deg);} 30% {transform:rotate(-100deg);} 40% {transform:rotate(10deg);} 50% {transform:rotate(-100deg);} 60% {transform:rotate(10deg);} 70% {transform:rotate(-100deg);} 80% {transform:rotate(10deg);} 90% {transform:rotate(-100deg);} 100% { transform:rotate(0deg);}}
@-webkit-keyframes img3_2-2 { 0% {-webkit-transform:rotate(10deg);} 10% {-webkit-transform:rotate(-100deg);} 20% {-webkit-transform:rotate(10deg);} 30% {-webkit-transform:rotate(-100deg);} 40% {-webkit-transform:rotate(10deg);} 50% {-webkit-transform:rotate(-100deg);} 60% {-webkit-transform:rotate(10deg);} 70% {-webkit-transform:rotate(-100deg);} 80% {-webkit-transform:rotate(10deg);} 90% {-webkit-transform:rotate(-100deg);} 100% {-webkit-transform:rotate(0deg);}}
@keyframes img3_4 { 0%{ opacity:0; transform: scale(0);} 30%{ opacity:0; transform: scale(0);} 80%{ opacity:0.7; transform: scale(1.2);} 100%{ opacity:1; transform: scale(1);}}
@-webkit-keyframes img3_4 { 0%{ opacity:0; -webkit-transform: scale(0);} 30%{ opacity:0; -webkit-transform: scale(0);} 80%{ opacity:0.7; -webkit-transform: scale(1.2);} 100%{ opacity:1; -webkit-transform: scale(1);}}
@keyframes img3_6 { 0% { left:-210px;} 100% { left:130px;}}
@-webkit-keyframes img3_6 { 0% { left:-210px;} 100% { left:130px;}}
@keyframes img3_7 { 0%{ opacity:0; transform: scale(4);} 100%{ opacity:1; transform: scale(1);}}
@-webkit-keyframes img3_7 { 0%{ opacity:0; -webkit-transform: scale(4);} 100%{ opacity:1; -webkit-transform: scale(1);}}
@keyframes img3_8 { 0% { right:-210px;} 100% { right:130px;}}
@-webkit-keyframes img3_8 { 0% { right:-210px;} 100% { right:130px;}}



.banner .list li.bg4{ background:url("../images/banner04.jpg") no-repeat center top; background-color:#3dc8f4;}
.banner .list li.bg4 .text1{ position:absolute; left:250px; top:45px; font-size:69px; color:#ffe9e9;}
.banner .list li.bg4 .text2{ overflow:hidden; width:66px; position:absolute; left:251px; top:137px;}
.banner .list li.bg4 .text3{ opacity:0; position:absolute; left:485px; top:55px;}
.banner .list li.bg4 .text4{ opacity:0; transform-origin:left bottom; -webkit-transform-origin:left bottom; position:absolute; left:500px; top:105px;}
.banner .list li.bg4 .text5{ opacity:0; position:absolute; left:78px; top:27px;}
.banner .list li.bg4 .text6{ opacity:0; transform-origin: left bottom; -webkit-transform-origin: left bottom; position:absolute; left:245px; top:303px;}
.banner .list li.bg4 .text7{ position:absolute; left:5px; bottom:40px;}
.banner .list li.bg4 .text3.hover{ animation:img4_3 1s 0.5s ease forwards; -webkit-animation:img4_3 1s 0.5s ease forwards;}
.banner .list li.bg4 .text4.hover{ animation:img4_4 1.2s 0.5s ease forwards; -webkit-animation:img4_4 1.2s 0.5s ease forwards;}
.banner .list li.bg4 .text5.hover{ animation:img4_5 1.5s 0.5s ease forwards; -webkit-animation:img4_5 1.5s 0.5s ease forwards;}
.banner .list li.bg4 .text6.hover{ animation:img4_6 0.3s 1.5s ease-out forwards; -webkit-animation:img4_6 0.3s 1.5s ease-out forwards;}
.banner .list li.bg4 .text7.hover{ animation:img4_7 0.8s ease-in; -webkit-animation:img4_7 0.8s ease-in;}
@keyframes img4_3 { 0%{ top:-100px; opacity:0;} 100%{ top:50px; opacity:1;}}
@-webkit-keyframes img4_3 { 0%{ top:-100px; opacity:0;} 100%{ top:50px; opacity:1;}}
@keyframes img4_4 { 0%{ transform:scale(0);} 100%{ transform:scale(1); opacity:1;}}
@-webkit-keyframes img4_4 { 0%{ -webkit-transform:scale(0);} 100%{ -webkit-transform:scale(1); opacity:1;}}
@keyframes img4_5 { 0%{ transform:scale(0);} 100%{ transform:scale(1); opacity:1;}}
@-webkit-keyframes img4_5 { 0%{ -webkit-transform:scale(0);} 100%{ -webkit-transform:scale(1); opacity:1;}}
@keyframes img4_6 { 0%{ transform:rotate(30deg); opacity:0;} 100%{ transform:rotate(0deg); opacity:1;}}
@-webkit-keyframes img4_6 { 0%{ -webkit-transform:rotate(30deg); opacity:0;} 100%{ -webkit-transform:rotate(0deg); opacity:1;}}
@keyframes img4_7{0%{ bottom:-300px; opacity:0;} 100%{ bottom:40px; opacity:1;}}
@-webkit-keyframes img4_7{0%{ bottom:-300px; opacity:0;} 100%{ bottom:40px; opacity:1;}}



/*轮播图结束*/

/*登录信息开始*/
.login{
	width:380px;
	height:390px;
	background: url(../images/parts/login-bg.png) no-repeat;
	position: absolute;
	left:50%;
	top:-15px;
	margin-left:210px;
	z-index:999;
}
.login-content{
	width: 280px;
	height: 375px;
	background: #fff;
	position:relative;
	top:0;
	left:0
}
.login-top{
	width:280px;
	height:108px;
	background:#ffa200;
	text-align:center;
}
.login-top .por{
	width:80px;
	height:80px;
	margin:0 auto;
	background: url(../images/parts/login-por.png) no-repeat center;
}



.details {
	margin:15px 22px;
}
.pol{
	float: left;
	line-height:28px;
	color:#666666;
}
.details p{
	font-weight:bold;
	margin:10px 0 15px 0;
}
.details form li {
	display:block;
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	list-style: none;
	background: #fff;
	margin-bottom: 10px;
}
.details input[type="text"] {
	width: 185px;
	height:28px;
	color: #a9a9a9;
	font-size: 14px;
	padding-left:15px;
	margin-left:8px;
	border:1px solid #d8d8d8;
	outline: none;
	line-height:28px;
}

.details form .button01,.details form .button-submit {
	width:105px;
	height:32px;
	background:none;
	text-transform: uppercase;
	outline: none;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-o-border-radius:7px;
	-ms-border-radius:7px;
	font-size: 16px;
	text-align:center;
}
.details form .bto{float:left;margin-top:10px;}
.details form .bto1 .button01{
	border:1px solid #ffa200;
	color:#ffa200;
	margin-right:25px;
}
.details form .bto1 .button01:hover {
	background:#ffa200;
	color:#fff;
}
.details form .bto2 .button-submit{
	border:1px solid #0096df;
	display:block; line-height:30px;
	color:#0096df;
}
.details form .bto2 .button-submit:hover {
	background:#0096df;
	color:#fff;
}
.header-bottom {
	position:relative;
}
.section-title img{margin:0 auto;}
.content{
	margin:0 auto;
	width:100%;
}
.part1{
	margin:0 auto;
	width:100%;
	height:1257px;
    background:url("../images/part1-main.png") no-repeat center top;
    background-color:#e7fcfb;
}
.part1-main{
	margin:0 auto;
	width:1000px;
	height:1257px;
}
.part1-btn{
    top:439px;
    margin:0 auto;
	height:48px;
    width:220px;
	line-height:42px;
	font-size:30px;
	font-weight:bold;
	text-align:center;
    display:block;
	color:#ffdd5e;
	background-color:#ff3e25;
	border-bottom:4px solid #b91d11;
	border-radius:20px;
	position:relative;
}
.part1-btn:hover{
    top:441px;
    color:#fff25e;
    border-bottom:2px solid #b91d11;
}
.part2{
    margin:0 auto;
    width:100%;
    height:1278px;
    background-color:#e7fcfb;
}
.part2-main{
    margin:0 auto;
    width:1000px;
    height:1278px;
    background:url("../images/part2-main.png") no-repeat center top;
    position: relative;
}
.part2-btn1{
    width:99px;
    height:32px;
    line-height:32px;
    color:#362c2c;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    display:block;
    border-radius:12px;
    background-color:#ffa800;
    border-bottom:2px solid #b3941e;
    position:absolute;
}
.p2b1-1{
    top:407px;
    left:110px;
}
.p2b1-1:hover{
    top:409px;
    border-bottom:0px;
}
.p2b1-2{
    top:357px;
    left:380px;
}
.p2b1-2:hover{
    top:359px;
    border-bottom:0px;
}
.p2b1-3{
     top:439px;
     left:570px;
 }
.p2b1-3:hover{
    top:441px;
    border-bottom:0px;
}
.p2b1-4{
    top:394px;
    left:768px;
}
.p2b1-4:hover{
    top:396px;
    border-bottom:0px;
}
.part2-btn2{
    top:1188px;
    left:680px;
    width:220px;
    height:55px;
    color:#ff4931;
    font-size:28px;
    font-weight:bold;
    text-align:center;
    line-height:52px;
    display:block;
    position:absolute;
    background:url("../images/part2-btn2.png") no-repeat center top;
}
.part3{
    margin:0 auto;
    width:100%;
    background-color:#e7fcfb;
}
.part3-main{
    margin:0 auto;
    width:1000px;
    height:1110px;
    position:relative;
    background:url("../images/part3-main.png") no-repeat center top;
}
.part3-btn1{
    top:561px;
    width:87px;
    height:27px;
    line-height:27px;
    text-align:center;
    color:#ffffff;
    display:block;
    font-weight:bold;
    background-color:#ff614c;
    border-bottom:2px solid #db4430;
    border-radius:11px;
    position:absolute;
}
.part3-btn1:hover{
    top:563px;
    color:#ffe485;
    border-bottom:0px;
}
.p3b1-1{
    left:69px;
}
.p3b1-2{
    left:332px;
}
.p3b1-3{
    left:581px;
}
.p3b1-4{
    left:839px;
}
.part3-btn2{
    top:968px;
    width:185px;
    height:45px;
    line-height:38px;
    text-align:center;
    color:#f74600;
    font-size:17px;
    font-weight:bold;
    display:block;
    background:url("../images/part3-btn2.png") no-repeat center top;
    position:absolute;
}
.p3b2-1{
    left:30px;
}
.p3b2-2{
    left:269px;
}
.p3b2-3{
    left:519px;
}
.p3b2-4{
    left:776px;
}
.part3-btn2:hover{
    color:#ff6600;
}

.part4{
	margin:0 auto;
	width:100%;
	height:1347px;
	background-color:#e7fcfb;
}
.part4-main{
	margin:0 auto;
	width:1000px;
	padding:0 25px;
}
.part4-title{
	margin:0 auto;
	margin-bottom:24px;
	width:590px;
	height:157px;
	background:url("../images/part4-title.png") no-repeat center top;
}
.course{
	width:300px;
	height:350px;
	background: #fff;
	float:left;
	margin-right:25px;
	margin-bottom:25px;
}

.course-img{
	position:relative;
	width:300px;
	height:195px;
	cursor:pointer;
}
.course-name{
	position:absolute;
	top:158px;
	bottom:0px;
	width:300px;
	height:38px;
	line-height:38px;
	padding-left:30px;
	background:rgba(0,0,0,0.65);
	color:#fff;
	z-index:333;
}
.cover{
	position:absolute;
	top:0px;
	width:300px;
	height:195px;
	background:rgba(0,0,0,0.35);
	display:none;
	z-index:222;
	text-transform:uppercase;
}

.course-img:hover .cover{
	display:block;
}
.cover a{
	display:block;
	color:#fff;
	text-decoration:none;
	background:#ffb401;
	width:130px;
	height:35px;
	line-height:35px;
	text-align:center;
	margin:0 auto;
	position:relative;
	top:75px;
}
.part4-main ul{
	padding:15px 30px;
	color:#515151;
	line-height:26px;
	list-style: square inside url('../images/parts/list-style.png')
}
.part5{
	margin:0 auto;
	width:100%;
	height:860px;
	background:url("../images/part5-main.png") no-repeat center top;
	background-color:#e7fcfb;
}
.part5-main{
	margin:0 auto;
	width:1000px;
	height:860px;
	position:relative;
}
.part5-box{
	width:620px;
	position:absolute;
}
.part5-box h1{
	font-size:35px;
	font-weight:bold;
	color:#0087f3;
}
.part5-box p{
	margin-top:16px;
	font-size:17px;
	line-height:23px;
}
.p5bx1{
	top:282px;
	left:300px;
}
.p5bx2{
	top:664px;
	left:50px;
	text-align:right;
}
.part5-btn{
	width:130px;
	height:34px;
	line-height:34px;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	display:block;
	color:#ffffff;
	border-radius:14px;
	background-color:#0087f3;
	border-bottom:3px solid #c5d6d6;
	position:absolute;
}
.p5b1{
	top:463px;
	left:300px;
}
.p5b2{
	top:593px;
	left:559px;
}
.part5-btn:hover{
	color:#d3f1fb;
}
.part6{
	margin:0 auto;
	width:100%;
	height:689px;
	background:url("../images/part6-main.png") no-repeat center top;
	background-color:#e7fcfb;
}
.part6-main{
	margin:0 auto;
	width:1000px;
	height:689px;
}
.part6-box{
	margin:0 14px;
	margin-top:271px;
	width:280px;
}
.part6-box.first{
	margin-left:53px;
}
.p6b-v{
	width:280px;
	height:194px;
	cursor:pointer;
	background-color:#023e7f;
}
.p6b-v-h{
	width:280px;
	height:194px;
	display:none;
	background:url("../images/p6-play.png") no-repeat center center;
}
/*.p6b-v:hover .p6b-v-h{*/
	/*display:block;*/
/*}*/
.p6b-v span{
	top:149px;
	width:280px;
	height:45px;
	display:block;
	position:relative;
	background-color:#01254c;
}
.p6b-v span p{
	padding-left:17px;
	font-size:14px;
	font-weight:bold;
	line-height:45px;
	color:#ffffff;
}
.p6b-txt{
	padding:0 5px;
	margin-top:12px;
	line-height:24px;
	color:#003b7c;
}
.part6-btn{
	margin:0 auto;
	top:599px;
	width:280px;
	height:47px;
	display:block;
	position:relative;
	background:url("../images/part6-btn.png") no-repeat center;
}
.part7{
	margin:0 auto;
	width:100%;
	height:704px;
	background:url("../images/part7-main.png") no-repeat center top;
	background-color:#e7fcfb;
}
.part7-main{
	margin:0 auto;
	height:704px;
	width:1000px;
}
.part7-grids{
	margin:0 auto;
	top:216px;
	width:960px;
	height:360px;
	margin:0 auto;
	position:relative;
}
#tab .tab_menu{
	width:180px;
	height:360px;
	position:absolute;
	z-index:111;
	background:#fff;
	border:1px solid #cccccc;
	left:209px;
}
#tab .tab_menu li{
	width:180px;
	height:55px;
	line-height:55px;
	cursor:pointer;
	text-align:left;
	margin:0 2px 0 0;
	color:#474747;
	list-style:none;
	padding-left:20px;
	font-size:15px;
	margin:14px 0;
}
#tab .tab_menu .selected{
	background:#e6e6e6;
	border-right:3px solid #008cd5;
	cursor:pointer;
}
#tab .tab_box{
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	position:relative;
}
.hiden{display:none;}

.work-content{
	width:100%;
	height: 100%;
	position:relative;
	top:0;
	left:0;
}
.works-left{
	float:left;
	width: 200px;
	height:360px;

}
.works-left .stu-desc{
	width:202px;
	height:145px;
	margin-top:10px;
	background:url("../images/parts/works-bg.png") no-repeat center;
	color:#7b7b7b;
	font-size:15px;
	line-height:28px;
	padding:15px;
}
.works-left .pict{
	width:200px;
	height:200px;
	background:#fff;
	background-position:center middle;
	border:1px solid #cccccc;
}
.work01 .pict{background:url("../images/works/w1.jpg") #fff no-repeat center;}
.work02 .pict{background:url("../images/works/w2.jpg") #fff no-repeat center;}
.work03 .pict{background:url("../images/works/w3.jpg") #fff no-repeat center;}
.work04 .pict{background:url("../images/works/w4.jpg") #fff no-repeat center;}
.work05 .pict{background:url("../images/works/w5.jpg") #fff no-repeat center;}

.works-right{
	float:right;
	width: 560px;
	height:360px;
	background:#fff;
	border:1px solid #cccccc;
}
.swiper-container{
	width: 560px;
	height:360px;
	overflow:hidden;
}
.works-right img{
	margin:0 auto;
	width:558px;
	height:358px;
}
.sr-span{
	top:310px;
	width:560px;
	height:50px;
	position:absolute;
	z-index:99999;
	background-color:rgba(0,0,0,0.5);
}
.sr-span p{
	padding-left:20px;
	line-height:50px;
	font-size:20px;
	color:#ffffff;
}
.part8{
	marign:0 auto;
	width:100%;
	height:760px;
	background:url("../images/part8-main.png") no-repeat center top;
	background-color:#e7fcfb;
}
.part8-main{
	margin:0 auto;
	width:1000px;
	height:760px;
}
.part13-main-box{
	left:130px;
	top:119px;
	width:846px;
	position:relative;
}
.p13-title{
	left:-120px;
	top:22px;
	width:139px;
	height:66px;
	position:absolute;
	z-index:999;
	background:url("../images/parts/p13-title.png") no-repeat center top;
}
.part13-box{
	margin:1px;
	width:280px;
	height:230px;
}
.part13-box a{
	margin-top:21px;
	margin-left:25px;
	width:95px;
	height:27px;
	line-height:27px;
	font-size:16px;
	display:block;
	color:#ffffff;
	text-align:center;
	background-color:#ef571a;
	border-radius:10px;
}
.part13-box.b1{
	background-color:#3274be;
}
.part13-box.b2{
	background-color:#ffee5a;
}
.p13b1{
	background:url("../images/parts/p13b1.png") no-repeat center center;
}
.p13b1 h1{
	padding-top:20px;
	margin-left:22px;
	font-size:16px;
	line-height:16px;
	color:#ffffff;
}
.p13b1 h2{
	padding-top:5px;
	margin-left:22px;
	font-size:34px;
	font-weight:bold;
	line-height:34px;
	color:#ffffff;
}
.p13b1 h3{
	padding-top:5px;
	margin-left:22px;
	font-size:26px;
	line-height:26px;
	color:#ffffff;
}
.p13b2{
	background:url("../images/parts/p13b2.png") no-repeat center center;
}
.p13b2 h1{
	padding-top:20px;
	margin-left:22px;
	font-size:16px;
	line-height:16px;
	color:#3c2e2e;
}
.p13b2 h2{
	padding-top:5px;
	margin-left:22px;
	font-size:34px;
	font-weight:bold;
	line-height:34px;
	color:#3c2e2e;
}
.p13b2 h3{
	padding-top:5px;
	margin-left:22px;
	font-size:26px;
	line-height:26px;
	color:#3c2e2e;
}
.p13b3{
	background:url("../images/parts/p13b3.png") no-repeat center center;
}
.p13b3 h2{
	padding-top:41px;
	margin-left:22px;
	font-size:34px;
	font-weight:bold;
	line-height:34px;
	color:#ffffff;
}
.p13b3 h3{
	padding-top:5px;
	margin-left:22px;
	font-size:26px;
	line-height:26px;
	color:#ffffff;
}
.p13b4{
	background:url("../images/parts/p13b4.png") no-repeat center center;
}
.p13b4 h2{
	padding-top:41px;
	margin-left:22px;
	font-size:34px;
	font-weight:bold;
	line-height:34px;
	color:#3c2e2e;
}
.p13b4 h3{
	padding-top:5px;
	margin-left:22px;
	font-size:26px;
	line-height:26px;
	color:#3c2e2e;
}
.p13b5{
	background:url("../images/parts/p13b5.png") no-repeat center center;
}
.p13b5 h1{
	padding-top:20px;
	margin-left:22px;
	font-size:16px;
	line-height:16px;
	color:#ffffff;
}
.p13b5 h2{
	padding-top:5px;
	margin-left:22px;
	font-size:34px;
	font-weight:bold;
	line-height:34px;
	color:#ffffff;
}
.p13b5 h3{
	padding-top:5px;
	margin-left:22px;
	font-size:26px;
	line-height:26px;
	color:#ffffff;
}
.p13b6{
	background:url("../images/parts/p13b6.png") no-repeat center center;
}
.p13b6 h2{
	padding-top:41px;
	margin-left:22px;
	font-size:34px;
	font-weight:bold;
	line-height:34px;
	color:#3c2e2e;
}
.p13b6 h3{
	padding-top:5px;
	margin-left:22px;
	font-size:26px;
	line-height:26px;
	color:#3c2e2e;
}
.p13-title2{
	top:135px;
	left:144px;
	width:820px;
	height:44px;
	position:relative;
	background:url("../images/parts/p13-titile2.png") no-repeat center top;
}
.p13-title2 p{
	padding-left:76px;
	line-height:44px;
	font-size:16px;
	color:#ffffff;
}
#footer{
	margin:0 auto;
	width:100%;
	height:110px;
	background-color:#262626;
}
.footer-main{
	margin:0 auto;
	width:1000px;
	height:110px;
}
.footer-main p{
	text-align:center;
	line-height:110px;
	font-size:12px;
	color:#b3b3b3;
}