/*banner*/
.bannerDiv{ position: relative; }
.bannerDiv .botBg{ height: 40px; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; }
.bannerDiv .botBg:after{ content: ''; position: absolute; right: 0; bottom: 0; width: 72px; height: 40px; background: url(../image/nimg72Bg.png) no-repeat; }
.bannerDiv .botBg:before{ content: ''; position: absolute; right: 72px; height: 40px; background: #fff; width: 100%; }

.ind-banner{width: 100%; overflow: hidden; z-index: 1;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide .bg img{ width: 100%;}
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .round{ width: 6.55rem; height: 6.55rem; position: absolute; left: 50%; margin-left: -3.28rem; margin-top: -3.28rem; top: 50%; z-index: 0;}
.ind-banner .round img{ width: 6.55rem; }
.ind-banner .onebox{ position: absolute; left: 0; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); z-index: 1;} 
.ind-banner .onebox .cn{ font-size: 0.6rem; line-height: 0.6rem; font-weight: bold; color: #fff; }
.ind-banner .onebox .en{ padding: 0.3rem 0 0.7rem; font-size: 0.24rem; line-height: 0.24rem; font-family:regular; color: rgba(255,255,255,0.7);}
.ind-banner .onebox .btnDiv{ position: relative; font-size: 14px; width: 180px; height: 46px; line-height: 46px; text-indent: 45px; color: #333; text-align: left; margin: 0 auto; background: url(../image/nimg180Bg.png) no-repeat; }
.ind-banner .onebox .btnDiv:after{ content: ''; position: absolute; right: 54px; top: 50%; width: 15px; height: 8px; margin-top: -4px; background: url(../image/nimg15_1.png) no-repeat;}
.ind-banner .twobox{ position: absolute; right: 1.0rem; width: 5.5rem; top: 36%; z-index: 1; }
.ind-banner .twobox .txt{ display: inline-block; height: 28px; position: relative; padding-right: 23px; }
.ind-banner .twobox .txt:after{ content: ''; position: absolute; right: 0; top: 0; width: 23px; height: 28px; background: url(../image/nimg23Bg.png) no-repeat; }
.ind-banner .twobox .txt em{ display: block; padding: 0 10px 0 20px; background: #333; height: 28px; line-height: 28px; color: #fff; font-size: 22px; font-family: mont; text-transform: uppercase; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.ind-banner .twobox .name{ font-size: 0.4rem; color: #333; font-weight: bold; line-height: 0.5rem; padding-top: 10px;}
.ind-banner .twobox .content{ font-size: 16px; line-height: 30px; color: #949494; padding-top: 0.3rem; }
.ind-banner .twobox .btnDiv{ position: relative; font-size: 14px; width: 180px; height: 46px; line-height: 46px; text-indent: 45px; color: #333; margin-top: 0.6rem; background: url(../image/nimg180Bg.png) no-repeat; }
.ind-banner .twobox .btnDiv:after{ content: ''; position: absolute; right: 54px; top: 50%; width: 15px; height: 8px; margin-top: -4px; background: url(../image/nimg15_1.png) no-repeat;}
.ind-banner .swiper-pagination{ padding-top: 44px; position: relative; text-align: center; left: 0; bottom: 0!important; } 
.ind-banner .swiper-pagination-bullet { position: relative; background: none; color: #333; font-size: 16px; line-height: 34px; padding-right: 40px; width: 34px; height: 34px; opacity: 1; border-radius: 50%; margin-left: 0!important; margin-right: 0!important; } 
.ind-banner .swiper-pagination-bullet:before{ content: ''; position: absolute; width: 34px; height: 34px; border: #383732 solid 1px; display: none; box-sizing: border-box; border-radius: 50%; }
.ind-banner .swiper-pagination-bullet:after{ content: ''; position: absolute; right: 0; top: 50%; width: 40px; height: 1px; background: #e5d500; }
.ind-banner .swiper-pagination-bullet-active:before { display: block; }
.ind-banner .swiper-pagination-bullet:last-child{ padding-right: 0; }
.ind-banner .swiper-pagination-bullet:last-child:after{ display: none; }
.ind-banner .layer{ position: absolute; left: 0; bottom: 40px; padding-right: 103px; height: 120px; z-index: 1;}
.ind-banner .layer:after{ content: ''; position: absolute; right: 0; top: 0; width: 103px; height: 120px; background: url(../image/nimg103Bg3.png) no-repeat; }
.ind-banner .hala{ padding-left: 120px; padding-right: 106px; position: relative; height: 120px; background: #ffed00; }
.ind-banner .next{ z-index: 2; position: absolute; display: block; right: 46px; top: 40px; width: 42px; height: 42px; background: #333 url(../image/nimg12_right2.png) center no-repeat; border-radius: 50%; }

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

/*banner结束*/

.indexTxt{ text-align: center; }
.indexTxt .cn{ font-weight: bold; color: #333; font-size: 48px; line-height: 48px; }
.indexTxt .en{ padding-top: 10px; color: #ff0000; font-size: 36px; line-height: 36px; font-family: mont; text-transform: uppercase;}


.indexP1{ padding: 120px 0 70px; position: relative; overflow: hidden; }
.indexP1 .zimu{ position: absolute; left: 0; top: 388px; z-index: 0; width: 100%; }
.indexP1 .wen{ text-align: center; font-size: 0.36rem; line-height: 0.36rem; color: #222; padding: 0.5rem 0; }
.indexP1 .content{ font-size: 16px; line-height: 28px; text-align: center; padding: 0 1.56rem; }
.indexP1 .list{ padding: 0.75rem 0 0.9rem; }
.indexP1 .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between;}
.indexP1 .list li{ align-items: flex-start; -webkit-align-items: flex-start; }
.indexP1 .list li .ico{ padding-right: 42px; }
.indexP1 .list li .num{ font-size: 0.9rem; line-height: 0.7rem; color: #333; font-family: mont; }
.indexP1 .list li .txt{ font-size: 16px; line-height: 16px; color: #888; padding-top: 30px; }
.indexP1 .moreBtn{ width: 180px; margin: 0 auto; }
.indexP1 .moreBtn a{ display: block; position: relative; width: 180px; height: 46px; line-height: 46px; font-size: 14px; color: #333; text-indent: 45px; background: url(../image/nimg180Bg.png) no-repeat; }
.indexP1 .moreBtn a:after{ content: ''; position: absolute; right: 54px; top: 50%; width: 15px; height: 8px; margin-top: -4px; background: url(../image/nimg15_1.png) no-repeat;}
.indexP1 .moreBtn a:hover:after{ animation: iconAni 1.5s ease infinite;}

.str2{ height:340px;}
.str_wrap { overflow: hidden; width: 100%; position: relative; -moz-user-select: none; -khtml-user-select: none; user-select: none; white-space: nowrap;}
.str_move { white-space: nowrap; position: absolute; top: 0; left: 0; cursor: move;}
.str_move_clone { display: inline-block; vertical-align: top; position: absolute; left: 100%; top: 0;}
.str_vertical .str_move_clone { left: 0; top: 100%;}
.str_down .str_move_clone { left: 0; bottom: 100%;}
.str_vertical .str_move,.str_down .str_move { white-space: normal; width: 100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move { cursor: inherit;}

.indexP2{ height: 900px; padding-top: 160px; box-sizing: border-box; background: url(../image/indexP2.jpg) center no-repeat; background-size: cover; position: relative; overflow: hidden; }
.indexP2:before{ content: ''; position: absolute; left: 0; top: 0; width: 75px; height: 40px; background: url(../image/nimg75Bg.png) no-repeat; }
.indexP2:after{ content: ''; position: absolute; left: 75px; top: 0; width: 100%; height: 40px; background: #fff; }
.indexP2 .logo{ position: absolute; right: 0; top: 40px; padding-left: 103px; width: 291px; height: 120px; }
.indexP2 .logo:before{ content: ''; position: absolute; left: 0; top: 0; width: 103px; height: 120px; background: url(../image/nimg103Bg.png) no-repeat; }
.indexP2 .logo .limg{ height: 120px; background: #ffed00; line-height: 120px; position: relative; z-index: 1;}
.indexP2 .content{ font-size: 20px; color: #333; line-height: 36px; text-align: center; width: 1000px; margin: 35px auto 60px;}
.indexP2 .bigBox{ position: relative; }
.indexP2 .arrowDiv{ position: absolute; right: 50%; margin-right: -6.28rem; bottom: 1.5rem; z-index: 2; }
.indexP2 .arrowDiv a{ display: block; width: 36px; height: 36px; margin-top: 10px; border-radius: 50%; }
.indexP2 .arrowDiv .next{ background: #ddd url(../image/nimg12_right.png) center no-repeat; }
.indexP2 .arrowDiv .prev{ background: #ddd url(../image/nimg12_left.png) center no-repeat; }
.indexP2 .arrowDiv .next:hover{ background: #ffed00 url(../image/nimg12_righton.png) center no-repeat; }
.indexP2 .arrowDiv .prev:hover{ background: #ffed00 url(../image/nimg12_lefton.png) center no-repeat; }

.indexP2 .list { width: 30.4rem; overflow: hidden; position: relative;}
.indexP2 .list li a{ display: block; width: 100%; height: 100%; position: relative; overflow: hidden; }
.indexP2 .list li .bigBox{ padding-left: 1.2rem; opacity: 0.2;}
.indexP2 .list li .conDiv{ width: 24%; }
.indexP2 .list li .txt{ display: inline-block; height: 28px; position: relative; padding-right: 23px; }
.indexP2 .list li .txt:after{ content: ''; position: absolute; right: 0; top: 0; width: 23px; height: 28px; background: url(../image/nimg23Bg.png) no-repeat; }
.indexP2 .list li .txt em{ display: block; padding: 0 10px 0 20px; background: #333; height: 28px; line-height: 28px; color: #fff; font-size: 22px; font-family: mont; text-transform: uppercase; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.indexP2 .list li .name{ font-size: 0.4rem; color: #333; font-weight: bold; line-height: 0.5rem; padding: 10px 0 15px; }
.indexP2 .list li .msg{ font-size: 18px; color: #959595; line-height: 30px; height: 90px; overflow: hidden;}
.indexP2 .list li .btnDiv{ position: relative; width: 180px; height: 46px; line-height: 46px; font-size: 14px; color: #333; text-indent: 45px; background: url(../image/nimg180Bg2.png) no-repeat;}
.indexP2 .list li .btnDiv:after{ content: ''; position: absolute; right: 54px; top: 50%; width: 15px; height: 8px; margin-top: -4px; background: url(../image/nimg15_1.png) no-repeat;}
.indexP2 .list li .imgDiv{ width: 76%; }
.indexP2 .list li .imgDiv img{ width: 100%; }
.indexP2 .list li.swiper-slide-active .bigBox{ opacity: 1; }
.indexP2 .list li.swiper-slide-active .btnDiv{ background: url(../image/nimg180Bg.png) no-repeat;}
.indexP2 .list li:hover .btnDiv:after{ animation: iconAni 1.5s ease infinite; }

.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:before{ z-index: 5; content: ''; position: absolute; right: 0; top: 0; width: 75px; height: 40px; background: url(../image/nimg75Bg2.png) no-repeat; }
.runpic-box:after{ z-index: 5; content: ''; position: absolute; right: 75px; top: 0; width: 100%; height: 40px; background: #fff; }
.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(../image/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: 96px; }
.runpic-words ul li .btnDiv{ position: absolute; left: 50%; bottom: 0; margin-left: -90px; text-align: left; width: 180px; height: 46px; line-height: 46px; font-size: 14px; text-indent: 45px; background: url(../image/nimg180Bg.png) no-repeat;}
.runpic-words ul li .btnDiv:after{ content: ''; position: absolute; right: 54px; top: 50%; width: 15px; height: 8px; margin-top: -4px; background: url(../image/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(../image/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(../image/nimg12_righton.png) center no-repeat; }
.runpic-words .swiper-button-prev:hover{ background: #ffed00 url(../image/nimg12_lefton.png) center no-repeat; }
.runpic-words .swiper-button-next:hover{ background: #ffed00 url(../image/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;}

.indexP4{ padding: 140px 0 55px; }
.indexP4 .indexTxt{ text-align: left; }
.indexP4 .leftDiv{ width: 2.9rem; }
.indexP4 .content{ padding-top: 0.5rem; font-size: 18px; line-height: 36px; color: #333; padding-bottom: 2.1rem; }
.indexP4 .pngj{ width: 138px; position: relative; z-index: 2; }
.indexP4 .prev{ position: absolute; left: 0; top: 5px; display:block; background: url(../image/nimg8_left.png) no-repeat; width: 8px; height: 14px; } 
.indexP4 .next{ position: absolute; right: 0; top: 5px; display:block; background: url(../image/nimg8_right.png) no-repeat; width: 8px; height: 14px; } 
.indexP4 .prev:hover{ background: url(../image/nimg8_lefton.png) no-repeat;}
.indexP4 .next:hover{ background: url(../image/nimg8_righton.png) no-repeat;}
.indexP4 .numDiv{ margin: 0 auto; width: 68px; height: 24px; position: relative; background: url(../image/line2.jpg) center no-repeat;}
.indexP4 .num1, .indexP4 .num2{ font-size: 16px; line-height: 24px; color: #bbb; font-family: mont; }
.indexP4 .num1{ color: #ffed00; }



.indexP4 .rightDiv{ width: 11.8rem; height: 6.0rem; position: relative;}
.indexP4 .moreBtn{ width: 180px; position: absolute; right: 0; top: 0; z-index: 2; }
.indexP4 .moreBtn a{ display: block; position: relative; width: 180px; height: 46px; line-height: 46px; font-size: 14px; color: #333; text-indent: 45px; background: url(../image/nimg180Bg.png) no-repeat; }
.indexP4 .moreBtn a:after{ content: ''; position: absolute; right: 54px; top: 50%; width: 15px; height: 8px; margin-top: -4px; background: url(../image/nimg15_1.png) no-repeat;}
.indexP4 .moreBtn a:hover:after{ animation: iconAni 1.5s ease infinite;}

.indexNews .imgDiv{ overflow: hidden; border-radius: 6px; border-top-left-radius: 24px; }
.indexNews .imgDiv img{ width: 100%; }
.indexNews .bigBox{ width: 3.8rem; position: absolute; right: 0; top: 1.15rem; }
.indexNews .swiper-slide-active .bigBox{ position: relative; top: 0; width: 7.2rem; }
.indexNews .time{ padding-top: 0.5rem; font-size: 16px; color: #bbb; line-height: 16px; font-family: mont; }
.indexNews .name{ padding-top: 0.15rem; font-size: 20px; line-height: 32px; height: 32px; color: #222; font-weight: bold; overflow: hidden; }
.indexNews .swiper-button-prev{ z-index: 2; display: none; position: absolute; top: 50%; margin-top: -18px; left: 0.15rem; width: 36px; height: 36px; border-radius: 50%; background: #fff url(../image/nimg12_lefton.png) center no-repeat; }
.indexNews .swiper-button-next{ z-index: 2; display: none; position: absolute; top: 50%; margin-top: -18px; right: 0.15rem; width: 36px; height: 36px; border-radius: 50%; background: #fff url(../image/nimg12_righton.png) center no-repeat; }
.indexNews .swiper-button-prev:hover{ background: #ffed00 url(../image/nimg12_lefton.png) center no-repeat; }
.indexNews .swiper-button-next:hover{ background: #ffed00 url(../image/nimg12_righton.png) center no-repeat; }

.indexP5{ height: 690px; padding-top: 240px; box-sizing: border-box; background: url(../image/indexP5.jpg) center no-repeat; background-size: cover; background-attachment:fixed; position: relative; overflow: hidden; }
.indexP5:before{ content: ''; position: absolute; left: 0; top: 0; width: 75px; height: 40px; background: url(../image/nimg75Bg.png) no-repeat; }
.indexP5:after{ content: ''; position: absolute; left: 75px; top: 0; width: 100%; height: 40px; background: #fff; }
.indexP5 .logo{ position: absolute; right: 0; top: 40px; padding-left: 103px; width: 291px; height: 120px; }
.indexP5 .logo:before{ content: ''; position: absolute; left: 0; top: 0; width: 103px; height: 120px; background: url(../image/nimg103Bg.png) no-repeat; }
.indexP5 .logo .limg{ height: 120px; background: #ffed00; line-height: 120px; position: relative; z-index: 1;}
.indexP5 .msgList{ text-align: center; }
.indexP5 .msgList ul{ font-size: 0; }
.indexP5 .msgList li{ position: relative; display: inline-block; padding: 0 48px; color: #333; font-size: 36px; line-height: 36px; font-family: mont; }
.indexP5 .msgList li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 36px; background: url(../image/line1.png) no-repeat; }
.indexP5 .msgList li:last-child:after{ display: none; }
.indexP5 .msgList li img{ padding-right: 8px; }
.indexP5 .txt{ text-align: center; font-size: 48px; line-height: 48px; color: #333; padding: 45px 0 100px; }
.indexP5 .moreBtn{ width: 180px; margin: 0 auto; }
.indexP5 .moreBtn a{ display: block; position: relative; width: 180px; height: 46px; line-height: 46px; font-size: 14px; color: #333; text-indent: 45px; background: url(../image/nimg180Bg.png) no-repeat; }
.indexP5 .moreBtn a:after{ content: ''; position: absolute; right: 54px; top: 50%; width: 15px; height: 8px; margin-top: -4px; background: url(../image/nimg15_1.png) no-repeat;}
.indexP5 .moreBtn a:hover:after{ animation: iconAni 1.5s ease infinite;}

.aboutP1{ position: relative; padding-bottom: 5.85rem; background: center bottom no-repeat; background-size: 100%; }
.aboutP1:after{ content: ''; position: absolute; right: 0; top: 0; width: 50%; background: #fff; z-index: 0; height: 580px; }
.aboutP1 .bg{ position: absolute; left: 0; bottom: 0; width: 100%; height: 40px; }
.aboutP1 .bg:before{ z-index: 5; content: ''; position: absolute; left: 0; top: 0; width: 72px; height: 40px; background: url(../image/nimg72Bg2.png) no-repeat; }
.aboutP1 .bg:after{ z-index: 5; content: ''; position: absolute; left: 72px; top: 0; width: 100%; height: 40px; background: #fff; }
.aboutP1 .conDiv{ padding-top: 40px; padding-left: 0.7rem; position: relative; z-index: 1; height: 980px; background: #fff; border-bottom-left-radius: 64px;}
.aboutP1 .txtDiv{ padding-top: 50px; position: relative; }
.aboutP1 .txtDiv:after{ content: ''; position: absolute; left: 0; top: 0; width: 436px; height: 146px; background: url(../image/nimg796Bg.png) center no-repeat;}
.aboutP1 .txtDiv .name{ font-weight: bold; font-size: 34px; color: #3f3f3f; line-height: 36px; position: relative; z-index: 1;}
.aboutP1 .txtDiv .year{ padding-top: 25px; font-weight:600;font-family: mont; color: #ea0000; font-size: 66px; line-height: 100px; text-transform: uppercase; position: relative; z-index: 1; }
.aboutP1 .content{ font-size: 16px; line-height: 32px; padding-top: 50px;}
.aboutP1 .numList{ padding-top: 90px; }
.aboutP1 .numList ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.aboutP1 .numList li{ align-items: flex-start; -webkit-align-items: flex-start; }
.aboutP1 .numList li .ico{ padding-right: 30px; }
.aboutP1 .numList li .num{ font-size: 0.84rem; line-height: 0.7rem; color: #333; font-family: mont; }
.aboutP1 .numList li .num img{ padding-left: 12px; position: relative; top: -5px; }
.aboutP1 .numList li .txt{ font-size: 16px; line-height: 16px; color: #888; padding-top: 30px; }

.aboutP2{ padding: 80px 0 65px;  }
.aboutP2 .indexTxt{ padding-bottom: 55px; }
.historyPic{ position: relative; padding-bottom: 128px; }
.historyPic .box-container{ position: absolute; width: 100%; left: 0; bottom: 0; height: 70px;}
.historyPic .box-container:before{ content: ''; position: absolute; left: 0; bottom: 24px; width: 100%; height: 1px; background: #eaeaea; }
.historyPic .box-container .year-swiper{ padding: 0 50px; }
.historyPic .box-container .swiper-slide{ height: 60px; cursor: pointer; position: relative; text-align: center;}
.historyPic .box-container .swiper-slide .ico{ position: absolute; left: 50%; margin-left: -10px; bottom: 14px; width: 20px; height: 20px; border-radius: 50%; background: #fff; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1); }
.historyPic .box-container .swiper-slide .ico:before{ content: ''; z-index: 2; position: absolute; left: 50%; margin-left: -5px; top: 50%; margin-top: -5px; width: 10px; height: 10px; border-radius: 50%; background: #d9d9d9; }
.historyPic .box-container .swiper-slide .year{ font-size: 34px; line-height: 26px; font-family:mont; }
.historyPic .box-container .swiper-slide-active{ color: #333; }
.historyPic .box-container .swiper-slide-active .ico:before{ background: #fff800; }
.historyPic .box-container .prev { position: absolute; border-radius: 50%; left: 0; bottom: 0; cursor: pointer; width: 48px; height: 48px; overflow: hidden; background: #e8e8e8 url(../image/nimg12_left.png) no-repeat center; z-index: 5;}
.historyPic .box-container .next { position: absolute; border-radius: 50%; right: 0; bottom: 0; cursor: pointer; width: 48px; height: 48px; overflow: hidden; background: #e8e8e8 url(../image/nimg12_right.png) no-repeat center; z-index: 5;}
.historyPic .box-container .prev:hover{ background: #fff800 url(../image/nimg12_lefton.png) no-repeat center;}
.historyPic .box-container .next:hover{ background: #fff800 url(../image/nimg12_righton.png) no-repeat center;}

.historyPic .detail-box .item { display: none; position: relative; overflow: hidden;}
.historyPic .detail-box .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.historyPic .detail-box .item .mxfDiv{ position: relative; }
.historyPic .detail-box .item .imgDiv{ overflow: hidden; border-radius: 6px; border-top-left-radius: 24px; }
.historyPic .detail-box .item .imgDiv img{ width: 7.68rem; }
.historyPic .detail-box .item .conDiv{ padding-top: 1.2rem; width: 6.5rem; }
.historyPic .detail-box .item .year{ position: relative; padding-bottom: 35px; font-size: 0.6rem; color: #333; line-height: 0.6rem; font-family: mont; font-weight: bold; animation: am_top 0.4s ease-in-out 0.4s backwards; -webkit-animation: am_top 0.4s ease-in-out 0.4s backwards; }
.historyPic .detail-box .item .year:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 46px; height: 2px; background: #cbcbcb; }
.historyPic .detail-box .item .content{ padding-top: 0.45rem; font-size: 20px; line-height: 36px; color: #333; animation: am_top 0.4s ease-in-out 0.8s backwards; -webkit-animation: am_top 0.4s ease-in-out 0.8s backwards;}

.aboutP3{ position: relative; height: 9.8rem; padding-top: 1.6rem; box-sizing: border-box; background: url(../image/aboutBg2.jpg) center no-repeat; background-size: cover; }
.aboutP3:before{ z-index: 5; content: ''; position: absolute; right: 0; top: 0; width: 75px; height: 40px; background: url(../image/nimg75Bg2.png) no-repeat; }
.aboutP3:after{ z-index: 5; content: ''; position: absolute; right: 75px; top: 0; width: 100%; height: 40px; background: #fff; }
.aboutP3 .indexTxt{ padding-bottom: 0.6rem; }
.aboutP3 .list{ overflow: hidden; border-radius: 12px; border-top-left-radius: 36px; background: #fff; height: 5.4rem; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);}
.aboutP3 .list li{ float: left; width: 25%; cursor: pointer; position: relative; box-sizing: border-box; padding: 1.15rem 0 0 0.8rem; height: 5.4rem; }
.aboutP3 .list li:before{ content: ''; display: none; position: absolute; right: 0; bottom: 0; width: 3.56rem; height: 3.5rem; background: url(../image/nimg356Bg.png) no-repeat; background-size: 3.56rem; z-index: 0; }
.aboutP3 .list li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #f3f3f3; }
.aboutP3 .list li:last-child:after{ display: none; }
.aboutP3 .list li .ico{ position: relative; z-index: 2; }
.aboutP3 .list li .ico img{ width: 52px; }
.aboutP3 .list li .ico .img1{ position: absolute; left: 0; top: 0; opacity: 0; }
.aboutP3 .list li .cn{ position: relative; z-index: 2; padding-top: 0.65rem; font-size: 30px; line-height: 30px; color: #333; font-weight: bold;}
.aboutP3 .list li .en{ position: relative; z-index: 2; padding-top: 0.25rem; font-size: 24px; line-height: 24px; color: #c1c1c1; font-family: mont; }
.aboutP3 .list li .msg{ position: relative; z-index: 2; padding-top: 0.6rem; font-size: 16px; line-height: 32px; color: #999; width: 2.3rem; }
.aboutP3 .list li .bg{ z-index: 1; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center no-repeat; background-size: cover; }
.aboutP3 .list li:hover .ico img{ opacity: 0; }
.aboutP3 .list li:hover .ico .img1{ opacity: 1; }
.aboutP3 .list li:hover .bg{ opacity: 1; }
.aboutP3 .list li:hover .cn, .aboutP3 .list li:hover .msg{ color: #fff; }
.aboutP3 .list li:hover .en{ color: rgba(255,255,255,0.5); }

.aboutP4{ padding: 120px 0; }
.aboutP4 .indexTxt{ padding-bottom: 0.45rem; }
.aboutP4 .tab2{ position: relative; height:155px; }
.aboutP4 .tab2:after{ content: ''; position: absolute; left: 0; top: 23px; background: #ebebeb; width: 100%; height: 2px; }
.aboutP4 .tab2 li{ float: left; width: 33.33%; box-sizing: border-box; position: relative; z-index: 1; text-align: center; padding-top: 54px; font-size: 24px; line-height: 24px; height: 90px; }
.aboutP4 .tab2 li:before{ content: ''; position: absolute; left: 50%; top: 22px; width: 26px; margin-left: -13px; height: 4px; background: #cecece; border-radius: 4px; }
.aboutP4 .tab2 .liNow{ color: #333; font-weight: bold; }
.aboutP4 .tab2 .liNow:before{ background: #ff0000;}
.aboutP4 .bigBox{ position: relative; height: 4.9rem; padding: 0 1.1rem 0 8.45rem; background: #f7f7f7; overflow: hidden; border-radius: 8px; border-top-left-radius: 24px; animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards;} 
.aboutP4 .imgDiv{ position: absolute; left: 0; top: 0; }
.aboutP4 .imgDiv img{ width: 7.68rem; }
.aboutP4 .conDiv{ height: 4.9rem; }
.aboutP4 .year{ font-size: 0.3rem; line-height: 0.3rem;font-weight:600; color: #ff0000; font-family: mont; padding-bottom: 0.2rem; text-transform: uppercase; }
.aboutP4 .name{ font-size: 0.3rem; line-height: 0.3rem; color: #333; font-weight: bold; }
.aboutP4 .content{ font-size: 16px; line-height: 32px; padding-top: 0.35rem; }
.aboutP4 .list{ padding-top: 0.65rem; }
.aboutP4 .list ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.aboutP4 .list li{ align-items: flex-start; -webkit-align-items: flex-start; }
.aboutP4 .list li .ico{ padding-right: 25px; }
.aboutP4 .list li .ico img{ height: 43px; }
.aboutP4 .list li .num{ font-size: 0.6rem; line-height: 0.5rem; color: #222; font-family: mont; }
.aboutP4 .list li .num img{ padding-left: 12px; position: relative; top: -5px; }
.aboutP4 .list li .txt{ font-size: 16px; line-height: 16px; color: #888; padding-top: 20px; }

.honorBox{ padding: 80px 0 120px; background: url(../image/honorBg.jpg) center bottom no-repeat; background-size: 100%; }
.honorBox .indexTxt{ padding-bottom: 0.7rem; }
.honorBox .list { overflow: hidden; }
.honorPic:before{ content: ''; position: absolute; left: 0; width: 100%; top: 62px; height: 2px; background: #e5e5e5; }
.honorPic .wal{ position: relative; }
.honorPic .swiper-slide{ padding-bottom: 20px }
.honorPic .swiper-slide .mxfDiv{ padding: 0 25px; cursor:pointer;}
.honorPic .swiper-slide .year{ text-align: center; font-weight: 500; font-size: 30px; color: #363636; height: 70px; position: relative; line-height: 40px; font-family:mont;}
.honorPic .swiper-slide .year:after{ content: ''; position: absolute; left: 50%; margin-left: -8px; bottom: 0; width: 16px; height: 16px; background: url(../image/nimg16_3.png) center no-repeat; }
.honorPic .swiper-slide .contentBox{ border-radius: 6px; border-top-left-radius: 16px; box-sizing: border-box; background: #fff; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.6rem; height: 4.65rem; margin-top: 80px; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);}
.honorPic .swiper-slide .imgDiv img{ width: 100%; }
.honorPic .swiper-slide .name{ padding-top: 35px; text-align: center; height: 32px; line-height: 32px; font-size: 20px; color: #333; font-weight: bold; overflow: hidden; }
.honorPic .swiper-slide .msg{ text-align: center; padding-top: 10px; text-align: center; font-size: 16px; }
.honorPic .swiper-slide:hover .year, .honorPic .liNow .year{ color: #ff0808;  font-weight:600;}
.honorPic .swiper-slide:hover .year:after, .honorPic .liNow .year:after{ background: url(../image/nimg16_3on.png) center no-repeat;}
.honorPic .arrowDiv a { z-index: 3; display: block; position: absolute; top: 38px; width: 48px; height: 48px; border-radius: 50%;}
.honorPic .arrowDiv a.prev { left: 0; background: #ddd url(../image/nimg12_left.png) center no-repeat; }
.honorPic .arrowDiv a.prev:hover { background: #ffed00 url(../image/nimg12_lefton.png) center no-repeat; }
.honorPic .arrowDiv a.next { right: 0; background: #ddd url(../image/nimg12_right.png) center no-repeat; }
.honorPic .arrowDiv a.next:hover { background: #ffed00 url(../image/nimg12_righton.png) center no-repeat; }

.honorPic .lie ul{ margin-right:-60px;}
.honorPic .lie li{ float:left; width:33.33%; padding-top:60px;}
.honorPic .lie li .contentBox{ margin-right:60px; border-radius: 6px; border-top-left-radius: 16px; box-sizing: border-box; background: #fff; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.6rem; height: 6.65rem; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);}
.honorPic .lie li .imgDiv img{ width: 100%; }
.honorPic .lie li .name{ padding-top: 5px; text-align: center; height: 32px; line-height: 32px; font-size: 20px; color: #333; font-weight: bold; overflow: hidden; }
.honorPic .lie li .msg{ text-align: center; padding-top: 10px; text-align: center; font-size: 16px; }

.news{ padding: 80px 0 120px; }
.news .toptop{ position: relative; height: 150px; }
.news .indexTxt{ text-align: left; }
.news .links{ position: absolute; right: 0; top: 45px; }
.news .links li{ float: left; margin-left: 20px; }
.news .links li a{ display: block; width: 140px; height: 46px; line-height: 46px; text-indent: 30px; font-size: 14px; color: #333; background: url(../image/nimg140Bg.png) no-repeat; }
.news .links li .aNow{ background: url(../image/nimg140Bgon.png) no-repeat; }
.news .detail a{ display: block; height: 4.8rem; overflow: hidden; position: relative; padding: 0 0.9rem 0 8.4rem; background: #f7f7f7; border-radius: 6px; border-top-left-radius: 24px;}
.news .detail .imgDiv{ position: absolute; left: 0; top: 0; }
.news .detail .imgDiv img{ width: 7.68rem; }
.news .detail .conDiv{ height: 4.8rem; }
.news .detail .time{ font-family:mont; font-size: 0.3rem; line-height: 0.3rem; color: #acacac; }
.news .detail .name{ font-size: 0.28rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-top: 0.3rem; height: 0.48rem; overflow: hidden; }
.news .detail .content{ padding-top: 10px; line-height: 32px; height: 64px; font-size: 16px; color: #666; overflow: hidden; }
.news .detail .more{ margin-top: 0.55rem; position: relative; width: 180px; height: 46px; line-height: 46px; font-size: 14px; color: #333; text-indent: 45px; background: url(../image/nimg180Bg.png) no-repeat; }
.news .detail .more:after{ content: ''; position: absolute; right: 54px; top: 50%; width: 15px; height: 8px; margin-top: -4px; background: url(../image/nimg15_1.png) no-repeat;}
.news .detail:hover .name{ color: #ffed00; }
.news .detail:hover .more:after{ animation: iconAni 1.5s ease infinite;}

.news .list{ padding-top: 0.8rem; }
.news .list ul{ margin-right: -0.66rem;  }
.news .list li{ float: left; width: 33.33%; padding-bottom: 0.6rem; }
.news .list li .box{ margin-right: 0.66rem; border-radius: 6px; border-top-left-radius: 24px; overflow: hidden;}
.news .list li .imgDiv{ overflow: hidden;}
.news .list li .imgDiv img{ width: 100%; }
.news .list li .botDiv{ padding: 0.3rem 0.4rem 0; box-sizing: border-box; height: 2.4rem; background: #f7f7f7; overflow:hidden;}
.news .list li .name{ height: 72px; line-height: 36px; font-size: 20px; color: #333; font-weight: bold; overflow: hidden; }
.news .list li .content{ font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: rgba(51,51,51,0.7); padding-top: 5px; }
.news .list li .time{ padding-top: 0.2rem; font-size: 20px; color: rgba(51,51,51,0.3); font-family: mont; }
.news .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .list li .box:hover .botDiv{ background: #ffed00; }

.info{ padding: 80px 0 120px; }
.info .toptop{ position: relative; height: 150px; }
.info .indexTxt{ text-align: left; }
.info .links{ position: absolute; right: 0; top: 45px; }
.info .links li{ float: left; margin-left: 20px; }
.info .links li a{ display: block; width: 140px; height: 46px; line-height: 46px; text-indent: 30px; font-size: 14px; color: #333; background: url(../image/nimg140Bg.png) no-repeat; }
.info .links li .aNow{ background: url(../image/nimg140Bgon.png) no-repeat; }
.info .list ul{ margin-right: -0.6rem; }
.info .list li{ float: left; width: 25%; padding-bottom: 0.45rem; }
.info .list li .box{ margin-right: 0.6rem; position: relative; top: 0; }
.info .list li .imgDiv{ height: 4.9rem; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); }
.info .list li .imgDiv img{ max-width: 3.15rem; max-height: 4.62rem;}
.info .list li .wen{ padding-top: 0.05rem; font-size: 16px; color: #666; height: 28px;}
.info .list li .name{ font-size: 18px; color: #333; font-weight: bold; line-height: 28px; height: 56px; }
.info .list li .box:hover{ top: -10px; }

.mesP1{ padding: 80px 0; }
.mesP1 .leftImg{ border-radius: 6px; border-top-left-radius: 24px; }
.mesP1 .leftImg, .mesP1 .leftImg img{ overflow:hidden; width: 9.2rem; }
.mesP1 .conDiv{ width: 5.4rem; }
.mesP1 .txt{ display: inline-block; height: 28px; position: relative; padding-right: 23px; }
.mesP1 .txt:after{ content: ''; position: absolute; right: 0; top: 0; width: 23px; height: 28px; background: url(../image/nimg23Bg.png) no-repeat; }
.mesP1 .txt em{ display: block; padding: 0 10px 0 20px; background: #333; height: 28px; line-height: 28px; color: #fff; font-size: 22px; font-family: mont; text-transform: uppercase; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.mesP1 .name{ padding-top: 0.2rem; color: #333; font-size: 0.4rem; font-weight: bold; }
.mesP1 .content{ padding-top: 0.3rem; font-size: 16px; line-height: 32px; color: #9a9a9a; }

.mesP2{ padding: 160px 0 70px; box-sizing: border-box; background: #f7f7f7; position: relative; overflow: hidden; }
.mesP2:before{ content: ''; position: absolute; left: 0; top: 0; width: 75px; height: 40px; background: url(../image/nimg75Bg.png) no-repeat; }
.mesP2:after{ content: ''; position: absolute; left: 75px; top: 0; width: 100%; height: 40px; background: #fff; }
.mesP2 .list{ padding-top: 0.6rem; }
.mesP2 .list li{ margin-bottom: 0.5rem; position: relative; padding-right: 5.76rem; height: 4.6rem; }
.mesP2 .list li:nth-child(2n){ padding-right: 0; padding-left: 5.76rem; }
.mesP2 .list li .imgDiv{ position: absolute; right: 0; top: 50%; margin-top: -1.92rem; overflow: hidden; border-bottom-right-radius: 16px; }
.mesP2 .list li:nth-child(2n) .imgDiv{ right: auto; left: 0; border-bottom-right-radius: 0;  border-top-left-radius: 16px;}
.mesP2 .list li .imgDiv img{ width: 7.68rem; }
.mesP2 .list li .conDiv{ height: 4.6rem; background: #fff; padding-left: 1.4rem; border-top-left-radius: 16px;}
.mesP2 .list li:nth-child(2n) .conDiv{ padding-left: 3.3rem; border-top-left-radius: 0; border-bottom-right-radius: 16px; }
.mesP2 .list li .name{ height: 60px; position: relative; font-size: 36px; line-height: 36px; color: #333; font-weight: bold; }
.mesP2 .list li .name:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 44px; height: 2px; background: #ddd; }
.mesP2 .list li .msg{ font-size: 16px; line-height: 32px; padding-top: 0.3rem; }

.iotP2{ padding: 160px 0 70px; box-sizing: border-box; background: #f7f7f7; position: relative; overflow: hidden; }
.iotP2:before{ content: ''; position: absolute; left: 0; top: 0; width: 75px; height: 40px; background: url(../image/nimg75Bg.png) no-repeat; }
.iotP2:after{ content: ''; position: absolute; left: 75px; top: 0; width: 100%; height: 40px; background: #fff; }
.iotP2 .indexTxt{ padding-bottom: 0.6rem; }
.iotPic{ position: relative; }
.iotPic .imgDiv{ overflow: hidden; border-top-left-radius: 16px; }
.iotPic .imgDiv img{ width: 100%; }
.iotPic .botDiv{ height: 2.0rem; padding: 0.45rem 0.4rem 0; box-sizing: border-box; background: #fff; position: relative; }
.iotPic .name{ line-height: 0.36rem; height: 1.08rem; overflow: hidden; font-size: 0.2rem; font-weight: bold; color: #333; position: relative; z-index: 2; }
.iotPic .wen{ position: absolute; right: 0.3rem; bottom: -0.9rem; color: rgba(51,51,51,0.05); font-size: 2.0rem; line-height: 1.8rem; font-family: mont; }
.iotPic .prev{ z-index: 5; left: -0.9rem; position: absolute; display: block; background: #ddd url(../image/nimg12_left.png) center no-repeat; border-radius: 50%; width: 50px; height: 50px; top: 50%; margin-top: -25px;} 
.iotPic .next{ z-index: 5; right: -0.9rem; position: absolute; display: block; background: #ddd url(../image/nimg12_right.png) center no-repeat; border-radius: 50%; width: 50px; height: 50px; top: 50%; margin-top: -25px; } 
.iotPic .prev:hover{ background: #ffed00 url(../image/nimg12_lefton.png) center no-repeat;}
.iotPic .next:hover{ background: #ffed00 url(../image/nimg12_righton.png) center no-repeat;}
.iotPic .swiper-slide:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.iotPic .swiper-slide:hover .botDiv{ background: #ffed00; }

.logisticsP1{ padding: 80px 0; }
.logisticsP1 .leftDiv{ border-radius: 6px; border-top-left-radius: 24px; overflow: hidden; width: 7.68rem; }
.logPic .imgDiv img{ width: 100%; }
.logPic .swiper-pagination{ bottom: 30px!important;  } 
.logPic .swiper-pagination-bullet { width: 8px; height: 8px; opacity: 1; background: #eee; border-radius: 50%; -moz-border-radius: 50%; margin: 0 10px!important; } 
.logPic .swiper-pagination-bullet-active { border-radius: 4.5px; width: 40px;} 

.logisticsP1 .conDiv{ width: 6.48rem; }
.logisticsP1 .cn{ font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-bottom: 15px; }
.logisticsP1 .en{ font-family: mont; color: #ffed00; font-size: 0.36rem; line-height: 0.36rem; text-transform: uppercase; }
.logisticsP1 .content{ font-size: 20px; line-height: 36px; color: #333; padding-top: 0.4rem; }

.logisticsP2{ padding-top: 160px; height: 710px; box-sizing: border-box; background: url(../image/logBg.jpg) center no-repeat; background-size: cover; position: relative; overflow: hidden; }
.logisticsP2:before{ content: ''; position: absolute; left: 0; top: 0; width: 75px; height: 40px; background: url(../image/nimg75Bg.png) no-repeat; }
.logisticsP2:after{ content: ''; position: absolute; left: 75px; top: 0; width: 100%; height: 40px; background: #fff; }
.logisticsP2 .indexTxt{ padding-bottom: 0.6rem; }
.traitPic .mxfDiv{ background: #fff; border-radius: 6px; border-top-left-radius: 16px; padding-top: 0.75rem; box-sizing: border-box; height: 2.8rem; }
.traitPic .num{ width: 80px; height: 80px; margin: 0 auto; background: #ffed00; text-align: center; line-height: 80px; border-radius: 50%; color: #333; font-size: 30px; font-family: mont; }
.traitPic .name{ font-size: 20px; color: #333; text-align: center; padding-top: 0.4rem; }
.traitPic .prev{ z-index: 5; left: -0.9rem; position: absolute; display: block; background: #ddd url(../image/nimg12_left.png) center no-repeat; border-radius: 50%; width: 50px; height: 50px; top: 50%; margin-top: -25px;} 
.traitPic .next{ z-index: 5; right: -0.9rem; position: absolute; display: block; background: #ddd url(../image/nimg12_right.png) center no-repeat; border-radius: 50%; width: 50px; height: 50px; top: 50%; margin-top: -25px; } 
.traitPic .prev:hover{ background: #ffed00 url(../image/nimg12_lefton.png) center no-repeat;}
.traitPic .next:hover{ background: #ffed00 url(../image/nimg12_righton.png) center no-repeat;}

.logisticsP3{ padding: 120px 0; }
.logisticsP3 .indexTxt{ text-align: center; padding-bottom: 0.6rem; }
.hotProPic{ position: relative; }
.hotProPic .mxfDiv{ position: relative; overflow: hidden; border-radius: 6px; border-top-left-radius: 24px; background: #f8f8f8; height: 5.0rem; padding-top: 0.3rem; box-sizing: border-box; }
.hotProPic .mxfDiv:after{ content: ''; position: absolute; left: 0; bottom: 0;  width: 0; height: 3px; background: #ffed00;}
.hotProPic .imgDiv{ height: 2.8rem; text-align: center; }
.hotProPic .imgDiv img{ max-width: 4.2rem; max-height: 2.8rem; }
.hotProPic .name{ padding: 0.2rem 0.25rem 0; height: 0.36rem; line-height: 0.36rem; text-align: center; font-size: 20px; color: #333; }
.hotProPic .msg{ text-align: center; font-size: 14px; padding: 0.05rem 0.25rem 0; color: #818181; line-height: 26px; height: 52px; }
.hotProPic .ico{ width: 15px; height: 8px; margin: 0.35rem auto 0; background: url(../image/nimg15_1.png) no-repeat; }
.hotProPic .prev{ z-index: 5; left: -0.9rem; position: absolute; display: block; background: #ddd url(../image/nimg12_left.png) center no-repeat; border-radius: 50%; width: 50px; height: 50px; top: 50%; margin-top: -25px;} 
.hotProPic .next{ z-index: 5; right: -0.9rem; position: absolute; display: block; background: #ddd url(../image/nimg12_right.png) center no-repeat; border-radius: 50%; width: 50px; height: 50px; top: 50%; margin-top: -25px; } 
.hotProPic .prev:hover{ background: #ffed00 url(../image/nimg12_lefton.png) center no-repeat;}
.hotProPic .next:hover{ background: #ffed00 url(../image/nimg12_righton.png) center no-repeat;}
.hotProPic .swiper-slide:hover .mxfDiv:after{ width: 100%; }
.hotProPic .swiper-slide:hover .name{ font-weight: bold;}
.hotProPic .swiper-slide:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }

.autoP1{ padding: 80px 0; }
.autoP1 .leftImg{ border-radius: 6px; border-top-left-radius: 24px; }
.autoP1 .leftImg, .autoP1 .leftImg img{ overflow:hidden; width: 7.68rem; }
.autoP1 .conDiv{ width: 6.48rem; }
.autoP1 .cn{ font-size: 0.48rem; line-height: 0.48rem; color: #333; font-weight: bold; padding-bottom: 15px; }
.autoP1 .en{ font-family: mont; color: #ea0000; font-size: 0.36rem; line-height: 0.36rem; text-transform: uppercase; }
.autoP1 .content{ font-size: 20px; line-height: 36px; color: #333; padding-top: 0.4rem; }

.autoP2{ padding-top: 160px; height: 940px; box-sizing: border-box; background: url(../image/autoBg.jpg) center no-repeat; background-size: cover; position: relative; overflow: hidden;  }
.autoP2:before{ content: ''; position: absolute; left: 0; top: 0; width: 75px; height: 40px; background: url(../image/nimg75Bg.png) no-repeat; }
.autoP2:after{ content: ''; position: absolute; left: 75px; top: 0; width: 100%; height: 40px; background: #fff; }
.autoP2 .indexTxt{ padding-bottom: 0.6rem; }
.autoPic{ position: relative; }
.autoPic .swiper-slide{ border-radius: 6px; border-top-left-radius: 16px; overflow: hidden; }
.autoPic .imgDiv{ overflow: hidden; }
.autoPic .imgDiv img{ width: 100%; }
.autoPic .botDiv{ height: 2.2rem; padding: 0.4rem 0.4rem 0; box-sizing: border-box; background: #fff; position: relative; }
.autoPic .botDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0px; background: #ffed00; }
.autoPic .name{ line-height: 0.32rem; height: 0.32rem; overflow: hidden; font-size: 0.2rem; font-weight: bold; color: #333; position: relative; z-index: 2; }
.autoPic .content{ padding-top: 10px; color: #818181; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden;}
.autoPic .ico{ padding-top: 0.35rem; }
.autoPic .prev{ z-index: 5; left: -0.9rem; position: absolute; display: block; background: #ddd url(../image/nimg12_left.png) center no-repeat; border-radius: 50%; width: 50px; height: 50px; top: 50%; margin-top: -25px;} 
.autoPic .next{ z-index: 5; right: -0.9rem; position: absolute; display: block; background: #ddd url(../image/nimg12_right.png) center no-repeat; border-radius: 50%; width: 50px; height: 50px; top: 50%; margin-top: -25px; } 
.autoPic .prev:hover{ background: #ffed00 url(../image/nimg12_lefton.png) center no-repeat;}
.autoPic .next:hover{ background: #ffed00 url(../image/nimg12_righton.png) center no-repeat;}
.autoPic .swiper-slide:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.autoPic .swiper-slide:hover .botDiv:after{ height: 3px;}

.autoP3{ padding: 120px 0; }
.autoP3 .indexTxt{ padding-bottom: 80px; }
.autoP3 .list{ border: #f0f0f0 solid 1px; border-radius: 6px; border-top-left-radius: 24px; }
.autoP3 .list li{ float: left; width: 14.28%; }
.autoP3 .list li .box{ border-right: #f0f0f0 solid 1px; position: relative; height: 418px;}
.autoP3 .list li a{ display: block; width: 100%; height: 100%; }
.autoP3 .list li:last-child .box{ border-right: none; }
.autoP3 .list li .bg{ position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: #ffed00;}
.autoP3 .list li .layer{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; }
.autoP3 .list li .ico{ position: relative; width: 88px; height: 88px; border: #f2f2f2 solid 1px; box-sizing: border-box; border-radius: 50%; margin: 0 auto 42px; }
.autoP3 .list li .ico img{ position: absolute; left: 50%; margin-left: -20px; top: 50%; margin-top: -20px; }
.autoP3 .list li .cn{ font-size: 24px; line-height: 24px; text-align: center; color: #1d1d1d; padding-top: 35px; position: relative; }
.autoP3 .list li .cn:before{ content: ''; position: absolute; left: 50%; top: 0; width: 24px; height: 2px; margin-left: -12px; background: #e9e9e9; }
.autoP3 .list li .en{ font-size: 14px; color: #bbb; padding-top: 10px; line-height: 24px; height: 48px; overflow: hidden; text-align: center; font-family:regular;}
.autoP3 .list li .msg{ opacity: 0; overflow: hidden; padding-top: 0; height: 0; font-size: 14px; line-height: 24px; text-align: justify; padding: 0 0.25rem; color: rgba(102,102,102,0.8); }
.autoP3 .list li .msg p{ padding-right: 5px; height: 0; overflow: auto; }
.autoP3 .list li .msg p::-webkit-scrollbar { width: 2px;}
.autoP3 .list li .msg p::-webkit-scrollbar-track { background-color: #e5e5e5;}
.autoP3 .list li .msg p::-webkit-scrollbar-thumb { background-color: #333;} 
.autoP3 .list li:hover .ico{ background: #fff; border: #fff solid 1px; }
.autoP3 .list li:hover .cn:before{ background: rgba(0,0,0,0.4); }
.autoP3 .list li:hover .en{ opacity: 0; height: 0; }
.autoP3 .list li:hover .msg{ opacity: 1; height: 120px; }
.autoP3 .list li:hover .msg p{ height: 120px; }
.autoP3 .list li:hover .bg{ left: 0; width: 100%; top: -5%; height: 110%; box-shadow: 0px 10px 30px 0px rgba(1, 44, 81, 0.2);}

.globalP1{ padding: 120px 0 80px; }
.globalP1 .wen{ text-align: center; font-size: 24px; line-height: 24px; color: #222; padding: 40px 0 80px; }
.globalP1 .list{ position: relative; margin: 0 auto; width: 1200px; height: 582px; background: url(../image/nimg1200Bg.png) center no-repeat; background-size: cover; }
.globalP1 .list li{ position: absolute; cursor: pointer; }
.globalP1 .list li .txt{ position: relative; font-size: 14px; line-height: 14px; color: #333; }
.globalP1 .list li .txt:before{ content: ''; position: absolute; width: 12px; height: 19px; background: url(../image/nimg12Bg.png) no-repeat; }
.globalP1 .list .canada{ left: 150px; top: 135px; }
.globalP1 .list .canada .txt{ padding-top: 25px; }
.globalP1 .list .canada .txt:before{ left: 50%; top: 0; margin-left: -6px; }
.globalP1 .list .usa{ left: 190px; top: 192px; }
.globalP1 .list .usa .txt{ padding-top: 25px; }
.globalP1 .list .usa .txt:before{ left: 50%; top: 0; margin-left: -6px; }
.globalP1 .list .mexico{ left: 228px; top: 297px; }
.globalP1 .list .mexico .txt{ padding-top: 25px; }
.globalP1 .list .mexico .txt:before{ left: 50%; top: 0; margin-left: -6px; }
.globalP1 .list .brazil{ left: 358px; top: 380px; }
.globalP1 .list .brazil .txt{ font-size: 16px; padding-top: 40px; }
.globalP1 .list .brazil .txt:before{ left: 50%; width: 20px; top: 0; height: 32px; margin-left: -10px; background: url(../image/nimg20Bg.png) no-repeat;}
.globalP1 .list .chile{ left: 296px; top: 430px; }
.globalP1 .list .chile .txt{ padding-right: 20px; padding-top: 5px; }
.globalP1 .list .chile .txt:before{ right: 0; top: 0;}
.globalP1 .list .argentina{ left: 318px; top: 498px; }
.globalP1 .list .argentina .txt{ padding-top: 25px; }
.globalP1 .list .argentina .txt:before{ left: 50%; top: 0; margin-left: -6px; }
.globalP1 .list .britain{ left: 500px; top: 150px; }
.globalP1 .list .britain .txt{ font-size: 16px; padding-top: 12px; padding-right: 26px;}
.globalP1 .list .britain .txt:before{ right: 0; width: 20px; top: 0; height: 32px; background: url(../image/nimg20Bg.png) no-repeat;}
.globalP1 .list .portugal{ left: 490px; top: 222px; }
.globalP1 .list .portugal .txt{ padding-right: 20px; padding-top: 5px; }
.globalP1 .list .portugal .txt:before{ right: 0; top: 0;}
.globalP1 .list .holland{ left: 545px; top: 178px; }
.globalP1 .list .holland .txt{ padding-right: 17px; padding-top: 5px; }
.globalP1 .list .holland .txt:before{ right: 0; top: 0;}
.globalP1 .list .sweden{ left: 608px; top: 98px; }
.globalP1 .list .sweden .txt{ padding-bottom: 28px; }
.globalP1 .list .sweden .txt:before{ left: 50%; bottom: 0; margin-left: -6px;}
.globalP1 .list .czech{ left: 586px; top: 152px; }
.globalP1 .list .czech .txt{ padding-bottom: 28px; }
.globalP1 .list .czech .txt:before{ left: 50%; bottom: 0; margin-left: -6px;}
.globalP1 .list .poland{ left: 617px; top: 161px; }
.globalP1 .list .poland .txt{ padding-left: 17px; padding-top: 5px; }
.globalP1 .list .poland .txt:before{ left: 0; top: 0;}
.globalP1 .list .italy{ left: 611px; top: 190px; }
.globalP1 .list .italy .txt{ padding-left: 17px; padding-top: 5px; }
.globalP1 .list .italy .txt:before{ left: 0; top: 0;}
.globalP1 .list .spain{ left: 560px; top: 210px; }
.globalP1 .list .spain .txt{ padding-left: 17px; padding-top: 5px; }
.globalP1 .list .spain .txt:before{ left: 0; top: 0;}
.globalP1 .list .morocco{ left: 548px; top: 242px; }
.globalP1 .list .morocco .txt{ padding-left: 17px; padding-top: 5px; }
.globalP1 .list .morocco .txt:before{ left: 0; top: 0;}
.globalP1 .list .greece{ left: 624px; top: 220px; }
.globalP1 .list .greece .txt{ padding-top: 26px; }
.globalP1 .list .greece .txt:before{ left: 50%; margin-left: -6px; top: 0;}
.globalP1 .list .ukraine{ left: 672px; top: 167px; }
.globalP1 .list .ukraine .txt{ padding-left: 17px; padding-top: 5px; }
.globalP1 .list .ukraine .txt:before{ left: 0; top: 0;}
.globalP1 .list .turkey{ left: 655px; top: 220px; }
.globalP1 .list .turkey .txt{ padding-left: 17px; padding-top: 5px; }
.globalP1 .list .turkey .txt:before{ left: 0; top: 0;}
.globalP1 .list .nigeria{ left: 598px; top: 346px; }
.globalP1 .list .nigeria .txt{ padding-left: 17px; padding-top: 5px; }
.globalP1 .list .nigeria .txt:before{ left: 0; top: 0;}
.globalP1 .list .africa{ left: 629px; top: 457px; }
.globalP1 .list .africa .txt{ padding-top: 26px; }
.globalP1 .list .africa .txt:before{ left: 50%; margin-left: -6px; top: 0;}
.globalP1 .list .kazakhstan{ left: 732px; top: 170px; }
.globalP1 .list .kazakhstan .txt{ padding-top: 26px; }
.globalP1 .list .kazakhstan .txt:before{ left: 50%; margin-left: -6px; top: 0;}
.globalP1 .list .uzbekistan{ left: 763px; top: 216px; }
.globalP1 .list .uzbekistan .txt{ padding-left: 17px; padding-top: 5px; }
.globalP1 .list .uzbekistan .txt:before{ left: 0; top: 0;}
.globalP1 .list .iran{ left: 710px; top: 253px; }
.globalP1 .list .iran .txt{ padding-right: 20px; padding-top: 5px; }
.globalP1 .list .iran .txt:before{ right: 0; top: 0;}
.globalP1 .list .arabia{ left: 697px; top: 294px; }
.globalP1 .list .arabia .txt{ padding-top: 26px; }
.globalP1 .list .arabia .txt:before{ left: 50%; margin-left: -6px; top: 0;}
.globalP1 .list .pakistan{ left: 773px; top: 264px; }
.globalP1 .list .pakistan .txt{ padding-left: 17px; padding-top: 5px; }
.globalP1 .list .pakistan .txt:before{ left: 0; top: 0;}
.globalP1 .list .india{ left: 815px; top: 289px; }
.globalP1 .list .india .txt{ padding-top: 26px; }
.globalP1 .list .india .txt:before{ left: 50%; margin-left: -6px; top: 0;}
.globalP1 .list .russia{ left: 911px; top: 74px; }
.globalP1 .list .russia .txt{ font-size: 16px; padding-top: 16px; padding-left: 26px;}
.globalP1 .list .russia .txt:before{ left: 0; width: 20px; top: 0; height: 32px; background: url(../image/nimg20Bg.png) no-repeat;}
.globalP1 .list .thailand{ left: 865px; top: 306px; }
.globalP1 .list .thailand .txt{ padding-right: 20px; padding-top: 5px; }
.globalP1 .list .thailand .txt:before{ right: 0; top: 0;}
.globalP1 .list .malaysia{ left: 836px; top: 343px; }
.globalP1 .list .malaysia .txt{ padding-right: 20px; padding-top: 5px; }
.globalP1 .list .malaysia .txt:before{ right: 0; top: 0;}
.globalP1 .list .korea{ left: 990px; top: 232px; }
.globalP1 .list .korea .txt{ padding-left: 17px; padding-top: 5px; }
.globalP1 .list .korea .txt:before{ left: 0; top: 0;}
.globalP1 .list .vietnam{ left: 916px; top: 306px; }
.globalP1 .list .vietnam .txt{ font-size: 16px; padding-top: 16px; padding-left: 26px;}
.globalP1 .list .vietnam .txt:before{ left: 0; width: 20px; top: 0; height: 32px; background: url(../image/nimg20Bg.png) no-repeat;}
.globalP1 .list .indonesia{ left: 905px; top: 385px; }
.globalP1 .list .indonesia .txt{ padding-top: 26px; }
.globalP1 .list .indonesia .txt:before{ left: 50%; margin-left: -6px; top: 0;}
.globalP1 .list .australia{ left: 1012px; top: 446px; }
.globalP1 .list .australia .txt{ padding-top: 26px; }
.globalP1 .list .australia .txt:before{ left: 50%; margin-left: -6px; top: 0;}
.globalP1 .list .zealand{ left: 1125px; top: 520px; }
.globalP1 .list .zealand .txt{ padding-top: 26px; }
.globalP1 .list .zealand .txt:before{ left: 50%; margin-left: -6px; top: 0;}
.globalP1 .list .zealand .layerDiv{ right: -50px; }
.globalP1 .list .borche{ left: 944px; top: 227px; }
.globalP1 .list .borche .txt{ padding-top: 60px; font-size: 24px; }
.globalP1 .list .borche .txt:before{ left: 50%; margin-left: -18px; top: 0; width: 36px; height: 53px; background: url(../image/nimg36Bg.png) no-repeat;}

.globalP1 .list li .layerDiv{ position:absolute; z-index: 2; box-sizing: border-box; padding: 18px 18px 25px; right: -150px; top:-190px; background: #fff; width:294px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden;}
.globalP1 .list li .layerDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; background: #ffed00; height: 2px; width: 100%; }
.globalP1 .list li.on .layerDiv{ opacity: 1; visibility: visible; top:-170px;}
.globalP1 .list li .layerDiv .imgDiv{ height: 130px; }
.globalP1 .list li .layerDiv .imgDiv img{  max-width: 258px; max-height: 130px; }
.globalP1 .list li .layerDiv .name{ color:#4b4948; font-size:20px; line-height: 20px; padding: 25px 0 10px; font-weight: bold;}
.globalP1 .list li .layerDiv .name em{ padding-left:10px; font-size:16px; color:#333;}
.globalP1 .list li .layerDiv .msg{ font-size: 14px; color: #4b4948; line-height: 26px; }
.globalP1 .list li .layerDiv{
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;  
}

.globalP1 .mxfDiv .imgDiv{ padding-bottom: 0.5rem; }
.globalP1 .mxfDiv .imgDiv img{ width: 100%; }
.globalP1 .tab2{ height:0.9rem; position:relative; background:#ffed00; padding:0 0.3rem; margin-bottom:0.35rem;}
.globalP1 .tab2 .txt{line-height:0.9rem; font-size:0.32rem; color:#333; display:block;}
.globalP1 .tab2 .ico{position:absolute; top:0px; right:0px; width:100%; height:100%; background:url(../image/selectIco.png) right center no-repeat; cursor:pointer;}
.globalP1 .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;}
.globalP1 .tab2 ul::-webkit-scrollbar { width: 2px;}
.globalP1 .tab2 ul::-webkit-scrollbar-track { background-color: #e1e1e1;}
.globalP1 .tab2 ul::-webkit-scrollbar-thumb { background-color: #ffed00;} 
.globalP1 .tab2 li{ font-size: 0.3rem; padding: 0 0.3rem; height:0.9rem; line-height:0.9rem;}
.globalP1 .mxfDiv .limg{ padding-bottom: 0.3rem; }
.globalP1 .mxfDiv .limg img{ width: 100%; }
.globalP1 .mxfDiv .name{ color:#4b4948; font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.2rem; font-weight: bold;}
.globalP1 .mxfDiv .name em{ padding-left:0.15rem; font-size:0.32rem;}
.globalP1 .mxfDiv .msg{ font-size: 0.28rem; color: #4b4948; line-height: 0.5rem; }


.globalP2{ height: 690px; position: relative; background: url(../image/globalBg.jpg) center no-repeat; background-size: cover; }
.globalP2:before{ content: ''; position: absolute; left: 0; top: 0; width: 75px; height: 40px; background: url(../image/nimg75Bg.png) no-repeat; }
.globalP2:after{ content: ''; position: absolute; left: 75px; top: 0; width: 100%; height: 40px; background: #fff; }
.globalP2 .msgList{ position: relative; left: -48px; }
.globalP2 .msgList li{ position: relative; display: inline-block; padding: 0 48px; color: #333; font-size: 36px; line-height: 36px; font-family: mont; }
.globalP2 .msgList li:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 36px; background: url(../image/line1.png) no-repeat; }
.globalP2 .msgList li:last-child:after{ display: none; }
.globalP2 .msgList li img{ padding-right: 8px; }
.globalP2 .txt{ font-size: 48px; line-height: 48px; color: #333; padding-bottom: 0.5rem; }
.globalP2 .moreBtn{ padding-top: 0.8rem; }
.globalP2 .moreBtn a{ display: block; position: relative; width: 180px; height: 46px; line-height: 46px; font-size: 14px; color: #333; text-indent: 45px; background: url(../image/nimg180Bg.png) no-repeat; }
.globalP2 .moreBtn a:after{ content: ''; position: absolute; right: 54px; top: 50%; width: 15px; height: 8px; margin-top: -4px; background: url(../image/nimg15_1.png) no-repeat;}
.globalP2 .moreBtn a:hover:after{ animation: iconAni 1.5s ease infinite;}

.rules{ padding: 80px 0 120px; }
.rules .toptop{ position: relative; height: 160px; }
.rules .indexTxt{ text-align: left; }
.rules .links{ position: absolute; right: 0; top: 45px; }
.rules .links li{ float: left; margin-left: 20px; }
.rules .links li a{ display: block; width: 140px; height: 46px; line-height: 46px; text-indent: 30px; font-size: 14px; color: #333; background: url(../image/nimg140Bg.png) no-repeat; }
.rules .links li .aNow{ background: url(../image/nimg140Bgon.png) no-repeat; }
.rules .bigImg{ border-radius: 16px; overflow: hidden;}
.rules .bigImg img{ width: 100%; }
.rules .content{ font-size: 15px; line-height: 32px; padding-top: 65px; }
.rules .content b{ color: #333; }

.rules .list{ padding-bottom: 55px; }
.rules .list li{ position:relative; padding-bottom: 15px;}
.rules .list li .msgDiv{ padding: 0 50px 0 30px; height: 80px; position:relative; background:#f6f6f6; cursor: pointer;}
.rules .list li .msgDiv:after{ content: ''; position: absolute; right: 50px; top: 50%; width: 35px; height: 35px; margin-top: -17px; border-radius: 50%; box-sizing: border-box; border: #ffed00 solid 1px; background: #ffed00 url(../image/nimg12_2.png) center no-repeat; }
.rules .list li .name{ position: relative; height: 80px; line-height: 24px; display: table-cell; vertical-align: middle; padding-left: 50px; padding-right: 100px; overflow: hidden; font-size: 16px; color: #383f49; font-weight: bold; }
.rules .list li .wen{ position: absolute; background: #ffed00; color: #333; display: block; text-transform: uppercase; left: 0; top: 50%; margin-top: -12px; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50%; border-radius: 50%; }
.rules .list li .box{ display:none;}
.rules .list li .msgDiv:hover, .rules .list li .msgDiv.aNow{ background: #ffed00;}
.rules .list li .msgDiv:hover .wen, .rules .list li .msgDiv.aNow .wen{ background: #333; color: #ffed00;}
.rules .list li .msgDiv.aNow:after{ background: url(../image/nimg12_2on.png) center no-repeat; border: #333 solid 1px; }
.rules .list li .mxfDiv{ position: relative; padding: 40px 80px;}
.rules .list li .txt{ position: absolute; text-transform: uppercase; left: 30px; top: 46px; width: 25px; height: 25px; border-radius: 50%; text-align: center; line-height: 25px; font-size: 16px; background: #ffed00; color: #333; font-weight: bold;}
.rules .list li .msg{ line-height: 30px; font-size: 14px; color: #888; }
.rules .list li .msg b{ color: #333; display: block; }

.rules .imgList li{ padding-bottom: 1.0rem; }
.rules .imgList li:last-child{ padding-bottom: 0; }
.rules .imgList li .imgDiv{ order: 1; overflow: hidden; border-radius: 6px; border-top-left-radius: 24px; }
.rules .imgList li .imgDiv img{ width: 9.2rem; }
.rules .imgList li .conDiv{ width: 5.28rem; order: 2 }
.rules .imgList li:nth-child(even) .imgDiv{ order: 2; }
.rules .imgList li:nth-child(even) .conDiv{ order: 1; padding-left: 0.9rem; width: 3.68rem; }
.rules .imgList li .txt{ display: inline-block; height: 28px; position: relative; padding-right: 23px; }
.rules .imgList li .txt:after{ content: ''; position: absolute; right: 0; top: 0; width: 23px; height: 28px; background: url(../image/nimg23Bg.png) no-repeat; }
.rules .imgList li .txt em{ display: block; padding: 0 8px 0 14px; background: #333; height: 28px; line-height: 28px; color: #fff; font-size: 18px; font-family: regular; text-transform: uppercase; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.rules .imgList li .name{ padding-top: 0.2rem; color: #333; font-size: 0.36rem; font-weight: bold; }
.rules .imgList li .content{ padding-top: 0.3rem; font-size: 14px; line-height: 32px; color: #888; }
.rules .imgList li .content b{ color: #333; }

.promise{ padding-top: 80px; }
.promise .toptop .wal{ position: relative; height: 160px; }
.promise .indexTxt{ text-align: left; }
.promise .links{ position: absolute; right: 0; top: 45px; }
.promise .links li{ float: left; margin-left: 20px; }
.promise .links li a{ display: block; width: 140px; height: 46px; line-height: 46px; text-indent: 30px; font-size: 14px; color: #333; background: url(../image/nimg140Bg.png) no-repeat; }
.promise .links li .aNow{ background: url(../image/nimg140Bgon.png) no-repeat; }
.promise .list{ overflow: hidden; }
.promise .list li{ float: left; width: 25%; cursor: pointer; position: relative; box-sizing: border-box; padding: 1.25rem 0 0 0.8rem; height: 6.8rem; background: #f6f6f6;}
.promise .list li:nth-child(2n){ background: #fafafa; }
.promise .list li .ico{ position: relative; z-index: 2; width: 84px; height: 84px; border-radius: 50%; background: #ffed00; }
.promise .list li .ico img{ position: absolute; left: 50%; margin-left: -21px; top: 50%; margin-top: -21px; width: 42px; }
.promise .list li .ico .img1{ opacity: 0; }
.promise .list li .cn{ position: relative; z-index: 2; padding-top: 0.6rem; font-size: 26px; line-height: 26px; color: #333; font-weight: bold;}
.promise .list li .en{ position: relative; z-index: 2; padding-top: 0.15rem; font-size: 20px; line-height: 20px; color: rgba(185,185,185,0.5); text-transform: uppercase; }
.promise .list li .msg{ position: relative; z-index: 2; padding-top: 0.35rem; font-size: 15px; color: #797979; line-height: 30px; width: 3.3rem; }
.promise .list li .msg p{ height: 210px; padding-right: 20px; overflow: auto; }
.promise .list li .msg p::-webkit-scrollbar { width: 2px;}
.promise .list li .msg p::-webkit-scrollbar-track { background-color: #e1e1e1;}
.promise .list li .msg p::-webkit-scrollbar-thumb { background-color: #ffed00;} 

.promise .list li .bg{ z-index: 1; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center no-repeat; background-size: cover; }
.promise .list li:hover .bg{ opacity: 1; }
.promise .list li:hover .ico{ background: #fff; }
.promise .list li:hover .ico img{ opacity: 0; }
.promise .list li:hover .ico .img1{ opacity: 1; }
.promise .list li:hover .cn, .promise .list li:hover .msg{ color: #fff; }
.promise .list li:hover .en{ color: rgba(255,255,255,0.5); }

.contact1{ padding: 30px 0 }
.contact1 .leftDiv{ padding-top: 0.15rem; width: 5.8rem; }
.contact1 .cn{ font-size: 0.50rem; line-height: 0.50rem; color: #000; font-weight: bold; }
.contact1 .en{ padding-top: 0.2rem; font-size: 0.22rem; font-family:mont; line-height: 0.22rem; color: #ff0000; text-transform: uppercase;}
.contact1 .msgList{ padding-top: 0.45rem; }
.contact1 .msgList li{ position: relative; padding-left: 52px; padding-bottom: 28px; line-height: 32px; font-size: 16px; }
.contact1 .msgList li img{ position: absolute; left: 0; top: 0; }
.contact1 .ewmDiv{ padding-top: 0.25rem; width: 150px; }
.contact1 .limg{ width: 150px; box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.08);}
.contact1 .ewmDiv p{ text-align: center; padding-top: 15px; font-size: 16px; }
.contact1 .rightImg{ width: 8.64rem; }
.contact1 .rightImg img{ width: 100%; }

.contact2{ position: relative; }
.contact2:before{ content: ''; z-index: 1; position: absolute; left: 0; top: 0; width: 75px; height: 40px; background: url(../image/nimg75Bg.png) no-repeat; }
.contact2:after{ content: ''; z-index: 1; position: absolute; left: 75px; top: 0; width: 100%; height: 40px; background: #fff; }

.contact2 .zjmxfDiv{ position: relative; }
.contact2 .mapDiv{ height: 9.6rem; background: center no-repeat; background-size: cover; }
.contact2 .layer{ position: absolute; background: #fff; left: 50%; margin-left: -7.68rem; bottom: 1.0rem; z-index: 1; width: 6.4rem; box-sizing: border-box; padding: 0 0.6rem; height: 6.0rem; box-shadow: 2px 5px 30px 0px rgba(0, 0, 0, 0.15);  }
.contact2 .tab2{ padding-top: 0.85rem; height: 0.58rem; position: relative;}
.contact2 .tab2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #eee; }
.contact2 .tab2 ul{ display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; }
.contact2 .tab2 li{ position: relative; z-index: 1; height: 0.58rem; font-size: 0.24rem; line-height: 0.24rem; color: #ccc; }
.contact2 .tab2 li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #ffed00; }
.contact2 .tab2 .liNow{ color: #333; }
.contact2 .tab2 .liNow:after{ left: 0; width: 100%; }
.contact2 .tabContentDiv2{ padding-top: 0.7rem; }
.contact2 .name{ font-size: 0.32rem; line-height: 0.32rem; color: #333; }
.contact2 .msgList{ padding-top: 0.5rem; }
.contact2 .msgList li{ font-size: 16px; line-height: 32px; padding-bottom: 28px; padding-left: 52px; position: relative; }
.contact2 .msgList li:last-child{ padding-bottom: 0; }
.contact2 .msgList li img{ position: absolute; left: 0; top: 0; }

.lybBox{ padding: 80px 0 120px; background: url(../image/honorBg.jpg) center bottom no-repeat; background-size: 100%; }
.lybBox .indexTxt{ text-align: left; padding-bottom: 0.6rem; }
.lybBox .form ul{ margin-right: -20px; }
.lybBox .form li{ float: left; width: 33.33%; padding-bottom: 20px; }
.lybBox .form .li01{ width: 100%; }
.lybBox .form li .box{ margin-right: 20px; border-radius: 4px; background: #fff; border: #ededed solid 1px; position: relative; padding: 0 10px 0 100px; }
.lybBox .form li .txt{ position: absolute; left: 30px; top: 0; line-height: 53px; font-size: 14px; color: #999; }
.lybBox .form li .input1{ width: 100%; font-size: 14px; height: 53px; line-height: 53px; }
.lybBox .form li textarea{ height: 198px; box-sizing: border-box; width: 100%; padding: 15px 0; font-size: 14px; line-height: 24px; }
.lybBox .btnDiv{ padding-top: 10px; }
.lybBox .btnDiv a{ display: block; border-radius: 6px; width: 150px; height: 50px; line-height: 50px; background: #ffed00; text-align: center; font-size: 14px; font-weight: bold; color: #383f49; }
.lybBox .btnDiv a:hover{ background: #fff; color: #ffed00; }

.jobBox{ padding: 80px 0 120px; position: relative; background-image: linear-gradient(top,#fff,#f7f7f7);
    background-image: -webkit-linear-gradient(top,#fff,#f7f7f7);
    background-image: -moz-linear-gradient(top,#fff,#f7f7f7);
    background-image: -o-linear-gradient(top,#fff,#f7f7f7);
    background-image: linear-gradient(to bottom,#fff,#f7f7f7);
  background-image: -webkit-linear-gradient(to bottom,#fff,#f7f7f7);
    background-image: -moz-linear-gradient(to bottom,#fff,#f7f7f7);
    background-image: -o-linear-gradient(to bottom,#fff,#f7f7f7);}
.jobBox .toptop{ position: relative; height: 160px; z-index: 1; }
.jobBox .indexTxt{ text-align: left; }
.jobBox .links{ position: absolute; right: 0; top: 45px; }
.jobBox .links li{ float: left; margin-left: 20px; }
.jobBox .links li a{ display: block; width: 140px; height: 46px; line-height: 46px; text-indent: 30px; font-size: 14px; color: #333; background: url(../image/nimg140Bg.png) no-repeat; }
.jobBox .links li .aNow{ background: url(../image/nimg140Bgon.png) no-repeat; }

.social .list li{ margin-bottom: 25px; background: #fff; position: relative; cursor: pointer;}
.social .list li .topDiv{ padding: 30px 0; border-top: #ececec solid 3px;}
.social .list li .name{ padding-left: 35px; line-height: 22px; }
.social .list li .name .dj{ display: inline-block; font-size: 22px; font-weight: bold; color: #333; padding-right: 110px; }
.social .list li .name em{ font-size: 14px; color: #b1b1b2; padding-right: 35px; font-weight: 400; }
.social .list li .msgList{ padding: 15px 0 0 35px; }
.social .list li .msgList dd{ line-height: 26px; font-size: 14px; color: #929293; }
.social .list li .hideBox{ display: none; padding: 10px 35px 60px; }
.social .list li .ico{ position: absolute; right: 48px; bottom: 40px; z-index: 1; width: 59px; height: 59px; background: url(../image/nimg59_1.png) center no-repeat;}
.social .list li .txt{ font-weight: bold; font-size: 14px; color: #17171d; line-height: 26px; }
.social .list li .msg{ font-size: 12px; line-height: 26px; color: #929293; padding-bottom: 25px; }
.social .list li .liNow{ border-top: #ffed00 solid 3px; }
.social .list li .liNow .ico{ bottom: 60px; background: url(../image/nimg59_1on.png) center no-repeat;}
.social .list .btnGroup{ padding-top: 30px; }
.social .list .btnGroup dd{ float: left; margin-right: 20px; }
.social .list .btnGroup dd a{ display: block; width: 140px; height: 46px; line-height: 46px; text-indent: 30px; background: url(../image/nimg140Bgon.png) no-repeat; color: #333333; font-size: 14px; }
.social .moreBtn{ padding-top: 35px; }
.social .moreBtn a{ width: 100%; background: #f2f2f2 url(../image/nimg34_1.png) no-repeat center; display: block; height: 56px; -webkit-transition:background 400ms; transition:background 400ms; }
.social .moreBtn a:hover {background:#ffed00 url(../image/nimg34_1.png) no-repeat center;}


.sideSearch{ background: #353535; }
.sideSearch .imgDiv img{ width: 100%; }
.sideSearch .form{ padding: 45px;}
.sideSearch .form .box{ padding-bottom: 35px; }
.sideSearch .form .box .txt{ font-size: 18px; line-height: 18px; color: #fff; font-weight: bold; height: 40px; }
.sideSearch .select{ width: 100%; position: relative; height: 50px; }
.sideSearch .select dt{ height: 50px;line-height: 50px; width: 100%; background: #fff url(../image/selectIco.png) no-repeat right center; cursor: pointer; position: relative; z-index: 2;}
.sideSearch .select dt a{ font-size: 14px; color: #b4b4b4; position: relative; padding-left: 20px; display: block; text-align: left; } 
.sideSearch .select dd{ margin: 0;position: absolute;left: 0px;top: 50px; width: 100%; z-index: 5;} 
.sideSearch .select dd ul {list-style: none; overflow: auto; padding: 0 20px; height: 160px; background: #fff; box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.07);}
.sideSearch .select dd ul::-webkit-scrollbar { width: 2px;}
.sideSearch .select dd ul::-webkit-scrollbar-track { background-color: #e5e5e5;}
.sideSearch .select dd ul::-webkit-scrollbar-thumb { background-color: #ffed00;}  
.sideSearch .select dd ul li{ position: relative; line-height: 40px; height: 40px; cursor: pointer; color: #b4b4b4; font-size: 14px;}
.sideSearch .select dd ul li:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ebebeb; }
.sideSearch .select dd ul li:last-child:after{ display: none; }
.sideSearch .select dd ul li:hover{ color: #ffed00; }






.sideSearch li .caption {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  font-family: "Microsoft YaHei";
  margin-bottom: 2px;
}
.sideSearch li .caption:first-child {
  margin-bottom: 30px;
}

.sideSearch .form .group {
  position: relative;
  margin-bottom: 30px;
}
.sideSearch .form .group:last-child {
  margin-bottom: 0;
}
.sideSearch .form .title {
  font-size: 15px;
  color: #0070c0;
  line-height: 24px;
  margin-bottom: 18px;
  font-family: "Microsoft YaHei";
  font-weight: 700;
}
.sideSearch .form .text,
.sideSearch .form .caption {
  height: 50px;
  line-height: 50px;
  padding: 0 34px 0 20px;
  color: #b4b4b4;
  background: #fff;
  font-family: "Microsoft YaHei";
}
.sideSearch .form .text {
  width: 100%;
}
.sideSearch .form .btn {
  position: absolute;
  right: 20px;
  top: 50%;
  z-index: 10;
  display: block;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  width: 16px;
}
.sideSearch .form .btn img {
  display: block;
}
.sideSearch .form ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #b4b4b4;
  font-size: 14px;
}
.sideSearch .form :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b4b4b4;
  font-size: 14px;
}
.sideSearch .form ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b4b4b4;
  font-size: 14px;
}
.sideSearch .form :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #b4b4b4;
  font-size: 14px;
}
.sideSearch .form .caption {
  position: relative;
  cursor: pointer;
}
.sideSearch .form .caption.on:after {
  transform: rotateX(180deg);
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
}
.sideSearch .form .caption:after {
  content: "";
  display: block;
  width: 8px;
  height: 100%;
  background: url(../image/idown2.png) no-repeat left center;
  background-size: contain;
  position: absolute;
  right: 24px;
  top: 0;
  z-index: 10;
}
.sideSearch .form .list {
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 12;
  background: #fff;
  max-height: 250px;
  overflow-y: auto;
  display: none;
  border: 1px solid #f7f8f9;
}
.sideSearch .form .list a {
  display: block;
  font-size: 14px;
  color: #a4a4a4;
  line-height: 50px;
  padding: 0 20px;
  border-bottom: 1px solid #f7f8f9;
}
.sideSearch .form .list a:hover,
.sideSearch .form .list a.on {
  color: #0070c0;
}
.sideSearch .form .list a:last-child {
  border-bottom: none;
}










.sideJob{ position: relative; }
.sideJob .imgDiv img{ width: 100%; }
.sideJob .layer{ position: absolute; left: 30px; top: 45px; z-index: 1; }
.sideJob .txt{ font-size: 24px; line-height: 24px; color: #ffed00; font-weight: bold; padding-bottom: 15px; }
.sideJob .list li{ line-height: 30px; color: #929292; font-size: 16px; }


#particles-js {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.productP1{ padding: 80px 0 120px; }
.productP1 .bigBox{ position: relative; overflow: hidden;}
.productP1 .leftDiv{ width: 9.2rem; }
.productP1 .rightCon{ width: 5.36rem; }
.productP1 .imgDiv img{ width: 9.2rem; }
.productP1 .txt{ display: inline-block; height: 28px; position: relative; padding-right: 23px; }
.productP1 .txt:after{ content: ''; position: absolute; right: 0; top: 0; width: 23px; height: 28px; background: url(../image/nimg23Bg.png) no-repeat; }
.productP1 .txt em{ display: block; padding: 0 10px 0 20px; background: #333; height: 28px; line-height: 28px; color: #fff; font-size: 22px; font-family: mont; text-transform: uppercase; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.productP1 .name{ padding-top: 0.1rem; color: #333; font-size: 0.4rem; font-weight: bold; }
.productP1 .msg{ font-size: 18px; color: #9a9a9a; line-height: 34px; padding-top: 15px; }
.productP1 .tab2{ padding-top: 55px; }
.productP1 .tab2 li{ float: left; width: 25%;}
.productP1 .tab2 li .box{ margin-right: 18px; border: #f7f7f7 solid 1px;}
.productP1 .tab2 li img{ width: 100%; opacity: 0.3; }
.productP1 .tab2 .liNow .box img{ opacity: 1; }

.productP2{ padding-bottom: 120px; }
.productP2 .indexTxt{ text-align: center; padding-bottom: 0.6rem; }
.productP2 .tab2{ position: relative;}
.productP2 .tab2:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ebebeb; }
.productP2 .tab2 li{ float: left; width: 25%; z-index: 1; position: relative;}
.productP2 .tab2 li .lbox{ position: relative; height: 166px; }
.productP2 .tab2 li .lbox:after{ content: ''; position: absolute; left: 50%; bottom: 0; width: 0; background: #ffed00; height: 2px; }
.productP2 .tab2 li .ico{ margin: 0 auto; width: 80px; height: 80px; border-radius: 50%; position: relative; background: #fff; box-shadow: 0px 5px 25px 0px rgba(0, 55, 148, 0.1);}
.productP2 .tab2 li .ico img{ position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; }
.productP2 .tab2 li .name{ text-align: center; color: #929293; font-size: 18px; padding-top: 30px; line-height: 18px; }
.productP2 .tab2 .liNow .ico{ background: #ffed00; }
.productP2 .tab2 .liNow .name{ color: #333; font-weight: bold;}
.productP2 .tab2 .liNow .lbox:after{ width: 100%; left: 0; }
.productP2 .tabContentDiv2{ padding-top: 80px; }
.productP2 .bigBox{ height: 5.5rem; padding: 0 8.0rem 0 1.2rem; border-radius: 6px; border-top-left-radius: 24px; box-shadow: 0px 5px 35px 0px rgba(14, 41, 86, 0.1); position: relative; -webkit-animation: am_top 0.8s ease-out 0.1s backwards; }
.productP2 .bigBox .imgDiv{ position: absolute; right: 0; top: 0; overflow: hidden; }
.productP2 .bigBox .imgDiv img{ width: 7.68rem; }
.productP2 .bigBox .imgDiv:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.productP2 .bigBox .txt{ font-weight: bold; font-size: 36px; line-height: 36px; color: #222; padding-top: 1.0rem; padding-bottom: 0.3rem; position: relative; }
.productP2 .bigBox .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #e4e4e4; }
.productP2 .bigBox .content{ font-size: 16px; line-height: 30px; margin-top: 0.45rem; height: 240px; overflow: auto; padding-right: 10px; }
.productP2 .bigBox .content::-webkit-scrollbar { width: 2px;}
.productP2 .bigBox .content::-webkit-scrollbar-track { background-color: #e5e5e5;}
.productP2 .bigBox .content::-webkit-scrollbar-thumb { background-color: #003794;} 

.productP3{ padding-bottom: 120px; }
.productP3 .indexTxt{ text-align: center; padding-bottom: 0.6rem; }
.productP3 .list ul{ margin-right: -60px; }
.productP3 .list li{ float: left; width: 33.33%; }
.productP3 .list li .box{ margin-right: 60px; position: relative; border-radius: 6px; border-top-left-radius: 16px; overflow: hidden; }
.productP3 .list li .imgDiv img{ width: 100%; }
.productP3 .list li .name{ position: absolute; text-align: center; left: 0; bottom: 0; width: 100%; box-sizing: border-box; padding: 0 20px; line-height: 60px; height: 60px; font-size: 20px; color: #fff; background: rgba(0,0,0,0.6); z-index: 1; }
.productP3 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1); }
.productP3 .list li .box:hover .name{ color: #ffed00; }

.newsBox{ padding: 80px 0 120px; }

.newShow .name{ font-size: 36px; line-height: 48px; color: #333; font-weight: bold; padding-bottom: 25px; }
.newShow .time{ overflow: hidden; margin-bottom: 30px; line-height: 30px; font-size: 14px; position: relative; padding-left: 30px; font-family: mont; color: #aaa;}
.newShow .time img{ position: absolute; left: 0; top: 50%; margin-top: -7px; }
.newShow .content{ font-size: 18px; line-height: 30px; }
.newShow .imgDiv{ padding: 50px 0 30px; text-align: center; }
.newShow .content img{ max-width: 10.42rem!important; height:auto!important; }
.newShow .content p{ text-align: center;}

.sideNews .titleDiv .cn{ font-size: 22px; line-height: 22px; color: #333; font-weight: bold;  padding-bottom: 15px;}
.sideNews .titleDiv .en{ font-size: 14px; color: #999; }
.sideNews .list li a{ display: block; padding: 0.4rem 0; border-bottom: #e1e0de solid 1px;}
.sideNews .list li .name{ font-size: 24px; line-height: 30px; height: 30px; overflow: hidden; color: #222; }
.sideNews .list li .content{ font-size: 15px; color: #666; height: 52px; line-height: 26px; overflow: hidden; padding-top: 10px; }
.sideNews .list li .time{ font-size: 14px; color: #ffed00; font-family: mont; padding-top: 0.24rem; }
.sideNews .list li:hover .name{ color: #ffed00;}

.pageDown{ padding-top: 35px; }
.pageDown li{ font-size: 16px; }
.pageDown li a{ display: block; height: 46px; line-height: 46px; color: #333; overflow: hidden; }
.pageDown li a:hover{ color: #ffed00; }

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

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