/*课程介绍 轮播*/
.friend{width:100%; height:auto; min-height:280px;margin:0px auto 0px auto;}
.mr_frbox{height:auto;padding:0px; position:relative;}
.mr_frBtnL{height:40px; cursor:pointer;display:inline; position:absolute; top:90px; left:-40px; z-index:50;}
.mr_frBtnR{height:40px; cursor:pointer; position:absolute; top:90px; right:-40px; z-index:50;}
.mr_frUl{width:100%; height:auto; margin:0px auto;}
.mr_frUl ul li{width:25%; display:inline;float:left;overflow:hidden; position:relative;}
.mr_frUl ul li .div01{width:95%; height:220px; overflow:hidden; border:0px #fff solid; margin:0px auto; background:#000;}
.mr_frUl ul li .div02{width:95%; height:auto; line-height:40px; text-align:center; background:#FFF; font-size:14px; margin:0px auto; padding:10px 0px 10px 0px;}
.mr_frUl ul li img{width:100%; height:auto; min-height:220px; display:block; margin:0px auto; transition:0.6s;}
.mr_frUl ul li:hover img{transform: scale(1.2); opacity:0.5; filter:alpha(opacity=50);}

.mr_frUl ul li .img01{width:25px; height:25px;min-height:25px; display:block;position:absolute; left:45%; top:30%; opacity:0.0; filter:alpha(opacity=0);}
.mr_frUl ul li:hover .img01{position:absolute; left:45%; top:40%; opacity:0.7; filter:alpha(opacity=70);}



.friend01{width:100%; height:auto;margin:0px auto; padding-top:3px; padding-bottom:0px; overflow:hidden;}
.mr_frbox01{width:1200px; height:auto;padding:0px; position:relative; margin:0px auto;}
.mr_frBtnL01{width:24px;height:50px; cursor:pointer;display:inline; position:absolute; top:160px; left:-40px; z-index:50;}
.mr_frBtnR01{width:24px;height:50px; cursor:pointer; position:absolute; top:160px; right:-40px; z-index:50;}
.mr_frUl01{width:100%; height:auto; margin:0px auto;}
.mr_frUl01 ul li{width:402px; display:inline;float:left;overflow:hidden; margin:0px; position:relative;}
.mr_frUl01 ul li .div01{width:95%; height:310px; overflow:hidden; border:0px #fff solid; margin:0px auto; background:#000;}
.mr_frUl01 ul li .div02{width:95%; height:auto; background:#FFF; text-align:left; margin:0px auto; padding-bottom:30px;}
.mr_frUl01 ul li .span01{width:85%; height:auto; line-height:60px; font-size:18px; margin:0px auto; display:block;}
.mr_frUl01 ul li .span02{width:85%; height:auto; line-height:25px; font-size:14px; color:#999; margin:0px auto 20px auto; display:block;}
.mr_frUl01 ul li .span03{width:100px; line-height:25px; text-align:center; font-size:14px; display:block; background:#3fb3a0; color:#FFF; margin-left:30px;}
.mr_frUl01 ul li img{width:100%; height:auto; min-height:310px; display:block; transition: 0.6s;}
.mr_frUl01 ul li:hover img{transform: scale(1.2); opacity:0.5; filter:alpha(opacity=50);}

.mr_frUl01 ul li .img01{width:25px; height:25px;min-height:25px; display:block;position:absolute; left:45%; top:30%; opacity:0.0; filter:alpha(opacity=0);}
.mr_frUl01 ul li:hover .img01{position:absolute; left:45%; top:40%; opacity:0.7; filter:alpha(opacity=70);}

@keyframes mymove
{
0% {opacity:0.0; filter:alpha(opacity=0);}
1% {top:60%; opacity:0.0; filter:alpha(opacity=0);}
100% {top:40%; opacity:1.0; filter:alpha(opacity=100);}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
0% {opacity:0.0; filter:alpha(opacity=0);}
1% {top:60%; opacity:0.0; filter:alpha(opacity=0);}
100% {top:40%; opacity:1.0; filter:alpha(opacity=100);}
}



.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;}