a:hover,a:focus{ text-decoration: none;}
.banner{height: 330px; width: 100%; background: url(img/banner.jpg) no-repeat  top center; min-width: 1200px;  }
#row1{ height: 582px; width: 100%; background: url(img/wbslq.jpg) no-repeat  top center; min-width: 1200px; margin-left: 0;}
h3.titleBar17 { background: url(img/bt.jpg) no-repeat; height: 45px;}
.lm3 h3.titleBar17,.lm6 h3.titleBar17,.lm7 h3.titleBar17 { background: url(img/bt1.jpg) no-repeat; height: 45px;}
h3.titleBar17 .title{ margin-left: 35px; background: none; line-height: 11px;}

h3.titleBar17 .title a{ color:#2e2d2d;}
.lm7 .list8{ width: 100%;}

.lm3,.lm4,.lm7{ margin-top: 25px;}
.lm5{ margin-top: 8px;}
.lm4{ margin-top: 15px;}
.lm8{ margin-top: 18px;}
.wbslq{ width: 301px; height: 94px; position: absolute; left: -20px; top:214px;}
.list17 li {  text-align: center;   width: 48%; border: 1px solid #d2d2d2; padding-top: 25px; padding-bottom: 35px;}
.list17 li a.title{color: #089de2;}
.list17 li img{ margin-top: 15px; margin-bottom: 15px; width: 80%;}
.list7 li{ width: 48%; float: left;}
.list7 li.second{ margin-left: 2%;}
.list16 li{width: 48%;}
/* Large desktop */
@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }

#row1 .span8{ position: relative;}
    .pic1 li,.pic2 li,.pic3 li,.pic4 li{position: absolute;left: 0; top:0; width: 100%;}

    .more{ position: absolute; top:434px; right:55px;}
    .pic1 {
        width: 372px;
        height: 208px;
        position: absolute;
        left: -20px;
        top: 0;
    }
    .pic1 li{ display: none;}
    .pic2 li{ display: none;}
    .pic3 li{ display: none;}
    .pic4 li{ display: none;}
    .pic2 {
        width: 372px;
        height: 208px;
        position: absolute;
        left: 352px;
        top: 0;
    }

    .pic3 {
        width: 372px;
        height: 208px;
        position: absolute;
        left: 352px;
        top: 208px;
    }

    .pic4 {
        width: 285px;
        height: 160px;
        position: absolute;
        left: -12px;
        top: 281px;
    }
}
/* 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; }
    .pic1 li{ display: none;}
    .pic2 li{ display: none;}
    .pic3 li{ display: none;}
    .pic4 li{ display: none;}
    .list18 li, .list18 li{ height: 160px; width: 285px; }
    .list18 li + li{margin-left: 10px;}
    #row1 .span8{ position: relative;}
    .pic1{ width: 372px; height: 208px; position: absolute; left: -20px; top:0;}
    .pic1 li{position: absolute;left: 0; top:0;}
    .pic2{ width: 372px; height: 208px; position: absolute;left:352px; top:0;}
    .pic3{ width: 372px; height: 208px;position: absolute;left:352px; top:208px;}
    .pic4{ width: 238px; height: 133px;position: absolute;left:-20px; top:344px;}
    .pic1 li,.pic2 li,.pic3 li,.pic4 li{position: absolute;left: 0; top:0; width: 100%;}
    .more{ position: absolute; top:434px; right:55px;}

}
/* 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;}
    .pic1{ width: 372px; height: 208px; position: absolute; left: -20px; top:0;}
    .pic2{ width: 372px; height: 208px; position: absolute;left:352px; top:0;}
    .pic3{ width: 372px; height: 208px;position: absolute;left:352px; top:208px;}
    .pic4{ width: 238px; height: 133px;position: absolute;left:-20px; top:344px;}
    .pic1 li,.pic2 li,.pic3 li,.pic4 li{position: absolute;left: 0; top:0; width: 100%;}
    .more{ position: absolute; top:434px; right:55px;}
    .pic1 li{ display: none;}
    .pic2 li{ display: none;}
    .pic3 li{ display: none;}
    .pic4 li{ display: none;}
}

/* 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%;}
    #row1{ height:auto; min-width: 100%; background: none;}
    #row1 h3{ margin-left: 10px;}
    h3.titleBar17 .title{   line-height: 11px;}
    #row1 h3.titleBar17 .title{ margin-left: 25px; }
    .list17 li+li {  margin-left: 2%; }
    .list17 li img{width: 90%}
    .list17 li a.title, .list17 li .intro{  float: none; text-align: center; width: 100%;}
    .pic1,.pic2,.pic3,.pic4{position: relative;left: 0; top:0; width: 96%;}
    .list17 a.pic{float: none;width: 100%;}
    .list17 a.pic img {
        width: 90%;
    }
    .list7 li{ width: 100%; float: none;}
    #row1 .list8 li:first-child{ margin-bottom:20px; }
}

/* 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%;}
    #row1{ height:auto; min-width: 100%; background: none;}
    #row1 h3{ margin-left: 10px;}
    h3.titleBar17 .title{  ine-height: 11px; }
    #row1 h3.titleBar17 .title{ margin-left: 25px; }
    .list17 li+li {  margin-left: 2%; }
    .list17 li img{width: 90%}
    .list17 li a.title, .list17 li .intro{  float: none; text-align: center; width: 100%;}
    .pic1 li{position: relative;  }
    .pic1,.pic2,.pic3,.pic4{position: relative; left: 0; top:0; width: 96%;}
    .list17 a.pic{float: none;width: 100%;}
    .list17 a.pic img {
        width: 90%;
    }
    .list7 li{ width: 100%; float: none;}
    #row1 .list8 li:first-child{ margin-bottom:20px; }



}