.indexP3 .toptop{ padding: 120px 0 25px; }
.indexP3 .content{ text-align: center; font-size: 20px; color: #3a3a3a; line-height: 28px; padding-top: 35px; }

.runpic-box{ position: relative; width: 100%; height: 9.0rem; overflow: hidden; }
.runpic-box .logo{ z-index: 5; position: absolute; left: 0; top: 40px; padding-right: 103px; width: 291px; height: 120px; }
.runpic-box .logo:before{ content: ''; position: absolute; right: 0; top: 0; width: 103px; height: 120px; background: url(../images/nimg103Bg2.png) no-repeat; }
.runpic-box .logo .limg{ position: relative; z-index: 1; padding-left: 40px; height: 120px; background: #ffed00; line-height: 120px; }

.runpic-words { position: absolute; width: 100%; height: 100%; top: 0; left: 0;  z-index: 3;}
.runpic-words ul{ width: 100%; height: 100%; }
/*.runpic-words ul a{ display: block; width: 100%; height: 100%; }*/
.runpic-words ul li { cursor: pointer; position: relative; height: 100%; float: left; text-align: center;}
.runpic-words ul li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: rgba(255,255,255,0.3); }
.runpic-words ul li:last-child:after{ display: none; }
.runpic-words ul li .txt{ color: #fff; position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%);}
.runpic-words ul li .ico{ position: relative; width: 69px; height: 55px; margin: 0 auto 40px; }
.runpic-words ul li .ico img{ width: 69px; }
.runpic-words ul li .ico .img1{ opacity: 0; position: absolute; left: 0; top: 0; }
.runpic-words ul li .name{ font-size: 36px; line-height: 36px; color: #fff; }
.runpic-words ul li .cha{ opacity: 0; overflow: hidden; padding-top: 0; height: 0; padding: 0 0.5rem; }
.runpic-words ul li .msg{ font-size: 15px; color: rgba(255,255,255,0.7); line-height: 32px; height: 150px; }
.runpic-words ul li .btnDiv{ margin: 40px auto; text-align: center; width: 117px; height: 40px; line-height: 40px; font-size: 14px; background: url(../images/nimg180Bg.png) center no-repeat; background-size:117px 40px;}
.runpic-words ul li .btnDiv:after{ content: ''; position: absolute; right: 54px; top: 50%; width: 15px; height: 8px; margin-top: -4px; background: url(../images/nimg15_1.png) no-repeat;}
.runpic-words ul li .btnDiv a{ display:block; color: #333;}

.runpic-words ul .liNow{ background: rgba(0,0,0,0.4);}
.runpic-words ul .liNow .txt .cha{ opacity: 1; padding-top: 45px; height: 230px; }
.runpic-words ul .liNow .ico img{ opacity: 0; }
.runpic-words ul .liNow .ico .img1{ opacity: 1; }
.runpic-words ul .liNow .btnDiv:after{ animation: iconAni 1.5s ease infinite; }
.runpic-words .swiper-button-prev{ z-index: 2; position: absolute; top: 50%; margin-top: -30px; left: 20px; width: 60px; height: 60px; border-radius: 50%; background: #fff url(../images/nimg12_lefton.png) center no-repeat; }
.runpic-words .swiper-button-next{ z-index: 2; position: absolute; top: 50%; margin-top: -30px; right: 20px; width: 60px; height: 60px; border-radius: 50%; background: #fff url(../images/nimg12_righton.png) center no-repeat; }
.runpic-words .swiper-button-prev:hover{ background: #ffed00 url(../images/nimg12_lefton.png) center no-repeat; }
.runpic-words .swiper-button-next:hover{ background: #ffed00 url(../images/nimg12_righton.png) center no-repeat; }


.runpic-pic { width: 100%; overflow: hidden; position: relative; z-index: 1; height: 9.0rem; background-color: #b6b5aa;}
.runpic-pic ul li { width: 100%; height: 9.0rem; display: none; background: center no-repeat; position: relative; background-size: cover; position: absolute; top: 0%; left: 0%;}
.runpic-pic-true{animation: toPicBig 1s ease-in-out both;}