@charset "utf-8";
body { margin: 0; padding: 0; font-family: '微软雅黑', Arial, Helvetica, sans-serif; font-size: 12px; }
div, span, ul, li, p, h1, h2, h3, h4, h5, h6, img, p, dl, dt, dd { margin: 0; padding: 0; }
ul { list-style-type: none; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
img { border: 0; }
form { margin: 0; padding: 0; }
input { font-size: 12px; vertical-align: middle; }
.fl {  float: left;  _display: inline; }
.clearfix { *zoom: 1; }
.clearfix:after { display: block; overflow: hidden; clear: both; height: 0; visibility: hidden; content: "."; }
.hidden { display: none; }
.btn-b, .btn-s { background: url(i/spritebox.png) no-repeat; _background-image: url(i/spritebox.gif); }

/*.side {}*/
.side { width: 82px; height: 239px; display: block; position: fixed; _position: absolute; top: 50%; left: 50%; margin: -118px 0 0 505px; overflow: hidden; z-index: 100; _display: none; }
@media screen and (max-width:1170px) {
	.side { margin-right: 20px; right: 0; left: auto; }
}
#menu { width: 82px; height: 239px; position: absolute; left: 0; top: 0; }
#menu li a { display: block; width: 81px; height: 30px; background-image: url(i/scroll-nav.png?t=1); position: absolute; transition: all 1s; }
.a1 { background-position: 0 0; top: 0; }
.a2 { background-position: 0 -32px; top: 32px; }
.a3 { background-position: 0 -64px; top: 64px; }
.a4 { background-position: 0 -96px; top: 96px; }
.a5 { background-position: 0 -128px; top: 128px; }
.a6 { background-position: 0 -160px; top: 160px; }
.a7 { background-position: 0 -192px; top: 192px; }
.a8 { background-position: 0 -224px; top: 224px; }
#menu a:hover, #menu .active a { background-image: url(i/scroll-nav-on.png?t=1); }
.top { width: 1000px; position: fixed; _position: absolute; top: 0; left: 50%; _top: expression(documentElement.scrollTop + 340 +'px'); margin-left: -500px; z-index: 10; }
.logo { width: 197px; height: 65px; position: absolute; left: 0; top: 0; background-image: url(i/boxlogo.png); _background-image: url(i/logo.gif); }
.links { float: right; margin-top: 22px; height: 16px; }
.links a { display: inline; height: 16px; font-size: 14px; line-height: 16px; text-align: center; padding-bottom: 5px; color: #fff; vertical-align: middle; position: relative; }
.links i { position: absolute; height: 0; border-bottom: 3px solid #fff100; top: 22px; width: 0px; left: 50%; }
.links a:hover i { width: 100%; margin-left: -50%; transition: all 0.3s linear; }
.links li { float: left; height: 12px; padding: 0 14px; }
.links li.current a, .link li.hover a {	/*border-bottom: 3px solid #fff100*/ }
.full-first-page .btn-s { display: inline; }
.section { overflow: hidden; background-size: cover; }
.section-1 { background-image: url(i/bg01.jpg); }
.section-2 { background-image: url(i/bg02.jpg); }
.section-3 { background-image: url(i/bg03.jpg); }
.section-4 { background-image: url(i/bg04.jpg); }
.section-5 { background-image: url(i/bg05.jpg); }
.section-6 { background-image: url(i/bg06.jpg); }
.section-7 { background-image: url(i/bg07.jpg); }
.section-8 { background-image: url(i/bg08.jpg); }
.btn-b { display: block; background-position: -14px -132px; width: 240px; height: 62px; }
.btn-b:hover { background-position: -14px -223px; }
.btn-s { display: block; position: absolute; top: 18px; left: 224px; background-position: -14px -14px; width: 100px; height: 30px; }
.btn-s:hover { background-position: -14px -73px; }
.section .td { position: absolute; left: 50%; margin-top: -50px; }
.section .title_0 { top: 140px; }

/*相应大屏幕*/
@media screen and (min-height:785px) {
	.section .td { margin-top: 0px; }
}

/* section1 */
.t1-1 { background-image: url(i/page-1-1.png); width: 273px; height: 310px; top: 140px; z-index: 10; margin-left: -136px; }
.t1-2 { background-image: url(i/page-1-2.png); width: 346px; height: 98px; z-index: 10; margin-left: -173px; top: 480px; }
.t1-ico { width: 122px; top: 220px; height: 122px; background-image: url(i/page-1-ico.png); }
.t1-3 { margin-left: -288px; }
.t1-4 { background-position: -212px 0; margin-left: -450px; }
.t1-5 { background-position: -424px 0; margin-left: 166px; }
.t1-6 { background-position: -636px 0; margin-left: 328px; }
.section-1 .t-btn { margin-left: -120px; top: 600px; }
.section-1 .t1-7 { color: #66859e; width: 100%; text-align: center; left: 0; top: 670px; }

/* section2 */
.t2-1 { background-image: url(i/page-2-1.png); width: 320px; height: 65px; margin-left: -320px; }
.t2-2 { background-image: url(i/page-2-2.png); width: 701px; height: 310px; z-index: 10; margin-left: -350px; top: 260px; }
.t2-3 { background-image: url(i/page-2-3.png); width: 263px; height: 237px; top: 480px; margin-left: -131px; }

/* section3 */
.t3-1 { background-image: url(i/page-3-1.png); width: 576px; height: 74px; margin-left: -288px; }
.t3-2 { background-image: url(i/page-3-2.png); width: 310px; height: 247px; margin-left: -155px; top: 460px; }
.t3-3 { background-image: url(i/page-3-3.png); width: 284px; height: 192px; top: 461px; margin-left: -142px; z-index: 10; }
.active .t3-3 { margin-left: -336px; top: 269px; }
.t3-4 { background-image: url(i/page-3-4.png); width: 240px; height: 162px; top: 461px; margin-left: -120px; z-index: 5; }
.active .t3-4 { margin-left: 90px; top: 357px; }
.t3-5 { background-image: url(i/page-3-5.png); width: 180px; height: 121px; top: 497px; margin-left: -90px; }

/* section4 */
.t4-1 { background-image: url(i/page-4-1.png); width: 578px; height: 74px; margin-left: -289px; }
.t4-2 { background-image: url(i/page-4-2.png); width: 371px; height: 374px; z-index: 10; margin-left: -186px; top: 260px; }
.t4-3 { background-image: url(i/page-4-3.png); width: 594px; height: 322px; top: 400px; margin-left: -291px; }

/* section5 */
.t5-1 { background-image: url(i/page-5-1.png); width: 715px; height: 74px; margin-left: -357px; }
.t5-2 { background-image: url(i/page-5-2.png); width: 374px; height: 341px; z-index: 10; margin-left: -187px; top: 270px; }
.t5-3 { background-image: url(i/page-5-3.png); width: 666px; height: 455px; top: 240px; margin-left: -335px; }

/* section6 */
.t6-1 { background-image: url(i/page-6-1.png); width: 571px; height: 74px; margin-left: -285px; }
.t6-2 { background-image: url(i/page-6-2.png); width: 374px; height: 342px; z-index: 10; margin-left: -187px; top: 250px; }
.t6-3 { background-image: url(i/page-6-3.png); width: 208px; height: 203px; top: 369px; margin-left: -2000px; }
.active .t6-3 { margin-left: -377px; }
.t6-4 { background-image: url(i/page-6-4.png); width: 190px; height: 134px; margin-left: 2000px; top: 440px; }
.active .t6-4 { margin-left: 151px; }

/* section7 */
.t7-1 { background-image: url(i/page-7-1.png); width: 612px; height: 74px; margin-left: -306px; }
.t7-2 { background-image: url(i/page-7-2.png); width: 424px; height: 296px; z-index: 10; margin-left: -212px; top: 250px; }
.t7-3 { background-image: url(i/page-7-3.png); width: 410px; height: 219px; margin-left: -363px; top: 390px; }
.t7-4 { background-image: url(i/page-7-4.png); width: 280px; height: 206px; top: 380px; margin-left: 100px; }

/* section8 */
.t8-1 { background-image: url(i/page-8-1.png); width: 263px; height: 291px; top: 210px; z-index: 3; margin-left: -2000px; }
.active .t8-1 { margin-left: -390px; }
.section-8 .t8-2 { background-image: url(i/page-8-2.png?t=1); width: 498px; height: 363px; top: 170px; z-index: 5; margin-left: -249px; }
.t8-3 { background-image: url(i/page-8-3.png); width: 261px; height: 291px; top: 210px; margin-left: 2000px; }
.active .t8-3 { margin-left: 123px; }
.section-8 .t-btn { margin-left: -120px; top: 555px; }

/* 动画 */
.intro { opacity: 0; transition: all 0.5s; font-size: 12px; }
.hgroup { -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }
.hgroup2 { opacity: 0; -webkit-transform: scale(0.1, 0.1); transform: scale(0.1, 0.1); transition: all 1s; }
.active .hgroup { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.7s; }
.active .hgroup2 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 1s; }
.intro2 { opacity: 0 }
.hgroup3 { opacity: 0; -webkit-transform: scale(0.4, 0.4); transform: scale(0.4, 0.4); transition: all 1s; }
.active .hgroup3 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 1.4s; }
.active .intro, .active .intro2 { opacity: 1; transition-duration: 1s; transition-delay: 0.5s; }

/**新增按钮样式 */
.section-8 .t8-btn-wrap{width:500px;margin-left: -250px;}
.btn-beta-b,.btn-beta-b:hover,.btn-beta-s,.btn-beta-s:hover{
	background-image: url(i/spritebtn.png);
}
.btn-beta-b,.btn-beta-b:hover{
	background-position: 0px -82px;
	width: 240px;
	height: 62px;
	font-size: 24px;line-height: 62px;color: #fff;text-indent: 79px;margin-left: 20px;
}
.btn-beta-b:hover{
	background-position: 0px 0px;
}
.btn-beta-s,.btn-beta-s:hover{
	background-position: -120px -164px;
	width: 100px;
	height: 30px;
}
.btn-beta-s:hover{
	background-position: 0px -164px;
}