@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:#7b30ff; padding-top:1rem; background-size: cover; padding-bottom:2rem}
.top-con,.ban-con,.tx-con,.kc-con,.bx-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 { margin-bottom: 2rem;}
.ban-con img{width:100%; margin:0 auto; max-width: 100%; min-width: 100%;}
.ban-con p{ font-size:1.8rem; color: #fff; line-height: 2.6rem; padding:.1rem .5rem; text-align: center;background: #d73703; border-radius: 45px; }
.ban-con div{ width:95%; height: 3.8rem; line-height: 3.8rem; background: #ffff00; margin:0 auto; font-size:1.8rem; color: #000; text-align: center; border-radius: 45px;}

.ban-con a{display: block;margin: 1.5rem auto 0;width: 40%;height: 3rem; ;color: #fff;font-size: 1.3rem;text-align: center;line-height: 3rem; border: 2px solid #fff;border-radius: 40px;}
/************************************/
.title{}
.title p{display: block; height:4.2rem;font-size: 2.2rem; text-align: center; font-weight: bold; color: #333}
.title span{font-size:2.6rem; text-align: center; margin-top: 5px; background: #fff;
	-webkit-background-clip:text; color: transparent;}

/*************表单************************/
.form {width:92%; background:#fed803; padding-bottom:2rem;text-align: center; margin: 0 auto; padding-top:2rem; margin-top: -2rem; border-radius: 1rem; }
.form p{color: #000; font-size:2.2rem;}
.form p span{color: #fe5603;}
.form input {width:79%; margin-top:1rem; border:1.5px solid #999; border-radius:.5rem; font-size: 1.8rem; padding:1rem; color: #656565;background:#fff;}
/*.form dl dd.active{ color:#DE5E17 ;} */
.form button {margin: 0 auto;display: block;}
.form button {font-size:2rem;color: #F0F0F0; background: linear-gradient(45deg,#d73703, #d73703);width:75%;height: 4rem;border-radius: 2rem;margin: 1rem auto 0;}

/*************************************************************/
.why{ width: 100%; height: auto; padding: 1.5rem 0}
.why-con{ width: 94%; margin:0 auto;}
.why-con li{width:100%; margin:0 auto; background:#5719c4; margin-bottom: 1rem; padding-bottom:2rem; }
.why-con li div{ width: 100%; margin:0 auto; height:4rem; line-height:4rem; text-align: center; font-size:1.8rem; color: #fff; border-radius: 1rem  1rem 0 0; margin-bottom: 1rem;}
.why-con li .li_h1{ background: #d73703; }
.why-con li .li_h2{ background: #fd7d16; }
.why-con li p{ width: 94%;margin:0 auto; text-align:left; font-size:1.5rem; line-height: 2.2rem; color: #fff;}
.why-con li span{color: #ffff00;}
.why-con a{ display: block; width:70%; margin:0 auto; text-align: center; font-size:2rem; color: #000; padding:.6rem 0rem; margin-top:1rem; background:#ffff00; height: 4rem;border-radius: 2rem;}

/*****************************************/
.tx{ width: 100%; height: auto; padding: 1.5rem 0; }
.tx-ul li{ width: 49%; float: left; height: 22rem;background:#5719c4; margin-right: 1%; padding-bottom:3%; margin-top: 1%;}
.tx-ul li img{ display: block; margin: 0 auto; padding-top: 1rem; max-width:40%; min-width:40%;}
.tx-ul li p,.tx-mar li p{ text-align: center; font-size:1.8rem; font-weight: bold; color: #ff9101; margin-top: 1rem }
.tx-ul li span,.tx-mar li span{ display: block; width: 90%; margin: 0.5rem auto 0;text-align: center; font-size:1.5rem; color: #fff; }
.tx-ul li a,.bk-r a,.tx-mar li a{ display: block; width: 80%; height:2.8rem; line-height: 2.8rem; text-align: center;margin:0.5rem auto 0; border-radius: 30px; font-size:1.8rem; color: #000; background:#fdd104; }
.tx-ul li div,.tx-ul li div{display: block; width: 10%; height: 2px; background: #ff9101; margin: 0.5rem auto 0}
.tx-ul li:first-child(2n){ margin-right:0;}
.tx-mar li{ width:85%; height:19rem; margin:0 auto;}
.tx-mar li img{ display: block; margin: 0 auto; padding-top: 1rem; max-width:15%; min-width:15%;}

/******************************************/
.bk{ width:92%; margin:0 auto; padding-top:1rem; padding-bottom:2rem; height:auto;}
.bk img{ width:90%; margin:0 auto; max-width:90%; min-width:90%;}
.bk p{ font-size:1.5rem; color: #fff; margin-top: 1rem; margin-bottom: 1rem; font-weight: normal;}
.liuc img{ width:100%; margin:0 auto; height:auto;}
.liuc{ width:100%; margin:0 auto; height:auto; margin-bottom:2rem;}

/*********************************************/
.tel {width: 100%;padding: 1rem 0rem;background:rgba(255,255,255,.08);}
.tel p {text-align: center;font-size: 1.6rem;font-weight: bold;color: #fff;}
.tel a {font-size: 1.8rem;font-weight: bold;color: #d66711;display: block;text-align: center;}
.dz {width: 100%; font-size: 1.6rem;color: #fff;line-height: 1.8rem;text-align: center;margin-bottom: 5rem; padding: 1rem 0;}
.dz span{width: 100%; font-size: 1.4rem;color: #f2f2f2;}
.fixed {position: fixed;left: 0;bottom: 0;width: 100%;overflow: hidden;z-index: 99999;}
.fixed_a1 {display: inline-block;width: 50%;float: left;background: #fee300;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:#f9330c;font-size: 2rem;color: #fff;height: 4.5rem;line-height: 4.5rem;text-align: center}


@media screen and (max-width:414px) {
	.ban-ul .ban-num1::before,.ban-ul .ban-num2::before,.ban-ul .ban-num3::before,.ban-ul .ban-num4::before{background-size:80% 80%;}
	.ban-ul li {margin-top: -4rem;}
	.bk-l p::before, .bk-r p::before {content: "";width: 3px;height: 1.8rem;background: #ff7b1f;display: inline-block;position: relative;left: -4px;top: 1px;}
	.bk-r ul li {color: #212121;margin-bottom: 0.2rem;line-height: 1.5rem;font-size: 1.2rem;}
	.bk-r ul li::before {content: "•";font-size: 16px;display: inline-block;position: relative;left: -3px;top: 0px;color: #212121;}
	.bx-con li a,.why-con li a,.ls-xq a { height: 2.5rem;line-height: 2.5rem}
	.bd-select input {width: 0.8rem;height: 0.8rem;}
	.bd-input,.bd-submit{height: 3rem;line-height: 3rem;}
	.bk-l ul li::before{ display: none}.book-tab li { margin-right: .5%;}
}
@media screen and (max-width:375px) {
	.ban-ul .ban-num1::before, .ban-ul .ban-num2::before, .ban-ul .ban-num3::before, .ban-ul .ban-num4::before {background-size: 54% 54%;}
	
}

@media screen and (max-width:320px) {
.ban-ul li {margin-top: -6rem;}
	.ban-ul .ban-num1::before, .ban-ul .ban-num2::before, .ban-ul .ban-num3::before, .ban-ul .ban-num4::before {background-size: 43% 42%; left: -33%}
	.listen-box li {margin: 0 2.1% 1.5rem;}
	.tx-ul li span { height: 7rem;line-height: 1.7rem;}
	.listen-box li span {width: 96%;height: 6rem;line-height: 1.7rem;}
	.bk-r ul li {margin-bottom: 0.3rem;line-height: 1.7rem;}
	.kc-btn,.bx-con li a, .why-con li a, .ls-xq a {height: 3rem;line-height: 3rem;}
	.bx-con li p {height: 6rem;}
	.why-con li span {height: 7rem;}
	.ls-xq p,.book-r span {line-height: 1.7rem;}
	.book-tab li {height: 3rem;line-height: 3rem;margin-right: 0.5%}
	.book-r span {height: 10.8rem; line-height: 1.8rem;}
}