@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}
@media screen and (min-width:320px) {
    html{font-size:75%;}
}
@media screen and (min-width:375px) {
    html{font-size:87.5%;}
}
@media screen and (min-width:480px) {
    html{font-size:87.5%;}
}
@media screen and (min-width:540px) {
    html{font-size:112.5%;}
}
@media screen and (min-width:550px) {
    html{font-size:125%;}
}
@media screen and (min-width:640px) {
    html{font-size:150%;}
}

article{ overflow: hidden; width: 100%; text-align: center; margin-top: 5%;}
article h2{ font-size: 1.3rem; color: #9e3675; font-weight: normal}
article h2 a{ color: #9e3675;}
article em{ color: #999999; margin-top:1%; font-size: .75rem;}
article p{ font-size: 1rem; color: #333333; margin-top: .3rem;}
section.section{ width: 94%; margin-left: auto; margin-right: auto;}

/*header*/
header{padding: 5% 0;width: 100%;background-color: #fff;overflow: hidden;}
header h1{width: 36%;float: left;}
header h1 img{ display: block; width: 100%;}
header  h2{float: right;width: 60%;font-size: 1.1rem;color: #666;padding-left: 3%;box-sizing: border-box;margin-top: 1%;font-weight: normal;border-left:1px dotted #d4d4d4;}
header  h2 p{float: left;margin-top: .5rem;}
header  h2 a{font-weight: normal;display: block;margin-top: 2%;float: right;width: 12%;}
header  h2 a img{display: block;width: 100%;float: left;/* margin-right: .2rem; */}

/*nav*/
nav{ overflow: hidden; width: 100%; border-top:1px solid #e5e5e5;}
nav a{ width: 25%; padding: .7rem 0; text-align: center; font-size: 1rem; color: #666; border-right: 1px solid #e5e5e5; ; border-bottom: 1px solid #e5e5e5;  display: block; float: left; box-sizing: border-box}
nav a:nth-child(4n){ border-right: none}

/*banner*/
.focus{ overflow: hidden; width: 100%; position: relative}
.focus a img{ display: block; width: 100%;}
.focus .btn{ overflow: hidden; width: 100%; position: absolute; left:0; bottom:6%; text-align: center}
.focus .btn li{ width:.8rem; height: .8rem; background-color: #8f8f8f; display:inline-block; border-radius:1rem; margin: 0 .2rem;text-indent: -99999em;}
.focus .btn li.on{ background-color: #1ea11b; width: 1.8rem; height: .6rem;}
.focus .bd{ position:relative; z-index:0; }
.focus .hd{ width:100%; height:0px;  position:absolute; z-index:1; bottom:0; text-align:center;  }


/*课程中心*/
.Course{ overflow: hidden; width: 100%; background: #eee url("../images/Index/CourseBg.png") no-repeat center top; background-size: 100%;}
.Course .list{ overflow: hidden; width: 100%; margin-top: 5%;}
.Course .list li{width: 48%;margin: 1% 0 5%;float: left;background-color: #fff;border-radius: 50%;text-align: center;overflow: hidden;padding: 1rem 0 1.2rem;}
.Course .list li:nth-child(2n){ float: right}
.Course .list li h3{ font-size: 1rem; color: #9e3675; margin-top: 3rem; }
.Course .list li h3 span{ font-weight: normal}
.Course .list li p{font-size: .5rem;color: #999999;margin: 1% 0;line-height: 1.4rem;height: 2.8rem; text-transform: capitalize}
.Course .list li img{ display: inline-block; width: 30%;}
.Course article h2 a{ color: #9e3675;}

#fsb th,#fsb td{ border:none;}

/*选择*/
.choose img{display: block; width: 100%;}

/*Mention*/
.Mention{ overflow: hidden; background: url("/Mobile/images/Index/MentionTit.png") no-repeat center; background-size: 100%; padding-bottom: 1.2rem; padding-top: .3rem}
.Mention article h2,.Mention article p{ color: #fff }
.Mention h4{ display: inline-block; background-color: #e97415; border-radius: 5px; text-align: center; padding: .3rem .5rem; font-size: 1rem;color: #fff; margin-top: 3%; font-weight: normal}
.Mention h4 a{ color: #fff}

/*了解城院*/
.konw{ overflow: hidden; width: 100%; background: url("/Mobile/images/Index/konwBg.jpg") no-repeat center;  background-size: cover;}
.konw .section{ background: #fff; border-radius: 5px; padding: 0 5%; box-sizing: border-box; overflow: hidden;}
.konw article h2 img{ display: inline-block; width: 60%;}
.konw .konwDl{ margin-top: 4%;}
.konw .konwDl dt img{ display: block; width: 100%;}
.konw .konwDl dd p{ line-height: 1.5rem; margin-top: 4%; font-size: .95rem; color: #666666; text-align: justify}
.konw .konwDl dd a.more{ display: block; width: 10%; margin: 3% 0;}
.konw .konwDl dd a.more img{ display: block; width: 100%;}

/*乐园*/
.L_Y{ overflow: hidden; width: 100%;  background-color: #eee; padding-bottom: 2%;}
.L_Y .lyNav,.L_Y  .lyBox .L_Y .list{ width: 100%; overflow: hidden;  text-align: center}
.L_Y .lyNav{ margin: 3.5% 0}
.L_Y .lyNav li{padding: .3rem 1.3rem;margin: 0 .1rem;display: inline-block;border-radius: 1rem;font-size: 1rem;background-color: #fff;}
.L_Y .lyNav li a{ color: #666666}
.L_Y .lyNav li.on{ background-color: #9e3675}
.L_Y .lyNav li.on a{color: #fff}
.L_Y .list li{ width: 48%; float: left; margin: 2% 0; overflow: hidden; border-radius: 5px;}
.L_Y .list li:nth-child(2n){ float: right}
.L_Y .list li img{ display: block; width: 100%}
.L_Y article h2 a{ color: #9e3675;}

/*信赖*/
.trust{ overflow: hidden; width: 100%; background-color: #9e3675;}
.trust article p,article h2 a{ color: #fff}
.trust .lyBox ,.lyBox .list,.trust .btn{ overflow: hidden; width: 100%;}
.trust .lyBox{ margin-top: 5%;}
.trust .list li{ background-color: #fff; border-radius: 5px;  float: left; position: relative; width: 48%; }
.trust .list li:nth-child(2n){ float: right}
.trust .list li img{ display: block; border-radius: 50%; margin: 1.5rem auto 2%; width: 70%;}
.trust .list li h3{font-weight: normal;color: #9e3675;font-size: 1rem;text-align: center;margin-top: 6%;}
.trust  .list p{font-size: .85rem;line-height:1.4rem;height: 2.8rem;overflow: hidden;padding: 0 1rem;text-align: center;color: #666;margin-top: 2%;}
.trust  .list a.more{ width: 16%; display: block; margin: 2% auto 4%;}
.trust  .list a.more img{ display: block; width: 100%;}
.trust  .list i{display: block; background: url("/Mobile/images/Index/trust_xiao.jpg") no-repeat center; width: 34px  ; height: 34px; position: absolute; right: 0; bottom: 0;}
.trust  .btn{ width: 100%; text-align: center; margin: 3.5% 0;}
.trust .btn span{ display: inline-block; width: .5rem; height: .5rem; margin:0 .2rem; border-radius:2rem; background-color: #fff}
.trust .btn span.on{ background-color: #ff9600; font-weight: bold; width: 1.5rem;}
.trust  .trustPhone{ overflow: hidden;  width: 100%; padding:.5rem 1rem; box-sizing: border-box; background-color: #e97415; color: #fff; font-size: 1rem}
.trust .trustPhone p{ float: left; margin-top: .5rem;}
.trust .trustPhone p a{ color: #Fff;}
.trust .trustPhone a.Phone{ display: block; float: right; width: 7%;}
.trust .trustPhone a.Phone img{ display: block; width: 100%;}

.konw .list{ border-top:5px solid #9e3675; border-radius: 5px 5px 0 0; overflow: hidden; background-color: #fff; margin: 2%;}
.konw .list li{ width: 50%; padding: 1rem 0; text-align: center; font-size: 1rem; color: #6a6a6a; float: left;}
.konw .list li:nth-child(2){ background: url("/Mobile/images/Index/ListBg.png") repeat-y left center; }
.konw .list li.on{ color: #9e3675;}

/*List*/
.List{ overflow: hidden; width: 100%; background-color: #eee; padding-bottom: 6%;}
.List article h2{ color: #9e3675}
.List .list{ border-top:5px solid #9e3675; border-radius: 5px 5px 0 0; overflow: hidden; background-color: #fff; margin-top: 4%;}
.List .list li{ width: 50%; padding: 1rem 0; text-align: center; font-size: 1rem; color: #6a6a6a; float: left;}
.List .list li:nth-child(2){ background: url("/Mobile/images/Index/ListBg.png") repeat-y left center; }
.List .list li.on{ color: #9e3675;}
.List table{ overflow: hidden; width: 100%; background-color: #fff;}
.List table tr{ border-bottom: 1px solid #fff;}
.List table tr th,.List table tr td{ width: 25%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box; font-size: .9rem; color: #666666; text-align: center; padding: .5rem 0;}
.List table tr th{ background-color: #eeeeee}

/*新闻*/
.news{ overflow:hidden; width: 100%; background-color: #eee; padding-bottom: 2%;}
.news .newTit{ width:100%; overflow: hidden; border-bottom: 2px solid #dadada; background-color: #fff}
.news .navNew{ width: 75%; float: left;}
.news .navNew li{ width: 33%; float: left; border-right: 1px solid #dadada; text-align: center ;font-size: 1rem; color: #666666; box-sizing: border-box; padding: .5rem 0 }
.news .navNew li a{ color: #666666}
.news a.more{ width: 25%; float: right; color: #666; display: block; text-align: center;padding: .5rem 0 }
.news .navNew li.on a{ color:#9e3675; font-weight: bold}
.news .newsBox,.news .list,.news .list li,.news .box{ overflow: hidden; width: 100%;}
.news .newsBox{ margin-top: 3%;}
.news .list li{ font-size: .9rem; color: #999; margin: 2% 0;}
.news .list li a.wen{ width: 70%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; float:left; color: #333; font-size: .95rem; padding: .5rem 0;}
.news .list li time{ width: 25%; float: right; display: block; text-align: right; padding: .5rem 0;}
.news .box{ display: none; border-bottom: 1px dashed #999; padding-bottom: 2%;}
.news .box p{ line-height: 1.3rem; height: 3.9rem; overflow: hidden; color: #666; width: 75%; float: left;}
.news a.aImg{ width: 8%; float: right; margin-top: 1rem}
.news a.aImg img{ display: block; width: 100%;}
.news .list li.on .box{ display: block}

/*Arrive*/
.Arrive{ overflow: hidden; background: url("/Mobile/images/Index/arrImgBg.png") no-repeat center; background-size: cover; padding-bottom:4rem;}
.Arrive article h2{ color: #fff;}
.Arrive article p{ color: #666; font-size: .5rem;}
.Arrive .arrBox{ margin-top: 3%; overflow: hidden}
.Arrive .arrBox p{ font-size: .8rem; color: #999999; line-height: 1.5rem; }
.Arrive .arrBox p a{ color: #999999;}
.Arrive a.more{color: #fff;background: #e97415;display: block;width: 24%;padding: .5rem 0;text-align: center;margin-top: .6rem;border-radius: 5px;}
.Arrive .arrBox p.p{ margin-top: 3%;}

/*footer*/
footer{ overflow: hidden; width: 100%; position: fixed; background: #9e3675; left:0; bottom: 0;}
footer a{ display: block; float: left;  text-align: center; font-size: 1rem; color: #fff; padding:.75rem 0; width: 33%; background: url("/Mobile/images/Common/ftLine.png")  repeat-y right;}
footer a:last-of-type{ background: none; width: 34%;}

/*浮动*/
.floatRt{ float: right; width: 20%; overflow: hidden; right: 0; bottom: 2.7rem; z-index: 999; position: fixed}
.floatRt a{ display: block; width: 100%; background: #e97415; color: #fff; font-size: 1rem;  text-indent: 1rem; padding: .3rem 0; margin-bottom: 1px;}
.floatRt a img{ display: inline-block; width: 30%;     vertical-align: text-bottom;
    margin-left: .5rem;
}


.jiathis_weixin_modal{    width: 96% !important;
    height: auto !important;
    margin: 0 !important;
    left: 2% !important;
    top: 20% !important;}





<!--0.00020599365234375-->