*{box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin:0; padding:0; font-size: .2rem;}
html{font-family: "Source Han Sans CN", "Microsoft YaHei","Arial","Helvetica Neue",Helvetica,STHeiTi,arial,sans-serif; font-size: 625%; -webkit-font-smoothing: antialiased;-webkit-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-overflow-scrolling: touch; overflow-scrolling: touch; width: 100%; height: 100%; }
body{width: 100%; height: 100%; position: relative; margin: 0 auto; max-width: 7.5rem; display: none;}
ul,li,dl,dt,dd{list-style:none;}
h1,h2,h3,h4,h5,h6{font-weight:400;color:#000;}
h1{font-size: 0.44rem;}h2{font-size:0.4rem}h3{font-size:0.34rem}h4{font-size:0.3rem}h5{font-size:0.24rem}h6{font-size:0.2rem;}
a{text-decoration:none;color:#000;}
img{border: 0;vertical-align:bottom; width: 100%; height: 100%;}
input,button{outline: none; border: none; -webkit-appearance:none; background: none; touch-action: none;}
i{display: inline-block; background-size: 100% 100%; }
button {border: none;outline: none; -webkit-appearance:none;border-radius: 0;}
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0;}
.container{width: 7.5rem; background: #fff; }
.box{width: 7.5rem; height: auto; position: relative;}
.box img{width: 100%; height: auto; vertical-align: bottom;}
.image-center{background-size: cover; background-position: top center;}
.psa{position: absolute;}

header{width: 100%; height: 1.18rem; position: relative;}
header .logo{width: 1.88rem; height: 1.18rem; margin: 0 auto;}
header .nav-icon{width: .48rem; height: .48rem; position: absolute; top: .35rem; right: .4rem; background-size: cover; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAPpJREFUWEdjZBhgwDjA9jOMOmA0BAZXCKybELr/PwODA41zxoLggtWJMDtQQmDthNBTDAwMpjR2wNXggtU6WB2wvj9C4Q/DHwVaOoCbmf2cV97ST1gdQEuLcZk9uBLhaAiAQmBtT5A8LUMiuGTdQ2Tz0bPhOgYGhkBaOuA/A8O6kILVwbjKgfUMDAwBtHQAAwPD+uCC1UE4syGoLKClAwILVzzAGQW0tHi0HBgaIbBtkif797+8trRMC38//j8U1rD6F65seI2BgUGTlg5gZGC4FlSwWhu7AyaGTmP4z5CJxQG/yXQUK6Y+xmnBBauyR6vj0RAYDYFBEwIAeI47IaI7KYMAAAAASUVORK5CYII=");}

footer{width: 100%; height: 11.86rem; position: relative; }
footer .form-container{width: 6.7rem; height: 10.18rem; position: absolute; top: 0; left: .4rem; z-index: 2; background-color: #C3A468; padding: .7rem .4rem;}
footer .form-container .title,footer .form-container .desc{font-size: .4rem; color: #333333;}
footer .form-container .desc{margin-top: .3rem; line-height: .6rem; margin-bottom: .3rem;}
footer .form-container .input-wrap{width: 100%; height: 1rem; margin-top: .3rem; background-color: #ffffff;}
footer .form-container .input-wrap input{font-size: .32rem; height: 100%; width: 100%; line-height: 1rem; font-weight: 500; padding: .28rem .4rem;}
footer .form-container .btn{width: 2.12rem; height: 1rem; font-size: .32rem; background-color: #4A4A4A; color: #ffffff; text-align: center; line-height: 1rem; margin-top: .3rem;}
footer .form-container .btn:active{opacity: .6;}
footer .info-container{position: absolute; bottom: 0; left: 0; width: 100%; height: 2.56rem; background-color: #333333; padding-top: 1.36rem;}
footer .info-container .item{width: 100%; margin-bottom: .2rem; display: flex; justify-content: space-around;}
footer .info-container .item span, footer .info-container .item a{font-size: .24rem; color: #ffffff;}


.product-detail-contanier{width: 100%; padding: .6rem 0;}
.product-detail-contanier .product-info{width: 100%; padding: 0 .4rem;}
.product-detail-contanier .product-info .title{width: 100%; position: relative; display: flex; justify-content: center; flex-wrap: wrap; }
.product-detail-contanier .product-info .title .bg{font-size: 1rem; color: rgba(23, 33, 75, 0.06); position: absolute; top: -.15rem; left: 0; font-weight: 800; z-index: -1; width: 100%; text-align: center;}
.product-detail-contanier .product-info .title .label{display: flex; align-items: end; flex-wrap: wrap; }
.product-detail-contanier .product-info .title .label .en{font-size: .28rem; font-weight: bold; color: #17214B; width: 100%; text-align: center;}
.product-detail-contanier .product-info .title .label .desc{font-size: .28rem; color: #17214B;  width: 100%; text-align: center;}
.product-detail-contanier .product-info .title .name{display: inline-block; font-weight: 500; height: .72rem; padding: 0 .32rem; font-size: .38rem; color: #ffffff; line-height: .72rem; box-shadow: .08rem .08rem .08rem rgba(23, 33, 75, 0.2); background: #17214B; margin-top: .12rem;}
.product-detail-contanier .product-info .intro{width: 100%; margin-top: .4rem; }
.product-detail-contanier .product-info .intro .item{width: 100%; display: flex; margin-bottom: .2rem;}
.product-detail-contanier .product-info .intro .item .icon{width: .3rem; height: .3rem; background-size: cover; margin-top: .05rem; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAl5JREFUWEftlj9oFEEUxr83pxgV4UByGzGYmRMFEWIKwU5SWITbICpEW4VALCJEsNaApWAKr5BgEVsFhXAbBZtgKyKKIOhld7XQ3aSwEP9hnCcLOTTL/mHn7gyCW86+N9/vffP2zRI2+KEN1se/DWDtsat6c0msLM03TZ00dqBX1oYE0bNIWAgc/rDkPDWBMAawqvYMGFNrorOh50z8NYA+OSKZSlH15ZaoqQtGDlRk7QoRTccqNnKhMEBZnihvoR9R9TJuuYkLhQEsaU+BMJNy3oVdKA6g7Kj6obSGK+pCKsAuVRtgFgrQCkQKIMnQhwAazOn2TwAeguCyhksCLlbhhu8cNylvHYClauPMdJ6IJMA7TT6rjJyPzHAF0VzgNeqtuPUA0n4JwsEOC8e3ex96zu5EgD5ljzFwp5sABJwOPOduIkC02E2IuHikl9iE3YBIEk8F6LQTaeKZAJ2CyBLPBYgCrGrtIpiumzQmMyaWfWc2Kzd3Elb2jp4kzfdMAAh8JvAWMr+qfABlXyLgmhkArgaec7ktB6yqfRMMo58NMO6HvnOqPQBlPwJwzMQBAG9Cz9nfLkB0iaiUTRbX1ofTRHaUdE+z+eB72vucHpgWlnryM57MwGMB1FsjNRpcGpgk4Gg8Nu96zgTorY7uE8yvf2/KLwBxI/Qat5IqstToOKAv/Hlla8bZFd+5beRARY0MEkrPAbxloL6NP9d9f/Fb1plKOdzzhbZHbkwCGCDmc4G/MGcE0N8/tnV109cjmsSrZW8+LNKIFXXcEqwPBH6j1SeJ6blzoIioSex/gF92jNMhwcuxdwAAAABJRU5ErkJggg==");}
.product-detail-contanier .product-info .intro .item p{margin-left: .2rem; font-size: .28rem; color: #17214B; display: block; width: calc(100% - .45rem);}
.product-detail-contanier .product-image{width: 3.6rem; height: 3.6rem; background-size: cover; background-position: center; margin: .2rem auto;}
.product-detail-contanier .product-attr{width: 100%; margin-top: .3rem; padding: 0 .4rem; display: flex; flex-wrap: wrap; justify-content: space-between;}
.product-detail-contanier .product-attr .th,.product-attr .td{width: 2.28rem; display: flex; flex-wrap: wrap;}
.product-detail-contanier .product-attr .td{width: 4.32rem;}
.product-detail-contanier .product-attr .th .item{width: 100%; height: .5rem; text-align: center; line-height: .5rem; color: #ffffff; font-size: .24rem; background: #17214B;}
.product-detail-contanier .product-attr .td .item{width: 100%; height: .5rem; line-height: .5rem; color: #17214B; font-size: .24rem; padding-left: .4rem; background: #F1F1F1; }
.product-detail-contanier .product-attr .td .item,.product-detail-contanier .product-attr .th .item{margin-bottom: .04rem;}

.product-performance{width: 100%; height: 3.78rem; background-size: auto 100%; background-position: center; background-repeat: no-repeat; margin-top: .5rem;}
.product-performance .title,.product-certification .title{width: 100%; padding-top: 92px; position: relative; }
.product-performance .title .label,.product-certification .title .label{width: 100%; text-align: center; font-size: 50px; font-weight: 800; color: rgba(23, 33, 75, 0.06); z-index: -1; position: absolute; top: 50px; left: 0;}
.product-performance .title .icon,.product-certification .title .icon{width: 33px; height: 30px; position: absolute; top: 85px; left: 468px;}
.product-performance .name,.product-certification .title .name{}
.product-performance .title .name .zn,.product-certification .title .name .zn{font-size: 34px; font-weight: bold; color: #333333; text-align: center;}
.product-performance .title .name .en,.product-certification .title .name .en{font-size: 12px; color: #AD9055; text-align: center; }
.product-performance .list{display: flex; justify-content: space-around; width: 100%; margin-top: 66px;}
.product-performance .list .item{width: 230px; height: 75px; display: flex; align-items: center; align-content: center;}
.product-performance .list .item .icon{width: 75px; height: 75px;}
.product-performance .list .item .info{width: calc(100% - 105px); height: 100%; margin-left: 30px; display: flex; align-content: center; align-items: center; flex-wrap: wrap;}
.product-performance .list .item .info .name{font-size: 20px; font-weight: 400; color: #AD9055;}
.product-performance .list .item .info .desc{font-size: 26px; font-weight: 500; color: #333333; margin-top: 4px;}
.product-performance .list .item .info .contrast{display: flex; margin-top: 14px;}
.product-performance .list .item .info .contrast div{width: 10px; height: 26px; margin-right: 6px; background: #B2B2B2;}
.product-performance .list .item .info .contrast div.active{background: #333333;}