html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, dl, dt, dd, ol,
ul, li, fieldset, form, label, legend, table, thead, tbody, tfoot,  tr, th, td, caption
{margin:0; padding:0; border:0;}
caption {visibility:hidden; width:0;height:0;text-indent:-9999px;}
select {vertical-align:top;}
ol, ul {list-style:none;}

.blind{visibility:hidden; width:0;height:0;text-indent:-9999px;}
.section{background:#ccc; overflow:hidden; min-width:1200px;}
.intro{width:100%; padding-top:/*287*/237px; position:relative; overflow:hidden;}
.intro .bg{position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
.intro .bg img{width:100%; height:100%; backface-visibility: hidden;}
.intro h1{font-size:50px; color:#fff; text-align:center; margin-bottom:20px; position:relative; z-index:100; font-weight:normal;}
.intro h1 strong{display:inline-block; padding:0 10px; background:rgba(0,0,0,0.7); color:#ff3300; font-weight:normal;}
.intro2 h1 strong{color:#70b910;}
.intro3 h1 strong{color:#00bff3;}
.intro p{font-size:/*28*/24px; color:#fff; text-align:center; line-height:/*34*/26px; margin-bottom:/*35*/27px; position:relative; z-index:1;}

.btn{display:block; width:218px; height:48px; border:1px solid #fff; font-size:20px; line-height:48px; text-align:center; margin:0 auto; color:#fff;}
.btn:hover{background:#fff; color:#000;}

#section0{height:auto;}
#fp-nav ul li a span{background:#333;}
#fp-nav{z-index: 500;}
.bx-wrapper {position: relative; margin:0 auto; padding:0; *zoom:1;}
.bx-wrapper img {max-width: 100%; display: block;}

.bx-pager {position:absolute; }



/*
.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; position:absolute; left:0; right:0; top:400px;}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}

.bx-wrapper .bx-pager.bx-default-pager a {background: transparent; text-indent: -9999px; display: block; width: 10px; height: 10px; border:3px solid #fff; margin: 0 8px; outline: 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff;}
*/
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -30px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999;}
.bx-wrapper .bx-controls-direction a.disabled {display: none;}


.bx-wrapper .bx-controls-direction .bx-prev {left:150px; border:0; width:35px; height:62px; background:url("/landing_w/_img/common/slider_left.png") no-repeat 0 0;}
.bx-wrapper .bx-controls-direction .bx-next {right:150px; border:0; width:35px; height:62px; background:url("/landing_w/_img/common/slider_right.png") no-repeat 0 0;}
.bx-wrapper .bx-controls-auto {text-align: center; position:absolute; left:50%; top:403px; margin-left:50px;} 
.bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(landing_w/_img/common/controls.png) -86px -11px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(landing_w/_img/common/controls.png) -86px -44px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}


/*
#slideNavi{position:fixed; z-index:500; top:50%; right:17px; opacity:1; -webkit-transform: translate3d(0,0,0); margin-top:-90px;}
#slideNavi ul{margin:0; padding:0;}
#slideNavi ul li{display:block; width:14px; height:13px; margin:7px; position:relative;}
#slideNavi ul li a{display:block; position:relative; z-index:1; width:100%; height:100%; cursor:pointer; text-decoration:none;}
#slideNavi ul li a span{content:""; display:block; border-radius:50%; position:absolute; z-index:1; height:10px; width:10px; border:0; background:#666; left:50%; top:50%; margin:-5px 0 0 -5px;     
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;}
#slideNavi ul li a.on span, #slideNavi ul li:hover a span{content:""; display:block; height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; background:#339900;}
#slideNavi ul li .tooltip{position: absolute; top: -4px; right:20px; color: #fff; font-size: 11px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; padding: 5px 5px; background:#339900; display: block; opacity: 0; width: 0; cursor: pointer; border-radius:2px;
}
#slideNavi ul li .tooltip::after{content:""; position:absolute; top:50%; margin-top:-6px; right:-4px; display:block; width:0; height:0; border-left: 6px solid #339900; border-top:6px solid transparent; border-bottom:6px solid transparent;}
#slideNavi ul li:hover .tooltip, #slideNavi ul li a.active + .tooltip{width:auto; opacity:1; -webkit-transition: width 0.2s ease-in;
    transition: width 0.2s ease-in;}
*/



/*common*/
.section, .intro {position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box; height:900px;}
.section-wrap{width:100%; height:100%;}

.obj{display:block; position:absolute; left:50%; z-index:50;}
.part-top{background:#fff;}
.part-top h1{font-size:35px; color:#000; font-weight:normal; text-align:center; position:relative; z-index:100; margin-bottom:25px;}
.part-top p{font-size:20px; text-align:center; color:#333; line-height:30px;}
.part-bottom{background:#ccc; text-align:center;}

/*section00*/
.intro1 .obj1{background:url("../_img/intro/obj_intro_01.png") no-repeat 0 0; width:183px; height:154px; display:block; top:/*179*/129px; margin-left:-528px;}
.intro1 .obj1 .obj-inner{background:url("../_img/intro/obj_intro_05.png") no-repeat 0 0; width:183px; height:154px; display:block; top:0; left:0;}
.intro1 .obj2{background:url("../_img/intro/obj_intro_02.png") no-repeat 0 0; width:502px; height:273px; display:block; top:/*107*/57px; margin-left:11px;}
.intro1 .obj3{background:url("../_img/intro/obj_intro_03.png") no-repeat 0 0; width:181px; height:213px; display:block; top:/*87*/37px; margin-left:-355px;}
.intro1 .obj4{background:url("../_img/intro/obj_intro_04.png") no-repeat 0 0; width:108px; height:108px; display:block; top:/*264*/214px; margin-left:176px;}

.intro2 .obj1{background:url("../_img/intro/obj_intro_06.png") no-repeat 0 0; width:407px; height:296px; display:block; top:87px; margin-left:-528px;}
.intro2 .obj2{background:url("../_img/intro/obj_intro_07.png") no-repeat 0 0; width:76px; height:76px; display:block; top:162px; margin-left:301px;}
.intro2 .obj3{background:url("../_img/intro/obj_intro_08.png") no-repeat 0 0; width:252px; height:97px; display:block; top:281px; margin-left:301px;}
.intro2 .obj4{background:url("../_img/intro/obj_intro_09.png") no-repeat 0 0; width:175px; height:147px; display:block; top:529px; left:auto; right:15px; z-index:60;}
.intro2 .obj5{background:url("../_img/intro/obj_intro_10.png") no-repeat 0 0; width:108px; height:108px; display:block; top:267px; margin-left:-427px;}
.intro2 .obj6{background:url("../_img/intro/obj_intro_11.png") no-repeat 0 0; width:207px; height:208px; display:block; top:596px; left:auto; right:100px;}

.intro3 .obj1{background:url("../_img/intro/obj_intro_12.png") no-repeat 0 0; width:199px; height:164px; display:block; top:181px; margin-left:-606px;}
.intro3 .obj2{background:url("../_img/intro/obj_intro_13.png") no-repeat 0 0; width:58px; height:49px; display:block; top:403px; margin-left:414px;}
.intro3 .obj3{background:url("../_img/intro/obj_intro_14.png") no-repeat 0 0; width:166px; height:94px; display:block; top:419px; margin-left:258px;}

/* Γί°‘ */
.deep_link {overflow:hidden; width:1280px; margin:0 auto; position:relative; z-index:100; margin-bottom:25px; }



.deep_link li {float:left; width:20%; padding-top:60px;}
.deep_link li div {text-align: center;}
.deep_link img {display: inline-block;}
.deep_link li h2 {font-size:16px; font-weight:bold; color:#fff; text-align:center;}
.deep_link li h2 a {color:#fff;}

.deep_link li div img {width:80px;}

/* viewer layer */
#mask {display:none;position:absolute;left:0;top:0;opacity:0.8;filter: alpha(opacity=80);-webkit-transform: translateZ(0);background:#000;z-index:500;} 
