.navbar{margin-bottom: 0}
body{background-color:#fff;}
.headerBg{
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
}
.headerImg{
    width: 100%;
    display: none;
}
.navbar-nav{
    width: 1000px;
    height: 35px;
    margin: 0 auto;
}
.navbar-nav li{
    float: left;
    margin-right: 10px;
}
.navbar-nav li a{
    color: #000000;
    font-size: 14px;
    line-height: 35px;
}
.bef::after{
    display: block;content: '';clear: both;
}

.diy-frame{
    width: 1000px;
    border: 1px solid #296690;
    margin: 20px auto 0;
}
.title-red-a {
    overflow: hidden;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    width: 386px;
    height: 60px;
    margin: 45px auto;
    background: url('../images/dix1.png') no-repeat center;;
}
#w-2093-t {
    padding-bottom: 20px;
}
.title-red-a span {
    display: none;
    color: #ea281d;
    font-size: 24px;font-weight: 500;
    border-bottom: 0.1vw solid #d8d8d8;
    padding-bottom: 3px;
}
#w-2093-c {
    padding: 15px 15px 0 15px;
}#w-2093-c div{margin-bottom: 17px}
#w-2093-c div span{
    font-size: 14px;line-height: 1.7;
}
.up_news{width: 990px;
    margin: 50px auto 0;
}
.up_news .lines{
    font-size:30px;
    color: #e02e2e;
    font-weight: bold;
    text-align: center;
    display: block;
    margin: 16px 0;
}.up_news .lines:hover{text-decoration: underline}
.up_news p{
    font-size: 16px;
    color: #818181;line-height: 1.8; margin: 16px 0;
}
.content-100{
    width: 1000px;
    margin: 0 auto;
}
.mui-table-view .mui-media-object{
    width: 150px;height: 100px;
    float: left;
    margin-right: 20px;
}
.mui-list{
    margin-top: 20px;
}
.mui-ellipsis{
    word-break: break-all;
}
.mui-h3{
    font-size: 19px;
    color: #000000;
    padding-bottom: 8px;font-weight: 500;
}
.mui-ellipsis{
    font-size: 14px;
    color: #666666;line-height: 1.75}
.mui-table-view-cell::after{
    display: block;content: '';clear: both;
}
.mui-table-view-cell{
    padding: 20px 0;
    border-bottom: 1px #ccc dashed;
}
.mui-ellipsis-12{
    text-align: right;
    padding-top: 0.5vw;
}
.mui-table-view li:last-child{border-bottom: none}
.gd{display: flex;justify-content: center}
.gd a{
    display: block;text-align: center;
    padding: 7px 0;font-size: 14px;
    color: #fff;
    background: #3e3e3e;
    width: 80px;
}

nav{
    text-align: center;clear: both;
    font-size: 13px;
    line-height: 1.6;
    margin-top: 30px;display: block;

    background-size: 100% 100%;
    color: #000;
    padding: 15px 0;
}
#w-2093-t{padding-bottom: 0;margin-bottom: 15px}
@media screen and (max-width: 1105px){
    .diy-frame,.up_news,.content-100,
    .navbar-nav{
        width: 98%;
        margin-left: 1%;
    }
}
@media screen and (max-width: 768px){
    .title-red-a{padding: 2vw 0}
    .title-red-a span{font-size: 4.5vw}

    .headerBg{display: none}
    .headerImg{display: block}
    #w-2093-c div span{font-size: 16px}
    #w-2093-t{margin-bottom: 2vw}
    .diy-frame{
        margin: 1vw auto;
    }
}
@media screen and (max-width: 640px){
    .up_news .lines{
        font-size: 3.7vw;
    }
    .mui-list{margin-top: 2.5vw}
    .up_news{margin-top: 5vw}
    #w-2093-c div span{font-size: 3vw}
    #w-2093-c div{margin-bottom: 2vw}
    .up_news p{font-size: 2.7vw}
    .mui-h3{font-size: 3.5vw;padding-bottom: 0}
    .mui-table-view-cell{
        padding: 1.2vw 0;
    }
    .mui-ellipsis{
        font-size: 2.7vw;
    }
    .mui-table-view .mui-media-object{
        width: 32%;height: 20vw;
        margin-right: 2vw;
    }
    .gd{margin-top: 20px}
    nav{font-size: 2.8vw}
    .gd a{font-size: 2.5vw}
}