.demo{padding: 3em 0;margin-top: 100px;}
.box{position: relative;perspective: 1000px;cursor: pointer;}
.box .box-img{transform: rotateY(0);transition: all 0.50s ease-in-out 0s;}
.box:hover .box-img{transform: rotateY(-90deg);}
.box .box-img img{width: 100%;height: 100%;}
.box .box-content{width: 100%;height: 100%;position: absolute;top: 0;left: 0;padding: 60px 20px;text-align: center;background: rgba(0,0,0,0.5);transform: rotateY(90deg);transition: all 0.50s ease-in-out 0s;}
.title_jichu{font-size:20px;}
.title_tese{font-size:20px;}
.title_jiazhang{font-size:20px;}
.box:hover .box-content{transform: rotateY(0);}
.box .title{font-size: 20px!important;color: black;text-transform: uppercase;}
.box .description{font-size: 14px!important;line-height: 24px;color: black;}
.box .social-links{margin: 0;padding: 0;list-style: none;}
.box .social-links li{display: inline-block;margin: 0 10px;}
.box .social-links li a{font-size: 20px;color: #a6a6a6;}
.box .social-links li a:hover{text-decoration: none;color: #fff;}
.hide_div p{padding: 0 25px;line-height: 28px;}
.hide_div{padding-top: 10px;}
@media only screen and (max-width: 990px) {.box{  margin-bottom:20px; }}
@media only screen and (max-width: 479px) {.box .box-content{ padding: 20px; }}
.con{padding: 3em 0;margin-top: 16%;}
.div-img img{width: 100%;height: auto;  }
.div-content{width: 100%;height: 100%;text-align: center;}
.div-content .title{font-size: 28px!important;}
.div-content .title span{margin-left: 15px;}
.div-img{position: relative;height: auto;margin:0 auto;}
.f_l .p1{position: absolute;left: 86px;top: 28px;font-size: 20px;color: white;}
.f_l .img1{width: 79px;height: 79px;display: block;position: absolute;top: 60px;left: 108px;}
.f_l .img1 img{width: 79px;height: 79px;display: block;border: 0;}
.f_l .p2{position: absolute;left: 66px;top: 38px;font-size: 20px;color: black;}
.f_l .img2{width: 79px;height: 79px;display: block;position: absolute;top: -60px;left: 108px;}
.f_l .img2 img{width: 79px;height: 79px;display: block;border: 0;}
.f_r .p3{position: absolute;left: 96px;top: 98px;font-size: 20px;color: white;}
.f_r .img3{width: 79px;height: 79px;display: block;position: absolute;top: 0px;left: 168px;}
.f_r .img3 img{width: 79px;height: 79px;display: block;border: 0;}
.f_r .p4{position: absolute;left: 126px;top: 28px;font-size: 20px;color: black;}
.f_r .img4{width: 79px;height: 79px;display: block;position: absolute;top: 60px;left: 168px;}
.f_r .img4 img{width: 79px;height: 79px;display: block;border: 0;}
.linksyq {
	width: 1150px;
	margin: 0 auto;
	height: 90px;

}
.linksyq span {
	width: 90px;
	float: left;
	line-height: 80px;
	overflow: hidden;
	font-size: 16px;
	color: #00c9fb;
}
.linksyq p {
	width: 1060px;
	float: right;
	line-height: 80px;
	overflow: hidden;
}
.linksyq p a {
	margin-right: 20px;
	color: #828282
}
.teachercon .add_teacherwz{color:#FCD20C; width: auto;height: 43px;display: block;margin: 0 auto;position: absolute;bottom:-15px;left: 561px;}