body, html { font-size: 12px; color: #737373; line-height: 25px; }
img { border: 0; }
* { margin: 0; padding: 0; }
a:link { color: #737373; text-decoration: none; }
a:visited { color: #737373; text-decoration: none; }
a:hover { color: #df1f80; text-decoration: none; }
ul { list-style-type: none; }
li { list-style-type: none; }

.area1, .area2, .area3, .area4, .area5, .area7{ width: 960px; margin-bottom: 15px; }
#container {width: 100%;margin: 0 auto;}

.area2 {height: 1145px;width:1008px;background:url(What.jpg) no-repeat 0 center;margin:0 auto;}
.area3 { height: 1195px;width:1008px; background: url(How.jpg) no-repeat;margin:0 auto; }
.area4 { height:450px; width:960px; margin:0 auto;background:url('Show.jpg') no-repeat;}
.area4 .inner{padding:20px 0;text-align:center;}
.area5 { height: 593px;width:960px;  background:url(professor.jpg) no-repeat 0 center;margin:0 auto;}
.area6 {height:285px; width:960px; clear:both; background:  url(certificate.jpg) no-repeat 0 center; margin:0 auto;}
.area7 {height:457px; width:960px; clear:both; background:  url(attention.jpg) no-repeat 0 center; margin:0 auto;}

#main { width: 100%; overflow: hidden; margin: 0 auto;background:#fafafa url(Head.jpg) no-repeat top center;}
/*.area1*/
.area1 {height:609px;background:url(Why.jpg) no-repeat 50% 50%; margin:0 auto;margin-top:500px;margin-right:325px;}
.area1 .box{width:100%;padding-top:160px;} 
.area1 .box div.navi{ width:100%; height:40px;line-height:40px;} 
.area1 .box div.navi ul{
	list-style:none; 
}
.navi ul li{      
    display:inline-block;
    width:24%;

    height:40px; 
    line-height:40px;
    text-align:center;
    float:left;
    background:url(../img/orange.jpg) no-repeat center;
} 
.navi ul li.current{
    background:url(../img/magenta.jpg) no-repeat center 50%;    
    height:50px;    
}
.navi ul li.current a{color:white;}
.navi ul li a{text-decoration:none; color:#000; height:28px;display:block;} 
.navi ul li a:hover{color:white;} 

.area1 .box div.contain{width:100%; height:350px;clear:both;_margin-top:-1px;padding-top:0px;position:relative;} 
.area1 .box div.contain img{/*margin-top:-60px;*/position:relative;} 

.sub-con{height:auto; width:850px; display:none;margin:80px auto;} 
.cur-sub-con{ display:block;} 
.sub-con a{ line-height:40px} 
.sub-con p{ text-align:center}

.navi ul li a.cur{ z-index:9999;}     

#wrapper{width:960px;height:371px;}
#wrapper img{display:inline-block;}
#slider{position:absolute;width:100%;left:0%;}
.scroll{position:relative;width:960px; right:-350px;padding-top:50px;padding-bottom:200px;}
.scrollContainer{position:relative;width:4900px;height:300px;}
.panel{float:left;position:relative;width:300px;height:300px;text-align:center;}
.inside{padding:5px;}
.inside img{display:block;width:200px;margin:0;cursor:pointer;}
#slider .scrollButtons{position:absolute;top:150px;cursor:pointer;}
#slider .left{left:350px;}
#slider .right{right:350px;}

.area5 img{ margin:90px 31px;}