@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-bac.jpg) no-repeat center center;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 p{ font-size:2.2rem; color: #fff; text-align: center }
.ban-con h5{ font-size:4.5rem; font-weight: bold;color: #fff; text-align: center; margin-top: 5px;text-shadow: 0px 4px 12px #b81159; line-height:4.8rem }
.ban-con div{ width:75%; height: 3.5rem; line-height: 3.5rem; background: #f5c65c; margin:1rem auto 0.5rem; font-size: 2rem; color: #121212; 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;}
.ban-ul{ width: 90%; margin: 0.5rem auto; overflow: hidden}
.ban-ul li{ float:left;width:40%;color:#fff;font-size:1.2rem;padding-left:10%;margin-top: -2rem;}
.ban-ul li span{ display: inline-block}
.ban-ul li::before{display: inline-block;position: relative; left: -21%;top: 64px;width: 50px;height: 52px;}
.ban-ul .ban-num1::before{content: "";background: url(../imgs/icon1.png) no-repeat center center;background-size: 80% 80%;}
.ban-ul .ban-num2::before{content: "";background: url(../imgs/icon2.png) no-repeat center center;background-size: 80% 80%;}
.ban-ul .ban-num3::before{content: "";background: url(../imgs/icon3.png) no-repeat center center;background-size: 80% 80%;}
.ban-ul .ban-num4::before{content: "";background: url(../imgs/icon4.png) no-repeat center center;background-size: 80% 80%;}
.title p{font-size: 2rem; text-align: center; font-weight: bold; color: #333}
.title span{font-size:1.2rem; text-align: center;color: #666; display: block;margin-top: 5px}
.title img{display: block; margin: 0.5rem auto 0}
.tx .title p{color: #fff}
.listen{ margin:1.5rem auto 2rem}
.listen-box{ margin-top: 1rem}
.listen-box li{ float: left; width:45%; height: auto; border: 1px solid #eaf0ff;box-shadow: 0px 2px 5px #dfdfdf; margin: 0 2.2% 1.5rem; padding-bottom: 1rem }
.listen-box li img{ display: block; margin:0.5rem auto 0; max-width: 35%; min-width: 35% }
.listen-box li p{font-size: 1.3rem; color: #191919; font-weight: bold;text-align: center;margin-top: 0.5rem}
.listen-box li span{ display: block; width: 90%; height: 5.5rem; margin: 0.5rem auto 0; text-align: center; font-size: 1.2rem; color: #333; line-height: 1.5rem }
.listen-box li a{ display: block; width:60%; height:2.5rem;line-height:2.5rem;margin: 5px auto 0; text-align: center;font-size:1.3rem;background:#f55198;color:#fff;border-radius: 10rem }
.tx{ width: 100%; height: auto; padding: 1.5rem 0; background:#f55198; margin-bottom: 1.5rem }
.tx-ul li{ width: 49%; height: auto; float: left; background: url(../imgs/img2.png) no-repeat center center;background-size: cover; height: 21rem}
.tx-ul li img{ display: block; margin: 0 auto; padding-top: 1rem;max-width: 20%; min-width: 20%}
.tx-ul li p{ text-align: center; font-size:1.3rem; color: #151515; margin-top: 1rem }
.tx-ul li span{ display: block; width: 90%; margin: 0.5rem auto 0;text-align: center; font-size:1.2rem; color: #444; height: 6rem;line-height:1.4rem  }
.tx-ul li a,.bk-r a{ display: block; width: 60%; height:2.2rem; line-height: 2.2rem; text-align: center; border: 2px solid #f55198;margin:0.5rem auto 0; border-radius: 30px; text-align: center; font-size:1rem; color: #f55198 }
.tx-ul li div{display: block; width: 10%; height: 2px; background: #f55198; margin: 0.5rem auto 0}
.tx-ul li:first-child{ margin-right: 2%}
.tx-mar{ margin-left: 26%;margin-top: -3.4rem;}
.bk{ width: 100%; height: auto; background: url(../imgs/bk-bac.jpg) no-repeat center center;padding-top:1rem;background-size: cover; padding-bottom:2rem; height: 25rem}
.bk-l{ width: 44%; height: auto; background:#f8f8f8; padding-left:2%;margin-left: 2%;}
.bk-l p,.bk-r p{ font-size:1.3rem; color: #121212;margin-top: 1rem; margin-bottom: 1rem}
.bk-l p::before,.bk-r p::before{content: "";width: 5px; height: 1.2rem;background: #f55198;display: inline-block;position: relative;left: -6px;top: 2px;}
.bk-l ul li{ float: left; width: 45%; height: 3rem; background: url(../imgs/img6.png) no-repeat center center;text-align: center; line-height: 3rem; color: #fff;padding-left: 2%;margin-bottom: 1rem;background-size: contain;}
.bk-l ul li::before{content:""; width: 17px; height: 11px;background: url(../imgs/img7.png) ;display:inline-block; position: relative;left:0px;top: -2px;}
.bk-r{ width: 46%; height: auto;background:#f8f8f8; margin-left: 0%; margin-top: 8rem;padding: 0 2% 1.5rem 2%}
.bk-r ul li{ color: #212121; margin-bottom: 0.2rem }
.bk-r ul li::before{content:"•"; font-size: 22px; display:inline-block; position: relative;left:-4px;top: -1px; color: #212121;}
.bk-r p{ margin-bottom: .5rem;margin-top: 1rem;}
.bk-r a{ background:#f55198; color: #fff; border-radius: 5px;margin: 0;width:60%;margin-top: 1rem }
.kc{ width: 100%; height: auto;padding: 1.5rem 0; background:#f8f8f8;margin-top: 3rem }
.kc table{width: 100%;}
.w7{ width: 20%}
.w8{ width: 40%}
.w9{ width: 40%}
.kc tr th{ color: #333;text-align: center;font-size:1.2rem;border: 1px solid #dee2e6;font-weight: normal;}
.kc tr td{text-align: center;font-size: 1rem;border: 1px solid #dee2e6; color: #444}
.kc .table td, .kc .table th{padding:0.8rem 0;vertical-align: middle;}
.kc .kc-bac1{ background: #f55198;color: #fff;}
.kc .kc-bac2{ background: #fe8e1e;color: #fff;}
.kc .kc-bac3{ background: #288fd6;color: #fff;}
.kc-btn{ display: block; width: 50%; height:2.6rem; line-height: 2.6rem; border: 2px solid #f55198;color: #212121; text-align: center; margin: 1rem auto 0; font-size: 1.3rem; border-radius: 54rem }
.kc-tab-con,.bx-con{ margin-top: 1rem}
.bx{ margin: 1.5rem auto 1rem;}
.bx-con li{ width:31.6%; height: auto; background: #f7f7f7; float: left; margin: 0 1% 1rem 1%; padding-bottom: 1.5rem }
.bx-con li img{ max-width: 100%; min-width: 100%}
.bx-con li p{ font-size: 1.2rem; color: #212121; text-align: center;margin-top: 0.8rem; height: 5rem}
.bx-con li a{ display: block; width: 80%; height: 2.2rem; line-height: 2.2rem; text-align: center; background:  #f55198;margin:0 auto; border-radius: 30px; text-align: center; font-size:1.3rem; color: #fff }
.bx-con .mar-r{ margin-right: 0}
.bx-con .mar-l{ margin-left: 0}
.bx-con .bx-l{ margin-left: 17%}
.bd{ width: 100%; height: auto; padding: 1.5rem 0 2rem; background:#f55198}
.bd-con{ width: 96%;margin: 0 auto;  }
.bd .title p{ color: #fff}
.bd-box{ margin-top: 1rem;}
.bd-select span{ display: inline-block; width:20%; text-align: right;color: #fff; font-size: 1.2rem}
.bd-select p{ display: inline-block; width:17%; color: #fff; font-size: 1.2rem }
.bd-select{ font-size:1.2rem;margin-bottom: 1.5rem}
.bd-select input{margin-top: 6px; width: 0.6rem; height: 0.6rem}
.bd-input{ float: left;width: 30%;padding-left:2%;height: 2.5rem;line-height: 2.5rem;background: #fff;border-radius: 5px;color: #0f0f0f;margin-left: 1%; border: 1px solid #c9c9c9; font-size: 1rem}
.bd-submit{float: left;width:31%;height: 2.5rem;line-height: 2.5rem;background: #f5c65c;border-radius: 5px;color: #212121; text-align: center; font-size: 1.2rem; margin-left: 1%; padding-bottom: 1rem}
.why{ width: 100%; height: auto; background-color: #f8f8f8;  padding: 1.5rem 0}
.why-con{ width: 96%; margin:1rem auto 0}
.why-con li{ float: left;width:32.3%; height: auto; background: #fff;box-shadow: 1px 1px 7px #e9e9e9; margin-bottom: 1.5rem; padding-bottom: 1.5rem}
.why-con li i{ display: block; width: 15%; height: 3px; background:#f55198; margin: 0 auto; }
.why-con li img{ display: block; max-width: 30%;min-width: 30%;  margin: 1rem auto 0;}
.why-con li p{text-align: center; font-size:1.3rem; color: #151515; margin-top: 1rem }
.why-con li span{display: block; width: 96%; margin:0.8rem auto 0;text-align: center; font-size:1.2rem; color: #444; height: 6rem }
.why-con li a{display: block; width: 70%; height:2.2rem; line-height: 2.2rem; text-align: center; margin: 0px auto; border-radius: 30px; text-align: center; font-size:1.2rem; color: #f55198; border: 2px solid #f55198}
.why-mar{ margin: 0 1.5%}
.ls{width: 100%;height:auto;background: #fe8e1e;padding-top: 1.5rem; padding-bottom: 1.5rem }
.ls-con{ width: 96%; margin: 0 auto; background: #fff;padding-top: 1rem; padding-bottom: 1.5rem }
.ls-box{ margin-top: 1.5rem; height: auto}
.ls-xq{ padding: 0 1rem 0 0.5rem; border-right: 1px solid #e5e5e5}
.ls-xq div{ font-size: 1.4rem; color: #212121;}
.ls-xq p{ width: 96%; font-size: 1.1rem; color: #333; margin-bottom: 3px; line-height: 1.4rem;}
.ls-xq span{ display: block; width: 15%; height: 2px; background:#f55198; margin: 0.5rem 0 }
.ls-xq a{display: block; width: 60%; height:2.2rem; line-height: 2.2rem; text-align: center;  border-radius: 30px; text-align: center; font-size:1.3rem; color: #f55198; border: 2px solid #f55198; margin-top: 0.5rem}
.ls-xq img{ margin-top: 1rem; max-width: 100%; min-width: 100%}
.ls-h{ height:7rem;display: -webkit-box;    
-webkit-box-orient: vertical;    
-webkit-line-clamp: 5;    
overflow: hidden;}
.book{ width: 100%; height: auto; padding: 1.5rem 0 1rem; background: #f5f5f5}
.book-tab{ width: 96%; margin: 1.5rem auto 0;}
.book-tab li{ float: left; height: 2.5rem;line-height: 2.5rem;background: #fff; border-radius: 4rem; border: 1px solid #828282;text-align: center;font-size: 1.2rem;color: #212121; margin-right: 1%}
.book-tab li:last-child{ margin-right: 0}
.book-tab li:last-child,.book-tab li:first-child{ width:18.5%}
.book-tab li:nth-child(2),.book-tab li:nth-child(3){width: 29%; }
.book-tab .book-cur{ background: #f55198; color: #fff; border: 1px solid #f55198 }
.book-box{ width:96%; height: auto; background-color: #fff; margin: 0 auto; padding-bottom: 1rem}
.book-l{ width: 35%; margin-left: 2% }
.book-l img{ display: block; margin: 0 auto; max-width: 100%;min-width: 100%;margin-top: 1.5rem}
.book-r{ width:60%; margin-left: 3%; }
.book-tab-con{ margin-top: 1.5rem}
.book-r p{ font-size:1.5rem; color: #212121; margin-top: 1rem;font-weight:bold}
.book-r span{  width: 96%; display: block; height: 9.5rem; font-size: 1.2rem; color: #555; margin-top: 0.5rem;line-height: 1.6rem;display: -webkit-box;    
-webkit-box-orient: vertical;    
-webkit-line-clamp: 6;    
overflow: hidden;}
.book-btn{display: block; width: 50%; height:3rem; line-height: 3rem; text-align: center;  border-radius: 5px; text-align: center; font-size:1.3rem; background:#f55198;  color: #fff; margin: 1rem auto}
.ry{ margin-top:1.5rem;}
.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.1%}
.gf {width: 100%;background: #f9d124;padding: 1.5rem 0rem; margin-top: 2rem}
.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: 5rem;}
.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:#f55198;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: 60% 60%;top: 46px;left: -30%;}
	.ban-ul li {margin-top: -4rem;}
	.bk-l p::before, .bk-r p::before {content: "";width: 3px;height: 1.2rem;background: #f55198;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;}
}