/* banner */
.page-products .banner {position: relative;}
.page-products .banner img {width: 100%;}
.page-products .breadcrumbs {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;width: 100%;max-width: 700px;}
.page-products .breadcrumbs h1 {color: #fff;font-family: 'Montserrat Medium';font-size: 40px;position: relative;line-height: 1;}
.page-products .breadcrumbs ul {display: flex;padding-left: 0;justify-content: center;margin-top: 20px;}
.page-products .breadcrumbs ul li {list-style: none;color: #fff;font-size: 18px;font-family: 'Montserrat Regular';}
.page-products .breadcrumbs ul li a {color: #fff;font-size: 18px;font-family: 'Montserrat Regular';}
.page-products .breadcrumbs ul li span {color: #d21a26;}

.page-products .moudle-01-wrap .float-img {position: absolute;right: 0;bottom: 0;z-index: -1;}
.page-products .moudle-01-wrap {padding: 130px 120px;position: relative;}
.page-products .moudle-01-wrap .moudle-01-container .top-text-wrap {text-align: center;}
.page-products .moudle-01-wrap .center-content-wrap {margin-top: 20px;}
.page-products .moudle-01-wrap .center-content-wrap .left{padding: 50px 0 0 40px;background-image: url('/wp-content/uploads/2023/12/jx8.png');background-position: left top;background-repeat: no-repeat;}
.page-products .moudle-01-wrap .center-content-wrap .right {padding: 70px 30px 0;}
.page-products .moudle-01-wrap .center-content-wrap .right h4 {font-family: 'Montserrat Medium';font-size: 30px;}
.page-products .moudle-01-wrap .center-content-wrap .items-wrap .item-wrap {display: flex;margin-top: 30px;}
.page-products .moudle-01-wrap .center-content-wrap .items-wrap .item-wrap .img {padding: 0 10px;}
.page-products .moudle-01-wrap .center-content-wrap .items-wrap .item-wrap div h4 {margin-bottom: 0;font-family: 'Montserrat Medium';}

.page-products .module-02-wrap {padding: 80px 0;background-color: #f3f3f3;}
.page-products .module-02-wrap .item {margin-top: 20px;}
.page-products .module-02-wrap .item .img {border: 2px solid #d21a26;position: relative;}
.page-products .module-02-wrap .item .img .float-img {position: absolute;right: 0;bottom: 0;opacity: 0;}
.page-products .module-02-wrap .item .text{padding: 15px;}
.page-products .module-02-wrap .item .text h4 {font-family: 'Rubik Medium';}
.page-products .module-02-wrap .item:hover .float-img{opacity:1;transition: all 0.6s;}

.page-products .module-03-wrap {background-color: #f8f8f8;padding: 115px 0 60px;}
.page-products .module-03-wrap .content-wrap {display: flex;padding-top: 10px;position: relative;}
.page-products .module-03-wrap .application-item .img {position: relative;width: 100%;overflow: hidden;}
.page-products .module-03-wrap .application-item .img::after {content: ' ';width: 100%;height: 100%;position: absolute;z-index: 2;background-color: rgba(0,0,0,.2);top: 0;;left: 0;}
.page-products .module-03-wrap .application-item .text {padding: 15px;}
.page-products .module-03-wrap .application-item .text h4 {font-family: 'Montserrat Medium';}
.page-products .module-03-wrap .home-application-swiper {overflow: hidden;}
.page-products .module-03-wrap .change-button-wrap {text-align: right;background-image: url('/wp-content/uploads/2023/12/Solutions.png');background-repeat: no-repeat;background-position: right bottom 10px;}
.page-products .module-03-wrap .change-button-wrap span i {font-size: 70px;color: #c2c2c2;display: inline-block;line-height: 1;cursor: pointer;}
.page-products .module-03-wrap .change-button-wrap span i:hover {color: #c30e23;transition: all 0.6s;}
.page-products .module-03-wrap .change-button-wrap span.next i {transform: scaleX(-1);margin-right: 50px;}
.page-products .module-03-wrap .content-wrap .left-arrow {width: 100%;max-width:210px;position: relative;}
.page-products .module-03-wrap .content-wrap .left-arrow span {display: inline-block;width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;border-radius: 50%;border: 1px solid rgba(0,0,0,.2);position: absolute;top: 50%;right: 15px;transform: translateY(-50%);cursor: pointer;}
.page-products .module-03-wrap .content-wrap .left-arrow span:hover {background-color: #c30e23;border: 1px solid #c30e23;transition: all 0.6s;}
.page-products .module-03-wrap .content-wrap .left-arrow span:hover i {color: #fff;transition: all 0.6s;}
.page-products .module-03-wrap .content-wrap .left-arrow span i {color: rgba(0,0,0,.2);font-size: 34px;}



@media (max-width:786px) {
    .page-products .row {padding: 0;}
    .page-products .breadcrumbs h1 {font-size: 20px;}
    .page-products .breadcrumbs ul {margin-top: 5px;margin-bottom: 5px;}
    .page-products .moudle-01-wrap,
    .page-products .module-02-wrap,
    .page-products .module-03-wrap{padding: 10px;}
    .page-products .moudle-01-wrap .center-content-wrap .right {padding: 0;}
    .page-products .moudle-01-wrap .center-content-wrap .right h4 {font-size: 18px;text-align: center;margin-top:10px;}
    .page-products .module-02-wrap .item .text p {margin-bottom: 0;}
    .page-products .module-03-wrap .change-button-wrap{text-align: center;}
    .page-products .module-03-wrap .change-button-wrap span.next i {margin-right: 0;}
}