/* BASIC css start */
#hdWrap, #contentWrapper, #ftWrap, #blk_scroll_wings {display:none;}	
body {min-width:1100px;}

.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 {}
.rending_wrap .section {/*min-height:950px;*/}
.rending_wrap .section img {width:100%; height:auto; }


.rending_wrap .rheader {height:115px; 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:90px; margin:-14px 0 0 0;}

.rending_wrap .rheader .rgbn {position:absolute; top:50%; right:180px; margin:-14px 0 0 0;}
.rending_wrap .rheader .rgbn ul:after {content:""; clear:both; display:block;} 
.rending_wrap .rheader .rgbn ul {zoom:1;} 
.rending_wrap .rheader .rgbn ul li {float:left;}
.rending_wrap .rheader .rgbn ul li a {display:block; color:#fff; font-size:16px; font-weight:bold;}
.rending_wrap .rheader .rgbn ul li:first-child a:before {display:none;}
.rending_wrap .rheader .rgbn ul li a:before {content:"|"; font-weight:normal; margin:0 20px;  font-size: 13px; vertical-align: top; color:#fff!important;}
.rending_wrap .rheader .rgbn ul li a:hover {color:#6aaa2e; /*text-decoration:underline;*/ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}


.rending_wrap .rheader .rlang {position:absolute; top:50%; right:90px; margin:-14px 0 0 0; /*border:1px solid #fff;*/ border-radius:10px; overflow:hidden;}
.rending_wrap .rheader .rlang ul {}
.rending_wrap .rheader .rlang ul li {display:none;}
.rending_wrap .rheader .rlang ul li a {display:block; color:#fff; font-size:13px; font-weight:bold;  padding:3px 10px 4px 10px;}
.rending_wrap .rheader .rlang ul li:first-child {display:block;}
.rending_wrap .rheader .rlang ul li:first-child a:after {content:"▼";  font-size: 11px; vertical-align:middle; margin:0px 0 0 3px;}
.rending_wrap .rheader .rlang:hover ul li a:after {content:"▲"; font-size:0;}

.rending_wrap .rheader .rlang:hover {background-color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.rending_wrap .rheader .rlang:hover a {color:#000;}
.rending_wrap .rheader .rlang:hover li {display:block; padding:2px 0;}
/*.rending_wrap .rheader .rlang:hover ~ li a {color:#000;} */

.rending_wrap .rheader .rlang li:hover a:after {content:"▲";  font-size: 11px; vertical-align:middle; margin:0px 0 0 3px; font-size:11px!important;}

 
.rending_wrap .rfooter {height:80px; line-height:80px; background-color:#000; color:#fff; font-size:12px; text-align:center;}



.rending_wrap .section01 {}
.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; z-index:100000;}


.rending_wrap .section09 {}
.rending_wrap .section09 .link_bt {position:absolute; bottom:2%; left:0; width:100%; text-align:center; font-size:0;}
.rending_wrap .section09 .link_bt a {display:inline-block; zoom:1; *display:inline; vertical-align:top; padding:0 25px; line-height:50px; text-align:center; font-size:22px; border:2px solid #000; color:#000; margin:0 5px; font-weight:normal; text-transform:uppercase;}
.rending_wrap .section09 .link_bt a:hover {background-color:#000; color:#fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}


.rending_wrap .section09 .pro_view {width:996px; 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:40px; 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: 40px; 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:1px; 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!important; width:38px;}





.rending_wrap .dim {background:rgba(0,0,0,0.0); width:100%; height:90%; 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;}





.section09 {background-color:#fff; padding:10% 0 10% 0;}


/* BASIC css end */

