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


/* top */
.header{width:100%; background:#000;}
.lg-menu{width:1100px; height:58px; margin:0 auto; padding:20px 0;}
.lg-menu .logo{width:516px; height:58px; float:left;}
.lg-menu .logo a{display:block; outline:none;}
.lg-menu .menu-tel{width:300px; float:right; height:58px;}
.top-menu{text-align:right; width:300px; margin-top:-20px;}
.top-menu a{position:relative; line-height:27px; color:#C1C1C1; padding:0 10px; font-size:12px;}
.top-menu a:before{content:""; width:1px; height:12px; background:#333; position:absolute; left:0; top:2px;}
.top-menu a:first-child:before{width:0;}
.top-menu a:last-child{padding:0 0 0 10px;}
.top-menu a:hover{color:#e22f93;}
.top-tel{height:43px; width:267px; padding:5px 0;  float:right; line-height:19px; text-align:center; color:#fff;  font-size:18px;}
.top-tel span{font-family:Impact; font-size:24px;}
.top-tel p{line-height:24px; padding-bottom:5px; background:url(../images/hz-iocn.png) 60px 1px no-repeat; font-size:14px; color:#ccc; text-align:center; font-weight:bold; height:24px; overflow:hidden;}

/* nav */
.navigation{width:100%; background:#383838; height:50px;}
.navigation ul {width:1100px; height:50px; display:block; margin:0 auto; zoom:1; position:relative;}
.navigation ul li{float:left; width:10%; height:40px; padding:5px 0; text-align:center; background-image:url(../images/shu.png); background-repeat:no-repeat; background-position:right 10px;}
.navigation ul li:last-child{background:none;}
.navigation ul li a span{font-size:14px; display:block; line-height:26px; color:#fff;}
.navigation ul li a em{font-size:10px; display:block;line-height:14px; color:#b3b3b3; text-transform:uppercase}
.navigation ul li a:hover span,.navigation ul li a:hover em{color:#fff;}
.navigation ul li.active a span,.navigation ul li.active a em{color:#fff;}
.navigation ul li.on{background:#000; background-image:none;}
.navigation ul li.active{background:#000; background-image:none;}

.navigation ul li .pop-down{width:1020px; position:absolute; left:0; top:50px; padding:20px 40px; background:#ccc; z-index:10; display:none;}

.pop-left{width:620px; height:150px; float:left; text-align:left;}
.pop-right{width:350px; height:150px; float:right;}
.pop-left dt{font-size:14px; font-weight:bold; color:#333; margin-bottom:5px;}
.pop-left dd{width:200px; float:left; margin:2px 0;}
.pop-left dd span{background:#5ab8d7; color:#fff; font-size:12px; padding:0 2px; margin-right:5px;}
.pop-left dd a{color:#333; font-size:12px;}
.pop-right-txt{text-align:left; color:#333; font-size:12px; padding-top:10px;}
.pop-right-img{margin-top:10px;}

/* banner */
.flexslider{position:relative;height:460px;overflow:hidden;background:url(images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:460px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:42px;height:11px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.flex-control-nav .flex-active{background:#e22f93;}
.flex-direction-nav{ display:none;position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{position:absolute;top:50%;margin-top:-36px;width:72px;height:72px;text-indent:100%;white-space:nowrap;overflow:hidden;z-index:10; background:url(../images/ico_sliding.png) no-repeat;}
.flex-direction-nav li a.flex-prev{left:30px;background-position:0 0;}
.flex-direction-nav li a.flex-prev:hover{background-position:0 -144px;}
.flex-direction-nav li a.flex-next{right:30px;background-position:0 -72px;}
.flex-direction-nav li a.flex-next:hover{background-position:0 -216px;}
.index_focus_info{position:absolute;left:0; top:20%;width:100%; text-align:center;}

/* hot课程 */
.titbox{width:100%; height:100px; background:url(../images/tit-bj.jpg) top center no-repeat; text-align:center; margin:30px 0;}
.titbox h1{font-size:30px; color:#000; font-weight:bold; padding-top:8px;}
.ind-tit-info{text-align:center; color:#888;}
.ind-tit-info2{text-align:center; color:#ccc; font-size:16px;}
.ind-tit-info2 span{font-size:20px; font-weight:bold; color:#FF0; padding:0 5px;}
.container{width:1100px; margin:30px auto;}
.hot-course{width:280px; height:368px; padding:10px; border:1px solid #D8D8D8; float:left; position:relative;}
.hot-tit{width:56px; height:248px; background:url(../images/hot.jpg) no-repeat; position:absolute; left:-56px; top:30px;}

/*预约*/
.yuyuekc{width:800px; margin:20px auto;}
.yuyuekc td{padding:3px;}
.yuyuekc .ye-tit{background:rgba(0,0,0,.5); padding:10px; font-size:16px; text-align:center; color:#fff; font-weight:bold;}
.yuyuekc .yy-con{background:rgba(255,255,255,.6); padding:10px; height:50px; line-height:25px; font-size:14px; text-align:center; color:#000;}
.yuyuekc .yy-con a{display:block; height:40px; line-height:40px; font-size:14px; color:#fff; background:#000; margin:5px; text-align:center; border-radius:3px;}
.closeyy{color:#666;}
.yuyuekc .yy-con a.stop{background:#666;}
.yying{color:#000;}

.hot-course img{width:280px; height:368px;}
/* news */
.ind-news{width:550px; float:left; margin-left:32px;}
.ind-news-tit{height:36px; background:url(../images/strip3.png) repeat-x; padding:0 10px; border-left:3px solid #333;}
.ind-news-tit span{display:block; background:#fff; font-size:16px; color:#333; line-height:36px; float:left;}
.ind-news-tit a{float:right; font-size:12px; color:#666; line-height:36px;}
.ind-news-con{margin:10px 0 0 0;}
.ind-news-con ul li{border-bottom:1px dashed #ccc; zoom:1; overflow:hidden; padding-bottom:10px; margin-top:10px;}
.ind-news-con .news-img{float:left; width:160px; height:120px; padding:4px; border:1px solid #d8d8d8;}
.ind-news-con .news-txt{float:right; width:370px;}
.ind-news-con .news-txt h2{font-size:16px; color:#333; line-height:30px;}
.ind-news-con .news-txt .info{font-size:12px; color:#888; line-height:22px; height:88px; overflow:hidden;}
.news-txt2{padding-left:15px; background:url(../images/dian.jpg) 1px 6px no-repeat;}
.news-txt2 h2{font-size:14px; color:#333; line-height:24px;}
.news-txt2 .info{font-size:12px; color:#888; line-height:22px; height:22px; overflow:hidden;}

.ind-links{width:180px; float:right; height:390px;}
.ind-links .links.mt{margin-top:10px;}


/* kecheng */
#banner1-bg {
	position: absolute;
	height: 600px;
	width: 100%;
	top: 0;
	left: 0;
	background-image:url(../images/website_bg_tile.gif);
	text-align: center;
	font-size: 12px;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif; 
	color:#bbb;
	font-weight: bold;
}

#banner1-bg h1 {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:35px;
	color:#bbb;
	margin-bottom: 15px;
}


#banner1-bg p {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:17px;
}


.example-wrapper{
	position:relative;
	width:1100px;
	height:375px;
	margin:auto;

}

#small_divider {
	margin-top:8px;
}

#big_divider {
	margin-top:150px;
}
.theme1 .main-container {
	background-color:#fff;
	border:1px solid #e6e6e6;
	padding:30px;
	-webkit-box-shadow: 0px 0px 5px 1px rgba(100,100,100,0.1);
	-moz-box-shadow: 0px 0px 5px 1px rgba(100,100,100,0.1);
	box-shadow: 0px 0px 5px 1px rgba(100,100,100,0.1);
}

.theme1 {
		font-size:12px;
		line-height: 20px;
		color: #777;
		text-shadow: #fff 1px 1px 1px;
}

.theme1 h2{
	font-size: 14px;
	font-weight:normal;
	color: #000;
	text-shadow: #fff 1px 1px 1px;	
	margin: 0px;
	width: 100%;
}
.theme1 p.kc-js{ color:#888; height:60px; overflow:hidden; margin:10px 0;}
.theme1 p.kc-info{ color:#888; height:240px; overflow:hidden; margin:10px 0;}
.theme1 .thumbsamll{
	
	border:1px solid #ddd;
	padding:4px;
	height:auto;
	background:#fff;
	position:relative;
	z-index:50;
}



/**********************************
	-	THEME-1	MORE	-
***********************************/

.theme1 .page-more{	
	visibility:hidden;
}

.theme1 >ul{	visibility:hidden;}

.theme1 .big-image{
	float:left;
	border:1px solid #ddd;
	padding:4px;
	height:305px;
	background:#fff;
	position:relative;
	z-index:50;
	margin-right:30px;
}

.theme1 .details{
	position:relative;
	float:left;
	width:220px;
	margin-right:30px;
}
.kc-time{background:#09C; color:#fff; padding:0 2px; float:right; line-height:20px; text-shadow:none; margin-top:3px;}
.theme1 .details_double{
	position:relative;
	float:left;
	width:320px;
	margin-right:30px;
}

.theme1 .video_clip{
	position:relative;
	float:left;
	width: 498px;
	height: 280px;
	border:1px solid #ddd;
	padding:4px;
	margin-right:30px;
}

.theme1 .check {
	list-style:none;
	height:240px;
	overflow:hidden;
	margin-left:0px;
	padding-left:0px;
	
}
.theme1 .check li{
	background:url(../images/check.png) no-repeat left;
	padding-left:25px;
	list-style:none;
	line-height:27px;
	margin:0px;
}

.theme1 .closer{
	width:30px;
	height:30px;
	position:absolute;
	background:url(../images/close.png) no-repeat top;	
	right:0px;
	margin-right:-20px;
	margin-top:-20px;
	top:0px;	
	cursor:pointer;
	z-index:10000;
}

.theme1 .closer:hover{
	background-position:bottom;
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor:pointer;
}


.buttonlight {
 margin-top:10px;
 height: 30px;
 line-height: 30px;
 font-size: 12px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}

.buttonlight:link, .buttonlight:visited {

 color: #777;
 padding: 5px 20px 5px 20px;
 text-align: center;
 text-shadow: 1px 1px 0px #fff;
 background: #999 url(../images/btn_light.png) repeat-x center top;
 border: 1px solid #cdcdcd;
 text-decoration: none;
 font-weight: bold;
}

.buttonlight:hover, .comment-reply-link:hover {
 color: #fff;
 text-shadow: 1px 1px 0px #000;
 background: #333;
 border: 1px solid #555555;
 text-decoration: none;
}
.buttondark {
 margin-top:10px;
 float: left;
 height: 30px;
 line-height: 30px;
 font-size: 12px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
}

.buttondark:link, .buttondark:visited {
 color: #fff;
 padding: 0 20px 0 20px;
 text-align: center;
 text-shadow: 1px 1px 0px #000;
 background: #999 url(../images/btn_dark.png) repeat-x center top;
 border: 1px solid #151515;
 text-decoration: none;
 font-weight: bold;
}

.buttondark:hover, .comment-reply-link:hover {
 color: #fff;
 text-shadow: 1px 1px 0px #000;
 background: #333;
 border: 1px solid #555555;
 text-decoration: none;
}

.toolbar{visibility:hidden}

.toolbar .left{
	background:url(../images/left.png) no-repeat top;
	width:50px;
	height:80px;
	position:absolute;
	left:0px;
	top:110px;
	z-index:100;
	margin-left:-60px;
	cursor:pointer;
}

.toolbar .left:hover{background-position:bottom;}

.toolbar .right{
	background:url(../images/right.png) no-repeat top;
	width:50px;
	height:80px;
	position:absolute;
	right:0px;
	top:110px;
	z-index:100;	
	margin-right:-60px;
	cursor:pointer;
}


.toolbar .right:hover{background-position:bottom};
.services-preloader{
	background:url(../images/loader/preloader.gif) no-repeat;
	width:24px;
	height:24px;
	position:absolute;
	left:49%;
	top:49%;
	z-index:9999;
}

.hover-more-sign{
	background:url(../images/more.png) no-repeat;
	width:50px;
	height:50px;	
	position:absolute;
	margin-left:-25px;
	margin-top:-25px;
	cursor:pointer;
}

.hover-blog-link-sign{
	background:url(../images/link.png) no-repeat;
	width:50px;
	height:50px;	
	position:absolute;
	cursor:pointer;
}


/* 作品 */
#inner{height:380px;position:relative;overflow:hidden;margin:30px 0 0 0; width:1120px;}
#carousel div{border:1px solid #E4E4E4;background:#fff;width:190px;height:300px;float:left;padding:10px;margin:5px 10px 5px 0;}
#pager{text-align:center;margin-top:20px;color:#666;}
#pager a{color:#666;text-decoration:none;display:inline-block;padding:0px 10px;}
#pager a:hover{color:#333;}
#pager a.selected{background-color:#333;color:#ccc;}

/* 名师 */
.columnsbox{width:1150px; margin:0 auto;}
ul.columns{}
ul.columns li{width:210px;float:left; display:inline;margin:5px; padding:0;position:relative;}
ul.columns li:hover{z-index:99;}
ul.columns li img{position:relative;filter:alpha(opacity=30);opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";}
ul.columns li a:hover img{z-index:999;filter:alpha(opacity=100);opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
ul.columns li a .info{position:absolute;left:-10px; top:-10px;padding:210px 10px 20px;width:210px;display:none;background:#333;font-size:1.2em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
ul.columns li a:hover .info{display:block;}
ul.columns li h2{font-size:14px;font-weight:normal;text-transform:uppercase;margin:0; padding:10px 0; color:#fff;}
ul.columns li p{padding:0; margin:0; font-size:12px; color:#fff;}

/* slider */
#slidercb{width:100%;min-width:1100px;height:460px;position:relative;overflow:hidden;background:#fff;text-align:center;}
#slidercb .bd{width:1100px;position:absolute;left:50%;margin-left:-550px}
#slidercb .bd li{width:1100px;overflow:hidden;}
#slidercb .bd li img{display:block;width:1100px;height:460px;}
#slidercb .tempWrap{overflow:visible !important}
#slidercb .tempWrap ul{margin-left:-1100px !important;}
#slidercb .hd{position:absolute;width:100%;left:0;z-index:1;height:8px;bottom:20px;text-align:center;}
#slidercb .hd li{display:inline-block;*display:inline;zoom:1;width:10px;height:10px;line-height:99px;overflow:hidden;background:url(../images/slider-btn.png) 0 -10px no-repeat;margin:0 3px;cursor:pointer;filter:alpha(opacity=60);opacity:0.6;}
#slidercb .hd li.on{background-position:0 0;filter:alpha(opacity=100);opacity:1;}
#slidercb .pnBtn{position:absolute;z-index:1;top:0;width:100%;height:460px;cursor:pointer;}
#slidercb .prev{left:-50%;margin-left:-550px;}
#slidercb .next{left:50%;margin-left:550px;}
#slidercb .pnBtn .blackBg{display:block;position:absolute;left:0;top:0;width:100%;height:460px;background:#000;filter:alpha(opacity=80);opacity:0.8;}
#slidercb .pnBtn .arrow{display:none;position:absolute;top:204px;z-index:1;width:52px;height:52px; color:#fff; font-size:0;filter:alpha(opacity=60);opacity:.6;}
#slidercb .pnBtn .arrow:hover{filter:alpha(opacity=100);opacity:1;}
#slidercb .prev .arrow{right:0;background:url(../images/slider-arrow-big.png) no-repeat;}
#slidercb .next .arrow{left:0;background:url(../images/slider-arrow-big.png) -52px 0 no-repeat;}

/* 风采 */
.fengcai{width:100%; height:680px; background-image:url(../images/fengcaibj.jpg); background-attachment: fixed; padding-top:16px;  background-size:cover;}
.titbox.fc{background:none; margin:0;}
.fengcai.bj2{height:550px; background-image:url(../images/kecheng.jpg);background-attachment: fixed; background-size:cover;}
.fclist{width:1100px; margin:0 auto;}

/* ----报名滚动---------  */
.zuixinbaoming{width:1100px; margin:0 auto;}
.Top_Record{}
.record_Top{width:90%; height:50px; background:url(../images/record_Bg.png) center center no-repeat;  text-align:center; line-height:50px; margin:10px auto 0px; color:#fff; position:relative;}
.topRec_List dl,.maquee{ width:90%; overflow:hidden; margin:0 auto; color:#7C7C7C}
.topRec_List dd{ float:left; text-align:center; border-bottom:1px solid #ccc; color:#fff;}
.topRec_List dl dd:nth-child(1){ width:17%; height:40px; line-height:40px; }
.topRec_List dl dd:nth-child(2){ width:18%; height:40px; line-height:40px; }
.topRec_List dl dd:nth-child(3){ width:25%; height:40px; line-height:40px; }
.topRec_List dl dd:nth-child(4){ width:40%; height:40px; line-height:40px; }
.maquee{ height:120px;}
.topRec_List ul{ width:100%; height:195px;}
.topRec_List li{ width:100%; height:38px; line-height:38px; text-align:center; font-size:12px; border-bottom: 1px dashed #aaa; color:#cbcbcb;}


.topRec_List li div{ float:left;}
.topRec_List li div:nth-child(1){ width:17%;}
.topRec_List li div:nth-child(2){ width:18%;}
.topRec_List li div:nth-child(3){ width:25%;}
.topRec_List li div:nth-child(4){ width:40%;}

.bmyy{color:#fff; background:#313131; font-size:16px; padding:5px 20px; position:absolute; right:170px; top:10px; line-height:20px; display:inline-block; border-radius:3px;}

/* ----学员评价---------  */
.grid1k{width:1100px; margin:0 auto 30px auto;}
.one_fourth_box{display:block;position:relative;width:273px;height:102px;margin:0 2px 2px 0;background:#f6f6f6;overflow:hidden; float:left;}
.ofb-r{margin-right:0!important;}
.ofb-bg{display:none;width:100%;height:100%;position:absolute;z-index:2;background:#000;}
.ofb-img{position:absolute;top:12px;left:12px;z-index:10;}
.ofb-img img,.ofb-img-bottom img{width:100px; height:78px;}
.ofb-img-bottom{position:absolute;top:160px;left:12px;z-index:10;}
.ofb-text{position:absolute;top:12px;left:120px;width:150px;z-index:10;}
.ofb-text-top{position:absolute;top:-110px;left:120px;width:150px;z-index:10;}
.ofb-text h5,.ofb-text-top h5{font-size:12px;line-height:16px; font-weight:bold;}
.color_666,.color_999{height:62px;font-size:12px;line-height:15px; overflow:hidden; color:#888;}
.color_999,.ofb-text-top h5{color:#fff;}
.ofb-r .ofb-img,.ofb-r .ofb-img-bottom{left:65px;}
.ofb-r .ofb-text,.ofb-r .ofb-text-top{left:235px;width:265px;}

/* ----常见问题---------  */
.questionbox{width:1100px; margin:0 auto; padding-top:30px; border-top:1px dashed #333; overflow:hidden; zoom:1;}
#help h2,#down h2{ font-size:14px; line-height:54px; color:#323232; border-bottom:2px solid #ff8e29; width:150px; font-weight:normal;}
#help dt{cursor:pointer; color:#353535; font-size:14px;margin-bottom:5px; }
#help dd{color:#767676; font-size:12px; padding:10px; border-radius:5px; background:#f0f0f0; margin-bottom:10px; line-height:20px; letter-spacing:1px;}
#help dt,#help dd{ margin-left:40px; position:relative;}
#help dt i,#help dd i{background:url(../images/quest.png) no-repeat; width:20px; height:20px; display:block; position:absolute; left:-30px; top:3px;}
#help dd i{background-position: 0 -23px;}
.question{width:1150px;}
.question dl{width:525px; float:left; margin-right:50px;}

/* ----底部---------  */
.footer{width:100%; background:#212121;}
.ft-ct{width:1100px; padding:30px 0; margin:0 auto;}
.footer .ft-menu{}
.qq-online{float:left;}
.footer .ft-info dl{float:right; margin-left:35px; width:126px; font-size:12px; color:#ccc;}
.footer .ft-info dl.last{margin:0;}
.footer .ft-info dl dt{font-size:12px; font-weight:bold; margin-bottom:10px; background:#000; padding:1px 5px; color:#fff;}
.footer .ft-info dl dt span{color:#FC0;}
.footer .ft-info dl dd{padding-left:5px;}
.footer .ft-info dl dd a{ color:#999; display:block; line-height:20px;}
.ft-cat{width:280px; height:82px; float:left;  position:relative; background:#000; margin-top:30px; padding:10px 20px; margin-right:70px;}
.ft-cat.last{margin-right:0;}
.ft-cat h3{font-size:14px; color:#ccc;}
.ft-cat .jieshao{font-size:12px; color:#666;}
.ft-tel{height:30px; background:url(../images/ft-tel-icon.png) 0 0 no-repeat; background-size:30px; padding-left:50px; line-height:30px; margin:5px 0; font-size:26px; font-weight:bold; color:#fff;}
.ft-address{color:#888; font-size:12px;}
.ewmbox{position:absolute; right:0; top:0; width:102px; height:102px;}
.ewmbox img{width:102px; height:102px;}
.ft-tel.bjn{background:url(../images/wxicon.png) 0 0 no-repeat;}

.ft-cop{height:58px; background:#292929; margin-bottom:50px;}
.ft-cop-cet{width:1100px; height:58px; margin:0 auto; position:relative;}
.ft-cop-logo{color:#666; font-size:12px; padding-top:12px;}
.qqzx{ width:180px; height:90px; background:url(../images/qq-icon.png) no-repeat; position:absolute; left:490px; bottom:0;}
.qqzx a{display:block; width:180px; height:90px;}
.ft-cop-logo a{color:#666;}

.share{
	width: 204px;
	margin:0 auto;
	position:absolute; right:0; bottom:0;
}
.share li{
	float: left;
	height: 40px;
	padding:9px 14px;
}
.share li img{
	width: 40px;
	height: 40px;
	cursor: pointer;
	border-radius: 20px;

}
.code_wrap{
	position: absolute;
	right:-80px;
	top:-235px;
	width:600px;
	z-index:50;
}
.code{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.code li{
	float: left;
	width: 200px;
	height:240px;
}
.code li img{
	width: 210px;
	height:240px;
	display: none;
}
.code li img.weibo{
	position: absolute;
	left: 244px;
}
.code li img.qq{
	position: absolute;
	left: 312px;

}
.code li img.twitter{
	position: absolute;
	left:382px;
}
.code li img.wechat{
	position:absolute;
	left:380px;
}
.ewmsm{position:absolute; right:220px; top:15px; line-height:16px; color:#888; font-size:12px; text-align:center;}
.ewmsm:before{border-left:5px solid #ccc; border-top:5px solid #292929; border-bottom:5px solid #292929;  border-right:5px solid #292929; position:absolute; right:-10px; top:19px; content:"";}

.fixonine{position:fixed; bottom:0; left:0; width:100%; background:#1f1f1f; z-index:9999999;}
.fixonine .con{width:1100px; margin:0 auto; height:50px; overflow:hidden; zoom:1;}
.fixonine a{float:left; display:block; height:50px; margin-right:50px;}
.fixonine a.last{float:right; margin:0;}
.sharebox{position:absolute; right:0; top:8px;}

.online-top{width:1100px; margin:30px auto; height:102px; overflow:hidden; zoom:1;}
.online-top li{margin-right:20px; width:258px; height:100px; border:1px solid #e5e5e5; float:left; overflow:hidden; zoom:1; background:#fff;}
.online-top li.last{margin:0;}
.online-top li>img{width:50px; height:50px; float:left; margin: 25px;}
.online-top li.wx img{width:74px; height:74px; margin: 13px 25px;}
.online-top li .txt{ float:left; padding:25px 0; height:50px; line-height:25px;}
.online-top li .txt p{font-size:14px; color:#666;}
.online-top li .txt h1{font-weight:normal; font-size:16px;}

.zunxiang{margin-bottom:50px;}
.zunxiang li{width:25%; float:left; text-align:center;}
.zunxiang li img{width:210px; height:150px; margin-bottom:10px;}
.zunxiang li h2{text-align:center; font-size:14px; color:#333; padding:0 20px;}
.zunxiang li p{text-align:center; font-size:12px; color:#666; padding:0 20px;}
.fengcai.jxhj{height:480px; background-image:url(../images/hjbj.jpg);background-attachment: fixed;background-size: cover;}


/*内页*/
.lispage-ban{width:1100px; height:300px; background:url(../images/listban.jpg) no-repeat; background-size:cover; margin:0 auto;}
.lispage-main{width:1100px; margin:10px auto;}
.lispage-left{float:left; width:246px;}
.lispage-right{float:right; width:835px;}
.lispage-left .list{margin-bottom:15px; border:1px solid #d9d9d9; background:#ececec;  padding:0 12px 12px 12px;}
.lispage-left .tit{height:40px; padding-bottom:2px; background:url(../images/line_bj.jpg) bottom left repeat-x; line-height:40px;}
.lispage-left .tit span{font-size:16px; color:#333;}
.lispage-left .tit span em{font-size:12px; color:#888; margin-left:5px; text-transform:Uppercase}
.lispage-left .con{margin-top:10px;}
.lispage-left .classlist{overflow:hidden; zoom:1; margin-right:-10px;}
.lispage-left .classlist li{float:left; margin-right:10px; margin-bottom:10px;}
.lispage-left .classlist li a{display:block; border-radius:3px; background:#d5d5d5; width:100px; height:30px; line-height:30px; font-size:14px; color:#333; transition:all 0.3s ease-in-out; text-align:center;}
.lispage-left .classlist li a:hover{background:#F36; color:#fff;}
.jianjie_left{font-size:12px; color:#666; margin-top:5px;}
.jianjie_left a{color:#F36;}
.cat_left{font-size:14px; font-weight:bold; padding-left:50px; background:url(../images/ft-tel-icon.png) 0 0 no-repeat; line-height:20px;}

.cour-list{ border:1px solid #d9d9d9; margin-bottom:15px;}
.cour-list .tit{height:39px; background:url(../images/kecheng_tit.jpg) 0 0 no-repeat; overflow:hidden;}
.cour-list .tit span,.tit_right span{color:#333; font-size:14px; line-height:39px; padding-left:20px; font-weight:bold;}
.cour-list .tit a{font-size:14px; color:#666; float:right; line-height:39px; margin-right:20px;}
.cour-list .tit a:hover{color:#F39;}
.cour-list .con{padding:12px;}
.cour-list .con .img,.cour-list .con .img img{width:217px; height:136px; float:left;}
.cour-list .con .txt{width:580px; float:right;}
.cour-list .con .txt h1{font-size:16px; line-height:35px;}
.cour-list .con .txt .info{font-size:12px; color:#666; line-height:22px; height:90px; overflow:hidden; margin-top:5px; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical}

.danpege{ border:1px solid #d9d9d9;}
.tit_right{height:39px; background:url(../images/kecheng_tit2.jpg) 0 0 no-repeat;; overflow:hidden;}
.tit_right em{float:right; margin-right:20px; line-height:39px; color:#888; font-size:12px;}
.danpege .con_tight{padding:12px 30px;}
.danpege .page-bt{text-align:center; margin:10px 0;}
.danpege .page-bt h2{font-size:16px;}
.danpege .page-bt .time{font-size:12px; color:#888;}
.danpege .page-info{font-size:14px; line-height:24px; color:#666; text-align:left;}

.pic_list_box{margin:12px 0; margin-right:-70px;}
.pic_list_box li{float:left; width:350px; margin-right:70px; margin-bottom:26px; height:270px; overflow:hidden;}
.pic_list_box li a{display:block; width:190px; height:270px; float:left;}
.pic_list_box li a img{display:block; width:190px; height:240px;}
.pic_list_box li a div{line-height:30px; background:#fff; text-align:center;}
.pic_list_box li .zpinfo{width:140px; height:270px; float:right; font-size:12px; line-height:24px; color:#666;}
.pic_list_box li .zpinfo h3{font-size:14px; color:#333; line-height:50px;}
.pic_list_box li .zpinfo .info{font-size:12px; color:#888; height:170px; overflow:hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:7;-webkit-box-orient: vertical;}
.pagefenye{text-align:center; margin:10px 0;}

.news_list_box{margin:0;}
.news_list_box li{margin-bottom:20px; padding-bottom:15px; background:url(../images/shuanline.jpg) bottom left repeat-x;}
.news_list_box h4{color:#666; margin:5px 0;}
.news_list_box .time{color:#bebebe; line-height:30px; font-size:12px;}
.news_list_box .info{color:#888; font-size:12px; height:60px; overflow:hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}

.messages{padding:30px 0;}
.messages input,.messages select,.messages textarea{margin:0;padding:0; background:none; border:0; font-family:"Microsoft Yahei";}
.messlist {height:30px;margin-bottom:10px;}
.messlist:after{content:""; clear:both; display:block;}
.messlist label{float:left;width:100px; height:30px; font-size:14px; line-height:30px; text-align:right;padding-right:10px;}
.messlist input{float:left;width:300px;height:28px;padding-left:5px;border:#ccc 1px solid;}
.messlist.textareas{ height:auto;}
.messlist textarea{float:left;width:400px; height:110px;padding:5px;border:#ccc 1px solid;}
.messlist.yzms input{width:100px;}
.messlist.yzms .yzmimg{ float:left;margin-left:10px;}
.messsub{padding:0px 0 0 110px;}
.messsub input{width:100px; height:35px; background:#ddd; font-size:14px; font-weight:bold; cursor:pointer;margin-right:5px}
.messsub input:hover{ background:#f60;color:#fff;}
#label0{display:none;color:#0aa770;height:28px;line-height:28px;}
#label1{display:none;color:#0aa770;height:28px;line-height:28px;}
#label2{display:none;color:#0aa770;height:28px;line-height:28px;}
#label3{display:none;color:#0aa770;height:28px;line-height:28px;}
#label4{display:none;color:#0aa770;height:28px;line-height:28px;}
#label5{display:none;color:#0aa770;height:28px;line-height:28px;}
#label6{display:none;color:#0aa770;height:28px;line-height:28px;}
#label7{display:none;color:#0aa770;height:28px;line-height:28px;}
#label8{display:none;color:#0aa770;height:48px;line-height:48px;}
#label9{display:none;color:#0aa770;height:48px;line-height:48px;}
#label10{display:none;color:#0aa770;height:48px;line-height:48px;}

/*预约弹出层*/
.pop-yy{position:fixed; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.7); z-index:1000; display:none;}
.popbox{width:500px; height:260px; padding:40px; background:#fff; position:fixed; left:50%; top:50%; margin:-170px auto auto -290px;}
.popbox .close{position:absolute; right:0; top:0;}
.popbox .close a{display:block; width:50px; height:50px; line-height:50px; text-align:center; color:#888; font-size:30px;}
.popbox .close a:hover{color:#F36;}