@charset "utf-8";
/*startpage*/
body{background: #fff;overflow-x: hidden;}
.gd{-moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.main{width:100%; position: relative; left:0; padding-bottom: 5em; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
/* .school{padding-bottom: 4em;} */
.main img{display: block; width:100%;}
.main a{color: #333;}
.main .a_btn{width:45%; text-align: center; display: block; margin: 3% auto; color: #fff; padding:2.5% 0; border-radius: 5px; background-image:-webkit-linear-gradient(to top, #0596D8, #42BFF8); background-image:-moz-linear-gradient(to top, #0596D8, #42BFF8); background-image:linear-gradient(to top,#0596D8,#42BFF8);}
.main .a_btn:active{background:#3BBBF5;}
.clears::after{
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
.clears{
	zoom: 1;
}
/*倒计时*/
.ban .slides li{position: relative;}
.hdlm{position: absolute;top:27%;left:12%;width:80%;height:3em;}
.hdlm_djs{width: 100%;height: 2em;position: absolute;right:0;top: 5%;border-radius: 4px;}
.hdlm_djs .hdlmdjs p{padding: 2% 0 0 2%;}
.hdlm_djs .hdlmdjs p em{float: left;line-height:2em;font-size: 1em;color: #fff;font-style: inherit;margin: 0 3% 0 2%;}
.hdlm_djs .hdlmdjs p span{float: left;width:12%;height:1.8em;border-radius: 3px;line-height: 1.8em;font-size:1.1em;color: #000;letter-spacing:12px;padding-left: 1.5%;background:url(http://www.itcast.cn/2018czgw/images/djs_bg.png) no-repeat center ;background-size: 100%;}
/*通用头部*/
header{width:100%; position: relative; background: #fff;padding: .6em 0; overflow: hidden;}
header .logo{text-align:center;}
header .logo img{max-width:145px;float: left; margin-left: 32%;}
header .logo p{float: right;margin-right: 5%;height: 38px;line-height: 38px;font-size: 16px;}
header .nav_btn{width: 13%; display: none; position: absolute; left:0; top: 0;}
header .nav_btn img{
	width: 100%;
	height: 100%;
}
.school header{border-bottom: none;}

/*导航*/
nav{position: fixed;padding-top: 5%; width:100%; height: 100%;overflow: hidden; left:-260px;top:0; z-index: 1000; width:260px; background: #08293d; overflow:auto; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
nav .navqbkc{
	display: block;
	width: 93%;
	font-size: 1.1em;
	color: #fff;
	margin: 5% 0 0 0;
	border-bottom: 1px #356888 solid;
	padding-left: 7%;
	padding-bottom: 5%;
}
nav ul{
	width: 100%;
	margin-top: 2%;
	margin-bottom: 37%;
}
nav ul li{
	width: 93%;
	height: 44px;
	float: right;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
nav ul li i{
	background: url("http://www.itcast.cn/2018czydz/images/cbicon.png") no-repeat;
	background-size: 100%;
	float: left;
	width: 26px;
	height: 20px;
	margin-top: 13px;
	margin-left: 15px;
	margin-right: 8px;
}
nav ul li.cbon{
	/* background: #0567a2; */
}
nav ul li.cb1 i{
	background-position:  0 0;
}
nav ul li.cb2 i{
	background-position:  0 -20px;
}
nav ul li.cb3 i{
	background-position:  0 -40px;
}
nav ul li.cb4 i{
	background-position:  0 -60px;
}
nav ul li.cb5 i{
	background-position:  0 -80px;
}
nav ul li.cb6 i{
	background-position:  0 -100px;
}
nav ul li.cb7 i{
	background-position:  0 -120px;
}
nav ul li.cb8 i{
	background-position:  0 -140px;
}
nav ul li.cb9 i{
	background-position:  0 -160px;
}
nav ul li.cb10 i{
	background-position:  0 -180px;
}
nav ul li p{
	float: left;
	width: 95%;
	font-size: 1em;
	line-height: 44px;
	border-bottom: 1px #08293d solid;
	padding-left: 10px;
}
nav ul li p a{
	color: #d8ebf7;
	display: block;
	width: 100%;
}
nav ul li.cbon p{
	border-bottom: none;
}
nav ul li.cb10 p{
	border-bottom: none;
}
nav ul li p span{
	float: right;
	padding-right: 20px;
}


/*tab*/
.tabs{
	width: 100%;
	background: #b50e03;
	/* float: left; */
}
.tabs ul{
	width: 100%;
	height: 100%;
	overflow: hidden;
	/* padding: 0 .5em; */
}
.tabs ul li{
	float: left;
	width: 20%;
	text-align: center;
}
.tabs ul li.tabon{
	font-weight: bold;
}
.tabs ul li a{
	display: block;
	width: 100%;
	font-size: 1.1em;
	color: #fff;
	padding: .7em 0 .6em;
}

.tabs .fx_box{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 99;
	display: none;
}
.tabs .fx_box .fxbox_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.6);
}
.tabs .fx_box .fxbox{
	position: absolute;
	width: 94%;
	background: #fff;
	left: 3%;
	top: 30%;
	padding: .5em;
}
.tabs .fx_box .fx_list{
	float: left;
    font-size: .8em;
    width: 21%;
    text-align: center;
    line-height: 2.6em;
    background: #f5f5f7;
    margin: .5em;
}
.tabs .fx_box .fx_list a{
	display: block;
	width: 100%;
}

/*banner部分*/
.flexslider{position: relative;}
.block_home_slider .slide{position:relative;}
.ban-bot .flex-control-paging {position: absolute; bottom:7%; text-align: center; width:100%;}
.ban-bot .flex-control-paging li {display: inline-block; width:6%; height: 3px; line-height: 3px; font-size:0; background: #D5D4E2; margin-right: 1.5%; opacity: .6;}
.ban-bot .flex-control-paging li a{width:100%; height:auto; display:block; text-indent:-9000px; cursor:pointer;}
.ban-bot .flex-control-paging li a.flex-active {background: #fff;}
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; list-style-type: none;}
.ban .swiper-pagination-bullet{width: 6%;background: #D5D4E2;height: 3px;border-radius: 0;}
/*图标部分*/
.icon{width:100%; overflow: hidden; background: #fff;padding-bottom: 5%; margin-bottom: 0%;/* border-bottom: 1px #f4f4f4 solid; */}
.school .icon{padding: 6% 0 1% 0;}
.school .icon ul{padding-top: 5%;}
.icon h2{height: 3em;background: #b50e03; margin-bottom: 1.5em;line-height: 3em;text-align: center;}
.icon h2 a{float: left;width: 40%;height: 100%;color: #fff;padding-left: 10%;}
.icon h2 a.icon_l{background: #b50e03 url('../images/i2.png') no-repeat 2.2em center; background-size: 1.8em;}
.icon h2 a.icon_l.on{background: #fff url('../images/i1.png') no-repeat 2.2em center; background-size: 1.8em;}
.icon h2 a.icon_r{background: #b50e03 url('../images/i4.png') no-repeat 2.2em center; background-size: 1.8em;}
.icon h2 a.icon_r.on{background: #fff url('../images/i3.png') no-repeat 2.2em center; background-size: 1.8em;}
.icon h2 a.on{color: #4a4a4a;}
.icon ul.ul{display: none;}
.icon ul.ulon{display: block;}
.icon ul li{width:25%; float:left; text-align: center; overflow: hidden;  position: relative; padding-bottom: 15%;}
.icon ul li img{width: 60%; margin: 0 auto;border-radius: 50%;}
.icon ul li span{position: absolute; text-align: center; width:100%; display: block; top: 57%; font-size: .9em; }
.icon ul li a{display: block; width:100%;}
.icon ul.iconul2{width: 84%;margin: 0 auto;}
.icon ul.iconul2 li{width: 33%;}
.icon ul.iconul2 li img{width: 54%;}

.boxicon{width:100%; overflow: hidden; background: #fff;padding: 6% 0 1% 0; margin-bottom: 0%;}
.boxicon ul{width: 95%;margin: 0 auto;padding: 5% 0;overflow: hidden;}
.boxicon ul li{
	display: none;
	float: left;
	width: 32%;				
	margin: 0 0.5% 3%;								
}
.boxicon ul li p{
	border-radius: .2em;
	font-size: .7em;
	color: #979797;
	text-align: center;
	background: #f7f7f7;
	height: 5.8em;
	padding-top: 1.3em;
	margin-top: -1.3em;
}
.boxicon ul a span{
	display: block;
	font-size: 1em;
	color: #434343;
	padding: .5em 0 .1em;
	font-weight: bold;
	overflow: hidden;
	/* text-overflow: ellipsis; */
	/* display: -webkit-box; */
	/* -webkit-line-clamp: 1; */
	/* -webkit-box-orient: vertical; */
}
.boxicon ul li i{width: 2.4em;height: 2.4em;display: block;margin: 0 auto;background: url("/2020phone/images/xk_icons3.png") no-repeat 0 0;background-size: 100%;border-radius: 50%;position: relative;z-index: 9;}
.boxicon ul li.web i{background-position-y: -2.7em;}
.boxicon ul li.python i{background-position-y: -8.1em;}
.boxicon ul li.ai i{background-position-y: -10.8em;}
.boxicon ul li.ui i{background-position-y: -13.5em;}
.boxicon ul li.test i{background-position-y: -16.2em;}
.boxicon ul li.xmt i{background-position-y: -18.9em;}
.boxicon ul li.pm i{background-position-y: -21.6em;}
.boxicon ul li.jcdl i{background-position-y: -5.4em;}

.icon .czxyIcon{width: 84%;margin: 0 auto;}
.icon .czxyIcon p{display: none;}
.icon .czxyIcon p.iconp2{width: 100%;border-top: 1px #cfcfd0 solid;margin-top: .6em;padding-top: 1em;}
.icon .czxyIcon p a{width: 33%;display: block;}
.icon .czxyIcon p a img{width: 54%;margin: 0 auto .2em;border-radius: 50%;}
.icon .czxyIcon p a span{text-align: center; width:100%; display: block; font-size: .9em;}

.icon ul li.last1024{
	width: 55%;
    margin-left: 9%;
	padding-bottom: 0;
}
.icon ul li.last1024 img{
	width: 100% !important;
	height: auto !important;
    border-radius: 0 !important;
    margin-top: 13% !important;
}

.xszb{width: 100%;background: #f7f7f7;padding: 8% 0 5% 3%; margin: 3% 0;}
.xszb .swiper-container{margin-top: 6%;position: relative;padding-bottom: 8%;}
.xszb .conlist{float: left;width: 45%;margin: 0 4% 5% 0;background: #fff;border-radius: 5%;padding: 5% 0;}
.xszb .conlist h3{font-size: 1.2em;color: #0d61de;text-align: center;font-weight: bold;}
.xszb .conlist h4{font-size: 1em;color: #333;text-align: center;padding: 5% 0 5%;}
.xszb .conlist p{font-size: 1.1em;color: #333;position: relative;padding-left: 29%;}
.xszb .conlist p img{width: .9em;left: 17%;top: .2em;position: absolute;}
.xszb .conlist a{display: block;width: 68%;height: 2.2em;font-size: .9em;color: #fff;background: #5b86cb;border-radius: 1em;text-align: center;line-height: 2.2em;margin: 6% auto 0;}
.xszb .swiper-pagination .swiper-pagination-bullet{background: #bebebe;opacity: 1;width: .6em;height: .6em;border-radius: .3em;}
.xszb .swiper-pagination .swiper-pagination-bullet-active{background: #60a7f6;width: 1.5em;}
.xszb .last img{display: block;margin: 15%auto 10%;width: 25%;}
.xszb .last p{font-size: 1em;color: #457cd7;font-weight: bold;padding: 0;text-align: center;padding-bottom: 12%;}
/*新闻部分 */
.news{background:#fff; padding-bottom:3%;}
.main .tops{width: 100%;padding-left: 3%;color: #333333;}
.main .tops b{font-size: 1.1em;font-weight: 400;}
.main .tops span{width: .3em;height: 1.2em;background: #f00;float: left;margin-top: .2em;margin-right: 2%;}
.school .tops img{width: 5.5%;float: left;margin: .8% 3% 0 0;}
.news ul{padding-top: 3%;}
.news ul li{width:90%; background: url(http://www.itcast.cn/2018czydz/images/dot.jpg) no-repeat left center; background-size:2%; padding:1.5% 0 1.5% 5%;margin-left: 6%;}
.news ul li a{font-size: .9em; display: block; width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color: #262128; }
.news ul li .li_down span{font-size: .8em; color: #838383; padding-right:2%;}
.news_mt ul li{background: url(http://www.itcast.cn/2018czydz/images/dot.jpg) no-repeat left 23%; background-size:2%; padding:2.5% 0 2.5% 5%;}

.main .lxlx .footpics{display: none;}
.fxfooter .szbot{display: none;}

/* 内容 */
.con{
	clear: both;
	overflow: hidden;
}
/* 广告 */
.ad{
	width: 100%;
	margin-top: 5%;
}

/* 新闻 */
.newss{
	margin-bottom: 1rem;
}
.newss .tops{
	width: 100%;
	padding-left: 3%;
	color: #333333;
}
.newss .tops span{
	width: .3em;
	height: 1.2em;
	background: #f00;
	float: left;
	margin-top: .2em;
	margin-right: 2%;
}
.newss .tops b{
	font-size: 1.2em;
	font-weight: 400;
}
.newss .tops b a{
		color: #333;
}
.newss .tops .aright{
	float: right;
	padding-right: 5%;
	font-size: .9em;
	color: #368cd9;
	margin-top: 1%;
}
.newss .banner{
	width: 93.5%;
	margin-left: 3%;
	position: relative;
	margin-top: 1.2em;
	border-radius: .2em;
}
.newss .banner span{
	position: absolute;
	bottom: 0em;
	color: #fff;
	font-size: 1em;
	display: block;
	background: rgba(233 ,51,35,.5);
	padding: .3em .2em .3em .7em;
	width: 100%;
	line-height: 1.3rem;
	box-sizing:border-box;
	border-radius: 0 0 .3em .3em;
}
.newss ul{
	padding: 0 3%;
}
.newss ul li{
	padding: .8em 0;
	border-bottom: 1px solid #d2d2d2;
}
.newss ul li div{
	font-size: 1em;
	color: #333333;
	padding-bottom:  .6em;
}
.newss ul li p{
	font-size: .7em;
	color: #999999;
}
.newss ul li p img{
	width: 1em;
	display: inline-block;
	margin-right: .3em;
	/*float: left;
	margin-top: .22em;*/
	vertical-align: middle;
}
.newss ul li p span{
	vertical-align: middle;
}
/* 就业薪资 */
.jyxz{
	width: 100%;
	margin-top: 5%;
}
.school .jyxz{margin-top: 0;}
.jyxz .jyxzbot{
	width: 97%;
	height: 7em;
	margin-left: 3%;
	overflow: hidden;
	margin-top: 5%;
}
.jyxz .jyxzbot .swiperS{
	display: inline-block;
	width: 9em;
	height: 7em;
	margin-right: .8em;
	background: #eee;
	border-radius: .5em;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.jyxz .jyxzbot .swiperS a{display: block;width: 100%;height: 100%;}
.jyxz .jyxzbot .swiperS .jyxz_span1{
	display: inline-block;
	font-size: 1.2em;
	color: #333;
	font-weight: bold;
	padding: .6em .5em .3em;
	border-bottom: 1px #333 solid;
	position: relative;
}
.jyxz .jyxzbot .swiperS .jyxz_span1 span{
	display: block;
	font-size: .8em;
	position: absolute;
	left: -.2em;
}
.jyxz .jyxzbot .swiperS .jyxz_span2{
	display: block;
	font-size: 1em;
	color: #333;
	padding: .3em 0;
}
.jyxz .jyxzbot .swiperS .jyxz_span3{
	display: block;
	width: 100%;
	height: 2em;
	margin-top: .3em;
	font-size: .9em;
	line-height: 2em;
	color: #fff;
	background: #e60012;
	position: absolute;
	bottom: 0;
}

/* 学员故事 */
.story{
	width: 100%;
	margin-top: 5%;
}
.story .story-bot{
	width: 94%;
	margin-left: 3%;
	margin-top: 5%;
	padding-bottom: 6%;
}
.story .story-bot a{
	float: left;
}
.story .story-bot .story1{
	width: 62%;
	margin-right: 2%;
}
.story .story-bot .story2{
	width: 36%;
	margin-bottom: 3%;
}
.story .story-bot a img{
	border-radius: .5em;
	margin-bottom: .3em;
}
.story .story-bot a span{
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow:ellipsis;
	font-size: .7em;
	color: #333;
	line-height: 1.6em;
	padding-left: .3em;
}
.story-bot .flex-control-paging{position: absolute; bottom: -7%; text-align: center; width:100%;}
.story-bot .flex-control-paging li{display: inline-block; width:12px; height: 12px; font-size:0; background: #fff; margin: 0 1%;}
.story-bot .flex-control-paging li a{display:block;width:100%; height:100%; text-indent:-9000px; cursor:pointer;border-radius: 50%;border: 1px #b50e03 solid;}
.story-bot .flex-control-paging li a.flex-active{background: #b50e03;}

/* 免费教程 */
.course{padding-top: 5%;}
.course .course-bot{
	width: 98%;
	margin: 5% 0 0 3.5%;
}
.course .course-bot ul li{
	float: left;
	width: 45%;
	margin: 0 5% 6% 0;
}
.course .course-bot ul li img{border-radius: 10px;}
.course .course-bot ul li h2{
	font-size: .9em;
	color: #333;
	padding: .5rem 0 .4rem 1%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.course .course-bot ul li p{
	font-size: .8em;
	color: #929292;
	padding-left: 12%;
	background: url("http://www.itcast.cn/2018czydz/images/video7.jpg") no-repeat 2% center;
	background-size: 8%;
}

/* 近期开班 */
.jqkb{
	width: 92%;
	margin: 6% auto 0;
	border-radius: 10px;
	overflow: hidden;
}
.jqkb .jqkbbot{
	width: 94%;
	margin-top: 5%;
	margin-left: 3.5%;
}
.jqkb .jqkbbot ul{
	width: 100%;
}
.jqkb .jqkbbot ul li{
	width: 30%;
	display: inline-block;
	background: url("http://www.itcast.cn/2018czydz/images/kbbg1.jpg") no-repeat center top;
	background-size: 100% 100%;
	margin-right: 3%;
	padding: 3em .3em .5em;
	text-align: center;
}
.jqkb .jqkbbot ul li.jqkbmr{
	margin-right: 0;
}
.jqkb .jqkbbot ul li.jqkbmr a{display: block;width: 100%;height: 100%;}
.jqkb .jqkbbot ul li .jqkb_span1{
	display: block;
	font-size: 1em;
	color: #333;
}
.jqkb .jqkbbot ul li .jqkb_span2{
	display: block;
	width: 100%;
	margin: .5em auto;
	background: #fff;
	font-size: .9em;
	color: #333;
	line-height: 1.5em;
}

/* 本周精华 */
.bzjh{
	margin-top: 8%;
}
.bzjh .tops ul{
	float: right;
	width: 70%;
	margin-top: .2em;
}
.bzjh .tops li{
	float: left;
	margin-right: 5%;
	font-size: .9em;
}
.bzjh .tops li.topson{
	color: #d72502;
	font-weight: bold;
	border-bottom: 1px #d72502 solid;
	padding-bottom: .2em;
}
.school .bzjh .tops ul{width: 90%;margin-top: 0;}
.school .bzjh .tops li.topson{color: #333;border-bottom-width: 2px;font-weight: normal;}
.school .bzjh .tops li{font-size: 1.1em;}
.bzjhbot{
	width: 96%;
	margin: 5% auto 0;
}
.bzjhbot ul{
	width: 100%;
	height: 100%;
	display: none;
}
.bzjhbot ul.bzjhon{
	display: block;
}
.bzjhbot li{
	width: 50%;
	height: 11.5em;
	display: inline-block;
}
.bzjhbot li img{
	width: 96%;
	height: 8em;
	margin: .5em auto;
	/* float:left; */
}
.bzjhbot li span{
	display: block;
	float: left;
	width: 96%;
	height: 3.5em;
	margin-left: 2%;
	overflow: hidden;
	font-size: .9em;
	color: #333;
	text-align: center;
	line-height: 1.6em;
}

/* 校园环境 */
.xyhj{
	width: 100%;
	margin-top: 10%;
}
.xyhj .tops{
	position: relative;
}
.xyhj .tops .xq{
	position: absolute;
	right: 3%;
	top: 0;
	background: #b50e03;
	padding: .3em .8em .5em;
	border-radius: .5em;
	font-size: 1em;
	color: #fff;
}
.xyhj .tops .xq i{
	float: left;
	margin-top: .1em;
}
.xyhj .tops .xq img{
	float: right;
	width: 12px;
	margin-top: 10%;
}
.xyhj .tops .xqlist{
	position: absolute;
	z-index: 999;
	width: 60%;
	right: 2%;
	top: 2.5em;
	border:1px #ccc solid;
	background: #fff;
	display: none;
}
.xyhj .tops .xqlist li{
	float: left;
	font-size: .8em;
	width: 33%;
	text-align: center;
	line-height: 2em;
}
.xyhj .xyhjbot{
	width: 96%;
	margin: 7% auto 0;
}
.xyhj .xyhjbot .xyhjs{
	width: 100%;
	height: 100%;
}
.xyhj .xyhjbot .xyhjs .block_home_slider{height: 0;overflow: hidden;}
.xyhj .xyhjbot .xyhjs .block_home_slider>a{display: none;}
.xyhj .xyhjbot .xyhjs .cur{height: auto;}
.xyhj .xyhjbot .xyhjs .block_home_p{display: none;}
.xyhj .xyhjbot .xyhjs a{
	float: left;
	margin-bottom: .5em;
}
.xyhj .xyhjbot .xyhjs .xy1{
	width: 49%;
}
.xyhj .xyhjbot .xyhjs .xy2{
	float: right;
	width: 49%;
}
.xyhj .xyhjbot .xyhjs .xy3{
	width: 32%;
	margin-right: 2%;
}
.xyhj .xyhjbot .xyhjs .xy4{
	width: 32%;
}
.xyhj .flex-control-paging{position: absolute; bottom: -17%; text-align: center; width:100%;}
.xyhj .flex-control-paging li{display: inline-block; width:12px; height: 12px; font-size:0; background: #fff; margin: 0 1%;}
.xyhj .flex-control-paging li a{display:block;width:100%; height:100%; text-indent:-9000px; cursor:pointer;border-radius: 50%;border: 1px #b50e03 solid;}
.xyhj .flex-control-paging li a.flex-active{background: #b50e03;}
.xyhj .xyhjbot a.sjbtnschool{
	display: block;
	width: 50%;
	margin: 4% auto 10%;
}
.xyhj .xyhjbot a.sjbtnschool img{border-radius: 20px;}

/* 常见问题 */
.indcjwt{
	margin-top: 5%;
	margin-bottom: 10%;
}
.indcjwt .tops{
	padding-bottom: 2%;
}
.indcjwt .tops a.aright,.course .tops a.aright{
	float: right;
	padding-right: 5%;
	font-size: .9em;
	color: #b50e03;
	margin-top: 1%;
}
.indcjwt ul{
	width: 92%;
	margin: 3% auto;
	border-top: 1px #d2d2d2 solid;
}
.indcjwt ul li{
	font-size: .9em;
	color: #333;
	line-height: 2.4em;
	border-bottom: 1px #d2d2d2 solid;
	padding: 0 5%;
}
.indcjwt ul li a{display: block;}
.indcjwt ul li span{
	float: right;
}

.mark{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: none;
}
.mark .markbg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	opacity: .7;
}
.mark .xqlist{
	position: absolute;
	left: 3%;
	top: 30%;
	z-index: 999;
	width: 94%;
	border:1px #ccc solid;
	background: #fff;
	padding: .5em;
}
.mark .xqlist li{
	float: left;
    font-size: .8em;
    width: 21%;
    text-align: center;
    line-height: 2.6em;
    background: #f5f5f7;
    margin: .5em;
}

/* 关于我们 */
.gywm{
	width: 100%;
	height: 100%;
	margin-top:5%;
}
.gywm .gywmtop{
	width: 90%;
	margin: 0 auto;
}
.gywm .gywmbot{
	width: 100%;
	height: 100%;
	position: relative;
	margin-top: 8%;
}
.gywm .gywmbot .thoch{
	width: 25%;
	margin: 0 auto;
}
.gywm .gywmbot .jt{
	width: 4%;
	position: absolute;
	right: 34%;
	top: 50%;
}
.gywm .gywmbot p{
	font-size: 1.1em;
	color: #b50e03;
	text-align: center;
	margin-top: 1em;
}

/* 关于我们页面 */
.gywmlist{
	width: 100%;
	height: 100%;
}
.gywmtab{
	width: 100%;
	height: 100%;
	background: #eee;
	height: 3em;
	line-height: 3em;
}
.gywmtab ul{
	width: 100%;
	display: flex;
	text-align: center;
}
.gywmtab li{
	-webkit-flex: 1;
}
.gywmtab li a{
	color: #383838;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 1em;
}
.gywmtab li.gywmtabon a{
	color: #d71418;
	border-bottom: .15em #d71418 solid;
	height: 2.85em;
}
.gywmlist .gywmcon{
	width: 100%;
	height: 100%;
}
.gywmlist .gywmcon .gywmconlis{
	width: 90%;
	margin: 0 auto;
	display: none;
}
.gywmlist .gywmcon .gywmcons{
	display: block;
}
.gywmlist .gywmcon .gywmconlis h2{
	text-align: center;
	font-size: 1em;
	margin-top: 6%;
}
.gywmlist .gywmcon .gywmconlis p{
	font-size: 1em;
	line-height: 1.7em;
	color: #464646;
	margin-top: 6%;
}
.gywmlist .gywmcon .gywmconlis img{
	margin-top: 8%;
}
.gywmlist .gywmcon .gywmconlis .gywmlis{
	display: none;
}
.gywmlist .gywmcon .gywmconlis .gywmzk{
	width: 20%;
	text-align: center;
	margin: 8% auto;
	font-size: 1em;
	color: #464646;
}
.gywmlist .gywmcon .gywmconlis .gywmzk img{
	width: 35%;
	margin: .5em auto;
}
.gywmlist .gywmconlis2{
	width: 100%;
	height: 100%;
	border-left: 1px #d81416 solid;
	padding: 0 0 0 1em;
}
.gywmlist .gywmconlis2 .gywm-con{
	position: relative;
	margin-top: 10%;
}
.gywmlist .gywmconlis2 .gywm-con em{
	position: absolute;
	width: .8em;
	height: .8em;
	background: #fff;
	border: 1px #d81416 solid;
	border-radius: 50%;
	left: -1.5em;
	top: 0;
}
.gywmlist .gywmconlis2 .gywm-con span{
	background: #d81416;
	padding: .3em;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	border-radius: .3em;
}
.gywmlist .gywmconlis2 .gywm-cons{
	display: none;
}

/* 常见问题 */
.cjwt{
	width: 100%;
	height: 100%;
}
.cjwt .cjwtcon{
	width: 100%;
	height: 100%;
}
.cjwt .cjwtcon .cjwtcon-lis{
	width: 100%;
	background: #eee;
	display: none;
}
.cjwt .cjwtcon .cjwtcon-lison{
	display: block;
}
.cjwt .cjwtcon .cjwtcon-lis div{
	width: 100%;
	background: #fff;
	padding: 5% 3% 8% 11%;
	margin-bottom: 3%;
}
.cjwt .cjwtcon .cjwtcon-lis h2{
	font-size: 1em;
	color: #000;
	position: relative;
	margin-bottom: 4%;
}
.cjwt .cjwtcon .cjwtcon-lis h2 span{
	position: absolute;
	left: -9%;
	top: 9%;
	width: 1.2em;
	height: 1.2em;
	text-align: center;
	line-height: 1.1em;
	font-size: 1em;
	background: #d71418;
	color: #fff;
}
.cjwt .cjwtcon .cjwtcon-lis p{
	font-size: .9em;
	color: #434343;
	position: relative;
	line-height: 1.6em;
}
.cjwt .cjwtcon .cjwtcon-lis p a{
	color: #d71418;
	text-decoration: underline;
}
.cjwt .cjwtcon .cjwtcon-lis p span{
	position: absolute;
	left: -9%;
	top: 2%;
	width: 1.2em;
	height: 1.2em;
	text-align: center;
	line-height: 1.1em;
	font-size: 1em;
	background: #fff;
	border: 1px #d71418 solid;
	color: #d71418;
}

/* 关注我们 */
.gzwm{
	width: 100%;
	height: 100%;
}
.gzwm ul{
	width: 100%;
	height: 100%;
	margin-top: 5%;
}
.gzwm ul li{
	padding: 6% 3%;
	border-bottom: 1px #efefef solid;
	position: relative;
}
.gzwm ul li em{
	float: right;
	border: 1px #d71418 solid;
	color: #d71418;
	padding: 1% 6% 1.5%;
	border-radius: 1em;
}
.gzwm ul li img{
	width: 6%;
	float: left;
	margin-right: 3%;
}
.gzwm ul li span{
	font-size: 1em;
	color: #000;
}
.gzwm .hm{
	width: 40%;
	margin: 5% auto;
	display: none;
}
.gzwm .hm p{
	font-size: 1em;
	color: #6d6d6d;
	text-align: center;
	padding-top: .8em;
}
.gzwm #wb{
	position: absolute;
    right: 5%;
    top: 40%;
    opacity: 0;
}
.gzwm #qq{
	position: absolute;
    right: -5%;
    top: 40%;
    opacity: 0;
}

/* 师资 */
.sz{
	width: 100%;
	height: 100%;
}
.sz .sztab{
	width: 100%;
	height: 3em;
	line-height: 3em;
	background: #eee;
	font-size: .9em;
	color: #383838;
}
.sz .sztab .swiper-slide{
	text-align: center;
}
.swipers .swiperson{
	color: #d71418;
	border-bottom: .15em #d71418 solid;
	height: 3em;
}
.sz .szcon{
	width: 100%;
}
.sz .szcon .szcon-lis{
	width: 95%;
	display: none;
}
.sz .szcon .szcon-lison{
	display: block;
}
.sz .szcon .szcon-lis dl{
	width: 100%;
	height: 100%;
	margin: 5% 2.5% 0;
	border-bottom: 1px #c4c4c4 solid;
	padding-bottom: 5%;
	display: none;
}
.sz .szcon .szcon-lis dl:after{
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}
.sz .szcon .szcon-lis dt{
	float: left;
	width: 5em;
	height: 5em;
	border-radius: 50%;
	overflow: hidden;
}
.sz .szcon .szcon-lis dd{
	float: right;
	width: 72%;
	line-height: 1.4em;
}
.sz .szcon .szcon-lis dd h2{
	font-size: .9em;
	color: #000;
}
.sz .szcon .szcon-lis dd p{
	font-size: .7em;
	color: #6b6b6b;
}
.sz .fenye{
	width: 100%;
	margin-top: 5%;
	text-align: center;
}
.sz .fenye span{
	/* float: left; */
	display: inline-block;
}
.sz .fenye div{
	/* float: left; */
	display: inline-block;
}
.sz .fenye div i{
	/* float: left; */
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	border: 1px #e2e2e2 solid;
	font-size: 1em;
	text-align: center;
	line-height: 1.5em;
	margin: -.1em .3em 0;
}
.sz .fenye div i.cur{
	background: #0667a2;
	color: #fff;
}

/* 校区 */

/* 分校 */
.lxlx .con_l{width: 94%;margin: 6% auto 0;}
.lxlx .lxlx_con p{
	font-size: .9em;
	color: #333;
	text-align: center;
	padding: 6% 5%;
	line-height: 1.6em;
}
.lxlx .lxlx_con a{
	display: block;
	width: 50%;
	height: 2.2em;
	font-size: .9em;
	text-align: center;
	line-height: 2.2em;
	border-radius: .5em;
	color: #fff;
	background: #e60012;
	margin: 0 auto 10%;
}
/* .lxlx .lxlx_con a.sjbtnschool{ */
	/* height: 2.7em; */
	/* background: url("/2020gw/images/sjbtnschool.jpg") no-repeat; */
	/* background-size: 100%; */
	/* margin-bottom: 4%; */
/* } */

.swipers2 .swiperson{
	color: #d71418;
	border-bottom: .15em #d71418 solid;
	height: 3em;
}
.xq .xqcon{
	width: 100%;
	height: 100%;
}
.xq .xqcon .xqcon-lis{
	width: 100%;
	height: 100%;
}
.xq .xqcon .xqcon-lis .xqban{
	width: 94%;
	height: 100%;
	margin: 6% auto 0;
	position: relative;
}
.xq .xqcon .xqcon-lis .xqban span{
	font-size: .9em;
	color: #fff;
	background: #d71418;
	padding: 1% 3%;
	position: absolute;
	left: 0;
	bottom: 0
}
.xq .xqcon-lis .xqxk{
	width: 94%;
	margin: 0 auto;
	display: none;
}
.xq .xqcon-lis .xqxk_cur{display: block;}
.xq .xqcon-lis .xqxk h2{
	font-size: 1.1em;
	color: #d71418;
	position: relative;
	padding-left: 8%;
	margin-top: 8%;
}
.xq .xqcon-lis .xqxk h2 img{
	width: 6%;
	position: absolute;
	left: 0;
	top: 0;
}
.xq .xqcon-lis .xqxk .xqxk-con span{
	display: inline-block;
	width: 45%;
	margin-left: 3%;
	margin-top: 5%;
	border-radius: .2em;
	height: 2em;
	line-height: 2em;
	font-size: .9em;
	color: #5c5c5c;
	text-align: center;
	border: 1px #5c5c5c solid;
}
.xq .xqcon-lis .xqxk .xqlx{
	width: 94%;
	margin-left: 6%;
	margin-top: 5%;
	font-size: .9em;
	color: #4f4f4f;
	line-height: 1.6em;
}
.xq .xqcon-lis .xqxk .xqlx p{
	margin-bottom: 5%;
}
.xq .xqcon .xqzx{
	float: left;
	width: 40%;
	margin-left: 30%;
	margin-top: 3%;
	height: 2em;
	font-size: 1em;
	color: #fff;
	background: #d71418;
	text-align: center;
	line-height: 2em;
	border-radius: 1.5em;
}
.xq .xqcon:after{
	content:".";
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}


/* 报名流程 */
.bmlc{
	width: 100%;
	height: 100%;
}
.bmlc .bmlc-con{
	width: 90%;
	height: 100%;
	margin: 5% auto;
}
.bmlc .bmlc-con h2{
	position: relative;
	width: 100%;
	font-size: 1em;
	color: #d71418;
	padding-left: 8%;
	margin-bottom: 5%;
}
.bmlc .bmlc-con h2 img{
	position: absolute;
	left: 0;
	top: 4%;
	width: 5%;
}
.bmlc .bmlc-con p{
	font-size: .9em;
	color: #505050;
	line-height: 1.6em;
}

.bmlc .bmlc-con1 .con1_kbcx h3{
	width: 100%;
	position: relative;
	margin-bottom: 5%;
}
.bmlc .bmlc-con1 .con1_kbcx h3 span{
	float: left;
	width: 30%;
	height: 2.1em;
	font-size: .9em;
	color: #fff;
	text-align: center;
	line-height: 2.1em;
	background: #d71418;
}
.bmlc .bmlc-con1 .con1_kbcx h3 b{
	position: absolute;
	width: 44%;
	height: 1.9em;
	left: 30%;
	top: 0;
	font-size: .9em;
	color: #3b3b3b;
	border: .1em #535353 solid;
	border-left: none;
	padding-left: 5%;
	padding-right: 16%;
	z-index: 999;
	line-height: 1.9em;
	overflow: hidden;
	display: none;
}
.bmlc .bmlc-con1 .con1_kbcx h3 select{
	/* position: absolute; */
	width: 65.5%;
	height: 2.1em;
	/* left: 30%; */
	/* top: 1.8em; */
	background: #fff;
	/* z-index: 9999; */
	/* text-align: center; */
	border: .05em #535353 solid;
	padding-left: 5%;
	font-size: .9em;
	border-radius: 0;
	/* border-top: none; */
	/* overflow: auto; */
	/* display: none; */
}
/* .bmlc .bmlc-con1 .con1_kbcx h3 select option{ */
	/* white-space: nowrap; */
    /* text-overflow: ellipsis; */
    /* overflow: hidden; */
/* } */
.bmlc .bmlc-con1 .con1_kbcx h3 img{
	position: absolute;
	width: 5%;
	right: 13%;
	top: 34%;
	z-index: 0;
}
.bmlc .bmlc-con1 .con1_kbcx .con1kbcx{
	clear: both;
	padding: 5% 0 2%;
}
.bmlc .bmlc-con1 .con1_kbcx .con1kbcx div{min-height: 4em;max-height: 9em;overflow: hidden;}
.bmlc .bmlc-con1 .con1_kbcx .con1kbcx div:first-child{border-bottom: 1px #ddd solid;padding-bottom: 5%;margin-bottom: 4%;}
.bmlc .bmlc-con1 .con1_kbcx .con1kbcx p{
	text-align: center;
	font-size: 1em;
	color: #3b3b3b;
	line-height: 2em;
	position: relative;
}
.bmlc .bmlc-con1 .con1_kbcx .con1kbcx p span{
	padding-right: 5%;
}
.bmlc .bmlc-con1 .con1_kbcx .con1kbcx p span.conspan1{display: inline-block; width: 30%;}
.bmlc .bmlc-con1 .con1_kbcx .con1kbcx p img{
	width: 5%;
	position: absolute;
	right: 12%;
	top: 15%;
	display: none;
}

.bmlc .bmlc-con3 select{
	width: 25%;
	height: 2.5em;
	padding-left: 3%;
	filter: .9em;
	color: #707070;
	border-color: #707070;
	background: #fff;
}
.bmlc .bmlc-con .bmlcxq{
	position: relative;
	margin: 5% 0;
}
.bmlc .bmlc-con .bmlcxq img{
	position: absolute;
	width: 3%;
	left: 20%;
	top: 40%;
	z-index: 0;
}
.bmlc .bmlc-con .bmlcxq span{
	font-size: .9em;
	color: #d71418;
}

.bmlc .bmlc-con3 .bmbank .bank_list{
	display: none;
}
.bmlc .bmlc-con3 .bmbank .bank_list_cur{
	display: block;
}

/* 报名表单 */
.bmbd{
	width: 100%;
	height: 100%;
}
.bmbd .bmbd-con{
	width: 100%;
	height: 100%;
	margin: 6% auto;
}
.bmbd .bmbd-con>div{
	width: 100%;
	height: 2.5em;
	line-height: 2.5em;
	position: relative;
	margin-bottom: 3%;
}
.bmbd .bmbd-con>div label{
	float: left;
	font-size: 1em;
	color: #262128;
	width: 26%;
}
.bmbd .bmbd-con select,.bmbd .bmbd-con input{
	width: 70%;
	height: 2.5em;
	border: 1px #262128 solid;
	padding-left: 3%;
	border-radius: .3em;
}
.bmbd .bmbd-con>div img{
	width: 3%;
	position: absolute;
	left: 90%;
	top: 42%;
}
.bmbd .bmbd-con>div button{
	width: 90%;
	height: 2.5em;
	background: #d71418;
	color: #fff;
	border-radius: 1.5em;
	border: none;
	margin: 5% 5% 3%;
}
.bmbd .bmbdp{
	width: 90%;
	margin-left: 5%;
	font-size: .8em;
	color: #262128;
	line-height: 1.6em;
	text-align: center;
	padding: 0 3%;
}


/* 底部 */
.footer{
	width: 100%;
	height: 100%;
	margin-top: 8%;
}
.footer .footlist{font-size: .8em;color: #999;padding: 1% 1% 0;margin: -2% 0 2%;}
.footer .footlist a{margin: 0 .3em 0;color: #333;}
.footer p{
	font-size: .8em;
	color: #333;
	text-align: center;
	line-height: 1.6em;
	padding: 0 5%;
}
.footer p img{width: 5%;display: inline-block;}

/* 上下排版*/
/* .bdzx{width:100%; height: 4em; background: rgb(181, 14, 3); position: fixed; bottom:0; left:0;  z-index: 1002; max-width: 760px;} */
/* .bdzx ul{width: 100%;height: 100%;display: flex;text-align: center;} */
/* .bdzx ul li{-webkit-flex: 1;} */
/* .bdzx ul li a{float: left;width: 100%;height: 100%;} */
/* .bdzx ul li i{display: block;margin: .6em auto .1em; width: 22px;height:23px;background: url("http://www.itcast.cn/2018czydz/images/bdzx2.png") no-repeat;background-size:355%;} */
/* .bdzx ul li.bdzx1 i{background-position: 0 0;} */
/* .bdzx ul li.bdzx2 i{background-position: -25px -2px;background-size:355%;} */
/* .bdzx ul li.bdzx3 i{background-position: -48px -2px;background-size:414%;} */
/* .bdzx ul li.bdzx4 i{background-position: -70px -3px;background-size:414%;} */
/* .bdzx ul li span{color: #fff;font-size: .9em;} */


/*悬浮*/
.bdzx{width:100%; height: 3em; background: rgb(181, 14, 3); position: fixed; bottom:0; left:0;  z-index: 1002; max-width: 760px;}
.bdzx ul{width: 100%;height: 100%;display: flex;text-align: center;}
.bdzx ul li{-webkit-flex: 1;}
.bdzx ul li a{float: left;width: 100%;height: 100%;position: relative;}
.bdzx ul li i{display: block;float: left;margin: 1em 5% 0 14%; width: 18px;height:23px;background: url("http://www.itcast.cn/2018czydz/images/bdzx2.png") no-repeat;background-size:355%;}
.bdzx ul li.bdzx1 i{background-position: 0 0;margin-left: 26%;margin-top: .95em;}
.bdzx ul li.bdzx2 i{background-position: -25px -2px;background-size:355%;}
.bdzx ul li.bdzx3 i{background-position: -39px -2px;background-size:414%;}
.bdzx ul li.bdzx4 i{background-position: -56px -3px;background-size:414%;}
.bdzx ul li span{color: #fff;font-size: 1em;float: left;margin-top: .8em;}
.bdzx ul li em{position: absolute;width: 1px;height: 1.4em;background: rgba(255,255,255,.3);right: 0;top: .8em;}



/* 咨询 */
.zxdh-box{
	width: 3em;
	height: 3em;
	position: fixed;
	right: 5%;
	bottom: -3%;
	z-index: 1;
	margin-bottom: 150px;
	background: rgba(173,173,173,.9);
	display: none;
	border-radius: .5em;;
	overflow: hidden;
}
.zxdh-box .zxdh{
	display: block;
	color: #fff;
	text-align: center;
	line-height: 3.2em;
}

/*回到顶部*/
.back{width:10%; position: fixed; right:1%; bottom:12%; display: none; border-radius: 50%; overflow: hidden; box-shadow: 0 0 8px #e1e1e1;}

.clears::after{
	content: ".";
	clear: both;
	display: block;
	overflow: hidden;
	font-size: 0;
	height: 0;
}
.clears{
	zoom: 1;
}

/*小屏幕/苹果5s*/
@media only screen and (max-width: 360px){
/*.icon ul li span{font-size: .9em;}	*/
	body{font-size: .9rem;}
	header .nav_btn{width: 15%;}
	.tab{
		padding: .8em 1em;
	}
	.icon ul li{padding-bottom: 16%;}
	.icon ul li span{top: 56%;}
	.bmlc .bmlc-con .bmlcxq span{
		font-size: .8em;
	}
	.bmlc .bmlc-con p{
		line-height: 1.8em;
	}
	.bmbd .bmbd-con>div img{
		top: 40%;
	}
	.hdlm_djs .hdlmdjs p span{letter-spacing:8px;padding-left: 1.5%;}
}

/* iphone6 plus */
@media (min-width : 410px) and (max-width : 736px) and (-webkit-min-device-pixel-ratio : 3){
	header .nav_btn{width: 12%;}
	.icon ul li{padding-bottom: 15%;}
	.icon ul li span{top: 60%;}
	.hdlm_djs .hdlmdjs p span{;letter-spacing:13px;padding-left: 2%;}
}

/*大于pad屏幕*/
@media only screen and (min-width: 750px){
	body{font-size: 1.5rem; max-width: 750px;}
	header{padding:24px 0;}
	header .nav_btn{width: 14.5%;}
	header .logo img{max-width:260px;}
	nav ul{margin-bottom: 60%;}
	nav ul li{
		width: 96%;
		height: 60px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
	}
	nav ul li i{
		margin-top: 20px;
	}
	nav ul li p{
		width: 103%;
		line-height: 60px;
		font-size: .9em;
		padding-left: 3px;
	}
	
	
	.school .tops img{width: 5%;}
	
	.gzwm #qq{
	    right: 3%;
	    top: 49%;
	}
	.gzwm #wb{
	    right: 8%;
	    top: 48%;
	}
	.bmlc .bmlc-con select{
		height: 3em;
	}
	.bmlc .bmlc-con .bmlcxq img{
		width: 2%;
		left: 14%;
		top: 35%;
	}
	.bzjhbot li span{height: 9em;}
	.bdzx ul li i{width: 28px;height: 25px; background: url("http://www.itcast.cn/2018czydz/images/bdzx1.png") no-repeat;margin-left: 20%;}
	.bdzx ul li.bdzx1 i{background-position: 0 -25px;margin-left: 30%;}
	.bdzx ul li.bdzx2 i{background-position: 0 0;background-size: auto;}
	.bdzx ul li.bdzx3 i{background-position: 0 0;background-size: auto;}
	.bdzx ul li.bdzx4 i{background-position: 0 -75px;background-size: auto;}
	.quck ul li .li_in span{padding-top:7%;}
	.bdzx{left: 50%; margin-left: -380px;}
	.back{width:3%; right:50%; margin-right: -380px;}
	.hdlm{height: 4em;top: 25%;}
	.hdlm_djs .hdlmdjs p em{font-size: 1.5em;margin: 0 3% 0 2%;}
.hdlm_djs .hdlmdjs p span{width:12%;font-size:1.7em;letter-spacing:12px;}
}