*{ background-size: cover; background-repeat: no-repeat; } #c_static_001-16420726718590 .e_container-1 *, #c_static_001-1658713112569 .e_container-64 > .p_item *, #c_static_001-1658713112569 .e_container-74, #c_static_001-1658713112569 .e_text-108, #c_static_001-16420726227420 .e_button-19, #c_static_001-16600405341260 *{ background-size: auto; } .cnfullpage > .swiper-container > .swiper-wrapper > .swiper-slide, #c_static_001-1660015048948 .e_loop-3 .p_list{ overflow:hidden; } .s_img{ width:100%; } #c_static_001-1658713112569 .e_container-76{ transition: all 0.6s; display:none; } #c_static_001-1658713112569 .e_loop-66 .p_loopitem{ cursor: pointer; } #c_static_001-1658713112569 .e_loop-66 .p_loopitem:hover .e_container-74{ background-image: url(https://ngc202207190001.fastindexs.com/repository/portal-local/ngc202207190001/cms/image/bf3ccb14-a6c7-4ae5-b95b-f6482feb51ed.png); } #c_static_001-1658713112569 .e_loop-66 .p_loopitem:hover .e_container-68{ background-image: url(https://ngc202207190001.fastindexs.com/repository/portal-local/ngc202207190001/cms/image/6cd074c7-6380-4bf3-acba-b1f03bde02a9.png); } #c_static_001-1658713112569 .e_loop-66 .p_loopitem:hover .e_container-68 .s_title{ color:#fff; } #c_static_001-1658713112569 .e_loop-66 .p_loopitem .e_container-68{ border-top:none; } #c_static_001-1658713112569 .e_container-67 > .p_item:hover .e_container-76{ border-bottom: 1px solid rgba(0,0,0,0.1); } /*切换按钮*/ .main .cn_pagination{ right:20px; } .main .swiper-button-prev{ position: absolute !important; width: 54px; height: 54px; background: url(https://ngc202207190001.fastindexs.com/repository/portal-local/ngc202207190001/cms/image/0886a9e0-f384-46df-a4a4-be3b1dbd050c.png) no-repeat center; border: 1px solid RGBA(231, 228, 231, 1); border-radius: 50%; transform: rotate(180deg); transition: all 0.6s; } .main .swiper-button-prev:hover, .main .swiper-button-next:hover{ border: 1px solid RGBA(77, 77, 77, 1); } .main .swiper-button-next{ position: absolute !important; width: 54px; height: 54px; background: url(https://ngc202207190001.fastindexs.com/repository/portal-local/ngc202207190001/cms/image/0886a9e0-f384-46df-a4a4-be3b1dbd050c.png) no-repeat center; border: 1px solid RGBA(231, 228, 231, 1); border-radius: 50%; transition: all 0.6s; } .main .swiper-button-next:after, .main .swiper-button-prev:after{ display:none; } /*结束*/ /*页码*/ .main .page_a{ width: 42px; height: 42px; background: #FFFFFF; border: 1px solid #E5E5E5; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .main .page_con{ display: flex; align-items: center; justify-content: center; } .main .page_prev, .main .page_next{ border: none !important; } .main .page_prev:hover, .main .page_next:hover{ background: transparent !important; } .main .page_a.current{ background: #182E5D !important; color:#fff !important; border: 1px solid #182E5D !important; } .main .page_a:hover{ background: #E5E5E5; color: #666666; } /*结束*/ /*人才发展-知道的五件事动画*/ #c_static_001-1658713112569 .e_container-94 > .p_item .s_img{ animation: piaodong 5s linear 2s infinite alternate; } #c_static_001-1658713112569 .e_image-116, #c_static_001-1660016614280 .e_image-17{ animation: piaodong2 5s linear 2s infinite alternate; } @keyframes piaodong { 0% {transform: translateY(0px);} 25% {transform: translateY(20px);} 50% {transform: translateY(0px);} 75% {transform: translateY(-20px);} 100% {transform: translateY(0px);} } @keyframes piaodong2 { 0% {transform: scale(1);} 25% {transform: scale(0.9);} 50% {transform: scale(1);} 75% {transform: scale(0.9);} 100% {transform: scale(1);} } /*动画*/ #c_static_001-16420726227420 .e_container-1 *{ transition: all 0.6s; } #c_static_001-1658713112569 .e_loop-74 .p_loopitem{ animation: piaodong 5s linear 2s infinite alternate; } #c_static_001-1658713112569 .e_loop-74 .p_loopitem:hover{ animation: none; } @media screen and (min-width: 768px){ #c_static_001-1660015048948 .e_container-4 > .cbox-4-1{ right:-100%; transition: all 1s; } #c_static_001-1660015048948 .e_container-6{ transition: all 1s; transform: scale(0.5); } #c_static_001-1660015048948.swiper-slide-active .e_container-6{ transform: scale(1); } #c_static_001-1660015048948.swiper-slide-active .e_container-4 > .cbox-4-1{ right:0; } #c_static_001-1660015048948 .e_image-5{ left: -100%; position: relative; transition: all 1s; } #c_static_001-1660015048948.swiper-slide-active .e_image-5{ left:0; } } @media screen and (min-width: 1350px) and (max-width:1400px){ #c_static_001-16420726227420 .e_navigationA-6 .p_level1Item a{ padding:0 20px; } } #c_static_001-1660030022594 .e_container-2, #c_static_001-16608077087910 .e_container-2, #c_static_001-16608077156520 .e_container-2{ margin-bottom:50px !important; } #c_static_001-16613072165230 .e_credible-33{ display:none; } #c_magiccube_009-1660029593557 .top-content{ margin-top:30px !important; } #c_static_001-1658713112569 .e_text-150,#c_static_001-1658713112569 .e_text-181{font-size:24px;} #c_static_001-1658713112569 .e_text-139{font-size:16px;} @media screen and (max-width: 1570px) and (min-width:780px){ #c_magiccube_009-1660029593557 .e_image-7{max-height:211px !important;height: 100%;} #c_static_001-16420726227420 .e_html-10{ margin-top: 3px;} #c_static_001-16420726227420 .e_container-1 .cbox-1-2::after{margin-top:6px;} #c_static_001-1658713112569 .e_container-75{max-width: 490px;} #c_static_001-1658713112569 .e_text-82{margin-bottom:20px;} #c_static_001-1658713112569 .e_text-76{line-height:70px;} #c_static_001-1658713112569 .e_container-73{ transform: scale(0.75); } #lanw .lan_xl{width:60px;left:8px;} #c_static_001-1658713112569 .e_loop-280 .p_list{transform: scale(0.75);} #c_static_001-1658713112569 .e_image-33 img{ max-height:205px; } /*内页底部*/ #c_static_001-16613072165230 .e_image-53{ max-width:170px;margin-bottom:30px; } #c_static_001-16613072165230 .e_text-54,#c_static_001-16613072165230 .e_text-54,#c_static_001-16613072165230 .e_text-38,#c_static_001-16613072165230 .e_text-39, #c_static_001-16613072165230 .e_text-51,#c_static_001-16613072165230 .e_text-51,#c_static_001-16613072165230 .e_text-45,#c_static_001-16613072165230 .e_text-52{ font-size:14px; } /*结束*/ /*首页底部*/ #c_static_001-16600405341260 .e_image-53{ max-width:170px;margin-bottom:30px; } #c_static_001-16600405341260 .e_text-54,#c_static_001-16600405341260 .e_text-54,#c_static_001-16600405341260 .e_text-38,#c_static_001-16600405341260 .e_text-39, #c_static_001-16600405341260 .e_text-51,#c_static_001-16600405341260 .e_text-51,#c_static_001-16600405341260 .e_text-45,#c_static_001-16600405341260 .e_text-52{ font-size:14px; } /*结束*/ #c_form_013-1658884407478 input{ height:45px !important; } #c_form_013-1658884407478 .e_formBtn-6{ height:45px; line-height:45px; } #c_static_001-1658713112569 .e_container-131 > .cbox-131-0{ height: 450px; } #c_static_001-1658713112569 .e_container-131 > .cbox-131-1{ max-width: 900px; height: 500px; } #c_magiccube_009-1660029593557 .p_tablist{top:-47px;} #c_magiccube_009-1660029593557{padding-right:20px;} #c_static_001-16600353140090 .e_loop-1 .swiper-container .swiper-pagination{padding:0 30px;} #c_static_001-1660030022594 .e_loop-1 .p_list .e_text-6{margin:20px 0;} #c_static_001-16599253204690 .e_container-1 .cbox-1-1{padding-top: 6%;} #c_static_001-16420726227420{padding:0 30px;} #c_static_001-16599253204690 .e_container-1,#c_static_001-1660015048948 .e_container-11{padding-right:70px;} #c_static_001-1660016614280 .e_image-13{max-width: 550px;} #c_static_001-1660016614280 .e_container-10 > .p_item{max-width:800px;} #c_static_001-1660016614280 .e_image-12{ margin-top: 2%; max-width: 800px; } #c_static_001-1660016614280 .e_image-17{right: 281px;top: 17%; max-width: 250px;} #c_static_001-1660016614280 .e_image-14{max-width: 400px;} #c_static_001-16599253204690 .e_container-30{padding-right:70px;} #c_static_001-16600405341260 .e_container-1 .cbox-1-0,#c_static_001-16613072165230 .e_container-1 .cbox-1-0{padding-right:20px;} /*导航文字*/ #c_static_001-16420726227420 .e_navigationA-6 .p_menu1Item>a span{font-size:14px;} /*banner图文字*/ #c_static_001-1660611637354 #html_zx1 .homet_text1, #c_static_001-1658709728557 .e_text-4{ font-size:36px; } /*标题*/ #c_static_001-16599253204690 .e_richText-4 span, #c_static_001-1660015048948 .e_text-12, #c_static_001-1660015085699 .e_richText-5 span, #c_static_001-1660016614280 .e_text-3, #c_static_001-1660034363949 .e_richText-4 span, #c_static_001-16600353140090 .e_richText-6 span, #c_static_001-1658713112569 .e_richText-21 span, #c_static_001-1658713112569.response-animated .e_text-28, #c_static_001-1658713112569 .e_text-41, #c_static_001-1658713112569 .e_text-2, #c_static_001-1658713112569 .e_text-7, #c_static_001-1658713112569 .e_text-66, #c_static_001-1658713112569 .e_text-28, #c_static_001-1658713112569 .e_richText-71 span, #c_static_001-1658713112569 .e_text-106, #c_static_001-1658908458555 .e_text-1, #c_static_001-1659333125462 .e_text-3, #c_static_001-1659333816239 .e_text-2, #c_static_001-16596836489050 .e_text-3, #c_static_001-1658713112569 .e_timeFormat-186, #c_static_001-1658713112569 .e_text-277, #c_static_001-1658713112569 .e_text-207, #c_static_001-1658713112569 .e_timeFormat-301, #c_static_001-1658713112569 .e_text-212, #c_static_001-1658713112569 .e_text-178, #c_static_001-1658713112569 .e_timeFormat-182, #c_static_001-1658713112569 .e_text-63, #c_static_001-1658713112569 .e_text-76, #c_form_013-1658884407478 .e_text-12, #c_static_001-1660015085699 .e_text-10, #c_static_001-16599253204690 .e_richText-4, #c_static_001-1658713112569 .e_text-150, #c_static_001-1658713112569 .e_text-181{ font-size:24px !important; } /*二级标题*/ #c_static_001-16599253204690 .e_text-9, #c_static_001-16599253204690 .e_text-13, #c_static_001-16599253204690 .e_text-17, #c_static_001-16599253204690 .e_text-21, #c_static_001-16600405341260 .e_text-49, #c_static_001-16600405341260 .e_text-36, #c_static_001-16600405341260 .e_text-43, #c_static_001-1660030022594 .e_text-5, #c_static_001-1658713112569 .e_text-36, #c_static_001-1658713112569 .e_text-56, #c_static_001-1658713112569 .e_text-3, #c_static_001-1658713112569 .e_text-14, #c_static_001-1658713112569 .e_text-62, #c_magiccube_009-1658904842397 .tab-item, #c_static_001-1659333125462 .e_text-5, #c_static_001-1659333816239 .e_text-9, #c_static_001-1659333816239 .e_text-13, #c_static_001-16596836489050 .e_text-3, #c_static_001-16596836489050 .e_richText-7 span, #c_static_001-1659333816239 .e_text-18, #c_static_001-1658713112569 .e_text-183, #c_static_001-1658713112569 .e_text-293, #c_static_001-1658713112569 .e_text-298, #c_static_001-1658713112569 .e_button-210, #c_static_001-1658713112569 .e_text-185, #c_static_001-1658713112569 .e_richText-59 span, #c_static_001-1658713112569 .e_text-97, #c_static_001-1658713112569 .e_text-81, #c_static_001-1658713112569 .e_text-87, #c_static_001-1658713112569 .e_text-92, #c_static_001-1658713112569 .e_text-172, #c_static_001-16613072165230 .e_text-36, #c_static_001-16613072165230 .e_text-49, #c_static_001-16613072165230 .e_text-43, #c_static_001-1658713112569 .e_text-139, #c_static_001-1659333125462 .e_text-11, #c_static_001-16596836489050 .e_text-11, #c_static_001-1658713112569 .e_richText-181{ font-size:18px !important; } /*正文*/ #c_static_001-16599253204690 .e_richText-6 span, #c_static_001-1660015048948 .e_richText-15, #c_static_001-1660015048948 .e_button-16, #c_static_001-16599253204690 .e_button-7, #c_static_001-16600353140090 .e_button-9, #c_static_001-1660015085699 .e_richText-7 span, #c_static_001-1660015085699 .e_button-8, #c_static_001-16600353140090 .e_richText-8, #c_static_001-1660016614280 .e_text-8, #c_static_001-1660016614280 .e_text-9, #c_magiccube_009-1660029593557 .p_tablist>span, #c_static_001-1658713112569 .e_text-37, #c_static_001-1658713112569 .e_text-35, #c_static_001-1658713112569 .e_richText-20 span, #c_static_001-1658713112569 .e_richText-5 span, #c_static_001-1658713112569 .e_richText-23 span, #c_static_001-1658713112569 .e_richText-68 span, #c_static_001-1658713112569 .e_text-136, #c_static_001-1659333125462 .e_richText-7 span, #c_static_001-1659333816239 .e_richText-10, #c_category_330-16609991691510 .e_text-3, #c_static_001-1658713112569 .e_text-95, #c_static_001-1658713112569 .e_text-90, #c_static_001-16599253204690 .e_richText-6, #c_static_001-16613072165230 .e_text-55, #c_static_001-16613072165230 .e_text-48, #c_static_001-16600405341260 .e_text-55, #c_static_001-16600405341260 .e_text-48, #c_static_001-1660034363949 .e_text-3, #c_magiccube_009-1660029593557 .e_timeFormat-8, #c_magiccube_009-1660029593557 .e_timeFormat-9, #c_magiccube_009-1660029593557 .e_text-5, #c_magiccube_009-1660029593557 .e_text-6, #c_category_330-1658710776270 .e_text-3 a, #c_static_001-1658713112569 .e_text-129 a, #c_static_001-1658713112569 .e_text-105{ font-size:14px !important; } #c_static_001-1658713112569 .e_timeFormat-133, #c_static_001-1658713112569 .e_timeFormat-134, #c_static_001-1658713112569 .e_text-135, #c_static_001-1658713112569 .e_timeFormat-122, #c_static_001-1658713112569 .e_timeFormat-123, #c_static_001-1658713112569 .e_text-124, #c_static_001-1658713112569 .e_container-182 .e_text-181{ font-size:16px !important; } #c_static_001-16420726227420 .e_navigationA-6 .p_level2Item a{ font-size:12px !important; } #c_static_001-16608077087910 .e_text-6,#c_static_001-16608077156520 .e_text-6{ margin:20px 0; } #c_magiccube_009-1660029593557 .e_container-4{ margin-bottom:25px; } #c_static_001-1659333125462 .e_container-2, #c_static_001-16596836489050 .e_container-2{ width:45%; } #c_static_001-1659333125462 .e_container-1, #c_static_001-16596836489050 .e_container-1{ padding-right:20px; } } #c_banner_020-16589048537050 .e_bannerC-2 .gallery-thumbs .p_img{ max-height:115px; } @media screen and (max-width: 1600px) and (min-width:1400px){ #c_static_001-1658713112569 .e_container-132 .cbox-132-1.active{ right: 5% !important; width:360px !important; } } @media screen and (max-width: 1450px) and (min-width:1000px){ #c_static_001-1660015048948 .swiper-pagination, #c_static_001-1660015048948.swiper-slide-active .e_container-6{ transform: scale(0.8); } #c_static_001-1660016614280 .e_loop-15 .p_loopitem{ margin:0; } .main #html_zx1 .homet_con,.main #html_zx1 .homedown .home_page,#c_static_001-16599253204690 .e_container-1,#c_static_001-16599253204690 .e_container-30, #c_static_001-1660016614280 .e_loop-15,#c_magiccube_009-1660029593557 .p_tablist,#c_grid-1658710653021,#c_static_001-1658713112569 .e_container-19,#c_static_001-1658713112569 .e_container-23, #c_static_001-1658713112569 .e_container-26,#c_static_001-1658713112569 .e_container-6,#c_static_001-1658713112569 .e_container-65,#c_static_001-1658713112569 .e_loop-130,#c_static_001-1658713112569 .e_container-118,#c_static_001-1658713112569 .e_container-131,#c_static_001-1658713112569 .e_container-168,#c_static_001-1658709728557 .e_container-3,#c_static_001-1658713112569 .e_container-25,#c_static_001-1658713112569 .e_container-74,#c_static_001-1658713112569 .e_loop-294{max-width:1240px;margin:0 auto;} #c_static_001-1658713112569 .e_image-33 img{max-width:455px;margin-bottom: 20px;} } @media screen and (min-width: 1100px) and (max-width:1400px){ #c_static_001-16420726227420 .e_navigationA-6 .p_level1Item a{ padding:0 5px; } #c_static_001-16420726227420 .e_text-8{ padding-left:12px; } #c_static_001-1658713112569 .e_container-132 .cbox-132-1.active{ right: 20px!important; width:360px !important; } } @media screen and (min-width: 780px) and (max-width: 1100px){ #c_static_001-16420726227420 .e_container-1 .cbox-1-1{ display:none; } #c_static_001-16420726227420 .e_container-1 .cbox-1-2{ margin-left:auto; } #c_static_001-16420726227420 .e_container-1{ justify-content: space-between; } } /*首页新闻*/ #c_grid-1660032846656>div{ height: 100%; } #c_static_001-1660034363949{ height:93px; } #c_magiccube_009-1660029593557{ height:auto; } #content_box-1660032846656-0{ height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } #c_magiccube_009-1660029593557 .p_top{ display: flex; align-items: center; justify-content: center; } .main #c_magiccube_009-1660029593557 .swiper-button-prev{ bottom: 0; top: auto; left: 20px; } .main #c_magiccube_009-1660029593557 .swiper-button-next{ bottom: 0; top: auto; right: auto; left:100px; } /*结束*/ /*首页*/ #html_zx1 .swiper-slide .homet_img img:hover{ transition-delay: 0; transform: rotate(360deg); cursor: pointer; } @media screen and (max-width: 768px){ #html_zx1 .homet_text{ max-width: 56%; margin-right: auto; } #c_static_001-1660611637354 #html_zx1 .homet_text1{ font-size:20px; } #c_static_001-1660611637354 #html_zx1 .homet_text2{ font-size:16px; margin-top:10px; } #c_static_001-1660611637354 #html_zx1 .homet_img img{ width:40px; } #c_static_001-1660611637354 #html_zx1 .homeym_con{ width:50px; height:50px; right: 10px; bottom: 10px; display:none; } #c_static_001-1660611637354 #html_zx1 .homeym_con span:nth-child(1){ font-size:18px; } #c_static_001-1660611637354 #html_zx1 .homeym_con span:nth-child(2){ font-size:12px; margin-top:5px; } #c_static_001-1660611637354 #html_zx1 .homet_text3{ font-size:20px; } #c_static_001-1660611637354 #html_zx1 .homedown .home_page span{ margin:0 5px; } #c_static_001-1660611637354 #html_zx1 .homedown .home_page{ text-align: center; bottom: 23px; } } #c_static_001-1660611637354.swiper-slide-active .home_page span{ margin-left:5px; } #c_static_001-1660611637354 .home_page span{ margin-left:50px; transition: all 2s; } body { margin: 0; padding: 0; } * { box-sizing: border-box; } #html_zx1,#html_zx1 .homedown{ height:100%; } #html_zx1 .home_con1, #html_zx1 .homedown { position: relative; display: flex; align-items: center; justify-content: center; height:100%; } #html_zx1 .home1_img { width: 100%; height:100%; } #html_zx1 .home1_img img { width: 100%; height:100%; object-fit: cover; } #html_zx1 .homeym_con { width: 152px; height: 152px; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; right: 60px; bottom: 40px; z-index: 2; } #html_zx1 .homeym_con span:nth-child(1) { font-size: 48px; font-family: Montserrat; font-weight: 300; color: #FFFFFF; } #html_zx1 .homeym_con span:nth-child(2) { font-size: 18px; font-family: Montserrat; font-weight: 300; color: #FFFFFF; margin-left: 5px; margin-top: 20px; } #html_zx1 .homet_con { max-width: 1480px; width:100%; padding: 0 20px; position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; } #html_zx1 .homet_text1 { font-size: 60px; font-family: PingFangSC; font-weight: 600; color: #FFFFFF; line-height:1; } #html_zx1 .homet_text2 { font-size: 20px; font-family: Montserrat; font-weight: 300; color: #FFFFFF; margin-top: 30px; line-height:1; } #html_zx1 .homet_text3 { font-size: 60px; font-family: PingFangSC; font-weight: 200; color: #FFFFFF; margin-bottom: 20px; line-height:1; } #html_zx1 .homet_img { margin-top: 45px; display: flex; align-items: center; } #html_zx1 .homet_img img { width: 71px; margin-right: 10px; } #html_zx1 .homet_text { width: 100%; } #html_zx1 .homedown .home_page { text-align: left; max-width: 1480px; width:100%; padding: 0 20px; left: auto; bottom: 100px; } #html_zx1 .homedown .home_page span { width: 11px; height: 11px; background: #FFFFFF; opacity: 0.6; border-radius: 50%; } #html_zx1 .homedown .home_page span.swiper-pagination-bullet-active { opacity: 1 !important; } #html_zx1 .swiper-slide .homet_text3 { position: relative; left: -100px; transition: all 2s; opacity: 0; } #html_zx1 .swiper-slide .homet_text1 { position: relative; left: -100px; transition: all 2s; opacity: 0; } #html_zx1 .swiper-slide .homet_text2 { position: relative; bottom: -50px; transition: all 2s; opacity: 0; transition-delay: 0.6s; } #html_zx1 .swiper-slide .homet_img img { position: relative; transition: all 1s; } #html_zx1 .swiper-slide .home1_img { overflow: hidden; } #html_zx1 .swiper-slide .home1_img img { transform: scale(1.1); transition: all 2s; } #html_zx1 .swiper-slide.swiper-slide-active .home1_img img { transform: scale(1); } #html_zx1 .swiper-slide.swiper-slide-active .homet_text1 { left: 0; opacity: 1; } #html_zx1 .swiper-slide.swiper-slide-active .homet_text2 { bottom: 0; opacity: 1; } #html_zx1 .swiper-slide.swiper-slide-active .homet_text3 { left: 0; opacity: 0.8; } #html_zx1 .homeym_con img{ position: absolute; width: 100%; } #html_zx1 .swiper-slide:nth-child(2) .homeym_con img{ transform: rotate(90deg); } #html_zx1 .swiper-slide:nth-child(3) .homeym_con img{ transform: rotate(180deg); } #html_zx1 .swiper-slide:nth-child(4) .homeym_con img{ transform: rotate(270deg); } #html_zx1 .homet_img img{ transition: all 1.2s; transform: rotate(0deg); } #html_zx1 .homet_img img:hover{ transform: rotate(360deg); }