.article-swiper{width:100%;height:275px;overflow:hidden;margin-bottom:15px;}
.article-swiper .swiper-slide{width:100%;height:275px;overflow:hidden;text-align:center;vertical-align:middle;flex-direction:column;justify-content:center;}
.article-swiper .swiper-slide img{display:inline-block; vertical-align:middle;width:100%;}
.article-swiper .swiper-slide a{display:inline-block; vertical-align:middle;width:100%;height:100%;background-size:100% auto;}

.article-index{border:1px solid #eee;margin-bottom:15px;}
.article-index .ititle{overflow:hidden;line-height:130%;padding:10px 10px;border-bottom:1px solid #eee;border-left:3px solid #0066cc;}
.article-index .ititle .icat{font-size:16px;font-weight:bold;}
.article-index .ilist{padding:5px 10px;}
.article-index .ilist .fist{height:145px;}
.article-index .ilist .itit{line-height:250%;font-size:16px;font-weight:bold;}
.article-index .ilist .ifl{width:120px;height:90px;float:left;overflow:hidden;text-align:center;display: table-cell;}
.article-index .ilist .ifl a{height:100%;display:block;vertical-align:middle;}
.article-index .ilist .ifl img{height:100%;}
.article-index .ilist .ifr{width:calc(100% - 135px);height:80px;float:right;overflow:hidden;}
.article-index .ilist ul{overflow:hidden;line-height:240%;}
.article-index .ilist ul li{border-bottom:1px dashed #ccc;}
.article-index ul li .time{width:90px;float:right;text-align:center;}
.article-index ul li .text{width:calc(100% - 95px);overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

.article-grid {margin:10px;-webkit-backface-visibility: hidden;backface-visibility: hidden; margin-bottom: 30px;overflow:hidden;}
.article-grid ul li{padding:5px;}
.article-grid ul li .list-box{position:relative;background-color: white;border: 1px solid #eee;}
.article-grid ul li .list-box:after,.article-grid ul li .list-box:before{clear:both;content:'';display:block;width:100px;height:15px;position:absolute;}
.article-grid ul li .list-box:after{background:url(../images/shadow-left.png) bottom left no-repeat;bottom:-11px;left:-3px}
.article-grid ul li .list-box:before{background:url(../images/shadow-right.png) bottom center no-repeat;bottom:-9px;right:-6px}
.article-grid ul li .photo-thumb{width: 100%;height:200px;overflow: hidden;display: table;vertical-align: middle;}
.article-grid ul li .photo-thumb a{display: table-cell;vertical-align: middle;}
.article-grid ul li .photo-thumb img {width: 100%;display: table-cell;}
.article-grid ul li .photo-content { border: 0; margin-top: 20px;}
.article-grid ul li .photo-content h5 {font-size: 16px;text-transform: uppercase; margin: 0;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.article-grid ul li .photo-content h5 a { color: #2a3f52;}
.article-grid ul li .photo-content h5 a:hover {color: #e84c3d;}
.article-grid ul li .photo-content span { color: #2a80b9; display: block;}
.article-grid ul li .photo-content span.tips {margin-top: 10px; font-size: 16px; font-weight: 600;}

.article-photo{position:relative;width:100%;height:120px;border:1px solid #ccc;-webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; margin-bottom: 20px;background-color: white;border-bottom: 1px dashed #ccc;padding:15px 25px;}
.article-photo:after,.article-photo:before{clear:both;content:'';display:block;width:100px;height:15px;position:absolute;}
.article-photo:after{background:url(../images/shadow-left.png) bottom left no-repeat;bottom:-11px;left:-3px}
.article-photo:before{background:url(../images/shadow-right.png) bottom center no-repeat;bottom:-9px;right:-6px}
.article-photo .photo-thumb{width:100px;height:90px;overflow:hidden;float:left;text-align:center;border: 1px solid #eee;border-radius:5%;}
.article-photo .photo-thumb img {height:100%;display:inline-block;}
.article-photo .photo-content {width:calc(100% - 115px);height:90px;border: 0;float:right;overflow:hidden;}
.article-photo .photo-content h5 {text-transform: uppercase; margin-bottom: 5px;font-size: 16px;text-overflow:ellipsis;white-space: nowrap;}
.article-photo .photo-content span{font-weight:bold;color:#222;padding-right: 15px;}
.article-photo .photo-content a {color:#333; font-weight: 600;}
.article-photo .photo-content h5 a:hover {color: #e84c3d;}
.article-photo .photo-content p{display: block;line-height:180%;color:#666;}

.article-list{clear:both;padding:5px 0;border:1px solid #ccc;}
.article-list ul{margin:5px 10px;line-height:250%;font-size:14px;padding:5px;}
.article-list ul li{border-bottom:1px #ccc dashed;overflow:hidden;}
.article-list ul li .time{width:90px;float:right;text-align:center;}
.article-list ul li .text{width:calc(100% - 95px);overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

.article-silde{clear:both;padding:10px 0;border:1px solid #ccc;padding:10px 15px;margin-top:20px;}
.article-silde .hd-tit{font-size:20px;font-weight:bold;border-left:3px solid #2eb4b5;padding:0 15px;margin:10px 0;}
.article-silde .bd-list{line-height:250%;}
.article-silde .bd-list ul li{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.article-view{padding:0 15px;}
.article-view .title{font-size:18px;text-align:center;font-weight:bold;line-height:150%;padding:10px 0;}
.article-view .info{margin-bottom:15px;padding-top:10px;text-align:center;border-top:1px solid #ccc;}
.article-view .info span{display:inline-block;padding:0 20px;font-size:16px;font-weight:600;}
.article-view .content{font-size:16px;line-height:200%;}
.article-view .content img{width:100%;}
.article-view .content p{margin:10px 0;}
.article-view .backnext{margin:20px 0;}