﻿@import url(https://js01.v15cdn.com/single-template/public.css);

.home-banner .banner-animote.ban1{width: 42vw;left: auto;right: 0;transform: initial;top: 8%;}
.home-banner .banner-animote.ban1 .p1{font-size: 4.3vw;line-height: 1;margin: 0;color:var(--color);margin-bottom: 1vw;}
.home-banner .banner-animote.ban1 .p2{color: #000;font-size: 1.15vw;line-height: 1.2;}

.home-banner .banner-animote.ban2{transform: initial;left: 0;top: 0;z-index: 999;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.home-banner .banner-animote.ban2 .pbox:nth-child(1){margin-top: 6vw;}
.home-banner .banner-animote.ban2 .pbox:nth-child(2){margin-bottom: 6vw;}
.home-banner .banner-animote.ban2 .p1{color:#000;font-size: 3vw;}
.home-banner .banner-animote.ban2 .p2{color: #000;font-size: 1.15vw;line-height: 1.2;margin-bottom:0}
.home-banner .banner-animote.ban2 .p2 .color{color: var(--color);font-size: 1.15vw;line-height: 1.2;}
.home-banner .banner-animote.ban3{max-width: 40vw;left: 7%;transform: translateY(-50%);}
.home-banner .banner-animote.ban3 .p1{font-size: 6vw;line-height: 1;}
.home-banner .banner-animote.ban3 .p2{font-size: 1vw;color: #000;line-height: 1.3;}
.home-banner .banner-animote.ban3 .p2 .colorfff{color: #fff;}

@media (max-width:1024px){.home-banner .banner-animote .p2{display:none}}
@media (max-width:768px){.home-banner .banner-animote{display:none}}

.home-projects .video{box-shadow: 0 0 20px rgba(255,255,255,0.6), 0 0 50px rgba(255,255,255,0.35);}
.home-banner .swiper-slide>a::after{display: none;}
.home-projects{padding:20px 0;}
.home-projects::before { height: 100%;}
.home-projects .l-wrap{max-width:1200px}
.home-cate .list li .title{height:23%;}
.home-about{padding-top:0;}
.home-choose{background:#fff}
.home-choose .right ul li .p1,.home-choose .right ul li .p2,.home-choose .left .home-title,.home-choose .left p{color:#111}
.home-about{padding-top:4%;background:#0b1b2b}
.home-about .aboutinfo .home-title,.home-about .aboutinfo p{color:#fff}
@media (max-width:768px){.home-banner .swiper-slide img{min-height:inherit;}
.home-about .aboutimg{margin-top:0;margin-bottom:20px}
}
@media (min-width:769px){.home-about .aboutimg{padding-left:0;padding-right:3%}}

.home-cate{background:#0b1b2b}
.home-cate .homecate-top .home-title{color:#fff}
.home-about{background:#fff}
.home-about .aboutinfo .home-title, .home-about .aboutinfo p{color:var(--fontcolor)}


.wmpage94-page4 .wmpage94-page4-desc{margin-top:4px;text-align:center}
.wmpage94-page4 .swiper-container{overflow:hidden;padding:10px 0}
.wmpage94-page4 .wmpage94-page4-box{position:relative;padding-bottom:20px;margin-top:40px}
.wmpage94-page4 .wmpage94-page4-box .swiper-slide .wmpage94-page4-txt{box-shadow:0 20px 50px 0 rgba(0,0,0,.1);background-color:#fff;border-radius:4px;transition:all .1s linear;padding:25px 20px;position:relative}
.wmpage94-page4 .wmpage94-page4-box .swiper-slide .wmpage94-page4-txt::after{content:'';position:absolute;left:0;bottom:-15px;border:10px solid transparent;border-top-color:#fff;border-left-color:#fff;transition:all .1s linear}
.wmpage94-page4 .wmpage94-page4-box .swiper-slide .wmpage94-page4-info{display:flex;padding:30px 20px}
.wmpage94-page4 .wmpage94-page4-box .swiper-slide .wmpage94-page4-info .wmpage94-page4-img{width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid #fff;margin-right:10px}
.wmpage94-page4 .wmpage94-page4-box .swiper-slide .wmpage94-page4-info .wmpage94-page4-tit .title{font-size:var(--wmpage-font18);font-weight:var(--fontbold6)}
.wmpage94-page4 .wmpage94-page4-box .swiper-slide .wmpage94-page4-info .wmpage94-page4-tit .tit{color:#555}
.wmpage94-page4 .wmpage94-page4-box .swiper-slide:hover .wmpage94-page4-txt{background-color:var(--color);color:#fff}
.wmpage94-page4 .wmpage94-page4-box .swiper-slide:hover .wmpage94-page4-txt::after{border-top-color:var(--color);border-left-color:var(--color)}
.wmpage94-page4 .wmpage94-page4-box .wmpage94-page4-pagination{display:flex;align-items:center;justify-content:center}
.wmpage94-page4 .wmpage94-page4-box .wmpage94-page4-pagination .swiper-pagination-bullet{background-color:#000;opacity:1}
.wmpage94-page4 .wmpage94-page4-box .wmpage94-page4-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--color)}
@media screen and (max-width:500px){.wmpage94-page4 .wmpage94-page4-box{margin-top:20px}
}

.wmpagecontainer .l-wrap{padding: 0px 70px;margin: 0 auto;}
@media (max-width: 1024px) {.wmpagecontainer .l-wrap {padding: 0px 15px;}}

