*{box-sizing:border-box;color:#333;word-wrap:break-word;padding:0;margin:0;}
body{background: #f2f3f7;font-size:12px;font-family:Arial,Helvetica,sans-serif;padding:0;margin:0;box-sizing:border-box;position:relative;}
a{text-decoration:none;cursor:pointer;}
ul{list-style:none;padding:0;margin:0;}
h5,h4,h3{margin:0;padding:0;}
header{box-sizing:border-box;background:#fff;box-shadow:0 5px 10px 0 rgb(175 175 175 / 20%);}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none;}
input[type="search"]::-webkit-search-cancel-button{cursor:pointer;}
textarea{-webkit-appearance:none;}
.button{border-radius:0;}
.container{max-width:1540px;margin:0 auto;box-sizing:border-box;}
.wrap{width:100%;align-items:center;height:100px;padding:20px;display:flex;}
.logo{vertical-align:middle;display:inline-block;}
.searchbox{width:60%;display:inline-block;border:1px solid #3081c4;background:#fff;height:40px;line-height:38px;padding-left:20px;margin:0 20px;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;position:relative;}
.keyword{display:inline-block;border:none;outline:none;padding:0;padding-left:10px;width:70%;}
.search-btn{float:right;border:none;outline:none;color:#fff;font-size:14px;line-height:38px;background:#3081c4;text-align:center;font-weight:700;cursor:pointer;display:inline-block;padding:0 26px;border:1px solid transparent;border-radius:0;margin-left:auto;}
.shoppingcar{margin-right:20px;position:relative;width:36px;}
.snum{width:18px;height:18px;line-height:18px;text-align:center;display:block;position:absolute;top:0;right:0;background:#ff0000;border-radius:50%;color:#fff;font-size:10px;}
.toplink{display:inline-block;float:right;height:44px;line-height:44px;}
.toplink .app{margin:0;background:url(images/appicon.png)left center no-repeat;padding-left:24px;display:inline-block;}
.toplink a:hover{color:#225c8b;}
.beforelogin{display:inline-block;margin-left:auto;}
.user{margin:0 40px;text-align:center;display:inline-block;position:relative;vertical-align:middle;}
.user img{width:28px;height:28px;}
.sign{padding-right:10px;margin-right:10px;border-right:1px solid #dedede;color:#3083c6;}
.user .userimg{border-radius:14px;width:28px;height:28px;display:block;overflow:hidden;margin:0 auto;}
.user p{font-weight:bold;margin-bottom:10px;}
.newsnum{width:18px;height:18px;line-height:18px;text-align:center;display:block;position:absolute;top:0;right:26px;background:#ff0000;border-radius:50%;color:#fff;font-size:10px;}
.afterlogin{display:inline-block;margin-left:auto;}
.afterlogin .user{cursor:pointer;width:98px;height:55px;}
.afterlogin .user .usermenu{display:none;position:absolute;padding:20px;width:210px;text-align:left;background:#fff;box-shadow:0 2px 12px 0 rgb(0 0 0 / 10%);border:1px solid #e4e7ed;z-index:999;}
.afterlogin .user:hover .usermenu{display:block;}
.afterlogin .user .usermenu:before{content:"";position:absolute;top:-5px;width:10px;height:10px;left:44px;background:#fff;border-left:1px solid #e4e7ed;border-top:1px solid #e4e7ed;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.afterlogin .user .usermenu p{margin-bottom:20px;border-bottom:1px dashed #225c8b;line-height:32px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}
.afterlogin .user .usermenu p span{color:#225c8b;font-size:14px;}
.afterlogin .user .usermenu li{margin-bottom:20px;line-height:20px;}
.afterlogin .user .usermenu li a{font-size:14px;}
.afterlogin .user .usermenu li a span{width:20px;height:20px;vertical-align:middle;margin-right:10px;display:inline-block;background:url(images/usericon.png)left top no-repeat;}
.afterlogin .user .usermenu li:nth-child(2) span{background-position:0 0;}
.afterlogin .user .usermenu li:nth-child(3) span{background-position:0 -20px;}
.afterlogin .user .usermenu li:nth-child(4) span{background-position:0 -40px;}
.afterlogin .user .usermenu li:nth-child(5) span{background-position:0 -60px;}
.afterlogin .user .usermenu li:hover span{background-position-x:-20px;}
.afterlogin .user .usermenu li:last-child{margin-bottom:0;}
.afterlogin .user .usermenu li:hover a{color:#225c8b;}
.active{padding:0 20px;color:#3081c4;border:1px solid #3081c4;font-weight:bold;}
.close{width:20px;height:20px;vertical-align:middle;font-size:0;display:inline-block;position:relative;margin-left:10px;cursor:pointer;}
.close::before,.close::after{content:'';width:10px;height:1px;display:block;background-color:#3081c4;position:absolute;right:0;top:8px;}
.close::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.close::after{background:#3081c4;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.custom-nav{margin:0 20px;line-height:50px;}
.custom-nav a{display:inline-block;color:#525252;}
.custom-nav a:first-child{color:#555;}
.custom-nav a:hover{color:#225c8b;}
.custom-nav i{display:inline-block;position:relative;width:5px;height:14px;vertical-align:middle;margin:0 10px;}
.custom-nav i:after{content:'';position:absolute;right:0;top:2px;width:5px;height:5px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.topinfo{padding: 20px;margin-bottom: 0;background: #fff;text-align: center;font-size: 14px;}
.topinfo h1{font-size: 20px;}
.topinfo .instock{margin: 20px 0;}
.toptxt{display: flex;align-items: center;padding-left: 10px;background:#fff;padding:20px 20px 10px 20px;}
.instocknum{color:#028500;font-weight:bold;margin-right: 6px;font-size:18px;}
.instock a{text-decoration: underline;color: #005c9d;margin-left: 20px;}
.toptxt span{font-size: 18px;font-weight: bold;margin: 0 4px;}
.toptxt a{text-decoration: underline;color: #005c9d;margin-left: 20px;}
.list-content{margin:20px 0;}
.soldouticon{position:absolute;top:10px;right:10px;width:80px;height:53px;transform:rotate(45deg);}
.productlist{display:flex;flex-wrap:wrap;}
.productlist li{width:24.25%;background:#fff;margin-bottom:20px;margin-right:1%;position:relative}
.productlist li:nth-child(4n){margin-right:0}
.productlist li:hover{box-shadow:0 8px 17px 0 rgb(0 0 0/15%)}
.imgbox{width:100%;height:280px;margin:0 auto;border:1px solid #ececec;display:flex;align-items:center;justify-content:center}
.imgbox img{max-width:100%;max-height:100%}
.text-box{padding:20px 14px;position:relative;}
.pname{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:700;margin:10px 0;height:32px;}
.pname a:hover{color:#3083c6;text-decoration:underline;}
.price{font-size:16px;color:#000;margin-right:10px;font-weight:bold;}
.productlist li p{margin-bottom:10px;}
.productlist li p i{font-style:normal;margin-right:20px;}
.productlist li p img{width:18px;height:12px;margin-right:6px;}
.size{margin:10px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.thickness{margin-bottom:10px}
.oprice {text-decoration: line-through;color: #585858;}
.save .savetext { color: #028500; margin-left: 10px;font-weight: bold;}
.pagination{text-align:center;margin-bottom:20px;}
.pagination li{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;margin-right:10px;background:#fff;border:1px solid #ededed;color:#585858;}
.pagination li:first-child,.pagination li:last-child{width:50px;}
.pagination li.active{background:#1b75bc;padding:0;}
.pagination li.active span,.pagination li.active a{color:#fff;}
footer{background:#fff;text-align:center;}
.footer-link{padding:20px;}
.footer-link ul{width:20%;display:inline-block;text-align:left;vertical-align:top;}
.footer-link ul li:first-child{font-size:16px;color:#333;margin-bottom:20px;font-weight:bold;}
.footer-link ul li{line-height:24px;}
.footer-link ul li a{color:#333;}
.footer-link ul li a:hover{color:#225c8b;}
.footer-link ul li a img{vertical-align:middle;width:150px;height:16px;}
.servicelist li a{background:url(images/serviceicon.png)left top no-repeat;padding-left:30px;display:block;cursor:auto;}
.servicelist li:nth-child(2) a{background-position-y:-24px;}
.servicelist li:nth-child(3) a{background-position-y:-48px;}
.servicelist li:nth-child(4) a{background-position-y:-72px;}
.servicelist li:nth-child(5) a{background-position-y:-96px;}
.copyright{color:#585858;padding:20px 0;border-top:1px solid #e5e5e5;}
.goTop{display:block;position:fixed;z-index:9999;right:20px;bottom:300px;inset:auto 20px 300px auto;display:none;width:48px;height:48px;line-height:48px;font-size:30px;color:#fff;background-color:#73ace6;border-radius:3px;transition:all ease-in-out .3s;cursor:pointer;transform:translateZ(0);-webkit-transform:translateZ(0);text-decoration:none;}
.goTop:before{content:'';left:13px;top:18px;position:absolute;width:20px;height:20px;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(-315deg);-webkit-transform:rotate(-315deg);}
.hotproduct{background:#fff;padding: 20px;margin:10px 0px;}
.hotproduct .title{font-size:16px;font-weight:700;margin-bottom:10px;}
.hotproduct-list{flex-wrap:wrap;}
.hotproduct-list a{display:inline-block;margin-right:20px;padding:0;font-size:14px;color:#333;line-height:28px;}
.hotproduct-list a:hover{color:#3083c6;}
.Relateitem .save{display:flex;flex-wrap:wrap;margin-top:10px;}
.rlist{display:flex;position:relative;width:100%;background-color:#fff}
.rtitle{font-weight:700;font-size:16px;padding: 0 0 20px 0;/* background-color:#fff; */}
.Relatelist{background-color:#fff;padding:20px;}
.Relateitem{width:20%;padding:10px}
.Relateitem i{font-style:normal}
.Relateitem .imgbox{width:100%;height:260px;margin:0 auto;border:1px solid #ececec;display:flex;align-items:center;justify-content:center}
.Relateitem .imgbox:hover{border-color:#3083c6}
.Relateitem .imgbox{height:210px}
.Relateitem .imgbox img{max-width:100%;max-height:100%}
.Relateitem .rpname{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:14px;font-weight:700;margin:10px 0;height:32px}
.Relateitem .rpname a:hover{color:#3083c6;text-decoration:underline}
.Relateitem p {margin-top:10px;}
.Relateitem p i{margin-right:10px;}
.Relateitem p img{width:18px;height:12px;margin-right:6px;}

.detail-top{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;background:#fff;margin: 0;position:relative;align-items:flex-start;padding:20px;}
.bannerwarp{position:sticky;top:0;width:65%;-ms-flex-negative:0;flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:flex;z-index:998;height:auto;text-align:center;justify-content:center;margin-right:20px;}
#banner{position:relative;width:600px;-ms-flex-negative:0;flex-shrink:0;background:#fff;-ms-flex-negative:0;flex-shrink:0;display:flex;}
.bannerwrap{width:800px;height:800px;overflow:hidden;}
#bannerlist li{display:flex;align-items:center;justify-content:center;cursor:zoom-in;border:1px solid #ddd;}
#bannerlist li img{max-width:100%;max-height:100%;}
.btnwrap{text-align:center;overflow:hidden;position:relative;padding-right:20px;}
.small_box{width:145px;height:800px;overflow:hidden;}
.small_list{position:relative;width:125px;height:760px;overflow:hidden;}
.small_list ul{height:800px;overflow:hidden;width:125px;}
.small_list ul li{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:8px;width:120px;height:120px;padding:2px;border:1px solid #e6ecf2;cursor:pointer;}
.small_list ul li img{display:block;max-width:100%;max-height:100%;}
.small_list ul li.on{border-color:#ff7519;opacity:1;}
.small_list ul li.on:after{content:"";position:absolute;right:-6px;top:40%;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #ff7519;}
.arrow{display:block;width:125px;height:20px;text-align:center;color:#fff;cursor:pointer;position:relative;}
#prev:after{content:'';position:absolute;left:40%;top:6px;width:16px;height:16px;border-right:4px solid #bbb;border-bottom:4px solid #bbb;transform:rotate(225deg);-webkit-transform:rotate(225deg);}
#next:after{content:'';position:absolute;left:40%;right:0;bottom:0;top:-8px;width:16px;height:16px;border-right:4px solid #bbb;border-bottom:4px solid #bbb;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.bignext,.bigprev{cursor:pointer;}
.bignext:after{content:'';position:absolute;right:80px;top:80px;width:40px;height:40px;border-left:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(-135deg);}
.bigprev:after{content:'';position:absolute;left:100px;top:80px;width:40px;height:40px;border-left:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotate(45deg);}
.bannerbigImg{max-width:94%;max-height:94%;}
.bannerbigImgwarp{width:100%;display:flex;align-items:center;justify-content:center;}
.bannerbigImgwarp img{max-width:100%;max-height:100%;}
#smallimg{display:flex;width:100%;margin:20px auto 0 auto;justify-content:center;}
#smallimg li{width:7%!important;height:100px!important;line-height:100px!important;margin-right:1%;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;padding:2px;position:relative;cursor:pointer;}
#smallimg li:last-child{margin-right:0;}
#smallimg li img{max-width:100%;max-height:100%;}
#smallimg li.on{border-color:#ff7519;opacity:1;}
#smallimg li.on:after{content:"";position:absolute;left:45%;top:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ff7519;}
.bannerclose{position:absolute;right:0;top:0;cursor:pointer;width:100px;height:100px;}
.bannerclose::before,.bannerclose::after{content:'';width:40px;height:2px;display:block;background-color:#ffffff;position:absolute;right:0;top:40px;}
.bannerclose::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.bannerclose::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.Customerbox{margin:20px 0;background:#fff;padding:20px;}
.toptitle{font-weight:bold;margin-bottom:20px;font-size: 18px;color:#585858;}
.knowledgeItem{display:flex;margin-bottom:20px;position:relative;padding-bottom:20px;cursor:pointer;}
.contentWarp{width:96%;max-height:64px;overflow:hidden;position:relative}
.knowledgeItem .content{width:100%;line-height:20px;font-size:13px;text-align: justify;}
.knowledgeItem .contentAll{width:100%;overflow:visible;display:block;line-height:20px;font-size:13px;text-align: justify;}
.knowledgeItem .showbtn{height:16px;text-align:right;position:absolute;right:10px;bottom:-10px}
.knowledgeItem .showbtn span{color:#225c8b;cursor:pointer;display:none;position:relative}
.knowledgeItem .showbtn span::after{content:'';position:absolute;right:-10px;top:3px;width:5px;height:5px;border-left:1px solid #225c8b;border-bottom:1px solid #225c8b;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.knowledgeItem .showbtn .hide::after{right:-16px;top:6px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}
.larr{margin-right:10px;width:16px;}
.arr{cursor:pointer;width:16px;height:24px;}
.ShowAllFAQ{color:#225c8b;cursor:pointer;position:relative;text-align:center;width:90px;margin:0 auto;font-weight:bold;}
.ShowAllFAQ::after{content:'';position:absolute;right:-10px;top:3px;width:5px;height:5px;border-left:1px solid #225c8b;border-bottom:1px solid #225c8b;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.Desctxt{line-height:20px;font-size:13px;margin-bottom:20px;text-align: justify;}
.nitem{margin-bottom:20px;}
table{border:1px solid #dedede;width:100%;margin-bottom:10px;border-collapse:collapse;table-layout:fixed;margin-top:10px;}
table td,table th{line-height:28px;text-align:center;margin:0;border-right:1px solid #dedede;word-wrap:break-word;word-break:break-word;white-space:pre-wrap}
table td{border-top:1px solid #dedede;padding:10px;}
table tr td:nth-child(1){width:36%;border-right:1px solid #dedede;}
table tr td:nth-child(2){width:64%;text-align:left;}
table th{color:#585858;}
.itemtitle{font-weight:bold;margin-bottom:10px;font-size: 15px;}
.itemcontent{border:1px solid #dedede;padding:10px;margin-bottom:10px;font-size: 14px;line-height: 24px;}
.btnwarp{display:flex;margin:30px 0;flex-wrap:wrap;justify-content:center;}
.btnotem{display:flex;align-items:center;width:49%;margin-right:2%;margin-bottom:20px;}
.btnotem:nth-child(2n),.btnotem:last-child{margin-right:0}
.btnotem02{width:100%;margin-right:0;}
.btn-addcart{background:#1b75bc;color:#fff;height:40px;line-height:40px;border:2px solid #1b75bc;border-radius:6px;width:100%;text-align:center;display:block;font-size:15px;cursor:pointer;}
.btn-addcart:hover{opacity:.9;}
.btn-whatsapp{width:100%;height:40px;text-align:center;line-height:40px;display:block;background:#fff;border:2px solid #4DC247;border-radius:6px;color:#4DC247;font-size:14px;font-weight:bold;position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;}
.btn-whatsapp>img{width:30px;height:30px;}
@media screen and (max-width:1600px){
	.bannerwarp{width:720px!important;}
    .small_box{width:100px!important;height:620px!important;}
    .small_list{width:90px!important;height:585px!important;}
    .small_list ul{width:90px!important;}
    .small_list ul li{width:90px!important;height:90px!important;line-height:90px!important;}
    .arrow{width:90px!important;}
    #banner{width:620px!important;height:620px!important;}
    #bannerlist li{width:620px!important;height:620px!important;line-height:620px!important;}
    #bannerlist li .TopImg{width:620px!important;height:620px!important;line-height:620px!important;}
    #bannerlist li:first-child{width:620px!important;height:620px!important;}
    #bannerlist li:first-child img{width:620px!important;height:620px!important;}
}
@media screen and (max-width:1520px) {
	.user{margin:0 20px;}
}
@media screen and (max-width:1500px){
}
@media screen and (max-width:1440px){
	.bannerwarp{width:720px!important;}
    .small_box{width:100px!important;height:620px!important;}
    .small_list{width:90px!important;height:585px!important;}
    .small_list ul{width:90px!important;}
    .small_list ul li{width:90px!important;height:90px!important;line-height:90px!important;}
    .arrow{width:90px!important;}
    #banner{width:620px!important;height:620px!important;}
    #bannerlist li{width:620px!important;height:620px!important;}
    #bannerlist li:first-child{width:620px!important;height:620px!important;}
    #bannerlist li:first-child img{width:620px!important;height:620px!important;}
}
@media screen and (max-width:1421px){
	.user{margin:0 20px;}
}
@media screen and (max-width:1366px){
	.keyword{width:62%;}
	.text-box{padding:14px;}
	.bannerwarp{width:695px!important;}
    .small_box{width:105px!important;height:590px!important}
    .small_list{width:85px!important;height:550px!important;}
    .small_list ul{width:85px!important;}
    .small_list ul li{width:85px!important;height:85px!important;line-height:85px!important;}
    .arrow{width:85px!important;}
    #banner{width:590px!important;height:590px!important;}
    #bannerlist li{width:590px!important;height:590px!important;line-height:590px!important}
    #bannerlist li .TopImg{width:590px!important;height:590px!important;line-height:590px!important;}
    #bannerlist li:first-child{width:590px!important;height:590px!important;}
    #bannerlist li:first-child img{width:590px!important;height:590px!important;}
}
@media screen and (max-width:1280px){
	header .searchbox{width:50%;}
	.text-box{padding:10px;}
	.icontip span{padding:2px 6px;}
	.imgbox{height:270px;}
}
@media screen and (max-width:1237px){
	header .searchbox{width:46%;}
	.user{margin:0 20px;}
}
@media screen and (max-width:1194px){
	header .searchbox{width:44%;}
	.user{margin:0 14px;}
}
@media screen and (max-width:1067px){
	header .searchbox{width:42%;}
}
@media screen and (max-width:1024px){
	.keyword{width:40%;}
	header .searchbox{width:42%;display:inline-block;}
	.search-btn{padding:0 10px;}
	.wrap{padding:10px;}
	.user{margin:0 12px;}
	.imgbox{height:210px;}
	header .searchbox{width:36%;margin-right:10px;}
    #banner{width:350px;}
    .bannerwrap{width:350px;height:350px;}
    #bannerlist{height:350px;line-height:350px;}
    #bannerlist a{line-height:350px;width:350px;height:350px;}
    #bannerbtn span{width:48px;height:48px;line-height:48px;}
}