* {margin:0;padding:0}
li,ul {list-style:none}
a {transition:all .3s;text-decoration:none;color:#000;}
a:hover {color:#d2382e;text-decoration:none}
.form-control:focus {border-color:#fff;outline:0}
.btn-default.active,.btn-default:active,.btn-default:focus,.btn-default:hover,.open .dropdown-toggle.btn-default {outline:0}
p {line-height:1.7em}
img {max-width:100%}
.icon {width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden;font-size:30px}
.learn_more_000,.learn_more_fff {padding:5px 10px;border-radius:5px;display:inline-block;}
.learn_more_fff {color:#000;background:#f0f0f0}
.learn_more_000 {color:#fff;background:#6b6b6b}
button,input {border:0;background:0 0;color:#000;outline:0}
.redItem{color: #ff0000;padding-left: 3px;}
.contclickFn{cursor: pointer;}
@font-face {
    font-family: 'HarmonyOS_Sans_Naskh_ArabicUI';
    src: url('../fonts/Inter-Regular.woff2') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body,html {height:100%;font-family: 'HarmonyOS_Sans_Naskh_ArabicUI', Arial, sans-serif;font-weight:400;color:#000;font-size:16px;background-color:#fff;max-width:1920px;min-width:1280px;margin:0 auto;}
input[type="search"] {-webkit-appearance:none;}
.clearfix {clear:both;overflow:hidden;}
.pl10 {padding-left:10px;}
.pc{
    display: block;
}
.mobile{
    display: none;
}
.container {width:1200px;margin:auto;}
/*  页眉  */.infipax-hdTop {background:#313131;position:relative;height:42px;}
.infipax-hdTop .container {display:flex;align-items:center;justify-content:space-between;height:100%;}
.infipax-hdTop .container .icon-list {display:flex;align-items:center;}
.infipax-hdTop .container .icon-list a {width:27px;height:27px;text-align:center;line-height:27px;margin-right:12px;border-radius:100%;background:#fff;}
.infipax-hdTop .container .search-box {height:30px;position:relative;}
.sb-search-input {width:252px;padding:0 30px 0 10px;position:absolute;top:0;right:0;border:none;outline:0;height:100%;margin:0;z-index:10;font-size:15px;background:#fff;-webkit-transition:width .3s;-moz-transition:width .3s;transition:width .3s;border-radius:30px;}
.sb-search-submit {width:30px;height:30px;line-height:30px;display:block;position:relative;text-align:center;cursor:pointer;z-index:11;background:#fff;border-radius:30px;}
/*   菜单  */.infipax-nav {box-shadow:0 0 10px rgba(0,0,0,0.1);position:relative;z-index:2;}
.infipax-nav .container2 {display:flex;justify-content:space-evenly;align-items:center;height:65px;position:relative;}
.infipax-nav .container2 .navList {height:100%;}
.infipax-nav .container2 .navList > ul {display:flex;align-items:center;height:100%;}
.infipax-nav .container2 .navList > ul > li {height:100%;display:flex;align-items:center;}
.infipax-nav .container2 .navList ul li {font-size:15px;}
.infipax-nav .container2 .navList ul li .nav-container {width:80%;max-width: 1024px;position:absolute;left:50%;top:100%;background:#ececec;transform:translateX(-50%);max-height:calc(100vh - 100px);box-shadow:0 0 10px rgba(0,0,0,0.1);display:none;overflow:auto;}
.infipax-nav .container2 .navList ul li .nav-sidebar {width:250px;height:100%;position:absolute;left:0;}
.infipax-nav .container2 .navList ul li .nav-sidebar ul {padding:5px 15px;display:block;}
.infipax-nav .container2 .navList ul li .nav-sidebar ul li {padding:15px;cursor:pointer;display:flex;justify-content:space-between;border-bottom:1px solid #d4d4d4;}
.infipax-nav .container2 .navList ul li .nav-sidebar ul li .iconfont {transform:rotate(180deg);display:inline-block;}
.infipax-nav .container2 .navList ul li .nav-sidebar ul li.active {color:#d3362f;}
.infipax-nav .container2 .navList ul li .nav-content {flex:1;padding:15px;min-height:450px;margin-left:270px;height:100%;background:#f7f7f7;display:none;}
.infipax-nav .container2 .navList ul li .nav-content.active {display:block;}
.infipax-nav .container2 .navList ul li  .classify-tabs span {cursor:pointer;padding:2px 15px;margin:0 15px 15px 0;display:inline-block;background:#eee;border-radius:15px;}
.infipax-nav .container2 .navList ul li .classify-tabs span.active {color:#d3362f;}
.infipax-nav .container2 .navList ul li .nav-content .product-grid {display:flex;flex-wrap:wrap;padding:10px 0;}
.infipax-nav .container2 .navList ul li .nav-content .product-grid.active {}
.infipax-nav .container2 .navList ul li .nav-content .product-grid .product-card {margin:0 10px 10px 0;text-align:center;}
.infipax-nav .container2 .navList ul li .nav-content .product-grid .product-card i {display:block;width:220px;height:220px;margin:0 auto 5px;overflow:hidden;position:relative;border:1px solid #cccccc;border-radius:5px;transition:all .5s;}
.infipax-nav .container2 .navList ul li .nav-content .product-grid .product-card i img {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:100%;max-height:100%;}
.infipax-nav .container2 .navList ul li .nav-content .product-grid .product-card h3 {font-size:15px;font-weight:normal;transition:all .5s;}
.infipax-nav .container2 .navList ul li .nav-content .product-grid .product-card:hover i {border:1px solid #ec635d;}
.infipax-nav .container2 .navList ul li .nav-content .product-grid .product-card:hover h3 {color:#ec635d;}
.infipax-nav .container2 .navList ul li a {font-size:16px;}
.infipax-nav .container2 .navList ul li > a {display:flex;    height: 100%;white-space: nowrap;
    align-items: center;border-radius:20px;padding:0 25px;position: relative;}
.infipax-nav .container2 .navList ul li > a:hover {color:#ec635d;}
.infipax-nav .container2 .navList ul li > a.meauActive::after{
    content: '';
    width: calc(100% - 50px);
    height: 2px;
    background: #ec635d;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}
.toDealer i {font-size:24px;display:inline-block;vertical-align:-1px;}
.toDealer a {background:#d3362f;color:#fff;font-size:18px;padding:3px 20px 5px;display:block;border-radius:20px;}
.learnMore a:hover,.section-one .cont .title a:hover,.toDealer a:hover,.right-buttom:hover,
.Related-wrap li .More:hover,
.text-pic-cont-text .goContact a:hover
{background:#ec635d;}


.footer-search{width: 370px;text-align: right;}
.footer-bar {background:#434343;padding:40px 0;color:#fff;}
.footer-bar .container {position:relative;text-align: center;}
.footer-bar-title {position:relative;}
.footer-bar-title h3 {font-size:48px;font-weight:bold;margin:0;line-height:1;}
.footer-bar-cont p {line-height:1.7em;max-width: 580px;margin:25px auto 48px;}
.footer-bar-btn {position:relative;text-align: center;display: flex;justify-content: center;width: 370px;}
.footer-bar-btn input {background:#fff;color:#000;border:0;height:45px;padding:0 20px;font-size:16px;outline:none;width: 250px;}
.footer-bar-btn input::placeholder {color:#d2d2d2;font-size:14px;}
.footer-bar-btn button {background:#d3362f;color:#fff;border:0;width:calc(100% - 250px);height:45px;line-height:45px;font-size:18px;padding: 0 20px;text-align:center;cursor:pointer;}

.footer {background-color:#313131;color:#ccc;padding:40px 20px;font-family:'Inter','Helvetica Neue',sans-serif;line-height:1.6;}
.footerMain {max-width:1280px;margin:auto;position:relative;display:flex;justify-content:space-between;}
.footerMain-info{width: 100%;}
.logo img {width:150px;}
.contact-info{position: relative;padding-left:30px;}

.contact-info p {margin:15px 20px 0 0;}
.contact-info a {color:#ccc;text-decoration:none;transition:color 0.3s ease;}
.footer-icon-css{position: absolute;left: 0;top:0;font-weight: bold;}
.footer-links a:hover,.qr-section:hover .qr-label,.contact-info a:hover {color:#fff;}
.qr-section {width:160px;padding-top: 30px;}
.qr-code {width:160px;height:160px;border:2px solid #a0d8ff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.5);display:inline-block;}
.qr-label {color:#ccc;text-align:center;}
.footer-links {margin-bottom:10px;display:flex;padding-left: 30px;}
.footer-links a {color:#ccc;text-decoration:none;display:block;margin:0 15px 0 0;padding-right:15px;
    position:relative;}
.footer-links a::after {content:'|';position:absolute;right:0;}
.footer-links a:last-child::after {content:'';}
.copyright {text-align:center;color:#777777;margin-top:20px;
    border-top:1px solid #222;padding-top:20px;}
.footer-bottom{position: relative; display: flex;justify-content: space-between;}
.footer-bottom-cont{margin-top: 20px;
    position: relative;}

.footer-top{
    display: flex;
    justify-content: space-between;
}

.infipax-header {
    position: fixed;
    width: 100%;
    z-index: 10;
    left: 0;
    top: 0;
    background: #fff;
    min-width: 1280px;
}

.infipax-header-Bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
}

.backToTop{
    width: 50px;
    height: 50px;
    position: fixed;
    right: 30px;
    bottom: 50px;
    border-radius: 35px;
    background-size: 70%;
    background-repeat: no-repeat;
    background-color: #8a8a8a;
    background-position: center center;
    z-index: 99;
    cursor: pointer;
}
.backToTop .iconfont{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 36px;
    color: #fff;
}

@media (max-width:1024px) {
    body,html {max-width:100%;min-width:100%;width:100%;}
    .pc {display:none;}
    .mobile {display:block;}
    .container {padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;width:auto;}
    .mobile-header {text-align:center;z-index:3;display:flex;align-items:center;justify-content:center;position:fixed;width:100%;height:50px;left:0;top:0;background:#242424;box-shadow:0 0 5px rgba(0,0,0,0.1);}
    .mobile-header .logo {width:100px;margin:auto;}
    .mobile-header .logo img {width:100px;display:block;}
    .mobile-meau-open {position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#242424;}
    .mobile-meau-open .iconfont {font-size:24px;color:#fff;}
    .mobile-meau-open .icon-ic_meau {display:block;}
    .mobile-meau-open .icon-icon-close {display:none;}
    .mobile-meau-open.active .icon-ic_meau {display:none;}
    .mobile-meau-open.active .icon-icon-close {display:block;}
    .meau-Box {background:#303030;width:100%;height:calc(100vh - 50px);position:fixed;left:0;top:50px;z-index:2;overflow:auto;display:none;}
    .infipax-hdTop {height:auto;}
    .infipax-hdTop .container {display:block;}
    .infipax-hdTop .container .search-box {width:100%;margin:15px auto;}
    .infipax-hdTop .container .search-box .sb-search-submit {position:absolute;right:0;}
    .infipax-hdTop .container .icon-list {justify-content:center;}
    .infipax-hdTop .container .icon-list a {margin:0 10px;}
    .sb-search-input {width:100%;}
    .toDealer {width:220px;margin:15px auto 0;}
    .navList {height:calc(100vh - 195px);margin-bottom:10px;width:100%;overflow-x:hidden;overflow-y:auto;}
    .navList a {color:#fff}
    .navList  ul > li {position:relative;}
    .navList > ul > li {color:#ffffff;padding:0;line-height:50px;height:auto;border-bottom:1px solid #3b3c3f;}
    .navList > ul > li > a {display:block;position:relative;width:100%;}
    .navList > ul > li > a > span,.mobile-meau-title i {position:absolute;right:15px;top:50%;transform:translateY(-50%) rotate(-90deg);}
    .nav-container {display:none;}
    .mobile-meau-title.active i,.navList > ul > li a.mobileMeau.active > span {transform:translateY(-50%) rotate(0deg);}
    .navList > ul > li a.mobileMeau.active ~ .nav-container {display:block;}
    .nav-sidebar ul li {width:100%;overflow: hidden;}
    .navList > ul > li a.mobileMeau.active ~ .nav-container {padding:0 15px;background:#3c3c3c;}
    .mobile-meau-title {position:relative;border-bottom: 1px solid #4c4d4e;}
    .nav-sidebar li:last-child .mobile-meau-title{border-bottom: 0;}
    .mobile-meau-title  ~ ul {background:#454444;padding:0 10px;display:none;}
    .mobile-meau-title  ~ ul li {border-bottom:1px solid #3b3c3f;}
    .mobile-meau-title.active ~ ul {display:block;}
    .product-grid {display: none;margin-bottom:20px;}
    .mobile-meau-title.active ~ .product-grid {display:flex;flex-wrap:wrap;}
    .product-card {        width: calc(100% / 3 - 20px);
        text-align: center;
        margin: 0 10px;}
    .product-card a {display:block;}
    .product-card a img {display:block;}
    .product-card a h3 {font-weight:normal;line-height:normal;font-size:14px;}

    .footer{padding: 15px;}
    .footerMain{
        max-width: 100%;
    }
    .footer-top {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .footerMain-info .logo{
        margin: 10px 0;
    }
    .footerMain-info .logo img{width: 100px;}
    .footer-search,.footer-bar-btn{width: 100%;}
    .footer-bar-btn input{width: 200px;}
    .footer-bar-btn button{    width: calc(100% - 200px);}
    .footer-bar-btn input,.footer-bar-btn button{height: 45px;line-height: 45px;}
    .footer-links{flex-wrap: wrap;}
    .footer-bottom{display: block}
    .footer-links a{    margin: 0 10px 10px 0;}
    .qr-section{margin: auto;}







}
