body h2{font-weight: bold;line-height: 1.3;margin-top: 0;font-size: 48px;}
.nbframe { position: relative; width: 100%;overflow: hidden;}
.nbframe img { width: 100%; }

.nbframe .location .txt { color: #fff;flex-wrap: wrap;}
.nbframe .location .txt .sign{width: 100%;display: flex;align-items: center;}
.nbframe .location .txt .sign i{width: 12px;height: 12px;background: #fff;border-radius: 50%;display: inline-block;margin-right: 10px;}
.nbframe .location .txt h1{width: 100%;}
.bottomheight { float: left; width: 100%; height: 180px; }

@media (min-width: 1200px) and (max-width: 1439px) {
    .nbframe .location .txt { color: #fff; margin-top: 1.2rem; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .nbframe .location .txt { color: #fff; margin-top: .8rem; }
    .nbframe .location h1, .location h2 { color: #fff; }
}

@media (min-width:1px) {
    .nbframe .location { position: absolute; left: 50%; bottom: 120px; transform: translateX(-50%); z-index: 1; width: 100%; }
    .nbframe .location h1{ color: #fff; margin-bottom:20px;margin-top: 20px;}
    .nbframe .location p { color: #fff; width:50%; }
    

    .nbframe .location .txt a { color: rgb(255 255 255 / 80%); }
}

.location {/* float: left; *//* width: 100%; */}
.location h1, .location h2 { font-size: 0.6rem; color: #000; font-weight: bold; text-transform: capitalize; }
.location .txt { display: flex; align-items: center; flex-wrap: wrap; margin-top: 0.3rem; font-size: 14px; color: #1a1527;}

.nbframe .dblok { display: flex !important; }
.nbframe .location .dblok .txtleft { flex: 1; display: flex; align-items: center; flex-wrap: wrap; }
.location .txt a { display: inline-block; color:#1a1527}
.location .txt em {display: inline-block;width: 6px;height: 6px;border-radius: 50px;background: #818194;margin: 0 11px; font-size: 10px;color: #1a1527;}

@media (min-width:1200px) {

    .nbframe .location .txt .txtrigh { float: right; display: flex; }
    .nbframe .location .txt .txtrigh i { margin-left: 6px; }
    .nbframe .location .txt .txtleft { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; align-items: center; }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .nbframe img { width: 100%; min-height: 300px; object-fit: cover; }
    .nbframe .location .txt .txtrigh { float: right; display: flex; }
    .nbframe .location .txt .txtrigh i { margin-left: 6px; }
    .nbframe .location .txt .txtleft { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: center; }
}

@media (min-width: 1px) and (max-width: 1080px) {
    .nbframe .location .txt .txtrigh { float: right; display: none; }
}


@media (min-width: 1px) and (max-width: 991px) {
    .nbframe img { width: 100%; min-height: 280px; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
    .nbframe {/* margin-top: 70px; */}
    .location h1 { }
    .location h1 br{display: none;}
    .location p { width:100%;}
    .nbframe .location .txt {  margin-top: 20px; display: flex }
    .location .txt { margin-top: 0.22rem; font-size: 14px; }
    .nbframe .location .txt .txtleft {align-items: center; }
}
/* aboutus */
.video{position: relative;padding-bottom: 0;background-color: #f2f1f8;}
.video i{cursor: pointer;position: absolute;width: 129px;height: 129px;border-radius: 50%;color: #fff;font-size: .4rem;background:rgba(255, 253,252,.2);display: flex;align-items: center;justify-content: center;top: 40%;left: 60%;}
.video .container img{border-radius:30px;}
@media(max-width: 1439px){
    .video i{left: 50%;transform: translate(-50%,-50%);top: 50%;}
}
@media(max-width: 1365px){
    .video i{width: 90px;height: 90px;font-size: 24px;}
}
@media(max-width: 1199px){
    .video .container img{min-height: 600px;object-fit: cover;object-position:40% center;}
}
@media(max-width: 991px){}
@media(max-width: 767px){
    .video .container img{min-height: 500px;}
}

.company{background: url(../images/about.png) no-repeat;/* background-size: 90%; */background-color: #f2f1f8;background-position: 10% 50%;}
.company .tit{flex-wrap: wrap;}
.company .tit .title{width: 100%;margin-top: .3rem;}
.company .tit ul{color: #818194;margin-top: .5rem;}
.company .tit ul i{border-radius: 50%;width: 16px;height: 16px;color: #fff;font-size: 12px;background: #626a98;display:flex;align-items: center;justify-content: center;margin-right: 10px;}
.company .tit ul span{width: calc(100% - 20px);}
.company .tit ul li{display: flex;align-items: center;font-size: 14px;margin-bottom: 14px;}

.company .cont{padding-left: 42%;}
.company .cont p{color:#1a1527;font-size: 16px;line-height:2;}
.company .cont b{font-size: 18px;color: #1a1527;margin-bottom: 20px;display: block;;}
.company .cont a{margin-top: 50px;}

.company .bottom{display:inline-flex;justify-content: space-between;width: 100%;margin-top: 1rem;flex-wrap: wrap;}
.company .bottom .item{width: 23%;background: #e3e2ea;border-radius: 20px;padding: 30px 45px;display:flex;flex-wrap: wrap;row-gap:.5rem;transition: all .3s ease-in-out;}
.company .bottom .item:hover{background: #9068ee;}
.company .bottom .item .img{display: flex;align-items:flex-start;justify-content:space-between;width: 100%;gap: 10px;}
.company .bottom .item .img img{transition:all .3s ease-in-out;}
.company .bottom .item:hover .img img{transform: rotateY(360deg);filter:brightness(10);}
.company .bottom .item .img>p{font-size: 24px;color: #1a1527;font-weight: bold;}
.company .bottom .item:hover .img>p{color: #fff;}
.company .bottom .item .txt{width: 100%;color: #555160;font-size: 14px;}
.company .bottom .item:hover .txt{color: rgba(255, 255, 255,.6);}
.company .bottom .item:nth-child(2){animation-delay: .1s;}
.company .bottom .item:nth-child(3){animation-delay: .2s;}
.company .bottom .item:nth-child(4){animation-delay: .3s;}
@media(max-width: 1599px){
    .company{background-size: 30%;background-position: 10% 40%;}
}
@media(max-width: 1439px){
    .company{background-size: 30%;}
    .company .bottom .item .img>p{font-size: 18px;}
    .company .bottom .item{padding: 30px;}
}
@media(max-width: 1365px){
    .company .cont{padding-left:30%;}
}
@media(max-width: 1199px){
    .company .cont{padding-left:30%;}
}
@media(max-width: 991px){
    .company{background:#f2f1f8;background-size: 24%;}
    .company .tit .subtit {margin-bottom: 40px;width: 100%;}
    .company .cont{padding-left: 0;}
    .company .bottom{row-gap: 20px;}
    .company .bottom .item{width: 48%;}

}
@media(max-width: 767px){
    .company{background-position: bottom right;}
    .company .cont b{margin-bottom: 20px;display: block;}
    .company .cont p{font-size: 14px;}

}
@media(max-width: 630px){

}

.cer {width: 100vw; background: #f2f1f8;}
.cer .c-list { display: flex; flex-wrap: wrap; align-items: flex-start; margin: 0 -15px -30px }
.cer .c-list li { padding: 0 15px 30px; width: 20% }
.cer .c-list .c-wrap { display: block }
.cer .c-list .c-wrap .c-img-box { overflow: hidden; }
.cer .c-list .c-wrap .c-img-box img { width: 100%; height: 100%; object-fit: cover; transition: all 1s;}
.cer .c-list .c-wrap .c-title {margin-top: .2rem;font-size: 20px; line-height:1.2; color: #9068ee; font-weight: bold;transition: .5s; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1;text-align: center; }
.cer .c-list .c-wrap .c-text { font-size: 14px; line-height: 24px; color: #666; margin-top: 10px; }
.cer .c-list .c-wrap .c-text i { color:#9068ee; font-size: .3rem; margin-right: 10px;transform: rotate(-45deg);display: inline-block;}
.cer .c-list .c-wrap .c-text font { text-decoration: underline;color: #9068ee; }
.cer .c-list .c-wrap:hover .c-img-box img { transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05) }
.cer .c-list .c-wrap:hover .c-title { color: #9068ee }

@media(min-width:992px) and (max-width:1199px) {
    .cer .c-list li { width: 33.333% }
}

@media(min-width:768px) and (max-width:992px) {
    .cer .c-list li { width: 50% }
    .cer .c-list .c-wrap .c-img-box img { object-position: center center; }
}

@media(max-width:767px) {
    .cer .c-list li { width: 100% }
    .cer .c-list .c-wrap .c-img-box img { object-position: center center; }
}

.certificates{background: #171717;}
.certificates .tit{flex-wrap: wrap; margin-bottom: .4rem;}
.certificates .tit .subtit{width: auto;}
.certificates .tit .subtit p{background: rgb(227,226,234,0.18);border: 1px solid #e1def5;color: #fff;}
.certificates .title{width: 100%;margin-top: .3rem;display: flex;flex-wrap: wrap; }
.certificates .title h2{color: #fff;margin-bottom: 0;}
.certificates .select {display:flex;gap: 8px;margin-bottom: .7rem;}
.certificates .select .select-item{font-size: 14px;background: #fff;color: #1b1b1b;border-radius:20px;overflow: hidden;padding:10px 28px;cursor: pointer;transition: all .3s ease-in-out;}
.certificates .select .select-item:hover,.certificates .select .select-item.active{background: #8f68ed;color: #fff;}
.certificates .cont{display:flex;flex-wrap: wrap;align-items: center;position: relative;display:none;}
.certificates .cont.active{display: flex;}
.certificates .cont .swiper a{display: block;border-radius: .4rem;overflow: hidden;}
.certificates .cont .swiper a img{width: 100%;height:100%;object-fit: cover;transition: all .3s ease-in-out;}
.certificates .cont .swiper a:hover img{transform: scale(1.05);}
.cer-t{width: 20%;max-height: 500px;}
.cer-t .swiper-slide{padding: 30px 0;border-top: 1px solid rgba(235,239,244,0.2);}
.cer-t .swiper-slide-thumb-active{border-top: 1px solid #fff;}
.cer-t .swiper-slide p{color:rgba(235,239,244,0.2);font-size: 24px;font-weight: bold;}
.cer-t .swiper-slide-thumb-active p{color:#fff;}
.product-swiper{position: relative;}

.product-swiper .swiper-slide a{border-radius: 40px;overflow: hidden;display: block;}
.product-swiper .swiper-slide img{ display:block;width: 100%;height: 100%;object-fit: cover;transition: all .3s ease-in-out;}
.product-swiper .swiper-slide:hover img{transform: scale(1.05);}
.cer-btn{}
.cer-prev{left:-29px;}
.cer-next{right: -29px;}
.cer-prev,.cer-next{border: 1px solid #1a1527;position:absolute;margin-top: .5rem;bottom: 50%;transform:translateY(50%);z-index: 2;width:58px;height:58px;display:flex;align-items: center;justify-content: center;background: #fff;border-radius: 50%;transition: all .3s ease-in-out;}
.cer-prev i,.cer-next i{font-size: 20px;}
.cer-prev:hover,.cer-next:hover{background: #8f68ed;color: #fff;border: 1px solid #8f68ed;}
@media(max-width: 1599px){
    .cer-t{width: 23%;}
    .swiper .swiper-slide a{border-radius: 30px;}
}
@media(max-width: 1439px){
    .cer-t .swiper-slide{padding: 20px 0;}
    .cer-t .swiper-slide p{font-size: 20px;}
    .swiper .swiper-slide a{border-radius: 20px;}
    .certificates .cont .swiper a{border-radius: 30px;}
}
@media(max-width: 1365px){
}
@media(max-width: 1199px){
    .swiper .swiper-slide a{border-radius: 10px;}
    .certificates .cont .swiper a{border-radius: 20px;}
}
@media(max-width: 991px){
    .cer-t{width: 100%; position: absolute !important;bottom: 120px;left: 0;}
    .cer-t .swiper-slide-thumb-active{border-top: 0;}
    .cer-t .swiper-slide{border-top: 0;}
    .cer-t .swiper-slide p{text-align: center;}
    .certificates .title h2{text-align: center;}
    .swiper{width: 100%;}
    .swiper .cer-btn{ }
}
@media(max-width: 767px){
    .certificates{background: #f2f1f8;}
    .certificates .select{flex-wrap: wrap;}
    .certificates .container{background:#171717;border-radius: 20px;padding: 40px 20px;}
    .swiper .cer-prev, #certify .cer-next{width: 50px;height: 50px;}
}
@media(max-width:630px){
    .cer-t{bottom: 140px;}
    .swiper .cer-btn{ }
}







.faq .tit{display: flex;justify-content: center;flex-wrap: wrap;}
.faq .subtit{width: 100%;display: flex;justify-content: center;}
.faq .title{justify-content: center;width: 100%;text-align: center;margin-top: .3rem;}
.faqbox{display: inline-block;margin: 20px 0;width: 100%;padding: 0 17%;}
.faq .asks{text-align: left;position: relative;width: 100%;float: left;margin-bottom:10px;display: flex;justify-content: space-between;align-items: center;}
.faq .faqbox .asks p{float: left;margin: 0;color: #1e1f22;font-size: 30px;flex: 1;}
.faq .faqbox.active .asks p{color: #8f68ed;}
.faq .faqbox .asks i{color: #1e1f22;border-radius: 50%;font-size:20px;margin-right: 20px;font-style: normal;}
.faq .faqbox.active .asks i{color:#8f68ed;}
.faq .asks i:last-child{width: 40px;height: 40px;display:flex;align-items: center;justify-content: center;margin-right: 0;color:#1a1527;border: 1px solid transparent;float: right;transition: all .3s ease-in-out;}
.faq .faqbox.active .asks i:last-child{transform:rotate(180deg);background:#8f68ed;color: #fff;}
.faq .asks i:last-child:hover{background: #8f68ed;color: #fff;}
.faq .answer{float: left;display: flex;align-items: end;margin-bottom: 18px;display: none;}
.faq .answer p{width: 100%;margin-bottom: 0;font-size: 16px;color:#1a1527;padding:0 40px;line-height: 2;}
.faq .faqbtn{display: flex;justify-content: center;float: left;width: 100%;}
.faq .faqbtn a{padding: 0 10px 0 25px;background: #000e4a;}
.faq .faqbtn a span{color: #fff;}
.faq .faqbtn a>i{background: #fff;color: #000e4a;font-size: 20px;transform: rotate(45deg);}
.faq .faqbtna:hover i{background: #000e4a;color: #fff;transform: rotate(360deg);}
.faq .faqbtn a:hover span{color: #000e4a;}
.faq .index-btn{display: inline-flex;justify-content:center;width: 100%;margin-top: .3rem;}
@media(max-width: 1599px){
    .faq .faqbox .asks p{font-size: 28px;}
}
@media(max-width: 1439px){
    .faqbox{padding: 0 10%;}
    .faq .faqbox .asks p{font-size: 24px;}
    .faq .answer p{font-size: 14px;}
}
@media(max-width: 1365px){

}
@media(max-width: 1199px){
    .faq .faqbox .asks p{font-size: 20px;}
}
@media(max-width: 991px){
    .faqbox{padding: 0;margin: 0;}
    .faq .title h2{width: 100%;}
}
@media(max-width: 767px){
    .faq .title h2{text-align: center;}
    .faq .asks{margin-bottom: 20px;}
    .faq .asks p{font-size: 12px;border-radius: 35px;width: auto;padding: 15px 0;text-align: left;}
    .faq .asks i{/* top:50%; *//* transform:translateY(-50%); */}
    .faq .answer p{font-size: 14px;border-radius:16px}
    .faq .faqbtn a{width: 100%;justify-content: space-between;padding: 0 5px 0 25px;}
    .faq .faqbtn a span{flex: 1;text-align: center;margin-right: 0;font-size: 14px;}
    .faq .faqbtn{margin-bottom: 40px;}
}

.introduction{}
.introduction .tit .subtit{width: 22%;}
.introduction .title{width: 78%;margin-top: 0;}
.introduction .cont p{padding-left: 22%;line-height: 2;}
.introduction .design{margin-top: 1rem;}
.introduction .design h5{font-size: 24px;color: #555160;font-weight: bold;margin-bottom: .6rem;}
.introduction .design .swiper{overflow: visible;}
.introduction .design .swiper-slide {background: #fff;border-radius:20px;overflow: hidden;}
.introduction .design .swiper-slide .txt{padding: 35px;}
.introduction .design .swiper-slide .txt .btnlist{display: flex;align-items: center;gap:16px;margin-top: 20px;flex-wrap: wrap;}
.introduction .design .swiper-slide .txt .btnlist a{font-size: 14px;color: #555160;border-radius: 20px;padding: 9px 20px;border: 1px solid #666;}
.introduction .design .swiper-slide .txt .btnlist a:hover{background: #555160;color: #fff;}
.introduction .design .swiper-slide .txt .btnlist a:nth-child(2){color: #8f68ed;background: #fff;border: 1px solid #8f68ed;}
.introduction .design .swiper-slide:hover .txt .btnlist a:nth-child(2){color: #fff;background: #8f68ed;}
.introduction .swiper-bottom{display:flex;align-items: center;justify-content: space-between;margin-top:64px;}
.introduction .swiper-bottom .bottom-btn{display: flex;gap:4px;}
.introduction .swiper-bottom i{background: #fff;width:60px;height: 60px;border-radius: 50%;border: 1px solid #1a1527;display: flex;align-items: center;justify-content: center;font-size: 20px;transition: all .3s ease-in-out;}
.introduction .swiper-bottom i:hover{background: #563e98;color: #fff;}
.introduction .swiper-bottom .txt{position: relative;}
.introduction .swiper-bottom .txt::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, rgba(242,241,248,0) 0%, rgba(242,241,248,0.3) 70%,  rgba(242,241,248,0.6) 100%); pointer-events: none;}
.introduction .swiper-bottom .txt p{color: #555160;font-size: 14px;}
@media(max-width: 1439px){
    .introduction .design .swiper-slide .txt{padding: 25px;}
}
@media(max-width: 1365px){}
@media(max-width: 1199px){
    .introduction .design .swiper-slide{border-radius: 10px;}
}
@media(max-width: 991px){
    .introduction .tit{flex-wrap: wrap;}
    .introduction .tit .subtit{width: 100%;}
    .introduction .title{width: 100%;}
    .introduction .cont p{padding-left: 0;font-size: 14px;}
    .introduction .design .swiper-slide .txt{padding: 15px;}
    .introduction .swiper-bottom .bottom-btn{position: absolute;width: 100%;top: 50%;transform: translateY(-100%);z-index: 2;justify-content: space-between;}
}
@media(max-width: 767px){}






.process{float: left;width: 100%;overflow: hidden;z-index: 2;position: relative;}
.process .tit{flex-wrap: wrap;}
.process .tit .subtit{width: 100%;display: flex;justify-content: center;}
.process .title{width: 100%;text-align: center;margin-top: .3rem;}
.process .top{float: left;width: 100%;position: relative;margin-bottom: 40px;}
/* .process .top::before{content: " ";display:block;position: absolute;top: 80px;background: #e5e5e5;width: 200%;height: 1px;left: -50%;} */
.process .top .item{display: flex;flex-direction: column;align-items: center;position: relative;cursor: pointer;}
.process .top .item::after{content: " ";width:10px;height: 10px;background: #1b1d2e;position: absolute;top: 75px;left: calc(50% - 5px);border-radius: 50%;}
.process .top .item:hover::after{background: #8f68ed;}
.process .top .swiper-slide-thumb-active .item::after{background: #8f68ed;}
.process .top .item>i{font-size: 46px;color: #555160}
.process .top .item:hover>i{color: #8f68ed;}
.process .top .swiper-slide-thumb-active .item>i{color: #8f68ed;}
.process .top .item p{text-align: center;margin: 30px 0 0 0;font-weight: bold;}
.process .top .item:hover p{color: #8f68ed;}
.process .top .swiper-slide-thumb-active .item p{color: #8f68ed;}
.process .top .btn {display: none;color: #666666; font-size: 22px; font-weight: bold; background: #fff; width: 25px; height: 50px; border-radius: 30px; border: 1px solid #e8e8e8; position: absolute; top:53px; z-index: 9;padding: 0;line-height: 50px;}
.process .top  .btn i{font-size: 16px;color: #1b1d2e;}
.process .top  .btn:hover { background: #1b1b1b; color: #fff; border: 1px solid #1b1b1b; }
.process .top  .btn:hover i{color: #fff;}
.process .top  .btn-prev { left: 0; }
.process .top  .btn-next { right:0; }
.process .button{display: inline-flex;text-align: center;width: 100%;justify-content: center;margin-bottom: .6rem;}

.process .bottom{float: left;width: 100%;position: relative;margin-top: 40px;display: flex;justify-content: center;}
.process .bottom>.swiper{border-radius: 30px;margin: 0 10%;}
.process .bottom>.swiper .swiper-slide{background: #fff;border-radius: 30px;overflow: hidden;}
.process .bottom>.swiper .swiper-slide .txt{padding:  30px 70px;}
.process .bottom>.swiper .swiper-slide h6{font-size:20px;color: #1a1527;font-weight: bold;margin-bottom: 20px;}
.process .bottom>.swiper .swiper-slide p{font-size: 16px;color: #1a1527;line-height: 2;}
.process .bottom>.btnlist>div{position: absolute;z-index: 2;color: #1a1527;background: #fff;width: 56px;height: 56px;border-radius: 50%;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;border: 1px solid #1a1527;transition: all 0.3s ease-in-out;}
.process .bottom>.btnlist>.btn-prev{left: 0;}
.process .bottom>.btnlist>.btn-next{right: 0;}
.process .bottom>.btnlist>div:hover{background: #8f68ed;color: #fff;border: 1px solid #8f68ed;}
.process .bottom>.btnlist>div i{font-size: 20px;}
.process .bottom .circle .swiper-slide{display: flex;justify-content: center;}
.process .bottom .circle .swiper-slide .img{border-radius:50%;width: 600px;height:600px;overflow: hidden;filter: brightness(0.8);transition: all 0.2s ease-in-out;}
.process .bottom .circle .swiper-slide:hover .img{filter: brightness(0.5);}
.process .bottom .circle .swiper-slide .img img{width: 100%;height: 100%;object-fit: cover;}
.process .bottom .circle .swiper-slide h4,.process .bottom .circle .swiper-slide p,.process .bottom .circle .swiper-slide a{position: absolute;color: #fff;width: 70%;}
.process .bottom .circle .swiper-slide p{text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:4;display: -webkit-box; -webkit-box-orient: vertical;}
.process .bottom .circle .swiper-slide h4{text-align: center;top: 35%;font-size: 22px;font-weight: bold; -webkit-transform: rotate(0) translate3d(0, 1.2rem, 0);transform: rotate(0) translate3d(0, 1.2rem, 0);transition: opacity 1.2s cubic-bezier(.38,0,0,1), transform 1.2s cubic-bezier(.38,0,0,1), -webkit-transform 1.2s cubic-bezier(.38,0,0,1);}
.process .bottom .circle .swiper-slide:hover h4{transform: translateZ(0);opacity: 1;}
.process .bottom .circle .swiper-slide p{opacity: 0;;top: 50%;color: #ececec; -webkit-transform: rotate(0) translate3d(0, 1.3rem, 0);transform: rotate(1deg) translate3d(0, 1.3rem, 0);    transition: opacity .7s cubic-bezier(.38,0,0,1), transform .7s cubic-bezier(.38,0,0,1), -webkit-transform .7s cubic-bezier(.38,0,0,1);}
.process .bottom .circle .swiper-slide:hover p{transform: translateZ(0);opacity: 1;}
.process .bottom .circle .swiper-slide a{bottom: 4%;text-align: center;width: auto;}
.process .bottom .circle .swiper-slide a>i{color: #8f68ed;display: block;float: right;transition: all 0.3s ease-in-out;}
.process .bottom .circle .swiper-slide:hover a>i{color: #8f68ed;transform:scaleY(-1);}
.process .bottom .circle .btnlist .btn {color: #666666; font-size: 22px; font-weight: bold; background: #fff; width: 50px; height: 50px; border-radius: 30px; border: 1px solid #e8e8e8; position: absolute; top: 50%; z-index: 9; }
.process .bottom .circle .btnlist .btn i{font-size: 24px;color: #1b1d2e;}
.process .bottom .circle .btnlist .btn:hover { background: #1b1b1b; color: #fff; border: 1px solid #1b1b1b; }
.process .bottom .circle .btnlist .btn:hover i{color: #fff;}
.process .bottom .circle .btnlist .btn-prev { left: 0; }
.process .bottom .circle .btnlist .btn-next { right:0; }

.process .circle{float: left;width:600px;height:600px;border-radius: 50%;overflow: hidden;z-index: 2;margin-top:70px;position: absolute;}
.process .ring{position: relative;height: 740px;width: 100%;overflow: hidden;}
.process .ring::after{content: "";position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:880px;height: 880px;border: 1px solid #555160;border-radius: 50%;}
.process .ring .item{display: flex;align-items: center;gap: .7rem;position: absolute;width: max-content;transform-origin: center;z-index: 2;}
.process .ring .item i{width: 100px;height: 100px;display:flex;align-items: center;justify-content: center;font-size:42px;background: #e3e2ea;color: #555160;border-radius: 50%;transition: all .3s ease-in-out;}
.process .ring .item.active i{background: #8f68ed;color: #fff;box-shadow: 0 0 10px 0 #55516054;}
.process .ring .item .txt{text-align: center;}
.process .ring .item p{font-size: 18px;color: #1a1527;font-weight: bold;transition: all .3s ease-in-out;}
.process .ring .item.active p{color: #8f68ed;}
.process .ring .item:nth-child(1){left: 13%;top: 10%;}
.process .ring .item:nth-child(2){left: 13%;top: 32%;}
.process .ring .item:nth-child(3){left: 11%;bottom: 32%;}
.process .ring .item:nth-child(4){left: 16%;bottom: 10%;}
.process .ring .item:nth-child(n+5){flex-direction: row-reverse;}
.process .ring .item:nth-child(5){right: 15%;top: 10%;}
.process .ring .item:nth-child(6){right: 4%;top: 32%;}
.process .ring .item:nth-child(7){right: 10%;bottom: 32%;}
.process .ring .item:nth-child(8){right: 13%;bottom: 10%;}



@media(max-width: 1599px){
    .process .circle{margin-top: 60px;}
    .process .ring{height: 720px;}
    .process .ring .item{gap: 20px;}
    .process .ring .item:nth-child(1){left: 7%;}
    .process .ring .item:nth-child(2){left: 7%;}
    .process .ring .item:nth-child(3){left: 4%;}
    .process .ring .item:nth-child(4){left: 11%;}
    .process .ring .item:nth-child(5){right: 9%;}
    .process .ring .item:nth-child(6){right: -4%;}
    .process .ring .item:nth-child(7){right: 5%;}
    .process .ring .item:nth-child(8){right: 7%;}
}
@media(max-width: 1439px){
    .process .top .swiper{padding: 0 40px;}
    .process .top .btn{display: block;}
    .process .bottom .circle .swiper-slide h4{text-align: center;}
    .process .circle{width: 400px;height: 400px;margin-top: 45px;}
    .process .ring .item i{width: 80px;height: 80px;font-size: 32px;}
    .process .ring{height:500px;}
    .process .ring::after{width: 600px;height: 600px;}
    .process .ring .item p{font-size: 16px;}
    .process .ring .item:nth-child(1){left: 13%;}
    .process .ring .item:nth-child(2){left: 9%;}
    .process .ring .item:nth-child(3){left: 9%;}
    .process .ring .item:nth-child(4){left: 13%;}
    .process .ring .item:nth-child(5){right: 14%;}
    .process .ring .item:nth-child(6){right: 9%;}
    .process .ring .item:nth-child(7){right: 9%;}
    .process .ring .item:nth-child(8){right: 14%;}
    .process .bottom .circle .swiper-slide .img{width: 400px;height: 400px;}
}
@media(max-width: 1365px){
    .process .ring .item:nth-child(1){left: 13%;}
    .process .ring .item:nth-child(2){left: 14%;}
    .process .ring .item:nth-child(3){left: 11%;}
    .process .ring .item:nth-child(4){left: 17%;}
    .process .ring .item:nth-child(5){right: 14%;}
    .process .ring .item:nth-child(6){right: 2%;}
    .process .ring .item:nth-child(7){right: 11%;}
    .process .ring .item:nth-child(8){right: 13%;}
}
@media(max-width: 1199px){
    .process{border-radius:0;}
    .process .ring{height: 500px;}
    .process .ring::after{width: 600px;height: 600px;}
    .process .ring .item p{font-size: 14px;}
    .process .ring .item p:nth-last-child(1){display: none;}
    .process .ring .item:nth-child(1){left: 13%;}
    .process .ring .item:nth-child(2){left: 9%;}
    .process .ring .item:nth-child(3){left: 9%;}
    .process .ring .item:nth-child(4){left: 13%;}
    .process .ring .item:nth-child(5){right: 14%;}
    .process .ring .item:nth-child(6){right: 9%;}
    .process .ring .item:nth-child(7){right: 9%;}
    .process .ring .item:nth-child(8){right: 13%;}
}
@media(max-width: 991px){
    .process{border-radius: 0 ;padding-top: 40px;}
    .process .title{margin-top: 0;}
    .process .tit h2{width: 100%;text-align: left;margin-top: 20px;}
    .process .tit h2 br{display: none;}
    .process .tit span{padding: 7px 20px;}
    .process .circle{width: 500px;height: 500px;margin-top:0px;position: relative;}
    .process .bottom{margin-top: 0;}
    .process .bottom>.swiper .swiper-slide .txt{padding: 30px;border-radius: 20px;}
    .process .bottom .circle .swiper-slide .img{width:500px;height: 500px;}
    .process .ring{height: auto;display: none;}
    .process .ring .item{display: none;}
    .process .ring::after{display: none;}
}
@media(max-width: 767px){
    .process{margin-top:0;padding-bottom: 20px;}
    .process .bottom .circle .swiper-slide h4{top: 20%;}
    .process .bottom .circle .swiper-slide p{font-size: 14px;}
    .circle--rotate > li .icon{width: 80px;height: 80px;}
    .process .circle{width:300px;height:300px;margin-top: 0;}
    .process .bottom .circle .swiper-slide .img{width: 300px;height: 300px;}
    .circle--rotate{margin-top: 20px;width: 90%;height: 90%;}
    .circle--rotate > li .icon .txt p{display: none;}
}
@media(max-width: 500px){
    .process .top{margin-bottom: 0;}
    .process .bottom .circle .swiper-slide p{display: none;}
    .process .bottom .circle .swiper-slide h4{top: 10%;font-size: 16px;}
    .process .circle{width: 100%;height: 260px;margin-top:30px;}
    .process .bottom .circle .swiper-slide .img{width: 260px;height: 260px;}
    .circle--rotate > li .icon .img .arrow{display: none;}
    .process .bottom .circle .swiper-slide a{display: none;}
}
@media(max-width: 344px){
    .process .circle{width:120px;height:120px;margin-top:100px;}
    .process .bottom .circle .swiper-slide .img{width: 120px;height: 120px;}
}

.Budget .tit{flex-wrap: wrap;}
.Budget .title{width: 100%;margin-top: .2rem;display: flex;justify-content: space-between;}
.Budget .title h2{width: 56%;}
.Budget .title p{width: 34%;text-align: right;}
.Budget .bottom{position: relative;}
.Budget .bottom .circle img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);animation: blink 2s infinite;}
.Budget .bottom .circle p{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;font-size: .48rem;}
.Budget .cont {display:flex;flex-wrap: wrap;gap: 12%;padding: 3%;row-gap:2rem;position: relative;z-index: 2;}
.Budget .cont .item{width:40%;display:flex;flex-wrap: wrap;padding: 30px 45px;background: #fff;border-radius:20px;transition:all .3s ease-in-out;}
.Budget .cont .item:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.Budget .cont .item .top{margin-bottom:10px;display:flex;justify-content: space-between;width: 100%;}
.Budget .cont .item .top .tit{flex-direction: column;justify-content: space-between;align-items: self-start;}
.Budget .cont .item .top .tit span{background: #ecebf2;color: #555160;font-size: 18px;border-radius: 20px;padding: 8px 25px;}
.Budget .cont .item .top .tit p{font-size: 18px;color:#1a1527;font-weight: bold;}
.Budget .cont .item .top .img{border-radius: 12px;overflow: hidden;}
.Budget .cont .item .top .img img{width: 100%;/*height: 100%;*/object-fit: cover;aspect-ratio: 1 / 1;}
@media(max-width: 1599px){}
@media(max-width: 1439px){}
@media(max-width: 1365px){}
@media(max-width: 1199px){}
@media(max-width: 991px){
    .Budget .title{flex-wrap: wrap;}
    .Budget .title h2{width: 100%;}
    .Budget .title p{width: 100%;}
    .Budget .cont{gap: 4%;row-gap: 60px;}
    .Budget .cont .item{width: 48%;padding: 20px 35px;}
    .Budget .cont .item .txt p{font-size: 14px;}
    .Budget .cont .item .top .img{width: 100px;height: 100%px}
}
@media(max-width: 767px){
    .Budget .cont .item{width: 100%;}
}


.installation{background: #f2f1f8;overflow: hidden;width: 100%;}
.installation .main{background: #1b1b1b;border-radius: 40px;}
.installation .tit{flex-wrap: wrap;}
.installation .tit .subtit{width: 100%;margin-bottom: .2rem;}
.installation .title{width: 54%;}
.installation .title h2{color: #fff;}
.installation .cont{display: flex;flex-wrap: wrap;justify-content: space-between;}
.installation .left{width: 48%;background: #1b1b1b;padding-right: 3%;z-index: 2;}
.installation .right{width: 52%;overflow: hidden;}
.installation .left .thumbsSwiper{height:66%;}
.installation .left .thumbsSwiper .swiper-slide-thumb-active p{color: #fff;}
.installation .left .thumbsSwiper p{font-size:24px;color: rgba(255,255,255, 0.4);transition: all 0.3s ease-in-out;}

.installation .left .txt p{color: rgba(255, 255, 255,.6);}
.installation .right .gallerySwiper .swiper-slide{border-radius: 27px;overflow: hidden;}
.installation .right .gallerySwiper .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.installation .right .btnlist{color: #fff;display: flex;justify-content:right;align-items: center;margin-top: 20px;gap:20px;}
.installation .right .btnlist>div{border-radius:50%;overflow: hidden;}
.installation .right .btnlist i{height: 58px;width: 58px;display: inline-flex;align-items: center;justify-content: center;color:#1a1527;background: #fff;font-style: normal;}
.installation .right .btnlist i:hover{background: #8f68ed;color: #fff;}
@media(max-width: 1599px){
    .installation .left .thumbsSwiper p{font-size: 20px;}
}
@media(max-width: 1439px){
    .installation .left .thumbsSwiper p{font-size: 18px;}
    .installation .left .txt p{font-size: 14px;}
}
@media(max-width: 1365px){}
@media(max-width: 1199px){
    .installation .main{border-radius: 30px;}
    .installation .left .thumbsSwiper p{font-size: 16px;}
}
@media(max-width: 991px){
    .installation .title{width: 100%;}
    .installation .left{width: 100%;order: 2;}
    .installation .left .thumbsSwiper{display: none;}
    .installation .right{width: 100%;}
    .installation .right .btnlist{justify-content: space-between;position: absolute;top: 50%;;width: 100%;z-index: 2;left: 0;}
    .installation .left .txt p{margin-top: 20px;}
}
@media(max-width: 767px){}


.superior-introduction .tit{flex-wrap: wrap;}
.superior-introduction .tit .subtit{width: 100%;display:flex;justify-content: center;}
.superior-introduction .title{width: 100%;margin-top: .2rem;}
.superior-introduction .title h2{text-align: center;}
.superior-introduction .cont{display: flex;flex-wrap: wrap;justify-content: center;gap:30px;row-gap: 30px;margin-bottom: 30px;place-items: flex-end;}
.superior-introduction .cont .item{transition: all .3s ease-in-out;height: 230px;width: 23%;background: #e3e2ea;border-radius: 30px;overflow: hidden;padding: 40px;display: flex;flex-direction: column;justify-content: space-between;margin-block-end: auto;}
.superior-introduction .cont .item:hover{height: 300px}
.superior-introduction .cont .item .img{margin-bottom: .4rem;position: relative;}
.superior-introduction .cont .item .img i{background: #fff;width: 51px;height: 51px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 25px;}
.superior-introduction .cont .item .img j{position: absolute;left: 0;top: 0;background: #fff;border-radius: 50%;border: 1px solid #e3e2ea;width:20px;height:20px;font-size: 10px;display: flex;align-items: center;justify-content: center;}
.superior-introduction .cont .item p{font-size: 14px;color: #555160;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:3;display: -webkit-box; -webkit-box-orient: vertical;transition: all 0.3s ease-in-out;}
.superior-introduction .cont .item:hover p{-webkit-line-clamp:unset;}
@media(max-width: 1599px){
    .superior-introduction .cont .item{padding: 30px;}
}
@media(max-width: 1439px){}
@media(max-width: 1365px){}
@media(max-width: 1199px){
    .superior-introduction .cont{justify-content: left;column-gap: 2%;row-gap: 20px;}
    .superior-introduction .cont .item{width: 32%;border-radius: 20px;}
}
@media(max-width: 991px){}
@media(max-width: 767px){
    .superior-introduction .cont .item{height:240px;}
    .superior-introduction .cont .item:hover{height:240px;}
    .superior-introduction .cont .item{width: 100%;}
}


.inspiration .title{margin-top: 0;}
.inspiration .tit{margin-bottom: .5rem;}
.inspiration .swiper-slide{overflow: hidden;position: relative;}
.inspiration .swiper-slide a{display: block;transition: all .3s cubic-bezier(0.075, 0.82, 0.165, 1);width: 100%;height: 100%;}
.inspiration .swiper-slide a h4{font-size: 24px;color: #1a1527;font-weight: bold;font-family: 'myriadpro';height: 58px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:2;display: -webkit-box; -webkit-box-orient: vertical;}
.inspiration .swiper-slide a .txt{margin-bottom: .4rem;}
.inspiration .swiper-slide a .txt h4{margin-bottom: .4rem;}
.inspiration .swiper-slide a .txt p{height: 63px;font-size: 14px;color: #555160;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:3;display: -webkit-box; -webkit-box-orient: vertical;}
.inspiration .swiper-slide a .img{border-radius: 20px;overflow: hidden;}
.inspiration .swiper-slide a .img img{height: 100%;width: 100%;object-fit: cover;transition: all .3s ease-in-out;}
.inspiration .swiper-slide a:hover .img img{scale: 1.05;}
.inspiration .swiper-slide a .bottom{display: none;}

@media(max-width: 1199px){
    .inspiration .swiper-slide:hover a{ transform: translateY(-177px);}
}

.hisList1 { position: absolute; top: -370px; left: 310px; float: left; width: 100%; height: 260px; overflow: hidden; }
.ttgoyear { position: absolute; top: 370px; left: 310px; float: left; width: 100%; height: 520px; overflow: hidden; }
.ttgoyear p { color: #f8f8f9; font-size: 260px; line-height: 260px; }
.hisList1 .swiper-slide { overflow: hidden; margin: 0; cursor: pointer; position: relative; align-items: center; justify-content: center; }
.hisList1 .swiper-slide .item { color: #f8f8f9; font-size: 260px; line-height: 260px; }

.hisList1 .swiper-slide-active .item { color:#1a1527}





.bgpdiv2 { float: left; width: 100%; background: #f6f7f9; padding-bottom: 100px; border-bottom: 1px solid #ddd;}
.bgdiv2_top { float: left; width: 100%; margin-top: 60px }
.bgdiv2_top .h3 { float: left; width: 695px; font-weight: bold; }
.bgdiv2_top p { float: left; margin-left: 20px; width: 695px; margin-top: 25px }
.bgdiv2_top p strong { color: #1a1527; font-size: 16px; }
/* .tjprod { float: left; width: 100%; font-size: 16px; margin-top: 25px; } */
@media(max-width:640px) {
    .bgpdiv2{padding-bottom: 20px;border-bottom: 0;}
    .bgdiv2_top { float: left; width: 100%; margin-top: 40px }
    .bgdiv2_top .h3 { float: left; width: 100%; font-size: 22px }
    .bgdiv2_top p { float: left; margin-left: 0; width: 100%; margin-top: 25px }
    .bgdiv2_midd .item { width: 100%; margin-right: 0; float: left; margin-bottom: 30px }
    .bgdiv2_midd .item:nth-child(2n) { margin-right: 0 }
    .made-trait-list ul li img { width: 100%; height: 250px; }

}

@media(min-width:640px) and (max-width:767px) {
    .bgpdiv2{padding-bottom: 20px;border-bottom: 0;}
    .bgdiv2_top { float: left; width: 100%; margin-top: 40px }
    .bgdiv2_top .h3 { float: left; width: 100%; font-size: 22px }
    .bgdiv2_top p { float: left; margin-left: 0; width: 100%; margin-top: 25px }
    .bgdiv2_midd .item { width: calc((100% - 30px)/2); margin-right: 30px; float: left }
    .bgdiv2_midd .item:nth-child(2n) { margin-right: 0 }
    .made-trait-list ul li { height: auto; padding-bottom: 25px; }

}

@media(min-width:768px) and (max-width:991px) {
    .bgpdiv2{padding-bottom: 40px;border-bottom: 0;}
    .bgdiv2_top { float: left; width: 100%; margin-top: 40px }
    .bgdiv2_top .h3 { float: left; width: 100%; font-size: 22px }
    .bgdiv2_top p { float: left; margin-left: 0; width: 100%; margin-top: 25px }
    .bgdiv2_midd .item { width: calc((100% - 30px)/2); margin-right: 30px; float: left }
    .bgdiv2_midd .item:nth-child(2n) { margin-right: 0 }

}

@media(min-width:992px) and (max-width:1199px) {
    .bgdiv2_top { float: left; width: 100%; margin-top: 40px }
    .bgdiv2_top .h3 { float: left; width: 100% }
    .bgdiv2_top p { float: left; margin-left: 0; width: 100%; margin-top: 25px }
    .bgdiv2_midd .item { width: calc((100% - 30px)/2); margin-right: 30px; float: left }
    .bgdiv2_midd .item:nth-child(2n) { margin-right: 0 }
    
}

@media(min-width:1200px) and (max-width:1365px) {
    .bgdiv2_top .h3 { float: left; width: calc((100% - 30px)/2) }
    .bgdiv2_top p { float: left; margin-left: 30px; width: calc((100% - 30px)/2); margin-top: 25px }
    .bgdiv2_midd .item { width: calc((100% - 30px)/2); margin-right: 30px; float: left }
    .bgdiv2_midd .item:nth-child(2n) { margin-right: 0 }
    
}

@media(min-width:1366px) and (max-width:1439px) {
    .bgdiv2_top .h3 { float: left; width: calc((100% - 30px)/2) }
    .bgdiv2_top p { float: left; margin-left: 30px; width: calc((100% - 30px)/2); margin-top: 25px }
    .bgdiv2_midd .item { width: calc((100% - 30px)/2); margin-right: 30px; float: left }
    .bgdiv2_midd .item:nth-child(2n) { margin-right: 0 }

}

@media(min-width:1440px) and (max-width:1599px) {
    .bgdiv2_top .h3 { float: left; width: calc((100% - 30px)/2) }
    .bgdiv2_top p { float: left; margin-left: 30px; width: calc((100% - 30px)/2); margin-top: 25px }
    .bgdiv2_midd .item { width: calc((100% - 30px)/2); margin-right: 30px; float: left }
    .bgdiv2_midd .item:nth-child(2n) { margin-right: 0 }
}

.plabtoo { margin-top: 50px; float: left; width: 100% }
.plabtoo .txt { padding-top: 20px }
.plabtoo .txt h3 { font-size: 36px; margin-bottom: 20px; color: #333; margin: 0 }
.plabtoo .txt p { font-size: 16px; line-height: 1.875; color: #666; margin: 0 }
.plabtoo .txt2 h3{font-weight: bold;}
.plfqes ul { float: left; width: 100%; margin: 0; padding: 5px 0; list-style: none }
.plfqes ul li { float: left; width: 100%; cursor: pointer; border-bottom: 1px solid #ddd; padding-top: 18px; padding-bottom: 18px }
.plfqes ul li span.tttd { float: left; color: #333; font-weight: bold; }
.plfqes ul li i { float: right; color: #fff; font-size: 20px;background:#666;width: 24px;height: 24px;border-radius: 50%;text-align: center;line-height: 24px;font-size: 14px;}
.plfqes ul li p { float: left; width: 100%; color: #666; font-size: 14px; margin-top: 10px; display: none }
.plfqes ul li.hover i { transform: rotate(180deg); -webkit-transform: rotate(180deg);background: #1a1527;}
.plfqes ul li.hover p { display: block }

@media(min-width:1082px) {

    .plabtoo .txt2 h3 { margin: 0; width: 30%; float: left }
    .plabtoo .txt2 .plfqes { margin: 0; width: calc(65% - 0.75rem); float: right }
}

@media(min-width:1px) and (max-width:1081px) {
    .plabtoo .txt h3 { margin: 0; width: 100% }
    .plabtoo .txt p { margin: 0; width: 100%; margin-top: 35px }
    .made-white-title2 h4 { font-size: 22px; }
    .plabtoo { margin-top:25px;}
}






/* Products */

.nbframe1{/* position: relative; */float: left;width: 100vw;padding-top: 200px;background: #f2f1f8;}
.nbframe1 .location .txt{width:100%;/* float: left; */margin-top:0;overflow: hidden;}
.nbframe1 .location .txt h1{animation: fadeInRight;width:auto;margin: .2rem 0;font-size:0.85rem;color: #1a1527;font-weight: bold;letter-spacing: -1px;}
.nbframe1 .location .txttitle h1{font-size: 48px;letter-spacing: 0;line-height: 1.5;}
.nbframe1 .location .txt a{color:#1a1527;}
.nbframe1 .location .txt a:not(:first-of-type){color:#555160;}
.nbframe1 .location .txt em{/* background: #666; */}

.nbframe1 .location .txt span{color:#b91c1e;font-size: 30px;float: right;}
.nbframe1 .location .txt ul{height: 0;width: 0;}
.nbframe1 .location .txt .txttitle{width: 100%;}
.nbframe1 .location .framet{width:100%;/* float: left; */margin-top: 30px;}
.nbframe1 .location .framet p{text-align:left;color: #818194;}
.nbframe1 .breadcrumb{margin-bottom: 0;width: 100%;}
.nbframe1 .breadcrumb a{line-height: 1;}
.nbframe1 .breadcrumb i{margin-right: 10px;color: #755895;}

.nbframe2 {background:#f2f1f8;padding-bottom: 0;}
.nbframe2 .location{z-index: 3;top: 200px;margin: 0 auto;position: sticky;position: -webkit-sticky;--crop: 0%;}
.nbframe2 .location .title{z-index: 2;position: relative;height: 100%;padding-bottom: .4rem;}
.nbframe2 .location .position{position: absolute;left: 0;top: 0;z-index: 1;}
.nbframe2 .location .txt{margin-top: 0;}
.nbframe1 .location .txt em{background: #d7c9e2;}
.nbframe2 .location .position .txt em{background: #fff;}
.nbframe2 .location .position .txt h1{color: #fff;}
.nbframe2 .location .framet p{font-weight: normal;}
.nbframe2 .position .breadcrumb i,.nbframe2 .position .breadcrumb a,.nbframe2 .location .position .txt em,.nbframe2 .location .position .txt a:not(:first-of-type),.nbframe1 .location .position .framet p{color: #fff;}
@media(max-width: 1599px){
    .nbframe1 .location .txt h1{font-size: 75px;}
    .nbframe1 .location .txttitle h1{font-size: 46px;}
}
@media(max-width: 1439px){
    .nbframe1 .location .txt h1{font-size: 70px;letter-spacing: -2px;}
    .nbframe1 .location .txttitle h1{font-size: 44px;}
}
@media(max-width: 1365px){
    .nbframe1 .location .txt h1{font-size: 65px;}
    .nbframe1 .location .txttitle h1{font-size: 42px;}
}
@media(max-width:1199px) {
    .nbframe1{padding-top: 150px;}
    .nbframe1 .location .txt h1{font-size: 55px;letter-spacing: 0;}
    .nbframe1 .location .txttitle h1{font-size: 40px;}
    .nbframe2 .location{top: 150px;}
}
@media(max-width:991px) {
    .nbframe1{padding-top:100px;}
    .nbframe1 .location .txt h1{font-size: 50px;}
    .nbframe1 .location .txttitle h1{font-size: 36px;}
    .nbframe1 .location .framet{width: 100%;margin-top: 20px;}
    .nbframe1 .location .framet p{text-align: left;}
    .nbframe2 .location{top: 100px;}
}
@media(max-width:767px) {
    .nbframe1{padding-top:0;}
    .nbframe1 .location .txt h1{font-size: 45px;}
    .nbframe1 .location .txttitle h1{font-size: 32px;}
    .nbframe1 .location .framet{width: 100%;margin-top: 10px;}
    .nbframe1 .location .framet p{text-align:left;font-size: 14px;}
    .nbframe1 .location .txt{width: 100%;}

    .nbframe2{background: #f2f1f8;border-bottom: none;}
    .nbframe2 .location{position:unset;}
    .nbframe2 .location .title{margin-top: .5rem;}
    .nbframe2 .location .position{display: none;}
}
@media(max-width:430px) {
    .nbframe1 .location .txt h1{font-size: 40px;line-height: 1.5;letter-spacing: -1px;}
    .nbframe1 .location .txttitle h1{font-size: 30px !important;}
}






/* contact */
.mapbox .container{background: #202337;padding: 20px;border-radius: 30px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.mapbox .title{width: 100%;}
.mapbox .title h2{color: #fff;}
.mapbox .info{width: 48%;padding: 20px;display: flex;flex-direction: column;}
.mapbox .info .time{color: #fff;}
.mapbox .info .time p{font-size: 18px;font-weight: bold;margin-bottom: 20px;}
.mapbox .info .time span{color: #ddd;font-size: 16px;}
.mapbox .info .ewm {display: flex;gap: 50px;margin-block-start: auto;}
.mapbox .info .ewm img{border-radius: 12px;width:136px;}
.mapbox .info .ewm p{font-size: 14px;color: #fff;font-weight: bold;margin-top: 10px;}
.mapbox .mapcontent{border-radius: 30px;overflow: hidden;position: relative;width: 48%;}
.mapbox .mapcontent img{border-radius: 30px;}
.mapbox .mapcontent .contact-box{width: 55%;background: #202337;position: absolute;border-radius: 22px;top: 20%;right: 30px;}
.mapbox .mapcontent .contact-box .top{padding: 30px 30px 10px;border-bottom: 1px solid #3f4253;}
.mapbox .mapcontent .contact-box .top p{color: #fff;}
.mapbox .mapcontent .contact-box .bottom{padding: 20px 30px;}
.mapbox .mapcontent .contact-box .bottom .item{display: flex;margin-bottom: 10px;gap: 30px;}
.mapbox .mapcontent .contact-box .bottom .item i{color: #9068ee;}
.mapbox .mapcontent .contact-box .bottom .item p{color: rgba(255,255,255, 0.6);font-size: 14px;}
.mapbox .mapcontent .bottom .item{}
@media(max-width: 1599px){
    .mapbox .info .ewm img{width: 100px;}
    .mapbox .mapcontent .contact-box .bottom .item{gap: 20px;}
}
@media(max-width: 1439px){
    .mapbox .info .ewm{margin-top: 10px;}
    .mapbox .info .ewm img{width: 80px;}
    .mapbox .mapcontent .contact-box .top{padding: 25px 20px 10px;}
    .mapbox .mapcontent .contact-box .bottom{padding: 20px;}
}
@media(max-width: 1365px){}
@media(max-width: 1199px){
    .mapbox .info{width: 100%;}
    .mapbox .info .ewm{margin-top: 20px;}
    .mapbox .mapcontent{width: 100%;}
    .mapbox .mapcontent img{width: 100%;height: 100%;object-fit: cover;}
}
@media(max-width: 991px){
    .mapbox .mapcontent .contact-box{width: 80%;}
}
@media(max-width: 767px){
    .mapbox{padding: 0 !important;}
    .mapbox .container{flex-direction: column;}
    .mapbox .mapcontent{border-radius: 10px;}
    .mapbox .mapcontent img{border-radius: 10px;}
    .mapbox .mapcontent .contact-box{position: relative;top: unset;right: unset;width: 100%;}
    .mapbox .mapcontent .contact-box .top{padding: 25px 0 10px;}
    .mapbox .mapcontent .contact-box .bottom{padding: 20px 0 0 0;}
}

.team .tit {align-items: center;}
.team .tit .subtit{width: auto;}
.team .title{width: 90%;display: flex;justify-content: space-between;}
.team .title h2{margin-bottom: 0;}
.team .title p{width: 40%;}
.team .team-list{display:flex;flex-wrap: wrap;gap: calc(5% / 3);margin-top: .6rem;}
.team .team-item{width: calc(95% / 4);position: relative;}
.team .team-item .img{position: relative;border-radius: 20px;overflow: hidden;}
.team .team-item .img img{width: 100%;height: 100%;object-fit: cover;}
.team .team-item .txt{position: absolute;top:0;width: 100%;height: 100%;left: 0;background: #202337;padding: .4rem;transform: translateY(-100%);transition: all .3s cubic-bezier(0.785, 0.135, 0.15, 0.86);display: flex;flex-direction: column;}
.team .team-item:hover .txt{transform: translateY(0);}
.team .team-item .txt p{color: #fff;font-size: 18px;}
.team .team-item .txt> span{width: 100%;color: #fff;font-size: 14px;display: inline-block;}
.team .team-item .txt a{overflow: hidden;;background: #9068ee;color: #fff;border-radius: 20px;display: inline-block;align-self: self-start;margin-top: auto;}
.team .team-item .txt a span{padding: 10px 30px;font-size: 14px;display: inline-block;margin-top: auto;}
.team .team-item .txt a:hover span{background: #fff;color: #1a1527;}
.team .team-item .intro{color: #d0d0d0;padding: 10px;font-size: 14px;overflow-y: scroll;margin: 10px 0;}
.team .team-item .intro::-webkit-scrollbar{width: 5px;height: 0px;background: transparent;}
.team .team-item .intro::-webkit-scrollbar-track{border-radius: 10px;background: transparent;}
.team .team-item .intro::-webkit-scrollbar-thumb{border-radius: 10px;}
.team .team-item h5{font-size: 36px;color: #1a1527;font-weight: bold;text-align: center;}
.team .team-item:hover h5{color: #9068ee;}
.team .team-item>p{font-size: 14px;color: #555160;margin-top: 30px;margin-bottom: 10px;text-align: center;}
@media(max-width: 1679px){
    .team .team-item .txt{padding: 30px;}
    .team .team-item .txt p{font-size: 16px;}
    .team .team-item .intro{height: 160px;}
}
@media(max-width: 1439px){
    .team .team-list{justify-content:center;gap: 10%;row-gap:40px;}
    .team .team-item {width: 30%;}
    .team .team-item h5{font-size: 30px;}
}
@media(max-width: 1365px){
    .team .team-item {width: 40%;}
    .team .team-item .intro{height: auto;}
}
@media(max-width: 1199px){
    .team .tit{flex-wrap: wrap;}
    .team .title{flex-wrap: wrap;}
    .team .title h2{width: 100%;}
    .team .title p{width: 100%;}
}
@media(max-width: 991px){
    .team .team-item .img{border-radius: 10px;}
    .team .team-item .intro{height: 160px;}
    .team .team-item h5{font-size: 24px;}
    .team .team-item .txt{padding: 10px;}
}
@media(max-width: 767px){
    .team .title h2{margin-bottom: 20px}
    .team .team-item{width: 100%;}
    .team .team-item .img{display: flex;}
    .team .team-item .img img{width:48%;height: var(--crop);}
    .team .team-item .txt{position: relative;transform: none;width: 52%;}
    .team .team-item .txt a {margin-top: 10px;}
}
@media(max-width:430px){
    .team .team-item .img{flex-direction: column;}
    .team .team-item .img img,.team .team-item .img .txt{width: 100%;}
}

.messagebox .tit{flex-wrap: wrap;}
.messagebox .tit .subtit{width: 100%;display: flex;justify-content: center;}
.messagebox .title{width: 100%;margin-top: .4rem;text-align: center;}
.messagebox .contact-box{margin: 0 18%;background: #fff;padding: .7rem;border-radius: 0.3rem;}
.messagebox .contact-box h6{font-size: 36px;color:#00000c;font-weight: bold;}
.messagebox .contact-box p{color: #555160;font-size: 18px;}
.messagebox .contact-box .cont-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.messagebox .contact-box .cont-item{margin-top: 20px;width: 48%;}
.messagebox .contact-box .cont-item p{font-size: 18px;color:#555160;font-weight: bold;}
.messagebox .contact-box .cont-item p font{color: #c40e00;margin-right: 4px;}
.messagebox .contact-box .cont-item .inp,.messagebox .contact-box .cont-item .text{margin-top: 20px;border: 1px solid #d9dce0;border-radius: .33rem;padding:11px 20px;overflow: hidden;}
.messagebox .contact-box .cont-item .inp:hover,.messagebox .contact-box .cont-item .text:hover{border: 1px solid #9068ee;}
.messagebox .contact-box .cont-item input,.messagebox .contact-box .cont-item textarea{width: 100%;}
.messagebox .contact-box .cont-item textarea{resize: vertical;}
.messagebox .contact-box .cont-item input[type=checkbox]{width: auto;}
.messagebox .contact-box .cont-item>span{margin-left: 10px;color: #555160;font-size: 14px;}
.messagebox .contact-box .cont-item a{float: unset;width: 100%;}
.messagebox .contact-box .cont-item a i{transform: none;color: #0b070f;}
.messagebox .contact-box .cont-item a:hover i{color: #fff;}
@media(max-width: 1599px){
    .messagebox .contact-box{margin: 0 10%;}
    .messagebox .contact-box h6{font-size: 30px;}
    .messagebox .contact-box p{font-size: 16px;margin-top: 20px;}
    .messagebox .contact-box .cont-item p{font-size: 16px;}
    .messagebox .contact-box .cont-item .inp, .messagebox .contact-box .cont-item .text{font-size: 14px;}
    .messagebox .contact-box .cont-item>span{font-size:16px;}
}
@media(max-width: 1439px){
    .messagebox .contact-box h6{font-size: 24px;}
    .messagebox .contact-box p{font-size: 14px;}
    .messagebox .contact-box .cont-item>span{font-size: 14px;}
}
@media(max-width: 1365px){}
@media(max-width: 1199px){
    .messagebox .contact-box{margin: 0;}
}
@media(max-width: 991px){
    .messagebox .title{margin-top: 0;}
    .messagebox .contact-box .cont-item .inp, .messagebox .contact-box .cont-item .text{padding: 12px 16px;margin-top: 14px;}
}
@media(max-width: 767px){
    .messagebox .contact-box .cont-item{width: 100%;margin-top: 10px;}
    .messagebox .contact-box .cont-item .inp, .messagebox .contact-box .cont-item .text{padding: 7.5px 14px;margin-top: 10px;}
}

.sort {/* float: left; */display: flex;width: 100%;justify-content: center;overflow: hidden;background: #f2f1f8;}
.sort .container{border-bottom: 1px solid #dcdbe1;padding:0 0 .3rem 0;justify-content: right;}
.sort .item {color: #1a1527;transition: all .3s ease-in-out;}
.sort .item:hover span{color: #fff;}
.sort .item span{color: #1a1527;font-weight: bold;}
.sort .item{margin-right: 20px;}
.sort .item.active {background: #8f68ed;}
.sort .item.active {color: #fff;}
.sort .item.active span{color: #fff;}
.sort .item>i{background:transparent;color: #1a1527;width: auto;font-size: 12px;}
.sort .item:hover>i{background:transparent;color: #fff;}
@media(max-width: 767px){
}
@media(max-width: 430px){

}
.bgdiv1_top { float: left; width: 100%; margin-top: 60px; border-bottom: 1px solid #ddd; padding-bottom: 40px; }
.bgdiv1_top .h3 { float: left; }
.bgdiv1_top p { float: left; margin-left: 20px; font-size: 16px; margin-top: 25px; }

@media (max-width:640px) {
    .bgdiv1_top { float: left; width: 100%; margin-top: 2px; }
    .bgdiv1_top .h3 { float: left; width: 100%; }
    .bgdiv1_top p { float: left; margin-left: 0px; width: 100%; margin-top: 15px; font-size: 14px; }
}

@media (min-width: 640px) and (max-width:768px) {
    .bgdiv1_top { float: left; width: 100%; margin-top: 40px; }
    .bgdiv1_top .h3 { float: left; width: 100%; }
    .bgdiv1_top p { float: left; margin-left: 0px; width: 100%; margin-top: 15px; font-size: 14px; }
}

@media (min-width: 768px) and (max-width:992px) {

    .bgdiv1_top { float: left; width: 100%; margin-top: 10px; padding-bottom:20px;}
    .bgdiv1_top .h3 { float: left; width: 100%; }
    .bgdiv1_top p { float: left; margin-left: 0px; width: 100%; margin-top: 25px; font-size: 14px; }
}

@media (min-width: 992px) and (max-width:1199px) {
    .bgdiv1_top { float: left; width: 100%; margin-top: 40px; }
    .bgdiv1_top .h3 { float: left; width: 100%; }
    .bgdiv1_top p { float: left; margin-left: 0px; width: 100%; margin-top: 25px; }
}

@media (min-width: 1200px) and (max-width: 1367px) {
    .bgdiv1_top .h3 { float: left; width: calc((100% - 30px) / 2); }
    .bgdiv1_top p { float: left; margin-left: 30px; width: calc((100% - 30px) / 2); margin-top: 25px; }
}

@media (min-width: 1368px) and (max-width: 1440px) {
    .bgdiv1_top .h3 { float: left; width: calc((100% - 30px) / 2); }
    .bgdiv1_top p { float: left; margin-left: 30px; width: calc((100% - 30px) / 2); margin-top: 25px; }
}

@media (min-width: 1440px) {

    .bgdiv1_top .h3 { float: left; width: calc((100% - 30px) / 2); }
    .bgdiv1_top p { float: left; margin-left: 30px; width: calc((100% - 30px) / 2); margin-top: 25px; }
}


.flex_between { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex_betweenlist { display: flex; flex-wrap: wrap; }

.newslist2 { padding:50px 0 0 0 ;overflow: hidden;background: #f2f1f8;}
.newslist2 .container{gap:2%;flex-wrap: wrap;}
.newslist2 .item {background: #fff;margin: 0;width: calc((100% - 4%)/3);margin-bottom: 0.45rem;box-sizing: border-box;border-radius: 20px;position: relative;overflow: hidden;display: flex;flex-direction: column;border: 1px solid #ced5e1;}
.newslist2 .item .img {overflow: hidden;position: relative;height:390px;position: relative;}
.newslist2 .item .img img { width: 100%; height: 100%; object-fit: cover; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; overflow: hidden; }
.newslist2 .item .txt {padding:25px 30px;}
.newslist2 .item .txt .context {display: flex;/* justify-content: end; */align-items: start;flex-direction: column;}
.newslist2 .item  time {display: flex;align-items: center;justify-content:right;margin-top: 10px;align-self: flex-end;position: absolute;right: 25px;bottom: 15px;background: #fff;padding: 6.5px 30px;border-radius: 18px;border: 1px solid #e1def5;}
.newslist2 .item  time span {display: block;font-size: 14px;color: #818194;transition: all 0.3s ease-in-out;}
.newslist2 .item  time b{ display:block; font-size: 16px; color: #d8d8d8;margin: 0;transition: all 0.3s ease-in-out ;}

.newslist2 .item:hover {background: #1a1527;}
.newslist2 .item .txt .context .top{display: flex;width: 100%;gap: 10px;}
.newslist2 .item .txt .context time{position: relative;right: unset;bottom: unset;background: #8f68ed;margin: 0;}
.newslist2 .item:hover .txt .context time span{color:#fff;}
.newslist2 .item:hover .txt .context time b{color:#333 ;}

.newslist2 .item .txt .context h3 {font-size: 20px;margin-bottom: 0.15rem;line-height: 26px;font-weight: bold;color: #121315;transition: all 0.3s ease-in-out;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:2;display: -webkit-box;line-height: 1.5;-webkit-box-orient: vertical;flex: 2;min-height:60px;}
.newslist2 .item .hover-txt .context h3{color:#fff;font-size: 0.32rem;font-family: 'myriadpro';-webkit-line-clamp: 5;}

.newslist2 .item:hover .txt .context .brief>div{border: 1px solid #d9261c;color: #fff;background: #d9261c;}
.newslist2 .item .txt .context p {width: 60%;;font-size: 14px; line-height: 24px; color: #1a1527;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient: vertical; transition: all 0.3s ease-in-out ;}
.newslist2 .item:hover .txt .context p{color: #fff;width: 100%;}
.newslist2 .item .txt .linkmore { padding-top: 0.2rem; margin-top: 0.2rem; display: flex; justify-content: space-between; border-top: 1px solid #d9d9d9; font-size: 14px; }
.newslist2 .item .colu{font-size: 14px;color: #8f68ed;margin-bottom: .2rem;padding:6.5px 20px;background: #f1ecfc;border: 1px solid #b8a0f4;border-radius: 18px;}
.newslist2 .item .hover-txt{padding:60px 30px;position: absolute;height: 100% !important;background: #8f68ed;width: 100%;top: 0;left: 0;transform: translateY(100%);z-index: 1;;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.newslist2 .item .hover-txt .colu{margin:0;align-self: self-start;}
.newslist2 .item:hover .hover-txt{transform: translateY(0%);} 
.newslist2 .item .hover-txt .context{display: flex;flex-direction: column;align-items: center;justify-content:space-between;height: 100%;}
.newslist2 .item:hover .colu{color: #6b719c;}
.newslist2 .item .hover-txt .context .nr h3{color: #fff;}
.newslist2 .item .hover-txt div{width: 100%;}
.newslist2 .item .hover-txt .clamp p{width: 100%;color: #fff;font-size: 14px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:5;display: -webkit-box;line-height: 1.5;-webkit-box-orient: vertical;}
.newslist2 .rec-news{flex-direction: row;width: 100%;}
.newslist2 .rec-news .img{width: 55%;height:auto;}
.newslist2 .rec-news .img img{width: 100%;height: 100%;object-fit: cover;;}
.newslist2 .rec-news .txt{width: 45%;height: auto;padding: .8rem .6rem;}

@media (max-width:1599px) {
    .newslist2 .item .img{height: 300px;}
}
@media (min-width:1440px) {

    .newslist2 .item:hover .img img { transform: scale(1.1) }
}
@media (max-width:1439px) {
    .newslist2 .item .img{height: 260px;}
    .newslist2 .item .hover-txt{padding: 40px 24px;}
    .newslist2 .item .txt .context h3{font-size: 18px;min-height: 48px;}
    

}
@media (min-width:1200px) and (max-width:1440px) {
    .newslist2 .item { margin: 0; width: calc((100% - 4%)/3);margin-bottom: 0.45rem; box-sizing: border-box;border-radius: 20px; }
    .newslist2 .rec-news{width: 100%;}
}

@media (min-width:992px) and (max-width:1200px) {
    .newslist2{gap: 2%;}
    .newslist2 .item { margin: 0; width: calc((100% - 2%)/2); margin-bottom: 0.45rem; box-sizing: border-box;border-radius: 20px; }
    .newslist2 .item:nth-child(2n) { margin-right: 0; }
    .newslist2 .rec-news{width: 100%;}
}

.bo0 { margin-bottom: 0px !important; }

@media(max-width:992px) {
    .newslist2{padding:20px 0 0 0  ;}
    .newslist2 .item { margin: 0; width: calc((100% - 0.3rem)/2); margin-bottom: 0.45rem; box-sizing: border-box;}
    .newslist2 .item:nth-child(2n) { margin-right: 0; }
    .newslist2 .item .txt .context p{width: 50%;}
    .newslist2 .item .hover-txt{padding: 30px 20px;}
    .newslist2 .rec-news{width: 100%;}
}

@media(max-width:767px) {
    .newslist2 .item {width: 100%;margin-right: 0;}
    .newslist2 .item .img{width: 100%;height: 220px;}

    .newslist2 .rec-news{flex-direction: column;}
    .newslist2 .rec-news .img{width: 100%;}
    .newslist2 .rec-news .txt{padding: 25px 30px;height: 240px;width: 100%;}
    .newslist2 .item .txt{height:155px;}
}
@media(max-width:430px) {
.newslist2 .item .txt .context p{font-size: 12px;line-height: 1.2;}
}
.news2con { padding: .4rem 0 0.5rem;border: 0 ;width: 100%;background:#f2f1f8;}
.news2box { padding: 35px 0 0px;width: 72%;float: right ;background: transparent;order: 2; }
.news2content { padding: 0 55px }
.news2content>div span{background: transparent !important;}
.pagecontent { color:#1a1527;line-height: 2;}
.pagecontent iframe{width: 100%;height:70vh;}
.paragraph{margin-bottom: 20px;line-height: 2;color: #1a1a1a;}
.news2content img { display: inline-block; max-width: 100% }
.news2top .h1 { font-size: .24rem; color: #333; margin-bottom: .18rem }
.news2top .h2 { font-size: 14px; color: #666; line-height: 30px; }
.news2top { padding-bottom: 25px; border-bottom: 2px solid #bbb; margin-bottom: 25px }
.news2bottom { margin-top: 25px; padding: 30px; }
.news2bottom .item { display: block; float: left; width: 48%; background: #fff; line-height: 0.7rem; font-size: 0; text-align: center; transition: all .3s ease;border-radius: 10px; }
.news2bottom .item:nth-last-child(1){float: right;}
.news2bottom .item .icon { display: inline-block; vertical-align: middle; width: .28rem; height: .13rem; position: relative; margin: 0 .12rem }
.news2bottom .item .icon img { position: absolute; left: 0; top: 0; transition: all .3s ease }
.news2bottom .item span { display: inline-block; vertical-align: middle; font-size: 16px; color: #111;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 60%; transition: all .3s ease }
.news2bottom .item .icon img:nth-child(2) { opacity: 0 }
.news2bottom .item:hover{background:#8f68ed;}
.news2bottom .item:hover .icon img:nth-child(2) { opacity: 1 }
.news2bottom .item:hover .icon img:nth-child(1) { opacity: 0 }
.idxbtn1 { width: 2.14rem; line-height: .62rem; text-align: center; border: 2px solid #1e1e1e; position: relative; font-size: 0; display: block; transition: all .3s ease }
.idxbtn1 span { font-size: .16rem; color: #1e1e1e; display: inline-block; vertical-align: top; margin-right: .2rem; transition: all .3s ease; position: relative; z-index: 1; font-family: din }
.idxbtn1 .icon { width: .2rem; height: .12rem; background: url(../images/more13.png); background-size: cover !important; transition: all .3s ease; display: inline-block; vertical-align: middle; position: relative; z-index: 1 }
.idxbtn1:after { content: ""; background: #f1aa1f; height: 100%; left: 0; top: 0; width: 0; transition: all .3s ease; position: absolute }
.share2 { float: right; display: flex; line-height: 30px; }
.share2 a { width: 30px; height: 30px; display: block; text-align: center; background: #fff; border-radius: 50%; line-height: 30px; margin-right:6px; }
.share2 a i { font-size:14px;}
.share2 a:hover {  background:#1a1527;color:#fff;}
.news_c_right {width: 100%;}

.coright {width: 25%; position: sticky;position: -webkit-sticky;  top: 120px;order: 1;;display: flex;flex-wrap: wrap;align-content: space-between;height: calc(100vh - 3rem);}
.news_c_right h4 {/* height: 48px; */font-weight: 400;text-indent: 20px;line-height: 2;width: 100%;padding: 0;margin: 0;color: #16272b;text-indent: 0;font-size: 20px;font-weight: bold;}
.news_c_right ul { list-style: none; border-top: 0; margin: 0; display: block; padding: 0 }
.news_c_right ul li {padding: 5px 0}
.news_c_right ul li a { font-size: 16px;line-height:2;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:2;display: -webkit-box; -webkit-box-orient: vertical;}
.news_c_right ul li a:hover { text-decoration: underline }
.produ3 { float: left; width: 100%; margin-top: 50px; }
.ptobto { float: left; width: 100%; border-top: 1px solid #ddd; margin-top: 50px; }
@media (max-width:1439px) {
    .news_c_right h4{line-height: 1.5;}
    .news_c_right ul li a{text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:1;display: -webkit-box;-webkit-box-orient: vertical;}
    .news2content { padding: 0 30px; }
}
@media (min-width: 992px) and (max-width:1199px) {
    .news2box { padding: 15px 0 0px; }
    .news2content { padding: 0 30px; }
    .coright { top: 138px; width: 27%; }
    .news_c_right ul li a { font-size: 12px; }
}

@media (max-width:992px) {
    .pagecontent{font-size: 14px;}
    .news2box { padding: 15px 0 0px; width: 100% }
    .news2content { padding: 0 30px; }
    .coright { top: auto; width: 100%; position: initial; }
    .news_c_right ul li a { font-size: 14px; }
}

@media(min-width:1000px) {
    .newsitem2:hover { box-shadow: 0 5px .4rem 0 rgba(0,11,21,.1); transform: translateY(-5px) }
    .newsitem2:hover .h1 { color: #f1aa1f }
    .newsitem .imgbox:hover img { transform: scale(1.05) }
    .news2bottom .item:hover span { color: #fff }
    .news2bottom .item:hover .icon img:nth-child(1) { opacity: 0 }
    .news2bottom .item:hover .icon img:nth-child(2) { opacity: 1 }
    .idxbtn1:hover { border-color: #1a1527 }
    .idxbtn1:hover:after { width: 100% }
    .idxbtn1:hover span { color: #fff }
    .idxbtn1:hover .icon { background: url(../images/more14.png) }
}

@media(max-width:1000px) {
    .newsitem .h2 { margin-bottom: 3vw }
    .news2bottom .item:hover { background: #1a1527 }
    .news2bottom .item:hover span { color: #fff }
}

@media(max-width:767px) {
    .newsitem { padding: 20px; display: block }
    .newscon .idxbtn1 .icon { width: 10px; height: 6px }
    .newscon .idxbtn1 span { font-size: 12px }
    .newscon .idxbtn1 { width: 100px }
    .newsitem .imgbox { width: 100% }
    .newsitem .h1 { font-size: 14px; margin: 15px 0 }
    .newsitem .h2 { font-size: 12px; margin-bottom: 15px }
    .newsitem2 .h1 { font-size: 14px }
    .newsitem2 .h2 { font-size: 12px }
    .newsitem2 { padding: 20px }
    .newscon { padding: .4rem 0 }
    .news2box { padding: 10px 0 }
    .news2content { padding: 0 15px }
    .news2top { float: left; width: 100%; }
    .news2top .h1 { font-size: 16px }
    .news2bottom{padding:10px 20px ;}
    .news2bottom .item {float: left;width: 100%;line-height: .8rem;border: 1px solid #ededed;z-index: 3;position: relative;}

    .news2bottom .item span { font-size: 14px }
    .share2 { float: left; width: 100%; margin-top: 15px; }
}




@media(max-width:991px) {
    .coright { float: left; margin-top: 25px; padding: 0 }
}

.sm5toppd { float: left; width: 100%; justify-content: center; align-items: center; display: flex; text-align: center; margin-top: 40px; }
.sm5toppd font { color: #edeffd }


.sm6toppd { float: left; width: 100%; justify-content: center; align-items: center; text-align: center; margin-top: 40px; }
.sm6toppd font { color: #edeffd }
.sm6toppd p {  width:80%;margin-left:10%;margin-top:20px;}

.mtop30 { margin-top: 30px; }

.btn-primary2 { color: #333; background-color: #fff; border-color: #1a1527; font-size: 16px; }
.btn-primary2:hover { background: #1a1527; color: #fff; }
.pagination { display: table; margin: 0 auto; margin-top: 40px }
.pagelist { position: relative; text-align: center; zoom: 1; opacity: 1 ;display: table; margin: 40px auto 20px;}
.pagelist:before, .pagelist:after { content: ""; display: table }
.pagelist:after { clear: both; overflow: hidden }
.pagelist span { float: left; margin: 0 3px; width: 45px; height: 45px; line-height: 45px; color: #333; font-size: 14px }
.pagelist a.on {float: left;margin: 0 3px;background: #8f68ed;color: #fff;font-size: 14px;}
.pagelist a {float: left;margin: 0 3px;width: 50px;height: 50px;line-height: 50px;background: #e3e2ea;color: #1a1527;font-size: 14px;border-radius:50%;font-weight: bold;}
.pagelist a.item1{border-radius: 25px;display: flex;align-items:center;justify-content:center;padding: 0 20px;font-size: 14px;color: #9fa7be;font-weight: 300;gap: 6px;}
.pagelist a:hover { color: #fff;background:#8f68ed;}
.pagelist a.on:hover { color: #fff;}
.pagelist a i{font-size:16px;color: #555160;}
.pagelist a:hover i{color: #fff;}
.pagelist a.more{background: transparent;}
.pagelist a.more:hover{background:#8f68ed;}
@media (max-width:1200px) {
    .pagelist{margin-top: 20px;}
}
@media (max-width:991px) {
    .pagelist{margin-top: 10px;}
}
@media(max-width:767px) {
    .pagelist{margin-top: 10px;}
    .pagelist span { float: left; margin: 0 3px; width: 40px; height: 40px; line-height: 40px; color: #333; font-size: 14px }
    .pagelist .active { float: left; margin: 0 3px; width: 40px; height: 40px; line-height: 40px; background: #1a1527; color: #fff; font-size: 14px; border: 1px solid #1a1527 }
    .pagelist a { float: left; margin: 0 3px; width: 40px; height: 40px; line-height: 40px; background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; margin-bottom: 8px; }
    .pagelist a.on{width: 40px;height: 40px;line-height: 40px;}
}
.blogtop{margin-top: .4rem;width: 100%;background: linear-gradient(to right, #fff, rgba(244, 244, 244, 0));padding: 0.18rem 0.28rem;display: flex;align-items: center;border-radius: 0.1rem;}
.blogtop .icon{height: 50px;overflow: hidden;}
.blogtop .icon img{height: 100%;width:50px;object-fit:contain;object-position: left;}
.blogtop .titname{min-width: 1.6rem;margin-left: 0.15rem;border-right: 1px solid #ccc;padding-right: 0.5rem;}
.blogtop .titname span{font-size: 20px;color:#1a1527;}
.blogtop .time{margin-left: .4rem;display: flex;flex-direction: column;padding-left:.3rem ;border-left: 1px solid #eee;}
.blogtop .time span{color: #aaa;}
.blogtop .back{flex: 1;text-align: center;display: flex;justify-content: right;}
.blogtop .back a{transition:all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);width: 76px;height: 76px;display: flex;flex-direction: column;justify-content: space-around;background: #1a1527;border-radius: 50%;padding: 15px 0;}
.blogtop .back a:hover{scale: 1.05;box-shadow: 1px 1px 10px rgba(0,0,0,0.1);}
.blogtop .back a span{color: #fff;font-size: 14px;}
.blog-c{width: 80%;float: left;position: relative;}
.news2con .tips{width: 14%;float: right;height:7rem;padding: 0 .2rem;position: sticky;top: 140px;display: flex;flex-direction: column;border-left: 1px solid #e0e4f1;}
.tips .zan{padding-bottom: 10px;border-bottom: 1px solid #f8f8f8;}
.tips .zan .icon{display: flex;align-items: center;justify-content: center;}
.tips .zan .num{text-align: center;color: #1a1527;font-size: 30px;margin-top: 10px;}
.tips .zan .icobutton{background: transparent;border-radius: 50%;width: 76px;height: 76px;text-align: center;display: flex;align-items: center;justify-content: center;transition: all .3s ease-in-out;}
.tips .zan .icobutton:hover{background: #8f68ed;}
.tips .zan.already .icobutton{background: #1a1527;}
.tips .zan .icobutton .cls-2{fill: #1a1527;fill-rule: evenodd;}
.tips .zan .icobutton:hover .cls-2{fill:#fff}
.tips .zan.already .icobutton .cls-2{fill:#fff}
.tips .share5{width: 100%;display:flex;flex-direction: column;align-items: center;}
.tips .share5 span{color:#818181;padding: 10px 0;user-select: none;}
.tips .share5 a>i{margin-bottom: .1rem;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #e0e4f1;}
.tips .share5 a:hover>i{background: #8f68ed;color: #fff;}
.news_c_left>h4{color: #1a1527;font-size: 20px;line-height: 2;font-weight: bold;}
.news_c_left>ul li{margin: 10px 0;}
.news_c_left>ul li a{transition: all .3s ease-in-out;font-size: 16px;line-height: 2;}

.news_c_left>ul li a.active{color: #8f68ed;font-size: 16px;}

.tips .back{text-align: center;display: flex;justify-content:center;margin-top: 20px;border-top: 1px solid #f8f8f8;padding-top: 10px;}
.tips .back a{transition:all .3s cubic-bezier(0.23, 1, 0.320, 1);width: 76px;height: 76px;display: flex;flex-direction: column;justify-content: space-around;background:transparent;border-radius: 50%;padding: 15px 0;}
.tips .back a:hover{background: #8f68ed;}
.tips .back a span{color: #818181;font-size: 14px;}
.tips .back a:hover span{color: #fff;}
.tips .back a .cls-1 {fill: #1a1527;fill-rule: evenodd;}
.tips .back a:hover .cls-1 {fill: #fff;}

@media(max-width: 1599px){
    .news2con .tips{top: 60px;}
    .tips .zan .icobutton{height: 60px;width: 60px;}
    .tips .zan .icon{scale: .8;}
}
@media(max-width: 1439px){
    .news_c_left>h4{line-height: 1.5;}
    .news2con .tips{height:8rem;top: 60px;}
}
@media(max-width: 1365px){}
@media(max-width: 1199px){
    .tips .back a{width: 60px;height: 60px;}
    .tips .back a>i{margin-top: -10px;scale: .7;}
}
@media(max-width: 991px){}
@media(max-width: 767px){
    .blog-c{width: 100%;}
    .news2con .tips{width: 100%;height: auto;margin-top: 0;border: 0;}
    .tips .icobutton{width: 60px;height: 60px;}
    .tips .icobutton .cls-2{scale: .8;transform-origin:center;}
    .tips .zan{display: flex;align-items: center;justify-content: center;}
    .tips .zan .num{font-size: 24px;margin: 0;}
    .tips .share5{flex-direction: unset;justify-content: center;margin: 0;flex-wrap: wrap;}
    .tips .share5 ul{display:flex;flex-wrap: wrap;}
    .tips .share5 ul li{padding: 0 6px;margin-top: 10px;}
    .tips .back{display: none;}
    .blogtop .back{display: none;}
}
.loadmore{display:none;width: 100%;}
.loadmore a{width: 100%;}
@media(max-width: 767px){
    .loadmore{display:flex;}
}
.pdhtop {float: left;width: 100%;padding-top: 120px;padding-bottom: 1rem;overflow: hidden;background:#f2f1f8;border-bottom: 1px solid #dcdbe3;}
.pdaohan {float: left;padding: .5rem 0;display: flex;flex-wrap: wrap;align-items: center;width: 100%;}
.pdaohan i { margin-right: 5px; color:#755895}
.pdaohan a {margin-right: 5px;font-size: 14px;color:#1a1527;}
.pdaohan a:nth-last-child(1){color:#555160;}
.pdaohan em {display: inline-block;width: 6px;height: 6px;border-radius: 50px;background: #818194;margin: 0 11px; font-size: 10px; }
.pdaohan span { margin-right: 5px; }
@media (max-width:1439px) {
    .pdaohan{padding: .3rem 0;}
}
@media (max-width:991px) {
    .pdhtop {padding-top: 70px;/* background: transparent; */}
    .pdaohan{display: block;}
    .sm6toppd p { width: 100%; margin-left: auto; margin-top: 20px; }
    .pdaohan em{margin-bottom: 4px;}
}



.prolist{margin: .68rem 0;}
.pcpmain { float: left; width: 100%;padding: .6rem 0;background:#f2f1f8;}
.pcpmain .container{display: flex;justify-content: space-between;flex-wrap: wrap;}
.p_problemCategory {border-radius: 25px;float: left;width: 100%;text-align: center;background: #1a1527;color: #fff;height: 50px;line-height: 50px;cursor: pointer;padding: 0 30px;transition:all .3s ease-in-out;}
.p_problemCategory:hover{background: #1a1527}
.p_problemCategory.mobile-nav__toggler{display: flex;width: 50%;align-items: center;}
.portalResProduct_category {float:left;width: 370px;position: sticky;top: 121px;height:calc(92vh - 120px);overflow-y: auto;padding-right: 10px;}
.portalResProduct_category::-webkit-scrollbar{width: 5px;height: 0px;background: transparent;}
.portalResProduct_category::-webkit-scrollbar-track{border-radius: 10px;background: transparent;}
.portalResProduct_category::-webkit-scrollbar-thumb{border-radius: 10px;}

.pcpCate { float: left; width: 100%; }
.pcpCate .pcpcate-t{display: flex;align-items: center;padding: 15px 0;}
.pcpCate .pcpcate-t i{margin-right:15px;font-size: 24px;}
.pcpCate .pcpcate-t p {float: left;color: #1a1527;font-weight: 700;font-size: 24px;margin: 0;}
.pcpCate ul { float: left; width: 100%; margin: 0; padding: 0; }
.pcpCate>ul{margin-top:.3rem;}

.pcpCate ul>li {position: relative;;float: left;width: 100%;margin: 0;line-height: 24px;overflow: hidden;position: relative;}
.pcpCate ul>li>div{display: flex;align-items: center;justify-content: space-between;padding:15px 0;border-bottom: 1px solid #dedce4;}
.pcpCate>ul>li a {display: inline-block;height: 100%;}
.pcpCate ul>li i {/* position: absolute; *//* right:0; *//* top:14px; */font-size: 18px;cursor: pointer;background:#563e98;border-radius: 50%;color: #fff;width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;}
.pcpCate ul>li.on i { transform: rotate(180deg); -webkit-transform: rotate(180deg) }
/*.pcpCate ul li a i { float: left; width: 0; height: 2px; background: #96b84a; display: block; margin-top: 27px; -webkit-transition: all 1s; transition: all 1s }*/
.pcpCate ul>li div a>span {float: left;font-size:18px;font-weight:normal;font-weight: bold;color: #1a1527;}
.pcpCate ul>li div a:hover span{color: #8f68ed;}

.pcpCate ul>li>ul { display: none; }
.pcpCate ul>li.on>ul { display: block; margin-top: 5px; }
.pcpCate ul>li>ul>li { margin-bottom: 4px; position: relative; border-bottom: 0px; padding:15px 0px 0 0; }
.pcpCate ul>li.on>ul>li>a { font-size: 14px; line-height:1.5; color: #555160;}
.pcpCate ul>li.on>ul>li>a:hover {color: #8f68ed;}
.pcpCate>ul>li.on>ul>li>a>span{font-weight: lighter;font-size: 16px;}
.pcpCate>ul>li.on>ul>li.on>a>span{color:#1a1527;}
/* .pcpCate ul>li>ul li:after { content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background: #002d56; position: absolute; left: 18px; top: 15px; } */
.pcpCate ul>li.on a {color: #1a1527;}
.pcpCate ul>li.on a:hover { color: #1a1527 }
/* .pcpCate ul>li>ul>li>ul { display:block; } */
.pcpCate ul>li>ul>li>ul>li{padding:0 0 0 10px;}
.pcpCate ul>li>ul>li>ul>li>a span{font-size: 14px;color: #333;font-weight:normal;}
.pcpCate ul>li>ul>li>ul>li.on>a>span{color: #1a1527;}
.pcpCate ul>li>ul>li>i{background: transparent;color:#333;top: 15px;}
.pcpCate2 { margin-top: 30px }
.pcpCate form .int{float: left;width: 100%;background: #fff;padding: 6px 10px;border-radius: 29px;display: flex;justify-content: space-between;}
.pcpCate form .int button{background:#e8e8e8;color: #888;border-radius: 50%;width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;;}
.pcpCate form .int button i{font-size: 16px;}
.pcpCate form .int input{background: transparent;color: #888;font-size: 16px;width:calc(100% - 40px);margin-left: 10px;}
.pcpContact {display: flex;flex-direction: column;gap: 20px;}
.pcpContact .item{background: #e3e2ea;border-radius: 10px;display: flex;padding: 20px;}
.pcpContact .item i{font-size:20px;color:#1a1527;padding: 0 20px;}
.pcpContact .item p{font-size: 18px;color: #1a1527;font-weight:bold;}
.pcpContact .item a{font-size: 14px;color: #555160;}

.portalResProduct_category>form{width:50%;}
.portalResProduct_category>form .int{float: left;width: 100%;background: #fff;padding: 6px 10px;border-radius: 29px;display: flex;justify-content: space-between;}
.portalResProduct_category>form .int button{background:#e8e8e8;color: #888;border-radius: 50%;width: 38px;height: 38px;display: flex;align-items: center;justify-content: center;;}
.portalResProduct_category>form .int button i{font-size: 16px;}
.portalResProduct_category>form .int input{background: transparent;color: #888;font-size: 16px;width:calc(100% - 40px);margin-left: 10px;}

.portalResProduct_category .iCon { float: left; width: 100%; padding: 18px; padding-left: 63px; border-bottom: 1px solid #ddd }
.portalResProduct_category .iCon strong { font-size: 18px; float: left; width: 100% }
.portalResProduct_category .iCon p { font-size: 14px; float: left; width: 100%; line-height: 24px; color: #707070; word-break: break-all }
.portalResProduct_category .iCon1 { background: url(../images/t.png?v=2) no-repeat left center }
.portalResProduct_category .iCon2 { background: url(../images/m.png?v=3) no-repeat left center }
.portalResProduct_category .iCon3 { background: url(../images/address.png?v=5) no-repeat left center }
.portalResProduct_list {float: right;width: calc(100% - 420px);}

.pcpItem { float: left; width: calc((100% - 60px)/4); margin-right: 20px; margin-bottom: 30px; border: 1px solid #ddd; border-radius: 20px; }
.pcpItem a { width: 100%; display: block }
.pcpItem .img { float: left; width: 100%; overflow: hidden;text-align:center;  height:270px;padding:10px;}
.pcpItem .img img { transition: all 1s; _transition: all 1s; border-top-left-radius: 20px; border-top-right-radius: 20px;object-fit:contain;height:250px; }
.pcpItem .txtBox { float: left; width: 100%; padding: 15px; -webkit-transition: all 1s; transition: all 1s }
.pcpItem .txtBox .proTitle { float: left; width: 100%; margin: 10px 0 }
.pcpItem .txtBox .proTitle h3 { margin: 0px; float: left; width:100%; font-size: 16px; overflow: hidden; margin-top: 0; color: #333;  line-height: 25px; }
.pcpItem .prhove { height: 75px; overflow: hidden; position: relative; color: #666; margin-top: 5px; float: left; width: 100%;font-size:14px; }

.pcpItem .txtBox .proTitle span {  }
.pcpItem .txtBox .line { width: 30px; float: right; border-bottom: 1px solid #999; margin-top: 5px; -webkit-transition: all 1s; transition: all 1s }
.pcpItem a:hover .img img { transform: scale(1.1) }

.pcpItem a:hover .txtBox h3 { color: #1a1527 }

.pcpItem a:hover .line { width: 100%; border-bottom: 1px solid #1a1527 }
.pcpItem a:hover .prhove { color: #333 }
.pcpItem a:hover .prhove::after { display: none; content: '' }

@media(min-width:0px) and (max-width:639px) {
    .pcpItem { float: left; width: 100%; margin-right: 0px; margin-bottom: 20px; border-radius: 20px; }
    .pcpItem:nth-child(3n) { margin-right: 0px }
    .pcpItem:nth-child(2n) { margin-right: 0 }
    .pcpItem .img { height: 320px; }
    .pcpItem .img img { height: 300px; }
    .prolist .pagelist{display: none;}
}

@media(min-width:640px) and (max-width:767px) {
    .pcpItem { float: left; width: calc((100% - 12px)/2); margin-right: 12px; margin-bottom: 20px }
    .prolist .pagelist{display: none;}
    .pcpItem:nth-child(2n) { margin-right: 0 }
}

@media(max-width:767px) {
    .index-pro-richtext { padding: 30px 0 30px }
    .portalResProduct_category { float: left; width: 100%; position: initial; display: flex;gap: 10px;margin-bottom: 10px;padding-right: 0;height: auto;}
    .portalResProduct_list { float: left; width: 100% }
    .pcpCate { display: none }
    .pcpCate2 { display: none }
    .iCon { display: none }
    .p_problemCategory{display: flex !important;gap: 10px;padding: 0 10px;}
    .p_problemCategory.mobile-nav__toggler >p{flex: 1;;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:1;display: -webkit-box; -webkit-box-orient: vertical;}
    .p_problemCategory.mobile-nav__toggler >i{width: 38px;height: 38px;align-items: center;display: flex;justify-content: center;border-radius: 50%;}
    .p_problemCategory.mobile-nav__toggler >i:nth-child(3){background:#fff;color: #1a1527;}
    .pcpItem .txtBox { padding: 10px }
    .pcpItem .txtBox .proTitle { margin: 0 }
    .pcpItem .txtBox .proTitle h3 { float: left; width: 100%; font-size: 16px; height: auto; overflow: hidden; margin-bottom:8px;}
    .pcpItem .txtBox .proTitle span { display: none }
    .pcpItem .txtBox .line { width: 100% }
    .pcpItem .prhove { height: 60px; font-size: 13px; line-height: 20px; float: left; width: 100% }
    .pcpItem .prhove::after { content: ''; display: none }


}

@media(min-width:768px) and (max-width:991px) {
    .prolist{margin-top: 10px;}
    .p_problemCategory{display: flex !important;gap: 20px;padding:0 10px;}
    .portalResProduct_category { float: left; width: 100%; position: initial;display: flex;gap: 20px;margin-bottom: 20px;padding-right: 0;height: auto;}
    .portalResProduct_list { float: left; width: 100% }
    .p_problemCategory.mobile-nav__toggler >p{flex: 1;}
    .p_problemCategory.mobile-nav__toggler >i{width: 38px;height: 38px;align-items: center;display: flex;justify-content: center;border-radius: 50%;}
    .p_problemCategory.mobile-nav__toggler >i:nth-child(3){background:#fff;color: #1a1527;}
    .pcpCate { display: none }
    .pcpCate2 { display: none }
    .iCon { display: none }
    .pcpItem { float: left; width: calc((100% - 20px)/2); margin-right: 20px; margin-bottom: 20px }
   
    .pcpItem:nth-child(2n) { margin-right: 0 }
    .pcpItem .txtBox { padding: 10px }
    .pcpItem .txtBox .proTitle { margin: 8px 0 }
    .pcpItem .txtBox .proTitle h3 { font-size: 14px }
}

@media(min-width:992px) and (max-width:1199px) {
    .pcpItem { float: left; width: calc((100% - 20px)/2); margin-right: 20px; margin-bottom: 20px }
    .pcpItem:nth-child(2n) { margin-right: 0 }
    .pcpItem .img { padding: 5px; }
    .pcpItem .txtBox { padding: 12px }
    .pcpItem .txtBox .proTitle { margin: 8px 0 }
    .pcpItem .txtBox .proTitle h3 { font-size: 14px; width:100%; }
    .pcpItem .txtBox .proTitle span { display: none }
    .pcpCate>ul{margin-top: 10px;}
    .pcpCate ul li { float: left; width: 100%; margin: 0; padding:0; overflow: hidden }
    .pcpCate ul>li>i{top: 20px;}
    .pcpCate ul>li div a>span{font-size: 16px;}
    .pcpCate ul>li>ul>li{padding: 10px 0 0 0 ;}
    .pcpCate>ul>li.on>ul>li>a>span{font-size: 14px;}
    .pcpCate ul li a i { float: left; width: 0; height: 2px; background: #f1aa1f; display: block; margin-top: 25px; -webkit-transition: all 1s; transition: all 1s }
    .pcpCate .pcpcate-t p{font-size:20px;}
    .pcpContact .item{padding: 15px;}
    .pcpContact .item i{padding: 0 10px 0 5px;}
    .pcpContact .item p{font-size: 16px;}
    .portalResProduct_list{width: calc(100% - 300px);}
    .portalResProduct_category{width:280px;}
    .portalResProduct_category .iCon { float: left; width: 100%; padding: 15px; padding-left: 56px; border-bottom: 1px solid #ddd }
}

@media(min-width:1200px) and (max-width:1365px) {
    .pcpItem { float: left; width: calc((100% - 20px)/2); margin-right: 20px; margin-bottom: 20px }
    .pcpCate ul>li a>span{font-size: 16px;}
    .pcpCate ul>li>ul>li{padding: 10px 0 0 0 ;}
    .pcpCate>ul>li.on>ul>li>a>span{font-size: 14px;}
    .pcpItem:nth-child(2n) { margin-right: 0 }
    .pcpItem .txtBox { padding: 15px }
    .pcpItem .txtBox .proTitle { margin: 8px 0 }
    .pcpItem .txtBox .proTitle h3 { font-size: 14px;}
  
}

@media(min-width:1366px) and (max-width:1439px) {
    .pcpItem .txtBox { padding: 15px }
    .pcpItem .txtBox .proTitle { margin: 8px 0 }
    .pcpItem .txtBox .proTitle h3 { font-size: 14px }
    .pcpItem { float: left; width: calc((100% - 20px)/2); margin-right: 20px; margin-bottom: 20px }
    .pcpCate ul>li>ul>li{padding: 10px 0 0 0 ;}
    .pcpItem:nth-child(2n) { margin-right: 0 }
}
@media(min-width:1440px) and (max-width:1859px) {
    .pcpItem { float: left; width: calc((100% - 40px)/3); margin-right: 20px; margin-bottom: 20px }
    .pcpCate ul>li>ul>li{padding: 10px 0 0 0 ;}
    .pcpItem:nth-child(3n) { margin-right: 0 }
}
@media(min-width:1860px) {
    .pcpItem:nth-child(4n) { margin-right: 0 }
}



.details { float: left; width: 100%;}
.details .conthtml { }
.details .detail_left {float: left;width: 40%;}
.details .detail_right {float: right;width: 54%;margin-left: 40px;}
.details .detail_left > .h { overflow: hidden; position: relative; }
.details .detail_left h1 {font-size: 30px;float:left;margin-top: 0px;margin-bottom: 40px;color: #1a1527;font-weight: bold;position: relative;/* height: 130px; */line-height: 1.3;}
.details .detail_right h1 {font-size:36px;float:left;margin-top: 0px;color: #1a1527;font-weight: bold;position: relative;/* height: 130px; */line-height: 1.3;}
/* .details .detail_left h1::after{content: "";display: block;width: 13%;height: 2px;background: #9fa7be;position: absolute;bottom:-1px;left: 0;} */
.details .detail_left > .rtp_small_img { float:left; width:100%;}
.details .detail_left .swiper-btn{display: none;position: absolute;bottom: 40px;right: 30px;gap: 35px;padding: 4px;border-radius: 31px;z-index: 2;;background: rgba(25,50,79, 0.2);}
.details .detail_left .btn-prev,.details .detail_left .btn-next{border-radius: 50%;color: #1a1527 ;width: 52px; height: 52px; align-items: center; justify-content: center; background: #fff; cursor: pointer; outline: none; float: left; z-index: 2; display: inline-flex; opacity:1;transition: all 0.3s ease-in-out;}
.details .detail_left .btn-prev:hover, .details .detail_left .btn-next:hover{background: #1a1527;color: #fff;}
/* .details .detail_left .swiper-button-disabled {color: #9fa7be;} */

.details .detail_right .rtpdesbtn { float: left; width: 100%;display: flex; flex-flow: wrap;gap: 25px;}


.details .detail_right .rtpdesbtn .logo{display: flex;align-items: center;gap: 10px;}
.details .detail_right .rtpdesbtn .logo h5{font-size: 16px; color:#1a1527;font-weight: bold;margin: 0;}
.details .detail_right .rtpdesbtn .logo span{font-size: 12px;color: #1a1527;border-bottom: 1px solid #1a1527;}
.details .detail_right .rtpdesbtn p{color: #9fa7be;font-size: 12px;margin: 30px 0;}
.details .content-three{display: flex;justify-content: space-between;margin-bottom: 10px;border-radius: 10px 10px 0 0;overflow: hidden;gap: 1px;background: #bdc2d5;border: 1px solid #bdc2d5;flex-wrap: wrap;}
.details .content-three .con-tab{overflow: hidden;width: calc((100% - 2px) / 3);}
.details .content-three .con-tab:hover .title{background: #edeffd;}
.details .content-three .con-tab .title::after{content: '';position: absolute;left: 50%;bottom: 0;width: 0;height: 3px;background: #1a1527;transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.details .content-three .con-tab:hover .title::after{width: 100%;left: 0;}
.details .title{position: relative;cursor: pointer;padding:16px 25px;font-weight: bold;color: #1a1527;font-size: 20px;background: #e0e4f1;display: flex;justify-content: space-between;align-items: center;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:1;display: -webkit-box; -webkit-box-orient: vertical;}
.details .con-tab .title i,.details .description .title i{display: none;width: 35px;height: 35px;align-items: center;justify-content: center;background: #1a1527;border-radius: 50%;color: #fff;font-size:24px;}
.details .con-tab.active .title i:nth-of-type(1),.details .description.active .title i:nth-of-type(1){display:flex;}
.details .con-tab .title i:nth-of-type(2),.details .description .title i:nth-of-type(2){display:flex;}
.details .con-tab.active .title i:nth-of-type(2),.details .description.active .title i:nth-of-type(2){display:none;}
.details .con-list{width: 100%;}
.details .scroll{overflow-y:auto;max-height: 331px;height:auto;width: 100%;display: none;}
.details .con-tab.active .scroll{height:auto;}
.details .content-three .scroll::-webkit-scrollbar{background: #edeffd;border-radius: 5px;width: 5px;}
.details .content-three .scroll::-webkit-scrollbar-thumb{background: #1a1527;border-radius: 5px;}
.details .table{width: 100%;border: 1px solid #e0e4f1;margin-bottom: 0;overflow: hidden;}
.details .table::-webkit-scrollbar{background: #edeffd;}
.details table{width: 100%;}
/* .details table tr{border-bottom: 1px solid #e0e4f1;} */
/* .details table tr:nth-child(2n-1){background:#edeffd;} */
.details table tr:nth-last-child(1){border-bottom: none;}
.details table tr td{padding:8px 0;color: #1a1527;font-weight: bold;font-size: 14px;}
.details .content-three table tr td{float: left;}
.details table tr th{padding:8px 0;color: #1a1527;font-weight: bold;}
.details table tr td:nth-last-child(1){padding-left: 0;color: #818194;}
.details .description.active .scroll:nth-child(2){display: block;}
.details .description .scroll{display: none;}


.de1left {float:right;width: calc(100% - 500px); background: #fff;  border-radius: 20px; overflow: hidden; padding: 40px; }
.de1left .list-type-nav{display: flex;gap: 4px;}
.de1left .list-type-nav a{padding: 13px 30px;background:transparent;border-radius: 10px 10px 0 0;color:#555160;font-weight: bold;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:1;line-height: 2;display: -webkit-box;-webkit-box-orient: vertical;word-break: break-all;}
.de1left .list-type-nav a.cur{background: #fff;color:#1a1527;}
.de1left .list-type-nav a:hover{background: #fff;}
.de1left .de1conts {float: left;width: 100%;margin-top:10px;border-radius: 20px;padding: 40px;background: #fff;display: flex;flex-direction: column;/*gap: .6rem;*/}
.de1left .de1conts .decon{width: 100%;overflow-x:auto;}
.de1left .de1conts h4{font-size:24px;font-weight:bold;color: #1a1527;display: flex;align-items: center;margin-bottom: 20px;}
.de1left .de1conts >p{font-size: 14px;color: #555160;/*margin-bottom: 30px;*/line-height: 2;}
.de1left .de1titpe { float: left; width: 100%; position: relative; }
.de1left .de1titpe h3 { background: #1a1527; float: left; color: #fff; padding: 18px; font-size: 15px; line-height: 20px !important; border-top-left-radius: 12px; border-top-right-radius: 12px; margin: 0px; }
.de1left .de1titpe h3::after { position: absolute; content: ""; bottom: 0px; width: 100%; height: 2px; background: #1a1527; left: 0px; }
@media(max-width: 1599px){}
@media(max-width: 1439px){
    .de1left .list-type-nav a{padding: 9px 20px;}
    .detail1 .title{font-size: 18px;}
    .details .title{font-size: 18px;padding: 10px 15px;}
    .detail1 table tr td{font-size: 14px;}
    .details table tr td{font-size: 14px;}
    .detail1 .content-three .scroll{max-height: 313px;}
    .details .detail_right .rtpdesbtn .btnrtptwo{/* padding: 0 40px; */}
}
@media(max-width: 1365px){}
@media(max-width: 1199px){
    .detail1 .content-three{flex-wrap: wrap;gap: 36px;}
    .detail1 .content-three .con-tab{width: 100%;}
    .detail1 .title{font-size: 16px;}
    .details .title{font-size: 16px;padding: 6px 15px;}
    .de1left{width:62%;padding: 30px;}
}
@media(max-width: 991px){
    .de1left{width: 100%;}
    .details .detail_right .d-pdf{width: 100%;}
}
@media(max-width: 767px){
    .detail1 .title{font-size: 14px;}
    .details .title{font-size: 14px;padding: 4px 10px;}
    .details .content-three .con-tab .title::after{height: 1px;}
    .detail1 .title i{width: 50px;height: 50px;font-size: 30px;}
    .details .title i{width: 50px;height: 50px;font-size: 30px;}
    .detail1 table tr td{font-size: 14px;padding: 10px 20px!important;}
    .details table tr td{font-size: 14px;padding: 10px 20px;}
    .detail1 table tr th{font-size: 16px;padding: 10px 20px;}
    .details table tr th{font-size: 16px;padding: 10px 20px;}
}
@media(max-width: 430px){
    .detail1 .title{font-size: 16px;}
    .detail1 .title i{width: 30px;height: 30px;font-size: 20px;}
    .detail1 table tr td{font-size: 12px;}
    .detail1 table tr th{font-size: 12px;}
}





.share3 {column-gap: 20px;border-radius: 10px;float: left;width: 100%;display: flex;line-height: 32px;flex-wrap: wrap;align-items: center;margin-top: 35px;}
.share3 p{/* width: 100%; */color:#1a1527;font-weight: bold;margin:0;}
.share3 a { width: 30px; height:30px;display: block; border-radius:6px;display: flex;align-items: center;justify-content: center;}
.share3 a:nth-of-type(1) { background: #2673f8; }
.share3 a:nth-of-type(2) { background: #2faf29; }
.share3 a:nth-of-type(3) { background: #7171f8; }
.share3 a:nth-of-type(4) { background: #dd1f3d; }
.share3 a:nth-of-type(5) { background: #f22420; }
.share3 a:nth-of-type(6) { background: #dd1f3d; }
.share3 a i {font-size: 16px;color: #fff;}
.share3 a:hover { background: #1a1527; }
.share3 a:hover i{color: #fff;}

.prov1p1{display: none;float: left;width: 100%;position: relative;/* background: #e5e5e6; */width: 100%;border-radius: 28.5px;}
.prov1p1 h4{font-size: 18px;font-weight: bold;color: #1a1527;float: left;/* background: #e5e5e6; */padding:18px 30px;}
.prov1p3 {top: 0;width: 100%;position:absolute;background: #e5e5e6;overflow: hidden;z-index: 1;border-radius: 28px;overflow: hidden;}
.prov1p3 h4{font-size: 18px;font-weight: bold;color: #1a1527;float: left;}
.prov1p3.on h4 font{color:#4d8640;}
.prov1p1 i{position: absolute;right: 10px;width: 30px;height: 30px;background: #d2d2d3;border-radius: 50%;display: flex;justify-content: center;align-items: center;top:15px;cursor: pointer;}
.prov1p1 .prov1p3.on i{transform: rotate(180deg);}
.prov1p2{float: left;width: 100%;position: relative;margin: .4rem 0 .2rem 0;color: #818194;font-size: 18px;}
.prov1p3>div{width:100%;float:left;;background: #e5e5e6;z-index: 1;border-radius: 10px;display: none;padding:0px 30px 20px 30px;}
.prov1p3.on>div{display: block;user-select: none;}
.prov1p3.on>div>span{font-size: 14px;color: #aaa;}
.prov1p3.on>div>h3{font-weight: bold;color:#333;font-size: 24px;}
.prov1p3.on>div>p{font-weight: bold;color: #1a1527;margin-top: 10px;}
.prov1p3.on>div>p>span{float:right;margin-right: 10px;font-weight: lighter;color:#666;}
.prov1p4{float: left;width: 100%;display: flex;gap:30px;margin-top: 20px;}
.prov1p4 span{font-weight:bold;font-size: 16px;}


.detail1 { float: left; width: 100%; padding:.5rem 0;background: #f2f1f8;}

.detail1 .de2right {float:left;width: 480px;position: sticky;top: 121px; border-radius: 20px;padding:0 28px;height: 100%;}


.detail2 { float: left; width: 100%; margin-top: 45px; }
.deail2_top { float: left; width: 100%; display: flex; }
.deail2_top h3 { flex: 1; }
.deail2_top p { float: right; width: 580px; margin-top: 25px; }
.proremm { float: left; width: 100%; margin-top: 65px; }
.proremm .swiper { height: auto; overflow: visible; }
.proremm .swiper-wrapper { height: auto; width: 100%; }
.proremm .swiper-slide { height: auto; }
.proremm .item { float: left; width: 100%; }
.proremm .item .ptpt { float: left; width: 100%; background: #e9eaeb; border: 1px solid #dddddd; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; border-radius: 20px; margin-top: 15px; }
.proremm .item .ptpt i { background: #96b84a; border-radius: 100%; width: 50px; height: 50px; text-align: center; line-height: 50px; color: #fff; float: right; font-size: 22px; margin-right: 6px; }
.proremm .item .ptpt span { line-height: 50px; overflow: hidden; margin-left: 8px; color: #000; }
.proremm .item .pmpd { float: left; width: 100%; border: 1px solid #ddd; border-radius: 20px; position: relative; overflow: hidden; }
.proremm .item .pmpd img { border-radius: 20px; width: 100%; height: auto; object-fit: cover; height: 320px; }
.proremm .item .pmpd .pmpmore { position: absolute; float: left; width: 100%; bottom: 20px; left: 25px; display: flex; }
.proremm .item .pmpd .pmpmore p { margin: 0px; background: rgb(221, 221,221,0.9); border-radius: 20px; color: #333; width: 110px; text-align: center; height: 45px; line-height: 45px; }
.proremm .item .pmpd .pmpmore i { height: 45px; line-height: 45px; color: #fff; background: rgb(43, 50,62,0.8); width: 45px; border-radius: 50%; text-align: center; position: relative; margin-left: -12px; }

.deatl5 { float: left; width: 100%; margin-top: 40px; }
.deail2_top { float: left; width: 100%; }
.deail2_top h3 { }
.details .detail_left > .rtp_small_img .hisList3{position: relative;overflow: hidden;background: #fff;border: 1px solid #ced5e1;border-radius: 20px;}
.details .detail_left > .rtp_small_img .hisList3 .pro-logo{position: absolute;top: 35px;left: 30px;height: 41px;z-index: 2;}
.details .detail_left > .rtp_small_img .hisList2{overflow: hidden;padding: 35px 0;}
.details .detail_left > .rtp_small_img .hisList2 .swiper-slide.swiper-slide-thumb-active {border: 1px solid #1a1527;}
.details .detail_left > .rtp_small_img .hisList2 .swiper-slide{border-radius: 10px;border: 1px solid #dfe5f9;/* transition: all .3s ease-in-out; */}
.details .detail_left > .rtp_small_img .hisList2 .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.hisList2 .c-prev,.hisList2 .c-next {border-radius: 5px;border: 1px solid #ced5e1;background: #f2f1f8;cursor: pointer;background: #fff;}
.details .detail_left > .rtp_small_img .hisList3 .swiper-slide{/* border: 1px solid #ced5e1; *//* border-radius: 20px; */}
.details .detail_left > .rtp_small_img .hisList3 .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
@media (max-width:640px) {
    .prov1p2 .info .left{padding-right:20px !important;}
    .prov1p2 .info .right{padding-left:20px !important;}
}
@media (max-width:767px) {
    .pdhtop{padding-top: 0 !important;padding-bottom: 40px;}
    .prov1p2 .info{float: unset;border-radius: 27px;}
    .prov1p2 .info .left{padding-right: 60px;}
    .prov1p2 .info .right{padding-left: 60px;}
    .details .detail_right .rtpdesbtn .btnrtptwo{/* width: 100%; */margin: 0;padding: 12px 20px;/* margin-top: 20px; */order: 2;}
    .details .detail_right .rtpdesbtn .btnrtpfir{/* width: 100%; */margin: 0;}
}
@media (max-width:991px) {
    .details {padding-top: 5px;}
    .details .detail_left { float: left; width: 100%; }
    .details .detail_left > .rtp_small_img{/* display: flex; */justify-content: space-between;}
    .details .detail_left > .rtp_small_img .hisList3 {width: 100%;height: 100%;order: 2;}

    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide {overflow: hidden;text-align: center;margin: 0;cursor: pointer;box-sizing: border-box;background:#fff;position: relative;display: flex;align-items: center;justify-content: center;}
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide iframe { object-fit: cover; width: 100% !important; height: 100px; }
    .details .detail_left > .rtp_small_img .hisList2 { height: 100%;}
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide {overflow: hidden;box-sizing: border-box;opacity: 1;margin: 0;position: relative;background:#fff;}

    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }

    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide-thumb-active { opacity: 1; }
    .details .detail_left .btn { border-radius: 50%;position: absolute;width: 42px; height: 42px; align-items: center; justify-content: center; background: #edeffd; cursor: pointer; outline: none; float: left; z-index: 2; display: inline-flex;}
    .details .detail_left .btn i{font-size: 14px;}

    .rwidth {width: 100%;overflow: hidden;width: 100%;height: 100px;order: 1;margin-top: 20px;}
    .details .detail_left > .rtp_small_img .hisList2 {position: relative;padding: 0 30px;}
    .hisList2 .c-prev,.hisList2 .c-next { position: absolute; top: 0; left: 0; z-index: 10; width: 25px; height: 100%;}
    .hisList2 .c-prev { transition: all 0.5s; }
    .hisList2 .c-prev::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-right: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-prev:hover { background: #1a1527; }
    .hisList2 .c-prev:hover::before { border-right: 12px solid #fff; }
    .hisList2 .c-next { left: auto; right: 0; transition: all 0.5s; }
    .hisList2 .c-next::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-left: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-next:hover { background: #1a1527; }
    .hisList2 .c-next:hover::before { border-left: 12px solid #fff; }


    .details .detail_right { float: left; width: 100%; margin-left: 0px;margin-top: 40px;}
    .details .detail_right h1 { font-size: 24px;margin-bottom:10px;padding-bottom: 10px;}
    .details .detail_right .rtpdesbtn { display: flex; flex-flow: wrap; }
    .details .detail_right .rtpdesbtn .btnrtpfir {margin-right:0;/* padding: 6px 20px; */border-radius: 27px;justify-content: center;}
    .details .detail_right .rtpdesbtn .btnrtptwo { margin-left: 0px;border-radius: 27px;justify-content: center;}

    .share3 {padding: 20px;column-gap: 10px;}

    .detail1 .de2right { display: none; }
    .deail2_top { float: left; width: 100%; display: flex; flex-flow: wrap; }
    .detail2 { margin-top: 25px; }
    .deail2_top h3 { flex: auto; float: left; width: 100%; }
    .deail2_top h3 br { display: none; }
    .deail2_top p { float: left; width: 100%; margin-top: 15px; }
    .pdhtop {padding-top: 111px;padding-bottom: 20px;}
    .proremm { margin-top: 40px; }
    .proremm .swiper { height: auto; overflow: hidden; }
    .proremm .item .pmpd img { height: 293px; }
    .proremm .item .ptpt i { width: 42px; height: 42px; line-height: 42px; font-size: 22px; }
    .proremm .item .ptpt span { line-height: 42px; }
}

@media(min-width:992px) and (max-width:1199px) {
    .details .detail_left {float: left;width: 400px;}
    .details .detail_left > .rtp_small_img .hisList3 { width: 400px; height: 400px; }
    .details .detail_right { float: left; width: calc(100% - 470px); margin-left: 30px; }
    .details .detail_right h1 { font-size: 28px; margin-bottom:10px;padding-bottom:10px;}
    .details .detail_right .rtpdesbtn .btnrtpfir{/* padding: 6px 32px; */}
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide {overflow: hidden;text-align: center;margin: 0;cursor: pointer;box-sizing: border-box;background: #fff;position: relative;display: flex;align-items: center;justify-content: center;}
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide img {/* box-sizing: border-box; *//* max-height: 300px; *//* max-width: 100%; */}
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide iframe { object-fit: cover; width: 100% !important; height: 100px; }
    .details .detail_left > .rtp_small_img .hisList2 {height: 100px;}
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide {background: #fff;overflow: hidden;box-sizing: border-box;margin: 0;position: relative;}
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }

    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide-thumb-active {opacity: 1;}
    .details .detail_left .btn { position: absolute; width: 42px; height: 42px; align-items: center; justify-content: center; background: #edeffd; cursor: pointer; outline: none; float: left;z-index: 2; display: inline-flex;}
    .share3 {/* margin-top: 20px; */padding: 10px 15px;}
    .rwidth { float: left; width: 100%; margin-top: 12px; overflow: hidden; }
    .details .detail_left > .rtp_small_img .hisList2 {position: relative;padding: 0 30px;}
    .hisList2 .c-prev,
    .hisList2 .c-next { position: absolute; top: 0; left: 0; z-index: 10; width: 25px; height: 100%; }
    .hisList2 .c-prev { transition: all 0.5s; }
    .hisList2 .c-prev::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-right: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-prev:hover { background: #1a1527; }
    .hisList2 .c-prev:hover::before { border-right: 12px solid #fff; }
    .hisList2 .c-next { left: auto; right: 0; transition: all 0.5s; }
    .hisList2 .c-next::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-left: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-next:hover { background: #1a1527; }
    .hisList2 .c-next:hover::before { border-left: 12px solid #fff; }

    .proremm .item .pmpd img { height: 293px; }
    .proremm .item .ptpt i { width: 42px; height: 42px; line-height: 42px; font-size: 22px; }
    .proremm .item .ptpt span { line-height: 42px; }
    .detail1 .de2right{width: 35%;}
    .prov1p2{font-size: 16px;}
}

@media(min-width:1200px) and (max-width:1365px) {
    .details .detail_left {float: left;width: 440px;}
    .details .detail_left > .rtp_small_img .hisList3 { width: 440px; height: 440px; }
    .details .detail_right { float: left; width:calc(100% - 540px); margin-left: 40px; }
    .details .detail_right h1{margin-bottom:20px;padding-bottom:20px;}
    .details .detail_right .rtpdesbtn .btnrtpfir{/* padding: 6px 32px; */}
    .proremm .item .pmpd img { height: 293px; }
    .proremm .item .ptpt i { width: 42px; height: 42px; line-height: 42px; font-size: 22px; }
    .proremm .item .ptpt span { line-height: 42px; }

    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide {background: #fff;overflow: hidden;text-align: center;margin: 0;cursor: pointer;box-sizing: border-box;position: relative;display: flex;align-items: center;justify-content: center;}
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide img { box-sizing: border-box;}
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide iframe { object-fit: cover; width: 100% !important; height: 100px; }
    .details .detail_left > .rtp_small_img .hisList2 {height: 100px;}
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide {background: #fff;overflow: hidden;box-sizing: border-box;opacity: 1;margin: 0;border: 1px solid #ddd;position: relative;}
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }

    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide-thumb-active {opacity: 1;}
    .details .detail_left .btn { position: absolute;width: 42px; height: 42px; align-items: center; justify-content: center; background: #edeffd; cursor: pointer; outline: none; float: left;z-index: 2; display: inline-flex;}
    .share3 {/* margin-top: 20px; */padding: 20px 20px 15px 20px;}
    .rwidth { float: left; width: 100%; margin-top: 12px; overflow: hidden; }
    .details .detail_left > .rtp_small_img .hisList2 {position: relative;padding: 0 35px;}
    .hisList2 .c-prev,
    .hisList2 .c-next { position: absolute; top: 0; left: 0; z-index: 10; width: 25px; height: 100%;}
    .hisList2 .c-prev { transition: all 0.5s; }
    .hisList2 .c-prev::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-right: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-prev:hover { background: #1a1527; }
    .hisList2 .c-prev:hover::before { border-right: 12px solid #fff; }
    .hisList2 .c-next { left: auto; right: 0; transition: all 0.5s; }
    .hisList2 .c-next::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-left: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-next:hover { background: #1a1527; }
    .hisList2 .c-next:hover::before { border-left: 12px solid #fff; }
}

@media(min-width:1366px) and (max-width:1439px) {
    .details .detail_left {float: left;width: 480px;}
    .details .detail_left > .rtp_small_img .hisList3 {width: 480px;height:480px;}
    .details .detail_right {float: left;width: calc(100% - 640px);margin-left: 40px;}
    .details .detail_right h1{margin-bottom: 30px;padding-bottom: 30px;}
    .details .detail_right .rtpdesbtn .btnrtpfir{padding: 6px 32px;}
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide {background: #fff;overflow: hidden;text-align: center;margin: 0;cursor: pointer;box-sizing: border-box;position: relative;display: flex;align-items: center;justify-content: center;}
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide img {box-sizing: border-box;/* max-height: 300px; *//* max-width: 100%; */}
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide iframe { object-fit: cover; width: 100% !important; height: 100px; }
    .details .detail_left > .rtp_small_img .hisList2 {height: 100px;}
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide {background: #fff;overflow: hidden;box-sizing: border-box;margin: 0;position: relative;}
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }

    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide-thumb-active {opacity: 1;}
    .details .detail_left .btn { position: absolute;width: 42px; height: 42px; align-items: center; justify-content: center; background: #edeffd; cursor: pointer; outline: none; float: left;z-index: 2; display: inline-flex;}
    .share3 {/* margin-top: 20px; */padding: 20px 20px 15px 20px;}
    .rwidth { float: left; width: 100%; margin-top: 12px; overflow: hidden; }
    .details .detail_left > .rtp_small_img .hisList2 {position: relative;padding: 0 35px;}
    .hisList2 .c-prev,
    .hisList2 .c-next { position: absolute; top: 0; left: 0; z-index: 10; width: 25px; height: 100%;}
    .hisList2 .c-prev { transition: all 0.5s; }
    .hisList2 .c-prev::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-right: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-prev:hover { background: #1a1527; }
    .hisList2 .c-prev:hover::before { border-right: 12px solid #fff; }
    .hisList2 .c-next { left: auto; right: 0; transition: all 0.5s; }
    .hisList2 .c-next::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-left: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-next:hover { background: #1a1527; }
    .hisList2 .c-next:hover::before { border-left: 12px solid #fff; }
}

@media(min-width:1440px) and (max-width:1599px) {
    .details .detail_left {float: left;width:480px;}
    .details .detail_left > .rtp_small_img .hisList3 {width: 480px;height: 480px;}
    .details .detail_right { float: left; width: calc(100% - 640px); margin-left: 40px; }


    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide {background: #fff;overflow: hidden;text-align: center;margin: 0;cursor: pointer;box-sizing: border-box;position: relative;display: flex;align-items: center;justify-content: center;}
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide img {/* box-sizing: border-box; *//* max-height: 300px; *//* max-width: 100%; */}
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide iframe { object-fit: cover; width: 100% !important; height: 100px; }
    .details .detail_left > .rtp_small_img .hisList2 {height: 100px;}
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide {background: #fff;overflow: hidden;box-sizing: border-box; margin: 0;position: relative;}
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }

    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide-thumb-active {opacity: 1;/* border-color: #1a1527; */}
    .details .detail_left .btn { position: absolute;width: 42px; height: 42px; align-items: center; justify-content: center; background: #edeffd; cursor: pointer; outline: none; float: left;z-index: 2; display: inline-flex;}

    .rwidth {float: left;width: 100%;margin-top: 12px;overflow: hidden;width: 100%;}
    .details .detail_left > .rtp_small_img .hisList2 {position: relative;padding: 0 35px;}
    .hisList2 .c-prev,
    .hisList2 .c-next { position: absolute; top: 0; left: 0; z-index: 10; width: 25px; height: 100%; }
    .hisList2 .c-prev { transition: all 0.5s; }
    .hisList2 .c-prev::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-right: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-prev:hover { background: #1a1527; }
    .hisList2 .c-prev:hover::before { border-right: 12px solid #fff; }
    .hisList2 .c-next { left: auto; right: 0; transition: all 0.5s; }
    .hisList2 .c-next::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-left: 12px solid #999; border-top: 6px solid transparent; border-bottom: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-next:hover { background: #1a1527; }
    .hisList2 .c-next:hover::before { border-left: 12px solid #fff; }

}


@media(min-width:1600px) and (max-width:1859px) {
    .details .detail_left {float: left;width: 48%;}
    .details .detail_right {float: left;width: 40%;margin-left: 40px;}

    .details .detail_left > .rtp_small_img .hisList3 {overflow: hidden;width: 500px;height: 500px;background: #fff;float: right;}

    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide {background: #fff;overflow: hidden;text-align: center;margin: 0;cursor: pointer;box-sizing: border-box;/* border: 1px solid #d5d5d5; */position: relative;display: flex;align-items: center;justify-content: center;}
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide img {box-sizing: border-box;max-width: 100%;width: 100%;height: 100%;}
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide iframe { object-fit: cover; width: 100% !important; height: 100px; }
    .details .detail_left > .rtp_small_img .hisList2 {height: 500px;}

    .rwidth {width: 130px;height: 100%;}
    .hisList2 .c-prev {position: absolute;top: 0;left: 0;z-index: 10;width: 100%;height: 25px;}
    .hisList2 .c-next {position: absolute;bottom: 0;left: 0;z-index: 10;height: 25px;width: 100%;}
    .details .detail_left > .rtp_small_img .hisList2 {position: relative;padding: 30px 0;}
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide {background: #fff;overflow: hidden;box-sizing: border-box;margin: 0;position: relative;/* width: 120px; */text-align: center;}
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }

    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide-thumb-active { opacity: 1; }

    .hisList2 .c-prev { transition: all 0.5s; }
    .hisList2 .c-prev::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-bottom: 10px solid #999; border-left: 6px solid transparent; border-right: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-prev:hover { background: #1a1527; }
    .hisList2 .c-prev:hover::before { border-bottom: 12px solid #fff; }
    .hisList2 .c-next { left: auto; right: 0; transition: all 0.5s; }
    .hisList2 .c-next::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-top: 10px solid #999; border-left: 6px solid transparent; border-right: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-next:hover { background: #1a1527; }
    .hisList2 .c-next:hover::before { border-top: 12px solid #fff; }
}

@media(min-width:1860px) {
    .details .detail_left > .rtp_small_img .hisList3 {position: relative;overflow: hidden;box-sizing: border-box;float: right;width:520px;height: 520px;background: #fff;border: 1px solid #ced5e1;border-radius: 20px;}
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide {background: #fff;overflow: hidden;text-align: center;margin: 0;cursor: pointer;box-sizing: border-box;/* border: 1px solid #d5d5d5; *//* padding: 5px; */position: relative;display: flex;align-items: center;justify-content: center;}
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide img {box-sizing: border-box;width: 100%;object-fit: cover;}
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }
    .details .detail_left > .rtp_small_img .hisList3 .swiper-slide iframe { object-fit: cover; width: 100% !important; height: 100px; }

    .rwidth {float: left;width: 100px;}
    .hisList2 .c-prev {position: absolute;top: 0;left: 0;z-index: 10;width: 100%;height: 25px;}
    .hisList2 .c-next {position: absolute;bottom: 0;left: 0;z-index: 10;width: 100%;height: 25px;}
    .details .detail_left > .rtp_small_img .hisList2 {position: relative;height: 520px;}
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide {background: #fff;overflow: hidden;box-sizing: border-box;margin: 0;border: 1px solid #dfe5f9;position: relative;text-align: center;border-radius: 10px;}
    .details .detail_left > .rtp_small_img .hisList2 .swiper-slide i { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-size: 0.3rem; color: #d71635; }


    .hisList2 .c-prev { transition: all 0.5s; }
    .hisList2 .c-prev::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-bottom: 10px solid #999; border-left: 6px solid transparent; border-right: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-prev:hover { background: #1a1527; }
    .hisList2 .c-prev:hover::before { border-bottom: 12px solid #fff; }
    .hisList2 .c-next { left: auto; right: 0; transition: all 0.5s; }
    .hisList2 .c-next::before { content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; border-top: 10px solid #999; border-left: 6px solid transparent; border-right: 6px solid transparent; transition: all 0.5s; }
    .hisList2 .c-next:hover { background: #1a1527; }
    .hisList2 .c-next:hover::before { border-top: 12px solid #fff; }
}

.detail1 .title{border-radius: 10px 10px 0 0;margin-bottom: 9px;padding:16px 25px;font-weight: bold;color: #1a1527;font-size: 20px;background: #e0e4f1;display: flex;justify-content: space-between;align-items: center;}
.detail1 .con-tab .title i,.detail1 .description .title i{display: none;width: 35px;height: 35px;align-items: center;justify-content: center;background: #1a1527;border-radius: 50%;color: #fff;font-size:24px;}
.detail1 .con-tab.active .title i:nth-of-type(1),.detail1 .description.active .title i:nth-of-type(1){display:flex;}
.detail1 .con-tab .title i:nth-of-type(2),.detail1 .description .title i:nth-of-type(2){display:flex;}
.detail1 .con-tab.active .title i:nth-of-type(2),.detail1 .description.active .title i:nth-of-type(2){display:none;}
.detail1 .content-three .scroll{overflow-y:auto;max-height: 331px;height: 0;}
.detail1 .content-three .con-tab.active .scroll{height:auto;}
.detail1 .content-three .scroll::-webkit-scrollbar{background: #edeffd;border-radius: 5px;width: 5px;}
.detail1 .content-three .scroll::-webkit-scrollbar-thumb{background: #1a1527;border-radius: 5px;}
.detail1 .table{width: 100%;border-radius: 0 0 10px 10px;border: 1px solid #e0e4f1;margin-bottom: 0;}
.detail1 .table::-webkit-scrollbar{background: #edeffd;}
.detail1 table{width: 100%;border-radius: 5px;overflow: hidden;}
.detail1 table tr{border-radius: 5px;}
.detail1 table tr:nth-child(2n){background: #f9f9fb;}
.detail1 table tr:nth-child(2n-1) {background: #e3e2ea;}

.detail1 table tr td{padding:15px 27px!important;color: rgba(26,21,39, 0.5);}
.detail1 table tr th{padding:15px 27px;color: #1a1527;}
.detail1 table tr td:nth-child(2n){color: #1a1527;}
.detail1 table tr:nth-child(2n) td:nth-last-child(1){color: #000;}
.detail1 .description.active .scroll:nth-child(2){display: block;}
.detail1 .description .scroll{display: none;}
@media(max-width: 1599px){}
@media(max-width: 1439px){
    .detail1 .title{font-size: 18px;}
    .detail1 table tr td{font-size: 14px;}
    .detail1 .content-three .scroll{max-height: 313px;}
}
@media(max-width: 1365px){}
@media(max-width: 1199px){
    .detail1 .content-three{flex-wrap: wrap;gap: 36px;}
    .detail1 .content-three .con-tab{width: 100%;}
}
@media(max-width: 991px){}
@media(max-width: 767px){
    .detail1 .title{font-size: 18px;}
    .detail1 .title i{width: 50px;height: 50px;font-size: 30px;}
    .detail1 table tr td{font-size: 14px;padding: 10px 20px;}
    .detail1 table tr th{font-size: 16px;padding: 10px 20px;}
}
@media(max-width: 430px){
    .detail1 .title{font-size: 18px;}
    .detail1 .title i{width: 30px;height: 30px;font-size: 20px;}
    .detail1 table tr td{font-size: 12px;}
    .detail1 table tr th{font-size: 12px;}
}






.prodemess { float: left; width: 100%;}
.prodemess .message_list { float: left; width: 100%;margin: 50px 0 0 0; }
.message_left {float: left;width:38%;}
.message_left .title{width: 100%;}
.message_right {float: right;width:100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.message_right .listd {float: left;width: 47%;margin-bottom: 20px;}
.message_right .listd .form-group{align-items: baseline;border: 1px solid #d9dce0;background: #fff;}
.message_right .listd .tip{margin-bottom:16px;margin-top: 10px;}
.message_right .listd .tip p{font-weight:bold;margin-bottom: 0;color: #555160;letter-spacing: 1px;display: none;}
.listd .form-control {min-height: auto;font-size: 16px;padding: 0;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;border: none;text-indent: 10px;border-radius: 0;background: transparent;}
.listd .form-control::placeholder{color:rgba(169,169,169,0.5);;}
.listd input[type=text] {/* height: 50px; */}
.listd .form-group {background: #f3f4f5;border-radius: 25.5px;color: #818194;display: flex;align-items: center;padding: 12px 30px;}
.listd .form-group span{color:#ce3334;}
.listd .form-group p{margin-bottom: 0;font-weight: normal;}
.listd .pbpmore { margin-top: 10px }
.listd .pbpmore a{width: 100%;}
.listd .pbpmore a i{transform: none;color: #0b070f;}
.listd .pbpmore a:hover i{color: #fff;}
.listd .pbpmore a span{font-weight: bold;letter-spacing: 1px;}
.checkbox, .radio { display: block; position: relative; margin-top: 0; margin-bottom: 0; cursor: pointer; padding-left: 30px; font-weight: 400; min-height: 18px; height: auto !important; line-height: 18px !important }
input[type=checkbox], input[type=radio] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 }
.checkbox input, .radio input { position: absolute; display: none }
.checkbox span::before, .radio span::before { content: ''; position: absolute; display: inline-block; height: 18px; width: 18px; left: 0; top: 0; border: 2px solid #ebebeb; -webkit-transition: all .1s; -o-transition: all .1s; transition: all .1s }
.checkbox span::after, .radio span::after { content: ''; position: absolute; display: none; width: 5px; height: 10px; left: 7px; top: 3px; border: solid #1a1527; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.checkbox span, .radio span { display: inline-block; font-size: 12px; color: #666 }
.checkbox input:checked ~ span:after, .radio input:checked ~ span:after { display: inline-block }
.checkbox:hover span::before, .radio:hover span::before { border-color: #ebebeb }

@media(max-width:768px) {
    .message_left { float: left; width: 100% }
    .message_left h3 { font-size: 24px }
    .message_left p { font-size: 14px; margin-top: 25px; color: #666 }
    .message_right { float: left; width: 100%; margin-top: 25px }
    .listd .pbpmore .set_5_button {  width:100%;}
    .pro1_left { float: left; width: 100%; }
    .pro1title { float: left; width: 100%; font-size: 24px; line-height: 0.6rem; }
    .pro1_right { float: right; width: 100%; margin-top: 25px }
    .message_right .listd{width: 100%;}
    .message_right .listd .form-group{padding: 7px 10px;}
}

@media(min-width:768px) and (max-width:992px) {
    .message_left { float: left; width: 100% }
    .message_left h3 { font-size: 0.32rem; }
    .message_left p { font-size: 14px; margin-top: 25px; color: #666 }
    .message_right { float: left; width: 100%; margin-top: 25px }
    .divRelated .t1 { font-size: 0.32rem; padding-top: 30px; }
    .pro1_left { float: left; width: 100%; }
    .pro1title { float: left; width: 100%; font-size: 0.32rem; line-height: 0.6rem; }
    .pro1_right { float: right; width: 100%; margin-top: 25px }
}

@media(min-width:992px) and (max-width:1200px) {
    .message_left { float: left; width: 100% }
    .message_left h3 { font-size: 0.4rem; }
    .message_left p { font-size: 16px; margin-top: 25px; color: #666 }
    .message_right { float: left; width: 100%; margin-top: 25px }
}

@media(min-width:1200px) and (max-width:1366px) {
    .message_left { float: left; width: 530px }
    .message_left h3 { font-size: 0.4rem }
    .message_left p { font-size: 16px; margin-top: 25px; color: #666 }

}

@media(min-width:1367px) and (max-width:1440px) {
    .message_left { float: left; width: 545px }
    .message_left h3 { font-size: 0.4rem }
    .message_left p { font-size: 16px; margin-top: 25px; color: #666 }

}

@media(min-width:1441px) and (max-width:1600px) {
    .message_left { float: left; width: 585px }
    .message_left h3 { font-size: 0.4rem }
    .message_left p { font-size: 16px; margin-top: 25px; color: #666 }

}


.produ2list { float: left; width: 100%; margin-top: 50px; }
.tjprod { float: left; width: 100%;padding-bottom:60px;padding-top:10px; }
.team-swiper .box { transform: scale(.9) }

.team-swiper .swiper-slide { position: relative; transition: all .3s; display: flex; align-items: flex-start; justify-content: center }

.team-swiper .swiper-slide .title { position: absolute; width: 100%; left: 0; bottom: 30px; font-size: 20px; color: #fff; padding: 0 50px; display: none }

.team-swiper .swiper-slide-active { opacity: 1 }

.team-swiper .swiper-slide-active .box { transform: scale(1) }

.team-swiper .swiper-slide-active::after { display: none }

.team-swiper .swiper-slide-active .title { display: block }

.team-swiper .swiper-pagination { position: static; margin-top: 40px; width: 100%; text-align: center }

.team-swiper .swiper-pagination .swiper-pagination-bullet { width: 5px; height: 5px; border-radius: 5px; background: #1a1527; margin: 0 6px }

.team-swiper .swiper-pagination .swiper-pagination-bullet-active { width: 24px }


.produ2list .item { float: left; width: 100%; background: #f8f8f8; border-radius: 20px; padding: 25px; position: relative; }
.produ2list .item .pabp { position: absolute; float: left; width: 100%; height: 100%; background: rgb(0,0,0,0.3); border-radius: 20px; top: 0px; left: 0px; display: none; }
.produ2list .item .pabp i { float: right; height: 50px; width: 50px; text-align: center; line-height: 50px; font-size: 18px; background: #fff; border-radius: 50%; color: #1a1527; margin-right: 20px; margin-top: 20px; }
.produ2list .item .pabp .pabbp { position: absolute; float: left; width: calc(100% - 40px); bottom: 20px; left: 20px; background: #1a1527; border-radius: 20px; padding: 25px; }
.produ2list .item .pabp .pabbp strong { color: #fff; font-weight: normal; font-size: 16px; }
.produ2list .item .pabp .pabbp p { color: rgb(255,255,255,0.5); line-height: 20px; margin-top: 15px; margin-bottom: 0px; }
.produ2list .item .ptp { overflow: hidden; text-align:center; height:350px;padding:15px; }
.produ2list .item .ptp img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; height:300px; object-fit:contain; }
.produ2list .item .pmp { margin-top: 20px; text-align: center; }
.produ2list .item:hover .pabp { display: block; }
.produ2list .item:hover .ptp img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }



.produ2list .swiper-button-next2 { width: 44px; height: 44px; background: #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); color: #000; opacity: 1; border-radius: 50%; position: absolute; top: 50%; right: 3px; margin-top: -22px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.produ2list .swiper-button-prev2 { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5); width: 44px; height: 44px; background: #fff; color: #000; opacity: 1; border-radius: 50%; font-size: 24px; position: absolute; top: 50%; left: 3px; margin-top: -22px; z-index: 2; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.produ2list .swiper-button-next2:hover { background: #1a1527; color: #fff; }
.produ2list .swiper-button-prev2:hover { background: #1a1527; color: #fff; }

@media (max-width:768px) {

    .message_left { float: left; width: 100% }

    .message_left p { font-size: 16px; margin-top: 25px; color: #666; width: 100%; }
    .message_right { float: left; width: 100%; margin-top: 25px }
}

@media(min-width:768px) and (max-width:992px) {
    .message_left { float: left; width: 100% }

    .message_left p { font-size: 16px; margin-top: 25px; color: #666 }
    .message_right { float: left; width: 100%; margin-top: 25px }
}

@media(min-width:992px) and (max-width:1200px) {
    .message_left { float: left; width: 100% }

    .message_left p { font-size: 16px; margin-top: 25px; color: #666 }
    .message_right { float: left; width: 100%; margin-top: 25px }
}

@media(min-width:1200px) and (max-width:1366px) {
    .message_left { float: left; width: 530px }

    .message_left p { font-size: 16px; margin-top: 25px; color: #666 }

}

@media(min-width:1367px) and (max-width:1440px) {
    .message_left { float: left; width: 545px }

    .message_left p { font-size: 16px; margin-top: 25px; color: #666 }

}

@media(min-width:1441px) and (max-width:1600px) {
    .message_left { float: left; width: 585px }

    .message_left p { font-size: 16px; margin-top: 25px; color: #666 }

}


.prodlistd { float: left; width: 100%; background: #f5f5f5; padding-bottom: 60px; }
.pcplist {width: 100%; display: flex; flex-flow: wrap;gap: 4%;}
.pcplist .item {width: calc((100% - 8%)/3);/* border: 2px solid rgba(130,144,161, 0.33); */background: #fff;border-radius: 20px;position: relative;margin-bottom:.4rem;overflow: hidden;transition: all .3s ease-in-out;display: flex;flex-direction: column;justify-content: space-between;}
.pcplist .item:hover{/* border:2px solid #19324f; */}
.pcplist .item h5{font-size: 18px;font-weight: bold;color: #1a1527;position: absolute;bottom: 25px;left: 25px;}
.pcplist .item:hover h5{opacity: 0;}
.pcplist .item .img{background: #fff;padding: 10px;overflow: hidden;position: relative;height: -webkit-fill-available;height: 300px;width: 100%;/* border-radius:20px; */}
.pcplist .item .img a{display: block;position: relative;background: #fff;}
.pcplist .item .img .hover-img{opacity: 0;transition: all .3s ease-in-out;width: 100%;height: 100%;}
.pcplist .item .img >img{width: 100%;height: 100%;object-fit: cover;;}
.pcplist .item:hover .img .hover-img{opacity: 1;}
.pcplist .item .pabp { position: absolute; float: left; width: 100%; height: 100%; background: rgb(0,0,0,0.3); border-radius: 20px; top: 0px; left: 0px; display: none; }
.pcplist .item .pabp i { float: right; height: 50px; width: 50px; text-align: center; line-height: 50px; font-size: 18px; background: #fff; border-radius: 50%; color: #1a1527; margin-right: 20px; margin-top: 20px; }
.pcplist .item .pabp .pabbp { position: absolute; float: left; width: calc(100% - 40px); bottom: 20px; left: 20px; background: #1a1527; border-radius: 20px; padding: 25px; }
.pcplist .item .pabp .pabbp strong { color: #fff; font-weight: normal; font-size: 16px; }
.pcplist .item .pabp .pabbp p { color: rgb(255,255,255,0.5); line-height: 20px; margin-top: 15px; margin-bottom: 0px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:5;display: -webkit-box;-webkit-box-orient: vertical;}
.pcplist .item .ptp { overflow: hidden; text-align: center; height: 300px; padding: 12px; }
.pcplist .item .ptp img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; height: 300px; object-fit: contain; }
.pcplist .item .pmp { margin-top: 20px; text-align: center; }
.pcplist .item:hover .pabp { display: block; }
.pcplist .item:hover .ptp img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.pcplist .item .brand p{color: #9fa7be;font-weight: bold;font-size: 12px;letter-spacing: 1px;}
.pcplist .item .txt{transition: all .3s ease-in-out;display: flex;opacity: 0;;position: absolute;top:0;left:0;right:0;bottom:0;background: rgba(19,40,67,.9);flex-direction: column;justify-content: center;align-items: center;/* gap: 20px; *//* border-radius: 20px; */}
.pcplist .item:hover .txt{opacity: 1;}
.pcplist .item .txt img{width: 100%;height: 100%;object-fit: cover;}
.pcplist .item .brand{float: left;width: 100%;}
.pcplist .item:hover .txt a{color: #fff;}
.pcplist .item .brief{position: relative;width: 100%;font-weight: bold;color: #9fa7be;padding: 20px 20px 0;transition: all .3s ease-in-out;display: flex;justify-content: space-between;align-items: center;margin-block-end: auto;}
.pcplist .item:hover .brief{ color: #fff;}
.pcplist .item .brief p{float: left;line-height: 1.5;margin: 0;overflow: hidden;display: flex;width: 100%;color:#1b1d2e;font-size: 18px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:3;display: -webkit-box; -webkit-box-orient: vertical;}
.pcplist .item .brief span{display: inline;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:1;display: -webkit-box;line-height: 1.5;-webkit-box-orient: vertical;color: #1a1527;transition: all .3s ease-in-out;}
.pcplist .item .brief>div{height: 30px;padding: 0 10px;}
.pcplist .item .brief>div a{font-size: 12px;color: #fff;}
.pcplist .item:hover .brief>div{background: #d9261c;border: 1px solid #d9261c;color: #fff;}
.pcplist .item .brief>div::before{background: #d9261c;}
.pcplist .item:hover .brief span{color: #fff;}
.pcplist .item .pro-btn{display: flex;gap: 10px;padding: 20px;}
.pcplist .item .pro-btn span{font-size: 12px;text-overflow: ellipsis;overflow: hidden;-webkit-line-clamp:1;display: -webkit-box; -webkit-box-orient: vertical;}
.pcplist .item .pro-btn a{height: 33px;}
.pcplist .item .pro-btn a:nth-child(1){border: 1px solid #1a1527;}
.pcplist .item .pro-btn a:nth-child(1)::before{background:#1a1527;}
.pcplist .item .pro-btn a:nth-child(2) span{color:#8f68ed;}
.pcplist .item .pro-btn a:nth-child(2):hover span{color: #fff;}
@media(min-width:1px) and (max-width:430px) {
    .pcplist .item .brief>div{height: 22px;font-size: 12px;padding:0 15px;}
    .pcplist .item .brief p{width: 50%;font-size: 12px;}
    .pcplist .item .brand p{font-size: 12px;}
}
@media(min-width:1px) and (max-width:639px) {
    .pcplist .item .brief p{width:100%;}
    .pcplist .item .txt{padding: 15px;}
    .pcplist .item .txt .public-btn1{place-self: end;}
    .pcplist .item .img{height: 400px;}
    .pcplist .item {float: left; width: 100%;border-radius: 20px; position: relative; margin-bottom: 25px; }

}

@media(min-width:640px) and (max-width:767px) {
    .pcplist{gap: 4%;}
    .pcplist .item { float: left; width:48%;border-radius: 20px;position: relative;margin-bottom: 25px; }
    .pcplist .item .img{height: 300px;}
    .pcplist .item .txt{padding: 0;}
    .pcplist .item .txt a{font-size: 16px;}
    .pcplist .item .brand p{font-size: 12px;}
    .pcplist .item .brief p{width:100%;font-size: 12px;}
    .pcplist .item:nth-child(2n) { margin-right: 0px; }
    .pcplist .item .ptp{height: 200px;}
    .pcplist .item .ptp img{height:200px;}
}


@media(min-width:768px) and (max-width:991px) {
    .pcplist{gap: 2%;}
    .pcplist .item { width:49%;}
    .pcplist .item .img{height: 350px;}
    .pcplist .item .txt{padding:0;}
    .pcplist .item .brief p{width: 100%;font-size: 14px;}
    .pcplist .item .ptp{height: 200px;}
    .pcplist .item .ptp img{height:200px;}
}

@media(min-width:992px) and (max-width:1199px) {
    .pcplist{gap: 2%;}
    .pcplist .item .ptp { overflow: hidden; text-align: center; height: 250px; padding: 12px; }
    .pcplist .item .ptp img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; height: 250px; object-fit: contain; }
    .pcplist .item { float: left; width: calc((100% - 20px)/2);}
    .pcplist .item .brief p{font-size: 16px;}



}

@media(min-width:1200px) and (max-width:1365px) {
    .pcplist{gap: 2%;}
    .pcplist .item {width: calc((100% - 2%)/2);}
}

@media(min-width:1366px) and (max-width:1439px) {
    .pcplist{gap: 2%;}
    .pcplist .item {width: calc((100% - 2%)/2);}
    .pcplist .item .img{height: 300px;}
}

@media(min-width:1440px) and (max-width:1599px) {
    .pcplist{gap: 2%;}
    .pcplist .item {width: calc((100% - 2%)/2);}
    .pcplist .item .ptp { overflow: hidden; text-align: center; height: 250px; padding: 12px; }
    .pcplist .item .ptp img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; height: 250px; object-fit: contain; }

}

@media(min-width:1600px) and (max-width:1660px) {
    .pcplist{gap: 2%;}
    .pcplist .item {width: calc((100% - 2%)/2);}
}


@media(min-width:1860px) {

}



.message-box{display: flex;justify-content: space-between;margin-top: .6rem;}
.message-box .left{ width: 50%; }
.message-box .right{width: 48%;position: relative;}
.message-box .left .mob-con{display: none;}


.message-box .left .moving-img {position: absolute;transition: all 2s ease-in-out;width: 60px;height: 60px;cursor: pointer;border-radius: 50%;}
.message-box .right .product-message{position: absolute;right:-244px;z-index: 2;width: 340px;top: 190px;}
.message-box .right .message-form{background: #1a1527;border-radius: 10px;padding: .7rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.message-box .right .message-form .form-group{width: 100%;margin-bottom: 10px;}
.message-box .right .message-form .form-group-half{width: 45%;margin-bottom: 10px;}
.message-box .right .message-form input,.message-box .right .message-form textarea{padding: 12px 0;color: #fff;width: 100%;border-bottom: 1px solid #6b7cb6;font-size: 16px;background: transparent;height: 50px;}
.message-box .right .message-form input::placeholder,.message-box .right .message-form textarea::placeholder{color: #fff;}
.message-box .right .message-form input:placeholder-shown,.message-box .right .message-form textarea:placeholder-shown{color: #fff;}
.message-box .right .message-form textarea::-webkit-scrollbar{display: none;}
.message-box .right .message-form .btnpro{display: none;}
.message-box .right .btnpro{margin-top: .7rem;}
.message-box .right .btnpro a{padding: 0 10px 0 40px;background: #1a1527;height: 60px;}
.message-box .right .btnpro a span{color: #fff;font-size: 24px;}
.message-box .right .btnpro a i{background: #fff;color: #1a1527;font-size: 20px;transform: rotate(45deg);}
.message-box .right .btnpro a:hover i{background: #1a1527;color: #fff;transform: rotate(360deg);}
.message-box .right .btnpro a:hover span{color: #1a1527;}
@media(max-width: 1599px){

    .message-box .right .btnpro a{height: 50px;}
    .message-box .right .product-message{top: 183px;}
}
@media(max-width: 1439px){
    .message-box .right .product-message{top: 176px;}
}
@media(max-width: 1365px){
    .message-box .right .product-message{top: 176px;}
}
@media(max-width: 1220px){
    .message-box .right .product-message{top: 169px;}
}
@media(max-width: 1199px){

    #moveArea .con{bottom: 0;}
    #moveArea .con .txt{width: 80%;background:#f5f7ffaa;}
    .message-box .right .product-message{top: 229px;}
    .message-box .right .message-form{padding:.7rem .35rem;justify-content: left;gap: 10%;}
    .message-box .right .message-form .form-group-half{width: 100%;}
    .message-box .right .btnpro a span{font-size: 20px;}
}
@media(max-width: 1024px){
    .message-box .right .product-message{top: 162px;}
}
@media(max-width: 991px){
    .message-box .right .product-message{top: 208px;}

}
@media(max-width: 767px){
    .message-box{flex-wrap: wrap;}
    .message-box .left{width: 100%;order: 2;}
    .message-box .left .mob-con{display: block;padding: 40px;margin-top: 80px;}
    .message-box .left .mob-con .txt{width: 50%;}
    .message-box .left .mob-con .txt h4{color: #1a1527;font-size: 24px;font-weight: bold;margin: 20px 0;}
    .message-box .left .mob-con .txt p{font-size: 12px;color: #1a1527;}
    .message-box .right{width: 100%;padding: 0 40px;}
    .message-box .right .message-form{width: 477px;border-radius: 64px;padding: 100px 30px;justify-content: space-between;}
    .message-box .right .message-form .form-group-half{width: 100%;}
    .message-box .right .message-form .btnpro{display: block;margin-top: 80px;}
    .message-box .right>.btnpro{display: none;}
    .message-box .right .product-message{right: auto;top: 440px;left: 421px;}
}
@media(max-width: 640px){
    .message-box .right{padding: 0 4%;}
    .message-box .right .message-form{width: 100%;border-radius:24px;padding: 60px 20px;}
    .message-box .right .message-form .btnpro{margin-top: 40px;}
    .message-box .right .btnpro a{height: 50px;}
    .message-box .right .btnpro a span{font-size: 16px;}
    .message-box .right .product-message{display: none;}
    .message-box .left .mob-con{padding:0 4%;}
    .message-box .left .mob-con .txt{width: 100%;}
}
@media(max-width: 430px){
    .message-box .right .message-form .btnpro{width: 100%;}
    .message-box .right .message-form .btnpro a{width: 100%;justify-content: space-between;}

}



/* service */
.services-content{background: #f2f1f8;}