.magcubic-news-page {background: #fff;overflow: hidden;position: relative;}
.magcubic-news-container {overflow: hidden;position: relative;}
.magcubic-news-top {margin:auto;margin-top: 8rem;overflow: hidden;position: relative;padding-top: 10rem;margin-bottom: 10rem;width:100%;}
.magcubic-title .icon-1 {overflow: hidden;}
.magcubic-title .icon-1 i{display: block;width: 1rem;height: 1.4rem;background: url('') center no-repeat;background-size: 100%;}
.magcubic-title .type-1 {color: #af9165;margin-top: .4rem;text-transform: capitalize;}
.magcubic-title .title-2 {color: #1e1e1e;margin-top: 1rem;}
.magcubic-path {overflow: hidden;position: relative;}
.magcubic-path a {position: relative;display: inline-block;vertical-align: middle;padding-left: 1rem;margin-left: 1rem;}
.magcubic-path a::before {content: '';width: 1px;height: 1rem;position: absolute;left: 0;top: 50%;background: #b5b5b5;transform: translateY(-50%);opacity: .5;}
.magcubic-path a:first-child::before {display: none;}
.magcubic-path a i {width: 1.4rem;height: 1.2rem;background: url('../images/h.png') center no-repeat;background-size: 100%;display: block;}
.magcubic-path a i {filter: grayscale(1);opacity: .4;}
.magcubic-path a span {color: #b5b5b5;text-transform: capitalize;}
.magcubic-path a.cur span,.magcubic-path a:hover span{color: #af9165;}
.magcubic-path a:hover i:hover {filter: none;opacity: 1;}
.magcubic-news-top .magcubic-path {position: absolute;right: 0;bottom: 1%;} 
.magcubic-container,.magcubic-content {margin:auto;width:75%;overflow: hidden;position: relative;}

.magcubic-news-type {margin: auto;float:left;}
.magcubic-news-type ul {list-style: none;padding: 0;margin: 0;display: flex;align-items: center;justify-content: center;}
.magcubic-news-type ul li {list-style: none;padding: 0;margin: 0;margin: 1% 10px 1% 0;}
.magcubic-news-type ul li a {display: block;position: relative;background-color: #fff;padding: 10px 20px;box-sizing: border-box;overflow: hidden;border-radius: 100px;text-align: center;color: #333;}
.magcubic-news-type ul li a span {display: block;color: #000;}
.magcubic-news-type ul li.cur a span {color: #fff;}
.magcubic-news-type ul li.cur a {background-color: #af9165;}

.magcubic-news {position: relative;overflow: hidden;background-position: center top;background-size: 100%;background-repeat: no-repeat;}
.magcubic-news-center {width: 100%;margin: auto;display: flex;}
.magcubic-news-center-pic {width: 100%;position: relative;padding: 35rem 0;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;margin: auto;}
.magcubic-news-recommend {position: relative;width: 75%;margin: auto;margin-top: 6%;z-index: 80;}
.magcubic-news-item {position: relative;background: #fff;box-sizing: border-box;z-index: 12;}
.magcubic-news-item a {display: block;width: 100%;height: 100%;box-sizing: border-box;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.magcubic-news-item .pic {overflow: hidden;}
.magcubic-news-item .pic a {display: block;background-position: center;background-repeat: no-repeat;background-size: cover;}
.magcubic-news-item .text {padding: 3% 8%;overflow: hidden;position: relative;}
.magcubic-news-item .title-1 {overflow: hidden;color: #000;}
.magcubic-news-item .path-1 {overflow: hidden;padding: 2.5% 0;color: #000;}
.magcubic-news-item .path-1 span {color: #000;}
.magcubic-news-item .text-1 {border-top: 1px solid #e7edf3;padding: 2rem 0;overflow: hidden;color: #666;}
.magcubic-news-item .text a {display: block;position: relative;}
.magcubic-news-item .text a:hover .title-1 {color: #af9165;}
.magcubic-news-item a:hover .pic {transform: scale(1.05);}
.magcubic-news-item .pic a:hover {transform: scale(1.05);}

.Learnmore-1 {overflow: hidden;margin-top: 1%;}
.Learnmore-1 span {color: #1d1d1d;display: inline-block;vertical-align: middle;}
.Learnmore-1 i {display: inline-block;vertical-align: middle;width: .9rem;height: .6rem;background: url('../images/r1.svg') center no-repeat;background-size: 100%;margin-left: 1rem;filter: grayscale(1);}

.magcubic-news-recommend .magcubic-news-item {display: flex;clear: both;border: none;box-shadow:10px 30px 30px rgba(231,237,240,1);margin-bottom: 5%;}
.magcubic-news-recommend .magcubic-news-item a {border: none;width: auto;height: auto;}
.magcubic-news-recommend .magcubic-news-item .pic {width: 31.333%;}
.magcubic-news-recommend .magcubic-news-item .text {width: 60%;padding: 0;border: none;}
.magcubic-news-recommend .magcubic-news-item .text a {position: absolute;left: 10%;top: 50%;width: 90%;transform: translateY(-50%);z-index: 1;}
.magcubic-news-recommend .magcubic-news-item .title-1 {width: 90%;}
.magcubic-news-recommend .magcubic-news-item .text-1 {padding-right: 10%;}
.magcubic-news-search {position: relative;margin-bottom: 1%;overflow: hidden;width: 30%;float: right;}
.magcubic-news-search .input-1 {overflow: hidden;}
.magcubic-news-search .input-1 input{width: 100%;border: 2px solid rgba(255,255,255,.6);padding: 1rem 2rem;box-sizing: border-box;background: rgba(207,216,225,.6);}
.magcubic-news-search .input-1 input::placeholder {color: #7f848a;}
.magcubic-news-search .search-1{position: absolute;right: 0;top: 0;height: 100%;z-index: 2;width: 5rem;cursor: pointer;}
.magcubic-news-search .search-1 a {display: block;position: relative;height: 100%;width: 100%;}
.magcubic-news-search .search-1 i{width: 2rem;height: 2rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: url('../images/search.svg') center no-repeat;background-size: 100%; filter: grayscale(1);}
.magcubic-news-search .search-1 a:hover i {filter: none;}
.magcubic-news-list {display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 2%;position: relative;overflow: hidden;}
.magcubic-news-list:after {content: ""; width: 31.333%; }
.magcubic-news-list.search {padding-top: 5%;}
.magcubic-news-list .magcubic-news-item {width: 31.333%;margin-bottom: 3%;}
.magcubic-news-list .magcubic-news-item.mr0,.magcubic-news-list .magcubic-news-item.nit3 {margin-right: 0;}
.magcubic-news-list .magcubic-news-item a .Learnmore-1 {margin-top: 3rem;}
.magcubic-news-list .magcubic-news-item a:hover{background: #f1f2f4;} 
.magcubic-news-list .magcubic-news-item a:hover .Learnmore-1 span {color: #af9165;}
.magcubic-news-list .magcubic-news-item a:hover .Learnmore-1 i {filter: none;}
.magcubic-news-list .magcubic-news-item.item1 {width:100%;margin-right:0;}
.magcubic-news-list .magcubic-news-item.item1 a {display: flex;align-items: center;border: none;border-bottom: 1px solid #ddd;}
.magcubic-news-list .magcubic-news-item.item1 a .img {width:40%;}
.magcubic-news-bottom-more {overflow: hidden;padding-bottom: 5%;}

 

.page-path {display: flex;align-items: center;padding: 1.5rem 0;overflow: hidden;position: relative;}
.page-path a {display: flex;align-items: center;}
.page-path a i{width: 1.1rem;height: 1.1rem;background: url('../images/h.png') center no-repeat;background-size: auto 100%;}
.page-path a span {color: #000;}
.page-path a:hover span {text-decoration: underline;}
.page-path span.path {width: .8rem;height: .8rem;background: url('../images/r2.svg') center no-repeat;background-size: auto 100%;margin: 0 .8rem;}


.detial-blog {overflow: hidden;background: #f5f5f5;padding-top: 9rem;}
.detial-blog-top {padding: 1% 0;overflow: hidden;margin-top: 1%;}
.detial-blog-center {padding: 5% 0;overflow: hidden;}
.detial-blog-left {float: none;width: 100%;overflow: hidden;} 
.detial-blog-title {border-bottom: 2px solid #333;padding-bottom: 2%;}
.detial-blog-title .title-1 {color: #000;}
.detial-blog-title .text-1 {margin-top: 5rem;color: #333;}
.detial-blog-content {padding: 2% 0;overflow: hidden;}
.detial-blog-content .text-1 {overflow: hidden;position: relative;}
.detial-blog-content .text-1 img {max-width: 100%;height: auto!important;}
.detial-blog-share {padding: 1% 0;overflow: hidden;display: flex;align-items: center;border-bottom: 2px solid #333;}
.detial-blog-share .title-2 {color: #000;}
.share-icon {overflow: hidden;}
.social-share {display: flex;}
.share-icon a {display: block;margin-left: .5rem;}
.share-icon i {width: 4rem;height: 4rem;display: block;position: relative;border-radius: 100%;overflow: hidden;}
.share-icon i img {max-width: 50%;max-height: 50%;opacity: 0.5;}
.share-icon a:hover i img {opacity: 1;}
.share-icon a:hover i {background: #af9165;}
.detial-blog-page-turning {overflow: hidden;margin-top: 3%;}
.detial-blog-page-turning .turning-1 {margin-bottom: 1%;position: relative;overflow: hidden;}
.detial-blog-page-turning .turning-1 a {display: flex;align-items: center;background: #fff;border-radius: 1rem;overflow: hidden;position: relative;padding: 2.5% 3%;color: #000;}
.detial-blog-page-turning .turning-1 span {position: relative;display: block; border-right: 1px solid #ccc;padding-right: 2rem;}
.detial-blog-page-turning .turning-1 strong {width: 70%;display: block;margin: 0;padding: 0;margin-left: 2rem;}
.detial-blog-page-turning .turning-1 i{width: 3rem;height: 3rem;border-radius: 100%;background: #f5f5f5;position: absolute;top: 50%;transform: translateY(-50%);right: 3%;}
.detial-blog-page-turning .turning-1 i::after {content: '';width: 1.2rem;height: 1.2rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;background: url('../images/r3.svg') center no-repeat;background-size: 100%;}
.detial-blog-page-turning .turning-1 a:hover {background: #af9165;}
.detial-blog-page-turning .turning-1 a:hover i {background: #fff;}
.detial-blog-page-turning .turning-1 a:hover span {border-right: 1px solid #000;}




/* 分页样式 */
.pagination-wrapper {margin-top: 40px;text-align: center;}
.pagination {display: flex;align-items: center;justify-content: center;gap: 10px;margin-bottom: 20px;}
.pagination-link {display: flex;align-items: center;gap: 8px;padding: 10px 20px;background: #fff;border: 1px solid #e0e0e0;border-radius: 6px;color: #333;text-decoration: none;transition: all 0.3s ease;font-size: 14px;}
.pagination-link:hover {background: #af9165;color: #fff;border-color: #af9165;}
.pagination-link.prev i, .pagination-link.next i {width: 12px;height: 12px;background: url('../upload/d1.svg') center no-repeat;background-size: 100%;}
.pagination-link.next i {transform: rotate(180deg);}
.pagination-numbers {display: flex;align-items: center;gap: 5px;}
.pagination-number {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: #fff;border: 1px solid #e0e0e0;border-radius: 6px;color: #333;text-decoration: none;transition: all 0.3s ease;font-size: 14px;font-weight: 500;}
.pagination-number:hover {background: #f5f5f5;border-color: #af9165;color: #af9165;}
.pagination-number.current {background: #af9165;color: #fff;border-color: #af9165;}
.pagination-dots {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;color: #999;font-size: 14px;}
.pagination-info {color: #666;font-size: 14px;}



@media screen and (max-width: 5120px) {}
@media screen and (max-width: 3840px) {}
@media screen and (max-width: 2560px) {}
@media screen and (max-width: 2048px) {}
@media screen and (max-width: 1920px) {
    
}
@media screen and (max-width: 1860px) { 
}
@media screen and (max-width: 1680px) {  
}
@media screen and (max-width: 1580px) {}
@media screen and (max-width: 1440px) { 
    .magcubic-container, .magcubic-content,.magcubic-news-recommend {width: 90%;}
}
@media screen and (max-width: 1366px) {  
}
@media screen and (max-width: 1280px) { 
}
@media screen and (max-width: 1152px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 980px)  {}
@media screen and (max-width: 768px) { 
    .page-banner-text.center {width: 90%;} 
    .magcubic-container, .magcubic-content ,.magcubic-news-recommend{width: 90%;}
    .magcubic-news-search {margin: 1% 0;width: 100%;float: none;}
    .magcubic-news-list .magcubic-news-item.item1 a .img {width: 100%;}
    .magcubic-news-list .magcubic-news-item.item1 a {display: block;}
    .magcubic-news-list .magcubic-news-item {width: 49%;}
    .detial-blog-top {margin-top: 10%;}
    .page-path a:last-child {display: none;}
    .detial-blog-title .title-1 strong {font-size: 30px;line-height: 40px;}
    .detial-blog-content {padding: 5% 0;}
	
}


 

/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	
}

/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1280px) and (orientation : landscape) { 

}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
 
}