.overview-content { position: relative; font-size: 18px; color: #000000; line-height: 1.5; font-weight:400; text-align:left; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.overview-content .clearFix { *zoom:1;}
.overview-content .clearFix:after { content:''; display:table; clear:both; height:0; visibility:hidden;}
.overview-content .clearFix:before { content:''; display:table; clear:both; height:0; visibility:hidden;}
.overview-content .w960 { position:relative; width:960px; margin:0 auto;}
.overview-content .w1200 { position:relative; width:1200px; margin:0 auto;}
.overview-content h2 { padding:60px 0 25px 0; font-size:50px; color:#000; font-weight:400; line-height:1.2;}
.overview-content p { margin-bottom:0px;}
.overview-content .fz24 { font-size:24px;}
.overview-content .white { color:#fff;}
.overview-content .mb { margin-bottom:30px;}
.overview-content .index { z-index:10;}
.overview-content .transition { transition:all ease-out 0.8s; -webkit-transition:all ease-out 0.8s; -moz-transition:all ease-out 0.8s; -o-transition:all ease-out 0.8s;}
/*.overview-content .animate { opacity:0; filter: alpha(opacity = 0); transform:translate3d(0, 50px, 0); -webkit-transform:translate3d(0, 50px, 0); -moz-transform:translate3d(0, 50px, 0); -o-transform:translate3d(0, 50px, 0);}
.overview-content .transition-delay { transition-delay:0.5s; -webkit-transition-delay:0.5s; -moz-transition-delay:0.5s; -o-transition-delay:0.5s;}*/

.overview-content .a { height:960px; background:url(a.jpg) 50% 0 no-repeat; text-align:center;}
.overview-content .a h2 { padding-top:120px;font-weight:500;}
.overview-content .a h2 br { display:none;}
.overview-content .a p span { margin-left:32px;}
.overview-content .a p+p{margin-top:2em;}
.overview-content .a p>img{max-width: 100%;}
.overview-content .a .shadow { position:absolute; top:885px; left:0px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none;}
.overview-content .a #scroll-a { position:absolute; left:343px; top:455px; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.overview-content .a .close { position:absolute; left:114px; top:78px; width:49px; visibility:hidden;}

.overview-content .b { height:1426px; background:url(b.jpg) 50% 0 no-repeat;}
.overview-content .b .text { width:680px; padding-top:960px; transition-delay:1s; -webkit-transition-delay:1s; -moz-transition-delay:1s; -o-transition-delay:1s;}

.overview-content .c { height:960px; background:url(c.jpg) 50% 0 no-repeat; color:#fff;}
.overview-content .c h2 { padding-top:210px; color:#fff;}
.overview-content .c p { width:470px;}

.overview-content .d { height:1290px; background:url(d.jpg) 50% bottom no-repeat; text-align:center;}
.overview-content .d .text { width:740px; margin:0 auto;}

.overview-content .e { height:960px; overflow:hidden; background:#fafafa url(e.jpg) 50% bottom no-repeat;}
.overview-content .e .int { padding:20px 0 100px 665px; color:#646464;}
.overview-content .e .int dt { margin-top:60px; font-size:36px;}
.overview-content .e .int .line { width:65px; height:0px; margin-top:12px; border-top:1px solid #919191;}
.overview-content .e p { width:500px;}
.overview-content .e .shadow { position:absolute; left:0px; top:750px; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; display:none;}
.overview-content .e .scroll { position:absolute; left:195px; top:-95px; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}
.overview-content .e .scroll-c { left:688px; top:300px;}

.overview-content .f { height:960px; background:url(f.jpg) 50% 0 no-repeat; color:#fff;}
.overview-content .f h2 { width:600px; margin-left:70px; padding-top:300px; color:#fff;}
.overview-content .f p { width:520px; margin-left:70px;}

.overview-content .g { position:relative; height:961px; background:url(g-1.jpg) 50% 0 no-repeat; overflow:hidden;}
.overview-content .g .text { width:433px; padding-top:140px;}
.overview-content .g #smoke { position:absolute; right:-248px; top:5px; width:400px; height:400px;}
.overview-content .g .smoke { position:absolute; left:0px; top:0px;}
.overview-content .g #window { position:absolute; left:-10px; top:0px;}
.overview-content .g #window img { position:absolute; left:0px; top:0px;}
.overview-content .close { position:absolute; right:234px; top:440px; width:17px; visibility:hidden;}

.overview-content .h { height:955px; background:url(h.jpg) 50% 0 no-repeat;}

.overview-content .i { height:961px; background:url(i.jpg) 50% 50% no-repeat;}
.overview-content .i .text { width:700px; padding-top:70px;}
.overview-content .i a { text-decoration:none; color:#000;}
.overview-content .i .link { display:block; position:absolute; width:180px; height:60px; top:452px;}
.overview-content .i .apple { left:63px;}
.overview-content .i .android { left:250px;}

.overview-content .j { padding-bottom: 150px;}
/*.overview-content .j ul { margin-top:150px;}*/
.overview-content .j li { float:left; width:273px; margin-top:150px; font-size:14px; text-align:center; line-height:1.8;}
.overview-content .j .lb { width:307px; margin:150px 180px 0;}
.overview-content .j .lc { width:218px;}
.overview-content .j dt { margin-bottom:10px; font-size:26px; line-height: 1.2; font-weight:300; }
.overview-content .j li b { display:block; width:50px; height:50px; margin:0 auto 10px auto; background:url(icon_j.png) 6px 0 no-repeat;}
.overview-content .j .ua .lb b { background-position:-176px 0;}
.overview-content .j .ua .lc b { background-position:-400px 0;}
.overview-content .j .ua .ld b { background-position:9px -160px;}
.overview-content .j .ua .le b { width:135px; background-position:-154px -170px;}
.overview-content .j .ua .lf b { background-position:-400px -165px;}

.overview-content .tag-nav { position:absolute; top:35px; right:25px; z-index:10; width:38px; font-weight:300; }
.overview-content .tag-nav .top,
.overview-content .tag-nav .bottom { position:static; display:block; width:100%; height:17px; overflow:hidden; padding:0; margin:0; background:url(tagnav_bg.png) no-repeat 0 0; }
.overview-content .tag-nav .bottom { background-position: 0 -76px; }
.overview-content .tag-nav .body { position:static; display:block; width:100%; height:auto; padding:0; margin:0; background:url(tagnav_bg-body.png) repeat-y 0 0; list-style:none; }
.overview-content .tag-nav .body li { position:static; margin:0; padding:0; text-align:left; list-style:none; line-height:1; }
.overview-content .tag-nav .body li b { position:static; display:block; width:14px; height:14px; overflow:hidden; margin:5px auto; background:url(tagnav_bg.png) no-repeat 0 100%; }
.overview-content .tag-nav .body li strong { position:absolute; right:50px; top:3px; width:200px; text-align:right; white-space:nowrap; font-weight:normal; visibility:hidden; }
.overview-content .tag-nav .body li a,
.overview-content .tag-nav .body li a:hover { font-size:15px; color:#7F7F7F; text-decoration:none; }
.overview-content .tag-nav .body li a { position:relative; display:block; }
.overview-content .tag-nav .body li.active b { background-position: -14px 100%; }
.overview-content .tag-nav .body li a:hover strong { visibility:visible; }

@media screen and (max-width : 768px) {
	.overview-content { min-width:320px; font-weight:300;}
	.overview-content .w960, .overview-content .w1200 { width:auto; height:auto;}
	.overview-content .transition { transition:none; -moz-transition:none; -webkit-transition:none; -o-transform:none;}
	.overview-content .animate { opacity:1; transform:translate3d(0, 0, 0); -webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0);}
	.overview-content h2 { margin:0px; padding:30px 6% 15px; font-size:25px; font-weight:400;}
	.overview-content p { margin:0px; padding:0 6%; font-size:18px;}
	.overview-content .fz24 { font-size:inherit;}
	.overview-content .tag-nav, .overview-content .a #scroll-a, .overview-content .e .int, .overview-content .a .shadow, .overview-content .g #smoke, .overview-content .close, 		.overview-content .g #window { display:none !important;}
	.overview-content .mb { margin-bottom:0px;}
	.overview-content .a { height:133vw; background:url(mobile/a.jpg) 50% 0/100% auto no-repeat;}
	.overview-content .a h2 { padding:20px 6% 15px;}
	.overview-content .a h2 br { display:inherit;}
	.overview-content .a p span { margin:0px;}
  .overview-content .a p+p{margin-top:1em;}
	.overview-content .c p, .overview-content .d .text, .overview-content .e p, .overview-content .f p { width:auto; margin-left:0px;}
	.overview-content .b { height:auto; padding:70% 0 30%; background:url(mobile/b.jpg) 50% 0/100% auto no-repeat;}
	.overview-content .b .text { width:auto; padding:0px; transition-delay:0s; -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s;}
	.overview-content .b h2 { padding-right:22%;}
	.overview-content .c { position:relative; height:auto; padding-bottom:23%; background:url(mobile/c.jpg) 50% top/100% auto no-repeat;}
	.overview-content .c h2, .overview-content .c p { padding:30px 6% 15px; color:#000;}
	.overview-content .c p { padding-top:0px;}
	.overview-content .c .w1200 { background:#fff; width:80%; top:-80px; left:5%; margin:0px; box-shadow:0px -5px 20px #ccc; -webkit-box-shadow:0px -5px 20px #ccc; -moz-box-shadow:0px -5px 20px #ccc; }
	.overview-content .c .w1200:before { content:''; display:block; position:absolute; right:0px; top:0px; width:0px; height:80px; box-shadow:0px 0px 20px 3px #b3b1b1; -webkit-box-shadow:0px 0px 20px 3px #b3b1b1; -moz-box-shadow:0px 0px 20px 3px #b3b1b1; z-index:-1;}
	.overview-content .d { height:auto; padding-bottom:70%; background:url(mobile/d.jpg) 50% bottom/100% auto no-repeat; text-align:left;}
	.overview-content .e { height:auto; padding:53% 0 10%; background:#fafafa url(mobile/e.jpg) 50% 0/100% auto no-repeat;}
	.overview-content .e img { display:none;}
	.overview-content .f { height:auto; padding-bottom:32%; background:url(mobile/f.jpg) 50% 0/100% auto no-repeat;}
	.overview-content .f h2 { width:auto; padding:30px 6% 15px; margin-left:0px;}
	.overview-content .g { height:auto; padding-bottom:62%; background:url(mobile/g-1.jpg) 50% bottom/100% auto no-repeat;}
	.overview-content .g .w1200 { height:auto; background:url(mobile/g-2.jpg) 50% 0/100% 100% no-repeat;}
	.overview-content .g .text { width:auto; padding-top:0px;}
	.overview-content .h { height:0; padding-bottom:70%; background:url(mobile/h.jpg) 50% 0/100% auto no-repeat;}
	.overview-content .i { height:auto; padding-bottom:82%; background:url(mobile/i.jpg) 50% bottom/100% auto no-repeat;}
	.overview-content .i .text { width:auto; padding:0px;}
	.overview-content .i a { display:inline-block; padding:0 6%; font-size:16px;}
	.overview-content .i .link { top:106%; width:18%; height:27px; padding:0px;}
	.overview-content .i .apple { left:14%;}
	.overview-content .i .android { left:34%;}
	.overview-content .j { padding:0;}
	.overview-content .j ul { padding:30px 5%;}
	.overview-content .j li, .overview-content .j .lc, .overview-content .j .lb{ width:49%; margin:30px 0 0 0; text-align:left;}
	.overview-content .j li{float:none;display:inline-block;vertical-align: top}
	.overview-content .j li b { margin:0 0 10px;}
	.overview-content .j dt { font-size:20px; font-weight:400; line-height:1.2;}
	.overview-content .j dl { width:90%;}
}
@media screen and (max-width : 370px) and (min-width : 360px) {
	.overview-content .f { padding-bottom:29%;}
}
@media screen and (max-width : 340px) {
	.overview-content h2 { font-size:26px;}
	.overview-content p { font-size:16px;}	
	.overview-content .a h2 { padding-bottom:4px;}
	.overview-content .f { padding-bottom:28%;}
}