body{ background-color: transparent;   }
.div_scroll {
    width: 97%;

    overflow: auto;
    height: 511px;
}
.scroll_container {
    overflow: hidden;
    position: relative;

}

.scroll_absolute {
    position: absolute;
}

.scroll_vertical_bar {
    position: absolute;
    top: 0;
    right: 0;
    width: 13px;
    height: 100%;
    background: transparent;
    margin: 0;
    padding: 0;
    border-radius:10px;
}

.scroll_track {
    position: relative;

    border-radius:10px;
    background: url(img/scroll_bk.png) no-repeat top center  ;
    background-color: transparent;
}

.scroll_drag {
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: #b29a7d;
    border-radius:10px;

}

.scroll_arrow {
    text-indent: -20000px;
    display: block;
    cursor: pointer;
    background-color: #369DB4;
    border-radius:10px;
}

.scroll_vertical_bar .scroll_arrow {
    height: 16px;
}
.banner .list7 li p{ text-indent:2em; font-size: 16px; color: #472b0d; line-height: 40px; font-family: "Microsoft yahei";}
#lm3 .list7{ background: url(img/fc1_1.jpg) no-repeat left top #faf8f6;}
#lm4 .list7{ background: url(img/fc1_2.jpg) no-repeat left top #faf8f6;}
#lm5 .list7{ background: url(img/fc1_4.png) no-repeat left top #faf8f6;}
#lm6 .list7{ background: url(img/fc1_3.jpg) no-repeat left top #faf8f6;}
.slid1 .list{ height: 100px;  }
.slid1 .list li{  width: 57%; margin: 0 auto; padding-top: 20px;  }
.slid1 .list li a{ font-size:16px; color:#3c1819; line-height: 30px;}
#lm5,#lm3{ margin-bottom: 10px;}
#lm5,#lm3{ margin-bottom: 10px;}
#lm7 .list6{ margin-left: 0;}
#lm7 .list6 li{ list-style: none; padding-left: 26px;}
#lm8 .list7{ background: url(img/yss.png) no-repeat left top; width: 745px;
    height:210px;}
#lm8 .list7 li{ width: 213px; padding-left: 176px; padding-top: 44px; }
#lm8 .list7 li p a{ font-size: 16px; color: #472b0d; line-height: 30px;}
#lm9 .list6 .on, #lm10 .list6 .on,#lm20 .list6 .on,#lm21 .list6 .on{ list-style: none; margin-left: -16px;  }
#lm9 .list6 .on a, #lm10 .list6 .on a,#lm20 .list6 .on a,#lm21 .list6 .on a{font-size: 18px; font-weight: bold; color: #3c1819;}
.items{ float: left;  overflow: hidden;position: relative; height: 248px; padding-top: 48px; margin-bottom: 27px;}
.items ul{ width: 1000%;}
.ul li{ float: left; width: 140px; height: 247px; background:#fff; margin-right: 12px; text-align: center}
.ul li:hover{ box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.20)}
.ul li img{ padding-top: 32px;  }
.ul li h3{   height: 52px;  text-align: center;font-size: 14px; margin: 0; line-height: 52px;}
.ul li p{ font-size: 12px; color: #4a4a4a; text-align: left;width: 113px; margin:  0 auto;}
.items .prve{ position: absolute; width: 30px; height: 30px; background: url(img/prve.png) no-repeat center center #4f2010; top:0px; right: 30px; cursor:pointer;}
.items .next{ position: absolute; width: 30px; height: 30px; background: url(img/next.png) no-repeat center center #4f2010; top:0px; right: 0px; cursor:pointer;}
.bjsywxy .item{ height: 296px;}
.sfq ul li .txt{ width: 439px; position: relative; }

.sfq ul li .title{ position: absolute; width: 440px; font-size: 16px; color: #fff;}
.slid2 .item{width: 835px;   margin-left: 100px; float: left;    position: relative;  height:263px;}
.slid2 .items{width:100%;   position: static; margin-bottom: 0; padding-top: 0; }
.slid2 .items ul li{width: 263px;
    height: 245px;  margin-right: 20px; border:1px solid #fff; }
.slid2 .items ul li:hover{ box-shadow: none;}
.items a:hover{ text-decoration: none;}
.slid2 .prve{ left:-22px; top:50%; margin-top: -22px; width: 45px; height: 45px; background:url(img/left.png) no-repeat center center; z-index: 1}
.slid2 .next{ right:-22px; top:50%; margin-top: -22px; width: 45px; height: 45px; background:url(img/right.png) no-repeat center center;}
.slid2 .items h3{ font-size: 20px; font-weight: bold; width: 85%; margin: 0 auto; line-height: 30px; margin-top: 15px; margin-bottom: 5px;}
.slid2 .items p{ width:213px; font-size: 16px; color: #4a4a4a; line-height: 30px;}
#lm15 ul li{ margin-bottom: 9px;}
#lm17 .shadow{ position: absolute; left:0; top:100%; background: #b494a4; width: 100%; height: 100%;   font-size: 12px; }
#lm17  .shadow p { color: #fff; width: 85%;margin: auto; line-height: 30px; text-align: justify; text-justify: inter-ideograph; margin-top: 10px;}
.slid4 p{  font-size: 16px; color: #472b0d; line-height: 40px;  }
#lm17 .ul li{position: relative; width: 140px; margin-right: 12px; overflow: hidden;}
#lm17 .ul li:hover{box-shadow: none}
#lb3 .items{width: 1052px;   margin-bottom: 0; padding-top: 0; }
#lb3 .prve{ left:0px; top:50%; margin-top: -22px; width: 25px; height: 45px; background:url(img/l.png) no-repeat center center; z-index: 1}
#lb3 .next{ right:0px; top:50%; margin-top: -22px; width: 25px; height: 45px; background:url(img/r.png) no-repeat center center;z-index: 1}
#lm18 .list6 .on,#lm19 .list6 .on{ list-style: none; margin-left: -16px;  }
#lm18 .list6 .on a,#lm19 .list6 .on a{font-size: 18px; font-weight: bold; color: #3c1819;}
.hdzq{ margin-top: 40px; }
/* Large desktop */
@media (min-width: 1200px) {
    .container {width: 1200px;  }
    .wrap{margin-top: -450px;}

    .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;}
    .banner .container .span8{ width: 755px; margin-left: 0; padding-left: 15px; padding-right: 15px;}
    .banner .container .span8 .list4 .carousel{ border: 10px solid #fff;}
    .banner .container .span4{ width: 415px; }
    .banner .list7{ width: 328px; margin: 0 auto;}

    .navigtor{ height: 70px; background: #fff;width: 100%;}
    .navigtor .row{ margin-left: 0;}
    .navigtor ul li{ float: left;  margin: 0 13px; line-height: 70px; text-align: center;}
    .navigtor ul li a{ font-size: 16px;}
    .navigtor ul li:hover{ background: url(img/nav_hover.png) no-repeat center bottom;}
    .navigtor ul li:hover a{   color: #e72d12; font-weight: bold; text-decoration: none; }
    .topfixed{position: fixed; left: 0; top: 0; z-index: 9999;  display: block;}
    .pic{position: relative; width: 100%; height: 600px; background-attachment: fixed; background-position: center 0;  background-repeat: no-repeat;  }
    .bgfirst{background-image: url(img/bg1.png);}
    .bgsecond{background-image: url(img/bg2.jpg);}
    .bgthird{background-image: url(img/bg3.jpg);}
    .slid1{ height: 2100px; background:  #fff  ;}
    .slid2{height: 308px;    margin-top: -295px; }
    .slid3{ height: 1227px; background:#fff;}
    .slid4{ height: 850px; background:url(img/gzh.png) no-repeat center top ;margin-top: -295px; position: relative;}
    .lm{ float: left}
    .list8{ float: left; width: auto;}
    .slid1 .span12{ margin-left: 0;}
    .slid1 .span4{ margin-left: 20px;}
    .bjsywxy{ width: 100%; background: url(img/bg.jpg) no-repeat top center; height: 621px; padding-top: 103px; margin-bottom:20px;}
    .bjsywxy .span12{ margin-left: 20px;}
    .items{width: 1052px;}
    .lm_zjzf{ padding-top: 48px;}
    .sfq ul li .video{ position: absolute; top:50%; margin-top: -30px; left:50%; margin-left: -30px;}
    .sfq{float: left; width: 1052px;}
    .sfq ul li{  float: left; width:122px; overflow: hidden;  }
    .sfq ul li.on{ width: 562px;}
    .sfq ul li a.jd{ position: absolute; right: 0;bottom: 0;height: 86px; line-height: 116px; text-align: center; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); overflow: hidden; display:none;color: #fff; z-index: 1000; text-decoration: none;background: url(img/yy.png) no-repeat;}
    .sfq ul li p{ position: absolute; width: 102px; padding:5px 10px; height: 57px; left: 0; top:160px; background: rgba(255,255,255,0.95)}
    .slid1 .container{position: relative;}
    .slid1 .yezi1{position: absolute; top:-53px; left:-261px;}
    .slid1 .yezi2{position: absolute; top:-21px; right:-254px;}
    .slid2 .lm{position: relative;}
    #lm11,#lm14{ float: left;}
    #lm12 .list7 li a{ color: #3c1819; }
    #lm12{ margin-bottom: 31px;}
    .slid4 p{ width:534px;   right: -182px;   top: 320px;   position: absolute; opacity: 0;z-index: 99;}
    .slid4 .container{position: relative;}
    .slid4 .sj{position: absolute; top:284px; opacity: 0;}
    .slid4 .js{position: absolute; top: 284px;  right: -182px; opacity: 0}
    .footer{ margin-top: 37px;}
    .block{ margin-top: 18px;}

    .xj{  background:url(img/qlsx_b.jpg) no-repeat top right #f9f8f6;   margin-bottom: 20px; }
    .xz{  background:url(img/tmgz_b.jpg) no-repeat top right #f9f8f6;}
    .pwxy{  background:url(img/pwxy_b.png) no-repeat top right #f9f8f6;    }
    #lm18 .list6 .on,#lm19 .list6 .on{ list-style: none; margin-left: -16px;  }
    #lm18 .list6 .on a,#lm19 .list6 .on a{font-size: 18px; font-weight: bold; color: #3c1819;}

    .sfq ul li.on .jd{display:block}
    .sfq ul li img{-webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray; }
    .sfq ul li.on img{-webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: grayscale(0);
        filter: gray; }
}
/* 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{ 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;}
    .banner .container .span8{ width: 755px; margin-left: 0; padding-left: 15px; padding-right: 15px;}
    .banner .container .span8 .list4 .carousel{ border: 10px solid #fff;}
    .banner .container .span4{ width: 415px; }
    .banner .list7{ width: 328px; margin: 0 auto;}

    .navigtor{ height: 70px; background: #fff;width: 100%;}
    .navigtor .row{ margin-left: 0;}
    .navigtor ul li{ float: left;  margin: 0 13px; line-height: 70px; text-align: center;}
    .navigtor ul li a{ font-size: 16px;}
    .navigtor ul li:hover{ background: url(img/nav_hover.png) no-repeat center bottom;}
    .navigtor ul li:hover a{   color: #e72d12; font-weight: bold; text-decoration: none; }
    .topfixed{position: fixed; left: 0; top: 0; z-index: 9999;  display: block;}
    .pic{position: relative; width: 100%; height: 600px; background-attachment: fixed; background-position: center 0;  background-repeat: no-repeat;  }
    .bgfirst{background-image: url(img/bg1.jpg);}
    .bgsecond{background-image: url(img/bg2.jpg);}
    .bgthird{background-image: url(img/bg3.jpg);}
    .slid1{ height: 2100px; background:  #fff  ;}
    .slid2{height: 308px;    margin-top: -295px; }
    .slid3{ height: 1227px; background:#fff;}
    .slid4{ height: 850px; background:url(img/gzh.png) no-repeat center top ;margin-top: -295px; position: relative;}
    .lm{ float: left}
    .list8{ float: left; width: auto;}
    .slid1 .span12{ margin-left: 0;}
    .slid1 .span4{ margin-left: 20px;}
    .bjsywxy{ width: 100%; background: url(img/bg.jpg) no-repeat top center; height: 621px; padding-top: 103px;}
    .bjsywxy .span12{ margin-left: 20px;}
    .items{width: 1052px;}
    .lm_zjzf{ padding-top: 48px;}
    .sfq ul li .video{ position: absolute; top:50%; margin-top: -30px; left:50%; margin-left: -30px;}
    .sfq{float: left; width: 1052px;}
    .sfq ul li{  float: left; width:122px; overflow: hidden;  }
    .sfq ul li.on{ width: 562px;}
    .sfq ul li a.jd{ position: absolute; right: 0;bottom: 0;height: 86px; line-height: 116px; text-align: center; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); overflow: hidden; display: none;color: #fff; z-index: 1000; text-decoration: none;background: url(img/yy.png) no-repeat;}
    .sfq ul li p{ position: absolute; width: 102px; padding:5px 10px; height: 57px; left: 0; top:160px; background: rgba(255,255,255,0.95)}
    .slid1 .container{position: relative;}
    .slid1 .yezi1{position: absolute; top:1153px; left:-261px;}
    .slid1 .yezi2{position: absolute; top:1121px; right:-254px;}
    .slid2 .lm{position: relative;}
    #lm11,#lm14{ float: left;}
    #lm12 .list7 li a{ color: #3c1819; }
    #lm12{ margin-bottom: 31px;}
    .slid4 p{ width:534px;   right: -182px;   top: 320px;   position: absolute; opacity: 0;z-index: 99;}
    .slid4 .container{position: relative;}
    .slid4 .sj{position: absolute; top:284px; opacity: 0;}
    .slid4 .js{position: absolute; top: 284px;  right: -182px; opacity: 0}
    .footer{ margin-top: 37px;}
    .block{ margin-top: 18px;}
    .xj{  background:url(img/qlsx_b.jpg) no-repeat top right #f9f8f6;   margin-bottom: 20px; }
    .xz{  background:url(img/tmgz_b.jpg) no-repeat top right #f9f8f6;}
    .pwxy{  background:url(img/pwxy_b.png) no-repeat top right #f9f8f6;    }
    #lm18 .list6 .on,#lm19 .list6 .on{ list-style: none; margin-left: -16px;  }
    #lm18 .list6 .on a,#lm19 .list6 .on a{font-size: 18px; font-weight: bold; color: #3c1819;}

    .sfq ul li.on .jd{display:block}
    .sfq ul li img{-webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray; }
    .sfq ul li.on img{-webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: grayscale(0);
        filter: gray; }
}
/* 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: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;}
    .banner .container .span8{ width: 755px; margin-left: 0; padding-left: 15px; padding-right: 15px;}
    .banner .container .span8 .list4 .carousel{ border: 10px solid #fff;}
    .banner .container .span4{ width: 415px; }
    .banner .list7{ width: 328px; margin: 0 auto;}

    .navigtor{ height: 70px; background: #fff;width: 100%;}
    .navigtor .row{ margin-left: 0;}
    .navigtor ul li{ float: left;  margin: 0 13px; line-height: 70px; text-align: center;}
    .navigtor ul li a{ font-size: 16px;}
    .navigtor ul li:hover{ background: url(img/nav_hover.png) no-repeat center bottom;}
    .navigtor ul li:hover a{   color: #e72d12; font-weight: bold; text-decoration: none; }
    .topfixed{position: fixed; left: 0; top: 0; z-index: 9999;  display: block;}
    .pic{position: relative; width: 100%; height: 600px; background-attachment: fixed; background-position: center 0;  background-repeat: no-repeat;  }
    .bgfirst{background-image: url(img/bg1.jpg);}
    .bgsecond{background-image: url(img/bg2.jpg);}
    .bgthird{background-image: url(img/bg3.jpg);}
    .slid1{ height: 2100px; background:  #fff  ;}
    .slid2{height: 308px;    margin-top: -295px; }
    .slid3{ height: 1227px; background:#fff;}
    .slid4{ height: 850px; background:url(img/gzh.png) no-repeat center top ;margin-top: -295px; position: relative;}
    .lm{ float: left}
    .list8{ float: left; width: auto;}
    .slid1 .span12{ margin-left: 0;}
    .slid1 .span4{ margin-left: 20px;}
    .bjsywxy{ width: 100%; background: url(img/bg.jpg) no-repeat top center; height: 621px; padding-top: 103px;}
    .bjsywxy .span12{ margin-left: 20px;}
    .items{width: 1052px;}
    .lm_zjzf{ padding-top: 48px;}
    .sfq ul li .video{ position: absolute; top:50%; margin-top: -30px; left:50%; margin-left:-30px;}
    .sfq{float: left; width: 1052px;}
    .sfq ul li{  float: left; width:122px; overflow: hidden;  }
    .sfq ul li.on{ width: 562px;}
    .sfq ul li a.jd{ position: absolute; right: 0;bottom: 0;height: 86px; line-height: 116px; text-align: center; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000); overflow: hidden; display: none;color: #fff; z-index: 1000; text-decoration: none;background: url(img/yy.png) no-repeat;}
    .sfq ul li p{ position: absolute; width: 102px; padding:5px 10px; height: 57px; left: 0; top:160px; background: rgba(255,255,255,0.95)}
    .slid1 .container{position: relative;}
    .slid1 .yezi1{position: absolute; top:1153px; left:-261px;}
    .slid1 .yezi2{position: absolute; top:1121px; right:-254px;}
    .slid2 .lm{position: relative;}
    #lm11,#lm14{ float: left;}
    #lm12 .list7 li a{ color: #3c1819; }
    #lm12{ margin-bottom: 31px;}
    .slid4 p{ width:534px;   right: -182px;   top: 320px;   position: absolute; opacity: 0;z-index: 99;}
    .slid4 .container{position: relative;}
    .slid4 .sj{position: absolute; top:284px; opacity: 0;}
    .slid4 .js{position: absolute; top: 284px;  right: -182px; opacity: 0}
    .footer{ margin-top: 37px;}
    .block{ margin-top: 18px;}
    .xj{  background:url(img/qlsx_b.jpg) no-repeat top right #f9f8f6;   margin-bottom: 20px; }
    .xz{  background:url(img/tmgz_b.jpg) no-repeat top right #f9f8f6;}
    .pwxy{  background:url(img/pwxy_b.png) no-repeat top right #f9f8f6;    }
    #lm18 .list6 .on,#lm19 .list6 .on{ list-style: none; margin-left: -16px;  }
    #lm18 .list6 .on a,#lm19 .list6 .on a{font-size: 18px; font-weight: bold; color: #3c1819;}

    .sfq ul li.on .jd{display:block}
    .sfq ul li img{-webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
        filter: gray; }
    .sfq ul li.on img{-webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: grayscale(0);
        filter: gray; }

}

/* 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%;
    }
    .right{  width: 74%; }
    .right p{margin-top: 0; }
    /*.left{ margin-top: 10px;}*/
    #lm8 .list7{  width: 100%;}
    #lm8 .list7 li{ padding-top: 0; width: 48%; padding-left: 50%}
    #lm8 .list7 li p{text-align:justify; text-justify:inter-ideograph;}
    .items{ width: 100%;}
    .sfq ul li .txt{ width: 100%;}
    .sfq ul li p{ margin-top: 10px;}
    .sfq ul li p{   width: 100%;  text-align: center;   }
    .sfq ul li .video{ position: absolute; top:50%; margin-top: -15px; left:50%; margin-left: -15px; width: 30px; height: 30px;}
    .sfq ul li .title{ width: 100%;}
    a.jd {position: absolute; right: 0;bottom: 40px; 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; }
    .slid2 .item{width: 100%;}
    .slid2 .items ul li{  border:1px solid #000; }
    .slid2 .item{margin-left: 0}
    .slid2 .prve { left: -3%;}
    .slid2 .next { right: -3%;}
    #lm16{ width: 100%;}

    #lb1 .items {margin-bottom: 0}
    .footer li{ font-size: 14px;}
    .footer ul{ margin-bottom: 20px;}

    #lb3 .items{ width: 100%;}

    #lm16{ background-size:100% 100%; }
    #lm16 .list6 li{ height: auto;}
    #lm16 .list6 {padding-left: 54px;    }
    .div_scroll {
        width: 97%;}
    .slid1 .list li {
        width: 78%;

        padding-top: 28px;
    }

}

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




}