/*-----global CSS 清除浏览默认样式-----*/
*{ margin:0; padding:0;}
body{ font:14px/150% Microsoft YaHei,SimHei,SimSun,Arial, Helvetica, sans-serif; background:#fff url(bg_01.jpg) no-repeat center top;}
li{ list-style:none;}
a{ text-decoration:none; color:#333;}
a:hover{ text-decoration:underline;}
img{ border:none; vertical-align:bottom; display:inline-block;}
h1{ font-size:16px;}
h2{ font-size:14px;}
h3{ font-size:14px;}
.fl{ float:left;}
.fr{ float:right;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb30{ margin-bottom:30px;}
.mr10{ margin-right:10px;}
.fb{ font-weight:bold;}
.no_margin{ margin-bottom:0;}


/*-----layout CSS-----*/
ul,ul li,.col,.hd,h2,.bd,.menu,.clear{ overflow:hidden; zoom:1; }

/*------------------------头部 start--------------------------*/
.header{ width:1200px; margin:0 auto;}

/*------------------------内容 start--------------------------*/
.content{width:1200px; margin:0 auto; padding-top:30px;}

/*通用栏目-----*/
.hd{margin-bottom:15px;}
.hd2{ margin-bottom:25px; margin:30px 0px;  }
.colTit{ float:left; font-size:22px; display: inline-block; font-weight:normal;}
.hdMore{ float:right;font-weight:normal; color:#666; font-size:14px;}

.morea { 
    background:url(more.png) center no-repeat;
    width: 300px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
font-size:16px;
    display: block;
    margin: 0 auto;
    margin-top: 25px;

}



/*版块1--------------------------*/
/*滚动图片-----*/
.scrollImg{ position:relative;width:640px;height:360px; overflow:hidden;}
.scrollImg img{width:640px;height:360px;}
#bd1lfimg{position:relative;width:640px;height:360px;overflow:hidden;}
#bd1lfimg div{width:100000px; margin-left:-4px;}
#bd1lfimg dl{position:relative; width:640px;height:360px; overflow:hidden; float:left;}
#bd1lfimg dt{ position:absolute; left:0; top:0;}
#bd1lfimg dd { width:640px;height:25px; line-height:25px;  padding:8px 0 4px 15px; overflow:hidden;background:#000000; filter:alpha(Opacity=70); Opacity:0.7; position:absolute; left:0; bottom:0;}
#bd1lfimg dd a{font-size:14px; font-weight:bold; color:#ffffff; position:relative; z-index:100;}
#bd1lfimg dd a:hover{color:#cccccc;}
.sub_nav{width:100px; height:25px; right:0; bottom:3px;  position:absolute; color:#999999; z-index:200;}
.sub_no{height:25px;}
.sub_no li{display:block; width:20px; height:20px;line-height:20px; float:left; overflow:hidden;  vertical-align:middle; text-align:center; filter:alpha(Opacity=90); Opacity:0.9; font-family:Arial; font-size:11px;  cursor:pointer; margin:0 2px;background:#ffffff; color:#000000;}
.sub_no li.show{color:#fff; background: #F30;}


/*头条 标题+摘要-----*/
.top-news{ display:block; padding-bottom:20px; border-bottom:1px dotted #ddd; margin-bottom:20px;}
.top-news h3{ text-align:center; font-size:24px; line-height:28px; margin-bottom:10px;}
.top-news p{ font-size:18px; text-indent:36px; color:#666;}
.top-news p span{color:#F00;}

/*标题列表 -----*/
.news-list{ }
.news-list li{height:30px; line-height:30px; overflow: hidden;vertical-align:middle; margin-bottom:20px;}
.news-list li:before{ content:""; display:inline-block; width:5px; height:5px; margin-right:15px; margin-bottom:5px; border-radius:50%; background:#6DABFF;}
.news-list li a{color:#333; font-size:18px;}
.news-list li a:hover{color:#2d86ff;}

/*版块2--------------------------*/
/*图片+摘要*/
.img-txt-news{}
.img-txt-news li{ float:left; width:570px; margin-right:60px; margin-bottom:30px;}
.img-txt-news li:nth-child(2n){ margin-right:0;}
.img-txt-news img{ float:left; margin-right:30px; width:300px; height:170px;}
.img-txt-news li a:hover img{ opacity:0.6;}
.img-txt-news h3{ display:block;margin-bottom:10px; font-size:20px; color:#000;
/*超过行数显示省略号 复制以下代码*/
display: -webkit-box;
text-overflow: ellipsis;
-webkit-line-clamp: 2;  /*行数设置，比如2，超过2行显示省略号*/
-webkit-box-orient: vertical;
overflow:hidden;
 }
.img-txt-news p{ color:#666; font-size:16px; line-height:150%; text-align:justify;}
.img-txt-news p span{ color:#FF3700;}



/*通用图片列表-----*/

.imgList {}
.imgList li{ float:left;width:280px; display:inline; vertical-align:middle; margin:7px;}
.imgList li a{ display:block;}
.imgList li a img{ width:280px; height:188px;}
.imgList li a.tit{ text-align:center; height:30px; line-height:30px;}



/*左边大图 通用图片列表-----*/
.imgList2 {}
.imgList2 li{ float:left;width:580px; display:inline; vertical-align:middle; margin:7px;}
.imgList2 li a{ display:block;}
.imgList2 li a img{ width:580px; height:418px;}
.imgList2 li a.tit{ text-align:center; height:30px; line-height:30px;}



/*------------------------底部 start--------------------------*/
.footer{ width:100%; background:#469cb7; margin:0 auto; text-align: center; font-size:14px; padding:60px 0; }
@media(min-width:568px){html{width:130%}}

@media(min-width:1200px){html{width:100%}}