$(document).ready(function(){
 //
 fn_close();
 $('.system1').show(); 
 
 $('.s_tab1').click(function(){ 
  fn_close();
  $('.system1').show(); 
 });
 $('.s_tab1').mouseover(function(){ 
  fn_over();
  $(this).css("border","2px solid #68a7bc");
 });
 
 $('.s_tab2').click(function(){ 
  fn_close();
  $('.system2').show();
 });
 
 $('.s_tab2').mouseover(function(){ 
  fn_over();
  $(this).css("border","2px solid #68a7bc");
 });
 
 $('.s_tab3').click(function(){ 
  fn_close();
  $('.system3').show();
 });
 
 $('.s_tab3').mouseover(function(){ 
  fn_over();
  $(this).css("border","2px solid #68a7bc");
 });
 
 $('.s_tab4').click(function(){ 
  fn_close();
  $('.system4').show();
 });
 
 $('.s_tab4').mouseover(function(){ 
  fn_over();
  $(this).css("border","2px solid #68a7bc");
 });
 
 $('.s_tab5').click(function(){ 
  fn_close();
  $('.system5').show();
 });
 
 $('.s_tab5').mouseover(function(){ 
  fn_over();
  $(this).css("border","2px solid #68a7bc");
 });
 
 $('.s_tab6').click(function(){ 
  fn_close();
  $('.system6').show();
 });
 
 $('.s_tab6').mouseover(function(){ 
  fn_over();
  $(this).css("border","2px solid #68a7bc");
 });
 
 $('.s_tab7').click(function(){ 
  fn_close();
  $('.system7').show();
 });
 
 $('.s_tab7').mouseover(function(){ 
  fn_over();
  $(this).css("border","2px solid #68a7bc");
 });

 $('.s_tab100').mouseover(function(){ 
   $('.content1').show();
   $('.tutor1').hide();
  }); 
  
  $('.s_tab200').mouseover(function(){
   $('.content1').hide();
   $('.tutor1').show();
  });
 
});
//ÃʱâÈ­ ÇÔ¼ö
function fn_close(){
 $('.system1').hide();
 $(this).css("border","2px solid #68a7bc");
 $('.system2').hide();
 $('.s_tab2').css("border","2px solid #e7f6f1");
 $('.system3').hide();
 $('.s_tab3').css("border","2px solid #e7f6f1");
 $('.system4').hide();
 $('.s_tab4').css("border","2px solid #e7f6f1");
 $('.system5').hide();
 $('.s_tab5').css("border","2px solid #e7f6f1");
 $('.system6').hide();
 $('.s_tab6').css("border","2px solid #e7f6f1");
 $('.system7').hide();
 $('.s_tab7').css("border","2px solid #e7f6f1");
}
//¸¶¿ì½º ¿À¹ö
function fn_over(){
 $('.s_tab1').css("border","2px solid #e7f6f1");
 $('.s_tab2').css("border","2px solid #e7f6f1");
 $('.s_tab3').css("border","2px solid #e7f6f1");
 $('.s_tab4').css("border","2px solid #e7f6f1");
 $('.s_tab5').css("border","2px solid #e7f6f1");
 $('.s_tab6').css("border","2px solid #e7f6f1");
 $('.s_tab7').css("border","2px solid #e7f6f1");
}