@charset "utf-8";
/* CSS Document */

html,body{min-width: 1200px;}
*{margin:0; padding:0;}
body{background:#ffffff; font-size:14px; line-height: 24px; color:#333; font-family:"微软雅黑","Arial";}
a{text-decoration:none; color:#333;}
.clearfix{clear:both;}
ul,li{list-style:none;}
img{border:0;}
h1{font-size: 38px; line-height: 38px; height: 38px;}
h2{font-size: 36px; line-height: 36px; height: 36px;}
h3{font-size: 30px; line-height: 30px; height: 30px;}
h4{font-size: 26px; line-height: 26px; height: 26px;}
h5{font-size:20px; line-height: 20px; height: 20px;}
h6{font-size:18px; line-height: 18px; height: 18px;}
.box{width:1200px; margin: 0 auto;}
.pdt50{padding-top: 50px;}
.pad50{padding: 50px 0;}

.header{
	position:fixed;
	top:0px;
	width:100%;
	z-index: 10;
	transition: all .3s;
	height: 166px;
}
/**top**/
/* .top{background: #218c46; color: #fff; width: 100%; height: 46px; line-height: 46px;}
.top span{float: right; margin-left: 20px; display: block;}
.top span.phone{padding-left: 25px; background:url(\style\images\ico-phone.png) no-repeat left center;}
.head{transition: all .3s; background: #fff; height: 120px;} */
/**logo**/
/* .logo{float: left; width: 180px; padding-top: 30px;transition: all .3s;} */
/* .logo img{width: 170px; height: auto;} */
/**nav**/
.nav{float: left; width: 720px; margin: 0 0 0 50px; padding-top: 30px;transition: all .3s;}
.nav-menu>li{float: left; width: 16.66%;position:relative; text-align: center;height: 90px;}
.nav-menu>li>a{line-height: 60px; display:inline-block; font-size: 18px;}
.nav-menu>li>a.act span,.nav-menu>li:hover>a span{height: 4px; background: #218c46; border-radius: 20px ; width: 30px; margin:0 auto; display: block;}
.nav-menu>li .sub-nav {
	position:absolute; 
	left:0;
	top: 90px;
	width:100px;
	text-align: center;
	background: rgba(255,255,255,.8);
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition:all .3s;
    z-index: 99;
    background-color: rgba(255,255,255,.8);
	 padding: 15px 20px;
	 line-height: 36px;
	 font-size: 16px;
}
.nav-menu>li:nth-child(2) .sub-nav{width:650px;	 text-align:left;}
.nav-menu>li:hover .sub-nav{ visibility: visible; opacity: 1; transform: translateY(0);}
.nav-menu>li .sub-nav li span{font-weight: bold; color: #666; margin-right: 10px;}
.nav-menu>li .sub-nav li a{margin: 0 5px;}

/**btn**/
.dianhua{display: none; float: right; width: 0px; text-align: right;}
.zx{float: right; width: 115px; height: 36px; background: #218c46; padding: 0px 20px; margin-top: 45px; border-radius: 7px;}
.zx a{width: 166px; height: 36px; line-height: 36px; background: url(\style\images\ico-shiting.png) no-repeat left center; color: #fff; padding-left: 28px; font-weight: bold;}

.rolling .top{display: none;}
.rolling .header,.rolling .head{height: 70px;}
.rolling .logo {width: 120px; padding-top: 12px;}
.rolling .logo img{width: 120px;}
.rolling .nav{width: 620px; margin: 0 30px; padding-top: 12px;}
.rolling .nav-menu>li{height: 60px;}
.rolling .nav-menu>li>a{font-size: 16px; line-height: 40px;}
.rolling .nav-menu>li .sub-nav {top: 58px;}
.rolling .dianhua{display:block; width: 125px; padding:23px 30px 0 10px; background: url(\style\images\ico_tel2.png) no-repeat left 23px; font-size: 16px; color: #218c46;}
.rolling .zx{ padding: 0px 15px; margin-top: 15px;}
/**底**/
.footer{padding: 50px 0 0; background: #218c46;}

.kuaijie,.kuaijie a{color: #fff;}
.kj_nav{width: 280px; float: left; margin-right: 20px;}
.kj_course{width: 260px; float: left; margin-right: 20px;}
.kj_school{width: 340px; float: left; margin-right: 20px;}
.kj_ewm{width: 240px; float: left; margin-right: 20px;}
.kuaijie h5{font-size: 16px; margin-bottom: 15px; color: #fff;}
.kuaijie ul li{float: left; width: 50%; font-size: 16px; line-height: 32px;}
.kuaijie ul.diqu li{font-size: 16px; }


.kj_ewm{padding-left: 20px; width: 240px; margin-right: 0;}
.ewm img{margin-right: 20px;}
.lianjie{padding: 20px 0; font-size: 16px;}
.lianjie,.lianjie a{color: #fff;}
.lianjie .link{float: left; width:600px;}
.lianjie .link a{margin-right: 15px;}
.lianjie .tel{float: right; width: 570px; text-align: right; margin-right: 30px;}
.lianjie .tel span{padding-left: 30px; background: url(\style\images\ico_tel.png) no-repeat left center;}
.footer a:hover{text-decoration: underline;}
.copy{border-top: 1px solid #014b1b; color: #fff; text-align: center; line-height: 50px; height: 50px;}

/** 侧 **/
 #slide-box {
	position: fixed;
	bottom: 200px;
	right: 0;
	overflow: hidden;
	z-index: 10;
	border-radius: 7px 0 0 7px;
}
#slide-box ul {float: right; padding: 2px 3px;}
#slide-box ul li {
	width: 75px;
	height: 60px;
	padding: 8px 3px;
	background-color: #fff;
	box-shadow: -1px 0px 4px #bbb;
}
#slide-box ul li:first-child{border-radius: 7px 0 0 0;}
#slide-box ul li:last-child{border-radius: 0 0 0 7px; border-bottom: none;}
#slide-box ul li:hover {background-color: #218c46;}
#slide-box ul li a {text-align: center; display: block;}
#slide-box ul li a img {display: block; margin: 0 auto; width: 60%;}
#slide-box ul li a img.img_w{display:none;}
#slide-box ul li:hover a img.img_c{display:none;}
#slide-box ul li:hover a img.img_w{display:block;}
#slide-box ul li p {
	margin-top: 2px;
	font-size: 15px;
	color: #666;
}
#slide-box ul li:hover p{color: #fff;}
#slide-box .slide-left {float: left; z-index: 12; margin-right: -3px;}
#slide-box .slide-left p:nth-child(2) {
	padding: 13px 20px;
	display: none;
	background-color: #218c46;
	margin-top: 78px;
	width: 180px;
	height: 50px;
	position: relative;
	display: none;
	font-size: 16px;
	color: #fff;
}
#slide-box .slide-left p:nth-child(2) b{font-size: 18px;}
#slide-box .slide-left p:nth-child(2) a {color: #000; display: block; line-height: 24px;}