@charset "utf-8";
/* CSS Document */
*{font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial,sans-serif;}
@media(min-width:500px){
    .swiper-slide-banner img{
        height: auto !important;
    }
}
@media (min-width: 768px){
    .nav a{
        /*padding-left:20px;*/
    }
    .nav-auto ul li{
        font-size:14px;
    }
    .lb-l {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .lb-r {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .note-list{
        height: 483px !important;
    }
    .note-list dl{
        margin-bottom:10px !important;
    }
    .note-list dl dt{
        width: 85px !important;
        height: 85px !important;
    }
    .note-list dl dd a{
        margin: 30px 0 !important;
        padding-left:50px !important;
    }
    .engage-list{
        height: 483px !important;
    }
    .zp-con p {
        -webkit-line-clamp:2 !important;
    }
    .zp-top {
        margin-bottom: 18px !important;
    }
    .zp-name {
        margin-bottom:23px !important;
    }
    .up {
        margin-bottom: 18px !important;
    }
    .explore-box::after {
        left:17% !important;
    }
    .learning-box {
        height: 530px !important;
    }
    .lear-con {
        height: 530px !important;
    }
    .swiper-container-px {
        height: 530px !important;
    }
    .swiper-slide-px {
        height: 485px !important;
    }
    /*.service a {
        width: 155px !important;
        height: 155px !important;
        font-size: 14px !important;
    }*/
    .development-li .bottom h2 a{
        font-size: 18px !important;
    }
    .lb-r dl dd h2 {
        margin-bottom: 5px !important;
    }
    .lb-r dl dd p {
        margin-bottom: 5px !important;
    }
    .lb-r dl dd h2 a {
        font-size: 14px !important;
    }
    .rl-data h1 a {
        font-size: 18px !important;
    }
}

@media (min-width: 992px){
    .nav-auto ul li{
        font-size:16px;
    }
    .lb-l {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .lb-r {
        max-width: 50%;
        flex: 0 0 50%;
    }
    .note {
        max-width: 60%;
        flex: 0 0 60%;
    }
    .engage {
        max-width: 40%;
        flex: 0 0 40%;
    }
    .learning-l{
        max-width: 44.1758%;
        flex: 0 0 44.1758%;
        background: url("../images/xsbg-r.jpg") no-repeat;
        background-repeat: repeat-y;

    }
    .learning-r{
        max-width: 55.8242%;
        flex: 0 0 55.8242%;
        background: url("../images/xsbg-l.png");
        background-repeat: repeat-y;
    }
    .rili{
        max-width: 47.134%;
        flex: 0 0 47.134%;
    }
    .rl-list {
        max-width: 52.866%;
        flex: 0 0 52.866%;
    }
    .explore-left{
        max-width: 40.533%;
        flex: 0 0 40.533%;
    }
    .explore-right {
        max-width: 59.467%;
        flex: 0 0 59.467%;
    }
    .elegant-left{
        max-width: 37.534%;
        flex: 0 0 37.534%;
    }
    .elegant-right {
        max-width: 62.466%;
        flex: 0 0 62.466%;
    }
    .note-list{
        height: 483px !important;
    }
    .note-list dl{
        margin-bottom:10px !important;
    }
    .note-list dl dt{
        width: 85px !important;
        height: 85px !important;
    }
    .note-list dl dd a{
        margin: 30px 0 !important;
        padding-left:50px !important;
    }
    .engage-list{
        height: 483px !important;
    }
    .zp-con p {
        -webkit-line-clamp:2 !important;
    }
    .zp-top {
        margin-bottom: 18px !important;
    }
    .zp-name {
        margin-bottom:23px !important;
    }
    .up {
        margin-bottom: 18px !important;
    }
    .explore-box::after {
        left:17% !important;
    }
    .learning-box {
        height: 530px !important;
    }
    .lear-con {
        height: 530px !important;
    }
    .swiper-container-px {
        height: 530px !important;
    }
    .swiper-slide-px {
        height: 485px !important;
    }
   /* .service a {
        width: 155px !important;
        height: 155px !important;
        font-size: 14px !important;
    }*/
    .development-li .bottom h2 a{
        font-size: 20px !important;
    }
    .lb-r dl dd h2 {
        margin-bottom: 10px !important;
    }
    .lb-r dl dd p {
        margin-bottom: 10px !important;
    }
    .lb-r dl dd h2 a {
        font-size: 16px !important;
    }
    .rl-data h1 a {
        font-size: 20px !important;
    }
    .col-two .group-list2-2 .group-title em{
        font-size: 14px !important;
    }
}

@media (min-width: 1160px){
    .container {
        max-width: 1140px;
    }
    .nav-auto ul li{
        font-size: 16px;
    }
    .lb-l {
        max-width: 55%;
        flex: 0 0 55%;
    }
    .lb-r {
        max-width: 45%;
        flex: 0 0 45%;
    }
    .note {
        max-width: 60%;
        flex: 0 0 60%;
    }
    .engage {
        max-width: 40%;
        flex: 0 0 40%;
    }
    .learning-l{
        max-width: 44.1758%;
        flex: 0 0 44.1758%;
        background: url("../images/xsbg-r.jpg") no-repeat;
        background-repeat: repeat-y;

    }
    .learning-r{
        max-width: 55.8242%;
        flex: 0 0 55.8242%;
        background: url("../images/xsbg-l.png");
        background-repeat: repeat-y;
    }
    .rili{
        max-width: 47.134%;
        flex: 0 0 47.134%;
    }
    .rl-list {
        max-width: 52.866%;
        flex: 0 0 52.866%;
    }
    .explore-left{
        max-width: 40.533%;
        flex: 0 0 40.533%;
    }
    .explore-right {
        max-width: 59.467%;
        flex: 0 0 59.467%;
    }
    .elegant-left{
        max-width: 37.534%;
        flex: 0 0 37.534%;
    }
    .elegant-right {
        max-width: 62.466%;
        flex: 0 0 62.466%;
    }
    .note-list{
        height: 483px !important;
    }
    .note-list dl{
        margin-bottom:10px !important;
    }
    .note-list dl dt{
        width: 85px !important;
        height: 85px !important;
    }
    .note-list dl dd a{
        margin: 30px 0 !important;
        padding-left:50px !important;
    }
    .engage-list{
        height: 483px !important;
    }
    .zp-con p {
        -webkit-line-clamp:2 !important;
    }
    .zp-top {
        margin-bottom: 18px !important;
    }
    .zp-name {
        margin-bottom:23px !important;
    }
    .up {
        margin-bottom: 18px !important;
    }
    .explore-box::after {
        left:17% !important;
    }
    .learning-box {
        height: 530px !important;
    }
    .lear-con {
        height: 530px !important;
    }
    .swiper-container-px {
        height: 530px !important;
    }
    .swiper-slide-px {
        height: 485px !important;
    }
   /* .service a {
        width: 155px !important;
        height: 155px !important;
        font-size: 14px !important;
    }*/
    .development-li .bottom h2 a{
        font-size: 22px !important;
    }
    .lb-r dl dd h2 {
        margin-bottom: 10px !important;
    }
    .lb-r dl dd p {
        margin-bottom: 10px !important;
    }
    .lb-r dl dd h2 a {
        font-size: 18px !important;
    }
    .rl-data h1 a {
        font-size: 22px !important;
    }
    .group-list2 .left-box {
        height: 205px !important;
    }
    .group-list2{
        height: 320px !important;
    }
    .group-list2 .group-title em{
        font-size: 14px !important;
    }
    .right-box h2{
        font-size: 18px !important;
    }
    .col-two .group-list2-2 .group-title em{
        font-size: 14px !important;
    }
}
@media (min-width:1440px){
    .nav-auto ul li{
        font-size: 18px;
    }
    .nav a{
        /*padding-left:40px;*/
    }
    .container {
        max-width:1300px;
    }
    .container-md{
        max-width: 1000px;
    }
    .lb-l {
        max-width: 55%;
        flex: 0 0 55%;
    }
    .lb-r {
        max-width: 45%;
        flex: 0 0 45%;
    }
    .note {
        max-width: 60%;
        flex: 0 0 60%;
    }
    .engage {
        max-width: 40%;
        flex: 0 0 40%;
    }
    .learning-l{
        max-width: 44.1758%;
        flex: 0 0 44.1758%;
        background: url("../images/xsbg-r.jpg") no-repeat;
        background-repeat: repeat-y;

    }
    .learning-r{
        max-width: 55.8242%;
        flex: 0 0 55.8242%;
        background: url("../images/xsbg-l.png");
        background-repeat: repeat-y;
    }
    .rili{
        max-width: 47.134%;
        flex: 0 0 47.134%;
    }
    .rl-list {
        max-width: 52.866%;
        flex: 0 0 52.866%;
    }
    .explore-left{
        max-width: 40.533%;
        flex: 0 0 40.533%;
    }
    .explore-right {
        max-width: 59.467%;
        flex: 0 0 59.467%;
    }
    .elegant-left{
        max-width: 37.534%;
        flex: 0 0 37.534%;
    }
    .elegant-right {
        max-width: 62.466%;
        flex: 0 0 62.466%;
    }
    .note-list{
        height: 483px !important;
    }
    .note-list dl{
        margin-bottom:10px !important;
    }
    .note-list dl dt{
        width: 85px !important;
        height: 85px !important;
    }
    .note-list dl dd a{
        margin: 30px 0 !important;
        padding-left:50px !important;
    }
    .engage-list{
        height: 483px !important;
    }
    .zp-con p {
        -webkit-line-clamp:2 !important;
    }
    .zp-top {
        margin-bottom: 18px !important;
    }
    .zp-name {
        margin-bottom:23px !important;
    }
    .up {
        margin-bottom: 18px !important;
    }
    .explore-box::after {
        left:17% !important;
    }
    .learning-box {
        height: 530px !important;
    }
    .lear-con {
        height: 530px !important;
    }
    .swiper-container-px {
        height: 530px !important;
    }
    .swiper-slide-px {
        height: 485px !important;
    }
   /* .service a {
        width: 178px !important;
        height: 175px !important;
    }*/
    .development-li .bottom h2 a{
        font-size: 26px !important;
    }
    .lb-r dl dd h2 {
        margin-bottom: 10px !important;
    }
    .lb-r dl dd p {
        margin-bottom: 10px !important;
    }
    .lb-r dl dd h2 a {
        font-size: 20px !important;
    }
    .rl-data h1 a {
        font-size: 24px !important;
    }
    .group-list2 .left-box {
        height: 245px !important;
    }
    .group-list2{
        height: 350px !important;
    }
    .group-list2 .group-title em{
        font-size: 16px !important;
    }
    .right-box h2{
        font-size: 18px !important;
    }
    .col-two .group-list2-2 .group-title em{
        font-size: 16px !important;
    }
}
@media (min-width:1600px){
    .container {
        max-width:1500px;
    }
    .nav-auto ul li{
        font-size: 18px;
    }
    .lb-l {
        max-width: 58.534%;
        flex: 0 0 58.534%;
    }
    .lb-r {
        max-width: 41.466%;
        flex: 0 0 41.466%;
    }
    .note {
        max-width: 60%;
        flex: 0 0 60%;
    }
    .engage {
        max-width: 40%;
        flex: 0 0 40%;
    }
    .learning-l{
        max-width: 44.1758%;
        flex: 0 0 44.1758%;
        background: url("../images/xsbg-r.jpg") no-repeat;
        background-repeat: repeat-y;

    }
    .learning-r{
        max-width: 55.8242%;
        flex: 0 0 55.8242%;
        background: url("../images/xsbg-l.png");
        background-repeat: repeat-y;
    }
    .rili{
        max-width: 47.134%;
        flex: 0 0 47.134%;
    }
    .rl-list {
        max-width: 52.866%;
        flex: 0 0 52.866%;
    }
    .explore-left{
        max-width: 40.533%;
        flex: 0 0 40.533%;
    }
    .explore-right {
        max-width: 59.467%;
        flex: 0 0 59.467%;
    }
    .elegant-left{
        max-width: 37.534%;
        flex: 0 0 37.534%;
    }
    .elegant-right {
        max-width: 62.466%;
        flex: 0 0 62.466%;
    }
    .note-list{
        height: 587px !important;
    }
    .note-list dl{
        margin-bottom:21px !important;
    }
    .note-list dl dt{
        width: 96px;
        height: 96px;
    }
    .note-list dl dd a{
        margin: 41px 0 !important;
        padding-left:70px !important;
    }
    .engage-list{
        height: 587px !important;
    }
    .zp-con p {
        -webkit-line-clamp: 5 !important;
    }
    .zp-top {
        margin-bottom: 28px !important;
    }
    .zp-name {
        margin-bottom: 33px !important;
    }
    .up {
        margin-bottom: 28px !important;
    }
    .explore-box::after {
        left: 30% !important;
    }
    .learning-box {
        height: 577px !important;
    }
    .lear-con {
        height: 577px !important;
    }
    .swiper-container-px {
        height: 594px !important;
    }
    .swiper-slide-px {
        height: 537px !important;
    }
   /* .service a {
        width: 207px !important;
        height: 185px !important;
    }*/
    .development-li .bottom h2 a{
        font-size: 28px !important;
    }
    .lb-r dl dd h2 {
        margin-bottom: 17px !important;
    }
    .lb-r dl dd p {
        margin-bottom: 18px !important;
    }
    .lb-r dl dd h2 a {
        font-size: 20px !important;
    }
    .rl-data h1 a {
        font-size: 24px !important;
    }
    .group-list2 .left-box {
        height: 294px !important;
    }
    .group-list2{
        height: 400px !important;
    }
    .group-list2 .group-title em{
        font-size: 16px !important;
    }
    .right-box h2{
        font-size: 24px !important;
    }
    .col-two .group-list2-2 .group-title em{
        font-size: 16px !important;
    }
    /*.swiper-slide-banner img{
        height: 82vh !important;
    }*/
}

h1, h2, h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd{
    margin: 0;
    padding: 0;
}
em,i{
    font-style: normal;
}
.row{
    margin: 0;
}
/*首页标题*/
.yz-title{
    display: flex;
    /*height:45px;*/
    align-items: center;
    justify-content: space-between;
    padding-top: 80px;
    padding-bottom:45px;
    width: 100%;
}
.yz-title h2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height:45px;
    font-size: 32px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #883032;
    flex-direction: column;
    position: relative;
}
.yz-title h2::after{
    width: 129px;
    height: 5px;
    background: #96AA09;
}
.yz-title a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 87px;
    height: 35px;
    border: 1px solid #424242;
    border-radius: 18px;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #000000;
}
.yz-title a::after{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 9px;
    margin-left:4px;
    background: url("../images/more-icon.png") center center no-repeat;
    background-size: 100% 100%;
}

.page{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    width: 100%;
    justify-content: center;
    height: 32px;
}
.page-l{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    height: 32px;
    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
}
.page-l label{
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
    width: 32px;
    height: 32px;
    /* Light/Fill/1-白色 */
    background: #FFFFFF;
    /* Light/Line/3-深｜悬浮 */
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    /* identical to box height, or 157% */
    /* Light/Text/6-强调|正文标题 */
    color: #1F1F1F;
    cursor: pointer;
    margin: 0 4px;
}
.page-l i{
    margin: 0 4px;
}
a,a:hover,a:link{
    text-decoration: none;
}
.page-l label.one-prev, .page-l label.last-next{
    background: #F5F5F5 !important;
}
.page-l label.cur, .page-l label:hover{
    background: #E8F5FF;
    /* Dark/Info/6-常规 */
    border: 1px solid #3A89FE;
    color: #3A89FE;
}
button:hover, .q-button a:hover, .tr-fun span a.fwen:hover, .top-search button:hover, .user-but button:hover, .ask-but button.subto:hover,.my-but a.edit:hover{
    background: #5DA3FE;
    border: #5DA3FE;
}
button:active, .q-button a:active, .tr-fun span a.fwen:active,.top-search button:active, .user-but button:active, .ask-but button.subto:active,.my-but a.edit:active{
    background: #2464D2;
    border: #2464D2;
}
.tr-fun span a.answer:hover{
    border: 1px solid #5DA3FE;
    color: #5DA3FE;
}
.tr-fun span a.answer:active{
    border: 1px solid #2464D2;
    color: #2464D2;
}
a.more:hover{
    color: #5DA3FE;
}
a.more:active{
    color: #2464D2;
}
.essay-list:hover h2 a{
    color: #3A89FE;
}
.authority-box a:hover svg{
    color: #CC321E;
}
.question-box span a:hover b{
    color: #3A89FE;
}
.operate span{
    position: relative;
}

.fav-box{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 12px 16px;
    position: absolute;
    width: 144px;
    height: 122px;
    left:-43px;
    top:40px;
    /* [Theme=Light]/fill/fill3-white */
    background: #FFFFFF;
    box-shadow: 0px 5px 17px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    z-index: 666666;
    display: none;
}

.fav-box h6{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    height: 22px;
    /* Inside auto layout */
    flex: none;
    align-self: stretch;
    flex-grow: 0;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 22px;
    /* identical to box height, or 183% */
    display: flex;
    align-items: center;
    text-align: center;
    /* [Theme=Light]/text/text3 */
    color: #878A8E;
    margin-bottom: 8px;
}
.fxclass{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    height: 69px;
    /* Inside auto layout */
    flex: none;
    justify-content: space-between;
    flex-grow: 0;
    width: 100%;
}
.fxclass dl{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    width: 48px;
    height: 69px;
    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
    position: relative;
}
.fxclass dl dt{
    box-sizing: border-box;
    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 24px;
    width: 48px;
    height: 48px;
    background: #EDEEF0;
    border-radius: 100px;
    /* Inside auto laout */
    flex: none;
    flex-grow: 0;
}
.fxclass dl dd{
    height: 17px;
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    /* identical to box height */
    /* [Theme=Light]/text/text1 */
    color: #262C33;
    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
    margin-top: 4px;
}
.icon-wechat{
    font-size:24px !important;
    font-weight: lighter;
}
.icon-link{
    font-size:24px !important;
    font-weight: lighter;
}
.fxclass dl:hover dt{
    background: #3A89FE;
    color: #ffffff;
}
.w-ewm{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 108px;
    height: 115px;
    left:-30px;
    top:10px;
    filter: drop-shadow(0px 5px 17px rgba(0, 0, 0, 0.12));
    position: absolute;
    top:90px;
    z-index: 999999;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 12px;
    display: none;
}
.w-ewm img{
    width: 84px;
    height: 84px;
}
.w-ewm::after{
    width: 14.14px;
    height: 7.07px;
    /* Neutral/1 */
    background: #FFFFFF;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    /* Inside auto layout */
    flex: none;
    flex-grow: 0;
    background: url("../images/arrow.png") center center no-repeat;
    background-size: 14.14px;
    height: 7.07px;
    position: absolute;
    top: -6px;
}
.operate span:hover .fav-box{
    display: flex;
}
.fxclass dl.wechat:hover .w-ewm{
    display: flex;
}