/*banner*/
.ind-banner{width: 100%; overflow: hidden; z-index: 1;} 
.ind-banner .swiper-slide {position: relative; height: 8.1rem; overflow:hidden; padding-bottom: 0;}
.ind-banner .swiper-slide .bg{ height: 8.1rem; position: absolute; left: 0; top: 0; width: 100%;}
.ind-banner .swiper-slide .bg img{ width: 100%; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }

.ind-banner .one{position: absolute; left: 0; width: 100%; text-align: center; top:50%; transform: translateY(-50%); z-index: 1;} 
.ind-banner .one .txt{ color: #fff; font-weight: bold; font-size: 60px; line-height: 60px; }
.ind-banner .one .wen{ color: #fff; padding-top: 45px; font-size: 30px; line-height: 30px; }
.ind-banner .two{ position: absolute; left: 50%; margin-left: -720px; top:50%; transform: translateY(-50%); z-index: 1;} 
.ind-banner .two .txt{ color: #fff; font-size: 58px; line-height: 84px; font-weight: bold; }
.ind-banner .two .wen{ color: #fff; padding-top: 45px; font-size: 30px; line-height: 30px; }

.ind-banner .btnDiv{ width: 252px; margin-top: 60px; }
.ind-banner .btnDiv em{ display: block; width: 100%; height: 66px; line-height: 66px; border-radius: 48px; text-align: center; color: #fff; font-size: 24px;}

.ind-banner .three{position: absolute; left: 0; width: 100%; text-align: center; top:50%; transform: translateY(-50%); z-index: 1;} 
.ind-banner .three .txt{ color: #fff; font-weight: bold; font-size: 60px; line-height: 60px; }
.ind-banner .three .wen{ color: #fff; padding-top: 45px; font-size: 30px; line-height: 30px; }
.ind-banner .three .btnDiv{ width: 252px; margin: 60px auto 0; }

.ind-banner .botLayer{ position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; padding-bottom: 66px;}
.ind-banner .botLayer:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 1px; height: 50px; background: #d3000b; }
.ind-banner .botLayer b{ font-size: 24px; line-height: 24px; color: #fff; display: block; padding-bottom: 30px; } 
.ind-banner .botLayer .ico{ margin: 0 auto; width: 21px; }

.ind-banner .arrowDiv{ position: absolute; right: 50%; margin-right: -720px; bottom: 80px; z-index: 5; }
.ind-banner .arrowDiv .btn{ display: block; float: left; width: 64px; height: 64px; border-radius: 50%; border: #fff solid 2px; }
.ind-banner .arrowDiv .prev{ background: url(../images/nimg8_left.png) center no-repeat; }
.ind-banner .arrowDiv .next{ margin-left: 36px; background: url(../images/nimg8_right.png) center no-repeat; }
.ind-banner .arrowDiv .prev:hover{ border: #d5000b solid 2px; background: #d5000b url(../images/nimg8_left.png) center no-repeat; }
.ind-banner .arrowDiv .next:hover{ border: #d5000b solid 2px; background: #d5000b url(../images/nimg8_right.png) center no-repeat; }



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


/*banner结束*/
.indexP1{ padding: 125px 0 150px; position: relative; background: url(../images/indexP1.jpg) center bottom no-repeat; background-size: 100%;}
.indexP1 .leftDiv{ width: 360px; padding-top: 55px; }
.indexP1 .rightDiv{ width: 884px; }
.indexP1 .txt{ padding-bottom: 40px; font-size: 36px; color: #333; font-weight: bold; position: relative; line-height: 50px; }
.indexP1 .txt em{ display: block; }
.indexP1 .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #f0f0f0; z-index: 0; }
.indexP1 .txt:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100px; height: 2px; background: #d5000b; z-index: 1; }
.indexP1 .content{ padding-top: 32px; font-size: 16px; line-height: 36px; color: #333; text-align: justify; }
.halaPic{ position: relative; }
.indexP1 .list{ overflow: hidden; position: relative; padding: 0 0 85px; }
.indexP1 .list .lbox{ height: 310px; overflow: hidden; position: relative; padding: 60px 35px 0 90px; border-radius: 12px; cursor: pointer; box-sizing: border-box; }
.indexP1 .list .lbox:after{ content:''; opacity:0; position:absolute; left:0; top:0; width:100%; height:100%;  background-image: linear-gradient(top,#d5000b,#a71018);
    background-image: -webkit-linear-gradient(top,#d5000b,#a71018);
    background-image: -moz-linear-gradient(top,#d5000b,#a71018);
    background-image: -o-linear-gradient(top,#d5000b,#a71018);
    background-image: linear-gradient(to bottom,#d5000b,#a71018);
    background-image: -webkit-linear-gradient(to bottom,#d5000b,#a71018);
    background-image: -moz-linear-gradient(to bottom,#d5000b,#a71018);
    background-image: -o-linear-gradient(to bottom,#d5000b,#a71018);}
.indexP1 .list .lbox:before{ content:''; position: absolute; z-index:1; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/nimg258Bg.jpg) no-repeat; background-size: 100% 100%; }
.indexP1 .list .bg{ position:absolute; z-index:1; left: 42px; top:64px; width:23px; height:115px; background:url(../images/nimg23Bg.png) no-repeat;}
.indexP1 .list .year{ position: relative; z-index: 1; font-size: 14px; color: #c8c8c8; padding-bottom: 25px; font-family: Harmony; }
.indexP1 .list .name{ position: relative; z-index: 1; font-size: 22px; color: #333; padding-bottom: 18px; line-height: 22px; font-weight: bold; }
.indexP1 .list .msg{ position: relative; z-index: 1; font-size: 14px; color: #000; line-height: 24px; text-align: justify;}

.indexP1 .list .swiper-slide-active .lbox:before, .indexP1 .list .lbox:hover:before{ opacity:1;}
.indexP1 .list .swiper-slide-active .lbox:after, .indexP1 .list .lbox:hover:after{ opacity:1;}
.indexP1 .list .swiper-slide-active .lbox .bg, .indexP1 .list .lbox:hover .bg, .indexP1 .list .swiper-slide-active.on .lbox .bg{ background:url(../images/nimg23Bgon.png) no-repeat; }
.indexP1 .list .swiper-slide-active .lbox .year, .indexP1 .list .lbox:hover .year, .indexP1 .list .swiper-slide-active.on .lbox .year{ color: #fff; }
.indexP1 .list .swiper-slide-active .lbox .name, .indexP1 .list .lbox:hover .name, .indexP1 .list .swiper-slide-active.on .lbox .name{ color: #fff; } 
.indexP1 .list .swiper-slide-active .lbox .msg, .indexP1 .list .lbox:hover .msg, .indexP1 .list .swiper-slide-active.on .lbox .msg{ color: #fff; }
.indexP1 .line { position: absolute; height: 4px; background: #f0f0f0; left: 0; width: 670px; bottom: 20px;}
.indexP1 .btn{ position: absolute; width: 48px; height: 48px; border-radius: 50%; bottom: 0; z-index: 2; box-shadow: 6px 8px 20px 0px rgba(102, 102, 102, 0.15); }
.indexP1 .prev{ right: 88px; background: #fff url(../images/nimg10_left.png) center no-repeat; }
.indexP1 .next{ right: 15px; background: #fff url(../images/nimg10_right.png) center no-repeat; }
.indexP1 .prev:hover{ background: #d5000b url(../images/nimg10_lefton.png) center no-repeat; }
.indexP1 .next:hover{ background: #d5000b url(../images/nimg10_righton.png) center no-repeat; }

/*.indexVideo{ position:relative; height:5.0rem;}
.indexVideo .network-video{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}*/

.indexVideo{ position: relative; }
.indexVideo video{ width: 100%; display: block;}

.indexP2{ position: relative; overflow: hidden; }
.indexP2 .bg video{ width: 100%; display: block; }
.indexP2 .bg img{ width: 100%; }
.indexP2 .wen{ position: absolute; left: 50%; margin-left: -720px; top: 15.4%; font-size: 36px; line-height: 36px; color: #333; font-weight: bold; }
.indexP2 .list{ z-index: 2;}
.indexP2 .list li{ position: absolute; width: 89px; padding-bottom: 125px; cursor: pointer;}
.indexP2 .list li:after{ content: ''; position: absolute; left: 50%; width: 2px; height: 125px; margin-left: -1px; background: url(../images/line2.png) no-repeat; }
.indexP2 .list li .name{ width: 89px; height: 89px; text-align: center; background: url(../images/nimg89Bg.png) no-repeat; color: #fff; font-size: 16px; line-height: 22px; font-weight: bold; }
.indexP2 .list .li01{ left: 20.5%; top: 39%; z-index: 5;}
.indexP2 .list .li02{ left: 28%; top: 30%; z-index: 4; }
.indexP2 .list .li03{ left: 41%; top: 50%; z-index: 3;}
.indexP2 .list .li04{ right: 41.9%; top: 60.8%; z-index: 2;}
.indexP2 .list .li05{ right: 38.6%; top: 13.5%; }

.indexP2 .list li .layerDiv{ position:absolute; z-index: 2; top: 0; left: 100px; padding-left: 8px; opacity: 0; visibility: hidden;}
.indexP2 .list li .layerDiv .bg{ position: absolute; left: 0; top: 30px; z-index: 1; width: 8px; height: 17px; background: url(../images/nimg8Bg.png) no-repeat; }
.indexP2 .list li .layerDiv .l7Div{ box-sizing: border-box; overflow: hidden; width: 326px; padding: 30px 32px; border-radius: 12px; background: rgba(255,255,255,0.9); box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.2);}
.indexP2 .list li .layerDiv .msg{ font-size: 16px; line-height: 30px; color: #333; text-align: justify; }
.indexP2 .list li.on .layerDiv{ opacity: 1; visibility: visible; left: 110px; }

.indexP2 .plane{ left: -20%; top: 32.3%; width: 17.7%; z-index: 2; }
.indexP2.cur .plane{ left: 5.2%; }
.indexP2 .decoration{ position: absolute; z-index: 1; }
.indexP2 .boat { width: 25.8%; right: -12.52%; top: 84.34%; animation: boat 20s ease infinite;}
@keyframes boat {
  0% {
    transform: translate(-600px, -380px);
  }
  80% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    transform: translate(0, 0);
    opacity: 0;
    visibility: hidden;
  }
}

.indexP2 .train { width: 22%; right: -19.8%; bottom: 51.2%; z-index: 0; animation: train 20s linear infinite;}
@keyframes train {
  0% {
    transform: translate(0, 0);
  }
  80% {
    opacity: 1;
    visibility: visible;
  }
  100% {
    transform: translate(-1.8rem, 1.1rem);
    opacity: 0;
    visibility: hidden;
  }
}

.indexP2 .fly { width: 4.8%; left: 37%; bottom: 15%; animation: fly 4s linear infinite;}

@keyframes fly {
  0%,
  100% {
    transform: translate(0, 0);
  }
  25%,
  75% {
    transform: translate(0, 20px);
  }
  50% {
    transform: translate(50px, -20px);
  }
}

.indexP2 .car { width: 2.3%; left: 40%; top: 76.5%; animation: upDown4 1s infinite alternate linear;}
@keyframes upDown4 {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(-2px); } }
@-webkit-keyframes upDown4 {
  from {
    -webkit-transform: translateY(0); }
  to {
    -webkit-transform: translateY(-2px); } }

.indexP3{ padding-top: 150px; }
.indexP3 .title{ padding-bottom: 70px; font-size: 36px; line-height: 36px; color: #333; text-align: center; font-weight: bold; }


.scene { overflow:hidden; background:#f2f3f5; position:relative;}
.scene .scene-content { display:flex; width:110%; height:5.4rem; overflow:hidden;}
/*.scene .scene-content:hover+.scene-hot,.scene-mobile { display:none;}*/
/*.scene .scene-content:hover .scene-content-item .scene-wrapper .scene-modal { opacity:.8}*/
.scene .scene-content:hover .scene-content-item .scene-wrapper .scene-wrapper-bg>img { transform:translate(0,0)}
/*.scene .scene-content:hover .item-thumb { opacity:0; z-index:1}*/
.scene .scene-content .scene-content-item { position:relative; flex:1 0 0.35rem; transition:all 0.6s; will-change:auto}
.scene .scene-content .scene-content-item:hover { flex:1 0 5.7875rem}
.scene .scene-content .scene-content-item:hover .scene-wrapper .scene-modal { opacity:0.7; visibility:visible;}
/*.scene .scene-content .scene-content-item:hover .item-detail { opacity:1; z-index:2}*/
.scene .scene-content .scene-content-item .scene-wrapper { position:relative; z-index:1; width:100%; height:100%; box-sizing:border-box; transform:skew(-10.15deg); transform-origin:left top; overflow:hidden}
.scene .scene-content .scene-content-item .scene-wrapper .scene-modal { position:absolute; width:100%; height:100%; background-color:#000; opacity:0; z-index:1; transition:all .6s}
.scene .scene-content .scene-content-item .scene-wrapper::after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(107deg,#0a2349 20%,rgba(10,35,73,0) 100%); opacity:0; visibility:hidden; transition:all .6s}
.scene .scene-content .scene-content-item .scene-wrapper-bg { position:absolute; top:0; left:50%; margin-left:-0.6rem; width:12.6rem; height:100%; transform:translate(-50%,0) skew(10.15deg); transform-origin:left top}
.scene .scene-content .scene-content-item .scene-wrapper-bg>img { width:100%;  transition:transform .5s}
.scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper { position:relative;}
.scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper::before { content:""; position:absolute; top:0; right:0; z-index:10; width:1px; height:100%; background-color:#fff; opacity:.3}
/*.scene .scene-content .scene-content-item:nth-child(1) .scene-wrapper-bg>img { transform:translate(-1.235rem,0)}*/
.scene .scene-content .scene-content-item:nth-child(2) .scene-wrapper { overflow:initial; z-index:0}
/*.scene .scene-content .scene-content-item:nth-child(2) .scene-wrapper-bg>img { transform:translate(-1.235rem,0)}*/
.scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper { position:relative}
.scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper::before { content:""; position:absolute; top:0; left:0; z-index:10; width:1px; height:100%; background-color:#fff; opacity:.3}
/*.scene .scene-content .scene-content-item:nth-child(3) .scene-wrapper-bg>img { transform:translate(-1.855rem,0)}*/
.scene .scene-content .scene-content-item:nth-child(4) .scene-wrapper { position:relative}
.scene .scene-content .scene-content-item:nth-child(4) .scene-wrapper::before { content:""; position:absolute; top:0; left:0; z-index:10; width:1px; height:100%; background-color:#fff; opacity:.3}
/*.scene .scene-content .scene-content-item:nth-child(4) .scene-wrapper-bg>img { transform:translate(-1.855rem,0)}*/

.scene .scene-content .scene-content-item .item-thumb { position:absolute; z-index:2; top:0; left:0; width:100%; height:100%; background: url(../images/bg_02.png) top repeat-x; transition:opacity .5s}
.scene .scene-content .scene-content-item:nth-child(even) .item-thumb{ background: url(../images/bg_04.png) top repeat-x;}
.scene .scene-content .scene-content-item:hover .item-thumb{ opacity:0; }

.item-thumb .l7Div{ position: absolute; left: 40%; top: 90px; }
.item-thumb .name{ padding: 35px 0 40px; line-height:24px; color:#333; font-size:24px;}
.item-thumb .ico{ width: 36px; height: 36px; border: #000 solid 2px; box-sizing: border-box; background: url(../images/ico8.png) center no-repeat; }

.scene .scene-content .scene-content-item .item-detail { opacity:0; position:absolute; z-index:5; top:0; left:0; width:100%; height:100%;/* background:linear-gradient(107deg,#0a2349 20%,rgba(10,35,73,0) 100%);*/ transition:opacity .6s}
.scene .scene-content .scene-content-item:hover .item-detail { opacity:1; z-index:2}
.item-detail .l8Div{ position: absolute; left: 36%; top: 90px; color: #fff; width: 400px; }
.item-detail .name{ padding: 35px 0 45px; line-height:24px; font-size:24px;}
.item-detail .content{ font-size: 16px; line-height: 36px; text-align: justify; }

.advanPic{ position: relative; }
.advanPic .swiper-slide{ position: relative; }
.advanPic .imgDiv img{ width: 100%; }
.advanPic .l8Div{ position: absolute; left: 0.3rem; right: 0.8rem; top: 1.0rem; padding-left: 1.0rem; color: #333;}
.advanPic .l8Div .limg{ position: absolute; left: 0; top: 0; z-index: 1; }
.advanPic .l8Div .limg img{ width: 0.6rem; }
.advanPic .l8Div .name{ font-size: 0.32rem; line-height: 0.32rem; }
.advanPic .l8Div .content{ font-size: 0.28rem; line-height: 0.52rem; padding-top: 0.25rem; text-align: justify; }
.advanPic .btn{ position: absolute; width: 36px; height: 36px; border-radius: 50%; bottom: 0.4rem; z-index: 2; box-shadow: 6px 8px 20px 0px rgba(102, 102, 102, 0.15); }
.advanPic .prev{ right: 60px; background: #fff url(../images/nimg10_left.png) center no-repeat; background-size: 6px;}
.advanPic .next{ right: 10px; background: #fff url(../images/nimg10_right.png) center no-repeat; background-size: 6px; }
.advanPic .prev:hover{ background: #d5000b url(../images/nimg10_lefton.png) center no-repeat; background-size: 6px; }
.advanPic .next:hover{ background: #d5000b url(../images/nimg10_righton.png) center no-repeat; background-size: 6px; }
.advanPic .swiper-pagination{ left:auto; width:auto; right: 2.6rem; bottom:0.4rem; line-height: 36px; font-size:0.3rem; color: #fff;}

.indexP4{ padding: 150px 0; }
.indexP4 .title{ padding-bottom: 30px; font-size: 36px; line-height: 36px; color: #333; text-align: center; font-weight: bold; }
.indexP4 .msg{ text-align: center; font-size: 16px; color: #333; line-height: 16px; padding-bottom: 75px; }

.shipinPic{ position: relative; }
.shipinPic .list{ overflow: hidden; }
.shipinPic .lbox{ overflow: hidden; border-radius: 12px; cursor: pointer; }
.shipinPic .imgDiv{ position: relative; }
.shipinPic .imgDiv:after{ content: ''; position: absolute; left: 50%; top: -30%; width: 74px; height: 74px; margin-left: -37px; background: url(../images/nimg74_1.png) no-repeat; }
.shipinPic .imgDiv img{ width: 100%; }
.shipinPic .conDiv{ height: 150px; padding: 30px 50px 0; box-sizing: border-box; background: #f5f5f5;}
.shipinPic .name{ height: 60px; line-height: 30px; font-size: 18px; color: #474b51; overflow: hidden; text-align: justify; }
.shipinPic .wen{ font-size: 16px; color: #666; line-height: 28px; }
.shipinPic .videoDiv{ display: none; }
.shipinPic .lbox:hover .imgDiv:after{ top: 50%; margin-top: -37px;}
.shipinPic .arrow{ z-index: 5; display: block; position: absolute; width: 48px; height: 32px; top: 50%; margin-top: -16px; }
.shipinPic .prev{ left: -120px; background: url(../images/nimg31Bg.png) right center no-repeat;} 
.shipinPic .prev:before{ content: ''; position: absolute; left: 0; top: 7px; width: 32px; height: 10px; background: url(../images/nimg32_left.png) center no-repeat; }
.shipinPic .next{ right: -120px; background: url(../images/nimg31Bg.png) left center no-repeat; } 
.shipinPic .next:before{ content: ''; position: absolute; right: 0; top: 7px; width: 32px; height: 10px; background: url(../images/nimg32_right.png) center no-repeat; }
.shipinPic .prev:hover:before{ left: 5px; }
.shipinPic .next:hover:before{ right: 5px; }
.shipinPic .swiper-pagination{ display: none; bottom: 0; position: relative; padding-top: 0.7rem; } 
.shipinPic .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #b1b1b1; border-radius: 50%; margin: 0 8px!important; } 
.shipinPic .swiper-pagination-bullet-active { background: #d5000b; } 

.llm .list2{ overflow:hidden;}
.llm .bigBox{ height:430px; background:#f5f5f5; position:relative; padding: 0 85px 0 545px;}
.llm .imgDiv{ position:absolute; left:0; top:0;}
.llm .imgDiv img{ width:478px;}
.llm .baozhe{ padding-top: 70px;}
.llm .toptop{ padding-left:55px; height:36px; font-size:22px; font-weight:bold; padding-bottom:30px;}
.llm .toptop em{ line-height:36px; padding-right:28px; position:relative; color:#999;}
.llm .toptop em:after{ content:''; position:absolute; right:0; top:50%; width:2px; height:20px; margin-top:-10px; background:#d5010c;}
.llm .toptop span{ padding-left:28px; color:#474b51;}
.llm .conDiv{ position: relative; padding: 35px 0 75px 50px; }
.llm .conDiv:before{ content: ''; position: absolute; left: 0; top: 0; width: 92px; height: 74px; background: url(../images/nimg92Bg3.png) no-repeat; }
.llm .conDiv:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 92px; height: 74px; background: url(../images/nimg92Bg4.png) no-repeat; }
.llm .content{ font-size: 16px; line-height: 36px; overflow: hidden; color: #474b51; position: relative; z-index: 1;}
.llm .swiper-pagination{ bottom: 0!important; position: relative; padding-top: 55px; } 
.llm .swiper-pagination-bullet { width: 11px; height: 11px; opacity: 1; background: #acacac; border-radius: 50%; margin: 0 8px!important; } 
.llm .swiper-pagination-bullet-active { width: 29px; border-radius: 28px; background: #d5000b; } 


.indexP5{ padding: 120px 0; background: #fafafa; }
.indexP5 .title{ padding-bottom: 30px; font-size: 36px; line-height: 36px; color: #333; text-align: center; font-weight: bold; }
.indexP5 .msg{ text-align: center; font-size: 16px; color: #333; line-height: 16px; padding-bottom: 75px; }
.indexP5 .list{ overflow: hidden; position: relative;}
.indexP5 .list .bigBox{ background: #fff;}
.indexP5 .list .imgDiv{ width: 50%; }
.indexP5 .list .imgDiv img{ width: 100%; }

.indexP5 .list .baozhe{ width: 50%; box-sizing: border-box; padding: 45px 48px 0;}
.indexP5 .list .conDiv{ position: relative; padding: 35px 20px 5px 45px; }
.indexP5 .list .conDiv:before{ content: ''; position: absolute; left: 0; top: 0; width: 92px; height: 74px; background: url(../images/nimg92Bg.png) no-repeat; }
.indexP5 .list .conDiv:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 92px; height: 74px; background: url(../images/nimg92Bg2.png) no-repeat; }
.indexP5 .list .wen{ font-weight: bold; color: #474b51; font-size: 22px; line-height: 22px; padding-bottom: 15px; position: relative; z-index: 1;}
.indexP5 .list .content{ font-size: 16px; line-height: 30px; height: 120px; overflow: hidden; color: #474b51; position: relative; z-index: 1;}
.indexP5 .list .botbot{ margin-top: 32px; position: relative; padding-left: 150px; padding-right: 30px; height: 78px; }
.indexP5 .list .headIco{ position: absolute; left: 45px; top: 0; border-radius: 50%; overflow: hidden; width: 78px; height: 78px; box-sizing: border-box; border: #d5000b solid 3px; }
.indexP5 .list .name{ font-size: 16px; line-height: 16px; color: #999; padding: 12px 0; }
.indexP5 .list .state{ font-weight: bold; font-size: 16px; color: #474b51; }
.indexP5 .swiper-pagination{ bottom: 0!important; position: relative; padding-top: 75px; } 
.indexP5 .swiper-pagination-bullet { width: 11px; height: 11px; opacity: 1; background: #acacac; border-radius: 50%; margin: 0 8px!important; } 
.indexP5 .swiper-pagination-bullet-active { width: 29px; border-radius: 28px; background: #d5000b; } 

.indexP6{ padding: 140px 0 150px; }
.indexP6 .toptop{ position: relative; z-index: 2; height: 115px;}
.indexP6 .cn{ font-size: 36px; line-height: 48px; font-weight: bold; color: #333; }
.indexP6 .tab2{ position: absolute; left: 0; width: 100%; text-align: center; top: 0; }
.indexP6 .tab2 ul{ font-size: 0; }
.indexP6 .tab2 li{ display: inline-block; font-weight:bold; margin: 0 25px; position: relative; line-height: 48px; font-size: 16px; color: #999; }
.indexP6 .tab2 .liNow{ color: #d5000b;}

.indexP6 .more{ position: absolute; right: 0; top: 0; }
.indexP6 .more a{ overflow: hidden; position: relative; display: block; width: 48px; height: 48px; border-radius: 50%; background: #d5000b; }
.indexP6 .more img{ position: absolute; left: 50%; margin-left: -4px; top:50%; margin-top: -7px; }
.indexP6 .more .hide{ left: -38px; }
.indexP6 .more a:hover .show, .indexP6 .more a:hover .hide{transform:translateX(63px);-webkit-transform:translateX(63px);-moz-transform:translateX(63px)}

.indexP6 .tabContent2{ animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards; }
.indexP6 .list ul{ margin-right: -27px; }
.indexP6 .list li{ float: left; width: 33.33%; }
.indexP6 .list li .box{ margin-right: 27px; height: 4.48rem; padding: 0.65rem 0.6rem 0; box-sizing: border-box; border-radius: 16px; }
.indexP6 .list li .time{ font-size: 18px; color: #999; line-height: 18px; padding-bottom: 15px; font-family: Harmony; }
.indexP6 .list li .name{ font-size: 24px; line-height: 40px; height: 80px; overflow: hidden; color: #333; font-weight: bold; }
.indexP6 .list li .content{ padding-top: 20px; font-size: 14px; line-height: 30px; height: 90px; color: #666; overflow: hidden; margin-bottom: 35px;}
.indexP6 .list li .btnDiv{ position: relative; height: 56px; }
.indexP6 .list li .btn1{ font-size: 14px; color: #d5000b; font-weight: bold; line-height: 14px; text-decoration: underline; }
.indexP6 .list li .btn2{ opacity: 0; position: absolute; left: 0; top: 0; width: 214px; height: 56px; line-height: 56px; font-size: 16px; text-align: center; color: #fff; font-weight: bold; border-radius: 36px; }
.indexP6 .list li .box:hover{ background: #f7f7f7; }
.indexP6 .list li .box:hover .btn1{ opacity: 0; }
.indexP6 .list li .box:hover .btn2{ opacity: 1; }

.indexP7{ padding-top: 150px; height: 758px; box-sizing: border-box; background: url(../images/indexP7.jpg) center no-repeat; background-size: cover;}
.indexP7 .wal{ position: relative; }
.indexP7 .toptop{ position: absolute; width: 100%; left: 0; top: 0; z-index: 1; height: 115px;}
.indexP7 .cn{ font-size: 36px; line-height: 50px; font-weight: bold; color: #333; }
.indexP7 .btn{ position: absolute; left: 0; width: 100%; text-align: center; top: 0; }
.indexP7 .btn ul{ font-size: 0; }
.indexP7 .btn li{ display: inline-block; cursor: pointer; font-weight:bold; margin: 0 25px; position: relative; line-height: 50px; font-size: 16px; color: #999; }
.indexP7 .btn li.on{ color: #d5000b;}
.indexP7 .arrow{ position: absolute; right: 0; top: 0; z-index: 2;}
.indexP7 .arrow .se{ display: block; width: 50px; height: 50px; float: left; margin-left: 16px; border-radius: 50%;}
.indexP7 .arrow .prev{ background: #fff url(../images/nimg19_lefton.png) center no-repeat; box-shadow: 6px 8px 20px 0px rgba(51, 51, 51, 0.1); }
.indexP7 .arrow .next{ background: #fff url(../images/nimg19_righton.png) center no-repeat; box-shadow: 6px 8px 20px 0px rgba(51, 51, 51, 0.1);}
.indexP7 .arrow .prev:hover{ background: #d5000b url(../images/nimg19_left.png) center no-repeat;}
.indexP7 .arrow .next:hover{ background: #d5000b url(../images/nimg19_right.png) center no-repeat;}

.indexP7 .list{ padding-top: 115px; position: relative; }
.indexP7 .imgList{ overflow: hidden; }
.indexP7 li .box{ position: relative; cursor: pointer; overflow: hidden; background: #fff; height: 172px; border-bottom: #ebebeb solid 1px; border-right: #ebebeb solid 1px; }
/*.indexP7 li .box:before{content:""; z-index: 1; position: absolute;left:0;top:0;border-top:1px solid #d5000b;border-left:1px solid #d5000b;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
*/.indexP7 li .box:after{content:""; z-index: 1; position: absolute;left:0;bottom:0;border-bottom:2px solid #d5000b;width:0;height:0;transition:all 0.4s ease-out 0s;visibility: hidden;box-sizing:border-box;}
/*.indexP7 li .box:hover:before{width:100%;height:100%;visibility: visible;}*/
.indexP7 li .box:hover:after{width:100%;visibility: visible;}
.indexP7 li .box img{ max-width: 170px; max-height: 150px; }
.indexP7 li .box:hover img{ transform:scale(1.05);-webkit-transform:scale(1.05);}

.indexP8{ position: relative; background:#f8f8f8; padding: 140px 0; overflow:hidden; }
.indexP8 .title{ padding-bottom: 70px; font-size: 36px; line-height: 36px; color: #333; text-align: center; font-weight: bold; }
.indexP8 .list { width: 3700px; position: relative; left: 50%; margin-left: -1850px;}
.indexP8 .swiper-slide { position: relative; overflow: hidden; }
.indexP8 .swiper-slide .img { width: 1152px;  position: relative; margin: 0 auto; }
.indexP8 .swiper-slide .img img{ width: 100%; }
.indexP8 .swiper-slide .txtLayer{ opacity:0; position: absolute; left: 0; top: 0; width:100%; height:100%; color: #fff; box-sizing:border-box; padding: 70px 140px 0; z-index: 1; }
.indexP8 .swiper-slide .name{ font-size: 36px; line-height: 36px; position: relative; padding-bottom: 32px; font-weight:bold; }
.indexP8 .swiper-slide .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 74px; height: 7px; background: #d5000b; }
.indexP8 .swiper-slide .lie{ margin-top: 40px; }
.indexP8 .swiper-slide .lie li{ float:left; width:50%; height:165px;}
.indexP8 .swiper-slide .lie li .wen{ font-size:24px; line-height:24px; padding-bottom:15px;}
.indexP8 .swiper-slide .lie li .content{ font-size:14px; line-height:24px; width:350px; text-align:justify; height:96px; overflow:hidden;}
.indexP8 .swiper-slide-active .txtLayer{ opacity:1; }
.indexP8 .swiper-pagination{ display: none; bottom: 0.3rem!important; } 
.indexP8 .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #b1b1b1; border-radius: 50%; margin: 0 8px!important; } 
.indexP8 .swiper-pagination-bullet-active { background: #d5000b; } 

.indexP8 a.arrow { display: block; width: 66px; height: 66px; position: absolute; z-index: 10; top: 50%; border-radius: 50%; margin-top: -33px; box-shadow: 6px 8px 20px 0px rgba(0, 0, 0, 0.1);}
.indexP8 a.arrow.prev { left: 50%; margin-left: -690px; background: #fff url("../images/limg10_lefton.png") center no-repeat; }
.indexP8 a.arrow.next { right: 50%; margin-right: -690px; background: #fff url("../images/limg10_righton.png") center no-repeat; }
.indexP8 a.arrow.prev:hover{ background: #d5000b url("../images/limg10_left.png") center no-repeat;}
.indexP8 a.arrow.next:hover { background: #d5000b url("../images/limg10_right.png") center no-repeat; }


.news .list{ padding: 55px 0 25px; }
.news .list li{ padding-bottom: 70px; }
.news .list li a{ display: block; padding: 0 65px 0 790px; height: 516px; position: relative; background: #f7f7f7; }
.news .list li .imgDiv{ position: absolute; left: 0; top: 0; }
.news .list li .imgDiv img{ width: 720px; }
.news .list li .conDiv{ height: 516px; }
.news .list li .time{ color: #b9b9b9; font-size: 30px; line-height: 30px; padding-bottom: 30px; font-family: Harmony;}
.news .list li .name{ color: #333; font-weight: bold; height: 72px; line-height: 36px; overflow: hidden; font-size: 30px; }
.news .list li .content{ padding-top: 20px; font-size: 16px; color: #999; height: 90px; line-height: 30px; overflow: hidden; }
.news .list li .btnDiv{ margin-top: 55px; width: 158px; height: 50px; line-height: 50px; color: #fff; font-weight: bold; text-transform: uppercase; font-size: 14px; border-radius: 24px; text-indent: 34px; position: relative;}
.news .list li .btnDiv:after{ content: ''; position: absolute; right: 38px; top: 50%; margin-top: -5px; width: 14px; height: 10px; background: url(../images/ico2.png) no-repeat; }
.news .list li a:hover .name{ color: #d5000b; }
.news .list li a:hover .btnDiv:after{ animation: iconAni 1.5s ease infinite;}
.news .list2{ padding-bottom: 90px; }
.news .list2 li{ height: 124px; border-bottom: #e0e0e0 solid 1px; }
.news .list2 li a{ display: block; padding-left: 235px; position: relative; font-size: 24px; line-height: 124px; color: #333;}
.news .list2 li .time{ position: absolute; left: 0; color: #c7c7c7; top: 0; font-family: Harmony; }
.news .list2 li a:hover{ color: #d5000b; }

.newsBox .topDiv{ padding: 135px 0 60px; background: url(../images/nimg900Bg.png) left top no-repeat; background-size: 9.0rem;}
.newsBox .topDiv .name{ text-align: center; color: #404040; font-size: 36px; line-height: 48px; padding-bottom: 40px; }
.newsBox .topDiv .time{ text-align: center; color: #ccc; font-size: 20px; font-family: Harmony; }
.newsBox .topDiv .time img{ padding-right: 15px; position: relative; top: -3px; }
.newsBox .botDiv{ background: #f5f5f5; }
.newsBox .botDiv .mxfDiv{ padding-left: 150px; position: relative; }
.newsBox .side_l{ width: 150px; position: absolute; left: 0; top: 0; border-top: #d6000c solid 3px;}
.newsBox .side_l .list li{ height: 70px; background: #fafafa; border-bottom: #ebebeb solid 1px; font-size: 16px;}
.newsBox .side_l .list li:last-child{ border-bottom: none; }
.newsBox .side_l .list li a{ display: block; height: 70px; line-height: 70px; position: relative; padding-left: 72px; }
.newsBox .side_l .list li img{ position: absolute; left: 28px; top: 50%; margin-top: -15px; }
.newsBox .side_l .btnDiv a{ display: block; height: 70px; line-height: 70px; text-indent: 28px; font-size: 14px; color: #fff; background: #d5000b; position: relative; }
.newsBox .side_l .btnDiv a:after{ content: ''; position: absolute; right: 24px; top: 50%; margin-top: -8px; width: 17px; height: 17px; background: url(../images/nimg17_1.png) no-repeat; }

.newsBox .side_l.on{ position:fixed; top: 0; left: 50%; margin-left: -720px;}


.newsBox .mainBox{ background: #fff; padding-right: 310px; min-height: 800px; position: relative; }
.newsBox .conDiv{ border-top: #f0f0f0 solid 1px; padding: 55px 60px 110px; }
.newsBox .content{ font-size: 18px; line-height: 36px; }
.newsBox .imgDiv{ text-align: center; padding: 24px 0; }
.newsBox .content img{ max-width: 856px; }

.sideNews{ position: absolute; right: 0; top: 0; border-top: #d6000c solid 3px; width: 310px; box-sizing: border-box; padding: 50px 45px 0 30px;}
.sideNews .title{ font-size: 18px; line-height: 18px; color: #d7010b; padding-bottom: 50px; }
.sideNews .detail a{ display: block; }
.sideNews .detail .limg img{ width: 100%; }
.sideNews .detail .name{ padding-top: 12px; height: 60px; line-height: 30px; overflow: hidden; color: #686868; font-size: 16px; }
.sideNews .detail:hover .name{ color: #d5000b; }
.sideNews .lie{ padding-top: 40px; }
.sideNews .lie li{ padding-bottom: 25px; font-size: 16px;}
.sideNews .lie li a{ display: block; line-height: 30px; }
.sideNews .lie li .time{ color: #c1c1c1; font-family: Harmony; }

.pageDown{ padding-top: 35px; }
.pageDown li{ padding-bottom: 10px; font-size: 14px; }
.pageDown li:last-child{ padding-bottom: 0; }
.pageDown li a{ display: block; height: 48px; line-height: 48px; background: #f7f7f7; padding: 0 25px; overflow: hidden;}

.about{ padding: 130px 0 220px; background: url(../images/aboutBg.jpg) center bottom no-repeat; background-size: 100%;}
.about .name{ color: #333; font-weight: bold; line-height: 36px; font-size: 36px; padding-bottom: 30px; }
.about .yearImg{ position: relative; padding-bottom: 25px;}
.about .yearImg:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 6px; background: #d6000c; }


.about .leftCon{ width: 700px; font-size: 16px; line-height: 36px; color: #353535; text-align: justify; padding-top: 35px; }
.about .rightDiv{ width: 630px; position: relative; margin-top: 45px; }
.about .rightDiv a{ display: block; width: 100%; height: 100%; }
.about .rightDiv .imgDiv img{ width: 100%; }
.about .rightDiv .playbox{ position: absolute; left: 0; top: 50%; width: 100%; text-align: center; z-index: 1; margin-top: -24px; }
.about .rightDiv .ico{ width: 48px; height: 48px; border-radius: 50%; background: url(../images/nimg48_1.png) no-repeat; margin: 0 auto; position: relative; }
.about .rightDiv .ico img{ display: none; }
.about .rightDiv .txt{ padding-top: 30px; color: #fff; font-size: 36px; line-height: 36px; font-family: Harmony; text-transform: uppercase; display: none;}
.about .rightDiv .videoDiv{ display: none; }
.about .rightDiv:hover .playbox{ margin-top: -34px; }

.about .title{ text-align: center; color: #333; font-weight: bold; font-size: 36px; line-height: 36px; padding-top: 220px; }
.about .list{ padding-top: 70px; }
.about .list ul{ margin-right: -20px; }
.about .list li{ float: left; width: 25%; }
.about .list li .box{ cursor: pointer; top: 0; border-radius: 12px; margin-right: 20px; height: 265px; position: relative; overflow: hidden; }
.about .list li .bg{ opacity: 0.65; z-index: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(top,#fff,#c5cdd2);
    background-image: -webkit-linear-gradient(top,#fff,#c5cdd2);
    background-image: -moz-linear-gradient(top,#fff,#c5cdd2);
    background-image: -o-linear-gradient(top,#fff,#c5cdd2);
    background-image: linear-gradient(to bottom,#fff,#c5cdd2);
    background-image: -webkit-linear-gradient(to bottom,#fff,#c5cdd2);
    background-image: -moz-linear-gradient(to bottom,#fff,#c5cdd2);
    background-image: -o-linear-gradient(to bottom,#fff,#c5cdd2); }
.about .list li .txt{ padding-top: 65px; text-align: center; font-size: 28px; line-height: 28px; color: #333; height: 55px; position: relative; z-index: 1; font-weight: bold; }
.about .list li .txt:after{ content: ''; position: absolute; left: 50%; margin-left: -25px; bottom: 0; width: 50px; height: 3px; background: #d6000c; }
.about .list li .msg{ padding-top: 24px; line-height: 28px; font-size: 18px; text-align: center; color: #333; position: relative; z-index: 1; }
.about .list li .box:hover{ top: -10px; box-shadow: 0px 0 24px 0px rgba(0, 0, 0, 0.2); }
.about .list li .box:hover .txt:after{ width: 0; margin-left: 0; }

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

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

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

.contactP1{ padding: 150px 120px 0; background: #f2f2f2 url(../images/contactBg.png) center bottom no-repeat; background-size: 100%;}
.contactP1 .title{ position: relative; text-align: center; font-size: 36px; line-height: 36px; color: #333; font-weight: bold; padding-bottom: 35px; }
.contactP1 .title:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 30px; height: 6px; margin-left: -15px; background: #d5000b; }
.contactP1 .tab2{ text-align: center; padding: 40px 0 50px; }
.contactP1 .tab2 ul{ font-size: 0; }
.contactP1 .tab2 li{ display: inline-block; margin: 0 25px; position: relative; color: #333; font-size: 16px; height: 30px; line-height: 16px; }
.contactP1 .tab2 .liNow{ font-weight: bold; }
.contactP1 .mapDiv{ height: 6.22rem; background: center no-repeat; background-size: cover; animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards;}

.contactP2{ padding: 150px 0; }
.contactP2 .title{ font-size: 36px; line-height: 36px; color: #333; font-weight: bold; padding-bottom: 35px; }
.contactP2 .msg{ font-size: 18px; color: #333; line-height: 18px; padding-bottom: 40px; position: relative; }
.contactP2 .msg:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 6px; background: #d5000b; }
.contactP2 .form{ padding-top: 55px; margin-right: -70px; }
.contactP2 .form .liDiv{ width: 33.33%; float: left; padding-bottom: 55px;}
.contactP2 .form .liDiv2{ width: 50%; }
.contactP2 .form .liDiv3{ width: 100%; }
.contactP2 .form .liDiv .box{ margin-right: 70px; }
.contactP2 .form .liDiv .txt{ height: 40px; font-size: 16px; color: #333; line-height: 16px; }
.contactP2 .form .liDiv .txt em{ color: #ff0000; }
.contactP2 .form .liDiv .input1{ width: 100%; height: 54px; line-height: 54px; background: #f9f9f9; box-sizing: border-box; font-size: 14px; padding-left: 15px; }
.contactP2 .form .liDiv textarea{ width: 100%; box-sizing: border-box; padding: 25px 30px; font-size: 14px; line-height: 26px; height: 160px; background: #f9f9f9; }

.contactP2 .select{ width: 100%; position: relative; height: 46px;}
.contactP2 .select dt{height: 46px; line-height: 46px; font-size: 14px; display: inline-block; width: 100%; background: #f9f9f9; box-sizing: border-box; padding-left: 15px; cursor: pointer; overflow: hidden; position: relative; }
.contactP2 .select dt a{ color: #666; position: relative; display: block; width: 100%; overflow: hidden;} 
.contactP2 .select dt a:after{ content: ''; position: absolute; right: 20px; top: 50%; width: 18px; height: 9px; margin-top: -5px; background: url(../images/selectIco.png) no-repeat center; }
.contactP2 .select dd{ position: absolute; left: 0px; top: 46px; z-index: 10; width: 100%; box-sizing: border-box;} 
.contactP2 .select dd ul { max-height:200px; list-style: none; overflow: auto; background: #fff; box-shadow: 0px 5px 8px 0px rgba(117,121,128,0.4); } 
.contactP2 .select dd ul::-webkit-scrollbar { width: 3px;}
.contactP2 .select dd ul::-webkit-scrollbar-track { background-color: #e5e5e5;}
.contactP2 .select dd ul::-webkit-scrollbar-thumb { background-color: #d6000c;} 
.contactP2 .select dd ul li{ width:100%; line-height: 40px; height: 40px; padding: 0 15px; box-sizing: border-box; cursor: pointer; border-bottom: 1px solid #eee; color: #999; font-size: 14px;}
.contactP2 .select dd ul li:last-child{ border-bottom:none;}
.contactP2 .btnGroup{ overflow: hidden; }
.contactP2 .btnGroup li{ float: left; margin-right: 20px; font-size: 16px;}
.contactP2 .btnGroup a{ display: block; height: 48px; line-height: 48px; text-align: center; width: 200px; background: #333; color: #fff; border-radius: 24px; }
.contactP2 .btnGroup a:hover{ background-image: linear-gradient(left,#d70e18,#a9151d);
    background-image: -webkit-linear-gradient(left,#d70e18,#a9151d);
    background-image: -moz-linear-gradient(left,#d70e18,#a9151d);
    background-image: -o-linear-gradient(left,#d70e18,#a9151d);
    background-image: linear-gradient(to right,#d70e18,#a9151d);
    background-image: -webkit-linear-gradient(to right,#d70e18,#a9151d);
    background-image: -moz-linear-gradient(to right,#d70e18,#a9151d);
    background-image: -o-linear-gradient(to right,#d70e18,#a9151d);}

.contactP3{ background: #fafafa; padding: 135px 0 110px; }
.contactP3 .title{ font-size: 36px; line-height: 36px; color: #000; font-weight: bold; padding-bottom: 50px; }
.contactP3 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 6px; background: #d5000b; }
.contactP3 .list{ padding-top: 60px; }
.contactP3 .list ul{ margin-right: -150px; }
.contactP3 .list li{ float: left; width: 33.33%; padding-bottom: 50px; }
.contactP3 .list li .box{ margin-right: 150px; border-bottom: #d5d5d5 solid 1px; padding-bottom: 20px; }
.contactP3 .list li .name{ padding-left: 40px; height: 42px; line-height: 42px; color: #333; font-size: 24px; position: relative; }
.contactP3 .list li .name img{ position: absolute; left: 0; top: 50%; margin-top: -12px; }
.contactP3 .list li .wen{ font-family: regular; color: #333; font-size: 16px; line-height: 32px; }


.industry{ padding: 150px 0 165px; }
.industry .title{ text-align: center; position: relative; color: #000; font-size: 48px; line-height: 48px; padding-bottom: 36px; font-weight: bold; }
.industry .title:after{ content: ''; position: absolute; left: 50%; margin-left: -29px; bottom: 0; width: 58px; height: 6px; background: #d5000b;  }
.industry .msg{ padding: 40px 0 70px; text-align: center; font-size: 16px; line-height: 30px; color: #333; }
.industry .list ul{ margin-right: -23px; }
.industry .wall-column { display: block; position: relative; width: 33.33%; float: left; box-sizing: border-box;}
.industry .article { display: block; margin-bottom: 26px;}
.industry .article .box{ margin-right: 23px; background: #fff; overflow: hidden; position: relative; }
.industry .article .imgDiv img{ width: 100%; }
.industry .article .bg{ position: absolute; left: 0; bottom: 0; width: 100%; height: 143px; background: url(../images/bg1.png) repeat-x; z-index: 0; }
.industry .article .botDiv{ position: absolute; left: 0; bottom: 25px; width: 100%; box-sizing: border-box; padding: 0 40px; z-index: 1; }
.industry .article .name{ height: 60px; line-height: 60px; color: #fff; font-weight: bold; font-size: 24px; }
.industry .article .ico{ position: absolute; right: 40px; top: 12px; width: 70px; height: 36px; border-radius: 24px; border: #fff solid 2px; background: url(../images/ico3.png) center no-repeat; }
.industry .article .box:hover .ico{ border: #d5000b solid 2px; background: url(../images/ico3on.png) center no-repeat;}
.industry .article .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.Toknow{ background: #fafafa; padding: 115px 0 100px; }
.Toknow2{ background: #fff; }
.Toknow .title{ text-align: center; font-size: 36px; line-height: 36px; color: #000; font-weight: bold; padding-bottom: 50px; }
.Toknow .list{ width: 1040px; margin: 0 auto; }
.Toknow .list2{ width: 1200px; }
.Toknow .list li{ float: left; width: 25%; text-align: center; }
.Toknow .list2 li{ width: 20%; }
.Toknow .list li .limg{ height: 70px; width: 64px; margin: 0 auto; position: relative;}
.Toknow .list li .baseBg{ position: absolute; left: 0; bottom: 0; width: 64px; height: 56px; background: url(../images/nimg64Bg.png) no-repeat; }
.Toknow .list li .ico{ position: absolute; left: 0; width: 100%; z-index: 1; top: 0; }
.Toknow .list li .name{ font-size: 24px; line-height: 24px; color: #333; padding-top: 20px; }
.Toknow .list li:hover .ico{ animation: upDown 0.5s infinite alternate linear; -webkit-animation: upDown 0.5s infinite alternate linear; }
.Toknow .list li:hover .name{ color: #d5000b; }

.adBot{ height: 340px; background: url(../images/adBg.jpg) center no-repeat; background-size: cover; position: relative;}
.adBot .w870{ width: 870px; margin: 0 auto; height: 340px; }
.adBot .txt{ font-size: 36px; line-height: 36px; color: #fff; font-weight: bold; padding-bottom: 20px; }
.adBot .wen{ font-size: 24px; line-height: 24px; color: #fff; }
.adBot .btnDiv a{ position: relative; display: block; font-size: 24px; width: 300px; height: 80px; border-radius: 48px; line-height: 76px; border: #fff solid 2px; box-sizing: border-box; color: #fff; text-indent: 68px; }
.adBot .btnDiv a:after{ content: ''; position: absolute; right: 66px; top: 50%; margin-top: -21px; width: 40px; height: 42px; background: url(../images/nimg40_1.png) no-repeat; }
.adBot .btnDiv a:hover{ background: #fff; color: #d5000b; }
.adBot .btnDiv a:hover:after{ background: url(../images/nimg40_1on.png) no-repeat;}

.industryShow{ padding: 150px 0; }
.industryShow .name{ font-weight: bold; font-size: 48px; line-height: 48px; color: #333; padding-bottom: 30px; }
.industryShow .content{ font-size: 16px; line-height: 32px; position: relative; padding-bottom: 45px; }
.industryShow .content:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 58px; height: 6px; background: #d5000b; }
.industryShow .title{ font-size: 36px; line-height: 36px; color: #333; font-weight: bold; padding: 120px 0 55px; }
.industryShow .msgList{ border-bottom: #e0e0e0 solid 1px; }
.industryShow .msgList li{ color: #333; padding-bottom: 70px; }
.industryShow .msgList li .wen{ padding-left: 42px; position: relative; font-size: 24px; line-height: 24px;}
.industryShow .msgList li .wen:before{ content: ''; position: absolute; left: 0; top: 8px; width: 9px; height: 9px; border: #d60611 solid 1px; border-radius: 50%; }
.industryShow .msgList li .msg{ font-size: 16px; line-height: 30px; padding: 28px 0 0 42px; }
.industryShow .btnDiv{ padding: 60px 0; }
.industryShow .btnDiv a{ display: block; width: 252px; height: 50px; line-height: 50px; border-radius: 32px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; }
.industryShow .lastDiv{ padding-right: 272px; position: relative; }
.industryShow .list ul{ margin-right: -18px; }
.industryShow .list li{ float: left; width: 33.33%; }
.industryShow .list li .box{ margin-right: 18px; overflow: hidden; position: relative; }
.industryShow .list li .imgDiv img{ width: 100%; }
.industryShow .list li .bg{ position: absolute; left: 0; bottom: 0; width: 100%; height: 143px; background: url(../images/bg1.png) repeat-x; z-index: 0; }
.industryShow .list li .botDiv{ position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; padding: 0 25px; z-index: 1; }
.industryShow .list li .cn{ height: 56px; line-height: 56px; color: #fff; font-weight: bold; font-size: 16px; }
.industryShow .list li .ico{ position: absolute; right: 25px; top: 10px; width: 52px; height: 26px; border-radius: 24px; border: #fff solid 2px; background: url(../images/ico3.png) center no-repeat; }
.industryShow .list li .box:hover .ico{ border: #d5000b solid 2px; background: url(../images/ico3on.png) center no-repeat;}
.industryShow .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.industryShow .moreBtn{ position: absolute; right: 0; top: 0; z-index: 1; }
.industryShow .moreBtn a{ position: relative; width: 252px; height: 225px; background: #a0a0a0; color: #fff; line-height: 40px; font-size: 24px; }
.industryShow .moreBtn a:before{ content: ''; position: absolute; left: 0; top: 0; width: 0; height: 50%; background: #d5000b; }
.industryShow .moreBtn a:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 0; height: 50%; background: #d5000b; }
.industryShow .moreBtn em{ position: relative; z-index: 1; width:100px; }
.industryShow .moreBtn a:hover:before, .industryShow .moreBtn a:hover:after{ width: 100%; }

.job .title{ font-size: 36px; line-height: 36px; color: #000; font-weight: bold; padding-bottom: 45px; text-align: center; position: relative; }
.job .title:after{ content: ''; position: absolute; left: 50%; margin-left: -15px; bottom: 0; width: 30px; height: 6px; background: #d5000b; }
.job .msg{ padding-top: 30px; font-size: 16px; color: #333; line-height: 30px; text-align: center; }
.job .list{ padding: 85px 0 40px; }
.job .list ul{ margin-right: -60px; }
.job .list li{ float: left; width: 33.33%; margin-bottom: 60px; }
.job .list li .hala{ margin-right: 60px; height: 324px; background: #fafafa; padding: 72px 60px 0; position: relative; cursor: pointer;}
.job .list li .hala:after{ content: ''; position: absolute; left: 50%; bottom: 0; height: 6px; background: #d5000b; width: 0; z-index: 1; }
.job .list li .name{ font-weight: bold; font-size: 26px; line-height: 26px; color: #333; height: 60px; position: relative; padding-left: 35px;}
.job .list li .name img{ position: absolute; left: 0; top: 0; }
.job .list li .name:after{ content: ''; width: 20px; height: 3px; background: #e0e0e0; position: absolute; left: 0; bottom: 0; }
.job .list li .brief{ padding-top: 30px; height:108px; overflow:hidden; }
.job .list li .brief span{ display: block; font-size: 16px; color: #333; line-height: 36px; }
.job .list li .ico{ position: absolute; left: 60px; bottom: 65px;  width: 47px; height: 33px; box-sizing: border-box; border: #595350 solid 2px; border-radius: 24px; background: url(../images/nimg6_1.png) center no-repeat;  }
.job .list li .hala:hover{ background: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);}
.job .list li .hala:hover:after{ width: 100%; left: 0; }
.job .list li .hala:hover .ico{ border: #d5000b solid 2px; background: #d5000b url(../images/nimg6_1on.png) center no-repeat; }
.job .list li .detail-box { display: none;}

.jobBot{ height: 388px; background: url(../images/jobBg.jpg) center no-repeat; background-size: cover; }
.jobBot .btnDiv{ width: 428px; height: 90px; }
.jobBot .btnDiv a{ display: block; width: 100%; height: 90px; line-height: 86px; color: #fff; text-align: center; font-size: 30px; font-weight: bold; box-sizing: border-box; border: #fff solid 2px; border-radius: 48px; }
.jobBot .btnDiv a:hover{ background: #fff; color: #d5000b; }

.jobModal-box { width: 100%; height: 100%; position: fixed; left: 0; top: 0; align-items: center; z-index: 110; background: rgba(0, 0, 0, 0.5); display: none;}
.jobModal-box.on {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
}
.jobModal-box .job-box { width: 1000px; margin: 0 auto; background: #fff; padding: 95px 100px 100px; position: relative;}
.jobModal-box .job-box .name { font-weight: bold; font-size: 28px; color: #231e37; margin-bottom: 20px; padding-right: 32px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.jobModal-box .job-box .name img { width: 24px; vertical-align: middle; margin-right: 20px;}
.jobModal-box .job-box h2 { color: #333; font-size: 16px; line-height: 36px;}
.jobModal-box .job-box .header { padding-right: 50px; margin-bottom: 38px; padding-bottom: 40px; border-bottom: 1px solid #f2f2f2;}
.jobModal-box .job-box .brief { color: #333; font-size: 16px; line-height: 36px;}
.jobModal-box .job-box .brief span { display: inline-block; margin-right: 75px;}
.jobModal-box .job-box .brief span:nth-child(4), .jobModal-box .job-box .brief span:nth-child(5){ display:none;}
.jobModal-box .job-box .brief span:last-child { margin-right: 0;}
.jobModal-box .job-box .content-box { height: 330px; overflow: auto; padding-right: 100px;}
.jobModal-box .job-box .content-box::-webkit-scrollbar { width: 4px;}
.jobModal-box .job-box .content-box::-webkit-scrollbar-track { background-color: #e5e5e5;}
.jobModal-box .job-box .content-box::-webkit-scrollbar-thumb { background-color: #d5000b;}
.jobModal-box .job-box .box { font-size: 16px; color: #333; line-height: 34px; margin-bottom: 30px;}
.jobModal-box .job-box .btnDiv{ padding-top: 45px; }
.jobModal-box .job-box .btnDiv a{ display: block; width: 232px; height: 52px; line-height: 52px; color: #fff; font-size: 16px; border-radius: 32px; text-align: center; }
.jobModal-box .job-box .close { display: inline-block; position: absolute; right: 100px; top: 105px; z-index: 3;}
.jobModal-box .job-box .close img { max-width: 100%;}

.talk{ padding: 65px 0 25px; }
.talk .list ul{ margin-right: -45px; }
.talk .list li{ float: left; width: 33.33%; padding-bottom: 45px; }
.talk .list li .box{ cursor: pointer; margin-right: 45px; border-radius: 12px; overflow: hidden; background: #f5f5f5;}
.talk .list li .imgDiv{ position: relative; overflow: hidden; }
.talk .list li .imgDiv:before{ content: ''; z-index: 1; position: absolute; left: 50%; top: 50%; width: 48px; height: 48px; margin-left: -24px; margin-top: -24px; background: url(../images/nimg48_1.png) no-repeat; }
.talk .list li .imgDiv img{ width: 100%; }
.talk .list li .conDiv{ height: 160px; box-sizing: border-box; padding: 55px 30px 0; }
.talk .list li .name{ line-height: 30px; max-height: 90px; overflow: hidden; text-align: center; font-size: 16px; color: #474b51; }
.talk .list li .videoDiv{ display: none; }
.talk .list li .box:hover{ background: #fff; box-shadow: 0px 37px 65px 0px rgba(0, 0, 0, 0.05);}
.talk .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.secondTab{ text-align: center; padding-bottom: 85px; overflow: hidden;}
.secondTab ul{ font-size: 0; }
.secondTab li{ display: inline-block; }
.secondTab li .box{ margin: 0 20px;}
.secondTab li .box a{ display: block; width: 280px; height: 68px; line-height: 68px; font-size: 24px; color: #333; border-radius: 36px; position: relative;}
.secondTab li .box a:after{ content: ''; position: absolute; left: 2px; top: 2px; right: 2px; bottom: 2px; box-sizing: border-box; background: #fff; border-radius: 36px; }
.secondTab li .box em{ position: relative; z-index: 1; }
.secondTab li .box .on{ color: #fff; }
.secondTab li .box .on:after{ display: none; }

.term{ padding: 120px 160px 70px; background: #fff; box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.05); }
.term .name{ height: 70px; line-height: 70px; position: relative; color: #333; font-size: 48px; padding-left: 40px; font-weight: bold; }
.term .name:before{ content: ''; position: absolute; left: 0; top: 50%; width: 9px; height: 48px; background: #d5000b; margin-top: -24px; }
.term .topDiv{ margin-top: 45px; border-top: #d6d6d6 solid 1px; border-bottom: #d6d6d6 solid 1px; height: 72px; overflow: hidden; }
.term .share a{ display: block; line-height: 72px; font-size: 16px; padding-left: 45px; background: url(../images/nimg30_1.png) left center no-repeat; }
.term .content{ padding: 50px 0; font-size: 16px; color: #333; line-height: 36px; }
.term .content b{ display: block; }
.term .title{ font-size: 24px; line-height: 24px; color: #333; font-weight: bold; padding-bottom: 50px; }
.term .list li{ padding-bottom: 50px; font-size: 16px; color: #333; }
.term .list li .wen{ font-weight: bold; padding-bottom: 5px;}
.term .list li .msg{ line-height: 36px;  }

.knowledge{ padding: 120px 160px 70px; background: #fff; box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.05); }
.knowledge .name{ height: 70px; line-height: 70px; position: relative; color: #333; font-size: 48px; padding-left: 40px; font-weight: bold; }
.knowledge .name:before{ content: ''; position: absolute; left: 0; top: 50%; width: 9px; height: 48px; background: #d5000b; margin-top: -24px; }
.knowledge .topDiv{ margin-top: 45px; border-top: #d6d6d6 solid 1px; border-bottom: #d6d6d6 solid 1px; height: 72px; overflow: hidden; }
.knowledge .share a{ display: block; line-height: 72px; font-size: 16px; padding-left: 45px; background: url(../images/nimg30_1.png) left center no-repeat; }
.knowledge .list{ padding-top: 60px; }
.knowledge .list li{ padding-bottom: 40px; }
.knowledge .list li .msgDiv{ height: 100px; padding-right: 100px; position:relative; background: #f7f7f7; cursor: pointer;}
.knowledge .list li .msgDiv:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #d5000b; }
.knowledge .list li .msgDiv:after{ content: ''; position: absolute; right: 42px; top: 50%; width: 12px; height: 8px; margin-top: -4px; background: url(../images/ico4.png) center no-repeat; }
.knowledge .list li .cn{ position: relative; padding-left: 40px; height: 100px; line-height: 40px; overflow: hidden; font-size: 24px; color: #333; }
.knowledge .list li .msgDiv.aNow{ background: #fff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); }
.knowledge .list li .msgDiv.aNow:before{ height: 3px; }
.knowledge .list li .msgDiv.aNow:after{ transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);}
.knowledge .list li .msgDiv.aNow .cn{ color: #d5000b; font-weight: bold; }
.knowledge .list li .hideDiv{ display: none; padding: 65px 0 25px; }
.knowledge .list li .content{ font-size: 16px; color: #333; line-height: 30px; padding-bottom: 45px; }
.knowledge .list li .content b{ display: block; }
.knowledge .list li .title{ font-size: 24px; line-height: 24px; color: #333; font-weight: bold; padding-bottom: 40px;}
.knowledge .list li .table table{ border-top: #ccc solid 1px; border-left: #ccc solid 1px; font-size: 16px; color: #333; }
.knowledge .list li .table th{ border-bottom: #ccc solid 1px; border-right: #ccc solid 1px; height: 36px; box-sizing: border-box; padding-left: 20px; }
.knowledge .list li .table td{ border-bottom: #ccc solid 1px; border-right: #ccc solid 1px; height: 36px; line-height: 28px; box-sizing: border-box; padding: 0 20px; }
.knowledge .list li .wenList dd{ font-size: 16px; line-height: 36px; color: #333; }
.knowledge .list li .more{ padding-top: 45px; }
.knowledge .list li .more a{ display: block; width: 408px; height: 50px; line-height: 50px; font-size: 16px; color: #fff; font-weight: bold; text-align: center; border-radius: 24px; }

.party{ padding: 140px 0 160px; position: relative;}
.party:after{ content: ''; position: absolute; right: 65px; top: 50px; width: 485px; height: 488px; background: url(../images/nimg485_1.png) no-repeat; }
.party .title{ text-align: center; font-size: 36px; line-height: 36px; color: #333; font-weight: bold; position: relative; padding-bottom: 35px; }
.party .title:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 30px; height: 6px; background: #d5000b; margin-left: -15px; }
.party .content{ position: relative; z-index: 1; width: 1000px; margin: 0 auto; font-size: 16px; color: #333; line-height: 30px; text-align: center; padding: 40px 0 45px; }

.partyPic{ position: relative; z-index: 1; }
.partyPic .lbox{ padding: 20px;}
.partyPic .lbox em{ display: block; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); cursor: pointer; }
.partyPic .imgDiv{ overflow: hidden; }
.partyPic .imgDiv img{ width: 100%; }
.partyPic .conDiv{ height: 155px; background: #fff; position: relative; box-sizing: border-box; padding: 50px 70px 0; }
.partyPic .conDiv:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; background: #d5000b; }
.partyPic .name{ text-align: center; font-size: 18px; color: #333; line-height: 30px; height: 60px; overflow: hidden; }
.partyPic .swiper-slide:hover .conDiv:after{ left: 0; width: 100%; }
.partyPic .swiper-slide:hover .name{ color: #d5000b; }
.partyPic .prev{ z-index: 5; left: -150px; position: absolute; display: block; background: #fff url(../images/nimg17_left.png) center no-repeat; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 50%; width: 70px; height: 70px; top: 50%; margin-top: -35px;} 
.partyPic .next{ z-index: 5; right: -150px; position: absolute; display: block;background: #fff url(../images/nimg17_right.png) center no-repeat; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 50%; width: 70px; height: 70px; top: 50%; margin-top: -35px; } 
.partyPic .prev:hover{ background: #d5000b url(../images/nimg17_lefton.png) center no-repeat;}
.partyPic .next:hover{ background: #d5000b url(../images/nimg17_righton.png) center no-repeat;}

.party .shipinDiv{ padding: 0 20px; position: relative; margin-top: 95px; }
.party .shipinDiv a{ display: block; width: 100%; height: 100%; }
.party .shipinDiv .imgDiv img{ width: 100%; }
.party .shipinDiv .playbox{ position: absolute; left: 0; top: 50%; width: 100%; text-align: center; z-index: 1; margin-top: -100px; }
.party .shipinDiv .btnDiv{ position:relative; width: 54px; margin: 0 auto;}
.party .shipinDiv .btnDiv em{ position: relative; display: block; width: 54px; height: 54px; border-radius: 50%; background: #d5000b; z-index:1;}
.party .shipinDiv .btnDiv img{ position: absolute; left: 50%; margin-left: -3px; top: 50%; margin-top: -5px; }

.party .shipinDiv .btnDiv .animated-circles .circle { background: rgba(213,0,11,.3); width: 54px; height: 54px; border-radius: 50%; position: absolute; left:0; top:0; z-index: 0; transform: scale(1); -webkit-transform: scale(1) }
.party .shipinDiv .btnDiv .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.17,.168,.78, .94) forwards }
.party .shipinDiv .btnDiv .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.17,.168,.78, .94) forwards }
.party .shipinDiv .btnDiv .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.17,.168,.78, .94) forwards }

.party .shipinDiv .txt{ padding-top: 65px; color: #fff; font-size: 24px; line-height: 24px; font-weight: bold; }
.party .shipinDiv .wen{ font-size: 16px; color: #fff; padding-top: 15px; }
.party .shipinDiv .videoDiv{ display: none; }

.history{ padding: 140px 0 160px; background: url(../images/historyBg.jpg) center bottom no-repeat; background-size: 100%; }
.history .mxfDiv{ position: relative; padding-left: 450px; margin-top: 25px; }
.history .cont-top{ position: absolute; left: 0; top: 70px; width: 270px;}
.history .cont-top li{ position: relative; padding-right: 8px; margin-bottom: 2px; }
.history .cont-top li:after{ content: ''; display: none; position: absolute; right: 0; top: 50%; width: 8px; height: 14px; margin-top: -7px; background: url(../images/nimg8_1.png) no-repeat; }
.history .cont-top li .lbox{ background: #d1d1d1; height: 88px; cursor: pointer; line-height: 88px; padding-left: 62px; color: #333; font-size: 20px; font-family: Harmony;}
.history .cont-top .liNow .lbox{ color: #fff; background-image: linear-gradient(left,#d5000b,#a71018);
    background-image: -webkit-linear-gradient(left,#d5000b,#a71018);
    background-image: -moz-linear-gradient(left,#d5000b,#a71018);
    background-image: -o-linear-gradient(left,#d5000b,#a71018);
    background-image: linear-gradient(to right,#d5000b,#a71018);
    background-image: -webkit-linear-gradient(to right,#d5000b,#a71018);
    background-image: -moz-linear-gradient(to right,#d5000b,#a71018);
    background-image: -o-linear-gradient(to right,#d5000b,#a71018);}
.history .cont-top .liNow:after{ display: block; }
.history .cont-top.on{ position:fixed; top: 0; left: 50%; margin-left: -720px; z-index: 2;}

.history .list{ display: none; position: relative; padding-top: 60px; min-height: 500px;  animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards; }
.history .list:before{ content: ''; position: absolute; left: 186px; top: 0; width: 1px; height: 100%; background: #e0e0e0; }
.history .list li{ position: relative; padding-left: 240px; min-height: 80px; padding-bottom: 65px; }
.history .list li .year{ position: absolute; left: 0; top: 0; width: 196px; background: url(../images/ico6.png) right center no-repeat; font-size: 48px; height: 56px; line-height: 56px; color: #d5000b; font-family: Harmony; }
.history .list li .conDiv{ padding-top: 12px; }
.history .list li .conDiv dd{ position: relative; padding: 0 0 30px 120px; font-size: 16px; line-height: 30px; }
.history .list li .conDiv dd .time{ position: absolute; left: 0; top: 0; color: #ccc; font-family: Harmony; }

.dutyP1{ height: 680px; padding-top: 140px; background: #eeeeef url(../images/dutyBg.jpg) center bottom no-repeat; box-sizing: border-box; background-size: cover; }
.dutyP1 .leftCon{ padding-top: 50px; width: 280px; }
.dutyP1 .name{ font-size: 36px; line-height: 36px; color: #333; font-weight: bold; padding-bottom: 25px; }
.dutyP1 .wen{ font-size: 18px; position: relative; padding-bottom: 45px; }
.dutyP1 .wen:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 28px; height: 6px; background: #d5000b; }

.dutyP1 .rightDiv{ width: 1010px; padding-left: 80px; position: relative; }
.dutyP1 .rightDiv:before{ content: ''; position: absolute; left: 0; top: 121px; background: #d5000b; width: 305px; height: 2px; z-index: 1;}
.dutyP1 .mxfDiv{ border-radius: 24px; background: #fff; height: 390px; padding: 55px 50px 0 0; box-sizing: border-box; }
.dutyP1 .box-container{ height: 68px; position: relative; padding-left: 45px;}
.dutyP1 .box-container:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #e8e8e8;}
.dutyP1 .year-swiper{ height: 68px; width: 860px; }
.dutyP1 .year-swiper .swiper-slide{ cursor: pointer; }
.dutyP1 .year-swiper .year{ height: 42px; line-height: 42px; font-size: 22px; color: #333; font-family: regular;}
.dutyP1 .year-swiper .swiper-slide-active .year{ font-weight: bold; }
.dutyP1 .box-container .prev { position: absolute; right: 45px; top: 5px; border-radius: 50%; width: 30px; height: 30px; overflow: hidden; background: #fff url(../images/nimg7_left.png) no-repeat center; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15); z-index: 5;}
.dutyP1 .box-container .next { position: absolute; right: 0; top: 5px; border-radius: 50%; width: 30px; height: 30px; overflow: hidden; background: #fff url(../images/nimg7_right.png) no-repeat center; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15); z-index: 5;}
.dutyP1 .box-container .prev:hover{ background: #d5000b url(../images/nimg7_lefton.png) no-repeat center;}
.dutyP1 .box-container .next:hover{ background: #d5000b url(../images/nimg7_righton.png) no-repeat center;}

.dutyP1 .detail-box .item { display: none; position: relative; padding: 55px 40px 0 70px;}
.dutyP1 .detail-box .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.dutyP1 .detail-box .time{ font-size: 36px; line-height: 36px; color: #d5000b; font-family: regular; }
.dutyP1 .detail-box .content{ font-size: 16px; padding-top: 15px; line-height: 28px; }

.dutyP2{ padding: 120px 0 75px; }
.dutyP2 .list{ padding-top: 60px; }
.dutyP2 .list ul{ margin-right: -114px; }
.dutyP2 .list li{ width: 50%; float: left; padding-bottom: 85px; }
.dutyP2 .list li .box{ margin-right: 114px; height: 658px; background: #f7f7f7;}
.dutyP2 .list li .box a{ display: block; padding: 65px 72px 0; }
.dutyP2 .list li .name{ height: 40px; line-height: 40px; font-size: 24px; color: #333; overflow: hidden; margin-bottom: 25px; }
.dutyP2 .list li .imgDiv img{ width: 100%; }
.dutyP2 .list li .content{ padding-top: 30px; font-size: 16px; color: #333; line-height: 30px; height: 90px; overflow: hidden; text-align: justify; }
.dutyP2 .list li .more{ margin-top: 20px; line-height: 26px; width: 85px; position: relative; font-size: 14px; color: #d5000b; }
.dutyP2 .list li .more:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -6px; width: 18px; height: 12px; background: url(../images/nimg18_1.png) no-repeat; }
.dutyP2 .list li .box:hover{ background: #d5000b; }
.dutyP2 .list li .box:hover .name, .dutyP2 .list li .box:hover .content, .dutyP2 .list li .box:hover .more{ color: #fff; }
.dutyP2 .list li .box:hover .more:after{ background: url(../images/nimg18_1on.png) no-repeat; }

.dutyShow{ padding: 110px 0; }
.dutyShow .mxfDiv{ margin-top: 55px; position: relative;}
.economic{ overflow: hidden;}
.economic .swiper-slide { position: relative;}
.economic .swiper-slide .img {  position: relative; margin: 0 auto;}
.economic .swiper-slide .img:before{content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.7); z-index: 2;}
.economic .swiper-slide .img img{ width: 100%; }
.economic .swiper-slide .name{ text-align: center; padding-top: 50px; color: #333; font-size: 18px; opacity: 0; }
.economic .list { width: 3200px; position: relative; left: 50%; margin-left: -1600px; overflow: hidden; }
.economic .swiper-slide img {position: relative;}
.economic .swiper-slide-active .img {width: 1024px; }
.economic .swiper-slide-active .img:before{ opacity: 0; }
.economic .swiper-slide-active .name{ opacity: 1; }

.dutyShow a.arrow { display: block; width: 70px; height: 70px; position: absolute; z-index: 10; top: 50%; border-radius: 50%; margin-top: -35px; box-shadow: 6px 8px 20px 0px rgba(102, 102, 102, 0.15); }
.dutyShow a.arrow.prev { left: -35px; background: #fff url("../images/nimg10_left.png") center no-repeat; }
.dutyShow a.arrow.next { right: -35px; background: #fff url("../images/nimg10_right.png") center no-repeat; }
.dutyShow a.arrow.prev:hover{ background: #d5000b url("../images/nimg10_lefton.png") center no-repeat;}
.dutyShow a.arrow.next:hover{ background: #d5000b url("../images/nimg10_righton.png") center no-repeat;}

.peopleP1{ padding: 150px 0; }
.peopleP1 .title{ text-align: center; font-size: 36px; line-height: 36px; font-weight: bold; color: #333; padding-bottom: 30px; }
.peopleP1 .msg{ font-size: 16px; color: #333; text-align: center; line-height: 16px; padding-bottom: 65px; }

.videoPic{ position: relative; }
.videoPic .lbox{ overflow: hidden; border-radius: 12px; cursor: pointer; }
.videoPic .imgDiv{ position: relative; }
.videoPic .imgDiv:after{ content: ''; position: absolute; left: 50%; top: -30%; width: 74px; height: 74px; margin-left: -37px; background: url(../images/nimg74_1.png) no-repeat; }
.videoPic .imgDiv img{ width: 100%; }
.videoPic .conDiv{ height: 180px; padding: 48px 70px 0; box-sizing: border-box; background: #f5f5f5;}
.videoPic .name{ height: 40px; line-height: 40px; font-size: 24px; color: #474b51; overflow: hidden; }
.videoPic .wen{ font-size: 16px; color: #666; padding-top: 10px; }
.videoPic .videoDiv{ display: none; }
.videoPic .lbox:hover .imgDiv:after{ top: 50%; margin-top: -37px;}
.videoPic .arrow{ z-index: 5; display: block; position: absolute; width: 48px; height: 32px; top: 50%; margin-top: -16px; }
.videoPic .prev{ left: -120px; /*background: url(../images/nimg31Bg.png) right center no-repeat;*/} 
.videoPic .prev:before{ content: ''; position: absolute; left: 0; top: 7px; width: 32px; height: 10px; background: url(../images/nimg32_left.png) center no-repeat; }
.videoPic .prev:after{ content: ''; position: absolute; width: 31px; height: 31px; right: 0; top: 0; background: url(../images/nimg31Bg.png) center no-repeat;}
.videoPic .next{ right: -120px; background: url(../images/nimg31Bg.png) left center no-repeat; } 
.videoPic .next:before{ content: ''; position: absolute; right: 0; top: 7px; width: 32px; height: 10px; background: url(../images/nimg32_right.png) center no-repeat; }
.videoPic .next:after{ content: ''; position: absolute; width: 31px; height: 31px; left: 0; top: 0; background: url(../images/nimg31Bg.png) center no-repeat; }
.videoPic .prev:hover:before{ left: 5px; }
.videoPic .next:hover:before{ right: 5px; }
.videoPic .prev:hover:after, .videoPic .next:hover:after{ animation:rotate 5s infinite linear; -moz-animation:rotate 5s infinite linear; -webkit-animation:rotate 5s infinite linear;  }
.videoPic .swiper-pagination{ display: none; bottom: 0; position: relative; padding-top: 0.7rem; } 
.videoPic .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #b1b1b1; border-radius: 50%; margin: 0 8px!important; } 
.videoPic .swiper-pagination-bullet-active { background: #d5000b; } 

.peopleP2{ background: #f5f5f5; padding: 150px 0; }
.peopleP2 .leftDiv{ width: 606px; }
.peopleP2 .tab ul{display: flex; display: -webkit-flex; margin-right: -4px;}
.peopleP2 .tab li{ width: 15%; height: 575px; overflow: hidden; }
.peopleP2 .tab li .box{ margin-right: 4px; height: 575px; background: center no-repeat; background-size: auto 100%; }
.peopleP2 .tab li.on { width: 55%; }

.peopleP2 .rightDiv{ width: 734px; }
.peopleP2 .list{ position: relative; overflow: hidden; }
.peopleP2 .baozhe{ height: 436px; background: #fff; border-radius: 16px; box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.1);}
.peopleP2 .conDiv{ position: relative; padding: 35px 60px 20px; animation: am_top 0.4s ease-out 0.1s backwards}
.peopleP2 .conDiv:before{ content: ''; position: absolute; left: 40px; top: 0; width: 92px; height: 74px; background: url(../images/nimg92Bg.png) no-repeat; }
.peopleP2 .conDiv:after{ content: ''; position: absolute; right: 40px; bottom: 0; width: 92px; height: 74px; background: url(../images/nimg92Bg2.png) no-repeat; }

.peopleP2 .wen{ font-weight: bold; color: #474b51; font-size: 18px; line-height: 18px; padding-bottom: 15px; position: relative; z-index: 1;}
.peopleP2 .content{ font-size: 16px; line-height: 30px; color: #474b51; position: relative; z-index: 1;}
.peopleP2 .botbot{ margin-top: 32px; position: relative; padding-left: 166px; padding-right: 30px; height: 78px; animation: am_top 0.4s ease-out 0.3s backwards;}
.peopleP2 .headIco{ position: absolute; left: 60px; top: 0; border-radius: 50%; overflow: hidden; width: 78px; height: 78px; box-sizing: border-box; border: #d5000b solid 3px; }
.peopleP2 .name{ font-size: 16px; line-height: 16px; color: #999; padding: 12px 0; }
.peopleP2 .state{ font-weight: bold; font-size: 16px; color: #474b51; }

.peopleP2 .swiper-pagination{ display: none; bottom: 0; position: relative; padding-top: 0.7rem; } 
.peopleP2 .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #b1b1b1; border-radius: 50%; margin: 0 8px!important; } 
.peopleP2 .swiper-pagination-bullet-active { background: #d5000b; } 


.peopleP3{ padding: 150px 0; }
.peopleP3 .bigBox{ height: 520px; position: relative; overflow: hidden; }
.peopleP3 .leftImg{ width: 59.7%; }
.peopleP3 .leftImg img{ width: 100%; }
.peopleP3 .conDiv{ position: absolute; right: 0; top: 0; width: 723px; height: 520px; padding-left: 190px; background: url(../images/nimg723Bg.png) no-repeat; background-size: 100%; box-sizing: border-box; }
.peopleP3 .name{ padding-top: 90px; padding-left: 55px; padding-bottom: 18px; width:370px; position: relative; font-size: 36px; line-height: 48px; color: #333; font-weight: bold; }
.peopleP3 .name:after{ content: ''; position: absolute; left: 55px; bottom: 0; width: 28px; height: 6px; background: #d5000b; }
.peopleP3 .l7Div{ margin-top: 55px; position: relative; padding-left: 55px; width: 370px; animation: am_top 0.4s ease-out 0.1s backwards;}
.peopleP3 .num{ position: absolute; left: 0; top: 5px; font-size: 24px; line-height: 24px; color: #d0d0d0; font-family: Harmony; }
.peopleP3 .content{ font-size: 16px; line-height: 30px; color: #333; text-align: justify; }

.peopleP3 .tab{ position: absolute; left: 960px; bottom: 80px; z-index: 2; }
.peopleP3 .tab li{ float: left; margin-right: 3px; width: 28px; height: 20px; position: relative; text-align: center; font-size: 14px; line-height: 14px; color: #999; font-family: Harmony; }
.peopleP3 .tab li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #d1d1d1; }
.peopleP3 .tab .liNow{ color: #d5000b; }
.peopleP3 .tab .liNow:after{ background: #d5000b; }

.peopleP4{ padding: 140px 0; background: #f5f5f5 url(../images/dianxian.png) center bottom no-repeat; background-size: 100%; position: relative; }
.peopleP4 .pageTitle{ z-index: 2; }
.peopleP4 .mxfList{ margin-top: 55px; height: 400px; background: url(../images/nimg1370Bg2.png) center 12px no-repeat; position: relative;}

.peopleP4 .mxfList .list li{ position: absolute; cursor: pointer;  }
.peopleP4 .mxfList .list li .name{ font-size: 24px; color: #333; font-weight: bold; line-height: 24px;}
.peopleP4 .mxfList .list li .ico{ position: absolute; border-radius: 50%; width: 22px; height: 22px; }

.peopleP4 .pulse{position:absolute; z-index: -1; top:-23px; left:-23px; height:64px;width:64px;border:2px solid #d5000b;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #d5000b,0 0 10px #d5000b inset;-moz-box-shadow:0 0 4px #d5000b,0 0 10px #d5000b inset;box-shadow:0 0 4px #d5000b,0 0 10px #d5000b inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.peopleP4 .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.peopleP4 .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.peopleP4 .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}

.peopleP4 .mxfList .list .li01{ left: 39px; top: 45px; }
.peopleP4 .mxfList .list .li01 .name{ padding-left: 56px; height: 40px; }
.peopleP4 .mxfList .list .li01 .ico{ left: 0; top: 5px; }
.peopleP4 .mxfList .list .li02{ left: 430px; top: 148px; }
.peopleP4 .mxfList .list .li02 .name{ padding-bottom: 50px; }
.peopleP4 .mxfList .list .li02 .ico{ right: 0; bottom: 0; }
.peopleP4 .mxfList .list .li03{ left: 504px; bottom: 5px; }
.peopleP4 .mxfList .list .li03 .name{ padding-left: 65px; }
.peopleP4 .mxfList .list .li03 .ico{ left: 0; bottom: 0; }
.peopleP4 .mxfList .list .li04{ right: 378px; top: 12px; }
.peopleP4 .mxfList .list .li04 .name{ padding-left: 70px; }
.peopleP4 .mxfList .list .li04 .ico{ left: 0; top: 0; }
.peopleP4 .mxfList .list .li05{ right: 442px; bottom: 102px; }
.peopleP4 .mxfList .list .li05 .name{ padding-top: 50px; }
.peopleP4 .mxfList .list .li05 .ico{ left: 10px; top: 0; }
.peopleP4 .mxfList .list .li06{ right: 0; bottom: 66px; }
.peopleP4 .mxfList .list .li06 .name{ padding-bottom: 66px; }
.peopleP4 .mxfList .list .li06 .ico{ left: 10px; bottom: 0; }

.peopleP4 .mxfList .list li .layerDiv{ position:absolute; z-index: 2; box-sizing: border-box; padding: 25px; left: -100px; overflow: hidden; background: rgba(255,255,255,0.9); border-radius: 12px; width:445px; top: 50px; opacity: 0; visibility: hidden;box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.2);}
.peopleP4 .mxfList .list li .layerDiv:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 4px; background: #fd6969; }
.peopleP4 .mxfList .list li.on .layerDiv{ opacity: 1; visibility: visible; top: 60px;}
.peopleP4 .mxfList .list li .layerDiv .limg{ position: absolute; left: 25px; top: 30px;}
.peopleP4 .mxfList .list li .layerDiv .txt{ font-size: 0.34rem; line-height: 0.34rem; padding-left: 1.8rem; display: none; color: #333; font-weight: bold; padding-bottom: 0.2rem; }
.peopleP4 .mxfList .list li .layerDiv .msg{ font-size: 14px; line-height: 30px; padding-left: 110px; }

.peopleP4 .mxfList .list .li03 .layerDiv{ top: auto; bottom: 50px;}
.peopleP4 .mxfList .list .li03.on .layerDiv{ top: auto; bottom: 60px;}
.peopleP4 .mxfList .list .li05 .layerDiv{ top: auto; bottom: 50px;}
.peopleP4 .mxfList .list .li05.on .layerDiv{ top: auto; bottom: 60px;}
.peopleP4 .mxfList .list .li06 .layerDiv{ top: auto; bottom: 50px; left: auto; right: -50px;}
.peopleP4 .mxfList .list .li06.on .layerDiv{ top: auto; bottom: 60px;}

.peopleP4 .swiper-pagination{ display: none; position:relative; padding-top:0.7rem; bottom: 0!important; } 
.peopleP4 .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #b1b1b1; border-radius: 50%; margin: 0 8px!important; } 
.peopleP4 .swiper-pagination-bullet-active { background: #d5000b; } 


.peopleP5{ padding: 140px 0 120px; }
.peopleP5 .pageTitle{ margin-bottom: 40px; }
.activity{ position: relative; }
.activity .list{ overflow: hidden; padding: 20px; }
.activity .list li .box{ height: 554px; background: #f6f6f6; border: #f6f6f6 solid 1px; position: relative; box-sizing: border-box;}
.activity .list li .box:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #d5000b; }
.activity .list li .box a{ display: block; padding: 45px 50px 0; }
.activity .list li .name{ height: 44px; line-height: 44px; font-size: 24px; color: #333; overflow: hidden; margin-bottom: 35px; }
.activity .list li .imgDiv img{ width: 100%; }
.activity .list li .content{ padding-top: 35px; font-size: 16px; color: #333; line-height: 30px; height: 90px; overflow: hidden; text-align: justify; }
.activity .list li .more{ margin-top: 30px; line-height: 26px; width: 85px; position: relative; font-size: 14px; color: #d5000b; }
.activity .list li .more:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -6px; width: 18px; height: 12px; background: url(../images/nimg18_1.png) no-repeat; }
.activity .list li .box:hover{ background: #fff; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08);}
.activity .list li .box:hover:after{ height: 6px; }
.activity .list li .box:hover .name{ color: #d5000b; }
.activity a.arrow { display: block; width: 70px; height: 70px; position: absolute; z-index: 10; top: 50%; border-radius: 50%; margin-top: -35px; box-shadow: 6px 8px 20px 0px rgba(102, 102, 102, 0.15); }
.activity a.arrow.prev { left: -150px; background: #fff url("../images/nimg10_left.png") center no-repeat; }
.activity a.arrow.next { right: -150px; background: #fff url("../images/nimg10_right.png") center no-repeat; }
.activity a.arrow.prev:hover{ background: #d5000b url("../images/nimg10_lefton.png") center no-repeat;}
.activity a.arrow.next:hover{ background: #d5000b url("../images/nimg10_righton.png") center no-repeat;}
.activity .swiper-pagination{ display: none; bottom: 0; position: relative; padding-top: 0.7rem; } 
.activity .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #b1b1b1; border-radius: 50%; margin: 0 8px!important; } 
.activity .swiper-pagination-bullet-active { background: #d5000b; } 

.honorP1{ padding: 140px 0; }
.honorP1 .list{ padding: 55px 0 30px; }
.honorP1 .list ul{ margin-right: -42px; }
.honorP1 .list li{ float: left; width: 33.33%; padding-bottom: 40px; }
.honorP1 .list li .box{ margin-right: 42px; cursor: pointer; height: 456px; background: #f4f4f4; position: relative; box-sizing: border-box; padding: 60px 50px 0; }
.honorP1 .list li .box:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #d5000b; }
.honorP1 .list li .imgDiv{ height: 250px; overflow: hidden; position: relative;}
.honorP1 .list li .imgDiv img{ max-width: 332px; max-height: 250px; }
.honorP1 .list li .name{ padding-top: 45px; height: 36px; line-height: 36px; text-align: center; overflow: hidden; font-size: 18px; color: #333; font-weight: bold; }
.honorP1 .list li .box:hover{ background: #fff; box-shadow: 0px 0px 30px 0px rgba(102, 102, 102, 0.16); }
.honorP1 .list li .box:hover:after{ height: 5px; }
.honorP1 .list li .box:hover .imgDiv{ background: url(../images/nimg76_1.png) center no-repeat; }

.honorP2{ padding-top: 125px; height: 1000px; background: url(../images/honorBg.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.honorP2 .pageTitle{ margin-bottom: 70px; }
.honorPic{ position: relative; }
.honorPic .list{overflow: inherit; position: relative; padding-bottom: 135px; }
.honorPic .list .lbox{ height: 476px; background: #fff; position: relative; padding: 45px 20px 0; cursor: pointer; box-sizing: border-box; }
.honorPic .list .lbox:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #d5000b; }
.honorPic .list .img{ height: 240px; overflow: hidden; }
.honorPic .list .img img{ max-width: 300px; max-height: 220px; }
.honorPic .list .name{ font-size: 18px; color: #333; padding-top: 35px; line-height: 32px; line-height: 32px; text-align: center; font-weight: bold; }
.honorPic .list .wen{ font-size: 16px; color: #666; line-height: 40px; text-align: center; }
.honorPic .list .year{ text-align: center; font-size: 18px; color: #ccc; padding-top: 25px; font-family: Harmony; }
.honorPic .list .lbox:hover:after{ height: 3px; }
.honorPic .swiper-container-horizontal>.swiper-scrollbar { height: 4px; background: #dadada; left: 0; width: 1200px; top: auto; bottom: 25px;}
.honorPic .swiper-scrollbar-drag { background: #d5000b;}
.honorPic .btn{ position: absolute; width: 60px; height: 60px; border-radius: 50%; bottom: 0; z-index: 2; box-shadow: 6px 8px 20px 0px rgba(102, 102, 102, 0.15); }
.honorPic .prev{ right: 92px; background: #fff url(../images/nimg10_left.png) center no-repeat; }
.honorPic .next{ right: 0; background: #fff url(../images/nimg10_right.png) center no-repeat; }
.honorPic .prev:hover{ background: #d5000b url(../images/nimg10_lefton.png) center no-repeat; }
.honorPic .next:hover{ background: #d5000b url(../images/nimg10_righton.png) center no-repeat; }

.electNav{ height: 80px; background: #f8f8f8; text-align: center; width: 100%; position: relative; z-index: 5; }
.electNavNow{ position: fixed; left: 0; top: 0; }
.electNav ul{ font-size: 0; }
.electNav li{ display: inline-block; padding: 0 35px; font-size: 18px;}
.electNav li a{ display: block; height: 80px; line-height: 80px; color: #333; position: relative;}
.electNav li a:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 2px; background: #d5000b; }
.electNav li .aNow{ color: #d5000b; }
.electNav li .aNow:after{ width: 100%; left: 0; }

.electricityP8{ padding: 160px 0;  }
.electricityP8 .title{ text-align: center; padding-bottom: 95px; font-size: 36px; line-height: 36px; color: #000; font-weight: bold; position: relative; }
.electricityP8 .list ul{ margin-right: -8px; }
.electricityP8 .list li{ float: left; width: 16.66%; }
.electricityP8 .list li .box{ margin-right: 8px; height: 350px; overflow: hidden; padding: 0 36px; background: #fff; position: relative; border: #e5e5e5 solid 1px; border-radius: 16px; top: 0; }
.electricityP8 .list li .box:after{ content: ''; position: absolute; left: 0; height: 0; width: 100%; bottom: 0; background: #d5000b; }
.electricityP8 .list li .limg{ padding-top: 55px; height: 120px; }
.electricityP8 .list li .msg{ font-size: 16px; color: #333; line-height: 30px; position: relative; z-index: 1; }
.electricityP8 .list li .bg{ position: absolute; right: 0; bottom: 0; z-index: 0; }
.electricityP8 .list li .box:hover{ top: -20px; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08);}
.electricityP8 .list li .box:hover:after{ height: 3px; }

.electricityP7{ padding-top: 140px; }
.electricityP7 .title{ text-align: center; font-size: 48px; line-height: 48px; color: #333; position: relative; font-weight: bold; padding-bottom: 45px; }
.electricityP7 .title:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 58px; height: 6px; background: #d5000b; margin-left: -29px; }
.electricityP7 .msg{ font-size: 16px; line-height: 30px; width: 1080px; color: #333; text-align: center; margin: 35px auto 0; }

.electricityP7 .list{ overflow:hidden; margin-top: 65px;}
.electricityP7 .list ul{display: inline-flex; width: 100%;}
.electricityP7 .list li{ width: 33.33%; height: 750px; position: relative; flex-grow: 1; transition: .65s; box-sizing: border-box; overflow: hidden;}
.electricityP7 .list li .bg{ height: 750px; position: relative; }
.electricityP7 .list li .bg:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.electricityP7 .list li .layer{ position: absolute; width: 100%; left: 0; top: 35%; text-align: center; color: #fff; }
.electricityP7 .list li .cn{ font-size: 36px; line-height: 36px; color: #fff; font-weight: bold; text-align: center; padding-bottom: 30px; }
.electricityP7 .list li .en{ font-size: 36px; line-height: 36px; font-family: Harmony; color: rgba(255,255,255,0.2); text-align: center; text-transform: uppercase;}
.electricityP7 .list li .more{ position: absolute; width: 118px; left: 50%; bottom: 15%; margin-left: -59px; font-size: 16px; color: #f4f4f4; line-height: 16px; }
.electricityP7 .list li .more:after{ content: ''; position: absolute; right: 0; top: 0; width: 24px; height: 16px; background: url(../images/nimg24_5.png) no-repeat; }
.electricityP7 .list li .botDiv{ position: absolute; left: 0; bottom: -270px; width: 100%; height: 270px; background: rgba(255,255,255,0.95); z-index: 3;}
.electricityP7 .list li .l7Div{ padding: 60px 60px 0; }
.electricityP7 .list li .hala{ height: 64px; position: relative; }
.electricityP7 .list li .hala:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #bdbdbd; }
.electricityP7 .list li .name{ z-index: 1; display: inline-block; font-size: 36px; line-height: 36px; color: #333; font-weight: bold; height: 64px; position: relative; }
.electricityP7 .list li .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #d5000b; }
.electricityP7 .list li .hala p{ display:none; position: absolute; width: 118px; right: 0; top: 10px; font-size: 16px; color: #666; line-height: 16px; }
.electricityP7 .list li .hala p:after{ content: ''; position: absolute; right: 0; top: 0; width: 24px; height: 16px; background: url(../images/nimg24_6.png) no-repeat;}
.electricityP7 .list li .wen{ font-size: 16px; line-height: 36px; color: #333; padding-top: 20px; }
.electricityP7 .list li:hover{width:70%;}
.electricityP7 .list li:hover .layer, .electricityP7 .list li:hover .more, .electricityP7 .list li:hover .bg:after{ opacity: 0; }
.electricityP7 .list li:hover .botDiv{ bottom: 0; }

.lastPic .swiper-slide { position: relative; overflow: hidden; }
.lastPic .swiper-slide .img img{ width: 100%; }
.lastPic .swiper-slide .txtLayer{ position: absolute; left: 0; z-index: 1; bottom: -2.6rem; height: 2.6rem; width: 100%; box-sizing: border-box; padding: 0 0.45rem; background: rgba(255,255,255,0.95);}
.lastPic .swiper-slide .name{ font-size: 0.34rem; line-height: 0.34rem; position: relative; padding-top: 0.35rem; color: #333; }
.lastPic .swiper-slide .content{ margin-top: 0.25rem; font-size: 0.26rem; line-height: 0.42rem; height: 1.26rem; width: 95%; overflow:auto; color: #666; text-align: justify; }
.lastPic .swiper-slide-active .txtLayer{ bottom: 0; }
.lastPic .swiper-pagination{ position: relative; padding-top: 0.5rem; bottom: 0!important; } 
.lastPic .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #b1b1b1; border-radius: 50%; margin: 0 8px!important; } 
.lastPic .swiper-pagination-bullet-active { background: #d5000b; } 



.electricityP6{ padding: 130px 0; background: #f1f1f1; }
.electricityP6 .title{ text-align: center; font-size: 48px; line-height: 48px; color: #333; position: relative; font-weight: bold; padding-bottom: 45px; }
.electricityP6 .title:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 58px; height: 6px; background: #d5000b; margin-left: -29px; }
.electricityP6 .msg{ font-size: 16px; line-height: 30px; color: #333; text-align: center; margin:35px auto 0; width: 1080px; }
.electricityP6 .mxfDiv{ padding-top: 50px; }
.electricityP6 .leftDiv{ width: 634px; padding-top: 70px; }
.electricityP6 .rightDiv{ width: 580px; }

.left-tabs{position:relative}
.left-tabs li{ padding: 28px 45px; cursor: pointer; position: relative;}
.left-tabs li:after{ content: ''; position: absolute; right: 0; top: 0; width: 4px; height: 100%; background: #ddd; }
.left-tabs li .bg{ position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(left,#fcfcfc,#f1f1f1);
    background-image: -webkit-linear-gradient(left,#fcfcfc,#f1f1f1);
    background-image: -moz-linear-gradient(left,#fcfcfc,#f1f1f1);
    background-image: -o-linear-gradient(left,#fcfcfc,#f1f1f1);
    background-image: linear-gradient(to right,#fcfcfc,#f1f1f1);
    background-image: -webkit-linear-gradient(to right,#fcfcfc,#f1f1f1);
    background-image: -moz-linear-gradient(to right,#fcfcfc,#f1f1f1);
    background-image: -o-linear-gradient(to right,#fcfcfc,#f1f1f1);}
.left-tabs li .name{ position: relative; z-index: 1; font-size: 20px; line-height: 20px; color: #333; font-weight: bold; }
.left-tabs li .hideDiv{ position: relative; z-index: 1; height: 0; margin-top: 20px; overflow: hidden;}
.left-tabs li .content{ font-size: 14px; line-height: 28px; }
.left-tabs li .label{ padding-top: 24px!important; text-align:left!important; display:block!important;}
.left-tabs li .label b{ padding-right: 30px; font-size: 14px; color: #333; }
.left-tabs li.on{ padding: 45px; }
.left-tabs li.on:after{ background: #d5000b;}
.left-tabs li.on .bg{ opacity: 1; }
.left-tabs li.on .name{ font-size: 24px; }
.left-tabs li.on .hideDiv{ height: auto;}
.right-video-main{width:582px;height:630px;background:url(../images/nimg582Bg.png) center 100px no-repeat; position:relative; overflow: hidden;}
.right-video-main .video-box2{width:305px;height:535px;margin:30px auto 0;transition:all .3s ease-in-out}
.right-video-main .swiper-slide .video-box2{transform:translateX(0) rotate(15deg);opacity:0}
.right-video-main .swiper-slide-prev .video-box2{transform:translateX(-600px) rotate(-45deg);opacity:0}
.right-video-main .swiper-slide-active .video-box2{transform:translateX(0) rotate(15deg);opacity:1}
.right-video-main .swiper-slide-next .video-box2{transform:translateX(600px) rotate(45deg);opacity:0}

/*.right-video-main .video-box2.current-video{transform:translateX(0) rotate(0deg);opacity:1}
.right-video-main .video-box2.prev-video{transform:translateX(-600px) rotate(-45deg);opacity:0}
.right-video-main .video-box2.next-video{transform:translateX(600px) rotate(45deg);opacity:0}*/
/*.right-video-main .video-box video{height:620px;transform-style:preserve-3d;border-radius:37px;transform:translateX(75px) translateY(57px) rotate(6deg)}*/

.electricityP6 .halaDiv{ overflow: hidden; padding-top: 0.5rem; }
.electricityP6 .halaDiv .name{ font-size: 0.32rem; line-height: 0.32rem; padding-bottom: 0.25rem; color: #333; font-weight: bold;  }
.electricityP6 .halaDiv .content{ font-size: 0.26rem; line-height: 0.56rem; }
.electricityP6 .halaDiv .label{ padding-top: 0.35rem; text-align:left!important; display:block!important;}
.electricityP6 .halaDiv .label b{ padding-right: 0.3rem; font-size: 0.26rem; line-height: 0.52rem; color: #333; }
.electricityP6 .limgCon{ padding-bottom: 0.5rem; background:url(../images/nimg582Bg.png) center top no-repeat; background-size: 6.4rem;}
.electricityP6 .limg{ margin: 0.5rem auto 0; width: 2.4rem; transition:all .3s ease-in-out}
.electricityP6 .limg img{ width: 2.4rem; }

.electricityP6 .swiper-slide-prev .limg{transform:translateX(-600px) rotate(-45deg);opacity:0}
.electricityP6 .swiper-slide-active .limg{transform:translateX(0) rotate(15deg);opacity:1}
.electricityP6 .swiper-slide-next .limg{transform:translateX(600px) rotate(45deg);opacity:0}


.electricityP6 .swiper-pagination{ bottom: 0!important; position: relative; padding-top: 0.5rem; } 
.electricityP6 .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #b1b1b1; border-radius: 50%; margin: 0 8px!important; } 
.electricityP6 .swiper-pagination-bullet-active { background: #d5000b; } 


.electricityP5{ padding: 30px 0; background: #f5f5f5; position: relative; overflow: hidden;}
/*.electricityP5:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 964px; height: 802px; background: url(../images/nimg964Bg.jpg) no-repeat; }*/
.electricityP5 .leftDiv{ width: 720px; height: 720px; background: url(../images/nimg720Bg.jpg) no-repeat; position: relative; z-index: 1; }
.electricityP5 .leftImg{ z-index: 1; position: absolute; left: 110px; bottom: 110px; width: 248px; height: 300px; border-radius: 12px; background: #fff; box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.08); }
.electricityP5 .rightImg{ position: absolute; right: 120px; top: 105px; width: 395px; height: 454px; padding-top: 25px; padding-right: 22px; box-sizing: border-box; border-radius: 12px; background: #fff; box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.08); }
.electricityP5 .rightImg img{ float: right; display: block; }
.electricityP5 .topImg{ z-index: 1; position: absolute; left: 142px; top: 148px; width: 140px; height: 140px; border-radius: 50%; background: #fff; box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.08); }


.electricityP5 .rightDiv{ width: 600px; position: relative; z-index: 1; }
.electricityP5 .title{ font-size: 36px; line-height: 36px; color: #333; font-weight: bold; padding-bottom: 20px; }
.electricityP5 .msg{ font-size: 16px; line-height: 30px; color: #333; position: relative; padding-bottom: 46px; }
.electricityP5 .msg:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 58px; height: 6px; background: #d5000b; }
.electricityP5 .list{ padding-top: 42px; }
.electricityP5 .list li{ position: relative; padding-left: 102px; font-size: 14px; color: #333; line-height: 36px; }
.electricityP5 .list li b{ position: absolute; left: 0; top: 0; padding-left: 32px; background: url(../images/ico7.png) left center no-repeat; }
.electricityP5 .btnDiv{ padding-top: 45px; }
.electricityP5 .btnDiv a{ display: block; width: 200px; height: 60px; border-radius: 36px; font-size: 24px; color: #fff; text-align: center; line-height: 60px; }


.electricityP4{ padding-top: 150px; height: 676px; box-sizing: border-box; background: url(../images/nimg1920Bg.jpg) center top no-repeat; background-size: 100%; position: relative;}
.electricityP4 .leftDiv{ width: 562px; padding-top: 40px; }
.electricityP4 .title{ font-size: 36px; line-height: 36px; color: #333; font-weight: bold; padding-bottom: 20px; }
.electricityP4 .msg{ font-size: 16px; line-height: 30px; color: #333; position: relative; padding-bottom: 46px; }
.electricityP4 .msg:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 58px; height: 6px; background: #d5000b; }
.electricityP4 .list{ padding-top: 42px; width: 450px; }
.electricityP4 .list li{ float: left; color: #333; width: 33.33%; font-size: 16px; font-weight: bold; line-height: 36px; padding-left: 28px; box-sizing: border-box; background: url(../images/ico7.png) left center no-repeat; }

.electricityP4 .rightDiv{ position: absolute; right: 50%; bottom: -70px; margin-right: -720px; width: 686px; height: 606px; background: url(../images/nimg686Bg.png) no-repeat; }
.electricityP4 .videobox{ position: absolute; right: 20px; top: 19px; width: 645px; height: 364px; }
.electricityP4 .videobox .imgDiv img{ width: 100%; }
.electricityP4 .videobox video{width:100%; height: 100%; position:absolute;top:0;left:0;z-index:1; object-fit:cover;}

.electricityP3{ padding: 150px 0 90px; overflow: hidden; position: relative;}
.electricityP3 .bg{ z-index: 2; position: absolute; left: 0; bottom: 120px; width: 100%; height: 300px; background: url(../images/newBg.png) no-repeat; background-size: cover; }
.electricityP3 .title{ text-align: center; font-size: 48px; line-height: 48px; color: #333; position: relative; font-weight: bold; padding-bottom: 45px; }
.electricityP3 .title:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 58px; height: 6px; background: #d5000b; margin-left: -29px; }
.electricityP3 .msg{ font-size: 16px; line-height: 30px; color: #333; text-align: center; padding: 40px 0;}

.electricityP3 .tab2{ width: 168px; padding-top: 110px; position: relative; z-index: 2; }
.electricityP3 .tab2 li{ height: 60px; line-height: 60px; position: relative; padding-left: 30px; font-size: 16px; color: #333; }
.electricityP3 .tab2 li:after{ content: ''; position: absolute; right: 0; top: 0; width: 3px; height: 100%; background: #e2e2e2; }
.electricityP3 .tab2 .liNow{ color: #d5000b; font-weight: bold; }
.electricityP3 .tab2 .liNow:after{ background: #d5000b; }
.electricityP3 .tabContentDiv2{ width: 1185px; }
.electricityP3 .conDiv{ padding-top: 110px; width: 340px; animation: am_right 0.4s ease-out 0.1s backwards; -webkit-animation: am_right 0.4s ease-out 0.1s backwards;}
.electricityP3 .name{ font-size: 24px; line-height: 24px; color: #333; font-weight: bold; padding-bottom: 20px; }
.electricityP3 .content{ font-size: 16px; line-height: 36px; text-align: justify; }
.electricityP3 .l7Div{ width: 748px; height: 478px; background: url(../images/nimg748Bg.jpg) center no-repeat; background-size: cover; position: relative; }
.electricityP3 .limg{ position: absolute; left: 50%; top: 50px; width: 426px; height: 289px; margin-left: -233px; z-index: 3;  animation: am_left 0.4s ease-out 0.1s backwards; -webkit-animation: am_left 0.4s ease-out 0.1s backwards;}
.electricityP3 .limg img{ width: 426px;}

.electricityP2{ position: relative; overflow: hidden;}
.electricityP2 .bg img{ width: 100%; }
.electricityP2 .txtLayer{ position: absolute; left: 0; top: 135px; width: 100%; z-index: 1; color: #fff; text-align: center; }
.electricityP2 .title{ font-weight: bold; font-size: 48px; line-height: 48px; padding-bottom: 45px; position: relative;}
.electricityP2 .title:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 58px; height: 6px; background: #fff; margin-left: -29px; }
.electricityP2 .msg{ padding-top: 35px; font-size: 16px; line-height:30px; }
.electricityP2 .botList{ z-index: 1; position: absolute; left: 0; bottom: 0; width: 100%; height: 286px; }
.electricityP2 .botList:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: rgba(255,255,255,0.1); }
.electricityP2 .botList .wal{ position: relative; height: 100%; }
.electricityP2 .botList .wal:before{ content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.1); }
.electricityP2 .botList li{ float: left; width: 25%; height: 286px; position: relative; text-align: center; }
.electricityP2 .botList li:before{ content: ''; opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: rgba(213,0,11,0.4); }
.electricityP2 .botList li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.1); }
.electricityP2 .botList li .ico{ padding-top: 60px; position: relative; z-index: 1;}
.electricityP2 .botList li .wen{ padding-top: 15px; font-size: 18px; line-height: 36px; color: #fff; position: relative; z-index: 1; }
.electricityP2 .botList li.on:before{ opacity: 1; height: 100%; }

.electricityP1{ padding: 120px 0; }
.electricityP1.on{ padding: 200px 0 120px; }
.electricityP1 .title{ position: relative; color: #333; text-align: center; font-weight: bold; font-size: 48px; line-height: 48px; padding-bottom: 45px; }
.electricityP1 .title:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 58px; height: 6px; background: #d5000b; margin-left: -29px; }
.electricityP1 .msg{ font-size: 16px; color: #333; padding-top: 35px; line-height: 30px; text-align: center; position: relative; }
.electricityP1 .imgDiv{ padding-top:0.6rem;}
.electricityP1 .imgDiv img{ width:100%;}
.electricityP1 .btnDiv { position: absolute; width: 280px; left: 50%; bottom: 0; margin-left: -140px;}
.electricityP1 .btnDiv a { display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 18px; color: #fff; border-radius: 36px;}
.zjmxfDiv{ margin-top: 25px; position: relative; }
.zjmxfDiv .midDiv{ width: 718px; margin: 0 auto; position: relative; padding-top: 42px; height: 650px; }
.zjmxfDiv .midDiv .round{ height: 578px; background: url(../images/nimg718Bg.jpg) no-repeat;}
.zjmxfDiv .midDiv .txt{ font-size: 36px; line-height: 48px; color: #333; font-weight: bold; }
.zjmxfDiv .msgLie{ text-align: center; position: absolute; left: 0; width: 100%; bottom: 100px; }
.zjmxfDiv .msgLie ul{ font-size: 0; }
.zjmxfDiv .msgLie li{ display: inline-block; font-size: 16px; color: #3e3a39; padding: 0 18px;}
.zjmxfDiv .msgLie li em{ font-family: Harmony; padding-left: 6px; font-size: 45px; line-height: 45px; color: #d5000b; }

.zjmxfDiv .leftLayer{ left: 0; top: 0; width: 363px; height: 658px; position: absolute; }
.zjmxfDiv .rightLayer{ right: 0; top: 0; width: 300px; height: 658px; position: absolute; }
.zjmxfDiv .wen{ position: absolute; width: 150px; height: 136px; font-size: 24px; line-height: 24px; color: #333; background: url(../images/nimg150Bg.png) no-repeat; }
.zjmxfDiv .wen b{ display: block; padding-left: 16px; }
.zjmxfDiv .leftLayer .wen{ right: 0; top: 260px; }
.zjmxfDiv .rightLayer .wen{ left: 0; top: 260px; }
.zjmxfDiv .list_l li{ position: absolute; opacity: 0; padding-right: 70px; text-align: right; line-height: 50px; font-size: 16px; color: #333;}
.zjmxfDiv .list_l li .ico{ position: absolute; right: 0; top: 0; width: 50px; height: 50px; background: url(../images/nimg50Bg.png) no-repeat; }
.zjmxfDiv .list_l li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -14px; margin-top: -14px; }
.zjmxfDiv .list_l li .ico .img2{opacity:0;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)}

.zjmxfDiv .list_l .li01{ left: 112px; top: 0; }
.zjmxfDiv .list_l .li02{ left: 58px; top: 90px; }
.zjmxfDiv .list_l .li03{ left: 22px; top: 176px; }
.zjmxfDiv .list_l .li04{ left: 8px; top: 262px; }
.zjmxfDiv .list_l .li05{ left: 0; top: 348px; }
.zjmxfDiv .list_l .li06{ left: 22px; top: 434px; }
.zjmxfDiv .list_l .li07{ left: 58px; top: 524px; }
.zjmxfDiv .list_l .li08{ left: 112px; bottom: 0; }
.zjmxfDiv .list_l li.cur{ opacity: 1; -webkit-animation: am_right 0.8s ease-in-out 0.8s backwards;}
.zjmxfDiv .list_l li:hover .ico .img1{opacity:0}
.zjmxfDiv .list_l li:hover .ico .img2{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)}

.zjmxfDiv .list_r li{ position: absolute; opacity: 0; }
.zjmxfDiv .list_r li .en{ width: 81px; height: 106px; padding-top: 70px; box-sizing: border-box; background: url(../images/nimg81Bg.png) no-repeat; text-align: center; font-size: 24px; color: #3e3a39; line-height: 36px;  }
.zjmxfDiv .list_r li .cn{ width: 95px; height: 95px; text-align: center; font-size: 16px; color: #333; line-height: 95px; }
.zjmxfDiv .list_r li .cn em{ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: url(../images/nimg95Bg.png) no-repeat; }
.zjmxfDiv .list_r .li01{ right: 86px; top: 0; }
.zjmxfDiv .list_r .li02{ right: 34px; top: 112px; }
.zjmxfDiv .list_r .li03{ right: 14px; top: 200px; }
.zjmxfDiv .list_r .li04{ right: 0; top: 286px; }
.zjmxfDiv .list_r .li05{ right: 14px; top: 376px; }
.zjmxfDiv .list_r .li06{ right: 34px; top: 460px; }
.zjmxfDiv .list_r .li07{ right: 86px; bottom: 0; }
.zjmxfDiv .list_r li.cur{ opacity: 1; -webkit-animation: am_left 0.8s ease-in-out 0.8s backwards;}
.zjmxfDiv .list_r li:hover .cn em{  -moz-animation:rotate 4s infinite linear;  -webkit-animation:rotate 4s infinite linear;  animation:rotate 4s infinite linear; }

.cjmxfDiv{ padding-top: 0.7rem; }
.cjmxfDiv .list_t{ padding-bottom: 0.3rem; }
.cjmxfDiv .list_t li{ float: left; width: 25%; text-align: center; padding-bottom: 0.4rem; }
.cjmxfDiv .list_t li .ico{ margin: 0 auto; position: relative; width: 1.2rem; height: 1.2rem; background: url(../images/nimg50Bg.png) no-repeat; background-size: 1.2rem; }
.cjmxfDiv .list_t li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -0.24rem; margin-top: -0.24rem; width: 0.48rem; }
.cjmxfDiv .list_t li .name{ font-size: 0.28rem; color: #3e3a39; line-height: 0.28rem; padding-top: 0.25rem; }
.cjmxfDiv .midDiv{ position: relative; }
.cjmxfDiv .midDiv .bgbg img{ width: 100%; }
.cjmxfDiv .midDiv .txt{ font-size: 0.48rem; width: 100%; line-height: 0.72rem; color: #3e3a39; font-weight: bold; position: absolute; left: 0; text-align: center; top: 50%; transform: translateY(-50%); }
.cjmxfDiv .midDiv .wen{ position: absolute; width: 1.9rem; height: 1.36rem; font-size: 0.32rem; line-height: 0.32rem; color: #333; background: url(../images/nimg150Bg.png) right no-repeat; background-size: 1.5rem; text-align: center; left: 50%; margin-left: -0.95rem; }
.cjmxfDiv .midDiv .wen1{ top: 0; }
.cjmxfDiv .midDiv .wen2{ bottom: 0; }
.cjmxfDiv .list_m li{ float: left; width: 50%; text-align: center;}
.cjmxfDiv .list_m li .en{ width: 1.08rem; height: 1.41rem; box-sizing: border-box; padding-top: 0.98rem; font-size: 0.3rem; margin: 0 auto; background: url(../images/nimg81Bg.png) no-repeat; background-size: 1.08rem; }
.cjmxfDiv .list_b{ text-align: center; padding-top: 0.35rem; }
.cjmxfDiv .list_b ul{ font-size: 0; }
.cjmxfDiv .list_b li{ display: inline-block; margin: 0 0.02rem; }
.cjmxfDiv .list_b li .cn{ margin: 0 auto; font-size: 0.3rem; color: #3e3a39; vertical-align: middle; display: table-cell; position: relative; width: 1.32rem; height: 1.32rem; background: url(../images/nimg95Bg.png) no-repeat; background-size: 1.32rem; }
.cjmxfDiv .msgLie{ text-align: center; padding-top: 0.5rem; }
.cjmxfDiv .msgLie ul{ font-size: 0; }
.cjmxfDiv .msgLie li{ font-size: 0.28rem; color: #3e3a39; line-height: 0.56rem; }
.cjmxfDiv .msgLie li em{ font-family: Harmony; padding-left: 0.1rem; font-size: 0.44rem; line-height: 0.44rem; color: #d5000b; }

.subscribe{ padding: 10px 0; }
.subscribe .choose{ height: 60px; overflow: hidden; position: relative; padding-left: 80px; font-size: 16px; line-height: 16px; }
.subscribe .choose b{ position: absolute; left: 0; top: 0; color: #333;}
.subscribe .choose li{ float: left; padding-left: 28px; margin-right: 62px; color: #333; background: url(../images/ico9.png) left center no-repeat; cursor: pointer;}
.subscribe .choose li:last-child{ margin-right: 0; }
.subscribe .choose .liNow{ background: url(../images/ico9on.png) left center no-repeat; }
.subscribe .form ul{ margin-right: -150px; }
.subscribe .form li{ float: left; width: 33.33%; padding-bottom: 60px;}
.subscribe .form li .box{ margin-right: 150px; }
.subscribe .form li .txt{ height: 50px; font-size: 16px; color: #333; font-weight: bold; line-height: 16px; }
.subscribe .form li .input1{ width: 100%; padding-left: 20px; height: 55px; line-height: 53px; box-sizing: border-box; border: #959595 solid 1px; background: #f1f1f1; font-size: 16px; }
.subscribe .tips{ font-size: 16px; color: #333; }
.subscribe .btnDiv{ padding-top: 70px; }
.subscribe .btnDiv a{ display: block; width: 200px; height: 46px; line-height: 46px; border-radius: 24px; color: #fff; font-size: 16px; text-align: center; }

.otherBanner{ position: relative; height: 6.0rem; background: center no-repeat; background-size: cover; }
.otherBanner .layer{ position: relative; z-index: 1; padding-top: 1.5rem; padding-bottom: 40px; }
.otherBanner .layer:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 26px; height: 4px; background: #d5000b; }
.otherBanner .txt{ font-size: 36px; line-height: 36px; color: #fff; font-weight: bold; }
.otherBanner .msg{ font-size: 18px; line-height: 18px; padding-top: 20px; color: #fff; }

.contactForm{ position: relative; z-index: 1; margin-top: -240px; padding-bottom: 160px; }
.contactForm .bigBox{ box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08); background: #fff; border-radius: 4px; padding: 110px 120px;}
.contactForm .form{ margin-right: -66px;position: relative;z-index: 1; }
.contactForm .form .liDiv{ width: 50%; float: left; padding-bottom: 42px;}
.contactForm .form .liDiv2{ width: 100%; }
.contactForm .form .liDiv .box{ margin-right: 66px; }
.contactForm .form .liDiv .txt{ height: 40px; font-size: 16px; color: #333; line-height: 16px; }
.contactForm .form .liDiv .txt em{ color: #ff0000; }
.contactForm .form .liDiv .input1{ width: 100%; height: 54px; line-height: 54px; background: #f1f1f1; box-sizing: border-box; font-size: 14px; padding-left: 20px; }
.contactForm .form .liDiv textarea{ width: 100%; box-sizing: border-box; padding: 18px 20px; font-size: 14px; line-height: 26px; height: 95px; background: #f1f1f1; }

.contactForm .select{ width: 100%; position: relative; height: 46px;}
.contactForm .select dt{height: 46px; line-height: 46px; font-size: 14px; display: inline-block; width: 100%; background: #f1f1f1; box-sizing: border-box; padding-left: 20px; cursor: pointer; overflow: hidden; position: relative; }
.contactForm .select dt a{ color: #666; position: relative; display: block; width: 100%; overflow: hidden;} 
.contactForm .select dt a:after{ content: ''; position: absolute; right: 20px; top: 50%; width: 18px; height: 9px; margin-top: -5px; background: url(../images/selectIco.png) no-repeat center; }
.contactForm .select dd{ position: absolute; left: 0px; top: 46px; z-index: 10; width: 100%; box-sizing: border-box;} 
.contactForm .select dd ul { max-height:200px; list-style: none; overflow: auto; background: #fff; box-shadow: 0px 5px 8px 0px rgba(117,121,128,0.4); } 
.contactForm .select dd ul::-webkit-scrollbar { width: 3px;}
.contactForm .select dd ul::-webkit-scrollbar-track { background-color: #e5e5e5;}
.contactForm .select dd ul::-webkit-scrollbar-thumb { background-color: #d6000c;} 
.contactForm .select dd ul li{ width:100%; line-height: 40px; height: 40px; padding: 0 20px; box-sizing: border-box; cursor: pointer; border-bottom: 1px solid #eee; color: #999; font-size: 14px;}
.contactForm .select dd ul li:last-child{ border-bottom:none;}
.contactForm .btnDiv a{ font-size: 16px; display: block; height: 54px; line-height: 54px; text-align: center; width: 210px; color: #fff; border-radius: 36px; }

.digitalP1{ position: relative; overflow: hidden; padding-top: 130px; box-sizing: border-box; height: 746px; background: url(../images/digitalBg1.jpg) center bottom no-repeat; background-size: cover; }
.digitalP1.on{ padding-top: 210px; height: 826px; }
.digitalP1 .title{ position: relative; color: #333; text-align: center; font-weight: bold; font-size: 48px; line-height: 48px; padding-bottom: 45px; }
.digitalP1 .title:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 58px; height: 6px; background: #d5000b; margin-left: -29px; }
.digitalP1 .msg{ font-size: 16px; color: #333; padding-top: 35px; line-height: 16px; text-align: center; }
.digitalP1 .botDiv{ width: 836px; position: absolute; left: 50%; bottom: 0; margin-left: -420px; }
.digitalP1 .leftDiv{ width: 698px; height: 391px; position: relative; background: url(../images/nimg698Bg.png) no-repeat; }
.digitalP1 .videobox{ position: absolute; left: 18px; bottom: 0; width: 663px; overflow: hidden; border-top-left-radius: 20px; border-top-right-radius: 20px;}
.digitalP1 .videobox .imgDiv img{ width: 100%; }
.digitalP1 .videobox video{width:100%; height: 100%; position:absolute;top:0;left:0;z-index:1; object-fit:cover;}

.digitalP1 .leftDiv .btnDiv{ opacity:0; position:absolute; left:50%; top:50%; margin-left:-39px; margin-top:-39px; z-index:2;}
.digitalP1 .leftDiv .btnDiv a{ display:block; position:relative; width:78px; height:78px; padding-top:50px; box-sizing:border-box; text-align:center; color:#333; border-radius:50%; background:rgba(226,228,228,0.7);}
.digitalP1 .leftDiv .btnDiv img{ position:absolute; left:50%; margin-left:-14px; top:15px; z-index:1; }
.digitalP1 .leftDiv .btnDiv em{ position:relative; z-index:1;}
.digitalP1 .leftDiv:hover .btnDiv{ opacity:1;}

.digitalP1 .leftDiv .btnDiv .circle { background: rgba(226,226,228,.3); width: 78px; height: 78px; border-radius: 50%; position: absolute; left:0; top:0; z-index: 0; transform: scale(1); -webkit-transform: scale(1) }
.digitalP1 .leftDiv .btnDiv .c-1 { animation: 2s scaleToggleOne cubic-bezier(.17,.168,.78, .94) forwards infinite; }
.digitalP1 .leftDiv .btnDiv .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.17,.168,.78, .94) forwards infinite; }
.digitalP1 .leftDiv .btnDiv .c-3 { animation: 3s scaleToggleThree cubic-bezier(.17,.168,.78, .94) forwards infinite; }


.digitalP1 .rightImg{ position: absolute; right: 0; bottom: 0; width: 234px; z-index: 2; }

.digitalP2{ position: relative; padding: 125px 0 110px; background: url(../images/digitalBg4.jpg) center bottom no-repeat; background-size: 100%;}
.digitalP2 .title{ position: relative; color: #333; text-align: center; font-weight: bold; font-size: 48px; line-height: 48px; padding-bottom: 45px; }
.digitalP2 .title:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 58px; height: 6px; background: #d5000b; margin-left: -29px; }
.digitalP2 .msg{ font-size: 16px; color: #333; padding-top: 40px; line-height: 16px; text-align: center; }

.digitalP2 .bigBox{ position: relative; height: 635px; }
.digitalP2 .bigBox .midBg{ padding-top: 120px; width: 960px; margin: 0 auto; height: 435px; background: url(../images/nimg960Bg3.png) center bottom no-repeat; }
.digitalP2 .bigBox li{ z-index: 1; position: absolute; opacity: 0; visibility: hidden;}
.digitalP2 .bigBox .li01{ left: 46%; margin-left: -91px; top: 50%; margin-top: -90px; z-index: 2;}
.digitalP2 .bigBox .li02{ left: 53%; margin-left: -91px; top: 50%; margin-top: -90px;}
.digitalP2 .bigBox .li03{ left: 53%; margin-left: -91px; top: 50%; margin-top: -90px; z-index: 2;}
.digitalP2 .bigBox .li04{ left: 46%; margin-left: -91px; top: 50%; margin-top: -90px;}
.digitalP2 .bigBox .li05{ left: 53%; margin-left: -91px; top: 50%; margin-top: -70px;}
.digitalP2 .bigBox .li06{ left: 53%; margin-left: -91px; top: 50%; margin-top: -70px;}
.digitalP2 .bigBox .li01.cur{animation: lb 1s linear forwards;}
.digitalP2 .bigBox .li02.cur{animation: rt 1s linear forwards;}
.digitalP2 .bigBox .li03.cur{animation: rb 1s linear forwards;}
.digitalP2 .bigBox .li04.cur{animation: lt 1s linear forwards;}
.digitalP2 .bigBox .li05.cur{animation: ll 1s linear forwards;}
.digitalP2 .bigBox .li06.cur{animation: rr 1s linear forwards;}

.digitalP2 .bigBox li .ssDiv{ position: absolute; }
.digitalP2 .bigBox li .txt{ width: 164px; font-size: 20px; text-align: center; color: #333; font-weight: bold; height: 68px; background: #fff; border-radius: 4px; box-shadow: 0px 1px 54px 0px rgba(0, 0, 0, 0.1); }
.digitalP2 .bigBox li .bg2{ position: absolute; top: 50%; width: 7px; height: 12px; margin-top: -6px; }
.digitalP2 .bigBox .li01 .ssDiv{ padding-right: 7px; top: -30px; left: -156px; }
.digitalP2 .bigBox .li02 .ssDiv{ padding-left: 7px; top: 0; right: -156px; }
.digitalP2 .bigBox .li03 .ssDiv{ padding-left: 7px; top: -30px; right: -156px; }
.digitalP2 .bigBox .li04 .ssDiv{ padding-right: 7px; top: -10px; left: -176px; }
.digitalP2 .bigBox .li05 .ssDiv{ padding-right: 7px; top: 30px; left: -176px; }
.digitalP2 .bigBox .li06 .ssDiv{ padding-left: 7px; top: 10px; right: -176px; }
.digitalP2 .bigBox .li01 .bg2, .digitalP2 .bigBox .li04 .bg2, .digitalP2 .bigBox .li05 .bg2{ right: 0; background: url(../images/ssBg.png) no-repeat; }
.digitalP2 .bigBox .li02 .bg2, .digitalP2 .bigBox .li03 .bg2, .digitalP2 .bigBox .li06 .bg2{ left: 0; background: url(../images/ssBg2.png) no-repeat; }
.digitalP2 .bigBox li .baozhe:hover .ssDiv{ opacity: 0; }
/*.digitalP2 .bigBox li .baozhe:hover .hideBox{ opacity: 1; }*/

/*.digitalP2 .bigBox li.cur .hideBox{ opacity: 1; visibility: visible; animation-delay:2.5s;}*/

.digitalP2 .bigBox li .baozhe{ position: relative; }
.digitalP2 .bigBox li .limg{ cursor: pointer; width: 182px; height: 144px; position: relative; }
.digitalP2 .bigBox li .ico{ position: absolute; left: 50%; top: -30px; margin-left: -38px; }
.digitalP2 .bigBox li .hideBox{ display: none; position: absolute; width: 310px; padding-bottom: 8px; left: 50px; top: -160px;}

.digitalP2 .bigBox .li01 .hideBox, .digitalP2 .bigBox .li04 .hideBox, .digitalP2 .bigBox .li05 .hideBox{ left: auto; right: 50px; }
.digitalP2 .bigBox .li01 .bg, .digitalP2 .bigBox .li04 .bg, .digitalP2 .bigBox .li05 .bg{ left: auto; right: 25px; }

.digitalP2 .bigBox li .limg:hover .ico{ animation: upDown 0.5s infinite alternate linear; -webkit-animation: upDown 0.5s infinite alternate linear;}

.digitalP2 .bigBox li .bg{ position: absolute; left: 25px; bottom: 0; width: 18px; height: 8px; background: url(../images/nimg18Bg.png) no-repeat; }
.digitalP2 .bigBox li .conDiv{ padding: 20px 18px; background: #fff; border-radius: 4px; box-shadow: 0px 1px 54px 0px rgba(0, 0, 0, 0.1); }
.digitalP2 .bigBox li .name{ line-height: 20px; font-size: 20px; padding-bottom: 5px; color: #d5000b; font-weight: bold; }
.digitalP2 .bigBox li .content{ font-size: 14px; line-height: 24px; color: #333;}

@keyframes lb { 0% { transform: translate(0, 0); } 100% { transform: translate(-300px, 230px); opacity: 1; visibility: visible; } }
@keyframes rt { 0% { transform: translate(0, 0); } 100% { transform: translate(230px, -160px); opacity: 1; visibility: visible; } }
@keyframes rb { 0% { transform: translate(0, 0); } 100% { transform: translate(300px, 230px); opacity: 1; visibility: visible; } }
@keyframes lt { 0% { transform: translate(0, 0); } 100% { transform: translate(-230px, -160px); opacity: 1; visibility: visible; } }
@keyframes ll { 0% { transform: translate(0, 0); } 100% { transform: translate(-480px, 0); opacity: 1; visibility: visible; } }
@keyframes rr { 0% { transform: translate(0, 0); } 100% { transform: translate(400px, 0); opacity: 1; visibility: visible; } }

.digitalP2 .imgDiv{ padding-top:0.6rem;}
.digitalP2 .imgDiv img{ width:100%;}
.platPic{ position: relative; padding-top: 0.5rem; }
.platPic .list2{ overflow: hidden;}
.platPic .list2 .box{ text-align: center; background: #f6f6f6; border-radius: 4px; padding: 0 0.4rem; height: 3.4rem; }
.platPic .list2 .ico{ padding-top: 0.8rem; height: 1.4rem; display:none; }
.platPic .list2 .ico img{ width: 0.9rem; }
.platPic .list2 .name{ padding-top: 0.7rem; font-size: 0.3rem; line-height: 0.3rem; color: #333; font-weight: bold; }
.platPic .list2 .content{ font-size: 0.26rem; line-height: 0.52rem; padding-top: 0.3rem; }
.platPic .swiper-pagination{ bottom: 0!important; position: relative; padding-top: 0.5rem; } 
.platPic .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #b1b1b1; border-radius: 50%; margin: 0 8px!important; } 
.platPic .swiper-pagination-bullet-active { background: #d5000b; } 


.digitalP3 .list{ position: relative; }
.digitalP3 .list li{ position: relative; cursor: pointer; overflow: hidden; }
.digitalP3 .list li .imgDiv{ position: relative; }
.digitalP3 .list li .imgDiv:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/x_02.png) top repeat-x; }
.digitalP3 .list li:nth-child(even) .imgDiv:before{ background: url(../images/x_04.png) top repeat-x; }
.digitalP3 .list li .imgDiv:after{ content: '';  opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(51,51,51,0.6); }
.digitalP3 .list li .imgDiv img{ width: 100%; }
.digitalP3 .list li .txtDiv{ position: absolute; left: 23.4%; top: 1.0rem; z-index: 1; }
.digitalP3 .list li .cn{ font-size: 36px; line-height: 36px; color: #333; padding-bottom: 15px;}
.digitalP3 .list li .en{ color: rgba(51,51,51,0.2); font-family: Harmony; font-size: 36px; line-height: 40px; text-transform: uppercase; }
.digitalP3 .list li .hideDiv{ bottom: -35%; width: 100%; box-sizing: border-box; padding: 0 18%; position: absolute; left: 0; }
.digitalP3 .list li .name{ font-size: 36px; line-height: 36px; color: #fff; position: relative; height: 64px; }
.digitalP3 .list li .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #bdbdbd; }
.digitalP3 .list li .name:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 65px; height: 1px; background: #d5000b; z-index: 1; }
.digitalP3 .list li .msg{ font-size: 16px; line-height: 36px; color: #fff; padding-top: 20px; }
.digitalP3 .list li:hover .imgDiv:before{ opacity: 0; }
.digitalP3 .list li:hover .imgDiv:after{ opacity: 1; }
.digitalP3 .list li:hover .txtDiv{ top: -30%; }
.digitalP3 .list li:hover .hideDiv{ bottom: 20%; }

.digitalP3 .swiper-pagination{ display: none; bottom: 0.5rem!important;  } 
.digitalP3 .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #b1b1b1; border-radius: 50%; margin: 0 8px!important; } 
.digitalP3 .swiper-pagination-bullet-active { background: #d5000b; } 

.digitalP4{ position: relative; padding: 125px 0 110px; background: url(../images/digitalBg3.jpg) center bottom no-repeat; background-size: 100%;}
.digitalP4 .title{ position: relative; color: #333; text-align: center; font-weight: bold; font-size: 48px; line-height: 48px; padding-bottom: 45px; }
.digitalP4 .title:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 58px; height: 6px; background: #d5000b; margin-left: -29px; }
.digitalP4 .msg{ font-size: 16px; color: #333; padding: 40px 0 130px; line-height: 16px; text-align: center; }
.digitalP4 .list li{ width: 208px; cursor: pointer; }
.digitalP4 .list li .vessel{ position: relative; }
.digitalP4 .list li .icon{ position: absolute; left: -24px; bottom: 72px; width: 68px; height: 66px; border-radius: 12px; background: #fff; box-shadow: 0px 0px 18.4px 1.6px rgba(0, 0, 0, 0.08); z-index: 2; }
.digitalP4 .list li .icon img{ position: absolute; left: 50%; margin-left: -28px; top: 50%; margin-top: -28px; }
.digitalP4 .list li .bg img{ width: 100%; }
.digitalP4 .list li .top{ z-index: 1; position: absolute; left: 50%; margin-left: -35px; width: 70px; height: 14px; top: 17px; background: url(../images/headtop.png) no-repeat; }
.digitalP4 .list li .mxfDiv{ position: absolute; left: 50%; margin-left: -87px; top: 17px; width: 174px; overflow: hidden; border-radius: 16px; }
.digitalP4 .list li .limg img{ width: 174px; }
.digitalP4 .list li .hideDiv{ z-index: 1; opacity: 0; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #f6f6f6; }
.digitalP4 .list li .hideDiv img{ position: absolute; left: 50%; top: 50%; margin-left: -56px; margin-top: -56px; width: 112px; }
.digitalP4 .list li .vessel:hover{ transform:scale(1.2);-webkit-transform:scale(1.2);}
.digitalP4 .list li .vessel:hover .icon{ opacity: 0; }
.digitalP4 .list li .vessel:hover .hideDiv{ opacity: 1; }
.digitalP4 .list li .name{ font-size: 16px; line-height: 16px; margin-top: 15px; height: 50px; color: #333; text-align: center; position: relative; }
.digitalP4 .list li .name em{ position: absolute; left: 0; top: 0; width: 100%; }
.digitalP4 .list li:hover .name em{ top: 32px; }

.digitalP5{ height: 710px; background: url(../images/digitalBg2.jpg) center no-repeat; background-size: cover; }
.digitalP5 .leftCon{ width: 652px; }
.digitalP5 .title{ position: relative; color: #333; font-weight: bold; font-size: 48px; line-height: 68px; padding-bottom: 45px; }
.digitalP5 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 58px; height: 6px; background: #d5000b; }
.digitalP5 .content{ font-size: 16px; color: #333; padding-top: 36px; line-height: 36px; text-align: justify; }

.digitalP6{ position: relative; overflow:hidden; }
.digitalP6 .list { width: 3500px; position: relative; left: 50%; margin-left: -1750px; }
.digitalP6 .swiper-slide { position: relative; overflow: hidden; }
.digitalP6 .swiper-slide .img { width: 1152px;  position: relative; margin: 0 auto; }
.digitalP6 .swiper-slide .img img{ width: 100%; }
.digitalP6 .swiper-slide .txtLayer{ position: absolute; left: 8.6%; right: 8.6%; z-index: 1; bottom: -35%; }
.digitalP6 .swiper-slide .name{ font-size: 28px; line-height: 28px; position: relative; padding-bottom: 40px; color: #fff; }
.digitalP6 .swiper-slide .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 30px; height: 7px; background: #d5000b; }
.digitalP6 .swiper-slide .content{ margin-top: 26px; font-size: 14px; line-height: 24px; height: 72px; overflow: hidden; color: #fff; width: 686px; text-align: justify; }
.digitalP6 .swiper-slide-active .txtLayer{ bottom: 80px; }
.digitalP6 .swiper-pagination{ display: none; bottom: 0.3rem!important; } 
.digitalP6 .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #b1b1b1; border-radius: 50%; margin: 0 8px!important; } 
.digitalP6 .swiper-pagination-bullet-active { background: #d5000b; } 

.digitalP6 a.arrow { display: block; width: 68px; height: 68px; position: absolute; z-index: 10; top: 50%; border-radius: 50%; margin-top: -34px; }
.digitalP6 a.arrow.prev { left: 50%; margin-left: -800px; background: #fff url("../images/limg10_lefton.png") center no-repeat; }
.digitalP6 a.arrow.next { right: 50%; margin-right: -800px; background: #fff url("../images/limg10_righton.png") center no-repeat; }
.digitalP6 a.arrow.prev:hover{ background: #d5000b url("../images/limg10_left.png") center no-repeat;}
.digitalP6 a.arrow.next:hover { background: #d5000b url("../images/limg10_right.png") center no-repeat; }

.digitalP7{ background: #f2f2f2; padding: 95px 0; }
.digitalP7 .title{ position: relative; color: #333; text-align: center; font-weight: bold; font-size: 36px; line-height: 36px; padding-bottom: 80px; }
.digitalP7 .list ul{ margin-right: -12px; }
.digitalP7 .list li{ float: left; width: 14.28%; }
.digitalP7 .list li .box{ cursor: pointer; position: relative; top: 0; margin-right: 12px; text-align: center; padding-top: 46px; height: 245px; background: #fff; box-sizing: border-box; border-radius: 8px; }
.digitalP7 .list li .ico{ height: 105px; }
.digitalP7 .list li .name{ font-size: 16px; color: #333; line-height: 28px; }
.digitalP7 .list li .box:hover{ top: -10px; box-shadow: 0px 0 24px 0px rgba(0, 0, 0, 0.2);}

.logisticsP1{ padding: 140px 0; background: #f1f1f1; }
.logisticsP1.on{ padding: 220px 0 140px; }
.logisticsP1 .mxfDiv{ position: relative; padding-top: 15px; box-sizing: border-box;}
.logisticsP1 .leftCon{ width: 820px; }
.logisticsP1 .title{ position: relative; padding-left: 50px; color: #333; font-weight: bold; line-height: 68px; font-size: 48px; }
.logisticsP1 .title:before{ content: ''; position: absolute; left: 0; top: 0; width: 10px; height: 100%; background: #d5000b; }
.logisticsP1 .list{ padding-top: 100px; width: 600px; }
.logisticsP1 .list li{ padding-bottom: 65px; color: #333; }
.logisticsP1 .list li .wen{ font-size: 24px; line-height: 24px; font-weight: bold; padding-bottom: 25px; }
.logisticsP1 .list li .msg{ font-size: 14px; line-height: 30px; }
.logisticsP1 .rightDiv{ position: absolute; right: 0; top: 0; width: 775px; height: 520px; }
.logisticsP1 .dn{ position: absolute; right: 0; top: 48px; }
.logisticsP1 .imgList li{ position: absolute; width: 354px; opacity: 0; }
.logisticsP1 .imgList li:nth-child(1){ left: 162px; top: 0; z-index: 0; }
.logisticsP1 .imgList li:nth-child(2){ left: 81px; top: 84px; z-index: 1; }
.logisticsP1 .imgList li:nth-child(3){ left: 0; top: 185px; z-index: 2; }

.logisticsP1 .imgList li.cur{ opacity: 1; -webkit-animation: am_left 0.8s ease-in-out 0.8s backwards;}

.logisticsP1 .btnDiv{ width: 444px; margin: 0 auto; }
.logisticsP1 .btnDiv a{ display: block; border-radius: 48px; position: relative; width: 424px; border: #eed8da solid 10px; height: 74px; line-height: 74px; font-size: 18px; color: #fff; text-indent: 115px;}
.logisticsP1 .btnDiv img{ position: absolute; right: 70px; top: 50%; margin-top: -17px; z-index: 1;  animation: zuoYou 0.5s infinite alternate linear; -webkit-animation: zuoYou 0.5s infinite alternate linear}
.logisticsP1 .limg{ padding-top: 0.6rem; }
.logisticsP1 .limg img{ width: 100%; }

.logisticsP2{ padding-top: 140px; }
.logisticsP2 .title{ width: 920px; position: relative; padding-left: 50px; font-weight: bold; font-size: 48px; color: #333; line-height: 66px; }
.logisticsP2 .title:before{ content: ''; position: absolute; left: 0; top: 10px; width: 10px; height: 90%; background: #d5000b; }
.logisticsP2 .list .liDiv{ overflow:hidden; position: relative; }
.logisticsP2 .list .liDiv .bigBox{ width:50%;}
.logisticsP2 .list .liDiv .imgDiv{ float: right; width:56.25%; position:relative; overflow: hidden; }
.logisticsP2 .list .liDiv .imgDiv img{ width:100%;}
.logisticsP2 .list .liDiv .contentBox{ position: absolute; left: 50%; margin-left: -720px; top: 50%; transform: translateY(-50%); width: 570px; }
.logisticsP2 .list .liDiv:nth-of-type(2n) .imgDiv{ float: left; }
.logisticsP2 .list .liDiv:nth-of-type(2n) .contentBox{ right: 50%; margin-right: -720px; width: 610px; margin-left: 0; left: auto;}
.logisticsP2 .list .liDiv .name{ font-weight: bold; font-size: 36px; line-height: 36px; color: #333; padding-bottom: 40px; }
.logisticsP2 .list .liDiv .content{ font-size:16px; line-height:30px; color: #333;}
.logisticsP2 .list .liDiv .tab2{ padding-top: 80px; height: 50px; position: relative; }
.logisticsP2 .list .liDiv .tab2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #e0e0e0; }
.logisticsP2 .list .liDiv .tab2 li{ float: left; height: 50px; margin-right: 32px; position: relative; z-index: 1; font-size: 18px; line-height: 18px; color: #333; }
.logisticsP2 .list .liDiv .tab2 li:after{ content: ''; position: absolute; left: 50%; bottom: 0; height: 2px; width: 0; background: #d5000b; }
.logisticsP2 .list .liDiv .tab2 .liNow{ color: #d5000b; font-weight: bold; }
.logisticsP2 .list .liDiv .tab2 .liNow:after{ width: 100%; left: 0; }
.logisticsP2 .list .liDiv .msg{ padding-top: 30px; font-size: 14px; line-height: 30px; color: #333; }
.logisticsP2 .list .liDiv .msgList{ padding-top: 75px; }
.logisticsP2 .list .liDiv .msgList li{ font-size: 14px; line-height: 30px; padding-left: 28px; position: relative; color: #333; }
.logisticsP2 .list .liDiv .msgList li:before{ content: ''; position: absolute; left: 0; top: 50%; width: 14px; height: 14px; border-radius: 50%; margin-top: -7px; box-sizing: border-box; border: #d5000b solid 2px; }



.logisticsP3{ overflow:hidden; position: relative; padding-top: 125px; height: 830px; background: url(../images/logisticsBg1.jpg) center no-repeat; box-sizing: border-box; background-size: cover; }
.logisticsP3 .title{ text-align: center; position: relative; z-index:2; color: #333; font-weight: bold; font-size: 48px; line-height: 48px; }
.logisticsP3 .msg{ font-size: 16px; color: #333; padding: 28px 0 42px;  text-align: center; position: relative; z-index:2;}
.logisticsP3 .msg:after{ content: ''; position: absolute; left: 50%; margin-left: -29px; bottom: 0; width: 58px; height: 6px; background: #d5000b; }
.logisticsP3 .round{ width:1084px; height:1084px; border-radius:50%; box-sizing:border-box; border:#fff dashed 1px; position:absolute; left:50%; margin-left:-542px; top:-127px; z-index:1;  -moz-animation:rotate 125s infinite linear;  -webkit-animation:rotate 125s infinite linear;  animation:rotate 125s infinite linear;}
.logisticsP3 .round2{ width:1404px; height:1404px; border-radius:50%; box-sizing:border-box; border:#fff dashed 1px; position:absolute; left:50%; margin-left:-702px; top:-287px; z-index:1;  -moz-animation:rotate 225s infinite linear;  -webkit-animation:rotate 225s infinite linear;  animation:rotate 225s infinite linear;}

.logisticsP3 .mxfDiv{ position: absolute; width: 1440px; left: 50%; margin-left: -720px; bottom: 40px; height: 478px; z-index:2; }
.logisticsP3 .midDiv{ position: absolute; left: 50%; width: 1056px; margin-left: -528px; bottom: 0; z-index: 1; }
.logisticsP3 .earth{ margin: 0 auto; width: 563px; }
.logisticsP3 .btnDiv{ position:absolute; width:280px; left:50%; bottom:80px; margin-left:-140px;}
.logisticsP3 .btnDiv a{ display: block; width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 18px; color: #fff; border-radius: 36px;}

.logisticsP3 .label{ padding: 0!important; }
.logisticsP3 .label li{ position: absolute; text-align:left; width: 235px; height: 68px; line-height: 68px; font-weight: bold; color: #fff; font-size: 18px; font-style: italic; background: url(../images/nimg235Bg.png) no-repeat;  animation: upDown3 2s infinite alternate linear; -webkit-animation: upDown3 2s infinite alternate linear;}
.logisticsP3 .label li img{ position: absolute; top: 50%; margin-top: -14px; }
.logisticsP3 .label .li01{ left: 126px; top: 21px; text-indent: 106px; }
.logisticsP3 .label .li02{ left: 60px; top: 218px; text-indent: 106px; }
.logisticsP3 .label .li03{ right: 18px; top: 0; text-indent: 86px; }
.logisticsP3 .label .li04{ right: 70px; top: 180px; text-indent: 86px; }
.logisticsP3 .label .li01 img, .logisticsP3 .label .li02 img{ left: 60px; }
.logisticsP3 .label .li03 img, .logisticsP3 .label .li04 img{ left: 46px; }

.logisticsP3 .list{ display:none!important;}
.logisticsP3 .list li{ position: absolute; cursor: pointer; z-index: 2; animation: upDown3 2s infinite alternate linear; -webkit-animation: upDown3 2s infinite alternate linear;}
.logisticsP3 .list li .flag{ overflow: hidden; width: 66px; height: 46px; border-radius: 12px; position: relative; }
.logisticsP3 .list li .flag:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: 0; }
.logisticsP3 .list li .flag img{ border-radius: 8px; width: 58px; height: 38px; position: absolute; top: 4px; left: 4px; z-index: 1;}
.logisticsP3 .list li .layerDiv{ position:absolute; z-index: 2; width:440px; bottom: 56px; padding-bottom: 8px; opacity: 0; visibility: hidden;}
.logisticsP3 .list .left .layerDiv{ left: 0;}
.logisticsP3 .list .right .layerDiv{ left: auto; right: 0;}
.logisticsP3 .list li .layerDiv .bg{ position: absolute; bottom: 0; z-index: 1; width: 18px; height: 8px; background: url(../images/nimg18Bg.png) no-repeat; }
.logisticsP3 .list li .layerDiv .l7Div{ box-sizing: border-box; overflow: hidden; padding: 25px; border-radius: 12px; background: rgba(255,255,255,0.9); box-shadow: 4px 7px 46px 0px rgba(0, 0, 0, 0.2);}
.logisticsP3 .list .left .layerDiv .bg{ left: 30px; }
.logisticsP3 .list .right .layerDiv .bg{ left: auto; right: 30px; }
.logisticsP3 .list li .layerDiv .name{ font-size: 24px; line-height: 24px; color: #333; padding-bottom: 12px; }
.logisticsP3 .list li .layerDiv .lie dd{ font-size: 14px; line-height: 30px; padding-left: 22px; position: relative; color: #333;}
.logisticsP3 .list li .layerDiv .lie dd:before{ content: ''; position: absolute; left: 0; top: 9px; width: 12px; height: 12px; border-radius: 50%; box-sizing: border-box; border: #d5000b solid 2px; }
.logisticsP3 .list li.on .flag{ opacity: 1; }
.logisticsP3 .list li.on .flag:after{ opacity: 1;}
.logisticsP3 .list li.on .layerDiv{ opacity: 1; visibility: visible; bottom: 66px; }

.logisticsP3 .list .li01{ left: 270px; top: 32px; }
.logisticsP3 .list .li02{ left: 288px; top: 145px; }
.logisticsP3 .list .li03{ left: 238px; top: 255px; }
.logisticsP3 .list .li04{ left: 140px; top: 0; }
.logisticsP3 .list .li05{ left: 165px; top: 104px; }
.logisticsP3 .list .li06{ left: 133px; top: 205px; }
.logisticsP3 .list .li07{ left: 68px; top: 295px; }
.logisticsP3 .list .li08{ left: 30px; top: 18px; }
.logisticsP3 .list .li09{ left: 45px; top: 120px; }
.logisticsP3 .list .li10{ left: 0; top: 188px; }

.logisticsP3 .list .li11{ right: 267px; top: 20px; }
.logisticsP3 .list .li12{ right: 280px; top: 166px; }
.logisticsP3 .list .li13{ right: 244px; top: 258px; }
.logisticsP3 .list .li14{ right: 156px; top: 61px; }
.logisticsP3 .list .li15{ right: 136px; top: 160px; }
.logisticsP3 .list .li16{ right: 134px; top: 314px; }
.logisticsP3 .list .li17{ right: 60px; top: 12px; }
.logisticsP3 .list .li18{ right: 0; top: 144px; }
.logisticsP3 .list .li19{ right: 60px; top: 236px; }

.logisticsP3 .list .li04 .flag, .logisticsP3 .list .li05 .flag, .logisticsP3 .list .li06 .flag, .logisticsP3 .list .li16 .flag{ opacity: 0.5; }
.logisticsP3 .list .li14 .flag, .logisticsP3 .list .li15 .flag{ opacity: 0.3; }
.logisticsP3 .list .li07 .flag, .logisticsP3 .list .li09 .flag{ opacity: 0.2;}
.logisticsP3 .list .li17 .flag, .logisticsP3 .list .li19 .flag{ opacity: 0.1;}
.logisticsP3 .list .li08 .flag, .logisticsP3 .list .li10 .flag, .logisticsP3 .list .li18 .flag{ opacity: 0.05;}

.logisticsP3 .tab2{ height: 1rem; position:relative; background:#d5000b; padding:0 0.3rem; }
.logisticsP3 .tab2 .txt{line-height: 1rem; font-size:0.32rem; color:#fff; display:block;}
.logisticsP3 .tab2 .ico{position:absolute; top:0px; right:0.3rem; width:100%; height:100%; background:url(../images/nimg18Bg.png) right center no-repeat; cursor:pointer;}
.logisticsP3 .tab2 ul{margin-right:0px; position:absolute; z-index:2; left:0px; top: 0.9rem; width:100%; box-sizing: border-box; border: #ddd solid 1px; border-top: none; background: #fff; display:none; height: 3.6rem; overflow: auto;}
.logisticsP3 .tab2 ul::-webkit-scrollbar { width: 2px;}
.logisticsP3 .tab2 ul::-webkit-scrollbar-track { background-color: #e1e1e1;}
.logisticsP3 .tab2 ul::-webkit-scrollbar-thumb { background-color: #d5000b;} 
.logisticsP3 .tab2 li{ font-size: 0.3rem; padding: 0 0.3rem; height:0.9rem; line-height:0.9rem;}
.logisticsP3 .listTel{ display:none!important;}
.logisticsP3 .tabContentDiv2{ padding: 0.45rem 0.3rem 0; }
.logisticsP3 .listTel .name{ font-size: 0.32rem; line-height: 0.32rem; color: #333; padding-bottom: 0.25rem; }
.logisticsP3 .listTel .lie dd{ font-size: 0.26rem; line-height: 0.56rem; padding-left: 0.35rem; position: relative;}
.logisticsP3 .listTel .lie dd:before{ content: ''; position: absolute; left: 0; top: 0.2rem; width: 8px; height: 8px; border-radius: 50%; box-sizing: border-box; border: #d5000b solid 1px; }


.logisticsP4{ padding: 140px 0 125px; }
.logisticsP4 .title{ position: relative; padding-left: 50px; font-weight: bold; font-size: 48px; color: #333; line-height: 66px; }
.logisticsP4 .title:before{ content: ''; position: absolute; left: 0; top: 10px; width: 10px; height: 116px; background: #d5000b; }
.logisticsP4 .msg{ font-size: 16px; color: #333; padding: 36px 0 60px; }
.logisticsP4 .list{ overflow: hidden; padding-bottom: 25px; }
.logisticsP4 .list li .box{ position: relative; height: 318px; overflow: hidden; background: #f5f5f5; border-radius: 16px; }
.logisticsP4 .list li .box:before{ content: ''; position: absolute; opacity: 0; left: 0; top: 0; width: 100%; height: 5px; background-image: linear-gradient(left,#d70e18,#a9151d);
    background-image: -webkit-linear-gradient(left,#d70e18,#a9151d);
    background-image: -moz-linear-gradient(left,#d70e18,#a9151d);
    background-image: -o-linear-gradient(left,#d70e18,#a9151d);
    background-image: linear-gradient(to right,#d70e18,#a9151d);
    background-image: -webkit-linear-gradient(to right,#d70e18,#a9151d);
    background-image: -moz-linear-gradient(to right,#d70e18,#a9151d);
    background-image: -o-linear-gradient(to right,#d70e18,#a9151d);}
.logisticsP4 .list li .ico{ padding: 38px 0 0 60px; height: 114px; position: relative; }
.logisticsP4 .list li .ico:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: url(../images/line1.jpg) left no-repeat; }
.logisticsP4 .list li .txtDiv{ padding: 45px 0 0 55px; }
.logisticsP4 .list li .name{ font-size: 24px; line-height: 24px; color: #333; padding-bottom: 20px;}
.logisticsP4 .list li .wen{ color: #333; font-size: 16px; line-height: 16px; }
.logisticsP4 .list li .box:hover{ background: #fff; box-shadow: 4px 7px 25px 0px rgba(0, 0, 0, 0.1);}
.logisticsP4 .list li .box:hover:before{ opacity: 1; }
.logisticsP4 .swiper-pagination{ display: none; bottom: 0!important; position: relative; padding-top: 0.7rem; } 
.logisticsP4 .swiper-pagination-bullet { width: 10px; height: 10px; opacity: 1; background: #b1b1b1; border-radius: 50%; margin: 0 8px!important; } 
.logisticsP4 .swiper-pagination-bullet-active { background: #d5000b; } 

.logisticsP5{ padding-top: 150px; height: 920px; box-sizing: border-box; background: url(../images/logisticsBg2.jpg) center no-repeat; background-size: cover; }
.logisticsP5 .title{ text-align: center; font-size: 48px; line-height: 48px; color: #fff; font-weight: bold; position: relative; padding-bottom: 40px; }
.logisticsP5 .title:after{ content: ''; position: absolute; left: 50%; margin-left: -29px; bottom: 0; width: 58px; height: 6px; background: #d5000b; }
.logisticsP5 .bigBox{ padding-top: 80px; }
.logisticsP5 .leftCon{ width: 530px; padding-top: 50px; }
.logisticsP5 .msg{ font-size: 16px; color: #fff; line-height: 36px; text-align: justify; }
.logisticsP5 .wen{ padding: 60px 0 20px; font-size: 18px; color: #fff; font-weight: bold; }
.logisticsP5 .list li{ padding-left: 42px; font-size: 16px; line-height: 36px; color: #fff; position: relative; }
.logisticsP5 .list li:before{ content: ''; position: absolute; left: 0; width: 14px; height: 14px; box-sizing: border-box; border: #d5000b solid 2px; border-radius: 50%; top: 50%; margin-top: -7px; }

.logisticsP5 .rightDiv{ position: relative; width: 836px; height: 460px; background: url(../images/nimg745Bg.png) center bottom no-repeat; }
.logisticsP5 .midDiv{ position: absolute; top: 0; left: 50%; margin-left: -157px; width: 315px; height: 315px; background: #fff; border-radius: 50%;  }
.logisticsP5 .roundTxt{ border-radius: 50%; overflow: hidden; width: 234px; height: 234px; font-weight: bold; font-size: 30px; color: #fff; line-height: 30px; background: url(../images/nimg234_2.png) no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -117px; margin-top: -117px; }
.logisticsP5 .list2 li{ position: absolute; width: 140px; height: 140px; font-weight: bold; font-size: 24px; color: #fff; }
.logisticsP5 .list2 li .bg{ width: 140px; height: 140px; background: url(../images/nimg140Bg.png) top no-repeat;}
.logisticsP5 .list2 li em{ position: absolute; display: block; left: 50%; top: 50%; width: 104px; height: 104px; margin-left: -52px; margin-top: -52px; border-radius: 50%; background: rgba(255,255,255,0.2); text-align: center; line-height: 104px; text-align: center; }
.logisticsP5 .list2 .li01{ left: 116px; top: 98px; }
.logisticsP5 .list2 .li02{ left: 0; top: 190px; }
.logisticsP5 .list2 .li03{ left: 206px; top: 255px; }
.logisticsP5 .list2 .li04{ right: 116px; top: 98px; }
.logisticsP5 .list2 .li05{ right: 0; top: 190px; }
.logisticsP5 .list2 .li06{ right: 206px; top: 255px; }
.logisticsP5 .list2 li:hover .bg{  -moz-animation:rotate 2s infinite linear;  -webkit-animation:rotate 2s infinite linear;  animation:rotate 2s infinite linear;}

.logisticsP6{ padding: 120px 0 60px; }
.logisticsP6 .w1448{ width: 1448px; margin: 0 auto;}
.logisticsP6 .title{ margin-bottom: 35px; text-align: center; font-size: 48px; line-height: 48px; color: #333; font-weight: bold; position: relative; padding-bottom: 40px; }
.logisticsP6 .title:after{ content: ''; position: absolute; left: 50%; margin-left: -29px; bottom: 0; width: 58px; height: 6px; background: #d5000b; }
.logisticsP6 .mapDiv{ height: 731px; position: relative; background: url(../images/worldmap.png) no-repeat; }
.logisticsP6 .mapDiv li{ position: absolute;  }
.logisticsP6 .mapDiv li .txt{ font-size: 14px; line-height: 14px; color: #333; } 
.logisticsP6 .mapDiv li .ico{ position: absolute; width: 14px; height: 14px; border-radius: 50%;}
.logisticsP6 .zz{ width: 58px; height: 58px; background: #fff; border-radius: 50%; right: 308px; top: 337px; }
.logisticsP6 .zz img{ position: absolute; top: 50%; left: 50%; margin-left: -14px; margin-top: -20px; }
.logisticsP6 .canada{ left: 176px; top: 204px; padding-bottom: 22px; }
.logisticsP6 .canada .ico{ left: 50%; margin-left: -7px; bottom: 0; }
.logisticsP6 .america{ left: 236px; top: 298px; padding-top: 26px; }
.logisticsP6 .america .ico{ left: 50%; margin-left: -7px; top: 0; }
.logisticsP6 .england{ left: 610px; top: 224px; padding-right: 25px; }
.logisticsP6 .england .ico{ right: 0; top: 0; }
.logisticsP6 .belgium{ left: 607px; top: 248px; padding-right: 25px; }
.logisticsP6 .belgium .ico{ right: 0; top: 0; }
.logisticsP6 .france{ left: 627px; top: 268px; padding-right: 24px; }
.logisticsP6 .france .ico{ right: 0; top: 0; }
.logisticsP6 .spain{ left: 578px; top: 292px; padding-right: 28px; }
.logisticsP6 .spain .ico{ right: 0; top: 0; }
.logisticsP6 .holland{ left: 674px; top: 220px; padding-left: 18px; padding-bottom: 12px; }
.logisticsP6 .holland .ico{ left: 0; bottom: 0; }
.logisticsP6 .germany{ left: 692px; top: 246px; padding-left: 22px; padding-top: 9px; }
.logisticsP6 .germany .ico{ left: 0; top: 0; }
.logisticsP6 .italy{ left: 710px; top: 279px; padding-left: 26px; }
.logisticsP6 .italy .ico{ left: 0; top: 0; }
.logisticsP6 .poland{ left: 733px; top: 238px; padding-left: 28px; }
.logisticsP6 .poland .ico{ left: 0; top: 0; }
.logisticsP6 .westAfrica{ left: 616px; top: 397px; padding-top: 28px; }
.logisticsP6 .westAfrica .ico{ left: 50%; margin-left: -7px; top: 0; }
.logisticsP6 .eastAfrica{ left: 799px; top: 464px; padding-top: 28px; }
.logisticsP6 .eastAfrica .ico{ left: 50%; margin-left: -7px; top: 0; }
.logisticsP6 .southAfrica{ left: 725px; top: 568px; padding-top: 28px; }
.logisticsP6 .southAfrica .ico{ left: 50%; margin-left: -7px; top: 0; }
.logisticsP6 .russia{ left: 860px; top: 178px; padding-left: 38px; }
.logisticsP6 .russia .ico{ left: 0; top: 0; }
.logisticsP6 .uae{ left: 860px; top: 358px; padding-left: 28px; }
.logisticsP6 .uae .ico{ left: 0; top: 0; }
.logisticsP6 .pakistan{ left: 940px; top: 340px; padding-left: 30px; }
.logisticsP6 .pakistan .ico{ left: 0; top: 0; }
.logisticsP6 .india{ right: 390px; top: 375px; padding-right: 23px; }
.logisticsP6 .india .ico{ right: 0; top: 0; }
.logisticsP6 .thailand{ right: 376px; top: 404px; padding-right: 27px; }
.logisticsP6 .thailand .ico{ right: 0; top: 0; }
.logisticsP6 .vietnam{ right: 302px; top: 408px; padding-left: 24px; }
.logisticsP6 .vietnam .ico{ left: 0; top: 0; }
.logisticsP6 .malaysia{ right: 370px; top: 430px; padding-right: 30px; }
.logisticsP6 .malaysia .ico{ right: 0; top: 0; }
.logisticsP6 .singapore{ right: 360px; top: 455px; padding-right: 25px; }
.logisticsP6 .singapore .ico{ right: 0; top: 0; }
.logisticsP6 .indonesia{ right: 260px; top: 487px; padding-left: 30px; }
.logisticsP6 .indonesia .ico{ left: 0; top: 0; }
.logisticsP6 .australia{ right: 203px; top: 568px; padding-top: 30px; }
.logisticsP6 .australia .ico{ left: 50%; margin-left: -7px; top: 0; }
.logisticsP6 .zealand{ right: 93px; top: 628px; padding-top: 30px; }
.logisticsP6 .zealand .ico{ left: 50%; margin-left: -7px; top: 0; }
.logisticsP6 .korea{ right: 246px; top: 306px; padding-top: 28px; }
.logisticsP6 .korea .ico{ left: 50%; margin-left: -7px; top: 0; }
.logisticsP6 .japan{ right: 162px; top: 307px; padding-left: 32px; }
.logisticsP6 .japan .ico{ left: 0; top: 0; }

.logisticsP6 .pulse{position:absolute; top:-19px; left:-19px; height:48px;width:48px;border:2px solid #d5000b;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;-webkit-box-shadow:0 0 4px #d5000b,0 0 10px #d5000b inset;-moz-box-shadow:0 0 4px #d5000b,0 0 10px #d5000b inset;box-shadow:0 0 4px #d5000b,0 0 10px #d5000b inset;opacity:.12;filter:alpha(opacity=0);-webkit-animation:warn 2s ease-out both;-moz-animation:warn 2s ease-out both;-o-animation:warn 2s ease-out both;animation:warn 2s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite;background:0 0}
.logisticsP6 .delay-04{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.logisticsP6 .delay-05{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.logisticsP6 .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}

.logisticsP6 .mapImg{ overflow: auto; }
.logisticsP6 .mapImg .limg img{ width: 100%; }

.chainP1{ position: relative; overflow: hidden;}
.chainP1 .h80{ display: none; height: 80px; }
.chainP1.on .h80{ display: block; }
.chainP1 .huhu{ padding-top: 120px; height: 1140px; box-sizing: border-box; background: url(../images/bg.jpg) center top no-repeat; background-size: cover; }
.chainP1 .title{ color: #333; text-align: center; font-weight: bold; font-size: 48px; line-height: 48px;}
.chainP1 .msg{ margin-bottom: 30px; position: relative; padding: 30px 0 40px; font-size: 16px; color: #333; line-height: 16px; text-align: center; }
.chainP1 .msg:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 58px; height: 6px; background: #d5000b; margin-left: -29px; }
.chainP1 .imgDiv img{ width: 100%; }

.chainP1 .lastDiv{ width: 1350px; margin: 0 auto; position: relative; height: 840px; background: url(../images/dizuo.png) center 160px no-repeat; overflow: hidden; }
.chainP1 .toptop{ width: 806px; position: relative; margin: 0 auto; height: 88px;}
.chainP1 .toptop .txt{ text-align: center; font-size: 24px; line-height: 48px; color: #3e3a39; font-weight: bold; }
.chainP1 .toptop .tlist li{ position: absolute; top: 0; width: 48px; height: 48px; background: url(../images/nimg48Bg.png) no-repeat; text-align: center; font-size: 16px; line-height: 48px; text-transform: uppercase;}
.chainP1 .toptop .tlist li a{ display: block; color: #3e3a39; }
.chainP1 .toptop .tlist li a:hover{ color: #d5000b; }
.chainP1 .toptop .tlist .li01{ left: 0; }
.chainP1 .toptop .tlist .li02{ left: 118px; }
.chainP1 .toptop .tlist .li03{ left: 236px; }
.chainP1 .toptop .tlist .li04{ right: 236px; }
.chainP1 .toptop .tlist .li05{ right: 118px; }
.chainP1 .toptop .tlist .li06{ right: 0; }
.chainP1 .midmid{ position: relative; height: 595px; }
.chainP1 .midmid .zuoarrow{ opacity: 0; visibility: hidden; position: absolute; left: 50px; top: 0; width: 458px; height: 201px; background: url(../images/nimg458Bg.png) no-repeat; }
.chainP1 .midmid .youarrow{ opacity: 0; visibility: hidden; position: absolute; right: 90px; top: 10px; width: 493px; height: 208px; background: url(../images/nimg493Bg.png) no-repeat; }
.chainP1 .midmid .wen{ position: absolute; font-size: 24px; line-height: 24px; color: #333; }
.chainP1 .midmid .wen1{ left: 55px; top: 230px; }
.chainP1 .midmid .wen2{ left: 50%; margin-left: -36px; top: 0; }
.chainP1 .midmid .wen3{ right: 35px; top: 230px; }
.chainP1 .mlist{ position: relative; z-index: 1; }
.chainP1 .mlist li{ position: absolute; text-align: center; width: 80px; }
.chainP1 .mlist li .ico{ width: 72px; height: 72px; overflow: hidden; background-repeat: no-repeat; background-size: 100% auto; background-position: top;}
.chainP1 .mlist li .ico img{ width: 60px; }
.chainP1 .mlist li .name{ font-size: 16px; color: #333; padding-top: 2px; line-height: 26px; }
.chainP1 .mlist .li01{ width: 90px; left: 66px; top: 275px; }
.chainP1 .mlist .li01 .ico, .chainP1 .mlist .li11 .ico{ width: 90px; height: 102px; }
.chainP1 .mlist .li01 .ico img, .chainP1 .mlist .li11 .ico img{ width: 90px; }
.chainP1 .mlist .li01 .name, .chainP1 .mlist .li11 .name{ padding-top: 25px; }
.chainP1 .mlist .li02{ left: 144px; top: 185px; }
.chainP1 .mlist .li03{ left: 240px; top: 115px; }
.chainP1 .mlist .li04{ left: 350px; top: 78px; }
.chainP1 .mlist .li05{ left: 480px; top: 50px; }
.chainP1 .mlist .li06{ left: 50%; margin-left: -40px; top: 40px; }
.chainP1 .mlist .li07{ right: 480px; top: 50px; }
.chainP1 .mlist .li08{ right: 350px; top: 78px; }
.chainP1 .mlist .li09{ right: 240px; top: 115px; }
.chainP1 .mlist .li10{ right: 146px; top: 185px; }
.chainP1 .mlist .li11{ width: 90px; right: 70px; top: 275px; }

.chainP1 .halaDiv{ width: 422px; height: 422px; position: absolute; left: 50%; margin-left: -225px; top: 162px; }
.chainP1 .halaDiv .zi{ text-align: center; padding-left:24px; font-size: 30px; line-height: 30px; color: #333; font-weight: bold; position: relative; z-index: 3; }
.chainP1 .halaDiv .limg{ position: absolute; left: 2px; top: -14px; display: none; /*width: 424px; height: 424px; overflow: hidden; background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: top;*/ }
.chainP1 .halaDiv .rimg{ position: absolute; left: 3px; top: 0; display: none; z-index: 2; }
.chainP1.cur .halaDiv .limg{ display: block; }
/*.chainP1.cur .halaDiv .limg{ -webkit-animation: tpm-product-multi__icon-enter 3.5s steps(80) forwards;
    animation: tpm-product-multi__icon-enter 3.5s steps(80) forwards; }*/
.chainP1.cur .zuoarrow{animation: rr2 1s linear forwards;}
.chainP1.cur .youarrow{animation: rr2 1s linear forwards; animation-delay: 0.5s;}

@keyframes rr2 { 0% { transform: translate(0, 0); } 100% { transform: translate(40px, 0); opacity: 1; visibility: visible; } }

@-webkit-keyframes tpm-product-multi__icon-enter{0%{background-position:0 0}to{background-position:0 -33920px}}
@keyframes tpm-product-multi__icon-enter{0%{background-position:0 0}to{background-position:0 -33920px}}


.chainP1 .flist li{ position: absolute; height: 36px; cursor: pointer; }
.chainP1 .flist li .ss{ text-align: center; line-height: 36px; color: #333; font-size: 16px; border-radius: 36px; }
.chainP1 .flist .li01{ width: 141px; left: 230px; top: 470px; }
.chainP1 .flist .li01 .ss{ background: url(../images/nimg141Bg.png) no-repeat; }
.chainP1 .flist .li02{ width: 163px; left: 350px; top: 540px; }
.chainP1 .flist .li02 .ss{ background: url(../images/nimg163Bg.png) no-repeat; }
.chainP1 .flist .li03{ width: 163px; left: 50%; margin-left: -82px; top: 560px; }
.chainP1 .flist .li03 .ss{ background: url(../images/nimg163Bg.png) no-repeat; }
.chainP1 .flist .li04{ width: 177px; right: 340px; top: 540px; }
.chainP1 .flist .li04 .ss{ background: url(../images/nimg177Bg.png) no-repeat; }
.chainP1 .flist .li05{ width: 177px; right: 220px; top: 470px; }
.chainP1 .flist .li05 .ss{ background: url(../images/nimg177Bg.png) no-repeat; }

.chainP1 .flist li .layerDiv{ position:absolute; z-index: 2; box-sizing: border-box; left: 50%; margin-left: -128px; overflow: hidden; width: 256px; padding-bottom: 8px; bottom: 35px; opacity: 0; visibility: hidden;}
.chainP1 .flist li .layerDiv .bgbg{ position: absolute; left: 50%; margin-left: -9px; bottom: 0; width: 18px; height: 8px; background: url(../images/nimg18Bg.png) no-repeat; }
.chainP1 .flist li .layerDiv .content{ padding: 16px 24px; line-height: 28px; font-size: 14px; color: #333; text-align: justify; background: rgba(255,255,255,0.8); border-radius: 12px; /*box-shadow: 0px 8px 46px 0px rgba(0, 0, 0, 0.2);*/}
.chainP1 .flist li.on .ss{ color: #fff; background-image: linear-gradient(left,#d70e18,#a9151d);
    background-image: -webkit-linear-gradient(left,#d70e18,#a9151d);
    background-image: -moz-linear-gradient(left,#d70e18,#a9151d);
    background-image: -o-linear-gradient(left,#d70e18,#a9151d);
    background-image: linear-gradient(to right,#d70e18,#a9151d);
    background-image: -webkit-linear-gradient(to right,#d70e18,#a9151d);
    background-image: -moz-linear-gradient(to right,#d70e18,#a9151d);
    background-image: -o-linear-gradient(to right,#d70e18,#a9151d); }
.chainP1 .flist li.on .layerDiv{ opacity: 1; visibility: visible; bottom: 45px;}

.chainP1 .botbot{ padding-top: 12px; }
.chainP1 .blist{ width: 365px; margin: 0 auto; position: relative; z-index: 1;}
.chainP1 .blist li{ text-align: center; font-size: 14px; color: #3e3a39;}
.chainP1 .blist li .ico{ height: 55px; }

.chainP2{ padding: 150px 0; position: relative; }
.chainP2 .leftDiv{ width: 50%; position: relative; }
.chainP2 .leftDiv .bg img{ width: 100%; }

.scrollPic{ position: absolute; left: 0; top: 6%; width: 71.5%; }
.scrollPic .list{ overflow: hidden; }
.scrollPic li img{ width: 100%; }

.qwer{ position: absolute; left: 0; top: 6%; width: 71%; height:79.2%; background:#f0f0f0}
.qwer img{ width: 100%; }
.qwer video{ width: 100%; height:100%; object-fit: cover;}

.chainP2 .rightCon{ position: absolute; right: 50%; margin-right: -720px; width: 640px; top: 50%; transform: translateY(-50%); }
.chainP2 .title{ line-height: 68px; font-size: 48px; color: #333; font-weight: bold; position: relative; padding-bottom: 45px; }
.chainP2 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 58px; height: 6px; background: #d5000b; }
.chainP2 .msg{ padding: 40px 0 75px; font-size: 16px; line-height: 32px; color: #333; }
.chainP2 .btnDiv a{ display: block; width: 280px; height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #fff; border-radius: 36px; }

.chainP3{ background: #ececec; padding-top: 150px; z-index: 2;}
.chainP3 .wal{ position: relative; padding-bottom: 150px;}
.chainP3 .title{ line-height: 48px; font-size: 48px; color: #333; font-weight: bold; position: relative; text-align: center; padding-bottom: 45px; }
.chainP3 .title:after{ content: ''; position: absolute; left: 50%; margin-left: -29px; bottom: 0; width: 58px; height: 6px; background: #d5000b; }
.chainP3 .leftDiv{ width: 598px; padding-top: 70px; position: relative; z-index: 1; float: left;}
.chainP3 .name{ font-size: 36px; line-height: 48px; color: #333; font-weight: bold; padding-bottom: 30px; }
.chainP3 .content{ font-size: 14px; color: #333; line-height: 30px; }
.chainP3 .tab2{ padding-top: 60px; font-weight: bold; height: 42px; position: relative; font-size: 16px; line-height: 16px; color: #333; }
.chainP3 .tab2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #d4d4d4; }
.chainP3 .tab2 li{ float: left; margin-right: 45px; position: relative; z-index: 1; height: 42px; }
.chainP3 .tab2 li:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; height: 1px; background: #d5000b; }
.chainP3 .tab2 .liNow{ color: #d5000b; }
.chainP3 .tab2 .liNow:after{ width: 100%; left: 0; }
.chainP3 .msg{ padding-top: 20px; font-size: 16px; line-height: 34px; height: 102px; overflow: hidden; color: #333; }
.chainP3 .telImg{ margin: 0.4rem auto 0; width: 90%; }
.chainP3 .telImg img{ width: 100%; }
.chainP3 .btnDiv a{ display: block; width: 326px; height: 60px; line-height: 60px; text-align: center; font-size: 24px; color: #fff; border-radius: 36px; }

.chainP3 .rightDiv{ position: relative; bottom: -80px; float: right; width: 716px; height: 443px; z-index: 1; }
.right-img-main{ overflow: hidden; width: 726px;}
.right-img-main .swiper-slide { position: relative;}
.right-img-main .swiper-slide .img { margin: 0 auto; width: 360px; opacity: 0.5; position: relative; }
.right-img-main .swiper-slide .img img{ width: 100%; }
.right-img-main .list { width: 726px; position: relative; left: 50%; margin-left: -358px; overflow: hidden; }
.right-img-main .swiper-slide-active .img {width: 360px; opacity: 1; left: -12px; }

.chainP4{ position: relative; }
.chainP4 .bg video{ display: block; width: 100%; }
.chainP4 .leftImg img{ width:100%;}
.chainP4 .bigBox{ width: 460px; position: absolute; right: 50%; margin-right: -720px; top: 50%; transform: translateY(-50%); z-index: 1; }
.chainP4 .name{ line-height: 48px; color: #333; font-weight: bold; font-size: 36px; }
.chainP4 .content{ line-height: 36px; font-size: 16px; color: #333; padding-top: 45px; }
.chainP4 .list{ padding-top: 60px; }
.chainP4 .list li{ line-height: 36px; padding-left: 34px; font-size: 14px; color: #333; background: url(../images/ico7.png) left 13px no-repeat;}

.chainP5{ position: relative; padding-top: 140px; height: 793px; box-sizing: border-box; background: url(../images/chainBg.jpg) center no-repeat; background-size: cover; }
.chainP5 .title{ position: relative; color: #fff; text-align: center; font-weight: bold; font-size: 48px; line-height: 48px;}
.chainP5 .msg{ position: relative; padding: 30px 0 40px; font-size: 16px; color: #fff; line-height: 16px; text-align: center; }
.chainP5 .msg:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 58px; height: 6px; background: #d5000b; margin-left: -29px; }
.chainP5 .mxfDiv{ position: absolute; left: 50%; bottom: 0; width: 1440px; height: 386px; margin-left: -720px; background: url(../images/nimg1440Bg.png) center bottom no-repeat; }
.chainP5 .mxfDiv li{ position: absolute; height: 208px; background: url(../images/nimg32Bg.png) center bottom no-repeat; text-align: center; }
.chainP5 .mxfDiv li .name{ font-size: 20px; color: #fff; line-height: 20px; font-weight: bold; padding-top: 22px;}
.chainP5 .mxfDiv .li01{ left: 0; bottom: 13px; }
.chainP5 .mxfDiv .li02{ left: 226px; bottom: 110px; }
.chainP5 .mxfDiv .li03{ left: 454px; bottom: 160px; }
.chainP5 .mxfDiv .li04{ left: 50%; top: 0; margin-left: -42px; }
.chainP5 .mxfDiv .li05{ right: 454px; bottom: 160px; }
.chainP5 .mxfDiv .li06{ right: 226px; bottom: 110px; }
.chainP5 .mxfDiv .li07{ right: 0; bottom: 13px; }
.chainP5 .mxfDiv li:hover .ico{ animation: upDown 0.5s infinite alternate linear; -webkit-animation: upDown 0.5s infinite alternate linear; }

.chainP6{ height: 970px; padding-top: 150px; background: url(../images/chainBg2.jpg) center no-repeat; box-sizing: border-box; background-size: cover; }
.chainP6 .title{ line-height: 48px; font-size: 48px; color: #333; font-weight: bold; position: relative; text-align: center; padding-bottom: 45px; }
.chainP6 .title:after{ content: ''; position: absolute; left: 50%; margin-left: -29px; bottom: 0; width: 58px; height: 6px; background: #d5000b; }

.chainP6 .mxfDiv{ position: relative; margin-top: 70px; }
.chainP6 .tab2{ width: 300px; float: left; }
.chainP6 .tab2 li{ height: 131px; line-height: 130px; color: #333; font-weight: bold; font-size: 20px; padding-left: 50px; background-image: linear-gradient(left,#dedede,#fdfdfd);
    background-image: -webkit-linear-gradient(left,#dedede,#fdfdfd);
    background-image: -moz-linear-gradient(left,#dedede,#fdfdfd);
    background-image: -o-linear-gradient(left,#dedede,#fdfdfd);
    background-image: linear-gradient(to right,#dedede,#fdfdfd);
    background-image: -webkit-linear-gradient(to right,#dedede,#fdfdfd);
    background-image: -moz-linear-gradient(to right,#dedede,#fdfdfd);
    background-image: -o-linear-gradient(to right,#dedede,#fdfdfd);}
.chainP6 .tab2 li:nth-child(even){ background-image: linear-gradient(left,#fdfdfd,#dedede);
    background-image: -webkit-linear-gradient(left,#fdfdfd,#dedede);
    background-image: -moz-linear-gradient(left,#fdfdfd,#dedede);
    background-image: -o-linear-gradient(left,#fdfdfd,#dedede);
    background-image: linear-gradient(to right,#fdfdfd,#dedede);
    background-image: -webkit-linear-gradient(to right,#fdfdfd,#dedede);
    background-image: -moz-linear-gradient(to right,#fdfdfd,#dedede);
    background-image: -o-linear-gradient(to right,#fdfdfd,#dedede);}
.chainP6 .tab2 .liNow, .chainP6 .tab2 .liNow:nth-child(even){ color: #fff; background-image: linear-gradient(left top,#d5000b,#a71018);
    background-image: -webkit-linear-gradient(left top,#d5000b,#a71018);
    background-image: -moz-linear-gradient(left top,#d5000b,#a71018);
    background-image: -o-linear-gradient(left top,#d5000b,#a71018);
    background-image: linear-gradient(to right bottom,#d5000b,#a71018);
  background-image: -webkit-linear-gradient(to right bottom,#d5000b,#a71018);
    background-image: -moz-linear-gradient(to right bottom,#d5000b,#a71018);
    background-image: -o-linear-gradient(to right bottom,#d5000b,#a71018);}

.chainP6 .tabContentDiv2{ float: right; width: 1140px; height: 524px; }
.chainP6 .conDiv{ width: 472px; box-sizing: border-box; padding-left: 70px; padding-right: 75px; height: 522px; background: #fff; }
.chainP6 .conDiv .limg{ animation: am_top 0.4s ease-out 0.1s backwards; -webkit-animation: am_top 0.4s ease-out 0.1s backwards;}
.chainP6 .conDiv .name{ font-size: 30px; line-height: 30px; padding-top: 60px; padding-bottom: 30px; color: #333; position: relative; animation: am_top 0.4s ease-out 0.3s backwards; -webkit-animation: am_top 0.4s ease-out 0.3s backwards;}
.chainP6 .conDiv .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 32px; height: 2px; background-image: linear-gradient(left top,#d5000b,#a71018);
    background-image: -webkit-linear-gradient(left top,#d5000b,#a71018);
    background-image: -moz-linear-gradient(left top,#d5000b,#a71018);
    background-image: -o-linear-gradient(left top,#d5000b,#a71018);
    background-image: linear-gradient(to right bottom,#d5000b,#a71018);
  background-image: -webkit-linear-gradient(to right bottom,#d5000b,#a71018);
    background-image: -moz-linear-gradient(to right bottom,#d5000b,#a71018);
    background-image: -o-linear-gradient(to right bottom,#d5000b,#a71018); }
.chainP6 .conDiv .msg{ padding-top: 26px; font-size: 16px; line-height: 40px; color: #333; text-align: justify; animation: am_top 0.4s ease-out 0.5s backwards; -webkit-animation: am_top 0.5s ease-out 0.5s backwards; }

.chainP6 .imgDiv{ position: relative; width: 668px; height: 522px; }
.chainP6 .imgDiv img{ width: 100%; }

.warningBox{ display:none; width: 560px; padding: 20px; box-sizing:border-box; background: #fff; position: absolute; right: 30px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 6px; opacity: 1; top: 85px; z-index:3;transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;}
.warningBox .close{ position:absolute; right:10px; top:10px; width:14px; height:14px;}
.warningBox .close img{ width:14px;}
.warningBox .title{ margin-bottom:10px; position:relative; padding-left:26px;}
.warningBox .title img{width: 20px; position:absolute; left:0; top:2px;}
.warningBox .title p{ font-size: 18px; color: #333; }
.warningBox .content{ padding:0 26px; font-size:14px; line-height:24px;}
.warningBox .content p{ text-align:right;}
.warningBox.close{ top:75px; opacity:0; visibility:hidden;}
.warningBox .btn{ width:162px; margin:20px auto 0;}
.warningBox .btn a{ display:block; width:162px; height:42px; line-height:42px; font-size: 16px; text-align: center; color: #fff; font-weight: bold; border-radius: 48px;}