@import url("../css/reset.css");
@import url("../css/element-ui@2.15.9.css");
@import url("../css/common.css");
@import url('../css/headerNew.css');
@import url('../css/animate.min.css');
#app {
    background-color:#f0f0f0;
}
.top-spacing1 {
    margin-top:128px;
}
.homePage-box {
    height:calc(100vh - 123px);
    min-height:400px;
    max-height:690px;
}
.homePage-box .sectionMore .newMoreSub {
    margin:20px auto;
}
.homePage-lineDonation .sectionMore .newMoreSub {
    margin:20px auto;
}
.homePage-box a .el-image {
    width:100%;
    height:100%;
}
.homePage-box a .el-image .image-slot, .homePage-lineDonation a .el-image .image-slot {
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    height:100%;
    background:#f5f7fa;
    color:#909399;
    font-size:14px;
}
.homePage-box a .el-image .image-slot .el-icon-picture-outline, .homePage-lineDonation a .el-image .image-slot .el-icon-picture-outline {
    font-size:50px;
}
.homePage-banner {
    width:100%;
    height:60%;
    min-height:200px;
    position:relative;
    z-index: 0;
}
.homePage-banner video {
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
}
.banner-introduce {
    width: 67%;
    height: 70%;
    left: 50%;
    bottom: 0px;
    font-size: 20px;
    color: #585555;
    text-align: center;
    /* padding: 16px 0 30px; */
    letter-spacing: 4px;
    position: absolute;
    overflow: hidden;
    /* justify-content: space-between; */
    background: url(../img/index-mask.png) no-repeat;
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
    /* overflow: hidden; */
    transition: all none;
    transform: translate(-50%, 0);
    /* line-height: 0; */
}
.banner-introduce p{
    /* margin-top:  10px; */
}
.banner-main{
    position:relative;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    justify-content: center;
    line-height:2;
}
.banner-introduce span {
    color:#29BCBC;
    font-weight:600;
}
.resource-search-box #search {
    width:60%;
    margin-left:auto;
    margin-right:auto;
}
.banner-search {
    height:40%;
    display:flex;
    flex-wrap:wrap;
    border-radius:4px;
    background-color:#fff;
    padding:6px 6px 6px 0;
    box-sizing:border-box;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
}
.homePage-search {
    height:40%;
}
.homePage-search .homePage-search-title {
    margin: 2% 0;
}
.homePage-search .business-title-common .business-title-text {
    padding-bottom:10px;
}
.banner-search .el-input {
    flex:1;
    min-width:0;
}
.banner-search .el-input__inner {
    border:none;
    outline:none;
    height:30px;
    font-size:12px;
    line-height:30px;
}
.banner-search .search-icon {
    width:30px;
    height:30px;
    background:#29BCBC;
    border-radius:4px;
    text-align:center;
    line-height:30px;
    color:#fff;
    cursor:pointer;
}
.banner-key-words {
    font-size:0;
}
.banner-key-words .label-title, .banner-key-words .label-tab {
    font-size:12px;
    margin-top:4px;
    font-size:12px;
    margin-right:10px;
    vertical-align:top;
    display:inline-block;
}
.banner-key-words .label-tab {
    color:#616161;
    cursor:pointer;
    overflow:hidden;
}
.banner-key-words .label-tab img {
    width:16px;
    height:16px;
    vertical-align:-3px;
    position:relative;
}
.banner-key-words .label-tab.active {
    color:#11a4b8;
}
.banner-key-words .label-tab.active img {
    left:-80px;
    filter:drop-shadow(#11a4b8 80px 0);
    -webkit-filter:drop-shadow(#11a4b8 80px 0);
}
.banner-key-words .key-words-cont {
    margin-top:4px;
    font-size:12px;
    margin-right:10px;
    vertical-align:top;
    display:inline-block;
    padding:0 4px;
    background:#F3F5F6;
    border-radius:5px;
    cursor:pointer;
}
.homePage-newsInfor {
    background-color:#fff;
}
.homePage-secction {
    height:100%;
    overflow:hidden;
}
.homePage-newsInfor-title {
    text-align:center;
    height:38px;
    margin:20px 0 30px;
}
.homePage-newsInfor-title span {
    padding:0 10px;
    font-size:16px;
    cursor:pointer;
    letter-spacing: 2.4px;
}
.homePage-newsInfor-title .activeTab {
    font-weight:400;
    color:#333;
    padding-bottom:10px;
    position:relative;
    font-size:24px;
}
.homePage-newsInfor-title .activeTab::before {
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    border-radius:3px;
    background:linear-gradient(133deg, #6bd5e1 0%, #11a4b8 100%);
    height:4px;
    width:40px;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform:translateX(-50%);
}
.homePage-newsInfor-box {
    height:calc(100% - 58px);
}
.homePage-newsInfor-box .homePage-news {
    height:100%;
}
.homePage-newsInfor-box .homePage-news-box {
    height:calc(100% - 110px);
    cursor:pointer;
}
.homePage-newsInfor-box .el-carousel__arrow {
    background-color:transparent;
    font-size:20px;
    color:#29BCBC;
}
.homePage-news-box .el-carousel, .homePage-news-box .el-carousel__container {
    height:100% !important;
    width:100%;
}
.homePage-news-box .el-carousel__indicators {
    display:none;
}
.homePage-carousel {
    height:100%;
    position:relative;
    display:flex;
    flex-wrap:nowrap;
}
.homePage-notice .homePage-carousel {
    flex-flow:row-reverse;
}
.homePage-news-box .el-carousel__arrow {
    width:70px;
    height:34px;
    background:#29BCBC;
    color:#fff;
    font-size:20px;
    border-radius:0;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
}
.homePage-news .el-carousel__arrow--left {
    left:calc(50% - 80px);
}
.homePage-news .el-carousel__arrow--right {
    right:  -5px;
    background: transparent;
    color: #29BCBC;
    width: 20px;
    text-align: right;
}
.homePage-notice .el-carousel__arrow--left {
    left: -5px;
    background: transparent;
    color: #29BCBC;
    width: 20px;
    text-align: right;
}
.homePage-notice .el-carousel__arrow--right {
    right:calc(50% - 80px);
    background:#29BCBC;
    color:#fff;
    width:70px;
    text-align: center;
}
.homePage-carousel a, .homePage-carousel .carousel-right {
    flex:1;
}

.homePage-carousel a img {
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
    object-position: left top;
}
.homePage-newsInfor-box .homePage-notice a img {
    object-position: righ top;
}
.homePage-carousel .homePage-carousel-content {
    margin-right:0;
}
.homePage-carousel .carousel-right {
    /* margin:0 20px; */
    display:flex;
    flex-flow:column;
    /* justify-content:space-between; */
}
.homePage-carousel h3 {
    font-size:20px;
    color:#0F1215;
    line-height:35px;
    max-height:70px;
    min-height: 35px;
    box-sizing:border-box;
    overflow: hidden;
    margin-right: 80px;
}
.homePage-carousel .homePage-carousel-content {
    font-size:15px;
    color:#70767F;
    /* line-height:20px; */
    height:120px;
    margin:12px 80px 12px 0;
    box-sizing:border-box;
    overflow:hidden;
    flex: 1;
    line-height: 2;
    /* text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient:vertical; */
}
.homePage-carousel .homePage-carousel-content img {
    display:none;
}
.homePage-notice .homePage-carousel .homePage-carousel-content {
    margin-left:80px;
    margin-right:0;
}
.homePage-carousel .homePage-carousel-date {
    font-size:14px;
    color:#7B8893;
    line-height:27px;
    margin-bottom:20px;
}
.homePage-carousel .homePage-carousel-sub span {
    font-size:12px;
    color:#FFFFFF;
    padding:4px 12px;
    border-radius:14px;
    letter-spacing:2px;
    background:#29BCBC;
    display:inline-block;
    -webkit-border-radius:14px;
    -moz-border-radius:14px;
    -ms-border-radius:14px;
    -o-border-radius:14px;
}
.homePage-notice .homePage-carousel h3, .homePage-notice .homePage-carousel .homePage-carousel-content, .homePage-notice .homePage-carousel .homePage-carousel-date, .homePage-notice .homePage-carousel .homePage-carousel-sub {
    margin-left:80px;
    margin-right:0;
}
.homePage-technicalService .technicalService-section {
    height:100%;
    padding:20px 0 10px;
}
.homePage-technicalService .homePage-technicalService-box {
    height: calc(100% - 162px);
    margin-top: 30px;
    overflow: hidden;
}
.homePage-technicalService-box .technicalService-item {
    width:calc(33.33% - 20px);
    margin-right:30px;
    background:#fff;
    padding-bottom:10px;
    height: 100%;
}
.homePage-technicalService-box .technicalService-item a {
    height: 100%;
    display: flex;
    flex-flow: column;
}
.homePage-technicalService-box .technicalService-item:nth-child(3) {
    margin-right:0;
}
/* .el-image */
.homePage-technicalService-box .technicalService-img {
    width:100%;
     flex: 1 1 auto;
     margin-bottom: 10px;
     min-height: 100px;
}
.homePage-technicalService-box .technicalService-img  .el-image{
     width:100%;
     height:100%;
}
.homePage-technicalService-box .technicalService-box {
    padding:0 10px;
    box-sizing:border-box;
}
.homePage-technicalService-box .technicalService-title {
    height:20px;
    font-size:16px;
    color:#0F1215;
    line-height:20px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.homePage-technicalService-box .technicalService-content {
    margin:8px 0;
    height:80px;
    font-size:14px;
    color:#70767F;
    line-height:20px !important;
    -webkit-line-clamp:4;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
}
.homePage-technicalService-box .technicalService-content img {
    display:none;
}
.homePage-technicalService-box .technicalService-sub {
    display:flex;
    justify-content:space-between;
    font-size:12px;
    color:#7B8893;
}
.homePage-technicalService-box .technicalService-sub span:last-child {
    color:#29BCBC;
}
.homePage-lineDonation {
    padding:10px 0;
    background-color:#fff;
}
.lineDonation-section {
    height:100%;
}
.homePage-lineDonation .homePage-lineDonation-box {
    height:calc(100% - 134px);
    margin-top:10px;
    display:flex;
    flex-wrap:wrap;
    /* padding-left:20px; */
}
.homePage-lineDonation .lineDonation-tab {
    width:80px;
}
.homePage-lineDonation .lineDonation-tab-item {
    height:80px;
    width:80px;
    display:flex;
    font-size:12px;
    cursor:pointer;
    color:#29BCBC;
    flex-flow:column;
    text-align:center;
    margin-bottom:10px;
    background:#F2F7F8;
    justify-content:center;
}
.homePage-lineDonation .lineDonation-tab-item i {
    font-style:normal;
    font-size:20px;
}
.homePage-lineDonation .lineDonation-tab-item img {
    width:16px;
    height:16px;
    display:block;
    margin:0 auto 4px;
    color:#fff;
}
.homePage-lineDonation .shield-item img {
    width:22px;
    height:22px;
}
.homePage-lineDonation .lineDonation-tab-item:last-child {
    margin-bottom:0;
}
.homePage-lineDonation .lineDonation-tab-item.tabActive {
    background:#29BCBC;
    color:#fff;
}
.homePage-lineDonation .lineDonation-tab-item p {
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    padding:0 5px;
}
.homePage-lineDonation .lineDonation-content {
    flex:1;
    min-width:0;
    margin:0 30px;
    height:100%;
    overflow:hidden;
}
.homePage-lineDonation .lineDonation-content h3 {
    font-weight:600;
    color:#0F1215;
    line-height:45px;
    letter-spacing:2px;
    font-size:16px;
}
.homePage-lineDonation .lineDonation-content .lineDonation-content-box {
    line-height:25px !important;
    font-size:12px;
    max-height:150px;
    overflow-y:hidden;
}
.homePage-lineDonation .lineDonation-content .lineDonation-content-box:hover {
    overflow-y:auto;
}
.homePage-lineDonation .lineDonation-content .lineDonation-content-box img {
    display:none;
}
.homePage-lineDonation .lineDonation-img {
    width:200px;
    height:auto;
    display:flex;
    align-items:center;
}
.homePage-lineDonation .lineDonation-img a {
    display:block;
    width:100%;
    height:222px;
}
.homePage-lineDonation .lineDonation-img .el-image {
    width:100%;
    min-height:200px;
    height:100%;
    max-height:222px;
    display:block;
    font-size:20px;
    text-align:center;
    object-position: right top;
}
.lineDonation-content-file a {
    display:block;
    position:relative;
}
.lineDonation-content-file a::before {
    content:'';
    display:inline-block;
    width:8px;
    height:8px;
    border-radius:50%;
    margin-right:10px;
    background-color:#29BCBC;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
}
.frontPageMain .mouse-assembly-number {
    right:10px;
    top:170px;
    max-width:180px;
    height:185px;
    position:fixed;
    padding:5px;
    z-index:999;
    box-sizing:border-box;
    cursor:pointer;
}
.frontPageMain .mouse-assembly-number .mouse-assembly-number-img {
    width:100%;
    height:100%;
    object-fit:contain;
}
.frontPageMain .mouse-assembly-number .mouse-assembly-number-title {
    left:5px;
    bottom:8px;
    height:26px;
    color:#fff;
    font-size:12px;
    line-height:26px;
    text-align:center;
    position:absolute;
    width:calc(100% - 10px);
    background:linear-gradient(133deg, rgba(107, 213, 225, 0.24) 0%, #11a4b8 100%);
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.frontPageMain .mouse-assembly-number .mouse-assembly-number-icon {
    bottom:-14px;
    left:50%;
    width:16px;
    height:16px;
    position:absolute;
    cursor:pointer;
    transform:translateX(-50%)
}
.frontPageMain .mouse-assembly-number .mouse-assembly-number-icon .mouse-assembly-number-close {
    background:rgba(0, 0, 0, 0.16);
    border-radius:50%;
    padding:2px;
    color:#fff;
}
.homePage-link {
    height:260px;
    width:100%;
}
.onlineFeedback {
    position:fixed;
    left:0;
    top:50%;
    transform:translateY(50%);
    z-index:999;
    background-color:#F7F9FA;
    -webkit-box-shadow:-2px 0 30px 2px rgb(97 105 119 / 18%);
    -moz-box-shadow:-2px 0 30px 2px rgba(97, 105, 119, 0.18);
    box-shadow:-2px 0 30px 2px rgb(97 105 119 / 18%);
    border-radius:0 18px 18px 0;
    min-width:60px;
}
.onlineFeedback .feedbackItem {
    text-align:center;
    min-width:60px;
    padding:10px 4px;
    z-index:1;
    box-sizing:border-box;
    cursor:pointer;
}
.onlineFeedback .feedbackIcon {
    font-size:20px;
    display:block;
    margin-bottom:1px;
}
.onlineFeedback .appraiseContent {
    position:absolute;
    left:10px;
    top:0;
    background-color:#F7F9FA;
    width:240px;
    height:200px;
    -webkit-box-shadow:-2px 0 30px 2px rgb(97 105 119 / 18%);
    -moz-box-shadow:-2px 0 30px 2px rgba(97, 105, 119, 0.18);
    box-shadow:-2px 0 30px 2px rgb(97 105 119 / 18%);
    border-radius:4px;
}
.onlineFeedback .appraiseContent textarea {
    width:220px;
    height:120px;
    margin-left:10px;
    margin-top:20px;
}
.onlineFeedback .appraiseContent .appraiseSub {
    text-align:center;
    margin-top:10px;
}
@media only screen and (max-width:767px) {
    .homePage-box {
        height:auto;
        min-height:auto;
        max-height:inherit;
        margin-bottom:20px;
    }
    .homePage-banner {
        height:200px;
    }
    .banner-introduce {
        width:323px;
        /* height:100px; */
        font-size:12px;
        bottom: -28px;
    }
    /* .homePage-search .homePage-search-title {
        margin:10px 0 10px;
    } */
    .homePage-box .business-title-common .business-title-text {
        font-size:16px;
    }
    .homePage-newsInfor-title span {
        font-size:12px;
    }
    .homePage-newsInfor-title .activeTab {
        font-size:14px;
    }
    .homePage-newsInfor-box .homePage-news-box {
        height:500px;
    }
    .homePage-carousel {
        flex-flow:column;
        margin:0 20px;
    }
    .homePage-news-box .el-carousel__arrow {
        width:34px;
    }
    .homePage-news .el-carousel__arrow--left {
        left:0;
    }
    .homePage-technicalService .homePage-technicalService-box {
        height:auto;
    }
    .homePage-technicalService-box .technicalService-item {
        float:none;
        width:100%;
        overflow:hidden;
        margin-bottom:20px;
    }
    .homePage-lineDonation .homePage-lineDonation-box {
        flex-flow:column;
    }
    .homePage-lineDonation .lineDonation-tab {
        display:flex;
        width:100%;
    }
    .homePage-lineDonation .lineDonation-tab-item {
        margin-right:20px;
    }
    .frontPageMain .homePage-box .sectionMore .newMoreSub::after {
        left:48%;
    }
}
@media only screen and (min-width:1680px) {
    .homePage-banner {
        height:calc((100vh - 123px) * 0.6);
        max-height: calc(690px * 0.6);
    }
    .banner-introduce p{
        font-size: 26px;
    }
    .homePage-newsInfor-title {
        height:60px;
    }
    .homePage-newsInfor-title .activeTab {
        font-size:24px;
    }
    .homePage-newsInfor-box .homePage-news-box {
        height:calc(100% - 164px);
        max-height:652px;
        margin-bottom:10px;
    }
    .homePage-carousel .homePage-carousel-content {
        font-size:16px;
        line-height:28px !important;
        height:168px;
    }
    .homePage-carousel .homePage-carousel-sub span {
        font-size:14px;
        padding:12px 25px;
        border-radius:24px;
        -webkit-border-radius:24px;
        -moz-border-radius:24px;
        -ms-border-radius:24px;
        -o-border-radius:24px;
    }
    .homePage-technicalService .homePage-technicalService-box {
        height: calc(100% - 190px);
        margin-top: 30px;
        overflow: hidden
    }
    .homePage-technicalService .technicalService-section .homePage-news-more{
        margin-top: 10px;
        overflow: hidden;
    }
    .homePage-technicalService-box .technicalService-img img {
        height:240px;
    }
    .homePage-technicalService-box .technicalService-title {
        height:40px;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
        -webkit-line-clamp:2;
        display:-webkit-box;
        -webkit-box-orient:vertical;
    }
    .homePage-technicalService-box .technicalService-content {
        height:112px;
        line-height:28px !important;
    }
    .homePage-technicalService-box .technicalService-content img {
        display:none;
    }
    .homePage-lineDonation .homePage-lineDonation-box {
        height:calc(100% - 160px);
    }
    .homePage-lineDonation .lineDonation-tab {
        width:132px;
    }
    .homePage-lineDonation .lineDonation-tab-item {
        height:132px;
        width:132px;
        font-size:14px;
    }
    .homePage-lineDonation .lineDonation-content h3 {
        font-size:32px;
        line-height:64px;
    }
    .homePage-lineDonation .lineDonation-content .lineDonation-content-box {
        font-size:14px;
    }
    .frontPageMain .homePage-box .sectionMore .newMoreSub {
        width:150px;
        height:56px;
        line-height:56px;
    }
    .frontPageMain .homePage-box .sectionMore .newMoreSub::before {
        height:56px;
    }
    .frontPageMain .homePage-box .sectionMore .newMoreSub::after {
        border-width:56px 30px 0px 0px;
    }
}
@media only screen and (max-width:1500px)  and (min-width:1200px){
    .homePage-technicalService-box .technicalService-item {
        max-height: 430px;
    }
}
@media only screen and (max-width:1199px)  and (min-width:768px){
    .homePage-technicalService-box .technicalService-item {
        max-height: 330px;
    }

}



/*video默认全屏按钮*/
video::-webkit-media-controls-fullscreen-button{ display: none !important; }
 
/*video默认aduio音量按钮*/
video::-webkit-media-controls-mute-button { display: none !important;}

/*video默认setting按钮*/
video::-internal-media-controls-overflow-button{ display: none !important;}

/*腾讯云点播禁用firefox全屏、设置按钮*/
.trump-button[sub-component="fullscreen_btn"],.trump-button[now="fullscreen"]{ display:none!important;}
.trump-button[sub-component="setting"]{ display:none !important;}

/*禁用video的controls（要慎重！不要轻易隐藏掉，会导致点击视频不能播放）*/
video::-webkit-media-controls {
display:none !important;
}