.erji{width: 70%;margin: 0 auto;text-align: center;height: 100px;    line-height: 100px;}
.erji li{display: inline-block;padding: 0px 15px}
.liucheng{  padding: 50px 0;background-color: #8dc21c;}
.liucheng_div{width: 60%;margin: 0 auto;text-align: center;}
.liucheng li{float: left;width: 16%;}
.licuhengjj{width: 65%;color: #fff;margin: 0 auto;text-indent: 2em;margin-top: 30px }
.kaiban{width: 60%;margin: 0 auto;}
.kaiban li{float: left;width: 31%;margin:1%;text-align: center;position: relative;}
.kaiban li img{width: 80%}
.rexian2{width: 60%;margin: 0 auto;clear: both;}
.rexian2 li{float: left;width: 23%;padding:1%;position: relative;}
.xuexizq{background: #8dc21c;padding: 50px 0px;}
.xuexizq div{width: 65%;margin: 0 auto;}
.xuexizq div li{float: left;width: 25%;text-align: center;position: relative;margin-bottom: 20px;}
.year{background: #dcdcdc;padding:0 10%;}
.year ul{list-style-type: none;line-height: 60px}
.year ul li{float: left;width: 8%;text-align: center;}
.ksshijian{width: 50%;margin:50px auto;  }
.ksshijian ul{list-style-type:none;line-height: 30px}
.kaochang{margin:0 auto;padding: 50px 10%;background:gainsboro}
.schoolname{margin: 0 auto;width: 40%;display: inline-block;    line-height: 30px;    vertical-align: top;}
.schoolxx{margin: 25px auto;width: 40%;display: inline-block;  line-height: 30px;    vertical-align: top;margin-left: 10%;}
.rongyu{padding: 30px  10%;text-align: center; position: relative;}
.zuo{width: 5%;    position: absolute;    left: 10%;    top: 25%;}
.rongyu_list{display: inline-block;width: 80%;    text-align: center;}
.rongyu_list li{width: 32%;margin-left: 1%;    float: left;}
.you{width: 5%;    position: absolute;    right: 10%;    top: 25%;}
.content{    padding: 50px 0 20px 0px;}
.large_box{margin-bottom:10px;width:100%;height:350px;overflow:hidden;}
.large_box img{display:block;}
.small_box{width:530px;overflow:hidden;}
.small_list{position:relative;float:left;width:90%;overflow:hidden;}
.small_list ul{overflow:hidden;}
.small_list ul li{position:relative;float:left;margin-right:10px;text-align: center}
.small_list ul li p{    font-size: 25px;margin: 0 auto;}
.small_list ul li img{display:block;}
.small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:110px;height:73px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.small_list ul li.on .bun_bg{display:block;}

.btn:hover{background-color:#e7000e;}
.left_btn{float:left;display:block;background-color:#777;background-repeat:no-repeat;background-position:center center;cursor:pointer;width: 5%;margin-top:90px;}
.right_btn{float:right;display:block;background-color:#777;background-repeat:no-repeat;background-position:center center;cursor:pointer;width: 5%;margin-top:90px;}
.on img{    -webkit-filter: grayscale(50%);}
.ksshijian li:hover{background: #8dc21c;color: #fff;cursor: pointer;}
 
table{border:solid black; border-width:1px 0px 0px 1px;margin: 0 auto;width:60%}

#mytable { 

padding: 0; 

} 

th { 
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
color: #4f6b72; 
border-right: 1px solid #fff; 
border-bottom: 1px solid #fff; 
border-top: 1px solid #fff; 
border-left: 1px solid #fff; 
letter-spacing: 2px; 
text-transform: uppercase; 
text-align: left; 
padding: 6px 6px 6px 12px; 

text-align: center;
} 

th.nobg { 
border-top: 0; 
border-left: 0; 
border-right: 1px solid #C1DAD7; 
background: none; 
} 

td { 
border-right: 1px solid #C1DAD7; 
border-bottom: 1px solid #C1DAD7; 
border-left: 1px solid #C1DAD7; 
background: #fff; 
font-size:11px; 
padding: 6px 6px 6px 12px; 
color: #4f6b72; 
} 


td.alt { 
background: #F5FAFA; 
color: #797268; 
} 

th.spec { 
border-left: 1px solid #C1DAD7; 
border-top: 0; 
background: #fff no-repeat; 
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
} 

th.specalt { 
border-left: 1px solid #C1DAD7; 
border-top: 0; 
background: #f5fafa no-repeat; 
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
color: #797268; 
} 
/*---------for IE 5.x bug*/ 
td{ font-size:11px;} 
td,th { 
font-family: 宋体, Arial; 
font-size: 15px; 
} 
.kaoshixx2{width:10%;text-align: center;background: yellow;color: #fff}
  @media (max-width: 768px) {
        .erji{height: 40px;    line-height: 40px;}
        .liucheng_div{width: 100%;}
        .liucheng{    padding: 20px 0;}
        .kaiban{width: 100%}
        .rexian{width: 100%}
        .kaiban li{width: 31%}
        .xuexizq{    padding: 20px 0px;}
        .xuexizq div{width: 100%}
        .xuexizq div li{margin-bottom: 10px;width: 33%;}
        .rongyu{    padding: 0px 0%;}
        .small_list ul li p{    font-size: 13px;}
        .year ul li{    width: 25%;    font-size: 13px;}
        .left_btn{ margin-top: 20px;}
        .right_btn{margin-top: 20px;}
        .ksshijian{    width: 90%;margin: 25px auto;}
        .kaochang{    padding: 20px 10px;}
        .schoolxx{    width: 50%;display: inline-block;line-height: 30px;vertical-align: top;    margin-left: 5%;font-size: 17px;}
        #mytable {width: 100%;}
        .kaoshixx2{width: 16%;}
  }