.scale-ul {
    max-width: 1180px;

    margin: 36px auto;
}
.scale-ul .scale-box {
    width: 32%;
    float: left;
    display: inline;
    margin-right: 2%;
}

.scale-ul .scale-box {
    overflow: hidden;
    height: 300px;
    position: relative;
    transition: all .15s cubic-bezier(.4,0,.2,1);
}
.scale-ul .scale-box h2 {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 1;
    font-size: 18px;
    color: #fff!important;
    font-weight: bolder;
}
.scale-ul .scale-box p {
    position: absolute;
    top: 70px;
    left: 30px;
    z-index: 1;
    color: #fff!important;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

.scale-ul .scale-box img {
    transition: all .5s ease;
    height: 100%;
    width: 100%;
}
.scale-ul .scale-box li:hover {
    box-shadow: 0 0 15px rgba(186,204,207,.7);
}
.scale-ul .scale-box:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.clearfix:after{
    content: '';
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

#teac-case{
    width: 1210px;
    margin: 0 auto;
}
#teac-case li{
    width: 24%;
    height: auto;
    overflow: hidden;
    float: left;
}
#teac-case .tunr{
    display: block;
    height: auto;
    overflow: hidden;
    position: relative;
    margin: 0 15px 30px;
}
#teac-case  li img {
    width: 100%;
    height: auto;
}
#teac-case li .tubj {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(0,0,0,.1);
}
#teac-case li .neirong {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -68px;
    z-index: 3;
    text-align: center;
    width: 100%;
    height: auto;
}
#teac-case li .planxb1 {
    /*background-position: -210px -70px;*/
}
#teac-case li .planxb {
    width: 70px;
    height: 70px;
    margin: 0 auto;
}
.planxb  {
    background-image: url(../images/aacs.png);
    background-repeat: no-repeat;
}
#teac-case li p {
    font-size: 20px;
    color: #fff;
    line-height: 25px;
    margin: 23px auto 17px;
}
#teac-case li span {
    display: block;
    width: 39px;
    height: 2px;
    background: #fff;
    margin: 0 auto;
}

#teac-case li .fugai {
    transition: all .9s ease;
    -webkit-transition: all .9s ease;
    width: 100%;
    height: 282px;
    position: absolute;
    left: 0;
    bottom: -282px;
    background-color: rgba(95, 70, 255, 0.8);
    z-index: 3;
    text-align: center;
}

#teac-case li .wen {
    width: 100%;
    height: auto;
    max-height: 208px;
    overflow: hidden;
    position: absolute;
    top: 64%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#teac-case li .wen p {
    margin: 0 auto 17px;
}

#teac-case li p {
    font-size: 20px;
    color: #fff;
    line-height: 25px;
    margin: 23px auto 17px;
}
#teac-case li .wen span {
    margin: 0 auto 14px;
}
#teac-case li .wen a {
    display: block;
    height: 30px;
    overflow: hidden;
    line-height: 30px;
    font-size: 16px;
    color: rgba(255,255,255,0.7);
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 12%;
}

#teac-case li .tunr:hover .neirong {
    top: 0;
    margin-top: -137px;
    transition: all .8s ease;
    -webkit-transition: all .8s ease;
}
#teac-case li .tunr:hover .fugai {
    bottom: 0;
}

.ny_fafw {width: 1300px;
height: 440px;
margin: 50px auto 0;
	padding: 22px 55px;}
.clear{
            content:"";
            display:table;
            clear:both;
        }
.ny_fafw .left {float: left;margin-top: 11px;width: 133px;height: 500px;text-align: left}
        .tab{
            height: 30px;padding-left: 33px;color: #0e1a36;    margin-top: 20px;cursor: pointer;
            margin-left: -2px;
        }
        .tabhover{
            height: 30px;padding-left: 30px;border-left: 3px solid #1054ff;color: #1054ff;margin-top: 20px;cursor: pointer;
            margin-left: -2px;
        }
        .tab:hover{
            height: 30px;padding-left: 30px;border-left: 3px solid #1054ff;color: #1054ff;margin-top: 20px;cursor: pointer;
            margin-left: -2px;
        }
        .itab{
            color:#fff
        }
.btab{float: left;width: 964px;height: 500px;padding-left: 50px;}
.btab h3 {font-size: 26px;font-weight: normal;margin: 24px 0 30px;color: #fff;}
.btab p {font-size: 14px;color: #dfdfdf}






@media only screen and (max-width:1024px){
	#teac-case {
    width: 90%;
}
	#teac-case li {
    width: 49%;
}
	#teac-case li .fugai {
    transition: all .9s ease;
    -webkit-transition: all .9s ease;
    width: 100%;
    height: 182px;
    position: absolute;
    left: 0;
    bottom: -182px;
    background-color: rgba(95, 70, 255, 0.8);
    z-index: 3;
    text-align: center;
}
	#teac-case .tunr {
    margin: 0 10px 20px;
}
	#teac-case li p {
    font-size: 14px;
    line-height: 25px;
    margin: 5px auto 0 ;
}
	#teac-case li .neirong {
    margin-top: -51px;
}
	#teac-case li .wen a {
    font-size: 14px;
    margin: 0px 2% 0;height: auto;line-height: 1.2;
}
	#teac-case li .wen p {
    margin: 15px auto 7px;
}
	.ny_fafw {
    width: 100%;
    height: auto;
    margin: 30px auto 0;
    padding: 15px 20px;
}
	.ny_fafw .left {
    margin-top: 11px;
    width: 100%;
    height: auto;
}
	.tabhover {padding-left: 10px;width: 30.3333%;float: left;margin: 0 1.5%;font-size: 12px;line-height: 30px;
}
	 .tab:hover{padding-left: 10px;width: 30.3333%;float: left;margin: 0 1.5%;line-height: 30px;}
	.tab {
    padding-left: 13px;width: 30.3333%;float: left;margin: 0 1.5%;font-size: 12px;line-height: 30px;
}
	.btab {
    width: 100%;
    height: auto;
    padding-left:0px;
}
	.btab h3 {
    font-size: 20px;
    margin: 24px 0 20px;
}
	
	
	
	
	
	
	
	
	
	
	
}