@charset "utf-8"; /**Base Reset**/ * {margin: 0; padding: 0;} html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-y: scroll; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} :focus {outline: 0;} img {border: 0;} a img {vertical-align: middle;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} .clear {width: 100%; height: 0; line-height: 0; font-size: 0; overflow: hidden; clear: both; display: block; _display: inline;} .none {display: none;} .hidden {visibility: hidden;} .clearfix:after {clear: both; content: ""; display: block; height: 0; visibility: hidden;} .clearfix {display: block; *zoom:1;} body, p {font: 14px/1 Helvetica, STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Tohoma, Arial; color: #333; font-family: "Microsoft YaHei";} body {background-color: #fff;} a {text-decoration: none; color: #333; transition: all 0.4s ease-in-out;} a:hover {text-decoration: none; color: #e6b41d;} .wrapper {width: 100%; background-color: #fff;} .wrapper .inner {width: auto; max-width: 1300px; margin: 0 auto;} /*Scroll*/ ::-webkit-scrollbar {width: 6px; height: 6px; background-color: #F5F5F5;} ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #FFF;} ::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #AAA;} /*CSS3 Extended Properties*/ ::-webkit-input-placeholder {color: #fff;} :-moz-placeholder {color: #fff;} ::-moz-placeholder {color: #fff;} :-ms-input-placeholder {color: #fff;} /*Animation*/ @keyframes move { 0% {transform:scale(1.2) translate(100px, -20px)} 50% {transform:scale(1.0)translate(10px, 20px)} 100% {transform:scale(1.0)translate(0px, 0px)} } /**Header**/ .header {background: #567a94;} .header .inner {padding: 25px 0;} /*logo*/ .logo-panel {float: left;} .logo-window {padding: 2px 0; margin-left: 10px;} .logo-window img {vertical-align: middle;} /*search*/ .search-panel {float: right; position: relative; margin: 26px 5px 0 0;} .search-window {overflow: hidden; width: 38px; background: #e6b41d; border-radius: 38px;} .search-con {width: 38px; height: 38px; border: 0; outline: 0; background: url(../images/searchbg.png) center no-repeat; position: absolute; right: 0; top: 0; z-index: 120; cursor: pointer;} .wp-search {position: relative;} .wp-search form {display: block;} .wp-search .search-input {margin: 0 38px 0 14px;} .wp-search .search-input input.search-title {width: 100%; height: 38px; line-height: 38px; border: 0; outline: 0; background: none; color: #fff; font-size: 14px;} .wp-search .search-btn {width: 38px; height: 38px; position: absolute; right: 0; top: 0;} .wp-search .search-btn input.search-submit {width: 38px; height: 38px; border: 0; outline: 0; background: url(../images/searchbg.png) center no-repeat; cursor: pointer;} /*motto*/ .motto {float: right; margin: 20px 20px 0 0;} .motto img {max-width: 100%;} /**Navi**/ .navi {background: #49687e; height: 48px; z-index: 9999; position: relative;} .main-nav-panel {position: relative; bottom: 2px;} .menu-switch-arrow {display: none;} .main-nav-panel .menu {margin: 0 auto;} .main-nav-panel .menu .menu-item {display: inline-block; float: left; position: relative; z-index: 100;} .main-nav-panel .menu .menu-item a.menu-link {display: inline-block; padding: 0 45px; height: 48px; line-height: 48px; color: #fff; font-size: 18px; border-top: 2px solid #567a94;} .main-nav-panel .menu .menu-item a.menu-link:hover, .main-nav-panel .menu .menu-item a.menu-link.parent {text-decoration: none; border-top: 2px solid #e6b41d; background: #2b4b61;} .main-nav-panel .sub-menu {background: #fff; display: none; position: absolute; left: 0; top: 50px; z-index: 100; min-width: 100%; text-align: center; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding-bottom: 10px;} .main-nav-panel .sub-menu .sub-item {position: relative; white-space: nowrap; vertical-align: top; _zoom: 1;} .main-nav-panel .sub-menu .sub-item a {display: block; color: #6c6c6c; height: 44px; line-height: 44px; padding: 0 10px; font-size: 16px;} .main-nav-panel .sub-menu .sub-item a:hover {color: #2472a3; display: block; background: #ececec;} .main-nav-panel .sub-menu .sub-menu {left: 100%; top: 0; z-index: 200; background-color: #e6e6e6; border-left: 1px solid #ddd;} /**Jumbotron**/ .jumbotron {overflow: hidden; position: relative; bottom: 2px;} .jumbotron .inner {max-width: 1920px; width: 100%;} .fcous-panel {width: 100%; margin: 0 auto;} .focus .focus-title-bar {height: 72px; max-width: 1300px; margin-left: -650px; left: 50%; right: auto; bottom: 7.5%; margin-bottom: -5.4px;} .focus .focus-title-bg {background: url(../images/focusbg.png) right center no-repeat; opacity: 1; filter: alpha(opacity=100);} .focus .focus-title {width: auto; max-width: 800px; height: 72px; line-height: 72px; font-size: 25px; padding: 0 155px 0 26px; font-weight: normal; font-family: "Microsoft YaHei"; overflow: hidden; text-overflow: ellipsis;} .focus .focus-title a:hover {color: #e6b41d;} .focus .focus-navigation {width: 56px; height: 56px; line-height: 56px; text-indent: -9999px;} .focus .focus-prev {left: 5%; margin-left: -2.8px; background: url(../images/slidebg.png) left center no-repeat;} .focus .focus-next {right: 5%; margin-right: -2.8px; background: url(../images/slidebg.png) right center no-repeat;} .focus .focus-navigation:hover {opacity: 1; filter: alpha(opacity=100);} .focus .focus-pagination {max-width: 1300px; right: 50%; margin-right: -650px; height: 16px; bottom: 5%; margin-bottom: -0.8px;} .focus .focus-page {background: url(../images/active.png) center no-repeat; border-radius: 50%; margin: 3px 8px;} .focus .focus-page.focus-page-active {width: 16px; height: 16px; line-height: 16px; background: url(../images/activebg.png) center no-repeat; margin: 0 8px;} /**Fixed**/ .fixed {display: block; position: absolute; right: 0; top: 50%; width: auto; max-width: 70px; margin-top: -172.5px; z-index: 9999; background: url(../images/fixbg.png) repeat; animation: move 2s ease-out;} .fixed .inner {max-width: 100%; padding: 15px 0 10px 0;} .fixed-panel .menu {margin: 0 auto;} .fixed-panel .menu .menu-item {display: block; position: relative; z-index: 100;} .fixed-panel .menu .menu-item a.menu-link {display: block; padding: 30px 11px 12px 11px; height: 22px; line-height: 22px; color: #fff; font-size: 12px;} .fixed-panel .menu .menu-item.i1 a.menu-link {background: url(../images/fix-icon.png) center -17px no-repeat; text-indent: -9999px;} .fixed-panel .menu .menu-item.i2 a.menu-link {background: url(../images/fix-icon.png) center -81px no-repeat;} .fixed-panel .menu .menu-item.i3 a.menu-link {background: url(../images/fix-icon.png) center -145px no-repeat;} .fixed-panel .menu .menu-item.i4 a.menu-link {background: url(../images/fix-icon.png) center -210px no-repeat;} .fixed-panel .menu .menu-item.i5 a.menu-link {background: url(../images/fix-icon.png) center -276px no-repeat;} .fixed-panel .menu .menu-item a.menu-link:hover, .fixed-panel .menu .menu-item a.menu-link.parent {text-decoration: none; opacity: 0.7; filter: alpha(opacity=70);} /**Channel**/ .channel {background: #e3e7ea;display:none;} .channel .inner {padding: 24px 0 20px 0;} .channel-panel .menu {margin: 0 auto;} .channel-panel .menu .menu-item {display: inline-block; float: left; position: relative; z-index: 100; width: 11.1%; text-align: center;} .channel-panel .menu .menu-item a.menu-link {width: 100%; display: inline-block; padding: 52px 0 0px 0; height: 30px; line-height: 30px; color: #3e3e3e; font-size: 14px; background: url(../images/icon/icon-1.png) center 4px no-repeat;} .channel-panel .menu .menu-item.i1 a.menu-link {background: url(../images/icon/icon-1.png) center 4px no-repeat;} .channel-panel .menu .menu-item.i2 a.menu-link {background: url(../images/icon/icon-2.png) center top no-repeat;} .channel-panel .menu .menu-item.i3 a.menu-link {background: url(../images/icon/icon-3.png) center 1px no-repeat;} .channel-panel .menu .menu-item.i4 a.menu-link {background: url(../images/icon/icon-4.png) center top no-repeat;} .channel-panel .menu .menu-item.i5 a.menu-link {background: url(../images/icon/icon-5.png) center top no-repeat;} .channel-panel .menu .menu-item.i6 a.menu-link {background: url(../images/icon/icon-6.png) center top no-repeat;} .channel-panel .menu .menu-item.i7 a.menu-link {background: url(../images/icon/icon-7.png) center 1px no-repeat;} .channel-panel .menu .menu-item.i8 a.menu-link {background: url(../images/icon/icon-8.png) center 3px no-repeat;} .channel-panel .menu .menu-item.i9 a.menu-link {background: url(../images/icon/icon-9.png) center 3px no-repeat;} .channel-panel .menu .menu-item.i1 a.menu-link:hover {background: url(../images/icon/icon-1h.png) center 4px no-repeat;} .channel-panel .menu .menu-item.i2 a.menu-link:hover {background: url(../images/icon/icon-2h.png) center top no-repeat;} .channel-panel .menu .menu-item.i3 a.menu-link:hover {background: url(../images/icon/icon-3h.png) center 1px no-repeat;} .channel-panel .menu .menu-item.i4 a.menu-link:hover {background: url(../images/icon/icon-4h.png) center top no-repeat;} .channel-panel .menu .menu-item.i5 a.menu-link:hover {background: url(../images/icon/icon-5h.png) center top no-repeat;} .channel-panel .menu .menu-item.i6 a.menu-link:hover {background: url(../images/icon/icon-6h.png) center top no-repeat;} .channel-panel .menu .menu-item.i7 a.menu-link:hover {background: url(../images/icon/icon-7h.png) center 1px no-repeat;} .channel-panel .menu .menu-item.i8 a.menu-link:hover {background: url(../images/icon/icon-8h.png) center 3px no-repeat;} .channel-panel .menu .menu-item.i9 a.menu-link:hover {background: url(../images/icon/icon-9h.png) center 3px no-repeat;} .channel-panel .menu .menu-item a.menu-link:hover {text-decoration: none; color: #e6b41d; background: url(../images/icon/icon-1h.png) center 4px no-repeat;} /**List**/ /*col-wrap*/ .column-menu {width: 232px; background-color: #f5f5f5; position: relative; float: left; margin-right: -232px;} .column-news {float: right; width: 100%;} .column-news .column-news-box {margin-left: 292px;} /*col-head*/ .column-head {background: #567a94 url(../images/columnbg.png) right top no-repeat; line-height: 36px;} .column-head .column-anchor {padding: 23px 10px;} .column-head .column-anchor .column-switch {display: block; width: 36px; height: 36px; float: right; display: none; background: url(img/menu-dot-white.png) no-repeat center;} .column-head .column-anchor h3.anchor-title {display: inline-block; float: left; font-size: 30px; font-weight: normal; color: #fff; padding-left: 28px;} /*column-list*/ .column-body {background: #edeff0;} .column-body .column-list {padding: 11px 0 65px 13px;} .column-list-wrap li {width: 100%; vertical-align: bottom;} .column-list-wrap li a {display: block; width: 100%; font-size: 18px; color: #353535; background: #edeff0 url(../images/col-listbg.png) 22px center no-repeat;} .column-list-wrap li a:hover {color: #567a94; text-decoration: none; background: #fff url(../images/col-listbgh.png) 22px center no-repeat;} .column-list-wrap li.selected a.selected {color: #567a94; background: #fff url(../images/col-listbgh.png) 22px center no-repeat;} .column-list-wrap li.parent a.parent {color: #567a94; background: #fff url(../images/col-listbgh.png) 22px center no-repeat;} .column-list-wrap li a span {display: block; padding: 10px 10px 10px 46px; line-height: 28px;} .column-list-wrap .sub-list li a {font-size: 17px; color: #353535; background: #edeff0 url(../images/col-listbg.png) 32px center no-repeat;} .column-list-wrap .sub-list li a:hover {color: #567a94; background: #fff url(../images/col-listbgh.png) 32px center no-repeat;} .column-list-wrap .sub-list li.selected a.selected {color: #567a94; background: #fff url(../images/col-listbgh.png) 32px center no-repeat;} .column-list-wrap .sub-list li.paarent a.paarent {color: #567a94; background: #fff url(../images/col-listbgh.png) 32px center no-repeat;} .column-list-wrap .sub-list li a span {padding: 10px 10px 10px 56px; line-height: 24px;} .column-list-wrap .sub-list .sub-list li a {font-size: 16px; color: #353535; background: #edeff0 url(../images/col-listbg.png) 42px center no-repeat;} .column-list-wrap .sub-list .sub-list li a:hover {color: #567a94; background: #fff url(../images/col-listbgh.png) 42px center no-repeat;} .column-list-wrap .sub-list .sub-list li.selected a.selected {color: #567a94; background: #fff url(../images/col-listbgh.png) 42px center no-repeat;} .column-list-wrap .sub-list .sub-list li.parent a.parent {color: #567a94; background: #fff url(../images/col-listbgh.png) 42px center no-repeat;} .column-list-wrap .sub-list .sub-list li a span {padding: 10px 10px 10px 66px; line-height: 20px;} /*current location*/ .list-head {padding: 0 0 10px 0; border-bottom: 1px solid #e4e4e4;} .list-meta .column-path {float: right; line-height: 36px; color: #737373; font-size: 12px;} .list-meta .column-path a {color: #737373;} .list-meta .column-path a:hover {color: #e6b41d;} .list-meta .column-path .possplit {background: url(../images/posbg.png) center no-repeat; width: 22px; display: inline-block;} .list-meta .column-title {float: left; display: inline-block; white-space: nowrap; line-height: 36px; font-size: 18px; font-weight: bold; color: #464646;} /*column-news-list*/ .column-news-con {padding: 20px 0; min-height: 300px;} .cols_list {width: 100%; display: inline-block; border-bottom: 2px solid #dfe2e1; padding-bottom: 14px;} .cols_list .cols {width: 100%; display: inline-block; border-bottom: 1px solid #efefef;} .cols_list .cols.n14 {border: 0;} .cols_list .cols:last-child {border: 0;} .cols_list .cols .cols_title {width: 82%; display: inline-block; line-height: 44px; font-size: 15px; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #3d3d3d;} .cols_list .cols .cols_title a {color: #3d3d3d; padding-left: 35px;} .cols_list .cols .cols_title a:hover {color: #e6b41d;} .cols_list .cols .cols_meta {float: right; font-size: 15px; color: #6a6a6a; line-height: 44px;} /*column-news-arti*/ .wp_entry {width: auto; margin: 0 6px;} .wp_entry, .wp_entry p {line-height: 44px; font-size: 15px; text-align: justify; font-family: "Microsoft YaHei";} .wp_entry p {margin-bottom: 10px;} .wp_entry a {color: #567a94;} .wp_entry a:hover {color: #e6b41d;} /*page*/ .wp_paging {display: block; margin: 0; padding: 0; list-style: none; font-size: 14px; font-family: 'Microsoft Yahei', Verdana, Geneva, sans-serif; color: #6a6a6a; float: right; margin: 28px 0;} .wp_paging input {font-size: 14px; *font-size:100%;} .wp_paging li {display: inline-block; height: 25px; line-height: 25px; float: left; margin-top: 5px;} .wp_paging li span, .wp_paging li a {display: inline-block; float: left; margin: 0 12px;} .wp_paging li em {font-style: normal; font-weight: bold; padding: 0 4px;} .wp_paging li a {cursor: pointer; color: #236fa6; line-height: 25px; height: 25px;} .wp_paging li a.pagingJump {color: #236fa6;} .wp_paging li a:hover {color: #e6b41d;} .wp_paging li a span {margin: 0;} .wp_paging li input {font-size: 12px; *font-size:100%; width: 24px; height: 15px; line-height: 15px; border: 1px solid #d5d5d5; background: #fff; margin-top: 4px; text-align: center;} .wp_paging li input:focus {outline: none;} /*column-list-img*/ .column-news-list .wp_entry img {vertical-align: middle; max-width: 100%; _width:expression(this.width > 1000 ? "1000px" : this.width); display: block; margin: 0 auto!important;} /*leader*/ .list-page-2 .cols_list {width: auto; display: block; border: 0; margin: 0 -19px;} .list-page-2 .cols_list .cols {width: 25%; float: left; border: 0; margin: 20px 0;} .list-page-2 .cols_list .cols .cols_box {margin: 0 19px; cursor: pointer; position: relative;} .list-page-2 .cols_list .cols .cols_box .cols_imgs {position: relative; overflow: hidden; background: #f1f1f1; padding-top: 124.9%; border-top-left-radius: 6px; border-top-right-radius: 6px;} .list-page-2 .cols_list .cols .cols_box .cols_imgs img {width: 100%; height: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; transition: all 0.4s ease-in-out;} .list-page-2 .cols_list .cols .cols_box:hover .cols_imgs img {opacity: 0.7; filter:alpha(opacity=70);} .list-page-2 .cols_list .cols .cols_box .cols_con {position: absolute; bottom: 0; width: 100%; text-align: center; background: url(../images/conbg.png) repeat;} .list-page-2 .cols_list .cols .cols_box .cols_con .cols_title {width: 100%; background: none; font-size: 16px; color: #fff; font-weight: bold; line-height: 48px;} .list-page-2 .cols_list .cols .cols_box:hover .cols_con .cols_title {color: #76e764; transition: all 0.4s ease-in-out;} /*Institution*/ .list-page-3 .cols_list {border: 0;} .list-page-3 .cols_list .cols {width: 33.3%; float: left; border: 0; background: #f5f5f5; margin: 13px 0; position: relative;} .list-page-3 .cols_list .cols .cols_title {width: 100%; font-size: 14px; color: #5d5d5d; line-height: 43px; } .list-page-3 .cols_list .cols .cols_title a {color: #5d5d5d; padding-left: 55px;} .list-page-3 .cols_list .cols .cols_title a:hover {color: #e6b41d;} .list-page-3 .wp_subcolumn_list {margin-bottom: 20px;} .list-page-3 .wp_subcolumn_list .wp_sublist .sublist_title {padding: 0 15px 10px 0; line-height: 40px; padding-left: 15px; font-size: 18px; font-weight: normal; color: #567a94; border-bottom: 1px solid #cecece; background: url(../images/dot.png) left 16px no-repeat;} .list-page-3 .wp_subcolumn_list .wp_sublist .sublist_title a {color: #567a94;} .list-page-3 .wp_subcolumn_list .wp_sublist .sublist_title .morelink {display: none;} /*Scientific*/ .list-page-4 .cols_list {border: 0;} .list-page-4 .cols_list .cols {width: 33.3%; float: left; border: 0; background: #f5f5f5; margin: 13px 0;} .list-page-4 .cols_list .cols .cols_title {width: 100%; font-size: 14px; color: #5d5d5d; line-height: 43px; background: url(../images/colsbg-io.png) 42px center no-repeat;} .list-page-4 .cols_list .cols .cols_title a {color: #5d5d5d; padding-left: 55px;} .list-page-4 .cols_list .cols .cols_title a:hover {color: #e6b41d;} .list-page-4 .wp_subcolumn_list {margin-bottom: 20px;} .list-page-4 .wp_subcolumn_list .wp_sublist .sublist_title {margin-bottom: 10px; line-height: 40px; padding-left: 15px; font-size: 18px; font-weight: normal; color: #567a94; border-bottom: 1px solid #cecece; background: url(../images/dot.png) left center no-repeat;} .list-page-4 .wp_subcolumn_list .wp_sublist .sublist_title a {color: #567a94;} .list-page-4 .wp_subcolumn_list .wp_sublist .sublist_title .morelink {display: none;} /*Service*/ .service-list-wrap {margin: 0 -18px;} .service-list-wrap .service-item {width: 50%; float: left; margin-bottom: 30px;} .service-list-wrap .service-item .service-box {margin: 0 18px; padding: 30px; background: #f6f6f6;} .service-list-wrap .service-item .service-box .service-con {width: 100%; display: inline-block; color: #3d3d3d; font-size: 16px; line-height: 28px; margin-bottom: 10px;} .service-list-wrap .service-item .service-box .service-con a {color: #3d3d3d;} .service-list-wrap .service-item .service-box .service-con a:hover {color: #e6b41d;} .service-list-wrap .service-item .service-box .service-other {line-height: 20px; width: 100%; font-size: 12px; color: #777; max-height: 40px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 40px;} .service-list-wrap .service-item.i_left .service-box {border-top: 2px solid #5C307D;} .service-list-wrap .service-item.i_right .service-box {border-top: 2px solid #E0823D;} /**Info**/ .info-box {margin: 0 20px; min-height: 400px;} /*info-title*/ .article {padding: 15px 0;} .article h1.arti-title {line-height: 36px; padding: 5px; text-align: center; font-size: 28px; font-weight: normal; color: #567a94;} .article h3.arti-title {line-height: 28px; padding: 3px 3px 6px 3px; text-align: center; font-size: 20px; font-weight: normal; color: #666; border-bottom: 2px solid #ECECEC;} /*info-base*/ .article .arti-metas {line-height: 24px; text-align: center; padding: 10px 0; margin-bottom: 5px;} .article .arti-metas span {display: inline-block; margin: 0 12px; font-size: 12px; color: #787878;} .article .arti-metas span span {margin: 0;} /*info-con*/ .article .entry {margin: 0 4px; overflow: hidden;} .article .entry, .article .entry p {line-height: 40px; font-size: 16px; text-align: justify;} .article .entry p {margin-bottom: 30px; text-indent: 2em;} /*info-box-img*/ .wp_articlecontent img {max-width: 100%; display: block; margin: 0 auto!important;} .wp_articlecontent div {max-width: 100%;} .article .entry .read img {vertical-align: middle; _width:expression(this.width > 1300 ? "1300px" : this.width); background: url(img/loading.gif) no-repeat center;} /*share*/ #bdshare {margin: 30px 0; height: 24px; padding: 20px 0;} #bdshare a {margin: 0 8px;} /**Container**/ /*news base style*/ .tt {width: 100%; display: inline-block; vertical-align: top; background: url(../images/titlebg.png) left bottom no-repeat; padding-bottom: 2px; margin-bottom: 24px;} .tt .tit {display: inline-block; font-weight: normal; float: left;} .tt .tit .title {display: inline-block; font-size: 26px; color: #567a94; line-height: 54px; cursor: pointer;} .more_btn {display: inline-block; line-height: 54px; float: right;} .more_btn .more_text {font-size: 15px; cursor: pointer; color: #808080; transition: all 0.4s ease-in-out;} .more_btn .more_text:hover {color: #51c22c;} .news_list {} .news_list .news {width: 100%; float: left;} .news_list .news .news_title {float: left; font-size: 15px; line-height: 43px; color: #2f3132; width: 84%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .news_list .news .news_title a {color: #2f3132;} .news_list .news .news_title a:hover {color: #e6b41d;} .news_list .news .news_meta {float: right; display: inline-block; font-size: 15px; line-height: 43px; color: #6d6d6d;} /*container-wrap*/ .container {} .container .inner {padding: 35px 0 15px 0;} .container .mod_left {width: 31.16%; float: left;} .container .mod_center {width: 31.16%; float: left; margin: 0 3.26%;} .container .mod_right {width: 31.16%; float: right;} #container-1 {background: #fff;} #container-1 .inner {padding: 25px 0;} #container-2 {background: #e3e7ea url(../images/containerbg.jpg) center bottom no-repeat;} #container-2 .inner {padding: 25px 0 40px 0;} /*news-wrap*/ .news-tab {width: 100%; position: relative;} .news-tab .news-menu {width: 100%; display: inline-block; vertical-align: top; background: url(../images/titlebgx.png) left bottom no-repeat; padding-bottom: 2px; margin-bottom: 24px;} .news-tab .news-menu .menu-title {display: inline-block; font-size: 26px; color: #888888; line-height: 54px; float: left; padding: 0 16px; cursor: pointer; transition: all 0.4s ease-in-out;} .news-tab .news-menu .menu-title.t1 {padding-left: 0; background: url(../images/shu.png) right center no-repeat;} .news-tab .news-menu .menu-title.selected {color: #567a94;} .post-7 .news_list .news {border-bottom: 1px dashed #d8d8d8; padding-bottom: 16px;} .post-7 .news_list .news .news_box {cursor: pointer;} .post-7 .news_list .news .news_box .news_imgs {width: 158px; position: relative; overflow: hidden; float: left; margin-right: -158px; /*padding-top: 25.95%;*/ height: 105px; background: #F1F1F1;} .post-7 .news_list .news .news_box .news_imgs img {width: 100%; height: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; transition: all 1s ease 0s;} .post-7 .news_list .news .news_box:hover .news_imgs img {-moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);} .post-7 .news_list .news .news_box .news_con {width: 100%; float: right;} .post-7 .news_list .news .news_box .news_con .news_arti {margin-left: 178px;} .post-7 .news_list .news .news_box .news_con .news_arti .news_title {width: 100%; font-size: 16px; line-height: 24px; max-height: 48px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; text-overflow: inherit; transition: all 0.4s ease-in-out;} .post-7 .news_list .news .news_box:hover .news_con .news_arti .news_title {color: #e6b41d;} .post-7 .news_list .news .news_box .news_con .news_arti .news_text {width: 100%; float: left; margin-top: 9px; font-size: 13px; color: #636567; line-height: 22px; max-height: 44px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .post-8 .news_list .news {border-bottom: 1px dashed #d8d8d8;} .post-9 .tt {margin-bottom: 15px;} .post-9 .news_list .news {border-bottom: 1px dashed #d8d8d8;} /* .post-9 .tt {background: url(../images/titlebgx.png) left bottom no-repeat;} .post-9 .news_list .news {margin-bottom: 24px;} .post-9 .news_list .news.n4 {margin: 0;} .post-9 .news_list .news:last-child {margin: 0;} .post-9 .news_list .news .news_box {cursor: pointer; background: #fff;} .post-9 .news_list .news .news_box:hover {background: #e6b41d;} .post-9 .news_list .news .news_box .news_wrap {width: 83px;float: left;margin-right: -83px;position: relative;background: #66737d;text-align: center;} .post-9 .news_list .news .news_box .news_wrap .news_info {display: block;font-size: 12px;color: #fff;line-height: 34px;white-space: nowrap;} .post-9 .news_list .news .news_box .news_wrap .news_meta {float: none; display: block; font-size: 10px; color: #000; background: #e0e0e0; line-height: 34px;} .post-9 .news_list .news .news_box .news_con {width: 100%; float: right;} .post-9 .news_list .news .news_box .news_con .news_arti {margin: 8px 22px 0 89px;} .post-9 .news_list .news .news_box .news_con .news_arti .news_title {line-height: 26px; width: 100%; white-space: normal; text-overflow: inherit; max-height: 52px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.4s ease-in-out;} .post-9 .news_list .news .news_box:hover .news_con .news_arti .news_title {color: #fff;} */ .post-10 .news_list .news {margin-bottom: 30px;} .post-10 .news_list .news.n4 {margin: 0;} .post-10 .news_list .news:last-child {margin: 0;} .post-10 .news_list .news .news_box .news_date {width: 62px; float: left; margin-right: -62px; position: relative; background: #567a94; text-align: center; transition: all 0.4s ease-in-out;} .post-10 .news_list .news .news_box:hover .news_date {background: #e6b41d;} .post-10 .news_list .news .news_box .news_date .date-day {display: block; font-size: 24px; color: #fff; line-height: 38px;} .post-10 .news_list .news .news_box .news_date .date-month {display: block; border: 1px solid #567a94; border-top: 0; background: #fff; line-height: 24px; font-size: 13px; color: #567a94; transition: all 0.4s ease-in-out;} .post-10 .news_list .news .news_box:hover .news_date .date-month {border-color: #e6b41d; color: #e6b41d;} .post-10 .news_list .news .news_box .news_con {width: 100%; float: right;} .post-10 .news_list .news .news_box .news_con .news_arti {margin: 5px 0 0 84px;} .post-10 .news_list .news .news_box .news_con .news_arti .news_title {width: 100%; line-height: 26px; max-height: 52px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; text-overflow: inherit; transition: all 0.4s ease-in-out;} .post-10 .news_list .news .news_box:hover .news_con .news_arti .news_title {color: #e6b41d;} .post-11 .tt {background: url(../images/titlebgx.png) left bottom no-repeat;} .post-11 .news_list .news .news_box {cursor: pointer; position: relative;} .post-11 .news_list .news .news_box .news_imgs {position: relative; /*padding-top: 48.4%; */height: 196px; background: #f1f0f0; overflow: hidden;} .post-11 .news_list .news .news_box .news_imgs img {width: 100%; height: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; transition: all 1s ease 0s;} .post-11 .news_list .news .news_box:hover .news_imgs img {-moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);} .post-11 .news_list .news .news_box .news_icon {width: 56px; height: 56px; position: absolute; top: 50%; left: 50%; margin: -28px 0 0 -28px; background: url(../images/player.png) center no-repeat; transition: transform 0.8s ease-out; -moz-transition: -moz-transform 0.8s ease-out;} .post-11 .news_list .news .news_box:hover .news_icon {transform: rotateZ(720deg); -webkit-transform: rotateZ(720deg); -moz-transform: rotateZ(720deg);} .post-11 .news_list .news .news_box .news_title {width: 100%; color: #fff; font-size: 17px; line-height: 30px; position: absolute; bottom: 30px; text-align: center;} .post-12 .con {padding: 8px 15px; background: #fff;} .post-12 .news_list .news {border-bottom: 1px dashed #d8d8d8;} .post-12 .news_list .news.n3 {border: 0;} .post-12 .news_list .news:last-child {border: 0;} .post-13 .tt {background: url(../images/titlebgx.png) left bottom no-repeat;} .post-13 .news_list .news {margin-bottom: 24px;} .post-13 .news_list .news.n4 {margin: 0;} .post-13 .news_list .news:last-child {margin: 0;} .post-13 .news_list .news .news_box {cursor: pointer; background: #fff;} .post-13 .news_list .news .news_box:hover {background: #e6b41d;} .post-13 .news_list .news .news_box .news_wrap {width: 83px;float: left;margin-right: -83px;position: relative;background: #66737d;text-align: center;} .post-13 .news_list .news .news_box .news_wrap .news_info {display: block;font-size: 12px;color: #fff;line-height: 34px;white-space: nowrap;} .post-13 .news_list .news .news_box .news_wrap .news_meta {float: none; display: block; font-size: 10px; color: #000; background: #e0e0e0; line-height: 34px;} .post-13 .news_list .news .news_box .news_con {width: 100%; float: right;} .post-13 .news_list .news .news_box .news_con .news_arti {margin: 8px 22px 0 89px;} .post-13 .news_list .news .news_box .news_con .news_arti .news_title {line-height: 26px; width: 100%; white-space: normal; text-overflow: inherit; max-height: 52px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: all 0.4s ease-in-out;} .post-13 .news_list .news .news_box:hover .news_con .news_arti .news_title {color: #fff;} /* .post-13 .tt {margin-bottom: 15px;} .post-13 .news_list .news {border-bottom: 1px dashed #d8d8d8;} */ .post-14 .more_btn {position: absolute; top: 0; right: 0;} .post-14 .news_list .news {margin-bottom: 24px;} .post-14 .news_list .news.n2 {margin: 0;} .post-14 .news_list .news:last-child {margin: 0;} .post-14 .news_list .news .news_box {background: #fff; cursor: pointer; padding: 22px 40px;} .post-14 .news_list .news .news_box:hover {background: #e6b41d;} .post-14 .news_list .news .news_box .news_title {width: 100%; font-size: 16px; color: #2a5a7d; line-height: 32px; display: inline-block; margin-bottom: 3px; transition: all 0.4s ease-in-out;} .post-14 .news_list .news .news_box:hover .news_title {color: #fff;} .post-14 .news_list .news .news_box .news_field {font-size: 14px; color: #5c5c5c; line-height: 27px; text-align: left; width: 100%; display: inline-block;} .post-14 .news_list .news .news_box:hover .news_field {color: #fff;} .post-14 .news_list .news .news_box .news_field span {display: block; padding-left: 30px; transition: all 0.4s ease-in-out;} .post-14 .news_list .news .news_box .news_field .field-reporter {background: url(../images/reporterbg.png) left center no-repeat;} .post-14 .news_list .news .news_box:hover .news_field .field-reporter {background: url(../images/reporterbgh.png) left center no-repeat;} .post-14 .news_list .news .news_box .news_field .field-time {background: url(../images/timebg.png) left center no-repeat;} .post-14 .news_list .news .news_box:hover .news_field .field-time {background: url(../images/timebgh.png) left center no-repeat;} .post-14 .news_list .news .news_box .news_field .field-address {background: url(../images/addressbg.png) left center no-repeat;} .post-14 .news_list .news .news_box:hover .news_field .field-address {background: url(../images/addressbgh.png) left center no-repeat;} .post-15 .more_btn {position: absolute; top: 0; right: 0;} .post-15 .news_list {margin-top: -8px;} .post-15 .news_list .news {border-bottom: 1px dashed #beb5b5;} /**Link**/ .link {background: #fff;} .link .inner {padding: 35px 0;} .post-16 .news_list {margin: 0 -13px;} .post-16 .news_list .news {width: 16.6%;} .post-16 .news_list .news .news_box {margin: 0 13px; cursor: pointer;} .post-16 .news_list .news .news_box .news_imgs {position: relative; overflow: hidden; background: #f1f1f1; padding-top: 45.85%;} .post-16 .news_list .news .news_box .news_imgs img {width: 100%; height: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; max-width: 100%; transition: all 0.4s ease-in-out;} .post-16 .news_list .news .news_box:hover .news_imgs img {opacity: 0.6; filter: alpha(opacity=60);} /**Site**/ .site {background: #567a94;} .site .inner {padding: 42px 0;} /*site-copy*/ .site_left {float: left; width: 50%;} .site_left .site-copy {margin-right: 150px;} .site_left .site-copy p {text-align: left; display: block;} .site_left .site-copy p span {font-size: 13px; line-height: 24px; display: inline-block; color: #e4e8ec;} /*site-foot-logo*/ .site_center {float: left; width: 300px; margin: 0 -150px; position: relative;} .site_center .foot-logo {padding: 9px 0;} .site_center .foot-logo img {width: 100%; height: auto; max-width: 300px;} .site_center .foot-logo:hover img {transform: rotateY( 360deg ); transition: all 3s; -webkit-transform: rotateY(-360deg);} /*site-qrcode*/ .site_right {float: right; width: 50%;} .site_right .site-qrcode {margin-left: 150px; text-align: right; height: 44px; padding: 14px 0;} .share_list {display: inline-block; width: auto; margin: 0 -13px; float: right;} .share_list li {float: left; margin: 0; position: relative; padding: 0;} .share_list li a {display: inline-block; width: 44px; height: 44px; line-height: 44px; margin: 0 13px; vertical-align: top; padding: 0; background: url(../images/wechat.png) top center no-repeat;} .share_list li .share_con {display: none; position: absolute; bottom: 55px; left: 50%; z-index: 100; margin-left: -50px; width: 100px; text-align: center;} .share_list li .share_con img {width: 100px; height: 100px; vertical-align: top;} .share_list li.i1 a {background: url(../images/wechat.png) top center no-repeat;} .share_list li.i2 a {background: url(../images/sina.png) top center no-repeat;} .share_list li a:hover {background-position: bottom center;} /**Footer**/ .footer {background: #5a5858;} .footer .inner {padding: 7px 0;} .footer .inner .foot p {display: block; text-align: center; margin: 0 5px;} .footer .inner .foot p span {display: inline-block; margin: 0 6px; color: #c8c7c7; line-height: 24px; font-size: 12px;} /**Add Css**/ .header_right {float: right;} .back-home {float: right;} .back-home a {color: #fff; font-size: 14px; line-height: 20px; display: inline-block; padding: 0 5px;} .back-home a:hover {color: #e6b41d; text-decoration: underline;} .search-wrap {clear: both; float: right;} span.top-link { padding-left: 11px;} .post-16 .news_list .news.n1, .post-16 .news_list .news.n2, .post-16 .news_list .news.n3, .post-16 .news_list .news.n4, .post-16 .news_list .news.n5, .post-16 .news_list .news.n6{margin-bottom:21px;} .list-page-4 .special .cols_list .cols{width:20%;} .list-page-4 .special .wp_subcolumn_list .wp_sublist .sublist_title{background: url(../images/special-tit.png) no-repeat;border:none;padding:0 0 0 22px;line-height:38px;height:38px;font-size:16px;} .list-page-4 .special .wp_subcolumn_list .wp_sublist .sublist_title a{color:#fff; margin-bottom: 12px;} .list-page-4 .special .cols_list .cols{margin:0px;margin-top:13px;} .special .wp_subcolumn_list .wp_sublist{margin-bottom:50px;} .site_left .site-copy p span a { color: #e4e8ec; } .float_img .news_list .news {flaot: none; width: auto; position: relative; z-index: 10000;} .float_img .news_list .news .news_imgs {width: auto; height: auto;} .float_img .news_list .news .news_imgs img {width: 100%; height: auto; transition: all 0.4s ease-out;} .float_img .news_list .news .news_imgs:hover img {transform: scale(1.1);} .float_img .news_list .news .news_close {position: absolute; right: 0; bottom: -24px; font-size: 14px; color: #333; line-height: 24px;} .jgx .sub .jt { display: inline-block; width: 10px; height: 10px; margin-left: 10px; background: url(img/jt.png) no-repeat center center; cursor: pointer; } .list-page-3 .cols_list .mover { position: absolute; top: 43px; width: 100%; text-align: center; background: #567a94;z-index: 9; display: none; }.list-page-3 .cols_list .mover p a { color: #fff; }.list-page-3 .cols_list .mover p { line-height: 30px; color: #fff;font-size: 15px !important;border-bottom: 1px solid #ffffff61; }.list-page-3 .cols_list .mover :hover a { color: #e6b41d; } .list-page-3 .cols_list .cols .cols_title a { }span.bmjt2 { position: absolute; right: 10px; width: 20px; height: 100%;line-height: 43px; }span.bmjt2 img { vertical-align: middle; }body.list.list-page-3 li.xzd span.bmjt2 { display: none; }