.home-contant{display:none}
.page-sub{display:flex;margin-top:20px;justify-content:center}
.page-sub div{width:25px;height:2px;background:var(--color);margin-right:4px}
.pro-des{color:#151515;line-height:30px;text-align:center;margin-top:25px}
.page1{display:flex;align-items:center;padding-bottom:5%}
.page1-left{width:43%}
.page1-right{flex:1;padding-left:4%}
.page1 .page-title{text-align:left}
.page1-text{margin-top:30px}
.page1-right .page-sub{justify-content: left;}
.page1-text p{margin-bottom:10px}
.page2{display:flex;flex-direction:row-reverse;align-items:center;padding:5% 0;position:relative;z-index:3}
.page2::after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:100vw;height:100%;z-index:-1;background-color:#f3f4f3;background-repeat:no-repeat;background-size:cover}
.page2 .page1-right{padding-right:4%;padding-left:0}
.page2 .page-head .page-title{text-align:left}
.page3{padding:5% 0;position:relative;z-index:3}
.page3-table{margin-top:40px}
.page3::after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:100vw;height:100%;z-index:-1;background:linear-gradient(0deg,#fceeec 0,#fff 100%);background-repeat:no-repeat;background-size:cover}
.page3-table .table-wrap table{text-align:center;background:#fff}
.page3-table .table-wrap table tr:nth-of-type(1){background:#000;height:60px;color:#fff}
.page3-table .table-wrap table td,.page3-table .table-wrap table th{padding:8px 30px}
.page4{padding:5% 0}
.page4-contant{display:flex;justify-content:space-between;margin-top:40px}
.page4-box{width:23%}
.pageimg{position:relative;cursor:pointer}
.page4-img img{border:1px solid #ededed}
.amplification{position:absolute;width:100%;height:100%;background:#00000054;top:0;left:0;display:flex;justify-content:center;align-items:center;opacity:0;transition:all .3s ease-in-out}
.amplification em{font-size:40px;color:#fff;width:40px;line-height:1}
.page4-box p{font-weight:600;font-size:20px;color:#222;line-height:60px;text-align:center}
.page4-btns{display:flex;justify-content:center;margin-top:20px}
.page4-btns a,.page6-btns a{width:216px;height:59px;background:var(--color);border-radius:5px;display:flex;justify-content:center;align-items:center;color:#fff;text-transform:uppercase;line-height:1;transition:all .3s ease-in-out}
.page4-btns a em,.page6-btns a em{margin-left:15px;line-height:1;transform:rotateZ(-45deg);font-size:var(--fontsize18);font-weight:var(--fontbold6);width:18px;transition:all .3s ease-in-out}
.page4-btns a:hover,.page6-btns a:hover{text-decoration:none}
.page5{padding:5% 0;position:relative;z-index:3}
.page5::after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:100vw;height:100%;z-index:-1;background:#f3f4f3;background-repeat:no-repeat;background-size:cover}
.page5-item{display:flex;justify-content:space-between;margin-top:40px;padding-bottom:40px;margin-bottom:20px;border-bottom:3px solid var(--color)}
.page5-box{width:23%}
.page5-text{text-align:center;padding:21px 0;background:#fff}
.page5-text p{font-weight:700;font-size:18px;color:#000002;line-height:1}
.page5-sub{display:flex;align-items:center;font-weight:700;font-size:22px;color:#000002;margin-top:40px;line-height:1}
.page5-sub em{font-size:22px;color:var(--color);line-height:1;font-weight:500!important;margin-right:15px}
.page5-com{margin-top:40px;background:#fff}
.page5-row{display:flex;justify-content:space-between;padding:0 20px 20px}
.page5-col{width:32%;position: relative;overflow: hidden;}
.page5-col img{transition: all .3s ease-in-out;}
.page5-tit{background:#e4e4e4;padding:22px 0;margin-bottom:20px}
.page5-tit p{font-weight:700;font-size:18px;color:#000;line-height:1;text-align:center}
.page5-coms{display:flex;justify-content:space-between;margin-top:40px}
.page5-box1{width:32%}
.page5-box1 p{font-weight:700;font-size:18px;color:#000002;text-align:center;padding:20px 0;background:#fff;line-height:1}
.page5-swiper{overflow: hidden;position: relative;}
.page5-swiper img{transition: all .3s ease-in-out;}
.page6{display:flex;padding:5% 0;align-items:center}
.page6 .page-title{text-align:left}
.page6 .page-sub{justify-content:left}
.page6-btns{display:flex;margin-top:50px}
.pageimg:hover .amplification{opacity:1}
.popwindow-pic{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0 0 0 / 50%);z-index:21474836471;display:none}
.popwindow-flex{width:100%;position:relative;height:100%;display:flex;justify-content:center;align-items:center}
.popwindow-flex img{max-width:90vw;max-height:calc(100% - 150px)}
span.popwindow-close{cursor:pointer;color:#fff;position:absolute;right:20px;top:20px}
span.popwindow-close em{font-size:40px;line-height:1;font-weight:700}
.page5-box:hover .page5-swiper img{transform: scale(1.02);}
.page5-col:hover img{transform: scale(1.02);}
@media (max-width:1024px) {.page1{flex-direction: column;}
.page1-left,.page1-left img{width: 100%;}
.page5-item{flex-wrap: wrap;}
.page5-box{width: 49%;}
.page1-right{padding-left: 0;margin-top: 20px;}
.page2{flex-direction: column;}
.page2 .page-head .page-title br{display: none;}
.page6{flex-direction: column;}}
@media (max-width:768px) {.page4-contant{margin-top: 30px;flex-wrap: wrap;}
.page4-box {width: 48%;}
.page5-row{flex-wrap: wrap;}
.page5-col {width: 49%;margin-bottom: 2%;}
.page5-coms{margin-top: 25px;flex-wrap: wrap;}
.page5-box1 {width: 49%;margin-bottom: 2%;}}
@media (max-width:550px) {.page5-col,.page5-box1,.page5-box{width: 100%;}}