body {
	background-color: #EFEFEF;
	overflow-x: hidden;
}
.header {
	background-color: #fff;
	box-shadow: 0 0 5px rgb(0 0 0 / 50%);
}
#top {
	position: fixed;
	bottom: -20%;
	right: .5rem;
	width: 2.5rem;
	height: 2.5rem;
	text-align: center;
	line-height: 2.5rem;
	background-color: #fff;	
	z-index: 97;
	box-shadow: 0 0 1rem rgba(0,0,0,.5);
	cursor: pointer;
	transition: all .5s ease-in-out;
}
#top i {
	color: #EB1111;
	font-weight: bold;
	font-size: 1.2rem;
}
.header .logo img {
	width: 100%;
}
.nav_tel,
#h_menu {
	display: none;
}
.nav_tel_eq_img {
	margin: 0 auto;
}
.nav_tel_eq img {
	width: 100%;
	border: 2px solid #ff001a;
}
.form_ly_c tbody tr:nth-child(3) {
	display: none;
}
@media ( max-width: 768px ) {
	.header .h_container {
		padding: 0 .5rem;
	}
	.h_tel {
		display: none;
	}
	.header {
		height: 3rem;
		position: relative;
	}
	.header .logo {
		display: block;
		width: 10rem;
		height: 3rem;
		line-height: 3rem;
		float: left;
	}	
	#h_menu {
		display: block;
		float: right;
		margin-top: 1rem;
	}
	#h_menu span {
		display: block;
		width: 1rem;
		height: 2px;
		background-color: #333;
		margin-top: .25rem;
		transition: all .3s ease;
	}
	.clickMenu span.line1 {
		transform: rotate(45deg) translateY(.5rem);
	}
	.clickMenu span.line2 {
		width: 0 !important;
	}
	.clickMenu span.line3 {
		transform: rotate(-45deg) translateY(-.5rem);
	}
	.nav {
		position: fixed;
		width: 100%;
		height: 100vh;
		top: 3rem;
		left: -100%;
		background: #ff001a url('../images/navbg.jpg') no-repeat center / cover;
		z-index: 99;
		transition: all .5s ease-in-out;
	}
	.nav ul {
		margin: 2rem 1rem 1rem;
	}
	.nav ul li {
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: .8rem;
		border-bottom: 1px solid #c3c3c3;
	}
	.nav ul li:last-child {
		border-bottom: 0;
	}
	.nav ul li a {
		display: block;
		color: #fff;
	}
	.nav ul li a .en {
		display: none;
	}
	.nav ul li.currclass {
		font-weight: bold;
		border-bottom: 2px solid #fb8484;
	}
	.nav_tel {
		display: block;
		margin: 0 1rem;
		text-align: center;
	}	
	.nav_tel_eq_img {
		width: 5rem;
	}	
	.nav_tel_eqtx {
		display: block;
		font-size: .7rem;
		color: #fff;
		font-weight: bold;
	}
	.nav_tel p {
		margin-top: .5rem;
		font-size: 1.2rem;
		color: #fff;
	}
	.f_left,
	.form_ly_c span,
	.f_right {
		display: none;
	}
	.form_ly,
	.pc_tips,
	.footer {
		background-color: #333;
	}
	.pc_tips {
		text-align: center;
		color: #fff;
		padding-top: 2rem;
	}
	.pc_tips_tel {
		margin-top: 1rem;
		font-weight: bold;
	}
	.pc_tips_tel span {
		display: block;
	}
	.pc_tips_eq p {
		font-size: .8rem;
		padding-top: .3rem;
	}
	.form_ly {
		padding: 2rem 0;
	}
	.form_ly form {
		width: 70%;
		margin: 0 auto;
	}
	.form_ly form input {
		width: 100%;
		height: 2rem;
		line-height: 2rem;
		margin: .5rem 0;
	}
	.form_ly form .tdbg input {
		text-indent: 1rem;
	}
	.form_ly form .subtdbg input {
		background-color: #ff001a;
		color: #fff;
		font-weight: bold;
		font-size: 1rem;
	}
}
@media ( max-width: 320px ) {
	.nav ul {
		margin: 1rem;
	}
	.nav_tel_eq_img {
		width: 3rem;
		margin: 0 auto;
	}
	.nav_tel p {
		display: none;
	}
}
@media ( min-width: 769px ) {
	.header {
		width: 100%;
		height: 4rem;
	}
	.header .h_container {
		padding: 0 .5rem;
		height: 100%;
	}
	.header .logo {
		display: none;
	}	
	.header .nav {
		height: 100%;
	}
	.header .nav ul {
		height: 100%;
		font-size: 0;
	}
	.header .nav li {	
		display: inline-block;
		width: calc(100%/7);
		height: 100%;
		text-align: center;
		margin-left: -1px;
	}
	.header .nav li a {
		display: flex;
		width: 100%;
		height: 100%;
		flex-direction: column;
		justify-content: center;
		font-size: .8rem;
		background-color: #fff;
		transition: all .5s ease;
	}
	.header .nav li a .en {
		text-transform: uppercase;
		font-size: .7rem;
		padding-top: .25rem;
		color: #929292;
	}
	.header .nav li.currclass a,
	.header .nav li a:hover {
		background-color: #BB2E34;
	}
	.header .nav li.currclass a .zh,
	.header .nav li.currclass a .en,
	.header .nav li a:hover .zh,
	.header .nav li a:hover .en {
		color: #eee;
	}
	.header .h_tel {
		display: none;
	}	
	.container {
		padding: 0 2%;
	}
	.main {
		margin-top: 1rem;
		padding-top: 1rem;
		background-color: #fff;
	}
	.footer {
		padding: 1rem 0;
		padding-bottom: 5rem;
		background-color: #eee;
	}
	.footer .container {
		display: flex;
		justify-content: space-between;
	}
	.f_left {
		flex: 62%;
	}
	.f_right {
		flex: 35%;
	}
	.f_nav_ls a {
		font-size: .7rem;
		color: #888;
	}
	.f_nav_ls a::after {
		content: '/';
		padding: 0 .5rem;
	}
	.f_nav_ls a:last-child::after {
		display: none;
	}
	.f_info {
		padding: 1rem 0;
		font-size: .7rem;
		border-bottom: 1px solid #c1c1c1;
	}
	.f_info span {
		margin-right: 1rem;
	}
	.f_link {
		font-size: .6rem;
		color: #888;
		padding: 1rem 0;
		border-bottom: 1px solid #c1c1c1;
	}
	.f_link a {
		color: #888;
		margin: 0 .2rem;
	}
	.f_link a:hover {
		color: #9D3E37;
		text-decoration: underline;
	}
	.f_right {
		text-align: right;
	}
	.f_right h5 {
		font-size: 1.2rem;
		margin-bottom: .2rem;
	}
	.f_right p {
		color: #9D3E37;
		font-weight: bold;
		letter-spacing: 1px;
	}
	.pc_tips {
		position: fixed;
		top: 50%;
		right: -1px;
		width: 7rem;
		padding: 2rem 0;
		z-index: 98;
		background-color: rgba(0,0,0,.7);
		color: #fff;
		transform: translate(0, -50%);
		transition: all 2.5s ease;
	}
	.pc_tips_eq {
		text-align: center;
	}
	.pc_tips_eq p {
		font-size: .6rem;
		text-align: center;
		padding-bottom: 1rem;
		width: 70%;
		margin: .5rem auto 0;
		border-bottom: 1px solid #757575;
	}
	.pc_tips_tel {
		margin-top: 1rem;
		text-align: center;
		font-size: .8rem;	
	}
	.tips_tel_txt {
		margin-bottom: .5rem;
	}
	.pc_tips_tel span {
		display: block;
		margin: 0 auto;
		width: 6.2rem;
		height: 1.6rem;
		text-align: center;
		border-radius: .4rem;
		line-height: 1.6rem;
		background-color: #D80000;
		margin-bottom: .5rem;
		font-size: .7rem;
		font-weight: bold;
	}
	.close {
		width: 1rem;
		height: 1rem;
		position: absolute;
		top: 0;
		left: 50%;
		background-color: #D80000;
		transform: translate(-50%, -50%);
		border-radius: 50%;
		cursor: pointer;
	}
	.close::before {
		content: "";
		width: .7rem;
		height: 1px;
		position: absolute;
		top: .5rem;
		left: 50%;
		margin-left: -.35rem;
		background-color: #fff;
		transform: rotate(45deg);
	}
	.close::after {
		content: "";
		width: .7rem;
		height: 1px;
		position: absolute;
		bottom: .45rem;
		left: 50%;
		margin-left: -.35rem;
		background-color: #fff;
		transform: rotate(-45deg);
	}	
	.form_ly {
		width: 100%;
		background-color: #333;
		position: fixed;
		z-index: 98;
		bottom: 0;
		left: 0;
	}
	.form_ly_c {
		margin: 1rem 2rem;
		position: relative;
	}
	.form_ly_c tbody tr {
		display: inline-block;
	}	
	.form_ly_c tbody tr input {
		width: 6rem;
		height: 2rem;
		margin: 0 1rem;
	}
	.form_ly_c tbody .tdbg input {
		width: 10rem;
		text-indent: 1rem;
		border-radius: .1rem;
	} 
	.form_ly_c tbody .subtdbg input {
		background-color: #297E43;
		cursor: pointer;
		color: #fff;
	}
	.form_ly_c span {
		position: absolute;
		top: 0;
		right: 0;
		color: #fff;
		font-size: 1.8rem;
		font-weight: bold;
		display: none;
	}
}
@media ( min-width: 1200px ) {
	.header .logo {
		display: block;
		float: left;
		width: 20%;
		height: 4rem;
		line-height: 4rem;
	}
	.header .nav {
		float: right;
		width: 75%;
	}
	.form_ly_c tbody .tdbg input {
		width: 11rem;
	}
	.form_ly_c span {
		display: block;
		font-size: 1.2rem;
	}
}
@media ( min-width: 1400px ) {
	.header .logo {
		width: 20%;
	}
	.header .nav {
		width: 60%;
		float: left;
		margin-left: 2%;
	}
	.header .h_tel {
		display: block;
		float: right;
		width: 18%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;		
	}
	.header .h_tel .h_tel_txt {
		font-size: .7rem;
		padding-top: .25rem;
		color: #297E43;
	}
	.form_ly_c tbody .tdbg input {
		width: 12rem;
	} 	
}
@media ( min-width: 1600px ) {
	.form_ly_c tbody .tdbg input {
		width: 20rem;
	}
	.form_ly_c span {
		font-size: 2rem;
	}
}