@charset "utf-8";
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: none; -webkit-tap-highlight-color: transparent }
img { vertical-align: middle; max-width: 100%; -ms-interpolation-mode: bicubic }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, iframe { display: block }
ul, dl { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
h3, h4, h5, h6, i { font-weight: normal }
i, em, code { font-style: normal }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling: touch }
select::-ms-expand { display: none; }
input, select, option { vertical-align: middle; -webkit-tap-highlight-color: transparent; outline: none }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; resize: none; border: none }
html.mic, html.mic body { width: 100%; height: 100%; position: relative; overflow: hidden }
body { font: 16px/1.75 "Microsoft YaHei","SimSun",Arial, Helvetica, sans-serif; outline: none; background-color: #FFF; color: #333; min-width: 320px; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: transparent; overflow: hidden; overflow-y: auto }
a { color: #333; text-decoration: none; -webkit-tap-highlight-color: transparent; transition: color 0.35s; -webkit-transition: color 0.35s; -moz-transition: color 0.35s }
a:hover { }
.clx::after, .clr::after, .dl::after, ul::after { content: ""; display: block; height: 0; width: 100%; clear: both; overflow: hidden }
.cler { clear: both; overflow: hidden; width: 100%; height: 0 }
.fl, .lt { float: left; }
.fr, .rt { float: right; }
.overflow { overflow: hidden; }
.ov { visibility: hidden; opacity: 0 }
.padd { padding: 4% 0 }
.pic { display: block; width: 100%; height: auto }
#Banner, #container, #Footer, .section, .layer, .layout { width: 100%; position: relative }
.pop-layer { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px }
.wrap { margin: 0 10.9375%; position: relative }
.higt { height: 100%; }
.layr { width: 100% }
.boxtable { display: table; width: 100%; height: 100% }
.boxcell { display: table-cell; vertical-align: middle; width: 100%; height: 100% }
.box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.opa { filter: alpha(opacity=0.5); opacity: 0.5 }
.pc-layer { display: block }
.mobile-layer { display: none }
.gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.trs { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s }
.text-over { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden }
.tow-line { height: 56px; line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden }
.text-one { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.h1-title { font-size: 36px }
.h2-title { font-size: 28px }
.column-title { font-size: 24px; margin-bottom: 20px }
.title { font-size: 20px }
.text { font-size: 16px; text-align: justify }
.pad { padding: 3% }
.hover-color:hover, .hover-color .color { color: #ffb71d }
.clear { display: block; clear: both; }
#animation_container { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 30000; background: #FFF; }
#animation_container #canvas { position: absolute; display: block; background-color: rgba(255, 255, 255, 1.00); width: 100%; height: 100%; }
#dom_overlay_container { pointer-events: none; overflow: hidden; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
/* Header */
#Header { height: 100px; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 8000 }
#Header.scrolled { top: 0px }
#Header .head { width: 100%; height: 100% }
#Header .black { box-shadow: 0px 0px 3px rgba(0,0,0,0.15); background: rgba(255,255,255,0.9) }
#Header .wrap { height: 100%; margin: 0 5%; position: relative }
#Header .logo { height: 100%; width: 166px; text-align: center; position: absolute; top: 0px; left: 0px }
#Header .logo a { display: block; height: 92px; width: 170px }
#Header .white .logo a { background: url(../images/logo.png) no-repeat left center }
#Header .black .logo a { background: url(../images/logo2.png) no-repeat left center }
#Header .menu { height: 100%; width: auto; position: relative; float: right; margin-right: 80px; }
#Header .nav { position: relative; height: 100%; width: 984px }
#Header .nav ul { position: relative; z-index: 100 }
#Header .nav ul, #Header .nav li { height: 100% }
#Header .nav li { display: block; float: left; height: 100%; padding: 0px 25px; position: relative; text-align: center }
#Header .nav a.m { display: block; height: 100%; line-height: 100px; font-size: 18px; position: relative }
#Header .white .nav a.m { color: #FFF }
#Header .black .nav a.m { color: #333 }
#Header .subnav { width: 100%; position: absolute; left: 0px; top: 100px; opacity: 0; visibility: hidden; background: rgba(255,255,255,0.9) }
#Header .subnav p { display: block; text-align: center; position: relative; border-bottom: 1px solid #dedede }
#Header li .subnav p:last-child { border-bottom: none }
#Header .subnav a { color: #333; height: 35px; line-height: 35px; display: inline-block; font-size: 15px }
#Header .subnav a:hover { color: #ffb71d }
#Header .nav ul:hover li.current .m { color: #333 }
#Header .nav li:hover .subnav { top: 100px; opacity: 1; visibility: visible }
#Header .nav li.current .m, #Header .nav li.now .m, #Header .nav ul:hover li.now .m { color: #FFF }
#Header .nav li.now .mover { width: 120px }
#Header .mover { width: 0px; height: 100%; position: absolute; top: 0px; left: 0px; background: #ffb71d; overflow: hidden; }
#Header, #Header .head, #Header .logo a, .nav ul a, #Header .subnav { transition: all 0.35s ease-out; -webkit-transition: all 0.35s ease-out; -moz-transition: all 0.35s ease-out }
.solid { height: 100px }
/* Footer */
#Footer { padding: 40px 0px 0px; background: #3a342f }
#Footer.bgImg { background: url(../images/bgfot.png) no-repeat center; background-size: cover }
#Footer .layout { z-index: 10 }
#Footer .layer { margin-bottom: 12px }
#Footer .logobar { margin-bottom: 20px }
#Footer .logobar a { display: block }
#Footer .infor { color: #FFFFFF; opacity: 0.8; font-size: 14px }
#Footer .menubar { float: right; height: 100%; }
#Footer .menubar a { display: block; font-size: 16px; color: rgba(255,255,255,0.8) }
#Footer .menubar ul { width: 100%; margin-bottom: 25px }
#Footer .menubar li { display: block; float: left; margin-left: 30px }
#Footer .menubar li:first-child { margin-left: 0px }
#Footer .menubar a:hover { color: rgba(255,255,255,1) }
#Footer .menubar h3 { display: block; font-size: 16px; line-height: 35px }
#Footer .menubar .subnav a { font-size: 14px; line-height: 24px }
#Footer .menubar dl { width: 100%; text-align: right }
#Footer .menubar dd { display: inline-block; margin-left: 40px; text-align: center }
#Footer .menubar dd a { opacity: 0.75; color: #FFF }
#Footer .menubar dd i { display: block; margin: 0px auto 5px; height: 30px; width: 40px }
#Footer .menubar dd p { display: block; font-size: 14px }
#Footer .menubar .sina i { background: url(../images/icon-sina.png) no-repeat center }
#Footer .menubar .weix i { background: url(../images/icon-weix.png) no-repeat center }
#Footer .menubar .kuaix i { background: url(../images/icon-kuaix.png) no-repeat center }
#Footer .menubar .mail i { background: url(../images/icon-mail.png) no-repeat center }
#Footer .rights-share { border-top: 1px solid #a3a09e; padding: 12px 0; }
#Footer .rights-share { font-size: 13px }
#Footer .rights-share a, #Footer .rights-share span { color: #FFFFFF; opacity: 0.8 }
#Footer .rights a { margin-left: 20px }
#Footer .share li { display: block; float: left }
#Footer .share i { display: inline-block; color: #FFF; opacity: 0.6; margin: 0px 7px; font-size: 12px; line-height: 14px; vertical-align: text-top }
#Footer .rights-share a:hover, #Footer .menubar a:hover { opacity: 1 }
.right-pop { width: 45px; position: fixed; right: 10px; top: 35%; z-index: 700 }
.right-pop a { display: block; width: 100%; height: 45px; margin-bottom: 10px; position: relative; cursor: pointer }
.right-pop i { display: block; width: 45px; height: 45px; line-height: 42px; text-align: center; position: absolute; top: 0px; right: 0px; z-index: 1; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; overflow: hidden; background: #ffb71d; box-shadow: 0px 0px 7px rgba(0,0,0,0.35); }
.right-pop img { height: 20px }
.right-pop p { display: block; width: 0px; height: 45px; line-height: 45px; padding: 0px 0px 0px 0px; position: absolute; right: 20px; top: 0px; background: #ffb71d; color: #FFF; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; font-size: 14px; overflow: hidden }
.right-pop p em { display: block; width: 60px; height: 100% }
.right-pop a:hover p { width: 60px; padding: 0px 45px 0px 15px; right: 10px; }
.swiper-container { width: 100%; height: auto }
.swiper-container .swiper-wrapper, .swiper-container .swiper-slide { width: 100%; height: 100% }
.md-padbox { text-align: center }
/* Banner */
#Banner { height: 100vh }
#Banner .swiper-container { width: 100%; height: 100% }
.banner .wall { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover }
.banner .wall img { opacity: 0; visibility: hidden }
.banner .swiper-paging { position: absolute; text-align: center; bottom: 3%; z-index: 10 }
.banner .swiper-paging span { width: 10px; height: 10px; margin: 0px 10px; background: #000; opacity: 0.3; filter: alpha(opacity = 30) }
.banner .swiper-paging span.swiper-pagination-bullet-active { background: #eaa41d; opacity: 1; filter: alpha(opacity = 100); }
/* container */
.lay .cn-title { display: block; color: #FFF; font-size: 40px }
.black .cn-title { color: #9e9e9e }
.dark-level { height: 719px; background: #323232 }
.picture { width: 66.66%; height: 719px; position: relative; overflow: hidden }
.picture .top-title { width: 100%; position: absolute; left: 0%; top: 10%; z-index: 10 }
.picture .lay { width: 75%; margin: 0 auto; position: relative }
.picture .top-title img { display: block; max-width: 65% }
.picture .top-title p { display: block; position: absolute; left: 0; bottom: 10px; color: #FFF; font-size: 40px }
.ui-dark { width: 100%; height: 100%; position: relative }
.ui-dark ul { width: 100%; height: 100%; position: relative; margin: 0px auto }
.ui-dark ul, .ui-dark .back { position: relative }
.ui-dark li { display: block; opacity: 0; visibility: hidden }
.ui-dark li.show { opacity: 1; visibility: visible }
.ui-dark .bgImage, .ui-dark .bgImage p { width: 100%; height: 100%; position: relative }
.ui-dark .back-infor { width: 100%; height: 100%; background: rgba(0,0,0,0.7) }
.ui-dark .infor { width: 75%; margin: 0 auto; padding-top: 20%; color: #FFF; position: relative }
.ui-dark .title { width: 100%; font-size: 24px; border-bottom: 1px solid #eaa41d; margin-bottom: 40px; padding-bottom: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.ui-dark .text { font-size: 16px; line-height: 30px; margin-left: 40%; text-align: justify }
.ui-dark .text p { margin-bottom: 10px }
.card-list { width: 33.33%; height: 100%; background: #323232; position: absolute; top: 0px; right: 0px }
.card-list .card { float: left; position: relative; height: 50.5%; width: 50%; border-left: 1px solid #565656; border-top: 1px solid #565656; margin-left: -1px; margin-top: -1px }
.card-list .card-sizer { padding: 60px 40px; position: relative; z-index: 5; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.card-list .card-day { position: relative; height: 80px; width: 120px; text-align: center; line-height: 80px; margin-bottom: 60px }
.card-list .card-day p { display: block; line-height: 80px; font-size: 100px; color: rgba(255,255,255,0.2); font-family: Arial; font-weight: bold }
.card-list .card-day span { display: block; width: 100%; position: absolute; top: 0px; left: 0; color: #FFF; font-size: 40px; font-family: Arial; font-weight: bold }
.card-list .card-info { width: 100%; color: #FFF; font-size: 18px; line-height: 30px; height: 90px }
.card-list .card-info span { display: block; float: left; font-size: 20px; margin-right: 5px }
.card-list .card-info p { display: block; }
.card-list .bgwall { width: 100%; height: 0%; position: absolute; left: 0px; bottom: 0px; background: #ffb71d; }
.card-list .card:hover .bgwall, .card-list .card-hover .bgwall { height: 100%; }
.news { padding: 100px 0px; position: relative; overflow: hidden }
.news .parallax-level { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 0; overflow: hidden }
.news .news-bgimg { width: 100%; height: 100%; position: absolute; left: 0px; top: -20%; background-position: center; background-size: cover; background-repeat: no-repeat; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear }
.news .news-section { width: 100%; position: relative; z-index: 10; }
.news-section .top-title { margin-bottom: 60px }
.news .col-title { width: 100%; position: relative; margin-bottom: 55px }
.news .col-title img { position: relative; top: 100px }
.news .news-layer-box { position: relative; width: 100%; }
.news .topBar { position: absolute; right: 56%; top: 0px; background: #ffb71d; width: 435px; height: 391px; overflow: hidden }
.news .topBar ul { width: 100% }
.news .topBar li { display: block; width: 100%; height: 391px; position: relative }
.news .topBar .num { width: 100%; color: #FFF; }
.news .topBar .num p { display: block; height: 100%; }
.news .topBar .title { position: absolute; top: 50%; left: 0px; width: 100%; height: 66px; margin-top: -33px }
.news .topBar .title a { display: block; margin: 0px auto; width: 80%; color: #333; text-decoration: none }
.news .topBar .title p { display: block; font-size: 22px }
.news .topBar .title span { font-size: 30px; }
.news .list-box { margin-left: 44%; position: relative }
.news .list-box li { display: block; border-bottom: 1px solid #dedbd6; position: relative }
.news .list-box li a { display: block; cursor: pointer; padding: 80px; height: 150px; text-decoration: none; background: #FFF; color: #333; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s }
.news .list-box .times { position: absolute; top: 60px; left: 60px; height: 100%; width: 240px; height: 150px; line-height: 150px; font-size: 30px; font-weight: bold; color: #666 }
.news .list-box .times p { display: table; width: 100%; height: 100%; vertical-align: middle }
.news .list-box .times span { display: table-cell; width: 100%; height: 100%; }
.news .list-box .text { margin-left: 230px; width: 50%; font-size: 16px; color: #333; line-height: 28px; -webkit-line-clamp: 5; }
.news .list-box .icons { width: 60px; height: 60px; position: absolute; top: 50%; right: 8%; margin-top: -30px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #434343 }
.news .list-box .icons::before, .news .list-box .icons::after { content: ''; display: block; position: absolute; left: 50%; top: 50%; background: rgba(255,255,255,0.8) }
.news .list-box .icons::before { width: 20px; height: 2px; margin-left: -10px; margin-top: -1px; }
.news .list-box .icons::after { width: 2px; height: 20px; margin-left: -1px; margin-top: -10px; }
.news .list-box li a:hover { background: #f6f1e6 }
.news .list-box li a:hover .icons { background: #ffb71d; }
.bother { height: 100px; clear: both; width: 100%; overflow: hidden }
.medias { height: 778px; z-index: 10 }
.media-layer { height: 100%; }
.media-title { float: left; width: 44%; height: 778px; background: url(/images/img1.jpg) no-repeat center }
.media-title .lay { width: 378px; margin: 0px auto; padding-top: 35% }
.medias a { text-decoration: none }
.medias .imageBox { width: 44%; height: 100%; position: relative; float: left; }
.medias .title-infor { color: #FFF; width: 70%; margin: 0 auto }
.medias .title-infor span { display: block; font-size: 50px; }
.medias .media-list { width: 56%; height: 100%; position: relative; float: right }
.medias .brand-grid { display: block; width: 50%; float: left; position: relative; background: url(../images/img2.png) no-repeat center; background-size: cover }
.medias .sub-middle { background: #FFF; }
.medias .brand-grid .item { width: 100%; padding: 65px 65px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.medias .sub-middle .item { height: 460px; }
.medias .sub-right .item { height: 389px }
.medias .brand-grid .item a { display: block; position: relative; width: 100%; height: 100% }
.medias .sub-right .item a { color: #FFF }
.medias .brand-grid h3 { display: block; color: #ffb71d; font-size: 40px }
.medias .brand-grid .text { font-size: 20px; position: absolute; left: 0; bottom: 0px; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.partner { padding: 120px 0px 80px; position: relative; }
.partner .bg-box { z-index: 0; }
.partner .bg-parallax { width: 100%; height: 100%; position: absolute; left: 0px; top: -20%; background-position: center; background-size: cover; background-repeat: no-repeat; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear }
.partner .slogan { position: absolute; top: 20px; left: 0px; width: 100%; font-size: 20px }
.page-title { position: relative; margin-bottom: 50px; min-height: 65px }
.page-title span { display: block; width: 100% }
.page-title h2 { display: block; font-weight: 400; position: absolute; top: 23px; left: 10px; color: #ffb71d; letter-spacing: 2px }
.bgimg-about { background: url(/images/wall4.jpg) no-repeat center; background-size: cover }
.profile { width: 58%; animation: fadeInUp 0.5s ease-out 0.1s both; -webkit-animation: fadeInUp 0.5s ease-out 0.1s both }
.vision .photo { width: 50%; position: relative; background: #000; overflow: hidden }
.vision .photo::after { content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: #000; opacity: .35 }
.vision .infor { width: 50%; height: 100%; position: absolute; top: 0px }
.vision .even .infor { left: 50% }
.vision .odd .infor { left: 0% }
.vision .odd .photo { margin-left: 50% }
.vision .padd-box { padding: 7% 8%; height: 80% }
.vision .vision-text { height: 300px }
.vision .vision-text p { margin-bottom: 10px }
.vision .layer:hover { background: #f3f3f3 }
.vision .layer:hover .photo::after { opacity: 0 }
.rule .column-title { text-align: center; margin-bottom: 40px }
.rule-title { margin-bottom: 10px }
#rule-swiper { padding-bottom: 24px }
#rule-swiper::after { content: ""; display: block; width: 100%; height: 1px; position: absolute; left: 0px; bottom: 0px; background: #ffb71d }
#rule-swiper .swiper-slide { float: left; height: 58px; width: 130px; border-radius: 8px; line-height: 58px; text-align: center; background: #fff9ed; color: #d4cbb5; margin-right: 19px; font-size: 17px; cursor: pointer }
#rule-swiper .swiper-slide::before, #rule-swiper .swiper-slide::after { width: 0px; height: 0px; position: absolute; bottom: -24px; left: 50%; border: 0px solid transparent }
#rule-swiper .swiper-slide::before { border-width: 10px; border-bottom-color: #ffb71d; margin-left: -10px }
#rule-swiper .swiper-slide::after { border-width: 8px; border-bottom-color: #FFF; margin-left: -8px }
#rule-swiper .swiper-slide:hover { color: #000 }
#rule-swiper .swiper-slide-active, #rule-swiper .swiper-slide-active:hover { background: #ffb71d; color: #FFF }
#rule-swiper .swiper-slide-active::before, #rule-swiper .swiper-slide-active::after { content: ""; display: block }
#rule-content-swiper .swiper-wrapper, #rule-content-swiper .swiper-slide { height: auto; min-height: 588px }
#rule-content-swiper .text { padding: 40px; cursor: move }
#rule-content-swiper p, #rule-content-swiper h2 { margin-bottom: 10px }
.council .tab-nav { height: auto; width: 100%; height: 100px }
.council .grid { width: 25%; float: left; height: 60px; padding: 20px 0px; text-align: center; background: #fff9ed; cursor: pointer; position: relative }
.council .grid p { display: inline-block; height: 100%; text-align: right; }
.council .grid em { text-transform: uppercase; color: #f9e1ad; font-size: 20px; line-height: 24px; font-style: normal }
.council .grid span { display: block; font-size: 22px; color: #ffb71d }
.council .grid i { display: block; width: 0px; height: 0px; border: 12px solid transparent; border-top-color: #ffb71d; position: absolute; left: 50%; top: 100%; margin-left: -12px; visibility: hidden }
.council .tab-nav .active { background: #ffb71d; }
.council .tab-nav .active span { color: #FFF }
.council .tab-nav .active i { visibility: visible }
.council .tab-item dl { padding: 60px }
.council .tab-item dt, .council .tab-item dd { border-bottom: 1px dashed #f1f1f1; height: 60px; line-height: 60px }
.council .tab-item span { display: block; width: 46%; height: 100%; margin: 0px 2%; float: left; text-align: center }
.council .tab-item dt span { font-size: 20px }
.council .tab-item a { display: block; height: 100% }
.council .tab-item a:hover { background: #fff9ed }
.inner-page { background: url(/images/wall5.jpg) no-repeat center bottom #faf7f2; background-size: 100% auto }
.bg-page { background: url(/images/wall5-1.png) no-repeat left top; background-size: 100% auto; padding-top: 60px }
.inner-detail { width: 58% }
.people { margin-bottom: 60px }
.people .name { font-size: 24px; color: #ffb71d }
.people .title { font-size: 18px }
.people-head { width: 26%; margin-right: 5% }
.mes-tab-nav { height: 80px; background: #faf4e8 }
.mes-tab-nav p { display: block; float: left; height: 100%; margin-right: 70px; }
.mes-tab-nav a { display: block; line-height: 78px; font-size: 18px; border-bottom: 4px solid transparent }
.mes-tab-nav a:hover, .mes-tab-nav a.active { border-bottom: 4px solid #ffb71d }
.message-infor { width: 56% }
.message-title { font-size: 26px; margin-bottom: 5px }
.message-title::after { content: ""; display: block; width: 30px; height: 2px; margin-top: 7px; background: #ffb71d }
.message-text p { margin-bottom: 15px }
.message-infor .who { font-size: 20px; margin-bottom: 40px }
.con-center { text-align: center }
.stru-image { display: inline-block; position: relative; text-align: left }
.stru-image a { display: block; position: absolute; width: 9%; height: 10.68% }
.stru-image .link1 { left: 29.2%; top: 17.33% }
.stru-image .link2 { left: 37.46%; top: 17.33% }
.stru-image .link3 { left: 29.2%; top: 77.21% }
.stru-image .link4 { left: 37.46%; top: 77.21% }
.stru-image .link5 { left: 45.53%; top: 77.21% }
.stru-image .link6 { left: 53.73%; top: 77.21% }
.people-hd { width: 36%; margin-top: 3% }
.chart .wrap { background: #fdfbf8; text-align: center }
.chart .chart-title { margin-bottom: 40px }
.secphoto { height: 865px; background-position: center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover }
.clerk .h1-title { text-align: center; margin-bottom: 2% }
.clerk .text { width: 50%; text-align: center; margin: 0 auto 3% }
.clerk .clerk-list ul { margin: 0px -25px }
.clerk .clerk-list li { display: block; float: left; width: 20%; margin-bottom: 50px }
.clerk .clerk-list a { display: block; overflow: hidden; position: relative; margin: 0 25px }
.clerk .clerk-list p { display: block; width: 100%; height: 50px; position: absolute; left: 0px; bottom: -50px; background: rgba(255,183,29,0.9); overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.clerk .clerk-list span { display: block; padding: 10px 15px; text-align: center; color: #FFF }
.clerk .clerk-list a:hover { -webkit-filter: none; -moz-filter: none; -ms-filter: none; filter: none; }
.clerk .clerk-list a:hover p { bottom: 0px }
.labor-list dl { width: 100%; text-align: center; margin-bottom: 4% }
.labor-list dt { display: block; width: 100%; margin-bottom: 4% }
.labor-list dd { margin: auto; display: block; width: 600px }
.labor-list dt a { width: 249px; margin: 0 auto; position: relative; }
.labor-list .grid { width: 249px; float: left; margin: 0 25px }
.labor-list a { display: block; }
.labor-list p { display: block; width: 100%; overflow: hidden; margin-bottom: 15px }
.labor-list span { display: block; padding: 10px 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid #ffb71d }
.labor-list a:hover span { background: #ffb71d; color: #FFF }
.labor-list ul { width: 900px; margin: auto auto }
.labor-list li { display: block; width: 249px; float: left; margin: 0 25px; text-align: center }
.party-list ul { margin: 0px -20px }
.party-list li { display: block; float: left; width: 33.33%; margin-bottom: 40px }
.party-list a { display: block; margin: 0 20px; position: relative }
.party-list .imge { width: 100%; overflow: hidden }
.party-list .info { padding: 10px 16px 20px; border: 1px solid #e9e9ec; border-top: none }
.party-list .times { color: #ffb71d; font-size: 22px }
.party-list h3 { display: block; font-size: 20px; font-weight: 400; height: 60px; line-height: 30px; margin-bottom: 10px; -webkit-line-clamp: 2; }
.party-list .text { line-height: 26px; height: 52px; -webkit-line-clamp: 2; color: #666 }
.party-list a:hover { box-shadow: 0px 0px 5px rgba(0,0,0,0.25) }
.party-list a:hover h3 { color: #ffb71d }
.party-list a:hover .times { color: #666 }
.events { background: url(/images/wall6.png) repeat }
.yaer-layer { height: 176px; margin-bottom: 3% }
.yaer-layer .line { width: 100%; height: 2px; position: absolute; top: 50%; left: 0px; margin-top: -1px; background: #988e78 }
.yaer-layer .swiper-container, .event-list .swiper-container { width: 100%; height: 100% }
.yaer-layer .swiper-slide { width: 20%; float: left; height: 100%; position: relative; text-align: center }
.yaer-layer .rod, .yaer-layer .round { width: 18px; height: 18px; position: absolute; top: 50%; left: 50%; margin: -9px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #ffb71d; }
.yaer-layer .rod { filter: alpha(opacity=36); opacity: 0.36; z-index: 0; overflow: hidden; animation: r360 3s linear infinite; -webkit-animation: r360 3s linear infinite }
.yaer-layer .rod::after { content: ""; display: block; width: 0px; height: 0px; border: 88px solid transparent; border-top-color: #ffb71d; border-bottom-color: #ffb71d }
.yaer-layer .round { z-index: 1; cursor: pointer }
.yaer-layer .year { width: 60px; height: 30px; line-height: 30px; position: absolute; left: -21px; top: 25px; font-size: 22px }
.yaer-layer .grid-odd .year { top: -33px }
.yaer-layer .slide-active .rod { width: 176px; height: 176px; margin: -88px; }
.yaer-layer .slide-active .round { width: 146px; height: 146px; margin: -73px; }
.yaer-layer .slide-active .year { width: 100%; height: 100%; line-height: 146px; top: 0px; left: 0px; color: #FFF; font-size: 40px }
.yaer-layer .arrow { width: 42px; height: 42px; position: absolute; top: 50%; margin-top: -21px; z-index: 100; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #988e78 }
.yaer-layer .arrow i { display: block; width: 100%; height: 100%; }
.yaer-layer .arrow-prev { left: 0px }
.yaer-layer .arrow-prev i { background: url(/images/ary-prev.png) no-repeat center; }
.yaer-layer .arrow-next { right: 0px }
.yaer-layer .arrow-next i { background: url(/images/ary-next.png) no-repeat center; }
.event-list .event-picture { width: 52%; position: relative; overflow: hidden }
.event-list .event-infor { max-height: 550px; height: 100%; width: 45%; }
.event-list dl { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dedede }
.event-list dt { font-size: 22px }
.event-list dl:hover dt, .event-list dl.on dt { color: #ffb71d }
.area-layout .bg-box { z-index: 0; background: url(/images/wall3.jpg) no-repeat center; background-attachment: fixed }
.area-layout .slogan { position: absolute; top: 20px; left: 0px; width: 100%; font-size: 20px }
.area-layout .map-box { width: 68%; position: relative }
.area-layout .map-box .pic { display: block; width: 100% }
.area-layout .piece { position: absolute; top: 0px; left: 0px }
.area-layout .area { z-index: 10 }
.area-layout .city { width: 1px; height: 1px; position: absolute; top: 30px; left: 0px; cursor: default }
.area-layout .city i { display: block; width: 7px; height: 7px; position: absolute; top: -3px; left: -3px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #FFF }
.area-layout .name { padding-right: 8px; position: absolute; right: 0px; top: -11px; height: 23px; line-height: 23px; min-width: 60px; text-align: right; font-size: 14px }
.area-layout .item-list { position: absolute; left: 73%; top: 0; }
.area-layout .item-list li { display: block; width: 100%; opacity: 1; visibility: visible; margin-bottom: 10px }
.area-layout .item-list h3 { display: block; font-weight: 400; padding-left: 30px; font-size: 24px; color: #df9f50; background: url(/images/yel-icon-adder.png) no-repeat left center }
.area-layout .item-list .text { padding-left: 30px; line-height: 30px; }
.area-layout .item-list li.show { opacity: 1; visibility: visible; display: block }
.type-nav { height: 80px }
#menu-swiper { height: 80px; text-align: center }
#menu-swiper .swiper-slide { height: 100%; width: auto; float: left; line-height: 80px; }
#menu-swiper .swiper-slide a, .type-nav a { display: block; font-size: 18px; margin: 0px 20px; position: relative }
#menu-swiper .swiper-slide a::after, .type-nav a::after { content: ""; display: none; width: 100%; height: 4px; position: absolute; left: 0px; bottom: 0px; background: #ffb71d }
#menu-swiper .swiper-slide a.current::after { display: block }
.type-nav a { float: left; line-height: 80px; margin: 0px 30px }
.type-nav a:hover, .type-nav a.current { color: #ffb71d }
.type-nav a.current::after { display: block; color: #ffb71d }
.news-list li { display: block; width: 100%; margin-bottom: 40px }
.news-list li a { display: block; padding: 20px }
.news-list li a::after { content: ""; display: block; width: 100%; height: 0px; clear: both; overflow: hidden }
.news-list .image { float: left; width: 35%; overflow: hidden }
.news-list .infor { margin-left: 36%; padding: 25px 0px 15px 40px }
.news-list .infor h2 { display: block; font-size: 20px; margin-bottom: 25px; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.news-list .text { line-height: 28px; height: 84px; -webkit-line-clamp: 3; color: #666; padding-right: 40px; margin-bottom: 30px }
.news-list .line { width: 66px; height: 2px; background: #626262; margin-bottom: 20px }
.news-list .time { color: #999; font-size: 18px }
.news-list li a:hover .time { color: #ffb71d }
.news-list li a:hover .line { width: 100%; background: #ffb71d }
.detail-main { position: relative; padding-left: 100px; margin-left: 8% }
.detail-main .toolbar { width: 140px; position: fixed; top: 180px; left: 10.9375% }
.toolbar li { display: block; float: left; width: 54px; height: 54px; margin: 0px 11px 10px 0px }
.bshare-custom.icon-medium-plus li a { display: block; width: 52px; height: 52px; border: 1px solid #ECECEC; line-height: 52px; font-size: 20px; text-align: center; opacity: 1; padding-left: 0px; margin-right: 0px; }
.bshare-custom.icon-medium-plus .btn-return { font-size: 16px }
.bshare-custom.icon-medium-plus a:hover { text-decoration: none; border: 1px solid #ffb71d; color: #ffb71d }
.bshare-custom.icon-medium-plus a.bshare-sinaminiblog { background: url(../images/icon-social-sina.png) no-repeat center }
.bshare-custom.icon-medium-plus a.bshare-qqmb { background: url(../images/icon-social-wbog.png) no-repeat center }
.bshare-custom.icon-medium-plus a.bshare-weixin { background: url(../images/icon-social-wecher.png) no-repeat center }
.bshare-custom.icon-medium-plus a.bshare-qqim { background: url(../images/icon-social-qq.png) no-repeat center }
.bshare-custom.icon-medium-plus a.bshare-sinaminiblog:hover { background: url(../images/icon-social-sina-on.png) no-repeat center }
.bshare-custom.icon-medium-plus a.bshare-qqmb:hover { background: url(../images/icon-social-wbog-on.png) no-repeat center }
.bshare-custom.icon-medium-plus a.bshare-weixin:hover { background: url(../images/icon-social-wecher-on.png) no-repeat center }
.bshare-custom.icon-medium-plus a.bshare-qqim:hover { background: url(../images/icon-social-qq-on.png) no-repeat center }
.detail-layer { width: 65% }
.detail-top { margin-bottom: 30px }
.detail-top .h2-title { margin-bottom: 10px; line-height: 1.5; text-align: justify }
.detail-top .news-informa { height: 30px; line-height: 30px; color: #888; border-bottom: 1px solid #ddd; padding-bottom: 10px }
.detail-top .news-informa span { display: block; float: left; margin-right: 40px; font-size: 14px }
.detail-top .news-informa .return { display: block; font-size: 14px; line-height: 30px; float: right; color: #888 }
.news-content { border-bottom: 1px solid #ddd; padding-bottom: 40px; margin-bottom: 40px; line-height: 1.75; font-size: 16px }
.news-content p, .news-content section { margin-bottom: 15px }
.related-layer { width: 27% }
.related-layer li { display: block; width: 100%; margin-bottom: 25px }
.related-layer a { display: block; width: 100%; position: relative; overflow: hidden; color: #FFF }
.related-layer .rel-title { position: absolute; left: 0px; bottom: 0px; width: 100%; background: rgba(0,0,0,0.65) }
.related-layer .rel-title p { display: block; height: 30px; line-height: 30px; padding: 10px 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.rela a { display: inline-block; max-width: 47%; height: 30px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
.rela a:hover, .detail-top .news-informa .return:hover { color: #ffb71d }
.brand-list ul { margin: 0px -10px }
.brand-list li { display: block; float: left; width: 33.33%; margin-bottom: 40px }
.brand-list li a { display: block; margin: 0px 10px; padding: 5px; border-bottom: 1px solid #e4e4e4; }
.brand-list .photo { overflow: hidden; width: 100%; position: relative }
.brand-list .infor { padding: 10px 15px; transition: padding 0.5s; }
.brand-list .title { line-height: 30px; height: 30px; margin-bottom: 10px }
.brand-list .text { line-height: 28px; height: 56px; -webkit-line-clamp: 2; margin-bottom: 10px }
.brand-list .time { height: 26px; line-height: 26px; font-size: 14px; background: url(/images/icon1.png) no-repeat right center }
.brand-list li a:hover { background: #ffb71d; color: #FFF; border-bottom: 1px solid #ffb71d; }
.brand-list li a:hover .infor { padding: 10px 10px; }
.brand-list li a:hover .time { background: url(/images/icon2.png) no-repeat right center }
.branding li { display: block; }
.branding a { display: block; padding: 50px; height: 180px; border-bottom: 1px solid #e6e6e6 }
.branding .photo { width: 348px; height: 180px; float: right; overflow: hidden }
.branding .inform { height: 100%; margin-right: 400px; position: relative }
.branding .timebar { position: absolute; top: 0px; left: 0px; color: #bbb }
.branding .timebar p { display: block; font-size: 60px; line-height: 80px; padding-right: 40px }
.branding .timebar span { display: block; text-align: right; font-size: 22px }
.branding .content { margin-left: 252px; padding-top: 15px }
.branding .title { margin-bottom: 20px }
.branding .text { height: 56px; line-height: 28px; -webkit-line-clamp: 2; margin-bottom: 20px; color: #808080 }
.branding .btn-link { width: 113px; height: 33px; border: 1px solid #FFF; background: url(../images/icon2.png) no-repeat center }
.branding a:hover { background: #ffb71d; color: #FFF }
.branding a:hover .title, .branding a:hover .timebar, .branding a:hover .text { color: #FFF }
.policy ul { margin: 0px -17px }
.policy li { display: block; float: left; width: 33.33%; margin-bottom: 34px }
.policy a { display: block; margin: 0px 17px; position: relative; padding: 30px; border: 1px solid #f5f5f5; background: #FFF }
.policy .item { height: 284px; width: 100%; overflow: hidden }
.policy .times { border-bottom: 1px solid #e2e2e2; color: #a8a8a8; padding-bottom: 15px; margin-bottom: 20px }
.policy .times p { display: block; font-size: 36px; line-height: 46px }
.policy .times span { display: block; font-size: 18px; color: #d0d0d0 }
.policy .infor { padding: 20px 0px }
.policy .title { margin-bottom: 20px }
.policy .text, .two-line { height: 56px; line-height: 28px; -webkit-line-clamp: 2; color: #808080; overflow: hidden }
.policy .pol-photo { width: 100%; height: 0px; overflow: hidden; }
.policy .pol-photo img { height: 164px }
.policy a:hover { border: 1px solid #ffb71d }
.policy a:hover .times { margin-top: -130px }
.policy a:hover .title { margin-bottom: 10px }
.policy a:hover .pol-photo { height: 164px }
.awards ul { margin: 0px -18px }
.awards li { display: block; float: left; width: 33.33%; margin-bottom: 34px }
.awards a { display: block; margin: 0px 18px; position: relative; overflow: hidden }
.awards .item { width: 100%; position: absolute; left: 0px; bottom: -100px; padding: 10px; box-sizing: border-box; background: rgba(255,255,255,0.95) }
.awards .infor { border: 1px solid #ffb71d; padding: 10px 66px 10px 10px; background: url(/images/icon3.png) no-repeat 97% 50% }
.awards a:hover .item { bottom: 0px }
.row-2 li { display: block; float: left; width: 50% }
.row-3 li { display: block; float: left; width: 33.33% }
.row-4 li { display: block; float: left; width: 25% }
.row-5 li { display: block; float: left; width: 20% }
.sida-news { border: 1px solid #f0f0f0; overflow: hidden; }
.sida-news li { border-left: 1px solid #f0f0f0; border-top: 1px solid #f0f0f0; margin-left: -1px; margin-top: -1px; }
.sida-news a { display: block; padding: 40px 50px 60px }
.sida-news .time { font-size: 50px; margin-bottom: 15px; visibility: hidden; color: #FFF }
.sida-news .title { font-size: 22px; height: 30px; line-height: 30px; margin-bottom: 15px }
.sida-news .text { margin-bottom: 30px }
.sida-news a:hover { background: #ffb71d; color: #FFF }
.sida-news a:hover .time { visibility: visible; }
#member-swiper { width: 100%; height: auto }
#member-swiper .swiper-slide { background: #f7f7f7; position: relative }
#member-swiper .vip-photo { width: 59%; float: left }
#member-swiper .vip-infor { width: 33%; float: right; padding: 3% 4% }
#member-swiper .times { color: #999; margin-bottom: 10px; font-size: 14px }
#member-swiper .title { margin-bottom: 22px; }
#member-swiper .text { color: #666 }
#member-swiper .bar-btn { width: 40%; height: 50px; position: absolute; right: 1%; bottom: 6%; z-index: 100; text-align: center }
#member-swiper .itx { display: inline-block; height: 100%; padding: 0px 70px; position: relative }
#member-swiper .btn-buton { display: block; width: 48px; height: 48px; border: 1px solid #c6c6c6; position: absolute; top: 0px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; cursor: pointer; overflow: hidden }
#member-swiper .btn-buton i { display: block; width: 100%; height: 100% }
#member-swiper .bar-btn .btn-prev { left: 0px }
#member-swiper .bar-btn .btn-prev i { background: url(../images/icon4.png) no-repeat center }
#member-swiper .bar-btn .btn-next { right: 0px }
#member-swiper .bar-btn .btn-next i { background: url(../images/icon5.png) no-repeat center }
#member-swiper .bar-btn .btn-prev:hover i { background: url(../images/icon4-2.png) no-repeat center }
#member-swiper .bar-btn .btn-next:hover i { background: url(../images/icon5-2.png) no-repeat center }
#member-swiper .btn-paging { padding: 10px 0px }
#member-swiper .swiper-pagination-bullet { background: #ffb71d; margin: 0px 3px; opacity: 0.5 }
#member-swiper .swiper-pagination-bullet-active { opacity: 1 }
.member-news ul { margin: 0px -16px }
.member-news li { margin-bottom: 35px }
.member-news a { display: block; margin: 0px 16px; background: #f7f7f7; transition: all 0.5s }
.member-news .infor { padding: 20px }
.member-news .time { color: #999; margin-bottom: 7px; transition: all 0.5s }
.member-news .title { color: #333; transition: all 0.5s }
.member-news a:hover { background: #ffb71d; color: #FFF }
.member-news a:hover .time, .member-news a:hover .title { color: #FFF }
.notice-news ul, .great-news ul { margin: 0px -16px }
.notice-news li { margin: 35px 0px }
.notice-news a { display: block; margin: 0px 16px; padding: 90px 40px 40px; background: #f7f7f7; position: relative; transition: all 0.5s }
.notice-news .time { position: absolute; top: -20px; left: 60px; background: #525252; color: #FFF; padding: 10px 10px 10px }
.notice-news .time p { display: block; font-size: 24px }
.notice-news .time span { display: block; text-align: right }
.notice-news .title { margin-bottom: 15px }
.notice-news .text { height: 84px; line-height: 28px }
.notice-news a:hover { background: #faf4e8; color: #666 }
.notice-news a:hover .time { background: #ffb71d }
.notice-news a:hover .title { color: #ffb71d }
.great-news li { margin-bottom: 35px }
.great-news a { display: block; margin: 0px 16px; padding-bottom: 30px }
.great-news .photo { margin-bottom: 25px }
.great-news .time { float: left; width: 200px; color: #c2c2c2; font-size: 18px; position: relative }
.great-news .time i { display: block; width: 68px; height: 1px; position: absolute; top: 50%; right: 18px; background: #d9d9d9 }
.great-news .title { margin-left: 205px; height: 60px; line-height: 30px; -webkit-line-clamp: 2; color: #333 }
.great-news .icon-link { width: 21px; height: 17px; position: absolute; left: 185px; bottom: -30px; background: url(../images/icon6.png) no-repeat center; opacity: 0; visibility: hidden }
.great-news a:hover .time { color: #333 }
.great-news a:hover .icon-link { left: 205px; opacity: 1; visibility: visible }
.medias-list li { display: block; margin-bottom: 30px }
.medias-list a { display: block; padding: 35px; background: #fafafa }
.medias-list a::after { clear: both; content: ""; display: block; overflow: hidden; height: 0px }
.medias-list .md-image { float: left; width: 32%; position: relative; overflow: hidden }
.medias-list .md-infor { margin-left: 35%; padding-top: 1% }
.medias-list .time { color: #999; font-size: 16px; margin-bottom: 10px; font-size: 18px }
.medias-list .h2-title { font-size: 22px; color: #333; margin-bottom: 50px }
.medias-list .icon-bar { border: 1px solid #cccc; width: 114px; height: 34px; background: url(/images/icon1.png) no-repeat center }
.medias-list a:hover { background: #f6f6f6 }
.medias-list a:hover .h2-title { color: #ffb71d }
.medias-list a:hover .icon-bar { border: 1px solid #ffb71d; background: url(/images/icon3.png) no-repeat center }
.focus-list li { position: relative; padding-bottom: 25px }
.focus-list li::after { display: block; width: 0; height: 0; position: absolute; left: 50%; margin-left: -20px; bottom: 0px; border: 20px solid transparent; border-bottom-color: #fffcf7 }
.focus-list li a { display: block; text-align: center; margin: 0px 10px; border: 1px solid #FFF }
.focus-list li .photo { width: 100%; height: 160px; line-height: 160px; text-align: center; margin-bottom: 10px }
.focus-list li .photo img { vertical-align: middle; max-height: 158px }
.focus-list li .text { text-align: center; padding: 0px 15px }
.focus-list li.active::after { content: ""; transition: all 0.5s }
.focus-list .list-layer { background: #fffcf7; padding: 2% 0px 3%; display: none }
.focus-list .h2-title { margin-bottom: 1% }
.focus-list .item-photo { width: 100% }
.item-photo .h2-title { margin-bottom: 30px }
.item-photo-swiper .swiper-slide { width: 31.33%; margin-right: 2% }
.item-photo-swiper .swiper-slide a { display: block; width: 100%; overflow: hidden; position: relative }
.item-photo-swiper .pop-layer { background: rgba(0,0,0,0.35); opacity: 0; visibility: hidden }
.item-photo-swiper .intron { position: absolute; top: 20px; left: 20px; bottom: 20px; right: 15px; color: #FFF }
.item-photo-swiper .desc { width: 100%; max-height: 100%; position: relative; top: 50%; transform: translateY(-50%) }
.item-photo-swiper .mCSB_container { margin-right: 20px }
.item-photo-swiper .mCSB_scrollTools .mCSB_draggerRail, .item-photo-swiper .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px }
.item-photo-swiper .title { text-align: center; height: 30px; line-height: 30px; font-size: 24px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.item-photo-swiper .text { color: #FFF; height: auto; line-height: 26px }
.item-photo-swiper .title, .item-photo-swiper .text { transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); opacity: 0; visibility: hidden }
.item-photo-swiper .swiper-slide a:hover .pop-layer { opacity: 1; visibility: visible }
.item-photo-swiper .swiper-slide a:hover .title, .item-photo-swiper .swiper-slide a:hover .text { transform: none; -webkit-transform: none; -moz-transform: none; opacity: 1; visibility: visible }
.item-photo-swiper .swiper-slide a:hover .text { transition-delay: 0.1s; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s }
.item-photo-swiper .btn-box { width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; cursor: pointer; background: #988e78; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden }
.item-photo-swiper .btn-box i { display: block; width: 100%; height: 100%; line-height: 50px; text-align: center }
.item-photo-swiper .btn-prev { left: -73px }
.item-photo-swiper .btn-next { right: -73px }
.item-photo-swiper .btn-box:hover { background: #ffb71d }
.partner-list ul { border: 1px solid #f6f6f9 }
.partner-list li { height: 162px; text-align: center; }
.partner-list li a { display: block; height: 160px; line-height: 160px; border: 1px solid #f6f6f9; overflow: hidden }
.partner-list li a img { vertical-align: middle; max-height: 148px }
.partner-list li a:hover { border: 1px solid #ffb71d }
.designer-list ul { margin: 0px -60px }
.designer-list li { margin-bottom: 60px }
.designer-list a { display: block; margin: 0px 60px; text-align: center }
.designer-list .infor { padding: 15px 0px }
.designer-list h3 { display: block; font-size: 18px; font-weight: normal; margin-bottom: 5px }
.designer-list i { display: block; height: 2px; width: 30px; background: #ffb71d; margin: 0 auto 10px }
.designer-list a:hover { color: #ffb71d }
.designer-list a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1) }
.hd-photo { width: 394px; }
.peoplo-info { margin-right: 480px }
.people-intron { margin-bottom: 40px }
.people-intron h3 { display: block; font-weight: 400; font-size: 24px; margin-bottom: 10px }
.people-intron p { display: block; border-left: 2px solid #ffb71d; padding-left: 10px; font-size: 18px }
.people-dec p { margin-bottom: 7px; color: #666 }
.show-list ul { margin: 0px -10px }
.show-list li { margin-bottom: 20px }
.show-list a { display: block; position: relative; margin: 0px 10px; border: 1px solid #cdcdcd; padding: 20px }
.show-list .pop-layer { background: rgba(0,0,0,0.35); opacity: 0; visibility: hidden }
.show-list .intron { position: absolute; top: 20px; left: 20px; bottom: 20px; right: 15px; color: #FFF }
.show-list .desc { width: 100%; max-height: 100%; position: relative; top: 50%; transform: translateY(-50%) }
.show-list .mCSB_container { margin-right: 20px }
.show-list .mCSB_scrollTools .mCSB_draggerRail, .show-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px }
.show-list .title { text-align: center; height: 30px; line-height: 30px; font-size: 24px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.show-list .text { color: #FFF; height: auto; line-height: 26px }
.show-list .title, .show-list .text { transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); opacity: 0; visibility: hidden }
.show-list li a:hover .pop-layer { opacity: 1; visibility: visible }
.show-list li a:hover .title, .show-list li a:hover .text { transform: none; -webkit-transform: none; -moz-transform: none; opacity: 1; visibility: visible }
.show-list li a:hover .text { transition-delay: 0.1s; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s }
.nptice-intro { font-size: 18px; margin-bottom: 3% }
.notice-bar dl { margin-bottom: 30px }
.notice-bar dt { height: 61px; line-height: 61px; font-size: 18px; background: url(/images/bar.png) repeat-x 0px 0px; background-size: 100% 100%; color: #FFF; margin-bottom: 20px; padding: 0px 20px }
.notice-bar dd { font-size: 18px; color: #666 }
.apply-layer { box-shadow: 0px 0px 7px rgba(0,0,0,0.07); height: 706px }
.apply-layer .apply-form { float: right; width: 680px; background: rgba(255,255,255,0.9); margin-right: 5%; padding: 0px 3%; height: 100% }
.apply-layer .from { display: block; padding-top: 10% }
.apply-layer .item { position: relative; margin-bottom: 15px; }
.apply-layer .text-item, .apply-layer .code-item { height: 42px; line-height: 42px; }
.apply-layer .area-item { height: 164px }
.apply-layer .item p { display: block; width: 100% }
.apply-layer .code-item a { display: block; width: 90px; height: 35px; position: absolute; left: 320px; top: 50%; margin-top: -18px; background: #f0f0f0 }
.apply-layer .code-item img { display: block }
.apply-layer .ui-text, .apply-layer .ui-textarea { width: 100%; font-size: 15px; padding: 0px 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #f0f0f0; border-radius: 3px; border: 1px solid #f0f0f0 }
.apply-layer .ui-text { height: 45px; box-sizing: border-box; }
.apply-layer .ui-textarea { height: 164px; line-height: 1.75; padding: 7px 15px; font-family: inherit; outline: none }
.apply-layer .code-item .ui-text { width: 300px }
.apply-layer .submit-item { width: 100%; height: 50px; margin-top: 30px }
.apply-layer .ui-submit { width: 210px; height: 50px; cursor: pointer; border-radius: 3px; background: #feae04; color: #FFF; font-size: 18px }
.apply-layer .ui-submit:hover, .docking-form .ui-submit:hover { background: #ffb71d }
.apply-layer .ui-text:focus, .apply-layer .ui-textarea:focus { border: 1px solid #ffb71d; }
.ui-text::-webkit-input-placeholder, .ui-textarea::-webkit-input-placeholder { color: #888 }
.ui-text::-moz-input-placeholder, .ui-textarea::-moz-input-placeholder { color: #888 }
.ui-text::-ms-input-placeholder, .ui-textarea::-ms-input-placeholder { color: #888 }
.docking-form { width: 72%; padding-top: 5%; margin: -170px auto 3%; background: #FFF; position: relative; z-index: 10 }
.docking-form form { display: block; margin: 0 10%; }
.docking-form .title { margin-bottom: 20px }
.docking-form .grid { position: relative; margin-bottom: 15px; }
.docking-form .grid p { display: block; width: 100%; height: 100% }
.docking-form .grid p.code { width: 200px; display: inline-block }
.docking-form .grid a { margin-left: 20px; display: inline-block }
.docking-form .text-grid { height: 52px; line-height: 50px }
.docking-form .area-grid { height: 120px }
.docking-form .grid span { display: block; position: absolute; top: 0px; left: 0px }
.docking-form .ui-text, .docking-form .ui-textarea { width: 100%; border: 1px solid #ccc; box-sizing: border-box; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size: 16px; font-family: inherit; }
.docking-form .ui-text { display: block; height: 50px; padding: 0px 15px; }
.docking-form .ui-textarea { display: block; width: 100%; height: 120px; padding: 10px 15px; outline: none }
.docking-form .ui-text:focus, .docking-form .ui-textarea:focus { border: 1px solid #ffb71d; }
.docking-form .ui-submit { width: 100%; height: 52px; cursor: pointer; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #ffae00; color: #FFF; font-size: 18px }
.docking-form .ui-submit:hover { background: #ffb71d }
.type-grid { margin-bottom: 20px }
.type-grid .type-top { float: left; width: 90px; text-align: center; line-height: 30px }
.type-grid .type-item { margin-left: 90px }
.type-grid .type-item a { display: block; float: left; margin-right: 20px; padding: 0px 10px; height: 30px; line-height: 30px }
.type-grid .type-item a:hover { color: #ffb71d }
.type-grid .type-item a.active { background: #ffb71d; color: #FFF; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.sreach { height: 50px; position: relative }
.sreach p { display: block; height: 50px; width: 50%; background: #f5f5f5; float: left }
.sreach span { display: block; float: left; height: 50px; width: 80px; background: #ffb71d }
.sreach .ui-input { width: 100%; height: 50px; line-height: 50px; padding: 0px 15px; box-sizing: border-box; background: #f5f5f5; font-size: 16px }
.sreach .ui-button { height: 100%; width: 100%; background: url(../images/find.png) no-repeat center; cursor: default; border: none }
.sreach span:hover { background: #f5a700 }
.job-table { width: 100%; text-align: center }
.job-table tr { min-height: 40px; border-bottom: 1px solid #eee }
.job-table tr:hover { background: #f5f5f5 }
.job-table .tr-title { background: #ffb71d !important; height: 60px; }
.job-table .tr-title th { font-weight: 400; }
.job-table .bg { background: #fbfbfb }
.job-table td { line-height: 30px }
.job-table a { display: block; padding: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.job-desc { padding: 10px 0px; margin-bottom: 20px }
.job-desc span { margin-right: 20px }
.send-time { color: #999 }
.detail-layout { }
.intron-desc { width: 60%; padding: 3% 5% 3% 0px; border-right: 1px solid #eee }
.intron-desc .h2-title { margin-bottom: 20px }
.intron-desc .text p { margin-bottom: 7px }
.hot-job { width: 32%; padding: 3% 0 3%; }
.hot-job .h2-title { margin-bottom: 20px }
.hot-job li { display: block; width: 100%; border-bottom: 1px dashed #eee; padding-bottom: 15px; margin-bottom: 15px }
.hot-job a { display: block; }
.hot-job h4 { display: block; font-size: 16px; font-weight: 400 }
.hot-job p { display: block; color: #ffb71d; margin-bottom: 5px }
.hot-job span { color: #acafbb; font-size: 14px }
.hot-job a:hover h4 { color: #ffb71d }
.busine-layer { padding-top: 40px }
.busine-layer .bus-image { width: 61.73%; float: left }
.busine-layer .busine-infor { width: 55%; position: absolute; top: 0px; right: 0px; background: #ffb71d; color: #FFF }
.busine-layer .pad-box { padding: 10% 10%; }
.busine-layer .text { margin-bottom: 40px; font-size: 18px }
.busine-layer .contact { opacity: 0.75; font-size: 18px }
.busine-layer .contact span { font-size: 24px }
.med-layer .di-image { width: 62%; float: right; position: relative; z-index: 5 }
.med-layer .di-infor { width: 38%; float: left; padding: 5% 0px }
.med-layer .pad-box { border: 2px solid #ffb71d; padding: 40px; border-right: none }
.med-layer .text { margin-bottom: 40px; line-height: 30px }
.med-layer .contact { font-size: 16px; color: #94815c; font-size: 18px }
.med-layer .contact span { font-size: 22px }
.contact-layer .map-wrap { width: 64%; float: right; overflow: hidden }
.contact-layer .compay-infor { float: left; width: 36%; height: 100%; position: absolute; left: 0px; top: 0px; background: url(../images/wall8.png) repeat }
.contact-layer .pad-box { padding: 20% 10%; color: #FFF }
.contact-layer .com-text { font-size: 16px; margin-bottom: 15px; padding-left: 45px; position: relative }
.contact-layer .com-text em { display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; position: absolute; top: 13px; left: 0px; }
.contact-layer .com-text span { display: block }
.contact-layer .com-text p { display: block; font-size: 18px }
.photo, .image { width: 100%; overflow: hidden; position: relative }
.more-btn { display: block; width: 48px; height: 48px; margin: 0 auto; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; background: #a1a1a1 }
.more-btn i { display: block; width: 100%; height: 100%; background: url(/images/aty-down.png) no-repeat center; }
.more-btn:hover, .yaer-layer .arrow:hover { background: #ffb71d }

.nos { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none }
.paging { width: 100%; padding: 15px 0px; text-align: center }
.bgColor { background: #faf4e8 }
.marg { margin-bottom: 3% }
.mar4 { margin-bottom: 4% }
.mar5 { margin-bottom: 5% }
.no-marg { margin-bottom: 0px }
.orange { color: #ffb71d }
.vision .layer, .vision .photo::after, .pic, .yaer-layer .rod, .yaer-layer .round, .yaer-layer .year, .brand-list .ready, .brand-list .photo::after, .focus-list .photo img, .partner-list img, .designer-list img.show-list a img { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s }

.seek_block { position: absolute; right: -70px; top: 26px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; cursor: pointer; }

.seek_ico { position: relative; width: 50px; height: 50px; background: url(/images/seek.png) no-repeat center; background-size: 20px; }

@keyframes t01 {
    0% { opacity: 0; transform: translate(0,-20px) }
    100% { opacity: 1; transform: translate(0,0px) }
}

.seek_input { position: absolute; top: 74px; right: 0px; display: none; animation: t01 0.3s ease-in-out backwards; }

.seek_input input { width: 180px; padding: 15px; border: 1px solid #ccc; color: #666; }

.seek_block:hover .seek_input { display: block; }

@media screen and (min-width: 980px) {
    .vision .layer:hover .pic, .news-list li a:hover .pic, .medias-list a:hover .pic, .brand-list a:hover .pic, .great-news a:hover .pic, .show-list a:hover img, .related-layer a:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05) }
    .clerk-list a:hover .pic, .labor-list a:hover .pic, .party-list a:hover .pic, .branding a:hover .pic, .member-news a:hover .pic, .focus-list a:hover img, .partner-list a:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1) }
}
/* media screen */
@media screen and (max-width: 1680px) {
    /* 1680/1920=0.875 */
    .picture .top-title img { width: 470px }
    .picture .top-title p, .lay .cn-title { font-size: 35px }
    .ui-dark .title { font-size: 21px }
    .ui-dark .text { margin-left: 35% }
    .news-section .top-title img { width: 543px }
    .news .topBar { width: 380px; height: 342px }
    .news .topBar .title p { font-size: 20px }
    .card-list .card-info { font-size: 16px; line-height: 28px }
    .area-layout .item-list h3 { font-size: 22px }
}

@media screen and (max-width:1440px) {
    body { font: 14px/1.75 "Microsoft YaHei","SimSun","\5B8B\4F53",Arial, Helvetica, sans-serif; }
    .text { font-size: 14px }
    .wrap { margin: 0px 6% }
    #Header .nav { width: 903px }
    #Header .nav li { padding: 0px 20px }
    .dark-level, .picture { height: 540px }
    .picture .top-title { top: 15% }
    .picture .top-title img { width: 347px }
    .picture .top-title p, .lay .cn-title { font-size: 31px }
    .ui-dark .infor { padding-top: 23% }
    .ui-dark .title { font-size: 20px; margin-bottom: 30px; padding-bottom: 20px }
    .ui-dark .text { font-size: 14px; line-height: 28px; height: 112px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 4; overflow: hidden }
    .card-list .card-day { margin-bottom: 40px }
    .card-list .card-sizer { padding: 40px 30px }
    .card-list .card-info { font-size: 14px; height: 72px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 3; overflow: hidden }
    .news { padding: 80px 0px 60px }
    .news-section .top-title { margin-bottom: 40px }
    .news-section .top-title img { width: 466px }
    .news .topBar { width: 327px; height: 295px }
    .news .topBar li { height: 295px }
    .news .topBar .title { line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden }
    .news .list-box .times { font-size: 26px; width: 160px }
    .news .list-box li a { padding: 60px 70px }
    .news .list-box .text { width: 55%; font-size: 14px; line-height: 26px; margin-left: 190px }
    .news .list-box .icons { width: 40px; height: 40px; margin-top: -20px }
    .medias { height: 585px }
    .media-title { height: 100% }
    .media-title .lay img { width: 282px }
    .medias .sub-right .item { height: 293px }
    .medias .sub-middle .item { height: 364px; padding: 55px 45px }
    .medias .brand-grid h3 { font-size: 34px }
    .medias .brand-grid .text { font-size: 18px; line-height: 30px }
    .partner .lay img { width: 537px }
    .area-layout .item-list h3 { font-size: 20px }
    .area-layout .item-list .text { line-height: 26px }
    .vision .padd-box { padding: 6% 8% }
    .yaer-layer .slide-active .rod { width: 150px; height: 150px; margin: -75px }
    .yaer-layer .slide-active .round { width: 120px; height: 120px; margin: -60px; }
    .yaer-layer .slide-active .year { line-height: 120px; font-size: 31px }
    .designer-list ul { margin: 0px -40px }
    .designer-list a { margin: 0px 40px }
    .designer-list h3 { height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }
    .notice-bar dd { font-size: 16px }
    .apply-layer .apply-form { width: 560px; margin-right: 2% }
    .busine-layer .text, .contact-layer .com-text p { font-size: 16px }
    .seek_block { top: 19px; }
    .seek_input { top: 66px; right: 10px; }
}

@media screen and (max-width:1366px) {
    #web-header, #Header, .solid { height: 85px }
    #Header .logo { width: 150px }
    #Header .logo a, #web-header.scrolled .logo a, #web-header .logo a { height: 85px; width: 100%; background-size: auto 71px }
    #Header .nav { width: auto }
    #Header .nav li { padding: 0px 15px }
    #Header .nav a.m { line-height: 85px; font-size: 16px }
    #Header .subnav { top: 85px }
    #Header .nav li:hover .subnav { top: 85px; opacity: 1; visibility: visible }
    #Footer .webinfo { width: 30% }
    #Footer .menubar li { margin-left: 25px }
    #Footer .menubar li:first-child { margin-left: 0px }
    .medias-list a { padding: 25px }
    .medias-list .md-infor { padding-top: 0% }
    .medias-list .h2-title { margin-bottom: 5%; font-size: 20px }
    .medias-list .icon-bar { width: 100px; height: 30px }
    .designer-list ul { margin: 0 -20px }
    .designer-list li { margin-bottom: 20px }
    .designer-list a { margin: 0 20px }
    .busine-layer .pad-box { padding: 5% 5% }
    .busine-layer .text { margin-bottom: 20px }
    .busine-layer .text, .contact-layer .com-text p { font-size: 14px; line-height: 24px }
    .busine-layer .contact, .med-layer .contact { font-size: 16px }
    .busine-layer .contact span, .med-layer .contact span { font-size: 18px }
    .med-layer .text { line-height: 24px }
    .med-layer .pad-box { padding: 30px }
    .med-layer .di-infor { padding: 3% 0% }
}

@media screen and (max-width:1280px) {
    .wrap { margin: 0% 5% }
    #web-header, #Header, .solid { height: 75px }
    #Header .wrap { margin: 0% 3% }
    #Header .logo { width: 130px }
    #Header .logo a, #web-header.scrolled .logo a, #web-header .logo a { height: 74px; width: 100%; background-size: auto 61px }
    #Header .nav { width: auto }
    #Header .nav li { padding: 0px 15px }
    #Header .nav a.m { line-height: 75px; font-size: 16px }
    #Header .subnav { top: 85px }
    #Header .nav li:hover .subnav { top: 75px; opacity: 1; visibility: visible }
    #Footer .webinfo { width: 23% }
    #Footer .infor { font-size: 12px }
    #Footer .menubar li { margin-left: 20px }
    #Footer .menubar li:first-child { margin-left: 0px }
    .news .list-box li a { padding: 50px 70px 50px 40px }
    .news .list-box .times { top: 40px; font-size: 24px }
    .news .list-box .text { margin-left: 180px }
    .yaer-layer .slide-active .rod { width: 130px; height: 130px; margin: -65px }
    .yaer-layer .slide-active .round { width: 100px; height: 100px; margin: -50px; }
    .yaer-layer .slide-active .year { line-height: 100px; font-size: 26px }
    .event-list dt { font-size: 18px }
    .clerk .clerk-list ul, .party-list ul { margin: 0px -12px }
    .clerk .clerk-list a, .party-list ul a { margin: 0px 12px }
    .party-list li { margin-bottom: 25px }
    .party-list .times { font-size: 20px }
    .party-list h3 { font-size: 18px }
    .area-layout .item-list { top: 0% }
    .area-layout .item-list .text { line-height: 24px }
    .news-list li { margin-bottom: 20px; }
    .news-list .image { width: 317px }
    .news-list .infor { margin-left: 320px; padding: 0px 0px 0px 30px }
    .news-list .infor h2 { margin-bottom: 10px }
    .news-list .text { padding-right: 0px; margin-bottom: 20px; line-height: 24px; height: 72px }
    .news-list .line { margin-bottom: 10px }
    .news-list .time { font-size: 14px }
    .sida-news a { padding: 20px 25px 20px }
    .sida-news .time { font-size: 30px }
    .sida-news .title { font-size: 20px }

    .detail-main { width: 90%; margin: 0 auto }
    .branding a { padding: 20px }
    .branding .timebar p { font-size: 40px; line-height: 60px; padding-right: 20px }
    .branding .timebar span { font-size: 18px }
    .branding .inform { margin-right: 380px }
    .branding .content { margin-left: 160px }
    .branding .title { margin-bottom: 10px }
    .branding .btn-link { width: 100px; height: 30px }
    .policy ul { margin: 0 -10px }
    .policy a { margin: 0px 10px; padding: 15px }
    .policy .times p { font-size: 26px }
    .council .grid em { font-size: 14px }
    .council .grid span { font-size: 18px }
}
/* animation */
@keyframes r360 {
    0% { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg) }
    100% { transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg) }
}

@-webkit-keyframes r360 {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}

@keyframes bigIn {
    0% { transform: scale(1.15); -webkit-transform: scale(1.15); -moz-transform: scale(1.15); opacity: 0.8 }
    100% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); opacity: 1 }
}

@-webkit-keyframes bigIn {
    0% { transform: scale(1.15); -webkit-transform: scale(1.15); opacity: 0.8 }
    100% { transform: scale(1); -webkit-transform: scale(1); opacity: 1 }
}

@keyframes zoomIn {
    0% { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); }
    100% { opacity: 1; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); }
}

@-webkit-keyframes zoomIn {
    0% { opacity: 1; transform: scale(1); -webkit-transform: scale(1); }
    100% { opacity: 1; transform: scale(1.1); -webkit-transform: scale(1.1); }
}

@keyframes fadeInUp {
    0% { opacity: 0; transform: translate(0px,60px); -webkit-transform: translate(0px,60px); -moz-transform: translate(0px,60px); }
    100% { opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; }
}

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; transform: translate(0px,60px); -webkit-transform: translate(0px,70px); }
    100% { opacity: 1; transform: none; -webkit-transform: none; }
}

@keyframes fadeInDown {
    0% { opacity: 0; transform: translate(0px,-60px); -webkit-transform: translate(0px,-60px); -moz-transform: translate(0px,-60px); }
    100% { opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; }
}

@-webkit-keyframes fadeInDown {
    0% { opacity: 0; transform: translate(0px,-60px); -webkit-transform: translate(0px,-60px); }
    100% { opacity: 1; transform: none; -webkit-transform: none; }
}

@keyframes fadeInLeft {
    0% { opacity: 0; transform: translate(-50px,0px); -webkit-transform: translate(-50px,0px); -moz-transform: translate(-50px,0px); }
    100% { opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; }
}

@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; transform: translate(-50px,0px); -webkit-transform: translate(-50px,0px); }
    100% { opacity: 1; transform: none; -webkit-transform: none; }
}

@keyframes fadeInRight {
    0% { opacity: 0; transform: translate(50px,0px); -webkit-transform: translate(50px,0px); -moz-transform: translate(50px,0px); }
    100% { opacity: 1; transform: none; -webkit-transform: none; -moz-transform: none; }
}

@-webkit-keyframes fadeInRight {
    0% { opacity: 0; transform: translate(50px,0px); -webkit-transform: translate(50px,0px); }
    100% { opacity: 1; transform: none; -webkit-transform: none; }
}

.anime { animation-duration: 0.5s; -webkit-animation-duration: 0.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; opacity: 0; }
.fadeInUp { animation-name: fadeInUp; -webkit-animation-name: fadeInUp }
.fadeInLeft { animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft }
.fadeInRight { animation-name: fadeInRight; -webkit-animation-name: fadeInRight }
.anime-up { animation: fadeInUp 0.5s ease-out both; -webkit-animation: fadeInUp 0.5s ease-out both }
.anime-down { animation: fadeInDown 0.5s ease-out 0.2s both; -webkit-animation: fadeInDown 0.5s ease-out 0.2s both; }
.anime-left { animation: fadeInLeft 0.5s ease-out both; -webkit-animation: fadeInLeft 0.5s ease-out both }
.anime-right { animation: fadeInRight 0.5s ease-out both; -webkit-animation: fadeInRight 0.5s ease-out both }
.delay1 { animation-delay: 0.4s; -webkit-animation-delay: 0.4s }
.delay2 { animation-delay: 0.5s; -webkit-animation-delay: 0.5s }
.delay3 { animation-delay: 0.6s; -webkit-animation-delay: 0.6s }
.ani { opacity: 0; visibility: hidden; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; }
.ani-up { transform: translateY(100px); -webkit-transform: translateY(100px); -moz-transform: translateY(100px); }
.ani-down { transform: translateY(-100px); -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); }
.ani-left { transform: translateX(-100px); -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); }
.ani-right { transform: translateX(100px); -webkit-transform: translateX(100px); -moz-transform: translateX(100px); }
.ani-delay1 { transition-delay: 0.6s; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; }

.pagination { text-align: center; display: inline-block }
.pagination a, .pagination span { padding: 0px 5px; margin: 0px 3px; border-radius: 3px; font-size: 16px; display: block; float: left }
.pagination a:hover, .pagination a.page_current { color: #ffb71d }
.no-data { text-align: center; padding-top: 50px }





.te_content { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 100; display: none; }
.te_bgCol { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; width: 100%; height: 100%; background: #000; opacity: 0.65; filter: alpha(opacity = 65); }
.te_conBlock { position: absolute; width: 60%; margin: auto; background: #fff; left: 20%; top: 50%; height: 660px; margin-top: -330px; }
.te_clear { position: absolute; top: -25px; right: -70px; width: 50px; cursor: pointer; }
.te_tiBl { position: relative; border-bottom: 1px solid #eee; padding: 20px 5%; }
.te_ti { font-size: 24px; color: #8d6c4e; }
a.te_aBl { position: absolute; right: 5%; top: 25px; background: #2398e7; color: #fff; padding: 2px 30px; }
.te_ulBl { position: relative; padding: 30px 5%; height: 540px; overflow: hidden; padding-bottom: 0px; }
.te_liBl { position: relative; width: 100%; margin-bottom: 30px; }
.te_liTi { font-size: 18px; padding-bottom: 10px; }
.teIn_conBlock { position: relative; padding: 65px 10%; display: block; }
.teIn_block { border: 1px solid #ccc; background: #f7f7f7; padding: 50px 5%; text-align: center; width: 90%; margin: auto; margin-bottom: 35px; }
.teIn_bu { position: relative; width: 120px; margin: auto; background: #fff; font-size: 18px; color: #8d6c4e; border: 1px solid #ccc; margin-bottom: 15px; cursor: pointer; display: block; padding: 6px 0; }
.teIn_inputBlock input { width: 90%; padding: 15px 5%; border: 1px solid #ccc; outline: none; color: #666; }
.teIn_input { margin-bottom: 30px; }
.teIn_li { margin-bottom: 18px; width: 46%; float: left; margin-right: 4%; }
.teIn_ul { position: relative; width: 104%; }
.teIn_input input { padding-left: 2.5%; padding-right: 7.5%; }
.teIn_button { width: 180px; margin: auto; text-align: center; background: #ffb71d; color: #fff; padding: 12px 0; margin-top: 15px; cursor: pointer; display: block; }
.te_content .close-popup { width: 48px; height: 48px; position: absolute; top: -24px; right: -68px; background: rgba(255,255,255,0.95); cursor: pointer }
.te_content .close-popup i { display: block; width: 24px; height: 24px; position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; background: url(../images/close-black.png) no-repeat center; transition: all .35s ease; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; }
.te_content .close-popup:hover { background: rgba(255,255,255,1); }
.te_content .close-popup:hover i { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }
.add-doc { display: block; width: 132px; height: 38px; line-height: 38px; font-size: 16px; text-align: center; color: #FFF; letter-spacing: 2px; background: #ffb71d; cursor: default; }
.webuploader-container { position: relative; }
.webuploader-element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px,1px,1px,1px); }
.webuploader-pick-disable { opacity: 0.6; pointer-events: none; }

.btn-box.btn-prev { position: absolute; top: 50%; left: 0px; z-index: 90; background: #ccc; padding: 20px 15px; margin-top: -32px; cursor: pointer; -webkit-transition: all 0.3s ease; }

.btn-box.btn-prev:hover, .btn-box.btn-next:hover { background: #ffb71d; }

.btn-box.btn-next { position: absolute; top: 50%; right: 0px; z-index: 90; background: #ccc; padding: 20px 15px; margin-top: -32px; cursor: pointer; -webkit-transition: all 0.3s ease; }

.see_content { position: relative; width: 83%; margin: 60px auto; }
.see_block { position: relative; padding: 25px 3%; background: #f7fbff; box-shadow: 0px 0px 5px 0px #ccc; margin-bottom: 40px; }
.see_inputBlock { position: relative; width: 100%; background: #ffff; box-shadow: 0px 0px 5px #ccc; }
input.see_input { position: relative; width: 73%; height: 50px; border: 0px; line-height: 40px; outline: none; padding-left: 2%; color: #666; font-size: 16px; }
.see_button { position: absolute; right: 0%; top: 0px; height: 52px; width: 25%; background: #ffb71d; cursor: pointer; }
.see_button img { display: block; margin: auto; padding-top: 13px; }
.see_t span { color: #285c98; padding: 0 2px; }
.see_t { margin-bottom: 40px; }
.see_conBlock { position: relative; width: 100%; border-top: 1px solid #ccc; padding-bottom: 80px; min-height: 700px; }
.see_ul { position: absolute; left: 0px; top: 40px; }
.see_ulBl { position: relative; width: 82%; float: right; border-left: 1px solid #ccc; }
.see_bl { position: relative; width: 100%; margin-top: 20px; }
.see_blLi { margin-bottom: 20px; }
a.see_liBl { display: block; padding: 25px 0; padding-left: 24%; position: relative; }
.see_liTi { position: absolute; left: 6%; top: 25px; }
.see_liTi span { font-size: 12px; position: relative; top: -2px; margin-right: 3px; }
a.see_liBl:after { content: ""; display: block; position: absolute; bottom: 0px; left: 6%; width: 94%; border-bottom: 1px solid #ccc; }
.see_liTe { position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 85%; }
a.see_liBl:hover { background: #ffb71d; color: #fff; }
a.see_liBl:hover:after { opacity: 0; }
.nodata { text-align: center; padding: 100px 0; }
.news .list-box li a h2 { display: none; }

.home_img { display: none; }
body.index_body .solid { height: 0; }
a.s_en { position: absolute; right: 20px; top: 26px; padding: 10px; z-index: 90; font-size: 18px; color: #666; }

a.s_en:hover { color: #ffb71d; }

.area-layout .piece, .pop-layer img { width: 100%; }


.pop-layer.area, .pop-layer.bg-area { display: none; }