@charset "utf-8";
/* 
 * Project Name: 乐至国有投资集团有限责任公司
 * Author:浅浅
 * Date：2021-8-31
 */
@font-face {
  font-family: "iconfont"; /* Project id 2779917 */
  src: url('iconfont.eot?t=1630394256721'); /* IE9 */
  src: url('iconfont.eot?t=1630394256721#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('iconfont.woff2?t=1630394256721') format('woff2'),
       url('iconfont.woff?t=1630394256721') format('woff'),
       url('iconfont.ttf?t=1630394256721') format('truetype'),
       url('iconfont.svg?t=1630394256721#iconfont') format('svg');
}
@font-face {
    font-family: 'DINCOND-MEDIUM_0';
    src: url('DINCOND-MEDIUM_0.eot');
    src: url('DINCOND-MEDIUM_0.eot?#iefix') format('embedded-opentype'),
        url('DINCOND-MEDIUM_0.woff2') format('woff2'),
        url('DINCOND-MEDIUM_0.woff') format('woff'),
        url('DINCOND-MEDIUM_0.ttf') format('truetype'),
        url('DINCOND-MEDIUM_0.svg#DINCOND-MEDIUM_0') format('svg');
    font-weight: 100;
    font-style: normal;
}
.iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, 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, 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; }
table, caption, tbody, tfoot, thead, tr, th, td,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);}
html::-webkit-scrollbar {width:8px;background:none;}
html::-webkit-scrollbar-thumb {width:8px;background:#E89E45;}
html::-webkit-scrollbar-corner {background:none;}
html::-webkit-scrollbar:horizontal{height:4px;}

body { font: 14px/1.8 "Noto Sans SC","Source Han Sans CN","SourceHanSansCNRegular","Microsoft Yahei","微软雅黑","微软正黑体","Microsoft JhengHei","SimHei","黑体",Arial,Helvetica,sans-serif; margin: 0 auto; color: #666; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; font-family: "Noto Sans SC","Source Han Sans CN","SourceHanSansCNRegular","Microsoft Yahei","微软雅黑","微软正黑体","Microsoft JhengHei","SimHei","黑体",Arial,Helvetica,sans-serif;}
textarea { -webkit-appearance: none; border-radius: 0; outline: none; font-family: "Noto Sans SC","Source Han Sans CN","SourceHanSansCNRegular","Microsoft Yahei","微软雅黑","微软正黑体","Microsoft JhengHei","SimHei","黑体",Arial,Helvetica,sans-serif;}
::-moz-selection { background: #E89E45; color: #fff; text-shadow: none; }
::selection { background: #E89E45; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;}
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; color: #333;}
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; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner{ width: 79%; max-width: 1520px; margin: 0px auto;}
.w1620{ width: 84%; max-width: 1620px; margin: 0 auto;}
.w1380{ width: 72%; max-width: 1380px; margin: 0 auto;}
.w1200{ width: 1200px; margin: 0 auto;}
.top a:link, .top a:visited { color: #333333;}
.top a:active, .top a:hover { color: #E89E45;}
.top{ position: fixed; left: 0; top: 0; width: 100%; height: 100px; z-index: 1000; color: #333333; background-color: #fff; box-shadow: 0 0 7px rgb(0,0,0,.16); transition: .3s;}
.logo{ float: left; margin-top: 23px; transition: 0.3s; -webkit-transition: 0.3s;}
.logo a{ display: block; height: 54px; position: relative;}
.logo img{ height: 100%; display: block;}
.grop-search{ float: right; display: block; position: relative; width: 40px; height: 40px; margin: 30px 0 0 10px; z-index: 2; transition: 0.3s; -webkit-transition: 0.3s;}
.grop-search .item{ position: absolute; right:0; top: 100%; height: 40px; background-color: #fff; box-shadow: 0 0 8px rgba(0,0,0,0.1); width: 140px;padding: 0 20px; transition: 0.3s; -webkit-transition: 0.3s; border-radius: 3px; border: 4px solid #0055A2; opacity: 0; visibility: hidden; transform: translateY(20px); pointer-events: none; display: none;}
.grop-search .txt{ width: 100%; display: block; height: 40px; line-height: 40px; border: 0px none; background-color: transparent;  transition: 0.3s; -webkit-transition: 0.3s;}
.grop-search:hover .item{ /* opacity: 1;  visibility: visible; transform: translateY(0px);  pointer-events: visible; */}
.grop-search:hover .btn1{ /* text-align: center; */}
.grop-search a.btn{ position: absolute; right: 0; top: 0; width: 100%; height: 100%; line-height:40px; text-align: right; font-size: 24px;}
.nav{ position: relative; float: right; display: block; z-index: 1;}
.nav>ul>li{ position: relative; float: left; display: inline-block; margin-right: 10px;}
.nav>ul>li>a{ position: relative; display: block; line-height: 100px; font-size: 16px; padding: 0 25px; z-index: 1;}
.nav>ul>li>a:before{ content:""; width:100%; height:100%; background-color:#E89E45; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; z-index: -1;}
.nav>ul>li>a:hover,.nav>ul>li>a.hov,.nav>ul>li>a.active{ color: #FFFFFF;}
.nav>ul>li>a:hover:before,.nav>ul>li>a.hov:before,.nav>ul>li>a.active:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.nav .subnav{ position: absolute; z-index: 10; left: 50%; top: 100%; width: 130px; margin-left: -75px; padding: 20px 10px; margin-top: -15px; background-color:#fff; font-size: 14px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); margin-top:20px; display: none;}
.nav .subnav p{ margin-bottom: 2px;}
.nav .subnav a{ text-align: center; display: block; padding: 4px 0;}
.nav .subnav a:hover{ background-color: #F1F1F1;}
.menu-handler{ position: fixed; right: 0; top: 0; width:60px; height: 60px; display: none; cursor: pointer; z-index: 1010; background-color: #E89E45;}
.menu-handler p{ position: relative; display: block; width: 26px; height: 20px; margin: 20px auto;}
.menu-handler span{ position:absolute;width:100%; right:0px; top:0px; height:2px; background-color:#fff; transition:opacity .2s ease}
.menu-handler span.item2{ top:9px; -webkit-transition:-webkit-transform .4s ease; transition:transform .4s ease;}
.menu-handler span.item3{ top:9px; -webkit-transition:-webkit-transform .4s ease; transition:transform .4s ease;}
.menu-handler span.item4{ top: auto; bottom: 0px;}
.menu-handler.active span.item1,.menu-handler.active span.item4{ opacity:0; }
.menu-handler.active span.item2{ -webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;}
.menu-handler.active span.item3{ -webkit-transform:rotate(225deg);-ms-transform:rotate(225deg);transform:rotate(225deg); -webkit-transition:-webkit-transform .6s ease;transition:transform .6s ease;}
.menubarM a:link, .menubarM a:visited { color: #fff;}
.menubarM a:active,.menubarM a:hover { color: #fff;}   
.menubarM { background-color: rgb(232,158,69); background-color: rgba(232,158,69,0.9); color: #fff; position: fixed; display: none; right: 0px; top: 0px; width: 280px; height: 100%; height:100vh;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%); z-index: 1008; -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); -moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94); -o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94); }
.menubarM-box{ height: 100vh; overflow-x:hidden; overflow-y:auto;-webkit-overflow-scrolling:touch;}
.menubarM-list{ padding:80px 0;}
.menubarM-list>li{ margin-bottom: 10px;}
.menubarM-list>li>a { position: relative; display: block; font-size: 18px; padding: 5px 40px;}
.menubarM-list .cur>a{ background-color: rgb(232,173,102); background-color: rgba(232,173,102,0.9);}
.menubarM-list .cur>a::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: rgba(255,255,255,.2);}
.menubarM-list .subnav { display: none; padding: 15px 40px; background-color: #e8ad66;}
.menubarM-list .subnav a { position: relative; display: block; line-height: 1.4; padding: 8px 0; font-size: 14px;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1005; background-color: rgba(0,0,0,0.6); visibility:hidden; filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;}
.menuOpen .pusher-black { visibility:visible;filter:alpha(enabled=false); opacity:1;}
.menuOpen .menubarM { -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0);  transform:translateX(0);}
.ptop { height: 80px;}
.ptop .logo{ margin-top: 13px;}
.ptop .nav>ul>li>a{ line-height: 80px;}
.ptop .grop-search{ margin-top: 20px;}

.smlink{ margin-left: 20px;}
.link-select-box { float: right; position: relative; width:326px; height: 34px; border: 1px solid #fff; transition: .3s; -webkit-transition: .3s;}
.link-select-box .mt { padding: 0 46px 0 15px; position: relative; cursor: pointer;  line-height: 34px; color: #fff;}
.link-select-box .mt .aw { position: absolute; top:-1px; width: 46px; height: 36px; line-height: 36px; right: -1px; background-color: #fff; color: #0055A2; text-align: center; transition: 0.3s; -webkit-transition: 0.3s; }
.link-select-box .mc { position: absolute; left: -1px; right: -1px; bottom: 100%; z-index: 100; display: none; padding-bottom: 3px;}
.link-select-box ul { background-color: #E8E8E8; padding: 15px 0; overflow: hidden; }
.link-select-box a { display: block; padding: 8px 15px; line-height: 1.4; color: #0055A2;}

.foot{ padding: 25px 0; background-color: #333333; color: #CCCCCC;}
.foot a:link, .foot a:visited { color: #CCCCCC;}
.foot a:active, .foot a:hover { color: #fff;}
.foot-desc{ float: left; display: block; width: 78%;}
.pl5{ padding-left: 20px;}
.foot-nav{ padding: 16px 0 20px;}
.foot-nav .fg{ padding: 0 15px;}
.foot-erm{ float: right; display: block; text-align: center;}
.foot-erm .img{ width: 80px; margin-bottom: 5px;}

.fixedImg { background-position: center top; background-repeat: no-repeat; background-size: cover;}
.imgw{ width: 100%; display: block;}
.ellipsisT{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/w0.png) no-repeat;}
.ermsblack { background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.7); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1030; display: none; }
.ermSBox { width: 220px; height: 264px; border: 5px solid #eeeeee; background: #fff; position: fixed; left: 50%; top: 50%; margin: -100px 0 0 -115px; z-index: 1004; } 
.ermSBox .img { padding: 20px; }
.ermSBox .img img { width: 100%; height: 100%; display: block; }
.ermSBox .t { padding: 10px 0px; color: #666; font-weight: bold; background: #eeeeee; text-align: center; }
.pageC a:link, .pageC a:visited { color: #333;}
.pageC a:active, .pageC a:hover { color: #E89E45;}
.pageC img{ max-width: 100% !important; height: auto !important; }
.pageC{ overflow: hidden; text-align: justify;}
.transition6{ transition: 0.6s; -webkit-transition: 0.6s;}
.scaleO:hover .imgw{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}
.scaleO2:hover .imgw{ transform: scale(1.08); -webkit-transform: scale(1.08); -moz-transform: scale(1.08);}
.pos-ov{ position: relative; overflow: hidden;}
.pvideo-bg{ position: fixed; z-index: 1000; left: -9999px; top: -9999px; bottom: 0; right: 0;  background: url(../images/black_24.png) repeat; background:none rgba(0, 0, 0, 0.8); opacity: 0; visibility: hidden; -webkit-transition:opacity .4s 0.3s,visibility .4s 0.3s; transition:opacity .4s 0.3s,visibility .4s 0.3s;}
.pvideo-box { position: absolute; top: 40%; transform: translateY(-50%); width: 900px; left: 50%; margin-left: -450px; -webkit-transition: top 0.3s ease,opacity .3s ease; transition: top 0.3s ease,opacity .3s ease; opacity: 0; background-color: #fff;}
.pvideo-box .videon{ width: 100%; display: block;}
.pv-close{ position: absolute; right: -60px; top: 0; width: 60px; height: 60px; font-size: 24px; line-height: 60px; background-color: #fff; text-align: center; color: #222;}
.pv-close:hover{ background-color: #43BE98; color: #fff;}
.overlay{ opacity: 1; visibility: visible; opacity: 1; left: 0; top: 0; transition-delay: 0;}
.overlay .pvideo-box{ top: 50%; opacity: 1; transition-delay: 0.4s;}
.ells2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ells3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.y30 { opacity: 0; -webkit-transform: translate3d(0, 30%, 0) scale(0.9); transform: translate3d(0, 30%, 0) scale(0.9); }

.y30.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s; }

.y60 { opacity: 0; -webkit-transform: translate3d(0, 50%, 0) scale(0.9); transform: translate3d(0, 50%, 0) scale(0.9); }

.y60.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s; }

.y100 { opacity: 0; -webkit-transform: translate3d(0, 100%, 0) scale(0.9); transform: translate3d(0, 100%, 0) scale(0.9); }

.y100.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s; }

.x50 { opacity: 0; -webkit-transform: translate3d(50%, 0, 0) scale(0.9); transform: translate3d(50%, 0, 0) scale(0.9); }

.x50.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s; }

.x100 { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) scale(0.9); transform: translate3d(100%, 0, 0) scale(0.9); }

.x100.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s; }

.x-50 { opacity: 0; -webkit-transform: translate3d(-50%, 0, 0) scale(0.9); transform: translate3d(-50%, 0, 0) scale(0.9); }

.x-50.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s; }

.x-100 { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) scale(0.9); transform: translate3d(-100%, 0, 0) scale(0.9); }

.x-100.flag { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: .44s; transition: .44s; }

.o { opacity: 0; }

.o.flag { opacity: 1; -webkit-transition: 1.7s; transition: 1.7s; }

.doubleAni { position: relative; z-index: 1; }

.doubleAni:hover:after { width: 100%; opacity: .9; }

.doubleAni:hover:before { width: 100%; opacity: 1; }

.doubleAni:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; width: 60%; opacity: 0; background: #E89E45; -webkit-transition: .55s; transition: .55s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.doubleAni:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; width: 40%; opacity: 0; background: #E89E45; -webkit-transition: .55s; transition: .55s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.splitlist { line-height: 1.2; white-space: pre-wrap; }

.splitlist.flag span { -webkit-animation: fadeInRight 1s forwards; animation: fadeInRight 1s forwards; }

.splitlist span { font-family: inherit; width: auto; font-size: inherit; color: inherit; font-weight: inherit; text-transform: inherit; opacity: 0; display: inline-block; }

.splitlist span.letters { color: #E89E45; }

.cursordot { position: fixed; top: 0; left: 0; border-radius: 100%; pointer-events: none; opacity: 0; will-change: transform; background-size: contain; mix-blend-mode: exclusion; }

.cursordot::before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; background: #fff; mix-blend-mode: exclusion; }

.cursordot:after { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; border: 1px solid #fff; -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); mix-blend-mode: exclusion; border-radius: 50%; }

.imgs { max-width: 100%; width: 100%; height: auto; display: block; }

.deepmao { position: relative; top: -1rem; display: block; height: 0; overflow: hidden; }

.photoActives { position: relative; overflow: hidden; }

.photoActives .photoActive { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #fff; z-index: 3; }

.photoActives.reset_photoActive .photoActive { bottom: -100%; -webkit-transition: .66s; transition: .66s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.photoSlides { position: relative; overflow: hidden; --bg: white; }

.photoSlides.ifIe:after { display: none; }

.photoSlides.ifIe img { opacity: 1; }

.photoSlides:after { content: ''; position: absolute; bottom: 0; right: 0; width: 0%; height: 100%; background: var(--bg); z-index: 3; }

.photoSlides.flag:after { width: 100%; -webkit-transition: .6s; transition: .6s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }

.photoSlides.reset:after { width: 0%; right: auto; left: 0; }

.photoSlides img { opacity: 0; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

.ell { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.ells { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }


.subnavHead { position: relative; }

.subnavHead .bannerimg { overflow: hidden; }

.subnavHead .bannerimg img { position: relative; width: 100%; display: block; will-change: transform; }

.newspaper { word-break: break-all; }

.newspaper a { -webkit-transition: color .4s; transition: color .4s; }

.newspaper a:link { color: #333; }

.newspaper a:visited { color: #333; }

.newspaper a:active { color: #E89E45; }

.newspaper a:hover { color: #E89E45; }

.newspaper img { max-width: 100% !important; height: auto !important; width: auto !important; }

.newspaper .tablebox { width: 100%; overflow-x: auto; overflow-y: hidden; -ms-overflow-style: none; overflow: -moz-scrollbars-none; overflow: -webkit-scrollbars-none; }

.newspaper .tablebox::-webkit-scrollbar { display: none; }

.newspaper .tablebox table { width: auto !important; max-width: 100% !important; }

@-webkit-keyframes pageTransTion { from { visibility: visible;
    opacity: 1; }
  to { visibility: hidden;
    opacity: 0; } }

@keyframes pageTransTion { from { visibility: visible;
    opacity: 1; }
  to { visibility: hidden;
    opacity: 0; } }

@-webkit-keyframes pageTransTionFirst { from { -webkit-transform: translateY(0%); transform: translateY(0%); }
  to { -webkit-transform: translateY(100%); transform: translateY(100%); } }

@keyframes pageTransTionFirst { from { -webkit-transform: translateY(0%); transform: translateY(0%); }
  to { -webkit-transform: translateY(100%); transform: translateY(100%); } }

@-webkit-keyframes pageTransTionSecond { from { -webkit-transform: translateY(0%); transform: translateY(0%); }
  to { -webkit-transform: translateY(150%); transform: translateY(150%); } }

@keyframes pageTransTionSecond { from { -webkit-transform: translateY(0%); transform: translateY(0%); }
  to { -webkit-transform: translateY(150%); transform: translateY(150%); } }

@-webkit-keyframes pageTransTionThird { from { -webkit-transform: translateY(0%); transform: translateY(0%); }
  to { -webkit-transform: translateY(200%); transform: translateY(200%); } }

@keyframes pageTransTionThird { from { -webkit-transform: translateY(0%); transform: translateY(0%); }
  to { -webkit-transform: translateY(200%); transform: translateY(200%); } }

.pageTransTionIn { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; -webkit-animation: pageTransTion .01s 1.2s forwards; animation: pageTransTion .01s 1.2s forwards; }

.pageTransTionIn .pageTransTionFirst, .pageTransTionIn .pageTransTionSecond, .pageTransTionIn .pageTransTionThird { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.pageTransTionIn .pageTransTionFirst { background: #0562A9; -webkit-animation: pageTransTionFirst 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation: pageTransTionFirst 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards; }

.pageTransTionIn .pageTransTionSecond { background: #E89E45; -webkit-animation: pageTransTionSecond 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation: pageTransTionSecond 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards; }

.pageTransTionIn .pageTransTionThird { background: #fff; -webkit-animation: pageTransTionThird 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards; animation: pageTransTionThird 1.2s 0.2s cubic-bezier(0.77, 0, 0.175, 1) forwards; }

.last3:nth-child(3n+1):nth-last-child(-n+3), .last3:nth-child(3n+1):nth-last-child(-n+3) ~ li { margin-bottom: 0; }

.amap-logo, .amap-copyright { display: none !important; }

.amap-toolbar { z-index: 2; display: none !important; }

.amap-scalecontrol { display: none !important; }

.amap-layers:after { content: '' !important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index: 0; }

.amap-layers svg { width: 100% !important; height: 100% !important; }

.amap-markers { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.innerdot { display: none !important; }

.infobox { display: none; }

.amap-info-contentContainer { width: auto; height: auto; max-width: 320px; padding: 15px 20px; background: #fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

.amap-info-contentContainer h5 { color: #333; font-size: 18px; }

.amap-info-contentContainer p { color: #999; font-size: 16px; }

.amap-marker .mapdaohang { width: 90%; height: 25px; background: #E89E45; border-radius: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; font-size: 14px; -webkit-transform: translate(-50%, -250%); transform: translate(-50%, -250%); }

.mapdots { width: 135px; height: 135px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; z-index: 1; color: #0562A9; }

.mapdots:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #E89E45; z-index: -1; -webkit-animation: dots 1.5s infinite linear; animation: dots 1.4s infinite linear; }

.mapdots:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: #E89E45; z-index: -1; -webkit-animation: dots 1.5s infinite linear; animation: dots 1.4s -.7s infinite linear; }

.mapdots .dot { width: 30px; height: 30px; background: #E89E45; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; }

.mapdots .dot img { width: 25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@-webkit-keyframes dots { from { opacity: 1;
    -webkit-transform: scale(0.1);
            transform: scale(0.1); }
  to { opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes dots { from { opacity: 1;
    -webkit-transform: scale(0.1);
            transform: scale(0.1); }
  to { opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

.scrollNumItem { display: -webkit-box; display: -ms-flexbox; display: flex; }

.scrollNumItem .scrollNumBox { position: relative; overflow: hidden; }

.scrollNumItem .scrollNumBox .scrollNumUl { width: 100%; }

.scrollNumItem .scrollNumBox .scrollNumUl li { height: 100%; width: 100%; }

@-webkit-keyframes move { from { -webkit-transform: translateY(-90%); transform: translateY(-90%);
    -webkit-filter: url(#blur);
            filter: url(#blur); }
  to { -webkit-transform: translateY(1%); transform: translateY(1%);
    -webkit-filter: url(#blur);
            filter: url(#blur); } }

@keyframes move { from { -webkit-transform: translateY(-90%); transform: translateY(-90%);
    -webkit-filter: url(#blur);
            filter: url(#blur); }
  to { -webkit-transform: translateY(1%); transform: translateY(1%);
    -webkit-filter: url(#blur);
            filter: url(#blur); } }

@-webkit-keyframes bounce-in-down { from { -webkit-transform: translateY(calc(var(--i) * -10% - 7%)); transform: translateY(calc(var(--i) * -10% - 7%));
    -webkit-filter: none;
            filter: none; }
  25% { -webkit-transform: translateY(calc(var(--i) * -10% + 3%)); transform: translateY(calc(var(--i) * -10% + 3%)); }
  50% { -webkit-transform: translateY(calc(var(--i) * -10% - 1%)); transform: translateY(calc(var(--i) * -10% - 1%)); }
  70% { -webkit-transform: translateY(calc(var(--i) * -10% + .6%)); transform: translateY(calc(var(--i) * -10% + .6%)); }
  85% { -webkit-transform: translateY(calc(var(--i) * -10% - .3%)); transform: translateY(calc(var(--i) * -10% - .3%)); }
  to { -webkit-transform: translateY(calc(var(--i) * -10%)); transform: translateY(calc(var(--i) * -10%)); } }

@keyframes bounce-in-down { from { -webkit-transform: translateY(calc(var(--i) * -10% - 7%)); transform: translateY(calc(var(--i) * -10% - 7%));
    -webkit-filter: none;
            filter: none; }
  25% { -webkit-transform: translateY(calc(var(--i) * -10% + 3%)); transform: translateY(calc(var(--i) * -10% + 3%)); }
  50% { -webkit-transform: translateY(calc(var(--i) * -10% - 1%)); transform: translateY(calc(var(--i) * -10% - 1%)); }
  70% { -webkit-transform: translateY(calc(var(--i) * -10% + .6%)); transform: translateY(calc(var(--i) * -10% + .6%)); }
  85% { -webkit-transform: translateY(calc(var(--i) * -10% - .3%)); transform: translateY(calc(var(--i) * -10% - .3%)); }
  to { -webkit-transform: translateY(calc(var(--i) * -10%)); transform: translateY(calc(var(--i) * -10%)); } }

@media screen and (max-width: 768px) { .noscroll { background-attachment: scroll !important; } }

@-webkit-keyframes fade-in-blur{0%{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}40%{opacity:1}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes fade-in-blur{0%{opacity:0;-webkit-transform:translateY(20%);transform:translateY(20%)}40%{opacity:1}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes pageHeaderTtlImg{0%{ transform:scale(1.2);}100%{transform:scale(1);}}
.pbanner-box{ position: relative;}
.pbanner { position: relative; overflow: hidden;}
.pbanner .imgbox{ height: 600px; background-position: center center; background-repeat: no-repeat; background-size: cover; animation:pageHeaderTtlImg 3s cubic-bezier(.25,.46,.45,.94) both .3s}
.pbanner-c{ position: absolute; left: 5%; width: 90%; top: 50%; margin-top: -40px; color: #fff; text-align: center; line-height: 1.2;} 
.pbanner-c .zh{ font-size: 40px; margin-bottom: 8px;}
.pbanner-c .en{ font-size: 30px; font-weight: bold; text-transform: uppercase;}
.page-nav-box{ position: absolute; left: 0; bottom: 0; width: 100%; overflow: hidden; background:url(../images/black_60.png) no-repeat; background: none rgba(0,0,0,0.6); color: #fff; text-align: center;}
.page-nav-btn a:link, .page-nav-btn a:visited { color: #fff;}
.page-nav-btn a:active,.page-nav-btn a:hover { color: #fff;}  
.page-nav-btn li{ position: relative; display: inline-block; *display: inline; *zoom: 1; margin: 0 35px;}
.page-nav-btn a{ position: relative; font-size: 16px; height:70px; line-height: 70px; padding: 0 5px; display: block;}
.page-nav-btn a::before{ content:""; width:100%; height:4px; background-color:#E89E45; position:absolute; left:0; bottom:11px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.page-nav-btn a.active:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.pagePadding{ padding: 130px 0;}
.ptitle { padding-bottom: 60px;}
.ptitle h6 { font-size: 30px; color: #E89E45; text-transform: uppercase; }
.ptitle h6 span { font-weight: 100; }
.ptitle h6 span.letters { font-weight: 700; }
.ptitle h5 { font-size: 34px; margin-top: 5px; font-weight: normal; color: #333;}
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #f1f1f1 url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
a.slick-disabled{ cursor: not-allowed;}
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: 0; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; z-index: 400;}
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08);}
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}
.pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; -webkit-backface-visibility: hidden; outline: 0 }
.pswp * { -webkit-box-sizing: border-box; box-sizing: border-box }
.pswp img { max-width: none }
.pswp--animate_opacity { opacity: .001; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1); transition: opacity 333ms cubic-bezier(.4,0,.22,1) }
.pswp--open { display: block }
.pswp--zoom-allowed .pswp__img { cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in }
.pswp--zoomed-in .pswp__img { cursor: -webkit-grab; cursor: -moz-grab; cursor: grab }
.pswp--dragging .pswp__img { cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing }
.pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/black_90.png) repeat; background: none rgba(0,0,0,.9); opacity: 0; transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity }
.pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden }
.pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0 }
.pswp__container, .pswp__img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none }
.pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 333ms cubic-bezier(.4,0,.22,1); transition: transform 333ms cubic-bezier(.4,0,.22,1) }
.pswp__bg { will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1); transition: opacity 333ms cubic-bezier(.4,0,.22,1) }
.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none }
.pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden }
.pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden }
.pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0 }
.pswp__img--placeholder { -webkit-backface-visibility: hidden }
.pswp__img--placeholder--blank { background: #222 }
.pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0 }
.pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC }
.pswp__error-msg a { color: #CCC; text-decoration: underline }
.pswp__button { width: 44px; height: 44px; position: relative; background: 0 0; cursor: pointer; overflow: visible; -webkit-appearance: none; display: block; border: 0; padding: 0; margin: 0; float: right; opacity: .75; -webkit-transition: opacity .2s; transition: opacity .2s; -webkit-box-shadow: none; box-shadow: none }
.pswp__button:focus, .pswp__button:hover { opacity: 1 }
.pswp__button:active { outline: 0; opacity: .9 }
.pswp__button::-moz-focus-inner { padding: 0; border: 0 }
.pswp__ui--over-close .pswp__button--close { opacity: 1 }
.pswp__button { background: url(../images/default-skin.png) 0 0 no-repeat; background-size: 264px 88px; width: 44px; height: 44px }

@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx) {
    .pswp--svg .pswp__button { background-image: url(../images/default-skin.svg); }
    .pswp__button--close { color: #fff }
}

.pswp__button--close { background-position: 0 -44px }
.pswp__button--share { background-position: -44px -44px }
.pswp__button--fs { display: none }
.pswp--supports-fs .pswp__button--fs { display: block }
.pswp--fs .pswp__button--fs { background-position: -44px 0 }
.pswp__button--zoom { display: none; background-position: -88px 0 }
.pswp--zoom-allowed .pswp__button--zoom { display: block }
.pswp--zoomed-in .pswp__button--zoom { background-position: -132px 0 }
.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right { visibility: hidden }
.pswp__button--arrow--left, .pswp__button--arrow--right { top: 50%; width: 48px; height: 48px; line-height: 48px; margin-top: -24px; position: absolute; background: none #767676; color: #fff; display: block; font-family: "iconfont" !important; font-size: 14px; text-align: center; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.pswp__button--arrow--left { left: 2% }
.pswp__button--arrow--right { right: 2%; }
.pswp__button--arrow--left:before { content: "\e71c"; }
.pswp__button--arrow--right:before { content: "\e60e"; }
.pswp__button--arrow--left:hover, .pswp__button--arrow--right:hover { color: #fff; background-color: #E89E45; }
.pswp__counter, .pswp__share-modal { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.pswp__share-modal { display: block; background: rgba(0,0,0,.5); width: 100%; height: 100%; top: 0; left: 0; padding: 10px; position: absolute; z-index: 1600; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; -webkit-backface-visibility: hidden; will-change: opacity }
.pswp__share-modal--hidden { display: none }
.pswp__share-tooltip { z-index: 1620; position: absolute; background: #FFF; top: 56px; border-radius: 2px; display: block; width: auto; right: 44px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25); box-shadow: 0 2px 5px rgba(0,0,0,.25); -webkit-transform: translateY(6px); -ms-transform: translateY(6px); transform: translateY(6px); -webkit-transition: -webkit-transform .25s; transition: transform .25s; -webkit-backface-visibility: hidden; will-change: transform }
.pswp__share-tooltip a { display: block; padding: 8px 12px; color: #000; text-decoration: none; font-size: 14px; line-height: 18px }
.pswp__share-tooltip a:hover { text-decoration: none; color: #000 }
.pswp__share-tooltip a:first-child { border-radius: 2px 2px 0 0 }
.pswp__share-tooltip a:last-child { border-radius: 0 0 2px 2px }
.pswp__share-modal--fade-in { opacity: 1 }
.pswp__share-modal--fade-in .pswp__share-tooltip { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.pswp--touch .pswp__share-tooltip a { padding: 16px 12px }
a.pswp__share--facebook:before { content: ''; display: block; width: 0; height: 0; position: absolute; top: -12px; right: 15px; border: 6px solid transparent; border-bottom-color: #FFF; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none }
a.pswp__share--facebook:hover { background: #3E5C9A; color: #FFF }
a.pswp__share--facebook:hover:before { border-bottom-color: #3E5C9A }
a.pswp__share--twitter:hover { background: #55ACEE; color: #FFF }
a.pswp__share--pinterest:hover { background: #CCC; color: #CE272D }
a.pswp__share--download:hover { background: #DDD }
.pswp__counter { float: left; height: 44px; font-size: 13px; line-height: 44px; color: #FFF; opacity: .75; padding: 0 10px }
.pswp__caption { position: absolute; left: 0; bottom: 0; width: 100%; min-height: 44px }
.pswp__caption__center { text-align: center; max-width: 600px; font-size: 15px; margin: 0 auto; padding: 20px 10px; color: #fff }
.pswp__caption__center .xzy-zan { float: right; display: block }
.pswp__caption--empty { display: none }
.pswp__caption--fake { visibility: hidden }
.pswp__preloader { width: 44px; height: 44px; position: absolute; top: 0; left: 50%; margin-left: -22px; opacity: 0; -webkit-transition: opacity .25s ease-out; transition: opacity .25s ease-out; will-change: opacity; direction: ltr }
.pswp__preloader__icn { width: 20px; height: 20px; margin: 12px }
.pswp__preloader--active { opacity: 1 }
.pswp__preloader--active .pswp__preloader__icn { background: url(preloader.gif) 0 0 no-repeat }
.pswp--css_animation .pswp__preloader--active { opacity: 1 }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn { -webkit-animation: clockwise .5s linear infinite; animation: clockwise .5s linear infinite }
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut { -webkit-animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite; animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite }
.pswp--css_animation .pswp__preloader__icn { background: 0 0; opacity: .75; width: 14px; height: 14px; position: absolute; left: 15px; top: 15px; margin: 0 }
.pswp--css_animation .pswp__preloader__cut { position: relative; width: 7px; height: 14px; overflow: hidden }
.pswp--css_animation .pswp__preloader__donut { -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: 2px solid #FFF; border-radius: 50%; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; left: 0; background: 0 0; margin: 0 }

@media screen and (max-width:1024px) {
    .pswp__preloader { position: relative; left: auto; top: auto; margin: 0; float: right }
}

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

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

@-webkit-keyframes donut-rotate {
    0% { -webkit-transform: rotate(0); transform: rotate(0) }
    50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg) }
    100% { -webkit-transform: rotate(0); transform: rotate(0) }
}

@keyframes donut-rotate {
    0% { -webkit-transform: rotate(0); transform: rotate(0) }
    50% { -webkit-transform: rotate(-140deg); transform: rotate(-140deg) }
    100% { -webkit-transform: rotate(0); transform: rotate(0) }
}

.pswp__ui { -webkit-font-smoothing: auto; visibility: visible; opacity: 1; z-index: 1550 }
.pswp__top-bar { position: absolute; left: 0; top: 0; height: 44px; width: 100% }
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar { -webkit-backface-visibility: hidden; will-change: opacity; -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1); transition: opacity 333ms cubic-bezier(.4,0,.22,1) }
.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right { visibility: visible }
.pswp__caption, .pswp__top-bar { background-color: rgba(0,0,0,.5) }
.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar { background-color: rgba(0,0,0,.3) }
.pswp__ui--idle .pswp__top-bar { opacity: 1 }
.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right { opacity: 0 }
.pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar { opacity: .001 }
.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter { display: none }
.pswp__element--disabled { display: none !important }
.pswp--minimal--dark .pswp__top-bar { background: 0 0 }

@-webkit-keyframes shubiao { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px);
    opacity: 0; }
  100% { -webkit-transform: translateY(10px); transform: translateY(10px);
    opacity: 1; } }

@keyframes shubiao { 0% { -webkit-transform: translateY(-10px); transform: translateY(-10px);
    opacity: 0; }
  100% { -webkit-transform: translateY(10px); transform: translateY(10px);
    opacity: 1; } }

@-webkit-keyframes guodong { from, to { -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1; }
  25% { -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1); }
  50% { -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9); }
  75% { -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05); } }

@keyframes guodong { from, to { -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1; }
  25% { -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1); }
  50% { -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9); }
  75% { -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05); } }

@-webkit-keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0) scale(0.9);
            transform: translate3d(0, 100%, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@keyframes fadeInUp { from { opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0) scale(0.9);
            transform: translate3d(0, 100%, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@-webkit-keyframes fadeInUp2 { from { opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0) scale(0.9);
            transform: translate3d(0, 50%, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@keyframes fadeInUp2 { from { opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0) scale(0.9);
            transform: translate3d(0, 50%, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@-webkit-keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
            transform: translate3d(100%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@keyframes fadeInRight { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
            transform: translate3d(100%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@-webkit-keyframes fadeInRight2 { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
            transform: translate3d(100%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@keyframes fadeInRight2 { from { opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) scale(0.9);
            transform: translate3d(100%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@-webkit-keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
            transform: translate3d(-100%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@keyframes fadeInLeft { from { opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.9);
            transform: translate3d(-100%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@-webkit-keyframes fadeInLeft2 { from { opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0) scale(0.9);
            transform: translate3d(-50%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@keyframes fadeInLeft2 { from { opacity: 0;
    -webkit-transform: translate3d(-50%, 0, 0) scale(0.9);
            transform: translate3d(-50%, 0, 0) scale(0.9); }
  to { opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
            transform: translate3d(0, 0, 0) scale(1); } }

@-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
            transform: translate3d(0, 200px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 35px, 0);
            transform: translate3d(0, 35px, 0); }
  75% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  90% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% { opacity: 0;
    -webkit-transform: translate3d(0, 200px, 0);
            transform: translate3d(0, 200px, 0); }
  60% { opacity: 1;
    -webkit-transform: translate3d(0, 35px, 0);
            transform: translate3d(0, 35px, 0); }
  75% { -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); }
  90% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); }
  to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  100% { -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0; }
  100% { -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1; } }

@-webkit-keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInUpRight { from { -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@keyframes rotateInUpLeft { from { -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0; }
  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

@-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    opacity: 1; } }

@keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    opacity: 1; } }

@-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    opacity: 1; } }

@keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0; }
  40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in; }
  60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1; }
  80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg); }
  to { -webkit-transform: perspective(400px);
    transform: perspective(400px);
    opacity: 1; } }

@-webkit-keyframes faderRotateZ { from { opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: 0 0 0;
            transform-origin: 0 0 0;
    -webkit-transform: perspective(500px) rotatex(-90deg) translateZ(0);
            transform: perspective(500px) rotatex(-90deg) translateZ(0); }
  to { opacity: 1;
    visibility: visible;
    -webkit-transform: rotate(0deg) translateZ(0);
            transform: rotate(0deg) translateZ(0); } }

@keyframes faderRotateZ { from { opacity: 0;
    visibility: hidden;
    -webkit-transform-origin: 0 0 0;
            transform-origin: 0 0 0;
    -webkit-transform: perspective(500px) rotatex(-90deg) translateZ(0);
            transform: perspective(500px) rotatex(-90deg) translateZ(0); }
  to { opacity: 1;
    visibility: visible;
    -webkit-transform: rotate(0deg) translateZ(0);
            transform: rotate(0deg) translateZ(0); } }
/** Swiper 5.4.5 Most modern mobile touch slider and framework with hardware accelerated transitions http://swiperjs.com Copyright 2014-2020 Vladimir Kharlampidi Released under the MIT License Released on: June 16, 2020 */
@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; }

:root { --swiper-theme-color:#007aff; }

.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.swiper-slide-invisible-blank { visibility: hidden; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform; }

.swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; }

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: x mandatory; scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; }

:root { --swiper-navigation-size:44px; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size)/ 2); z-index: 10; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }

.swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; }

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; }

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next'; }

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color:#ffffff; }

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color:#000000; }

.swiper-button-lock { display: none; }

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; }

.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0px, -50%, 0); transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s transform,.2s top; transition: .2s transform,.2s top; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s transform,.2s left; transition: .2s transform,.2s left; }
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s transform,.2s right; transition: .2s transform,.2s right; }
.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; }
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; }
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; }
.swiper-pagination-white { --swiper-pagination-color:#ffffff; }
.swiper-pagination-black { --swiper-pagination-color:#000000; }
.swiper-pagination-lock { display: none; }
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }
.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }
.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-scrollbar-lock { display: none; }
.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; }
.swiper-slide-zoomed { cursor: move; }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s infinite linear; animation: swiper-preloader-spin 1s infinite linear; -webkit-box-sizing: border-box; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; }
.swiper-lazy-preloader-white { --swiper-preloader-color:#fff; }
.swiper-lazy-preloader-black { --swiper-preloader-color:#000; }
@-webkit-keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes swiper-preloader-spin { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube { overflow: visible; }
.swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }
.swiper-container-flip { overflow: visible; }
.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.scrollWrapper { position: fixed; top: 0; left: 0; right: 0; }

/*base style end*/
/*index style*/
@-webkit-keyframes bannerline {
    from { width: 0%; }
    to { width: 100%; }
}
@keyframes bannerline {
    from { width: 0%; }
    to { width: 100%; }
}
@-webkit-keyframes nextSlide {
    0% {
      opacity: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    }
    100% {
      opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    }
}
@keyframes nextSlide {
    0% {
      opacity: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    }
    100% {
      opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
    }
}
@keyframes music-move
{
	0% { -webkit-transform: rotate(0deg);transform: rotate(0deg);} 
	33% { -webkit-transform: rotate(-2deg);transform: rotate(-2deg);}
	66% { -webkit-transform: rotate(2deg);transform: rotate(2deg);}
	100% {  -webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
@-webkit-keyframes music-move 
{
	0% { -webkit-transform: rotate(0deg);transform: rotate(0deg);} 
	33% { -webkit-transform: rotate(-2deg);transform: rotate(-2deg);}
	66% { -webkit-transform: rotate(2deg);transform: rotate(2deg);}
	100% {  -webkit-transform: rotate(0deg);transform: rotate(0deg);}
}
.banner a:link, .banner a:visited { color: #fff; }
.banner a:active, .banner a:hover { color: #fff; }
.banner { position: relative; overflow: hidden; width: 100%; height: 100vh; background-color: #f7f7f7; opacity: 0; visibility: hidden; transition: 0.8s cubic-bezier(0.7, 0, 0.3, 1); -webkit-transition: 0.8s cubic-bezier(0.7, 0, 0.3, 1); color: #fff;}
.banner.slick-initialized {visibility: visible;opacity: 1;}
.banner .item { position: relative; width: 100%; overflow: hidden;}
.banner .pimg { width: 100%; display: block; position: absolute; overflow: hidden; position: relative; -webkit-animation-duration: 1.4s; animation-duration: 1.4s;-webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.banner .slick-current .pimg{-webkit-animation-name: nextSlide; animation-name: nextSlide;}
.banner-num{ height: 26px; line-height: 26px; padding: 0px 10px; position: absolute; left: 0; width: 100%; bottom: 5%; font-size: 12px; text-align: center; z-index: 600;}
.banner-num .bitem{ display: inline-block; *display: inline; *zoom: 1;}
.banner-num .slick-dots{ position: relative; width: auto; bottom: auto;}
.banner-num .slick-dots li{ position: relative; margin: 0 4px; height: 26px; width: auto; padding: 0; cursor: pointer; }
.banner-num .slick-dots li a{ width: 8px; height: 8px; border: 1px solid #fff; border-radius: 50%;  text-indent: -10em; display: block; overflow: hidden; padding: 0px; margin: 8px 0 0;}
.banner-num .slick-dots li.slick-active a{ background-color: #fff;}
.banner-num .slick-arrow{ width: 26px;}
.banner-num .slick-arrow:hover{ color: #333333;}



.indexnews { padding: 60px 0 70px; }
.indexnews .w1620 { display: -webkit-box; display: -ms-flexbox; display: flex; }
.newsItems { width: 35.18%; }
.newsItems .head { display: -webkit-box; display: -ms-flexbox; display: flex; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.newsItems .head .newsitempag { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
.newsItems .head .newsitempag span { height: 100%; position: relative; font-size: 18px; width: auto; height: auto; background: transparent; opacity: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 48px; }
.newsItems .head .newsitempag span:last-child { margin-right: 0; }
.newsItems .head .newsitempag span.swiper-pagination-bullet-active { color: #E89E45; font-weight: 700; }
.newsItems .head .newsitempag span.swiper-pagination-bullet-active:after { width: 100%; }
.newsItems .head .newsitempag span:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background: #E89E45; -webkit-transition: .6s; transition: .6s; -webkit-transform: translateY(50%); transform: translateY(50%); }
.newsItems .head .newsitempagmore { color: #999; -webkit-transition: .4s; transition: .4s; }
.newsItems .head .newsitempagmore:hover { color: #E89E45; }
.newsItems .swiper-newsItems { overflow: hidden; }
.newsItems .swiper-newsItems .swiper-wrapper .swiper-slide .text { border-top: 1px solid rgba(112, 112, 112, 0.2); border-bottom: 1px solid rgba(112, 112, 112, 0.2); display: block; padding: 45px 0 25px; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.newsItems .swiper-newsItems .swiper-wrapper .swiper-slide .text:hover h5 { color: #E89E45; }
.newsItems .swiper-newsItems .swiper-wrapper .swiper-slide .text h5 { font-size: 18px; line-height: 1.2; margin-bottom: 15px; -webkit-transition: .4s; transition: .4s; }
.newsItems .swiper-newsItems .swiper-wrapper .swiper-slide .text p { color: #999; }
.newsItems .swiper-newsItems .swiper-wrapper .swiper-slide .newslist { padding-top: 20px; padding-right: 20px; }
.swiper-newsimg { position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }
.swiper-newsimg:after { content: ''; position: absolute; z-index: 3; left: 57.14%; top: 40px; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); border-left: 14px solid transparent; border-top: 14px solid transparent; border-right: 14px solid #F5F5F5; border-bottom: 14px solid transparent; }
.swiper-newsimg .swiper-pag { position: absolute; z-index: 3; right: 0; bottom: 25px; line-height: 1; text-align: right; padding: 0 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.swiper-newsimg .swiper-pag span { width: 10px; height: 10px; margin: 0; margin-left: 8px; background: #DFDFDF; opacity: 1; }
.swiper-newsimg .swiper-pag span.swiper-pagination-bullet-active { background: #E89E45; }
.swiper-newsimg .swiper-wrapper .swiper-slide { background: #F5F5F5; display: -webkit-box; display: -ms-flexbox; display: flex; }
.swiper-newsimg .swiper-wrapper .swiper-slide:hover figure .bg { -webkit-transform: scale(1.05); transform: scale(1.05); }
.swiper-newsimg .swiper-wrapper .swiper-slide:hover .font h5 { color: #E89E45; }
.swiper-newsimg .swiper-wrapper .swiper-slide figure { width: 57.14%; overflow: hidden; }
.swiper-newsimg .swiper-wrapper .swiper-slide figure .bg { -webkit-transition: .4s; transition: .4s; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.swiper-newsimg .swiper-wrapper .swiper-slide .imgs{ display: none;}
.swiper-newsimg .swiper-wrapper .swiper-slide .font { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 40px 40px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.swiper-newsimg .swiper-wrapper .swiper-slide .font time { width: 60px; height: 60px; background: #E89E45; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff; font-family: 'Helvetica'; }
.swiper-newsimg .swiper-wrapper .swiper-slide .font time span { font-size: 18px; line-height: 1.2; }
.swiper-newsimg .swiper-wrapper .swiper-slide .font h5 { font-size: 18px; margin: 20px 0 25px; font-weight: normal; -webkit-transition: .4s; transition: .4s; }
.swiper-newsimg .swiper-wrapper .swiper-slide .font p { color: #666; -webkit-line-clamp: 3; margin: 30px 0 70px; }
.swiper-newsimg .swiper-wrapper .swiper-slide .font .line { display: block; width: 100%; height: 1px; background-color: #DADADA; display: block;}
.swiper-newsimg .swiper-wrapper .swiper-slide .font small { color: #E89E45; position: relative; padding-bottom: 5px; }
.swiper-newsimg .swiper-wrapper .swiper-slide .font small:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #E89E45; }
.newslist { padding-top: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.newslist a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 1.2; margin-bottom: 15px; }
.newslist a:hover p { color: #E89E45; }
.newslist a:last-child { margin-bottom: 0; }
.newslist a .dot { width: 5px; height: 5px; background: #CCCCCC; }
.newslist a p { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 8px; margin-right: 30px; line-height: 1.2; font-size: 16px; -webkit-transition: .4s; transition: .4s; color: #666;}
.newslist a time { color: #999; }
.p12 { padding-right: 5px; padding-left: 12px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.indexCulture { position: relative; padding: 110px 0 195px; color: #fff; z-index: 1; }
.indexCulture:after { content: ''; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.42); z-index: -1; }
.indexCulture .title{ text-align: center;}
.indexCulture .title h5 { font-size: 40px; font-weight: 700; line-height: 1.6; }
.indexCulture .title h6 { font-size: 12px; text-transform: uppercase; font-weight: normal;}
.indexCulture .desc { width: 1000px; max-width: 100%; margin: 75px auto; text-align: center;}
.indexlink { color: #fff; position: relative; padding-bottom: 5px; -webkit-transition: initial 0.4s; transition: initial 0.4s; }
.indexlink:hover { color: #E89E45; }
.indexlink:hover:after { background: #E89E45; }
.indexlink:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #fff; }
.indexCcp { padding: 66px 0 70px; }
.indexCcp .w1620 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.ccpbox { width: 58.02%; border: 1px solid #DDDDDD; padding: 15px 40px 40px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ccpbox .head { border-bottom: 1px solid #DDDDDD; display: -webkit-box; display: -ms-flexbox; display: flex; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-sizing: border-box; box-sizing: border-box; }
.ccpswiper-pag { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
.ccpswiper-pag span { height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; width: auto; height: auto; background: transparent; opacity: 1; margin-right: 48px; }
.ccpswiper-pag span:last-child { margin-right: 0; }
.ccpswiper-pag span.swiper-pagination-bullet-active { color: #E89E45; font-weight: 700; }
.ccpswiper-pag span.swiper-pagination-bullet-active:after { width: 100%; }
.ccpswiper-pag span:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 3px; background: #E89E45; -webkit-transition: .6s; transition: .6s; -webkit-transform: translateY(50%); transform: translateY(50%); }
.ccpbox .head a { color: #999; -webkit-transition: .4s; transition: .4s; }
.ccpbox .head a:hover { color: #E89E45; }
.swiper-ccp { overflow: hidden; padding-top: 15px; }
.swiper-ccp .swiper-wrapper .swiper-slide .firstnews { display: -webkit-box; display: -ms-flexbox; display: flex; }
.swiper-ccp .swiper-wrapper .swiper-slide .firstnews:hover figure img { -webkit-transform: scale(1.04); transform: scale(1.04); }
.swiper-ccp .swiper-wrapper .swiper-slide .firstnews:hover .font h5 { color: #E89E45; }
.swiper-ccp .swiper-wrapper .swiper-slide .firstnews figure { overflow: hidden; width: 250px; margin-right: 32px; }
.swiper-ccp .swiper-wrapper .swiper-slide .firstnews figure img { width: 100%; -webkit-transition: .4s; transition: .4s; }
.swiper-ccp .swiper-wrapper .swiper-slide .firstnews .font { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding: 5px 0 15px;}
.swiper-ccp .swiper-wrapper .swiper-slide .firstnews .font h5 { font-size: 16px; color: #666; font-weight: 400; -webkit-transition: .4s; transition: .4s; }
.swiper-ccp .swiper-wrapper .swiper-slide .firstnews .font time { color: #999; line-height: 1.2; display: block; margin-top: 5px; margin-bottom: 18px; }
.swiper-ccp .swiper-wrapper .swiper-slide .firstnews .font p { -webkit-line-clamp: 3; color: #666; }
.recruitment { position: relative; width: 40.74%; color: #fff; padding: 45px 180px 0 50px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; }
.recruitment:after { content: ''; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.34); z-index: -1; }
.recruitment .title h5 { font-size: 36px; font-weight: 700; line-height: 1.4; }
.recruitment .title h6 { font-size: 16px; }
.recruitment .title h6 span { font-weight: 700; }
.recruitment p { margin: 50px 0 80px; }
.indexSelect { background: #E89E45; padding: 30px 0 45px; color: #fff; position: relative; z-index: 2; }
.indexSelect .w1620 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }
.indexSelect .item { position: relative; width: 18.51%; }
.indexSelect .button { cursor: pointer; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 44px; border: 1px solid #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.indexSelect .button span { pointer-events: none; }
.indexSelect .button i { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(90deg); transform: rotate(90deg); font-size: 12px; pointer-events: none; }
.indexSelect .item ul { position: absolute; bottom: 100%; left: 0; width: 100%; z-index: 7; max-height: 200px; overflow-y: auto; background: #fff; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); -webkit-transition: .55s; transition: .55s; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
.indexSelect .item ul.active { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
.indexSelect .item ul li:last-child a { border-bottom: none; }
.indexSelect .item ul li a { border-bottom: 1px solid rgba(0, 0, 0, 0.1); height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #666; -webkit-transition: .4s; transition: .4s; }
.indexSelect .item ul li a:hover { background: #E89E45; color: #fff; }


/*news style*/
.news-list{ margin-left: -5.33%;}
.news-list li{ position: relative; float: left; display: block; width: 28%; margin-left: 5.33%; margin-bottom: 4%;}
.timebox { color: #CCCCCC; line-height: 1.2; font-family: helvetica; margin-bottom: 30px; transition: .3s; -webkit-transition: .3s;}
.timebox span{ display: block;}
.timebox .num{ font-size: 50px;}
.timebox .year{ font-size: 12px; }
.news-list .pos-ov{ margin-bottom: 20px;}
.news-list .title{ font-size: 20px; font-weight: normal; line-height: 1.5; color: #333333; margin-bottom: 22px; position: relative; transition: .3s; -webkit-transition: .3s; height: 60px;}
.news-list .desc{ color: #999999; height: 50px; overflow: hidden; margin-bottom: 42px;}
.news-list .btn-more{ float: left; }
.btn-more{ display: block; position: relative; padding-bottom: 7px; border-bottom: 2px solid #CCCCCC;}
.btn-more .txt{ color: #999999;}
.btn-more::before{ content: ""; position: absolute; left: 0; height: 2px; background-color: #E89E45; bottom: -2px; width: 100%; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.nitem:hover .timebox,.news-list li:hover .title,.nitem:hover .btn-more .txt{ color: #E89E45;}
.nitem:hover .btn-more:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.news-list li:hover .pos-ov{ box-shadow: 3px 3px 6px rgb(0,0,0,.16);}
.paging { text-align: center; padding: 10px 0 0;}
.paging a.item { position: relative; display: inline-block; *display: inline; *zoom: 1; margin: 0 10px; font-size: 16px; height: 46px; line-height: 46px; font-family: Helvetica, sans-serif; color: #999999;}
.paging a.item::before{ content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0%; background-color: #E89E45; transition: .3s; -webkit-transition: .3s;}
.paging a.pager { display: inline-block; *display: inline; *zoom: 1; border:1px solid #ccc; border-radius: 50%; width: 44px; height: 44px; line-height: 44px; padding: 0; color: #999999; font-weight: bold; font-size: 16px;}
.paging a.pager:first-child{ margin-right: 15px;}
.paging a.pager:last-child{ margin-left: 15px;}
.paging a.pager:hover{ background-color: #E89E45; border-color: #E89E45; color: #fff;} 
.paging a.item.active,.paging a.item:hover { color: #E89E45;}
.paging a.item.active::before,.paging a.item:hover::before{ width: 100%;}
/*news style end*/
/*hr style*/
.hr .ptitle{ text-align: center; }
/*hr style end*/
/*join style*/
.jobOffersItem .item { margin-bottom: 10px; }
.jobOffersItem .item:first-child .list { background: #E89E45 !important; border: none !important;  height: 60px; font-size: 16px;}
.jobOffersItem .item:first-child .list ul li { position: relative; color: #fff; }
.jobOffersItem .item:first-child .list ul li:last-child:after, .jobOffers .item:first-child .list ul li:nth-child(5):after { display: none; }
.jobOffers .item:first-child .list ul li:after { content: ''; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 16px; background: #fff; }
.jobOffers .item .list { background: #F6F6F6; border: 1px solid transparent; border-bottom: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: background-color .55s; transition: background-color .55s; }
.jobOffers .item .list.active { background: #fff; border-color: #E8E8E8; }
.jobOffers .item .list.active ul li i { background: #E89E45; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.jobOffers .item .list ul { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }
.jobOffers .item .list ul li { cursor: pointer; /* -webkit-box-flex: 1; -ms-flex: 1; flex: 1; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px 10px; color: #666; width: 12%;}
.jobOffers .item .list ul li:nth-child(1),.jobOffers .item .list ul li:nth-child(5) { width: 26%;}
.jobOffers .item .list ul li i { width: 30px; height: 30px; background: #E8E8E8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; color: #fff; font-size: 18px; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }
.jobOffers .item .autoHeight { display: none; }
.jobOffers .item .autoHeight .feelChinBox { padding: 40px 35px 40px 60px;  border: 1px solid #E8E8E8; }

.tbl tr td{ padding: 4px;}
/*join style end*/

/*contact style*/
.map { height: 600px; }
.map #map { height: 100%; }
.contact { padding: 115px 0;  display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.contact .line { width: 1px; height: 62px; background: #E2E2E2; }
.contact .item{ color: #666; font-size: 16px; }
.contact .title { font-size: 18px; line-height: 1.2; margin-bottom: 16px; color: #333333;}
.contact .img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.contact .img small { text-indent: 8px; letter-spacing: 8px; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; /*从左向右 从右向左是 writing-mode: vertical-rl;*/ -webkit-writing-mode: tb-lr; writing-mode: tb-lr; /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ }
/*contact style end*/


/*news2 style*/
.announcement-list li{ padding-bottom: 70px; margin-bottom: 50px; border-bottom: 1px solid #E2E2E2;}
.announcement-list .timebox{ float: left; display: block;}
.announcement-list .desc{ padding: 5px 25% 0 160px;}
.announcement-list .btn-more{ position: absolute; right: 0; top: 38%;}
.announcement-list .title{ font-size: 20px; font-weight: 400; margin-bottom: 20px; line-height: 1.5; color: #333333;}
.announcement-list .c{ color: #999999;}
/*news2 style end*/
/*party style*/
.party-title{ margin-bottom: 50px; font-weight: normal;}
.f36{ font-size: 36px;}
.c333{ color: #333;}
/*party style end*/

/*party4 style*/
.learning-list{ margin-left: -3%; padding-bottom: 20px;}
.learning-list li{ float: left; display: block; width: 30.33%; margin-left: 3%; margin-bottom: 40px; transition: 0.3s; -webkit-transition: 0.3s;}
.learning-list .item{ border: 1px solid #E6E6E6; padding: 35px 40px;}
.learning-list .title{ font-size: 20px; font-weight: 400; color: #333333; line-height: 1.5; margin-bottom: 8px; transition: 0.3s; -webkit-transition: 0.3s;}
.learning-list .time{ color: #999999; font-size: 16px; font-family: "DINCOND-MEDIUM_0"; margin-bottom: 30px; line-height: 1.5;}
.learning-list .desc{ height: 50px;}
.learning-list li:hover{ box-shadow: 0 3px 6px rgba(0,0,0,.16);}
.learning-list li:hover .title{ color: #E89E45;}
/*party4 style end*/

/*government style*/
.government-list li{ padding-bottom: 70px; margin-bottom: 50px; border-bottom: 1px solid #E2E2E2;}
.government-list .desc{ padding-right: 19%;}
.government-list .title{ font-size: 20px; font-weight: 400; color: #333; line-height: 1.5; transition: 0.3s; -webkit-transition: 0.3s;}
.government-list .time{ font-size: 14px; font-family: helvetica; padding: 15px 0 20px; color: #999999;}
.government-list .c{ color: #999999;}
.btn-more2{ position: relative; width: 102px; height: 38px; line-height: 38px; border: 1px solid #DDDDDD; text-align: center; display: block;}
.btn-more2 .txt{ position: relative; color: #999999;}
.btn-more2::before{ content:""; width:100%; height:100%; background-color:#E89E45; position:absolute; left:0; bottom:0; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9;}
.btn-more2:hover{ border-color: #E89E45;}
.btn-more2:hover .txt{ color: #fff;}
.btn-more2:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.government-list .btn-more2{ position: absolute; right: 0; top: 40%;}
.government-list li:hover .title{ color: #E89E45;}
.government-list li:hover .btn-more2{ border-color: #E89E45;}
.government-list li:hover .btn-more2 .txt{ color: #fff;}
.government-list li:hover .btn-more2:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.f16{ font-size: 16px;}
/*government style end*/
/*info style*/
.info-paer a:link, .info-paer a:visited { color: #333333;}
.info-paer a:active, .info-paer a:hover { color: #E89E45;}
.info-paer{ padding-top: 70px; margin-top: 100px;}
.info-paer .line{ padding: 0 5px;}
.info-paer .home{ margin-right: 10px;}
.infoPage{ padding: 70px 0;}
.infoT{ text-align: center; line-height: 1.5; font-size: 26px; color: #333333; font-weight: 400;} 
.info-time{ position: relative; padding: 15px 0 30px; border-bottom: 1px solid #E0E0E0; margin-bottom: 50px; color: #999999; text-align: center;}
.info-time .time{ /* position: absolute; right: 0; top: 35px; */ font-family: helvetica;}
.info-sharp a:link, .info-sharp a:visited { color: #A7A7A7; }
.info-sharp a:active, .info-sharp a:hover { color: #E89E45; }
.info-sharp{ color: #A7A7A7; text-align: center;}
.info-sharp.bdsharebuttonbox a{ background: none !important; padding: 0 !important; margin: 0 10px 0 !important; font-size: 18px !important; line-height: 1 !important; height: auto !important; float: none !important; position: relative;  display: inline-block;}
.info-sharp.bdsharebuttonbox a:hover{ color: #E89E45; }
.previous a:link, .previous a:visited { color: #333333;}
.previous a:active, .previous a:hover { color: #E89E45;}
.previous{ border-top: 2px solid #E0E0E0; padding-top: 35px; margin-top: 60px;}
.previous .arrow{ float: left; display: block; width: 70%; padding-top: 8px;}
.previous a.backlist{ float: right; display: block; width: 90px; border-radius: 50%; height: 90px; line-height: 90px; text-align: center; color: #fff; background-color: #E89E45; font-size: 14px;}
.previous a.backlist:hover{ background-color: #333;}
/*info style end*/
/*about style*/
.boxPadding{ padding: 100px 0;}
.about-title{ border-bottom: 1px solid #E0E0E0; margin-bottom: 40px; padding-bottom: 35px;}
.about-title .ptitle{ float: left; display: block; padding-bottom: 0;}
.about-num{ float: right; display: block;}
.about-num li{ float: left; display: block; margin-left: 100px; margin-top: 35px; text-align: center; margin-right: 30px;}
.about-num .title{ padding-bottom: 10px;}
.about-num .num{ font-family: helvetica; font-size: 50px; line-height: 1;}
.about-num .dw{ position: absolute; left: 104%; line-height: 1; padding-left: 7px; color: #E89E45; display: inline-block; white-space: nowrap;}
.about-num .dw::before{ content: ""; position: absolute; left: 0; top: 0; width: 2px; height: 10px; background-color: #E89E45;} 
.structure-page .ptitle{ padding-bottom: 10px;}
.structure-page .ptitle h5,.structure-page .ptitle h6,.structure-page .ptitle h6 span{ color: #fff;}
.bgf5{ background-color: #f5f5f5;}
.speech-desc{ float: left; display: block; width: 52%;}
.speech-img{ float: right; display: block; width: 44%; margin-top: 45px;}

.history-pageT{ position: relative;}
.history-btn{ position: absolute; right: 0; top: 25px;}
.history-btn .bitem{ position: relative; width: 44px; height: 44px; line-height: 44px;  border-radius: 50%; background: #fff; text-align: center; border: 1px solid #CCCCCC; color: #999999; color: #999; display: block; float: left; font-size: 20px; font-weight: bold; z-index:100;}
.history-btn .his-prev{ margin-right: 12px;}
.history-btn .bitem:hover{ background:none #E89E45; border-color: #E89E45; color: #fff;}
.history-btn .bitem:before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2); border-radius:50%; visibility:hidden; z-index:-1;}
.history-btn .bitem:hover:before{ opacity:0; visibility:visible; -webkit-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5); -webkit-transition:.5s;  transition: .5s;}


.honor-demo { margin-left: -66px;}
.honor-demo .item{ margin: 0 0 0 66px; float: left; display: block; cursor: zoom-in;}
.honor-demo .item .pos-ov{ overflow: hidden; position: relative; margin-bottom: 10px;}
.honor-demo .item .txt{ text-align: center; line-height: 1.5;}
.honor-demo .slick-arrow { position: absolute; width: 44px; height: 44px; line-height: 44px; z-index: 106; top: 0; margin-top: -140px; border-radius: 50%; background: #fff; text-align: center; border: 1px solid #CCCCCC; color: #999999;}
.honor-demo .slick-prev{ right: 58px;}
.honor-demo .slick-next{ right: 0;}
.honor-demo .slick-arrow i { display: block; font-family:"iconfont" !important;font-size:20px;font-style:normal; font-weight: bold; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.honor-demo .slick-prev i:before{ content: "\e71c";}
.honor-demo .slick-next i:before{ content: "\e60e";}
.honor-demo .slick-arrow:hover{ background:none #E89E45; border-color: #E89E45; color: #fff;}
.honor-demo .slick-arrow:before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2); border-radius:50%; visibility:hidden; z-index:-1;}
.honor-demo .slick-arrow:hover:before{ opacity:0; visibility:visible; -webkit-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5); -webkit-transition:.5s;  transition: .5s;}

.history-page{ position: relative; overflow: hidden;}
.history-demo{ position: relative; width: 23.5%; overflow: hidden;}
.history-demo .item{  padding: 15px 20px 30px; background-color: #fff;}
.history-demo .year{ position: relative; font-size: 30px; color: #E89E45; padding: 10px 0;}
.history-demo .year::before{ content: ""; position: absolute; left: 10px; bottom: 80%; height: 48px; width: 4px; background-color: #E89E45;}

.history-small{ position: absolute; right: -30px; bottom: 0; width: 76%; overflow: hidden;}
.history-small .item{ margin-right: 30px;}
.history-small .year{ position: relative; font-size: 30px; color: #E89E45; padding: 10px 0; margin-left: 10px; z-index: 2;}
.history-small .year::before{ content: ""; position: absolute; left: 10px; top: 80%; height: 48px; width: 4px; background-color: #E89E45;}
.history-small .pos-ov{ padding: 46px 20px 20px; background-color: #fff;}


.history-img{ margin-left: -30px;}
.history-img .item{ position: relative; margin-left: 30px; cursor: pointer;}
.history-img .item::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background-color: #fff; transition: .55s cubic-bezier(.23,1,.32,1); -webkit-transition: .55s cubic-bezier(.23,1,.32,1); z-index: -1;}
.history-img .img{ padding: 15px 20px 0; background-color: #fff;}
.history-img .img2{ position: absolute; left: 0; bottom: 0; width: 100%; background-color: #fff; transition: .75s; -webkit-transition: .75s;}
.history-img .img2 p{ padding: 46px 20px 20px;}
.history-img .desc{ margin:0 20px 30px; height: 175px; overflow-y: auto;}
.history-img .year{ position: relative; font-size: 30px; color: #E89E45; padding: 10px 0; margin: 0 20px;}
.history-img .year::before{ content: ""; position: absolute; left: 10px; bottom: 80%; height: 48px; width: 4px; background-color: #E89E45;}

.history-img .year2{ position: absolute; left: 20px; bottom: 100%; font-size: 30px; color: #E89E45; padding: 10px 0;}
.history-img .year2::before{ content: ""; position: absolute; left: 10px; top: 80%; height: 48px; width: 4px; background-color: #E89E45;}

.history-img .img,.history-img .year,.history-img .desc{ visibility: hidden; opacity: 0; transition: .55s cubic-bezier(.23,1,.32,1); -webkit-transition: .55s cubic-bezier(.23,1,.32,1);}
.history-img .year,.history-img .desc{  transform: translateY(10%);}

.history-img .slick-current::before,.history-img .item:hover::before{ height: 100%;}
.history-img .slick-current .img,.history-img .slick-current .year,.history-img .slick-current .desc{ visibility: visible; opacity: 1; transform: inherit;}
.history-img .item:hover .img,.history-img .item:hover .year,.history-img .item:hover .desc{ visibility: visible; opacity: 1; transform: inherit;}


.history-img .item:hover .desc{ transition-delay: 0.3s;}
.history-img .item:hover .year{ transition-delay: 0.45s;}
.history-img .item:hover .img{ transition-delay: 0.6s;}
.history-img .slick-current .img2{ bottom: 280px; opacity: 0; visibility: hidden;}

.history-img .item:hover .img2{ bottom: 280px; opacity: 0; visibility: hidden;}

/*about style end*/

/*search style*/
.search-banner {padding: 70px 0; background-color: #F5F5F5; background-size: cover; margin-top: 100px;}
.search-banner-text strong {display: block;text-align: center;line-height: 1;color: #fff;font-size: 40px;font-weight: normal;}
.search-text {margin-top: 58px;position: relative;}
.search-text .text {box-sizing: border-box;padding-left: 26px;width: 100%;height: 64px;line-height: 64px;color: #333;font-size: 14px;border: none;background: #fff;outline: none;}
.search-text .text::-webkit-input-placeholder { color: #333; }
.search-text .text:focus::-webkit-input-placeholder { opacity: 0; visibility: hidden;}
.search-text .sub {position: absolute;right: 0;top: 0;border: none;outline: none;color: #fff;font-size: 20px;line-height: 64px;cursor: pointer;padding: 0 20px;background-color: #E89E45;transition: 0.4s;}
.search-text .sub:hover { background-color: #333;}
.search-leval a {height: 55px;line-height: 55px;font-size: 14px;}
.search-list{ margin-bottom: 60px;}
.search-list li { position: relative; z-index: 3;background: #F1F1F1;border: 1px solid #F1F1F1;}
.search-list li:nth-child(2n+2) { background: #fff;}
.search-list li:before {content: "";width: 100%;height: 0;background: #E89E45;position: absolute;left: 0;bottom: 0;transition: 0.4s;z-index: -1;}
.search-list li:hover,
.search-list li.active { color: #091E8A; }
.search-list li:hover:before,
.search-list li.active:before { height: 100%; bottom: auto; top: 0;}
.search-list li:hover a { color: #fff;}
.search-list li:hover a i { color: #fff;}
.search-list li a { display: block;line-height: 56px;height: 56px;color: #5B5B5B;font-size: 14px;padding: 0 42px 0 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.search-list li a i { display: block; position: absolute; right: 10px; top: 50%; margin-top: -10px; line-height: 1; color: #000000; font-size: 20px; font-style: normal; font-weight: bold; transition: 0.36s; }
/*search style end*/
/*404 style*/
.noPage{ position: absolute; left: 0%; top: 50%; width: 100%; margin-top: -160px;}
.noimg{ font-size:200px;font-family:"DINCOND-MEDIUM_0"; font-weight:400;line-height:1;color:#333333;}
.no-c{ margin: 0px auto; text-align: center;}
.no-btn{ padding: 70px 0px 28px; text-align: center; width: 306px; margin: 0px auto;}
.no-btn a{ float: left; width: 140px; height: 56px; line-height: 56px; text-align: center; background-color:#E89E45; color: #fff; display: block;}
.no-btn a.r{ float: right; background-color: #666;}
.no-btn a span{ color: #fff;}
.no-btn a .iconfont:before{ font-size: 16px; margin-right: 8px;}
.no-btn a:hover{ background-color: #333;}
/*404 style end*/