/*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{ position: absolute; left: 50%; margin-left: -7.68rem; z-index: 1; top: 25%; }
.ind-banner .onebox .txtImg{ padding-bottom: 0.25rem; }
.ind-banner .onebox .cn{ font-size: 0.6rem; line-height: 0.8rem; color: #333; font-weight: bold; }
.ind-banner .twobox{ position: absolute; left: 0; width: 100%; text-align: center; z-index: 1; color: #fff; top: 30%; }
.ind-banner .twobox .txtImg{ padding-bottom: 0.3rem;}
.ind-banner .twobox .cn{ font-size: 0.6rem; line-height: 0.8rem; font-weight: bold; width: 9.0rem; margin: 0 auto;}

.ind-banner .swiper-pagination{ width: 100%; bottom: 0.3rem; } 
.ind-banner .swiper-pagination-bullet { display: inline-block; width: 10px; height: 10px; opacity: 1; background: #fff; box-sizing:border-box; border-radius: 50%; margin: 0 12px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #e60012; } 

.ind-banner .swiper-slide video {
  position: absolute;
  width: 100%;
  height:100%;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  object-fit: cover;
}
/*banner结束*/

.indexTxt{ position: relative; padding-top: 0.6rem;  }
.indexTxt .cn{ position: relative; padding-bottom: 0.36rem; font-size: 0.4rem; line-height: 0.4rem; color: #222; font-weight: bold; z-index: 1;}
.indexTxt .cn:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 42px; height: 3px; background: #e60012; }
.indexTxt .en{ position: absolute; left: 0; top: 0; font-size: 1.18rem; line-height: 1.06rem; color: rgba(0,0,0,0.05); font-family: 'Anders'; text-transform: uppercase; letter-spacing: 0.2rem; }

.indexP1{ padding: 0.7rem 0 1.6rem; position: relative; overflow: hidden;}
.indexP1:after { content: ''; position: absolute; top: 0; right: 50%; margin-right: 7.68rem; width: 25%; height: 100%; background: #fff; z-index: 3;}
.indexP1 .toptop{ position: relative; height: 1.92rem; }
.indexP1 .indexTxt .en{ letter-spacing: 0.12rem;}
.indexP1 .btn{ position: absolute; right: 0; top: 0; z-index: 1; }
.indexP1 .btn li{ float: left; margin-left: 0.4rem; cursor: pointer; }
.indexP1 .btn li:first-child{ margin-left: 0; }
.indexP1 .btn li .limg{ width: 1.06rem; height: 1.06rem; background: #fff; border: #fff solid 1px; border-radius: 50%; box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.07); }
.indexP1 .btn li .limg img{ max-width: 0.6rem; max-height: 0.6rem; }
.indexP1 .btn li .name{ font-size: 0.18rem; line-height: 0.18rem; text-align: center; color: #222; padding-top: 0.16rem; }
.indexP1 .btn li.on .limg{ border: #e60012 solid 1px; }
.indexP1 .btn li.on .name{ color: #e60012; }

/*.indexP1 .imgList{ overflow: hidden; }*/
.indexP1 .imgList .imgDiv{ border-radius: 0.16rem; overflow: hidden;}
.indexP1 .imgList .imgDiv img{ width: 100%; }
.indexP1 .imgList .txt{ padding-top: 0.35rem; font-size: 0.24rem; line-height: 0.24rem; color: #000; }
.indexP1 .imgList .swiper-slide:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexP1 .bottom{ position: relative; margin-top: 0.5rem; display: flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; align-items: flex-end;}
.indexP1 .swiper-pagination { position: relative; width: calc(100% - 2.0rem); height: 2px; background-color: #e1e1e1;}
.indexP1 .swiper-pagination-progress .swiper-pagination-progressbar{ height: 2px; background-color: #e60012; position: absolute; left: 0; top: 0; z-index: 10; width: 100%; transform-origin: left center;}
.indexP1 .bottom .wen{ position: absolute; right: 2.0rem; top: 0.15rem; font-size: 0.16rem; color: #999; font-family: 'light'; text-transform: uppercase;}
.indexP1 .arrowDiv{ font-size: 0; }
.indexP1 .arrowDiv .se{ position: relative; display: inline-block; width: 48px; height: 48px; border-radius: 50%; border: #e5e5e5 solid 2px; box-sizing: border-box;}
.indexP1 .arrowDiv .se:hover{ background: #e60012; border: #e60012 solid 2px;}
.indexP1 .arrowDiv .prev{ margin-right: 0.2rem; }
.indexP1 .arrowDiv .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin-left: -6px; margin-top: -6px; background: url(../images/nimg12_left.png) no-repeat; }
.indexP1 .arrowDiv .next:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; margin-left: -6px; margin-top: -6px; background: url(../images/nimg12_right.png) no-repeat; }
.indexP1 .arrowDiv .prev:hover:after{ background: url(../images/nimg12_lefton.png) no-repeat;}
.indexP1 .arrowDiv .next:hover:after{ background: url(../images/nimg12_righton.png) no-repeat;}
.indexP1 .num{ position: absolute; left: 0; top: 0.15rem; z-index: 1; font-size: 0.16rem; color: #999; font-family: 'light';}

#particles-js {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 2.2rem;
    position: absolute;
    bottom: 0;
    right: 0;
}

.indexP2{ position: relative; padding-top: 0.85rem; height: 9.0rem; background: url(../images/indexP2.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.indexP2 .indexTxt{ text-align: center; margin-bottom: 1.0rem; }
.indexP2 .indexTxt .cn:after{ left: 50%; margin-left: -21px; }
.indexP2 .indexTxt .en{ width: 100%; }

/*.indexP2 .swiper-slide .limg:nth-child(odd){ margin-top: 1.4rem;}
.indexP2 .limg{ width: 2.18rem; height: 2.52rem; background: url(../images/nimg240Bg.png) center no-repeat; background-size: 2.18rem; }
.indexP2 .limg img{ max-width: 1.6rem; max-height: 1.0rem; }
.indexP2 .limg:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}*/


.indexP2 .list{ position: relative; }
.indexP2 .list:before{ content: ''; position: absolute; left: 4.45rem; top: -1.3rem; width: 2.15rem; height: 2.47rem; background: url(../images/nimg240Bg2.png) no-repeat; background-size: 2.15rem; }
.indexP2 .list:after{ content: ''; position: absolute; right: 4.45rem; top: -1.3rem; width: 2.15rem; height: 2.47rem; background: url(../images/nimg240Bg2.png) no-repeat; background-size: 2.15rem; }
.indexP2 .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.indexP2 .list li{ width: 2.15rem; }
.indexP2 .list li:nth-child(odd){ margin-top: 1.2rem; }
.indexP2 .list li .limg{ width: 100%; height: 2.47rem; background: url(../images/nimg240Bg.png) center no-repeat; background-size: 2.15rem; }
.indexP2 .list li .limg img{ max-width: 1.6rem; max-height: 1.0rem; }
.indexP2 .list li:hover .limg img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexP2 .arrowDiv{ position: relative; margin-top: 0.4rem; height: 48px; }
.indexP2 .se{ position: absolute; bottom: 0; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; border: #e5e5e5 solid 2px; box-sizing: border-box; z-index: 5;}
.indexP2 .prev { left: 50%; margin-left: -60px; background: url(../images/nimg12_left.png) no-repeat center;}
.indexP2 .next { right: 50%; margin-right: -60px; background: url(../images/nimg12_right.png) no-repeat center;}
.indexP2 .prev:hover{ border: #e60012 solid 2px; background: #e60012 url(../images/nimg12_lefton.png) no-repeat center;}
.indexP2 .next:hover{ border: #e60012 solid 2px; background: #e60012 url(../images/nimg12_righton.png) no-repeat center;}

.indexP3{ padding: 0.7rem 0 1.2rem; position: relative; overflow:hidden;}
.indexP3:before{ content: ""; width: 2.3rem; height: 100%; position: absolute; top: 0; z-index: 2; left: 0; background: linear-gradient(90deg, #fff, transparent);}
.indexP3:after{ content: ""; width: 2.3rem; height: 100%; position: absolute; top: 0; z-index: 2; right: 0; background: linear-gradient(-90deg, #fff, transparent);}
.indexP3 .indexTxt{ text-align: center; margin-bottom: 0.45rem; }
.indexP3 .indexTxt .cn:after{ left: 50%; margin-left: -21px; }
.indexP3 .indexTxt .en{ width: 100%; }
.indexP3 .bg{ margin: 30px auto 0; width: 44px; height: 8px; background: url(../images/nimg44Bg.png) no-repeat; }

.leftScroll .list li{ float: left; padding: 0.14rem; cursor: pointer;}
.leftScroll .list li .limg{ height: 1.4rem; width: 2.85rem; border-radius: 0.16rem; box-shadow: 0px 0 0.2rem 0px rgba(0, 0, 0, 0.1); }
.leftScroll .list li .limg img{ max-width: 2.2rem; max-height: 1.0rem; }
.rightScroll .list li{ float: left; padding: 0.14rem; cursor: pointer;}
.rightScroll .list li .limg{ height: 1.4rem; width: 2.85rem; border-radius: 0.16rem; box-shadow: 0px 0 0.2rem 0px rgba(0, 0, 0, 0.1); }
.rightScroll .list li .limg img{ max-width: 2.2rem; max-height: 1.0rem; }
.leftScroll .list li .limg:hover img, .rightScroll .list li .limg:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.tempWrap{ width:100%!important;}

.indexP4{ padding-top: 0.7rem; height: 9.0rem; background: url(../images/indexP2.jpg) center no-repeat; background-size: cover; box-sizing: border-box; overflow: hidden; }
.indexP4 .toptop{ position: relative; height: 1.92rem; }
.indexP4 .btnDiv{ position: absolute; right: 0; top: 0.85rem; z-index: 1; }
.indexP4 .btnDiv a{ width: 1.5rem; height: 0.54rem; background: #e60012; color: #fff; font-size: 0.16rem; font-family: 'regular'; border-radius: 0.48rem; text-transform: uppercase;}
.indexP4 .btnDiv img{ margin-left: 0.2rem; }

.indexP4 .list ul{ display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;  }
.indexP4 .list .swiper-slide{ width: 3.6rem; height: 4.22rem; }
.indexP4 .list .bigBox{ position: absolute; left: 0; bottom: 0; width: 3.6rem; border-radius: 4px; background: #fff; height: 3.62rem; padding: 0.3rem 0.26rem 0; box-sizing: border-box; overflow: hidden;}
.indexP4 .list .imgDiv{ border-radius: 4px; overflow: hidden; }
.indexP4 .list .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP4 .list .time{ font-family: 'regular'; font-size: 0.16rem; line-height: 0.16rem; height: 0.35rem; color: rgba(0,0,0,0.4);}
.indexP4 .list .ss{ height: 0.96rem; }
.indexP4 .list .name{ height: 0.64rem; line-height: 0.32rem; color: #000; font-size: 0.18rem; overflow: hidden; }
.indexP4 .list .after{ position: absolute; z-index: 3; left: -3.1rem; top: 0; width: 3.1rem; box-sizing: border-box; padding: 0.4rem 0.4rem 0; height: 100%; background-image: linear-gradient(left,#e9bc22,#e5c43f);
    background-image: -webkit-linear-gradient(left,#e9bc22,#e5c43f);
    background-image: -moz-linear-gradient(left,#e9bc22,#e5c43f);
    background-image: -o-linear-gradient(left,#e9bc22,#e5c43f);
    background-image: linear-gradient(to right,#e9bc22,#e5c43f);
    background-image: -webkit-linear-gradient(to right,#e9bc22,#e5c43f);
    background-image: -moz-linear-gradient(to right,#e9bc22,#e5c43f);
    background-image: -o-linear-gradient(to right,#e9bc22,#e5c43f); }
.indexP4 .list .cao{ font-size: 0.16rem; color: rgba(255,255,255,0.7); font-family: 'regular'; }
.indexP4 .list .cao em{ display: block; color: #fff; font-size: 0.48rem; line-height: 0.48rem; padding-bottom: 0.05rem;}
.indexP4 .list .name2{ position: absolute; left: 0.4rem; right: 0.4rem; bottom: 0.5rem; text-align: justify; color: #fff; font-size: 0.24rem; line-height: 0.36rem; height: 1.44rem; overflow: hidden;}
.indexP4 .swiper-slide-active{ width: 7.52rem!important; z-index: 2; }
.indexP4 .swiper-slide-active .bigBox{ position: relative; top: 0; width: 7.52rem; height: 4.22rem; padding: 0;}
.indexP4 .swiper-slide-active .before{ display: none; }
.indexP4 .swiper-slide-active .after{ left: 0; }
.indexP4 .list .bigBox:hover .name{ color: #e60012; }

.indexP4 .pngj{ width: 1.45rem; margin-top: 0.4rem; position: relative; z-index: 2; }
.indexP4 .prev{ position: absolute; left: 0; top: 5px; display:block; background: url(../images/nimg13_left.png) no-repeat; width: 13px; height: 24px; } 
.indexP4 .next{ position: absolute; right: 0; top: 5px; display:block; background: url(../images/nimg13_right.png) no-repeat; width: 13px; height: 24px; } 
.indexP4 .prev:hover{ background: url(../images/nimg13_lefton.png) no-repeat;}
.indexP4 .next:hover{ background: url(../images/nimg13_righton.png) no-repeat;}
.indexP4 .numDiv{ height: 24px; font-family: 'regular'; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end; justify-content: center; -webkit-justify-content: center;}
.indexP4 .num1, .indexP4 .num2{ font-size: 0.16rem; line-height: 0.16rem; color: #999;}
.indexP4 .num1{ color: #e60012; font-size: 0.3rem; line-height: 0.24rem; }
.indexP4 .numDiv .ll{ padding: 0 5px; }

.indexP5{ position: relative; padding-top: 1.0rem; height: 8.7rem; overflow: hidden; box-sizing: border-box;}
.indexP5:after{ content: ''; position: absolute; right: 0; top: 1.32rem; width: 64.3%; height: 100%; background: url(../images/nimg1235Bg.png) left top no-repeat; background-size: cover;}
.indexP5 .leftDiv{ width: 4.5rem; }
.indexP5 .msg{ padding: 0.5rem 0 0.4rem; font-size: 0.18rem; line-height: 0.36rem; }
.indexP5 .wen{ padding-bottom: 1.2rem; font-size: 0.24rem; line-height: 0.24rem; color: #222; }
.indexP5 .more a{ width: 1.5rem; height: 0.54rem; background: #e60012; color: #fff; font-size: 0.16rem; font-family: 'regular'; border-radius: 0.48rem; text-transform: uppercase;}
.indexP5 .more img{ margin-left: 0.2rem; }

.indexP5 .rightDiv{ width: 9.4rem; height: 7.65rem; position: relative; z-index: 1; }
.indexP5 .rightDiv .bg{ position: absolute; left: -3.0rem; bottom: 0.85rem; width: 10.88rem; height: 1.56rem; background: url(../images/nimg1088Bg.png) repeat-y; z-index: 1; }
.partnerPic{ padding-top: 1.3rem; margin-left: 0.2rem; }
.partnerPic li{ padding: 0.15rem 0;}
.partnerPic li .ico{ text-align: center; height: 1.0rem;}
.partnerPic li .ico img{ max-width: 1.7rem; max-height: 0.7rem; }
.indexP5 .arrowDiv{ position: absolute; bottom: 1.5rem; left: 0.7rem; z-index: 2; }
.indexP5 .se{ display: block; float: left; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; border: #e5e5e5 solid 2px; box-sizing: border-box; z-index: 5;}
.indexP5 .prev { margin-right: 0.2rem; background: url(../images/nimg7_left.png) no-repeat center;}
.indexP5 .next { background: url(../images/nimg7_right.png) no-repeat center;}
.indexP5 .prev:hover{ border: #e60012 solid 2px; background: #e60012 url(../images/nimg7_lefton.png) no-repeat center;}
.indexP5 .next:hover{ border: #e60012 solid 2px; background: #e60012 url(../images/nimg7_righton.png) no-repeat center;}


.indexP6{ padding: 1.4rem 0 1.1rem; background: url(../images/indexP6.jpg) center no-repeat; background-size: cover; overflow: hidden;}
.indexP6 .leftDiv{ padding-top: 0.85rem; width: 4rem; position: relative; z-index: 2; }
.indexP6 .msg{ padding-top: 0.6rem; font-size: 0.18rem; line-height: 0.36rem; height: 2.2rem; }
.indexP6 .rightDiv{ width: 9.8rem; overflow: hidden; }
.indexP6 .rightDiv ul{ margin-right: -0.3rem; }
.indexP6 .rightDiv li{ float: left; width: 50%; margin-bottom: 0.3rem;}
.indexP6 .rightDiv li .box{ margin-right: 0.3rem; }
.indexP6 .rightDiv li:first-child{ float: right; width: 6.9rem; }
.indexP6 .rightDiv li a{ display: block; position: relative; border-radius: 0.24rem; overflow: hidden;}
.indexP6 .rightDiv li .imgDiv{ position: relative; }
.indexP6 .rightDiv li .imgDiv:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); }
.indexP6 .rightDiv li .imgDiv img{ width: 100%; }
.indexP6 .rightDiv li .layer{ position: absolute; left: 0; bottom: 0.35rem; z-index: 1; width: 100%; padding: 0 0.5rem; box-sizing: border-box;}
.indexP6 .rightDiv li .toptop{ position: relative; padding-right: 1.5rem; height: 0.32rem; }
.indexP6 .rightDiv li .name{ font-size: 0.2rem; line-height: 0.32rem; color: #fff; font-weight: bold; }
.indexP6 .rightDiv li .label{ position: absolute; right: 0; top: 0; text-align: center; width: 1.06rem; height: 0.32rem; line-height: 0.32rem; background: #fff; border-radius: 0.24rem; font-size: 0.14rem; color: #333; }
.indexP6 .rightDiv li .zi{ margin-top: 0.15rem; line-height: 0.34rem; font-size: 0.24rem; height: 0.68rem; overflow: hidden; color: #fff;}
.indexP6 .arrowDiv .se{ float: left; position: relative; display: block; width: 48px; height: 48px; border-radius: 50%; border: #c1c7cd solid 2px; box-sizing: border-box;}
.indexP6 .arrowDiv .se:hover{ background: #e60012; border: #e60012 solid 2px;}
.indexP6 .arrowDiv .prev{ margin-right: 0.2rem; }
.indexP6 .arrowDiv .prev:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 7px; height: 13px; margin-left: -4px; margin-top: -6px; background: url(../images/nimg7_left.png) no-repeat; }
.indexP6 .arrowDiv .next:after{ content: ''; position: absolute; left: 50%; top: 50%; width: 7px; height: 13px; margin-left: -4px; margin-top: -6px; background: url(../images/nimg7_right.png) no-repeat; }
.indexP6 .arrowDiv .prev:hover:after{ background: url(../images/nimg7_lefton.png) no-repeat; }
.indexP6 .arrowDiv .next:hover:after{ background: url(../images/nimg7_righton.png) no-repeat; }


.aboutP1{ padding: 0.7rem 0 1.2rem; }
.aboutP1 .mxfDiv{ margin-top: 0.6rem; padding-top: 0.6rem; position: relative; }
.aboutP1 .conDiv{ width: 9.2rem; height: 6.6rem; box-sizing: border-box; padding: 0 2.95rem 0 1.0rem; background: #fff; box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.06);}
.aboutP1 .txt{ font-size: 0.42rem; line-height: 0.42rem; color: #e60012; font-weight: bold; padding-bottom: 0.15rem; }
.aboutP1 .wen{ font-size: 0.24rem; line-height: 0.36rem; padding-bottom: 0.2rem; color: #000; }
.aboutP1 .content{ font-size: 0.16rem; line-height: 0.32rem; text-align: justify; color: #333; position: relative; padding: 0.4rem 0; }
.aboutP1 .content:before{ content: ''; position: absolute; left: 0; top: 0; width: 28px; height: 27px; background: url(../images/nimg28_1.png) no-repeat; }
.aboutP1 .content:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 28px; height: 27px; background: url(../images/nimg28_2.png) no-repeat; }
.aboutP1 .content p{ position: relative; }
.aboutP1 .more{ padding-top: 0.3rem; }
.aboutP1 .more a{ width: 1.5rem; height: 0.54rem; background: #e60012; color: #fff; font-size: 0.16rem; font-family: 'regular'; border-radius: 0.48rem; text-transform: uppercase;}
.aboutP1 .more img{ margin-left: 0.2rem; }
.aboutP1 .imgDiv{ position: absolute; right: 0; top: 0; width: 50%; z-index: 1; }
.aboutP1 .imgDiv img{ width: 100%; }

.aboutP2{ padding-top: 0.7rem; height: 9.96rem; box-sizing: border-box; background: url(../images/aboutP2.jpg) center no-repeat; background-size: cover; }
.historyPic{ margin-top: 0.6rem; }
.historyPic .box-container{ position: relative; margin-top: 0.7rem;}
.historyPic .box-container:before{ content: ''; position: absolute; left: 0; top: 28px; width: 100%; height: 1px; background: #e5e7e8; }
.historyPic .box-container .year-swiper{ padding: 0 60px; }
.historyPic .box-container .swiper-slide{ cursor: pointer; text-align: center; }
.historyPic .box-container .swiper-slide .limg{ position: relative; width: 23px; height: 39px; margin: 0 auto; background: url(../images/nimg23Bg.png) center top no-repeat;}
.historyPic .box-container .swiper-slide .limg .ico{ z-index: -1; position: absolute; left: 50%; margin-left: -10px; bottom: 0; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0px 0px 0.15rem 0px rgba(0, 0, 0, 0.1);}
.historyPic .box-container .swiper-slide .limg .ico:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -5px; margin-top: -4px; width: 10px; height: 8px; border-radius: 50%; background: #d9d9d9; }
.historyPic .box-container .swiper-slide .year{ padding-top: 0.2rem; font-family:'light'; font-size: 18px; line-height: 18px; }
.historyPic .box-container .swiper-slide-active .limg{ background: url(../images/nimg23Bgon.png) center top no-repeat; }
.historyPic .box-container .swiper-slide-active .limg .ico:before{ background: #f7a4aa;}
.historyPic .box-container .swiper-slide-active .year{ color: #e60012; }
.historyPic .box-container .prev { position: absolute; left: 0; top: 5px; cursor: pointer; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; background: #fff url(../images/nimg7_left2.png) no-repeat center; z-index: 5;}
.historyPic .box-container .next { position: absolute; right: 0; top: 5px; cursor: pointer; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; background: #fff url(../images/nimg7_right2.png) no-repeat center; z-index: 5;}
.historyPic .box-container .prev:hover{ background: #e60012 url(../images/nimg7_lefton.png) no-repeat center;}
.historyPic .box-container .next:hover{ background: #e60012 url(../images/nimg7_righton.png) no-repeat center;}

.historyPic .detail-box .item { display: none; position: relative; }
.historyPic .detail-box .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.historyPic .detail-box .mxfDiv{ position: relative; padding: 0 0.9rem 0 8.68rem; height: 4.7rem; background: #fff url(../images/woxuan.png) right top no-repeat; background-size: 50%; border-radius: 16px; overflow: hidden; }
.historyPic .detail-box .imgDiv{ position: absolute; left: 0; top: 0; width: 50%; height: 4.7rem; }
.historyPic .detail-box .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.historyPic .detail-box .year{ position: relative; padding-bottom: 0.3rem; font-size: 0.36rem; color: #333; line-height: 0.36rem; animation: am_top 0.4s ease-in-out 0.4s backwards; -webkit-animation: am_top 0.4s ease-in-out 0.4s backwards; }
.historyPic .detail-box .year em{ font-size: 0.44rem; font-family: 'light'; }
.historyPic .detail-box .year:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 40px; height: 2px; background: #cbcbcb; }
.historyPic .detail-box .content{ margin-top: 0.3rem; animation: am_top 0.4s ease-in-out 0.8s backwards; -webkit-animation: am_top 0.4s ease-in-out 0.8s backwards;}
.historyPic .detail-box .content li{ position: relative; padding-left: 0.35rem; font-size: 0.16rem; color: #333; line-height: 0.36rem; }
.historyPic .detail-box .content li:before{ content: ''; position: absolute; left: 0; top: 0.16rem; width: 5px; height: 5px; background: #e60012; }

.aboutP3{ padding: 0.9rem 0 1.2rem; }
.honorPic{ position: relative; margin-top: 0.45rem; }
.honorPic ul{ padding: 0 0.15rem; }
.honorPic li{ padding: 0.15rem 0; }
.honorPic li .box{ cursor: pointer; position: relative; background: #fff; border-radius: 4px; padding: 0.5rem 0.6rem 0; height: 2.14rem; box-sizing: border-box; box-shadow: 0px 0px 0.15rem 0px rgba(153, 159, 165, 0.2); }
.honorPic li .box:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #e60012; }
.honorPic li .ico{ text-align: center; padding-bottom: 0.24rem;}
.honorPic li .ico img{ width: 0.43rem; }
.honorPic li .name{ font-size: 0.22rem; line-height: 0.36rem; color: #333; text-align: center; }
.honorPic li .box:hover:after{ width: 100%; }
.honorPic .se{ position: absolute; top: 50%; margin-top: -24px; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; border: #cecece solid 2px; box-sizing: border-box; z-index: 5;}
.honorPic .prev { left: 50%; margin-left: -8.4rem; background: #fff url(../images/nimg7_left.png) no-repeat center;}
.honorPic .next { right: 50%; margin-right: -8.4rem; background: #fff url(../images/nimg7_right.png) no-repeat center;}
.honorPic .prev:hover{ border: #e60012 solid 2px; background: #e60012 url(../images/nimg7_lefton.png) no-repeat center;}
.honorPic .next:hover{ border: #e60012 solid 2px; background: #e60012 url(../images/nimg7_righton.png) no-repeat center;}

.product{ padding: 0.75rem 0 0.6rem; }
.product .pageTxt{ margin-bottom: 0.6rem; }
.product .bigBox{ position: relative; padding: 0 0.15rem 0.8rem 4.5rem; overflow: hidden; }
.product .bigBox .conDiv{ position: absolute; left: 0; top: 0; width: 4.5rem; padding-top: 0.4rem; text-align: center;}
.product .bigBox:nth-child(odd){ padding: 0 4.5rem 0.8rem 0.15rem; }
.product .bigBox:nth-child(odd) .conDiv{ left: auto; right: 0; }
.product .bigBox .limg{ height: 1.05rem; }
.product .bigBox .name{ font-size: 0.3rem; line-height: 0.3rem; height: 0.4rem; color: #333; font-weight: bold; }
.product .bigBox .msg{ font-size: 0.22rem; line-height: 0.36rem; height: 0.9rem; color: #333; }
.product .bigBox .more{ width: 1.5rem; margin: 0 auto; }
.product .bigBox .more a{ width: 1.5rem; height: 0.5rem; background: #e60012; color: #fff; font-size: 0.16rem; font-family: 'regular'; border-radius: 0.48rem; text-transform: uppercase;}
.product .bigBox .more .btn1{ background: #f39800; }
.product .bigBox .more .btn2{ background: #fa4c06; }
.product .bigBox .more .btn3{ background: #0053a6; }
.product .bigBox .more .btn4{ background: #7fbe2b; }
.product .bigBox .more .btn5{ background: #6abbdc; }
.product .bigBox .more img{ margin-left: 0.2rem; }
.product .lunbo{ position: relative; }
.product .lunbo .list{ overflow: hidden; }
.product .lunbo .list .imgDiv{ border-radius: 0.16rem; overflow: hidden; }
.product .lunbo .list .imgDiv img{ width: 100%; }
.product .lunbo .list .imgDiv:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.product .lunbo .se{ position: absolute; top: 50%; margin-top: -24px; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; z-index: 5;}
.product .lunbo .prev { left: 10px; background: #fff url(../images/nimg12_left.png) no-repeat center;}
.product .lunbo .next { right: 10px; background: #fff url(../images/nimg12_right.png) no-repeat center;}
.product .bigBox:nth-child(odd) .lunbo .next{ right: auto; left: 10px; }

.product .lunbo .prev:hover{ background: #e60012 url(../images/nimg12_lefton.png) no-repeat center;}
.product .lunbo .next:hover{ background: #e60012 url(../images/nimg12_righton.png) no-repeat center;}
.product .bigBox .links{ padding-top: 0.4rem; }
.product .bigBox:nth-child(odd) .links{ float: right; }
.product .bigBox .links li{ float: left; margin-right: 0.3rem; margin-bottom: 0.2rem;}
.product .bigBox .links li a{ display: block; border-radius: 0.48rem; min-width: 1.68rem; padding: 0 0.2rem; box-sizing: border-box; height: 0.48rem; line-height: 0.46rem; text-align: center; font-size: 0.16rem; color: #333; border: #e5e5e5 solid 1px; }
.product .bigBox .links li a:hover{ border: #e60012 solid 1px; background: #e60012; color: #fff; }
.product .bigBox:nth-child(odd) .links li{ margin-right: 0; margin-left: 0.3rem; }


.news{ padding: 0.65rem 0 1.2rem; }
.news .detail{ margin-top: 0.6rem; box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.1); }
.news .detail .imgList{ overflow:hidden;}
.news .detail li a{ display:block; padding: 0 1.0rem 0 8.56rem; height: 4.5rem; background: #fff; position: relative;}
.news .detail .limg{ position: absolute; left: 0; top: 0; width: 50%; height: 4.5rem; overflow: hidden;}
.news .detail .limg img{ width: 100%; height: 100%; object-fit: cover; }
.news .detail .conDiv{ height: 4.5rem; }
.news .detail .time{ padding-bottom: 0.1rem; font-size: 0.16rem; line-height: 0.16rem; font-family: 'regular'; color: #c5c8ca; }
.news .detail .name{ font-size: 0.3rem; line-height: 0.4rem; overflow: hidden; height: 0.8rem; color: #000; font-weight: bold; }
.news .detail .content{ margin-top: 0.2rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.9rem; color: #666; }
.news .detail .more{ margin-top: 0.42rem; background: #e60012; width: 1.4rem; height: 0.5rem; line-height: 0.5rem; border-radius: 0.48rem; font-size: 0.16rem; color: #fff; font-family: 'regular'; text-align: center; text-transform: uppercase; }
.news .detail .more img{ margin-left: 0.2rem; }
.news .detail a:hover .name{ color: #e60012; }
.news .detail .swiper-pagination{ width:50%; bottom: 20px;}
.news .detail .swiper-pagination-bullet { background: #fff; opacity: 1; } 
.news .detail .swiper-pagination-bullet-active { background: #e60013; } 

.news .list{ position: relative; z-index: 1; padding: 0.3rem 0 1.0rem; }
.news .list li{ border-bottom: #f0f0f0 solid 1px; }
.news .list li a{ display: block; height: 2.9rem; position: relative; padding: 0.65rem 2.4rem 0 3.8rem; box-sizing: border-box; }
.news .list li .imgDiv{ position: absolute; left: 0; top: 50%; margin-top: -0.95rem; width: 3.0rem; height: 1.9rem; overflow: hidden; }
.news .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .list li .name{ height: 0.32rem; line-height: 0.32rem; overflow: hidden; font-size: 0.24rem; color: #222; font-weight: bold; }
.news .list li .content{ margin-top: 0.18rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.6rem; color: #666; text-align: justify;}
.news .list li .time{ padding-top: 0.35rem; font-size: 0.16rem; line-height: 0.16rem; color: rgba(0,0,0,0.3); font-family: 'regular';}
.news .list li .ico{ position: absolute; right: 0; top: 50%; margin-top: -17px; width: 47px; height: 33px; border-radius: 24px; border: #bfbfbf solid 2px; box-sizing: border-box; background: url(../images/ico2.png) center no-repeat;}
.news .list li a:hover .name{ color: #e60013; }
.news .list li a:hover .ico{ border: #e60013 solid 2px; background: #e60013 url(../images/ico2on.png) center no-repeat;}
.news .list li a:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.animation{ padding: 0.7rem 0.3rem 1.1rem;  }
.animation .list{ padding-top: 0.6rem; }
.animation .list li{ padding-bottom: 0.3rem; }
.animation .list li a{ display: block; position: relative; }
.animation .list li .imgDiv img{ width: 100%; }
.animation .list li .more{ position: absolute; left: 50%; margin-left: -0.76rem; bottom: 0.5rem; text-transform: uppercase; background: #fff; width: 1.52rem; height: 0.54rem; font-size: 0.16rem; color: #e60012; font-family: 'regular'; border-radius: 0.48rem; z-index: 1; }
.animation .list li .more em{ margin-left: 0.2rem; display: block; width: 8px; height: 14px; background: url(../images/ico1on.png) no-repeat; }
.animation .list li a:hover .more{ background: #e60013; color: #fff; }
.animation .list li a:hover .more em{ background: url(../images/ico1.png) no-repeat;}

.newsBox{ padding: 1.2rem 0; }
.newShow .name{ font-size: 0.36rem; line-height: 0.52rem; color: #e60013; font-weight: bold; padding-bottom: 0.35rem; }
.newShow .time{ overflow: hidden; padding-bottom: 0.5rem;}
.newShow .time li{ float: left; padding-right: 25px; font-size: 14px; position: relative; padding-left: 30px; font-family: bold; color: #ccc; font-family: 'regular'; }
.newShow .time li img{ position: absolute; left: 0; top: 50%; margin-top: -7px; }
.newShow .content{ font-size: 16px; line-height: 30px; }
.newShow .imgDiv{ padding: 50px 0 30px; text-align: center; }
.newShow .content img{ max-width: 10.0rem; }
.newShow .content p{ text-align: center;}

.sideNews .titleDiv .cn{ font-size: 0.3rem; line-height: 0.3rem; color: #393435; font-weight: bold;  padding-bottom: 0.15rem;}
.sideNews .titleDiv .en{ font-size: 14px; color: #bfbfbf; font-family: 'regular'; text-transform: uppercase;}

.sideNews .list{ border-top: #ebebeb solid 1px; margin-top: 0.4rem; }
.sideNews .list li a{ display: block; position: relative; padding-left: 18px; font-size: 0.18rem; color: #666; height: 0.68rem; line-height: 0.68rem; overflow: hidden; border-bottom: #ebebeb solid 1px; text-overflow: ellipsis; white-space: nowrap;text-overflow: ellipsis; white-space: nowrap;}
.sideNews .list li a:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -2px; width: 4px; height: 4px; border-radius: 50%; background: #666; }
.sideNews .list li a:hover{ color: #e60013; }
.sideNews .list li a:hover:before{ background: #e60013; }

.pageDown{ padding-top: 35px; }
.pageDown li{ font-size: 0.16rem; }
.pageDown li a{ display: block; height: 0.46rem; line-height: 0.46rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.pageDown li a:hover{ color: #e60013; }

.sideNews .share{ padding-top: 0.35rem; overflow: hidden;}
.sideNews .share li{ float: left; margin-right: 15px; }
.sideNews .share li a{ display: block; width: 34px; height: 34px; border-radius: 50%; position: relative; background: #fff; border: #ededed solid 1px; }
.sideNews .share li img{ position: absolute; left: 50%; top: 50%; margin-left: -9px; margin-top: -7px; }
.sideNews .share li .img1{ opacity: 0; }
.sideNews .share li a:hover{ background: #e60013; border: #e60013 solid 1px;}
.sideNews .share li a:hover img{ opacity: 0; }
.sideNews .share li a:hover .img1{ opacity: 1; }

.backBtn{ padding-top: 0.5rem; }
.backBtn a{ display: block; height: 50px; line-height: 50px; color: #fff; font-size: 16px; border-radius: 24px; background: #e60013; text-align: center; }
.backBtn img{ margin-left: 10px; position: relative; top: -1px; }

.contactP1{ padding: 0.7rem 0 0.8rem; }
.contactP1 .list{ padding-top: 0.6rem; }
.contactP1 .list ul{ margin-right: -0.5rem; }
.contactP1 .list li{ float: left; width: 33.33%; padding-bottom: 0.6rem; }
.contactP1 .list li .box{ margin-right: 0.5rem; height: 3.3rem; background: #fff; padding: 0.55rem 0.45rem 0; box-sizing: border-box; border-radius: 6px; position: relative; top: 0; overflow: hidden; box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.1); }
.contactP1 .list li .box:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 4px; background: #e60013; }
.contactP1 .list li .cn{ font-size: 0.3rem; line-height: 0.3rem; color: #333; font-weight: bold; }
.contactP1 .list li .en{ padding-top: 0.12rem; height: 0.45rem; font-size: 0.18rem; color: rgba(51,51,51,0.35); position: relative; font-family: 'regular'; }
.contactP1 .list li .en:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 18px; height: 2px; background: #e60012; }
.contactP1 .list li .msg{ font-size: 0.16rem; line-height: 0.36rem; margin-top: 0.3rem; }
.contactP1 .list li .ico{ position: absolute; right: 0.45rem; top: 0.55rem; z-index: 1; }
.contactP1 .list li .box:hover{ top: -0.1rem; }

.contactP2{ padding-top: 0.75rem; height: 8.25rem; background: url(../images/contactP2.jpg) center no-repeat; background-size: cover; box-sizing: border-box; overflow: hidden;}
.contactP2 .wal{ position: relative; height: 100%; }
.contactP2 .leftDiv{ position: absolute; left: 0; bottom: 0; padding: 1.45rem 0 0 0.8rem; width: 7.48rem; height: 6.08rem; background: url(../images/nimg748Bg.png) no-repeat; background-size: cover; box-sizing: border-box;}
.contactP2 .leftDiv:after{ content: ''; position: absolute; left: 1.35rem; top: 0.7rem; width: 4.6rem; height: 1.56rem; background: url(../images/nimg460Bg.png) no-repeat; background-size: 4.6rem; }
.contactP2 .leftDiv .cn{ position: relative; z-index: 1; padding-bottom: 0.12rem; font-weight: bold; font-size: 0.36rem; line-height: 0.36rem; color: #333; }
.contactP2 .leftDiv .en{ position: relative; z-index: 1; font-size: 0.18rem; line-height: 0.18rem; color: rgba(0,0,0,0.3); font-family: 'mont'; text-transform: uppercase;}
.contactP2 .leftDiv .msgList{ position: relative; padding-top: 0.6rem; }
.contactP2 .leftDiv .msgList li{ position: relative; margin-bottom: 0.2rem; padding-left: 52px; font-size: 0.16rem; line-height: 32px; font-family: 'light'; }
.contactP2 .leftDiv .msgList li img{ position: absolute; left: 0; top: 0; }

.contactP2 .rightDiv{ position: relative; width: 7.3rem; margin-top: 0.65rem;}
.contactP2 .rightDiv:after{ content: ''; position: absolute; right: 0; top: -1.4rem; width: 2.4rem; height: 2.76rem; background: url(../images/nimg240Bg2.png) no-repeat; background-size: 2.4rem; }
.contactP2 .rightDiv ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.contactP2 .rightDiv li{ width: 2.4rem; }
.contactP2 .rightDiv li:nth-child(odd){ margin-top: 1.4rem; }
.contactP2 .rightDiv li .limg{ width: 100%; height: 2.76rem; background: url(../images/nimg240Bg.png) no-repeat; background-size: 2.4rem; }
.contactP2 .rightDiv li .limg img{ max-width: 1.6rem; max-height: 0.8rem; }

.contactP3{ padding: 0.75rem 0 3.0rem; position: relative; overflow: hidden; }
.contactP3 .list{ padding-top: 0.8rem; position: relative; z-index: 2; }
.contactP3 .list li{ float: left; width: 16.66%; position: relative; text-align: center; cursor: pointer; }
.contactP3 .list li .limg img{ width: 1.05rem; }
.contactP3 .list li .name{ font-size: 0.24rem; line-height: 0.24rem; color: #262323; padding-top: 0.35rem; }
.contactP3 .list li .layer{ opacity: 0; visibility: hidden; position: absolute; width:2.9rem; left:50%; margin-left:-1.45rem; top: 1.1rem; }
/*.contactP3 .list .li01 .layer{ margin-left: -1.45rem; width: 2.9rem;}*/
.contactP3 .list li .zz{ position: relative; top: 7px; margin: 0 auto; width: 13px; height: 13px; background: #fff; border-color: #fff; border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg); box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.1);  }
.contactP3 .list li .ewm{ padding:0.1rem; background: #fff; border-radius: 6px; box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.1); }
.contactP3 .list li .ewm img{/* width: 1.6rem;*/ height: 1.4rem; }
.contactP3 .list .li01 .ewm img{ width: 2.76rem; height: 1.6rem; }
.contactP3 .list li:hover .limg img{ transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);}
.contactP3 .list li:hover .layer{ opacity: 1; visibility:visible; top: 1.2rem; }
.contactP3 canvas { position: absolute; left: 0; bottom: -4.5rem; z-index: 1; width: 100%; }

.productShow{ padding: 0.75rem 0 1.4rem; overflow: hidden;}
.productShow .pageTxt{ margin-bottom: 0.6rem; }
.productShow .leftDiv{ padding-left: 0.4rem; width: 6.4rem; position: relative; }
.productShow .detail-box .item { display: none; position: relative; border-radius: 12px; overflow: hidden;}
.productShow .detail-box .item.on { display: block; animation: fadeOfOpacity .5s linear;}
/*.productShow .detail-box .imgDiv{ height: 6.4rem; }*/
.productShow .detail-box .imgDiv img{ width: 100%; }
.productShow .detail-box .play{ cursor: pointer; position: absolute; left: 50%; top: 50%; width: 0.98rem; height: 0.98rem; margin-left: -0.49rem; margin-top: -0.49rem; background: url(../images/nimg98_1.png) no-repeat; background-size: 0.98rem; z-index: 1; }
.productShow .detail-box .videoDiv{ display: none; }
.productShow .box-container{ width: 100%; position: relative; margin-top: 0.08rem; }
.productShow .img-swiper .limg{ border-radius: 4px; border: #fff solid 1px; overflow: hidden; cursor: pointer; }
.productShow .img-swiper .swiper-slide img{ width: 100%; }
.productShow .swiper-slide.swiper-slide-active .limg{ border: #e60013 solid 1px; }

.productShow .rightDiv{ padding-right: 0.5rem; width: 6.7rem; }
.productShow .name{ font-size: 0.36rem; line-height: 0.48rem; color: #333; font-weight: bold; }
.productShow .name2{ margin-top: 0.1rem; font-size: 0.14rem; color: rgba(51,51,51,0.2); text-transform: uppercase; font-family: 'regular'; padding-bottom: 0.3rem; position: relative; }
.productShow .name2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 36px; height: 2px; background: #e60013; }
.productShow .list{ padding-top: 0.4rem; }
.productShow .list ul{ margin-right: -0.5rem; }
.productShow .list li{ float: left; width: 50%; }
.productShow .list li:last-child{ width: 100%; }
.productShow .list li .lbox{ margin-right: 0.5rem; border-bottom: #f4f4f4 solid 1px; height: 0.92rem; position: relative; padding-left: 0.68rem; font-family: 'light'; font-size: 0.16rem; line-height: 0.24rem;}
.productShow .list li .lbox b{ color: #000; font-size: 0.18rem; }
.productShow .list li .ico{ position: absolute; left: 0; top: 50%; margin-top: -0.24rem; width: 0.48rem; height: 0.48rem; border-radius: 50%; }
.productShow .list li .ico:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(230,0,19,0.1); border-radius: 50%; }
.productShow .list li .zz{ width: 0.38rem; height: 0.38rem; border-radius: 50%; background: #e60013; position: absolute; left: 50%; top: 50%; margin-left: -0.19rem; margin-top: -0.19rem; }
.productShow .list li .zz img{ position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; }
.productShow .btnDiv{ padding-top: 1.0rem; }
.productShow .btnDiv a{ width: 1.5rem; height: 0.5rem; background: #e60012; color: #fff; font-size: 0.16rem; font-family: 'regular'; border-radius: 0.48rem; text-transform: uppercase;}
.productShow .btnDiv img{ margin-left: 0.2rem; }


.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; display: block; right: 12px; top: 12px; width:24px; height: 24px; background: url(../images/close2.png) no-repeat; background-size: 24px;}
.videoLayer .videoBox{ position: relative; background: #000; overflow: hidden; height: 580px; }
.videoLayer video{ max-width:1100px; max-height:580px; position:absolute; top:50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto;}

.animationP1{ padding: 0.9rem 0 1.4rem; }
.animationP1 .msg{ width: 10.3rem; font-size: 0.18rem; line-height: 0.36rem; text-align: center; margin: 0.35rem auto 0; }
.animationP1 .list{ padding: 0.2rem 0 0.8rem; }
.animationP1 .list ul{ margin-right: -0.75rem; }
.animationP1 .list li{ float: left; width: 33.33%; }
.animationP1 .list li .lbox{ margin-right: 0.75rem; border-bottom: #f4f4f4 solid 1px; height: 0.92rem; position: relative; padding-left: 0.72rem; font-family: 'light'; font-size: 0.2rem; line-height: 0.28rem;}
.animationP1 .list li .lbox b{ color: #000; }
.animationP1 .list li .ico{ position: absolute; left: 0; top: 50%; margin-top: -0.24rem; width: 0.48rem; height: 0.48rem; border-radius: 50%; }
.animationP1 .list li .ico:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(230,0,19,0.1); border-radius: 50%; }
.animationP1 .list li .zz{ width: 0.38rem; height: 0.38rem; border-radius: 50%; background: #e60013; position: absolute; left: 50%; top: 50%; margin-left: -0.19rem; margin-top: -0.19rem; }
.animationP1 .list li .zz img{ position: absolute; left: 50%; top: 50%; margin-left: -12px; margin-top: -12px; }

.animationP1 .videobox{ position:relative; width: 100%; height: 8.0rem; overflow: hidden; border-radius: 0.16rem;}
.animationP1 .videobox .imgDiv{ height: 8.0rem; }
.animationP1 .videobox .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.animationP1 .videobox video{ max-width:15.36rem; max-height:8.0rem; position:absolute; top:50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto; z-index:-1; visibility:hidden;opacity:0;object-fit:cover;}
.animationP1 .videobox.cur{ background:#000;}
.animationP1 .videobox.cur .imgDiv,.animationP1 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.animationP1 .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.animationP1 .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; width: 122px; height: 122px; margin-left: -61px; margin-top: -61px; z-index:1;}
.animationP1 .videobox .playbox img{ width: 122px; }

.animationP2{ padding-top: 0.75rem; height: 10.5rem; background: url(../images/animationP2.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.animationP2 .toptop{ position: relative; height: 2.0rem; }
.animationP2 .arrowDiv{ position: absolute; right: 0; top: 0.9rem; z-index: 1; }
.animationP2 .se{ display: block; float: left; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; border: #cecece solid 2px; box-sizing: border-box; z-index: 5;}
.animationP2 .prev { margin-right: 0.2rem; background: url(../images/nimg7_left.png) no-repeat center;}
.animationP2 .next { background: url(../images/nimg7_right.png) no-repeat center;}
.animationP2 .prev:hover{ border: #e60012 solid 2px; background: #e60012 url(../images/nimg7_lefton.png) no-repeat center;}
.animationP2 .next:hover{ border: #e60012 solid 2px; background: #e60012 url(../images/nimg7_righton.png) no-repeat center;}
.animationP2 .btnDiv{ margin: 0.6rem auto 0; width: 2.6rem; }
.animationP2 .btnDiv a{ width: 100%; height: 0.54rem; background: #e60012; border-radius: 0.48rem; font-size: 0.16rem; color: #fff; }
.animationP2 .btnDiv img{ padding-right: 15px; }
.mediaPic .list{ overflow: hidden; }
.mediaPic .list .box{ cursor: pointer; height: 1.8rem; background: #fff; border-right: #ededed solid 1px; border-bottom: #ededed solid 1px; overflow: hidden; }
.mediaPic .list .box:last-child{ border-bottom: none; }
.mediaPic .list .box img{ max-width: 1.8rem; max-height: 0.9rem; }
.mediaPic .list .box:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.channelP1{ padding: 0.75rem 0 1.2rem; }
.channelP1 .list{ padding-top: 0.55rem; }
.channelP1 .list li{ position:relative; float: left; width: 14.28%; text-align: center;}
.channelP1 .list li .ico img{ width: 1.05rem; }
.channelP1 .list li .name{ padding-top: 0.35rem; font-size: 0.24rem; color: #262323; height: 0.35rem; line-height: 0.24rem; }
.channelP1 .list li .wen{ font-size: 0.16rem; }
.channelP1 .list li .layer{ opacity: 0; visibility: hidden; position: absolute; top: 1.0rem; left: 50%; margin-left: -0.9rem; width: 1.8rem; }
.channelP1 .list li .zz{ position: relative; top: 7px; margin: 0 auto; width: 13px; height: 13px; background: #fff; border-color: #fff; border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg); box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.1);  }
.channelP1 .list li .ewm{ width: 100%; height: 1.8rem; background: #fff; border-radius: 6px; box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.1); }
.channelP1 .list li .ewm img{ width: 1.6rem; height: 1.6rem; }
.channelP1 .list li:hover .limg img{ transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);}
.channelP1 .list li:hover .layer{ opacity: 1; visibility:visible; top: 1.1rem; }

.channelP2{ padding-top: 0.75rem; height: 9.76rem; background: url(../images/aboutP2.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.channelP2 .toptop{ position: relative; height: 1.92rem; }
.channelP2 .btn{ position: absolute; right: 0; top: 0; z-index: 1; }
.channelP2 .btn li{ float: left; margin-left: 0.8rem; cursor: pointer; }
.channelP2 .btn li .ico{ position: relative; width: 0.82rem; height: 0.82rem; border: #fff solid 1px; background: #fff; border-radius: 50%; margin: 0 auto; box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.07);}
.channelP2 .btn li .ico img{ position: absolute; left: 50%; top: 50%; width:34px; margin-left: -17px; margin-top: -17px; }
.channelP2 .btn li .ico .img1{ opacity: 0; }
.channelP2 .btn li .name{ font-size: 0.18rem; line-height: 0.18rem; margin-top: 0.2rem; color: #333; text-align: center;}
.channelP2 .btn li.on .ico{ border: #e60013 solid 1px; }
.channelP2 .btn li.on .ico img{ opacity: 0; }
.channelP2 .btn li.on .ico .img1{ opacity: 1; }
.channelP2 .btn li.on .name{ color: #e60013; }

.channelP2 .imgList{ overflow: hidden; }
.channelP2 .imgList ul{ padding: 0 0.12rem; }
.channelP2 .imgList li{ padding: 0.12rem 0; }
.channelP2 .imgList .box{ cursor: pointer; height: 1.5rem; background: #fff; border: #fff solid 1px; border-radius: 12px; box-shadow: 0px 0px 0.12rem 0px rgba(0, 0, 0, 0.07); overflow: hidden; }
.channelP2 .imgList .box img{ max-width: 1.5rem; max-height: 0.9rem; }
.channelP2 .imgList .box:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.channelP2 .arrowDiv{ position: relative; margin-top: 0.36rem; height: 48px; }
.channelP2 .se{ position: absolute; bottom: 0; width: 48px; height: 48px; border-radius: 50%; overflow: hidden; border: #e5e5e5 solid 2px; box-sizing: border-box; z-index: 2;}
.channelP2 .prev { left: 50%; margin-left: -60px; background: url(../images/nimg7_left.png) no-repeat center;}
.channelP2 .next { right: 50%; margin-right: -60px; background: url(../images/nimg7_right.png) no-repeat center;}
.channelP2 .prev:hover{ border: #e60012 solid 2px; background: #e60012 url(../images/nimg7_lefton.png) no-repeat center;}
.channelP2 .next:hover{ border: #e60012 solid 2px; background: #e60012 url(../images/nimg7_righton.png) no-repeat center;}

.channelP3{ padding-top: 0.9rem; }
.channelP3 .msg{ text-align: center; font-size: 0.24rem; line-height: 0.24rem; padding: 0.4rem 0 0.6rem; }
.channelP3 .imgDiv img{ width: 100%; }

.channelP4{ padding: 0.75rem 0 1.4rem; background: url(../images/channelP4.jpg) center no-repeat; background-size: cover; }
.channelP4 .list{ padding-top: 0.6rem; }
.channelP4 .list ul{ margin-right: -0.6rem; }
.channelP4 .list li{ float: left; width: 50%; }
.channelP4 .list li .box{ margin-right: 0.6rem; height: 3.4rem; background: #fff; padding: 0.75rem 0.65rem 0; box-sizing: border-box; border-radius: 6px; position: relative; overflow: hidden; box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.1); }
.channelP4 .list li .box:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 4px; background: #e60013; }
.channelP4 .list li .cn{ font-size: 0.3rem; line-height: 0.3rem; color: #333; font-weight: bold; }
.channelP4 .list li .en{ padding-top: 0.12rem; height: 0.45rem; font-size: 0.18rem; color: rgba(51,51,51,0.35); position: relative; font-family: 'regular'; }
.channelP4 .list li .en:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 18px; height: 2px; background: #e60012; }
.channelP4 .list li .msg{ font-size: 0.16rem; line-height: 0.36rem; margin-top: 0.3rem; }
.channelP4 .list li .ico{ position: absolute; right: 0.65rem; top: 0.75rem; z-index: 1; }
.channelP4 .list li .ico img{ width: 0.78rem; }

.productType{ padding: 0.8rem 0 1.4rem; }
.productType .links{ position: relative; padding-top: 0.6rem; text-align: center; }
.productType .links:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ececec; }
.productType .links ul{ font-size: 0; }
.productType .links li{ display: inline-block; margin: 0 0.7rem; position: relative; z-index: 1;}
.productType .links li a{ display: block; padding-bottom: 0.25rem; }
.productType .links li a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #e60013; }
.productType .links li .ico{ width: 62px; height: 62px; border: #e5e5e5 solid 1px; border-radius: 50%; position: relative; }
.productType .links li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -18px; margin-top: -18px; }
.productType .links li .ico .img1{ opacity: 0; }
.productType .links li .name{ margin-top: 0.15rem; font-size: 0.18rem; line-height: 0.18rem; color: #1c1d25; font-family: 'regular'; }
.productType .links li .aNow:after{ width: 100%; }
.productType .links li .aNow .ico{ border: #e60013 solid 1px; background: #e60013; }
.productType .links li .aNow .ico img{ opacity: 0; }
.productType .links li .aNow .ico .img1{ opacity: 1; }
.productType .links li .aNow .name, .productType .links li a:hover .name{ color: #e60013; }

.logoPic{ margin: 0.5rem 0 0.7rem; position: relative; }
.logoPic .swiper-container{ padding: 0.12rem 0; }
.logoPic .swiper-container .box{ padding: 0 0.12rem;}
.logoPic .swiper-container .box a{ cursor: pointer; height: 1.25rem; background: #fff; border: #fff solid 1px; border-radius: 12px; box-shadow: 0px 0px 0.12rem 0px rgba(0, 0, 0, 0.07); overflow: hidden; }
.logoPic .swiper-container .box img{ max-width: 1.5rem; max-height: 0.9rem; }
.logoPic .swiper-container .box:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.logoPic .se{ position: absolute; top: 50%; margin-top: -15px; width: 16px; height: 30px; z-index: 5;}
.logoPic .prev { left: 50%; margin-left: -8.08rem; background: url(../images/nimg16_left.png) no-repeat center;}
.logoPic .next { right: 50%; margin-right: -8.08rem; background: url(../images/nimg16_right.png) no-repeat center;}
.logoPic .prev:hover{ background: url(../images/nimg16_lefton.png) no-repeat center;}
.logoPic .next:hover{ background: url(../images/nimg16_righton.png) no-repeat center;}

.productType .lie{ padding-top: 0.4rem; }
.productType .lie li{ float: left; width: 25%; padding-bottom: 0.5rem;}
.productType .lie li a{ margin: 0 auto; display: block; font-size: 0.22rem; color: #222; text-align: center; width: 2.4rem; height: 0.6rem; line-height: 0.58rem; box-sizing: border-box; border: #e5e5e5 solid 1px; border-radius: 0.48rem; overflow: hidden; }
.productType .lie li .aNow{ background: #e60013; border: #e60013 solid 1px; color: #fff!important; }
.productType .lie li a:hover{ color: #e60013; }
.productType .imgList{ padding-top: 0.4rem; }
.productType .imgList li{ margin-bottom: 0.3rem; overflow: hidden;}
.productType .imgList li:last-child{ margin-bottom: 0; }
.productType .imgList li img{ width: 100%; }
.productType .imgList li:hover img{ transform:scale(1.05);-webkit-transform:scale(1.05);}