@charset "utf-8";
/* CSS Document */
body{ font-family:"HarmonyOS Sans SC","pingfang SC",sans-serif;font-size:12px;margin:0px;padding:0px; overflow-x:hidden;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,address,select,span{margin:0px;padding:0px;font-weight:normal}
a{text-decoration:none; color:#444;font-weight:normal}
b{ font-weight:normal;}
p{font-weight:normal}
a:hover{text-decoration:none; color:#015db2;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
i,dl,dt,em,li{list-style-type:none; font-style:normal;}
input,textarea{ font-family:"HarmonyOS Sans SC","pingfang SC",sans-serif;outline: none;}
a{ border:none\9;}
a img{border:none\9;}
.Left{float:left;}
.Right{float:right;}
.clearfix{clear:both;}
.indexbody{overflow-y: hidden;}
@font-face{
	font-family: '思源宋体 CN';
	src: url('../Bebas/siyuansong.ttf');
}
@font-face{
	font-family: '思源宋体 HN';
	src: url('../Bebas/siyuansongh.ttf');
}
html {
  scroll-behavior: smooth;
}
/* .heayc .headers {transform: translateY(-100%);} */
.heaxs .headers,.heayc .headers{transform: translateY(0);background: #fff;}
.heaxs .headers .lr .nav li>a,.heayc .headers .lr .nav li>a{color:#111;}
.heaxs .headers .lr .nav li a::before,.heayc .headers .lr .nav li a::before{background: #b99a6e;}
.heaxs .headers .lr .nav li:hover>a,.heayc .headers .lr .nav li:hover>a{color:#b99a6e;}
.heaxs .headers .lt img,.heayc .headers .lt img{display: none;}
.heaxs .headers .lt img.loh,.heayc .headers .lt img.loh{display: block;}
.heaxs .headers .lr .dropMenu li a,.heayc .headers .lr .dropMenu li a{color:#fff;}
header{width: 100%;height: auto;}
.navs-m{display: none;}
.headers{display: flex;width: 1600px;cursor: pointer;;height: auto;background: rgba(0,0,0,0.2);margin: 0 auto;justify-content: space-between;align-items: center;position: fixed;padding: 0 calc(50% - 800px);top: 0;left: 0;z-index: 10;border-bottom: 0px solid rgba(255, 255, 255, 0.2);box-shadow: none;transition: all 700ms;box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
.headers .lt{display:block;}
.headers .lt a{display: block;width: auto;height: 50px;}
.headers .lt img{display: inline-block;vertical-align: middle;width:100%;height:100%;}
.headers .lt img.loh{display: none;}
.headers .lr{display:flex;gap: 30px;}
.headers .lr .nav{display:block;font-size: 0;}
.headers .lr .nav li{display: inline-block;margin-left:75px;position: relative;}
.headers .lr .nav li a{font-size: 17px;color: #fff;line-height: 89px;display: block;position: relative;transition: all 700ms;font-weight: 400;}
.headers .lr .nav li a::before{content: '';position: absolute;bottom: 0px;left: 0;width:100%;height:3px;background: #fff;border-radius: 0;opacity: 0;transition: all 700ms;width: 0;}
.headers .lr .nav li a.hov::before{opacity: 1;width: 100%;}
.headers .lr .nav li:hover a::before,.headers .lr .nab a:hover{opacity: 1;width: 100%;}

.headers:hover{background: #fff;}
.headers:hover .lr .nav li>a{color:#111;}
.headers:hover .lr .nav li a::before{background: #b99a6e;}
.headers:hover .lt img{display: none;}
.headers:hover .lt img.loh{display: block;}
/* .headers:hover .lr .dropMenu li a{color:#fff;} */


.main-swiper{display: block;}
.main-swiper a{display: block;width: 100%;height: 100vh;aspect-ratio: 2/1;}
.main-swiper a img{display: block;width: 100%;height:100%;object-fit: cover;}
.main-swiper .co{display: block;}
.main-swiper .txt{display: block;position: absolute;bottom: -10%;left:calc(50% - 800PX);text-align: left;opacity: 0;transition:700ms;transition-delay: .3s;width: 80%;transform: translateY(-50%);}
.main-swiper .txt h2{font-size:50px;color: #fff;line-height: 50px;font-weight:700;letter-spacing: 2px;margin-bottom: 27px;font-family: "思源宋体 HN";}
.main-swiper .txt h6{font-size: 30px;color: #fff;line-height: 30px;letter-spacing: 2px;margin-bottom: 43px;font-family: "思源宋体 CN";}
.lin,.ke-insertfile{display: inline-flex;justify-content: center;font-size:17px;gap: 10px;align-items: center;line-height: 40px;width: 168px;border: 1px solid rgba(255, 255, 255, 0.5);transition: all 700ms;color: #fff;cursor: pointer;overflow: hidden;position: relative;}
.ke-insertfile{color:#111;border-color: #111;margin:30px auto;}
.lin .link,.ke-insertfile .link{font-size: inherit;color: inherit;}
.lin i,.ke-insertfile i{font-size: 15px;color: inherit;}
.lin:hover,.ke-insertfile:hover{color: #b99a6e !important;border-color: rgb(185, 154, 110,1) !important;}

.my-swiperpc .swiper-slide-active .txt{bottom: 5%;opacity: 1;}
.my-swiperpc .swiper-pagination.swiper-pagination-horizontal{bottom: 70px;text-align: center;width: auto;left: calc(50% - 800px);}
.my-swiperpc .swiper-pagination .swiper-pagination-bullet{width: 20px ;height: 2px ;background: #fff ;position: relative;transition: all 700ms;border-radius: 0;}
.my-swiperpc .swiper-pagination .swiper-pagination-bullet-active{width: 32px;opacity: 0.8;}
.my-swiperpc a .vedios{width: 100%;height: 100vh;display: block;object-fit: cover;}

.ksm{display: block;width: 100%;height: auto;display: flex;justify-content: space-between;align-items: center;width: 1600px;margin: 0 auto;}
.ks01{background: url(../images/index/ks01.jpg) no-repeat center center/cover;padding: 250px calc(50% - 800px) 150px;}
.ks01 .l{display: block;width:calc(560 / 1600 * 100%);}
.kt{display: block;margin-bottom: 55px;}
.kt h5{font-size: 46px;line-height: 40px;margin-bottom: 32px;color: #111;}
.kt .txt{font-size: 17px;line-height: 30px;color: #555;}
.kt .txt p{font-size: inherit;line-height: inherit;color: inherit;margin-bottom: 27px;}
.ks01 .l ul{display: flex;justify-content:left;gap: 80px;margin-bottom: 65px;font-size: 0;}
.ks01 .l ul li{display: block;text-align: center;cursor: pointer;}
.ks01 .l ul li .icon{width: 46px;height: 42px;position: relative;margin: 0 auto 16px;}
.ks01 .l ul li .icon i{font-size: 50px;color:#B99A6E;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all 700ms;}
.ks01 .l ul li p{font-size: 18px;color: #111;line-height: 30px;transition: all 700ms;}
.ks01 .l ul li:hover .icon i{transform: translate(-50%,-50%) scale(1.2);}
.ks01 .l ul li:hover p{color: #b99a6e;}
.ks01 .lin,.ks02 .lin{color: #111;border-color: #111;}
.ks01 .r{display: block;width: calc(960 / 1600 * 100%);}
.ks01 .r .imgs{display: block;overflow: hidden;aspect-ratio: 960 / 540;cursor: pointer;}
.ks01 .r .imgs img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all 700ms;}
.ks01 .r .imgs:hover img{transform: scale(1.2);}
.ks02,.ks04{display: block;}
.ks02{background: #f7f7f7;padding: 135px calc(50% - 800px) 100px}
.ks02 .t,.ks04 .t{display: flex;justify-content: space-between;font-size: 0;align-items: flex-start;}
.ks02 .t .kt h5,.ks04 .t .kt h5{margin-bottom: 0;}
.ks02 .b{display: block;}
.ks02 ul{display: flex;justify-content: space-between;align-items: center;gap: 40px;}
.ks02 ul li{display: block;flex: 1;cursor: pointer;}
.ks02 ul li a{display: block;}
.ks02 ul li .imgs{display: block;overflow: hidden;aspect-ratio: 372 / 540;position: relative;}
.ks02 ul li .imgs img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all 500ms;position: absolute;top: 0;left: 0;z-index: 1;}
.ks02 ul li .imgs video{display: block;width: 100%;height: 100%;object-fit: cover;filter: brightness(0.6) saturate(0.6);}

/* .ks02 ul li:hover .imgs img{transform: scale(1.15);}
.ks02 ul li.aos-init .imgs img{margin-left: -100%;}
.ks02 ul li.aos-animate .imgs img{margin-left: 0px;transition-delay: 1000ms;} */

.ks02 ul li h6{font-size: 18px;line-height: 70px;color: #111;text-align: center;transition: all 700ms;}
.ks02 ul li:hover h6{color: #b99a6e;}
.ks03{display: block;position: relative;width: 100%;padding: 0 0;}
.ks03 .nas{position: absolute;background: url(../images/index/dixi.png) no-repeat center center/cover;z-index: 1;width: 100%;bottom: 200px;aspect-ratio: 1920 / 98;}
.ks03 ul{display: flex;position: relative;width:1600px;justify-content: space-around;margin: 0 auto;}
.ks03 ul li{color: rgba(255, 255, 255, 0.5);font-size: 18px;transition: all 700ms;width: auto;position: relative;}
.ks03 ul li .int{display: block;position: relative;margin: 0 auto 30px;cursor: pointer;}
.ks03 ul li .int .int01{background: rgba(255, 245, 230, 0.6);width: 14px;height: 14px;border-radius: 50%;display: block;position: absolute;z-index: 2;transform: translate(-50%, 0px);left: 50%;transition: all 700ms;}
.ks03 ul li .int .int02{width: 14px;height: 14px;display: block;background: rgba(255, 245, 230, 0.6);border-radius: 50%;animation: cycle-animate 3s ease-in-out infinite;z-index: 0;position: absolute;transform: translate(-50%, 0px);left: 50%;}
@keyframes cycle-animate {
  0% {transform:  translate(-50%, 0px) scale(1);background-image: rgba(255, 245, 230, 0.6);opacity: 0.6;}
 100% {transform: translate(-50%, 0px) scale(3);background-image: rgba(255, 245, 230, 0.6);opacity: 0.05;}
 100% {transform: translate(-50%, 0px) scale(5);background-image: rgba(255, 245, 230, 0.6);opacity: 0;}
}
/* .ks03 ul li:nth-child(1){transform: translateY(-5px);}
.ks03 ul li:nth-child(2){transform: translateY(0px);}
.ks03 ul li:nth-child(3){transform: translateY(44px);}
.ks03 ul li:nth-child(4){transform: translateY(82px);}
.ks03 ul li:nth-child(5){transform: translateY(85px);} */
/* 上为5个 */
.ks03 ul li:nth-child(1){transform: translateY(-5px);}
.ks03 ul li:nth-child(2){transform: translateY(12px);}
.ks03 ul li:nth-child(3){transform: translateY(70px);}
.ks03 ul li:nth-child(4){transform: translateY(87px);}



.ks03 ul li a{font-size: inherit;color: inherit;}
.ks03 ul li p{font-size: inherit;color: inherit;display: block;}
.ks03 ul li:hover{color: rgba(255, 255, 255, 1)}
.ks03 ul li:hover .int01{background: rgba(255, 255, 255, 1)}
.ks03 ul li.h1{color: rgba(255, 255, 255, 1)}
.ks03 .b{display: block;position: relative;aspect-ratio: 1920 / 900;}
.ks03 .b .box{background-repeat: no-repeat !important;background-position: center center !important;background-size: cover !important;aspect-ratio: 1920 / 900;position: absolute;top: 0;left: 0;transition: all 1200ms;overflow: hidden;display: block;width: 100%;filter: brightness(0.9);}
.ks03 .b .box1{background: url(../images/index/cp1s.jpg) }
.ks03 .b .box2{background: url(../images/index/cp2s.jpg) }
.ks03 .b .box3{background: url(../images/index/cp3s.jpg) }
.ks03 .b .box4{background: url(../images/index/cp4s.jpg) }
.ks03 .b .box5{background: url(../images/index/cp5s.jpg) }
.ks03 .b .t{position: absolute;top: 220px;left: calc(50% - 800px);z-index: 1;}
.ks03 .b .t h5{font-size: 46px;line-height: 40px;margin-bottom: 30px;color: #fff;}
.ks03 .b .t .txt{font-size: 17px;line-height: 30px;color: #fff;margin-bottom: 55px;}
.ks03 .b .t .txt p{font-size: inherit;line-height: inherit;color: inherit;margin-bottom:5px}
.ks04{background: #18181a;padding-bottom: 0;padding: 140px calc(50% - 800px) 5px;}
.ks04 .t h5{color: #fff;}
.ks04 .lin{color: #fff;}





.ks04 .b .swiper-slide{display: flex;justify-content: space-between;align-items: flex-start;gap: 30px;}
.ks04 .b .swiper-slide a{flex: 1;}
.ks04 .b .swiper-slide a:nth-child(1){flex: 2;}
.ks04 .b .swiper-slide .imgs{display: block;overflow: hidden;aspect-ratio: 16 / 9;cursor: pointer;max-width: 783px;margin-bottom: 20px;}
.ks04 .b .swiper-slide .imgs img{display: block;width: 100%;height: 100%;object-fit: cover;transition: all 700ms;}
.ks04 .b .swiper-slide .txt{display: block;color: #fff;}
.ks04 .b .swiper-slide .txt h2{font-size: 20px;color: inherit;transition: all 700ms;margin-bottom: 20px;opacity: 0.7;line-height: 30px;}
.ks04 .b .swiper-slide a:nth-child(1) .txt h2{font-size: 22px;margin-bottom: 10px;opacity: 1;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;width:100%;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ks04 .b .swiper-slide .txt h6{font-size: 16px;line-height: 30px;color: inherit;opacity: 0.4;transition: all 700ms;}
.ks04 .b .swiper-slide a:hover .imgs img{transform: scale(1.2);}
.ks04 .b .swiper-slide a:hover .txt h2,.ks04 .b .swiper-slide a:hover .txt h6{opacity: 1;color: #b99a6e}
.swt4 .swiper-pagination.swiper-pagination-horizontal{left: 0;width: 100%;}
.ks04 .b .my-swiperpc{padding-bottom: 120px;}





.footer{background: #2a2b2d;}
.footer .foot{display: flex;justify-content: space-between;align-items: flex-start;border-bottom: 1px solid rgba(255, 255, 255, 0.2);width: 1600px;padding: 85px 0 40px;margin: 0 auto;}
.footer .foot .l{display: block;}
.footer .foot .l ul{display: flex;justify-content: space-between;gap: 135px;}
.footer .foot .l li{display: block;line-height: 40px;}
.footer .foot .l li h2{font-size: 22px;color: #fff;margin-bottom: 20px;line-height: inherit;}
.footer .foot .l li a{font-size: 16px;color: #fff;opacity: 0.6;line-height:inherit;transition: all 700ms;display: block;font-weight: 300;}
.footer .foot .l li a:hover{opacity: 1;}
.footer .foot .r{display: block;text-align: right;}
.footer .foot .rt{display: block;margin-bottom: 80px;}
.footer .foot .rt .box{display: block;margin-bottom: 20px;}
.footer .foot .rt .box h6{font-size: 22px;color: #fff;opacity: 0.6;line-height: 30px;margin-bottom: 10px;}
.footer .foot .rt .box h3{font-size: 36px;font-weight: 700;color: #fff;opacity: 0.6;}
.footer .foot .rt .box h3 a{font-size: inherit;color: inherit;transition: all 700ms;}
.footer .foot .rt .box h3:hover{opacity: 1;color: #b99a6c;}
.footer .foot .rt .box p{font-size: 16px;color: #fff;opacity: 0.6;line-height: 30px;}
.footer .foot .rt .box p a{font-size: inherit;color: inherit;transition: all 700ms;}
.footer .foot .rt .box p:hover{opacity: 1;color: #b99a6c;}
.footer .foot .rb{display: flex;justify-content: right;align-items: center;gap: 10px;}
.footer .foot .rb li{display:block;}
.footer .foot .rb li a{font-size: 24px;color: #fff;transition: all 700ms;border-radius: 50%;width: 52px;line-height: 52px;text-align: center;display: block;transition: all 700ms;}
.footer .foot .rb li:hover a{color: #b99a6c;border-color: #b99a6c;}

.footer .bom {width: 1600px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;padding: 0 0;}
.footer .bom p {font-size: 16px;color: rgba(255, 255, 255, 0.6);line-height: 88px;}
.footer .bom p a {font-size: inherit;color: rgba(255, 255, 255, 0.6);line-height: initial;transition: all 700ms;display: inline-block;padding-left: 10px;}
.footer .bom p a:Hover {color: rgba(252, 91, 1, 1);}



.dropMenu {position: absolute;z-index: 19;width: auto;;margin-top: 90px;margin-left:-37px;background:rgba(255,255,255,1);min-width: 145px;box-shadow:0px 10px 20px rgba(0,0,0,.2);top: 0;left: 0;opacity: 0;transition: all 700ms;pointer-events: none;padding: 10px 0;}
.headers .lr .dropMenu li{margin: 0 auto;display: block;}
.headers .lr .dropMenu li a{display: block;font-size: 16px;color: #111;line-height: 40px;text-align:center;transition:all 700ms;opacity: 0.7;}
.headers .lr .dropMenu li a:hover{opacity: 1;transform: scale(1.08);color: #b99a6e;}
.headers .lr .dropMenu li a::before{display: none !important;}
/* #dropmenu1{margin-left: -83.5px;width: 190px;}
#dropmenu2{margin-left: -52.5px;}
#dropmenu3{margin-left: -102px;min-width: 230px;}
#dropmenu4{margin-left: -72px;} */

.main{width: 1600px;margin: 0 auto;padding: 120px calc(50% - 800px);}
.sbanner{aspect-ratio: 1920 / 960;position: relative;overflow: hidden;}
.sbanner.kjs{aspect-ratio: 1920 / 700;}

.sbanner .bacs{display: block;width: 100%;height:100%;}
.sbanner .bacs img.backg{width: 100%;height: 100%;object-fit: cover;}
.sbanner .txt{position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%}
.sbanner.kjs .txt{top: 55%;}
.sbanner .txt h2{font-size: 36px;line-height: 40px;}
.sbanner .txt .ttl{margin-bottom:54px}
.sbanner .txt h5{font-size: 40px;line-height: 40px;color: #fff;text-align: center;letter-spacing: 3px;    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
.sbanner .txt .abt{display:block;cursor: pointer;}
.sbanner .txt .abt p{color:#fff;font-size:17px;opacity:0.5;line-height:36px;text-align:center;transition: all 700ms;letter-spacing: 3px;    text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
.sbanner .txt .abt:hover p{opacity: 1;}

.ks02.cs ul li .imgs{aspect-ratio: 296 / 540;}
.ks02.cs ul li:hover .imgs img{transform: scale(1.2);}

/* 品牌故事 */
.story{display: block;margin:0 auto;}
.story .str{display: block;}
.story .str .st{display: block;padding:120px 0;color: #111;text-align: center;max-width: 1920px;margin: 0 auto;}
.story h5{font-size: 36px;line-height: 36px;color: inherit;margin-bottom: 40px;text-align:inherit;}
.story P{font-size:17px;line-height: 36px;color: inherit;opacity: 0.7;text-align: inherit;transition: all 700ms;}
.story .str .st02{background:url('../images/index/story02.jpg') no-repeat center center;color:#fff;text-align: left;aspect-ratio: 1920 / 910;padding: 80px calc(50% - 800px);}
.story .str .st02 .box{display: block;padding-top: 200px;width:800px;cursor: pointer;}
.story .str .box .txt{display: inline-block;cursor: pointer;}
.story .str .st03{padding:0 0;display:flex;justify-content: space-between;align-items: center;font-size: 0;}
.story .str .st03 .box{padding: 0 100px 0 calc(50% - 800px);text-align: left;width: 700px;}
.story .str .st03 .imgs{width: 50%;height: auto;overflow: hidden;object-fit: cover;cursor: pointer;}
.story .str .st03 .imgs img{width: 100%;height: 100%;object-fit: cover;transition: all 700ms;}
.story .str .st03:nth-child(2n){flex-direction: row-reverse;}
.story .str .st03:nth-child(2n) .box{padding: 0 calc(50% - 800px) 0 100px ;}
.story .str .st01 .lin{color:#111;border-color: #111;margin-top: 55px;}
.story .txt:hover p{opacity: 1;}
.story .str .st03 .imgs:hover img{transform: scale(1.2);}
.story .str .st .ul01{display: flex;justify-content: space-between;align-items: center;gap: 33px;margin: 50px auto 0;width: 1600px;font-size: 0;}
.story .str .st .ul01 li{display: block;width:calc((100% - 66px)/3);height: auto;overflow: hidden;cursor: pointer;}
.story .str .st .ul01 li .imgs{width: 100%;height:auto;display: block;aspect-ratio:513 / 292;overflow: hidden;}
.story .str .st .ul01 li .imgs img{width: 100%;height: 100%;object-fit: cover;transition:all 700ms}
.story .str .st .ul01 li .txt{padding: 20px 0 20px;}
.story .str .st .ul01 li .txt h5{font-size: 20px;line-height: 36px;color: inherit;margin-bottom: 10px;transition:all 700ms}
.story .str .st .ul01 li .txt p{font-size: 17px;line-height: 30px;color: inherit;opacity: 0.7;transition:all 700ms}

.story .str .st .ul01 li:hover .imgs img{transform: scale(1.2);}
.story .str .st .ul01 li:hover .txt h5,.story .str .st .ul01 li:hover .txt p{color: #b99a6c;opacity: 1;}

.story .str .dp{background:url('../images/index/03b_14.jpg') no-repeat center center;color:#fff;text-align: left;aspect-ratio: 1920 / 910;padding: 228px calc(50% - 100px) 280px calc(50% - 800px);width: 900px;position: relative;}
.story .str .dp .box{display: block;}
.story .str .dp .b01-bg{display: block;}
.story .str .dp .b01-bg .tox h3{font-size:30px;margin-bottom: 41px;font-weight:300;}
.story .str .dp ul{display:flex;justify-content:left;align-items: center;gap: 33px;border-top:1px solid rgba(255, 245, 230, 0.6);padding-top: 25px;position: absolute;bottom: 286px;}
.story .str .dp ul li{display: block;position: relative;}
.story .str .dp ul li::before{content: '';position: absolute;top: -27px;left: 0;width: 109%;height: 2px;background: #b99a6c;opacity: 0;transition: all 700ms;}
.story .str .dp ul li.h1::before{opacity: 1;}
.story .str .dp ul li:hover::before{opacity: 1;}
.story .str .dp ul li a{font-size: 17px;line-height: 36px;color: inherit;opacity: 0.7;text-align: inherit;}
.story .str .dp .b01-bg .tox h3{font-size:30px;font-weight:300;margin-bottom: 42px;}
.story .str .dp .b01-bg .tox p{line-height: 36px;height: auto;}
.story .str .dp h5{margin-bottom: 100px;}
.story .str .stdp{display: block;background: #111;}
.story .str .stdp ul{display: flex;gap: 40px;width: 1600px;margin: 0 auto;}
.story .str .stdp ul li{flex: 1 1 32.5%;transition: all 700ms;position:relative;height: 720px;border-radius:0px;overflow: hidden;cursor: pointer;}
.story .str .stdp ul li::before{content: '';top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: absolute;transition: all 700ms;}
.story .str .stdp ul li img{width: 100%;height: 100%;object-fit: cover;}
.story .str .stdp ul li .btr{position: absolute;bottom: 85px;left: 60px;font-size: 18px;color: #fff;text-align: left;width: 850px;border-radius: 0px;}
.story .str .stdp ul li .btr h3{display: block;font-size: 32px;font-weight: 300;line-height: 60px;margin-bottom: 5px;color:rgba(255, 255, 255, 0.8);}
.story .str .stdp ul li .btr .txt{display: block;color: #fff;width: 850px;text-align: center;line-height: 34px;text-align: justify;margin-bottom: 0;height: 0;opacity: 0;transition: all 700ms;}
.story .str .stdp ul li:hover{flex: 0 0 65%;}
.story .str .stdp ul li:hover .btr .txt{opacity: 1;height: 102px;}
.story .str .stdp ul li:hover .btr h3{color: #fff;}
.story .str .stdp ul li:hover::before{background: rgba(0,0,0,0.1)}
.story .str .st0w{text-align: left;width: 1600px;margin: 0 auto;}
.story .str .st.db h5{margin-bottom: 30px;}
.story .str .st.db .lin{margin-top: 50px;}


.story .str .widy{width: 1600px;margin: 80px auto 0;}
.story .str .widy .st03{margin-bottom: 80px;}
.story .str .widy .st03:last-child{margin-bottom: 0;}
.story .str .widy .st03 .box{padding: 0 0;width:600px;margin: 0 auto 0 100px;text-align: justify;}
.story .str .widy .st03:nth-child(2n) .box{margin: 0 100px 0 auto;}
.story .str .widy .st03 .imgs{width: 750px;height: auto;overflow: hidden;aspect-ratio: 3 / 2;}
.story .str .widy .st03 .imgs img{transition: all 700ms;}
.story .str .widy .st03 .imgs:hover img{transform: scale(1.2);}

.story .str.pro .st{padding-bottom: 75px;}
.story .ks02{padding:0 0 70px;background: #fff;}


/* 品牌故事 */

.new{display: block;}
.new .nsb{display: flex;justify-content: space-between;align-items: center;margin-bottom: 70px;}
.new .nsb .snav{display: block;}
.new .nsb .snav ul{font-size: 0;display: flex;justify-content: space-between;align-items: center;gap: 30px;}
.new .nsb .snav ul li{display: block;transition: all 700ms;}
.new .nsb .snav ul li .lin{background: #fff;color: #111;font-size: 17px;width: auto;padding: 0 30px;border-color: #111;}
.new .nsb .snav ul li.hov .lin{background: #b99a6e;color: #fff;border-color: #b99a6e ;}
.new .nsb .snav ul li:hover .lin{background: #b99a6e;color: #fff;border-color: #b99a6e ;}
.new .nsb .searchbox{display: block;position: inherit;background: none;padding: 0;width: auto;overflow: hidden;}
.new .nsb .searchbox form{width: 300px;position: relative;border-bottom:1px solid #111;transition: all 700ms;}
.new .nsb .searchbox form .in_intxt{width: 100%;text-indent: 10px;height: auto;line-height: 40px;font-size: 16px;border: none;}
.new .nsb .searchbox form .in_btn{display: block;position: absolute;right: 0;top: 1px;background: none;width: 40px;height: 40px;border: none;cursor: pointer;color: #111;}
.new .nsb .searchbox form .se{position: absolute;top: 50%;transform: translateY(-50%);right: 14px;font-size: 24px;color: #999;pointer-events: none;transition: all 700ms;}
.new .nsb .searchbox form .in_in{position: absolute;right: 14px;color: #111;z-index: 10;font-size: 25px;pointer-events: none;top: 50%;cursor: pointer;transform: translateY(-50%);}
.new .nsb .searchbox form:hover .se{color: #111;}
.new .nsb .searchbox form:hover{border-color: #111;}
.new .nsb .snav ul li:hover a{transform: translateY(-5px);}

.new .n2{display: block;width:100%;height: auto;margin: 0 auto 0px;}
.new .n2 ul{font-size: 0;display: flex;justify-content: left; align-items: stretch;flex-wrap: wrap;column-gap: 40px;}
.new .n2 ul li.nel{display: inline-block;vertical-align:top;width:calc((100% - 80px)/3);background: #fff;transition: all 700ms;position: relative;box-shadow: 0 0 10px rgba(0,0,0,0);margin-bottom: 15px;}
.new .n2 ul li.nel a{display: block;}
.new .n2 ul li.nel a .imgs{width:100%;overflow: hidden;aspect-ratio: 512 / 340;}
.new .n2 ul li.nel a .imgs img{width:100%;height: 100%;display: block;transition: all 700ms;object-fit: cover;}
.new .n2 ul li.nel a .ans{display: block;padding:17px 0px; }
.new .n2 ul li.nel a .ans b{font-size: 16px;color: #999;line-height: 15px;transition: all 700ms;display: block;}
.new .n2 ul li.nel a .ans h5{font-size: 20px;color: #111;line-height: 30px;transition: all 700ms;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;width:100%;margin-bottom: 7px;}
.new .n2 ul li:hover .imgs img{transform: scale(1.2);}
.new .n2 ul li:hover a .ans h5,.new .n2 ul li:hover a .ans b{color: #b99a6e;border-color: #b99a6e;}

.news{display: flex;justify-content: space-between;align-items: flex-start;}
.news .l{display:block;width:calc(100% - 422px);}
.news .l .cta {margin-bottom: 30px;padding-bottom:30px;border-bottom:#eee 1px solid;}
.news .l .cta h2{font-size: 40px;line-height: 60px;color: #111;margin-bottom: 20px;}
.news .l .cta span{font-size: 16px;line-height: 30px;color:#acacac}
.news .l .cba{display: block;width: 88%;max-width: 1000px;}
.news .l .cba p{font-size: 17px;line-height: 30px;margin-bottom: 30px;color: #555;text-align:justify;}
.news .l .cba img{display: block;margin:30px auto;width: auto;max-width: 1000px;}
.news .l .cba video{max-width: 100% !important;height:auto !important;width: auto !important;margin: 20px auto;display: block;}
.news .r{display:block;width:378px;padding-left:44px;border-left: 1px solid #eee}
.news .r h4{font-size: 24px;color: #111;line-height: 24px;margin-bottom: 37px}
.news .r ul{display:block;}
.news .r ul li{margin-bottom: 13px}
.news .r ul li a{display: block;}
.news .r ul li a .imgs{display: block;width:100%;overflow: hidden;aspect-ratio:459 / 306}
.news .r ul li a .imgs img{display: block;width: 100%;transition: all 700ms;object-fit: cover;height: 100%;}
.news .r ul li a h3{font-size: 18px;color: #111;line-height: 30px;margin: 13px 0 0;transition: all 700ms;}
.news .r ul li a p{font-size: 15px;line-height: 30px;color: #999;transition: all 700ms;}
.news .r ul li:hover a .imgs img{transform: scale(1.2);}
.news .r ul li:hover h3,.news .r ul li:hover p{color: #b99a6e;}
.new .nsb h3{font-size: 40px;line-height: 40px;color: #111;}
.new .n2 ul li.wor{width: calc((100% - 40px)/2);}
.new .n2 ul li.wor a .ans{padding:17px 0px}
.new .n2 ul li.wor a .ans h5{text-align: center;margin-bottom: 0px;}
.news.cases{display: block;}
.cases .l{width: 100%;}
.cases .l .cta{text-align: center;border-width: 0px;padding-bottom: 0px;}
.cases .l .cba p{line-height: 36px;margin-bottom: 0px;}
.cases .l .cba{width: 100%;max-width: 1600px;}
.cases .l .cba img{max-width: 1600px;}






.story .srs h5{text-align: center;}


/*列表翻页*/
.dede_pages {overflow: hidden;padding: 20px 0 24px;clear: both;height: auto;}
.dede_pages ul {color: #999;text-align: center;font-size: 0;justify-content: center;display: flex;gap:0;}
.dede_pages ul li {color: #444;display: inline-block;overflow: hidden;margin-right: 0px;line-height: 40px;font-size: 17px;background: #f5f5f5;transition: all 700ms;border-radius: 50px;background: #fff;min-width: 40px;}
.dede_pages ul li .optionkw {margin-right: 5px;}
.dede_pages ul li a {color: #444;text-decoration: none;width: auto;height: 40px;line-height: 40px;display: block;font-size:inherit;transition: all 700ms;border-radius: 5px;background: #fff;border: 0px solid #ebebeb;}
.dede_pages ul li.thisclass {color: #b99a6c;}
.dede_pages ul li select {display: none;}
.dede_pages ul li a.first {display: none;}
.dede_pages ul li.disabled,.dede_pages ul li.disableds{opacity: 0.6;}
.dede_pages ul li .prev,.dede_pages ul li .next{padding:0 10px}
.dede_pages ul li a.prev::before,.dede_pages ul li.disabled .prev::before{content: '\e601';font-family: iconfont;margin-right:6px}
.dede_pages ul li a.next::after,.dede_pages ul li.disableds .next::after{content: '\e602';font-family: iconfont;margin-left:6px}
.dede_pages ul li:hover a{color: #b99a6c;}

/* .dede_pages ul li:hover {background: #b99a6c;color: #fff;}
.dede_pages ul li:hover select {border-color: #b99a6c;}
.dede_pages ul li:hover a {color: #fff;background: #b99a6c;border-color: #b99a6c;}
.dede_pages ul li:hover span {color: #fff;} */


/* .dede_pages ul li:nth-last-child(1){display: none;} */

.headers .overl .lr .navs-m{display: none;}

/* 联系我们 */
.message{background:url('../images/index/message.jpg') center center no-repeat; background-size: cover;aspect-ratio: 1920 / 960;position: relative;}
.message .t{position: absolute;top: 33.5%;left: calc(50% - 800px);}
.message .t .tb{display:block;margin-bottom: 66px;}
.message .t .tb h3{color:#fff;font-size:40px;}
.message .t .tb .line{display:block;margin: 16px 0;width: 27px;background-color:#fff;height: 2px;}
.message .t .tb .bx{display:block;color:#fff;font-size:18px}
.message .t .tb .bx p{font-size:inherit;color:inherit;opacity: 0.8;}
.message .t .m{display:block;;}
.message .t li{display: block;color:#fff;font-size:18px;margin-bottom: 36px;}
.message .t li p{color:inherit;margin-bottom: 5px;opacity: 0.8;}
.message .t li h4{color:inherit;font-size: 36px;font-weight: 500;}
.message .t li h4 a{font-weight:inherit;color:inherit;transition: all 700ms;}
.message .t li b{color:inherit;transition: all 700ms;display: block;font-size: 15px;}
.message .t li h4 a:hover{color:#b99a6e}

.fyo{display: flex;justify-content: space-between;align-items: center;background: #F7F7F7;}
.fyo .l{display: block;overflow: hidden;aspect-ratio: 8 / 7;}
.fyo .l img{display:block;width: 100%;height: 100%;object-fit: cover;transition: all 700ms;}
.fyo .contact{width:calc(50% - 100px);display:block;padding:0 50px;}
.fyo .contact h3{font-size: 32px;margin-bottom: 30px;color: #111;}
.fyo .contact .tablebox{display:block;}
.fyo .contact ul{font-size: 0;display: flex;flex-wrap: wrap;column-gap: 60px;margin-bottom: 60px;}
.fyo .contact li{display:block;width:calc(50% - 30px);margin-bottom: 40px;position: relative;border-bottom:1px solid #acacac;}
.fyo .contact li::after{content: '*';top: 55%;left: 5px;transform: translateY(-50%);position: absolute;color: red;font-size: 20px;z-index: 1;transition: all 700ms;opacity: 0.7;}
.fyo .contact li::before{content: '';bottom: 0;left: 0px;position: absolute;width:0px;height:1px;background-color: #b99a6e;transition: all 700ms;}
.fyo .contact li:hover::before{width: 100%;}
.fyo .contact li h5{display: none;}
.fyo .contact li input{display: block;line-height: 58px;border-radius: 0px;font-size: 16px;width:100%;transition: all 700ms;border:none;background: none;text-indent: 20px;}
.fyo .contact li.hc{width: 100%;}
.fyo .contact li.box .inarea{height: 138px;padding: 15px 20px;width: 100%;border-radius: 0px;border: 1px solid #e5e5e5;line-height: 30px;font-size: 17px;width:calc(100% - 42px);transition: all 700ms}

.contact .lin{border-color:#111;color:#111}

.b-ck:hover{background: #fff;}
.b-ck:hover p,.b-ck:hover i{color: #b99a6e;}
.footer .foot .logos{display:none}

.anl{display: inline-block;width: auto;overflow: hidden;}
.lin::before, .ke-insertfile::before{content: "";position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-color: #b99a6e;transition: all 0.5s;z-index: -1;}
.lin:hover::before, .ke-insertfile:hover::before{left: 0;}
.lin:hover, .ke-insertfile:hover{color: #b99a6e !important;border-color: #b99a6e !important;}
.lin:hover, .ke-insertfile:hover{color: #fff !important;}

/* 联系我们 */


.ks04 .b .my-swiperpc.sw4tw{display: none;}
@media(max-width: 1900px){
.headers{width: 90%;padding: 0 5%;}
.footer .foot{width: 90%;padding:5%;}
.main-swiper .txt{left: 5%;}
.ksm{width: 90%;padding: 80px 5% ;}
.ks01 .l{width: 37%;}
.ks01 .r{width: 60%;}
.ksm.ks03{width: 100%;padding: 0 0;}
.ks03 .b .t{left: 5%;top: 80px;}
.ksm.ks04{padding-bottom: 0;}
.footer .foot .l{width: 65%;}
.footer .foot .l ul{gap: 30px;}
.footer .bom{width: 90%;}
.ks03 ul{width: 100%;}
.ks03 .nas{background-size:auto 100%;height:100px;bottom:100px;}
.fyo{width: 90%;margin: 0 auto;}
.ks03 .b .t .txt{margin-bottom: 30px;}
.ks03 .b .t h5{margin-bottom: 20px;}






}

@media(max-width: 1680px){
.kt{margin-bottom: 30px;}
.kt h5{margin-bottom: 20px;}
.kt h5,.ks03 .b .t h5,.story h5,.message .t .tb h3,.message .t li h4,.fyo .contact h3,.footer .foot .rt .box h3,.sbanner .txt h5{font-size: 2rem;}
.kt .txt,.ks03 .b .t .txt,.ks03 ul li,.story P{font-size: 1rem;}
.kt .txt p{margin-bottom:10px;}
.ks01 .l .icon{width: 3rem;}
.ks01 .l .icon i{font-size: 3rem;}
.ks01 .l .icon p,.new .nsb .snav ul li .lin,.new .nsb .searchbox form .in_intxt,.ks01 .l ul li p,.story .str .dp ul li a,.ke-insertfile{font-size: 1rem;}
.ks02 ul{gap: 30px;}
.ks02 ul li h6{font-size: 1.1rem;line-height: 50px;}
.ks04 .b .swiper-slide a .txt h2,.lin,.ks04 .b ul li .txt h2{font-size: 1rem;}
.ks04 .b .swiper-slide a:nth-child(1) .txt h2,.footer .foot .l li h2,.footer .foot .rt .box h6{font-size: 1.1rem;}
.ks04 .b .swiper-slide .txt h6,.footer .foot .l li a,.footer .bom p,.footer .foot .rt .box p{font-size: 0.93rem;}
.my-swiperpc .swiper-pagination.swiper-pagination-horizontal{left: 5%;}
.swt4 .swiper-pagination.swiper-pagination-horizontal{width: 95%;}
.story .str .st{padding:80px 0}
.message .t{left: 5%;}
.message .t .tb .bx,.message .t li,.story .str .st .ul01 li .txt h5{font-size: 1.1rem}  
.main{padding:80px 0%;width: 100%;}
.fyo .l{width: 50%;;}
.fyo .contact{width: 40%;padding:0 5%}
.fyo .contact ul{gap: 30px;margin-bottom: 40px;}
.fyo .contact li{width:calc(50% - 15px);margin-bottom: 0px;}
.fyo .contact li input{font-size: 0.93rem;line-height: 52px;}
.new .nsb{width:90%;margin: 0 auto 40px;}
.new .n2,.news{width:90%;margin: 0 auto 0px;}
.new .n2 ul li.nel a .ans{padding:10px 0}
.new .n2 ul li.nel a .ans h5,.ks04 .b ul li.zk .txt h2{font-size:1.1rem}
.new .n2 ul li.nel a .ans b{font-size:0.93rem}
.dede_pages{padding:20px 0 10px}
.news .l{width: 64%;}
.news .l .cta h2{font-size: 2rem;margin-bottom: 0px;}
.news .l .cta span,.ks04 .b ul li .txt h6{font-size: 0.93rem;}
.news .l .cba{width: 100%;}
.news .l .cba p{font-size: 0.94rem;margin-bottom: 10px;}
.news .r h4{font-size: 1.2rem;margin-bottom: 30px;}
.news .r{width: 30%;padding-left: 3%;}
.news .r ul li a h3{font-size: 1.1rem;}
.news .r ul li a p,.story .str .st .ul01 li .txt p{font-size: 0.93rem;}
.sbanner .txt .abt p{font-size: 1.03rem;}
.story .str .st{width: 90%;margin: 0 auto;}
.story h5{margin-bottom: 30px;}

.story .str .widy{width:100%;margin: 50px auto;}
.story .str .widy .st03{margin-bottom: 50px;}
.story .str .widy .st03 .imgs{width: 50%;}
.story .str .widy .st03 .box{width: 40%;margin:0 auto;}
.story .str .widy .st03:nth-child(2n) .box{margin: 0 auto;padding:0}
.story .str .widy .st03 .box h5{font-size: 1.5rem;margin-bottom: 20px;}
.story .str .stdp ul{width: 100%;gap: 30px;}
.story .str .stdp ul li .btr h3{font-size: 1.7rem;bottom:40px;left:40px}
.footer .foot .l{width:60%}
.ks01 .l ul{margin-bottom: 35px;}
.sbanner .txt .ttl{margin-bottom: 30px;}
.story .str .st02 .box{padding-top:0px}
.story .str .st02{background-size:auto 100%;display: flex;align-items: center;padding-left:5%;padding-right:5%;}
.story .str .st03{padding:0 0;width: 100%;}
.story .str .st03 .box{padding: 0 0 0 5%;width: 40%;}
.story .str .st03:nth-child(2n) .box{padding: 0 5% 0 0}
.story .str .st .ul01{width: 100%;}
.story .str .st.dp,.story .str .stdp{padding-left:5%;padding-right:5%;background-size:auto 100%;}
.story .str .dp .b01-bg .tox h3{margin-bottom: 30px;font-size: 1.5rem;}
.story .str .st .ul01 li .txt{padding:13px 0 0}
.story .str .stdp ul li .btr{bottom: 60px;left: 40px;width: calc(100% - 80px);font-size: 1.1rem;}
.story .str .stdp ul li .btr .txt{width: auto;}
.story .str .dp ul{bottom:250px}
.cases .l{width: 100%;}
.cases .l .cba p{margin-bottom: 0px;}
.story .str.pro .st{padding-bottom: 40px;}
.story h5{line-height: 30px;}
.new .n2, .news{width: 94%;}
.new .nsb{width:94%}
.footer .bom{width: 94%;}
/* .ks03 ul li:nth-child(2){transform: translateY(5px);}
.ks03 ul li:nth-child(4){transform: translateY(77px)}
.ks03 ul li:nth-child(5){transform: translateY(90px)} */
.ks03 ul li:nth-child(2){transform: translateY(15px);}
.ks03 ul li:nth-child(3){transform: translateY(67px);}
.ks03 ul li:nth-child(4){transform: translateY(87px)}
.ks03 ul li:nth-child(5){transform: translateY(91px)}



.news .l .cba img{width: 100%;}
.message .t{top:28%}




}

@media(max-width: 1400px){
.lin,.ke-insertfile{width:146px}
.headers{width: 94%;padding: 0 3%;}
.footer .foot{width: 94%;padding:3%;}
.main-swiper .txt{left: 3%;}
.ksm,.story .str .st{width: 94%;padding: 60px 3% ;}
.ksm.ks03{width: 100%;padding: 0 0;}
.ks03 .b .t{left: 3%;top: 60px;}

.my-swiperpc .swiper-pagination.swiper-pagination-horizontal{left: 3%;}
.ks04 .b ul{height: 500px;}
.kt h5, .ks03 .b .t h5, .story h5, .message .t .tb h3, .message .t li h4, .fyo .contact h3, .footer .foot .rt .box h3, .sbanner .txt h5{font-size: 1.5rem;}
.kt .txt, .ks03 .b .t .txt, .ks03 ul li, .story P,.ks04 .b .swiper-slide a .txt h2, .lin, .ks04 .b ul li .txt h2,.ke-insertfile{font-size: 0.94rem;}
.ks02 ul li h6{font-size: 1rem;}
.story .str .st03{padding: 0 0;width: 100%;}
.main-swiper .txt h2{font-size:40px}
.main-swiper .txt h6{font-size: 24px;}
.story P{line-height: 33px;}
.story h5{margin-bottom: 20px;}
.story .str .st.dp,.story .str .stdp{padding-left:3%;padding-right:3%;}
.story .str .dp .b01-bg .tox h3{margin-bottom: 20px;font-size: 1.3rem;}
.main{padding:60px 0%;}

.new .nsb .snav ul li .lin,.ke-insertfile{font-size:0.93rem;padding:0 20px;}
.new .nsb{margin:0 auto 30px}
.new .n2 ul{column-gap: 30px;}
.new .n2 ul li.nel{width: calc((100% - 60px)/3);}
.new .n2 ul li.wor{width: calc((100% - 30px)/2);}

.news .l .cta{margin-bottom: 20px;padding-bottom: 20px;}
.news .l .cta h2{font-size:1.5rem}
.news .r ul li a h3{font-size: 1rem;}
.lin,.ke-insertfile{line-height: 36px;}
.new .nsb .snav ul{gap:20px}
.new .n2 ul li.nel a .ans h5{font-size: 1rem;}
.main{padding:60px 0%}
.cases .l{width: 100%;}
.cases .l .cba p{margin-bottom: 0px;}
.news .l .cta h2{line-height: 40px;}
.cases .l .cta{padding-bottom: 0px;}
.news .l .cba img{margin: 20px auto;}
.fyo{width: 94%;margin: 0 auto;}


.dede_pages ul li{font-size: 0.93rem}









}


@media(max-width: 1310px){
.news .l .cba img{max-width: 100%;}
}





@media(max-width: 1280px){
.ks03 .b .t{left: 5%;}
.ks03 .nas{bottom: 100px;}
.ks03 ul{width: 90%;}
.ks04 .b ul{height: 420px;}
.story .str .dp ul{bottom:210px}
}


@media(max-width: 1000px){
.headers .lr{display: none;}

.navs-m{border: 0px solid #269338;padding: 5px;border-radius: 5px;display: inline-block;margin-left: 15px;}
.navs-m .navicon{width: 28px;height: 20px;background: url(../images/index/navicon.png) no-repeat scroll center center;background-size: 100%;display: block;}
.heaxs .navs-m .navicon{background: url(../images/index/navicons.png) no-repeat scroll center center;background-size: 100%;}
.heayc .navs-m .navicon{background: url(../images/index/navicons.png) no-repeat scroll center center;background-size: 100%;}
.headers:hover .navs-m .navicon{background: url(../images/index/navicons.png) no-repeat scroll center center;background-size: 100%;}

.navs-m ul{width: 0;position: fixed;right: -100%;top: 0;background-color: #313131;transition: all 700ms;overflow: hidden;height: 100vh;z-index: 10;}
.navs-m ul .close{font-size: 16px;color:#fff;display: block;text-align: right;padding: 0 3%;line-height: 30px;background-color: #272727;height: 30px;}
.navs-m ul li{padding: 0 3%;}
.navs-m ul li a{color:#fff;line-height: 40px;display: block;padding-left: 4%;font-size: 16px;text-align: left;padding: 10px 0;position: relative;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.navs-m ul li a i{width: 40px;height: 40px;display: inline-block;vertical-align: middle;margin-right: 10px;font-size: 24px;line-height: 40px;text-align: center;}
.navs-m ul li a b{font-size: 18px;color:#fff;line-height: 40px;display: inline-block;vertical-align: middle;}
.headers{padding:15px 3%;cursor:none;}
.headers .lt a{height:40px}
.main-swiper .txt h2{font-size:1.8rem;margin-bottom: 7px;}
.main-swiper .txt h6{font-size: 1.2rem;margin-bottom: 20px;}
.ks01{display: block;}
.kt{margin-bottom: 20px;}
.kt h5{line-height: 24px;margin-bottom: 15px;}
.ksm{padding:30px 3%}
.ks01 .l{width: 100%;margin-bottom: 25px;}
.kt .txt{line-height: 27px;}
.ks01 .l ul{gap:50px;justify-content: center;margin-bottom: 25px;}
.ks01 .l ul li .icon i{font-size: 2.4rem;}
.ks01 .l ul li .icon{margin-bottom: 5px;}
.ks01 .r{width: 100%;}
.lin,.ke-insertfile{width: 120px;line-height: 35px;gap: 5px}
.ks02 .t, .ks04 .t{margin-bottom: 20px;align-items: center;}
.ks02 .t .kt, .ks04 .t .kt{margin-bottom: 0px;}
.ks02 ul{gap: 4%;flex-wrap: wrap;}
.ks02 ul li{flex:inherit;width: 48%}
.new .nsb .snav{width: 100%;}
.new .nsb .snav ul li .lin{padding:0 10px;min-width: 45px;}
.new .nsb .snav ul{justify-content: left;gap:10px;width: 100%;}

.my-swiperpc.sw4tw .swiper-pagination.swiper-pagination-horizontal{bottom: 0%}
.ks04 .b .my-swiperpc{padding-bottom: 20px;}
.ks04 .b .swiper-slide a:nth-child(1) .txt h2{text-overflow: ellipsis;white-space:nowrap;overflow:hidden;width:100%;display: block;margin-bottom: 0;font-size: 1rem;}
.ksm.ks04{padding-bottom: 40px;}
.ks04 .b ul{height: auto;display: block;}
.ks04 .b ul li,.ks04 .b ul li.zk{width: 100%;margin-bottom: 20px;}
.ks04 .b ul li .txt h2,.ks04 .b ul li.zk .txt h2{font-size: 1rem;margin-bottom: 7px;}
.ks04 .b ul li:nth-child(2){margin-bottom: 0px;}
.ks04 .b ul li:nth-child(3){display: none;}
.ks04 .b .my-swiperpc.swt4{display: none;}
.ks04 .b .my-swiperpc.sw4tw{display: block;}
.ks04 .b .swiper-slide{display: block}
.footer .foot{display: block;padding:30px 3% 10px;}
.footer .foot .logos{display:block;width: 100px;margin-bottom: 14px;}
.footer .foot .logos img{width: 100%;height: auto;}
.footer .foot .l{display:none;width: 100%}
.footer .foot .l ul{display:block}
.footer .foot .rt {text-align: left;margin-bottom:0}
.footer .foot .rt .box h6{font-size: 0.93rem;margin-bottom: 0px;}
.footer .foot .rt .box{margin-bottom: 10px;}
.footer .foot .rt .box p{line-height: 24px;}
.footer .bom{display: block;text-align: center;padding:10px 0}
.footer .bom p{font-size: 13px;line-height: 27px;}
.sbanner{aspect-ratio:1;background-size: cover !important;}
/* .sbanner .txt .abt{display: none;} */
.sbanner .txt .abt p{font-size: 0.88rem;line-height: 27px;    width: 94%;margin: 0 auto;opacity: 0.7;letter-spacing:1}
.sbanner .txt{width: 100%;top:57%}
.sbanner.ha_story .bacs img{object-position: 20% 40%;}
.sbanner .txt .ttl{margin-bottom: 0px;}
.story .str .st{padding:30px 3%;display: block;}
.story P{line-height: 30px;}
.story h5{margin-bottom: 10px;font-size: 1.2rem;}

.story .str .st02 .box{width:100%;}
.story .str .st03 .imgs{width: 100%;}
.story .str .st03{width: 94%;}
.story .str .st03:nth-child(2n){padding: 0}
.story .str .st03:nth-child(2n) .box{padding: 0 0 10px 0;}
.story .str .st.db h5{margin-bottom: 10px;}
.story .str .st.db .lin{margin-top: 20px;}
.story .str .widy .st03{width: 100%;}
.story .str .st03 .box{width: 100%;padding: 0 0 10px;}
.story .str .st .ul01{flex-wrap: wrap;gap:0;}
.story .str .st .ul01 li{width: 100%;}
.story .str .st .ul01 li .txt{padding:10px 0 5px}
.story .str .st .ul01 li .txt h5{line-height: 30px;margin-bottom: 5px;}
.story .str .st.dp{background-size: auto 100%;aspect-ratio: 7 / 8;position: relative;background-position-x:10%}
.story .str .dp .b01-bg{margin-bottom: 30px;}
.story .str .dp h5{margin-bottom: 20px;}
.story .str .dp .b01-bg .tox h3{margin-bottom: 10px;font-size: 1.1rem;}
.story .str .dp .b01-bg .tox p{line-height: 30px;}
.story .str .dp ul{width: 94%;flex-wrap: wrap;gap:10px;bottom:auto;padding-top:15px}
.story .str .dp ul li a{line-height: 30px;opacity: 1;}
.story .str .dp ul li::before{display: none;}
.story .str .dp ul li.h1{color:#b99a6c;}
.story .str .dp .b01-bg .tox p{opacity: 1;}
.story .str .stdp ul{gap: 20px;flex-wrap: wrap;}
.story .str .stdp ul li{flex: inherit;width: 100%;height: auto;}
.story .str .stdp ul li .btr{    bottom: 20px;left: 20px;width: calc(100% - 40px);}
.story .str .stdp ul li .btr h3{font-size: 1.2rem;line-height: 40px;margin-bottom: 0px;}
.story .str .stdp ul li:hover{flex:inherit;}
.story .str .stdp ul li:hover .btr h3{font-weight: 400;}
.story .str .stdp ul li:hover .btr .txt{height: auto;}
.story .str .stdp ul li::before{background:rgba(0,0,0,0.3)}
.story .str .widy{margin:30px auto}
.story .str .widy .st03{margin-bottom: 30px;display: block;}
.story .str .widy .st03 .box,.story .str .widy .st03:nth-child(2n) .box{width: 100%;margin: 0 auto 10px;}
.story .str .widy .st03 .box h5{font-size: 1.1rem;margin-bottom: 5px;}
.story .str .widy .st03 .imgs{width: 100%;}
.main{padding:30px 0}
.news .l .cta{margin-bottom: 10px;}
.cases .l .cba p{line-height: 30px;}
.story .str.pro .st{padding-bottom: 20px;}
.message{aspect-ratio: 5 / 7}
.message .t{width: 90%;left: 3%;}
.message .t .tb .bx, .message .t li, .story .str .st .ul01 li .txt h5{font-size: 1rem;}
.message .t .tb{margin-bottom: 30px;}
.message .t li{line-height: 25px;}
.footer .foot .rb{display: none;}
.fyo{display: block;}
.fyo .l{width: 100%;margin: 0 auto 30px;}
.fyo .contact{padding: 0 3% 30px;width: 94%}
.fyo .contact h3{margin-bottom: 10px;font-size: 1.3rem;}
.fyo .contact ul{gap:0;margin-bottom: 30px;}
.fyo .contact li{width: 100%;margin-bottom: 13px;}
.fyo .contact li input{line-height: 43px;}
.fyo .contact li::after{font-size: 0.93rem;}
.fyo .contact li input{text-indent:15px}
.new .nsb .searchbox{display: none;}
.new .n2 ul{column-gap:16px;}
.new .n2 ul li.nel{width: calc((100% - 16px)/2)}
.dede_pages{padding:10px 0}
.news{display: block;}
.news .l{width: 100%;margin: 0 auto 30px;}
.news .r{width: 100%;margin: 0 auto 0px;    padding-left: 0;border: none;}
.news .l .cta h2{font-size: 1.3rem;line-height: 33px;margin-bottom: 5px;}
.news .r h4{margin-bottom: 20px;}

.ke-insertfile{margin:15px auto}
.ks03 .b .t{width: 90%;}
.ks03 .b,.ks03 .b .box{aspect-ratio:3 / 4}
.ks03 .nas{bottom: 5%;}
.ks03 ul li:nth-child(1),.ks03 ul li:nth-child(2),.ks03 ul li:nth-child(3),.ks03 ul li:nth-child(4),.ks03 ul li:nth-child(5){transform: translateY(-5px);font-size: 0.88rem;line-height: 25px;text-align: center;}
.ks03 ul li .int{margin:0 auto 24px}
.ks03 .b .t .txt{opacity: 1;}

.main-swiper a{height: auto;aspect-ratio: 8 / 7;}
.main-swiper .swiper-slide.sv1 a{background:url(../images/index/mban1.jpg) no-repeat scroll center center;background-size: 100%;display: block;}
.main-swiper .swiper-slide.sv3 a{background:url(../images/index/mban2.jpg) no-repeat scroll center center;background-size: 100%;display: block;}
.my-swiperpc .swiper-pagination.swiper-pagination-horizontal{bottom: 20px}
.my-swiperpc .swiper-slide-active .txt{bottom:-5%}
.my-swiperpc a .vedios{width: 100%;height: 100%;object-fit: cover;}

.message .t li{    margin-bottom: 17px;}



}
@media(max-width: 780px){
	
.headers{padding:15px 5%;width: 90%;}
.headers .lt img{width:auto;}
.sbanner{aspect-ratio: 7 / 9;}
.sbanner.kjs{aspect-ratio: 1 / 1;}
.sbanner .txt h5{margin-bottom: 10px;font-size: 1.2rem;}
.sbanner .txt .abt p{letter-spacing: 1px;font-size: 0.86rem;width: 90%;opacity: 1;}

.footer .foot{width: 90%;padding:5%;}
.main-swiper .txt{left: 5%;}
.ksm,.story .str .st{width: 90%;padding: 40px 5% ;}
.story .str .st{padding: 50px 5%;}
.ksm.ks03{width: 100%;padding: 0 0;}
.ks03 .b .t{left: 5%;top: 40px;}
.my-swiperpc .swiper-pagination.swiper-pagination-horizontal{left: 5%;}
.kt .txt, .ks03 .b .t .txt, .ks03 ul li, .story P, .ks04 .b .swiper-slide a .txt h2, .lin, .ks04 .b ul li .txt h2, .ke-insertfile,.news .l .cba p,.new .n2 ul li.nel a .ans b{font-size: 0.88rem;}
.new .n2 ul li.nel a .ans h5{font-size: 0.9rem;}
.story .str.tn .st h5{margin-bottom: 15px;}
.story .str.tn .st p,.news .l .cba p{line-height: 26px;margin-bottom: 10px;}
.story .str .dp ul li a{font-size: 0.93rem;}
.ks03 .b .t h5{margin-bottom: 10px;}

.news .l .cta h2{font-size: 1.2rem;}
.ks03 .b, .ks03 .b .box{aspect-ratio: 7 / 8}
.ks03 .b .t .txt p{margin-bottom: 0px;}

.kt h5,.ks03 .b .t h5{font-size: 1.3rem;}
.new .nsb{margin-bottom: 20px;width: 90%;}
.new .n2, .news{width: 90%}
.new .nsb .snav ul.nav_cases{justify-content: space-between;gap: 0;}
.message .t .tb .bx, .message .t li{font-size: 0.93rem;}

.story P,.message .t .tb .bx p{opacity: 1;}

.message .t .tb .bx p{text-shadow: 2px 2px 4px rgba(0,0,0,0.5);}
.dede_pages ul{flex-wrap: wrap;}
.dede_pages ul li{font-size:0.8rem;min-width: 34px;}
.dede_pages ul li:first-child{display: none;}
.dede_pages ul li a{width:auto;line-height: 34px;text-align: center;height: 34px;}
.dede_pages ul li{line-height: 34px;}
.dede_pages ul li .prev, .dede_pages ul li .next{padding: 0 6px}
.new .nsb .snav ul li .lin, .ke-insertfile{font-size: 0.9rem;}
.new .n2 ul li.nel a,.new .n2 ul li.wor a{cursor: none;}
}




@media(max-width: 380px){
.main-swiper .txt h2{font-size: 1.7rem;margin-bottom: 0px;}
.main-swiper .txt h6{font-size: 1.1rem;margin-bottom: 20px;}






}