@charset "utf-8";
@media screen and (max-width:5000px) {
    

	.fs12{ font-size: 12px;}
	.fs14{ font-size: 14px;}
	.fs16{ font-size: 16px;}
	.fs18{ font-size: 18px;}
	.fs20{ font-size: 20px;}
	.fs22{ font-size: 22px;}
	.fs24{ font-size: 24px;}
	.fs26{ font-size: 26px;}
	.fs28{ font-size: 28px;}
	.fs30{ font-size: 30px;}
	.fs32{ font-size: 32px;}
	.fs36{ font-size: 36px;}
	.fs40{ font-size: 40px;}
	.fs42{ font-size: 42px;}
	.fs48{ font-size: 48px;}
	.fs52{ font-size: 52px;}
	.fs60{ font-size: 60px;}
	.fs68{ font-size: 68px;}
	.fs90{ font-size: 80px;}

    .cooperate-bd li{ height: 270px;}

    .news-hd .news-in{height: 665px;}
	
	.lesson-part1{height: 730px;}
    .lesson-part2{height: 600px;}
	
    .VR-part1{height: 800px;}
    .VR-list .VR-info {height: 490px}

	#robotman-eye{bottom:5%}
	
	.img-sbox{ height: 160px;}
	
    .picFocus .bd li .bd-li .image-box{ height: 270px}

    .picMarquee-left .bd ul li{  height: 160px;}    
    .picMarquee-left .bd ul li .pic img{ max-width: 190px;  max-height: 140px;}
}
@media screen and (max-width:1680px) {
    
    .fs12{ font-size: 12px;}
    .fs14{ font-size: 12px;}
    .fs16{ font-size: 14px;}
    .fs18{ font-size: 14px;}
    .fs20{ font-size: 16px;}
    .fs22{ font-size: 18px;}
    .fs24{ font-size: 20px;}
    .fs26{ font-size: 22px;}
    .fs28{ font-size: 24px;}
    .fs30{ font-size: 26px;}
    .fs32{ font-size: 28px;}
    .fs36{ font-size: 32px;}
    .fs40{ font-size: 36px;}
    .fs42{ font-size: 38px;}
    .fs48{ font-size: 42px;}
    .fs52{ font-size: 48px;}
    .fs60{ font-size: 58px;}
    .fs68{ font-size: 64px;}
    .fs90{ font-size: 68px;}

    .cooperate-bd li{ height: 250px;}

    .news-hd .news-in{height: 600px;}

    .lesson-part1{height: 650px;}
    .lesson-part2{height: 500px;}
    .VR-part1{height: 700px;}
    .VR-list .VR-info {height: 450px}

    #robotman-eye{bottom:4.5%;}
	
	.img-sbox{ height: 140px;}
    .picFocus .bd li .bd-li .image-box{ height: 250px}

    .picMarquee-left .bd ul li{ height: 150px;}    
    .picMarquee-left .bd ul li .pic img{ max-width: 170px; max-height: 130px}
}
@media screen and (max-width:1440px) {
    body{ font-size: 12px;}
    .fs12{ font-size: 12px;}
    .fs14{ font-size: 12px;}
    .fs16{ font-size: 14px;}
    .fs18{ font-size: 14px;}
    .fs20{ font-size: 16px;}
    .fs22{ font-size: 18px;}
    .fs24{ font-size: 20px;}
    .fs26{ font-size: 22px;}
    .fs28{ font-size: 24px;}
    .fs30{ font-size: 26px;}
    .fs32{ font-size: 28px;}
    .fs36{ font-size: 32px;}
    .fs40{ font-size: 36px;}
    .fs42{ font-size: 38px;}
    .fs48{ font-size: 42px;}
    .fs52{ font-size: 48px;}
    .fs60{ font-size: 58px;}
    .fs68{ font-size: 64px;}
    .fs90{ font-size: 64px;}

    .upgrace-box{ height: 600px; margin-top: 60px;}
    .upgrace-box .c-box{ left:50%; top: 50%; width: 600px; margin-left: -305px; margin-top: -130px;}

    .cooperate-bd li{ height: 210px;}
    .left-news{ height: 490px;}

    .news-hd .news-in{height: 545px;}

    .lesson-part1{height: 550px;}
    .lesson-part2{height: 450px;}

    .VR-part1{height: 600px;}
    .VR-list .VR-info {height: 430px}

    #robotman-eye{bottom:4%;}
	
	.img-sbox{ height: 126px;}
    .picFocus .bd li .bd-li .image-box{ height: 214px}
    
    .picMarquee-left .bd ul li{ height: 140px;}
    .picMarquee-left .bd ul li .pic img{ max-width: 160px; max-height: 120px}
}

@media screen and (max-width:1368px) {
    body{ font-size: 12px;}
    .fs12{ font-size: 12px;}
    .fs14{ font-size: 12px;}
    .fs16{ font-size: 12px;}
    .fs18{ font-size: 14px;}
    .fs20{ font-size: 14px;}
    .fs22{ font-size: 16px;}
    .fs24{ font-size: 16px;}
    .fs26{ font-size: 16px;}
    .fs28{ font-size: 18px;}
    .fs30{ font-size: 20px;}
    .fs32{ font-size: 22px;}
    .fs36{ font-size: 24px;}
    .fs40{ font-size: 26px;}
    .fs42{ font-size: 30px;}
    .fs48{ font-size: 32px;}
    .fs52{ font-size: 34px;}
    .fs60{ font-size: 38px;}
    .fs68{ font-size: 40px;}
    .fs90{ font-size: 60px;}
    
    
    .progress-bd .bd-in{ width: 1080px; margin: auto;}
    .progress-bd .bd-in li{ float: left; width: 180px;}

    .progress-bd .mar-t1{ margin-top: 150px;}
    .progress-bd .mar-t2{ margin-top: 120px;}
    .progress-bd .mar-t3{ margin-top: 40px;}
    .progress-bd .mar-t4{ margin-top: 100px;}
    .progress-bd .mar-t5{ margin-top: 180px;}
    .progress-bd .mar-t6{ margin-top: 100px;}

    .upgrace-box{ height: 520px; margin-top: 60px;}
    .upgrace-box .c-box{ left:50%; top: 50%; width: 450px; margin-left: -230px; margin-top: -70px;}

    .cooperate-bd li{ height: 200px;}
    .left-news{ height: 460px;}

    .news-hd .news-in{height: 520px;}
    .news-in .news-more{height: 35px;line-height: 35px}

    .lesson-part1{height: 520px;}
    .lesson-part2{height: 420px;}
    .VR-part1{height: 550px;}
    .VR-list .VR-info {height: 400px}
	
	.img-sbox{ height: 120px;}
    .picFocus .bd li .bd-li .image-box{ height: 204px}
    
    .picMarquee-left .bd ul li{ height: 130px;}
    .picMarquee-left .bd ul li .pic img{ max-width: 150px; max-height: 110px}

}
@media screen and (max-width:1280px) {
    .lesson-part2{height: 400px;}
	.img-sbox{ height: 100px;}
    .picFocus .bd li .bd-li .image-box{ height: 190px}
    
    
    .picMarquee-left .bd ul li{ height: 120px;}
    .picMarquee-left .bd ul li .pic img{ max-width: 140px; max-height: 100px}
}
@media screen and (max-width:1024px) {
    .lesson-part2{height: 360px;}
	
	
    .picMarquee-left .bd ul li{ height: 90px;}
    .picMarquee-left .bd ul li .pic img{ max-width: 100px; max-height: 70px}
}