@media only screen and (min-width:1024px) {
.cls{clear:both;}
#mid{width: 1002px;margin: 5px auto;}
#mid .mid_left{width: 249px;float: left;margin: 0 auto;background-image: url("/images/index_r3_c1b.jpg");
    padding-top:30px;}
#mid .mid_left .mid_left_one{background-image: url("/images/bigclassbg.jpg");background-repeat: no-repeat;line-height: 30px;
   font-weight: bold;}
#mid .mid_left .mid_left_one .mid_left_one_libiaobig{background-image: url("/images/bigclassbg.jpg");
    background-repeat: no-repeat;line-height: 30px;padding-left: 30px;background-position: left;}
#mid .mid_left .mid_left_one .mid_left_one_libiaosmall{background-image: url("/images/smallclassbg.jpg");
    background-repeat: no-repeat;line-height: 30px;padding-left: 30px;background-position: left;}
#mid .mid_left .mid_left_one .mid_left_one_libiaosmall a{display: block;width: 100%;height: 100%;text-decoration: none;}
#mid .mid_right{width: 750px;float: right;}
#mid .mid_right .mid_right_one{width: 100%;margin:0 auto;}
#mid .mid_right .mid_right_one p{padding-left: 30px;}
#mid .mid_right .mid_right_one p:first-child{background-image: url("/images/titlebg.jpg");background-repeat: no-repeat;
    line-height: 30px;margin: 0;background-position: left bottom;background-size: 100% 130%;color:#ffffff;padding-left: 20px;}
#mid .mid_right .mid_right_one p:nth-child(even){font-weight: bold;}
}

@media only screen and (min-width:993px) and (max-width:1023px){
    .cls{clear:both;}
    #mid{width: 993px;margin: 5px auto;}
    #mid .mid_left{width: 240px;float: left;margin: 0 auto;background-image: url("/images/index_r3_c1b.jpg");
        padding-top:30px;}
    #mid .mid_left .mid_left_one{background-image: url("/images/bigclassbg.jpg");background-repeat: no-repeat;line-height: 30px;
        font-weight: bold;}
    #mid .mid_left .mid_left_one .mid_left_one_libiaobig{background-image: url("/images/bigclassbg.jpg");
        background-repeat: no-repeat;line-height: 30px;padding-left: 30px;background-position: left;}
    #mid .mid_left .mid_left_one .mid_left_one_libiaosmall{background-image: url("/images/smallclassbg.jpg");
        background-repeat: no-repeat;line-height: 30px;padding-left: 30px;background-position: left;}
    #mid .mid_left .mid_left_one .mid_left_one_libiaosmall a{display: block;width: 100%;height: 100%;text-decoration: none;}
    #mid .mid_right{width: 750px;float: right;}
    #mid .mid_right .mid_right_one{width: 100%;margin:0 auto;}
    #mid .mid_right .mid_right_one p{padding-left: 30px;}
    #mid .mid_right .mid_right_one p:first-child{background-image: url("/images/titlebg.jpg");background-repeat: no-repeat;
        line-height: 30px;margin: 0;background-position: left bottom;background-size: 100% 130%;color:#ffffff;padding-left: 20px;}
    #mid .mid_right .mid_right_one p:nth-child(even){font-weight: bold;}
}

@media only screen and (min-width:768px) and (max-width:992px){
    .cls{clear:both;}
    #mid{width: 768px;margin: 5px auto;}
    #mid .mid_left{width: 185px;float: left;margin: 0 auto;background-image: url("/images/index_r3_c1b.jpg");
        padding-top:30px;}
    #mid .mid_left .mid_left_one{background-image: url("/images/bigclassbg.jpg");background-repeat: no-repeat;line-height: 30px;
        font-weight: bold;}
    #mid .mid_left .mid_left_one .mid_left_one_libiaobig{background-image: url("/images/bigclassbg.jpg");
        background-repeat: no-repeat;line-height: 30px;padding-left: 30px;background-position: left;}
    #mid .mid_left .mid_left_one .mid_left_one_libiaosmall{background-image: url("/images/smallclassbg.jpg");
        background-repeat: no-repeat;line-height: 30px;padding-left: 30px;background-position: left;}
    #mid .mid_left .mid_left_one .mid_left_one_libiaosmall a{display: block;width: 100%;height: 100%;text-decoration: none;}
    #mid .mid_right{width: 580px;float: right;}
    #mid .mid_right .mid_right_one{width: 100%;margin:0 auto;}
    #mid .mid_right .mid_right_one p{padding-left: 30px;}
    #mid .mid_right .mid_right_one p:first-child{background-image: url("/images/titlebg.jpg");background-repeat: no-repeat;
        line-height: 30px;margin: 0;background-position: left bottom;background-size: 100% 130%;color:#ffffff;padding-left: 20px;}
    #mid .mid_right .mid_right_one p:nth-child(even){font-weight: bold;}
}

@media only screen and (min-width:50px) and (max-width:767px){
    .cls{clear:both;}
    #mid{width: 100%;margin: 5px auto;display: flex;flex-direction: column;align-items: flex-end;}
    #mid .mid_left{width: 100%;margin: 3px auto;}
    #mid .mid_left .mid_left_one{line-height: 30px;font-weight: bold;display: flex;margin: 5px auto;}
    #mid .mid_left .mid_left_one>div{flex: 1;padding: 8px 5px;}
    #mid .mid_left .mid_left_one>div a{width: 100%;height:100%;display: flex;justify-content: center;align-items: center;text-decoration: none;}
    #mid .mid_left .mid_left_one>div a span{text-align: center;}
    #mid .mid_left .mid_left_one .mid_left_one_libiaobig{background-image: url("/images/bigclassbg.jpg");
        background-repeat: no-repeat;background-size:100% 100%;background-position: left;text-align: center;display: flex;justify-content: center;align-items: center;}
    #mid .mid_left .mid_left_one .mid_left_one_libiaosmall{background-image: url("/images/smallclassbg.jpg");
        background-repeat: no-repeat;background-size:100% 100%;background-position: left;}
    #mid .mid_right{width: 100%;}
    #mid .mid_right .mid_right_one{width: 100%;margin:0 auto;}
    #mid .mid_right .mid_right_one p{padding-left: 30px;}
    #mid .mid_right .mid_right_one p:first-child{background-image: url("/images/titlebg.jpg");background-repeat: no-repeat;
        line-height: 30px;margin: 0;background-position: left bottom;background-size: 100% 130%;color:#ffffff;padding-left: 20px;}
    #mid .mid_right .mid_right_one p:nth-child(even){font-weight: bold;}
    #mid .mid_right .mid_right_two{display: block;width: 100%;}
    #mid .mid_right .mid_right_two iframe{display: block;width: 100%;height: 50vw;}
}