.header{background: url(../images/head-bg1.png) repeat-x; }
.banner{position: relative; min-height: 620px; width: 100%; margin: 0 auto;}
.banner-con{width: 100%; margin: 0 auto; position: absolute;left: 0; top: 0;}
.img-text{width: 1200px; margin: 160px auto 0; position: relative;height: 460px;}

.img-text-left{width:550px;padding-top: 60px;}
.p1{font-size: 20px;color: #fff; margin-bottom: 20px;transition: all 0.8s ease-in-out;opacity: 0;transform: translateY(50px);}
.p2{font-size: 40px; color: #fff; margin-left: -10px;transition: all 0.8s ease-in-out;opacity: 0;transform: translateY(50px);}
.banner-btn{width: 100%; overflow: hidden;display: flex;justify-content: flex-start; margin-top: 70px;transition: all 0.8s ease-in-out;opacity: 0;transform: translateY(50px);}
.swiper-slide-active .p1{ opacity:1; transform:translateY(0); transition-delay:0.3s;}
.swiper-slide-active .p2{ opacity:1; transform:translateY(0); transition-delay:0.4s;}
.swiper-slide-active .banner-btn{ opacity:1; transform:translateY(0); transition-delay:0.5s;}
.swiper-slide-img img{height: 620px;width: 100%; display: block;}
.banner-btn a{display: inline-block;width: 170px;transition: all 0.3s linear;border-radius: 6px; height: 50px; line-height: 50px; text-align: center;font-size: 18px; border: 1px solid #fff;}
a.open{background: #fff; color: #2f7db6;display: inline-block;width: 170px;transition: all 0.3s linear;border-radius: 6px; height: 50px; line-height: 50px; text-align: center;font-size: 18px; border: 1px solid #fff; margin-right: 20px;}
a.open:hover{background: #d4e7f5;}
a.more{color: #fff;display: inline-block;width: 170px;transition: all 0.3s linear;border-radius: 6px; height: 50px; line-height: 50px; text-align: center;font-size: 18px; border: 1px solid #fff;}
.banner-btn a.more:hover{background: #d4e7f5; color: #2f7db6;}

.banner-img{width: 100%;position: relative;}
.swiper-pagination1{width: 100%;}
.banner .swiper-pagination-bullet{ background:#2568a2; display: inline-block; height: 4px;  width: 30px;  position: relative;vertical-align:middle; opacity: 0.8;border-radius: 5px;}
.banner .swiper-pagination-bullet:after{content:"";border-radius: 4px; background:#fff;opacity: 1; height:4px; width:0%; position:absolute; left:0; top:0;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active:after{ width:100%; transition:all 0.8s ease-in-out!important;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{bottom: 30px; text-align: center;}

.modal-btn{width: 116px; height: 34px; border: 1px solid #e2f0ff; background: none;text-align: center;border-radius: 6px;}
.modal-a{display: inline-block;background: url(../images/more2.png) no-repeat right center;line-height: 34px; padding-right: 30px; color: #616567; font-size: 14px;}
.modal1-box-left:hover .modal-btn{border: 1px solid #2f7db6; background: #2f7db6;}
.modal1-box-left:hover .modal-a{background: url(../images/more1.png) no-repeat right center;color: #fff;}

.img-text-right{width: 818px; height:449px; position: absolute; bottom: 0; right: -167px; }  
.ban-img-div{width: 100%; position: relative; height:449px;}
.ban-img {position: absolute; cursor: pointer;transition: all 0.6s; }
.ban-img4{background: url(../images/index/ban6.png) no-repeat; width: 136px; height: 217px;}
.ban-img1{left: 579px; top: 181px;animation: box1 ease-in-out 2s;}
.ban-img2{left: 321px; top: 351px;animation: box2 ease-in-out 2.3s;}
.ban-img3{left: 53px; top: 76px; animation: box3 ease-in-out 2.5s; }
.ban-img4{left: 388px; top: 81px;animation: box4 ease-in-out 2.6s;}
.ban-img5{left: 0; top: 0;animation: box5 ease-in-out 2.8;}
 @keyframes box1 {from { top: -400px;}to { top: 181px;}}
 @keyframes box2 {from { top: -400px;} to { top: 351px; }}
 @keyframes box3 {from { top: -400px; }to {top: 76px;}}
 @keyframes box4 { from { top: -400px; }to { top: 81px; }}
 @keyframes box5 { from { top: -400px; }to { top: 0; }}
 .ban-img4 img{animation:s-banTBani2 2s ease-in-out infinite;}
 @keyframes s-banTBani2 {0% { transform:translateY(0);}
                         50% {transform:translateY(-20px);}
                         100% {transform:translateY(0); }
}


.index-modal1{background: url(../images/index/m1-bg.jpg) no-repeat; padding: 60px 0 108px; background-size: 100% 100%;}
.index-modal1 .hmTbox{margin-bottom: 76px;}
.modal1-box{width: 1200px; height: 190px; margin: 0 auto 20px; background: #fff; border-radius: 8px; }
.modal1-box-left{width: 283px; height: 166px;float: left; padding-top: 24px; padding-left: 27px; box-shadow: 0px 4px 13px 0px rgba(47, 125, 182, 0.09); border-radius: 8px 0 0 8px;}
.modal1-box-left-bg1{background: url(../images/index/m1-pic1.jpg) no-repeat;background-size: 100% 100%;}
.modal1-box-left-bg2{background: url(../images/index/m1-pic2.jpg) no-repeat;background-size: 100% 100%;}
.modal1-box-left-bg3{background: url(../images/index/m1-pic3.jpg) no-repeat;background-size: 100% 100%;}
.modal1-box-left-bg4{background: url(../images/index/m1-pic4.jpg) no-repeat;background-size: 100% 100%;}
.modal1-box-left h3{font-size: 20px; color: #2a7eba;}
.modal1-box-left div{font-size: 14px; color: #535c62; margin-top: 22px;}
.modal1-box-right{width: 890px; display: flex;flex-wrap: wrap;}
.modal1-box-right-li{width: 228px; padding:36px 30px 20px 37px;}
.modal1-box-right-li:nth-child(3n){width: 230px;}
.modal1-box-right-li a{font-size: 16px;display: inline-block; color: #1d2123;margin-bottom: 15px;}
.modal1-box-right-li a img{float: left; margin-right: 10px;}
.modal1-box-right-li p{font-size: 14px; color: #656a6e; width: 232px; height: 40px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.border-right{border-right: 1px solid #eff8ff;}
.border-bottom{border-bottom: 1px solid #eff8ff;}
.modal1-box-right-li:hover{box-shadow: 0px 4px 13px 0px rgba(47, 125, 182, 0.09);transition: all 0.3s linear;}
.modal1-box-right-li:hover h4{color: #2a7eba;}
.modal1-box-right-li:hover p{color: #101a21;}


.index-modal2 .hmTbox{margin-bottom: 44px;}
.index-modal2{width: 100%; position: relative; padding: 90px 0px 80px; background: url(../images/index/m2-bg.jpg) no-repeat; background-size: cover;overflow: hidden;}
.index-modal2-con{width: 1200px; margin: 0 auto;padding-top: 100px;height: 320px; display: flex;justify-content: space-around; }
.index-modal2-con ul{position: relative;}
.index-modal2-con li{position: absolute;}

.modal2-box{height: 230px; width: 285px;margin-right: 20px;cursor: pointer; position: relative; display: inline-block;transition: all 0.2s linear; border-radius: 10px;}
.modal2-box-bg1{background: url(../images/index/m2-bg1.jpg) no-repeat right bottom #f1faff;}
.modal2-box-bg2{background: url(../images/index/m2-bg2.jpg) no-repeat right bottom #f1faff;}
.modal2-box-bg3{background: url(../images/index/m2-bg3.jpg) no-repeat right bottom #f1faff;}
.modal2-box-bg4{background: url(../images/index/m2-bg4.jpg) no-repeat right bottom #f1faff;}
.modal2-fold{text-align: center;position: absolute;left: 0; top: 0;transition: all 0.3s linear; width: 285px;}
.modal2-txt h3{font-size: 20px;color: #101a21;margin-bottom: 20px;}
.modal2-txt p{font-size: 16px; color: #757c81;}
.modal2-img{margin-top: 30px; height: 64px;transition: all 0.4s linear; text-align: center;}
.modal2-img img{height: 43px;transition: all 0.5s linear;display: inline-block;}
.modal2-fold-p{border-top: 1px solid #ebf2f8; margin: 22px 20px 0;padding-top: 20px; text-align: center;opacity: 0;transition: all 0.6s linear;}
.modal2-fold-p p{color: #101a21; opacity: 0; margin: 0 auto;font-size: 16px;line-height: 30px;transition: all 0.6s linear;} 
.modal2-fold-p a{display: inline-block; opacity: 0;margin-top: 10px; background: url(../images/more3.png) no-repeat right 2px; padding-right: 20px; color: #2f7db6; line-height: 20px;}

.modal2-box:last-child{margin-right: 0;}
.modal2-box.curr{width: 285px; height: 352px; margin-top: -65px;}
.modal2-box.curr .modal2-fold{top: -46px;width: 100%;}
.modal2-box.curr .modal2-fold-p,.modal2-box.curr .modal2-fold-p a,.modal2-box.curr .modal2-fold-p p{opacity: 1;}
.modal2-box.curr .modal2-img{height: 90px;}
.modal2-box.curr .modal2-img img{height: 80px;}
.modal2-btn a{display: inline-block;}
.modal2-btn{text-align: center;}



.index-modal3{background: url(../images/index/m3-bg.jpg) no-repeat; padding: 60px 0 88px; background-size: 100% 100%;}
.modal3{width: 1200px; margin: 0 auto;}
.modal3-menu{display: flex; margin:70px 0 50px; justify-content: space-evenly;}
.modal3-nav{width: 186px; height: 50px; line-height: 50px; text-align: center;border-radius: 50px; cursor: pointer;}
.modal3-nav span{display: inline-block;line-height: 50px;font-size: 20px;color: #101a21; padding-left: 35px;}
.modal3-nav.on{background: #2f82be;}
.modal3-nav.on span{color: #fff;}
.modal3-nav1{background: url(../images/index/m3-icon1.png) no-repeat left center;}
.modal3-nav2{background: url(../images/index/m3-icon2.png) no-repeat left center;}
.modal3-nav3{background: url(../images/index/m3-icon3.png) no-repeat left center;}
.modal3-con{overflow: hidden; display: none;padding-bottom: 20px;}
.modal3-con-left{background: url(../images/index/m3-bg1.png) no-repeat; transition: all 0.3s linear;float: left; background-size: 100% 100%; width: 570px; height: 330px;padding: 40px;}
.modal3-con-left:hover{box-shadow: 0px 4px 13px 0px rgba(47, 125, 182, 0.19);}
.modal3-box{width: 100%; margin: 42px auto; overflow: hidden;}
.modal3-box-left{float: left; width: 240px; margin-right: 67px;}
.modal3-box-right{float: right; width: 230px;}
.modal3-box h5{font-size: 20px; color: #457bb1;margin-bottom: 45px;}
.modal3-box div{line-height: 30px; color: #1c252c;}
.modal3-more{display: inline-block;color: #457bb1; background: url(../images/more3.png) no-repeat right center;transition: all 0.3s linear;padding-right: 25px; line-height: 20px;}
.modal3-more:hover{color: #1363b3; background: url(../images/more3.png) no-repeat 70px center;}
.modal3-con-right{width:550px; float: left;}
.modal3-con-right ul{width: 100%; border-radius:0 20px 20px 0;}
.modal3-con-right ul li{width: 200px;height: 118px; padding: 40px 30px; float: left; margin-left: 15px; margin-bottom: 15px;transition: all 0.3s linear;}
.modal3-con-right ul li:hover{box-shadow: 0px 4px 13px 0px rgba(47, 125, 182, 0.19);}
.modal3-li-bg1{background:url(../images/index/m3-pic1.jpg) no-repeat right bottom #fff; }
.modal3-li-bg2{background:url(../images/index/m3-pic2.jpg) no-repeat right bottom #fff; }
.modal3-li-bg3{background:url(../images/index/m3-pic3.jpg) no-repeat right bottom #fff; }
.modal3-li-bg4{background:url(../images/index/m3-pic4.jpg) no-repeat right bottom #fff; }
.modal3-con-right ul li:last-child{margin-bottom: 0;}
.modal3-con-right ul li:nth-child(3n){margin-bottom: 0;}
.modal3-con-right ul h6{color: #101a21; font-size: 20px; margin-bottom: 20px;}
.modal3-con-right ul p{color: #535c62; line-height: 30px; height: 60px; overflow: hidden;  text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.modal3-box .modal3-more{margin-top: 30px;}
.modal3-con-right  .modal3-more{margin-top:10px;}
.modal3-con2{width: 100%;}
.modal3-con2 ul{display: flex;justify-content: space-between;overflow: hidden; border-radius: 15px;}
.modal3-con2 ul li{width: 225px; height:361px;padding-top: 70px; background: url(../images/index/m3-icon2-bg.png) no-repeat;background-size: 100% 100%; transition: all 0.3s linear;}
.m3-bg2{background: url(../images/index/m3-bg2.png) no-repeat right bottom;height:361px; padding: 0 20px;}
.m3-bg3{background: url(../images/index/m3-bg3.png) no-repeat right bottom; height:361px; padding: 0 20px;}
.m3-bg4{background: url(../images/index/m3-bg4.png) no-repeat right bottom; height:361px; padding: 0 20px;}
.m3-bg5{background: url(../images/index/m3-bg5.png) no-repeat right bottom; height:361px; padding: 0 20px;}
.modal3-con2 h5{color: #101a21; font-size: 20px; margin: 25px 0;transition: all 0.2s linear;}
.modal3-con2 h4{height: 55px;}
.modal3-con2 div{color: #535c62; line-height: 30px;}
.modal3-con2 div div{height: 90px; overflow: hidden;}
.modal3-con2 a{display: inline-block;transition: all 0.2s linear; opacity: 0; background: url(../images/more3.png) no-repeat right 2px; padding-right: 20px; color: #2f7db6; line-height: 20px;margin-top: 20px;}
.modal3-con2 li:hover{background: url(../images/index/m3-icon2-bg-on.png) no-repeat; background-size:100% 100%;}
.modal3-con2 li:hover h5{color: #2e81bc;}
.modal3-con2 li:hover a{opacity: 1;}

.modal3-con3{width: 100%;}
.modal3-con3 ul{display: flex;justify-content: space-between;overflow: hidden; border-radius: 15px;}
.modal3-con3 ul li{width: 385px;height:335px;padding-top: 70px; background: url(../images/index/m3-icon3-bg.png) no-repeat;background-size: 100% 100%; transition: all 0.3s linear;}
.m3-bg6{background: url(../images/index/m3-bg6.png) no-repeat right bottom; height:361px; padding: 0 20px;}
.m3-bg7{background: url(../images/index/m3-bg7.png) no-repeat right bottom; height:361px; padding: 0 40px;}
.m3-bg8{background: url(../images/index/m3-bg8.png) no-repeat right bottom; height:361px; padding: 0 40px;}
.m3-bg9{background: url(../images/index/m3-bg9.png) no-repeat right bottom; height:361px; padding: 0 40px;}
.modal3-con3 h4{height: 55px;}
.modal3-con3 h4 img{display: block;}
.modal3-con3 h5{color: #101a21; font-size: 20px; margin: 35px 0;transition: all 0.2s linear;}
.modal3-con3 div{color: #535c62; line-height: 30px;}
.modal3-con3 div div{height: 90px; overflow: hidden;}
.modal3-con3 a{display: inline-block;transition: all 0.2s linear; opacity: 0;background: url(../images/more3.png) no-repeat right 2px; padding-right: 20px; color: #2f7db6; line-height: 20px;margin-top:10px;}
.modal3-con3 li:hover{background: url(../images/index/m3-icon3-bg-on.png) no-repeat;background-size: 100% 100%;}
.modal3-con3 li:hover h5{color: #2e81bc;}
.modal3-con3 li:hover a{opacity: 1;}


.index-modal4{padding: 70px 0;}
.modal4{margin: 70px auto 40px;width: 1200px; }
.modal4-menu{display: flex;justify-content: space-evenly; height: 52px;}
.modal4-menu span{display: inline-block;cursor: pointer; padding-bottom: 25px; font-size: 20px; color: #5b6870;padding-bottom: 0;position: relative;text-decoration: none;}s
.modal4-menu span:before,.modal4-menu span:after {content: '';width: 0;height: 3px;background-color: #2f7db6;bottom: 0;left: 50%;transition: all 0.4s;position: absolute;}
.modal4-menu span:hover:after { width: 100%;left:0px;}
.modal4-menu span.on:after { width: 100%;left:0px;}
.modal4-menu span:hover{ color: #2f7db6;}
.modal4-menu span.on{ color: #2f7db6;}
.modal4-menu span{font-size: 20px;}
.swiper1,.swiper2{width: 1200px; margin: 0 auto;position: relative;}
.modal4-container{width: 1200px; margin: 0 auto;}
.modal4-con{width: 1200px; overflow: hidden;border-radius: 10px;}
.modal4-con-left{float: left; width: 601px;background: #f7fbff; padding-top: 70px; padding-left: 64px; padding-right: 64px; height: 470px;}
.modal4-con-left h4{color: #101a21;font-size: 24px;overflow: hidden; line-height: 80px;}
.modal4-con-left h4 img{margin-right: 8px; float: left;height: 57px;}
.modal4-con-left div{font-size: 20px; color: #101a21; margin: 30px 0;}
.modal4-con-left p{color: #757c81; line-height: 25px;height: 100px;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 4;}
.modal4-con-left a{margin-top: 35px;display: inline-block;}
.modal4-con-right{width: 471px; float: left;}
.modal4-con-right img{display: block;height: 540px;}
.next1{right:-26px; text-align: center;}
.prev1{left: -30px; text-align: center;}
.next1,.prev1{width:60px; border-radius: 60px;text-align: center;border-radius: 60px;transition: all 0.2s linear;
     height: 60px;background-color: rgb(248, 252, 255);opacity: 0.8; position: absolute;top: 40%; cursor: pointer; z-index: 10;box-shadow: 0px 4px 13px 0px rgba(47, 125, 182, 0.09);}
.next1 span,.prev1 span{display: inline-block; width: 20px;}
.next1 span{background: url(../images/next1.png) no-repeat center center; height: 60px;}
.prev1 span{background: url(../images/prev.png) no-repeat center center; height: 60px;}
.next1:hover,.prev1:hover{background-color: rgb(47, 125, 182);opacity: 0.8;box-shadow: 0px 4px 13px 0px rgba(47, 125, 182, 0.09);}
.modal4-divs .swiper-pagination{width: 620px; height: 54px;left: 60px; bottom: 40px;}
.modal4-divs .swiper-pagination div{display: inline-block;float: left; margin-right: 11px;width: 138px;height: 48px;}
.modal4-divs .swiper-pagination-bullet{width: 138px; height: 48px; border: 1px solid #eef5fb;border-radius: 6px; opacity: 0.8; background: #fff; text-align: center;}
.modal4-divs .swiper-pagination-bullet span{width: 136px; height: 46px;display: table-cell; vertical-align: middle;  }
.modal4-divs .swiper-pagination-bullet img{display: inline-block; max-height: 48px; width: 64px;}
.modal4-divs > .swiper-pagination:not(.swiper-pagination-bullet){margin: 0 10px;}
.modal4-divs .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;border: 1px solid rgb(47, 125, 182); box-shadow: 0px 4px 13px 0px rgba(47, 125, 182, 0.19);} 

.modal4-div{display: none;}
.modal4-div.on{ display: block;animation: fadeInUp 0.3s ease;}
.customer-logo{ width: 244px; height: 78px;display: table-cell;vertical-align: middle; overflow: hidden;border: 1px solid #f7fbff;cursor: pointer; background: #fff; border-radius: 10px; text-align: center;transition: all 0.4s linear;}
.customer-logo img{display: inline-block;height: 40px;}
.customer-logo:hover{box-shadow: 0px 4px 13px 0px rgba(47, 125, 182, 0.19);border: 1px solid #3480b8;}
.More-customers{width: 98%;margin: 0 auto; overflow: hidden;}
.More-logo{margin-bottom: 20px;width: 100%;padding: 15px 0; height: 80px;overflow: hidden;transition: all 0.4s linear;}
/*之前是ease-out*/
.More-customers .swiper-container .swiper-wrapper{
         -webkit-transition-timing-function: linear;
          -moz-transition-timing-function: linear;
          -ms-transition-timing-function: linear;
          -o-transition-timing-function: linear;
          transition-timing-function: linear;
}

a.a-more{background: url(../images/more2.png) no-repeat right center; display: inline-block; line-height: 20px; padding-right: 25px;}
a.a-more:hover{background: url(../images/more3.png) no-repeat right center; color: #2f7db6;}


.index-modal5{background: url(../images/index/m5-bg.jpg)no-repeat; padding: 70px 0 68px; background-size: 100% 100%;}
.modal5{width: 1200px;margin: 60px auto 0;}
.modal5-top{width: 1200px; background: url(../images/index/m5-bg1.png) no-repeat; height: 404px;}
.modal5-top-left{float: left;width: 330px; margin-right: 80px; border-radius: 15px 50px 0 10px; overflow: hidden;}
.modal5-con{padding-top: 4px;position: relative;}
.modal5-video-img img{display: block;}
.modal5-video-btn{position: absolute;cursor: pointer; top:50%;transition: all 0.4s linear; left:40%; margin-top: -36px; margin-top: -36px; width: 72px; height: 72px; background: url(../images/video.png) no-repeat;display: none;}
.modal5-video-btn:hover{background: url(../images/video-on.png) no-repeat;}
.modal5-top-right{padding-top: 75px;}
.modal5-top-right h4{font-size: 24px; color: #fff;margin-bottom: 25px;}
.modal5-top-right p{color: #fff; margin-bottom: 25px;line-height: 23px; padding-right: 25px;}
.modal5 h5{font-size: 24px; color: #101a21;text-align: center; margin: 60px 0 50px;}
.modal5-bottom{background: url(../images/index/m5-bg2.jpg) no-repeat;border-radius: 10px;display: flex; padding-top: 24px;justify-content: space-around; background-size: 100% 100%; width: 1200px; height:107px;overflow: hidden; }
.modal5-item strong{font-size: 36px; color: #2f7db6; font-weight: bold; margin-right: 5px;}
.modal5-item p{color: #757c81; margin-top: 10px;}
a.modal5-more{ color: #fff; display: inline-block; padding-right: 20px; line-height: 25px;background: url(../images/more4.png) no-repeat right 7px;}
a.modal5-more:hover{opacity: 0.8;}
.modal5-item div{text-align: center;font-weight: bold;}

.index-modal6{padding: 54px 0;}
.modal6-con{width: 1200px; margin:40px auto; overflow: hidden;}
.modal6-con-left{width: 636px;float: left; margin-right: 50px;}
.modal6-menu{width: 100%; display: flex;justify-content: space-between; margin-bottom: 43px;}
.modal6-menu span{display: inline-block; width: 120px; height: 40px; line-height: 40px; cursor: pointer; text-align: center;font-size: 20px; color: #101a21;}
.modal6-menu span.on{background: #2f7db6;color: #fff; border-radius: 20px;}
.modal6-menu span:hover{background: #2f7db6;color: #fff; border-radius: 20px;}
.modal6-left-div li{border-bottom: 1px solid #e8f2fc; padding-bottom: 20px;padding-top: 18px;}
.modal6-left-div li a{display: block;}
.modal6-left-div li a:hover h5{ color: #2f7db6;}
.modal6-left-div{display: none;}
.modal6-left-div.on{display: block;animation: fadeInUp 0.5s ease;}
.modal6-left-div h5{font-size: 18px; color: #101a21;transition: all 0.4s linear;}
.modal6-left-div p{font-size: 14px; color: #545759; background: url(../images/timers.png) no-repeat left center; padding-left: 20px; margin-top: 15px;}

.modal6-con-right{width: 514px;float: left; padding-top: 10px;}
.modal6-con-right-img{height: 317px;width: 514px;overflow: hidden;border-radius: 10px 10px 0 0;}
.modal6-con-right-img img{transition: all 0.6s;width: 100%;}
.modal6-con-right img:hover{transform: scale(1.1);}
.index-news-box{position: relative;width: 520px;height: 144px;}
.index-news{top: -18px; background: #fff;position: absolute; border-radius: 20px; padding: 30px 30px 0;}
.index-news h5{font-size: 20px;color: #101a21;width: 450px; margin-bottom: 20px;height: 50px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.index-news p{font-size: 16px; color: #757c81; margin-bottom: 15px; line-height: 25px;height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.index-news-div{display: flex; justify-content: space-between;}