.clearfix:before, .clearfix:after {
            content: "";
            display: table;
        }
        .clearfix:after {
            clear: both;
        }
        .clearfix {
            *zoom: 1;
        }
.news_container{ max-width: 1240px; width::100%; margin: 0 auto;margin-bottom: 50px;margin-top:80px;}
.newslist{margin-left: -24px;}
.newslist li{width: calc(25% - 24px);margin-left: 24px;float: left;margin-bottom: 60px;}
.newslist .newsbox{ border: 0.0625rem solid #f8f8f8; background: #f8f8f8; position: relative; overflow: hidden;
    border-radius: 8px 8px 0 0;
}
.newslist .newsbox .pic{ overflow: hidden;height: auto;}
.newslist .newsbox .pic img{ transition: all 0.3s linear; width: 100%; height: auto;}
@media screen and (min-width:450px) {
    .newslist .newsbox .pic img{ height: 155px !important;}
}
.newslist .intro{ padding: 20px 20px 40px 20px;}
.newslist .intro .more{height: 24px; line-height: 24px;margin-top: 30px;}
.newslist span.time{ color: #000; display: inline-block; font-size:12px;float: right;}
.newslist span.label{display: inline-block;padding:0 10px; background: #0766B9;color: #fff;font-size: 12px;}
.newslist .intro .tit{ font-size:18px;overflow: hidden; color: #000; line-height: 2rem; text-align: justify;height: 4rem;
    overflow: hidden;}
.newslist .intro .txt{ font-size:12px; font-weight: 200; color: #252525;margin-top: 10px; line-height:1.5rem;text-align: justify;height: 3rem;
    overflow: hidden;}
.newslist .newsbox:hover .pic img{ transform: scale(1.1);}
.has-mask {
	position: relative;
	display: block;
	overflow: hidden;
}
.image-mask {
	position: absolute;
	z-index: 1;
	background-color: var(--dark);
	width: 100%;
	height: 100%;
	left: 1px;
	top: 0;
	transform: translate3d(100%, 0, 0);
}
@keyframes imageInLeft {
 0% {
visibility: visible;
transform: translate3d(-100%, 0, 0)
}
 10% {
transform: translate3d(calc(-100% + .5rem), 0, 0)
}
 30% {
transform: translate3d(calc(-100% + .5rem), 0, 0)
}
 50% {
transform: translate3d(0, 0, 0)
}
 80% {
transform: translate3d(0, 0, 0)
}
 100% {
transform: translate3d(100%, 0, 0)
}
}
.imageInLeft {
	animation-name: imageInLeft;
animation-duration: .5s;
}
.newsdetails {color: #555555;margin-top: 60px;}
.newsdetails .left{width: calc(100% - 380px); float: left;}
.newtitle {border-bottom: 1px solid #e6e9ed;padding-bottom: 20px; text-align: center; }
.newtitle h1 {font-size: 30px;font-weight: normal;color: #333; font-weight:700;}
.newsdetails .byline{color:#999;margin-top: 10px;}
.newsdetails .byline span{margin-right:20px;display: inline-block; line-height: 20px;    height: 20px;}
.newsdetails .byline .bdsharebuttonbox{display: inline-block;}
.newsdetails .byline .bdshare-button-style0-16:after {    display: inline-block;}
.newsdetails .byline .bdshare-button-style0-16 a, .newsdetails .byline .bdshare-button-style0-16 .bds_more {
    float: left; color: #333;
    line-height: 20px;
    height: 20px;
    margin:0;
}
.newsdetails .byline a{ font-size: 14px;}
.newsdetails .breadcrumb-bar{text-align: left;}
.newsh_cn {padding:20px 0;line-height: 2.5em; font-weight:300;}
.newsh_cn p{font-size: 16px;margin-bottom:15px;}
.newsh_cn img{ max-width:80%!important; height: auto!important;}
.toolbar{ border-top: 1px solid #e9eff3; margin-top:30px;padding:30px; font-size: 16px;}
.toolbar .row01{width: calc(100% - 220px); float: left;}
.toolbar .row01 a{color:#555;margin-left: 10px; }
.toolbar .row01 p:hover a{text-decoration: underline;}
.fhshare{width:200px; float: right; height: 45px;font-size: 14px;margin-top:10px; text-align: right;}
.fhshare a{line-height: 45px;color: #fff;background: #0766B9;display: inline-block;padding:0 20px;border-radius: 4px;}
.fhshare a .fa{margin-right: 10px;}
.newsdetails .right{width:330px;float: right;}
.newsdetails .right h3.tit{font-size: 22px; font-weight: normal; color: #379847;  height: 30px; line-height: 30px;}
.zxnewslist{}
.zxnewslist li{margin-top: 20px;padding:30px; color: #fff;
  background:#7db847;
  background-image: -webkit-linear-gradient(top,#7db847 0%,#2c9c45 100%);
  background-image: -moz-linear-gradient(top,#7db847 0%,#2c9c45 100%);
  background-image: linear-gradient(top,#7db847 0%,#2c9c45 100%);
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='#7db847', StartColorStr='#2c9c45');
}
.zxnewslist li p.date {}
.zxnewslist li p.date i{margin-left: 5px;}
.zxnewslist li p.tit{font-size: 16px;margin-bottom: 10px;}
.zxnewslist li p.tit a{color: #fff;}
.zxnewslist li p.tit a:hover{text-decoration: underline;}
.zxnewslist li:hover{ transform: translate3d(0, -2px, 0);}
@media only screen and (max-width:1200px) {
.newsdetails .right{width:250px;}
.newsdetails .right h3.tit{font-size: 18px;}
.zxnewslist li p.tit{font-size: 14px;}
.newsdetails .left{width: calc(100% - 300px);}
.newtitle h1{font-size: 24px;}
.newsh_cn p{font-size: 14px!important;}
.toolbar{font-size: 14px;}
}
@media only screen and (max-width:920px) {
.newsdetails .left{width: 100%;}
.newsdetails .right{display: none;}
.newtitle h1{font-size: 18px;}
.newsdetails .tag{font-size: 14px;}
.newtitle{margin-bottom: 10px;}
.fhshare {height: 30px; line-height: 30px; font-size: 14px; margin-top: 0; }
}
@media only screen and (max-width:768px) {
	.news_container{    margin-top: 40px;}
.newslist .newsbox .pic {
    height: 145px;
}
.newtitle h1{font-size: 16px; line-height:2.4em;}
.newsdetails{margin-top: 0;}
.newsh_cn{padding: 10px;
    font-size: 16px;
    line-height: 2em;}
.newsh_cn p {font-size: 14px; }
.toolbar .row01{width: 100%;float: none;    font-size: 14px;
    line-height: 2.4em;
}
.toolbar{padding:10px;}
.fhshare{float: none; text-align: center;width: 100%;margin-top: 10px;}
.fhshare a{margin-right: 0;line-height: 36px;font-size: 12px;}
}
@media only screen and (max-width:450px) {
.newslist li{width: calc(100% - 24px);margin-bottom: 60px;}
.newslist .newsbox .pic {
    height: 225px;
}
}

.down-click .tit{
    font-size: 16px;
}
.down-click .tit a{
    margin: 15px 25px;
	display:block;
}
.down-click .tit a:hover{
    color:#0766B9;
}
.down-click .layui-icon{
    font-size: 16px;
    margin-right: 5px;
}