/* header */
.header{height:88px}
header{position:fixed;top:0;left:0;width:100%;z-index:999;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.06);}
header .content{height:88px}
header .logo img{height:35px}
header .nav{font:16px 'Song500'}
header .nav .li{line-height:44px;margin:0 1.6vw}
header .nav .li a{position:relative}
header .nav .li a::after{
	content:'';position:absolute;left:50%;bottom:0;transform:translateX(-50%);
	width:0;height:2.2px;border-radius:10px;background:#D19727;transition:all .3s;
}
header .nav .li.active a::after,header .nav .li:hover a::after{width:25px}
header .links{font:16px 'HarmonyOS-Medium';color:#282828;margin-left:1.2vw;}
header .links a{margin:0 3px;display:inline-block;color:#BBB;position:relative;line-height:46px;}
header .links a.a1{color:#282828}
header .links a:hover{color:#D19727}
header .links a.a1::after,header .links a:hover::after{
	content:'';position:absolute;left:50%;bottom:6px;transform:translateX(-50%);
	display:block;width:4px;height:4px;border-radius:50%;background:#282828;
}
header .nav-icon{
	display:none;cursor:pointer;position:relative;height:26px;width:26px;z-index:100000;
	transform:rotate(0deg);transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
header .nav-icon.open{transform:rotate(90deg);}
header .nav-icon svg{
	position:absolute;left:0;top:0;fill:#333;
	transform:translateZ(0) rotate(0deg);
	transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
header .nav-icon svg rect{transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
header .nav-icon .top rect{transform:translate3d(0, -8px, 0);}
header .nav-icon .bottom rect{transform:translate3d(0, 8px, 0);}
header .nav-icon.open .top{transform:rotate(45deg);}
header .nav-icon.open .middle{display:none}
header .nav-icon.open .bottom{transform:rotate(-45deg);}
header .nav-icon.open .top rect{transform:translate3d(0, 0, 0);}
header .nav-icon.open .bottom rect{transform:translate3d(0, 0, 0);}
.m-nav{position:fixed;left:0;top:-100%;opacity:0;width:100%;height:100%;background:#fff;z-index:9999;overflow-y:scroll}
.m-nav.nav-show{
	top:0;opacity:1;
	animation-duration:0.5s;animation-name:fade-in;
	-moz-animation-duration: 0.5s;-moz-animation-name: fade-in;
	-webkit-animation-duration: 0.5s;-webkit-animation-name: fade-in;
}
@keyframes fade-in {
	0% { display: none; opacity: 0; height: 0; }
	1% { display: block; opacity: 0; height: 0; }
	100% { display: block; opacity: 1; height: 100%; }
}
@-moz-keyframes fade-in {
	0% { display: none; opacity: 0; height: 0; }
	1% { display: block; opacity: 0; height: 0; }
	100% { display: block; opacity: 1; height: 100%; }
}
@-webkit-keyframes fade-in {
	0% { display: none; opacity: 0; height: 0; }
	1% { display: block; opacity: 0; height: 1%; }
	100% { display: block; opacity: 1; height: 100%; }
}
.m-nav .box1{position:relative;margin:28px 0;padding:32px 0 8px;text-align:center}
.m-nav .nav-icon{
	position:absolute;right:0;top:0;cursor:pointer;width:25px;height:25px;transition:all .4s;
	background:url('../images/icon/cancel.png') no-repeat center;background-size:25px;
}
.m-nav.nav-show .nav-icon{transform:rotate(360deg)}
.m-nav .logo{display:block;padding-top:50px;}
.m-nav .logo img{width:60px;height:auto;}
.m-nav .nav a{position:relative;display:block;height:60px;line-height:60px;color:#282828;font-size:22px;text-align:center;transition:all .4s}
.m-nav .nav a::after{
	content:'';position:absolute;left:50%;bottom:8px;transform:translateX(-50%);opacity:0.8;
	width:0;height:1.5px;border-radius:20px;background:#282828;transition:all .3s;
}
.m-nav .nav .active a::after,.m-nav .nav a:hover::after{width:30px}
.m-nav .box3{margin:42px 0 0;text-align:center;font-size:15px;color:#BBB}
.m-nav .box3 a{margin:0 3px;display:inline-block;padding-bottom:14px;position:relative;font-family:'HarmonyOS-Medium';color:#BBB}
.m-nav .box3 a.a1{color:#282828}
.m-nav .box3 a.a1::after{
	content:'';position:absolute;left:50%;bottom:6px;transform:translateX(-50%) rotate(45deg);
	display:block;width:4.5px;height:4.5px;background:#282828;
}
/* banner */
.banner{background:#F8F8F8;padding:24px 0 18px;display:none;}
.banner .desc{font-size:11px;color:#000}
.banner .typename{display:inline-block;margin:2px 0 22px;font:18px 'Song700'}
.banner .ul{padding:0 35px 0 0;box-sizing:border-box}
.banner .ul a{display:inline-block;font:13px 'Song700';height:25px;line-height:25px;padding-right:16px;margin-bottom:7px}
.banner .ul a span{vertical-align:middle;}
.banner .ul a img{width:11px;margin-left:2px;vertical-align:middle}
.banner .ul a.active{opacity:0.6;}
.bannerP .typelitpic{background: #F1F1F1;text-align:center;}
.bannerP .typelitpic img{max-width: 556px;}
.bannerP .desc{display:none;background:#F1F1F1;text-align:center;font-size:22px;line-height:1.9;padding:76.5px 0;}
.bannerP .content{max-width:946px;}
.bannerP .ul{padding: 36px 0;}
.bannerP .ul a{display:inline-block;font:16px 'Song700';padding-right:22px;margin-bottom:7px}
.bannerP .ul a span{vertical-align:middle;}
.bannerP .ul a img{width:15px;margin-left:5px;vertical-align:middle;}
.bannerP .ul a.active{opacity:0.6;}
/* 内容 */
.content{max-width:1280px;width:calc(100% - 40px);margin:auto;}
.content1{max-width:946px;width:calc(100% - 40px);margin:auto;}
.title0{text-align:center;font-size:calc(1vw + 20px);padding-top:5.5%}
.more{
	display:block;margin:auto;border:1px solid #666666;width:max-content;
	text-align:center;font-size:20px;line-height:46px;padding:0 5%;transition:all .6s;
}
.more:hover{background:#111;color:#fff}
/* footer */
footer{background:#3C3C3C;padding:46px 0 36px;}
footer,footer a{color: #fff;}
footer:hover,footer a:hover{color: #fff;}
footer .nav a{font-family:'Song700';}
footer .nav .sub1-menu{transition:.36s ease;}
footer .nav .sub1{display:block;height:90px;line-height:90px;border-bottom:1px solid #eaeaea;color:#5e5e5e;font-size:20px;position:relative}
footer .nav-open .sub1{border-color:transparent;}
footer .nav .cross{width:20px;position:absolute;right:0;top:50%;transform:translateY(-50%);cursor:pointer;padding:10px 30px;transition:all .4s}
footer .nav-open .cross{transform:translateY(-50%) rotate(-180deg);}
footer .sub2-menu{display:none;border-bottom:1px solid #eaeaea;}
footer .nav-open .sub2-menu{display:block;padding:0 35px 20px 0;box-sizing:border-box;}
footer .nav .sub2{display:inline-block;font-size:16px;font-family:'Song500';height:28px;line-height:28px;padding-right:16px;margin-bottom:5px}
footer .nav .sub2 img{width:15px;margin:-2px 0 0 5px;}
footer .nav .active .sub1 a{opacity:0.7}
footer .nav .nav-open .sub2.active2{opacity:0.6}
footer .footer1{margin-top:50px;text-align:center;font-size:16px;line-height:1.5;}
footer .footer1 .p1{font:16px 'Song500'}
footer .footer1 .p1 a{position:relative;line-height:50px;}
footer .footer1 .p1 a.a1::after,footer .footer1 .p1 a:hover::after{
	content:'';position:absolute;left:50%;bottom:6px;transform:translateX(-50%);
	display:block;width:4px;height:4px;border-radius:50%;background:#fff;
}
footer .footer1 .p1 .li{margin:0 1.6vw}
footer .footer1 .links{font:16px 'HarmonyOS-Medium';color:#fff;margin-left:1.2vw;}
footer .footer1 .links a{margin:0 3px;display:inline-block;}
footer .footer1 .p2,footer .footer1 .p3{font-size:12px;color:#ccc;margin:10px 8px 5px;font-family:'HarmonyOS';display:inline-block;}
footer .footer1 .p2 a,footer .footer1 .p3 a{color:#ccc;}
.fixed{position:fixed;bottom:10%;right:1.6%;z-index:100;}
.fixed .box{position:relative;}
.fixed .box p{
	position:absolute;right:0;top:0;z-index: -1;width:80px;height:60px;padding:0px;border-radius:60px;
	color:#fff;background: #D9D9D9;transition:all 1s;visibility:hidden;opacity:0;
}
.fixed .box1 p{font-size:20px;}
.fixed .box:hover p{visibility:visible;opacity:1;width:170px;padding:0 60px 0 20px;}
.fixed .box a{display:block;width:60px;height:60px;margin-bottom:10px;border-radius:50%;}
.fixed .box1 a{background:url(../images/icon/Tel.png) no-repeat center center #D9D9D9;}
.fixed .box2 a{background:url(../images/icon/Email.png) no-repeat center center #D9D9D9;}
.fixed .box3 a{background:url(../images/icon/goTop.png) no-repeat center center #D9D9D9;}
/* Adaptive */
@media screen and (max-width: 900px) {
	.header{height:77px}
	header .content{height:77px}
	header .logo img{height:32px}
	header .nav{display:none;}
	header .m-nav .nav{display:block;}
	header .nav-icon{display:block;}
	.banner{display:block;}
	.bannerP{display:none;}
	footer{padding:28px 0 32px;}
	footer .nav .sub1{height:60px;line-height:60px;font-size:15px;}
	footer .nav .cross{width:18px;padding:10px 5px;}
	footer .nav .sub2{font-size:13px;height:20px;line-height:20px;}
	footer .nav .sub2 img{width:11px;}
	footer .footer1{font-size:14px;margin-top:70px;}
	footer .footer1 .p1 .li{display:none;}
	footer .footer1 .links{margin-left:0;font-size:14px;}
	footer .footer1 .p1 a.a1::after,footer .footer1 .p1 a:hover::after{bottom:10px;}
	footer .footer1 .p2,footer .footer1 .p3{display:block;font-size:10px;margin:0 0 5px;}
	.fixed .box{display:none;}
	.fixed .box3{display:block;}
	.fixed .box3 a {width:50px;height:50px;background-size:28px;}
}