:root{
    --color1: #23E2FF;
    --color2: #1dc7dd;
    --color3: #357FF9;
}
.page-section-banenr {margin: 0 auto;max-width: 1920px;}
.page-section-banenr img {display: block;width: 100%;}

/* contact */
.page-section-contact-list{display: flex;justify-content: space-between;padding: 50px 0;}
.page-section-contact-li{width: 30%;display: flex;justify-content: center;align-items: center;background: #FFFFFF;box-shadow: 6px 3px 10px 0px rgba(51,51,51,0.06);padding: 40px 30px;box-sizing: border-box;transition: all .3s ease-in-out;}
.page-section-contact-li-p1{font-size: 14px;font-weight: bold;color: #666666;line-height: 1;margin-bottom: 10px;transition: all .3s ease-in-out;}
.page-section-contact-li-p2{font-size: 16px;font-weight: bold;color: #333333;line-height: 1;text-transform: uppercase;transition: all .3s ease-in-out;}
.page-section-contact-li-img>em{font-size: 45px;color: var(--color1);}
.page-section-contact-li-img{margin-right: 25px;}
.page-section-contact{background: #F4F8FC;}
.page-section-contact-li:hover {background: linear-gradient(90deg, #FFFFFF 0%, var(--color1) 0%, var(--color2) 50%, var(--color3) 100%);box-shadow: 6px 3px 10px 0px rgba(51,51,51,0.06);color: #fff;}
.page-section-contact-li:hover .page-section-contact-li-size p{color: #fff;}
.page-section-contact-li:hover .page-section-contact-li-img i{color: #fff;}
.page-section-liaison #feedbackForm .send-inquiry .inquiry-form input{font-size: 16px;height: 60px;width: 100%;margin-bottom: 18px;border: none;position: relative;box-sizing: border-box;padding-left: 10px;outline: none;background: #fff !important;}
.page-section-liaison #feedbackForm .send-inquiry .inquiry-form textarea{font-size: 16px;width: 100%;border: none;box-sizing: border-box;resize: none;outline: none;height: 200px;padding: 10px 0px 0px 10px;font-family: auto;background: #fff !important;}
.page-section-liaison #feedbackForm .send-inquiry .send-btn{border: none;font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 18px;display: inline-block;padding: 15px 58px;background: linear-gradient(90deg, #FFFFFF 0%, var(--color1) 0%, var(--color2) 50%, var(--color3) 100%);border-radius: 3px;width: auto;margin: 25px 0 0 0;cursor: pointer;}
.page-section-liaison-sl{position: relative;}
.page-section-liaison #feedbackForm .send-inquiry .send-btn .span:nth-child(1){color: #fff;}
.page-section-liaison #feedbackForm .hvr-bounce-to-right-y:before{background: var(--color1);}
#feedbackForm .send-inquiry .send-btn .span:nth-child(2){display: none;}
.page-section-liaison-sll{display: flex;flex-direction: column;position: absolute;z-index: 99;right: 10px;top: 0;}
.page-section-liaison-sll>em{font-size: 20px;width: 60px;height: 60px;margin-bottom: 18px;display: flex;justify-content: center;align-items: center;}
.page-section-liaison-l-box>em{font-size: 18px;margin-right: 10px;}
.page-section-liaison #feedbackForm{background: none;}
@media (max-width:1366px) {
    .page-section-contact-li{padding: 30px;}
    .page-section-contact-li-p1{margin-bottom: 15px;font-size: 14px;}
}
@media (max-width:1024px) {
    .page-section-contact-li{padding: 20px;width: 32%;}
    .page-section-contact-li-p2{font-size: 14px;}
    .page-section-contact-li-img{margin-right: 15px;}
    .page-section-contact-list{padding: 35px 0;}
    .page-section-contact-li-p1{margin-bottom: 10px;}
    .send-inquiry .send-btn{height: auto;}
}
@media (max-width:768px) {
    .page-section-contact-li{padding: 15px;}
    .page-section-contact-li-p1 {margin-bottom: 10px;font-size: 12px;}
    .page-section-contact-li-p2{font-size: 12px;}
    .page-section-contact-list{padding: 30px 0;}
    .send-inquiry .send-btn{height: auto;}
    .page-section-liaison-sll>em{font-size: 16px;}
    .send-inquiry .inquiry-form input{font-size: 14px;}
}
@media (max-width:450px) {
    .page-section-contact-list{flex-direction: column;}
    .page-section-contact-li{width: 100%;margin-bottom: 20px;padding: 20px;justify-content: unset;}
    .page-section-contact-li:nth-of-type(3){margin-bottom: 0;}
    .page-section-contact-li-img>em{font-size: 36px;}
}

/* about */
.page-section-about-all{display: flex;justify-content: center;align-items: center;padding: 50px 0;}
.page-section-about-left{width: 47%;margin-right: 3%;overflow: hidden;;box-sizing: border-box;border-radius: 10px;overflow: hidden;}
.page-section-about-right{width: 50%;}
.page-section-about-left img{display: block;max-width: 100%;transition: all .3s ease-in-out;}
.page-section-about-r-title{font-size: 22px;font-weight: bold;color: #333333;line-height: 1;margin-bottom: 20px;}
.page-section-about-r-p{font-size: 16px;font-weight: 400;color: #666666;line-height: 30px;}
.page-section-about-r-btn{margin-top: 50px;}
.page-section-about-r-size .page-section-about-r-btn a{font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 18px;display: inline-block;background: linear-gradient(90deg, #FFFFFF 0%, var(--color1) 0%, var(--color2) 50%, var(--color3) 100%); border-radius: 3px;padding: 15px 30px;text-transform: uppercase;transition: all .3s ease-in-out;}
.page-section-about-left:hover img{transform: scale(1.1);}
.page-section-about-r-btn:hover a{box-shadow: 0px 3px 4px 1px #aeacac;}
@media (max-width:1366px) {
    .page-section-about-all{padding: 40px 0;}
    .page-section-about-r-p{font-size: 16px;}
    .page-section-about-r-btn{margin-top: 50px;}
}
@media (max-width:1024px) {
    .page-section-about-all{padding: 30px 0;}
    .page-section-about-r-title{font-size: 26px;margin-bottom: 15px;}
    .page-section-about-r-p{font-size: 14px;line-height: 1.5;}
    .page-section-about-r-btn{margin-top: 20px;}
    .page-section-about-r-size .page-section-about-r-btn a{font-size: 12px;padding: 10px 20px;}
}
@media (max-width:768px) {
    .page-section-about-all{flex-direction: column;}
    .page-section-about-left{width: 100%;margin-right: 0;margin-bottom: 30px;}
    .page-section-about-left img{display: block;width: 100%;}
    .page-section-about-right{width: 100%;}
}

/* introduce */
.page-section-introduce-box{display: flex;justify-content:space-between;align-items: center;margin-bottom: 50px;}
.page-section-introduce-r{width: 44%;}
.page-section-introduce-l{width: 45%;}
.page-section-introduce-l-p1{font-size: 20px;font-weight: bold;color: #333333;line-height: 1;width: 70%;}
.page-section-introduce-span{width: 45px;height: 3px;background: var(--color1);margin: 30px 0;}
.page-section-introduce-l-p2{font-size: 16px;font-weight: 400;color: #666666;line-height: 30px;}
.page-section-introduce-all{padding-top: 50px;}
.page-section-introduce{background: url(/images/ppage/t8/back.jpg)center no-repeat;background-position: top;}
.page-section-introduce-r-img{border-radius: 10px;overflow: hidden;}
.page-section-introduce-r-img img{width: 100%;display: block;transition: all .3s ease-in-out;}
.page-section-introduce-r-img:hover img{transform: scale(1.1);}
@media (max-width:1366px) {
    .page-section-introduce-r{width: 45%;}
    .page-section-introduce-l-p1{font-size: 20px;width: 100%;}
    .page-section-introduce-all{padding-top: 50px;}
    .page-section-introduce-box{margin-bottom: 50px;}
    .page-section-introduce-span{margin: 25px 0;}
}
@media (max-width:1024px) {
    .page-section-introduce-r,.page-section-introduce-l{width: 48%;}
    .page-section-introduce-l-p1{font-size: 18px;line-height: 1.5;width: 100%;}
    .page-section-introduce-box{margin-bottom: 30px;}
    .page-section-introduce-span {margin: 15px 0;width: 40px;height: 2px;}
    .page-section-introduce-l-p2{font-size: 14px;line-height: 1.5;}
    .page-section-introduce-all {padding-top: 30px;}
}
@media (max-width:768px) {
    .page-section-introduce-l-p1{font-size: 16px;}
    .page-section-introduce-span{width: 40px;height: 2px;background: var(--color1);margin: 10px 0;}
}
@media (max-width:650px) {
    .page-section-introduce-box{flex-direction: column;margin-bottom: 30px;}
    .page-section-introduce-r, .page-section-introduce-l{width: 100%;margin-top: 30px;}
    .page-section-introduce-box:nth-of-type(2){flex-direction: column-reverse;}
}
@media (max-width:450px) {
    .page-section-introduce-box{margin-bottom: 0px;}
    .page-section-introduce-all {padding: 30px 0;}
    .page-section-introduce-r, .page-section-introduce-l{margin-top: 15px;}
}
/* solutions */
.page-section-solutions{background: url(/images/ppage/t8/solutions.jpg)center no-repeat;background-attachment: fixed;position: relative;background-size: cover;background-repeat: no-repeat;}
.page-section-solutions-title{padding-bottom: 60px;}
.page-section-solutions-tit{font-size: 22px;font-weight: bold;color: #FFFFFF;line-height: 1;text-align: center;}
.page-section-solutions-top-li{font-size: 16px;color: #FFFFFF !important;line-height: 1;transition: all .3s ease-in-out;}
.page-section-solutions-top-li:hover{color: var(--color3) !important;}
.page-section-solutions-top{display: flex;justify-content: space-between;border-bottom: 1px solid #f3f3f338;min-height: 40px;}
.page-section-solutions-botton{margin-top: 60px;}
.page-section-solutions-botton-p1{font-size: 20px;font-weight: bold;color: #FFFFFF;line-height: 1;}
.page-section-solutions-botton-p2{font-size: 14px;font-weight: 400;color: #ffffffad;line-height: 30px;margin-top: 50px;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;display: -webkit-box;}
.page-section-solutions-botton-btn{margin-top: 70px;}
.page-section-solutions-botton-btn-a{font-size: 14px;font-weight: 400;color: #FFFFFF !important;line-height: 18px;display: inline-block;background: linear-gradient(90deg, #FFFFFF 0%, var(--color1) 0%, var(--color2) 50%, var(--color3) 100%);border-radius: 3px;padding: 15px 38px;transition: all .3s ease-in-out;}
.page-section-solutions-total{padding: 70px 0;}
.page-section-solutions-tab-box{display: none;}
.page-section-solutions-botton-btn-a:hover{color: #fff !important;box-shadow: 2px 2px 4px 1px #363535;}
.page-section-solutions-top .active{border-bottom: 3px solid var(--color3);padding-bottom: 17px;color: var(--color3) !important;}
@media (max-width:1366px) {
    .page-section-solutions-top-li{font-size: 16px;}
    .page-section-solutions-title{padding-bottom: 50px;}
    .page-section-solutions-total {padding: 50px 0;}
    .page-section-solutions-botton-p1{font-size: 18px;margin-bottom: 20px;}
    .page-section-solutions-botton-p2{margin-top: 30px;}
}
@media (max-width:1024px) {
    .page-section-solutions-botton-p1{font-size: 16px;}
    .page-section-solutions-top-li{font-size: 14px;}
    .page-section-solutions-title{padding-bottom: 40px;}
    .page-section-solutions-botton{margin-top: 35px;}
    .page-section-solutions-botton-p2{font-size: 14px;line-height: 1.5;margin-top: 20px;}
    .page-section-solutions-botton-btn {margin-top: 50px;}
    .page-section-solutions-botton-btn-a{padding: 15px 20px;}
}
@media (max-width:768px) {
    .page-section-solutions-top{flex-wrap: wrap;}
    .page-section-solutions-top-li{line-height: 1.5;width: 32%;margin-bottom: 30px;text-align: center;padding: 0 3%;box-sizing: border-box;height: 50px;}
    .page-section-solutions-botton-btn-a{padding: 10px 30px;}
    .page-section-solutions-top .active{border-bottom: 1px solid #fff;margin-bottom: 20px;}
}
@media (max-width:450px) {
    .page-section-solutions-botton {margin-top: 30px;}
    .page-section-solutions-tit{font-size: 20px;}
    .page-section-solutions-botton-p2{margin-top: 10px;font-size: 14px;line-height: 1.5;}
    .page-section-solutions-top-li{font-size: 14px;padding: 0;font-weight: normal;line-height: 1.5;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: -webkit-box;height: 45px;}
}
/* customer */
.page-section-customer-left{width: 47%;padding: 80px 0;overflow: hidden;}
.page-section-customer-right{width: 49%;}
.page-section-customer-total{display: flex;justify-content: space-between;align-items: center;}
.page-section-customer-r-tit{font-size: 22px;font-weight: bold;color: #0A0A0A;line-height: 1;margin-bottom: 38px;text-transform: capitalize;}
.page-section-customer-top{display: flex;justify-content: space-between;margin-bottom: 15px;}
.page-section-customer-top-p{font-size: 16px;font-weight: bold;color: #333333;line-height: 1;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;display: -webkit-box;}
.page-section-customer-li{padding: 20px 23px;margin-bottom: 25px;border: 1px solid #E5E5E5;border-radius: 5px;max-height: 20px;overflow: hidden;transition: all .3s ease-out;box-sizing: content-box;}
.page-section-customer-li:hover{max-height: 600px;transition-timing-function: ease-in;background: linear-gradient(90deg, #FFFFFF 0%, var(--color1) 0%, var(--color2) 50%, var(--color3) 100%);box-shadow: 6px 3px 10px 0px rgba(51,51,51,0.27);border-radius: 5px;}
.page-section-customer-botton-p{font-size: 16px;font-weight: 400;color: #FFFFFF;line-height: 24px;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;display: -webkit-box;}
.page-section-customer-li:hover .page-section-customer-top-p{color: #Fff;}
.page-section-customer-li:hover .page-section-customer-top>em{color: #fff;transform: rotate(180deg);}
.page-section-customer-left img{max-width: 100%;display: block;transition: all .3s ease-in-out;}
.page-section-customer-left:hover img{transform: scale(1.05);}
@media (max-width:1400px) {
     .page-section-customer-botton-p{font-size: 14px;}
     .page-section-customer-top{margin-bottom: 20px;}
}
@media (max-width:1366px) {
    .page-section-customer-total{padding: 30px 0;}
    .page-section-customer-top-p{font-size: 14px;}
    .page-section-customer-left{padding:0;}
}
@media (max-width:1024px) {
    .page-section-customer-r-tit{margin-bottom: 20px;}
    .page-section-customer-top{margin-bottom: 10px;}
    .page-section-customer-botton-p{font-size: 12px;line-height: 1.5;}
    .page-section-customer-li{margin-bottom: 20px;padding: 15px 20px;}
}
@media (max-width:768px) {
    .page-section-customer-total{flex-direction: column;}
    .page-section-customer-left{width: 100%;}
    .page-section-customer-left img{width: 100%;}
    .page-section-customer-right{width: 100%;margin-top: 20px;}
    .page-section-customer-total {padding: 30px 0;}
    .page-section-customer-r-tit{font-size: 20px;}
    .page-section-customer-left{padding: 0;}
}
@media (max-width:450px) {
    .page-section-customer-li {padding:15px;}
    .page-section-customer-total{padding: 10px 0;}
    .page-section-solutions-botton-btn {margin-top: 30px;}
}
/* liaison */
.page-section-liaison-total{display: flex;justify-content: space-between;padding: 50px 0;align-items: center;}
.page-section-liaison-l{width: 48%;}
.page-section-liaison-r{width: 46%;}
.page-section-liaison-l-p1{font-size: 22px;font-weight: bold;color: #333333;line-height: 1;margin-bottom: 33px;text-transform: capitalize;}
.page-section-liaison-l-p2{font-size: 16px;font-weight: 400;color: #333333;line-height: 30px;}
.page-section-liaison-l-top{margin-bottom: 50px;}
.page-section-liaison-l-box>i{font-size: 22px;margin-right: 18px;color: #8A8A8A;}
.page-section-liaison-l-box{display: flex;align-items: center;margin-bottom: 25PX;}
.page-section-liaison-l-box>p{font-size: 16px;font-weight: 400;color: #333333;line-height: 1;}
.page-section-liaison{background: #F4F8FC;}
.page-section-liaison-r-input input{font-size: 16px;height: 60px;width: 100%;padding: 0 25px;box-sizing: border-box;}
.page-section-liaison-r-input{margin-bottom: 18px;position: relative;display: flex;}
.page-section-liaison-r-input>em{position: absolute;font-size: 20px;color: #8A8A8A;top: 20px;right: 25px;}
.page-section-liaison-r-text>textarea{font-size: 16px;width: 100%;border: none;padding: 25px;box-sizing: border-box;resize: none;outline-color: #fff;}
.page-section-liaison-r-text{position: relative;}
.page-section-liaison-r-text>em{position: absolute;font-size: 20px;color: #8A8A8A;top: 25px;right: 25px;}
.page-section-liaison-r-btn{margin-top: 25px;}
.page-section-liaison-r-btn a{font-size: 14px;font-weight: 400;color: #FFFFFF;line-height: 18px;display: inline-block;padding: 15px 58px;background: linear-gradient(90deg, #FFFFFF 0%, var(--color1) 0%, var(--color2) 50%, var(--color3) 100%);border-radius: 3px;}
.page-section-liaison #feedbackForm .send-btn{line-height: 1;}

@media (max-width:1366px) {
    .page-section-liaison-total{padding: 50px 0;}
}
@media (max-width:1024px) {
    .page-section-liaison-l-top{margin-bottom: 20px;}
    .page-section-liaison-l-box>p{font-size: 16px;}
    .page-section-liaison-r{font-size: 48px;}
    .page-section-liaison-total {padding: 30px 0;}
    .page-section-liaison-r-input input{font-size: 14px;height: 60px;padding: 0px 20px;}
    .page-section-liaison-r-input{margin-bottom: 10px;}
    .page-section-liaison-r-input>em{top: 18px;}
    .page-section-liaison-r-text>textarea{font-size: 14px;padding: 20px;}
    .page-section-liaison-r-btn{margin-top: 10px;}
    .page-section-liaison-r-btn a{padding: 15px 50px;font-size: 14px;}
    .page-section-liaison-l-p1{margin-bottom: 20px;}
    .page-section-liaison-l-p2{line-height: 1.5;}
}
@media (max-width:768px) {
    .page-section-liaison-r-input>em {top: 20px;}
    .page-section-liaison-total{flex-direction: column;}
    .page-section-liaison-l{width: 100%;}
    .page-section-liaison-r{width: 100%;}
    .page-section-liaison-l-top {margin-bottom: 15px;}
    .page-section-liaison-l-box{margin-bottom: 20px;}
    .page-section-liaison-r-btn a{padding: 10px 45px;}
    .page-section-liaison-r-btn {margin-top: 0px;}
    .page-section-liaison-l-box>p{font-size: 14px;}

}
@media (max-width:450px) {
    .page-section-liaison-total {padding: 30px 0;}
    .page-section-liaison-l-p2{font-size: 14px;}
    .page-section-liaison-l-p1{font-size: 28px;margin-bottom: 20px;}
    .page-section-liaison-l-top{margin-bottom: 20px;}
    .page-section-liaison-l-box>p{font-size: 14px;}
    .page-section-liaison-l-box{margin-bottom: 15px;}
}
.page-section-about-container,.page-section-liaison-container,.page-section-customer-container,.page-section-introduce-container,.page-section-contact-container,.page-section-solutions-container{max-width: 1400px;margin: 0 auto;}

@media (max-width:1400px) {
    .page-section-about-container, .page-section-liaison-container, .page-section-customer-container, .page-section-introduce-container, .page-section-contact-container, .page-section-solutions-container{padding: 0 3%;}
}
@media (max-width:1366px) {
    .page-section-about-r-title,.page-section-solutions-tit,.page-section-customer-r-tit,.page-section-liaison-l-p1{font-size: 22px;}
}
@media (max-width:1024px) {
    .page-section-about-r-title,.page-section-solutions-tit,.page-section-customer-r-tit,.page-section-liaison-l-p1{font-size: 20px;}
}
@media (max-width:768px) {
    .page-section-about-r-title,.page-section-solutions-tit,.page-section-customer-r-tit,.page-section-liaison-l-p1{font-size: 18px;}
}


.page-section-customer-container{max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}
.page-section-customer-content{display:flex;justify-content:space-between;align-items:center}
.page-section-customer-l{width:20%;padding-right:50px;box-sizing:border-box}
.page-section-customer-l-tit{font-size:22px;text-transform:capitalize;font-weight:700;color:#212121;line-height:1}
#page-section-customer-f{width:80%;padding:50px 0;overflow:hidden}
.page-section-customer-box{width:100%;margin:auto;padding:30px;border:1px solid #eee;box-sizing:border-box}
.page-section-customer-size{margin:20px 0}
.page-section-customer-size-p{font-size:16px;font-weight:400;color:#666;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;display:-webkit-box}
.page-section-customer-client{display:flex;align-items:center}
.page-section-customer-profile{margin-right:20px}
.page-section-customer-name-p1{font-size:16px;font-weight:700;color:#033;line-height:1;margin-bottom:10px}
.page-section-customer-name-p2{font-size:14px;font-weight:400;color:var(--color1);line-height:1}
.page-section-customer-l>div{width:50px;height:3px;background:var(--color1);margin-bottom:20px}
.swiper-customer-next,.swiper-customer-prev{display:none}
#page-section-customer-f .swiper-pagination{display:none}
.page-section-customer-star>em{font-size:20px;color:var(--color1)}
.page-section-customer-alls{position:relative;overflow:hidden;box-shadow:0 0 10px 0 rgba(0,0,0,.2);border-radius:5px}
.page-section-customer-x1{content:'';width:0;height:0;-webkit-transform:rotate(360deg);transform:rotate(360deg);border-style:solid;border-width:0;border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:var(--color1);position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .6s;z-index:-1}
.page-section-customer-x2{content:'';width:0;height:0;-webkit-transform:rotate(360deg);transform:rotate(360deg);border-style:solid;border-width:0;border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:var(--color1);position:absolute;top:0;right:0;-webkit-transition:all .7s;transition:all .6s;z-index:-1}
.page-section-customer-alls:hover{border-color:var(--color1)}
.page-section-customer-alls:hover .page-section-customer-x1{border-width:350px 0 0 350px}
.page-section-customer-alls:hover .page-section-customer-x2{border-width:0 350px 350px 0}
.page-section-customer-alls:hover .page-section-customer-star>em{color:#fff}
.page-section-customer-alls:hover p{color:#fff}
@media (max-width:1400px){.page-section-customer-l-tit{line-height:1}
.page-section-customer-size-p{font-size:14px}
.page-section-customer-star>em{font-size:20px}
.page-section-customer-l>div{margin-bottom:20px;width:45px;height:2px}
}
@media (max-width:1366px){.page-section-customer-content{padding:0}
.page-section-customer-l{width:20%}
#page-section-customer-f{width:80%}
}
@media (max-width:1024px){.page-section-customer-l{padding-right:20px;width:20%}
.page-section-customer-f{width:80%;padding:35px 0}
.page-section-customer-box{padding:20px}
.page-section-customer-size-p{font-size:14px}
.page-section-customer-name-p1{margin-bottom:5px;font-size:16px}
.page-section-customer-name-p2{font-size:12px}
.page-section-customer-size{margin:10px 0}
.page-section-customer-star em{font-size:18px;color:var(--color1)}
}
@media (max-width:768px){#page-section-customer-f .swiper-pagination{display:block;bottom:0}
.page-section-customer-content{flex-direction:column}
.page-section-customer-l{padding-right:0;width:100%}
.page-section-customer-l>div{margin-bottom:15px;width:40px;height:2px}
.page-section-customer-f{width:100%;margin-top:20px}
#page-section-customer-f{width:100%;padding:20px 0 35px;box-sizing:border-box}
.page-section-customer-box{width:100%}
#page-section-customer-f .swiper-pagination-bullet-active{background:var(--color1)}
.page-section-customer-container{padding:35px 20px}
}
@media (max-width:450px){#page-section-customer-f{padding:0 0 30px 0}
.page-section-customer-box{width:95%;box-sizing:border-box;margin:20px auto}
}
@media (max-width:1400px){.page-section-customer-container{padding-left:20px;padding-right:20px}
.page-section-customer-l-tit{font-size:20px}
}
@media (max-width:768px){.page-section-customer-l-tit{font-size:18px;margin:20px 0 30px;line-height:1}
}



.page-section-product-tit{font-size:22px;font-weight:700;color:#212121;line-height:1;text-align:center;margin:20px 0 50px;text-transform:capitalize}
.page-section-product-list{display:flex;justify-content:space-between;margin-bottom:40px;align-items:center;flex-wrap:wrap}
.page-section-product-list li{width:23%;margin-bottom:30px}
.page-section-product-picture-img{display:block;width:100%;transition:all .3s ease-in-out}
.page-section-product-picture{margin-bottom:20px;border-radius:5px;overflow:hidden}
.page-section-product-item-name-p{font-size:16px;font-weight:700;color:#333;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}
.page-section-product-item-name-a{font-size:14px;font-weight:400;color:var(--color1);line-height:1;display:block;margin-top:10px}
.page-section-product-item{display:flex;justify-content:space-between;align-items:center}
.page-section-product-item-name{width:100%}
.page-section-product-picture:hover img{transform:scale(1.1)}
@media (max-width:1400px){.page-section-product-item-name-a{margin-top:15px;font-size:14px}
.page-section-product-list li{margin-bottom:20px}
}
@media (max-width:1366px){.page-section-product-item-name-a{margin-top:10px}
.page-section-product-picture{margin-bottom:10px}
.page-section-product-list li{margin-bottom:20px}
}
@media (max-width:1280px){.page-section-product-list{margin-bottom:30px}
}
@media (max-width:1024px){.page-section-product-item-name-p{font-size:14px}
.page-section-product-item-name-a{font-size:14px}
.page-section-product-item-name{width:100%}
}
@media (max-width:450px){.page-section-product-list li{width:48%}
.page-section-product-item-name-a{margin-top:5px;font-size:14px}
.page-section-product-list{margin-bottom:30px}
}
.page-section-products-container {
   max-width: 1400px;
   margin: 0 auto;
   width: 100%;
   box-sizing: border-box;
}

      @media (max-width:1400px){
         .page-section-products-container {
      padding-left: 20px;
      padding-right: 20px;
   }
      }
/* iconfont */
@font-face {
    font-family: "iconfont"; /* Project id  */
    src: url('/images/ppage/t8/iconfont.ttf') format('truetype');
}
  
  .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-29youxiangfill:before {
    content: "\e653";
  }
  
  .icon-shouhuodizhi:before {
    content: "\e64e";
  }
  
  .icon-youjian:before {
    content: "\e624";
  }
  
  .icon-zhiliang-xianxing:before {
    content: "\e88b";
  }
  
  .icon-jiantou4:before {
    content: "\e502";
  }
  
  .icon-wode:before {
    content: "\e78e";
  }
  
  .icon-dianhua:before {
    content: "\e60e";
  }
  
  .icon-jishufuwushang:before {
    content: "\e72e";
  }
  
  .icon-dianhua9:before {
    content: "\e886";
  }
  
  .icon-dingdan1:before {
    content: "\e636";
  }