.banner-section{
    min-width: 1240px;
    background: url(/public/img/a02390df5f2d8403d86069806b618f95f4b7ba6e1d0a0-PCGUsR.png) no-repeat top center / cover;
    height: 480px; 
    padding-top: 156px;    background-color: #162850;
    color: #FFFFFF;
}
.banner-title{
    font-family: fz;
    font-size: 60px;
    font-weight:400;
    line-height: 1;
    margin-bottom: 24px;
}
.banner-text{
    font-size: 24px;
    line-height: 1;
}
.banner-section .banner-btn{
    width: 120px;
    margin: 56px 0 20px;
    font-size: 14px;
    line-height: 1;
    padding: 14px 0;
}
.banner-section .banner-tip{
    font-size: 13px;
    line-height: 1;
    margin: 0;
}

.com_crumb{
    margin: 48px 0 24px; color: #333333;
}
.com_crumb .com_crumb_link::after{border-color: #333;}

/* main{background-color: #F9F9F9;} */
.container .float_l{width:920px;}
.container .float_r{width:300px;}

.list-nav-cont{border-bottom: 1px solid #DADADA;margin-bottom: 24px;position: relative;}
.list-nav-item{
    padding: 24px 0 18px;
     margin-right: 48px;
    font-size: 24px; font-family: Microsoft YaHei;
    color: #000000; line-height: 1; display: inline-block;
}
.list-nav-item a{color: inherit;}
.list-nav-item.active,
.list-nav-item:hover{font-weight: 600;position: relative;}
/* .list-nav-cont::after */
.list-nav-item.active::after
{
    content: "";
    /* width: 100px; */ width:100%;
    height: 3px; position: absolute;
    background: #3269FF; bottom: -1px; left: 0;
    border-radius: 2px; -webkit-transition: left ease .2s; transition: left ease .2s;
}

.list-main .list-item{padding: 12px 0;}
.list-main .article-img-link{
    width: 180px; float: left; float: left;
    height: 112.5px; overflow: hidden;
}
.list-main .article-img-link .img{ width: 100%; height: 100%;-o-object-fit: cover;object-fit: cover;}
.list-item-right{
    margin-left: 205px;
}
.list-main .list-item-top{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.list-main .list-item-top .article-title{position: relative;}
.list-main .list-item-top .article-title .article-link{
    font-size: 18px; padding: 13px 0 19px; max-width: 450px;
    font-family: Microsoft YaHei; white-space: nowrap; overflow: hidden;
    font-weight: bold; text-overflow: ellipsis;
    color: #000000; line-height: 24px;display: block;
}
.list-main .list-item-top .article-title::after{
    content: ""; position: absolute;
    width: 48px;  height: 4px;
    background-color: #3269FF;  border-radius: 2px;
    bottom: 0;left: 0;
}
.list-main .list-item-top .view{
    font-size: 14px;    color: #999999;    line-height: 24px;
}
.list-main .list-item-top .view .article-time{
    margin-left: 36px; padding-left: 24px;
    background: url(/public/img/icon-time.png) no-repeat left center / 18px;
}
.list-main  .list-item-right .article-desc{
    font-size: 16px; margin-top: 14px;
    color: #333333; line-height: 20px;
}
.case-item-text-num{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 15px;
    color: #7B7B7B;
}
.case-item-text-num .number-wd{color:#333;font-family: "FZLTZHJW";}
.float_l .case-item-text-num{
    margin-bottom: 50px; margin-top: 50px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;
}
.float_l .case-item-text-num>div{
    padding: 0 80px;     border-right: 1px solid #eee;
}
.float_l .case-item-text-num>div:nth-last-child(1){
    border-right: none;
}
.float_l .case-item-text-num>div:nth-child(1){
    padding-left: 0; border-right: 1px solid #eee;
}
.float_l .case-item-text-num .number-wd{
    line-height: 2; font-size: 28px;
    margin-bottom: 25px;
}
.float_l .case-item-text-num .number-text{
    line-height: 2; font-size: 14px;
    margin-bottom: 12px; 
}


.container .float_r form {
	position:relative;
	width:100%;
	margin-top:24px;
} 
.bar6 select{
	display:none;
}
.bar6 input {
	width:100%;
	height:42px;
	border:2px solid #3269FF;
	border-radius:5px;
	background:transparent;
	top:0;
	right:0;
}
.bar6 button {
	height:42px;
	width:42px;
	cursor:pointer;
	position:absolute;
	background:#ffffff;
	background-image: url(/public/img/icon-find.png);
    background-repeat: no-repeat;
    background-position: center;
	border:none;
	top:2px;
	right:0;
	padding:0px;
}
.article-right-cont .list-title{border-bottom: 1px solid #DADADA;margin-bottom: 24px; margin-top:16px;position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.article-right-cont .list-title .rec-title{
    padding: 24px 0 18px;
     margin-right: 48px; font-weight: 600;
    font-size: 24px; font-family: Microsoft YaHei;
    color: #000000; line-height: 1; display: inline-block;
}
.article-right-cont .list-title::after{
    content: "";width: 100px;
    height: 3px; position: absolute;
    background: #3269FF; bottom: -2px; left: 0;
    border-radius: 2px; -webkit-transition: left ease .2s; transition: left ease .2s;
}
.article-right-cont .list-title .rec-more{
    font-size: 16px;
    font-family: Microsoft YaHei;
    color: #3269FF;
    line-height: 24px;
}
.article-right-cont .list-title .rec-more:hover{text-decoration: underline;}
.article-right-cont .rec-list-cont{
    margin-bottom: 16px;
}
.case-list{border-radius: 12px;overflow: hidden;
    margin-bottom: 24px;
    -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
}
.case-list:hover{
    -webkit-box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
            box-shadow: 0 2px 5px rgb(0 0 0 / 15%);
}
.case-item{
    background-color: #fff;
}
.article-right-cont .rec-list-cont .case-img-cont .img{
    display: block;
    margin: auto;    width: 100%;
}
.article-right-cont .rec-list-cont .case-item-text-cont{
    padding: 20px; background-color: #fff;
    color: #000000;
}
.article-right-cont .rec-list-cont .case-item-title{
    font-size: 18px;
    font-weight: bold; margin-bottom: 5px;
    line-height: 30px;
}
.article-right-cont .rec-list-cont .case-item-desc{
    font-size: 14px; 
    /* margin: 12px 0 32px; */
    line-height: 20px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.article-right-cont .rec-list-cont .case-item-title:hover{color: var(--theme-color)}
.article-right-cont .rec-list-cont .case-item-tags{
    padding: 5px 0 15px;
    border-bottom: 1px solid #eee;
    color: #7B7B7B;
}
.article-right-cont .rec-list-cont .case-item-tag{
    margin-right: 12px;
}
.article-right-cont .case-item-text-num{
    padding-top: 15px;
    color: #7B7B7B;
    font-size: 12px;
    /* background-color: #fff; */
    /* border-top: 1px solid #eee; */
    /* margin-top: 15px; */
}
.article-right-cont .case-item-text-num .number-wd{font-size: 20px;}


@media screen and (max-width:768px) {
    body{background-color: #f9f9f9;}
    .banner-section{
        min-width: auto;
        height: 64vw; text-align: center;
        background-image: url(/public/img/a02390df5f;u4dfsga86069806b618f95f4b7ba6e1d0a0-PCGUsR.png);
        padding-top: 30vw;
    }
    .banner-title{
        font-size: 28px; margin-bottom: 18px;
    }
    .banner-text{
        font-size: 12px;
    }
    .com_crumb{
        margin: 24px 0;
    }
    
    /* main{background-color: #F9F9F9;} */
    .container .float_l{width:100%}
    .container .float_r{width:100%}
    
    .list-nav-cont{margin-bottom: 15px;}
    .list-nav-item{
        padding: 8px 0 14px;
        margin-right: 32px;
        font-size: 18px; 
    }
    .list-nav-cont::after{
        width: 76px;
        height: 2px; 
    }
    
    .list-main .list-item{padding: 9px 0;}
    .list-main .article-img-link{
        width: 90px; height: 70px;
    }
    .list-item-right{
        margin-left: 110px;
    }
    .list-main .list-item-top .article-title .article-link{
        font-size: 15px; padding: 0 0 10px; max-width: auto; line-height: 19px;
    }
    .list-main .list-item-top .article-title::after{
        width: 24px;  height: 2px;
    }
    .list-main .list-item-top .view{
        display: none;
    }
    .list-main  .list-item-right .article-desc{
        font-size: 12px; margin-top: 10px; line-height: 15px;
        display: -webkit-box; -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden; text-overflow: ellipsis;
    }


    .float_l .case-item-text-num{
        margin-bottom: 25px; margin-top: 25px;
    }
    .float_l .case-item-text-num>div{
        padding: 0 32px;
    }
    .float_l .case-item-text-num>div:nth-child(1){padding-left: 0;}
    .float_l .case-item-text-num>div:nth-last-child(1){padding-right: 0;}
    .float_l .case-item-text-num .number-wd{
        font-size: 18px;
        margin-bottom: 0px;
    }
    .float_l .case-item-text-num .number-text{
        font-size: 12px;
    }

    .container .float_r form {
	    margin-top:0px;
    } 
    .article-right-cont .list-title{margin-bottom: 12px;}
    .article-right-cont .list-title .rec-title{
        padding: 20px 0 12px;
        font-size: 18px; 
    }
    .article-right-cont .list-title::after{
        width: 76px;
        height: 2px; bottom: -1px; 
    }
    .article-right-cont .list-title .rec-more{
        font-size: 12px;
        line-height: 18px;
    }
    .article-right-cont .rec-list-cont{
        margin-bottom: 8px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .article-right-cont .rec-list-cont .rec-list-item{
        padding: 12px 0;
    }
    .article-right-cont .rec-list-cont .rec-list-title{
        font-size: 14px;  margin-bottom: 8px;
    }
    .article-right-cont .rec-list-cont .rec-list-time{
        padding-left: 14px; font-size: 12px;
        background: url(/public/img/icon-time.png) no-repeat left center / 9px;
    }    
    
}

@media screen and (max-width:590px) {
    .article-right-cont .rec-list-cont{
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}





/* 详情 */
.case-section .container .float_l{width:860px;}
.case-section .container .float_r{width:290px;}
.com_crumb.yx_details{margin: 116px 0 24px; color: #aaa;}
.yx_details.com_crumb .com_crumb_link::after{border-color: #aaa;}
.com_crumb.yx_details .container{font-size: 12px;}

.case-section .container{
    padding: 14px 0 64px;
    background: #FFFFFF;
    border-radius: 6px;
}
.case-section .article-title{
    font-size: 28px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #333333;
    line-height: 2;
    margin-bottom: 24px;

}
.case-section .article-info{
    /* padding-bottom: 24px;  */
    font-size: 12px;
    line-height: 2;
    margin-bottom: 25px; color: #999999;
    /* border-bottom: 1px solid #eee; */
}
.case-section .article-content{
    line-height: 1.8rem;
    font-size: 16px;
    font-weight: 400;
    color: #666666;
}
.case-section .article-content h6{
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 600;
}
.case-section .article-content p,.case-section .article-content ol{
    line-height: 2;
    margin-bottom: 25px;
}
.case-section .article-content img{
    max-width:100%;
    /* min-width:100%;height: auto!important; */
}
.case-section .article-content a{
	width:70%;
	text-align:center;
	display: block;
    margin: 10px auto;
    padding: 15px 0px;
    border: 1px solid #cccccc;
    letter-spacing: 0.1rem;
}
.case-section .article-footer a:hover{
	color:#3269FF;
}
.case-section .article-info .article-info-item{
    /* margin-left: 24px;  */
	padding-left: 24px;
	/* border-left:1px solid #eee; */
}
.case-section .article-right-cont .list-title .rec-title{padding-top: 0;}
div#pdfCont{margin-top:24px}
div#pdfCont img {
    width: 100%;
}
.case-section .article-footer p{
	width:90%;
	margin-top:12px;
	background: #FAFAFA;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 400;
    color: #444444;
    line-height: 4rem;
	padding-left:12px;
}

.connect-section .container{
    height: 780px;
    background: url(/public/img/anli-connect-bg.png) no-repeat  0 203px;
}
.connect-section .connect-inner{
    padding: 80px 100px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 7px 16px 0px rgb(50 105 255 / 14%);
            box-shadow: 0px 7px 16px 0px rgb(50 105 255 / 14%);
    border-radius: 16px;
    float: right;    margin-top: 52px;
}
.connect-section .connect-form-tt{
    font-size: 30px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    text-align: center;
    line-height: 1;
}
.connect-section .connect-form-t2{
    margin-top: 16px;
    margin-bottom: 36px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #666666;
    text-align: center;
    line-height: 1;
}
.connect-section .form-line{
    position: relative;
    width: 360px;
    height: 48px;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    margin-top: 18px;
}
.connect-section .form-line .input-tip{
    position: absolute;
    font-size: 16px;
    top: 16px; left: 18px;
    color: #666666;
    line-height: 1;
    pointer-events: none;
}
.connect-section .form-line .input-tip::before{
    content: "*";
    color: #f00;
    margin-right: 4px;
}
.connect-section .form-line input:focus ~ label,
.connect-section .form-line input:valid ~ label{
    display: none;
}
.connect-section .form-line input {
    width: 100%;
    height: 100%;
    padding: 6px 18px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: none;
}
.connect-section .city-picker-span{
    border: none; padding-left: 13px;
    /* margin-top: 6px; */
}
.connect-section .connect-btn{
    width: 360px;
    padding: 16px 0;
    background: #3269FF;
    border-radius: 2px;
    margin-top: 24px;
    margin-bottom: 36px;
}
.connect-section .form-info{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.connect-section .form-info .form-info-tel{
    padding-left: 32px;
    font-size: 18px;
    font-family: FZZYJW--GB1-0;
    color: #000000;
    line-height: 24px;
    background: url(/public/img/icon-tel-ac.png) no-repeat left center / contain;
}
.connect-section .form-info .form-info-time{
    font-size: 14px;
    color: #000000;
    line-height: 24px;
}




@media screen and (max-width:768px) {

    .yx_details.com_crumb{margin: 86px 0 24px;}

    .case-section .container{
        padding: 0; background-color: transparent;
    }
    .case-section .container .float_l{width:100%;}
    .case-section .container .float_r{width:100%;}
    .case-section .float_l{ 
        padding: 40px 18px;
        border-radius: 3px; background-color: transparent;
        margin-bottom: 36px; background-color: #fff;}
    .case-section .article-title{
        font-size: 20px;
        padding-bottom: 16px;
        line-height: 1.6rem;
        text-align: center;
    }
    .case-section .article-info{
        font-size: 12px;
        margin-bottom: 36px;
    }
    .case-section .article-info .article-info-time{
        margin-left: 24px; padding-left: 14px; 
        background: url(/public/img/icon-time.png) no-repeat left center / 9px;
    }
    .case-section .article-content{
        font-size: 14px;
    }
	.case-section .article-content img{
		width: 100% !important;
        height: auto !important;
	}
	.case-section .article-footer p{
		overflow:hidden;
		white-space: nowrap;
         width: 100%;
	}
	.case-section .article-info span{
		display: block;
        text-align: center;
	}
	.case-section .article-info .article-info-item{
        display: inline;
        margin-left: 16%;
        line-height: 1.8rem;
        padding-left: 0px;
        border-left: none;
	}
	.case-section .article-content{
		line-height:1.6rem;
	}
	.article-right-cont{
		clear:both;
    }
    .case-list{
        width: 290px; display: inline-block;
    }
    .article-right-cont .rec-list-cont .case-img-cont .img {
        height: 120px;
        -o-object-fit: cover;
           object-fit: cover;
    }
    .article-right-cont .rec-list-cont .case-item-title{
        font-size: 15px;
        line-height: 1.5;
    }
    .article-right-cont .rec-list-cont .case-item-desc{font-size: 13px;}
    .article-right-cont .case-item-text-num .number-wd {
        font-size: 15px;
    }


    
    .connect-section .container{
        height: 710px;
        background: url(/public/img/anli-connect-bg.png) no-repeat center 52px / 50vw;
        background-color: #fff;
    }
    .connect-section .connect-inner{
        padding: 40px 50px;
        border-radius: 8px;
        float: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content;
        margin: 246px auto;max-width: 100%;
    }
    .connect-section .connect-form-tt{
        font-size: 18px;
    }
    .connect-section .connect-form-t2{
        margin-top: 8px;
        margin-bottom: 18px;
        font-size: 14px;
    }
    .connect-section .form-line{
        max-width: 360px;
        height: 32px;
        margin: 12px auto 0;
        width: auto;
    }
    .connect-section .form-line .input-tip{
        font-size: 12px;
        top: 10px; left: 12px;
    }
    .connect-section .form-line input {
        padding: 6px 12px;
    }
    .connect-section .city-picker-span{
        padding-left: 8px;
    }
    .connect-section .connect-btn{
        max-width: 360px;
        margin: 12px auto 18px;
        padding: 10px 0;
        width: auto;
        font-size: 12px;
    }
    .connect-section .form-info .form-info-tel{
        padding-left: 20px;
        font-size: 14px;
        line-height: 14px;
    }
    .connect-section .form-info .form-info-time{
        font-size: 12px;
        line-height: 1;
    }

}


/* 详情---图片弹出 */
.pdfCongLy img {width:100vw}
.layui-layer-dialog.pdfCongLy .layui-layer-content{padding:0;background-color: #000;}
.pdfCongLy .swiper-slide{height: 100vh;    text-align: center;
    background: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;}
.pdfCongLy .layui-layer-setwin{z-index: 1;}
.pdfCongLy .layui-layer-setwin .layui-layer-close2{right: 0;top: 0;}