.w-1400{width: 100%;max-width: 1400px;margin: auto;}
/* header */
.header{width:100%;z-index:9999999999;background: rgba(255, 255, 255, 0.2);position:absolute;top:0;box-shadow:0 0 10px rgba(0,0,0,.2);}
header{width:98%;max-width:1400px;margin:auto;position:relative;z-index:20;}
header .logo{display:block;margin-right:2%;}
header .logo img{height:48px;}
header .nav li{position:relative;height:40px;padding:15px 0;}
header .nav a{display: inline-block;min-width: 110px;text-align: center;color: #fff;margin: 0 10px;}
header .nav a.home{min-width: 60px;}
header .nav .active a h3,header .nav a:hover h3{color:rgba(216, 27, 67, 1);}
header .nav a h3{font-size: 17px;margin-bottom: 5px;}
header .nav a h3 .p{display: block;}
header .nav a h3 .m{display: none;}
header .nav a p{font-size: 12px;text-align: center;text-transform:uppercase;}

header .nav-ul2{position:absolute;top:100%;width:max-content;left:0%;background:#ffffffde;transition:300ms;transform:translateY(-20px);opacity:0;visibility:hidden}
header .nav-ul2 a{width:100%;display:flex;align-items:center;justify-content:initial;position:relative;height:50px;overflow:hidden;font-size:14px;color:#333;box-sizing:border-box;padding:0 25px;margin:0;}
header .nav-ul2 a i{margin-right:5px;transform:translateY(1px);font-size:15px}
header li:hover .nav-ul2{transform:translateY(0);opacity:1;visibility:visible}
header .nav-ul2 a:hover{background:#d81b43;color:#fff}

header .phone{margin-left: 20px;font-size: 25px;color: rgb(216, 27, 67);min-width: 182px;}
.m-nav{display:none;font-size:28px;color:#eb1d4e;margin-right:20px;cursor:pointer}
.close-nav{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:#000;transition:0.5s;opacity:0;visibility:hidden}
/* banner */
.banner{position:relative}
.banner-bg{position:relative;min-height: 228px;}
.banner-bg img{width:100%;display:block;}
.banner-info{position:absolute;bottom:0;text-align:right;width:100%;}
.banner-info .info{width: 98%;max-width:1200px;margin: 0 auto;font-size: 12px;color: #fff;line-height: 44px;}
.banner-info .info a,.banner-info .info a.active:hover{margin: 0 2px;font-size: 12px;color: #d80930;}
.banner-info .info a.active{color: #fff;}
.nav-x{background:#f1f2f3}
.nav-x .info{width:100%;max-width:1200px;margin:0 auto}
.nav-x .info a{display:inline-block;width:200px;line-height:65px;text-align:center;box-sizing:border-box;position:relative;transition:0.2s}
.nav-x .info a i:before{content:"";width:7px;height:7px;display:inline-block;background:#fff;border-radius:50%;transition:0.6s;margin-right:0px;opacity:0;transform:scale(0) translateY(-2px)}
.nav-x .info a.active,.nav-x .info a:hover{color:#fff;background:#d81b43}
.nav-x .info a.active i:before,.nav-x .info a:hover i:before{opacity:1;transform:scale(1) translateY(-2px);margin-right:8px}
/* container */
.container{padding:80px 0 30px 0;width:100%;max-width:1200px;margin:0 auto}
.container img{width:100%;max-width:max-content;text-align:center}
.container p{font-size:15px;color:#494949;line-height:26px;margin:16px 0}

/* 按钮 */
.s-btn{position: relative;overflow: hidden;}
.s-btn::before {content: "";position: absolute;display: block;transition: all .6s;width: 100%;height: 0;border-radius: 50%;left: 50%;top: 50%;padding-top: 100%;transform: translateX(-50%) translateY(-50%);}
.s-btn:hover::before {animation: btn1 .6s;z-index: 1;}
@keyframes btn1 {
	0% {background:rgba(0,0,0,.25);transform:translateX(-50%) translateY(-50%) scale(0)}
	to {background:0 0;transform:translateX(-50%) translateY(-50%) scale(1)}
}
/* 分页 */
.pagination{text-align:center;list-style:none;margin:30px auto 10px;padding:0;display:flex;justify-content:center;flex-wrap:wrap}
.pagination li{display:inline-block;margin:0 5px;font-size:14px;border:none;border-radius:4px;display:flex;justify-content:center;align-items:center;box-sizing:border-box}
.pagination li a{display:flex;justify-content:center;align-items:center;box-sizing:border-box;border-radius:4px;color:#6e6e6e;background:#fff;border:1px solid #DCDCDC;min-width:42px;min-height:42px;padding:0 12px}
.pagination li a:hover,.pagination li.active a{color:#fff;background:#d81b43;border:1px solid #d81b43}
.pagination li.active a{cursor: not-allowed;}
.pagination li a:not([href]){cursor: not-allowed;}
.pagination strong{margin: 0 8px;}
/* footer */
footer{background:#212121;padding:20px 0;color:#fff}
footer a{color:#fff}
footer a:hover{color:#d81b43;opacity:1}
.footer0{margin:10px 0 20px 0;text-align:center;font-family:'youshebiaotihei';font-size:48px}
.footer0 span{color:rgb(235,29,78)}
.footer1{width:100%;max-width:1200px;margin:30px auto}
.footer1 a{width:120px;text-align:center;font-weight:bold}
.footer2{width:93%;max-width:1200px;margin:60px auto 0px}
.footer2 ul li{width:160px;line-height:28px;font-size:12px}
.footer2 ul li a{opacity:0.8}
.footer2 ul li p a{font-size:18px;opacity:1}
.footer2 ul.ul-r{width: calc(100% - 480px);}
.footer2 ul.ul-r li{text-align: center;}
.footer2 li.weixin{line-height: 22px;}
.footer2 li.weixin img{width:120px;margin-top:10px}
.footer2 ul.ul-r .r{width: calc(100% - 160px);font-size:36px;text-align:right;font-family:'youshebiaotihei';line-height:50px}
.footer2 ul.ul-r .r a{color:rgb(235,29,78)}
.footer2 ul.ul-r .r .p4{margin-top:10px;font-size:15px;text-align:right;font-family:'SourceHanSansCN'}
.footer3,.footer3 a{text-align:center;color:#cecece;font-size:12px}
#gotoTop{position: fixed;bottom: calc(50% - 150px);right: 2px;z-index: 99;background: #f02638;border-radius: 4px;opacity: 0.9;transition: all .6s;transform:translateY(50%)}
#gotoTop img{width: 40px;padding: 10px;}
#gotoTop:hover{opacity: 1;}
.nav-bottom{
	display: none;
	position: sticky;
	left: 0;bottom: 0;
	width: 100%;
	background: #fff;
	height: 60px;
	z-index: 99;
}
.nav-bottom a{
	width: 20%;
	text-align: center;
	-webkit-text-size-adjust: none;
	font-size: 12px;
	line-height: 16px;
	color: #6C6D72;
	position: relative;
	padding: 10px 0;
}
.nav-bottom a i{
	font-size: 26px;
	display: block;
	margin: auto;
	height: 24px;
	line-height: 24px;
}
.nav-bottom a .phone{
	position: absolute;
	top: 0;
	left: 50%;
	transform:translate(-50%,-46%);
	width: 48px;
	height: 48px;
	padding:4px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(0,0,0,.2);
}
.nav-bottom a .phone i{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	line-height: 46px;
	font-size: 36px;
	background: #e60031;
	color: #fff;
}

@media screen and (max-width: 1400px) {
	.w-1400{padding-left:1%;padding-right:1%;box-sizing:border-box;}
}
@media screen and (max-width: 1200px) {
	header .phone{display: none;}
	.footer2 ul li {width: 120px;}
	.footer2 ul.ul-r{width: calc(100% - 360px);}
	.footer2 ul.ul-r .r{width: calc(100% - 120px);}
	.footer2 ul.ul-r .r .p4{line-height: 24px;}
}
@media screen and (max-width: 950px) {
	header .logo img{height:36px;padding:8px 0;}
	header .m-nav{display: block;}
	header .header-r{position:fixed;height:100vh;left:-300px;top:0;bottom:0;display:block;width:280px;box-shadow:0 3px 5px #666;z-index:99;overflow-y:auto;background:#383838;transition:0.3s;}
	header .nav{width:94%;max-width:94%;margin:40px 3% 5px 3%;display:block;height:auto}
	header .nav ul{display:block}
	header .nav li{height: auto;padding: 6px 0;}
	header .nav a{display:block;padding-left:8px;font-size:18px;text-align:left;}
	header .nav a p{text-align:left;}
	header .nav a h3 .p{display: none;}
	header .nav a h3 .m{display: block;}
	header .nav ul .nav-ul2{position:relative;opacity:1;visibility:visible;transform:translateY(0);background:transparent;width:100%;margin:10px 0;box-shadow:0px 3px 10px rgba(0,0,0,.2)}
	header .nav ul .nav-ul2 a{padding:0 10px 0 25px;font-size:14px;height: 32px;line-height: 32px;color: #ffffffe0;}
	header .nav-ul2 a:hover{text-decoration:underline}
	.banner-bg img{width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;object-fit: cover;}
	.playbtn img{width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;object-fit: cover;}
	.banner-info .info{font-size: 10px;line-height: 28px;}
	.nav-x .info{flex-wrap:wrap;}
	.nav-x .info a {width: 33.3333%;font-size: 13px;}
  .nav-x .info a i::before{width: 5px; height: 5px;}
  .nav-x .info a.active i::before, .nav-x .info a:hover i::before{margin-right: 2px;}
	.footer0 {font-size: 24px;letter-spacing: -1px;}
	.footer1 {margin: 20px auto;}
	.footer2 ul,.footer2 ul.ul-r{width: 100%;margin-bottom: 20px;}
	.footer2 ul li.li1{width: 33.33%;}
	.footer2 li.weixin img{width: 90px;}
	.footer2 ul.ul-r .r{font-size: 28px;line-height: 40px;}
	.footer2 ul.ul-r .r .p4 {font-size: 12px;line-height: 21px;}
	.footer3 a:last-child{display: block;}
	.pagination li{margin:0 2px}
	.pagination li a{min-width:36px;min-height:36px;padding:0 6px;font-size:12px}
	.nav-bottom{display: flex;}
	footer {padding: 20px 0 40px;}
}