﻿.maptopvideo{margin-bottom:50px}
.maptopvideo lite-youtube{max-width:100%;width:100%}
.maptopvideo iframe{width:100%}

.home-company{position:relative;box-sizing:border-box;padding:3% 0px 4% 0px}
.home-company::before{position:absolute;top:20px;right:54%;z-index:-1;width:234px;height:174px;background-image:url(https://css02.v15cdn.com/m429/imgs/companybg.webp);background-repeat:no-repeat;content:"";transform:translateX(15%)}
.home-company .l-wrap{display:flex;align-items:center}
.home-company .company-img{position:relative;overflow:hidden;width:45%;border-radius:var(--borderradius)}
.home-company .company-img::before{position:absolute;top:0px;left:0px;display:inline-block;width:100%;height:100%;border-radius:var(--borderradius);background-color:#1d383e;content:"";opacity:.5}
.home-company .company-img .playvideo{position:absolute;top:50%;left:50%;width:60px;height:60px;border-radius:50%;background-color:var(--color);cursor:pointer;transform:translate(-50%,-50%)}
.home-company .company-img .playvideo .iconfont{position:relative;top:6px;left:28%;color:#FFFFFF;font-size:var(--fontsize30)}
.home-company .company-img .playvideo::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-block;width:100%;height:100%;border-radius:50%;animation:playanimation 1.5s infinite;border:solid var(--color)}
.home-company .company-info{padding-left:6%;flex:1}
.home-company .company-info .home-des{justify-content:left}
.home-company .company-info .home-title{text-align:left;font-size:var(--fontsize30)}
.home-company .company-info .des{display:-webkit-box;overflow:hidden;margin-top:2%;color:var(--introcolor);-webkit-box-orient:vertical;-webkit-line-clamp:3}
.home-company .company-info .inter{display:flex;box-sizing:border-box;margin:4% 0;padding:10px 0px;border-top:1px solid #EEEEEE;border-bottom:1px solid #EEEEEE;align-items:center}
.home-company .company-info .know-about{display:flex}
.home-company .company-info .some-know{display:none;margin-right:90px;opacity:.8}
.home-company .company-info .inter div{display:inline-flex;width:40%;align-items:center;line-height:1.2}
.home-company .company-info .inter div img{max-width:40px}
.home-company .company-info .btn{display:inline-flex;width:150px;height:50px;border-radius:var(--borderradius);background-color:var(--color);color:#FFFFFF;transition:all .2s ease;align-items:center;justify-content:center;text-transform:lowercase;line-height:1}
@keyframes playanimation{0%{border-width:0;opacity:1}
100%{border-width:8px;opacity:0}
}.home-company .company-info .btn:hover{opacity:.8}
@media screen and (max-width:1280px){.home-company .company-info .home-title{font-size:var(--fontsize24);line-height:1.5}
.home-company .company-info .some-know{margin-right:40px}
}@media screen and (max-width:1024px){.home-company .company-info .home-title{font-size:var(--fontsize18)}
.home-company .company-info .inter div{width:50%}
.home-company .company-info .inter div em{font-size:var(--fontsize30)}
}@media screen and (max-width:768px){.home-company{padding:30px 0px}
.home-company::before{right:-15px;transform:translateX(0)}
.home-company .l-wrap{flex-wrap:wrap}
.home-company .company-img{width:100%}
.home-company .company-img img{width:100%}
.home-company .company-info{margin-top:20px;padding-left:0px;width:100%}
.home-company .company-info .some-know{margin-right:200px}
}@media screen and (max-width:500px){.home-company .company-info .inter div{width:50%}
.home-company .company-info .some-know{margin-right:10px}
}.home-company::before{background-image:url(https://css02.v15cdn.com/m429/imgs/companybg.webp)}
.about{height: auto !important;background-size: cover}
.about:before{position: absolute}
.about-wrapper{position: relative}
.avout .btn-wrapper{margin-top:10px}
@media screen and (max-width: 768px){.about-title{font-size: 5vw}}
@media (max-width:768px){.about-text p:nth-child(n+2){margin-top:10px;}
.about-text p{line-height: 1.4;font-size:14px;}
.map .map-wrapper.common-wrapper{width:100%;}
.home-company .l-wrap{width:100%;padding:0;}
.hot-pro .pro-name{color:#fff;}
.ind-item img{object-fit:cover;}}
@media (max-width:500px){.about-text p:not(:first-child){display:none}}
.news .news-info .news-title{min-height: 71px;}
.about-wrapper{padding: 7% 0;}
.about .about-text{ margin:3% 0;}
.ind .ind-item img{object-fit: contain;}

@media (min-width: 769px) {
.index main {margin-top: 0;}
.index .head.headscroll {background: #fff;}
.index .head {background: initial;}
.index .head .head-top{background: initial;}
.index .head:not(.headscroll) .head-nav>ul>li>a{color: #fff;}
.index .head:not(.headscroll) .head-nav>ul>li>a.inmenu_1,.index .head:not(.headscroll) .head-nav>ul>li>a:hover{color: var(--color);}
.index .head:not(.headscroll) .lang-icon span{color: #fff;}
.index .head:not(.headscroll) .lang-icon span::after,.index .head:not(.headscroll) .lang-icon span::before{background: #fff;}}
@media (min-width: 1024px) { #swiper-banner img {height: 100vh;}}

@font-face{font-family:iconfont;display:swap;src:url(https://css02.v15cdn.com/m433/fonts/iconfont.woff2?t=1743402608144) format('woff2'),url(https://css02.v15cdn.com/m433/fonts/iconfont.woff?t=1743402608144) format('woff'),url(https://css02.v15cdn.com/m433/fonts/iconfont.ttf?t=1743402608144) format('truetype')}
.home-advantages .iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-shijian_time:before{content:"\e7c0"}
.icon-erji_headset-01:before{content:"\e65c"}
.icon-banshou_spanner:before{content:"\e678"}
.icon-pinpai:before{content:"\e603"}
.common-title{text-align:center}
.home-des{font-size:var(--fontsize16);color:#565656;text-align:center;max-width:1000px;margin:10px auto 0px}
.home-advantages{position:relative;padding:4% 0;background:no-repeat center fixed;background-size:cover;z-index:1;color:#FFFFFF;margin-top:4%}
.home-advantages::before{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.8);}
.home-advantages .common-wrapper{position:relative}
.home-advantages .home-des{color:#FFFFFF}
#advantageswiper{padding-top:40px}
#advantageswiper .swiper-slide{min-height:inherit!important;flex-direction:column;justify-content:flex-start;width:24%;height:auto;border-radius:6px;border:2px solid rgba(245,245,245,.3);padding:30px 20px;text-align:center;transition:all .2s linear}
#advantageswiper .swiper-slide:hover{transform:translateY(-5px);border-color:var(--color)}
#advantageswiper .swiper-slide:hover em{transform:rotateY(180deg)}
#advantageswiper .swiper-slide em{color:var(--color);font-size:40px;display:inline-block;transition:all .2s linear}
#advantageswiper .swiper-slide .p1{position:relative;font-size:var(--fontsize20);padding-bottom:10px;margin:10px 0px 10px}
#advantageswiper .swiper-slide .p1::after{content:"";position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:40px;height:3px;background:var(--color)}
#advantageswiper .swiper-slide .p2{padding-bottom:20px}
#advantageswiper .advantageswiper-pagination{text-align:center;margin-top:30px}
#advantageswiper .advantageswiper-pagination .swiper-pagination-bullet{background:rgba(255,255,255,.2);opacity:1}
#advantageswiper .advantageswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
@media (max-width:768px){
.home-advantages{padding:10px 0px 30px}
#advantageswiper{padding-top:20px}
#advantageswiper .swiper-slide{padding:10px}
#advantageswiper .swiper-slide .p1{margin:0px 0px 10px 0px}}
.home-videos{position:relative;padding:4% 0 0}
#videoswiper{margin-top:30px}
#videoswiper .videoswiper-pagination{text-align:center;margin-top:30px}
#videoswiper .videoswiper-pagination .swiper-pagination-bullet{background:#111111;opacity:1}
#videoswiper .videoswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
#videoswiper .swiper-slide{background:#F7F7F7;transition:all .2s linear;border-radius:10px;overflow:hidden;flex-direction:column;justify-content:flex-start;height:auto;min-height:inherit!important}
#videoswiper .swiper-slide:hover{background:var(--color);color:#FFFFFF}
#videoswiper .swiper-slide .video{width:100%;aspect-ratio:16/9}
#videoswiper .swiper-slide .video iframe,#videoswiper .swiper-slide .video img,#videoswiper .swiper-slide .video video{width:100%;height:100%;object-fit:cover}
#videoswiper .swiper-slide p{margin:15px 20px;font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.4}
@media (max-width:768px){.home-videos{padding:30px 0px 0px}
#videoswiper{margin-top:20px}
#videoswiper .swiper-slide p{margin:10px;font-size:var(--fontsize17)}
.common-title+.home-des{margin-top:-10px}
#videoswiper .videoswiper-pagination{margin-top:20px}}
@media (min-width:769px){#videoswiper .videoswiper-pagination{display:none}}
@media (max-width:500px){.home-videos{padding:10px 0px 0px}
#videoswiper{margin-top:20px}
#videoswiper .swiper-slide p{margin:10px;font-size:var(--fontsize17)}}
.ind-item{padding:0;}
.ind-item a{display:block;width:100%;}
.ind-item>a:nth-child(2){display:block;width:100%;height:100%;padding-top:60px;}
@media (max-width:1520px){.ind-item>a:nth-child(2){padding-top:30px}}
@media (max-width:1280px){.ind-item>a:nth-child(2){padding-top:20px}
.ind-item ul{margin-top:0}}
@media (max-width:768px){.ind-item>a:nth-child(2){aspect-ratio:20/13;display:flex;flex-direction:column;justify-content:center;padding:10px}}