.cont {

 margin: 0 auto;
}

.cont li {
 width: 280px;
 height: 200px;
 background: url(/Sites/Uploaded/UserUpLoad/20180814/20180814135247.png) center;
 float: left;
 text-align: center;
}

.cont li.column58 {
 margin: 0 40px;
 background: url(/Sites/Uploaded/UserUpLoad/20180814/20180814135803.png) center;
}

.cont li.column63 {
 background: url(/Sites/Uploaded/UserUpLoad/20180814/20180814135830.png) center;
margin-right: 40px;
}
.cont li.column261 {
 background: url(/Sites/Uploaded/UserUpLoad/20220415/20220415142712.jpg) center;
margin-right: 40px;}

.cont li a {
 font-size: 20px;
 color: #fff;
 text-align: center;
 line-height: 290px;
 display: block;
 width: 100%;
 height: 100%;
 transition: all 0.6s;
}

.row {
 margin: 40px auto 0;
}

.article_box {
 margin-top: 20px;
}

.article_box a img {
 margin-right: 60px;
 width: 475px;
 height: 315px;
}

.article_box h2 a {
 font-size: 24px;
 color: #0bd0bf;
}

.article_box p {
 color: #333;
 font-size: 18px;
 line-height: 50px;
 text-indent: 2em;
}

.article_box .details {
 display: none;
}

.main_content {
 overflow: hidden;
}

.mores {
 width: 158px;
 height: 48px;
 line-height: 48px;
 display: inline-block;
 margin-top: 30px;
 text-align: center;
 border: 1px solid #838383;
 border-radius: 5px;
 color: #333;
 font-size: 20px;
 transition: all 0.3s;
}

.bg {
 background: #f6f6f6;
}

.img_left img {
 width: 100%;
 padding-right: 80px;
 box-sizing: border-box;
}

.cont2 {
 margin-bottom: 80px;
}

.article_list li {
 border-bottom: 1px solid #e7e7e7;
 padding-bottom: 20px;
}

.article_list li a.title_type {
 font-size: 18px;
 margin-bottom: 10px;
 display: block;
 margin-top: 20px;
 text-overflow: ellipsis;
 overflow: hidden;
 white-space: nowrap;
}

.article_list li p {
 font-size: 16px;
 line-height: 30px;
 color: #666;
}

.article_list li p .detail {
 float: right;
}

.mores {
 transition: all 0.6s;
}

.mores:hover {
 border: 1px solid #28b5a9;
 background: #28b5a9;
 color: #fff;
}

.cont li a:hover {
 font-size: 26px;
}

.article_list2 li {
 width: 400px;
 height: 510px;
 border: 1px solid #eee;
 box-sizing: border-box;
 float: left;
 box-shadow: 0px 0px 15px #eee;
 position: relative;
}

.article_list2 .span_date {
 position: absolute;
 bottom: 20px;
 right: 20px;
 font-size: 16px;
 color: #000;
}

.article_list2 li.column_2 {
 margin: 0 30px;
}

.article_list2 li .img_box {
 width: 100%;
 height: 260px;
 display: block;
 overflow: hidden;
}

.article_list2 li .img_box img {
 width: 100%;
 height: 100%;
 transition: all 0.6s;
}

.article_list2 li .img_box img:hover {
 transform: scale(1.1);
}

.article_list2 li a.title_type {
 font-size: 24px;
 display: block;
 margin: 20px;
}

.article_list2 li p {
 padding: 0 20px;
 font-size: 16px;
 color: #999999;
 line-height: 30px;
}

.article_list2 li p a.detail {
 display: none;
}

@media screen and (max-width:1366px) {
 .mores {
 display: none;
 }
 .main {
 width: 100%;
 margin-bottom: 40px;
 }
 .article_list2 li {
 width: 306px;
 height: 475px;
 }
 .article_list2 li .img_box {
 height: 170px;
 }
}

@media screen and (max-width:768px) {
 .col-md-6 {
 width: 100%;
 }
 .article_box a img {
 margin-right: 16px;
 width: 46%;
 }
 .article_box p {
 font-size: 15px;
 }
 .img_left {
 display: none;
 }
 .cont {
 width: 100%;
 }
 .cont li {
 width: 33.3%;
 }
 .cont li.column58 {
 padding: 0 40px;
 margin: 0;
 box-sizing: border-box;
 }
 .article_list2 li {
 width: 50%;
 }
 .article_list2 li.column_2 {
 margin: 0;
 }
}

@media screen and (max-width:500px) {
 .article_box a img {
 display: none;
 }
 .cont li {
 width: 100%;
 }
 .article_list2 li {
 width: 100%;
 }
}