@charset "utf-8";
*{margin:0;padding:0}
html {
    font-size: 5.2083333333333vw;
}
@media (max-width:1199px) {
    html {
        font-size: 6.6vw !important;
    }
}
@media (max-width:767px) {
    html {
        font-size: 13.3vw !important;
    }
}
body{width:100%;min-width:320px;min-height:100vh;margin:0 auto;font-family:Source Han Sans CN,sans-serif; background:#fff;overflow-x:hidden;text-align:left;position:relative;font-size:16px;color:#000}
img{border:none}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;outline:none;}
input,select,textarea{font-family:Source Han Sans CN,sans-serif; font-size:16px;outline:0;margin:0;padding:0}
input[type=button],input[type=date],input[type=number],input[type=reset],input[type=search],input[type=submit],input[type=text],input[type=time]{-webkit-appearance:none}
select{-webkit-appearance:none}
textarea{-webkit-appearance:none}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
ol,ul{padding:0;list-style-type:none}
em{font-style:normal}
input.sub,label{border:none;cursor:pointer}
table{border-collapse:collapse}
td,th{padding:0}
*{box-sizing:border-box}
.clear { clear:both;}
i{ font-style:normal;}
.wrap{ max-width: 19.2rem; margin-left: auto; margin-right: auto; padding-left: 1.6rem; padding-right: 1.6rem;position:relative;max-width:100%;margin:0 auto}
/*自定义*/
/*header*/
.header {height:1.1rem;  width:100%;  z-index:3; background-color:#ffffff; position:relative; box-shadow:0 2px 12px rgba(28,58,84,.06); }
.header .wrap{ display:flex; align-items:center;  justify-content: space-between; height:1.1rem;}
.header .logo{ height:1.1rem; flex-shrink:0; }
.header .logo a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: center;}
.header .logo img{ max-width:100%; max-height:100%; vertical-align:middle; }
.header .nav{  }
.header .nav ul li{float:left; width:auto; color:#1a202c; font-size:0.18rem; line-height:1.1rem; margin-left:0.4rem; position:relative; font-weight:bold; }
.header .nav ul li:first-child { margin-left:0; }
.header .nav ul li a { display:block; color:#1a202c; transition:color .3s; }
.header .nav ul li:hover a { color:#3da79d;  }
.header .nav ul li.active a { color:#3da79d;  }
.header .nav ul li .sub { position: absolute;width:300%;left:-100%; text-align:center; top:1.1rem;z-index:30000; box-shadow:0 6px 15px rgba(28,58,84,.08); }
.header .nav ul li .sub ul li { float:left; min-width:auto; width:100%; line-height:0.45rem; position:relative;text-align:center;  margin:0; padding:0; font-size:0.16rem; font-weight:normal;  background-color:#FFF;}
.header .nav ul li .sub ul li a { color:#1a202c; transition:color .3s; }
.header .nav ul li .sub ul li:hover { background-color:#3da79d; }
.header .nav ul li .sub ul li:hover a { color:#ffffff;}
.h-right { display:flex; align-items:center; }
/*搜索*/
.h-search { width:2.2rem; height:0.45rem; }
.h-search form { width:100%; height:100%; display:flex; align-items:center; padding:0 0.2rem; background:#f7fafc; border:1px solid #e3e8f0; border-radius:0.28rem; transition:border-color .3s; }
.h-search form:hover , .h-search form:focus-within { border-color:#3da79d; }
.h-search input[type=text] { flex:1; min-width:0; height:100%; color:#1a202c; font-size:0.16rem; border:none; background:none; }
.h-search input::placeholder { color:#b5b5b5; }
.h-search .submit { flex-shrink:0; margin-left:0.08rem; padding:0 0.02rem; background:none; border:none; color:#3da79d; font-size:0.2rem; cursor:pointer; transition:color .3s; }
/*Get a Quote*/
.h-quote { height:0.45rem; line-height:0.45rem; margin-left:0.2rem; padding:0 0.2rem; background-color:#3da79d; color:#ffffff; font-size:0.16rem; border-radius:0.28rem; transition:opacity .3s; }
.h-quote a { display:block; color:#ffffff;  }
.h-quote i { margin-right:0.1rem; }
.h-quote:hover { opacity:0.85; color:#ffffff; }
/*购物车*/
.h-cart { position:relative; margin-left:0.3rem; width:0.45rem; height:0.45rem; background-color:#f7fafc; border:#e3e8f0 solid 1px; color:#1a202c; font-size:0.2rem; line-height:0.45rem; transition:color .3s; border-radius:50%; text-align:center; }
.h-cart a { display:block; color:#1e3a5f; }
.h-cart:hover , .h-cart:hover a { color:#3da79d; }
.h-cart .num { position:absolute; top:-0.05rem; right:-0.05rem; min-width:0.2rem; height:0.2rem; line-height:0.2rem; padding:0 0.04rem; background-color:#3da79d;  color:#ffffff; font-size:0.14rem; text-align:center; border-radius:0.12rem; }
/*header2*/
.header2{height:60px;position:fixed; background-color:#ffffff; z-index:22;top:0;width:100%; display:none; }
.header2.black { background-color:rgba(0, 0, 0, 0.7); }
.header2 .main-wrap{height:60px;padding:0 3%;box-shadow:0 0 10px 0 rgba(0,0,0,.1)}
.header2 .logo{width:200px; height:50px;margin-top:5px;overflow:hidden;  float: left; display: inline;}
.header2 .logo a{display:block; width:100%; height:100%; display: flex;  align-items: center; justify-content: left;}
.header2 .logo img{max-width: 100%;max-height: 100%;vertical-align: middle;}
.header2 .m-icons{float:right; margin-top:17px; margin-right:18px;}
.header2 .m-icons .m-quote { position:relative; display:inline-block; color:#1e3a5f; font-size:20px; margin-right:18px; line-height:26px;}
.header2 .m-icons .m-cart { position:relative; display:inline-block; color:#1e3a5f; font-size:20px; margin-right:18px; line-height:26px;}
.header2 .m-cart .num{position:absolute; top:-5px; right:-10px; min-width:16px; height:16px; line-height:16px; padding:0 3px; background-color:#3da79d; color:#ffffff; font-size:11px; text-align:center; border-radius:8px;}
.header2 .nav-btn{width:25px;height:16px;position:relative;cursor:pointer;margin-top:22px; float: right; display: inline;}
.header2 .nav-btn .zi { display:none; width:20px; color:#3da79d; font-size:16px; line-height:1; position:absolute; right:-10px; top:-8px; }
.header2 .nav-btn.active{-webkit-animation:rotate .5s linear 0s;animation:rotate .5s linear 0s}
.header2 .nav-btn .line{display:block;width:100%;height:2px;border-radius:2px;background-color:#3da79d;position:absolute;left:50%;margin-left:-15px}
.header2 .nav-btn .line1{-webkit-transform-origin:4px 0;-ms-transform-origin:4px 0;transform-origin:4px 0}
.header2 .nav-btn.active .line1{top:0}
.header2 .nav-btn.hover .line{background:#3da79d}
.header2 .nav-btn .line2{top:7px}
.header2 .nav-btn .line3{bottom:0;-webkit-transform-origin:1px center;-ms-transform-origin:1px center;transform-origin:1px center}
.header2 .sub-menu{width:100%;padding:0 3%;display:none;position:absolute;left:0;top:70px;z-index:2;overflow-y:auto}
.header2 .m-search{padding:10px 0 15px;}
.header2 .m-search form{display:flex; align-items:center; height:42px; padding:0 15px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.25); border-radius:21px;}
.header2 .m-search input{flex:1; min-width:0; height:100%; background:none; border:none; color:#ffffff; font-size:15px;}
.header2 .m-search input::placeholder{color:rgba(255,255,255,.5);}
.header2 .m-search button{background:none; border:none; color:#ffffff; font-size:17px; cursor:pointer;}
.header2 .sub-menu ul{width:100%;overflow-y:auto;height:calc(100vh - 55px - 1.5rem)}
.header2 .js-m-3{opacity:0;-webkit-transform:translate(30px,0);-ms-transform:translate(30px,0);transform:translate(30px,0);-webkit-transition:all .8s ease;transition:all .8s ease}
.header2 .js-m-3.animate{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}
.header2 .sub-menu li{border-bottom:1px solid #555;font-size:16px;padding:0 20px}
.header2 .sub-menu .tit{display:inline-block;text-decoration:none;width:80%;line-height:50px;color:#fff;position:relative;box-sizing:border-box}
.header2 .sub-menu .sub-tit.on{background-color:#e9e9e9}
.header2 .sub-menu .sec-list{line-height:40px; padding-bottom:10px; display:none}
.header2 .sub-menu .jt{position:relative;display:inline-block;width:10%;height:50px;text-align:center;background:0 0;float:right}
.header2 .sub-menu .jt:after{content:'';display:block;width:26px;height:26px;background:url(../images/mobile_nav_jia.png) no-repeat center;background-size:17px auto;position:absolute;right:3%;top:10px}
.header2 .sub-menu .jt.jtRote:after{background:url(../images/mobile_nav_jian.png) no-repeat center;background-size:20px auto}
.header2 .sub-menu .sec-list p{background:url(../images/mobile_nav_dian.png) no-repeat left center;background-size:3px auto;font-size:14px}
.header2 .sub-menu .sec-list a{padding-left:5%;color:#cccccc;display:block}
.header2 .sub-menu .sec-list a:active{color:#37a3dc}
.header2 .icon-close:before{content:"\e6d3"}
.search-bg{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:20; background-color:rgba(55,55,55,.95); display:none; } 
.header-wrap { display:none;}
/* nav_zzc */
.nav_zzc{display: none;background: rgba(0, 0, 0, 0.6);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99990;}
.nav_menu {  width:0; position:fixed;  right:0; top:0; height: 100%;z-index: 99999;overflow: scroll;background: #fff;}
.nav_menu .nav_menu_top{width: 100%; height:50px;}
.nav_menu .nav_menu_btn{display: block;width:25px;position: absolute;top:16px;right:20px;}
.nav_menu .nav_menu_btn img{display: block;width:25px; }
.nav_menu ul{overflow:hidden; width:100%;overflow: scroll;height: 80%;}
.nav_menu li{ width:100%; overflow:hidden; background:url(../images/nav_icon01.png) no-repeat 89% center;height:50px;border-bottom: 1px solid #eaeaea;}
.nav_menu li a{ color:#333333;font-size:14px;display: block;height:50px;line-height:50px;box-sizing: border-box;padding-left: 6%;}
/*f_nav*/
.f_nav { display:none; margin:0 auto; text-align:center; width:100%; max-width:750px; min-width:320px; height: 3.5em; padding: 0.1em 0;background:#3da79d;position:fixed; bottom:0; z-index:999;}
.f_nav a{color: #fff; display: block; text-align: center; width: 33.33%; float: left; margin: 0 auto; font-size:14px;}
.f_nav a i{display: block;font-size: 1.5em;line-height: 1.4em;}
/*banner*/
.banner { position:relative; }
.banner .swiper{width:100%;height:100%}
.banner .swiper-slide{ position:relative; height:6.5rem; overflow:hidden; }
.banner .pic{ position:absolute; left:0; top:0; width:100%; height:100%; }
.banner .pic img{ width:100%; height:100%; object-fit:cover; object-position:center 30%; }
.banner .b-con{ position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; }
.banner .tit{ width:47%; font-size:0.45rem; color:#1a202c; line-height:1.3;  }
.banner .des{  width:47%; margin-top:0.28rem; font-size:0.16rem; color:#1a202c; line-height:1.9; }
.banner .b-btn{ margin-top:0.55rem; }
.banner .b-btn a{ display:inline-flex; align-items:center; height:0.6rem; line-height:0.6rem; padding:0 0.3rem; margin-right:0.2rem; border-radius:0.3rem; color:#ffffff; font-size:0.18rem; transition:opacity .3s; }
.banner .b-btn a i{ margin-right:0.1rem; }
.banner .b-btn a:hover{ opacity:0.85; color:#ffffff; }
.banner .b-btn .btn1{ background-color:#1e3a5f; }
.banner .b-btn .btn2{ background-color:#3da79d; }
.banner .swiper-pagination-bullet { background: #ffffff; opacity:0.5; }
.banner .swiper-pagination-bullet-active { background-color:#ffffff; opacity:1;  }
/*Request a Quote*/
.q-main{ max-width:11.4rem; margin:0 auto; padding:0.5rem 0.2rem 0.9rem; }
.q-head .q-title{ font-size:0.36rem; color:#1a202c; font-weight:600; }
.q-head .q-des{ margin-top:0.15rem; font-size:0.16rem; color:#718096; line-height:1.8; }
.q-grid{ display:flex; justify-content:space-between; margin-top:0.35rem; }
/*产品清单*/
.q-items{ width:47%; background:#ffffff; border:#e3e8f0 solid 1px; border-radius:0.08rem; padding:0.3rem 0.28rem; }
.q-form{ width:51%; background:#ffffff; border:#e3e8f0 solid 1px; border-radius:0.08rem; padding:0.3rem 0.28rem; }
.q-tit{ padding-bottom:0.18rem; border-bottom:#e3e8f0 solid 1px; font-size:0.2rem; color:#1a202c; font-weight:600; }
.q-tit i{ margin-right:0.1rem;  font-size:0.2rem; }
.q-item{ display:flex; align-items:flex-start; padding:0.22rem 0; border-bottom:#e3e8f0 solid 1px; }
.q-item .pic{ width:0.72rem; height:0.72rem; flex-shrink:0; background:#f7fafc; border-radius:0.05rem; overflow:hidden; }
.q-item .pic img{ width:100%; height:100%; object-fit:cover;  transition:transform .4s ease; }
.q-item .info{ flex:1; min-width:0; margin-left:0.18rem; }
.q-item .name{ font-size:0.17rem; color:#1a202c; font-weight:600; line-height:1.4; }
.q-item .name .del{ display:inline-block; margin-left:0.08rem; color:#a0aec0; font-size:0.15rem; vertical-align:middle; transition:color .3s; }
.q-item .name .del:hover{ color:#e53e3e; }
.q-item .qty{ display:flex; align-items:center; margin-top:0.1rem; font-size:0.15rem; color:#718096; }
.q-item .qty input{ width:0.85rem; height:0.34rem; margin:0 0.08rem; padding:0 0.08rem; border:#e3e8f0 solid 1px; border-radius:0.05rem; background:#ffffff; font-size:0.15rem; color:#1a202c; text-align:center; transition:border-color .3s; }
.q-item .qty input:focus{ border-color:#3da79d; }
.q-item .info p{ margin-top:0.06rem; font-size:0.14rem; color:#718096; line-height:1.7; }
.q-item .price{ flex-shrink:0; margin-left:0.15rem; text-align:right; }
.q-item .price .p{ font-size:0.18rem; color:#1e3a5f; font-weight:700; }
.q-item .price .u{ margin-top:0.02rem; font-size:0.13rem; color:#718096; }
.q-total{ display:flex; justify-content:space-between; align-items:center; margin-top:0.25rem; }
.q-total .lab{ font-size:0.16rem; color:#1a202c; }
.q-total .num{ font-size:0.26rem; color:#1e3a5f; font-weight:700; }
.q-note{ margin-top:0.12rem; font-size:0.13rem; color:#718096; line-height:1.7; }
/*联系表单*/
.q-form form{ margin-top:0.05rem; }
.q-row{ display:flex; justify-content:space-between; }
.q-row .q-group{ width:calc(50% - 0.1rem); }
.q-group{ margin-top:0.18rem; }
.q-group label{ display:block; margin-bottom:0.08rem; font-size:0.15rem; color:#1a202c; font-weight:600; text-transform:uppercase; }
.q-group input , .q-group select , .q-group textarea{ width:100%; height:0.46rem; padding:0 0.14rem; background:#ffffff; border:#e3e8f0 solid 1px; border-radius:0.05rem; font-size:0.15rem; color:#1a202c; transition:border-color .3s; }
.q-group textarea{ height:1.1rem; padding:0.1rem 0.14rem; resize:vertical; line-height:1.6; }
.q-group input::placeholder , .q-group textarea::placeholder{ color:#b5b5b5; }
.q-group input:focus , .q-group select:focus , .q-group textarea:focus{ border-color:#3da79d; }
.q-group select{ appearance:none; -moz-appearance:none; padding-right:0.32rem; background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23718096' stroke-width='1.5' stroke-linecap='round'/></svg>"); background-repeat:no-repeat; background-position:right 0.12rem center; background-size:0.12rem auto; cursor:pointer; }
.q-check{ display:flex; align-items:flex-start; margin-top:0.2rem; }
.q-check input{ width:0.18rem; height:0.18rem; margin-top:0.02rem; accent-color:#3da79d; cursor:pointer; }
.q-check label{ margin-left:0.1rem; font-size:0.15rem; color:#718096; line-height:1.6; cursor:pointer; }
.q-submit{ width:100%; height:0.58rem; margin-top:0.28rem; background-color:#1e3a5f; border:none; border-radius:0.3rem; color:#ffffff; font-size:0.18rem; cursor:pointer; transition:opacity .3s; }
.q-submit i{ margin-right:0.1rem; }
.q-submit:hover{ opacity:0.85; }

/*提交成功弹窗*/
.q-success{ position:fixed; left:0; top:0; right:0; bottom:0; z-index:9999; display:none; }
.q-success-mask{ position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(18,32,52,0.5); }
.q-success-box{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:4.4rem; max-width:88%; padding:0.4rem 0.3rem; background-color:#ffffff; border-radius:0.08rem; text-align:center; box-shadow:0 0.1rem 0.4rem rgba(18,32,52,0.18); }
.q-success-box i{ display:block; font-size:0.5rem; color:#3da79d; }
.q-success-box h4{ margin-top:0.15rem; font-size:0.22rem; color:#1e3a5f; }
.q-success-box p{ margin-top:0.12rem; font-size:0.15rem; color:#718096; line-height:1.7; }
.q-success-btn{ display:inline-block; min-width:1.6rem; height:0.5rem; margin-top:0.25rem; padding:0 0.3rem; background-color:#1e3a5f; border-radius:0.25rem; color:#ffffff; font-size:0.16rem; line-height:0.5rem; transition:opacity .3s; }
.q-success-btn:hover{ opacity:0.85; color:#ffffff; }

/*Contact Us*/
.c-banner{ position:relative; height:3rem; display:flex; align-items:center; justify-content:center; text-align:center; overflow:hidden; }
.c-banner .pic{ position:absolute; left:0; top:0; width:100%; height:100%; }
.c-banner .pic img{ width:100%; height:100%; object-fit:cover; }
.c-banner-con{ position:relative; z-index:1; }
.c-banner-con h1{ font-size:0.4rem; color:#1e3a5f; font-weight:600; }
.c-banner-con p{ margin-top:0.15rem; font-size:0.17rem; color:#718096; }
.c-head{ margin-top:0.55rem; text-align:center; }
.c-head .tit{ font-size:0.32rem; color:#1a202c; font-weight:600; }
.c-head .des{ max-width:7.5rem; margin:0.15rem auto 0; font-size:0.16rem; color:#718096; line-height:1.9; }
.c-form-box{ max-width:9.5rem; margin:0.35rem auto 1rem; padding:0.35rem 0.4rem; background:#ffffff; border:#e3e8f0 solid 1px; border-radius:0.1rem; box-shadow:0 0.1rem 0.3rem rgba(28,58,84,.08); }
/*上传LOGO*/
.c-upload .c-file{ display:none; }
.c-upload .up-box{ display:block; margin-top:0.08rem; padding:0.35rem 0.2rem; background:#fbfcfe; border:#d5dce6 dashed 1px; border-radius:0.05rem; text-align:center; cursor:pointer; transition:border-color .3s; }
.c-upload .up-box:hover{ border-color:#3da79d; }
.c-upload .up-box i{ font-size:0.34rem; color:#1e3a5f; }
.c-upload .up-box .t1{ margin-top:0.12rem; font-size:0.15rem; color:#1a202c; font-weight:600; }
.c-upload .up-box .t2{ margin-top:0.05rem; font-size:0.13rem; color:#718096; }

/*Why Us*/
.w-why{ padding:0.7rem 0 0.65rem; background-color:#eff5fa; text-align:center; }
.w-why .tit{ font-size:0.4rem; color:#1e3a5f; font-weight:600; }
.w-why .sub{ margin-top:0.15rem; font-size:0.2rem; color:#718096; }
.w-why .des{ max-width:7.5rem; margin:0.12rem auto 0; font-size:0.16rem; color:#718096; line-height:1.9; }
.w-list{ padding:0.6rem 0 0.4rem; background-color:#f7fafc; }
.w-list ul{ display:flex; flex-wrap:wrap; }
.w-list .item{ width:calc((100% - 1.05rem) / 3); margin-left:0.35rem; margin-top:0.35rem; padding:0.4rem 0.3rem; background:#ffffff; border:#e3e8f0 solid 1px; border-radius:0.08rem; text-align:center; transition:border .3s; }
.w-list .item:nth-child(3n+1) { margin-left:0; }
.w-list .item:hover{ border:#3da79d solid 1px; box-shadow:0 0 0.2rem rgba(61,167,157,.1); }
.w-list .item i{ font-size:0.28rem; color:#1e3a5f; }
.w-list .item img{ display:block; width:0.32rem; height:0.32rem; margin:0 auto; object-fit:contain; }
.w-list .item .tit{ margin-top:0.15rem; font-size:0.2rem; color:#1e3a5f; font-weight:600; }
.w-list .item .des{ margin-top:0.1rem; font-size:0.15rem; color:#718096; line-height:1.9; }
.w-cta{ padding:0.6rem 0 0.9rem; background-color:#ffffff; text-align:center; }
.w-cta .tit{ font-size:0.32rem; color:#1e3a5f; font-weight:600; }
.w-cta .des{ margin-top:0.15rem; font-size:0.16rem; color:#718096; line-height:1.8; }
.w-cta .btn{ margin-top:0.3rem; }
.w-cta .btn a{ display:inline-flex; align-items:center; height:0.58rem; line-height:0.58rem; padding:0 0.4rem; background-color:#1e3a5f; border-radius:0.3rem; color:#ffffff; font-size:0.18rem; transition:opacity .3s; }
.w-cta .btn a i{ margin-right:0.1rem; }
.w-cta .btn a:hover{ opacity:0.85; }

/*Categories*/
.g-list{ padding:0.4rem 0 0.9rem; background-color:#ffffff; }
.g-list ul{ display:flex; flex-wrap:wrap; align-items:stretch; }
.g-list .item{ display:flex; flex-direction:column; width:calc((100% - 0.9rem) / 3); margin-left:0.3rem; margin-top:0.3rem; background:#ffffff; border:#e3e8f0 solid 1px; border-radius:0.08rem; overflow:hidden; }
.g-list .item:nth-child(3n+1) { margin-left:0; }
.g-list .tit{ display:flex; align-items:center; padding:0.18rem 0.25rem; background-color:#1e3a5f; color:#ffffff; font-size:0.18rem; font-weight:600; }
.g-list .tit i{ margin-right:0.12rem; font-size:0.2rem; }
.g-list .sub{ flex:1; padding:0.1rem 0.25rem 0.2rem; }
.g-list .sub p{ display:flex; justify-content:space-between; align-items:center; border-bottom:#edf1f5 solid 1px; }
.g-list .sub p:last-child{ border-bottom:none; }
.g-list .sub a{ display:flex; align-items:center; flex:1; min-width:0; padding:0.13rem 0; font-size:0.16rem; color:#1a202c; transition:color .3s; }
.g-list .sub a i{ margin-right:0.1rem; color:#3da79d; font-size:0.12rem; }
.g-list .sub a:hover{ color:#3da79d; }
.g-list .sub .sku{ flex-shrink:0; margin-left:0.15rem; font-size:0.14rem; color:#a0aec0; font-family:Consolas,Monaco,monospace; }

/*Products*/
.p-page{ padding:0.4rem 0 0.6rem; background-color:#ffffff; }
.p-layout{ display:flex; justify-content:space-between; align-items:flex-start; }
.p-side{ width:2.6rem; flex-shrink:0; }
.p-side-btn{ display:none; }
.p-filter{ background:#ffffff; border:#e3e8f0 solid 1px; border-radius:0.08rem; padding:0.05rem 0.2rem; }
.p-filter .fgroup{ padding:0.18rem 0; border-bottom:#edf1f5 solid 1px; }
.p-filter .fgroup:last-child{ border-bottom:none; }
.p-filter h4{ font-size:0.15rem; color:#1a202c; font-weight:600; text-transform:uppercase; }
.p-filter .opt{ display:flex; align-items:center; margin-top:0.12rem; font-size:0.15rem; color:#4a5568; cursor:pointer; }
.p-filter .opt input{ width:0.16rem; height:0.16rem; margin-right:0.1rem; accent-color:#3da79d; cursor:pointer; }
.p-filter .price-range{ display:flex; align-items:center; margin-top:0.12rem; }
.p-filter .price-range input{ flex:1; min-width:0; height:0.4rem; padding:0 0.1rem; background:#ffffff; border:#e3e8f0 solid 1px; border-radius:0.05rem; font-size:0.14rem; color:#1a202c; }
.p-filter .price-range input::placeholder{ color:#b5b5b5; }
.p-filter .price-range span{ flex-shrink:0; margin:0 0.08rem; color:#a0aec0; }
.p-main{ flex:1; min-width:0; margin-left:0.3rem; }
.p-head{ display:flex; justify-content:space-between; align-items:center; }
.p-head .tit{ font-size:0.28rem; color:#1a202c; font-weight:600; }
.p-head .tit span{ margin-left:0.05rem; font-size:0.15rem; color:#718096; font-weight:400; }
.p-head .p-search{ display:flex; align-items:center; flex:1; max-width:3.4rem; min-width:1.6rem; height:0.44rem; margin:0 0.2rem; padding:0 0.18rem; background:#f7fafc; border:#e3e8f0 solid 1px; border-radius:0.28rem; transition:border-color .3s; }
.p-head .p-search:focus-within{ border-color:#3da79d; }
.p-head .p-search input[type=text]{ flex:1; min-width:0; height:100%; border:none; background:none; font-size:0.15rem; color:#1a202c; }
.p-head .p-search input::placeholder{ color:#b5b5b5; }
.p-head .p-search button{ flex-shrink:0; margin-left:0.08rem; padding:0; background:none; border:none; color:#3da79d; font-size:0.18rem; cursor:pointer; }
.p-head .sort{ appearance:none; -moz-appearance:none; height:0.44rem; padding:0 0.32rem 0 0.15rem; background:#ffffff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23718096' stroke-width='1.5' stroke-linecap='round'/></svg>") no-repeat right 0.12rem center; background-size:0.12rem auto; border:#e3e8f0 solid 1px; border-radius:0.05rem; font-size:0.15rem; color:#4a5568; cursor:pointer; }
.p-all-list{ display:flex; flex-wrap:wrap; margin-top:0.05rem; }
.p-all-list .item{ width:calc((100% - 0.48rem) / 3); margin-left:0.24rem; margin-top:0.24rem; background:#ffffff; border:#e3e8f0 solid 1px; border-radius:0.08rem; overflow:hidden; transition:box-shadow .3s; }
.p-all-list .item:nth-child(3n+1) { margin-left:0; }
.p-all-list .item:hover{ box-shadow:0 0.05rem 0.25rem rgba(28,58,84,.12); }

.p-all-list .pic { position:relative; }

@supports not (aspect-ratio: 3 / 2) {
  .p-all-list .pic {  position: relative;  height: 0; padding-bottom: 66.66%;}
  .p-all-list .pic img {  position: absolute;  top: 0; left: 0;  }
}
.p-all-list .pic { aspect-ratio:3/2; overflow:hidden;  }
.p-all-list .pic img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }


.p-all-list .item:hover .pic img{ transform:scale(1.05); }
.p-all-list .badge{ position:absolute; left:0.1rem; top:0.1rem; display:flex; align-items:center; padding:0.04rem 0.1rem; border-radius:0.04rem; color:#ffffff; font-size:0.13rem; }
.p-all-list .badge i{ margin-right:0.05rem; font-size:0.12rem; }
.p-all-list .b-teal{ background-color:#3da79d; }
.p-all-list .b-navy{ background-color:#1e3a5f; }
.p-all-list .info{ padding:0.15rem 0.18rem 0.2rem; }
.p-all-list .name{ font-size:0.17rem; font-weight:600; }
.p-all-list .name a{ color:#1a202c; transition:color .3s; }
.p-all-list .name a:hover{ color:#3da79d; }
.p-all-list .des{ margin-top:0.06rem; font-size:0.14rem; color:#718096; line-height:1.6; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.p-all-list .meta{ display:flex; justify-content:space-between; align-items:center; margin-top:0.12rem; }
.p-all-list .moq{ font-size:0.13rem; color:#718096; }
.p-all-list .price{ font-size:0.18rem; color:#1e3a5f; font-weight:700; }
.p-all-list .price span{ font-size:0.12rem; color:#718096; font-weight:400; }
.p-all-list .btns{ display:flex; margin-top:0.15rem; }
.p-all-list .btns a{ display:flex; align-items:center; justify-content:center; flex:1; height:0.42rem; border-radius:0.21rem; font-size:0.15rem; transition:all .3s; }
.p-all-list .btns a i{ margin-right:0.06rem; font-size:0.14rem; }
.p-all-list .btns .btn1{ background:#ffffff; border:#1e3a5f solid 1px; color:#1e3a5f; }
.p-all-list .btns .btn1:hover{ background:#1e3a5f; color:#ffffff; }
.p-all-list .btns .btn2{ margin-left:0.1rem; background:#3da79d; border:#3da79d solid 1px; color:#ffffff; }
.p-all-list .btns .btn2:hover{ opacity:0.85; }
.p-page .pagination{ margin:0.3rem 0 0.2rem; }

/*Product Detail*/
.d-page{ padding:0.4rem 0 0.6rem; background-color:#ffffff; }
.d-layout{ display:flex; justify-content:space-between; align-items:flex-start; }
.d-left{ width:42%; flex-shrink:0; position:sticky; top:0.3rem; }
.d-gallery .d-big-swiper{ height:4.2rem; background:#f7fafc; border:#e3e8f0 solid 1px; border-radius:0.08rem; overflow:hidden; }
.d-gallery .d-big-swiper .swiper-slide{ display:flex; justify-content:center; align-items:center; background:#f7fafc; overflow:hidden; }
.d-gallery .d-big-swiper .swiper-slide img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.d-gallery .d-thumbs-swiper{ height:1.2rem; margin-top:0.1rem; }
.d-gallery .d-thumbs-swiper .swiper-slide{ height:100%; cursor:pointer; opacity:0.6; border:1px solid transparent; border-radius:0.05rem; overflow:hidden; }
.d-gallery .d-thumbs-swiper .swiper-slide img{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; }
.d-gallery .d-thumbs-swiper .swiper-slide-thumb-active{ opacity:1; border-color:#1e3a5f; }
.d-gallery .swiper-button-prev , .d-gallery .swiper-button-next{ width:0.44rem; height:0.44rem; margin-top:-0.22rem; color:#1e3a5f; }
.d-gallery .swiper-button-prev:after , .d-gallery .swiper-button-next:after{ font-size:0.2rem; }
.d-info{ flex:1; min-width:0; margin-left:0.4rem; }
.d-tit{ font-size:0.3rem; color:#1a202c; font-weight:600; }
.d-sku{ margin-top:0.08rem; font-size:0.14rem; color:#718096; }
.d-des{ margin-top:0.15rem; font-size:0.15rem; color:#4a5568; line-height:1.8; }
.d-specs{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:0.2rem; padding:0.15rem 0.2rem; background:#f7fafc; border-radius:0.06rem; }
.d-specs .spec{ width:calc(50% - 0.2rem); padding:0.06rem 0; }
.d-specs .spec strong{ display:block; font-size:0.14rem; color:#1a202c; text-transform:uppercase; }
.d-specs .spec span{ display:block; margin-top:0.03rem; font-size:0.14rem; color:#718096; }
.d-lab{ display:block; margin-bottom:0.12rem; font-size:0.16rem; color:#1a202c; font-weight:600; }
/*包装规格*/
.d-pack{ margin-top:0.25rem; padding:0.18rem 0.2rem; background:#fdf8ec; border-radius:0.06rem; }
.d-pack h4{ display:flex; align-items:center; font-size:0.16rem; color:#1a202c; font-weight:600; }
.d-pack h4 i{ margin-right:0.08rem; color:#1e3a5f; font-size:0.16rem; }
.d-pack .pack-flow{ display:flex; align-items:center; margin-top:0.12rem; }
.d-pack .pack-box{ flex:1; padding:0.1rem 0.05rem; background:#ffffff; border:#e3d9bd solid 1px; border-radius:0.06rem; text-align:center; }
.d-pack .pack-box .num{ font-size:0.18rem; color:#1e3a5f; font-weight:700; }
.d-pack .pack-box .lab{ margin-top:0.02rem; font-size:0.13rem; color:#718096; }
.d-pack .pack-total{ flex:1; padding:0.1rem 0.05rem; background:#1e3a5f; border-radius:0.06rem; text-align:center; }
.d-pack .pack-total .num{ font-size:0.18rem; color:#ffffff; font-weight:700; }
.d-pack .pack-total .lab{ margin-top:0.02rem; font-size:0.13rem; color:rgba(255,255,255,.75); }
.d-pack .pack-flow > i{ flex-shrink:0; margin:0 0.1rem; color:#a0aec0; font-size:0.16rem; }
/*阶梯价格*/
.d-tier{ margin-top:0.25rem; padding:0.2rem; border:#e3e8f0 solid 1px; border-radius:0.06rem; }
.d-tier h3{ display:flex; align-items:center; font-size:0.18rem; color:#1a202c; font-weight:600; }
.d-tier h3 i{ margin-right:0.08rem; color:#1e3a5f; font-size:0.17rem; }
.d-tier table{ width:100%; margin-top:0.1rem; border-collapse:collapse; }
.d-tier th{ padding:0.08rem 0.05rem; font-size:0.13rem; color:#718096; font-weight:400; text-align:left; border-bottom:#e3e8f0 solid 1px; }
.d-tier td{ padding:0.1rem 0.05rem; font-size:0.14rem; color:#4a5568; border-bottom:#edf1f5 solid 1px; }
.d-tier tr:last-child td{ border-bottom:none; }
.d-tier tr.on td{ background:#f7fafc; color:#1a202c; font-weight:600; }
/*质量等级*/
.d-quality{ margin-top:0.25rem; }
.quality-opts{ display:flex; justify-content: flex-start; gap:0.1rem;  }
.quality-opts .q-opt{ width:calc((100% - 0.2rem) / 3); padding:0.12rem; background:#ffffff; border:#e3e8f0 solid 1px; border-radius:0.06rem; cursor:pointer; transition:all .3s;  }
.quality-opts .q-opt h4{ font-size:0.16rem; color:#1a202c; font-weight:600; }
.quality-opts .q-opt p{ margin-top:0.04rem; font-size:0.13rem; color:#718096; }
.quality-opts .q-opt.on{ border-color:#e3e8f0; background:#f7fafc; }
/*数量选择*/
.d-qty{ margin-top:0.25rem; }
.d-qty .qty-range{ display:block; width:100%; accent-color:#1e3a5f; cursor:pointer; }
.d-qty .scale{ display:flex; justify-content:space-between; margin-top:0.1rem; font-size:0.13rem; color:#718096; }
.qty-row{ display:flex; align-items:stretch; margin-top:0.15rem; }
.qty-row .qty-input{ width:1.1rem; height:0.56rem; padding:0 0.1rem; background:#ffffff; border:#e3e8f0 solid 1px; border-radius:0.05rem; font-size:0.16rem; color:#1a202c; text-align:center; }
.qty-row .qty-result{ flex:1; margin-left:0.15rem; padding:0.08rem 0.15rem; background:#f7fafc; border:#e3e8f0 solid 1px; border-radius:0.06rem; }
.qty-row .qty-result .lab{ font-size:0.12rem; color:#718096; text-transform:uppercase; }
.qty-row .qty-result .value{ margin-top:0.02rem; font-size:0.2rem; color:#1e3a5f; font-weight:700; }
.qty-row .qty-result .value span{ font-size:0.13rem; color:#718096; font-weight:400; }
.qty-row .qty-result .total{ margin-top:0.02rem; font-size:0.13rem; color:#718096; }
.qty-row .qty-result .total strong{ color:#1a202c; }
/*定制产品*/
.d-logo{ margin-top:0.25rem; padding:0.25rem 0.2rem; border:#e3e8f0 solid 1px; border-radius:0.06rem; text-align:center; background-color:#f7fafc; }
.d-logo .d-upload{ padding:0.12rem 0.08rem; border:1px dashed transparent; border-radius:0.06rem; transition:border-color .3s,background-color .3s; }
.d-logo .d-upload.drag{ border-color:#3da79d; background-color:#eaf7f6; }
.d-logo i.icon-cloud-upload{ font-size:0.36rem; color:#1e3a5f; }
.d-logo h4{ margin-top:0.1rem; font-size:0.17rem; color:#1a202c; font-weight:600; }
.d-logo p{ margin-top:0.05rem; font-size:0.14rem; color:#718096; }
.d-logo .d-file{ display:none; }
.d-logo .choose-btn{ display:inline-flex; align-items:center; justify-content:center; margin-top:0.12rem; padding:0.08rem 0.25rem; background:#ffffff; border:#1e3a5f solid 1px; border-radius:0.25rem; color:#1e3a5f; font-size:0.14rem; cursor:pointer; transition:all .3s; }
.d-logo .choose-btn i{ margin-right:0.06rem; }
.d-logo .choose-btn:hover{ background:#1e3a5f; color:#ffffff; }
.d-logo .file-name{ display:none; margin-top:0.1rem; font-size:0.12rem; color:#3da79d; word-break:break-all; }
.d-logo .file-name.err{ display:block; color:#e53e3e; }
.d-logo .file-name:not(:empty){ display:block; }
.d-logo .support{ margin-top:0.1rem; font-size:0.12rem; color:#a0aec0; }
.d-form{ display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:0.15rem; text-align:left; }
.d-form .q-group{ width:calc(50% - 0.1rem); margin-top:0.15rem; }
.d-form .q-group.q-full{ width:100%; }
/*按钮*/
.d-btns{ display:flex; margin-top:0.25rem; }
.d-btns a{ display:flex; align-items:center; justify-content:center; flex:1; height:0.55rem; border-radius:0.28rem; color:#ffffff; font-size:0.17rem; transition:opacity .3s; }
.d-btns a i{ margin-right:0.08rem; }
.d-btns a:hover{ opacity:0.85; }
.d-btns .btn1{ background:#1e3a5f; }
.d-btns .btn2{ margin-left:0.15rem; background:#3da79d; }
.d-note{ margin-top:0.15rem; font-size:0.12rem; color:#a0aec0; line-height:1.7; }

/*分页*/
.pagination{padding-left:0;margin:40px 0;border-radius:4px;text-align:center;width:100%}
ul.pagination{display:inline-block;width:auto}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#3da79d;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#3da79d;border-color:#3da79d}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
/*Product Categories*/
.i-cate{ padding:0.7rem 0 0.9rem; background-color:#ffffff; }
.i-public { text-align:center; }
.i-public .tit { text-align:center; font-size:0.45rem; color:#1a202c; font-weight:600; }
.i-public .des { margin-top:0.15rem; text-align:center; font-size:0.16rem; color:#718096; line-height:1.8; }
.i-cate-list{ display:flex; justify-content:space-between; flex-wrap:wrap;}
.i-cate-list .item { width:calc((100% - 0.7rem) / 3);  margin-top:0.6rem; border:#e3e8f0 solid 1px; border-radius:0.05rem; overflow:hidden; transition:border .3s;  }

@supports not (aspect-ratio: 3 / 2) {
  .i-cate-list .item .pic {  position: relative;  height: 0; padding-bottom: 66.66%;}
  .i-cate-list .item .pic img {  position: absolute;  top: 0; left: 0;  }
}
.i-cate-list .item .pic { aspect-ratio:3/2; overflow:hidden;  }
.i-cate-list .item .pic img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .4s ease; }

.i-cate-list .item .con{ height:1.5rem; text-align:center;  display:flex; align-items: center;  justify-content:center; flex-direction: column; padding:0 0.05rem; }
.i-cate-list .item .tit{ font-size:0.22rem; color:#003963; font-weight:600; transition:color .3s; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.i-cate-list .item .more{ margin-top:0.1rem; font-size:0.16rem; color:#a6a6a6; transition:color .3s; }
.i-cate-list .item:hover {  border:#3da79d solid 1px;  box-shadow: 0 0 0.2rem rgba(61, 167, 157, 0.1); }
.i-cate-list .item:hover .con .tit { color:#3da79d; }
.i-cate-list .item:hover .con .more { color:#3da79d; }
.i-cate-list .item:hover{ box-shadow:0 0.05rem 0.25rem rgba(28,58,84,.12); }
.i-cate-list .item:hover .pic img{ transform:scale(1.05); }
/*Why Choose D20*/
.i-why{ padding:0.6rem 0; background-color:#f7fafc; }
.i-why-list{ display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:0.3rem; }
.i-why-list .item{ width:calc((100% - 0.5rem) / 3); margin-top:0.5rem; background-color:#ffffff; border:#e3e8f0 solid 1px; border-radius:0.05rem; padding:0.3rem; height:2.6rem; }
.i-why-list .item .icon{ width:0.5rem; height:0.5rem; line-height:0.5rem; /*background-color:#1e3a5f; */border-radius:0.05rem; color:#ffffff; font-size:0.26rem; text-align:center; transition:background .3s; }
.i-why-list .item .tit{ margin-top:0.15rem; font-size:0.2rem; color:#1a202c; font-weight:600; }
.i-why-list .item .des{ margin-top:0.05rem; font-size:0.16rem; color:#718096; line-height:1.8; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.i-why-btn{ margin-top:0.6rem; text-align:center; }
.i-why-btn a{ display:inline-flex; align-items:center; height:0.6rem; line-height:0.6rem; padding:0 0.4rem; border-radius:0.3rem; background-color:#1e3a5f; color:#ffffff; font-size:0.18rem; transition:opacity .3s; }
.i-why-btn a i{ margin-right:0.1rem; }
.i-why-btn a:hover{ opacity:0.85; color:#ffffff; }
/*How It Works*/
.i-step{ padding:0.6rem 0 0.8rem; background-color:#ffffff; }
.i-step-list{ display:flex; flex-wrap:wrap; margin-top:0.3rem; position:relative; }
.i-step-list::after{ content:''; position:absolute; top:0.83rem; left:6%; width:88%; height:0.02rem; background-color:#e3e8f0; }
.i-step-list .item{ width:calc((100% - 1.2rem) / 5); margin-top:0.5rem; margin-left:0.3rem; padding:0 0.1rem; text-align:center; position:relative; z-index:1; }
.i-step-list .item:nth-child(5n+1) { margin-left:0; }
.i-step-list .item .icon{ width:0.66rem; height:0.66rem;  margin:0 auto; background-color:#1e3a5f; border-radius:50%; color:#ffffff; font-size:0.26rem; text-align:center; transition:background .3s; border:#FFF solid 0.03rem;box-shadow: 0 0 0.05rem rgba(0, 0, 0, 0.2);display:flex; align-items: center; justify-content: center;  }
.i-step-list .item .tit{ margin-top:0.2rem; font-size:0.2rem; color:#1a202c; font-weight:600; }
.i-step-list .item .des{ margin-top:0.1rem; font-size:0.15rem; color:#718096; line-height:1.8; }
/*footer*/
.footer{ background-color:#1e3a5f; color:#919daf; }
/*Stay in Touch*/
.f-news{ padding:0.6rem 0 0.2rem 0; text-align:center; }
.f-news .tit{ font-size:0.45rem; color:#ffffff; font-weight:600; }
.f-news .des{ margin-top:0.15rem; font-size:0.16rem; }
.f-news-form{ margin-top:0.35rem; display:flex; justify-content:center; }
.f-news-form input{ width:2.6rem; height:0.5rem; margin-right:0.15rem; padding:0 0.25rem; background:#ffffff; border:none; border-radius:0.3rem; font-size:0.16rem; color:#333333; }
.f-news-form input::placeholder{ color:#b5b5b5; }
.f-news-form button{ height:0.5rem; padding:0 0.4rem; border:none; background-color:#3da79d; border-radius:0.3rem; color:#ffffff; font-size:0.18rem; cursor:pointer; transition:opacity .3s; }
.f-news-form button i{ margin-right:0.08rem; }
.f-news-form button:hover{ opacity:0.85; }
/*footer-main*/
.f-main{ display:flex; justify-content:space-between; flex-wrap:wrap; padding:0.7rem 0 0.6rem; }
.f-main .f-col{ min-width:0; }
.f-main .f-brand{ width:22%; }
.f-main .f-nav{ width:15%; }
.f-main .f-pro{ width:24%; }
.f-main .f-contact{ width:30%; }
.f-main .f-tit{ margin-bottom:0.25rem; font-size:0.2rem; color:#3da79d; font-weight:600; text-transform:uppercase; }
.f-main ul li{ margin-top:0.14rem; font-size:0.18rem; }
.f-main ul li a{ transition:color .3s; }
.f-main ul li a i{ margin-right:0.08rem; font-size:0.14rem; }
.f-main ul li a:hover{ color:#ffffff; }
/*品牌栏*/
.f-brand .logo a{ display:block; }
.f-brand .logo img{ max-width:2rem; }
.f-brand .f-des{ margin-top:0.2rem; font-size:0.16rem; line-height:1.8; }
.f-brand .f-share{ margin-top:0.3rem; display:flex; }
.f-brand .f-share a{ width:0.5rem; height:0.5rem; margin-right:0.15rem; background-color:#3da79d; border-radius:0.1rem; color:#ffffff; font-size:0.24rem; line-height:0.5rem; text-align:center; transition:opacity .3s;  opacity:0.85;}
.f-brand .f-share a:hover{ opacity:1; }
/*联系方式*/
.f-contact .f-time{ font-size:0.18rem; line-height:2; }
.f-contact .f-info{  font-size:0.18rem; line-height:2; margin-top:0.15rem; padding-top:0.15rem; border-top:#2d4a6b solid 1px; }
/*版权*/
.f-copy{ padding:0.25rem 0 0.35rem; border-top:#4f617e solid 1px; text-align:center; font-size:0.16rem; }

/*右侧漂浮*/
.side-bar{ position:fixed; right:0; top:50%; transform:translateY(-50%); z-index:99; }
.side-bar a{ display:block; width:0.5rem; height:0.5rem; margin-top:1px; background-color:#8a9099; color:#ffffff; font-size:0.24rem; line-height:0.5rem; text-align:center; transition:background-color .3s; }
.side-bar a:hover{ background-color:#1e3a5f; color:#ffffff; }
.side-bar .side-top{ background-color:#3da79d; }
.side-bar .side-top:hover{ background-color:#3da79d; opacity:0.85; }




@media (max-width:1400px){
.wrap { padding-left: .9rem; padding-right: .9rem; width: 100%; }

}

@media (max-width:1200px){
.wrap { padding-left: .2rem; padding-right: .2rem; width: 100%; }
.header .nav ul li{ margin-left:0.25rem; }

}


@media (max-width:992px){
/*header1200*/
.welcome { display:none;}
.header{ display:none;}
.nav{ display:none;}
.header2{ display: block; } 
.header-wrap { display:block; height:60px;}
/*cate992*/
.i-cate-list .item{ width:calc((100% - 0.3rem) / 2); margin-top:0.4rem; }
/*why992*/
.i-why-list .item{ width:calc((100% - 0.3rem) / 2); margin-top:0.4rem; }
/*step992*/
.i-step-list .item{ width:calc((100% - 0.6rem) / 3); margin-top:0.4rem; }
.i-step-list .item:nth-child(5n+1) { margin-left:0.3rem; }
.i-step-list .item:nth-child(3n+1) { margin-left:0; }
.i-step-list::after{ display:none; }
/*footer992*/
.f-main .f-brand , .f-main .f-contact{ width:48%; }
.f-main .f-nav , .f-main .f-pro{ width:48%; }
.q-grid{ flex-wrap:wrap; }
.q-items , .q-form{ width:100%; }
.q-form{ margin-top:0.3rem; }
/*w-list992*/
.w-list .item{ width:calc((100% - 0.4rem) / 2); margin-left:0.2rem; }
.w-list .item:nth-child(3n+1) { margin-left: 0.2rem; }
.w-list .item:nth-child(2n+1) { margin-left: 0; }
/*g-list992*/
.g-list .item{ width:calc((100% - 0.3rem) / 2); }
.g-list .item:nth-child(3n+1) { margin-left: 0.3rem; }
.g-list .item:nth-child(2n+1) { margin-left: 0; }
/*p-layout992*/
.p-layout{ flex-wrap:wrap; display:block; }
.p-side{ width:100%; }
.p-main{ width:100%; margin-left:0; margin-top:0.3rem; }
.p-all-list .item{ width:calc((100% - 0.24rem) / 2); }
.p-all-list .item:nth-child(3n+1) { margin-left: 0.24rem; }
.p-all-list .item:nth-child(2n+1) { margin-left: 0; }
/*筛选折叠*/
.p-side-btn{ display:flex; align-items:center; justify-content:space-between; height:0.66rem; padding:0 0.15rem; background:#ffffff; border:#e3e8f0 solid 1px; border-radius:0.08rem; color:#1a202c; font-size:12px; font-weight:600; cursor:pointer; }
.p-side-btn span{ display:flex; align-items:center; }
.p-side-btn span i{ margin-right:0.08rem; color:#3da79d; font-size:0.17rem; }
.p-side-btn > i{ color:#3da79d; font-size:0.14rem; transition:transform .3s; }
.p-side.open .p-side-btn > i{ transform:rotate(180deg); }
.p-side .p-filter{ display:none; margin-top:0.15rem; }
.p-side.open .p-filter{ display:block; }
.p-filter .opt input { width:16px; height:16px; }
.p-filter .price-range input {  height: 0.66rem; font-size:12px; }
/*d-layout992*/
.d-layout{ flex-wrap:wrap;display:block; }
.d-left{ width:100%; position:static;  }
.d-info{ width:100%; margin-left:0; margin-top:0.3rem; }
.d-gallery .d-big-swiper{ height:5.5rem; }
.d-gallery .d-thumbs-swiper{ height:1.3rem; }

}

@media (max-width:767px){
.f_nav { display:block;}
/*side-bar767*/
.side-bar { display:none; }
/*banner767*/
.banner .swiper-slide { height:3rem; }
.banner .tit{ width:60%; font-size:0.3rem;}
.banner .des{ display:none; }
.banner .b-btn{ margin-top:0.2rem; }
/*cate767*/
.i-cate-list .item{ width:100%; }
.i-cate-list .item .con { height:auto; padding:0.3rem 0.1rem; }
.i-cate-list .item .tit{ font-size:16px; }
.i-cate-list .item .more{ font-size:12px; }
/*why767*/
.i-why-list .item{ width:100%; height:auto; }
.i-why-list .item .tit { font-size:16px; }
.i-why-list .item .des{ font-size:12px; }
/*step767*/
.i-step-list .item{ width:50%; margin-left:0; }
.i-step-list .item:nth-child(5n+1) { margin-left:0; }
.i-step-list .item:nth-child(3n+1) { margin-left:0; }
.i-step-list .item .tit { font-size:16px; }
.i-step-list .item .des{ font-size:12px; }
.i-step-list .item:last-child { width:100%; }

/*footer767*/
.footer { padding-bottom:6em; }
.f-news .des{ font-size:12px; }
.f-news-form input{ font-size:12px; }
.f-news-form button{ font-size:12px; }
.f-copy{ font-size:12px; }
.f-news-form{ flex-direction:column; align-items:center; }
.f-news-form input{ width:5.5rem; margin-right:0; margin-top:0.2rem; height:0.7rem; }
.f-news-form button{ margin-top:0.25rem; height:0.7rem; }
.f-main .f-col{ width:100%; margin-top:0.4rem; }
.f-main .f-col:first-child{ margin-top:0; }
.f-main .f-tit { font-size:16px; }
.f-main ul li { font-size:14px; }
.f-contact .f-time{ font-size:14px;  }
.f-contact .f-info{  font-size:14px;  }
.f-brand .f-share a{ width:0.6rem; height:0.6rem; line-height:0.6rem; font-size:0.3rem; margin-right:0.2rem; }
.f-nav { display:none;}
.f-brand{ display:none;}
/*q-main767*/
.q-main{ padding:0.4rem 0.2rem 0.6rem; }
.q-row{ flex-wrap:wrap; }
.q-row .q-group{ width:100%; }
.q-group label{ font-size:13px; }
.q-group input , .q-group select { font-size:14px; height:0.66rem; }
.q-group textarea { font-size:14px; height:2rem; }
.q-item .qty input {    width: 1.6rem; height: 0.66rem;}
.q-item .name{ font-size:15px; }
.q-item .name .del{ font-size:15px; }
.q-item .info p{ font-size:12px; }
.q-tit{ font-size:16px; }
.q-item .qty , .q-item .qty input{ font-size:12px; }
.q-item .price .p{ font-size:16px; }
.q-item .price .u{ font-size:11px; }
.q-total .lab{ font-size:13px; }
.q-note{ font-size:12px; }
.q-check label{ font-size:12px; }
.q-check input{ width:16px; height:16px; }
.q-total .num{ font-size:20px; }
.q-submit{ height:0.7rem; }

/*q-success767*/
.q-success-box h4{ font-size:20px; }
.q-success-box p{ font-size:13px; }
.q-success-btn{ width:100%; height:0.7rem; line-height:0.7rem; font-size:14px; }
/*c-banner767*/
.c-banner{ height:2.6rem; }
.c-banner-con h1{ font-size:0.36rem; }
.c-banner-con p{ font-size:14px; padding:0 0.3rem; }
.c-form-box{ margin:0.3rem 0.2rem 0.6rem; padding:0.3rem 0.2rem; }
.c-upload .up-box .t1{ font-size:14px; }
.c-upload .up-box .t2{ font-size:12px; }
/*w-why767*/
.w-why{ padding:0.5rem 0.2rem 0.45rem; }
.w-why .tit{ font-size:26px; }
.w-why .sub{ font-size:14px; }
/*.w-why .des{ font-size:12px; }*/
.w-list{ padding:0.4rem 0 0.2rem; }
.w-list ul{ margin-left:0; }
.w-list .item{ width:100%; margin-left:0; margin-top:0.25rem; }
.w-list .item .tit{ font-size:16px; }
.w-list .item .des{ font-size:14px; }
.w-cta{ padding:0.4rem 0.2rem 0.6rem; }
.w-cta .tit{ font-size:20px; }
.w-cta .des{ font-size:14px; }
.w-cta .btn a{ height:0.7rem; line-height:0.7rem; }
/*g-list767*/
.g-list{ padding:0.2rem 0 0.6rem; }
.g-list ul{ margin-left:0; }
.g-list .item{ width:100%; margin-left:0; margin-top:0.25rem; }
.g-list .item:nth-child(3n+1) { margin-left: 0; }
.g-list .tit{ font-size:16px; }
.g-list .sub a{ font-size:14px; }
.g-list .sub .sku{ font-size:12px; }
/*p-page767*/
.p-page{ padding:0.3rem 0 0.4rem; }
.p-filter h4{ font-size:14px; }
.p-filter .opt{ font-size:14px; }
.p-head .tit{ font-size:20px; }
.p-head .sort{ height:0.5rem; font-size:13px; }
.p-head{ flex-wrap:wrap; }
.p-head .p-search{ order:3; width:100%; max-width:100%; height:0.5rem; margin:0.15rem 0 0; padding:0 0.2rem; }
.p-head .p-search button{ font-size:15px; }
.p-all-list{ margin-left:0; }
.p-all-list .item{ width:100%; margin-left:0; margin-top:0.25rem; }
.p-all-list .item:nth-child(3n+1) { margin-left: 0; }
.p-all-list .btns a{ height:0.5rem; font-size:12px;}
.p-all-list .name{ font-size:14px; }
.p-all-list .badge{ font-size:12px; }
.p-all-list .des{ font-size:12px; }
.p-all-list .moq{ font-size:12px; }
.p-all-list .price{ font-size:16px; }
.p-all-list .price span{ font-size:11px; }
/*d-page767*/
.d-page{ padding:0.3rem 0 0.4rem; }
.d-gallery .d-big-swiper{ height:4.6rem; }
.d-gallery .d-thumbs-swiper{ height:1.1rem; }
.d-tit{ font-size:22px; }
.d-sku{ font-size:12px; }
.d-des{ font-size:14px; }
/*.d-specs .spec{ width:100%; }*/
.d-specs .spec strong{ font-size:13px; }
.d-specs .spec span{ font-size:13px; }
.quality-opts{ flex-wrap:wrap; }
/*.quality-opts .q-opt{ width:100%; margin-top:0.1rem; }*/
/*.quality-opts .q-opt:first-child{ margin-top:0; }*/
.quality-opts .q-opt p { display:none; }
.qty-row{ flex-wrap:wrap; }
.qty-row .qty-input{ width:100%; }
.qty-row .qty-result{ width:100%; margin-left:0; margin-top:0.12rem; }
.d-form .q-group{ width:100%; }
.d-btns a{ height:0.65rem; font-size:15px; }
.d-note{ font-size:12px; }
/*d-detail767*/
.d-pack , .d-tier , .d-quality , .d-qty , .d-logo{ font-size:12px; }
.d-pack h4 , .d-tier h3 , .d-lab , .d-logo h4{ font-size:14px; }
.d-pack .pack-box .num , .d-pack .pack-total .num{ font-size:14px; }
.d-pack .pack-box .lab , .d-pack .pack-total .lab , .d-tier th , .d-quality .q-opt p , .d-qty .scale , .qty-row .qty-result .lab , .qty-row .qty-result .total , .qty-row .qty-result .value span , .d-logo p , .d-logo .support , .d-logo .file-name{ font-size:11px; }
.d-tier td , .quality-opts .q-opt h4 , .qty-row .qty-input , .qty-row .qty-result .value , .d-logo .choose-btn , .d-form .q-group label , .d-form .q-group input , .d-form .q-group select , .d-form .q-group textarea{ font-size:12px; }

}