.x-zhihui4 { background-image: url("https://delingkeji.com/static/deling/images/x-cpbj1.jpg"); height: 100vh; display: flex; justify-content: center; flex-direction: column; align-items: center; }
@media (max-width: 767px) {
.x-zhihui4 { height: auto; display: block; padding: 1rem 0 2rem 0; }
}
.x-zhihui4 .container .x-top { display: flex; align-items: baseline; justify-content: space-between; border-bottom: 1px solid rgba(102, 102, 102, 0.2); }
@media (max-width: 1900px) {
.x-zhihui4 .container .x-top { padding-top: 1rem; }
}
@media (max-width: 767px) {
.x-zhihui4 .container .x-top { flex-wrap: wrap; }
}
.x-zhihui4 .container .x-top .x-title { color: #fff; line-height: 1; font-family: "bold", "PingFang SC", "Microsoft YaHei"; padding-bottom: 0.2rem; }
@media (max-width: 767px) {
.x-zhihui4 .container .x-top .x-title { width: 100%; }
}
@media (max-width: 767px) {
.x-zhihui4 .container .x-top .x-swiper { margin-top: 1.5rem; }
}
.x-zhihui4 .container .x-top .x-swiper ul { display: flex; justify-content: flex-start; }
@media (max-width: 767px) {
.x-zhihui4 .container .x-top .x-swiper ul { width: auto; overflow-x: auto; }
}
.x-zhihui4 .container .x-top .x-swiper ul li { margin-right: 0.4rem; }
@media (max-width: 767px) {
.x-zhihui4 .container .x-top .x-swiper ul li { flex: none; margin-right: 1rem; padding-bottom: 0.5rem; }
}
.x-zhihui4 .container .x-top .x-swiper ul li.on p { opacity: 1; }
.x-zhihui4 .container .x-top .x-swiper ul li.on p::before { width: 100%; opacity: 1; }
.x-zhihui4 .container .x-top .x-swiper ul li:last-child { margin-right: 0; }
.x-zhihui4 .container .x-top .x-swiper ul li p { color: #fff; opacity: 0.3; padding-bottom: 0.2rem; position: relative; cursor: pointer; transition: 0.5s all; }
@media (max-width: 1580px) {
.x-zhihui4 .container .x-top .x-swiper ul li p { font-size: 16px; }
}
@media (max-width: 1260px) {
.x-zhihui4 .container .x-top .x-swiper ul li p { font-size: 14px; }
}
.x-zhihui4 .container .x-top .x-swiper ul li p::before { content: ""; width: 0; height: 1px; background-color: #fdfdfd; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); opacity: 0; transition: 0.5s all; }
@media (max-width: 767px) {
.x-zhihui4 .container .x-top .x-swiper ul li p::before { bottom: -0.5rem; }
}
.x-zhihui4 .container .x-xia { margin-top: 0.4rem; position: relative; }
@media (max-width: 991px) {
.x-zhihui4 .container .x-xia { margin-top: 1rem; }
}
@media (max-width: 767px) {
.x-zhihui4 .container .x-xia { margin-top: 1rem; }
}
.x-zhihui4 .container .x-xia .x-xia-a { width: 100%; opacity: 0; position: absolute; top: 0; }
.x-zhihui4 .container .x-xia .x-xia-a.on { position: relative; z-index: 4; opacity: 1; }
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(5n+1) a .x-top-img .x-wz { background: url("https://delingkeji.com/static/deling/images/x-zhihui8.png") no-repeat center; background-size: contain; }
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(5n+2) a .x-top-img .x-wz { background: url("https://delingkeji.com/static/deling/images/x-zhihui9.png") no-repeat center; background-size: contain; }
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(5n+3) a .x-top-img .x-wz { background: url("https://delingkeji.com/static/deling/images/x-zhihui10.png") no-repeat center; background-size: contain; }
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(5n+4) a .x-top-img .x-wz { background: url("https://delingkeji.com/static/deling/images/x-zhihui11.png") no-repeat center; background-size: contain; }
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide:nth-of-type(5n+5) a .x-top-img .x-wz { background: url("https://delingkeji.com/static/deling/images/x-zhihui12.png") no-repeat center; background-size: contain; }
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a { display: block; transition: 0.5s all; }
@media (max-width: 1900px) {
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a { height: auto; }
}
@media (max-width: 767px) {
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a { background-color: rgba(255, 255, 255, 0.05); }
}
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a:hover { background-color: rgba(255, 255, 255, 0.05); }
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a:hover .x-text { padding-top: 0; }
@media (max-width: 767px) {
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a:hover .x-text { padding-top: 1rem; }
}
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a:hover .x-text .x-p2 { opacity: 0.5; }
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a:hover .x-text .x-gg-a { opacity: 1; }
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-top-img { padding: 0.3rem 0rem 0.3rem 0rem; position: relative; }
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-top-img .x-span { color: #fff; padding: 0 10px; background-color: #009944; display: inline-block; border-radius: 2px; }
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-top-img .x-wz { background: url("https://delingkeji.com/static/deling/images/x-zhihui8.png") no-repeat center; opacity: 1; position: absolute; top: 59%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: -1; width: 3.5rem; height: 3.6rem; opacity: 0.4; background-size: contain; }
@media (max-width: 1580px) {
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-top-img .x-wz { width: 4rem; height: 4rem; }
}
@media (max-width: 991px) {
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-top-img .x-wz { width: 6.5rem; height: 6.6rem; }
}
@media (max-width: 767px) {
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-top-img .x-wz { width: 12.5rem; height: 12.6rem; }
}
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-top-img .x-img { width: auto; height: 350px; margin: 0 auto; margin-top: 0.3rem; }
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-top-img .x-img img { width: 100%; height: 100%; object-fit: contain; }
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-text { text-align: center; padding: 0.25rem 0.3rem 0.25rem 0; transition: 0.5s all; }
@media (max-width: 767px) {
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-text { padding: 0.2rem; }
}
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-text .x-title2 { color: #fff; text-align: center; }
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-text .x-p2 { color: #fff; opacity: 0.5; text-align: center; margin: 0.1rem 0 0.5rem 0; opacity: 0; transition: 0.5s all; }
@media (max-width: 767px) {
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-text .x-p2 { margin: 0.3rem 0; opacity: 0.5; }
}
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-text .x-gg-a { color: #fff; opacity: 0; transition: 0.5s all; }
@media (max-width: 767px) {
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-text .x-gg-a { display: none; }
}
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-text .x-gg-a i { background: url("https://delingkeji.com/static/deling/images/x-jt5.png") no-repeat center; background-size: contain; }
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-pagination1 { display: flex; justify-content: center; margin-top: 0.35rem; display: none; }
@media (max-width: 767px) {
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-pagination1 { display: flex; margin-top: 0; position: absolute; bottom: 0; z-index: 5; }
}
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-pagination1 .swiper-pagination-bullet { width: 0.6rem; height: 2px; background-color: #e3e3e3 !important; opacity: 1; position: relative; border-radius: initial; }
@media (max-width: 767px) {
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-pagination1 .swiper-pagination-bullet { width: 1.5rem; }
}
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-pagination1 .swiper-pagination-bullet.swiper-pagination-bullet-active span { -webkit-animation: sw_pa2 6s linear; animation: sw_pa2 6s linear; }
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-pagination1 .swiper-pagination-bullet span { width: 0; height: 2px; background-color: #009944; position: absolute; left: 0; bottom: 0; }
@media (max-width: 767px) {
.x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-pagination1 .swiper-pagination-bullet span { opacity: 0.8; }
}
.x-zhihui4 .container .x-xia .swiper-button-prev1 { display: none; }
.x-zhihui4 .container .x-xia .swiper-button-next1 { display: none; }
.x-pro3 { padding: 0.3rem 0 1.1rem 0; }
.x-pro3 .x-zhihui4 { background-image: none; height: auto; display: block; }
@media (max-width: 767px) {
.x-pro3 .x-zhihui4 { padding: 0; }
}
.x-pro3 .x-zhihui4:nth-of-type(n+2) { margin-top: 0rem; }
.x-pro3 .x-zhihui4 .container .x-top { border-bottom: 1px solid rgba(102, 102, 102, 0.1); }
.x-pro3 .x-zhihui4 .container .x-top .x-title { color: #333; }
@media (max-width: 767px) {
.x-pro3 .x-zhihui4 .container .x-top .x-swiper ul li { padding-bottom: 0; }
}
.x-pro3 .x-zhihui4 .container .x-top .x-swiper ul li.on p { color: #009944; }
.x-pro3 .x-zhihui4 .container .x-top .x-swiper ul li.on p::before { background-color: #009944; }
@media (max-width: 767px) {
.x-pro3 .x-zhihui4 .container .x-top .x-swiper ul li.on p::before { bottom: 0; height: 2px; }
}
.x-pro3 .x-zhihui4 .container .x-top .x-swiper ul li p { color: #666666; font-family: "bold", "PingFang SC", "Microsoft YaHei"; opacity: 1; }
.x-pro3 .x-zhihui4 .container .x-xia { margin-top: 0; }
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container { padding-bottom: 0.4rem; }
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide { padding: 0.3rem 10px 0.3rem 10px; }
@media (max-width: 1900px) {
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a { height: auto; }
}
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a:hover { background-color: transparent; box-shadow: 0 0 40px rgba(128, 128, 128, 0.13); }
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a:hover .x-top-img .x-wz { top: 62%; }
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a:hover .x-text { padding-top: 0.35rem; }

@media (max-width: 767px) {
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a:hover .x-text { padding-top: 1rem; }
}
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-top-img .x-wz { top: 64%; height: 3.2rem; transition: 0.5s all; }
@media (max-width: 1580px) {
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-top-img .x-wz { height: 4rem; }
}
@media (max-width: 991px) {
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-top-img .x-wz { width: 6.5rem; height: 6.6rem; }
}
@media (max-width: 767px) {
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-top-img .x-wz { width: 12.5rem; height: 12.6rem; }
}
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-top-img .x-img { height: 350px; display: flex; justify-content: center; }
@media (max-width: 767px) {
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-top-img .x-img { height: 300px; }
}
@media (max-width: 767px) {
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-text { padding-top:0.2rem; }
}
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-text .x-title2 { color: #333; }
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-text .x-p2 { color: #666666; }
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-text .x-gg-a { color: #009944; }
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-wrapper .swiper-slide a .x-text .x-gg-a i { background: url(https://delingkeji.com/static/deling/image/x-jt4.png) no-repeat center; background-size: contain; }
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-button-prev1 { background: url(../images/x-cjfh1.png) no-repeat center; background-size: contain; transform: translateY(-50%) rotate(-180deg); left: 0; display: block; }
@media (max-width: 767px) {
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-button-prev1 { /* display: none; */ }
}
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-button-next1 { background: url(../images/x-cjfh1.png) no-repeat center; background-size: contain; right: 0; display: block; }
@media (max-width: 767px) {
.x-pro3 .x-zhihui4 .container .x-xia .x-xia-a .swiper-container .swiper-button-next1 { /* display: none; */ }
}
/*
  
  
  
  
  
  
*/