.main {
    width: 100%;
    margin: 0 auto 0px;
}

.row {
    padding: 30px 0;
    overflow: hidden;
    width: 100%;
    margin: 0;
}

.state {
    width: 700px;
    height: 400px;
    overflow: hidden;
    position: relative;
}

.state .swiper-box .Img_Box {
    width: 100%;
    height: 400px;
    position: relative;
}

.state .swiper-box .Img_Box h2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40px;
    padding-left: 20px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.5)
}

.state .swiper-box .Img_Box h2 a {
    font-size: 14px;
    color: #fff;
    line-height: 40px;
}

.state .swiper-box .Img_Box img {
    width: 100%;
}

.state_fr {
    width: 550px;
}

.state .arrow-btn {
    position: absolute;
    top: 50%;
    width: 26px;
    height: 60px;
    margin-top: -30px;
    z-index: 99999;
}

.state .btn-left {
    background: url(/Content/Areas/Common/images/chifeng/left-btn.png);
    left: 0;
}

.state .btn-right {
    background: url(/Content/Areas/Common/images/chifeng/right-btn.png);
    right: 0;
}

.gonggao {
    margin: 0 20px;
}

.jujiao,
.gonggao,
.shiping {
    width: 413px;
}

.video_list li {
    line-height: 49px;
    height: 49px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-bottom: 1px dashed #999999
}

.video_list li .video_right33 h2 a {
    font-size: 14px;
    height: 49px;
}

@media screen and (max-width:768px) {
    .main {
        padding: 0 0.2rem;
        background: #F8F8F8;
    }
    .row {
        padding: 0.2rem 0;
    }
    .mt20 {
        margin-top: 0.2rem;
    }
    .state {
        width: 100%;
        height: 200px;
        overflow: hidden;
        position: relative;
    }
    .state .swiper-box .Img_Box {
        height: 200px;
    }
    .state_fr {
        width: 100%;
    }
    .jujiao,
    .gonggao,
    .shiping {
        width: 100%;
    }
    .gonggao {
        margin: 0;
    }
}