@charset "utf-8";
/* CSS Document */
body, html, ul, li, h1, h2, h3, h4, h5, h6, ol, img, span, p, a, i, b, em, form, label, input {
	margin: 0;
	padding: 0;
}
em {
	font-style: normal;
}
img {
	border: none;
}
a {
	text-decoration: none;
}
li {
	list-style: none;
}
tr, th, td, tbody, thead, table {
	border: none;
	margin: 0;
	padding: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
button {
	border: none
}
a {
	color: #fff
}
h1, h2, h3, h4, h5, h6, b, i {
	font-weight: normal;
	font-style: normal
}
.fl {
	float: left
}
.fr {
	float: right
}
.clear {
	clear: both
}
html {
	font-size: 20px;
}

@media screen and (max-width:1024px) {
html {
	font-size: 27.30666666666667px;
}
}

@media screen and (max-width:768px) {
html {
	font-size: 20.48px;
}
}

@media screen and (max-width:414px) {
html {
	font-size: 11.04px;
}
}

@media screen and (max-width:375px) {
html {
	font-size: 10px;
}
}

@media screen and (max-width:360px) {
html {
	font-size: 9.6px;
}
}

@media screen and (max-width:320px) {
html {
	font-size: 8.23333px;
}
}
.ban1{ width: 100%; height: 5rem; background:#891e16;}
.ban2{ width: 100%; height: 25rem; background: url(../imgs/ban-img1.jpg) no-repeat center center; background-size: cover}

.ban-box{ width: 96%; margin:  0 auto; overflow: hidden; padding-top: 0.8rem}
.ban-l{ float: left;}
.ban-l img{width: 12.9rem; height: 2.6rem}
.ban-r{ float: right; font-size: 1.2rem; font-weight: bold; color: #fff; line-height: 2.6rem}
.bd{ width: 100%; height:auto; padding-bottom: 2rem; background: #1f8e42}
.bd-title{ width: 98%; margin: 0 auto; font-size: 2rem;line-height: 3.2rem; color: #fff; font-weight: bold; padding-top: 1rem; text-align: center;}
.bd-title img{ max-width: 100%; min-width: 100%}
.bd-name, .bd-tel {
	display: block;
	width: 70%;
	margin: 0 auto;
	padding-left: 2%;
	height: 3.5rem;
	line-height: 3.5rem;
	background: #fff;
	border: none;
	border-radius: 3px;
	font-size: 1rem;
	margin-top: 1.5rem;
}
.bd-btn {
	display: block;
	width: 60%;
	margin: 0 auto;
	margin-top: 1.5rem;
	background:#F8E808;
	color: #000;
	height: 3.2rem;
	line-height: 3.2rem;
	text-align: center;
	font-size: 1.5rem; border-radius: 2rem; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
}
.img{background: #221d1e;}
.img img{ max-width: 100%; min-width: 100%;}
.con{ width: 100%; height: auto; background: #221d1e;padding-bottom: 2rem; }
.con-img1{ width: 94%; margin:  0 auto;}
.con-img1 img,.con-img2 img{ max-width: 100%; min-width: 100%; margin: 1rem 0rem}
.con-img2{ width: 60%; margin: 0 auto;}
.btn{display: block;
    width: 60%;
    height: 3rem;
    line-height: 3rem;
    color: #000;
    text-align: center;
    background: #fff200;
    font-size: 1.4rem;
    margin: 2rem auto 3rem;}

.line {
    display: block;
    width: 96%;
    height: 2px;
    background: #000;
    margin: 0 auto 2rem;
}
.yh{ width: 70%; margin: 0 auto}
.yh img{ max-width: 100%; min-width: 100%;}
.yh .bd-name,.yh .bd-tel{width: 90%;}
.yh .bd-btn{width: 90%; background: #a91d21}
.hjb{ width: 100%;}
.hjb img{max-width: 100%; min-width: 100%}
.gf {
	width: 100%;
	background: #f9d124;
	padding: 1.5rem 0rem;
}
.gf-p1 {
	display: block;
	font-size: 1.2rem;
	color: #222;
	width: 70%;
	margin: 0 auto;
	text-align: center;
	line-height: 1.5rem
}
.gf-p2 {
	display: block;
	font-weight: bold;
	font-size: 1.6rem;
	color: #000;
	width: 70%;
	margin: 0 auto;
	text-align: center;
	line-height: 2rem;
	margin-top: 0.5rem;
}
.tel {
	width: 100%;
	padding: 1rem 0rem;
	background: #f1f1f1
}
.tel p {
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	color: #333;
}
.tel a {
	font-size: 1.6rem;
	font-weight: bold;
	color: #d66711;
	display: block;
	text-align: center;
}
.qj {
	width: 100%;
	background: #0f7172;
	font-size: 1.4rem;
	color: #fff;
	line-height: 3.5rem;
	text-align: center;
	margin-bottom: 4.2rem;
}
.fixed {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	z-index: 99999;
}
.fixed_a1 {
	display: inline-block;
	width: 50%;
	float: left;
	background: #a91d21;
	font-size: 1.8rem;
	color: #fff;
	height: 4rem;
	line-height: 4rem;
	text-align: center
}
.fixed_a2 {
	display: inline-block;
	width: 50%;
	float: left;
	background: #fcff00;
	font-size: 1.8rem;
	color: #020202;
	height: 4rem;
	line-height: 4rem;
	text-align: center
}





