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