a:hover,a:focus{ text-decoration: none;}

.banner{height: 554px; width: 100%; background: url(img/banner.jpg) no-repeat  top center; min-width: 1200px;  }
.muen{height: 109px; width: 100%; background: url(img/nav.png) no-repeat  top center; min-width: 1200px; display: none;  }
.span12{ margin-left: 0;}
.muen ul{}
.muen ul li{float: left; background: url(img/line.jpg) no-repeat right 18px;   padding: 10px 8px 10px 0px ;}
.muen ul li.on a{background: url(img/midden.jpg) repeat-x; color: #000;}
.muen ul li a{ color: #989898; font-size: 18px;  height: 30px; line-height: 30px;   float: left;  cursor: pointer;}
.muen ul li .left{ width:12px; height: 30px;  float: left;  height: 30px; line-height: 30px;}
.muen ul li .right{width:12px; height: 30px;   float: left;  height: 30px; line-height: 30px;}
.muen ul li.on .left{   background: url(img/left.jpg) no-repeat left top;  }
.muen ul li.on .right{  background: url(img/right.jpg) no-repeat left top;  }
.row{ margin-top: 26px;}
.list {}
.list li{position: relative; margin-bottom: 51px; overflow: hidden;  }
.list li .opt{ position: absolute; left: 0;top:-449px;}
h3{height: 36px; line-height: 36px; background: url(img/title_bg.jpg) no-repeat left center; }
.span4 h3 a{ font-size: 24px; color: #fff; padding-left: 100px; font-weight: bold; }
.list6{ margin-bottom: 40px;}
.list6 li.six{ margin-top: 20px;}
.lm7{ text-align: center;}
.lm7 h3{ text-align: left;}
.lp{ margin-top: 26.5%;    margin-left: 0%;  display: none;   }
.icon{ margin-top: 43.7%;    margin-left: 61%; opacity: 1; }
.text p{text-indent: 2em;}
.text{ padding: 15px;}

/* Large desktop */
@media (min-width: 1200px) {
    .container{ width:1200px;}
}
/* desktop */
@media (min-width: 979px) and (max-width: 1199px) {
    .container,#localNav,#channelNav,.footer{ width:1200px;}

    .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;}
    .list3_2 .media-body li a {
        font-size: 16px;
    }
    .list3_2 .media-body li a {
        line-height: 2.2em;
    }
    .list7 li p {
        font-size: 14px;
        line-height: 1.9em;
        text-align: left;
        margin-top: 10px;
        margin-bottom: 20px;
        font-family: "Microsoft YaHei", "???ик????";
    }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .container,#localNav,#channelNav,.footer{ width:1170px;}

    .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, .list18 li+li{margin-left: 10px;}
    .list3_2 .media-body li a {
        font-size: 16px;
    }
    .list3_2 .media-body li a {
        line-height: 2.2em;
    }
    .list7 li p {
        font-size: 14px;
        line-height: 1.9em;
        text-align: left;
        margin-top: 10px;
        margin-bottom: 20px;
        font-family: "Microsoft YaHei", "???ик????";
    }

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .banner{ min-width: 100%; height:auto; background: none;}
    .banner .container .span6{ width: 100%; }
    .row .span4{ background-size: 100% 100%;}
    .banner .container{ width: 96%; padding-top: 3%; margin-left: 2%;}
    .banner .container .span7 p.des{ width: auto;}
    .banner .container .span7{ margin-left: 0;}
    .list8 li .text{ width: 95%; height: 90%; margin: 0 auto; margin-top:2%;}
    .row #lm2 h3{   padding-top: 15%;}
    .span8{width: 96%;  margin-left: 2%;}
    .banner .title h3{ height: auto; line-height: 30px;}
    .banner .title p{ margin-top: 10px; padding-left: 0;}
    .span4 .list8 { width: 96%;margin-left: 2%;    }
    .list li{ margin-bottom: 21px;  }
    .row{margin-top: -20px;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
    .banner{ min-width: 100%; height:auto; background: none;}
    .banner .container .span6{ width: 100%; }
    .row .span4{ background-size: 100% 100%; }
    .banner .container{ width: 96%; padding-top: 3%; margin-left: 2%;}
    .banner .container .span7 p.des{ width: auto;}
    .banner .container .span7{ margin-left: 0;}
    .list8 li .text{ width: 95%; height: 90%; margin: 0 auto; margin-top:2%;}
    .row #lm2 h3{   padding-top: 15%;}
    .span8{width: 96%;  margin-left: 2%;}
    .banner .title h3{ height: auto; line-height: 30px;}
    .banner .title p{ margin-top: 10px; padding-left: 0;}
    .span4 .list8 { width: 96%;margin-left: 2%;    }
    .list li{ margin-bottom: 21px;  }
    .row{margin-top: -20px;}
}