@charset "utf-8";

body{ background:#f2f2f2;}
 .page { display:table; margin: 20px auto; border-radius: 4px; margin-top:60px; clear:both; }
.page a {cursor:pointer!important; line-height:40px;position: relative; float: left;   color: #555; text-decoration: none;  border: 1px solid #ddd;border-radius: 5px;margin:0 5px;height: 40px;font-size:1em; padding:0 15px;  display:block}
.page a:hover,.page a.hover {z-index: 2;color:#fff!important; cursor: default;background-color: #0BA29A; border-color: #0795d7;border-radius:5px}


/*public end */
section.banner{height:440px;position:relative;}
section.banner ul.menu{display: flex;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);height: 80px;line-height: 80px;
background: rgba(0,0,0,0.5);text-align: center;justify-content: center; z-index:999;}
section.banner ul.menu li{height:100%; max-width:33.3%; flex:1;}
section.banner ul.menu li a{ display:block; width:100%;height:100%;line-height:80px;color:#fff; font-weight:900; font-size:20px; position:relative;}
section.banner ul.menu li a:hover,section.banner ul.menu li a.hover{background:#008a8c;}
section.banner ul.menu li a::before{content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background: rgba(255,255,255,0.5);}
	section.banner ul.menu li:first-child a::before{ display:none;}
	
	p.position{ text-align:right; padding-right:20px; line-height:60px; color:#666666; }

    
	
	
article{ padding:60px 5% 100px 5%; background:#fff;line-height:1.8; font-size:18px;}

article .about p,article .about div,article.detail>div div,article.detail>div p{ padding:15px 0;}
article .about img,article .about video,article.detail>div img,article.detail>div video{display:table;margin: 15px auto;width:60%;}
article.detail>div{ padding-top:30px; line-height:2.2; }

article.detail>div h3,article.detail>div h4{padding-left:20px;display:inline-block; position:relative;}
article.detail>div h3::after,article.detail>div h4::after{ position:absolute; content:""; height:22px; width:5px; left:0; top:6px; background:#008a8c;}

article .contact{}
article .contact h1{ text-align:center; font-size:24px; padding-bottom:40px;}
article .contact dl{width:100%;border: 1px #ededed solid; overflow:hidden; display:block; margin-bottom:20px;}
article .contact dl dd{ padding-top:30px;width:25%; float:left;border-left:1px #ededed solid; text-align:center; height:166px; overflow:hidden;}
article .contact dl:first-child{ border-left:none;}
article .contact dl dd img{display:inline;}
article .contact dl dd  span{display:block; font-size:18px; padding-top:10px;}
article .contact dl dd  p{font-size:14px; color:#666;padding:5px 20px 5px 20px;}
article .contact>img{ width:100%;}

/*新闻列表页 */

article.newslist{ padding:50px 2% 100px 2%;}

article.newslist figure{background: #f8f8f8; width:100%; padding:25px; overflow:hidden; margin-bottom:30px;}
article.newslist figure>a{float:left; width:15%; }
article.newslist figure>a img{width:100%; height:120px;}
article.newslist figure figcaption{ float:right; width:83%;}
article.newslist figure figcaption div { float:left;width:80%;}
article.newslist figure figcaption div a{    padding-bottom:10px;
    border-bottom: 1px #e7e7e7 solid;
    font-size: 18px;
    color: #111;
    font-weight: normal; display:block;}
article.newslist figure figcaption div p{ line-height:1.7;height:58px;color: #666; margin-top: 14px; font-size:16px;}
article.newslist figure figcaption time{ float:right;width:15%; display:block; padding-left:5%; border-left:1px solid #e5e5e5; margin-top:20px;}
article.newslist figure figcaption time em{ display:block;   font-size: 26px;color: #666;margin-bottom: 4px; font-weight:900; line-height:1;}
article.newslist figure figcaption time span{display:block; color:#999; font-size:14px;}
article.newslist figure figcaption time i{display: block;
    width: 17px;
    height: 10px;
    background: url(../images/next.png) no-repeat top right;
    transition: 0.4s;
    margin-top: 20px;
}

article.newslist figure:hover{box-shadow: 0px 0px 13px 0px rgba(0, 87, 88, 0.25); background: #fff;}
article.newslist figure:hover figcaption div a{ color: #008a8c;}


/*新闻详情页*/

article.detail{}
article.detail h1{ line-height: 40px;
    padding-bottom:22px;
     text-align:center;
    border-bottom: 1px #e7e7e7 solid;
	font-size:24px;}
	
article.detail time{ font-size:14px; text-align:center; width:100%; display:block; padding-top:10px; color:#999;}



.othersnews {font-size:1em;padding-top:50px;}
p.otherbar{color:#000;border-bottom:1px solid #e3e3e3;font-weight:bold;padding-bottom:10px;}
.othersnews ul{}
.othersnews ul li{float:left; width:48%; margin-left:4%;  display:block; border-bottom:1px dashed #ccc; padding:10px 0; position:relative; }
.othersnews ul li:nth-child(2n+1){ margin-left:0;}
.othersnews ul li a{float:left; color:#333; width:90%;text-overflow:ellipsis;white-space:nowrap; display:block;text-indent:4%; text-align:left;}
.othersnews ul li:before{content:"·";font-weight:bold;left:0;top:25%;position:absolute;color:#999;}



.piclist{ width:100%;}
.piclist figure{ float:left; margin-top:40px;  width:32%;  margin-left:2%;}
.piclist figure:nth-child(3n+1){ margin-left:0;}
.piclist figure>a{ display:block; height:240px; position:relative; width:100%;}
.piclist figure>a:before{content: "";
    border: 1px solid #d9d9d9;
    position: absolute;
    top: -8px;
    left: -8px;z-index:9;width:100%; height:100%;
	
}
.piclist figure>a img{width:100%; height:100%;position:absolute; top:0; left:0; z-index:10;}
.piclist figure figcaption{ text-align:center; font-size:1em; color:#666; padding-top:10px; font-family:"楷体";}
.piclist figure figcaption a{text-overflow: ellipsis;white-space: nowrap; overflow:hidden}