.auto { max-width: 16rem; width: 96%; margin: auto } .ind_column { text-align: center; padding-bottom: 0.3rem; position: relative; z-index: 10; } .ind_column h2 { text-align: center; line-height: 1 } .ind_column h2 .cn { color: #181818; font-size: 0.6rem; position: relative; display: inline-block; font-family: Barlow-Bold; } .ind_column.white .en { color: rgba(var(--white-color__rgb), 0.05); } .ind_column.white .cn { color: #fff; } .ind_column.white .cn i { filter: brightness(0) invert(1); } .ind_more a { display: inline-flex; align-items: center; color: var(--primary-color) } .ind_more a i { width: .24rem; height: .24rem; margin-left: .1rem; border: solid 1px var(--primary-color); border-radius: 100%; position: relative; transition: 0.5s; text-align: left; } .ind_more a i:before { content: ''; position: absolute; width: 100%; height: 100%; background: url("../image/jt.svg") no-repeat center center; transition: 0.5s } .ind_more a:hover i { background: var(--secondary-color); border-color: var(--secondary-color) } .ind_more a:hover i:before { filter: brightness(0) invert(1); } @media(max-width:768px) { .ind_column { padding-bottom: 0.2rem; } .ind_column h2 .cn { font-size: var(--font-size__62); } } .ind_page1 .inbox { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); z-index: 10 } .ind_page1 .info { transition-delay: 0.3s; opacity: 0; transform: translateY(.6rem); transition: 0.5s } .ind_page1 .info h3 { font-family: Montserrat-Bold; font-size: 0.36rem; line-height: 0.4rem; text-transform: uppercase; line-height: 0.8; color: transparent; -webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.36); text-stroke: 0.5px rgba(255, 255, 255, 0.36); } .ind_page1 .info h1 { font-family: Barlow-Bold; font-size: 0.66rem; line-height: 0.74rem; color: #ffffff; } .ind_page1 figure img { width: 100%; height: auto; height: 100%; transition: 1s linear 2s; transform: scale(1); object-fit: cover; } .ind_page1 .inbox[data-type="left"] { text-align: left } .ind_page1 .inbox[data-type="center"] { text-align: center } .ind_page1 .inbox[data-type="right"] { text-align: right } .ind_page1 .swiper-slide-active .info { opacity: 1; transform: translateY(0) } .ind_page1 .swiper-slide-active figure img, .ind_page1 .swiper-slide-duplicate-active figure img { transition: 6s linear; transform: scale(1, 1); } .ind_page1 .other { position: absolute; width: 100%; bottom: .5rem; z-index: 20 } .ind_page1 .swiper-pagination { width: auto; position: inherit; display: flex } .ind_page1 .swiper-pagination span { width: inherit; height: inherit; display: flex; justify-content: center; align-items: center; background: none; color: rgba(255, 255, 255, 0.5) } .ind_page1 .swiper-pagination span:after { display: none } .ind_page1 .swiper-pagination span b { width: .38rem; height: .38rem; line-height: .38rem; text-align: center; display: block; border-radius: 100%; box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0); transition: 0.5s } .ind_page1 .swiper-pagination span:nth-child(1) b:before { content: 'C' } .ind_page1 .swiper-pagination span:nth-child(2) b:before { content: 'N' } .ind_page1 .swiper-pagination span:nth-child(3) b:before { content: 'C' } .ind_page1 .swiper-pagination span:nth-child(4) b:before { content: 'E' } .ind_page1 .swiper-pagination span:nth-child(5) b:before { content: 'C' } .ind_page1 .swiper-pagination .swiper-pagination-bullet-active { color: rgba(255, 255, 255, 1) } .ind_page1 .swiper-pagination .swiper-pagination-bullet-active b { box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5); } .ind_page1 .swiper-pagination .swiper-pagination-bullet-active i { display: block; position: absolute; top: 0; z-index: 5; width: .19rem; height: .38rem; margin: 0; padding: 0; overflow: hidden; font-style: normal; } .ind_page1 .swiper-pagination .swiper-pagination-bullet-active i:nth-child(1) { left: 0; } .ind_page1 .swiper-pagination .swiper-pagination-bullet-active i:nth-child(2) { right: 0; } .ind_page1 .swiper-pagination .swiper-pagination-bullet-active i:before { position: absolute; content: ''; margin: 0; width: .38rem; height: .38rem; border-radius: 50%; border: 2px solid transparent; transform: rotate(135deg); } .ind_page1 .swiper-pagination .swiper-pagination-bullet-active i:nth-child(1):before { left: 0; border-top-color: #ffffff; border-left-color: #ffffff; animation: yl 5s linear; animation-fill-mode: forwards } .ind_page1 .swiper-pagination .swiper-pagination-bullet-active i:nth-child(2):before { right: 0; border-bottom-color: #ffffff; border-right-color: #ffffff; animation: yr 5s linear; animation-fill-mode: forwards; } @keyframes yr { 0% { transform: rotate(135deg); } 50%, 100% { transform: rotate(315deg); } } @keyframes yl { 0%, 50% { transform: rotate(135deg); } 100% { transform: rotate(315deg); } } @media(max-width:1024px) { .ind_page1 .info h3 { font-size: 0.3rem } .ind_page1 .info h1 { font-size: 0.4rem; line-height: 0.5rem; } } @media(max-width:768px) { .ind_page1 figure img { height: 40vh; } .ind_page1 .info img { max-height: 1rem; } .ind_page1 .swiper-slide .info img { max-height: 1.5rem; } } .ind_page2 { padding-bottom: var(--padding-margin__160); background: rgba(var(--primary-color__rgb), 0.05); } .ind_page2 .slide { width: calc(680 / 1600 * 100%); background: var(--white-color); border-radius: 0.2rem; overflow: hidden; } .ind_page2 .slide .ispic { padding-bottom: 3.82rem } .ind_page2 .slide .info { padding: 0.2rem; position: relative } .ind_page2 .slide .info time { font-size: 0.18rem; font-family: Barlow-Bold; line-height: 0.32rem; color: #555555; } .ind_page2 .slide .info h4 { font-family: Barlow-Bold; margin-bottom: .1rem; color: #000000 } .ind_page2 .slide .info p { color: #666666; line-height: .24rem; font-weight: var(--font-weight__l); } .ind_page2 .slide:hover .info h4 { color: var(--primary-color) } .ind_page2 .slide .swiper-pagination { bottom: 0.2rem; right: 0.3rem; width: auto; } .ind_page2 .slide .swiper-pagination-bullet { background-color: #cccccc } .ind_page2 .slide .swiper-pagination-bullet:after { background-color: #003c96; } .ind_page2 .slide .swiper-pagination-bullet-active { width: 0.1rem } .ind_page2 .list { width: calc(850 / 1600 * 100%); position: relative } .ind_page2 .list li { width: 48.23%; border-radius: 0.2rem; overflow: hidden; } .ind_page2 .list li .ispic { padding-bottom: 2.3rem } .ind_page2 .list li .info { padding: 0.3rem; background: #fff } .ind_page2 .list li .info h4 { font-family: Barlow-Bold; font-size: 0.22rem; line-height: 0.3rem; color: #181818; } .ind_page2 .list li .info p { font-family: Barlow-Bold; font-size: 0.18rem; line-height: 0.26rem; color: #555555; margin: 0.3rem 0 0.4rem } .ind_page2 .list li:hover .info h4 { color: #003c96; } .rows { padding: var(--padding-margin__80) 0; .ind_page1 .info{overflow: hidden}; position: relative; } @media(min-width:1025px) {} @media(max-width:768px) { .ind_page2 .slide, .ind_page2 .list { width: 100% } .ind_page2 .list { margin-top: 3% } .ind_page2 .slide .ispic { padding-bottom: 60%; } } .ind_page3 { position: relative; color: #333; overflow: hidden; padding-top: 150px; } .ind_page3 .part1 { position: relative; z-index: 2; } .ind_page3 .company { width: 43.75%; float: left; } .ind_page3 .company .info p { text-align: justify; } .ind_page3 .info { max-width: 7rem; line-height: 1.6; } .ind_page3 .info h1 { margin-bottom: .4rem; font-family: Barlow-Bold; font-size: 0.6rem; line-height: 0.57rem; color: #181818; } .info .more { display: inline-block; padding: 0.12rem 0.48rem; min-width: 1.2rem; text-align: center; border-radius: 0.08rem; border: 0.01rem solid #0078d4; background-color: transparent; color: #0078d4; font-size: 0.2rem; font-weight: 500; text-decoration: none; margin-top: 0.5rem; cursor: pointer; box-sizing: border-box; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); position: relative; overflow: hidden; z-index: 1; } .info .more::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent); transition: left 0.5s ease; z-index: -1; } .info .more:hover::before { left: 100%; } .info .more:hover { background-color: #0078d4; color: #fff; transform: translateY(-0.02rem); box-shadow: 0 0.08rem 0.2rem rgba(0, 120, 212, 0.35); } .ind_page3 .data { padding: .3rem 0 } .ind_page3 .data dl { width: 43%; padding-top: 0.3rem; border-top: 0.02rem solid #cccccc; margin-bottom: 0.3rem; position: relative; ; } .ind_page3 .data dl:before { position: absolute; top: -0.02rem; left: 0; width: 0; height: 0.02rem; background: #003c96; content: ""; transition: all 0.5s } .ind_page3 .data dl:hover:before { width: 100%; } .ind_page3 .data dl dd { line-height: 0.2rem; } .ind_page3 .data sub { font-size: .16rem; position: relative; bottom: 0.05rem; color: #181818; left: 0.1rem } .ind_page3 .data sup { font-size: .3rem; position: relative; top: -0.15rem; color: #003c96; left: 0.1rem; font-family: Barlow-Bold; } .ind_page3 .data b i { font-style: normal } .ind_page3 .data b { color: #003c96; font-family: Barlow-Bold; } .ind_page3 .data .num { position: absolute; } .ind_page3 .data .no { opacity: 0 } .ind_page3 .ind_more { padding-bottom: 10%; padding-top: 5% } .ind_page3 .ind_more a { color: var(--secondary-color) } .ind_page3 .ind_more a i { background: var(--secondary-color); border-color: var(--secondary-color) } .ind_page3 .photo { position: absolute; width: 100%; height: 100%; bottom: 0 } .ind_page3 .photo:before { content: ''; position: absolute; width: 100%; height: 100%; background: #fff } .ind_page3 .photo img { width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; bottom: 0 } .ind_page3 .part2 { position: relative; z-index: 2; } .ind_page3 .ispic { width: 38.75%; height: 7.8rem; border-radius: 0.2rem; float: right; } .ind_page3 .ispic .txt { writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; position: absolute; left: 0; top: 0.3rem; z-index: 9; } .ind_page3 .ispic .txt .p1 { font-size: 1rem; font-family: Barlow-Bold; line-height: 0.8rem; color: transparent; -webkit-text-stroke: 0.5px rgba(255, 255, 255, 0.24); text-stroke: 0.5px rgba(255, 255, 255, 0.24); } @media(min-width:769px) { .ind_page3 .company { margin-top: -0.1rem; } .ind_page3 .company .info p { line-height: 0.3rem; } .ind_page3 .data { margin-top: 0.5rem; } } @media(max-width:1024px) { .ind_page3 .company { width: 50% } .ind_page3 .data dl dd { font-size: 0.14rem } .ind_page3 .data dl { width: 45%; margin-bottom: 0.3rem; } .ind_page3 .ispic { height: 7rem } } @media(max-width:768px) { .ind_page3 .company { width: 100%; } .ind_page3 .data dl { width: 48%; padding: 6% 0 0 } } .ind_page99 { position: relative; padding: 0 } .ind_page99 .ind_column { position: absolute; top: 1rem; left: 0; width: 100%; } .ind_page99 .ind_column h2 { text-align: left; } .ind_page99 .ind_column h2 .cn { font-size: 0.6rem; line-height: 0.57rem; color: #ffffff; font-family: Barlow-Bold; } .ind_page99 .Galary003154 { position: relative; } .ind_page99 .Galary003154 .slider-for .ispic { width: 100%; padding-bottom: 9.6rem; } .ind_page99 .Galary003154 .slider-nav { position: absolute; bottom: 0.3rem; left: 0; width: 100%; } .ind_page99 .Galary003154 .slider-nav .slider { margin: 0 -0.1rem } .ind_page99 .Galary003154 .slider-nav li { height: 1.9rem; background-color: rgba(255, 255, 255, 0.7); border-radius: 0.2rem; margin: 0 0.1rem; padding: 0.34rem; backdrop-filter: blur(10px); cursor: pointer; } .ind_page99 .Galary003154 .slider-nav li .ti { font-family: Barlow-Bold; font-size: 0.28rem; line-height: 0.34rem; color: #181818; margin-top: 0.1rem; min-height: 0.68rem; display: flex; align-items: flex-end; } .ind_page99 .Galary003154 .slider-nav li .more { display: none; position: absolute; right: 0.34rem; top: 0.34rem; transition: all 0.5s; width: 0.4rem; } .ind_page99 .Galary003154 .slider-nav li .icon { width: 0.5rem; } .ind_page99 .Galary003154 .slider-nav li .icon .hide { display: none; } .ind_page99 .Galary003154 .slider-nav li .desc { display: none } .ind_page99 .Galary003154 .slider-nav li.slick-current { height: auto; background-color: rgba(0, 60, 150, 0.7); ; height: auto; } .ind_page99 .Galary003154 .slider-nav li.slick-current .more { display: block; } .ind_page99 .Galary003154 .slider-nav li.slick-current .more:hover { transform: scale(1.1); } .ind_page99 .Galary003154 .slider-nav li.slick-current .desc { display: block; margin-top: 0.15rem; } .ind_page99 .Galary003154 .slider-nav li.slick-current .icon .hide { display: block; } .ind_page99 .Galary003154 .slider-nav li.slick-current .icon img { display: none } .ind_page99 .Galary003154 .slider-nav li.slick-current .ti { color: #fff; margin-top: 0.1rem; } .ind_page99 .Galary003154 .slider-nav li.slick-current .desc p { position: relative; font-family: Barlow-Bold; font-size: 0.18rem; line-height: 0.22rem; color: #ffffff; position: relative; padding-left: 0.14rem; } .ind_page99 .Galary003154 .slider-nav li.slick-current .desc p:after { position: absolute; left: 0; top: 0.6em; width: 0.04rem; height: 0.04rem; background-color: #ffffff; border-radius: 50%; content: "" } .ind_page99 .Galary003154 .slider-nav li.slick-current .desc p:not(:first-child) { margin-top: 0.1rem; } .ind_page99 .Galary003154 .slider-nav .slick-track { display: flex; align-items: flex-end } .ind_page99 .Galary003154 .slider-nav li, .ind_page99 .Galary003154 .slider-nav li * { transition: all 0.3s } @media(max-width:1024px) { .ind_page99 .ind_column { top: 0.4rem } .ind_page99 .ind_column h2 .cn, .ind_column h2 .cn, .ind_page3 .info h1 { font-size: 0.4rem; line-height: 0.5rem; } .ind_page3 .info h1 { margin-bottom: 0.15rem; } .ind_page99 .Galary003154 .slider-nav li { padding: 0.2rem } .ind_page99 .Galary003154 .slider-nav li.slick-current .desc p { font-size: 0.16rem; line-height: 0.24rem; } .rows { padding: var(--padding-margin__40) 0 } .ind_page3 .company { padding-top: 0; } } .ind_page98 { background: #F4F6F9; min-height: unset; padding: 150px 0; } .ind_page98 .ind_column .desc { width: 40%; text-align: left; } .ind_page98 .slider { margin-top: 0.2rem; position: relative; } .ind_page98 .slider li .txt { height: 5.4rem; background-color: #ffffff; border-radius: 0.2rem; padding: 0.6rem; width: 36.5%; float: left; } .ind_page98 .slider li .txt .ti1 { font-family: Barlow-Bold; font-size: 0.4rem; color: #003c96; line-height: 0.6rem; } .ind_page98 .slider li .ispic { width: 60%; height: 5.4rem; float: right; border-radius: 0.2rem; } .ind_page98 .slider .arrows { position: relative; float: right; } .ind_page98 .slider .controls { position: absolute; left: 0; width: 36.5%; bottom: 0.6rem; z-index: 9; padding: 0 0.6rem; height: 0.5rem; line-height: 0.45rem; } .ind_page98 .slider .controls .slick-pages { font-family: Barlow-Bold; font-size: 0.24rem; color: rgba(51, 51, 51, 0.6); float: left; ; } .ind_page98 .slider .controls .slick-arrow { position: static; float: left; transform: translate(0%); width: 0.5rem; height: 0.5rem; margin-left: 0.1rem; } .ind_page98 .slider .controls .prev:after { background-image: url(../images/larr-g.png); } .ind_page98 .slider .controls .next:after { background-image: url(../images/rarr-g.png); } .ind_page98 .slider .controls .prev:hover:after { background-image: url(../images/larr-w.png); } .ind_page98 .slider .controls .next:hover:after { background-image: url(../images/rarr-w.png); } .ind_page98 .slider .controls .slick-pages #cur { font-size: 0.4rem; color: rgba(0, 60, 150, 1); font-family: Barlow-Bold; } @media(max-width:1024px) { .ind_page98 .ind_column .desc { width: 60%; font-size: 0.16rem } .ind_page98 .slider li .txt { padding: 0.2rem } .ind_page98 .slider .controls { bottom: 0.2rem; padding: 0 0.2rem } .swiper-pagination.st { margin-top: 0.2rem; margin-bottom: 0.3rem; } } @media(max-width:480px) { .ind_page98 .slider li .txt .ti1 { font-size: 0.24rem; line-height: 1.6; } } .ind_page4 { background: #F4F6F9; padding-bottom: var(--padding-margin__80); padding-top: 0; min-height: unset; } .ind_page4 .ind_column h2 .en { font-family: Barlow-Bold; font-size: 0.2rem; color: #003c96; } .ind_page4 .ind_column h2 .cn { font-family: Barlow-Bold; font-size: 0.34rem; color: #181818; margin-top: 0.1rem; } .ind_page4 .ind_column .more { position: absolute; right: 0; top: 0.2rem; width: 1rem; line-height: 0.4rem; text-align: center; font-size: 0.15rem; color: #333333; border-radius: 50%; height: 0.4rem; border: solid 0.01rem #cccccc; } .ind_page4 .ind_column .more:hover { background: #003c96; color: #fff; border-color: #003c96; } .ind_page4 .slide { position: relative } .ind_page4 .swiper { padding-left: 22.3125%; padding-right: 22.3125%; overflow: inherit; } .ind_page4 .swiper-slide { background: var(--white-color); transition: 0.5s; border-radius: 0.2rem; overflow: hidden; } .ind_page4 .ispic { padding-bottom: 56.22641509433962%; position: relative } .ind_page4 .ispic span { position: absolute; left: .3rem; top: .3rem; padding-left: .15rem; line-height: .34rem; z-index: 10; color: var(--white-color); background: #003c96; border-radius: 0.34rem; padding-left: 0.3rem; padding-right: 0.15rem; max-width: calc(100% - 0.4rem); } .ind_page4 .info { padding: 3% 5% } .ind_page4 .info .txt { flex: 1; } .ind_page4 .txt h4 { font-family: Barlow-Bold; font-size: 0.28rem; line-height: 0.4rem; color: #181818; min-height: 0.8rem } .ind_page4 .txt p { min-height: 1.5em; } .ind_page4 .data { color: var(--primary-color); position: relative; padding-left: 0.15rem; } .ind_page4 .data .more { width: 1.2rem; text-align: center; line-height: 0.66rem; display: inline-block; border-radius: 50%; height: 0.66rem; border: solid 0.01rem #cccccc; } .ind_page4 .swiper-slide.swiper-slide-active { background: var(--primary-color) } .ind_page4 .swiper-slide.swiper-slide-active .info { background: rgba(var(--primary-color__rgb), 0.8); min-height: 3.3rem; margin-top: -1.6rem; position: relative; z-index: 10; } .ind_page4 .swiper-slide.swiper-slide-active .txt h4 { color: var(--white-color) } .ind_page4 .swiper-slide.swiper-slide-active .data .more { color: #fff; border-color: #fff } .ind_page4 .swiper-button-prev { left: 15.5%; top: 47%; } .ind_page4 .swiper-button-next { right: 15.5%; top: 47%; } .ind_page4 .arr:not(.swiper-slide-active) { background-color: var(--white-color); border-color: var(--white-color) } .ind_page4 .swiper-slide.swiper-slide-active .txt p { max-height: 7.5em; overflow-y: auto; padding-right: 0.1rem; } .ind_page4 .swiper-slide.swiper-slide-active .txt, .ind_page4 .swiper-slide.swiper-slide-active .data { color: var(--white-color); } .ind_page4 .swiper-slide.swiper-slide-active .data { display: none; } .ind_page4 .info p::-webkit-scrollbar-thumb { background: rgba(var(--white-color__rgb), .5); } @media(max-width:1560px) { .ind_page4 .swiper-slide.swiper-slide-active .info { min-height: 3.18rem; } } @media(max-width:768px) { .ind_page4 .swiper { padding-left: 10%; padding-right: 10%; } } @media(max-width:480px) { .ind_page4 .ispic span { line-height: 1.25; padding-top: 0.05rem; padding-bottom: 0.05rem; } .ind_page4 .swiper-slide.swiper-slide-active .info { min-height: 2.2rem; margin-top: -0.5rem; } .ind_page4 .ind_column h2 { text-align: left; } .ind_page4 .ind_column .more { top: -0; } } .ind_page97 { padding: 0; background: #F1F4FB url(../images/gbg.png) no-repeat bottom center; padding-top: 0.9rem; } @keyframes rotate_line { 0% { transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); -o-transform: translate(-50%, -50%) scale(1); opacity: 1; } 100% { transform: translate(-50%, -50%) scale(1.2); -webkit-transform: translate(-50%, -50%) scale(1.2); -moz-transform: translate(-50%, -50%) scale(1.2); -ms-transform: translate(-50%, -50%) scale(1.2); -o-transform: translate(-50%, -50%) scale(1.2); opacity: 0; } } @keyframes top_bot { 0% { transform: translate(-50%, -0.15rem); -webkit-transform: translate(-50%, -0.15rem); -moz-transform: translate(-50%, -0.15rem); -ms-transform: translate(-50%, -0.15rem); -o-transform: translate(-50%, -0.15rem); } 50% { transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); } 100% { transform: translate(-50%, -0.15rem); -webkit-transform: translate(-50%, -0.15rem); -moz-transform: translate(-50%, -0.15rem); -ms-transform: translate(-50%, -0.15rem); -o-transform: translate(-50%, -0.15rem); } } .ind_page97 .ind_column { z-index: 0; } .tab_main .hide { visibility: hidden; opacity: 0; position: absolute; left: 0; top: 0; width: 100%; } .global-layout { background: #f1f4fb; padding-top: 1rem; overflow: hidden } .global-layout .tab_title { padding: .5rem 0; position: relative; } .global-layout .tab_title ul { gap: .1rem; font-size: .18rem } .global-layout .tab_title li a { display: block; line-height: .58rem; border-radius: 0.58rem; cursor: pointer; background: #f6f7fb; border: solid 1px #dfe5ee; transition: all 0.5s; min-width: 2rem; text-align: center; } .global-layout .tab_title li.show a { color: var(--white-color); border-color: var(--primary-color); background: var(--primary-color) } .global-layout .inbox { background: url("../images/about_map.png") no-repeat center top; background-size: 100%; } .global-layout .part { width: 9.60rem; min-height: 9.60rem; position: relative; margin: 0 auto -1.3rem } .global-layout .global .item { position: absolute; width: 0.01rem; height: 0.01rem; cursor: pointer } .global-layout .global .city { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 0.46rem; background: rgba(48, 127, 226, 0.15); width: max-content; min-height: 0.36rem; display: flex; justify-content: center; align-items: center; z-index: 20; font-size: .18rem; } .global-layout .global .city span { display: block; text-align: center; padding: .05rem 0.25rem; } .global-layout .global .info { position: absolute; min-width: 3.2rem; max-width: max-content; padding: .2rem .3rem; background: rgba(255, 255, 255, 0.9); border-radius: 0.1rem; box-shadow: 0 0 .5rem rgba(var(--primary-color__rgb), 0.2); left: 50%; transform: translate(-50%, -50%) scale(0); visibility: hidden; opacity: 0; transition: 0.5s; pointer-events: none; } .global-layout .global .info h4 { font-size: .18rem; color: var(--primary-color); font-weight: normal; margin-bottom: .1rem } .global-layout .global .info h4 br { display: none } .global-layout .global .info dl { padding-left: 0rem } .global-layout .global .info dl dd { flex: 1; } .global-layout .global .info .other { padding-top: 0.12rem; } .global-layout .global .info .other dd { min-width: 50%; font-size: var(--font-size__14); } .global-layout .global .item:hover { z-index: 10 } .global-layout .global .item:hover .info { opacity: 1; visibility: inherit; transform: translate(-50%, -130%) scale(1); pointer-events: none; } .global-layout .line { position: absolute; width: 100%; height: 100%; overflow: hidden; } .global-layout .line span { border: solid 1px rgba(48, 127, 226, 0.15); border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); animation: rotate_line linear 1s infinite; -webkit-animation: rotate_line linear 1s infinite; } .global-layout .dian span { border-radius: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 0.06rem; height: 0.06rem; background: #307fe2; opacity: 0.15 } .global-layout .tab_item:not(.tab1) .item .city { transition: all 0.3s; } .global-layout .tab_item:not(.tab1) .item .city span { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; border-radius: 0.45rem; position: relative; z-index: 10; } .global-layout .tab_item:not(.tab1) .item:hover .city span { display: flex; background-image: linear-gradient(to bottom, #3080e2, #2fb6fd); color: #fff; width: 100%; min-height: 0.36rem; align-items: center; justify-content: center; } .global-layout .tab_item:not(.tab1) .item:hover .city span:before { width: 0.13rem; height: 0.16rem; display: block; margin: 0px 0.06rem 0 0; background: url(../images/local.svg) no-repeat center center/contain; } .global-layout .tab_item:not(.tab1) .item:hover .city::before, .global-layout .tab_item:not(.tab1) .item:hover .city::after { width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ''; border-radius: 0.56rem; opacity: 0; animation: scaleAnimate 2s linear; animation-iteration-count: infinite; background: rgba(48, 127, 226, 0.6); } .global-layout .tab_item:not(.tab1) .item:hover::after { animation-delay: .5s; } .global-layout .city { line-height: 1.15; } .global-layout .item { animation: top_bot 3s infinite; -webkit-animation: top_bot 3s infinite; } .global-partner { padding-bottom: 0.25rem; overflow: hidden; } .global-partner .swiper:nth-child(2) { margin: 0 0.8rem; } .global-partner .swiper-slide { display: flex; justify-content: center; flex-wrap: wrap; padding: 0.2rem; } .global-partner .swiper-slide .card { width: 10%; padding: 0.05rem; } .global-partner .swiper-slide a { height: 0.75rem; background: var(--white-color); position: relative; transition: 0.5s; box-shadow: 0 0 0.3rem rgba(var(--primary-color__rgb), 0.15); } .global-partner .swiper-slide a img { max-width: 100%; max-height: 100%; transition: 0.5s } .global-partner .swiper-slide a:hover { z-index: 10; box-shadow: 0 0 .24rem 0 rgba(var(--primary-color__rgb), 0.12) } .global-partner .swiper-slide-active .card a { animation: zoomInSmall 0.5s .5s ease both; } .global-partner .swiper-slide-active .card:nth-child(1) a { animation: zoomInSmall 0.5s .6s ease both; } .global-partner .swiper-slide-active .card:nth-child(2) a { animation: zoomInSmall 0.5s .4s ease both; } .global-partner .swiper-slide-active .card:nth-child(3) a { animation: zoomInSmall 0.5s .7s ease both; } .global-partner .swiper-slide-active .card:nth-child(8) a { animation: zoomInSmall 0.5s .5s ease both; } .global-partner .swiper-slide-active .card:nth-child(11) a { animation: zoomInSmall 0.5s .8s ease both; } .global-partner .swiper-slide-active .card:nth-child(12) a { animation: zoomInSmall 0.5s .7s ease both; } .global-partner .swiper-slide-active .card:nth-child(13) a { animation: zoomInSmall 0.5s .5s ease both; } .global-partner .swiper-slide-active .card:nth-child(14) a { animation: zoomInSmall 0.5s .6s ease both; } .global-partner .swiper-slide-active .card:nth-child(15) a { animation: zoomInSmall 0.5s .9s ease both; } .global-partner .swiper-slide-active .card:nth-child(16) a { animation: zoomInSmall 0.5s .7s ease both; } .global-partner .swiper-slide-active .card:nth-child(17) a { animation: zoomInSmall 0.5s .8s ease both; } .global-partner .swiper-slide-active .card:nth-child(18) a { animation: zoomInSmall 0.5s .5s ease both; } .global-partner .swiper-slide-active .card:nth-child(19) a { animation: zoomInSmall 0.5s .6s ease both; } .global-partner .swiper-slide-active .card:nth-child(20) a { animation: zoomInSmall 0.5s .8s ease both; } .global-partner .swiper-pagination-bullet-active:after { background-color: var(--secondary-color); } .global-partner .other { position: relative; height: .42rem; margin: auto; width: 1.2rem } .global-partner .other .arr { width: .42rem; height: .42rem; top: 0 } .global-partner .other .arr.swiper-button-disabled { background-color: var(--white-color); border-color: var(--white-color); opacity: 1 } .global-partner .other .arr:not(.swiper-button-disabled) { background-color: var(--primary-color); border-color: var(--primary-color) } .global-partner .other .swiper-button-prev:not(.swiper-button-disabled) { background-image: url(../images/swiper/prev-on.svg) } .global-partner .other .swiper-button-next:not(.swiper-button-disabled) { background-image: url(../images/swiper/next-on.svg) } .global-partner .swiper-pagination { position: static; margin-top: -0.1rem; } .global-layout .global .item[data-type="N"] .info { display: none !important; } .global-layout .global .item[data-type="N"] { pointer-events: none; } @media(min-width:1025px) { .global-partner { width: calc(100% + 4rem); margin-left: -2rem; } .global-layout .tab_title { position: absolute; width: 2rem; top: 37%; right: 1.58rem; z-index: 100; } .global-layout .tab_title ul { display: block; } .global-layout .tab_title ul li:not(:last-child) { margin-bottom: 0.2rem; } } @media(max-width:1024px) { .global-layout .part { width: 100%; min-height: 100vw; margin-bottom: 0; transform: scale(0.9); } .global-layout .tab_title { padding-top: 0; } .global-partner { width: calc(100% + 1rem); margin-left: -0.5rem; } .global-partner .swiper-slide .card { width: 14.285%; } } @media(max-width:480px) { .global-layout .tab_title li a { padding: 0.05rem 0.1rem; min-width: 1rem; line-height: 1; } .global-partner .swiper-slide a { height: 0.4rem; } .global-layout .global .city { transform: scale(0.7); height: auto !important; line-height: 1; } .global-layout .global .info { padding: 0.2rem; } .global-layout .global .info { min-width: 2.6rem; } .global-partner { transform: translateY(-0.6rem); } .global-layout .global .item:hover .info { transform: translate(-36%, -101%) scale(0.9); } .global-layout .global .city span { padding: 0.08rem 0.1rem; } } .ind_page96 { padding-top: 1.6rem; min-height: 50vw } .ind_page96 .ind_column h2 .cn { color: #fff } .ind_page96 .desc { max-width: 10.6rem; margin: 0 auto; color: #fff; text-align: center; } .ind_page96 .more { display: block; text-align: center; font-size: 0.3rem; color: #ffffff; margin-top: 0.15rem; text-decoration: underline; text-underline-offset: 0.04rem; background: transparent; border: none; cursor: pointer; transition: all 0.3s ease; } .ind_page96 .more:hover { color: rgba(255, 255, 255, 0.8); text-decoration-thickness: 0.02rem; } .ind_page96 .more::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 0.02rem; background-color: #ffffff; transition: width 0.3s ease; } .ind_page96 .more:hover::after { width: 100%; } @media(max-width:1024px) { .ind_page97 { padding-top: 0.4rem; } .ind_page96 { padding-top: 1rem; } .ind_page96 .desc { font-size: 0.16rem; line-height: 0.24rem; } rows ind_page99 { padding-bottom: 0; } } @media(max-width:768px) { .ind_page3 .info { max-width: unset; } .ind_page3 .ispic { width: 100%; margin-bottom: 0.4rem; height: auto; padding-bottom: 125.8%; } .ind_page3 .data { padding-bottom: 0; } } @media(max-width:480px) { .ind_page4 .data { display: none } .ind_page98 .slider li .txt { width: 100%; height: auto; } .ind_page98 .slider li .ispic { width: 100%; height: auto; padding-bottom: 56.25%; margin-top: 0.15rem; margin-bottom: 0.8rem; } .ind_page98 .slider .controls { width: 100%; bottom: 0.2rem } .ind_column { flex-wrap: wrap; } .ind_page98 .ind_column .desc { width: 100%; margin-top: 0.2rem; } .ind_page99 .Galary003154 .slider-nav .slick-list { padding: 0 10%; } .ind_page99 .Galary003154 .slider-for .ispic { padding-bottom: 80vh; } .ind_page99 .Galary003154 .slider-nav li.slick-current .desc p:not(:first-child) { margin-top: 0; } .ind_page99 .Galary003154 .slider-nav li .more { top: 0.24rem; } .ind_page1 .info h1 { font-size: 0.24rem; line-height: 0.3rem; } .ind_page1 .info h3 { font-size: 0.2rem } .ind_page4 .ispic span { font-size: 0.14rem; left: 0.15rem; top: 0.15rem; max-width: calc(100% - 0.3rem); } .ind_page4 .ispic span:before { top: 0.01rem; } .ind_page96 { padding-top: 0.4rem; } .ind_page2 .ind_column .more { height: 0.44rem; line-height: 0.44rem; } .info .more{ padding: 0; } .ind_page2 .list li { width: 100%; margin-bottom: 0.2rem; } .ind_page4 .txt h4 { font-size: 0.2rem; line-height: 0.3rem; min-height: 0.6rem } .ind_page3 .data b { font-size: 0.5rem } }