@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	margin: 0px 0px 0px 0px;
}
body {
	overflow-x: hidden;
	background-color: #000000;
}
.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("../logo50images/bj_01.html") 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;	
}

.sm3{
	width:1920px;
	height:1360px;
	left: 50%;
	margin-left: -960px;
	position: relative;
	background: url("../logo50images/sm3.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("../logo50images/sm3.gif");
}
.sm4{
	width:1920px;
	height:670px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../logo50images/sm4.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("../logo50images/sm4.gif");
}

.sm5{
	width:1920px;
	height:900px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../logo50images/sm5.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("../logo50images/sm5.gif");
}

.sm1{
	width:1920px;
	height:820px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../logo50images/sm1.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("../logo50images/sm1.gif");
}
.sm2{
	width:1920px;
	height:800px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../logo50images/sm2.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("../logo50images/sm2.gif");
}
.smps6{
	width:1920px;
	height:1080px;
	left: 50%;
	margin-left: -960px;
	overflow: hidden;
	position: relative;
	background: url("../logo50images/smps6.jpg") no-repeat center;
	background-position: 0px -0px;
	background-image: url("../logo50images/smps6.jpg");
}

.smps6 #center video{position:relative;overflow:hidden;padding-top: 200px;z-index:11}




.smfoot{
	width:1920px;
	height:142px;
	left: 50%;
	margin-left: -960px;
	position: relative;
	background-position: 0px -0px;
	background-image: url(../logo50images/smfoot.jpg);
}


#Download{
	width: 764px;
	height: 172px;
	text-align:center;
	position:absolute;
	top: 892px;
	left:40%;
	margin-left: -156px;
	z-index:51;
	border-radius:5px;
	background:url(../logo50images/down.png) no-repeat left top;
}
#Download .btn_down_s1{float:left;width: 320px;height: 87px;text-indent:-999em;margin-left: 107px;margin-top: 43px;}
#Download .btn_down_s2{float:left;width: 143px;height: 91px;text-indent:-999em;margin-left: 3px;margin-top: 39px;}
#Download .btn_down_s3{float:left;width: 99px;height: 101px;text-indent:-999em;margin-left: 18px;margin-top: 35px;}
#Download .btn_down_s4{float:left;width: 120px;height: 89px;text-indent:-999em;overflow:hidden;margin-left: 13px;margin-top: 42px;}



#Version{width:100%;height:1080px;position:relative;overflow:hidden;padding-top: 0px;z-index:11}
#Flash{width:1920px;height:1080px;position:absolute;left:50%;margin:0px auto -272px -960px;z-index:-1}
#Header{margin:0 auto -290px -960px;width:1920px;height:1080px;position:absolute;left:50%;z-index:-2;line-height:0px;}

        .float{width: 229px;height: 670px;background: url(../logo50images/float.png) no-repeat;position: fixed;top: 50%;right: -25px;margin-top: -335px;z-index: 99;}
        .float-packs{height: 190px;display: block;}
        .float-packs-image{position: fixed;top: 50%;right: -25px;margin-top: -335px;z-index: 98;
            animation: floatPacks 1.6s infinite;
            -webkit-animation: floatPacks 1.6s infinite;
            transform-origin: 50% 100%;
            -webkit-transform-origin: 50% 100%;
        }
        .flaot-nav{width: 148px;padding: 60px 0 0 29px;}
        .flaot-nav a{height: 49px;line-height: 49px;display: block;text-align: center;color: #fff;font-size: 24px;
            transition: all 0.1s;
            -webkit-transition: all 0.1s;
        }
        .flaot-nav a.on{background: #693511;padding:2px 0;margin: -2px 0;color: #fff;font-size: 28px;}


        @keyframes floatPacks{
            0%, 100%{transform: rotate(3deg);}
            50%{transform: rotate(-3deg);}
        }
        @-webkit-keyframes floatPacks{
            0%, 100%{-webkit-transform: rotate(3deg);}
            50%{-webkit-transform: rotate(-3deg);}
        }
		

.navs {
	width: 1200px;
	height: 140px;
	left:50%;
	margin-left: -440px;
	top: 870px;
	z-index: 99;
}
.nav1,.nav2,.nav3,.nav4 {
	width: 280px;
	height: 120px;
	/* margin-right: 166px; */
}

.nav1 {
	/* margin-left:90px; */
	background:url("../logo50images/xz.html") no-repeat;
}
.nav1:hover,.nav2:hover，.nav3:hover，.nav4:hover{cursor: pointer;}
.nav1:hover,.nav2:hover,.nav3:hover,.nav4:hover {
	margin-top:0px;	
}




.nav2 {
	background:url("../logo50images/cz.html") no-repeat;
	margin-left: 24px;
}


.nav3 {
	background:url("../logo50images/kf.html") no-repeat;
	/* margin-left: 38px; */
	/* margin-top: 27px; */
	margin-left: 24px;
}
#smdown{width: 902px;height: 101px;text-align:center;position:absolute;top:980px;left:50%;margin-left: -450px;z-index:5100;border-radius:5px;background:url(../logo50images/smdown.png) no-repeat left top;}
#smdown .smdown1{float:left;width: 252px;height: 101px;text-indent:-999em;}
#smdown .smdown2{float:left;width: 181px;height: 101px;text-indent:-999em;}
#smdown .smdown3{float:left;width: 128px;height: 101px;text-indent:-999em;}
#smdown .smdown4{float:left;width: 99px;height: 89px;text-indent:-999em;margin-left: 4px;}
.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 li{height:53px;line-height:53px;font-size:16px;transition:all 0.1s linear;color:#fff;}
.NewsList li:hover{transform:translatex(5px);}
.NewsList li a{overflow:hidden;color:#fff;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;display:block;}
.NewsList li time{float:right;color:#fff;}
.NewsList li .lx{float:left;}
.NewsList li:hover a{color:#ae862e;}


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




.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: 1200px;
	height: 650px;
	left: 146px;
	top: 205px;
}

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

.slide2 .prev,.slide2 .next{width: 102px;height: 154px;}
.slide2 .prev{top: -375px;left: -40px;background-position:left top;}

.slide2 .next{top: -529px;left: 1170px;background-position:right top;}


.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(../logo50images/02.html);} 

.slide2 .slide2hd .sm2{left:192px;} 
.slide2 .slide2hd .sm2.on{background:url(../logo50images/04.html);} 

.slide2 .slide2hd .sm3{left:383px;} 
.slide2 .slide2hd .sm3.on{background:url(../logo50images/06.html);} 

.slide2 .slide2hd .sm4{left:575px;} 
.slide2 .slide2hd .sm4.on{background:url(../logo50images/08.html);} 

.slide2 .slide2hd .sm5{left:766px;} 
.slide2 .slide2hd .sm5.on{background:url(../logo50images/10.html);}

.slide3{
	width:1244px;height:625px;left: 568px;margin-left: -230px;top:340px; 
	
}

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

.slide3 .prev,.slide3 .next{width:83px;height:84px;background:url(../logo50images/arrow.png) no-repeat left top;}
.slide3 .prev{top: -337px;left: 1170px;background-position:right top}
.slide3 .prev:hover{background-position:right bottom}
.slide3 .next{top: -421px;left: -20px;background-position:left top}
.slide3 .next:hover{background-position:left bottom}



.slide4{
	width:1244px;height:625px;left: 568px;margin-left: -230px;top:270px; 
	
}

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

.slide4 .prev,.slide4 .next{width:83px;height:84px;background:url(../logo50images/arrow.png) no-repeat left top;}
.slide4 .prev{top: -337px;left: 1170px;background-position:right top}
.slide4 .prev:hover{background-position:right bottom}
.slide4 .next{top: -421px;left: -20px;background-position:left top}
.slide4 .next:hover{background-position:left bottom}



.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;}
        video {
            position: absolute;
            top: 0;
            left: 0;
        }


.pub_ani{-webkit-transition:0.4s;-moz-transition:0.4s;-ms-transition:0.4s;-o-transition:0.4s;transition:0.4s;}

.heroMain{width: 1400px; height: 720px; position: absolute; margin-left: 377px; top: 30px;}
.heroMain a.prev,.heroMain a.next{width: 83px; height: 90px; display: block; cursor: pointer; position: absolute; top: 246px; z-index: 100;}
.heroMain a.prev{left: 0; background: url(../logo50images/prev.png) no-repeat 0 0;}
.heroMain a.next{right: 0; background: url(../logo50images/next.png) no-repeat 0 0;}

.heroMain .bd{width: 1400px; height: 720px; overflow: hidden;}
.heroMain .bd li{width: 1400px; height: 720px; position: relative;}
.heroMain .bd li img.hero{display: block; position: absolute; left: 0; top: 0; width: 670px; z-index: 10;}

.heroFont{width: 841px; height: 498px; position: absolute; right: 50px; top: 66px; z-index: 2;}
.heroPic{padding-top: 16px;}
.heroPic img{width: 810px; height: 466px; display: block; margin:0 auto; border-radius: 55px;}
.heroBorder{width: 100%; height: 100%; background: url(../logo50images/bor.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 2;}
.heroText{text-align: center; width: 100%; position: absolute; left: 0; top: 437px; font-size: 20px; color: #f3d606; line-height: 30px; z-index: 8;}


.moveleft{-webkit-transform: translate3d(-30%,0,0);-moz-transform: translate3d(-30%,0,0);-ms-transform: translate3d(-30%,0,0);-o-transform: translate3d(-30%,0,0);transform: translate3d(-30%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}

.moveright{-webkit-transform: translate3d(30%,0,0);-moz-transform: translate3d(30%,0,0);-ms-transform: translate3d(30%,0,0);-o-transform: translate3d(30%,0,0);transform: translate3d(30%,0,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}

.movedown{-webkit-transform: translate3d(0,30%,0);-moz-transform: translate3d(0,30%,0);-ms-transform: translate3d(0,30%,0);-o-transform: translate3d(0,30%,0);transform: translate3d(0,30%,0); filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}



#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:1620px;height:145px;margin-left:149px;margin-top:426px;z-index:999}
.m6piccon li{float:left;width:68.4px;height:53px;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}

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