@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;
}
}
body{ background:#f6f6f6;padding-bottom: 1rem }
.ban{width: 100%; height:auto; padding: 1rem 0 1rem ;  background: url(../imgs/img1.jpg) no-repeat center center;background-size: cover;}
.top-con{  width: 96%; margin: 0 auto; overflow: hidden;}
.ban-logo img {width: 9.3rem;}
.ban-tel {font-size: 1.8rem;line-height: 3.5rem;}
.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-con{width:90%; margin: 0 auto; height:auto; padding: 4rem 0 6rem;  background: url(../imgs/img2.png) no-repeat center center;background-size: contain;}
.ban-con p{ color: #fff; font-size: 1.8rem; text-align: center;margin-top: 2rem;}
.ban-con h5{ color: #fff; font-size: 3.2rem; font-weight: bold; text-align: center}
.ban-con h6{ color: #f5a817; font-size: 4rem; font-weight: bold; text-align: center}
.ban-con a{ display: block; margin: 0.5rem auto 0; width: 45%;height: 3rem;line-height: 3rem;
background: #f5a817;color: #020202;text-align: center;font-size: 1.6rem; border-radius: 1px;}
.bd{width: 96%; margin: -2rem auto 0; background:#f5a019;padding: 2rem 0 }
.bd-box{ width: 96%; margin: 0 auto;}
.bd-title p{ font-size: 2.2rem;color: #1d1e1e; text-align: left}
.bd-title span{ display: block; width:100%; height: 1px;  background: #e2e2e2; margin-top: 5px}
.bd-title b{ display: block; width:35%; height: 5px;  background: #146580;margin-top: -3px;}
.bd-bot{ margin-top:1rem}
.bd-bot input,.bd-bot select { display: block; width: 70%; margin: 0 auto; height:4.4rem;line-height: 4.4rem;background: #fff;border-radius: 5px;color: #666;font-size: 1.5rem;padding-left: 5%;line-height: 100%; border: 1px solid #d3d3d3; margin-bottom: 1rem}
.bd-bot select{width: 75%;}
.bd-bot button {width:75%;display: block; height: 4.4rem;line-height: 4.4rem;background: #146580;color: #fff;font-size: 2rem;text-align: center; border-radius: 5px;margin: 0 auto }
.one{ width: 96%; height: auto; background: #327890; padding:2rem 2%; margin-top: 1.5rem}
.one-top{ width: 100%; height: auto; background: #fff; padding: 1.5rem 0 }
.one-l,.one-r{  width: 48%; height: 16rem; background: #fff; padding:1.5rem 0; margin-top: 1.5em}
.one h6{ width: 50%; margin: 0 auto; background:#be2b46; color: #fff; height: 3.5rem; line-height: 3.5rem; text-align: center; font-size: 1.8rem }
.one p{width: 94%; margin: 0 auto; font-size: 1.4rem; color: #3c3c3c; line-height: 1.8rem; margin-top: 1rem}
.one .one-l h6,.one .one-r h6{width: 80%;}
.one-btn{width:70%;display: block; height: 4rem;line-height: 4rem;background: #f5a817;color: #020202;font-size: 2rem;text-align: center; border-radius: 2px;margin: 2.5rem auto 0 }
.why{ margin-top: 1.5rem}
.title h5{ font-size: 2.5rem;font-weight: bold; color: #222; text-align: center}                     
.title p{font-size:1.4rem; width: 90%; margin: 0 auto; color: #0e0e0e; text-align: center;margin-top:5px;}
.title img{ display: block; margin: 5px auto 0;}
.title p span{ color: #be2b46}
.why-con{ width:92%; margin: 0 auto; padding: 2rem 2% 0 2%; background-color: #fff; background-image: url(../imgs/img4.png) ; background-repeat: no-repeat; background-position: right bottom; background-size: 40%; border-radius: 5px}
.why-con ul{padding-bottom:2.5rem }
.why-con li{ border-bottom: 1px dashed #b5b5b5;padding-top: 1rem;padding-bottom: 1rem}
.why-con li h6{ font-size: 2rem ;color: #000; font-weight: bold}
.why-con li h6 span{ display: inline-block;padding:0.2rem 0.5rem; background:#be2b46; color: #fff; font-size: 1.2rem; margin-right: 2% }
.why-con li p{color: #020202;font-size:1.5rem; margin-left: 7%;margin-top: 0.5rem}
.why-con li:last-child{ border-bottom: none}
.kc{ width: 96%; margin: 2rem auto 0}
.kc ul li{ margin-top: 1px; overflow: hidden}
.kc-l{ width:30%; background-color: #0e4e65; background-image: linear-gradient(to right, #0e4e65 , #31768e); height: 3rem; padding:2.5rem 0; text-align: center;font-size: 2rem;color: #fff; }
.kc-r{ width: 70%; height: 8rem;}
.kc-r p{font-size: 1.5rem;margin-left: 4%; margin-bottom:2px }
.kc-tx1 .kc-r p:first-child{ margin-top: 2rem}
.kc-text .kc-r p:first-child,.kc-tx2 .kc-r p:first-child{ margin-top: 0.8rem}
.kc-tx1 .kc-l{ padding:3rem 0; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem }
.kc-tx3 .kc-l{ border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem }
.kc-tx1 .kc-r{margin-top: 1rem}
.kc-tx .kc-r{background:#e2e9eb;}
.kc-text .kc-r{background:#fff;}
.kc-tx2 .kc-l{height: 5rem;padding: 2.5rem 0;}
.kc-tx2 .kc-r{height:10rem;}
.kc-tx3 .kc-r{height:9rem;}
.ly{ width: 96%; height: auto; background: #327890; padding: 3rem 2%; margin-top: 2rem}
.ly .title h5{ color: #fff}
.ly-con li{ width: 48%; margin-top: 1rem}
.ly-con li img{display: block; width: 8rem; margin: 0 auto}
.ly-box h6{font-size: 2rem;text-align: center; color: #020202; font-weight: bold}
.ly-box p{font-size:1.4rem;text-align: center; color: #020202; margin-top:0.5rem }
.ly-box{ width: 96%; height: auto; padding:4.3rem 2% 1.5rem 2%; height:11rem; border-radius: 5px; background: #f7f7f7; margin-top: -4rem}
.ly-bac2 .ly-box{background: #ffecea;}
.ly .ly-h{ height:13rem}
.ls{ margin-top: 2rem}
.ls-img{ width: 96%; margin:1.5rem auto 0}
.ls-img img{max-width: 100%; min-width: 100%}
.last{ width: 100%; height: auto; background: #fff;margin-top: 2rem; padding: 2rem 0}
.last-con{width: 98%; margin: 0 auto; overflow: hidden}
.last-con li{ float: left; margin: 1rem 0.8% 0; width: 31%; border: 1px solid #327890;padding-bottom: 0.15rem}
.last-box{ width: 96%; margin: -2px auto 0; height: 6rem; background: #327890;padding: 1.5rem 0;}
.last-box h6{font-size: 1.6rem;text-align: center; color: #fff;}
.last-box p{font-size:1.2rem;text-align: center; color: #fff; margin-top:0.5rem }
.last-btn .last-box h6{ line-height: 6rem}
.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: #f5a817;font-size: 2rem;color: #202020;height: 4.5rem;line-height: 4.5rem;text-align: center}
.fixed_a2 {display: inline-block;width: 50%;float: left;background:#146580;font-size: 2rem;color: #fff;height: 4rem;line-height: 4rem;text-align: center}