@charset "utf-8";

/* 
 * Project Name:赏金船长官方网站控股
 * Author:地位
 * Date：2016-8-23
 */
@font-face {
   font-family: 'helvetica_neue_ltregular';
   src: url('/css//css/helveticaneuelt-mediumcond-webfont.woff2') format('woff2'), url('/css/helveticaneuelt-mediumcond-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'estrangelo_edessaregular';
   src: url('/css//css/estrangelo_edessa-webfont.woff2') format('woff2'), url('/css/estrangelo_edessa-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'groteskiaregular';
   src: url('/css//css/groteskia-webfont.woff2') format('woff2'), url('/css/groteskia-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
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,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
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;
}

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

/* always display scrollbars */
body {
   font: 12px/1.8 "Microsoft YaHei New", "Microsoft Yahei", "微软雅黑", "Hiragino Sans GB", "冬青黑体", "Arial", "Helvetica", "SimHei", "黑体", "STXihei", "华文细黑", sans-serif;
   margin: 0 auto;
   color: #989898;
   background-color: #fff;
   _background-attachment: fixed;
   _background-image: url(/about:blank);
   overflow: hidden;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
   display: block;
}

input,
select {
   vertical-align: middle;
}

ol,
ul {
   list-style: none;
}

blockquote,
q {
   quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
   content: '';
   content: none;
}

strong {
   font-weight: bold;
}

input {
   outline: none;
   padding: 0;
}

img {
   border: 0;
}

input[type="text"],
input[type="button"],
input[type="submit"],
input[type="reset"],
select {
   -webkit-appearance: none;
   border-radius: 0;
}

textarea {
   -webkit-appearance: none;
   border-radius: 0;
   background: none;
   outline: none;
   padding: 0;
   margin: 0;
   border: none;
}

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

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

a {
   text-decoration: none;
   blr: expression(this.onFocus=this.blur());
}

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;
}

.conWidth {
   width: 1440px;
   margin: auto;
}

.inner {
   width: 1100px;
   margin: 0px auto;
}

/*header*/
.header-box {
   background: rgba(255, 255, 255, 0.9);
   background: #fff\9;
   filter: alpha(opacity=90);
   position: fixed;
   left: 0;
   top: 0;
   z-index: 99;
   width: 100%;
   height: 82px;
}

.header-box:before {
   content: "";
   width: 100%;
   height: 2px;
   background: #2550a0;
   position: absolute;
   left: 0;
   bottom: 0;
   opacity: 0;
   transition: 300ms;
   visibility: hidden;
}

.logo {
   line-height: 0;
   float: left;
   width: 285px;
   height: auto;
   position: relative;
   z-index: 10;
}

.logo img {
   display: none;
   width: 100%;
   height: auto;
   line-height: normal;
}

.logo .pclogo {
   display: block;
}

.nav {
   float: left;
   margin-left: 10px;
}

.nav>li {
   float: left;
   position: relative;
   padding-top: 33px;
}

.header-box.scoll {
   height: 66px;
   background: rgba(255, 255, 255, 1);
   background: #fff\9;
   filter: alpha(opacity=100);
}

.header-box.scoll:before {
   visibility: visible;
   opacity: 1;
}

.header-box.scoll .logo {
   overflow: hidden;
   height: 66px;
   width: auto;
}

.header-box.scoll .pclogo {
   display: none;
}

.header-box.scoll .scolllogo {
   display: block;
   width: 190px;
   height: auto;
   padding-top: 12px;
}

.header-box.scoll .nav>li {
   padding-top: 22px;
}

.header-box.scoll .nav>li>a {
   padding-bottom: 21px;
}

.header-box.scoll .menu-dwons {
   top: 65px;
}

.header-box.scoll .edite {
   margin-top: 8px;
}

.header-box.scoll .oa a {
   line-height: 66px;
}

.nav>li>a:after {
   content: "";
   width: 100%;
   height: 4px;
   background: #2550a0;
   position: absolute;
   opacity: 0;
   transition: 344ms ease-out;
   bottom: 0;
   width: 0;
   left: 50%;
}

.nav>li>a {
   display: inline-block;
   padding: 0 15px 28px;
   line-height: normal;
   color: #6a6a6a;
   font-size: 16px;
   position: relative;
}

.nav>li:hover,
.nav>li.current {
   background: rgba(17, 161, 225, 0.2);
   background: #11a1e1\9;
   filter: alpha(opacity=20);
}

.nav>li:hover>a:after,
.nav>li.current>a:after {
   left: 0;
   width: 100%;
   opacity: 1;
}

.menu-dwons {
   position: absolute;
   left: 0;
   top: 82px;
   background: #ffffff;
   padding-top: 18px;
   padding-bottom: 10px;
   width: 100%;
   display: none;
}

.menu-dwons li {
   position: relative;
}

.menu-dwons li:before {
   content: "";
   width: 0;
   left: 50%;
   height: 100%;
   background: #2a3c90;
   position: absolute;
   top: 0;
   transition: 300ms ease-in-out;
}

.menu-dwons li a {
   display: block;
   text-align: center;
   position: relative;
   line-height: 26px;
   color: #646464;
   font-size: 13px;
}

.menu-dwons li:hover:before {
   left: 0;
   width: 100%;
}

.menu-dwons li:hover a {
   color: #fff;
}

.menubox {
   display: inline-block;
   float: right;
   width: 31px;
   height: 15px;
   margin-top: 8px;
   position: relative;
   cursor: pointer;
   display: none;
}

.menubox:before,
.menubox:after {
   content: "";
   width: 100%;
   height: 2px;
   position: absolute;
   background: #2a3c90;
}

.menubox:before {
   left: 0;
   top: 0;
}

.menubox:after {
   left: 0;
   bottom: 0;
}

.iphone-mark {
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background: rgba(18, 18, 18, 0.8);
   z-index: 101;
   opacity: 0;
   visibility: hidden;
   transition: 320ms 0ms;
}

.iphone-mark.on {
   opacity: 1;
   visibility: visible;
   transition: 320ms 200ms;
}

.iphone-menu {
   width: 198px;
   height: 100%;
   position: fixed;
   right: -198px;
   top: 0;
   background: #fff;
   z-index: 110;
   transition: 360ms 0ms;
}

.iphone-menu.on {
   right: 0;
   transition: 360ms 0ms;
}

.iphone-menu span {
   display: block;
   width: 25px;
   height: 25px;
   background: url(/images/close.png) center no-repeat;
   position: absolute;
   right: 18px;
   top: 22px;
   transition: 360ms ease-in-out;
   cursor: pointer;
}

.iphone-menu span:hover {
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
}

.menufix {
   padding-left: 34px;
   margin-top: 75px;
}

.menufix li {
   margin-bottom: 20px;
}

.menufix li a {
   display: inline-block;
   line-height: normal;
   color: #323232;
   font-size: 18px;
}

.menufix li a:hover,
.menufix li a:focus {
   color: #11a1e1;
}

.menu-bottom {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
}

.menu-bottom .edite {
   float: none;
   margin-left: 21px;
}

.menu-bottom .edite .search {
   margin-left: 0;
   display: inline-block;
   border-radius: 13px;
}

.menu-bottom .edite .search input[type=text] {
   width: 113px;
   height: 28px;
}

.menu-bottom .edite .search .serbtn {
   height: 28px;
}

.menu-bottom .college {
   width: 148px;
}

.menu-bottom .college a:nth-child(1) {
   padding-right: 14px;
   margin-left: 2px;
}

.menu-bottom .college a:nth-child(2) {
   padding-left: 14px;
}

.menu-bottom .oa {
   float: none;
   width: 100%;
   height: 70px;
   margin-left: 0;
   margin-top: 12px;
}

.menu-bottom .oa a {
   line-height: 70px;
}

.header-right {
   float: right;
}

.edite {
   float: left;
   margin-top: 17px;
}

.search {
   margin-left: 17px;
   border: 1px solid #c9c9c9;
   border-radius: 9px;
}

.search input {
   height: 19px;
   line-height: 19px;
   color: #6a6a6a;
   padding-left: 9px;
   width: 76px;
   background: none;
   padding-top: 0;
   padding-bottom: 0;
   border: none;
   outline: none;
   float: left;
}

.search .serbtn {
   width: 24px;
   height: 19px;
   float: left;
   border: none;
   outline: none;
   background: none;
   cursor: pointer;
   background: url(/images/search.png) left center no-repeat;
}

.college {
   margin-top: 11px;
   text-align: center;
}

.college a {
   display: inline-block;
   /* float: left; */
   line-height: normal;
   color: #646464;
   position: relative;
}

.college a:nth-child(1) {
   /* padding-right: 9px; */
}

.college a:nth-child(1):before {
   /* content: ""; */
   width: 1px;
   height: 10px;
   position: absolute;
   right: 0;
   top: 50%;
   margin-top: -5px;
   background: #bfbfbf;
}

.college a:nth-child(2) {
   padding-left: 9px;
}

.college a:hover {
   color: #11a1e1;
}

.oa {
   float: left;
   margin-left: 11px;
   background: #11a1e1;
   width: 61px;
}

.oa a {
   display: block;
   line-height: 82px;
   text-align: center;
   color: #fff;
   font-size: 14px;
   text-transform: uppercase;
}

.oa a:hover {
   text-decoration: underline;
}

.banner-box {
   position: relative;
   margin-top: 82px;
}

.banner {
   width: 100%;
   margin: 0px auto;
   overflow: hidden;
   color: #fff;
   position: relative;
}

.banner .slides {
   position: relative;
   z-index: 20;
}

.banner .slides li {
   height: 100%;
   line-height: 0;
   opacity: 0;
   transition: opacity 2000ms linear;
   -webkit-transition: opacity 2000ms linear;
   overflow: hidden;
}

.banner .slides .bimg {
   line-height: 0;
   width: 100%;
   position: relative;
   transition: transform 4s ease;
   -webkit-transition: transform 4s ease;
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
}

.banner .slides li.imgIn {
   opacity: 1;
}

.banner .slides li.imgIn a>img {
   transform: matrix(1, 0, 0, 1, 0, 0);
   -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
}

.bannerText {
   position: absolute;
   width: 590px;
   height: 215px;
   left: 50%;
   margin-left: -295px;
   top: 50%;
   z-index: 30;
   margin-top: -107px;
}

.bann {
   width: 100%;
   height: 100%;
   position: relative;
}

.banne-list {
   position: relative;
   height: 100%;
}

.banne-list li {
   opacity: 0;
   transform: translateY(20px);
   -webkit-transform: translateY(20px);
   -moz-transform: translateY(20px);
   transition: 800ms 200ms;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   visibility: hidden;
}

.banne-list h3 {
   color: #ffffff;
   line-height: normal;
   margin-bottom: 30px;
   font-size: 42px;
   font-weight: normal;
   visibility: hidden;
   opacity: 0;
   text-align: center;
}

.banne-list h3 i {
   display: inline-block;
   width: 9px;
   height: 8px;
   background: url(/images/dot.png) center no-repeat;
   position: relative;
   top: -8px;
}

.banne-list h3 i:nth-child(1) {
   margin-right: 42px;
}

.banne-list h3 i:nth-child(2) {
   margin-left: 42px;
}

.banne-list li.noshow h3,
.banne-list li.noshow b,
.banne-list li.noshow small,
.banne-list li.noshow span {
   display: none;
}

.banne-list small {
   visibility: hidden;
   opacity: 0;
   text-align: center;
   color: #ffffff;
   display: block;
   font-size: 16px;
   text-transform: uppercase;
   line-height: normal;
}

.banne-list b {
   display: block;
   color: #ffffff;
   font-size: 28px;
   visibility: hidden;
   opacity: 0;
   font-weight: normal;
   line-height: normal;
   text-align: center;
   margin-bottom: 12px;
}

.banne-list span {
   display: block;
   margin-top: 14px;
   font-size: 12px;
   text-align: center;
   color: #ffffff;
   text-align: center;
   text-transform: uppercase;
   opacity: 0;
   visibility: hidden;
}

.banne-list li.on {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
}

.banne-list li.on h3 {
   visibility: visible;
   opacity: 1;
}

.banne-list li.on small {
   opacity: 1;
   visibility: visible;
}

.banne-list li.on b {
   opacity: 1;
   visibility: visible;
}

.banne-list li.on span {
   opacity: 1;
   visibility: visible;
}

.bamnline {
   width: 100%;
   height: 2px;
   background: #fff;
   margin-bottom: 30px;
}

.bamnline span {
   display: block;
   width: 0;
   height: 2px;
   background: #11a1e1;
}

.bamnline.load span {
   width: 100%;
   transition: 3.6s linear;
   -webkit-transition: 3.6s linear;
   -moz-transition: 3.6s linear;
}

.mousebox {
   position: absolute;
   width: 52px;
   left: 50%;
   margin-left: -15px;
   bottom: 58px;
   z-index: 20;
}

.mouse {
   width: 31px;
   height: 50px;
   margin: auto;
   position: relative;
   background: url(/images/mouse.png) center no-repeat;
}

.mouse i {
   width: 13px;
   height: 8px;
   display: block;
   background: url(/images/arrow.png) no-repeat center center;
   position: absolute;
   left: 9px;
   bottom: 13px;
   animation-delay: 0ms;
   animation-duration: 1340ms;
   animation-iteration-count: infinite;
   animation-name: arrow;
   animation-play-state: running;
   animation-timing-function: linear;
}

.mousebox span {
   color: #fff;
   margin-top: 10px;
   display: block;
   text-alignce;
}

@-webkit-keyframes arrow {
   0% {
      -webkit-transform: translate3d(0px, 0px, 0px);
   }

   50% {
      -webkit-transform: translate3d(0px, -8px, 0px);
   }

   100% {
      -webkit-transform: translate3d(0px, 0px, 0px);
   }
}

@keyframes arrow {
   0% {
      -webkit-transform: translate3d(0px, 0px, 0px);
   }

   50% {
      -webkit-transform: translate3d(0px, -8px, 0px);
   }

   100% {
      -webkit-transform: translate3d(0px, 0px, 0px);
   }
}

.banner .flex-control-nav {
   position: absolute;
   left: 36px;
   bottom: 50%;
   z-index: 20;
   margin-bottom: -28px;
}

.banner .flex-control-nav li {
   margin-bottom: 12px;
}

.banner .flex-control-nav li:last-child {
   margin-bottom: 0;
}

.banner .flex-control-nav li a span {
   display: block;
   width: 9px;
   height: 9px;
   border-radius: 50%;
   border: 1px solid #fff;
   transition: 310ms;
   text-indent: 999px;
   overflow: hidden;
}

.banner .flex-control-nav li a.flex-active span {
   background: #fff;
}

.tabvideo {
   position: absolute;
   right: 38px;
   bottom: 60px;
   z-index: 88;
   width: 144px;
}

.tabvideo .itemtxt {
   color: #fff;
   text-align: center
}

.homevideo b {
   color: #fff;
   font-size: 14px;
   font-weight: normal;
   line-height: normal;
   margin-bottom: 6px;
   line-height: 1;
   text-align: left;
   display: block;
}

.videoIbox {
   position: relative;
   line-height: 1;
}

.videoIbox {
   padding: 2px;
   background: #fff;
}

.videoIbox .img {
   display: block;
   width: 100%;
   height: auto;
   transition: 340ms;
   line-height: 0;
}

.videoIbox span {
   display: block;
   width: 12px;
   height: 19px;
   background: url(/images/vides.png) center no-repeat;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -6px;
   margin-top: -9px;
   z-index: 30;
}

.video-info b {
   display: block;
   text-align: center;
   color: #7b6c64;
   font-size: 18px;
   font-weight: normal;
   margin-top: 22px;
   line-height: 1.2;
   transition: 330ms;
}

.video-info:hover .videoIbox .img {
   transform: scale(0.98);
   -webkit-transform: scale(0.98);
   -moz-transform: scale(0.98);
}

.video-info:hover b {
   color: #ee7133;
}

.vwrap {
   display: none;
   z-index: 1040;
   width: 100%;
   position: fixed;
   left: 0;
   top: 0;
}

.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: 860px;
   height: 480px;
   background-color: #fff;
   position: fixed;
   left: 50%;
   top: 50%;
   margin-top: -240px;
   margin-left: -430px;
}

.vwrap .videobox #videobox {
   width: 100%;
   display: inline-block;
   height: 100%;
   background: #80abde;
}

#videobox_wrapper {
   height: 100% !important;
}

.vwrap .close {
   z-index: 999;
   width: 24px;
   height: 24px;
   cursor: pointer;
   position: absolute;
   top: -28px;
   right: 0px;
}

.vwrap .close i {
   display: block;
   width: 24px;
   height: 24px;
   background: url(/images/close.png) no-repeat 50% 50%;
   -webkit-transition: 400ms;
   transition: 400ms;
}

.vwrap .close:hover i {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}

#videobox_display_button {
   background: none no-repeat !important;
}

.jwplayer .jwicon:hover {
   opacity: 1;
   filter: alpha(opacity=100);
}

.jwlogo,
.jwclick {
   display: none !important;
}


.mobile-news {
   position: absolute;
   right: 0;
   bottom: 0;
   width: 400px;
   background: rgba(17, 161, 225, 0.6);
   background: #11a1e1\9;
   filter: alpha(opacity=60);
   padding-right: 74px;
   z-index: 20;
   padding-left: 44px;
}

.mobile-news span {
   display: inline-block;
   float: left;
   color: #fff;
   font-size: 14px;
   line-height: 56px;
   padding-left: 8px;
   position: absolute;
   left: 0;
   top: 0;
}

.mobile-news marquee {
   display: inline-block;
   float: left;
   line-height: 40px;
   color: #ffffff;
   font-size: 14px;
   margin-left: 10px;
}

.mobile-news marquee a {
   color: #fff;
   margin-left: 8px;
   display: inline-block;
   padding: 6px 0px;
}

.new-box {
   margin-top: 18px;
}

.hotnew {
   width: 61.4%;
   float: left;
}

.hotnew h3 {
   line-height: normal;
   color: #646464;
   font-size: 14px;
   display: block;
   margin-left: 22px;
   padding-left: 22px;
   background: url(/images/dot1.png) left center no-repeat;
   font-weight: normal;
}

.newhots {
   margin-top: 20px;
   position: relative;
   height: 100%;
}

.newhots a {
   display: flex;
   height: 468px;
}

.newhots figure {
   display: block;
   line-height: normal;
   overflow: hidden;
   width: 64.8%;
   float: left;
}

.newhots figure img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   line-height: 0;
}

.newhots .hottext {
   width: 35.2%;
   float: left;
   background: #11a1e1;
   position: absolute;
   right: 0;
   top: 0;
   height: 100%;
}

.hottext time {
   display: block;
   width: 75px;
   height: 65px;
   background: #fff;
   line-height: normal;
}

.hottext time strong {
   display: block;
   line-height: 44px;
   color: #11a1e1;
   font-size: 42px;
   text-align: center;
   font-weight: normal;
}

.hottext time b {
   display: block;
   text-align: center;
   color: #11a1e1;
   line-height: normal;
   font-weight: normal;
}

.newvies {
   margin-top: 28px;
   padding: 0 12%;
}

.newvies h2 {
   color: #ffffff;
   font-size: 18px;
   line-height: 26px;
   padding-bottom: 34px;
   border-bottom: 1px solid #fff;
   font-weight: normal;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.newvies p {
   color: #ffffff;
   font-size: 13px;
   margin-top: 20px;
}

.newvies span {
   display: inline-block;
   color: #fff;
   position: absolute;
   left: 12%;
   bottom: 30px;
}

.newvies span:before {
   content: "";
   width: 0;
   height: 1px;
   background: #fff;
   position: absolute;
   left: 0;
   bottom: 0;
   transition: 254ms;
}

.newvies span:hover:before {
   width: 100%;
}

.collective-news {
   width: 38.6%;
   float: left;
}

.collecte-t {
   margin-left: 28px;
}

.collecte-t a {
   display: inline-block;
   float: left;
   margin-right: 46px;
   color: #646464;
   font-size: 14px;
   padding-left: 20px;
   line-height: normal;
   position: relative;
}

.collecte-t a:last-child {
   margin-right: 0;
}

.collecte-t a:before {
   content: "";
   width: 12px;
   height: 12px;
   background: url(/images/dot1.png) center no-repeat;
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -6px;
   opacity: 0;
   visibility: hidden;
   transition: 333ms ease-in-out;
}

.collecte-t a:hover:before,
.collecte-t a.on:before {
   opacity: 1;
   visibility: visible;
}

.newindex {
   padding-top: 44px;
   position: relative;
}

.new-list li {
   background: #fff;
   transition: 340ms;
   overflow: hidden;
   position: relative;
}

.new-list li a:before {
   content: "";
   width: 100%;
   height: 100%;
   background: #eeeeee;
   position: absolute;
   left: 0;
   top: 100%;
   transition: 320ms;
}

.new-list li a:after {
   content: "";
   width: 5px;
   height: 10px;
   position: absolute;
   right: 16px;
   top: 50%;
   margin-top: -5px;
   background: url(/images/arrow.png) center no-repeat;
   opacity: 0;
   visibility: hidden;
   transition: 320ms 0ms;
}

.new-list li time {
   display: inline-block;
   float: left;
   margin-left: 30px;
   color: #969696;
   font-size: 12px;
   line-height: 35px;
   position: relative;
   z-index: 5;
}

.new-list li span {
   display: inline-block;
   float: left;
   margin-left: 25px;
   color: #646464;
   font-size: 14px;
   line-height: 35px;
   position: relative;
   z-index: 5;
   width: 384px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.new-list li:hover a:before {
   top: 0;
}

.new-list li:hover a:after {
   opacity: 1;
   visibility: visible;
   right: 7px;
   transition: 320ms 200ms;
}

.new-more {
   position: absolute;
   right: 13px;
   top: -19px;
}

.new-more a {
   display: inline-block;
   width: 12px;
   height: 12px;
   position: relative;
   margin-right: 13px;
   margin-top: 1px;
}

.new-more a:before {
   content: "";
   width: 12px;
   height: 2px;
   background: #b4b4b4;
   position: absolute;
   left: 0;
   top: 5px;
   transition: 320ms 0ms;
}

.new-more a:after {
   content: "";
   width: 2px;
   height: 12px;
   background: #b4b4b4;
   position: absolute;
   left: 5px;
   top: 0;
   transition: 320ms 0ms;
}

.new-more a:hover:before,
.new-more a:hover:after {
   background: #11a1e1;
}


.owl-carousel .owl-wrapper:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.owl-carousel {
   display: none;
   position: relative;
   width: 100%;
   -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
   display: none;
   position: relative;
   -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
   -webkit-transition: height 500ms ease-in-out;
   -moz-transition: height 500ms ease-in-out;
   -ms-transition: height 500ms ease-in-out;
   -o-transition: height 500ms ease-in-out;
   transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
   float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
   cursor: pointer;
}

.owl-controls {
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing {
   cursor: url(/css/grabbing.png) 8 8, move;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   height: 100%;
}

.business-list.owl-carousel .owl-wrapper {
   height: 260px;
}

.owl-theme .owl-controls {
   text-align: center;
}

.owl-theme .owl-controls .owl-buttons div {
   color: #FFF;
   display: inline-block;
   zoom: 1;
   *display: inline;
   /*IE7 life-saver */
   margin: 5px;
   padding: 3px 10px;
   font-size: 12px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
   background: #869791;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
   filter: Alpha(Opacity=100);
   /*IE7 fix*/
   opacity: 1;
   text-decoration: none;
}

.owl-theme .owl-controls .owl-page {
   display: inline-block;
   zoom: 1;
   *display: inline;
   /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
   display: block;
   width: 12px;
   height: 12px;
   margin: 5px 7px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
   height: auto;
   width: auto;
   color: #FFF;
   padding: 2px 10px;
   font-size: 12px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 30px;
}

.owl-item.loading {
   min-height: 150px;
   background: url(/images/AjaxLoader.gif) no-repeat center center;
}

.owl-origin {
   -webkit-perspective: 1200px;
   -webkit-perspective-origin-x: 50%;
   -webkit-perspective-origin-y: 50%;
   -moz-perspective: 1200px;
   -moz-perspective-origin-x: 50%;
   -moz-perspective-origin-y: 50%;
   perspective: 1200px;
}

.owl-fade-out {
   z-index: 10;
   -webkit-animation: fadeOut .7s both ease;
   -moz-animation: fadeOut .7s both ease;
   animation: fadeOut .7s both ease;
}

.owl-fade-in {
   -webkit-animation: fadeIn .7s both ease;
   -moz-animation: fadeIn .7s both ease;
   animation: fadeIn .7s both ease;
}

.owl-backSlide-out {
   -webkit-animation: backSlideOut 1s both ease;
   -moz-animation: backSlideOut 1s both ease;
   animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
   -webkit-animation: backSlideIn 1s both ease;
   -moz-animation: backSlideIn 1s both ease;
   animation: backSlideIn 1s both ease;
}

.owl-goDown-out {
   -webkit-animation: scaleToFade .7s ease both;
   -moz-animation: scaleToFade .7s ease both;
   animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
   -webkit-animation: goDown .6s ease both;
   -moz-animation: goDown .6s ease both;
   animation: goDown .6s ease both;
}

.owl-fadeUp-in {
   -webkit-animation: scaleUpFrom .5s ease both;
   -moz-animation: scaleUpFrom .5s ease both;
   animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
   -webkit-animation: scaleUpTo .5s ease both;
   -moz-animation: scaleUpTo .5s ease both;
   animation: scaleUpTo .5s ease both;
}

.business {
   margin-top: 20px;
}

.business-t {
   margin-bottom: 20px;
}

.business-list {
   margin-top: 16px;
}

.business-t h3 {
   color: #000000;
   font-size: 14px;
   line-height: normal;
   font-weight: normal;
   margin-left: 22px;
   padding-left: 22px;
   background: url(/images/dot1.png) left center no-repeat;
   float: left;
}

.business-t a {
   display: block;
   float: right;
   width: 12px;
   height: 12px;
   position: relative;
   margin-right: 13px;
   margin-top: 1px;
}

.business-t a:before {
   content: "";
   width: 12px;
   height: 2px;
   background: #b4b4b4;
   position: absolute;
   left: 0;
   top: 5px;
   transition: 320ms 0ms;
}

.business-t a:after {
   content: "";
   width: 2px;
   height: 12px;
   background: #b4b4b4;
   position: absolute;
   left: 5px;
   top: 0;
   transition: 320ms 0ms;
}

.business-t a:hover:before,
.business-t a:hover:after {
   background: #11a1e1;
}

.business-info {
   padding: 0 15px;
}

.business-wr {
   border: 1px solid #d8d8d8;
   transition: 288ms;
   height: 258px;
   position: relative;
}

.business-wr:before {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   background: #11a1e1;
   opacity: 0;
   visibility: hidden;
   transition: 360ms;
}

.business-list .owl-item:hover .business-info .business-wr {
   border-color: #11a1e1;
}

.business-list .owl-item:hover .business-info .business-wr:before {
   opacity: 1;
   visibility: visible;
}

.business-list .owl-item:hover .business-info .business-wr .bussine span {
   color: #fff;
}

.business-list .owl-item:nth-child(1):hover .business-info .business-wr .bussine b {
   background: url(/images/buss1_1.png) center no-repeat;
}

.business-list .owl-item:nth-child(2):hover .business-info .business-wr .bussine b {
   background: url(/images/buss2_1.png) center no-repeat;
}

.business-list .owl-item:nth-child(3):hover .business-info .business-wr .bussine b {
   background: url(/images/buss3_1.png) center no-repeat;
}

.business-list .owl-item:nth-child(4):hover .business-info .business-wr .bussine b {
   background: url(/images/buss4_1.png) center no-repeat;
}

.business-list .owl-item:nth-child(5):hover .business-info .business-wr .bussine b {
   background: url(/images/buss5_1.png) center no-repeat;
}

.business-list .owl-item:nth-child(6):hover .business-info .business-wr .bussine b {
   background: url(/images/buss5_1.png) center no-repeat;
}

.business-list .owl-item:hover .buss-numble {
   bottom: 26px;
   visibility: visible;
   opacity: 1;
   transition: 320ms 150ms;
}

.business-wr a {
   display: block;
   width: 100%;
   height: 100%;
}

.bussine {
   position: absolute;
   left: 0;
   width: 100%;
   top: 50%;
   margin-top: -36px;
   text-align: center;
}

.bussine b {
   display: block;
   width: 36px;
   height: 32px;
   margin: auto;
   line-height: normal;
   margin-bottom: 20px;
   transition: 330ms;
   transform: scale(1.15);
   -webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
}

.bussine span {
   display: block;
   text-align: center;
   line-height: normal;
   transition: 320ms;
   color: #323232;
   font-size: 16px;
}

.business-list .owl-item:nth-child(1) .business-info .bussine b {
   background: url(/images/buss1.png) center no-repeat;
}

.business-list .owl-item:nth-child(2) .business-info .bussine b {
   background: url(/images/buss2.png) center no-repeat;
}

.business-list .owl-item:nth-child(3) .business-info .bussine b {
   background: url(/images/buss3.png) center no-repeat;
}

.business-list .owl-item:nth-child(4) .business-info .bussine b {
   background: url(/images/buss4.png) center no-repeat;
}

.business-list .owl-item:nth-child(5) .business-info .bussine b {
   background: url(/images/buss5.png) center no-repeat;
}

.business-list .owl-item:nth-child(6) .business-info .bussine b {
   background: url(/images/buss5.png) center no-repeat;
}

.business-list .owl-pagination {
   margin-top: 28px;
   line-height: normal;
}

.business-list.owl-theme .owl-controls .owl-page span {
   padding: 0;
   margin: 0;
   width: 23px;
   height: 10px;
   border-radius: 5px;
   text-indent: 999px;
   overflow: hidden;
   background: #bfbfbf;
   transition: 323ms;
}

.business-list.owl-theme .owl-controls .owl-page {
   margin-right: 10px;
}

.business-list.owl-theme .owl-controls .owl-page:last-child {
   margin-right: 0;
}

.business-list.owl-theme .owl-controls .owl-page.active span {
   width: 43px;
   background: #11a1e1;
}

.buss-numble {
   position: absolute;
   left: 50%;
   margin-left: -39px;
   bottom: 20px;
   width: 78px;
   opacity: 0;
   visibility: hidden;
   transition: 340ms 0ms;
}

.buss-numble p {
   text-align: center;
   color: #ffffff;
   font-size: 13px;
   line-height: 14px;
   font-family: Arial;
}

.buss-numble:before {
   content: "";
   width: 7px;
   height: 13px;
   background: url(/images/arrow1.png) center no-repeat;
   position: absolute;
   left: 0;
   top: 0;
}

.buss-numble:after {
   content: "";
   width: 7px;
   height: 13px;
   background: url(/images/arrow2.png) center no-repeat;
   position: absolute;
   right: 0;
   top: 0;
}

.special-box {
   margin-top: 64px;
}

.special-item {
   width: 25%;
   float: left;
   position: relative;
}

.special-item figure {
   display: block;
   line-height: normal;
   overflow: hidden;
}

.special-item figure img {
   display: block;
   width: 100%;
   height: auto;
   line-height: 0;
}

.special-wr {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   padding: 20px 38px 23px;
   box-sizing: border-box;
}

.special-wr h3 {
   color: #323232;
   font-size: 20px;
   padding-top: 30px;
   line-height: normal;
   padding-bottom: 12px;
   border-bottom: 1px solid #c9c9c9;
   position: relative;
}

.special-wr h3:before {
   content: "";
   width: 35px;
   height: 3px;
   background: #11a1e1;
   position: absolute;
   left: 0;
   top: 0;
}

.special-list {
   margin-top: 15px;
}

.special-list li {
   margin-bottom: 5px;
}

.special-list li a {
   display: block;
   color: #646464;
   font-size: 14px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.special-list li a:hover {
   color: #11a1e1;
}

.chechmore {
   position: absolute;
   left: 38px;
   bottom: 22px;
}

.chechmore a {
   display: block;
   width: 12px;
   height: 12px;
}

.chechmore a:before {
   content: "";
   width: 12px;
   height: 2px;
   background: #11a1e1;
   position: absolute;
   left: 0;
   top: 5px;
   transition: 320ms 0ms;
}

.chechmore a:after {
   content: "";
   width: 2px;
   height: 12px;
   background: #11a1e1;
   position: absolute;
   left: 5px;
   top: 0;
   transition: 320ms 0ms;
}

.special-img {
   width: 100%;
   float: left;
   position: relative;
   overflow: hidden;
}

.special-img figure {
   display: block;
   width: 100%;
   line-height: normal;
   overflow: hidden;
}

.special-img figure img {
   display: block;
   width: 100%;
   height: auto;
   transition: 430ms;
}

.special-img figcaption {
   display: block;
   color: #ffffff;
   font-size: 16px;
   line-height: normal;
   position: absolute;
   left: 23px;
   bottom: 16px;
   font-weight: bold;
}

.special-img span {
   display: block;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
   border: 2px solid #11a1e1;
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0;
   visibility: hidden;
   transition: 430ms;
   z-index: 5;
   transform: scale(0.9);
   -webkit-transform: scale(0.9);
   -moz-transform: scale(0.9);
}

.special-img a {
   display: block;
   width: 100%;
   height: 100%;
}

.special-img:hover span {
   opacity: 1;
   visibility: visible;
   transform: scale(1);
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
}

.special-img:hover figure img {
   transform: scale(1.04);
   -webkit-transform: scale(1.04);
   -moz-transform: scale(1.04);
}

.special .owl-theme .owl-controls {
   position: absolute;
   display: block !important;
   right: 0;
   top: -42px;
}

.special .slick-prev,
.special .slick-next {
   width: 43px;
   height: 27px;
   text-indent: 999px;
   overflow: hidden;
   padding: 0;
   margin: 0;
   transition: 320ms;
   border-radius: 0;
   top: -42px;
   position: absolute;
   border: none;
   outline: none;
   right: 0;
}

.special .slick-prev {
   background: #b5b5b5 url(/images/arrow1.png) center no-repeat;
   border-right: 1px solid #a3c3d1;
   position: absolute;
   right: 44px;
   top: -42px;
   border: none;
   outline: none;
}

.special .slick-next {
   background: #b5b5b5 url(/images/arrow2.png) center no-repeat;
}

.special .slick-prev:hover {
   background: #11a1e1 url(/images/arrow1.png) 14px center no-repeat;
}

.special .slick-next:hover {
   background: #11a1e1 url(/images/arrow2.png) 22px center no-repeat;
}

.project {
   margin-top: 22px;
}

.exhibite {
   width: 100%;
   float: left;
   position: relative;
}

.project-info li {
   float: left;
   width: 100%;
}

.project-list {
   position: relative;
   overflow: hidden;
}

.projects {
   float: left;
   width: 25%;
   transition: 460ms ease-in-out;
   position: relative;
   overflow: hidden;
}

.projects span {
   display: block;
   width: 100%;
   height: 100%;
   box-sizing: border-box;
   position: absolute;
   left: 0;
   top: 0;
   z-index: 5;
   border: 2px solid #11a1e1;
   transition: 340ms 0ms;
   opacity: 0;
   visibility: hidden;
}

.projects figure {
   display: block;
   overflow: hidden;
   position: relative;
   line-height: normal;
}

.projects figure img {
   display: block;
   line-height: 0;
   position: relative;
   left: 50%;
   margin-left: -291px;
}

.projects figcaption {
   display: block;
   width: 100%;
   height: 42px;
   line-height: 42px;
   color: #ffffff;
   font-size: 16px;
   text-indent: 32px;
   background: rgba(0, 0, 0, 0.5);
   background: #000\9;
   filter: alpha(opacity=50);
   z-index: 10;
   position: absolute;
   left: 0;
   opacity: 0;
   visibility: hidden;
   bottom: -42px;
   transition: 430ms 0ms;
}

.projects:hover figcaption {
   bottom: 0;
   opacity: 1;
   visibility: visible;
   transition: 430ms 200ms;
}

.projects:hover span {
   opacity: 1;
   visibility: visible;
   transition: 340ms 200ms;
}

.projects.show {
   width: 40%;
}

.projects.hiden {
   width: 20%;
}

.project-list .flex-prev,
.project-list .flex-next {
   display: block;
   width: 58px;
   height: 58px;
   text-indent: 999px;
   overflow: hidden;
   position: absolute;
   top: 50%;
   margin-top: -29px;
   z-index: 20;
   transition: 320ms;
}

.project-list .flex-prev {
   left: 0;
   background: rgba(255, 255, 255, 0.5) url(../images/arrow3.png) center no-repeat;
   background: #fff url(../images/arrow3.png) center no-repeat\9;
   filter: alpha(opacity=50);
}

.project-list .flex-next {
   right: 0;
   background: rgba(255, 255, 255, 0.5) url(../images/arrow4.png) center no-repeat;
   background: #fff url(../images/arrow4.png) center no-repeat\9;
   filter: alpha(opacity=50);
}

.project-list .flex-prev:hover {
   background: #11a1e1 url(../images/arrow3.png) center no-repeat;
}

.project-list .flex-next:hover {
   background: #11a1e1 url(../images/arrow4.png) center no-repeat;
}

.magazine {
   width: 25%;
   float: left;
   position: relative;
   overflow: hidden;
}

.magazebg {
   display: block;
   width: 100%;
   height: auto;
   line-height: 0;
}

.magaze {
   position: relative;
   height: 368px;
   background: #eeeeee;
}

.magaze .magaze-wr {
   text-align: center;
   position: absolute;
   left: 0;
   top: 22px;
   width: 100%;
}

.magaze .magaze-wr figure {
   display: inline-block;
   padding: 9px;
   background: #fff;
   margin: auto;
}

.magaze .magaze-wr figure a {
   display: none;
   width: auto;
}

.magaze .magaze-wr figure a.show {
   display: block;
}

.magaze-sele {
   display: block;
   margin: auto;
   margin-top: 22px;
   border: none;
   color: #000000;
   font-size: 16px;
   padding-left: 5px;
   padding-right: 30px;
   line-height: 20px;
   background: transparent url(../images/down1.png) 97% center no-repeat;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   cursor: pointer;
   outline: none;
   font-family: 微软雅黑;
}

.footer-box {
   padding-top: 60px;
   background: #f8f8f8;
   overflow: hidden;
}

.footer {
   padding-bottom: 30px;
}

.footeradd {
   display: block;
   font-style: normal;
   float: left;
   margin-left: 50px;
}

.footeradd span {
   display: inline-block;
   float: left;
   margin-right: 42px;
   line-height: 16px;
   color: #323232;
   font-size: 14px;
   padding-left: 22px;
}

.footeradd span:nth-child(1) {
   background: url(/images/addres1.png) left center no-repeat;
}

.footeradd span:nth-child(2) {
   background: url(/images/addres2.png) left center no-repeat;
}

.footeradd span:nth-child(3) {
   background: url(/images/addres3.png) left center no-repeat;
}

.footer-list {
   float: right;
   margin-right: 34px;
   position: relative;
   top: -1px;
}

.footer-list li {
   float: left;
}

.footer-list li a {
   display: inline-block;
   line-height: normal;
   color: #323232;
   padding: 0 8px;
   border-right: 1px solid #a5a5a5;
}

.footer-list li:last-child a {
   border-right: none;
}

.footer-list li a:hover {
   color: #11a1e1;
}

.footeredite {
   background: #11a1e1;
}

.eadite-left {
   margin-left: 50px;
}

.eadite-left p,
.eadite-left a {
   display: inline-block;
   float: left;
   color: #ffffff;
   line-height: 37px;
   margin-right: 16px;
}

.eadite-left a:hover {
   color: #323232;
}

.project-mbile {
   position: relative;
   display: none !important;
}

.project-inf {
   position: relative;
   overflow: hidden;
}

.project-inf img {
   width: 100%;
   height: auto;
   display: block;
}

.project-mbile .flex-prev,
.project-mbile .flex-next {
   display: block;
   width: 58px;
   height: 58px;
   text-indent: 999px;
   overflow: hidden;
   position: absolute;
   top: 50%;
   margin-top: -29px;
   z-index: 20;
   transition: 320ms;
}

.project-mbile .flex-prev {
   left: 0;
   background: rgba(255, 255, 255, 0.5) url(../images/arrow3.png) center no-repeat;
   background: #fff url(../images/arrow3.png) center no-repeat\9;
   filter: alpha(opacity=50);
}

.project-mbile .flex-next {
   right: 0;
   background: rgba(255, 255, 255, 0.5) url(../images/arrow4.png) center no-repeat;
   background: #fff url(../images/arrow4.png) center no-repeat\9;
   filter: alpha(opacity=50);
}

.project-mbile .flex-prev:hover {
   background: #11a1e1 url(../images/arrow3.png) center no-repeat;
}

.project-mbile .flex-next:hover {
   background: #11a1e1 url(../images/arrow4.png) center no-repeat;
}

.project-inf figcaption {
   display: block;
   width: 100%;
   height: 42px;
   line-height: 42px;
   color: #ffffff;
   font-size: 16px;
   text-indent: 32px;
   background: rgba(0, 0, 0, 0.5);
   background: #000\9;
   filter: alpha(opacity=50);
   z-index: 10;
   position: absolute;
   left: 0;
   opacity: 0;
   visibility: hidden;
   bottom: -42px;
   transition: 430ms 0ms;
   z-index: 20;
}

.project-inf.on figcaption {
   opacity: 1;
   visibility: visible;
   bottom: 0;
}

.pbanner {
   position: relative;
   overflow: hidden;
   margin-top: 82px;
}

.pbanner img {
   display: block;
   width: 100%;
   height: auto;
   line-height: 0;
}

.pbannertext {
   position: absolute;
   left: 50%;
   margin-left: -550px;
   bottom: 25px;
}

.pbannertext h3 {
   color: #ffffff;
   font-family: "groteskiaregular";
   font-size: 62px;
   font-weight: normal;
   line-height: 0.9;
}

.pbannertext span {
   display: block;
   color: #fff;
   font-size: 20px;
   line-height: normal;
   margin-top: 4px;
}

.common-fix {
   background: #898989;
}

.common-fix li {
   width: 33.3333333%;
   float: left;
   position: relative;
   overflow: hidden;
}

.common-fix li a {
   display: block;
   height: 52px;
   text-align: center;
   position: relative;
   z-index: 5;
}

.common-fix li a:before {
   width: 1px;
   height: 100%;
   background: #a2a2a2;
   content: "";
   position: absolute;
   right: 0;
   top: 0;
}

.common-fix li:last-child a:before {
   display: none;
}

.common-fix li a i {
   display: inline-block;
   padding-left: 24px;
   font-style: normal;
   color: #ffffff;
   font-size: 14px;
   line-height: 52px;
   margin: auto;
   position: relative;
   z-index: 6;
   transition: 320ms;
}

.common-fix li:before {
   content: "";
   width: 100%;
   height: 100%;
   background: #253580;
   position: absolute;
   left: 0;
   top: 100%;
   transition: 310ms;
}

.common-fix li:hover:before,
.common-fix li.current:before {
   top: 0;
}

.common-fix li:hover i:before,
.common-fix li.current i:before {
   opacity: 1;
   visibility: visible;
}

.common-fix li a i:before {
   width: 12px;
   height: 12px;
   content: "";
   background: url(/images/dot1.png) left center no-repeat;
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -6px;
   transition: 320ms;
   opacity: 0;
   visibility: hidden;
}

.member-box {
   padding: 62px 0;
   background: #f8f8f8;
}

.member-list li {
   width: 30.6%;
   float: left;
   margin-right: 4.1%;
   margin-bottom: 28px;
}

.member-list li:nth-child(3n+3) {
   margin-right: 0;
}

.member-list li figure {
   display: block;
   position: relative;
   line-height: normal;
   overflow: hidden;
}

.member-list li figure img {
   display: block;
   width: 100%;
   height: auto;
   line-height: 0;
   transition: 366ms;
}

.member-list li figure mark {
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   background: rgba(37, 53, 128, 0.8);
   background: #253580\9;
   filter: alpha(opacity=80);
   opacity: 0;
   visibility: hidden;
   transition: 466ms 0ms;
}

.member-list li figure mark span {
   display: block;
   width: 145px;
   height: 47px;
   border: 1px solid #fff;
   text-align: center;
   line-height: 47px;
   color: #fff;
   font-size: 14px;
   position: absolute;
   left: 50%;
   margin-left: -73px;
   top: 50%;
   margin-top: -25px;
   transform: translateY(30px);
   -webkit-transform: translateY(30px);
   -moz-transform: translateY(30px);
   visibility: hidden;
   transition: 384ms 0ms;
   opacity: 0;
}

.member-list li figcaption {
   display: block;
   margin-top: 2px;
   position: relative;
   height: 38px;
   position: relative;
   overflow: hidden;
}

.member-list li figcaption:before {
   content: "";
   width: 100%;
   height: 100%;
   background: #2a3c90;
   position: absolute;
   left: 0;
   top: 100%;
   transition: 388ms;
}

.member-list li figcaption span {
   display: block;
   color: #646464;
   font-size: 13px;
   position: relative;
   line-height: 38px;
   padding-left: 20px;
}

.member-list li figcaption span:before {
   content: "";
   width: 2px;
   height: 24px;
   background: #a0a0a0;
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -12px;
   transition: 320ms;
}

.member-list li:hover figure mark {
   opacity: 1;
   visibility: visible;
}

.member-list li:hover figure mark span {
   visibility: visible;
   transform: translateY(0px);
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   opacity: 1;
}

.member-list li:hover figcaption:before {
   top: 0;
}

.member-list li:hover figcaption span {
   color: #fff;
}

.member-list li:hover figcaption span:before {
   opacity: 0;
   visibility: hidden;
}

.member-list li figure mark span:hover {
   background: #fff;
   color: #2a3c90;
}

/*member-view*/
.member-v {
   background: #f8f8f8;
   padding-bottom: 50px;
}

.member-view {
   position: relative;
   margin: auto;
   margin-top: -246px;
   width: 1054px;
}

.member-view h1 {
   font-weight: normal;
   font-size: 30px;
   line-height: normal;
   margin-left: 86px;
   margin-bottom: 35px;
   padding-bottom: 20px;
   position: relative;
   color: #fff;
}

.member-view h1:before {
   content: "";
   width: 72px;
   height: 5px;
   background: #fff;
   position: absolute;
   left: 0;
   bottom: 0;
}

.member-b {
   padding: 62px 85px 70px;
   background: #fff;
}

.member-banner {
   position: relative;
   padding: 0 10px;
}

.member-banner li img {
   display: block;
   width: 100%;
   height: auto;
}

.member-banner .flex-prev,
.member-banner .flex-next {
   display: block;
   width: 21px;
   height: 39px;
   text-indent: 999px;
   overflow: hidden;
   transition: 344ms;
   position: absolute;
   top: 50%;
   margin-top: -20px;
}

.member-banner .flex-prev {
   background: url(/images/prev.png) left center no-repeat;
   background-size: 100% 100%;
   left: -32px;
}

.member-banner .flex-next {
   background: url(/images/next.png) left center no-repeat;
   background-size: 100% 100%;
   right: -32px;
}

.member-banner .flex-prev:hover {
   background: url(/images/prev1.png) left center no-repeat;
}

.member-banner .flex-next:hover {
   background: url(/images/next1.png) left center no-repeat;
}

.member-tex {
   margin-top: 36px;
}

.member-tex p {
   color: #646464;
   font-size: 13px;
   margin-bottom: 8px;
   line-height: 2;
}

.member-tex img {
   display: inline;
   width: auto;
   max-width: 100% !important;
   height: auto !important;
}

.member-add {
   margin-top: 66px;
}

.member-add span {
   display: block;
   color: #646464;
   font-size: 13px;
}

.hotnew-box {
   position: relative;
}

.hotnew-box .flex-control-nav {
   position: absolute;
   left: 32%;
   text-align: center;
   bottom: 10px;
   z-index: 20;
}

.hotnew-box .flex-control-nav li {
   display: inline-block;
   margin-right: 10px;
}

.hotnew-box .flex-control-nav li:last-child {
   margin-right: 0;
}

.hotnew-box .flex-control-nav li a span {
   display: block;
   width: 9px;
   height: 9px;
   border-radius: 50%;
   border: 1px solid #fff;
   transition: 310ms;
   text-indent: 999px;
   overflow: hidden;
}

.hotnew-box .flex-control-nav li a.flex-active span {
   background: #fff;
}

/*党的建设*/
.pbannertext1 h3 {
   font-size: 30px !important;
}

.dynamic-box {
   padding: 50px 0 45px;
   background: #f8f8f8;
}

.dynamic-list {
   padding-bottom: 42px;
}

.padbo {
   padding-top: 0;
}

.dynamic-list li {
   position: relative;
   overflow: hidden;
}

.dynamic-list li:before {
   content: "";
   width: 100%;
   height: 100%;
   background: #fff;
   position: absolute;
   left: 0;
   top: 100%;
   transition: 222ms;
}

.dynamics {
   position: relative;
}

.dynamics time {
   display: inline-block;
   float: left;
   color: #969696;
   line-height: 30px;
}

.dynamics span {
   display: inline-block;
   float: left;
   line-height: 30px;
   margin-left: 50px;
   color: #323232;
   font-size: 13px;
}

.dynamics b {
   display: block;
   width: 15px;
   height: 15px;
   float: right;
   position: relative;
   margin-right: 18px;
   margin-top: 8px;
   opacity: 0;
   visibility: hidden;
   transform: scale(0.88);
   -webkit-transform: scale(0.88);
   -moz-transform: scale(0.88);
   transition: 320ms 0ms;
}

.dynamics b:before {
   content: "";
   width: 100%;
   height: 1px;
   background: #a0a0a0;
   position: absolute;
   left: 0;
   top: 7px;
}

.dynamics b:after {
   content: "";
   width: 1px;
   height: 100%;
   background: #a0a0a0;
   position: absolute;
   left: 7px;
   top: 0;
}

.dynamic-list li:hover:before {
   top: 0;
}

.dynamic-list li:hover .dynamics b {
   opacity: 1;
   visibility: visible;
   transform: scale(1) rotate(-180deg);
   -webkit-transform: scale(1) rotate(-180deg);
   -moz-transform: scale(1) rotate(-180deg);
   transition: 320ms 120ms;
}

.pageList {
   padding-top: 13px;
   border-top: 1px solid #a0a0a0;
   text-align: center;
}

.pageList .pageprev {
   float: left;
   width: 94px;
   height: 44px;
   border: 1px solid #a0a0a0;
   line-height: 44px;
   color: #000000;
   margin: 0;
}

.pageList .pagenext {
   float: right;
   width: 94px;
   height: 44px;
   border: 1px solid #a0a0a0;
   line-height: 44px;
   color: #000000;
   margin: 0;
}

.pageList .pageprev:hover {
   color: #fff;
   border: 1px solid #2a3c90;
   background: #2a3c90;
}

.pageList .pagenext:hover {
   color: #fff;
   border: 1px solid #2a3c90;
   background: #2a3c90;
}

.pageList2 .pageprev:hover a {
   border: none;
   color: #fff;
}

.pageList2 .pagenext:hover a {
   border: none;
   color: #fff;
}

.pageList2 .facklist:hover a {
   border: none;
}

.pageList a,
.pageList span {
   display: inline-block;
   padding: 0px 12px;
   text-align: center;
   line-height: 22px;
   border: 1px solid #f8f8f8;
   color: #000000;
   margin: 12px 2px 0px;
}

.pageList a:hover,
.pageList span {
   border-color: #e60012;
}

/*身边楷模*/
.sidemodel {
   margin-bottom: 36px;
}

.sidemodel li {
   width: 31%;
   float: left;
   margin-right: 3.5%;
   margin-bottom: 26px;
}

.sidemodel li:nth-child(3n+3) {
   margin-right: 0;
}

.sidemodel li figure {
   display: block;
   line-height: normal;
   overflow: hidden;
   aspect-ratio: 342 / 230;
}

.sidemodel li figure img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
   line-height: 0;
   transition: 488ms;
}

.sidemodel li figcaption {
   display: block;
   line-height: normal;
   padding-top: 14px;
   padding-left: 12px;
   padding-bottom: 38px;
   position: relative;
   color: #323232;
   font-size: 14px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   transition: 360ms;
}

.sidemodel li figcaption:before {
   content: "";
   width: 0;
   height: 3px;
   background: #253580;
   position: absolute;
   left: 0;
   bottom: 0;
   transition: 365ms ease-in-out;
}

.sidemodel li:hover figure img {
   transform: scale(1.04);
   -webkit-transform: scale(1.04);
   -moz-transform: scale(1.04);
}

.sidemodel li:hover figcaption {
   background: #fff;
}

.sidemodel li:hover figcaption:before {
   width: 100%;
}

.leader li .dynamics i {
   display: block;
   width: 14px;
   height: 14px;
   float: right;
   background: url(/images/load.png) center no-repeat;
   margin-right: 12px;
   margin-top: 9px;
   opacity: 0;
   visibility: hidden;
   transition: 320ms 0ms;
}

.leader li .dynamics b {
   margin-right: 30px;
}

.leader li:hover .dynamics i {
   opacity: 1;
   visibility: visible;
   transition: 360ms 180ms;
}

/*司法申明*/
.declarate-box {
   padding: 38px 0 200px;
   background: #f8f8f8;
}

.declarate-info {
   margin-bottom: 34px;
}

.declarate-info:last-child {
   margin-bottom: 0;
}

.declarate-info p {
   color: #646464;
   font-size: 13px;
   line-height: 2;
}

.declarate-info h3 {
   color: #253580;
   font-size: 13px;
   margin-bottom: 9px;
   line-height: normal;
}

.declarate-info1 p {
   text-indent: 26px;
}

/*人才发展*/
.commonbg {
   position: relative;
   background: #f8f8f8;
   padding: 40px 0px;
}

.development {
   width: 860px;
   margin: auto;
}

.development p {
   color: #646464;
   font-size: 13px;
   line-height: 2;
}

.development img {
   display: block;
   line-height: normal;
   width: 100%;
   height: auto;
   margin-top: 32px;
}

.menu-wr {
   position: relative;
}

.common-menu {
   position: absolute;
   z-index: 20;
   right: 12.5%;
   top: -128px;
   width: 160px;
   transition: 344ms ease-in-out;
}

.common-menu.scoll1 {
   position: fixed;
   top: 66px;
   transition: 344ms ease-in-out;
}

.common-logo {
   height: 128px;
   background: url(/images/menus.jpg) center no-repeat;
   background-size: cover;
}

.develops {
   margin-left: 50px;
   padding-top: 51px;
   position: relative;
}

.develops:before {
   content: "";
   width: 70px;
   height: 2px;
   background: #fff;
   position: absolute;
   left: 0;
   top: 36px;
}

.develops span {
   display: block;
   color: #ffffff;
   font-size: 14px;
   line-height: 1.4;
}

.innmenu {
   padding: 18px 0 20px;
   border: 1px solid #253580;
   background: #fff;
}

.innmenu li {
   position: relative;
   margin-bottom: 1px;
}

.innmenu li:before {
   content: "";
   width: 0;
   height: 29px;
   line-height: 29px;
   background: #2a3c90;
   position: absolute;
   left: 50%;
   top: 0;
   transition: 310ms ease-in-out;
}

.innmenu li a {
   display: block;
   line-height: 29px;
   position: relative;
   z-index: 5;
   color: #000000;
   font-size: 13px;
   text-align: center;
}

.innmenu li a:before {
   content: "";
   width: 6px;
   height: 11px;
   background: url(/images/arrow5.png) center no-repeat;
   position: absolute;
   left: 11px;
   top: 50%;
   margin-top: -5px;
   opacity: 0;
   visibility: hidden;
   transition: 260ms 0ms;
}

.innmenu li:hover:before,
.innmenu li.on:before {
   width: 100%;
   left: 0;
}

.innmenu li:hover a,
.innmenu li.on a {
   color: #fff;
}

.innmenu li:hover a:before,
.innmenu li.on a:before {
   opacity: 1;
   visibility: visible;
   transition: 280ms 220ms;
}

.menusd {
   display: none;
   position: relative;
   width: 860px;
   margin: auto;
   z-index: 30;
}

.menusd span {
   display: block;
   height: 58px;
   position: relative;
   background: #a0a0a0;
   text-align: center;
   line-height: 58px;
   cursor: pointer;
   color: #fff;
   font-size: 16px;
   transition: 430ms background;
}

.menusd.on span {
   background: #253580;
}

.menusd.on span:before {
   transform: rotate(180deg);
}

.menusd span:before {
   content: "";
   width: 17px;
   height: 10px;
   position: absolute;
   right: 24px;
   top: 50%;
   margin-top: -5px;
   background: url(/images/down2.png) center no-repeat;
   transition: 266ms ease-in-out;
}

.menus-down {
   background: #fff;
   position: absolute;
   left: 0;
   top: 58px;
   width: 100%;
   display: none;
}

.menus-down a {
   color: #fff;
   font-size: 14px;
   width: 50%;
   float: left;
   background: #11a1e1;
   line-height: 46px;
   display: block;
   text-align: center;
   position: relative;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
   transition: all 0.5s;
}

.menus-down a:after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 1px;
   z-index: 1;
   background-color: rgba(255, 255, 255, 0.3);
   -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;
}

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


   100% {
      -webkit-transform: scaleX(1, 1);
      -ms-transform: scale(1, 1);
      transform: translate: scaleX(1, 1);
   }
}

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


   100% {
      -webkit-transform: scaleX(1, 1);
      -ms-transform: scale(1, 1);
      transform: translate: scaleX(1, 1);
   }
}

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


   100% {
      -webkit-transform: scaleX(1, 1);
      -ms-transform: scale(1, 1);
      transform: translate: scaleX(1, 1);
   }
}

/*招聘信息*/
.recuite-href {
   background: #253580;
   margin-bottom: 38px;
}

.history-rec {
   float: left;
}

.history-rec a {
   display: inline-block;
   width: 98px;
   height: 47px;
   text-align: center;
   line-height: 47px;
   color: #fff;
   font-size: 14px;
   position: relative;
   border-right: 1px solid #fff;
   transition: 300ms;
}

.history-rec a:before {
   content: "";
   width: 16px;
   height: 8px;
   background: url(/images/down3.png) center no-repeat;
   position: absolute;
   left: 50%;
   margin-left: -8px;
   bottom: -8px;
   opacity: 0;
   visibility: hidden;
   transition: 300ms;
}

.innerw {
   width: 860px;
   margin: auto;
}

.history-rec a:hover,
.history-rec a.on {
   background: #11a1e1;
}

.history-rec a:hover:before,
.history-rec a.on:before {
   opacity: 1;
   visibility: visible;
}

.history-rec a:last-child {
   border-right: none;
}

.registrate {
   float: right;
   background: #11a1e1;
}

.registrate a {
   display: inline-block;
   width: 115px;
   padding-left: 55px;
   height: 47px;
   line-height: 47px;
   color: #fff;
   font-size: 13px;
   background: url(/images/register.png) 16px center no-repeat;
}

.recuite-list {
   padding-left: 46px;
}

.recuite-title {
   margin-bottom: 16px;
}

.recuite-title span {
   display: inline-block;
   color: #272727;
   font-size: 13px;
   line-height: normal;
   float: left;
}

.recuite-info {
   margin-bottom: 3px;
}

.recuite-title span:nth-child(1) {
   padding-left: 24px;
   width: 144px;
}

.recuite-title span:nth-child(2) {
   width: 144px;
}

.recuite-title span:nth-child(3) {
   width: 145px;
}

.recuite-title span:nth-child(4) {
   width: 106px;
}

.recuite-title span:nth-child(5) {
   width: 106px;
}

.recuite-title span:nth-child(6) {
   width: 144px;
}

.recuite-top {
   background: #b5b5b5;
   cursor: pointer;
   transition: 300ms ease-in-out;
   position: relative;
}

.recuite-top.on {
   background: #253580;
}

.recuite-top.on .add {
   transform: rotate(45deg);
}

.recuite-top span {
   display: inline-block;
   float: left;
   color: #ffffff;
   font-size: 13px;
   padding: 10px 0;
}

.recuite-top span:nth-child(1) {
   padding-left: 24px;
   padding-right: 10px;
   width: 134px;
}

.recuite-top span:nth-child(2) {
   width: 134px;
   padding-right: 10px;
}

.recuite-top span:nth-child(3) {
   width: 135px;
   padding-right: 10px;
}

.recuite-top span:nth-child(4) {
   width: 106px;
}

.recuite-top span:nth-child(5) {
   width: 106px;
}

.recuite-top span:nth-child(6) {
   width: 144px;
}

.add {
   width: 21px;
   height: 21px;
   position: absolute;
   left: -43px;
   top: 7px;
   z-index: 10;
   background: url(/images/show.png) center no-repeat;
   transition: 300ms;
   cursor: pointer;
}

.recuite-li {
   padding: 22px 48px 35px 48px;
   border: 1px solid #253580;
   border-top: none;
   display: none;
}

.recuite-li p {
   color: #272727;
   font-size: 13px;
   line-height: 2;
}

.recuite-info:nth-child(1) .recuite-li {
   display: block;
}

/*公司培训*/
.train-img {
   width: 50%;
   float: left;
   overflow: hidden;
   line-height: normal;
}

.train-img img {
   display: block;
   line-height: 0;
   width: 100%;
   height: auto;
   transition: 488ms ease-in-out;
}

.train {
   margin-bottom: 40px;
}

.train li figcaption {
   width: 39.6%;
   float: right;
   margin-right: 36px;
   margin-top: 13px;
}

.train li figcaption strong {
   display: block;
   width: 77px;
   height: 60px;
   border: 1px solid #dcdcdc;
   position: relative;
}

.train li figcaption strong b {
   display: block;
   text-align: center;
   line-height: 60px;
   font-weight: normal;
   color: #323232;
   font-size: 20px;
}

.train li figcaption strong:before {
   content: "";
   width: 50%;
   height: 1px;
   background: #253580;
   position: absolute;
   left: 50%;
   bottom: -1px;
   margin-left: -25%;
}

.train li figcaption h4 {
   color: #323232;
   font-size: 20px;
   font-weight: normal;
   line-height: 1.2;
   margin-top: 15px;
   transition: 330ms;
}

.train li figcaption p {
   color: #646464;
   font-size: 13px;
   line-height: 2;
   margin-top: 10px;
}

.train li figcaption .readmore {
   font-size: 12px;
   display: inline-block;
   margin-top: 30px;
   width: 106px;
   height: 40px;
   line-height: 40px;
   color: #fff;
   background: #2a3c90;
   text-align: center
}

.train li:hover .train-img img {
   transform: scale(1.04);
   -webkit-transform: scale(1.04);
   -moz-transform: scale(1.04);
}

.train li:hover figcaption h4 {
   color: #2a3c90;
}

.train li:nth-child(2n+2) .train-img {
   float: right;
}

.train li:nth-child(2n+2) figcaption {
   float: left;
   margin-right: 0;
   margin-left: 28px;
   margin-top: 32px;
}

/*赏金船主座方网站简介*/
.common-menup .innmenu {
   border: none;
}

.aboutlogo {
   padding-left: 46px;
   padding-top: 11px;
}

.aboutlogo strong {
   color: #fff;
   font-size: 25px;
   font-weight: normal;
   font-family: "groteskiaregular";
   line-height: 1;
   display: block;
   margin-bottom: 12px;
}

.aboutlogo h4 {
   color: #ffffff;
   font-size: 16px;
   position: relative;
   font-weight: normal;
   line-height: normal;
   padding-bottom: 16px;
}

.aboutlogo h4:before {
   content: "";
   width: 25px;
   height: 5px;
   background: #fff;
   position: absolute;
   left: 0;
   bottom: 0;
}

.introducts p,
.sppechs p {
   color: #646464;
   font-size: 13px;
   margin-bottom: 10px;
}

.introducts img {
   max-width: 100%;
   margin: auto;
   display: inline;
   margin-top: 10px;
}

.speech {
   margin-top: 26px;
   text-align: right;
}

.speech p {
   color: #646464;
   font-size: 13px;
   display: inline-block;
   margin-left: 40px;
}

.speech img {
   display: inline-block;
   margin-left: 36px;
}

.speech time {
   display: block;
   width: 100%;
   text-align: right;
   color: #646464;
   font-size: 13px;
   margin-top: 20px;
}

.organiza-font {
   margin-bottom: 50px;
}

.organiza-font p {
   padding-left: 20px;
   color: #646464;
   font-size: 13px;
   margin-bottom: 5px;
   position: relative;
}

.organiza-font p:before {
   content: "";
   width: 6px;
   height: 6px;
   background: #253580;
   position: absolute;
   left: 2px;
   top: 50%;
   margin-top: -3px;
}

.organizate-fix {
   position: relative;
   padding-bottom: 66px;
   border-bottom: 1px solid #a0a0a0;
}

.organizate-fix figure {
   line-height: normal;
   position: relative;
}

.organizate-img img {
   display: block;
   width: 100%;
   height: auto;
   line-height: 0;
}

.organizate-fix figure figcaption {
   display: block;
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   background: rgba(0, 0, 0, 0.5);
   background: #000\9;
   filter: alpha(opacity=50);
   opacity: 0;
   visibility: hidden;
   transition: 488ms ease-in-out;
}

.organizates:hover figcaption {
   opacity: 1;
   visibility: visible;
}

.organizate-wr {
   text-align: center;
   position: absolute;
   left: 0;
   top: 50%;
   width: 100%;
   margin-top: -22px;
}

.orgazini-info {
   display: inline-block;
   width: 137px;
   height: 43px;
   border: 1px solid #fff;
   position: relative;
   overflow: hidden;
}

.orgazini-info a {
   display: block;
   text-align: left;
   line-height: 43px;
   color: #fff;
   font-size: 14px;
   padding-left: 50px;
   position: relative;
   z-index: 10;
}

.orgazini-info:nth-child(1) {
   margin-right: 6px;
}

.orgazini-info:nth-child(1) a {
   background: url(/images/search1.png) 30px center no-repeat;
}

.orgazini-info:nth-child(2) a {
   background: url(/images/load1.png) 30px center no-repeat;
}

.orgazini-info:before {
   content: "";
   width: 0;
   height: 0;
   background: #fff;
   opacity: 0;
   visibility: hidden;
   position: absolute;
   left: 50%;
   border-radius: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   transition: 0.32s ease-in-out;
}

.orgazini-info:hover:before {
   opacity: 1;
   visibility: visible;
   width: 110%;
   height: 380%;
}

.orgazini-info:hover a {
   color: #253580;
}

.orgazini-info:nth-child(1):hover a {
   background: url(/images/search2.png) 30px center no-repeat;
}

.orgazini-info:nth-child(2):hover a {
   background: url(/images/load2.png) 30px center no-repeat;
}

.fancybox-nav span {
   width: 14px;
   height: 18px;
   position: static;
}

.fancybox-nav {
   display: none;
}

.fancybox-prev {
   left: -26px;
   background: none;
}

.fancybox-next {
   right: -26px;
   background-position: right center;
   background: none;
}

.fancybox-overlay {
   background: rgba(0, 0, 0, 0.8);
   background: #000\9;
   filter: alpha(opacity=80);
}

.fancybox-close {
   width: 25px;
   height: 25px;
   top: 10px;
   right: 10px;
   background: url(/images/close1.png) no-repeat;
   background-size: cover;
   transition: 350ms;
}

.fancybox-close:hover {
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
}

.fancybox-nav:hover span {
   background: none;
   opacity: 0.8;
}

.fancybox-opened .fancybox-skin {
   box-shadow: none;
   border: 1px solid #fff;
   border-radius: 0;
}

.fancybox-skin {
   background: none;
   border-radius: none;
}

.pbannertext2 {
   width: 860px;
   margin-left: -430px;
}

.pbannertext2 .f30 {
   font-size: 30px;
}

.culture-top h3 {
   color: #323232;
   font-size: 26px;
   line-height: normal;
   margin-bottom: 30px;
   font-weight: normal;
}

.culture-top p {
   color: #646464;
   font-size: 14px;
   line-height: 25px;
   margin: 12px 0px 0px;
}

.culture-info {
   position: relative;
   width: 48.25%;
   float: left;
   overflow: hidden;
   margin-bottom: 16px;
}

.culture-info figure {
   display: block;
   line-height: normal;
   overflow: hidden;
}

.culture-info figure img {
   display: block;
   width: 100%;
   height: auto;
   transition: 488ms ease-in-out;
}

.culture-text {
   position: absolute;
   width: 100%;
   bottom: 0;
   height: 43px;
   background: #253580;
   transition: 488ms;
}

.culture-wr {
   padding-left: 22px;
   padding-right: 24px;
   padding-bottom: 15px;
   transition: 320ms 0ms;
}

.culture-wr h3 {
   color: #ffffff;
   font-size: 14px;
   transition: 310ms 0ms;
   line-height: 44px;
   font-weight: normal;
}

.culture-wr p {
   color: #ffffff;
   font-size: 13px;
   line-height: 2;
   margin-top: 25px;
   position: relative;
   top: 20px;
   opacity: 0;
   visibility: visible;
   transition: 320ms 0ms;
}

.culture-wr span {
   color: #fff;
   font-size: 12px;
   line-height: normal;
   position: absolute;
   left: 22px;
   bottom: 14px;
   opacity: 0;
   visibility: hidden;
   transition: 280ms 0ms;
}

.culture-info:hover h3 {
   line-height: 26px;
}

.culture-info:hover figure img {
   transform: scale(1.05);
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
}

.culture-info:hover .culture-text {
   height: 100%;
   background: rgba(37, 53, 128, 0.9);
   background: #253580\9;
   filter: alpha(opacity=90);
}

.culture-info:hover .culture-text .culture-wr {
   padding-top: 35px;
}

.culture-info:hover .culture-text h3 {
   font-size: 18px;
   transition: 310ms 124ms;
}

.culture-info:hover .culture-text p {
   opacity: 1;
   visibility: visible;
   top: 0;
   transition: 420ms 160ms ease-in-out;
}

.culture-info:hover .culture-text span {
   opacity: 1;
   visibility: visible;
   transition: 280ms 400ms;
}

.culture-info:nth-child(2n+2) {
   float: right;
}

/*员工活动*/
.pbannertext3 {
   bottom: 38%;
   width: 860px;
   margin-left: -430px;
}

.pbannertext3 p {
   color: #fff;
   font-size: 30px;
   line-height: normal;
}

.activity-title {
   margin-bottom: 28px;
}

.activity-a {
   width: 50%;
   position: relative;
   overflow: hidden;
   background: #a0a0a0;
   float: left;
}

.activity-a:before {
   content: "";
   width: 100%;
   height: 100%;
   background: #253580;
   position: absolute;
   left: 0;
   top: -100%;
   transition: 288ms;
}

.activity-a a {
   display: block;
   color: #ffffff;
   font-size: 14px;
   padding-left: 22px;
   line-height: 64px;
   position: relative;
   z-index: 5;
}

.activity-a a:before {
   content: "";
   width: 7px;
   height: 13px;
   background: url(/images/arrow2.png) center no-repeat;
   position: absolute;
   right: 30px;
   top: 50%;
   margin-top: -6px;
   transition: 322ms;
}

.activity-a:hover:before,
.activity-a.on:before {
   top: 0;
}

.activity-a:hover a:before,
.activity-a.on a:before {
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
}

.activity-fix {
   padding-bottom: 32px;
   margin-top: 30px;
}

.activity-fix p {
   color: #646464;
   font-size: 13px;
   line-height: 2;
}

.activity-list {
   margin-top: 28px;
}

.activity-list li {
   width: 32.2%;
   float: left;
   margin-right: 1.7%;
   margin-bottom: 26px;
   overflow: hidden;
}

.activity-list li:nth-child(3n+3) {
   margin-right: 0;
}

.activity-list li figure {
   display: block;
   overflow: hidden;
   line-height: normal;
}

.activity-list li figure img {
   display: block;
   width: 100%;
   height: auto;
   line-height: 0;
   transition: 520ms;
}

.activity-list li figcaption {
   display: block;
   background: #ffffff;
   padding: 10px 20px 0 20px;
   height: 64px;
   position: relative;
}

.activity-list li figcaption span {
   display: block;
   color: #323232;
   font-size: 14px;
   height: 46px;
   overflow: hidden;
   transition: 280ms;
}

.activity-list li figcaption:before {
   content: "";
   width: 0;
   height: 3px;
   background: #253580;
   position: absolute;
   left: 0;
   bottom: 0;
   transition: 310ms ease-in-out;
}

.activity-list li:hover figure img {
   transform: scale(1.04);
   -webkit-transform: scale(1.04);
   -moz-transform: scale(1.04);
}

.activity-list li:hover figcaption:before {
   width: 100%;
}

.activity-list li:hover figcaption span {
   color: #253580;
}

.social {
   position: relative;
   padding: 10px 16px 0 7px;
   height: 52px;
}

.social:before {
   content: "";
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 100%;
   background: #253580;
   transition: 330ms;
}

.social span {
   display: block;
   color: #323232;
   font-size: 14px;
   position: relative;
   transition: 310ms;
}

.social span:before {
   content: "";
   width: 18px;
   height: 18px;
   background: url(/images/search3.png) center no-repeat;
   position: absolute;
   right: -12px;
   top: 20px;
   opacity: 0;
   visibility: hidden;
   transition: 310ms 100ms;
}

.activity-list li:hover .social:before {
   top: 0;
}

.activity-list li:hover .social span {
   color: #fff;
}

.activity-list li:hover .social span:before {
   opacity: 1;
   visibility: visible;
}

/*集团内刊*/
.magazine-box {
   padding: 45px 0 34px;
   background: #f8f8f8;
   position: relative;
}

.magazine-list li {
   margin-bottom: 30px;
   overflow: hidden;
}

.magazine-list li figure {
   display: block;
   width: 30.3%;
   float: left;
   background: #fff;
   text-align: center;
}

.magazine-list li figure img {
   max-width: 100%;
   width: auto;
   margin: auto;
   margin-top: 16px;
   transition: 488ms;
}

.magazine-text {
   width: 66.9%;
   float: right;
   background: #fff;
   height: 274px;
   background: #fff;
   position: relative;
}

.magazine-text:before {
   content: "";
   width: 100%;
   height: 100%;
   box-sizing: border-box;
   border: 1px solid #253580;
   position: absolute;
   left: 0;
   top: 0;
   transform: scale(0.88);
   -webkit-transform: scale(0.88);
   -moz-transform: scale(0.88);
   opacity: 0;
   visibility: hidden;
   transition: 330ms ease-in-out;
}

.magazine-t {
   margin-left: 32px;
   height: 66px;
   padding-left: 18px;
   border-left: 2px solid #c9c9c9;
   margin-top: 40px;
   position: relative;
}

.magazine-t:before {
   content: "";
   width: 2px;
   height: 0;
   background: #253580;
   position: absolute;
   left: -2px;
   top: 0;
   transition: 310ms;
}

.magazine-t h3 {
   color: #323232;
   font-size: 26px;
   line-height: normal;
   font-weight: normal;
   margin-bottom: 16px;
   position: relative;
   top: -3px;
}

.magazine-t p {
   color: #323232;
   font-size: 13px;
   line-height: normal;
}

.lineread {
   margin-top: 60px;
   width: 117px;
   height: 37px;
   margin-left: 32px;
   border: 1px solid #bfbfbf;
   position: relative;
   overflow: hidden;
   transition: 320ms;
}

.lineread:before {
   content: "";
   width: 100%;
   height: 100%;
   background: #253580;
   position: absolute;
   left: 50%;
   top: 50%;
   border-radius: 50%;
   opacity: 0;
   visibility: hidden;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   transition: 320ms ease-in-out;
}

.lineread a {
   display: block;
   text-align: center;
   line-height: 37px;
   color: #323232;
   font-size: 13px;
   position: relative;
   z-index: 5;
}

.magazine-list li:hover figure img {
   transform: scale(1.03);
   -webkit-transform: scale(1.03);
   -moz-transform: scale(1.03);
}

.magazine-list li:hover .magazine-t:before {
   height: 100%;
}

.magazine-list li:hover .lineread {
   border-color: #253580;
}

.magazine-list li:hover .lineread:before {
   opacity: 1;
   visibility: visible;
   width: 110%;
   height: 288%;
}

.magazine-list li:hover .lineread a {
   color: #fff;
}

.magazine-list li:hover .magazine-text:before {
   opacity: 1;
   visibility: visible;
   transform: scale(1);
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
}

.video-list li {
   width: 47.7%;
   float: left;
   position: relative;
   margin-top: 20px;
   margin-bottom: 23px;
}

.video-list li figure {
   display: block;
   line-height: normal;
   overflow: hidden;
   position: relative;
}

.video-list li figure img {
   display: block;
   width: 100%;
   height: auto;
   line-height: 0;
   transition: 488ms;
}

.video-list li figcaption {
   display: block;
   color: #323232;
   font-size: 14px;
   line-height: normal;
   padding-left: 18px;
   margin-top: 15px;
   transition: 388ms;
}

.video-list li:hover figure img {
   transform: scale(1.06);
   -webkit-transform: scale(1.06);
   -moz-transform: scale(1.06);
}

.video-list li:hover figcaption {
   color: #253580;
}

.videoIbox span {
   display: block;
   width: 29px;
   height: 32px;
   background: url(/images/video.png) center no-repeat;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -15px;
   margin-top: -16px;
}

.video-list li:nth-child(2n+2) {
   float: right;
}

.vwrap {
   display: none;
   z-index: 1040;
   width: 100%;
   position: fixed;
   left: 0;
   top: 0;
}

.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: 860px;
   height: 480px;
   background-color: #fff;
   position: fixed;
   left: 50%;
   top: 50%;
   margin-top: -240px;
   margin-left: -430px;
}

.vwrap .videobox #videobox {
   width: 100%;
   display: inline-block;
   height: 100%;
   background: #80abde;
}

#videobox_wrapper {
   height: 100% !important;
}

.vwrap .close {
   z-index: 999;
   width: 24px;
   height: 24px;
   cursor: pointer;
   position: absolute;
   top: -28px;
   right: 0px;
}

.vwrap .close i {
   display: block;
   width: 24px;
   height: 24px;
   background: url(/images/close1.png) no-repeat 50% 50%;
   -webkit-transition: 400ms;
   transition: 400ms;
}

.vwrap .close:hover i {
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}

#videobox_display_button {
   background: none no-repeat !important;
}

.jwplayer .jwicon:hover {
   opacity: 1;
   filter: alpha(opacity=100);
}

.jwlogo,
.jwclick {
   display: none !important;
}

.history {
   position: relative;
}

.history-list {
   position: relative;
}

.history-list:before,
.history-list:after {
   content: "";
   width: 100%;
   border-bottom: 1px dashed #bfbfbf;
   position: absolute;
   left: 0;
}

.history-list:before {
   top: 73px;
}

.history-list:after {
   bottom: 0;
}

.history-list li {
   position: relative;
   padding: 9px 0;
}

.history-list li:nth-child(1) {
   padding-top: 0;
}

.history-list li i {
   display: block;
   width: 1px;
   height: 100%;
   background: #000;
   position: absolute;
   left: 93px;
   top: 0;
}

.history-list li time {
   display: inline-block;
   width: 77px;
   height: 63px;
   text-align: center;
   line-height: 63px;
   color: #fff;
   font-size: 22px;
   background: #253580;
   line-height: 63px;
   float: left;
   position: relative;
   z-index: 5;
   transition: 320ms;
}

.history-list li time:before {
   content: "";
   width: 9px;
   height: 17px;
   background: url(/images/arrow6.png) center no-repeat;
   position: absolute;
   right: -9px;
   top: 50%;
   margin-top: -9px;
   transition: 320ms;
}

.histline {
   width: 86px;
   float: left;
   margin-left: 16px;
   height: 1px;
   background: #000000;
   margin-top: 31px;
}

.histline:before {
   content: "";
   width: 100%;
   height: 100%;
   background: #fff;
   transition: 330ms ease-in-out;
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0;
   visibility: hidden;
   transform-origin: center;
   transform: scaleY(0);
   -webkit-transform: scaleY(0);
   -moz-transform: scaleY(0);
}

.history-text {
   float: left;
   width: 680px;
   position: relative;
   transition: 310ms;
   background: #f8f8f8;
   padding: 13px 0 12px;
}

.history-text p {
   color: #646464;
   font-size: 13px;
   line-height: 2;
   width: 490px;
   margin-left: 18px;
}


.history-list li:hover time {
   background: #fff;
   color: #253580;
}

.history-list li:hover time:before {
   opacity: 0;
   visibility: hidden;
}

.history-list li:hover .histline:before {
   opacity: 1;
   visibility: visible;
   transform: scaleY(1);
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
}

.history-list li:hover .history-text {
   background: #fff;
}

.loadmore {
   padding-top: 45px;
   margin-left: 65px;
   background: url(/images/down4.png) 17px 25px no-repeat;
   position: relative;
   transition: 230ms;
}

.loadmore:before {
   content: "";
   width: 1px;
   height: 26px;
   background: #000000;
   position: absolute;
   left: 28px;
   top: 0;
}

.loadmore a {
   display: inline-block;
   color: #323232;
   font-size: 14px;
   line-height: normal;
}

.loadmore:hover {
   background-position: 17px 30px;
}

.loadmore:hover a {
   color: #253580;
}

.new-views {
   position: absolute;
   left: 50%;
   margin-left: -550px;
   bottom: 20px;
}

.new-views h2 {
   color: #fff;
   text-align: center;
   font-size: 28px;
   line-height: 1.4;
   font-weight: normal;
}

.new-views .share-fix {
   margin-top: 40px;
   text-align: center;
}

.new-views .share-fix time,
.new-views .share-fix a {
   display: inline-block;
   color: #fff;
}

.new-views .share-fix time {
   padding-left: 20px;
   background: url(/images/time.png) left center no-repeat;
   margin-right: 20px;
}

.new-views .share-fix a {
   width: 10px;
   height: 11px;
   background: url(/images/share.png) center no-repeat;
}

.new-v {
   margin-top: 0 !important;
}

.new-v .member-b {
   background: none;
}

.new-v .member-tex {
   margin-bottom: 28px;
}

.new-v .member-tex p,
.new-v .member-tex span {
   font-family: 'Microsoft YaHei' !important;
}

/*新闻中心*/
.new-bg {
   background: #253580;
   padding-top: 6px;
}

.news-list {
   text-align: center;
}

.news-list li {
   display: inline-block;
   margin-right: 2px;
   position: relative;
}

.news-list li:before {
   content: "";
   width: 0;
   height: 100%;
   background: #fff;
   position: absolute;
   left: 50%;
   top: 0;
   opacity: 0;
   visibility: hidden;
   transition: 320ms ease-in-out;
}

.news-list li:last-child {
   margin-right: 0;
}

.news-list li a {
   line-height: normal;
   display: block;
   padding-top: 12px;
   height: 34px;
   width: 117px;
   text-align: center;
   color: #fff;
   font-size: 14px;
   position: relative;
   z-index: 5;
}

.news-list li:hover:before,
.news-list li.on:before {
   width: 100%;
   left: 0;
   opacity: 1;
   visibility: visible;
}

.news-list li:hover a,
.news-list li.on a {
   color: #323232;
}

.newsd {
   padding: 52px 0 30px;
   background: #f8f8f8;
}

.new-s {
   background: #fff;
}

.new-s figure {
   display: block;
   width: 44%;
   line-height: normal;
   overflow: hidden;
   float: left;
}

.new-s figure img {
   display: block;
   width: 100%;
   height: auto;
   transition: 520ms;
   line-height: 0;
}

#firstnewPage .new-s a {
   margin-bottom: 10px;
   display: block;
   overflow: hidden;
}

.new-texts {
   width: 49.54%;
   float: right;
   margin-right: 35px;
}

.new-texts time {
   display: block;
   width: 75px;
   height: 66px;
   background: #11a1e1;
}

.new-texts time strong {
   display: block;
   text-align: center;
   color: #fff;
   font-size: 42px;
   line-height: 42px;
   font-weight: normal;
   padding-top: 6px;
}

.new-texts time b {
   display: block;
   margin-top: 2px;
   text-align: center;
   color: #fff;
   font-weight: normal;
   line-height: 12px;
}

.new-texts h4 {
   color: #323232;
   position: relative;
   font-size: 18px;
   font-weight: normal;
   line-height: 1.2;
   margin-top: 22px;
   height: 64px;
   border-bottom: 1px solid #c9c9c9;
   margin-bottom: 8px;
   transition: 340ms;
}

.new-texts h4:before {
   content: "";
   width: 0;
   height: 1px;
   background: #253580;
   position: absolute;
   left: 0;
   bottom: -1px;
   transition: 430ms ease-in-out;
}

.new-texts p {
   color: #646464;
   font-size: 13px;
   line-height: 2;
}

.new-texts span {
   display: inline-block;
   color: #969696;
   transition: 310ms;
   line-height: normal;
   margin-top: 14px;
}

.new-s a:hover figure img {
   transform: scale(1.05);
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
}

.new-s a:hover .new-texts h4 {
   color: #253580;
}

.new-s a:hover .new-texts h4:before {
   width: 100%;
}

.new-s a:hover .new-texts span {
   color: #253580;
}

.newsd .dynamic-box {
   padding-top: 22px;
}

/*联系赏金船主座方网站*/
.map {
   height: 598px;
   border-bottom: 6px solid #11a1e1;
}

.mcontact h3 {
   color: #2a3c90;
}

.mcontact span {
   color: #2a3c90;
}

.anchorBL {
   display: none !important;
}

.map-box {
   padding: 65px 0;
   background: #f8f8f8;
}

.contact-t {
   margin-bottom: 65px;
}

.contact-t h3 {
   color: #000000;
   font-size: 26px;
   line-height: normal;
   font-weight: normal;
   margin-bottom: 18px;
}

.contact-t p {
   color: #646464;
   font-size: 14px;
   padding-left: 22px;
   background: url(/images/map1.png) 3px center no-repeat;
}

.contact-address {
   width: 860px;
   margin-top: 64px;
   position: relative;
   padding-left: 22px;
}

.contact-address span {
   display: inline-block;
   width: 264px;
   float: left;
   color: #646464;
   font-size: 14px;
   margin-bottom: 6px;
}

.contact-address span a {
   color: #646464;
}

.contact-address span a:hover {
   color: #253580;
}

.contact-address:before {
   content: "";
   width: 1px;
   height: 50px;
   background: #253580;
   position: absolute;
   left: 4px;
   top: 3px;
}

.searchs {
   position: absolute;
   right: 0;
   bottom: 0;
}

.searchs .setext {
   width: 374px;
   padding: 0;
   padding-left: 22px;
   height: 36px;
   line-height: 36px;
   color: #7184db;
   border: 1px solid #697cd4;
   border-radius: 18px;
   float: left;
   background: none;
   font-family: 微软雅黑;
   outline: none;
}

:-moz-placeholder {
   color: #7184db;
}

::-moz-placeholder {
   color: #7184db;
}

input:-ms-input-placeholder {
   color: #7184db;
}

input::-webkit-input-placeholder {
   color: #7184db;
}

.searchs .btnshe {
   width: 23px;
   height: 23px;
   background: url(/images/search4.png) center no-repeat;
   float: left;
   margin-left: 16px;
   margin-top: 8px;
   outline: none;
   padding: 0;
   border: none;
   cursor: pointer;
   transition: 320ms;
}

.searchs .btnshe:hover,
.searchs .btnshe:focus {
   background: url(/images/search5.png) center no-repeat;
}

.seach-font {
   margin-bottom: 24px;
   border-bottom: 3px solid #253580;
}

.seach-font p {
   color: #323232;
   font-size: 14px;
   padding-left: 8px;
   line-height: normal;
   padding-bottom: 15px;
}

.search-sualch {
   background: #898989;
   margin-top: 24px;
}

.searcli li {
   float: left;
}

.searcli li a {
   display: inline-block;
   width: 88px;
   text-align: center;
   height: 32px;
   line-height: 32px;
   color: #fff;
   font-size: 14px;
}

.searcli li a:hover,
.searcli li a.on {
   background: #253580;
}

.seach-list {
   margin: 38px 0 50px;
   padding-left: 50px;
   position: relative;
}

.seach-list:before {
   content: "";
   width: 2px;
   height: 100%;
   background: #253580;
   position: absolute;
   left: 12px;
   top: 0;
}

.seach-list li {
   margin-bottom: 6px;
}

.seach-list li a {
   color: #323232;
   font-size: 13px;
   display: block;
}

.seach-list li a b {
   display: inline-block;
   color: #253580;
   font-weight: normal;
}

.seach-list li a:hover {
   color: #253580;
}

/*集团项目*/
.project-li li {
   float: left;
   position: relative;
   width: 33.33333%;
   overflow: hidden;
}

.project-li.shown {
   overflow: inherit;
}

.project-li.shown,
.project-li.shown .item {
   visibility: visible;
}

.project-li.animate .item {
   -webkit-animation: showMe 1.5s step-end forwards;
   animation: showMe 1.5s step-end forwards;
}

.project-li li figure {
   display: block;
   line-height: normal;
   overflow: hidden;
}

.project-li li figure img {
   display: block;
   width: 100%;
   height: auto;
   line-height: 0;
   transition: 522ms;
}

.project-li li figcaption {
   display: block;
   padding-top: 38px;
   height: 32px;
   background: url(/images/probg.png) repeat-x;
   width: 100%;
   line-height: normal;
   color: #fff;
   font-size: 14px;
   text-indent: 20px;
   position: absolute;
   left: 0;
   bottom: 0;
   transition: 330ms ease-in-out;
}

.prohidden {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(37, 53, 128, 0.5);
   background: #253580\9;
   filter: alpha(opacity=50);
   opacity: 0;
   visibility: hidden;
   transition: 588ms ease-in-out;
}

.prowr {
   text-align: center;
   position: absolute;
   left: 0;
   width: 100%;
   top: 50%;
   margin-top: -51px;
}

.prowr h3 {
   color: #ffffff;
   font-size: 20px;
   margin-bottom: 28px;
   line-height: normal;
   text-align: center;
   font-weight: normal;
   position: relative;
   top: 25px;
   transition: 340ms 0ms;
   opacity: 0;
}

.promore {
   width: 151px;
   height: 46px;
   text-align: center;
   line-height: 46px;
   color: #fff;
   border: 1px solid #fff;
   line-height: 46px;
   position: relative;
   margin: auto;
   overflow: hidden;
   top: 24px;
   opacity: 0;
   visibility: hidden;
   transition: 344ms 0ms ease-in-out;
}

.promore:before {
   content: "";
   width: 0;
   height: 0;
   background: #fff;
   position: absolute;
   left: 0;
   top: 100%;
   border-radius: 50%;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   visibility: hidden;
   transition: 320ms ease-in-out;
}

.promore span {
   display: block;
   text-align: center;
   line-height: 46px;
   color: #fff;
   position: relative;
   transition: 310ms;
}

.promore:hover:before {
   visibility: visible;
   width: 110%;
   height: 380%;
}

.promore:hover span {
   color: #253580;
}

.project-li li:hover figcaption {
   bottom: -70px;
   opacity: 0;
}

.project-li li:hover .prohidden {
   opacity: 1;
   visibility: visible;
}

.project-li li:hover .prowr h3 {
   opacity: 1;
   top: 0;
   transition: 320ms 100ms;
}

.project-li li:hover .promore {
   opacity: 1;
   visibility: visible;
   top: 0;
   transition: 320ms 180ms ease-in-out;
}

.animate .curtain {
   -webkit-animation: swipeDown 1.5s cubic-bezier(0.6, 0, .4, 1) forwards;
   -o-webkit-animation: swipeDown 1.5s cubic-bezier(0.6, 0, .4, 1) forwards;
   -ms-webkit-animation: swipeDown 1.5s cubic-bezier(0.6, 0, .4, 1) forwards;
   animation: swipeDown 1.5s cubic-bezier(0.6, 0, .4, 1) forwards;
   animation-delay: 244.92ms;
}

.shown .curtain {
   display: none;
}

.adelay1 {
   transition: 500ms ease 150ms;
   -o-transition: 500ms ease 150ms;
   -moz-transition: 500ms ease 150ms;
   -webkit-transition: 500ms ease 150ms;
   -ms-transition: 500ms ease 150ms;
}

.adelay2 {
   transition: 500ms ease 250ms;
   -o-transition: 500ms ease 250ms;
   -webkit-transition: 500ms ease 250ms;
   -moz-transition: 500ms ease 250ms;
   -ms-transition: 500ms ease 250ms;
}

.adelay3 {
   transition: 500ms ease 300ms;
   -ms-transition: 500ms ease 300ms;
   -webkit-transition: 500ms ease 300ms;
   -o-transition: 500ms ease 300ms;
   -ms-transition: 500ms ease 300ms;
}

.adelay4 {
   transition: 500ms ease 280ms;
}

.adelay5 {
   transition: 500ms ease 340ms;
}

.curtain {
   position: absolute;
   left: 0px;
   top: 0px;
   transform: translate3d(0px, -100%, 0px);
   -webkit-transform: translate3d(0px, -100%, 0px);
   -moz-transform: translate3d(0px, -100%, 0px);
   -o-transform: translate3d(0px, -100%, 0px);
   -ms-transform: translate3d(0px, -100%, 0px);
   width: 100%;
   height: 100%;
   z-index: 100;
}

.adelay1 .curtain {
   background-color: #fff;
   animation-delay: 147.266ms;
}

.adelay2 .curtain {
   background-color: #fff;
   animation-delay: 244.92ms;
}

.adelay3 .curtain {
   background-color: #fff;
   animation-delay: 380ms;
}

.adelay4 .curtain {
   background-color: #fff;
   animation-delay: 304.92ms;
}

.adelay5 .curtain {
   background-color: #fff;
   background: none;
   animation-delay: 335.176ms;
}

.view-text {
   position: absolute;
   height: 100%;
   position: absolute;
   left: 50%;
   margin-left: -550px;
   top: 0;
}

.view-text h3 {
   padding: 34px 36px;
   display: inline-block;
   text-align: center;
   color: #ffffff;
   font-size: 30px;
   background: url(/images/text.png) repeat;
   position: absolute;
   left: 0;
   bottom: 0;
}

@-webkit-keyframes showMe {
   from {
      visibility: hidden;
   }

   100%,
   60% {
      visibility: visible;
   }
}

@keyframes showMe {
   from {
      visibility: hidden;
   }

   100%,
   60% {
      visibility: visible;
   }
}

@-webkit-keyframes swipeDown {

   50%,
   60% {
      -webkit-transform: translate3d(0, 0, 0);
   }

   100% {
      -webkit-transform: translate3d(0, 100%, 0);
   }
}

@keyframes swipeDown {

   50%,
   60% {
      -webkit-transform: translate(0);
      transform: translate(0);
      -ms-transform: translate(0);
   }

   100% {
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
      -ms-transform: translate3d(0, 100%, 0);
   }
}




.project-view {
   background: #f8f8f8;
}

.proview {
   width: 800px;
   margin: auto;
   margin-top: -327px;
}

.proview .member-banner .flex-prev,
.proview .member-banner .flex-next {
   width: 31px;
   height: 109px;
   border: 2px solid #fff;
   margin-top: -17px;
}

.proview .member-banner .flex-prev {
   background: url(/images/prev2.png) center no-repeat;
}

.proview .member-banner .flex-next {
   background: url(/images/next2.png) center no-repeat;
}

.protext {
   padding-top: 30px;
}

.protext h4 {
   color: #000000;
   text-align: center;
   font-weight: normal;
   line-height: normal;
   font-size: 20px;
}

.business-box {
   background: #f8f8f8;
   padding-bottom: 50px;
}

.prolinef {
   margin-top: 48px;
   padding: 28px 0 80px;
   border-top: 1px solid #a0a0a0;
}

.facklist {
   display: inline-block;
}

.prolinef p {
   color: #646464;
   font-size: 13px;
   margin-bottom: 6px;
   text-indent: 26px;
}

.facklist a {
   display: inline-block;
   color: #000000;
   font-size: 13px;
   line-height: normal;
   width: 120px;
   line-height: 30px;
   height: 30px;
}

.facklist a:hover {
   color: #253580;
}

.proview .member-banner .flex-prev:hover {
   border-color: #253580;
   background: #253580 url(/images/prev2.png) center no-repeat;
}

.proview .member-banner .flex-next:hover {
   border-color: #253580;
   background: #253580 url(/images/next2.png) center no-repeat;
}

.business-r {
   background: #b5b5b5;
   z-index: 20;
   position: relative;
}

.business-in {
   width: 273px;
   float: left;
   text-align: center;
   position: relative;
   padding-top: 20px;
   height: 74px;
}

.business-in:before {
   content: "";
   width: 100%;
   height: 0;
   background: #f8f8f8;
   position: absolute;
   left: 0;
   top: 0;
   transition: 300ms ease-in-out;
}

.business-in a {
   display: block;
   position: relative;
}

.business-in b {
   display: block;
   width: 39px;
   height: 36px;
   margin: auto;
   transform: scale(0.66);
   -webkit-transform: scale(0.66);
   -moz-transform: scale(0.66);
   transition: 320ms;
}

.business-in span {
   display: block;
   text-align: center;
   color: #323232;
   font-size: 14px;
   line-height: normal;
   margin-top: 5px;
}

.business-in:nth-child(1) b {
   background: url(/images/buss1_1.png) center no-repeat;
}

.business-in:nth-child(2) b {
   background: url(/images/buss2_1.png) center no-repeat;
}

.business-in:nth-child(3) b {
   background: url(/images/buss3_1.png) center no-repeat;
}

.business-in:nth-child(4) b {
   background: url(/images/buss4_1.png) center no-repeat;
}

.business-in:nth-child(5) b {
   background: url(/images/buss5_1.png) center no-repeat;
}

.business-in:hover:before,
.business-in.on:before {
   height: 100%;
}

.business-in:nth-child(1):hover b,
.business-in:nth-child(1).on b {
   background: url(/images/buss1.png) center no-repeat;
}

.business-in:nth-child(2):hover b,
.business-in:nth-child(2).on b {
   background: url(/images/buss2.png) center no-repeat;
}

.business-in:nth-child(3):hover b,
.business-in:nth-child(3).on b {
   background: url(/images/buss3.png) center no-repeat;
}

.business-in:nth-child(4):hover b,
.business-in:nth-child(4).on b {
   background: url(/images/buss4.png) center no-repeat;
}

.business-in:nth-child(5):hover b,
.business-in:nth-child(5).on b {
   background: url(/images/buss5.png) center no-repeat;
}

.business-in:hover:after,
.business-in.on:after {
   bottom: -4px;
   visibility: visible;
   opacity: 1;
}

.nusiness li {
   position: relative;
   background: #f8f8f8;
   overflow: hidden;
}

.nusiness li figure {
   display: block;
   width: 50%;
   float: right;
   height: auto;
   line-height: normal;
   overflow: hidden;
}

.nusiness li figure img {
   display: block;
   width: 100%;
   height: auto;
   line-height: 0;
   transition: 544ms;
}

.business-w {
   position: absolute;
   left: 50%;
   margin-left: -550px;
   top: 0;
   height: 100%;
}

.business-text {
   float: left;
   width: 43%;
   position: absolute;
   height: 100%;
   left: 0;
   top: 0;
   padding-right: 7%;
}

.business-text:before {
   content: "";
   width: 100%;
   height: 9px;
   background: #253580;
   position: absolute;
   left: 0;
   bottom: -9px;
   transition: 366ms ease-in-out;
}

.business-text h4 {
   color: #323232;
   font-size: 30px;
   font-weight: normal;
   margin-top: 12%;
   line-height: normal;
   padding-bottom: 10px;
   border-bottom: 1px solid #d2d2d2;
   position: relative;
   transition: 355ms;
}

.business-text h4:before {
   content: "";
   width: 0;
   height: 1px;
   background: #253580;
   position: absolute;
   left: 0;
   bottom: -1px;
   transition: 355ms ease-in-out;
}

.business-text p {
   color: #646464;
   font-size: 13px;
   line-height: 2;
   margin-top: 26px;
   min-height: 116px;
}

.businesslo {
   position: absolute;
   left: 0;
   bottom: 40px;
}

.businesslo strong {
   display: block;
   line-height: normal;
   color: #969696;
   text-transform: uppercase;
   font-size: 14px;
}

.businesslo b {
   display: block;
   color: #969696;
   font-weight: normal;
   line-height: normal;
}

.nusiness li:hover figure img {
   transform: scale(1.04);
   -webkit-transform: scale(1.04);
   -moz-transform: scale(1.04);
}

.nusiness li:hover .business-text h4 {
   color: #253580;
}

.nusiness li:hover .business-text h4:before {
   width: 100%;
}

.nusiness li:hover .business-text:before {
   bottom: 0;
}

.nusiness li:nth-child(2n+2) figure {
   float: left;
}

.nusiness li:nth-child(2n+2) .business-text {
   left: 50%;
   padding-right: 0;
   padding-left: 7%;
}

.nusiness li:nth-child(2n+2) .business-text .businesslo {
   left: 14%;
}

.company-box {
   padding: 144px 0 150px;
}

.company-list li a {
   display: block;
   text-align: center;
   font-size: 14px;
   color: #fff;
   margin-bottom: 4px;
}

.promores {
   margin: auto;
   margin-top: 60px;
   width: 232px;
   height: 61px;
   border: 1px solid #a0a0a0;
   overflow: hidden;
   position: relative;
}

.promores:before {
   content: "";
   width: 0;
   height: 0;
   background: #a0a0a0;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   border-radius: 50%;
   transition: 330ms ease-in-out;
}

.promores a {
   display: block;
   text-align: center;
   line-height: 61px;
   color: #323232;
   position: relative;
}

.promores:hover:before {
   width: 110%;
   height: 380%;
}

.promores:hover a {
   color: #fff;
}

/*招标采购*/
.tender-t {
   background: #a0a0a0;
}

.tender-li {
   width: 33.3333%;
   float: left;
   position: relative;
}

.tender-li a {
   display: block;
   line-height: 52px;
   color: #ffffff;
   font-size: 14px;
   position: relative;
   text-align: center;
}

.tender-li:before {
   content: "";
   width: 0;
   height: 100%;
   position: absolute;
   top: 0;
   background: #253580;
   transition: 344ms ease-in-out;
}

.tender-li.on:before {
   width: 100%;
}

.tender-box {
   padding: 42px 0 30px;
   background: #f8f8f8;
}

.tender-step {
   padding-bottom: 8px;
   border-bottom: 1px solid #253580;
   padding-left: 2px;
}

.step-info {
   float: left;
   margin-right: 17px;
}

.step-info:last-child {
   margin-right: 0;
}

.step-info a {
   display: block;
   text-align: center;
   line-height: 29px;
   color: #323232;
   font-size: 14px;
   padding: 0 20px;
   border: 1px solid #f8f8f8;
   border-radius: 15px;
}

.step-info.on a,
.step-info:hover a {
   border-color: #253580;
}

.tendder-text {
   padding: 40px 0 24px;
}

.tendder-text p {
   color: #646464;
   font-size: 13px;
}

.step-page {
   padding-top: 20px;
   border-top: 1px solid #a0a0a0;
}

.step-in {
   width: 212px;
   height: 44px;
   border: 1px solid #a0a0a0;
   float: left;
   position: relative;
   overflow: hidden;
}

.step-next {
   float: right;
}

.step-prev {
   float: left;
}

.step-in a {
   display: block;
   position: relative;
   color: #323232;
   line-height: 14px;
   line-height: 44px;
}

.step-next a {
   padding-left: 36px;
}

.step-prev a {
   padding-left: 52px;
}

.step-prev a:before {
   background: url(/images/arrow8.png) center no-repeat;
   left: 22px;
}

.step-next a:before {
   background: url(/images/arrow7.png) center no-repeat;
   left: 144px;
}

.step-in a:before {
   content: "";
   width: 10px;
   height: 18px;
   position: absolute;
   top: 50%;
   margin-top: -9px;
}

.step-in:before {
   content: "";
   width: 0;
   height: 0;
   background: #a0a0a0;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   transition: 320ms ease-in-out;
   border-radius: 50%;
}

.step-in:hover:before {
   width: 110%;
   height: 380%;
}

.step-in:hover a {
   color: #fff;
}

.step-prev:hover a:before {
   left: 18px;
   background: url(/images/prev2.png) center no-repeat;
   background-size: 10px 18px;
}

.step-next:hover a:before {
   left: 148px;
   background: url(/images/next2.png) center no-repeat;
   background-size: 10px 18px;
}

.bidding {
   padding: 48px 0 50px;
}

.bidding-info {
   margin-bottom: 52px;
}

.bidding-info span {
   display: inline-block;
   width: 270px;
   float: left;
   color: #323232;
   font-size: 14px;
   line-height: normal;
   margin-left: 20px;
}

.bidding-fix {
   float: left;
   position: relative;
   margin-left: 75px;
   line-height: 0;
}

.bidding-fix img {
   line-height: normal;
}

.bidding-fix b {
   display: block;
   width: 32px;
   height: 34px;
   border: 1px solid #a0a0a0;
   position: absolute;
   right: -40px;
   bottom: 0;
   background: url(/images/search6.png) center no-repeat;
   transition: 388ms;
}

.bidding-fix b:hover {
   border-color: #253580;
   background: #253580 url(/images/search3.png) center no-repeat;
}

.bidding-te {
   padding: 30px 18px 10px;
}

.bidding-te p {
   color: #646464;
   font-size: 14px;
}

.biddng1 .bidding-info {
   width: 48%;
   float: left;
}

.biddng1 .bidding-info:nth-child(2n+2) {
   float: right;
}

.biddng1 .bidding-info .bidding-fix {
   margin-left: 0;
   float: right;
   max-width: 320px;
}

.biddng1 .bidding-info span {
   width: auto;
}

.biddng1 .bidding-info .bidding-fix img {
   max-width: 100%;
}

.informate-box {
   padding: 52px 0 30px;
   background: #f8f8f8;
}

.informate-list li {
   width: 31%;
   float: left;
   height: 162px;
   background: #fff;
   margin-right: 3.5%;
   margin-bottom: 35px;
   position: relative;
}

.informate-list li a {
   display: block;
}

.informate-list li:nth-child(3n+3) {
   margin-right: 0;
}

.informate-list li i {
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 2px;
   background: #253580;
   transition: 320ms ease-in-out;
}

.informate-list li h3 {
   padding-top: 10px;
   color: #323232;
   font-size: 18px;
   font-weight: normal;
   padding-left: 26px;
   padding-right: 28px;
   line-height: 1.4;
}

.informate-time {
   position: absolute;
   overflow: hidden;
   left: 0;
   bottom: 0;
   width: 100%;
   transition: 340ms;
}

.informate-time:before {
   content: "";
   width: 100%;
   height: 36px;
   background: #253580;
   position: absolute;
   left: 0;
   top: 36px;
   transition: 320ms ease-in-out;
}

.informate-time time {
   display: inline-block;
   float: left;
   margin-left: 26px;
   color: #969696;
   font-size: 13px;
   line-height: 36px;
   padding-left: 12px;
   position: relative;
   transition: 300ms;
}

.informate-time time:before {
   content: "";
   width: 2px;
   height: 15px;
   background: #a0a0a0;
   position: absolute;
   left: 0;
   top: 10px;
   transition: 288ms;
}

.informate-time span {
   display: inline-block;
   float: right;
   line-height: 36px;
   margin-right: 28px;
   color: #646464;
   font-size: 13px;
   transition: 300ms;
   position: relative;
}

.informate-list li:hover i {
   width: 100%;
}

.informate-list li:hover .informate-time:before {
   top: 0;
}

.informate-list li:hover .informate-time time {
   color: #fff;
}

.informate-list li:hover .informate-time time:before {
   background: #fff;
}

.informate-list li:hover .informate-time span {
   color: #fff;
}

.informate-list {
   margin-bottom: 18px;
}

.biddings {
   background: #f8f8f8;
}

.bidding-wr {
   margin-top: -148px;
   position: relative;
}

.bidding-view {
   background: #fff;
   border-top: 8px solid #253580;
   padding: 36px 56px 94px;
}

.bidding-view h4 {
   text-align: center;
   line-height: 1.2;
   color: #323232;
   font-size: 20px;
   font-weight: normal;
   margin-bottom: 35px;
}

.bidding-view p {
   color: #646464;
   font-size: 13px;
   line-height: 2;
}

.bidding-wr .promores {
   width: 176px;
   height: 44px;
}

.bidding-wr .promores a {
   line-height: 44px;
   font-size: 14px;
}

/*荣誉*/
.honor-box {
   width: 860px;
   margin: auto;
}

.honor-li {
   float: left;
   width: 159px;
   height: 256px;
   position: relative;
   margin-left: -1px;
   border: 1px solid #d2d2d2;
   text-align: center;
   cursor: pointer;
   transition: 288ms;
}

.honor-li:before {
   content: "";
   width: 100%;
   height: 100%;
   background: #1d2088;
   position: absolute;
   left: 0;
   top: 0;
   transition: 354ms ease-in-out;
   opacity: 0;
   visibility: hidden;
}

.honor-li time {
   display: block;
   width: 97px;
   position: relative;
   margin: auto;
   padding-top: 43px;
   padding-bottom: 22px;
   line-height: normal;
   text-align: center;
   color: #253580;
   font-size: 30px;
   text-align: center;
   border-bottom: 1px solid #d2d2d2;
   font-family: "groteskiaregular";
   transition: 344ms ease-in-out;
}

.honor-li .honor-in {
   margin-top: 15px;
   position: relative;
}

.honor-li .honor-in span {
   display: block;
   color: #323232;
   font-size: 16px;
   padding: 6px 7px;
   transition: 322ms ease-in-out;
}

.honor-li b {
   display: block;
   width: 23px;
   height: 23px;
   background: url(/images/add1.png) center no-repeat;
   position: absolute;
   left: 50%;
   margin-left: -12px;
   bottom: 30px;
   opacity: 0;
   visibility: hidden;
   transition: 320ms ease-in-out;
}

.honor-in span:nth-child(2) {
   padding-top: 6px;
   position: relative;
}

.honor-in span:nth-child(2):before {
   content: "";
   width: 26px;
   height: 1px;
   background: #c9c9c9;
   position: absolute;
   left: 50%;
   margin-left: -13px;
   top: 0;
}

.honor-li:nth-child(1) {
   margin-top: 194px;
}

.honor-li:nth-child(3) {
   margin-top: 219px;
}

.honor-li:nth-child(4) {
   margin-top: 163px;
}

.honor-li:nth-child(5) {
   margin-top: 385px;
}

.honor-li:nth-child(n+6) {
   float: right;
   position: relative;
   top: -1px;
}

.honor-li:nth-child(6) {
   margin-right: 220px;
}

.honor-li:nth-child(7) {
   margin-top: 60px;
}

.honor-li:nth-child(8) {
   margin-top: -49px;
}

.honor-li:nth-child(9) {
   margin-top: 182px;
}

.honor-li:hover {
   border-color: #1d2088;
   z-index: 10;
}

.honor-li:hover:before {
   opacity: 1;
   visibility: visible;
}

.honor-li:hover time {
   color: #fff;
   border-color: #fff;
}

.honor-li:hover .honor-in span {
   color: #fff;
}

.honor-li:hover .honor-in span:nth-child(2):before {
   background: #fff;
}

.honor-li:hover b {
   opacity: 1;
   visibility: visible;
}

.honorfix {
   width: 860px;
   margin: auto;
}

.honorfix time {
   display: block;
   margin-bottom: 40px;
   color: #ffffff;
   font-size: 60px;
   font-family: "groteskiaregular";
   line-height: normal;
}

.honorfix time b {
   display: inline-block;
   color: #fff;
   font-size: 14px;
}

.honor-list {
   padding-left: 42px;
   position: relative;
   padding-bottom: 22px;
}

.honor-list:before {
   content: "";
   width: 1px;
   height: 100%;
   background: #fff;
   position: absolute;
   left: 41px;
   top: 0;
}

.honor-list li {
   margin-bottom: 58px;
   position: relative;
}

.honor-list li:last-child {
   margin-bottom: 0;
}

.honor-list li:before {
   content: "";
   width: 15px;
   height: 1px;
   background: #fff;
   position: absolute;
   left: -4px;
   top: 7px;
}

.honor-list li span {
   display: inline-block;
   float: left;
   color: #fff;
   line-height: normal;
   font-size: 16px;
   width: 254px;
   margin-left: 28px;
}

.honor-list li figure {
   float: left;
   line-height: normal;
   overflow: hidden;
}

.honor-list li figure img {
   display: block;
   max-width: 375px;
   height: auto;
}

#proPage {
   position: fixed;
   top: 0;
   left: 0;
   right: 0px;
   bottom: 0px;
   z-index: 1006;
   background: rgba(0, 0, 0, 0.9);
   background: #000\9;
   filter: alpha(opacity=90);
   overflow: hidden;
   -webkit-overflow-scrolling: touch;
   display: block;
   visibility: hidden;
   z-index: 1010;
   opacity: 0;
   transition: 560ms;
}

.pro-bd {
   left: 50%;
   width: 860px;
   margin-left: -430px;
   cursor: default;
   opacity: 0;
   transform: scale(0.9) translateY(100%);
   -webkit-transform: scale(0.9) translateY(100%);
   -moz-transform: scale(0.9) translateY(100%);
   position: absolute;
   top: 50%;
   visibility: hidden;
   z-index: 1020;
}

.closes {
   position: absolute;
   overflow: hidden;
   height: 21px;
   width: 21px;
   right: 16px;
   top: 16px;
   z-index: 1030;
   cursor: pointer;
   background-color: #B0000D;
   background: url(/images/close1.png) no-repeat scroll center center;
   transition: 480ms;
}

.closes:hover {
   transform: rotate(180deg);
   -webkit-transform: rotate(360deg);
   -o-transform: rotate(360deg);
   -moz-transform: rotate(360deg);
}

html.openPH body {
   -webkit-transition: all 0s;
   -moz-transition: all 0s;
   -ms-transition: all 0s;
   transition: all 0s;
}

html.openPH #proPage {
   overflow-y: auto;
}

html.openPH .honorfix {
   overflow-y: auto;
}

html.openPH #proPage .pro-bd {
   top: 0;
   position: absolute;
   box-sizing: border-box;
   margin-top: 0 !important;
}

html.openPH #proPage .pro-bd1 {
   width: 1100px;
   left: 50%;
}

.pro-page {
   position: relative;
}

html.openPro #proPage {
   visibility: visible;
   opacity: 1;
   transition: 560ms;
}

html.openPro .pro-bd {
   opacity: 1;
   transform: scale(1) translateY(0);
   transition: 650ms 150ms;
   -webkit-transition: 650ms 150ms;
   -webkit-transform: scale(1) translateY(0);
   -moz-transform: scale(1) translateY(0);
   visibility: visible;
}



.business.article-block .owl-carousel .owl-item {
   opacity: 0;
   position: relative;
   top: 45px;
}

.business.articleShow .owl-carousel .owl-item {
   opacity: 1;
   top: 0;
}

.special-item.article-block {
   opacity: 0;
   left: 50px;
}

.special-item.articleShow {
   opacity: 1;
   left: 0;
   transition: 588ms 120ms;
}

.special-img.article-block {
   opacity: 0;
   left: 50px;
}

.special-img.articleShow {
   opacity: 1;
   left: 0;
   transition: 588ms 420ms;
}

.special-info .special-img:nth-child(2).articleShow {
   transition: 588ms 420ms;
}

.special-info .special-img:nth-child(3).articleShow {
   transition: 588ms 720ms;
}

.special-info .special-img:nth-child(4).articleShow {
   transition: 588ms 1020ms;
}

.exhibite.article-block,
.magazine.article-block {
   opacity: 0;
   top: 45px;
}

.exhibite.articleShow,
.magazine.articleShow {
   opacity: 1;
   top: 0;
   transition: 840ms 100ms;
}

.magazine.articleShow {
   transition: 720ms 420ms;
}

.speciaspan span {
   color: #ffffff;
   font-size: 32px;
   font-weight: bold;
   line-height: 80px;
}

.newsd1 .dynamic-box {
   padding-top: 0;
}

.new-list {
   display: none;
}

.newindex .new-list:nth-child(1) {
   display: block;
}

.sceclal-list {
   float: left;
   width: 75%;
}

.cultures {
   background: #fff;
}

.cultures h3 {
   color: #fff;
   padding-left: 70px;
   background: #253580;
   font-size: 12px;
   font-weight: normal;
   line-height: 21px;
}

.culture-view {
   padding: 40px 70px 24px;
}

.culture-view h2 {
   color: #323232;
   font-size: 26px;
   text-align: center;
   line-height: normal;
   margin-bottom: 22px;
   font-weight: normal;
}

.culture-view p {
   color: #646464;
   font-size: 13px;
   line-height: 2;
   padding-bottom: 30px;
   border-bottom: 1px solid #d2d2d2;
}

.culture-view small {
   padding-top: 10px;
   line-height: normal;
   color: #969696;
}


.frameHtml1 .pro-bd {
   left: 50%;
   width: 754px;
   margin-left: -377px;
   cursor: default;
   opacity: 0;
   transform: scale(0.9) translateY(100%);
   -webkit-transform: scale(0.9) translateY(100%);
   -moz-transform: scale(0.9) translateY(100%);
   position: fixed;
   top: 50%;
   visibility: hidden;
   z-index: 1020;
}

.frameHtml1 .closes {
   position: absolute;
   overflow: hidden;
   height: 21px;
   width: 21px;
   right: -55px;
   top: 0;
   z-index: 1030;
   cursor: pointer;
   background-color: #B0000D;
   background: url(/images/close2.png) no-repeat scroll center center;
   transition: 480ms;
}

html.openPH .frameHtml1 .pro-bd {
   top: 0;
   position: absolute;
   width: 100%;
   left: 0;
   box-sizing: border-box;
   margin-top: 0 !important;
   margin-left: 0 !important;
}

#pbNav {
   display: none !important;
}

.dynamic-seled {
   padding-bottom: 14px;
   margin-bottom: 16px;
   border-bottom: 2px solid #a0a0a0;
}

.dynamic-seled a {
   display: inline-block;
   float: left;
   line-height: normal;
   color: #323232;
   font-size: 18px;
   font-weight: bold;
   margin-right: 52px;
   padding-left: 20px;
   position: relative;
}

.dynamic-seled a:before {
   content: "";
   width: 11px;
   height: 11px;
   background: url(/images/dit.png) center no-repeat;
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -5px;
   transition: 300ms ease-in-out;
   opacity: 0;
   transform: scale(0.5);
   -webkit-transform: scale(0.5);
   -moz-transform: scale(0.5);
   visibility: hidden;
}

.dynamic-seled a:hover,
.dynamic-seled a.now {
   color: #253580;
}

.dynamic-seled a:hover:before,
.dynamic-seled a.now:before {
   opacity: 1;
   visibility: visible;
   transform: scale(1);
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
}

.projects-fix {
   margin-top: 82px;
}

.projected li {
   width: 10%;
   float: left;
   position: relative;
   padding-top: 95px;
   height: 332px;
   background: #1a2661;
   text-align: center;
   transition: 430ms ease-in-out;
}

.projected li:hover {
   background: #253580;
}

.projected li.on {
   width: 50%;
}

.projected li.on h4 {
   opacity: 0;
   visibility: hidden;
}

.projected li.on .project-t {
   opacity: 1;
   visibility: visible;
   width: 100%;
   left: 0;
}

.projected li.on .project-t .project-wr {
   opacity: 1;
   visibility: visible;
   margin-top: 0;
   transition: 560ms 430ms;
}

.projected li:before {
   content: "";
   width: 1px;
   height: 100%;
   background: #253580;
   position: absolute;
   right: 0;
   bottom: 0;
}

.projected li:last-child:before {
   display: none;
}

.projected li b {
   display: block;
   width: 32px;
   height: 32px;
   position: absolute;
   left: 32px;
   top: 22px;
   z-index: 10;
   transition: 300ms;
}

.projected li:nth-child(1) b {
   background: url(/images/pro1.png) center no-repeat;
}

.projected li:nth-child(2) b {
   background: url(/images/pro2.png) center no-repeat;
}

.projected li:nth-child(3) b {
   background: url(/images/pro3.png) center no-repeat;
}

.projected li:nth-child(4) b {
   background: url(/images/pro4.png) center no-repeat;
}

.projected li:nth-child(5) b {
   background: url(/images/pro5.png) center no-repeat;
}

.projected li:nth-child(6) b {
   background: url(/images/pro6.png) center no-repeat;
}

.projected li h4 {
   display: block;
   width: 18px;
   color: #ebecf4;
   font-family: "微軟正黑體", "微软雅黑";
   font-size: 18px;
   margin: auto;
   line-height: 1.1;
   transition: 300ms;
}

.projected li h4 i {
   display: block;
   height: 15px;
}

.project-t {
   position: absolute;
   left: 50%;
   top: 0;
   width: 0%;
   height: 100%;
   background: #253580;
   opacity: 0;
   visibility: hidden;
   transition: 520ms ease-in-out;
}

.project-wr {
   padding: 94px 22% 0;
   text-align: center;
   opacity: 0;
   margin-top: 40px;
   visibility: hidden;
   transition: 360ms 0ms;
}

.project-wr h3 {
   color: #ebecf4;
   font-size: 26px;
   font-family: "微軟正黑體", "微软雅黑";
   line-height: normal;
   margin-bottom: 30px;
   text-align: center;
}

.project-wr p {
   color: #ebecf4;
   font-size: 14px;
   font-family: "微軟正黑體", "微软雅黑";
   line-height: 2;
   text-align: left;
}

.project-wr i {
   width: 14px;
   height: 42px;
   display: block;
   background: url(/images/arro.png) center no-repeat;
   position: absolute;
   left: 42px;
   bottom: 40px;
}

/* Slider */
.slick-slider {
   position: relative;
   display: block;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -ms-touch-action: none;
   touch-action: none;
   -webkit-tap-highlight-color: transparent;
}

.slick-list {
   position: relative;
   overflow: hidden;
   display: block;
   margin: 0;
   padding: 0;
}

.slick-list:focus {
   outline: none;
}

.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: 1;
   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;
   top: 50%;
   margin-top: -10px;
   padding: 0;
   border: none;
   outline: none;
}

.slick-prev:focus,
.slick-next:focus {
   outline: none;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
   opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
   font-family: "slick";
   font-size: 20px;
   line-height: 1;
   color: white;
   opacity: 0.85;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}

/* Dots */
.slick-slider {
   margin-bottom: 30px;
}

.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;
}

/*.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }*/


.map-content {
   position: relative;
}

.wechart {
   position: absolute;
   right: 0;
   bottom: -37px;
}

.wechart img {
   display: block;
   width: 84px;
   height: auto;
}

.wechart span {
   display: block;
   text-align: center;
   color: #323232;
   line-height: 1;
   margin-top: 6px;
}

.specialflex {
   position: fixed;
   left: 0;
   bottom: 100px;
   width: 150px;
   z-index: 20;
   line-height: 0;
}

.specialflex img {
   width: 100%;
   height: auto;
}

.specialflex span.close {
   display: block;
   width: 22px;
   height: 22px;
   position: absolute;
   right: 3px;
   top: 3px;
   z-index: 3;
   cursor: pointer;
}

.list-padding {
   padding: 35px 0;
}<!--耗时1793533206.957秒-->