/*!
Theme Name: quanyou
Theme URI: 
Author: QUANYOU
Author URI: 
Description: quanyou
Version: 1.0.0
Text Domain: quanyou
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/* Alignments
--------------------------------------------- */
img {
  max-width: 100%;
  height: auto;
}
iframe {
  max-width: 100%;
}
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*
 * Swiper's bundled `height: 100%` rule resolves against the viewport inside
 * WordPress' homepage document. Keep content-driven mobile carousels at their
 * natural height, matching the source mobile page.
 */
body.home .hotSwiper,
body.home .hotSwiper > .swiper-wrapper,
body.home .hotSwiper > .swiper-wrapper > .swiper-slide,
body.home .mpbox,
body.home .mpbox > .swiper-wrapper,
body.home .mpbox > .swiper-wrapper > .swiper-slide,
body.home .newsSwiper > .swiper-wrapper,
body.home .newsSwiper > .swiper-wrapper > .swiper-slide {
  height: auto !important;
}
.quanyou-no_post_found {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("assets/fonts/roboto/roboto-vietnamese.woff2") format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("assets/fonts/roboto/roboto-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("assets/fonts/roboto/roboto-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --quanyou-font-primary: "Roboto", Arial, sans-serif;
}

html,
body,
body :where(a, abbr, address, article, aside, b, blockquote, button, caption, cite, code, dd, details, dfn, div, dl, dt, em, figcaption, footer, form, h1, h2, h3, h4, h5, h6, header, input, label, legend, li, main, nav, ol, option, p, section, select, small, span, strong, summary, table, tbody, td, textarea, tfoot, th, thead, tr, ul) {
  font-family: var(--quanyou-font-primary) !important;
}

._templateIcon,
._templateIcon::before,
._templateIcon::after {
  font-family: templateIcon !important;
}

._iconfont,
._iconfont::before,
._iconfont::after {
  font-family: iconfont !important;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  font-family: swiper-icons !important;
}

@media screen and (max-width: 900px) {
  .about2024-page,
  .idea2024-page,
  .culture2024-page,
  .develop2024-page,
  .chain2024-page {
    overflow-x: hidden;
  }

  .about2024-page .about_nav,
  .idea2024-page .about_nav,
  .culture2024-page .about_nav,
  .develop2024-page .about_nav,
  .chain2024-page .about_nav {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .about2024-page .about_nav::-webkit-scrollbar,
  .idea2024-page .about_nav::-webkit-scrollbar,
  .culture2024-page .about_nav::-webkit-scrollbar,
  .develop2024-page .about_nav::-webkit-scrollbar,
  .chain2024-page .about_nav::-webkit-scrollbar {
    display: none;
  }

  .about2024-page .about_nav a,
  .idea2024-page .about_nav a,
  .culture2024-page .about_nav a,
  .develop2024-page .about_nav a,
  .chain2024-page .about_nav a {
    flex: 0 0 auto;
    white-space: nowrap;
    margin-right: 6vw;
  }

  .about2024-page .about_nav a:last-child,
  .idea2024-page .about_nav a:last-child,
  .culture2024-page .about_nav a:last-child,
  .develop2024-page .about_nav a:last-child,
  .chain2024-page .about_nav a:last-child {
    margin-right: 0;
  }

  .about2024-page .wow,
  .idea2024-page .wow,
  .culture2024-page .wow,
  .develop2024-page .wow,
  .chain2024-page .wow {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    visibility: visible !important;
  }

  .about2024-page .singePage,
  .about2024-page .singePage p,
  .idea2024-page .na_idea_box,
  .idea2024-page .na_idea_box p,
  .culture2024-page .na_cultrue,
  .culture2024-page .na_cultrue p,
  .develop2024-page .time_list,
  .develop2024-page .time_list p,
  .develop2024-page .time_list .txt,
  .chain2024-page .des,
  .chain2024-page .des p {
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .develop2024-page .time_list .ul .li .info {
    min-height: 1px;
  }

  .develop2024-page .time_list .ul .li .imgbox:empty {
    display: none;
  }
}