/*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{ height:calc(100vh - 100px); }
.ind-banner .swiper-slide .img img{ width: 100%; height: 100%; object-fit: cover;}
.ind-banner .onebox{ position: absolute; left: 50%; margin-left: -7.68rem; z-index: 1; top: 50%; transform: translateY(-50%); }
.ind-banner .onebox .en{ font-size: 0.4rem; line-height: 0.4rem; color: #fff; padding-bottom: 0.2rem; opacity: 0.7; font-family: mont; text-transform: uppercase; }
.ind-banner .onebox .cn{ position: relative; font-size: 0.6rem; line-height: 0.72rem; color: #f5f5f5; width: 6.6rem; padding-bottom: 0.5rem;}
.ind-banner .onebox .cn:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 52px; height: 2px; background: #f5f5f5; }
.ind-banner .twobox{ position: absolute; left: 0; width: 100%; text-align: center; z-index: 1; color: #fff; top: 50%; transform: translateY(-50%); }
.ind-banner .twobox .txt1{ font-size: 0.6rem; line-height: 0.86rem; font-weight: bold; }
.ind-banner .twobox .txt2{ font-size: 0.44rem; line-height: 0.64rem; }
.ind-banner .more{ margin-top: 0.65rem; position: relative; width: 1.78rem; height: 0.58rem; line-height: 0.58rem; border: #fff solid 1px; color: #fff; font-size: 14px; border-radius: 0.48rem; }
.ind-banner .more img{ padding-left: 10px;}
.ind-banner .more:hover{ border: #e60012 solid 1px; background: #e60012; }

.ind-banner .swiper-pagination{ width: 100%; bottom: 45px; } 
.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 10px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #e60012;} 


/*banner结束*/

.indexTxt{ font-size: 0.48rem; line-height: 0.48rem; text-align: center; color: #000; font-family: medium; }
.indexTxt2{ text-align: left; justify-content: flex-start; -webkit-justify-content: flex-start; }
.indexTxt img{ padding: 0 0.12rem; }

.indexP1{ padding: 1.2rem 0; position: relative;}
.indexP1:after{ content: ''; position: absolute; right: 0; top: 0.5rem; width: 4.48rem; height: 4.38rem; background: url(../images/nimg448Bg.png) no-repeat; background-size: 4.48rem; }
.indexP1 .numList{ padding-top: 1.3rem; position: relative; z-index: 1; }
.indexP1 .numList li{ float: left; width: 20%; text-align: center;}
.indexP1 .numList li .ico{ height: 1.0rem; }
.indexP1 .numList li .txt{ font-size: 0.24rem; line-height: 0.24rem; color: #000; height: 0.5rem; font-family: medium; }
.indexP1 .numList li .num{ font-family: mont; font-size: 0.48rem; line-height: 0.48rem; color: #f12535; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; align-items: flex-end; -webkit-align-items: flex-end;}
.indexP1 .numList li .num span{ font-size: 0.36rem; line-height: 0.48rem; }
.indexP1 .numList li .num img{ position: relative; top: -0.25rem; padding-left: 15px; }

.indexP2{ position: relative; }
.indexP2 .detail-box{ position: relative; }
.indexP2 .detail-box .item {
  display: none;
  position: relative;
}
.indexP2 .detail-box .item.on {
  display: block;
  animation: fadeOfOpacity .5s linear;
}
.indexP2 .detail-box .item:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: calc(100% - 1.6rem); background: url(../images/bg1.png) left top repeat-y; z-index: 0;}
.indexP2 .detail-box .item .bg img{ width: 100%; }
.indexP2 .detail-box .item .layer{ position: absolute; left: 50%; margin-left: -7.68rem; color: #fff; z-index: 1; top: 2.25rem; width: 4.5rem; -webkit-animation-name: slideIndUp;
    animation-name: slideIndUp;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s; }
.indexP2 .detail-box .item .txt{ font-size: 0.24rem; line-height: 0.24rem; padding-bottom: 0.2rem;}
.indexP2 .detail-box .item .name{ font-family: medium; font-size: 0.48rem; line-height: 0.48rem; padding-bottom: 0.15rem; }
.indexP2 .detail-box .item .content{ font-size: 0.16rem; line-height: 0.24rem; height: 0.72rem; overflow: hidden; }
.indexP2 .detail-box .item .more{ margin-top: 0.24rem; }
.indexP2 .detail-box .item .more a{ display: block; position: relative; overflow: hidden; font-size: 0.16rem; width: 1.24rem; height: 0.44rem; line-height: 0.44rem; text-align: center; border-radius: 0.36rem; border: #fff solid 1px; color: #fff; }
.indexP2 .detail-box .item .more a:before{ content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #e60012;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s; }
.indexP2 .detail-box .item .more a:hover{ border:#e60012 solid 1px;}
.indexP2 .detail-box .item .more a:hover:before{opacity: 1;
	background-color: #e60012;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}

.indexP2 .box-container{ position: absolute; left: 0; bottom: 0; width: 100%; padding-top: 0.3rem; height: 1.6rem; box-sizing: border-box; background: rgba(255,255,255,0.5); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); z-index: 2;}
.indexP2 .box-container:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.5); z-index: 1; }
.indexP2 .temeDiv{ position: relative; width: 6.24rem; margin: 0 auto; }
.indexP2 .year-swiper{ width: 4.6rem; margin: 0 auto; }
.indexP2 .round{ position: relative; width: 1.0rem; height: 1.0rem; background: #fff; border-radius: 50%; margin: 0 auto; cursor: pointer; }
.indexP2 .round:after{ content: ''; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: #e60012 solid 2px; box-sizing: border-box; border-radius: 50%; }
.indexP2 .round img{ max-width: 0.9rem; max-height: 0.5rem; }
.indexP2 .swiper-slide-active .round:after{ opacity: 1;}
.indexP2 .se{ display: block; position: absolute; top: 50%; margin-top: -0.3rem; width: 0.6rem; height: 0.6rem; border-radius: 50%; z-index: 1; }
.indexP2 .prev{ left: 0; background: #fff url(../images/nimg17_left.png) center no-repeat; }
.indexP2 .next{ right: 0; background: #fff url(../images/nimg17_right.png) center no-repeat; }
.indexP2 .prev:hover{ background: #e60012 url(../images/nimg17_lefton.png) center no-repeat;}
.indexP2 .next:hover{ background: #e60012 url(../images/nimg17_righton.png) center no-repeat;}

.indexP3{ position: relative; padding: 1.1rem 0 0.9rem; background: #f7f7f7; overflow: hidden; }
.indexP3:before{ content: ''; position: absolute; left: 0; bottom: 0.5rem; width: 4.48rem; height: 4.38rem; background: url(../images/nimg448Bg.png) no-repeat; background-size: 4.48rem; }
.indexP3 .leftDiv{ width: 3.8rem; position: absolute; left: 50%; margin-left: -7.68rem; top: 1.1rem; z-index: 1; }
.indexP3 .leftDiv .btn{ margin-top: 0.6rem; height: 3.7rem;}
.indexP3 .leftDiv .btn li{ position: relative; margin-bottom: 0.24rem; font-size: 0.18rem; line-height: 0.18rem; cursor: pointer; }
.indexP3 .leftDiv .btn li:before{ content: ''; position: absolute; left: 0; top: 0; overflow: hidden; width: 0; height: 18px; background: url(../images/nimg48_1.png) no-repeat; background-size: 18px; }
.indexP3 .leftDiv .btn li .ss{ position: relative; height: 0.24rem; color: #000; display: inline-block; }
.indexP3 .leftDiv .btn li .ss:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #f12535; }
.indexP3 .leftDiv .btn li.on:before{ width: 18px; }
.indexP3 .leftDiv .btn li.on .ss{ color: #f12535; padding-left: 24px; }
.indexP3 .leftDiv .btn li.on .ss:after{ width: 100%; }

.indexP3 .rightDiv{ padding-left: 3.8rem; width: 11.56rem; position: relative;}
.indexP3 .imgList { width: 15.2rem; overflow: hidden; position: relative; }
.indexP3 .imgList .box{ margin-right: 0.6rem; }
.indexP3 .imgList .imgDiv{ position: relative; overflow: hidden; }
.indexP3 .imgList .imgDiv img{ width: 100%; }
.indexP3 .imgList .name{ margin-top: 0.25rem; height: 0.42rem; line-height: 0.42rem; overflow: hidden; font-size: 0.24rem; color: #000; font-family: medium;}
.indexP3 .imgList .content{ color: #999; font-size: 0.16rem; height: 0.24rem; line-height: 0.24rem; overflow: hidden; }
.indexP3 .imgList .box:hover .imgDiv img{opacity: 0.7;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);}

.indexP3 .arrowDiv{ position: absolute; left: 0; top: 4.8rem; }
.indexP3 .arrowDiv .se { float: left; display: block; width: 0.6rem; height: 0.6rem; border: #eee solid 2px; border-radius: 50%; box-sizing: border-box;}
.indexP3 .arrowDiv .prev { background: #fff url(../images/nimg17_left2.png) center no-repeat; }
.indexP3 .arrowDiv .next { background: #fff url(../images/nimg17_right2.png) center no-repeat; margin-left: 0.2rem; }
.indexP3 .arrowDiv .prev:hover { border: #e60012 solid 2px; background: #e60012 url(../images/nimg17_lefton.png) center no-repeat; }
.indexP3 .arrowDiv .next:hover { border: #e60012 solid 2px; background: #e60012 url(../images/nimg17_righton.png) center no-repeat; }

.indexP4{ padding: 1.25rem 0 0.4rem; position: relative; overflow:hidden;}
.indexP4:after{ content: ''; position: absolute; left: 50%; margin-left: -5.8rem; bottom: 0; width: 4.48rem; height: 4.38rem; background: url(../images/nimg448Bg.png) no-repeat; background-size: 4.48rem; }
.indexP4 .toptop{ position: relative; height: 1.1rem;}
.indexP4 .btn{ position: absolute; right: 50%; margin-right: -7.68rem; top: 0; z-index: 1; }
.indexP4 .btn li{ float: left; cursor: pointer; margin-left: 0.56rem; height: 0.4rem; position: relative; font-size: 0.18rem; line-height: 0.18rem; color: #333; }
.indexP4 .btn li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #e60012; }
.indexP4 .btn li.on{ font-weight: bold; }
.indexP4 .btn li.on:after{ width: 100%; left: 0; }
.indexP4 .list{ position: relative; padding-bottom: 0.6rem; }
.indexP4 .imgList{ overflow: hidden; width: 20.6rem; }
.indexP4 .imgList .box{ margin-left: 0.4rem;}
.indexP4 .imgList .imgDiv{ position: relative; height:4.82rem; overflow:hidden; }
.indexP4 .imgList .imgDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 170px; background: url(../images/bg3.png) repeat-x; }
.indexP4 .imgList .imgDiv img{ width: 100%; height:100%; object-fit:cover; }
.indexP4 .imgList .name{ height: 0.9rem; line-height: 0.9rem; font-size: 0.3rem; color: #333; }
.indexP4 .imgList .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.indexP4 .arrowDiv{ position: absolute; right: 50%; margin-right: -7.68rem; bottom: 0;}
.indexP4 .arrowDiv .se { float: left; display: block; width: 0.6rem; height: 0.6rem; border: #eee solid 2px; border-radius: 50%; box-sizing: border-box;}
.indexP4 .arrowDiv .prev { background: #fff url(../images/nimg17_left2.png) center no-repeat; }
.indexP4 .arrowDiv .next { background: #fff url(../images/nimg17_right2.png) center no-repeat; margin-left: 0.2rem; }
.indexP4 .arrowDiv .prev:hover { border: #e60012 solid 2px; background: #e60012 url(../images/nimg17_lefton.png) center no-repeat; }
.indexP4 .arrowDiv .next:hover { border: #e60012 solid 2px; background: #e60012 url(../images/nimg17_righton.png) center no-repeat; }


.indexP5{ padding: 1.0rem 0 1.2rem; position: relative; }
.indexP5:after{ content: ''; position: absolute; right: 0; top: 0.68rem; width: 2.77rem; height: 3.19rem; background: url(../images/nimg277Bg.png) no-repeat; background-size: 2.77rem; }
.indexP5 .list{ padding-top: 0.6rem; position: relative; z-index: 2; }
.indexP5 .list ul{ display: block; margin-right: -0.5rem; width: auto; }
.indexP5 .list li{ float: left; width: 33.33%; }
.indexP5 .list li .box{ margin-right: 0.5rem; position: relative; }
.indexP5 .list li .box:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 250px; background: url(../images/bg2.png) repeat-x; }
.indexP5 .list li .imgDiv{ height: 5.8rem; overflow: hidden; }
.indexP5 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP5 .list li .botLayer{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 0.3rem; bottom: 0.3rem; color: #fff; box-sizing: border-box; z-index: 1; }
.indexP5 .list li .name{ font-size: 0.3rem; height: 0.5rem; line-height: 0.5rem; font-family: medium; overflow: hidden; }
.indexP5 .list li .msg{ font-size: 0.16rem; height: 0.36rem; line-height: 0.36rem; overflow: hidden; }
.indexP5 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexP5 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.indexP5 .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; border: #cecece solid 1px; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.indexP5 .swiper-pagination-bullet-active { border: #e60012 solid 1px; background: #e60012;}

.news{ padding: 0.7rem 0 1.3rem; position: relative; }
.news .toptop{ position: relative; height: 1.8rem; z-index: 2; }
.news .selectGroup{ position: absolute; right: 0; top: 0; z-index: 1; }
.news .selectGroup .box{ float: left; position: relative; height: 0.62rem; margin-left: 10px;}
.news .selectGroup .select dt{ box-sizing: border-box; border: #e6e6e6 solid 1px; height: 0.48rem; line-height: 0.48rem; display: inline-block; width: 2.46rem; background: url(../images/selectIco.png) no-repeat right center; cursor: pointer; overflow: hidden; position: relative; z-index: 5;}
.news .selectGroup .select dt a{ text-align: left; font-size: 16px; color: #333; position: relative; padding-left: 0.15rem; display: block; overflow: hidden;} 
.news .selectGroup .select dd{ position: absolute; left: 0; top: 0.49rem; z-index: 10; width: 100%; background: #fff; height: 2.25rem; overflow: auto; box-sizing: border-box; border: #e6e6e6 solid 1px;} 
.news .selectGroup .select dd::-webkit-scrollbar { width: 4px;}
.news .selectGroup .select dd::-webkit-scrollbar-track { background-color: #fff;}
.news .selectGroup .select dd::-webkit-scrollbar-thumb { background-color: #e60012;}
.news .selectGroup .select dd ul { list-style: none; overflow: auto; background: #fff;} 
.news .selectGroup .select dd li{ position: relative; padding: 0 0.35rem; line-height: 0.45rem; height: 0.45rem; cursor: pointer; color: #333; font-size: 14px; }
.news .selectGroup .select dd li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e6e6e6; }
.news .selectGroup .select dd li:last-child:after{ display: none; }
.news .selectGroup .select dd li:hover{ color: #e60012; }
.news .selectGroup .form{ width: 3rem; box-sizing: border-box; position: relative;/* height: 0.48rem;*/ overflow: hidden;}
.news .selectGroup .form .input1{ height: 0.48rem; box-sizing: border-box; line-height: 0.48rem; border: #e6e6e6 solid 1px; background: #fff; width: 100%; font-size: 0.16rem; padding-left: 0.2rem; font-family: light; }
.news .selectGroup .btnDiv{ position: absolute; right: 0; top: 0; z-index: 1; }
.news .selectGroup .btnDiv a{ display: block; width: 0.48rem; height: 0.48rem; background: url(../images/nimg18_1.png) center no-repeat; }

.news .detail a{ display: block; height: 5.0rem; position: relative; padding: 0.65rem 0.9rem 0 9.2rem; box-sizing: border-box; background: #f6f6f6; }
.news .detail .imgDiv{ position: absolute; left: 0; top: 0; width: 8.5rem; height:5.0rem; overflow: hidden; }
.news .detail .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .detail .time{ font-family: mont; font-size: 0.18rem; line-height: 0.18rem; color: #c9c9c9; display: flex; display: -webkit-flex; align-items: flex-end; -webkit-align-items: flex-end;}
.news .detail .time em{ color: #e60012; font-size: 0.6rem; display: inline-block; line-height: 0.5rem; }
.news .detail .time span{ display: inline-block; padding-left: 25px; padding-top: 0.26rem; height: 0.18rem; background: url(../images/line1.png) left bottom no-repeat; }
.news .detail .name{ margin-top: 0.3rem; line-height: 0.36rem; height: 0.72rem; font-size: 0.3rem; color: #333; overflow: hidden; }
.news .detail .content{ margin-top: 0.35rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.9rem; color: #666; overflow: hidden; }
.news .detail .more{ margin-top: 0.4rem; text-transform: uppercase; position: relative; width: 1.5rem; height: 0.5rem; line-height: 0.5rem; border-radius: 0.48rem; background: #e60012; font-size: 14px; color: #fff; font-family: bold; }
.news .detail .more img{ padding-left: 22px; }
.news .detail a:hover .name{ color: #e60012; }
.news .detail a:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.news .list{ padding: 0.8rem 0 0.3rem; }
.news .list ul{ margin-right: -0.6rem; }
.news .list li{ float: left; width: 33.33%; padding-bottom: 0.9rem; }
.news .list li .box{ margin-right: 0.5rem; overflow: hidden;}
.news .list li .imgDiv{ height: 2.75rem; overflow: hidden; }
.news .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .list li .botDiv{ position: relative; height: 2.75rem; padding: 0.55rem 0.35rem 0; box-sizing: border-box; text-align: center; background: #f7f7f7;}
.news .list li .name{ position: relative; z-index: 1; font-weight: bold; font-size: 0.22rem; line-height: 0.3rem; height: 0.6rem; overflow: hidden; color: #333; }
.news .list li .time{ position: relative; z-index: 1; margin-top: 0.5rem; font-size: 0.16rem; line-height: 0.16rem; color: #f22f35; font-family: mont; }
.news .list li .bg{ position: absolute; z-index: 0; right: -2.39rem; top: 0.2rem; width: 2.39rem; height: 2.35rem; background: url(../images/nimg239Bg.png) center no-repeat; background-size: 2.39rem;}
.news .list li .box:hover .botDiv{ background: #f22f35; }
.news .list li .box:hover .name, .news .list li .box:hover .time{ color: #fff; }
.news .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.news .list li .box:hover .bg{ right: 0; }

.isect1bg{ right: 0; top: 0;}
.isect2bg{ right: 0; top: 1.75rem;}
.isect3bg{ left: 0; top: 2.0rem;}

.isect1bg,
.isect2bg,
.isect3bg{ position:absolute; width: 3.19rem; height: 3.13rem; background:url(../images/nimg319Bg.png) no-repeat; background-size: 3.19rem; z-index:5; -webkit-transition:all .4s ease-out;
    transition:all .4s ease-out;}


.newShow{ padding:0.5rem 0 0.65rem; background:#f7f7f7; overflow:hidden;}
.newShow .name{ width:10.5rem; padding-bottom:0.45rem; font-size:0.48rem; line-height:0.72rem; color:#333; font-family:medium; font-weight:bold;}
.newShow .contentBox{ position:relative;}
.newShow .contentBox:before{ content:''; position:absolute; left:50%; margin-left:-7.68rem; top:0; width:500%; height:4px; background:#e60012; z-index:2;}
.newShow .contentBox:after{ content:''; position:absolute; right:0; top:0; width:40%; height:100%; background:#fff;}
.newShow .contentBox .bg{ position: absolute; right: 0; top: 0.7rem; width: 3.19rem; height: 3.13rem; background: url(../images/nimg319Bg.png) no-repeat; background-size: 3.19rem; z-index: 2; }
.newShow .mxfDiv{ background:#fff; padding-top:0.9rem; padding-right: 2.68rem; position:relative; z-index:1;}
.newShow .content{ padding: 0 1.6rem 1.3rem 1.4rem; font-size:0.18rem; color:#333; line-height:0.36rem; text-align:justify;}
.newShow .imgDiv{ text-align:center; padding: 0.35rem 0;}
.newShow .content img{ max-width:8.5rem;}
.newShow .content p{ text-align: center; }
.newShow .content .txt{ padding: 0.3rem 0; font-size: 0.3rem; line-height: 0.42rem; font-family: medium; }

.pageDown{ padding: 0 1.6rem 1.2rem 1.4rem; }
.pageDown li a{ display: block; height: 0.72rem; line-height: 0.72rem; overflow: hidden; font-size: 0.3rem; color: #333; }
.pageDown li em{ font-family: medium; }
.pageDown li a:hover{ color: #e60012; }

.sideNews{ position: absolute; right: 0; width: 2.68rem; top: 0; height: 100%; box-sizing: border-box; padding: 4.86rem 0 0 0.8rem; }
.sideNews:after{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #ccc; }
.sideNews .wen{ font-size: 14px; line-height: 14px; color: #333; padding-bottom: 0.1rem; }
.sideNews .time{ color: #e60012; font-size: 0.18rem; line-height: 0.18rem; padding-bottom: 0.4rem; font-family: mont; }
.sideNews .share{ width: 2.4rem; }
.sideNews .share li{ float: left; position: relative; height: 23px; margin-right: 0.18rem; margin-bottom: 0.2rem;}
.sideNews .share li .img1{ position: absolute; left: 0; top: 0; opacity: 0; }
.sideNews .share li:hover img{ opacity: 0; }
.sideNews .share li:hover .img1{ opacity: 1; }
.sideNews.on{ position:fixed; top: 0; right: 50%; margin-right: -7.68rem;}
.newShow .contentBox .bg.on{ position: fixed; right: 0; top: 100px;}

.product{ padding: 0.7rem 0 1.6rem; position: relative; }
.product .toptop{ height: 1.6rem; }
.product .list{ padding-bottom: 0.4rem; }
.product .list ul{ margin-right: -0.48rem; }
.product .list li{ float: left; width: 33.33%; padding-bottom: 0.8rem;}
.product .list li .box{ margin-right: 0.48rem; }
.product .list li .imgDiv{ height: 6.4rem; overflow: hidden; }
.product .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.product .list li .name{ margin-top: 0.35rem; height: 0.46rem; line-height: 0.46rem; overflow: hidden; font-family: medium; font-size: 0.3rem; color: #333; text-transform: uppercase; }
.product .list li .more{ margin-top: 0.15rem; position: relative; width: 1.48rem; height: 0.48rem; line-height: 0.48rem; border: #999 solid 1px; border-radius: 0.48rem; font-size: 0.18rem; text-indent: 0.28rem; color: #999999; }
.product .list li .more:after{ content: ''; position: absolute; opacity: 0; right: 0.15rem; top: 50%; margin-top: -6px; width: 14px; height: 12px; background: url(../images/nimg14_1.png) no-repeat;}
.product .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.product .list li .box:hover .more{ border: #e60012 solid 1px; background: #e60012; color: #fff; }
.product .list li .box:hover .more:after{ opacity: 1; right: 0.25rem; }

.property{ padding: 0.75rem 0 1.4rem; position: relative; border-top: #f1f1f1 solid 1px; overflow: hidden; }
.property .txt{ text-align: center; padding: 0.5rem 0 0.15rem; font-size: 0.45rem; line-height: 0.45rem; font-family: medium; color: #333; }
.property .wen{ text-align: center; font-size: 0.45rem; line-height: 0.45rem; color: #333;}
.property .msg{ padding-top: 0.3rem; line-height: 0.36rem; text-align: center; color: #333; font-size: 0.18rem; }
.property .list{ padding: 0.7rem 0 0.3rem; }
.property .list ul{ margin-right: -0.16rem; }
.property .list li{ float: left; width: 50%; padding-bottom: 1.05rem; }
.property .list li:nth-child(3n-2){ width: 100%; }
.property .list li .box{ margin-right: 0.16rem;}
.property .list li .imgDiv{ height: 7.36rem; overflow: hidden; }
.property .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.property .list li .name{ margin-top: 0.25rem; font-size: 0.3rem; font-family: medium; }
.property .list li .name a{ color: #333; display: block; height: 0.48rem; line-height: 0.48rem; }
.property .list li .zi{ font-size: 0.24rem; color: #333; line-height: 0.3rem; height: 0.6rem; overflow: hidden;}
.property .list li .more{ width: 1.5rem; margin-top: 0.24rem; }
.property .list li .more a{ position: relative; display: block; width: 100%; height: 0.5rem; line-height: 0.5rem; background: #e60012; border-radius: 0.48rem; font-size: 0.18rem; color: #fff; text-indent: 0.28rem; }
.property .list li .more a:after{ content: ''; position: absolute; right: 0.25rem; top: 50%; margin-top: -6px; width: 14px; height: 12px; background: url(../images/nimg14_1.png) no-repeat;}
.property .list li:nth-child(3n-2) .name{ text-align: center; }
.property .list li:nth-child(3n-2) .zi{ width: 4.0rem; margin: 0 auto; text-align: center; }
.property .list li:nth-child(3n-2) .more{ margin: 0.24rem auto 0; }
.property .list li .box:hover .name a{ color: #e60012; }
.property .list li .box:hover .more a:after{ transform:translateX(5px);-webkit-transform:translateX(5px);-moz-transform:translateX(5px) }

.linkage{ padding: 0.75rem 0 1.4rem; position: relative; border-top: #f1f1f1 solid 1px; overflow: hidden; }
.linkage .txt{ text-align: center; padding: 0.5rem 0 0.15rem; font-size: 0.45rem; line-height: 0.45rem; font-family: medium; color: #333; }
.linkage .wen{ text-align: center; font-size: 0.45rem; line-height: 0.45rem; color: #333;}
.linkage .msg{ padding-top: 0.3rem; line-height: 0.36rem; width: 7.78rem; margin: 0 auto; text-align: center; color: #333; font-size: 0.18rem; }
.linkage .list{ padding-top: 0.7rem; }
.linkage .list li{ margin-bottom: 1.0rem; padding-bottom: 1.4rem; position: relative; }
.linkage .list li .imgDiv{ width: 13.44rem; height: 6.44rem;}
.linkage .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.linkage .list li .conDiv{ position: absolute; right: 0; bottom: 0; width: 4.5rem; height: 4.5rem; padding: 0.3rem 0.3rem 0; box-sizing: border-box; background: #fff; box-shadow: 12px 2px 20px 0px rgba(0, 0, 0, 0.1); z-index: 1; }
.linkage .list li .conDiv:before{content:""; z-index: 1; position: absolute;left:0;top:0;border-top:2px solid #e60012;border-left:2px solid #e60012;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
.linkage .list li .conDiv:after{content:""; z-index: 1; position: absolute;right:0;bottom:0;border-right:2px solid #e60012;border-bottom:2px solid #e60012;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}

.linkage .list li .limg{ height: 1.1rem; }
.linkage .list li .limg img{ max-width: 2.2rem; max-height: 1.1rem; }
.linkage .list li .name{ margin-top: 0.15rem; height: 0.4rem; line-height: 0.4rem; font-size: 0.3rem; text-align: center; color: #333; font-family: medium; position: relative; z-index: 2; }
.linkage .list li .zi{ text-align: center; font-size: 0.24rem; line-height: 0.3rem; height: 0.6rem; color: #333; overflow: hidden; margin-top: 0.1rem; position: relative; z-index: 2; }
.linkage .list li .more{ width: 1.5rem; margin: 0.45rem auto 0; position: relative; z-index: 2;}
.linkage .list li .more a{ position: relative; display: block; width: 100%; height: 0.5rem; line-height: 0.5rem; background: #e60012; border-radius: 0.48rem; font-size: 0.18rem; color: #fff; text-indent: 0.28rem; }
.linkage .list li .more a:after{ content: ''; position: absolute; right: 0.25rem; top: 50%; margin-top: -6px; width: 14px; height: 12px; background: url(../images/nimg14_1.png) no-repeat;}
.linkage .list li:nth-child(even) .imgDiv{ float: right; }
.linkage .list li:nth-child(even) .conDiv{ left: 0; right: auto; }
.linkage .list li .conDiv:hover:before{width:100%;height:100%;visibility: visible;}
.linkage .list li .conDiv:hover:after{width:100%;height:100%;visibility: visible;}

.ESG{ padding: 1.4rem 0 1.2rem; position: relative;}
.ESG .mxfDiv{ margin-top: 0.5rem; height: 6.3rem; background: url(../images/ESGBg.jpg) center no-repeat; background-size: cover; padding: 1.0rem 1.0rem 0 1.25rem; box-sizing: border-box; }
.ESG .conDiv{ width: 5.5rem; }
.ESG .mxfDiv .title{ padding-top: 0.15rem; font-size: 0.36rem; line-height: 0.36rem; color: #000; font-family: medium; }
.ESG .mxfDiv .content{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; padding-top: 0.2rem; }
.ESG .mxfDiv .btnLie{ padding-top: 1.1rem; }
.ESG .mxfDiv .btnLie li{ float: left; margin-right: 0.1rem; font-size: 0.16rem;}
.ESG .mxfDiv .btnLie li:last-child{ margin-right: 0; }
.ESG .mxfDiv .btnLie li a{ display: block; position: relative; width: 1.84rem; height: 0.48rem; overflow:hidden; color: #e02534; line-height: 0.48rem; border-radius: 0.48rem; border: #e60012 solid 2px; text-indent: 0.5rem; text-overflow: ellipsis; white-space: nowrap;}
.ESG .mxfDiv .btnLie li:nth-child(3) a{ width:1.14rem;}
.ESG .mxfDiv .btnLie li a:before{ content: ''; position: absolute; left: 0.16rem; top: 50%; margin-top: -9px; width: 22px; height: 18px; background: url(../images/nimg22_1.png) no-repeat; }
.ESG .mxfDiv .btnLie li a:hover{ background: #e60012; color: #fff; }
.ESG .mxfDiv .btnLie li a:hover:before{ background: url(../images/nimg22_1on.png) no-repeat; }
.ESG .mxfDiv .lie{ width: 6.7rem; }
.ESG .mxfDiv .lie li{ float: left; margin-left: 0.6rem; width:2.86rem;}
.ESG .mxfDiv .lie li:first-child{ margin-left: 0; }
.ESG .mxfDiv .lie li .imgDiv{ width: 2.86rem; box-shadow: -1px 1px 30px 0px rgba(0, 0, 0, 0.1);}
.ESG .mxfDiv .lie li .imgDiv img{ width: 100%; }
.ESG .mxfDiv .lie li .name{ padding-top:0.2rem; line-height: 0.28rem; text-align: center; font-size: 0.18rem; }

.ESG .hideLie{ display:none; padding-top:0.7rem;}
.ESG .hideLie li{ float:left; width:33.33%;}
.ESG .hideLie li .lbox{ width: 2.86rem; margin:0 auto;}
.ESG .hideLie li .imgDiv{ box-shadow: -1px 1px 30px 0px rgba(0, 0, 0, 0.1);}
.ESG .hideLie li .imgDiv img{ width: 100%; }
.ESG .hideLie li .name{ padding-top:0.2rem; line-height: 0.28rem; text-align: center; font-size: 0.18rem; }

.ESG .list{ padding-top: 1.2rem; }
.ESG .list li{ padding-bottom: 1.0rem; }
.ESG .list li:last-child{ padding-bottom: 0; }
.ESG .list li .imgDiv{ width: 50%; }
.ESG .list li .imgDiv img{ width: 100%; }
.ESG .list li .conDiv{ width: 6.48rem; padding-top: 0.52rem; }
.ESG .list li .name{ font-size: 0.36rem; line-height: 0.36rem; color: #000; font-family: medium; }
.ESG .list li .content{ margin-top: 0.3rem; font-size: 0.16rem; line-height: 0.3rem; height: 2.0rem; text-align: justify; }
.ESG .list li .more a{ display: block; width: 1.44rem; height: 0.48rem; border-radius: 0.48rem; text-align: center; line-height: 0.48rem; font-size: 0.16rem; border: #e02534 solid 2px; color: #e02534; }
.ESG .list li .more a:hover{ background: #e02534; color: #fff; }
.ESG .list li:nth-child(even) .imgDiv{ order: 2; }

.recommend{ padding: 0.75rem 0 1.4rem; position: relative; border-top: #f1f1f1 solid 1px; overflow: hidden; }
.recommend .list{ padding-top: 0.65rem; }
.recommend .list ul{ margin-right: -0.32rem; }
.recommend .wall-column { display: block; position: relative; width: 25%; float: left; box-sizing: border-box;}
.recommend .article { display: block; margin-bottom: 0.3rem;}
.recommend .article .box{ margin-right: 0.32rem; overflow: hidden; position: relative; }
.recommend .article .topDiv{ position: relative; border-radius: 8px; overflow: hidden; }
.recommend .article .topDiv:after{ content: ''; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); }
.recommend .article .imgDiv img{ width: 100%; }
.recommend .article .layer{ position: absolute; left: 0.2rem; right: 0.2rem; bottom: -1.2rem; z-index: 2; padding-left: 1.15rem; height: 1.0rem; color: #fff; display: flex; display: -webkit-box; display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;}
.recommend .article .ewm{ position: absolute; left: 0; top: 0; width: 1.0rem; overflow: hidden; border-radius: 16px;}
.recommend .article .ewm img{ width: 1.0rem; }
.recommend .article .txt{ font-size: 0.18rem; line-height: 0.18rem; padding-bottom: 0.1rem;}
.recommend .article .dy{ font-size: 14px; line-height: 14px; }
.recommend .article .botDiv{ padding-top: 0.1rem; }
.recommend .article .msg{ font-size: 14px; line-height: 26px; max-height: 52px; overflow: hidden; color: #666; }
.recommend .article .name{ margin-top: 0.15rem; position: relative; padding-left: 32px; height: 24px; line-height: 24px; color: #000; font-size: 0.16rem; }
.recommend .article .name img{ position: absolute; left: 0; top: 0; border-radius: 50%; width: 24px; }
.recommend .article .box:hover .topDiv:after{ opacity: 1; }
.recommend .article .box:hover .layer{ bottom: 0.2rem; }

.governance{ position: relative; overflow: hidden;}

.governanceP1{ padding: 1.4rem 0; }
.governanceP1 .msg{ margin: 0.35rem auto 0; font-size: 0.16rem; line-height: 0.3rem; text-align: center; width: 10.1rem; }
.governanceP1 .imgDiv{ text-align: center; padding-top: 0.5rem; }
.governanceP1 .imgDiv img{ width: 11.9rem; }

.governanceP2{ padding: 1.2rem 0; background: #f7f7f7; }
.governanceP2 .content{ margin: 0.35rem auto 0; font-size: 0.16rem; line-height: 0.3rem; text-align: center; width: 10.1rem; }
.governanceP2 .mxfDiv{ margin: 0.45rem auto 0; position: relative; }
.governanceP2 .list ul{ margin-right: -0.2rem; }
.governanceP2 .list li{ float: left; width: 50%; margin-bottom: 0.2rem; }
.governanceP2 .list li .box{ cursor:pointer; margin-right: 0.2rem; background: #fff; height: 3.0rem; padding: 0.5rem 2.6rem 0 0.5rem; overflow: hidden; box-sizing: border-box; border-radius: 6px; box-shadow: 0px 0px 15px 0px rgba(220, 222, 223, 0.4);}
.governanceP2 .list li:nth-child(even) .box{ padding: 0.5rem 0.5rem 0 2.6rem;}
.governanceP2 .list li .name{ font-size: 0.24rem; line-height: 0.24rem; color: #e60012; font-family: medium; padding-bottom: 0.2rem; }
.governanceP2 .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; }
.governanceP2 .list li:nth-child(even) .name, .governanceP2 .list li:nth-child(even) .msg{ text-align:right;}
.governanceP2 .list li .box:hover{ background:#e60012;}
.governanceP2 .list li .box:hover .name, .governanceP2 .list li .box:hover .msg{ color:#fff;}
.governanceP2 .round{ position: absolute; width: 3.78rem; height: 3.78rem; border-radius: 50%; background: #f7f7f7; left: 50%; top: 50%; margin-left: -1.89rem; margin-top: -1.89rem; }
.governanceP2 .round img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 3.52rem; }

.governanceP3{ padding: 1.4rem 0; background: url(../images/governanceP3.jpg) center top no-repeat; background-size: 100%; }
.governanceP3 .pageTxt{ color: #fff; margin-bottom: 0.5rem; }
.governanceP3 .imgList{ overflow: hidden; position: relative; background: #fff; box-shadow: -1px 1px 30px 0px rgba(0, 0, 0, 0.1);}
.governanceP3 .imgList:after{ content: ''; position: absolute; right: 50%; bottom: 0.5rem; width: 3.19rem; height: 3.13rem; background: url(../images/nimg319Bg2.png) no-repeat; background-size: 3.19rem; }
.governanceP3 .imgList .box a{ height: 5.5rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.governanceP3 .imgList .imgDiv{ width: 50%; height: 5.5rem; order: 2; }
.governanceP3 .imgList .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.governanceP3 .imgList .conDiv{ width: 50%; padding: 0.7rem 1.1rem 0 0.8rem; box-sizing: border-box; position: relative; }
.governanceP3 .imgList .name{ font-family: medium; font-size: 0.3rem; line-height: 0.48rem; padding-bottom: 0.25rem; color: #000; }
.governanceP3 .imgList .content{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; color: #666; }
.governanceP3 .arrowDiv{ position: absolute; left: 0.8rem; bottom: 1.0rem; z-index: 2; }
.governanceP3 .se{ display: block; float: left; width: 18px; height: 34px;  }
.governanceP3 .prev{ background: url(../images/nimg18_left.png) center no-repeat; margin-right: 40px; }
.governanceP3 .next{ background: url(../images/nimg18_right.png) center no-repeat; }
.governanceP3 .prev:hover{ background: url(../images/nimg18_lefton.png) center no-repeat;}
.governanceP3 .next:hover{ background: url(../images/nimg18_righton.png) center no-repeat;}
.governanceP3 .imgList .box a:hover .name{ color: #e60012; }

.governanceP4{ padding-bottom: 1.2rem; }
.governanceP4 .list{ padding-top: 0.5rem; }
.governanceP4 .list ul{ margin-right: -0.4rem; }
.governanceP4 .list li{ float: left; width: 50%; padding-bottom: 0.2rem; font-size: 0.16rem; }
.governanceP4 .list li .box{ margin-right: 0.4rem; }
.governanceP4 .list li a{ display: block; height: 0.82rem; padding: 0 0.3rem; position: relative; color: #000; background: #f7f7f7;}
.governanceP4 .list li p{ height: 0.82rem; line-height: 0.82rem; overflow: hidden; padding-left: 0.25rem; position: relative;}
.governanceP4 .list li p:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 6px; height: 6px; background: #e60012; border-radius: 50%; }
.governanceP4 .list li a:hover{ background: #e60012; color: #fff; }
.governanceP4 .list li a:hover p:before{ background: #fff; }

.environment{ position: relative; overflow: hidden;}

.environmentP1{ padding: 1.4rem 0; }
.environmentP1 .msg{ margin: 0.35rem auto 0; font-size: 0.16rem; line-height: 0.3rem; text-align: center; width: 10.1rem; }
.environmentP1 .imgList{ margin-top: 0.45rem; overflow: hidden; position: relative; background: #f7f7f7; }
.environmentP1 .imgList .box a{ height: 5.5rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.environmentP1 .imgList .imgDiv{ width: 50%; height: 5.5rem; order: 2; }
.environmentP1 .imgList .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.environmentP1 .imgList .conDiv{ width: 50%; padding: 0.7rem 1.4rem 0 0.8rem; box-sizing: border-box; position: relative; }
.environmentP1 .imgList .name{ font-family: medium; font-size: 0.3rem; line-height: 0.48rem; height: 0.96rem; overflow: hidden; width: 5.0rem; margin-bottom: 0.25rem; color: #000; }
.environmentP1 .imgList .content{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; color: #666; }
.environmentP1 .arrowDiv{ position: absolute; left: 0.8rem; bottom: 1.0rem; z-index: 2; }
.environmentP1 .se{ display: block; float: left; width: 18px; height: 34px;  }
.environmentP1 .prev{ background: url(../images/nimg18_left.png) center no-repeat; margin-right: 40px; }
.environmentP1 .next{ background: url(../images/nimg18_right.png) center no-repeat; }
.environmentP1 .prev:hover{ background: url(../images/nimg18_lefton.png) center no-repeat;}
.environmentP1 .next:hover{ background: url(../images/nimg18_righton.png) center no-repeat;}
.environmentP1 .imgList .box a:hover .name{ color: #e60012; }

.environmentP2{ padding-bottom: 0.65rem; }
.environmentP2 .content{ margin: 0.35rem auto 0; font-size: 0.16rem; line-height: 0.3rem; text-align: center; width: 10.1rem; }
.environmentP2 .list{ margin-top: 0.5rem; }
.environmentP2 .list ul{ display: flex; display: -webkit-flex; width: auto; flex-wrap: wrap;}
.environmentP2 .list li{ width: 33.33%; padding-bottom: 0.7rem; }
.environmentP2 .list li .box{ padding: 0 0.45rem; }
.environmentP2 .list li .ico{ position: relative; width: 1.6rem; height: 1.6rem; margin: 0 auto; background: #f4f0ef; border-radius: 50%; }
.environmentP2 .list li .ico img{ width: 0.68rem; position: absolute; left: 50%; top: 50%; margin-left: -0.34rem; margin-top: -0.34rem;}
.environmentP2 .list li .name{ padding: 0.4rem 0 0.15rem; text-align: center; font-family: medium; font-size: 0.24rem; line-height: 0.24rem; color: #000; }
.environmentP2 .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; text-align: center; }
.environmentP2 .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);}
.environmentP2 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.environmentP2 .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; border: #cecece solid 1px; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.environmentP2 .swiper-pagination-bullet-active { border: #e60012 solid 1px; background: #e60012;}

.environmentP3{ padding: 1.4rem 0; background: url(../images/environmentP3.jpg) center top no-repeat; background-size: 100%; }
.environmentP3-2{ background: url(../images/societyBg.jpg) center top no-repeat;}
.environmentP3 .msg{ margin: 0.35rem auto 0.45rem; font-size: 0.16rem; line-height: 0.3rem; text-align: center; width: 10.1rem; }
.environmentP3 .imgList{ overflow: hidden; position: relative; background: #fff; box-shadow: -1px 1px 30px 0px rgba(0, 0, 0, 0.1);}
.environmentP3 .imgList:after{ content: ''; position: absolute; right: 50%; bottom: 0.5rem; width: 3.19rem; height: 3.13rem; background: url(../images/nimg319Bg2.png) no-repeat; background-size: 3.19rem; }
.environmentP3 .imgList .box a{ height: 5.5rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.environmentP3 .imgList .imgDiv{ width: 50%; height: 5.5rem; order: 2; }
.environmentP3 .imgList .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.environmentP3 .imgList .conDiv{ width: 50%; padding: 0.7rem 1.1rem 0 0.8rem; box-sizing: border-box; position: relative; }
.environmentP3 .imgList .name{ font-family: medium; font-size: 0.3rem; line-height: 0.48rem; padding-bottom: 0.25rem; color: #000; }
.environmentP3 .imgList .content{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; color: #666; }
.environmentP3 .arrowDiv{ position: absolute; left: 0.8rem; bottom: 1.0rem; z-index: 2; }
.environmentP3 .se{ display: block; float: left; width: 18px; height: 34px;  }
.environmentP3 .prev{ background: url(../images/nimg18_left.png) center no-repeat; margin-right: 40px; }
.environmentP3 .next{ background: url(../images/nimg18_right.png) center no-repeat; }
.environmentP3 .prev:hover{ background: url(../images/nimg18_lefton.png) center no-repeat;}
.environmentP3 .next:hover{ background: url(../images/nimg18_righton.png) center no-repeat;}
.environmentP3 .imgList .box a:hover .name{ color: #e60012; }

.market{ padding: 1.4rem 0; position: relative; overflow: hidden;}
.market .temeDiv{ margin-top: 0.5rem; position: relative; height: 0.4rem; text-align: center;}
.market .temeDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e6e6e6; }
.market .temeDiv ul{ font-size: 0; }
.market .temeDiv li{ display: inline-block; margin: 0 0.25rem; cursor: pointer; font-size: 0.16rem; height: 0.4rem; color: #333; position: relative; z-index: 1;}
.market .temeDiv li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #e60012;}
.market .temeDiv .liNow{ color: #e60012; }
.market .temeDiv .liNow:after{ width: 100%; left: 0; }
.market .firstConDiv{ padding-top: 0.8rem; }
.market .firstDiv{ display: none; }
.market .firstDiv{ animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards;}
.market .leftDiv{ width: 6.48rem; }
.market .name{ height: 0.95rem; font-size: 0.36rem; line-height: 0.36rem; color: #000; font-family: medium; }
.market .tab{ overflow: hidden; }
.market .tab ul{ margin-right: -0.6rem; }
.market .tab li{ float: left; width: 50%; margin-bottom: 0.6rem;}
.market .tab li .lbox{ margin-right: 0.6rem; height: 0.82rem; position: relative;}
.market .tab li .lbox:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e6e6e6; }
.market .tab li .cn{ font-size: 0.24rem; line-height: 0.24rem; height: 0.36rem; color: #333; font-family: medium; }
.market .tab li .en{ font-size: 0.16rem; line-height: 0.16rem; background: url(../images/ico1.png) right center no-repeat;}
.market .tab .liNow .lbox:after{ background: #e60012; }
.market .tab .liNow .cn{ color: #e60012; }
.market .tab .liNow .en{ background: url(../images/ico1on.png) right center no-repeat;}
.market .imgDiv{ width: 7.68rem; animation: am_left 0.8s ease-out 0.1s backwards; -webkit-animation: am_left 0.8s ease-out 0.1s backwards; }
.market .imgDiv img{ width: 100%; }

.store{ position: relative; padding: 1.4rem 0 1.1rem; overflow: hidden; }
.store .links{ padding: 0.4rem 0 0.3rem; text-align: center; }
.store .links ul{ font-size: 0; }
.store .links li{ display: inline-block; margin: 0 0.25rem; font-size: 0.16rem;}
.store .links li a{ display: block; height: 0.28rem; position: relative; color: #36322e;}
.store .links li a:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #e60012;}
.store .links li .aNow, .store .links li a:hover{ color: #e60012; }
.store .links li .aNow:after{ width: 100%; left: 0; }

.storePic{ position: relative; }
.storePic .imgList{ overflow: hidden; }
.storePic .imgList .imgDiv{ height: 7.6rem; position: relative; }
.storePic .imgList .imgDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 170px; background: url(../images/bg3.png) center top repeat-x; }
.storePic .imgList .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.storePic .swiper-pagination{ position: absolute; left: auto; right: 0.3rem; bottom: 0.35rem; width: auto; }
.storePic .swiper-pagination-bullet { position: relative; width: 6px; height: 6px; opacity: 1; border-radius: 50%; border: none; background: #fff; margin-left: 0.2rem!important; margin-right: 0!important; } 
.storePic .swiper-pagination-bullet-active { background: #e60012; transform:scale(1.2);-webkit-transform:scale(1.2);}

.store .list{ padding: 0.5rem 0 0.6rem; }
.store .list ul{ margin-right: -0.4rem; }
.store .list li{ float: left; width: 50%; padding-bottom: 0.4rem; }
.store .list li .box{ margin-right: 0.4rem; overflow: hidden; }
.store .list li .box a{ position: relative; display: block; }
.store .list li .box a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 170px; background: url(../images/bg3.png) center top repeat-x; }
.store .list li .imgDiv{ height: 5.6rem; }
.store .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.store .list li .name{ position: absolute; z-index: 1; left: 0; bottom: 0; width: 100%; height: 0.8rem; line-height: 0.8rem; overflow: hidden; box-sizing: border-box; padding: 0 0.3rem; color: #fff; font-size: 0.24rem; }
.store .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.policy{ position: relative; overflow: hidden; }
.policyP1{ padding: 1.4rem 0 1.2rem; }
.policyP1 .list{ margin-top: 0.8rem; }
.policyP1 .list ul{ display: flex; display: -webkit-flex; width: auto; flex-wrap: wrap;}
.policyP1 .list li{ width: 25%; }
.policyP1 .list li .box{ padding: 0 0.45rem; }
.policyP1 .list li .ico{ position: relative; width: 0.68rem; height: 1.15rem; margin: 0 auto; }
.policyP1 .list li .ico img{ width: 0.68rem; }
.policyP1 .list li .ico2{ position: relative; width: 0.57rem; height: 1.15rem; margin: 0 auto; }
.policyP1 .list li .ico2 img{ width: 0.57rem; }
.policyP1 .list li .name{ height: 0.48rem; text-align: center; font-family: medium; font-size: 0.24rem; line-height: 0.24rem; color: #000; }
.policyP1 .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; text-align: center; }
.policyP1 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.policyP1 .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; border: #cecece solid 1px; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.policyP1 .swiper-pagination-bullet-active { border: #e60012 solid 1px; background: #e60012;}
.policyP1 .list li .box:hover .ico img, .policyP1 .list li .box:hover .ico2 img{ transform:scale(0.9);-webkit-transform:scale(0.9);}

.policyP2{ padding: 1.4rem 0 1.1rem; background: #f7f7f7; }
.policyP2 .list{ padding-top: 0.5rem; }
.policyP2 .list ul{ margin-right: -0.3rem; }
.policyP2 .list li{ float: left; width: 50%; padding-bottom: 0.3rem; }
.policyP2 .list li .box{ margin-right: 0.3rem; position: relative; overflow: hidden;}
.policyP2 .list li .box:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 170px; background: url(../images/bg3.png) center top repeat-x; }
.policyP2 .list li .imgDiv{ height: 3.6rem; }
.policyP2 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.policyP2 .list li .txt{ width: 100%; height: 0.8rem; position: absolute; left: 0; bottom: 0; color: #fff; z-index: 1; }
.policyP2 .list li .txt .name{ font-size: 0.24rem; height: 0.8rem; line-height: 0.8rem; padding:0 0.3rem; overflow:hidden; }
.policyP2 .list li .txt p{ font-size: 0.16rem; line-height: 0.3rem; padding: 0 0.3rem; height: 1.2rem; overflow:hidden; }
.policyP2 .list li .txt.on{ height: 100%; background: rgba(230,0,18,0.9); }

.policyP3{ padding: 1.4rem 0 1.2rem; }
.policyP3 .list{ margin-top: 0.8rem; position: relative;}
.policyP3 .list:after{ content: ''; position: absolute; top: 0.68rem; left: 50%; margin-left: -40%; width: 80%; height: 2px; background: #f4f0f0; }
.policyP3 .list li{ float: left; width: 20%; position: relative; z-index: 1;}
.policyP3 .list li:after{ content: ''; position: absolute; right: -0.15rem; top: 0.55rem; width: 0.3rem; height: 0.3rem; border: #f4f0f0 solid 2px; border-radius: 50%; box-sizing: border-box; background: #fff url(../images/ico2.png) center no-repeat;}
.policyP3 .list li:last-child:after{ display: none;}
.policyP3 .list li .box{ padding: 0 0.2rem; }
.policyP3 .list li:first-child .box{ padding: 0 0.3rem; }
.policyP3 .list li .ico{ position: relative; width: 1.4rem; height: 1.4rem; margin: 0 auto; background: #f4f0f0; border-radius: 50%; }
.policyP3 .list li .ico img{ width: 0.57rem; position: absolute; left: 50%; top: 50%; margin-left: -0.29rem; margin-top: -0.29rem;}
.policyP3 .list li .name{ padding: 0.4rem 0 0.15rem; text-align: center; font-family: medium; font-size: 0.24rem; line-height: 0.24rem; color: #000; }
.policyP3 .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; text-align: center; }
.policyP3 .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);}

.policyP4{ background: #f7f7f7; padding: 1.4rem 0; }
.policyP4 .wen{ text-align: center; font-size: 0.18rem; line-height: 0.32rem; padding: 0.2rem 0 0.45rem; }
.policyP4 .list ul{ display: block; width: auto; margin-right: -0.3rem; }
.policyP4 .list li{ float: left; width: 33.33%; }
.policyP4 .list li .box{ margin-right: 0.3rem; position: relative; background: #fff; height: 3.0rem; box-sizing: border-box; padding: 0.5rem 0.5rem 0; box-shadow: -1px 1px 30px 0px rgba(0, 0, 0, 0.05);}
.policyP4 .list li .box:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 2.07rem; height: 2.13rem; background: url(../images/nimg207Bg.png) no-repeat; background-size: 2.07rem; }
.policyP4 .list li .name{ position: relative; z-index: 1; height: 0.48rem; font-family: medium; font-size: 0.24rem; line-height: 0.24rem; color: #000; }
.policyP4 .list li .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 22px; height: 2px; background: #e60012; }
.policyP4 .list li .msg{ margin-top: 0.3rem; position: relative; z-index: 1; }
.policyP4 .list li .msg dd{ font-size: 0.16rem; line-height: 0.3rem; position: relative; padding-left: 20px; }
.policyP4 .list li .msg dd:before{ content: ''; position: absolute; left: 0; top: 0.12rem; width: 6px; height: 6px; border-radius: 50%; background: #bcbcbc; }
.policyP4 .swiper-pagination{ display: none; position: relative; left: 0; bottom: 0; padding-top: 0.6rem;}
.policyP4 .swiper-pagination-bullet { position: relative; width: 0.2rem; height: 0.2rem; opacity: 1; border-radius: 50%; border: #cecece solid 1px; background: #fff; margin-left: 0.15rem!important; margin-right: 0.15rem!important; } 
.policyP4 .swiper-pagination-bullet-active { border: #e60012 solid 1px; background: #e60012;}
.policyP4 .list li .box:hover{ background: #e60012; }
.policyP4 .list li .box:hover .name{ color: #fff; }
.policyP4 .list li .box:hover .name:after{ background: #fff; }
.policyP4 .list li .box:hover .msg dd{ color: #fff; }


.contact{ position: relative; overflow: hidden; }
.contactP1{ padding: 1.4rem 0 0.9rem; }
.contactP1 .mapDiv{ margin-top: 0.6rem; height: 5.2rem; position: relative; }
.contactP1 .bg{ position: relative; height: 5.2rem; background: center no-repeat; background-size: cover; }
.contactP1 .layer{ position: absolute; left: 1.2rem; top: 50%; margin-top: -1.6rem; width: 5.12rem; height: 3.2rem; box-sizing: border-box; padding: 0 0.6rem; background: #fff; box-shadow: -1px 1px 30px 0px rgba(0, 0, 0, 0.1);}
.contactP1 .layer:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 2.07rem; height: 2.13rem; background: url(../images/nimg207Bg.png) no-repeat; background-size: 2.07rem; }
.contactP1 .layer .logo{ padding-bottom: 0.28rem; }
.contactP1 .layer .logo img{ width: 32px; }
.contactP1 .layer .name{ font-family: medium; font-size: 0.24rem; line-height: 0.24rem; color: #000; }
.contactP1 .layer .msgList{ padding-top: 0.15rem; position: relative; z-index: 1; }
.contactP1 .layer .msgList li{ position: relative; padding-left: 20px; font-size: 0.16rem; line-height: 0.3rem; }
.contactP1 .layer .msgList li img{ position: absolute; left: 0; top: 50%; margin-top: -8px; }
.contactP1 .icon{ position: absolute; top: 2.24rem; right: 5.65rem; width: 0.75rem; height: 0.89rem; background: url(../images/nimg75_1.png) no-repeat; background-size: 0.75rem;}
.contactP1 .list{ padding-top: 0.8rem; }
.contactP1 .list ul{ margin-right: -0.6rem; display: flex; display: -webkit-flex; flex-wrap: wrap;}
.contactP1 .list li{ width: 50%; }
.contactP1 .list li .box{ border-top: #f5f5f5 solid 2px; margin-right: 0.6rem; padding: 0.35rem 0 0.35rem 0.8rem; position: relative; }
.contactP1 .list li .ico{ position: absolute; left: 0; top: 0.35rem; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #e60012; }
.contactP1 .list li .ico img{ position: absolute; left: 50%; top: 50%; width: 0.36rem; margin-left: -0.18rem; margin-top: -0.18rem; }
.contactP1 .list li .name{ font-size: 0.24rem; line-height: 0.24rem; color: #0c0a0a; font-family: medium; }
.contactP1 .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; margin-top: 0.1rem; }
.contactP1 .list li .msg span{ height: 1px; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 0; 
 transform-origin: 0 0; overflow:hidden; background: url(../images/dot.jpg) no-repeat;
  background-size: 0 0.01rem;
  background-position: 100% 100%;
  transition: background-size 0.7s ease; }
.contactP1 .list li .msg a:hover span{ background-size: 100% 1px; background-position: 0 100%; }

.contactP2{ position: relative; height: 6.56rem; background: center no-repeat; background-size: cover; }
.contactP2 .layer{ position: absolute; left: 50%; top: 50%; margin-left: -3.4rem; margin-top: -2.0rem; width: 6.8rem; height: 4.0rem; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.15); background: rgba(255,255,255,0.8); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}
.contactP2 .ico{ padding-bottom: 0.4rem; }
.contactP2 .txt{ font-size: 0.48rem; line-height: 0.48rem; padding-bottom: 0.2rem; color: #000; font-family: medium; }
.contactP2 .email{ font-size: 0.18rem; line-height: 0.18rem; color: #e60012; text-decoration: underline; font-family: mont; }

.contactP3{ padding: 1.4rem 0 0.9rem; }
.contactP3 .list{ padding-top: 0.5rem; }
.contactP3 .list ul{ margin-right: -0.6rem; display: flex; display: -webkit-flex; flex-wrap: wrap;}
.contactP3 .list li{ width: 50%; }
.contactP3 .list li .box{ border-top: #f5f5f5 solid 2px; margin-right: 0.6rem; padding: 0.35rem 0 0.35rem 0.8rem; position: relative; }
.contactP3 .list li .ico{ position: absolute; left: 0; top: 0.35rem; width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #e60012; }
.contactP3 .list li .ico img{ position: absolute; left: 50%; top: 50%; width: 0.23rem; margin-left: -0.12rem; margin-top: -0.14rem; }
.contactP3 .list li .name{ font-size: 0.24rem; line-height: 0.24rem; color: #0c0a0a; font-family: medium; }
.contactP3 .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; margin-top: 0.1rem; }

.societyP1{ padding-top: 1.2rem; height: 8.34rem; background: url(../images/societyP1.jpg) center no-repeat; background-size: cover; box-sizing: border-box;}
.societyP1 .content{ margin: 0.35rem auto 0; font-size: 0.16rem; line-height: 0.3rem; text-align: center; width: 10.1rem; }
.societyP1 .list{ margin-top: 0.5rem; }
.societyP1 .list ul{ margin-right: -0.4rem; }
.societyP1 .list li{ float: left; width: 50%; }
.societyP1 .list li .box{ margin-right: 0.4rem; overflow: hidden; padding: 0.5rem 0.5rem 0 0.5rem; height: 3.8rem; border-radius: 8px; box-sizing: border-box; position: relative; background: #fff; box-shadow: 0px 0px 16px 0px rgba(220, 222, 223, 0.4);}
.societyP1 .list li .name{ position: relative; padding-left: 32px; line-height: 0.24rem; color: #000; font-size: 0.24rem; font-family: medium; }
.societyP1 .list li .ico{ position: absolute; left: 0; top: 4px; width: 24px; height: 14px; }
.societyP1 .list li .ico:before{ content: ''; position: absolute; left: 0; top: 0; width: 14px; height: 14px; border-radius: 50%; background: #e60012; z-index: 1; animation: leftRight 1s infinite alternate linear; -webkit-animation: leftRight 1s infinite alternate linear;}
.societyP1 .list li .ico:after{ content: ''; position: absolute; right: 0; top: 0; width: 14px; height: 14px; border-radius: 50%; background: #faccd0; animation: rightLeft 1s infinite alternate linear; -webkit-animation: rightLeft 1s infinite alternate linear;}
.societyP1 .list li .msg{ margin-top: 0.2rem; font-size: 0.16rem; line-height: 0.3rem; text-align: justify;}

.societyP2{ padding: 1.4rem 0; background: url(../images/societyP2.jpg) center top no-repeat; background-size: 100%; }
.societyP2 .pageTxt{ color: #fff; }
.societyP2 .msg{ color: #fff; margin: 0.35rem auto 0.45rem; font-size: 0.16rem; line-height: 0.3rem; text-align: center; width: 10.1rem; }
.societyP2 .imgList{ overflow: hidden; position: relative; background: #fff; box-shadow: -1px 1px 30px 0px rgba(0, 0, 0, 0.1);}
.societyP2 .imgList:after{ content: ''; position: absolute; right: 50%; bottom: 0.5rem; width: 3.19rem; height: 3.13rem; background: url(../images/nimg319Bg2.png) no-repeat; background-size: 3.19rem; }
.societyP2 .imgList .box a{ height: 5.5rem; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.societyP2 .imgList .imgDiv{ width: 50%; height: 5.5rem; order: 2; }
.societyP2 .imgList .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.societyP2 .imgList .conDiv{ width: 50%; padding: 0.7rem 1.1rem 0 0.8rem; box-sizing: border-box; position: relative; }
.societyP2 .imgList .name{ font-family: medium; font-size: 0.3rem; line-height: 0.48rem; padding-bottom: 0.25rem; color: #000; }
.societyP2 .imgList .content{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; color: #666; }
.societyP2 .arrowDiv{ position: absolute; left: 0.8rem; bottom: 1.0rem; z-index: 2; }
.societyP2 .se{ display: block; float: left; width: 18px; height: 34px;  }
.societyP2 .prev{ background: url(../images/nimg18_left.png) center no-repeat; margin-right: 40px; }
.societyP2 .next{ background: url(../images/nimg18_right.png) center no-repeat; }
.societyP2 .prev:hover{ background: url(../images/nimg18_lefton.png) center no-repeat;}
.societyP2 .next:hover{ background: url(../images/nimg18_righton.png) center no-repeat;}
.societyP2 .imgList .box a:hover .name{ color: #e60012; }

.societyP3{ padding-bottom: 1.2rem; }
.societyP3 .mxfDiv{ margin-top: 0.45rem; padding-bottom: 1.45rem; position: relative; }
.societyP3 .list ul{ margin-right: -0.35rem; }
.societyP3 .list li{ float: left; width: 33.33%; }
.societyP3 .list li .box{ margin-right: 0.35rem; padding: 0.35rem 0.4rem 0; height: 7.7rem; box-sizing: border-box;  background-image: linear-gradient(180deg, #fce5e7 0%, #fff 100%); background-blend-mode: normal, normal;}
.societyP3 .list li .name{ font-family: medium; font-size: 0.3rem; line-height: 0.3rem; color: #e60012; padding-bottom: 0.15rem; }
.societyP3 .list li .txt{ font-size: 0.18rem; line-height: 0.18rem; color: #e60012; font-family: medium; }
.societyP3 .list li .lie{ padding-top: 0.3rem; }
.societyP3 .list li .lie dd{ padding-bottom: 0.2rem; }
.societyP3 .list li .lie dd b{ display: block; font-weight: 400; font-size: 0.18rem; line-height: 0.18rem; color: #000; font-family: medium; position: relative; padding-left: 20px; }
.societyP3 .list li .lie dd b:before{ content: ''; position: absolute; left: 0; top: 0.05rem; width: 6px; height: 6px; background: #e60012; border-radius: 50%; }
.societyP3 .list li .lie dd p{ font-size: 0.16rem; line-height: 0.3rem; margin-top: 0.1rem; }
.societyP3 .botDiv{ position: absolute; left: 0; bottom: 0; width: 100%; height: 4.8rem; background: url(../images/roundBg.png) center bottom no-repeat; background-size: 100%; }
.societyP3 .botDiv .zi{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; color: #fff; font-size: 0.36rem; line-height: 0.36rem; bottom: 0.7rem; font-family: medium; }

.method{ position: relative; overflow: hidden; }

.methodP1{ padding-top: 1.4rem;  }
.methodP1 .bigImg{ margin-top: 0.5rem; padding: 1.0rem 0; background: #f2f8f7; }
.methodP1 .imgDiv{ text-align: center; }
.methodP1 .imgDiv img{ width: 10.88rem!important; height:auto!important; }

.methodP2{ padding: 1.4rem 0 1.2rem; }
.methodP2 .list{ margin-top: 0.7rem; position: relative;}
.methodP2 .list:after{ content: ''; position: absolute; top: 0.7rem; left: 50%; margin-left: -40%; width: 80%; height: 2px; background: #f4f0f0; }
.methodP2 .list li{ float: left; width: 25%; position: relative; z-index: 1;}
.methodP2 .list li:after{ content: ''; position: absolute; right: -0.15rem; top: 0.55rem; width: 0.3rem; height: 0.3rem; border: #f4f0f0 solid 2px; border-radius: 50%; box-sizing: border-box; background: #fff url(../images/ico2.png) center no-repeat;}
.methodP2 .list li:last-child:after{ display: none;}
.methodP2 .list li .box{ padding: 0 0.4rem; }
.methodP2 .list li .ico{ position: relative; width: 1.4rem; height: 1.4rem; margin: 0 auto; background: #fbf4f5; border-radius: 50%; }
.methodP2 .list li .ico img{ width: 0.58rem; position: absolute; left: 50%; top: 50%; margin-left: -0.29rem; margin-top: -0.29rem;}
.methodP2 .list li .name{ padding: 0.4rem 0 0.15rem; text-align: center; font-family: medium; font-size: 0.24rem; line-height: 0.24rem; color: #000; }
.methodP2 .list li .msg{ font-size: 0.16rem; line-height: 0.3rem; text-align: center; }

.methodP3{ padding-bottom: 1.4rem; }
.methodP3 .leftDiv{ width: 6.24rem; position: relative; padding-right: 1.2rem; box-sizing: border-box; }
.methodP3 .title{ font-family: medium; font-size: 0.18rem; line-height: 0.18rem; text-align: center; color: #f12535; }
.methodP3 .pjDiv{ margin-top: 0.15rem; padding-left: 0.26rem; position: relative; }
.methodP3 .pjDiv .shu{ position: absolute; left: 0; top: 1.3rem; font-size: 0.18rem; line-height: 0.18rem; color: #333; width: 0.2rem; }
.methodP3 .pjDiv .heng{ color: #333; padding-top: 0.05rem; text-align: center; font-size: 0.18rem; line-height: 0.18rem; }
.methodP3 .pjDiv .limg img{ width: 4.66rem; }
.methodP3 .label{ position: absolute; right: 0; bottom: 0.1rem; }
.methodP3 .label li{ position: relative; padding-left: 20px; font-size: 0.18rem; line-height: 0.18rem; color: #333; margin-bottom: 0.2rem; }
.methodP3 .label li:before{ content: ''; position: absolute; left: 0; top: 50%; width: 10px; height: 10px; margin-top: -5px; border-radius: 50%; }
.methodP3 .label li:nth-child(1):before{ background: #38b76a; }
.methodP3 .label li:nth-child(2):before{ background: #d5866e; }
.methodP3 .label li:nth-child(3):before{ background: #4f8bc0; }

.methodP3 .rightDiv{ width: 7.68rem; padding-top: 0.25rem; }
.methodP3 .wen{ position: relative; margin-top: 0.4rem; }
.methodP3 .wen:after{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -1px; width: 100%; height: 2px; background: #f12535;}
.methodP3 .wen em{ position: relative; z-index: 1; display: inline-block; padding-right: 0.1rem; background: #fff; font-size: 0.18rem; line-height: 0.18rem; font-family: medium; color: #f12535; }
.methodP3 .listDiv{ margin-top: 0.3rem; overflow: hidden; }
.methodP3 .list_l{ width: 42%; }
.methodP3 .list_m{ width: 38%; }
.methodP3 .list_r{ width: 20%; }
.methodP3 .list li{ position: relative; padding-left: 28px; font-size: 0.16rem; line-height: 20px; color: #333; margin-bottom: 0.15rem;}
.methodP3 .list li em{ position: absolute; left: 0; top: 0; display: block; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; color: #fff; border-radius: 50%; }
.methodP3 .list li .c1{ background: #d5866e; }
.methodP3 .list li .c2{ background: #4f8bc0; }
.methodP3 .list li .c3{ background: #38b76a; }

.methodP4 .topImg{ height: 5.8rem; background: center no-repeat; background-size: cover; }
.methodP4 .botDiv{ padding: 1.4rem 0 1.3rem; }
.methodP4 .msg{ width: 9.5rem; margin: 0.45rem auto 0.55rem; font-size: 0.16rem; text-align: center; line-height: 0.3rem; }
.methodP4 .mxfDiv{ position: relative; }
.methodP4 .midImg{ width: 7.85rem; margin: 0 auto; }
.methodP4 .midImg img{ width: 100%; }
.methodP4 .list li{ position: absolute; z-index: 1; }
.methodP4 .list .leftTop{ width: 4.1rem; left: 0.7rem; top: 0.95rem; }
.methodP4 .list .line{ height: 12px; position: relative; }
.methodP4 .list .line em{ display: block; position: absolute; width: 100%; height: 2px; top: 50%; margin-top: -1px; background: #e60012; }
.methodP4 .list .txt{ font-size: 0.3rem; line-height: 0.3rem; color: #5bbdb8; }
.methodP4 .list .leftTop .line:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 6px; height: 6px; background: #e60012; border-radius: 50%; }
.methodP4 .list .leftTop .line:after{ content: ''; position: absolute; right: 0; top: 0; width: 12px; height: 12px; background: #e60012; border-radius: 50%; }
.methodP4 .list .lie{ padding-top: 0.4rem; }
.methodP4 .list .lie dd{ font-size: 13px; color: #333; position: relative; padding-left: 10px; margin-bottom: 10px; box-sizing: border-box;}
.methodP4 .list .lie dd:before{ content: ''; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; background: #e60012; border-radius: 50%; }
.methodP4 .list .rightTop{ width: 4.1rem; right: 0.7rem; top: 0.95rem; }
.methodP4 .list .rightTop .line:before{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -3px; width: 6px; height: 6px; background: #e60012; border-radius: 50%; }
.methodP4 .list .rightTop .line:after{ content: ''; position: absolute; left: 0; top: 0; width: 12px; height: 12px; background: #e60012; border-radius: 50%; }
.methodP4 .list .rightTop .lie{ float: right; }
.methodP4 .list .leftBot{ width: 3.15rem; left: 0.7rem; top: 5.4rem; }
.methodP4 .list .leftBot .line:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 6px; height: 6px; background: #e60012; border-radius: 50%; }
.methodP4 .list .leftBot .line:after{ content: ''; position: absolute; right: 0; top: 0; width: 12px; height: 12px; background: #e60012; border-radius: 50%; }
.methodP4 .list .rightBot{ width: 3.15rem; right: 0.7rem; top: 5.4rem; }
.methodP4 .list .rightBot .line:before{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -3px; width: 6px; height: 6px; background: #e60012; border-radius: 50%; }
.methodP4 .list .rightBot .line:after{ content: ''; position: absolute; left: 0; top: 0; width: 12px; height: 12px; background: #e60012; border-radius: 50%; }
.methodP4 .list .rightBot .lie dd{ float: left; width: 35%; }
.methodP4 .list .rightBot .lie dd:nth-child(2n){ width: 65%; }

.productShow{ position: relative; overflow: hidden; }

.productP1{ padding: 0.75rem 0 1.3rem; position: relative; overflow: hidden; }
.productP1 .name{ padding: 0.6rem 0 0.35rem; color: #333; font-size: 0.36rem; line-height: 0.36rem; font-family: medium; text-align: center;}
.productP1 .msg{ width: 6.0rem; margin: 0 auto; font-size: 0.18rem; line-height: 0.36rem; text-align: center; color: #333; padding-bottom: 0.9rem; }
.productP1 .imgDiv{ overflow: hidden; }
.productP1 .leftImg{ width: 6.0rem; }
.productP1 .rightImg{ width: 8.62rem; }
.productP1 .leftImg img, .productP1 .rightImg img{ width: 100%; }

.productBg{ height: 6.5rem; background: center no-repeat; background-size: cover; background-attachment: fixed; }

.productP2{ position: relative; padding: 1.0rem 0 2.0rem; /* overflow: hidden;*/ z-index: 1;}
/*.productP2 .list{ margin-top: -0.95rem; }*/
.productP2 .list li{ padding-bottom: 0.25rem; }
.productP2 .list li .imgDiv{ width: 7.0rem; }
.productP2 .list li .imgDiv img{ width: 100%; }
.productP2 .list li .conDiv{ width: 7.0rem; padding-top: 2.4rem; }
.productP2 .list li .name{ font-size: 0.36rem; line-height: 0.36rem; font-family: medium; padding-bottom: 0.4rem; color: #333; }
.productP2 .list li .content{ font-size: 0.18rem; line-height: 0.36rem; color: #333; text-align: justify; width: 5.86rem; }
.productP2 .list li:nth-child(even) .imgDiv{ order: 2; }
.productP2 .list li:nth-child(even) .conDiv{ width: 6.9rem; box-sizing: border-box; padding-left: 1.75rem; }
.productP2 .list li:nth-child(even) .content{ width: auto; }

.productP3{ padding-bottom: 1.35rem;}
.productImg{ position: relative; margin-top: 0.8rem; }
.productImg .imgList{ overflow: hidden; }
.productImg .imgList li .imgDiv{ height: 4.74rem; overflow: hidden;}
.productImg .imgList li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.productImg .imgList li .name{ margin-top: 0.25rem; height: 0.46rem; line-height: 0.46rem; overflow: hidden; color: #333; font-size: 0.26rem; text-transform: uppercase;}
.productImg .imgList li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.productImg .imgList li .box:hover .name{ color: #e60012; }
.productImg .se{ display: block; position: absolute; top: 45%; margin-top: -0.3rem; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: #eee solid 2px; box-sizing: border-box; z-index: 2; }
.productImg .prev{ left: -0.8rem; background: #fff url(../images/nimg17_left2.png) center no-repeat; }
.productImg .next{ right: -0.8rem; background: #fff url(../images/nimg17_right2.png) center no-repeat; }
.productImg .se:hover{ border: #e60012 solid 2px; }
.productImg .prev:hover{ background: #e60012 url(../images/nimg17_lefton.png) center no-repeat; }
.productImg .next:hover{ background: #e60012 url(../images/nimg17_righton.png) center no-repeat; }


/*设计师团队*/
.page .swiper-pagination{ position:absolute; z-index:10!important; width: 24px; margin-bottom: 0; transform: translateY(-50%); left: 0.5rem!important; top: 50%!important; margin-left: 0px!important;} 
.page .swiper-pagination-bullet{ cursor: pointer; position: relative; display:block; opacity: 1; border-radius: 50%; width: 16px; height: 16px; margin: 0.05rem 0!important; background: none; }
.page .swiper-pagination-bullet:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px; width: 8px; height: 8px; border-radius: 50%; background: #e3e3e2; }
.page .swiper-pagination-bullet-active { background: url(../images/nimg16_2.png) no-repeat;}
.page .swiper-pagination-bullet-active:after{ display: none; }
.page .swiper-pagination-bullet:last-child{ display: none; }

@media screen and (min-width: 1024px) {
  #page { height: 100vh; position: relative; overflow: hidden; }
  .pageSlide { height: 100vh; overflow: hidden; /*padding-top: 100px;*/ }
  .pageSlide.footDiv { height: 6.0rem; padding-top: 0.8rem; background-color: #f8f8f8; background-image: url(../images/footBg.jpg); background-size: 19.2rem auto; background-position: bottom left; background-repeat: repeat-x; -webkit-animation: moveBackground2 12s infinite linear; animation: moveBackground2 12s infinite linear;}

  }


  .pageSlide.swiper-slide-active .slideUp {
    -webkit-animation-name: slideIndUp;
    animation-name: slideIndUp;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    }
  
  .pageSlide.swiper-slide-active .slideLeft {
    -webkit-animation-name: slideIndLeft;
    animation-name: slideIndLeft;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    }

  .pageSlide.swiper-slide-active .slideRight {
    -webkit-animation-name: slideIndRight;
    animation-name: slideIndRight;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 0.3s;
    -webkit-animation-delay: 0.3s;
    }

  .pageSlide.swiper-slide-active .slideDelay2 {
    animation-delay: 0.6s; -webkit-animation-delay: 0.6s;}
  .pageSlide.swiper-slide-active .slideDelay3 {
    animation-delay: 0.9s; -webkit-animation-delay: 0.9s; }
  .pageSlide.swiper-slide-active .slideDelay4 {
    animation-delay: 1.2s; -webkit-animation-delay: 1.2s; }
  .pageSlide.swiper-slide-active .slideDelay5 {
    animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
  .pageSlide.swiper-slide-active .slideDelay6 {
    animation-delay: 1.8s; -webkit-animation-delay: 1.8s; }

.pageSlide { position: relative; background: center no-repeat; background-size: cover; }

/*.teamP1 .indexBox, .indexP2 .indexBox, .indexP3 .indexBox{ width: 100%; }*/
.teamTxt .en{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-family: mont, medium; }
.teamTxt .cn{ font-family: medium; font-size: 0.24rem; line-height: 0.24rem; color: #333; padding-top: 0.2rem; }

.teamP1 { position: relative; background: #fafafa;}
.teamP1 .rightImg{ position: absolute; right: 0; top: 50%; margin-top: -3.37rem; width: 50%; height: 6.73rem; z-index: 5; background: center no-repeat; background-size: cover; overflow: hidden; }
.teamP1 .rightImg img{ width: 100%; }
.teamP1 .conDiv{ width: 6.4rem; height: 6.73rem; position: relative;}
.teamP1 .content{ position: relative; margin-top: 0.5rem; padding-top:0.3rem; line-height: 0.32rem; font-size: 0.16rem; color: #333; text-align: justify; }
.teamP1 .content em{ font-family: mont; }
.teamP1 .content:before{ content: ''; position: absolute; left: 0; top: 0; width: 28px; height: 27px; background: url(../images/nimg28Bg.png) no-repeat; }
.teamP1 .imgList{ position: absolute; left: 0; bottom: 0; width: 100%; }
.teamP1 .imgList ul{ margin-right: -0.2rem; }
.teamP1 .imgList li{ float: left; width: 50%; }
.teamP1 .imgList li .box{ margin-right: 0.2rem; height: 2.13rem; overflow: hidden; }
.teamP1 .imgList li .box img{ width: 100%; height: 100%; object-fit: cover; }

.teamP2 .teamBox{ height: 100vh; width: 100%; }
.teamP2 .leftImg{ width: 50%; height: 6.73rem; }
.teamP2 .leftImg img{ width: 100%; height: 100%; object-fit: cover; }
.teamP2 .conDiv{ width: 6.4rem; height: 6.73rem; position: relative;}
.teamP2 .bg{ position: absolute; right: -1.0rem; top: 0; width: 2.45rem; height: 2.4rem; background: url(../images/nimg245Bg.png) no-repeat; background-size: 2.45rem; }
.teamP2 .content{ position: relative; margin-top: 0.3rem; padding-top:0.3rem; line-height: 0.32rem; font-size: 0.16rem; color: #333; text-align: justify; }
.teamP2 .content em{ font-family: mont; }
.teamP2 .content:before{ content: ''; position: absolute; left: 0; top: 0; width: 28px; height: 27px; background: url(../images/nimg28Bg.png) no-repeat; }
.teamP2 .imgList{ position: absolute; left: 0; bottom: 0; width: 100%; }
.teamP2 .imgList ul{ margin-right: -0.2rem; }
.teamP2 .imgList li{ float: left; width: 50%;}
.teamP2 .imgList li .box{ margin-right: 0.2rem; height: 2.13rem; overflow: hidden; }
.teamP2 .imgList li .box img{ width: 100%; height: 100%; object-fit: cover; }

.teamP3 { position: relative; background: #fafafa;}
.teamP3 .rightImg{ position: absolute; right: 0; bottom: 0; width: 50%; height: 8.3rem; z-index: 5; background: center no-repeat; background-size: cover; overflow: hidden; }
.teamP3 .rightImg img{ width: 100%; }
.teamP3 .conDiv{ width: 6.4rem; height: 6.73rem; position: relative;}
.teamP3 .txt{ font-family: medium; color: #333; font-size: 0.18rem; line-height: 0.3rem; padding-top: 0.25rem; }
.teamP3 .content{ position: relative; margin-top: 0.5rem; padding-top:0.3rem; line-height: 0.32rem; font-size: 0.16rem; color: #333; text-align: justify; }
.teamP3 .content em{ font-family: mont; }
.teamP3 .content:before{ content: ''; position: absolute; left: 0; top: 0; width: 28px; height: 27px; background: url(../images/nimg28Bg.png) no-repeat; }
.teamP3 .imgList{ position: absolute; left: 0; bottom: 0; width: 100%; }
.teamP3 .imgList ul{ margin-right: -0.2rem; }
.teamP3 .imgList li{ float: left; width: 50%; }
.teamP3 .imgList li .box{ margin-right: 0.2rem; height: 2.13rem; overflow: hidden; }
.teamP3 .imgList li .box img{ width: 100%; height: 100%; object-fit: cover; }

.teamP4 { position: relative; }
.teamP4 .leftImg{ position: absolute; left: 0; bottom: 0; width: 50%; height: 8.3rem; z-index: 5; background: center no-repeat; background-size: cover; overflow: hidden; }
.teamP4 .leftImg:after{ content: ''; position: absolute; right: 0; top: 0; width: 2.45rem; height: 2.4rem; background: url(../images/nimg245Bg2.png) no-repeat; background-size: 2.45rem;}
.teamP4 .leftImg img{ width: 100%; }
.teamP4 .conDiv{ width: 6.4rem; height: 6.73rem; position: relative;}
.teamP4 .content{ position: relative; margin-top: 0.5rem; padding-top:0.3rem; line-height: 0.32rem; font-size: 0.16rem; color: #333; text-align: justify; }
.teamP4 .content em{ font-family: mont; }
.teamP4 .content:before{ content: ''; position: absolute; left: 0; top: 0; width: 28px; height: 27px; background: url(../images/nimg28Bg.png) no-repeat; }
.teamP4 .imgList{ position: absolute; left: 0; bottom: 0; width: 100%; }
.teamP4 .imgList ul{ margin-right: -0.2rem; }
.teamP4 .imgList li{ float: left; width: 50%; }
.teamP4 .imgList li .box{ margin-right: 0.2rem; height: 2.13rem; overflow: hidden; }
.teamP4 .imgList li .box img{ width: 100%; height: 100%; object-fit: cover; }

.teamP5{ background: #fafafa; }
.teamP5 .teamBox{ height: 100vh; width: 100%; }
.teamP5 .topImg img{ width: 3.5rem; }
.teamP5 .midImg{ padding-top: 0.85rem; }
.teamP5 .midImg img{ width: 5.6rem; }
.teamP5 .rightImg{ width: 50%; height: 5.65rem; }
.teamP5 .rightImg img{ width: 100%; height: 100%; object-fit: cover; }
.teamP5 .conDiv{ width: 6.4rem; position: relative;}
.teamP5 .content{ position: relative; margin-top: 0.6rem; padding-top:0.3rem; line-height: 0.32rem; font-size: 0.16rem; color: #333; text-align: justify; }
.teamP5 .content:before{ content: ''; position: absolute; left: 0; top: 0; width: 28px; height: 27px; background: url(../images/nimg28Bg.png) no-repeat; }

.teamP6 { position: relative; }
.teamP6 .leftImg{ position: absolute; left: 0; top: 50%; margin-top: -3.37rem; width: 50%; height: 6.73rem; z-index: 5; background: center no-repeat; background-size: cover; overflow: hidden; }
.teamP6 .leftImg img{ width: 100%; }
.teamP6 .bg{ position: absolute; right: -1.0rem; top: 0; width: 2.45rem; height: 2.4rem; background: url(../images/nimg245Bg.png) no-repeat; background-size: 2.45rem; }
.teamP6 .conDiv{ width: 6.4rem; height: 6.73rem; position: relative;}
.teamP6 .content{ position: relative; margin-top: 0.5rem; padding-top:0.3rem; line-height: 0.32rem; font-size: 0.16rem; color: #333; text-align: justify; }
.teamP6 .content em{ font-family: mont, medium; }
.teamP6 .content:before{ content: ''; position: absolute; left: 0; top: 0; width: 28px; height: 27px; background: url(../images/nimg28Bg.png) no-repeat; }
.teamP6 .imgList{ position: absolute; left: 0; bottom: 0; width: 100%; }
.teamP6 .imgList ul{ margin-right: -0.2rem; }
.teamP6 .imgList li{ float: left; width: 50%; }
.teamP6 .imgList li .box{ margin-right: 0.2rem; height: 2.13rem; overflow: hidden;}
.teamP6 .imgList li .box img{ width: 100%; height: 100%; object-fit: cover; }

.teamP7{ background: #fafafa; }
.teamP7 .teamBox{ height: 100vh; width: 100%; }
.teamP7 .topImg{ padding-top: 0.7rem; }
.teamP7 .topImg img{ width: 6.14rem; }
.teamP7 .rightImg{ width: 50%; height: 6.73rem; }
.teamP7 .rightImg img{ width: 100%; height: 100%; object-fit: cover; }
.teamP7 .conDiv{ width: 6.4rem; height: 6.73rem; position: relative;}
.teamP7 .content{ position: relative; margin-top: 0.5rem; padding-top:0.3rem; line-height: 0.32rem; font-size: 0.16rem; color: #333; text-align: justify; }
.teamP7 .content em{ font-family: mont; }
.teamP7 .content:before{ content: ''; position: absolute; left: 0; top: 0; width: 28px; height: 27px; background: url(../images/nimg28Bg.png) no-repeat; }
.teamP7 .imgList{ position: absolute; left: 0; bottom: 0; width: 100%; }
.teamP7 .imgList ul{ margin-right: -0.2rem; }
.teamP7 .imgList li{ float: left; width: 50%; }
.teamP7 .imgList li .box{ margin-right: 0.2rem; height: 2.13rem; overflow: hidden; }
.teamP7 .imgList li .box img{ width: 100%; height: 100%; object-fit: cover; }

.about{ position: relative; overflow: hidden; }
.aboutP1{ padding: 1.4rem 0; position: relative; }
.aboutP1:after{ content: ''; position: absolute; left: 0.45rem; bottom: 0.85rem; width: 2.45rem; height: 2.4rem; background: url(../images/nimg245Bg2.png) no-repeat; background-size: 2.45rem; }
.aboutP1 .mxfDiv{ margin-top: 0.6rem; position: relative; z-index: 1; }
.aboutP1 .conDiv{ width: 50%; box-sizing: border-box; padding: 0 1.25rem 0 1.0rem; height: 6.2rem; background: #f7f7f7; }
.aboutP1 .txt{ padding-top: 1.0rem; font-size: 0.42rem; line-height: 0.42rem; color: #e60012; font-family: medium; }
.aboutP1 .wen{ font-size: 0.24rem; line-height: 0.24rem; color: #000; padding: 0.15rem 0 0.3rem; }
.aboutP1 .content{ position: relative; padding: 0.3rem 0; font-size: 0.16rem; line-height: 0.3rem; color: #333; text-align: justify; background: url(../images/nimg28Bg.png) no-repeat;}
.aboutP1 .content:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 28px; height: 26px; background: url(../images/nimg28Bg2.png) no-repeat; }
.aboutP1 .more{ margin-top: 0.6rem; }
.aboutP1 .more a{ display: block; width: 1.24rem; height: 0.42rem; line-height: 0.42rem; text-align: center; font-size: 14px; color: #e02534; border: #e02534 solid 2px; border-radius: 0.48rem; }
.aboutP1 .more a:hover{ background: #e02534; color: #fff; }
.aboutP1 .imgDiv{ width: 50%; order: 2; }
.aboutP1 .imgDiv img{ width: 100%; }

.storyModal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; visibility: hidden; opacity: 0; z-index: 999; background: rgba(0, 0, 0, 0.5);/* display: none;*/}
.storyModal-box.on {
	visibility: visible;
	opacity: 1;
  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 */
}

.storyLayer{ width: 100%; height: 100vh; margin: 0 auto; background: #fff; position: relative; box-sizing: border-box;}
.storyLayer .close{ display:block; position:absolute; right: 0.3rem; top: 0.3rem; width: 0.5rem; height: 0.5rem; border: #ece8e8 solid 2px; border-radius: 50%; background: url(../images/close.png) center no-repeat;}
.storyLayer .close:hover{ border: #e02534 solid 2px; background: #e02534 url(../images/close2.png) center no-repeat;}
.storyLayer .leftImg{ width: 50%; height: 100vh; }
.storyLayer .leftImg img{ width: 100%; height: 100%; object-fit: cover; }
.storyLayer .rightCon{ width: 50%; height: 100vh; padding: 0 1.2rem; box-sizing: border-box;}
.storyLayer .content{ margin-top: 0.45rem; font-size: 0.16rem; line-height: 0.3rem; max-height: 6.3rem; overflow: auto; padding-right: 10px; text-align: justify;}
.storyLayer .content::-webkit-scrollbar { width: 4px;}
.storyLayer .content::-webkit-scrollbar-track { background-color: #eee;}
.storyLayer .content::-webkit-scrollbar-thumb { background-color: #e02534;} 

.aboutP2{ padding: 1.4rem 0 1.3rem; background: #f7f7f7; }
.aboutP2 .list{ margin-top: 0.85rem; }
.aboutP2 .list li{ float: left; width: 33.33%; }
.aboutP2 .list li .box{ padding: 0 0.45rem; text-align: center;}
.aboutP2 .list li .ico{ height: 180px; }
.aboutP2 .list li .name{ font-size: 0.24rem; line-height: 0.24rem; height: 0.5rem; color: #000; font-family: medium; }
.aboutP2 .list li .content{ font-size: 0.16rem; line-height: 0.3rem; }
.aboutP2 .list li .content a{ color: #e02534; }
.aboutP2 .list li .content2{ display: none; font-size: 0.16rem; line-height: 0.3rem; }
.aboutP2 .list li .box:hover .ico img{ animation: upDown 0.5s infinite alternate linear; -webkit-animation: upDown 0.5s infinite alternate linear;}

.aboutP3{ padding: 1.4rem 0; position: relative; }
.aboutP3:after{ content: ''; position: absolute; right: 50%; margin-right: -8.48rem; top: 1.4rem; width: 2.45rem; height: 2.4rem; background: url(../images/nimg245Bg2.png) no-repeat; background-size: 2.45rem; }
.aboutP3 .mxfDiv{ margin-top: 0.6rem; position: relative; z-index: 1; }
.aboutP3 .conDiv{ width: 50%; box-sizing: border-box; padding: 0 1.25rem 0 1.0rem; height: 6.2rem; background: #f7f7f7; }
.aboutP3 .txt{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-family: medium; }
.aboutP3 .wen{ font-size: 0.24rem; line-height: 0.24rem; color: #000; padding: 0.15rem 0 0.3rem; }
.aboutP3 .content{ position: relative; padding: 0.3rem 0; font-size: 0.16rem; line-height: 0.3rem; color: #333; text-align: justify; background: url(../images/nimg28Bg.png) no-repeat;}
.aboutP3 .content:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 28px; height: 26px; background: url(../images/nimg28Bg2.png) no-repeat; }
.aboutP3 .more{ margin-top: 0.6rem; }
.aboutP3 .more a{ display: block; width: 1.24rem; height: 0.42rem; line-height: 0.42rem; text-align: center; font-size: 14px; color: #e02534; border: #e02534 solid 2px; border-radius: 0.48rem; }
.aboutP3 .more a:hover{ background: #e02534; color: #fff; }
.aboutP3 .imgDiv{ width: 50%; }
.aboutP3 .imgDiv img{ width: 100%; }

.aboutP4{ padding-top: 1.4rem; height: 10.24rem; box-sizing: border-box; background: #f7f7f7 url(../images/aboutP4.jpg) center bottom no-repeat; background-size: 100%; position:relative; z-index:6; }
.aboutP4 .progress-bar{ width: 12.4rem; height: 1.65rem; margin: 0.7rem auto 0; position: relative;}
.aboutP4 .progress-bar:after{ content: ''; position: absolute; left: 0; top: 20px; width: 100%; height: 2px; z-index: 0; background: #e3e3e2; }
.aboutP4 .progress-bar ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; position: relative; z-index: 1;}
.aboutP4 .progress-bar li{ cursor: pointer; position: relative; width: 50px; padding-top: 50px; text-align: center; font-size: 18px; color: #000; background: url(../images/nimg40_1.png) center top no-repeat; font-family: mont; }
.aboutP4 .progress-bar .active{ color: #e60012; background: url(../images/nimg40_1on.png) center top no-repeat; }


.history-content { position: relative; height: 4.8rem; overflow: hidden;}
.history-content .mod-con { position: relative; width: 15.36rem; margin: 0 auto; }
.history-main { width: 40000px; position: absolute; }
.history-main-box{  width: 4.82rem; float: left; margin-right: 0.45rem; }
.history-main-box .imgDiv{ height: 2.88rem; overflow: hidden; background: center no-repeat; background-size: cover; }
.history-main-box .time{ font-size: 0.18rem; line-height: 0.18rem; height: 0.35rem; color: #e70c1d; font-family: medium, mont; margin-top: 0.3rem; }
.history-main-box .msg{ font-size: 0.16rem; line-height: 0.24rem; height: 1.2rem; overflow: auto; padding-right: 8px; text-align: justify;}
.history-main-box .msg::-webkit-scrollbar { width: 4px;}
.history-main-box .msg::-webkit-scrollbar-track { background-color: #eee;}
.history-main-box .msg::-webkit-scrollbar-thumb { background-color: #e02534;} 

.aboutP4 .zzDiv{ position:relative;}

.aboutP4 .se{ display: block; position: absolute; top: 1.14rem; width: 0.6rem; height: 0.6rem; border-radius: 50%; border: #eee solid 2px; box-sizing: border-box; z-index: 2; }
.aboutP4 .prev_btn{ left: -0.8rem; background: #fff url(../images/nimg17_left2.png) center no-repeat; }
.aboutP4 .next_btn{ right: -0.8rem; background: #fff url(../images/nimg17_right2.png) center no-repeat; }
.aboutP4 .se:hover{ border: #e60012 solid 2px; }
.aboutP4 .prev_btn:hover{ background: #e60012 url(../images/nimg17_lefton.png) center no-repeat; }
.aboutP4 .next_btn:hover{ background: #e60012 url(../images/nimg17_righton.png) center no-repeat; }
.aboutP4 .prev_btn.notclick{ pointer-events:none;}

.aboutP4 .listTel{ position: relative; margin-top: 0.7rem;}
.aboutP4 .listTel:before{ content: ''; position: absolute; left: 0.15rem; width: 2px; height: 100%; background: #e3e3e2; }
.aboutP4 .listTel li{ position: relative; padding-left: 1.8rem; padding-bottom: 0.4rem; background: url(../images/nimg40_1on.png) left top no-repeat; background-size: 0.36rem;}
.aboutP4 .listTel li .year{ position: absolute; left: 0; top: 0; font-size: 0.32rem; line-height: 0.32rem; padding-left: 0.46rem; color: #e60012; font-family: mont; }
.aboutP4 .listTel li .lie dd{ padding-bottom: 0.3rem; }
.aboutP4 .listTel li .lie dd:last-child{ padding-bottom: 0; }
.aboutP4 .listTel li .time{ color: #000; font-family: mont; font-size: 0.28rem; line-height: 0.28rem; }
.aboutP4 .listTel li .msg{ font-size: 0.26rem; line-height: 0.48rem; text-align: justify; margin-top: 0.2rem; }


.aboutP5{ padding: 1.4rem 0; }
.aboutP5 .leftDiv{ width: 5.5rem; }
.aboutP5 .en{ font-size: 0.42rem; color: #e60012; line-height: 0.46rem; font-family: mont; padding: 0.5rem 0 0.2rem; }
.aboutP5 .content{ position: relative; padding-top: 0.3rem; height: 1.8rem; font-size: 0.16rem; line-height: 0.3rem; color: #333; text-align: justify; background: url(../images/nimg28Bg.png) no-repeat;}
.aboutP5 .content:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 28px; height: 26px; background: url(../images/nimg28Bg2.png) no-repeat; }
.aboutP5 .more{ margin-top: 0.6rem; }
.aboutP5 .more a{ display: block; width: 1.24rem; height: 0.42rem; line-height: 0.42rem; text-align: center; font-size: 14px; color: #e02534; border: #e02534 solid 2px; border-radius: 0.48rem; }
.aboutP5 .more a:hover{ background: #e02534; color: #fff; }

.aboutP5 .rightDiv{ width: 8.86rem; position: relative;}
.aboutP5 .list{ position: relative; z-index: 1; }
.aboutP5 .list ul{ margin-right: -2px; }
.aboutP5 .list li{ float: left; width: 33.33%; padding-bottom: 2px;}
.aboutP5 .list li .box{ overflow: hidden; margin-right: 2px;}
.aboutP5 .list li .imgDiv{ height: 2.1rem; background: center no-repeat; background-size: cover;}
.aboutP5 .list li .box:hover .imgDiv{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.aboutP5 .smile{ position: absolute; left: 2.94rem; top: 0; width: 2.0rem; height: 2.18rem; background-size: 2.0rem; }
.aboutP5 .smile.on{ left: 0.94rem; }

.founderModal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; visibility: hidden; opacity: 0; z-index: 999; background: rgba(0, 0, 0, 0.5);/* display: none;*/}
.founderModal-box.on {
	visibility: visible;
	opacity: 1;
  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 */
}

.founderLayer{ width: 100%; height: 100vh; margin: 0 auto; background: url(../images/founderBg.jpg) center no-repeat; background-size: cover; position: relative; box-sizing: border-box;}
.founderLayer:before{ content: ''; position: absolute; right: 0; bottom: 0; width: 40%; height: calc(100vh - 1.0rem); background: #fff; z-index: 0; }
.founderLayer .w1374{ width: 13.74rem; margin: 0 auto; }
.founderLayer .temeDiv{ background: #fff; height: calc(100vh - 1.0rem); margin-top: 1.0rem; position: relative; z-index: 2;}
.founderLayer .bg{ position: absolute; right: 50%; margin-right: -9.6rem; bottom: 0; width: 5.17rem; height: 5.06rem; background: url(../images/nimg517Bg.png) no-repeat; background-size: 5.17rem; }
.founderLayer .close{ display:block; z-index: 2; position:absolute; right: 0; top: 0.6rem; width: 0.5rem; height: 0.5rem; border: #ece8e8 solid 2px; border-radius: 50%; background: url(../images/close.png) center no-repeat;}
.founderLayer .close:hover{ border: #e02534 solid 2px; background: #e02534 url(../images/close2.png) center no-repeat;}
.founderLayer .mxfDiv{ padding-top: 1.2rem; position: relative; z-index: 1; }
.founderLayer .conDiv{ padding-left: 1.2rem; width: 6.7rem; }
.founderLayer .name{ font-size: 0.48rem; line-height: 0.48rem; color: #e02534; padding-bottom: 0.15rem; font-family: medium;}
.founderLayer .wen{ font-size: 0.18rem; line-height: 0.18rem; color: #000; margin-bottom: 0.5rem; }
.founderLayer .content{ font-size: 0.16rem; line-height: 0.3rem; max-height: 3.6rem; overflow: auto; padding-right: 10px; text-align: justify;}
.founderLayer .content::-webkit-scrollbar { width: 4px;}
.founderLayer .content::-webkit-scrollbar-track { background-color: #eee;}
.founderLayer .content::-webkit-scrollbar-thumb { background-color: #e02534;} 
.founderLayer .rightDiv{ width: 4.6rem; padding-top: 0.65rem; }
.founderLayer .rightDiv .imgDiv img{ width: 100%; }