@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
body {
	overflow-x: hidden;
}
.bigcontainer {
	width: 100%;
	background: #000;
	top:-110;
}
.test {
	border: 1px solid red;
}
.fl {
	float: left;
}
.cl {
	clear: both;
}
.bl {
	display: block;
}
.ab {
	position: absolute;
	left: 431px;
	top: 0px;
}
.rl {
	position: relative;
}
.topcontainer {
	width:1920px;height:1080px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_01.jpg) no-repeat center;
	background-position: -0px -0px;
}

.animatetop{	
	width:1920px;height:1080px;left:50%;margin-left:-960px;

}


.topcontainer .topnavs{
	width:616px;height:30px;left:50%;margin-left:-41px;top:23px;
}

.topcontainer .topnavs .nav{
	width:112px;height:30px;
}

.topcontainer .topnavs .nav1{
	margin-left:0px;;
}

.topcontainer .topnavs .nav2{
	margin-left:167px;;
}

.topcontainer .topnavs .nav3{
	margin-left:335px;;
}

.topcontainer .topnavs .nav4{
	margin-left:503px;;
}



.topcontainer .navs{
	width:938px;height:263px;left:50%;margin-left:-471px;top:836px;
}

.topcontainer .navs .nav{
	width:177px;height:178px;
}

.topcontainer .navs .nav1{
	margin-left:0px;top:86px;
}

.topcontainer .navs .nav2{
	margin-left:255px;top:35px;
}

.topcontainer .navs .nav3{
	margin-left:508px;top:0px;
}

.topcontainer .navs .nav4{
	margin-left:761px;top:7px;
}


.topcontainer .navs .nav:hover{
	cursor: pointer;	
}

.gameIntro {
	width:1920px;height:648px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bg01.jpg) no-repeat center;
	background-position: 0px -0px;
}

.gameIntro .introTexts{
	width:686px;height:366px;left:50%;margin-left:-503px;top:108px;
}

.gameIntro .introTexts .line{width:669px;height:42px;}
.gameIntro .introTexts .lineTitle{width:99px;height:22px;top:9px;left: 10px;color: #fbfff5;}
.gameIntro .introTexts .lineText{width:521px;height:26px;top:14px;left: 120px;color: #000000;}
.gameIntro .introTexts .line:hover，.gameIntro .introTexts .lineTitle:hover,.gameIntro .introTexts .lineText:hover{
	cursor: none;
}

.gameIntro .introTexts .line1{left: 18px;top: 5px;}
.gameIntro .introTexts .line2{left: 18px;top: 57px;}
.gameIntro .introTexts .line3{left: 18px;top: 109px;}
.gameIntro .introTexts .line4{left: 18px;top: 161px;}
.gameIntro .introTexts .line5{left: 18px;top: 213px;}
.gameIntro .introTexts .line6{left: 18px;top: 265px;}
.gameIntro .introTexts .line7{left: 18px;top: 317px;}




.gzshow{
	width:1920px;
	height:560px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px 0px;
	background-image: url(../images/bg02.gif);
	background-repeat: no-repeat;
}


.zbShow{
	width:1920px;height:917px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_04.gif) no-repeat center;
	background-position: 0px -0px;	
}

.gzimg{width:309px;height:309px;left:50%;margin-left:-366px;top:221px;background: url(../images/bj04_jcjt/gifdh.gif) no-repeat center;z-index: 50;}


.gzzs{
	width:1920px;height:1069px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_06.jpg) no-repeat center;
	background-position: 0px -0px;	
}


.zbShow2{
	width:1920px;height:2001px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../../https@img.alicdn.com/imgextra/i2/1788071342/O1CN01eW9GAI1LmgYab7Pu1_!!1788071342.gif) no-repeat center;
	background-position: 0px -0px;	
}

.zbShow2 .zbtext{width:1058px;height:40px;left: 421px;}
.zbShow2 .zbtext .text{font-size: 27px;color: white;}
.zbShow2 .zbtext1{top: 570px;}
.zbShow2 .zbtext2{top: 1046px;}
.zbShow2 .zbtext3{top: 1524px;}
.zbShow3{
	width:1920px;height:898px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_05-1.jpg) no-repeat center;
	background-position: 0px -0px;	
}

.bottom{
	width:1920px;
	height:132px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px -0px;
	background-image: url(../images/bj_07.jpg);margin-top: 0px;
}

.slide1{
	width:1145px;height:559px;left: 50%;margin-left: -573px;top:107px;
	
}

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

.slide1 .prev,.slide1 .next{width:32px;height:50px;}
.slide1 .prev{top:-315px;left:-38px;}
.slide1 .next{top:-367px;left:1144px;}

.slide2{
	width:676px;height:737px;left: 759px;margin-left:-752px;top:230px;
	
}

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

.slide2 .prev,.slide2 .next{width:43px;height:84px;}
.slide2 .prev{top:-304px;left:-83px;background-position:left top}
.slide2 .prev:hover{top:-304px;left:-83px;background-position:left bottom}
.slide2 .next{top:-386px;left:1224px;background-position:right top}
.slide2 .next:hover{top:-386px;left:1224px;background-position:right bottom}

.slide2 .slide2hd{width:900px;height:47px;left: 915px;margin-left: -495px;top:405px;}

.slide2 .slide2hd .sm{width:46px;height:47px;}
.slide2 .slide2hd .sm:hover{cursor: pointer;}

.slide2 .slide2hd .sm1{left:0px;} 
.slide2 .slide2hd .sm1.on{background:url(../images/bj04_jcjt/02.png);} 

.slide2 .slide2hd .sm2{left:192px;} 
.slide2 .slide2hd .sm2.on{background:url(../images/bj04_jcjt/04.png);} 

.slide2 .slide2hd .sm3{left:383px;} 
.slide2 .slide2hd .sm3.on{background:url(../images/bj04_jcjt/06.png);} 

.slide2 .slide2hd .sm4{left:575px;} 
.slide2 .slide2hd .sm4.on{background:url(../images/bj04_jcjt/08.png);} 

.slide2 .slide2hd .sm5{left:766px;} 
.slide2 .slide2hd .sm5.on{background:url(../images/bj04_jcjt/10.png);}

.slide3{width:1400px;height:650px;left: 636px;margin-left: -756px;top:259px;    overflow: hidden;}
.slide3 .uls li{list-style: none;}
.slide3 .prev,.slide3 .next{width:43px;height:84px;}
.slide3 .prev{top: -354px;left:1252px;background-position:right top}
.slide3 .prev:hover{top: -354px;left: 1252px;background-position:right bottom}
.slide3 .next{top: -439px;left:29px;background-position:left top}
.slide3 .next:hover{top: -439px;left: 29px;background-position:left bottom}
.slide3 .slide3images{margin-left: 60px;}

.slide4{width:1224px;height:711px;left: 50%;margin-left: -594px;top:129px;}
.slide4 .uls li{list-style: none;}
.slide4 .prev,.slide4 .next{width:100px;height:131px;}
.slide4 .prev{top:-438px;left:-104px;}
.slide4 .next{top:-555px;left:1292px;}


.slide5{width:1078px;height:419px;left: 50%;margin-left: -539px;top:1097px;}
.slide5 .uls li{list-style: none;}
.slide5 .prev,.slide5 .next{width:40px;height:52px;}
.slide5 .prev{top:-262px;left:-85px;}
.slide5 .next{top:-317px;left:1121px;}




#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;}

.clear {
    display: block;
    height: 0;
    line-height: 0;
    overflow: hidden;
    clear: both;
    font-size: 0;
}
#m2{margin-top: 78px;margin-left: 275px;}
#news{float:left;width:981px;height:478px;position:relative;background:#17232e6e url(../images/bg.png) repeat-x left top;border:1px solid #6e5124;    overflow: hidden;}
#news .tit{width:575px;height:59px;line-height:59px;font-size:15px;color:#b59660;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 #6e5124;}
#news .serviceList li a{float:left;color:#b59660;margin-left:5px;display:inline;}
#news .serviceList li:hover{background-color:#000000;}
#news .serviceList li strong{padding:0 5px;float:left;width:110px;font-weight:normal;color:#b59660;margin-left:5px;display:inline;}
#news .serviceList li p{float:left;width:305px;color:#d27c02;display:inline;}
#news .serviceList li em{float:right;width:60px;font-size:12px;color:#b59660;}
#news .serviceList li em img{margin-right:5px;}
#news .btn_more{position:absolute;}

.Tab{float:left;width:100%;line-height:49px;position:relative;}
.Tab .lines{width:100%;position:absolute;bottom:0px;left:0px;border-bottom:2px solid #fbffff;z-index:1000;}
.Tab li{margin:0 25px;float:left;width:91px;text-align:center;display:inline;}
.Tab li a{font-size:17px;color:#b59660;display:block;}
.Tab li a:hover{color:#fff;text-decoration:none;}
.Tab li.change a{color:#fff;}

.NewsList{margin:0 18px;}
.NewsList li{height:41px;line-height:41px;overflow:hidden;color:#cd7125;padding-right:8px;border-bottom:1px dotted #6e5124;}
.NewsList li:hover{background-color:#000;}
.NewsList li a{color:#cd7125;margin-left:5px;float: left;}
.NewsList li time{float:right;color:#b59660;}
.NewsList li .lx{margin:0 8px;color:#b59660;float: left;}


#quickFn{width:1020px;height:369px;position:absolute;top:58px;left:50%;margin-top:958px;margin-left:-504px;z-index:2000;}
.item{float:left;width:330px;height:370px;position:relative;overflow:hidden;margin-right:15px;background:url(../images/bg_white2.png) repeat left top;}
.item img{width:100%;height:100%;position:relative;display:block;z-index:101;}
.item ._guang{width:925px;height:862px;position:absolute;top:-576px;left:-516px;background:url(../images/guan.png) no-repeat left top;}
.item:nth-child(3n){margin-right:0px;}
.item h5{position:absolute;font-size:14px;font-weight:normal;color:#88888a;top:0px;left:0px;padding-top:21px;padding-right:17px;padding-left:17px;z-index:102;right:0;}
.item h5 span{float:left;width:66px;height:66px;line-height:66px;text-align:center;font-size:53px;font-family:'times new roman', times, serif;font-weight:bold;color:#017fe6;margin-right:11px;background:url(../images/icon_yuan.png) no-repeat left top;}
.item ._btn{width:271px;height:50px;line-height:50px;text-align:center;position:absolute;overflow:hidden;font-size:24px;color:#fff;bottom:35px;left:50%;margin-left:-135px;background:url(../images/bg_blue.png) no-repeat left top;letter-spacing:2px;z-index:102;transition:all 0.24s ease-in;}
.item ._btn:hover{background-position:left bottom;text-decoration:none;}
.item h5 em{font-size:28px;font-weight:normal;color:#017fe6;margin-bottom:2px;padding-top:2px;letter-spacing:2px;display:block;}
.hover_item{box-shadow:0 0 24px rgba(0,0,0,0.34);}
.hover_item ._btn{background-position:left bottom;}
i, em, address {
    font-style: normal;
}


.border_top,.border_right,.border_bottom,.border_left{ overflow:hidden; line-height:0;background:#d9b037; position:absolute;}
.border_top{left:50%;top:0;height:2px;}
.border_right{top:50%;right:0;width:2px;}
.border_bottom{left:50%;bottom:0;height:2px;}
.border_left{top:50%;left:0;width:2px;}

.photo,.photo_fullsize{display:block;overflow:hidden;}
.photo img,.photo_fullsize img{display:block;width:100%;height:100%;}

.PicList{float:left;}
.PicList li{float:left;width:420px;height:auto;margin-right:9px;margin-bottom:50px;}
.PicList li.hover_{position:relative;box-shadow:0 0 24px rgba(0,0,0,0.7);z-index:1500;}
.PicList li:nth-of-type(3n){margin-right:0px;}
.PicList li .photo{width:100%;height:100%;position:relative;display:block;}


.ab {
position: absolute;
}


.side-nav {
    position: fixed;
    top: 190px;
    right: 20px;
    width: 157px;
    height: 423px;
    z-index: 98;
}
.icon-side-nav {
    width: 204px;
    height: 466px;
    background: url(../images/bg-side-nav.png) no-repeat top right;
    overflow: hidden;
    padding-top: 93px;
}
.side-nav a {
    position: relative;
    display: block;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #978d7e;
    text-align: right;
    z-index: 110;
    background: url(../images/bg-side-nav2.png) no-repeat;
    background-position: 23px -137px;
    padding-right: 58px;
    margin-bottom: 21px;
}
.side-nav a:hover {
    text-decoration: none;
    color: #f9d172;
    background-position: 23px -89px;
}



/*侧栏*/
#sidebar{float:left;width:429px;margin-top:280px;position:relative;z-index:100;margin-left:419px}
#playbanner{float:left;width:429px;height:504px;position:relative;overflow:hidden;}
/*图片轮播样式*/
#playbanner .conbox{width:9999em;position:absolute;border-radius:20px;}
#playbanner .conbox .Slide_{float:left;width:429px;height:504px;overflow:hidden;}
#playbanner .conbox .Slide_ img{width:100%;height:100%;display:block;}
#playbanner .switcher{width:100%;text-align:center;position:absolute;right:0px;bottom:7px;z-index:99;}
#playbanner .switcher a{width:30px;height:15px;line-height:0;text-align:center;overflow:hidden;font-family:arial;color:#323232;margin-right:3px;margin-left:3px;background-color:#f19d44;cursor:pointer;display:inline-block;}
#playbanner .switcher a.cur,#playbanner .switcher a:hover{color:#fff;background-color:#FF0000;transition:none;}



#news{float:left;width:850px;height:438px;position:relative;background-color:rgba(0,0,0,0.2);box-shadow:0 0px 14px rgba(61,86,124,0.6) inset;border:0px solid #f8a002;margin-top:155px;z-index:100;margin-left:10px;}
#news .tit{width:946px;height:59px;line-height:59px;font-size:15px;color:#87051b;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 #6e5124;}
#news .serviceList li a{float:left;color:#87051b;margin-left:5px;display:inline;}
#news .serviceList li:hover{background-color:#000000;}
#news .serviceList li strong{padding:0 5px;float:left;width:110px;font-weight:normal;color:#87051b;margin-left:5px;display:inline;}
#news .serviceList li p{float:left;width:305px;color:#d27c02;display:inline;}
#news .serviceList li em{float:right;width:60px;font-size:12px;color:#87051b;}
#news .serviceList li em img{margin-right:5px;}
#news .btn_more{position:absolute;}


/*栏目标题*/
/* - - - - - - - - - 文字列表类  - - - - - - - - -*/
/*文本列表*/
.TextList{padding:10px 0 10px 61px;width:249px;position:relative;margin:0 auto;border-bottom:1px dotted #6e5124;}
.TextList dt{line-height:20px;position:absolute;color:#87051b;top:11px;left:0px;}
.TextList dd{line-height:2.02;font-size:12px;color:#d98500;}
.TextList dd a{color:#d98500;}
.TextList dd a:hover{color:#87051b;text-decoration:none;}
/*新闻列表*/
.NewsList{margin:0 18px;}
.NewsList li{height:41px;line-height:41px;overflow:hidden;color:#3a3a3a;padding-right:8px;border-bottom:1px dotted #3a3a3a;font-size:14px;}
.NewsList li:hover{background-color:#000;}
.NewsList li a{color:#3a3a3a;margin-left:5px;}
.NewsList li time{float:right;color:#3a3a3a;}
.NewsList li .lx{margin:0 8px;color:#3a3a3a;}
/*链接*/
.LinkList{float:left;}
.LinkList li{float:left;border-right:1px solid #975d02;border-bottom:1px solid #975d02;}
.LinkList li a{width:115px;height:52px;line-height:52px;text-align:center;overflow:hidden;font-size:18px;color:#fff7f1;background:#4a6a90 url(../images/a_bg.jpg) repeat-x left top;text-shadow:0 1px 3px rgba(0,0,0,0.3);display:block;}
.LinkList li a:hover{background-image:url(../images/a_bg2.jpg);text-decoration:none;box-shadow:0 3px 4px rgba(0,0,0,0.4) inset;}
/*焦点新闻*/
.focusNews{height:46px;line-height:46px;text-align:center;overflow:hidden;font-size:18px;font-weight:bold;padding:0 20px 0px 20px}
.focusNews h4{font-size:18px;font-weight:bold;color:#e4bc00;}
.focusNews h4 a{color:#e4bc00;}
.focusNews h4 a:hover{color:#fff7f1;}
/*选项卡*/
.Tab{float:left;width:95%;line-height:55px;position:relative;border-bottom:1px solid #fcfcfc;margin-left:20px}
.Tab .lines{width:100%;position:absolute;bottom:0px;left:0px;border-bottom:3px solid #fcfcfc;z-index:1000;}
.Tab li{margin:0 25px;float:left;width:150px;text-align:center;display:inline;}
.Tab li a{font-size:17px;color:#fcfcfc;display:block;}
.Tab li a:hover{color:#fcfcfc;text-decoration:none;font-weight:bold;font-size:20px;}
.Tab li.change a{color:#fcfcfc;font-weight:bold;font-size:20px;}


	#ZhiYe{height:903px;position:relative;min-width:898px;margin:0 auto;   padding-left: 128px;z-index:100;margin-left:10px;}
	#ZhiYe .center{position:relative;width:964px;}
	#ZhiYe h4{width:698px;height:72px;text-indent:-99em;overflow:hidden;margin:0px auto 82px auto;background:url(../images/title.png) no-repeat left top;display:block;}
	#ZhiYe .photoshow_select{text-align:center;margin-top:45px;}
	#ZhiYe .photoshow_select a{margin:0 2px;width:20px;height:20px;text-indent:0px;background:url(../images/a_4.png) no-repeat left top;cursor:pointer;display:inline-block;}
	#ZhiYe .photoshow_select a.change{background-position:right top;}
		.photoshow{width:780px;height:628px;margin:0 auto;}
		.photoshow li{width:1005px;height:582px;text-align:center;background-color:#ccc;cursor:pointer;}
		.photoshow li img{max-width:100%;}
		.photoshow li.roundabout-in-focus{cursor:default;}
		.photoshow li span{padding-top:6em;display:block;}
		.move_rights,.move_lefts{float:left;width:43px;height:525px;position:absolute;top:0px;z-index:1500;}
		.move_lefts span,.move_rights span{width:82px;height:82px;position:absolute;top:50%;margin-top:0px;background-repeat:no-repeat;}
		.move_lefts{left:-290px;    background: url(../images/left.png) no-repeat center;}
		.move_lefts span{background-position:left top;}
		.move_lefts:hover span{background-position:left bottom;}
		.move_rights{right:-281px;    background: url(../images/right.png) no-repeat center;}
		.move_rights span{background-position:right top;}
		.move_rights:hover span{background-position:right bottom;}


			.list-info{
	    width: 560px;
    height: 406px;
    margin-top:257px;
    position: absolute;
    left:961px;
}
.NewsList li{height:53px;line-height:53px;font-size: 14px;transition:all 0.1s linear;}
	.NewsList li:hover{transform:translatex(5px);}
	.NewsList li a{float: left;overflow:hidden;color: #f3d772;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;display:block;}
	.NewsList li time{float:right;color:#aaabaf;}
	.NewsList li .lx{float:left;}
	.NewsList li:hover a{color:#ae862e;}

	ul, ol {
		list-style-type: none;
	}


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

.zhuangbeishow{width:1412px;height: 1300px;/* border: 1px solid red; */margin: 0px auto;position: absolute;top: 166px;left: 266px;}
.zhuangbei_ul{}
.zhuangbei_ul li{width: 139px;height: 150px;float: left;cursor: pointer;margin-right: 0px;margin-top: 0px;margin-left: 0px;}

.zbs2{width: 1047px;height: 600px;margin: 0px auto;position: absolute;top: 596px;left: 519px;}
#sb_02{}
#sb_02 li{width: 90px;height: 101px;float: left;cursor: pointer;margin-right: 22px;margin-top: 23px;margin-left: 0px;}

#preview{position:absolute;border:1px solid #614635;background:#3c2116;padding:5px;display:none;color:#fff;    z-index: 77777;}
.container-item  {width: 50px;height: 50px;background: url("../images/active.png") 0 0 no-repeat;}
.container-item img{    padding-top: 35px;}


/*----  手风琴-旋转-弹跳 ----------*/
.box {height: 564px;width: 1161px;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;z-index: 9999;margin-top: 185px;}
.box .tab{position: relative;float: left;overflow: hidden;width: 181px;height: 460px;}
.box .tab .rightbtn{display:block;background:url(../images/tab.jpg) no-repeat;width: 181px;height: 564px;position: absolute;right:0px;cursor: default;}
.box .tab .pic{position: absolute;display:none;}
.box .tab.on{width:618px;z-index: 1;}
.box .tab.on .pic{display:block;}
.box .tab.on .rightbtn{display:none;}
.box .tab .spot { width: 122px; height: 20px; position: absolute; bottom: 20px; left: 30px; z-index: 1;display:none; }
.box .tab .spot .spotbtn { width: 20px; height: 20px; background: #CDCDCD; display: block; float: left; margin-right: 10px; border-radius: 15px; }
.box .tab .spot .spotbtn.active{background:#f00;}
.box .tab.on .spot{display: none;}
.box .tab1 .rightbtn{background-position:0 0;position: absolute;}
.box .tab2 .rightbtn{background-position:-182px 0;}
.box .tab3 .rightbtn{background-position:-364px 0;}
.box .tab4 .rightbtn{background-position:-546px 0;}
.box .note { clear: both; color: #fff; line-height: 30px; padding: 20px 20px; font-size: 16px; }
/*----  手风琴-旋转-弹跳 结束 ----------*/

 




.Tzshow .tsBox {
    width: 1193px;
    height: 499px;
    background: url(../images/ts_bg.png) center no-repeat;
    margin: 210px auto 0;
    font-size: 0;
    text-align: center
}

.Tzshow .tsBox li {
    width: 111px;
    height: 462px;
    margin: 18px 2px 0;
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -ms-transition: .4s all;
    -o-transition: .4s all;
    transition: .4s all
}

.Tzshow .tsBox li:hover,.Tzshow .tsBox li.on {
    width: 700px
}

.Tzshow .tsBox li:hover .s,.Tzshow .tsBox li.on .s {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.Tzshow .tsBox li:hover .b,.Tzshow .tsBox li.on .b {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100)
}

.Tzshow .tsBox li .s {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -ms-transition: .4s all;
    -o-transition: .4s all;
    transition: .4s all
}

.Tzshow .tsBox li .b {
    display: block;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -ms-transition: .4s all;
    -o-transition: .4s all;
    transition: .4s all
}

.huanhua-sp {
	width: 1334px;
	left: 50%;
	margin-left: -672px;
	margin-top: 265px;
	height: 500px;
}
.swiper-container {
 --swiper-navigation-color: #ccb179;/* 单独设置按钮颜色 */
}
.huanhua-sp .swiper-button-prev {
	width: 80px;
	height: 82px;
	background: url(../images/01x.png) no-repeat center center;left: -100px;
}
.huanhua-sp .swiper-button-next {
	width: 80px;
	height: 82px;
	background-size: auto;
	background-image: url(../images/02x.png);right: -95px;
}
.huanhua-sp .swiper-slide >img {
	width: 400px;
	height:500px;
	box-shadow: 0px 0px 10px #000;
	
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
    content: ''!important;
}

#TeSe{width:1332px;margin:0 auto;padding-bottom:55px;padding-top: 250px;}
#TeSeShow{width:1332px;height:802px;position:relative;overflow:hidden;margin-bottom:69px;}

#TeSe .conbox{width:9999em;position:absolute;}
#TeSe .conbox .Slide_{float:left;width:1332px;height:702px;overflow:hidden;}
#TeSe .conbox .Slide_ img{height:702px;margin:0 auto;display:block;}
#TeSe .switcher{width:100%;text-align:center;position:absolute;right:0px;bottom:0px;display:none;z-index:99;}
#TeSe .switcher a{width:14px;height:14px;line-height:0;text-align:center;overflow:hidden;font-family:arial;color:#323232;margin-right:9px;margin-left:9px;background-color:#cccccc;border-radius:9px;cursor:pointer;display:inline-block;}
#TeSe .switcher a.cur,#TeSe .switcher a:hover{color:#fff;background-color:#ffa9aa;}
#TeSe ._slider_next,#TeSe ._slider_prev{width:51px;height:600px;position:absolute;top:0px;z-index:80;}
#TeSe ._slider_prev span,#TeSe ._slider_next span{width:51px;height:108px;position:absolute;top:50%;margin-top:-53px;background:url(../images/arrown.png) no-repeat left top;background-repeat:no-repeat;}
#TeSe ._slider_prev{left:10px;}
#TeSe ._slider_prev:hover{background-position:left top;}
#TeSe ._slider_prev:hover span{background-position:left bottom;}
#TeSe ._slider_next{right:10px;}
#TeSe ._slider_next span{background-position:right top;}
#TeSe ._slider_next:hover span{background-position:right bottom;}
#TeSe .TabX{width:1100px;position:absolute;bottom:0px;left:50%;margin-left:-507px;z-index:11500;}

#TeSe .TabX{text-align:center;}
#TeSe .TabX li{margin-right:19px;margin-left:19px;display:inline;}
#TeSe .TabX li a{line-height:1.44;font-size:24px;color:#f5f0ea;padding-right:12px;padding-left:12px;border:1px solid #967e58;border-color:transparent;display:inline-block;}
#TeSe .TabX li a:hover,.TabX li.change a{background-color:#efa22e;text-decoration:none;border:1px solid #967e58;}



#Layer15{height:580px;position:relative;min-width:1280px;margin:0 auto;z-index:100}
#Layer15 .center{position:relative;width:1280px;margin:0 auto;padding-top:213px;    margin-left: 372px;}
#Layer15 .photoshow_select{text-align:center;margin-top:10px;}
#Layer15 .photoshow_select a{margin:0 2px;width:20px;height:20px;text-indent:0px;background:url(../images/a_4.png) no-repeat left top;cursor:pointer;display:inline-block;}
#Layer15 .photoshow_select a.change{background-position:right top;}
#Layer15 .photoshow{width:1100px;height:600px;margin:0 auto;}
#Layer15 .photoshow li{width:1100px;height:600px;text-align:center;cursor:pointer;}
#Layer15 .photoshow li img{max-width:100%;}
#Layer15 .photoshow li.roundabout-in-focus{cursor:default;}
#Layer15 .photoshow li span{padding-top:6em;display:block;}
#Layer15 .move_rights,#Layer15 .move_lefts{float:left;width:43px;height:320px;position:absolute;top:194px;z-index:1500;}
#Layer15 .move_lefts span,#Layer15 .move_rights span{width:80px;height:82px;position:absolute;top:50%;margin-top:188px;}
#Layer15 .move_lefts{left:55px;}
#Layer15 .move_lefts span{background:url(../images/01x.png) no-repeat left top;}
#Layer15 .move_rights{right:70px;}
#Layer15 .move_rights span{background:url(../images/02x.png) no-repeat left top;}

#mouse{position:absolute;font-size:14px;top:967px;left:50%;z-index:11200;line-height:29px;color:#fff;text-align:center;width:86px;margin-left:-44px;font-size:13px;-webkit-animation:press 2.5s ease-out infinite;animation:press 2.5s ease-out infinite;}
	#mouse .icon_mouse{display:block;background:url(../images/icon_mouse.png) no-repeat left top;width:22px;height:47px;margin:0 auto;}
	@keyframes press{
		50%{ transform:translateY(40px);}
	}
	
	@-webkit-keyframes press{
		50%{ -webkit-transform:translateY(40px);}
	}
	@keyframes hover_pulse {
	  25% { transform:rotate(6deg);}
	  75% {transform: rotate(-6deg);}
	}
	@keyframes light_ {
	  25% { transform:scale(1.6);opacity: 0.9;}
	  75% {transform: scale(0.4);opacity: 1;}
	}
	@keyframes light_2 {
	  45% { transform:scaleX(1.05);opacity:0.6;}
	  75% {transform: scaleX(1);opacity: 1;}
	}
	@keyframes light_1 {
	  50% { transform: translatey(-10px) scale(1.005);opacity:1;}
	  100% {transform:translatey(0px) scale(1);opacity: 1;}
	}

.wrapper {
    position: relative;
    width: 1400px;
    height: 100%;
    box-sizing: border-box;
    margin: 40px auto 0;
}
.swiper-container.voice-view {
    width: 1400px;
	margin-top: 230px;
}

.voice-view .trriger {
    position: relative;
    width: 150px;
}

.voice-view .trriger::before {
    display: none;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -97px;
    width: 138px;
    height: 138px;
    margin-left: -69px;
    background-image: url(../images/page5/bg-disc.png);
    animation: disc-rotate 4s infinite;
}

.voice-view .trriger.active::before {
    display: block;
}

.voice-view .front {
    position: relative;
    top: 0;
    width: 400px;
    height: 551px;
    transition: all .4s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.voice-view .flip{
    position: absolute;
    top: 0;
    width: 370px;
    height: 460px;    
    opacity: 0;
}

.voice-view .trriger.active .front,
.voice-view .trriger.active .flip,
.voice-view .trriger:hover .front {
    top: 32px;
}

.voice-view .trriger.active .front{
    opacity: 0;
}

.voice-view .trriger.active .flip{
    opacity: 1;
}


#prev {
    width: 80px;
    height: 82px;
    top: 50%;
    left: -70px;
    margin-top: -200px;
    background-image: url(../images/01x.png);
    background-size: 100% 100%;
}

#next {
    width: 80px;
    height: 82px;
    top: 50%;
    right: -65px;
    margin-top: -200px;
    background-image: url(../images/02x.png);
    background-size: 100% 100%;
}

#ZhuangBeia{
	width:1920px;
	height:auto;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background-position: 0px 0px;
background: url(../images/00.jpg) bottom center repeat; 
z-index:99;
}



.center4{margin:0 auto;width:1290px;}	/*让内容区块居中*/


	.PicList{float:left;}
	.PicList li{float:left;position:relative;margin-right:17px;margin-bottom:10px;padding-top:31px;float:left;width:386px;height:auto;padding:10px;margin-top:20px;background:#780303;border:5px solid #5b1010;}
	.PicList li:nth-child(3n){margin-right:0px;}
	.PicList strong{height:46px;line-height:46px;text-align:center;overflow:hidden;font-size:22px;font-weight:normal;color:#fe9207;margin-bottom:3px;letter-spacing:4px;display:block;background:#5b1010;}
	.PicList .photo{width:386px;margin:0 auto;background-color:#000000;display:block;}
	
	.PicList2{float:left;}
	.PicList2 li{float:left;position:relative;margin-right:10px;margin-bottom:10px;padding-top:31px;float:left;width:606px;height:auto;padding:10px;margin-top:20px;background:#780303;border:5px solid #5b1010;}
	.PicList2 li:nth-child(2n){margin-right:0px;}
	.PicList2 strong{height:46px;line-height:46px;text-align:center;overflow:hidden;font-size:22px;font-weight:normal;color:#fe9207;margin-bottom:3px;letter-spacing:4px;display:block;background:#5b1010;}
	.PicList2 .photo{width:600px;margin:0 auto;background-color:#000000;display:block;}
	
	.PicList3{float:left;}
	.PicList3 li{float:left;position:relative;margin-right:10px;margin-bottom:10px;padding-top:31px;float:left;width:1250px;height:auto;padding:10px;margin-top:20px;background:#780303;border:5px solid #5b1010;}
	.PicList3 li:nth-child(3n){margin-right:0px;}
	.PicList3 strong{height:46px;line-height:46px;text-align:center;overflow:hidden;font-size:22px;font-weight:normal;color:#fe9207;margin-bottom:3px;letter-spacing:4px;display:block;background:#5b1010;}
	.PicList3 .photo{width:1250px;margin:0 auto;background-color:#000000;display:block;}