/* CSS Document */

@charset "gb2312";
/* CSS Document */
* { margin: 0; padding: 0; list-style: none;}
body { background: #fff; font: normal 1rem/1.8 "Microsoft Yahei";}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none; vertical-align:middle; margin: 0px; padding: 0px;}
.clear{ clear:both;}
a{ color:#333;}
a:hover {text-decoration: none;}
@media (min-width: 1200px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1630px;
  }
}
.top-bg {background: url(../images/header.jpg) no-repeat top center;height:350px;}
.head{padding: 2rem 0;}
.head-mid{ padding-top:85px;}
.head-mid img{ display:block;margin: 0 auto;}
.tab-hd{width:100%; height: 45px; line-height: 45px;clear: both;}
.tab-hd > h3{ float:left; line-height: 45px; font-size: 30px; color: #333;}
.tab-hd > h3 img{margin-right: 8px;}
.tab-hd > span { float: right;}
.tab-hd > span > a {  margin-top: 10px;  width: 60px;}

.new-list ul{ zoom:1; }
.new-list li{position: relative; padding: .48rem 0 .48rem 1rem;  background: url(../images/dian.gif) no-repeat 0px center;  }
.new-list li a{ font: normal 1rem/1.8 "Microsoft Yahei"; display: block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; color: #333; }
.new-list li:hover a{ color: #188ffc; }
.new-list li:hover span{ color: #188ffc; }
.new-list li span{ display: block; float:right; /* width: 55px; */ font-size: 1rem; text-align: right; color: #999999; }
.bm-list li{position: relative; padding: .48rem 0 .48rem 1rem; width:16%; float: left; background: url(../images/jt.gif) no-repeat 0px center;}
.bm-list li a{ font: normal 1rem/1.8 "Microsoft Yahei"; display: block; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; color: #333; }
.bm-list li:hover a{ color: #188ffc; }
.bm-list li:hover span{ color: #188ffc; }


.title{height: 45px; background:url(../images/title.gif) center center no-repeat; font-size: 30px; line-height: 45px; color: #333; text-align: center;}
.title2{height: 45px; background:url(../images/title2.gif) center center no-repeat; font-size: 30px; line-height: 45px; color: #333; text-align: center;}
.title a{ color:#333;}

.footer{ width:100%; background:#fff; border-top:3px solid #1b5180; font-size: 14px; color: #666;}


/*手机兼容*/
@media only screen and (max-width: 1200px) {
.top-bg { width: 100%; height: auto; padding: 0 5px 50px 5px; background-size: cover; background-position: left;}
.head-mid img {border: none; max-width: 100%;}
.logo img{ width:70%;}
}
@media only screen and (max-width: 1100px) {
}
@media only screen and  (max-width: 768px){
ul.news-list li span{ display: block; float:none; width:0; display: none;}
ul.news-list .line {height: 0; line-height: normal; margin: 0px; padding:0px; border-bottom:none; background: none;}
}
@media (min-width: 320px) and (max-width:480px) {
.head-mid{ padding-top:0.5rem;}
.head-mid img {border: none; max-width:100%;}
.text01{font: normal 1rem/1.8 "Microsoft Yahei";}
.new-list li a{ font: normal 1rem/1.8 "Microsoft Yahei"; }
.tab-hd > h3{ float:left; font-size: 16px; color: #333;}
.bm-list li{width:50%;}
.bm-list2 li{width:33%;}
.footer{ text-align:center;}
}