@charset "utf-8";

/* CSS Document */

* {

	margin: 0;

	padding: 0;

	margin: 0px 0px 0px 0px;

}

body {

	background-color: #000;

	overflow-x: hidden;

}

.bigcontainer {

	width: 100%;

}

.test {

	border: 1px solid red;

}


.box{
	width: 65px;
	height: 100px;
position:fixed;
z-index:500;
top:12px;
left:50%;
cursor:pointer;
margin-left:823px
}

.tubioa{
	width: 43px;
	height: 43px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0px;
}
.tubiao1,.tubiao2{
	width: 43px;
	height: 43px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.tubiao1{
	background: url(images/musicstop.png) 0px 0px no-repeat;
}
.tubiao2{
	background: url(images/musicplay.png) 0px 0px no-repeat;
	animation: TuBiao 3s linear infinite;}
	
@keyframes TuBiao{
	0%{transform: rotate(0deg);}
	50%{transform: rotate(180deg);}
	100%{transform: rotate(360deg);}
}
	

.fl {

	float: left;

}

.cl {

	clean: both;

}

.bl {

	display: block;

}

.ab {

	position: absolute;

}

.rl {

	position: relative;

}
/*
video {

	position: absolute;

	left:50%;

	margin-left:-2px;

	top:0;

	transform: translate(-50%);

	object-fit: contain;

}*/

.page_01 {

	margin: 0 auto;

	width: 100%;

	overflow: hidden;

	position: relative;

	height: 1026px;

	/*background: url("../images/bg_01.jpg") no-repeat center;*/
	z-index:99999;

}

.downcontainer1 {
width:1920px;
	height:788px;
	margin:0 auto;

	background: url("../images/bg_02.jpg") no-repeat center;


}

.downcontainer2 {

	height: 925px;

	background: url("../images/bg_03.jpg") no-repeat center;

}



.downcontainer3 {

	height: 784px;

	background: url("../images/bg_04.jpg") no-repeat center;

}

.downcontainer4 {

	height: 806px;

	background: url("../images/bg_05.jpg") no-repeat center;

}

.downcontainer5 {

	height: 783px;

	background: url("../images/bg_06.jpg") no-repeat center;

}

.downcontainer5zb {

	height: 783px;

	background: url("../images/bg_06zb.jpg") no-repeat center;

}

.downcontainer6 {

	height: 959px;

	background: url("../images/bg_07.jpg") no-repeat center;

}

.downcontainer7 {

	height: 785px;

	background: url("../images/bg_08.jpg") no-repeat center;

}

.downcontainer8 {

	height: 803px;

	background: url("../images/bg_09.jpg") no-repeat center;

}

.downcontainer9 {

	height: 786px;

	background: url("../images/bg_10.jpg") no-repeat center;

}







#leftnav {

	position: fixed;

	right: 30px;

	top: 20%;

	width: 98px;

	height: 436px;

	background: url("../images/leftNav.png") no-repeat;

	z-index: 20;

}

#leftnav a {

	width: 98px;

	height: 97px;

	display: block;

	text-align:center;

	padding-right:5px;

}

.gif {

	width: 1920px;

	text-align: center;

	margin: 0 auto;

}

.navs {

	width: 1040px;

	height: 150px;

	left:50%;

	margin-left: -582px;

	top: 691px;

}
.navscode {
position:relative;
	width: 198px;

	height: 150px;

margin:0 auto;

	margin-top: 720px;
padding-left:130px;

}

.nav1,.nav2,.nav3,.nav4 {

	width: 87px;

	height: 266px;

	margin-right:20px;

}



.nav1 {

	margin-left:90px;

	background:url("../images/downland.png") no-repeat;

}

.nav1:hover,.nav2:hover，.nav3:hover，.nav4:hover{cursor: pointer;}

.nav1:hover,.nav2:hover,.nav3:hover,.nav4:hover {

	margin-top:-10px;	

}



.nav2 {

	background:url("../images/pay.png") no-repeat;

}



.nav3 {

	background:url("../images/js.png") no-repeat;

}



.nav4 {

	background:url("../images/show.png") no-repeat;

}







#weixin {

	display: none;

	position: fixed;

	top: 25%;

	left: 38%;

	z-index: 50;

	background: white;

}

#over {

	width: 100%;

	height: 100%;

	opacity: 0.5;/*设置背景色透明度,1为完全不透明,IE需要使用filter:alpha(opacity=80);*/

	filter: alpha(opacity=80);

	display: none;

	position: fixed;

	z-index: 40;

	background: silver fixed;

	background-size: cover;

}



/* 幻灯片所需CSS */

        .zb-wrap{

            width: 960px;

			height:654px;

            margin:0 auto;

			padding-top:206px;

        }

        .zb-wrap .swiper-slide >img{ height:493px; border:#666 solid 10px;}

		

			.hd-wrap{

            width: 658px;

			height:683px;

            margin:0 auto;

			padding-top:100px;

        }

		

		  .zb-wrap .swiper-slidea >img{ height:600px; border:#666 solid 10px;}

		

			.hd-wrap{

            width: 658px;

			height:683px;

            margin:0 auto;

			padding-top:100px;

        }

        .hd-wrap .swiper-slide >img{ height:447px; border:#666 solid 10px;}

		

		    .sx-wrap{

            width: 960px;

			height:703px;

            margin:0 auto;

			margin-top: 1px;

			padding-top:100px;

        }

        .sx-wrap .swiper-slide >img{ height:595px; border:#666 solid 10px;}

		

			.sxgx1-wrap{

            width: 920px;

			height:684px;

            margin:0 auto;

			margin-top: 0px;

			padding-top:100px;

        }

        .sxgx1-wrap .swiper-slide >img{ height:600px; border:#666 solid 10px;}

		

				    .sxgx2-wrap{

            width: 960px;

			height:706px;

            margin:0 auto;

			padding-top:150px;

			

        }

        .sxgx2-wrap .swiper-slide >img{ height:600px; border:#666 solid 10px;}

		

        .ndsd-wrap{

            width: 900px;

			height:684px;

            margin:0 auto;

			padding-top:100px;

        }

        .ndsd-wrap .swiper-slide >img{ height:514px; border:#666 solid 10px;}

		

		

.on{color:#cecece;}



.bar {

	width: 100px;

	position: fixed;

	top: 102px;

	right: 30px;

	z-index:999999999000;

}

.bar .nor {

	color: #fff;

	width: 100px;

	height: 70px;

	display: block;

	text-align: center;

	text-decoration: none;

	font: 14px/70px "微软雅黑";

	background: url("../images/op.png") center repeat;

	margin-bottom: 1px;

	outline: none;

}

.bar .nor:hover, .bar .cur {

	background: #610004;

}

.bar .home {

	font: 18px/70px "微软雅黑";

	outline: none;

}

.bar .home:hover {

	background: #610004;

}

.bar .top {

	width: 100px;

	height: 42px;

	display: block;

	text-align: center;

	background: url("../images/op.png") center repeat;

	outline: none;

}

.bar .top img {

	display: block;

	margin: 0 auto;

	padding-top: 11px;

}

.show{

	width:1000px;

	margin:0 auto;

	}
	
	
		
#Skillz1{float:left;width:1170px;height:56px;padding-bottom:0px;margin-left:490px;margin-top:155px;}
#Skillz2{float:left;width:1170px;height:56px;padding-bottom:0px;margin-left:490px;margin-top:30px;}
#Skillz3{float:left;width:1270px;height:56px;padding-bottom:0px;margin-left:490px;margin-top:30px;}
#Skillz4{float:left;width:1270px;height:56px;padding-bottom:0px;margin-left:490px;margin-top:30px;}
#Skillz5{float:left;width:1370px;height:56px;padding-bottom:0px;margin-left:-78px;margin-top:38px;}
#Skillz6{float:left;width:1370px;height:56px;padding-bottom:0px;margin-left:-78px;margin-top:30px;}
.items ul{}
.items li{ width:56px; height:56px; float:left; margin-right:28px;list-style:none;}
.items li:nth-child(10n){ width:56px; height:56px; float:left; list-style:none;margin-right:0px;}
.itemcss{ position:relative;width:56px; height:56px;margin:0 auto} 
.itemcss a,.itemcss span{display:none; text-decoration:none;}
.itemcss:hover{cursor:pointer} 
.itemcss:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;z-index:100; left:0; display:block;}
.itemcss:hover span{ display:block;position:absolute; top:0; left:0;color:#FFF;margin-left:50px;z-index:10;filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;padding:5px;background:#2c1a03;}
 


.itemas ul{}
.itemas li{ width:56px; height:56px; float:left; margin-right:8px;list-style:none;}
.itemas li:nth-child(20n){ width:56px; height:56px; float:left; list-style:none;margin-right:0px;}
.itemcs{ position:relative;width:56px; height:56px;margin:0 auto} 
.itemcs a,.itemcs span{display:none; text-decoration:none;}
.itemcs:hover{cursor:pointer} 
.itemcs:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;z-index:100; left:0; display:block;}
.itemcs:hover span{ display:block;position:absolute; top:0; left:0;color:#FFF;margin-left:50px;z-index:10;filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;padding:5px;background:#2c1a03;}
 



.itembs ul{}
.itembs li{ width:120px; height:115px; float:left; padding-right:0px;list-style:none;}
.itembcs{ position:relative;width:120px; height:115px;margin:0 auto} 
.itembcs a,.itembcs span{display:none; text-decoration:none;}
.itembcs:hover{cursor:pointer} 
.itembcs:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;z-index:100; left:0; display:block;}
.itembcs:hover span{ display:block;position:absolute; top:0; left:0;color:#FFF;margin-left:50px;z-index:10;filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;padding:5px;background:#2c1a03;}