@charset "gb2312";

body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font:12px "宋体",serif;color: #000;background: #fff;}/********  Microsoft Yahei ******/
table{border-collapse:collapse;border-spacing:0;}img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:24px;}h3{font-size:20px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}

.white,.white a{color:#fff}.blue,.blue a{color:#004499}.gray4,a.gray4{color:#999;}
.red, .red a, a.red{color:red;}.green{color:#0e774a;}
select optgroup{color:#cac8bb;}
header{display:block;}
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}
.clear, .clearfix:after {clear:both;height:0;overflow:hidden;display:block}
.clearfix:after {visibility:hidden;content:"."}
.clearfix {*zoom:1;}
.fl{float: left;}
.fr{float: right;}
a{text-decoration: none;color: red;}
a:hover{text-decoration: underline;}

#superContainer { height: 100%; position: relative; }
.section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.slide { float: left; }
.slide, .slidesContainer { height: 100%; display: block; }
.slides { height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.section.table, .slide.table { display: table; width: 100%; }
.tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }
.slidesContainer { float: left; position: relative; }
.controlArrow { position: absolute; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; }
.controlArrow.prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; }
.controlArrow.next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; }
.scrollable { overflow: scroll; }
.easing { -webkit-transition: all 0.7s ease-out; -moz-transition: all 0.7s ease-out; -o-transition: all 0.7s ease-out; transition: all 0.7s ease-out; }
#fullPage-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; }
#fullPage-nav.right { right: 17px; }
#fullPage-nav.left { left: 17px; }
.fullPage-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; }
.fullPage-slidesNav.bottom { bottom: 17px; }
.fullPage-slidesNav.top { top: 17px; }
#fullPage-nav ul, .fullPage-slidesNav ul { margin: 0; padding: 0; }
#fullPage-nav li, .fullPage-slidesNav li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; }
.fullPage-slidesNav li { display: inline-block; }
#fullPage-nav li a, .fullPage-slidesNav li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
#fullPage-nav li .active span, .fullPage-slidesNav .active span { background: #333; }
#fullPage-nav span, .fullPage-slidesNav span { top: 2px; left: 2px; width: 8px; height: 8px; border: 1px solid #000; background: rgba(0, 0, 0, 0); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; position: absolute; z-index: 1; }
.fullPage-tooltip { position: absolute; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; top: -2px; }
.fullPage-tooltip.right { right: 20px; }
.fullPage-tooltip.left { left: 20px; }

#menu { position: fixed; right: 20px; top: 40%; z-index: 10; list-style-type: none; }
#menu li { width: 90px; height: 27px; margin-top: 7px; overflow: hidden;}
#menu a { display: block; height: 27px; padding-right: 30px; line-height: 27px; background: url(20160826nxjs2.png) right -34px no-repeat; color: #fff; text-align: right; text-shadow: 1px 1px 0px #333; text-decoration: none; overflow: hidden;}
#menu span { display: block; width: 60px; height: 27px; font-size: 12px; text-indent: 200px; opacity: 0.6; filter:alpha(opacity=60); overflow: hidden;}
#menu a:hover span { text-indent: 0;}
#menu .active a { background-position: right 0;}

.section { position: relative; overflow: hidden;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.middle { position: relative; width: 1000px; height: 100%; margin-left: auto; margin-right: auto;}
.middle2 { position: relative; width: 1200px; height: 100%; margin-left: auto; margin-right: auto;}

.section1 { background: url(bg1.jpg) no-repeat;}
.bg1-3 { opacity: 0; position: absolute;top: 0;left: 0;}
.left1 { position: absolute; left: -200%; top: 40%; width: 458px; height: 476px; margin-top: -150px; margin-left: -500px;}
.right1 { position: absolute; left: 200%; top: 5%; width: 460px; height: 726px; margin-top: 10px; background-image: url();margin-left: 500px;}
.redFlag{position: absolute;bottom: 0;left: 0;height: 341px;}
.mainTtitle{margin-top: 20%;}
.mainTtitle img{animation: zoomIn 1s ease-in forwards;-moz-animation:zoomIn 1s ease-in forwards;-webkit-animation:zoomIn 1s ease-in forwards;}

.mainTtitle2{margin-top: 5%;}
.mainTtitle2 img{animation: zoomIn 1s ease-in forwards;-moz-animation:zoomIn 1s ease-in forwards;-webkit-animation:zoomIn 1s ease-in forwards;}



.mainTtitle3{margin-top: 5%;}
.mainTtitle3 img{animation: zoomIn 1s ease-in forwards;-moz-animation:zoomIn 1s ease-in forwards;-webkit-animation:zoomIn 1s ease-in forwards;}


.logo{ position: absolute; left: 75%; top: 15px; z-index: 20; width: 201px; height: 66px; margin-left: -85px; text-indent: -9999px; background-image: url(logo.png); overflow: hidden;}
.left1-1{ position: absolute; left: -20px; top: 10px; width: 320px; height: 320px;  opacity: 0;}
.tip1{position: absolute; left: 300%; top: 50%; width: 96px; height: 82px; margin-top: -80px; background-image: url(); opacity: 0;margin-left: 365px;}
.tip2{position: absolute; left: 200%; top: 50%; width: 96px; height: 81px; margin-top: -130px; background-image: url(); opacity: 0;margin-left: 400px;}
.tip3{position: absolute; left: 100%; top: 50%; width: 97px; height: 81px; margin-top: 45px; background-image: url(); opacity: 0;margin-left: 540px;}

.section2 { background: url() no-repeat;}
.bg2-1 { background: url() 50% 50% no-repeat;}
.bg2-2 { background: url() 50% 50% no-repeat;}
.bg2-3 { background: url() 50% -300% no-repeat; transition: all 1.5s;}
.left2 { position: absolute; left: -200%; top: 50%; width: 830px; height: 558px; margin: -253px 0 0 -80px; background: url() 0 0 no-repeat;}
.left2-1 { position: absolute; left: 0; top: 53px; width: 487px; height: 366px; background-image: url(); opacity: 0; transition: all 1.5s;}
.left2-2 { position: absolute; left: -10px; top: 75px; width: 510px; height: 396px; background-image: url(); opacity: 0;}
.right2 { position: absolute; left: 200%; top: 50%; width: 593px; height: 518px; margin-top: -269px; background-image: url();}

.section3 { background: url() no-repeat;}
.bg3-3 {transition: all 1.5s;background:url() 50% -300% no-repeat;}
.tip{position: absolute; left: 100%; top: 17%; width: 1000px; height: 692px; margin-top: -20px; background-image: url(.png); opacity: 0;margin-left: -50px;}
.left3 { position: absolute; left: -200%; top: 31%; width: 500px; height: 692px; margin: -140px 0 0 20px;}
.right3 { position: absolute; left: 200%; top: 31%; width: 500px; height: 692px; margin: -140px 0 0 20px;}


.left33 { position: absolute; left: -200%; top: 21%; width: 875px; height: 535px; margin: -130px 0 0 20px;}
.right33 { position: absolute; left: -300%; top: 51%; width: 875px; height: 535px; margin: -180px 0 0 -320px;}


.left333 { position: absolute; left: -200%; top: 31%; width: 1200px; height: 697px; margin: -140px 0 0 0;}
.r2-1{width: 550px;margin-top: 180px;}
.r2-1 ul li{float: left;margin-right: 20px;margin-bottom: 30px;text-align: center;}
.r6-1 ul li img,.r2-1 ul li img{padding-bottom: 10px;}


.section5 { background: url() no-repeat;}

.left5 {position: absolute; left: -200%; top: 50%; width: 602px; height: 244px; margin: -140px 0 0 20px;}
.right5 { position: absolute; left: 200%; top: 50%; width: 519px; height: 630px; margin: -315px 0 0 20px;}

.section4 {background: url() no-repeat;}
.bg4-3{transition: all 1.5s;background:url() 50% -300% no-repeat;}
.left4 {position: absolute; left: -200%; top: 50%; width: 602px; height: 244px; margin: -140px 0 0 20px;}
.right4 { position: absolute; left: 200%; top: 50%; width: 519px; height: 630px; margin: -315px 0 0 20px;}

.section6 { background: url() no-repeat;}
.bg6-3{transition: all 1.5s;background:url() 50% -300% no-repeat;}
#slider-container{position:relative;clear:both;height:450px;width:800px;margin:0px auto;padding-top: 100px;}
#shadow-img-slider{height:5px;width:100%;position:absolute;top:0;left:0;z-index:30;}
.box_skitter_large {width:800px;height:450px;}
.label_skitter{bottom:20px !important;left:40px !important;padding:0px 20px 20px 20px;background:url() repeat;}
.label_skitter h3{margin-bottom:10px;color:#FFFF1E;height:25px;line-height:25px;margin-top:15px;}


.section7 { background: url() no-repeat;}
.bg7-3{transition: all 1.5s;background:url() 50% -300% no-repeat;}
.r7-1{width: 660px;}
.right7{position: absolute; left: 200%; top: 50%; width: 519px; height: 630px; margin: -315px 0 0 -180px;}
.left7{position: absolute; left: -200%; top: 31%; width: 1000px; height: 633px; margin: -110px 0 0 0;z-index: 1;}

/* 动画 */
.left { transition: all 1.5s;z-index:1;}
.right { transition: all 1.5s;z-index:1;}
.left1 { transition: all 1.5s;z-index:0;}
.right1 { transition: all 1.5s;z-index:0;}
.active .left, .ltie10 .left { left: 0;}
.active .right, .ltie10 .right { left: 50%;}
.godown span { -webkit-animation: fade 3s infinite linear; animation: fade 3s infinite linear;}


/* 第一屏动画 */
.active .left1-1{ left: 520px; top: 0; opacity: 1; transition: all 1s ease 0.5s;}
.active .bg1-3, .ltie10 .bg1-3{ opacity: 1; -webkit-animation: bg1-3 3s; animation: bg1-3 3s;}


/* 第二屏动画 */
.active .bg2-3, .ltie10 .bg2-3 { background-position: 50% 0; transition-delay: 0.5s;}
.active .left2-1, .ltie10 .left2-1 { opacity: 1; transition-delay: 1.5s;}
.active .left2-2,  .ltie10 .left2-2{ left: 38px; top: 0; opacity: 1; transition: all 1s ease 2.5s;}
.active .tip1, .ltie10 .tip1 { left: 62px; opacity: 1; transition: all 1s ease 4s;z-index:5;}
.active .tip, .ltie10 .tip { left: 62px; opacity: 1; transition: all 1s ease 1s;}
.active .hand { -webkit-animation: hand 2s ease 3s; animation: hand 2s ease 3s;}

/* 第三屏动画 */
.active .tip2, .ltie10 .tip2 { left: 0; opacity: 1; transition: all 1s ease 5s;z-index:5;}
.active .tip3, .ltie10 .tip3 { left: 0; opacity: 1; transition: all 1s ease 3s;z-index:5;}

.active .bg3-3, .ltie10 .bg3-3 ,.active .bg5-4{background-position: 45% 2%; transition-delay: 0.5s;}
.active .bg4-3{background-position: 45% 10%; transition-delay: 0.5s;}
.active .bg6-3,.active .bg7-3{background-position: 45% 5%; transition-delay: 0.5s;}
.active .bg3-4 .bg, .ltie10 .bg3-4 .bg { background-position: 50% 50%; opacity: 1; transition-duration: 1.5s; transition-delay: 1s;}
.active .bg3-4 { -webkit-animation: bg3-4 3s ease infinite 2.5s; animation: bg3-4 3s ease infinite 2.5s;}


/* 第四屏动画 */

.active .left4-5, .ltie10 .left4-5 { opacity: 1; transition: all 1s ease 3s;}
.active .left4-4, .active .left4-3, .ltie10 .left4-4, .ltie10 .left4-3 { opacity: 1; transition: all 1s ease 4s;}
.active .dian, .ltie10 .dian { opacity: 1; transition: all 1s ease 4.5s; }
.active .dian span { -webkit-animation: dian 2s infinite linear 4.5s; animation: dian 2s infinite linear 4.5s;}


/* 第五屏动画 */
.bg5-3 { -webkit-animation: bg5-3 20s linear infinite 0s; animation: bg5-3 20s linear infinite 0s;}


.qtcode { position: absolute; right: 20px; bottom: 20px; z-index: 4; width: 361px; height: 69px; background-image: url(qtcode.png);}
.godown { *display: none; position: absolute; left: 50%; bottom: 20px; z-index: 100; width: 50px; height: 53px; margin-left: -25px;}
.godown span { display: block; width: 35px; height: 38px; background:url(20160826nxjs1.png)}