@import url(https://js01.v15cdn.com/single-template/public.css);
/*.cate-list .cate-img img{display:block;width:100%;aspect-ratio:475/278;object-fit:cover;}*/
/*@media (min-width:769px){.cate-list{justify-content:center;}}*/
.wmpage165-page1-row{display:flex;position:relative;overflow:hidden;background:#000}
.wmpage165-page1-row::before{display:table;content:' '}
.wmpage165-page1-row::after{display:block;clear:both;height:0;content:' '}
.wmpage165-page1-col{position:relative;display:inline-block;height:670px;flex:1;transition:all .36s}
.wmpage165-page1-bgbox{position:relative;z-index:1;height:100%}
/*.wmpage165-page1-bgbox::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:3;background:rgba(0,0,0,.5)}*/
.wmpage165-page1-bgbox::after{content:'';position:absolute;left:0;top:0;z-index:3;width:100%;height:100%;background:rgb(0 120 215 / 57%);opacity:0;transition:all .36s}
.wmpage165-page1-txtbox{position:absolute;left:0;top:0;height:100%;z-index:5;width:100%;color:#fff;transition:all .36s;white-space:normal}
.wmpage165-page1-bg{width:100%;height:100%;background:var(--color) !important}
.wmpage165-page1-title{width:100%;top:40%;font-size:var(--fontsize30,30px);line-height:1.5;font-variation-settings:'wght' 750;text-align:center;transition:all .36s}
.wmpage165-page1-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.wmpage165-page1-titwrap{display:inline-block;text-align:left;vertical-align:top}
.wmpage165-page1-titwrap em{font-size:46px;width:46px;display:block}
.wmpage165-page1-txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:100px 60px;opacity:0;width:100%;height:100%}
.wmpage165-page1-Box{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}
.wmpage165-page1-titles{font-size:var(--fontsize24,24px);line-height:1.2;margin-bottom:10px;text-align:left;opacity:1}
.wmpage165-page1-container p{font-size:var(--fontsize16);line-height:30px;color:#fff;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden;}
.wmpage165-page1-titles p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2!important;overflow:hidden;font-size:var(--fontsize24,24px);line-height:1.52;color:#fff}
.wmpage165-page1-titwrap p{font-size:var(--fontsize22,22px);line-height:1.25;margin-top:20px}
.wmpage165-page1-titles em{font-size:42px;line-height:1;width:42px;display:block;margin-bottom:15px}
.wmpage165-page1-col:hover{flex:1.5}
.wmpage165-page1-col:hover .wmpage165-page1-bgbox::after{opacity:1}
.wmpage165-page1-col:hover .wmpage165-page1-title{opacity:0}
.wmpage165-page1-col:hover .wmpage165-page1-txt{opacity:1}
.wmpage165-page1-col:hover .wmpage165-page1-bgbox{width:100%}
@media (max-width:1366px){.wmpage165-page1-titwrap p{font-size:var(--wmpage-font22,22px)}
.wmpage165-page1-txt{padding:35px}
.wmpage165-page1-titwrap em{font-size:var(--fontsize32,32px);width:32px}
}
@media (max-width:1024px){.wmpage165-page1-row{flex-wrap:wrap}
.wmpage165-page1-col{height:400px;width:50%;flex:auto}
.wmpage165-page1-col:hover{flex:auto}
.wmpage165-page1-titles p{font-size:24px}
.wmpage165-page1-titles{margin-bottom:10px}
}
@media (max-width:620px){.wmpage165-page1-col{width:100%}
}
.que{display:block;top:0;}
.wmpage165-page1-col{height:380px;}
.wmpage165-page1-txt{padding:5%;}
@media (max-width:768px){.wmpage165-page1-col{height:300px;}
.wmpage165-page1-container p{-webkit-line-clamp:5;line-height:1.6}}
.wmpage165-page1-titles p,.wmpage165-page1-titwrap p{font-size:var(--fontsize18);margin-top:5px}
.wmpage165-page1-container >p{font-size:27px;line-height:1.3;font-weight:bold}
.wmpage165-page1-txt{padding:4% 4% 3%}
@media (max-width:1024px){.wmpage165-page1-container >p{font-size:23px;}}
.home-contact{padding:40px 0;}
.home-contact .common-title{text-transform: initial;}
.home-contact .more-box{text-align:center;}
.home-contact .more-btn{width: 160px;height: 45px;line-height: 45px;font-size: var(--fontsize14);display: inline-block;font-weight: var(--fontbold6);text-align: center;background: var(--color);margin-top: 20px;color: #FFF;border-radius: 5px;transition: all .3s;}
.home-contact .more-btn:hover{background: var(--fontcolor);}
.part{padding:0;border:none;}
.wmpage165-page1-col .wmpage165-page1-title{opacity:0}
.wmpage165-page1-col .wmpage165-page1-txt{opacity:1}
.wmpage165-page1-col{height:220px;text-align:center}
.wmpage165-page1-container p a{color:#fff}
.wmpage165-page1-container p{text-align:center}
.wmpage165-page1-titles{display:flex;flex-direction:column;align-items:center}

.adv-item:hover{background:rgb(0 120 215 / 10%);}
.adv-item img{display: inline-block;transition: all .3s;}
.adv-item:hover img{transform: rotateY(360deg);}
@media (min-width:769px){.adv-t,.news-title{font-size:var(--fontsize24);}
.about ul>p{font-size:var(--fontsize24) !important;}
.about .about-sel img{top:-6px;}
.adv-item article,.about article,.about ul li,.about .more-btn,.news-date,.news article,.news-list .news-more{font-size:var(--fontsize18)}}
@media (min-width:1025px){.pro-list{align-items:inherit}
.pro-item{width:18%;margin:0 2.5% 40px 0!important}
.pro-item:nth-child(4n){margin-right:2.5%!important}
.pro-item:nth-child(5n){margin-right:0!important}}
.adv-item .more-box{margin:auto auto 0;text-align:center;}
.adv-item .more-box a{display:inline-block;margin-top:10px;padding:5px 20px;color:#fff;background:var(--color);transition: all .3s;}
.adv-item .more-box a:hover{background: #fff;color:var(--color)}
.about-tip{margin-bottom:0;}
.about .about-con .about-title{text-transform: capitalize;font-size:24px}
.home-proallbtn{text-align:center;}
.home-proallbtn a{width: 160px;height: 45px;line-height: 45px;font-size: var(--fontsize14);display: inline-block;font-weight: var(--fontbold6);text-align: center;background: var(--color);color: #FFF;border-radius: 5px;transition: all .3s;}
.home-proallbtn a:hover{background: var(--fontcolor);}
@media (max-width:620px){.wmpage165-page1-col{height:150px}
.wmpage165-page1-titles img{max-width:30px}
.wmpage165-page1-container p a{font-size:20px}
.wmpage165-page1-titles p{font-size:16px}
}
.pro-item{height:stretch}
.pro-info{flex:1}
@media (max-width:768px){.que{display:none}}

.about-con{background:#24282C}
@media (max-width:768px){#swiper-banner .swiper-slide>a[title="banner2"]{display:none}
.mobbanner{display:block!important}}