@charset "utf-8";
.banner img{
    display: block;
    width: 100%;
}
.banner{
    position: relative;
}
.banner:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../images/b-mask.png") repeat-x bottom;
    background-size: auto 1.62rem;
}
.n_container{
    padding-top: .5rem;
    padding-bottom: .4rem;
}
.leftNav{
    width: 2.9rem;
}
.leftNav .Nav-tit{
    position: relative;

    padding: 0.2rem 0.3rem 0.2rem 0.43rem;
    background: url("../images/n_leftnav.png") no-repeat 50%;
    margin-right: -0.3rem;
    background-size:auto 0.9rem;
}
.leftNav .Nav-tit h3{
    font-size: 0.28rem;
    color: #ffffff;

    font-weight: 600;
}
.leftNav .Nav-tit span{
    display: block;
    font-size: 0.14rem;
    color: #fff;
    line-height: 1;
    margin-top: 0.1rem;
}
.leftNav .Nav-tit i{
    position: absolute;
    width: 0.13rem;
    height: 0.13rem;
    top: 50%;
    right: 0.53rem;
    transform: translateY(-50%);
    background: url("../images/n_leftnav_tit.png") no-repeat 50%;
    background-size: cover;
    cursor: pointer;
}
.leftNav>ul{
    padding: 0.2rem 0;
    background-color: #fff;
}
.leftNav>ul>li{
    line-height: 0.6rem;
    position: relative;
}
.leftNav>ul>li>a{
    display: block;
    font-size: 0.18rem;
    color: #1f1f1f;
    padding-left: 0.43rem;
    padding-right: 0.94rem;
    transition: all .3s;
}
.leftNav>ul>li>i{
    position: absolute;
    right: 0.43rem;
    top: 0;
    width: 0.5rem;
    height: 0.6rem;
    background: url("../images/n_left_i.png") no-repeat right center;
    background-size:  auto 0.09rem;
    cursor: pointer;
}
.leftNav>ul>li.active>i,
.leftNav>ul>li.on>i{
    background-image: url("../images/n_leftnav_i2.png");
}
.leftNav>ul>li.active>a,
.leftNav>ul>li.on>a,
.leftNav>ul>li:hover>a{
    color: #0351a3;
    font-weight: 600;
}
.leftNav>ul>li>ul a{
    display: block;
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.48rem;
    text-align: center;
    padding: 0 0.1rem;
    transition: all .3s;

}
.leftNav>ul>li>ul a:hover{
    color: #fff;
    background-color: rgba(3, 81, 163, 1);
}
.leftNav>ul>li>ul{
    display: none;
    padding: 0 0.2rem;
}

.rightBox{
    width: calc(100% - 3.76rem);
}

.n_tit{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: .07rem 0;
    border-bottom: 1px solid #dadada;
}
.n_tit h4{
    font-size: .24rem;
    color: #0351a3;
    font-weight: 600;
    line-height: 2em;
}
.position>*{
    display: inline-block;
    vertical-align: middle;
    font-size: .14rem;
    color: #818181;
}
.position img{
    width: .18rem;
    height: .23rem;
}
.position a.active{
    color: #0351a3;
}


.n_list li {
    display: block;
    overflow: hidden;
    line-height: 0.62rem;
    border-top: 1px solid #dadada;
    position: relative;
}
.n_list ul li:first-child{
    border-top: none;
}
.n_list ul li span{
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 0.14rem;
    color: #999999;
    line-height: 1.78em;
    padding: 0 0.12rem 0 0.11rem;
    border-radius: 0.35rem;
    background: #eaeaea;
    transform: translateY(-50%);
    transition: all .3s;
}
.n_list ul li a{
    display: block;
    padding-left: 1.3rem;
    font-size: 0.16rem;
    color: #333333;
}
.n_list ul li:hover span{
    background: #1952a3;
    color: #fff;
}
.n_list ul{
    padding-top: .21rem;
}

/**/


.n_pictxt ul li a{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border: 1px solid #eee;
    border-left: none;
}
.n_pictxt ul li a .pic{
    width: 27.34%;
    height: 1.8rem;
}
.n_pictxt ul li  a .txt{
    width: 69.73%;
    align-self: center;
    padding-right: .3rem;
}
.n_pictxt ul li a .txt h4{
    font-size: 0.18rem;
    line-height: 2em;
    color: #333;
    margin-bottom: .07rem;
}
.n_pictxt ul li a .txt p{
    font-size: 0.16rem;
    line-height: 1.5em;
    color: #999999;
    height: 0.48rem;
    margin-bottom: .12rem;
}
.n_pictxt ul li a .txt span{
    display: block;
    font-size: 0.16rem;
    line-height: 1.5em;
    padding-left: 0.24rem;
    color: #999999;
    background: url("../images/s4-img03.png") no-repeat left;
    background-size: 0.14rem;
}
.n_pictxt ul li:hover a .txt h4{
    color: #0351a3;
    font-weight: 600;
}
.n_pictxt ul li{
    margin-top: .3rem;
}


/**/

.n_dtl-tit h2{
    font-size: .24rem;
    line-height: 2em;
    color: #2c2c2c;
    text-align: center;
    font-weight: 600;
    margin-bottom: .14rem;
}
.n_dtl-tit p{
    font-size: 0;
    text-align: center;
    padding: .085rem .15rem;
    background: #eeeeee;
}
.n_dtl-tit p span{
    font-size: .14rem;
    color: #929292;
    line-height: 2em;
    margin: 0 .1rem;
}
.n_dtl-tit{
    padding-top: .36rem;
}
.n_dtl-txt p{
    font-size: .16rem;
    line-height: 2.25em;
    color: #000000;
    margin-top: .36rem;
}


.ry-list li{ float: left; width: 33.333333%; padding:0 15px; margin-bottom: 30px; }
.ry-list{ margin:0 -15px; }
.ry-list-img{ position: relative; padding-top: 68%;  }
.ry-list-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.ry-list-tt{ font-size: 18px; color: #555; margin-top: 20px; text-align:center; }





/**/

.n_link .n_tit h4{
    padding-left: .4rem;
    background: url("../images/n_link.png") no-repeat left center;
    background-size: .25rem;
}
.n_lin_tit ul li{
    position: relative;
    float: left;
    width: 18.43%;
    padding: .1rem 0;
}
.n_lin_tit ul li:first-child{
    width: 13.94%;
}
.n_lin_tit ul li a{
    font-size: .2rem;
    color: #1952a3;
    line-height: 1.75em;
    display: block;
    border-left: #d2d2d2;
    border-left: 1px solid #d2d2d2;
    font-weight: 600;
    padding: 0 .1rem;
    text-align: center;
    position: relative;
    z-index: 3;
}
.n_lin_tit ul li:first-child a,
.n_lin_tit ul li:nth-child(2) a{
    border: none;
}
.n_lin_tit ul li:before{
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url("../images/n_link_02.png") no-repeat left center;
    background-size: 100% 100%;
    opacity: 0;
    visibility: hidden;
}
.n_lin_tit ul{
    overflow: hidden;
    background: #eeeeee;
}
.n_lin_tit{
    margin-top: .52rem;
    margin-bottom: .5rem;
}
.n_lin_list ul li{
    width: 22.86%;
    background: #eeeeee;
    margin-bottom: .3rem;
}
.n_lin_list ul li a{
    display: block;
    font-size: .18rem;
    line-height: 2em;
    padding: 0.07rem 0.1rem;
    text-align: center;
    color: #333333;
}
.n_lin_list ul li:hover a{
    font-weight: 600;
    text-decoration: underline;
}
.n_lin_tit ul li.active:before{
    opacity: 1;
    visibility: visible;
}
.n_lin_tit ul li.active a{
    color: #fff;
}
.tabb .tabb-item{
    display: none;
}
/**/

.system .item h4{
    font-size: 0.2rem;
    color: #1952a3;
    padding: 0 0.3rem;
    line-height: 2.8em;
    border-top: 0.04rem solid #1952a3;
    font-weight: 600;
    background: rgba(4, 52, 145, 0.1);
}
.system .item ul li {
    width: 22.32%;
    margin-top: 0.3rem;
    margin-left: 3.57%;
    background: rgba(4, 52, 145, 0.1);
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.system .item ul li a {
    font-size: 0.16rem;
    color: #333;
    text-align: center;
    height: auto;
    line-height: 0.3rem;
    padding: 0.3rem 0;
}
.system .item ul li:nth-child(4n+1){
    margin-left: 0;
}
.system .item ul li:hover{
    background: #1952a3;
}
.system .item ul li:hover a{
    color: #fff;
}
.system .item{
    margin-top: 0.4rem;
}


@media screen and (max-width: 1024px){
    .banner{
        margin-top: .75rem;
    }
    .n_container{
        padding-top: .3rem;
        padding-bottom: .3rem;
    }
    .leftNav{
        width: 100%;
        margin-bottom: .1rem;
    }
    .ny-right{
        margin-top: 0.4rem;
        padding: 0.3rem 0.2rem;
    }
    .leftNav .Nav-tit{
        background: #1952a3;
        margin-right: 0;
        padding: .2rem;
    }
    .leftNav .Nav-tit h3{
        font-size: .26rem;

    }
    .leftNav .Nav-tit span{
        display: none;
    }
    .leftNav .Nav-tit i{
        width: 0.2rem;
        height: 0.2rem;
        right: 0.23rem;
    }
    .leftNav>ul>li>a{
        font-size: 0.2rem;
        padding-left: .2rem;
    }
    .leftNav>ul{
        display: none;
        padding: 0;
    }
    .leftNav>ul>li>ul a{
        font-size: 0.18rem;
        text-align: left;
        padding-left: 0.2rem;
    }
    .rightBox{
        width: 100%;
    }
    .n_list ul{
        padding-top: .1rem
    }

    .n_lin_tit ul li,
    .n_lin_tit ul li:first-child{
        width: 20% ;
    }
    .n_lin_tit{
        margin-top: .3rem;
        margin-bottom: .3rem;
    }
.ry-list-tt{font-size:16px;}
}
@media screen and (max-width: 900px){
    .system .item ul li
   {
        width: 32%;
        margin-left: 2%;
        margin-top: 0.2rem;
    }
    .system .item ul li:nth-child(4n+1){
        margin-left: 2%;
    }
    .system .item ul li:nth-child(3n+1){
        margin-left: 0;
    }
    .n_lin_list ul li{
        margin-top: 0;
    }
    .n_lin_list ul li{
        width: 32%;
    }
.ry-list li{width:50%;}
}
@media screen and  (max-width: 768px){
    .n_list ul li a{
        font-size: .18rem;
    }
    .n_list ul li span{
        font-size: 12px;
    }
    .leftNav .Nav-tit h3{
        font-size: .24rem;
    }
    .n_pictxt ul li a .txt h4{
        font-size: .2rem;
    }
    .n_pictxt ul li a .txt p{
        font-size: .18rem;
        height: .54rem;
    }
    .n_dtl-txt p{
        font-size: .18rem;
        margin-top: .2rem;
    }
    .system .item h4{
        font-size: .22rem;
        padding-left: .2rem;
    }
    .system .item ul li a{
        font-size: .18rem;
    }
    .n_lin_list ul li a{
        font-size: .18rem;
    }

}
@media screen and  (max-width: 640px){
    .n_tit h4{
        width: 100%;
        margin-bottom: .1rem;
    }
    .position{
        width: 100%;
        margin-bottom: .1rem;
    }
    .n_pictxt ul li a .pic{
        width: 100%;
        height: auto;
        padding-top: 64.29%;
    }
    .n_pictxt ul li a .txt{
        width: 100%;
        padding: .1rem .2rem;
        border-left: 1px solid #eee;
    }
    .n_pictxt ul li{
        margin-top: .2rem;
    }
    .system .item ul li
    {
        width: 48%;
        margin-left: 2% !important;
        margin-top: 0.2rem;
    }
    .system .item ul li:nth-child(4n+1){
        margin-left: 2%;
    }
    .system .item ul li:nth-child(2n+1){
        margin-left: 0;
    }
    .system .item{
        margin-top: 0.3rem;
    }
    .n_lin_list ul li{
        width: 48%;
        margin-bottom: .2rem;
    }
    .n_lin_tit ul li,
    .n_lin_tit ul li:first-child{
        width: 33.33%;
    }
    .n_lin_tit ul{
        padding: 0;
    }
}
@media screen and (max-width: 480px){
    .n_lin_tit ul li, .n_lin_tit ul li:first-child{
        width: 50%;
    }
}
@media screen and (max-width: 375px){
    .system .item ul li{
        width: 100%;
        margin-left: 0 !important;
    }
    .n_lin_list ul li{
        width: 100%;
    }
}


.n_detail p img{
    max-width: 90%;
    height: auto;
}