.wid1160{margin: 0 auto;max-width: 1160px;clear: both;}
#product{overflow: hidden;}
#product .grid,#product .section{ position: relative; height: 100vh; margin:0 auto; }
#product .grid1 .text{position: absolute;z-index: 10;left: 0;right: 0;bottom: 8%;color: #fff;text-align: center;margin: 0 auto;font-size: 36px;font-family: "SourceHanSerifCN-Regular";}
#product .grid1 .text1{position: absolute;z-index: 10;left:20%;top: 50%;color: #fff;text-align: center;margin: 0 auto;font-size: 36px;font-family: "SourceHanSerifCN-SemiBold";text-shadow: rgba(0,0,0,0.5) 0 0 5px;}
#product .grid1 .text2{position: absolute;z-index: 10;left: 0;right: 15%;margin: 0 auto;top: 45%;color: #fff;text-align: center;margin: 0 auto;font-size: 36px;font-family: "SourceHanSerifCN-Regular";}
#product .grid2{padding-top: 5%;box-sizing: border-box;}
#product .grid3 .item{width: 100vw;height: 100vh;text-align: center;}
#product .grid .swiper-pagination{bottom: 20px;}
#product .grid .swiper-pagination-bullet{width: 50px;height: 3px;margin: 0 3px;background-color: #fff;border-radius: 0;}
#product .grid .swiper-pagination-bullet-active{background-color: #a72525;}
#product .grid3 .text{position: absolute;z-index: 100;right:5%;top:50%; transform: translate(0,-40%); color: #fff;font-size: 14px;width: 500px; text-align: center;line-height:2;}
#product .grid3 .text dl{padding: 25px 0;text-align: left;position: relative;}
#product .grid3 .text dl:after{position: absolute;z-index: 10;left: 0;right: 0;bottom: 0;margin: 0 auto;width: 100%;height: 1px;background-color:rgba(255,255,255,.3);content: '';display: block}
#product .grid3 .text dl:last-child:after{display:none;}
#product .grid3 .text dt{ font-size: 28px; font-family: "SourceHanSerifCN-Regular";}
#product .grid3 .text .t{text-align: left;margin-bottom: 20px;}
#product .grid3 .t2{position: absolute;z-index: 100;left:20%;top:15%;}
#product .grid3 .text1{right: 15%;top:50%;}
#product .grid3 .text2{right: 10%;top: 45%;}
#product .grid3 .text3{right: 10%;top: 50%;}
#product .grid .prev,#product .grid .next{width: 32px;height: 60px;position: absolute;z-index: 10;top: 0;bottom: 0;margin: auto;}
#product .grid .prev{left: 5%;background: url(../images/prev_icon.png) no-repeat center center; background-size: 100%;}
#product .grid .next{right: 5%;background: url(../images/next_icon.png) no-repeat center center; background-size: 100%;}

#product .grid2 .left{width: 50%;position: relative;float: left;}
#product .grid2 .right{overflow: hidden;text-align: center;}
#product .grid2 .title{margin-bottom: 30px;}
.er-pro-lists .title img{margin: 0 auto;}
#product .grid2 .item{margin-bottom: 20px;color: #646464;font-size: 18px;line-height: 1.8;}
#product .grid2 .item .t{color: #231815;font-weight: 700;margin-bottom: 10px;}
#product .grid2 .item .p{line-height: 2;}
#product .grid2 .attr{margin-bottom: 20px;}
#product .grid2 .attr li{border-bottom: #eaeaea 1px solid;padding: 10px 0;color: #646464;font-size: 18px;}
#product .grid2 .attr .n{float: left;width: 30%;color: #231815;font-weight: 700;}
#product .grid2 .attr .val{overflow: hidden;}
#product .grid2 .price{display: inline-block;min-width: 150px;padding: 0 15px;line-height: 40px;height: 40px;border:#c40d2e 1px solid;border-radius: 5px;color: #c40d2e;margin-right: 20px; text-align: center;font-size:16px;}
#product .grid2 .tips{color: #646464;font-size: 14px;margin-top: 10px;}
#product .grid2 .mall{position: absolute;z-index: 10;right: 5%;bottom:2%;}
#product .grid5{padding-top: 2%;}

#product .grid4 .text{color: #333;font-size: 28px; text-align: center;line-height: 1.5;position: absolute;right: 3%;top: 25%;width: 50%;}
#product .grid4 .text .t{ margin-bottom: 20px; }
#product .grid4 .text .subs{margin-bottom: 60px;font-size: 20px;}
#product .grid4 .text .lists{overflow: hidden;padding: 0 10%;}
#product .grid4 .text .lists li{float: left;width:33.333%; font-size: 14px;line-height: 2;padding: 0 20px;box-sizing: border-box;color: #585858;}
#product .grid4 .text .lists li img{max-width: 100%;margin-bottom: 20px;}
#product .grid4 .text .p{margin-bottom: 60px;font-family: "SourceHanSerifCN-Regular";}
#product .grid4 .text .p1{ font-size: 32px;font-family: "SourceHanSerifCN-Regular";margin-bottom:20px;}
#product .grid4 .text .p2{font-size: 14px;margin-bottom: 60px;}
#product .grid4 .text1{width: 100%;padding:5% 3%;box-sizing: border-box;right: 0; position: relative;top: 50%; transform: translate(0,-45%); right: 0;}
#product .grid4 {display: flex;justify-content: center;align-items: center;}

#product .grid6{background-color: #eee;}
#product .grid6 .text{color: #333;font-size: 28px; text-align: center;line-height: 1.5;position: absolute;right: 3%;top: 25%;width: 50%;}
#product .grid6 .text .t{ margin-bottom: 20px; }
#product .grid6 .text .subs{margin-bottom: 30px;font-size: 24px;}
#product .grid6 .text .lists{overflow: hidden;}
#product .grid6 .text .lists li{float: left;width: 25%; font-size: 16px;line-height: 2;padding: 0 20px;box-sizing: border-box;}
#product .grid6 .text .lists li img{max-width: 100%;margin-bottom: 20px;}
#product .grid6 .text .p{margin-bottom: 60px;font-family: "SourceHanSerifCN-Regular";}
#product .grid6 .text .p1{ font-size: 32px;font-family: "SourceHanSerifCN-Regular";margin-bottom:20px;}
#product .grid6 .text .p2{font-size: 14px;margin-bottom: 60px;}
#product .grid6 .text1{width: 100%;padding:5% 3%;box-sizing: border-box;right: 0; position: relative;top: 50%; transform: translate(0,-45%); right: 0;}
#product .grid6 {display: flex;justify-content: center;align-items: center;}
#product .grid3.section{padding-top:0}
#fp-nav {position: fixed;z-index: 100;margin-top: -32px;top: 50%;opacity: 1;-webkit-transform: translate3d(0,0,0);}
#fp-nav.right {right: 17px;}
@media (min-width:1899px) {
  #fp-nav.right {right:50%; margin-right:-933px;}
}
#fp-nav.left {left: 17px;}
.fp-slidesNav{position: absolute;z-index: 4;left: 50%;opacity: 1;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.fp-slidesNav.bottom {bottom: 17px;}
.fp-slidesNav.top {top: 17px;}
#fp-nav ul,.fp-slidesNav ul {margin: 0;padding: 0;}
#fp-nav ul li,.fp-slidesNav ul li {display: block;width: 14px;height: 13px;margin: 7px;position:relative;}
.fp-slidesNav ul li {display: inline-block;}
#fp-nav ul li a,.fp-slidesNav ul li a {display: block;position: relative;z-index: 1;width: 100%;height: 100%;cursor: pointer;text-decoration: none;}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{height: 10px;width: 10px;margin: -5px 0 0 -5px;border-radius: 100%; border:#c81624 2px solid;}


#fp-nav ul li a span,
.fp-slidesNav ul li a span {border-radius: 50%;position: absolute;z-index: 1;height: 4px;width: 4px;border: 0;border: #dadada 2px solid;left: 50%;top: 50%;margin: -2px 0 0 -2px;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{width: 10px;height: 10px;margin: -5px 0px 0px -5px; background:#9b040d;}
#fp-nav ul li .fp-tooltip {position: absolute;top: -2px;color: #fff;font-size: 14px;font-family: arial, helvetica, sans-serif;white-space: nowrap;max-width: 220px;overflow: hidden;display: block;opacity: 0;width: 0;cursor: pointer;}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {-webkit-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;width: auto;opacity: 1;}
#fp-nav ul li .fp-tooltip.right {right: 20px;}
#fp-nav ul li .fp-tooltip.left {left: 20px;}

/* fullpage */
html.fp-enabled, .fp-enabled body {margin:0; padding:0; overflow:hidden; -webkit-tap-highlight-color: rgba(0,0,0,0);}
#superContainer {height:100%; position: relative; -ms-touch-action: none;touch-action: none;}
.fp-section {position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.fp-slide {float:left;}
.fp-slide, .fp-slidesContainer {height: 100%;display: block;}
.fp-slides {z-index:1;height: 100%;overflow: hidden;position: relative;-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */transition: all 0.3s ease-out;}
.fp-section.fp-table, .fp-slide.fp-table {display: table;table-layout:fixed;width: 100%;}
.fp-tableCell {display: table-cell;vertical-align: middle;width: 100%;height: 100%;}
.fp-slidesContainer {float: left;position: relative;}
.fp-controlArrow {-webkit-user-select: none; /* webkit (safari, chrome) browsers */-moz-user-select: none; /* mozilla browsers */-khtml-user-select: none; /* webkit (konqueror) browsers */-ms-user-select: none; /* IE10+ */position: absolute;z-index: 4;top: 50%;cursor: pointer;width: 0;height: 0;border-style: solid;margin-top: -38px;-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.fp-controlArrow.fp-prev,.fp-controlArrow.fp-next{left: 3%;width: 36px;height: 18px;display: inline-block;background: url(../images/down.png) no-repeat center center; background-size: 100%;border:none;outline: none;}
.fp-controlArrow.fp-prev{transform: rotate(90deg);}
.fp-controlArrow.fp-next {right: 3%;left: auto;transform: rotate(-90deg);}
.fp-scrollable {overflow: hidden;position: relative;}
.fp-scroller{overflow: hidden;}
.iScrollIndicator{border: 0 !important;}
.fp-notransition {-webkit-transition: none !important;transition: none !important;}


#mproduct{overflow: hidden;}
#mproduct .grid{overflow: hidden;padding-top:0;}
#mproduct .grid1{text-align: center;}
#mproduct .grid2{padding: 0.48rem 0.48rem 1.18rem;}
#mproduct .grid2 .left{overflow: hidden;}
#mproduct .grid2 .right{overflow: hidden;text-align: center;margin-bottom: 0.4rem;}
#mproduct .grid2 .title{margin-bottom: 0.35rem;}
#mproduct .grid2 .title img{width: 4.25rem;margin:0}
#mproduct .grid2 .item{margin-bottom: 0.3rem;color: #646464;font-size: 0.328rem;line-height: 1.5;}
#mproduct .grid2 .item .t{margin-bottom: 0.16rem;color: #101010;font-size: 0.351rem;}
#mproduct .grid2 .item .p{/*line-height: 2;*/ text-align: justify;}
#mproduct .grid2 .attr{margin-bottom: 0.6rem;border-top: #1c1c1c 1px solid;border-left: #1c1c1c 1px solid;}
#mproduct .grid2 .attr li{border-bottom: #1c1c1c 1px solid;border-right: #1c1c1c 1px solid;line-height: 0.7rem;height: 0.7rem; color: #101010;font-size: 0.351rem;overflow: hidden;}
#mproduct .grid2 .attr .n{float: left;width: 30%;padding:0 0.3rem;box-sizing: border-box;border-right: #1c1c1c 1px solid;}
#mproduct .grid2 .attr .val{overflow: hidden;padding:0 0.3rem;box-sizing: border-box;}
#mproduct .grid2 .price{display: inline-block;padding: 0 0.15rem;line-height: 0.7rem;height: 0.7rem;border:#c40d2e 1px solid;border-radius: 0.05rem;color: #c40d2e;margin-right: 0.1rem; text-align: center; font-size: 0.28rem;}
#mproduct .grid2 .price:last-child{margin-right: 0;}
#mproduct .grid3 .item{text-align: center;}
#mproduct .grid3 .swiper-pagination{bottom: 0.2rem;left: 0;right: 0;}
#mproduct .grid3 .swiper-pagination-bullet{width: 0.6rem;height: 0.04rem;margin: 0 0.05rem;background-color: #b0afac;border-radius: 0.06rem;}
#mproduct .grid3 .swiper-pagination-bullet-active{background-color: #ba231f;}

#mproduct .grid3 .prev,#mproduct .grid3 .next{width: 0.2rem;height: 0.36rem;position: absolute;z-index: 10;top: 0;bottom: 0;margin: auto;}
#mproduct .grid3 .prev{left: 1%;background: url(../images/prev_icon.png) no-repeat center center; background-size: 100%;}
#mproduct .grid3 .next{right: 1%;background: url(../images/next_icon.png) no-repeat center center; background-size: 100%;}
@media screen and (max-width: 1023px) {
#product, #product * {
    display: none;
}	
#mproduct .grid2{padding:1.5rem;}	
#mproduct .grid2 .item {font-size:0.875rem;}
#mproduct .grid2 .item .t{margin-bottom:0.5rem;font-size:1.096875rem;}
#mproduct .grid2 .attr{margin-bottom:2.25rem;}
#mproduct .grid2 .attr li{font-size:1.096875rem;line-height:2.1875rem;height:2.1875rem;}
#mproduct .grid2 .title img{width: 13.28125rem;}
#mproduct .grid2 .price{font-size:0.875rem;line-height:2.0625rem;height:2.0625rem;margin-right:5px;}
}