@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, table, caption, tbody, tfoot, thead, tr, th, td, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;}
/* always display scrollbars */
body { font: 12px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体","Arial","Helvetica","SimHei","黑体","STXihei","华文细黑",sans-serif; color: #555;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
input, select { vertical-align: middle; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; padding:0;}
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] ,select{ -webkit-appearance: none; border-radius: 0;}
textarea { -webkit-appearance: none; border-radius: 0; background:none; outline:none; padding:0; margin:0; border:none;}
::-moz-selection { background: #f7a300; color: #fff; text-shadow: none; }
::selection { background: #f7a300; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.tac { text-align: center; }
.tar { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }

.header { z-index:9999; position:fixed; left:0; top:0; padding:35px 50px; width:100%;}
.header.headerfixbg { padding:15px 50px 10px 50px; background:rgba(183,97,1,1); animation: 850ms 350ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadedown; animation-name: fadedown; }

.logo { float:left; overflow:hidden}
.logo a { display:block; color:#ce973a;}
.header.headerfixbg .logo a { color:#fff;}
.logo img, .logo p { display:block; float:left; overflow:hidden}
.logo img { margin:0 10px 0 0;}
.logo p span { display:block;}
.logo p span.log_cn { line-height:1.1; font-size:30px}
.logo span.log_en { letter-spacing: -0.65px; font-size: 14px; }

.pc_nav { float:right; margin:13px 0 0 0; }
.pc_nav ul li { float:left; padding:0 20px; font-size:16px}
.pc_nav ul li:last-child { padding-right:0;}
.pc_nav ul li a { display:block; position:relative; color:#fff;}

.pc_nav li a:after { content: ""; width: 100%; height: 3px; background: #fff; position: absolute; opacity: 0; transition: 344ms ease-out; bottom: -2px; width: 0; left: 50%; }
.pc_nav li a:hover:after, .pc_nav li a.current:after { left: 0; width: 100%; opacity: 1; }

.munu_tab { position:absolute; right:10px; top:32px; cursor:pointer; display:none;}
.munu_tab span { display:block; margin:0 0 10px 0; height:4px; width:30px; background:#FFF; overflow:hidden; transition:320ms ease-in-out}
.munu_tab.active span.mtab_line01 { position:absolute; top:10px; right:10px; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.munu_tab.active span.mtab_line02 { position:absolute; top:10px; right:10px; -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}

.m_nav { z-index:99999; position:absolute; left:0; top:0; width:100%; background:#fff; display:none; animation: 850ms 350ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: fadeup; animation-name: fadeup;}
.m_nav li a { display:block; padding:10px; border-bottom:1px solid #f5f5f5; color:#555; text-align:center; font-size:18px;}
.m_nav li a:hover { background:#fff3e0;}

.ind_fourFloor { padding:50px 0; text-align:center;}
.ind_fourFloor h1 { color:#e28701; font-size:30px}
.ind_fourFloor p { margin:10px 0 0 0;}
.footer { padding:20px 0; background:#e28701; text-align:center; color:#f3c282;}

@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}

@keyframes fadeup {
    from { transform: translateY(50%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}


.scroll_up { position:fixed; right:10px; bottom:70px; border-bottom: 1px solid #f59600}
.scroll_up a { display:block; width:25px; height:35px; overflow:hidden; animation-duration: 550ms; animation-iteration-count: infinite; animation-name: fadeup; animation-play-state: running; animation-timing-function: linear;} 
.scroll_up a span { display:block; position:absolute; width: 10px; height:1px; background:#f59600; overflow:hidden; }
.scroll_up a span.line01 { top:8px; left:4px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.scroll_up a span.line02 { top:8px; left:11px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}
.scroll_up a span.line03 { top:15px; left:4px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);}
.scroll_up a span.line04 { top:15px; left:11px; transform:rotate(45deg); -webkit-transform:rotate(45deg);}