@import url(https://js01.v15cdn.com/single-template/public.css);
.wmpage162-page4{background:#f5f5f5}
.wmpage162-page4-dev{margin-bottom:15px;display: flex;justify-content: center;}
.wmpage162-page4-title{text-align:center}
.wmpage162-page4-title .wmpage-title span{color:var(--color)}
.wmpage162-page4-dev img{filter:grayscale(1)}
.wmpage162-page4 .wmpage-lwrap{max-width:1200px;margin:0 auto}
.wmpage162-page4-title .wmpage-title{font-weight:var(--fontbold7);color:#222;margin-bottom:10px;position:relative;line-height:1}
.wmpage162-page4-title p{font-size:var(--fontsize18);line-height:26px;font-weight:var(--fontbold4);color:#000;margin-bottom:10px}
.wmpage162-page4-text{position:relative;margin:30px 0 0 0;background:#fff;padding:30px 50px 30px 25px;border-radius:5px;box-shadow:0 3px 13px 0 rgba(0,0,0,.06)}
.wmpage162-page4-image img{width:70px;height:70px;border-radius:100%;border:4px solid #fff;box-shadow:0 0 5px 0 #686868}
.wmpage162-page4-text::before{content:'';position:absolute;bottom:-12px;left:39px;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:16px solid #fff;transform:rotate(135deg)}
.wmpage162-page4-text p{font-size:14px;color:#000;line-height:26px;margin-left:5px}
.wmpage162-page4-box{position:relative;margin-top:20px;display:flex;align-items:center;padding:10px 0}
.wmpage162-page4-image{margin-right:15px}
.wmpage162-page4-p p:nth-of-type(1){color:#222;font-size:var(--fontsize20);position:relative;margin-bottom: 10px;line-height: 1;}
.wmpage162-page4-p p:nth-of-type(2){font-size:14px;position:relative;color:#848484}
.wmpage162-page4-ic{display:flex;justify-content:end;transform:translateX(30px)}
.wmpage162-page4-ic em{color:var(--color)}
.wmpage201page4Swiper{padding-bottom:50px}
.home-introduction .introduction .item .right .title,
.home-introduction .introduction .item .right .text{-webkit-line-clamp:none;line-height:1.3}
@media (min-width:1025px){
.home-case .l-wrap .case .item{width: 24%;}
}
.home-about .l-wrap .right>.text{display:block}
@media (min-width:551px){.home-about .l-wrap .right ul li{width:62%}
.home-about .l-wrap .right ul li:nth-child(2n){width:35%}
.home-about .l-wrap .right ul{justify-content:space-between}}
.home-about .l-wrap .right .btn{display:inline-flex;margin-right:10px}
.home-case .l-wrap .case .item img{aspect-ratio:16/11;object-fit:cover}
.home-case .l-wrap .case .item .text .content .show-title{font-weight:300;font-size:var(--fontsize14)}
.home-case .l-wrap .case .item .text .content{display:flex;align-items:center;width:94%;height:94%;padding:10px;flex-direction: column;}
@media (max-width:1350px){.home-case .l-wrap .case .item img{aspect-ratio:16/15}
.home-case .l-wrap .case .item .text .content .show-title{font-size:var(--fontsize12)}}
@media (max-width:768px){.home-case .l-wrap .case .item img{aspect-ratio:16/11}}

.home-case .l-wrap .case .item .text .content>.title{font-weight:bold;font-size: 18px;margin-bottom: 5px;color: #000;}
.home-case .l-wrap .case .item .text .content>.btn{text-align: center;margin-top: 5px;}
.home-case .l-wrap .case .item .text .content>.btn a{line-height: 1;background: var(--color);color: #fff;padding: 6px 14px;}

.wmpage162-page4 .title span{color:var(--color)}
@media (min-width:1025px) {
.home-banner .indexbanner-text{color: var(--color);}
.home-banner .indexbanner-text .des{text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 0 #fff;font-size: 24px;}
.home-banner .indexbanner-text .title{text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 0 #fff;}
.home-banner .indexbanner-text .text{text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff,0 0 0 #fff;}
.home-banner .indexbanner-text .text em{font-style: initial;margin-right: 5px;}
.home-banner .indexbanner-text .btn .home-more{padding: 4px 24px;line-height: 1;}
.home-banner .indexbanner-text.ban1{top: 7%;transform: translateX(-50%);}
.home-banner .indexbanner-text.ban2{left: 55%;transform: translateY(-50%);padding-left: 0;width: 40%;text-align: left;}
.home-banner .indexbanner-text.ban3{left: 0;transform: translateY(-50%);padding-left: 90px;text-align: left;}
}
@media screen and (max-width: 1366px) {.home-banner .indexbanner-text .des{font-size: 20px;}}
.home-banner .swiper-slide-active .indexbanner-text{animation: wkbanner .5s forwards;animation-delay: .7s;}
@keyframes wkbanner{
0%   {margin-top: 50px;opacity: 0;}
100%  {margin-top: 0;opacity: 1;}}
@-webkit-keyframes wkbanner {
0%   {margin-top: 50px;opacity: 0;}
100%  {margin-top: 0;opacity: 1;}}