.inside-banner{
    height: 622px;
}
.inside-banner .container{
    position: relative;
}
.inside-banner .box .txt{
    width: 50%;
    float: left;
    margin-top: 68px;
    position: relative;
    z-index: 1;
}

.inside-banner .box .img{
    position: absolute;
    right: 14px;
    width: 663px;
    top: 21px;
}
.inside-banner .box .txt .smallTxt{
    font-weight: 400;
    font-size: 20px;
    color: #4A4A4A;
    line-height: 30px;
    margin-bottom: 64px;
}
.title-01{
    font-weight: bold;
    font-size: 40px;
    color: #233863;
    line-height: 56px;
    text-align: center;
}
.hot.conmpany .title-01{
    margin: 40px auto;
}
.hot .hot-box .hotnews{
    background: #FFFFFF;
    box-shadow: 0px 20px 30px 0px rgba(63,94,128,0.1);
    border-radius: 16px;
    padding: 32px 40px 32px 32px;
    display: flex;
}
.hot .hot-box .hotnews .img{
    width: 599px;
    height: 378px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}
.hot .hot-box .hotnews .img img{
    width: 100%;
    height: 100%;
}
.hot .hot-box .hotnews .text{
    width: calc(100% - 599px);
    padding-left: 64px;
    position: relative;
}
.hot .hot-box .hotnews .text::before{
    content: '';
    position: absolute;
    width: 172px;
    height: 212px;
    right: -40px;
    bottom: -32px;
    background: url("../images/hotbg.png");
    background-size: cover;
}
.hot .hot-box .hotnews .text .tit{
    margin-top: 40px;
    font-weight: bold;
    font-size: 36px;
    color: #233863;
    line-height: 50px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 超出几行省略 */
    overflow: hidden;
}
.hot .hot-box .hotnews .text .des{
    margin-top: 32px;
    font-weight: 400;
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    text-align: justify;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* 超出几行省略 */
    overflow: hidden;
}
.hot .hot-box .hotnews .text .detail{
    position: absolute;
    content: '';
    left: 64px;
    bottom: 6px;
    font-weight: 400;
    font-size: 18px;
    color: #233863;
    line-height: 25px;
    text-decoration: underline;
}
.hot .hot-box .hotnews-list{
    margin: 57px -23.5px 56px;
}
.hot .hot-box .hotnews-list .item {
    width: 33.333333%;
    float: left;
    padding: 0 23.5px;
    box-sizing: border-box;
    transition: all 0.3s;
}
.hot .hot-box .hotnews-list .item .insideBox {
    background: #FFFFFF;
    box-shadow: 0px 18px 43px -6px rgba(197,210,235,0.4);
    border-radius: 16px;
    position: relative;
    overflow: hidden;
}
.hot .hot-box .hotnews-list .item .insideBox .img {
    position: relative;
    height: 245px;
    border-radius: 16px;
    overflow: hidden;
}
.hot .hot-box .hotnews-list .item .insideBox .middleCenter {
    width: 100%;
    height: 100%;
}
.hot .hot-box .hotnews-list .item .insideBox .txt{
    padding: 24px 30px 36px ;
    text-align: left;
}
.hot .hot-box .hotnews-list .item .insideBox .txt .title {
    font-weight: bold;
    font-size: 20px;
    color: #233863;
    line-height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hot .hot-box .hotnews-list .item .insideBox .txt .des{
    margin-top: 24px;
    font-weight: 400;
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* 超出几行省略 */
    overflow: hidden;
}
.hot .hot-box .hotnews-list .item .insideBox .txt .detail{
    display: inline-block;
    margin-top: 36px;
    font-weight: 500;
    font-size: 14px;
    color: #233863;
    line-height: 20px;
    text-decoration: underline;
}
.news-btn{
    text-align: center;
}
.news-btn .more {
    display: inline-block;
    width: 180px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    background: #229AF4;
    border-radius: 45px;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
}
/*行业新闻*/
.industry,.publish{
    padding-top: 200px;
    position: relative;
}
.industry::before,.publish::before{
    content: '';
    position: absolute;
    top: 4px;
    width: 100%;
    height: 490px;
    background-image: url("../images/hottbg.png");
    background-size: cover;
    z-index: -1;
    background-position: center;
}
@media screen and (max-width: 1480px) {
    .industry::before,.publish::before{
        height: 350px;
    }
}
.hot.industry .hot-box .hotnews-list {
    margin: 40px -23.5px 56px;
}
.hot.industry .hot-box .hotnews-list .item{
    margin-bottom: 65px;
}
.hot.industry .hot-box .hotnews-list .item:nth-child(4),.hot.industry .hot-box .hotnews-list .item:nth-child(5),.hot.industry .hot-box .hotnews-list .item:nth-child(6){
    margin-bottom: 0;
}
/*出版物*/
.hot.publish .hot-box .hotnews-list {
    margin: 40px -23.5px 0;
}
.publish{
    padding-bottom: 269px;
}
.publish::after{
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 447px;
    background-image: url("../images/pbg.png");
    background-size: cover;
    z-index: -1;
}
.contact_us{
    margin-top: 44px;
}
.contact_us .txt2{
    width: 640px;
}
.contact_us .container{
    height: 320px;
}
/*新闻列表*/
.news.conmpany .title-01{
    margin: 40px auto;
}
.news .nbox{
    position: relative;
    padding-bottom: 234px;
}
.news .nbox::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 447px;
    background-image: url("../images/pbg.png");
    background-size: cover;
    bottom: 0;
    z-index: -1;
}
.news .list{
    margin-bottom: 64px;
}
.news .list .nitem{
    width: 100%;
    height: 200px;
    background: rgba(255,255,255,0.8);
    box-shadow: 0px 12px 24px 0px rgba(63,94,128,0.08);
    border-radius: 16px;
    padding: 34px 40px;
    display: flex;
    margin-bottom: 40px;
    position: relative;
}
.news .list .nitem:last-child{
    margin-bottom: 0;
}
.news .list .nitem::after{
    content: '';
    position: absolute;
    width: 100%;
    background-image: url("../images/itemBg.png");
    background-size: cover;
    bottom: 0;
    right: 0;
    height: 70px;
    z-index: 0;
}
.news .list .nitem .data{
    width: 88px;
    height: 88px;
    background-image: url("../images/databg.png");
    background-size: cover;
    padding: 10px 12px;
    text-align: center;
}
.news .list .nitem .data span:first-child{
    font-weight: bold;
    font-size: 30px;
    color: #233863;
    line-height: 42px;
    display: block;
}
.news .list .nitem .data span:last-child{
    font-weight: 400;
    font-size: 14px;
    color: #233863;
    line-height: 20px;
}
.news .list .nitem .text{
    padding-left: 36px;
    width: calc(100% - 88px);
}
.news .list .nitem .text .title{
    font-weight: bold;
    font-size: 20px;
    color: #233863;
    line-height: 28px;
}
.news .list .nitem .text .des{
    margin-top: 12px;
    font-weight: 400;
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    text-align: justify;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 超出几行省略 */
    overflow: hidden;
}
.news .list .nitem .text .detail{
    display: inline-block;
    margin-top: 24px;
    text-decoration: underline;
    font-weight: 500;
    font-size: 14px;
    color: #233863;
    line-height: 20px;
}

.news .nav nav ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 184px;
    margin-top: 35px;
    margin-bottom: 54px;
}

.news .nav nav ul li {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 24px;
    color: #233863;
    line-height: 33px;
    flex-direction: column;
    display: flex;
    align-items: center;
}

.news .nav nav ul li .active {
    color: #229AF4;
    position: relative;
}

.news .nav nav ul li a {
    margin-bottom: 12px;
    display: block;
}

/* .news .nav nav ul li .active::after {
    content: "";
    width: 55px;
    height: 4px;
    background: #229AF4;
    border-radius: 2px;
    display: block;
    position: absolute;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
} */

.news .nav nav ul li .line {
    display: block;
    width: 55px;
    height: 4px;
    background: #229AF4;
    border-radius: 2px;
}

/*新闻详情*/
.newsdetail .crumbs {
    border-top: 1px solid #DAE0E7;
    background: #FFFFFF;
    box-shadow: 0px 4px 8px 0px rgba(107,123,155,0.1);
    padding: 12px 0 12px 72px;
}
.newsdetail .crumbs, .newsdetail .crumbs a {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    color: #ADADAD;
    line-height: 24px;
}
.newsdetail .crumbs span {
    color: #666666;
}
.newsdetail .leftCon {
    width: calc(100%  - 352px - 40px);
    padding-right: 50px;
    float: left;
}
.newsdetail .main {
    padding-top: 40px;
    position: relative
}
.newsdetail .main::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 1000px;
    top: 0;
    background-image: url("../images/detailbg.png");
    background-size: cover;
    z-index: -1;
}
.newsdetail .main:after {
    content: "";
    display: block;
    clear: both
}
.newsdetail .rightAside{
    float: left;
    width: 352px;
    padding: 32px 32px 30px;
    background: rgba(255,255,255,0.8);
    box-shadow: 0px 0px 16px 0px rgba(63,94,128,0.15);
    border-radius: 16px;
}
.newsdetail .rightAside .titleBig{
    font-weight: bold;
    font-size: 24px;
    color: #233863;
    line-height: 30px;
    text-align: left;
    margin-bottom: 20px;
}
.newsdetail .rightAside .titleBig .img{
    height: 182px;
    margin-bottom: 4px;
}
.newsdetail .rightAside .text{
    margin-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid  #E6E6E6;
}
.newsdetail .rightAside .text .title{
    font-weight: 400;
    font-size: 16px;
    color: #233863;
    line-height: 22px;
}
.newsdetail .rightAside .text .des{
    margin-top: 4px;
    font-weight: 400;
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    text-align: justify;
    font-style: normal;
}
.newsdetail .rightAside .text .dd{
    display: block;
    margin-top: 16px;
    font-weight: 500;
    font-size: 14px;
    color: #233863;
    line-height: 20px;
    text-align: left;
    font-style: normal;
    text-decoration: underline;
}
/*单行超出省略*/
.whitespace{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.newsdetail .leftCon{
    padding: 36px 40px 40px;
    background: rgba(255,255,255,0.8);
    box-shadow: 0px 0px 16px 0px rgba(63,94,128,0.15);
    border-radius: 16px;
    margin-right: 40px;
}
.newsdetail .leftCon h1{
    font-size: 24px;
    color: #233863;
    line-height: 48px;
    text-align: left;
}
.newsdetail .leftCon .des{
    margin-top: 4px;
    font-weight: 400;
    font-size: 14px;
    color: #ADADAD;
    line-height: 24px;
    padding-bottom: 8px;
    border-bottom: 1px solid #E6E6E6;
}
.newsdetail .leftCon .des span{
    display: inline-block;
    padding-right: 40px;
}
.newsdetail .leftCon .newscontent{
    padding-top: 24px;
    padding-bottom: 32px;
    line-height: 1.5;
    font-size: 14px;
    color: #333;
    -webkit-tap-highlight-color: transparent;
}
.newsdetail .leftCon .newscontent img{
    margin-top: 24px;
    margin-bottom: 24px;
}
.prev-next-return .page-pn{
    width: 100%;
    height: 44px;
    line-height: 44px;
    background: #F5F5F6;
    border-radius: 4px;
    font-weight: 400;
    font-size: 14px;
    color: #4A4A4A;
    text-align: left;
    padding: 0 24px;
}
.prev-next-return .page-pn:first-child{
    margin-bottom: 10px;
}
@media screen and (min-width:768px) and (max-width: 1280px){
    .hot .hot-box .hotnews-list,.hot.industry .hot-box .hotnews-list,.hot.publish .hot-box .hotnews-list{
        margin-left: 0;
        margin-right: 0;
    }
}
@media screen and (max-width: 768px) {
    .m-banner{
        height: 686px;
        margin-bottom: 48px;
    }
    .m-banner .container {
        padding-top: 31px;
    }
    .m-banner img{
        margin-top: 68px;
        width: 358px;
    }
    .title-01{
        font-size: 32px;
        color: #233863;
        line-height: 45px;
    }
    .hot.conmpany .title-01{
        margin-top: 0;
        margin-bottom: 32px;
    }
    .hot .hot-box .hotnews{
        display: block;
        padding: 0;
    }
    .hot .hot-box .hotnews .img{
        width: 100%;
        height: 206px;
    }
    .hot .hot-box .hotnews .text {
        width: 100%;
        padding-left: 24px;
        padding-right: 24px;
        padding-bottom: 84px;
    }
    .hot .hot-box .hotnews .text .tit{
        margin-top: 24px;
        font-size: 20px;
        line-height: 28px;
        -webkit-line-clamp: 1;
    }
    .hot .hot-box .hotnews .text .des{
        margin-top: 16px;
        -webkit-line-clamp: 3;
    }
    .hot .hot-box .hotnews .text .detail{
        left: auto;
        font-size: 14px;
        bottom: 40px;
    }
    .hot .hot-box .hotnews .text::before{
        width: 104px;
        height: 129px;
        right: 0;
        bottom: 0;
    }
    .hot .hot-box .hotnews-list{
        margin: 0;
    }
    .hot .hot-box .hotnews-list .item{
        width: 100%;
        padding: 0;
        margin-top: 32px;
    }
    .hot .hot-box .hotnews-list .item .insideBox .txt{
        padding: 24px 24px 40px;
    }
    .hot .hot-box .hotnews-list .item .insideBox .img{
        height: 206px;
    }
    .hot .hot-box .hotnews-list .item .insideBox .txt .des{
        margin-top: 16px;
    }
    .news-btn{
        margin-top: 32px;
    }
    .industry, .publish{
        margin-top: 20px;
        padding-top: 140px;
    }
    .industry::before, .publish::before{
        height: 119px;
        background-image:url("../images/m_hottbg.png") ;
    }
    .hot.industry .hot-box .hotnews-list{
        margin: 0;
    }
    .hot.industry .hot-box .hotnews-list .item{
        margin-bottom: 0;
    }
    .hot.publish .hot-box .hotnews-list{
        margin: 0;
    }
    .hot .hot-box .hotnews-list .item .insideBox .txt .detail{
        margin-top: 24px;
    }
    .publish{
        padding-bottom: 0;
    }
    .publish::after{
        background-image: none;
    }
    .newsbg{
        position: relative;
        height: 174px;
    }
    .newsbg::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 1000px;
        top: 0;
        z-index: -1;
        background-image: url("../images/m_pbg.png");
        background-size: cover;
    }
    .contact_us {
        margin-top: 12px;
    }
    .contact_us .txt2{
        width: 100%;

    }
    .contact_us .container{
        height: 395px;
    }
    /*列表*/
    .news{
        position: relative;
    }
    .news::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: #E9F2FB;
        top: 38px;
    }
    .news .nav nav ul{
        gap: 0 64px;
        margin-bottom: 32px;
    }
    .news .nav nav ul li{
        font-weight: bold;
        font-size: 16px;
        line-height: 22px;
    }
    .news .list .nitem{
        margin-bottom: 32px;
        padding: 24px 24px 40px 24px;
        height: 278px;
    }
    .news .list .nitem .text{
        padding-left: 20px;
    }
    .news .list .nitem .text .title{
        height: 88px;
        display: flex;
        align-items: center;
        font-size: 18px;
        line-height: 25px;
    }
    .news .list .nitem .text .title span{

        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; /* 超出几行省略 */
        overflow: hidden;
    }
    .news .list .nitem .text .des{
        margin-top: 16px;
        margin-left: -102px;
        -webkit-line-clamp: 3;
    }
    .news .list .nitem .text .detail{
        margin-left: -102px;
    }
    .news .list .nitem::after{
        background-image: none;
        z-index: -1;
    }
    .news .nbox::after{
        background-image: none;
    }
    .news .list{
        margin-bottom: 40px;
    }
    .news .nbox{
        padding-bottom: 0;
    }
    .newsdetail{
        position: relative;
    }
    .newsdetail::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 492px;
        background-image: url("../images/m_newsbg.png");
        background-size: cover;
        z-index: 0;

    }
    .newsdetail .crumbs{
        padding: 12px 24px 12px 22px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
        z-index: 2;
    }
    .newsdetail .crumbs, .newsdetail .crumbs a{
        font-size: 12px;
    }
    .newsdetail .main{
        padding-top: 32px;
    }
    .newsdetail .leftCon{
        width: 100%;
        padding: 0;
        margin-right: 0;
        box-shadow:none;
        background: none;
    }
    .newsdetail .leftCon h1{
        font-size: 24px;
        color: #233863;
        line-height: 33px;
        text-align: justify;
    }
    .newsdetail .leftCon .des{
        margin-top: 8px;
        font-size: 12px;
    }
    .newsdetail .leftCon .des span i{
        font-style: normal;
    }
    .newsdetail .rightAside{
        margin-top: 32px;
        width: 100%;
        padding: 0;
        box-shadow:none;
    }
    .newsdetail .rightAside .list .img{
        height: 206px;
        text-align: center;
    }

}
@media screen and (min-width:400px) and (max-width: 435px) {
    .contact_us .txt2{
        font-size: 14px;
    }
}
