.swiper-cj-banner .swiper-slide {
   display: flex;
   justify-content: center;
 }

 .articles_results {
   display: flex;
   border-bottom: 1px dotted #ccc;
   padding-bottom: 15px;
   margin-bottom: 15px;
 }

 .articles_results .preview {
   /* max-width: 1000px; */
   width: 80%;
 }

 .art_niche_content .preview h3 {
   margin-bottom: 5px;
 }

 .art_niche_content .preview h3 a {
   font-size: 18px;
   color: #4a5b9b;
   line-height: 26px;
 }

 .art_niche_content .preview p {
   font-size: 14px;
   line-height: 20px;
 }

 .art_niche_content .thumbnail_container {
   /* float: left;
   max-width: 120px;
   max-height: 200px;
   overflow: hidden;
   margin-right: 20px; */
   float: left;
   max-width: 150px;
   height: 150px;
   max-height: 150px;
   overflow: hidden;
   margin-right: 20px;
 }

 .art_niche_content .thumbnail_container img {
   /* height: 100%;
   width: 100%;
   display: block;
   -webkit-object-fit: cover;
   object-fit: cover; */
   width: 100%;
   height: 100%;
   display: block;
   -webkit-object-fit: cover;
   object-fit: cover;
   width: 150px;
   height: 150px;
 }

 .cj-events-top {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 100;
   background: #fff;
 }

 .cj-nav-item-link-user {
   font-size: 14px;
   color: #333;
   line-height: 44px;
 }

 .cj-has-child .cj-nav-item-link-user:after {
   content: "";
   position: relative;
   display: inline-block;
   width: 0;
   height: 0;
   top: 4px;
   margin-left: 7px;
   border: 5px solid transparent;
   border-top: 8px solid currentColor;
 }

 .cj-child-open .cj-nav-item-link-user {
   color: #c6000b;
 }

 .cj-child-open .cj-nav-item-link-user:after {
   top: 0;
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
 }

 .cj-child-nav-user {
   position: absolute;
   top: 56px;
   right: -60px;
   display: none;
   min-width: 230px;
   background: #fff;
   border: 1px solid #f3f3f3;
   box-shadow: 0 4px 16px rgba(10, 2, 5, 0.04);
 }

 .cj-child-nav-user .cj-child-link {
   display: block;
   white-space: nowrap;
   font-size: 16px;
   color: #333;
   padding: 10px 12px;
   text-align: left;
 }

 .cj-child-nav-user .cj-child-link:hover {
   background: #f7f7f7;
 }

 .cj-child-open .cj-child-nav-user {
   display: block;
 }

 .cj-nav-item-link-user img {
   display: inline;
   width: 50px;
   vertical-align: middle;
   border: 1px solid #eee;
   border-radius: 100%;
 }

 .cj-footer {
   padding: 38px 10px;
   background: #3b3b3b;
 }

 .cj-footer-content {
   max-width: 1280px;
   margin: 0 auto;
   padding-top: 0px;
   font-size: 0;
 }

 .cj-footer-nav {
   display: inline-block;
   vertical-align: top;
   width: 16%;
 }

 .cj-footer-nav dt {
   white-space: nowrap;
   line-height: 34px;
   font-size: 16px;
   color: #fff;
   font-weight: 700;
 }

 .cj-footer-nav dd a {
   color: #fff;
   font-size: 13px;
   line-height: 30px;
   opacity: 0.9;
 }

 .cj-footer-nav dd a:hover {
   opacity: 1;
 }

 .iconlink li {
   float: left;
   margin-right: 23px;
   margin-top: 10px;
 }

 .iconlink li img {
   width: 36px;
   height: 36px;
   opacity: 0.9;
   -webkit-transition: opacity 0.3s ease;
   -moz-transition: opacity 0.3s ease;
   -ms-transition: opacity 0.3s ease;
   -o-transition: opacity 0.3s ease;
   transition: opacity 0.3s ease;
 }

 .iconlink li a:hover img {
   opacity: 1;
 }

 .cj-footer-list .cj-item {
   margin-right: 30px;
   color: #fff;
   font-size: 14px;
 }

 .cj-footer-list .cj-item:last-child {
   margin-right: 0;
 }

 .cj-footer-list .cj-item:hover, .cj-footer-list .cj-item:active {
   text-decoration: underline;
 }

 .cj-footer-txt {
   margin-top: 20px;
   color: #a5a5a5;
   font-size: 14px;
 }

 .cj-entry-location {
   position: relative;
   margin-top: 10px;
   padding-left: 30px;
   font-size: 18px;
   color: #fff;
   line-height: 24px;
   text-shadow: 0px 2px 4px rgba(4, 0, 0, 0.26);
 }

 .cj-entry-location .cj-icon-location {
   position: absolute;
   left: 0;
   top: 0;
   display: block;
   width: 24px;
   height: 24px;
   background: url(../images/icon/icon-time-fff.svg) center center no-repeat;
   background-size: 100% 100%;
 }

 .cj-detail-txt h1 {
   padding-top: 18px;
   font-size: 24px;
   line-height: 30px;
   font-weight: bold;
 }

 .cj-detail-txt h2 {
   padding-top: 18px;
   font-size: 22px;
   line-height: 28px;
   font-weight: bold;
 }

 .cj-detail-txt h3 {
   padding-top: 18px;
   font-size: 20px;
   line-height: 26px;
   font-weight: bold;
 }

 .cj-detail-txt h4 {
   padding-top: 16px;
   font-size: 18px;
   line-height: 24px;
   font-weight: bold;
 }

 .cj-detail-txt p {
   margin-top: 12px;
   margin-bottom: 0px;
 }

 .cj-detail-txt ul {
   padding-left: 50px;
   margin-top: 12px;
   margin-bottom: 12px;
 }

 .cj-detail-txt ul li {
   list-style-type: disc;
 }

 .cj-detail-txt ul ul li {
   list-style-type: circle;
 }

 .cj-detail-txt ul ul ul li {
   list-style-type: square;
 }

 .cj-detail-txt ol {
   margin-left: 32px;
   margin-top: 12px;
   margin-bottom: 12px;
   list-style-type: none;
   counter-reset: sectioncounter;
 }

 .cj-detail-txt ol li {
   text-indent: -34px;
   margin-left: 30px;
 }

 .cj-detail-txt ol li:before {
   margin-right: 12px;
   content: counter(sectioncounter) ")";
   counter-increment: sectioncounter;
 }

 .pagingWrapper {
   margin-bottom: 30px;
 }

 .pagingWrapper .simple-pagination {
   display: block;
   text-align: center;
   overflow: visible;
 }

 .pagingWrapper .simple-pagination ul {
   list-style: none;
   margin: 20px auto;
   position: relative;
   display: inline-table;
 }

 .pagingWrapper .simple-pagination li {
   float: left !important;
   margin: 0 3px;
 }

 .pagingWrapper .simple-pagination a,
 .pagingWrapper .simple-pagination span {
   display: block;
   font-size: 12px;
   line-height: 24px;
   min-width: 26px;
   padding: 0 7px;
   color: #4a5b9b;
   background: #fff;
   border: 1px solid rgba(0, 0, 0, 0.12);
   border-radius: 30px;
 }

 .pagingWrapper .simple-pagination a:hover {
   color: #4a5b9b;
   border: 1px solid #4a5b9b;
 }

 .pagingWrapper .simple-pagination .current {
   background: #4a5b9b;
   color: #fff;
   border-color: #4a5b9b;
   cursor: default;
   background-color: #4a5b9b;
 }

 .cj-thum-desc {
   margin-top: 15px;
   font-size: 14px;
   line-height: 24px;
   color: #484848;
 }

 .cj-thum-btn {
   position: relative;
   margin-top: 18px;
   font-size: 16px;
   line-height: 24px;
   color: #717171;
 }

 .cj-thum-btn:after {
   content: "";
   display: inline-block;
   vertical-align: middle;
   width: 24px;
   height: 24px;
   margin-left: 5px;
   background: url(../images/icon/more-arrow.svg) center center no-repeat;
   background-size: 100% 100%;
 }

 .cj-entry-btn {
   position: absolute;
   right: 22px;
   top: 50%;
   display: block;
   width: 120px;
   padding: 8px;
   font-size: 20px;
   color: #fff;
   font-weight: bold;
   line-height: 1.2;
   text-align: center;
   border-radius: 5px;
   text-shadow: 0px 2px 4px rgba(4, 0, 0, 0.26);
   border: 2px solid rgba(255, 255, 255, 0.74);
   -webkit-transform: translate(0, -50%);
   -moz-transform: translate(0, -50%);
   -ms-transform: translate(0, -50%);
   transform: translate(0, -50%);
 }

 .cj-entry-btn:hover, .cj-entry-btn:active {
   color: #fff;
   border-color: #fff;
 }

 .cj-detail-more {
   color: rgba(65, 65, 65, 0.89);
 }

 .cj-company-item .name {
   min-height: 80px;
   overflow: visible;
   white-space: normal;
   word-wrap: break-word;
   border-bottom: 1px solid #f0f0f0;
   margin: 10px 20px 0;
   padding: 15px 0;
   color: #434242;
   font-size: 16px;
   font-weight: 700;
 }

 .cj-module-box-title-comp {
   min-width: 120px;
   max-width: 300px;
   white-space: normal;
   word-wrap: break-word;
   line-height: 30px;
   font-size: 24px;
   font-weight: 700;
   color: #1b1b1b;
   padding-bottom: 12px;
   border-bottom: 2px solid #c6000b;
 }

 .cj-module-box-title-comp i {
   display: block;
   width: 28px;
   height: 28px;
   margin-right: 8px;
 }

 .cj-module-box-title-comp .title-black {
   color: #1b1b1b;
 }

 .cj-wrap-flex-stretch {
   padding-top: 0px;
   padding-bottom: 20px;
 }

 .cj-breadcrumb-abstr {
   max-width: 180px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
 }

 .cj-job-desc {
   font-size: 16px;
   line-height: 24px;
   color: #262626;
 }

 .cj-job-desc a {
   color: #c6000b;
 }

 .cj-job-desc a:hover, .cj-job-desc a:active {
   text-decoration: underline;
 }

 .cj-job-desc strong {
   font-weight: 500;
   color: #000;
   margin-bottom: 5px;
   display: block;
   font-size: 17px;
 }

 .cj-job-desc .fwb {
   font-weight: 900;
   font-family: Verdana;
   padding-bottom: 8px;
 }

 .cj-typelist-sub {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   padding-left: 20px;
   margin-top: 4px;
   font-size: 14px;
   color: #858585;
 }

 .cj-typelist-list .cj-icon-location {
   display: block;
   width: 16px;
   height: 16px;
   margin-right: 5px;
   background: url(../images/icon/icon-location-grey.svg) center center no-repeat;
   background-size: 100% 100%;
 }

 .cj-detail-module {
   padding-top: 20px;
   padding-bottom: 20px;
 }

 .cj-detail-module:first-child {
   padding-top: 40px;
 }

 .index-view-button2 {
   padding: 10px 0;
   font-size: 14px;
   font-family: Arial;
   color: #FFFFFF;
   background: #c6000b;
   border-radius: 360px;
   margin: 30px auto;
   display: block;
   width: 288px;
   text-align: center;
   transition: all 0.3s;
 }

 .index-view-button2:hover {
   background: #c6000b;
   color: #fff;
 }

 .learningChineseSwiper {
   margin-top: 20px;
 }

 .learningChineseSwiper .learningChineseSwiper-pagination .swiper-pagination-bullet {
   background: #fff;
 }

 .cj-artical-content {
   font-size: 16px;
   line-height: 26px;
 }

 .cj-artical-content p {
   font-size: 16px;
   line-height: 26px;
   padding-bottom: 10px;
 }

 .cj-artical-content strong {
   font-weight: bold;
 }

 .cj-artical-content h1 {
   font-size: 28px;
   line-height: 32px;
   font-weight: bold;
 }

 .cj-artical-content h2 {
   font-size: 20px;
   line-height: 28px;
   font-weight: bold;
 }

 .cj-artical-content h3 {
   font-size: 18px;
   line-height: 22px;
   font-weight: bold;
 }

 .cj-artical-content h4 {
   font-size: 16px;
   font-weight: bold;
   margin: 6px 0px;
 }

 .cj-artical-content ul {
   padding-left: 32px;
   padding-top: 15px;
   padding-bottom: 15px;
   line-height: 28px;
 }

 .cj-artical-content ol {
   padding-left: 32px;
   padding-top: 15px;
   padding-bottom: 15px;
   line-height: 28px;
 }

 .cj-artical-content ul li {
   font-size: 16px;
   list-style-type: disc;
 }

 .cj-artical-content ol li {
   font-size: 16px;
   list-style-type: decimal;
   list-style-position: inside;
 }

 .cj-artical-content a {
   font-size: 16px;
   text-decoration: underline;
   color: #0000ee;
 }

 .cj-artical-content em, i {
   font-style: italic;
 }

 .cj-child-nav {
   position: absolute;
   top: 40px;
   left: 0;
   display: none;
   min-width: 230px;
   background: #fff;
   border: 1px solid #f3f3f3;
   box-shadow: 0 4px 16px rgba(10, 2, 5, 0.04);
 }

 .cj-child-nav a {
   display: block;
   font-size: 14px;
   font-weight: 700;
   padding: 8px 15px;
 }

 .cj-child-nav .cj-child-link {
   display: block;
   white-space: nowrap;
   font-size: 14px;
   font-weight: 400;
   color: #333;
   padding: 10px 12px;
   padding-left: 16px;
   text-align: left;
 }

 .cj-child-nav .cj-child-link:hover {
   background: #e1e1e1;
 }


 .cj-company-detail-banner {
   max-height: 419px;
   overflow: hidden;
   margin-left: -47px;
   margin-right: -47px;
   margin-bottom: 40px;
   border-radius: 5px;
   box-shadow: 0 8px 21px rgba(4, 0, 0, 0.28);
 }

 .cj-company-detail-banner img {
   display: block;
   width: 100%;
   border-radius: 5px;
 }

 .cj-index-banner-img a {
   background-size: cover !important;
   display: block;
   width: 100%;
   height: 100%;
   -webkit-object-fit: cover;
   -moz-object-fit: cover;
   -ms-object-fit: cover;
   object-fit: cover;
 }

 .cj-bottom-ad-banner {
   height: 120px;
   overflow: hidden;
 }

 .cj-company-side-info-job {
   position: relative;
   z-index: 1;
   padding: 10px 0;
 }

 .cj-company-side-info-job:before {
   content: "";
   position: absolute;
   top: -17px;
   left: -21px;
   right: -21px;
   z-index: -1;
   height: 428px;
   background: url(../images/company-side-bg.png) center top no-repeat;
   background-size: 100% auto;
 }

 .cj-company-side-info-job .company-logo {
   width: 100%;
   height: 150px;
   padding-top: 25px;
   padding-bottom: 25px;
 }

 .cj-company-side-info-job .company-logo img {
   display: block;
   height: 100px;
   margin: 0 auto;
 }

 .cj-company-side-info-job .company-links {
   margin: 0 20px 40px;
 }

 .cj-company-side-info-job .company-links li {
   position: relative;
   padding: 10px 20px;
   font-size: 18px;
   color: #333;
   border-bottom: 1px solid #c9c9c9;
 }

 .cj-company-side-info-job .company-links li:before {
   content: "";
   position: absolute;
   display: block;
   width: 0;
   height: 0;
   top: 50%;
   left: 0;
   margin-top: -6px;
   border: 4px solid transparent;
   border-left: 6px solid #a8a8a8;
 }

 .cj-company-side-info-job .info-list {
   margin: 0 20px 20px;
   padding: 10px 0;
 }

 .cj-company-side-info-job .info-list li {
   padding: 10px 0;
   font-size: 16px;
   color: #666;
   border-bottom: 1px solid #c9c9c9;
 }

 .cj-company-side-info-job .info-list li a,
 .cj-company-side-info-job .info-list li span {
   display: inline-block;
   color: #333;
   margin-left: 3px;
 }

 .cj-company-side-info-job .info-list li a:hover {
   color: #c6000b;
 }

 .cj-job-page-h2 {
   font-weight: 300;
   font-size: 18px;
   margin-bottom: 12px;
   margin-top: 12px;
   color: rgba(0, 0, 0, 0.870588);
 }

 .cj-job-page-h3 {
   font-weight: 300;
   font-size: 16px;
   margin-bottom: 4px;
   color: rgba(0, 0, 0, 0.870588);
 }

 .cj-job-page-p {
   font-weight: 300;
   line-height: 20px;
   font-size: 16px;
   margin-bottom: 12px;
   color: rgba(0, 0, 0, 0.870588);
 }

 .refine-section input.form-control::-webkit-input-placeholder {
   color: rgba(0, 0, 0, 0.541176) !important;
 }

 .refine-section input::-webkit-input-placeholder {
   color: rgba(0, 0, 0, 0.541176);
 }

 .refine-section {
   margin-bottom: 12px;
 }

 .refine-section:first-of-type {
   margin-bottom: 8px;
 }

 .refine-section .sort-by-btn {
   /*font-family: Roboto;*/
   font-size: 13px;
   line-height: 21px;
   color: rgba(0, 0, 0, 0.870588);
   padding: 4px 12px;
   border-color: #d7d7e4;
 }

 .refine-section .sort-by-btn.active {
   background-color: #00aff0;
   border-color: #00aff0;
   box-shadow: none;
   color: white;
   font-weight: 500;
 }

 .refine li.list__item {
   margin: 0;
   padding: 0;
   display: block;
 }

 .refine-section .form-control {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
   border-color: #d7d7e4;
   box-shadow: none;
   font-weight: 400;
   font-size: 13px;
   color: rgba(0, 0, 0, 0.870588);
 }

 .refine {
   margin: 0 0 16px;
 }

 .refine .recent-searches-container {
   display: block;
   margin-bottom: 12px;
 }

 .refine h3 {
   text-transform: uppercase;
   font-size: 18px;
   padding: 0px 0px 6px;
   font-weight: 500;
   color: rgba(0, 0, 0, 0.87);
 }

 .refine ul li {
   display: inline-block;
 }

 .refine .label-default {
   position: relative;
   font-weight: 500;
   font-size: 14px;
   display: inline-block;
   line-height: 20px;
   padding: 8px 10px;
   vertical-align: top;
   border-radius: 5px;
   max-width: 152px;
   text-overflow: ellipsis;
   overflow: hidden;
   background: rgba(0, 0, 0, 0.12);
 }

 .refine .label-default .refinement-tag-text {
   margin-right: 10px;
   display: block;
   text-overflow: ellipsis;
   overflow: hidden;
 }

 .refine .label-default .acRemoveFacet {
   position: absolute;
   right: 0;
   bottom: 0;
   display: inline-block;
   height: 100%;
   width: 20px;
   text-align: center;
   line-height: 36px;
   color: #666;
   font-size: 14px;
 }

 .refine .label-default .acRemoveFacet:hover {
   color: #4a5b9b;
 }

 .refine a {
   font-size: 14px;
   color: #4a5b9b;
 }

 .pop-edit {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   width: 84%;
   max-width: 5.68rem;
   height: 2.80rem;
   margin: auto;
   padding: .24rem .26rem;
   background: #fff;
   box-shadow: 0 0 0.27rem rgba(0, 0, 0, 0.3);
 }

 .pop-edit-close {
   position: absolute;
   top: 0;
   right: -.23rem;
   display: block;
   width: .23rem;
   height: .23rem;
   padding: 1px;
   background: #007cc2;
 }

 .pop-edit-close .icon-pop-close {
   display: inline-block;
   width: 0.2rem;
   height: 0.2rem;
   background-image: url(../images/icon/sprite-icon.png);
   background-size: 2rem 2.5rem;
   background-repeat: no-repeat;
   background-position: -1.24rem -1rem;
 }

 .loading {
   display: none;
   border: 8px solid #f3f3f3;
   border-top: 8px solid #3498db;
   border-radius: 50%;
   width: 60px;
   height: 60px;
   animation: loading-spin 1s linear infinite;
   position: absolute;
   /* 改为绝对定位 */
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 9999;
 }

 @keyframes loading-spin {
   0% {
     transform: translate(-50%, -50%) rotate(0deg);
   }

   100% {
     transform: translate(-50%, -50%) rotate(360deg);
   }
 }

 @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
   .pop-edit-close .icon-pop-close {
     background-image: url(../images/icon/sprite-icon@2x.png);
   }
 }

 @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
   .pop-edit-close .icon-pop-close {
     background-image: url(../images/icon/sprite-icon@3x.png);
   }
 }

 .pop-edit-cont {
   margin-top: 20px;
   height: 1.5rem;
   border: 1px solid #ccc;
 }

 .pop-edit-cont .txt-area {
   width: 100%;
   height: 100%;
   padding: .07rem .12rem;
   font-size: .16rem;
   line-height: .24rem;
   color: #5a5a5a;
   border: none;
 }

 .pop-edit-btn {
   margin-top: .11rem;
   text-align: right;
 }

 .pop-edit-btn .btn-add {
   width: .77rem;
   height: .32rem;
   font-size: .14rem;
   color: #fff;
   border-radius: .05rem;
   background: #007cc2;
 }

 @media screen and (max-width: 1000px) {
   .cj-entry-location {
     font-size: 14px;
     line-height: 20px;
   }

   .cj-img-text-norule-wrap3 .content-wrap {
     grid-template-columns: 100%;
   }

   .cj-img-text-norule-wrap3 .content-wrap {
     grid-template-columns: 100%;
   }

   .cj-img-text-norule-wrap3 .content-wrap2 {
     grid-template-columns: 100%;
   }
 }

 @media screen and (max-width: 1560px) {
   .articles_results .preview {
     max-width: 800px;
     ;
   }
 }

 @media screen and (max-width: 1280px) {
   .articles_results .preview {
     max-width: 600px;
     ;
   }
 }


 @media screen and (max-width: 750px) {
   .cj-img-text-norule-wrap3 .content-wrap2 .lr-item img {
     width: 120px;
   }
 }

 .cj-img-text-norule-wrap3 .content-wrap2 .lr-item .fixed-title {
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 5px 0 0 0;
 }

 .cj-img-text-norule-wrap3 .content-wrap2 .lr-item .text-wrap .title {
   margin-top: 20px;
   padding-left: 10px;
 }

 .cj-img-text-norule-wrap3 .content-wrap2 .lr-item .text-wrap li {
   list-style: disc;
   color: #c6000b;
   font-size: 14px;
   margin-bottom: 5px;
 }


 .cj-img-text-norule-wrap3 .text-wrap .title {
   font-size: 18px;
   /*font-family: SourceHanSansSC;*/
   font-weight: 400;
   color: #2b2b2b;
   line-height: 23px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .cj-img-text-norule-wrap3 .text-wrap .line {
   width: 50px;
   height: 4px;
   background: #d10611;
   margin-top: 17px;
 }

 .cj-img-text-norule-wrap3 .text-wrap .desc {
   font-size: 14px;
   /*font-family: SourceHanSansSC;*/
   font-weight: 400;
   color: #484848;
   margin-top: 10px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .cj-img-text-norule-wrap3 .content-wrap {
   margin-top: 46px;
   display: grid;
   grid-template-columns: 45% 25.3% 25.3%;
   gap: 26px;
 }

 .cj-img-text-norule-wrap3 .content-wrap .tb-item {
   position: relative;
   transition: all 300ms;
 }

 .cj-img-text-norule-wrap3 .content-wrap .tb-item img {
   height: 184px;
 }

 .cj-img-text-norule-wrap3 .content-wrap .tb-item .text-wrap {
   width: 100%;
   padding: 20px;
   transition: all 300ms;
   box-shadow: 0px 2px 17px 0px rgba(9, 2, 4, 0.1);
 }

 .cj-img-text-norule-wrap3 .content-wrap .imgTextSwiper3 {
   height: 384px;
   overflow: hidden;
   position: relative;
 }

 .cj-img-text-norule-wrap3 .content-wrap .imgTextSwiper3 .swiper-slide {
   width: 100% !important;
   position: relative;
 }

 .cj-img-text-norule-wrap3 .content-wrap .imgTextSwiper3 .swiper-slide img {
   display: block;
   width: 100%;
   height: 100%;
   background-color: #bfbfbf;
 }

 .cj-img-text-norule-wrap3 .content-wrap .imgTextSwiper3 .swiper-slide .text-wrap {
   position: absolute;
   background-color: rgba(0, 0, 0, 0.5);
   bottom: 0;
   width: 100%;
   left: 0;
   height: 116px;
   padding: 20px 40px;
   font-size: 18px;
   /*font-family: SourceHanSansSC;*/
   font-weight: 400;
   color: #ffffff;
   line-height: 23px;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
   text-overflow: ellipsis;
 }

 .cj-img-text-norule-wrap3 .content-wrap .imgTextSwiper3 .imgTextSwiper3-pagination {
   bottom: 20px;
   text-align: right;
   padding-right: 20px;
 }

 .cj-img-text-norule-wrap3 .content-wrap .imgTextSwiper3 .imgTextSwiper3-pagination .swiper-pagination-bullet {
   width: 12px;
   height: 12px;
   background: #fff;
   opacity: 0.35;
   border-radius: 50%;
 }

 .cj-img-text-norule-wrap3 .content-wrap .imgTextSwiper3 .imgTextSwiper3-pagination .swiper-pagination-bullet-active {
   opacity: 1;
 }

 .cj-img-text-norule-wrap3 .content-wrap2 {
   margin-top: 36px;
   display: grid;
   gap: 26px 2%;
   grid-template-columns: repeat(2, 49%);
   grid-template-rows: 170px 170px;
 }

 .cj-img-text-norule-wrap3 .content-wrap2 .lr-item {
   position: relative;
   display: flex;
   box-shadow: 0px 2px 17px 0px rgba(9, 2, 4, 0.1);
 }

 .cj-img-text-norule-wrap3 .content-wrap2 .lr-item img {
   width: 240px;
   height: 100%;
   background: #bfbfbf;
 }

 .cj-img-text-norule-wrap3 .content-wrap2 .lr-item .text-wrap {
   height: 100%;
   width: calc(100% - 240px);
 }

 .cj-img-text-norule-wrap3 .content-wrap2 .lr-item .text-wrap .title {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 5;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 16px;
 }

 .cj-img-text-norule-wrap3 .content-wrap2 .lr-item .fixed-title {
   position: absolute;
   top: 0;
   left: 0;
   width: 112px;
   height: 41px;
   background: #d10611;
   /*font-size: 20px;*/
   font-size: 16px;
   /*font-family: SourceHanSansSC;*/
   font-weight: 400;
   color: #ffffff;
   border-radius: 5px 0 0 0;
 }

 @media screen and (max-width: 700px) {
   .cj-breadcrumb {
     margin-bottom: 12px;
   }

   .cj-footer-nav {
     display: none;
   }

   .cj-footer {
     padding-top: 10px;
     padding-bottom: 10px;
   }

   .cj-footer-txt {
     margin-top: 0;
     text-align: center;
   }

   .cj-footer .cj-wrap-cont {
     display: block;
   }

   .cj-events-top-img cj-events-top-txt {
     text-align: center;
     width: 100%;
     height: 100%;
   }
 }

 @media screen and (max-width: 768px) {
   .cj-top-nav-list {
     overflow: auto;
   }

   .cj-child-nav a {
     display: block;
     font-size: 14px;
     font-weight: 700;
   }

   .cj-child-nav .cj-child-link {
     display: block;
     white-space: nowrap;
     font-size: 12px;
     font-weight: 400;
     color: #333;
     text-align: left;
     overflow: hidden;
     text-overflow: ellipsis;
   }

   .articles_results {
     display: block;
   }

   .art_niche_content .preview h3 a {
     font-size: 16px;
     color: #4a5b9b;
     line-height: 20px;
   }

   .cj-artical-content img {
     width: 100%;
     height: auto;
   }
 }