* { margin: 0; padding: 0; }
body { font: 16px/1.8 "Microsoft Yahei", verdana; }
a,a:hover{ text-decoration:none;}
/* 右侧导航 */

.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%; }

.bg1 { position: absolute; bottom: -392px; width: 100%; height: 692px; background: url(/images1801/images/bg12.png) 50% 0 no-repeat; opacity: 0; transition: all 1.7s; bottom: 90px\0; }
.bg2 { position: absolute; bottom: -377px; width: 100%; height: 377px; background: url(/images1801/images/bg13.png) 50% 0 no-repeat; transition: all 1s; }
.active .bg1 { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.active .bg2 { bottom: 0; opacity: 1; transition-delay: 0.7s; }

.hgroup { position: absolute; width:654px; height: 176px; left: 50%; top: 30%; margin: 0 0 0 -320px; text-indent: -9999px; background-image: url(/images1801/images/slogan.png); opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }
.p1{ width:700px; position: absolute; left: 50%; top:52%;margin-left:-350px;color: #fff;font-size:16px; transition: all 0.5s;opacity: 0; padding:15px 0; text-align:center;}
.active .p1{ opacity: 1; transition-delay: 1.7s; }

.bg3 { position: absolute; left:40%; bottom:5%; width:633px; height:528px; margin-left: -415px;background: url(/images1801/images/bg21.png) 0 0 no-repeat; transition: all 1s; opacity: 0; margin-left: -1108px; }
.bg4{ position: absolute; left:90%; bottom: 50%; width:385px; height: 383px; margin-left: -280px;background: url(/images1801/images/bg22.png) right 0 no-repeat; transition: all 1s; opacity: 0; margin-left: 320px; }

.active .bg3 { opacity: 1; margin-left: -608px; transition-delay: 0.7s; }
.active .bg4 { margin-left: -280px; opacity: 1; transition-delay: 0.7s; }
.bg5 { position: absolute; left:70%; bottom: 0; width:349px; height: 380px; margin-left: -650px; background: url(/images1801/images/bg33.png) 0 0 no-repeat; opacity: 0; transition: all 1s; }
.active .bg5 { margin-left: -120px; opacity: 1; transition-delay: 0.7s; }
.bg6 { position: absolute; bottom:-400px; width:613px; height:362px;left:60%;background: url(/images1801/images/bg42.png) 50% 0 no-repeat; transition: all 1s; }
.active .bg6 { bottom:0; transition-delay: 1.1s; }
.bg7 { position: absolute; bottom: -649px; width: 100%; height: 449px; margin-bottom: 130px; margin-left: -250px; background: url(/images1801/images/bg43.png) 50% 0 no-repeat; transition: all 1s; }
.active .bg7 { bottom: 15%; transition-delay: 0.9s; }
.bg8 { position: absolute; top: -474px; width: 100%; height: 545px; background: url(/images1801/images/bg61.png) 50% 0 no-repeat; transition: all 1s; }
.bg9 { position: absolute; left: 6%; bottom: 12%; width: 597px; height: 284px; margin-left: -507px; background-image: url(/images1801/images/bg62.png); transition: all 1s; }
.active .bg8{ top: 0; transition-delay: 0.7s;}
.active .bg9 { left: 50%; opacity: 1; transition-delay: 0.7s;}

.bg10{ position: absolute; right: 50%; top:0; width: 699px; height: 305px; margin-right: -630px; background: url(/images1801/images/bg71.png) 50% 0 no-repeat; opacity: 0; transition: all 1s; }

.active .bg10 { bottom: 250px; opacity: 1; transition-delay: 0.7s;}


.bg14 { position: absolute; left: 50%; bottom: 160px; width: 164px; height: 117px; margin-left: -180px; background-image: url(/images1801/images/bg82.png); opacity: 0; transition: all 1s; }
.bg15 { position: absolute; left: 50%; bottom: 280px; width: 70px; height: 29px; margin-left: -330px; background-image: url(/images1801/images/bg83.png); opacity: 0; transition: all 1s; }
.bg16 { position: absolute; left: 50%; bottom: 320px; width: 43px; height: 26px; margin-left: -410px; background-image: url(/images1801/images/bg84.png); opacity: 0; transition: all 1s; }
.active .bg14 { bottom: 260px; margin-left: -400px; opacity: 1; transition-delay: 0.7s;}
.active .bg15 { bottom: 380px; margin-left: -480px; opacity: 1; transition-delay: 1s;}
.active .bg16 { bottom: 420px; margin-left: -570px; opacity: 1; transition-delay: 1.2s;}
.bg101 { position: absolute; width: 100%; height: 100%; background: url(/images1801/images/bg101.png) 50% 20% no-repeat;}

.section h3 {position: absolute; left: 50%; top: 15%; z-index: 10; width:654px; height:176px; margin-left: -325px; margin-top:110px; background-repeat: no-repeat; opacity: 0; -webkit-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); transition: all 1s; }
.section2 h3 { background-image: url(/images1801/images/t2.png); }
.section3 h3 { background-image: url(/images1801/images/t3.png); }
.section4 h3 { background-image: url(/images1801/images/t4.png); }
.section5 h3 { background-image: url(/images1801/images/t5.png); }
.section6 h3 { width: 654px; margin-left: -327px; background-image: url(/images1801/images/t6.png); }
.section7 strong { width: 561px; margin-left: -280px; }
.section7 h3 { width: 657px; margin-left: -328px; background-image: url(/images1801/images/t7.png); }
.section8 strong { width: 561px; margin-left: -280px; }
.section8 h3 { width:654px; margin-left: -327px; background-image: url(/images1801/images/t8.png); }
.section9 strong { width: 609px; margin-left: -304px; }
.section9 h3 { width: 654px; margin-left: -327px; background-image: url(/images1801/images/t9.png); }
.section9 h3 span { position: absolute; left: -100px; top: -48px; width: 89px; height: 90px; background-image: url(images/yixin.png); }


.go{ position: absolute; left: 50%; top: 55%; width: 180px; height:45px; margin-top: 280px; margin-left: -90px;opacity: 0; transition: all 1s;line-height:45px; text-align:center; font-size:14px; }
.go a{ display:block; border:1px solid #fff; color:#fff;transition: all 0.5s;}
.go a:hover{ display:block; background:#c4181f; border:1px solid #c4181f; color:#fff; transition: all 0.5s;} 

/* CSS3过度及动画 */
.active strong, .active h3 { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.7s; }

.active .hgroup { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); transition-delay: 0.7s; }
.active .go { top: 25%; opacity: 1; transition-delay: 1.2s; }

#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: a
solute; 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 {/* _display: none; */font-size: 12px;position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; }
#fullPage-nav li { width:85px; height: 21px; text-align:right; margin: 10px 0 0; vertical-align: middle;display: block;position: relative;}
#fullPage-nav li a { float: right; width: 21px; height: 21px;background: url(/images1801/images/dot.png) 5px 5px no-repeat;}
#fullPage-nav li .active { background-position: 0 bottom;}
.fullPage-tooltip { float: left; top: 0; margin-right: 5px; font: 14px "Microsoft Yahei"; color: #fff; position: absolute; line-height: 21px;top: 0px;}

#fullPage-nav.right { right: 17px; }
#fullPage-nav.left { left: 17px; }
.fullPage-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1; }

#fullPage-nav ul, .fullPage-slidesNav ul { margin: 0; padding: 0; }
/*.fullPage-slidesNav li {display: inline-block;  width: 14px; height: 13px; margin: 7px; position: relative; }
#fullPage-nav span { display: none;}
#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; }*/


.return_index{position:fixed;top:50px;; right:25px;z-index: 999;}
.return_index a{ color:#df3033;border:1px solid #df3033;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; padding:3px 10px 6px 10px;}
.return_index a:hover{ background:#df3033; color:#fff;}
.help_fix{ width:280px; height:100px; background:url(/images1801/images/help_icon.png) left no-repeat; color:#fff; position:fixed; top:0; left:5%;z-index: 999; font-size:20px;text-align:center; line-height:100px;}