@media screen and (max-width:1200px){
    .contain{width: 1000px;}
}


@media screen and (max-width:1000px){
    .contain{width: 800px;}

    .row .row1 .info .introduce{font-size: 16px;line-height: 32px;}
}


@media screen and (max-width:800px){
    .contain{width: 100%;box-sizing: border-box;padding: 0 12px;}
    .row .row1 .list1,.row .row1 .info,.row .row2 .date,.row .row2 .text{float: none;width: 100%;}
    .row .row1 .info,.row .row2 .text{margin: 36px 0 0;}

    .row .row1 .list1{height: auto;padding-bottom: 24px;}
    .row .row1 .list1 .ld ul li{display: inline-block;width: 30%;}

    .row .row2 .date .rl,.row .row2 .date .rl table{width: 100%;}
}

@media screen and (max-width:540px){
    .main{padding-left: 12px;padding-right: 12px;box-sizing: border-box;}
    .row .row1 .list1 .ld{padding: 0 6px;}
    .row .row1 .list1 .ld ul li a{padding: 0 6px;}
    .row .row1 .info .introduce{line-height: 24px;}
    .row .row2 .date .rl table tbody tr td a .msg{width: 130px;}
    .row .row2 .date .rl table tbody tr td:nth-child(7n+1)>a .msg{left: 64px;position: absolute;width: 130px;padding: 12px;background: #09a7d4;display: none;bottom: 32px;transform: translate(-50%,0);}
    .row .row2 .date .rl table tbody tr td:nth-child(7n+1)>a .msg::before{content: "";width: 100%;position: absolute;display: block;height: 9px;background: url(/rl/angle.png) 28px center no-repeat;bottom: -9px;left: 0;}
    .row .row2 .date .rl table tbody tr td:nth-child(7n)>a .msg{right: 64px;position: absolute;width: 130px;padding: 12px;background: #09a7d4;display: none;bottom: 32px;transform: translate(-50%,0);}
    .row .row2 .date .rl table tbody tr td:nth-child(7n)>a .msg::before{content: "";width: 100%;position: absolute;display: block;height: 9px;background: url(/rl/angle.png) 93px center no-repeat;bottom: -9px;left: 0;}
}