@charset "gb2312";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td ,img{ margin: 0; padding: 0; font:14px/28px "Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif; color:#262121; border:none;}
html,body { -webkit-tap-highlight-color:rgba(0,0,0,0); }
img { max-width:100%; }
body {
	overflow-x: hidden;
	background: #fff;
}
:root body { filter:none;}

article, iframe { display:block; border:0;}
ul, li { list-style:none;}
table { border-collapse:collapse;border-spacing:0; max-width:100%;}
input::focus-inner{ outline:0;padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"], button {-webkit-appearance:none; outline:0;}
:focus { outline: none; }
a,area { blr:expression(this.onFocus=this.blur()) }
a { color:#262121; text-decoration:none;}
a:hover { color: #e21837; text-decoration:none;}
.Width { width:1140px; margin:0 auto;}
.clear { clear:both;height:0px; width:100%; font-size:1px;line-height:0px; visibility:hidden; overflow:hidden;}
.clearfix:after{ content:" ";display:block; visibility:hidden; height:0;font-size:0; clear:both;}
.clearfix { *zoom:1;}
.hide, .mobshow, .onlymob { display:none;}
.fl { float:left;} .fr { float:right;}

/* banner */
.banner { position:relative; height:512px;background: url(../images/hbg.jpg) top center no-repeat;text-align: center;}

.banner .banner-img img{position:relative;top:56px;}
	

@-webkit-keyframes slideInUp {
	0% { -webkit-transform: translate3d(0, 50%, 0); }
	100% { -webkit-transform: translate3d(0, 0, 0); }
}
@keyframes slideInUp {
	0% { transform: translate3d(0, 50%, 0); }
	100% { transform: translate3d(0, 0, 0); }
}
@-webkit-keyframes rightIn {
	0% { -webkit-transform: translateX(100px); }
	100% { -webkit-transform: translateX(0); }
}


.nav{
	width:1140px; margin:0 auto 15px; height:90px; border-radius:70px; background:#fff; box-shadow: -3px 3px 18px #e7e7e7; text-align:center;position:relative;
	top:-45px;z-index:9;

}
.nav a{ display:inline-block; width:180px; font-size:24px; line-height:90px; color:#333;}
.nav a:hover{ color:#fb535e; border-bottom:2px solid #fb535e;}
.colock{width:960px; height:56px; padding:6px 0; margin:60px auto 0; border:1px dotted #ddd; text-align:center; font-size:18px; line-height:56px; background:url(../images/icon01.png) no-repeat 15px center;}
.colock span{ display:inline-block; width:46px; height:56px; margin:0 5px; background:#f4f4f4; border-radius:10px; color:#fb555d; font-size:30px;}
.title,.title h2{ font-size:54px; text-align:center; font-weight:bold;color:#000;line-height:1}
.title span{border-bottom:3px solid #FF3968;}
.ksrc ul{ width:1140px; margin:0 auto;}
.ksrc li{ float:left; width:260px; height:290px; margin-right:30px; background:#fff; box-shadow: -3px 3px 18px #e7e7e7;border-radius:10px;text-align:center;}
.ksrc li img{margin:46px auto 0;display:block;height:76px;}
.ksrc li span{
	font-size:22px;
	color:#333;
	display:block;
	padding:33px 0 28px;
	font-family: "å®‹ä½�?;
	
	
}
.ksrc li:nth-child(1){background:#FFDFB6;}
.ksrc li:nth-child(1) a{background:#FFAC44;}
.ksrc li:nth-child(2){background:#B6FFB4;}
.ksrc li:nth-child(2) a{background:#00E264;}
.ksrc li:nth-child(3){background:#FECEFE;}
.ksrc li:nth-child(3) a{background:#F289FA;}
.ksrc li:nth-child(4){background:#ADEFFF;margin-right:0;}
.ksrc li:nth-child(4) a{background:#00DCDF;}
.ksrc li p{ padding:30px 0 5px; font-size:18px; line-height:18px; text-align:center;color:#666;}
.ksrc li a{ display:block; width:114px; height:35px; margin:0 auto 0; border-radius:21px; font-size:18px; line-height:35px; text-align:center; color:#fff;}
.ksrc li a:hover{ background:#fb545e; color:#fff; background: linear-gradient(90deg, #fb535e, #fa6a4e);border:1px solid #fb535e;}
.adv{width:1140px;height:98px;position:relative;margin:40px auto 0;background:url(../images/activeimg.jpg)}
.adv span{font-size:40px;color:#fff;display:inline-block;line-height:98px;font-style:italic;margin-left:156px;}
.adv a{display:block;width:136px;height:50px;line-height:50px;background:#FF7087;border-radius:30px;position:absolute;top:50%;right:100px;
		margin-top:-25px;text-align:center;font-size:20px;color:#fff;}

.moreClass{width:1280px; height:98px; margin:0 auto; background:url(../images/wbg01.png) no-repeat center top; position:relative; }
.moreClass p{ padding-left:100px; color:#fff; text-shadow:-3px 3px 5px #666; font:34px/98px "\5B8B\4F53",Arial,sans-serif;}
.moreClass .btn_more{ position:absolute; right:90px; top:20px; width:152px; height:66px; background:url(../images/btn01.png) no-repeat; color:#32445a; font-size:20px; line-height:66px; text-align:center;
 transition:all 0.5s;
 -webkit-transition:all 0.5s; }
.moreClass .btn_more:hover{transform: scale(1.08); -webkit-transform: scale(1.08);}


.rmkc .bg01 {position: absolute; top:0; left:50%; margin-left:640px; width:643px; height:610px;
background:url(../images/bg01.png) no-repeat left top; z-index:-1;}

.zbkc{width:100%; height:auto; padding-bottom:40px;}
.zbkc .title{padding-top:70px;padding-bottom:45px;}
.zbkc h3{text-align:center;margin-bottom:35px;}
.zbkc h3 p{font-size:18px;color:#000;}
.zbkc .des{ margin:-30px 0 70px; text-align:center; font-size:16px; line-height:24px;}
.zbkc ul{ width:1140px; margin:0 auto;-webkit-box-shadow:1px 3px 48px #e7e7e7; box-shadow: 1px 3px 48px #e7e7e7;}
.zbkc li{ float:left; width:50%; height:550px; padding:35px;background:#fff; border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5; box-sizing:border-box;}
.zbkc li a{display:block;}

.zbkc li.kc02,.zbkc li.kc04{border-right:none}
.zbkc li.kc03,.zbkc li.kc04{border-bottom:none}
.zbkc li:hover{  -webkit-transition:all .2s linear;transition:all .2s linear}
.zbkc li.active {
 -webkit-box-shadow:-3px 3px 18px #e7e7e7;
 box-shadow:-3px 3px 18px #e7e7e7;
 -webkit-transform:translate3d(0, -2px, 0);
 transform:translate3d(0, -2px, 0)
}
.zbkc .kctit{height:290px;width:500px;}
.zbkc li.kc01 .kctit{ background:url(../images/rbg.jpg) left top no-repeat;background-size:100% 100%;}
.zbkc li.kc02 .kctit{ background:url(../images/bbg.jpg) left top no-repeat;background-size:100% 100%;}
.zbkc li.kc03 .kctit{ background:url(../images/gbg.jpg) left top no-repeat;background-size:100% 100%;}
.zbkc li.kc04 .kctit{ background:url(../images/obg.jpg) left top no-repeat;background-size:100% 100%;}
.zbkc li.kc02 .kctit h3,.zbkc li.kc04 .kctit h3{color:#6d87d4;}


.zbkc li.kc03 .kctit h3,.zbkc li.kc05 .kctit h3{color:#37cca7;}
.zbkc li .kctit p.tips{ position:relative; padding:58px 0 25px; font-size:24px; line-height:1; color:#fff; text-align:center;}


.zbkc li .kctit p.tips:before{
	left:28px;
}
.zbkc li .kctit .sm-title{
	text-align:center;
}
.zbkc li .kctit .sm-title p{
		color:#fff;
		font-size:45px;
		line-height:1.5;
}
.zbkc li .kctit .sm-title p:last-child{font-size:24px;margin-bottom:24px;line-height:30px;}
.zbkc li .kctit h3{ width:216px;font-size:18px; height:52px;line-height:52px; color:#fd6f6f; text-align:center;background:url(../images/abg.png) left top no-repeat;margin:0 auto;}
.zbkc li .detail{position:relative;padding-top:20px;}
.zbkc li .detail p{ font-size:18px; line-height:32px; color:#999;}
.zbkc li .detail p em{ font-size:24px; color:#333;}
.zbkc li .detail p strong{ color:#333;}
.zbkc li .detail p span{  margin-top:2px; width:70px; height:30px; text-align:center;font-size:24px;color:#999;}
.zbkc li .detail p span.old-p{text-decoration:line-through;margin-right:54px;}
.zbkc li .detail p span.new-p{color:#000;font-size:32px;}
.zbkc li .detail p:nth-child(2){font-size:22px;color:#000;}
.zbkc li .detail .keshi{
	padding:9px 10px;background:#eee;color:#666;font-size:16px;display:inline-block;
	position:absolute;
	top:56px;
	right:0px;
	font-family:"ËÎÌå";
}
.zbkc li .btn{display:block; margin:25px auto 0; width:116px; height:42px; border-radius:21px; color:#fff; font-size:20px; line-height:42px; text-align:center; background: #fb535e;background: linear-gradient(90deg, #fb535e, #fa6a4e);}
.zbkc li .btn:hover{background: #00A4FF;background: linear-gradient(90deg, #00A4FF, #00D6FF);}
.zbkc .moreClass{background-image:url(../images/wbg02.png);}
.zbkc .moreClass p{ color:#383838;}
/*ȫʡֱ����*/
.provs-body{width:1140px;overflow:hidden;margin:0 auto;
}
.provs-body ul{overflow:hidden;-webkit-box-shadow:1px 3px 48px #e7e7e7; box-shadow: 1px 3px 48px #e7e7e7;margin-top:50px;padding-top:50px;padding-bottom:10px;background-color:#fff;margin-bottom:60px;border-radius:10px;margin-left:3%;margin-right:3%;}
.provs-body ul li{float:left;width:94px;height:38px;line-height:38px;border:1px solid #FF4677;border-radius:30px;text-align:center;margin:0 18px 30px;}
.provs-body ul li:hover{background:#FF5A56;background-linear(90deg,#FF5A56,#FF326B)}
.provs-body ul li:hover a{color:#fff}
.provs-body ul li a{display:block;color:#fa4d6e;font-size:20px;}


.btn_zx{display:block; margin:20px auto 0; width:230px; height:57px; border-radius:28px; color:#fff; font-size:24px; line-height:58px; text-align:center; background: #fb535e;background: linear-gradient(90deg, #fb535e, #fa6a4e);}
.btn_zx:hover{ color:#fff; cursor:pointer;}
.cjwts .moreClass{background:url(../images/wbg03.png) no-repeat left center; margin-top:80px;}
.cjwts .moreClass p{ padding:10px 100px 0 180px; text-shadow:none; color:#866c65; font:16px/36px "Hiragino Sans GB","MicroSoft YaHei",Arial,sans-serif; text-align:center;}
.cjwts .moreClass p span{ position:absolute; left:0; top:0; width:164px; margin-right:15px; font-size:30px; line-height:98px; color:#fff; text-align:center;}
.cjwts .moreClass .btn_more{ right:20px;}

.kcys{
	width: 1140px;
    margin: 0 auto;
	position:relative;
}
.kcys>p.kc-smtit{
	font-size:30px;
	color:#FF5970;
	text-align:center;
	position:absolute;
	width:200px;
	left:50%;
	margin-left:-100px;
	top:50%;
	margin-top:-15px;
}
.kcys ul{
	position:relative;
	height:540px;
	background:url(../images/yuan.png) center no-repeat;
	margin-top:30px;
}
.kcys ul li{
	position:absolute;
}
.kcys ul li:nth-child(1),.kcys ul li:nth-child(4){
	top:45px;
}
.kcys ul li:nth-child(1) span,.kcys ul li:nth-child(2) span,.kcys ul li:nth-child(3) span{
	position:absolute;
	right:0px;
}
.kcys ul li:nth-child(4) span,.kcys ul li:nth-child(5) span,.kcys ul li:nth-child(6) span{
	position:absolute;
	left:0px;
}
.kcys ul li:nth-child(1),.kcys ul li:nth-child(2),.kcys ul li:nth-child(3){
	width:344px;
	padding-right:115px;
	left:40px;
	text-align:right;
}
.kcys ul li:nth-child(4),.kcys ul li:nth-child(5),.kcys ul li:nth-child(6){
	width:340px;
	padding-left:115px;
	text-align:right;
	right:40px;
	text-align:left;
}
.kcys ul li:nth-child(2),.kcys ul li:nth-child(5){width:240px;}

.kcys ul li:nth-child(2),.kcys ul li:nth-child(5){
	top:204px;
}
.kcys ul li:nth-child(3),.kcys ul li:nth-child(6){
	top:382px;
}
.kcys ul li span{width:80px;height:80px;display:inline-block;border-radius:50%;text-align:center;line-height:80px;font-size:30px;color:#fff;}
.kcys ul li h3{font-size:24px;color:#333;}
.kcys ul li p{font-size:18px;color:#999}
.kcys img{ display:block; margin:40px auto 0;width:1088px;}

.htjs{width:1140px; margin:45px auto 0;}
.htjs .title h2{margin-bottom:30px;}
.htjs .title p{font-size:24px;color:#000;margin-bottom:15px;}
.htjs .txt{ font-size:18px; line-height:24px; text-align:center;}


.htjs .teawrap{ width:1140px; height:416px; margin:50px 0; position:relative; overflow:hidden;}
.fcard{width:9999px; height:416px; position:absolute; left:0; top:0;}
.fcard li{float:left; width:196px; height:396px; padding:18px 0 0 18px; background: url(../images/libg03.png) no-repeat left top; transition:all 1s; position:relative; margin:0 7px; cursor:pointer;}
.fcard li div{ width:196px; height:396px; position: absolute; left: 18px; top: 18px; } 
.fcard img{ display:block;}
.fcard span{ position:absolute; right:0; bottom:60px; width:100px; height:34px; font-size:16px; line-height:34px; text-align:center; color:#fff; background:#F43764;}
.fcard h4{ font-size:18px; line-height:60px; color:#fff; text-align:center;}
.fcard p{ font-size:14px; line-height:28px; color:#fff; padding:0 16px;}
.fcard li .f{display:none; background:#000;
background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); /* Safari 5.1 - 6 */
background: -o-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /* Opera 11.1 - 12*/
background: -moz-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,1)); /* Firefox 3.6 - 15*/
background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); /* ��׼���﷨ */}


.gytk{width:100%; height:auto; background:url(../images/bg06.jpg) no-repeat center bottom; background-size:100%;margin-top:80px; }
.gytk .wrap{width:1000px; margin:40px auto 0; padding-bottom:50px;}
.xxlc,.cjwt{float:left; width:484px; height:456px; background:#fff; border-radius:10px;box-shadow: 4px 0px 28px #e7e7e7;}
.xxlc{ margin-right:32px;}
.gytk h3{height:62px; background:#3A3A3A; border-radius:10px 10px 0 0; font-size:30px; line-height:62px; text-align:center; color:#fff;}
.xxlc span{ display:block; float:left; width:160px; height:150px; padding-top:40px; text-align:center;  font-size:16px; line-height:40px; color:#333;}
.xxlc span img{ margin:0 auto; display:block;}


.cjwt .txt{ padding:10px 22px 15px 22px; height:360px; overflow:auto; font-size:14px; line-height:30px; }
.cjwt .txt h4{ font-size:16px; color:#333;}
.cjwt .txt p{ font-size:14px; color:#666;}

.app,.hdxx{width:100%;   }
.hdxx{margin-top:65px;}
.hdxx .title p{font-size:24px;padding:30px 0;}
.app{ padding-bottom:90px; background: url(../images/appbg.jpg) left top no-repeat}
.app .title span{border-bottom:3px solid #fff}

.app .wrap{width:1000px; margin:0 auto;}
.app .title{ color:#fff; line-height:170px;}
.app .fl{ margin:0 15px 0 88px}
.app .txt{ float:left; width:400px; margin-top:60px; text-align:center; }
.app .txt h3{font-size:30px; line-height:60px; color:#fff;}
.app .txt h4{width:283px; margin:0 auto; border-radius:5px; font-size:24px; line-height:42px; text-align:center; color:#ff6661; background:#fff; }
.app .txt p{ font-size:16px; line-height:24px; color:#fff; margin-top: 34px;}
.app .fr{ margin:48px 100px 0 0;}

.hdxx h2,.hdxx .tit p{ color:#333;}
.hdxx ul{ padding-left:50px; width:950px; margin:20px auto 0;}
.hdxx li{ float:left; width:300px; height:300px; text-align:center; }
.hdxx li .erm-box{border:10px solid #FF5A56;border-radius:10px;width:146px;padding:10px 5px 10px;margin:0 auto}
.hdxx li img{ display:block; margin:0 auto; width:132px;height:132px;}
.hdxx li p{ font-size:18px; line-height:36px; color:#333;}
.hdxx li a{ display:block; width:118px; height:45px; margin:12px auto 0; background:#4C4C4C; border-radius:23px; font-size:16px; line-height:46px; text-align:center; color:#fff;}
.hdxx li a:hover{background:#FF5A56;background:linear-gradient(90deg,#FF5A56,#FF326B);}
.xf_nav{
	position:fixed;
	left:0; 
	top:50%;

	margin-top: -295px;
    width: 116px;
    height: 440px;
    padding: 150px 0 0 0;
	 z-index:99;
	 background: url(../images/leftb.png) left top no-repeat;
	 background-size:100% 100%;
	_position:absolute;
    _bottom:auto;
	_margin-bottom:20px;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
.xf_nav a{display:block;width:100%; height:60px; line-height:60px; text-align:center; font-size:18px; color:#fff; border-bottom:1px solid #FF6C68;margin:0 auto;}
.xf_nav a:hover{color:#ff0;}
.xf_nav a.last,.xf_nav a:nth-child(7){border-bottom:none;line-height: 50px;}

.cover {position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,1);display: none;opacity:0.5;}
.tkbox1{position: fixed;top: 50%;left: 50%;margin: -230px 0 0 -325px;width: 650px;height: 460px;background: #fff;z-index: 999;display: none; text-align:center; border-radius:25px; box-shadow: -3px 3px 18px #e7e7e7;} 
.tkbox1 h3{ font-size:30px; line-height:60px; padding:30px 0 15px;} 
.tk_class a{display: inline-block; width: 116px;height: 42px; color: #fb545e; margin: 10px 14px; border:1px solid #fb545e; border-radius:21px; line-height: 42px;font-size: 18px; cursor: pointer;} 
.tk_class a:hover{background: #fb535e;background: linear-gradient(90deg, #fb535e, #fa6a4e); color:#fff;}
.btn_close{ position:absolute; right:15px; top:15px; width:34px; height:34px; background:url(../images/icon08.png) no-repeat; text-indent:-100em;} 

.tkbox2{position: fixed;top: 50%;left: 50%;margin: -195px 0 0 -115px;width: 230px;height: 390px;background: #fff;z-index: 999; display: none; text-align:center; border-radius:25px; box-shadow: -3px 3px 18px #e7e7e7;} 
.tkbox2 h3{ font-size:24px; line-height:30px; padding:60px 0 30px;}
.tkbox2 .tk_class{ display:none;}
/*��������*/
.course-body{display:none;}
.course-body .masker{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	top:0;
	background-color:#000;
	opacity:.5;
	z-index:100;
}
.course-cont{
	width:684px;
	/*height:714px;*/
	background-color:#fff;
	border-radius:10px;
	position:fixed;
	left:50%;
	top:50%;
	z-index:101;
	margin-left:-342px;
	margin-top:-200px;
	heihght:auto;
	
}
.course-cont img.xtImg{
	display:block;
	margin:-100px auto 0;
}
.cancelBtn{
	position: absolute;
	right:0;
}
.course-cont h2{text-align:center;font-size:36px;color:#000;padding:40px 0;}
.course-cont .list-cont{dispaly:none;}
.course-cont .list-cont dl{overflow:hidden;margin-bottom:15px;position:relative;padding-left:116px;}
.course-cont .list-cont dl dd{float:left;width:116px;text-align:center;font-size:18px;position:absolute;left:0;line-height:50px;}
.course-cont .list-cont dl dt{float:left;width:118px;height:50px;line-height:50px;text-align:center;border-radius:30px;background:#ECEBEB;font-size:18px;margin-bottom:10px;margin-right:18px;}
.course-cont .list-cont dl dt:hover{background:#FF565A;color:#fff;}
.course-cont .list-cont dl dt:hover a{color:#fff;}
.course-cont .price{text-align:center;font-size:18px;margin:30px 0;}
.course-cont .price span{font-size:36px;color:#ff6661;font-weight:bold;}
.course-cont .btn-box>span{display:inline-block;width:155px;height:56px;text-align:center;line-height:56px;border-radius:30px;color:#fff;font-size:24px;}
.course-cont .btn-box>span.okBtn{background-color:#FF5A5A;background:linear-gradient:(90deg,#FF5A5A,#FF834F;);margin-left:164px;margin-right:44px;}
.course-cont .btn-box>span.cancelBtn{background-color:#ECEBEB;}
/* ÃÂ¨Ã“ÃƒÂµÃ—Â²Â�?*/
.footer {clear:both;text-align: center;padding:30px 0;position: relative;background: #333;}
.footer p {line-height: 26px; color:#f5f4f4; font-size:14px;position: relative;z-index: 2;}
.footer p a {color: #f5f4f4; font-size:14px;}
.footer p span {padding-bottom: 0px; padding-left: 5px; padding-right: 5px; padding-top: 0px}


/* pcÂ¶Ã‹Â³Â¬Â´Ã³Ã†Ã�?*/
@media only all and (min-width:1920px) {
	.xf_nav{ left:58%; margin-left:-860px;}	
}
/*pcÃÂ¡Ã†Ã�?*/
/*@media screen and (max-width: 1366px) {
	.nav{width:1000px;}
	.nav a{width:150px} 
	.ksrc ul{width:1000px;}
	.ksrc li{width:220px; margin:0 15px;box-shadow: -3px 3px 10px #e7e7e7;}
	.rmkc ul{width:1000px;}
	.rmkc ul li{width:450px;margin: 0 25px 40px;}
	.rmkc ul li img{width:450px;}
	.moreClass{width:1000px;}
	.zbkc ul{ width:1000px; margin:0 auto;}
	.zbkc li{ float:left; width:300px; height:426px; padding:20px 15px; background:#fff; border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
	.zbkc .moreClass p{ font-size:30px; padding-left:40px;}
	.zbkc .moreClass .btn_more{ right:20px;}
	.sjja .list{width:1000px;}
	.sjja dl {width: 495px;}
	.sjja dl dt {left:0; width:36px;}
	.sjja dl dt i{
		margin:0 auto;
	}
	.cjwts .block1{top:31px;}
	.sjja dl dd { padding-left: 28px; font-size:14px;}
	.sjja .list div {margin-right:0;}
	.sjja .list div img{width:500px;}
	.kcys img { width:1000px;}
	.gqzb ul {margin-left: -525px;width: 1050px;}
	.gqzb ul li{width:400px;}

}*/
