@charset "gb2312";
/* =s Reset (by YUI 3) */
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/* =e Reset */

/* =s base */
html,body{height:100%;background:#111b20;}
body{font-family:"Microsoft YaHei",simSun,Arial;line-height:1.5;font-size:12px;color:#000;}
i{font-style:normal;}
a{color:#000;-webkit-transition:color .3s ease-out;-moz-transition:color .3s ease-out;transition:color .3s ease-out;}
a:hover{color:#F60;}
a.under:link,a.under:active,a.under:visited,a.under:hover{text-decoration:underline;}

/****global****/
.fl{ display:inline; float: left; }
.g-clr { zoom: 1; }
.g-clr:after { display: block; clear: both; height: 0; content: "\0020"; }
.g-thide { text-indent: -9999px; }
.yh{ font-family:"Microsoft YaHei"; }
.st{ font-family:simSun; }
.dpn{ display: none; }

#NIE-topBar { height: 40px; background-color: #fff; }

#footer { clear: both; position: relative; text-align: left; height:65px; background: url('../images/footer.jpg') repeat-x 0 0; }
.borderT{ border-top: 1px solid #272727;  }
#footer, #footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#NIE-copyRight { color:#4f5051; width:760px; }
#NIE-copyRight a { color:#4f5051; }
#NIE-copyRight .l1 { padding-bottom: 10px; }

/* layout */
#wrap, .dBg, #footer, .topBar, .nav{ max-width: 1680px; min-width: 1050px; _width:expression((document.documentElement.clientWidth>1920||document.body.clientWidth>1920)?"1920px":((document.documentElement.clientWidth<1050||document.body.clientWidth<1050)?"1050px":"100%"));}
#wrap{ margin:0 auto;  overflow:hidden; position: relative; }
#wrap .thide{ position: absolute; top:0px; left:-9999px; text-indent:-9999px; }
.inner{ width:1050px; margin:0 auto; position: relative; }
.topBar{ height:36px; line-height:36px; border-bottom:1px solid #1e3142; background-color:#121314; }
.topBar .btn a{ color:#787878; text-decoration: none; line-height: 100%; padding:0 12px; border-right:1px dotted #787878; }
.topBar .btn .first{ padding-left:73px; }
.topBar .btn .last{ border-right:none; }
.topBar .btn a:hover{ text-decoration: underline; }
.logo{ display:block; width:260px; height:90px; text-indent: -9999px; z-index: 100; }
.logo_1{ display:inline; float:left; width:225px; height:110px; text-indent: -9999px; }

/* share */
.shareBox{ position: relative; width:180px; height:25px; background: url('../images/share.png') no-repeat 0 0; z-index: 100; }
#topShare{ position: absolute; left:40px; top:3px; }
#topShare .NIE-share1 .NIE-share-iconBtn a img{width: 20px;height: 20px;background: none!important;}
#topShare .NIE-share1 .NIE-share-more em{background: none;}
#topShare .NIE-share-iconBtn a{margin-right: 2px;}

.index .inner{ margin:0px; height:100%; }
.index .content{ height:847px; overflow: hidden; background: url('../images/index.jpg') no-repeat 0 0; }
.index .logo{ position: absolute; top:65px; left:100px; }
.index .shareBox{ position: absolute; top:370px; left:33px; }
#enter a, #enter span{ display:block; width:780px; height:847px; text-indent:-9999px; position: absolute; top:0px; }
#enter .hero{ left:353px; }
#enter .sports{ left:614px; }
#enter .rhythm{ left:873px; }
#enter .play{ left:1133px; }
#enter span{ width:427px; }
#enter .heroBg{ left:269px; background: url('../images/enter.jpg') no-repeat  0px 0px; }
#enter .sportsBg{ left:529px; background: url('../images/enter.jpg') no-repeat -430px 0px;  }
#enter .rhythmBg{ left:789px; background: url('../images/enter.jpg') no-repeat -860px 0px;  }
#enter .playBg{ left:1049px; background: url('../images/enter.jpg') no-repeat -1290px 0px;  }

.ny .topBar{ background: url('../images/topbar.jpg') no-repeat center 0; }
.ny .topBar .btn{ display:inline; float:right; }
.ny .inner{ height: 100%; }
.ny .shareBox{ display: inline; float: right;  background-position: 0 -30px; margin:7px 0  0 12px ; }

.ny .nav{ height:110px; background: url('../images/nav.jpg') no-repeat center 0; }
.ny .enterBtn{ display: inline; float: right; margin-right:20px; }
.ny .enterBtn li{ display: inline; float: left; width:138px; height:110px; }
.ny .enterBtn a{ display: block; width:100%; height: 100%; text-align:center; text-indent: -9999px; }
.ny .enterBtn a:hover, .ny .enterBtn a.select{ background: url('../images/navhover.png') no-repeat 0 0; position: relative; height:111px; width:155px; }
.ny .enterBtn a:hover{ z-index:1; }
.ny .enterBtn a.select{ z-index:2; }
.ny .enterBtn .return a:hover, .ny .enterBtn .return a.select{ top:0px; left:-11px; background-position: 0 0; }
.ny .enterBtn .hero a:hover, .ny .enterBtn .hero a.select{ top:0px; left:-13px; background-position: -197px 0; }
.ny .enterBtn .sports a:hover, .ny .enterBtn .sports a.select{ top:0px; left:-11px; background-position: -397px 0; }
.ny .enterBtn .rhythm a:hover, .ny .enterBtn .rhythm a.select{ top:0px; left:-11px; background-position: -596px 0; }
.ny .enterBtn .play a:hover, .ny .enterBtn .play a.select{ top:0px; left:-9px; background-position: -796px 0; }

.hero .topBar{ background: center 0; }
.hero .content{ height:740px; background: url('../images/hero.jpg') no-repeat center 0; }
.hero .flash1{ background: #000; border:1px solid #045d6b; width:260px; height: 140px; margin-bottom:8px; }
.hero a.heroEnter{ display:block; width:265px; height: 70px; background: url('../images/enterherobtn.jpg') no-repeat 0 0; text-indent: -9999px; }
.hero .heroText{ position: absolute; top:196px; left: 460px; width:315px; color:#bfbfbf; line-height: 160%; }
.hero .heroText .p1{ height:102px; }
.hero .heroText .p2{ width:265px; height:65px; }

.sports .topBar{ background: center -40px; }
.sports .topBar .btn{ margin-right:13px; }
.sports .topBar .btn a{ border-left: 1px dotted #787878; border-right:none; }
.sports .content{ height:740px; background: url('../images/sports.jpg') no-repeat center 0; }
.sports .tab{ padding:230px 0 0 0; overflow: hidden; }
.sports .tabs, .sports .tabCon, .sports .tabBg, .sports .tabMain{ display: inline; float: left; }
.sports .tabs{ width:93px; margin-left:89px; }
.sports .tabCon{ width:675px; overflow: hidden; }
.sports .tabBg{ width:139px; width:140px\9; height: 300px;  background: url('../images/sportstab.png') no-repeat 0 0; }
.sports .tabMain{ width:535px; height: 480px; overflow: hidden; }
.sports .tabs li{ width:93px; height: 29px; line-height: 29px; text-align:center; color:#00f6ff; margin-bottom:33px; font-size: 14px; 
	background: url('../images/sportstab.png') no-repeat 0 0;
}
.sports .tabs li:hover, .sports .tabs li.current { color:#d0aa7a; background-position: 0 -50px; }
.sports .tabSCon { display:none; }
.sports .current { display:block; }
.sports .tabSCon1 .tabBg{ background-position: -100px 0; }
.sports .tabSCon2 .tabBg{ background-position: -250px 0; }
.sports .tabSCon3 .tabBg{ background-position: -400px 0; }
.sports .tabSCon4 .tabBg{ background-position: -550px 0; }
.sports .tabSCon5 .tabBg{ background-position: -700px 0; }
.sports .tabSCon h3{ width:350px; height: 29px; text-indent: -9999px;  background: url('../images/sportstab.png') no-repeat 0 -300px; }
.sports .tabSCon1 h3{ background-position: 0 -300px; }
.sports .tabSCon2 h3{ background-position: -400px -300px; }
.sports .tabSCon3 h3{ background-position: 0 -340px; }
.sports .tabSCon4 h3{ background-position: -400px -340px; }
.sports .tabSCon5 h3{ background-position: 0 -380px; }
.sports .tabCBox{ width:534px; height: 431px; *margin-left:1px; font-size:16px; color:#9a9a9a; position: relative;  overflow: hidden; }
.sports .tabSCon1 .tabCBox1{ background: url('../images/sports_1.jpg') no-repeat 0 0; }
.sports .tabSCon1 .tabCBox2{ background: url('../images/sports_1.jpg') no-repeat 0 -780px;}
.sports .tabSCon1 a.positionPic{ cursor:pointer; color:#9a9a9a; display: block; width:370px; height: 310px; position: absolute; top:94px; left:85px; }
.sports .tabSCon1 a.positionPic:hover{ color:#00f7ff; background: url('../images/sports_1.jpg') no-repeat 0 -450px; }
.sports .tabSCon1 a.positionPic span{ width:75px; display: block; position: absolute; line-height: 130%; }
.sports .tabSCon1 .pos1{ top:0px; left:150px; }
.sports .tabSCon1 .pos2{ top:106px; left:298px; }
.sports .tabSCon1 .pos3{ top:252px; left:253px; }
.sports .tabSCon1 .pos4{ top:250px; left:47px; }
.sports .tabSCon1 .pos5{ top:106px; left:2px; }
.sports .tipText { color:#b2b2b2; font-size: 12px; width:450px; margin:340px auto 0; line-height: 180%; }
.sports .tipText strong{ color:#00f4ff; }
.sports .tipText .fsize18{ font-size: 18px; }
.sports .tipText .bd{ font-weight:bold; }
.sports .tipText .pb5{ padding-bottom:5px;  }
.sports .tipText1{ color:#9e9e9e; font-size: 24px; font-weight: bold; width:450px; margin:320px auto 0; 
		text-align:center; text-decoration: underline; line-height: 140%;
	}
.sports .tipText2{ color:#9e9e9e; font-size: 24px; font-weight: bold; width:450px; margin:190px auto 0; 
		text-align:center; text-decoration: underline; line-height: 180%;
	}
.sports .tipText3 { color:#b2b2b2; font-size: 12px; width:340px; margin:170px 0 0 45px; line-height: 180%; }
.sports .tipText3 h4{ color:#00f6ff; font-size: 24px; font-weight: bold; margin-bottom:10px; }
.sports .tipText3 strong{ color:#00f4ff; }
.sports .tabSCon2 .tabCBox1{ background: url('../images/sports_2.jpg') no-repeat 0 0; }
.sports .tabSCon2 .tabCBox2{ background: url('../images/sports_2.jpg') no-repeat 0 -550px; }
.sports .tabSCon2 a.beginMatch{ display: block; width:225px; height: 56px; cursor: pointer; text-indent: -9999px; position: absolute; top:162px; left:156px; }
.sports .tabSCon2 a:hover.beginMatch{ background: url('../images/sports_2.jpg') no-repeat 0 -450px; }
.sports .tabSCon3 .tabCBox1{ background: url('../images/sports_3.jpg') no-repeat 0 0; }
.sports .tabSCon3 .tabCBox2{ background: url('../images/sports_3.jpg') no-repeat 0 -450px; }
.sports .tabSCon3 .tabCBox3{ background: url('../images/sports_3.jpg') no-repeat 0 -900px; }
.sports .tabSCon3 a.method{ display: block; width:300px; height: 56px; cursor: pointer; text-indent: -9999px; position: absolute; top:325px; left:115px; }
.sports .tabSCon4 .tabCBox1{ background: url('../images/sports_4.jpg') no-repeat 0 0; }
.sports .tabSCon4 .tabCBox2{ background: url('../images/sports_4.jpg') no-repeat 0 -450px; }
.sports .tabSCon4 .tabCBox3{ background: url('../images/sports_4.jpg') no-repeat 0 -900px; }
.sports .tabSCon4 .tabCBox4{ background: url('../images/sports_4.jpg') no-repeat 0 -1350px; }
.sports .tabSCon4 a.method{ display: block; width:300px; height: 56px; cursor: pointer; text-indent: -9999px; position: absolute; top:305px; left:115px; }
.sports .tabSCon4 .tabCBox4 .tipText3{ width:450px; margin:320px auto 0; }
.sports .tabSBox4 .tipText3{ width:450px; margin:320px auto 0; }
.sports .tabSCon5 .tabCBox1{ background: url('../images/sports_5.jpg') no-repeat 0 0; }
.sports .tabSCon5 .tabCBox2{ background: url('../images/sports_5.jpg') no-repeat 0 -450px; }
.sports .tabSCon5 .tabCBox3{ background: url('../images/sports_5.jpg') no-repeat 0 -900px; }
.sports .tabSCon5 a.method{ display: block; width:300px; height: 56px; cursor: pointer; text-indent: -9999px; position: absolute; top:305px; left:115px; }
.sports .tabSCon5 h4{ position: absolute; top:68px; left:260px; font-size: 18px; font-weight: bold; color:#00bac1;  }
.sports .tabSCon5 .tabCBox2 .method{ left:225px; top:170px; }
.sports .tabSCon5 .tabCBox3 .tipText{ margin-top:306px;  }
.sports .tabSCon5 .tabCBox1 .tipText{ margin-top:90px;  }
.sports .tabSCon5 .tipText4{ color:#b1b1b1; font-size: 12px; line-height: 190%; padding:150px 0 0 220px; }
.sports .tabSCon5 .tipText4 p{ height:100px; }

.rhythm .topBar{ background: center -80px; }
.rhythm .content{ height:740px; background: url('../images/rhythm.jpg') no-repeat center 0; }
.rhythm_btn a{ display: block; text-decoration: none; width:315px; height: 160px; color:#00f4fd; font-size: 14px; 
	background: url('../images/rhythm_1.png') no-repeat 0 0; position: absolute;
}
.rhythm_btn a:hover{ color:#d0aa7a; text-decoration: none; }
.rhythm_btn a span{ display: block; cursor: pointer; height:29px; line-height: 29px; text-align:center; background: url('../images/rhythm_1.png') no-repeat 0 0; }
.rhythm_btn a.animal{ background-position: 0 -132px; top:203px; left:75px; }
.rhythm_btn a.animal span{ width:93px; background-position: 0 -690px; }
.rhythm_btn a:hover.animal{ background-position: 0 28px; }
.rhythm_btn a:hover.animal span{ background-position: -150px -690px; }
.rhythm_btn a.riding{ background-position: 0 -452px; padding-left:220px; width: 94px; top:203px; left:620px; }
.rhythm_btn a.riding span{ width:93px; background-position: 0 -740px; }
.rhythm_btn a:hover.riding{ background-position: 0 -292px; }
.rhythm_btn a:hover.riding span{  background-position: -150px -740px; }
.rhythm_btn a.skill{ background-position: 0 -132px; top:310px; left:27px; } 
.rhythm_btn a.skill span{ width:111px; background-position: 0 -640px; }
.rhythm_btn a:hover.skill{ background-position: 0 28px; }
.rhythm_btn a:hover.skill span{ background-position: -150px -640px; }
.rhythm_btn a.speed{ background-position: 0 -452px; padding-left:202px; width: 112px; top:346px; left:700px; }
.rhythm_btn a.speed span{ width:111px; background-position: 0 -790px; }
.rhythm_btn a:hover.speed{ background-position: 0 -292px; }
.rhythm_btn a:hover.speed span{  background-position: -150px -790px; }

.animal .topBar{ background: center -80px; }
.animal .content{ height:740px; background: url('../images/animal.jpg') no-repeat center 0; }

.skill .topBar{ background: center -80px; }
.skill .content{ height:740px; background: url('../images/skill.jpg') no-repeat center 0; }

.riding .topBar{ background: center -80px; }
.riding .content{ height:740px; background: url('../images/riding.jpg') no-repeat center 0; }

.speed .topBar{ background: center -80px; }
.speed .content{ height:740px; background: url('../images/speed.jpg') no-repeat center 0; }

.rhythmBtnBox a{ display: block; width: 48px; height: 48px; text-indent: -9999px; position: absolute; }
.rhythmBtnBox a:hover{ background: url('../images/rhythmicon.png') no-repeat 0 0; }

.animal .ridingBtn{ top:406px; left:279px; }
.animal .skillBtn{ top:474px; left:118px; }
.animal .speedBtn{ top:445px; left:268px; }

.skill .animalBtn{ top:420px; left:167px; }
.skill .ridingBtn{ top:405px; left:280px; }
.skill .speedBtn{ top:446px; left:270px; }

.riding .animalBtn{ top:420px; left:167px; }
.riding .skillBtn{ top:474px; left:118px; }
.riding .speedBtn{ top:446px; left:270px; }

.speed .animalBtn{ top:420px; left:167px; }
.speed .ridingBtn{ top:405px; left:280px; }
.speed .skillBtn{ top:474px; left:118px; }

.rhythmMainBox{ width:536px; height:360px; position: absolute; top:327px; right:25px; }
.skill .rhythmMainBox{ top:287px; }
.rhythmMainBox1{ width:444px;  }
.rhythmMainBox1 .video{ height: 243px; width:442px; background-color: #000; border:1px solid #006164; overflow: hidden; }
.rhythmMainBox1 .text{ color:#c0c0c0; margin-top:8px; }
.rhythmMainBox1 .text strong{ color:#12eaf2; }
.rhythmMainBox1 .detailBtn{ display: inline; float: right; width: 95px; height: 23px; line-height: 23px; 
	background: url('../images/btn.jpg') 0 0 no-repeat; color:#2b2b2b; text-indent: 28px; cursor:pointer;
	margin-top:5px; 
}
.rhythmMainBox2{ width:534px; height: 247px; overflow: hidden; background: url('../images/speed_1.jpg') no-repeat 0 0; border:1px solid #006164;  position: relative; }
.returnMainBox{ display: block; width: 40px; height: 40px; cursor: pointer; position: absolute; top: 0px; right: 0px; text-indent: -9999px; }
.rhythmMainBox2 .video{ height: 167px; width:297px; background-color: #000; overflow: hidden; 
	margin:40px 0 0 40px;
}
.rhythmMainBox2 .text{ width:140px; position: absolute; top:40px; right:40px; color:#c0c0c0;} 
.rhythmMainBox2 .text strong{ color:#12eaf2; }
.rhythmMainBox2 .text h4{ font-size: 14px; margin-bottom:5px; color: #00f6ff; }
.rhythmMainBox3{ width:534px; height: 271px; overflow: hidden; background: url('../images/speed_2.jpg') no-repeat 0 0; border:1px solid #006164;  position: relative; }
.rhythmMainBox3 .tabs{ width:534px; height:40px; line-height: 40px; background: url('../images/speed_3.jpg') no-repeat 0 0; overflow: hidden; }
.rhythmMainBox3 .tabs strong{ display: block;  font-size: 14px;  text-align: center; width:100%; 
		height: 40px; line-height: 40px;
	}
.rhythmMainBox3 .tabs li{ display: inline; float: left; color:#a0a2a3; height: 40px;}
.rhythmMainBox3 .tabs .li1{ width:100px; }
.rhythmMainBox3 .tabs .li2{ width:92px; }
.rhythmMainBox3 .tabs .li3{ width:92px; }
.rhythmMainBox3 .tabs .li4{ width:99px; }
.rhythmMainBox3 .tabs li.current.li1 strong, .rhythmMainBox3 .tabs li:hover.li1 strong{
	width:99px; border-right:1px solid #185059; background: url('../images/speed_3.jpg') no-repeat 0 -50px;
}
.rhythmMainBox3 .tabs li.current.li2 strong, .rhythmMainBox3 .tabs li:hover.li2 strong{
	width:91px; border-right:1px solid #185059; border-left:1px solid #185059; background: url('../images/speed_3.jpg') no-repeat -100px -50px;
	position: relative; left:-1px; 
}
.rhythmMainBox3 .tabs li.current.li3 strong, .rhythmMainBox3 .tabs li:hover.li3 strong{
	width:91px; border-right:1px solid #185059; border-left:1px solid #185059; background: url('../images/speed_3.jpg') no-repeat -192px -50px;
	position: relative; left:-1px; 
}
.rhythmMainBox3 .tabs li.current.li4 strong, .rhythmMainBox3 .tabs li:hover.li4 strong{
	width:98px; border-right:1px solid #185059; border-left:1px solid #185059; background: url('../images/speed_3.jpg') no-repeat -285px -50px;
	
}
.rhythmMainBox3 .tabSCon { display:none; overflow: hidden; }
.rhythmMainBox3 .current { display:block; }
.rhythmMainBox3 .video{ height: 167px; width:297px; background-color: #000; overflow: hidden; 
	margin:30px 0 0 20px;
}
.rhythmMainBox3 .text{ width:180px; position: absolute; top:70px; right:20px; color:#c0c0c0;} 
.rhythmMainBox3 .text strong{color: #00f6ff; font-size: 14px; }
.rhythmMainBox3 .text h4{ font-size: 18px; font-weight: bold;  margin-bottom:5px; color: #00f6ff; }
.rhythmMainBox4{ width:534px; height:332px; overflow: hidden; background: url('../images/speed_4.jpg') no-repeat 0 0; border:1px solid #006164;  position: relative; }
.rhythmMainBox4 .video{ height: 168px; width:295px; background-color: #000; overflow: hidden; 
	margin:120px 0 0 40px;
}
.rhythmMainBox4 .text{ width:160px; position: absolute; top:120px; right:20px; color:#c0c0c0;} 
.rhythmMainBox4 .text .fsize18{ font-size: 18px; }
.rhythmMainBox4 .text strong{ color:#12eaf2; }
.rhythmMainBox4 .detailBtn{ width: 95px; height: 23px; line-height: 23px; 
	background: url('../images/btn.jpg') 0 0 no-repeat; color:#2b2b2b; text-indent: 28px; cursor:pointer;
	 position: absolute; top:260px; right:85px;
}
.rhythmMainBox5{ width:534px; height: 361px; overflow: hidden; border:1px solid #006164;  position: relative; }
.rhythmMainBox5 .tabs{ width:534px; height:50px; line-height: 50px; background: url('../images/skill_2.jpg') no-repeat 0 0; overflow: hidden; }
.rhythmMainBox5 .tabs strong{ display: block;  font-size: 18px;  text-align: center; width:100%; 
		height: 50px; line-height: 50px; color:#a6a7a8; 
	}
.rhythmMainBox5 .tabs li{ display: inline; float: left; height: 50px;}
.rhythmMainBox5 .tabs .li1{ width:100px; }
.rhythmMainBox5 .tabs .li2{ width:92px; }
.rhythmMainBox5 .tabs .li3{ width:92px; }
.rhythmMainBox5 .tabs .li4{ width:91px; }
.rhythmMainBox5 .tabs .li5{ width:92px; }
.rhythmMainBox5 .tabs li.current strong, .rhythmMainBox5 .tabs li:hover strong{ color:#00f6ff; font-size: 24px; font-weight: bold; }
.rhythmMainBox5 .tabs li.current.li1 strong, .rhythmMainBox5 .tabs li:hover.li1 strong{
	width:99px; border-right:1px solid #185059; background: url('../images/skill_2.jpg') no-repeat 0 -60px;
}
.rhythmMainBox5 .tabs li.current.li2 strong, .rhythmMainBox5 .tabs li:hover.li2 strong{
	width:91px; border-right:1px solid #185059; border-left:1px solid #185059; background: url('../images/skill_2.jpg') no-repeat -100px -60px;
	position: relative; left:-1px; 
}
.rhythmMainBox5 .tabs li.current.li3 strong, .rhythmMainBox5 .tabs li:hover.li3 strong{
	width:91px; border-right:1px solid #185059; border-left:1px solid #185059; background: url('../images/skill_2.jpg') no-repeat -192px -60px;
	position: relative; left:-1px; 
}
.rhythmMainBox5 .tabs li.current.li4 strong, .rhythmMainBox5 .tabs li:hover.li4 strong{
	width:90px; border-right:1px solid #185059; border-left:1px solid #185059; background: url('../images/skill_2.jpg') no-repeat -285px -60px;
	position: relative; left:-1px; 
	
}
.rhythmMainBox5 .tabs li.current.li5 strong, .rhythmMainBox5 .tabs li:hover.li5 strong{
	width:91px; border-right:1px solid #185059; border-left:1px solid #185059; background: url('../images/skill_2.jpg') no-repeat -285px -60px;
	position: relative; left:-1px; 
	
}
.rhythmMainBox5 .tabSCon { display:none; overflow: hidden; width:534px; height: 311px; background: url('../images/skill_1.jpg') no-repeat 0px 0px;}
.rhythmMainBox5 .tabSCon1{ background-position: 0 0; }
.rhythmMainBox5 .tabSCon2{ background-position: 0 -320px; }
.rhythmMainBox5 .tabSCon3{ background-position: 0 -640px; }
.rhythmMainBox5 .tabSCon4{ background-position: 0 -960px; }
.rhythmMainBox5 .tabSCon5{ background-position: 0 -1280px; }
.rhythmMainBox5 .current { display:block; }
.rhythmMainBox5 h3{ font-size: 14px; font-weight: bold; color:#00f6ff; margin:30px 0 5px;  }
.rhythmMainBox5 p{ color:#dedede; }
.rhythmMainBox5 p strong{ color: #00f6ff; }
.rhythmMainBox5 h3, .rhythmMainBox5 p{ margin-left:25px; width:280px; }

.play .topBar{ background: center -120px; }
.play .topBar .btn{ margin-right:13px; }
.play .topBar .btn a{ border-left: 1px dotted #787878; border-right:none; }
.play .content{ height:740px; background: url('../images/play.jpg') no-repeat center 0; }
.play .play1{ background: url('../images/play1.jpg') no-repeat center 0; }
.play .play2{ background: url('../images/play2.jpg') no-repeat center 0; }
.play .playBtn a{ display: block; width:140px; height: 29px; line-height: 29px; text-align: center; 
	background: url('../images/playBtn.png') no-repeat 0 0; text-decoration: none; color:#00f6ff;
	position: absolute; left:24px; top:0px; 
}
.play .playBtn a:hover, .play .playBtn a.select{  background-position: 0 -35px; color:#d0aa7a; }
.play .playBtn .playBtn1{ top:228px; }
.play .playBtn .playBtn2{ top:290px; }
.play .playBtn .playBtn3{ top:353px; }
.playContent{ width:370px; position: absolute; top:255px; left:260px; color:#969696; line-height: 170%; }
.playContent .video{ width:368px; height: 203px; background-color: #000; border:1px solid #006164; overflow: hidden; margin-bottom:10px; }
.playContent strong{ color:#00f6ff; }
.playContent .playList{ margin-top:15px; }
.playContent .playList p{ background: url('../images/playBtn.png') no-repeat 0 -68px; padding-left:10px;  }

.playText{ width:310px; height: 220px; position: absolute; top:250px; right:80px;  color:#969696; line-height: 170%;} 
.playText strong{ color:#00f6ff; }
.playText p{ background: url('../images/playBtn.png') no-repeat 0 -68px; padding-left:10px;  }
.playText h3{ color:#00f6ff; font-size: 18px; margin:12px 0 3px; }
.playText1{ font-size: 14px; width:630px; position: absolute; top:494px; left: 280px; }

#img-scroll1 { position: absolute; top:560px; left:250px; width: 700px; height:75px;overflow:hidden;}
#img-scroll1 .prev, #img-scroll1 .next { background: url('../images/lr.png') no-repeat 0 0; display: block; height: 31px; width: 19px; position: absolute; top: 20px; cursor: pointer; outline: 0; text-indent: -9999px; z-index:88;  }
#img-scroll1 .prev { left:4px;  }
#img-scroll1 .next { right: 4px; background-position:-30px 0px;}
#img-scroll1 .img-list { position: relative; overflow: hidden; width: 620px;margin:0 40px; height:75px; overflow:hidden; }
#img-scroll1 .img-list ul {position:absolute;left:0;top:0;width:9999px;}
#img-scroll1 .img-list img{ width:130px; height: 73px; border:1px solid #006164; }
#img-scroll1 .img-list li { display: inline; float: left; text-align: center; margin-right:30px; }

.rpgBtn a{ display: block; width:30px; height: 30px; text-indent: -9999px; position: absolute; top:0px; left:0px; 
	cursor: pointer;
}
.rpgBtn .rpgBtn1{ top:505px; left: 465px; }
.rpgBtn .rpgBtn2{ top:415px; left: 572px; }
.rpgBtn .rpgBtn3{ top:530px; left: 650px; }
.rpgBtn .rpgBtn4{ top:320px; left: 700px; }
.rpgBtn .rpgBtn5{ top:435px; left: 770px; }

.rpgPicBtn a{ width:248px; height: 165px; display: block; background: url('../images/play2_1.png') 0 0;  text-indent: -9999px; 
	position: absolute; top:0px; left: 0px; display: none; 
}
.rpgPicBtn .rpgPicBtn1{ top:430px; left: 300px; background-position: 0 0; }
.rpgPicBtn .rpgPicBtn2{ top:340px; left: 420px; background-position: 0 -200px;}
.rpgPicBtn .rpgPicBtn3{ top:470px; left: 500px; background-position: 0 -400px;}
.rpgPicBtn .rpgPicBtn4{ top:250px; left: 640px; background-position: 0 -600px;}
.rpgPicBtn .rpgPicBtn5{ top:390px; left: 700px; background-position: 0 -800px; }@charset "gb2312";
/* =s Reset (by YUI 3) */
html{color:#000;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
/* =e Reset */

/* =s base */
html,body{height:100%;background:#111b20;}
body{font-family:"Microsoft YaHei",simSun,Arial;line-height:1.5;font-size:12px;color:#000;}
i{font-style:normal;}
a{color:#000;-webkit-transition:color .3s ease-out;-moz-transition:color .3s ease-out;transition:color .3s ease-out;}
a:hover{color:#F60;}
a.under:link,a.under:active,a.under:visited,a.under:hover{text-decoration:underline;}

/****global****/
.fl{ display:inline; float: left; }
.g-clr { zoom: 1; }
.g-clr:after { display: block; clear: both; height: 0; content: "\0020"; }
.g-thide { text-indent: -9999px; }
.yh{ font-family:"Microsoft YaHei"; }
.st{ font-family:simSun; }
.dpn{ display: none; }

#NIE-topBar { height: 40px; background-color: #fff; }

#footer { clear: both; position: relative; text-align: left; height:65px; background: url('../images/footer.jpg') repeat-x 0 0; }
.borderT{ border-top: 1px solid #272727;  }
#footer, #footer a { text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#NIE-copyRight { color:#4f5051; width:760px; }
#NIE-copyRight a { color:#4f5051; }
#NIE-copyRight .l1 { padding-bottom: 10px; }

/* layout */
#wrap, .dBg, #footer, .topBar, .nav{ max-width: 1680px; min-width: 1050px; _width:expression((document.documentElement.clientWidth>1920||document.body.clientWidth>1920)?"1920px":((document.documentElement.clientWidth<1050||document.body.clientWidth<1050)?"1050px":"100%"));}
#wrap{ margin:0 auto;  overflow:hidden; position: relative; }
#wrap .thide{ position: absolute; top:0px; left:-9999px; text-indent:-9999px; }
.inner{ width:1050px; margin:0 auto; position: relative; }
.topBar{ height:36px; line-height:36px; border-bottom:1px solid #1e3142; background-color:#121314; }
.topBar .btn a{ color:#787878; text-decoration: none; line-height: 100%; padding:0 12px; border-right:1px dotted #787878; }
.topBar .btn .first{ padding-left:73px; }
.topBar .btn .last{ border-right:none; }
.topBar .btn a:hover{ text-decoration: underline; }
.logo{ display:block; width:260px; height:90px; text-indent: -9999px; z-index: 100; }
.logo_1{ display:inline; float:left; width:225px; height:110px; text-indent: -9999px; }

/* share */
.shareBox{ position: relative; width:180px; height:25px; background: url('../images/share.png') no-repeat 0 0; z-index: 100; }
#topShare{ position: absolute; left:40px; top:3px; }
#topShare .NIE-share1 .NIE-share-iconBtn a img{width: 20px;height: 20px;background: none!important;}
#topShare .NIE-share1 .NIE-share-more em{background: none;}
#topShare .NIE-share-iconBtn a{margin-right: 2px;}

.index .inner{ margin:0px; height:100%; }
.index .content{ height:847px; overflow: hidden; background: url('../images/index.jpg') no-repeat 0 0; }
.index .logo{ position: absolute; top:65px; left:100px; }
.index .shareBox{ position: absolute; top:370px; left:33px; }
#enter a, #enter span{ display:block; width:780px; height:847px; text-indent:-9999px; position: absolute; top:0px; }
#enter .hero{ left:353px; }
#enter .sports{ left:614px; }
#enter .rhythm{ left:873px; }
#enter .play{ left:1133px; }
#enter span{ width:427px; }
#enter .heroBg{ left:269px; background: url('../images/enter.jpg') no-repeat  0px 0px; }
#enter .sportsBg{ left:529px; background: url('../images/enter.jpg') no-repeat -430px 0px;  }
#enter .rhythmBg{ left:789px; background: url('../images/enter.jpg') no-repeat -860px 0px;  }
#enter .playBg{ left:1049px; background: url('../images/enter.jpg') no-repeat -1290px 0px;  }

.ny .topBar{ background: url('../images/topbar.jpg') no-repeat center 0; }
.ny .topBar .btn{ display:inline; float:right; }
.ny .inner{ height: 100%; }
.ny .shareBox{ display: inline; float: right;  background-position: 0 -30px; margin:7px 0  0 12px ; }

.ny .nav{ height:110px; background: url('../images/nav.jpg') no-repeat center 0; }
.ny .enterBtn{ display: inline; float: right; margin-right:20px; }
.ny .enterBtn li{ display: inline; float: left; width:138px; height:110px; }
.ny .enterBtn a{ display: block; width:100%; height: 100%; text-align:center; text-indent: -9999px; }
.ny .enterBtn a:hover, .ny .enterBtn a.select{ background: url('../images/navhover.png') no-repeat 0 0; position: relative; height:111px; width:155px; }
.ny .enterBtn a:hover{ z-index:1; }
.ny .enterBtn a.select{ z-index:2; }
.ny .enterBtn .return a:hover, .ny .enterBtn .return a.select{ top:0px; left:-11px; background-position: 0 0; }
.ny .enterBtn .hero a:hover, .ny .enterBtn .hero a.select{ top:0px; left:-13px; background-position: -197px 0; }
.ny .enterBtn .sports a:hover, .ny .enterBtn .sports a.select{ top:0px; left:-11px; background-position: -397px 0; }
.ny .enterBtn .rhythm a:hover, .ny .enterBtn .rhythm a.select{ top:0px; left:-11px; background-position: -596px 0; }
.ny .enterBtn .play a:hover, .ny .enterBtn .play a.select{ top:0px; left:-9px; background-position: -796px 0; }

.hero .topBar{ background: center 0; }
.hero .content{ height:740px; background: url('../images/hero.jpg') no-repeat center 0; }
.hero .flash1{ background: #000; border:1px solid #045d6b; width:260px; height: 140px; margin-bottom:8px; }
.hero a.heroEnter{ display:block; width:265px; height: 70px; background: url('../images/enterherobtn.jpg') no-repeat 0 0; text-indent: -9999px; }
.hero .heroText{ position: absolute; top:196px; left: 460px; width:315px; color:#bfbfbf; line-height: 160%; }
.hero .heroText .p1{ height:102px; }
.hero .heroText .p2{ width:265px; height:65px; }

.sports .topBar{ background: center -40px; }
.sports .topBar .btn{ margin-right:13px; }
.sports .topBar .btn a{ border-left: 1px dotted #787878; border-right:none; }
.sports .content{ height:740px; background: url('../images/sports.jpg') no-repeat center 0; }
.sports .tab{ padding:230px 0 0 0; overflow: hidden; }
.sports .tabs, .sports .tabCon, .sports .tabBg, .sports .tabMain{ display: inline; float: left; }
.sports .tabs{ width:93px; margin-left:89px; }
.sports .tabCon{ width:675px; overflow: hidden; }
.sports .tabBg{ width:139px; width:140px\9; height: 300px;  background: url('../images/sportstab.png') no-repeat 0 0; }
.sports .tabMain{ width:535px; height: 480px; overflow: hidden; }
.sports .tabs li{ width:93px; height: 29px; line-height: 29px; text-align:center; color:#00f6ff; margin-bottom:33px; font-size: 14px; 
	background: url('../images/sportstab.png') no-repeat 0 0;
}
.sports .tabs li:hover, .sports .tabs li.current { color:#d0aa7a; background-position: 0 -50px; }
.sports .tabSCon { display:none; }
.sports .current { display:block; }
.sports .tabSCon1 .tabBg{ background-position: -100px 0; }
.sports .tabSCon2 .tabBg{ background-position: -250px 0; }
.sports .tabSCon3 .tabBg{ background-position: -400px 0; }
.sports .tabSCon4 .tabBg{ background-position: -550px 0; }
.sports .tabSCon5 .tabBg{ background-position: -700px 0; }
.sports .tabSCon h3{ width:350px; height: 29px; text-indent: -9999px;  background: url('../images/sportstab.png') no-repeat 0 -300px; }
.sports .tabSCon1 h3{ background-position: 0 -300px; }
.sports .tabSCon2 h3{ background-position: -400px -300px; }
.sports .tabSCon3 h3{ background-position: 0 -340px; }
.sports .tabSCon4 h3{ background-position: -400px -340px; }
.sports .tabSCon5 h3{ background-position: 0 -380px; }
.sports .tabCBox{ width:534px; height: 431px; *margin-left:1px; font-size:16px; color:#9a9a9a; position: relative;  overflow: hidden; }
.sports .tabSCon1 .tabCBox1{ background: url('../images/sports_1.jpg') no-repeat 0 0; }
.sports .tabSCon1 .tabCBox2{ background: url('../images/sports_1.jpg') no-repeat 0 -780px;}
.sports .tabSCon1 a.positionPic{ cursor:pointer; color:#9a9a9a; display: block; width:370px; height: 310px; position: absolute; top:94px; left:85px; }
.sports .tabSCon1 a.positionPic:hover{ color:#00f7ff; background: url('../images/sports_1.jpg') no-repeat 0 -450px; }
.sports .tabSCon1 a.positionPic span{ width:75px; display: block; position: absolute; line-height: 130%; }
.sports .tabSCon1 .pos1{ top:0px; left:150px; }
.sports .tabSCon1 .pos2{ top:106px; left:298px; }
.sports .tabSCon1 .pos3{ top:252px; left:253px; }
.sports .tabSCon1 .pos4{ top:250px; left:47px; }
.sports .tabSCon1 .pos5{ top:106px; left:2px; }
.sports .tipText { color:#b2b2b2; font-size: 12px; width:450px; margin:340px auto 0; line-height: 180%; }
.sports .tipText strong{ color:#00f4ff; }
.sports .tipText .fsize18{ font-size: 18px; }
.sports .tipText .bd{ font-weight:bold; }
.sports .tipText .pb5{ padding-bottom:5px;  }
.sports .tipText1{ color:#9e9e9e; font-size: 24px; font-weight: bold; width:450px; margin:320px auto 0; 
		text-align:center; text-decoration: underline; line-height: 140%;
	}
.sports .tipText2{ color:#9e9e9e; font-size: 24px; font-weight: bold; width:450px; margin:190px auto 0; 
		text-align:center; text-decoration: underline; line-height: 180%;
	}
.sports .tipText3 { color:#b2b2b2; font-size: 12px; width:340px; margin:170px 0 0 45px; line-height: 180%; }
.sports .tipText3 h4{ color:#00f6ff; font-size: 24px; font-weight: bold; margin-bottom:10px; }
.sports .tipText3 strong{ color:#00f4ff; }
.sports .tabSCon2 .tabCBox1{ background: url('../images/sports_2.jpg') no-repeat 0 0; }
.sports .tabSCon2 .tabCBox2{ background: url('../images/sports_2.jpg') no-repeat 0 -550px; }
.sports .tabSCon2 a.beginMatch{ display: block; width:225px; height: 56px; cursor: pointer; text-indent: -9999px; position: absolute; top:162px; left:156px; }
.sports .tabSCon2 a:hover.beginMatch{ background: url('../images/sports_2.jpg') no-repeat 0 -450px; }
.sports .tabSCon3 .tabCBox1{ background: url('../images/sports_3.jpg') no-repeat 0 0; }
.sports .tabSCon3 .tabCBox2{ background: url('../images/sports_3.jpg') no-repeat 0 -450px; }
.sports .tabSCon3 .tabCBox3{ background: url('../images/sports_3.jpg') no-repeat 0 -900px; }
.sports .tabSCon3 a.method{ display: block; width:300px; height: 56px; cursor: pointer; text-indent: -9999px; position: absolute; top:325px; left:115px; }
.sports .tabSCon4 .tabCBox1{ background: url('../images/sports_4.jpg') no-repeat 0 0; }
.sports .tabSCon4 .tabCBox2{ background: url('../images/sports_4.jpg') no-repeat 0 -450px; }
.sports .tabSCon4 .tabCBox3{ background: url('../images/sports_4.jpg') no-repeat 0 -900px; }
.sports .tabSCon4 .tabCBox4{ background: url('../images/sports_4.jpg') no-repeat 0 -1350px; }
.sports .tabSCon4 a.method{ display: block; width:300px; height: 56px; cursor: pointer; text-indent: -9999px; position: absolute; top:305px; left:115px; }
.sports .tabSCon4 .tabCBox4 .tipText3{ width:450px; margin:320px auto 0; }
.sports .tabSBox4 .tipText3{ width:450px; margin:320px auto 0; }
.sports .tabSCon5 .tabCBox1{ background: url('../images/sports_5.jpg') no-repeat 0 0; }
.sports .tabSCon5 .tabCBox2{ background: url('../images/sports_5.jpg') no-repeat 0 -450px; }
.sports .tabSCon5 .tabCBox3{ background: url('../images/sports_5.jpg') no-repeat 0 -900px; }
.sports .tabSCon5 a.method{ display: block; width:300px; height: 56px; cursor: pointer; text-indent: -9999px; position: absolute; top:305px; left:115px; }
.sports .tabSCon5 h4{ position: absolute; top:68px; left:260px; font-size: 18px; font-weight: bold; color:#00bac1;  }
.sports .tabSCon5 .tabCBox2 .method{ left:225px; top:170px; }
.sports .tabSCon5 .tabCBox3 .tipText{ margin-top:306px;  }
.sports .tabSCon5 .tabCBox1 .tipText{ margin-top:90px;  }
.sports .tabSCon5 .tipText4{ color:#b1b1b1; font-size: 12px; line-height: 190%; padding:150px 0 0 220px; }
.sports .tabSCon5 .tipText4 p{ height:100px; }

.rhythm .topBar{ background: center -80px; }
.rhythm .content{ height:740px; background: url('../images/rhythm.jpg') no-repeat center 0; }
.rhythm_btn a{ display: block; text-decoration: none; width:315px; height: 160px; color:#00f4fd; font-size: 14px; 
	background: url('../images/rhythm_1.png') no-repeat 0 0; position: absolute;
}
.rhythm_btn a:hover{ color:#d0aa7a; text-decoration: none; }
.rhythm_btn a span{ display: block; cursor: pointer; height:29px; line-height: 29px; text-align:center; background: url('../images/rhythm_1.png') no-repeat 0 0; }
.rhythm_btn a.animal{ background-position: 0 -132px; top:203px; left:75px; }
.rhythm_btn a.animal span{ width:93px; background-position: 0 -690px; }
.rhythm_btn a:hover.animal{ background-position: 0 28px; }
.rhythm_btn a:hover.animal span{ background-position: -150px -690px; }
.rhythm_btn a.riding{ background-position: 0 -452px; padding-left:220px; width: 94px; top:203px; left:620px; }
.rhythm_btn a.riding span{ width:93px; background-position: 0 -740px; }
.rhythm_btn a:hover.riding{ background-position: 0 -292px; }
.rhythm_btn a:hover.riding span{  background-position: -150px -740px; }
.rhythm_btn a.skill{ background-position: 0 -132px; top:310px; left:27px; } 
.rhythm_btn a.skill span{ width:111px; background-position: 0 -640px; }
.rhythm_btn a:hover.skill{ background-position: 0 28px; }
.rhythm_btn a:hover.skill span{ background-position: -150px -640px; }
.rhythm_btn a.speed{ background-position: 0 -452px; padding-left:202px; width: 112px; top:346px; left:700px; }
.rhythm_btn a.speed span{ width:111px; background-position: 0 -790px; }
.rhythm_btn a:hover.speed{ background-position: 0 -292px; }
.rhythm_btn a:hover.speed span{  background-position: -150px -790px; }

.animal .topBar{ background: center -80px; }
.animal .content{ height:740px; background: url('../images/animal.jpg') no-repeat center 0; }

.skill .topBar{ background: center -80px; }
.skill .content{ height:740px; background: url('../images/skill.jpg') no-repeat center 0; }

.riding .topBar{ background: center -80px; }
.riding .content{ height:740px; background: url('../images/riding.jpg') no-repeat center 0; }

.speed .topBar{ background: center -80px; }
.speed .content{ height:740px; background: url('../images/speed.jpg') no-repeat center 0; }

.rhythmBtnBox a{ display: block; width: 48px; height: 48px; text-indent: -9999px; position: absolute; }
.rhythmBtnBox a:hover{ background: url('../images/rhythmicon.png') no-repeat 0 0; }

.animal .ridingBtn{ top:406px; left:279px; }
.animal .skillBtn{ top:474px; left:118px; }
.animal .speedBtn{ top:445px; left:268px; }

.skill .animalBtn{ top:420px; left:167px; }
.skill .ridingBtn{ top:405px; left:280px; }
.skill .speedBtn{ top:446px; left:270px; }

.riding .animalBtn{ top:420px; left:167px; }
.riding .skillBtn{ top:474px; left:118px; }
.riding .speedBtn{ top:446px; left:270px; }

.speed .animalBtn{ top:420px; left:167px; }
.speed .ridingBtn{ top:405px; left:280px; }
.speed .skillBtn{ top:474px; left:118px; }

.rhythmMainBox{ width:536px; height:360px; position: absolute; top:327px; right:25px; }
.skill .rhythmMainBox{ top:287px; }
.rhythmMainBox1{ width:444px;  }
.rhythmMainBox1 .video{ height: 243px; width:442px; background-color: #000; border:1px solid #006164; overflow: hidden; }
.rhythmMainBox1 .text{ color:#c0c0c0; margin-top:8px; }
.rhythmMainBox1 .text strong{ color:#12eaf2; }
.rhythmMainBox1 .detailBtn{ display: inline; float: right; width: 95px; height: 23px; line-height: 23px; 
	background: url('../images/btn.jpg') 0 0 no-repeat; color:#2b2b2b; text-indent: 28px; cursor:pointer;
	margin-top:5px; 
}
.rhythmMainBox2{ width:534px; height: 247px; overflow: hidden; background: url('../images/speed_1.jpg') no-repeat 0 0; border:1px solid #006164;  position: relative; }
.returnMainBox{ display: block; width: 40px; height: 40px; cursor: pointer; position: absolute; top: 0px; right: 0px; text-indent: -9999px; }
.rhythmMainBox2 .video{ height: 167px; width:297px; background-color: #000; overflow: hidden; 
	margin:40px 0 0 40px;
}
.rhythmMainBox2 .text{ width:140px; position: absolute; top:40px; right:40px; color:#c0c0c0;} 
.rhythmMainBox2 .text strong{ color:#12eaf2; }
.rhythmMainBox2 .text h4{ font-size: 14px; margin-bottom:5px; color: #00f6ff; }
.rhythmMainBox3{ width:534px; height: 271px; overflow: hidden; background: url('../images/speed_2.jpg') no-repeat 0 0; border:1px solid #006164;  position: relative; }
.rhythmMainBox3 .tabs{ width:534px; height:40px; line-height: 40px; background: url('../images/speed_3.jpg') no-repeat 0 0; overflow: hidden; }
.rhythmMainBox3 .tabs strong{ display: block;  font-size: 14px;  text-align: center; width:100%; 
		height: 40px; line-height: 40px;
	}
.rhythmMainBox3 .tabs li{ display: inline; float: left; color:#a0a2a3; height: 40px;}
.rhythmMainBox3 .tabs .li1{ width:100px; }
.rhythmMainBox3 .tabs .li2{ width:92px; }
.rhythmMainBox3 .tabs .li3{ width:92px; }
.rhythmMainBox3 .tabs .li4{ width:99px; }
.rhythmMainBox3 .tabs li.current.li1 strong, .rhythmMainBox3 .tabs li:hover.li1 strong{
	width:99px; border-right:1px solid #185059; background: url('../images/speed_3.jpg') no-repeat 0 -50px;
}
.rhythmMainBox3 .tabs li.current.li2 strong, .rhythmMainBox3 .tabs li:hover.li2 strong{
	width:91px; border-right:1px solid #185059; border-left:1px solid #185059; background: url('../images/speed_3.jpg') no-repeat -100px -50px;
	position: relative; left:-1px; 
}
.rhythmMainBox3 .tabs li.current.li3 strong, .rhythmMainBox3 .tabs li:hover.li3 strong{
	width:91px; border-right:1px solid #185059; border-left:1px solid #185059; background: url('../images/speed_3.jpg') no-repeat -192px -50px;
	position: relative; left:-1px; 
}
.rhythmMainBox3 .tabs li.current.li4 strong, .rhythmMainBox3 .tabs li:hover.li4 strong{
	width:98px; border-right:1px solid #185059; border-left:1px solid #185059; background: url('../images/speed_3.jpg') no-repeat -285px -50px;
	
}
.rhythmMainBox3 .tabSCon { display:none; overflow: hidden; }
.rhythmMainBox3 .current { display:block; }
.rhythmMainBox3 .video{ height: 167px; width:297px; background-color: #000; overflow: hidden; 
	margin:30px 0 0 20px;
}
.rhythmMainBox3 .text{ width:180px; position: absolute; top:70px; right:20px; color:#c0c0c0;} 
.rhythmMainBox3 .text strong{color: #00f6ff; font-size: 14px; }
.rhythmMainBox3 .text h4{ font-size: 18px; font-weight: bold;  margin-bottom:5px; color: #00f6ff; }
.rhythmMainBox4{ width:534px; height:332px; overflow: hidden; background: url('../images/speed_4.jpg') no-repeat 0 0; border:1px solid #006164;  position: relative; }
.rhythmMainBox4 .video{ height: 168px; width:295px; background-color: #000; overflow: hidden; 
	margin:120px 0 0 40px;
}
.rhythmMainBox4 .text{ width:160px; position: absolute; top:120px; right:20px; color:#c0c0c0;} 
.rhythmMainBox4 .text .fsize18{ font-size: 18px; }
.rhythmMainBox4 .text strong{ color:#12eaf2; }
.rhythmMainBox4 .detailBtn{ width: 95px; height: 23px; line-height: 23px; 
	background: url('../images/btn.jpg') 0 0 no-repeat; color:#2b2b2b; text-indent: 28px; cursor:pointer;
	 position: absolute; top:260px; right:85px;
}
.rhythmMainBox5{ width:534px; height: 361px; overflow: hidden; border:1px solid #006164;  position: relative; }
.rhythmMainBox5 .tabs{ width:534px; height:50px; line-height: 50px; background: url('../images/skill_2.jpg') no-repeat 0 0; overflow: hidden; }
.rhythmMainBox5 .tabs strong{ display: block;  font-size: 18px;  text-align: center; width:100%; 
		height: 50px; line-height: 50px; color:#a6a7a8; 
	}
.rhythmMainBox5 .tabs li{ display: inline; float: left; height: 50px;}
.rhythmMainBox5 .tabs .li1{ width:100px; }
.rhythmMainBox5 .tabs .li2{ width:92px; }
.rhythmMainBox5 .tabs .li3{ width:92px; }
.rhythmMainBox5 .tabs .li4{ width:91px; }
.rhythmMainBox5 .tabs .li5{ width:92px; }
.rhythmMainBox5 .tabs li.current strong, .rhythmMainBox5 .tabs li:hover strong{ color:#00f6ff; font-size: 24px; font-weight: bold; }
.rhythmMainBox5 .tabs li.current.li1 strong, .rhythmMainBox5 .tabs li:hover.li1 strong{
	width:99px; border-right:1px solid #185059; background: url('../images/skill_2.jpg') no-repeat 0 -60px;
}
.rhythmMainBox5 .tabs li.current.li2 strong, .rhythmMainBox5 .tabs li:hover.li2 strong{
	width:91px; border-right:1px solid #185059; border-left:1px solid #185059; background: url('../images/skill_2.jpg') no-repeat -100px -60px;
	position: relative; left:-1px; 
}
.rhythmMainBox5 .tabs li.current.li3 strong, .rhythmMainBox5 .tabs li:hover.li3 strong{
	width:91px; border-right:1px solid #185059; border-left:1px solid #185059; background: url('../images/skill_2.jpg') no-repeat -192px -60px;
	position: relative; left:-1px; 
}
.rhythmMainBox5 .tabs li.current.li4 strong, .rhythmMainBox5 .tabs li:hover.li4 strong{
	width:90px; border-right:1px solid #185059; border-left:1px solid #185059; background: url('../images/skill_2.jpg') no-repeat -285px -60px;
	position: relative; left:-1px; 
	
}
.rhythmMainBox5 .tabs li.current.li5 strong, .rhythmMainBox5 .tabs li:hover.li5 strong{
	width:91px; border-right:1px solid #185059; border-left:1px solid #185059; background: url('../images/skill_2.jpg') no-repeat -285px -60px;
	position: relative; left:-1px; 
	
}
.rhythmMainBox5 .tabSCon { display:none; overflow: hidden; width:534px; height: 311px; background: url('../images/skill_1.jpg') no-repeat 0px 0px;}
.rhythmMainBox5 .tabSCon1{ background-position: 0 0; }
.rhythmMainBox5 .tabSCon2{ background-position: 0 -320px; }
.rhythmMainBox5 .tabSCon3{ background-position: 0 -640px; }
.rhythmMainBox5 .tabSCon4{ background-position: 0 -960px; }
.rhythmMainBox5 .tabSCon5{ background-position: 0 -1280px; }
.rhythmMainBox5 .current { display:block; }
.rhythmMainBox5 h3{ font-size: 14px; font-weight: bold; color:#00f6ff; margin:30px 0 5px;  }
.rhythmMainBox5 p{ color:#dedede; }
.rhythmMainBox5 p strong{ color: #00f6ff; }
.rhythmMainBox5 h3, .rhythmMainBox5 p{ margin-left:25px; width:280px; }

.play .topBar{ background: center -120px; }
.play .topBar .btn{ margin-right:13px; }
.play .topBar .btn a{ border-left: 1px dotted #787878; border-right:none; }
.play .content{ height:740px; background: url('../images/play.jpg') no-repeat center 0; }
.play .play1{ background: url('../images/play1.jpg') no-repeat center 0; }
.play .play2{ background: url('../images/play2.jpg') no-repeat center 0; }
.play .playBtn a{ display: block; width:140px; height: 29px; line-height: 29px; text-align: center; 
	background: url('../images/playBtn.png') no-repeat 0 0; text-decoration: none; color:#00f6ff;
	position: absolute; left:24px; top:0px; 
}
.play .playBtn a:hover, .play .playBtn a.select{  background-position: 0 -35px; color:#d0aa7a; }
.play .playBtn .playBtn1{ top:228px; }
.play .playBtn .playBtn2{ top:290px; }
.play .playBtn .playBtn3{ top:353px; }
.playContent{ width:370px; position: absolute; top:255px; left:260px; color:#969696; line-height: 170%; }
.playContent .video{ width:368px; height: 203px; background-color: #000; border:1px solid #006164; overflow: hidden; margin-bottom:10px; }
.playContent strong{ color:#00f6ff; }
.playContent .playList{ margin-top:15px; }
.playContent .playList p{ background: url('../images/playBtn.png') no-repeat 0 -68px; padding-left:10px;  }

.playText{ width:310px; height: 220px; position: absolute; top:250px; right:80px;  color:#969696; line-height: 170%;} 
.playText strong{ color:#00f6ff; }
.playText p{ background: url('../images/playBtn.png') no-repeat 0 -68px; padding-left:10px;  }
.playText h3{ color:#00f6ff; font-size: 18px; margin:12px 0 3px; }
.playText1{ font-size: 14px; width:630px; position: absolute; top:494px; left: 280px; }

#img-scroll1 { position: absolute; top:560px; left:250px; width: 700px; height:75px;overflow:hidden;}
#img-scroll1 .prev, #img-scroll1 .next { background: url('../images/lr.png') no-repeat 0 0; display: block; height: 31px; width: 19px; position: absolute; top: 20px; cursor: pointer; outline: 0; text-indent: -9999px; z-index:88;  }
#img-scroll1 .prev { left:4px;  }
#img-scroll1 .next { right: 4px; background-position:-30px 0px;}
#img-scroll1 .img-list { position: relative; overflow: hidden; width: 620px;margin:0 40px; height:75px; overflow:hidden; }
#img-scroll1 .img-list ul {position:absolute;left:0;top:0;width:9999px;}
#img-scroll1 .img-list img{ width:130px; height: 73px; border:1px solid #006164; }
#img-scroll1 .img-list li { display: inline; float: left; text-align: center; margin-right:30px; }

.rpgBtn a{ display: block; width:30px; height: 30px; text-indent: -9999px; position: absolute; top:0px; left:0px; 
	cursor: pointer;
}
.rpgBtn .rpgBtn1{ top:505px; left: 465px; }
.rpgBtn .rpgBtn2{ top:415px; left: 572px; }
.rpgBtn .rpgBtn3{ top:530px; left: 650px; }
.rpgBtn .rpgBtn4{ top:320px; left: 700px; }
.rpgBtn .rpgBtn5{ top:435px; left: 770px; }

.rpgPicBtn a{ width:248px; height: 165px; display: block; background: url('../images/play2_1.png') 0 0;  text-indent: -9999px; 
	position: absolute; top:0px; left: 0px; display: none; 
}
.rpgPicBtn .rpgPicBtn1{ top:430px; left: 300px; background-position: 0 0; }
.rpgPicBtn .rpgPicBtn2{ top:340px; left: 420px; background-position: 0 -200px;}
.rpgPicBtn .rpgPicBtn3{ top:470px; left: 500px; background-position: 0 -400px;}
.rpgPicBtn .rpgPicBtn4{ top:250px; left: 640px; background-position: 0 -600px;}
.rpgPicBtn .rpgPicBtn5{ top:390px; left: 700px; background-position: 0 -800px; }