/* leader */
.s-page-title { padding: 40px 0 30px; border-bottom: 1px solid #eee; font-size: 24px; line-height: 1; text-align: center; color: #007efe; }

.s-page-stitle { font-size: 24px; line-height: 75px; color: #fff; text-align: center; height: 75px; border-radius: 3px; background: url(../upload/page/bg_title.jpg) no-repeat center center; }

.s-leader-tab { font-size: 0; text-align: center; }
.s-leader-tab span { margin: 0 5px; display: inline-block; vertical-align: top; width: 145px; height: 36px; border-radius: 3px; font-size: 18px; line-height: 2; background-color: #d2d2d2; color: #333; cursor: pointer; }
.s-leader-tab span.current { background-color: #007efe; color: #fff; }

.s-leader-main { border-top: 1px solid #eee; margin-bottom: 70px; display: none; }
.s-leader-main.active { display: block; }

.sleader-list { position: relative; padding-left: 245px; border-bottom: 1px solid #eee; }

.sleader-list-title { position: absolute; top: 40px; left: 80px; font-size: 18px; line-height: 1; color: #007efe; }

.sleader-list-body { padding-top: 40px; border-left: 1px solid #eee; font-size: 0; }

.sleader-item { display: inline-block; vertical-align: top; width: 180px; margin-left: 40px; margin-bottom: 40px; margin-right: 15px; }
.sleader-item img { display: block; height: 180px; }
.sleader-item h3 { font-size: 16px; line-height: 2; color: #333; font-weight: 700; }
.sleader-item p { font-size: 16px; line-height: 1.5; color: #666; }

/* leader-detail */
.s-leader-detail { padding-bottom: 40px; border-bottom: 1px solid #eee; }
.s-leader-detail > div { display: inline-block; vertical-align: top; }

.sleader-detail-img { width: 320px; }
.sleader-detail-img img { display: block; }

.sleader-detail-intro { width: 700px; }
.sleader-detail-intro h1 { font-size: 24px; line-height: 40px; }
.sleader-detail-intro h1 span { padding-left: 15px; font-size: 18px; color: #007efe; }
.sleader-detail-intro .job { padding-top: 10px; font-size: 16px; line-height: 1.5; color: #666; }
.sleader-detail-intro .des { font-size: 16px; line-height: 1.5; color: #999; }

.s-leader-other { position: relative; padding-left: 280px; }

.sleader-other-left { position: absolute; top: 0; left: 0; bottom: 40px; width: 210px; background-color: #eee; }

.sleader-other-right .sleader-item { margin-right: 0; margin-left: 45px; }

.sleader-other-back { position: absolute; top: 50%; right: 0; left: 0; margin-top: -35px; font-size: 16px; line-height: 2; color: #999; text-align: center; }
.sleader-other-back img { display: block; margin: 0 auto; }

/* about-us */
.page-main { font-size: 0; }
.page-main > div { display: inline-block; vertical-align: top; }

.page-main-con { width: 840px; margin-right: 60px; }

.page-main-aside { width: 300px; }

.about-header { font-size: 0; padding-bottom: 40px; border-bottom: 1px solid #eee; }

.about-header-img { display: inline-block; vertical-align: top; width: 210px; }
.about-header-img img { display: block; min-width: 170px; }

.about-header-intro { display: inline-block; vertical-align: top; width: 630px; }
.about-header-intro h1 { margin-bottom: 10px; font-size: 24px; line-height: 1; color: #333; }
.about-header-intro h3 { margin-bottom: 20px; font-size: 16px; line-height: 2; color: #333; }
.about-header-intro .des { font-size: 16px; line-height: 30px; color: #666; text-align: justify; }

.about-header-con { padding-top: 40px; font-size: 16px; line-height: 30px; color: #666; text-align: justify; }

.link-about-more { display: inline-block; vertical-align: top; width: 140px; height: 40px; border: 1px solid #007efe; border-radius: 3px; font-size: 16px; line-height: 38px; text-align: center; color: #007efe; }

.center { text-align: center; }

.page-aside-title { height: 26px; border-left: 4px solid #007efe; font-size: 18px; line-height: 26px; color: #333; text-indent: 10px; }

.list-aside-special { font-size: 0; text-align: center; }
.list-aside-special li { margin-bottom: 20px; display: inline-block; vertical-align: top; width: 33.3333%; }
.list-aside-special li img { display: block; margin: 0 auto; }
.list-aside-special li p { font-size: 14px; line-height: 1; color: #666; }
.list-aside-special li.current p { color: #007efe; }

/* about-framework */
.about-fw-title { position: relative; text-align: center; }
.about-fw-title span { font-size: 84px; color: #007efe; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=12); opacity: 0.12; line-height: 1; font-weight: 700; }
.about-fw-title p { position: absolute; right: 0; bottom: 0; left: 0; font-size: 16px; color: #007efe; font-weight: 700; }

.list-fw { position: relative; font-size: 0; position: relative; }
.list-fw > li { display: inline-block; vertical-align: top; }
.list-fw:before { content: ''; position: absolute; top: 0; right: 0; left: 0; height: 3px; background-color: #007efe; }

.list-fw-01 { left: -12px; width: 1224px; }
.list-fw-01 li { width: 33.3333%; }
.list-fw-01 .list-fw-item { margin-right: 12px; margin-left: 12px; }
.list-fw-01 .list-fw-item__img:before { padding-top: 46.875%; }
.list-fw-01:before { right: 16.66665%; left: 16.66665%; }

.list-fw-02 { left: -8px; width: 1216px; }
.list-fw-02 li { width: 25%; }
.list-fw-02 .list-fw-item { margin-right: 8px; margin-left: 8px; }
.list-fw-02 .list-fw-item__img:before { padding-top: 47.5%; }
.list-fw-02:before { right: 12.5%; left: 12.5%; }

.list-fw-03 { width: 912px; margin-right: auto; margin-left: auto; }
.list-fw-03 li { width: 33.3333%; }
.list-fw-03 .list-fw-item { margin-right: 8px; margin-left: 8px; }
.list-fw-03 .list-fw-item__img:before { padding-top: 47.5%; }
.list-fw-03:before { right: 16.66665%; left: 16.66665%; }

.list-fw-04 { width: 290px; margin-right: auto; margin-left: auto; }
.list-fw-04 li { width: 100%; }
.list-fw-04 .list-fw-item__img:before { padding-top: 47.5%; }
.list-fw-04:before { right: 25%; left: 25%; }

.list-fw-item { position: relative; border-radius: 5px; margin-top: 40px; }
.list-fw-item:before { content: ''; position: absolute; top: -40px; left: 50%; margin-left: -2px; width: 3px; height: 40px; background-color: #007efe; }

.list-fw-item__img { position: relative; overflow: hidden; }
.list-fw-item__img:before { content: ''; display: block; }
.list-fw-item__img img { position: absolute; top: 0; left: 0; width: 100%; }

.list-fw-item__title { height: 40px; font-size: 16px; line-height: 40px; background-color: #007efe; color: #fff; text-align: center; }

/* magazine */
.magazine-title { padding-bottom: 30px; border-bottom: 1px solid #eee; font-size: 24px; line-height: 1; color: #333; }

.filter-box { position: relative; padding-left: 80px; padding-right: 60px; border-bottom: 1px solid #eee; font-size: 14px; line-height: 20px; height: 30px; overflow: hidden; }
.filter-box.open { height: auto; }
.filter-box.open .filter-more:after { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.filter-label { position: absolute; top: 0; left: 0; width: 80px; color: #007efe; text-align: right; }
.filter-label:before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 3px; background-color: #007efe; }

.filter-option { font-size: 0; }
.filter-option span { display: inline-block; vertical-align: top; margin-left: 50px; margin-bottom: 10px; font-size: 14px; color: #999; cursor: pointer; }
.filter-option span:hover, .filter-option span.active { color: #007efe; }

.filter-more { position: absolute; top: 0; right: 0; padding-right: 20px; color: #999; cursor: pointer; }
.filter-more:hover { color: #007efe; }
.filter-more:hover:after { border-top-color: #007efe; }
.filter-more:after { content: ''; position: absolute; top: 50%; margin-top: -2px; right: 7px; border-top: 4px solid #333; border-right: 3px solid transparent; border-left: 3px solid transparent; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; }

.list-magazine { font-size: 0; }

.magazine-item { margin-bottom: 50px; display: inline-block; vertical-align: top; width: 390px; }
.magazine-item:nth-of-type(2n) { margin-left: 60px; }
.magazine-item:hover .magazine-item-info h3, .magazine-item:hover .magazine-item-info a { color: #007efe; }
.magazine-item .list-num { margin-top: 10px; }

.list li:hover .list-cate { color: #fff; }
.list li:hover .list-cate.blue { background-color: #007efe; }
.list li:hover .list-cate.yellow { background-color: #ffbb4c; }
.list li:hover .list-cate.red { background-color: #ff655d; }

.magazine-item-img { display: inline-block; vertical-align: top; width: 135px; }
.magazine-item-img img { display: block; width: 100%; }

.magazine-item-info { display: inline-block; vertical-align: top; width: 235px; margin-left: 20px; }
.magazine-item-info h3 { margin-bottom: 5px; font-size: 18px; line-height: 1.5; color: #333; -moz-transition: color 0.3s; -o-transition: color 0.3s; -webkit-transition: color 0.3s; transition: color 0.3s; }
.magazine-item-info h3 a { color: #333; }
.magazine-item-info .des { margin-top: 15px; font-size: 14px; line-height: 22px; height: 66px; overflow: hidden; color: #666; }

.list-cate { display: inline-block; vertical-align: top; width: 76px; height: 24px; border: 1px solid transparent; border-radius: 3px; font-size: 14px; line-height: 22px; text-align: center; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.list-cate.blue { color: #007efe; border-color: #007efe; }
.list-cate.yellow { color: #ffbb4c; border-color: #ffbb4c; }
.list-cate.red { color: #ff655d; border-color: #ff655d; }

.list-num { font-size: 0; }
.list-num span { position: relative; padding-left: 24px; margin-right: 20px; display: inline-block; vertical-align: top; font-size: 14px; line-height: 24px; color: #666; }
.list-num span i { position: absolute; top: 0; left: 0; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center center; background-size: contain; -webkit-filter: grayscale(1); filter: grayscale(1); }
.list-num span:hover i { -webkit-filter: grayscale(0); filter: grayscale(0); }

.page-aside-ad img { display: block; width: 100%; }

.mt-15 { margin-top: 15px; }

.page-aside-activity .list-type-e { padding-right: 0; padding-left: 0; }
.page-aside-activity .list-type-e > a > .wr-txt { width: 148px; }

/* video */
.video-box { width: 390px; height: 200px; margin-right: auto; margin-left: auto; }

.video-item { position: relative; }

.video-item[data-playing=true]:before, .video-item[data-playing=true] .video-item-bg, .video-item[data-playing=true] .video-item-btn { opacity: 0; }

.video-item video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; }

.video-item:before { content: ''; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; -moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }

.video-item-bg { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; background-size: cover; }

.video-item-btn { position: absolute; z-index: 3; top: 50%; left: 50%; margin: -21px 0 0 -21px; width: 42px; height: 42px; background: url(../upload/page/bg_player.png) no-repeat center center; cursor: pointer; opacity: 0; -moz-transition: opacity 0.3s; -o-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.list-video-item { width: 390px; margin-bottom: 60px; display: inline-block; vertical-align: top; }
.list-video-item:nth-of-type(2n) { margin-left: 60px; }
.list-video-item h3 { padding: 15px 0; font-size: 18px; line-height: 1.5; color: #333; }
.list-video-item .list-num { margin-left: 15px; display: inline-block; vertical-align: top; }
.list-video-item:hover .video-item-btn { opacity: 1; }
.list-video-item:hover .video-item:before { background-color: rgba(0, 0, 0, 0.4); }
.list-video-item:hover h3 { color: #007efe; }

/*# sourceMappingURL=page.css.map */