@media screen and  (min-width: 1440px) {
    .banner-top-bg{ height: 900px; width: 100%;  padding-top: 245px; position: relative;}

    .banner-top-bg .font-box{ width: 865px;  margin: 0 auto; position: relative;z-index: 3;}
    .banner-top-bg .font-box .title{ font-size: 48px; color: #fff; width: 100%; text-align: center;position: relative;transition: all .8s ease 0.8s; top: 75px;opacity:0}
    .banner-top-bg .font-box .content{ font-size: 32px; color: #fff; margin-top: 70px;position: relative;transition: all 1.3s ease 1.3s; top: 75px;opacity:0}
    .banner-top-bg .font-box-bg{ width: 100%; height: 100%; position: absolute;top: 0; left: 0; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlNNSIvlSwAAAAxJREFUCNdjaGAAAgAChgCB/5LsuQAAAABJRU5ErkJggg==");z-index: 2;}

    .banner-top-bg .more{ width: 150px; height: 50px; line-height: 37px; border-radius: 25px; background: #4F85FF; margin: 0 auto; display: block; color: #fff; font-size: 16px; margin-top: 150px;z-index: 3; position: relative;}
    .banner-top-bg .banner-top-bg-down{font-size: 20px; color: #fff;  text-align: center; width: 100%; margin-top: 125px;z-index: 3; position: relative;}
    .banner-top-bg video{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; z-index: 1;}
    .min1{ width: 100%;background: #002A5C; padding-top: 60px; padding-bottom: 130px;}
    .min1 .we-do{ width: 100%; text-align: center; color: #4F85FF; font-size: 12px;}
    .min1 .title{ color: #fff; font-size: 48px; width: 100%; text-align: center; margin-top: 25px;}
    .min1 .content{ width: 44.5vw; height: 79px; margin: 0 auto; margin-top: 30px; text-align: center; font-size: 16px; color: #4F85FF;}

    .min1 .list-title{ width: 57.6vw; margin: 0 auto; margin-top: 6vw; margin-bottom: 70px;}
    .min1 .list-title .title-box a{color: #fff;}
    .min1 .list-title .title-box a:hover{text-decoration: none; }
    .min1 .list-title .title-box:hover a{color: #4F85FF;}
    .min1 .list-title .title-box{ color: #fff; font-size: 36px; padding-right: 70px; margin-bottom: 40px; padding-left: 40px; cursor: pointer;}

    .min1 .more{ width: 150px; height: 50px; line-height: 37px; border-radius: 25px; background: #4F85FF; margin: 0 auto; display: block; color: #fff; font-size: 16px;z-index: 3; position: relative;}




    .min2{  margin: 0 auto;}
    .min2 .left{ width: 50%; float: left; height: 100%;}
    .min2 .left .small-box{ width: 50%; height: 25vw; float: left; padding-top: 80px; position: relative;}
    .min2 .left .bg-1{background: url(../images/min2-left-bg1.png) no-repeat; background-size: 100% 100%;}
    .min2 .left .bg-2{background: url(../images/min2-left-bg2.png) no-repeat; background-size: 100% 100%;}
    .min2 .left .small-box .font-min-box{height: 144px; font-size: 24px; margin-left: 4.1vw; line-height: 40px; margin-right: 40px;}
    .min2 .left .small-box .font-min-box .title{ font-weight: bold;}
    .min2 .left .small-box .font-bottom-box{ font-size: 16px; border-bottom: #5589FF 5px solid; width: 113px; margin-top: 0.6vw; position: absolute; left: 4.1vw; bottom: 3.8vw;}
    .min2 .left .small-box .font-bottom-box a{ color: #000;}
    .min2 .left .small-box .font-bottom-box a:hover{ text-decoration: none;}
    .min2 .left .small-box .font-min-box-2{ width: 216px; height: 96px; font-size: 24px; margin-left: 4.1vw; line-height: 40px;}
    .min2 .left .small-box .font-min-box-2 .title{ font-weight: bold;}



    .min2 .left .small-box:nth-child(1),.min2 .left .small-box:nth-child(4){ cursor: pointer;}
    .min2 .left .small-box:nth-child(1):hover .title{color: #5589FF;}
    .min2 .left .small-box:nth-child(4):hover .title{color: #5589FF;}

    


    .min2 .right{ width: 50%; float: right; background: url(../images/min2-right-bg.png) no-repeat; background-size: 100% 100%; height:50vw; padding-top: 225px; cursor: pointer;}
    .min2 .right .font-box{ width: 510px; height: 285px; margin-left: 90px;}
    .min2 .right .font-box .title{font-size: 45px; color: #fff;}
    .min2 .right .font-box .title-1{font-size: 35px; color: #fff; margin-top: 40px;}
    .min2 .right .font-box .title-2{font-size: 24px; color: #fff; margin-top: 40px; position: relative;}

    .min2 .right .font-box .title-2 .arrow{ width: 42px; height: 42px; transition: all .4s ease 0s; background: url(../images/arrow_.png) no-repeat,url(../images/arrow_.png) no-repeat; background-position: center center,-300% center;margin-left: 15px; margin-top: -5px; border: 1px solid #fff; border-radius: 50%; position: absolute; right: 250px; top: 0;}
    .min2 .right:hover .font-box .title-2 .arrow{ background: url(../images/arrow_.png) no-repeat,url(../images/arrow_.png) no-repeat; background-position: 500% center,center center;}
    
   
    


    .min3{ width: 100%; background: #f4f4f4; padding-top: 60px; padding-bottom: 3.4vw;}
    .min3 .min3-min-box{ width: 1400px; margin: 0 auto;}
    .min3 .is-new{width: 100%; text-align: center; color: #4F85FF; font-size: 12px;}
    .min3 .title{ color: #002A5C; font-size: 32px; width: 100%; text-align: center; margin-top: 25px; font-weight: 700;}
    .min3 .list-box{ margin-top: 40px;}
    .min3 .list-box li{ float: left; padding-bottom: 6.9vw; position: relative;}
    .min3 .list-box li .li-box{background: #fff; height: 270px;}
    .min3 .list-box li .link-btn{ width: 55px; height: 55px; background: url(../images/news-link-btn.png) no-repeat; background-size: 100%; position:absolute; bottom: 30px; right: 45px;}
    .min3 .list-box li .font-box{ width: 100%; height: auto; margin: 0 auto; margin-top: 2vw;}
    .min3 .list-box li .font-box .time{ color: #999999; font-size: 16px;font-family: "IBMP";}
    .min3 .list-box .title{ font-size: 16px; text-align: left; color: #000; font-weight: 500;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3;-webkit-box-orient: vertical;}
    .min3 .list-box li .font-box .content{font-size: 18px; margin-top: 30px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3;-webkit-box-orient: vertical; min-height: 75px;}

    .min3 .list-box li .link-btn{ width: 55px; height: 55px; background: url(../images/arrow_blue.png) no-repeat,url(../images/arrow_blue.png) no-repeat; position:absolute; bottom: 30px; right: 15px; border-radius: 50%; border: 1px solid #ccc;background-position: center center,-150% center;transition: all .4s ease 0s;}
    .min3 .list-box li .li-box:hover{box-shadow: 20px 10px 20px #ccc;transition:0.25s; -webkit-transition:0.25s;}
    .min3 .list-box li:hover .link-btn{ background: url(../images/arrow_blue.png) no-repeat,url(../images/arrow_blue.png) no-repeat;background-position: 250% center,center center;}

    .min1 .list-title .title-box .arrow{width: 55px; height: 55px; border: 1px solid #3a5dae; border-radius: 50%; float: right; text-align: center;transition: all .4s ease 0s;}

    .min1 .list-title .title-box .arrow{ width: 55px; height: 55px; border: 1px solid #3a5dae; border-radius: 50%; float: right; text-align: center;transition: all .4s ease 0s; background: url(../images/arrow_.png) no-repeat,url(../images/arrow_.png) no-repeat; background-position: center center,-150% center;}

    .min1 .list-title .title-box:hover .arrow{ background: url(../images/arrow_.png) no-repeat,url(../images/arrow_.png) no-repeat; background-position: 250% center,center center;}

    .min3 .list-box  a:hover{text-decoration: none;}
    

}


@media screen and  (min-width: 750px) and (max-width: 1440px) {
    .banner-top-bg{ height: 900px; width: 100%;  padding-top: 245px; position: relative;}

    .banner-top-bg .font-box-bg{ width: 100%; height: 100%; position: absolute;top: 0; left: 0; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlNNSIvlSwAAAAxJREFUCNdjaGAAAgAChgCB/5LsuQAAAABJRU5ErkJggg==");z-index: 2;}
    .banner-top-bg .font-box{ width: 865px;  margin: 0 auto; position: relative;z-index: 3;}
    .banner-top-bg .font-box .title{ font-size: 48px; color: #fff; width: 100%; text-align: center;position: relative;transition: all .8s ease 0.8s; top: 75px;opacity:0}
    .banner-top-bg .font-box .content{ font-size: 32px; color: #fff; margin-top: 70px;position: relative;transition: all 1.3s ease 1.3s; top: 75px;opacity:0}
    
    
    .banner-top-bg .more{ width: 150px; height: 50px; line-height: 37px; border-radius: 25px; background: #4F85FF; margin: 0 auto; display: block; color: #fff; font-size: 16px; margin-top: 150px;z-index: 3; position: relative;}
    .banner-top-bg .banner-top-bg-down{font-size: 20px; color: #fff;  text-align: center; width: 100%; margin-top: 125px;z-index: 3; position: relative;}
    .banner-top-bg video{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; z-index: 1;}
    .min1{ width: 100%; background: #002A5C; padding-top: 60px;padding-bottom: 130px;}
    .min1 .we-do{ width: 100%; text-align: center; color: #4F85FF; font-size: 12px;}
    .min1 .title{ color: #fff; font-size: 48px; width: 100%; text-align: center; margin-top: 25px;}
    .min1 .content{ width: 642px; height: 79px; margin: 0 auto; margin-top: 30px; text-align: center; font-size: 16px; color: #4F85FF;}
    
    .min1 .list-title{ width: 830px; height: 225px; margin: 0 auto; margin-top: 85px; margin-top: 6vw; margin-bottom: 70px;}
    .min1 .list-title .title-box{  font-size: 36px; padding-right: 70px; margin-bottom: 40px; padding-left: 40px;}
    .min1 .list-title .title-box a{color: #fff;}
    .min1 .list-title .title-box a:hover{text-decoration: none;}
    .min1 .list-title .title-box .arrow{ width: 55px; height: 55px; background: url(../images/arrow.png) no-repeat;background-size: 100% 100%; float: right;}

    .min1 .more{ width: 150px; height: 50px; line-height: 37px; border-radius: 25px; background: #4F85FF; margin: 0 auto; display: block; color: #fff; font-size: 16px;z-index: 3; position: relative;}
    
    
    .min2{ height: 720px; width: 100%;}
    .min2 .left{ width: 50%; float: left; height: 100%;}
    .min2 .left .small-box{ width: 360px; height: 360px; float: left; padding-top: 80px; position: relative;}
    .min2 .left .bg-1{background: url(../images/min2-left-bg1.png) no-repeat; background-size: 100% 100%;}
    .min2 .left .bg-2{background: url(../images/min2-left-bg2.png) no-repeat; background-size: 100% 100%;}
    .min2 .left .small-box .font-min-box{ width: 168px; height: 144px; font-size: 24px; margin-left: 60px; line-height: 40px;}
    .min2 .left .small-box .font-min-box .title{ font-weight: bold;}
    .min2 .left .small-box .font-bottom-box{ font-size: 16px; border-bottom: #5589FF 5px solid; width: 113px; margin-top: 85px; position: absolute; left: 60px; bottom: 55px;}
    .min2 .left .small-box .font-bottom-box a{ color: #000;}
    .min2 .left .small-box .font-bottom-box a:hover{ text-decoration: none;}
    .min2 .left .small-box .font-min-box-2{ width: 216px; height: 96px; font-size: 24px; margin-left: 60px; line-height: 40px;}
    .min2 .left .small-box .font-min-box-2 .title{ font-weight: bold;}
    
    
    .min2 .right{ width: 50%; float: right; background: url(../images/min2-right-bg.png) no-repeat; background-size: 100% 100%; height: 100%; padding-top: 225px; cursor: pointer;}
    .min2 .right .font-box{ width: 510px; height: 285px; margin-left: 90px;}
    .min2 .right .font-box .title{font-size: 45px; color: #fff;}
    .min2 .right .font-box .title-1{font-size: 35px; color: #fff; margin-top: 40px;}
    .min2 .right .font-box .title-2{font-size: 24px; color: #fff; margin-top: 40px; position: relative;}

    .min2 .right .font-box .title-2 .arrow{ width: 42px; height: 42px; transition: all .4s ease 0s; background: url(../images/arrow_.png) no-repeat,url(../images/arrow_.png) no-repeat; background-position: center center,-300% center;margin-left: 15px; margin-top: -5px; border: 1px solid #fff; border-radius: 50%; position: absolute; top: 0; right: 250px;}

    .min2 .right:hover .font-box .title-2 .arrow{ background: url(../images/arrow_.png) no-repeat,url(../images/arrow_.png) no-repeat; background-position: 500% center,center center;}
    

    
    
    
    
    .min3{ width: 100%; height: 830px; background: #f4f4f4; padding-top: 60px;}
    .min3 .is-new{width: 100%; text-align: center; color: #4F85FF; font-size: 12px;}
    .min3 .title{ color: #002A5C; font-size: 32px; width: 100%; text-align: center; margin-top: 25px; font-weight: 700;}
    .min3 .list-box{ margin-top: 40px;}
    .min3 .list-box li{ float: left; width: 300px; background: #fff; margin-left: 45px;}
    .min3 .list-box li .icon{ height: 240px !important;}
    .min3 .list-box li .font-box{ width: 250px; height: 300px; margin: 0 auto; margin-top: 30px;}
    .min3 .list-box li .font-box .time{ color: #999999; font-size: 16px;font-family: "IBMP";}
    .min3 .list-box li .font-box .title{font-size: 16px; text-align: left; color: #000; font-weight: 500;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3;-webkit-box-orient: vertical;}
    .min3 .list-box li .font-box .content{font-size: 18px; margin-top: 30px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3;-webkit-box-orient: vertical; min-height: 75px;}
    




    .min3 .list-box li .link-btn{ width: 55px; height: 55px; background: url(../images/arrow_blue.png) no-repeat,url(../images/arrow_blue.png) no-repeat; position:absolute; bottom: 30px; right: 45px; border-radius: 50%; border: 1px solid #ccc;background-position: center center,-150% center;transition: all .4s ease 0s;}
    .min3 .list-box li .li-box:hover{box-shadow: 20px 10px 20px #ccc;transition:0.25s; -webkit-transition:0.25s;}
    .min3 .list-box li:hover .link-btn{ background: url(../images/arrow_blue.png) no-repeat,url(../images/arrow_blue.png) no-repeat;background-position: 250% center,center center;}

    .min1 .list-title .title-box .arrow{width: 55px; height: 55px; border: 1px solid #3a5dae; border-radius: 50%; float: right; text-align: center;transition: all .4s ease 0s;}

    .min1 .list-title .title-box .arrow{ width: 55px; height: 55px; border: 1px solid #3a5dae; border-radius: 50%; float: right; text-align: center;transition: all .4s ease 0s; background: url(../images/arrow_.png) no-repeat,url(../images/arrow_.png) no-repeat; background-position: center center,-150% center;}

    .min1 .list-title .title-box:hover .arrow{ background: url(../images/arrow_.png) no-repeat,url(../images/arrow_.png) no-repeat; background-position: 250% center,center center;}

    .min3 .list-box  a:hover{text-decoration: none;}
    


    
}



@media screen and (max-width: 750px) {

    .banner-top-bg{ height: 145vw; width: 100%; position: relative;padding-top: 32vw;}
    .banner-top-bg video{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; z-index: 1;}

    .banner-top-bg .font-box-bg{ width: 100%; height: 100%; position: absolute;top: 0; left: 0; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAABlBMVEUAAAAAAAClZ7nPAAAAAXRSTlNNSIvlSwAAAAxJREFUCNdjaGAAAgAChgCB/5LsuQAAAABJRU5ErkJggg==");z-index: 2;}
    .banner-top-bg .font-box{ width: 80%;  margin: 0 auto; position: relative;z-index: 3;}
    .banner-top-bg .font-box .title{ font-size: 6.5vw; color: #fff; width: 100%; text-align: center;}
    .banner-top-bg .font-box .content{ font-size: 4.5vw; color: #fff;  margin-top: 13.3vw;}

    .banner-top-bg .more{ width: 25vw; line-height: 6.6vw; border-radius: 25px; background: #4F85FF; margin: 0 auto; display: block; color: #fff; font-size: 3.5vw; margin-top: 20vw; position: relative; z-index: 3;}
    .banner-top-bg .banner-top-bg-down{font-size: 4vw; color: #fff;  text-align: center; width: 100%; margin-top: 10vw;position: relative; z-index: 2;}



    .min1{ width: 100%; background: #002A5C; padding-top: 12vw;padding-bottom: 5vw;}
    .min1 .we-do{ width: 100%; text-align: center; color: #4F85FF; font-size: 12px;}
    .min1 .title{ color: #fff; font-size: 6vw; width: 100%; text-align: center; margin-top: 25px;}
    .min1 .content{ width: 77.3vw; margin: 0 auto; margin-top: 30px; text-align: center; font-size: 16px; color: #4F85FF;}
    .min1 .list-title{margin-top: 6vw;margin-right:0 !important;margin-left:0 !important}
    .min1 .list-title .title-box{ font-size: 5vw; padding-left: 8vw;padding-right:8vw; margin-bottom: 8vw;}
    .min1 .list-title .title-box a{color: #fff;}
    .min1 .list-title .title-box .arrow{ width: 7vw; height: 7vw; border: 1px solid #3a5dae; border-radius: 50%; float: right; text-align: center; background: url(../images/arrow_.png) no-repeat; background-position: center center; background-size: 70%;}
    .min1 .more{ width: 25vw; line-height: 6.6vw; border-radius: 25px; background: #4F85FF; margin: 0 auto; display: block; color: #fff; font-size: 3.5vw; margin-top: 10vw; position: relative; z-index: 3; }
    


    .min2{width: 100%;}
    .min2 .left{ width: 100vw;  height: 100vw;}
    .min2 .left .small-box{ width: 50%; height: 50%; float: left; position: relative;zoom:1.1; padding: 3vw;}
    .min2 .left .bg-1{background: url(../images/min2-left-bg1.png) no-repeat; background-size: 100% 100%;}
    .min2 .left .bg-2{background: url(../images/min2-left-bg2.png) no-repeat; background-size: 100% 100%;}
    .min2 .left .small-box .font-min-box .title{ font-weight: bold; font-size: 4.5vw;}
    .min2 .left .small-box .font-min-box .title-desc{font-size: 4.5vw;}
    .min2 .left .small-box .font-bottom-box{ font-size: 16px; border-bottom: #5589FF 5px solid; margin-top: 0.6vw; position: absolute; left: 4.1vw; bottom: 3.8vw;}
    .min2 .left .small-box .font-min-box-2 .title{ font-weight: bold;font-size: 4vw;}
    .min2 .left .small-box .font-min-box-2 .title-desc{font-size: 4.5vw;}

    

    .min2 .right{ width: 100vw; background: url(../images/min2-right-bg.png) no-repeat; background-size: 100% 100%; height: 100vw; padding: 28vw 12vw;}
    
    .min2 .right .font-box .title{font-size: 6.5vw; color: #fff;}
    .min2 .right .font-box .title-1{font-size: 5vw; color: #fff; margin-top: 8vw;}
    .min2 .right .font-box .title-2{font-size: 5vw; color: #fff;margin-top: 8vw;}
    .min2 .right .font-box .title-2 .arrow{  width: 7vw; height: 7vw; background: url(../images/arrow1.png) no-repeat; background-size: 100% 100%; margin-left: 10px;}
    .min2 .right .font-box .title-2 p,.min2 .right .font-box .title-2 .arrow{ float:left;}



    .min3{ width: 100%; background: #f4f4f4; padding-top: 3vw; padding-bottom: 3.4vw;}

    .min3 .is-new{width: 100%; text-align: center; color: #4F85FF; font-size: 12px; margin-top: 5vw;}
    .min3 .title{ color: #002A5C; font-size: 32px; width: 100%; text-align: center; margin-top: 5vw; margin-bottom: 15vw; font-weight: 700;}
    .min3 .li-box{ background: #fff;  padding-bottom: 16vw;}
    .min3 .list-box li{ float: left;  padding-bottom: 6.9vw; position: relative;}
    .min3 .list-box li .title{ font-size: 3.5vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
    .min3 .list-box li .font-box .content{ color: #000; font-size: 3vw; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3;-webkit-box-orient: vertical; }
    .min3 .list-box li img{ width: 100%; height: auto;}
    .min3 .list-box li .link-btn{ width: 7vw; height: 7vw; background: url(../images/arrow_blue.png) no-repeat; position:absolute; bottom: 5vw; right: 3vw; border-radius: 50%; border: 1px solid #ccc;background-position: center center; background-size: 70%;}

}