/**基本格式结束***************/

/*森科单页头部开始*/
.span12{
	width: 1300px;
}
.bodyCon08 .students{margin:0 auto;width:1300px;height:200px;position:relative;}
.bodyCon08 .students p.PP{width:510px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px;}
#four_flash{position:relative;width:1300px;height:200px; margin:0 auto;position:absolute;}
#four_flash .flashBg{width:1198px;height:200px; margin:0 auto;position:relative;overflow:hidden;}
#four_flash .flashBg ul.mobile{width:2000%;height:200px; position:absolute;top:15; left:0;}
#four_flash .flashBg ul.mobile li{float:left;width:210px;height:200px;margin-left:26px;padding-top:40px;color:#6C6E85;}

#four_flash .flashBg ul.mobile li img{display:block; margin:0 auto;    filter: grayscale(100%);
    transition: all 0.3s; }

#four_flash .flashBg ul.mobile li:hover img {
    filter: grayscale(0%);
}
#four_flash .flashBg ul.mobile li dd{font-size:20px;width:100%;line-height:60px;text-align:center;}
#four_flash .flashBg ul.mobile li p{font-size:16px; text-align:center;width:250px; line-height:24px;margin-top:10px;}
#four_flash .flashBg ul.mobile li a{display:block;background:url(../image/jiantou.png);width:31px;height:31px;border:0px;margin:8px auto;}
#four_flash .flashBg ul.mobile li a:hover{background:url(../image/jiantou2.png);}
#four_flash .but_left{width:50px;height:100px;position:absolute; top:50px; left:0px;}
#four_flash .but_right{width:50px;height:100px; position:absolute; top:50px; right:0px;}
#four_flash .but_left:hover{background:url(../image/qianxleft1.png) no-repeat;}
#four_flash .but_right:hover{background:url(../image/qianxr1.png) no-repeat;}

@media screen and (max-width: 1300px){
	
	.span12 {
    width: 1000px;
}.bodyCon08 .students{
    width: 1000px;
}#four_flash{
    width: 1000px;
}
	#four_flash .flashBg{width:898px;}
	#four_flash .flashBg ul.mobile li{float:left;width:190px;}
}

@media screen and (max-width: 1024px){
	
	.span12 {
    width: 900px;
}.bodyCon08 .students{
    width: 900px;
}#four_flash{
    width: 900px;
}
	#four_flash .flashBg{width:798px;}
	#four_flash .flashBg ul.mobile li{float:left;width:130px;}
}
@media screen and (max-width: 900px){
	.span12 {
    width: 95%;
		
}.bodyCon08 .students{
    width:  100%;
}#four_flash{
    width:  100%;
}
	#four_flash .flashBg{width:calc(100% - 102px);}
	#four_flash .flashBg ul.mobile li{float:left;width:130px;}
	
}


@media screen and (max-width: 450px){
#four_flash .flashBg ul.mobile li{float:left;width:100px;margin-left: 15px;}
	.hehb{
		display: none;
	}
}