body{ margin: 0; padding: 0;}
*{ margin: 0; padding: 0; list-style: none; font-family: '微软雅黑'; font-size: 16px; color: #333;}
a{ text-decoration: none; cursor: pointer; display: block;}
img{ border: 0; display: block; /*cursor: pointer;*/}
h1, h2, h3, h4, h5{ font-weight: normal;}
ul, li{ list-style: none; /*cursor: pointer;*/}
b, i, em{ font-weight: normal; font-style: normal;}
button, textarea, input{ outline: none;}
select, option{ outline: none; appearance: none;}
html,body{ font-size: calc(100vw/19.2);}
.ani, .wow{ visibility: hidden;}
.swiper-button-next::after, 
.swiper-button-prev::after{ display: none;}
table{ border-collapse: collapse; border: none; margin: 0; padding: 0;}
@font-face{
	font-family: 'QIJIC';
	src:url('../fonts/QIJIC.ttf');
}
@font-face{
	font-family: 'Heavy';
	src:url('../fonts/SourceHanSerifCN-Heavy.ttf');
}
@font-face{
	font-family: 'Regular';
	src:url('../fonts/SourceHanSerifCN-Regular.otf');
}
@font-face{
	font-family: 'Century';
	src:url('../fonts/tt6804m.ttf');
}
@font-face{
	font-family: 'Georgia';
	src:url('../fonts/Georgia.ttf');
}
::-webkit-scrollbar{}
::-webkit-scrollbar-thumb{}
/* 清除浮动 */
.clearfix:after{visibility:hidden;display:block;font-size:0;content: " ";clear:both;height:0;}
.clearfix{*zoom:1;}
.w1430{ width: 14.3rem; margin: auto;}
.w1530{ width: 15.3rem; margin: auto;}
.headercp{ position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: hsla(0,0%,0%,0.60); transition: all 0.5s;}
.headercp2{ background: #000;}
.headercp .cont{ display: flex; justify-content: space-between; align-items: center; height: 90px;}
.headercp .cont .logo img{ display: block; height: 60px;}
.headercp .cont .nav{ display: flex;}
.headercp .cont .nav .wli + .wli{ margin-left: 1.2rem; min-width: 50px;}
.headercp .cont .nav .wli .tit a{ display: block; font-size: 22px; line-height: 90px; color: #fff; font-family: 'QIJIC'; position: relative; transition: all 0.5s;}
.headercp .cont .nav .wli:hover .tit a,
.headercp .cont .nav .wli.cur .tit a{ color: #D0A864;}
.headercp .cont .nav .wli .tit a::after{ content: ''; width: 100%; position: absolute; top: 0; left: 0; bottom: 10px; background: url(../images/2.png) no-repeat center bottom; background-size: 43px auto; opacity: 0; transition: all 0.5s;}
.headercp .cont .nav .wli.cur .tit a::after{ opacity: 1;}
.imgcommer{ display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}

.databanner{ position: relative; overflow: hidden;}
.databanner .m{ width: 100%; height: 8rem;}
.shouzhengtionav{ position: relative; z-index: 10; display: flex; justify-content: center; align-items: center;}
.shouzhengtionav .cont{ display: flex; justify-content: space-between; align-items: center; background: #fff; box-shadow: 0px 14px 35px 0px rgba(169,163,152,0.2); height: 90px; border-radius: 45px; margin-top: -45px;}
.shouzhengtionav .cont .nav{ margin-left: 45px; display: flex;}
.shouzhengtionav .cont .nav .li + .li{ margin-left: 50px;}
.shouzhengtionav .cont .nav .li a{ display: block; padding: 0 50px; position: relative; font-size: 18px; line-height: 90px; transition: all 0.5s;}
.shouzhengtionav .cont .nav .li a::after{ content: ''; width: 100%; height: 2px; background: #D0A864; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); opacity: 0; transition: all 0.5s;}
.shouzhengtionav .cont .nav .li:hover a,
.shouzhengtionav .cont .nav .li.cur a{ color: #D0A864;}
.shouzhengtionav .cont .nav .li.cur a::after{ opacity: 1;}
.minnavbox{ display: flex; margin-right: 50px;}
.minnavbox .h{ font-size: 16px; line-height: 90px; color: #666; padding-left: 34px; background: url(../images/4.png) no-repeat left center; background-size: 19px auto;}
.minnavbox .more{ display: flex;}
.minnavbox .more a{ font-size: 16px; color: #666; line-height: 90px; transition: all 0.5s; position: relative;}
.minnavbox .more a + a::after{ content: '>'; font-size: 16px; position: absolute; top: 0; left: -24px; width: 24px; text-align: center; color: #666;}
.minnavbox .more a + a{ margin-left: 24px;}
.minnavbox .more a:hover{ color: #D0A864;}
.shouzhengonebox .cont{ display: flex; justify-content: space-between; align-items: flex-start;}
.shouzhengonebox .cont .left{ padding: 1.82rem 0 7.36rem 0; width: 5.61rem;}
.shouzhengonebox .left .tit .h{ font-size: 0.56rem; line-height: 1; margin-bottom: 0.3rem; font-family: 'QIJIC'}
.shouzhengonebox .left .tit .p{ font-size: 0.16rem; line-height: 0.3rem; color: #666; min-height: 2.85rem;}
.shouzhengonebox .left img.b{ position: absolute; left: 0; bottom: 0; width: 5.62rem;} 
.shouzhengonebox{ position: relative; background: url(../images/5.png) no-repeat left top 0.12rem; background-size: 3.02rem auto;}
.shouzhengonebox .right{ padding-top: 2.6rem; width: 7.56rem;}
.shouzhengonebox .right .tit .h{ font-size: 0.4rem; color: #4A3B1E; line-height: 1; margin-bottom: 0.1rem; font-family: 'Heavy';}
.shouzhengonebox .right .tit .p{ font-size: 0.2rem; line-height: 0.3rem;}
.shouzhengonebox .right .img{ display: flex; justify-content: space-between; flex-wrap: wrap; padding-top: 0.3rem;}
.shouzhengonebox .right .img .li{ width: 3.68rem; height: 2.53rem; overflow: hidden; margin: 0.2rem 0 0 0;}
.shouzhengonebox .right .wli + .wli{ margin-top: 0.8rem;}

.shouzhengtwobox{ padding: 0 0 2rem 0;}
.indextitle .h{ text-align: center; font-size: 0.56rem; line-height: 1; margin-bottom: 0.25rem; font-family: 'QIJIC';}
.indextitle .p{ font-size: 0.24rem; line-height: 0.36rem; text-align: center; color: #666;}
.shouzhengtwobox .list{ display: flex; flex-wrap: wrap; padding-top: 0.3rem;}
.shouzhengtwobox .list .li{ margin: 0.3rem 0.15rem 0 0.15rem; width: calc((100% - 0.9rem) / 3); position: relative;}
.shouzhengtwobox .list .li .m{ width: 100%; height: 7.5rem; overflow: hidden; position: relative;}
.shouzhengtwobox .list .li:hover .m img{ transform: scale(1.1);}
.shouzhengtwobox .list .li .m::after{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; background-image: linear-gradient(hsla(0,0%,0%,0.00), hsla(0,0%,0%,0.70));}
.shouzhengtwobox .list .li .m::before{ opacity: 0; transition: all 0.5s; content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; background: hsla(38,53%,60%,0.95);}
.shouzhengtwobox .list .li:hover .m::before{ opacity: 1;}
.shouzhengtwobox .list .ter{ display: flex; justify-content: center; align-items: center; position: absolute; left: 0; bottom: 0; right: 0; z-index: 10; transition: all 0.5s; padding: 0.6rem 0.9rem; text-align: center;}
.shouzhengtwobox .list .ter .i img{ display: block; height: 0.49rem; margin: auto;}
.shouzhengtwobox .list .ter .h{ font-size: 0.18rem; line-height: 0.28rem; color: #fff; font-weight: 600; margin-top: 0.35rem;}
.shouzhengtwobox .list .ter .p{ font-size: 0.16rem; line-height: 0.36rem; margin-top: 0.25rem; color: hsla(0,0%,100%,0.50); min-height: 0.72rem;}
.shouzhengtwobox .list .li:hover .ter{ bottom: 2.1rem;}

.footercp{ background: #312E2A; padding: 0.6rem 0 0.5rem 0; overflow: hidden;}
.footercp .logo img{ display: block; height: 0.88rem; margin: auto;}
.footercp .nav{ display: flex; justify-content: center; overflow: hidden; margin-top: 0.75rem; position: relative;}
.footercp .nav::after{ content: ''; width: 100%; height: 1px; background: #fff; position: absolute; top: 50%; left: 0; transform: translateY(-50%); opacity: 0.2;}
.footercp .nav .mk{ display: flex; justify-content: center; position: relative; background: #312E2A; z-index: 5; padding: 0 0.1rem;}
.footercp .nav .mk a{ font-size: 0.22rem; line-height: 0.3rem; color: #fff; margin: 0 0.6rem; font-family: 'QIJIC'; transition: all 0.5s;}
.footercp .nav .mk a:hover{ color: #D0A864;}
.footercp .nav .mk::after,
.footercp .nav .mk::before{ width: 6px; height: 6px; border-radius: 100%; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -3px; content: '';}
.footercp .nav .mk::before{ left: auto; right: 0;}
.footercp .waer{ margin-top: 0.65rem; display: flex; justify-content: center;}
.footercp .waer .li{ margin: 0 0.3rem;}
.footercp .waer .li img{ display: block; height: 1.27rem; margin: auto;}
.footercp .waer .li .p{ text-align: center; font-size: 0.16rem; margin-top: 0.18rem; color: #fff; line-height: 1;}
.footercp .bot{ margin-top: 0.8rem;}
.footercp .bot .tel{ display: flex; justify-content: center; flex-wrap: wrap;}
.footercp .bot .tel .p{ font-size: 0.16rem; color: #fff; line-height: 0.26rem; margin: 0 0.1rem;}
.footercp .bot .more{ display: flex; justify-content: center; flex-wrap: wrap; margin-top: 0.15rem;}
.footercp .bot .more p,
.footercp .bot .more a{ font-size: 0.16rem; line-height: 0.26rem; color: hsla(0,0%,100%,0.30); margin: 0 0.05rem; transition: all 0.5s;}
.footercp .bot .more a:hover{ color: #fff;}

.photoboxmax{ padding: 0.6rem 0 1.5rem 0;}
.photoboxmax .list{ display: flex; flex-wrap: wrap; margin: 0 -0.15rem;}
.photoboxmax .list .li{ width: calc((100% - 0.9rem) / 3); margin: 0.7rem 0.15rem 0 0.15rem; border-bottom: 1px solid #ECECEC; position: relative;}
.photoboxmax .list .li .m{ width: 100%; height: 3.8rem; overflow: hidden;}
.photoboxmax .list .li:hover .m img{ transform: scale(1.1);}
.photoboxmax .list .li .p{ font-size: 0.2rem; line-height: 0.3rem; text-align: center; padding: 0.22rem 0.1rem; transition: all 0.5s;}
.photoboxmax .list .li:hover .p{ color: #D0A864; font-weight: 600;}
.photoboxmax .list .li::after{ width: 0; height: 1px; background: #D0A864; position: absolute; left: 50%; bottom: -1px; transform: translateX(-50%); opacity: 0; transition: all 0.5s; content: '';}
.photoboxmax .list .li:hover::after{ opacity: 1; width: 100%;}
.indexpageing{ display: flex; justify-content: center; flex-wrap: wrap; padding-top: 0.66rem;}
.indexpageing a{ display: flex; justify-content: center; align-items: center; font-size: 0.2rem; color: #C5C5C5; min-width: 0.5rem; padding: 0 0.1rem; height: 0.7rem; border-radius: 100%; border: 1px solid #E5E5E5; transition: all 0.5s; margin: 0.2rem 0.1rem 0 0.1rem;}
.indexpageing a.cur,
.indexpageing a:hover{ background: #D0A864; color: #fff; border-color: #D0A864;}

.indexpageing .active a,
.indexpageing a:hover{ background: #D0A864; color: #fff; border-color: #D0A864;}

.detaidsbox{ padding: 1.2rem 0 1.5rem 0;}
.minnavbox2 .h,
.minnavbox2 .more a{ line-height: 0.3rem;}
.detaidsbox .detaidstop{ margin-top: 0.5rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.detaidsbox .detaidstop .left{ width: 7.52rem;}
.detaidsbox .detaidstop .left .mySwiper2 .m{ width: 100%; height: 6.07rem; overflow: hidden;}
.detaidsbox .detaidstop .left .mySwiper2 .m:hover img{ transform: scale(1.1);}
.detaidsbox .detaidstop .left .mySwiper .m{ width: 2.04rem; height: 1.64rem; overflow: hidden; margin: auto; position: relative;}
.detaidsbox .detaidstop .left .mySwiper .m:hover img{ transform: scale(1.1); cursor: pointer;}
.detaidsbox .detaidstop .left .mySwiper .m::after{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid #D0A864; opacity: 0; transition: all 0.5s; z-index: 5; cursor: pointer;}
.detaidsbox .detaidstop .left .mySwiper .swiper-slide-thumb-active .m::after{ opacity: 1;}
.detaidsbox .detaidstop .left .boot{ margin-top: 0.18rem; display: flex; justify-content: space-between; position: relative;}
.detaidsbox .detaidstop .left .mySwiper{ width: 6.92rem;}
.emcommer{ width: 0.3rem; height: 100%; background: #EFEFEF url(../images/22.png) no-repeat center; background-size: 0.13rem auto!important; cursor: pointer; position: absolute; top: 0; left: 0; z-index: 5; transition: all 0.5s;}
.emcommer2{ transform: rotate(180deg); left: auto; right: 0;}
.emcommer:hover{ background: #D0A864 url(../images/22s.png) no-repeat center;}
.nonebox{ display: none!important;}
.detaidsbox .detaidstop .right{ width: 6.3rem; padding: 0.25rem 0 0 0;}
.detaidsbox .detaidstop .right .h{ font-size: 0.28rem; line-height: 0.38rem; font-weight: 600; margin-bottom: 0.3rem;}
.detaidsbox .detaidstop .right .p{ font-size: 0.16rem; line-height: 0.3rem; color: #666; margin-bottom: 0.45rem;}
.detaidsbox .detaidstop .right .list .li{ border-bottom: 1px solid #ddd; padding: 0.1rem 0; line-height: 0.3rem;}
.detaidsbox .detaidstop .right .list .li i{ font-size: 0.14rem; line-height: 0.3rem; color: #999;}
.detaidsbox .detaidstop .right .list .li em{ font-size: 0.14rem; font-weight: 600; color: #333; line-height: 0.3rem;}
.moreindex a{ width: 2rem; height: 0.5rem; background: #D0A864; display: flex; justify-content: center; align-items: center; font-size: 0.16rem; color: #fff; transition: all 0.5s;}
.moreindex a:hover{ background: hsla(38,53%,60%,0.15); color: #D0A864;}
.detaidsbox .detaidstop .moreindex{ margin-top: 0.96rem;}
.detaidsbox .detaidsdata{ margin-top: 1.8rem;}

.contactbox{ padding: 2.4rem 0 1.5rem 0; background: url(../images/24.jpg) no-repeat top center; background-size: 100% auto;}
.contactbox .top{ display: flex; justify-content: space-between; align-items: flex-start;}
.contactbox .top .h{ font-size: 0.36rem; line-height: 0.58rem; font-weight: 600;}
.contactbox .top a{ width: 0.72rem; height: 0.72rem; border: 1px solid #D0A864; border-radius: 100%; background: url(../images/25.png) no-repeat center; background-size: 0.35rem auto!important; margin-top: 0.12rem; transition: all 0.5s;}
.contactbox .top a:hover{ background: #D0A864 url(../images/25s.png) no-repeat center;}
.contactbox .list{ margin-top: 0.6rem; padding-top: 0.6rem; border-top: 2px solid #E1E1E1; display: flex; justify-content: space-between; align-items: flex-start;}
.contactbox .list .left{ width: 6.24rem; display: flex; flex-wrap: wrap;}
.contactbox .list .left .li{ width: 100%; margin-bottom: 0.6rem;}
.contactbox .list .left .li .h{ font-size: 0.16rem; line-height: 1; color: hsla(0,0%,20%,0.50); margin-bottom: 0.12rem;}
.contactbox .list .left .li .p{ font-size: 0.16rem; line-height: 0.36rem; font-weight: 600;}
.contactbox .list .left .li2{ width: 50%;}
.contactbox .list .left .li .t{ font-size: 0.36rem; line-height: 1; color: #D0A864; font-family: 'Century'; font-weight: 600;}
.contactbox .list .right{ width: 7.56rem;}
.contactbox .list .right .h{ font-size: 0.16rem; line-height: 1; text-align: center; margin-bottom: 0.3rem;}
.contactbox .list .right .form{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.contactbox .list .right .form .li{ width: calc(50% - 0.1rem); margin-bottom: 0.14rem; position: relative;}
.contactbox .list .right .form .li2{ width: 100%;}
.contactbox .list .right .form .li .input{ display: flex; box-sizing: border-box;}
.contactbox .list .right .form .li .input input{ display: block; width: 100%; height: 0.48rem; padding: 0 0.2rem; background: #fff; border: none; font-size: 0.16rem; transition: all 0.5s;}
.contactbox .list .right .form .li .input input::placeholder,
.contactbox .list .right .form .li .ter textarea::placeholder{ color: #C1C1C1;}
.contactbox .list .right .form .li .ter{ display: flex; box-sizing: border-box;}
.contactbox .list .right .form .li .ter textarea{ background: #fff; font-size: 0.16rem; border: none; padding: 0.15rem 0.2rem; width: 100%; height: 0.9rem; transition: all 0.5s;}
.contactbox .list .right .form .li .input:hover input,
.contactbox .list .right .form .li .ter:hover textarea{ background: hsla(38,53%,60%,0.15);}
.contactbox .list .right .form .li3{ width: 100%; display: flex; justify-content: space-between;}
.contactbox .list .right .form .li3 .input{ width: 5.62rem; position: relative;}
.contactbox .list .right .form .li3 .input .m{ width: 1.4rem; height: 100%; position: absolute; top: 0; right: 0;}
.contactbox .list .right .form .li3 .input .m img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.contactbox .list .right .form .li3 button{ display: flex; justify-content: center; align-items: center; width: 1.84rem; height: 0.48rem; background: #D0A864; color: #fff; font-size: 0.16rem; cursor: pointer; border: none; transition: all 0.5s;}
.contactbox .list .right .form .li3 button:hover{ color: #D0A864; background: hsla(38,53%,60%,0.15);}
.contactbox .mapbox{ width: 100%; height: 6.48rem; overflow: hidden; margin-top: 0.5rem; background: #eee;}

.newsboxmaxtop{ padding: 1.3rem 0 1.1rem 0;}
.newsboxmaxtop .cont{ display: flex; justify-content: space-between; align-items: flex-start;}
.newsboxmaxtop .left{ width: 7.55rem; position: relative;}
.newsboxmaxtop .left .m{ width: 100%; height: 5.16rem; overflow: hidden;}
.newsboxmaxtop .left:hover .m img{ transform: scale(1.1);}
.newsboxmaxtop .left .ter{ position: absolute; left: 0; bottom: 0; right: 0; z-index: 5; padding: 0.34rem 0.56rem;}
.newsboxmaxtop .left .ter .h{ font-size: 0.2rem; line-height: 0.3rem; color: #fff; font-weight: 600;}
.newsboxmaxtop .left .ter .t{ font-size: 0.16rem; line-height: 0.26rem; color: #fff; margin-top: 0.2rem;}
.newsboxmaxtop .rihgt{ width: 6.68rem; border-top: 1px solid #eee;}
.newsboxmaxtop .rihgt .li a{ display: block; padding: 0.32rem 0;}
.newsboxmaxtop .rihgt .li{ border-bottom: 1px solid #eee;}
.newsboxmaxtop .rihgt .li .h{ font-size: 0.2rem; transition: all 0.5s; line-height: 1; margin-bottom: 0.28rem;}
.newsboxmaxtop .rihgt .li:hover .h{ color: #D0A864;}
.newsboxmaxtop .rihgt .li .t{ font-size: 0.16rem; line-height: 1; color: #999;}
.newsboxmaxtop .rihgt .li{ position: relative;}
.newsboxmaxtop .rihgt .li::after{ content: ''; width: 0; height: 1px; background: #D0A864; position: absolute; left: 0; bottom: -1px; transition: all 0.5s;}
.newsboxmaxtop .rihgt .li:hover::after{ width: 100%; opacity: 1;}
.newsboxmaxlist .list .li a{ display: block; padding: 0.7rem 0; transition: all 0.5s;}
.newsboxmaxlist .list .li:hover a{ background: #F8F8F8;}
.newsboxmaxlist .list .li .mk{ display: flex; justify-content: space-between; align-items: center;}
.newsboxmaxlist .list .li .mk .m{ width: 5.05rem; height: 3.44rem; overflow: hidden;}
.newsboxmaxlist .list .li:hover .indexmoremax .a{ background: #D0A864 url(../images/37.png) no-repeat center;}
.newsboxmaxlist .list .li:hover .mk .m img{ transform: scale(1.1);}
.newsboxmaxlist .list .li .ter{ width: calc(100% - 5.82rem);}
.newsboxmaxlist .list .li .h{ font-size: 0.2rem; line-height: 0.3rem; font-weight: 600; transition: all 0.5s; margin-bottom: 0.2rem;}
.newsboxmaxlist .list .li:hover .h{ color: #D0A864;}
.newsboxmaxlist .list .li .p{ font-size: 0.16rem; line-height: 0.3rem; color: #666; min-height: 0.6rem;}
.indexmoremax{ display: flex;}
.indexmoremax .a,
.indexmoremax a{ display: block; width: 1.06rem; height: 0.42rem; border-radius: 0.3rem; border: 1px solid #D0A864; background: url(../images/36.png) no-repeat center; background-size: 0.33rem auto!important; transition: all 0.5s;}
.newsboxmaxlist .list .li .t{ font-size: 0.16rem; line-height: 1; color: #999; margin-bottom: 0.45rem;}
.newsboxmaxlist .list .li .indexmoremax{ margin-top: 0.35rem;}
.newsboxmaxlist{ padding: 0 0 1.5rem 0;}
.newsboxmaxlist .indexpageing{ padding-top: 0.3rem;}

.newsdatails{ padding: 1.6rem 0 1.5rem 0;}
.newsdatails .cont{ display: flex; justify-content: space-between; align-items: flex-start;}
.newsdatails .cont .left{ width: 9.5rem;}
.newsdatails .cont .right{ width: 3.67rem;}
.newsdatails .cont .left .data{ margin-top: 0.5rem;}
.newsdatails .cont .left .data .h{ font-size: 0.36rem; font-weight: 600; line-height: 0.46rem;}
.newsdatails .cont .left .icon{ display: flex; flex-wrap: wrap; margin-top: 0.4rem;}
.newsdatails .cont .left .icon .p{ font-size: 0.16rem; line-height: 0.3rem; color: #999; margin-right: 0.72rem;}
.newsdatails .cont .left .ps{ font-size: 0.16rem; line-height: 0.4rem; color: #999; border-top: 2px solid hsla(0,0%,84%,0.30); margin-top: 0.5rem; padding-top: 0.65rem;}
.newsdatails .cont .left .ps img{ width: 100%;}
.newsdatails .cont .right .tit{ font-size: 0.16rem; line-height: 0.3rem; font-weight: 600; color: #ccc; margin-bottom: 0.6rem;}
.newsdatails .cont .right .more .li + .li{ margin-top: 0.52rem; padding-top: 0.52rem; border-top: 1px solid #ECECEC;}
.newsdatails .cont .right .more .li .m{ width: 100%; height: 2.5rem; overflow: hidden;}
.newsdatails .cont .right .more .li:hover .m img{ transform: scale(1.1);}
.newsdatails .cont .right .more .li .ter{ padding-top: 0.3rem;}
.newsdatails .cont .right .more .li .ter .t{ font-size: 0.16rem; color: #666; line-height: 1; margin-bottom: 0.1rem;}
.newsdatails .cont .right .more .li .ter .p{ font-size: 0.16rem; line-height: 0.3rem; font-weight: 600; transition: all 0.5s;}
.newsdatails .cont .right .more .li:hover .ter .p{ color: #D0A864;}

.aboutboxone{ padding: 1.5rem 0 0 0; margin-top: -0.45rem; background: #F6F4F0 url(../images/63.jpg) no-repeat bottom center; background-size: 100% auto;}
.aboutboxone .cont{ display: flex; justify-content: space-between;}
.aboutboxone .cont .img{ width: 5.62rem; height: 8.09rem; overflow: hidden;}
.aboutboxone .ter{ width: 8.1rem; padding: 0.8rem 0;}
.aboutboxone .ter .tit .h{ font-size: 0.56rem; color: #D0A864; line-height: 1; font-family: 'QIJIC';}
.aboutboxone .ter .tit .p{ font-size: 0.24rem; color: #D0A864; font-family: 'Heavy';}
.aboutboxone .ter .i{ width: 1px; height: 1.4rem; background: #D0A864; margin: 0.4rem 0 0.5rem 0;}
.aboutboxone .ter .ps{ font-size: 0.16rem; line-height: 0.36rem; color: #666;}

.aboutboxtwo{ padding: 2.28rem 0; display: flex; justify-content: flex-end; background: url(../images/58.jpg) no-repeat center; background-size: cover; overflow: hidden;}
.aboutboxtwo .list{ width: 13.56rem; height: 5.03rem; background: url(../images/59.png) no-repeat center; background-size: 100% 100%; position: relative;}
.aboutboxtwo .list .tit{ width: 1rem; height: 2.88rem; background: url(../images/60.png) no-repeat center; background-size: 100% 100%; display: flex; justify-content: center; align-items: center; position: absolute; top: 0.88rem; left: 0.27rem;}
.aboutboxtwo .list .tit i{ display: block; font-size: 0.56rem; line-height: 0.56rem; color: #593D28; width: 0.56rem; font-family: 'QIJIC';}
.aboutboxtwo .list .mk{ display: flex; position: absolute; top: 1.1rem; left: 3rem;}
.aboutboxtwo .list .mk .li{ display: flex; align-items: flex-start;}
.aboutboxtwo .list .mk .li .h{ width: 0.74rem; height: 2.81rem; background: url(../images/61.png) no-repeat center; background-size: 100% 100%; display: flex; justify-content: center; align-items: center;}
.aboutboxtwo .list .mk .li .h i{ display: block; width: 0.3rem; font-size: 0.3rem; font-family: 'Regular'; position: relative; line-height: 0.34rem;}
.aboutboxtwo .list .mk .li .h i::after,
.aboutboxtwo .list .mk .li .h i::before{ content: ''; background: #593D28; width: 1px; height: 0.12rem; position: absolute; left: 50%; margin-left: -0.5px; top: -0.2rem;}
.aboutboxtwo .list .mk .li .h i::before{ top: auto; bottom: -0.2rem;}
.aboutboxtwo .list .mk .li .p{ font-size: 0.24rem; writing-mode: vertical-lr; height: 2.9rem; line-height: 0.58rem; padding: 0 0.35rem; min-width: 1.95rem;}

.aboutboxthree{ padding: 1.2rem 0 0.6rem 0; margin-bottom: 1.2rem; border-bottom: 1px solid #D0A864; position: relative;}
.abouttit{ font-size: 0.56rem; line-height: 1; text-align: center; font-family: 'QIJIC';}
.aboutboxthree::after,
.aboutboxthree::before{ content: ''; width: 4.44rem; height: 3.34rem; position: absolute; left: 0; bottom: 0.9rem; background: url(../images/57.png) no-repeat center; background-size: 100% auto;}
.aboutboxthree .list{ width: 9.7rem; margin: 0.6rem auto 0;}
.aboutboxthree::before{ left: auto; right: 0; transform: rotateY(180deg);}
.aboutboxthree .mk{ width: 6.5rem; margin: auto;}
.aboutboxthree .mk .m{ width: 100%; height: 5.34rem; overflow: hidden; position: relative;}
.aboutboxthree .mk .m i{ display: block; width: 0.76rem; height: 0.76rem; border-radius: 100%; background: #fff; position: absolute; top: -0.38rem; left: -0.38rem;}
.aboutboxthree .mk .m i:nth-child(2){ right: -0.38rem; left: auto;}
.aboutboxthree .mk .m i:nth-child(3){ bottom: -0.38rem; right: auto; top: auto;}
.aboutboxthree .mk .m i:nth-child(4){ bottom: -0.38rem; right: -0.38rem; top: auto; left: auto;}
.aboutboxthree .ter{ position: relative; min-height: 1.4rem;}
.aboutboxthree .ter .p{ font-size: 1.4rem; line-height: 1; color: hsla(0,0%,20%,0.08); position: absolute; top: -0.22rem; left: -0.1rem; font-family: 'Georgia';}
.aboutboxthree .ter .h{ font-size: 0.24rem; line-height: 0.36rem; text-align: center; padding: 0.6rem 0.1rem 0 0.1rem;}
.swiperjian{ width: 0.68rem!important; height: 0.68rem!important; border-radius: 100%; border: 1px dashed #D0A864; top: 2.3rem!important; margin: 0!important; left: 0!important;}
.swiperjian2{ left: auto!important; right: 0!important;}
.swiperjian::before{ content: ''; width: 0.61rem; height: 0.16rem; background: url(../images/55.png) no-repeat center; background-size: 100% auto; position: absolute; left: 0.26rem; top: 50%; transform: translateY(-50%);}
.swiperjian2::before{ left: auto; right: 0.26rem; transform: translateY(-50%) rotate(180deg);}

.aboutboxfour{ position: relative; padding: 1.36rem 0 0.9rem 0; overflow: hidden;}
.aboutboxfour .img{ width: 100%; height: 9.8rem; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0;}
.aboutboxfour .cont{ position: relative; z-index: 5;}
.aboutboxfour .top{ margin-top: 0.9rem;}
.aboutboxfour .top .wker{ display: flex; align-items: center;}
.aboutboxfour .top .wker .h{ width: 0.82rem; height: 2.36rem; background: url(../images/46.png) no-repeat center; background-size: 100% 100%; margin-right: 0.76rem; display: flex; justify-content: center; align-items: center;}
.aboutboxfour .top .wker .h i{ display: block; font-size: 0.36rem; color: #593D28; line-height: 0.4rem; width: 0.36rem; font-family: 'Heavy';}
.aboutboxfour .top .wker .mk{ display: flex;}
.aboutboxfour .top .wker .mk .li + .li{ margin-left: 0.4rem;}
.aboutboxfour .top .wker .mk .li a{ display: flex; justify-content: center; align-items: center; width: 1.71rem; height: 1.74rem; background: url(../images/47.png) no-repeat center; background-size: 100% 100%; transition: all 0.5s;}
.aboutboxfour .top .wker .mk .li:hover a{ background: url(../images/48.png) no-repeat center; background-size: 100% 100%;}
.aboutboxfour .top .wker .mk .li a .m{ width: 0.5rem; height: 0.5rem; position: relative; margin: auto;}
.aboutboxfour .top .wker .mk .li a .m img{ display: block; width: 100%; position: absolute; top: 0; left: 0; transition: all 0.5s;}
.aboutboxfour .top .wker .mk .li a .m img.m2{ opacity: 0;}
.aboutboxfour .top .wker .mk .li:hover a .m img.m1{ opacity: 0;}
.aboutboxfour .top .wker .mk .li:hover a .m img.m2{ opacity: 1;}
.aboutboxfour .top .wker .mk .li .p{ font-size: 0.2rem; font-weight: 600; line-height: 0.3rem; text-align: center; color: #593D28; margin-top: 0.1rem; transition: all 0.5s;}
.aboutboxfour .top .wker .mk .li:hover .p{ color: #fff;}
.aboutboxfour .list{ margin: 0.85rem 0 0 0;}
.aboutboxfour .list .li{ width: 100%; position: relative;}
.aboutboxfour .list .li .m{ width: 100%; height: 7.07rem; overflow: hidden;}
.aboutboxfour .list .li .ter{ position: absolute; top: 0; left: 0; right: 0; padding: 0.7rem 0.6rem;}
.aboutboxfour .list .li .ter .h{ font-size: 0.36rem; line-height: 0.46rem; color: #222E44; font-family: 'Heavy'; margin-bottom: 0.12rem;}
.aboutboxfour .list .li .ter .p{ font-size: 0.2rem; line-height: 0.3rem; color: #222E44; margin-bottom: 0.6rem;}
.aboutboxfour .list .li .ter .n{ font-size: 0.24rem; line-height: 0.34rem; color: #222E44; font-family: 'Heavy';}

.aboutboxfive{ background: url(../images/43.jpg) no-repeat bottom center; background-size: 100% auto; padding-bottom: 1.47rem; position: relative;}
.aboutboxfive::after{ content: ''; width: 100%; height: 1px; background: #D0A864; position: absolute; left: 0; bottom: 1.47rem;}
.aboutboxfive .wker{ padding: 0 0 0 0.6rem; width: 15.9rem;}
.aboutboxfive .wker .tit{ font-size: 0.36rem; line-height: 1; color: #D0A864; font-family: 'Heavy'; margin-bottom: 0.95rem;}
.aboutboxfive .wker .mk{ min-height: 3.6rem; position: relative; margin-left: 0.27rem; padding-left: 0.45rem;}
.aboutboxfive .wker .mk .n{ font-size: 0.6rem; color: #D0A864; line-height: 1; font-family: 'Georgia'; position: relative; margin-bottom: 0.15rem;}
.aboutboxfive .wker .mk .h{ font-size: 0.3rem; line-height: 0.3rem; font-weight: 600; margin-bottom: 0.4rem;}
.aboutboxfive .wker .mk .p{ font-size: 0.18rem; line-height: 0.3rem; color: #666;}
.aboutboxfive .wker .mk::after{ background: #D0A864; content: ''; position: absolute; left: 0; bottom: 0; top: 0.25rem; width: 1px;}
.aboutboxfive .wker .mk .n::after{ content: ''; width: 0.2rem; height: 0.2rem; background: #D0A864; border-radius: 100%; position: absolute; top: 50%; left: -0.55rem; margin-top: -0.1rem;}

.aboutboxsix{ padding: 1.4rem 0 1.5rem 0;}
.aboutboxsix .list{ display: flex; flex-wrap: wrap; padding-top: 0.2rem; margin: 0 -0.1rem;}
.aboutboxsix .list .li{ margin: 0.2rem 0.1rem 0 0.1rem; width: calc((100% - 0.8rem) / 4); background: #F9F7F3; transition: all 0.5s;}
.aboutboxsix .list .li:hover{ background: #fff; box-shadow: 0px 17px 27px 0px rgba(97,94,90,0.16);}
.aboutboxsix .list .li .m{ border-bottom: 1px solid hsla(38,53%,60%,0.20); padding: 0.17rem 0 0.27rem 0;}
.aboutboxsix .list .li .m i{ display: block; margin: auto; width: 3.4rem; height: 2.32rem; overflow: hidden;}
.aboutboxsix .list .li .m i img{ display: block; height: 100%;}
.aboutboxsix .list .li .h{ font-size: 0.2rem; line-height: 0.36rem; min-height: 0.72rem; text-align: center; font-weight: 600; transition: all 0.5s;}
.aboutboxsix .list .li .ter{ padding: 0.3rem 0.1rem 0.52rem 0.1rem;}
.aboutboxsix .list .li .ter i img{ display: block; width: 0.26rem; margin: auto;}

.banner{ position: relative; overflow: hidden;}
.banner .mker{ width: 100%; position: relative; overflow: hidden;}
.banner .mker .m{ width: 100%; height: 9.6rem; overflow: hidden;}
.banner .mker .text{ width: 100%; position: absolute; top: 3.6rem; left: 0;}
.banner .mker .text .h{ font-size: 1rem; line-height: 1; font-family: 'QIJIC'; color: #C28C30; position: relative;}
.banner .mker .text .h::after{ content: ''; width: 1.82rem; height: 1.82rem; background: url(../images/71.png) no-repeat center; background-size: 100% auto; position: absolute; top: -0.8rem; left: -0.4rem;}
.banner .mker .text .p{ font-size: 0.24rem; line-height: 0.46rem; padding: 0.65rem 0 0 0.92rem; font-family: 'Regular';}
.banner .boot{ display: flex; justify-content: center; align-items: center; position: absolute; left: 0; right: 0; bottom: 0.74rem; z-index: 5;}
.banner .boot .swiper-button-next,
.banner .boot .swiper-button-prev,
.banner .boot .swiper-pagination{ position: relative; top: auto; left: auto; bottom: auto; right: auto; margin: 0;}
.banner .boot .swiper-button-next,
.banner .boot .swiper-button-prev{ width: 0.3rem; height: 0.3rem; border-radius: 100%; background: hsla(0,0%,100%,0.20); margin: 0 1.05rem;}
.banner .boot .swiper-pagination{ display: flex;}
.banner .boot .swiper-pagination span{ font-size: 0.18rem; line-height: 0.3rem; color: #fff; width: auto; height: auto; background: hsla(0,0%,100%,0.00); padding: 0 0.02rem; margin: 0 0.12rem; font-family: 'Regular'; opacity: 1; position: relative;}
.banner .boot .swiper-pagination span::after{ width: 0; height: 1px; background: #fff; transition: all 0.5s; position: absolute; bottom: 0.01rem; left: 50%; transform: translateX(-50%); content: '';}
.banner .boot .swiper-pagination span.swiper-pagination-bullet-active::after{ width: 100%;}
.banner .boot .swiper-button-next::after,
.banner .boot .swiper-button-prev::after{ display: block; width: 0.08rem; height: 0.08rem; border-radius: 100%; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); content: ''; transition: all 0.5s;}
.banner .boot .swiper-button-prev::after{ transform: translate(-50%,-50%) rotate(180deg);}
.banner .boot .swiper-button-next::before,
.banner .boot .swiper-button-prev::before{ width: 1.05rem; height: 1px; background: url(../images/73.png) no-repeat center; background-size: auto 100%; content: ''; position: absolute; left: 50%; top: 50%; transform: translateY(-50%);}
.banner .boot .swiper-button-next::before{ left: auto; right: 50%;}
.banner .boot .swiper-button-next:hover::after,
.banner .boot .swiper-button-prev:hover::after{ width: 100%; height: 100%; background: url(../images/72.png) no-repeat center; background-size: 100% auto;}

.indexboxnews{ padding: 1.5rem 0;}
.indextits .h{ font-size: 0.72rem; line-height: 1; font-family: 'QIJIC';}
.indexboxnews .list{ display: flex; flex-wrap: wrap; margin: 0 -0.12rem;}
.indexboxnews .list .li{ margin: 0.24rem 0.12rem 0 0.12rem; width: calc((100% - 0.72rem) / 3); height: 7.04rem; background: url(../images/66.png) no-repeat center; background-size: 100% 100%; transition: all 0.5s;}
.indexboxnews .list .li:hover{ background: url(../images/65.png) no-repeat center; background-size: 100% 100%;}
.indexboxnews .list .li .mk{ padding: 0.32rem;}
.indexboxnews .list .li .mk .m{ width: 100%; height: 3.2rem; overflow: hidden;}
.indexboxnews .list .li:hover .mk .m img{ transform: scale(1.1);}
.indexboxnews .list .li .ter{ margin-top: 0.42rem;}
.indexboxnews .list .li .ter .t{ font-size: 0.16rem; line-height: 1; color: #999; margin-bottom: 0.45rem;}
.indexboxnews .list .li .ter .h{ font-size: 0.24rem; line-height: 0.3rem; font-weight: 600; margin-bottom: 0.2rem; transition: all 0.5s;}
.indexboxnews .list .li .ter .p{ font-size: 0.16rem; line-height: 0.3rem; min-height: 0.6rem; color: #666; margin-bottom: 0.35rem;}
.indexboxnews .list .li:hover .ter .h{ color: #D0A864;}
.indexboxnews .list .li:hover .indexmoremax .a{ background: #D0A864 url(../images/37.png) no-repeat center;}

.shouzhengtwobox2{ padding: 1.3rem 0; min-height: 7.87rem;}
.shouzhengtwobox2 .indextitle .h,
.shouzhengtwobox2 .indextitle .h i{ display: block; font-size: 0.48rem; line-height: 0.7rem; text-align: center; font-family: 'Heavy';}
.shouzhengtwobox2 .indextitle .h i{ color: #D0A864;}
.indexboxzhannue{ background: #919191; position: relative; padding: 1.05rem 0 1.4rem 0;}
.indexboxzhannue .top{ display: flex; justify-content: space-between; align-items: flex-end; padding-bottom: 0.2rem; margin-bottom: 1.7rem; border-bottom: 1px solid hsla(0,0%,88%,0.50); position: relative; z-index: 10;}
.indexboxzhannue .top .h{ font-size: 0.72rem; line-height: 1; color: #fff; font-family: 'QIJIC';}
.indexboxzhannue .top .p{ font-size: 0.24rem; color: #E3E3E3; line-height: 0.48rem; font-family: 'Regular';}
.indexboxzhannue .left{ width: 3.6rem;}
.indexboxzhannue .left .h{ font-size: 0.22rem; color: #FFE5B9; line-height: 0.4rem; font-family: 'Heavy'; margin-bottom: 0.3rem;}
.indexboxzhannue .left .p{ font-size: 0.16rem; line-height: 0.38rem; color: #fff; margin-bottom: 0.9rem;}
.indexboxzhannue .left .min a{ display: block; font-size: 0.16rem; color: #fff; line-height: 0.26rem; position: relative; padding-left: 0.24rem; opacity: 0.5; transition: all 0.5s;}
.indexboxzhannue .left .min a:hover{ opacity: 1;}
.indexboxzhannue .left .min a + a{ margin-top: 0.2rem;}
.indexboxzhannue .left .min a::after{ width: 0.24rem; height: 0.26rem; background: url(../images/68.png) no-repeat left center; background-size: 0.12rem auto; position: absolute; top: 0; left: 0; content: '';}
.indexboxzhannue .left .min a.cur{ opacity: 1;}
.indexboxzhannue .right{ position: absolute; top: 0; right: 0; width: 12.95rem; height: 100%; background: url(../images/67.jpg) no-repeat center bottom; background-size: cover; z-index: 0; overflow: hidden;}
.indexboxzhannue .right .swiper{ position: absolute; left: 1.65rem; bottom: 1.9rem; width: 11.5rem;}
.indexboxzhannue .right .swiper .n{ font-size: 0.6rem; color: #FFE5B9; line-height: 1; font-family: 'Georgia'; margin-bottom: 0.15rem; position: relative;}
.indexboxzhannue .right .swiper .h{ font-size: 0.3rem; line-height: 0.4rem; font-weight: 600; margin-bottom: 0.4rem; position: relative; color: #fff;}
.indexboxzhannue .right .swiper .n::after{ content: ''; width: 0.2rem; height: 0.2rem; background: #000; border-radius: 100%; position: absolute; left: -0.55rem; top: 50%; transform: translateY(-50%);}
.indexboxzhannue .right .swiper .p{ font-size: 0.18rem; line-height: 0.3rem; color: #fff;}
.indexboxzhannue .right .swiper .li{ /*width: 3.55rem;*/ height: 4rem; margin-bottom: 1.2rem; position: relative; padding-left: 0.55rem; margin-right: 0.2rem;}
.indexboxzhannue .right .swiper .swiper-slide-next .li{ height: 3.7rem; margin-bottom: 0.86rem;}
.indexboxzhannue .right .swiper .swiper-slide-active .li{ height: 3.55rem; margin-bottom: 0;}
.indexboxzhannue .right .swiper .swiper-slide{ height: auto; display: flex; align-items: flex-end;}
.indexboxzhannue .right .swiper .li::after{ width: 1px; position: absolute; top: 0.3rem; left: 0.1rem; bottom: 0; background: #000; opacity: 0.3; content: '';}

.indexabouts .cont{ padding: 0.8rem 0 1.4rem 0; display: flex; justify-content: space-between; border-left: 1px solid hsla(38,53%,60%,0.30); position: relative;}
.indexabouts{ background: url(../images/76.jpg) no-repeat center bottom; background-size: 100% auto;}
.indexabouts .left{ padding-left: 0.5rem; width: 7.85rem;}
.indexabouts .right img{ display: block; width: 5.49rem; padding-top: 1.9rem;}
.indexabouts .left .ps{ font-size: 0.16rem; line-height: 0.4rem; color: #666; margin-bottom: 1.6rem;}
.indexabouts .left .tit{ margin-bottom: 0.3rem; padding-bottom: 0.3rem; border-bottom: 1px solid #E4E4E4;}
.indexabouts .left .tit .h{ font-size: 0.72rem; line-height: 1; color: #D0A864; position: relative; font-family: 'QIJIC'; margin-bottom: 0.3rem;}
.indexabouts .left .tit .h::after{ content: ''; width: 0.43rem; height: 0.44rem; background: url(../images/75.png) no-repeat center; background-size: 100% auto; position: absolute; top: 50%; left: -0.73rem; transform: translateY(-50%);}
.indexabouts .left .tit .p{ font-size: 0.2rem; line-height: 0.36rem; font-family: 'Regular';}
.indexabouts .left .number{ display: flex;}
.indexabouts .left .number .li + .li{ margin-left: 1.32rem;}
.indexabouts .left .number .li .t{ display: flex; font-size: 0.24rem; color: #D0A864; line-height: 0.54rem; font-family: 'Regular';}
.indexabouts .left .number .li .t i{ font-size: 0.72rem; color: #D0A864; line-height: 1; font-family: 'Georgia'; margin-right: 0.12rem;}
.indexabouts .left .number .li .n{ font-size: 0.16rem; line-height: 0.2rem; margin-top: 0.15rem;}
.indexabouts .indexmoremax{ position: absolute; top: 1.9rem; right: 0; z-index: 10;}
.indexabouts .indexmoremax a{ background: #D0A864 url(../images/37.png) no-repeat center;}
.indexabouts .indexmoremax a:hover{ background: hsla(38,53%,60%,0.10) url(../images/36.png) no-repeat center;}

.indexaboutjianjie{ display: flex; justify-content: space-between; background: #D7D1B9;}
.indexaboutjianjie .img{ display: block; width: 9.6rem; height: 10rem; overflow: hidden;}
.indexaboutjianjie .right{ display: flex;}
.indexaboutjianjie .right .tit{ width: 3.4rem; padding: 1.3rem 0.55rem 0 0;}
.indexaboutjianjie .right .tit .h{ font-size: 0.72rem; line-height: 1; margin-bottom: 0.2rem; font-family: 'QIJIC';}
.indexaboutjianjie .right .tit .p{ font-size: 0.16rem; line-height: 0.32rem; color: #666; margin-bottom: 0.6rem;}
.indexaboutjianjie .right .tit .a{ width: 0.16rem; height: 0.16rem; background: #D0A864; border-radius: 100%; position: relative;}
.indexaboutjianjie .right .tit .a::after{ width: 0.7rem; height: 1px; background: url(../images/78.png) no-repeat left center; background-size: auto 100%; position: absolute; right: -0.7rem; top: 50%; transform: translateY(-50%); content: '';}
.indexaboutjianjie .right .list{ width: 4.8rem; border-left: 1px solid hsla(38,53%,60%,0.30); padding: 3.6rem 0 0.3rem 0;}
.indexaboutjianjie .right .list .li + .li{ margin-top: 0.6rem;}
.indexaboutjianjie .right .list .li a{ display: block; position: relative; padding: 0 0 0 0.36rem;}
.indexaboutjianjie .right .list .li .h{ transition: all 0.5s; font-size: 0.2rem; line-height: 0.3rem; font-family: 'Regular'; margin-bottom: 0.05rem; position: relative;}
.indexaboutjianjie .right .list .li:hover .h{ color: #D0A864;}
.indexaboutjianjie .right .list .li .p{ font-size: 0.16rem; line-height: 0.2rem; color: #808080; font-family: 'Regular'; transition: all 0.5s;}
.indexaboutjianjie .right .list .li:hover .p{ color: #D0A864;}
.indexaboutjianjie .right .list .li .h::after{ content: ''; width: 0.12rem; height: 0.12rem; background: #D0A864; border-radius: 100%; position: absolute; top: 0.09rem; left: -0.43rem;}

.indexaboutnandu{ padding: 1.3rem 0; background: url(../images/69.png) no-repeat center bottom; background-size: 100% auto;}
.indexaboutnandu .tit{ width: 10.42rem; margin: auto; text-align: center; padding-bottom: 1rem;}
.indexaboutnandu .tit .h{ font-size: 0.56rem; line-height: 1; margin-bottom: 0.2rem; font-family: 'QIJIC';}
.indexaboutnandu .tit .p{ font-size: 0.16rem; line-height: 0.3rem; color: #666;}
.indexaboutnandu .list{ width: 16.2rem; margin: auto;}
.indexaboutnandu .img img{ display: block; width: 100%;}
.indexaboutnandu .mk{ height: 3.55rem; position: relative;}
.indexaboutnandu .mk .left{ display: flex; position: absolute; top: 0; left: 1rem;}
.indexaboutnandu .mk .left .top{ width: 1.49rem; height: 2.59rem; background: url(../images/82.png) no-repeat center; background-size: 100% 100%; cursor: pointer; position: relative; opacity: 0.4;}
.indexaboutnandu .mk .left .li.cur .top{ opacity: 1;}
.indexaboutnandu .mk .left .top i{ display: block; width: 0.4rem; font-size: 0.4rem; color: #4A3B1E; font-family: 'Heavy'; line-height: 1; padding-bottom: 0.35rem; background: url(../images/84.png) no-repeat center bottom; background-size: 0.24rem auto; position: absolute; top: 0.3rem; left: 0.62rem;}
.indexaboutnandu .mk .left .p{ font-size: 0.24rem; line-height: 0.44rem; font-family: 'Heavy'; writing-mode: tb; padding-top: 0.3rem; margin-left: -0.15rem; display: none;}
.indexaboutnandu .mk .left .li.cur .p{ display: block;}
.indexaboutnandu .mk .left .li{ display: flex; justify-content: flex-start; align-items: flex-start;}
.indexaboutnandu .mk .right{ position: absolute; bottom: 0; left: 7.5rem;}
.indexaboutnandu .mk .right .wli .li .h{ font-size: 0.3rem; line-height: 1; color: #E9E3D8; font-family: 'Heavy'; width: 0.3rem; padding: 0.72rem 0.1rem 0 0;}
.indexaboutnandu .mk .right .wli .li{ display: flex; align-items: flex-start; padding-left: 0.12rem; position: absolute; left: 0; bottom: 0; height: 2.6rem;}
.indexaboutnandu .mk .right .wli .li:nth-child(2){ left: 4.65rem; height: 3.15rem;}
.indexaboutnandu .mk .right .wli .li::before{ content: ''; width: 1px; top: 0.55rem; bottom: -0.85rem; left: -0.05rem; background: #D0A864; opacity: 0.3; position: absolute;}
.indexaboutnandu .mk .right .wli .li .m{ height: 1.92rem; overflow: hidden;}
.indexaboutnandu .mk .right .wli .li .m img{ display: block; height: 100%;}
.indexaboutnandu .mk .right .wli .li::after{ content: ''; width: 0.14rem; height: 0.14rem; border-radius: 100%; background: #D0A864; position: absolute; left: -0.12rem; top: 0.5rem;}
.indexaboutnandu .mk .right .wli2 .li:nth-child(2){ left: 3.9rem;}
.indexaboutnandu .mk .right .wli{ display: none;}
.indexaboutnandu .mk .right .wli.cur{ display: block;}
.indexaboutnandu .mk .right .wli2 .li .h{ font-size: 1rem; color: #F1ECE3; position: absolute; top: 1.2rem; left: 1.9rem; padding: 0; width: auto;}
.indexaboutnandu .mk .right .wli2 .li:nth-child(2) .h{ top: -0.3rem; left: 2.3rem;}
.indexaboutnandu .mk .right .wli2 .li{ padding-left: 0.26rem;}
.indexaboutnandu .mk .right .wli2 .li .m{ height: 2rem; overflow: hidden;}
.aboutboxfour .top .swiper-slide{ width: auto;}
.aboutboxfour .top .wker{ padding-right: 1.4rem;}

.databanner .text{ position: absolute; top: 3.7rem; left: 50%; transform: translateX(-50%);}
.databanner .text .mk{ padding-left: 0.98rem; position: relative;}
.databanner .text .mk .h{ font-size: 0.48rem; font-weight: 600; color: #fff; margin-bottom: 0.1rem;}
.databanner .text .mk .p{ font-size: 0.28rem; line-height: 0.3rem; color: #fff; font-family: 'Heavy';}
.databanner .text .mk::after{ content: ''; width: 1.65rem; height: 1.68rem; background: url(../images/87.png) no-repeat center; background-size: 100% auto; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.databanner .ter{ position: absolute; top: 0.9rem; left: 0; right: 0; bottom: 0.45rem; display: flex; justify-content: center; align-items: center; text-align: center;}
.databanner .ter .h{ font-size: 0.7rem; line-height: 0.8rem; color: #fff; font-family: 'QIJIC'; margin-bottom: 0.15rem;}
.databanner .ter .p{ font-size: 0.2rem; line-height: 0.3rem; color: #fff; letter-spacing: 2px;}

.cellheaderboxmax{ display: none;}
.cellheaderboxmax .top{ position: fixed; top: 0; left: 0; height: 1rem; right: 0; z-index: 50; background: #D0A864; padding: 0 0.3rem; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 0 10px hsla(0,0%,0%,0.10);}
.cellheaderboxmax .top .logo img{ display: block; height: 34px;}
.cellheaderboxmax .top .sole{ width: 22px; height: 18px; position: relative;}
.cellheaderboxmax .top .sole i{ display: block; width: 100%; height: 2px; border-radius: 2px; background: #fff; position: absolute; top: 0; left: 0;}
.cellheaderboxmax .top .sole i:nth-child(2){ top: 50%; margin-top: -1px;}
.cellheaderboxmax .top .sole i:nth-child(3){ top: auto; bottom: 0;}
.cellheaderboxmax .up{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.8; z-index: 55;}
.cellheaderboxmax2 .up{ display: block;}
.cellheaderboxmax .listbox{ width: 220px; position: fixed; top: 0; right: -220px; opacity: 0; transition: all 0.5s; bottom: 0; background: #fff; z-index: 60;}
.cellheaderboxmax2 .listbox{ right: 0; opacity: 1;}
.cellheaderboxmax .listbox .nav .wli{ border-bottom: 1px solid hsla(0,0%,0%,0.10); padding: 12px 8px;}
.cellheaderboxmax .listbox .nav{ padding: 0 10px; position: absolute; top: 60px; left: 0; right: 0; bottom: 0; overflow-y: auto; }
.cellheaderboxmax .listbox .nav .wli .tit{ display: flex; justify-content: space-between; align-items: center;}
.cellheaderboxmax .listbox .nav .wli .tit a{ font-size: 16px; line-height: 30px;}
.cellheaderboxmax .listbox .nav .wli .tit i{ display: block; width: 20px; height: 20px; background: url(../images/88.png) no-repeat center; background-size: 9px auto; transition: all 0.5s;}
.cellheaderboxmax .listbox .nav .wli .tit i.i2{ transform: rotate(90deg);}
.cellheaderboxmax .listbox .nav .wli .min a{ display: block; padding: 0 0 0 15px; position: relative; font-size: 14px; line-height: 30px;}
.cellheaderboxmax .listbox .nav .wli .min a::after{ content: ''; width: 4px; height: 4px; border-radius: 100%; position: absolute; top: 50%; left: 3px; background: #000; margin-top: -2px; opacity: 0.3;}
.cellheaderboxmax .listbox .nav .wli .down{ padding-top: 5px; display: none;}
.cellheaderboxmax .listbox .sole{ width: 20px; height: 20px; position: absolute; top: 10px; right: 10px;}
.cellheaderboxmax .listbox .sole i{ display: block; width: 100%; height: 2px; background: #000; border-radius: 2px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.cellheaderboxmax .listbox .sole i:nth-child(2){ transform: translate(-50%,-50%) rotate(-45deg);}

.indexzoombox{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 150; overflow: hidden; background: #fff;}
.indexzoombox .mkbox{ width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; background: url(../images/89.jpg) no-repeat center; background-size: cover;}
.indexzoombox .mkbox .m img{ width: 1.66rem; display: block; margin: 0 2rem; transform: scale(0); opacity: 0;}
.indexzoombox .mkbox .mk{ display: flex; align-items: center;}
.indexzoombox .mkbox .mk .i{ width: 6px; height: 6px; background: #fff; border-radius: 100%; position: relative; opacity: 0;}
.indexzoombox .mkbox .mk .i i{ display: block; width: 0; height: 1px; background: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.indexzoombox .mkbox .mk .i2 i{ right: auto; left: 0;}

.indexzoombox .mkbox .m img{ animation: myfirst1 1.2s; animation-fill-mode: forwards; animation-delay: 1s;}
@keyframes myfirst1{
	from { transform: scale(0); opacity: 0; }
	to   { transform: scale(1); opacity: 1; }
}
.indexzoombox .mkbox .mk .i{ animation: myfirst2 1.2s; animation-fill-mode: forwards; animation-delay: 2.2s;}
@keyframes myfirst2{
	from { opacity: 0; }
	to   { opacity: 1; }
}
.indexzoombox .mkbox .mk .i i{ animation: myfirst3 1.2s; animation-fill-mode: forwards; animation-delay: 3.4s;}
@keyframes myfirst3{
	from { width: 0; }
	to   { width: 10rem; }
}
.indexzoombox{ animation: myfirst4 1.2s; animation-fill-mode: forwards; animation-delay: 5s;}
@keyframes myfirst4{
	from { height: 100%; }
	to   { height: 0; }
}

.indexrightnav{ position: fixed; right: 0.17rem; top: 50%; transform: translateY(-50%); z-index: 50;}
.indexrightnav .li + .li{ margin-top: 0.12rem;}
.indexrightnav .li{ position: relative; cursor: pointer;}
.indexrightnav .li .m{ width: 0.64rem; height: 0.64rem; background: #D0A864; border-radius: 100%; overflow: hidden;}
.indexrightnav .li .m img{ display: block; width: 100%; transition: all 0.5s;}
.indexrightnav .li:hover .m img{ transform: rotateY(180deg);}
.indexrightnav .li.top .m{ background: hsla(0,0%,0%,0.20);}
.indexrightnav .li .p{ font-size: 0.28rem; line-height: 1; color: #fff; font-family: 'Georgia'; background: #D0A864; position: absolute; top: 50%; right: 0.84rem; border-radius: 0.1rem; padding: 0.15rem; white-space: nowrap; transform: translateY(-50%); display: none;}
.indexrightnav .li:hover .p{ display: block;}
.indexrightnav .li .p::after{ content: ''; width: 0.1rem; height: 0.1rem; position: absolute; top: 50%; right: -0.05rem; transform: translateY(-50%) rotate(45deg); background: #D0A864;}
.indexrightnav .li .p .i{ font-size: 0.14rem; line-height: 1; color: #fff; text-align: center; margin-top: 0.1rem;}
.indexrightnav .li .p img{ display: block; height: 1.1rem; margin: auto;}