@charset "utf-8";
/* 
 * Project Name:新华发行
 * Author:浅浅
 * Date：2018-10-29
 */

@font-face { font-family: "iconfont"; src: url('iconfont.eot?t=1541068590503'); /* IE9*/ src: url('iconfont.eot?t=1541068590503#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.woff') format('woff'), url('iconfont.ttf?t=1541068590503') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont.svg?t=1541068590503#iconfont') format('svg'); /* iOS 4.1- */ }

.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-QQ:before { content: "\e666"; }
.icon-fangda:before { content: "\e603"; }
.icon-rongyujiangxiang1:before { content: "\e615"; }
.icon-dianhua:before { content: "\e632"; }
.icon-iconset0130:before { content: "\e61d"; }
.icon-dizhi:before { content: "\e608"; }
.icon-nongcunjinrongba:before { content: "\e606"; }
.icon-jiantou2:before { content: "\e676"; }
.icon-typecar118:before { content: "\e618"; }
.icon-youjiantou:before { content: "\e63c"; }
.icon-play:before { content: "\e634"; }
.icon-jiantou4:before { content: "\e7ea"; }
.icon-mail:before { content: "\e672"; }
.icon-shehuizeren:before { content: "\e609"; }
.icon-jiantou:before { content: "\e627"; }
.icon-education_icon:before { content: "\e674"; }
.icon-weibo:before { content: "\e67a"; }
.icon-weixin:before { content: "\e67b"; }
.icon-icon--:before { content: "\e734"; }
.icon-dizhi1:before { content: "\e626"; }
.icon-jiantou1:before { content: "\e601"; }
.icon-mn_kongjian:before { content: "\e600"; }
.icon-youxiang:before { content: "\e602"; }
.icon-yishu:before { content: "\e638"; }
.icon-dianhua1:before { content: "\e611"; }
.icon-jiantou5:before { content: "\e7eb"; }
.icon-zuojiantou:before { content: "\e7ec"; }
.icon-guanbi:before { content: "\e612"; }
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; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent; }
html::-webkit-scrollbar { width: 7px; height: 7px; background-color: #b1a194; }
html::-webkit-scrollbar-track { border-radius: 0; background-color: #b1a194; }
html::-webkit-scrollbar-thumb { border-radius: 0; width: 17px; height: 17px; background-color: #c40000; }
body { font: 14px/1.8 "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; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none; }
::-moz-selection { background: #d48d92; color: #fff; text-shadow: none; }
::selection { background: #d48d92; 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; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.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: 1100px; margin: 0px auto; }
.top a:link, .top a:visited { color: #575757; }
.top a:active, .top a:hover { color: #e62129; }
.top { position: fixed; left: 0; top: 0; width: 100%; background-color: #fff; z-index: 999; -webkit-transition: 0.3s; transition: 0.3s; }
.top.scoll { box-shadow: 0 0 7px rgba(0, 0, 0, 0.16); }
.logo { position: absolute; left: 86px; top: 17px; width: 266px; }
.logo img { width: 100%; display: block; }
.nav a.hov, .nav a.active { color: #e62129; }
.nav { float: right; display: inline-block; margin-right: 86px; }
.nav li { display: block; float: left; position: relative; margin-left: 44px; }
.nav > ul > li > a { position: relative; display: block; height: 90px; line-height: 90px; font-size: 16px; }
.nav > ul > li > a:before { content: ""; width: 100%; height: 2px; background-color: #e62129; position: absolute; left: 0; bottom: 25%; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); -webkit-transform: scaleX(0); visibility: hidden\9; }
.nav > ul > li:hover > a: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: 60px; width: 122px; padding: 15px 4px; margin: -4px 0 0 -65px; background-color: #fff; border-top: 3px solid #c40000; font-size: 14px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); display: none; }
.nav .subnav .arrow { border-left: 4px solid transparent; border-right: 4px solid transparent; display: block; margin: 0px auto; height: 0; width: 0; border-bottom: 4px solid #deb685; position: absolute; left: 50%; margin-left: -2px; top: -8px; }
.nav .subnav a { display: block; padding: 8px 0px; line-height: 1.4; color: #4e4e4e; text-align: center; position: relative; z-index: 1; perspective: 300px; transform-style: preserve-3d; }
.nav .subnav a:before { content: ""; display: block; position: absolute; left: 0px; bottom: 0px; z-index: -1; width: 100%; display: block; height: 100%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); z-index: -1; transform-origin: center top 0; -webkit-transform-origin: center top 0; left: 0; opacity: 0; bottom: 0; visibility: hidden; background-color: #f7eded; }
.nav .subnav a:hover { color: #000000; }
.nav .subnav a:hover:before { transform: none; opacity: 1; visibility: visible; }
.menu-handler { position: fixed; right: 0; top: 0; width: 54px; height: 54px; display: none; cursor: pointer; z-index: 1010; background-color: #d3212d; }
.menu-handler span { position: relative; display: block; margin: 25.5px auto 0; width: 22px; height: 2px; background-color: #fff; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s; -webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s; }
.menu-handler span:after,
.menu-handler span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0; background-color: #fff; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s; -webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s }
.menu-handler span:before { top: -7px; -webkit-transition-property: top,transform; -moz-transition-property: top,transform; -ms-transition-property: top,transform; -o-transition-property: top,transform; transition-property: top,transform; }
.menu-handler span:after { bottom: -7px; -webkit-transition-property: bottom,transform; -moz-transition-property: bottom,transform; -ms-transition-property: bottom,transform; -o-transition-property: bottom,transform; transition-property: bottom,transform; }
.menu-handler.active span { background-color: transparent; -webkit-transition-delay: 0s,0s; -moz-transition-delay: 0s,0s; -ms-transition-delay: 0s,0s; -o-transition-delay: 0s,0s; transition-delay: 0s,0s }
.menu-handler.active span:after, .menu-handler.active span:before { background-color: #fff; -webkit-transition-delay: 0s,.3s; -moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s }
.menu-handler.active span:before { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }
.menu-handler.active span:after { bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.menuBox a:link, .menuBox a:visited { color: #fff; }
.menuBox a:active, .menuBox a:hover { color: #fff; }
.menuBox { background-color: #d3212d; color: #fff; position: fixed; display: none; right: 0px; top: 0px; width: 294px; height: 100%; height: 100vh; overflow-x: hidden; overflow-y: auto; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-overflow-scrolling: touch; 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); }
.menuMoblie { padding: 80px 0; }
.menuMoblie .nav-link { position: relative; display: block; font-weight: bold; padding: 12px 0; margin: 0px 10%; border-bottom: 1px solid #db2f39; }
.menuMoblie .nav-link:before { content: ""; width: 9px; height: 9px; position: absolute; right: 0; top: 50%; margin-top: -7px; background: url(../images/arrow2.png) no-repeat scroll center center; background-size: cover; transition: 0.3s; -webkit-transition: 0.3s; }
.menuMoblie .cur .nav-link { border-bottom-color: #d3212d; }
.menuMoblie .cur .nav-link:before { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.menuMoblie .subnav { padding: 10px 0px; display: none; background-color: #FFFFFF; }
.menuMoblie .subnav a { position: relative; display: block; padding: 8px 12%; line-height: 1.4; color: #3a3a3a; }
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 1005; background-color: rgba(0,0,0,0.4); 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 .menuBox { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
.pageH { height: 90px; }
.fixedImg { background-position: center bottom; background-repeat: no-repeat; background-size: cover; }
.smlink { margin-left: 30px; }
.imgw { width: 100%; display: block; }
.ellipsisT { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.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: #CE272D; }
.pageC a:active, .pageC a:hover { color: #C40000; }
.pageC img { max-width: 100% !important; height: auto !important; }
.pageC { overflow: hidden; }
.page-m { margin: 0px 86px; }
.pbanner { position: relative; overflow: hidden; background: url(../images/loader.gif) no-repeat scroll center center #fff; color: #fff; }
.pbanner a:link, .pbanner a:visited { color: #fff; }
.pbanner a:active, .pbanner a:hover { color: #fff; }
.pbanner .load-img { display: block; width: 100%; }
.pbanner-c { position: absolute; left: 50%; bottom: 15%; width: 1180px; margin-left: -590px; line-height: 1.5; }
.pbanner-c .en { font-size: 24px; }
.pbanner-c .zh { font-size: 48px; line-height: 1.4; }
.pbanner-c .bot { display: block; width: 92px; height: 4px; background-color: #bc092b; margin-top: 14px; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }

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

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

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX }

@-webkit-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) }
    50% { opacity: 1 }
}

@keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) }
    50% { opacity: 1 }
}

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn }

@-webkit-keyframes zoomInDown {
    0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) }
    60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) }
}

@keyframes zoomInDown {
    0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19) }
    60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1) }
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) }
    0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) }
    20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) }
    40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) }
    60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) }
    80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) }
    to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) }
    0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3) }
    20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) }
    40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) }
    60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03) }
    80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) }
    to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1) }
}

.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn }
.page-nav-box { position: relative; height: 58px; padding: 1px 0px; border-bottom: 1px solid #e1e1e1; background-color: #FFFFFF; }
.page-nav-btn a:link, .page-nav-btn a:visited { color: #4d4d4d; }
.page-nav-btn a:active, .page-nav-btn a:hover { color: #fff; }
.page-nav-btn { text-align: center; }
.page-nav-btn li { display: inline-block; *display: inline; *zoom: 1; }
.page-nav-btn a { padding: 0px 28px; font-size: 16px; height: 58px; line-height: 58px; display: block; position: relative; z-index: 1; }
.page-nav-btn a:after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-color: #bc092b; z-index: -1; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .5s cubic-bezier(.4,0,.2,1); transition: transform .5s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }
.page-nav-btn a.active:after, .page-nav-btn a:hover:after { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }
.page-nav-btn a.active { color: #fff; }
.pagePadding { padding: 90px 0px; }
.foot { padding: 40px 0px; background-color: #2c2c2c; color: #fff; margin: 0 86px; }
.foot a:link, .foot a:visited { color: #fff; }
.foot a:active, .foot a:hover { color: #7991ad; }
.btn-pagetop { display: block; background: #7991ad; color: #fff; width: 466px; text-align: center; z-index: 9; position: relative; margin: -88px auto 44px; font-family: arial, helvetica, sans-serif; }
.btn-pagetop:hover:before { -webkit-transform: translateZ(0) scaleY(1); transform: translateZ(0) scaleY(1); }
.btn-pagetop:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background-color: #bc092b; -webkit-transform: translateZ(0) scaleY(0); transform: translateZ(0) scaleY(0); -webkit-transform-origin: bottom left; transform-origin: bottom left; transition: -webkit-transform .4s cubic-bezier(.645, .045, .355, 1); transition: transform .4s cubic-bezier(.645, .045, .355, 1); transition: transform .4s cubic-bezier(.645, .045, .355, 1),-webkit-transform .4s cubic-bezier(.645, .045, .355, 1); }
.btn-pagetop:after { top: 0; background: #fff; }
.btn-pagetop span { position: relative; z-index: 1; display: block; padding: 35px 0; color: #fff; }
.btn-pagetop:hover:after { -webkit-transform-origin: top left; transform-origin: top left; -webkit-transform: translate3d(0, -3px, 0) scaleY(0); transform: translate3d(0, -3px, 0) scaleY(0) }
.btn-pagetop:after { content: ""; height: 50px; width: 2px; left: 0; right: 0; bottom: 94px; margin: auto; display: block; background: url(../images/pageTop.png) no-repeat scroll center center; position: absolute; z-index: 1; -webkit-transform: translate3d(0, 0, 0) scaleY(1); transform: translate3d(0, 0, 0) scaleY(1); -webkit-transform-origin: bottom left; transform-origin: bottom left; transition: -webkit-transform .4s cubic-bezier(.215, .61, .355, 1); transition: transform .4s cubic-bezier(.215, .61, .355, 1); transition: transform .4s cubic-bezier(.215, .61, .355, 1), -webkit-transform .4s cubic-bezier(.215, .61, .355, 1); }
.foot .item1 .iconfont { font-size: 14px; }
.foot .item1 .icon-dizhi { font-size: 16px; margin-bottom: 14px; }
.foot .item1 .iconfont:before { margin-right: 8px; font-size: 16px; }
.foot .item1 .icon-dianhua { margin-right: 35px; }
.foot .item1 { float: left; display: block; width: 40%; }
.foot .item2 { float: right; display: block; width: 55%; text-align: right; }
.foot-rbox { float: right; padding-bottom: 30px; }
.link-select-box { position: relative; float: left; display: block; width: 184px; height: 44px; line-height: 44px; text-align: left; }
.link-select-box .mt { position: relative; padding: 0 35px; border: 1px solid #fff; border-radius: 22px; cursor: pointer; line-height: 44px; transition: 0.3s; -webkit-transition: 0.3s; }
.link-select-box .mt .aw { position: absolute; top: 50%; margin-top: -2px; right: 22px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; transition: 300ms; -webkit-transition: 300ms; }
.link-select-box .mc { padding-bottom: 3px; position: absolute; left: 0px; right: 0px; bottom: 100%; z-index: 100; display: none; }
.link-select-box:hover .mt { background-color: #4E4E4E; }
.link-select-box ul { background-color: #616161; border-radius: 20px; padding: 12px 0; overflow: hidden; }
.link-select-box a { display: block; padding: 5px 15px; line-height: 1.4; font-size: 12px; }
.link-select-box a:hover { background-color: #B3000E; }
.link-select-box.act .mt .aw { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.fsharp { float: left; display: block; padding: 8px 0 0 5px; }
.fsharp a { float: left; position: relative; display: block; width: 32px; height: 32px; line-height: 32px; border-radius: 50%; margin-left: 10px; border-radius: 50%; text-align: center; }
.fsharp a em { font-size: 20px; color: #848484; transition: 0.3s; -webkit-transition: 0.3s; }
.fsharp a:hover em { color: #fff; }
.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); }
/* Slider */
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 450px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100% !important; }
.vwrap .close { z-index: 999; width: 32px; height: 32px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 32px; height: 32px; font-family: "iconfont" !important; font-size: 24px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 31px; text-align: center; color: #fff; -webkit-transition: 0.4s; transition: 0.4s; }
.vwrap .close i:before { content: "\e612"; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button, #videocontainer_display_button { background: none no-repeat !important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer; }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none !important; }
.jwdisplayIcon { background: none no-repeat !important; }

.pvideo-bg{ position: fixed; z-index: 1014; left: -9999px; top: -9999px; bottom: 0; right: 0;  background: url(../images/black_90.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: -42px; top: 0; width: 32px; height: 32px; font-size: 24px; line-height: 31px; text-align: center; color: #fff;  -webkit-transition: 0.4s; transition: 0.4s; }
.pv-close:hover{  -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.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;}
.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; }
/* 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: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.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 = photoswipe */
.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_80.png) repeat; background: none rgba(0,0,0,.8); 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: 20px; 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: "\e601"; }
.pswp__button--arrow--right:before { content: "\e676"; }
.pswp__button--arrow--left:hover, .pswp__button--arrow--right:hover { color: #fff; background-color: #BC092B; }
.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 }
#gallery2 .pswp__caption__center { text-align: center; font-size: 18px }
/*base style end*/

/*index style*/
.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; }
.page { padding: 0px 86px; }
.mousedown, .box-h { height: 95px; }
.box-h2 { height: 130px; }
.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: #efefef; opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; }
.banner.slick-initialized { visibility: visible; opacity: 1; }
.banner .img { position: absolute; left: 0px; top: 0px; bottom: 0; right: 0; height: 100%; overflow: hidden; }
.banner .pimg { width: 100%; display: block; height: 100%; object-fit: cover; overflow: hidden; }
.banner .bimg { display: none; width: 100%; position: relative; }
.banner .item { position: relative; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.banner .black { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/black_10.png) repeat; background: none rgba(0,0,0,0.1); }
.banner .binbox { position: absolute; width: 90%; overflow: hidden; left: 0; bottom: 5%; padding: 0 5% 10%; display: block; color: #fff; }
.banner .binbox .by { font-size: 60px; line-height: 1.2; text-shadow: 0px 0 8px rgba(0,0,0,0.5); }
.banner .binbox .btn-more { margin-top: 15px; }
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-active .bimg { visibility: visible !important; -webkit-animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-dots { left: auto; width: 15px; right: 3%; bottom: 20%; z-index: 104; }
.banner .slick-dots li { position: relative; display: inline-block; margin: 0 0 6px; width: 3px; padding: 0px 6px; height: auto; cursor: pointer; }
.banner .slick-dots li a { height: 42px; width: 1px; line-height: 42px; text-indent: -10em; display: block; overflow: hidden; padding: 0px; margin: 0px auto; background-color: #fff; }
.banner .slick-dots li a:focus { outline: none; }
.banner .slick-dots li.slick-active a { width: 3px; }

@-webkit-keyframes decreaseHeight {
    from { width: 0%; }
    to { width: 100%; }
}

@keyframes decreaseHeight {
    from { width: 0%; }
    to { width: 100%; }
}

@-ms-keyframes decreaseHeight {
    from { width: 0%; }
    to { width: 100%; }
}

@-o-keyframes decreaseHeight {
    from { width: 0%; }
    to { width: 100%; }
}

.mousedown { position: relative; }
.mouseBox { position: absolute; left: 50%; margin-left: -56px; width: 112px; top: -50px; color: #fff; z-index: 800; text-align: center; cursor: pointer; }
.mouseBox .txt { display: block; line-height: 1.2; margin-bottom: 10px; font-family: arial, helvetica, sans-serif; font-size: 14px; text-transform: uppercase; }
.mouseIco { width: 2px; height: 50px; background-color: #e62129; margin: 0px auto; display: block; position: relative; overflow: hidden; }
.mouseIco i { width: 100%; height: 50%; background-color: #fff; position: absolute; left: 50%; margin-left: -1px; top: 0; -webkit-animation: scrollLine 1s infinite; animation: scrollLine 1s infinite; }

@-webkit-keyframes scrollLine {
    from { -webkit-transform: translateY(0); transform: translateY(0); height: 0; }
    to { -webkit-transform: translateY(100%); transform: translateY(100%); height: 70px; }
}

@keyframes scrollLine {
    from { -webkit-transform: translateY(0); transform: translateY(0); height: 0; }
    to { -webkit-transform: translateY(100%); transform: translateY(100%); height: 70px; }
}

.scroll-btn { background: url(../images/iscroll_bot.png) no-repeat scroll center top; padding-top: 128px; position: fixed; left: 36px; width: 10px; top: 50%; margin-top: -83px; }
.scroll-btn i { background: url(../images/iscroll.png) no-repeat scroll center center; width: 100%; height: 38px; display: block; margin: 0px auto; -webkit-animation: mouse-dot2 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot2 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; }

@keyframes mouse-dot2 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(6px); -webkit-transform: translateY(6px); opacity: 0; }
}

@-webkit-keyframes mouse-dot2 {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(6px); -webkit-transform: translateY(6px); opacity: 0; }
}

.isider { position: fixed; top: 50%; right: 16px; width: 54px; padding: 14px 0px; margin-top: -185px; z-index: 1000; }
.isider:before { content: ""; position: absolute; left: 50%; width: 1px; top: 0; height: 100%; background-color: #d9d9d9; z-index: -1; }
.isider li { padding: 30px 0px; position: relative; }
.isider li:before { content: ""; position: absolute; left: 50%; width: 1px; height: 76px; top: 50%; margin-top: -38px; background-color: #fff; }
.isider a { position: relative; display: block; width: 54px; height: 34px; padding: 10px 0px; text-align: center; color: #fff; border-radius: 50%; background-color: #d1d1d1; line-height: 1.2; z-index: 1; }
.isider a:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; border-radius: 50%; background-color: #e62129; -webkit-transition: 0.5s; transition: 0.5s; transform: scale(0.2); -webkit-transform: scale(0.2); opacity: 0; visibility: visible\9; z-index: -1; }
.isider a:hover:before { transform: inherit; -webkit-transform: inherit; opacity: 1; visibility: visible\9; }
.btn-more { position: relative; display: block; width: 148px; height: 44px; line-height: 44px; color: #fff; text-align: center; background-color: #b3000e; font-size: 12px; transition: transform ease-in 0.1s, background ease-in 0.25s; }
.btn-more .txt { padding-right: 28px; position: relative; }
.btn-more .txt:before { content: ""; position: absolute; right: 0; top: 50%; display: block; height: 0; width: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid #fff; margin-top: -5px; -webkit-transition: all .3s; transition: all .3s; }
.btn-more:focus { outline: 0; }
.btn-more:before, .btn-more:after { position: absolute; content: ''; display: block; width: 140%; height: 100%; left: -20%; z-index: -1000; transition: all ease-in-out 0.5s; background-repeat: no-repeat; }
.btn-more:before { display: none; top: -75%; background-image: radial-gradient(circle, #e62129 20%, transparent 20%), radial-gradient(circle, transparent 20%, #e62129 20%, transparent 30%), radial-gradient(circle, #e62129 20%, transparent 20%), radial-gradient(circle, #e62129 20%, transparent 20%), radial-gradient(circle, transparent 10%, #e62129 15%, transparent 20%), radial-gradient(circle, #e62129 20%, transparent 20%), radial-gradient(circle, #e62129 20%, transparent 20%), radial-gradient(circle, #e62129 20%, transparent 20%), radial-gradient(circle, #e62129 20%, transparent 20%); background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%; }
.btn-more:after { display: none; bottom: -75%; background-image: radial-gradient(circle, #e62129 20%, transparent 20%), radial-gradient(circle, #e62129 20%, transparent 20%), radial-gradient(circle, transparent 10%, #e62129 15%, transparent 20%), radial-gradient(circle, #e62129 20%, transparent 20%), radial-gradient(circle, #e62129 20%, transparent 20%), radial-gradient(circle, #e62129 20%, transparent 20%), radial-gradient(circle, #e62129 20%, transparent 20%); background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%; }
.btn-more:active { transform: scale(0.9); background-color: #e62129; box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2); }
.btn-more:hover { background-color: #e62129; }
.btn-more:hover:before { display: block; animation: topBubbles ease-in-out 0.75s forwards; }
.btn-more:hover:after { display: block; animation: bottomBubbles ease-in-out 0.75s forwards; }
.btn-more:hover .txt:before { right: -8px; }

@keyframes topBubbles {
    0% { background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%; }
    50% { background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%; }
    100% { background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%; background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; }
}

@keyframes bottomBubbles {
    0% { background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%; }
    50% { background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%; }
    100% { background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%; background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%; }
}

.newIBox { padding: 100px 0px; }
.ibox-w { color: #fff; }
.ibox-w a:link, .ibox-w a:visited { color: #fff; }
.ibox-w a:active, .ibox-w a:hover { color: #fff; }
.w90 { width: 90%; margin: 0px auto; }
.iboxT { width: 180px; margin-bottom: 50px; }
.iboxT .en { font-size: 20px; font-family: arial, helvetica, sans-serif; line-height: 1.2; }
.iboxT .zh { font-size: 35px; line-height: 1.5; }
.iboxT .bot { width: 100%; height: 1px; background-color: #fff; display: block; margin: 20px 0 0; }
.newIBox .w90 { position: relative; }
.newIBox .iboxT { float: left; display: block; }
.new-idemo { float: left; display: block; width: 1044px; margin-left: 66px; }
.new-idemo .con, .new-idemo .img { float: left; display: block; width: 452px; }
.new-idemo .img { float: right; }
.new-idemo .img img { width: 100%; display: block; }
.new-idemo .con { padding-bottom: 25px; }
.new-idemo .title { display: block; width: 108px; height: 38px; line-height: 38px; text-align: center; font-weight: bold; background-color: #b3000e; margin-bottom: 25px; }
.new-idemo .time { font-size: 12px; }
.new-idemo h4 { font-size: 24px; line-height: 1.5; margin-bottom: 20px; }
.new-idemo .c { height: 50px; overflow: hidden; }
.new-idemo .slick-dots { bottom: 0; z-index: 104; text-align: left; line-height: 10px; }
.new-idemo .slick-dots li { position: relative; display: inline-block; padding: 0 8px 0 0; width: 10px; height: 10px; margin: 0px; cursor: pointer; }
.new-idemo .slick-dots li a { text-indent: -10em; display: block; overflow: hidden; padding: 0px; cursor: pointer; border-radius: 50%; width: 6px; height: 6px; margin: 0px auto; border: 2px solid #fff; background: none transparent; }
.new-idemo .slick-dots li a:focus { outline: none; }
.new-idemo .slick-dots li.slick-active a { background: none #fff; }
.new-line { width: 100%; height: 1px; margin: 50px 0px; background-color: #fff; opacity: 0.2; filter: alpha(opacity=20); }
.new-ibot { width: 1044px; margin: 0 0 0 216px; }
.new-ibot { position: relative; }
.new-ibot .line { position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #fff; display: none; }
.new-ilist { display: block;}
.new-ilist2 { margin-top: 45px; }
.new-ilist .name { background-color: #b3000e; color: #fff; font-weight: bold; display: inline-block; _zoom: 1; _display: inline; padding: 8px 12px; line-height: 1.4; text-align: center; }
.new-ilist dt { padding-bottom: 15px; }
.new-ilist a { position: relative; display: flex; justify-content: space-between; flex-direction: row-reverse;line-height: 1.5; padding: 5px 0; overflow: hidden; }
.new-ilist a:before { content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; left: 0; bottom: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .6s cubic-bezier(.4,0,.2,1); transition: -webkit-transform .6s cubic-bezier(.4,0,.2,1); transition: transform .6s cubic-bezier(.4,0,.2,1); transition: transform .6s cubic-bezier(.4,0,.2,1),-webkit-transform .6s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility: hidden\9; }
.new-ilist a:hover:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility: visible\9; }
.new-ilist .r { font-size: 12px; margin-left: 5px; }
.group-ibox { padding: 250px 0px 65px; }
.group-ibox .iboxT { margin-bottom: 220px; }
.business-list dd { position: relative; float: left; display: block; width: 118px; margin-right: 20px; text-align: center; }
.business-list .iboxT { margin-bottom: 30px; }
.business-list .icon { position: relative; display: block; margin: 0px auto 22px; width: 92px; height: 92px; text-align: center; border: 1px solid #fff; border-radius: 50%; z-index: 1; }
.business-list .icon:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(187,37,36,.4); border-radius: 50%; visibility: hidden; z-index: -1 }
.business-list .icon .iconfont { position: relative; font-size: 44px; width: 100%; display: block; line-height: 92px; }
.business-list .bot { position: relative; width: 10px; height: 10px; display: block; margin: 8px auto 0; opacity: 0; visibility: visible\9; -webkit-transition: 0.4s; transition: 0.4s; }
.business-list .bot i { position: absolute; background-color: #fff; }
.business-list .bot i.i1 { width: 100%; height: 2px; left: 0; top: 50%; margin-top: -1px; }
.business-list .bot i.i2 { height: 100%; width: 2px; left: 50%; top: 0; margin-left: -1px; }
.business-list .linkA { z-index: 4; }

@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 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); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
}

@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 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); }
}

.about-ibox-list { padding: 200px 0px 220px; }
.about-ibox-list dd { float: left; display: block; width: 40%; padding: 0px 5%; }
.about-ibox-list .con .title { font-size: 23px; line-height: 1.5; margin-bottom: 15px; }
.about-ibox-list .desc { margin-bottom: 18px; font-size: 18px; }
.about-ibox-list .btn-more { z-index: 2; }
.about-ibox-list .linkA { z-index: 3; }
.about-ibox-ico { float: right; padding-top: 82px; }
.about-ibox-ico li { position: relative; float: left; width: 240px; text-align: center; }
.about-ibox-ico .icon { position: relative; display: block; margin: 0px auto 25px; width: 126px; height: 126px; text-align: center; border: 1px solid #fff; border-radius: 50%; z-index: 1; }
.about-ibox-ico .icon:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(187,37,36,.4); border-radius: 50%; visibility: hidden; z-index: -1 }
.about-ibox-ico .icon .iconfont { position: relative; font-size: 60px; width: 100%; display: block; line-height: 126px; }
/*index style end*/
/*about style*/
.w1000 { width: 1000px; margin: 0px auto; }
.pboxT { margin-bottom: 50px; color: #404040; line-height: 1.5; }
.pboxT .zh { font-size: 26px; }
.pboxT .en { font-size: 16px; color: #a6a6a6; font-family: arial, helvetica, sans-serif; }
.pboxT2 { color: #fff; }
.pboxT2 .en { color: #fff; }
.w820 { width: 820px; margin: 0px auto; }
.aboutPage .pageC { font-size: 15px; }
.video-btn { display: block; color: #db0037; font-size: 15px; text-align: center; width: 100px; margin: 20px auto 0; }
.video-btn .icon-play { display: block; margin: 0px auto 4px; font-size: 48px; line-height: 1; transition: 0.3s; -webkit-transition: 0.3s; }
.video-btn:hover .icon-play { color: #222222; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }



.aboutPage .btn-more { background-color: #7b7b7b; margin: 40px auto 0; width: 138px; }
.aboutPage .btn-more:hover { background-color: #b3000e; }
.bgeb { background-color: #ebebeb; }
/*.senior-list dd{ display: block; float: left; width: 48%; margin: 0 0 70px 2%;}
.senior-list .item{ background-color: #fff; padding: 25px 18px; position: relative;}
.senior-list figure{ float: left; display: block; width: 45%; overflow: hidden;}
.senior-list .con{ float: right; display: block; width: 50%; color: #7d7d7d;}
.senior-list h4{ color: #575757; font-size: 20px; line-height: 1.4; padding-top: 10px; font-weight: normal;}
.senior-list h4 .en{ font-size: 16px; padding-left: 14px; font-family: arial, helvetica, sans-serif;}
.senior-list .by{ font-size: 12px; color: #848484; margin-bottom: 25px;}
.senior-list .desc{ height: 75px; margin-bottom: 20px; overflow: hidden;}*/
.senior-list dd { margin-bottom: 50px; }
.senior-list .item { background-color: #fff;  position: relative;}
.senior-list figure { float: left; display: block; width: 45%; margin-right: 5%; overflow: hidden; }
.senior-list .con { float: left; display: block; width: 45%; color: #7d7d7d; padding: 70px 0px; }
.senior-list h4 { color: #575757; font-size: 20px; line-height: 1.5; padding-top: 10px; font-weight: normal; }
.senior-list h4 .en { font-size: 16px; padding-left: 14px; font-family: arial, helvetica, sans-serif; }
.senior-list .by { font-size: 12px; color: #848484; margin-bottom: 25px; }
.senior-list .desc { height: 75px; margin-bottom: 60px; overflow: hidden; }
.senior-list .more { color: #575757; }
.seniorPage .btn-more { display: block; z-index: 1; margin: 0px auto; font-size: 14px; border: 2px solid #404040; background-color: transparent; width: 134px; height: 38px; line-height: 38px; }
.seniorPage .btn-more span { color: #575757; }
.seniorPage .btn-more:hover { background-color: #b3000e; border-color: #b3000e; }
.seniorPage .btn-more:hover span { color: #fff; }
.senior-list .item:hover .more { color: #d8261e; }
.history-demo { padding: 10px 80px 0; color: #fff; position: relative; height: 98px; overflow: hidden; }
.history-demo:before { content: ""; position: absolute; left: 82px; right: 82px; top: 36px; background-color: #e6e7ec; background-color: rgba(255,255,255,0.38); height: 2px; }
.history-demo .item { text-align: center; cursor: pointer; }
.history-demo .i { position: relative; width: 54px; height: 54px; border-radius: 50%; display: block; margin: 0px auto 10px; }
.history-demo .year { font-size: 18px; line-height: 1.5; font-family: arial, helvetica, sans-serif; }
.history-demo .i:before { content: ""; position: absolute; left: 50%; top: 50%; background-color: #fff; width: 14px; height: 14px; display: block; margin: -7px 0 0 -7px; border-radius: 50%; z-index: 1; transition: 0.3s; -webkit-transition: 0.3s; }
.history-demo .i:after { content: ""; position: absolute; left: 50%; top: 50%; background-color: #e9edf2; background-color: rgba(255,255,255,0.6); border-radius: 50%; width: 32px; height: 32px; display: block; margin: -16px 0 0 -16px; transition: 0.3s; -webkit-transition: 0.3s; }
.history-demo .slick-center .i:before { background-color: #d8261e; width: 24px; height: 24px; margin: -12px 0 0 -12px; }
.history-demo .slick-center .i:after { width: 54px; height: 54px; margin: -27px 0 0 -27px; }
.history-demo .slick-arrow { position: absolute; width: 50px; height: 50px; line-height: 50px; border: 2px solid #d6dee5; border: 2px solid rgba(255,255,255,0.52); z-index: 106; top: 10px; border-radius: 50%; text-align: center; }
.history-demo .slick-prev { left: 10px; }
.history-demo .slick-next { right: 10px; }
.history-demo .slick-arrow i { display: block; font-family: "iconfont" !important; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; }
.history-demo .slick-prev i:before { content: "\e601"; }
.history-demo .slick-next i:before { content: "\e676"; }
.history-demo .slick-arrow:hover { background: none #d8261e; border-color: #d8261e; }
.history-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; }
.history-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-box { position: relative; width: 530px; margin: 0px auto 95px; transform: translateX(15%); -webkit-transform: translateX(15%); opacity: 0; transition: 700ms; -webkit-transition: 700ms; }
.history-box.show { transform: translateX(0); -webkit-transform: translateX(0); opacity: 1; }
.history-box .title { padding: 12px 40px; background-color: #d8261e; color: #fff; }
.history-box .time { font-family: arial, helvetica, sans-serif; font-size: 20px; line-height: 2.2; }
.history-box .desc { background-color: #fff; padding: 40px; }
.history-box .c { color: #7c7c7c; font-size: 15px; padding-bottom: 35px; border-bottom: 1px solid #dddddd; margin-bottom: 5px; }
.history-box .bot { width: 16px; height: 4px; display: block; background-color: #adadad; }
.history-box { font-family: "PF Din Text Comp Pro"; color: #d2d2d2; text-transform: uppercase; }
.control { float: right; display: block; }
.control a { display: block; width: 38px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #df726e; border-radius: 50%; float: left; font-family: "iconfont" !important; font-size: 14px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; }
.control a.next { margin-left: 15px; }
.control .prev:before { content: "\e601"; }
.control .next:before { content: "\e676"; }
.control a:hover { color: #fff; background-color: #e87d78; }
.black-50 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); }
.black-10 { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/black_10.png) repeat; background: none rgba(0,0,0,0.1); }
.socialPage a:link, .socialPage a:visited { color: #525252; }
.socialPage a:active, .socialPage a:hover { color: #bc092b; }
.socialPage .by { width: 66%; margin: 0 auto 60px; color: #636363; }
.social-demo { background-color: #fff; }
.social-demo .black-10 { opacity: 0; visibility: visible\9; transition: 0.3s; -webkit-transition: 0.3s; }
.social-demo figure { position: relative; float: left; display: block; width: 55%; overflow: hidden; }
.social-demo .con { float: right; display: block; width: 35%; margin-right: 5%; padding: 5% 0; }
.social-demo h4 { font-size: 16px; line-height: 1.5; max-height: 48px; color: #525252; overflow: hidden; }
.social-demo .bot { width: 38px; height: 1px; display: block; margin: 22px 0px 25px; background-color: #ababab; }
.social-demo .desc { height: 50px; color: #7d7d7d; overflow: hidden; margin-bottom: 40px; }
.social-demo .slick-dots { bottom: 15%; width: 35%; left: 60%; text-align: left; z-index: 500; }
.social-demo .slick-dots li { margin: 0 5px 0 0; color: #000; text-align: center; width: auto; }
.social-demo .slick-dots li a { border-bottom: 2px solid transparent; padding: 0px 5px; }
.social-demo .slick-dots li.slick-active a { color: #bc092b; border-bottom-color: #bc092b; }
.honor-demo { width: 1024px; margin: 0px auto; height: 306px; }
.honor-demo .item { margin: 0px 11px; background-color: #fff; padding: 25px; float: left; display: block; cursor: zoom-in; }
.honor-demo .item figure { overflow: hidden; position: relative; }
.honor-demo .black-50 { opacity: 0; visibility: visible\9; transition: 0.3s; -webkit-transition: 0.3s; }
.honor-demo .add { position: absolute; left: 0; top: 45%; width: 100%; text-align: center; color: #fff; font-size: 30px; line-height: 1; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; visibility: hidden; -webkit-transition: .4s; -moz-transition: .4s; transition: .4s }
.honor-demo .add:before { content: "\e603"; }
.honor-demo .item:hover .black-50 { opacity: 1; visibility: visible\9; }
.honor-demo .item:hover .add { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; opacity: 1; visibility: visible }
.honor-demo .slick-arrow { position: absolute; width: 56px; height: 56px; line-height: 56px; z-index: 106; top: 50%; border-radius: 50%; margin-top: -28px; background: url(../images/black_10.png) repeat; background: none rgba(0,0,0,0.1); text-align: center; }
.honor-demo .slick-prev { left: -80px; }
.honor-demo .slick-next { right: -80px; }
.honor-demo .slick-arrow i { display: block; font-family: "iconfont" !important; font-size: 20px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; }
.honor-demo .slick-prev i:before { content: "\e601"; }
.honor-demo .slick-next i:before { content: "\e676"; }
.honor-demo .slick-arrow:hover { background: none #d8261e; }
.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; }
/*about style end*/
/*profile style*/
.pagePadding2 { padding: 90px 0px 160px; }
.w840 { width: 840px; margin: 0px auto; }
.profilePage .pageC { font-size: 15px; }
.one-video { position: relative; cursor: pointer; overflow: hidden; margin-top: 60px; }
.one-video #videobox1 { position: absolute !important; left: 0; top: 0; width: 100%; z-index: -10; opacity: 0; transition: 0.6s; -webkit-transition: 0.6s;}
.one-video .vcon img { width: 100%; display: block; transition: 0.4s; -webkit-transition: 0.4s; }
.one-video .icon { position: absolute; width: 100px; height: 78px; display: block; margin: -39px 0 0 -50px; left: 50%; top: 50%; color: #fff; font-size: 15px; text-align: center; transition: 0.3s; -webkit-transition: 0.3s; }
.one-video .icon-play { display: block; font-size: 52px; line-height: 1; margin: 0 auto 6px; }
.one-video.active .vcon{ opacity: 0; visibility: hidden;}
.one-video.active #videobox1{ opacity: 1; z-index: 1;}
#videobox1  video{ width: 100%; height: 100%; display: block; }
.one-video:hover .vcon img { transform: scale(1.05); -webkit-transform: scale(1.05); }
/*profile style end*/
/*senior style end*/
.w1080 { width: 1080px; margin: 0px auto; }
.senior-dl a:link, .senior-dl a:visited { color: #929292; }
.senior-dl a:active, .senior-dl a:hover { color: #db0037; }
.senior-dl { background: url(../images/bot1.gif) repeat-x scroll left top; }
.senior-dl dd { position: relative; background: url(../images/bot1.gif) repeat-x scroll left bottom; padding: 24px 0px; }
.senior-dl figure { float: left; display: block; width: 204px; overflow: hidden; }
.senior-dl article { padding-left: 236px; color: #7d7d7d; }
.senior-dl h4 { color: #575757; font-size: 20px; line-height: 1.4; padding-top: 6px; font-weight: normal; }
.senior-dl h4 .en { font-size: 16px; padding-left: 14px; font-family: arial, helvetica, sans-serif; }
.senior-dl .by { font-size: 12px; color: #848484; margin-bottom: 25px; }
.senior-dl .desc { height: 75px; margin-bottom: 20px; overflow: hidden; }
.senior-dl .more { color: #929292; font-size: 12px; }
.senior-dl dd:hover h4, .senior-dl dd:hover .more { color: #db0037; }
.bgce { background-color: #cecece; }
.senior-box { position: relative; }
.senior-demo a:link, .senior-demo a:visited { color: #8f8e8e; }
.senior-demo a:active, .senior-demo a:hover { color: #db0037; }
.senior-demo { background-color: #fff; padding: 75px 45px; width: 750px; margin: 0px auto; }
.senior-demo .img { width: 38%; float: left; display: block; }
.senior-demo .con { float: right; display: block; width: 56%; }
.senior-demo .title { font-size: 14px; font-family: arial, helvetica, sans-serif; color: #8d8d8d; line-height: 1.5; margin-bottom: 35px; }
.senior-demo .name { font-size: 20px; color: #505050; line-height: 1.5; }
.senior-demo .by { color: #898989; margin-bottom: 10px; }
.senior-demo .line { color: #e10202; margin-bottom: 38px; }
.senior-demo .item { position: relative; border-top: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6; padding: 54px 0px; margin-bottom: 32px; }
.senior-demo .bg-line { position: absolute; top: -2px; right: 35px; width: 80px; height: 3px; background-color: #d80000; }
.senior-demo .numbox { position: absolute; right: 0; top: -12px; line-height: 1.4; background-color: #fff; color: #909090; width: 35px; text-align: right; font-family: arial, helvetica, sans-serif; }
.senior-demo .numbox .num { font-size: 18px; color: #d80000; }
a.apading { position: absolute; top: 50%; background-color: #afafaf; border-radius: 50%; margin-top: -40px; text-align: center; width: 80px; height: 80px; font-size: 30px; color: #fff; z-index: 1; }
a.apading .iconfont { font-size: 30px; display: block; width: 100%; height: 100%; line-height: 80px; color: #fff; }
a.pnext { left: 0; }
a.pprev { right: 0; }
a.apading:hover { background-color: #db0037; }
a.apading: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; }
a.apading: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; }
/*senior style end*/
/*news style*/
.new-list a:link, .new-list a:visited { color: #494949; }
.new-list a:active, .new-list a:hover { color: #db0037; }
.new-list { margin-left: -3%; }
.new-list li { position: relative; float: left; display: block; width: 30.33%; margin-left: 3%; margin-bottom: 40px; }
.new-list figure { position: relative; overflow: hidden; margin-bottom: 12px; }
.new-list .vico { position: absolute; left: 50%; top: 50%; margin: -24px 0 0 -24px; width: 48px; height: 48px; line-height: 1; }
.new-list .icon-play { font-size: 48px; color: #fff; }
.new-list .black-10 { opacity: 0; visibility: visible\9; transition: 0.3s; -webkit-transition: 0.3s; }
.new-list .time { font-family: arial, helvetica, sans-serif; color: #858585; margin-bottom: 5px; }
.new-list h4 { font-size: 16px; font-weight: normal; color: #494949; line-height: 1.5; height: 48px; overflow: hidden; margin-bottom: 18px; transition: 0.3s; -webkit-transition: 0.3s; }
.new-list .more { border-top: 1px solid #d3d3d3; padding-top: 10px; font-size: 12px; color: #858585; position: relative; }
.new-list .more:before { content: ""; position: absolute; left: 0; top: -1px; width: 0; background-color: #db0037; height: 1px; transition: 0.6s; -webkit-transition: 0.6s; }
.new-list .icon-youjiantou { float: right; line-height: 1.5; color: #db0037; transform: translateX(-20px); -webkit-transform: translateX(-20px); opacity: 0; visibility: hidden\9; transition: 0.3s; -webkit-transition: 0.3s; }
.new-list li:hover .icon-youjiantou { transform: translateX(0); -webkit-transform: translateX(0); visibility: visible\9; opacity: 1; }
.new-list li:hover h4 { color: #db0037; }
.new-list li:hover .more { color: #db0037; }
.new-list li:hover .more:before { width: 100%; }
.new-list li:hover .black-10 { opacity: 1; visibility: visible\9; }
.paging { padding: 40px 0px 0px; text-align: center; }
.paging a:link, .paging a:visited { color: #6f6f6f; }
.paging a:active, .paging a:hover { color: #fff; background-color: #e40114; }
.paging a { display: inline-block; *display: inline; *zoom: 1; margin: 0px 7px !important; background-color: #fff; width: 38px; height: 38px; border-radius: 50%; line-height: 38px; border: 1px solid #858585; }
.paging a.act, .paging a:hover { background-color: #e40114; color: #fff; border-color: #e40114; }
/*news style end*/
/*partyBuilding style*/
.party-item a:link, .party-item a:visited { color: #424242; }
.party-item a:active, .party-item a:hover { color: #db0037; }
.party-item { position: relative; color: #8f8f8f; border-bottom: 1px solid #d9d9d9; padding-bottom: 38px; margin-bottom: 38px; }
.party-item .timeBox { position: absolute; right: 0; top: 10px; color: #848484; font-size: 22px; line-height: 1; font-family: arial, helvetica, sans-serif; }
.party-item .img { position: relative; overflow: hidden; float: left; display: block; width: 30%; margin-right: 5%; }
.party-item .img img { width: 100%; display: block; transition: transform 0.6s 0s; -webkit-transition: transform 0.6s 0s; }
.party-item .black-10 { opacity: 0; visibility: hidden\9; -webkit-transition: all 0.3s; transition: all 0.3s; }
.party-item .con { float: left; width: 52%; }
.party-item .con h4 { font-size: 18px; color: #424242; font-weight: normal; line-height: 1.4; margin: 10px 0 10px; }
.party-item .con .c { height: 50px; overflow: hidden; }
.party-item .ico-jt { position: absolute; right: 0; top: 75px; display: block; background: url(../images/jt1.png) no-repeat scroll right center; width: 32px; height: 24px; border-left: 1px solid #d5d5d5; }
.party-item:hover h4, .party-item:hover .timeBox { color: #db0037; }
.party-item:hover .ico-jt { background-image: url(../images/jt2.png); }
.party-item:hover .black-10 { opacity: 1; visibility: visible\9; }
/*partyBuilding style end*/
/*business style*/
.business-demo { padding-bottom: 105px; }
.business-demo .con { position: relative; padding: 42px 0px 0; height: 90px; text-align: center; transition: 0.5s; -webkit-transition: 0.5s; }
.business-demo .con:before { content: ""; position: absolute; left: -1px; top: 0; width: 1px; height: 100%; background-color: #e8e8e8; }
.business-demo .title { position: relative; padding-left: 60px; line-height: 1.2; display: inline-block; *display: inline; *zoom: 1; text-align: left; }
.business-demo .title .zh { display: block; font-size: 24px; }
.business-demo .title .en { font-size: 16px; font-family: arial, helvetica, sans-serif; color: #d6d6d6; }
.business-demo .title .iconfont { position: absolute; left: 0; top: 0; font-size: 44px; line-height: 1; color: #2a2a2a; }
.business-demo figure .img { display: block; overflow: hidden; }
.business-demo .btnBox { background-color: #eeeeee; padding: 30px 0px; position: absolute; left: 0; bottom: 0; width: 100%; opacity: 0; visibility: hidden\9; transform: translateY(100%); -webkit-transform: translateY(100%); transition: 0.6s; -webkit-transition: 0.6s; }
.business-demo .btn-more { margin: 0px auto; border: 2px solid #bdbdbd; background-color: #eeeeee; color: #606060; z-index: 5; }
.business-demo .btn-more span { color: #606060; padding-right: 50px; font-size: 14px; }
.business-demo .btn-more i { position: absolute; right: 20px; top: 0; font-size: 36px; line-height: 44px; }
.business-demo .btn-more:hover { background-color: #B3000E; border-color: #B3000E; }
.business-demo .btn-more:hover span, .business-demo .btn-more:hover i { color: #fff; }
.business-demo .item:hover .con { background-color: #aa0505; }
.business-demo .item:hover .con .iconfont { color: #fff; }
.business-demo .item:hover .zh { color: #fff; }
.business-demo .item:hover .en { color: #cb6666; }
.business-demo .item:hover .btnBox { opacity: 1; visibility: visible\9; transform: initial; -webkit-transform: initial; }
.business-demo .slick-arrow { position: absolute; width: 56px; height: 56px; line-height: 56px; z-index: 106; top: auto; bottom: 0; border-radius: 50%; background: none #c1c1c1; text-align: center; }
.business-demo .slick-prev { right: 50.5%; }
.business-demo .slick-next { left: 50.5%; }
.business-demo .slick-arrow i { display: block; font-family: "iconfont" !important; font-size: 20px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; }
.business-demo .slick-prev i:before { content: "\e601"; }
.business-demo .slick-next i:before { content: "\e676"; }
.business-demo .slick-arrow:hover { background: none #aa0505; }
.business-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; }
.business-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; }
.pageprevs { float: right; }
.pageprevs a { display: block; width: 89px; height: 30px; line-height: 30px; color: #858585; text-align: center; font-size: 12px; float: left; border: 1px solid #f1f1f1; margin-left: -1px; }
.pageprevs a:hover { color: #fff; background: #c80132; border-color: #c80132; }
.pageprevs a.back { padding-left: 44px; width: 47px; text-align: left; background: url(../images/backs.png) 21px center no-repeat; }
.pageprevs a.back:hover { background: #c80132 url(../images/backs1.png) 21px center no-repeat; }
.business-T { border-bottom: 1px solid #d2d2d2; padding-bottom: 15px; margin-bottom: 40px; position: relative; }
.business-T .zh { color: #313131; font-size: 28px; line-height: 1.2; font-weight: bold; }
.business-T .en { color: #c1c1c1; font-size: 26px; line-height: 1.2; padding-left: 5px; font-family: arial, helvetica, sans-serif; }
.business-T:before { content: ""; position: absolute; left: 0; bottom: -4px; height: 8px; background-color: #c80132; width: 58px; }
.business-c { font-size: 15px; }
.pading-sharp { margin-top: 60px; padding-top: 12px; border-top: 1px solid #d2d2d2; }
.pading-sharp .sharelist1 { float: right; }
.sharelist1 { color: #a3a3a3; }
.sharelist1 a { position: relative; color: #999; padding: 5px; margin: 0 0 0 4px; z-index: 2; }
.sharelist1 a:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #c80132; border-radius: 50%; position: absolute; left: 0; top: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); visibility: hidden; transition: 0.32s; z-index: -1; }
.sharelist1 a:hover:after { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); visibility: visible; }
.sharelist1 a:hover { color: #fff; }
.pading-sharp .pageprevs { display: none; }
/*business style end*/
/*culture style*/
.bgf5 { background-color: #f5f5f5; }
.culture-list a:link, .culture-list a:visited { color: #424242; }
.culture-list a:active, .culture-list a:hover { color: #db0037; }
.culture-list { margin-left: -2%; }
.culture-list dd { position: relative; background-color: #fff; padding: 30px 0px; float: left; display: block; width: 48%; margin: 0 0 20px 2%; -webkit-transition: all .2s linear; transition: all .2s linear; }
.culture-list figure { float: left; display: block; width: 55%; margin: 0px 5%; border: 1px solid #e4e4e4; overflow: hidden; }
.culture-list .con { float: left; width: 30%; }
.culture-list h4 { font-weight: normal; font-size: 18px; line-height: 1.5; color: #666; max-height: 54px; overflow: hidden; }
.culture-list .time { font-size: 12px; color: #b7b7b7; font-family: arial, helvetica, sans-serif; }
.culture-list a.more { position: absolute; left: 65%; bottom: 56px; width: 56px; height: 24px; line-height: 24px; text-align: center; display: block; border: 1px solid #e2e2e2; color: #7a7a7a; }
.culture-list dd:hover { -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.1); box-shadow: 0 0 8px rgba(0,0,0,0.1); }
.culture-list dd:hover figure { border-color: #db0037; }
.culture-list dd:hover a.more { color: #fff; background-color: #db0037; }
.info-img { height: 400px; background-position: center top; background-repeat: no-repeat; background-color: #7991ad; }
.bgf8 { background-color: #f8f8f8; }
.infoPage-box { position: relative; z-index: 1; width: 860px; padding: 50px 150px; margin: -182px auto 100px; background-color: #fff; }
.info-T { position: relative; margin-bottom: 35px; padding: 5px 0px 28px; border-bottom: 1px solid #e2e2e2; text-align: center; }
.info-T h3 { color: #3f3f3f; font-size: 24px; line-height: 1.5; margin-bottom: 10px; font-weight: normal; }
.info-T .time { font-family: arial, helvetica, sans-serif; margin-right: 22px; }
.info-C { font-size: 15px; margin-bottom: 45px; text-align: justify; }
.previous a:link, .previous a:visited { color: #7a7a7a; }
.previous a:active, .previous a:hover { color: #db0037; }
.previous { border-top: 1px solid #e2e2e2; padding-top: 32px; }
.previous .arrow { float: left; display: block; width: 70%; margin-bottom: 5px; }
.previous a.backlist { float: right; display: block; width: 160px; height: 46px; line-height: 46px; text-align: center; background-color: #db0037; color: #fff; }
.previous a.backlist:hover { background-color: #505050; }
/*culture style end*/
/*join style*/
.join-list { width: 1100px; margin: 0px auto; }
.join-list .hspan { text-align: center; cursor: pointer; width: 17%; display: block; float: left; height: 50px; line-height: 50px; }
.join-list .hspan1 { text-align: left; padding-left: 5%; width: 25%; }
.join-list .joinDT { font-size: 15px; font-weight: bold; color: #4d4d4d; border-top: 4px solid #676767; }
.join-list dd { margin-bottom: 4px; position: relative; }
.join-list .joinDT { height: 50px; overflow: hidden; }
.join-list .joinT { background-color: #b6b6b6; color: #fff; }
.join-list .joinT .hspan { line-height: 50px; height: 50px; }
.join-list .ib { width: 16px; height: 16px; margin: 17px auto 0px; display: block; position: relative; transition: 400ms; -webkit-transition: 400ms; }
.join-list .ib i { display: block; background-color: #fff; }
.join-list .ib .ic1 { width: 2px; height: 16px; margin-left: 7px; }
.join-list .ib .ic2 { width: 16px; height: 2px; position: absolute; left: 0; top: 50%; margin-top: -1px; }
.join-list .joinB { border: 1px solid #aa0505; display: none; background-color: #fff; }
.join-list .joinCon { width: 91%; margin: 0px auto; padding: 30px 0px 50px; overflow: hidden; }
.join-list dd.active .joinT, .join-list dd:hover .joinT { background-color: #aa0505; color: #fff; }
.join-list .active .ib i { background-color: #fff; }
.join-list .active .ib { transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); }
.join-list .active .ib .ic2 { display: none; }
.caa0505 { color: #aa0505; }
/*join style end*/
/*conatct style*/
.contact-list { padding-bottom: 40px; text-align: center; }
.contact-list li { /*float: left; display: block;*/ display: inline-block; *display: inline; *zoom: 1; margin: 0px 4%; padding-bottom: 10px; }
.contact-list .iconfont { padding-left: 30px; position: relative; font-size: 15px; }
.contact-list .iconfont:before { position: absolute; left: 0; top: -6px; color: #bd2134; font-size: 22px; }
.map { border: 1px solid #b1b1b1; height: 480px; font-size: 12px; }
.anchorBL { display: none !important; }
.BMap_bubble_title { color: #c90606; font-weight: bold; }
/*conatct style end*/
/*404 style*/
.noPage { position: absolute; left: 0%; top: 50%; width: 100%; margin-top: -50%; margin-top: -240px; }
.no-t { font-size: 29px; line-height: 1.5; margin-top: 35px; }
.no-t2 { font-size: 20px; font-family: arial, helvetica, sans-serif; margin-bottom: 50px; }
.no-c { margin: 0px auto; text-align: center; }
.no-btn { text-align: center; color: #666; padding-top: 12px; }
.no-btn a { text-decoration: underline; }
.no-btn a:hover { color: #1C1C1C; }
/*404 style end*/
.dock-box2{
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 20px 25px;
    background-color: #fff;
    z-index: 9999;
}
.dock-box { position: fixed; right: 0; bottom: 0; padding: 20px 25px; background-color: #fff;  z-index: 9999; }
.dock-box figure { float: left; display: block; width: 104px; margin-right: 30px; }
.dock-box figure img { width: 100%; display: block; }
.dock-box h4 { font-size: 18px; padding: 15px 0 15px; color: #333; font-weight: normal; }
.dock-box .c { color: #656565; padding-bottom: 12px; }
.dock-box .more { color: #BC092B; }
.dock-box:hover h4 { color: #AA0505; }