@charset "utf-8";

body { background: #fbfbfb; }
.banner{  height:398px; }
.banner .bd{  height:398px; }

.bgcolor { background: #fff; padding-bottom: 50px; }

.fArea {  }
.menu-con { position: absolute; top: -78px; left: 0; width: 100%; }
.menu-con .menu { background: #fff; height: 77px; border-bottom: 1px solid #dbdbdb; }

.menu-con .menu ul li { float: left; width: 149px; height: 77px; border-left:1px solid #f3f3f3; text-align: center; }
.menu-con .menu ul li a { display: block; line-height: 77px;  font-size: 14px; color: #333; }
.menu-con .menu ul li a:hover,.menu-con .menu ul li a.current { background: #056db6; color: #fff; transition: background 0.3s ease 0s;  }

.article { padding: 25px 50px; font-size: 14px; color: #666; line-height: 200%; word-wrap:break-word; word-break:break-all; }

.news-item-wrap { padding:38px 0 0 22px; }
.news-item-wrap .news-item { float:left; width: 361px; height: 463px; margin:0 13px 32px; background: #fbfbfb; }
.news-item-wrap .news-item .pic { width: 380px; height: 245px; }
.news-item-wrap .news-item dl { padding:20px; }
.news-item-wrap .news-item dt { height: 65px; }
.news-item-wrap .news-item dt a { line-height: 30px; color: #14283b; }
.news-item-wrap .news-item dd { height: 92px; line-height: 24px; font-size: 14px; }
.news-item-wrap .news-item .info { height: 20px; font-size: 12px; }
.news-item-wrap .news-item .info span { padding-right: 10px;}
.news-item-wrap .news-item .info span em { padding-left: 5px; vertical-align: middle; }

.page { text-align: center; padding-top: 20px; }
.page a { margin: 0 2px; padding: 5px 12px; background: #fff; border: 1px solid #dcdcdc; border-radius: 4px; color: #666; font-size: 14px; }
.page a:hover,.page a.current { background: #01569d; border-color: #033c6c; color: #fff; }

.art-box { margin-bottom: 15px; border-bottom: 1px solid #e6e3e3; padding-top: 48px; text-align: center; }
.art-box h2 { font-size: 24px; color: #333; }
.art-box .info { height: 48px; line-height: 48px; font-size: 12px; }
.art-box .info span { padding-right: 10px;}
.art-box .info span em { padding-left: 5px; vertical-align: middle; }

.up-next-wrap { padding-top: 25px; margin: 15px 25px; }
.up-next {  padding: 10px 15px; height: 30px; line-height: 30px; background: #fff; border-radius: 4px; border: 1px solid #e7e7e7; }
.up-next ul li { float: left; width: 48%; padding-left: 15px; border-right: 1px solid #e7e7e7; color: #999; font-size: 14px;  }
.up-next ul li a { }

.pro-item-wrap { padding: 45px 0 0 20px; }
.pro-item-wrap .pro-item { float: left; width: 330px; margin:0 25px 35px; background: #fcfcfc; border: 1px solid #d9d9d9; }
.pro-item-wrap .pro-item .pic { position: relative; width: 330px; height: 234px; border-bottom: 1px solid #d9d9d9; }
.pro-item-wrap .pro-item .pic .name { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(1,98,179,.92); transform: scale(0); opacity: 0; }
.pro-item-wrap .pro-item .pic .name a { display: block; padding: 53px 0 45px 0; color: #fff; font-size: 26px; background: url("../images/hover_icon.png") no-repeat center bottom; text-align: center;    }
.pro-item-wrap .pro-item .pic:hover .name { opacity: 1; transform: scale(1); transition: all 0.3s ease 0s; }
.pro-item-wrap .pro-item dl { height: 110px; padding: 20px 15px 0; font-size: 12px; line-height: 18px; color: #666; }
.pro-item-wrap .pro-item dl dt { height: 24px; }
.pro-item-wrap .pro-item dl dt a { font-size: 16px; color: #666; font-weight:bold; }
.pro-item-wrap .pro-item dl .txt { height: 45px; }