/* #bodyFirst,#bodyLast{display: none;} */
body{background: #f2f2f2;}
.title-page{display: flex;justify-content: flex-start;align-items: center;font-size: 24px;color: #333;font-weight: bold;padding-bottom: 40px;}
.title-page::before{content: '';width: 4px;height: 28px;background: #0fa784;border-radius: 2px;margin-right: 14px;}
.page{padding-bottom: 80px;}
/* 面包屑 */
.breadcrumbs{font-size: 14px;color: #666;display: flex;justify-content: flex-start;align-items: center;padding: 25px 0 17px;}
.breadcrumbs .breadcrumbs-url{display: flex;justify-content: flex-start;align-items: center;}
.breadcrumbs .breadcrumbs-url a{color: #666;}
.breadcrumbs .breadcrumbs-url a:hover{color: #0fa784;}
.breadcrumbs .breadcrumbs-url a::after{content: '>';padding: 0 6px;}
.breadcrumbs .breadcrumbs-url a:last-child{font-size: 18px;color: #0fa784;}
.breadcrumbs .breadcrumbs-url a:last-child::after{display: none;}
/*  */
.artice_shool{border-radius: 12px;overflow: hidden;margin-bottom: 17px;}
.artice_shool .url{display: block;height: 320px;overflow: hidden;}
.artice_shool .url img{pointer-events: none;}
.artice_shool .position-button{position: absolute;left: 0;bottom: 0;height: 34px;background: rgba(0,0,0,0.42);width: 100%;z-index: 9;display: flex;justify-content: space-between;}
.artice_shool .position-button .li{font-size: 14px;color: #fff;height: 100%;width: calc(100% / 8);line-height: 34px;text-align: center;cursor: pointer;}
.artice_shool .position-button .li.active{color: #fff;background: #0fa784;}
/*  */
.filter-select{background: #ffffff;border-radius: 12px;margin-bottom: 27px;padding: 30px 20px 0px 40px;overflow: hidden;}
.filter-select .raw-filter{margin-bottom: 30px;font-size: 14px;color: #333;line-height: 23px;display: none !important;}
.filter-select .raw-flex{display: flex;justify-content: flex-start;width: 100%;}
.filter-select .raw-filter.active{display: flex !important;}
.filter-select .category-title{padding-right: 16px;}
.filter-select .confirm-button[data-country]{height: 23px;border-radius: 3px;padding: 0 12px;margin-right: 3px;cursor: pointer;}
.filter-select .confirm-button[data-country].active{background: #ffa71a;color: #fff;}
.filter-select .confirm-button[data-country]:last-child{margin-right: 0;}
.filter-select .flex1{flex: 1;width: auto;}
.filter-select .flex-wrap{flex-wrap: wrap;}
.filter-select .mb{margin-bottom: 11px;}
.filter-select .pl{padding-left: 30px;}
.filter-select .pl2{padding-left: 18px;}
.filter-select .mr{margin-right: 12px;}
/*  */
.article-page{display: flex;justify-content:space-between;align-items: flex-start;}
.article-page .article-show{width: 900px;border-radius: 14px;background: #fff;padding: 30px 40px 40px;}
.article-page .selected_label{display: none;justify-content: flex-start;align-items: center;}
.article-page .selected_label.active{display: flex;}
.article-page .selected_label::before{content: '';width: 3px;height: 16px;border-radius: 2px;background: #ffa71a;margin-right: 14px;}
.article-page .selected_text{font-size: 16px;color: #333;padding-right: 20px;}
.article-page .selected_flex{display: flex;justify-content: flex-start;}
.article-page .selected_li{height: 29px;border-radius: 3px;border: 1px solid #ffa71a;padding: 0 32px 0 12px;font-size: 16px;color: #ffa71a;display: flex;justify-content: flex-start;align-items: center;letter-spacing: 2px;margin-right: 19px;background: url('../images/selected_1.png') no-repeat right 11px center;cursor: pointer;}
.article-page .article-slide-content{margin-bottom: 36px;}
.article-page .article-slide-item{padding: 28px 0 28px;border-bottom: 1px solid #e6e6e6;display: block;}
.article-page .article-slide-item-flex{position: relative;display: flex;justify-content: flex-start;align-items: center;margin-bottom: 16px;padding-left: 58px;}
.article-page .article-item-title{font-size: 16px;color: #333;width: 640px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: bold;}
.article-page .article-item-time{font-size: 12px;color: #333;position: absolute;right: 0;top: 8px;}
.article-page .article-item-text{font-size: 14px;line-height: 25px;color: #333;text-indent: 2em;padding-left: 58px;margin-bottom: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.article-page .article-item-label{display: flex;justify-content: flex-start;align-items: center;padding-left: 58px;}
.article-page .article-item-label-li{font-size: 12px;color: #0fa784;border-radius: 15px;border: 1px solid #0fa784;margin-right: 12px;height: 26px;padding: 0 8px;display: flex;justify-content: center;align-items: center;}
.article-page .article-slide-item .article-slide-item-flex::before{content: '';width: 4px;height: 24px;border-radius: 2px;background: #4fbea5;position: absolute;left: 42px;top: calc((100% - 24px)/2);}
.article-page .article-slide-item.new .article-slide-item-flex::before{content: 'new';width: 44px;height: 22px;border-radius: 6px;background: #ff6c00;font-size: 14px;color: #fff;display: flex;justify-content: center;align-items: center;position: absolute;left: -0px;top: calc((100% - 26px)/2);}
.article-page .article-slide-item:hover .article-item-title{color: #0fa788;}
.article-page .article-slide-item:hover .article-item-time{color: #0fa788;}
.article-page .article-slide-item:hover .article-item-text{color: #0fa788;}

.article-page .article-tab-page{display: flex;justify-content: center;align-items: center;width: 100%;font-size: 12px;}
.article-page .article-tab-page-list{display: flex;justify-content: flex-start;}
.article-page .article-tab-page-li{cursor: pointer; border-radius: 4px;margin: 0 3px; border: 1px solid #666666;height: 29px;padding: 0 11px;display: flex;justify-content: center;align-items: center;}
.article-page .article-tab-page-li.none{padding: 0;border: none;cursor: initial;}
.article-page .article-tab-page-li.active{border: 1px solid #0fa784;background: #0fa784;color: #fff;}
.article-page .article-tab-page-prev{cursor: pointer; border-radius: 4px;margin: 0 3px; border: 1px solid #666666;height: 29px;padding: 0 5px 0 8px;display: flex;justify-content: center;align-items: center;}
.article-page .article-span{padding: 0 3px;}
.article-page .article-tab-page-foor{width: 41px; border-radius: 4px;margin: 0 3px; border: 1px solid #666666;height: 29px;padding: 0 11px;display: flex;justify-content: center;align-items: center;}
.article-page .article-page-go{cursor: pointer; border-radius: 4px;margin: 0 6px 0 3px; height: 29px;width: 29px;background: #0fa784;font-size: 12px;color: #fff;  display: flex;justify-content: center;align-items: center;}
.article-page .artice-total{}
.article-page input:focus {outline: none;box-shadow: none;}



/*  */

.article-page .box-shadow{box-shadow:0 0 6px rgba(225, 225, 225, 0.3);}
.article-page .welcome-inquire{position: relative;width: 280px;}
.article-page .foor-item{border-radius: 14px;background: #ffffff;padding-bottom: 30px;margin-bottom: 8px;}
.article-page .foor-item-title{font-size: 18px;color: #333;display: flex;justify-content: flex-start;align-items: center;padding: 30px 0 20px 20px;}
.article-page .foor-item-title::before{content: '';width: 4px;height: 16px;background: #0fa784;margin-right: 10px;}
 
.article-page .foor-first{}
.article-page .foor-first-list{padding-left: 20px;}
.article-page .foor-first-li{margin-bottom: 19px;}
.article-page .foor-first-title{font-size: 16px;color: #2e3742;font-weight: bold;margin-bottom: 10px;}
.article-page .foor-first-text{font-size: 12px;color: #333333;}
.article-page .foor-first-button{margin: 12px auto 0;width: 133px;height: 38px;background: #ffa71a;border-radius: 6px;font-size: 14px;color: #fff;display: flex;justify-content: center;align-items: center;}
.article-page .foor-first-button:hover{background: rgba(255,167,26,0.9);}

.article-page .foor-second{}
.article-page .foor-second-show-list{width: 240px;border-radius: 12px;overflow: hidden;position: relative;margin:0 auto 17px;display: block;cursor: pointer;}
.article-page .foor-second-images{width: 100%;transition: 0.3s;display: block;}
.article-page .foor-second-show-list:hover .foor-second-images{transform: scale(1.03);}
.article-page .foor-second-images-relative{font-size: 16px;color: #fff;position: absolute;left: 0;bottom: 10px;padding: 0 18px;}
.article-page .white-space{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.article-page .foor-second-artice{padding: 0 20px;}
.article-page .foor-second-artice-raw{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 9px;cursor: pointer;}
.article-page .foor-second-artice-raw .label{width: 62px;height: 18px;border-radius: 4px;font-size: 12px;color: #0fa788;margin-right: 10px;border: 1px solid #0fa788;display: flex;justify-content: center;align-items: center;}
.article-page .foor-second-artice-raw .foor-second-flex{font-size: 14px;color: #333;flex: 1;}
.article-page .foor-second-artice-raw:last-child{margin-bottom: 0;}
.article-page .foor-second-artice-raw:hover .foor-second-flex{color: #0fa788;}

.article-page .foor-third{padding-bottom: 24px;}
.article-page .foor-third-list{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0 20px;}
.article-page .foor-third-item{width: 116px;height: 86px;border-radius: 12px;margin-bottom: 6px;padding-left: 15px;display: flex;justify-content: flex-start;align-items: center;cursor: pointer;}
.article-page .foor-third-item:nth-child(1){background: url('../images/foor-3-1.png') no-repeat;}
.article-page .foor-third-item:nth-child(2){background: url('../images/foor-3-2.png') no-repeat;}
.article-page .foor-third-item:nth-child(3){background: url('../images/foor-3-3.png') no-repeat;}
.article-page .foor-third-item:nth-child(4){background: url('../images/foor-3-4.png') no-repeat;}
.article-page .foor-third-text{font-size: 16px;line-height: 20px;color: #333333;}
.article-page .foor-third-item:hover{box-shadow: 0 0 6px rgba(102,102,102,0.3);}

.article-page .foor-fourth{}
.article-page .foor-fourth .foor-item-title{padding-bottom: 0px;}
.article-page .foor-fourth-swiper{width: 100%;max-width: 280px;}
.article-page .foor-fourth-swiper-slide{padding: 20px 20px 14px;width: 100%;box-sizing: border-box;}
.article-page .foor-fourth-item{width: 100%; height: 206px;background: #fff;border-radius: 12px;overflow: hidden;position: relative;box-shadow: 0 0 6px rgba(225, 225, 225, 0.35);display: block;}
.article-page .relative-img-over{width: 100%;height: 125px;overflow: hidden;position: relative;}
.article-page .relative-img{position: absolute;left: 0;top: 0;width: 100%;}
.article-page .case-title{font-size: 18px;line-height: 24px;color: #2b3a3c;font-weight: bold;position: relative;padding: 26px 0 0 20px;height: 130px;}
.article-page .case-title p{position: relative;}
.article-page .case-title span{display: block;}
.article-page .case-title .icon{position: absolute;left: 20px;top: 69px;}

.article-page .foor-fourth-text{padding: 20px 20px 0 13px;display: flex;justify-content: flex-start;align-items: flex-start;}
.article-page .foor-fourth-text .relative-img-icon{margin-right: 5px;transform: translateY(4px);}
.article-page .foor-fourth-text p{font-size: 14px;line-height: 22px;color: #666666;flex: 1;}
.article-page .foor-fourth-center{width: 100%;display: flex;justify-content: center;align-items: center;}
.article-page .foor-fourth-click{width: 14px;height: 14px;border-radius: 2px;background: #0fa784;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.article-page .foor-fourth-click.active{background: #0fa784;}
.article-page .foor-fourth-click-left img{transform: rotate(180deg);}
.article-page .foor-fourth-click.swiper-button-disabled{background: #e7e7e7;}
.article-page .swiper-pagination-over-cont{margin: 0 3px;}
.article-page .swiper-pagination-over{max-width: 192px;overflow: hidden;}
.article-page .swiper-pagination{position: initial;justify-content: flex-start;width: max-content;transform: translateX(0);}
.article-page .swiper-pagination span{width: 24px;height: 24px;border: 1px solid rgba(102,102,102,0.2);font-size: 12px;color: #666666;display: flex;justify-content: center;align-items: center;margin: 0 4px;background: none;border-radius: 50%;opacity: 1;}
.article-page .swiper-pagination span.swiper-pagination-bullet-active{border: 1px solid #0fa784;background: #0fa784;color: #fff;}
 
.article-page .article-noNull{display: block;}
.article-page .article-isNull{display: none;}
.article-page .article-isNull .article-isNull-img{display: block;margin:110px auto 20px;}
.article-page .article-isNull .article-isNull-font{font-size: 16px;color: #333;text-align: center;margin-bottom: 9px;}
.article-page .article-isNull .article-isNull-text{font-size: 14px;color: #666;text-align: center;}
/*  */
.produce-recommend{}
.produce-recommend .list{display: flex;justify-content: space-between;}
.produce-recommend .item{width: 390px;height: 120px; display: flex;justify-content: flex-start;align-items: center;padding-left: 50px;box-shadow: 0 0 12px rgba(237, 243, 246, 0.3);border-radius: 20px;}
.produce-recommend .otherUrl{font-size: 20px;color: #333;}
.produce-recommend .otherUrl-content{font-size: 14px;color: #666;padding-top: 14px;}
.produce-recommend .item:nth-child(1){background: url('../images/link-1.png') no-repeat;}
.produce-recommend .item:nth-child(2){background: url('../images/link-2.png') no-repeat;}
.produce-recommend .item:nth-child(3){background: url('../images/link-3.png') no-repeat;}
.produce-recommend .item{transition: 0.3s;cursor: pointer;}
.produce-recommend .item:hover{transform: translateY(-8px);}