@charset "utf-8";

/* CSS Document */

* {

	margin: 0;

	padding: 0;

	margin: 0px 0px 0px 0px;

}

body {

	overflow-x: hidden;

}

 .YZkj_06 .m3_zb_1 .role-itemsk img {
	     width:auto;
	     height: auto;
	     overflow: hidden;
	     border: #363428 1px solid;
	     border-radius: 15px;
	     margin-right: -36px;
	     margin-left: 0px;
}

.YZkj{width:1920px;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;margin-top: 0px;z-index: 3;}
.YZkj_02 {width:1920px;height: 909px;}
.YZkj_03 {width:1920px;height: 2849px;}
.YZkj_04 {width:1920px;height: 1900px;}
.YZkj_05 {width:1920px;height: 7859px;}
.YZkj_06{width:1920px;height: 8100px;}
.YZkj_07{width:1920px;height:1100px;}
.YZkj_08{width:1920px;height:1100px;}
.YZkj_09{width:1920px;height:1100px;}
.YZkj_10{width:1920px;height:1100px;}

.YZkj_02 .YZshow {position: absolute;z-index:4;padding-top: 0px;left: 50%;margin-left: -958px;margin-top: -55px;}
.YZkj_03 .YZshow{position: absolute;z-index:4;padding-top: 130px;left: 50%;margin-left: -721px;}
.YZkj_04 .YZshow{position: absolute;z-index:4;padding-top: 130px;left: 50%;margin-left: -649px;}
.YZkj_05 .YZshow{position: absolute;z-index:4;padding-top: 120px;left: 50%;margin-left: -618px;}
.YZkj_06 .YZshow{position: absolute;z-index:4;padding-top: 120px;left: 50%;margin-left: -615px;}
.YZkj_07 .YZshow{position: absolute;z-index:4;padding-top: 0px;left: 50%;margin-left: -600px;}
.YZkj_08 .YZshow{position: absolute;z-index:4;padding-top: 0px;left: 50%;margin-left: -600px;}
.YZkj_09 .YZshow{position: absolute;z-index:4;padding-top: 0px;left: 50%;margin-left: -600px;}
.YZkj_10 .YZshow{position: absolute;z-index:4;padding-top: 0px;left: 50%;margin-left: -600px;}

.YZkj_02 .YZ_titletop{height: 55px;}
.YZkj_03 .YZ_titletop{height:20px;}
.YZkj_04 .YZ_titletop{height:20px;}
.YZkj_05 .YZ_titletop{height:20px;}
.YZkj_06 .YZ_titletop{height:20px;}
.YZkj_07 .YZ_titletop{height:20px;}
.YZkj_08 .YZ_titletop{height:20px;}
.YZkj_09 .YZ_titletop{height:20px;}
.YZkj_10 .YZ_titletop{height:20px;}

.YZ_title {width: 764px;height: 87px;text-indent: -99em;overflow: hidden;margin: auto auto 10px;background: url(../images/bg_title.png) left top no-repeat;position: absolute;z-index: 5;}
.YZkj_02 .YZ_title.icon {margin-bottom: 0px;background-position: 0px 0px;margin-left: 578px;}
.YZkj_03 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -87px;margin-left: 578px;}
.YZkj_04 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -174px;margin-left: 578px;}
.YZkj_05 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -261px;margin-left: 598px;}
.YZkj_06 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -348px;margin-left: 578px;}
.YZkj_07 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -435px;margin-left: 578px;}
.YZkj_08 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -522px;margin-left: 578px;}
.YZkj_09 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -609px;margin-left: 578px;}
.YZkj_10 .YZ_title.icon {margin-bottom: 0px;background-position: 0px -696px;margin-left: 578px;}








.YZkj_02 .role {width: 897px;height: 1018px;background: url(../images/rw02.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_03 .role {width: 897px;height: 1018px;background: url(../images/rw03.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_04 .role {width: 897px;height: 1018px;background: url(../images/rw04.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_05 .role {width: 897px;height: 1018px;background: url(../images/rw05.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_06 .role {width: 897px;height: 1018px;background: url(../images/rw06.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_07 .role {width: 897px;height: 1018px;background: url(../images/rw07.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_08 .role {width: 897px;height: 1018px;background: url(../images/rw08.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_09 .role {width: 897px;height: 1018px;background: url(../images/rw09.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}
.YZkj_10 .role {width: 897px;height: 1018px;background: url(../images/rw10.png) no-repeat left top;	animation:light_1 3s linear infinite;position: absolute;z-index: 3;margin-top: 0px;margin-left: 0px;}

.YZkj_02 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg02.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}
.YZkj_03 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg03.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}
.YZkj_04 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg04.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}
.YZkj_05 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg05.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}
.YZkj_06 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg06.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}
.YZkj_07 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg07.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}
.YZkj_08 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg08.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}
.YZkj_09 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg09.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}
.YZkj_10 .mkbg {width: 1920px;height: 1000px;background: url(../images/mkbg10.png) no-repeat;position: absolute;left: 50%;margin-left: -960px;margin-top: 100px;z-index: 2;}

.YZkj_02 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_03 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_04 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_05 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_06 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_07 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_08 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_09 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
.YZkj_10 .YZbjVideo{width:1920px;position:absolute;left:50%;z-index:1;margin-left: -960px;margin-top: -20px;}
 
.YZbjfoot{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}
 
.YZ_MK1 {position: absolute;top: 0px;left: 50%;display: block;float: left;width: 640px;margin-left: -710px;}
.YZ_MK2 {position: absolute;top: 0px;left: 50%;display: block;float: left;width: 640px;margin-left: 40px;}

@keyframes light_1 {
	  50% { transform: translatey(-10px) scale(1.005);opacity:1;}
	  100% {transform:translatey(0px) scale(1);opacity: 1;}
	}
.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.html"/*tpa=/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:883px;left: 50%;margin-left: -960px;

	overflow: hidden;

	position: relative;

	background: url(../images/bj_02.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;}

.gzshow2{

	width:1920px;

	height:915px;

	left: 50%;

	margin-left: -960px;

	overflow: hidden;

	position: relative;

	background: url("../../images/bj_09.jpg") no-repeat center;

	background-position: 0px -0px;

	background-image: url("../../images/bj_09.jpg");

}





.download_box{ width: 630px; height: 106px; padding: 8px; border-radius: 5px; background-color: rgba(255,255,255,.2); position: absolute; top: 780px; left: 50%; margin-left: -320px; z-index: 144444; box-shadow: 0 0 15px rgba(255,255,255,1) inset; border: 1px rgba(255,255,255,.85) solid;}

.download_box img{ display: block; }

.download_box .download_qrcode{ width: 138px; height: 104px; float: left; border: 1px #8ec2c7 solid; border-radius: 5px; background-color: #fff; position: relative;}

.download_box .download_qrcode img{ width: 104px; float: left; margin-left: 5px; }

.download_box .download_qrcode span{ width: 15px; display: block; float: left; font-size: 16px; color: #000; margin-left: 5px; line-height: 20px; padding-top: 11px;}

.download_box .download_qrcode .qrcode_light { width: 115px; height: 16px; display: block; background-image: url(../../images/qrcode_light.png); background-size: 100% 100%; position: absolute; top: 0; left: 0; animation: Qrcode_light 1.2s linear infinite alternate; z-index: 4; }

@-webkit-keyframes Qrcode_light {

	from { transform: translateY(0); }

	to { transform: translateY(90px); }

}

@keyframes Qrcode_light {

	from { transform: translateY(0); }

	to { transform: translateY(90px); }

}

.download_box .download_qrcode:after { content: ""; display: block; width: 104px; height: 104px; background-color: #2c4464; position: absolute; top: 0; left: 0; -ms-mix-blend-mode: lighten; mix-blend-mode: lighten; opacity: 0\0; display: none\0}

.download_box .download_qrcode:before { content: ""; display: block; width: 25px; height: 25px; display: block; position: absolute; top: 39px; left: 43px; background-image: url(../../images/icon.png); background-size: 100% 100%; z-index: 3; }

.download_box .download_btn{ width: 140px; float: left; padding-left: 10px; margin-top: 2px;}

.download_box .download_btn a{ display: block; margin: 5px 0; }

.download_box .download_desk{ width: 140px; float: left; padding-left: 10px; margin-top: 4px;}

.download_box .new_server{ width: 180px; height: 98px; float: left; margin-left: 7px; background-color: #bfaa6c; border: 1px #fff solid; border-radius: 5px; margin-top: 4px; }

.download_box .new_server .server_t{ height: 39px; border-bottom: 1px #b49f61 solid; width: 158px; margin: 0 auto;}

.download_box .new_server .server_t b{ line-height: 39px; font-size: 16px; color: #fff; display: block; float: left; }

.download_box .new_server .server_t b:before{ content: ""; display: inline-block; width: 3px; height: 3px; background-color: #fff; border-radius: 3px;  vertical-align: middle; margin-top: -3px; margin-right: 5px; }

.download_box .new_server .server_t span{ width: 31px; height: 15px; line-height: 15px; font-size: 12px; color: #fff; text-align: center; white-space: nowrap; background-color: #cd6f47; float: right; margin-top: 13px; border-radius: 3px; display: block;}

.download_box .new_server .server_list{ width: 158px; margin: 0 auto; border-top: 1px #ceb879 solid; padding-top: 4px;}

.download_box .new_server .server_list ul li{ font-size: 14px; color: #fff; line-height: 24px; overflow: hidden; white-space: nowrap;}

.download_box .new_server .server_list ul li span.sys{ width: 31px; height: 15px; line-height: 15px; font-size: 12px; color: #fff; text-align: center; white-space: nowrap; background-color: #9a864d; border-radius: 3px; margin-top: 5px; margin-right: 5px; display: inline-block;}

.download_box a{ transition: .5s }

.download_box a:hover{ transform: translateY(-5px); }





.gzshow1{

	width:1920px;

	height:915px;

	left: 50%;

	margin-left: -960px;

	overflow: hidden;

	position: relative;

	background: url(../images/bj_03.jpg) no-repeat center;

	background-position: 0px -0px;

	background-image: url(../images/bj_03.jpg);

}







.gzshow{

	width:1920px;

	height:915px;

	left: 50%;

	margin-left: -960px;

	overflow: hidden;

	position: relative;

	background: url(../images/bj_02.jpg) no-repeat center;

	background-position: 0px -0px;

	background-image: url(../images/bj_02.jpg);

}







/*侧栏*/

#sidebar{float:left;width:490px;margin-top:120px;position:relative;z-index:100;margin-left:616px}

#playbanner{float:left;width:620px;height:442px;position:relative;overflow:hidden;}

/*图片轮播样式*/

#playbanner .conbox{width:9999em;position:absolute;border-radius:20px;}

#playbanner .conbox .Slide_{float:left;width:620px;height:442px;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:16px;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;}





.zbShow{

	width:1920px;

	height:948px;

	left: 50%;

	margin-left: -960px;

	overflow: hidden;

	position: relative;

	

	background: url(../images/bj_04.jpg) no-repeat center;

	background-position: 0px -0px;

	background-image: url(../images/bj_04.jpg);

}



#img01{float:left;width:499px;height:364px;position:relative;margin-left:1011px;margin-top:284px;z-index:100}

	#img02{float:left;width:414px;height:341px;position:relative;margin-left:-1103px;margin-top:291px;z-index:100}



.gzimg{width:309px;height:309px;left:50%;margin-left:-366px;top:221px;background: url("../images/bj04_jcjt/gifdh.html"/*/gifdh.gif*/) no-repeat center;z-index: 50;}



.zbShow2{

	width:1920px;

	height:870px;

	left: 50%;

	margin-left: -960px;

	overflow: hidden;

	position: relative;

	background: url(../images/bj_06.jpg) no-repeat center;

	background-position: 0px -0px;

	background-image: url(../images/bj_06.jpg);

}



.zbShow2 .zbtext{width:1077px;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:915px;

	left: 50%;

	margin-left: -960px;

	overflow: hidden;

	position: relative;

	background: url("../../images/bj_08.jpg") no-repeat center;

	background-position: 0px -0px;

	background-image: url("../../images/bj_08.jpg");

}





.zbShow4{

	width:1920px;

	height:914px;

	left: 50%;

	margin-left: -960px;

	overflow: hidden;

	position: relative;

	background: url("../../images/bj_09.jpg") no-repeat center;

	background-position: 0px -0px;

	background-image: url("../../images/bj_09.jpg");

}





.zbShow5{

	width:1920px;

	height:914px;

	left: 50%;

	margin-left: -960px;

	overflow: hidden;

	position: relative;

	background: url("../../images/bj_10.jpg") no-repeat center;

	background-position: 0px -0px;

	background-image: url("../../images/bj_10.gif");

}



.bottom{

	width:1920px;

	height:132px;

	left: 50%;

	margin-left: -960px;

	overflow: hidden;

	position: relative;

	background: url(../images/bj_07.jpg) no-repeat center;

	background-position: 0px -0px;

	background-image: url(../images/bj_07.jpg);

}



.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;}





.slide3{

	    width: 1032px;

    height: 527px;

    left: 444px;

    top: 236px;

	

}



.slide3 .uls li{list-style: none;}



.slide3 .prev,.slide3 .next{width:60px;height:80px;}

.slide3 .prev{top:-336px;left:-405px;}

.slide3 .next{

	top:-405px;

	left:400px;

}





.slide4{

	width:1078px;height:419px;left: 50%;margin-left: -550px;top:135px;

	

}



.slide4 .uls li{list-style: none;}



.slide4 .prev,.slide4 .next{width:140px;height:52px;}

.slide4 .prev{top:-307px;left:-639px;}

.slide4 .next{top:-357px;left:608px;}





.slide5{

	width:1078px;height:419px;left: 50%;margin-left: -594px;top:320px;

	

}



.slide5 .uls li{list-style: none;}



.slide5 .prev,.slide5 .next{width:40px;height:52px;}

.slide5 .prev{top:-352px;left:707px;}

.slide5 .next{top:-410px;left:-601px;}







.slide6{

	width:1078px;height:419px;left: 50%;margin-left: -380px;top:286px;

	

}



.slide6 .uls li{list-style: none;}



.slide6 .prev,.slide6 .next{width:40px;height:52px;}

.slide6 .prev{top:-277px;left:-120px;}

.slide6 .next{top:-320px;left:808px;}









.slide7{

	width:1078px;height:419px;left: 50%;margin-left: -560px;top:286px;

	

}



.slide7 .uls li{list-style: none;}



.slide7 .prev,.slide7 .next{width:40px;height:52px;}

.slide7 .prev{top:-277px;left:-50px;}

.slide7 .next{top:-320px;left:820px;}







.slide8{

	width:1078px;height:419px;left: 50%;margin-left: -80px;top:286px;

	

}



.slide8 .uls li{list-style: none;}



.slide8 .prev,.slide8 .next{width:40px;height:52px;}

.slide8 .prev{top:-250px;left:-150px;}

.slide8 .next{top:-300px;left:730px;}







#preview{position:absolute;border:1px solid #614635;background:#3c2116;padding:5px;display:none;margin-top:-300px;z-index:99999;}

.m6piccon{float:left;position:relative;width:1280px;height:145px;margin-left:398px;margin-top:420px;z-index:999}

.m6piccon li{float:left;width:122px;height:92px;padding:0 0px;margin-bottom:25px}

.m6piccon li a span{float:left;width:60px;height:15px;line-height:15px;border:1px solid #585858;font-size:12px;color:#ed2d01;background:#1c1010;padding:5px 3px;margin-top:10px;text-align:center;margin-left:0px}

.m6piccon li img {float:left;width:42px;height:42px}



.m7piccon{float:left;position: absolute;width:1280px;height:145px;margin-left:822px;margin-top:240px;z-index:999}

.m7piccon li{float:left;width:93px;height:92px;padding:0 0px;margin-bottom:25px}

.m7piccon li a span{float:left;width:60px;height:15px;line-height:15px;border:1px solid #585858;font-size:12px;color:#ed2d01;background:#1c1010;padding:5px 3px;margin-top:10px;text-align:center;margin-left:0px}

.m7piccon li img {float:left;width:42px;height:42px}





.items {width:1220px;left:50%;margin-left:-513px;margin-top:320px;}

.items ul{}

.items li{ width:42px; height:176px; float:left; list-style:none; margin-right:159px;}



.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;}





#Floatingbar{width:157px;position:fixed;top:40%;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:#020202;}

#Floatingbar .ewm img{width:117px;height:117px;margin:0 auto;display:block;}

#Floatingbar ul{padding:14px 0;background:url("../images/line_x.html"/*tpa=/images/line_x.png*/) no-repeat center bottom;list-style-type:none;background-color:#020202;color:white;}

#Floatingbar ul li{height:22px;line-height:22px;text-align:center;margin-bottom:24px;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:#313030;}

#Floatingbar .btn{width:15px;height:130px;position:absolute;top:23px;left:-15px;background:url("../images/arrow.html"/*tpa=/images/arrow.png*/) no-repeat right top;cursor:pointer;}

#Floatingbar .btn.change{background-position:left top;}





.navs {

	width: 728px;

	height: 96px;

	left:50%;

	margin-left: -355px;

	top: 820px;

	z-index: 99;

}

.nav1,.nav2,.nav3,.nav4 {

	width: 345px;

	height: 97px;

	/* margin-right: 166px; */

}



.nav1 {

	/* margin-left:90px; */

	background:url("../images/xz.html"/*tpa=http://www.58houtai.com/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/cz.html"/*tpa=http://www.58houtai.com/images/cz.png*/) no-repeat;

	margin-left: 24px;

}





.nav3 {

	background:url("../images/kf.html"/*tpa=http://www.58houtai.com/images/kf.png*/) no-repeat;

	/* margin-left: 38px; */

	/* margin-top: 27px; */

	float: right;

}



.carousel-container {

  display: flex;

  justify-content: center;

  align-items: center;

  margin: 0px 0;

}



.carousel-thumb {

  width: 279px;

  height: 155px;

  object-fit: cover;

  margin: 0 24px;

  box-shadow: 0 2px 10px rgba(0,0,0,0.14);

  cursor: pointer;

  opacity: 0.85;

  transition: opacity .18s, box-shadow .18s;

  background: #fff;

  border-radius: 0;

  border: none;

}

.carousel-thumb:hover {

  opacity: 1;

  box-shadow: 0 4px 20px rgba(0,0,0,.18);

}



.carousel-main-box {

  position: relative;

  display: flex;

  align-items: center;

  justify-content: center;

}



.carousel-main {

  width: 930px;

  height: 518px;

  object-fit: cover;

  display: block;

  background: #fff;

  box-shadow: 0 6px 24px rgba(0,0,0,.12);

  border-radius: 0;

  opacity: 1;

  transition: opacity .5s cubic-bezier(.6,0,.4,1);

  position: absolute;

  left: 0; top: 0;

  pointer-events: none; 

}

.carousel-main.active {

  opacity: 1;

  pointer-events: auto;

  z-index: 1;

}

.carousel-main.inactive {

  opacity: 0;

  pointer-events: none;

  z-index: 0;

}



.carousel-arrow {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 44px;

  height: 44px;

  border: none;

  border-radius: 50%;

  background: rgba(50,50,50,0.72);

  color: #fff;

  font-size: 28px;

  cursor: pointer;

  outline: none;

  z-index: 3;

  transition: background 0.13s;

  display: flex;

  align-items: center;

  justify-content: center;

  opacity: 0.88;

}

.carousel-arrow.left { left: 12px; }

.carousel-arrow.right { right: 12px; }

.carousel-arrow:active { background: #222; }



.carousel-main-box {

  width: 930px;

  height: 518px;

  position: relative;

  overflow: hidden;

}







.navss {width: 1200px;height: 56px;left:52%;margin-left: -550px;top: 154px;z-index: 99;}

.navs1,.navs2,.navs3 {width: 169px;height: 56px;margin-right: 320px;}

.navs1 {}

.navs2 {}

.navs3 {margin-right: 47px;float: right;}

.navs1:hover {background:url("../images/btn_1.png"/*tpa=http://www.58houtai.com/images/btn_1.png*/) no-repeat;cursor: pointer;}

.navs2:hover {background:url("../images/btn_2.png"/*tpa=http://www.58houtai.com/images/btn_2.png*/) no-repeat;cursor: pointer;margin-top: -1px;}

.navs3:hover {background:url("../images/btn_3.png"/*tpa=http://www.58houtai.com/images/btn_3.png*/) no-repeat;cursor: pointer;margin-right: 48px;margin-top: -1px;float: right;}

[class^="m"][class*="piccon"] li a {

    position: relative;

    display: inline-block;

    overflow: hidden;

}



[class^="m"][class*="piccon"] li a::before {

    content: "";

    position: absolute;

    top: -150%;

    left: -150%;

    width: 80px;

    height: 400%;

    background: linear-gradient(

        90deg,

        rgba(255,255,255,0) 0%,

        rgba(255,255,255,.85) 50%,

        rgba(255,255,255,0) 100%

    );

    transform: rotate(45deg);

    animation: sweepDiag 2.5s linear infinite;

    pointer-events: none;

}



@keyframes sweepDiag {

    0%   { transform: translateX(-100%) translateY(-100%) rotate(45deg); }

    100% { transform: translateX(200%) translateY(200%) rotate(45deg); }

}



#docColumn{float:left;width:580px;height:455px;position:relative;overflow:hidden;padding-top:21px;padding-left:18px;}

#docColumn .Tab_nr{height:360px;overflow:hidden;margin-bottom:40px;}

#docColumn .NewsList{margin-right:56px;margin-left:16px;}



.NewsList li{height:53px;line-height:53px;font-size:20px;transition:all 0.1s linear;}

.NewsList li:hover{transform:translatex(5px);}

.NewsList li a{overflow:hidden;color:#f5c69d;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;

}





ul, ol {list-style-type: none;}

.pic{position: absolute; display: none; z-index: 9999;margin-left:72px;margin-top:-300px;}

.pic1{  height: auto; border-radius: 5px; -webkit-box-shadow: 5px 5px 5px 5px hsla(0,0%,5%,1.00); box-shadow: 5px 5px 5px 0px hsla(0,0%,5%,0.3); z-index: 99999;} 









.zhuangbeishow{width: 1350px;height: 250px;/* border: 1px solid red; */margin: 0px auto;position: absolute;top: 200px;left:330px;}

.zhuangbeishowa{width: 1150px;height: 250px;/* border: 1px solid red; */margin: 0px auto;position: absolute;top: 550px;left:400px;}

.zhuang_ul{}

.zhuang_ul li{width: 130px;height: 110px;float: left;cursor: pointer;margin-right: 0px;margin-top: 0px;margin-left: 50px;}

.zhuangbei_ul{}

.zhuangbei_ul li{width: 130px;height: 110px;float: left;cursor: pointer;margin-right: 0px;margin-top: 0px;margin-left: 0px;}





#preview{position:absolute;border:1px solid #614635;background:#3c2116;padding:5px;display:none;color:#fff;}

.container-item  {width: 113px; height: 113px; background: url("../images/active.html"/*tpa=/images/active.png*/) 0 0 no-repeat;}

.container-item img{    padding-top: 35px;}







#preview{position:absolute; margin-top:-200px;border:1px solid #614635;background:#3c2116;padding:5px;display:none;color:#fff;}

.container-item  {width: 100px; height: 100px; background: url(../../images/active.png) 0 0 no-repeat;}

.container-item img{padding-top: 35px;/* margin-right: 107px; */}





.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);

        }





.yxsx{padding-top:228px;width:1380px;

	left: 50%;

	padding-left: 254px;}

.yxsx li{float:left;width:112.2px;height:123px;position:relative;margin-right:0px;margin-bottom:-10px;padding-top:0px;background:url(../../images/border11.png) no-repeat left top;list-style: none; }

.yxsx li:nth-child(7n){margin-right:0px;}



.yxsx strong

{



height:40px;

line-height:46px;

text-align:center;

overflow:hidden;

font-size:22px;

font-weight:normal;

color:#07393d;

margin-bottom:3px;

letter-spacing:4px;

display:block;



}



.yxsx .photo

{

width:50px;

height:50px;

margin:0 55px;

display:block;



}

	

	





#photoshow{position:relative;margin:0 auto;*margin-top:233px;margin-top:291px;}

#photoshow .center{}

#photoshow .dot{width:207px;height:21px;text-align:center;position:absolute;bottom:-50px;left:50%;margin-left:-103px;display:none;}

#photoshow .btn_next,#photoshow .btn_prev{width:63px;height:100%;position:absolute;top:0px;z-index:500;}

#photoshow .btn_prev span,#photoshow .btn_next span{width:63px;height:63px;position:absolute;top:50%;margin-top:-31px;background:url("../images/wm_button_icon.png"/*tpa=http://www.58houtai.com/images/wm_button_icon.png*/) no-repeat left top;background-repeat:no-repeat;}

#photoshow .btn_prev{left:50%;margin-left:-553px;}

#photoshow .btn_prev span{background-position:left top;}

#photoshow .btn_prev:hover span{background-position:left bottom;}

#photoshow .btn_next{right:50%;margin-right:-501px;}

#photoshow .btn_next span{background-position:right top;}

#photoshow .btn_next:hover span{background-position:right bottom;}

.photolist{width:521px;height:416px;margin:0 auto;}

.photolist li{width:386px;height:482px;text-align:center;overflow:hidden;background-color:#000;cursor:pointer;}

.photolist li img{width:100%;height:100%;display:block;}

.photolist li.roundabout-in-focus{cursor:default;}

