@charset "utf-8";

/*课程介绍 轮播*/
.friend{height:413px;margin:0 auto;overflow:hidden;width:1500px;}
.mr_frbox{height:407px;padding:24px 0px 0px;}
.mr_frBtnL{cursor:pointer;display:inline;float:left;height:46px;margin:160px 10px 0 0;width:28px;}
.mr_frUl{float:left;height:202px;width:1247px;margin-left:10px;}
.mr_frBtnR{float:right;margin-top:160px;cursor:pointer;width:28px;height:46px;}
.mr_frUl ul li{display:inline;float:left;/*height:389px;*/width:334px;overflow:hidden;position:relative; margin-right:20px;}
.mr_frUl ul li a{ display:block; height:330px;}
.mr_frUl ul li a img{/*display:block;*/width:100%; height:100%;}
.mr_frUl ul li .tit{ background:#8FC320; line-height:60px; text-align:center; color:#fff; font-size:18px;}
.mr_zhe{width:300px;position:absolute;top:0;background:rgba(78, 164, 181, 0.65) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=80);background:#4ea4b5;/*实现IE背景透明*//*height:389px;*/left:0;right:0;}
.mr_zhe_i h1{text-align:center;font-size:182px;height:138px;line-height:138px;margin-top:72px;margin-bottom:64px;font-weight:bold;color:#fff;}
.mr_zhe_p{margin-bottom:60px;}
.mr_zhe_p h3{text-align:center;font-size:15px;font-weight:bold;color:#fff;line-height:30px;}
.mr_zhe_p h3 span{display:block;margin:0 auto;width:260px;font-size:18px;border-bottom:1px solid #f4f4f4;}
.mr_zhe_hover{bottom:-596px;height:200px;position:absolute;width:300px;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/filter:Alpha(opacity=80);background:#0a0a0a;/*实现IE背景透明*/}
.mr_zhe_hover h1{text-align:center;height:40px;line-height:40px;margin:22px 0;color:#fff;}


#cptuld{ display:none;}




@media only screen and (max-width: 1660px){
	
.friend{height:413px;margin:0 auto;overflow:hidden;width:1400px;}
.mr_frUl{float:left;height:202px;width:1147px;margin-left:10px;}	
.mr_frUl ul li{display:inline;float:left;/*height:389px;*/width:309px;overflow:hidden;position:relative; margin-right:20px;}
.mr_frUl ul li a{ display:block; height:300px;}
	
	
	
	}









@media only screen and (max-width: 1500px){
	
.friend{height:413px;margin:0 auto;overflow:hidden;width:1200px;}
.mr_frUl{float:left;height:202px;width:947px;margin-left:10px;}	
.mr_frUl ul li{display:inline;float:left;/*height:389px;*/width:259px;overflow:hidden;position:relative; margin-right:20px;}
.mr_frUl ul li a{ display:block; height:250px;}

.mr_frUl ul li .tit{ font-size:16px;}

	
	
	
	}

@media screen and (max-width:640px){
	
.friend{ display:none;}	
#cptuld{ display: block;}

	}