.pg_loading { height: 100%; position: fixed; left: 0; top: 0; width: 100%; z-index: 9999999; display: flex; align-items: center; justify-content: center; background-color: #fff } .pg_loading .wave { display: flex; min-width: 60px; min-height: 60px; width: 60px; height: 60px; margin-bottom: 100px } .pg_loading .wave>div { background-color: #301717; min-height: 60px; height: 100%; width: 10%; margin-left: 10%; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; -moz-animation: stretchdelay 1.2s infinite ease-in-out; -o-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out } .pg_loading .wave .rect2 { -webkit-animation-delay: -1.1s; -moz-animation-delay: -1.1s; -o-animation-delay: -1.1s; animation-delay: -1.1s } .pg_loading .wave .rect3 { -webkit-animation-delay: -1s; -moz-animation-delay: -1s; -o-animation-delay: -1s; animation-delay: -1s } .pg_loading .wave .rect4 { -webkit-animation-delay: -0.9s; -moz-animation-delay: -0.9s; -o-animation-delay: -0.9s; animation-delay: -0.9s } .pg_loading .wave .rect5 { -webkit-animation-delay: -0.8s; -moz-animation-delay: -0.8s; -o-animation-delay: -0.8s; animation-delay: -0.8s } @-webkit-keyframes stretchdelay { 0%,40%,100% { -webkit-transform: scaleY(0.6) } 20% { -webkit-transform: scaleY(1) } } @-moz-keyframes stretchdelay { 0%,40%,100% { -moz-transform: scaleY(0.6) } 20% { -moz-transform: scaleY(1) } } @-o-keyframes stretchdelay { 0%,40%,100% { -o-transform: scaleY(0.6) } 20% { -o-transform: scaleY(1) } } @keyframes stretchdelay { 0%,40%,100% { transform: scaleY(0.6) } 20% { transform: scaleY(1) } } .header { width: 100%; position: fixed; top: 0; z-index: 99999 } .header_container { display: flex; align-items: center; justify-content: space-between; padding: 0 6% 0 6%; height: 110px; background: rgb(255 255 255 / 80%); box-shadow: 0px 3px 60px 0px rgba(0,33,14,0.3); } .header_container .header_left .header_logo { display: block; width: 255px } .header_container .header_right { display: flex; align-items: center; height: 100% } .header_container .header_nav { display: flex; align-items: center; height: 100% } .header_container .header_nav:hover .active::before { width: 0 } .header_container .header_nav>li { position: relative; margin-left: 25px; height: 100%; display: flex; align-items: center } .header_container .header_nav>li>a { font-size: 18px; font-weight: 400; color: #01017c; white-space: nowrap; } .header_container .header_nav>li::before { content: ""; position: absolute; left: 50%; transform: translateX(-50%); transition: all 0.3s; bottom: 0; width: 0%; height: 6px; background-color: #01017c; } .header_container .header_nav>li:hover ~ .avtive { width: 0 } .header_container .header_nav>li:hover::before { width: 130% } .header_container .header_nav .active::before { width: 130% } .header_container .header_nav_second,.header_container .header_nav_third { position: absolute; top: calc(100% - 6px); left: 50%; transform: translateX(-50%); padding-top: 0; display: flex; flex-direction: column; display: none } .header_container .header_nav_second>li,.header_container .header_nav_third>li { background-color: #fff; display: flex; align-items: center; justify-content: center; padding: 14px 20px; border-bottom: none; transition: all 0.3s; display: flex; position: relative; box-shadow: 0px 8px 12px 0px #c3c3c3 } .header_container .header_nav_second>li:last-child,.header_container .header_nav_third>li:last-child { border-bottom: 2px solid #2386c7 } .header_container .header_nav_second>li:hover .header_nav_third,.header_container .header_nav_third>li:hover .header_nav_third { opacity: 1; height: auto } .header_container .header_nav_second>li:hover .header_nav_third>li,.header_container .header_nav_third>li:hover .header_nav_third>li { display: flex } .header_container .header_nav_second>li a,.header_container .header_nav_third>li a { white-space: nowrap; font-size: 16px; font-weight: bold; color: #333; padding-bottom: 10px; border-bottom: 1px solid #fff; transition: all 0.3s } .header_container .header_nav_second>li a:hover,.header_container .header_nav_third>li a:hover { color: #1e7ab7; border-bottom: 1px solid #1e7ab7 } .header_container .header_nav_third { padding-top: 0; margin: 0; top: -2px; left: 100%; transform: none } .header_container .header_menu { display: flex; align-items: center; margin-left: 60px } .header_container .header_menu .menu_search { padding-right: 10px; border-right: 2px solid #01017c; display: flex; align-items: center; position: relative; } .header_container .header_menu .menu_search:hover .search_input { width: 200px; padding: 10px 10px 10px 20px } .header_container .header_menu .menu_search img { position: relative; z-index: 999; width: 20px; height: 20px; object-fit: contain; cursor: pointer } .header_container .header_menu .menu_search .search_input { width: 0; position: absolute; right: 100%; overflow: hidden; transition: all 0.5s; background-color: #fff } .header_container .header_menu .menu_search .search_input input { padding: 0 6px; padding-bottom: 4px; width: 100%; border: none; outline: none; font-size: 16px; border-bottom: 1px solid #000 } .header_container .header_menu .menu_lang { margin-left: 10px; cursor: pointer; position: relative } .header_container .header_menu .menu_lang span { font-size: 16px; font-weight: 600; color: #01017c; white-space: nowrap; } .header_container .header_menu .menu_lang img { width: 18px; height: 10px; margin-top: 4px; margin-left: 6px } .header_container .header_menu .menu_lang_item { display: flex; align-items: center } .header_container .header_menu .menu_lang_list { display: none; position: absolute; border: 1px solid #ccc; border-radius: 2px; width: 160px; top: 140%; left: 0 } .header_container .header_menu .menu_lang_list .lang_list { width: 100%; height: 36px; display: flex; align-items: center; background-color: #fff; padding-left: 15px } .header_container .header_menu .menu_lang_list .lang_list img { margin: 0 5px 0 0; width: 16px; height: 11px } .header_container .header_menu .menu_lang_list .lang_list span { font-size: 12px; color: #333333 } .header_container .header_menu .menu_lang_list .lang_list span:hover { color: #2386c7 } .header_container .header_menu .nav_oa { color: #01017c; margin-left: 15px; white-space: nowrap; font-size: 14px; } .header_container .header_menu .nav_oa:hover { border-bottom: 1px solid #fff } .footer { width: 100%; background: #0a1f34; display: flex; flex-direction: column; align-items: center; color: #fff } .footer .footer_content { width: 1440px; display: flex; align-items: center; justify-content: space-between; padding-bottom: 60px } .footer .footer_content .footer_left { padding-top: 80px } .footer .footer_content .footer_left h3 { font-size: 24px; font-weight: 500; color: #ffffff; line-height: 24px; margin-bottom: 50px } .footer .footer_content .footer_left h3 a { color: #fff; font-size: 14px } .footer .footer_content .footer_left .footer_row { display: flex; align-items: center; margin-bottom: 20px } .footer .footer_content .footer_left .footer_row img { margin-right: 4px; width: 24px; height: 20px; object-fit: contain } .footer .footer_content .footer_left .footer_row p { font-size: 16px; font-weight: 500; color: #f2f2f2; line-height: 24px } .footer .footer_content .footer_left .footer_row:last-child { margin-bottom: 0 } .footer .footer_content .footer_right { padding-top: 60px; display: flex; align-items: center } .footer .footer_content .footer_right .footer_logo { width: 276px; margin-right: 60px } .footer .footer_content .footer_right .footer_wxqr { width: 160px; display: flex; align-items: center; flex-direction: column } .footer .footer_content .footer_right .footer_wxqr img { margin-bottom: 18px } .footer .footer_content .footer_right .footer_wxqr span { text-align: center; font-size: 18px; font-weight: 400; color: #ffffff; line-height: 24px } .footer .footer_beian { width: 100%; height: 108px; background: #223549; display: flex; align-items: center; justify-content: center } .footer .footer_beian p { font-size: 18px; font-weight: 400; color: #ffffff; line-height: 24px } .container_box { margin-top: 110px; display: flex; flex-direction: column; align-items: center; min-height: 600px } .container_bread { margin-top: 40px; width: 1440px; display: flex; align-items: center } .container_bread img { margin-right: 10px } .container_bread ul { display: flex; flex-wrap: wrap; align-items: center } .container_bread ul li { margin-right: 10px } .container_bread ul li a { display: flex; align-items: center; font-size: 18px; font-weight: 500; color: #999999; line-height: 24px } .container_bread ul .active a { color: #666666 } .index_title,.left_title,.right_title { width: 100%; text-align: left; font-size: 36px; font-weight: bold; color: #333333; position: relative; padding-bottom: 18px } .index_title::before,.left_title::before,.right_title::before { content: ""; position: absolute; bottom: 0; left: 0; transform: translateX(0); width: 50px; height: 4px; background: #003d8f } .left_title,.right_title { font-size: 30px; text-align: left } .left_title::before,.right_title::before { left: 0; transform: translateX(0) } .swiper-button-next,.swiper-button-prev { display: none } .swiper_next,.swiper_prev { position: absolute; width: 80px; height: 80px; background: #dddddd; border-radius: 50%; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; cursor: pointer } .swiper_next img,.swiper_prev img { width: 25px; object-fit: contain } .swiper_next { right: -10% } .swiper_prev { left: -10%; transform: translateY(-50%) rotate(180deg) } .index_banner { width: 100%; height: 100vh; position: relative } .index_banner .swiper-slide { height: 100vh } .index_banner .swiper-slide img { width: 100%; height: 100% } .index_banner .swiper_text { position: absolute; width: auto; left: 0; top: 50%; transform: translateY(-50%); padding: 60px 70px 60px 90px; background: rgba(10,31,52,0.7); z-index: 99998 } .index_banner .swiper_text h1 { color: #fff; font-size: 50px; font-weight: bold; word-break: break-word } .index_box { display: flex; flex-direction: column; align-items: center } .index_box .index_box_container { margin-top: 66px; width: 1440px; display: flex; justify-content: space-between } .index_box .index_box_container_new { flex-direction: column } .index_box .index_box_container_new .left_title { margin-bottom: 50px } .index_box .index_button { font-size: 18px; font-weight: 600; color: #000000 } .index_box .index_button:hover { color: #003d8f } .index_box .index_industry_body { display: flex; width: 100% } .index_box .index_industry_body .index_industry_item_new { flex: 1; margin-right: 5px; height: 377px; position: relative; background-color: #fff } .index_box .index_industry_body .index_industry_item_new:last-child { margin-right: 0 } .index_box .index_industry_body .index_industry_item_new:nth-child(1) .index_industry_img,.index_box .index_industry_body .index_industry_item_new:nth-child(1) .index_industry_content { background-color: #162672 } .index_box .index_industry_body .index_industry_item_new:nth-child(2) .index_industry_img,.index_box .index_industry_body .index_industry_item_new:nth-child(2) .index_industry_content { background-color: #1D6495 } .index_box .index_industry_body .index_industry_item_new:nth-child(3) .index_industry_img,.index_box .index_industry_body .index_industry_item_new:nth-child(3) .index_industry_content { background-color: #521672 } .index_box .index_industry_body .index_industry_item_new:nth-child(4) .index_industry_img,.index_box .index_industry_body .index_industry_item_new:nth-child(4) .index_industry_content { background-color: #FF9900 } .index_box .index_industry_body .index_industry_item_new:nth-child(5) .index_industry_img,.index_box .index_industry_body .index_industry_item_new:nth-child(5) .index_industry_content { background-color: #92D050 } .index_box .index_industry_body .index_industry_img { position: absolute; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 100% calc(100% - 80px) } .index_box .index_industry_body .index_industry_img .index_industry_img_title { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; padding: 0 10px; font-size: 27px; font-weight: 400; color: #ffffff; height: 60px; line-height: 30px; word-break: break-word } .index_box .index_industry_body .index_industry_content { width: 100%; height: 100%; padding: 30px 20px } .index_box .index_industry_body .index_industry_content .index_industry_content_title { font-size: 22px; color: #ffffff; margin-bottom: 20px } .index_box .index_industry_body .index_industry_content .index_industry_content_text { font-size: 16px; font-weight: 400; color: #ffffff; line-height: 30px } .index_news .index_news_container { width: 1440px; display: flex; justify-content: space-between } .index_news .index_box_container { width: auto; flex: 1 } .index_news .index_box_container:first-child { margin-right: 15px } .index_news .index_box_container:last-child { margin-left: 15px } .index_news .index_box_container .index_news_left { width: 640px; height: 100%; display: flex; flex-direction: column; position: relative } .index_news .index_box_container .index_news_left .index_news_left_img { width: 100%; height: 100% } .index_news .index_box_container .index_news_left .index_news_left_img img { width: 100%; height: 100% } .index_news .index_box_container .index_news_left .index_news_left_text { position: absolute; left: 0; bottom: 0; width: 100%; height: 140px; background: linear-gradient(0deg, #012c4c, #0266a5); padding: 28px 40px 0 60px } .index_news .index_box_container .index_news_left .index_news_left_text .index_news_title { transition: all 0.3s; color: #fff; font-size: 24px } .index_news .index_box_container .index_news_left .index_news_left_text .index_news_desc { transition: all 0.3s; color: #c2c2c2; font-size: 18px } .index_news .index_box_container .index_news_right { width: 100%; height: 100% } .index_news .index_box_container .index_news_right .index_news_right_list { display: flex; align-items: center; justify-content: space-between; margin-bottom: 23px } .index_news .index_box_container .index_news_right .index_news_right_list:last-child { margin-bottom: 0 } .index_news .index_box_container .index_news_right .index_news_right_list:hover .index_news_right_text .index_news_title,.index_news .index_box_container .index_news_right .index_news_right_list:hover .index_news_right_text .index_news_desc { color: #003d8d } .index_news .index_box_container .index_news_right_list { display: flex; align-items: center; justify-content: space-between; margin-bottom: 23px } .index_news .index_box_container .index_news_right_list:last-child { margin-bottom: 0 } .index_news .index_box_container .index_news_right_list:hover .index_news_right_text .index_news_title,.index_news .index_box_container .index_news_right_list:hover .index_news_right_text .index_news_desc { color: #003d8d } .index_news .index_box_container .index_news_img { width: 240px; height: 150px; margin-right: 20px } .index_news .index_box_container .index_news_img img { width: 100%; height: 100% } .index_news .index_box_container .index_news_text { width: 450px; display: flex; flex-direction: column } .index_news .index_box_container .index_news_text .index_news_title { display: flex; align-items: center; font-size: 24px; font-weight: 400; color: #333333; margin-bottom: 20px } .index_news .index_box_container .index_news_text .index_news_title span:nth-child(2) { padding: 0 6px } .index_news .index_box_container .index_news_text .index_news_title .index_news_label { font-weight: 600; white-space: nowrap } .index_news .index_box_container .index_news_text .index_news_date { font-size: 16px; font-weight: 400; color: #999999; margin-bottom: 20px } .index_news .index_box_container .index_news_text .index_news_desc { font-size: 20px; font-weight: 400; color: #333333 } .index_news .index_news_button { display: flex; align-items: center; justify-content: flex-end; margin-top: 36px; margin-bottom: 0 } .index_industry { padding: 38px 0 100px } .index_industry .index_box_container { height: 272px } .index_industry .index_industry_item { width: 264px; display: flex; align-items: center; justify-content: center; margin-right: 28px; position: relative } .index_industry .index_industry_item:last-child { margin-right: 0 } .index_industry .index_industry_img { position: relative; z-index: 10; width: 100%; height: 100%; background-color: #fff; display: flex; align-items: center; flex-direction: column; justify-content: center } .index_industry .index_industry_img .index_industry_img_top { width: 124px; height: 124px; background: linear-gradient(0deg, #012c4c, #0266a5); border-radius: 50%; display: flex; align-items: center; justify-content: center } .index_industry .index_industry_img .index_industry_img_title { margin-top: 40px; font-size: 24px; font-weight: 500; color: #999999; padding: 0 20px } .index_industry .index_industry_content { width: 100%; background-color: rgba(255,255,255,0.7); padding: 30px 20px; position: relative; display: flex; flex-direction: column; align-items: center; z-index: 9; display: none } .index_industry .index_industry_content .index_industry_content_bg { position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity: 0.6 } .index_industry .index_industry_content .index_industry_content_title { font-size: 18px; font-weight: 600; color: #333333; margin-bottom: 20px } .index_industry .index_industry_content .index_industry_content_text { font-size: 16px; font-weight: 400; color: #666666; line-height: 24px } .science { margin-top: 40px; width: 1440px } .five_science_list { width: 100%; display: flex; justify-content: space-between; margin-bottom: 40px; background-color: #f2f2f2 } .five_science_list:last-child { margin-bottom: 160px } .five_science_list .science_left { flex: 3; padding: 60px } .five_science_list .science_left .science_content_icon { width: 55px; height: 50px; margin-bottom: 25px } .five_science_list .science_left .science_content_text { font-size: 16px; font-weight: 400; color: #333333; line-height: 28px; text-indent: 40px; margin-top: 47px; text-align: justify } .five_science_list .science_right { flex: 4 } .five_science_list .science_right img { width: 100%; height: 100% } .cailiao { display: flex; flex-direction: column; align-items: center } .cailiao .cailiao_banner { width: calc(100vw - 12px); height: 480px; margin-bottom: 30px } .cailiao .cailiao_banner .swiper-slide { height: 480px } .cailiao .cailiao_banner .swiper-slide img { width: 100%; height: 100% } .cailiao .cailiao_banner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 20px } .cailiao .cailiao_banner .swiper-pagination-bullet { margin: 0 8px; width: 30px; height: 30px; background-color: #fff; opacity: 0.5 } .cailiao .cailiao_banner .swiper-pagination-bullet-active { opacity: 1 } .cailiao .cailiao_content { padding: 55px; background: #f2f2f2; margin-bottom: 90px } .cailiao .cailiao_content .cailiao_content_icon { width: 63px; height: 63px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px } .cailiao .cailiao_content .cailiao_content_icon img { width: 100%; height: 100%; object-fit: contain } .cailiao .cailiao_content .cailiao_content_text { padding-top: 40px; font-size: 18px; font-weight: 400; color: #000000; line-height: 34px; text-indent: 40px; text-align: justify } .management_team { display: flex; flex-direction: column; margin-top: 60px; margin-bottom: 80px } .management_team .management_team_item { display: flex; width: 100%; margin-right: 0; margin-bottom: 13px } .management_team .management_team_item img { width: 365px; height: 485px; object-fit: cover; margin-right: 50px } .management_team .management_team_item .management_team_item_content { margin-top: 30px; padding: 20px 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.7) } .management_team .management_team_item .management_team_name { text-align: left; font-size: 36px; color: #333; margin-bottom: 30px } .management_team .management_team_item .management_team_level { text-align: left; font-size: 24px; color: #333; margin-bottom: 40px } .management_team .management_team_item .management_team_desc { font-size: 18px; color: #333; text-align: justify; line-height: 28px } .management_team .technicist_team { box-shadow: 1px 1px 1px 1px #f7f1f1; border: 1px solid #f1f1f1; padding: 34px; margin-bottom: 60px } .management_team .technicist_team .management_team_item_content { margin-top: 0; padding: 0 } .management_team .technicist_team .management_team_item_content .management_team_name { padding-left: 10px; border-left: 7px solid #003d8f } .management_team .technicist_team .management_team_item_content .management_team_level { margin-bottom: 20px } .management_team .technicist_team .management_team_item_content .management_team_level p { background: #f2f2f2; display: inline-block; padding: 6px 23px; margin-right: 10px; margin-bottom: 10px } .speech_article { margin-top: 100px; margin-bottom: 90px; width: 1440px; display: flex; justify-content: space-between } .speech_article .speech_article_left { width: 730px } .speech_article .speech_article_left .speech_article_text { margin-top: 40px; font-size: 20px; font-weight: 400; color: #666666; line-height: 42px; text-indent: 40px } .speech_article .speech_article_left .speech_article_text p { margin-top: 30px; text-align: justify } .speech_article .speech_article_left .speech_article_text .sign { text-align: right } .speech_article .speech_article_left .speech_article_text .sign p { margin-top: 8px; text-align: right } .speech_article .speech_article_left_all { width: 100% } .speech_article .speech_article_right .speech_article_all_img { width: 640px; height: 880px } .speech_article .speech_article_right .speech_article_right_bottom { display: flex; align-items: center } .speech_article .speech_article_right .speech_article_right_img { width: 640px; height: 450px } .speech_article .speech_article_right .speech_article_right_item { width: 320px; height: 220px } .speech_article .speech_article_right img,.speech_article .speech_article_right video { width: 100%; height: 100%; background-color: #000; outline: none } .speech_article .speech_article_right video { object-fit: fill } .achievement { width: 100% } .achievement .achievement_box { display: flex; flex-direction: column; align-items: center } .achievement .achievement_box .achievement_box_left { flex: 1 } .achievement .achievement_box .achievement_box_left img { width: 100%; height: 100% } .achievement .achievement_box .achievement_box_right { flex: 1; padding: 60px; display: flex; flex-direction: column; align-items: flex-start } .achievement .achievement_box .achievement_box_right .achievement_box_icon { width: 53px; height: 53px; margin-bottom: 20px } .achievement .achievement_box .achievement_box_right .achievement_box_content { margin-top: 45px; font-size: 17px; font-weight: 500; color: #666666; line-height: 33px; text-indent: 40px; text-align: justify } .achievement .achievement_box_bottom_width .achievement_box_bottom { width: 1440px } .achievement .achievement_box_top,.achievement .achievement_center_item { width: 1440px; margin-top: 40px; margin-bottom: 40px; background: #f7f7f7; display: flex; flex-direction: row-reverse; justify-content: space-between } .achievement .achievement_base_top { background-color: transparent; margin-bottom: 120px } .achievement .achievement_base_top .achievement_box_right .right_title { padding-bottom: 30px } .achievement .achievement_base_top .achievement_box_right .achievement_box_content { color: #333 } .achievement .achievement_science_top { margin-bottom: 10px } .achievement .achievement_base_bottom { display: flex; flex-direction: column; align-items: center; margin-bottom: 100px } .achievement .achievement_base_bottom .base_item_list { margin-top: 56px; width: 1440px; display: flex; flex-wrap: wrap } .achievement .achievement_base_bottom .base_item_list .base_item { width: 460px; height: 500px; position: relative; box-shadow: 0px 3px 60px 0px rgba(0,33,14,0.3); margin-right: 29px; margin-bottom: 30px; cursor: pointer } .achievement .achievement_base_bottom .base_item_list .base_item:nth-child(3n) { margin-right: 0 } .achievement .achievement_base_bottom .base_item_list .base_item:hover * { transition: all 0.3s } .achievement .achievement_base_bottom .base_item_list .base_item:hover .base_item_img { opacity: 0 } .achievement .achievement_base_bottom .base_item_list .base_item .base_item_img { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 360px } .achievement .achievement_base_bottom .base_item_list .base_item .base_item_img img { width: 100%; height: 100% } .achievement .achievement_base_bottom .base_item_list .base_item .base_item_bg { width: 100%; display: flex; flex-direction: column-reverse } .achievement .achievement_base_bottom .base_item_list .base_item .base_item_bg .base_item_title { width: 100%; height: 140px; background-color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px 30px } .achievement .achievement_base_bottom .base_item_list .base_item .base_item_bg .base_item_title .base_title { width: 100%; font-size: 22px; font-weight: 500; color: #333333; margin-bottom: 20px; display: flex; align-items: center; justify-content: center } .achievement .achievement_base_bottom .base_item_list .base_item .base_item_bg .base_item_title .base_desc { font-size: 20px; font-weight: 500; color: #999999 } .achievement .achievement_base_bottom .base_item_list .base_item .base_item_bg .base_item_content { width: 100%; height: 360px; background-image: url(../image/bg1.png); background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 30px 20px; font-size: 16px; font-weight: 400; color: #666666; line-height: 33px; overflow: hidden } .achievement .achievement_base_bottom .base_item_list .base_content_more { display: none } .achievement .achievement_center_item { margin-bottom: 30px } .achievement .achievement_center_item .achievement_box_right { align-items: flex-start; justify-content: center } .achievement .achievement_center_item:last-child { margin-bottom: 0 } .achievement .achievement_box_center { padding: 80px 0 } .achievement .achievement_box_bottom { padding: 90px 0 } .achievement .achievement_box_bottom_swiper { width: 1440px; margin-top: 63px; position: relative } .achievement .achievement_box_bottom_swiper .swiper-slide { width: 466px; height: 490px; background-color: #fff } .achievement .achievement_box_bottom_swiper .swiper-slide:hover { transition: all 0.3s; box-shadow: 0px 3px 60px 0px rgba(0,33,14,0.3) } .achievement .achievement_box_bottom_swiper .swiper-slide .achievement_item_img { width: 466px; height: 353px } .achievement .achievement_box_bottom_swiper .swiper-slide .achievement_item_img img { width: 100%; height: 100% } .achievement .achievement_box_bottom_swiper .swiper-slide .achievement_item_title { height: 136px; padding: 0 30px; display: flex; align-items: center; justify-content: center; font-size: 22px; font-weight: bold; color: #333333 } .achievement .achievement_box_invest .achievement_box_top { height: auto } .achievement .achievement_box_invest .achievement_box_right { width: 100% } .achievement .achievement_box_invest_bottom { padding-top: 50px; padding-bottom: 90px; display: flex; flex-direction: column; align-items: center } .achievement .achievement_box_invest_bottom .invest_bottom_img { margin-top: 50px; width: 1440px } .achievement .achievement_box_invest_bottom .invest_bottom_img img { width: 100%; object-fit: contain } .achievement_science { display: flex; align-items: center; flex-direction: column } .achievement_science .cailiao_content { margin-bottom: 60px } .achievement_science .achievement_science_list { display: flex; align-items: center; flex-wrap: wrap; margin-top: 30px; margin-bottom: 60px } .achievement_science .achievement_science_list .achievement_science_item { display: block; width: 460px; height: 360px; margin-right: 30px; margin-bottom: 30px; transition: all 0.3s } .achievement_science .achievement_science_list .achievement_science_item:nth-child(3n) { margin-right: 0 } .achievement_science .achievement_science_list .achievement_science_item:hover { -moz-box-shadow: -1px 12px 13px 0px #777777; -webkit-box-shadow: -1px 12px 13px 0px #777777; box-shadow: -1px 12px 13px 0px #777777 } .achievement_science .achievement_science_list .achievement_science_item img { width: 100%; height: 100% } .league { margin: 0 auto; margin-top: 80px; padding-bottom: 80px } .league .league_box_content { display: flex; margin-top: 67px; flex-direction: column } .league .league_box_content .league_content_left { margin-bottom: 40px; flex: 1 } .league .league_box_content .league_content_left img { width: 100%; height: 100% } .league .league_box_content .league_content_right { flex: 1 } .league .league_box_content .league_content_right .league_content_date { font-size: 24px; font-weight: 500; color: #666666; position: relative; padding-bottom: 30px } .league .league_box_content .league_content_right .league_content_date::before { content: ""; position: absolute; bottom: 0; left: 0; width: 300px; height: 3px; background: #666666 } .league .league_box_content .league_content_right .league_content_title { font-size: 32px; font-weight: bold; color: #333333; margin-bottom: 50px } .league .league_box_content .league_content_right .league_content_text img { display: inline-block } .league .league_box_swiper { margin-top: 168px; width: 1440px; position: relative; margin-bottom: 90px } .league .league_box_swiper .swiper-slide { width: 466px; height: 353px; position: relative } .league .league_box_swiper .swiper-slide .league_item_img { width: 100%; height: 100% } .league .league_box_swiper .swiper-slide .league_item_img img { width: 100%; height: 100% } .league .league_box_swiper .swiper-slide .league_item_title { position: absolute; width: 100%; left: 0; bottom: 0; height: 60px; background: rgba(0,0,0,0.3); display: flex; align-items: center; justify-content: center; padding: 30px; font-size: 22px; font-weight: bold; color: #ffffff } .member_team { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 185px } .member_team .member_team_item { width: 450px; height: 500px; margin-right: 44px; margin-top: 60px; background: #f2f2f2 } .member_team .member_team_item:nth-child(3n) { margin-right: 0 } .member_team .member_team_item:hover { transition: all 0.5s; box-shadow: 0px 3px 60px 0px rgba(0,33,14,0.3) } .member_team .member_team_item .member_item_img { width: 100%; height: 360px } .member_team .member_team_item .member_item_img img { width: 100%; height: 100% } .member_team .member_team_item .member_item_bottom { width: 100%; height: 140px; padding: 20px 30px } .member_team .member_team_item .member_item_bottom .member_item_title { font-size: 28px; font-weight: bold; color: #333333; margin-bottom: 14px; text-align: center } .member_team .member_team_item .member_item_bottom .member_item_date { text-align: center; font-size: 24px; font-weight: bold; color: #666666 } .member_team .member_team_item .member_team_item_content { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 40px; font-size: 16px; line-height: 24px; font-weight: 400; color: #666666; display: none } .director .five_science_list { margin-bottom: 100px } .director .science_left { flex: 3 } .director .science_right { flex: 2 } .director .director_swiper { width: 1440px; height: 786px; position: relative; margin-bottom: 167px } .director .director_swiper .director-container-swiper { width: 100%; height: 100%; margin-left: auto; margin-right: auto } .director .director_swiper .swiper-slide { width: 330px; height: 220px; background: #f2f2f2 } .director .director_swiper .swiper-slide .director_item_img { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0 20px } .director .director_swiper .swiper-slide .director_item_content { width: 100%; height: 100%; padding: 20px; display: flex; align-items: center; justify-content: center; display: none } .director .director_swiper .swiper-slide .director_item_top { width: 124px; height: 124px; background: linear-gradient(0deg, #012c4c, #0266a5); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 15px } .director .director_swiper .swiper-slide .director_item_top img { width: 78px } .director .director_swiper .swiper-slide .director_item_title { font-size: 20px; font-weight: 500; color: #333333; line-height: 28px } .dynamic { margin: 80px 0 100px } .dynamic .dynamic_list { width: 100%; padding: 24px 0; display: flex; align-items: center; border-bottom: 2px solid #f2f2f2 } .dynamic .dynamic_list .dynamic_list_left { width: 238px; height: 174px; background: #f2f2f2; margin-right: 20px; display: none } .dynamic .dynamic_list .dynamic_list_left img { width: 100%; height: 100% } .dynamic .dynamic_list .dynamic_list_right { width: 100% } .dynamic .dynamic_list .dynamic_list_right .dynamic_list_title { display: flex; align-items: center; font-size: 25px; font-weight: 600; color: #087ac3; margin-bottom: 20px } .dynamic .dynamic_list .dynamic_list_right .dynamic_list_title span:nth-child(2) { padding: 0 6px } .dynamic .dynamic_list .dynamic_list_right .dynamic_list_title .dynamic_list_label { font-weight: 600; white-space: nowrap } .dynamic .dynamic_list .dynamic_list_right .dynamic_list_desc { font-size: 20px; font-weight: 400; color: #333333; line-height: 36px; margin-top: 20px } .dynamic .dynamic_list .dynamic_list_right .dynamic_list_date { display: flex; align-items: center } .dynamic .dynamic_list .dynamic_list_right .dynamic_list_date .color-pink { font-size: 20px; font-weight: 400; color: #eba2ac; line-height: 36px; margin-right: 36px } .dynamic .dynamic_list .dynamic_list_right .dynamic_list_date .color-green { font-size: 14px; font-weight: 400; color: #40d92d; line-height: 36px } .report_box { background-color: #ddd } .report { margin-top: 50px; margin-bottom: 100px } .report .report_row { display: flex; align-items: center; margin-bottom: 24px } .report .report_row .report_left { font-size: 24px; color: #333 } .report .report_row .report_right { font-size: 18px } .report .report_row_column { padding: 10px 30px; flex-direction: column; align-items: flex-start } .report .report_row_column .report_right { margin-top: 20px } .report .report_row_column .report_right p { line-height: 34px } .member_team_detail { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between } .member_team_detail .member_team_detail_left { width: 630px; margin-right: 30px } .member_team_detail .member_team_detail_left .member_detail_left_top { position: relative } .member_team_detail .member_team_detail_left .member_detail_left_content { background: #f7f7f7; padding: 50px 20px } .member_team_detail .member_team_detail_left .member_detail_left_content .member_detail_left_title { font-size: 22px; font-weight: bold; color: #333333; margin-bottom: 30px } .member_team_detail .member_team_detail_left .member_detail_left_content .member_detail_left_desc { font-size: 18px; font-weight: 400; color: #333333; line-height: 31px } .member_team_detail .member_team_detail_left .member_detail_left_button { position: absolute; left: 76px; bottom: 0; transform: translateY(50%); width: 199px; height: 70px; background: #0075c1; display: flex; align-items: center; justify-content: center; font-size: 29px; font-weight: 400; color: #ffffff; line-height: 10px } .member_team_detail .dynamic { margin: 200px 0 130px; border-top: 2px solid #b2b2b2 } .member_team_detail .dynamic_list { height: 165px; border-bottom: 2px solid #b2b2b2; padding: 20px 20px 20px 0 } .member_team_detail .dynamic_list .dynamic_list_left { width: 163px; display: none; height: 120px } .member_team_detail .dynamic_list .dynamic_list_right { width: 100% } .member_team_detail .dynamic_list .dynamic_list_right .dynamic_list_title { font-size: 16px; font-weight: 500; color: #333333; margin-bottom: 20px } .member_team_detail .dynamic_list .dynamic_list_right .dynamic_list_title:hover { color: #0075c1 } .member_team_detail .dynamic_list .dynamic_list_right .dynamic_list_date { font-size: 16px; font-weight: 500; color: #999999; line-height: 10px; margin-bottom: 20px } .member_team_detail .dynamic_list .dynamic_list_right .dynamic_list_desc { font-size: 14px; font-weight: 400; color: #333333; line-height: 25px; margin-bottom: 0 } .member_team_detail .dynamic_list .dynamic_list_right .dynamic_list_desc:hover { color: #0075c1 } .member_team_detail .dynamic_list .dynamic_list_right .dynamic_list_desc span { color: #0075c1 } .member_team_detail .member_team_detail_right { width: 100% } .member_team_detail .member_team_detail_right .member_detail_right_title { font-size: 28px; font-weight: 600; color: #333333; line-height: 28px; margin-bottom: 30px; text-align: center } .member_team_detail .member_team_detail_right .member_detail_right_pubdate { text-align: center; font-size: 24px; font-weight: 400; color: #333333; line-height: 24px; padding-bottom: 20px; border-bottom: 4px solid #0075C1 } .member_team_detail .member_team_detail_right .member_detail_right_content { padding: 30px } .introduce { display: flex; flex-direction: column; align-items: center } .introduce_title { font-size: 30px; font-weight: 500; color: #003d8f; line-height: 36px; padding-bottom: 30px; position: relative; white-space: nowrap } .introduce_title::before { content: ""; left: 0; bottom: 0; position: absolute; width: 93px; height: 4px; background: #003d8f } .introduce_body { margin-top: 52px; width: 1440px; margin: 0 } .introduce_body .introduce_top { display: flex; justify-content: space-between; flex-direction: row-reverse } .introduce_body .introduce_top_left { width: 647px; height: 472px } .introduce_body .introduce_top_left img { width: 100%; height: 100% } .introduce_body .introduce_top_right { width: 660px } .introduce_body .introduce_top_right .introduce_top_big_title { font-size: 54px; font-weight: 500; color: #bfbfbf; line-height: 60px; margin-bottom: 40px } .introduce_body .introduce_top_right .introduce_top_item_content { margin-top: 30px; margin-bottom: 90px; font-size: 17px; font-weight: 500; color: #666666; line-height: 33px; text-indent: 40px; text-align: justify } .introduce_body .introduce_center { margin-top: 100px } .introduce_body .introduce_center .introduce_center_title { font-size: 30px; font-weight: 600; color: #333333; line-height: 60px; margin-bottom: 30px } .introduce_body .introduce_center .introduce_center_desc { font-size: 17px; font-weight: 500; color: #333333; line-height: 33px; margin-bottom: 40px } .introduce_body .introduce_center .introduce_center_box { display: flex; justify-content: space-between } .introduce_body .introduce_center .introduce_center_box .introduce_center_box_left { width: 200px; margin-top: 200px } .introduce_body .introduce_center .introduce_center_box .introduce_center_box_right { width: 1200px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between } .introduce_body .introduce_center .introduce_center_box .introduce_center_item { width: 550px; height: 500px; margin-bottom: 30px } .introduce_body .introduce_center .introduce_center_box .introduce_center_item .introduce_center_item_img { width: 100%; height: 394px; margin-bottom: 30px } .introduce_body .introduce_center .introduce_center_box .introduce_center_item .introduce_center_item_img img { width: 100%; height: 100% } .introduce_body .introduce_center .introduce_center_box .introduce_center_item .introduce_center_item_desc { font-size: 20px; font-weight: 400; color: #333333; line-height: 40px; text-align: center } .introduce_body .introduce_bottom { margin-top: 0; margin-bottom: 60px } .introduce_body .introduce_bottom .introduce_bottom_title { font-size: 30px; font-weight: 600; color: #333333; line-height: 60px; margin-bottom: 30px } .introduce_body .introduce_bottom .introduce_bottom_content { width: 100%; height: 586px } .introduce_body .introduce_bottom .introduce_bottom_content img { width: 100%; height: 100% } .organization { display: flex; flex-direction: column; align-items: center; margin-top: 70px } .organization .organization_banner { width: 100%; height: 650px; margin-bottom: 80px } .organization .organization_banner img { width: 100%; height: 100% } .organization .organization_banner_all { width: calc(100vw - 12px) } .organization .organization_time { display: flex; justify-content: space-between; position: relative; padding: 0 90px; margin-bottom: 200px } .organization .organization_time .time_item { width: 560px; min-height: 625px; margin-bottom: 100px } .organization .organization_time .time_item .time_item_title { font-size: 36px; font-weight: bold; color: #333333; line-height: 40px; margin-bottom: 30px } .organization .organization_time .time_item .time_item_content { font-size: 18px; font-weight: 400; color: #999999; line-height: 26px; margin-bottom: 20px } .organization .organization_time .time_item .time_item_img { width: 560px } .organization .organization_time .time_item .time_item_img img { width: 100% } .organization .organization_time .time_sign { position: absolute; left: 50%; transform: translate(-50%, 50%); width: 22px; height: 22px; background-color: #0075c1; z-index: 999; border-radius: 50%; display: flex; align-items: center; justify-content: center } .organization .organization_time .time_sign img { display: none } .organization .organization_time .time_sign::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; background-color: #fff; width: 12px; height: 12px } .organization .organization_time .first.time_sign { width: 50px; height: 50px; background-color: #e0e0e0; transform: translate(-50%, 0%) } .organization .organization_time .first.time_sign::before { width: 39px; height: 39px; background-color: #0075c1 } .organization .organization_time .first.time_sign img { display: block; z-index: 999 } .organization .organization_time .time_left { margin-top: 400px } .organization .organization_time .time_left .time_item_title { text-align: right } .organization .organization_time .time_right { margin-top: 40px } .organization .organization_time .line { width: 6px; height: 100%; position: absolute; left: 50%; top: 0; transform: translateX(-50%); background-color: #d9d9d9 } .organization .organization_time .line::before,.organization .organization_time .line::after { content: ""; position: absolute; width: 80px; height: 80px; background: -webkit-radial-gradient(50% 50%, #fff, #ffffff00, #ffffff00); background: -moz-radial-gradient(50% 50%, #fff, #ffffff00, #ffffff00); left: 50% } .organization .organization_time .line::before { top: 0; transform: translate(-50%, -50%) } .organization .organization_time .line::after { bottom: 0; transform: translate(-50%, 50%) } .pagination { display: flex; align-items: center; justify-content: center; list-style: none; margin-bottom: 60px } .pagination li { display: flex; align-items: center; justify-content: center; margin: 0 4px } .pagination li a,.pagination li span { display: inline-block; padding: 1px 13px; height: 38px; line-height: 34px; margin: 0 1px; color: #808080; background-color: #e5e5e5; border: 1px solid #e5e5e5 } .pagination li a:hover { border: 1px solid #0a1f34 } .pagination .active span { background-color: #0a1f34; border: 1px solid #0a1f34; color: #ffffff } .index_select { padding: 40px 0 60px; width: 100%; display: flex; align-items: center; justify-content: center } .index_select .index_select_container { display: flex; align-items: center; justify-content: space-between; width: 1440px } .index_select .index_select_container select { width: 30%; height: 40px; border: 1px solid #d0d9eb; background: #f3f7ff; margin-right: 10px; font-size: 14px; border-radius: 0; padding-left: 5px } .index_text_box { padding: 40px 0; display: flex; flex-direction: column; align-items: center } .index_text_box p { font-size: 24px; line-height: 40px; text-align: center; width: 100%; word-break: break-word } .index_text_box h2 { font-size: 38px; padding-top: 10px; word-break: break-word } .index_guoke_item { transition: all 0.3s } .index_guoke_item img { width: 100%; height: 280px; margin-bottom: 10px } .index_guoke_item p { font-size: 22px; line-height: 48px } .index_guoke_item:hover { color: #003d8d }