@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;display: block;
}
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;
}
}
.top{width: 96%; height: auto; background:#07142c; padding:1rem 2% }
.top-con{ overflow: hidden;}
.ban-logo img {width: 9.3rem;}
.ban-tel {font-size: 1.8rem;line-height: 3.5rem;}
.ban-tel span{ font-size: 2rem;font-weight: bold}
.ban-tel::before{ content:""; display: inline-block;background: url(../imgs/tel.png) no-repeat right;width: 1.5rem;height: 1.5rem;background-size: 100% 100%;position: relative;right: 2%;top: 0.2rem;}
.ban{width: 100%; height:auto; padding: 1rem 0 1rem ;  background: url(../imgs/ban-bac.jpg) no-repeat center center;background-size: cover;}
.ban-title{font-size: 3.2rem; color: #fff; text-align: center; line-height: 3.8rem;margin-top: 2.5rem}
.ban-title span{ display: inline-block; font-size:4.2rem;font-weight: bold;line-height: 3.8rem;vertical-align: bottom}
.ban-p{width: 80%; height: 4rem; line-height: 4rem;display: block; margin: 0 auto;background: #e05b28;text-align: center;font-size: 1.9rem;border-radius: 5rem; color: #fff;box-shadow: -1px 2px 7px #fd8541 inset; margin-top:1.5rem}
.ban-p::before{ content:""; display: inline-block;background: url(../imgs/ban-img2.png) no-repeat right;width: 0.85rem;height: 1.5rem;background-size: 100% 100%;position: relative;left: 92%;top: -1.9rem;}
.ban-ul{ width: 66%; margin: 0 auto; overflow: hidden;}
.ban-ul li{ width: 43%; color: #fff; font-size: 1.6rem; padding-left: 7%}
.ban-ul li::before{ content:""; display: block; background: url(../imgs/ban-img.png) no-repeat right; width: 1.2rem; height: 1rem; background-size: 100% 100%;  position: relative;right: 15%;top: 1.7rem;}
.title{ width: 60%; margin: 2rem auto;}
.title img,.js-con img{ max-width: 100%;min-width: 100%; display: block }
.title p{font-size: 2rem;text-align: center; color: #d65a37; margin-top: -4rem}
.js{background: url(../imgs/img2.png) repeat;width: 100%;background-size: contain;height:auto; padding-bottom: 1rem}
.js-con{width: 94%; margin: 0 auto;background: url(../imgs/img3.png) no-repeat center center;background-size: 100% 100%;padding-top: 4rem;padding-bottom: 4rem;}
.js-p{ width: 90%; margin: 0 auto; line-height: 2.8rem}
.js-con span{border-bottom:1px dashed #f2b57f; font-size:1.4rem;padding-bottom: 0.5rem}
.bac-con{ width: 100%; height: auto; background:#f4ceb9;margin-top: -2rem; padding-bottom: 10rem }
.xf{width: 94%; margin: 0 auto;}
.xf .title p{ color: #343434}
.xf-con,.kc,.online,.ls{ width: 94%; background: #ffecde;padding: 2rem 3%;margin-top: -3rem;border-radius: 1.2rem; box-shadow: 0px 3px 12px #f3b89a}
.xf-box{ width: 96%; background: #fff;padding: 1.5rem 2%;border-radius: 1.2rem}
.xf-p1{ color:#865037;font-size: 1.5rem; text-align: center; margin-bottom: 0.5rem}
.xf-ul-bac1,.xf-ul-bac2{ padding: 1rem 0; overflow: hidden;padding-left: 2%}
.xf-ul-bac1{background:#fffaf7;}
.xf-ul-bac2{ background:#faeae2;}
.xf-box ul li{ font-size: 1.5rem;color: #865037}
.xf-w1{ width:40% }
.xf-w2{ width:56% }
.xf-btn{display: block;width: 100%;height: 4rem;line-height: 4rem;background: #e86b57; margin: 2.5rem auto 0; border-radius: 5rem;}
.xf-btn i{font-size: 2rem;color: #fff;text-align: center; display:block}
.xf-btn i::before{content: "";display: inline-block;background: url(../imgs/img5.png) no-repeat right;width: 1.7rem;height: 1.75rem;background-size: 1.7rem;position: relative;right: 2%;top: 0.2rem;}
.title2{width:100%}
.local{width: 94%; background: #f6ba84;padding: 1rem 3% 2rem;border-radius: 1.2rem;margin-top: 1.5rem}
.local-p1{ color: #444; font-size:1.8rem;text-align: left;}
.local-p1::before{content: "";display: inline-block;background: url(../imgs/img7.png) no-repeat right;width: 2.6rem;height: 2.35rem;background-size: 2.6rem 2.35rem;position: relative;right: 0%;top: 0.2rem;}
.local-box{ background: #fff; width: 94%;height: auto; padding: 1rem 3%; margin: 1.5rem auto 0;border-radius: 1rem }
.local-box li{border-bottom:1px dashed #f2b57f;font-size: 1.5rem;padding:0.8rem 0}
.local-box li:last-child{border-bottom:none}
.local-box li p{ color: #d45233;  margin-bottom: 0.5rem}
.local-box li span{ color: #865037;line-height: 2.3rem;}
.qt local-p1::before{content: "";display: inline-block;background: url(../imgs/img8.png) no-repeat right;width: 3.05rem;height: 2rem;background-size: 3.05rem 2rem;position: relative;right: 0%;top: 0.2rem;}
.kc-ul{ overflow: hidden; margin-top: 1.5rem}
.kc-ul li{ width: 48%;}
.kc-img{ width: 40%;  margin: 0 auto;}
.kc-img img{ max-width: 100%; min-width: 100%}
.kc-h{ background: #ffb77a; width: 94%; padding: 1rem 3%; text-align: center; font-size: 1.5rem; color: #fff; border-top-left-radius: 1rem; border-top-right-radius: 1rem; margin-top: -3rem;height: 4rem}
.kc-box{border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem;width: 94%; padding: 1rem 3%; background: #fff; height: 9rem}
.kc-box p{font-size: 1.5rem; color: #865037;margin-bottom: 0.5rem;line-height: 2rem}
.kc-hg{ line-height: 4rem}
.title-w{ width: 70%}
.online-con{ margin-top: 2rem}
.online-con li{ overflow: hidden;border-bottom:1px dashed #f2b57f;}
.online-img{ width: 30%;  height: 8rem; background: #f6ba84}
.online-img img{ max-width: 40%; min-width: 40%; display: block; margin: 0 auto;padding-top: 2rem}
.online-p{  width: 62%; background: #fff; color: #865037;font-size: 1.5rem;text-align: left;height: 6.5rem; padding:1.5rem 4% 0}
.online-bor1 .online-img{border-top-left-radius: 1rem;}
.online-bor1 .online-p{ border-top-right-radius: 1rem;}
.online-con .online-bor2{border-bottom: none}
.online-bor2 .online-img{border-bottom-left-radius: 1rem;}
.online-bor2 .online-p{ border-bottom-right-radius: 1rem;}
.bd{ width: 100%; height:12rem; background: #f6ba84; border-radius: 1rem; margin-top: 5rem;border-bottom: 3rem solid #f6ba84;position: relative }
.bd-con{ width:90%; margin: 0 auto; padding: 2.5rem 2%; background: #fff; box-shadow: -1px -1px 8px #f3a893;position: absolute; left: 3%;top: -2rem;border-radius: 0.5rem }
.bd-con .bd-name,.bd-con .bd-tel{width:44%; padding-left:2%; height: 3.6rem; line-height: 3.6rem; background: #fff;  color: #0f0f0f; position: relative}
.bd-con input{ position: absolute; left: 0px; top: 0px;height: 3.6rem; line-height: 3.6rem;border:1px solid #c0c0c0; width: 83%;border-radius:2rem; padding-left: 17%}
.bd-name{float:left}
.bd-tel{float:right}
.bd-name::before{content: "";display: inline-block;background: url(../imgs/img19.png);width: 1.35rem;height:1.35rem;background-size: 1.35rem 1.35rem;position: relative;right: 0%;top: 0.2rem;z-index: 999;}
.bd-tel::before{content: "";display: inline-block;background: url(../imgs/img20.png);width: 1.35rem;height:1.35rem;background-size: 1.35rem 1.35rem;position: relative;right: 0%;top: 0.2rem;z-index: 999;}
.bd-con .xf-btn{margin-top: 2rem}
.ls-con{width: 94%; background: #fff;padding: 1.5rem 3%;border-radius: 1rem;}
.ls-top{overflow: hidden}
.ls-img{width: 22%;}
.ls-img img{max-width: 100%; min-width: 100%;}
.ls-name{width:75%; }
.ls-name p{font-size: 1.8rem;color:#865037; font-weight: bold; margin-top: 0.3rem}
.ls-name span{display:inline-block; padding: 0.5rem 1rem; font-size: 1.5rem;color:#e16b42; background: #ffecde; border-radius: 3rem;margin-top: 0.5rem }
.ls-xq{font-size: 1.5rem; color: #865037; margin-top: 1rem; line-height: 2.2rem}
.ls-con li{border-bottom:1px dashed #f2b57f;padding-bottom: 1.5rem; margin-top: 1.5rem}
.ls-con li:last-child{ border-bottom: none}
.fixed { background: #e86b57;padding: 1rem 3%;position: fixed;left: 0;bottom: 0;width: 94%;overflow: hidden;z-index: 99999;}
.fixed_a1,.fixed_a2 {display: inline-block;width: 46%;background: #fff;font-size: 1.8rem;color: #e86b57;height: 4.5rem;line-height: 4.5rem;text-align: center; border-radius: 3rem; font-weight: bold;}
.fixed_a1{float: left;}
.fixed_a2 {float: right;}
.fixed_a1::before{content: "";display: inline-block;background: url(../imgs/img23.png);width: 1.8rem;height:1.8rem;background-size: 1.8rem 1.8rem;position: relative;right: 1%;top: 0.3rem;}
.fixed_a2::before{content: "";display: inline-block;background: url(../imgs/img24.png);width: 1.65rem;height:1.8rem;background-size: 1.65rem 1.8rem;position: relative;right: 1%;top: 0.3rem;}