.banner .section-center { height: 464px; } .banner .start-says { height: 99px; background-color: #fff; box-shadow: 0 0 12px 3px rgba(0,0,0,0.11); padding-left: 100px; position: relative; top: 434px; } .banner .start-says .says { width: 100px; height: 100px; background-color: #6e4aa3; font-size: 24px; color: #ffffff; line-height: 100px; text-align: center; position: absolute; left: 0; top: 0; } .banner .start-says .con { font-size: 16px; color: #555555; line-height: 35px; padding-top: 15px; padding-left: 12px; } .start-menu { margin-top: 98px; } .start-menu .inner-wrap { margin-left: -32px; margin-right: -30px; } .start-menu .menu-item{ float: left; width: 14.285%; position: relative; } .start-menu .menu-item .line { position: absolute; width: 1px; height: 17px; background-color: #bebebe; right: 0; top: 50%; margin-top: -8px; } .start-menu .menu-item .wrap { text-align: center; } .start-menu .menu-item .wrap .icon, .start-menu .menu-item .wrap .text { display: inline-block; } .start-menu .menu-item .wrap .icon { width: 10px; height: 10px; margin-right: 10px; position: relative; } .start-menu .menu-item .wrap .text { font-size: 18px; color: #6e4aa3; } .start-menu .menu-item .wrap .icon img { position: absolute; right: 0; top: 50%; } .hot-box { margin-top: 33px; } .hot-box .swiper-box { width: 540px; height: 292px; background-color: #ccc; } .hot-box .swiper-box .swiper-container { width: 540px; height: 292px; } .hot-box .swiper-box .swiper-container .swiper-slide { position: relative; } .hot-box .swiper-box .swiper-container .swiper-slide .cover { width: 100%; height: 100%; } .hot-box .swiper-box .swiper-container .swiper-slide .bottom-cover { position: absolute; left: 0; bottom: 0; width: 100%; background-color: #000; background: rgba(0,0,0,0.50); color: #fff; font-size: 18px; letter-spacing: 0; line-height: 40px; } .hot-box .swiper-box .swiper-container .swiper-slide .bottom-cover p { padding-left: 13px; padding-right: 104px; height: 40px; } .pagination { position: absolute; z-index: 20; right: 9px; bottom: 4px; } .swiper-pagination-switch { display: inline-block; width: 24px; height: 24px; background: #f2f2f2; margin: 0 5px; cursor: pointer; color: #454545; text-align: center; line-height: 24px; } .swiper-active-switch { background: #ff9f00; color: #fff; } .hot-box .news-wrap { width: 499px; padding-top: 4px; } .hot-box .news-wrap .news-item { height: 45px; line-height: 45px; font-size: 16px; border-bottom: 1px solid #efefef; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .hot-box .news-wrap .news-item a { color: #676767; } .hot-box .news-wrap .news-item a:hover { text-decoration: underline; } .hot-box .news-wrap .news-item.big { font-size: 18px; margin-bottom: 6px; } .hot-box .news-wrap .news-item.big a { color: #e12a2a; font-weight: bold; } .hot-box .news-wrap .news-item .s-m { font-size: 12px; color: #a5a5a5; } .hot-box .news-wrap .news-item.small { font-size: 14px; height: 30px; line-height: 30px; border-bottom: none; } .zc { margin-top: 38px; } .zc .wrap { } .zc .wrap .item { float: left; width: 33.33%; } .zc .wrap .item .item-target { width: 351px; height: 293px; border: 1px solid #d5d5d5; border-top-width: 0; margin: 0 auto; } .zc .wrap .item .item-title { border-top: 4px solid #6e4aa3; height: 46px; border-bottom: 1px solid #d5d5d5; } .zc .wrap .item .item-title .wrap { padding: 11px; } .zc .wrap .item .item-title .text { font-size: 16px; color: #6e4aa3; letter-spacing: 0; } .zc .item .item-title .more { font-size: 13px; color: #8d8d8d; text-decoration: underline; margin-top: 4px; } .zc .item .item-content { padding: 11px; } .zc .item .item-content .news-item { padding-right: 52px; position: relative; margin-bottom: 12px; } .zc .item .item-content .news-item a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block; width: 100%; } .zc .item .item-content .news-item a, .zc .item .item-content .news-item span{ display: inline-block; } .zc .item .item-content .news-item .icon { width: 14px; } .zc .item .item-content .news-item .icon img { width: 100%; position: relative; top: 1px; } .zc .item .item-content .news-item a { font-size: 13px; color: #4d4d4d; } .zc .item .item-content .news-item .time { position: absolute; right: 0; font-size: 13px; color: #9d9d9d; top: 0px; } .zc .item .item-content .news-item:hover a { text-decoration: underline; } .zc .item .item-content .space-img { padding-bottom: 8px; } .change .section-center { height: 75px; margin: 20px 0 0 0; } .change-box { } .change-box .section-center { border: 1px dashed #979797; box-sizing: border-box; border-top-width: 0; padding-top: 22px; } .change-box .item { width: 25%; float: left; } .change-box .item .item-target { width: 247px; height: 348px; margin: 0 auto; } .change-box .item .item-target .title { height: 135px; margin-bottom: 11px; } .change-box .item .item-target .says { font-size: 16px; color: #000000; font-weight: bold; height: 43px; } .change-box .item .item-target .says .tag { background: #ff9f00; border-radius: 2px; display: inline-block; padding: 0 7px; height: 22px; font-size: 16px; color: #ffffff; } .change-box .item .item-target .con-text { padding-top: 13px; font-size: 14px; color: #555555; text-indent: 2em; line-height: 24px; } .change-box .item .item-target .con-text a { font-size: 14px; color: #545ea8; } .change-table { margin-top: 23px; } .change-table .section-center { height: 474px; } .change-table .cs-table { width: 100%; border-collapse: collapse; margin-top: 46px; } .change-table .cs-table thead { background-color: #ff9f00; } .change-table .cs-table thead th { text-align: center; font-size: 18px; color: #ffffff; height: 38px; font-weight: bold; } .change-table .cs-table tbody th { font-weight: normal; padding: 9px 20px 11px 20px; border: 1px solid #ff9f00; background-color: #fff; font-size: 14px; color: #555555; line-height: 26px; text-align: left; } .change-table .cs-table tbody th.strong { font-size: 18px; color: #555555; text-align: center; font-weight: bold; } .jz { background-color: #fff; } .jz .table-item { border: 1px solid #d5d5d5;; border-top-width: 0; margin-bottom: 46px; } .jz .table-item .item-title { height: 46px; line-height: 46px; text-align: center; font-size: 20px; color: #6e4aa3; margin-top: 15px; border-top: 4px solid #6e4aa3; } .jz .table-item .table-target { } .jz .tt-table { width: 991px; margin: 0 auto; border-collapse: collapse; } .jz .tt-table td { width: 20%; text-align: center; height: 28px; line-height: 28px; border: 1px solid #ededed; } .jz .tt-table td a { font-size: 14px; color: grey; } .jz .tt-table td a:hover { text-decoration: underline; } .jz .tt-table td span { color: #333; font-size: 14px; } .jz .tt-table tr:last-child td { border-bottom: none; }