a:hover,a:focus{ text-decoration: none;}
strong{font-size: 18px;}

.banner{height: 514px; width: 100%; background: url(img/banner.jpg) no-repeat  top center; min-width: 1200px;  }

.main_tit .span6{ margin-left: 0; margin-top:0; width: 506px; }
.main_tit .span6 .pic{ position: relative;}
.main_tit .span6 .mb{position: absolute; left: 0; top:0;}
.main_tit .rt{ margin-left: 28px;width: 629px;}
.main_tit .rt p.des{ width: 617px; font-size: 16px; font-family: "Microsoft YaHei"; line-height: 1.8em; margin-top: 22px; color: #000000; text-indent: 2em;}
.main_tit .title h3{  font-size: 23px; font-weight: bold; margin-bottom: 0; color: #2b84e7; height:auto; line-height: 30px;}
/*.main_tit .title h3 span{ color: #fff; font-size: 14px; font-weight: normal; margin-right: 10px; background: #cf2028; width: 70px; text-align: center; display: inline-block; height:30px; line-height: 30px; float: left;}*/
.main_tit .title h3 span{  height:23px; line-height: 23px; display: inline-block; }
.main_tit .title h3 span.sub{background: #cf2028;  color: #fff;   font-size: 15px;   height:23px; line-height: 23px; display: inline-block;}
.main_tit .title h3 span img{display:block;}
.qs{ vertical-align: middle;}
.fl{ float: left;}
.main_tit .title p{color: #595757; font-size: 12px;  margin-top: 10px; height: 18px;}
.main_tit .title p span{ color:#fff;  font-weight: bold; margin-right: 10px; background: #b1b1b1; width: 70px;display: inline-block; text-align: center;}
.row{ width: 100%;  margin-left: 0; }
.row #lm1 h3,#lm2 h3{ height: 34px;  line-height: 22px;color: #036d6f;   font-size: 18px;  padding-left: 0;   margin-top: 40px;   margin-bottom: 30px;
border-bottom: solid 1.4px #2b84e7;}
.row #lm1 h3 span.sj,#lm2 h3 span.sj{background: url(img/h3_bg1.png) no-repeat left -1px;  width: 37px;  height: 37px;  display: inline-block;   float: left;}
.row #lm1 h3 span.bt,#lm2 h3 span.bt{display: inline-block;  height: 22px;  background: #fff;  padding: 0 18px 0 6px;  font-size: 25px;  font-weight: bold;margin-top: 3px;}
#lm2 h3 span.bt a{ font-weight: bold;}
.row #lm1 p{ font-size: 16px; color: #333;padding-left: 0; text-indent: 2em; line-height: 1.8em; margin-top: 27px;}
.row #lm1 .pic{text-align: center; padding-bottom: 10px; margin-top: 20px;}
.row #lm1 .pic p{ line-height: 25px; margin-top: 20px;}
.row .span4{ height: auto; }

a.jiaodai{background: rgba(0, 101, 148, 0.5) none repeat scroll 0 0 !important; height: 100%;  }
.list8 li{ margin-bottom: 50px;}
.list8 li .text{ width: 281px; height: 107px; border: 1px solid #fff; margin-top: 15px; margin-left: 15px; }
.list8 li .text p{ color: #fefefe;  font-size: 16px; margin-bottom: 0;line-height: 22px;  margin-top: 13px;}
.list8 li .text .bt{font-weight: bold; color: #ffffff; margin-top:20px;  }
.editor { text-align: right;    margin-right: 19px; margin-top: 30px;}
/* Large desktop */
@media (min-width: 1200px) {
    .container{ width:1200px;}

    .main_tit{  width: 1163px;  margin-left: 20px;  margin-right: auto;    margin-top: -163px;    border: 1px solid #b2b2b2;   padding: 28px 0px 31px 14px;   background: url(img/redsj.png) no-repeat right bottom;}
}
/* desktop */
@media (min-width: 979px) and (max-width: 1199px) {
    .container,#localNav,#channelNav,.footer{ width:1170px;}
    .main_tit{  width: 1163px;  margin-left: 20px;  margin-right: auto;    margin-top: -163px;    border: 1px solid #b2b2b2;   padding: 28px 0px 31px 14px;   background: url(img/redsj.png) no-repeat right bottom;}

    .span12 {
        width: 1170px;
    }
    .span11 {
        width: 1070px;
    }
    .span10 {
        width: 970px;
    }
    .span9 {
        width: 870px;
    }
    .span8 {
        width: 770px;
    }
    .span7 {
        width: 646px;
    }
    .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;}
    .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", "???¨ª????";
    }
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .container,#localNav,#channelNav,.footer{ width:1170px;}
    .main_tit{  width: 1163px;  margin-left: 20px;  margin-right: auto;    margin-top: -163px;    border: 1px solid #b2b2b2;   padding: 28px 0px 31px 14px;   background: url(img/redsj.png) no-repeat right bottom;}
    .span12 {
        width: 1170px;
    }
    .span11 {
        width: 1070px;
    }
    .span10 {
        width: 970px;
    }
    .span9 {
        width: 870px;
    }
    .span8 {
        width: 770px;
    }
    .span7 {
        width: 646px;
    }
    .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, .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", "???¨ª????";
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .banner {
        min-width: 100%;
        height: auto;
        background: none;
    }

    .main_tit .span6 {
        width: 100%;
    }

    .row .span4 {
        background-size: 100% 100%;
    }

    .main_tit {
        width: 96%;
        padding-top: 3%;
        margin-left: 2%;
    }

    .main_tit .rt p.des {
        width: auto;
    }

    .main_tit .rt {
        margin-left: 0;
        width:100%;
    }

    .list8 li .text {
        width: 95%;
        height: 90%;
        margin: 0 auto;
        margin-top: 2%;
    }

    .row #lm2 h3 {
         width: 96%;
        padding-top: 15% ;
        margin-left:2%;
        margin-right:2%;
    }

    .span8 {
        width: 96%;
        margin-left: 2%;
    }

    .main_tit .title h3 {
        height: auto;
        line-height: 30px;
    }

    .main_tit .title p {
        margin-top: 10px;
        padding-left: 0;
    }

    .span4 .list8 {
        width: 96%;
        margin-left: 2%;
    }

    .row #lm1 p {
        padding-left: 0px;
    }

    .row #lm1 h3 {
        height: auto;
        line-height: 24px;
        background: none;
        width: 100%;
        padding:0;
    }


    .row #lm1 h3 span.bt{   height: auto;     line-height: 24px; background: #fff;    font-size: 18px; padding: 0; font-weight: bold;}


}
/* Landscape phones and down */
@media (max-width: 480px) {
    .banner{ min-width: 100%; height:auto; background: none;}
    .main_tit .span6{ width: 100%; }
    .row .span4{ background-size: 100% 100%; }
    .main_tit{ width: 96%; padding-top: 3%; margin-left: 2%;}
    .main_tit .rt p.des{ width: auto;}
    .main_tit .span7{ margin-left: 0;}
    .list8 li .text{ width: 95%; height: 90%; margin: 0 auto; margin-top:2%;}
    .row #lm2 h3{   padding-top: 15%;  margin-left:2%;        margin-right:2%;}
    .span8{width: 96%;  margin-left: 2%;}

    .main_tit .title h3{  font-size: 23px; font-weight: bold; margin-bottom: 0;  height: auto; line-height: 30px;}
    /*.main_tit .title h3 span{ color: #193c76; font-size: 20px; font-weight: normal; margin-right: 10px; background: #fff; width: auto; text-align: center; display: inline-block; height:30px; line-height: 30px; float: left;}*/

    .main_tit .title p{  font-size: 12px;  margin-top: 0px; height: 18px;padding-left: 0;margin-top: 10px;}
    .main_tit .title p span{ color:#193c76;  font-weight: bold; margin-right: 10px; background: #fff; width: 70px;display: inline-block; text-align: center;}




    .span4 .list8 { width: 96%;margin-left: 2%;    }
    .row #lm1 p{ padding-left:0px; }
    .row #lm1 h3 {
        height: auto;
        line-height: 24px;
        background: none;
        width: 100%;
        padding: 0;
    }
}