@charset "utf-8";
/* CSS Document */
body{
	font-size:12px;
	font-weight:normal;
	color:#333333;
	line-height:1.5;
	font-family:Arial, Helvetica, sans-serif;
	margin:auto;
	background: #9B7865;
}
@font-face
{
	font-family: 思源黑体;
	src: url('../font/思源黑体 CN-Light.otf'),
	url('../font/思源黑体 CN-Light.otf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: DIN;
	src: url('../font/DIN-Bold.otf'),
	url('../font/DIN-Bold.otf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: Roboto;
	src: url('../font/Roboto-Regular.ttf'),
	url('../font/Roboto-Regular.ttf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: Source;
	src: url('../font/Source-Han-Serif-CN-Bold.ttf'),
	url('../font/Source-Han-Serif-CN-Bold.ttf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: SUIT;
	src: url('../font/zt.TTF'),
	url('../font/zt.TTF'); /* IE9+,可以是具体的实际链接 */
}
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	}
img{
	border:0;
	}
ul,li{
	list-style:none;
	}
a{
	color:#333333;
	text-decoration:none;
	transition: all 0.6s;
	}
a:hover{
	color:#DA2122;
	text-decoration: none;
	}
table{ 
	margin: auto;
	}
i{ font-style:normal}
em{ font-style:normal}



@keyframes dbxg{

  0% {
	transform: scale(0.5);  
  }
  
   100% {
	transform: scale(1.0);  
  }
}
@keyframes myrotecircle{

  0% {

    -webkit-transform: rotate(0deg);

    -moz-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    transform: rotate(0deg);

  }

  25% {

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(90deg);

  }

  50% {

    -webkit-transform: rotate(180deg);

    -moz-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

  }

  75% {

    -webkit-transform: rotate(270deg);

    -moz-transform: rotate(270deg);

    -ms-transform: rotate(270deg);

    -o-transform: rotate(270deg);

    transform: rotate(270deg);

  }

  100% {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}


.header.yanse a{
	color: #fff;
}
.header.yanse a i{
	color: #fff;
}
.header.yanse .cur{
	color: #FFFFFF;
}
.header.yanse .zyw a{
	color:#FFF;
}
.header.yanse.yanse01 a{
	color: #FFFFFF;
}



@media (min-width:1000px) {

.main{
	width: 100%;
	float:left;
	padding:0 5.2vw;
}
.main.ny{
	width: auto;
	margin:auto;
	float:none;
	max-width:62.5%;
}
.header{
	width: 100%;
	position: fixed;
	height: 4.375rem;
	top: 0;
	left: 0;
	z-index: 9999;
	transition: all 0.6s;
}
.intop{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	padding:0 5.2vw;
	height: 4.375rem;
}
.header .logo{
	width: auto;
	height: 4.375rem;
	max-width: 10.875%;
	display: flex;
	align-items: center;
}
.header .logo img{
	max-width: 100%;
	max-height: 100%;
}
.header .innav{
	width: auto;
	height: 4.375rem;
}
.header .innav ul{
	display: flex;
	align-items: center;
	height: 4.375rem;
}
.header .innav ul li{
	width: auto;
	text-align: center;
	align-items: center;
	display: flex;
	margin-left:1.5vw;
	margin-right:1.5vw;
	color: var(---white, #FFF);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.header .innav ul li.pos{
	position:relative;
}
.header .innav ul li.pos .xiala{
	padding:1.0rem;
	padding-top:0rem;
	width:200px;
	
}
.header .innav ul li.pos .xiala dl{
	width:100%;
	max-width:100%;
}
.header .innav ul li.pos .xiala dl dt{
	padding-bottom:0px;
	
}
.header .innav ul li.pos .xiala dl dd{
	font-size:1.0rem;
	
}
.header .innav ul li a{
	/*padding:0 0.5rem;*/
	/*white-space: nowrap;*/
	border-radius:8px;
	align-items: center;
	text-align: left;
	display: flex;
}
.header .innav ul li a.c01{
	height: 4.375rem;
}
.header .innav ul li a.jt::after{
	width:1.25rem;
	height:0.625rem;
	content:'';
	background-image:url(../img/arrow.svg);
	background-position:center;
	background-repeat:no-repeat;
	margin-left:0.32rem;
}
.header .innav ul li:last-child a{
	margin-right: 0px;
}

.header.yanse .innav ul li a.jt:hover::after{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	-webkit-transition:all .25s ease 0s;
	-moz-transition:all .25s ease 0s;
	-o-transition:all .25s ease 0s;
	transition:all .25s ease 0s;
}
.header.yanse .innav ul li:hover a.jt::after{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	-webkit-transition:all .25s ease 0s;
	-moz-transition:all .25s ease 0s;
	-o-transition:all .25s ease 0s;
	transition:all .25s ease 0s;
}
.header.yanse .innav ul li:hover .xiala a{
	background-color:transparent;
}
.header.yanse.yanse01 .innav ul li:hover .xiala a{
	background-color:transparent;
}
.header.yanse{
	background: var(--Color-3, #141414);
	top:0;
	border-bottom:1px solid rgba(0,0,0,0.1);
}
.header.yanse.yanse01{
	background: var(--Color-3, #141414);
	top:0;
	border-bottom:0px;
}

.header .innav ul li .xiala{
	width:100%;
	position:absolute;
	top:4.375rem;
	left:0;
	border-top: 1px solid var(--10, rgba(255, 255, 255, 0.10));
	background: var(--Color-4, #9B7865);
	transition: all 0.1s;
	opacity:0;
	visibility:hidden;
	padding:4.5rem 5.2vw;
	color:#FFF;
	display: flex;
	justify-content: space-between;
}
.header .innav ul li:hover .xiala{
	opacity:1;
	visibility:visible;
}
.header.yanse .innav ul li .xiala a{
	color:#FFF;
}
.header .innav ul li .xiala dl{
	max-width:15%;
	margin-right:1.0rem;
}
.header .innav ul li .xiala dl dt{
	color: var(---white, #FFF);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	/*text-transform: uppercase;*/
	padding-bottom:1.25rem;
	text-align:left;
}
.header .innav ul li .xiala dl dd{
	color: var(---white, #FFF);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	/**/
	margin-top:1.25rem;
	display: -webkit-box; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	-webkit-line-clamp: 1; 
	-webkit-box-orient: vertical;
}
.header .innav ul li .xiala dl dd a{
	color: var(---white, #FFF);
	padding:0;
}
.header .innav ul li .xiala .a01{
	width:auto;
	max-width:20%;
	text-align:left;
	margin-left:1.0rem;
}
.header .innav ul li .xiala .a01 img{
	max-width:100%;
}
.header .innav ul li .xiala .a01 p{
	margin-top:1.56rem;
	color: var(---white, #FFF);
	font-size: 0.875rem;
	text-align: center;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	
}
.header .innav ul li .xiala .a01 h1{
	display:flex;
}

.inr{
	width:auto;
	align-items: center;
	display: flex;
	position:relative;
}
.info{
	width:auto;
	position:relative;
}
.info a{
	width: auto;
	    padding-bottom: 0.5rem;
	display:flex;
	justify-content: center;
	align-items: center;
	color: var(---white, #FFF);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 200%;
	
}
.info a.a01::before{
	width: 1.04169rem;
	height: 1.04169rem;
	margin-right:0.73rem;
	content:'';
	background-image:url(../img/qiu.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.info a.a01::after{
	height: 0.625rem;
	width: 1.25rem;
	margin-left:0.12rem;
	content:'';
	background-image:url(../img/arrow.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.info .xiala{
    width: 9rem;
    position: absolute;
    top: 3rem;
    right: 0;
	background-color:rgba(0,0,0,1);
	transition: all 0.6s;
	opacity:0;
	visibility:hidden;
	padding:1.0rem;
	color:#FFF;
	font-size:0.875rem;
	line-height:2.0rem;
	text-align:center;
}
.info:hover .xiala{
	opacity:1;
	visibility:visible;
}
.search{
	width: auto;
	height: auto;
	display:flex;
	justify-content: center;
	align-items: center;
	margin-right:2.5rem;
}

.chax{
	right:0; 
	top:2.9rem;
	position: absolute;
	width:300px; 
	z-index:99999;
	display: none;
}
.chax　.aa{
	display: flex;
	width:363px;
	height:44px;
	background-color:#FFF;
	border-radius:4px;
	overflow:hidden;
}
.chax input{
	float: left;
}
.chaxbk{
	width: 220px;
	height: 44px;
	line-height: 44px;
	border: 0px;
	background-color: #fff;
	outline: none;
	padding-left: 10px;
	color: #999999;
	font-family: "微软雅黑";
	font-size: 14px;
	color: #999999;
}
.chaxanniu{
	width: 80px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	cursor: pointer;
	background-color:#000;
	color: #FFFFFF;
	border: 0px;
	outline:none;
}

.inbk{
	width:calc(100% - 20px);
	border:0px;
	line-height:20px;
	outline:none;
	background-color:transparent;
	font-size:14px;
	color:#FFF;
}

.inbanner{
	width:100%;
	float:left;
	height:100vh;
	position:relative;
}
.swiper-container {
	width: 100%;
	height: 100%;
	background: #9B7865;
	transition: 1s background-color 1.3s;
}
.swiper-wrapper {
	transition-delay: 1s;
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
}
.swiper-slide {
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.title{
	transition-delay: 1s;
	z-index: 10;
	padding:0 8.33vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	width:100%;
}
.title .a01{
	width:45.5%;
}
.title h3.b01{
	color: var(---white, #FFF);
	font-size: 2.25rem;
	font-style: normal;
	line-height: normal;
	
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 2px #fff;
}
.title h3.b02{
	color: var(---white, #FFF);
	font-size: 3.2rem;
	font-style: normal;
	line-height: 120%; /* 4.8rem */
	
	margin-top:1.25rem;
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 2px #fff;
}
.title h3.b03{
	font-size: 3rem;
	line-height:1.6;
	margin-top:1rem;
	}
.title h3.b04{
	font-size:2rem;
	margin-top:1rem;line-height:1.6;
	}
.title h3.b05{
	font-size:1.7rem;
	margin-top:1rem;line-height:1.6;
		-webkit-text-stroke: 1px #fff;
	}
.title .a01 .more{
	display:flex;
	margin-top:5.63rem;
}
.title .a01 .more a{
	padding: 1rem 3rem;
	border-radius: 6.25rem;
	border: 1px solid var(--30, rgba(255, 255, 255, 0.30));
	color: var(---white, #FFF);
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	
}
.title h3{
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 0px #fff;
	font-weight: 300;
}
.img-box {
	width: 100%;
	height: 100%;
	position: absolute;
	transform: scale(0.6, 0.6);
	transition-duration: 1s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
	opacity: 0.9;
	overflow: hidden;
}
.img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.2, 1.2) translateX(50%);
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
	transition-property: transform;
}
.button-prev, .button-next {
	transition: 0.5s;
	outline: none;
	position: absolute;
	width: 140px;
	z-index: 10;
	top: 85vh;
	transform: translateY(-34px);
	cursor: pointer;
}
.button-prev {
	left: 4vw;
}
.button-next {
	right: 4vw;
}
.button.disabled {
	opacity: 0.2;
	cursor: default;
}
#arrow-svg-home {
	transform: translateY(353px);
}
.button-next #arrow-svg-home {
	transform: translateY(353px) rotateY(180deg);
	transform-origin: 80px 0px 0px;
}
svg {
	transition: 0.5s;
}
.cls-1 {
	transition: 0.5s;
	opacity: 0.4;
	transform-origin: -20px 40px;
	opacity: 1;
}
.cls-4 {
	transition: 0.5s;
	stroke-width: 2px;
	stroke: #fff;
	fill: none;
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
	opacity: 0.4;
	transform-origin: 0px 0px 0px;
}
#arrow-trg {
	transition: 0.5s;
	fill: #fff;
	transform: rotateY(180deg) translate(-53px, 39px);
}
#line {
	transition: 0.5s;
	stroke: #fff;
	transform: translate(50px, 42px);
}
.button-prev:not(.disabled):hover svg {
	transform: translateX(-25px);
}
.button-next:not(.disabled):hover svg {
	transform: translateX(25px);
}
.button:not(.disabled):hover .cls-1 {
	transform: scale(1.1);
}
.button:not(.disabled):hover .cls-4 {
	stroke-dasharray: 2px;
	stroke-dashoffset: 2px;
	opacity: 1;
}
.button:not(.disabled):hover #arrow-trg {
	transform: rotateY(180deg) translate(-37px, 39px);
}
.button:not(.disabled):hover #line {
	transform: translate(35px, 42px) scaleX(0.33);
}




.index01{
	width:100%;
	height: 59.375rem;
	float:left;
	background: var(--Color-4, #9B7865);
	position:relative;
	text-align:center;
}
.index01 h1{
	margin-top:10rem;
	color: var(--Color, #D6CEC5);
	font-size: 4rem;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 6rem */
	
}
.index01 h2{
	color: var(--Color, #D6CEC5);
	font-size: 8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 12rem */
	
}
.index01 .pic{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:11;
	text-align:center;
	display:flex;
	justify-content: center;
}
.index01 .pic img{
	max-width:82.5%;
}
.intit{
	width:100%;
	float:left;
	margin-top:6.25rem;
	display:flex;
	justify-content: center;
	text-align:center;
}
.intit .a01{
	width:100%;
}
.intit .a01 dl dt{
	color: var(--Color, #D6CEC5);
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 4.5rem */
	
	text-transform: uppercase;
}
.intit .a01 dl dt.f6{
	font-size: 6rem;
	text-transform: uppercase;
}
.intit .a01 dl dd{
	color: var(--60, rgba(255, 255, 255, 0.60));
	text-align: center;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.8rem */
	margin-top:1.25rem;
}
.intit .a01 .more{
	display:flex;
	justify-content: center;
	margin-top:2.5rem;
}
.intit .a01 .more a{
	padding: 1rem 3rem;
	text-align:center;
	font-size: 1.25rem;
	color: var(--Color, #D6CEC5);
	border-radius: 3.125rem;
	border: 1px solid var(--30, rgba(255, 255, 255, 0.30));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	
	position:relative;
	overflow:hidden;
}

.intit .a01 .more a i{
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:11;
	position:absolute;
	display:flex;
	align-items: center;
	justify-content: center;
	opacity:0;
}
.intit .a01 .more a:hover i{
	opacity:1;
}
.intit .a01 .more a::before{
	width:0;
	position:absolute;
	top:0;
	left:0;
	transition: all 0.6s;
	background-color:#FFF;
	content:'';
	display:inline-block;
	height:100%;
}
.intit .a01 .more a:hover::before{
	width:100%;
}
.intit .a01 .more a:hover{
	color:#000;
}

.index02{
	width:100%;
	float:left;
	margin-top:6.25rem;
}
.index02 ul li{
	width:19rem;
	float:left;
	margin-right:0.5rem;
	overflow:hidden;
	border:1px solid rgba(255,255,255,0.30);
}
.index02 ul li img{
	max-width:100%;
	height:auto;
	display:block;
	transition: all 0.6s;
}
.index02 ul li:hover img{
	transform: scale(1.05);
}
#tpgd {
	overflow:hidden;
	width: 100%; 
} 
#intpgd {
	float: left;
	width: 1800%; 
} 
#tpgd1 {
	float: left; 
} 
#tpgd2 {
	float: left; 
}

.index03{
	width:100%;
	float:left;
	margin-top:3.75rem;
	overflow:hidden;
}
.index03 img{
	width:100%;
	height:auto;
	display:block;
	transition: all 0.6s;
}
.index03:hover img{
	transform: scale(1.05);
}

.inpro{
	width:100%;
	float:left;
}
.inpro ul{
	display: flex;
	flex-wrap: wrap;
}
.inpro ul li{
	width:calc(25.2% - 1.88rem);
	margin-right:1.88rem;
	margin-top:3.75rem;
	border:1px solid rgba(255,255,255,0.30);
}
.inpro ul li:nth-child(4n){
	margin-right:0px;
}
.inpro ul li .pic{
	overflow:hidden;
	display:flex;
	position:relative;
}
.inpro ul li .pic::before{
	width: 2.25rem;
	height: 2.25rem;
	position:absolute;
	top:1.25rem;
	right:1.25rem;
	z-index:11;
	content:'';
	background-image:url(../img/plus-circle.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	opacity:0;
}
.inpro ul li:hover .pic::before{
	opacity:1;
}
.inpro ul li .pic img{
	width:100%;
	height:auto;
	transition: all 0.6s;
}
.inpro ul li:hover .pic img{
	transform: scale(1.05);
}
.inpro ul li dl dt{
	margin-top:1.88rem;
	text-align:center;
	color: var(--Color, #D6CEC5);
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 1.5rem */
	
}
.inpro ul li dl dd{
	margin-top:0.69rem;
	color: var(--30, rgba(255, 255, 255, 0.30));
	text-align: center;
	font-size: 0.625rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 0.9375rem */
	
}
.inpro ul li .pic01{
	display:inline-block;
}
.inpro ul li .pic02{
	display: none;
}
.inpro ul li:hover .pic01{
	display:none;
}
.inpro ul li:hover .pic02{
	display:inline-block;
}
.inmore{
	display:flex;
	justify-content: center;
	margin-top:3.75rem;
	width:100%;
	float:left;
}
.inmore a{
	padding: 1rem 3rem;
	text-align:center;
	border-radius: 3.125rem;
	border: 1px solid var(--30, rgba(255, 255, 255, 0.30));
	color: var(--Color, #D6CEC5);
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	
	position:relative;
	overflow:hidden;
}
.inmore a i{
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:11;
	position:absolute;
	display:flex;
	align-items: center;
	justify-content: center;
	opacity:0;
}
.inmore a:hover i{
	opacity:1;
}
.inmore a::before{
	width:0;
	position:absolute;
	top:0;
	left:0;
	transition: all 0.6s;
	background-color:#FFF;
	content:'';
	display:inline-block;
	height:100%;
}
.inmore a:hover::before{
	width:100%;
}
.inmore a:hover{
	color:#000;
}

.index05{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: var(--Color, #D6CEC5);
	margin-top:8.75rem;
}
.index05 .pic{
	width:50%;
	overflow:hidden;
}
.index05 .pic img{
	width:100%;
	min-height:100%;
	min-width:100%;
	transition: all 0.6s;
}
.index05 .pic:hover img{
	transform: scale(1.05);
}
.index05 .tex{
	width:50%;
	padding:8.0rem 5.0rem;
}
.index05 .tex.black h1{
	color: var(---black, #000);
}
.index05 .tex.black .bk{
	color: var(---black, #000);
}
.index05 .tex.black .anniu{
	background: var(---black, #000);
	color: var(--Color, #D6CEC5);
}
.index05 .tex h1{
	color: var(--Color-4, #9B7865);
	font-size: 2.1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 3.375rem */
	margin-bottom:2.5rem;
}
.index05 .tex ul li{
	width:100%;
	float:left;
	padding-bottom:1.88rem;
	border-bottom:1px solid rgba(0, 0, 0, 0.30);
	margin-top:3.75rem;
}
.index05 .tex ul li:last-child{
	margin-top:6.25rem;
	border-bottom:0px;
	padding-bottom:0px;
}
.bk{
	width:100%;
	border:0px;
	color: var(--Color-4, #9B7865);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	font-family: SUIT;
	outline:none;
	line-height:24px;
	background-color:transparent;
}
.anniu{
	padding: 1rem 3rem;
	text-align:center;
	border-radius: 3.75rem;
	background: var(--Color-4, #9B7865);
	border:0px;
	color: var(--Color, #D6CEC5);
	font-family: SUIT;
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	
	cursor:pointer;
}
.foot{
	width:100%;
	float:left;
	padding-top:6.25rem;
	background: var(--Color-3, #141414);
}
.foot01{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.foot01 dl dt{
	color: var(---white, #FFF);
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	
	padding-bottom:0.5rem;
}
.foot01 dl dt a{ color:#FFF}
.foot01 dl dd{
	color: var(---white, #FFF);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top:1.06rem;
}
.foot01 dl dd a{
	color: var(---white, #FFF);
}
.foot01 dl dd a:hover{
	color:#FFF;
}
.foot01 dl dd.mart25{
	margin-top:25px;
}
.foot02{
	width:100%;
	margin-top:5.25rem;
	float:left;
	text-align:center;
	color:#FFF;
}
.foot02 h1{
	font-size: 1.25rem;
	line-height: 180%; /* 2.25rem */
}
.foot02 ul{
	display: flex;
	justify-content: center;
	margin-top:0.94rem;
}
.foot02 ul li{
	width:auto;
	margin-left:0.625rem;
	margin-right:0.625rem;
	display:flex;
}
.foot03{
	width:100%;
	float:left;
	margin-top:2.5rem;
	padding:2.5rem 0;
	border-top:1px solid rgba(255,255,255,0.20);
	font-size:font-size: 0.75rem;;
	text-align:center;
	color:rgba(255,255,255,0.60);
}

.nycon{
	width:100%;
	float:left;
	margin-top:6.25rem;
}
.nycon-l{
	width:18.7%;
	float:left;
	overflow:hidden;
}
.zlm{
	width:100%;
	float:left;
}
.zlm dl dt{
	color: var(---white, #FFF);
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-top:3.75rem;
}
.zlm dl dt a{color: var(---white, #FFF);}
.zlm dl dd{
	margin-top:1.25rem;
	color: var(---white, #FFF);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	
}
.zlm dl dd a{
	color: var(---white, #FFF);
}
.fil{
	width:100%;
	float:left;
	border-bottom:1px solid rgba(255,255,255,0.3);
	padding-bottom:1.37rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.chaxbk2{
	width:auto;
	max-width:80%;
	border:0px;
	outline:none;
	background-color:transparent;
	color: var(--30, rgba(255, 255, 255, 0.30));
	font-family: "Microsoft YaHei";
	font-size: 0.8125rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	
}
.chaxbk2::placeholder{color: var(--30, rgba(255, 255, 255, 0.30));}
.nycon-r{
	width:74.5%;
	float:right;
}
.prolist{
	width:100%;
	float:left;
}
.prolist ul{
	display: flex;
	flex-wrap: wrap;
}
.prolist ul li{
	width:calc(33.7% - 1.88rem);
	margin-right:1.88rem;
	margin-bottom:3.75rem;
	
}
.prolist ul li:nth-child(3n){
	margin-right:0px;
}
.prolist ul li .pic{
	overflow:hidden;
	display:flex;
	position:relative;
	border:1px solid rgba(255,255,255,0.30);
}
.prolist ul li .pic::before{
	width: 2.25rem;
	height: 2.25rem;
	position:absolute;
	top:1.25rem;
	right:1.25rem;
	z-index:11;
	content:'';
	background-image:url(../img/plus-circle.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	opacity:0;
}
.prolist ul li:hover .pic::before{
	opacity:1;
}
.prolist ul li .pic img{
	width:100%;
	height:auto;
}
.prolist ul li dl dt{
	margin-top:1.88rem;
	text-align:center;
	color: var(--Color, #D6CEC5);
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 1.5rem */
	
}
.prolist ul li dl dd{
	margin-top:0.69rem;
	color: var(--30, rgba(255, 255, 255, 0.30));
	text-align: center;
	font-size: 0.625rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 0.9375rem */
	
}
.prolist ul li .pic01{
	display:inline-block;
}
.prolist ul li .pic02{
	display: none;
}
.prolist ul li:hover .pic01{
	display:none;
}
.prolist ul li:hover .pic02{
	display:inline-block;
}

.fy{
	width:100%;
	float:left;
	margin-top:2.5rem;
	margin-bottom:8.75rem;
}
.fy ul{
	display: flex;
	flex-wrap: wrap;
}
.fy ul.center{
	justify-content: center;
}
.fy ul li{
	width: 3.125rem;
	height: 3.125rem;
	display:flex;
	margin-left:5px;
	margin-right:5px;
	transition: all 0.6s;
}
.fy ul li a{
	width: 3.125rem;
	height: 3.125rem;
	text-align:center;
	font-size: 0.875rem;
	color: var(--Color, #D6CEC5);
	line-height:3.125rem;
	font-family:'宋体';
	transition: all 0.6s;
	border-radius: 1.5rem;
	border: 1px solid var(--30, rgba(255, 255, 255, 0.30));
	/* Drop Shadow */
	box-shadow: 15px 20px 40px 0px rgba(0, 34, 63, 0.12);

}
.fy ul li a:hover{
	background: var(--ab-7-f-62, #AB7F61);
	color:#FFF;
	border:1px solid #AB7F61;
}
.fy ul li .cur{
	background: var(--ab-7-f-62, #AB7F61);
	color:#FFF;
	border:1px solid #AB7F61;
}

.proshow{
	width:100%;
	float:left;
	margin-top:4.375rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.proshow-l{
	width:50%;
	background-color:#F2F2F2;
	position:relative;
}
.swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-slide.a01 img{
}
.swiper{
	width: 100%;
	float:left;
}

.swiper-slide{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	width:100%;
}
.mySwiper2{
	height: auto;
	width: 100%;
}

.mySwiper {
	height: auto;
	box-sizing: border-box;
	padding: 10px 0;
}
.mySwiper.b01{
	margin-top:1.25rem;
}
.mySwiper .swiper-slide {
	width: 10%;
	height: 100%;
	opacity: 0.6;
}
.mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
	content:">";
	color:#fff;
	font-family:'宋体';
	font-size:14px;
	font-weight:bold;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
	content:"<";
	color:#fff;
	font-family:'宋体';
	font-size:14px;
	font-weight:bold;
}
.proshow-r{
	width:50%;
	display:flex;
	    padding: 7.5rem 5.2vw 6.5rem 7.5rem;
	background: var(--Color, #D6CEC5);
}
.proshow-r .a01{
	width:100%;
	font-size:14px;
	line-height:24px;
}
.proshow-r .a01 b{
	font-size:16px;
}
.proshow-r .a01 h1{
	color: var(---black, #000);
	font-size: 2.8rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 6rem */
	
}
.subNavBox{
	width:100%;
	float:left;
}
.subNav{
	width:100%; 
	float:left;
	padding:2.5rem 0;
	DISPLAY: block;  
	CURSOR: pointer;
	text-align:left; 
	border-bottom:1px solid #333;
	font-size: 1rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	font-weight:bold;
	line-height: 180%; /* 1.8rem */
}
.subNav::after{
	width: 1rem;
	height: 1rem;
	content:'';
	background-image:url(../img/jiah.svg);
	background-position:center;
	background-repeat:no-repeat;
	display:inline-block;
	-webkit-transition:all .25s ease 0s;
	-moz-transition:all .25s ease 0s;
	-o-transition:all .25s ease 0s;
	transition:all .25s ease 0s;
}
.currentDd{
	border-bottom:0px solid rgba(0,0,0,0.10);
	padding-bottom:0px;
}
.currentDd::after{
	background-image:url(../img/jianh.svg);
	background-position:center;
	background-repeat:no-repeat;
}
.navContent{
	display: none;
	float:left; 
	width:100%;
	color: var(---black, #000);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.35rem */
	border-bottom:1px solid #333;
	padding-bottom:2.5rem;
	margin-top:0.75rem;
}

.pictit{
	width:100%;
	float:left;
	margin-top:4.37rem;
	color: var(---black, #000);
	font-size: 0.625rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 0.9375rem */
	
}

.subNavBox2{
	width:100%;
	float:left;
	margin-top:6.25rem;
}
.subNav2{
	width:100%; 
	float:left;
	padding:2.0rem 2.5rem;
	DISPLAY: block;  
	CURSOR: pointer;
	text-align:left; 
	border: 1px solid var(--30, rgba(255, 255, 255, 0.30));
	font-size: 1.25rem;
	color: var(---white, #FFF);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	font-weight:bold;
	line-height: 180%; /* 1.8rem */
	margin-top:0.62rem;
}
.subNav2::after{
	content:"+";
}
.currentDd2{
	border-bottom:0px solid rgba(0,0,0,0.10);
	background-color:rgba(255,255,255,0.30);
}
.currentDd2::after{
	content:"-";
}
.navContent2{
	display: none;
	float:left; 
	width:100%;
	color: rgba(255, 255, 255, 0.60);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.35rem */
	padding:2.0rem 2.5rem;
	padding-top:0px;
	border: 1px solid var(--30, rgba(255, 255, 255, 0.30));
	border-top:0px solid var(--30, rgba(255, 255, 255, 0.30));
	background-color:rgba(255,255,255,0.30);
}
.navContent2 div{
	width:69%;
}

.nab{
	width:100%;
	float:left;
	margin-top:4.375rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	background: var(--Color, #D6CEC5);
}
.nab .tex{
	width:50%;
	padding:0 6.25rem;
	padding-right:11.5rem;
	color: var(---black, #000);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.35rem */
}
.nab .tex h1{
	font-size: 4rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}
.nab .tex h2{
	margin-top:8.69rem;
	margin-bottom:1.69rem;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 2.4rem */
	
}
.nab .pic{
	width:50%;
	overflow:hidden;
}
.nab .pic img{
	width:100%;
	height:auto;
	display:block;
}

.nab02{
	width:100%;
	float:left;
	margin-top:2.5rem;
}
.nab02 ul li{
	width:100%;
	float:left;
	padding:6.25rem 0;
	border-bottom:1px solid rgba(255, 255, 255, 0.30);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	transition: all 0.6s;
}
.nab02 ul li .a01{
	width:auto;
	display: flex;
	color: var(--30, rgba(255, 255, 255, 0.30));
	font-family: "HarmonyOS Sans SC";
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: 180%; /* 2.25rem */
	transition: all 0.6s;
}
.nab02 ul li .a01 b{
	font-size: 6rem;
	margin-left:5.0rem;
	font-style: normal;
	line-height:6.0rem;
	transition: all 0.6s;
}
.nab02 ul li .a02{
	width:33%;
	color: rgba(255, 255, 255, 0.60);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 1.875rem */
}
.nab02 ul li:hover .a01{
	color: var(--Color, #D6CEC5);
}
.nab02 ul li:hover .a01 b{
	color: var(--Color, #D6CEC5);
}
.nab03{
	width:100%;
	float:left;
	position:relative;
	margin-top:8.75rem;
}
.nab03 img{
	width:100%;
	height:auto;
	display:block;
}
.nab03 .tex{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	padding:0 5.2vw;
	display:flex;
	align-items: center;
}
.nab03 .tex div{
	width:31%;
	color: var(---black, #000);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 1.125rem */
}

.nab04{
	width:100%;
	float:left;
	margin-top:4.375rem;
	padding:16.5rem 5.2vw;
	background-image:url(../img/ab03.png);
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	display:flex;
}
.nab04 .a01{
	width:40%;
}
.nab04 .a01 dl dt{
	color: var(---white, #FFF);
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	
}
.nab04 .a01 dl dd{
	margin-top:3.56rem;
	color: var(---white, #FFF);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 1.3125rem */
}
.nab04 .a01 .more{
	display:flex;
	margin-top:4.63rem;
}
.nab04 .a01 .more a{
	padding: 1rem 3rem;
	border-radius: 3.125rem;
	border: 1px solid var(--30, rgba(255, 255, 255, 0.30));
	color: var(---white, #FFF);
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	
	position:relative;
	overflow:hidden;
}

.nab04 .a01 .more a i{
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:11;
	position:absolute;
	display:flex;
	align-items: center;
	justify-content: center;
	
	opacity:0;
}
.nab04 .a01 .more a:hover i{
	opacity:1;
}
.nab04 .a01 .more a::before{
	width:0;
	position:absolute;
	top:0;
	left:0;
	transition: all 0.6s;
	background-color:#FFF;
	content:'';
	display:inline-block;
	height:100%;
}
.nab04 .a01 .more a:hover::before{
	width:100%;
}
.nab04 .a01 .more a:hover{
	color:#000;
}

.nab05{
	width:100%;
	float:left;
	margin-top:1.25rem;
}
.nab05 ul li{
	width:100%;
	float:left;
	padding:5.0rem 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	transition: all 0.6s;
}
.nab05 ul li a{ color:#FFF;}
.nab05 ul li .a01{
	width:auto;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	
}
.nab05 ul li .a03{
	width:36%;
	color: var(--Color, #D6CEC5);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	
}
.nab05 ul li .a02{
	width:33%;
	color: rgba(255, 255, 255, 0.60);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 1.875rem */
}
.nab05 ul li:hover .a01{
	color: var(--Color, #D6CEC5);
}
.nab05 ul li:hover .a01 b{
	color: var(--Color, #D6CEC5);
}

.newcon{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top:10rem;
}
.newcon-l{
	width:41%;
	position:relative;
}
.newtit{
	width:100%;
	float:left;
	color: var(---white, #FFF);
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	
}
.newdate{
	width:100%;
	float:left;
	margin-top:2.5rem;
	margin-bottom:2.5rem;
	color: var(---white, #FFF);
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	
}
.newlink{
	width:100%;
	display: flex;
	align-items: center;
}
.newlink a{
	margin-right:1.25rem;
	display:flex;
}
.newcon-r{
	width:50%;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.575rem */
}
.newcon-r img{
	max-width:100%;
}
.newnext{
	width:100%;
	float:left;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
}
.newnext ul li{
	width:100%;
	float:left;
	padding:2.5rem 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-bottom:1px solid rgba(255, 255, 255, 0.10);
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	
}
.newnext ul li a{
	color: var(--60, rgba(255, 255, 255, 0.60));
}

.search2{
	width:100%;
	float:left;
	padding:16.5rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.search2 .s01{
	width:37%;
}
.search2 .s01 dl dt{
	color: var(--30, rgba(255, 255, 255, 0.30));
	font-family: "Microsoft YaHei";
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}
.search2 .s01 dl dd{
	margin-top:2.3rem;
	padding-bottom:1.25rem;
	border-bottom:1px solid rgba(255, 255, 255, 0.30);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.ssbk{
	width:auto;
	border:0px;
	background-color:transparent;
	outline:none;
	color: var(--30, rgba(255, 255, 255, 0.30));
	font-family: "Microsoft YaHei";
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	
}
.ssbk::placeholder{color: var(--30, rgba(255, 255, 255, 0.30));}
.search2 .s01 dl dd a{
	display:flex;
}
.search2 .s01 dl dd img{
	opacity: 0.5;
	transition: all 0.6s;
}
.search2 .s01 dl dd:hover img{
	opacity: 1;
}
.search2 .s01 ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top:7.0rem;
}
.search2 .s01 ul li{
	width:49.5%;
	display: flex;
	align-items: center;
	margin-top:0.5rem;
}
.search2 .s01 ul li a{
	width:100%;
	padding:1.25rem 0;
	text-align:center;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-family: "HarmonyOS Sans SC";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	
	border-radius: 6.25rem;
	border: 1px solid var(--30, rgba(255, 255, 255, 0.30));
}
.search2 .s01 ul li a:hover{
	background: var(--Color, #D6CEC5);
	color: var(---black, #000);
}
.search2 .s01 ul li a.cur{
	background: var(--Color, #D6CEC5);
	color: var(---black, #000);
}

.conwrap{
	width:100%;
	float:left;
	margin-top:6.25rem;
	background-image:url(../img/map.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
}

.lx01{
	width:100%;
	float:left;
	height:34.5rem;
	position:relative;
}
.lx01 .pf{
	position:absolute;
	font-size:1.2rem;
}
.lx01 .pf .a01{
	position:relative;
}
.lx01 .pf .quan{
	width: 2.0625rem;
	height: 2.0625rem;
	background-image:url(../img/quan.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:70% 70%;
	cursor:pointer;
	transition: all 0.6s;
}
.lx01 .pf:hover .quan{
	background-size:100% 100%;
}
.lx01 .pf .wcon{
	padding:0.8rem 1.0rem;
	border-radius:0.5rem;
	background-color:var(--30, rgba(255, 255, 255, 0.10));
	backdrop-filter: blur(12.5px);
	border:1px solid var(--10, rgba(255, 255, 255, 0.30));
	white-space:nowrap;
	color:#000;
	position:absolute;
	left:-2.6rem;
	top:-4.5rem;
	opacity:0;
	visibility: hidden;
	transition: all 0.6s;
	z-index:3;
	font-weight:bold;
	font-size: 1.5rem;
	color: var(---white, #FFF);
	display: flex;
	align-items: center;
}
.lx01 .pf .wcon img{
	margin-right:1.24rem;
}
.lx01 .pf .a01:hover .wcon{
	opacity:1;
	visibility:visible;
}
.lx01 .pf .wcon::after{
	position:absolute;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-top:12px solid var(--30, rgba(255, 255, 255, 0.30));
	width:0;
	height:0;
	left:3.0rem;
	top:100%;
	content:'';
}
.lx01 .pf.w3 .wcon{
	right:-2.6rem;
	left:auto;
	bottom:-7.0rem;
	top:auto;
}
.lx01 .pf.w3 .wcon::after{
	bottom:100%;
	border-bottom:12px solid var(--30, rgba(255, 255, 255, 0.30));
	top:auto;
	border-top:0px;
	right:3.0rem;
	left:auto;
}
.lx01 .pf.w4 .wcon{
	right:-2.6rem;
	left:auto;
	bottom:-5.0rem;
	top:auto;
}
.lx01 .pf.w4 .wcon::after{
	bottom:100%;
	border-bottom:12px solid var(--30, rgba(255, 255, 255, 0.30));
	top:auto;
	border-top:0px;
	right:3.0rem;
	left:auto;
}
.lx01 .pf.w1{
	top:32%;
	left:53%;
}
.lx01 .pf.w2{
	top:42%;
	left:59%;
}
.lx01 .pf.w3{
	top:49%;
	left:58%;
}
.lx01 .pf.w4{
	top:53%;
	left:64%;
}
.lx01 .pf.w5{
	top:43%;
	right:16.4%;
}

.lx02{
	width:100%;
	float:left;
	border: 1px solid var(--10, rgba(255, 255, 255, 0.10));
	background: var(--10, rgba(0, 0, 0, 0.10));
	/* 0.4背景模糊 */
	backdrop-filter: blur(12.5px);
	padding:3.75rem;
}
.lx02 ul{
	display: flex;
	flex-wrap: wrap;
}
.lx02 ul li{
	width:100%;
	padding:3.5rem 0;
	align-items: center;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-bottom:1px solid rgba(255, 255, 255, 0.10);
}
.lx02 ul li div{
	width:17%;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	
}
.lx02 ul li div b{
	color: var(--Color, #D6CEC5);
	font-size: 1.5rem;
	
}
.lx02 ul li:first-child{
	padding-top:0px;
}
.lx02 ul li:first-child div{
	color: var(--Color, #D6CEC5);
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	
}
.lx02 ul li div:nth-child(3) {
	width:24%;
}















.mart6{
	margin-top:6.25rem;
}
.mart5{
	margin-top:5rem;
}
.mart8{
	margin-top:8.75rem;
}
.mart10{
	margin-top:10rem;
}
.pc{
	display: block;
}
.moblie{
	display: none;
}
.header2{
	display: none;
}
	
}

@media (min-width:1921px) and  (max-width:4440px){

.inpro ul li{
	width:calc(25.2% - 1.88rem);
	margin-right:1.88rem;
	margin-top:3.75rem;
	border:1px solid rgba(255,255,255,0.30);
}
	
}

@media (min-width:1000px) and  (max-width:1440px){

.header .innav ul li{
	margin-left:0vw;
	margin-right:0vw;
	font-size:14px;
}











}

@media (min-width:1000px) and  (max-width:1360px){

.header .innav ul li{
	margin-left:0vw;
	margin-right:0vw;
	font-size:12px;
}
.title h3.b01{
	font-size:0.8rem;
	-webkit-text-stroke:0.5px #fff
}
.title h3.b02{
	font-size:2.0rem;
}
.title .a01 .more{
	margin-top:2.0rem;
}

.button-prev, .button-next {
	transition: 0.5s;
	outline: none;
	position: absolute;
	width: 90px;
	z-index: 10;
	top: 85vh;
	transform: translateY(-34px);
	cursor: pointer;
}
.index01 h2{
	font-size:4.0rem;
}
.index01 h1{
	font-size:2.0rem;
}
.index01{
	height:36.375rem;
}
.intit .a01 dl dt{
	font-size:2.0rem;
}
.intit .a01 dl dd{
	font-size:0.875rem;
}
.intit .a01 .more a{
	padding:0.5rem 2.0rem;
	font-size:1.0rem;
}
.header .innav ul li .xiala dl dt{
	font-size:0.875rem;
}
.header .innav ul li .xiala dl dd{
	font-size:0.75rem;
	margin-top:0.6rem;
}
.header .innav ul li .xiala{
	padding:2.0rem 5.2vw;
}
.header .innav ul li .xiala .a01 p{
	font-size:0.75rem;
}
.index02 ul li{
	width:12rem;
}
.inmore a{
	padding:0.5rem 2.0rem;
	font-size:1.0rem;
}
.index05 .tex{
	padding:4.0rem 2.0rem;
}
.index05 .tex h1{
	font-size:1.25rem;
	margin-bottom:1.5rem;
}
.index05 .tex ul li{
	padding-bottom:1.0rem;
	margin-top:1.0rem;
}
.bk{
	font-size:0.875rem;
}
.index05 .tex ul li:last-child{
	margin-top:3.25rem;
}
.anniu{
	padding:0.5rem 2.0rem;
	font-size:1.0rem;
}
.index05 .pic img{
	width:100%;
	height:auto;
}
.zlm dl dd{
	font-size:0.75rem;
}
.proshow-r{
	padding:2.5rem;
}
.proshow-r .a01 h1{
	font-size:2.0rem;
}
.subNav{
	padding:1.0rem 0;
	font-size:0.875rem;
}
.navContent{
	padding-bottom:1.0rem;
	font-size:0.65rem;
}
.pictit{
	margin-top:2.0rem;
}
.subNavBox2{
	margin-top:4.0rem;
}
.nab .tex{
	padding:2.0rem;
	font-size:0.65rem;
}
.nab .tex h1{
	font-size:2.0rem;
}
.nab .tex h2{
	margin-top:4.0rem;
	font-size:1.0rem;
	margin-bottom:1.0rem;
}
.nab02 ul li .a01 b{
	font-size:3.0rem;
	line-height:3.0rem;
}
.nab02 ul li .a02{
	font-size:0.875rem;
}
.nab02 ul li{
	padding:3.0rem 0;
}
.nab04 .a01{
	width:50%;
}
.nab04 .a01 dl dt{
	font-size:1.5rem;
}
.nab04 .a01 dl dd{
	font-size:0.75rem;
}
.nab04 .a01 .more a{
	padding:0.5rem 2.0rem;
	font-size:1.0rem;
}
.newtit{
	font-size:1.5rem;
}
.search2 .s01{
	width:50%;
}
.ssbk{
	font-size:1.0rem;
}
.search2 .s01 ul li a{
	font-size:0.75rem;
	padding:0.8rem 0;
}
.search2{
	padding:10rem 0;
}

.lx01{
	height:20.5rem;
}

.lx02 ul li:first-child div{
	font-size:1.0rem;
}
.lx02 ul li div b{
	font-size:0.875rem;
}
.lx02 ul li div{
	font-size:0.675rem;
}
.lx02 ul li{
	padding:1.5rem 0;
}
.intit .a01 dl dt.f6{
	font-size:4.0rem;
}












.mart10{
	margin-top:5.0rem;
}









}




@media (max-width:999px) {

.pc{
	display: none;
}
.moblie{
	width: 100%;
	float: left;
}
.header{
	display: none;
}
.header2{ 
	width:100%; 
	float:left; 
	height:4rem; 
	line-height:4rem;
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	box-shadow: 0px 4px 23px 0px rgba(0,0,0,0.10); 
}
.logo{ 
	width:100%; 
	float:left; 
	height:4rem; 
	text-align:center;
}
.logo span{ 
	height:100%; 
	display:inline-block; 
	vertical-align:middle;
}
.logo img{ 
	    max-width: 50%;
    max-height: 1.8rem;
    vertical-align: middle;
    margin-left: -28%;
}
.nav2{ 
	width:60%; 
	float:right; 
	line-height:110px; 
	height:110px; 
	text-align:right;
}
.nav2 a{ 
	width: auto; 
	font-size:16px; 
	margin-right:5%;
}
.nav-bar2 { 
	width:4rem; 
	height:4rem; 
	position:absolute; 
	z-index:11; 
	left:0%; 
	top:0; 
	text-align:center;
}
.nav-bar2 img{ 
	max-width:100%; 
	max-height:4rem; 
	vertical-align:middle;
}
.nav-bar2 span{ 
	display:inline-block; 
	height:100%; 
	vertical-align:middle;
}
.nav-bg { 
	width:0px; 
	height: auto; 
	overflow:hidden; 
	position: absolute; 
	right:0px; 
	top:0; 
	z-index:998;
}
.v_close { 
	display:block; 
	position: absolute; 
	top: 1.0rem; 
	left:1.0rem; 
	z-index:102;  
	width: 2.0rem; 
	height: 2.0rem; 
	background:url(../img/close.png) no-repeat; 
	background-size:100% 100%; 
	display:none;
}
.nav { 
	margin:0 0 0 0;
}
.subNavBox3{
	width:65%;
	float:right; 
	background:#fff;  
	padding-bottom:4rem;
}
.subNavBox3 h1{ 
	text-align:center; 
	height:4rem; 
	background:#000;
}
.subNavBox3 h1 span{ 
	height:100%; 
	display:inline-block; 
	vertical-align:middle;
}
.subNavBox3 h1 img{ 
	max-width:80%; 
	max-height:3rem; 
	vertical-align:middle;
} 
.subNav3{
	width:100%; 
	float:left; 
	HEIGHT:3.0rem;
	DISPLAY: block;  
	CURSOR: pointer; 
	padding-left:5%;
	text-align:left; 
	border-bottom:1px solid #e0e0e0; 
	line-height:3.0rem; 
	font-size:1.0rem;
}
.subNav3 i{ 
	padding:0.3rem; 
	background:url(../img/xjt2.png) no-repeat center / contain; 
	margin-right:1rem; 
	float:right; 
	margin-top:1.2rem;
}
.subNav3:hover{float:left; }
.currentDd3{background: #000; color: #FFF;}
.currentDd3 a{
	color: #FFF;
}
.currentDd3 i{
	background:url(../img/xjt2.png) no-repeat center / contain;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
	-webkit-transition:all .25s ease 0s;
	-moz-transition:all .25s ease 0s;
	-o-transition:all .25s ease 0s;
	transition:all .25s ease 0s;
}
.navContent3{
	display: none;
	float:left; 
	width:90%; 
	padding:0.5rem 5% 1rem 5%; 
	line-height:2.0rem; 
	font-size:0.9rem; 
	padding-bottom:0px;
}

.main{ 
	width:90%; 
	float:left; 
	margin-left:5%; 
	margin-right:5%;
}

.inbanner{
	width:100%;
	float:left;
	height:100vh;
	position:relative;
}
.swiper-container {
	width: 100%;
	height: 100%;
	background: #9B7865;
	transition: 1s background-color 1.3s;
}
.swiper-wrapper {
	transition-delay: 1s;
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
}
.swiper-slide {
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.title{
	transition-delay: 1s;
	z-index: 10;
	padding:0 8.33vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	width:100%;
}
.title .a01{
	width:80%;
}
.title h3.b01{
	color: var(---white, #FFF);
	font-size: 0.875rem;
	font-style: normal;
	line-height: normal;
	
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 0px #fff;
}
.title h3.b02{
	color: var(---white, #FFF);
	font-size: 1.5rem;
	font-style: normal;
	line-height: 120%; /* 4.8rem */
	
	margin-top:1.25rem;
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 0px #fff;
}
.title .a01 .more{
	display:flex;
	margin-top:1.63rem;
}
.title .a01 .more a{
	padding: 0.5rem 2rem;
	border-radius: 6.25rem;
	border: 1px solid var(--30, rgba(255, 255, 255, 0.30));
	color: var(---white, #FFF);
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	
}
.title h3{
	color: rgba(255,255,255,0);
	-webkit-text-stroke: 0px #fff;
	font-weight: 300;
}
.img-box {
	width: 100%;
	height: 100%;
	position: absolute;
	transform: scale(0.6, 0.6);
	transition-duration: 1s;
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
	opacity: 0.9;
	overflow: hidden;
}
.img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.2, 1.2) translateX(50%);
	transition-timing-function: cubic-bezier(0.5, 0, 0, 1);
	transition-property: transform;
}
.button-prev, .button-next {
	transition: 0.5s;
	outline: none;
	position: absolute;
	width: 80px;
	z-index: 10;
	top: 85vh;
	transform: translateY(-34px);
	cursor: pointer;
}
.button-prev {
	left: 8vw;
}
.button-next {
	right: 8vw;
}
.button.disabled {
	opacity: 0.2;
	cursor: default;
}
#arrow-svg-home {
	transform: translateY(353px);
}
.button-next #arrow-svg-home {
	transform: translateY(353px) rotateY(180deg);
	transform-origin: 80px 0px 0px;
}
svg {
	transition: 0.5s;
}
.cls-1 {
	transition: 0.5s;
	opacity: 0.4;
	transform-origin: -20px 40px;
	opacity: 1;
}
.cls-4 {
	transition: 0.5s;
	stroke-width: 2px;
	stroke: #fff;
	fill: none;
	stroke-dasharray: 1;
	stroke-dashoffset: 1;
	opacity: 0.4;
	transform-origin: 0px 0px 0px;
}
#arrow-trg {
	transition: 0.5s;
	fill: #fff;
	transform: rotateY(180deg) translate(-53px, 39px);
}
#line {
	transition: 0.5s;
	stroke: #fff;
	transform: translate(50px, 42px);
}
.button-prev:not(.disabled):hover svg {
	transform: translateX(-25px);
}
.button-next:not(.disabled):hover svg {
	transform: translateX(25px);
}
.button:not(.disabled):hover .cls-1 {
	transform: scale(1.1);
}
.button:not(.disabled):hover .cls-4 {
	stroke-dasharray: 2px;
	stroke-dashoffset: 2px;
	opacity: 1;
}
.button:not(.disabled):hover #arrow-trg {
	transform: rotateY(180deg) translate(-37px, 39px);
}
.button:not(.disabled):hover #line {
	transform: translate(35px, 42px) scaleX(0.33);
}




.index01{
	width:100%;
	height: 20.5rem;
	float:left;
	background: var(--Color-4, #9B7865);
	position:relative;
	text-align:center;
}
.index01 h1{
	margin-top:6rem;
	color: var(--Color, #D6CEC5);
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 100%; /* 6rem */
	
}
.index01 h2{
	color: var(--Color, #D6CEC5);
	font-size: 3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 12rem */
	
}
.index01 .pic{
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	z-index:11;
	text-align:center;
	display:flex;
	justify-content: center;
}
.index01 .pic img{
	max-width:100%;
}
.intit{
	width:100%;
	float:left;
	margin-top:3.25rem;
	display:flex;
	justify-content: center;
	text-align:center;
}
.intit .a01{
	width:100%;
}
.intit .a01 dl dt{
	color: var(--Color, #D6CEC5);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 4.5rem */
	
	text-transform: uppercase;
}
.intit .a01 dl dt.f6{
	font-size: 3rem;
	text-transform: uppercase;
}
.intit .a01 dl dd{
	color: var(--60, rgba(255, 255, 255, 0.60));
	text-align: center;
	font-size:0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.8rem */
	margin-top:1.25rem;
}
.intit .a01 .more{
	display:flex;
	justify-content: center;
	margin-top:2.5rem;
}
.intit .a01 .more a{
	padding: 0.5rem 2rem;
	text-align:center;
	font-size: 1.0rem;
	color: var(--Color, #D6CEC5);
	border-radius: 3.125rem;
	border: 1px solid var(--30, rgba(255, 255, 255, 0.30));
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	
	position:relative;
	overflow:hidden;
}

.intit .a01 .more a i{
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:11;
	position:absolute;
	display:flex;
	align-items: center;
	justify-content: center;
	opacity:0;
}
.intit .a01 .more a:hover i{
	opacity:1;
}
.intit .a01 .more a::before{
	width:0;
	position:absolute;
	top:0;
	left:0;
	transition: all 0.6s;
	background-color:#FFF;
	content:'';
	display:inline-block;
	height:100%;
}
.intit .a01 .more a:hover::before{
	width:100%;
}
.intit .a01 .more a:hover{
	color:#000;
}


.index02{
	width:100%;
	float:left;
	margin-top:3.25rem;
}
.index02 ul li{
	width:9rem;
	float:left;
	margin-right:0.5rem;
	border:1px solid rgba(255,255,255,0.30);
}
.index02 ul li img{
	max-width:100%;
	height:auto;
	display:block;
}
#tpgd {
	overflow:hidden;
	width: 100%; 
} 
#intpgd {
	float: left;
	width: 1800%; 
} 
#tpgd1 {
	float: left; 
} 
#tpgd2 {
	float: left; 
}

.index03{
	width:100%;
	float:left;
	margin-top:3.75rem;
}
.index03 img{
	width:100%;
	height:auto;
	display:block;
}

.inpro{
	width:100%;
	float:left;
}
.inpro ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.inpro ul li{
	width:48%;
	margin-top:3.75rem;
}
.inpro ul li:nth-child(4n){
	margin-right:0px;
}
.inpro ul li .pic{
	overflow:hidden;
	display:flex;
	position:relative;
}
.inpro ul li .pic::before{
	width: 2.25rem;
	height: 2.25rem;
	position:absolute;
	top:1.25rem;
	right:1.25rem;
	z-index:11;
	content:'';
	background-image:url(../img/plus-circle.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	opacity:0;
}
.inpro ul li:hover .pic::before{
	opacity:1;
}
.inpro ul li .pic img{
	width:100%;
	height:auto;
}
.inpro ul li dl dt{
	margin-top:1.88rem;
	text-align:center;
	color: var(--Color, #D6CEC5);
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 1.5rem */
	
}
.inpro ul li dl dd{
	margin-top:0.69rem;
	color: var(--30, rgba(255, 255, 255, 0.30));
	text-align: center;
	font-size: 0.625rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 0.9375rem */
	
}
.inpro ul li .pic01{
	display:inline-block;
}
.inpro ul li .pic02{
	display: none;
}
.inpro ul li:hover .pic01{
	display:none;
}
.inpro ul li:hover .pic02{
	display:inline-block;
}
.inmore{
	display:flex;
	justify-content: center;
	margin-top:3.75rem;
	width:100%;
	float:left;
}
.inmore a{
	padding: 0.5rem 2rem;
	text-align:center;
	border-radius: 3.125rem;
	border: 1px solid var(--30, rgba(255, 255, 255, 0.30));
	color: var(--Color, #D6CEC5);
	font-size: 1.0rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	
	position:relative;
	overflow:hidden;
}
.inmore a i{
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:11;
	position:absolute;
	line-height:100%;
	display:flex;
	align-items: center;
	justify-content: center;
	opacity:0;
}
.inmore a:hover i{
	opacity:1;
}
.inmore a::before{
	width:0;
	position:absolute;
	top:0;
	left:0;
	transition: all 0.6s;
	background-color:#FFF;
	content:'';
	display:inline-block;
	height:100%;
}
.inmore a:hover::before{
	width:100%;
}
.inmore a:hover{
	color:#000;
}

.index05{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: var(--Color, #D6CEC5);
	margin-top:4.75rem;
}
.index05 .pic{
	width:100%;
	overflow:hidden;
}
.index05 .pic img{
	width:100%;
	min-height:100%;
	min-width:100%;
	transition: all 0.6s;
}
.index05 .pic:hover img{
	transform: scale(1.05);
}
.index05 .tex{
	width:100%;
	padding: 2rem 1rem;
}
.index05 .tex.black h1{
	color: var(---black, #000);
}
.index05 .tex.black .bk{
	color: var(---black, #000);
}
.index05 .tex.black .anniu{
	background: var(---black, #000);
	color: var(--Color, #D6CEC5);
}
.index05 .tex h1{
	color: var(--Color-4, #9B7865);
	font-size: 1.0rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 3.375rem */
	margin-bottom:2.5rem;
}
.index05 .tex ul li{
	width:100%;
	float:left;
	padding-bottom:1.88rem;
	border-bottom:1px solid rgba(0, 0, 0, 0.30);
	margin-top:1.75rem;
}
.index05 .tex ul li:last-child{
	margin-top:3.25rem;
	border-bottom:0px;
	padding-bottom:0px;
}
.bk{
	width:100%;
	border:0px;
	color: var(--Color-4, #9B7865);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	font-family: SUIT;
	outline:none;
	background-color:transparent;
}
.anniu{
	padding: 0.5rem 2rem;
	text-align:center;
	border-radius: 3.75rem;
	background: var(--Color-4, #9B7865);
	border:0px;
	color: var(--Color, #D6CEC5);
	font-family: SUIT;
	font-size: 1.0rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	
	cursor:pointer;
}
.foot{
	width:100%;
	float:left;
	padding-top:1.25rem;
	background: var(--Color-3, #141414);
}
.foot01{
	width:100%;
	float:left;
	display: flex;
	flex-wrap: wrap;
}
.foot01 dl{
	width:50%;
	margin-top:2.0rem;
}
.foot01 dl dt{
	color: var(---white, #FFF);
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	
	padding-bottom:0.5rem;
}
.foot01 dl dt a{ color:#FFF}
.foot01 dl dd{
	color: var(---white, #FFF);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top:0.5rem;
}
.foot01 dl dd a{
	color: var(---white, #FFF);
}
.foot01 dl dd a:hover{
	color:#FFF;
}
.foot02{
	width:100%;
	margin-top:3.25rem;
	float:left;
	text-align:center;
	color:#FFF;
}
.foot02 h1{
	font-size: 1.25rem;
	line-height: 180%; /* 2.25rem */
}
.foot02 ul{
	display: flex;
	justify-content: center;
	margin-top:0.94rem;
}
.foot02 ul li{
	width:auto;
	margin-left:0.625rem;
	margin-right:0.625rem;
	display:flex;
}
.foot03{
	width:100%;
	float:left;
	margin-top:1.5rem;
	padding:1.5rem 0;
	border-top:1px solid rgba(255,255,255,0.20);
	font-size:font-size: 0.75rem;;
	text-align:center;
	color:rgba(255,255,255,0.60);
}

.nycon{
	width:100%;
	float:left;
	margin-top:3.25rem;
}
.nycon-l{
	width:100%;
	float:left;
	overflow:hidden;
}
.zlm{
	width:100%;
	float:left;
	display:none;
}
.zlm dl dt{
	color: var(---white, #FFF);
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin-top:3.75rem;
}
.zlm dl dt a{color: var(---white, #FFF);}
.zlm dl dd{
	margin-top:1.25rem;
	color: var(---white, #FFF);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	
}
.zlm dl dd a{
	color: var(---white, #FFF);
}
.fil{
	width:100%;
	float:left;
	border-bottom:1px solid rgba(255,255,255,0.3);
	padding-bottom:1.37rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.chaxbk2{
	width:auto;
	max-width:80%;
	border:0px;
	outline:none;
	background-color:transparent;
	color: var(--30, rgba(255, 255, 255, 0.30));
	font-family: "Microsoft YaHei";
	font-size: 0.8125rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	
}
.chaxbk2::placeholder{color: var(--30, rgba(255, 255, 255, 0.30));}
.nycon-r{
	width:100%;
	float:right;
}
.prolist{
	width:100%;
	float:left;
}
.prolist ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.prolist ul li{
	width:48%;
	margin-top:3.75rem;
	
}
.prolist ul li:nth-child(3n){
	margin-right:0px;
}
.prolist ul li .pic{
	overflow:hidden;
	display:flex;
	position:relative;
	border:1px solid rgba(255,255,255,0.30);
}
.prolist ul li .pic::before{
	width: 2.25rem;
	height: 2.25rem;
	position:absolute;
	top:1.25rem;
	right:1.25rem;
	z-index:11;
	content:'';
	background-image:url(../img/plus-circle.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	opacity:0;
}
.prolist ul li:hover .pic::before{
	opacity:1;
}
.prolist ul li .pic img{
	width:100%;
	height:auto;
}
.prolist ul li dl dt{
	margin-top:1.88rem;
	text-align:center;
	color: var(--Color, #D6CEC5);
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 1.5rem */
	
}
.prolist ul li dl dd{
	margin-top:0.69rem;
	color: var(--30, rgba(255, 255, 255, 0.30));
	text-align: center;
	font-size: 0.625rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 0.9375rem */
	
}
.prolist ul li .pic01{
	display:inline-block;
}
.prolist ul li .pic02{
	display: none;
}
.prolist ul li:hover .pic01{
	display:none;
}
.prolist ul li:hover .pic02{
	display:inline-block;
}

.fy{
	width:100%;
	float:left;
	margin-top:2.5rem;
	margin-bottom:4.75rem;
}
.fy ul{
	display: flex;
	flex-wrap: wrap;
}
.fy ul.center{
	justify-content: center;
}
.fy ul li{
	width: 1.5rem;
	height: 1.5rem;
	display:flex;
	margin-left:2px;
	margin-right:2px;
	transition: all 0.6s;
}
.fy ul li a{
	width: 1.5rem;
	height: 1.5rem;
	text-align:center;
	font-size: 0.75rem;
	color: var(--Color, #D6CEC5);
	line-height:1.5rem;
	font-family:'宋体';
	transition: all 0.6s;
	border-radius: 1.5rem;
	border: 1px solid var(--30, rgba(255, 255, 255, 0.30));
	/* Drop Shadow */
	box-shadow: 15px 20px 40px 0px rgba(0, 34, 63, 0.12);

}
.fy ul li a:hover{
	background: var(--ab-7-f-62, #AB7F61);
	color:#FFF;
	border:1px solid #AB7F61;
}
.fy ul li .cur{
	background: var(--ab-7-f-62, #AB7F61);
	color:#FFF;
	border:1px solid #AB7F61;
}

.proshow{
	width:100%;
	float:left;
	margin-top:4.0rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.proshow-l{
	width:100%;
	background-color:#F2F2F2;
	position:relative;
}
.swiper-slide img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-slide.a01 img{
}
.swiper{
	width: 100%;
	float:left;
}

.swiper-slide{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	width:100%;
}
.mySwiper2{
	height: auto;
	width: 100%;
}

.mySwiper {
	height: auto;
	box-sizing: border-box;
	padding: 10px 0;
}
.mySwiper.b01{
	margin-top:1.25rem;
}
.mySwiper .swiper-slide {
	width: 10%;
	height: 100%;
	opacity: 0.6;
}
.mySwiper .swiper-slide-thumb-active {
	opacity: 1;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
	content:">";
	color:#fff;
	font-family:'宋体';
	font-size:14px;
	font-weight:bold;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
	content:"<";
	color:#fff;
	font-family:'宋体';
	font-size:14px;
	font-weight:bold;
}
.proshow-r{
	width:100%;
	display:flex;
	padding:2.5rem 2.0rem;
	background: var(--Color, #D6CEC5);
}
.proshow-r .a01{
	width:100%;
}
.proshow-r .a01 h1{
	color: var(---black, #000);
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 150%; /* 6rem */
	
}
.subNavBox{
	width:100%;
	float:left;
}
.subNav{
	width:100%; 
	float:left;
	padding:1.5rem 0;
	DISPLAY: block;  
	CURSOR: pointer;
	text-align:left; 
	border-bottom:1px solid #333;
	font-size: 1rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	font-weight:bold;
	line-height: 180%; /* 1.8rem */
}
.subNav::after{
	width: 1rem;
	height: 1rem;
	content:'';
	background-image:url(../img/jiah.svg);
	background-position:center;
	background-repeat:no-repeat;
	display:inline-block;
	-webkit-transition:all .25s ease 0s;
	-moz-transition:all .25s ease 0s;
	-o-transition:all .25s ease 0s;
	transition:all .25s ease 0s;
}
.currentDd{
	border-bottom:0px solid rgba(0,0,0,0.10);
	padding-bottom:0px;
}
.currentDd::after{
	background-image:url(../img/jianh.svg);
	background-position:center;
	background-repeat:no-repeat;
}
.navContent{
	display: none;
	float:left; 
	width:100%;
	color: var(---black, #000);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.35rem */
	border-bottom:1px solid #333;
	padding-bottom:2.5rem;
	margin-top:0.75rem;
}

.pictit{
	width:100%;
	float:left;
	margin-top:4.37rem;
	color: var(---black, #000);
	font-size: 0.625rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 0.9375rem */
	
}

.subNavBox2{
	width:100%;
	float:left;
	margin-top:3.25rem;
}
.subNav2{
	width:100%; 
	float:left;
	padding:1.0rem 1.5rem;
	DISPLAY: block;  
	CURSOR: pointer;
	text-align:left; 
	border: 1px solid var(--30, rgba(255, 255, 255, 0.30));
	font-size: 1.0rem;
	color: var(---white, #FFF);
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight:bold;
	line-height: 180%; /* 1.8rem */
	margin-top:0.62rem;
}
.subNav2::after{
	content:"+";
}
.currentDd2{
	border-bottom:0px solid rgba(0,0,0,0.10);
	background-color:rgba(255,255,255,0.30);
}
.currentDd2::after{
	content:"-";
}
.navContent2{
	display: none;
	float:left; 
	width:100%;
	color: rgba(255, 255, 255, 0.60);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.35rem */
	padding:1.0rem 1.5rem;
	padding-top:0px;
	border: 1px solid var(--30, rgba(255, 255, 255, 0.30));
	border-top:0px solid var(--30, rgba(255, 255, 255, 0.30));
	background-color:rgba(255,255,255,0.30);
}
.navContent2 div{
	width:100%;
}

.nab{
	width:100%;
	float:left;
	margin-top:4.0rem;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	background: var(--Color, #D6CEC5);
}
.nab .tex{
	width:100%;
	padding:3.0rem 2.0rem;
	color: var(---black, #000);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.35rem */
}
.nab .tex h1{
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
}
.nab .tex h2{
	margin-top:3.69rem;
	margin-bottom:1.69rem;
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 2.4rem */
	
}
.nab .pic{
	width:100%;
	overflow:hidden;
}
.nab .pic img{
	width:100%;
	height:auto;
	display:block;
}

.nab02{
	width:100%;
	float:left;
	margin-top:1.5rem;
}
.nab02 ul li{
	width:100%;
	float:left;
	padding:3.25rem 0;
	border-bottom:1px solid rgba(255, 255, 255, 0.30);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	transition: all 0.6s;
}
.nab02 ul li .a01{
	width:auto;
	display: flex;
	color: var(--30, rgba(255, 255, 255, 0.30));
	font-family: "HarmonyOS Sans SC";
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 700;
	line-height:2.0rem;
	transition: all 0.6s;
	max-width:100%;
}
.nab02 ul li .a01 b{
	font-size: 2rem;
	margin-left:1.0rem;
	font-style: normal;
	line-height:2.0rem;
	transition: all 0.6s;
}
.nab02 ul li .a02{
	width:100%;
	color: rgba(255, 255, 255, 0.60);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 1.875rem */
	margin-top:1.5rem;
}
.nab02 ul li:hover .a01{
	color: var(--Color, #D6CEC5);
}
.nab02 ul li:hover .a01 b{
	color: var(--Color, #D6CEC5);
}
.nab03{
	width:100%;
	float:left;
	position:relative;
	margin-top:4.75rem;
	    height: 98vw;
    overflow: hidden;
}
.nab03 img{
	position: relative;
    transform: scale(1.0);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
    z-index: 0;
}
.nab03 .tex{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	padding:0 5.2vw;
	display:flex;
	align-items: center;
}
.nab03 .tex div{
	width:90%;
	color: var(---black, #000);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 1.125rem */
}

.nab04{
	width:100%;
	float:left;
	margin-top:4.0rem;
	padding:3rem 5.2vw;
	background-image:url(../img/ab03.png);
	background-position:center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	display:flex;
}
.nab04 .a01{
	width:100%;
}
.nab04 .a01 dl dt{
	color: var(---white, #FFF);
	font-size: 1.15rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.nab04 .a01 dl dd{
	margin-top:3.56rem;
	color: var(---white, #FFF);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 1.3125rem */
}
.nab04 .a01 .more{
	display:flex;
	margin-top:4.63rem;
}
.nab04 .a01 .more a{
	padding: 0.5rem 2rem;
	border-radius: 3.125rem;
	border: 1px solid var(--30, rgba(255, 255, 255, 0.30));
	color: var(---white, #FFF);
	font-size: 1.0rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	
	position:relative;
	overflow:hidden;
}
.nab04 .a01 .more a i{
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:11;
	position:absolute;
	display:flex;
	align-items: center;
	justify-content: center;
	
	opacity:0;
}
.nab04 .a01 .more a:hover i{
	opacity:1;
}
.nab04 .a01 .more a::before{
	width:0;
	position:absolute;
	top:0;
	left:0;
	transition: all 0.6s;
	background-color:#FFF;
	content:'';
	display:inline-block;
	height:100%;
}
.nab04 .a01 .more a:hover::before{
	width:100%;
}
.nab04 .a01 .more a:hover{
	color:#000;
}
.nab05{
	width:100%;
	float:left;
	margin-top:1.25rem;
}
.nab05 ul li{
	width:100%;
	float:left;
	padding:3.0rem 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.10);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	transition: all 0.6s;
}
.nab05 ul li a{ color:#FFF;}
.nab05 ul li .a01{
	width:auto;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	
}
.nab05 ul li .a03{
	width:100%;
	color: var(--Color, #D6CEC5);
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin-top:1.0rem;
}
.nab05 ul li .a02{
	width:100%;
	color: rgba(255, 255, 255, 0.60);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 1.875rem */
	margin-top:1.0rem;
}
.nab05 ul li:hover .a01{
	color: var(--Color, #D6CEC5);
}
.nab05 ul li:hover .a01 b{
	color: var(--Color, #D6CEC5);
}

.newcon{
	width:100%;
	float:left;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top:7rem;
}
.newcon-l{
	width:100%;
	position:relative;
}
.newtit{
	width:100%;
	float:left;
	color: var(---white, #FFF);
	font-size: 1.2rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	
}
.newdate{
	width:100%;
	float:left;
	margin-top:1.5rem;
	margin-bottom:1.5rem;
	color: var(---white, #FFF);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	
}
.newlink{
	width:100%;
	display: flex;
	align-items: center;
}
.newlink a{
	margin-right:0.5rem;
	display:flex;
}
.newcon-r{
	width:100%;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 180%; /* 1.575rem */
	margin-top:2.0rem;
}
.newcon-r img{
	max-width:100%;
}
.newnext{
	width:100%;
	float:left;
}
.newnext ul li{
	width:100%;
	float:left;
	padding:1.5rem 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border-bottom:1px solid rgba(255, 255, 255, 0.10);
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	
}
.newnext ul li a{
	color: var(--60, rgba(255, 255, 255, 0.60));
}

.search2{
	width:100%;
	float:left;
	padding:8.5rem 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.search2 .s01{
	width:90%;
}
.search2 .s01 dl dt{
	color: var(--30, rgba(255, 255, 255, 0.30));
	font-family: "Microsoft YaHei";
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-transform: uppercase;
}
.search2 .s01 dl dd{
	margin-top:2.3rem;
	padding-bottom:1.25rem;
	border-bottom:1px solid rgba(255, 255, 255, 0.30);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.ssbk{
	width:auto;
	border:0px;
	background-color:transparent;
	outline:none;
	color: var(--30, rgba(255, 255, 255, 0.30));
	font-family: "Microsoft YaHei";
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	
}
.ssbk::placeholder{color: var(--30, rgba(255, 255, 255, 0.30));}
.search2 .s01 dl dd a{
	display:flex;
}
.search2 .s01 dl dd img{
	opacity: 0.5;
	transition: all 0.6s;
}
.search2 .s01 dl dd:hover img{
	opacity: 1;
}
.search2 .s01 ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top:3.0rem;
}
.search2 .s01 ul li{
	width:49.5%;
	display: flex;
	align-items: center;
	margin-top:0.5rem;
}
.search2 .s01 ul li a{
	width:100%;
	padding:0.5rem 0;
	text-align:center;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-family: "HarmonyOS Sans SC";
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	
	border-radius: 6.25rem;
	border: 1px solid var(--30, rgba(255, 255, 255, 0.30));
}
.search2 .s01 ul li a:hover{
	background: var(--Color, #D6CEC5);
	color: var(---black, #000);
}
.search2 .s01 ul li a.cur{
	background: var(--Color, #D6CEC5);
	color: var(---black, #000);
}

.conwrap{
	width:100%;
	float:left;
	margin-top:6.25rem;
	background-image:url(../img/map.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
}

.lx01{
	width:100%;
	float:left;
	height:10.5rem;
	position:relative;
}
.lx01 .pf{
	position:absolute;
	font-size:0.875rem;
}
.lx01 .pf .a01{
	position:relative;
}
.lx01 .pf .quan{
	width: 1.0625rem;
	height: 1.0625rem;
	background-image:url(../img/quan.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:70% 70%;
	cursor:pointer;
	transition: all 0.6s;
}
.lx01 .pf:hover .quan{
	background-size:100% 100%;
}
.lx01 .pf .wcon{
	padding:0.3rem 0.6rem;
	border-radius:0.5rem;
	background-color:var(--30, rgba(255, 255, 255, 0.10));
	backdrop-filter: blur(12.5px);
	border:1px solid var(--10, rgba(255, 255, 255, 0.30));
	white-space:nowrap;
	color:#000;
	position:absolute;
	left:-2.8rem;
	top:-2.5rem;
	opacity:0;
	visibility: hidden;
	transition: all 0.6s;
	z-index:3;
	font-weight:bold;
	font-size: 0.875rem;
	color: var(---white, #FFF);
	display: flex;
	align-items: center;
}
.lx01 .pf .wcon img{
	margin-right:0.5rem;
	max-height:1.0rem;
}
.lx01 .pf .a01:hover .wcon{
	opacity:1;
	visibility:visible;
}
.lx01 .pf .wcon::after{
	position:absolute;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-top:12px solid var(--30, rgba(255, 255, 255, 0.30));
	width:0;
	height:0;
	left:3.0rem;
	top:100%;
	content:'';
}
.lx01 .pf.w3 .wcon{
	right:-2.6rem;
	left:auto;
	bottom:-3.0rem;
	top:auto;
}
.lx01 .pf.w3 .wcon::after{
	bottom:100%;
	border-bottom:12px solid var(--30, rgba(255, 255, 255, 0.30));
	top:auto;
	border-top:0px;
	right:3.0rem;
	left:auto;
}
.lx01 .pf.w4 .wcon{
	right:-2.9rem;
	left:auto;
	bottom:-3.0rem;
	top:auto;
}
.lx01 .pf.w4 .wcon::after{
	bottom:100%;
	border-bottom:12px solid var(--30, rgba(255, 255, 255, 0.30));
	top:auto;
	border-top:0px;
	right:3.0rem;
	left:auto;
}
.lx01 .pf.w1{
	top:25%;
	left:53%;
}
.lx01 .pf.w2{
	top:35%;
	left:59%;
}
.lx01 .pf.w3{
	top:42%;
	left:58%;
}
.lx01 .pf.w4{
	top:46%;
	left:64%;
}
.lx01 .pf.w5{
	top:36%;
	right:16.4%;
}

.lx02{
	width:100%;
	float:left;
	border: 1px solid var(--10, rgba(255, 255, 255, 0.10));
	background: var(--10, rgba(0, 0, 0, 0.10));
	/* 0.4背景模糊 */
	backdrop-filter: blur(12.5px);
	padding:1.75rem;
}
.lx02 ul{
	display: flex;
	flex-wrap: wrap;
	overflow:scroll;
}
.lx02 ul li{
	width:50rem;
	padding:1.5rem 0;
	align-items: center;
	display: flex;
	justify-content: space-between;
	border-bottom:1px solid rgba(255, 255, 255, 0.10);
}
.lx02 ul li div{
	width:10.0rem;
	color: var(--60, rgba(255, 255, 255, 0.60));
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	
}
.lx02 ul li div b{
	color: var(--Color, #D6CEC5);
	font-size: 0.8rem;
	
}
.lx02 ul li:first-child{
	padding-top:0px;
}
.lx02 ul li:first-child div{
	color: var(--Color, #D6CEC5);
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	
}
















.mart6{
	margin-top:3.25rem;
}
.mart5{
	margin-top:3rem;
}
.mart8{
	margin-top:4.75rem;
}
.mart10{
	margin-top:5rem;
}



.sjzwqh{
	width: auto;
	height: 4.5rem;
	font-size:1.0rem;
	display: flex;
	align-items: center;
	justify-content: flex-end;
position: absolute;
	right:1%;
	
}
.sjzwqh img{
	width:1.1rem;
}
.sjzwqh a{
	margin-left:0.5rem;
	margin-right:0.5rem;
	line-height:2.5rem;
	color:#FFF;
}
.sjzwqh .zhuan{
	width:100%;
	position:absolute;
	top:4rem;
	left:0;
	z-index:111;
	background-color:#FFF;
	font-size:16px;
	line-height:2.5rem;
	opacity:0;
	visibility:hidden;
	text-align:center;
	border-radius:5px;
}
.sjzwqh .zhuan p{
	position:relative;
	display:flex;
	align-items: center;
	text-align:left;
}
.sjzwqh .zhuan p i{
	width:2px;
	height:1.0rem;
	position:absolute;
	left:0;
	z-index:1;
	opacity:0;
	background-color:#116CB0;
}
.sjzwqh .zhuan p:hover i{
	opacity:1;
}
.sjzwqh .zhuan p.cur i{
	opacity:1;
}
.sjzwqh .zhuan a{
	color:#333;
	width:100%;
	text-align:left;
	padding-left:2.0rem;
	font-size:0.9rem;
	border-bottom:1px solid rgba(0,0,0,0.1);
	margin-left:0;
	margin-right:0;
}
.sjzwqh:hover .zhuan{
	opacity:1;
	visibility:visible;
}




























}





.ydm{
	width:100%;
	height:100vh;
	float:left;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ydm img{
	max-width:27%;
}