html,
body {
    width: 100%;
    height: 100%;
    box-sizing: border-box
}

html,
body {
    position: relative;
    height: 100%;
}

body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}

.swiper-container {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
}

.swiper-slide {
    background-position: center;
    background-size: cover;
}  
.bg-contain{
    position: absolute;
    left:0;
    top:0;
    z-index: -1;
    width: 100%;
    height:100%;
    background: rgba(0,0,0,0.2)
}

.footer {
    position: absolute;
    bottom:20px;
    left: 50%;
    transform: translate(-50%);
}

.ccidMain-max {
    width: 1340px;
    margin: 0 auto;
}

.hover-ul {
    width: 1020px;
    height:40px;
    overflow: hidden;
    transition: all 500ms ease-in-out;
    margin: 0 auto;
    color: #000;
    background: rgba(255, 255, 255, 0.8)
}
.hover-ul:hover{
    /* overflow: auto; */
    height:200px;
}

.hover-left {
    padding: 5px 0 5px 20px;
    font-size: 20px;
    font-family: "microsoft yahei"
}

.hover-center {
    padding-left: 50px;
}

.hover-center ul {}

.hover-center ul li {
    padding: 5px 0;
}

.hover-center ul li a:nth-child(1):hover {

    text-decoration: underline;
    cursor: pointer;
}

.hover-center ul li a:nth-child(1) {
    font-size: 16px;
    display: inline-block;
    width: 480px;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 2px;
}

.hover-center ul li span {
    display: inline-block;
    font-size: 16px;
    color: #000;
    padding-top: 2px;
}

.hover-right {
    color: #ae2326;
    font-size: 20px;
    padding: 5px 20px 5px 0;
    font-family: "microsoft yahei";
    cursor: pointer;
}
.hover-right:hover{
    text-decoration: underline;
}
.line {
    height: 1px;
    width: 100%;
    background: #fff;
    margin-top: 30px;
}
.banquan{
    margin-top: 20px;
    color:#fff;
    font-size: 14px;
    text-align: center;
}
.last-footer{
    margin-top: 10px;
    color:#fff;
    font-size: 14px;
    text-align: center;
}
.last-footer a{
    color:#fff;
}
.fl {
    float: left;
}

.fr {
    float: right;
}
.mobile-news{
    display: none;
}
.mobile-news .no-hover-wrap{
    height:50px;
    line-height: 50px;
    font-size: 18px;
}
.mobile-news .no-hover-left{

}
/*响应式*/
@media screen and (max-width:1199px){
    .mobile-news .hover-right{
        padding:0;
    }
    .swiper-container {
        position: static;
        width: 100%;
        height: 300px;
    }
    .footer{
        position: static;
        left:0;
        transform: translate(0,0);
        background: #444444;
        padding:15px;
    }
    .footer .line{
        display: none;
    }
    .pc-news{
        display: none;
    }
    .mobile-news{
        display: block;
        width:90%;
        margin:0 auto;
    }
    .ccidMain-max{
        width:100%;
    }
    .mobile-news .hover-center{
        padding-left: 5px;
    }
    .mobile-news .hover-center ul li a:nth-child(1) {
        width:70%;
    }
    .mobile-nav .img{
        /*height:50px;*/
        position: absolute;
        top:0;
        left:0;
        z-index:10000000;
    }
    .mobile-nav .img img{
        /*width:100%;*/
        width:100px;
        height:50px;
    }
}
@media screen and (max-width:800px) {

    .footer .banquan{
        width:90%;
        margin:0 auto;
    }
    .footer .last-footer{
        width:90%;
        margin:0 auto;
    }
}
/*调整新闻*/
@media screen and (max-width:700px){
    .mobile-news .hover-center ul li a:nth-child(1) {
        width:70%;
    }

}