﻿.project-swiper .swiper-slide .project-img{overflow: hidden;transition: all .3s}
.project-swiper .swiper-slide .project-img img{transition: all .3s !important;opacity:0.3;}
.project-swiper .swiper-slide:hover .project-img img{transform: scale(1.05);}
.project-info{top:0 !important;}
.news .news-img img{aspect-ratio: 1 / 1;}
.project-img{background: initial;}
.project-info{display: none;}
.project-swiper .swiper-slide .project-img img{opacity: 1;}
.news-pro ul,.aboutictxt2 .list{display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
.news-pro ul li,.aboutictxt2 .list li{width:100%;margin-right:0}
@media (max-width:768px){.aboutictxt2 .list,.news-pro ul{grid-template-columns:repeat(2,1fr)}}
 .hot .hot-list{display:grid;gap:50px;grid-template-columns:repeat(3,1fr)}
.hot .hot-list li{border-radius:4px;border:1px solid #f3ebeb;width:100%;margin-right:0;display:flex;flex-direction:column;justify-content:space-between}
.hot-img img{width:100%}
.hot-img{max-height:unset}
.hot .btn{padding:2%;background:#f7f7f7;display:flex;align-items:center;justify-content:center}
.hot .common-btn{border-radius:5px;background:#055097}
.hot-info{padding:0;padding:0 2%}
@media (max-width:768px){.hot .hot-list{grid-template-columns:repeat(2,1fr)}}
.about .title{font-size:22px;color:#fff;}
.word{color:#fff}
.news-pro .img-wrap{border:none}
.about{background:#f9f9f9}
.about .common-title{text-align:left;font-weight:300;font-size:30px;}
.about .common-con{font-weight:300;}
.about,.about .common-con .aboutictxt2 .word,.about .common-con{font-size:18px}
@media (max-width:768px){.about .common-title{font-size:23px}
.about,.about .common-con .aboutictxt2 .word{font-size:16px}
.about .title{font-size:18px}
.about .common-con .aboutictxt2 .atitle{font-size:18px;margin-bottom:5px}
.about .common-con .aboutictxt2 .word{margin-bottom:15px}}
@media (max-width:500px){.aboutictxt2 .list{grid-template-columns:repeat(1,1fr)}}
@media (min-width:1024px){.news-date{display:none}
.news ul li:not(:first-child) .news-img{display:none}
.news .common-wrap{position:relative}
.news ul{margin-top:3%;position:relative;flex-direction:column;padding-left:30%}
.news ul li:not(:first-child){margin-bottom:2%;border-top:1px solid #666;background:#fff}
.news .common-title{text-align:left}
.news .common-btn{position:absolute;right:0;border-radius:unset;top:0;left:unset;transform:unset}
.news ul li{width:100%}
.news ul li:first-child{width:28%;position:absolute;padding:40px;left:0;top:0;background:#f9f9f9}
}.about .common-title{width:100%;text-align:center;color:#222;}
.about .items{margin-top:3%;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}
.about .items li{width:100%;margin-right:0;background:#fff;}
.about .items li img{width:100%;display:block}
@media (max-width:768px){.about .items{grid-template-columns:repeat(1,1fr)}}
 @media (min-width:1024px){.about .common-title{font-size:40px;font-weight:normal}
}.about .common-con p{font-size:21px;text-align:center;color:#666;}
.about .items li .info{font-size:18px}
.about .items li .info{text-align: center;color:#666;padding:0 30px 30px}
.about .item-title{font-size:34px;text-align: center;color:#000;margin:30px 30px 20px;line-height:1.3;min-height:73px}
@media (max-width:1500px){.about .item-title{font-size:28px;margin-bottom:15px;min-height:57px}
.about .items li .info{font-size:16px}}
@media (max-width:768px){.about .item-title{margin:15px 15px 10px;min-height:inherit;font-size:20px;}
.about .items li .info{padding:0 15px 15px}}
@media (max-width:540px){.about .item-title{font-size:16px}}
.banner-text{background:rgb(235 177 68 / 70%);position:absolute; text-transform: uppercase;}
.banner-text-1{right:6%;top:25%;color:#FFF;line-height:1.3;font-size:2.8vw;font-weight:500}
.banner-text-2{left:3%;top:7%;color:#FFF;line-height:1.3;font-size:3vw;font-weight:500}
#swiper-banner .banner-text{padding:2%;opacity:0;margin-left:0}
#swiper-banner .swiper-slide-active .banner-text{animation:bannerani .5s forwards;animation-delay:2s}
@keyframes bannerani{0%{margin-left:40px}
100%{opacity:1;margin-left:0}}
.hot .hot-name{color:var(--color)}
.hot .hot-intro{color:#055097}
#swiper-banner .banner-text.banner-text-3{width:80%;top:10%;text-align:center;color:#fff;}
.banner3-tit{font-weight:bold;font-size:4.2vw;line-height:1.3;}
.banner3-txt{font-size:1.9vw;text-transform:initial}
.banner3-btn{display:flex;justify-content:center;margin-top:1vw;}
.banner3-btn a{color:#fff;font-size:1.8vw;text-transform:initial}
.banner3-btn a:hover{text-decoration:underline}
@media (max-width:768px){.banner3-tit{font-size:28px}
.banner3-txt{font-size:13px}
.banner3-btn a{font-size:13px}
#swiper-banner .banner-text.banner-text-3{width:90%;}}
@media (max-width:500px){.banner3-tit{font-size:20px}
.banner3-txt{font-size:12px}
.banner3-btn a{font-size:12px}}
.hot .hot-intro span{color:var(--color);font-weight:700}
@media (min-width:1024px){.hot .hot-intro span{font-size:25px}}
#swiper-banner .banner-text.banner-text-2{background:transparent}
#swiper-banner .banner-text.banner-text-2 .more{background:#ebb144;color:#fff;font-size:1vw;width:fit-content;padding:1% 4%;margin-top:3%;border-radius:3px}
#swiper-banner .banner-text.banner-text-2 .more{text-transform: capitalize;}  
#swiper-banner .swiper-slide-active .banner-text.banner-text-1{right: 0;font-family: Impact !important;}
#swiper-banner .swiper-slide-active .banner-text.banner-text-1{top:36%;right:10%;padding:5%}
.hot .hot-list{gap:20px;grid-template-columns:repeat(4,1fr)}
.hot-img{flex:none}
.hot .btn{padding:15px 2%}
.hot .common-btn{margin-top:0}
@media (max-width:1024px){.hot .hot-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:990px){#swiper-banner .swiper-slide-active .banner-text.banner-text-1{padding:3%;right:15%}}
@media (max-width:768px){#swiper-banner .swiper-slide-active .banner-text.banner-text-1{right:10%}}
@media (max-width:540px){.hot .hot-list{grid-template-columns:repeat(1,1fr)}}
 .news-pro-img>a{display:inline-block;width:100%;height:100%}
.news-pro-img>a>img{width:100%}
 @media (min-width:1024px){.news-pro ul{gap:30px}
}