@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;  background: url(../imgs/ban-bac2.jpg) no-repeat center center;background-size: cover;}
.top-con{ overflow: hidden;}
.ban-logo img {width: 9.3rem; margin-left: 2%;padding-top: 0.5rem}
.ban-tel {font-size: 1.8rem;line-height: 3.5rem; margin-top: 0.5rem; color: #ffbd03;margin-right: 2%}
.ban-logo{width: 14.15rem; height:5.6rem;  background: url(../imgs/ban-bac1.png) no-repeat center center;background-size: cover;}
.ban-con{ width: 96%; margin: 0 auto;}
.ban-con p{font-size: 1.7rem; color: #282828; font-weight: bold; margin-top: 1rem}
.ban-con h5{font-size: 3.6rem; color: #4574b6; font-weight: bold;}
.ban-con h5 i{color: #fff;font-weight: bold;}
.ban-con span{ display: block; font-size: 2.5rem; color: #282828; font-weight: bold}
.ban-con p::before{content:""; display:inline-block; background: url(../imgs/img3.png) no-repeat right; width: 1.75rem; height:1.85rem; background-size: 100% 100%;position: relative;left:-6px;top: 3px;}
.ban-div{ float: left; display: block; margin: 1rem auto 0; width: 90%;height: 4rem;line-height: 4rem;background: #1f81dd;color: #fff;text-align: center;font-size:1.6rem; border-radius: 1px;}
.ban-ul{ width:86%; margin-top: 1rem;overflow: hidden}
.ban-ul li{ width: 45%; float: left; line-height: 3rem; text-align: center;transform:skew(-10deg);-webkit-transform: skew(-10deg);-moz-transform: skew(-10deg);-o-transform:skew(-10deg);-ms-transform:skew(-10deg); border-radius: 2px; margin-top: 0.5rem }
.ban-ul li span{transform:skew(10deg);-webkit-transform: skew(10deg);-moz-transform: skew(10deg);-o-transform:skew(10deg);-ms-transform:skew(10deg);font-size: 1.5rem;color:#fff; font-weight: normal}
.ban-w1{ background:#28aceb; margin-left: 3%}
.ban-w2{background:#017ac1; margin-left: 2%}
.ban-w3{background:#0771c0;margin-left: 5%}
.ban-w4{background:#1b57aa;margin-left: 2% }
.ks,.ys,.rk,.sq,.kc,.ls{ width: 96%; margin: 2rem auto;}
.title h6 {font-size: 2.4rem; color: #000;font-weight: bold;text-align: center;}
.title span {display: block;margin: -0.8rem auto 0;width: 60%;height: 0.8rem;background: #d0daff;}
.title p {font-size: 1.3rem;text-align: center;color: #282828; margin-top: 0.5rem}
.ks-con{ margin-top:7rem;}
.ks-con li{ float: left; width: 50%; margin-bottom: 20rem;}
.ks-top{ width: 9rem; height: 9rem; border-radius: 50%; background:#fff; border: 2px solid #1984dd;margin: -23rem auto 0;}
.ks-img{ width: 16%; margin: 0 auto; padding-top: 0.5rem}
.ks-img img{ max-width: 100%; min-width: 100%}
.ks-top p{ font-size: 1.6rem; text-align: center; font-weight: bold;color: #1984dd;margin-top: 5px}
.ks-top span{ display: block; font-size: 1.4rem; text-align: center; color: #1984dd; line-height: 1.8rem}
.ks-bot{ width: 94%; height: 12rem;font-size: 1.4rem;background: #1984dd;padding: 0 3%; color: #fff9e1;padding-top:5rem;line-height:1.8rem; }
.ks-btn{ display:block;width: 92%; margin:0 auto; overflow: hidden}
.ks-btnl{ float: left; width: 50%; height: 4rem;line-height: 4rem;background: #fb4f4f;border-radius: 6rem; border-top-right-radius:0;border-bottom-right-radius: 0;color: #fff;text-align: center; font-size: 1.6rem; }
.ks-btnr{ float: left; width: 50%; height: 4rem;line-height: 4rem;background: #1b84dd;border-radius: 6rem; border-top-left-radius:0;border-bottom-left-radius: 0;color: #fff;text-align: center; font-size: 1.6rem; }
.ks-bac2 .ks-top{border: 3px solid #6e65de;}
.ks-bac2 .ks-top p,.ks-bac2 .ks-top span,.ks-bac2 .ks-btn{color: #6e65de}
.ks-bac2 .ks-bot{background: #6e65de;}
.ks-bac3 .ks-top{border: 3px solid #515cc7;}
.ks-bac3 .ks-top p,.ks-bac3 .ks-top span,.ks-bac3 .ks-btn{color: #515cc7}
.ks-bac3 .ks-bot{background: #515cc7;}
.ks-bac4 .ks-top{border: 3px solid #7d6cc0;}
.ks-bac4 .ks-top p,.ks-bac4 .ks-top span,.ks-bac4 .ks-btn{color: #7d6cc0}
.ks-bac4 .ks-bot{background: #7d6cc0;}
.ks-bac5 .ks-top{border: 3px solid #529ec8;}
.ks-bac5 .ks-top p,.ks-bac5 .ks-top span,.ks-bac5 .ks-btn{color: #529ec8}
.ks-bac5 .ks-bot{background: #529ec8;}
.ks-bac6 .ks-top{border: 3px solid #4574b6;}
.ks-bac6 .ks-top p,.ks-bac6 .ks-top span,.ks-bac6 .ks-btn{color: #4574b6}
.ks-bac6 .ks-bot{background: #4574b6;}
.ks-con .ks-bac5,.ks-con .ks-bac6{ margin-bottom:16rem }
.ys ul{ margin-top:1rem; overflow: hidden }
.ys-l{width:50%; height: 25rem; background:#f9f8f8;  }
.ys-xq{width: 94%; margin: 0px auto;}
.ys-img{ width:35%; margin: 1rem auto 0;}
.ys-img img{max-width: 100%; min-width: 100%}
.ys-xq h5{ color: #282828; font-size: 1.6rem; font-weight: bold;text-align: center;margin-top:0.8rem}
.ys-xq p{ color: #282828; font-size: 1.5rem; text-align: center; margin-top: 0.5rem}
.ys-xq span{display: block;font-size: 1.4rem; color: #333; line-height: 1.8rem; text-align: center; margin-top:0.5rem}
.ys-xq p::before{ content: ''; width: 15%; height: 1px; display:inline-block; background: #999;right: 5%;top: -0.5rem;position: relative;}
.ys-xq p::after{ content: ''; width: 15%; height: 1px; display:inline-block; background: #999;left: 5%;top:-0.5rem;position: relative;}
.ys-white{ background:#1f80dc }
.ys-white .ys-xq p::before,.ys-white .ys-xq p::after{background: #fff;}
.ys-white .ys-xq h5,.ys-white .ys-xq p,.ys-white .ys-xq span{ color: #fff}
.ys-btn{width:70%;display: block; height: 4rem;line-height: 4rem;background: #fb4f4f;color: #fff;font-size: 2rem;text-align: center; border-radius: 4rem;margin: 2rem auto 0 }
.rk ul{ overflow: hidden}
.rk ul li{ float: left;width: 25%; margin-top: 1.3rem}
.rk ul li div{ width:70%;display: block; margin: 0 auto; height: 8rem}
.rk ul li img{  max-width: 100%; min-width: 100%;}
.rk ul li p{ text-align: center; font-size: 1.4rem; color: #222}
.rk .rk-w div{width:80%;}
.rk ul li:last-child div{ width:45%;}
.sq ul{ margin-top: 1.5rem; overflow: hidden}
.sq ul li{width: 20%; float: left}
.sq ul li p{ font-size:1.4rem; color: #282828; line-height: 1.8rem; text-align: center;margin-bottom: 0.5rem}
.sq ul li div{ width: 100%; height:25rem; background:#0044fb; padding-top: 2rem}
.sq ul li div p{ font-size:1.4rem; color: #fff; text-align: center;margin-bottom: 0.5rem }
.sq ul li span{ display: block; font-size:1.4rem; color: #282828; line-height: 2rem; text-align: center;margin-top: 0.5rem}
.sq ul .sq-h2{ margin-top: 5rem}
.sq ul .sq-h2 div{height:20rem; background:#215cf9; padding-top: 2rem}
.sq ul .sq-h3{ margin-top: 8.2rem}
.sq ul .sq-h3 div{height:15rem; background:#3b70fb; padding-top: 2rem}
.sq ul .sq-h4{ margin-top: 16.8rem}
.sq ul .sq-h4 div{height:10rem; background:#5683fa; padding-top: 2rem}
.sq ul .sq-h5{ margin-top: 23.6rem}
.sq ul .sq-h5 div{height:5rem; background:#759afc; padding-top: 2rem}
.kc-con{ overflow: hidden;margin-top: 1.5rem} 
.kc-con ul{ width: 49.5%;}
.kc-con li{ height: 4rem;line-height:4rem; text-align: center; font-size: 1.5rem; color: #333}
.kc-con .kc-bac1{ background:#1f80dc; color: #fff; font-size: 1.7rem }
.kc-con .kc-r .kc-bac1{ background:#fb4f4f;}
.kc-con .kc-bac2{ background:#dde6fe; border-radius: 3px;}
.bd{ width:100%; height:auto; background:#3b70fb; padding:1rem 0 2rem;}
.bd-con{ width:96%; margin:0 auto; overflow:hidden}
.bd-con h6{ font-size: 2.4rem; color:#fff;text-align: center;font-weight: bold;margin-bottom: 1rem}
.bd-con h6 span{color:#ef8266 }
.bd-con input,.bd-con select {width: 80%;height:4rem;line-height: 4rem;background: #fff;border-radius: 5px;color: #666;font-size: 16px;padding-left: 5%;line-height: 100%;margin:0 auto 1.5rem;border: none; display:block}
.bd-con button {width: 85%;display:block;margin:0 auto;height:4rem;line-height: 4rem;background: linear-gradient(45deg,#f19c76,#ed715c ); background: -webkit-linear-gradient(45deg,#f19c76,#ed715c );color: #fff;font-size: 1.6rem;text-align: center; border-radius: 50px; }
.ls-con{ overflow: hidden; margin-top: 1.5rem}
.ls-con li{ float: left; width: 40%; margin: 0 5% 1rem}
.ls-con li img{ max-width: 100%; min-width: 100%;}
.ls-con li p{font-size:1.7rem; color:#333;text-align: center;font-weight: bold; margin-top: 0.5rem}
.ls-con li span{ display: block; font-size:1.4rem; line-height: 1.8rem; margin-top:0.5rem;color:#333;text-align: center;}

.last{width: 100%; height:auto; margin: 2rem  auto 5rem; background: url(../imgs/last-bac.jpg) no-repeat center center; padding: 2rem 0;}
.last-con{ width: 96%; margin: 0 auto;}
.last-con .title h6{ color: #fff}
.last-con .title span{ width:80%; background: #4a7bfb}
.last-box{width: 100%;margin:1.5rem auto 0;}
.last-box li{ width:33%; height:auto; margin-top: 2rem}
.last-box li div{ width: 60%; margin: 0 auto}
.last-box li img{ display: block; max-width: 100%; min-width: 100%}
.last-box li p{ font-size: 1.6rem; text-align: center; color: #fff;font-weight: bold;margin-top: 0.8rem}
.last-box .last-w{ margin-top: 0.8rem}
.last-box .last-w div{width: 70%;}
.last-box li span{ display: block; font-size: 1.4rem; color: #fff; text-align: center;margin-top: 0.5rem}
.last-lb{ width: 80%; margin: 1.5rem auto;}
.last-lb img{ max-width: 100%; min-width: 100%}
.last-lb .swiper-pagination-bullet-active{ background: #ffeb00;}
.last-lb .swiper-pagination-bullet{opacity: 1}

.fixed {position: fixed;left: 0;bottom: 0;width: 100%;overflow: hidden;z-index: 99;}
.fixed_a1 {display: inline-block;width: 50%;float: left;background: #f47629;font-size: 2rem;color: #fff;height: 4.5rem;line-height: 4.5rem;text-align: center}
.fixed_a2 {display: inline-block;width: 50%;float: left;background:#3b70fb;font-size: 2rem;color: #fff;height: 4.5rem;line-height: 4.5rem;text-align: center}