
/*课程介绍 轮播*/
.friend{width:100%; height:auto;margin:0px auto 0 auto; padding-top:20px; overflow:hidden;}
.mr_frbox{height:auto;padding:0px; position:relative;}
.mr_frBtnL{width:20px;height:40px; cursor:pointer;display:inline; position:absolute; top:120px; left:0px; z-index:50;}
.mr_frBtnR{width:20px;height:40px; cursor:pointer; position:absolute; top:120px; right:0px; z-index:50;}
.mr_frUl{width:1125px; height:auto; margin:0px auto;}
.mr_frUl ul li{width:280px; display:inline;float:left;overflow:hidden; margin:0px 1px 1px 0px; position:relative;}
.mr_frUl ul li .div01{width:100%; height:280px; overflow:hidden; border:0px #fff solid;}
.mr_frUl ul li img{width:100%; height:280px; display:block; transition: 0.6s;}
.mr_frUl ul li:hover img{transform: scale(1.2);}
.mr_frUl ul li span{width:100%; height:280px; display:block; background:url(../images/tm_bj01.png); margin:0px auto; position:absolute; top:230px; left:0px; transition: 0.5s;}
.mr_frUl ul li span h3{width:80%; line-height:50px; text-align:center; font-size:16px; font-weight:normal; color:#fff; border-bottom:1px #ccc solid; display:block; margin:0px auto;}
.mr_frUl ul li span p{width:80%; line-height:25px; font-size:12px; color:#eee; text-align:left; display:block; padding-top:10px; margin:0px auto;}
.mr_frUl ul li:hover span{position:absolute; top:0px; left:0px;}



.mr_zhe{width:220px;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;}