img{max-width: 100%;}
.ind_tit{ text-align: center; margin-bottom: 2.5%; color:#000000;}
.index-part01{padding: 5% 0;}
.index-part01 .txt{line-height: 2; color:#3F3F3F; text-align: center;}
.index-part01 ul{padding:3% 8% 0;}
.index-part01 ul li{ float: left; widtH:25%; text-align: center;}
.index-part01 ul li h2{color:#16307E;}
.index-part01 ul li h2 i{position: relative; top:-45px; right:10px; font-weight: bold;}
.index-part01 ul li h2 em{ font-weight: bold;}
.index-part01 ul li p{color:#3F3F3F;}

.index-part02{position:relative; overflow: hidden; cursor: pointer;}
.index-part02 video{ widtH:100%; object-fit: fill;}
.index-part02 i{font-size: 120px; color:#fff;}

.index-part03{padding: 5% 0;}
.index-part03 li{position: relative;}
.index-part03 li dt{position: relative;}
.index-part03 li dt img{widtH:100%}
.index-part03 li dt span{color:#fff; top:45%;}
.index-part03 li dt h2{position: absolute; lefT:0; bottom:8%;widtH:90%; padding: 0 5%; color:#fff; font-weight: bold; text-align: center;}
.index-part03 li dd{opacity: 0; position: absolute; lefT:0; top:0; z-index: 10; widtH:100%; height: 100%;}
.index-part03 li dd .box{ margin-top: 19%;}
.index-part03 li dd .ll{ float: left; widtH:40%; text-align: right;}
.index-part03 li dd .ll img{ widtH:160px; height: 142px;}
.index-part03 li dd .rr{ float: right; width:58%; color:#fff;}
.index-part03 li dd .rr h3{font-weight: bold; margin-bottom:4%;}
.index-part03 li dd .rr h3 a{color:#fff!important;}
.index-part03 li dd .rr p{ padding-left: 15px; margin-bottom: 5px; background: url(../images/ind_dot01.png) left 8px no-repeat;}
.index-part03 li dd .rr p a{color:#fff!important;}
.index-part03 .swiper-container{ padding-bottom: 80px;}
.swiper-pagination span{ widtH:124px; height:15px;position: relative; margin: 0!important; border-radius: 0; background: none; opacity: 1;}
.swiper-pagination span::before{content:"";position: absolute; lefT:0; top: 7px; width: 100%; height: 1px; background: #CACACB;}
.swiper-pagination span.swiper-pagination-bullet-active::before{background: #193280;}

.index-part04{padding:0 0 5%; overflow: hidden;}
.index-part04 ul{margin: 0 -5px;}
.index-part04 li{ float: left; width: calc(33.333% - 10px); margin:5px; position: relative;}
.index-part04 li dt{position: relative; overflow: hidden;}
.index-part04 li dt::before{content: ""; position: absolute; z-index: 1; left:0; top:0; widtH:100%; height: 100%; background: rgba(0,0,0,0.37);}
.index-part04 li dt img{ widtH:100%;}
.index-part04 li dt h2{position: absolute; z-index: 10; left:0; bottom:10%; widtH:84%; padding: 0 8%; color:#fff;}
.index-part04 li dd{opacity: 0; position: absolute;z-index: 10; lefT:0; bottom:10%;widtH:84%; padding: 0 8%; color:#fff;}
.index-part04 li dd h2{margin-bottom: 2%;}
.index-part04 li dd p{line-height: 1.8;}

.ellipsis_2{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis_3{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.index-part05{padding:0 0 6%;}
.index-part05 ul{ margin: 0 -1% 2%;}
.index-part05 li{ float: left; widtH:31.33%; margin: 0 1%;}
.index-part05 li dt{ overflow: hidden;}
.index-part05 li dd{padding: 6% 2%;}
.index-part05 li dd span{ display: block; margin-bottom: 4%; font-family: Arial, Helvetica, sans-serif; color:#16307E;}
.index-part05 li dd h2{ margin-bottom: 5%;}
.index-part05 li dd p{line-height: 2; color:#3E3E3E;}
.index-part05 a.more{ display:block; margin: 0 auto; width:190px; height: 50px; line-height: 50px; text-align: center; color: #fff!important; border-radius: 30px; background: #16307E;}
.index-part05 a.more:hover{ box-shadow: 0 0 5px 5px rgba(22,48,126,0.2);}


@media only screen and (max-width:1399px) {
    .index-part01 ul li h2 i{top:-25px;}
    .index-part02 i{font-size: 80px;}
}
@media only screen and (max-width:1366px){
    .index-part03 li dd .box{
        margin-top: 18%;
    }
}
@media only screen and (max-width:1024px) {
    .index-part01 ul li h2 i{top:-15px; right:5px;}
    .index-part02 i{font-size: 60px;}
    .index-part03 li dt span{ widtH:100px;}
    .index-part03 li dd{opacity: 1; position: static; background: #16307E;}
    .index-part03 li dd .box{margin-top: 0;padding: 5%;}
    .index-part03 li dd .ll{widtH:20%;}
    .index-part03 li dd .ll img{max-widtH:100%; widtH:100%; height: auto;}
    .index-part03 li dd .rr{ widtH:75%;}
    .index-part03 .swiper-container{padding-bottom: 60px;}
    .swiper-pagination span{ widtH:64px;}
    .index-part04 li dt h2{ display: none;}
    .index-part04 li dd{opacity: 1; position: static; background: #16307E; padding: 8%;}
    .index-part04 li dd h2{ height: 3em; line-height: 1.5; overflow: hidden;}
    .index-part05 a.more{ width: 120px; height: 40px; line-height: 40px;}
}
@media only screen and (max-width:1023px) {
    .index-part01 ul{padding:2% 0 0;}
}
@media only screen and (max-width:767px) {
    .index-part01 ul li{widtH:50%; margin-bottom: 2%;}
    .index-part02 i{font-size: 40px;}
    .index-part03 li dt span{width: 60px;display: none;}
    .index-part03 li dt h2{
        display: none;
    }
    .index-part03 .swiper-container{padding-bottom: 40px;}
    .swiper-pagination span{ widtH:20px;}
    .index-part04 ul{margin: 0;}
    .index-part04 li{widtH:100%; margin: 0 0 5px;}
    .index-part04 li dd{padding:5%; widtH:90%;}
    .index-part04 li dd h2{ height: auto;}
    .index-part05 ul{margin:0 0 2%;}
    .index-part05 li{width: 100%; margin: 0;}
    .index-part05 li dd p{line-height: 1.5;}
    .index-part05 li dd span,.index-part05 li dd h2{margin-bottom:3%;}
	
	.video_appbox video{object-fit:fill;}
}

@media only screen and (min-width:1025px) {
    .index-part03 li dt span,.index-part03 li dt h2,.index-part03 li dd,.index-part04 li dt h2,.index-part04 li dd{transition: all .3s;}
    .index-part03 li:hover dt span,.index-part03 li:hover dt h2,.index-part04 li:hover dt h2{ opacity: 0;}
    .index-part03 li:hover dd,.index-part04 li:hover dd{ opacity: 1;}
    .index-part04 li:hover dt::before{background: rgba(0,0,0,0.63);}
	.index-part03 li:hover dd{ background:rgba(31,38,120,0.5);}
}