.layui-nav{
    position: relative;
    z-index: 10;
}
.of-heand{
    width:100%;
    position: fixed;
    top: 0;
    z-index:9999;
}
.layui-container{
    height: 90px;
    width: 1450px ;
    margin: 0 auto;
    padding: 0;
}
.of-heand .of-login img{

}
.of-heand .of-nav{
    position: relative;
}
.of-banner{
    position: relative;
    /*z-index: 1;*/
    margin-top: 90px;
}

.of-content{
    background: #e0e2e4;
    padding-bottom: 40px;
}
.of-crad{
    position: relative;
    z-index: 99;
    width: 1465px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: -180px;
    clear: both;
}
.of-crad-content{
    /*margin: 0 auto;*/
    /*width: 1200px;*/
}
.of-crad-title{
    text-align: center;
    font-size: 28px ;
    color: #333;
    font-weight:300 ;
    padding:30px;
}
.of-crad-head{
    padding-right: 20px;
}
.of-crad-head-title{
    padding:  47px 16px 21px 16px;
}
.of-crad-head .icon-home{
    font-size: 16px;
    color: #c8c8c8;
}
.of-crad-head .icon-jiantou1{
    font-size: 10px;
    color: #c8c8c8;
    margin: 0 8px;
}
.of-crad-head .a1{
    font-size: 14px;
    color: #333333;
    line-height: 20px;
}
.of-crad-head .a2{
    font-size: 14px;
    color: #c8c8c8;
    line-height: 20px;
}
.of-crad-head-title img{
    /*width: 66px;*/
    /*height: 60px;*/
}
.of-crad-head-title p{
    font-size: 26px;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 500;
    text-align: right;
    color: #333333;
    line-height: 37px;
}
.of-crad-body{
    font-size: 16px;
    text-indent:2em;
    line-height: 2;
    color: #565758;
}
.of-content .announce{
    width: 500px;
    height: 150px;
}

.announce p.title {
    border-bottom: solid 1px #cccccc;
    border-bottom-color: #EEEEEE;
}

.announce p.title {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    float: left;
    color: #565758;
    width: 100%;
}

.of-content .case .title{
    text-align: center;
    font-size: 28px;
    color: #333;
    font-weight: 300;
    padding: 30px;
}

.of-footer{
    color: #ffffff;
    height:48px;
}
.of-footer p {
    opacity: 0.5;
    font-size: 15px;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 500;
    color: #ffffff;
    line-height: 21px;
    line-height: 48px;
    text-align: center;
}
.bg-light {
    background-color: #f8f9fa!important;
}
.page_head {
    border-bottom: 1px solid #eee;
    margin-top: 20px;
    height: 50px;
}
.nr_title {
    float: left;
    line-height: 1;
}
.nr_position {
    float: right;
    line-height: 1;
    padding-top: 15px;
}
.ResTitle_a1 span {
    font-size: 30px;
    color: #cf0000;
    display: inline-block;
}
a {
    text-decoration: none;
    color: #000;
    cursor: pointer;
}
.ResTitle_a1 em {
    font-size: 14px;
    color: #999999;
    display: inline-block;
}

.main-content{
    width: 100%;
    background-color: #f5f5f5;
    padding:53px 0 55px 0 ;
}
.main-content .left-wrap p{
    line-height:1.8 ;
}
.layui-tab-title{
    height: 63px;
    background: #f2f2f2;
    border-bottom: none;
    display: flex;
    justify-content:flex-end;
    margin: 0 16px ;
    padding: 0 25px;
}
.layui-tab-brief>.layui-tab-title li{
    padding: 0;
    font-size: 16px;
    font-family: PingFangSC, PingFangSC-Semibold;
    font-weight: 600;
    text-align: right;
    color: #242424;
    line-height: 22px;
    line-height: 63px;
    margin-right: 36px;
}
.layui-tab-brief>.layui-tab-title li:last-child{
    margin-right: 0;
}
.layui-tab-brief>.layui-tab-title li.layui-this{
    color: #3f51b5;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
    border: none;
    border-radius: 0;
    border-bottom: 4px solid #3f51b5;
}
.layui-tab-title .layui-this:after{
    height: 63px;
}
.of-nav li{
    display: inline-block;
    position: relative;
}
.of-nav li img{
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -8px;
    width: 16px;
    height: 8px;
}
.of-nav li:hover img{
    display: block;
}
.of-nav .layui-nav-item>a{
    font-size: 16px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: right;
    color: rgba(0,0,0,0.85);
    line-height: 90px;
    padding: 0 20px;
}
.of-nav .layui-nav-item a:hover{
    color: #2C48C8;
    font-weight: 600;
}

.er-level-wrap{
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    padding:  32px 0;
    background-color: rgba(44,72,200,.8);
    display: none;
}
.er-level-wrap-c{
    display: flex;
    box-sizing: border-box;
    width: 1450px;
    height: 126px;
    margin: 0 auto;
}
.er-level{
    width: 116px;
    border-right: 1px solid #5e6ec6;
    height: 100%;
}
.er-level a{
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
    line-height: 32px ;
}
.img-wrap{
    width:  223px;
    margin: 0 26px;
}
.img-wrap img{
    width: 100%;
    height: 126px;
    object-fit: cover;
}
.text-wrap{
    width: 270px;
    height: 126px;
}
.text-wrap p{
    font-size: 14px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    color: #ffffff;
    line-height: 24px;
    color: #fff;
    text-align: justify;
}
.icon-wrap{
    height: 126px;
    padding:  10px 46px;
    border-right: 1px solid #5e6ec6;
}
.icon-wrap img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 18px;
}
.icon-wrap p{
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
}

.title{
    position: relative;
    font-size: 32px;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 500;
    text-align: center;
    color: rgba(0,0,0,0.85);
    line-height: 45px;
    text-align: center;
    line-height: 55px;
}
.moer{
    box-sizing: border-box;
    display: block;
    width: 178px;
    height: 48px;
    border: 1px solid #a7a7a7;
    border-radius: 2px;
    text-align: center;
    line-height: 48px;
    font-size: 18px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    color: #000000;
    margin: 0 auto;
}
.title:before{
    position: absolute;
     bottom: 0;
    left: 50%;
    margin-left: -22px;
    display: block;
    content: "";
    width: 44px;
    height: 3px;
    opacity: 1;
    background: #2259a8;
    border-radius: 1px;
}
.of-ywly-crad{
    background-color: #fff;
}
.of-ywly-crad .case{
    width: 1440px;
    margin: 0 auto;
    padding:  34px 0 44px 0;
}
.ywly-list{
    width: 1440px;
    margin-bottom: 42px;
    margin-top: 60px;
}
.ywly-list a{
    display: inline-block;
    width: 470px;
}
.ywly-list a img{
    width: 470px;
    height: 340px;
    object-fit: cover;
}
.ywly-list a p{
    line-height: 70px;
    background: #f5f5f5;
    text-align: center;
    font-size: 18px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    color: #000000;
}
.of-new-crad{
    padding: 45px 0 52px 0;
    background: #f5f5f5;
}
.of-new-crad .case{
    width: 1440px;
    background: #ffffff;
    margin: 0 auto;
    padding: 16px 32px;
}
.of-new-crad .tab{
    padding-top: 16px;
}
.of-new-crad .tab-item{
    cursor: pointer;
    line-height:  40px;
    margin-right: 32px;
}
.of-new-crad .tab-item span{
    font-size: 16px;
    color: #999;
}
.of-new-crad .tab-item.on span{
    font-size: 18px;
    color: rgba(0,0,0,0.85);
}
.of-new-crad .tab-item.on{
    border-bottom:  4px solid #2259a8;
}
.none-new-wrap{
    display: flex;
    padding: 15px 0;
    border-bottom: 1px dashed #e2e2e2;
    margin-bottom: 6px;
}
.none-new-wrap img{
    width: 191px;
    height: 128px;
    margin-right: 24px ;
}
.none-new-wrap .time{
    font-size: 24px;
    font-weight: 700;
    color: #84c754;
}
.none-new-wrap .n-title{
    font-size: 18px;
    color: #444444;
    margin-left: 6px;
    transform: translateY(6px);
}
.none-new-wrap .content{
    margin-top: 19px;
    font-size: 16px;
    color: #9d9d9d;
    line-height: 28px;
}
.dv-img-wrap img{
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.of-anlie-crad-case{
    position: relative;
    width: 1440px;
    margin: 0 auto;
    padding:60px 0;
}
.anlie-swiper{
    margin-top: 60px;
}
.anlie-swiper .swiper-slide{
    position: relative;
    height: 474px;
}
.anlie-swiper .swiper-slide img{
    height: 332px;
    width: 100%;
    object-fit: cover;
}
.anlie-swiper .text-wrap{
    position: absolute;
    bottom: 6px;
    left: 50%;
    margin-left: -188px;
    box-sizing: border-box;
    width: 377px;
    height: 136px;
    background: #fff;
    box-shadow: 0px 5px 4px 0px rgba(221,221,221,0.16);
    padding: 25px 20px;
}
.anlie-swiper .text-wrap .an-title{
    font-size: 20px;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 500;
    text-align: center;
    color: #2259a8;
    line-height: 28px;
}
.anlie-swiper .text-wrap .an-content{
    font-size: 14px;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: justify;
    color: #666666;
    line-height: 24px;
    margin-top: 9px;
}
.of-anlie-crad-case .swiper-button-prev,.of-anlie-crad-case .swiper-button-next{
    width: 40px;
    height: 40px;
    background-image: none;
}
.of-anlie-crad-case .swiper-button-prev{
    left: -65px;
}
.of-anlie-crad-case .swiper-button-next{
    right: -65px;
}

.z-announce li.flexV_sb{
    position: relative;
    padding-left: 17px;
}
.z-announce li.flexV_sb:before{
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    display: block;
    content: "";
    width: 4px;
    height: 4px;
    background: #b9b9b9;
}

.text-wrap a{
    width: 83px;
    height: 26px;
    background: #0293d3;
    margin: 0 auto;
}

.text-wrap a span{
    font-size: 14px;
    color: #ffffff;
}