.inner{
    width: 1240px;
    margin: 0 auto;
}
div{
    font-size: 14px;
    line-height: 26px;
}
.large-text{
    font-size: 20px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 20px;
}

.flex{
    display: flex;
}

.float-left{
    float: left;
}
.float-right{
    float: right;
}

.common_title{
    display: flex;
    justify-content:space-between;
    align-items: center;
    margin-top: 60px;
    font-size: 30px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 42px;
    margin-bottom: 20px;
}


.clearfix:after,.clearfix:before{
    display: table;
    content: "";
    clear: both;
    height: 0;
}
.clearfix{
    zoom: 1;
}
/*////////////////////////////////////*/

.news-contain{
    min-width: 1240px;
    width: 100%;
    background: #f4f7ff;
}
.company-news{
    width: 1080px;
    height: 192px;
    padding: 40px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 0 6px #000;
    margin-bottom: 34px;
}
.company-news img{
    width: 453px;
    height: 192px;
}
.company-news-text{
    padding: 10px 0 0 493px;
    font: 14px/21px "微软雅黑";
    color: #666;
}
.news-contain-right{
    width: 360px;
}
.news-right-title{
    padding: 0 10px;
    height: 56px;
    font: bold 18px/56px "微软雅黑";
    color: #25a6ff;
    background: #fff;
}
.news-right-title1{
    border-top: 20px solid #f4f7ff;
}
.news-right-title-icon{
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height:18px;
    background: #25a6ff;
    margin-left: 10px;
    margin-right: 5px;
}
.news-right-lists{
    background: #fff;
    padding: 0 10px;
}
.news-right-list{
    border-top: 1px solid #f4f7ff;
    padding: 10px 0;
    height: 90px;
    position: relative;
}
.news-right-list img{
    width: 120px;
    height: 90px;
}
.news-right-list1{
    height: 191px
}
.news-right-list1 img{
    width: 340px;
    height: 191px;
}
.news-right1-icon{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 46px;
    height: 27px;
    background: url(../images/cszx_all_imgs/Top1.png);
}
.news-right1-title{
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 52px;
    padding-top: 8px;
    background: rgba(0,0,0,0.5);
}
.news-right1-title-text{
    padding: 0 10px;
    font: 16px/24px "微软雅黑";
    color: #fff;
}
.news-right2-title{
    padding: 8px 0 0 20px;
    height: 52px;
    font: 16px/24px "微软雅黑";
    color: #333;
    /*新增：右侧新闻列表溢出隐藏*/
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-right2-title:hover{
    color: #25a6ff;
}
.news-right-time{
    height: 30px;
    font: 14px/30px "微软雅黑";
    color: #999;
    padding-left: 140px;
}
.news-right2-icon{
    position: absolute;
    top: 10px;
    left: 10px;
    width: 22px;
    height: 22px;
    background: #a2a2a2;
    font: 12px/22px "微软雅黑";
    color: #fff;
    text-align: center;
}
.news-right2-icon2{
    background: #ff7930;
}
/*////////////////////////////////////////*/

.news-contain-left{
    width: 860px;
}
.news-left3-lists{
    width: 100%;
    background: #fff;
}
.news-left3-list{
    font-size: 0;
    padding: 20px 20px;
    height: 180px;
    border-bottom: 1px solid #f4f7ff;
}
.news-left3-icon{
    width: 320px;
    height: 180px;
}
.news-left3-list:last-child{
    border-bottom: 0;
}
.news-left3-right{
    width: 432px;
    height: 170px;
    padding: 10px 28px 0 40px;
}
.news-left3-title{
    width: 432px;
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font: bold 16px/16px"微软雅黑";
    color: #222;
    margin-bottom: 18px;
}
.news-left3-title:hover{
    color: #25a6ff;
}
.news-left3-description{
    height: 90px;
    font: 12px/22px"微软雅黑";
    color: #999;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.meta{
    height: 14px;
    font: 12px/14px"微软雅黑";
    color: #999;
    margin: 12px 0 10px;
}
.dig{
    color: #ff5e33;
}
.dig-icon{
    width: 15px;
    height: 13px;
    margin: 1px 5px 0 0;
}
/*新增文章列表样式*/
.news-tag-keyword {
    font-size: 12px;
    color: #999;
}
.news-tag-keyword a {
    font-size: 12px;
    color: #999;
}
.news-tag-keyword a:hover {
    color: #2faaff;
}
.news-list-icon {
    display: inline-block;
    width: 12px;
    height: 14px;
    background: url(../images/cszx_all_imgs/icon_4.png) no-repeat;
    padding-right: 6px;
    vertical-align: bottom;
}
/*新增文章侧边*/
.news-right-keyword {
    font-size: 12px;
    color: #999;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: 18px;
    left: 200px;
}
.news-right-keyword a {
    font-size: 12px;
    color: #999;
}
.news-right-keyword a:hover {
    color: #2faaff;
}
/*新增侧边栏标签样式*/
.ad-tag {
    padding-left: 22px;
    background: #fff;
    padding-bottom: 22px;
    margin-top: 20px;
}
.ad-tag-title {
    padding: 24px 0 18px;
    font-size: 18px;
    font-weight: bold;
    color: #25a6ff;
}
.ad-tag-lists ul li {
    margin-right: 10px;
    margin-bottom: 10px;
}
.ad-tag-lists ul li a {
    display: block;
    font-size: 12px;
    color: #333;
    border: 1px solid #eaeaea;
    padding: 10px;
}
.ad-tag-lists ul li a:hover {
    color: #2faaff;
    background: #edf8ff;
    border: 1px solid #2faaff;
}
.ad-line {
    width: 6px;
    height: 18px;
    background: #25a6ff;
    margin-right: 8px;
}
.nav_wrap .nav .nav_right .nav5 a{
    color: #28a7e1!important;
}
/*广告位*/
.news-right-ad {
    width: 360px;
    height: 191px;
    background: #fff;
    margin-bottom: 20px;
}
.lists_title_wrap{
    width: 100%;
    height: 52px;
    background-color: #f4f7ff;
}
.lists_title_wrap .lists_title {
    width: 1240px;
    height: 52px;
    line-height: 52px;
    margin: 0 auto;
    padding-left: 20px;
    font-size: 12px;
    box-sizing: border-box;
}

.lists_title_wrap .lists_title a {
    color: #999;
    font-family: "微软雅黑";
}

.lists_title_wrap .lists_title span{
    margin: 0 2px;
    color: #999;
    font-family: "微软雅黑";
}/* 筛选列表标题 结束*/

.banner{
    width:100%;
    margin-top: 20px;
    min-width: 1240px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner-wrap {
    box-sizing: border-box;
    position: relative;
    padding-right: 32px;
    width: 1240px;
    height: 390px;
    background: url("../images/dljz_city/banner.png")  no-repeat;
    background-size: 1240px 390px;
}
.banner-warp-left{
    float: left;
    margin-top: 111px;
    margin-left: 69px;
}
.banner-warp-title{
    font-size: 50px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #153B9E;
    line-height: 70px;
}
.banner-warp-tag{
    width: 80px;
    height: 26px;
    margin-top: 20px;
    margin-left: 12px;
    color: white;
    font-size: 13px;
    line-height: 26px;
    text-align: center;
    background: linear-gradient(90deg, #3570FF 0%, #17BDFF 100%);
    border-radius: 2px;
}
.banner-wrap-desc{
    margin-top: 6px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #153A9D;
    line-height: 20px;
}
.banner-wrap-form{
    float: right;
    display: flex;
    flex-direction: column;
    align-items: center;
    width:292px;
    margin-top: 40px;
    height: 307px;
    background: url("../images/dljz_city/form.png") center center no-repeat;
}
.banner-wrap-form .title{
    margin-top: 30px;
    font-size: 20px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #333333;
    line-height: 28px;
}
.banner-wrap-form .desc{
    margin: 10px 0;
    font-size: 12px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #3474FF;
    line-height: 17px;
}
.banner-wrap-form input{
    margin-top: 12px;
    width: 239px;
    height: 44px;
    padding-left: 26px;
    background: #FFFFFF;
    border-radius: 24px;
    border: 1px solid #C7DAFF;
}
.banner-wrap-form .button{
    margin-top: 12px;
    width: 269px;
    height: 44px;
    background: linear-gradient(90deg, #3570FF 0%, #17BDFF 100%);
    border-radius: 24px;
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    border: 0px;
    line-height: 44px;
}
.selected-services-list{
    display: flex;
}

.select-services-banner{
    width: 320px;
    height: 442px;
    background: url("../images/dljz_city/select-banner.png") center center no-repeat;
}
.select_services_-banner-title{
    font-size: 20px;
    padding-top: 162px;
    padding-left: 39px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 28px;
}
.select_services_-banner-text{
    padding:18px 39px 0 39px;
    width: 242px;
    height: 144px;
    font-size: 14px;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 26px;
}

.select_services_-banner-button{
    display: block;
    width: 130px;
    height: 44px;
    border-radius: 4px;
    border: 1px solid #FFFFFF;
    filter: blur(0px);
    color: white;
    text-align: center;
    line-height: 44px;
    margin-left: 39px;
}

.select-services-warp{
    display: grid;
    margin-left: 22px;
    grid-template-columns: auto auto;/*有几列，每列有多大*/
    grid-template-rows: auto auto ; /*有几行，每行有多大*/
    grid-column-gap: 22px;
    grid-row-gap: 22px;
}
.select-services-warp-list{
    height: 210px;
    border-radius: 8px;
    display: flex;
    justify-content:space-between;
    padding: 0 24px;
    align-items: center;
}
.select-services-warp-list-content{
    margin-left: 18px;
    flex: 1;
    height: 122px;
    display: flex;
    flex-direction: column;
}
.select-services-warp-list-header{
    position: absolute;
    top: -12px;
    width: 60px;
    height: 26px;
    border-radius: 8px 0px 8px 0px;
    color: #ffffff;
    text-align: center;
    line-height: 26px;
}
.service-team-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 62px;
}
.service-team-card{
    width: 282px;
    height: 360px;
    border-radius: 8px;
    border: 1px solid #EEF5FD;
}
.service-team-content-title{
    font-size: 20px;
    font-weight: 500;
    margin: 27px 0 12px 27px;
}
.jxwd{
    padding-top: 1px;
    height: 610px;
    background:url("../images/dljz_city/jxwd.png") center center no-repeat;
}
.jxwd-button{
    width: 130px;
    height: 44px;
    border-radius: 4px;
    border: 1px solid #0081FF;
    filter: blur(0px);
    text-align: center;
    line-height: 44px;
    font-size: 16px;
    color: #0081FF;
}
.jxwd-content{
    display: grid;
    grid-template-columns: auto auto;/*有几列，每列有多大*/
    grid-template-rows: auto auto ; /*有几行，每行有多大*/
    grid-column-gap: 24px;
    grid-row-gap: 24px;
}
.jxwd-content-list{
    height: 190px;
    background: #FFFFFF;
    border-radius: 8px;
    box-sizing: border-box;
    padding: 32px;
}
.q-or-a{
    width: 24px;
    height: 24px;
    color: #ffffff;
    border-radius: 4px;
    margin-right: 10px;
    text-align: center;
    line-height: 24px;
}
.related-content{
    margin-bottom: 61px;
}
.related-content-question{
    width: 50%;
    margin-left: 50px;
}
.related-content-question-tag{
    padding: 10px 17px;
    border-radius: 40px;
    border: 1px solid #0081FF;
    color: #0081FF;
    margin-bottom: 22px;
    filter: blur(0px);
    margin-right: 12px;
    display: inline-block;
    white-space: pre-wrap;
}

.related-content-question-title{
    margin-top: 18px;
    margin-bottom: 16px;
    padding: 9px 16px;
    height: 40px;
    background: #EBF4FD;
    border-radius: 22px 22px 22px 2px;
    filter: blur(0px);
}

.related-content-list{
    width: 280px;
    height: 280px;
    border-radius: 8px;
    border: 1px solid #EEF5FD;
}
.related-content-list-text{
    margin: 18px 12px;
}
.more-city{
    padding: 20px 30px;
    margin-bottom: 80px;
    box-sizing: border-box;
    background: #F9F9F9;
    border-radius: 4px;
}
.city-list{
  margin-top: 17px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.city-list a{
   margin-right: 22px;
    display: inline-block;
    white-space: pre-wrap;
    color: #666666;
}
.city-list a:hover{
    color: #0F88FE;
}
.related-content-question-list ul{
    margin-top: 17px;
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: auto auto;/*有几列，每列有多大*/
    grid-template-rows: auto auto ; /*有几行，每行有多大*/
    grid-column-gap: 22px;
    grid-row-gap: 22px;
}
.related-content-question-list ul li{
    display: flex;
    align-items: center;
}
.related-content-question-link{
    max-width: 260px;
    margin-right: 12px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666666;
}
.related-content-question-list .tag{
    width: 24px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 4px;
    color: white;
}