@charset "utf-8";

/* CSS Document */

* {

	margin: 0;

	padding: 0;

	margin: 0px 0px 0px 0px;

}

body {

	background-color: #fff;

	overflow-x: hidden;

}

.bigcontainer {

	width: 100%;

}

.test {

	border: 1px solid red;

}

.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: 980px;

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

}

.downcontainer1 {

	height:669px;

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

}

.downcontainer2 {

	height: 979px;

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

}



.downcontainer3 {

	height: 896px;

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

}

.downcontainer4 {

	height: 1020px;

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

}

.downcontainer5 {

	height:1092px;

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

}

.downcontainer6 {

	height: 1049px;

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

}

.downcontainer7 {

	height: 992px;

	background: url(../images/bg_08.gif) 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: 717px;

	height: 64px;

	left:50%;

	margin-left: -338px;

	top: 900px;

	z-index: 99;

}

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

	width: 310px;

	height: 90px;

	/* margin-right: 166px; */

}



.nav1 {

	/* margin-left:90px; */

	background:url(../images/xz.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/kf.png) no-repeat;

	margin-left: 50px; 

	float: left;

}

















#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 */

        .huanhua-sp{

            width:1000px;

            left:50%;

			margin-left:-450px;

			margin-top:180px;

			

		}

		.swiper-container{

			--swiper-theme-color: #000;

			--swiper-pagination-color: #000;/* 两种都可以 */}

			

        .huanhua-sp .swiper-slide >img{ height:398px; box-shadow:0px 0px 10px #382118; border:5px #fff solid;}

        .zb-wrap{

            width:1100px;

            left:50%;

			margin-left:-528px;

			margin-top:220px;

        }

        .zb-wrap .swiper-slide >img{  margin-left: 10px;}

		

		.zhuanshu-sp{

            width:1000px;

            left:50%;

			margin-left:-520px;

			margin-top:150px;

        }

        .zhuanshu-sp .swiper-slide >img{ height:586px; box-shadow:0px 0px 10px #382118; border:5px #382118 solid;}

		

		.teshu-sp{

            width:1035px;

            left:50%;

			margin-left:-520px;

			margin-top:235px;

        }

		.teshu-sp .swiper-slide >img{ height:728px;box-shadow:0px 0px 10px #382118; border:5px #fff solid;}

		

		.swiper-slide {

			background-size: cover;

			background-position: center;

		  }

	  

		  .gallery-top {

			height: 80%;

			width: 100%;

		  }

	  

		  .zb-thumbs {

			width: 400px;

			margin: 0 auto;

			box-sizing: border-box;

			padding: 50px 0;

		  }

	      .zb-thumbs .swiper-slide >img{ height:100px; width:100px; margin-left: 10px;}

		  .zb-thumbs .swiper-slide {

			height: 20%;



			opacity: 0.4;

		  }

	  

		  .zb-thumbs .swiper-slide-thumb-active {

			opacity: 1;

		  }

		

.on{color:#cecece;}



.bar {

	width: 100px;

	position: fixed;

	top: 102px;

	right: 30px;

	z-index: 1000;

}

.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;

	position:relative;

	height:3000px;

	}

	

.bg-show{

	width:1297px;

	height:914px;

	background:url(../images/bg_z.png) no-repeat center;

	margin:0 auto;

	position:relative;

	}

	

.items {width:1220px;left:50%;margin-left:-523px;margin-top:313px;}

.items ul{}

.items li{ width:1px; height:120px; float:left; list-style:none; margin-right:138px;}

.downcontainer4 .items{margin-left: -437px;width: 1200px;margin-top: 416px;}

.downcontainer4 .items li{margin-right: 205px;height: 210px;}



.downcontainer2 .items{margin-left: -503px;width: 1200px;margin-top: 313px;}

.downcontainer2 .items li{margin-right: 154px;height: 182px;}





.itemcss{ position:relative;width:52px; height:52px;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; bottom:0; left:0;color:#FFF;margin-left:50px;

z-index:10;height:36px; line-height:36px; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;}









#Version{width:100%;height:971px;position:relative;overflow:hidden;padding-top: 60px;z-index:11}

#Flash{width:1924px;height:971px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:-1}

#Header{margin:0 auto -290px -960px;width:1920px;height:971px;position:absolute;left:50%;z-index:-2;line-height:0px;}





.slide4{width:458px;height:645px;left: 50%; margin-left: -737px;

    margin-top: 331px;}

.slide4 .uls li{list-style: none;}

.slide4 .prev,.slide4 .next{width:40px;height:52px;}

.slide4 .prev{top:-320px;left:-265px;}

.slide4 .next{top:-372px;left:1233px;}







.bottom {

    width: 1920px;

    height: 132px;

    left: 50%;

    margin-left: -960px;

    overflow: hidden;

    position: relative;

}