@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: 1.5rem 0 3rem 0 ;  background: url(../imgs/ban-bac.jpg) no-repeat center center;background-size: cover;}
.ban-top {width: 96%; margin: 0 auto;overflow: hidden}
.ban-logo img {width: 9.3rem;height: 3.5rem}
.ban-tel {font-size: 1.8rem;line-height: 3.5rem;font-weight: bold}
.ban-con{ width: 90%; margin:0 auto}
.ban-h3{ font-size: 3.5rem; font-weight: bold; text-align: center;background: linear-gradient(to right, #fff, #fff,#fcff01);  -webkit-background-clip: text;  color: transparent;}
.ban-img1{ width: 74%; margin:0.5rem auto 0;}
.ban-img1 img,.ban-bot img{ max-width: 100%; min-width: 100%}
.ban-h4{ width: 26.8rem; height: 3.8rem;line-height: 3.8rem;margin: 0.8rem auto;font-size: 2.1rem;font-style: italic;color: #fff;font-weight: bold;text-align: center;background: url(../imgs/ban-img2.png) no-repeat center center;background-size: contain;}
.ban-h4 span{ color: #fff601; font-size: 2.3rem; }
.ban-box{ width: 86%; margin: 0 auto; height: 7rem; background: url(../imgs/ban-img9.png) no-repeat center center;background-size: contain;}
.ban-box ul{ width: 100%;  padding-top: 1.5rem; margin-left: 3%}
.ban-box li{ width: 48%;margin-left: 2%; margin-bottom: 0.8rem}
.ban-box li img{ width: 11%}
.ban-box li span{ font-size: 1.4rem; color: #fff;margin-left: 2%; line-height: 1.8rem}
.ban-box .ban-li3 span{}
.ban-bot{ width: 96%; margin: -3rem auto 0;}
.title{ width: 94%; margin: 1.5rem auto;}
.title h3::before{
    display: inline-block;
    position: relative;
    top: .1rem;
    left: 0;
    content: "";
    width: 2.7rem;
    height: 1.3rem;
    background: url(../imgs/bd-img1.png)no-repeat;
    background-size: contain; margin-right: 1.5%
}
.title h3::after {
    display: inline-block;
    position: relative;
    top: .1rem;
    left: 0;
    content: "";
    width: 2.7rem;
    height: 1.3rem;
    background: url(../imgs/bd-img2.png)no-repeat;
    background-size: contain; margin-left: 1.5%
}
.title h3 {
    
    text-align: center;
    font-size:2.2rem;
    color: #202020;
}
.bd-name, .bd-tel {
	display: block;
	width: 60%;
	margin: 0 auto;
	padding-left: 2%;
	height: 3.5rem;
	line-height: 3.5rem;
	background: #fff;
	border: 1px solid #949494;
	border-radius: 8px;
	font-size: 1.3rem;
	margin-bottom: 1rem;
}
.bd-btn {
	display: block;
	width: 60%;
	margin: 0 auto;
	margin-top: 1.5rem;
	background: #f74c4c;
	color: #fff;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	font-size: 2rem;
	border-radius: 25px;
}
.why{ width: 100%; background: #f5f5f5; padding: 2rem 0; margin-top: 2rem}
.why .title{ margin-top: 0rem}
.why-con{ width: 90%; margin:0 auto 1rem;}
.why-con li{ width: 48%;}
.why-con li img{ max-width: 100%; min-width: 100%;}
.why-con li p{ width: 96%; margin: 0 auto; font-size: 1.4rem; color: #202020; text-align: center; margin-top: 1rem; line-height: 1.9rem; height: 4rem }
.why-btn{display: block;
    width: 56%;
    margin: 0 auto;
    margin-top: 1.5rem;
    background: #f74c4c;
    color: #fff;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    font-size: 2rem;
    border-radius: 25px;}
.kc{ width: 100%; background:#2b71e4; padding-top: 2rem; padding-bottom: 2rem }
.kc .title { margin-top: 0;}
.kc .title h3,.ls .title h3{ color: #fff;}
.kc .title p,.ls .title p{ color: #fff; font-size: 1.4rem; text-align: center}
.kc .title h3::before{
    display: inline-block;
    position: relative;
    top: 1rem;
    left: 0;
    content: "";
    width: 2.7rem;
    height: 1.3rem;
    background: url(../imgs/title-img1.png)no-repeat;
    background-size: contain; margin-right: 1.5%
}
.kc .title h3::after{
    display: inline-block;
    position: relative;
    top: 1rem;
    left: 0;
    content: "";
    width: 2.7rem;
    height: 1.3rem;
    background: url(../imgs/title-img2.png)no-repeat;
    background-size: contain; margin-left: 1.5%
}
.kc-con{ width: 96%; margin: 0 auto;}
.kc-con ul {
	overflow: hidden;
	margin: 1.5rem 0;
}
.kc-con ul li {
	float: left;
	width: 23.5%;
	height: 3rem;
	line-height: 3rem;
	
	border:1px solid #fff;
	border-radius: 8px;
	
	font-size: 1.5rem;
	color: #fff;
	text-align: center;
	margin-right: 1%;
	cursor: pointer
}

#nomar {
	margin-right: 0px;

	
	
}
.kc-con ul .cur {
	 border:1px solid #f74c4c;
	color: #fff;
	background: #f74c4c;
}

.w2 {
	width:30%
}
.w4 {
	width: 25%
}
.w3 {
	width: 25%
}
.w1 {
	width: 20%
}
.kc-con table thead,.kc-con table tbody{ width: 100%; display: inline-table}
.kc-con table thead{ background: #f3f3f3}
.kc-con table tbody{ background: #fff}
.kc-con table{border-bottom: 1px solid #c0bfbf;}
.kc-con table tr th {
	font-size: 1.4rem;
	color: #161616;
	font-weight: normal;
	text-align: center;
	height: 3.5rem;
	line-height: 3.5rem;
	
}
.kc-con table tr td {
	font-size: 1.4rem;
	color: #333;
	text-align: center;
	line-height: 2rem;
	padding: 0.8rem 0px;
	
}
.kc-con .tab-color {
    background: #ededed;
}
.fw{ width: 100%; margin-bottom: 2rem}
.fw .title{ margin-top: 2rem}
.fw .title h3{ color: #202020;}
.fw .title p,.hj .title p,.xy .title p{ color: #202020; font-size: 1.4rem; text-align: center}
.fw .title h3::before {top: 1rem;}
.fw .title h3::after {top: 1rem;}
.fw-box{ width: 90%; margin: 0 auto 1.5rem;}
.fw-box li{ width:46%; background: #fff; box-shadow:3px 3px 3px #f3f3f3;padding: 1.2rem 0px;  }
.fw-box li img{width: 3.5rem; height: 3.45rem; display: block; margin: 0 auto;}
.fw-box li p{font-size: 1.4rem;color: #202020;text-align: center;margin-top: 1rem;line-height: 1.9rem;}
.ls{ width: 100%; background: #2b71e4; padding: 2rem 0;}
.ls .swiper-container{ width: 94%; margin: 0 auto;}
.ls-box img{ width: 30%}
.ls-box div{ width: 67%;}
.ls-box div h4{font-size: 1.8rem; color: #fff}
.ls-box div h4 span{ display: inline-block; padding:0.5rem 0.8rem; border-top-left-radius:10px; border-bottom-right-radius: 10px;  font-size: 1.5rem; color: #1c1c1c; background: #ffea00; margin-left: 2%}
.ls-box div h5{font-size: 1.5rem; color: #fff; margin: 0.5rem 0}
.ls-box div p{font-size: 1.3rem; color: #fff; line-height: 1.8rem; height: 8.8rem; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden; }
.ls-box li{  padding-bottom: 1.5rem; margin-bottom: 1.5rem}
.ls .title{ margin-top: 0}
.ls .title h3::before{
    display: inline-block;
    position: relative;
    top: 1rem;
    left: 0;
    content: "";
    width: 2.7rem;
    height: 1.3rem;
    background: url(../imgs/title-img1.png)no-repeat;
    background-size: contain; margin-right: 1.5%
}
.ls .title h3::after{
    display: inline-block;
    position: relative;
    top: 1rem;
    left: 0;
    content: "";
    width: 2.7rem;
    height: 1.3rem;
    background: url(../imgs/title-img2.png)no-repeat;
    background-size: contain; margin-left: 1.5%
}
.ls-box .ls-bor{border-bottom: 1px dashed #88aff0;}
.hj{ width: 96%; margin: 0 auto;}
.hj img{ max-width: 100%; min-width: 100%}
.gf {
	width: 100%;
	background: #f9d124;
	padding: 1.5rem 0rem; margin-top: 1.5rem
}
.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: 2.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: #fd4848;
	font-size: 1.8rem;
	color: #fff;
	height: 4rem;
	line-height: 4rem;
	text-align: center
}
.fixed_a2 {
	display: inline-block;
	width: 50%;
	float: left;
	background: #2b71e4;
	font-size: 1.8rem;
	color: #fff;
	height: 4rem;
	line-height: 4rem;
	text-align: center
}
.lc{ width: 96%; margin: 0 auto;}
.lc img{ max-width: 100%; min-width: 100%}
.lc .title p{color: #202020; font-size: 1.4rem; text-align: center}
.lc table{width: 100%; margin: 1rem auto;}
.lc table tr th{font-size: 1.4rem; text-align: center; height: 2.5rem; line-height: 2.5rem;border: 1px solid #d4d4d4}
.lc table tr td{ width: 15%; font-size: 1.3rem; text-align: center; padding: 0.5rem 0; line-height: 1.8rem; border: 1px solid #d4d4d4}
.xy-con{ width: 96%; margin: 0 auto;}
.xy-ul{
	overflow: hidden;
	margin: 1.5rem 0;
}
.xy-ul li{
	float: left;
	width: 23.5%;
	height: 3rem;
	line-height: 3rem;
	border:1px solid #2b71e4;
	border-radius: 8px;
	font-size: 1.5rem;
	color: #2b71e4;
	text-align: center;
	margin-right: 1%;
	cursor: pointer
}
.xy-ul .xy-cur {
	 border:1px solid #2b71e4;
	color: #fff;
	background: #2b71e4;
}
.xy-img{ max-width: 100%; min-width: 100%;}
.gf-xq-l{ margin-top: 0.5rem}
.gf-xq-l li{font-size: 1.3rem;
    color: #666;
    line-height:1.5rem;
	padding: 0.6rem 0;
	border-bottom: 1px #c1c1c1 dashed;}
.gf-w1{ width: 20%;}
.gf-w2{ width: 30%;}
.xy-lq tr th{font-size: 1.4rem; text-align: center;  background:#2b71e4; color: #fff}
.xy-lq tr td{font-size: 1.3rem; text-align: center;  border: 1px solid #d4d4d4;padding: 0.5rem 0}
.xy-lq tr th {
    font-size: 1.4rem;
    text-align: center;
    height: 3rem;
    line-height: 3rem;
    background: #2b71e4;
    color: #fff;
}
.xy .title {
   
   margin-top: 0; padding-top: 1.5rem; 
}
.xy{background: #f3f3f3;padding-bottom: 2rem}