.section-banner{
    position: relative;
}
.section-banner .img-box img{
    width: 100%;
}
.section-banner .index-banner-content{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;

}
.section-banner .index-banner-content .index-banner-title{
    font-size: 48px;
    font-weight: 700;
    text-align: left;
    color: #000000;
}
.section-banner .index-banner-content .index-banner-desc{
    margin-top: 25px;
    font-size: 28px;
    font-weight: 400;
    text-align: left;
    color: #000000;
}

/****************************************************************************/
.news-info-box{
    background:rgba(242, 247, 252, 0.79);
    height: 180px;
    display: flex;
    align-items: center;
}
.news-info-box .info-content-box{
    display:flex;
    align-items: center;
}
.news-info-box .info-content-box .left-box{
    width: 12.5%;
}
.news-info-box .info-content-box .left-box i{
   color:rgba(36, 104, 242, 1);
    margin-right: 20px;
}
.news-info-box .info-content-box .left-box a{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 22px;
}
.news-info-box .info-content-box .right-box{
    width:87.5%
}
.news-info-box  .article-title{
    font-size: 30px;
    font-weight: 600;
    color: #333333;
    padding:9px 0;
}
.news-info-box .article-time-box{
    margin-top: 11px;
    font-weight: 400;
    display: flex;
    align-items: center;
    color: rgba(51, 51, 51, 0.7);
}
.news-info-box .article-time-box .tag-box{
    min-width: 76px;
    line-height: 32px;
    background: #FFFFFF;
    border-radius: 4px;
    display:inline-block;
    text-align:center;
    margin-right:10px;
    color: rgba(51, 51, 51, 0.7);
}
/************************************************************************/
.section-news-box .main-box{

    margin-top: 40px;
}
.section-news-box .main-box .main-content-box{
    display: flex;
}

.section-news-box .left-main{
    width:12.5%;
    position: relative;
}
.section-news-box .main-content-box .left-main .download-btn{
    position:fixed;
    background: #ffffff;
    border-radius: 8px;
    padding: 5px;
}
.section-news-box .main-content-box .left-main .download-btn .icon-box{
    width: 54px;
    height: 54px;
    background: #2468F2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-news-box  .main-content-box  .left-main .download-btn .title{
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    margin-top: 15px;
}
/*********************************************************/
.section-news-box .right-main{
    flex: 1;
}
.section-news-box .right-main .content-box{
    font-size: 16px;
    line-height: 32px;
    padding-top: 10px;
    padding-bottom: 20px;
}

.section-news-box .hot-box{

    background: #FFFFFF;
    border-radius: 4px;
    border: 1px solid #EDEDED;
    margin-bottom: 54px;
    margin-top: 48px;
}
.section-news-box .hot-box .hot-title{
    padding-left: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 48px;
    border-bottom: 1px solid rgba(237, 237, 237, 1);
}
.section-news-box .hot-box .hot-content{
    display:flex;
    justify-content:space-between;
}
.section-news-box .hot-box .hot-content{
    padding:25px 30px
}
.section-news-box .hot-box .hot-content li{
    width: 32%;
}
.section-news-box .hot-box .hot-content li .img-box img{
    width:100%;
}
.section-news-box .hot-box .hot-content li .title{
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 24px;
    margin-top: 15px;
}
.section-news-box .hot-box .hot-content li:last-child:nth-child(3n - 1) {
    margin-right: calc(32% + 5.5% / 3);
}
.report-appointment-box{
    height: 258px;
    background:url("https://ec-img.eccang.com/tmswms/eccang/img/2022/06/09/ec_1654755757.png") no-repeat center;
    background-size:100% 258px;
    display: flex;
    align-items: center;
    text-align: center;
}
.report-appointment-box .title{
    font-size: 36px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 60px;
}
.report-appointment-box .btn-box a{
    width: 160px;
    line-height: 50px;
    background: #FFFFFF;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 500;
    color: #2468F2;
    text-align: center;
    display:inline-block;
    margin-top: 15px;
}
.report-paper{
    left:0 !important;
    right:0!important;
    top:0 !important;
    bottom:0!important;
    margin: auto;
}
#reportAppointmentFrom{
    padding-top: 40px;
}
#reportAppointmentFrom .report-appointment-title{
    padding: 0 15px;
    font-size: 18px;
    font-weight: 600;
}
#reportAppointmentFrom .content-box{
    display:flex;
    flex-wrap: wrap;
    justify-content:space-between;
    padding:20px;
}
#reportAppointmentFrom .content-box .layui-form-item{
    width:48%
}
#reportAppointmentFrom .layui-form-label{
    display: block;
    float: unset;
    padding: 0;
    width: unset;
    text-align: left;
}
#reportAppointmentFrom .layui-input-block{
  margin-left:unset;
}
#reportAppointmentFrom .layui-btn{
    width:100%;
    background: #2468F2;
}

.report-paper .layui-layer-setwin .layui-layer-close2 {
    right: -5px;
    top: -5px;
    width: 25px;
    height: 25px;
    margin-left: 0;
    background-position: unset;
}
.report-paper .layui-layer-ico {
    background: url(https://ec-img.eccang.com/www/eccang/img/2021/05/21/ec_1621574190.png) no-repeat;
    background-size: 100%;
    opacity: 0.25;
}
.report-paper .layui-layer-setwin .layui-layer-close2:hover{
    background-position:unset;
}
.report-paper .layui-layer-content{
    overflow:unset;
}

.pic-report-paper{
    left:0 !important;
    right:0!important;
    top:0 !important;
    bottom:0!important;
    margin: auto;
    background-color:unset!important;
    box-shadow: 1px 1px 50px rgba(0,0,0,0)!important;;
}
.pic-report-paper img.pic-img{
    margin-top: 30px;
}
.pic-report-paper .layui-layer-ico {
    background: url(https://ec-img.eccang.com/www/eccang/img/2021/05/21/ec_1621574190.png) no-repeat;
    background-size: 100%;
    opacity: 0.25;
}
.pic-report-paper .layui-layer-setwin .layui-layer-close2{
    right: -15px;
    top: -15px;
}
.pic-report-paper .layui-layer-setwin .layui-layer-close2:hover{
    background-position:unset;
}
.pic-report-paper .layui-layer-content{
    overflow:unset;
}

.report-paper .layui-layer-setwin .layui-layer-close2 {
    right: -5px;
    top: -5px;
    width: 25px;
    height: 25px;
    margin-left: 0;
    background-position: unset;
}
.report-paper .layui-layer-ico {
    background: url(https://ec-img.eccang.com/www/eccang/img/2021/05/21/ec_1621574190.png) no-repeat;
    background-size: 100%;
    opacity: 0.25;
}
.report-paper .layui-layer-setwin .layui-layer-close2:hover{
    background-position:unset;
}
.report-paper .layui-layer-content{
    overflow:unset;
}

.qrcode-paper{
    left:0 !important;
    right:0!important;
    top:0 !important;
    bottom:0!important;
    margin: auto;
}
.qrcode-paper .layui-layer-setwin .layui-layer-close2 {
    right: -5px;
    top: -5px;
    width: 26px;
    height: 26px;
    margin-left: 0;
    background-position: unset;
}
.qrcode-paper .layui-layer-ico {
    background: url(/pc/img/base/eccang_1658911484.png) no-repeat;
    background-size: 100%;
}
.qrcode-paper .content-box{
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;

}
.qrcode-paper .title {
    color: rgba(0,0,0,1);
    font-size: 24px;
    text-align: center;
    font-weight:500;
}
.qrcode-paper .qrcode-img{
    width:220px;
    height:220px;
    margin: 30px 0;
}
.qrcode-paper .information-box{
    color: rgba(122,120,120,1);
    font-size: 14px;
    font-weight:400;
    text-align: center;
}
.qrcode-paper .layui-layer-setwin .layui-layer-close2:hover{
    background-position:unset;
}
.qrcode-paper .layui-layer-content{
    overflow:unset;
}


.qrcode-paper .qrcode-img-download{
    width:300px;
    margin: 30px 0;
}