.banner { background: url(../yssh_images/topbj.jpg) no-repeat top center; width: 100%; height: 455px;}

.nav { background: url(../yssh_images/centerbj.jpg) no-repeat top center; width: 100%; height: 75px;}

.nav ul { padding: 0 20px; width: 960px;}
.navBtn1,.navBtn2,.navBtn3,.navBtn4,.navBtn5,.navBtn6,.navBtn7 { float: left; width: 137px;}
.navBtn1 a,.navBtn2 a,.navBtn3 a,.navBtn4 a,.navBtn5 a,.navBtn6 a,.navBtn7 a { display: block; background: url(../yssh_images/nav.png) no-repeat; height: 42px; font-size: 0; margin: 17px auto 0;/* margin: 17px 10px 0 50px;*/}
.navBtn1 a { width: 81px; background-position: 0 0;}
.navBtn2 a { width: 81px; background-position: -81px 0;}
.navBtn3 a { width: 65px; background-position: -162px 0;}
.navBtn4 a { width: 82px; background-position: -227px 0;}
.navBtn5 a { width: 82px; background-position: -309px 0;}
.navBtn6 a { width: 82px; background-position: -392px 0;}
.navBtn7 a { width: 83px; background-position: -474px 0;}

.navBtn1 a:hover,.navBtn1 a.select { background-position: 0 -42px;}
.navBtn2 a:hover,.navBtn2 a.select { background-position: -81px -42px;}
.navBtn3 a:hover,.navBtn3 a.select { background-position: -162px -42px;}
.navBtn4 a:hover,.navBtn4 a.select { background-position: -227px -42px;}
.navBtn5 a:hover,.navBtn5 a.select { background-position: -309px -42px;}
.navBtn6 a:hover,.navBtn6 a.select { background-position: -392px -42px;}
.navBtn7 a:hover,.navBtn7 a.select { background-position: -474px -42px;}

.content { background: url(../yssh_images/bottombj.jpg) no-repeat top center; width: 100%; height: 1101px; }
.main { padding: 25px 55px 0; width: 890px;}
.module1 { background: url(../yssh_images/module.png) no-repeat top center; width: 890px;}

.presell { width: 145px; margin: 12px 16px 0 0;}
.presellBtn,.downloadBtn { display: block; width: 145px; height: 82px;}
.presellBtn { background: url(../yssh_images/presell.png) no-repeat top center;}
.downloadBtn { background: url(../yssh_images/download.png) no-repeat top center;}
.presellBtn:hover,.downloadBtn:hover { background-position: bottom center;}
.textBtn { text-align: center;}
.textBtn a { padding: 0 5px; line-height: 30px; color: #337199;}
.textBtn a:hover { text-decoration: underline;}

.vido { width: 230px; height: 185px; position: relative; margin: 16px 16px 0 0;}
.play { display: block; position: absolute; width: 230px; height: 185px; background: url(../yssh_images/playQ.png) no-repeat center center; z-index: 999;}
.play:hover { background: url(../yssh_images/play.png) no-repeat center center;}

.news { width: 483px; margin: 15px 0 0; }
.newsContent { padding: 20px 25px 0; height: 130px; overflow: hidden;}
.newsContent li { height: 26px; *height: auto !important;}
.newsContent li .time { float: right; font-size: 14px; color: #683500;}
.newsContent li a { float: left; font-size: 14px; color: #683500; display: block; width: 380px; height: 26px; overflow: hidden;}
.newsContent li a:hover { text-decoration: underline;}

.titleH3 { position: relative; height: 30px; line-height: 30px; font-size: 0;}
.titleH3 a { display: block; position: absolute; right: 5px; top: 10px; z-index: 9;}
.titleH3 img { display: block;}

.animation { margin: 15px 0 0;}

.animationLeft { margin: 0 16px 0 0; width: 390px;}
.game { background: url(../yssh_images/game.png) no-repeat; height: 35px; font-size: 0; padding: 0 0 5px;}
.ysshAd { width: 388px; height: 198px; border: 1px solid #120e0c;}
#divSmallBox{overflow:hidden;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;border-radius:10px;background:#ffffff;}
#playBox{  position:relative; overflow:hidden;}
#playBox .oUlplay { width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{ float:left;}
#playBox .oUlplay img { width: 389px; height: 200px; display: block;}
#playBox .smalltitle { /*width: 608px;*/ height: 13px; position: absolute; bottom: 14px; z-index: 10; right: 15px;}
#playBox .smalltitle ul{/* width:120px;*/}
#playBox .smalltitle ul li{ width:26px; height:6px; margin:0 5px 0 0; background: #fff; filter: alpha(opacity: 70); opacity: 0.7; float:left; overflow:hidden;*display:inline;*zoom:1; cursor: pointer;}
#playBox .smalltitle ul li.thistitle{ background: #850100; filter: alpha(opacity: 100); opacity: 1;}

.tag {}
.tagList { padding: 14px 0 0;}
.tagList li { float: left; width: 129px; height: 37px;}
.tagName1,.tagName2,.tagName3 { display: block; background: url(../yssh_images/tabNav.png) no-repeat; width: 90px; height: 23px; cursor: pointer; margin: 7px auto 0;}
.tagName1 { background-position: 0 0;}
.tagName2 { background-position: -90px 0;}
.tagName3 { background-position: -180px 0;}
.tagName1:hover,.tagList li.a .tagName1 { background-position: 0 -23px;}
.tagName2:hover,.tagList li.a .tagName2 { background-position: -90px -23px;}
.tagName3:hover,.tagList li.a .tagName3 { background-position: -180px -23px;}
.tagList li.a { border-bottom: 2px solid #850100;}

.tagContent {}

.configuration { width: 375px; height: 131px; background: #fff; border: 1px solid #ccb39a; padding: 3px 0 5px 10px;}
.configuration div { font-size: 14px; height: 26px; line-height: 26px; color: #706557;}

.animationRight { width: 480px;}
.figure { background: url(../yssh_images/figure.png) no-repeat; height: 35px; font-size: 0; padding: 0 0 5px;}
.figureContent { position: relative; cursor: pointer;}
.figureContent img { display: block;}
.figureIco {}
.figureIco li { zoom: 1; position: relative; width: 94px; height: 59px; padding: 0 0 8px;}
.figureIco li span { position: absolute; display: inline;}
.figureIco li.s span { position: absolute; top: 0; left: 0; width: 90px; height: 55px; border: 2px solid #b71f0a;}
.figureIco li img { display: inline; width: 94px; height: 59px;}
.figurePic { position: absolute; top: -50px; right: 20px;}
.figurePic li {}

.scene { margin: 10px 0 0;}
.scene h3 { background: url(../yssh_images/scene.png) no-repeat; height: 35px; font-size: 0; padding: 0 0 5px;}
.sceneContent {}
.sceneContent img { display: block; float: left;}
.pic1 { margin: 0 20px 0 0;}
.pic2 { margin: 0 20px 0 0;}
.pic3 { margin: 0 0 20px 0;}
.pic4 {}

.link { width: 890px; height: 120px; margin: 0 auto; background: url(../yssh_images/linkbj.png) no-repeat top right; position: relative;}
.feLink { padding: 33px 0 0 72px; }
.feLink a { display: block; float: left; width: 113px; height: 48px; border: 1px solid #e7d3bd; margin: 0 10px 0 0;}
.feLink a img { display: block; width: 113px; height: 48px;}
.tigTxt { font: 12px "微软雅黑"; color: #7c7061; position: absolute; bottom: 5px; left: 120px;}



/*弹出层*/
.tContent { width: 868px; height: 478px; position: relative;}
.hide { width: 48px; height: 48px; position: absolute; top: 0; right: 0; background: url(../yssh_images/tHide.jpg) no-repeat; cursor: pointer;}
.falshcontent { background: #08232c; padding: 10px; width: 800px; height: 450px; }