@charset "UTF-8"; /* Theme Name: hoya Theme URI: Author: cjy Author URI: Description: 娴╀簹淇℃伅绉戞妧鏈夐檺鍏徃缃戠珯妯℃澘 Requires at least: WordPress 4.9.6 Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: hoya Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Variables # Normalize # Typography ## Headings ## Copy # Elements ## Lists ## Tables # Forms ## Buttons ## Fields # Navigation ## Links ## Menus ## Next & Previous # Accessibility # Alignments # Clearings # Layout # Widgets # Content ## Archives ## Posts and pages ## Comments # Blocks # Media ## Captions ## Galleries --------------------------------------------------------------*/ /* * Chrome renders extra-wide   characters for the Hoefler Text font. * This results in a jumping cursor when typing in both the Classic and block * editors. The following font-face override fixes the issue by manually inserting * a custom font that includes just a Hoefler Text space replacement for that * character instead. */ /* If we add the border using a regular CSS border, it won't look good on non-retina devices, * since its edges can look jagged due to lack of antialiasing. In this case, we are several * layers of box-shadow to add the border visually, which will render the border smoother. */ /* Calculates maximum width for post content */ /* Nested sub-menu padding: 10 levels deep */ /* Ensure all font family declarations come with non-latin fallbacks */ /* Build our non-latin font styles */ body { padding: 0; margin: 0; } /* header */ #masthead1 { background-color: black; } header .site-branding { background-color: inherit; height: 100px; } header .site-branding .branding { display: flex; flex-direction: column; justify-content: center; align-items: center; } header .site-branding .site-logo { margin-top: 5px; } header .site-branding .site-logo>a, header .site-branding .site-logo>a>img { width: inherit; height: inherit; } header .site-branding .site-title { margin-top: 4px; } header .site-branding .site-title>a { color: white; font-size: 20px; font-family: 榛戜綋; letter-spacing: 3px; } header .site-branding .site-title>a:hover { text-decoration: none; } header .site-branding nav { height: inherit; } header .site-branding nav .menu-item a:hover { text-decoration: none; } header .site-branding nav>div>ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; align-items: center; height: 100px; } header .site-branding nav>div>ul>li { position: relative; font-size: 18px; font-family: 榛戜綋; color: white; width: 125px; text-align: center; height: inherit; display: flex; justify-content: center; align-items: center; } header .site-branding nav>div>ul>li:hover { cursor: pointer; background: linear-gradient(#040d2e, #0d68c8); } header .site-branding nav .menu-item>ul>li>a, header .site-branding nav>div>ul>li>a { color: white; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } header .site-branding nav>div>ul>li>a[rel=home] { display: none; } header .site-branding nav .menu-item>ul { display: none; position: absolute; padding: 0; max-width: 145px; min-width: 125px; list-style: none; font-size: 16px; top: 100px; left: 0; z-index: 1; background: #0d68c8; } header .site-branding nav .menu-item>ul>li { height: 38px; display: flex; justify-content: center; align-items: center; } header .site-branding nav .menu-item>ul>li:hover { background: #094f95; } /* *杞挱鍥 */ #masthead2 { background-color: #06154c; } #masthead2 .carousel { height: 754px; } #masthead2 .carousel .carousel-inner { height: inherit; } #masthead2 .carousel .item { height: inherit; width: 100%; } #masthead2 .carousel .item { background-position: center; } #masthead2 .carousel .item:nth-child(1) { background-image: url(./img/index-carousel-01.jpg); } #masthead2 .carousel .item:nth-child(2) { background-image: url(./img/index-carousel-02.jpg); } #masthead2 .carousel .item:nth-child(3) { background-image: url(./img/index-carousel-03.jpg); } /* footer */ footer.site-footer { height: 390px; background: #24262d; padding-top: 76px; } footer a:hover { text-decoration: none; } footer ul { list-style: none; } footer.site-footer>.container { height: 254px; } footer.site-footer>.container>.row { height: inherit; } footer.site-footer>.container>.row .branding { height: 170px; display: flex; flex-direction: column; align-items: center; justify-content: center; } footer.site-footer>.container>.row .branding img { margin-bottom: 4px; } footer.site-footer>.container>.row .branding a { font-size: 20px; color: white; font-family: 榛戜綋; letter-spacing: 2px; } footer nav .main-menu { padding: 0; margin: 0; display: flex; justify-content: center; } footer nav .main-menu>li { width: 200px; padding-left: 35px; } footer nav .main-menu>li>a { color: white; font-size: 20px; font-family: 榛戜綋; display: inline-block; margin-bottom: 15px; } footer nav .main-menu>li>ul { padding: 0; margin: 0; } footer nav .main-menu>li>ul>li>a { color: white; font-size: 12px; font-family: 榛戜綋; display: inline-block; margin-bottom: 15px; } footer nav>div>ul>li:last-child>div { color: white; font-size: 12px; font-family: 榛戜綋; margin-bottom: 15px; } footer .contact-us { color: white; } footer .contact-us>div:first-child { margin-bottom: 15px; color: white; font-size: 20px; font-family: 榛戜綋; display: inline-block; } footer .contact-us>div:last-child div { margin-bottom: 15px; } footer .wechat-QR img { width: 100%; } footer .wechat-QR div { color: white; font-size: 14px; font-family: 榛戜綋; text-align: center; } footer .copyright { height: 60px; color: white; border-top: 2px solid #3d3f46; display: flex; align-items: center; justify-content: center; } /* business areas */ .page-business-area .entry-content { margin-bottom: 60px 0; } .page-business-area .entry-content>p { margin-top: 60px; margin-bottom: 40px; } .page-business-area .entry-content figure { text-align: center; clear: both; } .page-business-area .entry-content .wp-block-button { position: relative; margin: 0; padding: 0; } .page-business-area .entry-content .wp-block-button__link { font-size: 12px; padding: 5px; border-radius: 0; border: 1px solid white; } .page-business-area .entry-content .wp-block-button:nth-of-type(odd) { float: right; top: -60px; left: -607px; } .page-business-area .entry-content .wp-block-button:nth-of-type(even) { float: right; top: -60px; left: -95px; } .page-business-area .entry-content .wp-block-button:nth-of-type(5) { top: -60px; left: -95px; } .page-business-area .entry-content .wp-block-button:nth-of-type(6) { top: -60px; left: -607px; } .business-areas .business-title { height: 252px; background: #f0f0f0; } .news .news-title>.container, .about-us .about-title>.container, .business-areas .business-title>.container { height: inherit; position: relative; } .news .news-title>.container>.row, .about-us .about-title>.container>.row, .business-areas .business-title>.container>.row { height: inherit; } .news .news-title>.container>.row:first-child, .about-us .about-title>.container>.row:first-child, .business-areas .business-title>.container>.row:first-child { position: absolute; width: 100%; height: inherit; display: flex; justify-content: center; align-items: center; } .news .news-title>.container>.row:last-child, .about-us .about-title>.container>.row:last-child, .business-areas .business-title>.container>.row:last-child { display: flex; justify-content: center; align-items: center; } .news .news-title>.container>.row:first-child>div, .about-us .about-title>.container>.row:first-child>div, .business-areas .business-title>.container>.row:first-child>div { color: #d9d9d9; font-size: 60px; } .news .news-title>.container>.row:last-child>div:first-child, .about-us .about-title>.container>.row:last-child>div:first-child, .business-areas .business-title>.container>.row:last-child>div:first-child { margin-top: 28px; display: flex; justify-content: center; align-items: center; flex-flow: column; } .news .news-title>.container>.row:last-child>div>div:first-child, .about-us .about-title>.container>.row:last-child>div>div:first-child, .business-areas .business-title>.container>.row:last-child>div>div:first-child { color: #333; font-family: 榛戜綋; font-size: 32px; width: 140px; height: 60px; border-top: 1px solid #0d6bc6; border-bottom: 1px solid #0d6bc6; display: flex; justify-content: center; align-items: center; } .news .news-title>.container>.row:last-child>div>div:last-child, .about-us .about-title>.container>.row:last-child>div>div:last-child, .business-areas .business-title>.container>.row:last-child>div>div:last-child { color: #666; font-size: 18px; margin-top: 5px; } .business-areas .business-content { height: 612px; background-image: url(./img/business-areas-bg.jpg); background-repeat: no-repeat; background-size: cover; } .business-areas .business-content .container, .business-areas .business-content .container .row, .business-areas .business-content .container .row>.col-md-12:first-child { height: inherit; } .business-areas .business-content .container .row { position: relative; } .business-areas .business-content .container .row>.col-md-12:first-child { display: flex; justify-content: center; align-items: center; } .business-areas .business-content .container .row>.col-md-12:first-child div { height: 350px; } .business-areas .business-content .container .row>.col-md-12:first-child div img { height: inherit; } .business-areas .business-content .container .row>.col-md-12:first-child div a { background-color: #333; background-color: #00000094; font-size: 30px; width: 100%; display: inline-block; text-align: center; color: white; padding: 10px 0; position: relative; top: -62px; text-decoration: none; } .business-areas .business-content .container .row>.col-md-12:last-child { position: absolute; width: 100%; bottom: 58px; display: flex; justify-content: center; } .business-areas .business-content .container .row>.col-md-12:last-child div { font-size: 14px; width: 83px; height: 28px; text-align: center; color: white; font-family: 榛戜綋; background: #0b6dc6; border-radius: 10px; padding: 3px 0px; display: flex; justify-content: center; cursor: pointer; } .business-areas .business-content .container .row>.col-md-12:last-child div a { color: white; } /* about us */ .about-us .about-title { height: 319px; background: #f0f0f0; } .about-us .about-content img { position: relative; top: -40px; } .about-us .about-content .content { padding: 20px 0 20px 60px; } .about-us .about-content .content h2 { border-left: 4px solid #0b7bda; font-size: 24px; font-family: 榛戜綋; color: #333; padding-left: 30px; } .about-us .about-content .content p { font-size: 16px; font-family: 榛戜綋; text-indent: 32px; line-height: 29px; letter-spacing: 2px; } .about-us .about-content .more { font-size: 14px; font-family: 榛戜綋; color: #0d6bc8; border: 1px solid #0d6bc8; width: 112px; padding: 5px 15px; border-radius: 10px; cursor: pointer; } .about-us .about-content .more span { margin-left: 10px; } /* news */ .news .news-title { background: #f0f0f0; } .news .news-title { height: 256px; } .news-content .item { position: relative; } .news-content .item .category { position: absolute; width: 60px; height: 60px; background: #4989c7; opacity: 0.7; font-size: 20px; text-align: center; color: white; font-family: 榛戜綋; padding: 2px; right: 25px; top: 10px; } .news-content .item .image { height: 300px; width: 100%; } .news-content .item .image a, .news-content .item .image img { height: inherit; width: inherit; } .news-content .item .content { padding: 10px 15px; border: 1px solid #f1eded; } .news-content .item .content .title { color: #333; font-size: 18px; font-family: 榛戜綋; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 10px; } .news-content .item .content .excerpt { text-indent: 28px; letter-spacing: 2px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; line-clamp: 4; box-orient: vertical; height: 82px; } .news-content .item .content .meta { color: #c0c0c0; font-size: 12px; font-family: 榛戜綋; margin-top: 12px; } .news-content .item .content .meta span:first-child { margin-right: 5px; } .news-content .item .content .meta .link { float: right; color: #c0c0c0; font-size: 12px; cursor: pointer; } .news-content .col-md-12:last-child { margin-top: 60px; margin-bottom: 50px; display: flex; justify-content: center; } .news-content .col-md-12:last-child .more>a { width: 140px; height: 40px; display: flex; justify-content: center; align-items: center; background: #0d6bc6; color: white; font-size: 16px; font-family: 榛戜綋; border-radius: 8px; cursor: pointer; } /* category news-trends */ .category-news-trends .banner { background-position: center; height: 360px; background-image: url(./img/news-trends-banner.jpg); } .category-news-trends .title-nav { border-bottom: 3px solid #337ab7; margin-top: 10px; padding: 25px 0; } .category-news-trends .title-nav ul { padding: 0; list-style: none; display: flex; color: #333; margin: 0; } .category-news-trends .title-nav ul>li:last-child {} .category-news-trends .title { display: flex; align-items: center; margin: 40px 0 10px 0; } .category-news-trends .title .title-item { font-size: 20px; margin-right: 30px; padding: 8px 0; } .category-news-trends .title .title-item.active { font-size: 30px; border-bottom: 5px solid #286090; } .category-news-trends .title .title-item a { color: black; } .category-news-trends .container>.content { margin: 50px 0; } .category-news-trends .content article { margin: 55px 0; } .category-news-trends .content article .img img { width: 100%; height: inherit; object-fit: contain; } .category-news-trends .content article .content { padding: 0 0 0 50px; } .category-news-trends .content article .content .article-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .category-news-trends .content article .content .article-title>div { font-size: 22px; font-weight: bold; } .category-news-trends .content article .content .article-title>span { color: gray; } .category-news-trends .content article .content .article-excerpt p { font-size: 16px; color: #333; letter-spacing: 3px; line-height: 32px; text-indent: 40px; } .category-news-trends .content article .content .article-excerpt a { float: right; } /* single */ .category-single-main .banner { background-position: center; height: 360px; } .category-single-main .title-nav { border-bottom: 3px solid #337ab7; margin-top: 10px; padding: 25px 0; } .category-single-main .title-nav a { color: black; } .category-single-main article .entry-content { margin: 50px 0; } .category-single-main article .entry-content .title { text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 20px; } .category-single-main article .entry-content .content { font-size: 16px; } /* 鍏徃姒傚喌 */ .page-conter-uas>.banner, .page-smart-glasses>.banner, .page-ticket>.banner, .page-business-area>.banner, .page-contact-us>.banner, .page-e-fly>.banner, .page-uav>.banner, .page-fly-smart-cloud>.banner, .page-company-profile>.banner { background-position: center; height: 360px; } .page-conter-uas .title, .page-smart-glasses .title, .page-ticket .title, .page-business-area .title, .page-contact-us .title, .page-e-fly .title, .page-uav .title, .page-fly-smart-cloud .title, .page-company-profile .title { border-bottom: 3px solid #337ab7; margin-top: 10px; padding: 25px 0; } .page-company-profile .entry-content { padding: 80px 0; } .page-company-profile .entry-content .col-md-5 { margin-right: 40px; padding: 100px 0; } .page-company-profile .entry-content>p:nth-child(2) { font-size: 30px; } .page-company-profile .entry-content>p:nth-child(3) { font-size: 20px; color: gray; } .page-company-profile .entry-content>p:nth-child(4), .page-company-profile .entry-content>p:nth-child(5), .page-company-profile .entry-content>p:nth-child(6) { text-indent: 20px; text-indent: 30px; line-height: 43px; letter-spacing: 1px; } .page-conter-uas .entry-content>.row:nth-child(1), .page-smart-glasses .entry-content>.row:nth-child(1), .page-ticket .entry-content>.row:nth-child(1), .page-uav .entry-content>.row:nth-child(1), .page-fly-smart-cloud .entry-content>.row:nth-child(1), .page-e-fly .entry-content>.row:nth-child(1) { margin: 50px 0 0 0; text-align: center; } .page-conter-uas .entry-content>.row:nth-child(1)>div>div:first-child, .page-smart-glasses .entry-content>.row:nth-child(1)>div>div:first-child, .page-ticket .entry-content>.row:nth-child(1)>div>div:first-child, .page-uav .entry-content>.row:nth-child(1)>div>div:first-child, .page-fly-smart-cloud .entry-content>.row:nth-child(1)>div>div:first-child, .page-e-fly .entry-content>.row:nth-child(1)>div>div:first-child { font-size: 32px; font-weight: bold; } .page-conter-uas .entry-content>.row:nth-child(1)>div>div:last-child, .page-smart-glasses .entry-content>.row:nth-child(1)>div>div:last-child, .page-ticket .entry-content>.row:nth-child(1)>div>div:last-child, .page-uav .entry-content>.row:nth-child(1)>div>div:last-child, .page-fly-smart-cloud .entry-content>.row:nth-child(1)>div>div:last-child, .page-e-fly .entry-content>.row:nth-child(1)>div>div:last-child { color: gray; font-size: 20px; margin-top: 15px; } .page-e-fly .entry-content>.row:nth-child(2) { display: flex; align-items: center; } .page-e-fly .entry-content>.row:nth-child(2) .col-md-6:last-child { color: #333; font-size: 18px; line-height: 30px; letter-spacing: 2px; text-indent: 36px; } .page-e-fly .entry-content>.row:nth-child(3), .page-e-fly .entry-content>.row:nth-child(4) { text-align: center; } .page-uav .entry-content>.row:nth-child(2) { margin: 60px 0 20px 0; font-size: 18px; letter-spacing: 2px; line-height: 36px; text-indent: 40px; } .page-uav .entry-content>.row:nth-child(3), .page-uav .entry-content>.row:nth-child(5) { text-align: center; } .page-uav .entry-content>.row:nth-child(4) { text-align: center; color: #337ab7; } .page-uav .entry-content>.row:nth-child(4) div>div:first-child { font-size: 26px; font-weight: bold; margin: 10px 0 20px 0; } .page-uav .entry-content>.row:nth-child(4) div>div:last-child { font-size: 18px; margin-bottom: 10px; } .page-fly-smart-cloud .entry-content>.row:nth-child(2) { margin: 60px 0 20px 0; font-size: 18px; letter-spacing: 2px; line-height: 36px; text-indent: 40px; } .page-fly-smart-cloud .entry-content>.row:nth-child(4), .page-fly-smart-cloud .entry-content>.row:nth-child(5), .page-fly-smart-cloud .entry-content>.row:nth-child(3) { text-align: center; } .page-fly-smart-cloud .entry-content>.row:nth-child(4)>div, .page-fly-smart-cloud .entry-content>.row:nth-child(5)>div, .page-fly-smart-cloud .entry-content>.row:nth-child(3)>div { font-size: 26px; font-weight: bold; margin: 10px 0 20px 0; color: #337ab7; } /* 浜哄姏璧勬簮 */ .category-human-resources .banner { background-position: center; height: 360px; background-image: url(./img/human-resources-banner.jpg); } .category-human-resources .title-nav { border-bottom: 3px solid #337ab7; margin-top: 10px; padding: 25px 0; } .category-human-resources .title-nav ul { padding: 0; list-style: none; display: flex; color: #333; margin: 0; } .category-human-resources .content { margin: 25px 0; } .category-human-resources .article-title { margin-bottom: 10px; } .category-human-resources .article-title a { font-size: 20px; color: #333; } .category-human-resources .article-excerpt { display: flex; justify-content: space-between; } .category-human-resources .article-excerpt div:first-child { color: gray; } /* 鑱旂郴鎴戜滑 */ .page-contact-us .entry-content { margin: 50px 0; } /* 閫氳埅鍞エ */ .page-ticket .entry-content .row:nth-of-type(2) { margin: 40px 0; } .page-ticket .entry-content .row:nth-of-type(2)>div { color: #333; font-size: 16px; letter-spacing: 4px; line-height: 28px; } .page-ticket .entry-content .row .col-md-6 img { width: 100%; } .page-ticket .entry-content .row .f-title { text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 90px; } .page-ticket .entry-content .row .col-md-3 .col-md-12 { display: flex; justify-content: center; } .page-ticket .entry-content .row .col-md-3 .item-title { width: 120px; height: 120px; background: #7eb9ea; display: flex; justify-content: center; align-items: center; border-radius: 12px; transform: rotate(45deg); margin-bottom: 40px; } .page-ticket .entry-content .row .col-md-3 .item-title span { transform: rotate(-45deg); color: white; font-size: 17px; font-weight: bold; } .page-ticket .entry-content .row .col-md-3 .item-content { color: #333; font-size: 16px; letter-spacing: 2px; line-height: 26px; } /* 鏅鸿兘鐪奸暅 */ .page-smart-glasses .entry-content .row:nth-of-type(2) { margin-top: 40px; } .page-smart-glasses .entry-content .row:nth-of-type(2)>div { color: #333; font-size: 16px; letter-spacing: 4px; line-height: 28px; margin-bottom: 50px; } .page-smart-glasses .entry-content .row .f-title { text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 90px; margin-top: 40px; } .page-smart-glasses .entry-content .row .col-md-12:nth-of-type(2) { display: flex; justify-content: center; } /* 鏃犱汉鏈哄弽鍒 */ .page-conter-uas .entry-content .row:nth-of-type(2)>div { margin-top: 40px; display: flex; justify-content: center; } .page-conter-uas .entry-content .row:nth-of-type(3) {} .page-conter-uas .entry-content .row:nth-of-type(4) .f-title, .page-conter-uas .entry-content .row:nth-of-type(3) .f-title { text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 50px; margin-top: 30px; } .page-conter-uas .entry-content .row:nth-of-type(3) div:nth-of-type(2) { color: #333; font-size: 16px; letter-spacing: 2px; line-height: 26px; text-align: center; } .page-conter-uas .entry-content .row:nth-of-type(3) div:nth-of-type(3) { display: flex; justify-content: center; } .page-conter-uas .entry-content .row:nth-of-type(4) .col-md-12 { display: flex; justify-content: center; align-items: center; } .page-conter-uas .entry-content .row:nth-of-type(4) .col-md-12 img { width: 100%; } .page-conter-uas .entry-content .row:nth-of-type(4) .col-md-12 .col-md-6:last-child { color: #333; font-size: 16px; } .page-conter-uas .entry-content .row:nth-of-type(4) .col-md-12 .col-md-6:last-child>p:first-child { font-weight: bold; }