.banner { background-image: ; } .banner .section-center { height: 600px; } .banner .section-center .banner-big-text { text-align: center; padding-top: 150px; } .banner .section-center .banner-btn-wrap { text-align: center; padding-top: 32px; } .banner .section-center .banner-btn-wrap .banner-btn { height: 36px; line-height: 36px; border: 2px solid #fff; display: inline-block; padding: 0 24px; margin: 0 24px; color: #fff; letter-spacing: 3px; font-size: 24px; } .object-nav { padding-top: 20px; } .object-nav .object-nav-target { margin-left: -22px; margin-right: -22px; margin-left: -20px; margin-right: -20px; } .object-nav .object-nav-target .object-nav-item-wrap { float: left; width: 20%; } .object-nav .object-nav-target .object-nav-item-target { width: 163px; height: 163px; border: 1px solid #eaeaea; margin: 0 auto; position: relative; overflow: hidden; } .object-nav .object-nav-target .object-nav-item-target .icon-wrap { text-align: center; padding-top: 36px; height: 60px; } .object-nav .object-nav-target .object-nav-item-target .name { text-align: center; font-size: 16px; color: #555; padding-top: 20px; } .object-nav .object-nav-target .object-nav-item-target:hover .bottom-show { top: 0; opacity: 1; } .object-nav .object-nav-target .object-nav-item-target .bottom-show { position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); background-image: ; transition: all .3s ease; opacity: 0; } .object-nav .object-nav-target .object-nav-item-target .bottom-show .name { color: #fff; } .preface { margin-top: 26px; } .preface .preface-target { padding-left: 136px; height: 87px; border: 1px solid #e3e3e3; position: relative; } .preface .preface-target .preface-title { position: absolute; height: 87px; left: 0; top: 0; border-right: 1px solid #e3e3e3; background-color: #113f75; width: 107px; text-align: center; line-height: 87px; color: #fff; font-size: 24px; } .preface .preface-target .con { padding-top: 20px; padding-right: 24px; font-size: 14px; color: #181818; line-height: 24px; } .swiper-news { margin-top: 20px; } .swiper-news .section-center { height: 304px; } .swiper-news .news-wrap { width: 604px; background-color: #f3f3f3; height: 304px; } .swiper-news .swiper-wrap { width: 396px; height: 304px; } .swiper-news .news-wrap .news-item-wrap.one-line .news-item { width: 100%; } .swiper-news .news-wrap .news-item-wrap.one-line:before { display: none; } .swiper-news .news-wrap .news-item-wrap .news-item { width: 50%; float: left; } .swiper-news .news-wrap .news-item-wrap .news-item .wrap { padding-left: 24px; padding-top: 12px; } .swiper-news .news-wrap .news-item-wrap .news-item .tit a { font-size: 19px; color: #ff0006; font-weight: bold; } .swiper-news .news-wrap .news-item-wrap .news-item .tit a:hover { text-decoration: underline; } .swiper-news .news-wrap .news-item-wrap .news-item .con { font-size: 16px; color: #1a1a1a; padding-top: 10px; } .swiper-news .news-wrap .news-item-wrap .news-item .con a { color: #1a1a1a; } .swiper-news .news-wrap .news-item-wrap .news-item .con a:hover { text-decoration: underline; } .swiper-news .news-wrap .news-item-wrap { position: relative; } .swiper-news .news-wrap .news-item-wrap:before { content: ''; display: block; width: 2px; height: 26px; background-color: #fe0113; position: absolute; left: 50%; margin-left: -12px; top: 16px; } .swiper-news .news-wrap .news-item-wrap .news-item .con .link-item { font-size: 16px; color: #1a1a1a; display: inline-block; margin-right: 54px; } .swiper-news .news-wrap .news-item-wrap .news-item .con .link-item:hover { text-decoration: underline; } .pagination { position: absolute; z-index: 20; bottom: 34px; right: 24px; } .swiper-pagination-switch { display: inline-block; width: 24px; height: 24px; background: #5b5d5c; margin: 0 5px; color: #fff; cursor: pointer; text-align: center; line-height: 24px; } .swiper-active-switch { background: #c9172c; } .object-news-swiper, .object-news-swiper .cover{ width: 100%; height: 100%; } .object-news-swiper .cover img { width: 100%; height: auto; } .big-news { margin-top: 24px; } .big-news .left-big-news { width: 566px; } .big-news .right-big-news { width: 396px; } .big-news .bn-title { border-bottom: 4px solid #ff4b4b; } .big-news .bn-title .text { color: #565656; font-size: 22px; font-weight: bold; } .big-news .bn-title .sub { color: #ff4b4b; font-size: 12px; padding-bottom: 6px; } .big-news .bn-title .sub img { position: relative; top: 12px; } .big-news .bn-title .more { position: relative; top: -30px; } .big-news .bn-title .more a { color: #565656; } .big-news .bn-title .more { font-size: 12px; padding-top: 8px; } .big-news .bn-list-wrap { padding-top: 24px; } .big-news .bn-list-wrap .bn-list { font-size: 14px; margin-bottom: 6px; position: relative; padding-left: 26px; } .big-news .bn-list-wrap .bn-list a { color: #585552; } .big-news .bn-list-wrap .bn-list a:hover { text-decoration: underline; } .big-news .bn-list-wrap .bn-list:after { content: ''; display: block; width: 4px; height: 4px; background-color: #585552; position: absolute; left: 12px; top: 50%; margin-top: -2px; } .cross-cube-title { width: 424px; height: 55px; margin: 46px auto 30px auto; position: relative; } .cross-cube-title .bg, .cross-cube-title .con { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .cross-cube-title .bg img{ width: 100%; height: auto; } .cross-cube-title .con { z-index: 20; color: #fff; text-align: center; font-size: 17px; line-height: 40px; font-weight: bold; letter-spacing: 1px; } .table-show .data-table { width: 100%; border-collapse: collapse; } .table-show .data-table td { border: 1px solid #f6f9fb; } .table-show .data-table thead td { text-align: center; height: 36px; background-color: #113f75; font-size: 16px; color: #fcfdfd; border-color: #3b618d; font-weight: bold; } .table-show .data-table tbody td { padding-top: 16px; padding-bottom: 16px; background-color: #dfeaf1; } .table-show .data-table .t1 { font-size: 14px; color: #2d2e2e; text-align: center; font-weight: bold; } .table-show .data-table .t2 { padding-left: 14px; padding-right: 14px; color: #252525; font-size: 14px; } .table-show .data-table .t3 { font-size: 14px; padding-left: 14px; padding-right: 14px; /*text-align: center;*/ } .table-show .data-table .red { color: #fd0101; } .coll-box { margin-top: 33px; } .coll-box .section-center { height: 121px; } .coll-box .gt-wrap { padding-top: 42px; } .coll-box .gt-wrap .gt-item { width: 478px; height: 36px; line-height: 36px; text-align: center; display: block; border: 1px dashed #e2e4e7; text-decoration: underline; color: #fff; } .together .together-table-item { } .together .together-table-item .tt-title { font-size: 16px; color: #fff; text-align: center; background-color: #113f75; line-height: 28px; height: 28px; font-weight: bold; letter-spacing: 2px; } .together .tt-table { width: 100%; border-collapse: collapse; } .together .tt-table td { width: 20%; text-align: center; height: 28px; line-height: 28px; border: 1px solid #ededed; } .together .tt-table td a { font-size: 14px; color: #00a0f4; } .together .tt-table td a:hover { text-decoration: underline; } .together .tt-table td span { color: #333; font-size: 14px; } .footer { margin-top: 76px; } .footer .section-center { height: 265px; overflow: hidden; } .footer .wrap { text-align: center; padding-top: 150px; color: #fff; font-size: 14px; line-height: 20px; }