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

/* Large desktop */
@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
    .banner .container {
        background: #fff;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.20);
    }
    .banner{height: 2802px; width: 100%; background: url(img/banner.jpg) no-repeat  top center; min-width: 1200px;  padding-top: 365px; }
    .cont{ position: relative; width: 1118px; overflow: hidden;}
    h3{ margin-top:41px; margin-bottom: 35px; }
    .cont .pic{ position: absolute; top:0; left:0;}
    .cont .hand{ position: absolute; right: 30px; bottom: 19px;}
    p{ color: #787878; font-size: 14px; line-height: 25px; border-bottom: 1px solid #e3e3e3; padding: 30px 0; width: 1118px;}
    .footer{margin-top: 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; }

    .list18 li, .list18 li{ height: 160px; width: 285px; }
    .list18 li + li{margin-left: 10px;}
    .banner .container {
        background: #fff;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.20);
    }
    .banner{height: 2802px; width: 100%; background: url(img/banner.jpg) no-repeat  top center; min-width: 1200px;  padding-top: 365px; }
    .cont{ position: relative; width: 1118px; overflow: hidden;}
    h3{ margin-top:41px; margin-bottom: 35px; }
    .cont .pic{ position: absolute; top:0; left:0;}
    .cont .hand{ position: absolute; right: 30px; bottom: 19px;}
    p{ color: #787878; font-size: 14px; line-height: 25px; border-bottom: 1px solid #e3e3e3; padding: 30px 0; width: 1118px;}
    .footer{margin-top: 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; }

    .list18 li, .list18 li{ height: 160px; width: 285px; }
    .list18 li + li{margin-left: 10px;}

    .banner .container {
        background: #fff;
        box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.20);
    }
    .banner{height: 2802px; width: 100%; background: url(img/banner.jpg) no-repeat  top center; min-width: 1200px;  padding-top: 365px; }
    .cont{ position: relative; width: 1118px; overflow: hidden;}
    h3{ margin-top:41px; margin-bottom: 35px; }
    .cont .pic{ position: absolute; top:0; left:0;}
    .cont .hand{ position: absolute; right: 30px; bottom: 19px;}
    p{ color: #787878; font-size: 14px; line-height: 25px; border-bottom: 1px solid #e3e3e3; padding: 30px 0; width: 1118px;}
    .footer{margin-top: 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%;}
    p{ color: #787878; font-size: 14px; line-height: 25px; border-bottom: 1px solid #e3e3e3; padding: 30px 20px;  }
    .cont{ padding:0 20px;}
    .cont .pic{ text-align: center;}
    .cont .pic img{ margin-bottom: 20px;}
}

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

    h3{ margin-top:41px; margin-bottom: 35px; }
}