.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(33.33% - 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: 225px;}

.newslist .newsbox .pic img{ transition: all 0.3s linear; width: 100%;}

.newslist .intro{ padding: 20px 20px 40px 20px;}

.newslist .intro .more{height: 24px; line-height: 24px;margin-top: 30px;}

.newslist span.time{ color: #828282; display: inline-block; font-size:13px;float: right;}

.newslist span.label{display: inline-block;padding:0 10px; background: #0766B9;color: #fff;font-size: 13px;}



.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:16px; font-weight: 300; color: #252525;line-height:1.5rem;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;

}

}