@media (min-width:0px) and (max-width:1200px) {
    .lsf_nav{ width: 100%;}
    .lsf_content{ margin: auto; width: 90%;}
    .lsf_nav > .lsf_content > ul{ width: 100%;}
    .lsf_nav > .lsf_content > ul > li{ margin-top: 10px; float: left; margin-left: 5.3%; width: 25%; 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_media1,.lsf_media2{ display: none;}
    .lsf_top{ margin-bottom: 20px; line-height: 16px;display: none;}
    .lsf_phone{ display: none; width: 90%; padding-bottom: 50px;display: block;}
    .lsf_phone > .lsf_content > .left{ text-align: center; width: 80%; margin: auto; position: relative; height:600px;}
    .lsf_phone > .lsf_content > .right{ text-align: left;position: relative; height: 200px;}
    .lsf_phone > .lsf_content > .right h4{ font-size: 24px; position:absolute;top:30px; left: 0;}
    .lsf_phone > .lsf_content > .right p{ position: absolute; left: 0; top: 80px;display: inline-block; width: 100%; line-height: 20px; border-left:4px solid red; padding-left: 10px;}
    .lsf_phone > .lsf_content > .left img{ height: 100%; position: absolute;left: 0px;top:0;}
}