@charset "utf-8";

/* CSS Document */

.clear-fix:after{content:".";display:block;height:0;clear:both;visibility:hidden}

* html .clear-fix{height:1px}

.kz{display: none;}

.breadcrumb{font-size:15px;padding:20px 0}

.breadcrumb a:hover{text-decoration:underline;color:#fbc412}

.team-work-wrap{padding:25px 0 40px}

.team-work-wrap .team-work-tab{margin:40px 0 0 0}

.team-work-content .right-box{float:right;width:340px}

.team-work-content{padding:35px 0 0 0}

.team-work-content.pt0{padding-top:0}

.team-work-content .list{float:left;width:835px}

.team-work-content .list .item{display:block;padding:15px;background:white;box-sizing:border-box;margin-bottom:30px}

.team-work-content .list .item:hover{box-shadow:0 5px 10px rgba(0,0,0,0.05)}

.team-work-content .list .item:hover .item-info h3{color:#fbc412}

.team-work-content .list .item-img{float:left;width:215px;font-size:0;margin-right:30px}

.team-work-content .list .item-img.place-img{width:280px;margin-right:10px}

.team-work-content .list .item-info{float:left;width:560px}

.team-work-content .list .item-info.place-info{width:500px}

.team-work-content .list .item-info h3{font-size:18px}

.team-work-content .list .item-info h3 a{font-weight:normal}

.team-work-content .list .item-info h3 a:hover{color: #fbc412;}

.team-work-content .list .item-info>p{font-size:14px;line-height:1.8;margin:15px 0;height:46px;overflow:hidden}

.team-work-content .list .item-info>p.l3{height:70px}

.team-work-content .list .item-type-info{font-size:12px;color:#666;line-height:1.8}

.team-work-content .list .item-type-info label{margin-right:30px}

.team-work-content .list .location-base{margin-top:10px;font-size:14px}

.team-work-content .list .location-base .location{float:left}

.team-work-content .list .location-base .location:before{display:inline-block;width:16px;height:16px;background:url("../images/location-icon.png") center no-repeat;margin-right:5px;content:''}

.team-work-content .list .location-base .base{float:right}

.team-work-content .list .location-base .base:before{display:inline-block;width:16px;height:16px;background:url("../images/flag-icon.png") center no-repeat;margin-right:5px;content:''}

@media only screen and (max-width: 800px) {

.team-work-content .list{ width:98%; margin: 0 auto;}

	

}	

















.class-detail{margin-bottom:30px}

.class-detail .class-slider{width:835px}

.class-detail .class-slider-ovh{width:835px;height:473px; margin-bottom:2px;overflow:hidden}

.class-detail .class-slider-ovh li{float:left;width:835px}

.class-detail .class-slider-ovh li img{width: 100%; height: 100%;}

.class-detail .class-slider-thum-ovh{position:relative;width:835px;height:95px;overflow:hidden}

.class-detail .class-slider-thum-ovh li{float:left;width:167px;border:1px solid transparent;/*padding-right: 2px;*/box-sizing:border-box;cursor:pointer}

.class-detail .class-slider-thum-ovh li img{ width: 100%; height: 100%;}

.class-detail .class-slider-thum-ovh span{position:absolute;left:2px;width:35px;height:48px;cursor:pointer;top:50%;margin-top:-24px;text-indent:-9999px;background:rgba(0,0,0,0.5) url("../images/prev.png") center;transition:background-color ease-in .2s}

.class-detail .class-slider-thum-ovh span.next{left:auto;right:2px;background:rgba(0,0,0,0.3) url("../images/next.png") center}

.class-detail .class-slider-thum-ovh span:hover{background-color:rgba(0,0,0,0.8)}



.class-detail .content{background:white;margin-top:30px}

.class-detail .content .anchor-menu{position:relative;background:#efae0d;margin-left:-10px;width:857px;text-align:center;z-index:2}

.class-detail .content .anchor-menu:before,.class-detail .content .anchor-menu:after{position:absolute;bottom:-20px;display:block;width:1px;height:1px;border-top:10px solid #d49b0e;border-bottom:10px solid transparent;content:'';z-index:2}

.class-detail .content .anchor-menu:before{left:0;border-left:10px solid transparent}

.class-detail .content .anchor-menu:after{left:auto;right:0;border-right:10px solid transparent}

.class-detail .content .anchor-menu li{display:inline-block;border-left:1px solid white}

.class-detail .content .anchor-menu li:first-child{border:0}

.class-detail .content .anchor-menu li a{display:inline-block;padding:12px 20px; font-size: 20px; color:white}

.class-detail .content .anchor-content{padding:20px}

.class-detail .content .anchor-content img{ display:block; margin: 0 auto; max-width: 100%;}

.class-detail .content .anchor-content .block{line-height:200%;font-size:14px;margin:20px 0;border-bottom:1px solid #eee;padding:20px 0}

.class-detail .content .anchor-content .block p{line-height:200%;font-size:14px; text-align: left;}

.class-detail .content .anchor-content .block img,.class-detail .content .anchor-content .block div img,.class-detail .content .anchor-content .block p img{

	display:block; margin: 0 auto; max-width: 100%;

}

.class-detail .content .anchor-content .block h3{font-size:18px;font-weight:normal;text-align:center;margin-bottom:15px}

.class-detail .content .anchor-content .stroke-item{border-left:1px solid #ddd;padding:0 0 15px 25px;margin-left:10px}

.class-detail .content .anchor-content .stroke-item h4{position:relative;font-size:20px;font-weight:normal;line-height:1.2;top:-10px}

.class-detail .content .anchor-content .stroke-item h4 span.clock{position:absolute;left:-42px;top:-5px;display:inline-block;width:32px;height:32px;line-height:32px;border-radius:32px;background:#efae0d url("../images/clock.png") center no-repeat}

.class-detail .content .anchor-content .stroke-item .stroke-img{margin:10px 0}

.class-detail .content .anchor-content .stroke-item .stroke-img img{width:auto}

.class-detail .content .anchor-content .stroke-item.end h4{top:15px}

.class-detail .content .anchor-content .stroke-item.end h4 span.clock{text-align:center;background-image:none;color:white}

@media only screen and (max-width: 800px) {

.kz{display: block;}

.class-detail .class-slider{display: none;}

.class-detail .class-slider-ovh{width:100%;height:13rem; margin-bottom:2px;overflow:hidden}

.class-detail .class-slider-ovh li{float:left;width:100%; height: 13rem;}

.class-detail .class-slider-ovh li img{width: 22rem; height: 13rem;}

.class-detail .class-slider-thum-ovh{position:relative;width:100%;height:95px;overflow:hidden}	

.class-detail .content .anchor-menu{position:relative;background:#efae0d; margin: 0 auto;width:98%;text-align:center;z-index:2}

.class-detail .content .anchor-content .block img,.class-detail .content .anchor-content .block div img,.class-detail .content .anchor-content .block p img{

	display:block; margin: 0 auto; max-width: 96%;}

}	











.content-control{margin:20px 0;border-top:1px solid #e8ecf7;padding-top:20px}

.content-control p{width:auto;text-align:left;margin-bottom:10px}

.content-control p a:hover{text-decoration:underline}



.side-program{background:white;border-top:2px solid #fbc412;margin-bottom:30px;padding:20px;box-sizing:border-box}

.side-program h3{font-size:25px;margin-bottom:20px; line-height: 130%;}

.side-program .detail{font-size:14px;line-height:1.5;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e8ecf7}

.side-program .detail p { margin-top:6px; margin-bottom:6px;}

.side-program .share{font-size:14px;    padding-left: 13px;margin-top: 0px;}

.side-program .share li{float:left;width:47px;height:47px;margin:15px 15px 0 0}

@media only screen and (max-width: 800px) {

.side-program{display: none;}

}





.side-section{background:white;padding:15px;box-sizing:border-box;margin-bottom:30px}

@media only screen and (max-width: 800px) {

.side-section{margin-left: -15px;}

}

.side-section>p{margin-top:20px;font-size:14px;line-height:1.8}

.side-section header{font-size:18px;font-weight:bold;padding-left:10px;border-left:3px solid #fbc412}

.side-section li{float:left;width:47.5%;margin:15px 15px 0 0;text-align:center;font-size:14px}

.side-section li:nth-child(2n){margin-right:0}

.side-section li a{display:block}

.side-section li a:hover{color:#fbc412}

.side-section li a img{ width: 100%; height: 6rem;}

.side-section li p{margin-top:6px}

.side-section .class-example a{display:block;margin-top:20px;text-align:center}

.side-section .class-example a img{ display: block; width: 100%; height: 13rem;}

.side-section .class-example a p{margin-top:6px}

.side-section .class-example a:hover{color:#fbc412}

.side-section .class-example.v-class-example a{float:left;width:24%;margin-right:1%}



.img2 img{ cursor: pointer;transition: all 0.6s;}

.img2 img:hover{transform: scale(1.05);