@charset "utf-8";
/* CSS Document */
.new100th .matshed-w {
    height: 25px;
    line-height: 25px;
    background: #4b021a;
    width: 100%;
}

.matshed-w .matshed-top {
    width: 1200px;
    margin: 0 auto;
    clear: both;
}

.matshed-top li {
    float: left;
    color: #fff;
    line-height: 25px;
    padding-right: 10px;
}

.matshed-top li a {
    color: #fff;
    padding-right: 5px;
}

.bdshare-button-style {
    zoom: 1;
}

.right {
    float: right !important;
}

.bdshare-button-style .bds_tsina {
    background-position: 0 -104px;
}

.bdshare-button-style a, .bdshare-button-style .bds_more {
    float: left;
    font-size: 12px;
    padding-left: 17px;
    line-height: 16px;
    height: 16px;
    background-image: url('http://bdimg.share.baidu.com/static/api/img/share/icons_0_16.png?v=d754dcc0.png');
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 6px 6px 6px 0;
}

.bdshare-button-style .bds_weixin {
    background-position: 0 -1612px;
}


.new100th .banner {
    height: 437px;
    background: url('../img/banner.jpg') no-repeat center top;
}

.new100th .bannerBot {
    height: 190px;
    background: url('../img/bannerBot.png') no-repeat center bottom;
    clear: both;
}

.new100th .bannerBot .bottomInfo{
    width: 665px;
    text-align: center;
    position: absolute;
    top: 60px;
    left: 196px;
}

.new100th .bannerBot .content.clearfix{
    height: 190px;
    padding: 0;
    position: relative;
    clear: both;
}

.new100th .bannerBot .bottomInfo div{
    font-size: 14px;
    line-height: 26px;
    color: #ffffff;
}

.bottomInfo div a{
    color: #fff;
}

.bottomInfo div a:hover{
    color: yellow;
}

.bannerBot .hlText {
    color: #fff;
    position: absolute;
    bottom: 40px;
    width: 88px;
    height: 20px;
    right: 210px;
    text-align: center;
}

.bannerBot .HLSJ {
    width: 88px;
    height: 88px;
    background: url(/res/img/hlsj_new.jpg) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    top: 40px;
    right: 210px;
}


.bannerBot div p {
    position: absolute;
}


.new100th .content {
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0 0 0;
}

.new100th .content h1 {
    text-align: center;
    font-size: 42px;
    padding-bottom: 40px;
    color: #d11d24;
}

.new100th .content .p1 {
    font-size: 16px;
    text-indent: 2em;
    line-height: 30px;
    color: #d11d24;
}

.new100th .title {
    width: 302px;
    height: 68px;
    background: url('../img/title.png') no-repeat center top;
    text-align: center;
    line-height: 68px;
    font-size: 30px;
    color: #ffffff;
}

.new100th .content.new {
    display: flex;
    clear: both;
}

.new100th .singBox {
    width: 100%;
    background-color: #fbf2f1;
    margin-top: 20px;
}

.new100th .singInfo {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    clear: both;
}

.new100th .lyric {
    width: 296px;
    font-size: 16px;
    color: #333333;
}

.new100th .lyric.new {
    width: 640px;
}

.new100th .lyric .newFormat, .new100th .lyric.new .newFormat {
    text-indent: 3em;
}

.new100th .lyric .colorNew, .new100th .lyric.new .colorNew {
    color: #d11d24;
    font-weight: 800;
}

/*阅读全文，展开*/

#contTab {
    display: none;
}

.content-more {
    display: none;
}

#contTab:checked ~ #cont {
    max-height: 0;
    overflow: hidden;
}

#contTab:checked ~ .content-more {
    display: block;
    position: relative;
}

#contTab:checked ~ .content-more .gradient {
    position: absolute;
    left: 0;
    top: -79px;
    width: 100%;
}

#contTab:checked ~ .content-more .readmore {
    color: #d11d24;
    cursor: pointer;
}


/*第二个展开显示*/
/*阅读全文*/
#contTabNew {
    display: none;
}

.content-moreNew {
    display: none;
}

#contTabNew:checked ~ #contNew {
    max-height: 0;
    overflow: hidden;
}

#contTabNew:checked ~ .content-moreNew {
    display: block;
    position: relative;
}

#contTabNew:checked ~ .content-moreNew .gradientNew {
    position: absolute;
    left: 0;
    top: -79px;
    width: 100%;
}

#contTabNew:checked ~ .content-moreNew .readmore {
    color: #d11d24;
    cursor: pointer;
}


/*收起*/
.new100th .closemore, .closemoreNew {
    color: #d11d24;
    cursor: pointer;
}


.new100th video {
    width: 635px;
    margin-left: 268px;
}


.new100th .videoNew {
    margin-left: 0;
    margin-right: 60px;
}

.new100th .videoThree {
    margin-left: 44px;
    margin-right: 0;
}

.new100th .imgLeft {
    width: 635px;
}

.new100th .imgRight {
    width: 525px;
    margin-left: 40px;
}

.new100th .new100th a {
    cursor: pointer
}

.new100th a div {
    width: 525px;
    height: 78px;
    background-color: #fbf2f1;
    margin-top: 8px;
    text-align: left;
    display: flex;
    align-items: center;
    color: #333333;
}

.new100th a p {
    margin: 0 20px;
    font-size: 16px;
}

.new100th a div:hover {
    width: 525px;
    height: 78px;
    background: url('../img/pointerBg.png') no-repeat center;
    padding: 0;
    color: #ffffff;

}

.new100th .imgLeft .swiper-button-next, .new100th .imgLeft .swiper-button-prev {
    color: #ffffff !important;
    width: 24px;
    height: 24px;
    line-height: 26px;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
}

.new100th .imgLeft .swiper-button-next:after {
    margin-left: 9px;
}

.new100th .device {
    position: relative;
    margin-top: 20px;
}

.new100th .swiper-container {
    width: 635px;
    height: 420px;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    overflow: hidden;
    cursor: -webkit-grab;
    backface-visibility: hidden;
    z-index: 1;
}

.new100th .swiper-wrapper {
    position: relative;
}

.new100th .swiper-slide {
    height: 40rem;
    float: left;
}

.new100th .swiper-slide .swperTitle {
    width: 635px;
    height: 52px;
    line-height: 52px;
    text-align: left;
    background-color: rgba(164, 22, 25, 0.5);
    position: absolute;
    bottom: 0;
    color: #ffffff;
    padding: 0 20px;
}

.new100th a div p{
    max-width:520px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.new100th .device .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: rgb(255, 222, 0);
    cursor: pointer;
}

.new100th .device .swiper-pagination.new {
    text-align: right;
    padding-right: 20px;
    width: 615px;
    height: 24px;
}

.new100th .device .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #ffffff;
    opacity: 1;
}

.new100th .swiperImg_01 {
    width: 635px;
    height: 420px;
    background: url(../img/1.jpg) no-repeat center center;
    background-size: 100% 100%;
    position: relative;
}

.new100th .swiperImg_02 {
    width: 635px;
    height: 420px;
    background: url(../img/2.jpg) no-repeat center center;
    background-size: 100% 100%;
    position: relative;
}

.new100th .swiperImg_03 {
    width: 635px;
    height: 420px;
    background: url(../img/3.jpg) no-repeat center center;
    background-size: 100% 100%;
    position: relative;
}

.new100th .swiperImg_04 {
    width: 635px;
    height: 420px;
    background: url(../img/4.jpg) no-repeat center center;
    background-size: 100% 100%;
    position: relative;
}

.new100th .swiperImg_05 {
    width: 635px;
    height: 420px;
    background: url(../img/5.jpg) no-repeat center center;
    background-size: 100% 100%;
    position: relative;
}