@charset "utf-8";

/*课程介绍 轮播*/
.friend{height:413px;margin:0 auto;overflow:hidden;width:1300px;}
.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:1047px;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:300px;overflow:hidden;position:relative;}
.mr_frUl ul li a img{/*display:block;*/width:100%;}
.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;}





/** 软件  **/

.rjsb{ padding:80px 0 ;}
.rjsb_con{ margin-top:30px;}
.rjsb .container{ overflow:hidden;}
.rjsb_list{ position:relative; width:80%; margin:0 auto;  }
.rjsb_list1{ right:300px;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;  }
.rjsb_list2{ left:300px;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;  }
.rjsb_list img{ width:100%; height:auto; display:block;}
.rjsb_list_text{ position:absolute; left:0; bottom:0; width:100%;  padding:20px 25px;   background:#fff; filter:alpha(opacity=0.8); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;  height:auto; z-index:999; transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
}


.rjsb_list_text2{ position:absolute;  left:0; top:0; width:100%; height:100%; z-index:99; background:#000;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; 
transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;

}
.rjsb_list_text h3{ color:#333; width:100%; font-weight:bold; margin:0 auto; font-size:16px; line-height:30px; margin:0 0 10px 0; text-align:center;}
.rjsb_list_text p{ color:#666; font-size:14px; line-height:24px; margin:0; text-align:center;}
.rjsb_list:hover .rjsb_list_text2{ filter:alpha(opacity=0.8); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; cursor:pointer; transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
 }
.rjsb_list:hover .rjsb_list_text{ bottom:35%; transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	background:none;
 }
 
 .rjsb_list:hover .rjsb_list_text1{ bottom:45% !important; }
  .rjsb_list:hover .rjsb_list_text h3{ color:#fff;}
 .rjsb_list:hover .rjsb_list_text p{ color:#fff;}




/** 硬件  **/
.yjjc{ background:#f4f4f6; padding:80px 0; overflow:hidden;}
.yjjc_p{ color:#666; margin-bottom:40px; text-align:center;}

.yjjc_con_left{ background:#fff; padding:20px; box-sizing:border-box; position:relative; top:200px;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
.yjjc_con_left h3{ color:#0187d0; font-size:16px; line-height:30px; margin:0 0 10px 0;}
.yjjc_con_left p{ color:#666; font-size:14px; line-height:22px; margin:0; }

.yjjc_con_right{  position:relative; top:200px;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
.yjjc_con_right_list{ margin-bottom:15px;    padding-left: 30px; }
.yjjc_con_right h2{ color:#0187d0; font-size:16px;padding-left: 30px; line-height: 18px;   margin:0 0 10px 0;}
.yjjc_con_right_list i{ color:#0187d0; font-size:14px;}
.yjjc_con_right_list p span{ color:#0187d0; font-weight:bold;}
.yjjc_con_right_list p{ color:#666; font-size:12px; line-height:26px; margin:0;}
.yjjc_con_right_list b{ color:#333; font-weight:100;}

.yjjc_con_right_pic{ width:50%; float:left; }
.yjjc_con_right_pic img{ width:100%; height:auto; display:block;}
.yjjc_con_right_text{ width:50%; float:left; padding:30px 20px;}



.yjjc_con_left_text p{ color:#666; font-size:14px; line-height:24px;}
.yjjc_con_left_pic{ margin-top:30px;}
.yjjc_con_left_pic img{ width:100%; height:auto; display:block;}

.more_ab a {
    background: #0297E8;
    color: #fff;
    width: 120px;
    line-height: 30px;
    text-align: center;
    float: left;
    margin-right: 15px;
}

@media(max-width: 768px){
	
	.rjsb{
		padding: 40px 0;
	}
	.l_btn{
		position: relative;
		left: 15px;
	}
	.r_btn{
		position: absolute;
		right: 15px;
	}
}