/* 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:987px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(images/bj_01.png) 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:839px;left: 50%;margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_02.png) 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;}


.gzshow1{
	width:1920px;
	height:1050px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(images/bj_02-1.jpg) no-repeat center;
	background-position: 0px -0px;
	background-image: url(images/bj_02-1.jpg);
}



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



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



.bottom{
	width:1920px;
	height:1168px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_05.png) no-repeat center;
	background-position: 0px -0px;
	background-image: url(../images/bj_05.png);
}

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

.slide1 .ul2s 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:1103px;height:459px;left: 758px;margin-left: -493px;top:217px;
	
}

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

.slide2 .prev,.slide2 .next{width:40px;height:52px;}
.slide2 .prev{top:-406px;left:-70px;}
.slide2 .next{top:-485px;left:1402px;}

.slide2 .slide2hd{width:781px;height:110px;left: 804px;margin-left: -367px;top:786px;}

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

.slide2 .slide2hd .sm1{left:0px;} 
.slide2 .slide2hd .sm1.on{background:url(images/bj04fb/1.gif);} 

.slide2 .slide2hd .sm2{left:190px;} 
.slide2 .slide2hd .sm2.on{background:url(images/bj04fb/2.gif);} 

.slide2 .slide2hd .sm3{left:380px;} 
.slide2 .slide2hd .sm3.on{background:url(images/bj04fb/3.gif);} 

.slide2 .slide2hd .sm4{left:375px;} 
.slide2 .slide2hd .sm4.on{background:url(images/bj04fb/4.gif);} 



.slide3{
	    width: 1032px;
    height: 527px;
    left: 265px;
    top: 217px;
	
}

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

.slide3 .prev,.slide3 .next{width:60px;height:80px;}
.slide3 .prev{top:-406px;left:-70px;}
.slide3 .next{
	top:1605px;
	left:900px;
	background-image: url(images/LG.png);
}


.slide4{
	width:1078px;height:419px;left: 30.5%;margin-left: 0px;top:361px;
	
}

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

.slide4 .prev,.slide4 .next{width:40px;height:52px;}
.slide4 .prev{top:-240px;left:-300px;}
.slide4 .next{top:-300px;left:1000px;}


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

#Floatingbar{width:113px;position:fixed;top:75%;right:25px;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.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:#699ac1;display:block;}
#Floatingbar .btn_backtop:hover{background-color:#4d7ea5;}
#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;}

.navs {
	width: 875px;
	height: 69px;
	left:50%;
	margin-left: -438px;
	top: 862px;
	z-index: 99;
}
.nav1,.nav2,.nav3,.nav4 {
	width: 219px;
	height: 70px;
	/* 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/cz.png) no-repeat;
	margin-left: 109px;
	/* margin-top: 27px; */
}


.nav3 {
	background:url(images/kf.png) no-repeat;
	/* margin-left: 38px; */
	/* margin-top: 27px; */
	/* margin-top: 25px; */
	float: right;
}













.list-info{
	    width: 789px;
    height: 453px;
    /* border: 1px solid red; */
    margin: 200px auto;
    margin-top: 289px;
    position: absolute;
    left: 809px;
    top: -113px;
    text-align: left;
}
#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{float:left;margin-right:14px;}
.NewsList li{height:25px;line-height:25px;overflow:hidden;margin-bottom:8px;color:#363636;font-size:16px}
.NewsList li time{float:right;color:#c1c0be;}
.NewsList li .type{width:70px;height:25px;text-align:center;font-size:14px;color:#fff;margin-right:19px;no-repeat left top;display:inline-block;}
.Tab{width:760px;padding:10px 0 10px 10px;float:left;margin-bottom:10px;border-bottom:1px solid #000000;}
.Tab li{width:190x;float:left;}
.Tab li a{width:190x;height:34px;line-height:34px;text-align:center;font-size:23px;font-weight:bold;display:block;}
.Tab li.change a,.Tab li a:hover{color:#1b1a1f;no-repeat left top;text-decoration:none;}

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: 1250px;height: 250px;/* border: 1px solid red; */margin: 0px auto;position: absolute;top: 282px;left:62px;}
.zhuangbei_ul{}
.zhuangbei_ul li{width: 42px;height: 42px;float: left;cursor: pointer;margin-right: 0px;margin-top: 0px;margin-left: 122px;}





#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.png) 0 0 no-repeat;}
.container-item img{    padding-top: 35px;}


 

#Skillza{float:left;width:1170px;height:71px;padding-bottom:0px;margin-left:385px;margin-top:242px;}
	#Skillzb{float:left;width:1170px;height:71px;padding-bottom:0px;margin-left:385px;margin-top:86px;}
	#Skillzc{float:left;width:1170px;height:71px;padding-bottom:0px;margin-left:385px;margin-top:86px;}
.items ul{}
.items li{ width:162px; height:40px; float:left; list-style:none;}
.itemcss{ position:relative;width:40px; height:40px;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=80);-moz-opacity:0.8;opacity: 0.8;}
 


	#Skillzd{float:left;width:1508px;height:45px;padding-bottom:0px;margin-left:311px;margin-top: 226px;}
	#Skillze{float:left;width:1508px;height:45px;padding-bottom:0px;margin-left:311px;margin-top:75px;}
	#Skillzf{float:left;width:1508px;height:45px;padding-bottom:0px;margin-left:311px;margin-top:81px;}
	#Skillzg{float:left;width:1508px;height:45px;padding-bottom:0px;margin-left:311px;margin-top:80px;}
	#Skillzh{float:left;width:1508px;height:45px;padding-bottom:0px;margin-left:311px;margin-top:80px;}
	#Skillzi{float:left;width:1508px;height:45px;padding-bottom:0px;margin-left:311px;margin-top:81px;}
	#Skillzj{float:left;width:1508px;height:45px;padding-bottom:0px;margin-left:311px;margin-top:81px;}
.itema ul{}
.itema li{ width:108.5px; height:90px; float:left; list-style:none;}
.itemca{ position:relative;width:40px; height:40px;margin:0 auto} 
.itemca a,.itemca span{display:none; text-decoration:none}
.itemca:hover{cursor:pointer} 
.itemca:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;z-index:100; left:0; display:block;}
.itemca: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=80);-moz-opacity:0.8;opacity: 0.8;}
 
.itemaa ul{}
.itemaa li{ width:137.5px; height:40px; float:left; list-style:none;}
.itemcaa{ position:relative;width:40px; height:40px;margin:0 auto} 
.itemcaa a,.itemcaa span{display:none; text-decoration:none}
.itemcaa:hover{cursor:pointer} 
.itemcaa:hover a.now{cursor:pointer; position:absolute; top:0; width:100%; height:100%;z-index:100; left:0; display:block;}
.itemcaa:hover span{ display:block;position:absolute; bottom:300px; left:0;color:#FFF;margin-left:50px;z-index:10;height:36px; line-height:36px; filter:alpha(opacity=80);-moz-opacity:0.8;opacity: 0.8;}
 
	

.zhiye_cont{ position:absolute; width:1920px; height:585px; left:0; top:201px;}
.mp_video{ position:absolute; width:1090px; height:585px; right:0; top:0; overflow: hidden;}
.mp_video video{ min-width: 100%; min-height: 585px; }
.zy_img{ position:absolute; z-index:1;}
.zy_zhanshi_img{left:-2px;top:-3px;}



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




.content {
    display: block;
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}
.slide-box {
    position: relative;
    margin: 0px auto 0;
}
.slide-list {
    position: relative;
    top: 0;
    left: 0;
    list-style: none;
    height: 674px;
    margin: 0 auto;
    perspective: 500px;
}
.slide-list li {
    position: absolute;
    width: 1038px;
    height: 732px;
    transition: all .5s;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
}
.slide-box li.po-1 {
    left: 114px;
    top: 86px;
    z-index: 4;
    width: 561px;
    height: 248px;
    opacity: 1;
    filter: alpha(opacity=100);
}
.slide-box li.po-2 {
    left: 0;
    top: 0px;
    z-index: 5;
    opacity: 1;
    filter: alpha(opacity=100);
}
.slide-box li.po-3 {
    top: 100px;
    left: auto;
    right: 30px;
    width: 973px;
    height: 502px;
    opacity: .3;
    filter: alpha(opaciyt:30);
}
.slide-box li.po-4 {
    left: 193px;
    top: 0px;
}
.slide-box li.po-5 {
    left: 197px;
    top: 0px;
}
.slide-list li img {
    width: 100%;
}

.trans-left, .trans-right {
    width: 340px;
    height: 508px;
    position: absolute;
    top: 0;
    z-index: 10;
    cursor: pointer;
}
.trans-left {
    left: 0;
}
.trans-right {
    right: 0;
}
.p9-prev, .p9-next {
    display: block;
    width: 59px;
    height: 56px;
    position: absolute;
    top: 532px;
    right: 8px;
    z-index: 9;
    cursor: pointer;
    background: url(../images/feature-spr.png) center top;
}
.p9-next {
    top: 460px;
    background-position: center bottom;
}
.dot-list {
    width: 250px;
    overflow: hidden;
    margin-top: -23px;
}
.dot-list li {
    display: block;
    width: 25px;
    height: 6px;
    float: left;
    background-color: #564f3f;
    margin: 0px 5px;
    border-radius: 10px;
}
.dot-list li.cur {
    background-color: #9a8b68;
    width: 100px;
    border-radius: 10px;
}
.autoImg{display: block; width: 100%;}
.pleft-title{
    position: absolute;
    top: 0;
}
.pleft-title img.part-title-ico{
    width: 29%;
    right: auto;
    left: 10%;
}

.pright-title img.part-title-ico {
    width: 29%;
    right: 10%;
}
.part-title{
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}
.part-title img{
    position: relative;
    z-index: 2;
}
.part-title img.part-title-ico{
    position: absolute;
    z-index: 1;
    display: block;
    right: 9%;
    top: -81%;
    animation: rotate 15s infinite linear;
}
@keyframes rotate{
    form{
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotate{
    form{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

.pub-nav-con{min-width:1280px}
.pub-mid-con{width:1280px;margin:0 auto}
#Introduction{padding:10px 10px 0;float:left;width:760px;height:485px;position:relative;overflow:hidden;no-repeat center center;margin-top:200px;border-radius:10px;margin-left:500px}
#Introduction .Tab_nr{float:left;;margin-top:10px}
#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;}

.zbShow3{
	width:1920px;
	height:926px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url(../images/bj_03.png) no-repeat center;
	background-position: 0px -0px;
	background-image: url(../images/bj_03.png);
}


.rightbar{width:157px;height:619px;position:fixed;top:50%;right:0;margin-top:-280px;background:url(../images/left1.png) no-repeat;z-index:10000;text-align:center;color:#fff;-o-transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;transition:all .5s}
.rightbar .code{margin:70px 0px 10px 30px;/*右边*/width:90px;height:90px;background:#000000; /*微信底色*/}
.rightbar .down{margin-left:35px;/*右边*/display:block; width:157px;height:51px;background:url(../images/left4.png) no-repeat;line-height:50px;font-size:18px; font-weight:200; font-family:"微软雅黑"; color:#fff;text-decoration:none;margin-bottom:5px}
.rightbar .down:hover{background:url(../images/left5.png) no-repeat}
.rightbar .chong{margin-left:35px;/*右边*/display:block; width:157px;height:51px;background:url(../images/left2.png) no-repeat;line-height:50px;font-size:18px; font-weight:200; font-family:"微软雅黑"; color:#fff;text-decoration:none;margin-bottom:5px}
.rightbar .chong:hover{background:url(../images/left3.png) no-repeat}
.rightbar2 {width:208px;height:619px;position:fixed;right:-35px;margin-top:9px;}


.musicbox{width:157px;height:51px;position:absolute;z-index:500;top:113px;left:765px;cursor:pointer;margin-left:-730px}
.musicplay{background:url(../images/musicplay.png) no-repeat}
.musicstop{background:url(../images/musicstop.png) no-repeat}