/* BASIC css start */


<style>
#header, #container, #footer, .bottommenu_icon, .bottom_info, .bottominfo_btn, .btn_pptop  {display:none;}	
body, html {/*min-width:1100px;*/ /*max-width:500px; margin:0 auto; background: rgba(0,0,0,0.3)*/}

.rending_wrap {position:relative; overflow:hidden; }
.wd_center {position:relative; top:0; left:50%; width:1920px; margin:0 0 0 -960px; height: 100%;}
.wd_content {width:1740px; margin:0 auto;}
.section {position: relative;}
.rending_wrap .section {/*min-height:950px;*/}
.rending_wrap .section .fp-tableCell > img {width:100%; height:auto; display:none;}



.rending_wrap .rheader {height:60px; background-color:rgba(0,0,0,0.5); position:fixed; top:0; left:0; width:100%; z-index:300000; /*min-width:1100px;*/}
.rending_wrap .rheader .wd_content {position:relative; top:0; left:0; height: 100%;}
.rending_wrap .rheader .rlogo {position:absolute; top:50%; left:5%; margin:-14px 0 0 0;}
.rending_wrap .rheader .rlogo img {height:25px; width:auto;}

.rending_wrap .rheader.open {background-color:#fff;}
.rending_wrap .rheader .rlogo a:last-child {display:none;}

.rending_wrap .rheader.open .rlogo a:first-child {display:none;}
.rending_wrap .rheader.open .rlogo a:last-child {display:block;}
.rending_wrap .rheader.open .aside > .all > span {background-color:#000;}

.rending_wrap .rheader .aside {position:absolute; top:50%; right:5%; margin:-14px 0 0 0;}
.rending_wrap .rheader .aside > .all{position:relative;display:block;width:22px;height:30px; outline:none; background:none;}
.rending_wrap .rheader .aside > .all:focus, .rending_wrap .rheader .aside > .all:active {background:none; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.rending_wrap .rheader .aside > .all > span{position:absolute;right:0;width:22px;height:3%;background:#fff;transition:all 0.3s; -webkit-tap-highlight-color:rgba(0,0,0,0);}
.rending_wrap .rheader .aside > .all > span.line1{top:7px;}
.rending_wrap .rheader .aside > .all > span.line2{top:14px;}
.rending_wrap .rheader .aside > .all > span.line3{top:21px;}
.rending_wrap .rheader .aside > .all:active > span.line1{width:18px; outline:none;}
.rending_wrap .rheader .aside > .all:active > span.line2{width:12px; outline:none;}
.rending_wrap .rheader .aside > .all:active > span.line3{outline:none;}
.rending_wrap .rheader .aside > .all.active > span{width:22px !important;}
.rending_wrap .rheader .aside > .all.active > span.line1{top:15px;transform:rotate(45deg);}
.rending_wrap .rheader .aside > .all.active > span.line2{width:0 !important;}
.rending_wrap .rheader .aside > .all.active > span.line3{top:15px;transform:rotate(135deg);}

.rending_wrap .rheader .aside .aside_menu {display:none;}
.rending_wrap .rheader.open .aside .aside_menu {background-color:#fff; position:fixed; top:0; left:0; top:60px; height:100%; width:100%; display:block;}


.rending_wrap .rheader .aside .menu_con {padding:10% 5%;}
.rending_wrap .rheader .aside .menu_con .rgbn {margin:10% 0 0 0}
.rending_wrap .rheader .aside .menu_con .rgbn ul {} 
.rending_wrap .rheader .aside .menu_con .rgbn ul li {margin:0 0 5% 0;}
.rending_wrap .rheader .aside .menu_con .rgbn ul li a {display:block; color:#5f5f5f; font-size:23px; font-weight:bold;}

.rending_wrap .rheader .aside .menu_con .rlang {}
.rending_wrap .rheader .aside .menu_con .rlang ul {font-size:0;}
.rending_wrap .rheader .aside .menu_con .rlang ul li {display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:0 10px 0 0;}
.rending_wrap .rheader .aside .menu_con .rlang ul li a {display:block; color:#b9baba; font-size:15px; font-weight:bold;  padding:3px 25px 4px 25px;  border:1px solid #b9baba; border-radius:15px; }
.rending_wrap .rheader .aside .menu_con .rlang ul li.on a {border:1px solid #000; color:#000;}



/*.rending_wrap .rheader .rlang:hover ~ li a {color:#000;} */
 
.rending_wrap .rfooter {height:60px; line-height:60px; background-color:#000; color:#fff; font-size:11px; text-align:center;}


.rending_wrap .section02 { background-color:#fff;}
.rending_wrap .section .iframe_wrap {width:100%; height:0; padding-bottom:56.25%; position:relative;}
.rending_wrap .section iframe {width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden; display:block;}


..rending_wrap .section09 {}
.rending_wrap .section09 .link_bt {position: relative; bottom:5%; left:0; width:100%; text-align:center; font-size:0; z-index:1000; }
.rending_wrap .section09 .link_bt li {width:50%; margin:2% auto;}
.rending_wrap .section09 .link_bt li a {display:block; zoom:1; *display:inline; vertical-align:top; padding:0 5px; line-height:20px; text-align:center; font-size:16px; border:1px solid #000; color:#000; margin:0 2px; font-weight: bold; text-transform:uppercase;}


.rending_wrap .section09 .pro_view {width:600px; margin:0 auto;}
.rending_wrap .section09 .pro_view ul {font-size:0; text-align:center;}
.rending_wrap .section09 .pro_view ul li {display:inline-block; zoom:1; *display:inline; vertical-align:top; width:20%; padding: 0 10px; box-sizing: border-box;}
.rending_wrap .section09 .pro_view ul li img {}

.rending_wrap .section09 .pro_view ul li span {font-size:13px; display:block; color:#242424; line-height:18px; margin:0 0 10px 0; font-weight:normal;}




/* fullpage */
.tuxedo_bg { display: none; position: fixed; background: rgba(0,0,0,0.7); width: 100%; height: 100%; z-index: 999998;}
.fp-table.fp-section, .fp-table.fp-slide { display: table; table-layout: fixed; width: 100%;}
.fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.fp-auto-height { height: 100%!important;}
.fp-auto-height .fp-tableCell {height:100%!important;}
.fp-section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.section { text-align: center; background-position: center center; background-repeat: no-repeat; width: 100%; background-size: cover; display: table; table-layout: fixed; background-color: #2c3033; overflow: hidden;}
.fp-tableCell {display: table-cell; vertical-align: middle; width: 100%; height: 100%;}
.right#fp-nav { right:5%; display:none;}
#fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0, 0, 0);}
#fp-nav ul, 
.fp-slidesNav ul { margin: 0; padding: 0;}
#fp-nav ul li, 
.fp-slidesNav ul li { display: block; width: 14px; height: 12px; margin: 10px; position: relative;}
#fp-nav ul li a, 
.fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none;}
#fp-nav ul li a.active span, 
.fp-slidesNav ul li a.active span, 
#fp-nav ul li:hover a.active span, 
.fp-slidesNav ul li:hover a.active span { height: 8px; width: 8px; margin: -6px 0 0 -6px; border-radius: 100%; background:none; border:2px solid #000; }
#fp-nav ul li a span, 
.fp-slidesNav ul li a span {border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #000; left: 50%; top: 50%; margin: -2px 0 0 -2px; -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;}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{width: 8px; height: 8px; margin: -4px 0px 0px -4px;}
#fp-nav ul li a span:after {content:""; width:20px; height:10%; background-color:#000; display:block; position:relative; top:50%; left:2px;}
#fp-nav ul li:hover a span:after {left:4px; background-color:#000;}
#fp-nav ul li a.active: span:after {left:4px;}
#fp-nav ul li a.active span, #fp-nav ul li a.active:hover span, #fp-nav ul li a:hover span {background-color:#000!important; border:1px solid #000!important;}
#fp-nav ul li a.active span:after {background-color:#000; width:32px;}

.rending_wrap .dim {background:rgba(0,0,0,0.0); width:100%; height:70%; position:absolute; top:0; left:0; z-index:100000;}



#fp-nav.white ul li a.active span {background-color:#fff!important; border:1px solid #fff!important;}
#fp-nav.white ul li a span {background:none!important; border:0px solid #fff!important;}
#fp-nav.white ul li a span:after {background-color:#fff!important;}
#fp-nav.white ul li a.active span:after {background-color:#fff!important;}
#fp-nav.white ul li:hover a span {background-color:#000!important; border:1px solid #000!important;}
#fp-nav.white ul li:hover a span:after {background-color:#000!important;}

#fp-nav.white ul li a span {background:none;}
#fp-nav ul li a span {background:none;}
#fp-nav ul li a.active span {height: 4px; width: 4px;}
#fp-nav ul li a span:after {width:27px;} 
#fp-nav ul li a.active span:after {width:58px;}
#fp-nav ul li:hover a.active span { border:1px solid #000;  margin: -6px 0 0 -6px!important; border-radius: 100%; background:none;}
#fp-nav ul li:hover a span {width: 4px!important; height: 4px!important;}
#fp-nav ul li:hover a span:after {width: 58px;}



.rending_wrap .section img {width:100%; height:auto;} 
.section09 { background-color:#fff; padding:10% 0% 40% 0%;}


.section09_swiper {width: 80%; margin: 0 auto; overflow:hidden; position:relative; padding: 0 0 10% 0;}


.btn_pptop {display:block!important;}
.btn_tnb {display:block!important;}
#footer {display: block; height: 0; font-size: 0; visibility: hidden; }  
  
</style>
div.C-29768-13-2 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
/* BASIC css end */

