@charset "UTF-8";
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; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }

table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0px; outline: none; font-size: 100%; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }

/* always display scrollbars */
body {
	font-family: "Noto Sans SC"; margin: 0 auto; color: #666; background-color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; overflow: hidden; }

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: #c9b194; color: #fff; text-shadow: none; }

::selection { background: #e72b27; color: #fff; text-shadow: none; }

select { outline: none; }

select::-ms-expand { display: none; }

a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-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; }

.horizontal-center { margin: 0 auto; }

.fixedImg { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; }

.align-vertical { height: 100%; width: 100%; position: relative; display: table; }

.vertical-inner { display: table-cell; vertical-align: middle; }

.hide { display: none; }

.pinner {  padding-left: 18%; padding-right: 18%;}

.detail-inner { padding-left: 25%; padding-right: 25%; }

/* Slider */
.slick-slider { position: relative; display: block; -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: #00865e 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; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }

.slick-dots li button:focus { outline: none; }

@-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); } }
/* Slider end*/
/*FlexSlider strat*/
/* Browser Resets
*********************************/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; }

.slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider { margin: 0; padding: 0; }

.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }

.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .slides { display: block; }

* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 10px; position: relative; zoom: 1; }

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.loading .flex-viewport { max-height: 300px; }

.flexslider .slides { zoom: 1; }

/* Direction Nav */
.flex-direction-nav { *height: 0; }

.flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 48px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-indent: -999em; }

.flex-direction-nav .flex-prev { left: -10px; background-position: 0 0; }

.flex-direction-nav .flex-next { right: -10px; background-position: -132px 0; }

.flexslider:hover .flex-prev { opacity: 0.7; left: -20px; }

.flexslider:hover .flex-next { opacity: 0.7; right: -20px; }

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }

.flex-direction-nav .flex-disabled { opacity: 1 !important; filter: alpha(opacity=1); }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; background: #ddd; }

.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }

.flex-pauseplay a:hover { opacity: 1; }

.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; }

.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; }

.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); }

.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }

.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }

.flex-control-thumbs li { width: 25%; float: left; margin: 0; }

.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }

.flex-control-thumbs img:hover { opacity: 1; }

.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

@media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
  .flex-direction-nav .flex-next { opacity: 1; right: 10px; } }
/*FlexSlider end*/
.popUpblack { background: #000 \9; filter: alpha(opacity=80); background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 10000; }

.popUp { width: 220px; height: 242px; border: 2px solid #bd671b; background: #fff; position: fixed; left: 50%; top: 50%; margin: -87px 0 0 -115px; z-index: 1004; }

.popUp .t { padding: 0 0 0 10px; height: 26px; line-height: 26px; color: #666; font-weight: bold; border-bottom: 1px solid #e8e8e8; background: #f2f2f2; }

.popUp .t .close { padding: 0 10px 0 0; float: right; cursor: pointer; color: #666; font-weight: normal; }

.popUp .img { padding: 20px; }

.popUp .img img { width: 100%; display: block; }

#bsWXBox { display: none !important; }

.hinner { padding: 0 5%; }

.phone-nav { display: none; position: fixed; top: 0; left: 0; width: 90%; background: #fff; box-shadow: 0 1px 5px #ccc; z-index: 9000; padding-top: 10px; padding-bottom: 10px; }
.phone-nav .logo { display: block; width: 140px; }
.phone-nav .link { display: inline-block; }
.phone-nav .nav-bar { position: absolute; right: 5%; top: 50%; height: 24px; width: 34px; margin-top: -12px; }
.phone-nav .nav-bar .line { display: block; position: absolute; width: 100%; height: 5px; background: #000; transition: .26s ease-out; -webkit-transition: .26s ease-out; }
.phone-nav .nav-bar .line.topline { top: 0; left: 0; }
.phone-nav .nav-bar .line.centerline { top: 50%; margin-top: -2px; left: 0; }
.phone-nav .nav-bar .line.bottomline { bottom: 0; left: 0; }
.phone-nav .nav-bar.active .topline { transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 10px; }
.phone-nav .nav-bar.active .centerline { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; }
.phone-nav .nav-bar.active .bottomline { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); bottom: 9px; }

.phone-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 8999; opacity: 0; visibility: hidden; transition: opacity .56s .3s; -webkit-transition: opacity .56s .3s; }
.phone-mask.active { opacity: 1; visibility: visible; transition: opacity .2s; -webkit-transition: opacity .2s; }
.phone-mask.active .sideBar { right: 0; }
.phone-mask .sideBar { position: absolute; overflow: auto; right: -240px; top: 0px; width: 240px; background: #fff; height: 90%; transition: .56s; -webkit-transition: .56s; padding: 64px 0 10%; }
.phone-mask .sideBar li { border-top: 1px solid #e5e5e5; color: #656565; }
.phone-mask .sideBar .link { font-size: 18px; line-height: 1.2; padding: 10px 20px; display: block; color: #656565; font-weight: bold; }
.phone-mask .sideBar .navtit { font-size: 18px; line-height: 1.2; padding: 10px 20px; display: block; font-weight: bold; background: url(../images/phone_arrow_1.png) no-repeat scroll 95% center; }
.phone-mask .sideBar .navtit.on { background: #cc0000 url(../images/phone_arrow_2.png) no-repeat scroll 95% center; color: #fff; }
.phone-mask .sideBar .list { padding: 10px 20px; }
.phone-mask .sideBar .slink { display: block; float: left; width: 50%; text-align: center; font-size: 16px; color: #999999; line-height: 1.2; padding: 5px 0; }

.moveBox { transition: transform .45s; -webkit-transition: transform .45s; position: relative; }
.moveBox.navActive { transform: translateX(-100px); -webkit-transform: translateX(-100px); top: 0; left: 0; }

.header { position: fixed; top: 0; left: 0; width: 90%; text-align: center; line-height: 0; z-index: 6000; }
.header:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: .56s; -webkit-transition: .56s; background: #fff; z-index: -1; box-shadow: 0 1px 10px rgba(0,0,0,0.1); }
.header.acqu:before { height: 0%; box-shadow: none; }
.header.acqu .logo { top: 35px; }
.header.acqu .func { top: 48px; }
.header.acqu .nav li { float: left; margin-top: 15px; }
.header.acqu .nav .link { color: #fff; font-weight: bold; }
.header.acqu .func .com { color: #fff; border: 1px solid #fff; }
.header.acqu .func .com.on { background: #fff; border-color: #fff; color: #868686; }
.header.acqu .func .com:hover { background: #fff; border-color: #fff; color: #868686; }
.header.acqu .func .atte { width: 25px; height: 20px; }
.header.acqu .func .atte.weibo { background: url(../images/weibo.png) no-repeat scroll center 3px; margin-left: 20px; margin-right: 10px; }
.header.acqu .func .atte.weixin { background: url(../images/weixin.png) no-repeat scroll center 3px; }
.header .logo { position: absolute; top: 15px; left: 5%; display: block; }
.header .logo .img { display: block; }
.header .nav { display: inline-block; line-height: 1.8; }
.header .nav li { float: left; transition: .56s; -webkit-transition: .56s; }
.header .nav .link { display: block; font-size: 18px; font-weight: bold; color: #000000; padding: 30px 12px; position: relative; margin-right: 1px; }
.header .nav .link:before { content: ""; display: block; position: absolute; bottom: 0; right: 0; height: 4px; width: 0%; background-color: #CC0000; transition: .45s; -webkit-transition: .45s; }
.header .nav .link:hover { color: #CC0000; }
.header .nav .link:hover:before { left: 0; width: 100%; }
.header .nav .link.on { color: #cc0000; }
.header .nav .link.on:before { left: 0; width: 100%; }
.header .func { position: absolute; right: 5%; top: 31px; transition: .56s; -webkit-transition: .56s; }
.header .func a { display: block; float: left; }
.header .func .com { width: 80px; height: 23px; border: 1px solid #ababab; line-height: 23px; font-size: 15px; font-weight: bold; color: #868686; }
.header .func .com.on { background: #909090; border-color: #909090; color: #fff; }
.header .func .com:hover { background: #909090; border-color: #909090; color: #fff; }
.header .func .atte { width: 25px; height: 20px; margin-top: 2px; }
.header .func .atte.weibo { background: url(../images/weibo.png) no-repeat scroll center -17px; margin-left: 20px; margin-right: 10px; }
.header .func .atte.weixin { background: url(../images/weixin.png) no-repeat scroll center -17px; }
.header .func .atte:hover { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: shake 0.5s; animation: shake 0.5s; }

/*banner*/
@-webkit-keyframes bannerAnima { from { width: 0; }
  to { width: 100%; } }
@keyframes bannerAnima { from { width: 0; }
  to { width: 100%; } }
.banner-box { overflow: hidden; position: relative; }
.banner-box .banner { position: relative; }
.banner-box .banner .flex-control-nav { bottom: 50%; right: 30px; z-index: 50; width: auto; height: auto; }
.banner-box .banner .flex-control-nav li { display: block; margin-bottom: 15px; position: relative; }
.banner-box .banner .flex-control-nav li a { background: #fff; box-shadow: none; line-height: 12px; text-indent: 0; font-size: 0; transition: 0s; -webkit-transition: 0s; position: relative; }
.banner-box .banner .flex-control-nav li a:before { content: ""; display: block; position: absolute; height: 2px; width: 0px; background: #cc0000; top: 50%; right: 25px; transition: width .45s; -webkit-transition: width .45s; }
.banner-box .banner .flex-control-nav li a.flex-active { background: transparent; box-shadow: none; color: #fff; font-size: 12px; }
.banner-box .banner .flex-control-nav li a.flex-active:before { width: 30px; }
.banner-box .figure { overflow: hidden; }
.banner-box li { opacity: 1 !important; position: relative; }
.banner-box .flex-active-slide .figure { animation: bannerAnima 1s ease-in; -webkit-animation: bannerAnima 1s ease-in; }
.banner-box .flex-active-slide .bword .ent { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; transition: .45s .9s ease-in-out; -webkit-transition: .45s .9s ease-in-out; }
.banner-box .flex-active-slide .bword .zht { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; transition: .45s 1.28s ease-in-out; -webkit-transition: .45s 1.28s ease-in-out; }
.banner-box .flex-active-slide .bword .encon { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; transition: .45s 1.56s ease-in-out; -webkit-transition: .45s 1.56s ease-in-out; }
.banner-box .bword { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 50; text-align: center; color: #fff; }
.banner-box .bword .ent { font-size: 33px; text-transform: uppercase; line-height: 1.2; opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); font-family: "TT0857M"; margin-top: -30px;}
.banner-box .bword .zht { font-size: 60px; font-weight: bold; line-height: 1.2; margin: 25px 0; opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); }
.banner-box .bword .encon { font-size: 14px; width: 460px; margin: 0 auto; line-height: 1.5; opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); font-family: "TT0857M"; }
.banner-box .bot { position: absolute; bottom: 0; left: 0; padding: 0 5%; z-index: 60; width: 90%; background-color: rgba(0, 0, 0, 0.6); }
.banner-box .bot li { float: left; width: 25%; }
.banner-box .bot .link { display: block; padding: 40px 0; position: relative; margin: 0px auto; text-align: center;}
.banner-box .bot .item{ position: relative; display: inline-block; padding-left: 65px; text-align: left;}
.banner-box .bot .item:before{ content: ""; display: block; position: absolute; top: 50%; margin-top: -27px; left: 0; width: 55px; height: 55px; background-repeat: no-repeat; background-position: left center;}
.banner-box .bot .lico1 .item:before { background-image: url(../images/banner_ico_1.png); }
.banner-box .bot .lico2 .item:before { background-image: url(../images/banner_ico_2.png); }
.banner-box .bot .lico3 .item:before { background-image: url(../images/banner_ico_3.png); }
.banner-box .bot .lico4 .item:before { background-image: url(../images/banner_ico_4.png); }
.banner-box .bot .lico5 .item:before { background-image: url(../images/banner_ico_5.png); }
.banner-box .bot .link:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(204, 0, 0, 0.6); z-index: -1; transform: scale(0.6); -webkit-transform: scale(0.6); opacity: 0; transition: .45s; -webkit-transition: .45s; }
.banner-box .bot .link:hover:before { transform: scale(1); -webkit-transform: scale(1); opacity: 1; }
.banner-box .bot .zht { font-size: 18px; color: #fff; line-height: 1.2; margin-bottom: 3px; font-weight: bold; }
.banner-box .bot .ent { font-size: 12px; color: #fff; line-height: 1.2; font-family: "TT0857M"; }

@-webkit-keyframes tab { from { opacity: 0; -webkit-transform: translateY(8%); transform: translateY(8%); }
  to { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } }
@keyframes tab { from { opacity: 0; -webkit-transform: translateY(8%); transform: translateY(8%); }
  to { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); } }
.maincon { padding: 70px 5%; }
.maincon .hnews { float: left; width: 65%; border: 1px solid #e0e0e0; }
.maincon .hnews-slick { float: left; width: 50%; }
.maincon .hnews-slick.target { opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); transition: .56s; -webkit-transition: .56s; }
.maincon .hnews-slick.target.action { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.maincon .hnews-slick .figure { overflow: hidden; height: 409px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.maincon .hnews-slick .figure .img{display: none;width: 100%;}
.maincon .hnews-slick .item { display: block; }
.maincon .hnews-slick .con { background-color: #cc0000; padding: 0 0 0 0; color: #fff; line-height: 1.2; padding: 20px 96px 20px 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.maincon .hnews-slick .slick-next { height: 56px; width: 48px; right: 0; bottom: 0; background: #cc0000; z-index: 15; }
.maincon .hnews-slick .slick-next:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #870000; transform: scale(0); -webkit-transform: scale(0); transition: .5s; -webkit-transition: .5s; }
.maincon .hnews-slick .slick-next:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/hnews_arrow_2.png) no-repeat scroll center center; }
.maincon .hnews-slick .slick-next:hover:before { transform: scale(1); -webkit-transform: scale(1); }
.maincon .hnews-slick .slick-prev { height: 56px; width: 48px; right: 48px; bottom: 0; background: #cc0000; z-index: 15; }
.maincon .hnews-slick .slick-prev:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #870000; transform: scale(0); -webkit-transform: scale(0); transition: .5s; -webkit-transition: .5s; }
.maincon .hnews-slick .slick-prev:after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/hnews_arrow_1.png) no-repeat scroll center center; }
.maincon .hnews-slick .slick-prev:hover:before { transform: scale(1); -webkit-transform: scale(1); }
.maincon .hnews-list { float: left; width: 50%; position: relative; }
.maincon .hnews-list.target { opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); transition: .56s .2s; -webkit-transition: .56s .2s; }
.maincon .hnews-list.target.action { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.maincon .hnews-list:before { content: ""; display: block; position: absolute; top: 0; left: 0; height: 4px; width: 100%; background-color: #cc0000; }
.maincon .hnews-list .list { padding: 35px 0px 40px; }
.maincon .hnews-list .list .lbox.active { -webkit-animation-name: tab; animation-name: tab; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.maincon .hnews-list .list li { position: relative; }
.maincon .hnews-list .list li:before { content: ""; display: block; position: absolute; height: 100%; width: 100%; top: 0; left: 0; background-color: #e5e5e6; transform: scaleY(0); -webkit-transform: scaleY(0); transition: transform .45s; -webkit-transition: transform .45s; }
.maincon .hnews-list .list li:hover:before { transform: scaleY(1); -webkit-transform: scaleY(1); }
.maincon .hnews-list .list .link { display: block; padding: 6px 90px 6px 50px; position: relative; color: #5f5f5f; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.maincon .hnews-list .list .link:before { content: ""; display: block; width: 4px; height: 4px; background-color: #5f5f5f; position: absolute; top: 17px; left: 40px; }
.maincon .hnews-list .list .link:hover { color: #cc0000; }
.maincon .hnews-list .list .link:hover:before { background: #cc0000; }
.maincon .hnews-list .list .link:hover .time { color: #cc0000; }
.maincon .hnews-list .list .time { display: block; position: absolute; right: 20px; top: 8px; font-size: 12px; color: #9d9d9d; font-family: "TT0857M"; }
.maincon .hnews-list .hnews-title { padding: 0 90px 0 32px; position: relative; margin-bottom: 30px; }
.maincon .hnews-list .hnews-title .tit { float: left; font-size: 15px; color: #030303; margin-right: 35px; padding-left: 23px; cursor: pointer; position: relative; }
.maincon .hnews-list .hnews-title .tit:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 23px; height: 100%; background: url(../images/hnews_circle_2.png) no-repeat scroll center center; }
.maincon .hnews-list .hnews-title .tit.on { color: #cc0000; }
.maincon .hnews-list .hnews-title .tit.on:before { background: url(../images/hnews_circle_1.png) no-repeat scroll center center; }
.maincon .hnews-list .hnews-title .tit:hover { color: #cc0000; }
.maincon .hnews-list .hnews-title .tit:hover:before { background: url(../images/hnews_circle_1.png) no-repeat scroll center center; }
.maincon .hnews-list .hnews-title .more { position: absolute; top: 0; right: 20px; width: 66px; height: 100%; background: url(../images/hmore.png) no-repeat scroll center center; transition: .45s; -webkit-transition: .45s; }
.maincon .hnews-list .hnews-title .more:hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.maincon .projects { width: 30%; float: right; height: 466px; overflow: hidden; }
.maincon .projects.target { opacity: 0; transform: translateY(50px); -webkit-transform: translateY(50px); transition: .56s .4s; -webkit-transition: .56s .4s; }
.maincon .projects.target.action { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.maincon .projects .item { float: left; width: 50%; overflow: hidden; text-align: center; position: relative; }
.maincon .projects .item.items .word .en { font-size: 12px; color: #fff; }
.maincon .projects .item.items .word .zh { font-size: 16px; color: #fff; }
.maincon .projects .item .more-btn { display: block; position: absolute; left: 25px; top: 25px; bottom: 25px; right: 25px; background: #fff; transform: scale(1, 0); -webkit-transform: scale(1, 0); transition: .45s; -webkit-transition: .45s; color: #5f5f5f; }
.maincon .projects .item .more-btn .icon { display: block; width: 40px; height: 40px; background: url(../images/else-more.png) no-repeat scroll center center; margin: 40px auto 25px; position: relative; }
.maincon .projects .item .more-btn .icon:before { content: ''; position: absolute; bottom: -20px; left: 50%; width: 1px; height: 15px; background: #cc0000; }
.maincon .projects .item .word { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.maincon .projects .item .word .ico { display: block; margin: 0 auto; height: 30px; width: 30px; }
.maincon .projects .item .word .ico.ico1 { background: url(../images/prob_ico_1.png) no-repeat scroll center center; }
.maincon .projects .item .word .ico.ico2 { background: url(../images/prob_ico_2.png) no-repeat scroll center center; }
.maincon .projects .item .word .ico.ico3 { background: url(../images/prob_ico_3.png) no-repeat scroll center center; }
.maincon .projects .item .word .ico.ico4 { background: url(../images/prob_ico_4.png) no-repeat scroll center center; }
.maincon .projects .item .word .en { font-size: 12px; color: #a1a1a1; font-family: "TT0857M"; }
.maincon .projects .item .word .zh { font-size: 16px; color: #030303; }
.maincon .projects .item:hover .bg { transform: scale(1.18); -webkit-transform: scale(1.18); }
.maincon .projects .item:hover .more-btn { transform: scale(1, 1); -webkit-transform: scale(1, 1); transition: 0.45s cubic-bezier(0.25, 0.75, 0.38, 1.4); -webkit-transition: 0.45s cubic-bezier(0.25, 0.75, 0.38, 1.4); }
.maincon .projects .bg { height: 233px; background-color: #e5e5e6; background-position: center center; background-size: cover; background-repeat: no-repeat; transition: .56s; -webkit-transition: .56s; }

.copyright-box { padding: 20px 5%; background-color: #efefef; color: #666666; }
.copyright-box .copyright { float: left; font-size: 13px; }
.copyright-box .copyright .design { color: #666666; }
.copyright-box .copyright .design:hover { color: #cc0000; }
.copyright-box .copyright .con { line-height: 1.4; }
.copyright-box .friendlink { float: right; border: 1px solid #c8c8c8; width: 177px; line-height: 1.2; padding: 9px 0; cursor: pointer; margin-top: 6px; padding-left: 16px; padding-right: 45px; position: relative; }
.copyright-box .friendlink:before { content: ""; display: block; position: absolute; top: 0; right: 0; width: 45px; height: 100%; background: url(../images/friendlink_arrow.png) no-repeat scroll center center; transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: .45s; -webkit-transition: .45s; }
.copyright-box .friendlink:hover:before { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.copyright-box .friendlink:hover .list { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.copyright-box .friendlink .list { position: absolute; bottom: 34px; width: 100%; left: 0; border: 1px solid #c8c8c8; margin-left: -1px; padding: 5px 0; background: #fff; opacity: 0; visibility: hidden; transform: translateY(-20px); -webkit-transform: translateY(-20px); transition: .45s; -webkit-transition: .45s; }
.copyright-box .friendlink .link { display: block; padding: 6px 0 6px 16px; position: relative; z-index: 1; color: #666666; }
.copyright-box .friendlink .link:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #CC0000; transform: scaleY(0); -webkit-transform: scaleY(0); transition: .45s; -webkit-transition: .45s; z-index: -1; }
.copyright-box .friendlink .link:hover { color: #fff; }
.copyright-box .friendlink .link:hover:before { transform: scaleY(1); -webkit-transform: scaleY(1); }

.linkBlock { display: none; background-color: #f1f1f1; padding: 0px 2%; width: 96%; }
.linkBlock li { float: left; width: 25%; text-align: center; }
.linkBlock .link { display: block; color: #626262; padding: 15px 0; transition: 0s; -webkit-transition: 0s; }
.linkBlock .link:hover { background-color: #e72b27; color: #fff; }
.linkBlock .link:hover .icon1 { background-image: url(../images/banner_ico_1.png); }
.linkBlock .link:hover .icon2 { background-image: url(../images/banner_ico_2.png); }
.linkBlock .link:hover .icon3 { background-image: url(../images/banner_ico_3.png); }
.linkBlock .link:hover .icon4 { background-image: url(../images/banner_ico_4.png); }
.linkBlock .link:hover .icon5 { background-image: url(../images/banner_ico_5.png); }
.linkBlock .icon { display: block; width: 55px; height: 55px; margin: 0 auto; background-position: center center; background-repeat: no-repeat; }
.linkBlock .icon.icon1 { background-image: url(../images/banner_ico_11.png); }
.linkBlock .icon.icon2 { background-image: url(../images/banner_ico_22.png); }
.linkBlock .icon.icon3 { background-image: url(../images/banner_ico_33.png); }
.linkBlock .icon.icon4 { background-image: url(../images/banner_ico_44.png); }
.linkBlock .icon.icon5 { background-image: url(../images/banner_ico_55.png); }
.linkBlock .con { font-weight: normal; }

/*about page style*/
.pbanner { margin-top: 88px; position: relative; }
.pbanner .pimg { display: block; width: 100%; }
.pbanner .title { position: absolute; bottom: 60px; left: 18%; color: #fff; }
.pbanner .title .zh { font-size: 38px; line-height: 1.2; font-weight: bold; transform: translateY(50px); }
.pbanner .title .en { font-family: "TT0857M"; font-size: 24px; font-weight: bold; line-height: 1.2; }
.pbanner.target .title .zh { transition: .56s; -webkit-transition: .56s; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; }
.pbanner.target .title .en { transition: .56s .35s; -webkit-transition: 0.56s 0.35s; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; }
.pbanner.target.action .title .zh { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }
.pbanner.target.action .title .en { transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; }

.snav { border-bottom: 1px solid #cccccc; }
.snav li { float: left; }
.snav li:nth-last-child(1) .link:before { display: none; }
.snav .link { margin-left: -2px; display: inline-block; line-height: 1.2; padding: 20px 25px; color: #909090; z-index: 1; position: relative; transition: .45s; -webkit-transition: .45s; }
.snav .link:before { content: ""; display: block; position: absolute; top: 50%; right: 0px; height: 16px; width: 2px; background: #909090; margin-top: -8px; transition: .45s; -webkit-transition: .45s; }
.snav .link:after { content: ""; display: block; position: absolute; height: 0%; width: 100%; background: #cc0000; z-index: -1; bottom: 0px; left: 0px; transition: .45s; -webkit-transition: .45s; }
.snav .link.on { color: #fff; }
.snav .link.on:before { background-color: transparent; }
.snav .link.on:after { height: 100%; }
.snav .link:hover { color: #fff; }
.snav .link:hover:before { background-color: transparent; }
.snav .link:hover:after { height: 100%; top: 0; }
.snav .line { display: inline-block; }

.profile-box { padding-top: 80px; padding-bottom: 80px; }
.profile-box .word { float: left; width: 55%; }
.profile-box .word .zh { font-size: 30px; color: #000; line-height: 1; }
.profile-box .word .en { font-size: 15px; color: #a0a0a0; line-height: 1.2; font-family: "TT0857M"; margin-top: 5px; }
.profile-box .word .con { text-align: justify; margin-top: 55px; }
.profile-box .word .more-btn { display: block; width: 168px; border: 1px solid #909090; line-height: 1; padding: 12px 0; text-align: center; color: #909090; margin-top: 80px; z-index: 1; position: relative; }
.profile-box .word .more-btn:before { content: ""; display: block; position: absolute; top: 0; right: 0; width: 0%; height: 100%; background: #CC0000; z-index: -1; transition: .45s; -webkit-transition: .45s; }
.profile-box .word .more-btn:hover { border-color: #CC0000; color: #fff; }
.profile-box .word .more-btn:hover:before { left: 0; width: 100%; }
.profile-box .picture { width: 40%; float: right; height: 500px; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.speech-box { background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; padding-top: 100px; padding-bottom: 30px; }
.speech-box .picture { float: left; width: 40%; height: 450px; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.speech-box .word { float: right; width: 55%; color: #fff; }
.speech-box .word .zh { font-size: 30px; line-height: 1.2; }
.speech-box .word .en { font-size: 15px; font-family: "TT0857M"; }
.speech-box .word .con { margin-top: 45px; padding-bottom: 90px; position: relative; }
.speech-box .word .con .autograph { display: block; position: absolute; width: 185px; height: 85px; bottom: 0; right: 0; }
.speech-box .word .con .autograph .img { display: block; }

.concept-box { background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; padding-top: 120px; padding-bottom: 120px; }
.concept-box .concept { text-align: center; }
.concept-box .concept .zh { font-size: 30px; color: #000; line-height: 1.2; }
.concept-box .concept .en { font-size: 15px; font-family: "TT0857M"; }
.concept-box .list { margin-top: 75px; }
.concept-box .list ul { margin-left: -2%; }
.concept-box .list li { float: left; width: 31%; margin-left: 2%; text-align: center; }
.concept-box .list .link { display: block; position: relative; padding: 85px 0; color: #a1a1a1; z-index: 1; }
.concept-box .list .link:hover { color: #fff; }
.concept-box .list .link:hover .line { background: #fff; }
.concept-box .list .link:hover .idea { color: #fff; }
.concept-box .list .link:hover .bg { transform: scale(1); -webkit-transform: scale(1); opacity: 1; }
.concept-box .list .link:hover .border.top:before { width: 100%; transition: .16s; -webkit-transition: .16s; }
.concept-box .list .link:hover .border.right:before { height: 100%; transition: .16s .16s; -webkit-transition: .16s .16s; }
.concept-box .list .link:hover .border.bottom:before { width: 100%; transition: .16s .32s; -webkit-transition: .16s .32s; }
.concept-box .list .link:hover .border.left:before { height: 100%; transition: .16s .48s; -webkit-transition: .16s .48s; }
.concept-box .list .link .bg { display: block; position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: scroll; top: 0; left: 0; z-index: -1; transform: scale(0.85); -webkit-transform: scale(0.85); opacity: 0; transition: .48s; -webkit-transition: .48s; }
.concept-box .list .idea { font-size: 28px; color: #a1a1a1; line-height: 1.2; transition: .48s; -webkit-transition: .48s; }
.concept-box .list .line { display: block; width: 50px; height: 2px; background: #a1a1a1; margin: 20px auto; transition: .48s; -webkit-transition: .48s; }
.concept-box .list .border { display: block; background: #a1a1a1; position: absolute; }
.concept-box .list .border:before { content: ""; display: block; position: absolute; background: #cc0000; }
.concept-box .list .border.top { height: 3px; width: 100%; top: 0; left: 0; }
.concept-box .list .border.top:before { top: 0; left: 0; height: 100%; width: 0%; }
.concept-box .list .border.right { height: 100%; width: 3px; top: 0; right: 0; }
.concept-box .list .border.right:before { top: 0; left: 0; height: 0%; width: 3px; }
.concept-box .list .border.bottom { height: 3px; width: 100%; bottom: 0; left: 0; }
.concept-box .list .border.bottom:before { bottom: 0; right: 0; height: 3px; width: 0%; }
.concept-box .list .border.left { height: 100%; width: 3px; top: 0; left: 0; }
.concept-box .list .border.left:before { bottom: 0; left: 0; height: 0%; width: 3px; }

.culture-box { padding-top: 85px; padding-bottom: 50px; text-align: center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; }
.culture-box .zh { font-size: 30px; color: #000; line-height: 1.2; }
.culture-box .en { font-size: 15px; font-family: "TT0857M"; }
.culture-box .lnav { display: inline-block; margin-top: 30px; }
.culture-box .lnav li { float: left; border: 1px solid #909090; width: 130px; height: 38px; line-height: 38px; position: relative; transition: .35s; -webkit-transition: .35s; cursor: pointer; }
.culture-box .lnav li.on { background-color: #CC0000; color: #fff; border-color: #CC0000; }
.culture-box .lnav li.on:before { opacity: 1; }
.culture-box .lnav li:nth-child(2) { margin: 0 12px; }
.culture-box .lnav li:before { content: ""; display: block; width: 18px; height: 10px; position: absolute; bottom: -10px; left: 50%; margin-left: -9px; background: url(../images/culture_arrow_1.png) no-repeat scroll center center; opacity: 0; transition: .45s; -webkit-transition: .45s; }
.culture-box .lnav li:hover { background-color: #CC0000; color: #fff; border-color: #CC0000; }
.culture-box .lnav li:hover:before { opacity: 1; }
.culture-box .culture { position: relative; margin-top: 50px; text-align: justify; background: #fff; overflow: hidden; }
.culture-box .culture .picture { position: absolute; top: 0; left: 0; height: 100%; width: 50%; background-image: url(../img/about_6.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.culture-box .culture .word { float: right; width: 45%; max-height: 345px; overflow: auto; margin-right: 2%; padding-right: 3%; }
.culture-box .culture .item { padding-left: 5%; padding-top: 50px; padding-bottom: 45px; }
.culture-box .culture .item.on { -webkit-animation-name: tab; animation-name: tab; -webkit-animation-direction: normal; animation-direction: normal; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
.culture-box .culture .tit { color: #cc0000; font-weight: bold; font-size: 14px; }
.culture-box .culture .con { border-bottom: 1px dashed #909090; padding-bottom: 20px; margin-bottom: 20px; }

.structure-box { padding-top: 65px; padding-bottom: 120px; text-align: center; }
.structure-box .zh { font-size: 30px; color: #000; line-height: 1.2; }
.structure-box .en { font-size: 15px; font-family: "TT0857M"; }
.structure-box .img { max-width: 100% !important; max-height: 100%; display: block; margin: 35px auto 0; }

#gallery { z-index: 10000; }

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before { background-color: #CC0000; }

.honors-box { padding-top: 95px; padding-bottom: 140px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; text-align: center; }
.honors-box .zh { font-size: 30px; color: #000; line-height: 1.2; }
.honors-box .en { font-size: 15px; font-family: "TT0857M"; }
.honors-box .honors{ margin-top: 35px;}
.honors-box .honors .demo-gallery__img--main { float: left; width: 23%; margin-left: 2%; margin-top: 2%; display: block; overflow: hidden; position: relative; }
.honors-box .honors .demo-gallery__img--main .figure { border: 3px solid #898989; transition: .56s; -webkit-transition: .56s; }
.honors-box .honors .demo-gallery__img--main .figure img { display: block; width: 100%; }
.honors-box .honors .demo-gallery__img--main:hover .figure { border-color: #CC0000; }
.honors-box .honors .demo-gallery__img--main:hover:after { transform: scale(1); -webkit-transform: scale(1); opacity: 1; }
.honors-box .honors .demo-gallery__img--main:hover:before { height: 100%; top: 0; }
.honors-box .honors .demo-gallery__img--main:before { content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background-color: rgba(204, 0, 0, 0.5); z-index: 5; transition: .56s; -webkit-transition: .56s; }
.honors-box .honors .demo-gallery__img--main:after { content: ""; display: block; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; background: url(../images/magnifying_ico.png) no-repeat scroll center center; z-index: 6; margin-left: -10px; margin-top: -10px; transform: scale(1.2); -webkit-transform: scale(1.2); transition: .45s; -webkit-transition: .45s; opacity: 0; }
.honors-box .honors .slick-dots { z-index: 20; bottom: -70px; }
.honors-box .honors .slick-dots li { height: 15px; width: 15px; background-color: #404040; border-radius: 50%; }
.honors-box .honors .slick-dots li.slick-active { background-color: #CC0000; }

.pageC a:link, .pageC a:visited { color: #909090; }
.pageC a:active, .pageC a:hover { color: #000000; }
.pageC img { max-width: 100% !important; height: auto !important; }

.profile-detail { padding-top: 80px; padding-bottom: 120px; }
.profile-detail .zh { font-size: 30px; color: #000; line-height: 1.2; }
.profile-detail .en { font-size: 15px; font-family: "TT0857M"; }
.profile-detail .con { text-align: justify; }

.news-box {  padding-bottom: 170px; }
.news-box .news .figure { position: absolute; width: 40%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.news-box .news .zh { font-size: 24px; color: #000; line-height: 1.2; margin-bottom: 10px; }
.news-box .news time { display: block; padding-left: 28px; background-image: url(../images/news_time_ico.png); background-position: left center; background-repeat: no-repeat; color: #969696; margin-bottom: 25px; font-family: "TT0857M"; }
.news-box .news .content { float: right; width: 55%; padding: 35px 0 35px; }
.news-box .news .tlink { display: block; position: relative; border: 1px solid #d1d1d1; }
.news-box .news .con { color: #a0a0a0; }
.news-box .news .more-btn { display: block; width: 168px; border: 1px solid #909090; line-height: 1; padding: 12px 0; text-align: center; color: #909090; margin-top: 65px; z-index: 1; position: relative; }
.news-box .news .more-btn:before { content: ""; display: block; position: absolute; top: 0; right: 0; width: 0%; height: 100%; background: #CC0000; z-index: -1; transition: .45s; -webkit-transition: .45s; }
.news-box .news .more-btn:hover { border-color: #CC0000; color: #fff; }
.news-box .news .more-btn:hover:before { left: 0; width: 100%; }
.news-box .list { margin-left: -2%; margin-top: 2%; }
.news-box .list .link { display: block; border: 1px solid #d1d1d1; transition: .46s; -webkit-transition: .46s; }
.news-box .list .link:hover { border-color: #CC0000; }
.news-box .list .link:hover .nimg { transform: scale(1.08); -webkit-transform: scale(1.08); }
.news-box .list .link:hover .content:before { width: 100%; left: 0; }
.news-box .list .link:hover .content .tit { color: #fff; }
.news-box .list .link:hover .content .con { color: #fff; }
.news-box .list .link:hover .content .time { color: #fff; }
.news-box .list .figure { overflow: hidden; }
.news-box .list .tit { font-size: 18px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: .46s; -webkit-transition: .46s; }
.news-box .list .con { color: #a0a0a0; line-height: 1.5; margin-bottom: 20px; margin-top: 15px; max-height: 22px; overflow: hidden; text-align: justify; transition: .46s; -webkit-transition: .46s; }
.news-box .list .time { color: #a0a0a0; text-transform: uppercase; font-family: "TT0857M"; transition: .46s; -webkit-transition: .46s; }
.news-box .list .content { padding: 25px; position: relative; }
.news-box .list .content:before { content: ""; display: block; position: absolute; height: 100%; width: 0%; z-index: -1; background-color: #cc0000; top: 0; right: 0; transition: .56s; -webkit-transition: .56s; }
.news-box .list .nimg { display: block; width: 100%; transition: .56s; -webkit-transition: .56s; }
.news-box .list li { float: left; width: 31.33%; margin-left: 2%; margin-top: 2%; }

.mass-list { margin-top: 70px; }
.mass-list li { border-bottom: 1px solid #dddddd; }
.mass-list li:nth-child(1) { border-top: 1px solid #dddddd; }
.mass-list .link { padding-left: 150px; display: block; position: relative; padding-bottom: 20px; padding-top: 20px; }
.mass-list .link.on .title { color: #CC0000; margin-top: -6px; }
.mass-list .link.on time { color: #CC0000; }
.mass-list .link.on .content { height: 135px; }
.mass-list .link.on .more { color: #CC0000; }
.mass-list .link.on .time-box { border-color: #CC0000; }
.mass-list .time-box { position: absolute; display: block; top: 13px; left: 0; width: 100px; text-align: center; border-right: 1px solid #e5e5e5; transition: .36s; -webkit-transition: .36s; }
.mass-list .time-box time { display: block; color: #9d9d9d; font-family: arial; line-height: 1.2; transition: .46s; -webkit-transition: .46s; }
.mass-list .time-box .day { font-size: 16px; font-weight: bold; }
.mass-list .title { color: #646464; line-height: 1.2; transition: .36s; -webkit-transition: .36s; }
.mass-list .abstracts { margin: 30px 0; max-height: 50px; overflow: hidden; color: #969696; }
.mass-list .content { overflow: hidden; height: 0px; transition: .46s; -webkit-transition: .46s; }
.mass-list .more { color: #9d9d9d; transition: .46s; -webkit-transition: .46s; }

.page { text-align: center; line-height: 0; margin-top: 85px; }
.page .page-list { line-height: 1; display: inline-block; }
.page .page-list .pg { display: block; padding: 10px 12px; border: 1px solid #dddddd; color: #666666; }
.page .page-list .pg:hover { color: #fff; background: #CC0000; border-color: #CC0000; }
.page .page-list .pg.on { color: #fff; background: #CC0000; border-color: #CC0000; }
.page .page-list li { float: left; margin-right: 20px; }
.page .page-list li:nth-last-child(1) { margin-right: 0px; }

.back-list { margin-top: 88px; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #e5e5e5; }
.back-list .link { display: block; padding-left: 20px; background: url(../images/back_list_ico.png) no-repeat scroll left center; color: #909090; }
.back-list .link:hover { color: #CC0000; background-image: url(../images/back_list_ico_2.png); }

.news-title { text-align: center; background: url(../images/news_bg_1.jpg) no-repeat scroll center center; padding-top: 50px; padding-bottom: 50px; color: #fff; background-size: cover; }
.news-title .title { line-height: 1.2; font-size: 30px; }
.news-title .time { font-family: "TT0857M"; font-size: 15px; text-transform: uppercase; margin-top: 20px; margin-bottom: 40px; }
.news-title time { display: block; margin: 0 auto; }
.news-title .share { display: inline-block; position: relative; margin-left: -60px; }
.news-title .share .jiathis_style_24x24 { position: absolute; right: -60px; top: 0; }
.news-title .share .jiathis_style_24x24 .jiathis_txt.jtico.jtico_weixin { background: url(../images/weixin_ico.png) no-repeat scroll center center; margin-left: 5px; }
.news-title .share .jiathis_style_24x24 .jiathis_txt.jtico.jtico_tsina { background: url(../images/weibo_ico.png) no-repeat scroll center center; }

.news-detail { padding-top: 100px; padding-bottom: 40px; }

.points-num { padding-top: 30px; padding-bottom: 60px; }
.points-num .prev { float: left; width: 45%; text-align: left; }
.points-num .next { float: right; width: 45%; text-align: right; }
.points-num .link { display: block; color: #787878; line-height: 1.2; }
.points-num .link.up { margin-bottom: 15px; }
.points-num .link.down { margin-bottom: 15px; }
.points-num .link:hover { color: #CC0000; }

.asset-box .asset { padding: 110px 0; }
.asset-box .title { padding-left: 105px; background: url(../images/asset_ico_1.png) no-repeat scroll left center; color: #000; font-size: 24px; font-weight: bold; line-height: 1.2; padding-top: 10px; padding-bottom: 10px; }
.asset-box .title .en { margin-top: 10px; }
.asset-box .title.facilities { background-image: url(../images/asset_ico_2.png); }
.asset-box .content { padding-top: 70px; margin-top: 55px; border-top: 1px solid #e5e5e5; }
.asset-box .picture { margin-left: -2%; margin-top: 80px; }
.asset-box .picture img { display: block; width: 31.33%; float: left; margin-left: 2%; }
.asset-box .case { margin-top: 70px; }
.asset-box .case .zh { font-weight: bold; font-size: 24px; color: #000; line-height: 1.2; margin-bottom: 5px; }
.asset-box .case .en { font-weight: bold; font-size: 24px; color: #000; line-height: 1.2; font-family: "TT0857M"; }
.asset-box .case .list { margin-top: 25px; text-align: center; }
.asset-box .case .list .img { display: block; width: 100%; transition: .43s; -webkit-transition: .43s; }
.asset-box .case .list li { margin-bottom: 15px; }
.asset-box .case .list .link { display: block; background-color: #f4f4f4; position: relative; position: relative; }
.asset-box .case .list .link.even .word { left: 0; }
.asset-box .case .list .link.even .figure { float: right; }
.asset-box .case .list .link.odd .figure { float: left; }
.asset-box .case .list .link.odd .word { right: 0; }
.asset-box .case .list .link:hover .img { transform: scale(1.08); -webkit-transform: scale(1.08); }
.asset-box .case .list .link:hover .tit { color: #fff; }
.asset-box .case .list .link:hover .con { color: #fff; }
.asset-box .case .list .link:hover .more-btn { border-color: #fff; color: #fff; }
.asset-box .case .list .link:hover .word:before { height: 100%; }
.asset-box .case .list .word { position: absolute; top: 0; width: 44%; padding: 0 3%; height: 100%; }
.asset-box .case .list .word:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 0%; background-color: #CC0000; z-index: 0; transition: .56s; -webkit-transition: .56s; }
.asset-box .case .list .figure { width: 50%; overflow: hidden; }
.asset-box .case .list .tit { font-size: 24px; line-height: 1.2; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 60px; position: relative; z-index: 1; transition: .56s; -webkit-transition: .56s; }
.asset-box .case .list .con { color: #a0a0a0; margin-top: 15px; min-height: 75px; max-height: 75px; overflow: hidden; position: relative; z-index: 1; transition: .56s; -webkit-transition: .56s; }
.asset-box .case .list .more-btn { display: block; width: 168px; border: 1px solid #909090; line-height: 1; padding: 12px 0; text-align: center; color: #909090; z-index: 1; margin: 0 auto; margin-top: 65px; position: relative; transition: .56s; -webkit-transition: .56s; }

.members { padding-top: 100px; padding-bottom: 100px; }
.members img { float: right !important; display: block !important; margin-left: 20px !important; width: 50% !important; }
.members p { text-align: justify; }
.members li { margin-bottom: 2px; }
.members .items { padding: 2%; background-color: #eaeaea; }
.members .title { padding: 15px 2%; line-height: 1.2; display: block; cursor: pointer; font-size: 20px; font-weight: bold; color: #fff; background-color: #969696; position: relative; }
.members .title.on { background-color: #CC0000; }
.members .title.on:before { background-image: url(../images/dropDownBox_ico_2.png); }
.members .title:before { content: ""; display: block; position: absolute; height: 100%; width: 22px; top: 0; right: 2%; background: url(../images/dropDownBox_ico_1.png) no-repeat scroll center center; transition: .56s; -webkit-transition: .56s; }

.procurement ul { padding: 100px 0; }
.procurement li { margin-bottom: 20px; }
.procurement .link { padding: 30px 25px 60px 200px; display: block; background-color: #fafafa; color: #646464; position: relative; border: 3px solid transparent; transition: .45s; -webkit-transition: .45s; }
.procurement .link .tit { font-size: 24px; line-height: 1.2; padding-bottom: 15px; border-bottom: 1px solid #c8c8c8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.procurement .link .abstracts { margin-top: 30px; max-height: 50px; overflow: hidden; }
.procurement .link .time { display: block; width: 90px; height: 140px; background: #a9a9a9; position: absolute; top: 50%; left: 45px; margin-top: -70px; text-align: center; line-height: 1.2; color: #fff; font-family: "arial"; -webkit-transition: background 0.6s; -moz-transition: background 0.6s; transition: background 0.6s; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; transform-origin: 0% 50%; }
.procurement .link .time .day { font-size: 30px; margin-top: 20px; }
.procurement .link .time:before { content: ""; display: block; width: 19px; height: 19px; background: url(../images/news_time_ico_2.png) no-repeat scroll center center; margin: 25px auto 0; }
.procurement .link:hover { background-color: #fff; border-color: #CC0000; }
.procurement .link:hover .time { background-color: #CC0000; }
.procurement .link .border { position: absolute; background-color: #CC0000; transition: .45s; -webkit-transition: .45s; }
.procurement .link .border.top { right: 0; top: 0; height: 3px; width: 0%; }
.procurement .link .border.right { right: 0; top: 0; height: 0%; width: 3px; }
.procurement .link .border.bottom { left: 0; bottom: 0; height: 3px; width: 0%; }
.procurement .link .border.left { left: 0; bottom: 0; width: 3px; height: 0%; }

.domain-box { padding-top: 80px; padding-bottom: 110px; }
.domain-box .nav { line-height: 0; text-align: center; }
.domain-box ul { display: inline-block; line-height: 1.8; }
.domain-box li { float: left; margin-right: 38px; }
.domain-box li:nth-last-child(1) { margin-right: 0px; }
.domain-box .link { width: 150px; height: 150px; display: block; border: 1.5px dashed #626262; border-radius: 50%; position: relative; color: #626262; line-height: 1.2; transition: border-color .45s; -webkit-transition: border-color .45s;}
.domain-box .link .ico { height: 50px; background-position: center center; background-repeat: no-repeat; position: relative; z-index: 15; }
.domain-box .link .ico.ico1 { background-image: url(../images/banner_ico_11.png); }
.domain-box .link .ico.ico2 { background-image: url(../images/banner_ico_22.png); }
.domain-box .link .ico.ico3 { background-image: url(../images/banner_ico_33.png); }
.domain-box .link .ico.ico4 { background-image: url(../images/banner_ico_44.png); }
.domain-box .link .ico.ico5 { background-image: url(../images/banner_ico_55.png); }
.domain-box .link .tit { font-size: 18px; margin-top: 12px; position: relative; z-index: 15; }
.domain-box .link .en { font-size: 12px; position: relative; z-index: 15; }
.domain-box .link:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #CC0000; z-index: -1; transform: scale(1.25); transform: scale(1.25); transition: .45s; -webkit-transition: .45s; border-radius: 50%; opacity: 0; }
.domain-box .link:hover { border-style: solid; color: #fff; border-color: #cc0000;}
.domain-box .link:hover:before { transform: scale(1.01); transform: scale(1.01); opacity: 1; }
.domain-box .link:hover .ico.ico1 { background-image: url(../images/banner_ico_1.png); }
.domain-box .link:hover .ico.ico2 { background-image: url(../images/banner_ico_2.png); }
.domain-box .link:hover .ico.ico3 { background-image: url(../images/banner_ico_3.png); }
.domain-box .link:hover .ico.ico4 { background-image: url(../images/banner_ico_4.png); }
.domain-box .link:hover .ico.ico5 { background-image: url(../images/banner_ico_5.png); }
.domain-box .link:hover:after { opacity: 1; transform: translateY(0px); transform: translateY(0px); }
.domain-box .link:after { content: ""; display: block; position: absolute; width: 13px; height: 10px; background: url(../images/culture_arrow_1.png) no-repeat scroll center center; bottom: -14px; left: 50%; margin-left: -6px; opacity: 0; transition: .45s; -webkit-transition: .45s; transform: translateY(-5px); transform: translateY(-5px); }
.domain-box .link.on { border-style: solid; color: #fff; border-color: #cc0000;}
.domain-box .link.on:before { transform: scale(1.01); transform: scale(1.01); opacity: 1; }
.domain-box .link.on .ico.ico1 { background-image: url(../images/banner_ico_1.png); }
.domain-box .link.on .ico.ico2 { background-image: url(../images/banner_ico_2.png); }
.domain-box .link.on .ico.ico3 { background-image: url(../images/banner_ico_3.png); }
.domain-box .link.on .ico.ico4 { background-image: url(../images/banner_ico_4.png); }
.domain-box .link.on .ico.ico5 { background-image: url(../images/banner_ico_5.png); }
.domain-box .link.on:after { opacity: 1; transform: translateY(0px); transform: translateY(0px); }
.domain-box .domain { margin-top: 85px; }

.caseshow-box { padding: 30px 0 60px; background-color: #efefef; }
.caseshow-box .caseshow { margin-left: -2%; margin-top: -2%; padding: 0 3%; }
.caseshow-box .caseshow .link { position: relative; display: block;  float: left; width: 31.33%; margin-left: 2%; margin-top: 2%; overflow: hidden;}
.caseshow-box .caseshow .link:hover .img { transform: scale(1.08); -webkit-transform: scale(1.08); }
.caseshow-box .caseshow .link:hover:before { opacity: 1; }
.caseshow-box .caseshow .link:hover .con:before { left: 0; width: 100%; }
.caseshow-box .caseshow .link:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); opacity: 0; transition: opacity .45s; -webkit-transition: opacity .45s; z-index: 15; }
.caseshow-box .caseshow .img { display: block; width: 100%; transition: .45s; -webkit-transition: .45s; }
.caseshow-box .caseshow .figure { overflow: hidden; }
.caseshow-box .caseshow .con { position: absolute; bottom: 0; left: 0; width: 96%; background-color: rgba(0, 0, 0, 0.8); color: #fff; padding: 15px 2%; font-size: 16px; font-weight: bold; line-height: 1.2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; z-index: 20; }
.caseshow-box .caseshow .con:before { content: ""; display: block; position: absolute; right: 0; top: 0; width: 0%; height: 100%; background: #CC0000; z-index: -1; transition: .46s; -webkit-transition: .46s; }
.caseshow-box .tit { font-size: 24px; color: #000; margin-bottom: 45px; line-height: 1.2; }

.page-box { padding: 0px 0 90px; }

.company-box { background-color: #efefef; }
.company-box .company { padding: 110px 0px; text-align: center; line-height: 1.2; }
.company-box .company .title { font-size: 30px; color: #000; }
.company-box .company .con { font-family: "TT0857M"; color: #a0a0a0; }
.company-box .company .en { font-family: "TT0857M"; color: #a0a0a0; text-transform: uppercase; font-weight: bold; margin: 10px 0; }
.company-box .company .zh { color: #a0a0a0; font-size: 18px; }
.company-box .company ul { margin-top: 80px; }
.company-box .company li { float: left; width: 33.33%; }
.company-box .company li:hover .img { -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: shake 0.5s; animation: shake 0.5s; }

.map { height: 480px; }
.map .anchorBL { display: none !important; }

.talent-box .talent { padding: 70px 0 130px; text-align: center; }
.talent-box .talent .tit { font-size: 30px; color: #000000; line-height: 1.2; }
.talent-box .talent .en { font-family: "TT0857M"; font-size: 15px; color: #a0a0a0; line-height: 1.2; margin: 5px 0 90px; }
.talent-box .talent .job-list { width: 970px; margin: 0 auto; }
.talent-box .talent .job-list .job { padding: 17px 0; cursor: pointer; position: relative; }
.talent-box .talent .job-list .con { background-color: #838383; color: #fff; transition: .45s; -webkit-transition: .45s; }
.talent-box .talent .job-list .con.on { background-color: #cc0000; }
.talent-box .talent .job-list .con.on .close-btn { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.talent-box .talent .job-list li { margin-bottom: 10px; }
.talent-box .talent .job-list li:nth-child(1) { margin-bottom: 0; }
.talent-box .talent .job-list .com { display: block; float: left; width: 16.667%; font-size: 16px; line-height: 1.2; }
.talent-box .talent .job-list .close-btn { position: absolute; height: 100%; width: 25px; top: 0; left: -40px; background: url(../images/join_ico_add.png) no-repeat scroll center center; display: block; transition: .45s; -webkit-transition: .45s; }
.talent-box .talent .job-list .detail { padding: 4% 3%; text-align: left; border: 1px solid #1d1b73; border-top: 0; }
.talent-box .talent .more { display: block; position: relative; color: #838383; transition: .45s; -webkit-transition: .45s; font-size: 16px; margin: 40px auto 0; width: 198px; height: 45px; border: 1px solid #838383; line-height: 45px; cursor: pointer; }
.talent-box .talent .more:hover { border-color: #CC0000; color: #fff; }
.talent-box .talent .more:hover:before { transform: scaleY(1); -webkit-transform: scaleY(1); }
.talent-box .talent .more:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: #CC0000; top: 0; left: 0; z-index: -1; transform: scaleY(0); -webkit-transform: scaleY(0); transition: .45s; -webkit-transition: .45s; }

.memorabilia-box { padding-top: 110px; }
.memorabilia-box .memorabilia { position: relative; padding-bottom: 190px; }
.memorabilia-box .memorabilia .line { display: block; width: 1px; height: 100%; background: #7f7f7f; position: absolute; top: 0; left: 50%; }
.memorabilia-box .memorabilia .mass-ico { display: block; position: absolute; top: -18px; left: 50%; width: 11px; height: 14px; background: url(../images/partyMass_ico.png) no-repeat scroll center center; margin-left: -5px; }
.memorabilia-box .title { text-align: center; font-size: 28px; color: #cc0000; font-weight: normal; margin-bottom: 60px; }
.memorabilia-box .Mright { float: right; width: 50%; padding-left: 10%; position: relative; border-bottom: 1px solid #7f7f7f; padding-top: 40px; padding-bottom: 40px; margin-top: 40px; }
.memorabilia-box .Mright .months { position: absolute; top: 0; left: 0; font-size: 40px; color: #CC0000; }
.memorabilia-box .Mright .con { padding-left: 25px; }
.memorabilia-box .Mright.target { opacity: 0; transition: .56s ease-in-out; -webkit-transition: .56s ease-in-out; transform: translateX(50px); -webkit-transform: translateX(50px); }
.memorabilia-box .Mright.target.action { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }
.memorabilia-box .Mleft { float: left; position: relative; width: 50%; padding-right: 10%; border-bottom: 1px solid #7f7f7f; padding-top: 40px; padding-bottom: 40px; margin-top: 40px; }
.memorabilia-box .Mleft .months { position: absolute; top: 0; right: 0; font-size: 40px; color: #CC0000; }
.memorabilia-box .Mleft .con { padding-right: 25px; }
.memorabilia-box .Mleft.target { opacity: 0; transition: .56s; -webkit-transition: .56s; transform: translateX(-50px); -webkit-transform: translateX(-50px); }
.memorabilia-box .Mleft.target.action { transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; }

@keyframes shake { 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); }
  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 shake { 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); }
  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); } }
.dbanner { margin-top: 88px; }
.dbanner .img { display: block; width: 100%; }

.projects-detail { padding-bottom: 90px; margin-top: -240px; position: relative; z-index: 20; }
.projects-detail .detail { padding: 31px; background-color: #efefef; }
.projects-detail .detail .slick-prev, .projects-detail .detail .slick-next { top: 50%; height: 44px; width: 44px; margin-top: -22px; z-index: 50; }
.projects-detail .detail .slick-prev { left: 0; background: rgba(0, 0, 0, 0.2) url(../images/d_arrow_1.png) no-repeat scroll center center; }
.projects-detail .detail .slick-prev:hover { background: #fff url(../images/d_arrow_11.png) no-repeat scroll center center; }
.projects-detail .detail .slick-next { right: 0; background: rgba(0, 0, 0, 0.2) url(../images/d_arrow_2.png) no-repeat scroll center center; }
.projects-detail .detail .slick-next:hover { background: #fff url(../images/d_arrow_22.png) no-repeat scroll center center; }
.projects-detail .back-btn { margin-top: 55px; margin-left: 35px; }
.projects-detail .link { display: inline-block; line-height: 43px; height: 43px; color: #787878; }
.projects-detail .link.btn { width: 43px; border: 1px solid #ccc; text-align: center; font-size: 30px; position: relative; top: 5px; color: #ccc; }
.projects-detail .link.btn:hover { background-color: #cc0000; color: #fff; border-color: #cc0000; }
.projects-detail .link.back { margin: 0 35px; color: #787878; }
.projects-detail .link.back:hover { color: #CC0000; }
.projects-detail .con { margin-top: 35px; }
.projects-detail .con .title { color: #4d4d4d; font-size: 24px; line-height: 1.2; margin-bottom: 15px; }
.projects-detail .img { display: block; width: 100%; }

.sub-menu { display: none; position: relative; }
.sub-menu .title { color: #fff; display: block; text-align: center; font-size: 16px; height: 46px; line-height: 46px; background: #333; }
.sub-menu .title b { display: inline-block; margin-left: 5px; width: 18px; height: 9px; background: url(../images/aw7.png) center no-repeat; transition: .38s; -webkit-transition: .38s; }
.sub-menu ul { background: #666; position: absolute; top: 46px; left: 0; width: 100%; z-index: 60; }
.sub-menu li { float: left; width: 50%; }
.sub-menu .link { display: block; text-align: center; color: #fff; line-height: 1.2; padding: 10px 0; font-size: 14px; position: relative; }
.sub-menu.on .link:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; z-index: 1; background-color: #999; -webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: ReturnToNormal; animation-name: ReturnToNormal; }
.sub-menu.on .title b { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); }

@-webkit-keyframes ReturnToNormal { 0% { -webkit-transform: scale(0.1, 1); -ms-transform: scale(0.1, 1); transform: scale(0.1, 1); }
  100% { -webkit-transform: scaleX(1, 1); -ms-transform: scaleX(1, 1); transform: scaleX(1, 1); } }
@keyframes ReturnToNormal { 0% { -webkit-transform: scale(0.1, 1); -ms-transform: scale(0.1, 1); transform: scale(0.1, 1); }
  100% { -webkit-transform: scaleX(1, 1); -ms-transform: scale(1, 1); transform: scaleX(1, 1); } }

.fixedImg{ background-position: center center; background-repeat: no-repeat; background-size: cover;} 
.imgw{ width: 100%; display: block;}
.w1200{ width: 1200px; margin: 0px auto;}
.w916{ width: 916px; margin: 0px auto;}
.iboxT .zh,.pboxT .zh { font-size: 30px; color: #000; line-height: 1.2; font-weight: bold; text-align: center;}
.iboxT .en,.pboxT .en { font-size: 15px; font-family: "TT0857M"; text-align: center;}
.enterprises-box .list{ margin-top: 45px;}
.pagePadding{ padding: 100px 0;}
.pagePadding2{ padding: 150px 0;}
.pboxT{ margin-bottom: 35px; text-align: center;}
.pboxT .line{ display: block; width: 28px; height: 3px; margin: 22px auto 0; background-color: #cc0000;}
.one-add{ padding-top: 100px;}
.f16{ font-size: 16px;}
.company-tab-nav{ text-align: center; margin-top: 60px; padding-bottom: 55px;}
.company-tab-nav li{ position: relative; display: inline-block; *display: inline; *zoom: 1; width: 120px; height: 120px; margin: 0px 2%; border: 2px solid #cc0000; border-radius: 50%; text-align: center; line-height: 120px; font-size: 20px; font-weight: bold; color: #cc0000; cursor: pointer; transition: .3s; -webkit-transition: .3s;}
.company-tab-nav li:before{ content: ""; position: absolute; display: block; left: 50%; bottom: -14px; height: 0; width: 0; margin-left: -4px; border-left: 4px solid transparent; border-right: 4px solid transparent;border-top: 8px solid #cc0000; opacity: 0; visibility: hidden; transition: .3s; -webkit-transition: .3s; transform: translateY(-5px); -webkit-transform: translateY(-5px);}
.company-tab-nav li.active{ background-color: #CC0000; color: #fff;}
.company-tab-nav li.active:before{ opacity: 1; visibility: visible; transform: initial; -webkit-transform: initial;}
.company-tab-c{ background-color: #cc0000; color: #fff;}
.company-tab-c .tab-c{  display: none; padding: 65px 0 70px; text-align: center; -webkit-animation-name: tab;animation-name: tab;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
.f20{ font-size: 20px; line-height: 1.5;}
.company-tab-c .c{ margin-top: 25px;}
 @-webkit-keyframes tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.company-tab-c .tab-c.active{ display: block;}
.two-add-list{ padding-top: 65px;}
.two-add-list li{ position: relative; float: left; display: inline-block; width: 50%; color: #fff; overflow: hidden;}
.two-add-list figure{ position: relative; overflow: hidden;}
.two-add-list h4{ font-size: 20px; line-height: 1.5;}
.two-add-list figure h4{ position: absolute; left: 0; bottom: 0; width: 90%; padding: 12px 5%; background: url(../images/black_60.png) repeat; background: rgba(0,0,0,0.6); transition: .3s; -webkit-transition: .3s;}
.two-add-list .desc{ position: absolute; width: 84%; padding: 0 8%; left: 0; right: 0; top: 0; bottom: 0; background: url(../images/black_60.png) repeat; background: rgba(0,0,0,0.6); opacity: 0; visibility: hidden; transform: translateY(50px); -webkit-transform: translateY(50px); transition: transform .6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform .6s,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1);}
.two-add-list .desc h4{ padding-top: 15%; margin-bottom: 20px;}
.two-add-list li:hover figure h4{ opacity: 0; visibility: hidden; transform: translateY(100%); -webkit-transform: translateY(100%);}
.two-add-list li:hover .desc{ opacity: 1; visibility: visible; transform: initial; -webkit-transform: initial; }
.for-add{ color: #fff;}
.for-add .pboxT .zh { color: #fff;}
.five-add-list{ padding-top: 70px;}
.five-add-list dd{ position: relative; background-color: #ececec; margin-bottom: 1px; padding: 35px 80px 35px 45px; transition: .3s; -webkit-transition: .3s;}
.five-add-list .line{ position: absolute; left: 255px; top: 35px; bottom: 35px; width: 1px; background-color: #acacac;}
.five-add-list .title{ float: left; display: inline-block; width: 190px; font-size: 20px; line-height: 1.5; color: #cc0000;}
.five-add-list .desc{ padding-left: 275px;}
.five-add-list dd:hover{ background-color: #CC0000; color: #fff;}
.five-add-list dd:hover .title{ color: #fff;}
.five-add-list dd:hover .line{ background-color: #e47a7a;}
.com-onelist1{ margin-top: 120px;}
.com-onelist1 .item{ position: relative; border-top: 1px solid #d6d6d6; padding: 45px 0 55px; transition: .3s; -webkit-transition: .3s;}
.com-onelist1 .item .bg{ position: absolute; left: 0; top: 0; height: 0; width: 170px; background-color: #CC0000; opacity: 0; transition: .45s; -webkit-transition: .45s;}
.com-onelist1 .title{ position: relative; padding: 0 30px; width: 110px; float: left; display: inline-block; line-height: 1.5; z-index: 1;}
.com-onelist1 .title .zh{ color: #cc0000; font-size: 26px; margin-bottom: 10px;}
.com-onelist1 .title .en{ color: #999999; font-family: "TT0857M";}
.com-onelist1 .desc{ padding:0 25px 0 210px;}
.com-onelist1 .desc .f20{ margin-bottom: 20px; line-height: 1.5; color: #333333;}
.f24{ font-size: 24px;}
.c333{ color: #333;}
.cred{ color: #CC0000;}
.bgf5{ background-color: #f5f5f5;}
.constitution-box{ padding: 110px 0 120px; color: #fff;}
.constitution-box a:link,.constitution-box a:visited { color: #fff;}
.constitution-box a:active,.constitution-box a:hover { color: #333;}
.constitution-box .iboxT .zh{ color: #fff;}
.constitution-box .desc{ text-align: center;}
.constitution-box .desc .by{ padding: 50px 0 60px; font-size: 16px;}
.constitution-box .desc .more{ display: block; margin: 0px auto; width: 168px; height: 40px; line-height: 40px; border: 1px solid #fff;}
.constitution-box .desc .more:hover{ background-color: #fff;}
	.pagination p{
			margin:0;
			cursor:pointer
		}
		.pagination{
			height:40px;
			padding:20px 0px;
		}
		.pagination a{
			display:block;
			float:left;
			margin-right:5px;
			padding:0 15px;
			background:#f8f8f8; 
			text-decoration:none;
			color:#393939;
			font-size:14px;
			height:35px;
			line-height:35px;
		}
		.pagination a:hover{
			color:#fff;
			background:#2e4ba3; 
		}
		.pagination a.cur{
			border:1px solid #2e4ba3;
			background:#2e4ba3;
			color:#fff;
		}
		.pagination p{ float:left;font-size:14px;height:35px; padding:0 15px; margin-right:5px;line-height:35px;background: #f8f8f8;}
		.pagination p.pageRemark{
			border-style:none;
			background:none;
			margin-right:0px;
			line-height:35px;
			color:#666;
			display:none
		}
		.pagination p.pageRemark b{
			color:#2e4ba3;
			margin:0 3px;
			font-weight:bold;
		}
		.pagination p.pageEllipsis{
			border-style:none;
			background:none;
			padding:4px 0px;
			color:#808080;
		}