a:hover,a:focus{ text-decoration: none;}
.banner{height: 399px; width: 100%; background: url(img/banner.jpg) no-repeat  top center; min-width: 1200px;  }
#row1 p{ color: #fbd903; font-size: 16px; width: 675px; line-height: 25px; margin-left: 165px; margin-top: 12px;text-align:justify; text-justify:inter-ideograph; }
.lm1 .list8 li .video{position: absolute; left: 50%; margin-left: -35px; top:66px; }
/* Large desktop */
@media (min-width: 1200px) {
    .container{ width:1200px;}
    #row1{ background: url(img/bg1.jpg) no-repeat top center; margin-left: 0; height: 782px;}
    #row2{ background: url(img/bg2.jpg) no-repeat top center; margin-left: 0;}
    #row1 .span4{ margin-left: 0; width: 397px;}
    #row1 .span4 .lm1{position: relative;}
    #row1 .span4 .list8 { width: 100%; position: absolute; top:0;}
    #row1 .span4 .list8 a.jiaodai{ bottom: 48.8%;}
    #row1 .span4 .list6{position:absolute;top:284px; width: 100%; z-index:2;left:29px; }
    #row1 .span4 .list6 li{color: #fff;}
    #row1 .span4 .list6 li a{ color: #fff;}
    #row1 .span4 .tmbg{ position: absolute; top:210px;  z-index: 1;}

    .lm1 h3{ position: absolute; z-index:3; top:212px; left:29px;background: url(img/textbg.png) no-repeat 24px top;width: 100%; line-height: 46px;}
    .lm1 h3 a{ color: #fff;}

    .backrop1{ background:url(img/bg3.jpg) no-repeat center center; margin-top: 25px; }
    .backrop1 .right{ float: right;}
    .backrop1 .span4{ width: 372px; margin-top: -30px;}
    .list8 {width: 100%;}
    #row2{ margin-bottom: 41px;}
    #row3,#row4,#row5{ margin-left: 0;}
    .backrop2{ background:url(img/bg4.jpg) no-repeat 10px 90px ;  }
    .backrop2 .span4+.span4{ margin-left: 0;}
     .span5{  margin-top: -15px; width: 534px;margin-left: 0;}
    .backrop2 .span5{ margin-top: -30px; width: 534px;margin-left: 0;}
    #row6{ background: url(img/bg7.jpg) no-repeat top center; margin-left: 0; height: 413px;}

    #lm3{ margin-left: 131px;}
    #row4 .container{ width: 1235px;}
    .backrop3{ background:url(img/bg5.jpg) no-repeat  149px 0;  }
    #lm4{ margin-top: 140px;}
    #lm5{ margin-top: 48px;}
    #lm4 .list8 li{ float: left;}
    .backrop3 .span8{ margin-left: 49px;}
    .backrop3 .span4{ margin-left: 29px;}
    #row5{ background:url(img/bg6.jpg) no-repeat  top center;margin-left: 0;  }
    #lm6{margin-top: 188px;}
    #lm7{margin-top: 392px;}
    #lm11 .span8{ margin-left: 15px;}
    #lm12 .span4{margin-left: 15px;}
    #lm10{ margin-left: 117px;}
    #lm9 .list8{ margin-top:0px;}
    .list1{ margin-left: 30px; margin-top: 22px;}
    .list1 .title {font-size: 18px; font-weight: bold; }
    .list1 p{margin-top: 50px; line-height: 28px; margin-bottom: 31px; }
    .list1 .intro a{font-size: 16px;}
}
/* 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;}
    .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", "???ик????";  }
    #row1{ background: url(img/bg1.jpg) no-repeat top center; margin-left: 0; height: 782px;}
    #row2{ background: url(img/bg2.jpg) no-repeat top center; margin-left: 0;}
    #row1 .span4{ margin-left: 0; width: 397px;}
    #row1 .span4 .lm1{position: relative;}
    #row1 .span4 .list8 { width: 100%; position: absolute; top:0;}
    #row1 .span4 .list8 a.jiaodai{ bottom: 48.8%;}
    #row1 .span4 .list6{position:absolute;top:284px; width: 100%; z-index:2;left:29px; }
    #row1 .span4 .list6 li{color: #fff;}
    #row1 .span4 .list6 li a{ color: #fff;}
    #row1 .span4 .tmbg{ position: absolute; top:210px;  z-index: 1;}
    #row6{ background: url(img/bg7.jpg) no-repeat top center; margin-left: 0; height: 413px;}
    .lm1 h3{ position: absolute; z-index:3; top:212px; left:29px;background: url(img/textbg.png) no-repeat 24px top;width: 100%; line-height: 46px;}
    .lm1 h3 a{ color: #fff;}
    .lm1 .list8 li .video{position: absolute; left: 50%; margin-left: -35px; top:66px;}
    .backrop1{ background:url(img/bg3.jpg) no-repeat center center; margin-top: 25px; }
    .backrop1 .right{ float: right;}
    .backrop1 .span4{ width: 372px; margin-top: -30px;}
    .list8 {width: 100%;}
    #row2{ margin-bottom: 41px;}
    #row3,#row4,#row5{ margin-left: 0;}
    .backrop2{ background:url(img/bg4.jpg) no-repeat 10px 90px ;  }
    .backrop2 .span4+.span4{ margin-left: 0;}
    .span5{  margin-top: -15px; width: 534px;margin-left: 0;}
    .backrop2 .span5{ margin-top: -30px; width: 534px;margin-left: 0;}


    #lm3{ margin-left: 131px;}
    #row4 .container{ width: 1235px;}
    .backrop3{ background:url(img/bg5.jpg) no-repeat  149px 0;  }
    #lm4{ margin-top: 140px;}
    #lm5{ margin-top: 48px;}
    #lm4 .list8 li{ float: left;}
    .backrop3 .span8{ margin-left: 49px;}
    .backrop3 .span4{ margin-left: 29px;}
    #row5{ background:url(img/bg6.jpg) no-repeat  top center;margin-left: 0;  }
    #lm6{margin-top: 188px;}
    #lm7{margin-top: 392px;}
    #lm11 .span8{ margin-left: 15px;}
    #lm12 .span4{margin-left: 15px;}
    #lm10{ margin-left: 117px;}
    #lm9 .list8{ margin-top:0px;}
    .list1{ margin-left: 30px; margin-top: 22px;}
    .list1 .title {font-size: 18px; font-weight: bold; }
    .list1 p{margin-top: 50px; line-height: 28px; margin-bottom: 31px; }
    .list1 .intro a{font-size: 16px;}

}
/* 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;    }
    .list4 img{ height: 410px;}
    .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", "???ик????";    }
    #row1{ background: url(img/bg1.jpg) no-repeat top center; margin-left: 0; height: 782px;}
    #row2{ background: url(img/bg2.jpg) no-repeat top center; margin-left: 0;}
    #row1 .span4{ margin-left: 0; width: 397px;}
    #row1 .span4 .lm1{position: relative;}
    #row1 .span4 .list8 { width: 100%; position: absolute; top:0;}
    #row1 .span4 .list8 a.jiaodai{ bottom: 48.8%;}
    #row1 .span4 .list6{position:absolute;top:284px; width: 100%; z-index:2;left:29px; }
    #row1 .span4 .list6 li{color: #fff;}
    #row1 .span4 .list6 li a{ color: #fff;}
    #row1 .span4 .tmbg{ position: absolute; top:210px;  z-index: 1;}
    #row6{ background: url(img/bg7.jpg) no-repeat top center; margin-left: 0; height: 413px;}
    .lm1 h3{ position: absolute; z-index:3; top:212px; left:29px;background: url(img/textbg.png) no-repeat 24px top;width: 100%; line-height: 46px;}
    .lm1 h3 a{ color: #fff;}
    .lm1 .list8 li .video{position: absolute; left: 50%; margin-left: -35px; top:66px;}
    .backrop1{ background:url(img/bg3.jpg) no-repeat center center; margin-top: 25px; }
    .backrop1 .right{ float: right;}
    .backrop1 .span4{ width: 372px; margin-top: -30px;}
    .list8 {width: 100%;}
    #row2{ margin-bottom: 41px;}
    #row3,#row4,#row5{ margin-left: 0;}
    .backrop2{ background:url(img/bg4.jpg) no-repeat 10px 90px ;  }
    .backrop2 .span4+.span4{ margin-left: 0;}
    .span5{  margin-top: -15px; width: 534px;margin-left: 0;}
    .backrop2 .span5{ margin-top: -30px; width: 534px;margin-left: 0;}


    #lm3{ margin-left: 131px;}
    #row4 .container{ width: 1235px;}
    .backrop3{ background:url(img/bg5.jpg) no-repeat  149px 0;  }
    #lm4{ margin-top: 140px;}
    #lm5{ margin-top: 48px;}
    #lm4 .list8 li{ float: left;}
    .backrop3 .span8{ margin-left: 49px;}
    .backrop3 .span4{ margin-left: 29px;}
    #row5{ background:url(img/bg6.jpg) no-repeat  top center;margin-left: 0;  }
    #lm6{margin-top: 188px;}
    #lm7{margin-top: 392px;}
    #lm11 .span8{ margin-left: 15px;}
    #lm12 .span4{margin-left: 15px;}
    #lm10{ margin-left: 117px;}
    #lm9 .list8{ margin-top:0px;}
    .list1{ margin-left: 30px; margin-top: 22px;}
    .list1 .title {font-size: 18px; font-weight: bold; }
    .list1 p{margin-top: 50px; line-height: 28px; margin-bottom: 31px; }
    .list1 .intro a{font-size: 16px;}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .banner{ min-width: 100%; height:auto; background: none;}
    .row{ margin-left: 2%; margin-right: 2%;}
    .lm1 h3{ margin-left: 2%;}
    .lm1 .list8 li .video{position: absolute; left: 50%; margin-left: -35px; top:50%; margin-top: -35px;}
    #row1 p{  width: 100%; margin-left: 0; color: #333;}
    .span4 .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%;}
    .lm1 h3{ margin-left: 2%;}
    .lm1 .list8 li .video{position: absolute; left: 50%; margin-left: -35px; top:50%; margin-top: -35px;}
    #row1 p{  width: 100%; margin-left: 0; color: #333;}
    .span4 .list8 li:first-child{ margin-bottom: 20px;}
    #lm4 .list8 li{ margin-bottom: 20px;}
    #lm5{ margin-top: -20px;}
    #row6{ margin-top: -20px;}
    #lm9{ margin-top: -25px;}
    #lm8{ margin-top: -20px;}
    #lm7{ margin-top: -10px;}

}