*,:after,:before {box-sizing:inherit;}
body {background:#fff;position:relative;font-size:18px;font-weight:400;line-height:1.75;overflow-x:hidden;color:#52525c;margin:auto;font-family:'sans-serif','Arial','Verdana','Georgia';}
img {height:auto;max-width:100%;}
ul li {list-style-type:none;}
a {color:inherit;transition:all .3s ease-in-out;text-decoration:none;}
.site-header {position:absolute;top:0;left:0;width:100%;z-index:999;transition:all .3s ease-in-out;}
.container {width:100%;margin-right:auto;margin-left:auto;max-width:1320px;}
.site-navigation {display:flex;justify-content:space-between;align-items:center;}
.site-header .site-logo a {font-size:32px;font-weight:700;padding:20px 0;display:block;color:#fff;}
.site-header .site-logo .a {display:block;}
.site-header .site-logo .b {display:none;}
.main-nav-container ul {display:flex;justify-content:space-between;margin:20px 0 0;}
.main-nav-container ul .nav-item {padding:20px 30px;position:relative;color:#FFF;font-size:18px;}
.main-nav-container ul .nav-item .btn {border-radius:5px;background:#f08300;padding:10px 25px;color:#FFF;}
.main-nav-container a:hover {color:#f08300;}
.main-nav-container .has-sub {background:url("/static/tpl/screenprotector/images/down.svg") center right no-repeat;position:relative;}
.main-nav-container .has-sub .sub-about-us {background:#FFF;padding:25px 25px 15px;position:absolute;left:0;top:100%;width:280px;border-radius:10px;box-shadow:0 5px 10px rgba(20,48,58,.0823529412);z-index:99;display:none;}
.main-nav-container .has-sub  .sub-about-us .about-item {display:flex;align-items:center;transition:all 0.3s;margin-bottom:10px;}
.main-nav-container .has-sub  .sub-about-us .about-item:hover {margin-left:5px;}
.main-nav-container .has-sub  .sub-about-us .about-item img {height:50px;border-radius:3px;}
.main-nav-container .has-sub  .sub-about-us .about-item .intro {color:#333;padding-left:20px;font-weight:bold;}
.main-nav-container .has-sub  .sub-about-us .about-item .intro span {display:block;font-size:14px;font-weight:normal;color:#999;}
.main-nav-container .has-sub .sub-box {position:absolute;background:#FFF;padding:25px 40px;left:0;top:100%;width:900px;border-radius:10px;box-shadow:0 5px 10px rgba(20,48,58,.0823529412);transform:translateX(-50%);z-index:99;display:none;}
.main-nav-container .has-sub .sub-box .grid-wrapper {display:grid;grid-column-gap:30px;grid-template-columns:1fr 1fr 1fr;color:#333;}
.main-nav-container .has-sub .sub-box .grid-wrapper .grid-col {border-right:1px solid #DDD;padding:0 20px;}
.main-nav-container .has-sub .sub-box .grid-wrapper .grid-col:last-child {border-right:none;}
.main-nav-container .has-sub .sub-box .grid-wrapper .col-header {font-size:16px;font-weight:bold;margin:15px 0 8px;}
.main-nav-container .has-sub .sub-box .grid-wrapper .col {line-height:30px;font-size:14px;}
@keyframes go-donw {0% {transform:translateY(-30px);}
100% {transform:translateY(0px);}
}
.fix-top {position:fixed;top:0;background:#FFF;animation:go-donw;animation-duration:0.5s;}
.fix-top2 .site-logo .a,.fix-top .site-logo .a {display:none;}
.fix-top2 .site-logo .b,.fix-top .site-logo .b {display:block;}
.fix-top2 .main-nav-container ul .nav-item,.fix-top .main-nav-container ul .nav-item {color:#324a6d;}
.mobile-nav {display:none;}
.mobile-nav .mobile-nav-wrapper {position:relative;display:flex;justify-content:space-between;padding:15px;align-items:center;background:RGBA(0,0,0,.6)}
.mobile-nav .mobile-nav-wrapper .mobile-logo {width:100px;}
.mobile-nav .mobile-nav-wrapper .mobile-logo .a {display:block;}
.mobile-nav .mobile-nav-wrapper .mobile-logo .b {display:none;}
.mobile-nav .mobile-nav-wrapper .mobile-logo img {max-width:100%;}
.mobile-nav .mobile-nav-wrapper .tt-hamburger {width:24px;cursor:pointer;}
.mobile-nav .mobile-nav-wrapper .tt-hamburger .bar {background:#fff;height:2px;display:block;margin-bottom:4px;transition:all .3s;}
.mobile-nav .mobile-nav-wrapper.active {background:#FFF;}
.mobile-nav .mobile-nav-wrapper.active .mobile-logo .a {display:none;}
.mobile-nav .mobile-nav-wrapper.active .mobile-logo .b {display:block;}
.mobile-nav .mobile-nav-wrapper.active .tt-hamburger .bar {background:#333;}
.mobile-nav .mobile-nav-wrapper.active .tt-hamburger .bar:nth-child(1) {transform:rotate(45deg);transform-origin:30% 0%;}
.mobile-nav .mobile-nav-wrapper.active .tt-hamburger .bar:nth-child(2) {background:transparent;}
.mobile-nav .mobile-nav-wrapper.active .tt-hamburger .bar:nth-child(3) {transform:rotate(-45deg);transform-origin:0% 0%;}
.mobile-nav .mobile-main-nav {background:RGBA(255,255,255,.9);position:absolute;left:0;right:0;transition:all .5s;transform:translateX(-100%);}
.mobile-nav .mobile-main-nav.open {transform:translateX(0);}
.mobile-nav .mobile-main-nav ul {padding:20px;}
.mobile-nav .mobile-main-nav li {font-size:16px;font-weight:bold;line-height:2.5;margin-bottom:5px;width:100%;border-bottom:1px solid #eee;box-sizing:border-box;}
.mobile-nav .mobile-main-nav .m-sub-nav {background:url("/static/tpl/screenprotector/images/down2.svg") right 15px no-repeat;position:relative;}
.mobile-nav .mobile-main-nav .m-sub-list {background:RGBA(255,255,255,.3);display:none;padding-left:20px;}
.mobile-nav .mobile-main-nav .m-sub-list li {border-bottom:none;font-weight:normal;line-height:42px;}
.banner {background-image:url("/static/tpl/screenprotector/images/banner.jpg");display:flex;min-height:750px;justify-content:center;align-items:center;width:100%;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;}
.banner-text-box {width:1320px;margin:auto;margin-top:140px;}
.banner-text-box .e-con-inner {width:650px;padding:10px 0;}
.banner-text-heading-title {color:#fff;font-size:40px;font-weight:700;line-height:1.5;}
.banner-text-sub-title {color:#FFF;}
.banner-text-sub-button {display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(1,1fr);grid-auto-flow:row;margin-top:50px;}
.elementor-button-text {color:#FFF;padding:10px 20px;background:#f08300}
.index-about-section {background:#EEE;}
.index-about-section .e-con-inner {display:flex;padding:70px 0 150px;}
.section-wrapper {width:1320px;max-width:100%;margin:auto;}
.index-about-section .e-con-inner .left-box {width:49%;display:flex;flex-direction:column;font-size:18px;line-height:1.75;padding:10px;}
.index-about-section .e-con-inner .left-box H2 {font-size:36px;}
.index-about-section .e-con-inner .left-box .elementor-widget-container {margin-bottom:40px;padding-right:30px;}
.index-about-section .e-con-inner .right-box {width:49%;padding:10px;}
.elementor-custom-embed-play {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.right-box-video {position:relative;padding-bottom:56.25%;cursor:pointer;height:0;overflow:hidden;max-width:100%;background:#000;}
.right-box-video iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.right-box-video img {display:block;width:100%;}
.right-box-video .play {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.right-box-video .play svg {height:100px;width:100px;fill:#fff;filter:drop-shadow(1px 0 6px rgba(0,0,0,.3));opacity:.8;transition:all .5s;}
.index-factory-section {background:#286390;}
.index-factory-section .e-con-inner {padding:60px 0;text-align:center;}
.index-factory-section .e-con-inner h3{font-size:32px;color:#FFF;}
.index-factory-section .e-con-inner .sub-text {color:#FFF;margin-bottom:60px;line-height:1.75;}
.index-factory-section .e-con-inner .con-data {width:1200px;transform:translate3d(0px,-110px,0px);margin:auto;background:#FFF;display:flex;justify-content:space-between;padding:20px;box-shadow:0 0 10px 0 rgba(148,148,148,0.5);}
.index-factory-section .e-con-inner .inner-widget {width:32%;padding:10px;display:flex;}
.index-factory-section .e-con-inner .inner-widget .widget-pic {width:78px;padding:10px;}
.index-factory-section .e-con-inner .inner-widget .widget-text {display:grid;column-gap:20px;flex-grow:1;}
.index-factory-section .e-con-inner .inner-widget .widget-text .box1 {color:#1c244b;font-size:32px;font-weight:900;}
.index-factory-section .e-con-inner .inner-widget .widget-text .box2 {color:#324a6d;font-family:Sans-serif;font-size:15px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0;text-align:center;}
.factory-tour {width:1320px;margin:auto;position:relative;}
.factory-tour .pre {position:absolute;width:30px;height:100%;left:-30px;top:0;z-index:99;background:url("/static/tpl/screenprotector/images/left.svg") center no-repeat;}
.factory-tour .next {position:absolute;width:30px;height:100%;right:-30px;top:0;z-index:99;background:url("/static/tpl/screenprotector/images/right.svg") center no-repeat;}
.factory-tour .pre svg,.factory-tour .next svg {fill:#FFF;width:18px;}
.index-product-section .e-con-inner {padding:70px 0 150px;}
.index-product-section h3{text-align:center;font-size:32px;}
.index-product-section .sub-title {text-align:center;font-size:18px;line-height:1.75;margin:50px auto;}
.products-list {width:1320px;margin:auto;}
.products-list ul {display:grid;grid-column-gap:25px;grid-row-gap:30px;grid-template-columns:1fr 1fr 1fr 1fr;padding:0;}
.products-list .item-name {text-align:center;font-size:15px;margin:8px;overflow:hidden;text-overflow:ellipsis;}
.index-factory2-section {background:url("/static/tpl/screenprotector/images/screen-protector-factory.jpg") center no-repeat;}
.index-factory2-section .section-wrapper {padding:100px 0;}
.index-factory2-section .heading-title {color:#fff;font-size:36px;font-weight:700;}
.index-factory2-section .sub-title {color:#fff;font-size:20px;margin:60px 0;}
.index-factory2-section .button {color:#FFF;padding:10px 20px;background:#f08300;}
.index-material .section-wrapper {padding:80px;}
.index-material .material-header {color:#08334e;font-size:30px;width:800px;max-width:100%;padding-bottom:20px;text-align:center;margin:30px auto;border-bottom:2px solid #08334e;}
.index-material .material-text {font-size:18px;line-height:2em;margin:0 auto 120px;text-align:center;}
.index-contact-section .section-wrapper {display:flex;margin:60px auto;}
.index-contact-left-wrapper,.index-contact-right-wrapper {width:50%;}
.index-contact-left-wrapper {padding:0 40px 0 15px;}
.index-contact-left-wrapper .heading-title {line-height:1.2;font-size:36px;font-weight:700;margin-bottom:17px;}
.index-contact-left-wrapper .sub-title {font-size:16px;margin-bottom:30px;}
.index-contact-left-wrapper .widget-container {display:flex;}
.index-contact-left-wrapper .contact-widget {width:50%;padding-right:30px;}
.index-contact-left-wrapper .contact-widget .icon-box {width:28px;height:28px;background:#f08300;border-radius:50%;overflow:hidden;text-align:center;margin-bottom:40px;padding:12px;}
.index-contact-left-wrapper .contact-widget .icon-box img {width:28px;height:28px;}
.index-contact-left-wrapper .contact-widget .contact-widget-title {font-weight:600;margin-bottom:7px;font-size:20px;transition:all .3s ease-in-out;}
.index-contact-left-wrapper .contact-widget .contact-widget-detail {margin:20px 0;}
.index-contact-left-wrapper .contact-widget .contact-widget-number {color:#f08300;}
.index-contact-right-wrapper .contact-form {box-shadow:0 10px 20px 0 rgba(0,0,0,.15);margin:0 15px 0 0;padding:40px;}
.index-contact-right-wrapper .contact-form .heading-title {font-size:28px;margin-bottom:8px;}
.index-contact-right-wrapper .contact-form .sub-text {margin-bottom:20px;}
.index-contact-right-wrapper .contact-form label {line-height:2;font-size:14px;}
.index-contact-right-wrapper  .input-container .field-textual {margin-bottom:20px;width:100%;padding:0 15px;border:2px solid #f5f5f5;font-weight:400;outline:0;transition:all .3s linear;border-radius:6px;background-color:#fff;font-size:15px;line-height:1.5;min-height:40px;}
.index-contact-right-wrapper  .input-container .button-wrapper {color:#fff;background:#f08300;height:40px;text-align:center;line-height:40px;}
.index-article-section {background:#eee;overflow:hidden;}
.index-article-section .section-wrapper {margin:60px auto;}
.index-article-section .section-wrapper .heading-title {font-size:32px;text-align:center;margin-bottom:70px;}
.index-article-section .blog-widget {display:grid;grid-column-gap:30px;grid-template-columns:1fr 1fr 1fr;margin:auto;}
.index-article-section .blog-widget .blog-post {border-radius:15px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.05);margin-bottom:60px;}
.index-article-section .blog-widget .blog-post .blog-image {max-height:220px;overflow:hidden;}
.index-article-section .blog-widget .blog-post img {transition:all .3s;width:100%;}
.index-article-section .blog-widget  .post-content {padding:40px 30px;background:#FFF;}
.index-article-section .blog-widget .blog-post:hover img {transform:scale(1.1);}
.index-article-section .blog-widget .blog-header {font-size:18px;font-weight：bold;line-height:1.2;min-height:70px;}
.index-article-section .blog-widget .blog-summary {padding:20px 0;color:#666;min-height:80px;font-size:16px;}
.index-article-section .blog-widget .post-meta:before {content:"";display:inline-block;width:30px;height:30px;background:url("/static/tpl/screenprotector/images/author.png") center no-repeat;border-radius:50%;overflow:hidden;margin-right:15px;}
.index-article-section .more {text-align:center;}
.index-article-section .more .btn {display:inline-block;color:#FFF;font-size:14px;padding:10px 20px;background:#f08300;}
footer {background:#2d363f;border-top:2px solid #f08300;padding:40px 0;}
footer .section-wrapper {margin:60px auto;}
footer .footer-widget {display:grid;grid-column-gap:100px;grid-template-columns:2fr 1fr 2fr;}
footer .int-widget .footer-logo img {height:50px;}
footer .int-widget .footer-int-text {color:#fff;font-size:14px;margin:40px 0 30px;}
footer .int-widget .social ul {padding-left:0;}
footer .int-widget .social li {float:left;display:inline-block;margin-right:15px;}
footer .list-widget dt {color:#fff;font-size:20px;font-weight:600;margin-bottom:32px;}
footer .list-widget dd {margin-left:0;line-height:2;}
footer .list-widget dd a {color:#fff;font-size:14px;}
footer .contact-widget .widget-title {color:#fff;font-size:20px;font-weight:600;margin:16px 0 32px;}
footer .contact-widget .tel {color:#fff;font-size:16px;line-height:2.5;padding-left:36px;background:url("/static/tpl/screenprotector/images/telphone.svg") left center no-repeat;}
footer .contact-widget .mail {color:#fff;font-size:16px;line-height:2.5;padding-left:36px;background:url("/static/tpl/screenprotector/images/mail.svg") left center no-repeat;}
footer .contact-widget .address {color:#fff;font-size:16px;line-height:2.5;padding-left:36px;background:url("/static/tpl/screenprotector/images/Address.svg") left center no-repeat;}
.page-header {text-align:center;min-height:220px;padding:50px 0;height:auto;display:flex;align-items:center;position:relative;overflow:hidden;background-size:cover;background-position:center center;background-color:#286390;color:#FFF;}
.page-header .page-title,.news-header .page-title {font-size:36px;font-weight:700;position:relative;z-index:2;line-height:1.2;margin-bottom:30px;color:#fff;}
.page-header .breadcrumb-wrapper {font-size:15px;font-weight:400;color:rgba(255,255,255,.7);}
.product-list-page .list-wrapper {display:grid;grid-gap:30px;grid-template-columns:1fr 1fr 1fr;padding:0;}
.product-list-page .section-wrapper {margin:60px auto;}
.product-list-page .product-item {position:relative;}
.product-list-page .product-item .overlay {position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;}
.product-list-page .product-item .overlay img {opacity:0;transition:all .7s;}
.product-list-page .product-item:hover .overlay img {opacity:1;transform:scale(1.1);}
.product-list-page .section-wrapper .product-name {padding-top:19px;text-align:center;font-size:15px;margin:8px;overflow:hidden;text-overflow:ellipsis;}
.extra-intro .section-wrapper {margin:100px auto;}
.extra-intro h2 {font-size:36px;color:#242424;margin-bottom:40px;text-align:center;}
.extra-intro .extra-text {font-size:16px;line-height:2;}
.page-banner {background:url("/static/tpl/screenprotector/images/page-banner.jpg") center no-repeat;}
.page-banner .section-wrapper {padding:200px 0;color:#FFF;}
.page-banner .section-wrapper .page-banner-text {width:60%;margin:auto;text-align:center;}
.page-banner .section-wrapper h2 {color:#fff;font-size:38px;line-height:1.5;text-shadow:0 0 25px rgba(0,0,0,.3);}
.about-why-us .section-wrapper {padding:70px 0 200px;}
.about-why-us .heading-text h2 {text-align:center;font-size:40px;}
.about-why-us .sub-text {text-align:center;font-size:16px;width:60%;margin:50px auto;}
.about-why-us  .why-grid {display:grid;grid-column-gap:10px;grid-template-columns:1fr 1fr 1fr 1fr;}
.about-why-us .grid-item {position:relative;height:500px;border-radius:15px;text-align:center;overflow:hidden;color:#FFF;}
.about-why-us .grid-item:before {content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,.5);}
.about-why-us  .grid-item:nth-child(1) {background:url("/static/tpl/screenprotector/images/whybg1.jpg") center no-repeat;background-size:cover;}
.about-why-us  .grid-item:nth-child(2) {background:url("/static/tpl/screenprotector/images/whybg2.jpg") center no-repeat;background-size:cover;}
.about-why-us  .grid-item:nth-child(3) {background:url("/static/tpl/screenprotector/images/whybg3.jpg") center no-repeat;background-size:cover;}
.about-why-us  .grid-item:nth-child(4) {background:url("/static/tpl/screenprotector/images/whybg4.jpg") center no-repeat;background-size:cover;}
.about-why-us .grid-item .item-wrapper {position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;padding:40px;transform:translateY(calc(100% - 190px));transition:all .7s;}
.about-why-us .grid-item:hover .item-wrapper {transform:translateY(0);}
.about-why-us  .item-title {color:#fff;font-size:20px;font-weight:600;margin:80px 0 50px;}
.about-why-us  .item-content {color:#ccc;font-family:Arial,Sans-serif;font-size:16px;}
.about-customer-section {background:#286390;}
.about-customer-section .showcase {display:flex;justify-content:space-between;}
.about-customer-section .showcase .zoom-in-pic {position:relative;width:40%;transform:translate3d(0px,-80px,0px);}
.about-customer-section .showcase .zoom-in-pic .pic {position:absolute;top:0;left:0;opacity:0;transform:translate(50px,50px) scale(0.9);transition:all 0.7s;border-radius:10px;overflow:hidden;}
.about-customer-section .showcase .zoom-in-pic .pic.active {opacity:1;transform:translate(0px,0px) scale(1);}
.about-customer-section .showcase .reviews {width:48%;padding:30px;}
.about-customer-section .showcase .reviews h3{color:#FFF;font-size:32px;}
.about-customer-section .showcase .reviews .reviews-content {display:none;line-height:1.75;color:#FFF;}
.about-customer-section .showcase .reviews .reviews-content:before {content:"";display:block;height:24px;background:url("/static/tpl/screenprotector/images/yinhao.svg") left center  no-repeat;margin-bottom:15px;}
.about-customer-section .showcase .reviews .reviews-content:after {content:"";display:block;height:24px;background:url("/static/tpl/screenprotector/images/yinhao-left.svg") right center no-repeat;}
.about-customer-section .showcase .reviews .reviews-content.active {display:block;}
.about-customer-section .showcase .reviews .preview-pic ul {padding-left:0;}
.about-customer-section .showcase .reviews .preview-pic .pic img {height:60px;float:left;margin-right:20px;border:2px solid transparent;border-radius:5px;}
.about-customer-section .showcase .reviews .preview-pic .active img {box-shadow:0 20px 20px 0 rgba(2,19,79,.1);transform:translateY(-3px);}
.video-banner {position:relative;overflow:hidden;}
.video-banner .bg-video {position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;}
.video-banner h1 {width:60%;padding:350px 0;margin:auto;text-align:center;color:#fff;font-size:40px;text-shadow:0 4px 16px rgba(0,0,0,.3);}
.factory-section {display:flex;align-items:center;margin:80px 0;}
.factory-section .thumb {width:50%;}
.factory-section .thumb img {width:100%;}
.factory-section .block-content {width:50%;padding:75px;}
.factory-section .block-content h2 {font-size:36px;font-weight:700;border-bottom:2px solid #DDD;line-height:1.5;padding-bottom:20px;}
.factory-department {background-color:#f5f7fc;background-image:url("/static/tpl/screenprotector/images/factorytourbg.jpg");}
.factory-department .section-wrapper {padding:100px 0;}
.factory-department .section-wrapper H3 {color:#071c4d;font-size:40px;font-weight:600;line-height:60px;letter-spacing:-.48px;}
.factory-department  .departments {display:grid;grid-column-gap:20px;grid-template-columns:1fr 1fr 1fr;grid-row-gap:50px;}
.factory-department  .departments .dep {border-radius:15px;overflow:hidden;background:#FFF;}
.factory-department  .departments .dep .content {padding:30px 20px;}
.factory-department  .departments .dep .content .header {color:#353535;font-size:20px;font-weight:600;margin-bottom:20px;}
.factory-department  .departments .dep .content .detail {font-size:14px;}
.factory-oem {background:#286390;color:#FFF;}
.factory-oem .section-wrapper {padding:60px 0;text-align:center;}
.factory-oem h3 {text-align:center;font-size:32px;margin-bottom:40px;}
.factory-oem .sub-text {width:80%;margin:auto;line-height:2;}
.categories .section-wrapper {padding:60px 0;}
.categories .heading-title {text-align:center;font-size:32px;margin-bottom:100px;}
.categories .category {display:flex;align-items:center;justify-content:space-between;}
.categories .category:nth-child(2n) {flex-direction:row-reverse;}
.categories .category .pic {width:40%;}
.categories .category .category-text {width:calc(60% - 120px);padding:60px;}
.categories .category h3 {font-size:24px;}
.categories .category .features ul {margin-top:40px;padding-left:0;overflow:hidden;}
.categories .category .features li {width:48px;text-align:center;float:left;width:20%;}
.categories .category .features .icon {width:32px;height:32px;margin:auto;}
.categories .category .features .t {font-size:12px;line-height:5;}
.factory-service {background:#286390;color:#FFF;}
.factory-service .section-wrapper {padding:60px 0;}
.factory-service h3 {text-align:center;font-size:32px;margin-bottom:100px;}
.factory-service .service {display:grid;grid-column-gap:50px;grid-template-columns:1fr 1fr 1fr;text-align:center;font-size:16px;}
.factory-service .service .heading {font-size:20px;margin-bottom:30px;}
.news-list-page .section-wrapper {padding:60px 0;}
.news-list-page .container {display:flex;justify-content:space-between;}
.news-list-page .recent {border:2px solid #f1f1f3;padding:30px;border-radius:10px;width:375px;box-sizing:border-box;}
.news-list-page .recent h2 {font-size:20px;margin-bottom:27px;font-weight:600;position:relative;padding-bottom:10px;}
.news-list-page .recent h2:after {content:"";position:absolute;left:0;bottom:0;height:3px;width:35px;background-color:#286390;}
.news-list-page .recent .title-block {padding-left:0;}
.news-list-page .recent li a {font-size:15px;line-height:1.6;display:block;margin-bottom:20px;color:#52525c;}
.news-list-page .news-list {width:calc(100% - 435px);flex-grow:0;}
.news-list-page .news-list .news-item {background:#fff;box-shadow:0 0 20px rgba(0,0,0,.05);border-radius:10px;width:100%;overflow:hidden;margin-bottom:50px;}
.blog-content {padding:30px 30px 45px;}
.blog-content .entry-title {font-size:20px;}
.blog-content .entry-content {margin-bottom:35px;}
.blog-content .tt-btn {border-radius:5px;background:#f08300;padding:10px 25px;color:#FFF;font-size:16px;}
.news-list-page .news-details {width:calc(100% - 435px);flex-grow:0;}
.news-header {text-align:center;min-height:350px;padding:50px 0;height:auto;display:flex;align-items:center;position:relative;overflow:hidden;background-size:cover;background-position:center center;background-color:#286390;color:#FFF;}
.news-header .breadcrumb-wrapper {font-size:15px;font-weight:400;color:rgba(255,255,255,.7);}
.news-details .entry-title {color:#010101;font-size:40px;line-height:44px;font-weight:400;}
.news-details .entry-content {font-size:18px;line-height:30px;margin-bottom:30px;margin:70px 0;}
.news-details  .pagination {font-size:18px;line-height:2;color:#f08300;}
.news-details  .pagination .pre:before {content:"Previous:";font-size:18px;line-height:2;color:#f08300;margin-right:15px;display:inline-block;width:80px;}
.news-details  .pagination .next:before {content:"Next:";font-size:18px;line-height:2;color:#f08300;margin-right:15px;display:inline-block;width:80px;}
.contact-companies .section-wrapper {padding:60px 0;}
.contact-companies h1 {text-align:center;font-size:36px;}
.contact-companies  .rich-text {font-size:20px;padding-top:10px;text-align:center;}
.contact-companies  .contact-grid {display:grid;grid-column-gap:30px;grid-row-gap:30px;grid-template-columns:1fr 1fr 1fr;margin-top:80px;}
.contact-companies  .contact-grid .contact-grid-item {border-radius:18px;font-size:16px;line-height:27px;padding:27px;border:1px solid #E5E5E5;box-shadow:0px 0px 2px rgba(24,24,24,0.2);}
.contact-companies  .contact-grid .text-balance {font-size:24px;}
.breadcrumb-wrapper span {margin:0 10px;}
.breadcrumb-wrapper {padding:0 15px;font-size:16px;}
.product-page .product-header {display:flex;justify-content:space-between;margin-top:40px;}
.product-page .product-header .product-gallery {width:50%;position:relative;}
.product-page .product-header .product-gallery .img-list ul {margin-top:30px;overflow:hidden;padding-left:0;}
.product-page .product-header .product-gallery .thumbList {width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;grid-gap: 20px;padding:0;}
.product-page .product-header .product-gallery .thumbList li {opacity:0.7;border:1px solid #E5E5E5;box-sizing:border-box;}
.product-page .product-header .product-gallery  .thumbList li.active {border:1px solid #f08300;box-shadow:0px 0px 2px rgba(24,24,24,0.2);}
.product-page .product-header .product-gallery li img {display:block;}
.product-page .product-header .product-summary {width:47.5%;}
.product-page .product-header .product-summary h1 {font-size:40px;font-weight:700;border-bottom:1px solid #DDD;padding:25px 0;line-height:1.5;}
.product-page .product-header .product-summary h2 {font-size:18px;font-weight:normal;margin-bottom:40px;}
.product-page .product-header .product-summary .specification{color:#666;width:100%;border-color:#DDD;border-collapse: collapse;}
.product-page .product-header .product-summary .specification-item {font-size:14px;}
.product-page .product-header .product-summary .specification-item td{padding:4px 8px;font-size:16px;}
.product-page .product-header .product-summary .attribute-name{min-width:100px;}
.product-page .product-header .product-summary .btn {color:#FFF;padding:10px 20px;background:#f08300;display:inline-block;margin-top:40px;border-radius:3px;font-size:16px;}
.product-page .product-conent {line-height:1.75;}
.product-page .product-conent .description-header {margin:80px 0px 40px;color:#08334e;font-size:28px;padding-bottom:10px;border-bottom:1px solid #ddd;}
.product-page .product-conent h3 {font-size:20px;font-weight:normal;margin:2em 0 0.5em;color: #08334e;}
.product-page .product-relate {margin-top:80px;}
.product-page .product-relate h3 {text-align:center;font-size:36px;line-height:1.5;}
.product-page .product-relate .description {font-size:14px;text-align:center;margin-bottom:50px;}
.product-page .product-relate .relate-grid {display:grid;grid-gap:30px;grid-template-columns:1fr 1fr 1fr;}
.product-page .product-relate .grid-item {text-align:center;}
.product-page .product-relate .item-title {padding:15px;}
.faq-page .section-wrapper {padding:60px 0;}
.faq-page .faq-box {margin-bottom:30px;padding-bottom:26px;border-bottom:1px solid rgba(101,101,101,.1);}
.faq-page .faq-box .support-title {font-size:20px;margin-bottom:15px;font-weight:bold;}
.faq-page .faq-box .support-content {font-size:16px;color:#666;}
.material-banner{ background: url(/static/tpl/screenprotector/images/material-banner.jpg) center no-repeat;}
.type-banner{ background: url(/static/tpl/screenprotector/images/type-banner.jpg) center no-repeat;}
.material-banner-text{width: 80%;margin: auto;text-align: center;padding:200px 0;color:#FFF;}
.material-banner-text h1 { color: #fff; font-size: 38px; line-height: 1.5;text-shadow: 0 0 25px rgba(0, 0, 0, .3);}
.choose{width: 80%; margin: auto;line-height: 2;color:#666;text-align:center;padding:80px 0;}
.choose h2{ text-align: center;font-size: 32px;margin-bottom: 40px;}
.materials .material-type{ display: flex;align-items: center; margin:40px 0;}
.materials .material-type:nth-child(2n){background:#F5F5F5;}
.materials .material-type .pic{width:50%;}
.materials .material-type .pic img{display:block;}
.materials .material-type .text{width: 50%;padding: 75px;}
.materials .prior{order:2;}
.materials .material-type .text h3{ font-size: 36px;font-weight: 700; border-bottom: 2px solid #DDD; line-height: 1.5;padding-bottom: 20px;}
.materials .talknow{  border-radius: 5px; background: #f08300; padding: 10px 25px; color: #FFF;display:inline-block;margin-top:30px;font-size:14px;}