﻿/************************首页************************/
.index-title{display:block; padding:30px 0;font-size:18px; color:#162d4d; font-weight:bold; text-align:center;}
.index-title p{display:block; padding-top:1px;   font-size:12px; font-weight:normal; color:#999; padding-top:5px;}
.index-title img{display:inline-block; width:18px; height:18px;}
.index-title img.z{ margin-right:12px;}
.index-title img.r{ margin-left:15px; margin-bottom:-5px;}

/*轮播图*/
.main_visual{height:170px;overflow:hidden;position:relative;}
.main_image{height:190px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;}
.main_image li span{display:block;width:100%;}
.main_image li a{display:block;width:100%;}
.main_image li img{ width:100%;}
div.flicking_con{position:absolute;bottom:5px;z-index:999;width:100%;text-align:center;}
div.flicking_con a{display:inline-block;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}

/*5大课程*/
.five-curriculum{width:100%; overflow:hidden; position:relative;  padding:10px 0;}
.five-curriculum dl{float:left; width:33.33%; text-align:center; height:170px;}
.five-curriculum dl dt{display:block;}
.five-curriculum dl dt img{width:80px; height:80px; border-radius:150px;}
.five-curriculum dl dd{width:70%; margin:0px auto; padding-top:10px;overflow: hidden;height: 75px;}
.five-curriculum dl dd p{display:block; font-size:12px; color:#666;height: 30px;overflow: hidden;}
.five-curriculum dl dd p.title{font-size:12px!important; font-weight:bold; color:#162d4d;height: 17px;display:contents;}

/*课程展现*/
.curriculum-show{ width:100%; background:url(../images/zhanxian.jpg) no-repeat; background-size:cover; padding-bottom:5px;} 
.curriculum-two{ width:90%; margin:0px auto; overflow:hidden;}
.curriculum-two dl{ float:left; width:100%; background:#fff;  border-radius:5px; margin-bottom:20px;}
.curriculum-two dl dt{ width:100%;  position:relative; }
.curriculum-two dl dt p{ position:absolute;left:0; bottom:0; z-index:5; width:100%; height:40px; line-height:40px; text-align:center; color:#fff; background:rgba(0,0,0,0.6); font-size:14px;}
.curriculum-two dl dt img{ border-radius:5px; width:100%; display:block;}
.curriculum-two dl dd{ display:block; text-align:center; padding:10px 0;}
.curriculum-two dl dd p{ display:block; font-size:12px; color:#666;}
.curriculum-two dl dd p.title{ font-size:16px; color:#111; padding-bottom:2px;}

/*不同之处*/
.different-list{ width:100%;}
.different-list dl{width:90%; margin:0px auto;  background:#fff; box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);  border-radius:5px; margin-bottom:20px;}
.different-list dl dt{display:block; position:relative;}
.different-list dl dt img{border-top-left-radius:5px; border-top-right-radius:5px; width:100%; display:block;}
.different-list dl dt p{position:absolute;left:0;top:0; z-index:5;text-align:center; width:100%; height:100%; background:rgba(0,0,0,0.5);border-top-left-radius:5px; border-top-right-radius:5px;}
.different-list dl dt p i{font-size:60px; color:#fff; margin-top:100px;}
.different-list dl dd{display:block; padding-top:10px; padding-bottom:15px;}
.different-list dl dd  p{ width:300px; margin:0px auto; text-align:center; font-size:12px; line-height:20px; color:#666; }
.different-list dl dd  p.title{font-size:16px; padding-bottom:5px;color:#162d4d;}

/*优势*/
.advantage-box{ width:100%; }
.advantage-box dl{ width:90%; margin:0px auto; background:#fff; margin-bottom:20px; border-radius:5px;box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);}
.advantage-box dl dt{ display:block; position:relative;}
.advantage-box dl dt img{ width:100%; display:block; border-top-left-radius:5px; border-top-right-radius:5px;}
.advantage-box dl dt p{ position:absolute; left:0; top:0; z-index:5; width:100%; height:100%; background:rgba(0,0,0,0.5); font-size:20px; color:#fff; text-align:center; font-weight:bold; line-height:160px;border-top-left-radius:5px; border-top-right-radius:5px;}
.advantage-box dl dd{display:block; text-align:center; font-size:14px; color:#505050; line-height:25px; padding:10px 0;}

/*口碑*/
.ato-list{width:100%; overflow:hidden;}
.ato-list ul li {float:left; width:33.33%; text-align:center; }
.ato-list ul li img {width: 80%;}

/*成长*/
.growup{width:90%; margin:0px auto;}
.growup dl{width:100%;   background:#fff;box-shadow: 0 0 8px 0 hsla(0,0%,53%,.3); border-radius:5px; margin-bottom:20px;}
.growup dl dt{display:block; text-align:center;}
.growup dl dt img{width:100%; display:block; border-top-left-radius:5px; border-top-right-radius:5px;}
.growup dl dd{ display:block;}
.growup dl dd p{display:block; text-align:center;}
.growup dl dd p span{display:inline-block; width:90%; margin:0px auto; text-align:left; font-size:13px; padding:15px 0;}
.growup dl dd p.front{border-bottom:1px solid #eee; }
.growup dl dd p.front span{color:#999;}

/*气质*/
.temperament-box{width:90%; margin:0px auto; overflow:hidden;}
.temperament-box dl{ width:100%; margin-bottom:20px;}
.temperament-box dl dt{ display:block; border:2px solid #fff}
.temperament-box dl dt img{ width:100%; display:block;}
.temperament-box dl dd{ display:block; font-size:14px; color:#000; padding-top:20px; text-align:center;}


/************************关于施君环************************/
.about-title{ display:block; text-align:center; padding:30px 0; color:#162d4d; font-size:22px;}
.about-title p{ display:block; margin-bottom:5px; font-size:12px;}
.about-title p img{ width:100%;}

/*施君环师资*/
.about-tutor{width:90%; margin:0px auto; font-size:14px; line-height:25px; text-indent:20px;}
.tutor-team{width:90%; margin:0px auto; }
.tutor-team dl{display:block; margin-bottom:20px;}
.tutor-team dt{display:inline-block; vertical-align:middle; width:330px;}
.tutor-team dt img{border-radius:5px; width:100%; display:block;}
.tutor-team dd{ width:98%; margin:0px auto; padding-top:20px;}
.tutor-team dd p{display:block; font-size:12px; line-height:22px; color:#C778B4;}
.tutor-team dd p.name{margin-bottom:10px;}
.tutor-team dd p.name span{ display:inline-block; font-size:18px; font-weight:bold;color:#162d4d; width:192px; height:36px; text-align:center; line-height:36px; background:url(../images/name-bg.png) no-repeat;}

/*5g形体美学*/
.shape-pic{ width:100%; overflow:hidden; padding:30px 0 10px 0;}
.shape-pic ul li{float:left; width:50%; margin-bottom:20px; text-align:center;}
.shape-pic ul li img{border-radius:5px; width:80%; }


/************************女子美学堂************************/
.idea-menu{width:90%; margin:0px auto; padding-top:20px; text-align:center; font-size:14px; line-height:25px;}
.idea{width:100%; }
.idea dl{ display:block; margin-bottom:30px;}
.idea dl dt{display:block; text-align:center;}
.idea dl dt img{width:150px; height:150px; border-radius:150px; box-shadow:0 1px 10px #ccc; border:2px solid #fff;}
.idea dl dd{display:block; padding-top:20px;}
.idea dl dd p{display:block; text-align:center; font-size:14px; color:#666;}
.idea dl dd p.title{font-size:20px; font-weight:bold; padding-bottom:5px; color:#162d4d;}
.feedback-title{ display:block; padding:30px 0; text-align:center;}
.feedback-title p{display:block; font-size:22px; font-weight:bold; color:#333; margin-bottom:5px;}
.feedback-title p img{ width:100%;}
.feedback-list{ width:90%; margin:0px auto; overflow:hidden; padding-bottom:10px;}
.feedback-list ul li{ float:left; width:47%; margin-bottom:20px;box-shadow: 0 1px 10px #ccc;}
.feedback-list ul li:nth-child(2n+0){float:right;}
.feedback-list ul li img{width:100%; display:block;}


/************************课程体系************************/
.curriculum-title{display:block; text-align:center; padding:30px 0; font-size:22px; color:#162d4d;}
.curriculum-title p{display:block; font-size:12px; margin-top:5px;}
.curriculum-title p img{width:100%;}
.knowledge-list{ width:90%; margin:0px auto; padding-bottom:10px;}
.knowledge-list dl{width:100%; background:url(../images/zs-bg.png) no-repeat; background-size:100% 100%; text-align:center; margin-bottom:20px; padding:20px 0}
.knowledge-list dl dt{ width:80%; margin:0px auto; }
.knowledge-list dl dt span{ display:inline-block; font-size:20px; color:#C778B4; font-weight:bold; border-bottom:1px solid #C778B4;}
.knowledge-list dl dd{ width:230px; margin:0px auto; font-size:14px; padding-top:10px; color:#666;}
.attestation{ width:90%; margin:0px auto;}
.attestation dl{ display:block; overflow:hidden; margin-bottom:30px;}
.attestation dl dt{ display:block;}
.attestation dl dt img{ width:100%; display:block; border-radius:5px;}
.attestation dl dd{ display:block; padding-top:10px;}
.attestation dl dd p{ display:block;}
.attestation dl dd p.attestation-describe{ font-size:12px; padding-top:20px; line-height:20px;}
.attestation dl dd p.attestation-name span{ font-size:16px; font-weight:bold; border-bottom:1px solid #C778B4; padding:10px 10px 10px 0;}
.teacher{width:90%; margin:0px auto; overflow:hidden;}
.teacher ul li{float:left; width:47.5%; margin-bottom:15px; position:relative;}
.teacher ul li:nth-child(2n+0){float:right;}
.teacher ul li img{width:100%; display:block; border-radius:5px;}
.teacher ul li span{ position:absolute; left:0; bottom:0; width:100%; z-index:5; background:rgba(0,0,0,0.5); font-size:12px; color:#fff; text-align:center; padding:5px 0; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.teacher ul li span strong{ display:block;}
.student{width:90%; margin:0px auto; overflow:hidden;}
.student ul li{float:left; width:47.5%; margin-bottom:15px;}
.student ul li:nth-child(2n+0){float:right;}
.student ul li img{width:100%; display:block; border-radius:5px;}
.tc-more{display:block; text-align:center; padding-bottom:30px; padding-top:10px;}
.tc-more a{display:inline-block; height:30px; line-height:30px; border-radius:30px;background-image: -webkit-linear-gradient(141deg,#C61876 0,#990E79 50%),-webkit-linear-gradient(#C61876,#990E79);background-image: linear-gradient(-51deg,#C61876 0,#990E79 50%),linear-gradient(#C61876,#990E79); font-size:12px; color:#fff; padding:0 20px;}
.curriculum-info{width:90%; margin:0px auto;  font-size:13px; line-height:22px; text-indent:20px;}
.keynote-content{  width:90%; margin:0px auto; }
.keynote-content dl{ display:flex; margin-bottom:20px;}
.keynote-content dl dt{ float:left;  width:40px; height:40px; border-radius:40px; background:#C778B4; position:relative;  text-align:center; color:#fff; font-size:20px; margin-top:5px;}
.keynote-content dl dt i{font-size:20px; margin-top:9px;}
.keynote-content dl dd{ float:left; flex:1;  font-size:13px; color:#505050; line-height:20px; padding:0 10px;}
.keynote-content dl.last{ margin-bottom:0px;}
.keynote-pic{ width:90%; margin:0px auto; border-radius:5px; padding:20px 0;}
.keynote-pic img{ width:100%; display:block; border-radius:5px;}
.course-list{width:90%; margin:0px auto; }
.course-list dl{display:block; overflow:hidden;}
.course-list dl dt{display:block;}
.course-list dl dt img{width:100%; display:block; border-radius:5px;}
.course-list dl dd{width:100%; padding-top:10px;}
.course-list dl dd p{display:block; font-size:12px; padding:10px; margin-bottom:20px;background:#fff;box-shadow:0px 1px 5px #eee; margin-bottom:10px; border-radius:5px;}
.prospect{ width:90%; margin:0px auto;}
.prospect p{ display:block; font-size:14px; margin-bottom:20px; line-height:22px; text-indent:30px;}
.free-info{ width:90%; margin:0px auto; padding-bottom:20px;}
.free-info p{ display:block; font-size:16px;  line-height:22px; text-align:center; color:#162d4d; font-weight:bold; margin-bottom:10px;}


/************************师资力量************************/
.teachers{width:91%; margin:0px auto; overflow:hidden; padding-bottom:18px;}
.teachers ul li{float:left; width:47.5%; text-align:center; margin-bottom:18px; position:relative;}
.teachers ul li:nth-child(2n+0){float:right;}
.teachers ul li span{position:absolute; width:100%; left:0; bottom:0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:14px; background:rgba(0,0,0,0.5); z-index:5;}
.teachers ul li img{width:100%; border-radius:5px; display:block;}


/************************品牌加盟************************/
.brand-title{display:block; padding:30px 0; text-align:center; font-size:22px; font-weight:bold; color:#162d4d}
.brand-title p{display:block;}
.brand-title p img{width:100%;}
.status-list{ width:90%; margin:0px auto; }
.status-list dl{width:100%; margin:0px auto; height:131px; background:url(../images/status-bg.png) no-repeat; background-size:100%; text-align:center;}
.status-list dl dt{display:block; font-size:20px; font-weight:bold; padding-top:45px;}
.status-list dl dd{display:block; font-size:14px; font-weight:bold;}
.status-info{width:90%; margin:0px auto; padding-top:30px;}
.status-info p{display:block; text-align:center; font-size:14px; line-height:30px; color:#C778B4;}
.provide-info{width:100%;  overflow:hidden; padding-bottom:30px;}
.provide-info dl{ float:left; width:33.33%; text-align:center; }
.provide-info dl dt{ display:block;}
.provide-info dl dt img{ width:80px; height:80px; border-radius:80px; box-shadow: 0 1px 5px #ccc; border:2px solid #fff;}
.provide-info dl dd{display:block; padding-top:10px;}
.provide-info dl dd p{display:block; text-align:center; font-size:12px; color:#999;}
.provide-info dl dd p strong{ display:block; font-size:16px; font-weight:bold; color:#222; padding-bottom:3px;}
.characteristic-list{width:90%;  margin:0px auto; }
.characteristic-list dl{width:100%; background:#fff; border-radius:5px; padding-bottom:15px; margin-bottom:20px;box-shadow: 0 1px 5px #e6e6e6;}
.characteristic-list dl dt{ display:block;}
.characteristic-list dl dt img{ width:100%; display:block; border-top-left-radius:5px; border-top-right-radius:5px;}
.characteristic-list dl dd{ display:block; text-align:center; padding-top:5px;}
.characteristic-list dl dd p{ display:block; font-size:14px; color:#666; line-height:22px; width:300px; margin:0px auto;}
.characteristic-list dl dd p.title{ font-size:16px; font-weight:bold; padding:10px 0; color:#162d4d;}


/************************联系我们************************/
.contact-tel{display:block; padding:30px 0; font-weight:bold;}
.contact-tel p{display:block; text-align:center; font-size:22px; color:#162d4d;}
.contact-tel p:last-child{ color:#333; padding-top:10px;}
.contact-tel p i{vertical-align:-2px; margin-right:3px; font-size:26px;}
.contact-info{width:90%; margin:0px auto; padding-bottom:10px;}
.contact-info dl{ width:100%; box-shadow: 0 1px 10px 0 rgba(0,0,0,.1);  border-radius:5px; margin-bottom:20px;}
.contact-info dl dt{display:block;  border-top-left-radius:5px; border-top-right-radius:5px; padding:10px 0;}
.contact-info dl dt p{ display:block; text-align:center; font-size:14px; color:#fff;}
.contact-info dl dt p.icon{ height:40px; line-height:40px;}
.contact-info dl dd{display:block; padding-top:20px; padding-bottom:20px;}
.contact-info dl dd p{display:block; font-size:14px;}
.contact-info dl.last{margin-right:0px;}
.contact-info dl.contact-hz{width:100%;}
.contact-info dl.contact-hz dt{background-image: -webkit-linear-gradient(330deg,#f79600 0,#fac64c 100%),-webkit-linear-gradient(#c3bc97,#c3bc97);
background-image: linear-gradient(120deg,#f79600 0,#fac64c 100%),linear-gradient(#c3bc97,#c3bc97);}
.contact-info dl.contact-hz dt i{font-size:30px;}
.contact-info dl.contact-hz dd p{width:90%; margin:0px auto; line-height:20px; font-weight:bold;}
.contact-info dl.contact-jr{width:100%;}
.contact-info dl.contact-jr dt{background-image: -webkit-linear-gradient(139deg,#e57975 0,#db4546 100%),-webkit-linear-gradient(#b9c397,#b9c397);
background-image: linear-gradient(-49deg,#e57975 0,#db4546 100%),linear-gradient(#b9c397,#b9c397);}
.contact-info dl.contact-jr dt i{ font-size:36px; margin-top:-5px;}
.contact-info dl.contact-jr p{width:90%; margin:0px auto; font-size:14px;}
.contact-info dl.contact-dz{width:100%;}
.contact-info dl.contact-dz dt{background-image: -webkit-linear-gradient(141deg,#ab5dec 0,#8649e9 50%,#5e34e6 100%),-webkit-linear-gradient(#97acc3,#97acc3);
background-image: linear-gradient(-51deg,#ab5dec 0,#8649e9 50%,#5e34e6 100%),linear-gradient(#97acc3,#97acc3);}
.contact-info dl.contact-dz dt i{ font-size:32px; }
.contact-info dl.contact-dz p{width:90%; margin:0px auto; line-height:25px;}