/*banner */
.banner{ background: url(../images/banner_bg.png) no-repeat center center; background-size: 100% 100%;}
.slideBox{ width:100%;  overflow:hidden; position:relative;}
.slideBox .hd{ height:18px; overflow:hidden; position:absolute; bottom:30px; z-index:1; left:50%; margin-left:-40px;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-right:10px;  width:12px; height:12px; border-radius:6px; background:#fff; cursor:pointer;}
.slideBox .hd ul li.on{ background:#004ea2; border:#fff 1px solid; width: 12px; height: 12px;}
.slideBox .bd{ position:relative; height:100%;}
.slideBox .bd ul{ margin-bottom:0 !important; position:relative; height:100%; overflow:hidden;}
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative; height:100%; overflow:hidden;}
.slideBox .bd img{ display:block; width: 100%;}		

/*通知公告*/
.gg{ position:relative;  width:100%; height:58px; line-height:58px; background: #ececec; margin: 20px 0 35px 0;}
.gg .gg_bt{ float:left; width:10%; font-size:18px;  text-align: center; font-weight:bold; color:#004ea2; background:url(../images/sx.png) no-repeat right center;}
.gg .txtScroll-left{ float:left; padding-left:20px; width:80%;}
.gg .txtScroll-left li a{ color:#4d4c4c; display: block; width: 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gg .txtScroll-left li .date{ margin-right:20px;}
.txtScroll-left ._btn{ position:absolute; top:20px; display:block; height:19px; width:11px; background:url(../images/gg_jt.png) no-repeat;}
.txtScroll-left .prev{ right:55px; background-position:0 -19px; transition:none; -webkit-transition:none;}
.txtScroll-left .next{ right:20px; background-position:-11px -19px; transition:none; -webkit-transition:none;}
.txtScroll-left .prev:hover{ background-position:0 0;}
.txtScroll-left .next:hover{ background-position:-11px 0;}


/* 新闻 */
.slideTxtBox{ width:100%; border:1px solid #dedede; text-align:left;}
.slideTxtBox .hd{ height:50px; line-height:50px;  border-bottom:1px solid #dedede;}
.slideTxtBox .hd ul{ float:left; height:50px;}
.slideTxtBox .hd ul li{ float:left; height: 50px; padding:0 15px 0 35px; cursor:pointer; color: #303030; border-right:1px solid #dedede;}
.slideTxtBox .hd ul li.xwdt{background: url(../images/new.png) no-repeat 15px center;}
.slideTxtBox .hd ul li.xsjs{background: url(../images/js.png) no-repeat 15px center;}
.slideTxtBox .hd ul li.xwdt[class*="on"]{background: #004ea2 url(../images/new_on.png) no-repeat 15px center; color: #fff;}
.slideTxtBox .hd ul li.xsjs[class*="on"]{background: #004ea2 url(../images/js_on.png) no-repeat 15px center; color: #fff;}
.slideTxtBox .hd ul li.on{ height:50px; background:#004ea2; color: #fff;}
.slideTxtBox .hd a.more{ display: block; height:50px; padding: 0 35px; border-left:1px solid #dedede;}  
.slideTxtBox .bd { padding:20px 0;}
.topnews{ width: 31.5%; border-right:1px solid #dedede; padding: 0 2%;}
.topnews .top_img img{ display: block; width: 100%;}
.topnews .top_time{ color:#acacac; font-family: "Arial";}
.topnews .top_bt{ color: #303030; padding-top: 10px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.n_newslist{ width: 68.5%; padding: 0 2%;}
.n_newslist li{ color: #4d4c4c; padding: 3px 0 4px 10px; background: url(../images/li.png) no-repeat left center;}
.n_newslist li a{ width: 70%; display: inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.n_newslist li span{ display: inline-block; float: right;}

/*快捷按钮*/
.q_item{ float: left; width: 49%; background: #f3f3f3; font-size: 17px; color: #434343;height: 87px; line-height: 87px; margin-bottom: 11px;}
.q_item .q_img{ width: 49.5%; height: 100%;}
.mr{ margin-right: 2% ;}
.q_item img{ display: block; width: 100%;}
.q_item .q_text{ text-align: center; width: 50.5%;}

/*教学环境*/
.environment{ background: url(../images/environment_bg.jpg) no-repeat center top; background-size: auto 100% ; padding: 50px 0; margin-top: 40px;}
.environment .en_bt{ text-align: center; background: url(../images/bgg.png) no-repeat center center; margin-bottom: 30px; font-size: 25px; color: #fff;}
.environment .hlist .hd { position: relative;}
.environment .hlist .hd a {position: absolute; top: 90px;cursor: pointer;}
.environment .hlist .hd .next {left: -90px;}
.environment .hlist .hd .prev { right: -90px;}
.environment .hlist .bd li{ width: 25%; float: left; text-align: center; margin: 0;}
.environment .hlist .bd li .e_item{ position: relative; margin: 0 2%;}
.environment .hlist .bd li img{width: 100%;}
.environment .hlist .bd li span{ position:absolute; display: block; width: 100%; bottom: 0 ;padding: 10px 0; background: rgba(0,0,0,0.6); color: #fff;} 
.tempWrap{height: 174px;}
.environment a.en_more{ display: block; margin: 30px auto 0; padding: 10px 0; width: 150px; text-align: center; color: #fff; border:#fff 1px solid;}


/*成果展示*/
.re_bt{ text-align: center; background: url(../images/re_bgg.png) no-repeat center center; margin-bottom: 30px; font-size: 25px; color: #004ea2; margin: 45px 0 30px;}
.re_item{ margin-bottom: 30px;}
.re_img{ width: 25%;}
.re_img img{ width: 100%;}
.re_text{ width: 75%;padding-left: 5%;}
.re_text .re_title{ font-size: 18px; color: #303030;}
.re_text .re_title span.leibie{ color: #004ea2;}


/*网络课程*/
.course{ background: #d1d1d1; padding:50px 0;}
.wl_course{ border:#dedede 1px solid; background: #fff;}
.wl_course .c_top{ border-bottom: #dedede 1px solid;}
.wl_course .c_title{height:50px; line-height: 50px; font-size:16px; color: #303030; padding-left: 50px; background: url(../images/course.png) no-repeat 25px center;}
.course a.more{ display: block; height:50px; line-height: 50px; padding: 0 35px; border-left:1px solid #dedede;}  
.courselist li{ color: #434343; padding: 13px 0 12px 30px; background: url(../images/li.png) no-repeat 10px; margin: 0 2%; border-bottom: #dedede 1px solid;}
.courselist li span{ display: inline-block; float: right;}


/*设备*/
.e_title{height:50px; line-height: 50px; font-size:16px; color: #303030; padding-left: 50px; background: url(../images/equipment.png) no-repeat 25px center;}
.equipmentlist{padding:25px 1%;}
.equipmentlist li{ width: 30%; margin: 0 1% 15px; float: left; position: relative;}
.equipmentlist li img{ width: 100%;}
.equipmentlist li span { position: absolute; display: block; bottom:0; background: rgba(0,0,0,0.6); width: 100%; padding: 5px 0; text-align: center; font-size: 12px; color: #fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

@media only screen and (max-width: 1360px) {
	.environment .hlist .hd .next {left: -10px;}
	.environment .hlist .hd .prev { right: -10px;}


}

@media only screen and (max-width: 1200px) {
	/*快捷按钮*/
	.q_item{ height:70px; line-height: 70px; font-size: 14px;}

	/*教学环境*/
	.tempWrap{height: 144px;}

}

@media only screen and (max-width: 1024px) {
	

}
@media only screen and (max-width: 992px) {
	/*快捷按钮*/
	.quick{ margin-top: 10px;}
	.q_item{ height:83px; line-height: 83px; font-size: 17px;}
	.q_item .q_img{ width: 23.5%;}

	/*通知公告*/
	.gg .gg_bt{  width:16%;}

	/*教学环境*/
	.environment .hlist .bd li{ width: 33%;}
	.tempWrap{height: 153px;}	
	.environment .hlist .hd a{ top:50px;}
}


@media only screen and (max-width: 768px) {	
	.slideBox .hd{ bottom:6px;}
	/*新闻*/
	.topnews{display: none;}
	.n_newslist{ width: 100%;}

	/*教学环境*/
	.environment .hlist .bd{ width: 80% ; margin: 0 auto; overflow: hidden;}
	.environment .hlist .bd li{ width: 50%; margin: 0;} 
	.environment .hlist .hd .next {left: 10px;}
	.environment .hlist .hd .prev { right: 10px;}

	.tempWrap{height: 200px;}

	.equipmentlist li{width: 48%;}

	.foot02,.textr{ text-align: center;}

}


@media only screen and (max-width: 650px) {
	.tempWrap{height: 150px;}
	.environment .hlist .hd a{ top:60px;}	
	/*通知公告*/
	.gg .gg_bt{  width:20%;}
	.gg .txtScroll-left{ width: 60%;}
}


@media only screen and (max-width: 550px) {	
	.tempWrap{ height: 130px;}
	.q_item{ height: 75px; line-height: 75px;}
	.q_item .q_img{ width: 35%;}
}

@media only screen and (max-width: 450px) {
	.environment .hlist .bd li{ width: 100%; margin: 0;}	
	.tempWrap{height: 215px;}
	.environment .hlist .hd a{ top:85px;}
 
}