@charset "utf-8";
/* CSS Document */

.toutiao{ width:100%; border:1px solid #eee; height:140px; float:left; overflow:hidden; margin-top:20px; box-sizing:border-box; padding:30px 20px 10px; background:url(bg-hot.png) no-repeat 0 0}
.toutiao h3{ width:100%; float:left; overflow:hidden; height:40px; line-height:40px; text-align:center; margin-bottom:15px;white-space: nowrap; text-overflow:ellipsis;}
.toutiao h3 a{ font-size:30px; color:#454545; }
.toutiao h4{ width:100%; float:left; overflow:hidden; text-align:center; line-height:26px; height:26px;white-space: nowrap; text-overflow:ellipsis;}
.toutiao h4 a{ color:#666; font-size:18px; font-weight:normal}
.toutiao h4 span{ padding:0 15px; font-size:16px; font-family:"宋体"; font-weight:normal; color:#999}
.toutiao h4 span:last-child{ display:none}
.toutiao a:hover{ text-decoration:underline; color:#125db2}

.part01{ display:flex;}
.case01{ width:760px; height:480px; margin-right:30px}
.mF_expo2010{position:relative; width:100%; height:480px;overflow:hidden;  float:left; background:#fff; }
.mF_expo2010 .loading{position:absolute;z-index:9999;width:100%;height:100%;color:#666;text-align:center;padding-top:90px;background:#fff url(loading.gif) center -40px no-repeat;}
.mF_expo2010 .pic li{position:absolute;}
.mF_expo2010 .pic li img{width:760px;height:480px;}/*图片和焦点图框架一样大小*/
.mF_expo2010 .txt li{position:absolute;z-index:2;left:0;width:100%;height:50px;line-height:50px;overflow:hidden;white-space: nowrap; text-overflow:ellipsis;}
.mF_expo2010 .txt li a{display:block;color:#fff; text-indent:15px;font-size:18px;text-decoration:none; line-height:50px; color:#fff}/*标题样式*/
.mF_expo2010 .txt-bg{position:absolute;bottom:0px;z-index:1;width:100%;height:50px; overflow:hidden;background:#000;filter:alpha(opacity=60);opacity:0.60;} /*标题背景*/
.mF_expo2010 .num,.mF_expo2010 .num-bg{position:absolute;z-index:3;bottom:15px;right:5px;color:#fff;}/*按钮样式*/
.mF_expo2010 .num li,.mF_expo2010 .num-bg li{float:left;width:20px;height:20px;line-height:21px;overflow:hidden;text-align:center;margin-right:5px; font-size:14px; cursor:pointer; border-radius:50%; }
.mF_expo2010 .num-bg li{background:#000;filter:alpha(opacity=50);opacity:0.5;}/*按钮背景*/
.mF_expo2010 .num li.current,.mF_expo2010 .num li.hover{background:#08ad36;}/*当前/悬停按钮背景*/
.mF_expo2010 .txt li a:hover{text-decoration:underline}
.mF_expo2010 .pic li a font{font-size:12px; color:#fff}

.news-01{ flex:1}
.h3-01{ width:100%; float:left; overflow:hidden; line-height:50px; height:50px; background:#f8f8f8; margin-bottom:15px}
.h3-01 a.a-01{ display:block; float:left; overflow:hidden; width:auto; padding:0 35px; background:#125db2; line-height:50px; color:#fff; font-size:20px}
.h3-01 span{ float:right; line-height:50px; margin-right:20px}
.h3-01 span a{ color:#666; font-size:14px; font-weight:normal}
.h3-01 span a img{ width:14px; vertical-align:middle; margin-left:5px}
.h3-01 span a:hover{ color:#125db2;}

.news-01 ul{ width:100%; float:left; overflow:hidden}
.news-01 ul li{ line-height:42px; height:42px; width:100%; float:left; overflow:hidden; background:url(dot01.gif) no-repeat 0 center; text-indent:13px; white-space: nowrap; text-overflow:ellipsis;}
.news-01 ul li a{ color:#333; font-size:16px}
.news-01 ul li a:hover{ color:#125db2; text-decoration:underline}
.news-01 ul li span{ float:right; line-height:38px; font-size:14px; color:#666}

.newsone{ display:flex;}
.news-02{ width:760px; float:left; overflow:hidden; margin-right:30px}
.news-02 .h3-01{ margin-bottom:10px}
.news-02 ul,.news-03 ol{ width:100%; float:left; overflow:hidden}
.news-02 ul li,.news-03 ol li{ line-height:40px; height:40px; width:100%; float:left; overflow:hidden; background:url(dot02.gif) no-repeat 0 center; text-indent:13px; white-space: nowrap; text-overflow:ellipsis;}
.news-03 ol li{ height:35px; line-height:35px}
.news-02 ul li a,.news-03 ol li a{ color:#333; font-size:16px}
.news-02 ul li a:hover,.news-03 ol li a:hover{ color:#125db2; text-decoration:underline}
.news-02 ul li span,.news-03 ol li span{ float:right; line-height:38px; font-size:14px; color:#666}

.ad-01{ width:100%; float:left; overflow:hidden}
.ad-01 img{ width:100%}
.ad-01 img:last-child{ display:none}

.news-03{ flex:1; float:left; overflow:hidden}
.news-03 dl{ width:100%; padding-bottom:20px; margin-bottom:10px; border-bottom:1px dashed #ddd; display:flex;}
.news-03 dl .ico-01{ width:222px; margin-right:20px}
.news-03 dl .ico-01 img{ width:100%}
.news-03 ul{ flex:1}
.news-03 dt{ width:100%; float:left;  overflow:hidden; height:30px; line-height:30px; margin-bottom:8px}
.news-03 dt a{ font-size:16px; color:#125db2; font-weight:bold; }
.news-03 dt a:hover{ text-decoration:underline}
.news-03 p{ width:100%; float:left; overflow:hidden; line-height:22px; font-size:14px; color:#999; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height:44px; margin-bottom:10px}
.news-03 dd{ width:100%; float:left; overflow:hidden; line-height:20px; font-size:14px; color:#666}

.ad_main{ width:100%; display:flex;}
.ad-02{ width:760px; margin-right:30px}
.ad-02 img{ width:100%;}
.ad-02 a img:nth-child(2),.ad-02 a img:nth-child(3){ display:none}

.cha-01{ flex:1; background:url(cha-bg2.png) no-repeat right center; margin-right:10px; }
.cha-01b{ background:url(cha-bg3.png) no-repeat right center; margin-right:0}
.cha-01 a{ display:flex; width:100%;align-items:center; height:100px}
.cha-01 a img{ width:40px; height:40px; border:13px solid #fff; border-radius:50%; background:#fff; text-align:center; margin-right:20px; margin-left:30px}
.cha-01 ul{ flex:1;}
.cha-01 dt{ width:100%; float:left; overflow:hidden; line-height:22px; font-size:18px; color:#fff; margin-bottom:1px }
.cha-01 dd{ width:100%; float:left; overflow:hidden; line-height:18px; font-size:14px; color:#fff; }

.ul-01{ width:100%; display:flex;justify-content:space-between }
.ul-01 dl{ width:24%;}
.ul-01 dl dd{ width:100%; float:left; overflow:hidden; margin-bottom:10px}
.ul-01 dl dd img{ width:100%; border:1px solid #efefef; box-sizing:border-box; padding:10px}
.ul-01 dl dt{ width:100%; float:left; overflow:hidden; line-height:30px; text-align:center; height:30px;white-space: nowrap; text-overflow:ellipsis; }
.ul-01 dl dt a{ font-size:16px; color:#333}
.ul-01 dl dt a:hover{ text-decoration:underline; color:#125db2}



.m_r10{ margin-right:10px}

/******** 手机版 ********/
@media (max-width:767px){

.toutiao{height:80px; margin-top:15px; padding:13px 10px 7px; background-size:7%}
.toutiao h3{ height:25px; line-height:25px; margin-bottom:5px}
.toutiao h3 a{ font-size:18px; }
.toutiao h4{ line-height:20px; height:20px}
.toutiao h4 a{font-size:12px;}
.toutiao h4 span{ padding:0 6px; font-size:12px; }

.part01{ flex-wrap:wrap}
.case01{ width:100%; border:none; padding:0px;; height:60vw; margin-right:0; margin-bottom:15px}
.mF_expo2010{ height:60vw }
.mF_expo2010 .pic li img{width:100%;height:60vw;}

.mF_expo2010 .txt li{height:40px;line-height:40px;}
.mF_expo2010 .txt li a{ font-size:14px;line-height:40px; }/*标题样式*/

.mF_expo2010 .txt-bg{height:40px} /*标题背景*/
.mF_expo2010 .num,.mF_expo2010 .num-bg{bottom:10px;right:5px;}/*按钮样式*/

.ad-01 img:first-child{ display:none}
.ad-01 img:last-child{ display:block}
.news-01{  width:100%}

.h3-01{  margin-bottom:10px; line-height:40px; height:40px;}
.h3-01 a.a-01{ font-size:17px; line-height:40px; padding:0 20px}
.h3-01 span{ margin-right:10px; line-height:40px}

.news-01 ul li{ line-height:32px; height:32px; background:url(dot01.gif) no-repeat 0 center; text-indent:13px;}
.news-01 ul li a{ font-size:14px}
.news-01 ul li span{ line-height:32px; font-size:12px;}

.news-02{ margin-bottom:10px}
.news-02,.news-03{ width:100%; margin-right:0px}

.news-03 h3.h3-01{ margin-bottom:15px}
.news-03 dl{ width:100%; padding-bottom:15px; margin-bottom:7px; border-bottom:1px dashed #ddd; display:flex;}
.news-03 dl .ico-01{ width:40%; margin-right:10px}
.news-03 dl .ico-01 img{ width:100%}
.news-03 dt{  height:20px; line-height:20px; margin-bottom:5px}
.news-03 dt a{ font-size:16px;  }
.news-03 p{ line-height:18px; font-size:12px; height:36px; margin-bottom:5px}
.news-03 dd{ line-height:20px; font-size:12px; }

.news-02 ul li,.news-03 ol li{ line-height:28px; height:28px;text-indent:13px;}
.news-03 ol li{ height:28px; line-height:28px}
.news-02 ul li a,.news-03 ol li a{ color:#333; font-size:14px}
.news-02 ul li a:hover,.news-03 ol li a:hover{ color:#125db2; text-decoration:underline}
.news-02 ul li span,.news-03 ol li span{ float:right; line-height:28px; font-size:12px; color:#666}

.ad_main{flex-wrap:wrap}
.ad-02{ width:100%; margin-right:0px; margin-bottom:8px}
.ad-02 img{ width:100%;}
.ad-02 a img:nth-child(2),.ad-02 a img:nth-child(3){ display:none}

.cha-01{ width:48.75%; margin-right:2.5%; position: relative; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover;}
.cha-01b{ background:url(cha-bg3.png) no-repeat center center; margin-right:0;position: relative; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover;}


.cha-01 a{height:60px}
.cha-01 a img{ width:28px; height:28px; border:8px solid #fff; margin-right:15px; margin-left:15px}
.cha-01 ul{ flex:1;}
.cha-01 dt{ line-height:20px; font-size:17px;margin-bottom:0px }
.cha-01 dd{line-height:14px; font-size:10px; }

.ul-01{flex-wrap:wrap  }
.ul-01 dl{ width:48.5%; margin-bottom:10px}
.ul-01 dl dd{margin-bottom:6px}
.ul-01 dl dd img{ width:100%; border:0; box-sizing:border-box; padding:0px}
.ul-01 dl dt{ line-height:22px; height:22px; }
.ul-01 dl dt a{ font-size:12px; }

.m_20,.m_30{ margin-bottom:10px}
}

/******** 750px ********/
@media (min-width:768px) and (max-width:991px){
.toutiao h3{ height:30px; line-height:30px; margin-bottom:8px}
.toutiao h3 a{ font-size:22px; }
.toutiao h4{ line-height:20px; height:20px}
.toutiao h4 a{font-size:14px;}
.toutiao h4 span{ padding:0 6px; font-size:14px; }

.h3-01{  margin-bottom:10px; line-height:40px; height:40px;}
.h3-01 a.a-01{ font-size:17px; line-height:40px; padding:0 20px}
.h3-01 span{ margin-right:10px; line-height:40px}



.part01{ width:750px; flex-wrap:wrap}
.case01{ width:728px; border:1px solid #eee; padding:10px;; height:468px; margin-right:0; margin-bottom:15px}
.mF_expo2010{ height:468px }
.mF_expo2010 .pic li img{width:728px;height:468px;}

.mF_expo2010 .txt li{height:40px;line-height:40px;}
.mF_expo2010 .txt li a{font-size:14px;line-height:40px; }/*标题样式*/
.mF_expo2010 .txt-bg{height:40px} /*标题背景*/
.mF_expo2010 .num,.mF_expo2010 .num-bg{bottom:10px;right:5px;}/*按钮样式*/

.news-01{  width:100%}
.h3-01{  margin-bottom:10px}
.news-01 ul li{ line-height:32px; height:32px; background:url(dot01.gif) no-repeat 0 center; text-indent:13px;}
.news-01 ul li a{ font-size:14px}
.news-01 ul li span{ line-height:32px; font-size:12px;}

.news-02,.news-03{ width:100%; margin-right:0px}

.ad_main{flex-wrap:wrap}
.ad-02{ width:100%; margin-right:0px; margin-bottom:10px}
.ad-02 img{ width:100%;}
.ad-02 a img:nth-child(2),.ad-02 a img:nth-child(3){ display:none}

.cha-01{ width:49.25%; margin-right:1.5%; position: relative; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover;}
.cha-01b{ background:url(cha-bg3.png) no-repeat center center; margin-right:0;position: relative; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover;}

.h3-01{ line-height:40px; height:40px; margin-bottom:15px}
.h3-01 a.a-01{ padding:0 25px; line-height:40px; font-size:18px}

.ul-01 dl{ width:32.5%;}
.ul-01 dl:last-child{ display:none}
.ul-01 dl dd{margin-bottom:6px}
.ul-01 dl dd img{padding:5px}
.ul-01 dl dt{ line-height:26px; height:26px; }
.ul-01 dl dt a{ font-size:14px; }

.m_20{ margin-bottom:15px}
}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){
	
.toutiao h3{ height:35px; line-height:35px; margin-bottom:8px}
.toutiao h3 a{ font-size:26px; }
.toutiao h4{ line-height:26px; height:26px}
.toutiao h4 a{font-size:15px;}
.toutiao h4 span{ padding:0 10px; font-size:14px; }



.h3-01{  margin-bottom:10px; line-height:40px; height:40px;}
.h3-01 a.a-01{ font-size:17px; line-height:40px; padding:0 20px}
.h3-01 span{ margin-right:10px; line-height:40px}


.part01{ width:970px; height:312px}
.case01{ width:485px; height:312px; margin-right:2%}
.mF_expo2010{ height:312px }
.mF_expo2010 .pic li img{width:485px;height:312px;}

.mF_expo2010 .txt li{height:40px;line-height:40px;}
.mF_expo2010 .txt li a{font-size:14px;line-height:40px; }/*标题样式*/
.mF_expo2010 .txt-bg{height:40px} /*标题背景*/
.mF_expo2010 .num,.mF_expo2010 .num-bg{bottom:10px;right:5px;}/*按钮样式*/

.news-01{  width:48%}
.h3-01{  margin-bottom:10px}
.news-01 ul li{ line-height:32px; height:32px; background:url(dot01.gif) no-repeat 0 center; text-indent:13px;}
.news-01 ul li a{ font-size:14px}
.news-01 ul li span{ line-height:32px; font-size:12px;}

.news-02{ width:50%; margin-right:2%}
.news-02 ul li,.news-03 ol li{ line-height:32px; height:32px; }
.news-03 ol li{ height:32px; line-height:32px}
.news-02 ul li a,.news-03 ol li a{ color:#333; font-size:14px}
.news-02 ul li span,.news-03 ol li span{ float:right; line-height:32px; font-size:12px; color:#666}

.news-03{ width:48%;}
.news-03 dl .ico-01{ width:160px; margin-right:20px}
.news-03 dl{padding-bottom:10px; margin-bottom:5px; }

.ad_main{ height:90px}
.ad-02{ width:50%;}
.ad-02 a img:first-child,.ad-02 a img:nth-child(2){ display:none}
.ad-02 a img:nth-child(3){ display:block}

.cha-01{ height:90px;}
.cha-01 a{ height:90px}
.cha-01 a img{ width:36px; height:36px; border:10px solid #fff; margin-right:20px; margin-left:25px}
.cha-01 ul{ flex:1;}
.cha-01 dt{ line-height:20px; font-size:18px; }
.cha-01 dd{ line-height:16px; font-size:12px;  }

.ul-01 dl dd img{padding:5px}
.ul-01 dl dt{ line-height:26px; height:26px; }
.ul-01 dl dt a{ font-size:14px; }

}

/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){
.part01{ width:1160px; height:373px}
.case01{ width:580px; height:373px; margin-right:2%}
.mF_expo2010{ height:373px }
.mF_expo2010 .pic li img{width:580px;height:373px;}

.mF_expo2010 .txt li{height:40px;line-height:40px;}
.mF_expo2010 .txt li a{font-size:15px;line-height:40px; }/*标题样式*/
.mF_expo2010 .txt-bg{height:40px} /*标题背景*/
.mF_expo2010 .num,.mF_expo2010 .num-bg{bottom:10px;right:5px;}/*按钮样式*/

.news-01{  width:48%}
.h3-01{  margin-bottom:10px}
.news-01 ul li{ line-height:32px; height:32px; background:url(dot01.gif) no-repeat 0 center; text-indent:13px;}
.news-01 ul li a{ font-size:14px}
.news-01 ul li span{ line-height:32px; font-size:12px;}

.news-02{ width:50%; margin-right:2%}
.news-02 ul li,.news-03 ol li{ line-height:32px; height:32px; }
.news-03 ol li{ height:32px; line-height:32px}
.news-02 ul li a,.news-03 ol li a{ color:#333; font-size:14px}
.news-02 ul li span,.news-03 ol li span{ float:right; line-height:32px; font-size:12px; color:#666}

.news-03{ width:48%;}
.news-03 dl .ico-01{ width:160px; margin-right:20px}
.news-03 dl{padding-bottom:10px; margin-bottom:5px; }

.cha-01{ height:100px; }
.ad-02{ width:50%;}
.ad-02 a img:first-child{ display:none}
.ad-02 a img:nth-child(2){ display:block}

.ul-01 dl dd img{padding:5px}
.ul-01 dl dt{ line-height:26px; height:26px; }
.ul-01 dl dt a{ font-size:14px; }



}

/******** 1450px ********/
@media (min-width:1440px){
.ad_main{height:110px}
.cha-01{ height:110px; }
}