@charset "utf-8";
/* 2017版首页样式 */

/*选择桑博士幼教园*/
.selectsfk-wrap {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 80px;
}

.selectsfk {
    float: left;
    display: inline;
    width: 585px;
    height: 183px;
    margin-top: 60px;
    cursor: pointer;
}

.selectsfk dt {
    float: left;
    display: inline;
    position: relative;
    z-index: 1;
    width: 173px;
    height: 166px;
    background-color: #f1f1f1;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.selectsfk i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -50px;
    margin-left: -39px;
    display: block;
    width: 79px;
    height: 100px;
    background: url("/wemy/Template/Default/Resources/img/sprite.png") 0 0 no-repeat;
}

.selectsfk-b i {
    margin-top: -47px;
    margin-left: -38px;
    width: 76px;
    height: 94px;
    background: url("/wemy/Template/Default/Resources/img/sprite.png") 0 -122px no-repeat;
}

.selectsfk-c i {
    margin-top: -38px;
    margin-left: -45px;
    width: 90px;
    height: 76px;
    background: url("/wemy/Template/Default/Resources/img/sprite.png") 0 -236px no-repeat;
}

.selectsfk-d i {
    margin-top: -44px;
    margin-left: -44px;
    width: 89px;
    height: 88px;
    background: url("/wemy/Template/Default/Resources/img/sprite.png") 0 -329px no-repeat;
}

.selectsfk dd {
    float: left;
    display: inline;
    width: 325px;
    height: 183px;
    padding-left: 70px;
    position: relative;
}

.selectsfk span {
    display: block;
    font-size: 22px;
    color: #333333;
}

.selectsfk em {
    display: block;
    font-size: 17px;
    color: #999999;
    font-style: normal;
    padding-top: 5px;
}

.selectsfk p {
    color: #666666;
    font-size: 16px;
    line-height: 26px;
    padding-top: 20px;
}

.selectsfk div {
    position: absolute;
    left: 0;
    top: 0;
    color: #333333;
    font-size: 16px;
    width: 320px;
    height: 173px;
    padding-left: 70px;
    display: none;
    background-color: #ffffff;
    line-height: 26px;
}

.selectsfk-open dt {
    background-color: #29665F;
}

.selectsfk-open div {
    display: block;
    -webkit-animation:fadeIn .9s .1s ease both;
    -moz-animation:fadeIn .9s .1s ease both;
}

.selectsfk-open .selectsfk-a i {
    background-position: -125px -1px;
}

.selectsfk-open .selectsfk-b i {
    background-position: -125px -122px;
}

.selectsfk-open .selectsfk-c i {
    background-position: -125px -236px;
}

.selectsfk-open .selectsfk-d i {
    background-position: -124px -329px;
}


.activity-wrap {
    width: 1170px;
    margin: 0 auto;
}

.activity-list {
    float: left;
    display: inline;
    width: 864px;
}

.activity-list li {
    position: relative;
    float: left;
    display: inline;
    width: 402px;
    height: 278px;
    margin-right: 30px;
    margin-top: 35px;
	overflow:hidden
}

.activity-list li img {
    width: 402px;
}

.activity_content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 362px;
    height: 62px;
    background-color: rgba(17,13,29,0.6);
    padding: 15px 20px;
    color: #fff;
    overflow: hidden;
}

.activity_content strong {
    font-size: 16px;
    font-weight: normal;
}

.activity_content p {
    font-size: 14px;
    line-height: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: none;
}

.activity-list li:hover p {
    display: block;
    -webkit-animation:fadeIn 1s .2s ease both;
    -moz-animation:fadeIn 1s .2s ease both;
    animation-delay:0.5s;
    -webkit-animation-delay:0.5s; /* Safari 和 Chrome */
}

.activity-list li:hover .activity_content {
  -webkit-animation:openActivityTop 1s .1s ease both;
  -moz-animation:openActivityTop 1s .1s ease both;
}

.activity-list li:hover .activity_action {
  -webkit-animation:fadeIn 1s .1s ease both;
  -moz-animation:fadeIn 1s .1s ease both;
  animation-delay:0.5s;
  -webkit-animation-delay:0.5s; /* Safari 和 Chrome */
}

@-webkit-keyframes openActivityTop
{
  0%{
    height: 62px;
  }
100%{
    height: 125px;
  }
}
@-moz-keyframes openActivityTop{
  0%{
    height: 62px;
  }
100%{
    height: 125px;
  }
}

.activity_action {
    padding-top: 15px;
}

.activity_action a {
    margin-right: 5px;
}

.art-news {
    float: right;
    display: inline;
    width: 240px;
    height: 585px;
    border: 4px solid #efeeee;
    margin-top: 35px;
    padding: 0 27px;
}

.art-news_title {
    text-align: center;
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    padding: 20px 0;
    padding-top: 35px;
}

.art-news_pic {
    position: relative;
    overflow: hidden;
    height: 150px;
}

.art-news_pic div {
    position: absolute;
    left: 15px;
    top: 15px;
    width: 188px;
    height: 98px;
    border: 1px solid #fff;
    padding: 10px;
    color: #fff;
    text-align: center;
    font-size: 18px;
    vertical-align:middle;
    display:table-cell;
}

.art-news_pic span {
    display: block;
}

.art-news_item {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 30px;
}

.art-news_item dt {
    float: left;
    display: inline;
    width: 87px;
    height: 74px;
    overflow: hidden;
}

.art-news_item dt img {
    /*width: 87px;*/
    height: 74px;
}

.art-news_item dd {
    float: left;
    display: inline;
    padding-left: 20px;
    width: 133px;
}

.art-news_item dd a {
    display: block;
    height: 60px;
    font-size: 14px;
    color: #333333;
}

.art-news_item dd a:hover {
    color: #29665F;
}

.art-news_item-subject dd {
    padding-top: 10px;
}

.art-news_item-subject dd a {
    height: auto;
    padding-bottom: 5px;
}

.partners {
    background-color: #f5f5f5;
    border-top: 1px solid #f2f1f2;
    padding-bottom: 100px;
}

.partners-list {
    text-align: center;
    width: 1200px;
    margin: 0 auto;
}

.partners-list li {
    display: inline-block;
    margin: 0 28px;
    margin-top: 50px;
    width: 138px;
    height: 170px;
    position: relative;

}

.partners-list li img {
    width: 127px;
    height: 127px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 6px 9px  rgba(14, 5, 10, 0.1);
    box-shadow: 0 6px 9px rgba(14, 5, 10, 0.1);

}

.partners-list li span {
    display: block;
    font-size: 12px;
    color: #999999;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
}

.partners-list li span.big {
    width: 153px;
}

.art-container {
    background-color: #f6f6f6;
    margin-top: 100px;
    padding-bottom: 40px;
}



.teachers-wrap-none {
    border-bottom: none;
}

.small-tab-1 {
    margin-bottom: 0;
}

.teachers-type {
    width: 1100px;
    margin: 0 auto;
}

.teachers-type span {
    float: right;
    display: inline;
    width: 94px;
    height: 34px;
    text-align: center;
    line-height: 34px;
    border: 2px solid #29665F;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-size: 14px;
    color: #434344;
}

#J_teacher_data_container li {
    margin-top: 45px;
}

.teachers_action {
    display: none;
}

.teachers_content {
    border-bottom: none;
}

.offer-broadcast {
    width: 1170px;
    height: 242px;
    margin: 0 auto;
    margin-top: 50px;
    position: relative;
    overflow: hidden;
}

.offer-broadcast__tab {
    position: absolute;
    right: 30px;
    bottom: 16px;
    z-index: 2;
}

.offer-broadcast__tab li {
    float: left;
    display: inline;
    width: 10px;
    height: 10px;
    background-color: #707070;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-left: 20px;
}

.offer-broadcast__tab li.current {
    background-color: #29665F;
    width: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.offer-broadcast__c {
    position: relative;
    z-index: 1;
}

.offer-broadcast__std {
    line-height: 34px;
    color: #2a2a2a;
    font-size: 20px;
    position: absolute;
    left: 190px;
    top:105px;
    font-weight: normal;
}

.offer-broadcast__reason {
    font-size: 23px;
    color: #ec262c;
    position: absolute;
    left: 635px;
    top:92px;
}

.offer-broadcast__reason span {
    color: #303030;
}

.offer-broadcast__remark {
    font-size: 16px;
    color: #646464;
    line-height: 26px;
    width: 530px;
    position: absolute;
    left: 600px;
    top:135px;
    overflow: hidden;
    height: 52px;
}

.offer-broadcast__remark span {
    color: #373737;
}

.offer-school-pic {
    position: absolute;
    left: 32px;
    top:94px;
    width: 127px;
    height: 127px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
}


.offer-school-pic img {
    width: 127px;
    height: 127px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.offer-broadcast__link {
    display: block;
    height: 329px;
}

@media (max-height: 700px) {

    .selectsfk-wrap {
        margin-bottom: 20px;
    }

    .selectsfk {
        margin-top: 30px;
    }

    .activity-wrap {
        margin-top: 0px;
    }

  

}

.abouticonlist li{width:110px;float:left; margin-right:99px; text-align:center; font-size:16px;}
.abouticonlist li:nth-child(6n){margin-right:0}
.abouticonlist li .icon{
	width:110px; height:110px; border:2px solid #2A655F; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-image: url("/wemy/Template/Default/Resources/img/aboutusicon.png"); transition:all 0.4s ease-out 0s;-webkit-transition:all 0.4s ease-out 0s; margin-bottom:20px;
}
.abouticonlist li .icon:hover{background-color:#2A655F}
.aboutimglist{ height:600px;position:relative;}
.aboutimglist li{width:272px;height:272px; transform:rotate(45deg); position:absolute;}
.aboutimglist .img,.aboutimglist .mask{width:272px;height:272px;position:absolute;  overflow:hidden; }
.aboutimglist img{width:400px; transform:rotate(-45deg);margin-top:-60px;margin-left:-60px;  }
.aboutimglist li.li1{left:42px; top:54px;}
.aboutimglist li.li2{left:450px; top:54px;}
.aboutimglist li.li3{left:850px; top:54px;}
.aboutimglist li.li4{left:245px; top:264px;}
.aboutimglist li.li5{left:650px; top:264px;}
.aboutimglist .mask{background-color:#2A655F; color:#fff; z-index:99; transition:all 0.4s ease-out 0s;-webkit-transition:all 0.4s ease-out 0s;opacity:0 }
.aboutimglist .mask .inner{ text-align:center; width:272px;height:272px;transform:rotate(-45deg);margin-top:60px;margin-left:60px;}
.aboutimglist .mask .inner h3{ font-size:18px; margin-bottom:10px;}
.aboutimglist .mask .inner p { font-size:14px; font-weight:100; line-height:1.5}
.aboutimglist li:hover .mask{opacity:1}

#focus_Box{position:relative;width:1170px;height:328px;margin:50px auto;}
#focus_Box ul{position:relative;width:1170px;height:308px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1);border:1px solid #666;}
#focus_Box li img{width:100%;background:url(/wemy/Template/Default/Resources/img/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(/wemy/Template/Default/Resources/img/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
#focus_Box .prev{background:url(/wemy/Template/Default/Resources/img/btn.png) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(/wemy/Template/Default/Resources/img/btn.png) right bottom no-repeat;right:0px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(/wemy/Template/Default/Resources/img/share-btn.png) no-repeat;text-indent:-999px;}

.follow{ background:#2A655F;color:#fff; text-align:center; padding:30px 0 20px; margin-top:100px; font-size:14px;}
.follow h2.tit{font-size:22px; font-weight:100}
.follow h3{font-size:24px; }
.follow .info{font-weight:100;font-size:18px;}
.follow .code{ display:inline-block; }
.follow .code img{width:115px;}
.follow .code.first{margin-right:10px;}
.follow .follow-tit{ position:relative;width:240px; margin:10px auto; font-size:16px;}
.follow .follow-tit:before,.follow .follow-tit:after{content:"";width:80px; height:1px;background:#fff; position:absolute; top:50%;}
.follow .follow-tit:before{left:0px;}
.follow .follow-tit:after{left:160px;}

  .environment ul.tab{background:#F5F5F5; margin-top:50px;}
  .environment .tab li{width:234px; float:left; height:45px; margin-top:0!important; line-height:45px;text-align:center;font-size:18px;position:relative}
  .environment .tab li.active{background:#2A655F; }
  .environment .tab li.active:after{content:"";border:12px solid transparent;border-top:12px #2A655F solid; position:absolute;top:45px; left:50%; margin-left:-10px;}
  .environment .tab li.active a{color:#fff; }
  .tabcontent{ display:none}
  .tabcontent.active{ display:block}
  .environment .professor-container{ margin-top:30px}
/*  .tabcontentwrap{width:1210px;height:615px;  text-wrap:none; position:relative; margin:0 auto; }
  .tabcontentwrap .tabcontent {width:1210px; margin:0 auto ; height:615px; position:absolute;left:0;top:0;}
  .tabcontentwrap .tabcontent.active{ left:0;top:0;}
  .tabcontentwrap .tabcontent ul{ position:relative;}
  .tabcontentwrap .tabcontent ul .img { background-position:center center; background-repeat:no-repeat; background-size:100% 100%}
  .tabcontentwrap .tabcontent .wrap1 ,.tabcontent .wrap4{width:375px; height:485px; position:absolute;overflow:hidden;}
  .tabcontentwrap .tabcontent .wrap2 ,.tabcontent .wrap3{width:416px; height:241.15px; position:absolute;overflow:hidden;}
  .tabcontentwrap .tabcontent .wrap1 .img,.tabcontent .wrap4 .img{ height:485px;overflow:hidden;}
  .tabcontentwrap .tabcontent .wrap2 .img,.tabcontent .wrap3 .img{ height:241.15px;overflow:hidden;}
  .tabcontentwrap .tabcontent .wrap1{left:0;top:0;}
  .tabcontentwrap .tabcontent .wrap2{left:377px;top:0;}
  .tabcontentwrap .tabcontent .wrap3{left:377px;top:243px;}
  .tabcontentwrap .tabcontent .wrap4{left:795px;top:0;}
  .tabcontentwrap .tabcontent .item{ position:relative;}
  .tabcontentwrap .tabcontent .item h3{ position:absolute;padding:0 10px; box-sizing:border-box; z-index:99;left:0;right:0;bottom:0; background:rgba(255,255,255,.8); height:45px; line-height:45px; font-weight:normal; font-size:16px; color:#333;}
  .tabcontentwrap .tabcontent .item h3 span{ float:right;}
  .tabcontentwrap .tabcontent .item  .icon-map { vertical-align:middle; display:inline-block; width:30px;height:30px; background:url(/wemy/Template/Default/Resources/img/map.png) no-repeat center center;}
  .teacherteacher .tabcontent{ position:relative}*/
  .tabcontentwrap { margin:20px auto 50px;}
  .environment-list li .item{height:258px; position:relative; overflow:hidden;}
  .environment-list li img{width:100%;height:258px;}
  .environment-list li h3{ position:absolute;padding:0 10px; box-sizing:border-box; z-index:99;left:0;right:0;bottom:0;  height:45px; line-height:45px; font-weight:normal; font-size:16px; color:#fff;}
  .environment-list li .icon-map { vertical-align:middle; display:inline-block; width:30px;height:30px; background:url(/wemy/Template/Default/Resources/img/map.png) no-repeat center center;}
    .environment-list li span{ float:right;}
  

/*
     FILE ARCHIVED ON 21:42:54 Aug 28, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 17:12:07 Apr 21, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 4.274
  exclusion.robots: 0.038
  exclusion.robots.policy: 0.027
  esindex: 0.011
  cdx.remote: 30.055
  LoadShardBlock: 513.425 (3)
  PetaboxLoader3.datanode: 329.218 (4)
  load_resource: 277.227
  PetaboxLoader3.resolve: 161.305
*/