.table-wrap{overflow-x:auto;width:100%}
.table-wrap table{border-collapse:collapse;width:100%}
.table-wrap table td,.table-wrap table th{border:1px solid #ddd;padding:4px 10px}
.banner-inner{overflow:hidden}
.banner-inner img{width:100%;min-height:240px;max-height:300px;object-fit:cover;z-index:0;position:relative;animation:img_move 6s linear 0s forwards}
@keyframes img_move{0%{transform:scale(1)}
50%{transform:scale(1.08)}
100%{transform:scale(1)}
}
.banner-inner .banner-content{z-index:1;position:relative;background:#fafafa;height:50px}
.banner-inner .banner-content .l-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}
.banner-inner .banner-title-h1{font-size:18px;font-weight:var(--fontbold5);text-transform:capitalize}
.banner-inner .banner-breadcrumbs{font-size:14px}
.banner-inner span{text-transform:capitalize}
.banner-inner .banner-breadcrumbs .link-home em{margin-right:5px}
.banner-inner a:hover{color:var(--color)}
.common-main{padding:50px 0}
.home-des-box{display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.home-des-into{width:50px;height:15px;margin-right:10px;box-sizing:border-box;display:inline-block;border-top:2px solid var(--color);border-bottom:2px solid var(--color)}
.home-des{color:var(--color);font-size:18px;font-weight:var(--fontbold5);display:inline-block;text-transform:uppercase}
.home-title{font-size:var(--hometitlefont);font-weight:var(--fontbold5);color:var(--fontcolor);text-align:center;line-height:1.2;text-transform:capitalize}
.project-list{list-style:none;width: 100%;display:flex;gap: 1rem }
.project-list dd{width: 100%}
.faqs-list .project-info{margin-bottom:1em}
.faqs-list .project-info.open .project-name{background:var(--bgcolor);color:#FFFFFF}
.faqs-list .project-info.open .project-name em::after,.faqs-list .project-info.open .project-name em::before{background:#FFFFFF}
.faqs-list .project-info.open .project-name em::after{height:1px}
.faqs-list .project-info .project-name{width:100%;background:#F5F8F9;min-height:48px;border-radius:var(--borderradius);position:relative;display:flex;align-items:center;padding:10px 20px;cursor:pointer}
.faqs-list .project-info .project-name em{transition:all .1s linear;position:absolute;right:30px;top:50%;transform:translateY(-50%);color:var(--fontcolor);font-weight:var(--fontbold6)}
.faqs-list .project-info .project-name em::after,.faqs-list .project-info .project-name em::before{width:14px;height:1px;content:"";position:absolute;background:var(--color);left:50%;top:50%;transform:translate(-50%,-50%)}
.faqs-list .project-info .project-name em::after{width:1px;height:14px}
.faqs-list .project-info .project-content{display:none;position:relative;padding:10px 20px;z-index:1}
.faqs-list .project-info .project-content .iteny .cate-conny ol li ol{   display: none;}
.faqs-list .project-info .project-content .iteny .cate-conny ol li ol.xians{display: block;}
.faqs-list .project-info .project-content .iteny .cate-conny ol li ol li{margin-right: 10px}
.faqs-list .project-info .project-content .iteny .cate-conny ol li ol li,.faqs-list .project-info .project-content .iteny .cate-conny ol li{list-style: none;}
.faqs-list .project-info .project-content .iteny a{font-size:var(--fontsize20);font-weight:var(--fontbold7);color:var(--color);}
.faqs-list .project-info .project-content .iteny .cate-conny ol li a{font-size:var(--fontsize18);font-weight:var(--fontbold7);color:#333;}
.faqs-list .project-info .project-content .iteny .cate-conny ol li ol li a{font-size:var(--fontsize16);font-weight:var(--fontbold5);color:#666;}

.faqs-list .project-info .project-content .iteny .cate-conny ol li ol li a{position:relative;padding:4px 0px;padding-left:15px;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.faqs-list .project-info .project-content .iteny .cate-conny ol li ol li a::before{content:"";position:absolute;left:0px;top:12px;width:0px;height:0px;border:5px solid transparent;border-left:5px solid var(--introcolor)}

.faqs-list .project-info .project-content .iteny .cate-conny a.inmenu {
    color: var(--color)
}
.project-wrap{display:flex;flex-wrap:wrap}
.project-wrap li{width:24%;margin-right:1.3%;background:#FFFFFF;border-radius:0 0 5px 5px;box-shadow:0 3px 25px 4px rgba(233,233,233,.79);margin-bottom:2em;transition:all .1s linear}
.project-wrap li:hover{transform:translateY(-5px)}
.project-wrap li:hover .project-info .project-name{color:var(--color)}
.project-wrap li:nth-child(4n){margin-right:0px}
.project-wrap li .project-img{width:100%}
.project-wrap li .project-img img{width:100%}
.project-wrap li .project-info{position:relative;padding:20px}
.project-wrap li .project-info::before{content:"";position:absolute;left:0px;top:0px;width:100%;height:4px;background:var(--color)}
.project-wrap li .project-info .project-name{font-weight:var(--fontbold6);font-size:var(--fontsize22);line-height:1.2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:10px}
.project-wrap li .project-info .project-content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}


.jobs.faqs-list li{list-style: none;}



.jobs.faqs-list li{width:100%;margin-bottom:15px;background:#fcfcfc;}

.jobs.faqs-list .project-info.open .project-name{color:#fff;background:var(--color);}
.jobs.faqs-list .project-info .project-name{width:100%;position:relative;display:flex;align-items:center;cursor:pointer;color:var(--fontcolor);font-weight:var(--fontbold6);font-size:var(--fontsize18);padding-right:70px;padding: 0px}

.jobs.faqs-list .project-info.open .project-name em{transform:rotate(0);background:var(--fontcolor);color:#fff}
.jobs.faqs-list .project-info .project-content{display:none;padding:15px;padding-top:10px;position:relative;font-size:var(--fontsize16);z-index:1}

.ab6p1{ width: 20%;padding-top: 15px;padding-bottom: 15px;padding-left: 15px}
.ab6p2{ width: 40%;padding-top: 15px;padding-bottom: 15px}
.ab6p3{ width: 24%;padding-top: 15px;padding-bottom: 15px}
.ab6p4{ width: 16%;padding-top: 15px;padding-bottom: 15px}




.page-container{margin-top: 2%;border-top: solid 3px #999;padding-top: 3%}
.newscontent-box{background:#FFFFFF;border-radius:5px;margin-bottom:2em;padding:30px 30px}
.newscontent-date{display:inline-flex;align-items:center;justify-content:center;font-size:var(--fontsize14);color:var(--color);margin-bottom:5px}
.newscontent-date em{margin-right:5px;font-size:var(--fontsize14)}
.newscontent-title{font-weight:var(--fontbold6);font-size:var(--fontsize32);line-height:1.4;text-align: center;}
.newscontent-meta{display:flex;align-items:center;flex-wrap:wrap;margin:10px 0px 20px; text-align: center;justify-content:center;background:#f1f1f1 ;line-height: 2}
.detail-count:nth-child(2){margin-right: 10px;margin-left: 10px}
.newscontent-details{box-sizing: border-box;word-break: break-all}


.newslist{list-style:none;display:flex;flex-wrap:wrap}
.newslist li{margin-bottom:2em;background:#FFFFFF;border-radius:5px;box-shadow:0 3px 20px 2px rgba(233,233,233,.55);position:relative}
.newslist li:hover .img img{transform:scale(1.02)}
.newslist li:hover .info .title{color:var(--color)}
.newslist li:hover .info .more a{color:var(--color)}
.newslist li:hover .info .more a em{margin-left:10px}
.newslist li .img{position:relative;display:flex;align-items:center;justify-content:center}
.newslist li .img img{width:100%;height:100%;object-fit:cover;transition:all .2s linear}
.newslist li .info{position:relative}
.newslist li .info .date{margin-bottom:20px;padding:0px 10px;background:var(--color);color:#FFFFFF;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fontsize14)}
.newslist li .info .date em{margin-right:5px;font-size:var(--fontsize14)}
.newslist li .info .title{display:block;font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.2}
.newslist li .info .text{margin:15px 0px;color:var(--introcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.newslist li .info .more,.newslist li .info  .dowm{border-top:1px solid #E9E9E9;padding-top:15px;font-size:var(--fontsize14)}
.newslist li .info .more a{display:inline-flex;align-items:center;text-transform:capitalize}
.newslist li .info .more a em{margin-left:5px;transition:margin .2s linear}
.newslist.list1 li{width:32%;margin-right:2%}
.newslist.list1 li:nth-child(3n){margin-right:0px}
.newslist.list1 li .info{padding:20px}
.newslist.list1 li .info .date{position:absolute;z-index:2;left:20px;top:-30px}
.newslist.list0 li{width:100%;display:flex;align-items:center;flex-wrap:wrap}
.newslist.list0 li .img{width:15%}
.newslist.list0 li .info{flex:1;padding:20px 30px}

.xiadown{border-top:  dashed 1px #ccc;padding-top: 10px;margin-top: 20px}
.xiadown a{background:var(--color);color:#FFFFFF;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--fontsize14);padding: 5px 20px}

@media screen and (max-width:1024px){
.common-main{padding-top: 3%}

.faqs-list .project-info .project-content .iteny .cate-conny ol li ol{   display: none;}
.faqs-list .project-info .project-content .iteny .cate-conny ol li ol.xians{display: block;}
.project-list,.newslist.list0 li{display: block;}
.newslist.list0 li .img{width: 100%}
.newslist.list0 li .info{padding: 5px}

.ab6p1{ width: 100%;padding-top: 0px;padding-bottom:0px;padding-left: 0px}
.ab6p2{ width: 100%;padding-top: 0px;padding-bottom: 0px}
.ab6p3{ width: 100%;padding-top: 0px;padding-bottom: 0px}
.ab6p4{ width:100%;padding-top: 0px;padding-bottom: 0px}
.jobs.faqs-list .project-info .project-name{display: block;}
}

.newscontent-list ul li{list-style: none;line-height: 2;display: flex;justify-content: space-between;border-bottom: dotted 1px #d7d7d7;}
.newscontent-list ul li a{position: relative;padding-left: 10px}
.newscontent-list ul li a::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 12px;
    width: 0px;
    height: 0px;
    border: 5px solid transparent;
    border-left: 5px solid var(--introcolor)
}

@keyframes runDot{0%{transform:rotate(0)}
100%{transform:rotate(359deg)}
}