body{ padding-top:1.0rem;}
.p-a{width: 100%;position: relative;padding: 1.4rem 0; background-color: #000000;}
.p-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.p-bg img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.p-main{width: 16rem;margin: 0 auto;position: relative;z-index: 1;}
.p-cont{width: 100%;font-size: 0; background-color: #ffffff;}
.p-left{display: inline-block;vertical-align: middle;width: 60%;position: relative;}
.p-b{width: 100%;}
.p-item{width: 100%;}
.p-img{width: 100%;position: relative;padding-top: calc(600/960*100%);overflow: hidden;}
.p-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.p-prev{top: auto;bottom: 0;left: auto; right:  0;width: .56rem;height: .56rem;background-color: #fff;background-image: url('../img/a32-b.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}
.p-next{transform: rotate(-180deg);top: auto;bottom: 0;left: auto; right: -.56rem;width: .56rem;height: .56rem;background-color: #000000;background-image: url('../img/a32.png');background-size: .08rem auto;background-position: center center;background-repeat: no-repeat;}

.p-right{display: inline-block;vertical-align: middle;width: 40%;padding: 0 1rem;}
.p-top{width: 100%;min-height: 3.45rem;padding-bottom: .3rem;}
.p-en{width: 100%;margin-bottom: .1rem; color: #000000;line-height: 1.33;font-weight: bold;}
.p-titles{width: 100%;margin-bottom: .35rem; color: #000000;line-height: 1.35;font-weight: bold;}
.p-name{width: 100%;border-bottom: .02rem solid #000000;padding-bottom: .25rem;  color: #000000;line-height: 1.27;font-weight: bold;}
.p-buy{width: 100%;padding-top: .2rem;}
.p-tip{display: inline-block;vertical-align: middle;margin-right: .2rem;margin-top: .2rem; color: #999999;line-height: 1.6;}
.p-list{display: inline-block;vertical-align: middle;}
.p-one{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .2rem;margin-top: .2rem;}
.p-one .p-icon{display: inline-block;vertical-align: middle;margin-right: .1rem; border-radius: 50%;overflow: hidden; border: solid 1px #dadada;}
.p-one .p-icon img{width: .4rem;height: .4rem;object-fit: contain;}
.p-one .p-text{display: inline-block;vertical-align: middle;color: #999999;line-height: 1.6;}
.p-one:hover .p-icon{border: solid 1px #000;}
.p-one:hover .p-text{color: #000;}

.p-bottom{width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.p-consult{margin-top: .2rem;margin-right: .1rem; display: block;cursor: pointer;min-width: 1.8rem;text-align: center; padding: 0 .15rem;color: #ffffff; line-height: .5rem;background-color: #000000;}
.p-consult img{width: 1.12em;margin-right: .2rem;}
.p-phone{display: block;cursor: pointer;margin-top: .2rem;}
.p-phone .p-icon{display: inline-block;vertical-align: middle;margin-right: .2rem; width: .5rem;height: .5rem;text-align: center;line-height: .5rem;background-color: #000000;border-radius: 50%;}
.p-phone .p-icon img{width: .2rem;}
.p-phone .p-text{display: inline-block;vertical-align: middle;line-height: 1.3;font-weight: bold;color: #000000;}

.q-a{width: 100%;padding-top: .8rem; padding-bottom: 1.2rem; background-color: #f5f5f5;}
.q-main{width: 16rem;margin: 0 auto;}
.q-cont{width: 100%;}
.q-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.q-left{float: left;width: 3.3rem;}
.q-one{width: 100%;margin-bottom: .3rem;}
.q-top{width: 100%;padding: .15rem .3rem; background-color: #000000;}
.q-icon{display: inline-block;vertical-align: middle;width: .4rem;}
.q-icon img{height: .2rem;}
.q-titles{display: inline-block;vertical-align: middle;width: calc(100% - .6rem);line-height: 1.5;color: #ffffff;}
.q-bottom{width: 100%;padding: .3rem .3rem .22rem;background-color: #fff;}
.q-item{display: block;cursor: pointer;width: 100%;margin-bottom: .22rem;}
.q-item:last-child{margin-bottom: 0;}
.q-img{width: 100%;position: relative;padding-top: calc(168/270*100%);overflow: hidden;}
.q-img img{transform: scale(1.00);transition: all ease .5s;position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.q-text{width: 100%;padding-top: .11rem;}
.q-name{width: 100%;color: #666666;line-height: 1.87;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.q-item:hover .q-img img{transform: scale(1.05);}
.q-item:hover .q-name{color: #000;}

.q-swiper{width: 100%;position: relative;}
.q-b{width: 100%;}
.q-slide{width: 100%;}
.q-b .q-prev{top: 50%;left: 0;margin-top: -.25rem; width: .38rem;height: .5rem;background-image: url('../img/a28.png'); background-size:.12rem auto;background-position: center center;background-repeat: no-repeat;}
.q-b .q-next{transform: rotate(-180deg); top: 50%;right: 0;margin-top: -.25rem; width: .38rem;height: .5rem;background-image: url('../img/a28.png'); background-size:.12rem auto;background-position: center center;background-repeat: no-repeat;}
.q-item2  .q-name{-webkit-line-clamp: 10;}


.q-classifybox{width: 100%;padding:  0 .3rem ; background-color: #ffffff;}
.q-classify{width: 100%;border-bottom: 1px solid #ededed;}
.q-buttom{width: 100%;cursor: pointer; padding: .25rem .3rem .25rem 0; position: relative;color: #000000;line-height: 1.5;}
.q-buttom:after{content: '';position: absolute;top: 0;right: 0;width: .14rem;height: 100%;background-image: url('../img/a40.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.q-classify:last-child{border-bottom: none;}
.q-navbox{width: 100%;padding-bottom: .2rem;}
.q-nav{display: block;width: 100%;cursor: pointer;margin-bottom: .08rem;line-height: 1.7;color: #666666;}
.q-nav:before{content: ''; display: inline-block;vertical-align: middle;margin-right: .1rem; width: 1.14em;height: 1.14em;background-image: url('../img/a41.png'); background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.q-nav.active:before{background-image: url('../img/a41-b.png');} 
.q-nav:hover{color: #000;}
.q-classify.show .q-buttom:after{background-image: url('../img/a40-b.png');}

.q-right{float: right;width: 12.4rem; padding:  .7rem .8rem;background-color: #fff;}
.q-textbox{width: 100%;color: #333;line-height: 1.87;}
.q-textbox *{line-height: inherit;max-width: 100%;}
.q-textbox.pc{display: block;}
.q-textbox.phone{display: none;}