/* 宜春市宜网网络传媒有限公司 (http://www.0795jxyc.com/)技术支持 */

/*初始化*/

body, html,*{ margin:0; padding:0;}

body {font-size:12px; font-family: "microsoft yahei", Arial, SimSun; color:#1a1a1a; background:#fff; }

a{ text-decoration:none; border:0; color:#fff;}

img{ border:0;}

ul,li{ list-style:none;}



/* 右侧导航 */

#fullPage-nav { _display: none; font-size: 12px;}

#fullPage-nav li { width: 90px; height: 21px; margin: 10px 0 0; vertical-align: middle;}

#fullPage-nav li a { float: right; width: 21px; height: 21px; color: #fff; text-decoration: none; text-align: right; background: url(../imggg_yxwz/dot.png) 5px 5px no-repeat;}

#fullPage-nav li .active { background-position: 0 bottom;}

#fullPage-nav span { display: none;}

.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 12px "Microsoft Yahei"; color: #fff; line-height: 21px;}



/*底部*/

.footer{ width:100%; height:50px; background-color:rgba(48,49,49,.8) !important; background:#262727; filter:alpha(opacity=80); *background:#262727; *filter:alpha(opacity=80); position:fixed; left:0; bottom:0; z-index:111;}

.footer .container{ width:1100px; height:100%; margin:0 auto;}

.footer .container ul li{ float:left; margin-right:20px; color:#fff; line-height:50px; font-size:15px;}

.footer .container ul li.Mlogo{ color:#30ABF7;}

.footer .container ul li img{ vertical-align:middle;}



/*QQ客服代码*/

.Service{ width:204px; position:fixed; top:100px; left:-174px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+100)); }

.SerContain{ width:174px; float:left;}

.SerTitle{ width:174px; height:51px; background:url(../imggg_yxwz/Service_head.gif) center no-repeat; font-size:16px; text-align:center; color:#fff; line-height:65px; }

.SerCon{ width:173px; overflow:hidden; padding:20px 0; border-bottom:1px solid #0168b7; border-right:1px solid #0168b7;background:#fff;}

.SerLogo{ width:172px; height:53px; margin:0px auto; background:url(../imggg_yxwz/Service_micronet_logo.jpg) center no-repeat;}

.SerTime{ color:#77B009; font-size:16px; text-align:center;}

.SerCon .Serlist{ width:100%;} 

.SerCon .Serlist li{ width:160px; padding:7px 0; margin:0 auto; line-height:16px;}

.SerCon .Serlist li a{ color:#000;}

.SerCon .Serlist li img{ vertical-align:middle;}

.Service_btn{ width:31px; height:138px; background:url(../imggg_yxwz/Service_btn.gif) center no-repeat; position:absolute; top:50%; right:0px; margin-top:-69px;}





.section { position: relative; overflow: hidden;}

.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.section .bg img { display: block; width: 100%; height: 100%;}

.section .title{ position:absolute; top:-110px; left:50%; line-height:50px; margin-left:-322px; width:644px; text-align:center; font-size:50px; font-weight:bold; color:#fff; transition: all 1s;}

.section img{ width:100%;}

.section .title img{ width:auto; vertical-align:bottom; margin-left:5px;}

.section .content{ position:absolute; top:19.66667%; width:885px; height:60px; left:50%; margin-left:-440px; text-align:center; font-size:15px; color:#fff; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}

.section img{ width:100%;}





.section1 .bg{ background:#fcb815;}

.section2 .bg{ background:#006ebd;}

.section3 .bg{ background:#62c9c8;}

.section4 .bg{ background:#ff6074;}

.section5 .bg{ background:#8fb548;}

.section6 .bg{ background:#40c8a8;}

.section7 .bg{ background:#e75536;}

.section8 .bg{ background:#1d3741;}

p.font100{ font-size:100px;}

p.font50{ font-size:50px;}

p.font30{ font-size:30px;}

.section8 .bg81 p{ margin-bottom:20px;}

.section8 .bg82 p img{ width:500px;}



.bg11{ width:671px; height:630px; position:absolute; left:50%; bottom:-630px; margin-left:-335px; background:url(../imggg_yxwz/page1.png) 50% no-repeat; background-size:100% 100%; transition: all 1s;}

.bg21{ width:902px; height:364px; position:absolute; left:50%; bottom:-364px; margin-left:-451px; background:url(../imggg_yxwz/page2_01.png) 50% no-repeat; background-size:100% 100%; transition:all 1s;}

.bg22{ width:1008px; height:450px; position:absolute; left:50%; top:-50%; margin-left:-504px; background:url(../imggg_yxwz/page2_02.png) 50% no-repeat; background-size:100% 100%; transition:all 1.3s;}

.bg23{ width:911px; height:101px;  position:absolute; left:50%; bottom:-101px; margin-left:-455px; background:url(../imggg_yxwz/page2_03.png) 50% no-repeat; background-size:100% 100%; transition:all 1s;}

.bg31{ width:669px; height:551px; position:absolute; left:-669px; bottom:6%; background:url(../imggg_yxwz/page3_02.png) 0 0 no-repeat; background-size:100% 100%; transition:all 0.7s;}

.bg41{ width:269px; height:607px; position:absolute; left:50%; margin-left:-1016px; bottom:0; background:url(../imggg_yxwz/page4_02.png) 50% no-repeat; background-size:100% 100%; transition:all 1s;}

.bg42{ width:323px; height:486px; position:absolute; right:50%; margin-right:-1016px; bottom:0; background:url(../imggg_yxwz/page4_03.png) 50% no-repeat; background-size:100% 100%; transition:all 1s;}

.bg51{ width:268px; height:607px; position:absolute; left:50%; top:-607px; margin-left:-134px; background:url(../imggg_yxwz/page5_03.png) 50% no-repeat; background-size:100% 100%; transition:all 1.3s;}

.bg52{ width:477px; height:477px; position:absolute; left:50%; bottom:-477px; margin-left:-238px; background:url(../imggg_yxwz/page5_02.png) 50% no-repeat; background-size:100% 100%; transition:all 1s;}

.bg61{ width:653px; height:84px; position:absolute; left:50%; bottom:-84px; margin-left:-326px; background:url(../imggg_yxwz/page6_04.png) 50% no-repeat; background-size:100% 100%; transition:all 1s;}

.bg62{ width:647px; height:105px; position:absolute; left:50%; bottom:-105px; margin-left:-323px; background:url(../imggg_yxwz/page6_03.png) 50% no-repeat; background-size:100% 100%; transition:all 0.7s;}

.bg63{ width:493px; height:359px; position:absolute; left:50%; top:-359px; margin-left:-241px; background:url(../imggg_yxwz/page6_02.png) 50% no-repeat; background-size:100% 100%; transition:all 1.3s;}

.bg71{ width:261px; height:616px; position:absolute; left:50%; margin-left:-842px; bottom:0; background:url(../imggg_yxwz/page7_03.png) 0 0 no-repeat; background-size:100% 100%; transition:all 1s;}

.bg72{ width:242px; height:614px; position:absolute; right:50%; margin-right:-842px; bottom:0; background:url(../imggg_yxwz/page7_04.png) right 0 no-repeat; background-size:100% 100%; transition:all 1s;}

.bg81{ width:100%; position:absolute; top:15%; left:0; color:#fff; text-align:center; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}

.bg82{ width:100%; position:absolute; bottom:-200px; left:0; color:#fff; text-align:center; transition:all 1s;}





/*动画css*/

.active .title{ top:5%; opacity:1; transition-delay:0.7s;}

.active .content,.active .bg81{ opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

.active .bg11{ bottom:7%; opacity:1; transition-delay:0.7s;}

.active .bg21{ bottom:20.66667%; opacity:1; transition-delay:0.7s;}

.active .bg22{ top:28%; opacity:1; transition-delay:1.3s;}

.active .bg23{ bottom:9.55556%; opacity:1; transition-delay:1s;}

.active .bg31{ left:50%; margin-left:-17.44792%; opacity:1; transition-delay:0.7s;}

.active .bg41{ margin-left:-280px; opacity:1; transition-delay:0.7s;}

.active .bg42{ margin-right:-280px; opacity:1; transition-delay:0.7s;}

.active .bg51{ top:33.66667%; opacity:1; transition-delay:1s;}

.active .bg52{ bottom:1.11111%; opacity:1; transition-delay:0.7s;}

.active .bg61{ bottom:14.33333%; opacity:1; transition-delay:1s;}

.active .bg62{ bottom:23.66667%; opacity:1; transition-delay:0.7s;}

.active .bg63{ top:29.33333%; opacity:1; transition-delay:1.3s}

.active .bg71{ margin-left:-281px; opacity:1; transition-delay:0.7s;}

.active .bg72{ margin-right:-281px; opacity:1; transition-delay:0.7s;}

.active .bg82{ bottom:26.77778%; opacity:1; transition-delay:0.7s;}





/* for lt ie 10 */

.ltie10 .title{ top:5%; opacity:1; transition-delay:0.7s;}

.ltie10 .content,.ltie10 .bg81{ opacity:1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}

.ltie10 .bg11{ bottom:7%; opacity:1; transition-delay:0.7s;}

.ltie10 .bg21{ bottom:20.66667%; opacity:1; transition-delay:0.7s;}

.ltie10 .bg22{ top:28%; opacity:1; transition-delay:1.3s;}

.ltie10 .bg23{ bottom:9.55556%; opacity:1; transition-delay:1s;}

.ltie10 .bg31{ left:50%; margin-left:-17.44792%; opacity:1; transition-delay:0.7s;}

.ltie10 .bg41{ margin-left:-280px; opacity:1; transition-delay:0.7s;}

.ltie10 .bg42{ margin-right:-280px; opacity:1; transition-delay:0.7s;}

.ltie10 .bg51{ top:33.66667%; opacity:1; transition-delay:1s;}

.ltie10 .bg52{ bottom:1.11111%; opacity:1; transition-delay:0.7s;}

.ltie10 .bg61{ bottom:14.33333%; opacity:1; transition-delay:1s;}

.ltie10 .bg62{ bottom:23.66667%; opacity:1; transition-delay:0.7s;}

.ltie10 .bg63{ top:29.33333%; opacity:1; transition-delay:1.3s}

.ltie10 .bg71{ margin-left:-281px; opacity:1; transition-delay:0.7s;}

.ltie10 .bg72{ margin-right:-281px; opacity:1; transition-delay:0.7s;}

.ltie10 .bg82{ bottom:26.77778%; opacity:1; transition-delay:0.7s;}





@media only screen and (max-width: 1600px) {

.section .title{ font-size:30px; line-height:35px;}

.section .title img{ width:200px; vertical-align:bottom; margin-left:5px;}

.section .content{ top:17%;}

.bg11{ width:475px; height:446px;  bottom:-446px; margin-left:-237px;}

.bg21{ width:639px; height:258px; bottom:-258px; margin-left:-319px;}

.bg22{ width:714px; height:319px; top:-50%; margin-left:-357px;}

.bg23{ width:645px; height:72px;  bottom:-72px; margin-left:-322px;}

.bg31{ width:474px; height:390px; margin-left:-237px; bottom:6%;}

.bg41{ width:191px; height:431px; margin-left:-1016px; }

.bg42{ width:229px; height:345px; margin-right:-1016px;}

.bg51{ width:190px; height:430px; top:-430px; margin-left:-95px;}

.bg52{ width:338px; height:338px; bottom:-338px; margin-left:-169px;}

.bg61{ width:462px; height:59px; bottom:-59px; margin-left:-231px; }

.bg62{ width:458px; height:74px; bottom:-74px; margin-left:-229px;}

.bg63{ width:349px; height:254px; top:-254px; margin-left:-174px;}

.bg71{ width:184px; height:434px; margin-left:-842px;}

.bg72{ width:172px; height:436px; margin-right:-842px;}

.bg81{ width:100%; position:absolute; top:15%; left:0; color:#fff; text-align:center; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}

.bg82{ width:100%; position:absolute; bottom:-200px; left:0; color:#fff; text-align:center; transition:all 1s;}



.active .bg41{ margin-left:-190px;}

.active .bg42{ margin-right:-190px;}

.active .bg51{ top:42%; opacity:1; transition-delay:1s;}

.active .bg52{ bottom:10px; opacity:1; transition-delay:0.7s;}

.active .bg61{ bottom:14.33333%; opacity:1; transition-delay:1s;}

.active .bg62{ bottom:22%; opacity:1; transition-delay:0.7s;}

.active .bg63{ top:38%; opacity:1; transition-delay:1.3s}

.active .bg71{ margin-left:-200px; opacity:1; transition-delay:0.7s;}

.active .bg72{ margin-right:-200px; opacity:1; transition-delay:0.7s;}



.ltie10 .bg41{ margin-left:-190px;}

.ltie10 .bg42{ margin-right:-190px;}

.ltie10 .bg51{ top:42%; opacity:1; transition-delay:1s;}

.ltie10 .bg52{ bottom:10px; opacity:1; transition-delay:0.7s;}

.ltie10 .bg61{ bottom:14.33333%; opacity:1; transition-delay:1s;}

.ltie10 .bg62{ bottom:22%; opacity:1; transition-delay:0.7s;}

.ltie10 .bg63{ top:38%; opacity:1; transition-delay:1.3s}

.ltie10 .bg71{ margin-left:-200px; opacity:1; transition-delay:0.7s;}

.ltie10 .bg72{ margin-right:-200px; opacity:1; transition-delay:0.7s;}



p.font100{ font-size:60px;}

p.font50{ font-size:30px;}

p.font30{ font-size:20px;}



}

@media only screen and (max-width: 1400px) {

.section .title{ font-size:30px; line-height:35px;}

.section .title img{ width:200px; vertical-align:bottom; margin-left:5px;}

.section .content{ top:17%;}

.bg11{ width:475px; height:446px;  bottom:-446px; margin-left:-237px;}

.bg21{ width:639px; height:258px; bottom:-258px; margin-left:-319px;}

.bg22{ width:714px; height:319px; top:-50%; margin-left:-357px;}

.bg23{ width:645px; height:72px;  bottom:-72px; margin-left:-322px;}

.bg31{ width:474px; height:390px; margin-left:-237px; bottom:6%;}

.bg41{ width:191px; height:431px; margin-left:-1016px; }

.bg42{ width:229px; height:345px; margin-right:-1016px;}

.bg51{ width:190px; height:430px; top:-430px; margin-left:-95px;}

.bg52{ width:338px; height:338px; bottom:-338px; margin-left:-169px;}

.bg61{ width:462px; height:59px; bottom:-59px; margin-left:-231px; }

.bg62{ width:458px; height:74px; bottom:-74px; margin-left:-229px;}

.bg63{ width:349px; height:254px; top:-254px; margin-left:-174px;}

.bg71{ width:184px; height:434px; margin-left:-842px;}

.bg72{ width:172px; height:436px; margin-right:-842px;}

.bg81{ width:100%; position:absolute; top:15%; left:0; color:#fff; text-align:center; opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}

.bg82{ width:100%; position:absolute; bottom:-200px; left:0; color:#fff; text-align:center; transition:all 1s;}



.active .bg41{ margin-left:-190px;}

.active .bg42{ margin-right:-190px;}

.active .bg51{ top:30%; opacity:1; transition-delay:1s;}

.active .bg52{ bottom:10px; opacity:1; transition-delay:0.7s;}

.active .bg71{ margin-left:-200px; opacity:1; transition-delay:0.7s;}

.active .bg72{ margin-right:-200px; opacity:1; transition-delay:0.7s;}



.ltie10 .bg41{ margin-left:-190px;}

.ltie10 .bg42{ margin-right:-190px;}

.ltie10 .bg51{ top:30%; opacity:1; transition-delay:1s;}

.ltie10 .bg52{ bottom:10px; opacity:1; transition-delay:0.7s;}

.ltie10 .bg71{ margin-left:-200px; opacity:1; transition-delay:0.7s;}

.ltie10 .bg72{ margin-right:-200px; opacity:1; transition-delay:0.7s;}



p.font100{ font-size:60px;}

p.font50{ font-size:30px;}

p.font30{ font-size:20px;}



}