﻿* { margin: 0; padding: 0;}
.flexslider { position: relative; height: 400px; overflow: hidden; background: url(../image/loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1;}
.slides li { height: 400px;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(../image/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}




#default0
{
    background:#F2F2F2;
    height:80px;
    border-bottom:1px solid #E9E9E9;
}
#innerdiv
{
    height:100%;
/* border: 1px solid blue;*/
    width:1024px;
    margin:0 auto;
    font-family:"Microsoft YaHei",SimHei,"微软雅黑","黑体";
    }
    
#default0 #innerdiv
    {
        text-align:center;
        }
#default0 #innerdiv ul
{
    padding-left:45px;
    }

#default0 #innerdiv ul li
{
    height:80px;
    line-height:80px;
    padding-left:50px;
    padding-right:50px;
    float:left;
    font-size:x-large;
    /*font-weight:bold;*/    
    }
#default0 #innerdiv ul li.def0
{   
    background:url(../Image/default/default0_1.png) no-repeat left center;
}
#default0 #innerdiv ul li.def1
{   
    background:url(../Image/default/default0_2.png) no-repeat left center;
}
#default0 #innerdiv ul li.def2
{   
    background:url(../Image/default/default0_3.png) no-repeat left center;
}
#default0 #innerdiv ul li.def3
{   
    background:url(../Image/default/default0_4.png) no-repeat left center;
}
#default0 #innerdiv ul li a
{ color:Black;
  text-decoration:none;
    }
#default0 #innerdiv ul li a:hover
{
    color:Red;
}

#courses
{
    background:#F4F4F4;
    height:472px;
    }
    
#courses #innerdiv
{
    padding-top:20px;
       
    }    
#courses #innerdiv #curleft
{
    float:left;
 
    background-color:White;
    height:91%;
    width:69%;
       }    
#courses #innerdiv #curleft div
{   
   /* border: 1px solid blue;*/
    text-align:center;
    height:50px;
    line-height:30px;
    font-size:x-large;   
      position:relative;
  
}
#courses #innerdiv #curleft div.linebox
{
  height:0.5px; 
  background-color:#DBDBDB; 
  position:absolute; top:50%; left:20px; width:93%;
     }
    
#courses #innerdiv #curleft div.lineboxword
{
 background-color:#000; 
 position:absolute; 
 top:50%; 
 left:50%; 
 width:160px; 
 height:30px; 
 margin:-15px 0px -20px -80px; 
 background-color:#FFFFFF;
  font-weight:bold;}
    
#courses #innerdiv #curleft div.lineboxword a
{
    color:Black;
    }

#courses #innerdiv #curleft div.lineboxword a:hover
{
    color:Red;
    }

    
#courses #innerdiv #curleft ul
{
    padding-left:23px;
    }    
#courses #innerdiv #curleft ul li
{ 
    float:left;
    height:360px;
    width:32%;
    } 
#courses #innerdiv #curleft ul li.curleft1
{ 
 background-color:#00C0FF;
}    
    

#courses #innerdiv #curleft ul li  h1
{
    height:160px;width:100%;
}    

#courses #innerdiv #curleft ul li  dl
{
}

#courses #innerdiv #curleft ul li  dl dt
{
 text-align:center;
 font-size:x-large;
 font-weight:bold;
 color:White;
}
#courses #innerdiv #curleft ul li  dl dt a
{
    color:White;
    }
    #courses #innerdiv #curleft ul li  dl dt a:hover
{
    color:Red;
    }    
#courses #innerdiv #curleft ul li  dl dd
{
    height:100px;
    padding:20px 0px 0px 20px;
 text-align:left;
 font-weight:bold;
 color:#333333;
}    
#courses #innerdiv #curleft ul li  dl dd a
{
    font-size:small;
    color:#333333;
    }
#courses #innerdiv #curleft ul li div
{}

    #courses #innerdiv #curleft ul li.curleft1 h1.title1 {
        background: url('../Image/default/SQLOracleMySQL.jpg') no-repeat center;
    }

#courses #innerdiv #curleft ul li.curleft1 div.bottom1
{
 
   
    }    
    
#courses #innerdiv #curleft ul li.curleft2
{ background-color:#FF8444;
    }
    #courses #innerdiv #curleft ul li.curleft2 h1.title2 {
        background: url('../Image/default/HdRepair.jpg') no-repeat center;
    }
    
#courses #innerdiv #curleft ul li.curleft2 div.bottom2
{
  /* background:url('../Image/default/netbtn.jpg') no-repeat center;*/
   
    }    
#courses #innerdiv #curleft ul li.curleft3
{ background-color:#F2C923;
    }

    #courses #innerdiv #curleft ul li.curleft3 h1.title3 {
        background: url('../Image/default/SQLAlwaysOn.jpg') no-repeat center;
    }
    
#courses #innerdiv #curleft ul li.curleft3 div.bottom3
{
 /*  background:url('../Image/default/NetSalebtn.jpg') no-repeat center;*/
   
    }    
    
    
    
    
    
    
    
    
    
    
#courses #innerdiv #curright
{
    float:right;
    height:91%;
    width:30%;
    } 
       
#courses #innerdiv #curright div.cr1
{
    background-color:White;    
    height:100%;
    }     
    
#courses #innerdiv #curright div.cr1 div
{
    text-align:center;
    height:50px;
    line-height:30px;
    font-size:x-large;   
      position:relative;
    }
        
#courses #innerdiv #curright div.cr1 div.linebox
{
  height:1px; 
  background-color:#DBDBDB; 
  position:absolute; top:50%; left:10px; width:93%;
     }
    
#courses #innerdiv #curright div.cr1 div.lineboxword
{
 background-color:#000; 
 position:absolute; 
 top:50%; 
 left:50%; 
 width:110px; 
 height:30px; 
 margin:-15px 0px -20px -60px; 
 background-color:#FFFFFF;
  font-weight:bold;}

  
  
  #courses #innerdiv #curright div.cr1 div.lineboxword a
{
    color:Black;
    }

  #courses #innerdiv #curright div.cr1 div.lineboxword a:hover
{
    color:Red;
    }

  
  #courses #innerdiv #curright div.cr1 ul
  {
      }
  #courses #innerdiv #curright div.cr1 ul li
  {
      list-style-type:disc;
       font-size:small;
       margin-left:25px;
       line-height:190%;
       color:#555555;

      }
  #courses #innerdiv #curright div.cr1 ul li a
  {
 color:#555555;
      text-decoration:none;
      }
  #courses #innerdiv #curright div.cr1 ul li a:hover
  {
      color:Red;
      }
  
  #courses #innerdiv #curright div.cr1 ul li em
  {
       float:right;
      font-style:normal;
      padding-right:20px; 
      font-size:10pt;
      }
      
#courses #innerdiv #curright div.cr2
{
    background-color:White;    
    height:48%;
    
    }    
    
#courses #innerdiv #curright div.cr2 h1
{
    padding-left:20px;
    background-color:#3845A1;
    color:#E2E2EE;
    height:50px;
    line-height:50px;
    font-size:large;
    font-weight:bold;
    }     
  

#courses #innerdiv #curright div.cr2 dl
{}

#courses #innerdiv #curright div.cr2 dl dt
{    
    font-weight:bold;
    padding-top:2px;
    }
#courses #innerdiv #curright div.cr2 dl dt span
{
    padding-left:25px;
    
    }    
   
#courses #innerdiv #curright div.cr2 dl dd
{
  font-size:small;
  color:#555555;
  padding-top:5px; 
}
#courses #innerdiv #curright div.cr2 dl dd a
{
    color:#555555;
    }
#courses #innerdiv #curright div.cr2 dl dd a:hover
{
    color:Red;
    }    
#courses #innerdiv #curright div.cr2 dl dd span.width1
{
    padding-left:15px;
    width:125px;
    display:inline-block;
     /*border: 1px solid blue;*/
    }    

#courses #innerdiv #curright div.cr2 dl dd span.width2
{
    padding-left:2px;
    width:50px;
    display:inline-block;
    color:Red;
    
    }    

#courses #innerdiv #curright div.cr2 dl dd span.width3
{
    padding-left:35px;
    
    }    

#courses #innerdiv #curright div.cr2 div img
{
    padding:15px 0 0 30px;
    /* height:44px;
   padding-top:30px;
    background:url('../Image/default/PreAdd.jpg') no-repeat center;
    text-indent:-9999px;*/
    }


    
    
    
    
    
#Advantage
{
    background:#7EB3F7;
    height:435px;
    }
    
#Advantage #innerdiv div
{
     text-align:center;
    height:80px;
    line-height:30px;
    font-size:x-large;   
      position:relative;
    }
        
#Advantage #innerdiv div div.linebox
{
  height:1px; 
  background-color:#BDE2FD; 
  position:absolute; top:50%; left:0px; width:100%;
     }
    
#Advantage #innerdiv div div.lineboxword
{
 color:White;
 position:absolute; 
 top:50%; 
 left:50%; 
 width:200px; 
 height:30px; 
 margin:-15px 0px -20px -80px; 
 background-color:#7EB3F7;
 font-size:xx-large;
  font-weight:bold;
  }
  
#Advantage #innerdiv ul
{}
#Advantage #innerdiv ul li
{
    float:left;
    height:200px;
    width:25%;
    text-align:center;
    
}
#Advantage #innerdiv ul li p
{
    padding-top:20px;
    }
#Advantage #innerdiv ul li p.advtitle
{
     word-spacing: -1em;
    color:#2C4063;
    font-size:x-large;
    font-weight:bold;
    }
    
#Advantage #innerdiv ul li p.advtitle a
{
    color:#2C4063;
    }
    #Advantage #innerdiv ul li p.advtitle a:hover
    {
        color:Red;
        }    
#Advantage #innerdiv ul li p.advcon
{
    color:#2C4063;
    font-size:small;
    font-weight:bold;
    line-height:180%;
    padding-right:30px;
    }

#Advantage #innerdiv ul li p.advcon a
{
    color:#2C4063;
    }
    #Advantage #innerdiv ul li p.advcon a:hover
    {
        color:Red;
        }    


    
    
#teacher
{
    background:#F4F4F4;
    height:640px;
    }

#teacher #innerdiv div
{
     text-align:center;
    height:100px;
    line-height:30px;
    font-size:x-large;   
      position:relative;
    }
        
#teacher #innerdiv div div.linebox
{
  height:1px; 
  background-color:#DBDBDB; 
  position:absolute; top:50%; left:0px; width:100%;
     }
    
#teacher #innerdiv div div.lineboxword
{
 color:#333333;
 position:absolute; 
 top:50%; 
 left:50%; 
 width:230px; 
 height:30px; 
 margin:-15px 0px -20px -80px; 
 background-color:#F4F4F4;
 font-size:xx-large;
  font-weight:bold;
  }
#teacher #innerdiv div div.lineboxword a
{
     text-decoration:none;
     color:#333333;
    }
#teacher #innerdiv div div.lineboxword a:hover
{
    color:Red;
    }      
#teacher #innerdiv ul
{width:100%; height:93%; text-align:center;}
#teacher #innerdiv ul li
{
    float:left; 
    height:40%; 
    margin-left:5px;
    margin-right:5px;
    background:white; 
    margin-bottom:10px;
    width:47%; padding:10px;
}    
#teacher #innerdiv ul li h1
{
    height:240px;
    width:180px;
    float:left;
    }

#teacher #innerdiv ul li dl
{
     float:left; 
     width:290px;
     text-align:left;
     padding:5px;
     }
#teacher #innerdiv ul li dl dt
{ font-size:large;
  font-weight:bold;
  color:#333333;
  font-family:"Microsoft YaHei",SimHei,"微软雅黑","黑体";
  }
#teacher #innerdiv ul li dl dt a
{
    text-decoration:none;
    color:#333333;
    }

#teacher #innerdiv ul li dl dt a:hover
{
    
     color:Red;
    }

#teacher #innerdiv ul li dl dd
{}    

#teacher #innerdiv ul li dl dd p
{
    line-height:150%;
    padding-top:15px;
    color:#555555;
    font-size:small;
    }    
 
#teacher #innerdiv ul li dl dd p div
{   font-weight:bold; }











#company {
    //background:#D4DFFF;
    background: #F4F4F4;
    height: 369px;
}
    
    
#company #innerdiv div
{
     text-align:center;
    height:100px;
    line-height:30px;
    font-size:x-large;   
      position:relative;
    }
        
#company #innerdiv div div.linebox
{
  height:1px; 
  background-color:#B5B8C9; 
  position:absolute; top:50%; left:0px; width:100%;
     }
    
#company #innerdiv div div.lineboxword
{
 color:#323433;
 position:absolute; 
 top:50%; 
 left:50%; 
 width:230px; 
 height:30px; 
 margin:-15px 0px -20px -80px; 
 background-color:#D4DFFF;
 font-size:xx-large;
  font-weight:bold;
  }
  
  #company #innerdiv div div.lineboxword a
{     color:#323433;
     text-decoration:none;

    }
#company #innerdiv div div.lineboxword a:hover
{
    color:Red;
    }
  #company #innerdiv #comleft
  {      

      float:left;
      width:60%;
      height:267px;

  }
 
 #company #innerdiv #comleft ul
 {
     width:100%; 
     height:93%; text-align:center;}
  #company #innerdiv #comleft ul li
  {
    float:left; 
    height:25%; 

    margin-right:5px;
    background:white; 
    margin-bottom:5px;
    width:29%; padding:10px;
      }
 
#company #innerdiv #comleft ul li img
  {
 
    height:100%; 

    width:100%; 
      }
 
  #company #innerdiv #comright
  {

      background-color:#3845A1;
      float:right;
      width:39%;
      height:255px;
      text-align:left;
      }
 #company #innerdiv #comright dl
 { padding:10px 0 0 10px;
     }
  #company #innerdiv #comright dl dt
  {  color:White;
     font-size:large;
     font-weight:bold;
      }
   #company #innerdiv #comright dl dd
   { color:#B0B2EB;
     font-size:small;
     line-height:150%;
       }  
  
  
  
  
  
#work
{
    background:#F4F4F4;
    height:545px;}

#work #innerdiv div
{
     text-align:center;
    height:100px;
    line-height:30px;
    font-size:x-large;   
      position:relative;
    }
        
#work #innerdiv div div.linebox
{
  height:1px; 
  background-color:#DBDBDB; 
  position:absolute; top:50%; left:0px; width:100%;
     }
    
#work #innerdiv div div.lineboxword
{
 color:#333333;
 position:absolute; 
 top:50%; 
 left:50%; 
 width:200px; 
 height:30px; 
 margin:-15px 0px -20px -80px; 
 background-color:#F4F4F4;
 font-size:xx-large;
  font-weight:bold;
  }    

  
  #work #innerdiv div div.lineboxword a
{     color:#333333;
     text-decoration:none;

    }
#work #innerdiv div div.lineboxword a:hover
{
    color:Red;
    }
    
#work #innerdiv ul
{
    width:100%;
    height:395px;
    margin-left:5px;
    }


#work #innerdiv ul li
{
    float:left;
    background-color:White;

    height:100%;
    width:221px;
    margin:0px 8px 0px 5px;
    padding:10px;
    }    
    
#work #innerdiv ul li dl
{
    padding-top:10px;
     line-height:150%;
    }    

#work #innerdiv ul li dl dt
{ font-size:large;
  font-weight:bold;
  color:#333333; 
  }
  
  
         #work #innerdiv ul li dl dt a
  {
 color:#333333;
      text-decoration:none;
      }
 #work #innerdiv ul li dl dt a:hover
  {
      color:Red;
      }
  
  
    
#work #innerdiv ul li dl dd
{
     font-size:10pt;
     font-weight:bold;
     color:#999999; 
    }
    
    
    
    
    
    
    
    
    
#news
{
    background:#BED6F8;
    height:483px;}
 
#news #innerdiv ul
{
    width:100%;
    height:420px;
    padding:30px 0px 30px 0px;
    }    

#news #innerdiv ul li
{
    background-color:White;
    float:left;
    width:290px;
    height:385px;
    margin:0 5px 0 5px;
   padding:20px;  
    }
    
#news #innerdiv ul li div
{
    font-size:x-large;
    font-weight:bold;
    border-bottom:1px solid #DBDBDB;
    margin-bottom:15px;
    padding-bottom:10px;
    }
#news #innerdiv ul li div a
{     color:Black;
     text-decoration:none;

    }
#news #innerdiv ul li div a:hover
{
    color:Red;
    }    
#news #innerdiv ul li img
{
    margin-bottom:15px;
    }
        
#news #innerdiv ul li dl
{}
#news #innerdiv ul li dl dt
{}
#news #innerdiv ul li dl dd
{
    color: #555555;
    font-size:small;
    line-height: 190%;
    }    
    
  #news #innerdiv ul li dl dd em
  {
       float:right;
      font-style:normal;
      padding-right:20px; 
      font-size:10pt;y19840801
      }
      
      
         #news #innerdiv ul li dl dd a
  {
 color:#555555;
      text-decoration:none;
      }
 #news #innerdiv ul li dl dd a:hover
  {
      color:Red;
}
  