@charset "utf-8";

html,body,div,iframe,span,dl,dt,dd,ul,ol,li,form,input,textarea,pre,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-size: 100%
}

a {
	text-decoration: none
}

li {
	list-style: none
}

.clear {
	clear: both;
	height: 0;
	line-height: 0
}

h1,h2,h3 {
	font-weight: normal;
	padding: 0;
	margin: 0
}

img {
	border: 0;
	max-width:100%;
}

a {
	color: #333
}

a:hover {
	text-decoration: underline
}

.fl{float:left;}
.fr{float:right;}
.nobg{background:none !important;}
.noborder{border:0px !important;}
.ml0{margin-left:0px !important;}
.pl0{padding-left:0px !important;}
img{max-width:100%; height:auto !important;}

body,html {
	font-family: "微软雅黑";
	font-size: 12px;
	color: #666;
	background: #fff
}
body {
	max-width: 600px;
	width: 100%;
	margin: 0 auto;
	color: #666;
	padding-bottom: 30px
}
.content img{ width:100%; height:auto; }
#HIDS {
	display: none
}
.box {width: auto; margin: 0 auto; position: relative;}
.w-top{height:42px; background:#333333; color:#fff; text-align:center; line-height:42px; font-size:16px;}
.w-top span{display:inline-block; padding-left:30px; height:42px; background:url(../img/tphone.png) no-repeat left center / 20px;}
.x-header{background:#fff; text-align:center; padding:15px 20px;}
.x-header img {display:block; width: 100%;}
.wnav{background:#e0373a url(../img/navline.jpg) repeat-x left center;}
.wnav li{float:left; width:calc(33.3% - 20px); padding:15px 10px; background:url(../img/navline.jpg) repeat-y left center; text-align:center;}
.wnav li a{display:block; color:#fff;}

/***********品牌故事************/
.story{padding:38px 20px 40px;}
.sthead{text-align:center; font-size:30px; color:#333;  padding-bottom:15px;}
.sthead img{display:inline-block; vertical-align:middle; padding-left:3px;}

.stbody{padding-top:40px 10px 0px;}
.stitem{width:calc(50% - 5px); /* height:590px;*/ background:#f5f5f5;}

.stimg{position:relative;}
.stimg img{display:block; width:100%;}
.stinfo{height:222px; padding:0 20px;}
.stinfo h2{font-size:18px; color:#e0373a; line-height:26px; background:url(../img/stline.jpg) no-repeat left bottom; padding-top:30px;}
.stinfo p{font-size:14px; line-height:24px; color:#666; padding-top:12px;}

.st2 .stinfo{height:262px;}
.st2 .stinfo h2{padding-top:15px !important;}


.sticon{position:absolute; width:30px; height:30px; left:calc(50% - 15px);}
.st1icon{background:url(../img/sicon1.png) no-repeat center; bottom:-15px; }
.st2icon{background:url(../img/sicon2.png) no-repeat center; top:-15px;}
.st3{width:100%; margin-top:10px;}
.st3info{ padding:20px 20px 0;}
.st3info h2{font-size:22px; color:#e0373a; line-height:42px;}
.st3info p{font-size:18px; letter-spacing:3px; color:#333; line-height:24px;}
.st3info .stmore{margin-top:26px; border-top:1px solid #ddd;}
.stmore a{display:block; background:url(../img/sicon3.png) no-repeat right center; height:52px; line-height:52px; color:#666;}


/*******热门课程*******/
.course{background:#222222 url(../img/cbg.jpg) repeat center; padding:40px 10px 40px;}
.chead{color:#fff; padding-bottom:25px;}
.coubox{padding-bottom:40px;}
.coubox ul{width:50%; float:left;}
.coubox ul li{position:relative;}
.coubox ul li img{display:block; width:100%;}
.coubox ul li a{display:block;}
.mask{position:absolute; left:0px; top:0px; padding-left:5%; padding-top:10px; background:rgba(0,0,0,0.6); width:calc(95% - 6px); height:calc(100% - 16px); border:3px solid transparent; }
/*.coulist2 .mask{height:calc(95% - 6px);}*/
.mask h2{font-size:16px; font-weight:bold; color:#fff; position:relative;}
.mask p{text-transform:uppercase; color:#ddd;}
.hover .mask{background:rgba(0,0,0,0.6);cursor:pointer}
.qq .mask{background:rgba(0,0,0,0); border:3px solid #e0373a;}
.couadv{height:120px; background:#e0373a url(../img/couadv.jpg) no-repeat left center; text-align:center;}
.couadv h2{font-size:22px; font-weight:bold; color:#fff; line-height:36px; letter-spacing:1px; padding-top:30px;}
.couadv p{color:#fff; font-size:16px; line-height:28px; }
.coubox .coulist3{width:100%;}
.coubox .coulist3 li{width:50%; float:left;}

/*********培训**********/
.train{padding-top:40px; padding-bottom:40px;}
.trainhead{padding-bottom:14px; border-bottom:1px solid #dadada;}
.trhead{font-size:20px; color:#333; line-height:32px; background:url(../img/trainline.jpg) repeat-x left center; margin-top:28px;}
.trainimg img{display:block; width:100%; margin-top:15px;}

/*.trainbox{}
.trainl{width:40%;}
.traininfo{font-size:14px; line-height:28px; color:#666; letter-spacing:1px; padding-top:24px; height:167px;}
.trainmore{display:block; width:172px; height:34px; line-height:32px; text-align:center; border:2px solid #e0373a; font-size:18px; color:#333;}

.trainr{width:60%;}
.trainr img{display:block; width:100%;}
*/

/*************start of 优势************/
.ys{background:#292929; padding-top:40px; padding-bottom:40px;}
.yshead{color:#fff; padding-bottom:20px;}
.ysbox{margin:0 20px; border:1px solid #747474;}
.yslist{}
.ysbox li{padding-top:10px;}
.ysbox img{display:block; width:90%; margin:0 auto; position:relative; z-index:999;}
.ysitem{width:85%; margin:0 auto; padding-top:20px;}
.yslist .ystitle{ padding-bottom:20px;}
.ystitle h2{font-size:18px; font-weight:bold; color:#fff; line-height:36px;}
.ystitle h2 span{color:#e0373a;}
.ystitle p{font-size:18px; color:#fff;}
.ysinfo{font-size:16px; color:#bbb; padding-bottom:20px;}

.ystit{text-align:center; margin-top:20px; }
.ystit li{display:inline-block; width:40px; height:40px; background:#fff; color:#292929; font-size:24px; line-height:40px; margin:0 5px; font-family:"Impact";}
.ystit li.on{background:#cf3538; color:#fff;}
/************* end of 优势 ************/

/************start of 教师团队*************/
.teacher{ padding:40px 10px 0px;}
.teabox{position:relative;}
.thead{padding-bottom:20px;}
.teaitem{margin:0 30px; padding:10px 15px; background:#f5f5f5;}
.teaitem .timg{}
.timg img{display:block; width:100%; height:auto;}

.teabtn{position:absolute; display:block; width:22px; height:36px; top:calc(40% - 36px);}
.teabox .prev{background:url(../img/tbtnl.png) no-repeat left center; left:0px;}
.teabox .next{background:url(../img/tbtnr.png) no-repeat left center; right:0px;}
.teainfo{padding:15px 10px; }
.teainfo h2{font-size:24px; color:#333; line-height:36px;}
.teainfo h2 a{color:#333;}
.teainfo ul {padding-bottom:18px; background:url(../img/tline.jpg) no-repeat left bottom;}
.teainfo ul li{font-size:16px; color:#999; line-height:28px;}
.job{height:50px; line-height:50px; font-size:16px; font-weight:bold; color:#333;  padding-top:13px;}
.teainfo p{font-size:14px; line-height:30px; color:#666;}
.teainfo .tmore{display:block; width:156px; height:40px; border:2px solid #e0373a; text-align:center; line-height:40px; font-size:16px; color:#e0373a; margin-top:28px;}

/*****学员创业*****/
.elite{background:#262626 url(../img/cbg.jpg); margin-top:30px; padding:0 20px 30px;}
.ehead{color:#fff; padding-top:40px; font-size:24px; padding-bottom:10px;}
.eimg img{display:block; width:100%;}

/**********关于我们************/
.iabout{padding:35px 20px 0px;}
.iahead{padding-bottom:20px;}
.aboutnav{margin-bottom:5px;}
.aboutnav li{width:25%; float:left; text-align:center; height:42px; line-height:42px; background:#2c2c2c; color:#fff; font-size:16px;}
.aboutnav li a{display:block; color:#fff; }
.aboutnav li.cur{background:#cf3538;}
.aboutvideo a{display:block;}
.aboutvideo img{display:block; width:100%;}


.newsbox{margin-top:20px;}
.newshead{height:40px; background:#e3e3e3; line-height:40px; font-size:16px; margin:0 20px; position:relative;}
.newshead .hynews{font-weight:bold; color:#333; padding:0 15px;}
.newshead a{color:#000; }
.newshead span{background:#cf3538 url(../img/newsicon.png) no-repeat 15px center; padding:0 15px 0 45px; color:#fff; font-weight:bold; display:block; float:left; background-size:18px}
.newshead span a{color:#fff;}

.newshead .inewsmore{display:block;height:40px; line-height:40px; font-size:14px; color:#666;position:absolute; right:10px; top:0; text-align:right;}

.newsbox ul{margin:15px 20px;}

.newsbox ul li{ font-size:14px; line-height:30px; height:30px; background-size:6px; overflow:hidden;}

.newsbox ul li span{float:right; color:#999999; font-size:12px; display:inline-block; width:69px}

.newsbox ul li a{color:#555555; display:inline-block; width:calc(100% - 69px);}

.btop{margin:28px 10px; text-align:center;}

.btop .backtotop{width:98%; display:block; margin:0 auto;}

.btop .fcode{max-width:40%; display:block; margin-top:20px; margin:20px auto 0 auto;}





.fbt{position:fixed;bottom:0;left:0;width:100%;height:35px; line-height:35px;}

.fbt li{float:left;width:25%;height:35px;line-height:35px;background:#cf3538;text-align:center;}



.fbt li.s1 a{ background:url(../img/h1.png) no-repeat left center; background-size:20px; padding-left:20px; color:#fff; }

.fbt li.s3 a{ background:url(../img/h3.png) no-repeat left center; background-size:20px; padding-left:20px; color:#fff; }





.fbt li.s2 a{ background:url(../img/h2.png) no-repeat left center; background-size:14px; padding-left:20px; color:#fff; }

.fbt li.s4 a{ background:url(../img/h4.png) no-repeat left center; background-size:20px; padding-left:20px; color:#fff; }



.fbt li.s2,

.fbt li.s4{ background:#2c2c2c;  }

.fbt li a{color:#fff}

.fbt li div{ text-align:center; height:53px; }

.fbt li div img{display:block;margin:0 auto; padding-bottom:2px; text-align:center; height:24px;}

/********以下可共用*******/

.swipea #js{bottom:10px;left:0;position:absolute;text-align:center;width:100%}

.swipea #js a{background:rgba(255,255,255,.7);color:#fff;font-size:12px;width:20px;margin:0 3px;height:20px;line-height:20px;display:inline-block;text-align:center;border-radius:50%}

.swipea img{width:100%; display:block}

.swipea #js a.active{background:#2c2c2c;opacity:.6;color:#fff}

.st{background:#eee;height:49px;line-height:49px;padding:0 20px;color:#5a5959;font-size:12px;position:relative;padding-right:50px}

.st a{color:#5a5959}

.st span{position:absolute;right:10px;top:0}



.tjmenu{background:#2c2c2c;color:#fff;padding-bottom:20px}

.plist h2,.tjmenu h2{background:#cf3538;line-height:50px;padding:0 20px;margin-top:0;color:#fff}

.plist li,.tjmenu .list li{height:40px;font-size:14px;line-height:40px;border-bottom:1px solid #fff;margin:0 20px;position:relative}

.plist h2 a,.plist li a{color:#fff}

.plist li .more,.tjmenu .list li .more{position:absolute;right:0}

.plist{margin-bottom:10px}

.plist h2 a,.plist li a,.tjmenu .list li a,.tjmenu h2 a{color:#fff}



ul.news{margin:20px}

ul.news li{border-bottom:1px solid #dcdcdc;line-height:40px;position:relative;font-size:14px;padding-right:30px}

ul.news li a{color:#999}

ul.news li span{position:absolute;right:0}

ul.news li span a{color:#333}



.x-page{padding:10px}

.x-page li{display:inline-block}

.x-page{text-align:center}

.x-page li{background:#fff;border-radius:5px;line-height:32px;padding:0 20px; color:#666; border:1px solid #efefef;}

.x-page li a{color:#666}

.x-page li strong{font-style:normal;padding:0 5px}



.x-info{padding:15px 20px;line-height:25px}

.x-info .title{line-height:32px;color:#5a5959;font-size:18px;text-align:center}

.x-info .img{text-align:center;padding:20px}

.x-info img{width:100%}

.x-info .time {text-align: center;}

.x-content .content{padding:10px 20px;line-height:25px; font-size:14px;}
.x-content .content img{width:100% !important;}

.img{ padding:20px; text-align:center; }

.img img{ max-width:600px; }

.x-index {padding: 20px}

.x-index{ line-height:25px; font-size:14px; }

.about-title{ padding-bottom:10px; }

.ia-box .aboutinfo h2,

.ia-box .about-content p{ color:#666; }







.x-products .list{width:50%;float:left;margin:0;text-align:center}

.x-products .list img{border:1px solid #dcdcdc;width:calc(100% - 2px);height:auto;margin:0 auto; display:block;}

.x-products .listbox{padding:10px}

.x-products .list h2{font-size:12px;color:#666;text-align:center;height:36px;line-height:36px;overflow:hidden}

.x-products .list h2 a{color:#666}

.x-products .pname{height:32px;line-height:32px;font-size:16px;background:#1767b5;color:#FFF;text-align:left;margin-top:5px;padding-left:51px;margin-bottom:9px}

.x-products .plist li{height:25px;line-height:25px;background:url(../images/dian.png) no-repeat 212px 8px #1767b5;font-size:12px;margin-bottom:3px;padding-left:51px}

.tttc{background:#2c2c2c;color:#fff;line-height:30px;text-align:center;height:30px;padding:10px 20px; margin: 10px 20px; font-size:16px;}





.x-case .listbox{ padding:15px 10px;}

.x-case .listbox .list{position:relative;width:50%;float:left;text-align:center}

.x-case .listbox .listx{background:#f2f2f2;margin:5px; border:1px solid #f2f2f2;}

.x-case .list img{width:100%; height:222px;}

.x-case .listbox .list .sk p{display:block;height:70px}

.x-case .list .r h2{font-size:12px;line-height:25px;text-align:center;line-height:30px;height:30px;overflow:hidden;letter-spacing:0}

.x-case .list .r h2{color:#666}

.x-case .list .r .sk{display:block}





.ia-info p{color:#666 !important;}





.tobuy ul{padding-top:20px}

.tobuy .tobuy-head{height:40px; padding-left:20px; background:#04ac3e; line-height:40px; color:#fff;}

.buyname{color:#474747; width:70px;}

.tobuy ul li{padding:10px 0; line-height:27px;}

.w2em{width:2em; display:inline-block;}

.tobuy ul li .buyinput{ width:calc(100% - 12px); line-height:27px; border:1px solid #aaaaaa; padding:0 5px;}

.tobuy ul li textarea{line-height:21px;}

.tobuy .subbtn{border:0px; background:#04ac3e; color:#fff; padding:3px 10px; margin-left:140px;}

.tobuy .rebtn{border:0px; background:#787978; color:#fff; padding:3px 10px; margin-left:20px;}







@media (max-width: 650px) {

}


@media (max-width: 560px) {

	.x-case .list img{width:100%; height:206px;}
	.stinfo{height:209px;}
	.st2 .stinfo{height:245px;}

}


@media (max-width: 500px) {

	.x-case .list img{height:182px;}
	.stinfo{height:185px;}
	.st2 .stinfo{height:216px;}

}


@media (max-width: 450px) {

	.x-case .list img{height:162px;}
	.stinfo{height:197px;}
	.st2 .stinfo{height:225px;}

}


@media (max-width: 400px) {

	.x-case .list img{height:142px;}

	.stinfo{height:239px;}
	.st2 .stinfo{height:262px;}
}





@media (max-width: 360px) {

	.x-case .list img{height:126px;}

	.stinfo{height:259px; overflow:hidden;}
	.st2 .stinfo{height:280px; overflow:hidden;}
}

iframe{width:100%;}