body{ font-family: "microsoft yahei"; }
#Topbar{height:110px;background:url(../images/np.png) repeat-x 0 0;}
.Topwrap{width:1200px;margin:0 auto;position:relative;height:100%;}
#Topnav{height:100px;background:url(../images/topnav.jpg) no-repeat 0 0;width:672px;float:left;}
#Topnav li{float:left;}
#Topnav a{display:block;width:222px;height:100px;margin-left:2px;text-indent:-999em;}
#Topnav a:hover{background-image:url(../images/topnav.jpg);background-repeat:no-repeat;}
#Topnav a.n1:hover{background-position:-2px -100px;}
#Topnav a.n2:hover{background-position:-226px -100px;}
#Topnav a.n3:hover{background-position:-450px -100px;}
#Topbar .entry{background:url(../images/entry.jpg) no-repeat 0 0;display:block;width:236px;height:100px;overflow:hidden;text-indent:-999em;float:left;}
#Topbar .forum{background:url(../images/forum.jpg) no-repeat 0 0;display:block;width:236px;height:100px;margin-left:7px;overflow:hidden;text-indent:-999em;float:left;}
#Topbar .entry:hover{background:url(../images/entry_1.jpg) no-repeat 0 0;}
#Topbar .forum:hover{background:url(../images/forum_1.jpg) no-repeat 0 0;}
.clearfix:after{content:'.';display:block;height:0;visibility:hidden;overflow:hidden;clear:both}
.wrapper{position:relative;width:100%;min-width:1200px;overflow:hidden;margin-top:-800px;}
.wrapper .section{position:relative;margin: 0 auto;}
.wrapper .section1{position:relative;height:400px;}
.wrapper .section2{position:relative;height:791px;}
.wrapper .section3{position:relative;height:671px}
.wrapper .section4{position:relative;height:810px}



.section1{overflow:hidden;}
.section1 .inc{position:relative;width:1400px;height:400px;margin:0 auto;left:8px;top:77px;}
.wrap{width: 1200px;height:800px;margin-left:-440px;margin:0 auto;z-index:9999}
.wraps{width: 390px;height:800px;margin-left:0px;z-index:9999}
.m-main{margin-top: 119px;font-size: 16px;color: #e9e6d0;}
.main-item{margin-bottom: 0px;}

.char-list{margin-left: 0px;overflow: hidden;}
.char-list li.item{float: left;margin-left:0px;_margin-left: 0px;}
.char-list .skill{}
.char-list .img-1{background: url(../images/btn_01.png) no-repeat;width: 390px;height: 115px;margin-left:0px;}
.char-list .img-1:hover{background: url(../images/btn_01_01.png) no-repeat;width: 390px;height:115px;margin-left:0px;}
.char-list .img-2{background: url(../images/btn_02.png) no-repeat;margin-left:0px;width: 390px;height: 115px;}
.char-list .img-2:hover{background: url(../images/btn_02_01.png) no-repeat;margin-left:0px;width: 390px;height: 115px;}
.char-list .img-3{background: url(../images/btn_03.png) no-repeat;margin-left:0px;width:390px;height: 115px;}
.char-list .img-3:hover{background: url(../images/btn_03_01.png) no-repeat;margin-left:0px;width:390px;height: 115px;}
.char-list .img-4{background: url(../images/btn_04.png) no-repeat;width: 390px;height:115px;margin-left:0px;}
.char-list .img-4:hover{background: url(../images/btn_04_01.png) no-repeat;width: 390px;height:115px;margin-left:0px;}
.char-list .skill-wrapper{width: 100%;padding: 5px 0;background: #000;}




.section2{overflow:hidden;background:url(../images/bg_02.jpg) top center no-repeat;}
.section2 .inc{position:relative;width:1200px;height:715px;margin:0 auto;left:20px;top:15px;}
#m1{width:1200px;margin-bottom:10px;}
#Video{float:left;width:1200px;height:715px;position:relative;overflow:hidden;background-color:#FFF;}
#PlayBanner{float:right;width:430px;height:465px;position:relative;overflow:hidden;}
#PlayBanner .conbox{width:9999em;position:absolute;width:430px;height:465px;}
#PlayBanner .conbox div{float:left;width:260px;height:400px;overflow:hidden;}
#PlayBanner .conbox div img{width:100%;height:100%;display:block;}


.section3{overflow:hidden;background:url(../images/bg_03.jpg) top center no-repeat;}
.section3 .inc{position:relative;width:1400px;height:450px;margin:0 auto;left:8px;top:10px;}

#focus_Box{position:relative; padding-top: 126px; margin:0 auto;}
#focus_Box ul{position:relative;width:1400px; height:507px; margin:0 auto;}
#focus_Box li{z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px;}
#focus_Box li img{width:100%;height:100%;vertical-align:top;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:74px;height:74px;top:312px;}
#focus_Box .prev{background:url(../images/prev.png) left bottom no-repeat;left:66px;}
#focus_Box .next{background:url(../images/next.png) right bottom no-repeat;right:66px;}
#focus_Box .proL{ 
	transform: perspective(1100px) translate(0, 0) rotateY(-30deg);		 
	-webkit-transform: perspective(1100px) translate(0, 0) rotateY(-30deg);		 
	-moz-transform: perspective(1100px) translate(0, 0) rotateY(-30deg);	 
}
#focus_Box .proR{ 
	transform: perspective(1100px) translate(0, 0) rotateY(30deg);		 
	-webkit-transform: perspective(1100px) translate(0, 0) rotateY(30deg);		 
	-moz-transform: perspective(1100px) translate(0, 0) rotateY(30deg);	 
}




.section4{overflow:hidden;background:url(../images/bg_04.jpg) top center no-repeat;}
.section4 .inc{position:relative;width:1200px;height:560px;margin:0 auto;left:8px;top:10px;}

.poster-main{position: relative;margin: 126px auto;}
.poster-main .poster-list .poster-item{position: absolute;left: 0;top: 0px;}
.poster-main .poster-btn{position: absolute;top: 0px;cursor: pointer;}
.poster-main .poster-prev-btn{left: -200px;background: url("../images/prev.png") no-repeat center center;}
.poster-main .poster-next-btn{right: -200px;background: url("../images/next.png") no-repeat center center;}



	/*¸¡¶¯Ìõ*/
	#Floatingbar{width:115px;position:fixed;top:68%;right:10px;margin-top:-400px;z-index:11500;}
	#Floatingbar ul li{margin-bottom:2px;padding-bottom:31px;background:url(../images/line_y2.png) no-repeat center bottom;}
	#Floatingbar ul li:last-child{padding-bottom:0px;background:none;}
	#Floatingbar ul li a{width:115px;height:80px;line-height:1.33;text-align:center;font-size:15px;color:#fee8b8;padding-top:35px;background:url(../images/kefu.png) no-repeat left top;display:block;}
	#Floatingbar ul li .arrow{width:0px;height:0px;margin:0px auto 7px auto;border:5px solid transparent;border-bottom:5px solid #af9f82;display:block;}
	#Floatingbar ul li a:hover{background-position:left bottom;color:#ffdb63;}