/*banner*/
.ind-banner{ width: 100%; overflow: hidden;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-slide .img img{ width: 100%;}
.ind-banner .onebox{ position: absolute; left: 50%; margin-left: -7.68rem; z-index: 1; top: 50%; transform: translateY(-50%); }
.ind-banner .onebox .cn{ font-size: 0.6rem; line-height: 0.72rem; color: #fff; font-weight: bold; padding-bottom: 0.15rem; }
.ind-banner .onebox .txt{ font-size: 0.24rem; line-height: 0.36rem; color: #fff; }
.ind-banner .twobox{ position: absolute; left: 50%; margin-left: -7.68rem; z-index: 1; top: 50%; transform: translateY(-50%); }
.ind-banner .twobox .cn{ font-size: 0.52rem; line-height: 0.72rem; color: #fff; font-weight: bold; }
.ind-banner .twobox .cn em{ display: block; position: relative; padding-left: 2.1rem; }
.ind-banner .twobox .cn em:before{ content: ''; position: absolute; left: 1.05rem; top: 50%; margin-top: -0.03rem; width: 0.84rem; height: 0.06rem; background: #fff;}

.ind-banner .onebox .cn, .ind-banner .onebox .txt, .ind-banner .twobox .cn{transform: translateY(50px);
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  opacity: 0;
  visibility: hidden;
  transition: all 1.4s ease;
  -webkit-transition: all 1.4s ease;
  -moz-transition: all 1.4s ease;
  -ms-transition: all 1.4s ease;
  -o-transition: all 1.4s ease;
  transition-delay: 1s;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.ind-banner .swiper-slide-active .onebox .cn, .ind-banner .swiper-slide-active .onebox .txt, .ind-banner .swiper-slide-active .twobox .cn{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.ind-banner .se { z-index: 2; position: absolute; display: block; width: 18px; height: 34px; }
.ind-banner .prev { left: 0.6rem; top: 50%; margin-top: -17px; opacity: 0.8; background: url(../images/nimg18_left.png) center no-repeat; }
.ind-banner .next { right: 0.6rem; top: 50%; margin-top: -17px; opacity: 0.8; background: url(../images/nimg18_right.png) center no-repeat; }
.ind-banner .prev:hover { opacity: 1; }
.ind-banner .next:hover { opacity: 1; }
.ind-banner .swiper-pagination{ width: 100%; bottom: 45px; } 
.ind-banner .swiper-pagination-bullet { display: inline-block; width: 8px; height: 8px; opacity: 1; background: rgba(255,255,255,0.5); box-sizing:border-box; border-radius:50%; margin: 0 6px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #fff; width: 58px; border-radius: 12px;} 


/*banner结束*/

.indexP1{ padding: 0.6rem 0.6rem 0; }
.indexP1 .pjDiv{ height: 9.2rem; background: url(../images/indexP1.jpg) center no-repeat; background-size: cover; border-radius: 0.2rem;}
.indexP1 .wal{ position: relative; }
.indexP1 .leftDiv{ padding-top: 1.8rem; }
.indexP1 .title{ font-size: 0.48rem; line-height: 0.48rem; padding-bottom: 0.6rem; color: #000; font-weight: bold; }
.indexP1 .conDiv{ position: relative; width: 3.7rem; height: 1.5rem;}
.indexP1 .conDiv .line{ position: absolute; left: -20px; top: 0; width: 1px; height: 100%; background: #09308f; }
.indexP1 .conDiv .txt{ font-size: 0.3rem; line-height: 0.3rem; color: #000; padding-bottom: 0.2rem; }
.indexP1 .conDiv .msg{ font-size: 0.18rem; line-height: 0.24rem; }
.indexP1 .conDiv .more{ position: absolute; left: 0; bottom: 0; }
.indexP1 .conDiv .more a{ position: relative; font-size: 16px; line-height: 16px; padding-right: 25px; display: inline-block; color: #003592; }
.indexP1 .conDiv .more a:after{ content: ''; position: absolute; top: 2px; right: 0; width: 12px; height: 12px; background: url(../images/nimg12_1.png) no-repeat;}
.indexP1 .conDiv .more a:hover:after{ transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);}
.indexP1 .tab2{ padding-top: 2.3rem; }
.indexP1 .tab2 li{ float: left; }
.indexP1 .tab2 li .lbox{ margin-right: 15px; width: 1.8rem; padding-top: 0.3rem; height: 1.34rem; box-sizing: border-box; background: #fff; border-radius: 12px;}
.indexP1 .tab2 li .ico{ margin: 0 auto; width: 0.42rem; height: 0.42rem; position: relative; }
.indexP1 .tab2 li .ico img{ position: absolute; left: 0; top: 0; width: 0.42rem;}
.indexP1 .tab2 li .ico .img1{ opacity: 0; }
.indexP1 .tab2 li .name{ text-align: center; padding-top: 0.2rem; font-size: 0.16rem; }
.indexP1 .tab2 .liNow .lbox{ background: #003592; }
.indexP1 .tab2 .liNow .ico img{ opacity: 0; }
.indexP1 .tab2 .liNow .ico .img1{ opacity: 1; }
.indexP1 .tab2 .liNow .name{ color: #fff; }

.indexP1 .links{ padding-top: 0.7rem; }
.indexP1 .links ul{ margin-right: -0.4rem; }
.indexP1 .links li{ float: left; width: 50%; }
.indexP1 .links li .lbox{ margin-right: 0.4rem;}
.indexP1 .links li .lbox a{ display: block; width: 100%; padding-top: 0.4rem; height: 2.1rem; box-sizing: border-box; background: #fff; border-radius: 0.2rem; }
.indexP1 .links li .ico{ margin: 0 auto; width: 0.8rem; height: 0.8rem; position: relative; }
.indexP1 .links li .ico img{ position: absolute; left: 0; top: 0; width: 0.8rem;}
.indexP1 .links li .ico .img1{ opacity: 0; }
.indexP1 .links li .name{ text-align: center; padding-top: 0.2rem; font-size: 0.26rem; }


.indexP1 .pjDiv .tabContentDiv2{ top: 0.8rem; position: absolute; right: 50%; margin-right: -8.0rem; width: 11.3rem; height: 7.4rem;/* background: #000;*/ z-index: 1;}
.indexP1 .pjDiv .tabContent2{ animation: am_top 0.8s ease-out 0.1s backwards; -webkit-animation: am_top 0.8s ease-out 0.1s backwards;}
.indexP1 .pjDiv .box1{ width: 100%; height: 7.4rem; background: url(../images/nimg1130Bg1.png) no-repeat; background-size: 11.3rem; }
.indexP1 .pjDiv .box2{ width: 100%; height: 7.4rem; background: url(../images/nimg1130Bg2.png) no-repeat; background-size: 11.3rem; }
.indexP1 .pjDiv .mxfDiv li{ position: absolute; z-index: 1; }
.indexP1 .pjDiv .mxfDiv li a{ overflow: hidden; position: relative; display: inline-block; font-size: 0.16rem; color: #333; height: 0.5rem; line-height: 0.5rem; padding: 0 0.28rem 0 0.45rem; background: #fff; border-radius: 0.48rem;  box-shadow: 0px 0px 0.3rem 0px rgba(1, 123, 219, 0.15);}
.indexP1 .pjDiv .mxfDiv li a:after{ content: ''; position: absolute; opacity: 0; visibility: hidden; right: 0.3rem; top: 50%; margin-top: -8px; width: 9px; height: 17px; background: url(../images/nimg9_right.png) no-repeat; }
.indexP1 .pjDiv .mxfDiv li .round{ position: absolute; left: 3px; top: 50%; margin-top: -0.22rem; width: 0.44rem; height: 0.44rem; border-radius: 50%; }
.indexP1 .pjDiv .mxfDiv li .round:after{ content: ''; position: absolute; width: 0; height: 0; left: 50%; top: 50%; border-radius: 50%; background: rgba(0,53,146,0.05); }
.indexP1 .pjDiv .mxfDiv li .round em{ position: absolute; left: 50%; top: 50%; margin-left: -0.09rem; margin-top: -0.09rem; width: 0.18rem; height: 0.18rem; background: #09308f; border-radius: 50%; }
.indexP1 .pjDiv .mxfDiv li .round em:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -2px; margin-top: -2px; width: 4px; height: 4px; border-radius: 50%; background: #fff; }
.indexP1 .pjDiv .mxfDiv li a:hover{ padding: 0 0.4rem 0 0.5rem; }
.indexP1 .pjDiv .mxfDiv li a:hover:after{ opacity: 1; visibility: visible; right: 0.2rem; }
.indexP1 .pjDiv .mxfDiv li a:hover .round:after{ width: 100%; height: 100%; left: 0; top: 0; }

.indexP1 .pjDiv .box1 .li01{ left: 5.6%; bottom: 18.2%; }
.indexP1 .pjDiv .box1 .li02{ left: 13.8%; bottom: 27.8%; }
.indexP1 .pjDiv .box1 .li03{ left: 26.1%; bottom: 36%; }
.indexP1 .pjDiv .box1 .li04{ left: 15.5%; bottom: 48.7%; }
.indexP1 .pjDiv .box1 .li05{ left: 36%; bottom: 46.7%; }
.indexP1 .pjDiv .box1 .li06{ left: 30%; bottom: 55.4%; }
.indexP1 .pjDiv .box1 .li07{ right: 20%; top: 27.4%; }
.indexP1 .pjDiv .box1 .li08{ right: 27.4%; top: 18.7%; }
.indexP1 .pjDiv .box1 .li09{ right: 12%; top: 18.7%; }
.indexP1 .pjDiv .box1 .li10{ right: 32.3%; top: 10.8%; }

.indexP1 .pjDiv .box2 .li01{ left: 9.3%; bottom: 41.5%; }
.indexP1 .pjDiv .box2 .li02{ left: 23.5%; bottom: 41.3%; }
.indexP1 .pjDiv .box2 .li03{ left: 25.6%; bottom: 48.7%; }
.indexP1 .pjDiv .box2 .li04{ left: 38.4%; bottom: 56.6%; }
.indexP1 .pjDiv .box2 .li05{ left: 61%; bottom: 57.3%; }
.indexP1 .pjDiv .box2 .li06{ right: 15.2%; bottom: 50%; }
.indexP1 .pjDiv .box2 .li07{ right: 7.2%; top: 35.4%; }
.indexP1 .pjDiv .box2 .li08{ right: 3.5%; top: 23.2%; }
.indexP1 .pjDiv .box2 .li09{ right: 9.4%; top: 13.7%; }















.indexP2{ padding: 1.2rem 0; }
.indexP2 .title{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; text-align: center; padding-bottom: 0.4rem; }
.indexP2 .list ul{display: inline-flex; width: 100%;}
.indexP2 .list li{ width: 33.33%; height: 6.4rem; position: relative; flex-grow: 1; padding-left: 1px; padding-right: 1px; transition: .65s; box-sizing: border-box;}
.indexP2 .list li .box{ cursor: pointer; width: 100%; border-radius: 8px; position: relative; overflow: hidden; }
.indexP2 .list li .box:after{ content: ''; opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/bg1.png) repeat-x; }
.indexP2 .list li .bg{ height: 6.4rem; background: center no-repeat; background-size: cover; }
.indexP2 .list li .before{ position: absolute; left: 0; width: 100%; bottom: 0.2rem; color: #fff; z-index: 1; text-align: center;}
.indexP2 .list li .name{ font-size: 0.3rem; line-height: 0.3rem; padding-bottom: 0.15rem;}
.indexP2 .list li .txt{ font-size: 0.2rem; line-height: 0.2rem; position: relative; padding-bottom: 0.2rem;}
.indexP2 .list li .txt:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #fff; }
.indexP2 .list li .after{ opacity: 0; visibility: hidden; color: #fff; z-index: 1; position: absolute; left: 0; width: 100%; box-sizing: border-box; padding: 0 0.8rem 0 0.5rem; bottom: -50%; }
.indexP2 .list li .msg{ padding-top: 0.25rem; font-size: 0.16rem; line-height: 0.24rem; }
.indexP2 .list li.on{width: 50%;}
.indexP2 .list li.on .box:after{ opacity: 1; }
.indexP2 .list li.on .txtLayer{ width: auto; }
.indexP2 .list li.on .before{ opacity: 0; visibility: hidden; bottom: -20%;}
.indexP2 .list li.on .after{ opacity: 1; visibility: visible; bottom: 0.45rem; }
.indexP2 .list li.on .name{ font-size: 0.36rem; line-height: 0.36rem; }
.indexP2 .list li.on .txt:after{ width: 18px; }

.indexP3{ padding: 1.2rem 0; background: #f2f4f7; }
.indexP3 .toptop{ height: 0.85rem; position: relative; }
.indexP3 .title{ font-size: 0.48rem; line-height: 0.48rem; color: #141414; font-weight: bold; }
.indexP3 .more{ position: absolute; right: 0; top: 0.15rem; z-index: 1; }
.indexP3 .more a{ display: block; position: relative; padding-right: 25px; font-size: 16px; line-height: 16px; color: #003592; }
.indexP3 .more a:after{ content: ''; position: absolute; top: 2px; right: 0; width: 12px; height: 12px; background: url(../images/nimg12_1.png) no-repeat;}
.indexP3 .more a:hover:after{ transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);}

.indexP3 .midmid{ overflow: hidden; margin-right: -0.2rem; }
.indexP3 .leftDiv{ width: 66.66%; }
.indexP3 .rightDiv{ width: 33.33%; }
.indexP3 .lbox{ margin-right: 0.2rem; }

.indexNews{ position: relative; }
.indexNews .list{ overflow: hidden; }
.indexNews .list li{ height: 4.4rem; border-radius: 10px; overflow: hidden; }
.indexNews .list li a{ display: block; width: 100%; height: 100%; position: relative; }
.indexNews .list li .imgDiv{ height: 4.4rem; position: relative; }
.indexNews .list li .imgDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 190px; background: url(../images/bg2.png) repeat-x; }
.indexNews .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexNews .list li .name{ position: absolute; z-index: 1; color: #fff; left: 0; bottom: 0; width: 100%; height: 0.8rem; line-height: 0.8rem; font-size: 0.24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; padding: 0 2.5rem 0 0.3rem; }
.indexNews .swiper-pagination{ width: auto; right: 0.4rem; bottom: 0.36rem; left: auto; } 
.indexNews .swiper-pagination-bullet { opacity: 1; background: #cfd2d9; margin: 0 0 0 15px!important; } 
.indexNews .swiper-pagination-bullet-active { background: #cb2223;} 

.indexP3 .rightDiv a{ display: block; height: 4.4rem; padding: 0.52rem 0.5rem 0; box-sizing: border-box; background: #fff; border-radius: 10px; overflow: hidden; }
.indexP3 .rightDiv .name{ font-size: 0.24rem; color: #000; line-height: 0.36rem; height: 0.72rem; overflow: hidden; }
.indexP3 .rightDiv .msg{ margin-top: 0.25rem; font-size: 0.16rem; line-height: 0.3rem; height: 0.9rem; color: #999; }
.indexP3 .rightDiv .time{ margin-top: 1.2rem; font-family:'mont'; line-height: 0.24rem; font-size: 0.16rem; color: #999; padding-left: 25px; background: url(../images/nimg16_1.png) left center no-repeat; }
.indexP3 .rightDiv a:hover .name{ color: #003592; }

.indexP3 .botbot{ clear: both; padding-top: 0.2rem; }
.indexP3 .botbot ul{ margin-right: -0.2rem; }
.indexP3 .botbot li{ float: left; width: 33.33%; }
.indexP3 .botbot li a{ display: block; position: relative; overflow: hidden; background: #fff; height: 2.14rem; border-radius: 10px; padding: 0.32rem 0.5rem 0; box-sizing: border-box; }
.indexP3 .botbot li a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: #e61418; }
.indexP3 .botbot li .name{ font-size: 0.24rem; line-height: 0.36rem; height: 0.72rem; overflow: hidden; color: #000; }
.indexP3 .botbot li .time{ margin-top: 0.48rem; font-family:'mont'; line-height: 0.24rem; font-size: 0.16rem; color: #999; padding-left: 25px; background: url(../images/nimg16_1.png) left center no-repeat; }
.indexP3 .botbot li a:hover:after{ width: 100%; }
.indexP3 .botbot li a:hover .name{ color: #09308f; }


.product{ padding: 1.0rem 0; background: #f5f5f5; }
.product .list li{ padding-bottom: 0.3rem; }
.product .list li:last-child{ padding-bottom: 0; }
.product .list li a{ display: block; position: relative; padding: 0 7.0rem 0 1.0rem; height: 5.45rem; background: #fff; border-radius: 0.1rem; overflow: hidden; }
.product .list li .imgDiv{ position: absolute; right: 0.7rem; top: 50%; margin-top: -2.5rem; width: 5.0rem; height: 5.0rem; }
.product .list li .imgDiv img{ max-height: 5.0rem; max-width: 5.0rem; }
.product .list li .conDiv{ height: 5.45rem; }
.product .list li .name{ font-size: 0.36rem; color: #222; line-height: 0.56rem; }
.product .list li .type{ font-size: 0.48rem; color: #dddee1; line-height: 0.56rem; text-transform: uppercase; font-family:'bold';}
.product .list li .msg{ margin-top: 0.15rem; width: 4.7rem; font-size: 0.18rem; line-height: 0.32rem; height: 0.96rem; overflow: hidden; color: #666; }
.product .list li .more{ margin-top: 0.25rem; }
.product .list li .more em{ position: relative; padding-right: 25px; font-size: 0.16rem; color: #003592; line-height: 0.3rem;}
.product .list li .more em:after{ content: ''; position: absolute; top: 50%; margin-top: -6px; right: 0; width: 12px; height: 12px; background: url(../images/nimg12_1.png) no-repeat;}
.product .list li a:hover{ box-shadow: 0px 0px 0.3rem 0px rgba(9, 48, 143, 0.1);}
.product .list li a:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.product .list li a:hover .name{ color: #003592; }
.product .list li a:hover .more em:after{ transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);}


.productShow{ position: relative; padding: 1.0rem 0 1.2rem; background: url(../images/productBg.jpg) center no-repeat; background-size: cover; overflow: hidden; }
.productShow .leftDiv{ width: 7.0rem; }
.productShow .detail-box .imgDiv{ border-radius: 0.1rem; height: 5.4rem; background: #fff; }
.productShow .detail-box .imgDiv img{ max-width: 4.5rem; max-height: 4.5rem; }
.productShow .detail-box .list .item { display: none; position: relative;}
.productShow .detail-box .list .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.productShow .box-container{ width: 100%; position: relative; margin-top: 0.2rem; }
.productShow .img-swiper{ width: 3.56rem; margin: 0 auto; }
.productShow .img-swiper .limg{ border: #fff solid 1px; background: #fff; height: 0.84rem; border-radius: 0.1rem; cursor: pointer; text-align: center;}
.productShow .img-swiper .swiper-slide img{ max-width: 0.7rem; max-height: 0.7rem;}
.productShow .swiper-slide.swiper-slide-active .limg{ border: #09308f solid 1px; }
.productShow .swiper-btn{ position: absolute; display: block; width: 8px; height: 14px; top: 50%; margin-top: -7px; }
.productShow .prev{ left: 1.0rem; background: url("../images/nimg8_left.png") center no-repeat; }
.productShow .next{ right: 1.0rem; background: url("../images/nimg8_right.png") center no-repeat;}
.productShow .prev:hover{ background: url("../images/nimg8_lefton.png") center no-repeat;}
.productShow .next:hover{ background: url("../images/nimg8_righton.png") center no-repeat;}


.productShow .rightDiv{ width: 5.8rem; }
.productShow .name{ font-size: 0.36rem; line-height: 0.42rem; color: #222; }
.productShow .type{ font-size: 0.48rem; color: #bbbec9; line-height: 0.56rem; padding-bottom: 0.15rem; text-transform: uppercase; font-family:'bold';}
.productShow .msg{ font-size: 0.18rem; line-height: 0.32rem; padding-bottom: 0.45rem;}
.productShow .txt{ position: relative; padding-left: 38px; font-size: 0.18rem; color: #09308f; line-height: 28px; }
.productShow .txt img{ position: absolute; left: 0; top: 0; }
.productShow .content{ font-size: 0.16rem; line-height: 0.22rem; padding: 0.2rem 0 0.45rem; }
.productShow .lie{ padding-top: 0.25rem; }
.productShow .lie li { position: relative; padding: 0.15rem 0.3rem 0.15rem 2.4rem; color: #393c42; font-size: 0.16rem; line-height: 0.3rem; background: #fff;}
.productShow .lie li:nth-child(even) { background: rgba(9,48,143,0.05);}
.productShow .lie li:first-child{ background: #09308f; color: #fff; }
.productShow .lie li em { position: absolute; left: 0.3rem; top: 0.15rem; width: 1.8rem;}

.question{ padding: 1.2rem 0; }
.question .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; padding-bottom: 0.5rem; color: #000; font-weight: bold; }
.question .list{ border-top: #e6e6e6 solid 1px; padding-bottom: 0.6rem; }
.question .list li{ position:relative; border-bottom: #e6e6e6 solid 1px; }
.question .list li .msgDiv{ padding-right: 0.6rem; height: 0.8rem; position:relative; cursor: pointer;}
.question .list li .ico{ position: absolute; right: 0; top: 50%; width: 22px; height: 22px; margin-top: -11px; background: url(../images/nimg22_1.png) no-repeat; }
.question .list li .name{ position: relative; color:#333; height: 0.8rem; line-height: 0.8rem; padding-left: 40px; overflow: hidden; font-size: 0.18rem; color: #000; }
.question .list li .wen{ position: absolute; color: #fff; font-size: 0.16rem; display: block; text-transform: uppercase; left: 0; top: 50%; margin-top: -12px; background: #09308f; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 4px; font-family: 'bold';}
.question .list li .box{ display:none;}
.question .list li .msgDiv.aNow{ background: #09308f; }
.question .list li .msgDiv.aNow .name{ color: #fff; padding-left: 60px; }
.question .list li .msgDiv.aNow .wen{ background: #3b5eb6; left: 20px;}
.question .list li .msgDiv.aNow .ico{ right: 30px; background: url(../images/nimg22_1on.png) no-repeat; }
.question .list li .mxfDiv{ position: relative; padding: 0.3rem 0 0.45rem;}
.question .list li .content{ line-height: 0.3rem; font-size: 0.16rem; text-align: justify; }

.serviceP1{ padding: 1.2rem 0; }
.serviceP1 .leftDiv{ width: 5.8rem; }
.serviceP1 .toptop{ height: 4.62rem; position: relative; }
.serviceP1 .toptop:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e5e5e5; }
.serviceP1 .title{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; padding-bottom: 0.4rem; }
.serviceP1 .txt{ font-size: 0.24rem; line-height: 0.24rem; padding-bottom: 0.15rem; color: #000; }
.serviceP1 .msg{ font-size: 0.16rem; line-height: 0.3rem; }
.serviceP1 .ewm{ margin-top: 0.35rem; border: #e5e5e5 solid 1px; display: inline-block; }
.serviceP1 .ewm img{ width: 130px; }
.serviceP1 .botbot{ padding-top: 0.9rem; }
.serviceP1 .rightImg{ width: 7.0rem; height: 4.62rem; border-radius: 10px; overflow: hidden; }
.serviceP1 .rightImg img{ width: 100%; height: 100%; object-fit: cover; }

.serviceP2{ padding-top: 1.2rem; height: 7.44rem; background: url(../images/serviceP2.jpg) center no-repeat; background-size: cover; box-sizing: border-box;}
.serviceP2 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; padding-bottom: 0.4rem; color: #000; font-weight: bold;}
.serviceP2 .list ul{ margin-right: -20px; }
.serviceP2 .list li{ float: left; width: 50%; padding-bottom: 20px; }
.serviceP2 .list .li01{ width: 100%; }
.serviceP2 .list li .box{ margin-right: 20px; background: #fff; overflow: hidden; }
.serviceP2 .list li .input1{ padding: 0 20px; height: 0.7rem; line-height: 0.7rem; font-size: 16px; width: 100%; box-sizing: border-box; color: #999;}
.serviceP2 .list li .input1::-webkit-input-placeholder{ color: #999; opacity: 1;}
.serviceP2 .list li .input1:-moz-placeholder{ color: #999; opacity: 1;}
.serviceP2 .list li .input1::-moz-placeholder{ color: #999; opacity: 1;}
.serviceP2 .list li .input1:-ms-input-placeholder{ color: #999; opacity: 1;}
.serviceP2 .list li textarea{ width: 100%; height: 1.3rem; padding: 20px; box-sizing: border-box; font-size: 16px; line-height: 28px; color: #999; }
.serviceP2 .list li textarea::-webkit-input-placeholder{ color: #999; opacity: 1;}
.serviceP2 .list li textarea:-moz-placeholder{ color: #999; opacity: 1;}
.serviceP2 .list li textarea::-moz-placeholder{ color: #999; opacity: 1;}
.serviceP2 .list li textarea:-ms-input-placeholder{ color: #999; opacity: 1;}
.serviceP2 .btnDiv{ margin: 10px auto 0; width: 3.82rem; }
.serviceP2 .btnDiv a{ display: block; width: 100%; height: 0.7rem; background: #09308f; border-radius: 8px; line-height: 0.7rem; text-align: center; color: #fff; font-size: 0.24rem; }
.serviceP2 .btnDiv a:hover{ background: #2046a2; }

.contact{ margin-top: -1.0rem; padding-bottom: 1.2rem; }
.contact .toptop{ position: relative; height: 4.2rem; border-radius: 10px; background: #fff; padding: 0.9rem 0.8rem 0; box-sizing: border-box; box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.16); }
.contact .leftDiv{ width: 6.2rem; }
.contact .title{ font-size: 0.36rem; line-height: 0.36rem; color: #000; font-weight: bold; padding-bottom: 0.15rem; }
.contact .wen{ font-size: 0.16rem; line-height: 0.16rem; padding-bottom: 0.4rem; border-bottom: #eaeaea solid 1px; }
.contact .msgList{ padding-top: 0.3rem; }
.contact .msgList li{ font-size: 0.16rem; line-height: 0.36rem; }
.contact .msgList li a{ display: inline-block; margin-left: 0.3rem; padding-right: 25px; background: url(../images/nimg13_1.png) right center no-repeat; color: #09308f; }
.contact .msgList li a:hover{ text-decoration: underline; }
.contact .ewmDiv{ position: absolute; top: 0.9rem; right: 2.4rem; text-align: center; }
.contact .ewmDiv .limg img{ width: 1.89rem; }
.contact .ewmDiv p{ padding-top: 0.3rem; font-size: 0.16rem; line-height: 0.16rem; }

.contact .botbot{ position: relative; margin-top: 0.8rem; padding: 1.2rem 0.6rem 1.0rem; border-radius: 10px; background: #fff; box-shadow: 0px 0px 0.2rem 0px rgba(0, 0, 0, 0.16); }
.contact .title2{ text-align: center; font-size: 0.36rem; line-height: 0.36rem; padding-bottom: 0.4rem; color: #000; font-weight: bold;}
.contact .list ul{ margin-right: -20px; }
.contact .list li{ float: left; width: 50%; padding-bottom: 20px; }
.contact .list .li01{ width: 100%; }
.contact .list li .box{ margin-right: 20px; background: #fff; border: #eee solid 1px; overflow: hidden; }
.contact .list li .input1{ padding: 0 20px; height: 0.68rem; line-height: 0.68rem; font-size: 16px; width: 100%; box-sizing: border-box; color: #999;}
.contact .list li .input1::-webkit-input-placeholder{ color: #999; opacity: 1;}
.contact .list li .input1:-moz-placeholder{ color: #999; opacity: 1;}
.contact .list li .input1::-moz-placeholder{ color: #999; opacity: 1;}
.contact .list li .input1:-ms-input-placeholder{ color: #999; opacity: 1;}
.contact .list li textarea{ width: 100%; height: 1.3rem; padding: 20px; box-sizing: border-box; font-size: 16px; line-height: 28px; color: #999; font-family: 'Microsoft YaHei'; }
.contact .list li textarea::-webkit-input-placeholder{ color: #999; opacity: 1;}
.contact .list li textarea:-moz-placeholder{ color: #999; opacity: 1;}
.contact .list li textarea::-moz-placeholder{ color: #999; opacity: 1;}
.contact .list li textarea:-ms-input-placeholder{ color: #999; opacity: 1;}
.contact .btnDiv{ margin: 10px auto 0; width: 3.82rem; }
.contact .btnDiv a{ display: block; width: 100%; height: 0.7rem; background: #09308f; border-radius: 8px; line-height: 0.7rem; text-align: center; color: #fff; font-size: 0.24rem; }
.contact .btnDiv a:hover{ background: #2046a2; }

.news{ padding: 1.0rem 0 1.2rem; }
.newsPic{ position: relative; }
.newsPic .list{ overflow: hidden; }
.newsPic .list a{ display: block; height: 4.4rem; position: relative; padding: 0 0.65rem 0 10.0rem; border-radius: 0.1rem; overflow: hidden; background: #f7f7f7; }
.newsPic .list .imgDiv{ position: absolute; left: 0; top: 0; width: 9.27rem; height: 4.4rem; overflow: hidden; }
.newsPic .list .imgDiv img{ width: 100%; height: 100%; object-fit: cover;}
.newsPic .list .conDiv{ padding-top: 0.7rem; }
.newsPic .list .time{ font-family: 'mont'; font-size: 0.18rem; line-height: 0.18rem; color: #666; padding-bottom: 0.3rem; }
.newsPic .list .name{ line-height: 0.36rem; height: 0.72rem; font-size: 0.3rem; color: #000; font-weight: bold; overflow: hidden; }
.newsPic .list a:hover .name{ color: #09308f; }
.newsPic .list a:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.newsPic .swiper-container-horizontal>.swiper-pagination-bullets{ left: 10.0rem; width: auto; bottom: 0.65rem; text-align: left; }
.newsPic .swiper-pagination-bullet{ width: 8px; height: 8px; background: #d6d6d6; border-radius: 50%; opacity: 1; margin: 0 0.2rem 0 0!important;}
.newsPic .swiper-pagination-bullet-active{ background: #09308f; }

.news .lie{ padding: 0.6rem 0 0.2rem; }
.news .lie ul{ margin-right: -0.4rem; }
.news .lie li{ float: left; width: 33.33%; padding-bottom: 0.4rem; }
.news .lie li .box{ margin-right: 0.4rem; border-radius: 0.1rem; overflow: hidden;}
.news .lie li .imgDiv{ height: 2.12rem; overflow: hidden; }
.news .lie li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .lie li .botDiv{ height: 2.36rem; background: #f7f7f7; padding: 0.25rem 0.3rem 0; box-sizing: border-box; }
.news .lie li .name{ font-size: 0.24rem; line-height: 0.3rem; height: 0.6rem; overflow: hidden; color: #000; }
.news .lie li .time{ padding-top: 1.0rem; font-size: 0.18rem; line-height: 0.18rem; font-family: 'mont'; color: #666; }
.news .lie li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .lie li .box:hover .name{ color: #09308f; }

.newShow{ padding: 1.2rem 0; }
.newShow .w960{ width: 9.6rem; margin: 0 auto; }
.newShow .name{ font-size: 0.4rem; line-height: 0.56rem; color: #000; font-weight: bold; padding-bottom: 0.25rem; }
.newShow .time{ padding-bottom: 0.3rem; border-bottom: #e4e4e4 solid 1px; }
.newShow .time em{ padding-right: 25px; font-size: 0.16rem; line-height: 0.16rem; font-family: 'mont';}
.newShow .content{ padding-top: 0.3rem; font-size: 0.16rem; line-height: 0.3rem; text-align: justify; }
.newShow .imgDiv{ padding: 0.4rem 0; text-align: center;}
.newShow .content img{ max-width: 9.6rem; }

.pageDown{ padding-top: 0.5rem; }
.pageDown li{ margin-bottom: 20px; }
.pageDown li:last-child{ margin-bottom: 0; }
.pageDown li a{ display: block; position: relative; font-size: 16px; padding: 20px 40px 0; height: 100px; line-height: 30px; box-sizing: border-box; border: #e1e1e1 solid 1px; border-top: none; }
.pageDown li a:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background: #5f5f5f;}
.pageDown li em{ display: block; color: #000; }
.pageDown li p{ height: 30px; overflow: hidden; }
.pageDown li a:hover{ border: #fff solid 1px; border-top: none; box-shadow: 0px 0px 7px 0px rgba(240, 127, 36, 0.1); }
.pageDown li a:hover:before{ background: #09308f; }

.otherNews{ background: #f5f6f6; padding: 1.2rem 0; }
.otherNews .title{ font-size: 0.48rem; line-height: 0.48rem; text-align: center; color: #000; font-weight: bold; }
.otherNews .list{ padding-top: 0.4rem; }
.otherNews .list ul{ margin-right: -0.4rem; }
.otherNews .list li{ float: left; width: 33.33%; }
.otherNews .list li .box{ margin-right: 0.4rem; border-radius: 0.1rem; overflow: hidden;}
.otherNews .list li .imgDiv{ height: 2.12rem; overflow: hidden; }
.otherNews .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.otherNews .list li .botDiv{ height: 2.36rem; background: #fff; padding: 0.25rem 0.3rem 0; box-sizing: border-box; }
.otherNews .list li .name{ font-size: 0.24rem; line-height: 0.3rem; height: 0.6rem; overflow: hidden; color: #000; }
.otherNews .list li .time{ padding-top: 1.0rem; font-size: 0.18rem; line-height: 0.18rem; font-family: 'mont'; color: #666; }
.otherNews .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.otherNews .list li .box:hover .name{ color: #09308f; }

.solutionP1{ padding-top: 0.8rem; height: 9.2rem; background: url(../images/solutionBg.jpg) center no-repeat; background-size: cover; box-sizing: border-box; }
.solutionP1 .mxfDiv{ position: relative; height: 7.2rem; }
.solutionP1 .conDiv{ padding-top: 0.4rem; width: 4.0rem; }
.solutionP1 .name{ font-size: 0.48rem; line-height: 0.64rem; color: #000; padding-bottom: 0.2rem; font-weight: bold; }
.solutionP1 .msg{ font-size: 0.18rem; line-height: 0.26rem; padding-bottom: 0.25rem; }
.solutionP1 .hala{ background: #fff; border-radius: 12px; padding: 0.3rem 0.3rem 0.4rem; box-shadow: 0px 0px 0.3rem 0px rgba(0, 0, 0, 0.05);}
.solutionP1 .wen{ font-size: 0.18rem; line-height: 0.18rem; color: #09308f; padding-bottom: 0.15rem; }
.solutionP1 .lie li{ font-size: 0.16rem; line-height: 0.2rem; padding-bottom: 0.15rem; }
.solutionP1 .imgDiv{ padding-top: 0.6rem; }
.solutionP1 .imgDiv img{ width: 100%; }

.solutionP1 .box1{ position: absolute; top: 0; right: 50%; margin-right: -7.5rem; width: 11.3rem; height: 7.4rem; background: url(../images/nimg1130Bg1.png) no-repeat; background-size: 11.3rem; }
.solutionP1 .box2{ position: absolute; top: 0; right: 50%; margin-right: -7.5rem; width: 11.3rem; height: 7.4rem; background: url(../images/nimg1130Bg2.png) no-repeat; background-size: 11.3rem; }
.solutionP1 .pjpj li{ position: absolute; z-index: 1; }
.solutionP1 .pjpj li a{ overflow: hidden; position: relative; display: inline-block; font-size: 0.16rem; color: #333; height: 0.5rem; line-height: 0.5rem; padding: 0 0.28rem 0 0.45rem; background: #fff; border-radius: 0.48rem;  box-shadow: 0px 0px 0.3rem 0px rgba(1, 123, 219, 0.15);}
.solutionP1 .pjpj li a:after{ content: ''; position: absolute; opacity: 0; visibility: hidden; right: 0.3rem; top: 50%; margin-top: -8px; width: 9px; height: 17px; background: url(../images/nimg9_right.png) no-repeat; }
.solutionP1 .pjpj li .round{ position: absolute; left: 3px; top: 50%; margin-top: -0.22rem; width: 0.44rem; height: 0.44rem; border-radius: 50%; }
.solutionP1 .pjpj li .round:after{ content: ''; position: absolute; width: 0; height: 0; left: 50%; top: 50%; border-radius: 50%; background: rgba(0,53,146,0.05); }
.solutionP1 .pjpj li .round em{ position: absolute; left: 50%; top: 50%; margin-left: -0.09rem; margin-top: -0.09rem; width: 0.18rem; height: 0.18rem; background: #09308f; border-radius: 50%; }
.solutionP1 .pjpj li .round em:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -2px; margin-top: -2px; width: 4px; height: 4px; border-radius: 50%; background: #fff; }
.solutionP1 .pjpj li a:hover{ padding: 0 0.4rem 0 0.5rem; }
.solutionP1 .pjpj li a:hover:after{ opacity: 1; visibility: visible; right: 0.2rem; }
.solutionP1 .pjpj li a:hover .round:after{ width: 100%; height: 100%; left: 0; top: 0; }

.solutionP1 .box1 .li01{ left: 5.6%; bottom: 18.2%; }
.solutionP1 .box1 .li02{ left: 13.8%; bottom: 27.8%; }
.solutionP1 .box1 .li03{ left: 26.1%; bottom: 36%; }
.solutionP1 .box1 .li04{ left: 15.5%; bottom: 48.7%; }
.solutionP1 .box1 .li05{ left: 36%; bottom: 46.7%; }
.solutionP1 .box1 .li06{ left: 30%; bottom: 55.4%; }
.solutionP1 .box1 .li07{ right: 20%; top: 27.4%; }
.solutionP1 .box1 .li08{ right: 27.4%; top: 18.7%; }
.solutionP1 .box1 .li09{ right: 12%; top: 18.7%; }
.solutionP1 .box1 .li10{ right: 32.3%; top: 10.8%; }

.solutionP1 .box2 .li01{ left: 9.3%; bottom: 41.5%; }
.solutionP1 .box2 .li02{ left: 23.5%; bottom: 41.3%; }
.solutionP1 .box2 .li03{ left: 25.6%; bottom: 48.7%; }
.solutionP1 .box2 .li04{ left: 38.4%; bottom: 56.6%; }
.solutionP1 .box2 .li05{ left: 61%; bottom: 57.3%; }
.solutionP1 .box2 .li06{ right: 15.2%; bottom: 50%; }
.solutionP1 .box2 .li07{ right: 7.2%; top: 35.4%; }
.solutionP1 .box2 .li08{ right: 3.5%; top: 23.2%; }
.solutionP1 .box2 .li09{ right: 9.4%; top: 13.7%; }

.solutionP2{ padding: 1.0rem 0 1.25rem 0.8rem; background: url(../images/solutionP2.jpg) center bottom no-repeat; background-size: 100%; overflow: hidden; }
.solutionP2 .leftImg{ width: 10.44rem; }
.solutionP2 .leftImg img{ width: 100%; }
.solutionP2 .rightDiv{ padding-top: 0.15rem; width: 4.5rem; }
.solutionP2 .title{ font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; }
.solutionP2 .list{ padding-top: 0.45rem; }
.solutionP2 .list li{ position: relative; padding: 0 0 0.25rem 0.35rem; font-size: 0.16rem; color: #333; line-height: 0.24rem; }
.solutionP2 .list li:after{ content: ''; position: absolute; top: 4px; left: 8px; width: 2px; height: 100%; background: #e4eaf3; }
.solutionP2 .list li:last-child:after{ display: none; }
.solutionP2 .list li em{ position: absolute; font-family: 'mont'; left: 0; top: 4px; color: #fff; text-align: center; line-height: 18px; width: 18px; height: 18px; border-radius: 50%; background: #09308f; font-size: 12px; z-index: 1;}

.solutionP3{ height: 6.8rem; background: url(../images/solutionP3.jpg) center no-repeat; background-size: cover; }
.solutionP3 .conDiv{ color: #fff; }
.solutionP3 .title{ font-size: 0.48rem; line-height: 0.48rem; font-weight: bold; padding-bottom: 0.35rem; }
.solutionP3 .msg{ font-size: 0.16rem; line-height: 0.36rem; }

.solutionP4{ padding-top: 1.2rem; height: 7.56rem; background: url(../images/solutionP4.jpg) center no-repeat; background-size: cover; box-sizing: border-box;}
.solutionP4 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; padding-bottom: 0.15rem; }
.solutionP4 .wen{ font-size: 0.18rem; line-height: 0.32rem; text-align: center; }
.solutionP4 .list{ padding-top: 0.35rem; }
.solutionP4 .list ul{ margin-right: -0.2rem; }
.solutionP4 .list li{ float: left; width: 25%; }
.solutionP4 .list li .box{ margin-right: 0.2rem; padding-top: 0.45rem; height: 3.94rem; box-sizing: border-box; background: #fff; border-radius: 0.1rem; }
.solutionP4 .list li .imgDiv{ width: 2.6rem; height: 2.6rem; margin: 0 auto; overflow: hidden; }
.solutionP4 .list li .imgDiv img{ max-width: 2.6rem; max-height: 2.6rem; }
.solutionP4 .list li .name{ margin-top: 0.2rem; padding: 0 0.3rem; height: 0.4rem; line-height: 0.4rem; text-align: center; font-size: 0.18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.solutionP4 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.aboutP1{ padding: 1.2rem 0; overflow: hidden;}
.aboutP1 .mxfDiv{ height: 6.4rem; position: relative; }
.aboutP1 .leftDiv{ width: 5.8rem; height: 6.4rem; position: relative; }
.aboutP1 .txt{ padding: 0.2rem 0 0.25rem; font-size: 0.48rem; color: #000; line-height: 0.6rem; font-weight: bold; }
.aboutP1 .content{ font-size: 0.16rem; line-height: 0.3rem; text-align: justify; }
.aboutP1 .numList{ position: absolute; left: 0; bottom: 0.6rem; }
.aboutP1 .numList li{ float: left; width: 1.92rem; font-size: 0.16rem; }
.aboutP1 .numList li .num{ height: 0.5rem; display: flex; display: -webkit-flex; align-items: flex-start; -webkit-align-items: flex-start; }
.aboutP1 .numList li .num em{ color: #003592; font-size: 0.48rem; line-height: 0.42rem; padding-right: 5px; font-family: 'din'; }
.aboutP1 .numList li p{ line-height: 0.16rem; }

.aboutP1 .videobox{ width: 50%; position: absolute; right: 0; top: 0; overflow: hidden; z-index: 1; border-top-left-radius: 0.24rem; border-bottom-left-radius: 0.24rem; }
.aboutP1 .videobox .imgDiv{ height: 6.4rem; }
.aboutP1 .videobox .imgDiv img{ width: 100%; height: 100%; object-fit: cover;}
.aboutP1 .videobox video{ max-width:100%; max-height: 6.4rem; position:absolute;top:50%;left:0; right: 0; margin: 0 auto; transform: translateY(-50%);z-index:-1;visibility:hidden;opacity:0;object-fit:cover;}
.aboutP1 .videobox.cur{ background:#000;}
.aboutP1 .videobox.cur .imgDiv,.aboutP1 .videobox.cur .playbox{z-index:-1;visibility:hidden;opacity:0;}
.aboutP1 .videobox.cur video{z-index:2;visibility:visible;opacity:1;}
.aboutP1 .videobox .playbox{ cursor:pointer; position:absolute; left:50%; top:50%; width: 0.72rem; height: 0.72rem; margin-left: -0.36rem; margin-top: -0.36rem; background: url(../images/nimg72_1.png) no-repeat; background-size: 0.72rem; z-index:1;}

.aboutP2{ padding-top: 1.2rem; height: 9.0rem; background: #f3f4f8; position: relative; box-sizing: border-box;}
.aboutP2:before{ content: ''; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: url(../images/nimg960Bg.jpg) center no-repeat; background-size: cover; }
.aboutP2 .leftDiv{ position: relative; z-index: 1; width: 2.4rem; }
.aboutP2 .title{ font-size: 0.48rem; line-height: 0.48rem; color: #fff; font-weight: bold; padding-bottom: 1.9rem; }
.aboutP2 .tab2 li{ margin-bottom: 0.4rem; position: relative; font-size: 0.18rem; line-height: 0.18rem; color: #cdd9ec; }
.aboutP2 .tab2 li:before{ content: ''; opacity: 0; visibility: hidden; position: absolute; left: 0; top: 50%; width: 8px; height: 14px; margin-top: -7px; background: url(../images/nimg8_1.png) no-repeat; }
.aboutP2 .tab2 .liNow{ padding-left: 18px; color: #fff; }
.aboutP2 .tab2 .liNow:before{ opacity: 1; visibility: visible; }
.aboutP2 .midRound{ z-index: 2; position: absolute; left: 50%; top: 50%; width: 6.6rem; height: 6.6rem; margin-left: -3.6rem; margin-top: -3.3rem;}
.aboutP2 .midRound:after{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/nimg660Bg.png) no-repeat; background-size: 100%;   -moz-animation:rotate 15s infinite linear;  -webkit-animation:rotate 15s infinite linear;  animation:rotate 15s infinite linear;}
.aboutP2 .midRound .limg{ position: absolute; left: 50%; top: 50%; margin-left: -3.0rem; margin-top: -3.0rem; width: 6.0rem; height: 6.0rem; border-radius: 50%; overflow: hidden;}
.aboutP2 .midRound .limg img{ width: 100%; animation: am_zoom 0.4s ease-out 0.1s backwards; -webkit-animation: am_zoom 0.4s ease-out 0.1s backwards; }
.aboutP2 .topCon{ width: 7.0rem; padding-left: 3.5rem; position: absolute; right: 50%; margin-right: -7.0rem; bottom: 50%; box-sizing: border-box;}
.aboutP2 .topCon:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: rgba(0,0,0,0.1); }
.aboutP2 .topCon .num{ font-size: 0.24rem; line-height: 0.24rem; color: #003592; padding-bottom: 0.15rem; font-family: 'mont'; animation: am_left 0.4s ease-out 0.1s backwards; -webkit-animation: am_left 0.4s ease-out 0.1s backwards;}
.aboutP2 .topCon .name{ font-size: 0.36rem; line-height: 0.36rem; color: #000; padding-bottom: 0.32rem; animation: am_left 0.4s ease-out 0.3s backwards; -webkit-animation: am_left 0.4s ease-out 0.3s backwards; }
.aboutP2 .botCon{ width: 7.0rem; padding-left: 3.5rem; position: absolute; right: 50%; margin-right: -7.0rem; top: 50%; box-sizing: border-box;}
.aboutP2 .botCon .msg{ font-size: 0.2rem; line-height: 0.36rem; color: #333; padding-top: 0.42rem; animation: am_left 0.4s ease-out 0.5s backwards; -webkit-animation: am_left 0.4s ease-out 0.5s backwards;}

.aboutP3{ position: relative; overflow: hidden; padding-top: 1.2rem; height: 8.4rem; background: url(../images/aboutP3.jpg) center no-repeat; background-size: cover; box-sizing: border-box;}
.aboutP3 .dwq{ position: absolute; right: 0.3rem; top: 0; margin-top: -1.6rem; width: 3.2rem; height: 3.2rem; }
.aboutP3 .pulse2{position:absolute; top: 0; right: 0; height: 3.2rem; width: 3.2rem; border: 2px solid #88b0cf; box-sizing: border-box; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 0 4px #88b0cf,0 0 10px #88b0cf inset;-moz-box-shadow:0 0 4px #88b0cf,0 0 10px #88b0cf inset;box-shadow:0 0 4px #88b0cf,0 0 10px #88b0cf 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}
.aboutP3 .delay-02{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;-o-animation-delay:1.2s;animation-delay:1.2s}
.aboutP3 .delay-03{-webkit-animation-delay:1.4s;-moz-animation-delay:1.4s;-o-animation-delay:1.4s;animation-delay:1.4s}
.aboutP3 .delay-04{-webkit-animation-delay:1.6s;-moz-animation-delay:1.6s;-o-animation-delay:1.6s;animation-delay:1.6s}
.aboutP3 .delay-05{-webkit-animation-delay:1.8s;-moz-animation-delay:1.8s;-o-animation-delay:1.8s;animation-delay:1.8s}
.aboutP3 .delay-06{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}

.aboutP3 .title{ font-size: 0.48rem; line-height: 0.48rem; color: #000; padding-bottom: 0.45rem; font-weight: bold; }
.historyPic{ position: relative; }
.historyPic .year-swiper{ position: relative; margin-top: 12px;}
.historyPic .year-swiper:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 22px; background: rgba(0,53,146,0.1); border-radius: 24px; }
.historyPic .year-swiper .year-swiper{ height: 60px; }
.historyPic .year-swiper .swiper-slide{ padding-top: 35px; height: 25px; cursor: pointer; position: relative; text-align: center; color: #000; }
.historyPic .year-swiper .swiper-slide:before{ content: ''; position: absolute; left: 50%; margin-left: -11px; top: 0; width: 22px; height: 22px; background: rgba(255,255,255,0.5); border-radius: 50%; }
.historyPic .year-swiper .swiper-slide .year{ font-family:'din'; font-size: 24px; line-height: 24px; }
.historyPic .year-swiper .swiper-slide-active{ color: #003592; }
.historyPic .year-swiper .swiper-slide-active:before{ background: rgba(0,53,146,0.5); }
.historyPic .prev { position: absolute; right: 80px; bottom: 1.4rem; cursor: pointer; width: 58px; height: 58px; border-radius: 50%; box-sizing: border-box; border: #dee1e8 solid 1px; overflow: hidden; background: url(../images/limg8_left.png) no-repeat center; z-index: 5;}
.historyPic .next { position: absolute; right: 0; bottom: 1.4rem; cursor: pointer; width: 58px; height: 58px; border-radius: 50%; box-sizing: border-box; border: #dee1e8 solid 1px; overflow: hidden; background: url(../images/limg8_right.png) no-repeat center; z-index: 5;}
.historyPic .prev:hover{ border: #003592 solid 1px; background: #003592 url(../images/limg8_lefton.png) no-repeat center;}
.historyPic .next:hover{ border: #003592 solid 1px; background: #003592 url(../images/limg8_righton.png) no-repeat center;}

.historyPic .item { display: none; position: relative; }
.historyPic .item.on { display: block; animation: fadeOfOpacity .5s linear;}
.historyPic .item .year{ font-family: 'din'; font-size: 2.0rem; color: #e5eaf4; line-height: 1.7rem; animation: am_top 0.4s ease-in-out 0.2s backwards; }
.historyPic .item .year em{ color: #003592; }
.historyPic .item .name{ padding-top: 0.3rem; font-weight: bold; height: 0.52rem; font-size: 0.36rem; line-height: 0.36rem; color: #000; animation: am_top 0.4s ease-in-out 0.5s backwards; }
.historyPic .item .content{ height: 1.28rem; animation: am_top 0.4s ease-in-out 0.8s backwards;}
.historyPic .item .content li{ position: relative; padding-left: 16px; font-size: 0.16rem; line-height: 0.32rem;}
.historyPic .item .content li:before{ content: ''; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: #003592;}

@keyframes fadeOfOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.aboutP4{ padding: 1.2rem 0 1.0rem; }
.aboutP4 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; padding-bottom: 0.4rem; }
.aboutP4 .list ul{ margin-right: -0.2rem; }
.aboutP4 .list li{ float: left; width: 50%; padding-bottom: 0.2rem; }
.aboutP4 .list li .box{ cursor: pointer; margin-right: 0.2rem; position: relative; border-radius: 0.1rem; overflow: hidden;}
.aboutP4 .list li .box:after{ content: ''; opacity: 0; visibility: hidden; position: absolute; left: 0; bottom: 0; width: 100%; height: 240px; background: url(../images/bg3.png) repeat-x; }
.aboutP4 .list li .imgDiv{ height: 4.5rem; }
.aboutP4 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.aboutP4 .list li .before{ z-index: 1; position: absolute; width: 100%; box-sizing: border-box; padding: 0 0.4rem; bottom: 0.32rem; color: #fff; }
.aboutP4 .list li .name{ font-size: 0.24rem; height: 0.4rem; line-height: 0.4rem; font-weight: bold; }
.aboutP4 .list li .msg{ font-size: 0.16rem; line-height: 0.28rem; padding-bottom: 0.32rem;}
.aboutP4 .list li .after{ z-index: 1; position: absolute; width: 100%; box-sizing: border-box; padding: 0 0.4rem; bottom: -100%; color: #fff; }
.aboutP4 .list li .box:hover:after{ opacity: 1; visibility: visible; }
.aboutP4 .list li .box:hover .before{ bottom: -20%; }
.aboutP4 .list li .box:hover .after{ bottom: 0; }

.aboutP5{ position: relative; height: 8.0rem; padding-top: 1.2rem; box-sizing: border-box; background: url(../images/aboutP5.jpg) center no-repeat; background-size: cover; }
.aboutP5 .title{ text-align: center; font-size: 0.48rem; line-height: 0.48rem; color: #000; font-weight: bold; }
.aboutP5 .list li{ position: absolute; z-index: 1; width: 3.02rem; }
.aboutP5 .list li .limg{ width: 3.02rem; height: 2.2rem; border: #f2d69e solid 2px; box-sizing: border-box; }
.aboutP5 .list li .limg img{ width: 100%; height: 100%; object-fit: cover; }
.aboutP5 .list li .name{ text-align: center; font-size: 0.18rem; line-height: 0.24rem; color: #333; padding-bottom: 0.15rem; }
.aboutP5 .list .li01{ left: 21.5625%; top: 33.5%; }
.aboutP5 .list .li02{ left: 45%; top: 39.4%; }
.aboutP5 .list .li03{ left: 63.5%; top: 23.75%; }


























































