/*
Theme Name: Top-Link
Text Domain: toplink 2025.03.24
Version: 1.01
Requires at least: 4.7
Requires PHP: 5.2.4
Description: toplink official website, Started on 2025-03-05, support
Author: glenlau
Author URI: https://www.glenlau.cn
Theme URI: https://glenlau.cn/themes/toplink/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
---------------------------------------------------------------*/
@charset "utf-8";
/*
@import url(assets/css/global.min.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');
*/
@import url('assets/css/google-fonts/Noto+Sans+SC.css');
:root {
    /*--dark: #2D2D2D;*/
    --primary: #024eae /*#2250fc*/;
    --font-color: #444444;
    --text-color: #636363;
    --hover-color: #055dc8 /*#0333e8*/;
    --dark-hover-color: #4b9eff /*#e2e2e2*/;
    --hover-bg-color: #F5F5F5;
    --padding-size: 10px;
}
body {font-family: 'Noto Sans SC', sans-serif;}
.half-width{width:50%;}
p{color:var(--text-color);}
.list-inside li{list-style-position: inside;}
.list-style-none li{list-style: none;}
.p-6 { padding: 1.5rem;}
.bg-blue-50 { background-color: rgb(239 246 255 / 1);}
.border-blue-100 {border-color: rgb(219 234 254 / 1);}
.text-blue-500 {color: rgb(59 130 246 / 1);}
.text-xxs { font-size: 0.75rem; line-height: 1rem; }
.mt-1 { margin-top: 0.25rem; }
.mr-2 { margin-right: 0.5rem; }
.border {border-width: 1px;}
.rounded-lg {border-radius: 0.5rem;}
.f-s-m{font-size:1.25rem;}
[class*="no-bold"] { font-weight: normal !important;}
.bg-gray{background-color: #f0f3f6;}
.btn.b-r5{border-radius: 5px !important;}
/* mfp-zoom */
.mfp-content .mfp-img{background-color: #fff;}
/** 图片放大 **/
.thumbnail { position: relative; display: inline-block; cursor: zoom-in; }
.zoom-preview { position:fixed;z-index: 999;border: 2px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3); overflow: hidden;opacity: 0; transition: opacity 0.3s; pointer-events: none; max-width: 80vw;max-height: 80vh; background: #000;}  
.thumbnail:hover .zoom-preview { opacity: 1; }
/** header **/
.toplink-logo{font-size:0 !important;}
header .toplink-logo:before {font-size:2.18rem;}
.dark .toplink-logo:before {color: #ffffff;}
#mainMenu nav>ul>li>a {font-size:1.18rem; color:var(--font-color);}
#mainMenu nav>ul>li .dropdown-menu>li>a:focus, #mainMenu nav>ul>li .dropdown-menu>li>a:hover, #mainMenu nav>ul>li .dropdown-menu>li>a:active,
#mainMenu nav>ul>li .dropdown-menu>li [class*="col-"]>ul>li>a:focus, #mainMenu nav>ul>li .dropdown-menu>li [class*="col-"]>ul>li>a:hover, #mainMenu nav>ul>li .dropdown-menu>li [class*="col-"]>ul>li>a:active { background-color:var(--hover-bg-color); }
#search .search-form .text-muted { opacity: .8;}
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title{display:block;}
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content [class*="col-"]>ul>li:first-child>a {padding-top: 10px;}
#mainMenu nav>ul>li.current-menu-parent >a, li.current-post-parent >a, #mainMenu nav>ul>li.current_page_item >a { color: var(--primary);}
.dark #mainMenu nav>ul>li.current_page_item >a{color:var(--dark-hover-color);}
/** slider **/
.inspiro-slider .slide .slide-captions h1{font-size: 3.89rem;}
.inspiro-slider .slide .slide-captions h2{font-size: 4.489rem; margin-bottom: 10px;}
.inspiro-slider .slide .slide-captions h3{font-size: 2.489rem;}
.inspiro-slider .slide .slide-captions span.stress{color:#FFFFFF!important;}
.inspiro-slider .slide .slide-captions .btn-box .btn.scroll-to{font-size: 16px;padding: 16px 18px;}
/** home page **/
.home .category .category-wrap {padding:0 20px;}
.home .image-grid .grid-item{padding:10px;}
.home .image-grid .grid-item .portfolio-image:hover {}
.home .image-grid .grid-item .portfolio-description { width:100%;top:25%; transform:translate3d(0, -50%, 0); opacity:1; visibility:visible; }
.home .image-grid .grid-item .portfolio-description * { color:#1f1f1f; transition:all 0.8s ease; transition-delay:0.1s;}
.home .category.image-grid .grid-item .portfolio-description h2{ font-weight:600;}
.home .category .grid-item:not(.no-overlay):hover .portfolio-image:after{opacity:0.05;}
.home .category .grid-item .portfolio-image{  background: linear-gradient( 135deg, #f5f5f5 0%,#e0e0e0 50%,#cccccc 100%);}
.home .industry .grid-item .portfolio-image:after{ opacity:0;}
.home .industry .grid-item:not(.no-overlay):hover .portfolio-image:after{opacity:0.35;}
.home .heading-text h2{font-size:2.965rem;}
.home .heading-text h3{font-size:2.625rem;font-weight:500;}
.home .portfolio-description h3{font-weight:500;padding:20px 0;}
.home .industry .portfolio-description h3{font-size:2.125rem;}
.home .industry.image-grid .grid-item .portfolio-description h2{font-size: 2.198rem; font-weight:500; margin-bottom:10px;}
.home .industry.image-grid .portfolio-description *{color: var(--light); }
.home .application .portfolio-3-2-columns.portfolio-item{width:66.66666%;}
.home .application .portfolio-description h3 {font-size:1.916rem;}
.home .application .portfolio-item:not(.no-overlay) .portfolio-description{ opacity: 1; visibility: visible;}
.ability{padding-left:20px;}
.home .bg-overlay{ opacity: 0.56; background: rgb(8 8 8 / 67%);}
/** footer **/
footer .toplink-logo:before { color: #ffffff;}
footer.inverted .copyright-text { color: #999999;}
footer img.qrcode{ max-width: 100px;}
/** about page **/
.about .description p{font-size: 1.25rem;}
.events .item-desc{ padding:10px; font-size:1.256rem;}
.events .item-desc span { font-weight: bold; }
.odds, .odds p {font-size:1.567rem;}
.odds {margin-bottom: 85px;}
/** single post **/
.btn:not(.close):not(.mfp-close).btn-slide.btn-xs>i{left:6px; top:5px; font-size:18px;}
/** product category **/
.product .product-description .product-title{max-width:100%;}
.product-area .single-product h4 { font-weight:500; font-size: 1.226rem; line-height: 1.35;}
.product-area .single-product h4 a{color:var(--font-color);  }
.product-area .single-product { position: relative; background: #fff; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; border: 1px solid transparent; border-radius: 5px; padding: 15px 15px 30px 15px; overflow: hidden;}
.product-area .single-product:hover { border: 1px solid #ddd;}
.product-area .pro-content .product-rating{color:#dadada;}
.product-area .single-product .pro-img img{max-width: 100%;}
/** single product **/
.single-product .inspiro-slider .slide .slide-captions h1{font-size:2.625rem;}
.single-product .inspiro-slider .slide .slide-captions h2{font-size:1.9856rem;font-weight:500;margin-bottom: 0;}
#categories .portfolio-image{ background-color: #F8F8F8;}
.icon-box.blue-500.border .icon {border-color: #3B82F6;}
.icon-box.blue-500.border.border .icon i {color: #3B82F6;}
.style1 .content-box{background: aliceblue; padding: 15px;width: 100%; border-radius: 5px;}
.style1 .icon-box.border.small .icon {top: 15px;}
.style2 .row{ margin: 3px; padding:20px 5px; background-color: aliceblue; border-radius: 5px;}
.style2 .icon-box.blue-500.border .icon {background-color:#3B82F6;}
.style2 .icon-box.blue-500.border.border .icon i {color: #FFFFFF;}
.style4 .row{ margin: 3px; padding:20px 5px;}
.faq .qa-box{padding: 15px 25px; margin: 15px 5px; background: aliceblue; border-radius: 5px;}
.qa-box .question{font-size:1.156rem;}
.selection-pane .image-frame img{max-width:100%;}
.selection-pane .tabs.tabs-clean .nav-tabs .nav-link.active{ background-color:aliceblue;border-color: #e6e8eb;border-radius:5px;}
.selection-pane .tabs.tabs-clean .tab-content{border:none; padding:0;}
.desc-pane ul li {list-style-position: inside;}
.tabs.tabs-folder .nav-tabs .nav-link.active{background-color:rgb(255, 255, 255);}
.table-contents .dt-container > div:nth-child(2) > div{overflow: hidden;}
.table-contents .dt-container > div:nth-child(2) > div:hover{overflow: auto;}
.table-contents .dt-container td img{max-width:100%;}
.table-contents .dt-container td .thumbnail > img{max-height:120px;}
.table-contents .dt-container td .zoom-preview img{max-width:50vw;}
/** contact page **/
.map-position img{opacity: .5;}
.page-contact .widget-contact-form .message{height:305px;}
/** advantage **/
.inspiro-slider .slide .slide-captions .strong.fs-33{ font-size: 1.895rem !important;}
.advantage .image-item{margin-bottom: 10px;}
.advantage .image-item img{ max-width: 100%; border-radius:3px;}
.advantage .heading-text.heading-section h2 {font-size:2.35rem;}
.advantage .dalyan h4{font-weight: 500;}
.simulation .icon-box.medium>p{margin:0;}
/** certifications **/
.certifications .mfp-content img.mfp-img{background-color: #FFFFFF;}
/* aifanfan */
#aff-im-root, #aff-im-root >div{display:none;}
#newBridge #nb_invite_wrap .nb-invite-skin-9{ background:#2991d6eb url("assets/images/icons/inviteBack8.png") no-repeat center;background-size:cover;}
/* Online Service  */
.side-toolbar {position:fixed;right:28px;bottom:60px;width:44px;z-index:1999;}
.side-toolbar a.option-box {position:relative;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.05);box-shadow:0 2px 4px 0 rgba(0,0,0,.05);background-color:#fff;text-align:center;height:44px;cursor:pointer;margin-top:8px;}
.side-toolbar a.option-box[data-type=gotop].go-top-hide {visibility:hidden;}
.side-toolbar a.option-box.active img,.side-toolbar a.option-box:hover img {display:none;}
.side-toolbar a.option-box.active .show-txt,.side-toolbar a.option-box:hover .show-txt {display:-webkit-box;display:-ms-flexbox;display:flex;opacity:100;}
.side-toolbar a.option-box.no-h.active img,.side-toolbar a.option-box.no-h:hover img {display:block}
.side-toolbar a.option-box.no-h.active .show-txt,.side-toolbar a.option-box.no-h:hover .show-txt {display:none}
.side-toolbar a.option-box img {display:block;width:28px}
.side-toolbar a.option-box .show-txt {display:none;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;line-height:14px;color:#999aaa;background-color:#fff;text-align:center;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;}
.side-toolbar.black a.option-box {background:#444447;}
.side-toolbar.black a.option-box .show-txt { background:#444447;}
.side-toolbar .option-box.tel{ display: none;}
.qrcode-wx{position: absolute;top: 0;right:55px;width:0px;overflow:hidden; transition:width 2s;-webkit-transition:width 2s; /* Safari */}
.qrcode-wx img{ max-height:150px;max-width:150px;border:1px solid #898989;}
.option-box.wx:hover ~ .qrcode-wx{ width:155px; }
/** response  **/
@media (max-width: 480px){
    .application .portfolio-3-2-columns.portfolio-item{width:100%;}
}
@media (max-width: 1024px){
    .inspiro-slider .slide .slide-captions h1, .inspiro-slider .slide .slide-captions h2 { line-height:65px; }
}
@media (min-width: 1024px){
    .selection-pane .image-frame img{max-width:50%;}
    /*.our_numbers .bg-overlay{width:50%;}*/
    /*.our_numbers .parallax-container{left: -50%;}*/
}
@media (min-width: 1200px){
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1180px; }
}
@media (min-width: 1600px){
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1480px; }
}