a:hover,a:focus{ text-decoration: none;}
#lm15 .list18{width:100%; margin: 30px auto}

#lm15 .list18 li {
    border: 2px solid #EFEFEF;
    height: 290px;
    width: 47%;
    text-align: center;


}
#lm15 .list18 li+li{
    margin-left: 3.5%;
}
#lm15 .list18 li img {
    width: 158px;
    margin-bottom: 8px;
    padding-top: 0px;
}
#lm15 .list18 li .dibu {

    text-align: center;
    margin-top: 10px;
    font-weight: bold;
    color: #4c4948;
    font-size: 16px;
}
#lm1 h1{ text-align: center;  }

#lm1 h1 a{ color: #057961;  font-weight: 500;}
.list8{ width: 100%;}
.list8 li .video{position: absolute; top:50%; left: 50%; margin-left: -25px; margin-top: -25px; width: 50px; height: 50px;}
.list8 li a.title,.list16 li a.title {line-height: 50px;}
.list16 li{width: 48%;}
.list16 li+li{ margin-left: 15px;}
h3.lm{width: 372px; height: 47px; line-height: 31px; background: url(img/lm_bg.png) no-repeat left top; margin: 20px 0 0 0 ;padding-left: 123px;}
h3.lm a,h3.lm a:link{ font-size: 24px; color: #fff;}
.list2 .media +.media{ margin-top: 22px;}
.list18 li { position:relative;}
.list18 li a.title,.list5 li a.title  {font-size: 14px; font-weight: normal; height: 30px;  line-height: 30px;text-align: center; font-family: "????";}
.list18 li img {  margin-bottom: 0px;}
.list18 li span {

    text-align: center;
    color: #089de2;
    font-size: 18px;
    margin-bottom: -10px;
    padding: 0px 7px;
}
.icon {
    position: absolute;
    left: 5px;
    bottom: 17px;
    width: 19px;
    height: 20px;
    z-index: 9999;
}
.list5 li a.pic{ position: relative; display: block;}
.list5 li .title  {font-size: 16px; font-weight: normal; height: 30px;  line-height: 30px;text-align: center; font-family: "Microsoft YaHei"; color: #fff;}
.list5 li a.pic span{ position: absolute; bottom: 0;  left: 0; display: block; width: 100%;}
.list5 li .jiaodai{ background: rgba(0, 0, 0, 0.4)  !important;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);}
.list5 li img {

    margin-bottom: 0px;
}
.list5 li p.dec {
    width: 100%;
    color: #787878;
    text-indent: 2em;
    font-size: 14px;
    margin-top: 20px;
}

#lm12{   margin-top: 31px;}
#lm13{ margin-bottom: 30px; margin-top: 31px;}
#lm11{ margin-top: 13px;}
#lm8{ margin-top: 20px; margin-bottom: 20px;}
/* Large desktop */
@media (min-width: 1200px) {
    .container {
        width: 1170px; margin: 0 auto; position: relative;z-index: 1;

    }
    .box{background: #fff; padding-left: 15px ; padding-right: 15px; width: 1170px; }
    .banner{height: 2869px; width: 100%; background: url(img/banner.jpg) no-repeat  top center; min-width: 1200px;  }
    .center{ width: 1200px; margin: 0 auto;  position: relative;    height: 588px; }
    .boat{ position: absolute;  top:82px;left:13px;   }
    .yun{ position: absolute;  top: 489px;    left: 253px; }
    .water1{ position: absolute;  top:443px;left:623px; opacity: 0;}
    .water2{ position: absolute;  top:398px;left:678px; opacity: 0;}
    .water3{ position: absolute;  top:439px;left:709px; opacity: 0;}
    .water4{ position: absolute;  top:411px;left:736px; opacity: 0;}

    #lm1 h1{  line-height: 55px;height: 55px;}
    #lm1 h1 img{   margin-right: 50px;}
    #lm1 h1 a{font-size: 36px;line-height: 55px;height: 55px; display: inline-block; }

    .row{ margin-left: 0;}
    .span8,.span12{ margin-left: 0;}
    .span4{ width: 387px; margin-left: 13px;}



    #lm4{ margin-top: -21px;}

    #lm7{ margin-top: 27px; margin-left: 17px;}

    #lm8{ margin-top: 20px; margin-bottom: 20px;}

    .list18 li { width: 24.3%; margin-top: 0;}
    .list18 li + li { margin-left: 0.9%;  }


    .list16 li a.jiaodai{ background: rgba(0, 0, 0, 0.4)  !important;
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000 )}

    .list5 li + li {
        margin-left: 2%;
    }



    .list5 li {
        width: 32%; height: 227px; margin-bottom: 20px;  text-align:left;}


    h3.titleBar6 {
        font-size: 10px;
    }
    h3.bGrey {
        background: #fff none repeat scroll 0% 0%;
    }




}
/* 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; }
    .list4 img {
        height: 410px;
    }
    .list18 li, .list18 li{ height: 160px; width: 285px; }
    .list18 li + li{margin-left: 10px;}

    #lm1 h1{  line-height: 55px;height: 55px;}
    #lm1 h1 img{   margin-right: 50px;}
    #lm1 h1 a{font-size: 24px;line-height: 55px;height: 55px; display: inline-block; }
    .container {
        width: 1200px; margin: 0 auto; position: relative;z-index: 1;

    }
    .box{background: #fff; padding-left: 15px ; padding-right: 15px; width: 1170px; }
    .banner{height: 2869px; width: 100%; background: url(img/banner.jpg) no-repeat  top center; min-width: 1200px;  }
    .center{ width: 1200px; margin: 0 auto;  position: relative;    height: 588px; }
    .boat{ position: absolute;  top:82px;left:13px;   }
    .yun{ position: absolute;  top: 489px;    left: 253px; }
    .water1{ position: absolute;  top:443px;left:623px; opacity: 0;}
    .water2{ position: absolute;  top:398px;left:678px; opacity: 0;}
    .water3{ position: absolute;  top:439px;left:709px; opacity: 0;}
    .water4{ position: absolute;  top:411px;left:736px; opacity: 0;}
    .row{ margin-left: 0;}
    .span8,.span12{ margin-left: 0;}
    .span4{ width: 387px; margin-left: 13px;}



    #lm4{ margin-top: -21px;}

    #lm7{ margin-top: 27px; margin-left: 17px;}

    #lm8{ margin-top: 20px; margin-bottom: 20px;}

    .list18 li { width: 24.3%; margin-top: 0;}
    .list18 li + li { margin-left: 0.9%;  }


    .list16 li a.jiaodai,.list5 li a.jiaodai{ background: rgba(0, 0, 0, 0.4)  !important;
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000 )}

    .list5 li + li {
        margin-left: 2%;
    }



    .list5 li {
        width: 32%; height: 263px; margin-bottom: 20px;  text-align:left;}


    h3.titleBar6 {
        font-size: 10px;
    }
    h3.bGrey {
        background: #fff none repeat scroll 0% 0%;
    }

}
/* 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;}
    .list4 img {
        height: 410px;
    }
    .container {
        width: 1170px; margin: 0 auto; position: relative;z-index: 1;

    }
    .box{background: #fff; padding-left: 15px ; padding-right: 15px; width: 1170px; }
    .banner{height: 2869px; width: 100%; background: url(img/banner.jpg) no-repeat  top center; min-width: 1200px;  }
    .center{ width: 1200px; margin: 0 auto;  position: relative;    height: 588px; }
    .boat{ position: absolute;  top:82px;left:13px;   }
    .yun{ position: absolute;  top: 489px;    left: 253px; }
    .water1{ position: absolute;  top:443px;left:623px; opacity: 0;}
    .water2{ position: absolute;  top:398px;left:678px; opacity: 0;}
    .water3{ position: absolute;  top:439px;left:709px; opacity: 0;}
    .water4{ position: absolute;  top:411px;left:736px; opacity: 0;}
    #lm1 h1{  line-height: 55px;height: 55px;}
    #lm1 h1 img{   margin-right: 50px;}
    #lm1 h1 a{font-size: 24px;line-height: 55px;height: 55px; display: inline-block; }

    .row{ margin-left: 0;}
    .span8,.span12{ margin-left: 0;}
    .span4{ width: 387px; margin-left: 13px;}



    #lm4{ margin-top: -21px;}

    #lm7{ margin-top: 27px; margin-left: 17px;}

    #lm8{ margin-top: 20px; margin-bottom: 20px;}

    .list18 li { width: 24.3%; margin-top: 0;}
    .list18 li + li { margin-left: 0.9%;  }


    .list16 li a.jiaodai,.list5 li a.jiaodai{ background: rgba(0, 0, 0, 0.4)  !important;
        -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000 )}

    .list5 li + li {
        margin-left: 2%;
    }



    .list5 li {
        width: 32%; height: 263px; margin-bottom: 20px;  text-align:left;}


    h3.titleBar6 {
        font-size: 10px;
    }
    h3.bGrey {
        background: #fff none repeat scroll 0% 0%;
    }
}

/* 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%;}
    #lm1 h1{ margin-bottom: 10px;  }
    #lm1 h1 img{ float: left; margin-right: 2%;}
    #lm1 h1 a{font-size:18px; float: left; width: 80%; line-height: 25px;}
    .list16 li{width: 48%;}
    .list16 li+li{ margin-left:4%;}
    h3.lm{ width: 60%;
        background-size: 100%;}

    h3.titleBar6{ font-size: 18px; text-align: center; border-left: none;}
    #lm5{ margin-top: 30px;}
}

/* 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%;}




}