@charset "utf-8";
.indtitle{ text-align:center; padding:15px 0;}
.indtitle em{ font-size:var(--title-size-38); line-height:2; font-weight:700; letter-spacing:2px;}
.indtitle em i{ color:var(--main-color);}
.indtitle p{ font-size:var(--title-size-18); color:#666; max-width:90%; margin:0 auto;}
.indtitle span{ font-size:var(--title-size-24); color:#666; padding-left:10px; font-family:"urbanist";}

.indtitles{ padding:15px 0;}
.indtitles em{ font-size:var(--title-size-38); font-weight:700; letter-spacing:2px; margin-right:10px;}
.indtitles em i{ color:var(--main-color);}
.indtitles span{ font-size:var(--title-size-24); color:#666; font-family:"urbanist";}
@media screen and (max-width:640px) {
.indtitles span{ display:block;}
}
.indtitles a{ float:right; color:var(--main-color); margin-top:20px; border-bottom:1px var(--main-color) solid;}

/*首页--banner*/
.swiper-container .swiper-wrapper{ transition-delay:.1s; }
.swiper-container { width:100%; margin:auto; }
.swiper-slide .bantxt{ position:absolute; z-index:999; left:0; top:50%; opacity:0; transition:all .4s; color:#fff; width:100%; text-align:center;}
@media screen and (min-width:1060px) {
.wapban{ display:none;}
.pcban{ display:block;}
}
@media screen and (max-width:1060px) {
.wapban{ display:block; padding-top:60px;}
.pcban{ display:none;}
}
.swiper-slide .bantxt i{ display:block; font-size:var(--title-size-20); line-height:2; font-family:"urbanist";}
.swiper-slide .bantxt em{ line-height:2; font-size:var(--title-size-56); display:block; padding:0 5%; color:#fff;}
.swiper-slide .bantxt span{ display:block; line-height:1.5; font-size:var(--title-size-26);}
.ani-slide .bantxt{ opacity:1; transform: translateY(-50%); top:50%;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{ font-size:16px; color:#fff;}
.swiper-pagination-current{ font-size:21px;}
.swiper-slide img.myban{ display:block; width:100%;}
@media screen and (min-width:1200px) {

.swiper-next,.swiper-prev{ width:60px; height:60px; margin-top:-30px;}
}
@media screen and (max-width:1200px) and (min-width:960px) {
.swiper-next,.swiper-prev{ width:50px; height:50px; margin-top:-25px;}
}
@media screen and (max-width:960px) {
.swiper-slide .bantxt span{ line-height:1;}
.swiper-next,.swiper-prev{ width:40px; height:40px; margin-top:-20px;}
}
.swiper-next,.swiper-prev{ position:absolute; z-index:5; border:1px rgba(255,255,255,0.3) solid; border-radius:50%; cursor: pointer; top:50%;}
.swiper-next{ right:4%; background:url(../images/brig.png) center no-repeat;}
.swiper-next:hover{ background-color:rgba(255,255,255,0.3);}
.swiper-prev{ left:4%; background:url(../images/blt.png) center no-repeat;}
.swiper-prev:hover{ background-color:rgba(255,255,255,0.3);}


.indabout{ padding:5% 0 4%; background:#f9f9f9; overflow:hidden;}
@media screen and (min-width:960px) {
.indabout_img{ float:left; width:50%;}
.indabout_body{ float:right; width: calc(50% - 40px);}
}

.indabout_img img{ max-width:100%;}
.indabout_img ul{ margin-top:15px;}
.indabout_img li{ width: calc(33.33% - 6px); margin-right:9px; float:left; text-align:center;}
.indabout_img li:nth-child(3n){ margin-right:0;}
.indabout_img li span{ line-height:2; color:#666; font-size:14px; display:block; margin-top:6px;}

.indabout_body h2{ font-size:var(--title-size-36); color:#bb8c59; line-height:1.6;}
.indabout_body i{ color:#171516; font-size:var(--title-size-24);}
.indabout_bodys{ padding:3% 0; font-size:var(--title-size-15); color:#333; line-height:1.8;}
.indabout_bodyy li{ float:left; width: calc(50% - 20px); border-right:1px #e5e5e5 solid; box-sizing: border-box; margin-right:40px; padding-right:30px;}
.indabout_bodyy li:nth-child(2){ margin-right:0; border-right:none; padding-right:0;}
.indabout_bodyy li img{ float:right; margin-top:10px; max-width:50px;}
.indabout_bodyy li p{ font-size:var(--title-size-26); color:#bb8c59;}
.indabout_bodyy li p span{ display:block; font-size:var(--title-size-16); color:#333;}
.indabout_bodyy li p i{ font-size:var(--title-size-60); color:#bb8c59; font-family:"urbanist"; font-weight:700;}
.indabout_body a{ background:url(../images/more.png) var(--main-color) left 30px center no-repeat; color:#fff; display:inline-block; margin-top:6%; padding:12px 40px 12px 60px; border-radius:20px;}
@media screen and (max-width:760px) {
.indabout_body a{ padding:10px 30px 10px 55px; background:url(../images/more.png) var(--main-color) left 20px center no-repeat;}
}

.indphoto{ padding:2% 0;}
.indphoto ul{ margin-top:2%;}
.indphoto li{ text-align:center;}
@media screen and (min-width:960px) {
.indphoto li{ float:left; width: calc(25% - 18px); margin-bottom:24px; margin-right:24px;}
.indphoto li:nth-child(4n){ margin-right:0;}
}
@media screen and (max-width:960px) {
.indphoto li{ float:left; width: calc(50% - 12px); margin-bottom:24px; margin-right:24px;}
.indphoto li:nth-child(2n){ margin-right:0;}
}
.indphoto li .ppimg{ height:clamp(160px, 20vw, 260px); overflow:hidden; position:relative; margin-bottom:10px;}
.indphoto li .ppimg img{ position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.3s;}
.indphoto li .ppimg:hover img{ transform: scale(1.05); }
.indphoto li span{ line-height:2; font-size:var(--title-size-16); color:#333;}




.indhezuo{ position:relative; padding:1% 0;}
.indhezuo .symain{ overflow:hidden;}
.mykehu{ padding-bottom:40px;}
.indhezuo .swiper-slide{ border:1px #cfcfcf solid;  height:clamp(80px, 20vw, 140px); position:relative;}
.indhezuo .swiper-slide img{ position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); max-width:80%; max-height:80%;}



.indshili{ overflow:hidden; position:relative;}
.swiper-slide .shilitxt{ position:absolute; z-index:10; bottom:80px; transition:all .4s; color:#fff; width:100%;}
.indshili .swiper-slide{ overflow:hidden;}
.indshili img{ width:100%;}
@media screen and (max-width:760px) {
.swiper-slide .shilitxt{ width:90%; left:5%; bottom:20px;}
.indshili img{ width:140%; margin-left:-20%;}
}


.shilitxts{ background:#fff; width:100%; max-width:600px; color:#333; padding:2% 4% 8%; border-radius:25px;}
.swiper-slide .shilitxt p{ display:block; line-height:1.5; font-size:var(--title-size-16);}
.swiper-slide .shilitxt em{ font-size:var(--title-size-38); line-height:2; font-weight:700; letter-spacing:2px;}
.swiper-slide .shilitxt em i{ color:var(--main-color);}
.swiper-slide .shilitxt span{ font-size:var(--title-size-24); color:#666; padding-left:10px; font-family:"urbanist";}
.shilishxia{ position:absolute; z-index:20; bottom:110px; width:100%;}
.swiper-prevs,.swiper-nexts{cursor: pointer; position:absolute; bottom:10px; width:35px; height:20px;}
.swiper-prevs{ left:4%; background:url(../images/lt.png) center no-repeat;}
.swiper-prevs:hover{ background:url(../images/lts.png) center no-repeat;}
.swiper-nexts{ left:8%; background:url(../images/rig.png) center no-repeat;}
.swiper-nexts:hover{ background:url(../images/rigs.png) center no-repeat;}
@media screen and (max-width:760px) {
.shilitxts{ padding:15px 25px 40px;}
.shilishxia{ bottom:20px;}
.swiper-prevs{ left:35px;}
.swiper-nexts{ right:45px; left:auto;}
}