
*启德教育集团市场部技术开发
*前端开发组制作版权所有
*/
/***************************公共组件样式控制***************************/

html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,img,b,i,dl,dt,dd,ul,li{margin:0;padding:0;border:0;list-style:none;}
html{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;_font-smoothing:antialiased;font-smoothing:antialiased;}
#nav,#header,#menu,#section{display:block;}
#nav,#header,#menu{width:100%;}
.img{vertical-align:bottom}
.zt-wrap{font-size:16px;}
ul,li{list-style:none;padding:0;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none; outline:none}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
.elips { white-space:nowrap; text-overflow:ellipsis;  overflow:hidden; -o-text-overflow: ellipsis}
/*清除浮动方法*/
.clear{clear:both;overflow:hidden;font-size:0;line-height:0;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
.fix{zoom:1;}
.fix:after{display:block; content:'clear'; clear:both; line-height:0; visibility:hidden;}
p{margin: 0;}

/****************************页面样式控制*****************************/
/*---------------------------全局页面控制----------------------------*/
body{line-height:22px;font-size:12px;color:#333333; font-family:"微软雅黑","Microsoft YaHei",Helvetica,Arial;}
a{color:#333333;}
a:hover{color:#db2518;}
.mw{width:1200px;margin:0 auto}
/*---------------------------全局导航模块---------------------------*/

#looyuMid{z-index:99;}
/*头部Banner*/
#header{ 
	width:100%;height:750px;background:url(../images/banner.jpg) center no-repeat; 
		position: relative;
	}

.nav{
	width: 100%;
	height:105px;
	background-color:#fff;
}
.nav.totop-fix{
	position:fixed;
	width:100%;
	height:105px;
	top:0; left:0; 
	z-index:1000;
	display:block;
	margin-top:0
}
.nav.totop-fix ul{margin: 0;}
.nav ul{
	margin: 0;
}
.nav ul li{
	float: left;
	height: 105px;
	text-align: center;
	line-height: 105px;
	cursor: pointer;
	margin-right:95px;
}
.nav ul li:last-child{
	margin-right: 0;
}
.nav ul li a{
	font-size: 20px;
	color: #757575;
	font-weight: bold;
}
.nav ul li.activeLi a{
	font-size: 24px;
	color: #332f2f;
	padding-bottom: 10px;
    border-bottom: 4px solid red;
}

/*-------------------------全局菜单导航模块--------------------------*/
.tit{text-align:center;padding-top:50px;padding-bottom:30px}
.tit h3{font-size:38px;color:#000;line-height:50px;}


.btn-box{
	margin: 35px auto;
	text-align: center;
}
.btn-box a{
	display: inline-block;
	width: 245px;
	height: 72px;
	text-align: center;
	line-height: 72px;
	margin: 0 65px;
	font-size: 20px;
	cursor: pointer;	
	color: #fff;
	font-weight: bold;
}
.btn-box a.btn1{
	color: #008a7c;
	background:#ffc490;
}
.btn-box a.btn2{
	color: #fff;
	background:#000;
}

/*左侧导航background: url(../images/ly_l.png)* /
.left-nav{width: 120px;height: 270px; no-repeat; position:fixed;top:100px;left:10px;z-index:4}
/*.left-nav img{width: 100%; height: 100%;}*/
.closeBtnLeft{    
	width: 11px;
    height: 11px;
    position: absolute;
    top: 7px;
    right: 6px;
    cursor: pointer;
}



#part1{
	width: 100%;
	padding-top: 70px;
	padding-bottom: 60px;
	background:url('../images/Premier.jpg') no-repeat right top;
}
.dy{
	margin-bottom: 70px;
}
.dy h1{
	font-size: 40px;
	color: #000000;
	line-height: 58px;
}
.dy div{
	padding-bottom: 24px;
	border-bottom: 2px solid #008b7c;
	font-size: 24px;
	font-weight: bold;
	color: #008b7c;
	margin-bottom: 24px;
}
.dy p{
	font-size: 20px;
	color: #008b7c;
	line-height: 30px;
	margin-bottom: 20px;
}

.kc-tit .kc-left,
.kc-tit .kc-right{
	float: left;
}
.kc-tit .kc-left{
	margin-right: 45px;
}
.kc-right div{
	font-size: 20px;
	color: #000000;
	margin-bottom: 20px;
}
.kc-right ul li{
	float: left;
	min-width: 126px;
	height: 82px;
	line-height: 82px;
	border: 3px solid #000;
	border-top-right-radius: 42px;
	border-bottom-left-radius: 42px;
	font-size: 20px;
	color: #fff;
	background: #008a7b;
	text-align: center;
	margin-right: 30px;
}
.kc-right ul li:last-child{
	line-height: inherit;
    padding-top: 18px;
    height: 64px;
}

.kc > p{
	font-size: 20px;
	color: #008a7b;
	text-align: center;
	margin: 55px 0;
}
.kc-cont{
	height: 480px;
	width: 100%;
	background:#e8f5f4;
	border: 3px solid #008a7b;
	padding-top: 40px;
}
.kc-cont .stem{
	width: 116px;
	height: 50px;
	background: #008a7b;
	font-size: 20px;
	color: #000000;
	text-align: center;
	line-height: 50px;
	border-radius: 30px;
	font-weight: bold;
	margin: 0 auto;
}
.kc-cont .height-line{
	width: 1px;
	height: 60px;
	background: #008b7c;
	margin: 0 auto;
}
.kc-cont .line-ul {
	margin: 0 0 0 163px;
}
.kc-cont .line-ul li{
	float: left;
	width: 287px;
	height: 80px;
	border-top: 1px solid #008b7c;
	border-left: 1px solid #008b7c;
}
.kc-cont .line-ul li:last-child{
	border-right: 1px solid #008b7c;
}
.kc-cont ol {
	padding-left: 95px;
	margin: 0;
}
.kc-cont ol li{
	float: left;
	width: 196px;
	margin-right: 94px;
}
.kc-cont ol li:last-child{
	margin-right: 0;
}
.kc-cont ol li span{
	display: inline-block;
	width: 134px;
	height: 50px;
	background: #008a7b;
	font-size: 18px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	border-radius: 30px;
	margin-bottom: 46px;
}
.kc-cont ol li p{
	font-size: 16px;
	color: #000000;
	margin-bottom: 15px;
	line-height: 25px;
}

/* part2 */
#part2{
	width: 100%;
	padding-top: 90px;
	background: #008a7b;
	padding-bottom: 50px;
}
#part2 ul > li{
	padding-top: 35px;
	padding-bottom: 30px;
	border-bottom: 1px dashed #fff;
}
#part2 ul > li:last-child{
	border-bottom: none;
}
#part2 ul > li img{
	float: left;
	margin-right: 95px;
}
#part2 .li-right{
	float: left;
}
#part2 .li-right ol li{
	float: left;
	width: 156px;
	height: 120px;
	background: #34b0a2;
	border: 12px solid #fff;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	margin-right: 65px;
	font-size: 18px;
	color: #000000;
	padding-left: 20px;
	padding-top: 50px;
	line-height: 30px;
}
#part2 .li-right ol li:last-child{
	margin-right: 0;
}
#part2 .li-right p{
	width:676px;
	height: 105px;
	background: #fff;
	border: 6px solid #000;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	margin-right: 65px;
	padding:25px 18px 0 26px;
	font-size: 18px;
	color: #000;
	line-height: 30px;
}
#part2 .li-right p.li-three{
	width: 210px;
	display: inline-block;
	vertical-align: middle;
}
#part2 .li-right .btn-box{
	display: inline-block;
	vertical-align: top;
	margin: 0;
}
#part2 .li-right .btn-box a.btn1{
	margin-bottom: 10px;
}
.part2-next{
	margin: 40px auto;
	text-align: center;
}
.pic-cont{
	margin-bottom: 50px;
}
.pic-cont > div{
	float: left;
}

.pic-cont .img {
	margin-right: 40px;
}
.pic-cont .img > img{
	display: block;
	margin-bottom: 12px;
	text-align: center;
}
.pic-cont .img a{
	color: #ffc490;
	font-size: 24px;
	text-decoration: underline;
	vertical-align: middle;
	margin-left: 38px;
}
.pic-cont .img a img{
	vertical-align: bottom;
	margin-left: 5px;
}
.pic-cont .cont{
	width: 956px;
}
.pic-cont .cont p{
	font-size: 16px;
	line-height: 30px;
	color: #fff;
}
.pic-cont .cont p:first-child{
	color: #000;
	margin-bottom: 15px;
}

/* part3 */
#part3{
	padding-top: 50px;
	padding-bottom: 30px;
	background: url(../images/part3_01.jpg) no-repeat right top;
}
#part3 .mw{
	position: relative;
	height: 645px;
}
#part3 ul{
	padding-left: 313px;
	margin-bottom: 160px;
}
#part3 ul li{
	width: 780px;
	line-height: 45px;
	text-align: center;
	border-bottom: 1px dashed #169486;
	font-size: 18px;
	color: #008a7b;
	font-weight: bold;
}
.part3-img{
	position: absolute;
	left: 0;
	bottom: 85px;
	z-index: 10;
}
.part3-right{
	position: absolute;
	left: 285px;
	bottom: 85px;
	width: 870px;
	height: 135px;
	padding: 50px 35px 0 60px;
	background: #ffc490;
	border-radius: 20px;
	z-index: 9;
	font-size: 16px;
	color: #000000;
	line-height: 30px;
}
.part3-right a{
	display: inline-block;
    width: 100%;
	text-align: right;
	color: #008a7b;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline;
}
.head{
	position: absolute;
	left: 145px;
	bottom: 26px;
}

/* part4 */

#part4{
	padding: 60px 0;
	background: #008a7b;
}
#part4 h1{
	font-size: 55px;
	color: #000000;
	line-height: 60px;
	margin: 0;
	text-align: center;
	margin-bottom: 90px;
}
#part4 ul li{
	float: left;
	width: 262px;
	height: 158px;
	background: #fff;
	margin-right: 50px;
	margin-bottom: 45px;
	padding-top: 22px;
	text-align: center;
}
#part4 ul li:nth-child(4n){
	margin-right: 0;
}
#part4 ul li img{
	margin-bottom: 20px;
}
#part4 ul li p{
	font-size: 16px;
	color: #000000;
	line-height: 28px;
}







