@charset "utf-8"; /* ===================棣栭〉鏍峰紡========================== */ .fp-section {position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .fp-section.fp-table, .fp-slide.fp-table {display: table;table-layout: fixed;width: 100%;} .fp-tableCell {display: table-cell;vertical-align: middle;width: 100%;height: auto;transform: translate3d(0,0,0);-webkit-font-smoothing: antialiased} .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {height: auto !important;} /* -- */ #locationMenu{position: fixed;height: 100%;display: flex;flex-direction: column;justify-content: center;z-index: 99;top: 0;left: 60px;pointer-events: none;} #locationMenu li{display: flex;align-items: center;user-select: none;} #locationMenu li:not(:first-child){margin-top: 15px;} #locationMenu li i{width: 14px;height: 14px;pointer-events: auto;border-radius: 50%;border: 1px solid #4b4b4b;cursor: pointer;transition: all .4s ease;} #locationMenu li span{opacity: 0;transition: all .4s ease;margin-left: 16px;display: flex;align-items: center;height: 24px;background: #1153A4;padding: 0 8px;border-radius: 12px;font-size: 13px;font-weight: 500;color: #fff;line-height: 24px;} #locationMenu li:hover i{border-color: #1153A4;} #locationMenu li.active i{border-color: #1153A4;background: #1153A4;} #locationMenu li:hover span{opacity: 1;} .banner{background: #407fa8;} .banner-image{width: 100%;position: relative;} /* .banner-image::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .1);} */ .banner-image img{width: 100%;} .banner-image img.pc{height: 100vh;} .banner-image img.mb{height: calc(100vh - 60px);} .banner-cont{position: absolute;z-index: 2;width: 100%;height: 100%;top: 0;left: 0;text-align: center;padding-top: 70px;} .banner-cont .title{line-height: 1.1;} .banner-cont .text{line-height: 1.2;font-family:'ML';} /* -- */ .banner-cont .title, .banner-cont .text{opacity: 0;} .swiper-slide-active .banner-cont .title{animation: bannerRunL 1s ease both 1s;} .swiper-slide-active .banner-cont .text{animation: bannerRunR 1s ease both 1s;} .oneSlide .banner-cont .title{animation: bannerRunL 1s ease both .4s;} .oneSlide .banner-cont .text{animation: bannerRunR 1s ease both .4s;} @keyframes bannerRunL{0%{opacity: 0;transform: translateX(240px);filter: blur(4px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}} @keyframes bannerRunR{0%{opacity: 0;transform: translateX(-240px);filter: blur(4px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}} /* -- */ .banner .swiper-slide {overflow: hidden;} .banner .banner-image img {transform: matrix(1.16, 0, 0, 1.16, 0, 0);transition: all .4s ease 1s;} .swiper-slide-active .banner-image img {transform: matrix(1, 0, 0, 1, 0, 0);transition: all 4s ease .4s;} /* -- */ .banner-control{position: absolute;z-index: 9;left: 0;width: 50%;bottom: 0;background: #1153A4;height: 90px;display: flex;align-items: center;justify-content: center;} .banner-control .swiper-pagination{bottom: 0;font-size: 0;position: relative;} .banner-control .swiper-pagination-bullet{width: 20px;height: 20px;transform: scale(0.3);border: 3px solid #fff;opacity: 0.5;background: #fff;transition: transform .4s ease, opacity .4s ease;} .banner-control .swiper-pagination-bullet:not(:first-child){margin-left: 38px;} .banner-control .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;transform: scale(1);background: transparent;} .banner-control-num{position: absolute;right: 54px;font-family: "MB";line-height: 1;height: 28px;top: 50%;margin-top: -12px;color: rgba(255, 255, 255, 0.5);} .banner-control-num b{color: #7fc974;} /* -- */ .banner-hint{position: absolute;z-index: 9;right: 128px;bottom: 60px;text-align: center;} .banner-hint span{writing-mode: vertical-lr;writing-mode: tb-lr;white-space: nowrap;letter-spacing: 4px;width: 28px;display: block;} .banner-hint i{width: 11px;height: 31px;animation: bannerHintRun 2s infinite linear;background: url('../images/index/bannerIc.png') no-repeat center;margin: 20px auto 0;display: block;} @keyframes bannerHintRun {0% {opacity: 0;transform: translateY(-20px);}25% {opacity: 1;transform: translateY(0px);}75% {opacity: 1;transform: translateY(5px);}100% {opacity: 0;transform: translateY(20px);}} .indxw{background: linear-gradient(to left bottom,#e3edf0,#ccd8e0);} .indxw-head{width: 100%;} .indxw-head .contain{justify-content: space-between;} .indxw-btn>div{width: 62px;height: 62px;line-height: 62px;cursor: pointer;text-align: center;border: 1px solid #8d949a;font-size: 26px;color: #0e1e2e;font-weight: 700;transition: all .4s ease;} .indxw-btn>div.prev{border-right: none;} .indxw-btn>div:hover{border-color: #1153A4;background: #1153A4;color: #fff;} .indxw-loop{width: 100%;display: flex;justify-content: flex-end;} .indxw-loop-limit{width: calc(50% + 720px);} .indxw-loop-run{width: 100%;overflow: hidden;} .indxw-loop .contain{margin: 0;} .indxw-loop .swiper-container{overflow: visible;} .indxw-link{display: block;width: 100%;position: relative;height: 500px;padding: 50px 35px 50px;background: #fff;border-right: 1px solid #e5eff5;} .indxw-link::before{z-index: 2;opacity: 0;transition: all .4s ease; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);} /* .indxw-link::before{content: "";position: absolute;width: 1px;height: 100%;top: 0;right: 0;background: #e5eff5;z-index: 2;} */ .indxw-link-bg{ position: absolute;width: 100%;height: 100%;top: 0;left: 0;} .indxw-link::after{content: "";position: absolute;width: 100%;height: 100%;top: 0;right: 0;background: #fff url('../images/index/indNews-logo.png') no-repeat top 250px right/100% auto;transition: all .6s ease;} .indxw-link-mix{position: relative;z-index: 4;display: flex;flex-direction: column;width: 100%;height: 100%;} .indxw-link-cont{width: 100%;} .indxw-link-cont .hint{width: 100%;transition: all .4s ease;color: #1153A4;line-height: 1.1;} .indxw-link-cont .title{width: 100%;transition: all .4s ease;color: #34404d;} .indxw-link-cont .time{width: 100%;transition: all .4s ease;color: #75787a;font-family: "MB";line-height: 1;} .indxw-link-link{width: 100%;color: #4c5054;transition: all .4s ease;} .indxw-loop-run .swiper-slide.active .indxw-link::after{opacity: 0;} .indxw-loop-run .swiper-slide.active .indxw-link::before{opacity: 1;} .indxw-loop-run .swiper-slide.active .indxw-link .indxw-link-cont .hint, .indxw-loop-run .swiper-slide.active .indxw-link .indxw-link-cont .title, .indxw-loop-run .swiper-slide.active .indxw-link .indxw-link-cont .time, .indxw-loop-run .swiper-slide.active .indxw-link .indxw-link-link{color: #fff;} .indjt{background: #fff;} .indjt-mix{width: 100%;align-items: flex-start;justify-content: space-between;} .indjt-info{width: 60%;padding-right: 60px;} .indjt-info-more{width: 100%;} .indjt-info-more .text{hyphens: auto;-ms-hyphens: auto;-moz-hyphens: auto;text-align: justify;text-justify: inter-word;} .indjt-info-more .video{width: 300px;position: relative;} .indjt-intr img{width: 100%;object-fit: cover;} .indjt-intr i{width: 44px;height: 44px;position: absolute;left: 50%;top: 50%;margin: -22px 0 0 -22px;cursor: pointer;z-index: 4;background: url('../images/index/indjtIc.png') no-repeat center/100% auto;transition: all .4s ease;} .indjt-intr i:hover{transform: rotate(90deg);} .indjt-intr .video{position: relative;} .indjt-intr{width: 30%;} .indjt-intr-image{width: 100%;overflow: hidden;position: relative;} .indjt-intr-image img{width: 100%;} .indjt-intr-image::before{content: "";position: absolute;width: 0;height: 100%;left: 0;top: 0;background: #fff;} .indjt-intr-number{width: 100%;} .indjt-intr-number ul{justify-content: space-between;} .indjt-intr-number li{width: auto;} .indjt-intr-number li .num{line-height: 1;} .indjt-intr-number li .num span{color: #1153A4;font-family: "MB";margin-right: 10px;} .indjt-intr-number li .text{color: #5f5c5a;} .indjg{background-repeat: no-repeat;background-size: cover;background-position: center;} .indjg .contain {width: 100%;padding-left: calc(50% - 700px);margin: 0;align-items: flex-start;} .indjg-info{width: calc(100% - 1000px);position: relative;z-index: 4;padding-right: 90px;} .indjg-cont{width: 100%;} .indjg-cont .items{width: 100%;display: none;} .indjg-cont .items.active{display: block;} .indjg-cont .items .text{height: 150px;overflow: auto;padding-right: 20px;position: relative;} .indjg-cont .items .text::-webkit-scrollbar {width: 3px;} .indjg-cont .items .text::-webkit-scrollbar-thumb {background: #1153A4;} .indjg-cont .items .text::-webkit-scrollbar-track {background: #f5f5f5;} .indjg-cont .address{padding-left: 38px;background: url('../images/index/indjgIc.png') no-repeat left top 1px/19px auto;max-width: 364px;} .indjg-cont .address:nth-child(2){background-image: url('../images/index/indjgIc2.png');} .indjg-menu{width: 952px;background: #fff;position: relative;user-select: none;box-shadow: 0.572px 2.945px 5px 0px rgba(0, 0, 0, 0.09);} .indjg-menu li{flex: 1;position: relative;height: 132px;align-items: center;justify-content: center;cursor: pointer;transition: all .4s ease;} .indjg-menu li b, .indjg-menu li span{position: relative;z-index: 4;transition: all .4s ease;} .indjg-menu li b{line-height: 1;font-family: "MB";color: #1153A4;} .indjg-menu li span{font-weight: 700;color: #444;margin-left: 26px;} .indjg-menu li:not(:first-child)::before{content: "";position: absolute;width: 1px;height: 100%;top: 0;left: 0;background: #f5f5f5;} .indjg-menu li:hover b, .indjg-menu li:hover span{color: #1153A4;} .indjg-menu li.active{background: #1153A4;} .indjg-menu li.active b, .indjg-menu li.active span{color: #fff;} .indjg-loop{width: 1000px;overflow: hidden;} .indjg-loop a{display: block;width: 100%;overflow: hidden;} .indjg-loop img{width: 100%;object-fit: cover;} .indhz{width: 100%;position: relative;} .indhz-loop{width: 100%;} .indhz-link{width: 100%;display: flex;align-items: center;justify-content: center;height: 130px;padding: 10px;} .indhz-link img{max-height: 100%;transition: all .6s ease;} .indhz-link:hover img{transform: translateY(-8px);} .indhz-loop .swiper-pagination{display: none;bottom: 0;font-size: 0;} /* 鍔ㄧ敾 */ .fp-section .banner-control{opacity: 0;transform: translateY(100%);transition: all .5s ease .2s;} .fp-section .indxw-head, .fp-section .indjt-info .commonTitle, .fp-section .indjt-info-more .text, .fp-section .indjt-info-more .link, .fp-section .indjt-info-more .video, .fp-section .indjt-intr-number, .fp-section .indjg-info .commonTitle, .fp-section .indjg-cont, .fp-section .indjg-menu{opacity: 0;transform: translateY(120px);transition: all .5s ease .2s;} .fp-section .indxw-loop-run{width: 0;transition: all .5s ease .2s;} .fp-section .indjt-intr-image::before{width: 100%;transition: all .5s ease .2s;} .fp-section .indjg-loop{opacity: 0;transform: translateX(100%);transition: all .5s ease .2s;} /* -- */ .fp-section.fp-completely .banner-control{opacity: 1;transform: translateY(0);transition: all 1s ease .2s;} .fp-section.fp-completely .indxw-head{opacity: 1;transform: translateY(0);transition: all 1s ease .1s;} .fp-section.fp-completely .indxw-loop-run{width: 100%;transition: all 1s ease .4s;} .fp-section.fp-completely .indjt-info .commonTitle{opacity: 1;transform: translateY(0);transition: all 1s ease .1s;} .fp-section.fp-completely .indjt-info-more .text{opacity: 1;transform: translateY(0);transition: all 1s ease .2s;} .fp-section.fp-completely .indjt-info-more .link{opacity: 1;transform: translateY(0);transition: all 1s ease .3s;} .fp-section.fp-completely .indjt-info-more .video{opacity: 1;transform: translateY(0);transition: all 1s ease .4s;} .fp-section.fp-completely .indjt-intr-image::before{width: 0;transition: all 1s ease .4s;} .fp-section.fp-completely .indjt-intr-number{opacity: 1;transform: translateY(0);transition: all 1s ease .5s;} .fp-section.fp-completely .indjg-info .commonTitle{opacity: 1;transform: translateY(0);transition: all 1s ease .1s;} .fp-section.fp-completely .indjg-cont{opacity: 1;transform: translateY(0);transition: all 1s ease .2s;} .fp-section.fp-completely .indjg-menu{opacity: 1;transform: translateY(0);transition: all 1s ease .3s;} .fp-section.fp-completely .indjg-loop{opacity: 1;transform: translateX(0);transition: all 1s ease .3s;} /* -- */ .indjg.show .indjg-info .commonTitle{opacity: 1;transform: translateY(0);} .indjg.show .indjg-cont{opacity: 1;transform: translateY(0);} .indjg.show .indjg-menu{opacity: 1;transform: translateY(0);} .indjg.show .indxw-menu{opacity: 1;transform: translateY(0);} .indjg.show .indjg-loop{opacity: 1;transform: translateX(0);} /* -------------------------PC绔?-------------------------- */ @media all and (max-width:1700px) { /* 1600 脳 (900) */ #locationMenu {left: 44px;} .banner-hint {right: 80px;bottom: 60px;} } @media all and (max-width:1590px) { /* 1440 脳 (700) */ .banner-control{height: 80px;} .banner-hint {right: 50px;bottom: 40px;} .indxw-loop-limit {width: calc(50% + 600px);} .indxw-btn>div {width: 54px;height: 54px;line-height: 54px;font-size: 24px;} .indxw-link {height: 450px;padding: 60px 40px 50px;} .indjt-info {padding-right: 80px;} .indjt-info-more .video {width: 280px;} .indjg-loop{width: 800px;} .indjg-info {padding-right: 50px;width: calc(100% - 800px);} .indjg-menu {width: 800px;} .indjg-menu li {height: 120px;} .indhz-link {height: 120px;} .indjg .contain {padding-left: calc(50% - 600px);} } @media all and (max-width:1430px) { /* 1360 */ #locationMenu {left: 24px;} } @media all and (max-width:1350px) { /* 1280 */ #locationMenu {left: 12px;} } @media all and (max-width:1270px) { /* 1152 脳 (700) */ #locationMenu {left: 36px;} .banner-hint {right: 40px;bottom: 40px;} .indxw-loop-limit {width: calc(50% + 480px);} .indxw-link {height: 350px;padding: 50px 30px 40px;} .indxw-btn>div {width: 48px;height: 48px;line-height: 48px;font-size: 22px;} .indjt-info {padding-right: 0;} .indjt-info-more .video {width: 220px;} .indjg .contain {padding-left: calc(50% - 480px);} .indjg-loop{width: 750px;} .indjg-info {padding-right: 40px;width: calc(100% - 750px);} .indjg-menu {width: 650px;margin-top: 40px;} .indjg-menu li {height: 90px;} .indhz-link {height: 104px;} } @media all and (max-width:1140px) { /* 1024 */ .banner-image img.pc {height: calc(100vh - 80px);} #locationMenu, .banner-hint{display: none;} .banner-control .swiper-pagination-bullet:not(:first-child) {margin-left: 28px;} .indxw, .indjt, .indjg{padding: 60px 0;} } /* ------------------------鎵嬫満绔?------------------------- */ @media all and (max-width:1000px) { /* 骞虫澘璁惧 720 閫傞厤 */ .banner-image img.pc {height: calc(100vh - 60px);} .indxw-loop-limit {width: 96%;} .indjt-info, .indjg-info{width: 100%;padding-right: 0;} .indjt-info-more .video {width: 300px;} .indjg .contain {padding: 0 4%;} .indjt-intr, .indjg-loop{width: 100%;margin-top: 50px;} .indjg-menu{width: 100%;} .indhz-loop .swiper-pagination{display: block;position: relative;margin-top: 20px;} .indhz-loop .swiper-pagination-bullet{width: 20px;height: 2px;border-radius: 0;background: #e3edf0;opacity: 1;margin: 0 0 0 6px !important;} .indhz-loop .swiper-pagination-bullet:first-child{margin-left: 0 !important;} .indhz-loop .swiper-pagination-bullet-active {background: #1153A4;} } @media all and (max-width:640px) { /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */ .banner-cont{padding: 0 0 20px 0;} .banner-cont .title{font-size: 22px;} .banner-control{width: 96%;height: 54px;} .banner-control-num {right: 20px;height: 20px;margin-top: -9px;} .banner-control .swiper-pagination-bullet {width: 16px;height: 16px;} .banner-control .swiper-pagination-bullet:not(:first-child) {margin-left: 16px;} @keyframes bannerRunL{0%{opacity: 0;transform: translateX(120px);filter: blur(4px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}} @keyframes bannerRunR{0%{opacity: 0;transform: translateX(-120px);filter: blur(4px);}100%{opacity: 1;transform: translateX(0);filter: blur(0);}} .indxw, .indjt, .indjg {padding: 36px 0;} .indxw-btn>div {width: 38px;height: 38px;line-height: 38px;font-size: 19px;} .indxw-loop{justify-content: center;padding: 0 4%;} .indxw-link-cont .title{margin-top: 20px;height: auto !important;} .indxw-link-cont .time{margin-top: 15px;} .indxw-link-link{margin-top: 35px;} .indxw-loop .swiper-container{overflow: hidden;} .indxw-loop-limit{width: 100%;} .indxw-loop .contain{width: 100%;} .indxw-link {height: 240px;padding: 24px 15px 24px;} .indjt-info-more .video {width: 240px;margin: 0 auto;} .indjt-intr, .indjg-loop {margin-top: 24px;} .indjt-intr-number li .text {max-width: 106px;} .indjt-intr-number li .num span {margin-right: 6px;font-size: 24px;} .indjt-intr-number li .text {max-width: 96px;font-size: 12px;line-height: 16px;} .indjt-intr-number{margin-top: 24px;} .indjt-info-more{margin-top: 12px;} .indjt-info-more .link{margin-top: 16px;} .indjt-info-more .video{margin-top: 20px;} .indjg-cont{margin-top: 16px;} .indjg-cont .address{margin-top: 12px;padding-left: 28px;} .indjg-cont .link{margin-top: 16px;} .indjg-menu {margin-top: 24px;} .indjg-menu li{flex-direction: column;height: 74px;} .indjg-menu li span{margin: 4px 0 0;} .indhz{padding: 12px 0 20px;} .indxw-link::after{background: #fff url('../images/index/indNews-logo.png') no-repeat top 100px right/100% auto;} }