
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}

.bigcontainer {
	width: 100%;
}
.test {
	border: 1px solid red;
}
.fl {
	float: left;
}
.cl {
	clean: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;
}
.rl {
	position: relative;
}

	/*æ¶“å¬­æµ‡*/ 
	#downloads{width:622px;height:212px;position:absolute;top: 709px;left:50%;margin-left:-300px;z-index:50;}
	#downloads .btn_Recharge{margin-right:19px;background:url(../images/down_001.png) no-repeat left top;}
	#downloads .btn_down{float:left;width:210px;height:209px;position:relative;margin-right:21px;}
	#downloads .btn_down .down_bg{width:210px;height:210px;position:absolute;top:0px;left:0px;background:url(../images/down_002.png) no-repeat left top;-webkit-animation: rotate 22s linear infinite;animation: rotate 22s linear infinite;}
	#downloads .btn_down ._text{width:127px;height:127px;position:absolute;text-indent:-999em;top:50%;left:50%;margin-top:-63px;margin-left:-63px;background:url(../images/down_bg.png) no-repeat left top;}
	#downloads .btn_down:hover ._text{background-position:right top;}
	#downloads .btn_huishou{background:url(../images/down_001.png) no-repeat left top;}
	#downloads .btn_Recharge,#downloads  .btn_huishou{float:left;width:107px;height:66px;line-height:66px;font-size:18px;color:#516d70;margin-top:70px;padding-left:70px;text-decoration:none;}
	#downloads .btn_huishou:hover,#downloads .btn_Recharge:hover{background-position:left bottom;}
	
	
.musicbox{width:70px;height:110px;position:fixed;z-index:500;top:10px;left:50%;cursor:pointer;margin-left: -790px;}
.musicplay{background:url("../images/musicplay.png") no-repeat}
.musicstop{background:url("../images/musicstop.png") no-repeat}

 #Version{width:100%;height:902px;position:relative;overflow:hidden;z-index:0;padding-top: 65px;}
 #Flash{width:1920px;height:902px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:-1}
#Header{width:1920px;height:902px;margin:0 auto -290px -960px;position:absolute;left:50%;z-index:-2;line-height:0px;}
.YZbg_02{width:1920px;height:973px;left:50%;margin-left:-960px;position:relative;background:url(../images/bj_02.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px}
.YZbg_03{width:1920px;height:712px;left:50%;margin-left:-960px;position:relative;background:url(../images/bj_03.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px}
.YZbg_04{width:1920px;height:910px;left:50%;margin-left:-960px;position:relative;background:url(../images/bj_04.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px}
.YZbg_05{width:1920px;height:1058px;left:50%;margin-left:-960px;position:relative;background:url(../images/bj_05.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px}
.YZbg_06{width:1920px;height:902px;left:50%;margin-left: -960px;position:relative;background:url(../images/bj_06.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px}

.YZbgfoot{width:1920px;height:132px;left:50%;margin-left:-960px;position:relative;background:url(../images/footbgimg.jpg) no-repeat center;background-position-x:center;background-position-y:center;background-position:0px -0px}
.YZbgVideo{width:1920px;position:absolute;left:50%;z-index:0;margin-left: -960px;}
.YZpiccon{float:left;position:relative;left:50%;margin:0px auto -272px -286px;z-index:3;}
.YZ_Dpic01{position: absolute;left: 50%;margin-left: -730px;margin-top: 50px;}
.YZbg_02 .YZshow{position: absolute;z-index: 2;padding-top: 80px;left: 50%;margin-left: -600px;}
.YZbg_03 .YZshow{position: absolute;z-index: 3;padding-top: 250px;left: 50%;margin-left: -640px;}
.YZbg_04 .YZshow{position: absolute;z-index: 4;padding-top: 289px;left: 50%;margin-left: -382px;}
.YZbg_05 .YZshow{position: absolute;z-index: 5;padding-top: 242px;left: 50%;margin-left: -600px;}
.YZbg_06 .YZshow{position: absolute;z-index: 6;padding-top: 280px;left: 50%;margin-left: -600px;}
.YZbg_07 .YZshow{position: absolute;z-index: 7;padding-top: 0px;left: 50%;margin-left: -600px;}
.YZbg_08 .YZshow{position: absolute;z-index: 8;padding-top: 0px;left: 50%;margin-left: -600px;}
.YZbg_09 .YZshow{position: absolute;z-index: 9;padding-top: 0px;left: 50%;margin-left: -600px;}
.YZbg_10 .YZshow{position: absolute;z-index:10;padding-top: 0px;left: 50%;margin-left: -600px;}
#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: 890px;
	height: 87px;
	left:50%;
	margin-left: -453px;
	top:902px;
	z-index: 99;
}
.nav1,.nav2,.nav3,.nav4 {
	width: 200px;
	height: 88px;
	/* 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: 38px;

}

.nav3 {
	background:url(../images/kf.png) no-repeat;
	margin-left: 50px;

}

#KefuR{width:140px;position:fixed;top:50%;margin-top:-100px;right:10px;background-color:#433f3e;box-shadow:0 0 14px rgba(0,0,0,0.2);z-index:1500;}
#KefuR h4{width:140px;height:80px;text-indent:-99em;overflow:hidden;background:url("../images/kf.jpg") no-repeat left top;}
#KefuR ul li{font-size:15px;background:url("line_x.jpg") repeat-x left bottom;}
#KefuR ul li a{padding:10px 0;line-height:24px;text-align:center;color:#c59d58;background:url("0.gif") no-repeat 10px center;display:block;}
#KefuR ul li a:hover{color:#ffe506;}
#KefuR ul li strong{font-weight:normal;display:block;}
#KefuR ._backtop{width:100%;height:24px;line-height:24px;text-align:center;position:absolute;font-size:14px;left:0px;text-transform:uppercase;}
#KefuR ._backtop:hover{color:#c59d58;}
#KefuR ._ewm{width:140px;height:140px;padding-top:13px;}
#KefuR ._ewm img{width:120px;height:120px;overflow:hidden;margin:0 auto;background:#fff;display:block;}



#weixin {
	display: none;
	position: fixed;
	top: 25%;
	left: 38%;
	z-index: 50;
	background: white;
}
#over {
	width: 100%;
	height: 100%;
	opacity: 0.5;/*ç’å‰§ç–†é‘³å±¾æ«™é‘¹æŸ¥â‚¬å¿”æ§‘æ´ï¿½,1æ¶“å“„ç•¬éã„¤ç¬‰é–«å¿”æ§‘,IEé—‡â‚¬ç‘•ä½·å¨‡é¢â•¢ilter: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;
	}

.pview{ position:relative; display:block; margin:0 auto; width:1118px;}
.items{ display:block; position:absolute; top:320px; left:0px;}
.items a{ display:block; float:left; width:84px; height:89px; background:url(../images/011.png) left top no-repeat; margin-right:30px; margin-bottom:10px; text-align:center}
.items a:nth-child(10n){ margin-right:0px;}
.items a img{ display:inline-block; margin:18px 0 0 0; padding:0; border:0}

#preview{position:absolute;border:1px solid #614635;background:#3c2116;padding:5px;display:none;color:#fff;z-index: 200}

.flag1{width:535px;left:50%;margin-left:206px;margin-top:80px;}
.flag1 .swiper-button-prev,.flag1 .swiper-button-next{top: 494px;width: 53px;height: 53px;}
.flag1 .swiper-button-prev{    left: 88px;}
.flag1 .swiper-button-next{    left: 148px;}
.flag1 .swiper-button-prev:after,.flag1 .swiper-button-next:after {content: '';}

#flag_2 .items{margin-left: -620px;width: 1500px;margin-top: 207px;}
#flag_2 .items li{margin-right: 200px;height: 133px;}

#flag_3 .items.i1{margin-left: -632px;width: 396px;margin-top: 566px;}
#flag_3 .items.i1 li{width: 50px;height: 50px;float: left;list-style: none;margin-right: 16px;}

#flag_3 .items.i2{margin-left: -184px;width: 396px;margin-top: 566px;}
#flag_3 .items.i2 li{width: 50px;height: 50px;float: left;list-style: none;margin-right: 16px;}

#flag_3 .items.i3{margin-left: 266px;width: 396px;margin-top: 566px;}
#flag_3 .items.i3 li{width: 50px;height: 50px;float: left;list-style: none;margin-right: 16px;}

#flag_3 .items.i4{margin-left: -629px;width: 396px;margin-top: 1147px;}
#flag_3 .items.i4 li{width: 50px;height: 50px;float: left;list-style: none;margin-right: 16px;}

#flag_3 .items.i5{margin-left: -183px;width: 396px;margin-top: 1147px;}
#flag_3 .items.i5 li{width: 50px;height: 50px;float: left;list-style: none;margin-right: 16px;}

#flag_3 .items.i6{margin-left: 268px;width: 396px;margin-top: 1147px;}
#flag_3 .items.i6 li{width: 50px;height: 50px;float: left;list-style: none;margin-right: 16px;}



.wp-show{margin:0 auto;    padding-top: 115px;} .wp-show .swiper-container{width:1240px; height:665px; margin:0 auto 300px auto;}
.swiper-button-next, .swiper-button-prev{width:84px; height:128px; margin-top:-100px;}
.swiper-button-prev{background: url('../images/btn-prev.png') no-repeat;}
.swiper-button-next{background: url('../images/btn-next.png') no-repeat;} .swiper-button-next:after, .swiper-button-prev:after{display: none;}
.wp-show .swiper-slide h6{width: 373px; height: 56px; margin: 0 auto 30px auto; background: url("../images/bg-title.png") no-repeat center; font-size: 35px; color: #b8bfc6; text-align:center;}
.wp-show .swiper-slide .wp-img{width: 1122px; height: 500px; margin:0 auto; padding: 8px; border: 2px solid #57595f;}
.wp-show .swiper-slide .wp-img img{width:1122px; height:500px;}
.swiper-pagination-bullet{width: 18px; height: 18px; background: #575960; opacity:1;}
.swiper-pagination-bullet-active{background: #fff;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:15px 10px;}
.swiper-container-horizontal > .swiper-pagination-bullets{bottom:0;left:220px;width: 450px;height: 49px;/* background: url("../images/bg-nav.png") no-repeat; */}

.zuoyi {transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;}
.zuoyi:hover {transform: translate(0, 10px);-webkit-transform: translate(0, 10px);-moz-transform: translate(0, 10px);-o-transform: translate(0, 10px);-ms-transform: translate(0, 10px);}


#Floatingbar{
	width:157px;
	position:fixed; 
	top:50%;
	right:0px;
	margin-top:-150px;
	background-color:#e5e5e5;
	box-shadow:0 3px 14px rgba(0,0,0,0.4);
	z-index:150000;
	font-size:12px;
	background-color:#ffffff;
	font-family:'Microsoft YaHei';
	
}
#Floatingbar .ewm{padding:22px 0 15px;line-height:24px;text-align:center;color:#fff;background-color:#333333;}
#Floatingbar .ewm img{width:117px;height:117px;margin:0 auto;display:block;}
#Floatingbar ul{padding:14px 0;background:url(../images/line_x.png) no-repeat center bottom;list-style-type:none;background-color:#333333;color:white;}
#Floatingbar ul li{height:22px;line-height:22px;text-align:center;margin-bottom:7px;cursor: pointer;}
#Floatingbar ul li a{color:white;}
#Floatingbar ul li a:hover{color:white;}
#Floatingbar ul li img{margin-left:5px;vertical-align:middle;}
#Floatingbar .btn_backtop{height:31px;line-height:31px;text-align:center;color:#fff;background-color:#676767;display:block;}
#Floatingbar .btn_backtop:hover{background-color:#507129;}
#Floatingbar .btn{width:15px;height:130px;position:absolute;top:23px;left:-15px;background:url(../images/arrow.png) no-repeat right top;cursor:pointer;}
#Floatingbar .btn.change{background-position:left top;}

#backtop{display:none;background:url(../images/arrow_top.png) no-repeat left top;cursor:pointer;height:50px;width:50px;position:fixed;_position:absolute;bottom:20px;_top:expression(eval(document.documentElement.scrollTop document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_bottom:auto;z-index:11500;right:20px;}
#backtop:hover{background-position:left bottom;}


#news {float: left;width: 900px;height: 490px;position: relative;margin-top: 320px;margin-left: 10px;z-index: 1000;}
#news .tit { width: 575px; height: 59px; line-height: 59px; font-size: 15px; color: rgb(181, 150, 96); padding-left: 21px; }
#news .tit span { float: left; }
#news .tit span:nth-child(1) { width: 118px; }
#news .tit span:nth-child(2) { width: 317px; }
#news .tit span:nth-child(3) { width: 34px; }
#news .tit span:nth-child(4) { width: 34px; }
#news .tit span:nth-child(5) { width: 60px; text-align: center; }
#news .serviceList { float: left; width: 566px; font-size: 12px; margin: 0px auto 0px 18px; }
#news .serviceList li { float: left; width: 566px; height: 38px; line-height: 38px; overflow: hidden; font-size: 14px; border-bottom: 1px dotted rgb(110, 81, 36); }
#news .serviceList li a { float: left; color: rgb(181, 150, 96); margin-left: 5px; display: inline; }
#news .serviceList li:hover { background-color: rgb(0, 0, 0); }
#news .serviceList li strong { padding: 0px 5px; float: left; width: 110px; font-weight: normal; color: rgb(181, 150, 96); margin-left: 5px; display: inline; }
#news .serviceList li p { float: left; width: 305px; color: rgb(210, 124, 2); display: inline; }
#news .serviceList li em { float: right; width: 60px; font-size: 12px; color: rgb(181, 150, 96); }
#news .serviceList li em img { margin-right: 5px; }
#news .btn_more { position: absolute; }
#ZhiYe2 .center { float: left; position: relative; width: 900px; margin-left: 230px; }
#ZhiYe2 .photoshow_select2 a.change { background-position: right top; }
#Zhuangbei .center { position: relative; width: 950px; }
.NewsList { margin: 0px 18px; }
.NewsList li { height: 39px; line-height: 39px; overflow: hidden; color: rgb(234, 249, 253); padding-right: 8px; border-bottom: 1px dotted rgb(30, 44, 39); }
.NewsList li:hover { background-color: rgb(0, 49, 56); }
.NewsList li a { color: rgb(234, 249, 253); margin-left: 5px; }
.NewsList li time { float: right; color: rgb(234, 249, 253); }
.NewsList li .lx { margin: 0px 8px; color: rgb(234, 249, 253); }
.focusNews { height: 54px; line-height: 54px; text-align: center; overflow: hidden; font-size: 18px; font-weight: bold; }
.focusNews h4 {font-size: 25px;font-weight: bold;color: rgb(228, 188, 0);}
.focusNews h4 a { color: rgb(228, 188, 0); }
.focusNews h4 a:hover { color: rgb(255, 247, 241); }
.Tab { float: left; width: 100%; line-height: 49px; position: relative; z-index: 1000; }
.Tab .lines { width: 100%; position: absolute; bottom: 0px; left: 0px; border-bottom: 2px solid rgb(251, 255, 255); z-index: 1000; }
.Tab li { margin: 0px 25px; float: left; width: 173px; text-align: center; display: inline; }
.Tab li a { font-size: 17px; color: rgb(45, 220, 252); display: block; }
.Tab li a:hover { color: rgb(255, 255, 255); text-decoration: none; }
.Tab li.change a { color: rgb(255, 255, 255); font-weight: bold; }

img { border: none; vertical-align: middle; }
input, select, button { padding: 0px; margin: 0px; outline: none; font-family: inherit; vertical-align: middle; }
textarea { font-family: inherit; padding: 0px; margin: 0px; }
button { cursor: pointer; }
html { overflow-x: hidden; }
body {font-size: 16px;background: rgb(0 0 0);font-family: "Microsoft YaHei";}
ul, ol { list-style-type: none; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3, h4 { font-size: 14px; }
h5 { font-size: 12px; }
i, em, address { font-style: normal; }
a { text-decoration: none; color: rgb(79, 79, 79); }
a:hover { text-decoration: underline; transition: color 200ms linear 0s, background-color 200ms linear 0s, border-color 200ms linear 0s; }
a:active { }
a:visited { }
.clear { display: block; height: 0px; line-height: 0; overflow: hidden; clear: both; font-size: 0px; }
.center { margin: 0px auto; width: 1280px; }
#backtop { display: none; background: url("../images/arrow_top.png") left top no-repeat; cursor: pointer; height: 50px; width: 50px; position: fixed; bottom: 20px; z-index: 11500; right: 20px; }
#backtop:hover { background-position: left bottom; }

