html {
    font-size: 16px;
}

body, div, p, ul, li {
    margin: 0;
    padding: 0;
}

ul, li {
    list-style-type: none;
}

body {
    font-size: 1rem;
}

::selection {
    background-color: #007FDF;
    color: #fff;
}

::-webkit-selection {
    background-color: #007FDF;
    color: #fff;
}

::-moz-selection {
    background-color: #007FDF;
    color: #fff;
}

#container {
    width: 100%
}

#header {
    width: 100%;
    /* background-color: #367bf0; */
    position: relative;
    padding-top: 170px;
    box-sizing: border-box;
    background: url(/assets/images/selection/solution_bg.svg) center top no-repeat, linear-gradient(180deg, #367BF0, #41B9FF);
    background-size: auto 100%;
    padding-bottom: 96px;
}

.header_title_wrap {
    width: 900px;
    margin-right: auto;
    margin-left: auto;
}

.header_title {
    height: 78px;
    font-size: 56px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 78px;
    margin-bottom: 20px;
    text-align: center;
}

.header_title_wrap p {
    width: 900px;
    height: 56px;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 28px;
    text-align: center;
}
#middle .project_architecture{
  margin-top: 120px;
}
#middle .project_architecture .title{
    height: 40px;
    font-size: 36px;
    font-weight: 500;
    color: #1A2736;
    line-height: 40px;
    margin:  0 auto;
    margin-bottom: 80px;
    text-align: center;
}
#middle .project_architecture img{
    display: block;
    width: 1080px;
    height: 638px;
    margin: 0 auto;
}
#middle .project_Highlights{
    margin-top: 120px;
    margin-bottom: 120px;
}
#middle .project_Highlights .title{

    height: 40px;
    font-size: 36px;
    font-weight: 500;
    color: #1A2736;
    line-height: 40px;
    margin: 0 auto;
    margin-bottom: 80px;
    text-align: center;
}
.project_Highlights .content{
    
    display: flex;
    margin: 0 auto;
    width: 1080px;
    margin-bottom: 60px;
}
.project_Highlights .content .item{
    margin-right: 40px;
}
.project_Highlights .content .item .item_title{
    display: flex;
    margin-bottom: 14px;
}
.project_Highlights .content .item .item_title i{
    height: 40px;
    width: 40px;
    display: inline-block;
    margin-right: 20px;
}
.project_Highlights .content .item .item_title .item_icon{
    background-image: url(/assets/images/selection/solution-RDS-fald.svg);
}
.project_Highlights .content .item .item_title .icon1{
background-position: 0;
}
.project_Highlights .content .item .item_title .icon2{
background-position: -40px;
}
.project_Highlights .content .item .item_title .icon3{
background-position: -80px;
}
.project_Highlights .content .item .item_title .icon4{
background-position: -120px;
}
.project_Highlights .content .item .item_title p{
    height: 28px;
    font-size: 20px;
    font-weight: 500;
    color: #1A2736;
    line-height: 28px;
    margin-top: 6px;
}
.project_Highlights .content .item .des{
    width: 240px;
    height: 128px;
    font-size: 16px;
    font-weight: 400;
    color: #37475A;
    line-height: 32px;
}
.project_Highlights .show{
    display: flex;
    width: 1080px;
    margin: 0 auto;
}
.project_Highlights .show .left{
    width: 469.59px;
    height: 539.71px;
    margin: 21px 147px 21px 0px;
}
.project_Highlights .show .right{
    width: 456px;
    height: 582px;
    background: #FAFDFF;
    box-shadow: 0px 5px 20px 0px rgba(198,211,220,0.1);
    border-radius: 4px;
    border: 1px solid #CBEDFF;    
}
.show .right .right_title{
    display: flex;
    margin:44px 0 6px 28px ;
}
.show .right .right_title i{
    height: 40px;
    width: 40px;
    display: inline-block;
    margin-right: 20px;
}
.show .right .right_title .item_icon{
    background-image: url(/assets/images/selection/solution-RDS-fald.svg);
}
.show .right .right_title .icon5{
    background-position: -160px;
}
.show .right .right_title p{
    height: 28px;
    font-size: 20px;
    font-weight: 500;
    color: #1A2736;
    line-height: 28px;
    margin-top: 6px;
}
.show .right .des{
    width: 400px;
    height: 64px;
    font-size: 16px;
    font-weight: 400;
    color: #37475A;
    line-height: 32px;
    margin-left: 28px;
    margin-right: 28px;
    margin-bottom: 40px;
}
.show .right .hr{
    width: 400px;
    height: 1px;
    border: 1px solid #CBEDFF;
    margin-left:28px;
    margin-right: 28px;

}
.show .right .list{
    margin-top:39px;
}
.show .right .list_item{
  display: flex;
  margin-left: 28px;
  margin-bottom: 12px;
}
.show .right .list_item i{
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-right: 8px;
    margin-top: 8px;
}
.show .right .list_item .item_icon{
    background-image: url(/assets/images/selection/solution-RDS-fald.svg);
}
.show .right .list_item .icon6{
    background-position-x: -200px;
    background-position-y: 0px;
}
.show .right .list_item p{
    width: 376px;
    height: 64px;
    font-size: 16px;
    font-weight: 400;
    color: #37475A;
    line-height: 32px;
}
.show .right .list_item .list-type{
    height: 32px;
  }
.product_characteristics{
    height: 808px;
    background: #F3FAFF;
    padding-top: 80px;
    padding-bottom: 60px;
}
.product_characteristics .proc_title{
    height: 40px;
    font-size: 36px;
    font-weight: 500;
    color: #1A2736;
    line-height: 40px;
    margin: 0 auto;
    text-align: center;
}
.product_characteristics .proc_content{
    width: 649px;
    margin: 0 auto;
    margin-top: 80px;
}
.product_characteristics .proc_content .desc_item{
    margin-bottom: 48px;
}
.product_characteristics .proc_content .desc_item  .desc_title{
    display: flex;
    margin-bottom: 20px;
}
.product_characteristics .proc_content .desc_item  .desc_title i{
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 20px;
}
.product_characteristics .proc_content .desc_item  .desc_title .cptx_icon{
    background-image: url(/assets/images/selection/solution-RDS-cptx.svg);
}
.product_characteristics .proc_content .desc_item  .desc_title .icon1{
    background-position: 0px;
}
.product_characteristics .proc_content .desc_item  .desc_title .icon2{
    background-position: -30px;
}
.product_characteristics .proc_content .desc_item  .desc_title .icon3{
    background-position: -60px;
}
.product_characteristics .proc_content .desc_item  .desc_title p{
    height: 28px;
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #1A2736;
    line-height: 28px;
}
.product_characteristics .proc_content .desc_item .desc{
    width: 640px;
    height: 96px;
    font-size: 16px;
    font-weight: 400;
    color: #37475A;
    line-height: 32px;

}
#middle .application{
    background: linear-gradient(60deg, rgba(21,53,79,0.99) 0%, rgba(13,41,70,0.56) 100%);
    background-image: url(/assets/images/selection/solution-application-background.png);
    background-size: contain;
}
.application .app_title{
    height: 40px;
    font-size: 36px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 40px;
    padding-top: 80px;
    padding-bottom: 80px;
    margin: 0 auto;
    text-align: center;
}
.application .app_title p{
    padding-bottom: 80px;
}
.application .app_content{
    display: flex;
    padding-bottom: 120px;
    margin: 40px auto;
    width: 1080px;
}
.app_content .app_item{
 background: #FFFFFF;
 border-radius: 2px;
 opacity: 0.89;
 border: 1px solid #DAE0E6;
 margin-right: 20px;
}
.app_item .num{
    font-size: 36px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #52C4FF;
    line-height: 42px;
    margin: 32px 194px 8px 24px;
}
.app_item .app_itemTilte{
    height: 28px;
    font-size: 20px;
    font-weight: 500;
    color: #1A2736;
    line-height: 28px;
    margin: 0 0 12px 24px;
}
.app_item .app_desc{
    width: 207px;
    height: 90px;
    font-size: 16px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #5E6978;
    line-height: 30px;
    margin: 0 24px 78px 24px;

}
#middle #cases .case_title{
    height: 40px;
    font-size: 36px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #1A2736;
    line-height: 40px;
    margin: 0 auto;
    margin-top: 120px;   
    text-align: center; 
}
#cases .case_box{
    width: 780px;
    height: 296px;
    background: #E0F3FF;
    border-radius: 4px;
    cursor: pointer;
    margin: 0 auto;
    margin-top: 80px;
    margin-bottom: 120px;
}
#cases .case_box a{
    display: block;
}
#cases .case_box:hover{
    box-shadow: 0px 10px 20px 0px rgba(224,243,255,0.5), 
}
#cases .case_box .image{
    width: 136px;
    height: 92px;
    margin-left: 40px;
    margin-bottom: 20px;
    padding-top: 40px;
    transition: transform 0.3s linear;
}
#cases .case_box .case_desc{
    width: 700px;
    height: 84px;
    font-size: 16px;
    font-weight: 400;
    color: #37475A;
    line-height: 28px;
    text-shadow: 0px 10px 20px rgba(224,243,255,0.5);
    margin: 0px 40px 40px 40px;
}
#cases .case_box .more{
    display: flex;
    transition: transform 0.3s linear;
}
#cases .case_box .moreHover{
    transform: translateX(5px);
}
#cases .case_box .more span{
    width: 56px;
    height: 20px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #007FDF !important;
    line-height: 20px;
    text-shadow: 0px 10px 20px rgba(224,243,255,0.5);
    margin: 0px 18px 40px 40px;
}
#cases .case_box .more img{
    vertical-align: top;
    margin-left: -4px;
    margin-top: 7px;
}
@media screen and (max-width:980px){
  #header { 
      padding-bottom: 60px;
    }
    #middle .project_architecture img {
        transform: translateX(-3px) translateY(-18px) scale(0.9);
      }
      .header_title_wrap {
        width: unset;
      }
      .header_title {
        height: unset;
        font-size: 24px;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 30px;
        margin-bottom: 15px;
        text-align: center;
      }
      .header_title_wrap p{
        font-size: 14px;
        line-height: 22px;
        height: unset;
        width: 86%;
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px;
      }
      #middle .project_architecture {
        margin-top: 60px;
        height: unset;
      }
      #middle .project_architecture img {
        display: block;
        width: 90%;
        height: unset;
        margin: 0 auto;
      }
      #middle .project_architecture .title{
        margin-bottom: 30px;
        font-size: 24px;
        line-height: 30px;
        height: unset;
        width: 80%;
      }
      #middle .project_Highlights {
        margin-top: 60px;
        margin-bottom: 60px;
      }
      #middle .project_Highlights .title {
        margin-bottom: 30px;
        font-size: 24px;
        line-height: 30px;
        height: unset;
        width: 80%;
      }
      .project_Highlights .content {
        display: flex;
        margin: 0 auto;
        flex-wrap: wrap;
        width: 80%;
        justify-content: center;
      }
      .project_Highlights .content .item{
        margin-right: unset;
      }
      .project_Highlights .content .add {
        margin-left:unset ;
        margin-right: 50px;
      }
      .project_Highlights .content .item .item_title p {
        height: unset;
        font-size: 18px;
        font-weight: 500;
        color: #1A2736;
        line-height: 24px;
        margin-top: unset;
      }
      .project_Highlights .content .item .des {
        width: 240px;
        height: unset;
        font-size: 14px;
        font-weight: 400;
        color: #5E6978;
        line-height: 32px;
        margin-bottom: 30px;
      }
      .project_Highlights .content .item .item_title i {
        height: 24px;
        width: 24px;
        display: inline-block;
        margin-right: 6px;
        margin-top: unset;
      }
      .project_Highlights .content .item .item_title .item_icon {
        background-image: url(/assets/images/selection/solution-RDS-fald-pc.svg);
      }
      .project_Highlights .content .item .item_title .icon1 {
        background-position: 0;
      }
      .project_Highlights .content .item .item_title .icon2 {
        background-position: -24px;
      }
      .project_Highlights .content .item .item_title .icon3 {
        background-position: -48px;
      }
      .project_Highlights .content .item .item_title .icon4 {
        background-position: -72px;
      }
      .project_Highlights .show {
        width: 80%;
        margin: 0 auto;
        display: block;
      }
      .project_Highlights .show .left{
        margin: 0 auto;
        margin-bottom: 30px;
      }
      .product_characteristics {
        height: unset;
        background: #F3FAFF;
        padding-top: 30px;
      }
      .project_Highlights .show .right {
        width: 65%;
        height: unset;
        margin:0 auto;
      }
      .show .right .hr {
        width: 85%;
        height: 1px;
        border: 0.5px solid #CBEDFF;
        margin-left: 28px;
        margin-right: 28px;
      }
      .show .right .right_title .icon5 {
        background-position: -96px;
      }
      .show .right .right_title .item_icon {
        background-image: url(/assets/images/selection/solution-RDS-fald-pc.svg);
      }
      .show .right .right_title i {
        height: 24px;
        width: 24px;
        display: inline-block;
        margin-right: 6px;
        margin-top: unset;
      }
      .show .right .right_title {
        display: flex;
        margin: 30px 0 6px 28px;
    }
      .show .right .right_title p {
        height: unset !important;
        font-size: 18px;
        font-weight: 500;
        color: #1A2736;
        line-height: 24px;
        margin-top: unset;
      }
      .show .right .des {
        width: unset;
        height: unset;
        font-size: 14px;
        font-weight: 400;
        color: #5E6978;
        line-height: 22px;
        margin-left: 28px;
        margin-right: 28px;
        margin-bottom: 15px;
      }
      .show .right .list {
        margin-top: 15px;
        margin-bottom: 30px;
      }
      .show .right .list_item {
        display: flex;
        margin-left: 28px;
        margin-bottom: 10px;
      }
      .show .right .list_item i {
        height: 12px;
        width: 12px;
        display: inline-block;
        margin-right: 6px;
        margin-top: 6px;
      }
      .show .right .list_item p {
        width: 85%;
        height: unset;
        font-size: 14px;
        font-weight: 400;
        color: #5E6978;
        line-height: 22px;
      }
      .show .right .list_item .list-type{
        height: unset;
      }
      .show .right .list_item .item_icon {
        background-image: url(/assets/images/selection/solution-RDS-fald-pc.svg);
      }
      .show .right .list_item .icon6 {
        background-position-x: -120px;
        background-position-y: 0px;
      }
      .product_characteristics .proc_title {
        height: unset;
        font-size: 24px;
        font-weight: 500;
        color: #1A2736;
        line-height: 30px;
        margin: 0 auto;
        text-align: center;
      }
      .product_characteristics .proc_content {
        width: 70%;
        margin: 0 auto;
        margin-top: 30px;
        /* margin-bottom:60px; */
      }
      .product_characteristics .proc_content .desc_item .desc_title {
        display: flex;
        margin-bottom: 10px;
      }
      .product_characteristics .proc_content .desc_item .desc_title i {
        width: 22px;
        height: 22px;
        display: inline-block;
        margin-right: 6px;
        margin-top: 1.5px;
      }
      .product_characteristics .proc_content .desc_item .desc_title .cptx_icon {
        background-image: url(/assets/images/selection/solution-RDS-cptx-pc.svg);
      }
      .product_characteristics .proc_content .desc_item .desc_title .icon1 {
        background-position: 0px;
      }
      .product_characteristics .proc_content .desc_item .desc_title .icon2 {
        background-position: -22px;
      }
      .product_characteristics .proc_content .desc_item .desc_title .icon3 {
        background-position: -44px;
      }
      .product_characteristics .proc_content .desc_item .desc_title p {
        height: unset;
        font-size: 18px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #1A2736;
        line-height: 24px;
      }
      .product_characteristics .proc_content .desc_item .desc {
        width: unset;
        height: unset;
        font-size: 14px;
        font-weight: 400;
        color: #5E6978;
        line-height: 22px;
      }
      .product_characteristics .proc_content .desc_item {
        margin-bottom: 15px;
      }
      .application .app_title p {
        padding-bottom: 60px;
      }
      .application .app_title {
        height: unset;
        font-size: 24px;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 30px;
        padding-top: 60px;
        padding-bottom: 30px;
        margin: 0 auto;
        text-align: center;
      }

      .application .app_title p {
        padding-bottom: unset;
      }
      .application .app_content {
        display: flex;
        padding-bottom: 60px;
        margin: 0px auto;
        width: 80%;
        flex-wrap: wrap;
        justify-content: center;
      }
      .app_content .app_item {
        background: #FFFFFF;
        border-radius: 2px;
        opacity: 0.89;
        border: 1px solid #DAE0E6;
        /* margin-right: unset; */
        width: 315px;
        margin-bottom: 15px;
        height: 170px;
      }
      .app_item .num {
        font-size: 22px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #52C4FF;
        line-height: 30px;
        margin: 15px 282.5px 10px 10px;
      }
      .app_item .app_itemTilte {
        height: unset;
        font-size: 18px;
        font-weight: 500;
        color: #1A2736;
        line-height: 24px;
        margin: 0 0 10px 10px;
      }
      .app_item .app_desc {
        width: unset;
        height: unset;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #5E6978;
        line-height: 22px;
        margin: 0 10px 15px 10px;
      }
      #middle .application {
        background: linear-gradient(60deg, rgba(21,53,79,0.99) 0%, rgba(13,41,70,0.56) 100%);
          background-position-x: 0%;
          background-image: linear-gradient(60deg, rgba(21, 53, 79, 0.99) 0%, rgba(13, 41, 70, 0.56) 100%);
        background-image: url(/assets/images/selection/solution-application-background.png);
        background-position-x: center;
      }
      #middle #cases .case_title{
        margin-top: 60px;
      }
      #cases .case_box{
        margin-top: 30px;
        margin-bottom: 60px;
        width: 70%;
        height: unset;
      }
      #cases .case_box .image{
        width: 19%;
        height: 20%;
        margin-left: 10px;
        margin-bottom: 10px;
        padding-top: 15px;
      }
      #cases .case_box .case_desc {
        width: 100%;
        height: unset;
        font-size: 14px;
        font-weight: 400;
        color: #5E6978;
        line-height: 22px;
        text-shadow: 0px 10px 20px rgba(224,243,255,0.5);
        padding: 0px 10px 15px 10px;
        margin: unset;
      }
      #cases .case_box .more {
        display: flex;
        transition: transform 0.3s linear;
        padding-bottom: 15px;
      }
      #cases .case_box .more span {
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #007FDF !important;
        line-height: 20px;
        text-shadow: 0px 10px 20px rgba(224,243,255,0.5);
        margin: 0px 15px 15px 10px;
      }
}
@media screen and (max-width:837px){
    .app_content .app_item{
        margin-right: unset;
    }
    .application .app_content{
        width: 75%;
    }
    .project_Highlights .show .right{
      width: 70%;
    }
}
@media screen and (max-width:724px){
  .project_Highlights .content .item .des{
    width: 230px;
  }

}
@media screen and (max-width:700px){
  .project_Highlights .content .item .des{
    width: 220px;
  }
  .project_Highlights .show .right {
    width: 84%;
  }
}
@media screen and (max-width:696px){
  .project_Highlights .content .item .des{
    width: 220px;
  }
}
@media screen and (max-width:675px){
  .project_Highlights .content .item .des{
    width: 210px;
  }
}
@media screen and (max-width:650px){
  .project_Highlights .content .item .des{
    width: 200px;
  }
}
@media screen and (max-width:625px){
  .project_Highlights .content .item .des{
    width: 190px;
  }
}
@media screen and (max-width:600px){
  .project_Highlights .content .item .des{
    width: 180px;
  }
}
@media screen and (max-width:587px){
    .show .left img{
      transform: translateX(-2%) translateY(-51px) scale(0.8);
    }
    .project_Highlights .show .left {
      height: 428.71px;
    }
  .project_Highlights .show .right {
      width: 85%;
    }
    #cases .case_box .image{
      width: 29%;
    }

}
@media screen and (max-width:575px){
  .project_Highlights .content .item .des{
    width: 170px;
  }
}
@media screen and (max-width:510px){
  .show .left img{
    transform: translateX(-6%) translateY(-36px) scale(0.8);
  }
}
@media screen and (max-width:488px){
  .project_Highlights .content .item .des{
    width: 160px;
  }
}
@media screen and (max-width:463px){
  .project_Highlights .content .item .des{
    width: 150px;
  }
}
@media screen and (max-width:437px){
  .project_Highlights .content .item .des{
    width: 140px;
  }
}
@media screen and (max-width:460px){
  .show .left img{
    transform: translateX(-10%) translateY(-36px) scale(0.8);
  }
}
@media screen and (max-width:425px){
    .header_title {
        height: unset;
        font-size: 24px;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 30px;
        text-align: center;
        width: 84%;
        margin: 0 auto;
        margin-bottom: 15px;
      }
    #middle .project_architecture{
        margin-top: 60px;
        height: 248px;
    }
    #middle .project_architecture img{
        display: block;
        width: 315px;
        height: 186px;
        margin: 0 auto;
        transform: unset;
    }
    .project_Highlights .content .add{
      margin-right: 15px;
    }
    .project_Highlights .content .item{
      margin-right: unset;
    }
    .project_Highlights .show {
        width: 85%;
        margin: 0 auto;
        display: block;
    }
    .project_Highlights .show .left {
        width: 315px;
        height: 356.5px;
      }
    .show .left img{
        transform: unset;
    }
      .project_Highlights .show .right {
        width: 315px;
        height: 402px;
        margin: 0 auto;
      }
      .show .right .hr{
        width: 285px;
        margin: 0 auto;
        border: 0.9px solid #CBEDFF;
      }
      .show .right .list_item p{
        width: 267px;
      }
      .show .right .list_item {
        display: flex;
        margin-left: 15px;
        margin-bottom: 10px;
      }
      #cases .case_box{
        width: 315px;
        height: 245px;
      }
      #cases .case_box .image {
        width: 104.5px;
        height: 50px;
      }
      .project_Highlights .content{
        width: 84%;

      }
      .project_Highlights .content .add{
        margin-right: 10px;
      }
      .project_Highlights .content .item .des{
        width: 150px;
      }
}
@media screen and (max-width:360px){
  .project_Highlights .content .add {
    margin-right: unset;
  }
}