@charset "UTF-8"; .w1520 { max-width: 1536px; width: 80%; margin: 0 auto; } .w1400 { max-width: 1400px; width: 72.9%; margin: 0 auto; } .lh13 { line-height: 1.3; } .lh11 { line-height: 1.1; letter-spacing: -1.5px; } .w1760 { max-width: 1760px; width: 91.6%; margin: 0 auto; } .indexline { width: 0; height: 2px; position: absolute; top: 21%; left: 0; background-color: #fff; margin-top: 0; } .top_nav { height: 60px; line-height: 60px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .play { z-index: 4; } .wr { width: 100%; position: relative; } .pc_header { height: 125px; position: absolute; z-index: 99999; width: 100%; left: 0; top: 0; background: transparent; transition: all .3s ease-in-out; } .top_nav .left a { height: 100%; line-height: 60px; margin-right: 40px; position: relative; } .sdsae .more { display: inline-block; width: auto; height: auto; z-index: 22; line-height: normal; text-align: center; background-color: transparent; color: #fff; border-radius: 5px; font-size: 16px; transition: all .5s ease 0s; margin-top: 1rem; } .sdsae .more .span1 { transform: translateX(0); } .sdsae .more svg { fill: #fff; } .top_nav .left a:after { content: ""; width: 1px; background-color: rgba(255, 255, 255, 0.5); height: 26%; top: 37%; position: absolute; right: -20px; } .top_nav .right .box svg { vertical-align: middle; margin-right: .1rem; fill: #fff; display: inline-block; margin-top: -2px; } .top_nav .right .box span { vertical-align: middle; } .top_nav .right { display: flex; } .top_nav .right .box { margin-right: 20px; position: relative; } .top_nav .right .box:after { content: ""; width: 1px; background-color: #fff; height: 20%; top: 40%; position: absolute; right: -10px; } .lang { position: relative; } .lang_sub { width: 100%; position: absolute; top: 20px; left: 0; display: none; } .lang .icon { position: absolute; right: -10px; top: 28px; } .mc { color: #0041c3; } .cu-p { cursor: pointer; } .main_nav { height: 65px; margin-top: -10px; display: flex; justify-content: space-between; align-items: center; } .main_nav .left { display: flex; align-items: center; justify-content: flex-start; height: 68px; margin-top: 14px; } .main_nav .right svg { fill: #fff; } .main_nav .logo { width: 166px; display: inline-block; position: relative; } .main_nav .p_nav .li { margin-left: 40px; float: left; } .img1 { opacity: 1; } .img2 { opacity: 0; position: absolute; top: 0; left: 0; } .pc_header.white { background-color: #fff; } .bg { width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; } .banner { height: 100vh; overflow: hidden; z-index: 3; } .banner .big_banner { height: 100%; } .banner .big_banner .txt { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; } .banner .big_banner .txt .tit-90 { font-size: 2rem; line-height: 1; transition: all .5s ease 0s; } .banner .big_banner .txt .tit-20 { width: 47.5%; text-align: justify; line-height: 1.5; margin-top: .8rem; transition: all .5s ease 0s; } .banner .big_banner .txt .more { margin-top: 50px; } .more { display: inline-block; width: 230px; height: 56px; z-index: 22; line-height: 56px; text-align: center; background-color: #0041c3; color: #fff; border-radius: 5px; font-size: 16px; transition: all .5s ease 0s; } .more svg { vertical-align: middle; display: inline-block; transform: translateY(-3px); } .more span { display: inline-block; transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1); } .more .span1 { transform: translateX(-50%); } .more .span2 { margin-left: 8px; transform: translateX(160%); } .more:hover { color: #fff; } .more:hover .span1, .more:hover .span2 { transform: translateX(0); } .big_banner .swiper-slide-active .bg { transform: scale3d(1.1, 1.1, 1); } .big_banner .bg { transition: all 7s cubic-bezier(0.04, 0.79, 1, 1); } .small_banner { position: absolute; left: 10.4%; bottom: 2rem; height: 90px; overflow: hidden; } .small_banner .swiper-slide { line-height: 30px; font-size: 18px; color: rgba(255, 255, 255, 0.6); transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1); padding-left: 20px; cursor: pointer; position: relative; } .small_banner .swiper-slide:after { content: ""; width: 1px; background-color: #fff; height: 60%; top: 20%; position: absolute; left: 0; opacity: 0; } .small_banner .swiper-slide.swiper-slide-active { font-size: 20px; color: #fff; } .small_banner .swiper-slide.swiper-slide-active:after { opacity: 1; } #overlay { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; display: block; background: #fff; opacity: 0; z-index: 2; transition: all 0.2s; } .home_a { width: 100%; height: 100vh; background-color: #fff; z-index: 1; position: relative; } #overlay.active { z-index: 4; } .home_a_img { max-width: none; transition: all 0.3s ease 0s; opacity: 0; width: 20%; top: 100%; } .home_a_img.active { opacity: 1; } .tec { position: absolute; width: 100%; height: 100vh; opacity: 0; transition: all 0.3s ease 0s; background-image: url(../img/2.jpg); background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; } .tec.active { opacity: 1; z-index: 3; } .tec .timg { position: absolute; top: 50%; left: 50%; transform: translate(-40%, -60%); transition: all 0.5s ease 0s; } .tec.active .timg { transform: translate(-50%, -50%); width: 22.5%; } .tec .list { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .tec .list .item { position: absolute; } .tec .list .item { position: absolute; width: 4.575rem; opacity: 0; transform: translateY(-10%); transition: all 0.5s; } @keyframes turn { 0% { -webkit-transform: rotate(0deg); } 25% { -webkit-transform: rotate(90deg); } 50% { -webkit-transform: rotate(180deg); } 75% { -webkit-transform: rotate(270deg); } 100% { -webkit-transform: rotate(360deg); } } .tec .list .item .num { color: #00cff3; z-index: 3; } .tec .list .item1 { left: 36%; top: 8%; } .tec .list .item1 .timg2 { position: absolute; left: -55%; top: 11%; } .tec .list .item1 .tit-16 { color: #2be7fb; position: absolute; left: -95%; top: 16%; font-size: 0.45rem; transform: translateX(-10%); opacity: 0; transition: all 0.3s; } .tec .list .item2 { left: 70%; top: 18%; } .tec .list .item2 .timg2 { position: absolute; right: -55%; top: 20%; } .tec .list .item2 .tit-16 { color: #2be7fb; position: absolute; right: -92%; top: 24%; font-size: 0.45rem; transform: translateX(-10%); opacity: 0; transition: all 0.3s; } .tec .list .item3 { left: 62%; top: 57%; } .tec .list .item3 .timg2 { position: absolute; right: -55%; top: 18%; } .tec .list .item3 .tit-16 { color: #2be7fb; position: absolute; right: -103%; top: 22%; font-size: 0.45rem; transform: translateX(-10%); opacity: 0; transition: all 0.3s; } .tec .list .item .tit-16 { font-size: 0.5rem; } .tec .list .item4 { left: 34%; top: 75%; } .tec .list .item4 .timg2 { position: absolute; left: -70%; bottom: 18%; } .tec .list .item4 .tit-16 { color: #2be7fb; position: absolute; left: -115%; font-size: 0.45rem; bottom: 25%; transform: translateX(-10%); opacity: 0; transition: all 0.3s; } .tec .list .item5 { left: 20%; top: 40%; } .tec .list .item5 .timg2 { position: absolute; left: -55%; top: 11%; } .tec .list .item5 .tit-16 { color: #2be7fb; position: absolute; left: -100%; top: 16%; font-size: 0.45rem; transform: translateX(-10%); opacity: 0; transition: all 0.3s; } .tec .list .item1.on { opacity: 1; transform: translateY(0); } .tec .list .item1.on .timg1 { animation: turn .5s linear 1 alternate forwards; } .tec .list .item .timg1 { position: relative; z-index: 2; } .tec .list .item1 .timg2 { opacity: 0; filter: alpha(opacity=0); transition-delay: 1.5s; transition: clip-path 1s cubic-bezier(0.62, 0.04, 0, 0.96), opacity 0.5s; clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } .tec .list .item1 .timg2.on { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); opacity: 1; } .tec .list .item1 .tit-16.on { opacity: 1; transform: translateX(0); } .tec .list .item2.on { opacity: 1; transform: translateY(0); } .tec .list .item2.on .timg1 { animation: turn .5s linear 1 alternate forwards; } .tec .list .item2 .timg2 { opacity: 0; filter: alpha(opacity=0); transition-delay: 1.5s; transition: clip-path 1s cubic-bezier(0.62, 0.04, 0, 0.96), opacity 0.5s; clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } .tec .list .item2 .timg2.on { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); opacity: 1; } .tec .list .item2 .tit-16.on { opacity: 1; transform: translateX(0); } .tec .list .item3.on { opacity: 1; transform: translateY(0); } .tec .list .item3.on .timg1 { animation: turn .5s linear 1 alternate forwards; } .tec .list .item3 .timg2 { opacity: 0; filter: alpha(opacity=0); transition-delay: 1.5s; transition: clip-path 0.5s cubic-bezier(0.62, 0.04, 0, 0.96), opacity 0.5s; clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } .tec .list .item3 .timg2.on { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); opacity: 1; } .tec .list .item3 .tit-16.on { opacity: 1; transform: translateX(0); } .tec .list .item4.on { opacity: 1; transform: translateY(0); } .tec .list .item4.on .timg1 { animation: turn .5s linear 1 alternate forwards; } .tec .list .item4 .timg2 { opacity: 0; filter: alpha(opacity=0); transition-delay: 1.5s; transition: clip-path 0.5s cubic-bezier(0.62, 0.04, 0, 0.96), opacity 0.5s; clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } .tec .list .item4 .timg2.on { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); opacity: 1; } .tec .list .item4 .tit-16.on { opacity: 1; transform: translateX(0); } .tec .list .item5.on { opacity: 1; transform: translateY(0); } .tec .list .item5.on .timg1 { animation: turn .5s linear 1 alternate forwards; } .tec .list .item5 .timg2 { opacity: 0; filter: alpha(opacity=0); transition-delay: 1.5s; transition: clip-path 0.5s cubic-bezier(0.62, 0.04, 0, 0.96), opacity 0.5s; clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } .tec .list .item5 .timg2.on { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); opacity: 1; } .tec .list .item5 .tit-16.on { opacity: 1; transform: translateX(0); } .tec_cont { position: absolute; width: 100%; height: 100vh; opacity: 1; transition: all 0.3s ease 0s; background: rgba(4, 70, 197, 0.8); background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; z-index: 4; opacity: 0; } .aboutow {} .tec_cont .w1520 { height: 100%; } .tec_cont .tit-84 { font-size: 2.1rem; position: absolute; top: 10%; width: 100%; padding-bottom: .8rem; opacity: 0; transform: translateX(-50%); transition-delay: 2s; transition: all 1s cubic-bezier(0.26, 0.57, 0.82, 1.09); } .tec_cont .tit-84:after { content: ""; width: 0; height: 2px; position: absolute; left: 0; background-color: #fff; bottom: 0; transition: all 1s; } .tec_cont .con { width: 40%; position: absolute; right: 0; top: 40%; } .tec_cont .con .tit-50 { line-height: 1.1; margin-bottom: 1rem; opacity: 0; transform: translateY(10%); transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .tec_cont .con .tit-18 { opacity: 0; transform: translateY(10%); transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .tec_cont .con .more { background-color: transparent; border: 1px solid #fff; color: #fff; margin-top: 1rem; opacity: 0; transform: translateY(10%); transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .home_b { width: 100%; height: 100vh; background-color: #fff; z-index: 1; position: relative; } .tec_cont.active .tit-84 { opacity: 1; transform: translateX(0); } .tec_cont.active .tit-84:after { transition-delay: 1s; width: 100%; } .tec_cont.active .con .tit-50 { transition-delay: 1s; opacity: 1; transform: translateY(0); } .tec_cont.active .con .tit-18 { transition-delay: 1.5s; opacity: 1; transform: translateY(0); } .tec_cont.active .con .more { transition-delay: 2s; opacity: 1; transform: translateY(0); } .home_c { padding: 3.15rem 0; z-index: 33; background-position: center; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; } .home_c .con_a { margin-top: 3.25rem; } .home_c .con_a .li { width: 50%; height: 11.5rem; float: left; background-color: #fff; } .home_c .con_a .li .txt { width: 100%; } .home_c .con_a .li1 { background-color: #fff; margin-top: -1.5rem; } .home_c .con_a .li1 .more { background-color: transparent; border: 1px solid #fff; color: #fff; margin-top: 1.5rem; width: 230px; height: 50px; line-height: 50px; } .home_c .con_a .li1 .more svg { fill: #fff; } .home_c .con_a .li2 { background-position: center; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; } .home_c .con_a .li2 .more { background-color: transparent; border: 1px solid #000; color: #333; margin-top: 1.5rem; width: 230px; height: 50px; line-height: 50px; } .home_c .con_a .li2 .more svg { fill: #000; } .lh1 { line-height: 1; } .lh12 { line-height: 1.2; } .ic1 { width: 2.425rem; top: 67%; left: 15%; position: absolute; animation-delay: .5s; /*animation: heart 1.1s ease-in-out infinite alternate;*/ } .ic2 { width: 1.775rem; top: 10%; left: 6%; position: absolute; /*animation: heart 1s ease-in-out infinite alternate;*/ } .ic3 { width: .775rem; top: 42%; left: 25%; position: absolute; /*animation: heart 1.2s ease-in-out infinite alternate;*/ } .ic4 { width: 2rem; top: 10%; left: 76%; position: absolute; /*animation: heartl 1.4s ease-in-out infinite alternate;*/ } .ic5 { width: 1.25rem; top: 50%; left: 71%; position: absolute; /*animation: heartl 1.2s ease-in-out infinite alternate;*/ } .ic6 { width: .9rem; top: 73%; left: 84%; position: absolute; /*animation: heartl 1.2s ease-in-out infinite alternate;*/ } @keyframes heart { from { transform: translate(0, 0); } to { transform: translate(5px, 10px); } } @keyframes heartl { from { transform: translate(10px, -10px); } to { transform: translate(0, 0); } } .index_con { z-index: 33; background-image: url(../img/cabg.png); background-position: center; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; } .home_e .table { margin-top: 1rem; display: none; } .home_e .table a { display: inline-block; vertical-align: top; height: 1rem; line-height: 1rem; font-size: 0.4rem; text-align: center; padding: 0 0.5rem; color: #0041c3; border: 1px solid #0041c3; border-radius: 5px; margin: 0 .2rem; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); } .home_e .table a.on { background-color: #0041c3; color: #fff; } .home_e .table a:hover { background-color: #0041c3; color: #fff; } .home_e .index_ajax { overflow: hidden; padding-top: 2.25rem; padding-bottom: 1.5rem; margin-top: 0; } .home_e .index_ajax .news-container { transform: translateX(-20%); } .home_e .index_ajax .news-container .swiper-slide { width: 18.675rem; display: block; margin-right: 2.125rem; position: relative; } .home_e .index_ajax .news-container .swiper-slide .mark { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #fff; opacity: 0.6; } .home_e .index_ajax .news-container .swiper-slide a { display: block; width: 100%; margin-bottom: .6rem; } .home_e .index_ajax .news-container .swiper-slide .img { width: 100%; height: 11.05rem; overflow: hidden; position: relative; } .home_e .index_ajax .news-container .swiper-slide .img .bg { transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .home_e .index_ajax .news-container .swiper-slide .tit { color: #111; position: relative; padding: 0.2rem 0; opacity: .6; } .home_e .index_ajax .news-container .swiper-slide .tit span { vertical-align: top; font-size: .6rem; } .home_e .index_ajax .news-container .swiper-slide .tit:after { content: ""; position: absolute; width: 100%; height: 2px; background-color: #111; left: 0; bottom: 0; opacity: .6; } .home_e .index_ajax .news-container .swiper-slide .tit:before { content: ""; position: absolute; width: 0%; height: 2px; z-index: 2; background-color: #0041c3; left: 0; bottom: 0; transition: all 1.5s; } .home_e .index_ajax .news-container .swiper-slide .tit-20 { color: #888888; padding: .8rem; line-height: 1.3; display: none; } .home_e .index_ajax .news-container .swiper-slide a:hover .bg { transform: scale(1.2); } .home_e .index_ajax .news-container .swiper-slide a:hover .tit { color: #0041c3; } .home_e .index_ajax .news-container .swiper-slide a:hover .tit:before { width: 100%; } .home_e .index_ajax .news-container .swiper-slide:nth-child(2n) { width: 12.925rem; } .home_e .index_ajax .news-container .swiper-slide:nth-child(2n) .img { height: 7.6rem; } .home_e .index_ajax .news-container .swiper-slide:nth-child(2n) a { margin-bottom: 1.5rem; } .home_e .index_ajax .news-container .swiper-slide:nth-child(2n) .tit { line-height: 1.4; } .home_e .index_ajax .news-container .swiper-slide.active .mark { opacity: 0; } .home_e .index_ajax .news-container .swiper-slide.active .tit { opacity: 1; } .home_e .index_ajax .news-container .swiper-slide.active .tit:after { opacity: 1; } .home_e .index_ajax .news-container { transform: translate(-10%, 0); opacity: 0; transition: all 1.5s; } .home_e .index_ajax .news-container.show { opacity: 1; transform: translate(-20%, 0); } .home_f { padding: 1rem 0; overflow: hidden; } .home_f .more { background-color: transparent; border: 1px solid #0041c3; color: #0041c3; } .home_f .more svg { fill: #0041c3; } .home_f .ww1520 { max-width: 1520px; width: 89.55%; margin-left: 10.45%; } .home_f .ww1520 .indexnews-container { margin-top: 1.5rem; } .home_f .ww1520 .indexnews-container .swiper-slide { display: block; width: 11.75rem; margin-right: 1rem; } .home_f .ww1520 .indexnews-container .swiper-slide .time { display: inline-block; padding: 0 0.2rem; background-color: #e5ecf9; margin: 0.5rem 0; } .home_f .ww1520 .indexnews-container .swiper-slide .tit-26 { line-height: 1.2; color: #000; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); } .home_f .ww1520 .indexnews-container .swiper-slide:hover .tit-26 { color: #0041c3; text-decoration: underline; } .home_g { padding: 5rem 0; padding-bottom: 2.5rem; } footer { padding-top: 2.5rem; background-color: #060c1c; z-index: 33; } footer .top { top: 0; display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 1.7rem; border-bottom: 1px solid rgba(255, 255, 255, 0.4); } footer .logo { width: 166px; } .rdw { display: inline-block; vertical-align: top; font-size: 16px; } footer .list { margin-top: .8rem; } footer .list a { display: inline-block; vertical-align: top; opacity: 0.5; margin-right: 0.5rem; position: relative; } footer .list a .ewm { position: absolute; width: 3rem; left: 50%; transform: translateX(-50%); opacity: 0; } footer .list a:hover .ewm { opacity: 1; } footer .list a:hover { opacity: 1; } footer .nav .li { float: left; margin-right: 2rem; } footer .nav .li a { font-size: .5rem; } footer .nav .sub { margin-top: .2rem; display: none; } footer .nav .sub a { display: block; opacity: 0.5; font-size: 0.4rem; line-height: 1rem; color: #afb9d0; ; } footer .gp { color: rgba(255, 255, 255, 0.4); margin-top: .1rem; } footer .nav .sub a:hover { opacity: 1; color: #fff; } footer .bot { height: 3rem; display: flex; align-items: center; justify-content: space-between; } footer .bot .tit-15 { color: #fff; } footer .bot .tit-15 a { color: #fff; display: inline-block; margin: 0 0.2rem; } .sub_banner { height: 21.25rem; } .sub_banner .txt { position: absolute; left: 10%; top: 5rem; } .sub_banner .txt .tit-100 { font-size: 2.5rem; line-height: 1; } /*.pc_header.info { border-bottom: 1px solid #ccc; }*/ .pc_header.info .top_nav .left a { color: #888; } .pc_header.info .top_nav .right .box span { color: #010101; } .pc_header.info .lang a { color: #010101; display: inline-block; vertical-align: middle; } .pc_header.info .top_nav .right .box svg { fill: #010101; } .pc_header.info .top_nav .right .box:after { background-color: #010101; } .pc_header.info .img2 { opacity: 1; } .pc_header.info .img1 { opacity: 0; } .pc_header.info .top_nav .left a:after { background-color: #888; } .pc_header.info .main_nav .p_nav .li a { color: #000000; } .pc_header.info .solu:hover a.bigt1 { color: #fff; } .pc_header.info .ysever:hover .bigt1 { color: #000000 !important; } .pc_header.info .main_nav .right svg { fill: #0041c3; } .pc_header.info .main_nav .right form { border: 1px solid #0041c3; } .pc_header.info .main_nav .right form .tetx { color: #000; } .ind_a .sub { width: 72%; margin: 0 auto; margin-top: 0.75rem; } .ind { padding: 2.5rem 0; } .ind_b .list .li { margin-bottom: 1.375rem; } .ind_b .list .li .left { float: left; width: 51%; height: 15rem; position: relative; } .ind_b .list .li .left .txt { width: 100%; } .ind_b .list .li .left .tit-18 { margin-top: 1rem; text-align: justify; } .ind_b .list .li .right { width: 41%; float: right; height: 15rem; } .ind_b .list .li:nth-child(2n) .left { float: right; padding-right: 0; padding-left: 2.2rem; } .ind_b .list .li:nth-child(2n) .right { float: left; } .ind_b .item { margin-top: 1rem; padding: 2.25rem 0 0 0; border-top: 4px solid #000; } .ind_b .item .left { float: left; height: 15rem; width: 55%; position: relative; } .ind_b .item .left .tit-60 { width: 100%; } .ind_b .item .right { float: right; height: 15rem; width: 38%; } .ind_c { background-color: #e5ecf9; } .ind_c .list { margin-top: 2.4rem; } .ind_c .list .li { width: 31%; margin-right: 3.5%; float: left; } .ind_c .list .li .img { width: 100%; height: 7.5rem; margin-bottom: 1.325rem; } .ind_c .list .li .tit-18 { margin-top: .3rem; ; } .ind_c .list .li:nth-child(3n) { margin-right: 0; } .ind_sub { width: 72%; margin: 0 auto; margin-top: 0.75rem; } .ind_d .tit-36 { border-top: 4px solid #000; padding: 1.5rem 0; } .ind_e { padding-bottom: 2.5rem; overflow: hidden; padding-top: 1.5rem; } .ind_e.hdcf { background-color: #fff; z-index: 33; padding-bottom: 2.5rem; } .butn a { display: inline-block; width: 2rem; height: 1.15rem; border: 2px solid #0041c3; vertical-align: top; border-radius: 1.15rem; position: relative; margin-left: .5rem; } .butn a svg { fill: #0041c3; } .butn a:first-child { transform: rotate(180deg); } .butn a:hover { background-color: #0041c3; } .butn a:hover svg { fill: #fff; } .ind_e .cont { margin-top: 1.5rem; } .ind_e .cont .ind_e_container { padding: 1rem 0; } /*.ind_e .cont .ind_e_container .swiper-wrapper{ justify-content: center; }*/ .ind_e .cont .ind_e_container .swiper-slide { width: 11rem; display: block; height: 14.5rem; border-radius: 8px; margin: 0 .8rem; overflow: hidden; box-shadow: 6px 17px 40px rgba(3, 66, 193, 0.3); position: relative; } .ind_e .cont .ind_e_container .swiper-slide .txt { width: 100%; height: 36%; position: absolute; bottom: 0rem; background-image: linear-gradient(transparent, #0342c1a1); } .ind_e .cont .ind_e_container .swiper-slide .bg { /* background-size: contain; */ } .ind_e .cont .ind_e_container .swiper-slide .txt .con { position: absolute; bottom: 0; padding: 1.5rem 1rem; } .ind_e .cont .ind_e_container .swiper-slide .txt .more { display: inline-block; width: auto; height: auto; z-index: 22; line-height: normal; text-align: center; background-color: transparent; color: #fff; border-radius: 5px; font-size: 16px; transition: all .5s ease 0s; } .ind_e .cont .ind_e_container .swiper-slide .txt .more .span2 { margin-left: 10px; transform: translateX(0); } .ind_e .cont .ind_e_container .swiper-slide .txt .more .span1 { transform: translateX(0); } .ind_e .cont .ind_e_container .swiper-slide:nth-child(2n-1) { transform: translateY(1.6rem); } .ind_f { height: auto; background-repeat: no-repeat; background-size: cover; background-position: fixed; position: relative; padding: 0; padding-top: 5.5rem; min-height: 100vh; } .ind_f .por { float: left; margin-left: 10%; width: 30%; } .ind_f .bgi { height: 100vh; position: absolute; top: 0; left: 0; } .ind_f.ind_f_900 .bgi { height: 100vh; position: absolute; top: 0; left: 0; } .ind_f .list { width: 45%; margin-right: 10%; top: 0; float: right; height: auto; margin-top: -4.5rem; } .ind_f .list ul { width: 49%; margin-right: 2%; float: left; } .ind_f .list ul li { width: 100%; height: 14.5rem; overflow: hidden; border-radius: 13px; margin-bottom: 0.7rem; } .ind_f .list ul li a { display: block; width: 100%; height: 100%; position: relative; } .ind_f .list ul li a .txt { width: 100%; height: 80%; position: absolute; bottom: 0rem; background-image: linear-gradient(transparent, rgba(8, 6, 7, 0.5)); } .ind_f .list ul li a .txt .con { position: absolute; bottom: 0; padding: 1.5rem 1rem; } .ind_f .list ul li a .txt .con .tit-16 { margin: 0.2rem 0 0.5rem 0; height: 1.5rem; overflow: hidden; transition: all 0.4s; } /* .ind_f .list ul li a { cursor: auto; } .ind_f .list ul li a .more { display: none; } */ .ind_f .list ul li a .more { margin-top: 1rem; width: auto; height: auto; z-index: 22; line-height: normal; text-align: center; background-color: transparent; color: #fff; border-radius: 5px; font-size: 16px; transition: all .5s ease 0s; } .ind_f .list ul li a .more svg { fill: #fff; } .ind_f .list ul li a .more .span2 { margin-left: 10px; transform: translateX(0); } .ind_f .list ul li a .more .span1 { transform: translateX(0); } .ind_f .list .list2 { margin-right: 0; } .ind_f .list .list1 { /* margin-top: 9rem; */ } .ind_f .list::-webkit-scrollbar { opacity: 0; width: 0; } /* .hnb,.hnm{ letter-spacing: -1.5px; } */ .ind_g .ind_g_container { overflow: hidden; margin-top: 1.4rem; } .ind_g .ind_g_container .swiper-slide { display: block; height: 16rem; position: relative; } .ind_g .ind_g_container .swiper-slide .txt { position: absolute; top: 50%; transform: translateY(-50%); right: 20%; opacity: 0; width: 21.5rem; padding: 2rem 1.5rem; transition: 0.8s cubic-bezier(0.6, 0.2, 0.1, 1); background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0.5)); } .ind_g .ind_g_container .swiper-slide .txt .tit-18 { color: #444; margin-bottom: .9rem; } .ind_g .ind_g_container .swiper-slide .txt .tit-18 span { display: inline-block; margin-right: 1.1rem; } .ind_g .ind_g_container .swiper-slide .txt .more { display: inline-block; width: auto; height: auto; z-index: 22; line-height: normal; text-align: center; background-color: transparent; color: #0041c3; border-radius: 5px; margin-top: .9rem; font-size: 16px; transition: all .5s ease 0s; } .ind_g .ind_g_container .swiper-slide .txt .more svg { fill: #0041c3; } .ind_g .ind_g_container .swiper-slide .txt .more .span2 { margin-left: 10px; transform: translateX(0); } .ind_g .ind_g_container .swiper-slide .txt .more .span1 { transform: translateX(0); } .ind_g .ind_g_container .swiper-slide.swiper-slide-active .txt { right: 0; opacity: 1; } .ind_h .ind_h_container { margin-top: 1.4rem; overflow: hidden; } .ind_h .ind_h_container a { display: flex; width: 22%; margin-right: 4%; align-items: center; float: left; justify-content: space-between; margin-bottom: 2rem; flex-direction: column; } .ind_h .ind_h_container a .img { width: 100%; height: 4.75rem; border-radius: 8px; overflow: hidden; } .ind_h .ind_h_container a .txt { width: 100%; } .ind_h .ind_h_container a .txt .tit-14 { line-height: .8rem; border-bottom: 1px solid #0041c3; display: inline-block; margin-bottom: .7rem; } .ind_h .ind_h_container a .txt .tit-28 { font-size: .45rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; /* font-family: "HelveticaNeue-Roman"; */ } .ind_h .ind_h_container a:nth-child(4n) { margin-right: 0; } .ind_foot { width: 100%; background-image: url(../img/7.jpg); height: 4.625rem; background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 20px; display: none; align-items: center; padding: 0 1.7rem; justify-content: space-between; position: absolute; top: 0; z-index: 22; transform: translateY(-150%); } .ind_foot .right { margin-left: 1rem; } .ind_foot .right a { display: inline-block; vertical-align: top; width: 7.5rem; height: 1.75rem; line-height: 1.75rem; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 5px; margin: 0 .3rem; color: #fff; text-align: center; transition: all .3s ease-in-out; } .ind_foot .right a svg { fill: #fff; transform: translateY(3px); margin-right: .2rem; transition: all .5s ease-in-out; } .ind_foot .right a:hover { background-color: #fff; color: #0041c3; } .ind_foot .right a:hover svg { fill: #0041c3; } footer.indf { padding-top: 4.5rem; } footer.indf .ind_foot { display: flex; } .cxt_banner { height: 100vh; } .cxt_banner .bg { position: absolute; top: 0; left: 0; } .cxt_banner .w1520 { padding-top: 130px; height: 100%; } .cxt_banner .w1520 .left { width: 50%; float: left; position: relative; height: 100%; } .cxt_banner .w1520 .left img { max-height: 50vh; } .cxt_banner .w1520 .right { width: 50%; height: 90%; float: right; position: relative; overflow: hidden; } .cxt_banner .w1520 .right .tit-60 { margin-top: 42%; } .cxt_banner .w1520 .right .cont { margin-top: 5.1rem; opacity: 0; } .cxt_banner .w1520 .right .cont .tit-54 { margin-top: 0rem; } .cxt_banner .w1520 .right .cont .tit-18 { margin-top: .8rem; opacity: 0; } .content { margin-top: 1.4rem; } .cxt_a .content .left { width: 50%; float: left; } .cxt_a .content .left .cont { width: 100%; margin-top: .8rem; padding-top: .8rem; border-top: 2px solid rgba(255, 255, 255, 0.2); } .cxt_a .content .left .cont p { margin-bottom: 1.5rem; } .cxt_a .content .right { width: 50%; float: left; position: relative; } .cxt_b .li { margin-bottom: 1.6rem; } .cxt_b .li .left { width: 43%; float: left; height: 11.25rem; } .cxt_b .li .right { width: 50%; float: right; height: 11.25rem; position: relative; display: flex; flex-direction: column; justify-content: center; } .cxt_b .li .right .tit-18 { line-height: .8rem; margin-top: .5rem; } .cxt_b .li .right .tit-18 p { margin-top: .6em; } .cxt_b .li:nth-child(2n) .left { float: right; } .cxt_b .li:nth-child(2n) .right { float: left; } .cxt_c { height: 19rem; background-repeat: no-repeat; } .cxt_c .txt { width: 100%; padding: 2rem 0; position: absolute; bottom: 0rem; padding-bottom: 6rem; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); } .cxt_c .txt .tit-18 { width: 70%; } .cxt_d { overflow: hidden; } .ind_e .tit-64 { font-size: .9rem; } .cxt_d .cont .ind_e_container .swiper-slide { width: 15.75rem; height: 11rem; margin-right: 2rem; } .cxt_d .cont .ind_e_container .swiper-slide .tit-18 { margin-top: .5rem; padding-top: .5rem; border-top: 1px solid #fff; } .cxt_d .cont .ind_e_container .swiper-slide .con2 { opacity: 1; transform: translateY(100%); transition: all 0.5s; height: 100%; background-color: #0041c3; } .cxt_d .cont .ind_e_container .swiper-slide:hover .txt { height: 100%; transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1); } .cxt_d .cont .ind_e_container .swiper-slide:hover .con1 { opacity: 0; } .cxt_d .cont .ind_e_container .swiper-slide:hover .con2 { opacity: 1; position: relative; transform: translateY(0%); } .cxt-e .content .left { width: 32%; text-align: center; padding-top: 3rem; float: left; } .cxt-e .content .left img { display: inline-block; } .cxt-e .content .right { width: 60%; float: left; } .cxt-e .content .right .table-container { overflow: hidden; border-bottom: 1px solid #000; } .cxt-e .content .right .table-container .swiper-slide { width: auto; height: 60px; padding: 0 .8rem; line-height: 60px; text-align: center; cursor: pointer; transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1); margin: 0; } .cxt-e .content .right .table-container .swiper-slide.on { background-color: #0041c3; color: #fff; } .cxt-e .content .right .table-container .swiper-slide:hover { background-color: #0041c3; color: #fff; } .cxt-e .content .right .ajax_con { margin-top: 1rem; transform: translateY(20px); opacity: 0; transition: all 0.5s; height: 16rem; overflow: auto; padding-right: 0.5rem; } .cxt-e .content .right .ajax_con { text-align: justify; } .cxt-e .content .right .ajax_con .item2 { margin-top: 1.5rem; } .cxt-e .content .right .ajax_con.show { opacity: 1; transform: translateY(0); } .cxt-f { height: 13.5rem; position: relative; overflow: hidden; } .cxt-f .more { background-color: transparent; position: relative; border: 1px solid #fff; margin-top: 1rem; } .teasers-con { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .movescale { transform: scale(1.05); } .cxt-container { margin-top: 1.4rem; overflow: hidden; } .cxt-container .swiper-slide { display: block; } .cxt-container .swiper-slide .img { width: 100%; height: 6.75rem; text-align: center; position: relative; overflow: hidden; } .cxt-container .swiper-slide .img img { max-width: 90%; max-height: 100%; display: inline-block; transition: all 0.6s; } .cxt-container .swiper-slide .txt { width: 100%; padding: .4rem 15%; } .cxt-container .swiper-slide:hover .tit-30 { color: #0041c3; } .cxt-container .swiper-slide:hover .tit-18 { color: #111; } .cxt-container .swiper-slide:hover img { transform: translate(-50%, -50%) scale(1.1); } .sof_d .list ul.text-center { padding-left: 0; } /* .mCSB_scrollTools { left: 0 !important; } .mCustomScrollBox { padding-left: 1rem; } .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, 0.1) !important; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #0041c3 !important; width: 3px !important; } */ .sof_d .list ul li .txt .tit-20 { text-align: justify; } .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0, 0, 0, 0.1) !important; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #0041c3 !important; } .ln_a { background-color: #dbe5f6; } .ln_a .content .list { width: 44%; } .ln_a .content .list .li { width: 100%; padding-top: .6rem; border-top: 2px solid #000; margin-bottom: 3.2rem; } .ln_a .content .list .li .tit-38 { margin-bottom: .6rem; } .ln_a .content .list .li { text-align: justify; } .ln_a .content .list .li .img { width: 69%; margin-top: 1rem; } .ln_a .content .right { float: right; } .ln_a .content .right .li { border-top: 0; padding-top: 0; padding-bottom: .6rem; border-bottom: 2px solid #000; } .ln_a .content .right .li .img { margin-bottom: .6rem; margin-top: 0; } .ln_a .content .left { float: left; margin-top: 2rem; } .ln_a .content .left .li:last-child { margin-bottom: 0; } /* .btclear { width: 100%; height: 2.5rem; background-color: #fff; z-index: 3; position: relative; } */ .ln_b .left { width: 46%; float: left; height: 15rem; position: relative; display: flex; flex-direction: column; justify-content: center; } .ln_b .left .tit-54 { margin-bottom: .6rem; } .ln_b .right { width: 44%; float: right; height: 15rem; } .ln_c { background-color: transparent; } .s_txt { width: 27.75rem; border-top: 6px solid #0041c3; padding: 1.6rem 1.5rem; background-color: #fff; position: absolute; bottom: -4rem; left: 10%; z-index: 35; } .s_txt .tit-18 { margin-top: 1rem; letter-spacing: 0; } .solu_a .tops .right .tit-30 { letter-spacing: 0; } .solu_a { padding-top: 5.825rem; /* background-image: url(../img/subg.jpg); */ background-repeat: no-repeat; background-size: cover; } .solu_a .tops { padding: 1.2rem 0; border-top: 2px solid #e1e5e5; border-bottom: 2px solid #e1e5e5; position: relative; display: flex; align-items: center; justify-content: space-around; } .solu_a .tops .left { width: 36.84%; height: 7.75rem; } .solu_a .tops .right { width: 50%; } .solu_a .tops:after { content: ""; position: absolute; height: 2px; background-color: #111; width: 26%; right: 0; top: -2px; } .solu_a .tops:before { content: ""; position: absolute; height: 2px; background-color: #111; width: 26%; left: 0; bottom: -2px; } .solu_a .contents { max-width: 1520px; } .solu_a .contents img { display: inline-block; } .solu_a .contents .left { width: 24vw; background-color: #fff; padding: 1.7rem; box-shadow: 6px 17px 100px rgba(3, 66, 193, 0.3); float: left; } .solu_a .contents .left .item { margin-top: .6rem; } .solu_a .contents .left .item a { color: #111; } .solu_a .contents .left .item a:hover { color: #0041c3; } .solu_a .contents .right { width: 63.4%; float: right; } .solu_a .contents .right .item { padding-left: .7rem; margin-bottom: 2.5rem; text-align: justify; } .solu_a .contents .right .item img { display: inline-block; } .solu_a .contents .right .item .tit-50 { position: relative; margin-bottom: 1rem; } .solu_a .contents .right .item .tit-50:after { content: ""; position: absolute; left: -.7rem; width: 4px; height: 100%; background-color: #0041c3; border-radius: 20px; } .solu_a .contents .left.fixed { position: fixed !important; top: 10%; } .solu_a .contents .left.bottom { position: absolute !important; top: auto; bottom: 0; } .ind_banner { height: 14rem; overflow: hidden; } .ind_banner .banner_txt { position: absolute; top: 50%; left: 10%; } .ind_info .top { display: flex; padding-bottom: 3rem; align-items: center; justify-content: space-around; border-bottom: 4px solid #111; margin-bottom 2rem; } .ind_info .top .left { width: 50%; } .ind_info .top .right { width: 50%; } .ind_info .list { margin-top: 1rem; } .ind_info .list .li:nth-child(2n) .left { float: left; } .ind_info .list .li:nth-child(2n) .right { float: right; } .mt4 { margin-top: .4rem; } .sus_a { border-bottom: 2px solid #f3f3f3; } .sus_a .w1520 { display: flex; align-items: center; justify-content: space-between; } .sus_a .left { width: 100%; } .sus_a .left .tit-20 { line-height: 1.6; } .sus_a .left .tit-20 span { font-size: 1rem; line-height: .0; vertical-align: middle; } .sus_a .right { background-color: #0044ff; padding: 0.75rem; width: auto; border-radius: 10px; display: block; padding-right: 3.5rem; position: relative; overflow: hidden; transition: all 0.3s; display: none; } .sus_a .right .tit-18 { text-decoration: underline; } .sus_a .right .tit-72 { margin-top: .6rem; } .sus_a .right .cion { height: 100%; width: 1.35rem; background-color: #0032bd; position: absolute; right: 0; top: 0; } .sus_a .right:hover { color: #fff; transform: translateY(-5%); } .sus_b { overflow: hidden; border-bottom: 2px solid #f3f3f3; } .sus_b_container .swiper-slide { display: block; width: 11.25rem; height: 14.5rem; overflow: hidden; border-radius: 5px; margin: 0 .65rem; position: relative; } .sus_b_container .swiper-slide .bg { transition: all 0.5s; } .sus_b_container .swiper-slide .tit-42 { position: absolute; top: 0.8rem; width: 100%; padding: 0 .8rem; color: #fff; font-size: .8rem; line-height: 1.5; } .sus_b_container .swiper-slide .icon { position: absolute; left: .8rem; bottom: 1rem; transition: all 0.5s; } .sus_b_container .swiper-slide:hover .bg { transform: scale(1.2); } .sus_b_container .swiper-slide:hover .icon { bottom: 55%; } .sus_info { background-image: url(../img/susinfo.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 6.5rem; padding-bottom: 2rem; } .sus_info .sus_tit { width: 20.375rem; margin: 0 auto; margin-bottom: 4.25rem; } .sus_info .content { position: relative; height: 26.2rem; } .sus_info .content .img1 { width: 43.5%; position: absolute; top: 15%; left: 0; } .sus_info .content .img2 { width: 25%; position: absolute; left: 46%; top: 0; opacity: 1; } .sus_info .content .img3 { width: 16.5%; position: absolute; left: 67%; top: 14.3%; opacity: 1; } .sus_info .content .img4 { width: 16.5%; position: absolute; left: 5.4%; top: 54.3%; opacity: 1; } .sus_info .content .img5 { width: 43.3%; position: absolute; left: 25%; top: 60%; opacity: 1; } .sus_info .content .img6 { width: 20.2%; position: absolute; left: 70.7%; top: 60%; opacity: 1; } .sus_info .content .txt { width: 54%; left: 46%; top: 40.4%; position: absolute; } .js-m.imgwidth { opacity: 0; filter: alpha(opacity=0); transition: clip-path 1s cubic-bezier(0.62, 0.04, 0, 0.96), opacity 0.5s; clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); } .js-m.imgwidth.animate { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); opacity: 1; } .js-m.fadep { opacity: 0; transform: translateY(20px); transition: all 1s ease 0s; } .js-m.fadep.animate { opacity: 1; transform: translateY(0); } .js-m.opac { opacity: 0.8; transition: all 2s ease 0s; } .js-m.opac.animate { opacity: 1; } .sus_info_a { padding: 6rem 0; background-size: cover; background-repeat: no-repeat; background-position: center; } .sus_info_a .tit span { color: #0e7aff; } .sus_info_a .tit-18 { width: 45%; } .sus_info_a .tit-18 p { margin-top: .54rem; } .sus_info_c .tit span { color: #0dd5e2; } .sus_info_c .tit-16 { width: 40%; } .sus_info_b { padding-top: 2rem; height: 27.5rem; background-attachment: fixed; } .sus_info_b .sus_info_b .tit span { color: #008b31; } .sus_info_b .sub-tit { width: 85%; margin: 0 auto; margin-top: .2rem; } .sus_info_b .list { margin-top: 1rem; } .sus_info_b .list .li { width: 33.3333333333%; float: left; } .sus_info_b .list .li .icon { width: 1.3rem; margin-bottom: .4rem; } .sus_info_b .list .li .tit-16 { line-height: 1.5; width: 70%; margin-top: .4rem; } .sus_info_e .tit span { color: #ec2a17; } .sus_info_e .tit-16 { width: 40%; color: #565b5c; } .sus_info_f { padding: 3.5rem 0; } .sus_info_f .top { display: flex; align-items: center; justify-content: space-between; } .sus_info_f .left { width: 36.5%; position: relative; } .sus_info_f .left .img { width: 6.45rem; position: absolute; right: -3.2rem; top: 50%; transform: translateY(-50%); } .sus_info_f .right { width: 50%; } .sus_info_f .img_list { height: 8.55rem; margin-top: 0.8rem; } .sus_info_f .img_list .img1 { width: 18.4%; position: absolute; left: 11.3%; bottom: 0; } .sus_info_f .img_list .img2 { width: 40%; opacity: 1; position: absolute; left: 32.3%; bottom: 0; } .sus_info_f .img_list .img3 { width: 26.3%; opacity: 1; position: absolute; left: 74.8%; top: 0; } .plan_banner { height: 21.5rem; } .plan_banner .txt { position: absolute; left: 10%; top: 40%; } .plan_banner .txt .tit-76 span { font-size: 0.8rem; vertical-align: top; } .plan_a .tit-100 { font-size: 2.5rem; color: rgba(0, 65, 195, 0.3); line-height: 0; vertical-align: middle; margin-bottom: 0.3rem; } .plan_a .tit-32 { width: 70%; margin: 0 auto; line-height: 1.5; text-align: left; font-size: .55rem; } .plan_a { padding: 2.5rem 5rem; } .plan_a .content { margin-top: 6.25rem; } .plan_a .left { width: 45%; float: left; } .plan_a .left .tit { width: 12.625rem; margin-bottom: 1rem; } .plan_a .right { width: 45%; float: right; position: relative; } .plan_a .right img { z-index: 3; position: relative; } .plan_b { height: 22.25rem; overflow: hidden; } .plan_b img { width: 2.775rem; opacity: 1; cursor: pointer; } .plan_b img.on { opacity: 0; } .plan_c { margin-top: -11.25rem; padding-top: 13.25rem; } .plan_c .imgbg { width: 100%; } .plan_c .con { left: 10%; } .plan_c .ptit { width: 9.725rem; } .plan_c .tit-18 { color: #868c9d; width: 40%; margin-top: 0.75rem; } .plan_c .tit-18 br { display: none; } .plan_d { padding: 5rem 0; } .plan_d .left { width: 48%; float: left; } .plan_d .left .tit-18 p { margin-top: .54rem; } .plan_d .right { width: 30%; float: right; margin-right: 10%; } .plan_e .w1520 { display: flex; align-items: center; justify-content: space-between; } .plan_e .left { width: 50%; height: 14.5rem; } .plan_e .right { width: 45%; } .plan_e .right .ptit { width: 100%; } .plan_f .more { margin-top: 1.5rem; background-color: transparent; border: 1px solid #fff; color: #fff; } .life_banner { height: 100vh; } .life_banner .txt { position: absolute; width: 100%; top: 30%; } .life_banner .txt .tit-100 { font-size: 2.5rem; } .life_a .con { display: flex; justify-content: space-between; align-items: center; } .life_a .left { width: 52.3%; } .life_a .left .ltit { width: 100%; } .life_a .left .tit-18 { color: #464d5d; } .life_a .right { width: 30%; } .life_a .list { margin-top: 1.5rem; display: flex; justify-content: space-between; align-items: stretch; } .life_a .list .li { width: 30%; background-color: #f9f9f9; } .life_a .list .li .top { width: 100%; padding: .5rem .7rem; background-color: #7d849047; letter-spacing: 0; } .life_a .list .li .tit-16 { padding: .5rem .7rem; background-color: #f9f9f9; } .life_a .list .li .tit-16 div { display: inline-block; width: 49%; vertical-align: top; } .life_a .list .li:hover .top { background-color: transparent; background-image: url(../img/jbbg.png); background-position: center; background-size: cover; color: #fff; } .life_b { background-color: #060c1c; } .life_b .lfb-tit { width: 63%; margin-bottom: .2rem; } .life_b .tit-s { color: #707a90; margin-top: .2rem; } .life_b .content { margin-top: 3.7rem; display: flex; justify-content: space-between; align-items: center; } .life_b .content .left { width: 46%; height: 11rem; } .life_b .content .right { width: 46%; } .life_e .li { display: flex; justify-content: space-between; align-items: center; margin-bottom: .7rem; } .life_e .li .left { width: 44%; height: 10rem; } .life_e .li .right { width: 46%; } .life_e .li .right .tit-s { color: #707a90; margin-top: .2rem; text-align: justify; } .life_e .li .right .more { width: 300px; } .life_e .li .right .span2 { margin-left: 10px; transform: translateX(0); } .life_e .li .right .span1 { transform: translateX(0); } .life_e .li .right svg { fill: #fff; } .life_e .li .right .tit-s { color: #707a90; margin-top: .2rem; padding-bottom: 1.5rem; } .life_e .li .right { position: relative; } .life_e .li .right:after { content: ""; width: 200%; height: 1px; background-color: #ccc; bottom: 0; right: 0; position: absolute; display: none; } .sof_es .life_e .li .right:after { display: block; } .sof_es .life_e .li:nth-child(2n) .right:after { left: 0; } .life_e .li:nth-child(2n) .right:after { content: ""; width: 200%; height: 1px; background-color: #ccc; bottom: 0; left: 0; position: absolute; } .life_e .li:nth-child(2n-1) { flex-flow: row-reverse; } .meter_a { height: 20.5rem; z-index: 33; } .meter_a .tit { position: absolute; width: 100%; top: 2rem; } .meter_a .list { height: 100%; display: flex; justify-content: center; } .meter_a .list .li { width: 17.7%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); } .meter_a .list .li .icon { width: 2.25rem; height: 2.25rem; border-radius: 50%; background-color: #fff; position: relative; margin-top: 4rem; transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); } .meter_a .list .li .icon .img { width: 2.25rem; height: 2.25rem; border-radius: 50%; background-color: #fff; position: relative; z-index: 2; } .meter_a .list .li .icon .bot1 { position: absolute; width: 3.75rem; height: 3.75rem; background-color: #fff; opacity: 0.1; border-radius: 50%; } .meter_a .list .li .icon .bot2 { position: absolute; width: 6.25rem; height: 6.25rem; background-color: #fff; opacity: 0.04; border-radius: 50%; } .meter_a .list .li .txt { margin-top: 3rem; text-transform: capitalize; } .meter_a .list .li .hoverbox { width: 100%; height: 100%; opacity: 0; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; padding: 0 0.8rem; } .meter_a .list .li .hoverbox .tit-36 { text-transform: capitalize; padding-bottom: .4rem; border-bottom: 1px solid #fff; width: 100%; } .meter_a .list .li .hoverbox .tit-16 { margin-top: .4rem; width: 100%; } .meter_a .list .li.on { width: 29%; } .meter_a .list .li.on .icon { opacity: 0; } .meter_a .list .li.on .txt { opacity: 0; } .meter_a .list .li.on .hoverbox { transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition-delay: 0.4s; opacity: 1; } .meter_a .list .li:last-child { border-right: 0; } .me_c { padding-top: 0; } .ecs_banner { height: 100vh; } .ecs { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; display: block; background: #111; opacity: 1; z-index: 2; transition: all 0.2s; } .ecs .por_img { width: 10rem; position: absolute; } .ecs .txt1 { position: absolute; right: 10%; top: 20%; } .ecs .txt1 .line { width: 12.5rem; background-color: #111; height: 2px; margin-bottom: 1rem; } .ecs .txt1 .lh1 span { font-size: 18px; display: inline-block; vertical-align: top; } .ecs .txt1 .tit-28 { color: #2374c4; } .ecs .txt2 { right: auto; top: auto; left: 20%; bottom: 10%; opacity: 0; transform: translate(-50%, 50%); text-align: right; width: 12.5rem; } .ecs .txt2 .tit-18 { color: #2374c4; } .ecs .txt2 .tit-28.active { opacity: 0; } .ecs .txt2 .tit { position: relative; width: 100%; height: 3.1rem; right: 0; margin-bottom: .4rem; } .ecs .txt2 .activeimg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #fff; white-space: nowrap; } .ecs_a { height: 100vh; background-color: #111; } .ecs_left { width: 50%; height: 100vh; position: absolute; left: -50%; top: 0; background-color: #030919; padding: 2.95rem 10%; } .ecs_left .tit-30 { opacity: 0; transform: translateX(-10%); transition: all 0.5s; } .ecs_left img { width: 6.075rem; opacity: 0; transform: translateX(-10%); transition: all 0.5s; } .ecs_left .list { margin-top: 2.5rem; } .ecs_left .list .p2 { color: rgba(255, 255, 255, 1); opacity: 0; transform: translateY(10%); transition: all 0.5s; transition-delay: 1s; } .ecs_left .list .p1 { opacity: 0; transform: translateY(10%); transition: all 0.5s; transition-delay: 2s; } .numlist { margin-top: 1rem; opacity: 0; transform: translateY(10%); transition: all 0.5s; transition-delay: .2s; } .container { width: 100%; height: 100%; background-color: #09152a; } /*-----閺佹澘鐡?--*/ .number-box { height: 5rem; display: flex; justify-content: center; padding-top: 1em; } .mt-number-animate { line-height: 5rem; height: 100%; overflow: hidden; display: inline-block; position: relative; } .mt-number-animate .mt-number-animate-dot { width: 24%; /*鐠佸墽鐤嗛崚鍡楀缁楋箑顔旀惔锟?/ line-height: 5rem; float: left; text-align: center; color: #FDB628; margin-right: 0.5em; } .mt-number-animate .mt-number-animate-dom { width: 23%; /*鐠佸墽鐤嗛崡鏇氶嚋閺佹澘鐡х€硅棄瀹?/ text-align: center; float: left; position: relative; top: 0; margin-right: 0.5em; } .mt-number-animate .mt-number-animate-dom .mt-number-animate-span { width: 100%; float: left; background-color: #fff; margin-bottom: 0.2rem; height: 100%; border-radius: 5px; } .num-flex { position: relative; font-size: 4.1rem; font-family: "HelveticaNeue Bold"; color: #1a6cbf; } .border-module { position: relative; } .number-box .border-span2, .dataBoc .border-span2 { display: none; } .dataNums { width: 100%; } #dataNums { height: 3.3125em; } .dataNums .dataOne { width: 22%; height: 5rem; margin-right: 4%; text-align: center; float: left; list-style: none; background-color: #fff; border-radius: 8px; } .dataNums .dataOne:last-child { margin-right: 0; } .dataNums .dataBoc { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 8px; } .dataNums .dataBoc .tt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .dataNums .data3 .dataBoc .tt { transition: all 2s ease-in-out 1s; top: 0rem; } .dataNums .data4 .dataBoc .tt { transition: all 2s ease-in-out 0s; top: -35rem; } .dataNums .data1 .dataBoc .tt { transition: all 2s ease-in-out 1.4s; top: -10rem; } .dataNums .tt span { width: 100%; height: 5rem; font-size: 4.1rem; font-family: "HelveticaNeue Bold"; color: #1a6cbf; line-height: 5rem; float: left; } .ecs_right { width: 50%; height: 100vh; position: absolute; right: -50%; top: 0; background-color: #000; } .ecs_right .tit { margin-top: 7.75rem; opacity: 0; transform: translateY(-10%); transition: all 0.5s; } .ecs_right .p1 { opacity: 0; transform: translateY(-10%); transition: all 0.5s; transition-delay: .6s; } .ecs_right .p2 { color: rgba(255, 255, 255, 0.6); line-height: 1.2; opacity: 0; transform: translateY(-10%); transition: all 0.5s; transition-delay: 2s; position: absolute; right: 35%; top: 23%; font-size: .6rem; line-height: 1.8; } .ecs_right .nume { z-index: 3; line-height: 1; font-size: 4.5rem; font-family: "HelveticaNeue Bold"; opacity: 0; transform: translateY(-10%); transition: all 0.5s; transition-delay: 1.5s; } .ecs_right .nume span { vertical-align: top; line-height: 1; } .ecs_right .nume .dw { font-size: 2.2rem; } .ecs_right .inlineblock { z-index: 1; margin-top: -1rem; width: 16rem; opacity: 0; transform: translateY(-10%); transition: all 0.5s; transition-delay: 1.8s; } .ecs_left.active img { opacity: 1; transform: translateX(0); } .ecs_left.active .tit-30 { opacity: 1; transform: translateX(0); } .ecs_left.active .list .p2 { opacity: 1; transform: translateY(0); } .ecs_left.active .list .p1 { opacity: 1; transform: translateY(0); } .ecs_left.active .numlist { opacity: 1; transform: translateY(0); } .numlist.active .data3 .tt { transition: all 2s ease-in-out 1s; top: -5rem; } .numlist.active.active .data4 .tt { transition: all 2s ease-in-out 0s; top: -55rem; } .numlist.active.active2 .data4 .tt { transition: all 2s ease-in-out 0s; top: -70rem; } .numlist.active.active3 .data4 .tt { transition: all 2s ease-in-out 0s; top: -85rem; } .numlist.active.active4 .data3 .tt { transition: all 2s ease-in-out 1s; top: -10rem; } .numlist.active.active4 .data4 .tt { transition: all 2s ease-in-out 0s; top: -100rem; } .ecs_right.active .tit { opacity: 1; transform: translateY(0); } .ecs_right.active .inlineblock { opacity: 1; transform: translateY(0); } .ecs_right.active .nume { opacity: 1; transform: translateY(0); } .ecs_right.active .p2 { opacity: 1; transform: translateY(0); } .ecs_right.active .p1 { opacity: 1; transform: translateY(0); } .ecs_f { background-color: #030919; z-index: 33; } .ecs_f .tit { width: 9.05rem; } .ecs_f .tit-18 { color: #626f7e; width: 65%; margin-top: .5rem; line-height: 1.6; } .ecs_f .list { margin-top: 2rem; } .ecs_f .list .li { width: 43%; margin-right: 14%; float: left; border-top: 2px solid #fff; margin-bottom: 1.1rem; padding-top: .2rem; } .ecs_f .list .li .tit-18 { width: 100%; margin-top: .1rem; } .ecs_f .list .li:nth-child(2n) { margin-right: 0; } .ecs_g { height: 100vh; z-index: 33; background-color: #000; } .ecs_g .gimg1 { position: absolute; bottom: 0; left: 19.4%; width: 14.8rem; } .ecs_g .gimg2 { position: absolute; bottom: 0; left: 19.4%; opacity: 0; width: 14.8rem; } .ecs_g .left { position: absolute; left: 55.4%; top: 4.25rem; } .ecs_g .left .up { color: #878e9f; } .ecs_g .left .nums { line-height: 1; } .ecs_g .left .nums span { font-size: 2.5rem; font-family: "HelveticaNeue Medium"; line-height: 1; } .ecs_g .left .nums .dw { font-size: 1.5rem; vertical-align: bottom; } .ecs_g .left .nums span:nth-child(1) { color: #4a9adc; } .ecs_g .left .nums span:nth-child(2) { color: #4292d7; } .ecs_g .left .nums span:nth-child(3) { color: #3a8ad2; } .ecs_g .left .nums span:nth-child(4) { color: #3787d1; } .ecs_g .left .nums span:nth-child(5) { color: #2d7dca; } .ecs_g .left .nums span:nth-child(6) { color: #2476c5; } .ecs_g .left .nums span:nth-child(7) { color: #1c6ec1; } .ecs_g .left .nums span:nth-child(8) { color: #1c6ec1; } .ecs_g .left .tit-26 { color: #464d5d; } .ecs_g .txt2 { margin-top: 1.5rem; transform: translateX(110%); } .ecs_g .txt2 .tit-18 { color: #7b8292; width: 16.225rem; } .ecs_g .line { width: 16.225rem; height: 2px; background-color: rgba(255, 255, 255, 0.6); margin: .8rem 0; } .ecs_h { z-index: 33; background-color: #000; } .ecs_h .img { width: 19.35rem; margin-left: 2.1%; position: relative; } .ecs_h .img .maks { height: 100%; width: 100%; position: absolute; background-color: #000; bottom: 0; left: 0; transition: all 1s; transition-delay: .6s; } .ecs_h .img .maks.active { height: 0; } .ecs_h .txt3 { position: absolute; left: 55.4%; top: 0; } .ecs_h .txt3 .tit-18 { color: #7b8292; width: 16.225rem; } .ecs_h .line { width: 16.225rem; height: 2px; background-color: rgba(255, 255, 255, 0.6); margin: .8rem 0; } .ecs_j { background-size: cover; background-repeat: no-repeat; background-position: center; height: 21.25rem; z-index: 33; } @-webkit-keyframes cir1 { 0% { -webkit-transform: rotateY(0deg) rotateZ(10deg); opacity: 1; } 50% { opacity: .3; } 100% { -webkit-transform: rotateY(-360deg) rotateZ(10deg); opacity: 1; } } @keyframes cir1 { 0% { transform: rotateY(0deg) rotateZ(10deg); opacity: 1; } 50% { opacity: .3; } 100% { transform: rotateY(-360deg) rotateZ(10deg); opacity: 1; } } @-webkit-keyframes cir2 { 0% { -webkit-transform: rotateY(-60deg) rotateZ(10deg); opacity: 1; } 50% { opacity: .3; } 100% { -webkit-transform: rotateY(-420deg) rotateZ(10deg); opacity: 1; } } @keyframes cir2 { 0% { transform: rotateY(-60deg) rotateZ(10deg); opacity: 1; } 50% { opacity: .3; } 100% { transform: rotateY(-420deg) rotateZ(10deg); opacity: 1; } } @-webkit-keyframes cir3 { 0% { -webkit-transform: rotateY(-120deg) rotateZ(10deg); opacity: 1; } 50% { opacity: .3; } 100% { -webkit-transform: rotateY(-480deg) rotateZ(10deg); opacity: 1; } } @keyframes cir3 { 0% { transform: rotateY(-120deg) rotateZ(10deg); opacity: 1; } 50% { opacity: .3; } 100% { transform: rotateY(-480deg) rotateZ(10deg); opacity: 1; } } @-webkit-keyframes cir4 { 0% { -webkit-transform: rotateY(-180deg) rotateZ(10deg); opacity: 1; } 50% { opacity: .3; } 100% { -webkit-transform: rotateY(-540deg) rotateZ(10deg); opacity: 1; } } @keyframes cir4 { 0% { transform: rotateY(-180deg) rotateZ(10deg); opacity: 1; } 50% { opacity: .3; } 100% { transform: rotateY(-540deg) rotateZ(10deg); opacity: 1; } } @-webkit-keyframes cir5 { 0% { -webkit-transform: rotateY(-240deg) rotateZ(10deg); opacity: 1; } 50% { opacity: .3; } 100% { -webkit-transform: rotateY(-600deg) rotateZ(10deg); opacity: 1; } } @keyframes cir5 { 0% { transform: rotateY(-240deg) rotateZ(10deg); opacity: 1; } 50% { opacity: .3; } 100% { transform: rotateY(-600deg) rotateZ(10deg); opacity: 1; } } @-webkit-keyframes cir6 { 0% { -webkit-transform: rotateY(-300deg) rotateZ(10deg); opacity: 1; } 50% { opacity: .3; } 100% { -webkit-transform: rotateY(-660deg) rotateZ(10deg); opacity: 1; } } @keyframes cir6 { 0% { transform: rotateY(-300deg) rotateZ(10deg); opacity: 1; } 50% { opacity: .3; } 100% { transform: rotateY(-660deg) rotateZ(10deg); opacity: 1; } } @keyframes cir { 0% { transform: rotateX(80deg) rotateY(-10deg) rotateZ(0deg); } 100% { transform: rotateX(80deg) rotateY(-10deg) rotateZ(-360deg); } } @keyframes cir_p { 0% { transform: rotateZ(0deg); } 100% { transform: rotateZ(-360deg); } } @-webkit-keyframes cir { 0% { -webkit-transform: rotateX(80deg) rotateY(-10deg) rotateZ(0deg); } 100% { -webkit-transform: rotateX(80deg) rotateY(-10deg) rotateZ(-360deg); } } @-webkit-keyframes cir_p { 0% { -webkit-transform: rotateZ(0deg); } 100% { -webkit-transform: rotateZ(-360deg); } } .u_p3d { -webkit-transform-style: preserve-3d !important; transform-style: preserve-3d !important; } .ui_base { position: relative; width: 100%; height: 0px; margin: auto; -webkit-perspective: 1000px; -webkit-perspective-origin: 50% 0%; perspective: 1000px; perspective-origin: 50% 0%; } .base { -webkit-transform: rotateX(80deg) rotateY(-10deg); transform: rotateX(80deg) rotateY(-10deg); position: relative; width: 1000px; height: 350px; margin: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; animation: cir 30s linear 0s infinite; } .ball_base { -webkit-transform-origin: 550px 0px; transform-origin: 550px 0px; position: absolute; top: 175px; left: -50px; width: 350px; height: auto; } .ball { -webkit-transition: all 2s ease-out 0ms; transition: all 2s ease-out 0ms; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; position: absolute; width: auto; line-height: 1.2; text-align: left; background-size: 100% 100%; left: 0px; top: 0px; color: rgba(255, 255, 255, 0); opacity: 1; /* overflow: hidden; */ } .ball_c { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; position: absolute; width: 157px; height: 157px; line-height: 157px; text-align: center; background-image: url(../images/ball_center.png); left: 90px; top: 50px; color: #fff; font-size: 24px; } .pan { position: absolute; width: 100%; height: 100%; background-image: url("../images/c.png"); background-size: 100% 100%; -webkit-animation: cir_p 5s linear 0s infinite; animation: cir_p 5s linear 0s infinite; } .ball { color: #fff; opacity: 1; } .ball_1 .ball { transform: rotateY(10deg) rotateZ(10deg); animation: cir1 30s linear 0s infinite; -webkit-transition-delay: 2200ms !important; transition-delay: 2200ms !important; } .ball_2 .ball { -webkit-animation: cir2 30s linear 0s infinite; animation: cir2 30s linear 0s infinite; -webkit-transition-delay: 1800ms !important; transition-delay: 1800ms !important; } .ball_3 .ball { -webkit-animation: cir3 30s linear 0s infinite; animation: cir3 30s linear 0s infinite; -webkit-transition-delay: 1400ms !important; transition-delay: 1400ms !important; } .ball_4 .ball { -webkit-animation: cir4 30s linear 0s infinite; animation: cir4 30s linear 0s infinite; -webkit-transition-delay: 1000ms !important; transition-delay: 1000ms !important; } .ball_5 .ball { -webkit-animation: cir5 30s linear 0s infinite; animation: cir5 30s linear 0s infinite; -webkit-transition-delay: 600ms !important; transition-delay: 600ms !important; } .ball_6 .ball { -webkit-animation: cir6 30s linear 0s infinite; animation: cir6 30s linear 0s infinite; -webkit-transition-delay: 200ms !important; transition-delay: 200ms !important; } .ball_1 { -webkit-transform: rotateX(-90deg) rotateY(0deg) translateY(-70px); transform: rotateX(-90deg) rotateY(0deg) translateY(-70px); } .ball_2 { -webkit-transform: rotateX(-90deg) rotateY(60deg) translateY(-70px); transform: rotateX(-90deg) rotateY(60deg) translateY(-70px); } .ball_3 { -webkit-transform: rotateX(-90deg) rotateY(120deg) translateY(-70px); transform: rotateX(-90deg) rotateY(120deg) translateY(-70px); } .ball_4 { -webkit-transform: rotateX(-90deg) rotateY(180deg) translateY(-70px); transform: rotateX(-90deg) rotateY(180deg) translateY(-70px); } .ball_5 { -webkit-transform: rotateX(-90deg) rotateY(240deg) translateY(-70px); transform: rotateX(-90deg) rotateY(240deg) translateY(-70px); } .ball_6 { -webkit-transform: rotateX(-90deg) rotateY(300deg) translateY(-70px); transform: rotateX(-90deg) rotateY(300deg) translateY(-70px); } .ecs_k { z-index: 33; background-color: #fff; overflow: hidden; } .ecs_k .butn { position: absolute; top: 0; right: 0; } .ecs_k .cof-878e9f { color: #878e9f; } .ecs_k .tit-56 { color: #0041c3; } .ecs_k .s_tit { width: 75%; } .ecs_k-container { margin-top: 1.5rem; } .ecs_k-container .swiper-slide { width: 11.25rem; height: 14.5rem; margin-right: 1.4rem; position: relative; display: block; color: #111; transition: all 0.5s; overflow: hidden; } .ecs_k-container .swiper-slide .bg { padding: .9rem 1.05rem; } .ecs_k-container .swiper-slide .hover_box { width: 100%; height: 70%; position: absolute; bottom: 0; padding: 0 1.05rem; transform: translateY(100%); transition: all 0.8s; } .active_tix { width: 100%; margin: 0 auto; position: absolute; top: 78%; color: #fff; opacity: 0.4; } .lifemak { width: 100%; height: 20vh; position: absolute; bottom: 0; background: linear-gradient(to bottom, transparent, rgb(15, 35, 133)); } .ecs_k-container .swiper-slide .hover_box .icon { width: 2.15rem; position: relative; margin-bottom: .6rem; height: 2.5rem; } .ecs_k-container .swiper-slide .hover_box .more { display: inline-block; width: auto; height: auto; z-index: 22; line-height: normal; text-align: center; background-color: transparent; color: #fff; border-radius: 5px; font-size: 16px; transition: all .5s ease 0s; margin-top: 1rem; } .ecs_k-container .swiper-slide .hover_box .more .span2 { margin-left: 10px; transform: translateX(0); } .ecs_k-container .swiper-slide .hover_box .more .span1 { transform: translateX(0); } .ecs_k-container .swiper-slide:hover .hover_box { transform: translateY(0); } .ecs_k-container .swiper-slide:hover { color: #fff; } .ecs_k-container .swiper-slide:hover .hover_box .icon .img1 { opacity: 0; } .ecs_k-container .swiper-slide:hover .hover_box .icon .img2 { opacity: 1; } .ecs_k-container .swiper-slide { background-color: #60ba51; } .ecs_k-container .swiper-slide:nth-child(2n) { background-color: #32a3eb; } .ecs_k-container .swiper-slide:nth-child(3n) { background-color: #25cccc; } .iconop { position: absolute; bottom: 2.2rem; right: 1.05rem; opacity: 0.4; width: 3rem; transition: all 0.5s; } .ecs_k-container .swiper-slide:hover .iconop { opacity: 0; } .iconop img { max-width: none; width: 100%; } .ecs_m { z-index: 33; background-color: #fff; } .ecs_m .ind_g_container .swiper-slide .txt { border-radius: 8px; } .ecs_m .more { display: inline-block; width: auto; height: auto; z-index: 22; line-height: normal; text-align: center; background-color: transparent; color: #111; border-radius: 5px; font-size: 16px; transition: all .5s ease 0s; margin-top: 1rem; } .ecs_m .more svg { fill: #111; } .ecs_m .more .span2 { margin-left: 10px; transform: translateX(0); } .ecs_m .more .span1 { transform: translateX(0); } /*# sourceMappingURL=style.css.map */ .ecs_n { height: 25rem; z-index: 33; background-color: #fff; } .ecs_n .etit { background: linear-gradient(to right, #4e9edf, #0e60b8); -webkit-background-clip: text; color: transparent; margin-bottom: .9rem; } .ecs_n .tit-18 { width: 80%; margin: auto; } .ecs_n .tit-18 br { display: none; } .ecs_q { z-index: 33; background-color: #fff; display: none; } .ecs_q .more { display: inline-block; width: auto; height: auto; z-index: 22; line-height: normal; text-align: center; background-color: transparent; color: #0e60b8; border-radius: 5px; font-size: 18px; transition: all .5s ease 0s; margin-top: 1rem; } .ecs_q .more:hover .span2 { transform: translateX(10px); } .ecs_q .more span { text-decoration: underline; } .ecs_q .more svg { fill: #0e60b8; } .ecs_q .more .span2 { margin-left: 10px; transform: translateX(0); } .ecs_q .more .span1 { transform: translateX(0); } .ecs_q .img { width: 24.0rem; height: 12rem; position: relative; overflow: hidden; margin: auto; margin-top: 1.5rem; } .sof_banner { height: 100vh; background-image: url(../img/sof.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; } .sof_banner .txt1 { position: absolute; width: 100%; text-align: center; /* top: 40%; */ } .sof_banner .tit-124 { font-size: 3.1rem; } /* .sof_banner .txt1 .bigtxt { top: 190%; } */ .sof_banner .txt1.softss { top: 50%; white-space: nowrap; } .sof_a { height: 100vh; background-color: #fff; opacity: 0; z-index: 3; position: absolute; top: 0; left: 0; padding-top: 6.25rem; overflow: hidden; } .in13 { z-index: 3; } .sof_a .tit-140 { font-size: 3.125rem; line-height: 1; color: #0e60b8; } .sof_a .line { position: absolute; left: -12%; height: 16px; top: 50%; width: 0; transform: translateY(-50%); overflow: hidden; border-radius: 12px; } .sof_a .line .imgline { width: 31.5rem; max-width: none; border-radius: 12px; position: absolute; left: 0; background-color: #000; } .sof_a.active .line { transition: all 0.8s; width: 30.325rem } .shou { width: 46rem; position: absolute; top: -79%; left: -12%; opacity: 0; } .shou img { max-width: none; width: 100%; } .sof_a.active .shou { opacity: 1; transition: all 0.8s; transform: translateX(30rem); } .softit2 { position: absolute; top: 0; left: -11%; opacity: 0; } .sof_a .sub_tit { width: 50%; margin-top: 2.5rem; } .sof_a .sub_tit2 { width: 40%; position: absolute; top: 50%; margin-top: 2.5rem; left: 0%; opacity: 0; } .sof_b { z-index: 33; background-color: #fff; /* height: 100vh; */ } .sof_b.fix { width: 100%; height: 100vh; position: fixed !important; top: 0; left: 0; background-color: #fff; z-index: 2; } .sof_b .acimg { /* position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%);*/ width: 100%; max-width: none; margin: 0 auto; } .sof_c_container { margin-top: 1.5rem; } .sof_c_container .swiper-slide { height: 10.75rem; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 5px; background-color: rgba(255, 255, 255, 0.1); padding: 1.625rem .65rem; text-align: center; transition: all 0.4s; } .sof_c_container .swiper-slide .icon { width: 1.325rem; } .sof_c_container .swiper-slide .tit-24 { margin: 1rem auto; } .sof_c_container .swiper-slide .tit-16 { max-height: 3.75rem; text-align: justify; } .sof_c_container .swiper-slide:hover { transform: translateY(-10%); } .sof_d { z-index: 33; overflow: hidden; background-color: #fff; } .sof_d .list { margin-top: .8rem; width: 100%; overflow: hidden; } .sof_d .list ul { white-space: nowrap; } .sof_d .list ul li { width: 16.7rem; height: 6.5rem; border-radius: 20px; background-image: url(../img/libg.png); background-size: cover; background-repeat: no-repeat; display: inline-block; vertical-align: top; margin-right: 1.125rem; } .sof_d .list ul li:hover { transition: all 0.4s; background: #0041c3; color: #fff; } .sof_d .list ul li .box { width: 100%; height: 100%; display: flex; justify-content: space-around; align-items: center; white-space: normal; } .sof_d .list ul li .icon { background-color: #fff; border-radius: 50%; width: 3.3rem; height: 3.3rem; position: relative; } .sof_d .list ul li .icon img { width: 1.25rem; } .sof_d .list ul li .txt { width: 60%; } .sof_d .list1 { margin-bottom: 1.25rem; padding-left: 10%; } .sof_d .list .mCSB_scrollTools.mCSB_scrollTools_horizontal { opacity: 1; } .sof_e { background-image: url(../img/socbg1.png); z-index: 33; } .sof_e .life_e .li { margin-bottom: 2.25rem; } .sof_e-container .swiper-slide { width: 11.75rem; display: block; margin-right: 1rem; } .sof_e-container .swiper-slide .txt { margin: 0.5rem 0; } .sub_banner { overflow: hidden; } .hd_a { width: 80%; height: 100vh; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 100%); border-radius: 20px; transition: all 0.5s; } .hd_a.active { transform: translate(-50%, 88%); } .hd_a.active.bigactive { width: 100%; transform: translate(-50%, 0); } .hd_b .sub-t { margin: 0.4rem 0; } .hd_b .li:nth-child(2n) { flex-flow: revert; } .hd_b .li { margin-bottom: 0.75rem; } .hd_c .content { margin-top: 1rem; } .hd_c .content .right { width: 100%; } .hd_e { padding-bottom: 0; } .ecs .txt1 .tit-28.c900 { color: #e36008; } .tcs { position: relative; } .tcs_a { height: 100vh; z-index: 4; position: fixed; top: 0; left: 0; } .tcs_a .numlist2 { width: 100%; margin: 0.95rem 0; } .tcs_a .numlist2 .box { display: inline-block; margin: 0; width: 11rem; border-right: 1px solid rgba(255, 255, 255, 0.1); } .tcs_a .numlist2 .box:last-child { border-right: 0; } .tsccolor { background: linear-gradient(to right, #e31006, #fa952f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .tcs_a .numlist2 .box .tit-18 { color: rgba(255, 255, 255, 0.6); } .tcs_a .numlist2 .box .dw { font-size: 1.2rem; vertical-align: top; } .tcs_b { height: calc(100vh + 1000px); background-image: url(../img/9004.png); z-index: 34; margin-top: -1000px; overflow: hidden; } .he420 { height: 10.5rem; } .tcs_b .img { width: 16.275rem; position: absolute; bottom: 0; left: 13.5%; } .tcs_b .cont { width: 50%; position: absolute; right: 0; padding: 0 4.25rem; bottom: 2rem; } .tcs_b .cont .tit-115 { font-size: 2.875rem; } .tcs_b .cont .tit-26 { color: rgba(255, 255, 255, 0.6); } .tcs_b .txt2 { margin-top: 1.5rem; transform: translateX(100%); opacity: 1; } .tcs_b .txt2 .tit-18 { color: #7b8292; width: 16.225rem; } .tcs_b .line { width: 16.225rem; height: 2px; background-color: rgba(255, 255, 255, 0.6); margin: .8rem 0; } .tcs_b .box1 { position: absolute; left: 0; bottom: 0; height: 100vh; } .tcs_c { z-index: 33; position: absolute; right: -100%; bottom: 0; } .co-626f7e { color: #626f7e; } .tcs_c .li { width: 26.075rem; padding-bottom: 1.8rem; border-bottom: 2px solid rgba(255, 255, 255, 0.4); margin-bottom: .2rem; } .tcs_c .li .tit-18 { width: 90%; margin-top: 0.5rem } .tcs_c .li:last-child { border-bottom: 0; } .tcs_c .ltxt { position: absolute; right: 10%; font-size: 2.5rem; top: 50%; transform: translateY(-50%); } .tcs_d { z-index: 33; padding-top: 7rem; background-color: #fff; } .tcs_d .bgi { top: 4rem; } .tcs_ds { width: 100%; margin-top: .5rem; } .tcs_d .list { margin-top: -6rem; } .tsc_e { padding-top: 3.2rem; height: 22.5rem; z-index: 33; } .tsc_e .more { background-color: transparent; border: 1px solid #111; color: #111; } .tsc_e .more svg { fill: #111; } .tsc_f .more { color: #fa952f; } .tsc_f .more svg { fill: #fa952f; } .tcs_sw { overflow: hidden; height: 17.25rem; z-index: 33; } .tcs_sw .bg { position: absolute; left: 0; top: 0; } .tcs_sw .bglist { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #fff; } .tcs_sw-container { margin-top: 2rem; } .tsc_f .more svg { fill: #fa952f } .tcs_sw-container .swiper-slide { margin-top: 4.075rem; text-align: center; width: 50%; opacity: .4; } .tcs_sw-container .swiper-slide .tit-260 { font-size: 6.5rem; line-height: .5; margin-top: .6rem; white-space: nowrap; } .tcs_sw-container .swiper-slide .tit-260 .dw { font-size: 3.5rem; vertical-align: top; display: inline-block; transform: translateX(-100%); } .tcs_sw-container .swiper-slide.swiper-slide-active { opacity: 1; } .tcs_sw .lm { position: absolute; bottom: 1.25rem; width: 100%; text-align: center; } .tcs_sw .lm span { margin: 0 .3rem; } .bigsollimg { position: absolute; width: 100%; height: 100vh; overflow: hidden; } .bigsollimg .bg { height: 52.025rem; position: absolute; transition: all 0.5s; } .tcs_a .txt3 { opacity: 0; transform: scale(1); display: none; } .tcs_a .tit-70 { opacity: 0; transform: translateY(60%); } .tcs_a.active .tit-70 { opacity: 1; } .tcs_a .numlist2 { opacity: 0; transform: translateY(60%); } .tcs_a.active .numlist2 { opacity: 1; } .tcs_a .tit-20 { opacity: 0; transform: translateY(60%); } .tcs_a.active .tit-20 { opacity: 1; } .supsim .smtxt { top: 42.5%; white-space: nowrap; font-weight: 700; } .supsim .bigtxt { white-space: nowrap; } .supsim .smtxt.active { background: linear-gradient(to bottom, #09c5dd, #0b53ae); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .tree_tit { position: absolute; left: 13.5%; top: 23%; opacity: 0; } .ilinex { width: 0; position: absolute; left: 13.5%; top: 36%; background-color: rgba(255, 255, 255, 0.6); height: 2px; } .fourtxt { width: 48%; position: absolute; top: 46%; right: 3.5%; opacity: 0; } .supsim_a { width: 100%; height: 100vh; position: absolute; top: 0; left: 0; opacity: 0; } .supsim { width: 100%; height: 100vh; position: absolute; top: 0; left: 0; } .supsim_a .item { width: 1rem; height: 1rem; background-color: #0030ff; border-radius: 50%; position: absolute; cursor: pointer; } .supsim_a .item .bot { width: .4rem; height: .4rem; background-color: #fff; border-radius: 50%; } .supsim_a .item .hove_box { position: absolute; top: 0; right: 0; background-image: url(../img/sim2.png); background-size: cover; padding: 0.7rem; border-radius: 15px; /* transform:translate(110%,-110%); */ transform: translate(100%, -100%); width: 7.275rem; opacity: 0; transition: all 0.5s; } .supsim_a .item:hover { background-color: #08cbda; } .supsim_a .item:hover .hove_box { opacity: 1; transform: translate(100%, -100%); } .supsim_a .item .hove_box .tit-30 { padding: .2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.4); margin-bottom: .4rem; } .supsim_a .item .hove_box li { list-style: disc; margin-left: 0.4rem; margin-bottom: 0.75rem; } .supsim_a .item1 { top: 56%; left: 16%; } .supsim_a .item2 { top: 61%; left: 49%; } .supsim_a .item3 { top: 56%; left: 16%; } .supsim_a .item3 { top: 70%; left: 80%; } .supsim_b {} .simcor { background: linear-gradient(to bottom, #09c5dd, #0b53ae); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .sub_nav { width: 100vw; height: 60px; line-height: 60px; background-color: #0041c3; position: absolute; top: 100px; left: 0; display: none; } .pud:hover { background-color: #0041c3; transition: all 0.3s; } .inds:hover { background-color: #0041c3; transition: all 0.3s; } .pc_header.info .main_nav .p_nav .pud:hover .bigt1 { color: #fff; } .p_nav { height: 100%; } .main_nav .p_nav .li { height: 100%; line-height: 74px; padding: 0 0.4rem; } .towtit { width: 83%; height: 100%; margin: 0 auto; line-height: 60px; text-align: center; display: flex; align-items: center; justify-content: space-around; } .towtit .tit { display: inline-block; color: rgba(255, 255, 255, 0.5); cursor: pointer; transition: all 0.3s; } .towtit .tit:hover { color: #fff; text-decoration: underline; } .towtit .tit.on { color: #fff; text-decoration: underline; } .pud .three { width: 100vw; background-color: #fff; height: 12.5rem; position: absolute; top: 60px; opacity: 1; } .pud .three .cont { height: 100%; width: 100%; opacity: 1; display: none; } .pud .three .mxcp { width: 48%; float: left; height: 100%; padding-left: 10%; } .pud .three .cont.on .mxcp { transition: all 0.8s; opacity: 1; } .pud .three .mxcp .threeli { width: 100%; margin-top: 0.9rem; display: flex; justify-content: space-between; align-items: center; } .pud .three .mxcp .threeli .img { width: 38%; height: 6.75rem; border-radius: 15px; overflow: hidden; } .pud .three .mxcp .threeli .threetxt { width: 55%; } /*.pud .three .mxcp .threeli .threetxt .tit-18{ text-decoration:underline; }*/ .pud .three .mxcp .threeli .threetxt .ine { width: 1rem; height: 3px; background-color: #0041c3; margin: .6rem 0; } .pud .three .mxcp .threeli .threetxt .tit-28 { color: #000; } .pud .three .mxcp .threeli .threetxt .tit-28 .hnr { font-size: 0.5rem; font-weight: 500; } .pud .three .ptcp { width: 50%; float: right; height: 100%; background-color: #f1f1f1; padding: 1rem; padding-right: 3rem; opacity: 1; } .csc { opacity: 0; height: 100%; width: 100%; } .pud .three .cont.on .ptcp .csc { transition: all 0.8s; opacity: 1; } .plist { margin-top: 1rem; height: 7rem; overflow: auto; } .plist a { width: 42%; float: left; margin-right: 13%; padding-bottom: .6rem; margin-bottom: .8rem; border-bottom: 1px solid #333; color: #000; } .plist a p:first-child { line-height: .6rem; /*height: .6rem;*/ width: 100%; } .pc_header.info .main_nav .p_nav .li .plist a:hover { color: #0041c3; } .plist a:nth-child(2n) { margin-right: 0; } .plist a p:nth-child(2) { font-weight: 700; } .supsim_b .simcor { margin-bottom: .5rem; } .supsim_b_list .li { width: 33%; float: left; margin-top: 1.75rem; margin-bottom: 0.5rem; color: #34467d; } .supsim_b_list .li img { margin-bottom: .5rem; } .supsim_c { height: 100vh; background-image: url(../img/simbg1.png); overflow: hidden; } .simcor2 { background: linear-gradient(to right, #09c5dd, #193cd2); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .supsim_c .sub-tit { width: 17.5rem; position: absolute; left: 13.5%; top: 45%; } .supsim_c_t1 { position: absolute; top: 4rem; left: 13.5%; } .supsim_c .sub-tit p { padding-top: 1rem; border-top: 2px solid #fff; } .sim4 { width: 36.4%; position: absolute; right: 13.5%; top: 100%; opacity: 0; } .sim4 img { max-height: 100vh; } .supsim_c .list { position: absolute; width: 28.6%; left: 13.5%; top: 100%; opacity: 0; } .supsim_c .list-container { overflow: hidden; height: 16rem; margin-top: 1.45rem; } .supsim_c .list-container .swiper-slide { width: 100%; border-top: 2px solid rgba(255, 255, 255, 1); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; opacity: .2; } .supsim_c .list-container .swiper-slide .tit-20 { color: rgba(255, 255, 255, 0.5); line-height: 1.2; margin-top: .2rem; } .supsim_c .list-container .swiper-slide.swiper-slide-active { opacity: 1; } .supsim_e { height: 100vh; background-color: #000; } .supsim_e .s_c_txt1 { position: absolute; left: 13.5%; top: 50%; transform: translateY(-50%); } .ine2 { width: 18rem; background: linear-gradient(to right, #09c5dd, #193cd2); height: 2px; margin: .5rem 0; } .supsim_e .s_c_txt .tit-22 { width: 100%; color: #515860; } .smi5 { width: 55%; position: absolute; right: -20%; top: 50%; transform: translateY(-50%); } .smi5_2 { opacity: 0; } .s_c_txt2 { position: absolute; left: 80%; top: 50%; opacity: 0; transform: translateY(-50%); width: 44%; } .s_c_listcont { width: 36%; right: 0; position: absolute; top: 50%; transform: translate(50%, -50%); opacity: 0; } .s_c_listcont .li { width: 49%; float: left; height: 7.25rem; background-color: #11192f; margin-right: 2%; margin-bottom: .5rem; position: relative; } .s_c_listcont .li:nth-child(2n) { margin-right: 0; } .s_c_listcont .hoverbox { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 0.7rem; background-color: #0029c3; z-index: 22; opacity: 0; position: relative; transition: all 0.5s; } .s_c_listcont .hoverbox .tit-30 { padding: .2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.4); margin-bottom: .4rem; } .s_c_listcont .hoverbox li { list-style: disc; margin-left: 0.4rem; margin-bottom: 0.3rem; } .s_c_listcont .li img { transition: all 0.5s; } .s_c_listcont .li:hover .hoverbox { opacity: 1; transform: scale(1.1); } .s_c_listcont .li.on .hoverbox { opacity: 1; transform: scale(1.1); } .sim_f .more { width: auto; padding: 0 1rem; } .sim_f .more .span1 { transform: translateX(-10px); } .sim_f .more svg { fill: #fff; } .sim_f .more .span2 { margin-left: 8px; transform: translateX(10px); } .sim_f .more:hover .span2, .sim_f .more:hover .span1 { transform: translateX(0); } .sim_m { padding-bottom: 4rem; } .tas { background-image: url(../img/tas2.png) } .tas_a { height: 100vh; background-color: #060c1c; overflow: hidden; } .tas_a .sub-tit { width: 17.5rem; position: absolute; right: 13.5%; top: 40%; } .tas_a .sub-tit p { padding-top: 1rem; border-top: 2px solid #fff; } .tas_a .list1 { position: absolute; width: 28.6%; left: 13.5%; top: 100%; opacity: 0; } .tas_a .list2 { position: absolute; width: 28.6%; right: -13.5%; top: 20%; opacity: 0; } .tas_a .list-container { overflow: hidden; height: 16rem; margin-top: 1.45rem; } .tas_a .list-container { height: 20rem; } .tas_a .list-container .swiper-slide { width: 100%; border-top: 2px solid rgba(255, 255, 255, 1); display: flex; flex-direction: column; justify-content: center; align-items: flex-start; opacity: .2; } .tas_a .list-container .swiper-slide .tit-22 { color: rgba(255, 255, 255, 1); line-height: 1.2; margin-top: .2rem; } .tas_a .list-container .swiper-slide.swiper-slide-active { opacity: 1; } .tas_b { overflow: hidden; padding-bottom: 0; } .table-container { width: 100%; } .table-container .swiper-slide { width: auto; margin-right: 20%; cursor: pointer; } .tasajax .img { text-align: center; margin-top: 1rem; } .tasajax .con.show { opacity: 1; transform: translateX(0); } .tas_c.show { opacity: 1; transform: translateX(0); } .tas_c { background-color: #09122f; height: 16.75rem; overflow: hidden; } .tas_c .left { width: 50%; } .tas_c .left .linex { width: 100%; height: 2px; background-color: #fff; margin: .6rem 0; } .tas_c .img { width: 10.275rem; position: absolute; bottom: -30%; right: 18%; } .baoutline { position: absolute; top: 0; left: 0; z-index: 2; overflow: hidden; } .baoutline img { position: absolute; top: 0; left: 0; z-index: 2; height: 61.95rem; max-width: none; } .about_banner .bannertxt { position: absolute; top: 24%; left: 10%; z-index: 3; } .about_banner .bannertxt .tit-18 { width: 40%; } .about_banner .bannertxt .tit-80 { margin-bottom: 0.4rem; } .about_a { background-image: url(../img/aboutbg.png); background-size: cover; overflow: hidden; } .about_a_a { display: flex; align-items: center; justify-content: space-between; } .about_a .left { width: 46%; } .about_a .right { width: 47.75%; } .about_a .right .tit-18 p { margin-top: 1rem; } .about_a_b { height: 21.0rem; /*height: 100vh;*/ z-index: 3; } .about_a_b .tit-200 { font-size: 4.6rem; width: 100%; text-align: center; top: 40%; } .about_a_b .bot { background-color: #0041c3; border-radius: 50%; position: absolute; } .about_a_b .bot1 { top: 20%; left: 30%; width: 9px; height: 9px; } .about_a_b .bot3 { bottom: 30%; right: 30%; width: 9px; height: 9px; } .about_a_b .bot2 { top: 22%; right: 20%; width: 14px; height: 14px; } .about_a_b .bot4 { bottom: 30%; left: 20%; width: 14px; height: 14px; } .about_a_b .activbot { width: 3.6rem; height: 3.6rem; top: 68%; left: 47%; line-height: 3.6rem; cursor: pointer; } .about_a_b .activbot.on { transform: scale(1000); transition: all 10s; } .about_a_b .activbot.on .tit-16 { display: none; } .about_c { position: relative; opacity: 1; background-image: none; background-color: #3140b2; transition: all 0.8s; z-index: 33; } .about_c .bg { position: absolute; left: 0; top: 0; } .about_c .timg { opacity: 1; } .fourtxt .tit-50 { line-height: 1.1; margin-bottom: 1rem; opacity: 0; transform: translateY(10%); transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .fourtxt .tit-18 { opacity: 0; transform: translateY(10%); transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .fourtxt .more { background-color: transparent; border: 1px solid #fff; color: #fff; margin-top: 1rem; opacity: 0; transform: translateY(10%); transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .fourtxt.active .tit-50 { transition-delay: 1s; opacity: 1; transform: translateY(0); } .fourtxt.active .tit-18 { transition-delay: 1.5s; opacity: 1; transform: translateY(0); } .fourtxt.active .more { transition-delay: 2s; opacity: 1; transform: translateY(0); } .baoutline2 { position: absolute; top: 0; left: 0; z-index: 2; overflow: hidden; width: 100%; } .baoutline2 img { position: absolute; top: 0; left: 0; z-index: 2; max-width: none; width: 100%; } .about_main2 { background-image: url(../img/aboutbg.png); background-size: cover; overflow: hidden; } .about_e { padding-bottom: 5rem; border-bottom: 1px solid #aeb6cf; } .about_e .tit-70 { background: linear-gradient(to right, #4a28a0, #0041c3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .about_e2 { padding: 4.5rem 0 4rem; } .about_e2 .ceo { left: 0; right: auto; } .about_e2 .tit-30 { margin-left: 45%; } .about_e2 .tit-18 { margin-left: 45%; } .tomore { margin-top: 1rem; display: inline-block; } .tomore span { display: inline-block; vertical-align: middle; } .tomore span svg { vertical-align: middle; margin-left: 0.5rem; } .about_e .tit-30 { width: 50%; margin-top: 2.9rem; margin-bottom: .7rem; } .about_e .ceo { width: 30%; position: absolute; right: 0; bottom: 0; z-index: 3; } .about_e2 .tit-24 { text-align: right; } .about_f { padding: 3.5rem 0 3.0rem; display: flex; justify-content: space-between; align-items: center; } .about_f .left { width: 46%; z-index: 3; } .about_f .right { width: 46%; z-index: 3; } .about_f .right .tit-18 { margin-top: 1rem; } .about_h { height: 17.0rem; overflow: hidden; z-index: 3; display: flex; align-items: center; } .about_h .more { margin-top: 1.5rem; background-color: transparent; border: 1px solid #fff; color: #fff; } .aboutcor { background: linear-gradient(to right, #4a28a0, #0041c3); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .about_bot { padding-top: 2rem; padding-bottom: 0em; position: relative; z-index: 3; } .about_bot .aboutcor { margin-bottom: .5rem; } .about_bot .tomore { margin-top: .8rem; } .about_bot .list { height: 16.75rem; z-index: 3; margin-left: -5%; } .about_bot .list div { position: absolute; } .about_bot .list .li1 { width: 27%; left: 8%; top: 36.7%; z-index: 4; } .about_bot .list .li2 { width: 41.7%; left: 31%; top: 6.1%; z-index: 3; } .about_bot .list .li3 { width: 27%; left: 57%; top: 47.4%; z-index: 5; } .about_bot .list .li4 { width: 23%; right: 0; top: -4%; z-index: 4; } .about_bot .list .li5 { width: 20.5%; left: 0; bottom: 4%; } .about_bot .list .li6 { width: 41.6%; left: 24%; bottom: 0; } .about_bot .list .li7 { width: 22.4%; right: 8.5%; bottom: 0; } .headerfix { width: 100%; position: relative; height: 125px; } .news_con { padding: 2.625rem 0; padding-bottom: 5rem; } .tit-86 { font-size: 2.15rem; } .news_con .news-seach { text-align: center; margin-top: 1.25rem; } .news_con .news-seach .seor { display: inline-block; vertical-align: top; width: 5.5rem; height: 1.4rem; position: relative; background-color: #0041c3; border-radius: 8px; } .news_con .news-seach .seor .s_tit { width: 100%; line-height: 1.4rem; position: relative; } .news_con .news-seach .seor .s_tit:after { content: ''; position: absolute; background-image: url(../img/newsjt.png); width: 8px; height: 5px; right: 0.5rem; top: 50%; margin-top: -2.5px; transition: all 0.2s; } .news_con .news-seach .seor.on .s_tit:after { transform: rotate(180deg); } .news_con .news-seach .seor a { display: block; color: #fff; text-align: left; padding: 0 0.5rem; } .news_con .news-seach .seor_sub { position: absolute; top: 1.2rem; width: 100%; left: 0; max-height: 9rem; padding-top: .3rem; display: none; z-index: 66; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-top: 0; background-color: #0041c3; border-radius: 5px; } .news_con .news-seach .seach { width: 13.75rem; height: 1.4rem; border-radius: 8px; border: 2px solid #ccd9f3; display: inline-block; vertical-align: top; margin: 0 0.5rem; overflow: hidden; } .news_con .news-seach .seach input { width: 80%; height: 1.4rem; line-height: 1.4rem; padding: 0 0.6rem; float: left; } .news_con .news-seach .sumit { width: 20%; height: 1.4rem; line-height: 1.4rem; float: right; position: relative; } .news_ajax {} .news_ajax .li { display: flex; display: flex; justify-content: space-between; align-items: center; padding: 1.55rem 0; border-bottom: 1px solid #ccc; } .news_ajax .li .img { width: 28%; border-radius: 8px; overflow: hidden; } .news_ajax .li .txt { width: 68%; } .news_ajax .li .txt .tit-15 { margin: .6rem 0; } .news_ajax .li .txt .tomore { margin-top: 0; color: #000; } .news_ajax .li .txt .tomore svg { fill: #111; } .news_ajax .li:hover .tit-30 { color: #0041c3; text-decoration: underline; } .news_ajax .li:hover .tomore { color: #0041c3; } .news_ajax .li:hover .tomore svg { fill: #0041c3; } .newspage { margin: 2rem 0; text-align: center; } .newspage .pagination { width: 100%; } .newspage .pagination a { display: inline-block; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; border-radius: 50%; margin: 0 0.2rem; border: 2px solid transparent; vertical-align: top; font-size: 0.4rem; color: #111; transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1); } .newspage .pagination a:hover { border: 2px solid #0041c3; color: #0041c3; } .newspage .pagination a.active { border: 2px solid #0041c3; color: #0041c3; } .newspage .pagination a[rel=next] { width: 4rem; float: right; border-radius: 1.25rem; background-color: #f3f3f3; position: relative; } .newspage .pagination a[rel=next]:after { content: ""; position: absolute; right: 0.6rem; top: 50%; background-image: url(../img/njt.png); width: 7px; height: 13px; margin-top: -6.5px; } .newspage .pagination a[rel=prev] { width: 4rem; float: left; border-radius: 1.25rem; background-color: #f3f3f3; position: relative; } .newspage .pagination a[rel=prev]:after { content: ""; position: absolute; left: 0.6rem; top: 50%; background-image: url(../img/njt.png); width: 7px; height: 13px; margin-top: -6.5px; transform: rotate(180deg); } .new_a { display: block; height: 12.25rem; border-radius: 9px; overflow: hidden; } .new_a .left { width: 50%; height: 100%; float: left; overflow: hidden; } .new_a .right { width: 50%; float: right; height: 100%; background-color: #f0f0f0; padding: 1.5rem 1.575rem; color: #111; position: relative; } .new_a .right .tit-36 { padding-top: 0.875rem; margin-top: 0.875rem; border-top: 2px solid #111; } .new_a .right .text-uppercase, .new_a .right img { position: absolute; bottom: 1.5rem; } .new_a .right .text-uppercase { left: 1.575rem; } .new_a .right img { right: 0; display: inline-block; position: relative; bottom: 0; margin-left: 0.5rem; } .new_a .right .hnr { font-weight: 800; } .new_a .right .tit-22 { margin-top: 0.75rem; } .new_a:hover .right .tit-36 { color: #0029c3; } .new_a:hover .right .text-uppercase { color: #0029c3; } .new_a .right img { filter: grayscale(100%) !important; } .new_a:hover .right img { filter: grayscale(0%) !important; } .new_b { margin-top: 2rem; } .new_b .seach { width: 100%; padding-bottom: .8rem; border-bottom: 1px solid #eee; margin-top: .5rem; } .new_b .seach input { height: 100%; width: 90%; float: left; font-size: 1.0rem; } .newsajaxlist { margin-top: 2.25rem; } .newsajaxlist .li { width: 33%; float: left; padding: 0 1.125rem; border-right: 1px solid #eee; display: block; color: #111; margin-bottom: 2rem; } .newsajaxlist .li .img { border-radius: 8px; overflow: hidden; height: 7.5rem; } .newsajaxlist .li .txt { width: 100%; } .newsajaxlist .li .txt .top { padding: .6rem 0; } .newsajaxlist .li .txt .tit-30 { line-height: .8rem; height: 1.7rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 0.6rem; font-family: "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif; } .maetelist { width: 100%; } .maetelist .li { width: 100%; height: auto; line-height: .8rem; /*padding: 0.3rem 0;*/ padding: .1rem 0; border-bottom: 1px solid #eee; } .maetelist .li .left2 { width: 45%; float: left; } .maetelist .li .right2 { width: 45%; float: right; } /* .sof_d .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 6px !important; margin: 0 !important; } .sof_d .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 60px; } .sof_d .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.sof_d .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 6px !important; margin: 0 !important; } .sof_d .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .sof_d .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ margin: 0 !important; } .sof_d .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 10px !important; margin: 0 !important; } */ .newsajaxlist .li .txt .top .tit-24 { font-weight: 800; float: left; font-size: 0.5rem; } .newsajaxlist .li .txt .top .tit-15 { float: right; display: inline-block; padding: 0.1rem 0.3rem; background-color: #e5ecf9; } .newsajaxlist .li .txt .top .tit-30 { line-height: 0.95rem; height: 3.8rem; overflow: hidden; } .newsajaxlist .li:hover .tit-30 { color: #0041c3; text-decoration: underline; } .newsmore .span1 { transform: translateX(-10%); } .newsmore .span2 { transform: translateX(60%); } .suimb { width: 10%; float: right; cursor: pointer; } .ots { background-image: url(../img/ots2.jpg); } .tit_big { opacity: 0; transform: translateY(10%); position: absolute; width: 100%; text-align: center; top: 10%; font-size: 2.25rem; } .tit_big2 { width: 100%; position: absolute; opacity: 0; top: 20%; text-align: center; transform: translateY(10%); } .ots_a { opacity: 0; background-color: #000; top: 0; left: 0; height: 100%; position: absolute; width: 100%; } .otsimg { opacity: 1; position: absolute; width: 100%; text-align: center; font-size: 2.25rem; height: 100%; z-index: 3; } .otsimg .bg { -webkit-background-size: 100% 100%; background-size: 100% 100%; } .otsimg img { background-size: 100% 100%; } .ots { overflow: hidden; } .ots_img { position: absolute; opacity: 0; } .ots_img1 { width: 10.8%; left: 14.24%; top: 13%; } .ots_img2 { width: 23.125%; left: 37.7%; top: -10%; } .ots_img6 { width: 22.44%; right: 0; top: -5%; } .ots_img4 { width: 14%; right: 5%; top: 40%; } .ots_img5 { width: 22.8%; left: 0; bottom: 0; } .ots_img3 { width: 20.4%; right: 0; bottom: 0; } .ots_main { background-color: #040815; } .ots-table { width: 100%; text-align: center; } .ots-table.on { position: fixed; top: 65px; z-index: 40; } .ots-table a { display: inline-block; vertical-align: top; margin: 0 0.275rem; padding: 0 0.5rem; background-color: #040815; border-radius: 5px; line-height: 1.0rem; border: 2px solid rgba(255, 255, 255, 0.2); color: #fff; transition: all 0.5s; } .ots_main .tito { margin-bottom: 1.25rem; color: rgba(255, 255, 255, 0.6) } .ots-table a.on { color: #fff; background-color: #0041c3; border: 2px solid #0041c3; } .ots-table a:hover { color: #fff; background-color: #0041c3; border: 2px solid #0041c3; } .ots_main_list .firstli { margin-top: 2.0rem; padding-top: 1.75rem; border-top: 2px solid rgba(255, 255, 255, 0.2); display: flex; justify-content: space-between; align-items: center; } .ots_main_list .firstli .right { width: 47%; } .ots_main_list .firstli .left { width: 45%; } .ots_main_list .firstli .left .li { width: 100%; height: 3.75rem; background-color: #0c142f; margin-bottom: .5rem; display: flex; justify-content: space-between; align-items: center; padding: 0 1.2rem; } .ots_main_list .firstli .left .li .icon { width: 16%; } .ots_main_list .firstli .left .li .txtlist { width: 78%; list-style: disc; } .ots_main_list .firstli .left .li .txtlist .fl { margin-right: 0.5rem; } .ots_main_list .threelis { margin-top: 2.0rem; padding-top: 1.75rem; border-top: 2px solid rgba(255, 255, 255, 0.2); } .inemap { text-align: center; position: relative; margin: auto; } .inemap img { width: 21.375rem; max-width: none; } .inemap .tit-20 { position: absolute; } .inemap .t1 { top: 15%; left: 42%; } .inemap .t2 { top: 33%; right: 24%; } .inemap .t3 { top: 70%; right: 24%; } .inemap .t4 { top: 90%; right: 44%; } .inemap .t5 { top: 68%; left: 20%; } .inemap .t6 { top: 33%; left: 20%; } .threelis .list { display: flex; justify-content: space-between; align-items: center; } .threelis .list .li { width: 46%; padding: .6rem 0; border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); display: flex; justify-content: space-between; align-items: center; } .threelis .list .li .icon { width: 10%; } .threelis .list .li .tit-16 { width: 87%; line-height: 1.5; list-style: disc; } .fourli { margin-top: 2.0rem; padding-top: 1.75rem; border-top: 2px solid rgba(255, 255, 255, 0.2); display: flex; justify-content: space-between; align-items: center; } .fourli .right { width: 47%; position: relative; } .fourli .right .tit-20 { width: 48%; display: inline-block; vertical-align: top; text-align: center; margin-top: -1rem; } .fourli .left { width: 45%; } .otscor { background: linear-gradient(to right, #398cff, #6f46f8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .fourli .left .otscor { padding-bottom: 1rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: .5rem; } .fourli .left .tit-20 { margin-top: .5rem; } .fourli .left .list { margin-top: 1rem; display: flex; justify-content: space-between; align-items: center; } .fourli .left .list .li { width: 32%; } .fourli .left .list .li .icon { width: 1.275rem; } .fourli .left .list .li .tit-16 { line-height: .5rem; margin-top: .2rem; opacity: .6; height: 1.5rem; } .fiveli { margin-top: 2.0rem; padding-top: 1.75rem; padding-bottom: 2rem; border-top: 2px solid rgba(255, 255, 255, 0.2); } .fiveli .tit-24 { letter-spacing: 0; } .fiveli .img { width: 38.5rem; position: relative; } .fiveli .img .tit-24 { background: linear-gradient(to bottom, #398cff, #6f46f8); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: absolute; bottom: -1rem; } .fiveli .img .t1 { left: 3%; } .fiveli .img .t2 { left: 30%; } .fiveli .img .t3 { left: 57%; } .apc .ilinex { top: 31%; } .apc .fourtxt { top: 36%; } .apc .fourtxt p:nth-child(1) { margin-bottom: .8rem; } .apc .fourtxt .list { margin-top: 1rem; } .apc .fourtxt .list .li { display: inline-block; vertical-align: top; width: 40%; } .solu:hover { background-color: #fff; color: #fff; } .solu:hover .bigt1 { color: #111; } .solu_nav { width: 100vw; position: absolute; left: 0; height: 12.5rem; top: 100px; display: none; background-color: #fff; } .solu_nav .solu_left { width: 33%; background-color: #f1f1f1; float: left; height: 100%; padding-left: 4.8rem; padding-right: 2rem; padding-top: 2rem; padding-bottom: 2rem; } .solu_nav .solu_left a { display: block; width: 100%; height: 100%; } .solu_nav .solu_left a .img { width: 100%; height: 6rem; border-radius: 12px; overflow: hidden; } .solu_nav .solu_left a .threetxt { margin-top: .2rem; color: #000; } .solu_nav .solu_left a .threetxt .tit-26 { font-size: 0.45rem; } .solu_nav .solu_left a:hover .threetxt { color: #0041c3; text-decoration: underline; } .solu_mb { float: left; width: 24%; background-color: #fff; height: 100%; padding: 1rem 0; } .solu_mb .lis {} .solu_mb .siit { display: block; line-height: 1.5rem; font-weight: 600; color: #000; text-align: left; padding-left: 1rem; } .solu_mb a:hover { background-color: #0041c3; color: #fff; } .solu_sub { width: 43%; position: absolute; right: 0; top: 0; height: 100%; background-color: #0041c3; padding: 1.5rem 4rem; display: none; } .solu_sub a { display: block; width: 60%; text-align: left; padding: .4rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .solu_sub .alist { width: 100%; height: 90%; overflow: auto; } .solu_sub .alist::-webkit-scrollbar-thumb { background-color: #fff; } .sevc:hover { background-color: #fff; } .sevc:hover .sect { color: #111; } .sevc_nav { width: 100vw; position: absolute; left: 0; height: 12.5rem; top: 100px; background-color: #fff; display: none; } .sevc_nav .sec_left { width: 55%; float: left; height: 100%; display: flex; padding-left: 4.8rem; align-items: center; } .life_c, .life_e { background-color: #fff; } .sec_left .imgbx { width: 50%; float: left; color: #111; } .secv_list { width: 50%; float: left; color: #111; } .secv_list a { display: block; margin: 0.25rem 0; color: #111; } .sevc_nav .sec_left .img { margin-bottom: .2rem; width: 70%; } .sevc_nav .sec_left .threetxt span { display: inline-block; vertical-align: top; } .sevc_nav .sec_left .imgbx:hover .threetxt { color: #0041c3; text-decoration: underline; } .sec_right { width: 45%; background-color: #f0f0f0; height: 100%; float: left; position: relative; padding: 0 4.0rem; display: flex; flex-direction: column; justify-content: center; } .sec_right img { width: 50%; position: absolute; bottom: 0; right: 0; z-index: 1; } .sec_right .inlnes { width: 1rem; height: 3px; background-color: #0041c3; margin: 0.6rem 0; } .z2 { z-index: 2; } .dhs { display: inline-block; padding-bottom: 0.5rem; border-bottom: 1px solid #111; } .sec_right a { text-decoration: underline; margin-top: 1rem; } .inds:hover { background-color: #fff; } .inds:hover .bigt1 { color: #111; } .inds_nav { width: 100vw; position: absolute; left: 0; height: 12.5rem; top: 100px; text-align: center; background-color: #fff; display: none; } .inds_nav a { display: flex; width: 33.333%; float: left; height: auto; align-items: flex-end; margin: .5rem 0; justify-content: flex-start; } .inds_nav a .icon { width: 1.5rem; margin-right: .4rem; } .inds_nav a .icon img { width: 100%; max-width: none; } .inds_nav a .tit-20 { font-weight: 700; } .inds_nav a:hover .tit-20 { color: #0041c3; } .apc_a .nums { position: relative; } .apc_a .red:after { content: " "; width: 16px; height: 31px; position: absolute; background-image: url(../img/apcred.png); right: -0.5rem; top: 0; } .apc_a .green:after { content: " "; width: 16px; height: 31px; position: absolute; background-image: url(../img/apcgreen.png); right: -0.5rem; top: 0; } .apc_b { background-image: url(../img/apcb.png); padding: 4.45rem 0 5rem 0; } .apc_b .list { margin-top: 2rem; } .apc_b .list .li { width: calc(100% / 5); float: left; cursor: pointer; } .apc_b .list .li .icon { display: inline-block; width: 3rem; margin-bottom: 1rem; transition: all 0.5s; } .apccor { background: linear-gradient(to right, #009c75, #004eb7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .apc_b .list .li:hover .icon { transform: scale(1.2); } .apc_b .list .li.on .icon { transform: scale(1.2); } .apc_b .list2 { width: 100; text-align: center; margin-top: 2rem; ; } .apc_b .list2 .li { width: 8rem; height: 8rem; display: inline-block; margin: 0 -.6rem; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.6) } .apc_b .list2 .li .fex { display: flex; width: 100%; height: 100%; flex-direction: column; justify-content: center; align-items: center; } .apc_b .list2 .li .fex img { width: 2rem; margin-bottom: .5rem; } .apc_b .list2 .li .tit-18 { width: 70%; margin: 0 auto; } .apcleft-container { width: 51%; overflow: hidden; height: 13rem; background-color: #fff; box-shadow: 6px 17px 40px rgba(3, 66, 193, 0.3); margin-top: 2rem; z-index: 4; position: relative; } .apcleft-container .swiper-slide { width: 100%; height: 100%; padding: 2rem 2.5rem; position: relative; } .apcleft-container .swiper-slide .tit-54 { padding-bottom: 1rem; margin-bottom: .8rem; border-bottom: 1px solid #000; } .apcleft-container .swiper-slide .bolist { width: 100%; position: absolute; bottom: 0; left: 0; height: 5.25rem; } .apcleft-container .swiper-slide .bolist .li { width: 33.33333%; float: left; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #a3bff7; height: 100%; } .apcleft-container .swiper-slide .bolist .li:nth-child(2) { background-color: #bed2f9; } .apcleft-container .swiper-slide .bolist .li:nth-child(3) { background-color: #d8e5fe; } .apcleft-container .swiper-slide .bolist .li .num { display: inline-block; position: relative; } .apcleft-container .swiper-slide .bolist .li .num.red:after { content: " "; width: 16px; height: 31px; position: absolute; background-image: url(../img/apcred.png); transform: translateY(-50%); right: -20px; bottom: 0; } .apcleft-container .swiper-slide .bolist .li .num.green:after { content: " "; width: 16px; height: 31px; position: absolute; background-image: url(../img/apcgreen.png); right: -20px; bottom: 0; transform: translateY(-50%); } .apcleft-container .swiper-slide .bolist .li .num .dw { font-size: .5rem; vertical-align: top; line-height: 2.5; } .apcbg-container { width: 50%; position: absolute; height: 19.8rem; top: 3rem; right: 5.3%; } .apcbg-container .swiper-slide { width: 100%; height: 100%; } .apcbtn { width: 54px; height: 108px; top: 10%; position: absolute; right: 6%; z-index: 34; } .apcbtn .apcnext { width: 54px; height: 54px; background-image: url(../img/apcjt.png); background-position: center; background-repeat: no-repeat; border-bottom: 1px solid #0041c3; cursor: pointer; } .apcbtn .apcpev { width: 54px; height: 54px; background-image: url(../img/apcjt.png); background-position: center; background-repeat: no-repeat; transform: rotate(180deg); cursor: pointer; } .swiper-container-fade .swiper-slide { opacity: 0 !important; } .swiper-container-fade .swiper-slide-active { opacity: 1 !important; } .life_c { padding-bottom: 0; } .life_c .img { width: 100%; height: 16.0rem; position: relative; } .life_c_txt { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .life_c_txt .con { width: 21.8rem; background-image: linear-gradient(to right, white, rgba(255, 255, 255, 0.5)); padding: 1.875rem 2.625rem; } .life_c_txt .tit-50 { margin-bottom: .6rem; } .ses .supsim .bigtxt.active { background: -webkit-linear-gradient(left, #e31006, #fa952f); background: -o-linear-gradient(left, #e31006, #fa952f); background: linear-gradient(to right, #e31006, #fa952f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .ses .icon { position: absolute; } .ses .icon1 { width: 2.3rem; top: 30%; left: 20%; } .ses .icon2 { width: 3.15rem; top: 70%; left: 16%; } .ses .icon3 { width: 2.35rem; top: 50%; left: 28%; } .ses .icon4 { width: 2.8rem; top: 28%; right: 23%; } .ses .icon5 { width: 3.125rem; top: 58%; right: 28%; } .ses .icon6 { width: 2.7rem; top: 68%; right: 18%; } .ses_a { background-color: #050811; } .ses_main { background-image: url(../img/apcbg1.png); background-position: center top; } .ses_b .top { display: flex; align-items: center; justify-content: space-between; } .ses_b .top .tit-20 { width: 40%; } .ses_b .list { margin-top: 2.5rem; border: 1px solid rgba(255, 255, 255, .4); } .ses_b .list .li { border-bottom: 1px solid rgba(255, 255, 255, .4); } .ses_b .list .li:last-child { border-bottom: 0; } .ses_b .list .li .tit { width: 7.2%; text-align: center; position: relative; background-color: #3388be; float: left; } .ses_b .list .li .tit .tit-20 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(90deg); } .ses_b_list { width: 92.8%; float: left; } .ses_b_list .li2 { width: 25%; float: left; padding: 0.925rem 1rem; } .ses_b_list .li2 .icons { width: 1.275rem; margin-bottom: .4rem; } .ses_b_list li { list-style: disc; margin-left: 0.4rem; margin-bottom: 0.3rem; line-height: 1.5; } .ses_b_list ul { margin-top: .3rem; } .ses_main .ecs_k { background-color: transparent; } .imgbox .bimg { z-index: 10; position: relative; opacity: 0; transform: scale(0); max-width: none; width: 100%; transition: 1s cubic-bezier(0.6, 0.2, 0.1, 1); } .imgbox img {} .imgbox .actimg { position: absolute; top: 0; left: 0; opacity: 0; transform: scale(0); max-width: none; width: 100%; transition: 1s cubic-bezier(0.6, 0.2, 0.1, 1); } .imgbox .bimg1 { z-index: 9; transition-delay: 0.2s; } .imgbox .bimg2 { z-index: 8; transition-delay: 0.3s; } .imgbox .bimg3 { z-index: 7; transition-delay: 0.4s; } .imgbox .bimg4 { z-index: 6; transition-delay: 0.5s; } .imgbox .bimg5 { z-index: 5; transition-delay: 0.6s; } .imgbox .bimg6 { z-index: 4; transition-delay: 0.7s; } .imgbox .bimg7 { z-index: 3; transition-delay: 0.8s; } .ses_a.active .actimg { opacity: 1; transform: scale(1); } .ses_a.active .bimg { opacity: 1; transform: scale(1); } .imgline { width: 0; overflow: hidden; height: 100%; position: absolute; left: 0; top: 0; transition: 3s cubic-bezier(0.6, 0.2, 0.1, 1); transition-delay: 2s; } .bimg8 { position: absolute; max-width: none; top: 0; left: 0; width: 100vw; } .ses_a.active .imgline { width: 100%; position: absolute; } .ses_a .item { opacity: 0; transform: scale(0); } .ses_a.active .item { opacity: 1; transform: scale(1); transition: 1s cubic-bezier(0.6, 0.2, 0.1, 1); } .ses_a.active .item1 { position: absolute; top: 39%; left: 13%; transition-delay: 2.5s; } .ses_a.active .item2 { position: absolute; top: 39%; left: 13%; transition-delay: 2.8s; } .ses_a.active .item2 { position: absolute; top: 95%; left: 45%; } .ses_a.active .item3 { position: absolute; top: 39%; right: 13%; transition-delay: 3.1s; } .ctxt { position: absolute; padding: 0.675rem; border-radius: 5px; border: 1px solid rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 0.3); opacity: 0; transform: scale(0); transition: 1s cubic-bezier(0.6, 0.2, 0.1, 1); } .ses_a.active .ctxt { opacity: 1; transform: scale(1); } .ctxt p { margin-bottom: .2rem; line-height: 1.5; } .ctxt1 { top: 7%; left: 6%; transition-delay: 3.5s; } .ctxt2 { right: 6%; top: 14%; width: 8rem; transition-delay: 3.8s; } .ses_a .lists { margin-top: 2rem; border-top: 2px solid rgba(255, 255, 255, 0.4); } .ses_a .lists .li { width: 33.33%; float: left; position: relative; } .ses_a .lists .li .tit-20 { color: rgba(255, 255, 255, 0.6); font-weight: 600; } .ses_a .lists .li .tit-14 { color: #69759e; width: 70%; } .ses_a .lists .li1 { margin-top: 4.675rem; } .ses_a .lists .li2 { margin-top: 2.925rem; } .ses_a .lists .li3 { margin-top: 1rem; } .ses_a .lists .li img { top: -20%; right: 10%; width: 3.375rem; position: absolute; opacity: .5; } .ies .supsim .bigtxt.active { background: -webkit-linear-gradient(left, #01d384, #0053ff); background: -o-linear-gradient(left, #01d384, #0053ff); background: linear-gradient(to right, #01d384, #0053ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .ies_b .list .li { width: 20%; } .ies_b { height: 23.5rem; } .ies_b .list .li:hover { background-color: #005173; } .ies_b .list .li .tit-18 { width: 80%; margin: auto; text-align: left; margin-top: .6rem; display: none; } .ies_b .list .li .tit-18 p { margin-bottom: 0.5rem; opacity: 0; transition: all 1s; } .ies_b .list .li:hover .tit-18 { display: block; } .ies_b .list .li:hover .tit-18 p { opacity: 1; } .ies_c { background-color: #060d20; background-image: url(../img/ssaw.png); } .iescor { background: -webkit-linear-gradient(left, #01d384, #0053ff); background: -o-linear-gradient(left, #01d384, #0053ff); background: linear-gradient(to right, #01d384, #0053ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .ies_clist { margin-top: 2rem; } .ies_clist .li { width: 25%; float: left; margin-bottom: 3.5rem; } .ies_clist .li .num { position: relative; display: inline-block; } .ies_clist .li .num.down:after { content: ""; position: absolute; top: 10px; left: -16px; background-image: url(../img/iesd.png); width: 16px; height: 19px; } .ies_clist .li .num.up:after { content: ""; position: absolute; top: 10px; left: -16px; background-image: url(../img/up2.png); width: 16px; height: 19px; } .ies_clist .li .num .dw { font-size: 30px; vertical-align: top; display: inline-block; } .ies_clist .li .tit-18 { color: #9faac6; } .plan_c .yunlist { margin-top: 2.5rem; } .plan_c .yunlist .yun { position: absolute; opacity: 0; transform: scale(0); transition: 2s cubic-bezier(0.6, 0.2, 0.1, 1); } .plan_c .yunlist .yun2 { position: absolute; width: 0; height: 0; z-index: 3; overflow: hidden; transition: 2s cubic-bezier(0.6, 0.2, 0.1, 1); transition-delay: 0.6s; } .plan_c .yunlist.active .yun2 { width: 100%; height: 14.8rem; } .plan_c .yunlist .yun2 img { max-width: none; width: 48.0rem; } .plan_c .yunlist .yun1 { opacity: 0; transform: scale(0); transition: .8s cubic-bezier(0.6, 0.2, 0.1, 1); } .plan_c .yunlist .yun { opacity: 0; transform: scale(0); transition: .8s cubic-bezier(0.6, 0.2, 0.1, 1); transition-delay: 1.8s; } .plan_c .yunlist.active .yun1 { opacity: 1; transform: scale(1); } .plan_c .yunlist.active .yun { opacity: 1; transform: scale(1); } .plan_c .yunlist .yun3 { width: 5.9%; right: 8%; top: 62%; z-index: 3; } .plan_c .yunlist .yun4 { width: 7.1%; right: 24%; top: 19%; z-index: 3; } .plan_c .yunlist .yun5 { width: 7.1%; left: 7%; top: 55%; z-index: 3; } .plan_c .yunlist .yun6 { width: 5%; left: 26%; top: 27%; z-index: 3; } .plan_c .yunlist .yun7 { width: 5.9%; left: 42%; top: 87%; z-index: 3; } .videoPlay1 { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 666; transform: scale(1.5); display: none; } .tit-10 { font-size: 10px; line-height: 2; } .tybanner { overflow: inherit; } .table_next, .table_pev { width: 0.8rem; height: 0.8rem; position: absolute; cursor: pointer; } .table_next { right: -1.5rem; top: 2%; } .table_pev { left: -1.5rem; top: 2%; transform: rotate(180deg) } .pc_header.scroll { position: fixed; top: -55px; background-color: #fff; } .pc_header.scroll .top_nav .left a { color: #111; } .pc_header.scroll .main_nav .logo .img2 { opacity: 1; } .pc_header.scroll .main_nav .logo .img1 { opacity: 0; } .pc_header.scroll .main_nav .p_nav .li a { color: #111; } .pc_header.scroll .main_nav .right svg { fill: #0041c3; } .pc_header.scroll .main_nav .right form { border: 1px solid #0041c3; } .pc_header.scroll .main_nav .right form .tetx { color: #000; } .main_nav .right { cursor: pointer; height: 100%; display: flex; align-items: center; } .pc_header.scroll .main_nav .p_nav .pud:hover .bigt1 { color: #fff; } .pc_header.scroll .main_nav .solu_mb a:hover { background-color: #0041c3; color: #fff !important; } .pc_header.info .main_nav .p_nav .li .solu_mb a:hover { color: #fff !important; } .lnvideo { width: 100%; } .pc_header.scroll .main_nav .solu_mb .lis.on a { background-color: #0041c3; color: #fff; } .pc_header.scroll .main_nav .solu_mb .lis.on .solu_sub { display: block; } .pc_header .main_nav .solu_mb .lis.on a { background-color: #0041c3; color: #fff; } .pc_header .main_nav .solu_mb .lis.on .solu_sub { display: block; } .active_banner { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; } .inds_left { width: 45%; background-color: #fff; float: left; height: 100%; padding-left: 4.8rem; padding-right: 2rem; padding-top: 2rem; padding-bottom: 2rem; box-sizing: border-box; } .inds_left a { display: block; width: 100%; height: 100%; } .inds_left a .img { width: 70%; height: 6rem; border-radius: 12px; overflow: hidden; margin: auto; } .ind_right { width: 55%; background-color: #f1f1f1; float: left; height: 100%; display: flex; align-items: center; flex-wrap: wrap; align-content: center; padding: 0 2rem; padding-left: 3rem; } .inds_left .threetxt .tit-18 { text-decoration: underline; } .inds_left .threetxt .tit-28 { color: #000; } /*鑱旂郴鎴戜滑*/ .contact { padding-top: 125px; background-image: url(../img/contact/1.png); background-position: center; ; -webkit-background-size: cover; background-size: cover; height: 24.75rem; } .contact .left { width: 50%; height: 100%; float: left; position: relative; } .contact .left .txt { position: absolute; bottom: 0; width: 100%; right: 0; padding: 2rem 15%; background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.5)); } .contact .right { width: 50%; height: 100%; float: right; padding: 2.0rem 3.0rem; } .c_from { margin-top: 0.875rem; } .c_from .item { width: 100%; height: 1.25rem; line-height: 1.25rem; border-radius: 1.25rem; border: 1px solid #ccc; margin-bottom: 0.625rem; overflow: hidden; display: flex; align-items: center; justify-content: flex-start; transition: all 0.8s; } .c_from .item .lab { font-size: 16px; height: 100%; line-height: 1.25rem; font-weight: 600; margin-left: 1rem; } .c_from .item input { font-size: 16px; height: 100%; line-height: 1.25rem; font-weight: 600; width: 50%; margin-left: .5rem; } .c_from .item textarea { font-size: 16px; height: 100%; line-height: 1.5; font-weight: 600; width: 50%; margin-left: .5rem; margin-top: .6rem; } .c_from .item1 { height: 2.5rem; border-radius: 15px; } .c_from .item:hover { border-color: #0041c3; } .c_from .item:hover .lab { color: #0041c3; } .c_from .tit-15 { color: #ccc; } .c_from .tit-15 span { display: inline-block; vertical-align: top; } .c_from .tit-15 .caeak { display: inline-block; width: 11px; height: 11px; vertical-align: top; margin-top: 0.1rem; background-color: #ccc; margin-right: 10px; cursor: pointer; } .c_from .tit-15 .caeak.on { background-color: #0041c3; } .c_from .tit-15 span:nth-child(2) { width: 90%; line-height: 1.2; } .c_from .submit { width: 5.125rem; height: 1.375rem; line-height: 1.375rem; background-color: #0041c3; text-align: center; border-radius: 1.375rem; margin-top: 1rem; font-weight: 500; } .contact_b { padding: 2.5rem 0; text-align: center; } .contact_b .tit-li { border-radius: 8px; border: 2px solid #f2f5fc; padding: 1rem; display: inline-block; } .contact_b .tit-64 { padding-bottom: 1rem; border-bottom: 1px solid #ccc; margin-bottom: 1rem; } .contact_b .list .li { width: 32%; float: left; margin-right: 2%; border-radius: 8px; border: 2px solid #f2f5fc; padding: 1rem; margin-top: 1rem; transition: all 0.4s; height: 7rem; } .contact_b .list .li:nth-child(3n) { margin-right: 0; } .contact_b .list .li .tit-15 { border-bottom: 1px solid #ccc; line-height: 0.6rem; height: 2rem; margin-top: 0.2rem; margin-bottom: .4rem; } .contact_b .list .li:hover { background-color: #0041c3; border-color: #0041c3; color: #fff; } .contact_b .list .li:hover .mc { color: #fff; } .jion_banner { height: 17.45rem; } .jion_banner .seach { width: 100%; } .tit-90 { font-size: 2.25rem; } .jion_banner .seach .item { width: 62.1%; margin: 0 auto; height: 1.625rem; border-radius: 8px; border: 1px solid #fff; background-color: rgba(255, 255, 255, 0.4); } .jion_banner .seach .item input { width: 90%; height: 100%; line-height: 1.625rem; background-color: transparent; font-size: 16px; font-weight: 500; padding-left: 1rem; color: #fff; float: left; } .jion_banner .seach .item .seachbtn { width: 8%; float: right; height: 100%; line-height: 1.625rem; position: relative; cursor: pointer; } .jion_a .li { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 2.35rem; } .jion_a .li .img { width: 50%; } .jion_a .li .txt { width: 50%; padding: 0 2.125rem; } .jion_a .li .txt .tit-18, .c71 { color: #717887; } .jion_a .list { padding-bottom: 2.35rem; border-bottom: 1px solid #ccc; } .jion_a .li .txt .more { display: inline-block; width: auto; height: auto; z-index: 22; line-height: normal; text-align: center; background-color: transparent; color: #0041c3; border-radius: 5px; margin-top: .9rem; font-size: 16px; transition: all .5s ease 0s; } .jion_a .li .txt .more svg { fill: #0041c3; } .jion_a .li .txt .more .span2 { margin-left: 10px; transform: translateX(0); } .jion_a .li .txt .more .span1 { transform: translateX(0); } .jion_a .li:nth-child(2n) { flex-flow: row-reverse; } .jion_b .list { margin-top: 1rem; display: flex; justify-content: space-between; align-items: center; } .jion_b .list .li { width: 48%; } .jion_b .list .li .img { width: 100%; height: 10.5rem; } .jion_b .list .li .txt .more { display: inline-block; width: auto; height: auto; z-index: 22; line-height: normal; text-align: center; background-color: transparent; color: #0041c3; border-radius: 5px; margin-top: .2rem; font-size: 16px; transition: all .5s ease 0s; } .jion_b .list .li .txt .more svg { fill: #0041c3; } .jion_b .list .li .txt .more .span2 { margin-left: 10px; transform: translateX(0); } .jion_b .list .li .txt .more .span1 { transform: translateX(0); } .recruit_list { margin-top: 2rem; } .recruit_list li { background: #f6f8fb; margin-bottom: 0.65rem; } .recruit_list li .item_tab { box-sizing: border-box; padding: 1.25rem 1.4rem 1.25rem 2.3rem; display: flex; align-items: flex-start; position: relative; cursor: pointer; transition: all 0.3s ease 0s; } .recruit_list li .item_tab:before { content: ''; position: absolute; width: 14px; height: 8px; background: url('../img/join/arrow-d5.png')no-repeat center center; background-size: contain; left: 1rem; top: 1.55rem; } .recruit_list li .item_tab .tit-16 { color: #999; } .recruit_list li .item_option { box-sizing: border-box; padding: 0 1.4rem 0.5rem 2.3rem; display: none; background: #094b96; } .recruit_list li .item_option .tit-18 { color: #fff; margin-bottom: 0.3rem; padding-top: 0.5rem; } .recruit_list li .item_option .tit-18:first-child { padding-top: 0; } .recruit_list li .item_option .tit-16 { color: #97c8ff; line-height: 1.875; } .recruit_list li .tit-20 { width: 38.4%; } .recruit_list li.cur .tit-20 { color: #fff; } .recruit_list li .position { width: 17.4%; } .recruit_list li .type { width: 17.4%; } .recruit_list li .time { width: 17.4%; } .recruit_list li .apply { display: inline-flex; align-items: center; color: #094b96 !important; } .recruit_list li .apply i { width: 1rem; height: 1rem; background: url('../img/join/apply-ico.png')no-repeat center center; background-size: contain; margin-left: 0.2rem; } .recruit_list li.cur .item_tab { background: #094b96; } .recruit_list li.cur .item_tab:before { background: url('../img/join/arrow-t5.png')no-repeat center center; background-size: contain; } .recruit_list li.cur .item_tab .tit-16 { color: #8db4e0; } .recruit_list li.cur .item_tab .tit-24 { color: #fff; } .recruit_list li.cur .item_tab .tit-18 { color: #fff; } .recruit_list li.cur .apply { display: inline-flex; align-items: center; color: #fff !important; } .recruit_list li.cur .apply i { background: url('../img/join/apply-icoa.png')no-repeat center center; background-size: contain; } .conhoverbox { width: 100%; height: 100%; padding: 0.5rem; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.5s; background-color: rgba(0, 0, 0, 0.6); } .ind_f .list ul li a:hover .txt { opacity: 0; } .ind_f .list ul li a:hover .conhoverbox { opacity: 1; } .apc_a .ball_1 { -webkit-transform: rotateX(-90deg) rotateY(0deg) translateY(-70px); transform: rotateX(-90deg) rotateY(0deg) translateY(-70px); } .apc_a .ball_2 { -webkit-transform: rotateX(-90deg) rotateY(72deg) translateY(-70px); transform: rotateX(-90deg) rotateY(72deg) translateY(-70px); } .apc_a .ball_3 { -webkit-transform: rotateX(-90deg) rotateY(144deg) translateY(-70px); transform: rotateX(-90deg) rotateY(144deg) translateY(-70px); } .apc_a .ball_4 { -webkit-transform: rotateX(-90deg) rotateY(216deg) translateY(-70px); transform: rotateX(-90deg) rotateY(216deg) translateY(-70px); } .apc_a .ball_5 { -webkit-transform: rotateX(-90deg) rotateY(288deg) translateY(-70px); transform: rotateX(-90deg) rotateY(288deg) translateY(-70px); } @keyframes apccir1 { 0% { transform: rotateY(0deg) rotateZ(10deg); opacity: 1; } 50% { opacity: .3; } 100% { transform: rotateY(-360deg) rotateZ(10deg); opacity: 1; } } @keyframes apccir2 { 0% { transform: rotateY(-72deg) rotateZ(10deg); opacity: 1; } 50% { opacity: .3; } 100% { transform: rotateY(-430deg) rotateZ(10deg); opacity: 1; } } @keyframes apccir3 { 0% { transform: rotateY(-144deg) rotateZ(10deg); opacity: 1; } 50% { opacity: .3; } 100% { transform: rotateY(-504deg) rotateZ(10deg); opacity: 1; } } @keyframes apccir4 { 0% { transform: rotateY(-216deg) rotateZ(10deg); opacity: 1; } 50% { opacity: .3; } 100% { transform: rotateY(-576deg) rotateZ(10deg); opacity: 1; } } @keyframes apccir5 { 0% { transform: rotateY(-288deg) rotateZ(10deg); opacity: 1; } 50% { opacity: .3; } 100% { transform: rotateY(-648deg) rotateZ(10deg); opacity: 1; } } .apc_a .ball_1 .ball { transform: rotateY(10deg) rotateZ(10deg); animation: apccir1 30s linear 0s infinite; -webkit-transition-delay: 2200ms !important; transition-delay: 2200ms !important; } .apc_a .ball_2 .ball { -webkit-animation: apccir2 30s linear 0s infinite; animation: apccir2 30s linear 0s infinite; -webkit-transition-delay: 1800ms !important; transition-delay: 1800ms !important; } .apc_a .ball_3 .ball { -webkit-animation: apccir3 30s linear 0s infinite; animation: apccir3 30s linear 0s infinite; -webkit-transition-delay: 1400ms !important; transition-delay: 1400ms !important; } .apc_a .ball_4 .ball { -webkit-animation: apccir4 30s linear 0s infinite; animation: apccir4 30s linear 0s infinite; -webkit-transition-delay: 1000ms !important; transition-delay: 1000ms !important; } .apc_a .ball_5 .ball { -webkit-animation: apccir5 30s linear 0s infinite; animation: apccir5 30s linear 0s infinite; -webkit-transition-delay: 600ms !important; transition-delay: 600ms !important; } .apc_a .ball_6 .ball { -webkit-animation: apccir6 30s linear 0s infinite; animation: apccir6 30s linear 0s infinite; -webkit-transition-delay: 200ms !important; transition-delay: 200ms !important; } .apc_ajax { /* display: none; */ margin-top: 2.4rem; text-align: center; } .apc_ajax .tit-18 { color: #0c2334; line-height: 2; } .apc_ajax .tit-18 span { font-weight: 700; } .list3 { margin-top: 1.5rem; display: flex; justify-content: space-between; align-items: flex-start; } .list3 .li { width: 30%; } .list3 .li .top { width: 100%; padding: .5rem .7rem; letter-spacing: 0; color: #fff; } .list3 .li .tit-16 { padding: .5rem .7rem; } .list3 .li .tit-16 li { list-style: disc; margin-left: 0.4rem; margin-bottom: 0.3rem; color: #fff; } .soleft { width: 48%; float: left; height: 100%; padding-left: 10%; background-color: #fff; } .soright { width: 50%; float: right; height: 100%; background-color: #f1f1f1; padding: 1rem; padding-right: 3rem; opacity: 1; } .soleft .threeli { width: 100%; margin-top: 0.9rem; display: flex; justify-content: space-between; align-items: center; } .soleft .threeli .img { width: 38%; height: 6.75rem; border-radius: 15px; overflow: hidden; } .soleft .threeli .threetxt { width: 55%; } /*.soleft .threeli .threetxt .tit-18{ text-decoration:underline; }*/ .soleft .threeli .threetxt .ine { width: 1rem; height: 3px; background-color: #0041c3; margin: .6rem 0; } .soleft .threeli .threetxt .tit-28 { color: #000; } .soleft .threeli .threetxt .tit-28 .hnr { font-size: 0.5rem; font-weight: 500; } .soright .plist a { width: 49%; margin-right: 2%; } .soright .plist a:nth-child(2n) { margin-right: 0; } .soright .plist a p:first-child { line-height: .6rem; height: .6rem; } .cf5 { color: rgba(255, 255, 255, 0.5); margin-top: 1rem; } footer .nav .li:last-child { margin-right: 0; } /*supies*/ .ies_a { height: 40.0rem; overflow: hidden; background-image: url(../img/ies/1.jpg); } .ies_a .tit-54 { top: 52%; } .ies_a .main_box { width: 23.95rem; height: 23.95rem; } .ies_a .box { position: absolute; } .ies_a .box img { max-width: none; width: 100%; } .ies_a .box1 { width: 49%; right: 0; top: 1%; } .ies_a .box4 { width: 59.1%; bottom: -5%; left: 20%; } .ies_a .box5 { width: 36%; top: 38%; right: -2%; } .ies_a .box3 { width: 35%; top: 38%; left: -2%; } .ies_a .box2 { width: 49%; top: 1%; left: 0%; } .ies_a .hoverimg { position: absolute; } .ies_a .box1 .hoverimg { position: absolute; width: 250%; top: -114%; left: 0; display: none; } .ies_a .box1:hover .hoverimg { display: block; } .ies_a .iti { z-index: 33; } .ies_a .iti p { line-height: .5; } .ies_a .box1 .xtt { position: absolute; left: 20%; top: 27%; } .ies_a .xtt .tit-42 { padding-bottom: 0.5rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .ies_a .xtt ul { margin-top: .5rem; } .ies_a .xtt ul li { list-style: disc; margin-left: 0.4rem; margin-bottom: 0.1rem; color: #fff; font-size: 0.45rem; } .ies_a .box2 .hoverimg { position: absolute; width: 262%; top: -82%; left: -162%; display: none; } .ies_a .box2:hover .hoverimg { display: block; } .ies_a .box2 .xtt { position: absolute; left: 42%; top: 27%; } .ies_a .box3 .hoverimg { position: absolute; width: 306%; top: -43%; left: -208%; display: none; } .ies_a .box3:hover .hoverimg { display: block; } .ies_a .box3 .xtt { position: absolute; left: 38%; top: 27%; width: 25%; } .ies_a .box4 .hoverimg { position: absolute; width: 226%; top: 0%; left: -64%; display: none; } .ies_a .box4:hover .hoverimg { display: block; } .ies_a .box4 .xtt { position: absolute; left: 34%; top: 39%; } .ies_a .box5 .hoverimg { position: absolute; width: 321%; top: -45%; left: 1%; display: none; } .ies_a .box5:hover .hoverimg { display: block; } .ies_a .box5 .xtt { position: absolute; left: 34%; top: 39%; width: 30%; } .ies_a_b { height: 100%; z-index: 22; } .iesact_tit { position: absolute; left: 13.5%; top: 12%; opacity: 0; } .iestop { height: calc(40.0rem - 100vh); width: 1px; opacity: 0; position: absolute; top: 0; left: 0; } .iesact { height: 100vh; width: 100%; position: absolute; bottom: 0; background-color: rgba(3, 18, 54, 0.6); } .iesact.active { z-index: 33; } .ilinez { width: 0; position: absolute; left: 13.5%; top: 32%; background-color: rgba(255, 255, 255, 0.6); height: 2px; } .iesact_fourtxt { width: 48%; position: absolute; top: 46%; right: 3.5%; opacity: 0; } .sevc .threetxt .tit-28 { color: #000; } .sevc .threetxt .tit-28 p:last-child { margin-top: 0.25rem } .sevc .threetxt .tit-28 .hnr { font-size: 0.5rem; font-weight: 500; margin-bottom: .2rem; } .c_from .item.form-type-posi { overflow: inherit; } .form-type-posi svg { width: 18px; height: 11px; fill: #333333; position: absolute; top: 50%; transform: translateY(-50%); right: 1rem; cursor: pointer; transition: all 0.5s; } .sub_item { width: 73%; background-color: #EBEBEB; z-index: 9; position: absolute; top: 1.25rem; left: 20%; padding: 0 20px; border-radius: 0 0 10px 10px; display: none; max-height: 7.6rem; overflow: auto; } .sub_item .sub { line-height: 1.3rem; text-align: left; font-size: 0.4rem; cursor: pointer; width: 100%; margin-top: 0; } .form-type-posi.on svg { transform: translateY(-50%) rotate(180deg); } .aboutshow { position: fixed; width: 100%; height: 100vh; top: 0; left: 0; z-index: 333; display: none; } .ind_f { position: relative; height: 100vh; } .ind_f .listbox { position: absolute; width: 100%; max-height: calc(85vh + 2.5rem); left: 0; top: auto; bottom: 0vh; z-index: 2; } .ind_f .listbox .list { /*position: absolute; right:0; top:0; z-index:2;*/ margin-top: 0; } .ind_f .listbox .mCSB_scrollTools { opacity: 0; visibility: hidden; } .ind_f .list ul li .conhoverbox .hnr { transform: translate(0, 10%); transition: all .4s; } .ind_f .list ul li:hover .conhoverbox .hnr { transform: translate(0, 0); } .sof_c_container .swiper-slide .tit-16 .mCSB_scrollTools { right: 0 !important; left: auto !important; } .sof_c_container .swiper-slide .tit-16 .mCustomScrollBox { padding-left: 0 !important; } /* 鏂板 */ .supsim_b_list .li img { margin: 0 auto .5rem; } .tit-24.lh1.hnr { text-align: center; } .ses_main { background-size: 110% 110%; } .ind_e .cont .ind_e_container .swiper-slide:last-child { margin-right: 0; z-index: 9999; } .otsimg img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .apc_b .list .li:hover .hnm { font-weight: bold; } @media screen and (max-width: 1500px) { .plist a { width: 49%; margin-right: 2%; } /*.plist a p:first-child { white-space: nowrap; }*/ } /* 鏂板 */ .toright { width: 10%; height: 100%; position: absolute; right: -10%; top: 0; z-index: 999; } .toleft { width: 20%; height: 100%; position: absolute; left: 20%; top: 0; z-index: 999; } .toright2 { width: 20%; height: 100%; position: absolute; right: 0; top: 0; z-index: 999; } .toleft2 { width: 20%; height: 100%; position: absolute; left: -20%; top: 0; z-index: 999; } .plan_a .right { width: 17.45rem; } .plan_a .right .rbox { position: absolute; width: 15.1rem; height: 15.1rem; border-radius: 50%; left: 52%; border: 2px solid #eceef7; z-index: 2; /*animation: changeright 15s linear infinite;*/ transition: all 0.3s; } @-webkit-keyframes changeright { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); } 50% { -webkit-transform: translate(-50%, -50%) rotate(180deg); } 100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); } } .nav_circle { width: 114%; height: 114%; float: left; position: absolute; top: -7%; left: -7%; text-align: center; } .nav_circle img { display: inline-block; } .r1 { transform: rotate(45deg) skew(0deg) scale(1); -ms-transform: rotate(45deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(45deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(45deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(45deg) skew(0deg) scale(1); animation: rotate 15s linear infinite; -webkit-animation: rotate 15s linear infinite; -moz-animation: rotate 15s linear infinite; -o-animation: rotate 15s linear infinite; } .r1 img { transform: rotate(-45deg) skew(0deg) scale(1); -ms-transform: rotate(-45deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(-45deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(-45deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(-45deg) skew(0deg) scale(1); animation: rotate_c2 15s linear infinite; -webkit-animation: rotate_c2 15s linear infinite; } .r2 { transform: rotate(135deg) skew(0deg) scale(1); -ms-transform: rotate(135deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(135deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(135deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(135deg) skew(0deg) scale(1); animation: rotatef 15s linear infinite; -webkit-animation: rotatef 15s linear infinite; -moz-animation: rotatef 15s linear infinite; -o-animation: rotatef 15s linear infinite; } .r2 img { transform: rotate(-135deg) skew(0deg) scale(1); -ms-transform: rotate(-135deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(-135deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(-135deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(-135deg) skew(0deg) scale(1); animation: rotate_c3 15s linear infinite; -webkit-animation: rotate_c3 15s linear infinite; } .r3 { transform: rotate(225deg) skew(0deg) scale(1); -ms-transform: rotate(225deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(225deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(225deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(225deg) skew(0deg) scale(1); animation: rotates 15s linear infinite; -webkit-animation: rotates 15s linear infinite; -moz-animation: rotates 15s linear infinite; -o-animation: rotates 15s linear infinite; } .r3 img { transform: rotate(-225deg) skew(0deg) scale(1); -ms-transform: rotate(-225deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(-225deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(-225deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(-225deg) skew(0deg) scale(1); animation: rotate_c4 15s linear infinite; -webkit-animation: rotate_c4 15s linear infinite; -moz-animation: rotate_c4 15s linear infinite; -o-animation: rotate_c4 15s linear infinite; } .r4 { transform: rotate(315deg) skew(0deg) scale(1); -ms-transform: rotate(315deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(315deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(315deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(315deg) skew(0deg) scale(1); animation: rotatez 15s linear infinite; -webkit-animation: rotatez 15s linear infinite; -moz-animation: rotatez 15s linear infinite; -o-animation: rotatez 15s linear infinite; } .r4 img { transform: rotate(-315deg) skew(0deg) scale(1); -ms-transform: rotate(-315deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(-315deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(-315deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(-315deg) skew(0deg) scale(1); animation: rotate_c5 15s linear infinite; -webkit-animation: rotate_c5 15s linear infinite; -moz-animation: rotate_c5 15s linear infinite; -o-animation: rotate_c5 15s linear infinite; } @keyframes rotate { 0% { transform: rotate(45deg) skew(0deg) scale(1); -ms-transform: rotate(45deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(45deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(45deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(45deg) skew(0deg) scale(1); } 100% { transform: rotate(405deg) skew(0deg) scale(1); -ms-transform: rotate(405deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(405deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(405deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(405deg) skew(0deg) scale(1); } } @keyframes rotatef { 0% { transform: rotate(135deg) skew(0deg) scale(1); -ms-transform: rotate(135deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(135deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(135deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(135deg) skew(0deg) scale(1); } 100% { transform: rotate(495deg) skew(0deg) scale(1); -ms-transform: rotate(495deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(495deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(495deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(495deg) skew(0deg) scale(1); } } @keyframes rotates { 0% { transform: rotate(225deg) skew(0deg) scale(1); -ms-transform: rotate(225deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(225deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(225deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(225deg) skew(0deg) scale(1); } 100% { transform: rotate(585deg) skew(0deg) scale(1); -ms-transform: rotate(585deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(585deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(585deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(585deg) skew(0deg) scale(1); } } @keyframes rotatez { 0% { transform: rotate(315deg) skew(0deg) scale(1); -ms-transform: rotate(315deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(315deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(315deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(315deg) skew(0deg) scale(1); } 100% { transform: rotate(675deg) skew(0deg) scale(1); -ms-transform: rotate(675deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(675deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(675deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(675deg) skew(0deg) scale(1); } } @keyframes rotate_c2 { 0% { transform: rotate(-45deg) skew(0deg) scale(1); -ms-transform: rotate(-45deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(-45deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(-45deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(-45deg) skew(0deg) scale(1); } 100% { transform: rotate(-405deg) skew(0deg) scale(1); -ms-transform: rotate(-405deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(-405deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(-405deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(-405deg) skew(0deg) scale(1); } } @keyframes rotate_c3 { 0% { transform: rotate(-135deg) skew(0deg) scale(1); -ms-transform: rotate(-135deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(-135deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(-135deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(-135deg) skew(0deg) scale(1); } 100% { transform: rotate(-495deg) skew(0deg) scale(1); -ms-transform: rotate(-495deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(-495deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(-495deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(-495deg) skew(0deg) scale(1); } } @keyframes rotate_c4 { 0% { transform: rotate(-225deg) skew(0deg) scale(1); -ms-transform: rotate(-225deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(-225deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(-225deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(-225deg) skew(0deg) scale(1); } 100% { transform: rotate(-585deg) skew(0deg) scale(1); -ms-transform: rotate(-585deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(-585deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(-585deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(-585deg) skew(0deg) scale(1); } } @keyframes rotate_c5 { 0% { transform: rotate(-315deg) skew(0deg) scale(1); -ms-transform: rotate(-315deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(-315deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(-315deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(-315deg) skew(0deg) scale(1); } 100% { transform: rotate(-675deg) skew(0deg) scale(1); -ms-transform: rotate(-675deg) skew(0deg) scale(1); /* IE 9 */ -moz-transform: rotate(-675deg) skew(0deg) scale(1); /* Firefox */ -webkit-transform: rotate(-675deg) skew(0deg) scale(1); /* Safari 潞脥 Chrome */ -o-transform: rotate(-675deg) skew(0deg) scale(1); } } .plan_b .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .plan_d .right .xpt { position: absolute; left: -25.27%; top: 43%; width: 35%; z-index: -1; } .plan_d .right .xpt img { transform: rotate(50deg); transform-origin: 100% 100%; } .plan_d .right .xpt.on img { transform: rotate(0); transition: transform .5s; } .plan_e, .ind_e { background-color: #fff; position: relative; z-index: 9; } .download { padding-top: 229px; padding-bottom: 5.725rem; } .download .w1520 { margin-top: 1.5rem; } .download .left { width: 6.25rem; float: left; } .download .sore { width: 100%; margin-top: .5rem; border: 2px solid #eee; padding: 0.5rem; } .download .sore .tit { font-size: 18px; color: #111; position: relative; } .download .sore .tit:after { content: ""; width: 12px; height: 8px; background-image: url(../img/down/1.png); background-position: center; background-repeat: no-repeat; background-size: 12px 8px; position: absolute; right: 0; top: 50%; margin-top: -4px; } .download .sore .sub_list { width: 100%; margin-top: .3rem; } .download .sore .sub_list .li { width: 100%; margin-bottom: 0.5rem; display: flex; align-items: center; cursor: pointer; } .download .sore .sub_list .li .box { width: 13px; height: 13px; border: 1px solid #ccc; margin-right: .2rem; } .download .sore .sub_list .li.on .box { background-color: #0041c3; border: 1px solid #0041c3; } .download .right { width: calc(100% - 9.05rem); float: right; } .download .right .dseach { width: 100%; height: 1.525rem; line-height: 1.525rem; overflow: hidden; border: 1px solid #ccc; } .download .right .subim { width: 3.75rem; height: 100%; text-align: center; color: #fff; font-size: 17px; background-color: #0041c3; float: right; cursor: pointer; } .download .right .subim img { display: inline-block; margin-left: .2rem; } .download .right input { width: calc(100% - 3.75rem); height: 100%; padding-left: 0.5rem; } .download .right .list { margin-top: 0.85rem; } .download .right .list a { display: block; margin-bottom: 0.85rem; } .download .right .list a .img { width: 6.625rem; height: 7.25rem; border-radius: 8px; overflow: hidden; float: left; margin-right: 1rem; } .download .right .list a .txt { width: calc(100% - 7.625rem); float: left; } .download .right .list a .txt .tit-18 { color: #666666; margin-top: 0.7rem; font-weight: 700; } .download .right .list a .txt .tit-30 { color: #222222; line-height: 1.2; } .download .right .list a .txt .ulist .li { display: flex; align-items: center; color: #999999; padding-right: .3rem; margin-right: .3rem; float: left; margin-top: 0.4rem; position: relative; line-height: 1; } .download .right .list a .txt .ulist .li:after { content: ""; width: 1px; height: 40%; position: absolute; top: 30%; right: 0; background-color: #999; } .download .right .list a .txt .ulist .li img { width: 16px; margin-right: .2rem; } .download .right .list a .txt .ulist .li:last-child:after { width: 0; } .downd { margin-top: 1.35rem; color: #000; font-weight: 700; } .downd svg { fill: #000; margin-left: 0.2rem; } .download .right .list a:hover .tit-30 { color: #0041c3; text-decoration: underline } .download .right .list a:hover .downd { color: #0041c3; } .download .right .list a:hover svg { fill: #0041c3; } .newabf { width: 100vw; height: 100vh; z-index: 33; } .about_f.newabf .right { width: 36.45%; position: absolute; left: 10%; } .about_f.newabf .left { width: 36.45%; position: absolute; right: 10%; height: 17.025rem; z-index: 333; } .about_f.newabf .left .bg { background-position: right center; } .about_f.newabf .left .bg .txt { position: absolute; left: 10%; top: 30%; opacity: 0; } .about_f.newabf .left .bg .txt .more { margin-top: 1.5rem; background-color: transparent; border: 1px solid #fff; color: #fff; } .earthimg { position: relative; } .earthimg .earthbg { width: 0; height: 24.0rem; position: absolute; top: 0; right: 0; width: 0; background-size: cover; background-position: right top; background-repeat: no-repeat; animation: widths 3s linear 0s infinite; -moz-animation: widths 3s linear 0s infinite; -webkit-animation: widths 3s linear 0s infinite; -o-animation: widths 3s linear 0s infinite; } @keyframes widths { from { width: 0px; } to { width: 100%; } } .tasajax .img.supasm { bottom: 0; } #overlay.on { opacity: 1; } #overlay.on .home_a_img { opacity: 1; top: 50%; width: 60%; transition: all 1.2s; } #overlay.on.big .home_a_img { width: 4000%; transition: all 1.2s; left: -10%; } .download .right .list .newspage .pagination a { display: inline-block; } /*涓婄嚎鍓嶄慨鏀?/ .sec_left .imgbx { width: 100%; float: left; color: #111; display: flex; align-items: center; justify-content: flex-start; } /* .sevc_nav .sec_left .img { margin-bottom: .2rem; width: 50%; margin-right: 1rem; } */ .sevc_nav .sec_left .img img { width: 100%; max-width: none; } .sevc_nav .sec_left { padding-left: 2.8rem; } .contact_banner { height: 18.75rem; } .contact_banner .tit-100 { font-size: 2rem; position: absolute; top: 40%; left: 10%; } .apc_b .list .li.on { box-shadow: 15px 11px 0.4rem 0px #0041c33b } .solu_a .contents .right p span { font-size: 0.45rem !important; /* font-family: "HelveticaNeue-Roman"; */ } .contact_b .tit-45 { margin-bottom: .65rem; } .cubtxt { display: inline-block; padding: 0.8rem 2.3rem; border-radius: 8px; } .cubtxt .tit-18 { padding-bottom: 0.5rem; margin-bottom: .5rem; border-bottom: 1px solid #ccc; } .contact_b .tit-li:hover { background-color: #0041c3; border-color: #0041c3; color: #fff; } .contact_b .tit-li:hover .mc { color: #fff; } .iecolor { background: none !important; color: #0041c3 !important; } .iecolor2 { background: none !important; color: #fa952f !important; } .iecolor3 { background: none !important; color: #00789c !important; } .iecolor4 { background: none !important; color: #6939ff !important; } .iecolor6 { background: none !important; color: #01d0d3 !important; } .supsim .smtxt.active.iecolor5 { background: none !important; color: #09a7dd !important; } .main_nav .right { position: relative; } .main_nav .right form { width: 5rem; height: .8rem; border-radius: 5px; border: 1px solid #ffff; position: absolute; left: -6rem; display: none; } .main_nav .right form .tetx { width: 100%; height: 100%; font-size: 14px; color: #fff; background: transparent; padding: 0 0.2rem; } .main_nav .right .box { position: relative; height: 11px; } .main_nav .right .box .icon1 { opacity: 1; } .main_nav .right .box .icon2 { opacity: 0; position: absolute; top: 0; left: 0; } .main_nav .right .box.on .icon1 { opacity: 0; } .main_nav .right .box.on .icon2 { opacity: 1; } .sof_c_left { position: absolute; width: 10%; top: 0; left: 0; height: 100%; z-index: 22; } .sof_c_right { position: absolute; width: 10%; top: 0; right: 0; z-index: 22; height: 100%; } .download-doil { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999999999999; display: none; } .download-doil .mak { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); } .download-doil .box { background-color: #fff; padding: 1.5rem 1.8rem; border-radius: 15px; width: 40%; } .download-doil .box .tit-24 { margin-bottom: 0.8rem; } .download-doil .box .item { width: 100%; border-radius: 10px; border: 1px solid #eee; margin-bottom: 0.6rem; position: relative; } .download-doil .box .item input { height: 100%; width: 100%; font-size: 0.4rem; height: 1.25rem; padding-left: 0.4rem; padding-right: 60px; } .download-doil .box .item .lab { position: absolute; right: 0; top: 0; width: 60px; height: 1.25rem; } .download-doil .box .item textarea { width: 100%; padding-left: 0.4rem; padding-right: 60px; font-size: 0.4rem; } .download-doil .box .item.t2 img { position: absolute; right: 0; top: 0; height: 100%; } .download-doil .box .btn { display: inline-block; width: 40%; height: 1.25rem; border-radius: 12px; font-size: 0.45rem; /* font-family: "HelveticaNeue-Roman"; */ background-color: #e5e5e5; margin: 0 2%; margin-top: 0.6rem; } .download-doil .box .submitss { background-color: #004cb7; color: #fff; } .download-doil .box .closess { position: absolute; right: 0.5rem; top: 0.5rem; width: 1.2rem; cursor: pointer; } .messsbox { position: fixed; top: 15%; left: 50%; transform: translateX(-50%); background-color: #fff; padding: 1rem; border-radius: 15px; display: none; width: 35%; z-index: 999999999999; box-shadow: 0px 0px 6px 0px #004cb7; } .messsbox .closesss { position: absolute; right: 0.5rem; top: 0.5rem; width: .8rem; cursor: pointer; } .messsbox a { display: inline-block; padding: 0.2rem 0.5rem; font-size: .4rem; line-height: 1; color: #fff; background-color: #0041c3; margin-right: 0.5rem; } .messsbox.errlor { box-shadow: 0px 0px 6px 0px #004cb7; } .messsbox.errlor .succ { display: none; } .download-doil .box .tit-16 { display: flex; align-items: flex-start; justify-content: flex-start; } .download-doil .box .tit-16 .boxs { width: 16px; height: 16px; border-radius: 2px; border: 1px solid #ccc; margin-right: 10px; cursor: pointer; } .download-doil .box .tit-16 .s { width: calc(100% - 32px); } .download-doil .box .tit-16 .boxs.on { background-color: #0041c3; border: 1px solid #0041c3; } .jion_b .list .li.on .txt .tit-36 { color: #0041c3; } .dolig { width: 100%; height: 100%; background-color: rgba(124, 124, 124, 0.3); position: fixed; top: 0; left: 0; z-index: 999; display: none; } .dolig_body { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .dolig .box { width: 20.75rem; height: auto; padding-bottom: 1rem; background-color: #fff; position: relative; top: 50%; box-sizing: border-box; left: 50%; transform: translate(-50%, -50%); border-radius: 0.125rem; } .dolig_colse { width: 0.525rem; height: 0.525rem; background: url(../img/close2.png) no-repeat center; position: absolute; right: 0.5rem; top: 0.5rem; cursor: pointer; } .dolig_tit { padding-top: 1.25rem; text-align: center; width: 100%; font-size: 1.0rem; color: #333; } .dolig_from { position: relative; left: 50%; transform: translateX(-50%); width: 13.0rem; } .dolig_input { width: 13.0rem; height: 1.5rem; margin-top: 0.5rem; border: 1px solid #e8e8e8; } .dolig_input input { width: 86%; float: right; height: 100%; font-size: 0.4rem; } .dolig_input .lab { width: 12%; height: 100%; float: left; box-sizing: border-box; position: relative; } .dolig_input .lab1 { background: url(../img/f1.png)no-repeat center; } .dolig_input .lab2 { background: url(../img/f2.png)no-repeat center; } .dolig_input .lab3 { background: url(../img/f3.png)no-repeat center; } .dolig_input .lab4 { background: url(../img/f4.png)no-repeat center; width: 12%; } .dolig_input .input4 { width: 57%; float: left; margin-left: 1%; border-right: 1px solid #eee; } .dolig_input .lab:after { content: ""; position: absolute; right: 0; top: 50%; height: 0.8rem; width: 1px; background-color: #ccc; transform: translateY(-50%); } .yzmbox { width: 13.0rem; height: 1.5rem; margin-top: 0.5rem; } .yzmbox .dolig_input.input2 { width: 100%; border: 1px solid #e8e8e8; margin-top: 0; } .yzmbox .dolig_input.input2 input { width: 55%; float: left; padding-left: 0.2rem; } .yzmbox .dolig_input.input2 img { float: right; width: 30%; height: 100%; } .yzm { width: 25%; height: 100%; border: 1px solid #e8e8e8; } .yzm img { width: 40%; height: 100%; position: absolute; right: 0; } .dolig_submit input { width: 100%; background-color: #094b96; color: #fff; font-size: 0.45rem; } .jl { margin-top: 0.5rem; } .jl input { font-size: 0.3rem; display: inline-block; width: 120px; opacity: 0; position: relative; z-index: 3; } .jl .filebox { position: relative; display: inline-block; } .jl .filebox .sp { font-size: 14px; color: #094b96; text-decoration: underline; position: absolute; left: 0; top: 0; width: 100%; z-index: 1; } .jl a span { float: left; font-size: 0.3rem; } .jl .input { display: inline-block; } .supnew { padding: 3rem 0; background-size: cover; } .supnew .tit-64 { line-height: 1.2; } .supnew .tit-18 { width: 56%; margin-top: 0.5rem; height: 6rem; } .supnew .bot { width: 56%; margin-top: 1.4rem; display: flex; align-items: center; justify-content: space-between; } .supnew .bot .a1 { display: flex; padding: 0 0.4rem; height: 1.25rem; width: auto; border-radius: 1.25rem; border: 2px solid #0132bd; align-items: center; justify-content: center; color: #0132bd; transition: all 0.5s; } .supnew .bot .a1 svg { fill: #0132bd; margin-left: 0.2rem; transition: all 0.5s; } .supnew .bot .a2 { display: flex; width: 14rem; height: 3rem; background-color: #fff; border-radius: 15px; align-items: center; justify-content: space-between; color: #0b6131; margin-right: 1rem; } .supnew .bot .a2 img { width: 3rem; } .supnew .bot .a2 svg { fill: #0b6131; transition: all 0.2s; } .supnew .bot .a2 .txt { width: calc(100% - 3rem); } .supnew .bot .a2 .txt .tit-16 { line-height: 1.6; } .supnew .bot .a2:hover svg { transform: translateX(20px); } .supnew .bot .a1:hover svg { margin-left: 0.5rem; } .ynews-container { width: 100%; position: relative; overflow: hidden; margin-top: 1.75rem; box-shadow: -3px 8px 13px 0px rgb(0 0 0 / 10%); } .ynews-pagination { position: absolute; bottom: 1.5rem !important; left: auto !important; right: 1.57rem !important; z-index: 3; display: inline-block; width: auto !important; } .ynews-pagination .swiper-pagination-bullet { width: 12px; height: 12px; opacity: 0.5 !important; margin: 0 3px !important; } .ynews-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1 !important; } .ytable { font-size: 0; margin-top: 0.5rem; } .ytable .tit-22 { display: inline-block; line-height: 1.2; padding: 0.2rem 0.5rem; border-radius: 3px; cursor: pointer; } .ytable .tit-22.on { background-color: #0029c3; color: #fff; } .info.solu_a .contents .left { display: none; } .info.solu_a .contents .right { width: 100%; } .pnet { display: flex; justify-content: space-between; margin-bottom: 1.5rem; } .pnet a { font-size: .55rem; color: #44464a; line-height: 1; } .pnet a span { color: #a1a1a1; margin-right: 0.5rem; } .ycont .plan_banner .txt { text-align: center; width: 100%; left: 0; top: 50%; } .ycont .plan_banner .txt a { display: inline-block; padding: .25rem 1rem; font-size: .45rem; line-height: 1; border-radius: 8px; border: 1px solid #ffff; color: #fff; margin-top: 1.375rem; transition: all 0.5s; } .ycont-a .img-box { width: 23.85rem; position: relative; } .ycont-a .img-box .ib { width: 13.85rem; } .ycont-a .txt { width: 13.25rem; padding-top: 5rem; } .ycont-a .w1520 { display: flex; align-content: center; justify-content: space-between; } .ycont-a .txt .t1 { margin-top: 1.25rem; line-height: 1.6; } .ycont-a .txt .mc { line-height: 1; margin-top: 1.25rem; } .ycont-a .txt .t3 { line-height: 1.6; margin-top: 0.2rem; font-size: .4rem; font-weight: 500; text-align: justify; } .ycont-a .txt .col-666 { line-height: 1; margin-top: 0.75rem; } .actxtss .acs { color: #0041c3; margin-left: 0.75rem; display: inline-block; vertical-align: top; position: relative; } .g-show-on-scroll svg { width: 100%; } .g-show-on-scroll { width: 258%; } .g-show-on-scroll path { opacity: 0; } .actxtss.on .g-show-on-scroll path { opacity: 1; stroke-dasharray: 1; stroke-dashoffset: 2; animation: lineanimation 1.5s cubic-bezier(0.4, 0, 0.2, 1) alternate; } @keyframes lineanimation { 0% { stroke-dashoffset: 1; } 100% { stroke-dashoffset: 0; } } .ycont-b .actxtss .acs { margin-left: 1rem; } .ycont-b { margin-top: -2rem; } .ycont-b .actxtss { margin-bottom: 3.5rem; } .ycont-b .img-box { width: 20rem; position: relative; height: 12.2rem; float: right; } .ycont-b .img-box .ib { width: 15.45rem; position: relative; z-index: 2; max-width: none; margin: 0 auto; } .ycont-b .img-box .cs { top: auto; bottom: 0; left: 0; width: 19.175rem; position: absolute; max-width: none; } .ycont-b .txt { position: relative; width: calc(100% - 20rem); float: left; display: flex; align-items: center; justify-content: space-between; padding-top: 2.8rem; } .ycont-b .txt img { position: absolute; top: 0; left: 0; } .ycont-b .tit-18 { width: 8.325rem; padding-right: 1rem; text-align: justify; } .bgss { position: absolute; left: 0; top: 0; } .ycont-b .txt .tit-28 { margin-bottom: .75rem; } .ycont-b .txt .col-666 { margin-top: 0.35rem; opacity: 0.5; font-weight: 600; } .ycont-c { padding-top: 4.5rem; } .ycont-c .img-box { width: 20rem; position: relative; height: 12.2rem; } .ycont-c .img-box .ib { width: 15.45rem; position: relative; z-index: 2; max-width: none; margin: 0 auto; } .ycont-c .img-box .cs { top: auto; bottom: 0; left: 0; width: 19.175rem; position: absolute; max-width: none; } .ycont-c .txt { width: 13.25rem; } .ycont-c .w1520 { display: flex; align-content: center; justify-content: space-between; } .ycont-c .txt .t1 { margin-top: 1.25rem; line-height: 1.6; } .ycont-c .txt .mc { line-height: 1; /* margin-top: 2.35rem; */ } .ycont-c .txt .t3 { line-height: 1.6; margin-top: 0.2rem; font-size: .4rem; font-weight: 500; text-align: justify; } .ycont-c .txt .col-666 { line-height: 1; margin-top: 0.75rem; } .ycont-c .actxtss .acs { margin: 0 0.75rem; } .ycont-d { padding-top: 4.675rem; margin-bottom: 6.75rem; } .ycont-d .actxtss { line-height: 2; } .ycont-d .actxtss .acs { margin: 0 .8rem; } .ycont-d .list { overflow: hidden; margin-top: 3.75rem; white-space: nowrap; } .ycont-d .list .li { width: 9.275rem; height: 14.5rem; border-radius: 12px; overflow: hidden; position: relative; margin-right: .875rem; display: inline-block; border-radius: 20px; } .ycont-d .list .li .acs { display: block; text-align: center; z-index: 3; width: 100%; } .ycont-d .list .li .mak { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); top: 0; left: 0; position: absolute; z-index: 2; } .ycont-d .list .li .g-show-on-scroll path { opacity: 0; } .ycont-d .list .li .g-show-on-scroll { width: 100%; top: auto; bottom: -0.5rem; transform: translate(-50%, 50%); } .ycont-d .list .li:hover .g-show-on-scroll path { opacity: 1; stroke-dasharray: 1; stroke-dashoffset: 2; animation: lineanimation 1.5s cubic-bezier(0.4, 0, 0.2, 1) alternate; } .ycont-d .list .li:nth-child(3n) .g-show-on-scroll { width: 100%; top: 0; left: 40%; bottom: auto; transform: translate(-50%, -50%); } .ycont-d .list .li:nth-child(2n) { transform: translateY(1.45rem); } .ycont-d .list .mCSB_horizontal.mCSB_inside>.mCSB_container { padding: 1.45rem 0; transition: all 0.5s; } .ycont-d .list .mCSB_scrollTools.mCSB_scrollTools_horizontal { opacity: 0 !important; } .ycont-e .actxtss .acs { margin-left: 1rem; margin-right: 1rem; } .ycont-e .actxtss { margin-bottom: 2rem; } .ycont-e .img-box { width: 10rem; position: relative; float: right; } .ycont-e .img-box .ib { width: 100%; position: relative; z-index: 2; max-width: none; margin: 0 auto; } .ycont-e .img-box .play { z-index: 3; cursor: pointer; } .ycont-e .img-box .cs { top: auto; bottom: 0; left: 0; width: 19.175rem; position: absolute; max-width: none; } .ycont-e .txt { position: relative; width: calc(100% - 20rem); float: left; display: flex; align-items: center; justify-content: space-between; } .ycont-e .txt img { position: absolute; top: 0; left: 0; } .ycont-e .tit-18 { width: 9.75rem; padding-right: 1rem; position: absolute; left: 75%; top: 31%; } .bgss { position: absolute; left: 0; top: 0; } .ycont-e .txt .tit-28 { margin-bottom: .75rem; } .ycont-e .txt .col-666 { margin-top: 0.35rem; opacity: 0.5; } .ycont-e .txt .actxtss { white-space: nowrap; } .ycont-f { padding-top: 5.75rem; } .ycont-f .list { margin-top: 1.85rem; } .ycont-f .list a { display: block; width: calc((100% - 1.65rem) / 2); margin-right: 1.65rem; height: 10rem; float: left; border-radius: 15px; overflow: hidden; position: relative; } .ycont-f .list a:nth-child(2n) { margin-right: 0; } .ycont-f .list a .txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ycont-f .list a .txt .tit-30 { width: 100%; position: absolute; text-align: center; padding: 1rem; bottom: 0; color: #fff; background-image: linear-gradient(transparent, #3075cd); } .ycont-g { padding-top: 1.925rem; } .ycont-g .txt { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; } .ycont-g .txt a { display: inline-block; padding: .525rem 1.875rem; background-color: rgba(255, 255, 255, .4); font-size: 0; border-radius: 15px; margin-top: 0.5rem; } .ycont-g .txt a .tit-16 { color: #fff; line-height: 1; display: inline-block; vertical-align: middle; } .ycont-g .txt a img { display: inline-block; vertical-align: middle; margin-left: 0.2rem; transition: all 0.5s; } .ymain-nav .ysolu_nav { width: 100vw; height: 1.5rem; background-color: #0041c3; position: absolute; left: 0; top: 100px; padding-left: 9.5rem; display: none; } .ymain-nav .ysolu_nav .oneli .tit { font-size: .4rem; color: #fff; opacity: 0.6; line-height: 1.5rem; cursor: pointer; } .ymain-nav .ysolu_nav .oneli { display: inline-block; vertical-align: top; padding: 0 1.625rem; } .ymain-nav .ysolu_nav .oneli .sub-tits { width: 100vw; height: 10rem; background-color: #fff; position: absolute; left: 0; top: 1.5rem; padding-left: 2rem; display: none; } .ymain-nav .ysolu_nav .oneli.on .tit { opacity: 1; } .ymain-nav .ysolu_nav .oneli .sub-tits .ysoleft { width: 9rem; float: left; padding: 1rem 0; padding-right: 2rem; } .ymain-nav .ysolu_nav .oneli:nth-child(1) .sub-tits { display: block; } .ymain-nav .ysolu_nav .oneli .sub-tits .ysoleft .img { width: 7rem; } .ymain-nav .ysolu_nav .oneli .sub-tits .ysoleft .tit-30 { text-align: center; margin-top: 0.5rem; } .ymain-nav .ysolu_nav .oneli .sub-tits .ysoright { width: calc(100% - 9rem); float: right; height: 100%; background-color: #f1f1f1; padding: 1rem 0; padding-right: 3rem; padding-left: 2.35rem; } .ymain-nav .ysolu_nav .oneli .sub-tits .ysoright a { display: block; width: calc((100% - 9.75rem) / 4); float: left; margin-right: 0; margin-bottom: 1.675rem; color: #000; text-align: center; white-space: nowrap; } .ymain-nav .ysolu_nav .oneli .sub-tits .ysoright a:nth-child(4n) { margin-right: 0; } .ymain-nav .ysolu_nav .oneli .sub-tits .ysoright a .img { width: 100%; height: 2.2rem; margin-bottom: .4rem; transition: all 0.5s; } .ymain-nav .ysolu_nav .oneli .sub-tits .ysoright a .img img { max-height: 100%; display: inline-block; } .ymain-nav .ysolu_nav .oneli .sub-tits .ysoright a:hover .img { transform: translateY(-4px); } .ymain-nav .ysolu_nav .oneli .sub-tits .ysoright a:hover { color: #0041c3; } .ymain-nav .ypord .ysolu_nav .oneli .sub-tits .ysoleft { width: 36%; display: flex; align-items: center; justify-content: flex-start; padding-right: 1rem; } .ymain-nav .ypord .ysolu_nav .oneli .sub-tits .ysoright { width: 64%; } .ymain-nav .ypord .ysolu_nav .oneli .sub-tits .ysoleft .img { margin-right: 1.4rem; } .ymain-nav .ysolu_nav .oneli .sub-tits .ysoleft .txt .tit-30 { line-height: 1; text-align: left; } .ymain-nav .ysolu_nav .oneli .sub-tits .ysoleft .txt a { display: flex; width: 4rem; border-radius: 1.25rem; height: 1.25rem; border: 2px solid #0041c3; align-items: center; justify-content: center; margin-top: 1.2rem; transition: all 0.5s; } .ymain-nav .ysolu_nav .oneli .sub-tits .ysoleft .txt a img { margin-left: 0.2rem; } .ymain-nav .ysolu_nav .oneli .sub-tits .ysoleft .txt a:hover { transform: translateX(10px); } .ymain-nav .ypord .ysolu_nav .oneli .sub-tits .ysoright a { display: block; width: calc((100% - 6.5rem) / 3); float: left; margin-right: 3.25rem; margin-bottom: 1.675rem; color: #000; text-align: center; padding: 0; white-space: normal; } .ymain-nav .ypord .ysolu_nav .oneli .sub-tits .ysoright a .img { display: inline-block; } .ymain-nav .ypord .ysolu_nav .oneli .sub-tits .ysoright a .img img { display: inline-block; } .ymain-nav .ypord .ysolu_nav .oneli .sub-tits .ysoright a:nth-child(3n) { margin-right: 0; } .ymain-nav .ypord .ysolu_nav .oneli .sub-tits .ysoright .ptcp a { width: 30%; float: left; margin-right: 5%; padding-bottom: 0.6rem; margin-bottom: 0.8rem; border-bottom: 1px solid #333; color: #000; text-align-last: left; } .ymain-nav .ypord .ysolu_nav .oneli .sub-tits .ysoright .ptcp a:nth-child(3n) { margin-right: 0; } .ysever .ys_nav .yleft { width: 55%; float: left; padding-left: 5rem; height: 100%; padding-top: 2.25rem; padding-right: 2.5rem; } .ysever .ys_nav { width: 100vw; height: 1.5rem; background-color: #fff; position: absolute; left: 0; top: 100px; height: 10.5rem; padding-left: 0; display: none; } .ysever .ys_nav .yright { float: right; width: 45%; background-color: #f1f1f1; height: 100%; padding: 2.25rem 0; padding-right: 5rem; padding-left: 1.25rem; } .ysever .ys_nav .yleft a { display: block; width: calc((100% - 1.5rem) / 3); margin-right: 0.5rem; float: left; text-align: center; font-size: 0; line-height: 1; } .ysever .ys_nav .yleft a:last-child { margin-right: 0; } .ysever .ys_nav .yleft a .img { display: inline-block; } .ysever .ys_nav .yleft a .img img { width: 7rem; } .ysever .ys_nav .yleft a .tit-22 { line-height: 1; margin-top: 0.5rem; color: #000; } .ysever .ys_nav .yright .ine { width: 1rem; height: 2px; background-color: #0041c3; margin: .45rem 0; } .ysever .ys_nav .yright .isne2 { width: 9.925rem; height: 1px; background-color: #ccc; margin-top: 1rem; } .solu:hover { background-color: #0041c3; color: #fff; } .solu:hover .bigt1 { color: #fff; } .pc_header.scroll .solu:hover .bigt1 { color: #fff !important; } .ysever:hover { background-color: #fff; color: #fff; } .ysever:hover .bigt1 { color: #000; } .pc_header.scroll .ysever:hover .bigt1 { color: #fff !important; } .yindess .cont .ind_e_container .swiper-slide:nth-child(2n-1) { transform: translateY(0rem); } .ind.yinde { padding-top: 0; } .yinde { padding-bottom: 0; } .yinss { padding-bottom: 0; } .pc_header.scroll .solu.ysever:hover .bigt1 { color: #000 !important; } .yindess .swiper-wrapper { display: flex; justify-content: center; } .ind.yinde { padding-bottom: 0rem; background: #fff; } .ind.yinde .ind_g .ind_g_container .swiper-slide .txt { border-radius: 12px; } .ind.yinde .ind_g .ind_g_container .swiper-slide .txt .tit-18 { margin-bottom: 0; } .ind.yinde .ind_g .ind_g_container .swiper-slide .txt { padding: 2.5rem 1.5rem 1.5rem; } .ind_f .list ul li .conhoverbox .hnr { font-size: .5rem; line-height: 1.5; } .ind_f .list ul li a .txt .con .tit-28 { font-size: .45rem; line-height: 1.5; } .plan_c .more { background-color: transparent; border: 1px solid #fff; color: #fff; margin-top: 1.5rem; width: 230px; height: 50px; line-height: 50px; } .plan_c .more svg { fill: #fff; } .plan_c .yunlist { margin-top: 2.5rem; position: relative; height: 13.75rem; } .plan_c .yunlist .y1 { position: absolute; right: 13%; top: -30%; } .plan_c .yunlist .y1 .top { font-size: 0; text-align: center; } .plan_c .yunlist .y1 .top img { display: inline-block; position: relative; } .plan_c .yunlist .y1 .txt { margin-top: -.5rem; width: 25.575rem; text-align: center; } .plan_c .yunlist .y1 .top .yt2 { margin-right: -0.85rem; width: 13.175rem; } .plan_c .yunlist .y1 .top .yt1 { margin-left: -0.85rem; width: 13.175rem; } .plan_c .yunlist .y1 .top .yjh { z-index: 3; width: .85rem; } .life_e.ypmt { padding-bottom: 2rem; } .plan_c .yunlist .y1 .txt img { display: inline-block; } .plan_c .yunlist .y1 .txt .downs { margin-bottom: 1.5rem; } .life_e.ypmt .li:last-child { margin-bottom: 0; } .life_e.ypmt .li .right:after { display: block; right: -2rem; } .life_e.ypmt .li { align-items: stretch; margin-bottom: 2rem; } .life_e .li:nth-child(2n) .right:after { right: auto; left: -2rem; } .life_e.ypmt .li .right .more { display: inline-block; width: 5.75rem; height: auto; padding: 0.25rem 0; z-index: 22; line-height: normal; text-align: center; background-color: transparent; color: #0041c3; border-radius: 5px; font-size: 16px; transition: all .5s ease 0s; margin-top: 1rem; border: 2px solid #0041c3; } .life_e.ypmt .li .right .more .span1 { transform: translateX(0); } .life_e.ypmt .li .right .more svg { fill: #0041c3; } .ies_b.ypmt .list .li .bg { position: absolute; top: 0; left: 0; z-index: -1; opacity: 0; transition: all 0.5s; } .ies_b.ypmt .list .li:hover .bg { opacity: 1; } .ycont-a .txt .item { cursor: pointer; } .ycont-a .txt .item .t3 { display: none; } .ycont-a .txt .item .mc { color: #666; } .ycont-a .txt .item.on .mc { color: #0041c3; } .ycont-b .tit-18 .litem { display: none; } .ycont-b .tit-18 .litem:nth-child(1) { display: block; } .ycont-b .txt .tit-20 { transition: all 0.5s; cursor: pointer; } .ycont-b .txt .tit-20.on { font-size: .7rem; margin-bottom: 0.75rem; color: #0041c3; } .ycont-c .txt .item { cursor: pointer; margin-top: 1.25rem; } .ycont-c .txt .item .t3 { display: none; } .ycont-c .txt .item .mc { color: #666; } .ycont-c .txt .item.on .mc { color: #0041c3; } .ycont-e .tit-18 .litem { display: none; } .ycont-e .tit-18 .litem:nth-child(1) { display: block; } .ycont-e .txt .tit-20 { transition: all 0.5s; cursor: pointer; } .ycont-e .txt .tit-20.on { font-size: .7rem; margin-bottom: 0.75rem; color: #0041c3; } .ycont-f .list a .bg { transition: all 0.5s; } .ycont-f .list a:hover .bg { transform: scale(1.1); } .ycont-g .txt a:hover img { transform: translateX(5px); } .prolist-a .list4 .tit-40 { white-space: nowrap; } .cxt_banner .w1520 .right .tit-60 { line-height: 1.3; } .cxt_banner .w1520 .right .cont .tit-54 { margin-bottom: .75rem; } .clp .mc { font-weight: 700; margin-bottom: 2rem; } .clp .sub-t { color: #707a90; } .inpc-container .swiper-slide .li .tit-22 { font-size: .45rem; padding: 0 0.5rem; } .ypmt .w1520 { margin-top: 2rem; } /* 22.12.19 */ .ycont-b .img-box .pic-wrap { position: relative; width: 100%; height: max-content; } .prolist-a .list2 { border-bottom: 2px solid #e3e4e5; padding-bottom: 0; } .prolist-a .list4 { margin-top: 0; } .ymain-nav .ysolu_nav .oneli .sub-tits .ysoright a { width: 16%; /* padding-right: 2.4rem; */ } .ymain-nav .ysolu_nav .oneli .sub-tits .ysoright a:nth-child(4n) { /* margin-right: 2.4rem; */ } .ymain-nav .ysolu_nav .oneli .sub-tits .ysoright a:nth-child(5n) { margin-right: 3.25rem; } .ymain-nav .serv .ysolu_nav .oneli .sub-tits .ysoright a:nth-child(5n) { margin-right: 0; } .ymain-nav .serv .ysolu_nav .oneli .sub-tits { padding-left: 5rem; } .ysever .ys_nav .yleft.nav-pic3 a { width: calc((100% - 1.5rem) / 3); margin-right: .75rem; } .ysever .ys_nav .yleft.nav-pic3 a:nth-child(4n) { margin-right: .75rem; } .ysever .ys_nav .yleft.nav-pic3 a:nth-child(3n) { margin-right: 0; } .plan_a .right img { margin: 0 auto; } .pmtinfo-b .list img { width: 100%; } .pmtd-container .swiper-slide .tit-16 { margin-bottom: .5rem; } .pmtd-container .swiper-slide .tit-30 { line-height: 1.2; } .sus_b_container .swiper-slide { /* pointer-events: none; */ } .yabout-e .list .li .tit { display: block; color: #000; font-weight: bold; line-height: 1; padding: 1rem 1rem 0; } .yabout-e .list .li .tit-16 { padding: .5rem 1rem 0; } .send-pop { position: fixed; z-index: 999999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: none; } .send-pop .bg { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .send-pop .cont-box { position: absolute; z-index: 2; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; height: max-content; padding: 2rem 1.5rem; background-color: #F8F8F8; border-radius: .4rem; } .send-pop .cont-box .close-pic { position: absolute; top: .75rem; right: 0.75rem; width: .75rem; height: .75rem; border-radius: 50%; border: 1px solid #eaeaea; filter: brightness(50%); cursor: pointer; display: flex; align-items: center; justify-content: center; } .send-pop .cont-box .close-pic img { max-width: 60%; } .send-pop .cont-box .pop-logo { width: 6rem; margin: 0 auto .75rem; } .send-pop .cont-box .tit { color: #666; line-height: 1; text-align: center; margin-bottom: 1.5rem; } .send-pop .cont-box .li-wrap { display: flex; } .send-pop .cont-box .li-wrap .li { width: 48%; margin-right: 4%; display: flex; align-items: center; justify-content: center; padding: 1rem .5rem; background-color: #fff; border-radius: .4rem; } .send-pop .cont-box .li-wrap .li:nth-child(2n) { margin-right: 0; } .send-pop .cont-box .li-wrap .li div { width: 1rem; margin-right: .5rem; } .send-pop .cont-box .li-wrap .li p { color: #000; font-weight: bold; transition: all .3s; } .send-pop .cont-box .li-wrap .li:hover p { color: #0041c3; } .plan_a { padding: 2.5rem 0 4rem; } .ind_f .por .tit-56 { line-height: 1.2; } .s_txt .tit-58 { line-height: 1.2; } .solu_a .contents { max-width: 1440px; margin: 0 auto; } .solu_a { padding-top: 3.8rem; } /* 鎶曡祫鑰呭叧绯?*/ .w1520 { max-width: 1536px; width: 80%; margin: 0 auto; } /* .lh1 { line-height: 1; } */ .allMore { display: flex; align-items: center; } .allMore p { color: #1643b3; line-height: 1; margin-right: .5rem; } .allMore div { width: 1rem; height: 1rem; border-radius: 50%; background-color: #1643b3; display: flex; align-items: center; justify-content: center; } .allMore div img { max-width: 60%; } .investor .infor { padding: 4rem 0 1.75rem; } .investor .infor .wrap { display: flex; align-items: flex-start; } .investor .infor .wrap .lf { width: 50%; } .investor .infor .wrap .lf .tit { color: #000000; font-size: 1.2rem; margin-bottom: .6rem; } .investor .infor .wrap .lf .sub { color: #0041c3; font-size: .9rem; margin-bottom: 1.55rem; } .investor .infor .wrap .lf .stock { display: flex; } .investor .infor .wrap .lf .stock .infor-lf { margin-right: 4.5rem; } .investor .infor .wrap .lf .stock .infor-lf .xj-tit { color: #333333; font-weight: bold; margin-bottom: 1.8rem; } .investor .infor .wrap .lf .stock .infor-lf .xj-num { color: #033fc5; font-weight: bold; font-size: 1.8rem; margin-bottom: 2.1rem; } .investor .infor .wrap .lf .stock .infor-lf .zf { display: flex; align-items: center; justify-content: flex-start; } .investor .infor .wrap .lf .stock .infor-lf .zf .pic { width: 18px; position: relative; margin-right: .3rem; } .investor .infor .wrap .lf .stock .infor-lf .zf .pic img { width: 100%; } .investor .infor .wrap .lf .stock .infor-lf .zf .pic .j { position: absolute; left: 0; top: 0; opacity: 0; } .investor .infor .wrap .lf .stock .infor-lf .zf .cont { color: #EE2B3B; } .investor .infor .wrap .lf .stock .infor-rg .li { display: flex; align-items: center; margin-bottom: 1.3rem; } .investor .infor .wrap .lf .stock .infor-rg .li:last-child { margin-bottom: 0; } .investor .infor .wrap .lf .stock .infor-rg .li>span { width: 4em; margin-right: .9rem; color: #333333; line-height: 1; text-align: right; } .investor .infor .wrap .lf .stock .infor-rg .li p { color: #333333; line-height: 1; } .investor .infor .wrap .lf .stock .infor-rg .li p span { margin-left: 6px; } .investor .infor .wrap .rg { width: 50%; margin-top: 1rem; } .investor .infor .wrap .rg iframe { width: 100%; height: 13rem; } .ask .iframe-box iframe { width: 100%; height: 14rem; } .investor .announce { padding: 2.5rem 0 1rem; } .investor .announce .wrap .tit { color: #000000; line-height: 1; font-size: 1.2rem; margin-bottom: .4rem; } .investor .announce .wrap .search { display: flex; align-items: center; padding-bottom: .8rem; border-bottom: 2px solid #eee; margin-bottom: .25rem; } .investor .announce .wrap .search input { width: calc(100% - 1rem); font-size: 1rem; height: 100%; color: #c6c6c6; } .investor .announce .wrap .search div { width: 1rem; } .investor .announce .wrap .search div img { width: 100%; } .investor .announce .wrap .tab { display: flex; margin-bottom: 1.9rem; } .investor .announce .wrap .tab span { color: #000000; width: 3.5rem; height: 1.2rem; line-height: 1.2rem; text-align: center; border-radius: 5px; margin-right: 4px; cursor: pointer; transition: all .3s; } .investor .announce .wrap .tab span:last-child { margin-right: 0; } .investor .announce .wrap .tab span:hover { background-color: #033fc5; color: #fff; } .investor .announce .wrap .tab span.cur { background-color: #033fc5; color: #fff; } .investor .announce .wrap .box .li-wrap { display: flex; flex-wrap: wrap; margin-bottom: .7rem; } .investor .announce .wrap .box .li-wrap .li { width: 45%; margin-right: 10%; overflow: hidden; margin-bottom: 1.2rem; } .investor .announce .wrap .box .li-wrap .li:nth-child(2n) { margin-right: 0; } .investor .announce .wrap .box .li-wrap .li .text { float: right; width: calc(100% - 3.7rem); color: #000000; line-height: 1.5; padding-top: .5rem; transition: all .3s; } .investor .announce .wrap .box .li-wrap .li .data { width: 2.8rem; height: 2.8rem; border-radius: .25rem; float: left; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: rgba(22, 67, 179, 0.1); } .investor .announce .wrap .box .li-wrap .li .data .day { color: #1643b3; font-size: .9rem; line-height: 1; margin-bottom: .25rem; } .investor .announce .wrap .box .li-wrap .li .data .year { color: #1643b3; line-height: 1; } .investor .announce .wrap .box .li-wrap .li:hover .text { color: #1643b3; } .investor .pageUrl-box { padding: 2.5rem 0 .65rem; } .investor .pageUrl-box .wrap { display: flex; align-items: stretch; } .investor .pageUrl-box .wrap .lf { width: 40%; background-color: #e5ebf9; padding: 1.9rem 1.45rem 1.6rem; } .investor .pageUrl-box .wrap .lf .tit { font-size: 1.1rem; line-height: 1; color: #000000; margin-bottom: 1.35rem; } .investor .pageUrl-box .wrap .lf .li-box { margin-bottom: 1.1rem; } .investor .pageUrl-box .wrap .lf .li-box .li { display: block; padding-bottom: .9rem; border-bottom: 1px solid #D4D9E5; margin-bottom: .9rem; } .investor .pageUrl-box .wrap .lf .li-box .li:last-child { margin-bottom: 0; } .investor .pageUrl-box .wrap .lf .li-box .li .time { display: flex; align-items: center; margin-bottom: .5rem; } .investor .pageUrl-box .wrap .lf .li-box .li .time p { color: #808080; line-height: 1; margin-right: .35rem; border-right: 1px solid #808080; padding-right: .35rem; } .investor .pageUrl-box .wrap .lf .li-box .li .time p:last-child { margin-right: 0; padding-right: 0; border-right: none; } .investor .pageUrl-box .wrap .lf .li-box .li .cont { color: #000000; line-height: 1.4; transition: all .3s; } .investor .pageUrl-box .wrap .lf .li-box .li:hover .cont { color: #1643b3; } .investor .pageUrl-box .wrap .cent { width: 25.6%; margin: 0 .25rem; padding: 1.9rem 1.4rem .5rem; } .investor .pageUrl-box .wrap .cent .tit { font-size: 1.1rem; line-height: 1; color: #000000; margin-bottom: 2rem; } .investor .pageUrl-box .wrap .rg { width: calc(34.4% - .5rem); } .investor .pageUrl-box .wrap .rg .li { width: 100%; height: calc(50% - 5px); margin-bottom: 10px; padding: 1.9rem 1.35rem .5rem; } .investor .pageUrl-box .wrap .rg .li:last-child { margin-bottom: 0; } .investor .pageUrl-box .wrap .rg .li .tit { font-size: 1.1rem; line-height: 1; color: #fff; margin-bottom: 2rem; } .investor .pageUrl-box .wrap .rg .li .more p { color: #fff; } .investor .pageUrl-box .wrap .rg .li:nth-child(2) .tit { color: #000000; } .investor .pageUrl-box .wrap .rg .li:nth-child(2) .more p { color: #1643b3; } .investor .transaction { padding: 2.5rem 0 1.1rem; } .investor .transaction .wrap .tit { color: #000000; line-height: 1; font-size: 1.2rem; margin-bottom: .7rem; } .investor .transaction .wrap .li { margin-bottom: .75rem; } .investor .transaction .wrap .li:last-child { margin-bottom: 0; } .investor .transaction .wrap .li .name { color: #1643b3; font-size: .9rem; line-height: 1; margin-bottom: .8rem; } .investor .transaction .wrap .li div { width: 100%; } .investor .transaction .wrap .li div img { width: 100%; } .investor .ask { padding: 2.5rem 0 3.9rem; } .investor .ask .wrap .tit { color: #000000; line-height: 1; font-size: 1.2rem; margin-bottom: 1.3rem; } .investor .ask .wrap .ifr-box { width: 100%; background-color: #95b2d3; height: 15rem; } .investor .ask .wrap .ifr-box iframe { width: 100%; height: 100%; } .investor .cont-way { padding: 2.5rem 0; border-top: 1px solid rgba(22, 67, 179, 0.1); } .investor .cont-way .wrap .tit { color: #000000; line-height: 1; font-size: 1.2rem; margin-bottom: 1rem; } .investor .cont-way .wrap .li-box { display: flex; align-items: flex-start; justify-content: space-between; } .investor .cont-way .wrap .li-box .li { width: max-content; } .investor .cont-way .wrap .li-box .li p { color: #000000; line-height: 1; margin-bottom: .3rem; } .investor .cont-way .wrap .li-box .li span { font-size: .75rem; display: block; line-height: 1; } .calendar { padding: 4rem 0 3.25rem; } .calendar .wrap .tit { color: #000000; font-size: 1.2rem; line-height: 1; margin-bottom: 1.9rem; } .calendar .wrap .li-box { display: flex; flex-wrap: wrap; margin-bottom: 2.65rem; } .calendar .wrap .li-box .li { width: 45%; margin-right: 10%; margin-bottom: 1.6rem; padding-bottom: 1.8rem; border-bottom: 1px solid #E6E6E6; overflow: hidden; position: relative; } .calendar .wrap .li-box .li::after { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #1643b3; transition: all .3s; } .calendar .wrap .li-box .li:nth-child(2n) { margin-right: 0; } .calendar .wrap .li-box .li .infor { float: right; width: calc(100% - 3.65rem); } .calendar .wrap .li-box .li .infor .title { color: #1643b3; line-height: 1; margin-bottom: .4rem; } .calendar .wrap .li-box .li .infor .cont { color: #000000; font-size: .75rem; line-height: 1.4em; max-height: 2.8em; overflow: hidden; } .calendar .wrap .li-box .li .time { float: left; width: 2.8rem; height: 2.8rem; border-radius: .25rem; background-color: rgba(22, 67, 179, 0.1); display: flex; flex-direction: column; align-items: center; justify-content: center; } .calendar .wrap .li-box .li .time span { color: #1643b3; font-size: .9rem; line-height: 1; margin-bottom: .25rem; } .calendar .wrap .li-box .li .time p { color: #1643b3; line-height: 1; } .calendar .wrap .li-box .li:hover::after { width: 100%; } .research { padding: 4rem 0; } .research .wrap .tit { color: #000000; font-size: 1.2rem; line-height: 1; margin-bottom: 1.4rem; } .research .wrap .form-box { width: 100%; } .research .wrap .form-box .li-box { display: flex; align-items: flex-start; margin-bottom: 1.1rem; } .research .wrap .form-box .li-box.change { position: relative; z-index: 10; } .research .wrap .form-box .li-box .li { width: 30%; margin-right: 5%; } .research .wrap .form-box .li-box .li:last-child { margin-right: 0; } .research .wrap .form-box .li-box .li p { color: #333333; margin-bottom: .6rem; line-height: 1; } .research .wrap .form-box .li-box .li p span { color: #ff3030; } .research .wrap .form-box .li-box .li .box { width: 100%; height: 1.75rem; border: 1px solid #E6E6E6; border-radius: 6px; } .research .wrap .form-box .li-box .li .box input { width: calc(100% - 1.2rem); height: 100%; background: none; color: #999999; padding: 0 .6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .research .wrap .form-box .li-box .li .box.select { position: relative; z-index: 10; } .research .wrap .form-box .li-box .li .box.select::after { content: ''; position: absolute; right: .45rem; top: 50%; transform: translateY(-50%); border-top: 9px solid #1643b3; border-left: 7.5px solid transparent; border-right: 7.5px solid transparent; pointer-events: none; } .research .wrap .form-box .li-box .li .box.select .change-cont { position: absolute; top: 100%; left: 0; width: 100%; max-height: calc(4.8rem + 3px); overflow-y: auto; border: 1px solid #E6E6E6; background-color: #fff; display: none; } .research .wrap .form-box .li-box .li .box.select .change-cont::-webkit-scrollbar { width: 3px; } .research .wrap .form-box .li-box .li .box.select .change-cont span { display: block; width: 100%; height: 1.2rem; line-height: 1.2rem; padding: 0 .6rem; border-bottom: 1px solid #E6E6E6; color: #999; position: relative; cursor: pointer; transition: all .3s; } .research .wrap .form-box .li-box .li .box.select .change-cont span::after { content: ''; position: absolute; left: .6rem; top: 50%; transform: translateY(-50%); background-image: url(../img/tick.png); background-size: contain; background-repeat: no-repeat; background-position: center; width: .6rem; height: .6rem; opacity: 0; transition: all .3s; } .research .wrap .form-box .li-box .li .box.select .change-cont span.cur { padding-left: 1.4rem; } .research .wrap .form-box .li-box .li .box.select .change-cont span.cur::after { opacity: 1; } .research .wrap .form-box .li-box .li .box.select .change-cont span:last-child { border-bottom: none; } /* .research .wrap .form-box .li-box .li .box.select .change-cont span:hover { background-color: #1643b3; color: #fff; } */ .research .wrap .form-box .btm { display: flex; align-items: flex-end; } .research .wrap .form-box .btm .upload { width: 54%; } .research .wrap .form-box .btm .upload .title { color: #333333; line-height: 1; margin-bottom: .75rem; } .research .wrap .form-box .btm .upload .cont { width: 100%; display: flex; align-items: center; } .research .wrap .form-box .btm .upload .cont .clk-btm { width: 74%; height: 1.25rem; text-align: center; border-radius: 3px; border: 1px solid #1643b3; position: relative; } .research .wrap .form-box .btm .upload .cont .clk-btm p { width: 100%; height: 100%; color: #1643b3; line-height: 1.25rem; } .research .wrap .form-box .btm .upload .cont .clk-btm input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; } .research .wrap .form-box .btm .upload .cont .tips { color: #999999; line-height: 1; margin-left: .4rem; white-space: nowrap; } .research .wrap .form-box .btm .code { width: 46%; display: flex; } .research .wrap .form-box .btm .code .code-input { width: 100%; height: 1.35rem; display: flex; align-items: center; border: 1px solid #E6E6E6; margin-right: .4rem; } .research .wrap .form-box .btm .code .code-input .pic { width: 1.6rem; display: flex; align-items: center; justify-content: center; height: max-content; border-right: 1px solid #E6E6E6; } .research .wrap .form-box .btm .code .code-input .pic img { max-width: 70%; } .research .wrap .form-box .btm .code .code-input input { padding: 0 .4rem; width: calc(75% - 1.6rem); height: 100%; color: #666666; background: none; margin-right: .4rem; } .research .wrap .form-box .btm .code .code-input .captcha { width: calc(25% - .4rem); height: 1.35rem; border: 1px solid #E6E6E6; border-radius: 5px; } /* .research .wrap .form-box .btm .code .codo-cont { } */ .research .wrap .form-box .submit { width: 5.75rem; height: 1.4rem; display: block; margin: 2rem auto 0; background-color: #1643b3; border-radius: 5px; color: #fff; text-align: center; } .layui-laydate .layui-laydate-main .layui-this { background-color: #ff3030 !important; } .finance { padding: 4rem 0 3.3rem; } .finance .wrap .tit { color: #000000; font-size: 1.2rem; line-height: 1; margin-bottom: 1.5rem; } .finance .wrap .top-cont { display: flex; align-items: center; margin-bottom: .5rem; } .finance .wrap .top-cont p { color: #000000; font-size: .75rem; line-height: 1; width: 25%; } .finance .wrap .li-box { width: 100%; margin-bottom: 2.5rem; } .finance .wrap .li-box .li { display: flex; align-items: flex-start; padding-bottom: .7rem; border-bottom: 1px solid #E6E6E6; margin-bottom: .5rem; } .finance .wrap .li-box .li:last-child { margin-bottom: 0; } .finance .wrap .li-box .li p { width: 25%; line-height: 1; } .finance .wrap .li-box .li p .txt1 { color: #000000; display: block; line-height: 1; margin-bottom: .35rem; } .finance .wrap .li-box .li p .txt2 { color: #1643b3; display: block; line-height: 1; } .report { padding: 4rem 0 3.5rem; } .report .wrap .tit { color: #000000; font-size: 1.2rem; line-height: 1; margin-bottom: 1.6rem; } .report .wrap .tab { display: flex; margin-bottom: 1.5rem; } .report .wrap .tab span { width: 3.5rem; height: 1.2rem; line-height: 1.2rem; text-align: center; margin-right: 5px; color: #000000; border-radius: 5px; cursor: pointer; transition: all .3s; } .report .wrap .tab span:last-child { margin-right: 0; } .report .wrap .tab span.cur, .report .wrap .tab span:hover { background-color: #1643b3; color: #fff; } .report .wrap .cont { /* display: flex; flex-wrap: wrap; */ margin-bottom: 2rem; } .report .wrap .cont .top-box { display: flex; align-items: center; margin-bottom: .9rem; } .report .wrap .cont .top-box .top-cont { width: 47%; display: flex; margin-right: 6%; } .report .wrap .cont .top-box .top-cont:last-child { margin-right: 0; } .report .wrap .cont .top-box .top-cont p { color: #000000; line-height: 1; margin-right: .8rem; font-size: .75rem; white-space: nowrap; } .report .wrap .cont .top-box .top-cont p:last-child { margin-right: 0; } .report .wrap .cont .top-box .top-cont p:nth-child(1), .report .wrap .cont .btm-box .li p:nth-child(1) { width: 2.25rem; margin-right: .4rem; } .report .wrap .cont .top-box .top-cont p:nth-child(2), .report .wrap .cont .btm-box .li p:nth-child(2) { width: 1.5rem; margin-right: .4rem; /* display: none; */ } .report .wrap .cont .top-box .top-cont p:nth-child(3), .report .wrap .cont .btm-box .li p:nth-child(3) { width: calc(100% - 8rem); } .report .wrap .cont .btm-box { display: flex; align-items: center; flex-wrap: wrap; } .report .wrap .cont .btm-box .li { width: 47%; margin-right: 6%; display: flex; align-items: flex-end; margin-bottom: .7rem; } .report .wrap .cont .btm-box .li:nth-child(2n) { margin-right: 0; } .report .wrap .cont .btm-box .li p { color: #000; line-height: 1; margin-right: .8rem; } .report .wrap .cont .btm-box .li p:last-child { margin-right: 0; } .report .wrap .cont .btm-box .li p:nth-child(1) { width: 2.5rem; white-space: nowrap; } .report .wrap .cont .btm-box .li p:nth-child(2) { width: 1.5rem; } .report .wrap .cont .btm-box .li p:nth-child(3) { width: calc(100% - 8.5rem); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all .3s; } .report .wrap .cont .btm-box .li .time, .report .wrap .cont .top-box .top-cont .time { color: #808080; white-space: nowrap; width: max-content; } .report .wrap .cont .btm-box .li:hover p:nth-child(3) { color: #1643b3; } #page { margin: 0; } #page .pagingUl { display: inline-flex; align-items: center; justify-content: center; } #page .pagingUl li { display: inline-block; width: 1.25rem; height: 1.25rem; margin: 0 0.2rem; vertical-align: top; } #page .pagingUl li a { display: block; width: 100%; height: 100%; line-height: 1.25rem; text-align: center; color: #111; border-radius: 50%; border: 2px solid transparent; font-size: 0.4rem; transition: 0.5s cubic-bezier(0.6, 0.2, 0.1, 1); } #page .pagingUl li a:hover, #page .pagingUl li a.active { border: 2px solid #0041c3; color: #0041c3; } #page .prv { float: left; } #page .next { float: right; } #page .prv, #page .next { display: flex; align-items: center; justify-content: center; width: 4rem; height: 1.25rem; line-height: 1.25rem; border-radius: 1.25rem; background-color: #f3f3f3; position: relative; color: #111; font-size: .4rem; cursor: pointer; transition: all .3s; } #page .prv:hover, #page .next:hover { background-color: #0041c3; color: #fff; } #page .prv:hover::after, #page .next:hover::after { filter: brightness(100); } #page .first, #page .last { display: none; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; text-align: center; color: #111; border-radius: 50%; font-size: .4rem; } #page .first { float: left; } #page .last { float: right; } #page .prv::after { content: ""; position: absolute; left: 0.6rem; top: 50%; background-image: url(../img/njt.png); width: 7px; height: 13px; margin-top: -6.5px; transform: rotate(180deg); } #page .next::after { content: ""; position: absolute; right: 0.6rem; top: 50%; background-image: url(../img/njt.png); width: 7px; height: 13px; margin-top: -6.5px; } /* .report .wrap .cont .box { width: 47%; margin-right: 6%; } .report .wrap .cont .box:nth-child(2n) { margin-right: 0; } .report .wrap .cont .box .top-cont { display: flex; margin-bottom: .9rem; } .report .wrap .cont .box .top-cont p { color: #000000; line-height: 1; margin-right: .8rem; font-size: .75rem; } .report .wrap .cont .box .top-cont p:last-child { margin-right: 0; } .report .wrap .cont .box .top-cont p:nth-child(1) { width: 2.5rem; } .report .wrap .cont .box .top-cont p:nth-child(2) { width: 1.5rem; } .report .wrap .cont .box .btm-cont .li { display: flex; align-items: flex-end; margin-bottom: .7rem; } .report .wrap .cont .box .btm-cont .li:last-child { margin-bottom: 0; } .report .wrap .cont .box .btm-cont .li p { color: #000; line-height: 1; margin-right: .8rem; } .report .wrap .cont .box .btm-cont .li p:last-child { margin-right: 0; } .report .wrap .cont .box .btm-cont .li p:nth-child(1) { width: 2.25rem; } .report .wrap .cont .box .btm-cont .li p:nth-child(2) { width: 1.5rem; } .report .wrap .cont .box .btm-cont .li p:nth-child(3) { width: calc(100% - 8.5rem); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .report .wrap .cont .box .btm-cont .li .time { color: #808080; } */ .mb-block { display: none; } .more-text { color: #333; line-height: 1; text-align: center; margin-bottom: 1rem; } .newspage .pagination { position: relative; } .newspage .pagination a[rel=prev] { position: absolute; left: 0; top: 0; } .newspage .pagination a[rel=next] { position: absolute; right: 0; top: 0; } @media (max-width: 1201px) { .investor .pageUrl-box .wrap { flex-wrap: wrap; } .investor .pageUrl-box .wrap .lf { width: 57%; } .investor .pageUrl-box .wrap .cent { width: calc(43% - .5rem); margin: 0; margin-left: .5rem; } .investor .pageUrl-box .wrap .rg { margin-top: .5rem; width: 100%; display: flex; } .investor .pageUrl-box .wrap .rg .li { width: calc(50% - .25rem); height: 12rem; margin-right: .5rem; } .investor .pageUrl-box .wrap .rg .li:last-child { margin-right: 0; } .investor .announce .wrap .box .li-wrap .li .text { padding-top: 0; } } @media (max-width: 1025px) { .investor .infor .wrap .lf .stock .infor-lf { margin-right: 1.5rem; } .investor .cont-way .wrap .li-box { flex-wrap: wrap; } .investor .cont-way .wrap .li-box .li { width: 50%; margin-bottom: .5rem; } .w1520 { width: 84%; } .research .wrap .form-box .btm .upload .cont .clk-btm { width: 66%; } .report .wrap .cont .box { width: 100%; margin-right: 0; margin-bottom: 1rem; } .report .wrap .cont .box:last-child { margin-bottom: 0; } .report .wrap .cont .box .top-cont { margin-bottom: .6rem; } .report .wrap .cont .top-box .top-cont:nth-child(2) { display: none; } .report .wrap .cont .btm-box .li { width: 100%; margin-right: 0; } } @media (max-width: 768px) { #page .prv, #page .next { display: none; } #page .first, #page .last { display: block; } .wrap { padding: 0; } .mb-block { display: block; } .investor .infor { padding: 1.5rem 5%; } .investor .infor .wrap { flex-wrap: wrap; } .investor .infor .wrap .lf { width: 100%; } .investor .infor .wrap .lf .tit, .investor .announce .wrap .tit, .investor .transaction .wrap .tit, .investor .ask .wrap .tit, .investor .cont-way .wrap .tit, .calendar .wrap .tit, .research .wrap .tit, .finance .wrap .tit, .report .wrap .tit, .investor .pageUrl-box .wrap .lf .tit, .investor .pageUrl-box .wrap .cent .tit, .investor .pageUrl-box .wrap .rg .li .tit { font-size: 1rem; } .investor .infor .wrap .lf .sub { font-size: .7rem; margin-bottom: 1rem; } .investor .transaction .wrap .li .name { font-size: .7rem; } .investor .announce .wrap .search input { font-size: .6rem; } .investor .infor .wrap .lf .stock .infor-lf .xj-num { font-size: 1.3rem; } .investor .announce { padding: 0 0 1.5rem; } .investor .announce .wrap .search { padding-bottom: .4rem; } .investor .announce .wrap .tab { margin-bottom: 1rem; } .investor .announce .wrap .box .li-wrap .li { width: 100%; margin-right: 0; margin-bottom: .5rem; } .investor .announce .wrap .box .li-wrap .li:last-child { margin-bottom: 0; } .investor .pageUrl-box { padding: 0 0 1.5rem; } .investor .pageUrl-box .wrap .lf { width: 100%; padding: 1rem .75rem; margin-bottom: .5rem; } .investor .pageUrl-box .wrap .lf .tit { margin-bottom: .5rem; } .investor .pageUrl-box .wrap .cent { width: 100%; margin-left: 0; height: 10rem; } .investor .pageUrl-box .wrap .lf .li-box .li { padding-bottom: .4rem; margin-bottom: .4rem; } .investor .pageUrl-box .wrap .lf .li-box { margin-bottom: .75rem; } .investor .pageUrl-box .wrap .rg { flex-wrap: wrap; } .investor .pageUrl-box .wrap .rg .li { width: 100%; height: 10rem; margin-right: 0; margin-bottom: .5rem; } .investor .pageUrl-box .wrap .rg .li:last-child { margin-bottom: 0; } .investor .transaction { padding: 0 0 1.5rem; } .investor .ask { padding: 0 0 1.5rem; } .investor .ask .wrap .tit, .investor .cont-way .wrap .tit { margin-bottom: .75rem; } .investor .cont-way { padding: 1.5rem 0; } .investor .cont-way .wrap .li-box .li { width: 100%; margin-bottom: .75rem; } .investor .cont-way .wrap .li-box .li:last-child { margin-bottom: 0; } .calendar { padding: 1.5rem 0; } .calendar .wrap .tit { margin-bottom: 1rem; } .calendar .wrap .li-box { margin-bottom: 1rem; } .calendar .wrap .li-box .li { width: 100%; margin-right: 0; padding-bottom: .6rem; margin-bottom: .8rem; } .calendar .wrap .li-box .li:last-child { margin-bottom: 0; } .calendar .wrap .li-box .li .infor .cont { font-size: .6rem; } .research { padding: 1.5rem 0; } .research .wrap .tit { margin-bottom: .75rem; } .research .wrap .form-box .li-box { flex-wrap: wrap; margin-bottom: .75rem; } .research .wrap .form-box .li-box .li { width: 100%; margin-right: 0; margin-bottom: .5rem; } .research .wrap .form-box .li-box .li:last-child { margin-bottom: 0; } .research .wrap .form-box .btm { flex-wrap: wrap; } .research .wrap .form-box .btm .upload .title { margin-bottom: .5rem; } .research .wrap .form-box .btm .upload { width: 100%; margin-bottom: .5rem; } .research .wrap .form-box .btm .code { width: 100%; } .research .wrap .form-box .submit { margin-top: 1rem; } .finance { padding: 1.5rem 0; } .finance .wrap .tit { margin-bottom: .75rem; } .finance .wrap .li-box { margin-bottom: 1rem; } .finance .wrap .li-box .li p { font-size: 12px; } .finance .wrap .top-cont { overflow-x: auto; height: 30px; } .finance .wrap .top-cont::-webkit-scrollbar, .finance .wrap .top-cont::-webkit-scrollbar-thumb, .finance .wrap .top-cont::-webkit-scrollbar-track { display: none; } .finance .wrap .top-cont p { /* min-width: 5rem; */ height: 30px; line-height: 30px; white-space: nowrap; font-size: .6rem; } .finance .wrap .li-box { overflow-x: auto; } .finance .wrap .li-box::-webkit-scrollbar, .finance .wrap .li-box::-webkit-scrollbar-thumb, .finance .wrap .li-box::-webkit-scrollbar-track { display: none; } .finance .wrap .li-box .li { /* min-width: 25rem; */ padding-bottom: .3rem; } .report { padding: 1.5rem 0; } .report .wrap .tit { margin-bottom: .75rem; } .report .wrap .tab { margin-bottom: .5rem; } .report .wrap .cont { margin-bottom: 1rem; } .report .wrap .cont .box .top-cont p { font-size: .6rem; } .report .wrap .cont .box .top-cont p:nth-child(1) { width: 2.25rem; } .report .wrap .cont .box .btm-cont { font-size: 14px; } .investor .infor .wrap .lf .stock .infor-lf .xj-tit, .investor .infor .wrap .lf .stock .infor-lf .xj-num { margin-bottom: 1rem; } .investor .infor .wrap .lf .stock .infor-rg .li { margin-bottom: .8rem; line-height: 1; } .report .wrap .cont .top-box .top-cont { width: max-content; } .investor .infor .wrap { width: 100%; } .investor .infor .wrap .rg { width: 100%; margin-top: 1rem; } .investor .infor .wrap .rg iframe { height: 19.5rem; } } .sus_b_container .swiper-wrapper { display: flex; align-items: center; justify-content: center; } .sof_b_tit .tit-18 { text-align: justify; } .text-justify { text-align: justify; }