/*首页*/
.banner{width:100%;position: relative;}
.banner .swiper-slide{position: relative;}
.banner .swiper-slide img{width: 100%;transition:transform 5s cubic-bezier(.23,1,.32,1);}
.banner .swiper-slide.swiper-slide-active img{transform:scale(1.1)}
.banner .swiper-slide.swiper-slide-active.ban_video img{transform:scale(1)}
.banner .swiper-slide.ban_video video{ position: absolute; left:0; top:0; width:100%; height:100%; object-fit: fill;}
.banner .txt{color:#fff; top: 35%; text-shadow:0 0 3px rgba(0,0,0,0.8);}
.banner .txt h2{line-height: 1.2;}
.banner .txt h3{margin:3% 0;  letter-spacing:15px;}
.banner .txt p{line-height: 2;}
.ban_bot{top:auto;bottom:5%;z-index: 10; height: 150px;}
.ban_bot li{ cursor: pointer; float: left; widtH:25%; height: 150px;padding:1% 2%; position: relative; color:#fff; opacity: 0.5; border-left:1px solid rgba(255,255,255,0.5);}
.ban_bot li.on{opacity: 1;}
.ban_bot li::before{content: ""; position: absolute; lefT:0; top:0; width:2px; height: 0; background: #fff;}
.ban_bot li.on::before{height:80%;}
/* .banner .txt1{top: 35%;text-shadow:0 0 3px rgba(0,0,0,0.8);} */
.banner .txt1{top: 35%;}
.banner .txt1 dt{ float: left; widtH:36%;}
.banner .txt1 dd{ float: right; width:55%;color:#fff; padding-top: 5%;}
.banner .txt1 dd h3{margin: 3% 0 0;}
.banner .txt1 dd p{font-size: 14px; margin-top: 5%; line-height: 30px;}
.banner .txt1 dd p em{float: left; }
.banner .txt1 dd p i{ float: left; margin-left: 10px; font-size: 30px;}
.banner .swiper-slide a{ display: block;}
.banner .swiper-slide a:hover .txt1 dd h2,.banner .swiper-slide a:hover .txt1 dd p{color:#fff;}
/*.banner .swiper-button-prev,.banner .swiper-button-next{ lefT:0; background: none; width:60px; height: 60px; line-height: 60px; margin-top:-30px; text-align: center;}
.banner .swiper-button-next{left:auto; right:0;}
.banner .swiper-button-prev i,.banner .swiper-button-next i{font-size: 60px;color:#E40210;}
.banner .swiper-pagination{top:50%;bottom:auto; left:auto; right:5%; width:12px;transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%);}
.banner .swiper-pagination-bullet{display: block; float: left; width:12px; height:12px; margin:15px 0!important; background: #fff;}
.banner .swiper-pagination-bullet-active{opacity: 1;}*/

.index-part01{padding:4% 0 6%;}
.index-part01 .tit{margin-bottom: 3%;}
.index-part01 .ll{ float: left; width:45.8%;}
.index-part01 .ll .img{position: relative;}
.index-part01 .ll .img h3{position: absolute; left:18px; bottom:10%; color:#fff;}
.index-part01 .ll .img h3 em{ display: block; widtH:20px; height: 5px; margin-bottom: 15px; background: #fff;}
.index-part01 .ll .txt{margin-top: 6%;}
.index-part01 .ll .txt span{ font-family: Arial, Helvetica, sans-serif;}
.index-part01 .ll .txt h2{margin: 1.5% 0 5%;}
.index-part01 .ll .txt p{color:#65676B; line-height: 2; max-height: 4em; height: 4em;}
.index-part01 .rr{ float: right; width:30%; margin-right: 5%;}
.index-part01 .rr li{border-bottom: 1px solid #86888D; padding: 15px 8% 15px 0; position: relative;}
.index-part01 .rr li::before{opacity: 0; content:""; position: absolute; lefT:-25px; top:20px; widtH:5px; height: 43px; background: #08607F;}
.index-part01 .rr li:first-child{padding-top: 0;}
.index-part01 .rr li:first-child::before{ top:5px;}
.index-part01 .rr li h2{margin-bottom: 3.5%; position: relative;}
.index-part01 .rr li span{ display: block; font-size: 14px;color:#939393; font-family: Arial, Helvetica, sans-serif;}
.index-part01 .rr a.more{ margin-top: 10%; color:#08607F;}


.index-part02{position: relative; overflow: hidden;/*height: 2500px;*/}
.index-part02 .bg{width:100%;position: relative; z-index: 1;}
.index-part02 .bg img{width:100%;}
.index-part02 .box{position: relative;}
/*.index-part02 .bg img{opacity: 0;}
.index-part02 .bg .showimg{position: absolute;top: 0;left: 50%;transform: translate(-50%,-0%);max-width: 140%;width: 70%;opacity: 1;}*/
.index-part02 .a-m-c img{position: absolute;left:50%;top: 50%; transform: translate(-50%,-50%);}
.index-part02 .img{text-align: center; z-index: 2; width: 120%; height: 120%;}
.index-part02 .img img{width:100%; max-width: auto;}
.index-part02 .txt{position: absolute;z-index: 3; bottom:5%; left:0; text-align: center; padding:0 5%; widtH:100%;}
.index-part02 .txt h2{margin-bottom:1.5%; line-height: 1.2; letter-spacing: 10px;}
.index-part02 .txt p{margin-bottom:3%; letter-spacing:16px;}
.index-part02 .txt a.more{display: inline-block; color: #fff; opacity: 0;}
.index-part02 .txt span{ display: block; color:#08607F; font-size: 36px;}
.index-part02.move .img{animation: scale01 8s ease-out 1s;animation-fill-mode: forwards;animation-delay:0.3s;}
.index-part02.move .txt{ animation: moveUp01 1s ease-in 0.3s;animation-fill-mode: forwards;}
.index-part02.move .txt a.more{opacity: 1;transition: 1.5s all;}
.index-part02.move .txt span{opacity: 0; transition: 1.5s all;}
.index-part02.move .con{ animation: fadeIn01 1.5s ease-in 0.3s;animation-fill-mode: forwards;animation-delay:1.3s;}
@keyframes scale01{
    0% {
        width: 100%;
        height: 100%; 
        opacity:1;
    }
    50% {
        width: 2000%;
        height:2000%;
        opacity: 0.5;
    }
    100% {
        width: 5000%;
        height:5000%;
        opacity: 0;
    }
}
@keyframes moveUp01 {
    0% {
        transform:scale(1,1) translateY(0);
        opacity:1;
    }
    100% {
        transform:scale(1.25,1.25) translateY(-70%);
        color:#fff;
        opacity:0;
    }
}
@keyframes fadeIn01 {
    0% {
        opacity:1;
    }
    100% {
        opacity:1;
    }
}



.index-part03{position: relative;}
.index-part03 .tab-img li{ display: none;}
.index-part03 .tab-img li.on{ display: block;}
.index-part03 .tab-t{color:#fff; padding:6% 0 0; margin-bottom: 5%;}
.index-part03 .tab-t li{ cursor: pointer; float: left; padding: 0 30px; color:#fff; opacity: 0.5; position: relative;}
.index-part03 .tab-t li::after{content: ""; position: absolute; right:0; top:10px; widtH:1px; height:28px; background: #fff;}
.index-part03 .tab-t li:first-child{padding-left: 0;}
.index-part03 .tab-t li:last-child::after{opacity: 0;}
.index-part03 .tab-t li.on{opacity: 1;}
.index-part03 .tab-c .item{ display: none;}
.index-part03 .tab-c .item.on{ display: block;}
.index-part03 .tab-c .item .ll{ float: left; widtH:150px; overflow: hidden;}
.index-part03 .tab-c .item .ll span{ display: block; width:88px; height: 88px; background: url(../images/dot01.png) no-repeat; background-size: cover; overflow: hidden;}
.index-part03 .tab-c .item .rr{ float: right; widtH:calc(100% - 150px);}
.index-part03 .tab-c .item li{ cursor: pointer; float: left; width:15%;height: 590px; position: relative; overflow: hidden; border-left:1px solid rgba(255,255,255,0.5);}
.index-part03 .tab-c .item li::before{content:""; position: absolute;left:0; top:0; width:2px; height: 0px; background: #FFFFFF;}
.index-part03 .tab-c .item li.on{ width:70%;}
.index-part03 .tab-c .item li.on::before{ height: 100px;}
.index-part03 .tab-c .item li span{ float: left; width:140px; margin: 0 0 0 30px;color:#fff;}
.index-part03 .tab-c .item li dl{ float: left; width:calc(100% - 200px); opacity: 0;color:#fff;}
.index-part03 .tab-c .item li.on dl{opacity: 1;}
.index-part03 .tab-c .item li dd{margin-bottom:8%;}
.index-part03 .tab-c .item li dd:last-child{margin-bottom: 0;}
.index-part03 .tab-c .item li dd a{color:#fff!important;}
.index-part03 .tab-c .item li dd p{font-size: 14px;margin-top: 10px;}
.index-part03 .tab-c .item li dt{color:#fff; font-size: 14px; margin-top: 50px;}
.index-part03 .tab-c .item li dt a.more{color:#fff;}
.index-part03 .tab-c .item li dd:hover h2,.index-part03 .tab-c .item li dd:hover p{font-size: 30px;}

.index-part04{padding:5% 0 7%;}
.index-part04 .ll{ float: left; max-width: 590px; widtH:48%;}
.index-part04 .rr{ float: right;max-width: 584px; widtH:45%; text-align: right;}
.index-part04 .ll h2{margin-bottom: 6%;}
.index-part04 .ll .itemtit{ widtH:100%; height: 56px; background: #fff;}
.index-part04 .ll .itemlist{margin-top: 6%;}
.index-part04 .ll .itemlist li{ display: none;}
.index-part04 .ll .itemlist li.on{ display: block;}
.index-part04 .ll .itemlist li h3{margin-bottom:20px;}
.index-part04 .ll .itemlist li p{margin-bottom:8px;}
.index-part04 .ll .itemlist li a.more{ margin-top: 4%; padding-top:6%; color:#08607F;border-top:1px solid #9B9B9B;}
.index-part04 .ll .itemlist li a.more:hover{color:#000!important;}
.index-part04 .rr .tit{ text-transform: uppercase; margin-bottom:7%; font-size: 14px; letter-spacing: 5px;}
.index-part04 .rr .tit li,.index-part04 .rr .img li{ display: none;}
.index-part04 .rr .tit li.on,.index-part04 .rr .img li.on{ display: block;}


.select-box{position: relative;}
.select-box dt{cursor: pointer;color:#000; height: 56px; line-height: 56px; padding:0 40px 0 20px; position: relative;}
.select-box dt i{ position: absolute; right:0; top:0; widtH:60px; height: 100%; color:#08607F; text-align: center;}
.select-box dt.on_o i{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.select-box dd{display: none;padding:0;position: absolute; z-index: 10; top:56px;left:0;width:100%;background: #fff;max-height: 220px;overflow: auto;}
.select-box dd a{display: block;color:#4E5258; line-height:40px;cursor: pointer; padding:0 20px;}



@media only screen and (min-width: 1025px) {
    .index-part03 .tab-t li,.index-part03 .tab-c .item,.index-part03 .tab-c .item li,.index-part03 .tab-c .item li dd h2,.index-part03 .tab-c .item li dd p,
    .select-box dt i,.banner .txt1 dd h2,.banner .txt1 dd p,.index-part01 .rr li::before{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
    .ban_bot li::before,.index-part03 .tab-c .item li::before{transition: 0.5s all;}
    .index-part01 .rr li:hover::before{opacity: 1;}
}


@media only screen and (max-width: 1439px) {
    .index-part03 .tab-c .item li{ height: 500px;}
    .index-part03 .tab-c .item li dd:hover h2,.index-part03 .tab-c .item li dd:hover p{font-size: 24px;}
}

@media only screen and (max-width: 1365px) { 
    .index-part03 .tab-c .item li{ height: 450px;}
    .index-part03 .tab-c .item li dd:hover h2,.index-part03 .tab-c .item li dd:hover p{font-size: 20px;}
}
@media only screen and (max-width: 1279px) { 
    .ban_bot,.ban_bot li{height: 80px;}
    .index-part03 .tab-c .item li{ height: 360px;}
    .index-part03 .tab-c .item li dd{margin-bottom:5%;}
    .index-part03 .tab-c .item li dd p{margin-top: 0;}
    .index-part03 .tab-c .item li dd:hover h2{font-size: 18px;}
    .index-part03 .tab-c .item li dd:hover p{font-size: 14px;}
    .index-part03 .tab-t li::after{top:5px;}
    .index-part03 .tab-c .item .ll{widtH:120px;}
    .index-part03 .tab-c .item .rr{width:calc(100% - 120px);}
    .index-part03 .tab-c .item li span{widtH:60px;}
    .index-part03 .tab-c .item li dl{widtH:calc(100% - 90px);}
}
@media only screen and (max-width: 1023px) { 
  .index-part02 .bg .showimg{width: 100%;}
  .index-part02{position: relative; overflow: hidden;height: auto;}
    .ban_bot{bottom:0;}
    .index-part01 .ll,.index-part01 .rr{widtH:100%;}
    .index-part01 .rr{margin: 5% 0 0;}
    .index-part01 .rr li::before{opacity: 0;}
    .index-part02 .img{ display: none;}
    .index-part02 .txt{color:#fff; bottom:10%;}
    .index-part02 .txt a.more{opacity: 1;}
    .index-part02 .txt span{ display: none;}
    .index-part03 .tab-c .item li{widtH:100%!important; height: auto; opacity: 1; margin-bottom: 10px;}
    .index-part03 .tab-c .item li dl{widtH:100%; opacity: 1; padding-left: 5%;}
    .index-part03 .tab-c .item li dd{ margin-bottom: 10px;}
    .index-part03 .tab-c .item li span{margin-left: 5%;}
    /*.index-part03 .tab-c .item li dd:first-child{ display: block;}*/
    .index-part03 .tab-c .item li dt{margin-top: 0;}
    .index-part03{ background: #08607F; padding-bottom: 3%;}
    .index-part03 .wrap{position: static;transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0);}
    .index-part03 .tab-c .item li{border: none;}
    .index-part04 .ll .itemtit{ height: 40px;}
    .select-box dt{ height: 40px; line-height: 40px;}
    .select-box dd{top:40px;}
}


@media only screen and (max-width:767px) { 
    .banner,.banner .swiper-container,.banner .swiper-slide{ height:300px;}
    .banner .swiper-slide a>img{ display: none;}
    .banner .txt1 dt{widtH:50%; float: none; margin: 0 auto 20px; text-align: center;}
    .banner .txt1 dd{width:100%;padding-top: 0;}
    .banner .txt,.banner .txt1{ top:50%;}
    .banner .txt h2{font-size: 24px;}
    .banner .txt h3{font-size: 16px; letter-spacing: 0;}
    .banner .txt p{line-height: 1.5;}
    .ban_bot{ display: none;}
    .index-part02 .txt p{letter-spacing: 5px;} 
    .index-part03 .tab-t li::after{ height: 18px;}
    .index-part03 .tab-c .item .ll{ widtH:100%;}
    .index-part03 .tab-c .item .ll span{margin: 0 auto;}
    .index-part03 .tab-c .item .rr{widtH:100%;}
    .index-part03 .tab-c .item li{ display: none;}
    .index-part03 .tab-c .item li:first-child{ display: block;}
    .index-part04 .ll,.index-part04 .rr{widtH:100%;}
    
}


/*首页end*/


/*20220819add*/
.index-honor{padding: 5% 0; position: relative;}
.index-honor h2{margin-bottom: 3%;}
.index-honor h2 a{ float: right; color: #08607F;}

.slide-box{ position: relative; padding-bottom: 100px;}
.slide-box .swiper-pagination{bottom:0;}
.slide-box .swiper-pagination span{ position: relative; font-size: 14px; padding-top:8px; color:#B8BCBF; font-family: Arial, Helvetica, sans-serif; float: left; width:120px; height: 36px; border-top: 1px solid #B6B6B6; border-radius: 0; background: none; opacity: 1;}
.slide-box .swiper-pagination span.swiper-pagination-bullet-active{font-size: 18px; color:#08607F;}
.slide-box .swiper-pagination span.swiper-pagination-bullet-active::before{content: ""; position: absolute; lefT:0; top:-4px; widtH:100%; height: 4px; background: #08607F;}

.index-honor li.swiper-slide{/*width:25.2%!important;*/}
.index-honor li.swiper-slide-active{/*width:659px; widtH:45.76%!important;*/ width:49%!important;}
.index-honor li dl{ background: #fff;}
.index-honor li.swiper-slide-active dl{color: #fff; background: #193354;}
.index-honor li dt{ height: 371px; overflow: hidden;}
.index-honor li dt span.img_c{ display: none;}
.index-honor li dt span.img_d{ display: block;}
.index-honor li.swiper-slide-active dt span.img_c{ display: block;}
.index-honor li.swiper-slide-active dt span.img_d{ display: none;}
.index-honor li dt img{width:100%;height: 371px; max-width: unset;}
.index-honor li dd{ height: 190px; padding:30px 50px;}
.index-honor li dd em{ display: block; widtH:20px; height: 4px; margin-bottom:20px; background: #08607F;}
.index-honor li.swiper-slide-active dd em{ background: #fff;}
.index-honor li.swiper-slide-active dd h3{ font-size: 24px;}
.index-honor li.swiper-slide-active a {color:#fff!important;}


.index-achieve{padding: 5% 0;}
.index-achieve h2{margin-bottom:3%;color: #fff;}
.index-achieve h3{margin-bottom:5%;}
.index-achieve h3 span{color: #fff;letter-spacing:15px; opacity: 0.8;}
.index-achieve h2 a{ float: right; color: #fff!important;}
.index-achieve .slide-box{ }
.index-achieve li.swiper-slide{ width:464px; height: 200px; padding:35px 50px;color:#000; background: url(../images/ind-achbg.jpg) no-repeat; background-size: cover;}
.index-achieve li.swiper-slide:hover{color:#fff; background: url(../images/ind-achbgon.jpg) no-repeat; background-size: cover;}
.index-achieve li.swiper-slide em{display: block; widtH:20px; height: 4px; margin-bottom:20px;background: #193354;}
.index-achieve li.swiper-slide:hover em{background: #fff;}
.index-achieve li h4{height: 3em; overflow: hidden;}
.index-achieve li.swiper-slide:hover h4{/*font-size: 24px;*/}
.index-achieve li.swiper-slide:hover h4 a{color:#fff!important;}
.index-achieve li i{ position: absolute; left:50px; bottom:20px; font-size: 36px; color:#08607F;}
.index-achieve li.swiper-slide:hover i{color:#fff;}
.index-achieve .slide-box .swiper-pagination span.swiper-pagination-bullet-active{color:#fff;}
.index-achieve .slide-box .swiper-pagination span.swiper-pagination-bullet-active::before{ background: #fff;}


.index-part02 .con{opacity: 0;z-index: 1000;}
.index-part02 .con h3{ text-align: center; color:#fff; margin-bottom:5%;}

.index-part02-add .con{opacity: 1;}

.findby_type{margin:0 0 5%; padding:0 5%; position: relative; z-index: 2;}
.findby_type li{ float: left; widtH:26%; margin-right:4%;}
.findby_type li:last-child{ float: right; widtH:40%; margin-right: 0;}
.findby_type li dl{border-bottom:1px solid #9B9B9B;}
.findby_type li .tt{ float: left; widtH:calc(100% - 64px);height:54px; line-height: 54px; padding: 0 20px; border:none;background: #fff;}
.findby_type li .tt::placeholder{color:#939393;}
.findby_type li .btn{ float: right; width:64px;height:54px; line-height: 54px; text-align: center; font-weight: bold; color:#fff; background: none; bordeR:none;}

.select-box{position: relative;}
.select-box dt{cursor: pointer;color:#fff; height:54px; line-height: 54px; padding:0 40px 0 0; position: relative;}
.select-box dt i{ position: absolute; right:0; top:0; font-size:16px; widtH:20px; text-align: right; height: 100%; color:#fff;}
.select-box dt.on_o i{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);}
.select-box dd{display: none;padding:10px 0;position: absolute; z-index: 10; top:55px;left:0;width:100%;background: #fff;max-height: 220px;overflow: auto;}
.select-box dd a{display: block;color:#4E5258; line-height:30px;cursor: pointer; padding:0 10px;}

.findby_type li .select-box{border-bottom:1px solid #fff;}

.findby_name{padding:0 5%; margin-bottom: 3%;}
.findby_name dd{margin: 0 -3%;}
.findby_name dd a{ float:left; color:#fff; font-weight: bold; font-family: Arial, Helvetica, sans-serif; width:7.69%; margin-bottom: 3%;text-align: center;}
.findby_name dd a.unclick{color:#B1B1B1!important; cursor: default;}

.index-part02 a.view{ display: block; margin: 0 auto; width:240px; height: 64px; line-height: 64px; text-align: center; color:#fff!important; border:1px solid #AFB1BA;}
.index-part02 a.view i{font-size: 30px; vertical-align: middle; margin-left: 10px;}
.index-part02 a.view:hover{ background: #193354; border:1px solid #193354;}
@media only screen and (max-width:1660px) {
    .index-part02 .con h3{margin-top: 5%;}
}


@media only screen and (max-width:1439px) {
    .slide-box .swiper-pagination span{ width:80px;}
    .index-honor li dt,.index-honor li dt img{height: 300px;}
    .index-honor li dd{padding:20px 30px; height: 158px;}
    .index-achieve li.swiper-slide{padding:20px 30px; width:350px; height: 160px;}
    .index-achieve li i{left:30px; bottom:10px;}
    .index-honor li.swiper-slide-active dd h3{ font-size: 20px;}
    .index-part02 a.view{width:200px; height: 44px; line-height: 44px;}
}
@media only screen and (max-width:1023px) {
.slide-box{padding-bottom: 60px;}
.index-honor li.swiper-slide-active{width:100%!important;}
.index-honor li dt, .index-honor li dt img{ height: auto;}
.index-honor li dd{ height: 128px;}
.slide-box .swiper-pagination span{ width:60px;}
.index-honor li.swiper-slide-active dd h3{ font-size: 18px;}
.index-part02 .txt{bottom: auto; top:18%;}
.index-part02 .con{position: static;opacity: 1; widtH:100%; background: #535F85; padding: 5%;transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0); }
.index-part02 .con h3{margin: 0 0 5%;}
.findby_type{margin-bottom: 5%; padding: 0;}
.findby_name{margin-bottom: 5%; padding:0;}
}
@media only screen and (max-width:767px) {
.index-honor li dd{ height: auto;}
.index-achieve li.swiper-slide{ height: auto;}
.index-achieve li i{position: static; margin-top: 30px;}
.slide-box .swiper-pagination span{ width:40px;}
.index-honor li.swiper-slide-active dd h3{ font-size:16px;}
.index-part02 .txt{top:5%;}
.index-part02 .con{padding:8% 5%;}
.findby_type li{width:100%; margin-right: 0;}
.findby_type li:last-child{widtH:100%; margin-top:5%;}
.select-box dt,.findby_type li .tt,.findby_type li .btn{height: 44px; line-height: 44px;}
.select-box dd{top:45px;}
.findby_name dd a{width:11%;}
}

@media only screen and (min-width: 1025px) {
    .slide-box .swiper-pagination span,.slide-box .swiper-pagination span::before,.index-honor li dd em{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
    
}