@charset "utf-8";
a:hover,a:focus{ text-decoration: none;}

body{ background: url(img/bg.jpg)  no-repeat center 27px; width: 100%;}
.wrap{margin-top: 450px;}
.container{ overflow: visible; width: 1170px;}
.row{ margin-left: 0;}
.span8{ margin-left: 0;}
.lm1{ margin-top: 130px;}
.lm1 .left{ float: left; width: 313px; margin-left: 47px;}
.lm1 .right{ float:left; width: 345px; margin-left: 44px;}
.lm1 .right p{font-family: "楷体"; font-size: 18px;text-align:justify; text-justify:inter-ideograph; line-height: 35px;}
.lm1 .right p.dl{ margin-top: 93px;}
.lm1 .right p.xq{text-align: right;}
.lm1 .right p.xq a{ color:#bec500;}
.lm2 .left{ float: left; margin-top: 37px;}
.lm2 .tab{ float: left; width: 368px; margin-top: 37px; margin-left: 7px;}
.lm2 .tab ul li{ line-height: 48px;font-size: 18px; color: #454545; background: url(img/bg_t1.png) no-repeat bottom left; padding-left: 20px;position: relative;cursor: pointer; }
.lm2 .tab ul li.first{ line-height: 36px;}
.lm2 .tab ul li.five{ line-height: 35px;}
.lm2 .tab ul li.last{ background: none;}
.lm2 .tab ul li.on{ background: url(img/bg_t.png) repeat-y left bottom;}
.lm2 .cont{ width: 348px; height: 398px;background: #f1f1f0; border-radius: 10px; float: left; margin-left: -23px; display: none;}
.lm2 .cont p{ width: 270px; margin: 40px auto 0 auto; line-height: 36px; font-size: 18px;}
.lm2 .cont p.xq{ text-align: right;}
.lm2 .cont p.xq a{color:#bec500; }
.lm4{ margin-top: 36px;}
.lm4 .tx{ text-align: center;}
.lm4 .name{ text-align: center;  font-size: 24px;  margin-top: 38px; margin-bottom: 55px;}
.lm4 p{ width: 273px; margin-left:auto; margin-right: auto;font-family: "楷体";}
.lm4 .dl{ line-height: 35px;font-size: 18px;text-align: justify;    text-justify: inter-ideograph;}
.lm4  p.xq{text-align: right; font-size: 18px;}
.lm4  p.xq a{ color:#bec500;}
.lm5 ul li{ line-height: 36px; font-size: 18px; list-style: none; padding-left: 33px; background: url(img/dot.png) no-repeat 5px center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.lm5 ul li a{    font-size: 18px; list-style: none;}
.lm5 .ewm{ text-align: center; margin-top: 69px;}
.lm3{ margin-top: -327px; margin-bottom: 20px;}
.lm3 .left{ width: 102px; background: #d3d3d3; float: left; text-align: center; padding-top: 27px; height:100%;padding-bottom:752px;}
.lm3 .right{ width: 566px;  float: left; margin-left: 82px;}
.lm3  h3.titleBar2{ margin-bottom: 44px;}
.lm3 .right h3{ margin-top: 0; border-bottom: 1px dotted #000; padding-left: 23px;}
.lm3 .right h3 a{ font-size: 18px; color:#4e4d4d;}
.lm3 .right h3.on{ background: #f1f1f0;}
.lm3 .right p{ font-size: 14px; font-family: "宋体";}
h3.titleBar2{ font-size: 30px; color: #bec500; font-weight: bold;}
h3.titleBar2 span{ float: right; }
h3.titleBar2 span a{font-size: 18px; color: #bec500;}
h3.blue{border-color: #999999;}
.lm3 .right p.more{ width: 257px; line-height: 36px; border-radius: 10px; text-align: center; font-size: 18px; color: #bec500; border: 1px solid #d3d3d3; font-family: "Arial", "Microsoft YaHei", "黑体", "宋体", sans-serif; margin: 42px auto 0 auto; cursor: pointer; }
 .footer{ margin-top: 0;}
/* Large desktop */
@media (min-width: 1200px) {
    .container {  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;  }



}
/* desktop */
@media (min-width: 979px) and (max-width: 1199px) {
    .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: 352px;  }
    .span3 {width: 270px;  }
    .span2 {width: 170px;  }
    .span1 {width: 70px;  }
    li {line-height: 34px; }


}
/* 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;    }
    body{ background: url(img/bg.jpg)  no-repeat center top; width: 100%;}

}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    .row{ margin-left: 2%; margin-right: 2%;}
    body{   background-image:none;width: 100%;}
    .container{ width: 100%;}
    .wrap{margin-top: 0px;}
    .lm1{ margin-top: 20px;}
    .lm1 .left{ float: none; width: 100%; margin-left: 0 ; text-align: center;}
    .lm1 .right{ float:none; width: 100%; margin-left: 0; }
    h3.titleBar2{ border-left:none; padding-left: 0;}
    .lm4 p{width: 100%;}
    .lm3{ margin-top: 0;}
    .lm3 .right{ float: none; margin-left: 0; width: 100%;}
    .lm3 .right h3{ height: 30px;}
    .lm2 li h3{ border-bottom: 1px dotted #000; height:auto;}
    .lm2 li h3 a{ font-size: 18px; color: #454545; cursor: pointer; }
    .lm5 ul li{ padding-left: 25px;}
    .lm5 ul li a{ font-size: 16px;}
    .lm2 li p{   line-height: 30px; font-size: 16px;}
    .lm2 li p.xq{ text-align: right;}
    .lm2 li p.xq a{color:#bec500; }
    .lm5{ margin-top: 38px;}
    .lm1 .right p.dl {
        margin-top: 20px;
    }


}

/* Landscape phones and down */
@media (max-width: 480px) {

    .row{ margin-left: 2%; margin-right: 2%;}

}

