html, body, input {font-family: 'HarmonyOS Sans SC', Sans-Serif;color:#333;}
body {background-color: #ececea;}
h1,h2,h3,h4,h5,p {margin: 0;}
a, a:active, a:hover {color: #333}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
input[type='number'] {-moz-appearance: textfield;}
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;color:#000;background-color: #fff;}

.auto-1600 {max-width: 1600px;margin: 0 auto;}
.auto-1400 {max-width: 1400px;margin: 0 auto;}
.auto-1280 {max-width: 1280px;margin: 0 auto;}
.auto-960 {max-width: 960px;margin: 0 auto;}
.auto-900 {max-width: 900px;margin: 0 auto;}
@media (min-width: 1921px) {
    .auto-1400 {max-width: 14rem;}
    .auto-1600 {max-width: 16rem;}
}
@media (max-width: 1600px) {
    .auto-1600 {max-width: 86%;}
}
@media (max-width: 1440px) {
    .auto-1400 {max-width: 86%;}
    .auto-1280 {max-width: 90%;}
}
@media (max-width: 1280px) {
    .auto-1280 {max-width: 90%;}
}
@media (max-width: 640px) {
    .auto-1600 {max-width: 100%;padding: 0 15px;}
    .auto-1400 {max-width: 100%;padding: 0 15px;}
    .auto-960  {max-width: 100%;padding: 0 15px;}
    .auto-900  {max-width: 100%;padding: 0 15px;}
}
.bgf1ede9 {background-color: #f1ede9;}
.mt60 {margin-top: .6rem;}
.mt80 {margin-top: .8rem;}
@media (max-width: 1024px) {
    .mt60 {margin-top: 8%;}
    .mt80 {margin-top: 10%;}
}

body ::-webkit-scrollbar {width: 3px;height: 3px;background-color: #eeeeee;border-radius: 30px;}
body ::-webkit-scrollbar-button {display: none;}
body ::-webkit-scrollbar-track {border-radius: 2px;}
body ::-webkit-scrollbar-thumb {background: #00dcb1;border-radius: 30px;}
body ::-webkit-scrollbar-thumb:hover {background: #999;}
.swiper-pagination {position: relative;display: flex;justify-content: center;bottom: 0!important;padding: 0.5rem 0 0;}
.swiper-pagination .swiper-pagination-bullet {width: 0.16rem;height: 0.16rem;margin: 0 0.04rem;border-radius: 50%;background-color: #442511;}
.swiper-pagination .swiper-pagination-bullet-active {background-color: #442511;}
@media (max-width: 1024px) {
    body ::-webkit-scrollbar {width: 4px;height: 4px;}
    .swiper-pagination {text-align:center;}
    .swiper-pagination .swiper-pagination-bullet {display: inline-block;width: 10px;height: 10px;margin: 0 3px;}
    .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}
}

/*Top*/
#Top{position: relative; width: 100%;padding: 0.3rem 0 0.15rem;background: url("../images/header_bg.jpg") no-repeat center/cover; z-index:100; }
#Top .auto{ padding: 0 0.8rem;}

#Top .header {}
#Top .header-top { display:flex;justify-content: center;margin-bottom: 0.1rem;}
#Top .header-top .logo img{width: 1.52rem;transition: 0.5s;}
#Top .header-bottom { display:flex;align-items: center;justify-content: center}
#Top .header-menu li{ width:auto !important;}
#Top .header-menu li em{ position:relative;}
#Top .header-menu li em a{ position:relative;padding:0.1rem 0.4rem;color:#fff;}
#Top .header-menu li:hover em a {/*color: #442511;*/}

#Top .header-menu li .sub {border-radius: 0.1rem;background-color: #fff;}
#Top .header-menu li .sub-menu dl {}
#Top .header-menu li .sub-menu dt a{line-height: 0.6rem;color:#666;}
#Top .header-menu li .sub-menu dt a:hover{ color:#fff;background-color: #442511;}

#Top .top-search{position: relative;margin-left: 0.2rem;}
#Top .open-search{position: relative;width: 0.2rem; height: 0.2rem;background: url("../images/icon_search.png") no-repeat center/contain;display: block; cursor: pointer;}
#Top .open-search::before ,
#Top .open-search::after {content:'';position: absolute;width: 100%;height: 2px;left:0;top: 50%;margin-top:-1px;background-color: #fff;opacity: 0;transition: 0.3s;}
#Top .top-search .box{position: absolute; top: calc(100% + 0.2rem);right: 0;border: 1px solid #eee;background: #fff; width: 3rem;display: none;}
#Top .top-search .box .text{width: 100%; height: 0.4rem;line-height: 0.4rem;padding: 0 0.1rem;background: none;border: 0;}
#Top .top-search .box .btn{position: absolute; width: 0.4rem; height: 100%;background:url("../images/icon_search.png") no-repeat center/0.2rem #442511;top: 0;right: 0; }
#Top .top-search-show .box{display: block;}
#Top .top-search-show .open-search {background: none;}
#Top .top-search-show .open-search::before {opacity: 1;transform: rotate(45deg);}
#Top .top-search-show .open-search::after {opacity: 1;transform: rotate(-45deg)}

.black #Top {border-bottom: 1px solid #d5d5d5;}
.black #Top .header-left .logo img {display: none;}
.black #Top .header-left .logo .red {display: block;}
.black #Top .header-menu li em a {color:#000;}
.black #Top .open-search {background-image: url("../images/icon_search_b.png")}
.black #Top .top-search-show .open-search {background: none;}
.black #Top .open-search::before,
.black #Top .open-search::after {background-color: #000;}
.black #Top .top-language span {background-image: url("../images/icon_lang_b.png")}
.black #Top .top-language a {background-color: #000;}
@media(min-width:1025px){
    /*#Top .header-menu {transform: scale(0);transform-origin: right center;opacity: 0;transition: 0.5s;}
    #Top.menu-show .header-menu {transform: scale(1);opacity: 1;}*/
    #Top .header-mid {display: flex;align-items:center;}
    #Top .header-menu li .sub {left: 50%;transform:translateX(-50%);width: 2.3rem;text-align: center;}
}
@media(max-width:1760px){
    #Top .auto {padding:0 2%;}
    #Top .header-menu li em {padding: 0 .12rem;}
}
@media(max-width:1024px){
    /*#Top {position: fixed;top: 0;left: 0;width: 100%;padding: 0.2rem 0;transition: 0.5s;}*/
    #Top.show,
    #Top.onScroll {background-color: #000;}
    #Top .auto {padding:0 4%;align-items: center;}

    #Top .header {align-items: center;}
    #Top .header > div {display: flex;justify-content: space-between;}
    #Top .header-left .logo img {width: 1.4rem;}
    #Top .header-right dl {}

    #Top .open-search {width: 0.36rem;height: 0.36rem;margin-right: 0.2rem;}
    #Top .top-language {margin-left: 0;margin-right: 0.2rem;}
    #Top .top-language span {width: 0.4rem;height:0.4rem;background-size: 0.4rem;}
    #Top .top-language .drop {width: 1rem;}
    #Top .top-language a{line-height: 0.56rem;font-size: 0.24rem;background-color: #333;}

    #Top #open_menu{ width:.34rem; height:0.7rem; position:relative;}
    #Top #open_menu i::before,
    #Top #open_menu i::after,
    #Top #open_menu i{width:100%;  background:#fff;}
    #Top #open_menu i{height:2px;margin-top:-.015rem;}
    .black #Top #open_menu i::before,
    .black #Top #open_menu i::after,
    .black #Top #open_menu i{background:#000;}

    #Top #header-menu{ position:absolute; width:100%; top:100%; right:0;height: calc(100vh - 1rem); overflow-y: auto; z-index:100; text-align:center; background: #f9f9f9; transform: translateX(100%);transition: .5s;}
    #Top #header-menu .sub-menu { max-width: 88%;margin:0 auto;}
    #Top #header-menu ul { padding: 4vw 0;}
    #Top #header-menu li {margin-bottom: .2rem;}
    #Top #header-menu li em {border-bottom: 0;padding:0 25px;}
    #Top #header-menu li em a{ padding:0;border-bottom: 0;color:#000;font-weight: bold; position: relative;text-align: left;font-size: .24rem;line-height: 12vw; border-bottom: 1px solid #e8e8e8;}
    #Top #header-menu li.has-sub em a::after { position: absolute;content:'';  width: 10px;  height: 6px;top:50%;right:0; margin-top: -3px;background:url("../images/arrow_down.png") no-repeat right center/contain;transition: .3s;} {position: relative;border-bottom: 0;padding:0 25px;}
    #Top #header-menu li.has-sub.clickon em a::after  { transform: rotate(180deg);}
    #Top #header-menu li .sub-menu img { display: none;}
    #Top #header-menu li .sub-menu dl { padding: 2.66vw 3% 0;}
    #Top #header-menu li .sub-menu dt a{ line-height: 12vw;font-size: .24rem;color:#333;border-bottom: 1px solid #e8e8e8;text-align: left;}
    #Top #header-menu li:last-child em a,
    #Top #header-menu li:last-child em{ border-bottom:0;}
    #Top #header-menu.header-menu-show {transform: translateX(0)}

    #Top .top-search {position: static;}
    #Top .top-search .box {top: 100%;left: 0;width: 100%;padding: 0.2rem;background: #fcfbf7;}
    #Top .top-search .box .text {width: calc(100% - 0.8rem); border: 1px solid #ddd;line-height: 0.6rem;height: auto;;}
    #Top .top-search .box .btn {width: 0.8rem;height: 0.62rem;right: 3%;top: 0.2rem;background-size: 0.3rem;}

    .black #Top.onScroll .open-search,
    .black #Top.show .open-search {background-image: url("../images/icon_search.png");}
    .black #Top .top-search-show .open-search {background: none;}
    .black #Top.show .open-search::before,
    .black #Top.onScroll .open-search::before,
    .black #Top.show .open-search::after,
    .black #Top.onScroll .open-search::after {background-color: #fff;}
    .black #Top.show .top-language span,
    .black #Top.onScroll .top-language span {background-image: url("../images/icon_lang.png");}
    .black #Top.show #open_menu i::before,
    .black #Top.onScroll #open_menu i::before,
    .black #Top.show #open_menu i::after,
    .black #Top.onScroll #open_menu i::after,
    .black #Top.show #open_menu i,
    .black #Top.onScroll #open_menu i{background:#fff;}
}

/*HomeBanner*/
.HomeBanner {position:relative;height:100%;}
.HomeBanner .swiper {position: relative;}
.HomeBanner .swiper-slide {height:100%;}
.HomeBanner .swiper-slide img {display:block;width:100%;}
.HomeBanner .txt {position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:11;width: 100%;color:#fff;}
.HomeBanner .txt .title1 {font-size:0.36rem;margin-bottom:0.2rem;}
.HomeBanner .txt .title2 {font-size:0.14rem;margin-bottom:0.2rem;line-height:2.1;}
.HomeBanner .txt .homeMore span {padding:0;font-size: 12px;border-radius: 0;border:0;border-bottom:1px solid #fff;}
.HomeBanner .txt .homeMore span::after {margin-left: 0.8rem;}
.HomeBanner .txt .homeMore span:hover {background-color: transparent;}
.HomeBanner .txt .homeMore span:hover::after {transform: translateX(-10px);}

.HomeBanner .swiper-pagination {position:absolute;max-width:12.8rem;width: 100%;left:50%;bottom: 6% !important;transform:translateX(-50%);text-align:center;z-index:10;}
.HomeBanner .swiper-pagination .swiper-pagination-bullet {position: relative;display: inline-block;width: 8px;height: 8px;margin: 0 0.05rem;border-radius:30px;background-color: #fff;opacity: 0.5;transition: 0.3s;}
.HomeBanner .swiper-pagination .swiper-pagination-bullet-active {opacity: 1;}

@media (min-width:1025px) {
    .HomeBanner .swiper-slide .pc {height:6.4rem;}
    .HomeBanner .swiper-slide .pic:hover .Ispic {transform: none;}
    .HomeBanner .swiper-slide .wap {display:none;}
}
@media (max-width:1024px) {
    .HomeBanner a {position: relative;display: block;width: 100%;height: 100%;}
    .HomeBanner a::after {position: absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.1);z-index: 10;}
    .HomeBanner .pic {position: relative;z-index: 9;}
    .HomeBanner .txt {height:auto;padding-top:0;top:50%;transform:translateY(-50%)}
    .HomeBanner .txt .title1 {font-size:0.34rem;line-height: 1.8;font-weight: 400;}
    .HomeBanner .txt .title2 {font-size:0.24rem;}
    .HomeBanner .txt .title2 br {display:none;}
    .HomeBanner .txt .homeMore {justify-content: flex-start;}
    .HomeBanner .txt .homeMore span {font-size: 0.24rem;}
    .HomeBanner .txt .homeMore span::after {width: 0.24rem;height: 0.24rem;margin-left: 0.5rem;}

    .HomeBanner .slick-dots {width:88%;bottom:4%;}
    .HomeBanner .swiper-pagination {max-width: 90%;text-align: center;bottom: 0;}
    .HomeBanner .swiper-pagination .swiper-pagination-bullet {width: 8px;height: 8px;}
    .HomeBanner .swiper-pagination .swiper-pagination-bullet::after {width: 0.4rem;height: 0.4rem;}
}

/*homeTit*/
.homeTit span {display: inline-block;position: relative;padding-bottom: 0.3rem;line-height: 1;font-size: 0.4rem;font-weight: 700;}
.homeSubtit {font-size: 0.18rem;line-height: 1.875;opacity: 0.5;}
.tac {text-align: center;}
@media (max-width: 1024px) {
    .homeTit {}
    .homeTit span {}
    .homeTit span::after {width: 0.7rem;height: 3px;}
    .homeSubtit {font-size: 0.24rem;line-height: 1.6}
}

/*imgBox*/
.imgBox {position: relative;overflow: hidden;}
.imgBox img {height: 100%;width: 100%;transition: 0.5s; object-fit: cover;object-position: 50% 50%;}
.imgBox:hover img {transform: scale(1.08)}

/*homeMore*/
.homeMore {display: inline-flex;align-items: center;padding-bottom:0.05rem;}
.homeMore span,
.homeMore a {display: inline-flex;align-items:center;line-height: 0.6rem;padding: 0 0.35rem;color:#fff;border:1px solid #fff;border-radius:50px;transition: 0.3s;}
.homeMore span.green,
.homeMore a.green {border-color:#00dcb1;background-color: #00dcb1;}
.homeMore span::after ,
.homeMore a::after {content:'';position:relative;width: 0.14rem;height: 0.14rem;margin-left: 0.24rem;background:url(../images/homeMore_icon.png) no-repeat center/contain;transition: 0.3s;}
.homeMore span i::after ,
.homeMore a i::after {content:'';position: absolute;top:50%;left:50%;width: 0.1rem;height: 0.1rem;margin-left: -0.06rem;border-top:2px solid #000;border-right: 2px solid #000;transform: translateY(-50%) rotate(45deg);}
.homeMore span.green,
.homeMore a.green {color:#fff;}
.homeMore span.green i,
.homeMore a.green i {border-color:#fff;}
.homeMore span.green i::after ,
.homeMore a.green i::after {border-top:2px solid #fff;border-right: 2px solid #fff}
.homeMore span:hover,
.homeMore a:hover {border-color: #00dcb1;background-color: #00dcb1;}
.homeMore span.green:hover,
.homeMore a.green:hover {border-color: #00b18e;background-color: #00b18e;}
@media (max-width: 1024px) {
    .homeMore {justify-content: center;width: 100%;}
    .homeMore a,
    .homeMore span {font-size: 0.24rem;line-height: 0.7rem;padding: 0 0.6rem}
    .homeMore span::after,
    .homeMore a::after {width: 0.2rem;height: 0.2rem;}

}

.HomeBG {padding: 1rem 0 0.3rem;background: url("../images/home_bg.jpg") no-repeat top center #f5f2e9;}

/*HomeAbout*/
.HomeAbout {position: relative;margin-bottom: 1rem;}
.HomeAbout .pic {border-radius: 0.2rem;}
.HomeAbout .pic figure {padding-bottom: 65.48%;margin-bottom: 0.3rem;}
.HomeAbout .pic span {display: block;text-align: center;font-size: 0.3rem;}
.HomeAbout .text {}
.HomeAbout .text .name {margin-bottom: 0.8rem;font-size: 0.14rem;color:#000;padding-bottom: 0.12rem;border-bottom:1px solid rgba(68, 37, 17, 0.3);}
.HomeAbout .text h3 {margin-bottom: 0.1rem;font-size: 0.26rem;}
.HomeAbout .text h3 span {font-size: 0.18rem;}
.HomeAbout .text h4 {margin-bottom: 0.1rem;font-size: 0.2rem;}
.HomeAbout .text .desc {line-height: 1.875;padding-bottom: 0.8rem;border-bottom:1px solid rgba(68, 37, 17, 0.3);}

@media (max-width: 1024px) {
    .HomeAbout {margin-top: 0.1rem;margin-bottom: 0.2rem;}
    .HomeAbout .pic {margin-bottom: 0.4rem;}
    .HomeAbout .pic figure {padding-bottom: 68%;}
    .HomeAbout .text {margin-bottom: 0.4rem;}
    .HomeAbout .text .name {margin-bottom: 0.3rem;font-size: 0.24rem;}
    .HomeAbout .text h3 {font-size: 0.3rem;}
    .HomeAbout .text h4 {margin-bottom: 0.3rem;font-size: 0.24rem;}
    .HomeAbout .text .desc {margin-bottom: 0.6rem;padding-bottom: 0.4rem;}

}

/*HomeBrand*/
.HomeBrand {position: relative;z-index: 10;}
.HomeBrand ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.HomeBrand ul li {text-align: center;}
.HomeBrand h4 {margin-bottom: 0.1rem;}
.HomeBrand h4 span {position: relative;display: inline-flex;line-height:1;font-size: 0.28rem;font-weight: bold;color:#442511;}
.HomeBrand h4 span::before {content:'';position: absolute;width: 0.3rem;height: 0.3rem;top:-0.18rem;left:-0.1rem;background: url("../images/home_icon1.png") no-repeat center/contain;}
.HomeBrand h4 span::after {content:'';width: 0.16rem;height: 0.28rem;margin-left: 0.1rem;background: url("../images/home_icon2.png") no-repeat center/contain;}
.HomeBrand .title {font-size: 0.2rem;color: #442511;}
.HomeBrand .title em {display: inline-block;line-height:1;font-style: normal;padding: 0 0.1rem;border-left:1px solid #442511;border-right:1px solid #442511;transform: skewX(-16deg);}
@media (min-width: 1025px) {
    .HomeBrand ul {margin-bottom: 0.7rem;}
    .HomeBrand ul li {flex-shrink: 0;}
    .HomeBrand ul li:nth-child(1) {width: 21%;}
    .HomeBrand ul li:nth-child(2) {width: 15.6%;}
    .HomeBrand ul li:nth-child(3) {width: 18%;}
    .HomeBrand ul li:nth-child(4) {width: 22.65%;}
}
@media (max-width: 1024px) {
    .HomeBrand {margin-bottom: 0.2rem;}
    .HomeBrand ul li {width: 50%;margin-bottom: 0.5rem;}
    .HomeBrand h4 {margin-bottom: 0.2rem;}
    .HomeBrand h4 span {font-size: 0.3rem;}
    .HomeBrand .title em {font-size: 0.22rem;}
}

/*HomeImgList*/
.HomeImgList {margin-bottom: 1rem;}
.HomeImgList .pic {position: relative;padding: 5px;border:2px solid #442511;}
.HomeImgList .pic i::before,
.HomeImgList .pic i::after,
.HomeImgList .pic span::before,
.HomeImgList .pic span::after {content:'';position: absolute;width: 0.22rem;height: 0.22rem;background: url("../images/home_icon3.png") no-repeat center/contain;}
.HomeImgList .pic i::before {top:1px;left:1px;}
.HomeImgList .pic i::after {top:1px;right:1px;transform: rotate(90deg)}
.HomeImgList .pic span::before {bottom:1px;left:1px;transform: rotate(-90deg)}
.HomeImgList .pic span::after {bottom:1px;right:1px;transform: rotate(-180deg)}
.HomeImgList .pic figure {padding-bottom: 136%;}
.HomeImgList .pic:hover figure {transform: none;}
.HomeImgList .swiper-scrollbar {position: relative;width: 100%;height: 2px;margin-top: 0.4rem;background-color: rgba(0, 0, 0, 0.1);}
.HomeImgList .swiper-scrollbar-drag {position: absolute;top: 0;height: 2px;background-color: #442511;}

@media (min-width: 1025px) {
    .HomeAbout {}
    .HomeAbout > div {display: flex;align-items: center;}
    .HomeAbout .text {width: 51.57%;padding-left: 0.5rem;}
    .HomeAbout .pic {width: 48.43%;}

}
@media (max-width: 1024px) {
    .HomeBG {padding: 0.5rem 0;}
    .HomeAbout .homeMore {justify-content: center;}

}

/*innerBanner*/
.innerBanner {position: relative;}
.innerBanner .container {position: relative;}
.innerBanner .wap {display: none;}
.innerBanner .text {position: absolute;width: 100%;top: 1.8rem;left: 50%;transform: translateX(-50%);color: #fff;text-align:center;z-index: 10;}
.innerBanner .text .tit {font-size: 0.6rem;}
.innerBanner .text .subTit {margin-top: 0.05rem;font-size: 0.24rem;}
.innerBanner .text .subTit2 {margin-top: 0.05rem;font-size: 0.2rem;line-height: 1.8;}

@media (max-width: 1024px) {
    .innerBanner::after {content:'';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.2);z-index: 9;}
    .innerBanner .pc {display: none;}
    .innerBanner .wap {display: block;}
    .innerBanner .wap img {width: 100%;max-width: none;}
    .innerBanner .text {top:2.1rem;transform: translate(-50%, -50%);}
    .innerBanner .text .tit {font-size: .4rem;}
    .innerBanner .text .subTit {font-size: .26rem;}
    .innerBanner .text .subTit2 {font-size: 0.24rem;}
}

/*Location*/
.Location {padding: 0.3rem 0 0.5rem;color: #000;font-size: 14px;}
.Location em {padding-left: 2%;font-style: normal;background: url("../images/icon_location.png") no-repeat left center/0.18rem;}
.Location a {padding: 0 3px;color: #000;}
.Location a:hover {color: #00dcb1;}
.Location span {padding: 0 3px;color: #666;}
@media (min-width: 1025px) {

}
@media (max-width: 1024px) {
    .Location {padding: 0.4rem 0 0.3rem;}
    .Location em {padding-left: 4%;background-size: 0.28rem;}
}

/*Menu*/
#Menu {}
#Menu ul {display: flex;flex-wrap: wrap;}
#Menu ul li {}
#Menu ul li a {display: block;border-radius:0.1rem;padding:0.18rem 0.1rem;text-align: center;transition: 0.3s;background-color: #f5f5f5;}
#Menu ul li.on a {color:#fff;font-weight: 700;background-color: #60142c;}
#Menu .subMenu {display: flex;flex-wrap: wrap;padding-top: 20px;}
#Menu .subMenu dd {}
#Menu .subMenu dd a {display: block;border-radius:0.1rem;padding:0.12rem 0.1rem;text-align: center;font-size: 14px;border:1px solid #eee;transition: 0.3s;}
#Menu .subMenu dd.on a{color:#60142c;border-color: #60142c;}
@media (min-width: 1025px) {
    #Menu ul li {width: 18.75%;}
    #Menu ul li:not(:nth-child(5n)) {margin-right: 1.56%;}
    #Menu ul li:nth-child(5) ~ li {margin-top: 1.56%;}
    #Menu ul li a .icon {display: none;}
    #Menu ul li:hover a {color:#fff;font-weight: 700;background-color: #60142c;}
    #Menu .subMenu dd {width: 12.5%;}
    #Menu .subMenu dd:not(:nth-child(7n)) {margin-right: 0.7%;}
    #Menu .subMenu dd:nth-child(7) ~ dd {margin-top: 0.7%;}
    #Menu .subMenu dd:hover a {color:#60142c;border-color: #60142c;}
}
@media (max-width: 1024px) {
    #Menu ul {flex-wrap: nowrap;justify-content:normal;overflow-x: auto;padding-bottom: 0.3rem;}
    #Menu ul li {flex-shrink:0;width: 43%;margin-right: 0.2rem;}
    #Menu ul li a {padding-left:0.2rem;padding-right:0.2rem;font-weight: 700;}
    #Menu ul li a .icon {display: inline-block;width: 0.7rem;height: 0.52rem;margin: 0.2rem 0;}
    #Menu ul li a .icon img {width: 100%;height: 100%;object-fit: cover;}
    #Menu ul li.on a .icon img {filter: brightness(0) invert(1)}
    #Menu .subMenu {flex-wrap: nowrap;justify-content:normal;padding-bottom: 0.3rem;overflow-x: auto;}
    #Menu .subMenu dd {flex-shrink:0;}
    #Menu .subMenu dd:not(:last-child) {margin-right: 0.2rem;}
    #Menu .subMenu dd a {padding: 0.1rem 0.3rem;font-size: 0.24rem;}
}

/*innerTitle*/
.innerTitle {position: relative;margin-bottom: 0.2rem;line-height: 1.5;font-size: 0.4rem;font-weight: 700;color: #000;}
.innerTitle.tac {text-align: center;}
.innerTitle_desc {font-size: 0.24rem;color:#000;}
.innerSubtitle {position: relative;margin-bottom: 0.3rem;line-height: 1;font-size: 0.24rem;font-weight: 700;}
.innerSubtitle.tac {text-align: center;}
.innerSubtitle_desc {font-size: 14px;}
.innerSubtitle_desc.tac {text-align: center;}
@media (max-width: 1024px) {
    .innerTitle {font-size: .4rem;line-height: 1.5;}
    .innerTitle_desc {font-size: 0.24rem;}
    .innerSubtitle {font-size: .32rem;}
}

/*inner-nav*/
.inner-nav {margin-top: 0.5rem;}
.inner-nav h4 {margin-bottom: 0.3rem;font-size: 0.24rem;}
.inner-nav ul {display: flex;justify-content:center;overflow-x: auto;}
.inner-nav li:not(:last-child) {margin-right: 0.2rem;}
.inner-nav li {flex-shrink: 0;}
.inner-nav li a {display: flex;align-items: center;justify-content:center;padding: 0 0.3rem;line-height: 0.5rem;color:#000;border-radius: 30px;background-color: #fff;transition: 0.1s;}
.inner-nav li.on a,
.inner-nav li a:hover {color: #fff;background-color: #00dcb1;}
@media (min-width: 1025px) {
}
@media (max-width: 1024px) {
    .inner-nav {margin-bottom: 0.4rem;}
    .inner-nav h4 {font-size: 0.3rem;}
    .inner-nav ul {justify-content: space-evenly;}
    .inner-nav li:not(:last-child) {margin-right: 0;}
    .inner-nav li a {line-height: 0.7rem;}
    .inner-nav li a::before {display: none;}
}

/*Footer*/
.Sologan {position: absolute;top:-0.6rem;width: 100%;text-align: center;font-size: 0.24rem;color: #442511;}
#Footer{position: relative;padding: 1rem 0;background: url("../images/footer_bg.jpg") no-repeat center/cover;}
#Footer .top {display: flex;justify-content:center;margin-bottom: 0.3rem;}
#Footer .top .logo {max-width: 1.2rem;}
#Footer .bottom {padding-bottom: 0.8rem;border-bottom: 1px solid rgba(238, 238, 238, 0.1);}
#Footer .bottom .footerNav dt a {color: #fff;}
#Footer .bottom .footerNav dd {margin-bottom: 0.1rem;}
#Footer .bottom .footerNav dt a:hover,
#Footer .bottom .footerNav dd a:hover {}
#Footer .copyright {padding: 0.3rem 0;color:#fff;}
#Footer .copyright a {color:#fff;}
#Footer .copyright .gongan {padding-left: 0.24rem;background: url("../images/icon_gongan.png") no-repeat left center/contain;}
#Footer .copyright a:hover {}
@media (min-width: 1025px) {
    #Footer .bottom {display: flex;justify-content: center;}
    #Footer .bottom .footerNav {display: flex;justify-content: center;}
    #Footer .bottom .footerNav dt {padding: 0 0.66rem;}
    #Footer .bottom .footerNav dl:not(:last-child) dt {border-right: 1px solid rgba(238, 238, 238, 0.1);}
    #Footer .bottom .footerNav dt a {writing-mode: tb-rl;}
    #Footer .bottom .right {width: 17.6%;}
    #Footer .bottom .right .name {font-size: 0.18rem;}
    #Footer .copyright {display: flex;justify-content: space-between;font-size: 0.14rem;}
}
@media (max-width: 1024px) {
    .Sologan {font-size: 0.3rem;}
    #Footer {padding: 0.5rem 0;}
    #Footer .container {flex-wrap: wrap;}
    #Footer .mid {padding: 0.5rem 0;}
    #Footer .mid ul li:not(:last-child) {margin-bottom: 0.3rem;}
    #Footer .mid ul li a {padding: 0.4rem 0.7rem;}
    #Footer .mid ul li .icon {height: auto;}
    #Footer .mid ul li .text i {font-size: 0.24rem;}
    #Footer .mid ul li .text span {font-size: 0.22rem;}
    #Footer .bottom {padding-bottom: 0;}
    #Footer .bottom .footerNav {margin-bottom: 0.4rem;display: none;}
    #Footer .bottom .footerNav dl {width: 100%;margin-right: 0 !important;border-bottom: 1px solid #ccc;padding: 0.2rem;}
    #Footer .bottom .footerNav dl dt {position: relative;font-size: 0.26rem;margin-bottom: 0;}
    #Footer .bottom .footerNav dl dt::after {position: absolute;content: '';width: 10px;height: 6px;top: 0.12rem;right: 0;background: url(../images/arrow_down.png) no-repeat right center / contain;transform: rotate(0deg);transition: .3s;}
    #Footer .bottom .footerNav dl dt.on::after {transform: rotate(180deg);}
    #Footer .bottom .footerNav dl .dd-wrap {display: none;margin-top: 0.2rem;}
    #Footer .bottom .right {padding-top: 0.3rem;text-align: center;}
    #Footer .bottom .right .name {font-size: 0.26rem;}
    #Footer .bottom .right .share a {width: 0.66rem;height: 0.66rem;background-size: 0.34rem;}
    #Footer .bottom .right .tel {margin-bottom: 0.5rem;}
    #Footer .bottom .right .add {font-size: 0.24rem;}
    #Footer .copyright {text-align: center;}
    #Footer .copyright div:nth-child(1) {margin-bottom: 0.2rem;}
}

/*innerContent*/
.innerContent {padding: 0.8rem 0 ;background: url("../images/inner_bg.jpg") no-repeat top center/cover;}
.innerContent .innerTop {margin-bottom: 0.7rem;padding-bottom: 0.14rem;font-size: 0.14rem;border-bottom: 1px solid rgba(68, 37, 17, 0.3);}
.innerContent .Craf-title {margin-bottom: 0.2rem;font-size: 0.44rem;text-align: center;}
.innerContent .Craf-subtitle {display: flex;justify-content: center;align-items: flex-start;margin-bottom: 0.4rem;font-size: 0.24rem;text-align: center;}
.innerContent .Craf-subtitle img {margin: 0 0.2rem;}
@media (max-width: 1024px) {
    .innerContent {padding: 0.5rem 0;}
    .innerContent .innerTop {font-size: 0.24rem;}
    .innerContent .Craf-subtitle {align-items: flex-end;}
}

.CraftList {margin-bottom: 1.2rem;}
.CraftList li {background-color: #fcfbf7;}
.CraftList li .pic figure {padding-bottom: 125%;}
.CraftList li .text h4 {margin-bottom: 0.15rem;font-size: 0.24rem;color: #442511;}
.CraftList li .text .desc {line-height: 1.6;font-size: 0.18rem;color: #442511;}
.CraftInfo {padding-bottom: 0.7rem;}
.CraftInfo .content {padding: 0.8rem 0.4rem;background-color: #fcfbf7}
.CraftInfo .content ul {display: flex;justify-content: center;margin-bottom: 0.4rem;}
.CraftInfo .content ul li {padding: 0 0.24rem;font-size: 0.2rem;color: #442511;writing-mode: tb;}
.CraftInfo .content .desc {max-width:8.1rem;margin: auto;}
.CraftInfo .content .desc p {line-height: 2.25;color: #666;}
.CraftInfo .content .desc h3 {margin-top: 0.34rem;font-size: 0.24rem;color: #442511}
@media (min-width: 1025px) {
    .CraftList ul {display: flex;flex-wrap: wrap;}
    .CraftList li {width: 48.4%;display: flex;align-items: center;}
    .CraftList li:not(:nth-child(2n)) {margin-right: 3.2%}
    .CraftList li:nth-child(2) ~ li {margin-top: 3.2%}
    .CraftList li .pic {width: 38.7%;}
    .CraftList li .text {width: 61.3%;padding: 0 0.5rem;}
}
@media (max-width: 1024px) {
    .CraftList ul {display: flex;flex-wrap: wrap;}
    .CraftList li {width: 48.5%;}
    .CraftList li:not(:nth-child(2n)) {margin-right: 3%;}
    .CraftList li:nth-child(2) ~ li {margin-top: 3%;}
    .CraftList li .text {padding: 0.3rem 0.2rem;}
    .CraftList li .text h4 {font-size: 0.26rem;}
    .CraftList li .text .desc {font-size: 0.24rem;}
    .CraftInfo .content ul {justify-content: space-between;}
    .CraftInfo .content ul li {padding:0;font-size: 0.24rem;}
    .CraftInfo .content .desc h3 {font-size: 0.32rem;}
}

.ProductNav {position: relative;margin-bottom: 0.8rem;}
.ProductNav .swiper-slide a {display: block;padding: 0.35rem 0;font-size: 0.2rem;font-weight: 700;color: #442511;text-align: center;background-color: #fff;transition: 0.3s;}
.ProductNav .swiper-slide a:hover {color: #fff;background-color: #442511;}
.button-prev,
.button-next {position: absolute;width: 0.3rem;height: 0.3rem;top:40%;transform: translateY(-50%);cursor: pointer;}
.button-prev {left: -0.7rem;}
.button-next {right: -0.7rem;}
.button-prev::before,
.button-next::before {content:'';position: absolute;width: 100%;height:100%;top: 0;left: 0;border:1px solid rgba(68, 37, 17, 0.2);transform: rotate(45deg);transition: 0.3s;}
.button-prev::after ,
.button-next::after {content:'';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 0.1rem;height: 0.08rem;background-repeat: no-repeat;background-position: center;background-size: contain;}
.button-prev::after {background-image: url("../images/swiper_prev.png")}
.button-next::after {background-image: url("../images/swiper_next.png")}
.button-prev:hover::before,
.button-next:hover::before {background-color: #442511;}
.button-prev:hover::after,
.button-next:hover::after {filter: brightness(0) invert(1);}

.ProductList {padding-bottom: 0.8rem}
.ProductList .title {margin-bottom: 0.34rem;font-size: 0.36rem;color: #442511;}
.ProductList ul {margin-bottom: 0.4rem;}
.ProductList li {position: relative;background-color: #fff;}
.ProductList .pic {margin: auto;}
.ProductList .pic figure {padding-bottom: 100%;}
.ProductList .text {position: absolute;bottom:0;left:0;width: 100%;padding: 0 0.4rem;font-weight: 700;text-align: center;color: #442511;}
.ProductList li .text {bottom: 0.4rem;font-size: 0.24rem;}
.ProductList .swiperBox {position: relative;}
.ProductList .swiper-slide {position: relative;padding:0.1rem 0 0.7rem;background-color: #fff;}
.ProductList .swiper-slide .pic {width: 55%;}
.ProductList .swiper-slide .text {bottom: 0.3rem;font-size: 0.2rem;}
@media (min-width: 1025px) {
    .ProductList ul {overflow: hidden;}
    .ProductList li {width: 48.43%;float: left;}
    .ProductList li:nth-child(1) {height: 7rem;padding-top: 0.8rem;}
    .ProductList li:nth-child(2),
    .ProductList li:nth-child(3) {height: 3.3rem;margin-left: 3.14%;}
    .ProductList li:nth-child(3) {margin-top: 0.4rem;}
    .ProductList li:nth-child(1) .pic {width: 77.4%;}
    .ProductList li:nth-child(2) .pic,
    .ProductList li:nth-child(3) .pic {width: 43.5%;}
    .ProductList li:nth-child(2) .text,
    .ProductList li:nth-child(3) .text {text-align: left;}
    .ProductList .swiper-slide .pic {width: 53.2%;}
    .ProductList .swiper-pagination {display: none;}
}
@media (max-width: 1024px) {
    .ProductNav .swiper-slide a {font-size: 0.24rem;}
    .ProductNav .swiper-scrollbar {position: relative;width: 100%;height: 2px;margin-top: 0.4rem;background-color: rgba(0, 0, 0, 0.1);}
    .ProductNav .swiper-scrollbar-drag {position: absolute;top: 0;height: 2px;background-color: #442511;}

    .ProductList li {height: 4.2rem;margin-bottom: 0.3rem;}
    .ProductList li a {position: relative;display: block;height: 100%;width: 100%;padding-bottom: 1rem;}
    .ProductList li .pic {width: 50%;}
    .ProductList li .text {font-size: 0.3rem;}
    .ProductList .swiper-slide .pic {width: 90%;}
    .ProductList .swiper-slide .text {font-size: 0.26rem;}
}


.CasetList-item {margin-bottom: 1rem;}
.CasetList .title {margin-bottom: 0.2rem;font-size: 0.24rem;color: #442511;}
.CasetList .top {margin-bottom: 0.4rem;}
.CasetList .top figure {padding-bottom: 39%;}
.CasetList .swiperBox {position: relative;}
.CasetList .swiper figure {padding-bottom: 135%;}
@media (min-width: 1025px) {
    .CasetList .swiper-pagination {display: none;}
}
@media (max-width: 1024px) {
    .CasetList-item {margin-bottom: 0.6rem;}
    .CasetList .title {font-size: 0.26rem;}
}

/*News*/
.NewsList {margin-bottom: 1rem;}
.NewsList li a {display: block;padding: 0.6rem 0.5rem;color: #442511;border-top:1px solid #442511;background-color: #fff;transition: 0.3s;}
.NewsList li .text time {display: flex;align-items:center;margin-bottom: 0.2rem;line-height: 0.26rem;color:#666;}
.NewsList li .text time::before {content:'';width: 0.16rem;height: 0.16rem;margin-right: 0.08rem;background: url("../images/icon_date.png") no-repeat left center/contain}
.NewsList li .text .name {height: 0.72rem;margin-bottom: 0.6rem;font-size: 0.24rem;font-weight: 700;color: #442511;}
.NewsList li .more {display: inline-flex;align-items: center;padding-bottom:0.05rem;}
.NewsList li .more span {display: inline-flex;align-items:center;padding-bottom: 0.15rem;font-size: 14px;color:#666666;border-radius: 0;border:0;border-bottom:1px solid rgba(102, 102, 102, 0.3);}
.NewsList li .more span::after {content:'';position:relative;width: 0.12rem;height: 0.12rem;margin-left: 0.2rem;background:url(../images/swiper_next.png) no-repeat center/contain;transition: 0.3s;}
.NewsList li .more span:hover {border-color: #442511;}
.NewsList li .more span:hover::after {transform: translateX(-10px);}
@media (min-width: 1025px) {
    .NewsList ul {display: flex;flex-wrap: wrap;}
    .NewsList li {width: 31.25%;}
    .NewsList li:not(:nth-child(3n)) {margin-right: 3.125%;}
    .NewsList li:nth-child(3) ~ li {margin-top: 3.125%;}
    .NewsList li .text {}
    .NewsList li a:hover {color:#fff;background-color: #442511;}
    .NewsList li a:hover .text time {color:#fff;}
    .NewsList li a:hover .text time::before {filter: brightness(0) invert(1);}
    .NewsList li a:hover .text .name {color:#fff;}
    .NewsList li a:hover .more span {color:#fff;border-color:#fff;}
    .NewsList li a:hover .more span::after {filter: brightness(0) invert(1)}
}
@media (max-width: 1024px) {
    .NewsList {margin-bottom: 0.3rem;}
    .NewsList li:not(:last-child) {margin-bottom: 0.4rem;}
    .NewsList li .text .name {height: 0.82rem;font-size: 0.28rem;}
    .NewsList li .text time::before {width: 0.22rem;height: 0.22rem;margin-right: 0.16rem;background-size: 0.22rem;}
    .NewsList li .more span {font-size: 0.24rem;}
    .NewsList li .more span::after {width: 0.14rem;height: 0.14rem;margin-left: 0.4rem;}
}


.NewsInfo {margin-bottom: 0.8rem;}
.NewsInfo {padding: 0.8rem 0 1.4rem;background-color: #fff;}
.NewsInfo .container {width: 90%;max-width: 10.8rem;margin:auto;}
.NewsInfo .title {text-align: center;}
.NewsInfo .title h3 {max-width: 80%;margin: auto;margin-bottom: 1%;font-size: 0.3rem;line-height: 1.6;color: #000;}
.NewsInfo .title .time_wrap {margin-bottom: 5%;padding-bottom: 5%;color: #666666;border-bottom: 1px solid #d8d8d6;font-weight: 300;}
.NewsInfo .title .time_wrap span {padding: 0 14px;}
.NewsInfo .title .time_wrap span:nth-child(1) {padding-left: 0.23rem;background: url("../images/icon_date.png") no-repeat left center/0.16rem;}
.NewsInfo article {padding-bottom: 5%;margin-bottom: 5%;border-bottom: 1px solid #d8d8d6;text-align: justify;color: #666;}
.NewsInfo article p {line-height: 2;}
.NewsInfo article img {height: auto !important}
.NewsInfo .page_pn {}
.NewsInfo .page_pn .pn {width: calc(100% - 168px);padding-right: 50px;}
.NewsInfo .page_pn .pn a {line-height: 1.875;color: #666;display: block;transition: 0.1s;}
.NewsInfo .page_pn .pn a:hover {color: #442511;}
.NewsInfo .page_pn .btn {width: 1.68rem;line-height: 0.6rem;background: #00e6c5;color: #fff;text-align: center;background-color: #442511;transition: 0.3s;}
.NewsInfo .page_pn .btn:hover {background-color: #442511;}
@media (max-width: 1024px) {
    .NewsInfo {padding: 0.6rem 0;}
    .NewsInfo .title h3 {margin-top: 0;margin-bottom: 3%;}
    .NewsInfo .title .time_wrap {font-size: .22rem;}
    .NewsInfo article {font-size: 0.24rem;}
    .NewsInfo article p {font-size: 0.24rem;line-height: 1.8 ;}
    .NewsInfo .page_pn .pn {width: 100%;padding-right: 0;margin-bottom: 4%;}
    .NewsInfo .page_pn .pn a {font-size: 0.24rem;}
}

/*Contact*/
.Contact {margin-bottom: 0.8rem;padding: 0.8rem 0.8rem 0.4rem; background-color: #fcfbf7;}
.Contact-title {margin-bottom: 0.14rem;font-size: 0.3rem;color: #442511;}
.Contact-subtitle {margin-bottom: 0.4rem;font-size: 0.14rem;line-height: 1;color: #666;}

.Contact .content .info {margin-bottom: 0.3rem;}
.Contact .content .info-text {margin-bottom: 0.1rem;font-size: 0.18rem;color: #442511;}
.Contact .content .qrcode {display: flex;margin-bottom: 0.4rem;}
.Contact .content .qrcode dd {width: 1.22rem;text-align: center;font-size: 0.14rem;}
.Contact .content .qrcode dd:not(:last-child) {margin-right: 0.3rem;}
.Contact .content .qrcode dd .img {display: flex;align-items:center;justify-content:center;height: 1.22rem;margin: auto;margin-bottom: 0.1rem;}
.Contact .content .qrcode dd .img img {max-height: 100%;}
.Contact .content .share {display: flex;align-items:center;font-size: 0.14rem;}
.Contact .content .share a {display: inline-flex;justify-content:center;align-items:center;width: 0.4rem;height: 0.4rem;margin-left: 0.1rem;border-radius: 50%;border: 1px solid #eeeeee;}
.Contact .content .share a::after {content:'';width: 0.24rem;height: 0.24rem;background-repeat: no-repeat;background-position: center;background-size: contain;}
.Contact .content .share a.titok::after {background-image: url("../images/share_icon1.png")}
.Contact .content .share a.rednote::after {background-image: url("../images/share_icon2.png")}
.Contact .content .share a.weibo::after {background-image: url("../images/share_icon3.png")}

.Contact .form {}
.Contact .form dl {margin-bottom: 0.25rem;}
.Contact .form .row2 {display: flex;justify-content: space-between;}
.Contact .form .row2 dd {width: 48.5%;}
.Contact .form .row2 dd:first-child {margin-right: 3%;}
.Contact .form  dd { position:relative;border: 1px solid #e6e6e6;overflow: hidden;}
.Contact .form  dd label{ position:absolute; left:0; top:0;padding: 0 0.15rem;font-size: 0.14rem; line-height: 0.44rem; color:#666;z-index: 10;}
.Contact .form .name {margin-bottom: 0.1rem;line-height: 0.3rem;}
.Contact .form .err {margin-right: 5px;font-style: normal;color: #ff0000;}
.Contact .form .text {width: 100%;border:0;line-height: 0.44rem;padding: 0 0.1rem;font-size: 0.14rem;color: #666;background-color: #fcfbf7;}
.Contact .form .dl_textarea label {top:0.1rem;line-height: 1.5;}
.Contact .form .dl_textarea .textarea {width: 100%;height: 0.8rem;border:0;line-height: 1.5;padding: 0.1rem;border-radius: 5px;}
.Contact .form .submitBtn {width: 1.2rem;line-height: 0.4rem;text-align: center;color: #fff;font-size: 0.14rem;background-color: #442511;cursor: pointer;}
@media (min-width: 1025px) {
    .Contact {display: flex;}
    .Contact .content {width: 46.7%;padding-right: 0.8rem;}
    .Contact .feedback {width: 53.3%;}
}

@media (max-width: 1024px) {
    .Contact {padding: 0.4rem;}
    .Contact-subtitle {margin-bottom: 0.3rem;font-size: 0.24rem;line-height: 1.5;}
    .Contact .content {margin-bottom: 0.6rem;}
    .Contact .content .info-text {font-size: 0.24rem;}
    .Contact .content .qrcode {justify-content: center;}
    .Contact .content .qrcode dd {width: 30%;font-size: 0.24rem}
    .Contact .content .qrcode dd .img {width: 1.5rem;height: 1.5rem;}
    .Contact .content .share {justify-content: center;font-size: 0.24rem;}
    .Contact .content .share a {width: 0.7rem;height: 0.7rem;}
    .Contact .content .share a::after {width: 0.4rem;height: 0.4rem;}
    .Contact .form dd label,
    .Contact .form .text {font-size: 0.24rem;line-height: 0.7rem;}
    .Contact .form .dl_textarea .textarea {height: 1.8rem;}
    .Contact .form .submitBtn {width: 100%;line-height: 0.7rem;font-size: 0.24rem;}
}

.Member {padding-bottom: 1rem;}
.Member .swiperBox {position: relative;}
.Member .swiperBox .swiper-slide {display: flex;flex-direction:column;align-items:center;padding: 0.5rem 0.2rem;text-align:center;background-color: #fcfbf7;}
.Member .img {display: flex;justify-content:center;align-items:center;width: 0.78rem;height: 0.6rem;margin-bottom: 0.3rem;text-align: center;}
.Member .img img {max-height: 100%;width: auto;height: auto;}
.Member .text {font-weight: 700;font-size: 0.24rem;color: #442511;}

.trx_30 {transform: translateX(20px);opacity: 0;transition: 1.2s;}
.try_30 {transform: translatey(20px);opacity: 0;transition: 1.2s;}
.delay1 {transition-delay: 1s;}
.delay14 {transition-delay: 1.4s;}
.ani .trx_30 {transform: translateX(0);opacity: 1;}
.ani .try_30 {transform: translateY(0);opacity: 1;}
.pic, .pic_ani {overflow: hidden;}
.pic figure, .pic_ani figure {transition: .5s;}
.pic:hover figure,
.pic_ani:hover figure {transform: scale(1.05);}


/*innerPage */
.innerPage {padding: 0.5rem 0 0 0;text-align: center;position: relative;}
.innerPage .Pages a.a_first,
.innerPage .Pages a.a_end,
.innerPage .Pages > span:not(.p_page) {display: none;}
.innerPage .Pages em {float: left;font-style: normal;}
.innerPage .Pages .p_page {display: table;margin: 0 auto;}
.innerPage .Pages a {float: left;line-height: 0.5rem;width: 0.5rem;margin: 0 0.05rem;color: #000;font-size: 14px;background-color: #fff;transition: 0.3s;}
.innerPage .Pages a.a_cur,
.innerPage .Pages a:hover {color: #fff;background: #442511;}
.innerPage .Pages .p_page > a {width: 0.5rem;height: 0.5rem;position: relative;}
.innerPage .Pages .p_page .a_prev,
.innerPage .Pages .p_page .a_next {background-repeat: no-repeat;background-position: center;background-size: 0.1rem;}
.innerPage .Pages .p_page .a_prev {background-image: url("../images/page_l.png");}
.innerPage .Pages .p_page .a_next {background-image: url("../images/page_r.png");}
.innerPage .Pages .p_page .a_prev:hover {background-image: url("../images/page_l_h.png");}
.innerPage .Pages .p_page .a_next:hover {background-image: url("../images/page_r_h.png");}
.innerPage.circle .Pages a {width: 0.4rem;height: 0.4rem;line-height: 0.4rem;border-radius: 30px;font-size: 12px;background-color: #fff;}
.innerPage.circle .Pages a.a_cur,
.innerPage.circle .Pages a:hover{width: 0.4rem;height: 0.4rem;line-height: 0.4rem;border-radius: 50%;background-color: #2a6e3a;}
.innerPage.circle .Pages .p_page > a {height: 0.4rem;background-size: 0.06rem;background-color: #fff;}
@media (max-width: 1024px) {
    .innerPage {padding: 6vw 0 8vw 0;}
    .innerPage .Pages a {margin: 0 .05rem;}
    .innerPage .Pages a,
    .innerPage .Pages .p_page > a {width: .7rem;line-height:.7rem;height:.7rem;padding: 0;font-size: .22rem;}
    .innerPage.circle .Pages a,
    .innerPage.circle .Pages a.a_cur,
    .innerPage.circle .Pages .p_page > a{width: 0.7rem;height: 0.7rem;line-height: 0.7rem;}
    .innerPage.circle .Pages .p_page > a{background-size: 0.12rem;}
    .innerPage .Pages .p_page .a_prev, .innerPage .Pages .p_page .a_next {background-size: 0.16rem;}
}


.Search {padding-bottom: 0.6rem;}
.Search li {padding: 1% 0;border-bottom:1px solid rgba(68, 37, 17, 0.3);}
@media (max-width: 1024px) {
    .Search li {padding: 0.2rem 0;}
}