a:hover,a:focus{ text-decoration: none;}
.banner{height: 378px; width: 100%; background: url(img/banner.jpg) no-repeat  top center; min-width: 1200px;  }
.lm2 .left{ float: left; margin-left: 10px; margin-right: 20px;}
.lm2 .right{ float: left;}
.lm2 .right li{ height: 30px; line-height: 30px; margin-bottom: 15px; font-size: 16px; color: #242424;}
.lm2 .right li span{ width: 137px; height: 30px; line-height: 30px; color: #fff; font-size: 18px; margin-right: 24px; padding-left: 30px; padding-right:17px; }
.lm3{ margin-top: 34px;}
.lm4 ul li{margin-bottom: 25px;}
.lm4 .left{ float: left; margin-right: 12px;}
.lm4 .right{ float: left; width: 256px;}
.lm4 .right h4{ font-weight: normal; font-size: 16px; color: #242424; margin-top: 0;}
.lm4 .right .jj{ font-size: 14px; color: #787878; height: 47px;  }
.lm4 .right .dy{ font-size: 14px; color: #242424; margin-bottom: 0px;}
.lm4 .right .zy{font-size: 14px; color: #242424;}
#row2 .span4{ background: url(img/ypbg.jpg) no-repeat right bottom;}
.lbtn{ margin-right: 4px;}
h3.titleBar17{ background: url(img/logo1.jpg) no-repeat left 0px; height: 37px; }
.span4 h3.titleBar17{ background: url(img/logo.jpg) no-repeat left 0px; margin-top: 20px;   }
h3.titleBar17 .title{ margin-left: 41px; padding: 0; }
h3.titleBar17 .title a{color: #000;}
h3.titleBar17 .rightLink {color:#2e2d2d; font-size:14px; cursor: pointer;}
h3.titleBar17 .rightLink1{position: absolute;right: 60px;  bottom: -4px; color: #919191; font-size: 12px; cursor: pointer;}
h3.titleBar17.spec{background: url(img/logo3.jpg) no-repeat left 0px;}
.bpic{margin-bottom: 10px;}
.bpic  li{position: relative; display: none;}
.bpic .play{position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px;}
.spic li{ float: left;position: relative; margin-right: 10px;  width: 250px; height: 134px;  }
.spic li.end{ margin-right: 0;}
.spic li.on{ border: 2px solid red;margin-left: -4px; margin-top: -2px;}
.spic li .jiaodai{display:block; width:100%; height:100%;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);}
.spic li.on .jiaodai{ width: 0; height: 0;}
.spic .play{position: absolute; left: 12px; bottom:13px;}
.spic p{position: absolute; right: 10px; bottom:-10px; font-size: 14px; color: #fff; }
.list8{ width: 100%;margin: 0 auto 6px auto;}
.lm6 .list6{ margin-top: 10px;}
#row5 { background: url(img/tpbg.jpg) no-repeat center bottom;}
.list12Big{ width: 65.5%;}
.list12Small {width: 34%;}
.list12 li p.jiaodai{ font-size: 16px; line-height: 300%;}
.lm10 .list8 li p{ color: #787878; font-size: 16px; text-indent: 2em; width: 90%; margin: 0px auto; margin-top: 40px; height: 180px;}
.span3{ margin-left: 0; margin-right: 23px;}
.span5{ margin-left: 0;}
.span5 .list6{ margin-top: 25px;}
.lm12{ margin-top: 22px; margin-bottom: 36px;}
.lm12 .list17{ text-align: center;  margin-top: 43px;}
.lm12 .list17 img{ width: 80%;}
.lm12 .list17 li{ border: 1px solid #d2d2d2; padding-top: 25px; padding-bottom: 35px;}
.list17 li {    width: 31%;}
.list17 li a.title{color: #089de2;}
.list17 li img{ margin-top: 15px; margin-bottom: 15px;}
.wqhg li{ width: 19%; margin-left: 1%; float: left;position: relative;}
.wqhg li a.jiaodai{position: absolute; top:0; left: 0; width: 97%;}
.wqhg li a.jiaodai h4{  line-height: 103px;}
.wqhg li a.jiaodai p{ border-top: 1px solid #fff; width: 87%; margin: 0 auto;}
.lm13 h3{ margin-bottom: 30px;}
.list18_1 li{ float:left;margin-left: 0; text-align: center; margin-top: 20px;}
.list18_1 li+li{  margin-left: 2.66%;}
.list18_1 li img{ width:100%;  margin-bottom: 6px;}
.list18_1 li a.title{  width:100%; font-size:16px;  font-weight: normal; text-align: left; line-height: 1.7em;}
.list18_1 li+li.noLeftGap{ margin-left:0;}
.list18_1 li.noLeftGap{  margin-left:0;}
.lm17{margin-top:20px;}
.lm16{ margin-top: 30px;}
/* Large desktop */
@media (min-width: 1200px) {
    .container{ width:1200px;}
    #row1 .span4{ margin-left: 0; width: 397px;}
    #row1 .span4 .lm1{position: relative;}
    #row1 .span4 .list8 { width: 100%; position: absolute; top:0;}
    #row1 .span4 .list8 a.jiaodai{ bottom: 48.8%;}
    #row1 .span4 .list6{position:absolute;top:284px; width: 100%; z-index:2;left:29px; }
    #row1 .span4 .list6 li{color: #fff;}
    #row1 .span4 .list6 li a{ color: #fff;}
    #row1 .span4 .tmbg{ position: absolute; top:210px;  z-index: 1;}
    .lm1 h3{ position: absolute; z-index:3; top:212px; left:29px;background: url(img/textbg.png) no-repeat 24px top;width: 100%; line-height: 46px;}
    .lm1 h3 a{ color: #fff;}

    .box{ overflow: hidden; position: relative; width: 770px; height: 281px;}
    .box .list18_1{  position: absolute; top:0; left: 0;}
    .list18_1 li{ width: 182px;}
    .list18_1 li + li {margin-left: 15px;}
}
/* 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; }
    .list4 img{ height: 410px;}
    .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", "???ик????";  }
    #row1 .span4{ margin-left: 0; width: 397px;}
    #row1 .span4 .lm1{position: relative;}
    #row1 .span4 .list8 { width: 100%; position: absolute; top:0;}
    #row1 .span4 .list8 a.jiaodai{ bottom: 48.8%;}
    #row1 .span4 .list6{position:absolute;top:284px; width: 100%; z-index:2;left:29px; }
    #row1 .span4 .list6 li{color: #fff;}
    #row1 .span4 .list6 li a{ color: #fff;}
    #row1 .span4 .tmbg{ position: absolute; top:210px;  z-index: 1;}
    .lm1 h3{ position: absolute; z-index:3; top:212px; left:29px;background: url(img/textbg.png) no-repeat 24px top;width: 100%; line-height: 46px;}
    .lm1 h3 a{ color: #fff;}
    .box{ overflow: hidden; position: relative;}
    .box .list18_1{ width: 2000px; position: absolute; top:0; left: 0;}
    .box .list18_1 li{ width: 182px;}
    .list18_1 li + li { margin-left: 15px;  }

}
/* 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;    }
    .list4 img{ height: 410px;}
    .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", "???ик????";    }
    #row1 .span4{ margin-left: 0; width: 397px;}
    #row1 .span4 .lm1{position: relative;}
    #row1 .span4 .list8 { width: 100%; position: absolute; top:0;}
    #row1 .span4 .list8 a.jiaodai{ bottom: 48.8%;}
    #row1 .span4 .list6{position:absolute;top:284px; width: 100%; z-index:2;left:29px; }
    #row1 .span4 .list6 li{color: #fff;}
    #row1 .span4 .list6 li a{ color: #fff;}
    #row1 .span4 .tmbg{ position: absolute; top:210px;  z-index: 1;}
    .lm1 h3{ position: absolute; z-index:3; top:212px; left:29px;background: url(img/textbg.png) no-repeat 24px top;width: 100%; line-height: 46px;}
    .lm1 h3 a{ color: #fff;}
    .box{ overflow: hidden;}
    .box .list18_1{ width: 2000px;}
    .box .list18_1 li{ width: 182px;}
    .list18_1 li + li { margin-left: 15px;  }

}

/* 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%;}
    .lm1 h3{ margin-left: 2%;}
    .banner{ min-width: 100%; height:auto; background: none;}
    .row{ margin-left: 2%; margin-right: 2%;}
    .span4{ width: 100%;}
    .lm1 h3{ margin-left: 2%;}
    .lm2 .right li{ height: auto;}
    #row2 .span4{ background-size: 100% 100%; padding-bottom: 20px;}
    .lm4 .right{ width: 60%;}
    .bpic li{ margin-bottom: 15px; display: block;}
    .pull-left {float: none; }
    .list12Big {width: 100%; }
    .list12Small {width: 100%;}
    .pull-right {float: none; }
    .span3 .pic img{ width: 100%;}
    .list17 li {width: 100%; float: none;  margin-bottom: 15px; }
    .list17 a.pic{ float: none; width: 80%;}
    .list17 a.pic img {width: 90%;margin-left: 5%; margin-right: 5%; }
    .list17 li a.title,.list17 li .intro{ float: none; width: 100%;}
    .lm12 {margin-top: 20px;  margin-bottom: 20px;  }
    .wqhg li{ width: 100%; float: none; margin-left: 0; margin-bottom: 15px;}
    .wqhg li .pic img{ width: 100%;}
    .list18_1 li{ width:48%; *width:48%;  float:left; margin-left: 0;  text-align: center;  /*height:210px;*/   }
    .wqhg li a.jiaodai{width: 100%; }
}

/* 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%;}
    .lm1 h3{ margin-left: 2%;}
    .lm2 .right li{ height: auto;}
    #row2 .span4{ background-size: 100% 100%; padding-bottom: 20px;}
    .lm4 .right{ width: 60%;}
    .bpic li{ margin-bottom: 15px; display: block;}
    .pull-left { float: none; }
    .list12Big {width: 100%; }
    .list12Small { width: 100%; }
    .pull-right { float: none;  }
    .span3 .pic img{ width: 100%;}
    .list17 li { width: 100%;  float: none;    margin-bottom: 15px;  }
    .list17 a.pic{ float: none; width: 80%;}
    .list17 a.pic img { width: 90%;  }
    .list17 li a.title,.list17 li .intro{ float: none; width: 100%;}
    .lm12 {margin-top: 20px; margin-bottom: 20px;  }
    .wqhg li{ width: 100%; float: none; margin-left: 0; margin-bottom: 15px;}
    .wqhg li .pic img{ width: 100%;}
    .list18_1 li{ width:48%;  *width:48%;  float:left;    margin-left: 0;  text-align: center;  /*height:210px;*/    }
    .wqhg li a.jiaodai{width: 100%; }

}

