.main-section-1{margin:0;padding:0;width:100%;height:350px}
.main-section-1 .main-banner{float:left;width:712px;height:350px}
.main-section-1 .sub-banner{float:right;width:248px;height:350px;background:#f1f2f3}
.main-section-1 .sub-banner .sub-banner-inner{padding:18px 20px}
.main-section-1 .sub-banner .sub-banner-inner ul{margin:0;padding:0}
.main-section-1 .sub-banner .sub-banner-inner ul li a{padding-top:8px;font-size:15px}

.main-section-2{display:flex;flex-wrap:wrap;padding:15px 0}
.main-section-2 .button-item{display:block;flex:0 0 auto;width:307px;margin:0 0 10px 0;margin-right:19px}
.main-section-2 .button-item:nth-child(3n){margin-right:0 !important;width:308px}
.main-section-2 .button-item a{display:block;padding:12px 0;font-size:16px;text-align:center;text-decoration:none;background:#00a273;border-radius: 2px;color:#fff}
.main-section-2 .button-item a:hover{background:#0075c1}
.main-section-2 .button-item a.with-30{background:#219EBC}

.main-section-3{display:flex;flex-wrap:wrap}
.main-section-3 .section-media1{width:307px;margin-right:49px}
.main-section-3 .section-media2{width:277px;margin-right:49px}
.main-section-3 .section-media3{width:278px}

.main-section-3 .media-item{width:100%;height:auto;margin-bottom:15px}
.main-section-3 .media-item a.media-title{display:block;position:relative;margin-bottom:10px;text-decoration:none;font-size:18px;font-weight:bold;color:#333}
.main-section-3 .media-item a.media-title .more{position:absolute;right:0;top:4px;font-size:12px;font-weight:normal;color:#777}
.main-section-3 .media-item a.media-title:hover{color:#0075c1}
.main-section-3 .media-item a.media-title:hover .more{color:#0075c1}

.main-section-3 .media-item div.media-title{display:block;position:relative;margin-bottom:10px;text-decoration:none;font-size:18px;font-weight:bold;color:#333}

.main-section-3 .media-item ul{margin:20px 0 0 0;padding:0;list-style:none}
.main-section-3 .media-item ul li{padding:4px 0;font-size:15px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap}
.main-section-3 .media-item ul li a{text-decoration:none;color:#333}
.main-section-3 .media-item ul li a:hover{text-decoration:underline}
.main-section-3 .media-item ul li .category-name{position:relative;margin-right:6px;padding-right:10px}
.main-section-3 .media-item ul li .category-name:after{display:block;position:absolute;right:0;top:4px;width:1px;background:#ccc;height:10px;content:''}

.main-section-3 .media-item .lastest-list{border:1px #dedede solid}
.main-section-3 .media-item .lastest-list ul{margin:0;padding:10px 0}
.main-section-3 .media-item .lastest-list ul li{padding:4px 15px}
.main-section-3 .media-item .lastest-list ul li .comment_count{padding-left:4px;color:#ff1a1a;font-size:10px}

.main-section-3 .media-item.border{margin-bottom:16px;padding-bottom:16px;border-bottom:1px #dedede solid !important}
.main-section-3 .media-item.youtube{padding-top:40px;padding-bottom:52px;text-align:center}

.main-section-3 .ebook{}
.main-section-3 .ebook:after{clear:both;content:'';display:block}
.main-section-3 .ebook .ebook-image{float:left;width:120px}
.main-section-3 .ebook .ebook-title{float:right;width:158px;padding-top:50px;text-align:center}
.main-section-3 .ebook .ebook-title a{font-size:18px;font-weight:bold;text-decoration:none;word-break:keep-all;color:#333}

.main-section-gallery{margin-top:10px}
.main-section-gallery:after{content:'';clear:both;display:block}
.main-section-gallery.mt20{margin-top:20px}

.main-section-gallery .gallery-title{display:block;position:relative;margin-bottom:10px;text-decoration:none;font-size:18px;font-weight:bold;color:#333}
.main-section-gallery .gallery-title .more{position:absolute;right:0;top:4px;font-size:12px;font-weight:normal;color:#777}
.main-section-gallery .gallery-title:hover{color:#0075c1}
.main-section-gallery .gallery-title:hover .more{color:#0075c1}

.main-section-gallery .gallery-item{float:left;width:225px;margin-right:20px}
.main-section-gallery .gallery-item:after{content:'';clear:both;display:block}
.main-section-gallery .gallery-item:last-child{margin-right:0 !important}

.main-section-gallery .gallery-item .back-img{width:100%;aspect-ratio:3/2;background-size:cover;background-position:center}
.main-section-gallery .gallery-item .back-img a{display:flex;width:100%;height:100%;transition:all 0.3s ease-in;justify-content:center;align-items:center;text-decoration:none}
.main-section-gallery .gallery-item .back-img a:hover{background:rgba(0,0,0,.5)}

.main-section-gallery .gallery-item .back-img a .item-title{visibility:hidden;padding:0 15px;font-size:16px;font-weight:bold;color:#fff;text-align:center;transition:all 0.3s ease-in-out;word-break:keep-all}
.main-section-gallery .gallery-item .back-img a:hover .item-title{visibility:visible}