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

.part1{ display:flex}
.case01{ width:800px; overflow:hidden; height:500px; margin-right:50px}
.mF_expo2010{position:relative; width:100%; height:500px;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:800px;height:500px;}/*图片和焦点图框架一样大小*/
.mF_expo2010 .txt li{position:absolute;z-index:2;left:0;width:100%;height:50px;line-height:50px;overflow:hidden;}
.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:10px;right:5px;color:#fff;}/*按钮样式*/
.mF_expo2010 .num li,.mF_expo2010 .num-bg li{float:left;width:20px;height:20px;line-height:20px;overflow:hidden;text-align:center;margin-right:5px; font-size:15px; 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:#F60;}/*当前/悬停按钮背景*/
.mF_expo2010 .txt li a:hover{ color:#ff0; text-decoration:underline}
.mF_expo2010 .pic li a font{font-size:12px; color:#fff}

.news-1{overflow:hidden; background:#fff; box-sizing:border-box}
.news-ul{ width:100%; float:left; overflow:hidden; height:36px; margin-bottom:20px}
.news-ul a{ float:left; overflow:hidden; color:#333; font-size:22px; font-weight:bold; line-height:36px }
.news-ul span{ float:left; padding:0 20px; color:#6f6f6f; font-size:14px; line-height:36px}
.news-ul a.hover{ color:#bd1a2d; font-size:28px}
.news-ul a:hover{ color:#bd1a2d;}

.news-div{ width:100%; float:left; overflow:hidden}
.dl-01{ width:100%; display:flex; margin-bottom:30px; height:125px;}
.dl-01 h6{ width:80px; height:65px; padding-top:15px; margin-top:25px; border-radius:50%; background:url(cir.png) no-repeat center center; text-align:center; font-size:12px;color:#bd1a2d; font-weight:normal; z-index:9}
.dl-01 h6 span{ font-size:20px; font-weight:bold }
.dl-01 ul{ flex:1; height:125px; background:#f9f9f9; margin-left:-40px; padding-left:40px; display:flex;flex-direction:column; justify-content:center;}
.dl-01 dt{ width:100%; float:left; overflow:hidden; line-height:30px; height:30px; margin-bottom:10px; padding:0 20px; box-sizing:border-box;    }
.dl-01 dt a{ color:#222; font-size:18px;}
.dl-01 dd{ width:100%; float:left; overflow:hidden; line-height:22px; height:44px; color:#888; font-size:14px;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;padding:0 20px; box-sizing:border-box
}
.dl-01:hover ul{ background:#de862b}
.dl-01:hover ul dt a,.dl-01:hover ul dd{ color:#fff;}


.ad01 ul{ width:100%; float:left; overflow:hidden; background:#bd1a2d; text-align:center }
.ad01 ul img{ max-width:100%; vertical-align:middle}
.ad01 ul img:last-child{ display:none}

.xw-1{ width:48%; float:left; overflow:hidden; margin-right:4%;}
.xw-1a{ margin-right:0}
.h3-1{ width:100%; float:left; overflow:hidden; line-height:30px; background:url(bg02.png) repeat-x 0 center; border-left:3px solid #bd1a2d; margin-bottom:20px}
.span-1{ padding:0 15px; background:#fff; }
.span-1 a{ color:#bd1a2d; font-size:28px; }
.span-r{ float:right; line-height:30px; background:#fff; padding-left:15px; margin-right:2px}
.span-r img{ vertical-align:middle; margin-top:-3px; margin-left:3px}
.span-r a{ color:#666; font-size:16px;font-family: "微软雅黑"}

.xw-1 dl{ width:100%; display:flex; margin-bottom:10px; border-bottom:1px dashed #ddd; padding-bottom:20px; float:left; overflow:hidden}
.xw-1 dl h6{ width:35%; float:left; overflow:hidden; margin-right:2%}
.xw-1 dl h6 img{ width:260px; float:left; overflow:hidden; height:160px}
.xw-1 dl ul{display:flex; flex-direction:column; justify-content:center; width:63%}
.xw-1 dl dt{ width:100%; overflow:hidden; line-height:30px; margin-bottom:8px; height:38px;white-space: nowrap; text-overflow:ellipsis;  }
.xw-1 dl dt a{ color:#333; font-size:18px; font-weight:bold}
.xw-1 dl dt a:hover{ color:#bd1a2d}
.xw-1 dl dd{width:100%; overflow:hidden; line-height:22px; height:44px; color:#888; font-size:14px;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom:15px}
.xw-1 dl p{ width:100%; line-height:22px; height:22px; color:#333; font-size:14px;}
.xw-1 dl p span{ color:#bd1a2d; padding-right:20px;}

.ul-1{ width:100%; float:left; overflow:hidden;}
.ul-1 li{ width:100%; float:left; overflow:hidden; line-height:40px; height:40px; background:url(dot03.png) no-repeat 0 center; text-indent:15px;white-space: nowrap; text-overflow:ellipsis;  }
.ul-1 li a{ font-size:16px; color:#4d4d4d}
.ul-1 li a:hover{ text-decoration:underline; color:#bd1a2d}
.ul-1 li span{ float:right; line-height:40px; font-size:14px; color:#888}

.xw-1 h5{ width:100%; float:left; overflow:hidden; text-align:center; background:#b10b11; margin:15px 0}
.xw-1 h5 img{ max-width:100%; overflow:hidden; vertical-align:middle}

.tu01{ background:#f5f5f5; padding:40px 0 40px; }

.tu01 .span-1{ background:#f5f5f5; padding:0 }
.tu01 .span-1 img{ vertical-align:middle; margin-right:10px; margin-top:-10px}
.tu01 .span-r{ background:#f5f5f5;}
.h3-2{ background:url(dot-7.png) no-repeat 0 bottom; border-bottom:2px solid #ddd; border:none; padding-bottom:10px;}

.tu02{ width:100%;  display:flex; flex-wrap:wrap;}
.tu02 dl{ width:18.56%; margin-right:1.8%;margin-bottom:20px;background:#fff;}
.tu02 dl:nth-child(5n){ margin-right:0}
.tu02 dl dd{ width:100%; float:left; overflow:hidden; }
.tu02 dl dd  img{ width:100%; float:left; overflow:hidden}
.tu02 dl dt{ width:100%; background:#fff; padding:20px;  box-sizing:border-box; line-height:22px; overflow:hidden}
.tu02 dl dt a{ font-size:16px; color:#333;}
.tu02 dl dt a:hover{ color:#bd1a2d}


/******** 手机版 ********/
@media (max-width:767px){
	
/* 幻灯 */	
.part1{ flex-wrap:wrap}
.case01{ width:100%; border:none; padding:0px; height:60vw; margin-right:0; margin-bottom:5px;}
.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;}/*按钮样式*/
.mF_expo2010 .num li,.mF_expo2010 .num-bg li{width:18px;height:18px;line-height:16px;margin-right:5px; font-size:12px;border-radius:50%; }



/* 幻灯下新闻 */
.news-ul{ height:30px; margin-bottom:10px}
.news-ul a{ font-size:14px;  line-height:30px }
.news-ul span{  padding:0 10px; font-size:14px; line-height:30px}
.news-ul a.hover{ font-size:16px}

.dl-01{ margin-bottom:10px; height:100px;}
.dl-01 h6{ width:70px; height:60px; padding-top:10px; margin-top:15px; border-radius:50%; background:url(cir.png) no-repeat center center;  font-size:12px; z-index:9}
.dl-01 h6 span{ font-size:20px; font-weight:bold }
.dl-01 ul{ flex:1; height:100px;}
.dl-01 dt{line-height:30px; height:30px; margin-bottom:5px; padding:0 10px;  }
.dl-01 dt a{  font-size:14px;}
.dl-01 dd{ line-height:18px; height:36px; color:#888; font-size:12px;padding:0 10px;}
.dl-01:hover ul{ background:#de862b}
.dl-01:hover ul dt a,.dl-01:hover ul dd{ color:#fff;}

/* 第一个广告 */
.ad01 ul img:first-child{ display:none}
.ad01 ul img:last-child{ display:block}

/* 成果转化 */
.xw-1{ width:100%;  margin-right:0}
.xw-1a{ margin-right:0}
.h3-1{  line-height:20px; background:url(bg02.png) repeat-x 0 center; border-left:3px solid #bd1a2d; margin-bottom:10px}
.span-1{ padding:0 10px; background:#fff; }
.span-1 a{ font-size:16px; }
.span-r{ line-height:20px;padding-left:10px; margin-right:2px}
.span-r img{ vertical-align:middle; margin-top:-3px; margin-left:3px}
.span-r a{ color:#666; font-size:14px;font-family: "微软雅黑"}

.xw-1 dl{ margin-bottom:5px;padding-bottom:15px; float:left; overflow:hidden}
.xw-1 dl h6{ width:35%;margin-right:2%}
.xw-1 dl h6 img{ width:100%; height:90px}
.xw-1 dl dt{ ine-height:30px; margin-bottom:0px; height:30px;  }
.xw-1 dl dt a{ font-size:14px; }
.xw-1 dl dd{line-height:18px; height:36px; color:#888; font-size:12px; margin-bottom:10px}
.xw-1 dl p{ display:none}
.ul-1 li{  line-height:30px; height:30px; background:url(dot03.png) no-repeat 0 center; text-indent:10px }
.ul-1 li a{ font-size:12px;}
.ul-1 li span{ line-height:30px; font-size:12px;}
.xw-1 h5{margin:10px 0}
.xw-1 h5 img{width:100%; }



.tu01{ background:#f5f5f5; padding:10px 0 10px; }
.tu01 .span-1{ background:#f5f5f5; padding:0 }
.tu01 .span-1 img{ vertical-align:middle; margin-right:10px; margin-top:-10px}
.tu01 .span-r{ background:#f5f5f5;}
.h3-2{ background:url(dot-7.png) no-repeat 0 bottom; border-bottom:2px solid #ddd; border:none; padding-bottom:10px;}


.tu02 dl{ width:48.5%; margin-right:3%; margin-bottom:10px;}
.tu02 dl:nth-child(5n){ margin-right:0}
.tu02 dl:nth-child(2n){ margin-right:0}
.tu02 dl:nth-child(n+5){ display:none}

.tu02 dl dt{  padding:10px; line-height:20px;}
.tu02 dl dt a{ font-size:12px; }










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

}


/******** 750px ********/
@media (min-width:768px) and (max-width:991px){
.news-1{flex:1;}
}


/******** 970px ********/
@media (min-width:992px) and (max-width:1199px){
.news-1{flex:1;}

}


/******** 1160px ********/
@media (min-width:1200px) and (max-width:1439px){
.news-1{flex:1;}
}

/******** 1400px ********/
@media (min-width:1440px){
.news-1{flex:1;}
}