@charset "utf-8";
*{margin: 0;padding: 0;}
li{list-style: none;}
img{max-width: 100%;}
input,button{outline: none;border: none;}
.clearfix::after{display: block;visibility: hidden;content: '';clear: both;}
.fl{float: left;}
.fr{float: right;}
.container{width: 1200px; margin: 0 auto;}
a{color: #333;text-decoration: none;}
a:hover{color: red;}
.head{
    height:auto;
    background: url(https://www.sc.gov.cn/10462/xhtml/images/dcjc/dcjc201805_01.jpg) no-repeat top center;
}
.container1000{
    width: 1000px;
    margin: 0 auto;
}
.head .container1000 a{
    position:absolute;
    left: 0px;
    top: 0px;
    max-width: 33%;
}
.head .container1000 {
    position: relative;
}
.head .container1000 a img{

margin: 5px;

/* max-width: 100%; */
}
.content .con{
    position: relative;
}
.content .contit{
    width: 9%;
    position:absolute;
    left: 0px;
    height: 100%;
    top: 0px;
}
.content .contit .span2{
    display: none;
}
.content .contit img{
    width: 100%;
    /* height: 100%; */
    display: block;
}
.content .connr{
    width: 90%;
    float: right;
}
.content .con{
    border: #f5c3a1 1px solid;
    background-color: #fff9f3;
    margin-top: 20px;
    overflow: hidden;
}
.contit2{
    height: 44px;
    line-height: 44px;;
}
.contit2 span{    
    padding: 0 20px;
    font-size: 20px;
    text-align: center;
    color: #f04f00;
    line-height: 36px;
    display: inline-block;
    border-bottom: #f04f00 3px solid;
}
.contit2  a{
    float: right;
}
.connr .connr1left,
.connr .connr1right,
.connr .connr2left,
.connr .connr2right,
.connr .connr3left,
.connr .connr3right{
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
}
.comul li{
    line-height: 36px;
    height: 36px;
    font-size: 14px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
}
.contit3 {
    font-size: 20px;
    font-weight: bold;
    color: #f04f00;
    padding-left: 15px;
    border-bottom: #f04f00 1px dashed;
    line-height: 32px;
}
.con3 .ulli{
    padding: 12px 0px;
}
.con3 .ulli li{
    width: 14%;
    margin: 7px 3%;
    box-sizing: border-box;
    border: #d8bb8c 1px solid;
    background: #ffffff;
    text-align: center;
    float: left;
    height: 30px;
    line-height: 30px;
}
.con3 .connr3left{
    padding:20px 10px;
}
.content a:hover{
    text-decoration: underline;
}



@media(max-width:1000px){
    .container1000{
        width: 100%;
    }
    .content .contit{
        width: 100%;
        position: unset;
    }
    .head{
        background:none;
        width:100%;
        overflow:hidden
    }
    .head .headxysimg{
        width:130%;
        max-width:300%;
        margin-left:-15%;
    }
    .content{
        padding:0 8px;
        box-sizing: border-box;
    }
    .content .contit .span1{
        display: none;
    }
    .content .contit .span2{
        display: block;
        background: #f04f00;
        color: #fff;
        text-align: center;
        font-size: 18px;
        line-height: 40px;
    }
    .content .connr{
        width:100%;
    }
    .connr .connr1left, .connr .connr1right, .connr .connr2left, .connr .connr2right, .connr .connr3left, .connr .connr3right{
        width: 100%;
    }
    .contit2 span{
        font-size: 18px;
    }

}
@media(max-width:768px){
    .con3 .ulli li{
        width:21%;
        margin:7px 2%;
    }
    .content .contit .span2,
    .contit2 span,
    .contit3{
        font-size:16px;
        
    }

}
|