@charset "utf-8";

/* CSS Document */

* {

	margin: 0;

	padding: 0;

	margin: 0px 0px 0px 0px;

}

body {

	overflow-x: hidden;

}

.header{

    width: 100%;

    height: 84px;

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

}

.menu{

    width: 1080px;

    height: 100%;

    margin: 0px auto;

}

.menu .text{

    width: 560px;

    height: 100%;

    float: right;

}

.menu .text ul li{

    list-style: none;

    float: left;

    height: 100%;

    /* font-weight: bold; */

    margin-left: 30px;

    text-align: center;

    margin-top: 15px;

}

.menu .text ul li .atext{

    font-size: 25px;

}

.menu .text ul li .ftext{

    font-size: 15px;

}

.menu .text ul li:hover{

    color: #404040;

}

.menu .text ul li a:link{

    color: #404040;

    text-decoration: none;

}

.menu .text ul li a:active{

    color: #404040;

}

.menu .text ul li a:visited{

    color: #404040;

}

.menu .text ul li a:hover{

    color: #B52A00;

}

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

	width: 70px;

	height: 70px;

}

.topcontainer {

	width:1920px;height:940px;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:940px;left:50%;margin-left:-960px;



}

.bg4con{

    width: 1280px;

    height: 550px;

    position: relative;

    top: 160px;

    left: 320px;

    /* border: 1px solid red; */

}

.bg5btns{

    position: relative;

    top: -174px;

    width: 79%;

    left: 0px;

    height: 70px;

    margin: 0px auto;

}

.bg5prev,

.bg5next{

    width: 70px;

    height: 70px;

    line-height: 70px;

    text-align: center;

    cursor: pointer;

    position: absolute;

}

.bg5prev{

    left: 0;

}

.bg5next{

    right: 0;

}

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

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

}



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

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

}





.zbShow{

	width:1920px;

	height:989px;

	left: 50%;

	margin-left: -960px;

	overflow: hidden;

	position: relative;

	background-position: 0px 0px;

	background-image: url(../images/bj_04.gif);

	background-repeat: no-repeat;

}



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



.zbShow2{

	width:1920px;

	height:936px;

	left: 50%;

	margin-left: -960px;

	overflow: hidden;

	position: relative;

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

	background-position: 0px -0px;

	background-image: url(../images/bj_05.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;}



.bottom{

	width:1920px;

	height:1184px;

	left: 50%;

	margin-left: -960px;

	overflow: hidden;

	position: relative;

	background-position: 0px 0px;

	background-image: url(../images/bj_06.jpg);

	background-repeat: no-repeat;

}



.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:1146px;height:651px;left: 737px;margin-left: -560px;top:166px;

	

}



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



.slide2 .prev,.slide2 .next{width:80px;height:80px;}

.slide2 .prev{top:-540px;left:-630px;}

.slide2 .next{top:-620px;left:630px;}



.slide2 .slide2hd{width:369px;height:113px;left: 1075px;margin-left: -495px;top:570px;}



.slide2 .slide2hd .sm{width:107px;height:50px;}

.slide2 .slide2hd .sm:hover{cursor: pointer;}



.slide2 .slide2hd .sm1{left:0px;} 

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



.slide2 .slide2hd .sm2{left:125px;} 

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



.slide2 .slide2hd .sm3{left:250px;} 

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



.slide2 .slide2hd .sm4{left:375px;} 

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



.slide2 .slide2hd .sm5{left:500px;} 

.slide2 .slide2hd .sm5.on{background:url(../images/5.gif);}



.slide2 .slide2hd .sm6{left:624px;} 

.slide2 .slide2hd .sm6.on{background:url(../images/6.gif);}



.slide3{width:458px;height:645px;left: 983px;margin-left: -689px;top:254px;}

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

.slide3 .prev,.slide3 .next{width:60px;height:80px;}

.slide3 .prev{top:-320px;left:-347px;}

.slide3 .next{top:-395px;left:808px;background-image: url(../images/LG.png);}





.slide31{

	width:866px;height:483px;left: 1066px;margin-left: -539px;top:131px;

	

}



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



.slide31 .prev,.slide3 .next{width:40px;height:80px;}

.slide31 .prev{top:7px;left:577px;}

.slide31 .next{

	top:-70px;

	left:-577px;

	background-image: url(../images/LG.png);

}





.slide4{width:458px;height:645px;left: 50%;margin-left:-622px;top:152px;}

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

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

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

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





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





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



.list-info{

	    width: 836px;

    height: 453px;

    /* border: 1px solid red; */

    margin: 200px auto;

    margin-top: 289px;

    position: absolute;

    left: 809px;

    top: -111px;

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

}



.navs {width: 421px;height: 293px;left:50%;margin-left: -487px;top: 732px;z-index: 99;}

.nav1,.nav2,.nav3,.nav4 {width: 344px;height: 83px;}

.nav1 {background:url(../images/xz.png) no-repeat;}

.nav2 {background:url(../images/cz.png) no-repeat;margin-left: 43px;margin-top: 25px;}



.nav3 {background:url(../images/kf.png) no-repeat;float: right;margin-top: 21px;}

.nav1:hover,.nav2:hover,.nav3:hover,.nav4:hover {margin-top:-10px;cursor: pointer;}



.slide2{width:1103px;height:459px;left: 758px;margin-left: -852px;top:79px;}

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

.slide2 .prev,.slide2 .next{width:77px;height:99px;}

.slide2 .prev{top: 227px;left: 45px;background: url(../images/01x.png) no-repeat;position: absolute;}

.slide2 .next{top:227px;left:1003px;background: url(../images/02x.png) 0px 5px no-repeat;position: absolute;}



.slide2 .slide2hd{width:600px;height:650px;left: 804px;margin-left: 207px;top:59px;}

.slide2 .slide2hd .sm{width:600px;height:650px;}

.slide2 .slide2hd .sm:hover{cursor: pointer;}



.slide2 .slide2hd .sm1{width:600px;height:650px;left:-9px;top:-2px;} 

.slide2 .slide2hd .sm1.on{background:url(../images/17.png);} 



.slide2 .slide2hd .sm2{width:600px;height:650px;left:-9px;top:-2px;} 

.slide2 .slide2hd .sm2.on{background:url(../images/03.png);} 



.slide2 .slide2hd .sm3{width:600px;height:650px;left:-9px;top:-2px;} 

.slide2 .slide2hd .sm3.on{background:url(../images/05.png);} 



.slide2 .slide2hd .sm4{width:600px;height:650px;left:-9px;top:-2px;} 

.slide2 .slide2hd .sm4.on{background:url(../images/07.png);} 



.slide2 .slide2hd .sm5{width:600px;height:650px;left:-9px;top:-2px;} 

.slide2 .slide2hd .sm5.on{background:url(../images/09.png);}



.slide2 .slide2hd .sm6{width:600px;height:650px;left:-9px;top:-2px;} 

.slide2 .slide2hd .sm6.on{background:url(../images/11.png);}



.slide2 .slide2hd .sm7{width:600px;height:650px;left:-9px;top:-2px;} 

.slide2 .slide2hd .sm7.on{background:url(../images/13.png);}



.slide2 .slide2hd .sm8{width:600px;height:650px;left:-9px;top:-2px;} 

.slide2 .slide2hd .sm8.on{background:url(../images/15.png);}



.slide2 .slide2hd .sm9{width:600px;height:650px;left:-9px;top:-2px;} 

.slide2 .slide2hd .sm9.on{background:url(../images/01.png);}



















.content {

    display: block;

    width: 1200px;

    height: 100%;

    margin: 0 auto;

}

.slide-box {

    position: relative;

    margin: 70px 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: 1044px;

    height: 539px;

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

    }

}