a:hover,a:focus{ text-decoration: none;}
.banner{height: 496px; width: 100%; background: url(img/banner.jpg) no-repeat  top center; min-width: 1200px;  }
#lm0 h3{ text-align: center;}


#row1 .list7 li a{ font-size: 24px;}
#row1 .list7 li p{ margin-bottom: 25px; color: #787878;}
#lm3{ margin-top: -15px;}
#row2{   background: url(img/bg2.jpg) no-repeat  top center; margin-left: 0;  }
#row2 h3  ,#row3 h3  ,#row4 h3 { vertical-align: middle; text-align: center;}
#row2 h3 img,#row3 h3 img ,#row4 h3 img { vertical-align: middle;}


.leftLink:hover{background:url(img/opitc.png) no-repeat left top;  }
.rightLink{position: absolute; right: 40px; top:144px; z-index: 1; cursor: pointer;}
.leftLink{position: absolute; left: 0px; top:144px; z-index: 1; cursor: pointer;}
.rightLink:hover{background:url(img/opitc.png) no-repeat left top;}
#lm7{ margin-top: 30px;}
.list3_2 .list3Txt li:first-child{   list-style: none; margin-left: -10px; margin-bottom: 15px;}
.list3_2 .list3Txt li:first-child a{ font-size: 22px;  }
.list3_2:first-child{ margin-bottom: 10px;}
.list8 { width: 100%; margin-top: 17px;}
#row3{ margin-top: 20px;}

.list7 li a{ font-size: 24px;}
#lm10{ margin-top: -15px;}
#lm11{ margin-top: -13px;}
#lm5{ margin-left: -24px;margin-top: -20px;}
#lm6{margin-top: -20px;}
#lm5 .list3_2{ display: none; background:url(img/box.png) no-repeat  left top; padding-left: 24px; padding-top: 20px; padding-bottom: 20px;padding-right: 24px; margin-top: -13px; }
.month{ margin-left: 50px; margin-top: 33px;}

.month li{ float: left; width: 58px; height: 159px;   margin-right: 48px;}
.month li.on{ background: url(img/tab.png) no-repeat left top ;}
.month li.on a{ color: #fff;}
.month li a{ font-size: 24px; color: #242424;  background: url(img/line.png) no-repeat 13px 47px; cursor: pointer;  float:right;display:inline;width: 54px; height: 123px; line-height:40px;margin-left:4px; word-wrap:break-word;word-break:nomal;}
.list18_1 li a.title{  width:100%; font-size:16px;  font-weight: normal; text-align: center; line-height: 1.7em;}
/* Large desktop */
@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
    .banner .container{position: relative; height: 496px;}
    #lm0{ position: absolute; width: 400px; height: 70px; bottom: 30px;left:172px;}
    #row1 .container{ padding-top: 17px;}
    #row1{   background: url(img/bg1.jpg) no-repeat  top center; margin-left: 0;  }
    .list18 li{ border: 1px solid #5e7c9c; background: url(img/sj.png) no-repeat  right bottom; width: 24%; margin-bottom: 10px;}
    .list18 li + li {
        margin-left: 0.9%;
    }
    .box{ overflow: hidden; position: relative; width:1200px; height: 372px; }
    .box .list18_1{  position: absolute; top:0; left: 0;}
    .list18_1 li{ float:left;margin-left: 0; text-align: center;  width: 208px; height: 372px; position: relative;}
    .list18_1 li+li{  margin-left: 30px;}
    .list18_1 li img{ width:100%;  margin-bottom: 6px;}
    .list18_1 li a.title{  width:100%; font-size:16px;  font-weight: normal; text-align: left; line-height: 1.7em;}
    .list18_1 li+li.noLeftGap{ margin-left:0;}
    .list18_1 li.noLeftGap{  margin-left:0;}
    .list18_1 li a.jiaodai { position: absolute; right: 0; bottom: 0; line-height: 200%; width: 100%; text-align: center; background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
        overflow: hidden;  display: block; color: #fff; z-index: 1000; text-decoration: none;}
}
/* 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;}
    .banner .container{position: relative; height: 496px;}
    #lm0{ position: absolute; width: 400px; height: 70px; bottom: 30px;left:172px;}
    #lm0 h3{ text-align: center;}
    #row1 .container{ padding-top: 17px;}
    #row1{   background: url(img/bg1.jpg) no-repeat  top center; margin-left: 0;  }
    .list18 li{ border: 1px solid #5e7c9c; background: url(img/sj.png) no-repeat  right bottom; width: 24%; margin-bottom: 10px;}
    .list18 li + li {
        margin-left: 0.9%;
    }
    .box{ overflow: hidden; position: relative; width:1200px; height: 372px; }
    .box .list18_1{  position: absolute; top:0; left: 0;}
    .list18_1 li{ float:left;margin-left: 0; text-align: center;  width: 208px; height: 372px; position: relative;}
    .list18_1 li+li{  margin-left: 30px;}
    .list18_1 li img{ width:100%;  margin-bottom: 6px;}
    .list18_1 li a.title{  width:100%; font-size:16px;  font-weight: normal; text-align: left; line-height: 1.7em;}
    .list18_1 li+li.noLeftGap{ margin-left:0;}
    .list18_1 li.noLeftGap{  margin-left:0;}
    .list18_1 li a.jiaodai { position: absolute; right: 0; bottom: 0; line-height: 200%; width: 100%; text-align: center; background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
        overflow: hidden;  display: block; color: #fff; z-index: 1000; text-decoration: none;}
}
/* 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;    }
    .banner .container{position: relative; height: 496px;}
    #lm0{ position: absolute; width: 400px; height: 70px; bottom: 30px;left:172px;}
    #lm0 h3{ text-align: center;}
    #row1 .container{ padding-top: 17px;}
    #row1{   background: url(img/bg1.jpg) no-repeat  top center; margin-left: 0;  }
    .list18 li{ border: 1px solid #5e7c9c; background: url(img/sj.png) no-repeat  right bottom; width: 24%; margin-bottom: 10px;}
    .list18 li + li { margin-left: 0.9%;  }
    .box{ overflow: hidden; position: relative; width:1200px; height: 372px; }
    .box .list18_1{  position: absolute; top:0; left: 0;}
    .list18_1 li{ float:left;margin-left: 0; text-align: center;  width: 208px; height: 372px; position: relative;}
    .list18_1 li+li{  margin-left: 30px;}
    .list18_1 li img{ width:100%;  margin-bottom: 6px;}
    .list18_1 li a.title{  width:100%; font-size:16px;  font-weight: normal; text-align: left; line-height: 1.7em;}
    .list18_1 li+li.noLeftGap{ margin-left:0;}
    .list18_1 li.noLeftGap{  margin-left:0;}
    .list18_1 li a.jiaodai { position: absolute; right: 0; bottom: 0; line-height: 200%; width: 100%; text-align: center; background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0 !important;
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
        overflow: hidden;  display: block; color: #fff; z-index: 1000; text-decoration: 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%;}
    #lm0 h3{ height: auto;}
    .month li{ width: 12%; margin-right: 2%;}
    .month li a{ width: 98%;}
    #lm6 img{ margin-left: 2%;}
    #lm5{margin-left: 10px;}
    .month{ margin-left: 0;}
    .month li {width: 7%;   margin-right: 7%;    }
    #lm5 .list3_2{ background-size: 100% 100%;}
    #lm6{margin-top: 10px;}
    #lm11{ margin-top: 5px;}
    .list18_1 li{ width:48%; *width:48%;  float:left; margin-left: 0;  text-align: center;  /*height:210px;*/  margin-bottom: 10px;  position: relative;}
    .list18_1 li + li{ margin-left: 1%;}
    .list18_1 li:nth-child(2n+1){ margin-left:  2%;  }
    #lm7 img,#lm6 img{ width: 100%; max-width: none;}

}

/* Landscape phones and down */
@media (max-width: 480px) {
    .banner{ min-width: 100%; height:auto; background: none;  }
    .row{ margin-left: 2%; margin-right: 2%;}
    #lm0 h3{ height: auto;}
    .month li{ width: 12%; margin-right: 2%;}
    .month li a{ width: 98%;}
    #lm6 img{ margin-left: 2%;}
    #lm5{margin-left: 10px;}
    .month{ margin-left: 0;}
    #lm5 .list3_2{ background-size: 100% 100%;}
    #lm6{margin-top: 10px;}
    #lm11{ margin-top: 5px;}
    .list18_1 li{ width:48%; *width:48%;  float:left; margin-left: 0;  text-align: center;  /*height:210px;*/  margin-bottom: 10px;  position: relative;}
    .list18_1 li + li{ margin-left: 1%;}
    .list18_1 li:nth-child(2n+1){ margin-left:  2%;  }
}