﻿@import url(https://css02.v15cdn.com/m441/iconfont/iconfont.css);
.home-about .about-img::before{display:none}
.home-about  .home-more{background:var(--color);color:#fff}
.home-about .about-img .bgimg{border-radius:unset}
.home-about h1{color:#111;font-weight:normal;padding-bottom:20px;position:relative}
.home-about h1::after{content:'';position:absolute;left:0;bottom:0;width:50px;height:2px;background:var(--color)}
.home-about{background:var(--color)}
.home-about .home-more{background:#231c1b}
.home-about,.home-about .about-img{padding:0}
.home-about .about-info{padding-top:2%;padding-bottom:2%}
 .home-about .about-img .bgimg{height:100%;object-fit:cover}
.home-about .l-wrap{align-items:stretch}
.home-news{padding:0;}
.home-projects{padding-bottom:4.5% !important;}
@media (max-width:768px){.home-projects{padding-bottom:40px !important;}}
.home-hotpro .homehotpro-list .homehotpro-item{height:auto;}
.home-choose .home-title ,.home-choose .homechoose-text{color: var(--fontcolor);}

.home-service{padding:50px 0;position:relative}
.home-service .service-flex{display:flex;align-items:center;flex-wrap:wrap}
.home-service .service-flex .title{font-size:45px;font-weight:var(--fontbold6);line-height:1.2}
.home-service .service-flex .title span{color:var(--color);display:block}
.home-service .service-flex .text{color:#666666;margin:15px 0}
.home-service .service-flex .left{width:50%;background:no-repeat center;background-size:cover;aspect-ratio:777/620;position:relative;padding:50px 50px;background:var(--color);border-radius: 10px 0 0 10px;}
.home-service .service-flex .left .text{font-size:60px;color:var(--color);font-weight:var(--fontbold6);line-height:1;writing-mode:vertical-lr}
.home-service .service-flex .left .img1{position:absolute;left:-30px;top:20%}
.home-service .service-flex .left .img2{position:absolute;top:50%;transform:translateY(-50%);right:-80px}
.home-service .service-flex .right{background:#f9f4ee;border-radius:0 10px 10px 0;padding:60px 20px 20px 100px;flex:1}
.home-service .service-flex .right .list{display:flex;flex-wrap:wrap;margin:30px 0 60px}
.home-service .service-flex .right .list li{text-align:center;margin-right:20px}
.home-service .service-flex .right .list li:last-child{margin-right:0}
.home-service .service-flex .right .list li p{font-weight:var(--fontbold6);margin-top:10px}
.home-service .service-flex .right .list li .img{width:120px;height:120px;background:#FFFFFF;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}
.home-service .service-flex .right .list li .img:hover img {transform:scale(1.03)}
.home-service .service-flex .right .list li:nth-child(2) img{margin-top:10px}
.home-service .service-flex .infoleft{width:45%;margin-top:20px}
.home-service .service-flex .infoleft .list{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin:20px 0}
.home-service .service-flex .infoleft .list li{display:flex;background:#f4f4f4;border-radius:30px;padding:10px 20px;margin-bottom:10px;font-weight:var(--fontbold6);min-width:140px}
.home-service .service-flex .infoleft .list li img{vertical-align:middle;margin-right:10px;height:16px}
.home-service .service-flex .infoleft .list li .icon {margin-right:10px;margin-top:6px;width:16px;height:16px;background:var(--color);border-radius:50%;color:#ffffff;display:inline-flex;align-items:center;justify-content:center}
.home-service .service-flex .infoleft .list li .icon i{font-size:12px;margin-top:1px}
.home-service .service-flex .inforight{flex:1;border-radius:10px;overflow:hidden;padding-left:30px;}
.home-service .service-flex .inforight img{width:100%;height:100%;object-fit:cover}
.home-service .service-flex .inforight .lazy-wrap{border-radius:10px}
.home-service .service-flex .inforight img:hover{transform:scale(1.02)}
.home-service .service-flex .infoleft .home-more em{color:#fff}
@media(max-width:1280px){.home-service .service-flex .left .text{font-size:40px}
.home-service .service-flex .title{font-size:38px}
.home-service .service-flex .left .img2{width:450px;right:-50px}
.home-service .service-flex .right{padding:40px 20px 20px 90px}
.home-service .service-flex .right .list{margin:20px 0 40px}}
@media(max-width:1024px){.home-service .service-flex{margin-top:20px}
.home-service .service-flex .left .img2{right:20px}
.home-service .service-flex .right{padding:20px}
.home-service .service-flex .title{font-size:28px}
.home-service .service-flex{flex-direction:column}
.home-service .service-flex .left{width:100%;aspect-ratio:inherit}
.home-service .service-flex .infoleft{width:100%;margin-bottom:20px}
.home-service .service-flex .inforight{padding-left:0}}
@media(max-width:768px){.home-service .service-flex .left .img2{right:0;width:65%}
.home-service .service-flex .left{padding:15px 20px}
.home-service .service-flex .right .list{justify-content:space-between;margin-bottom:20px}
.home-service .service-flex .right .list li{width:30%;margin:0}
.home-service .service-flex .right .list li .img{width:100%;height:auto;aspect-ratio:1/1}}
.home-about2{padding:50px 0;position:relative;background:no-repeat center;background-size:cover;z-index:1;background-image:url(https://css02.v15cdn.com/m441/images/about-bg.webp)}
.home-about2::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background: linear-gradient(0deg, #F6E1DE 0, #F8E9E7 100%);opacity:.8;z-index:-1}
.home-about2 .aboutflex{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
.home-about2 .aboutflex .aboutimg{width:45%;border-radius:10px;overflow:hidden;position:relative;aspect-ratio:680/448}
.home-about2 .aboutflex .aboutimg:hover img{transform:scale(1.02)}
.home-about2 .aboutflex .aboutimg iframe{width:100%;height:100%}
.home-about2 .aboutflex .aboutimg em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9;background:var(--color);color:#FFFFFF;width:50px;height:50px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:32px;cursor:pointer}
.home-about2 .aboutflex .aboutimg em::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:5px solid #FFFFFF;border-radius:50%}
.home-about2 .aboutflex .aboutinfo{flex:1;padding-left:30px;padding-top:20px;color:#FFFFFF}
.home-about2 .aboutflex .aboutinfo .home-des{text-align:left;color:#FFFFFF}
.home-about2 .aboutflex .aboutinfo .title{text-align:left;color:#FFFFFF;font-size:46px}
.home-about2 .aboutflex .aboutinfo .text{line-height:2;margin-bottom:30px}
.home-about2 .aboutflex .aboutinfo .home-more{background:#FFFFFF;color:var(--color)}
.home-about2 .aboutflex .aboutinfo .home-more em{color:#FFFFFF}
.home-about2 .aboutflex .aboutinfo .home-more:hover{color:#ffffff;}
.home-about2 .aboutlist{display:flex;flex-wrap:wrap;justify-content:space-between;margin:40px 0 10px}
.home-about2 .aboutlist li{width:23%;background:#FFFFFF;border-radius:10px;overflow:hidden;display:flex;align-items:center;padding:15px 20px}
.home-about2 .aboutlist li:hover .icon{border-color:var(--color)}
.home-about2 .aboutlist li .icon{width:70px;height:70px;border:2px solid rgba(228,117,39,.42);border-radius:50%;padding:1px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear}
.home-about2 .aboutlist li .info{flex:1;height:100%;padding-left:20px;display:flex;flex-direction:column;justify-content:flex-start}
.home-about2 .aboutlist li .info .p1{color:var(--color);font-size:30px;font-weight:var(--fontbold6)}
.home-about2 .aboutlist li .info .p2{color:#000;font-weight:var(--fontbold5);line-height:1.4}
@media(max-width:1280px){.home-about2 .aboutflex .aboutinfo{padding:0 0 0 20px}
.home-about2 .aboutflex .aboutinfo .title{font-size:34px}}
@media(max-width:1024px){.home-about .aboutflex .aboutimg{width:100%}
.home-about2 .aboutflex .aboutinfo{padding:0;margin-top:20px}
.home-about2 .aboutlist li{width:49%;margin-bottom:20px}}
@media(max-width:768px){.home-about .aboutflex .aboutinfo .title{font-size:24px;font-weight:var(--fontbold6);margin:10px 0}
.home-about2 .aboutlist li{padding:15px;width:100%}
.home-about2 .aboutlist li .icon{width:50px;height:50px}
.home-about2 .aboutlist li .icon img{height:30px}
.home-about2 .aboutlist li .info .p1{font-size:24px}}
.home-certi{background:linear-gradient(180deg,#fff,var(--color))}
.home-more em{background:var(--color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;margin-left:10px;font-size:12px;font-weight:var(--fontbold6)}
.home-service .service-flex .title{color: var(--color);}