.banner{ width: 100%;min-width: 1200px; height:1080px;background: url(img/banner.jpg) no-repeat center top; min-height:1080px;   }
.logo{ height:75px; background:#1a6fd7; line-height: 75px;min-width: 1200px; }
.side1{ height:937px; background: url(img/bg1.jpg) no-repeat center top; width: 100%; min-width: 1200px;}
.side1 .row{    margin-left: 0; }
.side1 .wrap{padding:10px;background:#215771; margin-top: 0px; }
.side1 .list4 img {  height: 656px;}
.side1 .span12{ width: 1178px;margin-left: 0;}

.side1 .tt{ width:402px; height: 146px;  display: block; margin-top: 42px; margin-left: 380px;}
.carousel{margin-bottom: 0;}

.icon { position: absolute;  left: 5px;  bottom: 6px;  width: 19px;  height: 20px;  z-index: 9999;}
.side2 .span4{ margin-top: 0;}
.side2 .wrap{padding:10px;background:#fff;   }
.side2 .span12{ margin-top: 0; margin-left: 0}
.side2 .row .span8{  margin: 0;width: 780px;}
.side2 .span4{ margin-left: 19px;}
.side2 .span4 .list6 {  margin-top: 25px;}
.side2 .span4  .list6 li a { line-height: 2.5em;}
.side2 .span4 p{ margin-top: 50px; text-align: right; margin-right: 29px;}
.side2{ height:718px; background: url(img/bg2.jpg) no-repeat center top; width: 100%; min-width: 1200px;}
.side2 .row{margin-left: 0px ;  }
.side2 .list4 img {  height: 437px;}
.side2 .tt{ width:442px; height: 166px;  display: block;   margin-left: 377px; margin-bottom: 28px;}
.side3{height:865px; background: url(img/bg4.jpg) no-repeat center top; width: 100%; min-width: 1200px;}
.side3 .row{   margin-left: 0;}
.side3 .span12{ margin-left: 0; width: 1200px; margin-top: 0;}
.side3 .tt{ width:277px; height: 139px;  display: block;   margin-left:478px; margin-bottom: 50px;}
.side3 .list4 img{height: 636px;}
.side3 .list4 .carousel-control{  display: block;top:50% ;margin-top:-55px; width: 46px; height:106px; background: none; border:none; font-size: 0; opacity: 1;}
.side3  .list4 .carousel-caption {  background: #121212;  padding: 27px;}
.side3 .list4 .carousel-caption h4{ font-size: 23px;}
.side3 .list4 .left{ background: url(img/prve.png) no-repeat left top;}
.side3 .list4 .right{ background: url(img/next.png) no-repeat left top;}

.side4{  height:1062px; background: url(img/bg3.jpg) no-repeat center top; width: 100%; min-width: 1200px;}
.side4 .row{ margin-left: 0;    }
.side4 .tt{ width:914px; height: 127px;  display: block; margin-top: 8px; margin-left:35px; margin-bottom: 50px;}
.side4 .list8{width:50%; float: left; margin-bottom: 0;}
.side4 .list8 img{height: 411px;}
.side4 .list8 li a.title{ line-height: 54px; font-size: 21px; color: #000; text-align: left; text-indent:1em;}
.side4 .list8 a.jiaodai{background: rgba(255,255,255, 0.6) none repeat scroll 0 0 !important;}
.side4 .span12{ margin-left: 0; width: 1200px; margin-top: 0;}
.side5{ height:953px; background: url(img/bg5.jpg) no-repeat center top; width: 100%; min-width: 1200px;}
.side5 .tt{ width:467px; height: 152px;  display: block; margin-top: 0px; margin-left:385px; margin-bottom: 44px;}
.side5 .row{width: 1134px; margin-left: 0}
.side5 .row .span12{  margin-left: 0; width: 1200px; margin-top: 0;}
.side5 .wrap{ background:#fff;}
.side5  .span8{ width: 720px; margin-left: 40px;}
.side6{ height:622px; background: url(img/bg6.jpg) no-repeat center top; width: 100%; min-width: 1200px;}
.side6 .row{  margin-left: 0;margin-top: 280px;}
.side6  .left{ text-align: right;margin-left: -43px;}
.side6  .right{  margin-left: 143px;}
.footer{height: 71px; line-height: 71px; text-align: center; background: #042741; margin-top: 0; border: none; padding: 0;}
/* Large desktop */
@media (min-width: 1200px) {
    .container {width: 1200px;  }
    .banner{ width: 100%;min-width: 1200px; height:1080px;background: url(img/banner.jpg) no-repeat center top; min-height:1080px;   }



}
/* desktop */
@media (min-width: 979px) and (max-width: 1199px) {
    .container,#localNav,#channelNav,.footer{ width:1200px;}
    .lm4 ul li {line-height: 20px; }
    .span12 {width: 1200px; }
    .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{ width: 100%;min-width: 1200px; height:930px;background: url(img/banner.jpg) no-repeat center top; min-height:930px; }
    .banner .container{width: 1200px; padding-top: 400px; padding-left: 0; padding-right: 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;}

    .banner{ width: 100%;min-width: 1200px;height:1080px;background: url(img/banner.jpg) no-repeat center top; min-height:930px;   }
    .banner .container{width: 1200px; padding-top: 400px; padding-left: 0; padding-right: 0;}


}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .banner {  min-width: 100%;  height: auto;  background: none;  min-height: auto;  }
    .span4 { width: 100%;    }
    .logo{ width: 100%; min-width: 100%;}
    .side1,.side2,.side3,.side4,.side5,.side6{ background: none; width: 100%; min-width: 100%; height: auto; margin-top: 15px;}
    .side1 .row,.side2 .row,.side3 .row,.side4 .row,.side5 .row,.side6 .row{ margin-top: 0; width: 96%;   margin-left: 2%;   margin-right: 2%; padding:0;}
    .side1 .list8{ margin-top: 15px;}
    .side2 .span7,.side2 .span5{ width: 100%; margin-top: 15px;}
    .side3 .list4{ width: 100%;}
    .side4 .list{ width: 100%;}
    .side4 .list8{ float: none ; width: 100%;}
    .side2 .span5{ height: auto; padding: 10px;}
    .side2 .span5 li{width: 100%;  margin-top: 15px; margin-left: 0;}
    .side3 .list4 .carousel-control{ width: 23px; height: 53px;margin-top: -26.5px;}
    .side3 .list4 .carousel-caption{ padding: 5px;}
    .side3 .list4 .carousel-caption h4{ font-size: 16px;}
    .side3 .list4 .left,.side3 .list4 .right{ background-size: 100% 100%;}
    .side4 .list8{ margin-bottom: 15px;}
    .side4 .list8 li a.title{ font-size: 16px; line-height: 1.7em;}
    .side6 .left,.side6 .right{ margin-left: 0; text-align: center; width: 50%; float: left;}
    .dyjnh{  left: -2%; width: 25% }
    .zyjd{  right:-2%; width: 25% }
    .sshr{ left:-2%;  width: 25%}
    .side5 .row .span12{ width:100%;}
    .footer{ margin-top: 15px;}
    h3.titleBar4{ border-left:none; padding-left: 0;}
    .side2 .span7.first{ margin-top: 30px;}
    .side1 .wrap{ padding: 0;}
    .side1 .span12{ height: auto; width: 100%;}
    .side1 .wrap{ margin-top: 15px;}
    .side1 .list4 img,.side2 .list4 img,.side3 .list4 img{ height: auto;}
    .side2 .row .span8{ width: 100%;}
    .side2 .wrap{ padding: 0;}
    .side2 .span4 p{ margin-top: 20px;}
    .side4 .span12{ width: 100%;}
    .side4 .list8 img{ height: auto;}
    .side3 .span12{ width: 100%;}
    .side5 .row .span12{ width: 100%}
    .side5 .span8{ width: 100%; margin-left: 0;}
    .side2 .span4{ margin-left: 0;}

}

/* Landscape phones and down */
@media (max-width: 480px) {
    .banner{ min-width: 100%; height:auto; background: none;  min-height: auto; }
    .row{ margin-left: 2%; margin-right: 2%;}
    .span4{ width: 100%;}




}