/*首页*/
.banner{width:100%; position: relative; overflow: hidden; }
.banner .swiper-slide{position: relative;}
.banner .swiper-slide img{width: 100%;height: 100%;transition:transform 12s cubic-bezier(.23,1,.32,1);transform:scale(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:55%;}
.banner .txt h2{margin-bottom:20px; line-height: 1.2;}
.banner .txt h3{ line-height: 2;}
.banner .swiper-button-prev{ left:5%; width: 36px; height:62px; background-size: 36px 62px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23B11524'%2F%3E%3C%2Fsvg%3E");}
.banner .swiper-button-next{ right:5%;width: 36px; height:62px; background-size: 36px 62px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23B11524'%2F%3E%3C%2Fsvg%3E");}
.banner .swiper-pagination{bottom:5%;}
.banner .swiper-pagination-bullet{opacity:1; width:10px; height:10px; margin:0 8px!important; background: #fff;}
.banner .swiper-pagination-bullet-active{ background: #004897;}



.index-part01{ padding:3% 0 0;}
.index-part01 .tab-c{ position: relative;}
.index-part01 .tab-c a.more{ position: absolute; right:0; top:-70px;}
.tab-t{margin-bottom: 2%;}
.tab-t li{ display: inline-block; cursor: pointer; margin:0 30px 0 0;color:#8C8C8C; position: relative;}
.tab-t li.on{color:#000;}
.tab-t li::after{content: ""; position: absolute; right:-25px; top:0; width:12px; height: 30px; background: url(../images/dot01.png) no-repeat;}
.tab-t li:last-child::after{display: none;}
.index-part01 .ll{ float: left; width:46.73%;border:3px solid #014896; position: relative; overflow: hidden;}
.index-part01 .rr{ float: left; width:53.27%;}
.index-part01 .ll li{width:100%; display:none;}
.index-part01 .ll li:first-child{ display: block;}
.index-part01 .ll li .txt,.index-part01 .swiper-button-prev,.index-part01 .swiper-button-next{display: none;}
.index-part01 .rr li{ float: left; width: 100%;padding:1.5% 6%; position: relative;}
.index-part01 .rr li::before{ opacity: 0;content: ""; position: absolute; z-index: 1; left:0px; top:14px;width:0; height:0; border-top:8px solid transparent;border-bottom: 8px solid transparent;border-left: 8px solid #004897;}
.index-part01 .rr li:first-child{background: #F2F6FB; padding:3.5% 6%;}.index-part01 .rr li:first-child::before{top:30px;}
.index-part01 .rr li.on::before{ opacity: 1;}
.index-part01 .rr li:first-child h2{font-size: 24px;}
.index-part01 .rr li:first-child h2 a{ color:#003876;}
.index-part01 .rr li:first-child span{ top:30px;}
.index-part01 .rr li:first-child p{ display: block; color:#4A4E50; font-size: 14px; height: 3em; margin-top:10px;}
.index-part01 .rr h2{ margin:0 70px 0 0; line-height: 1.2;}
.index-part01 .rr span{ position: absolute; right:10px; top:12px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}


.index-part02 .con{position: relative; margin:3% 0;}
.index-part02 .swiper-button-prev,.index-part01 .ll .swiper-button-prev{ left:-50px; width: 25px; height:40px; margin-top:-20px; background-size: 25px 40px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23004897'%2F%3E%3C%2Fsvg%3E");}
.index-part02 .swiper-button-next,.index-part01 .ll .swiper-button-next{ right:-50px;width: 25px; height:40px; margin-top:-20px; background-size: 25px 40px; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23004897'%2F%3E%3C%2Fsvg%3E");}
.index-part02 .swiper-button-prev.swiper-button-disabled,.index-part01 .ll .swiper-button-prev.swiper-button-disabled{ opacity: 1; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23CDCDCD'%2F%3E%3C%2Fsvg%3E");}
.index-part02 .swiper-button-next.swiper-button-disabled,.index-part01 .ll .swiper-button-next.swiper-button-disabled{ opacity: 1; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23CDCDCD'%2F%3E%3C%2Fsvg%3E");}
.index-part02 li .img{position: relative;}
.index-part02 li .img h3{ position: absolute; left: 0; bottom:0; z-index: 2; padding:0 5%; width:100%; height: 40px; line-height: 40px; text-align: center; color:#fff; background: rgba(0,0,0,0.4);}

.index-part03{ position: relative;}
.index-part03 .img{ overflow: hidden;}
.index-part03 .img li{ display: none;}
.index-part03 .img li.on{ display: block;}
.index-part03 .txt{ position: absolute; left:0; top:0; width: 100%; height: 100%}
.index-part03 .txt ul{margin:0 5%; position: absolute;left:0; top:0; width: 90%; height: 100%}
.index-part03 .txt li{ float: left; width:20%; height: 100%; border-left:1px solid rgba(255,255,255,0.2); position: relative;}
.index-part03 .txt li .inner{padding:0 10%; color:#fff;}
.index-part03 .txt li .inner::before{opacity: 0; content:""; position: absolute; lefT:-1px; top:0; width:4px; height:100px; background: #004897;}
.index-part03 .txt li i{ display: block; margin:0 0 35px; width:42px; height: 42px; overflow: hidden;}
.index-part03 .txt li i img{width:100%;}
.index-part03 .txt li h3{ overflow: hidden;}
.index-part03 .txt li h3 span{float: left; font-weight: bold;}
.index-part03 .txt li h3 em{ float: left; margin-left:20px; padding-left:15px; line-height: 1.2; border-left:3px solid #fff;}
.index-part03 .txt li p{ display: none; margin:50px 0; line-height: 1.8;}
.index-part03 .txt li a.view{ display: none; }



@media only screen and (min-width: 1025px) {
.index-part01 .rr li,.index-part03 .txt li{transition: 0.3s all;-webkit-transition: 0.3s all;-moz-transition: 0.3s all;-o-transition: 0.3s all;-ms-transition: 0.3s all;}
.llll{-webkit-transform: translateX(10px);-moz-transform:translateX(10px);transform: translateX(10px);}
.index-part03 .txt li:hover p,.index-part03 .txt li:hover a.view{ display: block;}
.index-part03 .txt li:hover{ background: rgba(255,255,255,0.15);}
.index-part03 .txt li:hover .inner::before{opacity: 1;}
}
@media only screen and (max-width: 1520px) {
.index-part01 .con dd{margin-top:0.5%;}
.index-part01 .tab-c a.more{top:-60px;}
.index-part01 .rr li:first-child{padding:2.7% 6%;}
.index-part01 .rr li:first-child h2{font-size: 20px;}
.index-part01 .rr li:first-child::before,.index-part01 .rr li:first-child span{ top:22px;}

}
@media only screen and (max-width: 1400px) {
    .index-part01 .rr li:first-child{padding:2.4% 6%;}
}
@media only screen and (max-width: 1366px) {    .index-part01 .rr li::before{top:10px;}
    .index-part01 .rr li:first-child{padding:3.5% 6%;}
    .index-part01 .rr li:first-child h2{font-size:18px;}
    .index-part01 .rr li:first-child::before,.index-part01 .rr li:first-child span{ top:25px;}
}
@media only screen and (max-width: 1365px) {
    .index-part03 .txt ul{widtH:100%; margin:0;}    .index-part01 .rr li::before{top:8px;}
    .index-part01 .rr li:first-child{padding:3% 6%;}
    .index-part01 .rr li:first-child h2{font-size:16px;}
    .index-part01 .rr li:first-child span{ top:20px;}
}
@media only screen and (max-width: 1279px) {    .index-part01 .rr li::before{top:6px;}
    .index-part01 .rr li:first-child p{ display: none;}
    .index-part01 .rr li:first-child::before,.index-part01 .rr li:first-child span{top:16px;}
    .index-part02 .swiper-button-prev,.index-part01 .ll .swiper-button-prev{left:0;}
    .index-part02 .swiper-button-next,.index-part01 .ll .swiper-button-next{right:0;}
    .index-part03 .txt li h3 span{ float: none; display: block;}
    .index-part03 .txt li h3 em{ float: none; display: block; margin-left:0; padding-lefT:0;border-left:none;}
    .index-part03 .txt li h3 em br{ display: none;}
    .index-part03 .txt li p,.index-part03 .txt li a.view{ display: block;}
}
@media only screen and (max-width: 1023px) {
    .index-part01 .tab-c a.more{top:-50px;} 
    .index-part01 .ll,.index-part01 .rr{width:100%; height: auto!important;}
    .index-part01 .rr{display: none;}
    .index-part01 .ll li,.index-part01 .ll li .txt, .index-part01 .ll .swiper-button-prev, .index-part01 .ll .swiper-button-next{ display: block;}
    .index-part01 .ll li .txt{padding:5%;}
    .index-part01 .ll li .txt h2{font-size: 16px; color:#000;}
    .index-part01 .ll li .txt h2 a{color:#000;}
    .index-part01 .ll li .txt p{color:#333;}
    .index-part01 .ll li .txt span{ display: block; margin:5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
    .index-part02 .swiper-button-prev,.index-part02 .swiper-button-next,.index-part01 .ll .swiper-button-prev,.index-part01 .ll .swiper-button-next{ width:15px; height: 20px; margin-top:-10px; background-size: 15px 20px;}
    .index-part03 .txt li p{ display: none;}
    .index-part03 .txt li i{margin-bottom:10%;}
    .index-part03 .txt li a.view{margin-top:10%;}
}

@media only screen and (max-width:767px) {    
    .banner .swiper-pagination{bottom:10px;}
    .banner,.banner .swiper-slide{ height: 240px;}
    .banner img{ display: none;}
    .banner .txt h2{ font-size:20px}
    .banner .txt h3{line-height: 1.5; font-size: 14px;}
    .index-part01 .tab-c a.more{top:-35px;} 
    .index-part01 .ll li .txt p{ display: none;}
    .index-part03 .txt li i{width:24px; height: 24px;}    
    .index-part03 .img{height: 500px!important;}
    .index-part03 .img li{ height: 500px;}
    .index-part03 .img li img{ display: none;}
    .index-part03 .txt li{widtH:100%; height:20%;}
    .index-part03 .txt li .inner{widtH:100%; text-align: center;}
    .index-part03 .txt li h3 span,.index-part03 .txt li h3 em{ display: inline-block;font-size: 13px;}
    .index-part03 .txt li h3 span{margin-right: 5px; }
    .index-part03 .txt li i{margin:0 auto;}
    .index-part03 .txt li a.view{margin:5px auto 0;}
}
/*首页end*/