#headerMark {display: none;}


/** ------------------------------------
 * hero
 * ------------------------------------- */
#hero {
    padding: 5rem;
    background: linear-gradient(20deg, var(--bg-main) 0%, var(--bg-main) 40%, var(--primary) 100%);
}
#hero h2 {
    font-size: calc(3vw + 2.5rem);font-weight: 600;
    margin-bottom: 2rem;
}
#hero p {
    line-height: 1.7;font-weight: 300;
}
#hero .btn {
    margin-top: 2.5rem;
    padding: 1.5rem 4rem;border-radius: 8rem;
    border-color: var(--bc10);
}
#hero .btn:hover {
    background: var(--bc15);color: var(--bc3);
}

@media screen and (max-width: 767px){
    #hero {padding: 6rem 3rem;}
}


/** ------------------------------------
 * heroSwiper
 * ------------------------------------- */
.heroSwiper {}
.swiper-slide {
    width:100vw;
    transition-timing-function:linear;
}
.swiper-slide img {
    width:100%;min-height: 600px;
    border-radius: 4px;object-fit: cover;
}
.swiper-button-prev,.swiper-button-next {
    color: #fff;
}
.swiper-button-prev {left: 20px;}
.swiper-button-next {right: 20px;}
.swiper-pagination-bullet {background-color: #fff;}
.swiper-pagination-bullet-active {background-color: #fff;}
@media screen and (max-width: 767px){
    .swiper-slide img {min-height: 200px;}
}




.fullpage {
    padding: 7rem 5rem;
    background-size: cover;background-repeat: no-repeat;
}
.fullpage.bg {background-color: var(--bg-seco);}
.fullpage_inner>h2 {
    font-size: calc(3vw + 2.5rem);font-weight: 600;
}
.fullpage_inner>h3 {
    font-size: calc(0.5vw + 1.5rem);font-weight: 500;
}
.mt-3rem {margin-top: 3rem;}.mt-4rem {margin-top: 4rem;}
.mb-3rem {margin-bottom: 3rem;}.mb-4rem {margin-bottom: 4rem;}
@media screen and (max-width: 767px){
    .fullpage {padding: 5rem 3rem;}
}



.productsWrap {
    display: flex;justify-content: space-between;align-items: flex-start;
}
.products-nav {width: 220px;font-size: 15px;}
.products-nav a {
    display: block;text-align: left;
    padding: 16px;background-color: var(--bg-seco);
}
.products-nav a+a {margin-top: 4px;}
.products {
    width: calc(100% - 220px - 3rem);
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
@media screen and (max-width: 767px){
    .productsWrap {display: block;}
    .products-nav {width: 100%;}
    .products {
        width: 100%;margin-top: 3rem;
        grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
    }
}
@media screen and (min-width: 1400px){
    .products-nav a:nth-child(3n) {display: none;}
}



#news-tabs {display: flex;flex-wrap: nowrap;}
.news-tabs {
    background: var(--primary);color: #fff;
}
.news-tabs .gqui-tab {
    padding: 1rem 2rem;color: #ccc;
}
.news-tabs .gqui-tab.is-active, .news-tabs .gqui-tab:hover {
    color: #fff;border-color: inherit;
}
.news-tabs .gqui-tab.is-active{
    background: rgba(255,255,255,.1);
}
#news-imgList .gqui-card {
    --header-width: 40%;--header-height: auto;
    align-items: unset;
    background: var(--bc2);box-shadow: none;
}
#news-imgList .gqui-card+.gqui-card {margin-top: 2rem;}
#news-imgList .gqui-card-body {padding: 20px;}

#news-txtList {margin-left: 3rem;}
.txtItem {
    display: flex;align-items: center;justify-content: space-between;
    border-bottom: 1px dashed var(--bc5);
    font-size: 16px;padding: 10px 20px;
}
.txtItem .tip {color: var(--bc10);}
.txtItem .tip-date {min-width: 100px;}

@media screen and (max-width: 767px){
    #news-txtList {margin-left: 0;margin-top: 3rem;}
    .txtItem {font-size: 13px;}
    .txtItem .tip-date {min-width: 80px;}
}



.adBlock {
    padding: 2rem 5rem;
    background: var(--primary);color: #fff;
}
.adBlock h3 {font-size: calc(0.5vw + 1.5rem);font-weight: 500;}

.ability-cards .gqui-card {
    width: 31%;background-color: var(--primary);
}
.ability-cards .gqui-card h4 {color: #fff;}
@media screen and (max-width: 767px){
    .ability-cards {display: block;}
    .ability-cards .gqui-card {width: 100%;}
    .ability-cards .gqui-card+.gqui-card {margin-top: 2rem;}
}

#aboutXKPage {
    background-image:url("/lib/img/bg/index.jpg");
    padding-left:0;padding-right:0;color:#fff;
}
#abilityXKPage {
    background-image:url("/lib/img/bg/planet.jpg");
    color:#fff;
}
.aboutXK .article {
    position: relative;
    padding-left: 4rem;padding-bottom: 60px;
}
.aboutXK-more {
    position: absolute;bottom: 0;right: 0;
    padding: 0.8rem 2rem;
    background: var(--primary);color: #fff;
}
@media screen and (max-width: 767px){
    .aboutXK .article {padding-left: 0;padding-top: 3rem;}
}


.aboutFour .item {
    padding: 0.5rem 3rem;text-align: center;
}
.aboutFour .item h3 {font-size: 3rem;font-weight: 800;}
.aboutFour .item i {
    display: block;margin: 16px auto 20px auto;
    width: 30px;height: 2px;
    background: rgba(255,255,255,.5);
}
.aboutFour .item h4 {font-size: 1.2rem;font-weight: 600;}
.aboutFour .item h5 {font-size: 13px;margin-top: 4px;}
.aboutFour .item+.item {border-left: 1px solid var(--bc4);}
@media screen and (max-width: 767px){
    .aboutFour {display: block;}
    .aboutFour .item {padding: 3rem;}
    .aboutFour .item+.item {
        border-left: none;
        border-top: 1px solid var(--bc4);
    }
}


.endBar {
    display: block;
    padding: 3rem;text-align: center;font-size: 1.5rem;
    background: var(--primary);color: #fff;
}


/** ------------------------------------
 * largeTab
 * ------------------------------------- */
.largeTab {
    border: 1px solid var(--bc15);border-left: none;border-right: none;
    overflow: hidden;
}
.largeTab+.largeTab {
    border-top: none;
}
.largeTab_header {
    padding: 2rem 5rem;
    display: flex;align-items: center;justify-content: space-between;
    cursor: pointer;
}
.largeTab_header h3 {font-size: 3rem;}
.largeTab_header h5 {font-size: 1rem;font-weight: 600;}
.largeTab_header .icon {
    font-size: 3rem;display: block;
    transition: transform 0.5s ease;
}
.largeTab_header.is-down .icon {
    transform: rotateX(180deg);
}
.largeTab_body .content {padding: 3rem 5rem;}

@media screen and (max-width: 767px){
    .largeTab_body .content {padding: 3rem 0;}
}