@charset "utf-8";
*{font-family: '微软雅黑';-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{font-family: '微软雅黑';height: 100%;}
html,body,div,p,strong,span,a,b,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,del,img,i,em,select,button,textarea,input{margin: 0; padding: 0;list-style-type: none;}
body{
	font-family: '微软雅黑';
	font-size: 16px;
	color: #333;
	position: relative;
	min-height: 100%;
	background-color: #CCC;
}
a{
	text-decoration: none;
}
img{width: 100%; height: 100%;}
a,img,button,input,textarea,select{-webkit-tap-highlight-color:rgba(255,255,255,0);}
input[type="text"],input[type="hidden"],input[type="password"],button,textarea,select{outline: none; border: none; -webkit-appearance: none;-moz-appearance:none; appearance: none; border-radius: 0; font-family: 'msyh',"Arial",'SimSun', Serif;}
select::-ms-expand{display: none;}
input::-ms-clear{display: none;}
#mHeader {
	line-height: 6.2vw;
	height: 6.2vw;
	width: 100%;
	border-bottom: 1px solid #ffffff;
	overflow: hidden;
	position: fixed;
	z-index: 10000;
	left: 0px;
	top: 0px;
	right: 0px;
	display: block;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
#mHeader .Logo {
	height: 2.9vw;
	width:15.1vw;
	background-image: url(../picimg/blogo.png);
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:100% 100%;
	position: absolute;
	left: 7.4vw;
	top: 1.6vw;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
#mHeader .mLan_a {
	text-align: center;
	overflow: hidden;
	height: 6.2vw;
	width: 6.2vw;
	position: absolute;
	top: 0px;
	right: 0px;
	font-weight: bold;
	font-size: 1.3vw;
	line-height: 6.2vw;
	color: #FFF;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
#mHeader ul {
	height: 6.2vw;
	line-height: 6.2vw;
	position: absolute;
	top: 0px;
	right: 6.2vw;
	display: block;
}
#mHeader ul li {
	position: relative;
	display: block;
	float: left;
	height: 6.2vw;
	padding-left:1.2vw;
	padding-right:1.2vw;
	margin-left:0.8vw;
}
#mHeader ul li a {
	height: 6.2vw;
	line-height: 6.2vw;
	color: #fff;
	font-size: 1.3vw;
	display: block;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
#mHeader:hover ul li:hover a {
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
	color:#8d6702;
}
#mHeader ul li i.mToggle {
	line-height: 0.8vw;
	background-color: #fff;
	height: 0.3vw;
	width: 0%;
	transform: translateX(-50%);
	position: absolute;
	left:50%;
	bottom:0px;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
#mHeader ul li.over i.mToggle,#mHeader ul li:hover i.mToggle {
	width: 100%;
	transform: translateX(-50%);
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
#mHeader:hover,#mHeader.over{
	background-color: #fff;
	border-bottom: 1px solid #8d6702;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
#mHeader:hover .Logo,#mHeader.over .Logo {
	background-image: url(../picimg/hlogo.png);
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
#mHeader:hover .mLan_a,#mHeader.over .mLan_a {
	color: #8d6702;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
#mHeader:hover ul li a,#mHeader.over ul li a {
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
	color:#5d5d5d;
}
#mHeader:hover ul li i.mToggle,#mHeader.over ul li i.mToggle {
	background-color: #8d6702;
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
#mHeader:hover ul li.over a,#mHeader.over ul li.over a {
	transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
	color:#8d6702;
}
.mMenuLayBg{ opacity: 0; position: fixed; z-index: 10010; left: 0; top: 0; width: 100%; height: 100%; transform: translateX(-100%); transition: all 0.5s ease-in-out; transition-delay: 0.4s; display: block; background:rgba(0,0,0,0.6); background-size:cover;}
.mOpenBtn{ width:6vw; height:6vw; position:absolute; right:2vw; top:2vw; overflow:hidden; cursor:pointer;display: none;}
.mOpenBtn i{width:5vw; height:0.4vw; margin-bottom:1.3vw; margin-left:0.5vw; margin-top:1vw; background:#9d7d26; display:block}
.mCloseBtn{
	height: 26px;
	width: 26px;
	position: fixed;
	right: 15px;
	top: 15px;
	cursor: pointer;
	z-index: 10018;
	background-size: 22px 22px;
	transition: all 0.5s ease-in-out;
	opacity: 0;
	display: block;
	visibility: hidden;
	background-image: url(../picimg/mclose.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.mMmenuLay{ position: fixed; height: 100%; left: 36%; top: 0px; right: 0px; bottom: 0px; z-index: 10014; overflow-y: auto; color: #fff; font-size: 14px; box-shadow: -2px 0px 4px 3px rgba(0,0,0,0.06); padding: 25px; transition: all 0.5s ease-in-out; opacity: 0; transform: translateX(100%); transition-delay: 0.2s; display: block; background: #2469f9;background-image: linear-gradient(135deg, #9d825b 10%,#d0b381 100%); background-size: cover; }
.mMmenuLay ul li{font-size:15px; font-weight:bold; color:#fff; padding:0 48px 0 6px; display:block; line-height:46px; border-bottom:1px solid rgba(255,255,255,0.2);}
.mMmenuLay ul li a{font-size:15px; color:#fff;height:46px;display: block;}
.mMenuLayBg.over{opacity:1; transform:translateX(0%); transition-delay:0.2s}
.mMmenuLay.over{opacity:1; transform:translateX(0%); transition-delay:0.4s}
.mCloseBtn.over{opacity:1; transform:rotate(360deg);visibility:visible; opacity:1;}
.section{
	width: 100%;
	box-sizing: border-box;
	overflow:hidden;
}
.hmPage1{display: block;position:relative;}
.hmFocus_img{background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:100% 100%;}
.on .hmFocus_img{ visibility: visible; -webkit-animation: scaleBg 16s infinite; animation: scaleBg 16s linear; }
.hmFocus_item{width:100vw; height:100vh; position:relative; overflow:hidden;}
.hmFocus_txt{ width:100%; color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; text-align:center}
.hmFocus_txt h5{ font-size: 3.54vw; line-height: 4.06vw; display: block; transition: all 0.8s ease-in-out; transform: translate(0px,4.16vw); opacity: 0; letter-spacing: 3px; font-weight:bold; } 
.hmFocus_txt p{ margin-top: 2.77vh; transition: all 0.8s ease-in-out; transform: translate(0px,4.16vw); opacity: 0; font-size: 1.25vw; line-height: 1.56vw; letter-spacing:1px; font-weight:100}
.on .hmFocus_txt h5{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.on .hmFocus_txt p{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.hmFocus_dot{ position:absolute; left:50%; transform:translateX(-50%); text-align:center; z-index:1000; bottom:2.6vw;}
.hmFocus_dot span{ height:32px; display:inline-block; position:relative; margin:0 20px;}
.hmFocus_dot span:before{content:""; width:10px; height:10px; background:#fff; border-radius:50%; position:absolute; left:11px; top:11px;}
.hmFocus_dot span svg{ width:32px; height:32px; position:absolute; left:0; top:0;}
.hmFocus_dot span:after{content:""; width:28px; height:28px; border:2px solid rgba(255,255,255,0.3); border-radius:50%; position:absolute; left:0; top:0; transition:all 0.5s ease-in-out; opacity:0}
.hmVdoBox{position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden;z-index: 1;}
.hmVdoBox:after{ content: ""; background: url(../picimg/ban_bg.png) repeat-x left top; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmVdoBox video{width:100%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);z-index: 1;}
@keyframes dash{to{stroke-dashoffset:0px}}
.load{ width:100%; height:100%; position:absolute; z-index:234;left:0px;top:0px;}
.circle{stroke-dasharray:360px;stroke-dashoffset:360px}
.on .circle{animation:dash 16s linear forwards}
.hmFocus_dot span.on:after{opacity:1;}
.about,.honor,.brand{ background-color:#FFF;position:relative;}
.Utitle {
	height: 6vw;
	width: 17.1vw;
	margin-top: 9vw;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	transition: all 0.8s ease-in-out; transform: translate(0px,4.16vw); opacity: 0; 
}
.Utitle .Utitletxt {
	height: 3.8vw;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #a6a7a9;
	font-size: 2.5vw;
	color: #8d6702;
	text-align: center;
	letter-spacing: 0.4vw;
	word-spacing: 0.2vw;
	font-weight: bold;
}
.Utitle .Utitletxt span {
	border-radius: 0.15vw;
	background-color: #9d7d26;
	width: 2.6vw;
	height: 0.46vw;
	position: absolute;
	left: 50%;
	bottom: -0.26vw;
	display: block;
	transform: translateX(-50%);
	overflow: hidden;
	line-height: 0.46vw;
}
.Utitle .UtitleEntxt {
	text-align: center;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	color: #cecfc9;
	font-size: 1.19vw;
	font-weight: 300;
}
.Uinfo {
	height: 33vw;
	margin-top: 1.8vw;
	position: relative;
}
.Uinfo .aboutimg {
	position: absolute;
	height: 25.2vw;
	width: 33.5vw;
	left: 4.47vw;
	top: 0px;
	transition: all 0.8s ease-in-out; transform: translate(0px,4.16vw); opacity: 0; 
}
.Uinfo .abouttxt {
	font-size: 1.1vw;
	line-height: 2.4vw;
	color: #020738;
	position: absolute;
	width: 56vw;
	top: 0px;
	right: 4.47vw;
	text-align: justify;
	transition: all 0.8s ease-in-out; transform: translate(0px,4.16vw); opacity: 0; 
}
.Uinfo .abouttxt p {
	text-indent: 2em;
}
.Uinfo .abouttxt p strong {
	font-size: 1.25vw;
	font-weight: bold;
	color: #8d6702;
}
.active .Utitle{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.active .Uinfo .aboutimg{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.active .Uinfo .abouttxt{opacity:1; transform:translate(0px,0px); transition-delay:0.7s;}
.product{background-color:#f4f4f5;}
.product .Uinfo,.swiper-container {
	width: 99vw;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}
.grid-Uinfo{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
	gap: 2.2vw;
}
.grid-Uinfo .card {
	backdrop-filter: blur(0px);
	border-radius: 1.5rem;
	overflow: hidden;
	display: flex;
	height: 100%;          /* 让卡片填满格子高度，保持一致性 */
	flex-direction: column;  /* 改为竖排方向 */
	justify-content: center; /* 主轴（竖轴）居中 */
	align-items: center;     /* 交叉轴（横轴）居中 */
	transition: all 0.8s ease-in-out; opacity:0;
}
.grid-Uinfo .card h3 {
	font-size: 2vw;
	line-height: 2.7vw;
	color: #434242;
}
.grid-Uinfo .card img {
	height: 8.4vw;
	width: 7.44vw;
}
.grid-Uinfo .card a {
	margin-top: 0.4vw;
	border-radius: 1.1vw;
	font-size: 1.2vw;
	line-height: 2.2vw;
	height: 2.2vw;
	color: #918f94;
	display: block;
	border: 1px solid #918f94;
	text-align: center;
	padding-left:2.8vw;
	padding-right:2.8vw;
}
.grid-Uinfo .card:nth-child(1){
	transform: translate(-4.16vw,0px);
}
.grid-Uinfo .card:nth-child(2){
	transform: translate(0px,4.16vw);
}
.grid-Uinfo .card:nth-child(3){
	transform: translate(4.16vw,0px);
}
.grid-Uinfo .card:nth-child(4){
	transform: translate(-4.16vw,0px);
}
.grid-Uinfo .card:nth-child(5){
	transform: translate(0px,4.16vw);
}
.grid-Uinfo .card:nth-child(6){
	transform: translate(4.16vw,0px);
}
.active .grid-Uinfo .card:nth-child(1){
	opacity:1; transform:translate(0px,0px); transition-delay:1.3s;
}
.active .grid-Uinfo .card:nth-child(2){
	opacity:1; transform:translate(0px,0px); transition-delay:0.7s;
}
.active .grid-Uinfo .card:nth-child(3){
	opacity:1; transform:translate(0px,0px); transition-delay:1.3s;
}
.active .grid-Uinfo .card:nth-child(4){
	opacity:1; transform:translate(0px,0px); transition-delay:1.6s;
}
.active .grid-Uinfo .card:nth-child(5){
	opacity:1; transform:translate(0px,0px); transition-delay:1s;
}
.active .grid-Uinfo .card:nth-child(6){
	opacity:1; transform:translate(0px,0px); transition-delay:1.6s;
}
.swiper-wrapper {
	position: relative;
	width: 10%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 50%;
	height: 100%;
	position: relative;
	padding: 0;
	-webkit-box-shadow: rgba(0,0,0,.2) 0px 0px 1.56vw;
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 1.56vw;
	box-shadow: rgba(0,0,0,.2) 0px 0px 1.56vw;
}
.swiper-slide:hover {
	-webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 2.6vw;
	-moz-box-shadow: rgba(0,0,0,.5) 0px 0px 2.6vw;
	box-shadow: rgba(0,0,0,.5) 0px 0px 2.6vw;
}
.swiper-container {
	width: 100%;
	transition: all 0.8s ease-in-out; transform: translate(0px,4.16vw); opacity: 0; 
}
.swiper-slide {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transform: scale(.8);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.7);
	-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 1.56vw;
}
.swiper-slide-active, .swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.swiper-slide img {
	width: 100%;
	display: block;
}
.struggle{
	background-image: url(../picimg/hmc3bg2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:100% 100%;
}
.struggle .Utitle .Utitletxt {
	color: #fff;
}
.struggle .Utitle .Utitletxt span {
	background-color: #fff;
}
.fp-auto-height.footer{
	background-color: #323232;
	height: 24.4vw;
	color: #a09e9d;
}
.active .swiper-container{
	opacity:1; transform:translate(0px,0px); transition-delay:0.7s;
}
.Uinfo .hexinli {
	position: absolute;
	height: 4.2vw;
	width: 18.7vw;
	left: 15.8vw;
	top: 4.4vw;
	transition: all 0.8s ease-in-out; transform: translate(0px,4.16vw); opacity: 0; 
}
.Uinfo .hexinli img {
	float: left;
	height: 4.2vw;
	width: 4.2vw;
}
.Uinfo .hexinli p {
	font-size: 1.6vw;
	line-height: 2.07vw;
	color: #FFF;
	margin-left: 5.2vw;
}
.active .Uinfo .hexinli:nth-child(1){
	opacity:1; transform:translate(0px,0px); transition-delay:0.6s;
}
.active .Uinfo .hexinli:nth-child(2){
	opacity:1; transform:translate(0px,0px); transition-delay:0.9s;
}
.active .Uinfo .hexinli:nth-child(3){
	opacity:1; transform:translate(0px,0px); transition-delay:1.2s;
}
.active .Uinfo .hexinli:nth-child(4){
	opacity:1; transform:translate(0px,0px); transition-delay:1.5s;
}
.active .Uinfo .hexinli:nth-child(5){
	opacity:1; transform:translate(0px,0px); transition-delay:1.8s;
}
.hmp5Logos{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../picimg/home/hmc5logos.jpg) repeat-x center center; background-size:cover; -webkit-animation: animate-cloud 30s linear infinite; animation: animate-cloud 30s linear infinite; }
.hmp5Logos:after{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../picimg/home/hmc5bg.png) no-repeat center center; background-size:cover;}
.hmc5dl{transition: all 0.8s ease-in-out; transform: translate(0px,4.16vw); opacity: 0; margin-top: 3.12vw;margin-left: 9.37vw;margin-right: 9.37vw;display: flex; justify-content: space-between;  flex-wrap:wrap; padding-bottom:2vw;}
.hmc5dl dd{ text-align:center; color:#8d6702;background-image: -webkit-gradient(linear, left 0, right 0, from(#8d6702), to(#b18101));-webkit-background-clip: text;-webkit-text-fill-color: transparent; text-shadow:0 0.78vw 0.78vw rgba(77,15,15,0.15); }
.hmc5dl dd strong{ font-size: 5.2vw; line-height: 6.25vw; display: block; }
.hmc5dl p{ font-size: 1.77vw; line-height: 2.08vw; margin-top: 0.6vw; }
.active .Uinfo .hmc5dl,.active2 .Uinfo .hmc5dl{
	opacity:1; transform:translate(0px,0px); transition-delay:0.6s;
}
.clearfix{display: flex;position:relative;width:76.5vw; max-width:76.5vw; padding:3.6vw 0; margin-left:auto; margin-right:auto;clear: both;}
.foolLlx{width: 42%; font-size: 1.1vw; line-height: 1.97vw;flex-wrap:wrap;}
.foolLlx strong{
	font-size: 1.66vw;
	line-height: 2.6vw;
	color: #dddada;
}
.foolLmx{width: 30%;flex-wrap:wrap;}
.foolRx{display: flex;width: 28%;justify-content: space-between;flex-wrap:wrap;}
.foolRx img {
	height: 6.77vw;
	width: 9.11vw;
	margin-right: 0.52vw;
	margin-left: 0.52vw;
}

.footTag a{ font-size: 1.1vw; color: #FFF; text-align: center; line-height: 2.39vw; height: 2.39vw; width: 6.7vw; display: inline-block; margin-right: 0.52vw;border-radius:0.3em; margin-bottom:1.45vw;background-image: linear-gradient(148deg, #d0b380 10%,#9e825c 100%)}
.footTag a span{color:#fff;}
.copyRight{
	font-size: 1.1vw;
	line-height: 4.47vw;
	height: 4.47vw;
	text-align: center;
	border-top: 1px solid #a09e9d;
}
.copyRight a{color: #a09e9d;}
.rMenu{ width:58px; position:fixed; z-index:9999; top:50%; right:0; margin-top:-103px;-webkit-animation: fadeInRight 1s infinite; animation: fadeInRight 1s linear;}
.rMenu_a{ display:block; height:58px; background-color:#9d825b; background: linear-gradient(to bottom,  #9d825b 0%,#d0b381 100%); border-radius:0.3em 0 0 0.3em; position:relative; margin-bottom:8px;cursor: pointer;}
.rMenu_aTel:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background-repeat:no-repeat; background-position:center center; background-image:url(../picimg/ri1.png); background-size:60% 60%;}
.rMenu_aWx:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background-repeat:no-repeat; background-position:center center; background-image:url(../picimg/ri2.png); background-size:60% 60%;}
.backTop:before{content:""; position:absolute; left:0; top:0; right:0; bottom:0; background-repeat:no-repeat; background-position:center center; background-image:url(../picimg/ri3.png); background-size:60% 60%;}
.rMenu_aTel span{ white-space:nowrap; line-height:58px; padding:0 25px;background:linear-gradient(to bottom,  #9d825b 0%,#d0b381 100%); color:#fff; position:absolute; right:52px; top:0; border-radius:0.3em; font-size:20px; transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; transform:translateX(-18px);}
.rMenu_aTel:hover span{opacity:1; visibility:visible; transform:translateX(0);}
.rMenu_aWx span{ position:absolute; right:78px; top:50%; margin-top:-60px; display:block; width:120px; height:120px; box-shadow:0 5px 8px rgba(0,0,0,0.1); transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; transform:translateX(-18px);}
.rMenu_aWx:hover span{opacity:1; visibility:visible; transform:translateX(0);}
.rMenu_aWx span:after{content:""; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:8px solid #fff; position:absolute; right:-8px; top:50%; margin-top:-6px;}
.rMenu_aWx span img{ width:120px; height:120px;}
/*AIGC*/
#fullpage .m2proBanner {
	position: relative;
	height: 49.5vw;
	width: 100%;
	overflow: hidden;
}
.bgImg,.bgImg img{
	height: 49.5vw;
	width: 100%;
	position: relative;
}
.bgImg div{
	height: 36.9vw;
	width: 100%;
	background-image: url(../picimg/ban_bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	background-size:auto 100%;
	position: absolute;
	left: 0;
	top: 0px;
}
.m2proBanTxt{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); color:#fff; letter-spacing:1px;}
.m2proBanTxt strong{
	display: block;
	font-size: 2.6vw;
	line-height: 7.7vw;
	height: 7.7vw;
	font-weight: 200;
	text-align: center;
	border: 1px solid #fff;visibility: visible; -webkit-animation: fadeInUp 0.1s infinite; animation: fadeInUp 0.1s linear;
}
.m2proBanTxt strong.mtxt{
	width:19vw;
	margin-left:auto;
	margin-right:auto;
}
.m2proBanTxt p{
	font-size: 1.14vw;
	line-height: 2.8vw;
	margin-top: 3.64vw;
	text-align: justify;
	letter-spacing: 0.15vw;
	visibility: visible;
	-webkit-animation: fadeInUp 0.2s infinite;
	animation: fadeInUp 0.2s linear;
	font-weight: 300;
}
.container{width:80.6vw; margin:auto;position: relative;}
#fullpage .nPage {
	background-color: #fcfcfc;
	width: 100%;
	padding-top: 1.97vw;
	padding-bottom: 1.97vw;
	position: relative;
}
#fullpage .nPage h2 {
	font-size: 2.39vw;
	line-height: 3.12vw;
	color: #8e6800;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0.1vw;
}
#fullpage .nPage h3 {
	font-size: 1.04vw;
	line-height: 1.45vw;
	color: #828282;
	text-align: center;
	font-weight: normal;
	letter-spacing: 0.1vw;
}
#fullpage .nPage .ul p{
	height:2.7vw;
	line-height:2.7vw;
	font-size: 1.3vw;
	padding-left: 1.56vw;
	position: absolute;
	left:0px;
	right:0px;
	bottom:0px;
	background-color: #000;
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
	filter: Alpha(opacity=60);
	color: #fff;
}
.mh20 {
	margin-top:2.08vw;
	height: 41.6vw;
}
.mh20 li {
	background-color: #666;
	float: left;
	height: 20.8vw;
	width:40.3vw;
	position: relative;
}
.mh20 li img {
	height: 100%;
	width: 100%;
}
.mh20 li div {
	font-size: 1.3vw;
	line-height: 64px;
	height: 64px;
	color: #FFF;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	padding-left: 1.56vw;
	background-color: #000;
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
	filter: Alpha(opacity=70);
}
ul.containeranli{width:80.6vw;height: 43.6vw;margin:auto;margin-top:2.08vw;position: relative;overflow: hidden;}
ul.containeranli li{
	float: left;width:20.15vw;height: 43.6vw;position: relative;overflow: hidden;
}
ul.containeranli li img {
	-webkit-transform:scale(1);
    transform:scale(1);
	position: absolute;
	width:20.15vw;
	height: 43.6vw;
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
}
ul.containeranli li .k {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #000;
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
	filter: Alpha(opacity=60);
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
}
ul.containeranli li:hover img {
	-webkit-transform:scale(1.2);
    transform:scale(1.2);
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
}
ul.containeranli li:hover .k {
	background-color: #000;
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
	filter: Alpha(opacity=0);
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
	position: relative;
}
ul.containeranli li .k i{
	background-image:url('../picimg/icon.png');
	background-size: 100% 100%;
	width: 2.18vw;
	height: 2.18vw;
	position: absolute;
	top:3.48vw;
	left:2.24vw;
	display: block;
}
ul.containeranli li .k .txt{
	position: absolute;
	top:6.6vw;
	left:2.24vw;
	right: 2.24vw;
	font-size: 1.14vw;
	line-height: 1.7vw;
	color: #fff;
}
ul.containeranli li .k u{
	background-image:url('../picimg/jia.png');
	background-size: 100% 100%;
	width: 1.19vw;
	height: 1.19vw;
	position: absolute;
	top:28.9vw;
	left:2.24vw;
	display: block;
}
ul.yanboanli{
	width:80.6vw;height: 36.9vw;margin:auto;margin-top:2.08vw;position: relative;overflow: hidden;
}
ul.yanboanli li img {
	width:100%;
	height:100%;
}
ul.yanboanli li.a1{
	width: 32vw;
	height: 17.8vw;
	position: absolute;
	top:0px;
	left:0px;
	display: block;
}
ul.yanboanli li.a2{
	width: 32vw;
	height: 17.8vw;
	position: absolute;
	bottom:0px;
	left:0px;
	display: block;
}
ul.yanboanli li.a3{
	width: 47.3vw;
	height: 36.9vw;
	position: absolute;
	top:0px;
	right:0px;
	display: block;
}
.pengkeanli{
	width:100%;height: 54vw;margin-top:2.08vw;position: relative;overflow: hidden;
}
.itemShow{
	width:100%;height: 54vw;position: relative;overflow: hidden;
}
.itemShow img{
	width: 100%;
	height: 100%;
	position: absolute;
	top:0px;
	right:0px;
	opacity:0;
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
}
.itemShow img.over{
	opacity:1;
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
}
.itemul{
	width:100vw;height: 9vw;
	overflow: hidden;
	display: flex;
	justify-content: center; /* 主轴（竖轴）居中 */
	align-items: center;     /* 交叉轴（横轴）居中 */
	position: absolute;
	left:0px;
	bottom:3.12vw;
}
.itemul li{
	width:20vw;
	height: 9vw;
	position: relative;
	background-color: #000;
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
	filter: Alpha(opacity=70);
	margin-left: 1px;
	margin-right: 1px;
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
	cursor: pointer;
}
.itemul li img{
	width:9.6vw;height: 4.8vw;
	position: absolute;
	top:2.1vw;
	left:2.1vw;
}
.itemul li p{
	font-size: 0.83vw;
	line-height: 1.19vw;
	color: #fff;
	position: absolute;
	top: 50%;
	left: 12.5vw;
	right: 0.5vw;
	text-align: left;
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
	transform: translateY(-50%);
}
.itemul li.over{
	background-color: #9d815b;
	background: rgba(157, 129, 91, 0.7) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
	filter: Alpha(opacity=70);
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
}
.itemul li.over p{
	color: #000;
	transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);
}
ul.shuzili{
	width:100vw;height: 9vw;margin-top:2.08vw;
	overflow: hidden;
	display: flex;
	justify-content: center; /* 主轴（竖轴）居中 */
	align-items: center;     /* 交叉轴（横轴）居中 */
	position: relative;
}
ul.shuzili li{
	width:20vw;
	height: 9vw;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
ul.chuanyianli{
	width:80.6vw;height: 42vw;
	margin: auto;
	margin-top:2.08vw;
	overflow: hidden;
	position: relative;
}
ul.chuanyianli li{
	float: left;
	width:40.3vw;height: 21vw;
	margin: 0px;
	overflow: hidden;
	position: relative;
}
ul.chuanyianli li.cy3{
	width:80.6vw;
}
ul.xmtdgli{
	margin: auto;
	width:80.6vw;
	margin-top:2.08vw;
	height:auto
}
ul.xmtdgli li{
	width:80.6vw;height: 8.4vw;
	margin-bottom: 1.56vw;
	overflow: hidden;
	position: relative;
}
.shuzianli{
	width:80.6vw;height: 45.8vw;
	margin: auto;
	margin-top:2.08vw;
	overflow: hidden;
}
.shuzianli .ul{
	width:82.2vw;height: 45.8vw;
	overflow: hidden;
}
.shuzianli .ul li{
	float: left;
	width:39.5vw;height: 22.1vw;
	margin-right: 1.6vw;
	margin-bottom: 1.6vw;
	overflow: hidden;
	position: relative;
}
.shuzianli .ul.ul2{
	width:80.6vw;height: 41.2vw;
}
.shuzianli .ul.ul2 li{
	float: left;
	width:40.3vw;height: 20.6vw;
	margin-right: 0px;
	margin-bottom: 0px;
	position: relative;
}
.shuzianli .ul.ul3{
	width:82.2vw;height: 37.2vw;
	overflow: hidden;
}
.shuzianli .ul.ul3 li{
	float: left;
	width:32vw;height: 17.8vw;
	margin-right: 1.6vw;
	margin-bottom: 1.6vw;
	overflow: hidden;
	position: relative;
}
.shuzianli .ul.ul3 li.mnl{
	width:47vw;
}
.shuzianli .ul.ul4{
	width:82.2vw;height: 31.6vw;
	overflow: hidden;
}
.shuzianli .ul.ul4 li{
	float: left;
	width:39.5vw;height: 15vw;
	margin-right: 1.6vw;
	margin-bottom: 1.6vw;
	overflow: hidden;
	position: relative;
}
.shuzianli .ul.ul4 li.toph{
	width:80.6vw;
}
.shuzianli .ul.ul5{
	width:82.2vw;height: 42.7vw;
	overflow: hidden;
}
.shuzianli .ul.ul5 li{
	float: left;
	width:39.5vw;height: 19vw;
	margin-right: 1.6vw;
	margin-bottom: 1.6vw;
	overflow: hidden;
	position: relative;
}
.shuzianli .ul.ul5 li.topl{
	height: 22.1vw;
}
.shuzianli .ul.ul6{
	width:82.2vw;height: 42vw;
	overflow: hidden;
}
.shuzianli .ul.ul6 li{
	float: left;
	width:39.5vw;height: 20.2vw;
	margin-right: 1.6vw;
	margin-bottom: 1.6vw;
	overflow: hidden;
	position: relative;
}
.shuzianli .ul.ul7{
	width: 80.6vw;
	height: auto;
}
.shuzianli .ul.ul7 li{
	width:80.6vw;height: 15vw;
	margin:0px;
	overflow: hidden;
	position: relative;
}
ul.youkeanli{
	width:100vw;height: 24.4vw;margin-top:2.08vw;
	overflow: hidden;
	display: flex;
	justify-content: center; /* 主轴（竖轴）居中 */
	align-items: center;     /* 交叉轴（横轴）居中 */
	position: relative;
}
ul.youkeanli li{
	width:39vw;height: 24.4vw;
	margin-right: 1.14vw;
	margin-left: 1.14vw;
	overflow: hidden;
	position: relative;
}
ul.dzzganli{
	width:100vw;height:15vw;margin-top:2.08vw;
	overflow: hidden;
	display: flex;
	justify-content: center; /* 主轴（竖轴）居中 */
	align-items: center;     /* 交叉轴（横轴）居14中 */
	position: relative;
}
ul.dzzganli li{
	width:39vw;height:15vw;
	margin-right: 1.14vw;
	margin-left: 1.14vw;
	overflow: hidden;
	position: relative;
}
ul.hdulshow{
	width:100%;margin-top:2.08vw;
	display: grid;
	/*设置三行高度都为100px；*/
	grid-template-rows:16.4vw 16.4vw 16.4vw;
	/*设置三行宽度都为100px；*/
	grid-template-columns: 25% 25% 25% 25%;
	grid-gap:0px;
	justify-content: center; /* 主轴（竖轴）居中 */
	align-items: center;     /* 交叉轴（横轴）居14中 */
}
ul.hdulshow li{
	margin:0.7vw 0.7vw;
	height:15vw;
}
ul.hdulshow li img{
	height:12.5vw;
}
ul.hdulshow li p{
	height: 2.5vw;
	line-height: 2.5vw;
	font-size: 1.14vw;
	text-align: center;
}
.shuzianli .ul.ul3 li.ul3w{width:39.5vw;}
/* 平板设备 */
@media (max-width: 1199px) {
    #mHeader{background-color: #fff;border-bottom: 1px solid #8d6702;transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);}
	#mHeader .Logo {height: 3.036vw;
	    width:15.8vw;left: 2vw;
	    top: 1.9vw;background-image: url(../picimg/hlogo.png);}
	#mHeader .mLan_a {color: #8d6702;font-size: 1.8vw;}
	#mHeader ul li a {color:#000;font-size: 1.6vw;}
	#mHeader ul li.over a {color:#8d6702;}
	#mHeader ul li.over i.mToggle{width: 100%;background-color: #8d6702;}
	.section{height:56.25vw;}
	.hmFocus_item{height:100%;background-color: #000;}
	.hmVdoBox video{width:100%; height:auto; position:relative; left:0px; top:0px; transform:translate(0px,0px);z-index: 1;}
	.hmFocus_txt h5{ font-size: 5.3vw; line-height: 6vw;} 
	.hmFocus_txt p{ font-size: 2.25vw; line-height: 3.5vw;}
	.Utitle {margin-top: 7.5vw;transform: translate(0px,0px); opacity: 1; }
	.Uinfo .aboutimg,.Uinfo .abouttxt,.grid-Uinfo .card:nth-child(1),.grid-Uinfo .card:nth-child(2),.grid-Uinfo .card:nth-child(3),.grid-Uinfo .card:nth-child(4),.grid-Uinfo .card:nth-child(5),.grid-Uinfo .card:nth-child(6),.swiper-container,.Uinfo .hexinli:nth-child(1),.Uinfo .hexinli:nth-child(2),.Uinfo .hexinli:nth-child(3),.Uinfo .hexinli:nth-child(4),.Uinfo .hexinli:nth-child(5),.hmc5dl{transform: translate(0px,0px);opacity: 1;}
}
/* 手机设备 */
@media (max-width: 768px) {
	body{overflow-X: hidden;}
    #mHeader{line-height: 10vw;
	    height: 10vw;background-color: #fff;border-bottom: 1px solid #8d6702;transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);}
	#mHeader .Logo {height: 6vw;
	    width:31vw;left: 2vw;
	    top: 2vw;background-image: url(../picimg/hlogo.png);}
	#mHeader .mLan_a {height: 10vw;width: 10vw;line-height: 10vw;color: #8d6702;font-size: 3.6vw;right: 10vw;}
	.mOpenBtn{display: block;}
	#mHeader ul{	display: none;}
	.hmFocus_item{height: 100%;background-color: #000;}
	.hmFocus_dot{transform:scale(0.8) translateX(-50%); transform-origin:left; margin-left:-8px; bottom:22px;}
	.hmVdoBox video{width:100%; height:auto; position:relative; left:0px; top:0px; transform:translate(0px,0px);z-index: 1;}
	.hmFocus_txt h5{ font-size: 5.3vw; line-height: 6vw;} 
	.hmFocus_txt p{ font-size: 2.25vw; line-height: 3.5vw;}
	.rMenu{display: none;}
	.section{height: auto;min-height:56.25vw;overflow: visible;}
	.Uinfo{height: auto;overflow: visible;padding-bottom:5vw;}
	.hmPage2,.hmPage3,.hmPage4,.hmPage5,.hmPage6{padding-top:5vw;}
	.Utitle {margin-top: 0px;width: 28vw;height: 10vw;margin-bottom:3vw;transform: translate(0px,0px); opacity: 1; }
	.Utitle .Utitletxt {height: 7vw;font-size: 5vw;}
	.Utitle .UtitleEntxt {font-size: 2.5vw;}
	.Uinfo .aboutimg {position: relative;left:0px;top:0px;height: auto;width: 80vw;margin:0px 10vw;transform: translate(0px,0px);opacity: 1;}
	.Uinfo .abouttxt {position: relative;left:0px;top:0px;font-size: 4vw;line-height: 7vw;color: #020738;width: 90vw;margin:0px 5vw;text-align: justify;transform: translate(0px,0px); opacity: 1; }
	.Uinfo .abouttxt p strong{font-size: 4vw;}
	.product .Uinfo{
	overflow: hidden;}
	.grid-Uinfo{gap: 0px;}
	.grid-Uinfo .card{margin-bottom: 2vw;}
	.grid-Uinfo .card h3 {font-size: 4vw;line-height: 6vw;color: #434242;}
	.grid-Uinfo .card img {height: 12vw;width: 11vw;}
	.grid-Uinfo .card a {margin-top: 2vw;line-height: 3.3vw;height: 3.3vw;padding-left:2.8vw;padding-right:2.8vw;border-radius: 1.65vw;}
	.swiper-container{width: 90vw;margin-left:10vw;transform: translate(0px,0px);opacity: 1;}
	.swiper-wrapper{display:block;}
	.swiper-slide {width: 80vw;margin-bottom:10vw;transform: scale(1);}
	.Uinfo .hexinli {position: absolute;height: 8vw;width: 25vw;left: 11vw;top: 4.4vw;}
	.Uinfo .hexinli img {float: left;height: 8vw;width: 8vw;}
	.Uinfo .hexinli p {font-size: 2.5vw;line-height: 4vw;color: #FFF;margin-left: 8.5vw;}
	.m2proBanTxt strong{font-size: 3vw;}
	.m2proBanTxt p{font-size: 2vw;line-height: 3.6vw;}
	.fp-auto-height.footer{height: auto;}
	.clearfix{display: block;}
	.foolLlx{width: 100%; font-size: 3vw; line-height: 5vw;}
	.foolLlx strong{font-size: 4vw;line-height: 5vw;}
	.foolLmx{width: 100%;flex-wrap:wrap; margin-top:5vw; margin-bottom:5vw}
	.footTag a{ font-size: 3vw;line-height: 4.5vw; height: 4.5vw; width: 10vw;}
	.foolRx{width: 100%;}
	.foolRx img {height: 20vw;width: auto;}
	.copyRight{font-size: 3.2vw;line-height: 5vw;height: auto;text-align: center;}
	#fullpage .nPage {padding-top: 2vw;padding-bottom: 2vw;}
	#fullpage .nPage h2 {font-size: 3vw;line-height: 4vw;}
	#fullpage .nPage h3 {font-size: 1.8vw;line-height: 2.5vw;}
	.nPage ul li img{height: auto;margin:0px;}
	.nPage ul li{padding:0px;margin-bottom:2vw;}
	#fullpage .nPage .ul p{text-align: center;height: 4vw;line-height: 4vw;font-size: 2.8vw;padding-left: 0vw;letter-spacing: 0.5vw;}
	.container,ul.containeranli,ul.yanboanli,ul.chuanyianli,ul.xmtdgli,.shuzianli .ul,ul.youkeanli,ul.dzzganli,.shuzianli .ul.ul2,.shuzianli .ul.ul3,.shuzianli .ul.ul4,.shuzianli .ul.ul5,.shuzianli .ul.ul6,.shuzianli .ul.ul7{width:90vw;height: auto;display: revert;margin-left: auto;margin-right: auto;}
	.mh20,ul.yanboanli,.shuzianli{margin-top:2.08vw;width:90vw;height: auto;}
	.mh20 li,ul.containeranli li,ul.yanboanli li.a1,ul.yanboanli li.a2,ul.yanboanli li.a3,ul.chuanyianli li,ul.chuanyianli li.cy3,ul.xmtdgli li,.shuzianli .ul li,ul.youkeanli li,ul.dzzganli li,.shuzianli .ul.ul2 li,.shuzianli .ul.ul3 li,.shuzianli .ul.ul4 li,.shuzianli .ul.ul5 li,.shuzianli .ul.ul6 li,.shuzianli .ul.ul7 li{position: relative;float: none;height: auto;width:90vw;clear: both;padding:0px;background-color:#000;margin-bottom:2vw;}
	ul.containeranli li img,ul.yanboanli li img{position: static;width: 100%;height: auto;margin:0px;}
	ul.containeranli li .k {padding:0px;}
	ul.containeranli li .k i{width: 5vw;height: 5vw;top:4vw;left:4vw;}
	ul.containeranli li .k .txt{top:10vw;left:4vw;right: 4vw;font-size: 3vw;line-height: 5vw;}
	ul.containeranli li .k u{width: 3vw;height: 3vw;top:auto;left:auto;bottom:5vw;right:5vw;}
	.itemul li img{display: none;}
	.itemul li p{font-size: 1.8vw;line-height: 2vw;top: 2.1vw;left: 2vw;right: 2vw;text-align: left;transition: all 2s cubic-bezier(0.23, 1, 0.32, 1);}
	ul.shuzili{width:90vw;height: auto;margin:auto;margin-top:2.08vw;overflow: hidden;display: revert;position: relative;}
	ul.shuzili li{width:100%;height: auto;position: relative;margin-left: 0px;margin-right: 0px;background-color:#000;}
	ul.hdulshow{
		width:100%;margin-top:2.08vw;
		display: grid;
		/*设置三行高度都为100px；*/
		grid-template-rows:32.8vw 32.8vw 32.8vw 32.8vw 32.8vw 32.8vw;
		/*设置三行宽度都为100px；*/
		grid-template-columns: 50% 50%;
		grid-gap:0px;
		justify-content: center; /* 主轴（竖轴）居中 */
		align-items: center;     /* 交叉轴（横轴）居14中 */
	}
	ul.hdulshow li{
		margin:0.7vw 0.7vw;
		height:30vw;
	}
	ul.hdulshow li img{
		height:25vw;
	}
	ul.hdulshow li p{
		height: 5vw;
		line-height: 5vw;
		font-size: 2.28vw;
		text-align: center;
	}
}