@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 9rem ;  background: url(../imgs/ban-bac.jpg) no-repeat center center;background-size: cover;}
.top-con,.ban-con{  width: 96%; margin: 0 auto; overflow: hidden;}
.ban-logo img {width: 9.3rem;}
.ban-tel {font-size: 1.8rem;line-height: 3.5rem; color: #2359b7}
.ban-con h4{font-size: 3.5rem;font-weight: bold;color: #2359b7; margin-top: 2rem}
.ban-con h5{font-size: 2.8rem;font-weight: bold;color: #395aa6;}
.ban-con p{font-size:1.8rem;color: #395aa6; margin-top: .8rem}
.ban-con div{ display: block;width: 30%; height: 3px; background: #2359b7; margin: .8rem 0}
.ban-con a{  display: block;font-size: 1.8rem; color: #fff; font-style: normal;width:58%; background: #005aca; border-radius: 2rem; text-align: center;height:4rem; line-height: 4rem; margin-top: 1.5rem }
.title h3{ color: #333; font-weight: bold; text-align: center; font-size: 2.2rem; margin-bottom: 1.5rem}
.title span{ display: block; color: #eeeeee; font-weight: bold; text-align: center; font-size: 3rem; line-height: 3.5rem}
.bd{ width: 100%; height: auto; padding: 2rem 0; background:#3271e7; margin-top: 1rem }
.bd .title h3{ color: #fff}
.bd-con .bd-name,.bd-con .bd-tel{width:90%; padding-left:2%; height: 3.6rem; line-height: 3.6rem; margin-left: 8%;color: #0f0f0f; position: relative; margin-bottom: 1.5rem}
.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: 8%; margin-bottom: 1rem}
.xf-btn{display: block;width: 85%;height: 4rem;line-height: 4rem;background: #ffaa00; margin: 1.5rem auto 0; border-radius: 5rem;}
.xf-btn i{font-size: 2rem;color: #fff;text-align: center; display:block}
.study{ width: 100%; height: auto; background:#f5f5f5; padding: 1.5rem 0 }
.study-con{ width: 96%; margin: 0 auto; overflow: hidden}
.study-con li{ float: left; width: 48%; margin-right: 4%}
.study-con li:nth-child(2n){ margin-right:0 }
.study-con li img{ display: block;margin: 0 auto; max-width: 60%; min-width: 60%}
.study-con li p{ font-size: 1.8rem; color: #222;text-align: center;padding-top: 7rem}
.study-con li span{ width: 80%; margin: 10px auto 0;text-align: center; display: block; font-size: 1.4rem; color: #444}
.study-bac1{width: 100%;height: 19rem;background: url(../imgs/img6.png) no-repeat;margin-top: -6rem;background-size: 100% 100%;} 
.study-bac2{width: 100%;height: 19rem;background: url(../imgs/img7.png) no-repeat;margin-top: -6rem;background-size: 100% 100%;} 
.study-con li .study-bac2 p,.study-con li .study-bac2 span{color: #fff}
.lb{ width: 100%; height: auto; padding: 1.5rem 0 2rem;background:#3271e7; margin: 1.5rem auto 0;}
.lb .title h3,.why .title h3{ color: #fff}
.lb .title div,.why .title div{ background: #fff}
.lb-box{ margin-top: 1.5rem;overflow: hidden}
.lb-box li{ float: left; width:32%; border-right: 1px solid #fdfdfd;margin-left: 1%}
.lb-box li img{max-width: 35%; min-width: 35%; margin: 5px auto 0; display: block;}
.lb-box li div{ }
.lb-box li div p{font-size:1.8rem; color: #fff; margin-bottom: 5px;text-align: center;margin-top: 0.5rem}
.lb-box li div span{font-size: 1.4rem; color: #fff;display: block; text-align: center}
.lb-box li:last-child{ border-right: none}



.kc{ width: 96%; margin: 1.5rem auto 0;}
.kc-ul {overflow: hidden;margin-bottom: 1rem}
.kc-ul li {float: left; width: 16.3%; margin-right: 0.2%}
.kc-ul li div{width:100%;height: 3.5rem;line-height: 3.5rem;background: #e1f1ff;font-size: 1.3rem;color: #2b2b2b;text-align: center;margin-right: 10px;cursor: pointer}
.kc-ul .kc-cur div{ background: #3271e7; color: #fff}
.kc-ul .kc-cur span {display: block;width: 0;height: 0;border-right: 5px solid transparent;border-left: 5px solid transparent;border-top: 5px solid #3271e7;background: #fff;margin-left: 45%;}
.w1 {width: 40%}
.w2 {width: 50%}
.w3 {width: 20%}
.kc table tr{border-bottom: 1px solid #ebebeb}
.kc table tr th {font-size: 1.6rem;color: #333;font-weight: normal;text-align: center;padding: 1rem 0; border: 1px solid #ebebeb}
.kc table tr td {font-size: 1.4rem;color: #333;text-align: center;line-height: 2rem;padding: 1rem 0px;border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb}
.kc-btn,.why-btn {display: block;width:70%;height: 4rem;line-height: 4rem;border-radius: 3rem;text-align: center;font-size: 1.5rem;color: #3271e7;border:2px solid #3271e7;margin: 1.5rem auto;}



.why{ width: 100%; height: auto; padding: 1.5rem 0; background:#3271e7;margin-top: 1.5rem }
.why-con{width: 96%; margin: 0 auto}
.why-box{ margin-top: 1.5rem;overflow: hidden}
.why-box li{ float: left; background: url(../imgs/img8.png) no-repeat center center; width: 48%;height:20rem;margin-right:4%;background-size: 100%}
.why-box li p{text-align: center;font-size: 1.6rem;color: #000; margin-top:5.5rem}
.why-box li span{ display: block; width: 70%; margin:10px auto 0; text-align: center;font-size: 1.3rem;color: #666; line-height: 2rem}
.why-box li:nth-child(2){ margin-right: 0}
.why-btn{ background: #fff; width: 60%; color: #222;margin: 0 auto;font-size: 1.4rem}
.why-box li:last-child{ margin-left: 26%;margin-top: -3rem}


.ls{width:96%; margin: 1.5rem auto 0;}
.ls-con{ overflow: hidden}
.ls-con li{ margin-bottom: 1.5rem; width: 49%;margin-right:2% }
.ls-box{width: 70%; margin-left: 1%; margin-top:6px;}
.ls-box h4{ font-size:1.4rem; font-weight: bold; color: #060606; text-align: left;}
.ls-box p{font-size: 1rem; color: #232323;text-align: left; margin: 2px 0;}
.ls-box span{font-size: 1rem; color: #3e3e3e;text-align: left}
.ls-box div{ width:90%; height: 1px; background:#d3d3d3; margin: 2px 0px; }
.ls-btn{ display: block; margin: 0 auto;width: 60%; height: 4rem; line-height: 4rem; text-align: center; background: #3271e7; border-radius: 28px; color: #fff;font-size: 1.4rem; margin-top: 1rem;}
.ls-con{ margin-top:1.5rem}
.ls-con li img{ max-width:26%;min-width: 26%; margin-top: 5px}
.ls-con li:nth-child(2n){ margin-right: 0}

.last{ width: 100%; height: auto; background: #fff; padding: 0 0 1rem;margin-top: 2rem}
.last-con{width: 98%; margin: 0 auto; overflow: hidden}
.last-con li{float: left; margin:1rem 0.8% 0;width: 31%;border: 1px solid #3271e7;padding-bottom: 0.15rem}
.last-box{width: 96%;margin: -2px auto 0;height: 6rem;background: #3271e7;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:#3271e7;font-size: 2rem;color: #fff;height: 4.5rem;line-height: 4.5rem;text-align: center}