/*------index------*/
.index-banner .maxtitle{font-size: 18px;}
.index-banner .title-eng{margin-top: 10px;}

.about-maiyi{padding-bottom: 40px;}
.about-maiyi .text{margin-top: 15px;}
.more{text-align: center;margin-top: 20px;}
.more .btn-block{width: 104px;padding: 0;}

.brand-box{padding-bottom:40px;background:var(--f8);}
.brand-box .logo-icon{display:flex;margin-top:30px;justify-content:center;}
.brand-box .logo-icon .icomoon{font-size:24px;color:#00A8A2;}
.brand-box .logo-icon:first-child .icomoon{margin-bottom:20px;font-size:29px; color: var(--orange);}
.brand-box-logo span{display:flex;font-family:icomoon!important;}


/*--企业动态--*/
.index-new{padding-bottom:40px;}
.index-new .basetitle{margin:24px 20px 0 20px;}
.index-new-content{margin-top:15px;width:100%;}
.index-new-content .swiper-slide{ background:#fff;text-align:center;font-size:18px;}
.news-headlines .index-new-content .swiper-slide{height:75vw; }
.index-new-content .swiper-pagination-bullet-active{background:var(--blue);}

.index-new-content .text-box{height: 120px;margin-top: -50px;padding: 30px 20px 0 20px;z-index: 9;position: relative;
    background: linear-gradient(180deg,rgba(255,255,255,0.00) 6%, #ffffff 100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index-new-content .text-box .text{overflow:hidden;width:calc(100% - 110px);color:var(--02);text-overflow:ellipsis;white-space:nowrap;font-size:12px;}
.index-new-content .text-box .btn-block{padding:0;width:104px;}
.index-new-content .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}

/*--企业动态 end--*/

/*------index------*/


/*------about-us------*/
.nav-about-content{padding:24px 20px 0 20px;}
.nav-about-content .title-tab{display:flex;justify-content:space-between;}
.nav-about-content .title-tab a{color:var(--ae);font-size:16px;}
.nav-about-content .title-tab .current a{color:var(--blue);}
.nav-about-content .title-tab a:hover{color:var(--blue);}
.anchor-link{display:block;visibility:hidden;margin-top:-50px;height:50px;}
.about-vision{position:relative;}
.about-vision .vision-bg{position:relative;width:100%;}
.about-vision .min-tilte{position:absolute;top:24px;right:20px;left:20px;color:var(--02);font-size:14px;}
.about-vision .vision-mian{position:absolute;top:10%;right:20px;left:20px;margin-top:60px;}
.vision-mian .about-vision-title{color:var(--02);font-size:24px;}
.vision-mian .about-vision-info{margin-top:10px;color:var(--blue);text-transform:uppercase;font-size:18px;}
.about-vision .min-text{margin:20px 0;color:var(--02);font-size:14px;line-height:24px;}
.about-mission .about-vision-title{color:var(--blue);font-size:32px;}
.about-mission .about-vision-info{padding-right:40px;color:var(--02);font-size:14px;}
.about-values{padding:20px 0 40px 0;background:var(--f8);}
.values-box .swiper-slide{position:relative;overflow:hidden;margin-top:20px;padding:15px;height:200px;background:var(--fff);}
.values-box .btn-block{margin-bottom:15px;width:90px;}
.values-box .icomoon{position:absolute;top:20px;right:15px;color:var(--blue);font-size:40px;opacity:.4;}
.values-ul{padding-left:20px;}
.values-ul .values-list{margin-top:5px;color:var(--02);list-style:disc;font-size:12px;line-height:18px;}
.about-developing{padding-bottom:40px;}
.about-honor{padding-bottom:40px;background:var(--f8);}

.about-honor-box{
    margin-top:10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 10px;
}
.about-honor-box .about-honor-list{margin-top:15px;padding: 30px 10px;text-align: center;width:48%;background:var(--fff);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08);
    -ms-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08);
    -o-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08);
}
.about-honor .honorimg{width: 100%;height: 70px;text-align: center;margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-honor .honorimg .icomoon{font-size:56px;}
.about-honor .about-honor-list:nth-child(2) .icomoon{font-size:38px;}
.about-honor .about-honor-list:nth-child(3) .icomoon{font-size:40px;}
.about-honor .about-honor-list:nth-child(4) .icomoon{font-size:62px;}
.about-honor .honorimg span{display:flex;font-family:icomoon!important;}
.about-honor .text{color:var(--02);font-size:12px;line-height:18px;}
.developing-list{margin:24px 0;width:100%;}
.developing-list .swiper-slide{min-height:50px;text-align:left;font-size:18px;}
.developing-list .developing-ul{padding-left:20px;}
.developing-list .developing-li{margin-top:10px;list-style:disc;line-height:18px;}
.developing-list .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}
.developing-time .swiper-slide{background-position:center;background-size:cover;}
.developing-time{position:relative;overflow:unset;box-sizing:border-box;margin:0 auto;width:90%;text-align:center;}
.developing-time:before{position:absolute;bottom:0;left:-20px;z-index:1;width:150%;height:1px;background:#f1f1f1;content:" ";}
.developing-time .swiper-slide{position:relative;width:25%;height:100%;}
.developing-time .swiper-slide:after{position:absolute;right:-5px;bottom:0;z-index:1;width:1px;height:8px;background:var(--eee);content:" ";}
.developing-time .swiper-slide .time{position:relative;z-index:99;display:inline-block;height:31px;color:var(--ae);font-size:16px;line-height:31px;}
.developing-time .swiper-slide-thumb-active .time{color:var(--02);font-size:20px;}
.developing-time .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}


/*------about-us end------*/

/*------Our Brands------*/
.nav-brand .title-tab{width: 100%;margin: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;   
}
.nav-brand .anchor-link-logo{width:50%;}
.nav-brand .anchor-link-logo:first-child .icomoon{font-size:22px;}
.nav-brand .anchor-link-logo:nth-child(2) .icomoon{color:var(--ae);font-size:20px;}
.nav-brand .anchor-link-logo .icomoon-h{color: #00A8A2!important;}
.nav-brand-hicozy .anchor-link-logo:nth-child(1) .icomoon{color:var(--ae);}
.nav-brand .anchor-link-logo a{display:flex;width:100%;height:100%;justify-content:center;}
.nav-brand .anchor-link-logo span{display:flex;font-family:icomoon!important;}

.brand-astroAI{width: 100%;text-align: center;padding: 40px 0;position:relative;
    background:url(../images/brand/brand-astroAI-bg.jpg) top;
    background-color: var(--f3);
    background-attachment:fixed;
    
    display:flex;
    align-items:center;
    justify-content: center;
    flex-direction: column;
}
.brand-Hicozy{
    background:url(../images/brand/brand-hicozy-bg.jpg);
    background-color: var(--f3);
    background-attachment:fixed;
}
.brand-astroAI .brand-astroAI-text{font-size:24px;color:var(--fff);position: relative;display: block;height: 50px;}
.brand-astroAI .brand-astroAI-text b{display: inline-block;height:2px;width:80%;position: absolute;left:10%;bottom:0;background:var(--fff);z-index: 9;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
}
.brand-Hicozy .brand-astroAI-text b{display: inline-block;height:2px;width:80%;position: absolute;left:10%;bottom:0;background:var(--fff);z-index: 9;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
}
.brand-introduce{padding:30px 0;background:var(--fff);}
.brand-introduce .more{margin-top:30px;text-align:center;}
.brand-tool{position:relative;}
.brand-tool .toolwiper{margin-right:auto;margin-left:auto;width:100%;height:100%;}
.brand-tool .toolwiper .left-icon,.right-icon{color:var(--fff);}
.brand-tool .toolwiper .right-icon{left:20px;}
.brand-tool .toolwiper .left-icon{right:20px;}
.brand-tool .toolwiper .left-icon:hover,.brand-tool .toolwiper .right-icon:hover{color:var(--blue);}
.brand-tool .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;}

.brand-tool-ul{position: absolute;top:30px;left: 0;z-index:9;width: 100%;text-align: center;
    display: flex;
    justify-content: center;
}
.brand-tool-ul li{width:106px;height:30px;border-radius:20px;background:rgba(2,2,2,.5);color:var(--fff);text-align:center;font-size:12px;line-height:30px;cursor:pointer;}
.brand-tool-ul li:last-child{margin-left:-23px;}
.brand-tool-ul .current{z-index:9;height:100%;background:var(--fff);color:var(--blue);}
.brand-tool-ul li:hover{z-index:9;background:var(--fff);color:var(--blue);}
.brand-tool-tab li{display:none;}
.brand-tool-tab li:first-child{display:block;}
.brand-product{padding-bottom:40px;}
.product-list{margin-top:24px;width:100%;}


.product-list .swiper-slide {background: linear-gradient(90deg,#f3f3f3, #ffffff);text-align: center;padding:30px 20px;position: relative;overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.product-list a {display: inline-block;width: 100%;height: 100%;color: var(--02);font-size: 12px;line-height: 18px;}
.product-list .featuredimg {width: 80%;margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.product-list .featuredimg img{max-width:100%;max-height:100%;}
.product-list .product-box-text{margin-top:10px;height:36px;}
.introduce-banner{margin-bottom:40px;}
.product-box{overflow-x:scroll;overflow-y:hidden;margin-top:30px;width:100%;touch-action:auto;}

.product-box .product-ul {float: left;min-width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.product-ul .product-li {background: linear-gradient(90deg,#f3f3f3, #ffffff);display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;padding:30px 20px;position: relative;overflow: hidden;width: calc((100vw - 50px)/2);margin-right: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.product-ul .product-li:last-child{margin-right: 0;}
.product-box .featuredimg {width: 80%;margin: 0 auto;text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    
}
.product-box .featuredimg img{max-width:100%;max-height:100%;}
.product-box .product-box-text{margin-top:10px;height:36px;color:var(--02);font-size:12px;}
.product-box::-webkit-scrollbar{display:none;}

/*------Our Brands end------*/


/*------企业动态------*/
.news-headlines{margin-top:15px;}
.news-headlines .text-box{position:absolute;bottom:0;display:block;padding:20px 20px;width:100%;height:auto;background:rgba(255,255,255,.8);text-align:left;}
.news-time{color:var(--02);font-size:14px;}
.industry-dynamics{margin-bottom:60px;}
.news-list{margin-top:20px; min-height: 305px;}
.industry-dynamics .title-tab{display:flex;justify-content:space-between;}
.industry-dynamics .title-tab li{position:relative;color:var(--ae);font-size:16px;cursor:pointer;}
.industry-dynamics .title-tab li a{color:var(--ae);font-size:16px;}
.industry-dynamics .title-tab .current{color:var(--blue);}
.industry-dynamics .title-tab li:hover{color:var(--blue);}
.dynamics-tab{margin-top:15px;}
.dynamics-tab .show{display:block;}
.dynamics-tab .hide{display:none;}
.dyna-news .dyna-newsli{padding:20px;background:var(--f8);}
.dyna-news .dyna-newsli:nth-child(even){background:var(--fff);}

.dyna-newsli .dyna-newsli-text{margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.dyna-newsli .text{line-height: 20px;overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    
    
}
.dyna-news .dyna-newsli .text-content{font-size: 12px;color: var(--02);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: calc(100% - 110px);}
.dyna-news .dyna-newsli .time{float:right;color:var(--02);font-size:12px;}
.dynamics-tab .more{margin-top:30px;}
.news-detail{margin-bottom:30px;}
.news-detail .details-header{padding-bottom:10px;border-bottom:1px solid #ddd;}
.news-detail .description{display:flex;margin-top:10px;color:var(--666);font-size:12px;justify-content:space-between;}
.news-detail .text-box{margin-top:30px;color:var(--02)!important;font-size:14px!important;line-height:24px!important;}
.copyright .copyright-text{padding-top:20px;border-top:1px solid var(--eee);color:var(--aaa);font-size:12px;line-height:20px;}
.metPage{margin:20px 0 70px 0;}
.metPage a{display:block;overflow:hidden;padding-bottom:15px;color:var(--02);text-overflow:ellipsis;white-space:nowrap;font-size:14px;}

/*------企业动态 end------*/

/*------加入我们 end------*/
.join-nav{margin:0 auto;width:90%;}
.join-welfare{margin-bottom:80px;}
.join-idea-box{position:relative;margin:30px 0;}
.join-systemul{margin-top:24px;}

.join-systemul .swiper-slide , .join-idea-box .swiper-slide{text-align: center;border-radius: 15px;position: relative;overflow: hidden;font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.join-idea-box .featuredimg,.join-systemul .featuredimg{overflow:hidden;width:100%;}
.join-idea-box .featuredimg img,.join-systemul .featuredimg img{width:100%;max-height:100%;}

/**/
.join-box {width: 100%;overflow-x: scroll;overflow-y: hidden;touch-action: auto;margin-top:24px;}
.join-box .join-box-ul {float: left;min-width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.join-box .join-box-li {position: relative;overflow: hidden;width: auto;margin-right: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.join-box .join-box-li:last-child{margin-right:0;}
.join-box .featuredimg{margin:0 auto;width:auto;height:140px;}
.join-box .featuredimg img{width:auto;max-height:100%;}
.join-box::-webkit-scrollbar{display:none;}
/**/

.welfare-list{display: flex;flex-wrap: wrap;}
.welfare-list .welfare-list-li{font-size: 12px;color: var(--02);height: 30px;line-height: 30px;padding: 0 15px;background: var(--f8);margin-top: 15px;margin-right: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.welfare-list .welfare-list-li:nth-child(even){margin-right:0;}
.join-introduce{position:relative;}
.join-introduce .introduce-bg img{width:100%;}
.join-introduce .text-box{position: absolute;top:2px;width: 100%;padding:30px 20px 0 20px;
    background: linear-gradient(0deg,rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.06) 3%, rgba(255,255,255,0.46) 25%, rgba(255,255,255,0.75) 41%, rgba(255,255,255,0.93) 54%, #ffffff 80%);
}

.join-idea-box .join-idea-text{position:absolute;top:0;left:0;padding:10px 20px 10px;width:100%;height:100%;background:rgba(0,0,0,.2);text-align:left;}
.join-idea-box .join-idea-text .basetitle{margin-top:0;color:var(--fff);}
.join-idea-box .join-idea-text .join-line{display:block;margin-top:10px;width:95px;height:1px;background:var(--fff);}
.join-idea-box .join-idea-text .text{margin-top:10px;color:var(--fff);font-size:12px;line-height:20px;}
.join-campus{margin:15px 0 80px 0;}
.join-campus .input-text{padding-left:40px;width:100%;height:30px;outline:0;border:1px solid var(--ae);line-height:30px;}
.join-campus .input-text::placeholder{color:var(--ae);}
.join-campus .choose-search{position:relative;margin-top:10px;width:100%;}
.join-campus .choose-search .icomoon{position:absolute;top:9px;left:15px;color:var(--ae);font-size:12px;}
.join-campus .campus-list{margin-top:30px;}
.campus-list .campus-list-li{padding:10px 20px 20px 20px;background:var(--f8);}
.campus-list .campus-list-li:nth-child(even){background:var(--fff);}
.campus-list-li .office,.campus-list-li .title{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.campus-list-li .office{margin-top:10px;}
.campus-list-li .office .txt{
    width:50%;
    margin-right: 20px;
}
.campus-list-li .office .txt:last-child{
    width: 50%;
    margin-right: 0;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.campus-list-li .title .text{
    width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.join-detail .title{margin-top:24px;font-size:20px;}
.join-detail .supplier-detail .detail-text{margin-top:15px;padding-left:0;font-size:14px;line-height:24px;}
.join-detail .supplier-detail{margin-bottom:20px;}
.join-detail .description{line-height:20px;justify-content:unset;flex-wrap:wrap;}
.join-detail .description span{margin-right:40px;}
.join-detail .description span:nth-child(even){margin-right:0;}
.join-detail .btn-block{margin-top:24px;}
.join-detail .contactHr{margin-top:40px;padding:20px;background:#f4fbff;}
.contactHr p{margin-bottom:10px;font-size:12px;}

/*------加入我们 end------*/

/*------供应商招募------*/
.supplier-banner .btn-block{width: 100%;margin-top:40px;text-align: center;background: none;}
.supplier-banner .btn-block .txt{display: inline-block;background: var(--blue);padding: 0 20px;height: 30px;line-height: 30px;margin-top: 15px;
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.supplier-category{padding-bottom:30px;}
.category-box{overflow:hidden;margin-top:10px;}
.category-box .category-list{position:relative;float:left;overflow:hidden;margin-top:15px;width:calc((100% - 15px)/ 2);}
.category-box .category-list:nth-child(odd){margin-right:15px;}
.category-list .pic{width:100%;height:100%;}
.category-list .text-more{position:absolute;bottom:20px;left:0;width:100%;text-align:center;}
.category-list .text{display:inline-block;padding:0 20px;height:30px;background:#fff;color:var(--02);font-size:12px;line-height:30px;}
.supplier-program{padding-bottom:60px;}
.program-box{overflow-x:scroll;overflow-y:hidden;margin-top:30px;width:100%;touch-action:auto;}
.program-box .program-boxul{float:left;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-top:24px;min-width:100%;}
.program-boxul .program-box-list{width:auto;text-align:center;}
.program-boxul .program-box-list:nth-child(even){display:flex;width:60px!important;height:50px;align-items:center;justify-content:center;}
.program-boxul .program-box-list .icomoon{display:block;width:100%;font-size:50px;}
.program-box-list .text{margin-top:15px;white-space:nowrap;font-size:12px;line-height:16px;}
.program-boxul .program-box-list:first-child .download{margin-top:15px;}
.program-box-list .download{display:block;color:var(--02);font-size:12px;line-height:16px;}
.program-box-list .pic{width:25px;height:25px;}
.program-box::-webkit-scrollbar{display:none;}
.supplier-data{margin-bottom:80px;background:var(--f8);}
.supplier-data .dataul{display:flex;margin:50px 0 60px 0;text-align:center;justify-content:space-between;align-items:center;}
.dataul .datali .icomoon{color:var(--ae);font-size:50px;}
.dataul .datali .text{margin-top:15px;color:var(--02);font-size:12px;}

/*------供应商招募 end------*/


/*------供应商招募详情------*/
/*.supplier-banner{width: 100vw;height: 100vw;}*/
.supplier-banner img{width: 100%;height: 100%;}

.supplier-detail{margin-bottom:80px;}
.supplier-detail .detail-text{margin-top:24px;padding-left:0;line-height: 24px;font-size: 14px;}
.supplier-detail .detail-text-li{margin-top:5px;list-style:decimal;}
.supplier-detail .detail-text-li:first-child{margin-top:0;}

/*------供应商招募详情 end------*/


@media (max-width:360px){
    .banner .maxtitle{color:var(--fff);font-size:24px;}
    .banner .title-eng{margin-top:10px;}
    .supplier-banner .btn-block{margin-top:20px;}
    .join-idea-text .basetitle{margin-top:20px!important;margin-top:0!important;}
    .index-banner .maxtitle,.vision-mian .about-vision-title{font-size:18px;}
    .nav-about-content .title-tab a{font-size:14px;}
    .brand-astroAI .brand-astroAI-text{font-size:22px;}
    .about-mission .about-vision-title{font-size:24px;}
}