@charset "utf-8";
/* CSS Document by zt */
.ban{position: relative;}
.school_news{position: absolute; width:1200px; height: 0; left: 50%; margin-left: -600px; z-index: 99;}
.school_news .news_in{width:232px; height: 246px; background: #fff; float: right; margin-top: 36px; border-radius: 7px; overflow: hidden;}
.school_news .news_in h3{font-size: 16px; text-align: center; background: #999; color: #fff; line-height: 36px;}
.school_news .news_in ul{padding:15px 0;}
.school_news .news_in ul li{line-height: 26px; padding-left: 15px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.school_news .news_in ul li a:hover{color: #D72502;}
/*通用样式*/
.box{ width:100%; padding-top:40px; overflow:hidden; background: #F3F3F3;}
.box .box_in{ width:1200px; background:#fff; margin:0 auto; position:relative; overflow:hidden; border-radius:7px;}
.box .myh2{display:inline-block; height:59px; line-height:59px; border-bottom:4px solid #e01d09; margin-bottom:20px; font-size:20px; text-align:left;}
.box p{text-align:left;}
.box a:hover{ color:#e01d09;}
.box .hd{ height:60px; line-height:60px; border-bottom:2px solid #f3f3f3; overflow:visible;}
.box .jg{ display:block; width:30px; float:left;}
.box .hd .myh2{ float:left;}
.box .hd .a_btn{ float:right; display:block; width:170px; text-align:center; font-size:16px; border-left:1px solid #f3f3f3;}
.box .con{ width:100%; overflow:hidden; padding-bottom:10px;}
.box .con_l{ width:830px; float:left; overflow:hidden;}
.box .con_r{ width:290px; float:right; overflow:hidden;}
.box .newsbox li{ position:relative; margin-bottom: 15px;}
.box .newsbox li a{ font-size:14px; display:block; padding-left:20px; width:250px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.box .newsbox li .dot{ display:block; width:6px; height:6px; background:#535353; position:absolute; left:0; top:9px;}
.box .newsbox li a:hover{ text-decoration:underline;}
.box .newsbox li a:hover .dot{ background:#e01d09;}
.box .ztgd{ transition:.4s; -moz-transition:.4s; -ms-transition:.4s; -webkit-transition:.4s;}

/*开班时间*/
.box1 .box_in{ padding-bottom:45px; background:#f3f3f3;}
.box1 .myh2{ width:240px; height:54px; line-height:54px; font-size:26px;}
.box1 .mytab{ width:auto; overflow: hidden;padding: 20px 0 20px;}
.box1 .mytab li{ float:left; margin: 0 5px 10px 4px;cursor:pointer;line-height:38px;height: 38px;border: 1px #ccc solid;border-radius: 5px;padding: 0 28px;position: relative;overflow: hidden;}
.box1 .mytab li.xkxshover:before{
    content: '线上';
	color: #fff;
    height: 30px;
    width: 55px;
    position: absolute;
    right: -20px;
    top: -8px;
    text-align: center;
    line-height: 44px;
	font-size: 12px;
    background-color: #ccc;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.box1 .mytab li span{font-size:16px;}
.box1 .mytab li.now{ border-color:#e01d09;}
.box1 .mytab li.now.xkxshover:before{
	/* background: url("/images/xkxshover.png") no-repeat center; */
	background-color: #e01d09;
}
.box1 .mytab li.now span{ color:#e01d09;}
.box1 .kb_box{ width:1200px;}
.box1 .kb{ width:1200px; display:none;}
.box1 .mycur{ display:block;}
.box1 .kb .pro{ display:block; width:250px; height:188px; float:left; background:#27b869; overflow:hidden; margin:34px 54px 0 0;}
.box1 .kb .javaeepro{ background:#3688ff;}
.box1 .kb .cloudpro{ background:#50AB9D;}
.box1 .kb .iospro{ background:#898989;}
.box1 .kb .uipro{ background:#e02c4f;}
.box1 .kb .phppro{ background:#8ba2e4;}
.box1 .kb .webpro{ background:#f5717c;}
.box1 .kb .uijppro{ background: #ff8bb1;}
.box1 .kb .cpro{ background:#f3c048;}
.box1 .kb .netmaketpro{ background:#5EB1DD;}
.box1 .kb .dspro{ background:#e64620;}
.box1 .kb .pythonpro{ background:#B471E2;}
.box1 .kb .pmpro{ background:#ff8a00;}
.box1 .kb .testpro{ background:#67b7ff;}
.box1 .kb .designpro{ background:#ff6775;}
.box1 .kb .gopro{ background:#00b8c3;}
.box1 .kb .programpro{ background:#1bce70;}
.box1 .kb .uidspro{ background:#ff5f3f;}
.box1 .kb .pro img{ display:block; margin:12px auto 18px auto; -webkit-transition: .6s; -moz-transition: .6s; -ms-transition: .6s; transition: .6s;}
.box1 .kb .pro p{ font-size:15px; color:#fff; width:222px; height:30px; line-height:30px; text-align:center; border:1px solid #fff; margin:0 auto;}
.box1 .kb .pro:hover img{ -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); ransform: rotateY(180deg);}
.box1 .kb .pro:hover p{ background:#fff; color:#333;}
.box1 .kb .webpro p{ width:220px;}
.box1 .more{ display:block; position:absolute; right:25px; font-size:16px; bottom:0;}
.box1 .more:hover{ text-decoration:underline;}

/*就业薪资*/
.box2{ padding-top:20px;}
.box2 .ulbox{ width:870px;}
.box2 .ulbox li{ width:250px; height:270px; float:left; margin:0 40px 20px 0; position:relative; overflow:hidden;}
.box2 .picbox{ width:250px; height:163px; background:#dfdfdf; margin-bottom:1px;}
.box2 .piccon1{ width:230px; height:143px; position:relative; left:10px; top:10px; background-image:url('../images/school/xzpic1.jpg')}
.box2 .piccon2{ width:230px; height:143px; position:relative; left:10px; top:10px; background-image:url('../images/school/xzpic2.jpg')}
.box2 .piccon3{ width:230px; height:143px; position:relative; left:10px; top:10px; background-image:url('../images/school/xzpic3.jpg')}
.box2 .piccon4{ width:230px; height:143px; position:relative; left:10px; top:10px; background-image:url('../images/school/xzpic4.jpg')}
.box2 .picbox .a1{ width:230px; height:143px; float:left; overflow:hidden;}
.box2 .picbox .a1 a img{ display:block; width:230px; height:143px;}
.box2 .picbox .a2{ width:230px; height:0; float:left; overflow:hidden; background:#e01d09; position:relative; font-size:14px; color:#fff; margin-top:0; }
.box2 .picbox .a2 span{ display:block; float:left; margin-left:9px; margin-top:8px;}
.box2 .picbox .a2:hover{ color:#fff}
.box2 .picbox .a2 .span1{ float:right;}
.box2 .txtbox{ width:228px; height:84px; padding:10px; border:1px solid #f4f4f4; background:#f4f4f4;}
.box2 .txtbox .a3{ display:block; width:228px; height:28px; line-height:28px; font-size:16px; text-overflow: ellipsis; margin-bottom:3px; }
.box2 .txtbox .a3:hover{ text-decoration:underline;}
.box2 .txtbox p{ font-size:14px; line-height:22px; color:#939393; text-align: left;}
.box2 .xzbox{ position:absolute; left:75px; top:-52px;}
.box2 .xzbox .a4{ display:block; width:100px; text-align:center; height:30px; line-height:30px; background:url(../images/school/bg.png); font-size:16px; color:#fff; }
.box2 .xzbox .a4:hover{ color:#fff}
.box2 .ulbox li:hover .picbox{ background:#e01d09;}
.box2 .ulbox li:hover .a2{ height:32px; line-height:20px; margin-top:-32px;}
.box2 .ulbox li:hover .xzbox{ top:63px;}
.box2 .ulbox li:hover .txtbox{ border-color:#e01d09; background:#fff;}
.box2s .con_l{ width:1160px;}
.box2s .ulbox{ width:1160px;}
.box2s .jg{ width:38px;}

/*学院感言*/
.box3 .xspic{ display:block; width:280px; height:217px; float:left; overflow:hidden;}
.box3 .xspic img{ display:block; width:280px; height:217px;}
.box3 .xspic:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}
.box3 .xstxt{ width:494px; height:240px; padding-right:25px; float:right; border-right:1px solid #f3f3f3;}
.box3 .xstxt .title{ height:32px; line-height:32px; margin-bottom:3px;}
.box3 .xstxt .title a{ font-size:18px; float:left;}
.box3 .xstxt .title .span2{ float:right; font-size:14px; color:#939393;}
.box3 .xstxt .wordp{ font-size:14px; line-height:28px; color:#939393; text-indent:2em; max-height: 140px; overflow: hidden;}
.box3 .xstxt .ztmore{ display:block; font-size:14px; float:right; height:32px; line-height:32px;}

/*开班典礼*/
.box4 .kbnews li{ float:right; margin-bottom:27px;}
.box4 .kbnews .kbs{ display:block; overflow:hidden; position:relative;}
.box4 .kbnews .ztfirst{ float:left;}
.box4 .kbnews .kbpic{ display:block; width:250px; height:155px;}
.box4 .kbnews .kbword{ width:100%; height:40px; line-height:40px; background:#f3f3f3; font-size:16px; text-align:center; position:absolute; left:0; bottom:0; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:#535353;}
.box4 .ztfirst .kbpic1{ width:544px; height:337px;}
.box4 .ztfirst .kbword{ height:64px; line-height:64px; background:url(../images/school/bg1.png); font-size:20px; color:#fff;}
.box4 .kbnews li:hover .kbpic{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);}

/*班级活动*/
.box5 .con{ width:1140px; height:353px; position:relative; margin:0 auto 25px auto;}
.box5 .hdcon{ margin:0 auto; width:552px; height:351px;}
.box5 .hdcon .hdpic{ display:none; width:552px; height:350px; position:relative; z-index:9;}
.box5 .hdcon .zton{ display:block;}
.box5 .hdcon .zton img{width: 100%;}
.box5 .hdtab li{ width:294px; height:87px; position:absolute;}
.box5 .hdtab .myli1{top:0; left:0;}
.box5 .hdtab .myli2{top:89px; left:0;}
.box5 .hdtab .myli3{top:177px; left:0;}
.box5 .hdtab .myli4{top:265px; left:0;}
.box5 .hdtab .myli5{left:846px; top:0;}
.box5 .hdtab .myli6{left:846px; top:89px;}
.box5 .hdtab .myli7{left:846px; top:177px;}
.box5 .hdtab .myli8{left:846px; top:265px;}
.box5 .taba{ display:block; width:264px; height:67px; background:#f3f3f3; padding:20px 15px 0; position:relative;}
.box5 .taba p{ font-size:16px; line-height:24px;}
.box5 .taba .sj{ display:none; width:18px; height:28px; background:url(../images/school/sj.png) no-repeat center; position:absolute; right:-18px; top:28px; z-index:999;}
.box5 .zthov .taba{ color:#fff; background:#e01d09;}
.box5 .zthov .taba:hover{ color:#fff;}
.box5 .zthov .sj{ display:block;}
.box5 .ztother .taba .sj{ background-image:url(../images/school/sj1.png); left:-18px;}

/*校区环境*/
.slide_tu{width:1140px; margin-bottom:0; display:block; }
.slide_tu .prev:hover,
.slide_tu .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slide_tu:hover .qhan{ display:block;}

.school_box{
	position: relative;
	width: 1200px;
	margin: 0 auto;
	height: 281px;
	box-sizing: border-box;
	border-radius: 4px;
	padding: 45px 0 0 30px;
}
.school_box .bd{
	width: 1140px;
	height: 190px;
	overflow: hidden;
}
.school_box .bd ul{width: 5000px;}
.school_box .schoolbg{
	position: absolute;
	right: 65px;
	top: 1px;
	width: 140px;
	height: 279px;
	box-shadow: inset -90px 0 60px -18px #353844;
}
.school_box .bd ul li{
	float: left;
	height: 190px;
	border-radius: 4px;
	overflow: hidden;
	margin-right: 20px;
}
.school_box .bd ul li img{height: 100%;}
.school_box .prev,
.school_box .next{ position:absolute; left:30px; top:50%; margin-top:-40px; display:block; width:40px; height:65px; background:#000 url(../images/school/slider-arrow.png) -109px center no-repeat; filter:alpha(opacity=50);opacity:0.5;}
.school_box .next{ left:auto; right:30px; background-position:14px center; }

.school_box .cura{display: none;}
.school_box.cur .cura{
	position: absolute;
	display: block;
	right: 30px;
	top: 45px;
	width: 297px;
	height: 190px;
	border-radius: 4px;
}
.school_box.cur .cura span{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 227px;
	height: 45px;
	font-size: 18px;
	color: #1772de;
	text-align: center;
	line-height: 45px;
	font-weight: bold;
	border: 1px rgba(197,224,255,.85) solid;
	border-radius: 24px;
	background: rgba(255,255,255,.85);
	transform: translate(-50%, -50%);
}
.school_box.cur .cura:hover span{border-color: rgba(208,246,255,.9);background: rgba(208,246,255,.9);}
.school_box.curcp .cura{background: url("/2020gw/images/indeximg/schoolpiccp.gif") no-repeat;}
.school_box.cursy .cura{background: url("/2020gw/images/indeximg/schoolpicsy.gif") no-repeat;}
.school_box.curwh .cura{background: url("/2020gw/images/indeximg/schoolpicwh.gif") no-repeat;}
.school_box.cur .bd{width: 810px;border-radius: 4px;}
.school_box.cur .next{right: 360px;}

/*来校路线*/
.box7 .box_in{margin-bottom:40px;}
.box7 .con{ margin-bottom:20px;}
.box7 .con_l{ width:750px; height:330px;}
.box7 .con_r{ width:355px; padding:50px 15px 0 0;}
.box7 .con_r p{ width:355px; font-size:16px; color:#000; line-height:28px;}
.box7 .con_r .last{ display:block; font-size:16px; color:#fff; background:#000; height:32px; line-height:32px; width:220px; text-align:center; margin-top:15px;}
.box7 .con_r .last:hover{ background:#e01d09;}
.box7 .con_r .sjbtnschool{display: block;width: 220px;height: 43px;background: url("/2020gw/images/sjbtnschool.jpg") no-repeat;margin-top: 10px;}

/* 薪资板块 */
.boxxz .boxxz_top{
	width: 100%;
	height: 80px;
	background: url("/images/school/boxxzbg.jpg") no-repeat;
	border-radius: 10px 10px 0 0;
}
.boxxz .boxxz_top a{
	float: right;
	font-size: 16px;
	color: #fff;
	line-height: 80px;
	padding-right: 38px;
}
.boxxz .boxxz_top p{
	float: left;
	font-size: 22px;
	color: #fff;
	line-height: 80px;
	padding-left: 125px;
}
.boxxz .boxxz_bot{padding-bottom: 22px;}
.boxxz .boxxz_bot ul{padding-top: 6px;}
.boxxz .boxxz_bot ul li{
	float: left;
	width: 318px;
	padding: 18px 15px 24px;
	margin: 0 5px 0 34px;
}
.boxxz .boxxz_bot ul li:nth-child(-n+9){border-bottom: 1px #e2e2e2 solid;}
.boxxz .boxxz_bot ul li a{
	display: block;
	font-size: 15px;
	color: #666;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.boxxz .boxxz_bot ul li:hover a{color: #ff3030;}