body{
	padding:0;
	margin:0;
	font-family: '微软雅黑';
	color:#FFF;
	background:#fff;
	overflow-x:hidden;
}
body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
input[type="button"],input[type="submit"]{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
	margin:0;			   
}	
p{
	margin:0;
}
ul{
	margin:0;
	padding:0;
}
label{
	margin:0;
}
/*-----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:none;}
/*.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; padding-left:300px;}
.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; padding-left:250px;}
.banner .list li.bg2 .text3{ position:absolute; left:20px; top:20px;}
.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:360px; top:245px; 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:20px;} 92%{ top:20px;} 94%{ top:20px;} 96%{ top:20px;} 98%{ top:20px;} 100%{ top:20px;}}
@-webkit-keyframes img2_3 { 20%{ -webkit-transform:rotateY(180deg); left:-500px;} 90% { -webkit-transform:rotateY(0deg); left:20px;} 92%{ top:20px;} 94%{ top:20px;} 96%{ top:20px;} 98%{ top:20px;} 100%{ top:20px;}}
@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; padding-left:250px;}
.banner .list li.bg3 .text1{ position:absolute; left:50px; top:80px; z-index:10;}
.banner .list li.bg3 .text2{ position:absolute; left:140px; top:220px; 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 #0168b7;}

@keyframes img3_1 { 0% { left:-2000px;opacity:0.3;}100% { left:50px;opacity:1;}}
@-webkit-keyframes img3_1 { 0% { left:-2000px;opacity:0.3;}100% { left:50px;opacity:1;}}
@keyframes img3_2 { 0% { left:-1910px;opacity:0;}100% { left:140px;opacity:1;}}
@-webkit-keyframes img3_2 { 0% { left:-1910px;opacity:0;}100% { left:140px;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:#ff7575;}
.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:508px; top:192px;}
.banner .list li.bg4 .text6{ opacity:0; transform-origin: left bottom; -webkit-transform-origin: left bottom; position:absolute; left:510px; top:230px;}
.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;
}
.right-grid-1 {
	
	background-size: 100% 100%;
	width: 62%;
	margin: 0 auto;
	position: absolute;
	left: 227px;
	min-height: 380px;
}
/*所有内容部分标题！！教师部分另外处理！*/
.section-title{
	margin:65px 0;
	background-repeat:no-repeat;
	background-position: center;
}
.section-title img{margin:0 auto;}
/*互联网营销无处不在*/

.part1-section{
	width:100%;
	height:650px;
	margin:0 auto;	
	background:#fff;
}
.part1-section .container{
	height:600px;
	padding-bottom:50px;

}
.part1-section .section-grids{
	width:100%;
	height:395px;
	background: url('../images/eyeryday-bg.jpg') no-repeat center bottom;
	font-size:14px;
	color:#808080;
	line-height:18px;
}
 .part1-section .section-grid{
 	float:left;
 	height:100%;
 	width:50%;
 }
 	.service-section-grid{		
		width:230px;
		height:100px;
		margin-bottom:50px;
		position:relative;
	}
	.title-grid{
		width:230px;
		height:25px;
		margin:0 auto;
		margin-bottom:10px;
	}
	.part1-section .grid-left .title-grid{

		background-position:right center;
	}
	.part1-section .grid-right .title-grid{

		background-position:left center;
	}

	.weib {right:-50px;}
	.sheq {right:-5px;}
	.qit {right:-50px;top:-5px;}
	.baid {right:-215px;}
	.taob{right:-270px;}
	.weix {right:-220px;top:-5px;}
	.weib .title-grid{background:url('../images/parts/weib.png') no-repeat;}
	.sheq .title-grid{background:url('../images/parts/sheq.png') no-repeat;}
	.qit .title-grid{background:url('../images/parts/qit.png') no-repeat;}
	.baid .title-grid{background:url('../images/parts/baid.png') no-repeat;}
	.taob .title-grid{background:url('../images/parts/taob.png') no-repeat;}
	.weix .title-grid{background:url('../images/parts/weix.png') no-repeat;}
.part1-section .section-grid .icon-text{
	text-align:left;
	position:relative;
	right:0;
}

.part1-section span{
	display:inline-block;
	width:14px;
	height:14px;
}

/*互联网营销无处不在-----结束*/

.about_left {
	padding:0;
}
.about_left img {
	width:100%;
}
.about_right {
	background:#ffc155;
	padding:11em 8em 0;
	min-height: 594px;
}
.about_right h3 {
	color: #fff;
	font-size: 2.2em;
	font-weight: 700;
	text-transform: uppercase;
}
.about_right p {
	color: #fff;
	font-size: 1em;
	font-weight: 300;
	line-height:1.9em;
	margin:1.6em 0 3em 0;
}
.about_right a {
	text-decoration:none;
	color:#fff;
	font-size:1.05em;
	font-weight:300;
	text-transform: uppercase;
	padding:9px 18px;
	border:1px solid #e7ad48;
}
.about_right a:hover {
	background:#394b50;
}
.price-section {
	padding: 6em 0;
	background:#e7edf3;
}
.price-section-head h3 {
	color: #394b50;
	font-size: 2.2em;
	font-weight: 900;
	text-transform: uppercase;
}
.price-section-head p {
	color: #394b50;
	font-size: 1.2em;
	font-weight: 500;
}
.price-section-grid h5 {
	color:#818b95;
	font-family: 'Lato', sans-serif;
	font-size:1.9em;
	font-weight:300;
	text-transform:uppercase;
	margin-bottom:0.8em;
}
.price-section-grid h3 span {
	font-size:0.7em;
	vertical-align: top;
}
.price-section-grid h3 {
	color:#ffbb42;
	font-family: 'Lato', sans-serif;
	font-size:3.5em;
	font-weight:700;
}
.price-section-grid p {
	color:#818b95;
	font-family: 'Lato', sans-serif;
	font-size:1.1em;
	font-weight:300;
	text-transform:uppercase;
}
.price-section-grid ul {
	margin:2.5em 0; 
}
.price-section-grid ul li {
	list-style-type:none;
	color:#b5bbc1;
	font-family: 'Lato', sans-serif;
	font-size:1.1em;
	font-weight:400;
	text-transform:uppercase;
	border-top:1px solid #e2e9f0;
	padding:0.7em;
}
.price-section-grid a {
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-size:1.1em;
	text-decoration:none;
	background:#ffbb42;
	text-transform:uppercase;
	font-weight:400;
	padding:11px 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
.price-section-grid a:hover {
	background:#394b50;
}
.price-value {
	border: 1px solid #ccd5df;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	padding:4em 2em 5em 2em;
	background:#fff;
	width:32.888%;
	float:left;
	margin-right:0.6%;
	margin-top:6em;
}
.price-value:hover {
	background:#709dca;
	border:none;
}
.price-value:hover div.price-section-grid h5,.price-value:hover div.price-section-grid p,.price-value:hover div.price-section-grid h3,
.price-value:hover div.price-section-grid span {
	color:#fff;
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.price-value:hover div.price-section-grid ul li {
	color:#c2e1ff;
}
.price-value:nth-child(3){
	margin-right:0;
}
.price-value:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	z-index: 1;
	border: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.work-section {
	padding: 6em 0;
}
.work-section-head h3 {
	color: #394b50;
	font-size: 2.2em;
	font-weight: 900;
	text-transform: uppercase;
}
.work-section-head p {
	color: #394b50;
	font-size: 1.2em;
	font-weight: 500;
}
.work-section-grid {
	margin-top:8em;
	position:relative;
}
span.arrow1 {
	position: absolute;
	top: -35px;
	right: -64px;
}
span.arrow2 {
	position: absolute;
	top: 95px;
	right: -64px;
}
.work-section-grid h4 {
	color:#394b50;
	font-family: 'Lato', sans-serif;
	font-size:1.5em;
	font-weight:700;
	margin-bottom:0.8em;
	text-transform: uppercase;
	margin-top:4em;
}
.work-section-grid p {
	color: #7b7b7b;
	font-size: 0.95em;
	font-weight: 400;
	line-height: 1.8em;
	margin-bottom:6em;
}
a.work {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	text-decoration: none;
	background: #ffbb42;
	text-transform: uppercase;
	font-weight: 400;
	padding: 11px 23px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
a.work:hover {
	background:#394b50;
}
.client {
	float:left;
	width: 25%;
	margin-right: 6%;
}
.client img {
	width:100%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}
.client-info {
	float:left;
	width: 69%;
}
.happy-clients {
	background:#ffc155;
	padding:7em 0;
}
.happy-clients-head h3 {
	color: #fff;
	font-size: 2.2em;
	font-weight: 900;
	text-transform: uppercase;
}
.happy-clients-head p {
	color: #fff;
	font-size: 1.2em;
	font-weight: 500;
}
.happy-clients-grid {
	background:#fff;
	padding:2.5em 2em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	width: 47%;
	margin: 2% 3% 0 0;
}
.happy-clients-grid p {
	color: #7b7b7b;
	font-size: 0.95em;
	font-weight: 400;
	line-height: 1.8em;
	margin-bottom:1.2em;
}
.happy-clients-grid h4 {
	color:#99a9ae;
	font-size:1em;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	text-transform: uppercase;
}
.happy-clients-grid h4 a {
	color:#f6772c;
	text-decoration:none;
}
.span_66{
	margin-right:0;
}
.happy-clients-grids {
	margin-top:3em;
}
img.open {
	margin: 0 6px 9px 0px;
}
img.closeq {
	margin: 6px 0px 0px 11px;
}
.contact-section {
	padding: 5em 0 3em 0;
}
.contact-section-head h3 {
	color: #394b50;
	font-size: 2.2em;
	font-weight: 900;
	text-transform: uppercase;
}
.contact-section-head p {
	color: #394b50;
	font-size: 1.2em;
	font-weight: 500;
}
.form input[type="text"] {
	width: 85%;
	color: #a9a9a9;
	font-size: 0.9em;
	padding: 14px 14px 14px 0;
	border: none;
	outline: none;
	background: #fff;
}
.form form li {
	display:inline-block;
}
.form {
	margin:3em 0 5em 0;
}
.form form li {
	border-radius:3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	list-style: none;
	float: left;
	width: 35%;	
	background: #fff;
	margin-right:1em;
	border:1px solid #cbcbcb;
}
.form form input[type="submit"] {
	color: #fff;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 300;
	border: none;
	background: #ffbb42;
	padding: 14px 0px;
	width: 19%;
	outline: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
}
.form form input[type="submit"]:hover {
	background:#394b50;
}
.bottom-menu ul li {
	display:inline-block;
	margin:0 1em;
}
.bottom-menu ul li a {
	font-size:1.05em;
	font-family: 'Lato', sans-serif;
	color:#394b50;	
	text-transform:uppercase;
	font-weight:500;
	text-decoration:none;
}
.bottom-menu ul li a:hover {
	color:#ffbb42;
}
.footer {
	padding:1.2em 0;
	background:#709dca;
}
.copyright p {
	color:#ffffff;
	font-size:1.1em;
	font-weight:400;
}
.copyright p a {
	color:#ffffff;
}
.social-icons i {
	height: 25px;
	width: 25px;	
	
	display: inline-block;
	margin:0 0.5em;
}
i.twitter {
	background-position: -75px 0px;
}
i.twitter:hover {
	background-position: -75px -25px;
}
i.facebook {
	background-position: -100px 0px;
}
i.facebook:hover {
	background-position: -100px -25px;
}
i.googlepluse {
	background-position: -125px 0px;
}
i.googlepluse:hover {
	background-position: -125px -25px;
}
i.linkedin {
	background-position: -150px 0px;
}
i.linkedin:hover {
	background-position: -150px -25px;
}
p.call {
	font-size:1.6em;
	font-family: 'Lato', sans-serif;
	color:#394b50;	
	font-weight:700;
	margin:1em 0;
}
i.phone {
	height: 25px;
	width: 25px;	
	
	display: inline-block;
	vertical-align:sub;
}
i.ear-phones {
	height: 85px;
	width: 85px;	
	
	display: inline-block;
}
i.lock {
	height: 85px;
	width: 85px;	
	
	display: inline-block;
}
i.cloud {
	height: 85px;
	width: 85px;	
	
	display: inline-block;
}
i.done {
	height: 85px;
	width: 85px;	
	
	display: inline-block;
}
.map {
	border-bottom: 1px solid #e3e7ec;
	margin-bottom: 3em;
	padding-bottom: 3em;
	position:relative;
}
.map img {
	width:100%;
}
.location {
	position: absolute;
	top:70px;
	left: 400px;
}
.bottom-logo img {
	width: 19%;
}
.address {
	background:#394b50;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	padding:5em;
	margin-bottom:2em;
	position:relative;
}
.address h4 {
	color:#fff;
	text-transform:uppercase;
	font-size:1.2em;
	font-family: 'Lato', sans-serif;
	font-weight:500;
	margin-bottom:1em;
}
.address p {
	color:#aeb7ba;
	font-size:0.9em;
	font-weight:500;
	margin:0.5em 0;
}
.address a {
	color:#ffbb42;
	font-size:0.95em;
	font-weight:500;
	display:block;
	margin-top:0.8em;
}
span.locate {
	position: absolute;
	bottom: -17px;
	left: 130px;
}
span.locate img {
	width: 100%;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	left: 14px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url(../images/up-arrow.png) no-repeat 8.8px 12px #ffbb42;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	z-index:666666;
}
/*banner 轮播图部分*/
.container{position: relative;}
.bg1 a{
	display:block;
	width:115px;
	height:30px;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-o-border-radius:15px;
	-ms-border-radius:15px;
	font-family:'SourceHanSansCN-Light';
	color:#f4e51d;
	border:1px solid #f4e51d;
	text-align: center;
	line-height:30px;
	text-decoration:none;
}
.bg1 a:hover{
	color:#0a94d6;
	border:1px solid #f4e51d;
	text-align: center;
	line-height:30px;
	text-decoration:none;
	background:#ffcc44;
}
/*part2 网络营销的力量*/
.part2-section{
	height:750px;
	background: #f6f6f6;
}
.part2-grids{
	margin-bottom:60px;
}
.part2-grid{
	width:230px;
	height:230px;
	float:left;
	background: #5e5e5e;
	margin:0 15px 15px 0;
	text-transform:uppercase;

	
}

.byl01{
	background: url(../images/cover/taobao.jpg) no-repeat;
}
.byl02{
	background: url(../images/cover/weib.jpg) no-repeat;
}
.byl03{
	background: url(../images/cover/chaijing.jpg) no-repeat;
}
.byl04{
	background: url(../images/cover/reci.jpg) no-repeat;
}
.byl05{
	background: url(../images/cover/weishang.jpg) no-repeat;
}
.byl06{
	background: url(../images/cover/sousuo.jpg) no-repeat;
}
.byl07{
	background: url(../images/cover/seo.jpg) no-repeat;
}
.byl08{
	background: url(../images/cover/more.png) #e2e2e2 no-repeat center;
	cursor:pointer;
}
.byl08 a{
	display:block;
	height:230px;
	width:230px;
}
.part2-grid:hover{
	background-size:240px 240px;
	background-position: center;	

}

/*part-3 网络营销有多屌*/
.part3-section{
	width:100%;
	height:750px;
	background:#00bdd4;
}
.part3-grids{
	width:100%;
	height:450px;

}
.part3-left{
	float:left;
	width: 400px;
	height:100%;
	background: url(../images/parts/part3-left.png) no-repeat 20px 0px;
}
.part3-left a{
	width:100%;
	height:100%;
	display:block;
}
.part3-left:hover{
	background: url(../images/parts/part3-left-hover.png) no-repeat 20px 0px;
}
.part3-right{
	float:left;
 width:580px;
 height:415px;
}
.part3-grid{
	width:280px;
	height:200px;
	float:left;
	background:#66d7e5;
	border:5px solid #33cadd;	
	text-align:left;
	margin:0 1px 1px 0;
}
.part3-grid1{
	border-radius:18px 3px 3px 3px;
	-webkit-border-radius:18px 3px 3px 3px;
	-moz-border-radius:18px 3px 3px 3px;
	-o-border-radius: 18px 3px 3px 3px;
	-ms-border-radius:18px 3px 3px 3px;
	padding:35px 40px;
}
.part3-grid2{
	border-radius:3px 18px 3px 3px;
	-webkit-border-radius:3px 18px 3px 3px;
	-moz-border-radius:3px 18px 3px 3px;
	-o-border-radius:3px 18px 3px 3px;
	-ms-border-radius:3px 18px 3px 3px;
	padding:35px 25px 15px 25px;
}
.part3-grid3{
	border-radius:3px 3px 3px 18px;
	-webkit-border-radius:3px 3px 3px 18px;
	-moz-border-radius:3px 3px 3px 18px;
	-o-border-radius:3px 3px 3px 18px;
	-ms-border-radius:3px 3px 3px 18px;
	padding:30px 40px;
}
.part3-grid4{
	border-radius:3px 3px 18px 3px;
	-webkit-border-radius:3px 3px 18px 3px;
	-moz-border-radius:3px 3px 18px 3px;
	-o-border-radius:3px 3px 18px 3px;
	-ms-border-radius:3px 3px 18px 3px;
	padding:30px 40px;
}

.part3-grid .title{
	font-weight:800;
}
.part3-grid .title span{
	color:#fcfe01;
	padding-left:10px;
}
.text{
	color:#00636f;
	line-height:24px;
}
.text span{display:inline-block;width:15px;height:14px;}
}

.part3-grid1 .title{margin-bottom:20px;}

.part3-grid2 .title{margin-bottom:10px;}
.part3-grid3 .title{margin-bottom:15px;}
.part3-grid4 .title{margin-bottom:15px;}


/*part4 参与者变策划者*/
.part4-section{
	width:100%;
	height:790px;
	background: url(../images/part4-bg.png) no-repeat center bottom #fafafa;
	border-bottom:3px solid #d6e5f3;
}
.part4-section a{
	display:block;
	width:250px;
	height: 55px;
	font-size:24px;
	color:#3dc6ff;
	line-height:51px;
	margin:0 auto;
	border:2px solid #3dc6ff;
	border-radius:15px;
	text-align:center;
}
.part4-section a:hover{border:1px solid #28ade4;color:#28ade4;line-height:53px;}
.part4-grids{
	width:800px;
	height:255px;
	margin:0 auto;
}
.part4-grid{
	width:190px;
	height:255px;
	float:left;
	margin-left:10px;
}
.part4-grid .sircl{
	width:164px;
	height:164px;
	border-radius:50%;
	border:3px solid;
}
.part4-grid .sircl:hover{
	border:1px solid;
}
.mark{
	background: url(../images/cover/marketing.png) no-repeat center;
}
.tech{
	background: url(../images/cover/technology.png) no-repeat center;
}
.actu{
	background: url(../images/cover/actualc.png) no-repeat center;
}
.plan{
	background: url(../images/cover/planning.png) no-repeat center;
}
.mark .sircl,.mark .sircl:hover{
	border-color:#2dc1ff;
}
.tech .sircl,.tech .sircl:hover{
	border-color:#ffd02d;
}
.actu .sircl,.actu .sircl:hover{
	border-color:#8ae2c8;
}
.plan .sircl,.plan .sircl:hover{
	border-color:#ffa2ab;
}

.hengf{
	position:relative;
	top:-30px;
}
.slogin{
	position:relative;
	top:-50px;
}

/*part-5 实战课程*/

.part5-section{
	width:100%;
	height:1600px;
	background: url(../images/cours-bg.jpg);
}
.part5-grids{
	padding:0 25px;
}
.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);
	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;
}
.part5-grids ul{
	padding:15px 30px;
	color:#515151;
	line-height:26px;
	list-style: square inside url('../images/parts/list-style.png')
}


.class-type{
	width:218px;
	height:218px;
	float:left;
	text-align:center;
	border:4px solid;
	border-radius:50%;
	position:relative;
	margin:15px;
	
}
.class-type .name{padding:30px 0 10px 0;font-weight:bold;}
.class-type .des{padding:0 0 10px 0; color: #595959;font-weight:bold;}
.class-type .des span{color:#f97243;padding-left:8px;}
.class-type .time{color:#656565;padding-bottom:20px;}
.class-type .botton{font-weight:bold;}

.class01{border-color:#9ee0ff;background:url('../images/parts/jichu.gif') #fff no-repeat center 137px ;}
.class01 .name{color:#008cd5;}
.class01 .botton{color:#fff661;}
.class01 .botton:hover{color:#ffea00;}

.class02{border-color:#ffedc3;background:url('../images/parts/jingying.gif') #fff no-repeat center 137px ;}
.class02 .name{color:#fe9b00;}
.class02 .botton{color:#ff7a40;}
.class02 .botton:hover{color:#ff631e;}

.class03{border-color:#a6f7db;background:url('../images/parts/zhoumo.gif') #fff no-repeat center 137px ;}
.class03 .name{color:#00ba83;}
.class03 .botton{color:#fff;}
.class03 .botton:hover{color:#cbffed;}

.class04{border-color:#ffd8d2;background:url('../images/parts/bdrz.gif') #fff no-repeat center 137px ;}
.class04 .name{color:#ff470e;}
.class04 .botton{color:#fe350d;}
.class04 .botton:hover{color:#ff0600;}

.class04 .time{position:relative;left:-28px;}
.class04 span{font-size:12px;position:absolute;top:105px;left:113px; color:#656565;}


/*part6 百度联合办学*/
.part6-section{
	width:100%;
	height:700px;
	background:url('../images/part6-bg.jpg') #fff no-repeat center top;
}
.part6-left{
	width:464px;
	height:339px;
	background:url('../images/parts/baidu-shouquan.png') no-repeat;
	float: left;

	margin:30px 100px 0 0;
}
.part6-right{
	width:410px;
	float: left;
	color:#444444;
	text-align: left;
	margin:15px 0 0 0;
}
.part6-right div{
	height:42px;
	padding-left:70px;
	margin-top:40px;
}
.part6-right .con-01{background:url('../images/parts/ico-01.png') no-repeat left;}
.part6-right .con-02{background:url('../images/parts/ico-02.png') no-repeat left;}
.part6-right .con-03{background:url('../images/parts/ico-03.png') no-repeat left;}
.part6-right .con-04{background:url('../images/parts/ico-04.png') no-repeat left;}
.part6-right .con-01:hover{background:url('../images/parts/ico-01-hover.png') no-repeat left;}
.part6-right .con-02:hover{background:url('../images/parts/ico-02-hover.png') no-repeat left;}
.part6-right .con-03:hover{background:url('../images/parts/ico-03-hover.png') no-repeat left;}
.part6-right .con-04:hover{background:url('../images/parts/ico-04-hover.png') no-repeat left;}

.explain{
	display:none;
	width:464px;
	height:339px;
	background:rgba(0,0,0,0.7);
	font-size:18px;
	line-height:28px;
	padding:100px 70px 0 70px;
	text-align:left;
}
.part6-left:hover .explain{
	display:block;	
}

/*part7 教师部分*/
.part7-section{
	width:100%;
	height:800px;
	background:url('../images/teacher-bg.jpg') no-repeat center;
}
.part7-section .section-title{
	margin-top:75px;
	position:relative;
	left:-1px;
}
.part7-grids{
	width:959px;
	margin:0 auto;
	padding-left:5px;
}
.part7-grid{
	width:130px;
	height:350px;
	float:left;
	margin-right:6px;
	position:relative;
}
.part7-grid .title{
	width:130px;
	padding:8px 6px;
	background:rgba(247,118,68,0.75);
	position:absolute;
	bottom:0;
	z-index:22

}
.desc{
	width:130px;
	height: 350px;
	background:rgba(0,0,0,0.55);
	padding:140px 8px 0 8px;
	position:absolute;
	z-index:11;
	display:none;
	text-align:justify;
	text-justify:distribute-all-lines;/*ie6-8*/
    text-align-last:justify;/* ie9*/
    -moz-text-align-last:justify;/*ff*/
    -webkit-text-align-last:justify;/*chrome 20+*/
    font-size:15px;
}
.part7-grid:hover .desc{display:block;}
.part7-section a{
	display:block;
	width:208px;
	height:68px;
	background:url('../images/parts/part7-bot.png') no-repeat center;
	cursor:pointer;
	margin:0 auto;
	margin-top:60px;
}
.part7-section a:hover{
	background:url('../images/parts/part7-bot-hover.png') no-repeat center;
}

.teacher01{background:url('../images/cover/lxg.jpg') no-repeat center;}
.teacher02{background:url('../images/cover/ljt.jpg') no-repeat center;}
.teacher03{background:url('../images/cover/wwy.jpg') no-repeat center;}
.teacher04{background:url('../images/cover/cfz.jpg') no-repeat center;}
.teacher05{background:url('../images/cover/zhj.jpg') no-repeat center;}
.teacher06{background:url('../images/cover/sjy.jpg') no-repeat center;}
.teacher07{background:url('../images/cover/zy.jpg') no-repeat center;}


/*pat8 营销大咖*/
.part8-section{
	width:100%;
	height:850px;
	background:#fff;
}
/*pat9 学员作品*/
.part9-section{
	width:100%;
	height:770px;
	background:#f1f1f1;
}

.part9-section a{
	display:block;
	width:166px;
	height: 45px;
	font-size:24px;
	color:#008cd5;
	line-height:41px;
	margin:0 auto;
	border:2px solid #008cd5;
	border-radius:15px;
	text-align:center;
	position:relative;
	top:60px;
}
.part9-section a:hover{border:1px solid #28ade4;color:#28ade4;line-height:43px;}

.part9-grids{
	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;
	padding-top:4px;
	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:1px 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/lixc.jpg") #fff no-repeat center;}
.work02 .pict{background:url("../images/works/jjy.jpg") #fff no-repeat center;}
.work03 .pict{background:url("../images/works/wwy.jpg") #fff no-repeat center;}
.work04 .pict{background:url("../images/works/yyk.jpg") #fff no-repeat center;}
.work05 .pict{background:url("../images/works/zxd.jpg") #fff no-repeat center;}
.work06 .pict{background:url("../images/works/yk.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;
}


/*
.works-right{position:relative;}
.works-right .images {width:560px;height:360px;overflow:hidden; margin:0 auto}
.works-right .images div{float:left;}
.works-right .tabs {display:none; }
.works-right .tabs a {}
.works-right .tabs a:hover {}
.works-right .tabs a.current {}

.works-right .backward, .forward {position:absolute;width:46px;height:360px;overflow:hidden;top:0px;cursor:pointer;font-size:0px;}
.works-right .backward {left: 0px;background:url('../images/parts/focus_ctrl_left.png') center no-repeat;}
.works-right .forward {right:0px;background:url('../images/parts/focus_ctrl_right.png') center no-repeat;}
.works-right .backward:hover { background:url('../images/parts/focus_ctrl_left-hover.png') center no-repeat;}
.works-right .forward:hover {background:url('../images/parts/focus_ctrl_right-hover.png') center no-repeat;}
»ÃµÆƬ
.works-right .flow-box{ border:1px solid #dddddd; width:220px; float:left; margin-right:13px; background-color:#fff; margin-bottom:9px;-moz-box-shadow:0px 0px 2px #f4f4f4 ;-webkit-box-shadow:0px 0px 2px #f4f4f4;box-shadow:0px 0px 2px #f4f4f4; }
.works-right .flow-thumb{text-align:center; padding-top:8px;}
.works-right .flow-info2{text-align:center;}
.works-right .flow-info2 p { height:44px; line-height:44px; text-align:center; padding:0 8px; overflow:hidden; font-size:14px; color:#666;}
.works-right .uploadN{ background-color:#fafafa; border-top:1px solid #f4f4f4}
*/
/*pat10 就业详情*/
.part10-section{
	width:100%;
	height:850px;
	background:#fff;
}
.part10-grids{
	width:956px;
	margin:0 auto;
}
.part10-grid{
	width:190px;
	height:190px;
	float:left;
	position:relative;
	margin:0 1px 1px 0;
	z-index:0;
}
.stu-cover{
	width:190px;
	height:190px;
	position:absolute;
	z-index:1;
	background:url('../images/cover/job-cover.png') no-repeat center;
}
.part10-grid:hover .stu-cover{
	background:url('../images/cover/job-cover-hover.png') no-repeat center;
}
.stu-info{
	margin-top:110px;
	width:190px;
	height:80px;
	display:none;
	z-index:99;
	background-color:rgba(58,110,212,0.8);
}
.stu-info p{
	padding:10px;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
}
.stu-info.p2{
	margin-top:90px;
	height:100px;
}
.part10-grid:hover .stu-info{
	display:block;
}

.stu01{background:url('../images/cover/job01.jpg') no-repeat center;z-index:99;}
.stu02{background:url('../images/cover/job02.jpg') no-repeat center;z-index:98;}
.stu03{background:url('../images/cover/job03.jpg') no-repeat center;z-index:97;}
.stu04{background:url('../images/cover/job04.jpg') no-repeat center;z-index:96;}
.stu05{background:url('../images/cover/job05.jpg') no-repeat center;z-index:95;}

.stu06{background:url('../images/cover/job06.jpg') no-repeat center;z-index:30;}
.stu07{background:url('../images/cover/job07.jpg') no-repeat center;z-index:31;}
.stu08{background:url('../images/cover/job08.jpg') no-repeat center;z-index:32;}
.stu09{background:url('../images/cover/job09.jpg') no-repeat center;z-index:33;}
.stu10{background:url('../images/cover/job10.jpg') no-repeat center;z-index:34;}

.stu11{background:url('../images/cover/job11.jpg') no-repeat center;z-index:20;}
.stu12{background:url('../images/cover/job12.jpg') no-repeat center;z-index:19;}
.stu13{background:url('../images/cover/job13.jpg') no-repeat center;z-index:18;}
.stu14{background:url('../images/cover/job14.jpg') no-repeat center;z-index:17;}
.stu15{background:url('../images/cover/job15.jpg') no-repeat center;z-index:16;}


/*pat10 就业详情*/
/*.part10-section{*/
	/*width:100%;*/
	/*height:850px;*/
	/*background:#fff;*/
/*}*/
/*.part10-grids{*/
	/*width:956px;*/
	/*margin:0 auto;*/
/*}*/
/*.part10-grid{*/
	/*width:190px;*/
	/*height:190px;*/
	/*float:left;*/
	/*position:relative;*/
	/*margin:0 1px 1px 0;*/
	/*z-index:0;*/
/*}*/
/*.stu-cover{*/
	/*width:190px;*/
	/*height:190px;*/
	/*position:absolute;*/
	/*background:url('../images/cover/job-cover.png') no-repeat center;*/
/*}*/
/*.stu-cover:hover{*/
	/*background:url('../images/cover/job-cover-hover.png') no-repeat center;*/
/*}*/
/*.part10-grid .stu-desc{*/
	/*width:197px;*/
	/*height:197px;	*/
	/*position:fixed;	*/
	/*opacity:0;*/
	/*filter:alpha(opacity=0); *//*IE滤镜，透明度50%*/
	/*-moz-opacity:0; *//*Firefox私有，透明度50%*/
	/*z-index:999;*/
/*}*/
/*.part10-grid:hover .stu-desc{*/
	/*opacity:1;*/
	/*filter:alpha(opacity=100); *//*IE滤镜，透明度50%*/
	/*-moz-opacity:100; *//*Firefox私有，透明度50%*/
	/*z-index:999999;*/
	/*font-size:16px;*/
	/*line-height: 30px;*/

/*}*/
/*.stu01{background:url('../images/cover/job01.jpg') no-repeat center;z-index:99;}*/
/*.stu02{background:url('../images/cover/job02.jpg') no-repeat center;z-index:98;}*/
/*.stu03{background:url('../images/cover/job03.jpg') no-repeat center;z-index:97;}*/
/*.stu04{background:url('../images/cover/job04.jpg') no-repeat center;z-index:96;}*/
/*.stu05{background:url('../images/cover/job05.jpg') no-repeat center;z-index:95;}*/

/*.stu06{background:url('../images/cover/job06.jpg') no-repeat center;z-index:30;}*/
/*.stu07{background:url('../images/cover/job07.jpg') no-repeat center;z-index:31;}*/
/*.stu08{background:url('../images/cover/job08.jpg') no-repeat center;z-index:32;}*/
/*.stu09{background:url('../images/cover/job09.jpg') no-repeat center;z-index:33;}*/
/*.stu10{background:url('../images/cover/job10.jpg') no-repeat center;z-index:34;}*/

/*.stu11{background:url('../images/cover/job11.jpg') no-repeat center;z-index:20;}*/
/*.stu12{background:url('../images/cover/job12.jpg') no-repeat center;z-index:19;}*/
/*.stu13{background:url('../images/cover/job13.jpg') no-repeat center;z-index:18;}*/
/*.stu14{background:url('../images/cover/job14.jpg') no-repeat center;z-index:17;}*/
/*.stu15{background:url('../images/cover/job15.jpg') no-repeat center;z-index:16;}*/

/*.stu01:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu02:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu03:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu04:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu05:hover .stu-desc{background:url('../images/cover/jobhover-content-down.png') no-repeat center; top:184px; left:-4px;padding:50px 15px 0 15px;}*/

/*.stu06:hover .stu-desc{background:url('../images/cover/jobhover-content-down.png') no-repeat center; top:184px; left:-4px;padding:50px 15px 0 15px;}*/
/*.stu07:hover .stu-desc{background:url('../images/cover/jobhover-content-left.png') no-repeat center; top:-4px; right:184px;padding:50px 10px 0 10px;}*/
/*.stu08:hover .stu-desc{background:url('../images/cover/jobhover-content-left.png') no-repeat center; top:-4px; right:184px;padding:50px 10px 0 10px;}*/
/*.stu09:hover .stu-desc{background:url('../images/cover/jobhover-content-left.png') no-repeat center; top:-4px; right:184px;padding:50px 10px 0 10px;}*/
/*.stu10:hover .stu-desc{background:url('../images/cover/jobhover-content-left.png') no-repeat center; top:-4px; right:184px;padding:50px 10px 0 10px;}*/

/*.stu11:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu12:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu13:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu14:hover .stu-desc{background:url('../images/cover/jobhover-content-right.png') no-repeat center; top:-4px; left:184px;padding:50px 10px 0 20px;}*/
/*.stu15:hover .stu-desc{height:190px; width:190px; background:rgba(0,162,246,0.94); top:0px; right:0px;padding:50px 0 0 8px  }*/



/*pat11 我适合学吗*/
.part11-section{
	width:100%;
	height:790px;
	background:url('../images/part11-bg.jpg') #e6e6e6 no-repeat center bottom;
}
.part11-section .section-title{
	margin-top:55px;
	margin-bottom:50px;
}
.part11-grids{
	width:845px;
	height:185px;
	margin:0 auto;
	position:relative;
	left:50px;
	margin-bottom:15px;
}
.part11-grid{
	width:155px;
	height: 185px;
	margin-right:10px;
	float:left;
}
.con01,.con03,.con05{
	background:url('../images/parts/blue.png') no-repeat center;
}
.con02,.con04{
	background:url('../images/parts/yellow.png') no-repeat center;
}
.part11-grid img{
	margin:0 auto;
	margin-top:42px;
}
.part11-grid a{
	display:block;
	width: 98px;
	height:28px;
	margin:0 auto;
	line-height:28px;
	text-align: center;
	font-weight: bold;
	color:#fff;
	background:#ffc000;
	border-radius: 15px;
	margin-top:6px;
}
.part11-grid a:hover{
	color:#ffedb5;
}
.part-bottom{
	position:absolute;
	top:430px;
	right:60px;
	text-align:right;
}
.bottom1,.bottom2{
	font-weight:bold;
	margin-top: 30px;

}
.bottom1 a{ 
	display:inline-block; 
	width:150px;
	height:38px;
	line-height:38px;
	font-size:20px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	background:#ef6b37;
	border-radius:20px;
	position:relative;
	top:-2px;
}
.bottom1 a:hover{color:#ffdcce;}



.top-menu ul li a.cbp-menu{color:#009cf6 ;position:relative;top:2px;}
.top-menu ul.cbp-hssubmenu li a{line-height:30px;color:#009cf6;}

/*底部*/
.footer{background:#404040;text-align:center;}
.cnzz{width:50px;height:12px;display:inline-block;margin-left:15px; background:url("../images/cnzz.jpg");}
.footer p{padding:30px 0;}




.fixbox{
    bottom:0;
    width:100%;
    height:70px;
    line-height:70px;
    position:fixed;
    z-index:9999;
    background:#222222;
}
.fixbox-main{
    width:1000px;
    margin-left:4%;
}
.fixbox-main p{
    margin-right:24px;
    float:left;
    font-size:16px;
    color:#ffffff;
}
.fixbox-main input{
    float:left;
}
.fixbox-main input.text{
    margin-right:10px;
    margin-top:20px;
    width:150px;
    height:30px;
    line-height:30px;
    text-indent:15px;
    background:#ffffff;
    border:none;
}
.fixbox-main input.submit{
    margin-left:10px;
    margin-top:10px;
    width:150px;
    height:50px;
    cursor:pointer;
    background:url("../images/submit.png") no-repeat center top;
    border:none;
}