#main{background-image: url("../images/jtzgs/bg.jpg");background-size: 100% 100%;overflow: hidden;width: 100%;height: 100%}
#container{margin: 12.5% 8% 0 8%}
#title{width: 100%;text-align: center}
#title img{width: 41.3%}
#content .box-link{width: 100%;padding: 0 5.5%}
#content .box-link img{width:85.4% }
#content a:link, a:visited, a:hover, a:active{color: #ffffff}
#box-1{margin: 6.5% 26% 0 26%;font-size: 28px;background-color:rgba(235,97,0,.6);border-radius:5px;border:1px solid #ffffff;font-weight: bold;color: #ffffff;padding: 15px;text-align: center}
#box-2{overflow: hidden}
#box-2 li{font-size: 22px;background-color:rgba(235,97,0,.6);border-radius:5px;border:1px solid #ffffff;float: left;color: #ffffff;padding:26px 0;text-align: center;margin: .2% 1%;width: 17.7%}
#box-1:hover{background-color: rgba(235,97,0,1)}
#box-2 li:hover{background-color: rgba(235,97,0,1)}
#box-2 li{display:block}

@media screen  and (max-width:1023px) {
    #box-1{font-size: 22px;}
    #box-2 li{font-size: 18px;}
    #container{margin: 16.5% 8% 0 8%;}
}
@media screen and (min-width:1024px) and (max-width:1330px){
    #box-1{font-size: 22px;}
    #box-2 li{font-size: 18px;}
    #container{margin: 16.5% 8% 0 8%;}
}