@charset "UTF-8";
:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#d98200;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#c41f0a;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:217,130,0;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:'Microsoft YaHei',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255,255,255,0.15), rgba(255,255,255,0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:14px;--bs-body-font-weight:400;--bs-body-line-height:1.6;--bs-body-color:#3e3e3e;--bs-body-bg:#fff;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-2xl:2rem;--bs-border-radius-pill:50rem;--bs-link-color:#3e3e3e;--bs-link-hover-color:#b36b00;--bs-code-color:#d63384;--bs-highlight-bg:#fff3cd;--color-primary:#d98200;--color-primary-hover:#b36b00;--color-secondary:#c41f0a;--color-text-primary:#3e3e3e;--color-text-secondary:#818181;--font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';--font-size-base:14px;--line-height-base:1.6;--touch-target-min:44px}
a,a:active,a:hover,button,button:active,input,select,textarea,.btn,.btn:active,[role="button"]{-webkit-tap-highlight-color:transparent}
a:focus,button:focus,input:focus,select:focus,textarea:focus,.btn:focus,[role="button"]:focus,:focus{outline:none;box-shadow:none}
::-moz-focus-inner{border:0}
.skip-link{position:absolute;top:-100px;left:0;background:#d98200;color:#fff;padding:12px 24px;z-index:99999;text-decoration:none;font-weight:bold;border-radius:0 0 4px 0;transition:top 0.3s ease}
.skip-link:focus{top:0;outline:3px solid #fff;outline-offset:2px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.visually-hidden:focus,.visually-hidden:active{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}
*,*::after,*::before{box-sizing:border-box}
@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}
html{font-size:16px;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;padding:0;background:var(--bs-body-bg);color:var(--bs-body-color);font:var(--bs-body-font-size)/var(--bs-body-line-height) var(--bs-body-font-family);width:100%;max-width:100%;min-width:320px;height:auto;min-height:100%;overflow-x:hidden;word-wrap:break-word;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:var(--bs-link-color);text-decoration:none}
a:hover{color:var(--bs-link-hover-color);text-decoration:none}
ul,ol,li{list-style:none;padding:0;margin:0}
b,strong{font-weight:bolder}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
h1,.h1{font-size:calc(1.375rem + 1.5vw)}
h2,.h2{font-size:calc(1.325rem + .9vw)}
h3,.h3{font-size:calc(1.3rem + .6vw)}
h4,.h4{font-size:calc(1.275rem + .3vw)}
h5,.h5{font-size:1.25rem}
h6,.h6{font-size:1rem}
p{margin-top:0;margin-bottom:1rem}
img,svg{vertical-align:middle}
img{border:0;max-width:100%;height:auto}
button,input,select,textarea{font-family:inherit;font-size:inherit}
.container,.container-fluid,.container-xxl,.container-xl,.container-lg,.container-md,.container-sm{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-right:auto;margin-left:auto}
@media(min-width:576px){.container-sm,.container{max-width:540px}}
@media(min-width:768px){.container-md,.container-sm,.container{max-width:720px}}
@media(min-width:992px){.container-lg,.container-md,.container-sm,.container{max-width:960px}}
@media(min-width:1200px){.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1140px}}
@media(min-width:1400px){.container-xxl,.container-xl,.container-lg,.container-md,.container-sm,.container{max-width:1320px}}
.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1*var(--bs-gutter-y));margin-right:calc(-.5*var(--bs-gutter-x));margin-left:calc(-.5*var(--bs-gutter-x))}
.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)*.5);padding-left:calc(var(--bs-gutter-x)*.5);margin-top:var(--bs-gutter-y)}
.col{flex:1 0 0%}
.col-auto{flex:0 0 auto;width:auto}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}
.d-none{display:none!important}
.d-inline{display:inline!important}
.d-inline-block{display:inline-block!important}
.d-block{display:block!important}
.d-flex{display:flex!important}
.d-inline-flex{display:inline-flex!important}
.flex-row{flex-direction:row!important}
.flex-column{flex-direction:column!important}
.flex-wrap{flex-wrap:wrap!important}
.justify-content-start{justify-content:flex-start!important}
.justify-content-end{justify-content:flex-end!important}
.justify-content-center{justify-content:center!important}
.justify-content-between{justify-content:space-between!important}
.align-items-start{align-items:flex-start!important}
.align-items-center{align-items:center!important}
.align-items-end{align-items:flex-end!important}
.text-center{text-align:center!important}
.text-start{text-align:left!important}
.text-end{text-align:right!important}
.m-0{margin:0!important}
.m-auto{margin:auto!important}
.mx-auto{margin-right:auto!important;margin-left:auto!important}
.my-auto{margin-top:auto!important;margin-bottom:auto!important}
.mt-0{margin-top:0!important}
.mt-1{margin-top:.25rem!important}
.mt-2{margin-top:.5rem!important}
.mt-3{margin-top:1rem!important}
.mb-0{margin-bottom:0!important}
.mb-1{margin-bottom:.25rem!important}
.mb-2{margin-bottom:.5rem!important}
.mb-3{margin-bottom:1rem!important}
.p-0{padding:0!important}
.p-1{padding:.25rem!important}
.p-2{padding:.5rem!important}
.p-3{padding:1rem!important}
.px-0{padding-right:0!important;padding-left:0!important}
.py-0{padding-top:0!important;padding-bottom:0!important}
.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}
.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.w-100{width:100%!important}
.h-100{height:100%!important}
.tem_inner,.met_section{position:relative;margin:0 auto;max-width:1200px;width:100%;padding:0 15px}
.fl{float:left}
.fr{float:right}
.none{display:none}
.center{text-align:center}
.met_clear{clear:both;width:100%;height:1px}
header{background:#fff;border-bottom:2px solid #d98200}
header section.head_top_nav{border-bottom:1px solid #eee;background:#f9f9f9}
.tem_top{position:relative;z-index:100;height:35px;line-height:35px;font-size: 14px;}
.tem_top h2{font-weight:normal;margin:0}
.tem_top_nav{position:absolute;top:0;right:0;display:flex;align-items:center;flex-direction:row-reverse}
.tem_top_nav .top-nav-links{float:right}
.tem_top_nav .top-nav-links ul{float:right;margin:0;padding:0}
.tem_top_nav .top-nav-links ul li{float:left;list-style:none}
.tem_top_nav .top-nav-links ul li.line{width:20px;color:#dedede;text-align:center}
.tem_top_nav .lang-selector{float:right;margin-left:10px}
.tem_top_nav .lang-dropdown{position:relative;float:right}
.tem_top_nav .lang-dropdown dt a{display:flex;align-items:center;gap:4px}
.tem_top_nav .lang-dropdown dt i{margin-left:5px}
.tem_top_nav .lang-dropdown-menu{position:absolute;top:35px;right:0;display:none;padding:10px 18px;border:1px solid #e7e8ed;background:#f7f8fa;white-space:nowrap;min-width:120px;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1)}
.tem_top_nav .lang-dropdown:hover .lang-dropdown-menu,
.tem_top_nav .lang-dropdown:focus-within .lang-dropdown-menu{display:block}
.tem_top_nav .lang-dropdown-menu a{display:flex;align-items:center;gap:8px;height:32px;line-height:32px;padding:0 8px}
.tem_top_nav .lang-dropdown-menu a:hover{background:#eee}
.tem_top_nav ol{float:right;margin:0;padding:0}
.tem_top_nav ol li{float:left;list-style:none}
.tem_top_nav ol li.line{width:20px;color:#dedede;text-align:center}
.flag-icon{display:inline-block;width:20px;height:14px;background-size:cover;background-position:center;border-radius:2px;box-shadow:0 0 1px rgba(0,0,0,.2);flex-shrink:0;vertical-align:middle}
.flag-icon-cn{background:#de2910;position:relative}
.flag-icon-cn::before{content:"★";position:absolute;top:1px;left:3px;font-size:6px;color:#ffde00}
.flag-icon-cn::after{content:"★★★★";position:absolute;top:3px;left:8px;font-size:3px;color:#ffde00;letter-spacing:1px}
.flag-icon-gb{background:#012169;position:relative;overflow:hidden}
.flag-icon-gb::before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#fff;transform:translateY(-50%)}
.flag-icon-gb::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;transform:translateX(-50%)}
.flag-icon-us{background:linear-gradient(180deg,#bf0a30 0%,#bf0a30 14.28%,#fff 14.28%,#fff 28.56%,#bf0a30 28.56%,#bf0a30 42.84%,#fff 42.84%,#fff 57.12%,#bf0a30 57.12%,#bf0a30 71.4%,#fff 71.4%,#fff 85.68%,#bf0a30 85.68%,#bf0a30 100%);position:relative}
.flag-icon-us::before{content:"";position:absolute;top:0;left:0;width:50%;height:50%;background:#002868}
.lang-name{font-size:14px;white-space:nowrap}
.tem_head{min-height:100px;display:flex;align-items:center;justify-content:space-between;padding:15px 0;gap:30px}
.head-logo{flex:0 0 auto;min-width:200px}
.head-logo h1,.head-logo h2{margin:0}
.head-logo h1 img,.head-logo h2 img{max-height:70px;width:auto}
header h1{display:inline-block;margin:0}
.head-search-box{flex:1 1 auto;max-width:450px;min-width:280px;margin:0}
.head-search-box .search{position:relative;width:100%}
.head-search-box .search .input-text{width:100%;height:46px;padding:12px 55px 12px 20px;font-size:14px;color:#2D2D2D;background:#fff;border:2px solid #F5F5F7;border-radius:12px;transition:border-color 0.25s ease,box-shadow 0.25s ease}
.head-search-box .search .input-text:focus{border-color:#d98200;box-shadow:none}
.head-search-box .search .searchgo{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;background:linear-gradient(135deg,#E85D75 0%,#C84B60 100%);border:none;border-radius:8px;cursor:pointer}
.head-search-box .keywords{margin-top:10px;font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.head-search-box .keywords a{color:#999;margin-left:10px}
.head-shopping-cart{position:relative;flex:0 0 auto;margin-left:20px}
.head-shopping-cart .cart-trigger{display:flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#E85D75 0%,#C84B60 100%);color:#fff;border-radius:12px;cursor:pointer;min-width:130px}
.head-shopping-cart .cart-trigger:hover{background:linear-gradient(135deg,#D4AF37 0%,#B8962E 100%)}
.head-shopping-cart .shoppingcar_goods_num{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:#fff;color:#E85D75;font-size:12px;font-weight:600;border-radius:11px;margin-left:2px}
.head-shopping-cart .cart-dropdown{position:absolute;top:100%;right:0;margin-top:10px;width:360px;background:#fff;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.15);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}
.head-shopping-cart:hover .cart-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.head-shopping-cart .cart-list{max-height:300px;overflow-y:auto;padding:10px 0;margin:0;list-style:none}
.head-shopping-cart .cart-list li{display:flex;align-items:center;gap:12px;padding:12px 15px;border-bottom:1px solid #F5F5F7}
.head-shopping-cart .cart-item-img{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0}
.head-shopping-cart .cart-item-img img{width:100%;height:100%;object-fit:cover}
.head-shopping-cart .cart-item-info{flex:1;min-width:0}
.head-shopping-cart .cart-item-name{font-size:13px;color:#2D2D2D;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.head-shopping-cart .cart-item-price{font-size:14px;color:#E85D75;font-weight:600}
.head-shopping-cart .cart-footer{padding:15px;background:#F5F5F7;border-radius:0 0 16px 16px}
.head-shopping-cart .cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.head-shopping-cart .total-price strong{font-size:18px;color:#E85D75;font-weight:700}
.head-shopping-cart .cart-actions{display:flex;gap:10px}
.head-shopping-cart .cart-continue-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;background:#fff;color:#2D2D2D;text-align:center;font-size:14px;font-weight:500;border:1px solid #F5F5F7;border-radius:12px}
.head-shopping-cart .cart-continue-btn:hover{border-color:#E85D75;color:#E85D75}
.head-shopping-cart .cart-checkout-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:12px;background:linear-gradient(135deg,#E85D75 0%,#C84B60 100%);color:#fff;text-align:center;font-size:14px;font-weight:500;border-radius:12px}
.head-search-box .keywords-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:5px;background:#fff;border:1px solid #F5F5F7;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);z-index:100;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease}
.head-search-box .search:focus-within .keywords-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.head-search-box .keywords-header{padding:10px 15px;font-size:12px;color:#999;border-bottom:1px solid #F5F5F7;background:#F9EAE1;border-radius:12px 12px 0 0}
.head-search-box .keywords-list{padding:10px 15px;display:flex;flex-wrap:wrap;gap:10px}
.head-search-box .keywords-list a{display:inline-block;padding:5px 12px;font-size:13px;color:#818181;background:#F5F5F7;border-radius:20px}
.head-search-box .keywords-list a:hover{background:#E85D75;color:#fff}
.head-nav{height:42px;line-height:42px;margin-top:5px}
.head-nav ul{margin:0;padding:0;list-style:none}
.head-nav ul li{position:relative;float:left;margin-left:8px}
.head-nav ul li a{display:block;padding:10px 15px;font:1rem/22px "Microsoft YaHei"}
.head-nav ul li a:hover{color:#d98200}
.head-nav ul li a.navdown{color:#d98200;font-weight:bold}
.head-nav ul li dl{position:absolute;top:42px;left:0;z-index:99;display:none;width:500px;background:#f3f4f5;border-radius:0 0 5px 5px;box-shadow:0 0 6px rgba(0,0,0,.2)}
.fix-header-nav{position:fixed;top:0;width:100%;height:75px;border-bottom:2px solid #d98200;background:#fff;z-index:999999}
.fix-header-nav .min-logo{float:left;width:185px;height:70px;overflow:hidden}
.header-nav .min-logo,.header-nav .min-search{display:none}
.tem_banner{position:relative;overflow:hidden;background:#fafafa}
.tem_banner li{list-style:none}
.tem_banner ul li{float:left;background-position:center center;background-repeat:no-repeat}
.tem_banner ul li a{display:block;width:100%;height:100%}
.tem_footer{padding:15px 0;background:#161616;color:#949393;font-size:12px}
.tem_footer_nav{height:30px;line-height:30px;text-align:center}
.tem_footer_nav a{margin-left:20px}
.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:1px;--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}
.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}
.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#d98200;--bs-btn-border-color:#d98200;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#b36b00;--bs-btn-hover-border-color:#a66000;--bs-btn-active-color:#fff;--bs-btn-active-bg:#a66000;--bs-btn-active-border-color:#995c00;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#d98200;--bs-btn-disabled-border-color:#d98200}
.btn-outline-primary{--bs-btn-color:#d98200;--bs-btn-border-color:#d98200;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#d98200;--bs-btn-hover-border-color:#d98200;--bs-btn-active-color:#fff;--bs-btn-active-bg:#d98200;--bs-btn-active-border-color:#d98200;--bs-btn-disabled-color:#d98200;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#d98200}
.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}
.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}
.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min)}
a.touch-target,button.touch-target{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:575.98px){html{font-size:14px}.tem_inner,.met_section{padding:0 10px}.tem_top{height:auto;min-height:35px;padding:5px 0}.tem_top h2{display:none}.tem_top_nav{position:static;float:none}.tem_top_nav ol{float:none;text-align:center}.tem_top_nav ol li{float:none;display:inline-block;margin:0 5px}.tem_top_nav ol li.line{display:none}.tem_head{min-height:60px}.tem_head h1 img{max-height:50px}.head-nav{height:auto;overflow:hidden}.head-nav ul{display:none}.head-nav ul.show{display:block;position:absolute;top:100%;left:0;right:0;background:#fff;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.1)}.head-nav ul li{float:none;width:100%;margin:0;border-bottom:1px solid #eee}.head-nav ul li a{padding:12px 15px;min-height:var(--touch-target-min);display:flex;align-items:center}.head-service-box,.head-search-box{display:none}.tem_banner{min-height:150px}.tem_banner ul li{background-size:cover!important}.btn{padding:12px 20px;min-height:var(--touch-target-min)}.btn-lg{padding:14px 24px}.tem_footer_nav{height:auto;line-height:1.8;padding:10px 0}.tem_footer_nav a{display:block;margin:5px 0}}
@media(min-width:576px){.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}}
@media(min-width:768px){.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}.tem_inner,.met_section{padding:0 20px}}
@media(min-width:992px){.tem_inner,.met_section{padding:0;width:100%}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}}
@media(min-width:1200px){.tem_inner,.met_section{padding:0;width:1200px}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.d-xl-none{display:none!important}.d-xl-block{display:block!important}.d-xl-flex{display:flex!important}}
@media(hover:none) and (pointer:coarse){a,button,input,select,textarea{min-height:var(--touch-target-min)}.head-nav ul li a{min-height:var(--touch-target-min)}.btn{min-height:var(--touch-target-min)}}
@media(prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}

.img-placeholder{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:placeholder-shimmer 1.5s infinite;display:inline-block;vertical-align:middle}
@keyframes placeholder-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.img-wrapper{position:relative;overflow:hidden;background:#f5f5f5}
.img-wrapper img{transition:opacity 0.3s ease}
.img-wrapper img[data-src]{opacity:0}
.img-wrapper img.loaded{opacity:1}
.aspect-1-1{aspect-ratio:1/1}
.aspect-4-3{aspect-ratio:4/3}
.aspect-16-9{aspect-ratio:16/9}
.aspect-3-2{aspect-ratio: 240 / 345;}
.aspect-2-3{aspect-ratio:2/3}
.aspect-product{aspect-ratio:1/1}
.aspect-banner{aspect-ratio:1200/400}
.aspect-thumb{aspect-ratio:165/77}
.aspect-ceping{aspect-ratio:280/180}
.aspect-media{aspect-ratio:400/250}
.aspect-qq{aspect-ratio:200/150}
.aspect-use-flm{aspect-ratio:145/100}
.aspect-zc{aspect-ratio:713/651}
.aspect-flm-gx{aspect-ratio:280/180}
.aspect-cpr{aspect-ratio:1/1}
.tem_index_product li img{width:100%;height:auto;object-fit:cover}
.tem_index_about_img img{width:100%;height:auto;object-fit:cover}
.flm-cp .cp-img{width:100%;height:auto;object-fit:cover}
.flm-media-img img{width:100%;height:auto;object-fit:cover}
.use-flm ul li img{width:100%;height:auto;object-fit:cover}
.use-flm-cs ul li img{width:100%;height:auto;object-fit:cover}
.flm-virtue ul li img{width:100%;height:auto;object-fit:cover}
.qq-topic li img{width:100%;height:auto;object-fit:cover}
.tem_topic li img{width:100%;height:auto;object-fit:cover}
.flm-zc img{width:100%;height:auto;object-fit:cover}
.xxs img{width:100px;height:100px;object-fit:cover}
.cpr img{width:50px;height:50px;object-fit:cover;border-radius:50%}
.bk-ad img{width:100%;height:auto;object-fit:cover}
.zn-newsimg img{width:165px;height:77px;object-fit:cover}