*{margin:0;padding:0;}
body{font-family:"微软雅黑",Helvetica Neue,sans-serif,Arial;height: 100%;position: relative;}
input[type="text"] {-webkit-appearance:none;}
textarea {-webkit-appearance:none;}
h1,h2,h3,h4,h5,h6,figure {font-weight:400;}
/* ::-webkit-selection {color:#fff;background:#ff9600;}
::-moz-selection {color:#fff;background:#ff9600;}
::selection {color:#fff;background:#ff9600;} */
a {color:#333;text-decoration:none}
a:focus,a:hover {color:#e50014;transition:none}
p{margin:0}
dl,dd,ul,li {margin:0;padding:0;list-style:none}

/* header space-between;*/
.nav{
	position: relative;
	z-index: 10;
}
.nav ul{
	width: 95%;
	margin: 0 auto;
	max-width: 1500px;
	display: flex;
	justify-content: center;
}
.nav li{
	font-size: 21px;
	font-family: "楷体";
	margin: 0 3%;
	position: relative;
}
.nav li a{
	position: relative;
	display: inline-block;
}
.nav-li{writing-mode: vertical-lr;}
.nav li span{
	color: #666;
	font-size: 14px;
	font-family: "楷体";
    transition: all ease-in-out 0.35s;
}
.nav-li:hover>a,.nav-li:hover span{color:#e50014;}
.nav-li{padding-top: 1.5em;}
.nav-li>a::before,.nav-li>a::after{
    display: block;
    content: '';
    position: absolute;
    width: 28px;
    height: 1px;
    background-color: #e50014;
    margin-right: -20px;
    transform-origin: right bottom;
    transform: rotate(-50deg);
    opacity: 0;
    transition: all ease-in-out 0.35s;
}
.nav-li>a::before{
	right: -8%;
    top: 8px;
}
.nav-li>a::after{
    left: -70%;
    top: 60px;
}
.nav-li:hover a::before,.nav-li:hover a::after{
    transform: rotate(-45deg);
	opacity: 1;
}
.nav-ol{
	position: absolute;
	border-radius: 5px;
	z-index: 11;
	background: #FFFFFF;
	box-shadow: 1px 1px 10px #E2E2E2;
	text-align: center;
	height: max-content;
	opacity: 0;
	border: 1px solid #e2e2e2;
	top: 125px;
	left: 50%;
	display: none;
	transform:translateX(-50%);
	transition: all 0.5s;
}
.nav-ol li{
	padding: 20px 8px;
	border-right: 1px solid #E2E2E2;
}
.nav-ol li:last-child{
	padding: 10px 8px;
	border-right: 0;
}
.nav li:hover ol.nav-ol{
	display: block;
	opacity: 1;
}
.nav-logo a{
	width: 200px;
	margin-top: -10px;
}
.nav-logo a img{
	width: 100%;
}
/* nav-m */
.nav-m{
	display: none;
	position: fixed;
	top: 0;
	z-index: 20;
	width: 100%;
	background: #ede7d9;
	padding: 14px 0;
	box-sizing: border-box;
}
.nav-m1{padding-left:20px;min-height: 40px;}
.nav-m1 img{display: block;height: 45px;}
.nav-m2{
	position: absolute;
	top: 50%;
	right: 30px;
	padding: 20px 0;
	transform:translateY(-50%);
}
.nav-m2 span{
	display: block;
	position: relative;
	width: 40px;
	height: 6px;
	background-color: #e50014;
	border-radius: 10px;
	transition:all 0.2s;
}
.nav-m2 span::before,.nav-m2 span::after{
	content: '';
	display: block;
	width: 40px;
	height: 6px;
	position: absolute;
	background-color: #e50014;
	border-radius: 6px;
	transition:all 0.2s;
}
.nav-m2 span::before{
	top: -13px;
}
.nav-m2 span::after{
	bottom: -13px;
}
.nav-m3{
	position: absolute;
	z-index: 20;
	height: 100vh;
	margin-top: 5px;
	padding: 20px;
	box-sizing: border-box;
	width: 100%;
	background: #fff;
	font-size: 18px;
	display: none;
}
.nav-m3 ul{
	background: #fff;
}
.nav-m3 ol li a{
	padding-left: 1.8em;
}
.nav-m3 li a{
	display: block;
	padding: 0.8em;
	border-bottom: 1px solid #e2e2e2;
	background: #fff;
}

.m-active span{
	background-color: transparent;
}
.m-active span::before{
	transform: translateY(13px) rotate(-45deg);
}
.m-active span::after{
	transform: translateY(-13px) rotate(45deg);
}
.m-active .nav-m3{
	display: block;
}
/* footer */
.footer{
	background: url(../images/footer_bg.jpg) center;
	background-position-y: -40px;
	height:450px;
	margin-top: 200px;
	text-align: center;
}
.footer1{
	width: 170px;
	margin: auto;
	transform:translateY(-50%);
}
.footer1 img{
	width: 100%;
}
.footer h2{
	font-size: calc(25px + 0.5vw);
	color: #FFFFFF;
	margin: -75px auto 20px auto;
	font-family: "楷体";
}
.footer2{margin-top: 38px;}
.footer2 a{
	color: #FFFFFF;
	border-right: 1px solid #FFFFFF;
	text-align: center;
	font-size: 1.2rem;
	font-family: "楷体";
	padding: 0 25px;
	display: inline-block;
}
.footer2 a:last-child{
	border-right: 0;
}
.footer3{
	margin-top: 3%;
}
.footer p{
	text-align: center;
	color: #fff8d9;
	line-height: 2rem;
	letter-spacing:1px;
}
.footer p a,.footer p a:hover{color: #999;}
.footer span{padding: 0 10px;}


@media screen and (max-width:1330px){
.nav ul{width: 100%;}
.nav li{margin: 0 2%;}
.footer2 a {padding: 0 1%;}
}
@media screen and (max-width:1000px){
.nav li{margin: 0 1.2%;}
}
@media screen and (max-width:800px){
.header{padding-top: 73px;}
.nav{display: none;}
.nav-m{display: block;}
.footer{margin-top: 100px;height:initial;}
.footer1{width: 30%;max-width: 170px;}
.footer h2{margin-top: -15%;}
.footer p a{display: block;}
.footer2 a:last-child{border-right: 1px solid #FFFFFF;}
}