@charset "UTF-8";
html { -webkit-text-size-adjust: none; }

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

* { margin: 0; padding: 0; }

body { font: 16px/1.8 "Microsoft Yahei",verdana; }

#superContainer { height: 100%; position: relative; }

.section { position: relative; 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; 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; 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: transparent; 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; }

/* 右侧导航 */
#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: #8F9DA4; text-decoration: none; text-align: right; background: url(../images/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: #8F9DA4; line-height: 21px; }

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

a { text-decoration: none; }

.en, .en2 { display: none; }

.cn { display: none; }

.center { width: 100%; height: 1%; background-color: #000; position: relative; z-index: 15; }

.top { width: 100%; height: 49.5%; background-color: #fff; position: relative; z-index: 15; }
.top .logo { width: 150px; height: 74px; position: absolute; left: 2%; top: 20px; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.top .logo img { margin-right: 5px; }
.top .three { width: 120px; height: 20px; position: absolute; left: 14%; top: 4%; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.top .three a { width: 26px; height: 19px; margin-left: 3px; margin-right: 3px; display: inline-block; }
.top .three .share { background: url("../images/share.png") left top no-repeat; }
.top .three .mail { background: url("../images/mail.png") left top no-repeat; }
.top .three .voice { background: url("../images/voice.png") left top no-repeat; }
.top .cpt { width: 200px; height: 30px; position: absolute; left: 44%; top: 4%; font-size: 5px; line-height: 14px; margin-top: 0; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: 1.3s; transition-delay: 1.3s; -webkit-text-size-adjust: none; }
.top .search { width: 200px; height: 30px; position: absolute; left: 60%; top: 4%; font-size: 10px; line-height: 14px; margin-top: 0; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: 1.8s; transition-delay: 1.8s; }
.top .code { width: 150px; height: 103px; position: absolute; left: 2%; bottom: 3%; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: 2.3s; transition-delay: 2.3s; }
.top .code img { width: 53px; height: 52px; }
.top .code p { font-size: 10px; line-height: 14px; margin-top: -5px; }
.top .nav { width: 125px; padding-left: 15px; padding-right: 15px; display: block; text-transform: uppercase; font-size: 12px; font-weight: bold; color: #000; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: 2.8s; transition-delay: 2.8s; }
.top .nav span.en2 { width: 100%; height: 100%; display: inline-block; padding-left: 15px; display: none; }
.top .nav span.cn2 { width: 100%; height: 100%; display: inline-block; padding-left: 15px; display: none; }
.top .nn1 { position: absolute; left: 20%; bottom: 3%; }
.top .nn2 { position: absolute; left: 35%; bottom: 3%; }
.top .nn3 { position: absolute; left: 50%; bottom: 3%; }
.top .nn4 { position: absolute; left: 65%; bottom: 3%; }
.top .nn5 { position: absolute; left: 80%; bottom: 3%; }

.bottom { width: 100%; height: 49.5%; background: url("../images/banner.png") 50% 50% no-repeat; background-size: 100% auto; overflow: hidden; position: relative; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: 3.3s; transition-delay: 3.3s; z-index: 1; }
.bottom .news { width: 125px; padding: 15px; position: absolute; left: 2%; top: -30%; background-color: #000; text-transform: uppercase; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: 3.8s; transition-delay: 3.8s; }
.bottom .news h3 { color: #9fa0a0; font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
.bottom .news a { color: #fff; font-size: 12px; }
.bottom .news .cn { color: #999; }
.bottom .nav2 { width: 125px; height: 100%; padding: 15px; background-color: #000; text-transform: uppercase; display: none; }
.bottom .nav2 h3 { color: #9fa0a0; font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
.bottom .nav2 a { color: #fff; font-size: 12px; }
.bottom .nav2 li { list-style: none; }
.bottom .nav2 .cn { color: #999; }
.bottom .n1 { position: absolute; left: 20%; top: 0%; }
.bottom .n2 { position: absolute; left: 35%; top: 0%; }
.bottom .n3 { position: absolute; left: 50%; top: 0%; }
.bottom .n4 { position: absolute; left: 65%; top: 0%; }
.bottom .n5 { position: absolute; left: 80%; top: 0%; }

.bg92 { opacity: 0; -webkit-transition: all 0.7s; transition: all 0.7s; }

.active .bg92 { opacity: 1; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }

.ltie10 .bg92 { opacity: 1; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }

.bg92 { padding-top: 350px; font-size: 16px; color: #fff; }

.bg92 { position: absolute; left: 50%; bottom: 15%; width: 340px; margin-left: -180px; background: url(../images/bg92.png) 50% 0 no-repeat; opacity: 0; -webkit-transition: all 1s; transition: all 1s; }

.bg92 p { position: relative; left: 40px; margin-left: 30px; }

.active .bg92 { opacity: 1; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }

.ltie10 .bg92 { opacity: 1; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }

.bg92 { padding-top: 350px; font-size: 16px; color: #fff; }

.bg92 { position: absolute; left: 50%; bottom: 15%; width: 340px; margin-left: -180px; background: url(../images/bg92.png) 50% 0 no-repeat; opacity: 0; -webkit-transition: all 1s; transition: all 1s; }

.bg92 p { position: relative; left: 40px; margin-left: 30px; }

.active .bg92 { opacity: 1; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }

.ltie10 .bg92 { opacity: 1; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }

.bg91 { padding-top: 350px; font-size: 16px; color: #fff; }

.bg91 { position: absolute; left: 50%; bottom: 15%; width: 340px; margin-left: -970px; background: url(../images/bg91.png) 0 0 no-repeat; opacity: 0; -webkit-transition: all 1s; transition: all 1s; }

.bg91 p { position: relative; left: 20px; margin-left: 40px; border-right: 1px solid #13AB86; }

.active .bg91 { margin-left: -570px; opacity: 1; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }

.ltie10 .bg91 { margin-left: -570px; opacity: 1; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }

.bg93 { padding-top: 350px; font-size: 16px; color: #fff; }

.bg93 { position: absolute; left: 50%; bottom: 15%; width: 340px; margin-left: 630px; background: url(../images/bg93.png) 50% 0 no-repeat; opacity: 0; -webkit-transition: all 1s; transition: all 1s; }

.bg93 p { position: relative; left: -20px; padding-left: 100px; border-left: 1px solid #13AB86; }

.ltie10 .bg93 { margin-left: 230px; opacity: 1; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }

.active .bg93 { margin-left: 230px; opacity: 1; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }

.go { position: absolute; left: 50%; top: 55%; width: 254px; height: 70px; margin-top: 220px; margin-left: -127px; text-indent: -9999px; background-image: url(../images/btn.png); opacity: 0; -webkit-transition: all 1s; transition: all 1s; }

.active .go { top: 25%; opacity: 1; -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }

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

.bg61 { position: absolute; top: -454px; width: 100%; height: 545px; background: url(../images/bg61.png) 50% 0 no-repeat; -webkit-transition: all 1s; transition: all 1s; }

.active .bg61 { top: 0; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }

.ltie10 .bg61 { top: 0; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }

.bg82 { position: absolute; left: 50%; bottom: 160px; width: 164px; height: 117px; margin-left: -180px; background-image: url(../images/bg82.png); opacity: 0; -webkit-transition: all 1s; transition: all 1s; }

.active .bg82 { bottom: 260px; margin-left: -280px; opacity: 1; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }

.ltie10 .bg82 { bottom: 260px; margin-left: -280px; opacity: 1; -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }

.bg92 { padding-top: 350px; font-size: 16px; color: #fff; }

.bg92 { position: absolute; left: 50%; bottom: 15%; width: 340px; margin-left: -180px; background: url(../images/bg92.png) 50% 0 no-repeat; opacity: 0; -webkit-transition: all 1s; transition: all 1s; }

.bg92 p { position: relative; left: 40px; margin-left: 30px; }

.active .bg92 { opacity: 1; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }

.ltie10 .bg92 { opacity: 1; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }

.bg102 { position: absolute; width: 100%; top: 25%; height: 79px; background: url(../images/bg102.png) 50% 0 no-repeat; opacity: 0; -webkit-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); -webkit-transition: all 1s; transition: all 1s; }

.active .bg102, .active .bg103 { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }

.ltie10 .bg102, .ltie10 .bg103 { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition-delay: 0.7s; transition-delay: 0.7s; }

.bodyback { background-color: #000; }

.top2 { width: 100%; height: 80px; position: relative; z-index: 15; top: 2%; }
.top2 .logo { width: 150px; height: 74px; position: absolute; left: 2%; top: 4%; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.top2 .logo img { margin-right: 5px; }
.top2 .three { width: 120px; height: 20px; position: absolute; left: 14%; top: 4%; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.top2 .three a { width: 26px; height: 19px; margin-left: 3px; margin-right: 3px; display: inline-block; }
.top2 .three .share { background: url("../images/share2.png") left top no-repeat; }
.top2 .three .mail { background: url("../images/mail2.png") left top no-repeat; }
.top2 .three .voice { background: url("../images/voice2.png") left top no-repeat; }
.top2 .cpt { width: 200px; height: 30px; position: absolute; left: 35%; top: 4%; font-size: 10px; line-height: 14px; margin-top: 0; font-weight: 600; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: 1.3s; transition-delay: 1.3s; color: #000; }
.top2 .search { width: 200px; height: 30px; position: absolute; left: 55%; top: 4%; font-size: 10px; line-height: 14px; margin-top: 0; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: 1.8s; transition-delay: 1.8s; }

.top3 { width: 100%; height: 80px; position: relative; z-index: 15; top: 2%; }
.top3 .logo { width: 150px; height: 74px; position: absolute; left: 2%; top: 4%; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
.top3 .logo img { margin-right: 5px; }
.top3 .three { width: 120px; height: 20px; position: absolute; left: 14%; top: 4%; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
.top3 .three a { width: 26px; height: 19px; margin-left: 3px; margin-right: 3px; display: inline-block; }
.top3 .three .share { background: url("../images/share.png") left top no-repeat; }
.top3 .three .mail { background: url("../images/mail.png") left top no-repeat; }
.top3 .three .voice { background: url("../images/voice.png") left top no-repeat; }
.top3 .cpt { width: 200px; height: 30px; position: absolute; left: 35%; top: 4%; font-size: 10px; line-height: 14px; margin-top: 0; font-weight: 600; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: 1.3s; transition-delay: 1.3s; color: #000; }
.top3 .search { width: 200px; height: 30px; position: absolute; left: 55%; top: 4%; font-size: 10px; line-height: 14px; margin-top: 0; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: 1.8s; transition-delay: 1.8s; }

.top-line { width: 100%; height: 1%; background-color: #000; position: absolute; top: 0; z-index: 3; }

.column { width: 100%; position: absolute; top: 1%; height: 99%; }
.column a { color: #000000; }

.column-1 { width: 25%; height: 100%; min-height: 100%; float: left; font-size: 12px; box-content: border-box; text-transform: uppercase; }
.column-1 ul { margin-top: 160px; }
.column-1 li { list-style-type: none; position: relative; z-index: 11; line-height: 24px; margin-left: 25px; }
.column-1 a { cursor: pointer; }
.column-1 li:hover, .column-1 a:hover, .column-1 .active a { color: #c7000b; }
.column-1 .news li { width: 60%; line-height: 36px; background: url("../images/dot-line.png") repeat-x 0 35px; }

.column-1-black { background-color: #000; color: #fff; }
.column-1-black h3 { margin-top: 160px; color: #fff; font-weight: normal; margin-left: 25px; }
.column-1-black li { list-style-type: none; position: relative; z-index: 11; line-height: 24px; margin-left: 25px; }
.column-1-black a { cursor: pointer; color: #fff; }

.column-2 { position: absolute; right: 0; z-index: 10; float: left; height: 100%; width: 75%; overflow: visible; }
.column-2 img { width: 100%; height: 100%; }
.column-2 #bgsilde li, .column-2 .bgsilde li { list-style-type: none; }
.column-2 #bgsilde .hd, .column-2 .bgsilde .hd { overflow: hidden; position: absolute; right: 120px; top: 33px; z-index: 1; font-size: 32px; font-weight: 100; opacity: 0; }
.column-2 #bgsilde .hd p, .column-2 .bgsilde .hd p { font-size: 12px; color: #fff; line-height: 12px; }
.column-2 #bgsilde .hd ul, .column-2 .bgsilde .hd ul { overflow: hidden; zoom: 1; float: left; }
.column-2 #bgsilde .hd li, .column-2 .bgsilde .hd li { float: left; margin-right: 2px; text-align: right; list-style: none; cursor: pointer; color: #fff; display: none; }
.column-2 #bgsilde .hd li.on, .column-2 .bgsilde .hd li.on { display: block; }
.column-2 #bgsilde .bd, .column-2 .bgsilde .bd { position: relative; height: 100%; z-index: 0; width: 100%; }
.column-2 #bgsilde .bd li, .column-2 .bgsilde .bd li { zoom: 1; vertical-align: middle; }
.column-2 #bgsilde .bd img, .column-2 .bgsilde .bd img { width: 100%; height: 100%; display: block; }

.column-08 img { width: 100%; height: 70%; margin-top: 5%; }
.column-08 #bgsilde08 li, .column-08 .bgsilde08 li { list-style-type: none; }
.column-08 #bgsilde08 .hd, .column-08 .bgsilde08 .hd { overflow: hidden; position: absolute; right: 120px; top: 33px; z-index: 1; font-size: 32px; font-weight: 100; opacity: 0; }
.column-08 #bgsilde08 .hd ul, .column-08 .bgsilde08 .hd ul { overflow: hidden; zoom: 1; float: left; }
.column-08 #bgsilde08 .hd li, .column-08 .bgsilde08 .hd li { float: left; margin-right: 2px; text-align: right; list-style: none; cursor: pointer; color: #fff; display: none; }
.column-08 #bgsilde08 .bd, .column-08 .bgsilde08 .bd { position: relative; z-index: 0; }
.column-08 #bgsilde08 .bd li, .column-08 .bgsilde08 .bd li { zoom: 1; vertical-align: middle; }
.column-08 #bgsilde08 .bd img, .column-08 .bgsilde08 .bd img { width: 100%; display: block; }

.column-news { position: absolute; right: 0; bottom: 0; z-index: 10; float: left; height: 80%; width: 75%; overflow-x: hidden; }
.column-news h1 { margin-top: 20px; font-size: 16px; line-height: 24px; margin-bottom: 10px; }
.column-news p { width: 70%; font-size: 12px; line-height: 24px; margin-bottom: 10px; }
.column-news img { width: 70%; }

.column-product { position: absolute; right: 0; z-index: 10; float: left; height: 100%; width: 75%; margin-top: 80px; }
.column-product .slideBox { width: 70%; max-width: 800px; position: relative; }
.column-product .slideBox img { width: 100%; }
.column-product .slideBox .hd { overflow: hidden; position: absolute; right: 120px; top: 33px; z-index: 1; font-size: 32px; font-weight: 100; }
.column-product .slideBox .hd p { font-size: 12px; color: #fff; line-height: 12px; }
.column-product .slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.column-product .slideBox .hd li { float: left; margin-right: 2px; text-align: right; list-style: none; cursor: pointer; color: #fff; display: none; }
.column-product .slideBox .hd li.on { display: block; }
.column-product .slideBox .bd { position: relative; height: 100%; z-index: 0; }
.column-product .slideBox .bd li { zoom: 1; vertical-align: middle; }
.column-product .slideBox .bd img { width: 100%; display: block; }
.column-product .slideBox .prev, .column-product .slideBox .next { position: absolute; right: 60px; top: 55px; display: block; width: 37px; height: 32px; filter: alpha(opacity=50); opacity: 0.5; }
.column-product .slideBox .next { left: auto; right: 10px; background-position: 8px 5px; }
.column-product .slideBox .prev:hover, .column-product .slideBox .next:hover { filter: alpha(opacity=100); opacity: 1; }
.column-product .slideBox .prevStop { display: none; }
.column-product .slideBox .nextStop { display: none; }

.column-float { position: absolute; left: 25%; height: 100%; width: 25%; padding: 20px; z-index: 20; font-size: 12px; line-height: 24px; padding: 0; }
.column-float .middle-arrow { position: relative; z-index: 200; }
.column-float .open-con { width: 90%; height: 80%; overflow-x: hidden; position: absolute; bottom: 23px; left: 5%; display: none; padding-right: 5%; }
.column-float .open-con button { background: none; border: none; text-align: right; margin-right: 5%; width: 100%; margin-bottom: 20px; }
.column-float .open-con h3 { font-weight: bold; }
.column-float .open-con h4 { margin-top: 10px; }
.column-float .open-con p { margin-top: 0px; }
.column-float .open-con .down { position: absolute; right: 50px; bottom: 30px; }
.column-float .open { width: 100%; height: 23px; background-color: #000; position: absolute; bottom: 0; }
.column-float .open img { float: right; margin-right: 5%; margin-top: 4px; }

.bottom-band { width: 100%; height: 49.5%; background: #000; background-size: 100% 105%; position: relative; z-index: 1; padding-top: 1px; margin-top: -1px; color: #fff; position: absolute; }
.bottom-band .band0 { height: 100%; overflow-x: hidden; padding: 10px; }
.bottom-band .band { width: 80%; max-width: 900px; margin-left: auto; margin-right: auto; padding-top: 1px; font-size: 14px; }
.bottom-band .close-band { float: right; margin-top: 10px; }
.bottom-band h3 { margin-right: 30px; clear: both; }
.bottom-band p { margin-top: 20px; }
.bottom-band .nav2 { width: 125px; height: 100%; padding: 15px; background-color: #fff; text-transform: uppercase; display: none; }
.bottom-band .nav2 h3 { color: #9fa0a0; font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
.bottom-band .nav2 a { color: #000; font-size: 12px; }
.bottom-band .nav2 li { list-style: none; }
.bottom-band .n1 { position: absolute; left: 20%; top: 0%; }
.bottom-band .n2 { position: absolute; left: 35%; top: 0%; }
.bottom-band .n3 { position: absolute; left: 50%; top: 0%; }
.bottom-band .n4 { position: absolute; left: 65%; top: 0%; }
.bottom-band .n5 { position: absolute; left: 80%; top: 0%; }

.bottom-register { width: 100%; height: 49.5%; background: #000; background-size: 100% 101%; overflow: hidden; position: relative; z-index: 1; padding-top: 1px; margin-top: -1px; color: #fff; position: absolute; }
.bottom-register li { list-style-type: none; }
.bottom-register .register { width: 80%; max-width: 900px; margin-left: auto; margin-right: auto; padding-top: 1px; font-size: 14px; }
.bottom-register .register a { padding: 6px 12px; border-radius: 8px; background-color: #c9cacb; color: #000; border: none; margin-left: 254px; display: inline-block; width: 50px; text-align: center; margin-top: 20px; }
.bottom-register .close-register { float: right; margin-top: 10px; }
.bottom-register h3 { margin-right: 30px; clear: both; }
.bottom-register p { margin-top: 20px; }
.bottom-register .step1 { clear: both; }
.bottom-register .step1 li { margin-top: 15px; }
.bottom-register .step1 input[type="text"], .bottom-register .step1 input[type="password"] { width: 300px; padding: 6px 12px; background-color: #fff; }
.bottom-register .step2 { clear: both; display: none; }
.bottom-register .step2 input[type="text"] { width: 240px; padding: 6px 12px; background-color: #fff; margin-top: 20px; }
.bottom-register .step2 a { clear: both; display: block; margin-left: 300px; margin-top: 20px; }
.bottom-register .step3 { clear: both; padding-top: 1px; font-size: 22px; display: none; }
.bottom-register .step3 p { margin-top: 150px; margin-left: 150px; }
.bottom-register .step3 p img { position: relative; top: 4px; margin-right: 10px; }
.bottom-register .news { width: 125px; padding: 15px; position: absolute; left: 2%; top: -30%; background-color: #000; text-transform: uppercase; opacity: 0; -webkit-transition: all 1s; transition: all 1s; -webkit-transition-delay: 3.8s; transition-delay: 3.8s; }
.bottom-register .news h3 { color: #9fa0a0; font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
.bottom-register .news a { color: #fff; font-size: 12px; }
.bottom-register .news li { list-style-type: none; }
.bottom-register .nav2 { width: 125px; height: 100%; padding: 15px; background-color: #fff; text-transform: uppercase; display: none; }
.bottom-register .nav2 h3 { color: #9fa0a0; font-size: 12px; font-weight: bold; margin: 0; padding: 0; }
.bottom-register .nav2 a { color: #000; font-size: 12px; }
.bottom-register .nav2 li { list-style: none; }
.bottom-register .n1 { position: absolute; left: 20%; top: 0%; }
.bottom-register .n2 { position: absolute; left: 35%; top: 0%; }
.bottom-register .n3 { position: absolute; left: 50%; top: 0%; }
.bottom-register .n4 { position: absolute; left: 65%; top: 0%; }
.bottom-register .n5 { position: absolute; left: 80%; top: 0%; }