/** 解决方案 */

.banner.case {
    background: url(../img/case/caseSbg1.png) no-repeat center top;
    background-size: cover;
    height: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    max-height: 100%;
}

.navfather {
    width: 100%;
    height: 60px;
    margin-top: -60px;
    background: rgba(8, 37, 80, 0.9);
    overflow-x: auto;
}


/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

.navfather::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent;
}


/*定义滚动条轨道 内阴影+圆角*/

.navfather::-webkit-scrollbar-track {
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
    background-color: transparent;
}


/*定义滑块 内阴影+圆角*/

.navfather::-webkit-scrollbar-thumb {
    border-radius: 50px;
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
    background-color: #ddd;
}

.navList {
    width: 1200px;
    height: 60px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.navStyle {
    cursor: pointer;
    margin-right: 80px;
    font-size: 16px;
    height: 60px;
    line-height: 60px;
    box-sizing: border-box;
    color: #fff;
}

.navStyle a {
    color: #CCD2DB;
    display: block;
}

.navListActive {
    position: relative;
}

.navListActive::after {
    content: "";
    width: 50%;
    height: 3px;
    background: var(--ColorsMain);
    display: block;
    position: absolute;
    bottom: 0px;
    left: 25%;
}

.navListActive a {
    color: var(--ColorsMain);
}

.tablist {
    width: 100%;
    height: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    max-height: 100%;
}

.tablist1 {
    width: 100%;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    max-height: 100%;
    flex-wrap: wrap;
}

.tablistInit {
    width: 208px;
    height: 42px;
    background: #eeeeee;
    line-height: 42px;
    font-size: 15px;
    color: #333;
    text-align: center;
    cursor: pointer;
}

.tablistInitActive {
    background: var(--ColorsMain);
    color: #fff;
}

.caseTitleType1 {
    position: relative;
}

.caseTitleType1Name {
    position: absolute;
    left: 60px;
    top: 0;
    width: 40px;
    height: 60px;
    line-height: 30px;
    padding: 15px 25px;
    color: #fff;
    font-size: 20px;
    background: var(--ColorsMain);
}

.caseTitleType1English {
    position: absolute;
    left: 150px;
    top: 0;
    line-height: 50px;
    color: #ccc;
    font-style: italic;
    padding-left: 20px;
    font-size: 20px;
}

.caseTitleType1 img {
    margin-top: 50px;
}

.case1-line1 {
    margin-top: 43px;
}

.case1-line1 li {
    list-style: inside;
    line-height: 27px;
    font-size: 14px;
}

.caseChinese {
    height: 42px;
    line-height: 42px;
    font-size: 20px;
}

.caseEnglish {
    height: 38px;
    line-height: 38px;
    font-size: 16px;
    font-style: italic;
}

.case1Bg1 {
    background: url(../img/case/case1Bg1.png) no-repeat center top;
    background-size: cover;
    min-height: 435px;
}

.case1-line4-img1 {
    background: url(../img/case/case1-line4-img1.png) no-repeat center top;
    background-size: cover;
}

.case1-line4-img2 {
    background: url(../img/case/case1-line4-img2.png) no-repeat center top;
    background-size: cover;
}

.case1-line4-img3 {
    background: url(../img/case/case1-line4-img3.png) no-repeat center top;
    background-size: cover;
}

.case1-line4-img4 {
    background: url(../img/case/case1-line4-img4.png) no-repeat center top;
    background-size: cover;
}

.case1-line4-public {
    position: relative;
    height: 284px;
}

.case1-line4-public p {
    position: absolute;
    bottom: 0;
    width: calc( 100% - 46px);
    height: 52px;
    background: #0263ff;
    line-height: 16px;
    font-size: 14px;
    font-weight: bold;
    padding: 15px 23px;
    color: #fff;
}

.case1-line4-style {
    margin: 35px 0;
    line-height: 24px;
}

.case1-tablist-line1 {
    margin: 28px 0;
    line-height: 24px;
}

.case1-tablist-line2 {
    padding: 30px;
    background: #fff;
    width: calc(100% - 60px);
    height: calc(203px - 60px);
}

.case1-tablist-line2 P:nth-child(1) {
    line-height: 38px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

.case1-tablist-line2 P:nth-child(2) {
    margin-top: 10px;
    line-height: 24px;
    font-size: 14px;
    color: #666;
}

.aboutsProTitle {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    color: #333333;
    position: relative;
}

.aboutsProTitle::after {
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    color: #333333;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 0;
    content: '';
    border-bottom: 2px solid #2b59a5;
}

.case1Bg2 {
    background: url(../img/case/case1Bg2.png) no-repeat center top;
    background-size: cover;
    min-height: 657px;
    max-width: 100%;
    max-height: 100%;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}

.cont {
    width: 1000px;
    margin: 0 auto;
    padding: 20px 0 50px;
}

.biz-timeline-box {
    min-height: 121px;
    margin-bottom: 20px;
}

.biz-timeline-box .biz_timeline-eventbox {
    position: absolute;
    left: calc(40% + 20px);
    border-radius: 5px;
    height: 121px;
    background: #283042;
}

.biz-timeline-box .biz_timeline-eventbox::before {
    position: absolute;
    left: -7px;
    top: calc(48% - 3.5px);
    content: "";
    width: 0;
    height: 0;
    border-top: solid 7px transparent;
    border-right: solid 7px #283042;
    border-bottom: solid 7px transparent;
}

.biz-timeline-box .biz_timeline-event {
    -webkit-border-radius: 0 30px 30px 0;
    -moz-border-radius: 0 30px 30px 0;
    border-radius: 0 30px 30px 0;
}

.biz-timeline-box .biz_timeline-time {
    position: absolute;
    left: calc(40% - 136px);
}

.biz_timeline-time {
    font-size: 14px;
    color: #efefef;
    font-weight: 600;
    line-height: 121px;
}

.biz_timeline-event {
    padding: 18px 24px;
    width: 355px;
}

.biz_timeline-event li {
    line-height: 26px;
    font-size: 14px;
    color: #b1b1b2;
    list-style: inside;
}

.biz_timeline-node {
    position: absolute;
    left: 40%;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #102950;
    margin-left: -12px;
    margin-top: 52px;
}

.biz_longString {
    position: absolute;
    left: 40%;
    width: 4px;
    background: #102950;
    top: -9px;
    z-index: 10;
    margin-left: -4px;
    height: 771px;
}

.biz_timtline-box {
    position: relative;
}

.biz_timeline {
    z-index: 20;
    position: relative;
}

.biz_title {
    text-align: center;
    margin: 0 auto 35px;
}

.biz-timeline-box:hover .biz_timeline-time {
    font-size: 14px;
}

.biz-timeline-box:hover .biz_timeline-node {
    background: #cdcdce;
}

.biz-timeline-box:hover .biz_timeline-eventbox {
    background: #0c2756;
    border-radius: 5px;
}

.biz-timeline-box:hover .biz_timeline-eventbox::before {
    position: absolute;
    left: -7px;
    top: calc(48% - 3.5px);
    content: "";
    width: 0;
    height: 0;
    border-top: solid 7px transparent;
    border-right: solid 7px #0c2756;
    border-bottom: solid 7px transparent;
}

.biz-timeline-box:hover .biz_timeline-event li {
    color: #fff;
    list-style: inside;
}

.case1-tablist-line5 {
    padding: 30px;
    background: #fff;
    width: calc(100% - 60px);
    height: calc(150px - 60px);
    display: flex;
    align-items: center;
}

.case1-tablist-line5 img {
    display: block;
    width: 100px;
    height: 86px;
    margin-right: 15px;
}

.case2-nav2-line1-style li {
    list-style: inside;
    line-height: 27px;
    font-size: 14px;
    color: #61738f;
}

.case2-nav5-bg {
    background: url(../img/case/case2-nav5-bg.png) no-repeat center top;
    background-size: cover;
    min-height: 981px;
}

.case2-nav5-line4 {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 20px 0;
}

.case2-nav5-line4-style1 {
    width: 115px;
    padding: 0px 50px;
}

.case2-nav5-line4-style1 p:nth-child(1) {
    font-size: 14px;
    line-height: 24px;
    color: #0263ff;
}

.case2-nav5-line4-style1 p:nth-child(2) {
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    margin-top: 20px;
}

.case2-nav5-line3 {
    background: #ffffff;
}

.case2-nav3-line1 {
    display: flex;
    flex-wrap: wrap;
}

.case2-nav3-line1-list {
    width: 240px;
    margin-bottom: 20px;
}

.case2-nav3-line1-list div {
    width: 210px;
    height: 174px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 15px;
}

.case2-nav3-line1-list1 {
    background: #eeeeee;
    font-size: 14px;
    color: #000607;
    line-height: 24px;
}

.case2-nav3-line1-list2 {
    background: #0263ff;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.case2-nav3-line1-list3 {
    background: #fff;
}

.case2-nav3-line1-list3 p {
    font-size: 30px;
    font-weight: 600;
    line-height: 57px;
    color: #333;
    font-style: italic;
    position: relative;
}

.case2-nav3-line1-list3 p::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 28px;
    height: 6px;
    background: #0263ff;
}

.case2-nav4-line2 {
    position: relative;
    height: 384px;
    background: #fff;
}

.case2-nav4-line2 div {
    height: 264px;
    padding: 50px 40px 0;
    line-height: 24px;
    font-size: 14px;
    color: #333;
}

.case2-nav4-line2 p {
    height: 70px;
    background: #0263ff;
    line-height: 70px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}

.case3-nav1-bg1 {
    background: url(../img/case/case3-nav1-bg1.png) no-repeat center top;
    background-size: cover;
    min-height: 400px;
}

.case3-nav2-bg1 {
    background: url(../img/case/case3-nav2-bg1.png) no-repeat center top;
    background-size: cover;
    min-height: 450px;
}

.case3-nav1-line3 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 5px 0;
}

.case3-nav1-line3-left {
    padding: 20px;
    border-radius: 5px;
    width: 302px;
    background: #fff;
    float: right;
}

.case3-nav1-line3-right {
    padding: 20px;
    border-radius: 5px;
    width: 302px;
    background: #fff;
}

.case3-nav1-line3-center {
    width: 30px;
    height: 30px;
    padding: 30px;
    background: var(--ColorsMain);
    border-radius: 50%;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    margin: 0 35px;
}

.case3-nav1-line3-left P {
    font-size: 14px;
    color: var(--Colors2);
    line-height: 24px;
}

.case3-nav1-line3-right P {
    font-size: 14px;
    color: var(--Colors8);
    line-height: 24px;
}

.case3-nav3-bg1 {
    background: url(../img/case/case3-nav3-bg1.png) no-repeat center top;
    background-size: cover;
    min-height: 450px;
}

.case3-nav3-line1-jiantou img {
    margin: 0 auto;
    display: block;
}

.case3-nav3-line1-content {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 17px;
}

.case3-nav3-line1-content img {
    margin-right: 20px;
}

.case3-nav3-line1-content1 {
    font-size: 20px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 16px;
}

.case3-nav3-line1-content2 {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
}