.page-banner{width: 100%;height: 399px;}
.page-banner .container{position: relative;height: 399px;}
.page-banner-in{
    position: absolute;
    bottom: 0px;
    left:0px;
    width: 450px;
    height: 150px;
    background-color: #042275;
}



.page-banner-title{position:absolute;width: 500px;padding-left: 100px;margin-bottom: 40px;top:20px;left: 40px;}
.page-banner-title::before{content:"";position: absolute;width: 70px;height:3px;background-color: #fff;left: 10px;top: 30px;}
.page-banner-title h1{font-size: 41px; color: #fff;font-weight: bold;line-height: 60px;letter-spacing: 2px;}
.page-banner-title h3{font-size: 24px; color: #fff;font-weight: bold;}



.inside-content{

}

.inside-content img{
    max-width: 100%;
}

.about-title{
    border:1px solid rgba(51, 92, 213, 1);
    width: 120px;
    height: 40px;
    margin:0 auto;
    text-align: center;
    margin-bottom: 40px;
}

.about-title span{
    line-height: 40px;
    color: rgba(51, 92, 213, 1);
    font-family: Microsoft YaHei;
    font-size: 14px;
    font-weight: normal;
}


.honor{
    display:grid;
    grid-template-columns: repeat(4, 15%);
    grid-column-gap: 12%;
    grid-row-gap: 140px;
    grid-template-rows: 100px;
    margin-bottom:10px;
}

.solution{

}

.solution-title{
    width: 100%;
    height:40px;
    background-image: linear-gradient(#0d9dd2,#002774);    
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
}

.solution-title a{ 
    line-height: 40px;
    flex: 1 0 16%;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

.solution-title1{

}


.solution-content{
    margin-top: 40px;
    display:grid;
    grid-template-columns: repeat(3, 33%);
    grid-column-gap: 2%;
    row-gap: 280px;
    grid-template-rows: 100px;
    margin-bottom:10px;
}
.solution-list{
    width:100%;
    height: 300px;
}
.solution-list img{
    width: 100%;
    height: 300px;
}

.solution-list p{
    font-size: 16px;
    color: #333;
    text-align: center;
}


.inside-detail{
    display:block;
    color: #333;
    /* font-weight:bold; */
    text-decoration:none;
}

.inside-detail-title{
    text-align: center;
    font-size: 20px;
    color: #333;

}

.inside-detail-info{
    text-align: center;
    color: #666;
    font-size: 14px;
}

.inside-detail-content img{
    max-width: 100%;
}


.pro-title{
    width: 600px;
    height: 80px;
    display: flex;
    margin: 0 auto;
    justify-content: space-between;
}

.pro-title1{
    flex: 0 0 20%;
    height: 40px;
    border:1px solid #335cd5;
    line-height: 40px;
    text-align: center;
    color: #335cd5;
}


.pro-content{
    margin-top: 40px;
    display:grid;
    grid-template-columns: repeat(3, 33%);
    grid-column-gap: 2%;
    margin-bottom:10px;
}


.pro-list{
    text-align: center;
}


.pro-content-detail{
    text-align: center;
}



.news-list{display: flex;padding:40px;background-color: #f7f7f7;margin-bottom: 30px;}
.news-list1{
    flex: 150px 0 auto;
    height: 80px;
}
.news-list1 img{width: 150px;height: 80px;}
.news-list2{
    flex: 650px 0 auto;padding-left: 30px;
    height: 80px;
}
.news-list2 h3{
    display: inline-block;
    font-size: 14px;
    color: #434343;
    font-weight: bold;
    line-height: 140%;
}
.news-list2 h5{
    display: block;
    font-size: 11px;
    color: #929292;
    line-height: 140%;
}
.news-list2 p{
    display: inline-block;
    font-size: 13px;
    line-height: 22px;
    padding-top: 10px;
    color: #666666;
    font-weight: normal;
    margin:0;
}



.partner-content{
    margin-top: 40px;
    display:grid;
    grid-template-columns: repeat(5, 18%);
    grid-template-rows: 180px;
    grid-column-gap: 2%;
    margin-bottom:10px;
}




.partner-title{
    width: 200px;
    height: 80px;
    margin: 0 auto;
}

.partner-title1{
    height: 40px;
    border:1px solid #335cd5;
    line-height: 40px;
    text-align: center;
    color: #335cd5;
    display: block;
}