::-webkit-scrollbar{height: 4px !important;width: 0px !important;}
::-webkit-scrollbar-thumb {border-style: dashed;background-color: transparent;border-color: transparent;border-width: 2px;background-clip: padding-box;border-radius: 15px;}
::-webkit-scrollbar-thumb:hover {background: rgba(204,204,204,.4);}
::-webkit-scrollbar-corner {background-color: inherit!important;}
body{font-size: 1rem;}
.hidden{display:none !important;}
a:hover{color:var(--link-hover-color);}
.layui-nav,.layui-carousel{background: transparent;width: 100%;}
.layui-carousel>[carousel-item]:before{display: none;}
.layui-nav .layui-nav-item{cursor:pointer;}
.layui-tab{width:100%;}
.layui-fixbar{opacity: 0.9;}
.layui-fixbar li{margin-bottom: 5px;position: relative;}
.layui-fixbar li#scrollTop{display: none;}
.layui-fixbar li .detail{display: none;position: absolute;top:0;right:-250px;width: 300px;background-color: #26292f;font-size: 1rem;}
.layui-fixbar li:hover .detail1{display: inline-block;right: 50px;}
#portalContainer{width:100%;margin:auto;position: relative;}
#portalContainer .header{width:100%;position:fixed;z-index: 10;}
#portalContainer .header.bg{background: var(--header-bg-color);transition: .5s all;backdrop-filter: blur(60px);}
#portalContainer .header .content{width:var(--content-width);margin:auto;height:56px;display: flex;justify-content: space-between;align-items: center;position: relative;}
#portalContainer .header .content .navi-list{display:none;}
#portalContainer .header .content .layui-nav{width:70%;background: transparent;position: absolute;right:0;display: flex;justify-content: space-between;}
#portalContainer .header .logo img{height:32px;width: auto;}
#portalContainer .header .logo .name{color:var(--logo-font-color);line-height: 32px;margin-left: 10px;}
#portalContainer .main{background-color: var(--main-bg-color);min-height:360px;}
#portalContainer .footer{background-color: var(--footer-bg-color);color:var(--logo-font-color);font-size: 12px;}
#portalContainer .footer .content{width:var(--content-width);margin:auto;display: flex;justify-content:space-between;align-items: center;position: relative;padding: 20px 0 20px 0;}
#portalContainer .footer .logo{}
#portalContainer .footer .logo img{height:32px;width: auto;}
#portalContainer .footer .company{}
#portalContainer .footer .company .left{float: left;}
#portalContainer .footer .company .left .qrcode{width: 96px;height: 96px;}
#portalContainer .footer .company .right{float: left;margin-left: 20px;}
#portalContainer .footer .company .right div{padding:5px;}
#portalContainer .footer .link{padding: 0 20px;}
#portalContainer .footer .link .group{margin-bottom: 15px;}
#portalContainer .footer .link .item{padding: 5px 0;}
#portalContainer .footer .copyright{border-top: 1px solid var(--footer-line-color);}
#portalContainer .footer a{color:var(--logo-font-color);}
#portalContainer .content.caption{font-size: 1.6rem;color: var(--caption-font-color);font-weight: bold;text-align: center;margin-top: 20px;}
#portalContainer .content{width:var(--content-width);margin:auto;display: flex;justify-content:space-between;align-items: center;position: relative;padding: 10px 0 10px 0;}
#portalContainer .view .top{background: url("../../images/portal/home_ad_bg.jpg") no-repeat;background-size: 100% auto;width: 100%;height:300px;}
#portalContainer .view .top .title{color:#fff;font-size: 1.5rem;font-weight: bold;position: absolute;top:150px;left:100px;letter-spacing: 3px;}
/*****home******/
#portalContainer .home .ad{min-height:420px;background: url("../../images/portal/home_ad_bg.jpg") no-repeat;background-size: 100% 100%;}
#portalContainer .home .layui-carousel>[carousel-item]>*{background-color: transparent;text-align: center;}
#portalContainer .home .ad img{width:auto;height:100%;}
#portalContainer .home .ad .mask{position: absolute;width: 100%;height: 100%;background: url("../../images/portal/home_ad_mask.png") center center repeat;}
#portalContainer .home .ad video{width:100%;height:auto;object-fit: cover;}
#portalContainer .home .content.caption{font-size: 1.6rem;color: var(--caption-font-color);font-weight: bold;text-align: center;margin-top: 20px;}
#portalContainer .home .caption.news{margin-top: 10px;}
#portalContainer .home .content{width:var(--content-width);margin:auto;display: flex;justify-content:space-between;align-items: center;position: relative;padding: 10px 0 10px 0;}
#portalContainer .home .caption.news{margin-top: 10px;}
#portalContainer .home .news .head{width:32%;}
#portalContainer .home .news .head img{width:100%;height:auto;max-height:260px;object-fit:cover;border-radius: 20px;}
#portalContainer .home .news .head .title,#portalContainer .home .news .head .title a{font-weight: bold;padding:10px 0;}
#portalContainer .home .news .list{padding:10px 0;width:33%;}
#portalContainer .home .news .list .item{display: flex;justify-content: flex-start;padding: 8px 0;border-bottom: 1px dashed var(--caption-font-color);}
#portalContainer .home .news .list .item:first-child{padding-top:0;}
#portalContainer .home .news .list .item:last-child,#portalContainer .home .news .list .item.last{border-bottom: none;}
#portalContainer .home .news .list .time{position:relative;width:60px;height:36px;font-size:0.7rem;background: url("../../images/portal/news_list_time.png") no-repeat;background-size: 100% 100%;}
#portalContainer .home .news .list .time .date{position:absolute;top:3px;left:0;width: 100%;height:50%;text-align: center;}
#portalContainer .home .news .list .time .year{position:absolute;bottom:-3px;left:0;width: 100%;height:50%;text-align: center;color: #fff;}
#portalContainer .home .news .list .title{font-size: 1rem;vertical-align: middle;padding-left:15px;width: 100%;text-overflow: ellipsis;height: 36px;line-height: 36px;overflow: hidden;text-wrap: nowrap;}
#portalContainer .home .news .list .more{text-align: right;color:var(--caption-font-color);cursor: pointer;margin-top: 5px;}
#portalContainer .home .news .list .more a,#portalContainer .home .news .list .more i{color:var(--caption-font-color);}
#portalContainer .home #homeSolutions{min-height:420px;}
#portalContainer .home .solutions .layui-carousel>[carousel-item]{overflow: visible;}
#portalContainer .home .bg.solutions{background: url("../../images/portal/home_solution_bg.png") no-repeat;position: absolute;width: 100%;height:520px;background-size: 100% 100%;margin-top: 60px;}
#portalContainer .home .caption.solutions{margin-bottom:30px;}
#portalContainer .home .solutions .item{display: flex;justify-content: space-between;}
#portalContainer .home .solutions .solutionItem{width:40%;border-radius: 20px;position: relative;background-color: #fff;padding: 20px;background-image: url("../../images/portal/home_solution_item_f_bg.png");background-position: right bottom;background-repeat: no-repeat;background-size: auto 30%;}
#portalContainer .home .solutions .solutionItem .title{background: url("../../images/portal/home_solution_title_bg.png") no-repeat;background-size: 100% 100%;width: 70%;height:60px;line-height:60px;margin:-50px auto 0 auto;color:#fff;font-size: 1.1rem;font-weight: bold;}
#portalContainer .home .solutions .solutionItem .desc{padding:20px 50px;color:#26292f;line-height: 34px;text-align: left;}
#portalContainer .home .solutions .solutionItem .detail{text-align: left;margin: 30px 50px 0 50px;color:var(--link-color);cursor: pointer;}
#portalContainer .home .solutions .solutionItem .detail a{color:var(--link-color);}
#portalContainer .home .advantage .item{border-radius: 20px;width:20%;background: #fff;padding:20px;}
#portalContainer .home .advantage .item .title{text-align: center;color: #aaa;}
#portalContainer .home .advantage .item .val{text-align: center;font-size: 2rem;font-weight:bold;color: var(--link-color);padding:20px;}
#portalContainer .home .content.partner{display: flex;text-align: left;flex-wrap: wrap;}
#portalContainer .home .partner img{width:auto;height:80px;margin:20px 30px 20px 0;border-radius: 20px;}
/***************About*************/
#portalContainer .about .text{line-height: 36px;max-width: 60%;}
#portalContainer .about .intro img{width:560px;height:auto;padding-left:50px;}
#portalContainer .about .oration img{width:320px;height:auto;padding-left:50px;}
#portalContainer .about .content.culture{display: ruby-text;}
#portalContainer .about .culture .item{margin-right: 50px;}
#portalContainer .about .culture .item img{width:200px;margin-bottom: 20px;display: none;}
#portalContainer .about .culture .title{font-weight: bold;font-size: 1.2rem;margin:0 0 20px 0;}
#portalContainer .about .culture .text{width:360px;}
#portalContainer .about .content.leaders{display: flex;flex-wrap: wrap;}
#portalContainer .about .leaders .item{width:200px;padding: 0 30px 30px 0;}
#portalContainer .about .leaders img{width:200px;height:250px;}
#portalContainer .about .leaders .title{text-align: center;padding:20px 0;}
#portalContainer .about .honor .item{width:260px;padding: 0 30px 30px 0;}
#portalContainer .about .honor img{width:260px;height:200px;}
#portalContainer .about .honor .title{text-align: center;padding:20px 0;}
#portalContainer .about .content.history img{max-height: 200px;}
#portalContainer .about .content.honor,#portalContainer .about .content.culture{justify-content: flex-start;}
/***************News*************/
.layui-table-tips{background: transparent;}
#portalContainer .news .layui-table-header{display: none;}
#portalContainer .news .layui-table-view{border:none;}
#portalContainer .news .layui-table{background-color: transparent;}
#portalContainer .news .layui-table-cell{height:160px;border:none;padding-left: 0;font-size:1.2rem;font-weight: bold;}
#portalContainer .news .layui-table-cell img{max-width: 1000px;height:auto;width: 100%;}
#portalContainer .news td{border:none;}
#portalContainer .news tr.layui-table-hover{background-color: transparent;}
#portalContainer .news .layui-table-body .layui-none{display: none;}
/******************News Detail********************/
#portalContainer .news.detail .content{justify-content: center;}
#portalContainer .news.detail .content.title{ font-size: 1.5rem;  padding: 20px 0;}
#portalContainer .news.detail img{max-width: 80%;}
#portalContainer .news.detail .content.text{line-height: 34px;justify-content: left;}
/******************Solutions********************/
#portalContainer .solutions .list{width:20%;position: absolute;top:20px;border-radius: 20px;overflow: hidden;}
#portalContainer .solutions .list .item{padding:15px 20px;background-color: var(--list-item-bg-color);color:#ddd;text-align: center;cursor: pointer;}
#portalContainer .solutions .list .item.selected,#portalContainer .solutions .list .item:hover{background-color: var(--list-item-hover-bg-color);}
#portalContainer .solutions .detail{width:75%;position: relative;left:25%;top:20px;}
#portalContainer .solutions .detail .caption{font-size: 1.2rem;font-weight: bold;padding:0 0 20px 0;}
#portalContainer .solutions .detail .text{padding-bottom: 30px;}
#portalContainer .solutions .detail img{max-width: 100%;}
/******************Recruit********************/
#portalContainer .recruit .item{width:95%;border: 1px solid #ccc;padding:5%;background-color: #fff;box-shadow: 0px 0px 10px #aaa;margin-bottom: 30px;margin-right: 20px;border-radius: 20px;}
#portalContainer .recruit .item .title{font-size: 1.2rem;margin: 0 0 20px 0;}
#portalContainer .recruit .item .caption{font-weight: bold;margin:20px 0;}
#portalContainer .recruit .item .text{line-height: 30px;}
#portalContainer .recruit .layui-tab-content{display: flex;align-items: flex-start;flex-wrap: wrap;}
/******************Service********************/
#portalContainer .service .content.serviceType{display: block;}
#portalContainer .service .content.serviceType .title{font-weight: bold;font-size: 1.2rem;padding: 10px;}
#portalContainer .service .content.caption{justify-content: center;}
#portalContainer .service .content.serviceType .content{line-height: 30px;max-width: 90%;}
#portalContainer .service .content.serviceMode .item{padding:20px 50px;border:1px solid #ccc;border-radius: 20px;background-color: var(--list-item-bg-color);color: #f6f2ea;}
#portalContainer .service .content.serviceMode .text{font-size: 1.2rem;font-weight: bold;}
#portalContainer .service .phone400{font-size: 2rem;font-weight: bold;padding:20px 0;justify-content: center;display: block;}
#portalContainer .service .phone400 .phone{display: block;text-align: center;}

@media (max-width: 1200px) {
    #portalContainer .content{
        width:90%;
        padding: 0 5%;
    }
    #portalContainer .header .content{
        width:90%;
        padding: 0 5%;
    }
    #portalContainer .header .content .layui-nav{
        width: 100px;
        top:56px;
        background:var(--header-bg-color);
        opacity:0.95;
        display:none;
        border-radius: 0;
    }
    #portalContainer .header .content .navi-list{
        display: inline-block;
        background: transparent;
        width: 100px;
        height: 56px;
        position: absolute;
        right: 0;
        text-align: center;
        line-height: 50px;
    }
    #portalContainer .header .content .navi-list.active{
        background: var(--header-bg-color);
    }
    #portalContainer .header .content .navi-list img{
        width: 32px;
        height: 32px;
        position: absolute;
        right: 20px;
        top: 10px;
    }
    #portalContainer .header .content .navi-list.active img {
        right: 32px;
    }
    #portalContainer .home #homeAd{
        min-height: 120px !important;
    }
    #portalContainer .home .ad{
        min-height: 120px !important;
    }
    #portalContainer .home .content{
        width: 90%;
        padding: 10px 5%;
        flex-direction: column;
    }
    #portalContainer .home .news .head{
        width: 100%;
    }
    #portalContainer .home .news .list{
        width: 100%;
    }
    #portalContainer .home .solutions .item{
        flex-direction: column;
    }
    #portalContainer .home .solutions .solutionItem{
        width: 90%;
    }
    #portalContainer .home #homeSolutions{
        min-height: 960px;
    }
    #portalContainer .home .solutions .solutionItem .desc{
        padding:20px 0;
    }
    #portalContainer .home .news .list .time{
        width: 60px;
    }
    #portalContainer .footer .content{
        width: 100%;
        flex-direction: column;
    }
    #portalContainer .footer .logo{
        margin-bottom: 20px;
    }
    #portalContainer .footer a#icp{
        display: block;
        text-align: center;
    }
    #portalContainer .home .content.caption{
        margin-top:0;
    }
    #portalContainer .solutions .detail{
        top:0;
    }
    #portalContainer .view .top{
        height:120px;
    }
    #portalContainer .view .top .title{
        left: 30px;
        top:70px;
    }
    #portalContainer .about .content{
        width: 90%;
        flex-direction: column;
    }
    #portalContainer .about .text{
        width: 90%;
        padding: 0 5%;
        max-width: 100%;
    }
    #portalContainer .recruit .item{
        width: 90%;
        margin: 0 auto 30px auto;
        box-shadow: none;
        border: none;
        background: transparent;
    }
    #portalContainer .solutions .list{
        border-radius: 0 20px 20px 0;
        left:-20px;
        padding-left: 20px;
    }
    #portalContainer .solutions .detail .text{
        padding: 0 20px 30px 10px;
    }
    #portalContainer .news .layui-table-cell img{
        width: 110%;
        height: auto;
    }
    #portalContainer .news .layui-table-cell .title{
        position: absolute;
        z-index: 100;
        bottom: 0;
        left: 10px;
        font-size: 0.8rem;
        color: #fff;
    }
    #portalContainer .news .layui-table-cell .title a{
        color: #fff;
        font-size: 0.8rem;
    }
    .layui-nav .layui-nav-item{
        line-height: 40px;
        border-bottom: 1px dashed #ccc;
    }
    .layui-nav .layui-nav-item:last-child,.layui-nav .layui-nav-item.layui-this{
        border-bottom: none;
    }
}