/*新闻列表*/
.news {background:#f6f6f6;}
.news li { float:left; width:32%; border:solid 1px #fff; padding:2.5%; margin:0.5%; max-height:480px; overflow:hidden; min-height:288px;background:#fff;}
.news li .item{ width:100%;}
.news li .item h3{ font-size:18px;color: #252525;text-overflow:ellipsis;white-space: nowrap;overflow: hidden; margin:7.5% 0 5% 0;}
.news li .item p{ font-size:13px; color:#797979;height:80px; overflow:hidden;transition: all 0.5s;}
.news li .item em{ font-size:13px; line-height:30px; margin-top:5px;font-style:normal; color:#333333;}
.news li .item em font{ display:inline-block; font-size:13px;}
.news li .thumb{ width:100%;transition: all 0.5s;}
.news li .thumb img{ width:100%;min-height:200px;max-height:200px;}
.news li.l{ margin-right:0.5%;}
.news li.r{ margin-left:0.5%;}
.news li:hover{ border:solid 1px #fff;}
.news li:hover .item h3{ color:#d30000;}

.news ul  li:nth-of-type(1){animation-delay: 0.3s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.news ul  li:nth-of-type(2){animation-delay: 0.4s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.news ul  li:nth-of-type(3){animation-delay: 0.5s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.news ul  li:nth-of-type(4){animation-delay: 0.6s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.news ul  li:nth-of-type(5){animation-delay: 0.7s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.news ul  li:nth-of-type(6){animation-delay: 0.8s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.news ul  li:nth-of-type(7){animation-delay: 0.9s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.news ul  li:nth-of-type(8){animation-delay: 1.0s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.news ul  li:nth-of-type(9){animation-delay: 1.1s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.news ul  li:nth-of-type(10){animation-delay: 1.2s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.news ul  li:nth-of-type(11){animation-delay: 1.3s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.news ul  li:nth-of-type(12){animation-delay: 1.4s; animation-duration: 2s; animation-name: fadeInUp; visibility: visible;}
.news li:hover {box-shadow: 2px 2px 10px #ccc;}

/*新闻详情页*/

.news-artilce {
    padding:5% 0;
}
.news-title{
    text-align: center;
    padding-bottom:3%;
    border-bottom: 1px solid #e5e5e5;
}
.news-title h1 {
    line-height: 40px;
    font-size: 28px;
    color: #000;
    font-weight: 600;
    margin-bottom: 1%;
    overflow: hidden;
}
.news-title span {
    display:inline-block;
    padding:0 20px;
}
.news-content {
    padding: 2.5% 0;
    max-width:1056px;
    margin: 0 auto;
    line-height: 30px;
    font-size: 15px;
    color: #777;
    overflow: hidden;
}
.news-content>p {
    text-indent:2em;
    line-height: 1.8;
}
.news-content>h2 {
    text-indent:2em;
}
.news-content>h3 {
    text-indent:2em;
}
.news-content span {display:inline;}
.news-content img {
    max-width:100% !important;
    height:auto !important;
}

.goback {
    margin: 2% 0 0 0;
}
.goback a {
    display:block;
    width:130px;
    height:50px;
    line-height: 50px;
    margin:0 auto;
    text-align: center;
    color:#fff;
    background:#ee0718;
}

/*以下代码是自适应样式*/

@media screen and (max-width:1320px){
.news li {width:49%;}
}

@media screen and (max-width:1178px){
.news li {width:49%;}
}


@media screen and (max-width:800px){
.news li{ width:100%;max-height: 488px;padding:5%; margin:2.5% 0 !important;} 
.news li .item{ width:100%;}
.news li .thumb{ width:100%; margin-top:5%;}
.news li .item span{ margin:5% 0;text-overflow:unset;white-space: inherit;}
.news li .item p{ max-height:inherit;}

.news-title h1 {line-height: 24px;font-size: 20px;margin-bottom: 3%;}

.news-content .video {
	max-width:1000px;
	margin:0 auto;
	margin-bottom:5%;
}
.news-content .video video{
	display:block;
	max-width:100%;
}
}