/*	广西民师院计本183班李文华2019年6月15日204机房8:00实训内容	*/
*{
	padding:0;
	margin:0;
	border:0;
	list-style:none;
	text-decoration:none;
	color:#333;
	outline:0;
	font-family:宋体;
}
* i{
	color:#fff;
}
body{

	background:#f1f1f1;
}
.header{
	width:100%;
	height:160px;
	float:left;
	background:#444;
	position: relative;
    z-index: 15;
}
.logo{
	width:100%;
	height:100px;
	float:left;
	/*background:url('../images/logo-bg.jpg');*/
}
.logo-main{
	width:1000px;
	height:100px;
	margin:0 auto;
	/*background:url('../images/logo-bg2.jpg');*/
}
.logo-main a{
	display:block;
	width:100%;
	font-size:3em;
	color:#fff;
	line-height:100px;
	transition:0.5s;
	text-align:center;
	letter-spacing:6px;
}
.logo-main a:hover{
	/*letter-spacing:30px;*/
}
.logo-main img{
	max-height:180px;
	margin:10px 0px;
}
.nav{
	width:100%;
	height:60px;
	float:left;
	background:#333;
	z-index:9!important;
	position:relative;/*z-index无效时要设置其父元素和该子元素设置定位 例如 position:relative; 不添加参数即可*/
}
.nav:hover{
	box-shadow:0px 0px 3px #00000012;
}
.nav-main{
	width:1000px;
	height:60px;
	margin:0 auto;
	line-height:60px;
	z-index:9!important;
}
.nav-main ul li{
	width:150px;
	float:left;
	text-align:center;
}
.nav-main ul li a{
	display:block;
	font-size:1em;
	color:#fff;
	transition:0.15s ease;

}
.nav-main ul li a:hover{
	background:#d8001e;
}
#home{
	background:#d8001e;
}
.nav2{
	position:relative;
	background:#333;
	width:150px;
	line-height:60px;
	transition:0.5s;
	overflow:hidden;
	display:none;
	z-index:9!important;


}
.nav-main ul li:hover .nav2{
	display: block;
}

.nav2 ul li{
	overflow:hidden;
	float:none;
	width:150px;
	height:60px;
}
.nav2 ul li a:hover{
	background:#d8001e;
}
.banner{
	width:100%;
	height:600px;
	float:left;
	background:#444;
	z-index: 4;

}
.banner-main{
	width:100%;
	height:600px;
	overflow:hidden;
}
.banner-main ul li{
	width:100%;
	height:600px;
	float:right;
	position:absolute;
	z-index: 0;
	transition:0.2s;
	opacity: 0;
	text-align:center;
}
.banner-main ul li a{
	font-size:1.2em;
	display:block;
	width:1000px;
	margin:0 auto;
	height:600px;
	color:#fff;
	text-align:right;
	line-height:1120px;
	letter-spacing:6px;
}
#Banner{
	width:100%;
	height:600px;
}
.show{
	float:right!important;
	z-index: 2!important;
	opacity: 1!important;
}
.showli{
	position:absolute;
	z-index:3;
	width:100%;
	height:80px;
	margin:0 auto;
	margin-top:520px;
	background:#0000003d;
	box-shadow:0px 0px 10px #00000036;
}
.showli-main{
	padding-top:30px;
	width:1000px;
	height:80px;
	margin:0 auto;
}
.showli-main div{
	width:16px;
	height:16px;
	border-radius:12px;
	background:#fff;
	margin:0px 6px;
	display: inline-block;/*将div转换为行元素*/
	cursor: pointer;
	transition:0.25s;
}
.show2{
	background:#00a1ff!important;
}
.home-a{
	width:100%;
	height:60px;
	float:left;
	background:#333333;
	z-index:4!important;
	overflow:hidden;
}
.home-a-main{
	width:1000px;
	height:60px;
	margin:0 auto;
	font-size:1.6em;
	color:#fff;
	line-height:60px;
}
.home-a-main a{
	color:#fff;
}
.home-b{
	width:100%;
	/*height:400px;*/
	float:left;
	/*background:#fff;*/
	z-index:4;
}
.home-b-main{
	width:1000px;
	/*height:400px;*/
	margin:0 auto;
	overflow:hidden;
	/*background:#fff;*/
}
.news-list{
	width:660px;
	height:320px;
	margin:20px 0px;
	float:left;
	overflow:hidden;
}
.news-list ul li{
	font-size:1.2em;
	line-height:2.1;
	overflow: hidden;
	text-overflow:ellipsis;/* 文本超出显示... */
	white-space: nowrap;
}
.news-list ul li a{
	color:#333;
}
.news-list ul li a:hover{
	text-decoration:underline;
}
.news-pic{
	width:320px;
	height:320px;
	float:left;
	margin:20px 20px 20px 0px;
}
.home-c{
	width:100%;
	height:1000px;
	float:left;
}
.home-c-main{
	width:1000px;
	height:1000px;
	margin:0 auto;
}
.gotop{
	width:100%;
	float:left;
}
.gotop-main{
	width:1000px;
	margin:0 auto;
}
#gotop{
	width:100px;
	height:0px;
	background:#333;
	position:fixed;
	float:right;
	left:50%;
	bottom:0px;
	margin-left:540px;
	font-size:80px;
	text-align:center;
	line-height:100px;
	transition:0.3s;
	cursor: pointer;
	z-index:11;
}
#gotop:hover{
	background:#d8001e;
}
.news-video{
	width:100%;
	float:left;
	margin-bottom:200px;
}
.news-video-main{
	width:1000px;
	margin:0 auto;
	padding:30px 0px;
}
.news-video-li{
	width:460px;
	height:300px;
	margin:30px 20px;
	float:left;
	font-size:6em;
	text-align:center;
	line-height:300px;
}
.news-video-li p{
	font-size:0.2em;
	line-height:3;
}
.news-video-li a i{
	color:#a08858;
	transition:0.3s;
}
.news-video-li a i:hover{
	color:#fbc55c;
}
.footer{
	width:100%;
	height:100px;
	float:left;
	background:#333;
}
.footer-main{
	width:1000px;
	height:100px;
	line-height:100px;
	text-align:center;
	color:#fff;
	font-size:1.6em;
	letter-spacing:2px;
	margin:0 auto;
}
.news{
	width:100%;
	float:left;
}
.news-main{
	width:920px;
	margin:0 auto;
	background:#fff;
	padding:20px 40px;
	box-shadow:0px 0px 10px #e0e0e0;
}
.news-title{
	width:100%;
	line-height:1.5;
	font-size:3em;
	color:#333;
	overflow:hidden;

	padding-top:20px;
	overflow: hidden;

}
.news-update{
	width:100%;
	line-height:5;
	font-size:1.2em;
	color:#666;
	border-bottom:6px dashed #d2d2d2;
}
.news-body{
	width:100%;
	margin-top:30px;
	border-bottom:6px dashed #d2d2d2;
}
.news-body img{
	max-width:100%;
}
.news-body video{
	width:100%;
}
.news-body a:hover{
	text-decoration:underline;
}
.news-body p{
	line-height: 2;
	margin:20px 0px;
	font-size:1.2em;
	color:#333;
}
.page{
	width:100%;
	height:80px;
	line-height:5;
	font-size:1em;
}
.page a{
	color:#333;
}
.page a:hover{
	text-decoration:underline;
}
.page-up{
	float:left;
}
.page-next{
	float:right;
}
.v-control{
	width:100%;
	height:40px;
	padding-top:20px;
}
.v-c-play{
	width:120px;
	height:40px;
	background:#ff0561;
	line-height: 40px;
	text-align: center;
	font-size:1.2em;
	color:#fff;
	border-radius:20px;
	cursor: pointer;
}

@media screen and (max-width:1000px){	/* 屏幕宽度小于1000时 */

/*	广西民师院计本183班李文华2019年6月15日204机房8:00实训内容	*/
*{
	padding:0;
	margin:0;
	border:0;
	list-style:none;
	text-decoration:none;
	color:#333;
	outline:0;
	font-family:宋体;
}
* i{
	color:#fff;
}
body{

	background:#f1f1f1;
}
.header{
	width:100%;
	height:160px;
	float:left;
	background:#444;
	position: relative;
    z-index: 15;
}
.logo{
	width:100%;
	height:100px;
	float:left;
	/*background:url('../images/logo-bg.jpg');*/
}
.logo-main{
	width:100%;
	height:100px;
	margin:0 auto;
	/*background:url('../images/logo-bg2.jpg');*/
}
.logo-main a{
	display:block;
	width:100%;
	font-size:3em;
	color:#fff;
	line-height:100px;
	transition:0.5s;
	text-align:center;
	letter-spacing:6px;
}
.logo-main a:hover{
	/*letter-spacing:30px;*/
}
.logo-main img{
	max-height:180px;
	margin:10px 0px;
}
.nav{
	width:100%;
	height:60px;
	float:left;
	background:#333;
	z-index:9!important;
	position:relative;/*z-index无效时要设置其父元素和该子元素设置定位 例如 position:relative; 不添加参数即可*/
}
.nav:hover{
	box-shadow:0px 0px 3px #00000012;
}
.nav-main{
	width:100%;
	height:60px;
	margin:0 auto;
	line-height:60px;
	z-index:9!important;
}
.nav-main ul li{
	width:150px;
	float:left;
	text-align:center;
}
.nav-main ul li a{
	display:block;
	font-size:1em;
	color:#fff;
	transition:0.15s ease;

}
.nav-main ul li a:hover{
	background:#d8001e;
}
#home{
	background:#d8001e;
}
.nav2{
	position:relative;
	background:#333;
	width:150px;
	line-height:60px;
	transition:0.5s;
	overflow:hidden;
	display:none;
	z-index:9!important;


}
.nav-main ul li:hover .nav2{
	display: block;
}

.nav2 ul li{
	overflow:hidden;
	float:none;
	width:150px;
	height:60px;
}
.nav2 ul li a:hover{
	background:#d8001e;
}
.banner{
	width:100%;
	height:600px;
	float:left;
	background:#444;
	z-index: 4;

}
.banner-main{
	width:100%;
	height:600px;
	overflow:hidden;
}
.banner-main ul li{
	width:100%;
	height:600px;
	float:right;
	position:absolute;
	z-index: 0;
	transition:0.2s;
	opacity: 0;
	text-align:center;
}
.banner-main ul li a{
	font-size:1.2em;
	display:block;
	width:96%;
	margin:0 2%;
	height:600px;
	color:#fff;
	text-align:right;
	line-height:1120px;
	letter-spacing:6px;
}
#Banner{
	width:100%;
	height:600px;
}
.show{
	float:right!important;
	z-index: 2!important;
	opacity: 1!important;
}
.showli{
	position:absolute;
	z-index:3;
	width:100%;
	height:80px;
	margin:0 auto;
	margin-top:520px;
	background:#0000003d;
	box-shadow:0px 0px 10px #00000036;
}

.showli-main{
	padding-top:30px;
	width:96%;
	height:80px;
	margin:0 2%;
}
.showli-main div{
	width:16px;
	height:16px;
	border-radius:12px;
	background:#fff;
	margin:0px 6px;
	display: inline-block;/*将div转换为行元素*/
	cursor: pointer;
	transition:0.25s;
}
.show2{
	background:#00a1ff!important;
}
.home-a{
	width:96%;
	height:60px;
	float:left;
	background:#333333;
	z-index:4!important;
	overflow:hidden;
	padding:0px 2%;
}
.home-a-main{
	width:96%;
	height:60px;
	margin:0 2%;
	font-size:1.6em;
	color:#fff;
	line-height:60px;
}
.home-a-main a{
	color:#fff;
}
.home-b{
	width:100%;
	/*height:400px;*/
	float:left;
	/*background:#fff;*/
	z-index:4;
}
.home-b-main{
	width:100%;
	/*height:400px;*/
	margin:0 auto;
	overflow:hidden;
	/*background:#fff;*/
}
.news-list{
	width:40%;
	height:320px;
	margin:20px;
	float:left;
	overflow:hidden;
}
.news-list ul li{
	font-size:1.2em;
	line-height:2.1;
	overflow: hidden;
	text-overflow:ellipsis;/* 文本超出显示... */
	white-space: nowrap;
}
.news-list ul li a{
	color:#333;
}
.news-list ul li a:hover{
	text-decoration:underline;
}
.news-pic{
	width:320px;
	height:320px;
	float:left;
	margin:20px 0px 20px 20px;
}
.home-c{
	width:100%;
	height:1000px;
	float:left;
}
.home-c-main{
	width:100%;
	height:1000px;
	margin:0 auto;
}
.gotop{
	width:100%;
	float:left;
}
.gotop-main{
	width:100%;
	margin:0 auto;
}
#gotop{
	width:100px;
	height:0px;
	background:#333;
	position:fixed;
	float:right;
	left:50%;
	bottom:0px;
	margin-left:540px;
	font-size:80px;
	text-align:center;
	line-height:100px;
	transition:0.3s;
	cursor: pointer;
	z-index:11;
}
#gotop:hover{
	background:#d8001e;
}
.news-video{
	width:100%;
	float:left;
	margin-bottom:200px;
}
.news-video-main{
	width:100%;
	margin:0 auto;
	padding:30px 0px;
}
.news-video-li{
	width:46%;
	height:300px;
	margin:30px 2%;
	float:left;
	font-size:6em;
	text-align:center;
	line-height:300px;

}
.news-video-li p{
	font-size:0.2em;
	line-height:3;
	overflow: hidden;
	text-overflow:ellipsis;/* 文本超出显示... */
	white-space: nowrap;
}
.news-video-li a i{
	color:#a08858;
	transition:0.3s;
}
.news-video-li a i:hover{
	color:#fbc55c;
}
.footer{
	width:100%;
	height:100px;
	float:left;
	background:#333;
}
.footer-main{
	width:100%;
	height:100px;
	line-height:100px;
	text-align:center;
	color:#fff;
	font-size:1.6em;
	letter-spacing:2px;
	margin:0 auto;
	overflow: hidden;
	text-overflow:ellipsis;/* 文本超出显示... */
	white-space: nowrap;

}
.news{
	width:100%;
	float:left;
}
.news-main{
	width:96%;
	margin:0 auto;
	background:#fff;
	padding:20px 2%;
	box-shadow:0px 0px 10px #e0e0e0;
}
.news-title{
	width:100%;
	line-height:1.5;
	font-size:3em;
	color:#333;
	overflow:hidden;

	padding-top:20px;
	overflow: hidden;

}
.news-update{
	width:100%;
	line-height:5;
	font-size:1.2em;
	color:#666;
	border-bottom:6px dashed #d2d2d2;
}
.news-body{
	width:100%;
	margin-top:30px;
	border-bottom:6px dashed #d2d2d2;
}
.news-body img{
	max-width:100%;
}
.news-body video{
	width:100%;
}
.news-body a:hover{
	text-decoration:underline;
}
.news-body p{
	line-height: 2;
	margin:20px 0px;
	font-size:1.2em;
	color:#333;
}
.page{
	width:100%;
	height:160px;
	line-height:5;
	font-size:1em;
}
.page a{
	color:#333;
}
.page a:hover{
	text-decoration:underline;
}
.page-up{
	float:none;
}
.page-next{
	float:none;
}

}

@media screen and (max-width:600px){	/* 屏幕宽度小于600时 */

.news-pic{
	width:96%;
	text-align:center;
	float:none;
	margin:2%;
}
.news-list{
	width:96%;
	margin:2%;
	text-align:center;
}
.news-video-li{
	width:94%;
	margin:60px 2%;
	float:none;
}
.banner-main ul li a{
	display:none;
	height:0px;
	width:0px;
}

}