* {padding:0;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;font-family:"Roboto","Arial","Microsoft Yahei","Helvetica","sans-serif";-webkit-font-smoothing:antialiased}
:root {--color_primary:#F08200;}
a {color:inherit;text-decoration:none}
a.new {position:relative;display:block;}
a.new::after {content:"New";position:absolute;font-size:11px;right:10%;animation:shine;animation-duration:0.4s;animation-iteration-count:infinite}
img {max-width:100%;border:0}
h1,h2,h3 {line-height:1.75;margin-top:1em}
p {line-height:1.75;margin-bottom:1.5em}
li {list-style-type:none}
input,textarea {outline:0}
.clear::before,.clear::after {content:'';display:block;width:100%;height:0;clear:both}
.container {width:100%;position:relative}
.wrapper {width:1400px;max-width:100%;margin:auto;}
.section-container {padding:50px 0;}
header {background:var(--color_primary);color:#FFF;position:relative;}
.head-wrapper {width:1500px;max-width:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;}
.logo {display:flex;align-items:center;width:160px;outline:none;}
.pc-nav .nav-item-link {float:left;font-size:18px;padding:31px 25px;}
.pc-nav .nav-item-link:hover,.highlight {background:#f59e2d;}
.mobile-nav-wrapper {position:fixed;z-index:999;top:0;left:0;transform:translateX(-105%);width:360px;height:100vh;transition:transform .4s ease;background:#FFF;}
.mobile-container .mask {position:fixed;left:0;top:0;right:0;bottom:0;z-index:90;background:rgba(0,0,0,.4);display:none;}
.mobile-container.open .mask {display:block;}
.mobile-container.open  .mobile-nav-wrapper {transform:translateX(0);box-shadow:3px 3px 15px #333;}
.mobile-nav-header {background:var(--color_primary);color:#FFF;display:flex;justify-content:space-between;padding:5px 20px;}
.mobile-nav-header .mobile-nav-logo {width:100px;}
.mobile-nav-header .mobile-nav-close {position:relative;width:30px;}
.mobile-nav-header .mobile-nav-close span {background:#FFF;height:2px;width:22px;top:50%;transform:rotate(45deg);transform-origin:50% 50%;display:block;position:absolute;}
.mobile-nav-header .mobile-nav-close span::after {position:absolute;content:'';width:22px;height:2px;background:#FFF;transform:rotate(90deg);}
.mobile-nav-wrapper .sub-item-link {position:relative;width:100%;font-size:16px;color:#6e6e73;border-bottom:1px solid #DDD;}
.mobile-nav-wrapper .sub-item-link .lib-sub {display:flex;justify-content:space-between;align-items:center;padding:0 20px;}
.mobile-nav-wrapper .sub-item-link .lib-sub .link {display:inline-block;padding:20px 0;}
.mobile-nav-wrapper .sub-item-link .lib-sub .arrow {width:20px;height:36px;background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/down.svg") center no-repeat;background-size:contain;transition:all .4s;}
.mobile-nav-wrapper .sub-item-link .lib-sub.active .arrow {transform:rotate(180deg);}
.mobile-nav-wrapper .sub-item-link .lib-sub:hover a {color:var(--color_primary);}
.mobile-nav-wrapper .son-box {background:#F5F5F5;font-size:14px;display:none;}
.mobile-nav-wrapper .son-box .son-sub {display:block;width:100%;padding:15px 20px;}
.mobile-nav-wrapper .son-box li a:hover {color:var(--color_primary);}
.mobile-nav-wrapper .son-box .triplparent {position:relative;display:block;padding:15px 20px;white-space:nowrap;}
.mobile-nav-wrapper .son-box .triplparent::after {content:'';background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/down2.svg") center no-repeat;display:inline-block;width:20px;height:20px;position:absolute;right:20px;transition:transform .4s;}
.mobile-nav-wrapper .son-box .triplparent.active::after {transform:rotate(180deg);}
.mobile-nav-wrapper .son-box .triple {display:none;}
.mobile-nav-wrapper .son-box .triple li {padding-left:40px;border-bottom:1px solid #FFF;}
.mobile-nav-wrapper .son-box .triple li a {line-height:42px;white-space:nowrap;}
.sub-nav-wrapper {position:absolute;width:100%;left:0;top:100%;background:#FFF;color:#6e6e73;z-index:99;display:none;}
.sub-nav-box {display:grid;grid-template-columns:1fr 1fr 1fr;}
.sub-nav-box .sub-box {position:relative;display:flex;align-items:flex-start;margin:40px 0 30px;padding:0 30px;border-right:1px solid #F2F2F2;}
.sub-nav-box .sub-box:nth-child(3n) {border-right:none;}
.sub-nav-box .sub-box::after {content:"";position:absolute;width:100%;border-top:1px solid #F2F2F2;bottom:-30px;}
.sub-nav-box .sub-box a:hover {color:var(--color_primary);}
.sub-nav-box .sub-nav-text {margin-left:30px;}
.sub-nav-wrapper .sub-nav-text dt {color:#333;font-size:18px;line-height:34px;font-weight:bold;margin-bottom:10px;white-space:nowrap;}
.sub-nav-wrapper .sub-nav-text dd {font-size:13px;color:#999;line-height:28px;white-space:wrap;}
.sub-menu {position:relative;}
.sub-menu-wrapper {position:absolute;width:100%;min-width:120px;margin-left:-50%;top:100%;right:0;background:#FFF;color:#6e6e73;z-index:99;display:none;font-size:14px;box-shadow:3px 3px 10px #DDD;}
.sub-menu-wrapper li {text-align:center;padding:20px 0;display:block;width:100%;}
.sub-menu-wrapper li:hover {color:var(--color_primary);background:#f6f6f6;}
.switch-toggle {position:relative;display:none;padding:17px 0;width:40px;transition:all 0.3s ease;cursor:pointer;margin-left:10px;}
.switch-toggle span {position:absolute;background:#FFF;width:22px;height:2px;top:50%;left:5px;transform:translateY(-50%);transition:all 0.3s ease;}
.switch-toggle span::before,.switch-toggle span::after {content:'';position:absolute;width:100%;height:2px;background:#FFF;transition:all 0.3s ease;}
.switch-toggle span::before {top:-8px;}
.switch-toggle span::after {top:8px;}
.switch-toggle.open span {background:transparent;}
.switch-toggle.open span::before {transform:rotate(45deg);top:0;}
.switch-toggle.open span::after {transform:rotate(-45deg);top:0;}
.banner {position:relative;overflow:hidden}
.index-product-list {width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px;position:relative;}
.gallery-item {position:relative;overflow:hidden;border-radius:5px;}
.gallery-item img {display:block;}
.gallery-item .gallery-overlay {position:absolute;background:RGBA(255,255,255,.5);width:100%;height:100%;color:#6e6e73;top:100%;margin-top:-80px;transition:all .5s;text-align:center;padding:0 60px;font-size:18px;line-height:1.75;}
.gallery-item:hover .gallery-overlay {top:0;margin-top:0;padding:60px;background:RGBA(255,255,255,.7);}
.gallery-item .gallery-overlay .gallery-title {font-size:20px;font-weight:normal;margin-top:0;line-height:80px;white-space:nowrap;color:#333;}
.new-arrival-bg {color:#FFF;background:linear-gradient(to bottom,rgb(17,17,17),rgb(43,49,56));}
.new-arrival {padding:80px 0 140px;display:flex;}
.new-arrival .new-arrival-txt,.new-arrival .new-arrival-pic {width:50%;}
.new-arrival .new-arrival-txt {padding-right:70px;}
.new-arrival .new-arrival-txt .heading {font-size:44px;line-height:1;}
.new-arrival .new-arrival-txt .description {font-size:18px;color:#999;line-height:1.7;margin:50px 0 60px;}
.more-btn a {display:inline-block;padding:10px 20px;background:var(--color_primary);color:#FFF;z-index:9;transition:all .3s;font-size:14px;border-radius:3px;overflow:hidden;}
.more-btn a::after {content:"";display:inline-block;height:14px;width:20px;background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/right-side.svg") center no-repeat;transition:all .3s;margin-left:5px;}
.more-btn:hover a::after {margin-left:15px;}
.index-video {padding:100px 0;display:flex;}
.index-video .video-player,.index-video .video-sum {width:50%;}
.index-video .video-player .play-container {position:relative;overflow:hidden;padding-bottom:56.25%;border-radius:5px;overflow:hidden;}
.index-video .video-player .play-container iframe {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;max-width:100%;}
.index-video h3 {font-size:44px;line-height:1.25;margin:0;}
.index-video .video-sum {padding-left:50px;}
.index-video .video-des {font-size:16px;line-height:1.7;margin:50px 0;color:#999;}
.index-video .video-list {width:100%;display:grid;grid-template-columns:1fr 1fr 1fr  1fr;grid-column-gap:20px;}
.index-video .video-list .video-item {border:1px solid #DDD;border-radius:3px;overflow:hidden;}
.index-video .video-list .video-item img {display:block;}
.index-video .video-list .video-item.active {border:1px solid var(--color_primary);}
.index-about-bg {color:#FFF;padding:250px 0;background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/indexaboutbg.jpg") center no-repeat;background-size:cover;}
.index-culture {width:600px;max-width:100%;}
.index-culture .heading {font-size:44px;font-weight:bold;}
.index-culture .culture-content {font-size:18px;line-height:1.7;margin:50px 0;}
.wrapper-title {position:relative;font-size:44px;font-weight:bold;color:#333;text-align:center;padding-bottom:30px;}
.wrapper-title::after {content:"";position:absolute;bottom:0;width:100px;height:3px;background-color:var(--color_primary);left:calc(50% - 50px);}
.index-news-list {width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:40px;margin:50px 0;}
.index-news-list li {box-shadow:0 1px 3px 0 RGBA(0,0,0,0.1),0 1px 2px -1px RGBA(0,0,0,0.1);background:#FFF;border-radius:10px;overflow:hidden;}
.index-news-list .news-box {display:flex;flex-direction:column;background:#FFF;border-radius:9px;overflow:hidden;}
.index-news-list .news-box img {display:block;width:100%;}
.index-news-list .news-box .news-box-t {padding:27px;background:#FFF;}
.index-news-list .news-box .new-title {display:block;font-size:20px;font-weight:bold;line-height:26px;color:#000;margin-bottom:18px;}
.index-news-list .news-box .news-box-d {display:block;font-size:16px;line-height:1.75;color:#737c8b;margin-bottom:18px;}
.index-news-list .news-box .add-on {display:flex;justify-content:space-between;align-items:center;}
.index-news-list .news-box .date {font-size:14px;color:#6B7280;}
.index-news-list .news-box .news-more {font-size:16px;color:#F97316;}
footer {background:#2d363f;border-top:2px solid #e9512a;}
footer .footer-inner {padding:120px 100px;display:flex;justify-content:space-between;}
footer .b1 .footer-logo {width:200px;}
footer .b1 .footer-slogan {color:#FFF;font-size:14px;padding:40px 0 50px;letter-spacing:2px;}
footer .b1 ul li {float:left;margin-right:10px;}
footer .b1 ul li .instagram:hover {background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/social.png") -62px -17px no-repeat}
footer .b1 ul li .instagram {display:block;width:32px;height:32px;background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/social.png") -62px -71px no-repeat}
footer .b1 ul li .facebook:hover {background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/social.png") -18px -17px no-repeat}
footer .b1 ul li .facebook {display:block;width:32px;height:32px;background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/social.png") -18px -71px no-repeat}
footer .b1 ul li .twitter {display:block;width:32px;height:32px;background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/social.png") -152px -71px no-repeat}
footer .b1 ul li .twitter:hover {background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/social.png") -152px -17px no-repeat}
footer .b1 ul li .youtube {display:block;width:32px;height:32px;background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/social.png") -226px -71px no-repeat}
footer .b1 ul li .youtube:hover {background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/social.png") -226px -17px no-repeat}
footer .b1 ul li .email {display:block;width:32px;height:32px;background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/social.png") -191px -71px no-repeat}
footer .b1 ul li .email:hover {background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/social.png") -191px -17px no-repeat}
footer h4 {color:#FFF;text-transform:uppercase;margin-bottom:30px;}
footer dd {color:#ccc;font-size:14px;line-height:2.5;}
footer .text {color:#ccc;font-size:14px;line-height:2.5;margin-bottom:20px;}
footer .foot-tel {margin:0 0 20px;font-size:30px;font-weight:400;color:#f08300;}
footer .qrcode span {display:block;text-align:center;color:#ccc;font-size:12px;margin-top:12px;}
footer .qrcode li {float:left;width:100px;margin-right:20px;}
.lxdh {position:fixed;bottom:0;text-align:center;width:100%;background:#404040;height:40px;line-height:40px;COLOR:#fff;display:none;z-index:99}
.lxdh a {background:url("https://www.mietubl.com/images/whatsapp.png") left center no-repeat;padding-left:25px}
.cookie {display:block;position:fixed;width:100%;height:auto;z-index:100;left:0;right:0;bottom:0;margin:0 auto;background:#f5f5f7;padding-top:20px;box-shadow:3px 3px 3px #999;}
.cookie .wrapper {margin:0 auto;justify-content:space-between;}
.cookie .gprd {display:flex;}
.cookie .cookie-text {font-size:14px;width:60%;color:#6e6e73;}
.cookie .cookie-btn .btn {display:inline-block;text-align:center;border:2px solid #DDD;cursor:pointer;padding:0 25px;line-height:32px;margin:10px 20px;font-size:14px;border-radius:20px;transition:all .5s;}
.cookie .cookie-btn .btn.accept {border:2px solid var(--color_primary);color:#FFF;background:var(--color_primary);}
.cookie .cookie-btn .reject:hover {border:2px solid var(--color_primary);color:#FFF;background:var(--color_primary);}
.breadcrumb {padding:100px 0 50px;font-size:16px;color:#6e6e73;line-height:1.75;}
.breadcrumb a::after {content:"/";display:inline-block;margin:0 15px;}
.breadcrumb strong,.breadcrumb a:hover {color:var(--color_primary);}
.gray-bg {background:#F5F5F5;}
.list-heading h1 {font-size:42px;font-weight:bold;text-align:center;}
.list-heading h2 {font-size:14px;font-weight:normal;line-height:1.7;width:900px;max-width:100%;margin:20px auto 80px;text-align:center;color:#6e6e73;}
.category-nav {display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;border-bottom:1px solid #DDD;}
.category-nav .category-list {display:flex;align-items:center;margin-bottom:-2px;white-space:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;}
.category-nav .category-list::-webkit-scrollbar {display:none;}
.category-nav .category-list li {padding:20px 40px;color:#999;}
.category-nav .category-list li.active {color:var(--color_primary);border-bottom:2px solid var(--color_primary);font-weight:bold;}
.product-list {width:100%;display:grid;grid-template-columns:1fr 1fr 1fr  1fr;grid-column-gap:20px;grid-row-gap:50px;padding:50px 0 150px;}
.product-list-wrapper {background:#FFF;text-align:center;overflow:hidden;border-radius:5px;}
.product-list-wrapper .img-box {transition:all .3s;}
.product-list-wrapper:hover .img-box {transform:scale(1.05);}
.product-list-wrapper .text-box {position:relative;height:170px;overflow:hidden;}
.product-list-wrapper .text-box .model {height:32px;transition:all .3s;color:#999;text-align:center;font-size:12px;overflow:hidden;line-height:32px;margin-top:30px;}
.product-list-wrapper:hover .text-box .model {height:0;}
.product-list-wrapper .text-box .product-name {text-align:center;padding:10px 20px;display:-webkit-box;font-size:16px;font-weight:bold;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;line-height:1.5;color:#333;}
.m-list {position:absolute;left:50%;transform:translateX(-50%);opacity:0;transition:opacity 0.3s ease;margin-top:8px;}
.product-list-wrapper:hover .m-list {opacity:1;}
/*产品页面*/
.product-header {overflow:hidden;}
.product-header .big-pic {float:left;width:640px;}
.master-slider {position:relative;}
.product-header .big-pic .thumbList {width:100%;display:grid;grid-template-columns:1fr 1fr 1fr  1fr 1fr 1fr;grid-column-gap:10px;grid-row-gap:20px;}
.product-header .big-pic .thumbList li {border:1px solid #DDD;}
.product-header .big-pic .thumbList li img {display:block;}
.product-header .big-pic .thumbList li:hover,.product-header .big-pic .thumbList li.active {border:1px solid var(--color_primary);}
.Pvideo {position:relative;opacity:0.7;}
.Pvideo:after {content:"";position:absolute;top:0;bottom:0;right:0;left:0;background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/video-icon.svg") center no-repeat;}
.product-header .product-header-wrapper {float:left;width:calc(100% - 760px);margin-left:120px;}
.product-header .product-header-wrapper h1 {font-size:40px;line-height:1.5;}
.product-header .product-header-wrapper h2 {font-size:16px;font-weight:normal;color:#999;margin:15px 0 50px;}
.product-header .product-header-wrapper .sku {font-size:20px;font-weight:normal;color:#9CA3AF;margin:36px 0 0;}
.product-header .product-header-wrapper .subitem {margin-bottom:10px;font-size:14px;color:#6e6e73;}
.product-header .product-header-wrapper .optionList {margin:30px 0;}
.product-header .product-header-wrapper .optionList li {float:left;width:90px;height:90px;margin:0 15px 15px 0;}
.product-header .product-header-wrapper .optionList li img {border:1px solid #DDD;}
.product-header .product-header-wrapper .subitem span {font-weight:bold;display:inline-block;width:180px;}
.product-header .product-header-wrapper .enquiry {margin-top:50px;}
.product-header .product-header-wrapper .spec-box {display:flex;font-size:14px;color:#6e6e73;margin-bottom:14px;}
.product-header .product-header-wrapper .spec-box .spec-title {width:180px;flex-grow:0;flex-shrink:0;}
.ml {margin-left:30px;}
.tab-nav {background:var(--color_primary);margin:90px 0;}
.tab-nav ul {display:flex;align-items:center;justify-content:center;}
.tab-nav ul li {padding:30px;color:#FFF;}
.product-mobile-title {font-size:28px;text-align:center;margin:150px 0 80px;font-weight:bold;line-height:1.5;display:none;}
.product-content {margin-bottom:100px;}
.product-content .flex {display:flex;margin-bottom:30px;justify-content:space-between;align-items:center;}
.product-content .flex .i-box:nth-child(1) {width:60%;color:#6e6e73;}
.product-content .flex .i-box:nth-child(1) h3 {font-size:36px;font-weight:bold;color:#333;margin-bottom:1em;}
.product-content .flex .i-box:nth-child(2) {width:35%;padding:0}
.product-content .fright {flex-direction:row-reverse}
.product-content .panel {color:#6e6e73;font-size:16px;display:none;}
.product-content .panel.active {display:block;}
.product-content .panel tbody {width:100%;}
.product-content .panel tbody tr:nth-child(2n+1) {background:#F5F5F5;}
.product-content .panel td {padding:30px;font-size:16px;color:#6e6e73;line-height:1.75;}
.question-note {font-size:16px;color:#999;margin-top:60px;text-align:center;}
.question-note a {color:var(--color_primary);}
.review-item {font-size:16px;color:#999;margin-top:60px;text-align:center;}
.faq-list-box {margin-top:80px;}
.faq dt {border-radius:5px;padding:20px 40px;background-color:#eee;color:#525252;display:flex;justify-content:space-between;align-items:center;cursor:pointer;line-height:1.75;border-bottom:1px solid #DDD;}
.faq dt::after {content:"";display:inline-block;width:0;height:0;margin-top:2px;border-top:8px solid #333;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid transparent;transition:all .3s;transform-origin:8px 4px;margin-left:10px;}
.faq dd {border-radius:5px;padding:30px 40px;background-color:#f4f4f4;color:#6e6e73;display:none;line-height:2;font-size:16px;}
.btn-wrapper {text-align:center;}
.aside-head {display:flex;justify-content:center;align-items:center;border-bottom:1px solid #DDD;padding-top:100px;}
.aside-list {display:flex;align-items:center;margin-bottom:-2px;white-space:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;}
.aside-list::-webkit-scrollbar {display:none;}
.aside-list li {padding:20px 40px;color:#999;}
.aside-list li.active {color:var(--color_primary);border-bottom:2px solid var(--color_primary);font-weight:bold;}
.relate-product {display:none;}
.relate-product.active {width:100%;display:grid;grid-template-columns:1fr 1fr 1fr  1fr;grid-column-gap:20px;grid-row-gap:50px;padding:50px 0 150px;}
.relate-topic-header {font-size:36px;text-align:center;margin:100px 0 50px;font-weight:bold;}
.relate-topic-box {margin-bottom:100px;}
.topic-item img {display:block;width:100%;}
.topic-item .topic-summary {background:#F5F5F5;padding:20px;color:#6e6e73;}
.topic-item .topic-title {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 0;}
.topic-item .topic-short {font-size:14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.5;}
.topic-item .topic-more {font-size:16px;margin-top:15px;}
.topic-item:hover .topic-summary {background:var(--color_primary);color:#FFF;}
.topic-item:hover .topic-short {color:#FFF;}
.topic-item:hover .topic-more {color:#FFF;}
.news-list-box {margin-top:80px;}
.news-list-box article {display:flex;align-items:center;padding:60px 0;border-top:1px solid #DDD;display:flex;justify-content:space-between;}
.news-list-box .img {width:480px;flex-shrink:0;margin-right:120px;overflow:hidden;}
.news-list-box .img img {width:100%;transition:all .5s;}
article:hover .img img {transform:scale(1.1);}
.news-list-box .text {flex-grow:1;}
.news-list-box .datetime {color:#999;font-size:14px;}
.news-list-box .datetime:before {content:"";margin-right:20px;display:inline-block;width:50px;height:1.5px;background-color:var(--color_primary);vertical-align:middle;}
.news-list-box h3 {margin:20px 0;font-size:34px;line-height:1;color:#333;}
.news-list-box .des {font-size:16px;color:#999;line-height:1.75;margin-bottom:40px;}
.page-nav {padding:80px 0 120px;justify-content:center;flex-wrap:wrap;display:flex;}
.page-nav a {display:inline-block;margin:0 8px;color:#999;padding:5px 10px;text-align:center;}
.page-nav a.current {color:#FFF;background:var(--color_primary);}
.info-title h1 {text-align:center;margin:50px 0 20px;font-size:34px;color:#333;}
.info-tag {display:flex;justify-content:center;align-items:center;font-size:14px;color:#999;margin-bottom:80px;}
.info-tag li {padding:0 30px;}
.info-tag .author {background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/pencil.svg") left center no-repeat;padding-left:30px;}
.info-tag .addtime {background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/time.svg") left center no-repeat;padding-left:30px;}
.info-tag .visitor {background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/read.svg") left center no-repeat;padding-left:30px;}
.info-content {font-size:16px;color:#6e6e73;margin:100px 0 200px;}
.info-content h3 {margin:30px 0 15px;}
.info-content h4 {margin-bottom:1em;}
.aside-header {text-align:center;padding:100px 0 40px;font-size:40px;font-weight:bold;color:#333;}
.cert-list {width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:20px;grid-row-gap:50px;padding:50px 0 150px;}
.cert-item {padding:30px;text-align:center;background:#FFF;}
.cert-item img {border:1px solid #DDD;}
.cert-item .cert-title {min-height:45px;font-size:16px;line-height:1.5;color:#333;padding-top:15px;}
.about-bg {background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/indexaboutbg.jpg") center no-repeat;font-size:40px;color:#FFF;line-height:48px;padding:250px 0;font-weight:bold;background-size:cover;}
.about-intr {display:flex;align-items:center;padding:110px 0;}
.about-intr .about-video {width:45%;}
.about-intr .profile {width:55%;padding:50px;font-size:16px;color:#999;text-align:justify;}
.about-intr .profile h1 {font-size:44px;margin:20px 0;color:#333;}
.video-list-page {width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-column-gap:20px;grid-row-gap:20px;padding-bottom:100px;}
.video-list-page .box {background:#FFF;border-radius:10px;overflow:hidden;}
.video-list-page li .box .video-img {position:relative;}
.video-list-page li .box .video-img img {width:100%;display:block;}
.video-list-page li .box .video-img .play-btn {position:absolute;top:0;left:0;width:100%;height:100%;background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/play.svg") center no-repeat;z-index:9;opacity:0.5;}
.video-list-page .box .title-wrapper {padding:17px 30px 30px;border-top:1px solid #EEE;min-height:100px;}
.video-list-page .box .video-title {text-overflow:ellipsis;color:#333;line-height:1.5;margin-bottom:15px;font-size:18px;}
.video-list-page .box .video-addtime {font-size:14px;line-height:2em;color:#6e6e73;background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/time.svg") left center no-repeat;padding-left:30px;}
.vtitle h1 {text-align:center;font-weight:bold;font-size:34px;color:#505050;margin:80px auto 30px;}
.video-tag {display:flex;justify-content:center;font-size:14px;color:#999;align-items:center;}
.videodes {position:relative;width:1200px;max-width:100%;line-height:2em;text-align:center;padding:40px 0 0;font-size:16px;color:#999;margin:auto;}
.align-assist {width:1080px;max-width:100%;margin:50px auto 100px;}
.video-content {position:relative;width:100%;overflow:hidden;padding-bottom:56.25%;}
.video-content iframe,.video-content video {position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;}
.down-list {display:flex;align-items:center;margin:80px 0 -2px;white-space:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;}
.category-nav .category-list::-webkit-scrollbar {display:none;}
.down-list li {padding:20px 40px;color:#999;white-space:nowrap;}
.download-wrapper .file-list {width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:20px;grid-row-gap:50px;padding:50px 0 150px;}
.catalog-box {background:#FFF;overflow:hidden;border-radius:5px;}
.catalog-info {padding:17px 30px 30px;}
.catalog-info  h3 {display:-webkit-box;font-size:16px;font-weight:bold;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.5;color:#333;margin:0 0 1em;}
.catalog-box .release-date {font-size:14px;line-height:2em;color:#6e6e73;background:url("https://mietubl-website.oss-cn-hongkong.aliyuncs.com/static/tpl/screen_protector_solutions/image/time.svg") left center no-repeat;padding-left:30px;}
.catalog-box .switch-box {height:40px;overflow:hidden;}
.catalog-box .switch-box .release-date {height:40px;line-height:40px;transition:all .3s;margin-top:0;}
.catalog-box:hover .switch-box .release-date {margin-top:-40px;}
.catalog-box .switch-box .catalog-type a {display:inline-block;height:40px;color:#FFF;background:var(--color_primary);width:140px;text-align:center;line-height:40px;font-size:16px;}
.down-list .active {color:var(--color_primary);}
.contact-wrapper {display:flex;justify-content:space-between;}
.contact-form {width:55%;}
.contact-list {width:32%;}
.contact-form .privacynote {font-size:16px;line-height:1.75;color:#6e6e73;margin:40px 0;}
.contact-form .input-form {margin:75px 0;}
.contact-form .input-form .input-box {margin-top:30px;position:relative;}
.contact-form .input-form input,.contact-form .input-form .select-selected {width:100%;padding:16px 30px;border:none;background:#F0F2F4;color:#6e6e73;font-size:16px;}
.contact-form .input-form input:focus,.contact-form .input-form .select-selected:focus {background:none;border-bottom:1px solid #333;}
.contact-form .input-box .select-list {position:absolute;display:none;z-index:9;background:#FFF;border-top:none;border-right:1px solid #DDD;border-bottom:1px solid #DDD;border-left:1px solid #DDD;}
.contact-form .input-box .select-list .select-option {padding:16px;color:#6e6e73;font-size:16px;}
.contact-form .input-box .select-list .select-option:hover {background:#F0F2F4;}
.contact-form .input-box .select-show {display:block;width:100%;}
.contact-form .input-form textarea {width:100%;height:200px;border:none;border-radius:5px;padding:20px;color:#6e6e73;line-height:40px;font-size:16px;margin-top:30px;background:#F0F2F4;}
.contact-form  .submit-from {padding:15px 50px;color:#FFF;border:none;background:var(--color_primary);margin-bottom:80px;}
.contact-list .contact-title {font-size:24px;line-height:2em;color:#333;font-weight:bold;text-transform:uppercase;margin-top:36px;}
.contact-list .contact-title::after {content:"";width:120px;height:2px;background:#333;display:block;}
.contact-list .branch {font-size:18px;color:#333;font-weight:bold;margin-top:40px;line-height:1.75;}
.contact-list dl {margin-top:20px;font-size:16px;line-height:1.75;color:#6e6e73;}
.contact-list dt {color:#333;font-weight:bold;margin-bottom:15px;}
.chart {display:flex;flex-direction:row;justify-content:space-between;margin-bottom:100px;}
.chart .area-list {width:32%;height:600px;overflow-x: auto;-ms-overflow-style: none;scrollbar-width: none;}
.chart .area-list::-webkit-scrollbar {display: none;}
.chart .area-list .card-title {font-size:20px;font-weight:bold;line-height:26px;color:#333;margin-bottom:18px;}
.chart .area-list .card-text{margin-bottom:40px;}
.chart .area-list .card-text p {font-size:14px;line-height:1.5;color:#737c8b;margin-bottom:18px;text-align:justify;line-height:1.5}
.chart .map {width:55%;}
#chart{min-height:600px;}
.empty-card{display:none;}
.support-listing-box {padding:80px 0;}
.support-listing-box .suppot-listing {width:100%;display:flex;justify-content:space-between;align-items:stretch;}
.support-listing-box .suppot-listing2 {width:100%;display:flex;justify-content:center;margin-top:20px;align-items:stretch;}
.support-listing-box .support-box {width:32%;margin-left:20px;padding:40px;text-align:center;background:#FFF;border:1px solid #DDD;border-radius:10px;}
.support-box .icon {text-align:center;width:80px;margin:auto;}
.support-box h4 {font-size:24px;color:#333;margin-bottom:20px;}
.support-box .support-content {font-size:16px;line-height:1.75;color:#6e6e73;}
/*********以下为常用插件页面***********/
/*网站faq功能*/
.single-faq  .question {width:100%;margin-bottom:20px;}
.single-faq .question .answer {border-radius:5px;padding:20px 40px;background-color:#eee;color:#525252;display:flex;justify-content:space-between;align-items:center;cursor:pointer;line-height:1.75;}
.single-faq .question .answer::after {content:"";display:inline-block;width:0;height:0;margin-top:2px;border-top:8px solid #333;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid transparent;transition:all .3s;transform-origin:8px 4px;margin-left:10px;}
.single-faq .question.active .answer::after {transform:rotate(90deg)}
.single-faq .question .content {border-radius:5px;padding:30px 40px;background-color:#f4f4f4;border-top:1px solid #DDD;color:#6e6e73;display:none;line-height:2;font-size:18px}
/*产品页面弹窗*/
.modal,.videomodal {position:fixed;top:0;left:0;right:0;bottom:0;background:RGBA(66,66,66,0.5);z-index:10;display:none}
.modal.active,.videomodal.active {display:block}
.modal .modal-wraper,.videomodal .modal-wraper {display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:#6e6e73;margin-top:20px}
.modal .modal-wraper .modal-content {position:relative;width:640px;height:auto;max-width:80%;padding:25px;background:#fff;border-radius:5px;margin-top:30px;transition:all .3s;opacity:0.5;z-index:99;}
.videomodal .modal-wraper .modal-content {position:relative;height:auto;max-width:90%;padding:10px;background:#fff;border-radius:5px;margin-top:30px;transition:all .3s;opacity:0.5;z-index:99;}
.modal .modal-wraper .modal-content.active,.videomodal .modal-wraper .modal-content.active {margin-top:0;opacity:1}
.modal .close,.videomodal .modal-wraper .modal-content .close {padding:4px;width:28px;height:28px;display:inline-block;position:absolute;right:-12px;top:-12px;border-radius:50%;border:1px solid #FFF;background:RGBA(255,255,255,0.7)}
.modal .close span,.videomodal .modal-wraper .modal-content .close span {display:block;border:none;width:16px;height:2px;background:#999;margin-top:3px}
.modal .close span:nth-child(1),.videomodal .modal-wraper .modal-content .close span:nth-child(1) {transform:rotate(45deg);transform-origin:3px 6px}
.modal .close span:nth-child(2),.videomodal .modal-wraper .modal-content .close span:nth-child(2) {transform:rotate(-45deg);transform-origin:8px 0px}
.modal .modal-wraper .modal-content .h {color:#ef7a19;font-size:20px;margin-bottom:10px;font-weight:bold}
.videomodal video {max-width:100%;display:block;margin:auto;}
.modal .modal-wraper .modal-content .t .l {font-size:14px;line-height:36px;width:100%;min-height:36px;position:relative;}
.modal .modal-wraper .modal-content .t .l input,.modal .modal-wraper .modal-content .t .l .txt2 {width:100%;padding:7.5px;border-radius:5px;outline:none;border:1px solid #CCC;font-size:14px;}
.modal .modal-wraper .modal-content .t .select-selected {border:1px solid #DDD;color:#999;width:100%;font-size:14px;padding:0 7.5px;outline:none;}
.modal .modal-wraper .modal-content .t .select-list {position:absolute;display:none;z-index:9}
.modal .modal-wraper .modal-content .t .select-show {display:block;width:100%;}
.modal .modal-wraper .modal-content .t .select-option {font-size:14px;padding:0 20px;color:#999;width:100%;display:block;background:#FFF;border-left:1px solid #DDD;border-right:1px solid #DDD;}
.modal .modal-wraper .modal-content .t .select-option:last-child {border-bottom:1px solid #DDD;}
.modal .modal-wraper .modal-content .t .select-option:hover {background:#F2F2F2;}
.modal .modal-wraper .modal-content .t .l .txt2 {height:80px;}
.modal .modal-wraper .modal-content .t .l .btn {color:#FFF;text-align:center;background-color:rgba(237,108,0,0.9);padding:7.5px;font-size:16px;border:none}
.mask-box {position:fixed;display:none;z-index:99;top:0;left:0;width:100%;height:100%;background:RGBA(0,0,0,.7);}
.mask-box .mask {position:relative;display:flex;transition:transform 0.3s ease;justify-content:center;align-items:center;z-index:999;width:100%;height:100%;}
.mask-box .mask .img-layer {position:relative;max-height:80%;max-width:80%;}
.mask-box .mask .close {position:absolute;width:36px;height:36px;top:-15px;right:-15px;border-radius:50%;background:#333;transform:rotate(45deg);border:2px solid #FFF;overflow:hidden}
.mask-box .mask .close::before {content:'';position:absolute;width:19px;height:2px;left:7px;background:#FFF;top:16px}
.mask-box .mask .close::after {content:'';position:absolute;width:19px;height:2px;left:7px;background:#FFF;top:16px;transform:rotate(90deg)}
.mask-box .mask .current-model {text-align:center;color:#fff;line-height:40px;font-size:14px;display:block;}
.pattern-list .class-type {font-size:13px;color:#999;padding:10px 20px;text-align:center;}
.model-list-nav .fliter-box {display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #DDD;margin-top:80px;white-space:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;}
.swiper-pagination-dayn {margin:30px auto 0;text-align:Center;}
.mySwiper2 .swiper-pagination-bullet {width:16px;height:16px;background:#F2F2F2;box-shadow:none;}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 10px;}
.mySwiper2 .swiper-pagination-bullet-active {background:var(--color_primary)!important;box-shadow:none;}
.index-hot-grid {margin:80px 0;}
.hot-grid-item p {padding:20px 40px;text-align:center;font-size:20px;}
.hot-grid-item span {position:absolute;font-size:14px;top:0;left:0;display:inline-block;padding:4px 15px;color:#FFF;background:RGB(239,68,68);border-radius:2px;}
.fasttalk{display:inline;position:fixed;right:10px;	bottom:40px;width:80px;height:80px;z-index:99;}
.pagination{display:flex;Justify-content:space-between;align-items:center;color:#6e6e73;line-height:1.5;margin:100px 0;flex-wrap:wrap;}
.pagination .page-item{width:100%;margin-bottom:20px;}
.pagination a:hover{color:var(--color_primary);}
.social-media-fix{position:fixed;bottom:140px;right:0;z-index:100;}
.social-media-fix ul{display:flex;flex-direction:Column;}
.social-media-fix ul li{width:40px;height:40px;margin-bottom:10px;border-radius:9px;transition:all 0.3s;overflow:hidden;background:#FFF;}
.social-media-fix ul li:hover{transform: translateX(-10px);}