@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;
}
}

.ban{width: 100%; height:auto; padding: 1rem 0 4rem ;  background: url(../imgs/ban-bac.jpg) no-repeat center center;background-size: cover;}
.ban-con{ margin-top: 2rem}
.ban-con p{ display: block; width: 90%; margin: 0 auto;font-size: 1.5rem; color: #0060c7; text-align: center; background: #fff; text-align: center; padding: 0.8rem 0; border-radius: 50px}
.ban-con h2{ font-size: 3.5rem; color: #fff; text-align: center;font-weight: bold;margin-top:1rem}
.ban-con i{ display: block; text-align: center; font-size: 2.2rem; color: #e4ff00; text-align: center;margin-top:0.5rem}
.ban-con a{ display: block; width: 50%;margin:1rem auto 0; }
.ban-con a img{ display: block; margin: 0 auto; max-width: 100%; min-width: 100%;}
.ban-top {width: 96%; margin: 0 auto;overflow: hidden}
.ban-logo img {width: 9.3rem;}
.ban-tel {font-size: 1.8rem;line-height: 3.5rem;}
.bd-con{ width: 96%; height:auto; margin: 1.5rem auto; padding: 2rem 0; box-shadow: 1px 1px 1px -1px #a2a2a2 }
.bd-con h3,.title h3{ font-size: 2.5rem; color: #2b2b2b; text-align: center;font-weight: bold;margin-bottom: 0.3rem}
.title p{font-size: 1.6rem; color: #2b2b2b; text-align: center;}
.bd-box{ margin-top: 1rem;}
.bd-box label{ width: 80%; margin: 0 auto 1.5rem;  display: block; overflow: hidden}
.bd-box label div{ float: left; width: 30%; text-align: right;font-size: 1.5rem; color: #181818;line-height: 4rem;}
.bd-box input,.bd-box select{ float: left; width: 60%; height: 4rem; line-height: 4rem; border: 1px #e5e5e5 solid; background: #fff; border-radius: 5px; font-size: 1.2rem; padding-left: 3%;  }
.bd-box button{width: 60%; height: 4rem; line-height: 4rem; text-align: center; background:#f55456; color: #fff;border-radius: 8px;font-size: 1.8rem; margin: 0 auto; display: block }
.bd-box select{ width: 64%}
.title p{ font-size: 2.8rem; font-weight: bold; color: #0060c7; text-align: center}
.title p::before{ display: block; content: ''; background: url(../imgs/title-icon1.png) no-repeat; width: 2rem; height: 2.5rem; background-size: 100% 100%; position: relative; top: 3rem;left: 19%;}
.title p::after{ display: block; content: ''; background: url(../imgs/title-icon2.png) no-repeat; width: 1.55rem; height: 2.75rem; background-size: 100% 100%; position: relative; top: -3.2rem;left: 76%;}
.ys-con{ width: 96%; margin: 0 auto; overflow: hidden}
.ys-con li{ float: left; width: 33.3%; margin-bottom: 1.2rem}
.ys-con li img{ display: block; width: 6rem; margin: 0 auto;}
.ys-con li p{font-size: 1.2rem; text-align: center; text-align: center}
.ys-btn{display:block; margin: 1.5rem auto; width: 60%; height: 4rem; line-height: 4rem; text-align: center;  border-radius: 35px; font-size: 1.8rem;background: #0060c7; color: #fff; }
.sq-tab li{ float: left; width:23%; height: 3rem; line-height:3rem; background: #454545; color: #fff; text-align: center; font-size: 1.2rem; margin-bottom: 1.5rem; cursor: pointer; margin: 0 1%}
.sq-tab .sq-cur { background: #0060c7}
.sq .title p::before{ left:2%}
.sq .title p::after{ left: 93%}
.sq-tab-con{  background: #ededed; width: 100%; padding: 1rem 0; height: auto;  margin-top: 1.5rem}
.sq-box,.sq-tab{ overflow: hidden}
.sq-box li{ width: 47%; float: left;margin-left: 2%}
.sq-box p{ font-size: 1.2rem; color: #1b1b1b; line-height: 1.8rem;}
.sq-box .sq-top{ color: #0060c7; padding-left:2rem; font-size: 1.5rem; margin-bottom: 1rem; }
.sq-box .sq-top::before{content:""; display: block; background: url(../imgs/sq-icon.png) no-repeat right; width: 1.5rem; height: 1.4rem; background-size: 100% 100%;position: relative;left: -2rem;top: 1.4rem;}
.sq .ys-btn{ margin-top: 3rem}
.fw{ background: #0060c7; width: 100%; height: auto; padding-top: 1rem;padding-bottom: 2rem;}
.fw .title p{ color: #fff; }
.fw .title p::before{ display: block; content: ''; background: url(../imgs/title-icon3.png) no-repeat; width: 2rem; height: 2.5rem; background-size: 100% 100%; position: relative; top: 3rem;left: 1%;}
.fw .title p::after{ display: block; content: ''; background: url(../imgs/title-icon4.png) no-repeat; width: 1.55rem; height: 2.75rem; background-size: 100% 100%; position: relative; top: -3.2rem;left: 94%;}
.fw-con li{ overflow: hidden; margin-bottom: 1rem}
.fw-l{ float: left; width: 30%;  height: 12.5rem}
.fw-r{ float: right; width: 67%; background: #fff;height: 12.5rem}
.fw-l img{ max-width: 90%;min-width: 90%; display: block; margin: 2.5rem auto 0;}
.fw-r p{ width: 90%;display: block; margin-left: 5%; font-size: 1.2rem; color: #0f0f0f; line-height: 1.6rem; margin-bottom: 5px;}
.fw-r .fw-p1{ font-size: 1.5rem; color: #0060c7; line-height: 1.6rem; margin-bottom: 1rem; margin-top: 1.5rem}
.fw-bac1{background: #fef7eb;}
.fw-bac2{background: #efecff;}
.fw-bac3{background: #dfefff;}
.fw-con .fw-w{ height:16rem }
.fw-con .fw-w img{ margin-top: 4rem}
.px-img{ width:90%; margin: 0 auto; }
.px-img img{ max-width: 100%; min-width: 100%}
.px .title p::before{ left: 25%}
.px .title p::after{ left: 70%}
.ls{ width: 100%; height: auto; background:#f5f5f5; padding: 0rem 0 1.5rem 0; margin-top: 2rem }
.ls-con{ width: 96%; margin: 0 auto;}
.ls-con li{ overflow: hidden; margin-bottom: 1.5rem}
.ls-l{ width: 26%; float: left}
.ls-l img{ max-width: 100%; min-width: 100%}
.ls-r{ width: 70%; margin-left: 2%; float: left}
.ls-r p{font-size: 1.2rem; color: #333; overflow: hidden;margin-bottom: 0.8rem}
.ls-r .ls-p{font-size: 1.8rem}
.ls-r .ls-p i{line-height: 2.5rem; color: #333;}
.ls-r p span{font-size: 1.5rem; background: #0060c7;width: 20%; text-align: center; padding: 0.4rem 0; color: #fff;margin-right: 2%; float: left}
.ls-r p i{ float: left; width:76%; color: #666}
.lc-img{ width: 92%; margin: 0 auto;}
.lc-img img{ max-width: 100%; min-width: 100%}
.lc .title p::before{ left: 16%}
.lc .title p::after{ left: 79%}
.lq{width: 100%; height:auto; padding: 2rem 0 3rem ;  background: url(../imgs/lq-bac.jpg) no-repeat center center;background-size: cover;}
.lq-con .title p::before{ left: 11%}
.lq-con .title p::after{ left: 83%}
.lq-box{width:96%; margin: 0 auto;}
.lq-ul li{ float: left; width: 25%; font-weight: normal; font-size: 1.6rem; color: #fff; text-align: center;padding-bottom: 1rem }
.lq-xq ul li{float: left; width: 25%; font-weight: normal; font-size: 1.2rem; color: #fff; text-align: center;padding: 0.5rem 0}
.lq-xq ul,.lq-ul{ overflow: hidden}
.gf {
	width: 100%;
	background: #f9d124;
	padding: 1.5rem 0rem;
}

.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: 2rem
}
.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;
}
.dz {
	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: #f55456;
	font-size: 1.8rem;
	color: #fff;
	height: 4rem;
	line-height: 4rem;
	text-align: center
}
.fixed_a2 {
	display: inline-block;
	width: 50%;
	float: left;
	background:#0060c7;
	font-size: 1.8rem;
	color: #fff;
	height: 4rem;
	line-height: 4rem;
	text-align: center
}
.lq-xq ul{ margin-bottom: 0.3rem}