@media screen and (max-width: 768px) {
   .lsf_content{ margin: auto; width: 90%; }
    .lsf_nav > .lsf_content > ul{ width: 100%;}
    .lsf_nav > .lsf_content > ul > li{ float: left; margin-top: 10px; margin-right: 4%; width: 24%; height: 30px; line-height: 30px; text-align: center; background-color: gray;}
    .lsf_nav > .lsf_content > ul > li a{ display: block; width: 100%; height: 100%; color:#fff;}
    .lsf_nav > .lsf_content > ul > li a:hover{ background-color: blue;}
  .lsf_top{ margin-bottom: 20px; line-height: 16px; display: none;}
    .lsf_phone > .lsf_content > .left img{ width: 100%; position: absolute;left: 0;top:0;}
   .lsf_media1,.lsf_media2{ display: none;}
    .lsf_phone{ display: none; width: 80%; padding-bottom: 50px;display: block; margin: auto;}
    .lsf_phone > .lsf_content > .left{ text-align: center; width: 80%; margin: auto; position: relative; height: 350px;}
    .lsf_phone > .lsf_content > .right{ text-align: left; position: relative; height: 120px;}
    .lsf_phone > .lsf_content > .right h4{ font-size: 24px; position:absolute;top:30px; left: 0;}
    .lsf_phone > .lsf_content > .right p{ position:absolute; top:70px; left: 0;display: inline-block; width: 100%; line-height: 20px; border-left:4px solid red; padding-left: 10px;padding-right: 10px;}

}
@media screen and (max-width:480px) {
        .lsf_content{ margin: auto; width: 90%;}
        .lsf_nav > .lsf_content > ul{ width: 100%;}
        .lsf_nav > .lsf_content > ul > li{ float: left; margin-top: 10px; margin-right: 4%; width: 24%; height: 30px; line-height: 30px; text-align: center; background-color: gray;}
        .lsf_nav > .lsf_content > ul > li a{ display: block; width: 100%; height: 100%; color:#fff;}
        .lsf_nav > .lsf_content > ul > li a:hover{ background-color: blue;}
   .lsf_top{ margin-bottom: 20px; line-height: 16px; display: none;}
    .lsf_phone > .lsf_content > .left img{ width: 100%; position: absolute;left: 0;top:0;}
   .lsf_media1,.lsf_media2{ display: none;}
    .lsf_phone{ display: none; width: 80%; padding-bottom: 50px;display: block; margin: auto;}
    .lsf_phone > .lsf_content > .left{ text-align: center; width: 80%; margin: auto; position: relative; height: 350px;}
    .lsf_phone > .lsf_content > .right{ text-align: left; position: relative; height: 120px;}
    .lsf_phone > .lsf_content > .right h4{ font-size: 24px; position:absolute;top:30px; left: 0;}
    .lsf_phone > .lsf_content > .right p{ position:absolute; top:70px; left: 0;display: inline-block; width: 100%; line-height: 20px; border-left:4px solid red; padding-left: 10px;padding-right: 10px;}

}

@media screen and (max-width:564px) {
    .lsf_content{ margin: auto; width: 90%; }
    .lsf_nav > .lsf_content > ul{ width: 100%;}
    .lsf_nav > .lsf_content > ul > li{ float: left; margin-top: 10px; margin-right: 4%; width: 24%; height: 30px; line-height: 30px; text-align: center; background-color: gray;}
    .lsf_nav > .lsf_content > ul > li a{ display: block; width: 100%; height: 100%; color:#fff;}
    .lsf_nav > .lsf_content > ul > li a:hover{ background-color: blue;}
    .lsf_top{ margin-bottom: 20px; line-height: 16px; display: none;}
    .lsf_phone > .lsf_content > .left img{ width: 100%; position: absolute;left: 0;top:0;}
   .lsf_media1,.lsf_media2{ display: none;}
    .lsf_phone{ display: none; width: 80%; padding-bottom: 50px;display: block; margin: auto;}
    .lsf_phone > .lsf_content > .left{ text-align: center; width: 80%; margin: auto; position: relative; height: 350px;}
    .lsf_phone > .lsf_content > .right{ text-align: left; position: relative; height: 120px;}
    .lsf_phone > .lsf_content > .right h4{ font-size: 24px; position:absolute;top:30px; left: 0;}
    .lsf_phone > .lsf_content > .right p{ position:absolute; top:70px; left: 0;display: inline-block; width: 100%; line-height: 20px; border-left:4px solid red; padding-left: 10px;padding-right: 10px;}

}