* { margin: 0rem; padding: 0rem; outline: none; }
ul, li { list-style-type: none; }
img, video, iframe { border: 0rem; max-width: 100%;object-fit: cover; }
img { /*image-rendering: pixelated;*/ }

html { font-size: 100px; }
html, body { height: 100%; }
body { font-size: 14px; font-family: Microsoft YaHei,Arial, Helvetica, sans-serif,simsun; color: #333; overflow-x: hidden; margin: 0 auto; max-width: 1920px; font-weight: 500; }


input { outline: none; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { transition: background-color 5000s ease-in-out 0s; }
.no-animate { opacity: 0; }



.main { width: 100%; overflow: hidden; }
.main_w {max-width: 1680px;margin: 0 auto;padding-left: 1.2rem;padding-right: 1.2rem;}

.main_probox{ background:#f9f9f9;}

.mores2 { width: 148px; height: 40px; border: 1px solid #fff; background: #03359b url(/static/default/assets/img/jian.png) no-repeat center right 4px; background-size: 33px auto; border-radius: 0.5rem; line-height: 40px; color: #fff; padding-left: 19px; box-sizing: border-box; overflow: hidden; }

.recommended { width: 100%; overflow: hidden; padding:10px 0;}
.recommended-title { font-size: .4rem; font-weight: bold; text-align: center; padding-top: .5rem; padding-bottom: .4rem; }
.products-grid ul { display: grid; grid-template-columns: repeat(3,1fr); gap: .48rem; }
.products-grid li { background: #fff; overflow: hidden; padding: .4rem .4rem .3rem .4rem; border-radius: 10px; position: relative; z-index: 1; box-shadow:0px 0px 6px rgba(0,0,0,0.15);-moz-box-shadow:0px 0px 8px rgba(0,0,0,0.15);-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.15);}
.products-grid li .title { text-align: center; font-size: .22rem; padding-bottom: .4rem; }
.products-grid li .k3s { text-align: center; }
.products-grid li .k3s { transition: 0.3s ease transform; }
.products-grid li:hover .k3s { transform: scale(.8); }
.products-grid li .mores2 { margin: 0 auto; margin-top: 0rem; transition: 0.3s ease transform; transform: translateY(120px); }
.products-grid li:hover .mores2 { transform: translateY(0px); }
.products-grid li::before { background: url(/static/default/assets/img/ki3.png) no-repeat top 0.25rem center #fff; background-size: 4.22rem auto; position: absolute; top: 0px; left: 0px; width: 100%; content: ""; display: block; height: 1.27rem; z-index: -1; opacity: 0; transition: 0.5s ease all; }
.products-grid li:hover::before { opacity: 1; }
.products-grid li:hover .title{color:#C00;}

.cptd { text-align: center; font-size: .4rem; padding-top: .6rem; padding-bottom: .4rem; font-weight: bold; }


.product-params .main_w { display: grid; grid-template-columns: 3.8rem auto; gap: .4rem; }
.product-params .main_w .title { color: #666666; font-size: .24rem; padding-bottom: .3rem; background: #FFF; }

.prod_desc_left{background: #f4f5f6; overflow: hidden;}
.prod_desc_right{overflow: hidden; text-align:center}

.pro_desc_list { overflow: hidden; }
.pro_desc_list li{padding: 10px;}
.pro_desc_list li .d_left{float:left;width:150px;overflow:hidden;}
.pro_desc_list li .d_left img{width:100%;}
.pro_desc_list li .sdhng{float:right;width:calc(100% - 160px);overflow:hidden;}
.pro_desc_list li .sdhng font { font-size: 18px; }
.pro_desc_list li .sdhng p { font-size: 14px; line-height: 1.85; padding: 0; color: #333; }




.products2 .lists { overflow: hidden; }
.products2 .lists ul { display: grid; grid-template-columns: auto; gap: .2rem; }
.products2 .lists li { background: #f4f4f4; border: 1px solid #f4f4f4; padding: .3rem 0; }
.products2 .lists li:hover { background: #f4f4f4 url(/static/default/assets/img/ki3.png) no-repeat right .5rem top .3rem; border: 1px solid #03359b; background-size: 4.22rem auto; }
.products2 .lists li a { display: grid; grid-template-columns: 40% auto; gap: 1rem; align-items: center; }
.products2 .lists li a > div { overflow: hidden; }
.products2 .lists li a .d_left { text-align: right; }
.products2 .lists li a .sdhng { max-width: 6rem; padding-right: .2rem; }
.products2 .lists li a .sdhng font { font-size: .28rem; }
.products2 .lists li a .sdhng p { font-size: 14px; line-height: 1.85; padding: .3rem 0; color: #333; }



.packaging-type { background: #f4f5f6; overflow: hidden; position: relative; padding-bottom: 1.64rem; }
.packaging-type .bzdzzx { position: absolute; left: 0px; bottom: 0px; /* background: #FFF; */ padding: .2rem; font-size: 16px; width: calc(100% - .4rem); display: flex; align-items: center; gap: .2rem; }
.params-table { overflow: hidden; }
.bdx { background: #f4f5f6; padding: .5rem; }
.bdx ul { display: grid; grid-template-columns: repeat(2,1fr); gap: .3rem; text-align: center; }
.params-table table { width: 100%; border-collapse: collapse; font-size: 16px; font-weight: bold; }
.params-table th, .params-table td { border: 1px solid #e6e6e6; padding: .2rem; text-align: center; background: #fcfcfc; }
.params-table tr:nth-child(2n) td { background: #fff; }
.params-table tr td:nth-child(1) { text-align: left; padding: 0 .3rem; background: #fcfcfc; }


@media screen and (max-width: 768px) {
	 .main_w{padding-left:.2rem;padding-right:.2rem;}
.products-grid ul { display: grid; grid-template-columns: repeat(1,1fr); gap:20px; }
.products-grid li { padding: .3rem .4rem .2rem .4rem; }
}