@charset "utf-8";.dis-flex-center-center{display: flex;align-items: center;justify-content: center;} .dis-flex-between-center{display: flex;justify-content: space-between;align-items: center;} .dis-flex-center{display: flex;align-items: center;} .dis-flex-between{display: flex;justify-content: space-between} .dis-flex{display: flex;} .flex-column{flex-direction: column;} .flex-wrap{flex-wrap: wrap;} .position-relative{position: relative;} .hmax{height: 100% ;} .wmax{width: 100% ;} .w50{width: 50% ;} .w48{width: 48% ;} .img{position: relative;overflow: hidden;} .transition{transition: all .36s;} .transition1{transition: all 1s;} .line-height{line-height: 2;} .text-center{text-align: center;} .text-right{text-align: right;} .text-left{text-align: left;} .text-uppercase{text-transform: uppercase;} .text-underline{text-decoration: underline;} .text-nowrap{white-space: nowrap;} .pt-10{padding-top: 10px;} .pl-10{padding-left: 10px;} .pr-10{padding-right: 10px;} .pb-10{padding-bottom: 10px;} .p10{padding: 10px;} .pt-15{padding-top: 15px;} .pl-15{padding-left: 15px;} .pr-15{padding-right: 15px;} .pb-15{padding-bottom: 15px;} .p15{padding: 15px;} .pt-20{padding-top: 20px;} .pl-20{padding-left: 20px;} .pr-20{padding-right: 20px;} .pb-20{padding-bottom: 20px;} .p20{padding: 20px;} .pt-25{padding-top: 25px;} .pl-25{padding-left: 25px;} .pr-25{padding-right: 25px;} .pb-25{padding-bottom: 25px;} .p25{padding: 25px;} .pt-30{padding-top: 30px;} .pl-30{padding-left: 30px;} .pr-30{padding-right: 30px;} .pb-30{padding-bottom: 30px;} .p30{padding: 30px;} .pt-40{padding-top: 40px;} .pl-40{padding-left: 40px;} .pr-40{padding-right: 40px;} .pb-40{padding-bottom: 40px;} .p40{padding: 40px;} .pt-50{padding-top: 50px;} .pl-50{padding-left: 50px;} .pr-50{padding-right: 50px;} .pb-50{padding-bottom: 50px;} .p50{padding: 50px;} .pt-60{padding-top: 60px;} .pl-60{padding-left: 60px;} .pr-60{padding-right: 60px;} .pb-60{padding-bottom: 60px;} .p60{padding: 60px;} .pt-70{padding-top: 70px;} .pl-70{padding-left: 70px;} .pr-70{padding-right: 70px;} .pb-70{padding-bottom: 70px;} .p70{padding: 70px;} .mt-10{margin-top: 10px;} .ml-10{margin-left: 10px;} .mr-10{margin-right: 10px;} .mb-10{margin-bottom: 10px;} .m10{margin: 10px;} .mt-15{margin-top: 15px;} .ml-15{margin-left: 15px;} .mr-15{margin-right: 15px;} .mb-15{margin-bottom: 15px;} .m15{margin: 15px;} .mt-20{margin-top: 20px;} .ml-20{margin-left: 20px;} .mr-20{margin-right: 20px;} .mb-20{margin-bottom: 20px;} .m20{margin: 20px;} .mt-25{margin-top: 25px;} .ml-25{margin-left: 25px;} .mr-25{margin-right: 25px;} .mb-25{margin-bottom: 25px;} .m25{margin: 25px;} .mt-30{margin-top: 30px;} .ml-30{margin-left: 30px;} .mr-30{margin-right: 30px;} .mb-30{margin-bottom: 30px;} .m30{margin: 30px;} .mt-40{margin-top: 40px;} .ml-40{margin-left: 40px;} .mr-40{margin-right: 40px;} .mb-40{margin-bottom: 40px;} .m40{margin: 40px;} .mt-50{margin-top: 50px;} .ml-50{margin-left: 50px;} .mr-50{margin-right: 50px;} .mb-50{margin-bottom: 50px;} .m50{margin: 50px;} .mt-60{margin-top: 60px;} .ml-60{margin-left: 60px;} .mr-60{margin-right: 60px;} .mb-60{margin-bottom: 60px;} .m60{margin: 60px;} .mt-70{margin-top: 70px;} .ml-70{margin-left: 70px;} .mr-70{margin-right: 70px;} .mb-70{margin-bottom: 70px;} .m70{margin: 70px;} .mlr-auto{margin-left: auto;margin-right: auto;} .f14{font-size: 14px;} .f15{font-size: 15px;} .f16{font-size: 16px;} .f18{font-size: 18px;} .f20{font-size: 20px;} .f24{font-size: 24px;} .f28{font-size: 28px;} .f30{font-size: 30px;} .f32{font-size: 32px;} .f34{font-size: 34px;} .f40{font-size: 40px;} .f48{font-size: 48px;} .f50{font-size: 50px;} .f54{font-size: 54px;} .f60{font-size: 60px;} .f70{font-size: 70px;} .f80{font-size: 80px;} .color-blue{color: #294179;} .color-red{color: #bd171b;} .color-white{color: white;} .color-black{color: black;} .color-666{color: #666;} .color-888{color: #888;} .color-555{color: #555;} .color-999{color: #999;} .bg-f5{background-color: #f5f5f5;} .bg-f0{background-color: #f0f1f5;} .bg-blue{background-color: #294179;} .bg-red{background-color: #bd171b;} .bg-white{background-color: white;} .bg-black{background-color: black;} .bg-666{background-color: #666;} .bg-888{background-color: #888;} .bg-555{background-color: #555;} .line-height2-4{line-height: 2.4;} .container{width: 100%;margin: 0 auto;} .banner{position: relative;margin-top: 101px;overflow: hidden;} .banner img{width: 100%;object-fit: cover;} .banner .picBox img{-webkit-animation: scale 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: scale 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);} .banner .picBox img.pcBox{min-height: 370px;} @keyframes scale{0%{-webkit-transform: scale(1.08);transform: scale(1.08);}} .banner .stockInfo{position: absolute;left: 0;right: 0;top: 50%;transform: translateY(-50%);} .banner .stockInfo .stockWrap{width: 546px;background: #005eac;box-sizing: border-box;padding: 42px 30px 26px 30px;} .banner .stockInfo .b1{font-size: 24px;font-weight: bold;color: #ffffff;} .banner .stockInfo .b2{display: flex;flex-wrap: wrap;margin-top: 12px;color: #fff;align-items: flex-end;} .banner .stockInfo .b2 .c1{margin-right: 36px;font-size: 24px;line-height: 1;} .banner .stockInfo .b2 .c1 span{font-family: Impact;font-size: 52px;margin-right: 15px;} .banner .stockInfo .b2 .c2{padding-left: 29px;font-size: 24px;color: #fff;line-height: 1;} .banner .stockInfo .b2 .c2.add{background: url(pic_40.png) no-repeat left center;} .banner .stockInfo .b2 .c2.reduce{background: url(pic_41.png) no-repeat left center;} .banner .stockInfo .b3{display: flex;justify-content: space-between;margin-top: 36px;} .banner .stockInfo .b3 .tit{font-size: 16px;color: #ffffff;} .banner .stockInfo .b3 .tip{font-family: Impact;font-size: 24px;color: #fff;} .banner .stockInfo .b4{margin-top: 28px;padding-top: 16px;border-top: 1px solid rgba(255, 255, 255, 0.2);font-size: 14px;color: #fff;opacity: 0.8;} .banner .item-video a{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 40px;height: 40px;z-index: 20;} .banner .item-video .video-cirle::before{content: "";position: absolute;border-radius: 50%;top: 50%;left: 50%;z-index: 1;width: 60px;height: 60px;background: rgba(13, 71, 128, 0.4);margin-left: -30px;margin-top: -30px;-webkit-animation: warn 2s linear 0s infinite;-moz-animation: warn 2s linear 0s infinite;animation: warn 2s linear 0s infinite;} .banner .item-video .video-cirle img{position: relative;z-index: 99;} .banner .item-video .video-cirle::after{content: "";position: absolute;border-radius: 50%;top: 50%;left: 50%;z-index: 1;width: 74px;height: 74px;background: rgba(13, 71, 128, 0.2);margin-left: -37px;margin-top: -37px;-webkit-animation: warn 2s linear 0s infinite;-moz-animation: warn 2s linear 0s infinite;animation: warn 2s linear 0s infinite;} @keyframes warn{0%{transform: scale(0.5);opacity: 0;} 25%{transform: scale(1);opacity: 0.4;} 50%{transform: scale(1.2);opacity: 0.8;} 75%{transform: scale(1.3);opacity: 0.4;} 100%{transform: scale(1.4);opacity: 0;}} .sideBar{border-bottom: 1px solid #d2d2d2;} .sideBar .cont{display: flex;justify-content: space-between;} .sideBar .a1{display: flex;justify-content: flex-start;} .sideBar .a1 .item{margin-right: 68px;} .sideBar .a1 .item:last-child{margin-right: 0;} .sideBar .a1 .item a{display: block;position: relative;font-size: 18px;color: #333;height: 86px;line-height: 86px;transition: all 0.3s;} .sideBar .a1 .item a::before{position: absolute;left: 0;bottom: -2px;content: '\20';width: 0;height: 3px;background: #005eac;transition: all 0.3s;} .sideBar .a1 .item a:hover, .sideBar .a1 .item a.current{color: #005eac;font-weight: bold;} .sideBar .a1 .item a:hover::before, .sideBar .a1 .item a.current::before{width: 100%;} .sideBar .a1-sj{display: none;} .sideBar .a2 .back a{display: block;height: 86px;line-height: 86px;font-size: 16px;color: #666666;transition: all 0.3s;} .sideBar .a2 .back a span{display: inline-block;vertical-align: middle;width: 25px;height: 17px;margin-right: 14px;background: url(pic_14.png) no-repeat center center;transition: all 0.3s;} .sideBar .a2 .back a:hover{color: #005eac;} .sideBar .a2 .back a:hover span{background-image: url(pic_15.png);} .m-title .tit{position: relative;font-size: 32px;font-weight: bold;color: #333333;} .m-title .tip{position: relative;margin-top: 16px;padding-left: 66px;font-size: 16px;color: #005eac;} .m-title .tip::before{position: absolute;left: 0;top: 50%;content: '\20';width: 39px;height: 5px;transform: translateY(-50%);border-radius: 5px;background: #005eac;} .m-title .tip::after{position: absolute;left: 46px;top: 50%;content: '\20';width: 5px;height: 5px;transform: translateY(-50%);border-radius: 50%;background: #005eac;} @media screen and (max-width: 700px) { .m-title .tit{font-size: 24px;} .m-title .tip{margin-top: 10px;} } @media screen and (max-width: 1200px) { .sideBar .a1{display: none;} .sideBar .a1-sj{display: block; max-width: 800px;} .sideBar .a1-sj .swiper-slide{width: auto; padding-right: 30px;} .sideBar .a1-sj .swiper-slide:last-child{padding-right: 0;} .sideBar .a2{display: none;} .sideBar .a1-sj{max-width: 100%; width: 100%;} .sideBar .a1 .item a{font-size: 16px; height: 60px; line-height: 60px;} } @media screen and (max-width: 700px) { .banner{margin-top: 69px;} .banner .stockInfo{position: relative; left: auto; transform: none; right: auto; touch-action: auto; bottom: auto;} .banner .stockInfo .s-in{width: 100%;} .banner .stockInfo .stockWrap{width: 100%;padding: 20px 30px;} .banner .stockInfo .b1{font-size: 18px;} .banner .stockInfo .b2 .c1{font-size: 22px;} .banner .stockInfo .b2 .c1 span{font-size: 32px;} .banner .stockInfo .b2 .c2{font-size: 20px;} .banner .stockInfo .b3{margin-top: 20px;} .banner .stockInfo .b3 .tip{font-size: 20px;} .banner .stockInfo .b4{margin-top: 8px;padding-top: 8px;} } /* 鍐呭妯″紡*/ .article{padding: 20px 0 40px;line-height: 2;font-size: 14px;word-wrap: break-word;} .display-article .bd span, .display-article .bd p{font: 16px/2 Microsoft YaHei!important;} .article img{width: 100%;} .display-article img{width: auto; max-width: 800px;} .article .hd{padding: 0 0 20px;text-align: center;} .article .hd h1{color: #000;font-size: 20px;} .article .hd .titBar{color: #797979;font-size: 12px;} .article .bd{padding-bottom: 40px;} .article .ft{padding: 20px 0 0;border-top: 1px solid #ddd;} .article video{max-width: 100%;height: auto} video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } @media screen and (max-width: 1200px) { .display-article img{max-width: 100%;} } /* 鏂伴椈鍒楄〃*/.newsList{padding-top: 4.1667vw;} .newsList .topNews .item-wrap{display: flex;justify-content: space-between;} .newsList .topNews .item-wrap .item{width: 31.736%;box-sizing: border-box;padding: 24px 22px;background: #f9fafc;} .newsList .topNews .b1{overflow: hidden;} .newsList .topNews .b1 img{width: 100%;object-fit: cover;transition: all 0.3s;} .newsList .topNews .b2{margin-top: 25px;font-size: 20px;font-weight: bold;color: #333333;line-height: 32px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;transition: all 0.3s;} .newsList .topNews .b3{margin-top: 18px;font-size: 14px;color: #777777;line-height: 26px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} .newsList .topNews .b4{display: flex;justify-content: space-between;margin-top: 30px;} .newsList .topNews .b4 .c1{font-size: 14px;color: #bbbbbb;} .newsList .topNews .b4 .c2{font-size: 14px;color: #999999;} .newsList .topNews .item-wrap.sjBox{display: none;} .newsList .topNews .item a:hover .b1 img{transform: scale(1.1);} .newsList .topNews .item a:hover .b2{color: #005eac;} .newsList .newsItem{margin-top: 2.083333vw;margin-bottom: 4.1667vw;} .newsList .newsItem .item{margin-bottom: 20px;} .newsList .newsItem .item:last-child{margin-bottom: 0;} .newsList .newsItem .item a{background: #f9fafc;transition: all 0.3s;display: flex;justify-content: space-between;align-items: center;padding: 39px 67px 37px 30px;} .newsList .newsItem .item .textBox{width: 80%;} .newsList .newsItem .item .textBox .tit{font-size: 20px;font-weight: bold;color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all 0.3s;} .newsList .newsItem .item .textBox .tip{margin-top: 15px;font-size: 14px;color: #666666;line-height: 24px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} .newsList .newsItem .item .timeBox{text-align: center;} .newsList .newsItem .item .timeBox .time1{font-family: Arial;font-size: 46px;font-weight: bold;color: #333333;line-height: 1;transition: all 0.3s;} .newsList .newsItem .item .timeBox .time2{font-size: 14px;color: #666666;} .newsList .newsItem .item a:hover .textBox .tit{color: #005eac;} .newsList .newsItem .item a:hover .timeBox .time1{color: #005eac;} @media screen and (max-width: 700px) { .newsList .topNews .item-wrap.pcBox{display: none;} .newsList .topNews .item-wrap.sjBox{display: block;} .newsList .topNews .item-wrap .item{width: 100%;} .newsList .topNews .b2{margin-top: 18px; font-size: 18px; line-height: 28px;} .newsList .newsItem{margin-top: 30px;} .newsList .newsItem .item a{padding: 15px;} .newsList .newsItem .item .textBox{width: 100%;} .newsList .newsItem .item .textBox .tit{font-size: 18px; white-space: inherit; overflow: auto; text-overflow: inherit;} .newsList .newsItem .item .timeBox{display: none;} } /* 鍥炬枃鏂伴椈*/.pothoItem{margin: 0 0 40px;} .pothoItem .item{padding: 20px 0;border-bottom: 1px dashed #d3d3d3;overflow: hidden;} .pothoItem .item .pic{float: left;width: 200px;height: 150px;margin-right: 20px;padding: 4px;border: 1px solid #e7e7e7;} .pothoItem .item .pic img{width: 200px;height: 150px;} .pothoItem .item dl{display: block;overflow: hidden;zoom: 1;padding: 0;line-height: 20px;} .pothoItem .item dl dt{font-size: 16px;line-height: 32px;} .pothoItem .item dl .d{font-size: 13px;color: #ccc;} .pothoItem .item dl .i{color: #999;font-size: 14px;line-height: 24px;} .pothoItem .item dl .m{margin-top: 10px;} .pothoItem .item dl .m a{display: block;width: 80px;height: 25px;background: #ccc;color: #333;text-align: center;line-height: 25px;} .pothoItem .item dl .m a:hover{background: #ef0000;color: #fff;} /* 鍥剧墖鍒楄〃*/ .photoList{padding-top: 4.1667vw;} .photoList .photoItem{display: flex;flex-wrap: wrap;justify-content: space-between;padding-bottom: 80px;} .photoList .photoItem .item{width: 31.1%;margin-bottom: 3%;transition: all 0.4s;} .photoList .photoItem .item .picBox{position: relative;overflow: hidden;} .photoList .photoItem .item .picBox>img{width: 100%;transition: all 0.4s;} .photoList .photoItem .item .picBox .playIcon{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);display: flex;justify-content: center;align-items: center;} .photoList .photoItem .item .picBox .playIcon img{width: 60px;} .photoList .photoItem .item .textBox{height: 70px;padding: 0 10px;background: #f9fafc;font-size: 20px;color: #1e1e1e;line-height: 70px;text-align: center;transition: all 0.3s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .photoList .photoItem::after{content: '\20';width: 31.1%;} .photoList .photoItem .item:hover{box-shadow: 0 0 14px rgba(0, 0, 0, .1);} .photoList .photoItem .item:hover .picBox>img{transform: scale(1.1);} .photoList .photoItem .item:hover .textBox{color: #005eac;} @media screen and (max-width: 700px) { .photoList .photoItem{padding-bottom: 20px;} .photoList .photoItem .item{width: 100%; margin-bottom: 30px;} .photoList .photoItem .item .textBox{height: 56px; line-height: 56px; font-size: 20px;} } /* 鍒嗛〉*/.page{padding: 0 0 4.1667vw;line-height: 48px;text-align: center;} .page a{display: inline-block;margin: 0 4px;padding: 0 19px;border: 1px solid #cccccc;color: #707070;vertical-align: top;font-size: 16px;} .page a:hover, .page .current{border: 1px solid #005eac;background: #005eac;color: #fff;} .page span{margin-right: 6px;} @media screen and (max-width: 700px) { .page{line-height: 14px;} .page a{padding: 8px; margin: 0 2px; font-size: 12px;} } /* 涓氬姟棰嗗煙*/.page-business{padding: 4.16667vw 0 5.20833vw 0;} .page-business .cont{display: flex;justify-content: space-between;} .page-business .a1{position: relative;width: 68.75%;height: 650px;} .page-business .a1 .picBox{position: relative;width: 100%;height: 100%;} .page-business .a1 .picBox img{width: 100%;height: 100%;} .page-business .a1 .picBox::before{position: absolute;left: 0;bottom: 0;content: '\20';width: 100%;height: 100%;background-image: linear-gradient(to top, rgba(0,0,0,.3),rgba(0,0,0,.0),rgba(0,0,0,0));z-index: 1;transition: all 0.5s;} .page-business .a1 .picBox::after{position: absolute;left: 0;bottom: 0;content: '\20';width: 100%;height: 100%;opacity: 0;background-image: linear-gradient(to top, rgba(0,94,172,.8),rgba(0,94,172,.3),rgba(0,94,172,0));z-index: 2;transition: all 0.5s;} .page-business .a1 .textBox{position: absolute;left: 0;bottom: 0;width: 100%;box-sizing: border-box;padding: 0 2.34375vw;padding-right: 157px;z-index: 5;height: 180px;overflow: hidden;transition: all 0.5s;} .page-business .a1 .textBox .top .tit{font-size: 28px;font-weight: bold;color: #ffffff;} .page-business .a1 .textBox .top .tip{margin-top: 14px;padding-bottom: 20px;font-size: 16px;color: #ffffff;line-height: 32px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} .page-business .a1 .textBox .bot{display: none; padding-top: 32px;padding-bottom: 38px;border-top: 1px solid rgba(255,255,255,.3);opacity: 0;visibility: hidden;transition: all 0.7s;} .page-business .a1 .textBox .bot .item{float: left;} .page-business .a1 .textBox .bot .item a{display: block; position: relative; border-radius: 3px;border: 1px solid rgba(255,255,255,.5);line-height: 40px;font-size: 16px;color: #fff;padding: 0 10px;margin-right: 10px;margin-bottom: 18px; z-index: 2;} .page-business .a1 .textBox .bot .item a::before{content: '\20'; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #005eac; z-index: -1; transition: all 0.4s;} .page-business .a1 .textBox .bot .item a:hover::before{width: 100%;} .page-business .a1:hover .picBox::before{opacity: 0;} .page-business .a1:hover .picBox::after{opacity: 1;} .page-business .a1:hover .textBox{height: 210px;} .page-business .a1:hover .bot{opacity: 1;visibility: visible;} .page-business .a2{width: 30.5%;height: 650px;} .page-business .a2 .business-swiper{height: calc(100% - 52px);} .page-business .a2 .item{position: relative;height: 50%;padding-bottom: 2%;box-sizing: border-box;} .page-business .a2 .picBox{position: relative;height: 100%;} .page-business .a2 .picBox img{width: 100%;height: 100%;object-fit: cover;} .page-business .a2 .picBox::before{position: absolute;left: 0;bottom: 0;content: '\20';width: 100%;height: 100%;background-image: linear-gradient(to top, rgba(0,0,0,.3),rgba(0,0,0,.0),rgba(0,0,0,0));transition: all 0.5s;z-index: 1;} .page-business .a2 .picBox::after{position: absolute;left: 0;bottom: 0;content: '\20';width: 100%;height: 100%;opacity: 0;background-image: linear-gradient(to top, rgba(0,94,172,.8),rgba(0,94,172,.3),rgba(0,94,172,0));z-index: 2;transition: all 0.5s;} .page-business .a2 .item .textBox{position: absolute;left: 0;bottom: 2%;height: 52px;padding: 0 8%;z-index: 5;transition: all 0.5s;overflow: hidden;} .page-business .a2 .item .textBox .top{padding-bottom: 16px;font-size: 24px;color: #fff;} .page-business .a2 .item .textBox .bot{font-size: 14px;color: #fff;line-height: 28px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;opacity: 0;visibility: hidden;transition: all 0.5s;} .page-business .a2 .item a:hover .picBox::before{opacity: 0;} .page-business .a2 .item a:hover .picBox::after{opacity: 1;} .page-business .a2 .item a:hover .textBox{height: 120px;} .page-business .a2 .item a:hover .textBox .bot{opacity: 1;visibility: visible;} .page-business .a2 .swiper-move{display: flex;justify-content: space-between;align-items: center;position: relative;height: 52px;background: #9cb4cc;} .page-business .a2 .swiper-move .business-prev{padding-left: 42px;font-size: 16px;color: #fff;cursor: pointer;background: url(pic_19.png) no-repeat left 20px center;} .page-business .a2 .swiper-move .business-next{padding-right: 42px;font-size: 16px;color: #fff;cursor: pointer;background: url(pic_20.png) no-repeat right 20px center;} .page-business-detail .s1{padding: 3.90625vw 0 5.20833vw 0;} .page-business-detail .s1 .a1 .tit{position: relative;font-size: 32px;font-weight: bold;color: #333333;} .page-business-detail .s1 .a1 .tip{position: relative;margin-top: 16px;padding-left: 66px;font-size: 16px;color: #005eac;} .page-business-detail .s1 .a1 .tip::before{position: absolute;left: 0;top: 50%;content: '\20';width: 39px;height: 5px;transform: translateY(-50%);border-radius: 5px;background: #005eac;} .page-business-detail .s1 .a1 .tip::after{position: absolute;left: 46px;top: 50%;content: '\20';width: 5px;height: 5px;transform: translateY(-50%);border-radius: 50%;background: #005eac;} .page-business-detail .s1 .a2{margin-top: 46px;} .page-business-detail .s1 .a2{position: relative;overflow: hidden;} .page-business-detail .s1 .a2 .textBox{position: absolute;bottom: 0;left: 4.6875vw;width: 400px;height: 400px;padding-top: 1.92708vw;box-sizing: border-box;background: #f8fafb;overflow: auto;} .page-business-detail .s1 .a2 .textBox .tit{position: relative;width: 80.25%;margin: 0 auto;padding-bottom: 16px;font-size: 24px;font-weight: bold;color: #005eac;} .page-business-detail .s1 .a2 .textBox .tit::before{position: absolute;left: 0;bottom: 0;content: '\20';width: 39px;height: 2px;border-radius: 4px;background: #005eac;} .page-business-detail .s1 .a2 .textBox .tit::after{position: absolute;left: 47px;bottom: 0;content: '\20';width: 2px;height: 2px;border-radius: 50%;background: #005eac;} .page-business-detail .s1 .a2 .textBox .tip{width: 80.25%;margin: 0 auto;margin-top: 16px;font-size: 16px;color: #333333;line-height: 32px;} .page-business-detail .s2{position: relative;padding: 3.75vw 0;background: url(pic_23.jpg) no-repeat right bottom #f7f8fc;background-size: contain;padding-top: 80px;} .page-business-detail .s2 .a1{font-size: 32px;font-weight: bold;color: #333333;text-align: center;} .page-business-detail .s2 .a2{/* margin-top: 3.75vw; */} .page-business-detail .s2 .a2 .pro-swiper{padding-bottom: 45px;} .page-business-detail .s2 .a2 .swiper-slide{height: auto;background: #fff;box-sizing: border-box;padding: 0 28px;padding-top: 28px;} .page-business-detail .s2 .a2 .picBox{overflow: hidden;} .page-business-detail .s2 .a2 .picBox img{width: 100%;transition: all 0.4s;object-fit: cover;} .page-business-detail .s2 .a2 .textBox{padding-bottom: 26px;} .page-business-detail .s2 .a2 .textBox .b1{margin-top: 22px;font-size: 18px;color: #333333;transition: all 0.4s;} .page-business-detail .s2 .a2 .textBox .b2{margin: 10px 0;font-size: 16px;color: #999999;line-height: 32px;} .page-business-detail .s2 .a2 .textBox .b3{font-size: 16px;color: #999999;line-height: 32px;max-height: 160px;padding-right: 20px;overflow: auto;} .page-business-detail .s2 .a2 a:hover .picBox img{transform: scale(1.08);} .page-business-detail .s2 .a2 a:hover .textBox .b1{color: #005eac;} .page-business-detail .s2 .a2 .pro-bar{width: 100%;left: 0;bottom: 0;background: rgba(255,255,255,.1);} .page-business-detail .s2 .a2 .swiper-scrollbar-drag{background: #fff;} @media screen and (max-width: 1000px) { .page-business .a1{display: none;} .page-business .a2{width: 100%;} .page-business .a2 .item .textBox .top{font-size: 20px;} .page-business-detail .s1{padding: 40px 0;} .page-business-detail .s1 .a1 .tit{font-size: 24px;} .page-business-detail .s1 .a2{margin-top: 40px;} .page-business-detail .s1 .a2 .picBox img{height: 380px;} .page-business-detail .s1 .a2 .textBox{width: 92%; left: 4%; padding-top: 20px; height: 320px;} .page-business-detail .s1 .a2 .textBox .tit{font-size: 20px;} .page-business-detail .s2{padding-top: 40px;} } @media screen and (max-width: 700px) { } .page-product-display{padding: 4.2708vw 0 5vw;background: #f7f8fc;} .page-product-display .s1 .cont{display: flex;justify-content: space-between;align-items: center;} .page-product-display .s1 .a1{width: 52.638889%;} .page-product-display .s1 .a1 .picBox{overflow: hidden;} .page-product-display .s1 .a1 img{width: 100%;transition: all 0.4s;object-fit: cover;} .page-product-display .s1 .a2 .b1{position: relative;padding-bottom: 22px;font-size: 32px;font-weight: bold;color: #333333;} .page-product-display .s1 .a2 .b1::before{position: absolute;left: 0;bottom: 0;content: '\20';width: 39px;height: 5px;border-radius: 5px;background: #005eac;} .page-product-display .s1 .a2 .b1::after{position: absolute;left: 47px;bottom: 0;content: '\20';width: 5px;height: 5px;border-radius: 50%;background: #005eac;} .page-product-display .s1 .a2 .b2{margin-top: 26px;font-size: 16px;font-weight: bold;line-height: 32px;color: #005eac;} .page-product-display .s1 .a2 .b3{font-size: 16px;color: #666666;line-height: 32px;} .page-product-display .s1 .a2 .b4{margin-top: 32px;font-size: 16px;font-weight: bold;line-height: 32px;color: #005eac;} .page-product-display .s1 .a2 .b5{font-size: 16px;color: #666666;line-height: 32px;} .page-product-display .s1 .a2{width: 43.75%;height: 570px;box-sizing: border-box;overflow: auto;padding-right: 30px;padding-bottom: 30px;padding-top: 30px;} .page-product-display .s1 .a3{width: 43.75%;height: 570px;box-sizing: border-box;overflow: auto;padding: 30px 0 30px 0;} .page-product-display .s1 .a3 .b1{position: relative;padding-bottom: 22px;font-size: 32px;font-weight: bold;color: #333333;} .page-product-display .s1 .a3 .b1::before{position: absolute;left: 0;bottom: 0;content: '\20';width: 39px;height: 5px;border-radius: 5px;background: #005eac;} .page-product-display .s1 .a3 .b1::after{position: absolute;left: 47px;bottom: 0;content: '\20';width: 5px;height: 5px;border-radius: 50%;background: #005eac;} .page-product-display .s1 .a3 .b2>div{border-bottom: 1px dotted #ddd;padding: 15px 0 0 10px;line-height: 28px;font-size: 16px;color: #666;} .page-product-display .s1 .a3 .b2 .tit{font-weight: bold;} .page-product-display .s1 .a3 .b2 .c1{margin-top: 14px;} .page-product-display .s1 .a3 .b2 .c1 .tip{display: inline-block;padding: 2px 8px;margin-right: 12px;background: #eee;border: 1px solid #ddd;border-radius: 3px;font-style: normal;margin-bottom: 4px;} .page-product-display .page-skin{margin-top: 45px;background: #fff;padding-top: 40px;} .page-product-display .page-skin .cont{display: flex;justify-content: space-between;flex-wrap: wrap;flex-direction: row-reverse;} .page-product-display .page-skin .skin-a1{width: 30%;background: #f4f4f4;margin-bottom: 60px;padding: 0px 41px 10px;height: max-content;} .page-product-display .page-skin .skin-a2{width: 50%;} .page-product-display .prodetail{margin-top: 20px;margin-bottom: 30px;} .page-product-display .prodetail .title{line-height: 40px;border-bottom: 1px solid #005eac;} .page-product-display .prodetail .title span{width: 150px;display: inline-block;font-size: 16px;background: #005eac;text-align: center;color: #fff;vertical-align: top;} .page-product-display .prodetail .con{margin-top: 20px;} .page-product-display .prodetail .con img{max-width: 100%;} .page-product-display .skin-a1 .prodetail .title{border-bottom: 1px solid #dadada;} .page-product-display .skin-a1 .prodetail .title span{border-bottom: 1px solid #005eac;display: inline-block;font-size: 26px;color: #3a3a3a;background: none;width: auto;} .page-product-display .s2{margin-top: 20px;} .page-product-display .s2 .swiper-slide{height: auto;display: flex;align-items: center;} .page-product-display .s2 .swiper-slide a{width: 100%;display: block;height: 100%;} .page-product-display .s2 .swiper-slide .picBox{width: 100%;overflow: hidden;height: 80%;} .page-product-display .s2 .swiper-slide .picBox img{width: 100%;transition: all 0.4s;object-fit: cover;height: 100%;} .page-product-display .s2 .swiper-slide .textBox .tit{font-size: 20px;color: #373737;margin-top: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align: center;} .page-product-display .s2 .swiper-slide a:hover .picBox img{transform: scale(1.1);} @media screen and (max-width: 1200px) { .page-product-display .s1 .a2{height: 440px; padding-bottom: 0;} .page-product-display .s1 .a3{height: 490px; padding-bottom: 0;} .page-product-display .s1 .a2 .b1{font-size: 24px;} .page-product-display .s2{margin-top: 50px;} } @media screen and (max-width: 1000px) { .page-product-display .s1 .cont{flex-wrap: wrap;} .page-product-display .s1 .a1{width: 100%;} .page-product-display .s1 .a2{width: 100%; height: auto;} .page-product-display .s1 .a2 .b1{font-size: 20px;} .page-product-display .s1 .a3{width: 100%; height: auto;} .page-product-display .s1 .a3 .b1{font-size: 20px;} .page-product-display .s1 .a3 .b2 .c1 .tip{font-size: 14px;} .page-product-display{padding: 30px 0;} .page-product-display .page-skin{padding-top: 20px;} .page-product-display .page-skin .cont{flex-direction: column-reverse;} .page-product-display .page-skin .skin-a1{width: 100%; box-sizing: border-box; margin-bottom: 30px; padding: 0px 20px 10px;} .page-product-display .skin-a1 .prodetail .title span{font-size: 20px;} .page-product-display .skin-a1 .s2{margin-top: 20px;} .page-product-display .s2 .swiper-slide .textBox .tit{font-size: 18px;} .page-product-display .page-skin .skin-a2{width: 100%;} } .page-culture .s1{padding-top: 76px;} .page-culture .s1 .a1 .tit{position: relative;font-size: 32px;font-weight: bold;color: #333333;} .page-culture .s1 .a1 .tip{position: relative;margin-top: 16px;padding-left: 66px;font-size: 16px;color: #005eac;} .page-culture .s1 .a1 .tip::before{position: absolute;left: 0;top: 50%;content: '\20';width: 39px;height: 5px;transform: translateY(-50%);border-radius: 5px;background: #005eac;} .page-culture .s1 .a1 .tip::after{position: absolute;left: 46px;top: 50%;content: '\20';width: 5px;height: 5px;transform: translateY(-50%);border-radius: 50%;background: #005eac;} .page-culture .s1 .a2{margin-top: 46px;} .page-culture .application .img img{display: none;} .application .img img.on{display: block;} .page-culture .application ul{position: absolute;top: 0;left: 0;} .page-culture .application ul.sjBox{display: none;} .page-culture .application ul li{width: 25%;padding: 0 3%;border-right: 1px solid rgba(255, 255, 255, 0.2);position: relative;} .page-culture .application ul li::after{width: 100% ;z-index: 5;height: 0;position: absolute;bottom: 0;left: 0;display: block;content: '';background-color: rgba(0, 94, 172, 0.4);transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;} .page-culture .application ul li .line{width: 20% ;height: 3px;} .page-culture .application ul li a{border: 1px solid #fff;padding: 12px 50px;position: relative;} .page-culture .application ul li a em{position: relative;z-index: 5;} .page-culture .application ul li a:hover em{color: #fff;} .page-culture .application ul li>div,.application ul li>a{position: relative;z-index: 10;} .page-culture .application ul li a::after{position: absolute;top: 0;left: 0;display: block;content: '';width: 0;height: 100%;transition: all .36s;background-color: #bd171b;transition:all .36s ;-webkit-transition: all .36s;-moz-transition: all .36s;-ms-transition: all .36s;-o-transition: all .36s;} .page-culture .application ul li a:hover::after{width: 100%;} .page-culture .application ul li .noe{display: none;animation: righTOP .3s;-webkit-animation: righTOP .3s;} .page-culture .application ul li:hover .noe{display: block;} .page-culture .application ul li:hover::after{height: 100%;} .page-culture .application .img img{width: 100%;object-fit: cover;transition: all .36s;/* animation: scaleIn 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93); *//* -webkit-animation: scaleIn 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93); */} .page-culture .s2{padding-top: 72px;} .page-culture .s2 .a1{font-size: 32px;font-weight: bold;color: #333333;text-align: center;} .page-culture .s2 .a2{margin-top: 42px;background: url(pic_25.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;position: relative;padding: 4.7916667vw 12.5vw 13.6458vw 0;text-align: right;} .page-culture .s2 .a2 .textBox .b1{position: relative;display: inline-block;padding-top: 16px;font-size: 24px;color: #fff;line-height: 40px;text-align: left;} .page-culture .s2 .a2 .textBox .b1::before{position: absolute;left: 0;top: 0;content: '\20';width: 34px;height: 3px;border-radius: 3px;background: #fff;} .page-culture .s3{padding-top: 72px;} .page-culture .s3 .a1{font-size: 32px;font-weight: bold;color: #333;text-align: center;} .page-culture .s3 .a2{margin-top: 42px;} .page-culture .s3 .a2 .item-wrap{display: flex;flex-wrap: wrap;padding-bottom: 62px;} .page-culture .s3 .a2 .item{width: 23.611%;margin-right: 1.8%;margin-bottom: 1.85333%;} .page-culture .s3 .a2 .item:nth-child(4n){margin-right: 0;} .page-culture .s3 .a2 .item .picBox{position: relative;overflow: hidden;} .page-culture .s3 .a2 .item .picBox::before{content: "";width: 100%;height: 100%;position: absolute;z-index: 1;left: 0px;} .page-culture .s3 .a2 .item .picBox img{width: 100%;transition: all 0.4s;} .page-culture .s3 .a2 .item .textBox{position: relative;height: 60px;padding: 0 20px;line-height: 60px;font-size: 18px;color: #333;background: #f2f6fa;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .page-culture .s3 .a2 .item .textBox .text{position: relative;z-index: 5;transition: all 0.4s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .page-culture .s3 .a2 .item .textBox::before{content: '';position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 0;background: #005eac;transition: all 0.5s;} .page-culture .s3 .a2 .item a:hover .picBox::before{animation: gradient-rectangle 1.4s;animation-delay: 0s;-webkit-animation-timing-function: cubic-bezier(0, 0, 0.18, 0.96);} .page-culture .s3 .a2 .item a:hover .picBox img{transform: scale(1.1);} .page-culture .s3 .a2 .item a:hover .textBox::before{height: 100%;} .page-culture .s3 .a2 .item a:hover .textBox .text{color: #fff;} @media screen and (max-width: 1200px) { .page-culture .application ul li{padding: 0 10px;} .page-culture .application ul li .noe{font-size: 14px; line-height: 2;} .f34{font-size: 28px;} } @media screen and (max-width: 700px) { .page-culture .s1{padding-top: 40px;} .page-culture .s1 .a1 .tit{font-size: 24px;} .page-culture .application ul.sjBox{display: block;} .page-culture .application ul.pcBox{display: none;} .page-culture .application .img img{min-height: 300px;} .page-culture .application .application-swiper {height: 100%;} .page-culture .application ul li{width: 100%; height: 100%; padding: 0; border: none;} .page-culture .application ul li .noe{font-size: 16px;} .page-culture .s2{padding-top: 40px;} .page-culture .s2 .s-in{width: 100%;} .page-culture .s2 .a1{font-size: 24px;} .page-culture .s2 .a2{margin-top: 24px;} .page-culture .s2 .a2 .textBox .b1{font-size: 22px;} .page-culture .s3 .a2 .item{width: 48%; margin-right: 4%;} .page-culture .s3 .a2 .item:nth-child(4n){margin-right: 4%;} .page-culture .s3 .a2 .item:nth-child(2n){margin-right: 0;} .page-culture .s3 .a2 .item .textBox{font-size: 14px; height: 32px; line-height: 32px;} .page-culture .s3{padding-top: 40px;} .page-culture .s3 .a1{font-size: 24px;} .page-culture .s3 .a2{margin-top: 24px;} } .page-connect .s1{padding-top: 77px;} .page-connect .s1 .a1 {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;} .page-connect .s1 .a1 .b1{width: 45.84%;} .page-connect .s1 .a1 .b2{width: 54.16%; font-size: 16px; color: #666666; line-height: 32px;} .page-connect .s1 .a2{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 60px;padding-bottom: 43px;} .page-connect .s1 .a2 .b1{display: flex;align-content: center;width: 45.84%;box-sizing: border-box;padding-left: 60px;} .page-connect .s1 .a2 .b1 .picBox{position: relative;overflow: hidden;border-radius: 50%;} .page-connect .s1 .a2 .b1 .picBox img{border-radius: 50%; width: 100%;} .page-connect .s1 .a2 .b1 .picBox::before{position: absolute;left: 50%;top: 50%;content: '\20';width: 0px;height: 0px;transform: translate(-50%,-50%);border-radius: 50%;border: 500px solid #fff;animation: widthIn 6s forwards infinite cubic-bezier(0.2, 0, 0.49, 0.93);-webkit-animation: widthIn 6s forwards infinite cubic-bezier(0.2, 0, 0.49, 0.93);z-index: 4;} .page-connect .s1 .a2 .b1 .picBox::after{position: absolute;left: 50%;top: 50%;content: '\20';width: calc(100% - 2px);height: calc(100% - 2px);width: 0;height: 0;transform: translate(-50%,-50%);border-radius: 50%;box-sizing: border-box;border: 1px dashed rgba(0,0,0,.2);z-index: 5;animation: widthIn2 6s forwards infinite cubic-bezier(0.2, 0, 0.49, 0.93);-webkit-animation: widthIn2 6s forwards infinite cubic-bezier(0.2, 0, 0.49, 0.93);} .page-connect .s1 .a2 .b2{width: 54.16%;display: flex;flex-wrap: wrap;justify-content: space-between;} .page-connect .s1 .a2 .b2 .item{width: 45.51%;margin-bottom: 70px;} .page-connect .s1 .a2 .b2 .item:last-child{margin-bottom: 0; width: 100%;} .page-connect .s1 .a2 .b2 .item:nth-child(2n){width: 45.51%;} .page-connect .s1 .a2 .b2 .item .tit{position: relative;padding-bottom: 30px;font-size: 20px;font-weight: bold;color: #333333;} .page-connect .s1 .a2 .b2 .item .tit::before{position: absolute;left: 0;bottom: 0;content: '\20';width: 100%;height: 1px;background: #dfdfdf;} .page-connect .s1 .a2 .b2 .item .tip{margin-top: 30px;font-size: 16px;color: #666666;line-height: 32px;} .page-connect .s2{padding-top: 70px;background: #f9fafc;} .page-connect .s2 .a1 .tit{font-size: 32px;font-weight: bold;color: #333333;text-align: center;} .page-connect .s2 .a2{display: flex;justify-content: space-between;align-items: center;} .page-connect .s2 .a2 .b1 .slide-hd{display: flex;} .page-connect .s2 .a2 .b1 .slide-hd .item{margin-right: 58px;font-size: 20px;color: #333333;transition: all 0.3s;cursor: pointer;} .page-connect .s2 .a2 .b1 .slide-hd .item:last-child{margin-right: 0;} .page-connect .s2 .a2 .b1 .slide-hd .item.on{color: #0068b5;font-weight: bold;} .page-connect .s2 .a2 .b2 .pageBox{display: none;} .page-connect .s2 .a2 .b2 .pageBox.on{display: flex;} .page-connect .s2 .a2 .b2 .pageBox .page-prev, .page-connect .s2 .a2 .b2 .pageBox .page-next{width: 35px;height: 35px;border-radius: 50%;background: url(pic_28.png) no-repeat center center #005eac;cursor: pointer;} .page-connect .s2 .a2 .b2 .pageBox .page-next{margin-left: 14px;transform: rotateY(180deg);} .page-connect .s2 .a3{margin-top: 42px;} .page-connect .s2 .a3 .swiper-slide{height: auto;/* background: #fff; */box-sizing: border-box;/* padding: 21px 20px 21px 27px; */cursor: pointer;} .page-connect .s2 .a3 .job-item{display: flex; flex-wrap: wrap;} .page-connect .s2 .a3 .job-item .textBox{width: 18%;margin-right: 2.5%;margin-bottom: 2.5%;background: #fff;padding: 20px;box-sizing: border-box;} .page-connect .s2 .a3 .job-item .textBox:nth-child(5n){margin-right: 0;} .page-connect .s2 .a3 .job-item .textBox::before{position: absolute;left: 0;top: 0;content: '\20';width: 0%;height: 100%;background: #005eac; z-index: -1;} .page-connect .s2 .a3 .job-item .textBox.on::before{transition: all 0.5s;width: 100%;} .page-connect .s2 .a3 .job-item .textBox.on .b1, .page-connect .s2 .a3 .job-item .textBox.on .b2, .page-connect .s2 .a3 .job-item .textBox.on .b3{color: #fff;} .page-connect .s2 .a3 .swiper-slide .textBox{position: relative;z-index: 5;} .page-connect .s2 .a3 .swiper-slide .textBox .b1{font-size: 16px;color: #666666;transition: all 0.3s;} .page-connect .s2 .a3 .swiper-slide .textBox .b2{margin-top: 22px;font-size: 20px;color: #333333;transition: all 0.3s;} .page-connect .s2 .a3 .swiper-slide .textBox .b3{font-size: 14px;color: #999999;transition: all 0.3s;} .page-connect .s2 .a3 .swiper-slide::before{position: absolute;left: 0;top: 0;content: '\20';width: 0%;height: 100%;background: #005eac;} .page-connect .s2 .a3 .swiper-slide.swiper-slide-thumb-active::before{transition: all 0.5s;width: 100%;} .page-connect .s2 .a3 .swiper-slide.swiper-slide-thumb-active .textBox .b1, .page-connect .s2 .a3 .swiper-slide.swiper-slide-thumb-active .textBox .b2, .page-connect .s2 .a3 .swiper-slide.swiper-slide-thumb-active .textBox .b3{color: #fff;} .page-connect .s2 .a4{margin-top: 30px;} .page-connect .s2 .a4 .swiper{padding-bottom: 58px;} .page-connect .s2 .a4 .swiper-slide{display: none; height: auto;background: #fff;box-sizing: border-box;padding: 35px 38px 0 38px;height: max-content;} .page-connect .s2 .a4 .swiper-slide:nth-child(1){display: block;} .page-connect .s2 .a4 .b1{display: flex;justify-content: space-between;align-items: center;padding-bottom: 30px;border-bottom: 1px solid #efefef;} .page-connect .s2 .a4 .b2{margin-top: 32px;font-size: 16px;color: #7f7f7f;line-height: 32px;} .page-connect .s2 .a4 .tit{font-size: 20px;color: #333333;} .page-connect .s2 .a4 .tip{display: flex;} .page-connect .s2 .a4 .tip .item{margin-right: 5.20833vw;font-size: 16px;color: #333333;} .page-connect .s2 .a4 .tip .item:last-child{margin-right: 0;} .page-connect .s2 .a4 .b3 .apply-btn{font-size: 20px;color: #141414;} .page-connect .s2 .a4 .b3 .apply-btn p{position: relative;padding-left: 42px;cursor: pointer;} .page-connect .s2 .a4 .b3 .apply-btn p::before{content: "";position: absolute;border-radius: 50%;top: 50%;left: 14px;z-index: 1;width: 50px;height: 50px;background: rgba(108, 156, 192, 0.8);margin-top: -25px;-webkit-animation: warn 2s linear 0s infinite;-moz-animation: warn 2s linear 0s infinite;animation: warn 2s linear 0s infinite;} .page-connect .s2 .a4 .b3 .apply-btn p::after{content: "";position: absolute;border-radius: 50%;top: 50%;left: 7px;z-index: 1;width: 64px;height: 64px;background: rgba(108, 156, 192, 0.5);margin-top: -32px;-webkit-animation: warn 2s linear 0s infinite;-moz-animation: warn 2s linear 0s infinite;animation: warn 2s linear 0s infinite;} .page-connect .s2 .a4 .b3{padding: 150px 0 90px 0;} .page-connect .s2 .a4 .b4{position: absolute;right: 0;bottom: -58px;z-index: 4;} .page-connect .s3{padding: 72px 0 97px 0;} .page-connect .s3 .a1{font-size: 32px;font-weight: bold;color: #333333;} .page-connect .s3 .a2{position: relative;margin-top: 42px;} .page-connect .s3 .a2 .mapBox{position: relative;width: 100%;height: 680px;} .page-connect .s3 .a2 .mapBox::before{position: absolute;left: 0;top: 0;content: '\20';width: 100%;height: 100%;background: rgba(0,0,0,.1);z-index: 4;} .page-connect .s3 .a2 .companyBox{position: absolute;right: 60px;top: 50%;width: 433px;height: 80%;transform: translateY(-50%);background: #fff;overflow-y: auto;box-sizing: border-box;padding: 24px 34px;border-top: 4px solid #005eac;z-index: 10;} .page-connect .s3 .a2 .companyBox .item{transition: all 0.4s;border-bottom: 1px solid #e4e4e4;} .page-connect .s3 .a2 .companyBox .item .tit{padding: 15px 0;font-size: 18px;color: #333333;transition: all 0.4s;cursor: pointer;} .page-connect .s3 .a2 .companyBox .item .tip{display: none;font-size: 16px;color: #545353;line-height: 36px;} .page-connect .s3 .a2 .companyBox .item.on .tit{font-size: 20px;font-weight: bold;} .page-connect .s3 .a2 .companyBox .item:nth-child(1) .tip{display: block;} .page-connect .s3 .a2 .companyBox .item .tip .b1{padding-left: 30px;background: url(pic_31.png) no-repeat left top 10px;} .page-connect .s3 .a2 .companyBox .item .tip .b2{padding-left: 30px;background: url(pic_32.png) no-repeat left top 8px;} @media screen and (max-width: 1200px) { .page-connect .s1 .a1 .b1{width: 100%;} .page-connect .s1 .a1 .b2{width: 100%; margin-top: 20px;} .page-connect .s1 .a2 .b1{padding: 0 60px 0 0;} } @media screen and (max-width: 1000px) { .page-connect .s1{padding-top: 40px;} .page-connect .s1 .a2{margin-top: 30px; padding-bottom: 30px;} .page-connect .s1 .a2 .b1{width: 100%; padding-right: 0; justify-content: center;} .page-connect .s1 .a2 .b2{width: 100%; margin-top: 34px;} .page-connect .s1 .a2 .b2 .item{margin-bottom: 20px;} .page-connect .s3{padding: 40px 0;} .page-connect .s3 .a1{font-size: 24px;} .page-connect .s3 .a2 .mapBox{display: none;} .page-connect .s3 .a2 .companyBox{position: relative; left: auto; right: auto; top: auto; bottom: auto; transform: none; height: 540px; width: 100%; padding: 0 20px 0 20px;} .page-connect .s3 .a2 .companyBox .item.on .tit{font-size: 18px;padding: 10px 0;} .page-connect .s3 .a2 .companyBox .item .tit{font-size: 16px;} .page-connect .s3 .a2 .companyBox .item .tip{font-size: 14px;} } @media screen and (max-width: 700px) { .page-connect .s2{padding-top: 40px;} .page-connect .s2 .a1 .tit{font-size: 24px; margin-bottom: 24px;} .page-connect .s2 .a2 .b1 .slide-hd .item{margin-right: 24px;} .page-connect .s2 .a3 .job-item .textBox{width: 48%; margin-right: 4%; padding: 10px;} .page-connect .s2 .a3 .job-item .textBox:nth-child(5n){margin-right: 4%;} .page-connect .s2 .a3 .job-item .textBox:nth-child(2n){margin-right: 0;} .page-connect .s2 .a4 .swiper-slide{padding: 20px;} .page-connect .s2 .a3 .swiper-slide .textBox .b2{margin-top: 14px;} .page-connect .s2 .a4 .b1{flex-wrap: wrap;} .page-connect .s2 .a4 .tit{width: 100%;} .page-connect .s2 .a4 .tip{width: 100%; margin-top: 24px; flex-wrap: wrap;} .page-connect .s2 .a4 .b3{padding: 40px 0;} .page-connect .s2 .a4 .b4{display: none;} } .page-investor .s1{padding: 74px 0 108px 0;} .page-investor .s1 .a1{display: flex;justify-content: space-between;align-items: flex-end;} .page-investor .s1 .a1 .b2{display: flex;} .page-investor .s1 .a1 .post-prev, .page-investor .s1 .a1 .post-next{width: 35px;height: 35px;border-radius: 50%;background: url(pic_28.png) no-repeat center center #005eac;cursor: pointer;} .page-investor .s1 .a1 .post-next{margin-left: 14px;transform: rotateY(180deg);} .page-investor .s1 .a2{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;margin-top: 56px;} .page-investor .s1 .a2 .b1{width: calc(100% - 670px);} .page-investor .s1 .a2 .s1-swiper{height: 400px; transition: all 0.8s;} .page-investor .s1 .a2 .s1-swiper .swiper-slide .item{box-sizing: border-box;padding-bottom: 26px;padding: 26px 0;border-bottom: 1px solid #f2f2f2;} .page-investor .s1 .a2 .s1-swiper a{display: flex;justify-content: space-between;} .page-investor .s1 .a2 .s1-swiper .textBox{width: 85%;} .page-investor .s1 .a2 .s1-swiper .textBox .tit{font-size: 18px;color: #333333;transition: all 0.3s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .page-investor .s1 .a2 .s1-swiper .textBox .tip{margin-top: 9px;font-size: 16px;color: #aaaaaa;transition: all 0.3s;} .page-investor .s1 .a2 .s1-swiper .arrowBox{width: 19px;height: 21px;background: url(pic_33.png) no-repeat center;transition: all 0.3s;} .page-investor .s1 .a2 .s1-swiper a:hover .textBox .tit{color: #005eac;} .page-investor .s1 .a2 .s1-swiper a:hover .textBox .tip{color: #005eac;} .page-investor .s1 .a2 .s1-swiper a:hover .arrowBox{background-image: url(pic_35.png);} .page-investor .s1 .a2 .moreBox{margin-top: 30px;} .page-investor .s1 .a2 .moreBox a{font-size: 14px;color: #005eac;} .page-investor .s1 .a2 .moreBox a span{display: inline-block;width: 22px;height: 10px;margin-left: 18px;background: url(pic_36.png) no-repeat center;transition: all 0.4s;} .page-investor .s1 .a2 .moreBox a:hover span{margin-left: 30px;} .page-investor .s1 .a2 .b2 .picBox{overflow: hidden;} .page-investor .s1 .a2 .b2 .picBox img{width: 100%;transition: all 0.6s;} .page-investor .s1 .a2 .b2 .picBox:hover img{transform: scale(1.08);} .page-investor .s2{padding: 124px 0 80px 0;background: url(pic_37.jpg) no-repeat center;background-size: cover;} .page-investor .s2 .cont{display: flex;justify-content: space-between;flex-wrap: wrap;} .page-investor .s2 .a2{width: calc(100% - 486px);display: flex;flex-direction: column;justify-content: space-between;} .page-investor .s2 .a2 .b1{display: flex;justify-content: space-between;} .page-investor .s2 .a2 .b1 .tit{font-size: 32px;font-weight: bold;color: #333333;line-height: 1;} .page-investor .s2 .a2 .b1 .tip{display: flex;} .page-investor .s2 .a2 .b1 .tip .download-prev, .page-investor .s2 .a2 .b1 .tip .download-next{width: 35px;height: 35px;border-radius: 50%;background: url(pic_28.png) no-repeat center center #005eac;cursor: pointer;} .page-investor .s2 .a2 .b1 .tip .download-next{margin-left: 14px;transform: rotateY(180deg);} .page-investor .s2 .a2 .b2 a{display: block;padding: 35px 25px 50px 25px;background: #fff;box-sizing: border-box;border-bottom: 6px solid #005eac;} .page-investor .s2 .a2 .b2 .c1{font-size: 16px;font-weight: bold;color: #005eac;} .page-investor .s2 .a2 .b2 .c2{margin-top: 10px;font-size: 20px;font-weight: bold;color: #222222;line-height: 32px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} .page-investor .s2 .a2 .b2 .c3{margin-top: 32px;padding-left: 30px;font-size: 16px;color: #005eac;line-height: 26px;background: url(pic_39.png) no-repeat left center;transition: all 0.4s;} .page-investor .s2 .a2 .b2 a:hover .c3{padding-left: 40px;} @media screen and (max-width: 1200px) { .page-investor .s1 .a2 .b1{width: 40%;} .page-investor .s1 .a2 .b2{width: 50%;} } @media screen and (max-width: 1000px) { .page-investor .s1{padding: 40px 0;} .page-investor .s1 .a2{margin-top: 30px;} .page-investor .s1 .a2 .b1{width: 100%;} .page-investor .s1 .a2 .b2{width: 100%; margin-top: 28px;} .page-investor .s1 .a2 .s1-swiper{height: auto;} .page-investor .s1 .a2 .s1-swiper .swiper-slide {height: max-content;} .page-investor .s1 .a2 .s1-swiper .swiper-slide .item{padding: 20px 0;} .page-investor .s1 .a2 .s1-swiper .textBox .tit{overflow: auto; white-space: inherit; text-overflow: inherit;} .page-investor .s2 .cont{flex-direction: column-reverse;} .page-investor .s2{padding: 40px 0;} .page-investor .s2 .a1{width: 100%; margin-top: 30px; display: none;} .page-investor .s2 .a1 .picBox img{max-width: 100%;} .page-investor .s2 .a2{width: 100%;} .page-investor .s2 .a2 .b1 .tit{font-size: 24px;} .page-investor .s2 .a2 .b2{margin-top: 30px;} .page-investor .s2 .a2 .b2 a{padding: 12px;} .page-investor .s2 .a2 .b2 .c2{-webkit-line-clamp: inherit; line-clamp: inherit; font-size: 14px; line-height: 24px;} .page-investor .s2 .a2 .b2 .c3{margin-top: 14px; font-size: 14px;} } .page-about .s1{position: relative;background: url(pic_43.jpg) no-repeat center bottom;height: 628px;box-sizing: border-box;} .page-about .s1 .cont{display: flex;justify-content: space-between;height: 100%;/* align-items: center; */} .page-about .s1 .a1{width: 50%;box-sizing: border-box;padding-right: 8%;padding-top: 130px;} .page-about .s1 .a1 .b2{padding-top: 35px;font-size: 16px;color: 333333;line-height: 32px;} .page-about .s1 .a2{width: 50%;box-sizing: border-box;} .page-about .s1 .a2 .picBox{overflow: hidden;display: none;} .page-about .s1 .a2 .picBox img{width: 100%;transition: all 0.5s;} .page-about .s1 .a2 .picBox:hover img{border-radius: 100px 100px 100px 100px;} .page-about .s1 .cloudBox{position: absolute;top: 50%;right: 0;transform: translateY(-50%);z-index: 4;} .page-about .s1 .cloudBox .cloud01{-webkit-animation: cloudmove1 14s 0.2s linear infinite alternate-reverse;animation: cloudmove1 14s 0.2s linear infinite alternate-reverse;} .page-about .s1 .cloudBox .cloud02{position: absolute;top: 116px;right: 60%;-webkit-animation: cloudmove2 10s 0.2s linear infinite alternate-reverse;animation: cloudmove2 10s 0.2s linear infinite alternate-reverse;} .page-about .s2{padding-top: 92px;background: url(pic_44.jpg) no-repeat center top;max-width: 1920px;overflow: hidden;margin: 0 auto;} .page-about .s2 .a1{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 50px;padding-bottom: 54px;background: url(pic_45.png) no-repeat left top;} .page-about .s2 .a1 .b1{width: 50%;box-sizing: border-box;padding-right: 12.9%;} .page-about .s2 .a1 .b1 .tit{font-size: 32px;font-weight: bold;color: #ffffff;} .page-about .s2 .a1 .b1 .tip{margin-top: 9px;font-size: 16px;color: rgba(255,255,255,.8);line-height: 32px;} .page-about .s2 .a1 .b2{width: 50%;box-sizing: border-box;display: flex;justify-content: space-between;text-align: center;} .page-about .s2 .a1 .b2 .tit{position: relative;display: inline-block;font-family: Impact;font-size: 60px;color: #fff;} .page-about .s2 .a1 .b2 .tit span{margin-left: 4px;font-size: 16px;} .page-about .s2 .a1 .b2 .tit::before{position: absolute;right: 0;top: 15px;content: '+';font-size: 16px;color: #fff;} .page-about .s2 .a1 .b2 .tip{font-size: 16px;color: rgba(255,255,255,.65);} .page-about .s2 .a2{position: relative;width: 1150px;margin: 0 auto;padding-bottom: 15px;} .page-about .s2 .a2 .s2-swiper{width: 100%;overflow: visible;padding-top: 30px;} .page-about .s2 .a2 .s2-swiper .picBox{} .page-about .s2 .a2 .s2-swiper .picBox img{width: 100%;transition: all 0.5s;} .page-about .s2 .a2 .s2-swiper .picBox:hover img{border-radius: 100px;transform: translateY(-30px);} .page-about .s2 .a2 .s2-navigation{position: absolute;bottom: -15px;right: 25px;width: 76px;height: 35px;border-radius: 30px;background: #005eac;z-index: 10;display: flex;justify-content: space-between;} .page-about .s2 .a2 .s2-navigation .s2-prev{width: 28px;height: 100%;background: url(pic_47.png) no-repeat right center;cursor: pointer;} .page-about .s2 .a2 .s2-navigation .s2-next{width: 28px;height: 100%;background: url(pic_48.png) no-repeat left center;cursor: pointer;} .page-about .s3{padding: 57px 0 60px 0;background: url(world.jpg) no-repeat center;background-size: cover;margin-top: -15px;} .page-about .s3 .a1 .tit{font-size: 32px;font-weight: bold;color: #333333;text-align: center;} .page-about .s3 .a1 .tip{margin-top: 32px;font-size: 16px;color: #333;line-height: 32px;text-align: center;} .page-about .s3 .a2{display: flex;justify-content: space-between;align-items: center;margin-top: 50px;} .page-about .s3 .a2 .b1{position: relative;width: 64%;} .page-about .s3 .a2 .b1 #mainMap{width: 100%;height: 100%;} .page-about .s3 .a2 .b1 .mask{position: absolute;left: 64%;top: 59%;} .page-about .s3 .a2 .b1 .map-border-bg img {max-width: 100%; object-fit: cover;} .page-about .s3 .a2 .b1 .circleBox div span {display: inline-block;position: relative;width: 10px;height: 10px;margin-right: 20px;border-radius: 50%;background: #fff;vertical-align: middle;} .page-about .s3 .a2 .b1 .circleBox div { position: absolute; } .page-about .s3 .a2 .b1 .circleBox .c1 { left: 19%; top: 33%; } .page-about .s3 .a2 .b1 .circleBox .c2 { left: 20%; top: 58%; } .page-about .s3 .a2 .b1 .circleBox .c3 { left: 35%; top: 43%; } .page-about .s3 .a2 .b1 .circleBox .c4 { left: 41%; top: 40%; } .page-about .s3 .a2 .b1 .circleBox .c5 { left: 42%; top: 46%; } .page-about .s3 .a2 .b1 .circleBox .c6 { left: 42%; top: 55%; } .page-about .s3 .a2 .b1 .circleBox .c7 { left: 39%; top: 61%; } .page-about .s3 .a2 .b1 .circleBox .c8 { left: 38%; top: 75%; } .page-about .s3 .a2 .b1 .circleBox .c9 { left: 52%; top: 35%; } .page-about .s3 .a2 .b1 .circleBox .c10 { left: 50%; top: 62%; } .page-about .s3 .a2 .b1 .circleBox .c11 { left: 46%; top: 72%; } .page-about .s3 .a2 .b1 .circleBox .c12 { left: 49%; top: 82%; } .page-about .s3 .a2 .b1 .circleBox .c13 { left: 55%; top: 41%; } .page-about .s3 .a2 .b1 .circleBox .c14 { left: 57%; top: 80%; } .page-about .s3 .a2 .b1 .circleBox .c15 { left: 60%; top: 32%; } .page-about .s3 .a2 .b1 .circleBox .c16 { left: 62%; top: 36%; } .page-about .s3 .a2 .b1 .circleBox .c17 { left: 59%; top: 42%; } .page-about .s3 .a2 .b1 .circleBox .c18 { left: 67%; top: 74%; } .page-about .s3 .a2 .b1 .circleBox .c19 { left: 69%; top: 29%; } .page-about .s3 .a2 .b1 .circleBox .c20 { left: 73%; top: 24%; } .page-about .s3 .a2 .b1 .circleBox .c21 { left: 76%; top: 19%; } .page-about .s3 .a2 .b1 .circleBox .c22 { left: 0; top: 0; display: none; } .networkimg li { position: absolute; animation: 1s linear 0s infinite alternate none running ani-svg; } .networkimg li:nth-child(1) { top: 62.5%; left: 63.3%; } .networkimg li:nth-child(2) { top: 61.8%; left: 61.1%; } .networkimg li:nth-child(3) { top: 61.7%; left: 58.5%; } .networkimg li:nth-child(4) { top: 58.8%; left: 63%; } .networkimg li:nth-child(5) { top: 60.4%; left: 66.5%; } .networkimg li:nth-child(6) { top: 55.9%; left: 68.2%; } .networkimg li:nth-child(7) { top: 60.3%; left: 68.7%; } .networkimg li:nth-child(8) { top: 65.3%; left: 60.7%; } .networkimg li:nth-child(9) { top: 53.3%; left: 63.7%; } .networkimg li:nth-child(10) { top: 65.3%; left: 63.7%; } .networkimg li:nth-child(11) { top: 62.3%; left: 66.7%; } .networkimg li:nth-child(12) { top: 53.3%; left: 65.7%; } .networkimg li:nth-child(13) { top: 53.3%; left: 67.7%; } .networkimg li:nth-child(14) { top: 65.3%; left: 65.7%; } .networkimg li:nth-child(15) { top: 56.3%; left: 59.7%; } .networkimg li:nth-child(16) { top: 51.3%; left: 60.7%; } .networkimg li:nth-child(17) { top: 53.3%; left: 61.7%; } .networkimg li:nth-child(18) { top: 49.3%; left: 64.7%; } .networkimg li:nth-child(19) { top: 53.3%; left: 69.7%; } .networkimg li:nth-child(20) { top: 53.3%; left: 63.7%; } .networkimg li:nth-child(21) { top: 55.3%; left: 69.7%; } .networkimg li:nth-child(22) { top: 53.3%; left: 65.7%; } @keyframes ani-svg { 0% { opacity: .4; transform: translateY(-6px); } 15% { opacity: .65; transform: translateY(-4px); } 25% { opacity: .8; transform: translateY(-2px); } 50% { opacity: 1; transform: translateY(0); } 65% { opacity: .8; transform: translateY(2px); } 75% { opacity: .65; transform: translateY(4px); } 100% { opacity: .4; transform: translateY(6px); } } .page-about .s3 .a2 .b1 .circleBox div span::before { content: ""; position: absolute; border-radius: 50%; top: 50%; left: 50%; z-index: 1; width: 18px; height: 18px; background: rgba(255, 255, 255, 0.8); margin-left: -9px; margin-top: -9px; -webkit-animation: warn 2s linear 0s infinite; -moz-animation: warn 2s linear 0s infinite; animation: warn 2s linear 0s infinite; } .page-about .s3 .a2 .b1 .circleBox div span::after { content: ""; position: absolute; border-radius: 50%; top: 50%; left: 50%; z-index: 1; width: 30px; height: 30px; background: rgba(255, 255, 255, 0.5); margin-left: -15px; margin-top: -15px; -webkit-animation: warn 2s linear 0s infinite; -moz-animation: warn 2s linear 0s infinite; animation: warn 2s linear 0s infinite; } .page-about .s3 .a2 .b2{width: 400px;height: auto;} .page-about .s3 .a2 .b2 .picBox{overflow: hidden;} .page-about .s3 .a2 .b2 .picBox img{width: 100%;} .page-about .s3 .a2 .b2 .textBox{padding: 27px 28px 34px 28px;border: 1px solid #adbdca;border-top: none;} .page-about .s3 .a2 .b2 .textBox .c1{margin-bottom: 15px;font-size: 20px;font-weight: bold;color: #333333;} .page-about .s3 .a2 .b2 .textBox .c2{padding-left: 30px;font-size: 16px;color: #545353;line-height: 36px;background: url(pic_31.png) no-repeat left top 10px;} .page-about .s3 .a2 .b2 .textBox .c3{padding-left: 30px;font-size: 16px;color: #545353;line-height: 36px;background: url(pic_32.png) no-repeat left top 8px;} .page-about .s3 .a2 .s3-navigation{position: absolute;top: 225px;right: 0;width: 76px;height: 35px;transform: translateY(-100%);border-radius: 30px;background: #005eac;z-index: 10;display: flex;justify-content: space-between;} .page-about .s3 .a2 .s3-navigation .s3-prev{width: 28px;height: 100%;background: url(pic_47.png) no-repeat right center;cursor: pointer;} .page-about .s3 .a2 .s3-navigation .s3-next{width: 28px;height: 100%;background: url(pic_48.png) no-repeat left center;cursor: pointer;} .page-about .s4{padding: 110px 0 94px 0;background: url(pic_51.jpg) no-repeat center;background-size: cover;} .page-about .s4 .a1{display: flex;justify-content: space-between;} .page-about .s4 .a1 .b1{width: 830px;} .page-about .s4 .a1 .b1 .tit{font-size: 32px;font-weight: bold;color: #ffffff;} .page-about .s4 .a1 .b1 .tip{margin-top: 8px;font-size: 16px;color: rgba(255, 255, 255, 0.8);line-height: 32px;} .page-about .s4 .a1 .b2{width: 346px;} .page-about .s4 .a1 .b2 .s4-pagination{position: relative;left: auto;right: auto;top: auto;bottom: auto;margin: 0;text-align: left;color: #fff;} .page-about .s4 .a1 .b2 .s4-pagination .swiper-pagination-current{font-size: 20px;} .page-about .s4 .a1 .b2 .s4-pagination .swiper-pagination-total{font-size: 16px;} .page-about .s4 .a1 .b2 .swiper-num{color: #fff;} .page-about .s4 .a1 .b2 .swiper-num .act{font-size: 20px;} .page-about .s4 .a1 .b2 .swiper-num .tot{font-size: 16px;} .page-about .s4 .a1 .b2 .s4-scrollbar{position: relative;height: 5px;left: auto;right: auto;top: auto;bottom: auto;margin: 0;margin-top: 10px;border-radius: 0;background: rgba(255,255,255,0.2);} .page-about .s4 .a1 .b2 .s4-scrollbar .swiper-scrollbar-drag{border-radius: 0;background: #fff;} .page-about .s4 .a2{position: relative;display: flex;justify-content: flex-end;margin-top: 44px;} .page-about .s4 .a2::after{ position: absolute;left: 50%;bottom: -1px;content: '\20';width: 100vw;height: 40px;transform: translateX(-50%);background: url(pic_53.png) no-repeat bottom center;background-size: cover;} .page-about .s4 .a2 .s4-swiper{width: 81.25%;margin: 0;padding-bottom: 55px;padding-top: 30px;} .page-about .s4 .a2 .s4-swiper .swiper-wrapper{-webkit-transition-timing-function: linear!important;-moz-transition-timing-function: linear!important;-ms-transition-timing-function: linear!important;-o-transition-timing-function: linear!important;transition-timing-function: linear!important;} .page-about .s4 .a2 .s4-swiper .swiper-slide{/* border: 1px solid rgba(255,255,255,0.67); */transition: all 0.4s;/* background: rgba(255, 255, 255, 0.43); */width: auto;} .page-about .s4 .a2 .s4-swiper .swiper-slide .picBox{box-sizing: border-box;padding: 6px;} .page-about .s4 .a2 .s4-swiper .picBox img{width: auto;object-fit: cover; transition: all 0.4s;} .page-about .s4 .a2 .s4-swiper .swiper-slide:hover{transform: translateY(-30px);} .page-about .s4 .a3{margin-top: 40px;font-size: 16px;color: #fff;padding-left: 30px;line-height: 26px;background: url(pic_54.png) no-repeat left center;} @media screen and (max-width: 1200px) { .page-about .s1{background-position-x: 70%;} .page-about .s1 .a1{padding-top: 110px;} .page-about .s2 .a2{width: 92vw;} .page-about .s4 .a2::after{background-size: auto;} } @media screen and (max-width: 1000px) { .page-about .s1{height: auto; background: none;} .page-about .s1 .cont{flex-wrap: wrap;} .page-about .s1 .a1{width: 100%; padding-top: 40px; padding-right: 0;} .page-about .s1 .a1 .b2{padding-top: 30px;} .page-about .s1 .a2{width: 100%;} .page-about .s1 .a2 .picBox{display: block; position: relative; width: 100vw; left: -4%;} .page-about .s1 .cloudBox{top: auto; transform: none; bottom: 120px;} .page-about .s2 .a1 .b1{width: 40%; padding-right: 30px;} .page-about .s2 .a1 .b2{width: 60%;} .page-about .s3 .a1 .tit{font-size: 24px;} .page-about .s3 .a1 .tip{margin-top: 30px;} .page-about .s3 .a2{flex-wrap: wrap;} .page-about .s3 .a2 .b1{width: 100%;} .page-about .s3 .a2 .b2{width: 100%; margin-top: 30px;} .page-about .s3 .a2 .b2 .textBox{padding: 20px;} .page-about .s3 .a2 .s3-navigation{display: none;} .page-about .s4{padding: 40px 0 0 0;} .page-about .s4 .a1{flex-wrap: wrap;} .page-about .s4 .a1 .b1{width: 100%;} .page-about .s4 .a1 .b1 .tit{font-size: 24px;} .page-about .s4 .a1 .b2{width: 80%; margin-top: 30px;} .page-about .s4 .a2{margin-top: 0;} .page-about .s4 .a2 .s4-swiper{width: 100%;} .page-about .s4 .a3{display: none;} } @media screen and (max-width: 700px) { .page-about .s3 .a2 .s3-navigation{display: flex;} .page-about .s2{padding-top: 40px;} .page-about .s2 .a1{padding-top: 30px; padding-bottom: 30px;} .page-about .s2 .a1 .b1{width: 100%; padding-right: 0;} .page-about .s2 .a1 .b1 .tit{font-size: 22px;} .page-about .s2 .a1 .b2{width: 100%; margin-top: 12px;} .page-about .s2 .a1 .b2 .tit{font-size: 40px;} .page-about .s2 .a1 .b2 .tit::before{top: 6px;} .page-about .s2 .a1 .b2 .tip{padding: 0 5px;} } .page-speech .s1{min-height: 800px;padding: 74px 0 0 0;background: url(pic_62.jpg) no-repeat center bottom;background-size: cover;box-sizing: border-box;} .page-speech .s1 .cont{display: flex;justify-content: space-between;flex-direction: row-reverse;} .page-speech .s1 .a1{width: calc(100% - 540px);box-sizing: border-box;padding-right: 7.8%;} .page-speech .s1 .a1 .b2{margin-top: 50px;font-size: 16px;color: #333333;line-height: 32px;} .page-speech .s1 .a2{margin-top: 24px;padding-right: 30px;} .page-speech .s1 .a2 .picBox{position: relative;} .page-speech .s1 .a2 .picBox::before{content: '\20';position: absolute;right: -30px;bottom: -30px;width: 100%;height: 100%;background: rgba(60, 141, 208, 0.1);z-index: -1;} .page-speech .s1 .a2 .picBox img{border-radius: 5px;transition: all 0.4s;} @media screen and (max-width: 1200px) { .page-speech .s1 .cont{display: block; padding-bottom: 30px;} .page-speech .s1 .a1{width: 100%; padding-right: 0;} .page-speech .s1 .a2{float: right; padding: 40px 0 40px 40px;} } .page-development .s1{padding: 74px 0 60px 0;background: url(pic_62.jpg) no-repeat center bottom;background-size: cover;box-sizing: border-box;} .page-development .s1 .a1{display: flex;justify-content: space-between;align-items: flex-end;} .page-development .s1 .a1 .b2{display: flex;} .page-development .s1 .a1 .development-prev, .page-development .s1 .a1 .development-next{width: 35px;height: 35px;border-radius: 50%;background: url(pic_28.png) no-repeat center center #005eac;cursor: pointer;} .page-development .s1 .a1 .development-next{margin-left: 14px;transform: rotateY(180deg);} .page-development .s1 .a2{position: relative;margin-top: 70px;padding-bottom: 210px;} .page-development .s1 .a2 .b1 .swiper-slide{height: 540px;box-sizing: border-box;padding: 40px 70px 0 40px;transition: all 0.5s;} .page-development .s1 .a2 .b1 .swiper-slide-prev{padding-top: 210px;} .page-development .s1 .a2 .b1 .swiper-slide-active{padding-top: 180px;} .page-development .s1 .a2 .b1 .swiper-slide-next{padding-top: 110px;} .page-development .s1 .a2 .b1 .textBox{position: relative;padding-left: 62px;} .page-development .s1 .a2 .b1 .textBox::before{content: '\20';position: absolute;left: 0;top: 0;width: 15px;height: 15px;transform: translate(-50%, -50%);border-radius: 50%;background: #d9d9d9;} .page-development .s1 .a2 .b1 .textBox::after{content: '\20';position: absolute;left: 0;top: 0;width: 1px;height: 100%;transform: translate(-50%, 0);background: #d9d9d9;} .page-development .s1 .a2 .b1 .textBox .tit{font-size: 24px;font-weight: bold;color: #2c7bbd;} .page-development .s1 .a2 .b1 .textBox .tip{margin-top: 12px;height: 320px;font-size: 16px;color: #555555;line-height: 40px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;line-clamp: 8;-webkit-box-orient: vertical;} .page-development .s1 .a2 .b1 .textBox .item-video a{position: absolute;top: 0;left: 0;width: 29px;height: 29px;transform: translate(-50%, -50%);z-index: 20;visibility: hidden;opacity: 0;transition: all 0.6s;} .page-development .s1 .a2 .b1 .textBox .item-video .video-cirle::before{content: "";position: absolute;border-radius: 50%;top: 50%;left: 50%;z-index: 1;width: 40px;height: 40px;background: rgba(13, 71, 128, 0.4);margin-left: -20px;margin-top: -20px;-webkit-animation: warn 2s linear 0s infinite;-moz-animation: warn 2s linear 0s infinite;animation: warn 2s linear 0s infinite;} .page-development .s1 .a2 .b1 .textBox .item-video .video-cirle img{position: relative;z-index: 99;} .page-development .s1 .a2 .b1 .textBox .item-video .video-cirle::after{content: "";position: absolute;border-radius: 50%;top: 50%;left: 50%;z-index: 1;width: 60px;height: 60px;background: rgba(13, 71, 128, 0.2);margin-left: -30px;margin-top: -30px;-webkit-animation: warn 2s linear 0s infinite;-moz-animation: warn 2s linear 0s infinite;animation: warn 2s linear 0s infinite;} @keyframes warn{0%{transform: scale(0.5);opacity: 0;} 25%{transform: scale(1);opacity: 0.4;} 50%{transform: scale(1.2);opacity: 0.8;} 75%{transform: scale(1.3);opacity: 0.4;} 100%{transform: scale(1.4);opacity: 0;}} .page-development .s1 .a2 .b1 .textBox:hover .item-video a{visibility: visible;opacity: 1;} .page-development .s1 .a2 .b2{position: absolute;left: 0;bottom: 0;} .col-video{display: none;position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 999;background: rgba(0, 0, 0, 0.4);} .col-video .videoBox{position: absolute;left: 50%;top: 50%;width: 60%;transform: translate(-50%, -50%);} .col-video .videoBox .close{position: absolute;top: 0;right: 0;font-size: 30px;text-align: center;line-height: 30px;width: 30px;height: 30px;color: #fff;cursor: pointer;z-index: 999;} .col-video .videoBox video{width: 100%;height: auto;} @media screen and (max-width: 1200px) { .page-development .s1 .a2{margin-top: 0; padding-bottom: 0;} } @media screen and (max-width: 700px) { .page-development .s1{padding: 40px 0;} .page-development .s1 .a2 .b1 .swiper-slide{padding: 50px 20px 0 20px;} .page-development .s1 .a2 .b1 .textBox{padding-left: 20px;} } /* 鎼滅储缁撴灉 */ .search-result .a1{margin-bottom: 34px; padding-top: 32px; border-top: 1px solid #e9e9e9;} .search-result .a1 form input{float: left; height: 44px;} .search-result .a1 form input[type="text"]{width: 535px; padding-left: 38px; font-size: 16px; color: #000000; border: 1px solid #bababa; border-right: none; background: url(pic_84.png) no-repeat 12px center;} .search-result .a1 form input[type="submit"]{width: 110px;font-size: 16px;color: #ffffff;background: #005eac;cursor: pointer;} .search-result .a2{margin-bottom: 50px; padding-bottom: 24px; border-bottom: 1px solid #e9e9e9;} .search-result .a2 .b1 .item{float: left; margin-right: 40px; font-size: 18px; font-weight: bold; color: #333333;} .search-result .a2 .b1 .item:last-child{margin-right: 0;} .search-result .a2 .b1 .item a{color: #333333;} .search-result .a2 .b1 .item.on a{color: #005eac;} .search-result .a3 .search-result1 .item{margin-bottom: 44px;} .search-result .a3 .search-result1 .picBox{float: left; width: 230px; overflow: hidden;} .search-result .a3 .search-result1 .picBox img{max-width: 100%; transition: all 0.3s;} .search-result .a3 .search-result1 .textBox{float: left; width: 530px; margin-left: 33px; padding-top: 25px;} .search-result .a3 .search-result1 .textBox .tit{margin-bottom: 10px; font-size: 20px; font-weight: bold; color: #333333;} .search-result .a3 .search-result1 .textBox .tip{font-size: 14px; color: #666666; line-height: 24px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;} .search-result .a3 .search-result1 .item a:hover .picBox img{transform: scale(1.1);} .search-result .a3 .search-result1 .item a:hover .tit{color: #005eac;} .search-result .a3 .search-result3 .item{margin-bottom: 30px;} .search-result .a3 .search-result3 .item a{display: block; position: relative; width: 100%; box-sizing: border-box; padding-left: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 20px; line-height: 78px; color: #333333; transition: all 0.3s; background: url(pic_85.png) no-repeat 98% center;} .search-result .a3 .search-result3 .item a .tit{overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-right: 50px;} .search-result .a3 .search-result3 .item a::before{position: absolute;left: 0;top: 50%;content: '\20';width: 3px;height: 20px;transform: translateY(-50%);background: #005eac;visibility: hidden;opacity: 0;transition: all 0.3s;} .search-result .a3 .search-result3 .item a:hover{background-color: #f9f9f9;} .search-result .a3 .search-result3 .item a:hover::before{visibility: visible; opacity: 1;} .search-result .a4{position: relative;display: block;margin: 0 auto;padding: 52px 0 84px 0;box-sizing: border-box;min-height: 510px;} .search-result .a4 .tit{display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-overflow: ellipsis;max-height: 76px;font-size: 32px;font-weight: 500;color: #111;line-height: 38px;font-weight: bold;} .search-result .a4 ul{margin-top: 16px;font-size: 16px;color: rgba(17,17,17,0.7);line-height: 24px;} .search-result .a4 ul li {margin-bottom: 10px;} @media screen and (max-width: 1200px) { .search-result .a3 .search-result3 .item a{background: #f9f9f9;} .search-result .a3 .search-result3 .item a::before{visibility: visible; opacity: 1;} } @media screen and (max-width: 1000px) { .search-result .a3 .search-result1 .textBox{width: 450px;} } @media screen and (max-width: 700px) { .search-result .a1 form input[type="text"]{width: 75%;} .search-result .a1 form input[type="submit"]{width: 25%;} .search-result .a2 .b1 .item{margin-right: 24px;} .search-result .a3 .search-result1 .picBox{width: 100%;} .search-result .a3 .search-result1 .textBox{width: 100%;box-sizing: border-box; margin-left: 0; padding: 14px 14px 0 14px;} .search-result .a3 .search-result1 .textBox .tit{font-size: 18px;} .search-result .a3 .search-result3 .item{margin-bottom:22px;} .search-result .a3 .search-result3 .item a{padding-left: 18;font-size: 16px;line-height: 2; overflow: auto; white-space: inherit; text-overflow: inherit;} .search-result .a3 .search-result3 .item a .tit{overflow: auto; white-space: inherit; text-overflow: inherit; padding-right: 18px;} } .cov{position: fixed;left: 0;top:0;width: 100%;height: 100%;background:rgba(0,0,0,0.5);z-index:9998;display: none;} .biaodan{position: fixed; padding:35px; margin:-330px 0 0 -240px; background:#fff url(zp-3.png) no-repeat center;left:50%;top:50%; z-index:9999; display: none;} .biaodan .i-biaodan{border:1px solid #dadada;padding: 45px;width: 315px;position:relative;} .biaodan .i-biaodan .h{font-size: 28px;line-height: 28px;text-align: center;font-weight: bold;margin-bottom: 12px;} .biaodan .i-biaodan .e{font-size:14px;line-height: 14px;text-align: center;color: #969696;padding-bottom:16px;margin-bottom: 15px;} .biaodan .i-biaodan .close{ display:block; width:24px; height:24px; background:url(zp-1.png) no-repeat center; cursor:pointer; position:absolute; top:15px; right:15px;} .biaodan .i-biaodan ul li{padding:15px 18px;border:1px solid #c8c8c8;margin-bottom:22px;color: #bfbfbf;font-size:15px;line-height: 25px;} .biaodan .i-biaodan ul li label { float:left; display:block; width:30px; height:25px; } .biaodan .i-biaodan ul li:nth-child(1) label{background:url(zp-5.jpg) no-repeat left center;} .biaodan .i-biaodan ul li:nth-child(2) label{background:url(zp-4.png) no-repeat left center;} .biaodan .i-biaodan .ta textarea{padding:15px 18px;border:1px solid #c8c8c8;font-size:15px;line-height: 25px;color: #333;width:100%;box-sizing: border-box;} .biaodan .i-biaodan .jl{font-size:15px;line-height: 25px;margin: 14px 0;} .biaodan .i-biaodan .sub input{/* float:right; */width: calc(100%);font-size: 20px;line-height:46px;background: #005eac;text-align: center;color: #fff;} .biaodan .i-biaodan input { border: 0; } @media screen and (max-width: 700px){ .col-video .videoBox{width: 96%;} } @keyframes widthIn{0%{} 25%{width: 100%;height: 100%;} 100%{width: 100%;height: 100%;}} @keyframes widthIn2{0%{} 25%{width: calc(100% - 2px);height: calc(100% - 2px);} 100%{width: calc(100% - 2px);height: calc(100% - 2px);}} @keyframes warn{0%{transform: scale(0.5);opacity: 0;} 25%{transform: scale(1);opacity: 0.4;} 50%{transform: scale(1.2);opacity: 0.8;} 75%{transform: scale(1.3);opacity: 0.4;} 100%{transform: scale(1.4);opacity: 0;}} @keyframes scaleIn{from{opacity: 1;-webkit-transform: scale(1);transform: scale(1);} to{-webkit-transform: scale(1.05);transform: scale(1.05);}} @keyframes righTOP{from{transform: translateY(20px);opacity: 0;-webkit-transform: translateY(20px);-moz-transform: translateY(20px);-ms-transform: translateY(20px);-o-transform: translateY(20px);} to{transform: translateY(0);opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);}} @keyframes gradient-rectangle{0%{-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: bottom;transform-origin: bottom;background: linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6));background: -webkit-linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6));opacity: 1;} 100%{-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: top;transform-origin: top;background: linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6));background: -webkit-linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6));opacity: 0;}} @-webkit-keyframes gradient-rectangle{0%{-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: bottom;transform-origin: bottom;background: linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6));background: -webkit-linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6));opacity: 1;} 100%{-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transform-origin: top;transform-origin: top;background: linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6));background: -webkit-linear-gradient(to top,rgba(255, 255, 255, 0),rgba(255, 255, 255, 0.6));opacity: 0;}} @keyframes cloudmove1{ 0%{transform: translateX(0)} 100%{transform: translateX(-400px);} } @keyframes cloudmove2{ 0%{transform: translateX(-400px);} 100%{transform: translateX(0);} }