
.product-banner {position: relative;}
.product-banner img {width: 100%;}
.product-banner::after {content: ' ';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(0, 0, 0, .6);z-index: 2;}
.product-banner .banner-title {position: absolute;top: 20%;left: 50%;transform: translateX(-50%);z-index: 3;color: #fff;text-align: center;text-transform: uppercase;}
.product-banner .banner-title h2 {color: #fff;font-size: 60px;font-family: 'TwCenMT Regular';position: relative;}
.product-banner .banner-title h2 span {display: inline-block;width: 105px;height: 10px;border-radius: 5px;background-color: #f6b74e;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);}
.product-banner .banner-title p {font-size: 24px;margin-top: 46px;}
.product-banner .bl-wrap {position: absolute;bottom: 0;left: 0;z-index: 3;}
.product-banner .bl-wrap img {width: 100%;}
.product-introduction-wrap {background-color: #eee;padding: 75px 0;}
.product-introduction-wrap .product-introduction-swiper {overflow: hidden;}
.product-introduction-wrap .product-introduction-swiper .swiper-slide img {width: 100%;}
.product-introduction-wrap .product-introduction-left {padding: 0 40px;}
.product-introduction-menu {position: relative;}
.product-introduction-menu {margin-top: 20px;padding: 0 30px;}
.product-introduction-menu .product-menu-swiper {overflow: hidden;}
.product-introduction-menu .product-menu-swiper .swiper-wrapper img {width: 100%;}
.product-introduction-menu .product-menu-swiper .swiper-slide {border: 2px solid rgba(0,0,0,0);}
.product-introduction-menu .product-menu-swiper .swiper-slide-thumb-active {border: 2px solid #feb300;}
.product-introduction-menu .product-menu-swiper-button i {font-size: 30px;position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;}
.product-introduction-menu .product-menu-swiper-button i:hover {color:#feb300;transition: all 0.6s;}
.product-introduction-menu .product-menu-swiper-button .left {left: -5px;}
.product-introduction-menu .product-menu-swiper-button .right {right: -5px;}

.product-introduction-right h2{line-height: 1;font-size: 40px;font-family: 'TwCenMT Regular';position: relative;padding-right: 40px;padding-top: 20px;}
.product-introduction-right h2 span {display: inline-block;width: 65px;height: 10px;background-color: #f6b74e;position: absolute;left: 0;top: 0;}
.product-introduction-right p {font-size: 20px;color: #000;margin-top: 40px;min-height: 120px;}
.product-introduction-button-wrap {margin-top: 40px;}
.product-introduction-button-wrap .home-banner-button {width: 220px;padding-right: 20px;display: inline-block;padding-top: 0;padding-bottom: 0;}
.product-introduction-button-wrap .home-banner-button  i {height: 26px;line-height: 26px;width: 26px;vertical-align: text-bottom;margin-left: 10px;}
.product-introduction-button-wrap .home-banner-button.product-email-button {width: auto;padding-left: 10px;padding-right: 20px;background: none;color: #2d2757;border: 1px solid #2d2757;height: 58px;line-height: 58px;margin-left: 20px;}
.product-introduction-button-wrap .home-banner-button.product-email-button i {background: none;color: #2d2757;}
.product-introduction-button-wrap .home-banner-button.product-email-button:hover {background-color: #feb300;color: #fff;border: 1px solid #feb300;}
.product-introduction-button-wrap .home-banner-button.product-email-button:hover i {color: #fff;}
.we-media-wrap {margin-top: 40px;}
.we-media-wrap i {display: inline-block;color: #fff;width: 38px;line-height: 38px;width: 38px;text-align: center;font-size: 20px;border-radius: 5px;}
.we-media-wrap .Facebook i {background-color: #f32539;}
.we-media-wrap .linkedin i {background-color: #0b66c1;}
.we-media-wrap .twitter i {background-color: #1da1f6;}
.we-media-wrap .Youtube i {background-color: #f42539;}
.single-product-content-wrap {padding: 80px 0 100px;background-color: #fff;}
.single-product-content-wrap .single-product-content-right .product-content-menu {font-size: 0;}
.single-product-content-wrap .single-product-content-right .product-content-menu .product-content-menu-item{display: inline-block; width: 300px;text-align: center;height: 60px;line-height: 60px;background-color: #f0f0f0;font-size: 24px;cursor: pointer;}
.single-product-content-wrap .single-product-content-right .product-content-menu .product-content-menu-item.active {background-color: #feb300;}
.single-product-content-wrap .single-product-content-right .product-content-menu .product-content-menu-item:hover {background-color: #feb300;transition: all 0.6s;}
.single-product-content-wrap .single-product-content-right .product-content-wrap {padding: 60px 35px;border: 1px solid rgba(0,0,0,.1);margin-top: 20px;}
.single-product-content-wrap .single-product-content-right .product-content-box-item {display: none;}
.single-product-content-wrap .single-product-content-right .product-content-box-item.active {display: block;} 
.pre-next-wrap {display: flex;justify-content: space-between;margin-top: 20px;}
.pre-next-wrap .pre-next-item {width: 48%;background-color: #eeeeee;padding: 10px;}
.pre-next-wrap .pre-next-item span {display: inline-block;width: 120px;height: 40px;line-height: 40px;text-align: center;border-radius: 20px;background-color: #3665cc;color: #fff;font-size: 24px;}
.pre-next-wrap .pre-next-item span.pre-item-title {float: left;}
.pre-next-wrap .pre-next-item span.next-item-title {float: right;}
.pre-next-item a,.pre-next-item strong {display: inline-block;height: 40px;line-height: 40px;font-size: 20px;color: #000;}
.pre-next-item.pre span {margin-right: 5px;}
.pre-next-item.next {text-align: right;}
.pre-next-item.next span {margin-left: 5px;}

.hot-product-wrap {background-color: #eee;padding: 55px 0 0;}
.hot-product-wrap .title {max-width: 920px;margin: auto;text-align: center;background-image: url('/wp-content/uploads/2023/11/bg01.png');background-position: 40% top;background-repeat: no-repeat;padding: 10px 0;}
.hot-product-wrap .title h2 {font-size: 50px;text-transform: uppercase;line-height: 1;margin-bottom: 0;}
.hot-product-wrap .title p {font-size: 20px;color: #666666;}
.hot-product-items {margin-top: 40px;position: relative;}
.hot-product-items-swiper {overflow: hidden;}
.hot-product-items-swiper .hot-product-item {background-color: #fff;}
.hot-product-items-swiper .hot-product-item .img {overflow: hidden;}
.hot-product-items-swiper .hot-product-item .img img {width: 100%;}
.hot-product-items-swiper .hot-product-item .img img:hover {scale: 1.2;transition: all 0.6s;}
.hot-product-button-wrap .home-banner-button {width: 100%;height: 46px;line-height: 46px;background-color: #cdcdcd;color: #fff;}
.hot-product-items-swiper .hot-product-item .hot-product-text-box {padding: 10px;}
.hot-product-items-swiper .hot-product-item .hot-product-text-box h4 {font-size: 18px;line-height: 1;}
.hot-product-items-swiper .hot-product-item .hot-product-text-box p {font-size: 16px;}
.hot-product-button-wrap .home-banner-button i {height: 36px;line-height: 36px;width: 36px;background-color: #fff;color: #cdcdcd;}
.hot-product-button-wrap .home-banner-button:hover {background-color: #fd9923;color: #000;}
.hot-product-button-wrap .home-banner-button:hover i {color: #fd9923;}
.hot-product-change-button i {position: absolute;top: 50%;transform: translateY(-50%);font-size: 40px;color: #999;cursor: pointer;}
.hot-product-change-button i:hover {color: #fd9923;transition: all 0.6s;}
.hot-product-change-button i.left {left: -50px;}
.hot-product-change-button i.right {right: -50px;}

.pro-left-menu {background-color: #feb300;padding: 35px 15px 15px;border-radius: 30px 30px 0 0;position: relative;}
.pro-left-menu .ch {position: absolute;top: -15px;right: -15px;width: 30%;}
.pro-left-menu-content {margin-bottom: 0;}
.pro-left-menu-content li {list-style: none;position: relative;}
.pro-left-menu-content>li>i {position: absolute;right: 15px;top: 14px;font-weight: 600;transform: rotate(90deg);}
.pro-left-menu-content>li.active>i {transform: rotate(-90deg);}
.pro-left-menu-content li a {color: #000;}
.pro-left-menu-content > li > a {display: block;height: 50px;font-size: 20px;line-height: 50px;padding-right: 40px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;background-color: #fff;padding-left: 20px;}
/* .pro-left-menu-content > li {display: flex;align-items: center;line-height: 1;} */
.pro-left-menu-content {padding-left: 0;background-color: #f7f7f7;}
.pro-child-menu li i {display: inline-block;width: 18px;text-align: center;height: 18px;line-height: 18px;color:#fff;background-color: #bbb;margin-right: 10px;}
.pro-child-menu {padding-left: 0;display: none;}
.pro-child-menu li {height: 40px;line-height: 40px;padding-left: 20px;}
.pro-left-menu-content li.active .pro-child-menu {display: block;}
.pro-child-menu li.active i {background-color: #3665cc;}

/* 产品中心页和分页 */
.product-banner-title-2 {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;max-width: 1300px;}
.product-banner-title-2 a {color: #000;font-size: 20px;}
.product-banner-title-2 span {font-size: 20px;}
.breadcrumbs-wrap {border-image-slice: 10;border-bottom: 1px solid;border-image-source: linear-gradient(to right, rgba(0,0,0,.3) 0%, rgba(255,255,255,.1) );line-height: 30px;}
.breadcrumbs-wrap i {color: #fd9923;margin-right: 10px;}

.our-product-left-wrap .title {max-width: 920px;margin: auto;text-align: left;background-image: url('/wp-content/uploads/2023/11/bg01.png');background-position: 4% top;background-repeat: no-repeat;padding: 10px 0;}
.our-product-left-wrap .title h2 {font-size: 50px;text-transform: uppercase;line-height: 1;margin-bottom: 0;padding-top: 20px;}
.our-product-left-wrap .title p {font-size: 20px;color: #666666;margin-top: 20px;}
.our-product-wrap {padding: 50px 0 80px;}
.our-product-authentication {margin-top: 30px;font-size: 0;}
.our-product-button-wrap {padding-top: 0;margin-top: 30px;}
.our-product-right-wrap {margin-top: 50px;padding: 10px;background-color: #fff;border-radius: 30px;}
.our-product-right-wrap .our-product-video {border-radius: 30px;overflow: hidden;position: relative;}
.our-product-right-wrap .our-product-video .player {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 80px;cursor: pointer;}
.our-product-right-wrap .our-product-video .player:hover {opacity: 0.8;transition: all 0.6s;}
.our-product-right-wrap .our-product-video .img-bg {width: 100%;height: 100%;position: absolute;background-color: rgba(0,0,0,.6);top: 0;left: 0;}
.our-product-right-wrap .our-product-video img {width: 100%;}
.single-product-content-right > .title {font-size: 30px;border-bottom: 2px solid rgba(0,0,0,.2);line-height: 60px;}
.products-list-wrap {margin-top: 10px;}
.products-list-wrap .product-item {background-color: #fff;border: 1px solid rgba(0,0,0,.1);margin-top: 30px;box-shadow: 0 16px 24px rgb(14 13 18 / 7%);}
.products-list-wrap .product-item .img {overflow: hidden;}
.products-list-wrap .product-item .img img{width: 100%;}
.products-list-wrap .product-item .product-item-text-box{padding: 20px 15px;}
.products-list-wrap .product-item .product-item-text-box h4 {font-size: 18px;line-height: 1;min-height: 36px;}
.products-list-wrap .product-item .product-item-text-box p {font-size: 16px;min-height: 96px;}
.product-item-button-wrap .home-banner-button {width: 100%;height: 46px;line-height: 46px;background-color: #cdcdcd;color: #fff;}
.product-item-button-wrap .home-banner-button i {height: 36px;line-height: 36px;width: 36px;background-color: #fff;color: #cdcdcd;}
.product-item-button-wrap .home-banner-button:hover {background-color: #fd9923;color: #000;}
.product-item-button-wrap .home-banner-button:hover i {color: #fd9923;}

.our-product-left-wrap ul {list-style: none;padding-left: 10px;margin-top: 40px;}
.our-product-left-wrap ul li {list-style: none;font-size: 20px;margin-bottom: 20px;}
.our-product-left-wrap ul li i {margin-right: 10px;font-size: 20px;display: inline-block;width: 26px;height: 26px;line-height: 26px;text-align: center;color: #fff;background-color: #fd9923;border-radius: 50%;}
.our-product-left-wrap ul li span {font-size: 20px;}

.process-introduction-wrap {}
.process-introduction-item {padding: 60px 50px 30px;background-color: #fff;border-radius: 100px;position: relative;text-align: center;margin-top: 120px;box-shadow: 0 16px 24px rgb(14 13 18 / 7%);}
.process-introduction-item .img {padding: 20px;text-align: center;background-color: #feb300;border-radius: 50%;display: inline-block;width: 87px;height: 87px;position: absolute;left: 50%;top: -40px;transform: translateX(-50%);}
.process-introduction-item .img img {width: 100%;}
.process-introduction-item h4 {font-size: 24px;text-transform: uppercase;}
.process-introduction-item p {font-size: 20px;line-height: 1.2;min-height: 48px;}
.process-introduction-wrap .jtt {position: absolute;top: 40%;right: -40px;z-index: 6;transform: rotate(180deg);}
.process-introduction-wrap:nth-child(2n) .jtt{transform: rotate(0deg);}

.process-introduction-wrap .row .col-lg-4:last-of-type .process-introduction-item .jtt {left: 42%;bottom: -55px;top: auto;transform: rotate(90deg);}
.process-introduction-wrap:last-of-type .row .col-lg-4:last-of-type .process-introduction-item .jtt {display: none;}



@media (max-width:786px) { 
    .product-banner .banner-title h2 {font-size: 20px;}
    .product-banner .banner-title p {font-size: 16px; margin-top: 5px;line-height: 1;}
    .product-banner-title-2 a,.product-banner-title-2 span {font-size: 14px;}
    .breadcrumbs-wrap {padding-left: 40px;line-height: 1;}
    .product-banner-title-2 {bottom: -15px;}
    .our-product-wrap {padding: 20px 10px;}
    .product-content-01-wrap{padding: 0 10px;}
    .product-cerfiticates-wrap,.about-new-wrap {padding: 10px;}
    .our-product-left-wrap .title h2,.single-product-content-right > .title {font-size: 26px;text-align: center;}
    .product-new-left {margin-top: 10px;}
    .pc-show {display: none;}
    .md-show {display: block;}
    .product-form-table {padding: 10px 0;}
    .our-product-left-wrap .title {background-position: center top;}
    
    
    .single-product-content-wrap {padding: 10px;}
    .our-product-right-wrap {margin-top: 0;}
    .process-introduction-wrap .jtt {right: auto;left: 42%;transform: translateX(-50%);top: 100%;transform: rotate(90deg); }
    .process-introduction-wrap:nth-child(2n) .jtt {transform: rotate(90deg);}
    .process-introduction-item {margin-top: 90px;}
    .process-introduction-wrap .row .col-lg-4:last-of-type .process-introduction-item .jtt {bottom: -30px;}
    .product-introduction-wrap {padding: 20px 10px;}
    .product-introduction-wrap .product-introduction-left {padding: 0;}
    .product-introduction-right {margin-top: 20px;}
    .product-introduction-right h2,.hot-product-wrap .title h2 {font-size: 26px;}
    .product-introduction-button-wrap .home-banner-button {display: block;margin: auto;}
    .product-introduction-button-wrap .home-banner-button.product-email-button {display: block;margin: 10px auto 0;width: 315px;}
    .single-product-content-wrap .single-product-content-right .product-content-menu .product-content-menu-item {font-size: 14px;width: 50%;margin-top: 10px;}
    .hot-product-wrap {padding: 10px 0;}
    .hot-product-items {margin-top: 10px;}
    .hot-product-change-button i.right,.hot-product-change-button i.left {display: none;}
    .single-product-content-wrap .single-product-content-right .product-content-wrap {padding: 10px;}
    .pre-next-item a, .pre-next-item strong {height: auto;line-height: 1;}
    
}