@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:415px) {
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: "."}
.top{ width: 100%; height: auto; padding: 1rem 0; background:#080a2a; }
.top-con,.ban-con,.intro-con,.tx-con{ 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;}
.ban{width: 100%; height: auto; background: url(../imgs/ban.jpg) no-repeat center center;padding-top:2rem;background-size: cover; padding-bottom:6.5rem}
.ban-con h1{ font-size: 3.5rem; font-weight: bold; color: #fff;margin-top: 1rem}
.ban-con p{ font-size: 3.5rem;color: #fff;margin-top:0.1rem}
.ban-con b{ font-size: 1.7rem;color: #fff;margin-top:1rem}
.xf-btn{display: block;width:60%;height: 4rem;line-height: 4rem;background: #eb1732; margin-top: 1.5rem; border-radius: 5rem;}
.xf-btn i{font-size: 2rem;color: #fff;text-align: center; display:block}
.xf-btn i::before{content: "";display: inline-block;background: url(../imgs/img5.png) no-repeat right;width: 1.7rem;height: 1.75rem;background-size: 1.7rem;position: relative;right: 2%;top: 0.2rem;}
.ban-con h1 span{ color: #fa2400}
.intro{ width: 100%; height: auto; padding: 1.5rem 0; background:#f9fafe}
.title h2{ font-size:2.2rem; color:#111a51; text-align: center; font-weight: bold}
.title h2::before{content: "";display: inline-block;background: url(../imgs/img1.png) no-repeat right;width: 1.7rem;height: 1.8rem;background-size: 1.7rem 1.8rem;position: relative;right: 2%;top: -0.3rem;}
.title h2::after{content: "";display: inline-block;background: url(../imgs/img2.png) no-repeat right;width: 1.85rem;height: 1.8rem;background-size: 1.85rem 1.8rem;position: relative;right: -2%;top: -0.3rem;}
.title div{ width: 60%; height:.8rem; background:#e5e9f3;margin: -0.7rem auto 0;}
.intro-box{ background: #fff; width: 90%;height: auto; padding: 1rem 3%; margin: 1.5rem auto 0;border-radius: 1rem }
.intro-box li{border-bottom:1px dashed #f2b57f;padding:0.8rem 0}
.intro-box li:last-child{border-bottom:none}
.intro-box li p{font-size: 1.5rem; margin-bottom: 0.5rem;width:50%;height: 3rem;line-height: 3rem;background:#eb1732;color: #fff;text-align: center;border-bottom-right-radius: 5rem;border-top-right-radius: 5rem;}
.intro-box li span{ color: #121212;line-height: 2rem; font-size: 1.3rem}
.intro-box li .intro-p{width:70%; margin-top: 0.5rem}
.tx{ width: 100%; height: auto;padding: 1.5rem 0; background: #313a70;}
.tx .title{ margin-bottom: 1.5rem}
.tx .title h2{ color: #fff}
.tx .title div{ background: #40487a;width: 60%;height: .8rem}
.tx-bac{ background: #fff;padding: 1.5rem 2%; width: 92%; margin: 0 auto; border-radius:1rem}
.tx-box li{border-bottom:1px dashed #7757ff; width: 100%; overflow: hidden}
.tx-img{ width: 20%;  height: 10rem; background: #313a70}
.tx-img img{ max-width: 60%; min-width: 60%; display: block; margin: 0 auto;padding-top: 2rem}
.tx-p{  width: 72%; background: #fff; color: #333;font-size: 1.5rem;text-align: left;height:9rem; padding:1rem 4% 0}
.tx-p p{font-size: 1.3rem; margin-top: .2rem}
.tx-p h6{ font-size: 1.6rem; color: #121212; font-weight: bold}
.tx-bor1 .tx-img{border-top-left-radius: 1rem;}
.tx-bor1 .tx-p{ border-top-right-radius: 1rem;}
.tx-box .tx-bor2{border-bottom: none}
.tx-bor2 .tx-img{border-bottom-left-radius: 1rem;}
.tx-bor2 .tx-p{ border-bottom-right-radius: 1rem;}
.tx-h1 .tx-img{ height: 8rem}
.tx-h1 .tx-p{ height: 7rem}
.tx-h2 .tx-img{ height: 11rem}
.tx-h2 .tx-p{ height: 10rem}
.tx-h2 .tx-img img{ padding-top: 2.8rem}
.tx-h3 .tx-img{ height: 7rem}
.tx-h3 .tx-p{ height: 6rem}
.tx-h3 .tx-img img{ padding-top: 1.5rem}
.why{ width: 96%; margin:0 auto;padding: 1.5rem 2%; background: #f8f8f8; border-radius: 5px}
.why-con{ width: 96%;
    margin: 0 auto;
    background: #fff;
    padding: 1.5rem 2%;
    border-radius: 10px;}
.why-ul{ overflow: hidden}
.why-ul li{ float: left; width: 100%;margin-top: 1.5rem;background:#313a70}
.why-title{background:#fe7149; font-size: 1.6rem; color: #fff; font-weight: bold; text-align: center;padding: 1rem 0;}
.why-title span{ color: #ffb100}
.why-box{ padding: 1rem 3%;}
.why-box p{ color: #fff; font-size: 1.3rem; margin-bottom: 0.2rem;text-align: center; border-bottom: 1px solid #6744fe;padding:0.5rem 0; line-height: 1.9rem;padding-bottom: 1.5rem}
.why-box h5{ width:50%; margin: 0 auto;}
.why-bot{ width: 84%; margin: 0 auto; background:#532ff2;padding: 1rem 4% 2rem; font-size: 1.4rem; color:#fff; text-align: center}
.why-btn{ display: block; width: 70%; margin:1.5rem auto; height: 4rem;line-height: 4rem;border-radius: 0.5rem;background: #fe8e1e;
color: #fff;text-align: center;font-size: 1.6rem;}
.stu{ width: 100%; height: auto; background: #f2f5fd; padding: 1.5rem 0}
.stu-con{ width:96%; margin:0 auto; }
.stu-box{ background: #fff; width: 90%;height: auto; padding: 1rem 3%; margin: 1.5rem auto 0;border-radius: 1rem }
.stu-box li{border-bottom:1px dashed #f2b57f;padding:0.8rem 0}
.stu-box li:last-child{border-bottom:none}
.stu-box li p{ color: #d45233;  margin-bottom: 0.5rem;font-size: 1.5rem}
.stu-box li span{ color: #121212;line-height: 2.3rem;font-size: 1.3rem}
.kc{ width: 100%; height: auto; background: #f26629; padding: 1.5rem 0}
.kc-con{ width: 92%; margin: 1.5rem auto 0; background: #fff;padding: .1rem 2% 1.5rem; border-radius: 8px}
.kc-con tr th{ color: #fff;text-align: center;font-size: 1.4rem;border: 1px solid #dee2e6;font-weight: normal; padding:.5rem 0; background:#f26629; }
.kc-con tr td{text-align: center;font-size: 1.3rem;border: 1px solid #dee2e6; color: #444}
.kc-con tr .w1{ width: 25%}

.kc-con .table td{padding:.5rem 0;vertical-align: middle;}

.title_bt7{width: 872px;margin:0 auto 25px}
.title_bt7 p{ width: 800px; margin:10px auto 0; font-size: 16px; text-align: center; color: #fff}
.kc-title{ margin:1rem auto}
.kc-title h3 {font-weight: bold;font-size: 1.5rem;color: #111a51;text-align: center;}
.kc-title img {display: block;margin: 5px auto 0;}
.kc .title h2{ color: #fff}
.kc .title p{ color: #fff; font-size: 1.3rem; text-align: center;margin-top: .5rem}
.kc .title div{ background: #f37138;width: 70%;height: .8rem}
.kc .title h2::before{content: "";display: inline-block;background: url(../imgs/img3.png) no-repeat right;width: 1.7rem;height: 1.8rem;background-size: 1.7rem 1.8rem;position: relative;right: 2%;top: -0.3rem;}
.kc .title h2::after{content: "";display: inline-block;background: url(../imgs/img4.png) no-repeat right;width: 1.85rem;height: 1.8rem;background-size: 1.85rem 1.8rem;position: relative;right: -2%;top: -0.3rem;}
.kc .why-btn{ background:#313a70 }
.bd .title{ margin-bottom: 1.5rem}
.bd{ width: 96%; height:auto; background: #313a70; padding: 1.5rem 2%;}
.bd-con{ width:90%; margin: 0 auto; padding: 1.5rem 2%; background: #fff; border-radius: 1rem}
.bd-con input{ display: block; height: 3.6rem; line-height: 3.6rem;border:1px solid #c0c0c0; width: 83%;border-radius:2rem; padding-left: 8%; margin: 0 auto 1rem; font-size: 1.3rem}
.bd .xf-btn{width: 85%; margin: 1.5rem auto 0; border-radius: 5rem;}
.xf-btn i{font-size: 2rem;color: #fff;text-align: center; display:block}
.xf-btn i::before{content: "";display: inline-block;background: url(../imgs/img5.png) no-repeat right;width: 1.7rem;height: 1.75rem;background-size: 1.7rem;position: relative;right: 2%;top: 0.2rem;}

.last{ width: 100%; height: auto; background: #fff;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 #313a70;padding-bottom: 0.15rem}
.last-box{ width: 96%; margin: -2px auto 0; height: 6rem; background: #313a70;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: #313a70;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:#f26629;font-size: 2rem;color: #fff;height: 4.5rem;line-height: 4.5rem;text-align: center}
@media screen and (max-width:376px) {
.tx-h2 .tx-img{ height: 13rem}
.tx-h2 .tx-p{ height: 12rem}
.tx-h4 .tx-img{ height: 11rem}
.tx-h4 .tx-p{ height: 10rem}
}
@media screen and (max-width:321px) {
.tx-h2 .tx-img{ height: 14rem}
.tx-h2 .tx-p{ height: 13rem}
.tx-h4 .tx-img{ height: 12rem}
.tx-h4 .tx-p{ height: 11rem}
}