/* #c-placeholder {height: 16px;min-height: 5rem;} */
header {position: sticky; left: 0; top: 0; z-index: 99; width: 100%;}
header .header_top {height: 2.5rem; background: #D4C8B0; transition: .5s;}
header .header_top .w1300 {height: 100%;}
header .headBox {padding: 1.25rem 0; position: relative; background: #fff;transition: .5s;}
header .headBox::before {content: ''; position: absolute; left: 2%; top: 50%; transform: translateY(-50%); width: 8.75rem; height: 3.875rem;  background: url(../images/headBox-icon1.png) no-repeat left; background-size: contain;}
header .logo .xian {height: 3.125rem; width: .063rem; margin: 0 2.5rem;background: #F2F2F2;}
header .logo a img {height: 3.75rem;}

nav {border-top: 1px solid #eee; background: #fff;transition: .5s;}
nav ul {display: flex; justify-content: space-between;}
nav ul li {position: relative;}
nav ul li::after {content: ''; background: #747474; position: absolute; top: 50%; right: -100%; transform: translateY(-50%); width: .125rem; height: 1rem;}
nav ul li:last-child::after {display: none;}
nav ul li a {display: block; padding: 1.125rem 0; color: #333; transition: .5s; position: relative;}
nav ul li a::after {content: ''; position: absolute; left: 0; top: 100%; width: 100%; height: .125rem; background: #97815d; transition: .5s; transform: scaleX(0);}
nav ul li a:hover::after {transform: scaleX(1);}
nav ul li a:hover {color: #97815d;}
nav ul li.on a {color: #97815d;}
nav ul li.on a::after {transform: scaleX(1);}

/* 头部下滑 */
header.c-style2 .header_top {transform: translateY(-100%);}
header.c-style2 .headBox {transform: translateY(-2.5rem);}
header.c-style2 nav {transform: translateY(-2.5rem);}

/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: .188rem; scrollbar-width:thin;scrollbar-color:#2AA667 #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #97815d; border-radius: .313rem;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
.more1 {padding: 1.25rem 3.375rem;background: #623E03; display: inline-flex; transition: .5s; border-radius: 6.25rem;}
.more1:hover {box-shadow: 0 0 0 .5rem rgba(98, 62, 3, .2);}

.public_tle_box .icBox img {width: 2.875rem; height: 2.875rem;}
.public_tle_box .p2 {line-height: 1;}

.indexTle {position: relative;}
.indexTle::before {content: ''; position: absolute; left: 7%; top: 0%; transform: rotateY(180deg); width: 27.625rem; height: 5.625rem; max-width: 32%; background: url(../images/indexTle-icon1.png) no-repeat center; background-size: contain;}
.indexTle::after {content: ''; position: absolute; right: 7%; top: 0%; width: 27.625rem; height: 5.625rem; max-width: 32%; background: url(../images/indexTle-icon1.png) no-repeat center; background-size: contain;}
.indexTle .t1 .cirle {margin: 0 1rem; width: 1.375rem; height: 1.375rem;border: 1px solid #97815D; border-radius: 50%; position: relative;}
.indexTle .t1 .cirle::after {content: ''; position: absolute; width: .5rem; height: .5rem; background: #97815D; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.indexTle .icBox {text-align: center; margin-top: 1.5rem;}
.indexTle .icBox img {max-width: 100%; width: 55%;}

/* ======首页======= */
/* banner */
.indexBanner .swiper {height: 100%;}
.indexBanner .swiper .slide .imgBox {height: 100%;}
.indexBanner .swiper .slide .imgBox video , .indexBanner .swiper .slide .imgBox img {width: 100%;object-fit: cover; height: 100%; transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.indexBanner .swiper .slide .box {top: 60%;}
.indexBanner .swiper .slide .p1 {line-height: 1;}
.indexBanner .swiper .slide .p2 {margin-top: 3.75rem;}
.indexBanner .swiper .slide .more {margin-top: 6.875rem;}
/* 当前 */
.indexBanner .swiper .swiper-slide-active .imgBox img, .indexBanner .swiper .swiper-slide-duplicate-active .imgBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.indexBanner .swiper .pagtion {bottom: 30px;}
.indexBanner .swiper .pagtion span {opacity: 1; width: 1.125rem; height: .188rem; background: #D4C8B0; margin: 0 .313rem !important; border-radius: 0; opacity: 1; transition: .5s;}
.indexBanner .swiper .pagtion span.swiper-pagination-bullet-active {background: #97815d; width: 3.25rem;background: #97815D;}

.indexOne {background: url(../images/indexOne-bj.jpg) no-repeat center; background-size: cover; padding: 6.25rem 0;}
.indexOne .text {margin-top: 3.125rem; line-height: 1.8;}
.indexOne .text a:hover {color: #97815D;}
.indexOne .list {margin-top: 2.875rem; padding: 0 6.25rem;}
.indexOne .list ul {display: flex; justify-content: space-around;}
.indexOne .list li {width: 12.75rem; height: 12.75rem; border-radius: 50%; border: 2px solid #97815d; display: flex; justify-content: center; align-items: center; flex-direction: column; transition: .5s;}
.indexOne .list li .icBox {height: 3.75rem; display: flex; align-items: center; justify-content: center;}
.indexOne .list li .icBox img {max-height: 100%; min-height: 70%;}
.indexOne .list li span {display: block;margin-top: 1.25rem; font-size: var(--font20); color: #97815d;}
.indexOne .list li:hover {border-color: #97815D; background: #97815D;}
.indexOne .list li:hover span {color: #fff;}
.indexOne .list li:hover .icBox img {filter: brightness(0) invert(1);}

.indexTwo {background: url(../images/indexTwo-bj.jpg) no-repeat center; background-size: cover; padding: 3.75rem 0 5rem;}
.indexTwo .box {gap: 2.5rem;}
.indexTwo .re {gap: 1rem;}
.indexTwo .input {width: 22.5rem; height: 4.125rem; background: #fff; border-radius: 6.25rem;padding: 0 1.25rem;}
.indexTwo .input::placeholder {color: #999;}
.indexTwo .btn {width: 10.75rem; text-align: center; color: #fff;background: #623E03;border-radius: 6.25rem; cursor: pointer;}

.indexThre {background: url(../images/indexThre-bj.jpg) no-repeat center; background-size: cover; padding: 5rem 0 6.25rem;}
.indexThre .list {margin-top: 3.125rem;}
.indexThre .list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.625rem;}
.indexThre .list li {background: #D4C8B0; position: relative; height: 21.875rem;}
.indexThre .list li .imgBox {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.indexThre .list li .imgBox img {max-width: 80%; max-height: 80%; object-fit: contain; min-width: 35%;}
.indexThre .list li .hide {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-direction: column; opacity: 0; transition: .5s;}
.indexThre .list li .hide .more {margin-top: 1.875rem; width: 3.25rem; height: 3.25rem; border: 1px solid #FFFFFF;}
.indexThre .list li:hover .hide {opacity: 1;}

.indexFour {background: url(../images/indexFour-bj.jpg) no-repeat center; background-size: cover; padding: 4rem 0; min-height: 37.5rem;}
.indexFour .box {width: 66%;}
.indexFour .tle img {width: 26.125rem;}
.indexFour .list {margin-top: 2.5rem; gap: .625rem;}
.indexFour .list .item {border: 1px solid #623E03; width: 19%;}
.indexFour .list .item img {width: 100%;}
.indexFour .more {margin-top: 3.75rem; gap: 2.75rem;}
.indexFour .more .public_tle_box .icBox img {filter: brightness(0) invert(1);}

.indexFive {padding: 5rem 0;background: #F9F5ED;}
.indexFive .swiperBox {margin-top: 5rem; position: relative;}
.indexFive .swiper {position: static;}
.indexFive .slide {text-align: center;}
.indexFive .slide a {padding: 1.875rem; padding-bottom: 2.5rem; position: relative; display: block; z-index: 2;}
.indexFive .slide a::before {content: ''; position: absolute; width: 100%; left: 0; height: 100%; top: 0;background: url(../images/indexFive-slide-bj.png) no-repeat center; background-size: 100% 100%; transition: .5s;}
.indexFive .slide a::after {content: ''; position: absolute; width: 100%; left: 0; height: 100%; top: 0;background: url(../images/indexFive-slide-bj2.png) no-repeat center; background-size: 100% 100%; z-index: -1; opacity: 0; transition: .5s;}
.indexFive .slide .imgBox {border-radius: 5rem; height: 14.375rem; overflow: hidden;}
.indexFive .slide .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.indexFive .slide .time {margin-top: 1.25rem;}
.indexFive .slide .p1 {margin-top: 1.25rem; font-size: var(--font18); color: #666; transition: .5s;}
.indexFive .slide .more {width: 2.5rem; height: 2.5rem; margin: auto; margin-top: 2.5rem;border: 1px solid #666666;transition: .5s;}
.indexFive .slide:hover a::before {opacity: 0;}
.indexFive .slide:hover a::after {opacity: 1;}
.indexFive .slide:hover .p1 {color: #fff;}
.indexFive .slide:hover .time {color: #fff;}
.indexFive .slide:hover .imgBox img {transform: scale(1.1, 1.1);}
.indexFive .slide:hover .more {border-color: #fff; color: #fff;}
/* 控件 */
.indexFive .swjt img {max-width: 2.25rem;}
.indexFive .swjt.swiper-button-prev {left: 0; transform: translateX(-200%) rotate(180deg);}
.indexFive .swjt.swiper-button-next {right: 0; transform: translateX(200%);}

/* =====底部 */
footer {background: #97815d; padding-top: 2.25rem;}
.fotenav {border-top: 1px solid rgba(255, 255, 255, .2); border-bottom: 1px solid rgba(255, 255, 255, .2);}
.fotenav ul {display: flex; justify-content: space-between;}
.fotenav ul li {position: relative;}
.fotenav ul li::after {content: ''; background: #fff; position: absolute; top: 50%; right: -100%; transform: translateY(-50%); width: .125rem; height: 1rem;}
.fotenav ul li:last-child::after {display: none;}
.fotenav ul li a {display: block; padding: 1.25rem 0; color: #fff; position: relative;}
.foterus {padding: 2.5rem 0 4.375rem; display: flex; justify-content: space-between;}
.foterus .item {width: 18.75rem; height: 6.5rem;background: url(../images/foterus-item-bj.png) no-repeat center; background-size: 100% 100%;}
.foterus .item .icBox {width: 3rem;height: 3rem;border-radius: 50%;border: 2px solid #FFFFFF; display: flex; align-items: center; justify-content: center;margin-right: 1rem;}
.foterus .item .icBox img {max-width: 60%; min-width: 50%;}
.foterus .code {gap: .625rem;}
.foterus .code .imgBox {width: 6.25rem;}
.foterus .code .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.foterus .code span {writing-mode: vertical-rl;}

.copyRight {color: #fff; padding: 1.25rem 0;border-top: 1px solid rgba(255, 255, 255, .2); }
.copyRight a {color: #fff;}



/* ================================================================================================内页=================================================== */
.ny-main .indexBanner {height: 31.25rem;}
.ny-main .ny_box {padding: 1.875rem 0 6.25rem; display: flex; justify-content: space-between; align-items: flex-start;}
.ny_nav {width: 20%; position: sticky; top: 11rem;}
.ny_info {width: 75%;}
.ny_info .indexTle {margin-top: 1.875rem;}
.ny_info img {max-width: 100%;}
.ny_nav ul {padding: 1.25rem 0;}
.ny_nav ul li {border-bottom: 1px dashed #ddd;}
.ny_nav ul li a {color: #333; padding: 1rem 0; display: inline-flex; align-items: center; position: relative; transition: .5s;}
.ny_nav ul li a .cirle {display: inline-block; width: 1rem; height: 1rem;border: 1px solid #97815D; border-radius: 50%; position: relative; margin-right: .625rem;}
.ny_nav ul li a .cirle::after {content: ''; position: absolute; width: .4rem; height: .4rem; background: #97815D; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.ny_nav ul li a:hover {color: #97815D;}
.ny_nav ul li.on a {color: #97815D;}
.ny_nav .public_tle_box {margin-top: 3.125rem;}


.prolist .list {margin-top: 3.125rem;}
.prolist .list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.625rem;}
.prolist .list li {background: #D4C8B0; position: relative; height: 16.25rem;}
.prolist .list li .imgBox {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.prolist .list li .imgBox img {max-width: 80%; max-height: 80%; object-fit: contain; min-width: 35%;}
.prolist .list li .hide {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-direction: column; opacity: 0; transition: .5s;}
.prolist .list li .hide .more {margin-top: 1.875rem; width: 2.5rem; height: 2.55rem; border: 1px solid #FFFFFF;}
.prolist .list li:hover .hide {opacity: 1;}


/* 新闻中心 */
.newslist .list ul {}
.newslist .list li {margin-top: 1.875rem;}
.newslist .list li {overflow: hidden; width: 100%; background: #f5f5f5; padding: 1.5rem 3%; box-sizing: border-box;}
.newslist .list li .imgBox {overflow: hidden; width: 30%;}
.newslist .list li .imgBox img {width: 100%; transition: .5s;}
.newslist .list li .info {width: 65%;margin-left: 5%;}
.newslist .list li .more {margin-top: 1.5rem;}
.newslist .list li:hover .imgBox img {transform: scale(1.05);}
.newslist .list li .more .more1 {display: inline-block; padding: .8rem 2rem;}


/* 荣誉证书 */
.honerlist .list {margin-top: 3.125rem;}
.honerlist .list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.625rem;}
.honerlist .list li { position: relative; height: 15rem;}
.honerlist .list li .imgBox {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden;border: 1px solid #97815D;}
.honerlist .list li .imgBox img {max-width: 80%; max-height: 80%; object-fit: contain; min-width: 35%;}
.honerlist .list li span {background: #97815d; text-align: center; display: block; color: #fff; padding: .625rem 0;}

/* 证书查询 */
.honerSerch .search_box {justify-content: center; gap: 1.25rem; margin: 1.875rem 0;}
.honerSerch .search_box .input {width: calc(100% - 20rem); height: 4.125rem; background: #f5f5f5ff; border-radius: 6.25rem;padding: 0 1.25rem;}
.honerSerch .search_box .input::placeholder {color: #999;}
.honerSerch .search_box .btn {width: 10.75rem; text-align: center; color: #fff;background: #623E03;border-radius: 6.25rem; cursor: pointer;}



/* 案例以及新闻详情 */
.newsDateMain {background: #f9f9f9; border-bottom: 1px solid #ddd;}
.newsDate {padding: 3.125rem 0 6.25rem;}
.newsxq-box {padding: 1.875rem 0; margin-bottom: 2.75rem; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .newsCon {background: #ffffff;border-radius: .625rem;box-shadow: 0rem 0rem 2.5rem 0rem rgba(226,225,224,0.42); padding: 2.5rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #ddd; padding-bottom: 1.875rem;}
.newsxq-title strong {display: block; font-size: var(--font30); color: #333;line-height: 1.4; font-weight: 500;}
.newsxq-title span {display: block;margin-top: .625rem; color: #777;}
.newsxq-editbox {margin: 1.875rem 0;}
.newsxq-editbox img {max-width: 100%; height: auto !important;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 3.125rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 3.125rem;height: 3.125rem;min-width: 35px;min-height: 35px;   border: .125rem solid #eeeeee;border-radius: .313rem;}
.news-prev svg {transform: rotateY(180deg);    -webkit-transform: rotateY(180deg);}
.news-prev svg ,.news-next svg {width: 30%; height: 30%;}
.newsxq-page em {display: inline-block; font-size: var(--font16); color: #333;}
.prev-link em {margin-left: 1rem;}
.next-link em {margin-right: 1rem;}
.next-link {flex-direction: row-reverse;}
.newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next{background: #97815d; }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-box .news-right {width: 29%;background: #fff; border-radius: 1rem;box-shadow: 0rem 0rem 1.875rem 0rem rgba(226,225,224,0.42); padding: 2.5rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 6rem;}
.newsxq-box .news-right h2 {font-size: var(--font26); font-weight: 500;}
.newsDate .relist li a {display: flex; justify-content: space-between;}
.newsDate .relist .reImg {width: 35%;border-radius: .313rem; overflow: hidden; min-height: 5.625rem}
.newsDate .relist .reImg img {width: 100%; height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {width: 58%;}
.newsDate .relist li {margin-top: 1.875rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font17); transition: .35s; margin-top: .313rem}
.newsDate .news-right::after {content: "";  background:#97815d; width: 65%; position: absolute; left: 50%; bottom: -3%; height: .438rem; border-radius: .25rem; transform: translate(-50%, -50%);}
@media (any-hover:hover) {
  .newsDate .relist li:hover h6 {color: #97815d;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}


@media (min-width: 1024px) and (max-width: 1366px) {
  .indexOne .text {font-size: var(--font16);}
  .indexOne .list li {width: 10rem; height: 10rem;}
  .indexOne .list li .icBox {height: 2.5rem;}

  .indexThre .list li {height: 17rem;}
  .indexFive .slide .imgBox {height: 12rem;}
}


.honerSerch .info table{width: 100%!important;}
.honerSerch .info img{display: block; max-width: 100%!important; height: auto!important;}