@charset "utf-8";
/* CSS Document */
body{ background:#f3f3f3;}
.main{width:95%; max-width:1340px; margin:0 auto;}
.selected{background: #024289;}

/* 正文 */
.lxbl-box{background: #fff;padding: 40px 30px;box-shadow: 0px 0px 10px #e6e6e6;border-radius: 15px;border-top-left-radius: 0;border-top-right-radius: 0;margin-bottom: 40px;}

.lxbl-nav>img {
    width: 12px;
    height: 16px;
}

.lxbl-news div {
    display: flex;
    align-items: center;
}

.lxbl-news div img,
.lxbl-news div a {
    margin-left: 10px;
    margin-right: 10px;
    flex-wrap: wrap;
}

.lxbl-line{
    width: 100%;
    border: 1px solid #EBEBEB;
    margin-top: 30px;
    margin-bottom: 30px;

}

.lxbl-title{
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    line-height: 143px;
}

.lxbl-title>img{
    width: 30px;
    height: 28px;
}

.lxbl-tab button{
    border: none;
    color: #293239;
    height: 50px;
    padding: 0 21px;
    background: #F3F6F9;
    border-radius: 5px;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 0.9em;
}

.lxbl-tab button:hover{
    background: #1559A3;
    color: #FFFFFF;
}

.lxbl-tab .buttonActive{
    background: #1559A3;
    color: #FFFFFF;
}

.lxbl-content {
    margin: 20px 0;
    overflow: hidden;
}

.lxbl-content ul {
    padding-top: 40px;
    clear: both;
    overflow: hidden;
    padding-bottom: 20px;
}

.lxbl-content li{
    float: left;
    width: 18%;
    height: auto;
    margin-bottom: 30px;
    margin: 1%;
    box-shadow: 0px 4px 16px 0px rgba(145,145,146,0.19);
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
}
.lxbl-content li>a{
    display: block;
    height: 100%; 
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 30px;
}
.lxbl-content li:nth-of-type(1) a{
    background: url(../images/hdjl/szxx3.png) no-repeat right bottom;
}
.lxbl-content li:nth-of-type(2) a{
    background: url(../images/hdjl/jyzxts3.png) no-repeat right bottom;
}
.lxbl-content li:nth-of-type(3) a{
    background: url(../images/hdjl/bmwd3.png) no-repeat right bottom;
}
.lxbl-content li:nth-of-type(4) a{
    background: url(../images/hdjl/dftj3.png) no-repeat right bottom;
}
.lxbl-content li:nth-of-type(5) a{
    background: url(../images/hdjl/ndgzqk3.png) no-repeat right bottom;
}
.lxbl-content li div{
    margin: 0 auto;
    margin-bottom: 30px;
    width: 84px;
    height: 84px;
}
.lxbl-content li div.szxx-icon{    
    background: url(../images/hdjl/szxx2.png) no-repeat center;
}
.lxbl-content li div.jyzxts-icon{    
    background: url(../images/hdjl/jyzxts2.png) no-repeat center;
}
.lxbl-content li div.bmhd-icon{    
    background: url(../images/hdjl/bmwd2.png) no-repeat center;
}
.lxbl-content li div.dfltj-icon{    
    background: url(../images/hdjl/dftj2.png) no-repeat center;
}
.lxbl-content li div.ndgzqk-icon{    
    background: url(../images/hdjl/ndgzqk2.png) no-repeat center;
}
.lxbl-content li a>p{
    font-size: 1.2rem;
    color: #333;
    text-align: center;
    height: 68px;
    display: inline-block;
    width: 100%;
    line-height: 68px;
}
.lxbl-content li:last-child a>p{
    line-height: 36px;
}

/* 鼠标移入效果 */
.lxbl-content li:hover p{
    color: #fff;
}
.lxbl-content li:nth-of-type(1):hover{
    background: linear-gradient(0deg, #138BFF 0%, #20D0FF 100%);   
    box-shadow: 0px 4px 16px 0px rgba(19,142,255,0.35);
}
.lxbl-content li:nth-of-type(2):hover{
    background: linear-gradient(0deg, #FF5D81 0%, #FF8C81 100%);   
    box-shadow: 0px 4px 16px 0px rgba(255,95,129,0.38);
}
.lxbl-content li:nth-of-type(3):hover{
    background: linear-gradient(0deg, #4C67FF 0%, #916BFF 100%);   
    box-shadow: 0px 4px 16px 0px rgba(69,92,243,0.35);
}
.lxbl-content li:nth-of-type(4):hover{
    background: linear-gradient(0deg, #13D687 0%, #48EF68 99%);   
    box-shadow: 0px 4px 16px 0px rgba(24,216,133,0.35);
}
.lxbl-content li:nth-of-type(5):hover{
    background: linear-gradient(0deg, #FB7D90 0%, #FEDA46 100%);   
    box-shadow: 0px 4px 16px 0px rgba(251,128,142,0.42);
}
.lxbl-content li:hover a{
    background: none;
}
.lxbl-content li:nth-of-type(1):hover a>div{
    background: url(../images/hdjl/szxx1.png) no-repeat center;
}
.lxbl-content li:nth-of-type(2):hover a>div{
    background: url(../images/hdjl/jyzxts1.png) no-repeat center;
}
.lxbl-content li:nth-of-type(3):hover a>div{
    background: url(../images/hdjl/bmwd1.png) no-repeat center;
}
.lxbl-content li:nth-of-type(4):hover a>div{
    background: url(../images/hdjl/dftj1.png) no-repeat center;
}
.lxbl-content li:nth-of-type(5):hover a>div{
    background: url(../images/hdjl/ndgzqk1.png) no-repeat center;
}


@media(max-width:1300px){
    .lxbl-content li div{width: 72px;height: 72px;background-size: contain !important;margin-bottom: 15px}
    .lxbl-content li>a{padding:30px 10px;}
    .lxbl-content li a>p{font-size: 1.1rem;}
}

@media(max-width:1024px){
    .interactive-box{padding: 20px !important;}
    .lxbl-content li>a{padding: 20px 10px;}
    .lxbl-content li div{width: 64px;height: 64px;}
    .lxbl-content li a>p{font-size: 1rem;}
}

@media(max-width:900px){
    .lxbl-content li{width: 30%;margin: 1.5%;}
}
@media(max-width:678px){
    .lxbl-content li div{width: 50px;height: 50px;}
    .lxbl-content li>a{background-size: 44% !important;}
    .lxbl-content li a>p{height: 52px;line-height: 1.5;}
    .lxbl-content li:last-child a>p{line-height: 24px;}
}
@media(max-width:550px){
    .lxbl-content li{width: 46%;margin: 1%;}
    .lxbl-content ul{display: flex;flex-wrap: wrap;}
}