/* #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;}
/*  */
.article-page{display: flex;justify-content:space-between;}
.article-page .article-show{width: 900px;}
.article-page .article-item{width: 100%;border-radius: 14px;background: #fff;padding: 28px 40px 20px;}
.article-page .article-title{font-size: 20px;color: #333;margin-bottom: 17px;font-weight: bold;}
.article-page .item-flex{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 18px;}
.article-page .item-flex a{height: 22px;border-radius: 4px;font-size: 12px;color: #0fa788;border: 1px solid #0fa788;padding: 0 16px;margin-right: 12px;display: flex;justify-content: center;align-items: center;}
.article-page .text-source{height: 38px;border-bottom: 1px solid #e2e2e2;position: relative;font-size: 14px;color: #333;display: flex;justify-content: flex-start;}
.article-page .text-art-source{margin-right: 60px;}
.article-page .text-art-source-time{margin-right: 40px;}
.article-page .relative{position: absolute;right: 0;top: -10px;display: flex;justify-content:flex-start;align-items: center;}
.article-page .share-text{margin-right: 14px;}
.article-page .share-icon{cursor: pointer;width: 28px;height: 28px;margin-right: 8px;background-size: 100% 100% !important;position: relative;}
.article-page .share-icon1{background: url('../images/share-icon1.png') no-repeat;}
.article-page .share-icon2{background: url('../images/share-icon2.png') no-repeat;}
.article-page .share-icon3{background: url('../images/share-icon3.png') no-repeat;}
.article-page .share-icon4{background: url('../images/share-icon4.png') no-repeat;}
.article-page .share-icon:last-child{margin-right: 0;}
.article-page .share-icon1:hover{background: url('../images/share-icon11.png') no-repeat;}
.article-page .share-icon2:hover{background: url('../images/share-icon22.png') no-repeat;}
.article-page .share-icon3:hover{background: url('../images/share-icon33.png') no-repeat;}
.article-page .share-icon4:hover{background: url('../images/share-icon44.png') no-repeat;}
.article-page .share-icon .rela-absult{display: none !important;}
.article-page .share-icon1 .rela-absult {position: absolute;left: -60px;bottom: 50px;background: transparent;filter: drop-shadow(0 0 6px rgba(102,102,102,0.3));width: 240px;height: 135px;background: #fff;border-radius: 12px;display: flex;justify-content: flex-start;align-items: center;padding: 0 15px;display: none;}
.article-page .share-icon1 .rela-absult::after {content: '';position: absolute;left: 63px;bottom: -10px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;}
.article-page .share-icon1 .rela-absult-img{width: 85px;height: 85px;background: #ccc;}
.article-page .share-icon1 .rela-absult-img img{width: 100%;height: 100%;}
.article-page .share-icon1 .rela-absult-flex{flex: 1;}
.article-page .share-icon1 .rela-absult-text{font-size: 12px;color: #888;display: flex;justify-content: flex-start;padding-left: 15px;line-height: 16px;}
.article-page .share-icon1 .rela-absult-text span{flex: 1;}

.article-page .share-icon4 .rela-absult{position: absolute;left: -27px;bottom: 50px;background: transparent;filter: drop-shadow(0 0 6px rgba(102,102,102,0.3));width: 80px;height: 48px;background: #fff;border-radius: 12px;display: flex;justify-content: flex-start;align-items: center;padding: 0 15px;}
.article-page .share-icon4 .rela-absult::after {content: '';position: absolute;left: 30px;bottom: -10px;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #fff;}
.article-page .share-icon4 .share-coy{font-size: 12px;color: #888;}

.article-page .share-icon:hover .rela-absult{display: flex !important;}

.article-page .ad-banner{margin: 22px auto;border-radius: 10px;width: 100%;overflow: hidden;display: block;}
.article-page .ad-banner img{width: 100%;display: block;}
.article-page .article-content-over{font-size: 16px;line-height: 32px;max-height: 500px;position: relative;overflow: hidden;}
.article-page .article-content-over::before{content: '';width: 100%;height: 87px;text-align: center;background: url('../images/line_4.png') repeat-x;position: absolute;left: 0;bottom: 0;z-index: 99;}
.article-page .article-content-over img{height: auto;margin: 0 auto 16px;max-width: 100%;}
.article-page .article-content-over strong{font-weight: bold;}
.article-page .article-content-over p{margin-bottom: 16px;}
.article-page .article-content-over strong{font-weight: bold;}

.article-page .article-button{width: 160px;height: 36px;background: #0fa784;border-radius: 6px;margin: auto;font-size: 18px;color: #fff;display: flex;justify-content: center;align-items: center;cursor: pointer;}
.article-page .article-button:hover{background: rgba(15,167,132,0.9);;}
.article-page .article-tab{padding-top: 33px;}
.article-page .article-raw{font-size: 14px;color: #333;margin-bottom: 10px;display: flex;justify-content: flex-start;align-items: center;cursor: pointer;}
.article-page .article-raw.active{display: none;}
.article-page .article-raw:hover{color: #0fa784;}
.article-page .article-disclaimers{font-size: 14px;color: #666;line-height: 22px;padding-top: 22px;padding-bottom: 52px;}

.article-page .article-content.active .article-content-over{max-height: none;}
.article-page .article-content.active .article-content-over::before{display: none;}
.article-page .article-content.active .article-button{display: 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: 18px;}
.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{padding: 29px 0 0 24px;background: url('../images/foor-1.png') no-repeat;height: 185px;}
.article-page .welcome-inquire-text{font-size: 18px;font-weight: bold;color: #fff;margin-bottom: 24px;text-shadow: 0 0 7px rgba(225, 132, 33, 0.5);}
.article-page .foor-first-button{width: 116px;height: 26px;font-size: 14px;color: #fff;border: 1px solid #fff;border-radius: 13px;display: flex;justify-content: center;align-items: center;margin-bottom: 8px;}
.article-page .foor-first-button.active{background: #fff;color: #ff8718;box-shadow: 0 0 7px rgba(225, 132, 33, 0.3);}
.article-page .foor-first-button.mb{margin-bottom: 14px;}
.article-page .foor-first-Service-Hours{font-size: 12px;color: #fff;text-shadow: 0 0 7px rgba(225, 132, 33, 0.5);}

.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;}
 
/*  */
.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);}