﻿.home-banner{width:100%;max-width:1600px;padding:0px 70px;margin:0px auto}
.home-banner .swiper{width:100%}
@media (max-width:1024px){.home-banner{padding:0 10px}}
.home-banner .swiper-slide>a::after{display:none}
.home-helpcenter .list{justify-content:space-between;flex-wrap:wrap}
.home-helpcenter .list .imgbg{height:100%;bottom:0;right:0;top:0;width:100%;overflow:hidden}
.home-helpcenter .list .img{height:auto;padding:0;}
.home-helpcenter .list .img a{position:relative;width:100%;padding-bottom:100%;}
.home-helpcenter .list .img a:after{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(0deg,#3F2F4E88 0,rgba(0,0,0,0) 40%)}
.home-helpcenter .list .info{top:auto;bottom:0;text-align:center;width:100%;}
.home-helpcenter .list .title{color:#ffff;font-size:var(--fontsize20)}
.home-helpcenter .list li{background:none!important;width:calc(33.333% - 7px)!important;overflow:hidden;margin-bottom:12px}
.home-helpcenter .list li:hover .imgbg{transform:none}
.home-helpcenter .list .imgbg img{transition:.3s}
.home-helpcenter .list li:hover .imgbg img{transform:scale(1.05)}
@media (max-width:768px){.home-helpcenter .list li{width:calc(50% - 5px)!important}
.home-helpcenter .list .title{font-size:var(--fontsize17)}}
@media (max-width:500px){.home-helpcenter .list .title{font-size:var(--fontsize15)}}
.home-mainpro .mainpro-list li{margin:0;height:auto}
.home-mainpro .mainpro-list{flex-wrap:nowrap;padding:10px 0;margin-top:20px}
.home-mainpro .mainpro-list li a{box-shadow:0 0 10px 0 rgba(0,0,0,.1)}
.home-mainpro .swiper-pagination{display:none}
.home-mainpro .swiper-pagination-bullet-active{background:var(--color)}
.mainpro-btn>div{width:40px;height:40px;cursor:pointer;background:#f2f2f2;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:.3s;position:absolute;top:50%;margin-top:-20px}
.mainpro-btn>div em{font-size:var(--fontsize20)}
.mainpro-swiper{position:relative}
.mainpro-btn>div.mainpro-prev{left:-55px}
.mainpro-btn>div.mainpro-next{right:-55px}
.mainpro-btn>div:hover{background:var(--color);color:#fff}
.home-mainpro .mainpro-list li a .title{line-height:1.3}
@media (max-width:1024px){.mainpro-btn>div{display:none}
.home-mainpro .swiper-pagination{display:block;position:static;margin-top:10px}}
@media (max-width:550px){.home-mainpro .mainpro-list li a .title{font-size:var(--fontsize16)}
.home-mainpro .mainpro-list{margin-top:0px}}
@media (min-width:1281px){
.home-about .home-more{margin-top:5%;}}
@media (min-width:1281px) and (max-width:1440px){.home-about .aboutinfo p{font-size:22px}}
@media (min-width:1281px) and (max-width:1370px){.home-about .aboutinfo p{font-size:20px}}
.home-helpcenter{padding:4% 0;}
@media (max-width:768px){.home-helpcenter{padding:40px 0;}}

.home-served{padding:0 0 4%}
.home-served ul{margin-top:3%;display:flex;flex-wrap:wrap;justify-content: space-between;}
.home-served ul li{width:25%;padding:0 2%;font-size:18px;text-align:center;}
@media (min-width:769px){.home-served ul li:nth-child(-n+3){width:33.33%;margin-bottom:2%;}}
@media (max-width:768px){.home-served{padding:0 0 40px}
.home-served ul{margin-top:30px;}
.home-served ul li{width:50%;font-size:16px;}
.home-served ul li:nth-child(n+3){margin-top:2%;}
.home-served ul li:last-child{width:100%;}}
.home-about{padding-top:100px;}
.home-about:not(:last-child){padding-bottom:0;}
.home-about .home-title,.home-about .aboutinfo p{color:var(--color)}
.home-about>.l-wrap{align-items:center;}
.home-about .aboutimg img{width:100%;display:block;}
@media (min-width:769px){.home-about:nth-child(2n)>.l-wrap{flex-direction: row-reverse;}}
.home-about .l-wrap>div.aboutinfo{padding:0;}
@media (min-width:541px){.home-about .aboutinfo p{font-size:var(--fontsize20)}}
.home-navlink{padding:40px 0}
.navlink-list{display:flex;flex-wrap:wrap;justify-content:space-between;}
.navlink-list li{width:24%;text-align:center;margin:10px 0;}
.navlink-list li a{width:100%;height:100%;border-radius:50px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:var(--fontsize18);border:1px solid var(--fontcolor);line-height:1.4;padding:15px;transition:.3s}
@media (max-width:1024px){.navlink-list li{width:48%;}}
@media (max-width:768px){.home-about{padding-top:30px;}
.home-navlink{padding:20px 0}
.navlink-list li a{font-size:var(--fontsize16)}}
@media (max-width:500px){.navlink-list li{width:100%;margin:6px 0}
.navlink-list li a{padding:12px}}
.navlink-list li a{border:unset;border-right:2px solid #111;border-radius:unset;padding:0 15px;font-weight:700}
.navlink-list li:last-child{border:none}
.home-about>.l-wrap{max-width:1400px}
.home-about>.l-wrap>div.aboutimg{padding:0;}
@media (max-width:500px){.navlink-list li a{border:none}}
.home-navlink.home-navlink2 .navlink-list li a{border-color:var(--color);color:#fff;background: var(--color);}
.home-banner .swiper-slide .banbot{position: absolute;left:20px;bottom:20px;}
.home-banner .swiper-slide .banbot p{font-weight: var(--fontbold7);font-size:14px;}
@media (max-width:768px){.home-banner .swiper-slide .banbot{bottom:7px;left:7px}
.home-banner .swiper-slide .banbot p{font-size:12px;}}
.home-about>.l-wrap{align-items:flex-start;justify-content: space-between;}
@media (min-width:769px){.home-about>.l-wrap>div{width:48%}}
.home-contact{padding:100px 0 100px;}
.home-contact .l-wrap{max-width:1400px;display:flex;align-items: center;justify-content: space-between;flex-wrap:wrap;}
.home-contact .cont-left{width:40%}
.home-contact .cont-left .home-title{color:var(--color);text-align:left}
.home-contact .cont-left p{margin-top:20px;}
.home-contact .cont-right{width:55%;display:flex;border:1px solid #DDD;}
.home-contact .cont-right .img{width:45%;padding:20px;}
.home-contact .cont-right .cont-inner{width:55%;padding:20px;border-left: 1px solid #ddd;display:flex;flex-direction: column;justify-content: center;}
.home-contact .cont-right .cont-inner p.name{font-weight: var(--fontbold7);font-size:20px;margin-bottom:20px;}
@media (max-width:768px){.home-contact{padding:50px 0 50px;}
.home-contact .cont-left{width:100%;}
.home-contact .cont-right{width:100%;margin-top:20px;}}
@media (max-width:600px){.home-contact .cont-right{flex-direction: column;}
.home-contact .cont-right .img{width:100%;padding:10px;text-align:center}
.home-contact .cont-right .cont-inner{padding:10px;width:100%;border-top:1px solid #ddd;border-left:none;}
.home-contact .cont-right .cont-inner p.name{margin-bottom:10px;}}

.home-about .about-titbox{width:100%;text-align:center}
.home-about .l-wrap>div.home-title{width:100%;margin-bottom:30px;}
@media (max-width:768px){.home-about .l-wrap>div.home-title{margin-bottom:15px;}
.home-about .aboutimg{margin-bottom:10px;margin-top:0;}}

.home-banner .ban{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}
.home-banner .swiper-slide-active .ban{animation:bannerani .5s forwards;animation-delay:.7s}
.home-banner .ban1{left:30%;line-height:1}
.home-banner .ban1 .p1{font-size:48px;color:#414196;font-weight:bold;-webkit-text-stroke:1px #fff}
.home-banner .ban1 .p2{font-size:60px;font-weight:bold;margin:15px 0 10px}
.home-banner .ban1 .p3{font-size:24px}
.home-banner .ban1 .more{margin:45px 0 55px;display:inline-block;color:#fff;padding:10px 22px;background:linear-gradient(to right,#483475,transparent);border-radius:4px;font-size:18px}
.home-banner .ban1 .p4{font-style:italic;;background:linear-gradient(to right,#483475,transparent);color:#fff;font-size:28px;font-weight:bold;padding:10px 15px}
@media (max-width:1600px) {
.home-banner .ban1 .p1{font-size:3.3vw;-webkit-text-stroke:.1vw #fff}
.home-banner .ban1 .p2{font-size:4.2vw;margin:1.1vw 0 .9vw}
.home-banner .ban1 .p3{font-size:1.7vw;}
.home-banner .ban1 .more{margin:3vw 0 4vw;font-size:1.3vw;padding:.8vw 1.5vw;border-radius:.3vw}
.home-banner .ban1 .p4{font-size:2vw;padding:.8vw 1.2vw;}
}
.home-banner .ban2{width:max-content;font-weight:bold;font-style:italic;line-height:1}
.home-banner .ban2.p1{top:38%;left:40%;font-size:28px}
.home-banner .ban2.p2{top:54%;left:32.5%;font-size:26px}
.home-banner .ban2.p3{top:53%;left:80%;font-size:30px}
.home-banner .ban2.p4{top:71.5%;left:37.5%;font-size:24px}
@media (max-width:1600px){
.home-banner .ban2.p1{font-size:1.7vw;}
.home-banner .ban2.p2{font-size:1.6vw;}
.home-banner .ban2.p3{font-size:1.7vw;}
.home-banner .ban2.p4{font-size:1.5vw;}
}
.home-banner .ban3{top:62%;left:27%;line-height:1}
.home-banner .ban3 .p1{font-size:50px;font-style:italic;font-weight:bold;-webkit-text-stroke:1px #fff}
.home-banner .ban3 .p2{font-size:24px;font-style:italic;margin:10px 0;line-height:1.1;}
.home-banner .ban3 .p3{font-size:24px;font-style:italic;font-weight:bold;-webkit-text-stroke:1px #fff}
.home-banner .ban3 .list{margin-top:15px}
.home-banner .ban3 .list li{position:relative;font-size:20px;padding-left:25px;margin-top:10px;}
.home-banner .ban3 .list li::before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:16px;height:16px;background:#3c3051}
@media (max-width:1600px){
.home-banner .ban3{left:29%}
.home-banner .ban3 .p1{font-size:3.3vw;-webkit-text-stroke:.05vw #fff}
.home-banner .ban3 .p2{font-size:1.5vw;margin:.6vw 0;}
.home-banner .ban3 .p3{font-size:1.5vw;-webkit-text-stroke:.05vw #fff}
.home-banner .ban3 .list{margin-top:1vw}
.home-banner .ban3 .list li{font-size:1.3vw;margin-top:.8vw;padding-left:1.6vw;}
.home-banner .ban3 .list li::before{width:1vw;height:1vw;}
}

.home-about .about-more a{display:inline-block;padding:7px 20px;background: #3F2F4E;margin-top:50px;transition: all .3s;color:#fff;font-size:18px;}
.home-about .about-more a:hover{background: #51435F;}
@media (max-width:1024px){.home-about .about-more a{margin-top:20px;}}

@media (min-width:769px){.home-about .aboutinfo p {margin:0;}
.home-about>.l-wrap>div.aboutimg {position:relative;}
/*.home-about>.l-wrap>div.aboutimg img {height:100%;position:absolute;top:0;left:0;object-fit:cover}*/
/*.home-about>.l-wrap {align-items:initial;}*/
/*.home-about4>.l-wrap,.home-about6>.l-wrap,.home-about8>.l-wrap{align-items:center}*/
/*.home-about4>.l-wrap>div.aboutimg img,.home-about6>.l-wrap>div.aboutimg img,.home-about8>.l-wrap>div.aboutimg img {position:static}*/
}