﻿@import url(https://js01.v15cdn.com/single-template/public.css);
.home-banner .swiper-slide img{min-height:initial}
.home-banner .banner-animote{transform:translateY(-50%);left:10%;padding:0;width:52%;}
.home-banner .banner-animote .p1{margin:0 0 1vw;line-height:1.3;font-weight:bold;font-size:2.75vw}
.home-banner .banner-animote .p2{margin:0 0 1vw;line-height:1.3;font-size:1.65vw;color:#fff}
.home-banner .banner-animote .p4{line-height:1.6;font-size:1.25vw}
.home-banner .banner-animote .p3{margin-top:2vw}
.home-banner .banner-animote .p3 .home-more{height:auto;min-width:inherit;padding:.5vw 1.5vw;margin-right:.5vw;font-size:.9vw}
@media (max-width:1024px){.home-banner .banner-animote{left:6%;width:55%;}
.home-banner .banner-animote .p1{font-size:2.8vw}
.home-banner .banner-animote .p2{font-size:1.6vw;}
.home-banner .banner-animote .p4{font-size:1.3vw}
.home-banner .banner-animote .p3 .home-more{padding:.6vw 1.5vw;font-size:1.1vw}}
@media (max-width:1024px){.home-banner .banner-animote{left:5%;width:60%;}
.home-banner .banner-animote .p1{font-size:3vw}
.home-banner .banner-animote .p2{font-size:1.9vw;}
.home-banner .banner-animote .p4{font-size:1.5vw}}


.wmpage165-page3-title{text-align:center}
.wmpage165page3Swiper .swiper-slide{position:relative;z-index:1}
.wmpage165-page3-image img{width:100%}
.wmpage165-page3-contant{margin-top:50px}
.wmpage165-page3-image{position:relative;overflow:hidden}
.wmpage165-page3-image::after{content:'';position:absolute;left:0;bottom:0;z-index:3;width:100%;height:40%;background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0))}
.wmpage165-page3-image img{width:100%;position:relative;z-index:1;top:0;left:0;object-fit:cover}
.wmpage165-page3-txtbox{position:absolute;left:0;bottom:0;z-index:5;width:100%;padding:0 30px;transition:all .36s}
.wmpage165-page3-tit{line-height:30px;height:30px;overflow:hidden;color:#fff;margin-bottom:10px;font-size: var(--wmpage-font20);font-weight:var(--fontbold6);}
.wmpage165-page3-tex{opacity:0;transition:all .36s}
.wmpage165-page3-tex p{font-size:16px;line-height:24px;height:48px;overflow:hidden;color:#fff}
.wmpage165page3Swiper .swiper-slide:hover .wmpage165-page3-txtbox{bottom:30px}
.wmpage165page3Swiper .swiper-slide:hover .wmpage165-page3-tex{opacity:1}
.wmpage165-page3-next,.wmpage165-page3-prev{width:60px;height:60px;color:#001eb4;opacity:1;transition:all .36s;background:#fff;border-radius:50%;box-shadow:0 5px 10px #00000033;top:calc(50% - 40px);position:absolute;z-index:2;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:0}
.wmpage165-page3-next{left:10px}
.wmpage165-page3-prev{right:10px}
.wmpage165-page3-next em,.wmpage165-page3-prev em{font-size:var(--fontsize24);width:var(--fontsize24)}
.wmpage165page3Swiper:hover .wmpage165-page3-next{opacity:1}
.wmpage165page3Swiper:hover .wmpage165-page3-prev{opacity:1}
.wmpage178-page1 .wmpage178-page1-list{display:flex;justify-content:space-between;flex-wrap:wrap}
@media (min-width:769px){.wmpage165-page3-next, .wmpage165-page3-prev{display:none}}
@media (max-width:768px){.wmpage165-page3-next, .wmpage165-page3-prev{opacity:1;width:40px;height:40px;}
.wmpage165-page3-next em, .wmpage165-page3-prev em{font-size:18px;width:auto}
.wmpage165-page3-contant{margin-top:20px;}}
.wmpage178-page1{padding:4% 0;}
.wmpage178-page1 .wmpage178-page1-list .wmpage178-page1-item{position:relative;width:23%;text-align:center;padding:50px 10px;background:#fff;transition:all .2s linear;border-radius:5px;margin-top:30px}
.wmpage178-page1 .wmpage178-page1-list .wmpage178-page1-item:hover{box-shadow:0 0 20px 0 rgba(0,0,0,.1)}
.wmpage178-page1 .wmpage178-page1-item .wmpage178-page1-icon{position:relative}
.wmpage178-page1 .wmpage178-page1-item .wmpage178-page1-icon em{position:relative;display:inline-block;font-size:var(--wmpage-font40);color:var(--color)}
.wmpage178-page1 .wmpage178-page1-item .wmpage178-page1-icon::before{position:absolute;content:'';width:120px;height:50px;border-width:0 4px 0 4px;border-style:solid;border-color:#f5f5f5;top:50%;left:50%;transform:translate3d(-50%,-50%,0);transition:all .3s ease,border-color .3s ease-in-out .3s}
.wmpage178-page1 .wmpage178-page1-item:hover .wmpage178-page1-icon::before{height:50px;transform:translate3d(-50%,-50%,0) rotate(180deg);transition-delay:0s,0s;border-color:var(--color)}
.wmpage178-page1 .wmpage178-page1-item .wmpage178-page1-icon::after{position:absolute;content:'';width:155px;height:25px;border-width:0 4px 0 4px;border-style:solid;border-color:#f5f5f5;top:50%;left:50%;transform:translate3d(-50%,-50%,0);transition:all .2s ease .2s,border-width .2s ease 0s,border-color .3s ease-in-out .3s}
.wmpage178-page1 .wmpage178-page1-item:hover .wmpage178-page1-icon::after{height:5px;width:155px;border-width:0 25px 0 25px;transition-delay:0s,.2s,0s;border-color:var(--color)}
.wmpage178-page1 .wmpage178-page1-item .wmpage178-page1-title{font-weight:var(--fontbold6);font-size:var(--wmpage-font20);margin:15px 0 10px}
.wmpage178-page1 .wmpage178-page1-item .wmpage178-page1-text{color:var(--wmpage-color8)}
@media screen and (max-width:1024px){.wmpage178-page1 .wmpage178-page1-list .wmpage178-page1-item{width:48%}}
@media (max-width:768px){.wmpage178-page1{padding:40px 0;}}
@media screen and (max-width:500px){.wmpage178-page1 .wmpage178-page1-list .wmpage178-page1-item{padding:10px;}}
.wmpage104-page4{padding-bottom:4%;}
.wmpage104-page4 .wmpage104-page4-smtitle{text-align:center;margin:20px 0}
.wmpage104-page4 .wmpage104-page4-list{display:flex;justify-content:space-between;flex-wrap:wrap}
.wmpage104-page4 .wmpage104-page4-list .wmpage104-page4-item{width:23%;background:#282828;color:#fff;padding:25px;border-radius:20px;text-align:center;transition:all .3s;margin-top:20px}
.wmpage104-page4-icon{display: flex;justify-content: center;margin-bottom: 30px;}
.wmpage104-page4 .wmpage104-page4-icon em{font-size: var(--wmpage-font30);width: var(--wmpage-font30);display: block;line-height: 1;color: var(--color);}
.wmpage104-page4 .wmpage104-page4-title{color:#fff;font-size: var(--wmpage-font20);font-weight: var(--fontbold6);margin: 10px 0;line-height: 1;}
.wmpage104-page4 .wmpage104-page4-text{-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4}
.wmpage104-page4 .wmpage104-page4-item:hover{transform:translateY(-6px)}
@media(max-width:768px){.wmpage104-page4{padding-bottom:40px;}
.wmpage104-page4 .wmpage104-page4-list .wmpage104-page4-item{width:48%;margin-bottom:20px}}
@media(max-width:500px){.wmpage104-page4 .wmpage104-page4-list .wmpage104-page4-item{padding:10px}
.wmpage104-page4-icon{margin-bottom:10px;}}
.home-about .aboutimg img:hover{transform: none;}