body {  background: url(img/bg.png) repeat-y;  }
#lm1{margin-bottom: 15px;}
.footer{ margin-top: 37px;}
.lm{ background: #fff; padding: 10px 15px  19px 15px; box-shadow: 0  0 10px 0  ; margin-bottom: 15px;}
.items{width: 100%; overflow: hidden;position: relative;}
.ul{ width: 1000%;}
.ul li{ float: left; width: 188px; height: 358px; border: 1px solid #d9d9d9; margin-left: 2px;}
.ul li a{ display: block; width: 181px; height: 350px; overflow: hidden; margin: auto; margin-top:4px; position: relative; }
.ul li a .title{ width: 90%; font-size: 16px; color: #242424; text-align: center; line-height: 26px;  margin: 8px auto;}
.shadow{ position: absolute; width: 100%; height: 100%; background: #de3444; color: #fff; top:100%; left:0; font-size: 14px; }
.shadow p{  width: 85%; margin: auto; line-height: 30px;text-align:justify; text-justify:inter-ideograph;margin-top: 10px;  }
.prve{width: 30px; height: 30px; background: url(img/prve.png) no-repeat; position: absolute; z-index: 999; left:4px; top:50%; margin-top: -15px; cursor:pointer;}
.next{width: 30px; height: 30px; background: url(img/next.png) no-repeat; position: absolute; z-index: 999; right:4px;top:50%; margin-top: -15px; cursor:pointer;}
.left{ border-right: 1px dashed #e7e7e7; float: left; width: 20%; margin-left: 2px;}
.right{ float: left; width: 79%; }
.right p{ width: 94%; line-height: 30px;margin-left: 25px; margin-top: 5px;text-align:justify; text-justify:inter-ideograph;}
.down{ margin-top: 24px;}
/* Large desktop */
@media (min-width: 1200px) {
    .container {width: 1185px;   padding-left: 15px ; padding-right: 15px;  }
    .wrap{margin-top: -450px;}
    .span8{ width: 800px; margin-left: 15px;}
    .banner{ width: 100%;min-width: 1200px; height:800px;background: url(img/banner.jpg) no-repeat center center;  }

}
/* desktop */
@media (min-width: 979px) and (max-width: 1199px) {
    .container,#localNav,#channelNav,.footer{ width:1200px;}
    .lm4 ul li {line-height: 20px; }
    .span12 {width: 1170px; }
    .span11 {width: 1070px; }
    .span10 {width: 970px;  }
    .span9 { width: 870px; }
    .span8 { width: 770px; }
    .span7 { width: 670px; }
    .span6 { width: 570px; }
    .span5 { width: 470px; }
    .span4 {width: 370px;  }
    .span3 {width: 270px;  }
    .span2 {width: 170px;  }
    .span1 {width: 70px;  }
    li {line-height: 34px; }

    .list18 li, .list18 li{ height: 160px; width: 285px; }
    .list18 li + li{margin-left: 10px;}



}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .container,#localNav,#channelNav,.footer{ width:1200px;}
    .lm4 ul li {  line-height: 20px;    }
    .span12 {width: 1170px;    }
    .span11 { width: 1070px;    }
    .span10 {width: 970px;    }
    .span9 {width: 870px;    }
    .span8 { width: 770px;    }
    .span7 { width: 670px;    }
    .span6 { width: 570px;    }
    .span5 {width: 470px;    }
    .span4 {width: 370px;    }
    .span3 { width: 270px;    }
    .span2 {width: 170px;    }
    .span1 {width: 70px;    }
    li { line-height: 34px;    }
    #row1 .span8{ position: relative;}
    .list18 li, .list18 li{ height: 160px; width: 285px; }
    .list18 li + li, .list18 li+li{margin-left: 10px;}


}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .banner {
        min-width: 100%;
        height: auto;
        background: none;
    }

    .row {
        margin-left: 2%;
        margin-right: 2%;
    }

    .span4 {
        width: 100%;
    }
    .right{  width: 74%; }
    .right p{margin-top: 0; }
    .left{ margin-top: 10px;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .banner{ min-width: 100%; height:auto; background: none;}
    .row{ margin-left: 2%; margin-right: 2%;}
    .span4{ width: 100%;}




}