﻿.pagesbanner .pagesbanner-animate .p1{font-size:3vw;font-weight:900;text-align:left}
.pagesbanner .pagesbanner-animate .p2{text-align:left}
.pagesbanner .pagesbanner-animate{top:50%;width:50%;transform:translate(0,-50%);left:4%;text-align:left}
.pagesbanner .pagesbanner-animate .more{display:inline-block;margin-top:30px}
.pagesbanner .pagesbanner-animate .more a{padding:10px 20px;border-radius:30px;background:var(--color);display:inline-block}
.pagesbanner .pagesbanner-animate .more a:hover{background:#a9520c;}
.pagesbanner .pagesbanner-animate .p1 span{display:inline-block;width:15px;margin-right:10px;height:15px;border-radius:50%;background:var(--color)}
@media (min-width:1025px){.pagesbanner img{height:calc(100vh - 40px);object-fit:contain;background-color:#000;}}
@media (max-width:768px){.pagesbanner .pagesbanner-animate{width:50%;left:0;padding-left:15px}
.pagesbanner .pagesbanner-animate .p1 span{width:5px;height:5px;margin-right:4px}
.pagesbanner .pagesbanner-animate .more{margin-top:10px}
.pagesbanner .pagesbanner-animate .more a{font-size:12px;padding:5px 10px}
.pagesbanner .pagesbanner-animate .p2{font-size:12px;margin-top:6px}}
.kche-t86 .kche-t86-item-flex>.kche-item-r>.kche-item-text {color: #000000;}
.kche-t154-text-p p { color: #000000;}
@media (min-width:1025px) {.pagesbanner .pagesbanner-animate .p2{padding-left:50px}}
.pagesbanner .pagesbanner-animate .more a{width: 346px;height: 65px;display: inline-flex;justify-content: center;align-items: center;font-size: var(--fontsize26);}
@media (max-width:1660px) {.pagesbanner .pagesbanner-animate .more a{width: 300px;height: 55px;font-size: var(--fontsize24);}}
@media (max-width:1280px) {.pagesbanner .pagesbanner-animate .more a{width: 260px;height: 45px;font-size: var(--fontsize20);}}
@media (max-width:990px) {.pagesbanner .pagesbanner-animate .more a{width: 240px;height: 35px;font-size: var(--fontsize16);}}
@media (max-width:768px) {.pagesbanner .pagesbanner-animate .more a{width: 200px;}}
@media (max-width:550px){.pagesbanner .pagesbanner-animate .more a{width: auto;font-size:var(--fontsize12);height:28px}}
.mySwiper{padding-bottom:40px}
.kche-t154-text-tit1{text-align:center;width:100%}
.kche-t154-text-tit1 + .kche-bg-theme.kche-t154-text-into{width:20%;margin:30px auto}
.swiperbox{position: relative;}
.swiperbox .swiper{max-width: 80%;}
.mySwiper-next,.mySwiper-prev{position:absolute;top:25%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);color:#FFFFFF;z-index:9;cursor:pointer;transition:all .15s linear;border-radius:var(--borderradius)}
.mySwiper-next:hover,.mySwiper-prev:hover{background:rgba(0,0,0,.9)}
.mySwiper-next em,.mySwiper-prev em{font-size:var(--fontsize24)}
.mySwiper-prev{transform:rotateY(180deg);left:70px}
.mySwiper-next{right:70px}