/* =====头部===== */
#c-placeholder {}
.header {position: relative; z-index: 999;}
.headerfh {height: 1.12rem; min-height: 80px;}
.headerBox {position: fixed; height: 1.12rem; min-height: 80px; width: 100%; left: 0; top: 0; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); z-index: 99;}
.headerBox .container {height: 100%;}
.headerBox .box {display: flex; justify-content: space-between; height: 100%;}
.headerlogo {display: flex; align-items:center ;}
.headerlogo a {position: relative; display: flex;}
.headerlogo img {max-width: 2rem;}
/* 导航栏目 */
nav {width: 48%;}
nav ul {display: flex; justify-content: space-between; height: 100%;}
nav ul > li {position: relative;    display: flex;align-items: center;}
nav ul > li > a {color: #333; font-family: "LexenLight"; font-size: var(--font18); transition: .35s;}
nav ul > li:hover > a , nav ul > li.on > a {color: #918646 !important;}
.hetel {color: #00787d; font-size: var(--font22);font-weight: 700; display: flex; align-items: center;}
/* 二级下拉 */
.navTwo {line-height: initial; width: max-content;position: absolute;pointer-events: none; left: 50%; top: 100%; transform: translate(-50%, 15%); opacity: 0; z-index: 10;transition: all 0.4s;}
.navTwo .box {padding: .1rem;background: #fff;box-shadow: 0 .1rem .2rem 0 rgba(0, 0, 0, 0.15); position: relative;}
.navTwo .box::before {content: ""; width: 100%;height: 0.04rem;background: linear-gradient(148deg,#867c4e 0%, #c3b674 100%); position: absolute; top: 0; left: 0;}
.navTwo.on {opacity: 1;pointer-events: auto; transform: translate(-50%, 0%);}
.navTwo dl dd a {display: block; padding: .12rem .1rem; border-bottom: 1px solid #E5E5E5; text-align: center; transition: .4s; color: #656565;}
.navTwo dl dd:last-child a {border: 0;}
.navTwo dl dd a:hover {color: #918646;}
/* 头部右侧 */
.headRe {display: flex; align-items: center; }
.heSearch a {width: 0.42rem; height: 0.42rem; background: linear-gradient(121deg,#7f7449 0%, #ccc07a 100%); border-radius: 50%;} 
.heSearch a svg {max-width: 50%;}
.heContact {margin-left: .5rem; display: flex;}
.heContact a {padding: .14rem .17rem; background: #332c2b;border-radius: 0.1rem; font-size: var(--font18); font-family: Arial, Arial-Bold; font-weight: 700; color: #ffffff; transition: .4s;}
.heContact a:hover {background: #918646; color: #fff;}
/* 搜索下拉 */
.hadbox-sec4 {background-color: #fff;position: absolute;left: 0;top: 100%;width: 100%;padding: 0.9rem 0 1.06rem; display: none; border-top: 1px solid #eee; box-sizing: border-box; box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font36);}
.hadbox-sec4 .form {display: flex; align-items: center; padding-bottom: 20px; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 0.3rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 3.1rem);padding: 0.16rem 0.24rem;font-size: 0.2rem; color: #333333;}
.hadbox-sec4 .form .f_sub { width: 2.4rem; height: 0.66rem; background-color: #333333;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}
.hadbox-sec4 .form .f_sub:hover {background: #918646;}

/* 公用css */
/* 滚动条 */
.headerNavScroll {scrollbar-width:thin;scrollbar-color:#918646 #DDDDDD; overflow-y: auto;}
.headerNavScroll::-webkit-scrollbar {width: 3px;}
.headerNavScroll::-webkit-scrollbar-thumb {background: #918646; border-radius: 5px;}
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}
/* 了解更多 */
.more1 {width: 1.78rem;height: 0.5rem;min-width: 152px;min-height: 42px; background: linear-gradient(136deg,#867c4e 0%, #c3b674 100%);border-radius: 26px; color: #ffffff; font-weight: 700; transition: .5s; position: relative; z-index: 1; overflow: hidden;}
.more1::before {content: '';position: absolute;left: 0; top: 0; right: 0; bottom: 0;background: linear-gradient(136deg,#c3b674 0%, #867c4e 100%);opacity: 0;  transition: opacity .5s; z-index: -1;}
.more1:hover {-webkit-box-shadow: 0 0 0 0.1rem rgba(134, 124, 78,.2); box-shadow: 0 0 0 0.1rem rgba(134, 124, 78,.2);}
.more1:hover::before {opacity: 1;}
/* 轮播图箭头 */
.swiperBox .swiperjt {width: .46rem; height: .46rem; min-height: 30px; min-width: 30px; border: 2px solid #fff; box-sizing: border-box; border-radius: 50%; transition: .4s; left: -.2rem; transform: translateX(-100%);}
.swiperBox .swiperjt svg {max-width: 50%;}
.swiperBox .swiperjt.swiper-button-prev {transform: translateX(-100%) rotate(180deg);}
.swiperBox .swiperjt.swiper-button-next {transform: translateX(100%); left: auto; right: -.2rem;}
.swiperBox .swiperjt:active {background: #c8bc75; border-color: #c8bc75;}
.swiperBox .swiperjt:active svg path {fill: #fff;}
@media (any-hover: hover) {
    .swiperBox .swiperjt:hover {background: #c8bc75; border-color: #c8bc75;}
    .swiperBox .swiperjt:hover svg path {fill: #fff;}
}
.swiperBox .swiper-pagination {bottom: -.5rem; display: none;}
.swiperBox .swiper-pagination span {background: #c8bc75}

/* =====首页===== */
/* banner */
.indexBanner {overflow: hidden; position: relative;}
.bannerSwiper .imgBox img {width: 100%;height: auto; min-height: 100%;transition: 1s linear 2s;transform: scale(1.1,1.1);}
.bannerSwiper .swiper-slide-active img, .bannerSwiper .swiper-slide-duplicate-active img {transition: 6s linear; transform: scale(1,1);}
.bannerSwiper .con h2 strong {display: block;font-size: 0.53rem;font-family: Arial, Arial-Black;font-weight: 900;color: #ffffff; line-height: 1.2;}
.bannerSwiper .con .disc {width: 60%;}
.bannerSwiper .con p {margin-top: .4rem; font-size: var(--font17);font-family: Arial, Arial-Regular; font-weight: 400;color: #ffffff; line-height: 1.7;}
.bannerSwiper .swiper-pagination span {width: 0.13rem;height: 0.13rem; background: #ffffff; opacity: 1;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #c3b674;}

/* 首页内容 */
.indexTle {text-align: center;}
.indexTle h3 {font-size: var(--font42); color: #333333;}
.indexTle h3 strong {display: block; line-height: 1.2;font-weight: 900;}
.indexTle i {display: inline-block;width: 0.58rem; height: 0.04rem; background: #dfb869;}
.indexTle .tltText {font-size: var(--font18);font-weight: 400;color: #ffffff; margin-top: .2rem;}

.indexOne {margin: 1rem 0   ;}
.indexOne .box {margin-top: .6rem;}
.indexOne ul li {margin-top: .3rem;}
.indexOne li {display: flex; justify-content: space-between; flex-wrap: wrap;}
.indexOne li .picBox {width: 50%; position: relative;border-radius: 0.2rem; overflow: hidden;}
.indexOne li .picBox > img {width: 100%; height: 100%; object-fit: cover;}
.indexOne li .videoBox {background: rgba(0, 0, 0,.6); position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.indexOne li .videoBox .play_btn { position: absolute;display: block;top: 50%;left: 50%;width: .62rem;height: .62rem;min-width: 50px;min-height: 50px;transform: translate(-50%, -50%); z-index: 1;}
.indexOne li .videoBox .play_btn::before {animation: playbtnscale 2s ease-out infinite; background: #fff; opacity: 0.5; animation-delay: 0;}
.indexOne li .videoBox .play_btn::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; content: ''; z-index: -1;}
.indexOne li .videoBox .play_btn .icon {width: 100%; height: 100%; background: url(../images/videoBtn-icon1.png) center/contain no-repeat;}
@keyframes playbtnscale {0% { transform: translate(-50%, -50%) scale(1); opacity: .9 }100% { transform: translate(-50%, -50%) scale(2); opacity: 0; }}
.indexOne li .con {width: 49%; padding: .5rem .8rem; box-sizing: border-box;}
.indexOne li h4 {font-size: var(--font36);font-family: Arial, Arial-Bold;font-weight: 700;color: #333333; line-height: 1.25;}
.indexOne li .text {margin-top: .3rem;}
.indexOne li .text p {font-weight: 400; color: #888888;}
.indexOne li .more {margin-top: .6rem;}
.indexOne li:nth-child(even) .con {order: -1; padding-left: .35rem;}

.indexTwo {position: relative; padding-bottom: .65rem; z-index: 1; margin-bottom: 0;}
.indexTwo::after {content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 100%; background: linear-gradient(213deg,#dbcd89 0%, #867c4e 100%); z-index: -1; transition: 1s;}
.indexTwo .picBox {transform: translateY(-.54rem);}
.indexOne.indexTwo li h4 {color: #fff;}
.indexOne.indexTwo li .text p {color: #fff;}
.indexTwo.on::after {width: 100%;}

.indexThre {background: url(../images/indexThre-bj.jpg) no-repeat center; background-size: cover; padding: 1.2rem 0;}
.indexThre .indexTle {text-align: left;}
.indexThre .indexTle h3 {color: #fff;}
.indexThre .swiperBox {position: relative; margin-top: .45rem;}
.inThSwiper {position: static;}
.inThSwiper .imgBox {height: 3.09rem; overflow: hidden;}
.inThSwiper .imgBox img {width: 100%; height: 100%; object-fit: cover;transition: .5s;}
.inThSwiper .imgBox:hover img {transform: scale(1.1);}

.indexThre.indexFour {background: none;}
.indexThre.indexFour .indexTle h3 {color: #333;}
.indexThre.indexFour .indexTle .tltText {color: #666666; width: 70%;}
.inFourSwiper {position: static;}
.inFourSwiper .imgBox {height: 3.09rem; overflow: hidden;}
.inFourSwiper .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.inFourSwiper .imgBox:hover img {transform: scale(1.1);}
.inFourSwiper .swiperjt {border-color: #333;}
.inFourSwiper .swiperjt svg path {fill: #333;}

.indexFive {position: relative; z-index: 1;}
.indexFive::after {content: ""; height: 60%;background: linear-gradient(14deg,#93895a 0%, #e0d188 100%); position: absolute; left: 0; bottom: 0; position: absolute; width: 96%; z-index: -1;}
.indexFive .indexTle {text-align: left;}

.indexFive .tltText {color: #333;}
.indexFive .box {display: flex; justify-content: flex-end;}
.indexFive .con {width: 96%;background: #f9f9f9; display: flex;}
.indexFive .con .imgBox {width: 50%; height: 100%; overflow: hidden;}
.indexFive .con .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.indexFive .con .boxcon {width: 50%; padding: .8rem; box-sizing: border-box;}
.indexFive .con .more {margin-top: .5rem;}
.indexFive .con dl {display: flex; margin-top: .7rem; justify-content: space-between;}
.indexFive .con dd {text-align: center; width: 34%;}
.indexFive .con .num {display: flex; justify-content: center; font-size: var(--font48);font-weight: 700;color: #332c2b;}
.indexFive .con .num em {font-weight: 700;}
.indexFive .con dd span {color: #797979;}
.indexFive .numlist {width: 96%; padding: .8rem 0;}
.indexFive .numlist ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.indexFive .numlist ul li {width: 24%; text-align: center;}
.indexFive .numlist ul li .icBox {text-align: center; height: .6rem; display: flex; align-items: center; justify-content: center;}
.indexFive .numlist ul li .icBox img {max-width: 100%; height: 100%;}
.indexFive .numlist ul li span {margin-top: .2rem; display: block;font-size: var(--font20);font-family: Arial, Arial-Bold; font-weight: 700;color: #ffffff; line-height: 1.3;}

.indexSix {position: relative; z-index: 1; overflow: hidden; padding: .6rem 0;}
.indexSix .bjBox {position: absolute; z-index: -1; width: 50%; left: 0; top: 0; height: 100%;}
.indexSix .bjBox img {width: 100%; height: 100%; object-fit: cover;}
.indexSix .box {display: flex; justify-content: space-between;}
.indexSix .le {margin-top: .4rem;}
.indexSix .le .tit h4 {font-size: var(--font42);font-weight: 900;color: #332c2b;}
.indexSix .le .tit span {font-size: var(--font26);font-weight: 400;color: #444444;}
.indexSix .le dl {margin-top: .5rem;}
.indexSix .le dd {display: flex; align-items: center; margin: .25rem 0;}
.indexSix .le dd .icBox {margin-right: .15rem; width: 28px; display: flex; align-items: center; justify-content: center;}
.indexSix .le dd p {font-size: var(--font20); font-weight: 400; color: #444444;}
.indexSix .le dd p span {font-weight: 700;}
.indexSix .re {width: 50%; padding-left: .6rem; box-sizing: border-box;}
.indexSix .re .tit {font-size: var(--font18);font-weight: 400;color: #333333;}
.indexSix form input {width: 100%; border-bottom: 1px solid #E5E5E5; padding: .1rem 0;}
.indexSix form input::placeholder {font-size: var(--font15); font-weight: 400;color: #777777;}
.indexSix form .inBox1 {margin-top: .3rem;}
.indexSix form .inBox2 {display: flex; justify-content: space-between; margin-top: .3rem;}
.indexSix form .inBox2 input {width: 46%;}
.indexSix .inText {margin-top: .3rem;}
.indexSix .inText label {margin-bottom: .3rem; display: block;}
.indexSix .inText label span {font-size: var(--font15);font-weight: 400;color: #777777;}
.indexSix .inText label em {color: #A19662;}
.indexSix .inText input {padding-bottom: .05rem;}
.indexSix .inText input::placeholder {font-size: 12px;font-weight: 400;color: #a8a8a8;}
.indexSix .infile {position: relative; margin-top: .6rem; display: flex; align-items: center; border-bottom: 1px solid #E5E5E5;}
.indexSix form .infile input {border: 0;}
.indexSix .infile button {cursor: pointer; margin-bottom: .1rem; flex-shrink: 0; margin-left: .2rem; width: 1.73rem;height: 0.43rem;     min-width: 152px; min-height: 35px; background: #333333; border-radius: 22px; font-size: var(--font15); color: #fff;}
.indexSix .infile button i {margin-right: .12rem;}
.indexSix .infile button:active {background: #A19662;}
.indexSix .inCode {display: flex; justify-content: space-between; margin-top: .3rem; border-bottom: 1px solid #E5E5E5;}
.indexSix .inCode input {border: 0;}
.indexSix .inCode .imgCode {margin-bottom: .1rem;  margin-left: .2rem; flex-shrink: 0;width: 1.41rem;height: 0.47rem;}
.indexSix .inCode .imgCode img {width: 100%; border-radius: 0.23rem; height: 100%;}
.indexSix .sub {margin-top: .5rem;}
.indexSix .sub button {font-size: var(--font15); cursor: pointer; width: 2.12rem; height: 0.58rem;     min-width: 160px; min-height: 42px; background: linear-gradient(126deg,#948b5b 0%, #dbcd89 100%);border-radius: 30px; color: #fff;}
.indexSix .sub button:active {background: linear-gradient(126deg,#dbcd89 0%, #948b5b 100%);}

/* =====底部===== */
.footer {background: url(../images/footer-bj.jpg) no-repeat center; background-size: cover; padding: .6rem 0 .4rem 0;}
.footer .box {margin-top: .35rem; display: flex; justify-content: space-between;}
.foterlinks {display: flex;}
.foterlinks .item {margin-right: .11rem;}
.foterlinks .item a {display: flex; align-items: center; justify-content: center;width: 0.47rem;height: 0.47rem;     min-width: 36px;min-height: 36px; background: rgba(249, 249, 249,.1); border-radius: 50%; transition: .5s;}
.foterlinks .item a:active {background: rgba(249, 249, 249,.5);}
.foterlinks .item a img {max-width: 50%;}
.foterlinks .item:nth-child(3) a img {max-width: 30%;}
@media (any-hover: hover) {
    .foterlinks .item a:hover {background: rgba(249, 249, 249,.5);}
}
.foterle {width: 30%;}
.foterCopy {width: 57%;}
.foterCopy p {margin-top: .5rem; opacity: 0.71;font-weight: 400;color: #ffffff;}
.foternav {display: flex; width: 60%; justify-content: space-between;}
.foternav dl {width: 30%;}
.foternav dl dt {margin-bottom: .3rem;}
.foternav dl dt a {font-size: var(--font18); font-weight: 400;  color: #ffffff;}
.foternav dl dd {margin: .1rem 0;}
.foternav dl dd , .foternav dl dd a {font-weight: 400;color: rgba(255, 255, 255,.7);font-size: var(--font14); }
.foternav dl dd a:hover {color: #fff;}
.foterSub .bigT {color: rgba(122, 122, 122,.62);font-size: 0.45rem;margin-bottom: .5rem;line-height: 1.2;}
.foterSub .bigT span {display: block; }
.foterSub .input { color: #CFCFCF; height: .6rem; border-bottom: 1px solid rgba(207, 207, 207,.35); width: 100%;}
.foterSub .input::placeholder {color: rgba(255, 255, 255,.35);}
.foterSub button {cursor: pointer; margin-top: .3rem; width: 0.93rem; height: 0.4rem;     min-width: 86px; min-height: 32px; background: linear-gradient(0deg,#93895a 0%, #ebdc91 100%); border-radius: 20px; color: #fff;}
.foterSub button:active {background: linear-gradient(0deg,#ebdc91 0%, #93895a 100%);}
.copyright {margin-top: .8rem;}
.copyright p , .copyright p a {font-size: var(--font15); font-weight: 400;color: rgba(255, 255, 255,.65);}
.copyright p a:hover {color: #fff;}

/* ================================================================================内页============================================================================================= */
/* 内页banner */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox {overflow: hidden;}
.ny-banner .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.ny-banner .con {}
.ny-banner .con h2 {font-size: 0.72rem; text-align: center;font-family: "LexenMedium"; font-weight: 500;color: #ffffff;}
@media (any-hover: hover) {
    .nynav ul li:hover::after {width: 100%; left: 0;}
    .nynav ul li:hover a {color: #0E8FD2;}
}

/* =====关于我们===== */
.aboutTle h3 {font-size: var(--font48);color: #333333;}
.aboutTle h3 strong {font-weight: 900; display: block; line-height: 1.25;}
.aboutTle i {width: 0.58rem; height: 0.04rem;  background: #dfb869; display: inline-block; margin-top: .2rem;}

.aboutOne {margin: 1rem 0;}
.aboutOne .box {margin-top: .5rem; display: flex; justify-content: space-between;background: #f9f9f9;}
.aboutOne .imgBox {width: 50%; overflow: hidden;}
.aboutOne .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.aboutOne .con {width: 50%;padding: .5rem;}
.aboutOne .con h5 {font-size: var(--font30);font-weight: 700; color: #333333; line-height: 1.3;}
.aboutOne .con .text {padding-top: .2rem;}
.aboutOne .con .text p {font-size: var(--font17);font-weight: 400;color: #888888; margin-top: .2rem;}
.aboutOne ul {display: flex; justify-content: space-between; margin-top: .7rem;}
.aboutOne li {text-align: center; width: 24%;}
.aboutOne li .icBox {height: .6rem; display: flex; align-items: center; justify-content: center;}
.aboutOne li .icBox img {max-width: 100%; max-height: 100%; object-fit: contain;}
.aboutOne li span {font-size: var(--font20); font-weight: 700;; color: #353535;margin-top: .25rem; display: block;}

.aboutThre {text-align: center; padding: 1.88rem 0;}
.aboutThre .aboutTle i {margin-top: .5rem;}
.aboutThre .text {width: 65%; padding-top: .5rem; margin: auto;}
.aboutThre .text p {font-size: var(--font22); font-weight: 400; color: #5e5e5e;}

.touch {background: url(../images/touch-bj.jpg) no-repeat center; background-size: cover; padding-top: 1.3rem; background-attachment: fixed; margin-bottom: 1rem; position: relative; overflow: hidden;}
.touch:after { content: ""; position: absolute; bottom: 0;left: 0; z-index: 0; width: 200%;height: 2rem; background: #ffffff;}
.touch .box {display: flex; justify-content: space-between;}
.touch .tle {padding-bottom: .5rem; border-bottom: 1px solid rgba(46, 46, 46,.62);}
.touch .tle small {font-size: var(--font48); font-weight: 400; color: #ffffff; text-transform: uppercase; display: block; line-height: 1.25; }
.touch .tle span {font-size: var(--font18);font-weight: 100; color: #ffffff; display: block; margin-top: .2rem;}
.touch dl {margin-top: .5rem;}
.touch dl dd {margin: .2rem 0;font-size: var(--font18);font-weight: 400;color: #ffffff;}
.touch .le {width: 41%;}
.touch .re {width: 55%;background: #eeeeee;border-radius: 0.2rem; padding: .7rem .8rem; box-sizing: border-box; position: relative; z-index: 1;}
.touch .formTle h4 {font-size: var(--font40); font-weight: 400;color: #383838;}
.touch .formTle span {font-weight: 400;color: #a3a3a3; display: block; margin-top: .1rem;}
.touch .form {margin-top: .3rem;}
.touch .form .inBox {margin-top: .25rem;}
.touch .form label {font-weight: 400; color: #333333; display: block; margin-bottom: .1rem;}
.touch .form label em {color: #FF0000;}
.touch .form input {height: 0.45rem;min-height: 40px;background: #ffffff;border: 1px solid #dadada;border-radius: 0.05rem;display: block; width: 100%;padding: 0 .15rem; box-sizing: border-box;}
.touch .form input::placeholder , .touch .form textarea::placeholder {opacity: 0.54; font-size: 13px;font-weight: 400; color: #bfbfbf;}
.touch .form textarea {height: 1.34rem; background: #ffffff; border: 1px solid #dadada; border-radius: 0.05rem; resize: none; width: 100%; display: block; padding: .15rem; box-sizing: border-box;}
.touch .form .infile button {cursor: pointer; width: 100%; height: 0.45rem; min-height: 40px; background: #535353;border: 0.01rem solid #dadada;border-radius: 0.05rem; color: #fff;}
.touch .form .infile i {margin-right: .1rem;}
.touch .form .infile button:active {background: #918646;}
.touch .form .sub {margin-top: .5rem;}
.touch .form .sub button {width: 100%; cursor: pointer; height: 0.55rem; min-height: 45px; background: linear-gradient(179deg,#ebdc91 0%, #93895a 100%); border-radius: 28px;color: #ffffff;}
.touch .form .sub button:active {background: linear-gradient(179deg,#93895a 0%, #ebdc91 100%);}

.touch2 .le {margin-top: 1rem;}
.touch2 .tle small {font-size: var(--font42); text-transform: capitalize; font-weight: 100;}

/* =====产品中心===== */
.proBanner {padding: 2rem 0;background: #2e2e2e; position: relative; overflow: hidden;}
.proBanner .box {position: relative; max-width: 2600px; margin: auto;}
.proBanner .le {position: relative; z-index: 2;}
.proBanner h2 {font-size: 0.79rem; font-family: "LexenMedium"; font-weight: 500; color: #baaf75;}
.proBanner .le .text {margin-top: .3rem; width: 40%;}
.proBanner .le p {font-weight: 300;font-family: "LexenMedi"; color: #ffffff; }
.proBanner .swiperJt {position: relative; display: flex; margin-top: .8rem;}
.proBanner .swiperJt .swjt {position: relative; margin: 0;width: 0.51rem; left: 0; height: 0.51rem;background: #cccccc; border-radius: 50%; z-index: 1;}
.proBanner .swiperJt .swjt::after {display: block; content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(121deg,#7f7449 0%, #ccc07a 100%); left: 0; top: 0; border-radius: 50%; z-index: -1; transform: scale(0); transition: .5s;}
.proBanner .swiperJt .swjt.swiper-button-prev {transform: rotate(180deg); margin-right: .2rem;}
.proBanner .swiperJt .swjt:hover::after {transform: scale(1);}
.proBanner .re {position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); width: 54%;}
.proBanSwiper {height: 6.5rem;background: #c3c3c3;border-radius: 3.24rem 0rem 0rem 3.24rem;}
.proBanSwiper .imgBox {height: 100%;}
.proBanSwiper .imgBox img {width: 100%; height: 100%; object-fit: cover;}

/* 手机端栏目导航 */
.aboutnav {padding: .3rem 0; display: none;}
.aboutnav .container {position: relative;}
.aboutnavSwiper .swiper-slide {width: auto; text-align: center;}
.aboutnavSwiper .swiper-slide a {display: block; padding: .3rem 0; position: relative;  color: #999999;  transition: .5s;}
.aboutnavSwiper {max-width: 90%; margin: auto; position: static;}
.aboutnavSwiper .swjt {right: -4%;}
.aboutnavSwiper .swjt.swiper-button-prev {right: auto; left: -4%; transform: rotate(180deg);}
.aboutnavSwiper .swiper-slide a.on {color: #918645; font-weight: 600;}

.procenlist {margin: 1rem auto; position: relative; width: 75%;}
.procenlist .tit {font-size: .52rem;font-family: "LexenMedium"; font-weight: 500; color: #918645; text-transform: uppercase; text-align: center;}
.procenlist ul {display: grid; grid-template-columns: repeat(3,1fr);gap: .5rem; margin-top: .8rem;}
.procenlist li {text-align: center; position: relative;}
.procenlist li a {display: block; width: 100%; height: 100%; padding: .5rem .2rem; box-sizing: border-box;}
.procenlist li::after {content: "";background: #f9f9f9; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; opacity: 0; transition: .5s;}
.procenlist li .imgBox {height: 2.5rem; display:flex; align-items: center; justify-content: center; position: relative;}
.procenlist li .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain; transition: .5s;}
.procenlist li span {font-size: var(--font18);font-family: "LexenMedium"; font-weight: 500; color: #999999;display: block; margin-top: .5rem; transition: .5s;}
.procenlist li i {font-style: normal;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0); z-index: 1; opacity: 0; transition: all 0.4s;}
.procenlist li i {min-width: 40px;min-height: 40px;width: 0.56rem;height: 0.56rem; background: linear-gradient(121deg,#7f7449 0%, #ccc07a 100%);; border-radius: 50%;}
.procenlist li:hover .imgBox i {opacity: 1;transform: translate(-50%,-50%) scale(1);}
.procenlist li:hover::after {opacity: 1;}
.procenlist li:hover .imgBox > img {opacity: .5;}
.procenlist li:hover span {color: #535353;}

.procenBox {display: flex; justify-content: center; margin-right: 2%; align-items: flex-start;}
.prolistnav {padding:1rem 0 1rem .3rem; position: sticky; top: 1rem; padding: 1rem 0;}
.prolistnav .svgBox {position: absolute; width: 2px; height: 110%; left: 0; top: 0;}
.prolistnav .svgBox img {width: 100%; height: 100%;}
.prolistnav li {margin: .2rem 0; position: relative;   padding-left: .3rem;}
.prolistnav li i {content: "";width: 0.09rem;height: 0.09rem; background: #eaeaea; border-radius: 50%; position: absolute; left: 0.015rem; top: 50%; transform: translate(-50%, -50%); z-index: 1; transition: .4s;}
.prolistnav li i::after {content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0;background: #918645; border-radius: 50%;  z-index: -1; opacity: 0;}
.prolistnav li a {font-weight: 400;color: #939393;}
.prolistnav li.on i {background: #918645;}
.prolistnav li.on i::after {animation: shubiao 1s infinite linear .65s;}
.prolistnav li.on a {font-size: var(--font20); color: #918645;}
.prolistnav li:hover a {color: #918645;}
.prolistnav li:hover i {background: #918645;}

/* 产品详情 */
.proDateOne {background: #fdfdfd; padding: 1rem 0;}
.proDateOne .box {display: flex;}

.proDateOne .le {width: 46%; background: #fff;border-radius: 0.1rem; box-shadow: 0rem 0rem 0.21rem 0rem rgba(0,0,0,0.03); overflow: hidden;}
.proDateSwiper {height: 100%;}
.proDateSwiper .imgBox {display: flex; justify-content: center; align-items: center; height: 100%; padding: .25rem; box-sizing: border-box;}
.proDateSwiper .imgBox img {max-width: 100%; max-height: 100%;}
.proDateSwiper .swiper-pagination-bullet-active {background: #918645;}
.proDateOne .con {width: 51%; padding: .6rem 1rem; box-sizing: border-box;}
.proDateOne .con h4 {font-size: var(--font48); font-weight: 700;color: #2e2e2e; border-bottom: 1px solid #C3C3C3;}
.proDateOne .con .text {margin-top: .3rem;}
.proDateOne .con .text p {font-weight: 400;color: #767676;}
.proDateOne .con .more {display: flex; margin-top: 1rem;}
.proDateOne .more a {background: #a69b63; border-radius: 0.1rem; padding: .2rem .32rem; color: #ffffff; font-weight: 700; font-size: var(--font18); transition: .5s;}
.proDateOne .more a:nth-child(2) {background: #2e2e2e; margin-left: .2rem;}
.proDateOne .more a:hover {box-shadow: 0 0 10px #a69b63;}

.proDateTwo {padding: 1rem;}
.proDateTwo .tit {text-align: center;font-size: var(--font48); font-weight: 400;color: #1d1d1d;}
.proDateTwo .box {margin-top: .5rem;}
.proDateTwo img {max-width: 100%;}

.proDateThre {background: #fdfdfd; padding: 1.3rem 0; overflow: hidden;}
.proDateThre .box {display: flex; justify-content: space-between; }
.proDateThre .le .tle strong {font-size: var(--font48);font-weight: 400; color: #1d1d1d; line-height: 1.25;}
.proDateThre .le .text {margin-top: .6rem;}
.proDateThre .le span {font-weight: 400;color: #555555;}
.proDateThre .le .more a {display: inline-flex; align-items: center; margin-top: .6rem;font-weight: 400;color: #a69b63;}
.proDateThre .le .more svg {margin-left: .1rem; transition: .5s;}
.proDateThre .le .more a:hover svg {margin-left: .2rem;}
.proDateThre .le {width: 30%;}
.proDateThre .re {width: 55%;}
.proDateThre .re .tit {font-weight: 400; color: #1d1d1d; font-size: var(--font17);}
.proDateThre .re ul {margin-top: .4rem;}
.proDateThre li { cursor: pointer; margin-bottom: .15rem;}
.proDateThre li .f_tit {position: relative; padding: .22rem 0; background: #f2f2f2;padding-left: .4rem; padding-right: 1rem; transition: .5s;}
.proDateThre li .f_tit .tit {font-weight: 500; color: #787878; position: relative; }
.proDateThre li .but {position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); padding-right: .6rem;}
.proDateThre li .but .i {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);font-size: var(--font29);font-weight: 400; color: #a69b63;}
.proDateThre li .but .i2 {display: flex;justify-content: center; align-items: center; width: 0.25rem;height: 0.25rem;background: rgba(166, 155, 99 ,.15); border-radius: 50%; opacity: 0; padding-bottom: .05rem;}
.proDateThre li .jut {display: none;}
.proDateThre li .jut .font {width: 100%; padding: .1rem 0; padding-left: .4rem; padding-right: 1rem;}
.proDateThre li .jut .font p {font-size: var(--font15); color: #666666;}
.proDateThre li.on .f_tit {background: none;}
.proDateThre li.on .tit {color: #333;}
.proDateThre li.on .i1 {opacity: 0;}
.proDateThre li.on .i2 {opacity: 1;}
.proDateThre li.on .but svg {transform: rotate(90deg);}

/* =====客户支持===== */
.supOne {margin: 1rem 0; overflow: hidden;}
.supOne .box {display: flex; justify-content: space-between;}
.supOne .re {width: 50%;transform: translateX(20%);overflow: hidden;}
.supOne .re img {width: 100%; height: 100%; object-fit: cover;}
.supOne .le {width: 52%;}
.supOne .le .text {margin-top: .8rem;}
.supOne .le .text h5 {font-size: var(--font36); font-weight: 700;color: #444444;}
.supOne .le .text p {font-size: var(--font20);font-weight: 400;color: #5d5d5d; margin-top: .2rem;}
.supOne .le dl {display: flex;justify-content: space-between; margin-top: 1rem;}
.supOne .le dd {text-align: center; width: 32%;}
.supOne .le dd .num {font-size: var(--font48);font-weight: 700; color: #332c2b; display: flex; justify-content: center; line-height: 1.2;}
.supOne .le dd .num em {font-weight: 700;}
.supOne .le dd span {color: #797979;}

.supTwo {background: url(../images/supTwo-bj.jpg) no-repeat center; background-size: cover; padding: 1.7rem 0;}
.supTwo::after {display: none;}
.supTwo .numlist {width: 100%; padding: 0;}
.supThre {padding: 1rem 0;}
.supThre .re {width: 100%;}
.supThre .re .retit {font-size: var(--font48); font-weight: 400; text-align: center; color: #1d1d1d; text-transform: uppercase;}


/* =====新闻列表===== */
.newsOne {margin: .5rem 0;}
.newsOne .box {display: flex; justify-content: space-between; flex-wrap: wrap;}
.newsnav ul {display: flex; margin-top: .2rem;}
.newsnav li {margin-right: .3rem;}
.newsnav li:last-child {margin-right: 0;}
.newsnav li a {display: flex; justify-content: center; align-items: center;width: 1.92rem;height: 0.55rem; min-width: 152px; min-height: 42px;  background: #ededed;border-radius: 28px; color: #5d5d5d;font-weight: 400; transition: .5s;}
.newsnav li:hover a , .newsnav li.on a {background: #918645; color: #fff;}

.newsOne form {width: 28%; position: relative; margin-top: .2rem; margin-left: .2rem;}
.newsOne form input {height: .62rem; min-height: 46px; border: 1px solid #d5d5d5; border-radius: .5rem; padding: 0 .2rem; padding-right: .8rem; box-sizing: border-box; width: 100%;}
.newsOne form input::placeholder {color: #d5d5d5;}
.newsOne form button {cursor: pointer; position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); padding-right: .2rem;}

.newslist {margin-bottom: 1rem;}
.newslist li:first-child {border-top: 1px solid #C6C6C6;}
.newslist li {padding: .6rem 0; border-bottom: 1px solid #C6C6C6;}
.newslist li h5 {font-size: var(--font30);font-weight: 700; color: #333333;}
.newslist li .time { font-weight: 400;color: #918645;}
.newslist li .text {font-size: var(--font14); font-weight: 400;color: #acacac; margin-top: .4rem; width: 90%;}
.newslist li .imgBox {margin-top: .35rem;}
.newslist li .imgBox img {max-width: 100%;}
.newslist li a:hover h5 {color: #918645;}

/* 新闻详情 */
.newsDateMain {background: #f9f9f9;}
.newsDateMain .container {width: 1280px;    max-width: 75%;}
.newsDate {margin-bottom: 1rem; padding-top: .6rem;}
.newsDate .mbx {color: #666666;} 
.newsDate .mbx {display: flex; flex-wrap: wrap; align-items: center;color: #666666;}
.newsDate .mbx img {margin-right: .1rem; margin-bottom: .05rem;}
.newsDate .mbx a {margin: 0 .1rem;}
.newsDate .mbx a:hover {color: #918645;}
.newsDate .box {margin-top: .5rem; display: flex; justify-content: space-between; align-items: flex-start;}
.newsDate .box .left {width: 100%; flex-shrink: 0;}
.newsDate .title {padding-bottom: .4rem; border-bottom: 1px solid #DEDEDE;}
.newsDate .title .time {color: #333333; font-size: var(--font20);}
.newsDate .title strong {font-weight: 700;color: #333333; margin-top: .3rem; font-size: var(--font40); display: block;}
.newsDate .editbox {padding: .3rem 0;}
.newsPage {display: flex; align-items: center; justify-content: space-between;border-top: 1px solid #DEDEDE; padding-top: .5rem;}
.newsPage a {display: flex; align-items: center;}
.newsPage a .icBox {display: flex;}
.newsPage a span {color: #999999; font-size: var(--font14); margin-left: 10px;}
.newsPage a.next span {margin-left: 0; margin-right: 10px;}
.newsPage a.prev svg {transform: rotate(-180deg);}
.newsPage a:hover span {color: #918645;}
.newsPage a:hover svg path {fill: #918645;}
.newsDate .right {position: sticky; top: 1rem;}
.newsDate .right .linksBox {width: 100px; background: #f0f0f2; margin-top: .3rem; padding: .3rem 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.newsDate .right .linksBox .tit {color: #b4b4bd;}
.newsDate .right ul li {margin-top: .25rem;}
.newsDate .right ul li a {width: 30px; height: 30px; border-radius: 5px; display: flex; align-items: center; justify-content: center; background: #aeaeaf; transition: .5s;}
.newsDate .right ul li svg {max-width: 100%;}
.newsDate .right ul li svg path {fill: #fff;}
.newsDate .right ul li:hover a {background: #fff;}
.newsDate .right ul li:nth-child(1):hover a {background: #333;}
.newsDate .right ul li:hover svg path {fill: revert-layer;}

.newsInfo {background: #fff; padding: .7rem 0 1rem 0;}
.newsInfo .tit {margin: auto;  font-size: var(--font36);color: #333333;font-weight: 700;}
.newsInfo .swiperBox {position: relative;}
.newsDateSwiper {position: static; margin: auto; margin-top: .4rem;}
.newsDateSwiper .swiper-slide {height: auto; background: #f9f9f9;}
.newsDateSwiper .imgBox {overflow: hidden;}
.newsDateSwiper .imgBox img {width: 100%; transition: .5s;}
.newsDateSwiper .time {font-family: Arial, Arial-Regular;font-weight: 400;color: #999999; font-size: var(--font15);}
.newsDateSwiper .con {padding: .35rem .25rem;}
.newsDateSwiper .con h5 {margin-top: .1rem;color: #333333; font-size: var(--font20);color: #333333; font-weight: 600;}
.newsDateSwiper .con p {margin-top: .2rem;color: #666666; line-height: 1.7;}
.newsDateSwiper .swiper-slide:hover .imgBox img {transform: scale(1.05);}
.newsDateSwiper .swiper-slide:hover .con h5 {color: #918645;}
.newsDateSwiper .swjt {width: 0.5rem; height: 0.5rem;border: 1px solid #cccccc; border-radius: 50%; transition: .5s; right: -6%;}
.newsDateSwiper .swjt svg {max-width: 70%;}
.newsDateSwiper .swjt.swiper-button-prev {transform: rotate(180deg); left: -6%;} 
.newsDateSwiper .swjt:hover {background: #918645; border-color: #918645;}
.newsDateSwiper .swjt:hover path {fill: #fff;}

/* 联系我们 */
.contactOne {background: url(../images/contactOne-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed; padding-top: 2.6rem;}
.contactOne .tle {border: 0;}
.contactOne .re {width: 54%;}
.contactOne .tle small {font-weight: 900; font-size: var(--font48);}

.contactTwo {margin-bottom: 1rem;}
.contactTwo .box {display: flex; justify-content: space-between; align-items: center;}
.contactTwo .imgBox {width: 40%;}
.contactTwo .imgBox img {max-width: 100%;}
.contactTwo .con {width: 53%; }
.contactTwo .tle em {font-size: var(--font20); color: rgba(51, 51, 51,.4);}
.contactTwo .tle h4 {font-size: var(--font38);font-weight: 400;color: #333333;}
.contactTwo .info {margin-top: .5rem;}
.contactTwo .info p a {font-size: var(--font30);font-weight: 400;color: #93895a;}
.contactTwo .info2 {margin-top: .4rem; padding-top: .4rem; border-top: 1px solid #EEEEEE;}
.contactTwo .info2 span {font-size: var(--font24);font-weight: 400;color: #636363; display: block;}



































































/* 右侧固定 */
.slideFixed {position: fixed; z-index: 99; right: 0; bottom: 25%; padding: 38px 18px; background: #ffffff; border-radius: 50px 0 0 50px; box-shadow: 0rem 0rem 26px 0rem rgba(6,0,1,0.02); }
.slideFixed li {position: relative; margin-top: 30px;}
.slideFixed li:first-child {margin-top: 0;}
.slideFixed li .icBox img {filter: grayscale(100%); -webkit-filter:grayscale(100%);}
.hideBox{ padding-right: 22px; position: absolute; right: 150%; top: -14px; opacity: 0; visibility: hidden; }
.hideBox span { display: block; padding: 20px 0 20px 27px; background: #fff; color: #918645; font-size: 16px; font-weight: bold; line-height: 16px; white-space: nowrap; padding-right: 12px; position: relative; border-radius: 12px; box-shadow: 0rem 0rem 16px 5px rgba(24,25,25,0.1);}
.hideBox span:before { content: ""; width: 5px; height: 16px; background: #918645; position: absolute; left: 13px; top: 50%; margin-top: -8px;}
.hideBox span:after { content:""; width:0; height:0; border-top:8px solid transparent;  border-bottom: 8px solid transparent; border-left: 9px solid #fff; position:absolute; right: -8px; top:50%; margin-top: -8px;}
.slideFixed li:hover .icBox img {filter: none; -webkit-filter:none;}
.slideFixed li:hover .hideBox { opacity: 1; visibility: visible; right: 100%;-webkit-transition: 0.45s; -o-transition: 0.45s; -moz-transition: 0.45s; transition: 0.45s;}