@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;
}
}
.clearfix:after {visibility: hidden;display: block;clear: both;height: 0;font-size: 0;content: "."}
.clear {clear: both}
.ban{width: 100%; height: auto; background: url(../imgs/ban.jpg) no-repeat center center;padding-top:1rem;background-size: cover; padding-bottom: 8rem}
.top-con,.ban-con,.one,.answer-con,.kc,.why-con,.bmkc-con,.speak,.book-con,.ry{ width: 96%; margin: 0 auto}
.top-l img{ width: 9.3rem; float: left}
.top-r{ font-size: 1.8rem;line-height: 3.5rem;color: #fff;margin-right: 2%}
.ban-con p{ font-size:2.5rem; color: #ffff3f; text-align: center }
.ban-con span{ font-size:1.5rem; color: #fff; display: block;text-align: center;  margin-top: -3px }
.ban-con h5{ font-size:3.2rem; font-weight: bold;color: #fff; text-align: center; margin-top: 5px}
.ban-con h5 b{color: #ffff3f;font-weight: bold; }
.ban-con div{ width:50%; height: 2px; background: #fff; margin:1rem auto 0rem;}
.ban-con a,.btn{display: block;margin: 1.5rem auto 0;width:60%;height: 3.5rem; background: #ffcc00;color: #333;font-size: 1.5rem;text-align: center;line-height: 3.5rem;border-radius: 30px;}
.ban-ul{ width: 89%; margin: 0 auto; overflow: hidden;}
.ban-ul li{ width: 42%; color: #fff; font-size: 1.6rem; padding-left: 7%}
.ban-ul li i{color: #ffff3f;}
.ban-ul li::before{ content:""; display: block; background: url(../imgs/icon1.png) no-repeat right; width: 1.2rem; height: 1rem; background-size: 100% 100%;  position: relative;right: 15%;top: 1.7rem;}

/****************表单*****************/
.bd{background:#f9bd05; padding:1.5rem 2%;}
.bd-top{ font-size: 2.4rem; margin-bottom:.5rem;text-align: center;}
.bd-box{ width: 90%; margin: 0 auto; }
.bd-box input{width:98%;padding-left:2%; margin-top:.5rem; height: 4.5rem; line-height:4.5rem; background: #fff; border-radius:5px; color: #0f0f0f; border: none}
.bd-box button{ display: block; width:80%; height:4rem; margin:0 auto; background: #4162c3; color: #fff; font-size: 1.8rem; text-align: center;border-radius:2rem; margin-top:1rem; border: 1px #fff solid; }

.title{ margin-bottom:1rem }
.title p{font-size: 2rem; text-align: center; font-weight: bold; color: #333}
.title span{display: block; width: 15%; height: 3px; background: #d74730; margin: 5px auto 0}
.answer{ width: 100%; height: auto; background: #f3f3f3;padding:2rem 0}
.answer-l p{ width: 100%; padding: 1.3rem 0; margin: 0 auto; background: #fff; margin-bottom: 10px}
.answer-l p span{ float: left; width:90%; font-size:1.4rem; color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; padding-left:5% }
.answer-l p span::before{content:""; display:inline-block; background: url(../imgs/img2.png) no-repeat right; width: 21px; height: 18px; background-size: 100% 100%;position: relative;left:-8px;top: 3px;}
.answer-l p a { display: inline-block; width:5%; text-align: right; margin-top: .4rem; }
.answer .btn{ background:#4162c3; color: #fff;margin-top: 10px; width:70%  }
.answer-hot span::after{content:""; display:inline-block; background: url(../imgs/img4.png) no-repeat right; width: 23px; height: 12px; background-size: 100% 100%;position: relative;left:-4px;top: -1px;}

.kc{ width: 96%;}
.w7{ width: 20%}
.w8{ width: 40%}
.w9{ width: 40%}
.kc{ margin-top: 2rem}
.kc tr th{ color: #333;text-align: center;font-size:1.4rem;border: 1px solid #dee2e6;font-weight: normal; font-weight: bold}
.kc tr td{text-align: center;font-size: 1.3rem;border: 1px solid #dee2e6; color: #444}
.kc .table td, .kc .table th{padding:0.5rem 0;vertical-align: middle;}
.kc-tab li:first-child{ background: #31c1a8;}
.kc-tab li:nth-child(2){ background: #fe8e1e;margin: 0 2%}
.kc-tab li:last-child{ background: #288fd6;}
.kc-tab li{ float: left; width: 47%; height: 3rem; line-height: 3rem; text-align: center; color: #fff; font-size: 1.5rem; cursor: pointer}
.kc .kc-tab .kc-cur{background:#4162c3;}
.kc-btn{ display: block; width: 80%; height: 3rem; line-height:3rem; background:#4162c3; color: #fff; text-align: center; margin: 0 auto; font-size: 1.4rem; border-radius: 50px }
.kc .btn{ background:#fff;border: 2px solid #4162c3; color: #333}

.ly{ width: 96%; height: auto; background: #4162c3; padding: 2rem 2%; margin-top: 2rem}
.ly .title h5{ color: #fff}
.ly-con li{ width: 48%; margin-top: 1rem}
.ly-con li img{display: block; margin: 0 auto; max-width: 30%; min-width: 30%;}
.ly-box h6{font-size: 2rem;text-align: center; color: #020202; font-weight: bold;margin-top:0.5rem }
.ly-box p{font-size:1.4rem;text-align: center; color: #020202; margin-top:0.5rem }
.ly-box{ width: 96%; height: auto; padding:1rem 2% 1.5rem 2%; height:14rem; border-radius: 5px; background: #f7f7f7;}
.ly-bac2 .ly-box{background: #fff6f5;}
.ly .title span,.ls .title span{ background:#fff }
.ly .title p,.ls .title p{ color: #fff}
.ly .btn{background: #fff}
.speak{ margin:2rem auto}
.speak-box{ margin-top: 2rem}
.speak-box li{ float: left; width:50%;background: #4162c3; padding-bottom: 1.5rem}
.speak-box li img{ display: block; max-width: 21%; min-width: 21%; margin:1rem auto 0; }
.speak-box li p{font-size: 2rem; color: #fff; font-weight: bold;text-align: center;margin-top: 0.5rem}
.speak-box li span{ display: block; width: 96%; height:6.5rem; margin: 0.5rem auto 0; text-align: center; font-size: 1.4rem; color: #fff; line-height: 1.8rem;}
.speak-box li a{ display: block; width:70%; height:3rem; line-height: 3rem; margin: 0px auto; text-align: center; font-size: 1.4rem; background: #fff; color: #222; border-radius: 3px }               
.speak-box .speak-bac2{background: #517fce;}
.bm-con{ overflow: hidden;margin-top: 1.5rem} 
.bm-con ul{ width: 25%;}
.bm-con li{ height: 4rem;line-height:4rem; text-align: center; font-size: 1.4rem; color: #333}
.bm-con .bm-bac1{ background:#1f80dc; color: #fff; font-size: 1.6rem }
.bm-con .bm-r .bm-bac1{background:#fb4f4f;}
.bm-con .bm-r2 .bm-bac1{background:#31c1a8;}
.bm-con .bm-r3 .bm-bac1{background:#288fd6;}
.bm-con .bm-bac2{ background:#dde6fe; border-radius: 3px;}

.ls{ width: 100%; height: auto; padding: 2rem 0; background:#4162c3; margin-top: 2rem }
.ls-box{width: 92%; margin: 0 auto;background: #fff; padding: 1rem 2%;}
.ls-xq{background:#f6f6f6; padding-bottom: 10px }
.ls-xq div{text-align: center; height:8rem; width: 100%; background: #626262; font-size: 1.8rem; color: #fff;padding-top: 1rem;}
.ls-xq img{display: block; max-width: 70%; min-width: 70%; margin: -5rem auto 0;}
.ls-xq p{font-size:1.4rem; text-align: center; width: 80%; margin: 0.5rem auto 0; height: 7.2rem;display: -webkit-box;    
-webkit-box-orient: vertical;    
-webkit-line-clamp: 4;    
overflow: hidden;}
.ls-xq a{display: block; width:80%; height:3rem; line-height: 3rem; margin: 1rem auto; text-align: center; font-size: 1.4rem; background: #323232; color: #fff; border-radius: 3px }
.ls .swiper-pagination-bullet,.book .swiper-pagination-bullet{ background: #999; opacity: 1}
.ls .swiper-pagination-bullet-active,.book .swiper-pagination-bullet-active{ background: #d74730}

.ry{ margin-top:2rem;}
.ry-con{ margin-top: 1rem}
.ry-con li{ float: left;width:32.5%; }
.ry-con li img{ max-width: 100%; min-width: 100%}
.ry-con li:nth-child(2){ margin: 0 1%}
.book{ width: 100%; height: auto; background: #f3f3f3;padding:2rem 0}
.book 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: 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:#4162c3;font-size: 2rem;color: #fff;height: 4.5rem;line-height: 4.5rem;text-align: center}