.app-container-3-header,.app-container-4-header{ display: none; } .container-2-body-right { position: relative; } .swiper2 { width: 552px; height: 328px; margin-bottom: 10px; } .swiper1 { width: 413px; height: 108px; } .swiper1 .swiper-slide { opacity: 0.4; } a { background-color: transparent !important; text-decoration: none !important; color: inherit !important; } a:hover { text-decoration: none !important; /* 在悬浮时去除下划线 */ color: inherit !important; /* 在悬浮时继承父元素的文字颜色 */ } .swiper1 .swiper-slide-thumb-active { opacity: 1; } .swiper2 img,.swiper1 img,.swiper3 img { display: block; width: 100%; height: 100%; object-fit: cover; } .body-bg{ position: absolute; background-image: url('/static/images/materials.png'); background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 1036px; top: 776px; z-index: -1; } .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: url('/static/images/play.png') no-repeat; cursor: pointer; } /*头图*/ .container-1 { position: relative; display: flex; justify-content: center; height: 598px; width: 100%; margin-top: 40px; } .container-1-body-img1{ width: 500px;height: 293px;margin-bottom: 59px } .container-1-body-img2{ width: 370px;height: 53px; z-index: 3; } .row-background-1{ position: absolute; bottom: 0; flex-grow: 1; width: 100%; z-index: 1; } .row-background-2{ width: 100%; height: 548px; position: absolute; bottom: 0; z-index: -1; } .container-1-body { display: flex; justify-content: center; } .container-1-body div{ display: flex; justify-content: center; flex-direction: column; align-items: center; } /*公用部分*/ .container-2-left-title,.container-3-left-title, .container-2-left-body,.container-3-body-introduce{ font-family: 'Source Han Serif CN',sans-serif; } /*腾博基金*/ .container-2 { height: 620px; width: 100%; border-top: 50px solid #7D342D; display: flex; align-items: center; } .container-2-body{ margin: 0 72px 0 75px; } .container-2-body-left{ margin-right: 68px; } .container-2-left-title,.container-3-left-title,.container-4-left-title { width: 249px; letter-spacing: 0.02em; } .container-2-left-title,.container-3-left-title{ padding: 10px 0; font-size: 30px; /* 30px */ line-height: 36px; /* 36px */ border-bottom: 1px solid #3D3D3D; margin-bottom: 69px; font-weight: 600; } .container-2-left-body { font-size: 16px; line-height: 2; width: 294px; } .video-container{ width: 764px; height: 428px; border: 7px solid #7D342D; } /*新闻资讯*/ .container-3{ height: 720px; display: flex; align-items: center; } .container-3-body{ display: flex; margin: 0 74px; align-items: center; } .container-3-body-right{ width: 505px; margin-left: 61px; } .container-3-left-body{ position: relative; width: 566px; height: 370px } .container-3-body-introduce{ position: absolute; width: 100%; height: 60px; bottom: 0; text-align: center; line-height: 60px; color: #FFFFFF; font-size: 20px; font-weight: 600; background: #7E362F; letter-spacing: 0.02em; } .container-3-right-title{ font-size: 18px; padding: 10px 0; font-weight: 600; letter-spacing: 0.02em; color: #7D342D; display: flex; align-items: center; cursor: pointer; justify-content: flex-end; margin-bottom: 94px; } .container-3-right-body{ width: 505px; } .container-3-right-body li{ padding: 8px 0; border-bottom: 1px solid #BCBCBC; cursor: pointer; display: flex; justify-content: space-between; font-size: 16px; font-weight: normal; margin-bottom: 10px; } .container-3-right-body li p{ width: 400px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .container-3-right-body li div{ width: 100px; } /*精品出版物*/ .container-4{ position: relative; } .container-4-body{ position: relative; height: 720px; background-image: url('/static/images/publication-background.png'); background-position: center; background-repeat: no-repeat; } .container-4-body-left{ margin-left: 74px; margin-top: 90px; } .container-4-left-body{ width: 294px; font-size: 14px; letter-spacing: 0.02em; line-height: 2; } .container-4-left-title{ padding: 10px 0; font-size: 30px; border-bottom: 1px solid #3D3D3D; margin-bottom: 58px; font-weight: 600; } .container-4-body-right{ position: absolute; right: 0; z-index: -1; } .container-4-left-view{ font-size: 18px; letter-spacing: 0.02em; margin-top: 48px; font-weight: 600; cursor: pointer; } .container-4-text{ position: absolute; width: 782px; bottom: 30px; right:160px; height: 120px; } /*学术期刊*/ .container-5{ position: relative; width: 100%;background: #E8ECE6;z-index: 1 } .container-5-body{ position: relative; height: 720px; background-image: url('/static/images/journals-background.png'); background-position: center; background-repeat: no-repeat; overflow: hidden; } .container-5-body-left{ margin-left: 74px; margin-top: 90px; } .container-5-left-body{ width: 294px; height: 363px; font-size: 14px; letter-spacing: 0.02em; line-height: 2; text-overflow: ellipsis; /* 超出的文本显示为省略号 */ overflow: hidden; } .container-5-left-title{ padding: 10px 0; font-size: 30px; border-bottom: 1px solid #3D3D3D; margin-bottom: 58px; font-weight: 600; } .container-5-body-right{ position: absolute; right: 0px; top: -30px; z-index: -1; } .container-5-left-view{ font-size: 18px; letter-spacing: 0.02em; margin-top: 48px; font-weight: 600; cursor: pointer; color: #793029; } .container-5-text{ position: absolute; width: 625px; bottom: 30px; right:160px; height: 120px; } /*行业会议*/ .container-6{ position: relative; width: 100%;background: #EECA9F;z-index: 1 } .container-6-body{ position: relative; height: 720px; background-image: url('/static/images/publication-background.png'); background-position: center; background-repeat: no-repeat; overflow: hidden; } .container-6-body-left{ margin-left: 74px; margin-top: 90px; } .container-6-left-body{ width: 294px; height: 363px; font-size: 14px; letter-spacing: 0.02em; line-height: 2; text-overflow: ellipsis; /* 超出的文本显示为省略号 */ overflow: hidden; } .container-6-left-title{ padding: 10px 0; font-size: 30px; border-bottom: 1px solid #3D3D3D; margin-bottom: 58px; font-weight: 600; } .container-6-body-right{ position: absolute; right: 0; top: 10px; z-index: -1; } .container-6-left-view{ font-size: 18px; letter-spacing: 0.02em; margin-top: 48px; font-weight: 600; cursor: pointer; } .container-6-text{ position: absolute; width: 625px; bottom: 30px; right:160px; height: 120px; } /*人才培养*/ .container-7{ position: relative; width: 100%;background: #F2EDE7;z-index: 1 } .container-7-body{ position: relative; height: 720px; background-image: url('/static/images/personnel-banckground.png'); background-position: center; background-repeat: no-repeat; overflow: hidden; } .container-7-body-left{ margin-left: 74px; margin-top: 90px; } .container-7-left-body{ width: 294px; font-size: 14px; letter-spacing: 0.02em; line-height: 2; } .container-7-left-title{ padding: 10px 0; font-size: 30px; border-bottom: 1px solid #3D3D3D; margin-bottom: 58px; font-weight: 600; } .container-7-body-right{ position: absolute; right: 0; top: 10px; z-index: -1; } .container-7-left-view{ font-size: 18px; letter-spacing: 0.02em; margin-top: 48px; font-weight: 600; cursor: pointer; color: #793029; } .container-7-text{ position: absolute; width: 625px; bottom: 30px; right:160px; height: 120px; } /*支持项目*/ .container-8{ position: relative; width: 100%;background: #FFFFFF;z-index: 1 } .container-8-body{ background: #ffffff; position: relative; height: 720px; } .container-8-body-left{ margin-left: 74px; margin-top: 90px; } .container-8-left-body{ width: 517px; font-size: 14px; letter-spacing: 0.02em; line-height: 2; } .container-8-left-title{ padding: 10px 0; font-size: 30px; border-bottom: 1px solid #3D3D3D; margin-bottom: 58px; font-weight: 600; width: 294px; } .container-8-body-right{ position: relative; margin-top: 122px; margin-left: 63px; margin-right: 20px; } .container-8-left-body-title{ font-size: 30px; font-weight: 600; margin-bottom: 10px; } .container-8-left-view{ font-size: 18px; letter-spacing: 0.02em; margin-top: 48px; font-weight: 600; cursor: pointer; color: #793029; } .swiper-button-next-t{ left: 0; } .swiper-button-next-t, .swiper-button-prev-t { position: absolute; top:61%; width: 42px; height: 42px; cursor: pointer; z-index: 999; display: inline-block; } .swiper-button-prev-t{ right: 0; } .container-3-left-body-imgList{ position: relative; }