@charset "utf-8"; .in-more { position: relative; display: inline-block; width: 128px; height: 45px; line-height: 45px; font-weight: bold; background-color: #fff; border-radius: 20px; overflow: hidden; transition: all 0.38s, background 0.4s 0.2s; z-index: 2; } .in-more::before { content: ''; position: absolute; right: 0; top: 0; width: 0; height: 100%; border-radius: 21px; background-color: #004C85; transition: all 0.38s; z-index: -1; } .in-more:hover { color: #fff; background-color: #004C85; } .in-more:hover::before { width: 100%; left: 0; right: 0; } .banner { position: relative; margin-top: 47px; } .banner .swiper-pagination { position: relative; margin-top: 26px; } .banner .swiper-pagination-bullet { width: 48px; height: 4px; background-color: #DCDCE0; border-radius: 6px; margin: 0 4px; opacity: 1; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .banner .swiper-pagination-bullet-active { background-color: #1C1C1F; } .banner-swiper .swiper-slide { width: 91.6vw; background-color: #F4F4F4; } .banner-swiper .img { position: relative; padding-bottom: 45.5%; } .banner-swiper .img img { position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; opacity: 0; } .banner-swiper .mb-img { display: none; } .banner-swiper .txt { position: absolute; left: 0; top: 18.5%; width: 100%; padding: 0 6.8%; z-index: 2; } .banner-swiper .txt p { color: #fff; line-height: 1.1; } .banner-swiper .txt .more { margin-top: 84px; } .banner-swiper .swiper-slide-active .img img { opacity: 1; -webkit-transition: opacity 1.5s 0.2s; -o-transition: opacity 1.5s 0.2s; transition: opacity 1.5s 0.2s; } .banner-swiper .swi-btn { width: 41px; height: 41px; background-color: #1C1C1F; border-radius: 50%; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .banner-swiper .swi-btn::after { font-size: 14px; color: #fff; } .banner-swiper .swi-btn:hover { background-color: #004C85; } .banner-swiper .swi-next { right: 0.94%; } .banner-swiper .swi-prev { left: 0.94%; } .inPro { margin-top: 90px; margin-bottom: 78px; } .inPro .des p { line-height: 1.6; } .inPro .inPro-more { display: flex; align-items: center; justify-content: center; border: 2px solid #004C85; box-sizing: border-box; margin: 38px auto 0; } .inPro .inPro-more::before { background-color: #004C85; } .inPro .inPro-more:hover { background-color: #004C85; } .inPro-items { margin-top: 75px; } .inPro-item { position: relative; width: 32.2%; padding: 38px 2.2% 0 2.3%; height: 573px; background-color: #F4F4F4; } .inPro-item:not(:last-of-type) { margin-right: 1.7%; } .inPro-item * { line-height: 1; } .inPro-item .inPro-t { position: relative; } .inPro-item .en { width: calc(100% - 34px); color: #B8B8B8; font-family: 'GOTHICB'; text-transform: uppercase; margin-bottom: 15px; } .inPro-item .more { position: absolute; right: 0; top: 0; width: 34px; height: 34px; border-radius: 50%; background-color: #333; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .inPro-item .more i { display: inline-block; width: 3px; height: 3px; border-radius: 50%; background-color: #fff; } .inPro-item .more i::before, .inPro-item .more i::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; border-radius: 50%; background-color: #fff; } .inPro-item .more i::before { left: -7px; } .inPro-item .more i::after { right: -7px; } .inPro-item .img { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 100%; overflow: hidden; } .inPro-item .img img { width: auto; max-width: 100%; margin: 0 auto; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .inPro-item:hover .more { background-color: #004C85; } .inPro-item:hover .img img { transform: scale(1.04); } .inAbout { position: relative; padding-bottom: 42.5%; margin-bottom: 80px; } .inAbout .BgImg { position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100%; height: 100%; } .inAbout .BgImg::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000000; opacity: 0.3; z-index: 1; } .inAbout .BgImg img { height: 100%; object-fit: cover; } .inAbout .txt { width: 90%; z-index: 2; } .inAbout .txt * { color: #fff; } .inAbout .p1 { margin-bottom: 28px; } .inAbout .des { margin-top: 32px; } .inAbout .des * { line-height: 1.6; } .inAbout .more { color: #333; margin-top: 71px; } .inAbout .more:hover { color: #fff; } .inNews { padding: 63px 0 169px; background-color: #F4F4F4; margin-bottom: 160px; } .inNews .in-tit h3 { text-transform: uppercase; color: #B8B8B8; } .inNew-t { position: relative; } .inNew-B { margin-top: 41px; } .inNew-B .line { position: relative; width: 100%; height: 1px; background-color: #D5D5D5; } .inNew-B .line .line1 { position: absolute; left: 0; top: 0; bottom: 0; width: 47.3%; height: 1px; background-color: #004C85; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .inNews-items { margin-top: 41px; } .inNews-item { width: 22.6%; } .inNews-item:not(:last-of-type) { margin-right: 3.75%; } .inNews-item .date { color: #929292; font-family: 'GOTHIC'; } .inNews-item .inNB { margin-top: 29px; } .inNews-item .txt { display: none; } .inNews-item .label { display: inline-block; padding: 5px 12px; border-radius: 15px; margin-bottom: 21px; color: #fff; background-color: #004C85; } .inNews-item .name { margin-bottom: 25px; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .inNews-item .des { color: #999999; line-height: 1.6; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .inNews-item .more { width: 96px; height: 96px; border-radius: 50%; margin-top: 66px; border: 1px solid #DCDCDC; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .inNews-item .more * { transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .inNews-item .more i { color: #004C85; margin-bottom: 11px; } .inNews-item:hover .more { border-color: #004C85; background-color: #004C85; } .inNews-item:hover .more * { color: #fff; } .inNews-item.cur { width: 47.3%; } .inNews-item.cur .img { width: 47.8%; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .inNews-item.cur .txt { width: 47.6%; margin-left: 4.6%; display: block; } .inReah { position: relative; margin-bottom: 103px; } .inReah .img { position: relative; width: 56.5%; z-index: 2; } .inReah .card { position: absolute; right: 0; top: -54px; width: 54.1%; padding: 82px 4.8% 179px 16.9%; background: url(../img/inYf2.jpg) no-repeat center; background-size: cover; z-index: 1; } .inReah .card .card-item { width: 100%; height: 100%; } .inReah .card span, .inReah .card p { color: #fff; } .inReah .card .title { position: relative; } .inReah .card .title::before, .inReah .card .title::after { content: '\e61f'; position: absolute; font-family: "iconfont" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .inReah .card .title::before { left: -46px; top: -10px; transform: scale(0.5); } .inReah .card .title::after { right: -80px; bottom: 10px; transform: rotateZ(-180deg) scale(0.5); } .inReah .card .subtit { text-align: right; margin-top: 45px; margin-bottom: 87px; } .abBan * { color: #fff; } .firm { padding-top: 55px; padding-bottom: 114px; } .firm .tit * { font-family: 'GOTHICB'; line-height: 1; } .firm .tit .en { color: #B8B8B8; text-transform: uppercase; } .firm .tit .cn { color: #004C85; } .firm .intro { width: 61%; text-align: justify; } .firm .intro * { line-height: 2; text-align: justify; } .bigEvent { padding-top: 80px; padding-bottom: 158px; background-color: #F4F4F4; } .bigT .tit .p2 { font-weight: 200; } .bigT .swi-btn { position: relative; background-color: #004C85; } .bigT .swi-prev { left: auto; right: auto; margin-right: 20px; } .bigT .swi-next { right: auto; } .bigB { margin-top: 60px; } .event-swiper .img { position: relative; overflow: hidden; } .event-swiper .img::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%); z-index: 2; } .event-swiper .img img { transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .event-swiper .txt { position: absolute; left: 0; right: 0; width: 100%; padding: 0 4.4% 0 11%; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); z-index: 2; } .event-swiper .txt * { color: #fff; } .event-swiper .txt .year { font-family: 'GOTHICB'; line-height: 1; margin-bottom: 5px; } .event-swiper .txt .name { line-height: 1; } .event-swiper .txt1 { bottom: 5.8%; } .event-swiper .txt2 { top: 100%; width: 100%; height: 100%; background-color: rgba(0, 76, 133, 0.9); } .event-swiper .txt2 .intro { overflow-y: auto; max-height: 60%; margin-top: 39px; } .event-swiper .txt2 .intro::-webkit-scrollbar { width: 2px; } .event-swiper .txt2 .intro::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.7); } .event-swiper .txt2 .intro * { line-height: 2.5; } .event-swiper .txt2 .intro p { position: relative; padding-left: 21px; } .event-swiper .txt2 .intro p::before { content: ''; position: absolute; left: 0; top: 13px; width: 5px; height: 5px; border-radius: 50%; background-color: #fff; } .event-swiper .swiper-slide { position: relative; } .event-swiper .swiper-slide:hover .img img { transform: scale(1.04); } .event-swiper .swiper-slide:hover .txt1 { opacity: 0; overflow: hidden; } .event-swiper .swiper-slide:hover .txt2 { top: 0; } .listNav:first-of-type { padding-top: 46px; } .listNav:not(:last-of-type) { border-bottom: 1px solid #DDDDDD; } .listNav:last-of-type { padding-bottom: 64px; } .listNav .p13 { padding: 0 13.5%; } .listNav .list1 { position: relative; display: block; padding-top: 30px; padding-bottom: 30px; cursor: pointer; } .listNav .list1::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 5px; background-color: #fff; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .listNav .list1 * { line-height: 1; } .listNav .list1 .en { font-family: 'GOTHICB'; color: #B8B8B8; text-transform: uppercase; margin-top: 6px; } .listNav .list2 { display: none; } .listNav .list2-li:not(:last-of-type) { margin-bottom: 28px; } .listNav .list2-li > p, .listNav .list2-li > a { position: relative; font-size: 16px; color: #fff; } .listNav .list2-li > p em, .listNav .list2-li > a em { position: absolute; left: -22px; top: 9px; width: 9px; height: 9px; } .listNav .list2-li > p em::before, .listNav .list2-li > a em::before, .listNav .list2-li > p em::after, .listNav .list2-li > a em::after { content: ''; position: absolute; left: 50%; top: 50%; background-color: #fff; opacity: 0.45; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .listNav .list2-li > p em::before, .listNav .list2-li > a em::before { width: 9px; height: 2px; transform: translate(-50%, -50%); } .listNav .list2-li > p em::after, .listNav .list2-li > a em::after { width: 2px; height: 9px; transform: translate(-50%, -50%) rotate(90deg); } .listNav .list2-li > a { display: inline-block; } .listNav .list2-li.active2 > p em::before, .listNav .list2-li.active2 > p em::after { opacity: 1; } .listNav .list2-li.active2 > p em::after { transform: translate(-50%, -50%); } .listNav .list2-li.active2 .list3 { display: block; } .listNav .list3 { display: none; } .listNav .list3-li { margin-top: 18px; } .listNav .list3-li a { font-size: 15px; color: rgba(255, 255, 255, 0.45); transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .listNav .list3-li a:hover { color: #fff; } .listNav .list3-li .cur { color: #fff; } .listNav.active1 { background-color: #004C85; border-radius: 10px; padding-bottom: 116px; } .listNav.active1 .list1::before { height: 60px; } .listNav.active1 .list1 * { color: #fff; } .listNav.active1 .list2 { display: block; } .mb-proList { display: none; width: 100%; } .mb-proList .tit * { line-height: 1.4; } .mb-proList .tit .p2 { font-family: 'GOTHICB'; text-transform: uppercase; color: #B8B8B8; } .mb-list { margin-top: 40px; } .mb-list .list-li > p { position: relative; font-size: 18px; color: #fff; padding: 10px 40px 10px 2%; background-color: #004C85; border-bottom: 1px solid rgba(255, 255, 255, 0.3); cursor: pointer; } .mb-list .list-li > p em { position: absolute; right: 20px; top: 18px; width: 12px; height: 12px; } .mb-list .list-li > p em::before, .mb-list .list-li > p em::after { content: ''; position: absolute; left: 50%; top: 50%; background-color: #fff; opacity: 0.45; transform: translate(-50%, -50%); transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .mb-list .list-li > p em::before { width: 12px; height: 2px; } .mb-list .list-li > p em::after { width: 2px; height: 12px; } .mb-list .list-li .flB { display: none; padding: 20px 2%; background-color: #F4F4F4; } .mb-list .list-li.cur > p em::after { transform: translate(-50%, -50%) rotate(90deg); } .mb-list .list-li.cur .flB { display: block; } .mb-filter .swiper-wrapper { flex-direction: column; } .mb-filter .swiper-slide { width: auto; font-size: 16px; } .mb-filter .swiper-slide:not(:last-of-type) { margin-bottom: 15px; } .mb-filter .swiper-slide.active { color: #004C85; } .proL { width: 340px; background-color: #F4F4F4; } .proR { width: calc(100% - 340px); padding-left: 1.2%; } .ProList { margin-bottom: 88px; } .ProList .list-item:not(:last-of-type) { margin-bottom: 37px; } .ProList .listImg { position: relative; } .ProList .listImg::before { content: ''; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 30%; background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); z-index: 1; } .ProList .listImg p { position: absolute; right: 0; top: 8.5%; width: 100%; padding: 0 5%; text-align: right; color: #fff; line-height: 1.4; z-index: 2; } .ProList .listImg img { transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .ProList .listImg:hover img { transform: scale(1.04); } .ProList .videoImg { position: relative; cursor: pointer; } .ProList .videoImg::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 25%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); z-index: 1; } .ProList .videoImg .img img { transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .ProList .videoImg .icon { width: 64px; height: 64px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); } .ProList .videoImg .icon i { font-size: 16px; color: #fff; } .ProList .videoImg .txt { bottom: 5.5%; width: 100%; padding: 0 4.5%; z-index: 2; } .ProList .videoImg p { width: calc(100% - 150px); color: #fff; } .ProList .videoImg:hover .img img { transform: scale(1.04); } .mask-video { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 2000; opacity: 0; visibility: hidden; transition: 0.35s; } .mask-video .mvbot { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80vw; max-width: 800px; background-color: #000000; } .mask-video .video-sp { width: 100%; max-height: 70vh; object-fit: contain; transition: 0.35s; } .mask-video .closed { position: absolute; right: -10%; top: -10%; width: 55px; height: 55px; border-radius: 50%; background-color: #004C85; cursor: pointer; } .mask-video .closed i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 18px; color: #fff; } .mask-video .closed:hover { transform: rotate(360deg); transition: 0.35s; } .mask-video.active { opacity: 1; visibility: visible; } .mask-video.active .video-sp { opacity: 1; visibility: visible; } body.hide { overflow: hidden; } .videos { margin-top: 77px; margin-bottom: 150px; } .video-items { margin-bottom: 83px; } .video-item { width: 23.8%; margin-right: 1.6%; margin-bottom: 43px; cursor: pointer; } .video-item:nth-of-type(4n) { margin-right: 0; } .video-item .img { position: relative; } .video-item .img img { transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .video-item .img .icon { width: 40px; height: 40px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.3); } .video-item .img .icon i { font-size: 14px; color: #fff; } .video-item p { margin-top: 25px; } .video-item:hover .img img { transform: scale(1.04); } .AllPro { margin-bottom: 146px; } .pro-items { margin-bottom: 60px; } .pro-item { width: 31.6%; margin-right: 2.6%; margin-bottom: 63px; box-sizing: border-box; } .pro-item:nth-of-type(3n) { margin-right: 0; } .pro-item .img { border: 1px solid #DDDDDD; overflow: hidden; } .pro-item .img img { transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .pro-item p { margin-top: 28px; } .pro-item:hover .img img { transform: scale(1.04); } .research { margin-top: 47px; margin-bottom: 111px; } .res-item { position: relative; padding-bottom: 37%; margin: 0 auto; } .res-item:not(:last-of-type) { margin-bottom: 50px; } .res-item * { color: #fff; } .res-item .res-wrap { top: 0; width: 100%; height: 100%; } .res-item .res-wrap::before { content: ''; position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 2; } .res-item .img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; z-index: 1; } .res-item .img img { height: 100%; object-fit: cover; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .res-item .txt { width: 100%; padding: 0 8.1% 0 7.9%; z-index: 2; } .res-item .des { width: 38.1%; line-height: 2; margin-top: 22px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .res-item .more { position: relative; display: inline-block; margin-top: 77px; } .res-item .more::after { content: ''; position: absolute; left: 0; right: 0; bottom: -9px; width: 100%; height: 1px; background-color: #fff; } .res-item .more i { margin-left: 13px; } .res-item:nth-of-type(odd) .res-wrap::before { left: 0; background: linear-gradient(88deg, #004C85 0%, rgba(0, 76, 133, 0) 100%); } .res-item:nth-of-type(even) .res-wrap::before { right: 0; background: linear-gradient(272deg, #004C85 0%, rgba(0, 76, 133, 0) 100%); } .res-item:nth-of-type(even) .des { margin-left: auto; } .res-item:nth-of-type(even) .txt { text-align: right; } .res-item:nth-of-type(even) .txt * { text-align: right; } .res-item:hover .img img { transform: scale(1.04); } .news-more { color: #666666; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .news-more i { font-size: 19px; color: #666666; margin-left: 15px; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .news-fir { background: #F4F4F4 url(../img/news-firBg.png) no-repeat center; background-size: cover; background-attachment: fixed; padding-bottom: 73px; } .news-fir .c2 { position: relative; } .news-fir .swiper-pagination { position: relative; } .news-fir .swiper-pagination-bullet { width: 48px; height: 4px; background-color: #DCDCE0; border-radius: 0; border-radius: 6px; opacity: 1; margin: 0 4px; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .news-fir .swiper-pagination-bullet-active { background-color: #004C85; } .news-swiper { margin-bottom: 73px; } .news-swiper .img { width: 57.5%; border-radius: 10px; overflow: hidden; } .news-swiper .img img { transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .news-swiper .txt { width: 37.8%; margin-left: 4.7%; padding-top: 55px; } .news-swiper .date { margin-bottom: 30px; } .news-swiper .date * { color: #004C85; font-family: 'GOTHICB'; line-height: 1.1; } .news-swiper .year { writing-mode: vertical-lr; } .news-swiper .name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .news-swiper .des { color: #666666; margin-top: 42px; line-height: 2; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .news-swiper .more { margin-top: 101px; } .news-swiper .swiper-slide:hover img { transform: scale(1.04); } .news-swiper .swiper-slide:hover .name { color: #004C85; } .news-swiper .swiper-slide:hover .more { color: #004C85; } .news-swiper .swiper-slide:hover .more i { color: #004C85; } .news { margin-bottom: 131px; } .news-items { margin-top: 75px; margin-bottom: 137px; } .news-item { display: block; padding: 60px 0; border-bottom: 1px solid #CCCCCC; } .news-item:nth-of-type(2n) { background-color: #F9F9F9; } .news-item .img { width: 25.7%; border-radius: 10px; overflow: hidden; } .news-item .img img { transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .news-item .newsR { width: 65.4%; margin-left: 8.9%; } .news-item .label { color: #fff; line-height: 1; padding: 5px 12px; border-radius: 15px; background-color: #004C85; } .news-item .des { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .news-item .name { line-height: 1.5; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .news-item .date { font-family: 'GOTHIC'; color: #929292; margin-top: 74px; } .news-item .des { height: 96px; line-height: 2; color: #666666; } .news-item .more { margin-top: 81px; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .news-item .txt { margin-top: 20px; } .news-item .txt1 { width: 41%; } .news-item .txt2 { width: 37.6%; margin-left: 21.4%; } .news-item:hover .img img { transform: scale(1.04); } .news-item:hover .name, .news-item:hover .more, .news-item:hover .more i { color: #004C85; } .position { margin-top: 49px; margin-bottom: 35px; } .position * { color: #666666; } .position i { margin-right: 16px; } .position a { font-size: 16px; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .position a:not(:last-of-type) { position: relative; margin-right: 25px; } .position a:not(:last-of-type)::after { content: '>'; position: absolute; top: 50%; right: -16px; transform: translateY(-50%); color: #666666; } .position a:hover { color: #004C85; } .infoList { margin-top: 77px; margin-bottom: 155px; } .infoList .tit { line-height: 1.6; } .infoList .date { display: inline-block; font-family: 'GOTHICB'; color: #B8B8B8; margin-top: 20px; } .infoList .date i { font-size: 20px; color: #999999; margin-right: 5px; } .infoList .info { margin-top: 51px; } .infoList .info * { font-size: inherit; color: #666666; } .infoList .info em { font-style: italic; } .infoList .info em * { font-style: italic; } .infoList .info ol, .infoList .info ul, .infoList .info li { list-style: disc; } .infoList .info strong, .infoList .info em { font-weight: bold; } .infoList .info strong *, .infoList .info em * { font-weight: bold; } .infoList .info img { display: inline; width: auto; max-width: 100% !important; height: auto !important; } .xqInfoL { width: 80.6%; padding-right: 7.6%; border-right: 1px solid #E3E3E3; } .xqInfoL .page { margin-top: 147px; } .xqInfoL .page * { color: #666666; } .xqInfoL .page a { transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .xqInfoL .page a:hover { color: #004C85; } .xqInfoL .page .prev, .xqInfoL .page .next { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .xqInfoL .page .prev { margin-bottom: 23px; } .xqInfoR { width: 19.4%; padding-left: 3.2%; } .xqInfoR .recom-item { display: block; margin-bottom: 51px; } .xqInfoR .recom-item .img { border-radius: 10px; overflow: hidden; } .xqInfoR .recom-item .img img { transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .xqInfoR .recom-item p { margin-top: 15px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .xqInfoR .recom-item .rdate { font-family: 'GOTHIC'; color: #929292; } .xqInfoR .recom-item:hover img { transform: scale(1.04); } .xqInfoR .recom-item:hover p { color: #004C85; } .honor { margin-bottom: 108px; } .honor .name { margin-bottom: 24px; } .honor .info em { font-style: italic; } .honor .info em * { font-style: italic; } .honor .info ol, .honor .info ul, .honor .info li { list-style: disc; } .honor .info strong, .honor .info em { font-weight: bold; } .honor .info strong *, .honor .info em * { font-weight: bold; } .honor .info img { width: auto; max-width: 100% !important; height: auto !important; margin: 0 auto; } .inn-banner.fw-ban { margin-top: 0; padding-bottom: 36.5%; } .inn-banner.fw-ban .in-wrap { width: 91.6vw; } .inn-banner.fw-ban.animated .in-wrap { width: 100%; } .netWork { padding: 40px 0; background-color: #004C85; margin-top: -90px; } .netWork * { color: #fff; } .netWork .tit { position: relative; width: 29.8%; font-weight: 500; } .netWork .tit::after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 72px; background-color: rgba(255, 255, 255, 0.3); } .netWork .intro { width: 58.4%; padding-right: 2%; box-sizing: border-box; } .netWork .intro * { font-weight: 200; font-size: inherit; text-align: justify; } .netWork .intro strong { font-weight: 500; } .netWork .intro em { font-style: italic; } .netWork .intro em * { font-style: italic; } .netWork .intro ol, .netWork .intro ul, .netWork .intro li { list-style: disc; } .contact { margin-bottom: 83px; } .contL, .contR { width: 49.5%; } .contL { background-color: #F4F4F4; padding: 114px 7.8% 116px 8%; } .contL .conTab { border-bottom: 1px solid #D1D1D1; } .contL li { position: relative; color: #929292; cursor: pointer; padding-bottom: 38px; } .contL li:not(:last-of-type) { margin-right: 23%; } .contL li::after { content: ''; position: absolute; left: 50%; bottom: -1px; transform: translateX(-50%); width: 0; height: 3px; background-color: #004C85; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .contL li.active { color: #004C85; } .contL li.active::after { width: 100%; } .contL .lxwms { margin-top: 48px; } .contL .lxwm { display: none; } .contL .lxwm.cur { display: block; } .contL .lxwm-item:not(:last-of-type) { margin-bottom: 42px; } .contL .lxwm-item .name { color: #666666; line-height: 1; margin-bottom: 10px; } .contL .tel .style, .contL .fax .style { font-family: 'GOTHICB'; } .contL .place .name a { color: #004C85; text-decoration: underline; margin-left: 19px; } .contR .lx-imgs { height: 100%; display: none; } .contR .lx-imgs.select { display: block; } .contR .lx-imgs img { height: 100%; object-fit: cover; } .jobs { margin-top: 147px; margin-bottom: 216px; } .job-ul > li { border-bottom: 1px solid #CCCCCC; } .job-ul .item { flex: 1; text-align: center; } .job-ul .item6 { flex: 0.3; } .job-ul .job-h { padding-bottom: 50px; } .job-ul .job-h .item { font-weight: bold; } .job-ul .jobT { padding: 45px 0; cursor: pointer; } .job-ul .jobT i { position: relative; width: 13px; height: 13px; } .job-ul .jobT i::before, .job-ul .jobT i::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #929292; transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); -webkit-transition: 0.5s cubic-bezier(0.65, 0, 0.35, 1); } .job-ul .jobT i::before { width: 13px; height: 2px; } .job-ul .jobT i::after { width: 2px; height: 13px; } .job-ul .jobB { padding: 41px 6.8% 0; background-color: #F4F4F4; display: none; } .job-ul .jobB .info:not(:last-of-type) { margin-bottom: 33px; } .job-ul .jobB h3 { margin-bottom: 13px; } .job-ul .jobB .intro * { font-size: inherit; color: #666666; line-height: 2; } .job-ul .jobB .intro em { font-style: italic; } .job-ul .jobB .intro em * { font-style: italic; } .job-ul .jobB .intro ol, .job-ul .jobB .intro ul, .job-ul .jobB .intro li { list-style: disc; } .job-ul .jobB .intro strong, .job-ul .jobB .intro em { font-weight: bold; } .job-ul .jobB .intro strong *, .job-ul .jobB .intro em * { font-weight: bold; } .job-ul .jobB .infoB { padding: 41px 0 56px; margin-top: 58px; border-top: 1px solid #CCCCCC; } .job-ul .jobB .infoB * { font-size: inherit; } .job-ul .jobB .infoB .zy { color: #666666; } .job-ul .jobB .infoB .email { color: #fff; line-height: 1; padding: 17px 40px; border-radius: 33px; background-color: #004C85; flex-shrink: 0; } .job-ul .job-li.cur .jobT { background-color: #004C85; } .job-ul .job-li.cur .jobT * { color: #fff; } .job-ul .job-li.cur .item6 i::before, .job-ul .job-li.cur .item6 i::after { background-color: #fff; } .job-ul .job-li.cur .item6 i::after { transform: translate(-50%, -50%) rotate(90deg); }