/*banner*/
.ind-banner{width: 100%; overflow: hidden;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-slide .img img{ width: 100%;}
.ind-banner .onebox{ display:none; position: absolute; left: 50%; margin-left: -6.88rem; z-index: 1; color: #fff; top: 50%; transform: translateY(-50%); }
.ind-banner .onebox .haha{ opacity: 0;
  transform: translatey(30px);
  -o-transform: translatey(30px);
  -moz-transform: translatey(30px);
  -webkit-transform: translatey(30px);
  transition: all 0.5s 0.5s;
  -o-transition: all 0.5s 0.5s;
  -moz-transition: all 0.5s 0.5s;
  -webkit-transition: all 0.5s 0.5s;}
.ind-banner .onebox .en{ display: inline-block; padding: 0 0.18rem; font-size: 0.3rem; height: 0.52rem; line-height: 0.52rem; border: #63aceb solid 2px; border-radius: 4px; font-family:regular; box-shadow: 1px 2px 7px 0px rgba(113, 190, 242, 0.35);}
.ind-banner .onebox .en em{ display: inline-block; background-image:-webkit-linear-gradient(left,#3d83e1,#ebedf2);
 background-image:linear-gradient(to right,#3d83e1,#ebedf2); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;}
.ind-banner .onebox .cn{ padding: 0.2rem 0; width: 4.2rem; font-weight: bold; font-size: 0.6rem; line-height: 0.72rem; color: #fff; text-shadow: 1px 2px 7px rgba(113, 190, 242, 0.35);}
.ind-banner .onebox .mxfDiv{ position: relative; padding: 0.2rem 0 0.2rem 0.2rem; min-width: 4.1rem; background: url(../images/bg3.png) left top repeat-y; }
.ind-banner .onebox .mxfDiv:before{ content: ''; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background: #62aae8; }
.ind-banner .onebox .wen{ font-size: 0.24rem; line-height: 0.24rem; color: #fff; padding-bottom: 0.1rem; }
.ind-banner .onebox .msg{ font-size: 0.18rem; line-height: 0.24rem; color: #fff; }

.ind-banner .swiper-slide-active .haha{opacity: 1 !important;
  transform: translatey(0) !important;
  -o-transform: translatey(0) !important;
  -moz-transform: translatey(0) !important;
  -webkit-transform: translatey(0) !important;}

.ind-banner .swiper-pagination{ bottom: 0.5rem!important; } 
.ind-banner .swiper-pagination-bullet {width: 0.1rem; height: 0.1rem; opacity: 1; background: #fff; margin: 0 20px!important; border-radius: 50%; -moz-border-radius: 50%; } 
.ind-banner .swiper-pagination-bullet-active {background: #fff!important; } 

.ind-banner .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
/*  background-color: #999;*/
  opacity: 1;
  margin: 0 0.2rem;
  position: relative;
}
.ind-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
}
.ind-banner .swiper-pagination-bullet svg {
  width: 0.34rem;
  height: 0.34rem;
  position: absolute;
  top: 50%;
  margin-top: -0.17rem;
  left: 50%;
  margin-left: -0.17rem;
}
.ind-banner .swiper-pagination-bullet svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.ind-banner .swiper-pagination-bullet {
  fill: none;
}
.ind-banner .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background {
  stroke: rgba(255, 255, 255, 0.2);
  stroke-width: 1;
}
.ind-banner .circle-chart__circle {
  stroke-linecap: square;
  fill: none;
}
.ind-banner .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
  stroke: #fff;
  stroke-width: 1;
  stroke-linecap: square;
  fill: none;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform-origin: center;
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  -moz-transform-origin: center;
}
.ind-banner .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
  animation: circle-chart-fill 3s linear reverse;
  -moz-animation: circle-chart-fill 3s linear reverse;
  -webkit-animation: circle-chart-fill 3s linear reverse;
  -ms-animation: circle-chart-fill 3s linear reverse;
}
.ind-banner .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle {
  animation: circle-chart-fill 2.8s linear reverse;
  -moz-animation: circle-chart-fill 2.8s linear reverse;
  -webkit-animation: circle-chart-fill 2.8s linear reverse;
  -ms-animation: circle-chart-fill 2.8s linear reverse;
}



@keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-webkit-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-moz-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}
@-ms-keyframes circle-chart-fill {
  to {
    stroke-dasharray: 0 100;
  }
}


/*banner结束*/

.indexP1{ padding-top: 1.4rem; height: 22.4rem; background: url(../images/indexP1.jpg) center no-repeat; background-size: cover; box-sizing: border-box;}
.indexP1 .title{ font-family: playfair; text-align: center; color: #fff; font-size: 0.3rem; line-height: 0.3rem; padding-bottom: 0.15rem; }
.indexP1 .txtImg{ text-align: center; }
.indexP1 .txtImg img{ width: 11.21rem; }
.indexP1 .list{ padding-top: 0.35rem; }
.indexP1 .list ul{ margin-right: -0.96rem; }
.indexP1 .list li{ float: left; width: 50%; padding-bottom: 0.96rem;}
.indexP1 .list li:nth-child(even){ float: right; }
.indexP1 .list li:first-child{ padding-top: 1.9rem; }
.indexP1 .list li:nth-child(2){ margin-right: -0.48rem; }
.indexP1 .list li:nth-child(3){ clear: both; }
.indexP1 .list li:last-child{ margin-top: -3.36rem; }
.indexP1 .list li .box{ margin-right: 0.96rem; position: relative;}
.indexP1 .list li .imgDiv{ overflow: hidden; }
.indexP1 .list li .imgDiv img{ width: 100%; }
.indexP1 .list li .name{ position: absolute; font-family: playfair; font-size: 0.6rem; line-height: 0.6rem; z-index: 1; }
.indexP1 .list li:nth-child(1) .name{ color: #d7000f; top: 2.75rem; left: -0.75rem; }
.indexP1 .list li:nth-child(2) .name{ color: #d7000f; top: 0.9rem; left: -1.95rem; }
.indexP1 .list li:nth-child(3) .name{ color: #efc37e; top: 0.95rem; left: -0.75rem; }
.indexP1 .list li:nth-child(4) .name{ color: #efc37e; bottom: 2.1rem; right: -0.7rem; }
.indexP1 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.indexP2{ position: relative; z-index: 1; padding-top: 1.6rem; height: 9.92rem; background: url(../images/indexP2.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.indexP2 .txtImg img{ width: 3.42rem; }
.indexP2 .numList{ padding-top: 0.6rem; }
.indexP2 .numList li{ float: left; }
.indexP2 .numList li:first-child{ width: 2.1rem; }
.indexP2 .numList li:nth-child(2){ width: 3.2rem; }
.indexP2 .numList li:last-child{ width: auto; }
.indexP2 .numList li .mxfDiv{ height: 0.5rem; }
.indexP2 .numList li .num{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; color: #efc37e; font-size: 0.18rem; font-family:regular;}
.indexP2 .numList li .numUp{ font-size: 0.36rem; line-height: 0.36rem; font-family: bold; padding-right: 10px; }
.indexP2 .numList li .num span{ font-size: 0.36rem; line-height: 0.36rem; font-family: bold; padding-right: 10px;}
.indexP2 .numList li .wen{ font-size: 14px; font-family: light; line-height: 14px; color: rgba(255,255,255,0.7); }

.indexP2 .botDiv{ position: absolute; left: 50%; margin-left: -7.68rem; bottom: 0; width: 9.6rem; height: 5.6rem; background: #fffbf5; box-sizing: border-box; padding: 0 1.0rem; }
.indexP2 .txt{ font-size: 0.4rem; color: #000; line-height: 0.5rem; font-family:playfair; }
.indexP2 .content{ font-size: 14px; line-height: 0.3rem; color: #999; padding-top: 0.15rem; }
.indexP2 .more{ margin-top: 0.35rem; }
.indexP2 .more a{ display: block; position: relative; overflow: hidden; width: 1.52rem; height: 0.48rem; line-height: 0.48rem; color: #fff; font-family: regular; background: #d7000f; text-align: center; font-size: 14px; }
.indexP2 .more em{ position: relative; z-index: 1; }
.indexP2 .more a:after{ content: ""; display: block; width: 0%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg,#d7000f 0,#9d1520); transition: 0.5s;}
.indexP2 .more a:hover:after{ width: 100%; }
.indexP2 .rightImg{ width: 7.36rem; position: absolute; right: 50%; margin-right: -7.68rem; top: 1.6rem;}
.indexP2 .rightImg img{ width: 100%; }

.indexP3{ clear: both; }
.indexP3 .videobox{ height: 9.2rem; position: relative; overflow:hidden; }
.indexP3 .videobox video{ max-width:15.36rem; max-height:9.2rem;position:absolute;top:50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto; z-index:-1;visibility:hidden;opacity:0;object-fit:cover;}
.indexP3 .videobox.cur{ background:#000;}
.indexP3 .videobox.cur .imgDiv, .indexP3 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0}
.indexP3 .videobox.cur video{z-index:2;visibility:visible;opacity:1}
.indexP3 .videobox .imgDiv{ height: 9.2rem; }
.indexP3 .videobox .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP3 .videobox .playbox{ cursor:pointer; position: absolute; left: 50%; top: 50%; margin-left: -0.64rem; margin-top: -0.64rem; width: 1.28rem; height: 1.28rem; border-radius: 50%; z-index: 2; }
.indexP3 .videobox .playbox .dwq{ position: absolute; right: 50%; top: 50%; margin-right: -100px; margin-top: -100px; width: 200px; height: 200px; }
.indexP3 .videobox .playbox .pulse2{position:absolute;top:50%;left:50%; margin-left: -100px; margin-top: -100px; height:200px;width:200px;border:2px solid #fff; box-sizing: border-box; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 4px #fff,0 0 10px #fff inset;-moz-box-shadow:0 0 4px #fff,0 0 10px #fff inset;box-shadow:0 0 4px #fff,0 0 10px #fff inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.indexP3 .videobox .playbox .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.indexP3 .videobox .playbox .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.indexP3 .videobox .playbox .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}

.indexP3 .videobox .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -0.44rem; margin-top: -0.44rem; width: 0.88rem; z-index: 1; }

.videoModal-box {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  align-items: center;
  z-index: 999;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}
.videoModal-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}

.videoLayer { width: 1200px; margin: 0 auto; background: #fff; padding: 50px; position: relative; box-sizing: border-box;}

.videoLayer .close{position: absolute; opacity:1; display: block; right: 10px; top: 10px; width:24px; height: 24px; background: url(../images/close.png) no-repeat;transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;}
.videoLayer .close:hover { transform: rotate(-90deg);}
.videoLayer video{ width:100%;}

.indexP4{ padding-top: 1.4rem; height: 10.4rem; background: url(../images/indexP4.jpg) center no-repeat; background-size: cover; box-sizing: border-box;}
.indexP4 .txtImg{ text-align: center; }
.indexP4 .txtImg img{ width: 6.57rem; }
.indexP4 .list{ padding-top: 0.8rem; }
.indexP4 .list ul{ margin-right: -8px; }
.indexP4 .list li{ float: left; width: 25%; }
.indexP4 .list li .box{ margin-right: 8px; }
.indexP4 .list li .imgDiv{ height: 5.2rem; overflow: hidden; }
.indexP4 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP4 .list li .name{ margin-top: 0.3rem; height: 0.48rem; line-height: 0.48rem; overflow: hidden; text-align: center; color: #fff; font-family:playfair; font-size: 0.3rem; }
.indexP4 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexP4 .list li .box:hover .name{ color: #efc37e; }

.indexP5{ background: #191717; padding: 1.6rem 0; }
.indexP5 .mxfDiv{ overflow: hidden; position: relative;}
.index-layout-swiper{ width: 8.48rem; }
.indexP5 .swiper-slide{ overflow: hidden;}
.indexP5 .imgDiv{ width: 8.48rem; }
.indexP5 .imgDiv img{ width: 100%; }
.indexP5 .info{ width: 5.85rem; padding-top: 0.4rem;}
.indexP5 .txtImg img{ width: 4.8rem; }
.indexP5 .msg{ font-family: light; padding-top: 0.55rem; font-size: 0.24rem; line-height: 0.4rem; color: rgba(255,255,255,0.7); }
.indexP5 .numDiv{ position: absolute; right: 0; bottom: 0; width: 5.85rem; color: #fff; font-size: 0.18rem; font-family: regular; }
.indexP5 .numDiv .num1{ font-size: 0.48rem; line-height: 0.48rem; color: #d7000f; }

.indexP5 .tab-box{ margin: 1.0rem auto 0; width: 16.2rem; position: relative;}
.indexP5 .tab-box:after{ content: ''; position: absolute; left: 50%; margin-left: -43%; top: 0.31rem; width: 86%; height: 2px; background: #424040;}
.indexP5 .pjDiv{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.indexP5 .tab-box a{ position: relative; z-index: 1; width: 14.28%; }
.indexP5 .tab-box .num{ width: 0.64rem; height: 0.64rem; border-radius: 50%; text-align: center; line-height: 0.6rem; font-family: regular; font-size: 0.24rem; color: #fff; background: #191717; margin: 0 auto; box-sizing: border-box; border: #424040 solid 2px; }
.indexP5 .tab-box p{ font-size: 0.18rem; text-align: center; line-height: 0.18rem; color: #fff; font-family: regular; padding-top: 0.25rem; }
.indexP5 .tab-box a.on .num{ border: #d7000f solid 2px; background: #d7000f;}
.indexP5 .tab-box a.on p{ color: #efc37e; }

.indexP6{ padding-top: 1.6rem; height: 10.0rem; background: url(../images/indexP6.jpg) center no-repeat; background-size: cover; box-sizing: border-box;}
.indexP6 .leftDiv{ width: 7.45rem; }
.indexP6 .txtImg img{ width: 4.66rem; }
.indexP6 .tab{ padding-top: 0.3rem; }
.indexP6 .tab li{ padding: 0.4rem 0; position: relative; }
.indexP6 .tab li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.2); z-index: 1; }
.indexP6 .tab li .title span{ font-family: playfair; font-size: 0.3rem; line-height: 0.3rem; color: #fff;}
.indexP6 .tab li .title em{ color: #d7000f; font-size: 16px; font-family: regular; display: inline-block; transform: translateY(-100%); }
.indexP6 .tab li .msg{ display: none; margin-top: 0.3rem; font-family: light; font-size: 14px; color: #999; line-height: 0.3rem;}
.indexP6 .tab .liNow:after{ background: #c19c65; }
.indexP6 .tab .liNow .title span, .indexP6 .tab .liNow .title em{ color: #efc37e; }
.indexP6 .tab .liNow .msg{display: -webkit-box;}
.indexP6 .imgDiv{ width: 6.88rem; }
.indexP6 .imgDiv img{ width: 100%; animation: am_scale 0.8s ease-out 0.1s backwards; -webkit-animation: am_scale 0.8s ease-out 0.1s backwards; }

.brandP1{ padding: 1.5rem 0 1.45rem; background: url(../images/brandBg.jpg) center no-repeat; background-size: cover; }
.brandP1 .name{ padding: 0.9rem 0 0.25rem; font-family: playfair; color: #fff; text-align: center; font-size: 0.4rem; line-height: 0.4rem; }
.brandP1 .content{ padding: 0 0.5rem 0.7rem; font-family: light; font-size: 16px; line-height: 30px; text-align: center; color: rgba(255,255,255,0.6); }
.brandP1 .imgDiv{ overflow: hidden; }
.brandP1 .imgDiv img{ width: 100%; }
.brandP1 .imgDiv:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.brandP2{ position: relative; padding: 1.5rem 0; background: #191717 url(../images/brandBg2.jpg) center top no-repeat; background-size: 100%; overflow: hidden;}
.brandP2 .title{ text-align: center; font-family: playfair; font-size: 0.4rem; line-height: 0.4rem; color: #fff; padding-bottom: 0.75rem; }
.brandP2 .leftDiv{ width: 3.4rem; position: relative; z-index: 2;}
.dubNav{ cursor:pointer;  display:block; margin-bottom: 15px; height: 0.72rem; line-height: 0.72rem; background: #fff; padding-left: 0.32rem; font-size:0.3rem; color: #000; font-family: playfair;}
.dubNav a{ color:#000; display: block;}
.durrentDt{ color:#fff; background: #d7000f; margin-bottom: 0; }
.proContent{display: none; background: #000; margin-bottom: 15px;}
.proContent a{display:block; position: relative; height:0.64rem; line-height:0.64rem; color:#fff!important; font-size:0.18rem; padding-left: 0.32rem; font-family: regular;}
.proContent a:after{ content: ''; position: absolute; width: 8px; height: 14px; right: 0.32rem; top: 50%; margin-top: -7px; background: url(../images/ico5.png) no-repeat; }
.proContent .list{ display:none; border-bottom: #1c1c1c solid 1px;}
.proNav .list a{ font-size:0.16rem; color: rgba(255,255,255,0.7); font-family: light;}
.proNav .list a:after{ display: none; }
.proNav li a.aNow{ color:#efc37e;}
.proNav li a.aNow:after{ transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);}

.brandP2 .rightDiv{ width: 11.4rem; position: relative; z-index: 2;}
.brandP2 .list ul{ margin-right: -0.48rem; }
.brandP2 .list li{ float: left; width: 33.33%; padding-bottom: 0.45rem; }
.brandP2 .list li .box{ margin-right: 0.48rem; }
.brandP2 .list li .imgDiv{ position:relative; height: 3.48rem; overflow: hidden; }
.brandP2 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.brandP2 .list li .imgDiv .after{ visibility:hidden; opacity:0; position:absolute; left:0; top:0;}
.brandP2 .list li .name{ margin-top: 0.25rem; height: 0.32rem; line-height: 0.32rem; color: #fff; text-align: center; font-family: regular; font-size: 0.18rem; }
.brandP2 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.brandP2 .list li .box:hover .imgDiv .before{ opacity: 0; visibility:hidden;}
.brandP2 .list li .box:hover .imgDiv .after{ opacity: 1; visibility:visible;}
.brandP2 .list li .box:hover .name{ color: #efc37e; }
.brandP2 canvas { position: absolute; left: 0; bottom: -4rem; z-index: 1; width: 100%; }

.aboutP1{ height: 8.24rem; position: relative; overflow: hidden;}
.aboutP1 .leftDiv{ width: 49%; height: 8.24rem; padding-top: 1.5rem; background: center no-repeat; background-size: cover; box-sizing: border-box;}
.aboutP1 .conDiv{ position: absolute; left: 50%; margin-left: -7.68rem; width: 6.4rem; top: 1.5rem; z-index: 1; }
.aboutP1 .title{ padding-top: 1.0rem; font-size: 0.24rem; line-height: 0.24rem; color: #fff; font-family: playfair;}
.aboutP1 .txt{ font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-family: playfair; text-transform: uppercase; padding: 0.3rem 0 0.5rem; }
.aboutP1 .content{ font-size: 14px; line-height: 0.36rem; color: rgba(255,255,255,0.7); font-family: light; }

.aboutP1 .rightDiv{ width: 51%; height: 8.24rem; background: center no-repeat; background-size: cover; position: relative; }
.aboutP1 .layer{ position: absolute; left: 0; top: 0; background: rgba(157,21,32,0.95); width: 3.52rem; height: 100%; z-index: 1; }
.aboutP1 .pjDiv{ padding: 2.4rem 0 0 0.75rem; }
.aboutP1 .pjDiv li{ padding-bottom: 0.5rem; }
.aboutP1 .pjDiv li:last-child{ padding-bottom: 0; }
.aboutP1 .pjDiv li .num{ color: #efc37e; font-family: bold; font-size: 0.48rem; line-height: 0.48rem; }
.aboutP1 .pjDiv li .num em{ padding-right: 10px; }
.aboutP1 .pjDiv li p{ margin-top: 0.15rem; font-family: light; font-size: 14px; line-height: 14px; color: rgba(255,255,255,0.7); }

.aboutP2{ padding-top: 1.5rem; height: 9.6rem; background: url(../images/aboutP2.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.aboutP2 .title{ font-size: 0.4rem; line-height: 0.4rem; color: #fff; font-family: playfair; text-align: center; }
.aboutP2 .list{ padding-top: 0.8rem; }
.aboutP2 .list ul{ margin-right: -0.48rem; }
.aboutP2 .list li{ float: left; width: 50%; padding-bottom: 0.48rem; }
.aboutP2 .list li .box{ cursor: pointer; margin-right: 0.48rem; position: relative; height: 2.56rem; padding: 0 0.4rem 0 3.75rem; }
.aboutP2 .list li .imgDiv{ position: absolute; left: 0; top: 0; width: 3.36rem; height: 2.56rem; overflow: hidden; }
.aboutP2 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.aboutP2 .list li .name{ padding-top: 0.3rem; color: #fff; font-size: 0.24rem; line-height: 0.3rem; font-family: playfair; }
.aboutP2 .list li .msg{ margin-top: 0.15rem; font-family: light; font-size: 14px; line-height: 0.3rem; color: rgba(255,255,255,0.6); }
.aboutP2 .list li .box:hover{ background: #af0000; }
.aboutP2 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.aboutP3{ padding-top: 1.5rem; height: 10.48rem; background: url(../images/aboutP3.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.aboutP3 .title{ font-size: 0.4rem; line-height: 0.4rem; color: #fff; font-family: playfair; text-align: center; }
.aboutP3 .content{ padding-top: 0.25rem; font-family: light; font-size: 14px; line-height: 0.36rem; color: #bbb; text-align: center; }
.aboutP3 .content em{ font-family: regular; color: #fff; }
.aboutP3 .list{ padding-top: 0.65rem; }
.aboutP3 .list ul{ margin-right: -0.72rem; }
.aboutP3 .list li{ float: left; width: 33.33%; }
.aboutP3 .list li .box{ margin-right: 0.72rem; background: #000; }
.aboutP3 .list li .imgDiv{ height: 2.4rem; overflow: hidden; }
.aboutP3 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.aboutP3 .list li .botDiv{ padding: 0.4rem 0.4rem 0; height: 3.44rem; box-sizing: border-box;}
.aboutP3 .list li .star{ text-align: center; }
.aboutP3 .list li .star span{ margin: 0 3px; width: 16px; height: 17px; display: inline-block; background: url(../images/star.png) no-repeat; }
.aboutP3 .list li .msg{ margin-top: 0.2rem; font-family: light; font-size: 14px; line-height: 0.3rem; color: #fff; height: 1.2rem; overflow: hidden; }
.aboutP3 .list li .more{ height: 0.48rem; font-family: light; line-height: 0.3rem; font-size: 14px; border-bottom: #242424 solid 1px; color: rgba(255,255,255,0.5);}
.aboutP3 .list li .pjDiv{ text-align: center; padding-top: 0.2rem; }
.aboutP3 .list li .name{ font-size: 0.18rem; line-height: 0.28rem; color: #fff; font-family: playfair; }
.aboutP3 .list li .area{ font-family: light; line-height: 0.3rem; font-size: 14px; color: rgba(255,255,255,0.5);}
.aboutP3 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.factoryP1{ padding-top: 1.5rem; height: 7.2rem; background: center no-repeat; background-size: cover; box-sizing: border-box;}
.factoryP1 .title{ padding-top: 0.1rem; text-transform: uppercase; text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #d70000; font-family: playfair; }

.factoryP2{ padding-top: 1.5rem; height: 11.28rem; background: url(../images/factoryP2.jpg) center no-repeat; background-size: cover; box-sizing: border-box;}
.factoryP2 .title{ text-align: center; font-size: 0.4rem; line-height: 0.4rem; color: #fff; font-family: playfair; padding-bottom: 0.3rem;}
.factoryP2 .msg{ font-size: 0.16rem; line-height: 0.36rem; text-align: center; color: rgba(255,255,255,0.7); font-family: light; padding-bottom: 0.65rem;}

.factoryP2 .img-swiper { width: 31.0rem; position: relative; left: 50%; margin-left: -15.5rem;}
.factoryP2 .swiper-slide { overflow: hidden; }
.factoryP2 .swiper-slide .imgDiv { width: 9.6rem; position: relative; margin: 0 auto; overflow: hidden;}
.factoryP2 .swiper-slide .imgDiv img{ width: 100%; -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);}
.factoryP2 .swiper-slide-active .imgDiv img{ -webkit-filter: grayscale(0);
      -moz-filter: grayscale(0);
      -ms-filter: grayscale(0);
      -o-filter: grayscale(0);
      filter: grayscale(0);}
.factoryP2 .arrowDiv a { position: absolute; z-index: 2; display: none; width: 0.64rem; height: 0.64rem; top: 45%; margin-top: -0.32rem; border-radius: 50%;}
.factoryP2 .arrowDiv a.prev { left: 50%; margin-left: -7.68rem; background: #fff url("../images/nimg11_left.png") center no-repeat; }
.factoryP2 .arrowDiv a.next { right: 50%; margin-right: -7.68rem; background: #fff url("../images/nimg11_right.png") center no-repeat; }
.factoryP2 .arrowDiv a.prev:hover { background: #d70000 url("../images/nimg11_lefton.png") center no-repeat; }
.factoryP2 .arrowDiv a.next:hover { background: #d70000 url("../images/nimg11_righton.png") center no-repeat; }
.factoryP2 .swiper-pagination{ padding-top: 0.6rem; position: relative; bottom: 0; } 
.factoryP2 .swiper-pagination-bullet { position: relative; display: inline-block; width: 10px; height: 10px; opacity: 1; background: #807e7b; box-sizing:border-box; border-radius: 50%; margin: 0 10px!important; } 
.factoryP2 .swiper-pagination-bullet-active{ background: #efc37e;} 

.factoryP3{ position: relative; padding-top: 1.5rem; height: 10.4rem; box-sizing: border-box; background: url(../images/factoryP3.jpg) center no-repeat; background-size: cover; overflow: hidden; }
.factoryP3 .title{ text-align: center; padding-bottom: 0.8rem; font-size: 0.4rem; line-height: 0.4rem; color: #fff; font-family: playfair; }
.factoryP3 .list{ padding-bottom: 0.64rem; position: relative; z-index: 2;}
.factoryP3 .list2{ padding: 0 2.76rem; }
.factoryP3 .list ul{ margin-right: -0.72rem; }
.factoryP3 .list li{ float: left; width: 33.33%; padding-bottom: 0.64rem; }
.factoryP3 .list2 li{ width: 50%; }
.factoryP3 .list li .box{ margin-right: 0.72rem; cursor: pointer; position: relative;}
.factoryP3 .list li .imgDiv{ height: 2.88rem; overflow: hidden;}
.factoryP3 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.factoryP3 .list li .num{ position: absolute; left: -0.24rem; top: -0.24rem; background: #d7000f; border-radius: 50%; background: #d7000f; text-align: center; width: 0.48rem; line-height: 0.48rem; color: #fff; font-size: 0.18rem; font-family: regular; }
.factoryP3 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.factoryP3 canvas { position: absolute; left: 0; bottom: -4rem; z-index: 1; width: 100%; }

.factoryP4{ height: 3.12rem; background: center no-repeat; background-size: cover; }
.factoryP4 .title{ color: #fff; font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.45rem; font-family: playfair; text-align: center;}
.factoryP4 .btnDiv{ width: 2.38rem; margin: 0 auto; }
.factoryP4 .btnDiv a{ display: block; position: relative; overflow: hidden; width: 100%; height: 0.56rem; line-height: 0.56rem; background: #d7000f; text-align: center; color: #fff; font-size: 14px; font-family: regular; }
.factoryP4 .btnDiv em{ position: relative; z-index: 1; }
.factoryP4 .btnDiv a:after{ content: ""; display: block; width: 0%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg,#d7000f 0,#9d1520); transition: 0.5s;}
.factoryP4 .btnDiv a:hover:after{ width: 100%; }

.lybModal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.lybModal-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}


.lybLayer{ width: 9.84rem; height: 7.2rem; padding: 1.0rem 1.0rem 0; margin: 0 auto; background: #fffcf6 url(../images/nimg356Bg.png) right top no-repeat; background-size: 3.56rem; position: relative; box-sizing: border-box;}
.lybLayer .close{ position: absolute; display: block; right: 30px; top: 30px; width: 24px; height: 24px; background: url(../images/close2.png) center no-repeat; opacity:1; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.lybLayer .close:hover { transform: rotate(-90deg);}
.lybLayer .title{ font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.45rem; color: #000; font-family: playfair; }
.lybLayer .form{ width: 4.8rem; }
.lybLayer .form li{ padding-bottom: 0.24rem; }
.lybLayer .form li .input1{ border: #313131 solid 1px; height: 0.54rem; line-height: 0.54rem; padding-left: 0.2rem; font-size: 14px; color: #333; width: 100%; box-sizing: border-box; font-family: regular;}
.lybLayer .form li .input1:focus{ border: #d7000f solid 1px; }
.lybLayer .form li .input1::placeholder { color: #333;}
.lybLayer .form li textarea{ border: #313131 solid 1px; width: 100%; box-sizing: border-box; height: 1.0rem; line-height: 0.28rem; padding: 0.1rem 0.2rem; font-size: 14px; color: #333; font-family: regular; }
.lybLayer .form li textarea:focus{ border: #d7000f solid 1px; }
.lybLayer .form li textarea::placeholder { color: #333;}
.lybLayer .btnDiv a{ display: block; position: relative; overflow: hidden; width: 2.08rem; height: 0.56rem; background: #d7000f; text-align: center; color: #fff; line-height: 0.56rem; font-size: 14px; font-family: regular; }
.lybLayer .btnDiv em{ position: relative; z-index: 1; }
.lybLayer .btnDiv a:after{ content: ""; display: block; width: 0%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg,#d7000f 0,#9d1520); transition: 0.5s;}
.lybLayer .btnDiv a:hover:after{ width: 100%; }
.lybLayer .tips{ padding-top: 0.4rem; font-size: 14px; color: #999; font-family: light; }
.lybLayer .tips em{ color: #d7000f; }

.contactP1{ padding: 1.45rem 0; background: #000 url(../images/contactP1.jpg) center top no-repeat; background-size: cover; }
.contactP1 .mxfDiv{ position: relative; }
.contactP1 .leftImg{ width: 8.88rem; }
.contactP1 .leftImg img{ width: 100%; }
.contactP1 .conDiv{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.contactP1 .pjDiv{ width: 7.44rem; height: 5.36rem; padding: 0 1.0rem; box-sizing: border-box; background: #000;}
.contactP1 .title{ font-family: playfair; color: #fff; font-size: 0.4rem; line-height: 0.56rem; }
.contactP1 .wen{ font-family: light; font-size: 16px; line-height: 16px; padding: 0.25rem 0 0.45rem; position: relative; color: rgba(255,255,255,0.7); }
.contactP1 .wen:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(64,64,64,0.6); }
.contactP1 .txt{ font-family: playfair; font-size: 0.24rem; line-height: 0.24rem; color: #fff; padding: 0.65rem 0 0.3rem; }
.contactP1 .list li{ font-family: light; position: relative; padding-left: 30px; font-size: 16px; line-height: 0.4rem; color: rgba(255,255,255,0.8); }
.contactP1 .list li img{ position: absolute; top: 50%; margin-top: -8px; left: 0;}

.contactP2{ padding-top: 1.5rem; height: 7.44rem; background: url(../images/contactP2.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.contactP2 .title{ font-family: playfair; font-size: 0.4rem; line-height: 0.4rem; color: #fff; text-align: center; padding-bottom: 0.75rem; }
.contactP2 .list ul{ display: block; margin-right: -0.72rem; width: auto; }
.contactP2 .list li{ float: left; width: 33.33%; }
.contactP2 .list li .box{ margin-right: 0.72rem; padding-top: 0.72rem; height: 3.44rem; background: #fffbf5; box-sizing: border-box;}
.contactP2 .list li .ico{ margin: 0 auto; position: relative; width: 1.04rem; height: 1.04rem; background: #d7000f; border-radius: 50%; }
.contactP2 .list li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; }
.contactP2 .list li .txt{ padding: 0.4rem 0 0.3rem; font-size: 0.24rem; line-height: 0.24rem; color: #000; font-family: playfair; text-align: center; }
.contactP2 .list li .links a{ text-align: center; font-size: 14px; color: #ecc17d; font-family: light; text-transform: uppercase; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;}
.contactP2 .list li .links img{ padding-left: 8px; }
.contactP2 .list li .links a:hover{ text-decoration: underline; }
.contactP2 .list li .tel{ text-align: center; font-size: 18px; color: #ecc17d; font-family: light; }
.contactP2 .list li .box:hover .ico img{transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);}
.contactP2 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.contactP2 .swiper-pagination-bullet { position: relative; width: 0.16rem; height: 0.16rem; opacity: 1; border-radius: 50%; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.contactP2 .swiper-pagination-bullet-active { background: #d7000f; }

.contactP3{ position: relative; padding: 1.5rem 0 1.45rem; background: #000 url(../images/contactP3.jpg) center top no-repeat; background-size: 100%; }
.contactP3 .title{ text-align: center; font-family: playfair; font-size: 0.4rem; line-height: 0.4rem; color: #fff; padding-bottom: 0.3rem; }
.contactP3 .wen{ font-family: light; text-align: center; color: rgba(255,255,255,0.8); font-size: 16px; line-height: 16px; padding-bottom: 0.65rem; }
.contactP3 .form ul{ margin-right: -0.48rem; }
.contactP3 .form li{ float: left; width: 50%; padding-bottom: 0.4rem; }
.contactP3 .form .li01{ width: 100%; }
.contactP3 .form li .box{ margin-right: 0.48rem; position: relative; border: #191717 solid 1px; background: #191717; padding-left: 1.5rem;}
.contactP3 .form li .box2{ margin-right: 0.48rem; }
.contactP3 .form li .box:hover{ border: #d7000f solid 1px; }
.contactP3 .form li .txt{ position: absolute; left: 0.32rem; top: 0; font-family: regular; font-size: 14px; color: #fff; line-height: 0.56rem; }
.contactP3 .form li .txt em{ color: #ecc17d; padding-left: 6px; }
.contactP3 .form li .hala{ padding-left: 0.32rem; padding-bottom: 0.2rem; top: 0; font-family: regular; font-size: 14px; color: #fff; line-height: 14px; }
.contactP3 .form li .hala em{ color: #ecc17d; padding-left: 6px; }
.contactP3 .form li .input1{ width: 100%; height: 0.56rem; line-height: 0.56rem; font-size: 14px; font-family: regular; color: rgba(255,255,255,0.5); }
.contactP3 .form li textarea{ width: 100%; border: #191717 solid 1px; background: #191717; height: 1.2rem; padding: 0.2rem 0.3rem 0; box-sizing: border-box; font-size: 14px; font-family: regular; color: rgba(255,255,255,0.5); }
.contactP3 .form li textarea:hover{ border: #d7000f solid 1px;}
.contactP3 .dropzone { min-height: 0.56rem; border: #191717 solid 1px; background: #191717; padding: 0;}
.contactP3 .dropzone .dz-message{ margin: 0; line-height: 0.56rem; text-align: left; padding-left: 0.32rem; color: rgba(255,255,255,0.5); font-size: 14px; font-family: regular;}
.contactP3 .dropzone:hover{ border: #d7000f solid 1px;}
.contactP3 .btnDiv{ margin: 0 auto; width: 2.08rem; position: relative; z-index: 1;}
.contactP3 .btnDiv a{ display: block; position: relative; overflow: hidden; width: 100%; height: 56px; line-height: 56px; color: #fff; text-align: center; font-size: 14px; background: #d7000f; font-family: regular;}
.contactP3 .btnDiv em{ position: relative; z-index: 1; }
.contactP3 .btnDiv a:after{ content: ""; display: block; width: 0%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg,#d7000f 0,#9d1520); transition: 0.5s;}
.contactP3 .btnDiv a:hover:after{ width: 100%; }

.contactP3 .wave-svg-box{position:absolute;left:0;bottom:0;width:3000%;height:285px;}
.wave-svg-s1{background:url(../images/line01.png) repeat-x -300px 10px;animation:waveMove 80s linear .1s infinite;}
.wave-svg-s2{background:url(../images/line01.png) repeat-x -280px 25px;animation:waveMove 80s linear .1s infinite;}
.wave-svg-s3{background:url(../images/line01.png) repeat-x -260px 40px;animation:waveMove 80s linear .1s infinite;}
.wave-svg-s4{background:url(../images/line01.png) repeat-x -240px 55px;animation:waveMove 80s linear .1s infinite;}
.wave-svg-s5{background:url(../images/line01.png) repeat-x -220px 70px;animation:waveMove 80s linear .1s infinite;}
.wave-svg-s6{background:url(../images/line01.png) repeat-x -200px 85px;animation:waveMove 80s linear .1s infinite;}
.wave-svg-s7{background:url(../images/line01.png) repeat-x -180px 100px;animation:waveMove 80s linear .1s infinite;}
.wave-svg-s8{background:url(../images/line01.png) repeat-x -160px 115px;animation:waveMove 80s linear .1s infinite;}

.productP1{ padding-top: 1.5rem; height: 7.92rem; background: url(../images/productBg.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.productP1 .mxfDiv{ padding-top: 0.6rem; }
.productP1 .leftCon{ width: 7.3rem; padding-top: 0.65rem; }
.productP1 .name{ position: relative; font-family: playfair; font-size: 0.4rem; line-height: 0.4rem; padding-bottom: 0.35rem; color: #fff; }
.productP1 .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 96px; height: 2px; background: #efc37e; }
.productP1 .content{ padding-top: 0.5rem; font-family: light; font-size: 16px; line-height: 30px; color: rgba(255,255,255,0.6); }
.productP1 .rightImg{ width: 6.56rem; position: relative; padding-bottom: 0.25rem; }
.productP1 .rightImg:after{ content: ''; position: absolute; left: 50%; margin-left: -3.04rem; z-index: -1; bottom: 0; height: 0.5rem; background: #d7000f; width: 6.08rem; }
.productP1 .rightImg img{ width: 100%; }

.productP2{ padding: 1.45rem 0; background: #000; }
.productP2 .title{ font-family: playfair; font-size: 0.4rem; line-height: 0.4rem; text-align: center; padding-bottom: 0.75rem; color: #fff; }
.productP2 .list ul{ margin-right: -0.72rem;}
.productP2 .list li{ float: left; width: 33.33%; }
.productP2 .list li .box{ margin-right: 0.72rem; height: 3.2rem; background: #191717; padding: 0.6rem 0.4rem 0; box-sizing: border-box;}
.productP2 .list li .txt{ font-family: regular; font-size: 0.24rem; line-height: 0.24rem; color: #d7000f; padding-bottom: 0.35rem; }
.productP2 .list li .name{ font-family: playfair; font-size: 0.24rem; line-height: 0.24rem; color: #fff; }
.productP2 .list li .msg{ margin-top: 0.2rem; font-family: light; color: rgba(255,255,255,0.5); line-height: 0.32rem; height: 0.96rem; font-size: 14px; }
.productP2 .list li .more{ padding-top: 0.1rem; }
.productP2 .list li .more a{ font-size: 14px; color: #ecc17d; font-family: light; text-transform: uppercase; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.productP2 .list li .more img{ padding-left: 8px; }
.productP2 .list li .box:hover{ background: #af0000; }
.productP2 .list li .box:hover .txt{ color: #fff; }

.formModal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 999; background: rgba(0, 0, 0, 0.5); display: none;}
.formModal-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}


.formLayer{ width: 13.4rem; height: 9rem; padding: 1.0rem 1.0rem 0; margin: 0 auto; background: #fffcf5; position: relative; box-sizing: border-box;}
.formLayer .close{ position: absolute; display: block; right: 30px; top: 30px; width: 24px; height: 24px; opacity:1; background: url(../images/close.png) center no-repeat; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;}
.formLayer .close:hover { transform: rotate(-90deg);}
.formLayer .title{ text-align: center; font-family: playfair; font-size: 0.4rem; line-height: 0.4rem; color: #000; padding-bottom: 0.3rem; }
.formLayer .wen{ font-family: light; text-align: center; color: rgba(0,0,0,0.8); font-size: 16px; line-height: 16px; padding-bottom: 0.65rem; }
.formLayer .form ul{ margin-right: -0.48rem; }
.formLayer .form li{ float: left; width: 50%; padding-bottom: 0.4rem; }
.formLayer .form .li01{ width: 100%; }
.formLayer .form li .box{ margin-right: 0.48rem; position: relative; border: #313131 solid 1px; padding-left: 1.5rem;}
.formLayer .form li .box2{ margin-right: 0.48rem; }
.formLayer .form li .txt{ position: absolute; left: 0.32rem; top: 0; font-family: regular; font-size: 14px; color: #333; line-height: 0.56rem; }
.formLayer .form li .txt em{ color: #ecc17d; padding-left: 6px; }
.formLayer .form li .hala{ padding-left: 0.32rem; padding-bottom: 0.2rem; top: 0; font-family: regular; font-size: 14px; color: #333; line-height: 14px; }
.formLayer .form li .hala em{ color: #ecc17d; padding-left: 6px; }
.formLayer .form li .input1{ width: 100%; height: 0.54rem; line-height: 0.54rem; font-size: 14px; font-family: regular; color: #333; }
.formLayer .form li textarea{ width: 100%; height: 1.2rem; border: #313131 solid 1px; padding: 0.2rem 0.3rem 0; box-sizing: border-box; font-size: 14px; font-family: regular; color: #333; }
.formLayer .form li .box:hover{ border: #d7000f solid 1px; }
.formLayer .form li textarea:hover{ border: #d7000f solid 1px;}
.formLayer .dropzone { min-height: 0.56rem; border: #313131 solid 1px; background: none; padding: 0;}
.formLayer .dropzone .dz-message{ margin: 0; line-height: 0.56rem; text-align: left; padding-left: 0.32rem; color: #333; font-size: 14px; font-family: regular;}
.formLayer .dropzone:hover{ border: #d7000f solid 1px;  }
.formLayer .btnDiv{ margin: 0 auto; width: 2.08rem; position: relative; z-index: 1;}
.formLayer .btnDiv a{ display: block; position: relative; overflow: hidden; width: 100%; height: 56px; line-height: 56px; color: #fff; text-align: center; font-size: 14px; background: #d7000f; font-family: regular;}
.formLayer .btnDiv em{ position: relative; z-index: 1; }
.formLayer .btnDiv a:after{ content: ""; display: block; width: 0%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg,#d7000f 0,#9d1520); transition: 0.5s;}
.formLayer .btnDiv a:hover:after{ width: 100%; }

.proShowP1{ padding-top: 1.4rem; height: 9.52rem; background: #000 url(../images/productBg2.jpg) center top no-repeat; background-size: 100%; box-sizing: border-box;}
.proShowP1 .leftDiv{ width: 8.1rem; position: relative;}
.proShowP1 .detail-box{ width: 6.64rem; float: right;  position: relative;}
.proShowP1 .detail-box .pic img{ width: 6.64rem;}
.proShowP1 .thumb-box{ position: absolute; left: 0; top: 0; z-index: 1; width: 1.2rem; }
.proShowP1 .thumb-box a{ position: relative; display:block; cursor: pointer; margin-bottom:15px;}
.proShowP1 .thumb-box a:before{content:""; z-index: 1; position: absolute;left:0;top:0;border-top:1px solid #d70000;border-left:1px solid #d70000;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.proShowP1 .thumb-box a:after{content:""; z-index: 1; position: absolute;right:0;bottom:0;border-right:1px solid #d70000;border-bottom:1px solid #d70000;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.proShowP1 .thumb-box a .limg{ position: relative; }
.proShowP1 .thumb-box a .limg:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); }
.proShowP1 .thumb-box a img{ width:1.2rem;}
.proShowP1 .thumb-box a.on:before{width:100%;height:100%;visibility: visible;}
.proShowP1 .thumb-box a.on:after{width:100%;height:100%;visibility: visible;}
.proShowP1 .thumb-box a.on .limg:after{ opacity: 0; }

.proShowP1 .rightDiv{ width: 6.0rem; }
.proShowP1 .name{ padding-bottom: 0.1rem; font-size: 0.4rem; color: #fff; line-height: 0.48rem; font-family: playfair; }
.proShowP1 .txt{ position: relative; font-family: light; font-size: 16px; line-height: 0.26rem; color: #efc37e; height: 0.64rem; }
.proShowP1 .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgba(66,64,64,0.6); }
.proShowP1 .txt:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 96px; height: 2px; background: #efc37e; z-index: 1;}
.proShowP1 .list{ padding-top: 0.55rem; }
.proShowP1 .list li{ margin-bottom: 0.2rem; }
.proShowP1 .list li .wen{ position: relative; cursor: pointer; height: 0.56rem; background: #191717; overflow: hidden; line-height: 0.56rem; padding-left: 0.25rem; font-family: regular; font-size: 0.18rem; color: #fff; }
.proShowP1 .list li .wen:after{ content: ''; position: absolute; right: 0.25rem; width: 14px; height: 8px; top: 50%; margin-top: -4px; background: url(../images/ico6.png) no-repeat;}
.proShowP1 .list li .wen.on{ background: #af0000; }
.proShowP1 .list li .wen.on:after{ transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);}
.proShowP1 .list li .hideBox{ display:none; padding: 0.3rem 0.25rem; }
.proShowP1 .list .lie dd{ position: relative; padding-left: 1.85rem; font-size: 14px; height: 0.4rem; line-height: 0.4rem; overflow: hidden; color: rgba(221,221,221,0.7); font-family: light; }
.proShowP1 .list .lie dd em{ position: absolute; left: 0; top: 0; color: #ddd; font-size: 0.18rem; font-family: regular; }
.proShowP1 .list li .content{ font-family: light; font-size: 14px; line-height: 0.3rem; color: rgba(221,221,221,0.7); }

.proShowP2{ padding-top: 1.0rem; height: 7.12rem; background: url(../images/productBg3.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.proShowP2 .title{ font-family: playfair; font-size: 0.4rem; line-height: 0.4rem; color: #fff; text-align: center;}
.proShowP2 .list{ padding-top: 0.8rem; }
.proShowP2 .list ul{ margin-right: -0.48rem; }
.proShowP2 .list li{ float: left; width: 25%; }
.proShowP2 .list li .box{ margin-right: 0.48rem; }
.proShowP2 .list li .imgDiv{ height: 3.48rem; overflow: hidden; }
.proShowP2 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.proShowP2 .list li .name{ margin-top: 0.25rem; height: 0.32rem; line-height: 0.32rem; color: #fff; text-align: center; font-family: regular; font-size: 0.18rem; }
.proShowP2 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.proShowP3{ position: relative; padding: 1.45rem 0; background: #000 url(../images/contactP3.jpg) center top no-repeat; background-size: 100%; }
.proShowP3 .mxfDiv{ position: relative; }
.proShowP3 .leftImg{ width: 9.6rem; }
.proShowP3 .leftImg img{ width: 100%; }
.proShowP3 .conDiv{ position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 1;}
.proShowP3 .pjDiv{ width: 6.56rem; height: 4.52rem; padding: 0 1.0rem; box-sizing: border-box; background: #191717;}
.proShowP3 .title{ font-family: playfair; color: #fff; font-size: 0.4rem; padding-bottom: 0.3rem; }
.proShowP3 .content{ font-size: 14px; line-height: 0.36rem; color: rgba(255,255,255,0.7); font-family: light; }

.proShowP4{ position: relative; padding: 1.45rem 0; background: #000; overflow: hidden;}
.proShowP4:before{ content: ''; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: #191717; }
.proShowP4 .leftDiv{ padding-top: 0.8rem; width: 5.26rem; position: relative; z-index: 1;}
.proShowP4 .title{ font-family: playfair; color: #fff; font-size: 0.4rem; line-height: 0.6rem; }
.proShowP4 .arrowDiv { padding-top: 1.0rem;}
.proShowP4 .arrowDiv .se{ float: left; display: block; width: 0.64rem; height: 0.64rem; border-radius: 50%; }
.proShowP4 .arrowDiv .prev { background: #302f2f url("../images/nimg11_lefton.png") center no-repeat; }
.proShowP4 .arrowDiv .next { background: #302f2f url("../images/nimg11_righton.png") center no-repeat; margin-left: 0.3rem; }
.proShowP4 .arrowDiv .prev:hover { background: #d70000 url("../images/nimg11_lefton.png") center no-repeat; }
.proShowP4 .arrowDiv .next:hover { background: #d70000 url("../images/nimg11_righton.png") center no-repeat; }
.proShowP4 .proImg{ width: 62.5%; }
.proShowP4 .img-swiper { width: 15.5rem; overflow: hidden; position: relative; }
.proShowP4 .img-swiper .imgDiv img{ width: 100%; }

.proShowP5{ padding: 1.45rem 0; background: #000; }
.proShowP5 .title{ font-family: playfair; color: #fff; font-size: 0.4rem; line-height: 0.4rem; text-align: center; padding-bottom: 0.6rem; }
.proShowP5 .form ul{ margin-right: -0.44rem; }
.proShowP5 .form li{ float: left; width: 33.33%; padding-bottom: 0.4rem; }
.proShowP5 .form .li01{ width: 100%; }
.proShowP5 .form li .box{ margin-right: 0.44rem; }
.proShowP5 .form li .input1{ border: #1a1a1a solid 1px; background: #1a1a1a; height: 0.54rem; line-height: 0.54rem; padding-left: 0.2rem; font-size: 14px; color: #a8a7a7; width: 100%; box-sizing: border-box; font-family: regular;}
.proShowP5 .form li .input1:focus{ border: #d7000f solid 1px; }
.proShowP5 .form li .input1::placeholder { color: #a8a7a7;}
.proShowP5 .form li textarea{ border: #1a1a1a solid 1px; background: #1a1a1a; width: 100%; box-sizing: border-box; height: 1.2rem; line-height: 0.28rem; padding: 0.1rem 0.2rem; font-size: 14px; color: #a8a7a7; font-family: regular; }
.proShowP5 .form li textarea:focus{ border: #d7000f solid 1px; }
.proShowP5 .form li textarea::placeholder { color: #a8a7a7;}
.proShowP5 .btnDiv{ width: 2.08rem; margin: 0 auto; }
.proShowP5 .btnDiv a{ display: block; position: relative; overflow: hidden; width: 100%; height: 0.56rem; background: #d7000f; text-align: center; color: #fff; line-height: 0.56rem; font-size: 14px; font-family: regular; }
.proShowP5 .btnDiv em{ position: relative; z-index: 1; }
.proShowP5 .btnDiv a:after{ content: ""; display: block; width: 0%; height: 100%; position: absolute; top: 0; left: 0; background-image: linear-gradient(90deg,#d7000f 0,#9d1520); transition: 0.5s;}
.proShowP5 .btnDiv a:hover:after{ width: 100%; }
.proShowP5 .tips{ text-align: center; padding-top: 0.4rem; font-size: 14px; color: #999; font-family: light; }
.proShowP5 .tips em{ color: #efc37e; }