/*****news****/
.news-nav{width: 100%;overflow: hidden;background: #f7f7f7;height: 60px;line-height: 60px;margin-top: 100px;box-sizing: border-box;padding: 0px 86px 0px 56px;}
.news-nav span{float: left;width: auto;overflow: hidden;background: url("../images/icon-30.png") no-repeat left center;font-size: 14px;color: #666;padding-left: 20px;}
.news-nav span a{color: #666;margin: 0px 6px;}
.news-nav span a:hover{color: #164d9b;}
.news-nav ul{float: right;width: auto;overflow: hidden;height: 100%;}
.news-nav ul li{float: left;width: auto;padding: 0px 5px;font-size: 14px;position: relative;height: 100%;margin-left: 40px;}
.news-nav ul li:before{width: 0%;content: "";position: absolute;left: 0px;bottom: 0px;height: 2px;background: #1e59a8;}
.news-nav ul li a{color: #666; cursor: pointer}
.news-nav ul li.active:before,.news-nav ul li:hover:before{width: 100%;}
.news-nav ul li a:hover{color: #1e59a8;}

.banner-news{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;z-index: 12;text-align: center;}
.banner-news:before{height: 100%;content: "";display: inline-block;vertical-align: middle;}
.banner-news h3{width: 90%;font-size: 42px;font-weight: bold;display: inline-block;vertical-align: middle;letter-spacing: 2px;}

.news-content{width: 78%;overflow: hidden;margin: 0px auto;}
.news-list{float: left;width: 33.3%;overflow: hidden; margin-bottom: 70px;position: relative;padding: 0px 22px;box-sizing: border-box;padding-bottom: 140px;}
.news-list a{width: 100%;display: block;}
.news-list samp{float: left;width: 100%;height: 14.5vw;overflow: hidden;}
.news-list samp img{float: left;width: 100%;height: 100%;object-fit: cover;}
.news-list:hover samp img{transform: scale(1.04);}
.news-info{width: calc(100% - 44px);position: absolute;left: 22px;bottom: 0px;z-index: 12;box-sizing: border-box;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.news-info span{float: left;width: 100%;overflow: hidden;font-size:14px;color: #222;line-height:20px;height: 68px;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.news-info p{float: left;width: 100%;overflow: hidden;font-size:12px;color: #222;line-height:14px;height: 0px;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.news-info em{float: left;width: 100%;overflow: hidden;font-size:12px;color: #666;margin-top: 15px;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.news-list:hover .news-info{background: rgba(4, 90, 214, 0.96);padding: 50px 30px 30px;transform: translateY(-40px);}
.news-list:hover .news-info span,.news-list:hover .news-info p,.news-list:hover .news-info em{color: #fff;}
.news-list:hover .news-info p{height: 84px;margin-top: 10px;}
.news-list:hover .news-info em{margin-top: 60px;}

.news-page{width: 100%;overflow: hidden;text-align: center;padding: 146px 0px 96px;}
.news-page a{width: auto;height: 35px;line-height: 35px;overflow: hidden;display: inline-block;margin: 0px 5px;padding: 0px 15px;background: #f7f7f7;font-size: 16px;color: #767676;}
.news-page a.active,.news-page a:hover{background: #045ad6;color: #fff;}

@media screen and (max-width:768px){
/*****news****/
.news-nav{margin-top:50px; }
.news-list{width:48%;margin-top:40px;padding:0px 0px 90px;margin-bottom:10px;}
.news-list samp {height: 27vw;}
.news-info {width: 100%;left: 0px;}
.hnews{padding:50px 0px}
.hnews-head{width:90%;}
.hnews-content{width:90%;}
.hnews-left{height:340px;margin-top:18px;}
.hnews-bottom{padding:18px 0px}
.hnews-bottom span{width:90%;line-height:20px;height:40px;font-size:14px;}
.hnews-time{width:90px;left:0px;top:0px;padding: 0px 15px 10px;}
.hnews-time span{font-size:24px;}
.hnews-time p{font-size:16px;}
.hnews-content ul li{height:72px;margin-top:18px;padding:20px;}
.hnews-date{width: 80px;}
.hnews-date span{font-size: 24px;}
.hnews-date em{font-size: 16px;}
.hnews-right{width:calc(100% - 94px);font-size: 14px;height:44px;line-height:22px;margin-top:-5px;}
.hnews-date:before{top:-4px;}

/*****news****/
.news-nav{margin-top:50px;padding:0px 5%; }
.news-nav ul{display:none}
.news-content{width:90%;}
.news-list{width:48%;margin-top:40px;padding:0px 0px 100px}
.news-list:nth-child(2n){float:right}
.news-list samp{height:27vw;}
.news-info{width:100%;left:0px;}
.news-info span{font-size:14px;line-height:26px;height:52px;}
.news-info p{font-size: 12px;line-height:21px;}
.news-info em{font-size: 14px;margin-top:6px;}
.news-list:hover .news-info{padding:15px;}
.news-list:hover .news-info p{height:63px;margin-top:7px;}
.news-list:hover .news-info em{margin-top:20px;}
.news-page { padding:50px 0px }
}