锘緻charset "utf-8"; body { font-family: "Microsoft Yahei", "PingFang SC", "Helvetica Neue", Helvetica, Arial; } @font-face { font-family: "AntonRegular"; src: url("../fonts/AntonRegular.woff2") format("woff2"), url("../fonts/AntonRegular.woff") format("woff"), url("../fonts/AntonRegular.ttf") format("truetype"), url("../fonts/AntonRegular.eot") format("embedded-opentype"), url("../fonts/AntonRegular.svg") format("svg"); } @font-face { font-family: "ROBOTO-BOLD"; src: url("../fonts/ROBOTO-BOLD.woff2") format("woff2"), url("../fonts/ROBOTO-BOLD.woff") format("woff"), url("../fonts/ROBOTO-BOLD.ttf") format("truetype"), url("../fonts/ROBOTO-BOLD.eot") format("embedded-opentype"), url("../fonts/ROBOTO-BOLD.svg") format("svg"); } @font-face { font-family: "MontserratBold"; src: url("../fonts/MontserratBold.woff2") format("woff2"), url("../fonts/MontserratBold.woff") format("woff"), url("../fonts/MontserratBold.ttf") format("truetype"), url("../fonts/MontserratBold.eot") format("embedded-opentype"), url("../fonts/MontserratBold.svg") format("svg"); } /*鍒嗕韩缈昏瘧*/ #bsWXBox .bsTop:after { /*鍒嗕韩涓枃鐗堟湰*/ content: '- 寰俊'; /*鍒嗕韩鑻辨枃鐗堟湰*/ /* content: '- weixin'; */ display: block; position: absolute; left: 85px; top: 50%; font-size: 14px; transform: translateY(-50%); } #bsWXBox .bsTop:before { /*鍒嗕韩涓枃鐗堟湰*/ content: '鍒嗕韩鍒?; /*鍒嗕韩鑻辨枃鐗堟湰*/ /* content: 'Share the'; */ display: block; position: absolute; left: 10px; top: 50%; font-size: 14px; transform: translateY(-50%); } /*瀵艰埅榛樿閫変腑*/ .yxnav_active1 {} .yxnav_active2 {} /* - banner - start*/ .ys_banner { width: 100%; position: relative; } .ys_ban_li { position: relative; overflow: hidden; } .ys_ban_imgbox { position: relative; z-index: 1; } .ys_ban_imgbox img { width: 100%; } .ys_ban_li>a { display: block; } .ys_ban_ph { display: none; } .ys_ban_video { position: absolute; left: 50%; top: 50%; z-index: 2; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; } .ys_ban_li:not(:first-child) { display: none; } .ys_ban_imgbox::before { content: ""; display: block; position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%; background: rgba(0, 0, 0, .1); } .ys_ban_txtbox { z-index: 5; } /* 瑙勮寖 */ .he_tit1 { font-size: 60px; line-height: 1.2; color: #fff; } .he_tit2 { font-size: 40px; color: #333; line-height: 1.3; } .he_tit3 { font-size: 24px; line-height: 1.5; color: #333; } .he_word, .he_word p { font-size: 16px; line-height: 1.75; color: #333; } .he_add { padding: 150px 0; } /* - banner - end*/ /* helen star */ .he_hd_pc { position: fixed; top: 0; left: 0; width: 100%; background: #fff; padding: 0 100px; display: flex; justify-content: space-between; transition: all 0.36s; } .he_hd_lo { width: 200px; line-height: 80px; } .he_hd_lo img { width: 100%; } .he_hd_ic { width: 20px; line-height: 80px; cursor: pointer; } .he_hd_ic img { width: 100%; } .he_hd_na { font-size: 16px; line-height: 80px; color: #333; display: block; } .he_hd_nli { margin: 0 39px; position: relative; } .he_hd_nli::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0%; height: 2px; background: #004090; transition: all 0.36s; opacity: 0; } .he_hd_nv { position: absolute; top: 0; left: 50%; transform: translateX(-50%); white-space: nowrap; } .yx_search3_btn { width: 27px; margin-right: 50px; line-height: 60px; position: relative; } .yx_search3_btn img { width: 100%; transition: all .36s; } .yx_search3img1 { position: relative; top: 0; left: 0; } .yx_search3img2 { position: absolute; top: 18px; left: 0; opacity: 0; } .yx_search3box { position: relative; } .yx_search3xlbox { width: 100%; height: 250px; background: rgba(255, 255, 255, 1); box-shadow: 0 5px 13px rgba(35, 50, 64, 0.13); display: none; position: fixed; left: 0; top: 80px; z-index: 99; } .yx_search3_tbox { width: 50%; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 60px; border-bottom: 1px solid #666; } .yx_search3xlbtn { width: 27px; line-height: 60px; } .yx_search3xlbtn img { width: 100%; transition: all .36s; } .yx_search3_xls { width: calc(100% - 27px); padding-right: 20px; } .yx_search3_xls input { font-size: 16px; line-height: 3.75; color: #666; width: 100%; transition: all .36s; } .yx_search3_xls input::placeholder { color: #666; } .yx_search3.act .yx_search3_btn .yx_search3img2 { opacity: 1; } .yx_search3.act .yx_search3_btn .yx_search3img1 { opacity: 0; } .yx_search3_btn.on .yx_search3img2 { opacity: 1; } .yx_search3_btn.on .yx_search3img1 { opacity: 0; } .he_down { position: absolute; top: 80px; display: none; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); } .he_down1 { width: 320px; background: #fff; border-radius: 0px 0px 20px 20px; padding: 30px 34px; left: 50%; transform: translateX(-50%); } .he_downul { width: 100%; } .he_downlw { width: 30px; } .he_downlw img { width: 100%; } .he_downlk { width: 8px; } .he_downlk img { width: 100%; } .he_downlu p { font-size: 16px; line-height: 1.5; color: #333; transition: all 0.36s; } .he_downli a { display: flex; align-items: center; padding: 25px 20px; } .he_downlu { width: calc(100% - 38px); padding: 0 29px; } .he_downli { border-bottom: 1px solid #ECECEC; } .he_downli:last-child { border: none; } .he_hd_nli.yxnav_active1 .he_hd_na { color: #004090; } .he_downli.yxnav_active2 .he_downlu p { color: #004090; } .he_hd_nli.yxnav_active1::after { width: 100%; opacity: 1; } .he_down2 { width: 1036px; background: #fff; border-radius: 10px; padding: 40px; left: -120px; position: fixed; width: 100vw; left: 50%; transform: translateX(-50%); } .he_down2km { /* width: 100%; */ display: flex; flex-wrap: wrap; } .he_down2khx p { font-size: 16px; line-height: 1.5; color: #333; transition: all 0.36s; } .he_down2khx { margin-top: 24px; } .he_img { width: 100%; position: relative; top: 0; left: 0; } .he_img1 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .he_down2kwm { position: relative; border-radius: 10px; overflow: hidden; } .he_down2kwm img { transition: all 0.6s; } .he_down2kli { width: 25%; padding: 0 14px; } .he_down2km { margin: 0 -14px; } .he_down2kli a { display: block; width: 100%; } .he_down2kli.yxnav_active2 a .he_down2khx p { color: #004090; } .ys_main { margin-top: 80px; } .he_ban_do { margin-bottom: 34px; } .he_ban_do .he_tit1 { font-weight: bold; color: #fff; } .he_tit20 { font-size: 20px; line-height: 1.75; color: #fff; } .he_ban_te { width: 550px; max-width: 100%; } .ys_banner .slick-dots { width: 1400px; left: 50%; transform: translateX(-50%); text-align: left; bottom: 135px; } .ys_banner .slick-dots li { background: transparent; border: 1px solid #fff; } .ys_banner .slick-dots li.slick-active { background: #fff; } .he_syp1 { width: 100%; position: relative; } .he_syp1bx { width: 100%; position: relative; } .he_syp1ti { width: 100%; position: relative; display: flex; align-items: flex-end; justify-content: space-between; } .he_syp1tip .he_tit2 { font-weight: bold; color: #333; line-height: 1.5; } .he_syp1pule p { font-size: 14px; line-height: 44px; color: #fff; transition: all 0.36s; } .he_syp1pule { padding-right: 14px; } .he_syp1puri { width: 12px; line-height: 44px; position: relative; } .he_syp1puri img { width: 100%; } .he_syp1pub a { display: flex; /* background: #004090; */ border: 1px solid #004090; border-radius: 5px; padding: 0 34px; align-items: center; position: relative; z-index: 1; overflow: hidden; } .he_syp1pub a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #004090; z-index: -1; display: block; } .he_syp1dm { margin-bottom: 8px; } .he_margin { margin-bottom: 50px; } .he_syp1puri .he_img { top: -2px; } .he_syp1puri img { transition: all 0.36s; } .he_syp1puri .he_img1 { opacity: 0; } .he_syp1pub a::after { transition: all 0.36s; } .he_syp1pub.on a::after { left: 100%; transition: all 0.36s; } .he_syp1pub.on1 a::after { left: -100%; transition: all 0s; } .he_syp1pub.on .he_syp1pule p { color: #004090; } .he_syp1pub.on1 .he_syp1pule p { color: #004090; } .he_syp1pub.on1 .he_syp1puri .he_img { opacity: 0; } .he_syp1pub.on1 .he_syp1puri .he_img1 { opacity: 1; } .he_syp1pub.on .he_syp1puri .he_img { opacity: 0; } .he_syp1pub.on .he_syp1puri .he_img1 { opacity: 1; } .he_syp1gm { width: 100%; position: relative; } .he_syp1gli { width: 25%; padding: 0 14px; padding-bottom: 30px; } .he_syp1gul { margin: 0 -14px; display: flex; flex-wrap: wrap; } .he_syp1gwm { width: 100%; position: relative; text-align: center; } .he_syp1ig { width: 100%; position: relative; overflow: hidden; background: #C4C4C4; border-radius: 20px 20px 0px 0px; } .he_syp1gwm { background: #FFFFFF; box-shadow: 0px 5px 15px rgba(0, 34, 75, 0.1); border-radius: 0px 0px 20px 20px; } .he_syp1gek { padding: 34px 18px 50px; } .he_syp1gep1 .he_tit3 { font-weight: bold; color: #333; line-height: 1.75; overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; transition: all 0.36s; } .he_syp1gep2 p { font-size: 16px; line-height: 1.75; color: #666; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .he_syp1gep1 { margin-bottom: 10px; } .he_syp1ig img { transition: all 0.6s; } .he_syp1gm .slick-dots li { background: transparent; border: 1px solid #004090; } .he_syp1gm .slick-dots li.slick-active { background: #004090; } .he_syp1gm .slick-dots { bottom: -45px; } .he_syp1gul .slick-arrow { width: 16px; height: 26px; z-index: 10; } .he_syp1gul .slick-arrow::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/a1_arrow01.svg); background-size: 100% 100%; transition: all 0.36s; opacity: 0; } .he_syp1gul .slick-arrow::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/a1_arrow02.svg); background-size: 100% 100%; transition: all 0.36s; } .he_syp1gul .slick-next::after, .he_syp1gul .slick-next::before { transform: rotate(180deg); } .he_syp1gul .slick-prev { left: -53px; } .he_syp1gul .slick-next { right: -53px; } .he_syp1gul .slick-arrow.slick-disabled { cursor: inherit; } .he_syp1gul .slick-arrow.slick-disabled::after { opacity: 1; } .he_syp1gul .slick-arrow.slick-disabled::before { opacity: 0; } .he_syp2 { width: 100%; position: relative; } .he_syp2bx { width: 100%; position: relative; display: flex; flex-wrap: wrap; } .he_syp2kp { padding-bottom: 70px; } .he_syp2kp p { font-size: 18px; line-height: 1.75; color: #333; margin-bottom: 20px; } .he_syp2bri { width: 615px; padding: 0 110px; } .he_syp2ble { width: calc(100% - 615px); padding-right: 162px; } .he_syp2bm { display: inline-block; } .he_syp2bgli { width: 50%; padding: 0 18px; } .he_syp2bwm { margin-bottom: 20px; } .he_syp2bgli:nth-child(2n) { margin-top: 56px; } .he_syp2bgul { margin: 0 -18px; } .he_syp2bwm { width: 100%; position: relative; border-top: 2px solid #004090; padding: 40px 18px 48px; text-align: center; } .he_syp2bwm::after { content: ''; position: absolute; top: -6px; left: 50%; transform: translateX(-50%); width: 10px; height: 10px; background: #004090; border-radius: 50%; } .he_syp2bwm::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #004090 0%, rgba(0, 64, 144, 0) 100%); opacity: 0.08; } .he_syp2bp1 p { font-size: 78px; line-height: 1.5; color: #004090; font-family: "AntonRegular"; } .he_syp2bp2 p { font-size: 16px; line-height: 1.75; color: #333; } .he_syp3 { width: 100%; background-color: #00285A !important; } .he_syp3bx { width: 100%; position: relative; } .he_syp3 .he_syp1tip .he_tit2 { color: #fff; } .he_syp3 .he_syp1pub a { border: 1px solid #0092FE; } .he_syp3 .he_syp1pub a::after { background: #0092FE; } .he_syp3bg { width: 100%; position: relative; } .he_syp3bwk { width: 100%; position: relative; background: #FFFFFF; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); border-radius: 20px; padding: 68px 68px 100px; display: flex; flex-wrap: wrap; } .he_syp3ble { width: 734px; } .he_syp3bri { width: calc(100% - 734px); padding-left: 60px; } .he_syp3btli { width: 100%; position: relative; } .he_syp3btx { width: 100%; position: relative; } .he_syp3big { width: 100%; overflow: hidden; background: #C4C4C4; border-radius: 20px; position: relative; } .he_syp3big::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #202020 0%, rgba(54, 54, 54, 0) 100%); opacity: 0.7; transform: matrix(1, 0, 0, -1, 0, 0); } .he_syp3big img { transition: all 0.6s; } .he_syp3bim { width: 100%; position: absolute; bottom: 0; left: 0; padding: 50px; padding-right: 130px; } .he_syp3bimp1 p { font-size: 18px; line-height: 1.75; color: #fff; } .he_syp3bimp2 p { font-size: 18px; line-height: 1.75; color: #fff; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .he_syp3bimp1 { margin-bottom: 10px; } .he_syp3brf { width: 100%; position: relative; } .he_syp3bic { width: 25px; } .he_syp3bic img { width: 100%; } .he_syp3bip p { font-size: 18px; line-height: 1.5; color: #004090; } .he_syp3bkt { display: flex; align-items: center; margin-bottom: 15px; } .he_syp3bip { padding-left: 13px; } .he_syp3bcm p { font-size: 18px; line-height: 1.75; color: #333; transition: all 0.36s; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .he_syp3bli a { display: block; width: 100%; padding: 27px 0; } .he_syp3bli { border-bottom: 1px solid #E2E2E2; } .he_syp3bli:last-child { border: none; } .he_syp3btli { display: none; } .he_syp3btli:first-child { display: block; } .he_syp3btul .slick-dots li { background: transparent; border: 1px solid #004090; } .he_syp3btul .slick-dots li.slick-active { background: #004090; } .he_syp3btul .slick-dots { bottom: -32px; } .ys_footer { width: 100%; background-color: #00285A; padding-top: 20px; position: relative; z-index: 10; } .he_fot { width: 100%; position: relative; } .he_fotbx { width: 100%; /* border-top: 1px solid rgba(255, 255, 255, 0.3); */ display: flex; /* align-items: center; */ flex-wrap: wrap; padding-top: 42px; padding-bottom: 52px; } .he_fotbri { width: 260px; padding-top: 28px; } .he_fotble { width: calc(100% - 260px); } .he_fotblog { width: 204px; margin-bottom: 68px; } .he_fotblog img { width: 100%; } .he_fotbali a { font-size: 16px; line-height: 1.5; color: #fff; transition: all 0.36s; } .he_fotbali { margin-right: 76px; } .he_fotbaul { display: flex; flex-wrap: wrap; } .he_fotbqric { width: 24px; margin-top: 5px; } .he_fotbqric img { width: 100%; } .he_fotbqrox p { font-size: 20px; line-height: 1.5; color: #fff; font-weight: bold; } .he_fotbqrli { display: flex; margin-bottom: 17px; } .he_fotbqrox { padding-left: 15px; } .he_fotbsh .bshare-custom { display: flex; justify-content: flex-end; } .he_fotbsh .ys_sharebox { margin-left: 30px; } .he_fotbsh { margin-bottom: 39px; } .he_fotbq { width: 100%; position: relative; background-color: #001C3F; padding: 22px 0; } .he_fotbqgn { width: 100%; position: relative; } .he_fotbqgn p, .he_fotbqgn p a { font-size: 14px; line-height: 1.75; color: rgba(255, 255, 255, 0.5); } .he_byyongsy { margin-left: 106px; margin-right: 50px; } .slick-dots li { margin: 0 10px; } .ys_hd_pc.isfixed .he_hd_pc { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); } .he_index .he_fotbx { border-top: 1px solid rgba(255, 255, 255, 0.3); } /* helen end */ .ys_nypage .ys_ban_imgbox::before { width: 50%; background: linear-gradient(90deg, #004090 1.21%, rgba(0, 64, 144, 0) 100.79%); } .he_bord { position: absolute; top: 30px; left: 0; width: 100%; z-index: 10; } .he_bordbx { width: 100%; position: relative; } .he_bordbli a { font-size: 14px; line-height: 1.5; color: #fff; } .he_bordbul { display: flex; align-items: center; } .he_bordbli { margin-left: 38px; position: relative; } .he_bordbli::after { content: ''; position: absolute; top: 4px; left: -20px; font-size: 14px; line-height: 1.5; color: #fff; background-image: url(../images/b1_arrow01.svg); width: 10px; height: 14px; background-size: 100% 100%; } .he_bordbli:first-child::after { display: none; } .he_bordbli:first-child a { max-width: 24px; } .he_bordbli:first-child { margin-left: 0; } .he_tit48 { font-size: 48px; line-height: 1.5; color: #fff; font-weight: bold; } /* 瑙勮寖-start */ /* @color */ .c_main_color { color: #00285A; } .c_assist_color1 { color: #004090; } .c_assist_color2 { color: #0092FE; } .c_white_color { color: #fff; } .c_333_color { color: #333; } /* @tit */ .c_tit1 { font-size: 60px; line-height: 1.2; color: #333; font-weight: bold; } .c_tit2 { font-size: 40px; line-height: 1.3; color: #333; font-weight: bold; } .c_tit3 { font-size: 24px; line-height: 1.5; color: #333; font-weight: bold; } .c_tit4 { font-size: 20px; line-height: 1.5; color: #333; font-weight: bold; } /* @text */ .c_text1, .c_text1 p { font-size: 18px; line-height: 1.75; color: #333; } .c_text2, .c_text2 p { font-size: 16px; line-height: 1.75; color: #333; } /* 缂栬緫鍣 */ .yxedr_active h4 { font-weight: bold; font-size: 16px; line-height: 1.75; margin-bottom: 12px; } .yxedr_active p { font-size: 16px; line-height: 1.75; margin-bottom: 20px; color: #333; } /* @spacing */ /* 150 */ .c_padd150150 { padding: 150px 0; } .c_padd150 { padding-top: 150px; } .c_paddB150 { padding-bottom: 150px; } .c_marB150 { margin-bottom: 150px; } /* 120 */ .c_padd120120 { padding: 120px 0; } .c_padd120 { padding-top: 120px; } .c_paddB120 { padding-bottom: 120px; } .he_paddB120 { margin-bottom: 120px; } /* 50 */ .c_marB50 { margin-bottom: 50px; } .c_padd50 { padding-top: 50px; } .c_paddB50 { padding-bottom: 50px; } /* 瑙勮寖-end */ .c_nav { background-color: #fff; position: relative; z-index: 1000; } .c_nav_list { width: 100%; display: flex; justify-content: center; border-bottom: 1px solid #E9E9E9; background: #fff; } .c_nav_item { min-width: 220px; padding: 0 24px; text-align: center; cursor: pointer; } .c_nav_item.active .c_nav_a { color: #004090; } .c_nav_a { line-height: 80px; font-size: 16px; color: #333; transition: all 0.36s; } .c_b1_item_tit { line-height: 1.2; margin-bottom: 30px; color: #004090 !important; text-align: center; } .c_b1_item_nav { display: flex; background-color: #004090; border-radius: 10px 10px 0 0; } .c_b1_item_nav>div { color: #fff; font-size: 18px; line-height: 60px; } .c_b1_col1 { width: 17%; text-align: center; } .c_b1_col2 { width: 23%; display: flex; align-items: center; } .c_b1_col2 p { line-height: 1.5; word-break: break-all; } .c_b1_col3 { width: 35%; display: flex; align-items: center; } .c_b1_col3 p { line-height: 1.5; } .c_b1_col2, .c_b1_col3 { padding-left: 70px; padding-right: 30px; } .c_b1_col4 { width: 25%; display: flex; justify-content: center; align-items: center; text-align: center; } .c_b1_col4 .c_imgbox { margin-left: 12px; transition: all 0.36s; } .c_b1_ziItem.active .c_b1_ziItem_con1 .c_imgbox { transform: rotate(180deg); } .c_b1_ziList .c_b1_ziItem:nth-child(2n-1) .c_b1_ziItem_con1 { background-color: #fff; } .c_b1_ziList .c_b1_ziItem.active .c_b1_ziItem_con1 { background-color: #f0f3f8; } .c_b1_ziItem { border: 1px solid #EEEEEE; border-top: none !important; } .c_b1_con .c_b1_list:first-child .c_b1_ziItem:first-child .c_b1_ziItem_con2 { display: block; } .c_b1_con .c_b1_list:last-child .c_b1_item { padding-bottom: 0 !important; } .c_b1_gbtnbox { margin-top: 40px !important; } .c_b1_ziItem_con1 { display: flex; background-color: #F0F3F8; cursor: pointer; } .c_b1_ziItem_con1>div { line-height: 55px; border-right: 1px solid #eee; } .c_b1_ziItem_con1>div:last-child { border: none; } .c_b1_code { display: inline-block; width: 70px; background-color: #009834; color: #fff; font-size: 14px; line-height: 24px; border-radius: 5px; } .c_b1_ziItem_con2 { padding: 0px calc(5.5% + 10px) 57px; display: none; } .c_b1_ziItem_con2 { overflow: hidden; } .c_b1_ziItem_con2>div { margin-top: 30px; } .c_b1_ziItem_con2 .c_tits { font-size: 16px; font-weight: bold; line-height: 2; color: #004090; margin-bottom: 5px; } .c_b1_col2_1 .c_b1_col2_1li { position: relative; font-size: 14px; line-height: 2; color: #333; padding-left: 25px; } .c_b1_col2_1 .c_b1_col2_1li::before { content: ""; position: absolute; width: 8px; height: 8px; background-color: #004090; border-radius: 50px; top: 9px; left: 2px; } .c_b1_col2_2 .c_tits, .c_b1_col2_3 .c_tits { margin-bottom: 12px; } .c_b1_col2_2li, .c_b1_col2_3li { min-width: 132px; padding: 0 25px; font-size: 14px; line-height: 40px; margin-right: 32px; border-radius: 5px; background: #F0F3F8; text-align: center; color: #333; } .c_b1_col2_3 {} .c_b1_col2_3ul {} .c_b1_col2_3li { display: flex; align-items: center; justify-content: center; } .c_b1_col2_3li p { line-height: 40px; } .c_b1_col2_3li .c_imgbox { width: 17px; margin-left: 5px; } .c_code2 .c_b1_code { background-color: #95D0A9 !important; } .c_code3 .c_b1_code { background-color: #B6B6B6 !important; } .c_b1_item_con { position: relative; } .c_typelist { position: absolute; top: 0%; left: calc(100% + 80px); } .c_typelist .c_b1_code { text-align: center; flex-shrink: 0; } .c_typeitem { display: flex; align-items: center; margin-bottom: 20px; } .c_typeitem_text { line-height: 1.5; flex-shrink: 0; margin-left: 20px; } /* b1-end */ /* c1-start */ .c_c1p1box { padding-bottom: 80px; } .c_c1p1 { display: block; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); border-radius: 20px; } .c_c1p1_fl, .c_c1p1_fr { width: 50%; } .c_c1p1_fl .c_imgbox img { transition: all 0.36s; width: 100%; } .c_c1p1_fl .c_imgbox { border-radius: 20px; overflow: hidden; } .c_c1p1_fr { padding: 0 75px; } .c_c1p1_fr_con { margin-top: 80px; } .c_times { display: flex; align-items: center; } .c_times .c_imgbox { width: 30px; margin-right: 15px; } .c_c1p1_fr .c_tit4 { margin-top: 35px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .c_c1p1_fr_con>.c_text1 p { margin-top: 20px; color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .c_lookmore { display: flex; align-items: center; } .c_lookmore .c_imgbox { width: 17px; margin-left: 20px; } .c_lookmore .c_imgbox img { width: 100%; } .c_c1p1_fr_con .c_lookmore { margin-top: 65px; } .c_c1p2_listbox { margin-bottom: 100px; } .c_c1p2_list { display: flex; flex-wrap: wrap; margin: 0 -14px; } .c_c1p2_item { width: 33.333333%; padding: 0 14px; } .c_c1p2_con { height: 100%; display: flex; flex-direction: column; /* border-top: 1px solid rgba(226, 226, 226, 1); */ border-bottom: 1px solid rgba(226, 226, 226, 1); padding-bottom: 35px; transition: all 0.36s; } .c_c1p2_item:nth-child(1) .c_c1p2_con, .c_c1p2_item:nth-child(2) .c_c1p2_con, .c_c1p2_item:nth-child(3) .c_c1p2_con { border-top: 1px solid rgba(226, 226, 226, 1); } .c_c1p2_conbox { padding: 0 30px; } .c_c1p2_conbox .c_imgbox { border-radius: 20px; } .c_c1p2_conbox .c_imgbox img { width: 100%; } .c_c1p2_conbox .c_times { margin-top: 25px; } .c_c1p2_conbox>.c_text1 { margin-top: 15px; height: 60px; } .c_c1p2_conbox>.c_text1 p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .c_c1p2_conbox .c_lookmore { margin-top: 35px; } .c_c1p2_conbox .c_lookmore .c_imgbox { margin-left: 10px; } .c_c1p2_list .c_noTopBorder .c_c1p2_con { border-top: none !important; } .c_c1 .pc_fenye li.activepage { background: #004EA2; } .c_c2_newcon .c_text2 p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } /* c1-end */ /* c2-start */ .c_c2_fl { width: 68%; } .c_c2_flcon { padding-right: 75px; border-right: 1px solid #D7D7D7; margin-bottom: 55px; } .c_c2_fr { width: 32%; padding-left: 75px; } .c_c2_fl .c_c2tit h2 { line-height: 1.5; font-weight: normal; } .c_c2_fl .c_c2tit { margin-bottom: 25px; } .c_c2_fl .c_times { margin-bottom: 35px; } .c_c2_fl .c_times .c_imgbox { width: 16px; margin-right: 10px; } .c_c2edr p { font-size: 16px; line-height: 1.75; margin-bottom: 20px; } .c_c2edr img { margin: 30px 0 45px; } .c_c2_fr_tit { margin-bottom: 25px; display: inline-block; } .c_c2_fr_tit .c_imgbox { line-height: 30px; width: 10px; } .c_c2_fr_tittext { font-size: 16px; line-height: 30px; color: #333333; margin-left: 15px; } .c_c2_newitem { margin-bottom: 50px; } .c_c2_newitem .ys_imgbox_cover { border-radius: 20px; } .c_c2_newitem .ys_imgbox_cover img { transition: all 0.36s; } .c_c2_newitem .ys_imgbox_cover { margin-bottom: 20px; } .c_c2_newitem .c_times { margin-bottom: 5px; } .c_c2_newitem .c_times .c_imgbox { width: 20px; margin-right: 10px; margin-top: -2px; } .c_c2_newitem .c_times .c_text1 p { font-size: 16px; color: #004090; } .c_c2_pages { width: 100%; border-right: none; margin-bottom: 0px !important; border-right: none !important; } .c_c2_pages_flli { margin-bottom: 15px; color: #666666; } .c_c2_pages_flli p { color: #666666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: all 0.36s; } .c_c2_pages_fl { width: 70%; } .c_c2_pages_fr { width: 30%; } .c_c2_pages_fr .c_text2 { text-align: right; } .c_c2_pagescon { border-top: 1px solid #D7D7D7 !important; padding-top: 40px; width: 100%; } .c_c2_pages_fr .ys_sharebox { margin-left: 25px; line-height: 28px; } /* c2-end */ /* d1-start */ .c_d1 { background-color: #f8f8f8; } .c_d1_fl { width: calc(100% - 71.5%); padding-right: 20px; } .c_d1_fr { width: 71.5%; } .c_d1_fl_list {} .c_d1_fl_item { margin-bottom: 16px; } .c_d1_fl_con { display: inline-block; font-size: 16px; line-height: 2; padding-left: 38px; position: relative; color: #333; transition: all 0.36s; } .c_d1_fl_item.active .c_d1_fl_con::before { background: #004090; } .c_d1_fl_item .c_d1_fl_con::before { content: ""; width: 8px; height: 8px; border-radius: 50%; position: absolute; top: 50%; left: 0; background: transparent; transform: translate(0, -50%); transition: all 0.36s; } .c_d1_fl_item.active .c_d1_fl_con { color: #004090; } .c_d1_titbox { display: flex; align-items: center; justify-content: space-between; } .c_d1_titbox .c_d1_tit { color: #004090; } .c_searchbox { min-width: 185px; width: 38.4%; position: relative; border: 1px solid #D7D7D7; border-radius: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 25px; } .c_searchbox input[type="search"] { width: 100%; line-height: 50px; font-size: 16px; } .c_search_icon { width: 22px; flex-shrink: 0; cursor: pointer; } .c_search_icon img { width: 100%; } .c_d1_fr_list { margin-bottom: 100px; } .c_d1_fr_item { margin-bottom: 10px; } .c_d1_fr_con { display: block; padding: 30px; background-color: #fff; border-radius: 20px; overflow: hidden; position: relative; } .c_d1_fr_con .c_times .c_imgbox { width: 25px; margin-right: 12px; margin-top: -3px; } .c_d1_fr_con .c_tit4 { margin-top: 15px; font-weight: normal; padding-right: 130px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .c_d1_lookmore { position: absolute; right: 30px; bottom: 30px; } .c_d1_lookmore .c_lookmore .c_imgbox { margin-left: 8px; } .c_gpages .first li::before { content: "<<"; } .c_gpages .prev li::before { content: "<"; } .c_gpages .end li::before { content: ">>"; } .c_gpages .next li::before { content: ">"; } .c_gpages .pc_fenye .prev li { margin-right: 100px; } .c_gpages .pc_fenye .next li { margin-left: 100px; } .c_gpages .pc_fenye .first li { margin-right: 50px; } .c_gpages .pc_fenye .end li { margin-left: 50px; } .c_gpages .pc_fenye li { margin: 0 3px; font-size: 18px; } .c_gpages .pc_fenye li.activepage { background-color: #004EA2; } .c_d1_fr_item .c_times .c_text1 p { color: #004090; } /* d1-end */ /* e1-start */ .c_nav .mCSB_horizontal.mCSB_inside>.mCSB_container { margin-right: 0; margin-bottom: 0px; } .c_nav .mCSB_scrollTools .mCSB_draggerContainer { display: none; } .c_e1p1_fl { width: calc(100% - 54.86%); padding-right: 80px; } .c_e1p1_fr { width: 54.86%; } .c_e1p1_fl .c_tit2 { display: inline-block; padding-bottom: 25px; position: relative; } .c_e1p1_fl .c_tit2::before { content: ""; position: absolute; width: 40%; height: 5px; bottom: 0; left: 0; background-color: #333333; } .c_e1p1_fl .c_text1 { margin-top: 60px; } .c_e1p1_fl .c_text1 p { margin-bottom: 15px; } .c_e1p1_fr { position: relative; } .c_e1p1_fr .c_imgbox { width: 100%; } .c_e1p1_iconbox { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .c_e1p1_icong { position: absolute; } .c_e1p1_icong .c_text { position: absolute; top: 50%; left: 0px; /* width: 40px; */ transform: translateY(-50%); font-size: 16px; padding-left: 25px; white-space: nowrap; } .c_e1p1_icong .c_imgbox { width: 100%; } .c_e1p1_icong { cursor: pointer; } .c_e1p1_icon1 { right: 24%; top: 63%; } .c_e1p1_icon2 { right: 20%; top: 68%; } .c_e1p1_icon3 { right: 54%; top: 71%; } .c_e1p1_icon4 { right: 35%; top: 87%; } .c_e1p1_icong .c_hovertext { position: absolute; bottom: 38px; left: 50%; transform: translateX(-50%); padding: 14px 18px; width: 180px; background-color: #fff; box-shadow: 0px 0px 11px rgba(204, 219, 255, 0.5); border-radius: 10px; font-size: 16px; line-height: 2; opacity: 0; transition: all 0.36s 0.1s; z-index: -1; } .c_e1p1_icong .c_hovertext::before { content: ""; position: absolute; bottom: -12px; left: 50%; transform: translateX(-50%); border-color: #fff; border-bottom: 0 solid transparent; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 14px solid #fff; } .c_botbox { position: absolute; width: 165px; bottom: 0; left: 0; } .c_botbox_text1, .c_botbox_text2 { padding-left: 12px; margin-right: 25px; position: relative; } .c_botbox_text1::before, .c_botbox_text2::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; } .c_botbox_text1::before { background: rgba(214, 93, 22, 1); } .c_botbox_text2::before { background: rgba(0, 64, 144, 1); } .c_botbox_con2 { margin-top: 16px; font-size: 14px; line-height: 24px; color: rgba(153, 153, 153, 1); } .c_e12 { height: 100px; background-color: #00285a; } .c_e1p3_con { display: flex; align-items: center; } .c_e1p3_fl { width: 25%; flex-shrink: 0; padding-right: 150px; } .c_e1p3_fr { width: 75%; flex-shrink: 0; position: relative; } .c_e1p3_fr_listbox { display: none; } .c_e1p3_fr_listbox:first-child { display: block; } .c_e1p3_fl_list { display: flex; justify-content: center; flex-direction: column; } .c_e1p3_fl_item { cursor: pointer; margin: 30px 0; } .c_e1p3_fl_item .c_tit2 { color: rgba(153, 153, 153, 1); transition: all 0.36s; } .c_e1p3_fl_item.active .c_tit2 { color: rgba(0, 64, 144, 1); } .c_e1p3_fr_list { /* display: flex; */ margin: 0 -15px; padding: 0 40px; } .c_e1p3_fr_item .c_imgbox { padding: 0 20px; } .c_e1p3_fr_item { padding: 0 15px; width: 33.333333%; } .c_e1p3_fr_con .c_e1p3_fr_text { text-align: center; font-size: 16px; line-height: 1.75; margin-top: 25px; min-height: 3.5em; } .c_e1p3_fr_listbox .slick-prev, .c_e1p3_fr_listbox .slick-next { width: 7.5px; height: 15px; background: url('../images/e1p3icon.svg') center/cover no-repeat; } .c_e1p3_fr_listbox .slick-next { background: url('../images/e1p3icon.svg') center/cover no-repeat; transform: translateY(-50%) rotate(180deg); } .c_e1p4 { position: relative; } .c_e1p4_tit { text-align: center; position: relative; z-index: 100; } .c_e1p4_item { padding-top: 66px !important; } .c_e1p4_tit .c_tit2 { position: relative; padding-bottom: 25px; display: inline-block; } .c_e1p4_tit .c_tit2::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 40%; height: 5px; background: #fff; } .c_e1p4_list { margin: 0 -50px; } .c_e1p4_item { width: 25%; padding: 0px 50px; } .c_e1p4_zilist { display: flex; flex-wrap: wrap; margin: 0 -50px; } .c_e1p4_ziitem { width: 100%; padding: 0 50px; position: relative; margin-bottom: 78px; } .c_e1p4_imgbg::before { content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: rgba(0, 0, 0, 0.6); } .c_e1p4_con { padding: 130px 0; position: relative; background: url(../images/e1_bg03.jpg) center/cover no-repeat; width: 100%; height: 100%; z-index: 100; } .c_e1p4_con::before { content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: rgba(0, 0, 0, 0.6); } .c_e1p4_con .c_e1p4_tit { text-align: center; } .c_e1p4_con .c_e1p4_tit h2 { color: #fff !important; } .c_e1p4_ziitem_con { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; color: #fff; display: flex; flex-direction: column; justify-content: center; font-size: 18px; padding: 0 85px; } .c_e1p4_ziitem_time { margin-bottom: 12px; } .c_e1p4_ziitem_text { font-weight: bold; line-height: 1.5; } .c_e1p4_list .slick-dots { bottom: 0px; } .c_e1p4_list .slick-dots li.slick-active { background: #fff; } .c_e1p4_list .slick-dots li { width: 11px; height: 11px; border: 1px solid #fff; background: transparent; } /* e1-end */ /* f1-start */ .c_f1p1_fl { width: calc(47.85%); position: relative; } .c_f1p1_fr { width: calc(100% - 47.85%); padding-left: 190px; padding-top: 60px; } .c_f1p1_fl .ys_imgbox_cover { border-radius: 20px; z-index: 1; } .c_f1p1_fl::after { content: ""; width: 97%; height: 70%; position: absolute; bottom: -50px; right: -50px; background-color: #809fc7; z-index: -1; border-radius: 20px; } .c_f1p1_fr_tit { margin-bottom: 80px; } .c_f1p1_fr_tit .c_tit2 { position: relative; padding-bottom: 25px; display: inline-block; } .c_f1p1_fr_tit .c_tit2::after { content: ""; width: 44%; height: 5px; background-color: #333; position: absolute; bottom: 0; left: 0; } .c_f1p1_fr .c_tit3 { margin-bottom: 20px; } .c_f1p2 { height: 100px; background-color: #f8f9fb; } .c_f1p3_con_img { min-width: 320px; } .c_f1p3 { overflow: hidden; position: relative; z-index: 1; } .c_f1p3_top_img, .c_f1p3_bot_img { position: absolute; z-index: -1; } .c_f1p3_top_img { min-width: 225px; width: 40.4%; top: 0; right: 0; } .c_f1p3_bot_img { width: 26%; bottom: 0; left: 0; } .c_f1p3_main .c_imgbox { width: 89%; border-radius: 20px; overflow: hidden; } .c_f1p3_conbox { display: flex; justify-content: flex-end; margin-top: -15%; } .c_f1p3_con { width: 62.14%; display: flex; justify-content: flex-end; } .c_f1p3_con_item { position: relative; margin-left: 30px; } .c_f1p3_con_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 85px 40px 60px; } .c_f1p3_con_text .c_tit3 { text-align: center; color: #fff; } .c_f1p3_con_text .c_text2 { margin-top: 20px; } .c_f1p3_con_text .c_text2 p { color: #fff; } .c_gtit h2 { padding-bottom: 20px; position: relative; display: inline-block; } .c_gtit h2::before { content: ""; width: 43%; height: 5px; background-color: #333; position: absolute; bottom: 0; left: 0; } .c_f1p3_tit { margin-bottom: 90px; } .c_f1p4 { background-color: #f8f8f8; } .c_f1p4_tit { text-align: center; } .c_f1p4_tit h2::before { left: 50%; transform: translateX(-50%); } .c_f1p4_nav { border-radius: 20px; background-color: #fff; padding: 40px 50px; } .c_f1p4_nav_con { font-size: 16px; margin-bottom: 15px; } .c_f1p4_nav .c_f1p4_nav_con:last-child { margin-bottom: 0px; } .c_f1p4_nav_list { display: flex; flex-wrap: wrap; width: calc(100% - 85px); } .c_f1p4_nav_name { color: #333; } .c_f1p4_nav_item a { color: #999; transition: all 0.36s; } .c_f1p4_nav_list li { text-align: center; min-width: 90px; padding: 0 14px; position: relative; margin-bottom: 5px; } .c_f1p4_nav_list li::before { content: ""; position: absolute; width: 1px; height: 16px; background-color: #999; right: 0; top: 50%; transform: translateY(-50%); } .c_f1p4_nav_list li.c_active a { color: #004090 !important; } .c_f1p4_nav_list li:last-child::before { display: none; } .c_f1p4_con { margin-top: 25px; } .c_f1p4_con_item { padding: 40px 50px 0px; background-color: #fff; border-radius: 20px; margin-bottom: 25px; } .c_f1p4_con_top { padding-bottom: 35px; cursor: pointer; } .c_f1p4_con_top .c_tits { display: flex; justify-content: space-between; align-items: center; } .c_tits_fl { display: flex; /* align-items: center; */ } .c_tits_fl_icon { width: 24px; height: 24px; background-color: #004090; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px; } .c_tits_fl_text { font-weight: normal !important; margin-left: 15px; } .c_tits_fr { width: 20px; transition: all 0.36s; } .c_req_info { margin-top: 30px; } .c_req_info .c_f1p4_nav_list { width: 100%; } .c_req_info .c_f1p4_nav_list .c_f1p4_nav_item { min-width: 0; padding: 0 30px; } .c_req_info .c_f1p4_nav_list .c_f1p4_nav_item:first-child { padding-left: 0px; } .c_f1p4_con_top .c_release_time { font-size: 16px; line-height: 1.2; color: #333; } .c_release_time { margin-top: 12px; font-size: 12px; line-height: 1.2; color: #333; } .c_f1p4_con_bot { padding: 30px 0 85px; border-top: 1px solid #E6E6E6; } .c_f1p4_bot_list { margin-top: 25px; } .c_f1p4_con_bot .c_f1p4_botcons:not(:first-child) { margin-top: 40px; } .c_gbtn { display: inline-block; min-width: 145px; } .c_gbtn a { color: #fff; line-height: 45px; background-color: #004090; border-radius: 5px; display: flex; align-items: center; justify-content: center; } .c_f1p4_con_bot .c_gbtn { margin-top: 46px; } .c_f1p4_con_list .c_f1p4_con_item .c_f1p4_con_bot { display: none; } .c_f1p4_con_item:not(.active) .c_tits_fr { transform: rotate(180deg); } .c_f1_btnbox { margin-top: 60px; text-align: center; } .c_f1_btn { display: inline-block; min-width: 110px; background-color: #004090; text-align: center; border-radius: 5px; } .c_f1_btn a { line-height: 35px; padding: 0 20px; color: #fff; display: block; } /* f1-end */ /* g1-start */ .c_g1_banner { background-color: #f5f5f5; } .c_g1_banner { text-align: center; } /* .c_g1_con { padding-top: 80px; } */ /* g1-end */ /* h1-start */ .c_h1 { position: relative; z-index: 1; } .c_g1bg { position: absolute; top: 0; right: 0; width: 31.25%; /* height: 100%; */ z-index: -1; height: 100%; } .c_g1bg img:first-child { object-fit: cover; height: 100%; width: 100%; } .c_g1bg img:last-child { position: absolute; top: 0; left: -24%; /* width: 33.33333%; */ object-fit: cover; height: 100%; } .c_h1main { padding-top: 140px; } .c_h1_con { width: 62.5%; margin-right: 24%; } .c_h1_con_fl { width: 40%; padding-right: 20px; } .c_h1_con_fr { width: 60%; padding: 50px 70px 80px; background-color: #fff; border-radius: 20px; box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08); } .c_h1_tit { margin-bottom: 65px; } .c_h1_tit h1 { font-size: 48px; font-weight: bold; color: #333; line-height: 1.2; } .c_h1_infolist { border-left: 1px solid #E3E3E3; margin-left: 19px; } .c_h1_infoitem { padding-left: 60px; position: relative; margin-bottom: 60px; } .c_h1_icons { width: 38px; position: absolute; left: 0; top: -5px; transform: translateX(-50%); } .c_h1_ph { margin-bottom: 13px; } .c_c_h1_phnumber p { margin-bottom: 6px; } .c_c_h1_phnumber p a { color: #333; font-size: 16px; color: #333; line-height: 1.5; } .c_h1_phnumber_item { margin-bottom: 15px; } .c_c_h1_smtext { font-size: 14px; line-height: 2; color: #999; } .c_h1_infolist .c_h1_infoitem:last-child { padding-bottom: 10px; } .c_h1_formlist { display: flex; flex-wrap: wrap; margin: 0 -6px; } .c_h1_formitem { width: 50%; padding: 0 6px; margin-bottom: 20px; } .c_h1_formitem.c_textarea { width: 100%; } .c_h1_formkey { margin-bottom: 12px; } .c_h1_formkey span { color: rgba(210, 0, 0, 1); } .c_h1_forminput { position: relative; background-color: #f6f7f9; } .c_placetext { position: absolute; width: 100%; height: 100%; top: 0; left: 0; line-height: 50px; padding-left: 25px; font-size: 14px; color: rgba(153, 153, 153, 1); } .c_h1_forminput input { width: 100%; line-height: 50px !important; padding: 0 25px; height: 50px; color: #000; } .c_h1_forminput input::-webkit-input-placeholder { color: #999; } .c_h1_forminput input:-moz-placeholder { color: #999; } .c_h1_forminput input::-moz-placeholder { color: #999; } .c_h1_forminput input:-ms-input-placeholder { color: #999; } .c_h1_formitem .ys_select_xtbbox { right: 20px; } .c_h1_formitem .ys_select_bd { background-color: #f6f7f9; } .c_h1_formitem .ys_select_li { padding-left: 25px; padding-right: 25px; } .c_h1_formitem.c_textarea textarea { width: 100%; height: 128px; padding: 20px; color: #000; } .c_h1_formitem.c_textarea textarea::-webkit-input-placeholder { color: #999; } .c_h1_formitem.c_textarea textarea:-moz-placeholder { color: #999; } .c_h1_formitem.c_textarea textarea::-moz-placeholder { color: #999; } .c_h1_formitem.c_textarea textarea:-ms-input-placeholder { color: #999; } .c_h1_formitem.c_lastli { width: 100%; } .c_h1_formitem.c_lastli .c_h1_forminput { width: 35%; } .c_h1_formitem.c_lastli .c_h1_formcon { display: flex; align-items: center; } .c_yanzheng { margin-left: 30px; } .c_privacy { display: flex; align-items: center; } .c_privacy_text { margin-left: 12px; line-height: 1.5; } .c_privacy_text, .c_privacy_text a { color: #666; } .c_submit { text-align: center; margin-top: 60px; } .c_lookmore .c_imgbox { position: relative; } .c_lookmore .c_imgbox img { transition: all 0.36s; } .c_lookmore .c_imgbox img:last-child { position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } .c_gbtn a { transition: all 0.36s; } .c_c1p2_conbox .c_times .c_text1 p { color: #004090; } .c_f1_btn { transition: all 0.36s; } /* carter-end */ .he_hd_nul { white-space: nowrap; display: flex; } .ys_ph_navbar3 .ys_phnav_header { background: #004090; } .ys_ph_navbar3 .ys_phnav_header a, .ys_ph_navbar3 .ys_phnav_search .iconfont { color: #fff; } .ys_phnav_menubtn span, .ys_phnav_menubtn::after, .ys_phnav_menubtn::before { background: #fff; } .c_b1 { position: relative; z-index: 1; } .c_b1_list:last-child { margin-bottom: 0 !important; } .c_nav_list.mc_fixed { position: fixed; } .c_nav { height: 81px; } .c_typelist { display: none; } .c_b1_list:first-child .c_typelist { display: block; } .c_c1p2_conbox .c_assist_color1 { transition: all 0.36s; } .ys_phfyfl a { color: #333; } .ys_c2page .he_hd_pc, .ys_h1page .he_hd_pc { box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%); } .c_e1 { position: relative; z-index: 1; } .c_e1p3_fr_listbox .slick-prev.slick-disabled { opacity: 0.5; cursor: inherit; } .c_f1p4_bot_list p { font-size: 16px; color: #333; margin-bottom: 10px; line-height: 1.75; } .c_f1p4_botcons .c_tit3 { font-weight: normal; } .c_yanzheng { width: 72px; } .c_yanzheng img { width: 100%; cursor: pointer; } .c_privacy input { cursor: pointer; } .ys_select_li { font-size: 14px; line-height: 1.5; color: #666; } .ys_select_bd { max-height: 170px; overflow: hidden; } .he_e1p2bx { width: 100%; position: relative; } .he_e1p2 { width: 100%; position: relative; } .he_e1p2bx .c_tit2 { color: #fff; } .he_e1p2bx .c_gtit h2::before { background: #fff; } .he_e1p2wli { width: 33.333333%; padding: 0 62px; } .he_e1p2wul { margin: 0 -62px; } .he_e1p2wm { width: 100%; position: relative; } .he_e1p2wti .he_tit48 { font-family: "ROBOTO-BOLD"; color: rgba(255, 255, 255, 0.3); transition: all 0.36s; } .he_e1p2wtqm p { font-size: 18px; line-height: 1.75; color: rgba(255, 255, 255, 0.3); transition: all 0.36s; } .he_e1p2xsm p { font-size: 40px; line-height: 1.5; color: rgba(255, 255, 255, 0.3); transition: all 0.36s; font-family: "MontserratBold"; } .he_e1p2xbli { width: 20%; text-align: center; cursor: pointer; padding-top: 15px; } .he_e1p2xbrc::after { content: ''; position: absolute; top: 15px; left: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.2); } .he_e1p2xbul { margin-top: 92px; position: relative; } .he_e1p2xsm { position: relative; padding-top: 28px; } .he_e1p2xsm::after { content: ''; position: absolute; top: -3px; left: 50%; transform: translateX(-50%); width: 8px; height: 8px; background: #fff; border-radius: 50%; } .he_e1p2xsm::before { content: ''; position: absolute; top: -11px; left: 50%; transform: translateX(-50%); width: 24px; height: 24px; background: rgba(255, 255, 255, 0.3); border-radius: 50%; transition: all 0.36s; opacity: 0; } .he_e1p2wli.slick-current .he_e1p2wti .he_tit48 { color: #fff; } .he_e1p2wli.slick-current .he_e1p2wtqm p { color: #fff; } .he_e1p2xbli.slick-current .he_e1p2xsm p { color: #fff; } .he_e1p2xbli.slick-current .he_e1p2xsm::before { opacity: 1; } .he_e1p2xbul .slick-arrow { width: 18px; height: 18px; } .he_e1p2xbul .slick-arrow::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/e1arr.svg); background-size: 100% 100%; } .he_e1p2xbul .slick-arrow { top: 7px; transform: inherit; } .he_e1p2xbul .slick-arrow.slick-disabled { opacity: 0.6; } .he_e1p2line { position: absolute; top: 15px; left: 0; height: 1px; background-color: #fff; -webkit-transition: width 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); transition: width 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); } .he_e1p2xbsm { position: relative; overflow: hidden; transform: translateX(); } .he_e1p2xbar { position: absolute; cursor: pointer; } .he_e1p2xbul .he_e1p2xbari::after { transform: rotate(180deg); } .he_e1p2xbul .he_e1p2xbale { left: -45px; } .he_e1p2xbul .he_e1p2xbari { right: -45px; } .he_f1p2 { width: 100%; position: relative; background: #F8F9FB; } .he_f1p2bx { width: 100%; position: relative; } .he_f1p2vskx { height: 580px; position: relative; } .lines { position: absolute; pointer-events: none; top: 0; left: 0; width: 100%; height: 100%; } .payroll-scheme .lines .line1 { top: 20px; left: 67px; left: 5.982%; width: 594px; width: 53.035%; } .line2 { top: 90px; left: 80px; left: 7.142%; width: 604px; width: 53.928%; } .he_line { position: absolute; } .line3 { top: 24px; left: 741px; left: 66.16%; width: 299px; width: 26.696%; } .line4 { top: 91px; left: 729px; left: 65.089%; width: 286px; width: 25.535%; } .line5 { top: 225px; left: 80px; left: 7.142%; width: 290px; width: 25.892%; } .line6 { top: 238px; left: 415px; left: 37.053%; width: 609px; width: 53.375%; } .payroll-scheme__svg { width: 100%; } .lines1 .payroll-scheme__svg path { stroke-dasharray: 1000; stroke: rgba(51, 62, 99, 0.1); stroke-width: 2px; stroke-dashoffset: 1000; fill: none; stroke-dasharray: 5; -webkit-transition: none; -o-transition: none; transition: none; -webkit-animation: stroke-animation .5s infinite linear; animation: stroke-animation .5s infinite linear; } @-webkit-keyframes stroke-animation { from { stroke-dashoffset: 0 } to { stroke-dashoffset: 10 } } @keyframes stroke-animation { from { stroke-dashoffset: 0 } to { stroke-dashoffset: 10 } } .he_e1p2xbrc { white-space: nowrap; overflow: hidden; font-size: 0; position: relative; width: 100%; } .he_e1p2line { height: 1px; left: 0; content: ''; width: calc(calc(20% * var(--pro-shu)) - 10%); transition: width 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); } .he_e1p2xbli { display: inline-block; float: none; position: relative; transition: left 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); left: calc(var(--pro-guo) * -20%); } .lines2 path { stroke-dasharray: 1000; stroke: rgba(51, 62, 99, 0.1); stroke-width: 2px; stroke-dashoffset: 1000; fill: none; } @-webkit-keyframes dash-km { to { stroke-dashoffset: 0 } } @keyframes dash-km { to { stroke-dashoffset: 0 } } .line1 { top: 20px; left: 67px; left: 5.982%; width: 594px; width: 53.035%; } .he_f1p2vsgm { width: 100%; padding: 0 90px; position: relative; } .lines1 { opacity: 0; transition: all 0s 2s; } .he_f1p2vsgm.on .lines1 { opacity: 1; } .lines2 { transition: all 0.3s 2s; } .he_f1p2vsgm.on .lines2 { opacity: 0; } .he_f1p2vsgm.on .lines2 path { -webkit-animation: dash-km 2s linear forwards; animation: dash-km 2s linear forwards; } .he_f1p2wz { position: absolute; transform: translateX(-50%); } .he_f1p2wz1 { top: 35%; left: 5.5%; } .he_f1p2wz2 { top: 7%; left: 27%; } .he_f1p2wz3 { top: -3%; left: 61%; } .he_f1p2wz4 { top: 10%; left: 82%; } .he_f1p2wz5 { top: 37%; left: 92%; } .he_f1p2wz6 { top: 23%; left: 41%; } .he_f1p2wz7 { top: 43%; left: 58%; } .he_f1p2wz8 { top: 72%; left: 33%; } .he_f1p2wic { width: 70px; position: relative; margin: 0 auto; border-radius: 50px; overflow: hidden; margin-bottom: 20px; } .he_f1p2wte p { font-size: 18px; line-height: 1.75; color: #333; } .he_f1p2wte { background: #FFFFFF; box-shadow: 0px 15px 21px rgba(213, 218, 236, 0.3); border-radius: 4px; padding: 4px 10px; min-width: 145px; text-align: center; } .he_f1p2vscm { width: 100%; display: none; } .he_f1p2vscm img { width: 100%; } .c_f1p1_fl img { transition: all 0.6s; } .c_imgbox img { transition: all 0.6s; } .c_f1 { position: relative; z-index: 10; } .ys_ban_li.slick-current .he_ban_do .he_tit1 { animation: ysfadeInUp .8s ease-in-out both; animation-delay: 0.1s; } .ys_ban_li.slick-current .he_ban_dh p { animation: ysfadeInUp .8s ease-in-out both; animation-delay: 0.1s; } .he_form5, .he_form6 { position: relative; z-index: 10; } .he_inputx { width: 16px; height: 16px; border: 1px solid #004090; position: relative; cursor: pointer; } .he_inputx img { width: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all 0.36s; } .he_inputx.on img { opacity: 1; } .ys_phnav_lisbox.yxnav_active2>a { opacity: 0.6; } .ys_phnav_lisbox.yxnav_active3 a { opacity: 0.6; } .he_c2_ph { display: none; } .he_sharebox { position: relative; cursor: pointer; } .he_pocode { width: 100px; position: absolute; bottom: 70px; left: 50%; transform: translateX(-50%); padding: 10px; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); background: #fff; border-radius: 4px; display: none; } .he_pocode img { width: 100%; } /*榧犳爣鏁堟灉*/ @media screen and (min-width: 1200px) { .he_syp3 .he_syp1pub:hover a { border: 1px solid #fff; } .he_syp3 .he_syp1pub:hover .he_syp1pule p { color: #fff !important; } .he_syp3 .he_syp1pub:hover .he_syp1puri .he_img1 { opacity: 0 !important; } .he_syp3 .he_syp1pub:hover .he_syp1puri .he_img { opacity: 1 !important; } /* helen star */ .he_fotbali a:hover { opacity: 0.6; } .c_imgbox:hover img { transform: scale(1.06); } .c_f1p1_fl:hover img { transform: scale(1.06); } .pc_fenye li:hover { background-color: #004EA2; color: #fff; } .he_syp3bli a:hover .he_syp3bcm p { color: #004090; } .he_syp3btli:hover .he_syp3big img { transform: scale(1.06); } .he_syp3 .he_syp1pub a:hover .he_syp1pule p { color: #0092FE; } .he_syp1gwm:hover .he_syp1gep1 .he_tit3 { color: #004090; } .he_syp1gwm:hover .he_syp1ig img { transform: scale(1.06); } .he_down2kli a:hover .he_down2kwm img { transform: scale(1.06); } .he_down2kli a:hover .he_down2khx p { color: #004090; } .he_downli:hover .he_downlu p { color: #004090; } .he_hd_nli .he_hd_na:hover { color: #004090; } .he_hd_nli:hover::after { width: 100%; opacity: 1; } .c_nav_item:hover .c_nav_a { color: #004090; } .c_c1p1:hover .c_c1p1_fl img { transform: scale(1.03); } .c_c1p2_item:hover .c_c1p2_con { border-radius: 14px; border-color: transparent; /* padding-top: 35px; */ border-radius: 20px; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); } .c_c1p2_item:hover .ys_imgbox_cover img { transform: scale(1.03); } .c_c2_newitem:hover .ys_imgbox_cover img { transform: scale(1.03); } .c_c2_pages_flli:hover p { color: #337ab7; } .c_d1_fl_item:hover .c_d1_fl_con { color: #004090; } .c_d1_fl_item:hover .c_d1_fl_con::before { background-color: #004090; } .c_e1p1_icong:hover .c_hovertext { opacity: 1; z-index: 1; } .c_f1p4_nav_list li:hover a { color: #004090 !important; } .c_req_info .c_f1p4_nav_list .c_f1p4_nav_item:hover a { color: #999 !important; } .c_f1_btn:hover { background-color: #0092FE; } .c_d1_fr_con:hover .c_lookmore .c_imgbox img:last-child, .c_c1p2_item:hover .c_lookmore .c_imgbox img:last-child, .c_c1p1:hover:hover .c_lookmore .c_imgbox img:last-child { opacity: 1; } .c_d1_fr_con .c_lookmore .c_assist_color1, .c_c1p2_item:hover .c_lookmore .c_assist_color1, .c_c1p1:hover .c_lookmore .c_assist_color1 { transition: all 0.36s; } .c_d1_fr_con:hover .c_lookmore .c_assist_color1, .c_c1p2_item:hover .c_lookmore .c_assist_color1, .c_c1p1:hover .c_lookmore .c_assist_color1 { color: #0092FE; } .c_gbtn:hover a { background-color: #0092FE; } /* helen end */ /* 2024.03.12 - tammy - start */ .regist_select .ys_select_li:hover, .mult_select .ys_select_li:hover{ color: #004090; } /* 2024.03.12 - tammy - end */ } .he_syp1gul { align-items: stretch; } .he_syp1gli a { height: 100%; } .he_syp1gwm { height: 100%; } .he_syp1gul .slick-track { height: 100%; } /* .he_syp1gwm{ background: #fff; box-shadow: 0px 5px 15px rgb(0 34 75 / 10%); border-radius: 0px 0px 20px 20px; padding: 34px 18px 50px; } */ .c_yanzheng { width: 120px; } .c_e1p1_iconbox .c_imgbox { position: relative; width: 20px; } .c_e1p1_iconbox .c_imgbox img { width: 100%; } .c_e1p1_iconbox .c_imgbox::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border: 1px solid rgba(214, 93, 22, 1); border-radius: 50%; animation-name: page-loader-ripple; animation-duration: 2.6s; animation-iteration-count: infinite; } .c_e1p1_iconbox .c_imgbox::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border: 1px solid rgba(214, 93, 22, 1); border-radius: 50%; animation-name: page-loader-ripple; animation-duration: 3s; animation-iteration-count: infinite; animation-delay: 1s; } @keyframes page-loader-ripple { 0% { width: 10px; height: 10px; border-radius: 50%; opacity: 0.0; } 50% { opacity: 1.0; } 100% { width: 160px; height: 160px; border-radius: 50%; opacity: 0.0; } } .c_b1_col3, .c_b1_col2 { justify-content: center; padding-left: 30px; } .he_f1p2vicj { position: absolute; bottom: 0; right: 25%; width: 122px; } .he_f1p2vicj img { width: 100%; } .c_c2_fr { max-height: calc(100vh - 160px); position: relative; width: 384px; max-width: 384px; } .c_c2_fl { width: calc(100% - 384px); } .c_c2_fr .mCSB_outside+.mCSB_scrollTools { right: -32px !important; } .c_c2_fr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; background: #004090; } .c_c2_fr .mCSB_1 { max-width: 319px; } .c_c2_con { position: relative; width: 100%; } .he_fotbqgn p span { margin-right: 106px; } .he_yinsi { margin-left: 50px; } .c_times .c_imgbox { width: 24px; } .c_privacy_text a { color: #004090 !important; } .c_tits_fl_icon { margin-top: 5px; flex: none; } .c_times .c_imgbox:hover img { transform: scale(1) !important; } .c_e1p3_fr_item:not(:first-child) { display: none; } .he_fotbsh .clearfix { display: flex; justify-content: flex-end; } .he_down2 .he_down2kli { max-width: 218px; } .he_down2 .he_down2km { display: flex; justify-content: center; } .he_down2 .he_down2kli:nth-child(5)~.he_down2kli { display: none; } .he_b1ulph { display: none; } .he_b1clo1 p { font-size: 14px; line-height: 1.5; text-align: center; margin-bottom: 3px; color: #666; } .he_b1clo1 { width: 100%; } .ys_select_li { margin: 10px 0; } .ys_select_bd { /* box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1); */ border: 1px solid #eee; } .c_gpages .pc_fenye .prev li { margin-right: 20px !important; } .c_gpages .pc_fenye .first li { margin-right: 15px !important; } .c_gpages .pc_fenye .next li { margin-left: 20px !important; } .c_gpages .pc_fenye .end li { margin-left: 15px !important; } .c_gpages .pc_fenye li { margin: 0 15px; font-size: 16px; } .mc_fybtn { color: #333; } .he_fotbqgn p span.fr { margin-right: 0 !important; } .he_syp2gri { width: 49%; position: relative; } .he_syp2ble { width: 51%; padding-right: 88px; } .he_syp2bx { display: flex; flex-wrap: wrap; align-items: center; } .he_syp2gri_vid { width: 100%; position: relative; } .he_syp2gri_play { width: 80px; cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; } .he_syp2gri_play img { width: 100%; } .he_syp2gri_play { display: none; } .iframe_box { width: 100%; height: 510px; } .iframe_box iframe { width: 100%; height: 100%; } .he_syp2gri_play { display: block; } .he_syp2gri_vid { cursor: pointer; } .he_syp2gri_play { pointer-events: none; } .he_hd_ri { display: flex; align-items: center; } .he_hd_lan { padding-right: 35px; position: relative; } .he_hd_lan a { color: #333; font-size: 16px; } .he_hd_lan::after { content: ''; position: absolute; top: 50%; right: 16px; transform: translateY(-50%); width: 1px; height: 18px; background: #333; } .c_e1p1_icon1 .c_text { right: 0; left: auto !important; padding-right: 20px; padding-left: 0 !important; } .c_e1p1_icon5 { top: 65%; left: 75%; } /* 2023.12.01鏂板-start */ /* A1-1涓嬭浇椤?start */ .down_cont{ padding-top: 70px; } .down_cont_tp h2{ color: #00285A; line-height: 2; } .down_cont_tp{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .down_cont_tp_search{ width: 384px; border-radius: 50px; border: 1px solid #D7D7D7; display: flex; align-items: center; padding-right: 26px; } .dcts_icon{ width: 22px; line-height: 48px; cursor: pointer; } .dcts_input{ width: calc(100% - 22px); height: 48px; } .dcts_input input{ width: 100%; height: 100%; font-size: 16px; padding: 0 26px; color: #333; } .dcts_input input::placeholder{ font-size: 16px; color: #999; } .down_cont_bt{ margin-top: 30px; } .down_cont_bt_le{ width: 330px; } .down_cont_bt_ri{ width: calc(100% - 330px); padding-left: 74px; border-left: 1px solid #EEE; position: relative; } /* .down_cont_bt_ri::after{ content: ""; width: 1px; height: calc(100% + 120px); background-color: #eee; position: absolute; top: 0; left: 0; } */ .dlul_cont{ padding: 45px 30px 40px 65px; transition: all .36s; border-bottom: 1px solid #EEE; display: flex; align-items: flex-start; flex-wrap: wrap; } .dlul_cont_btn{ width: 165px; border-radius: 5px; background: #EEE; cursor: pointer; } .dlul_cont_btn p{ line-height: 50px !important; margin-right: 10px; } .dlul_cont_btn img{ width: 25px; } .dlul_cont_btn{ display: flex; align-items: center; justify-content: center; } .dlul_cont_text{ width: calc(100% - 165px); padding-right: 145px; display: flex; align-items: flex-start; flex-wrap: wrap; } .dctt_btn{ border-radius: 3px; width: 72px; text-align: center; } .dctt_btn p{ line-height: 26px; } .open_file .dctt_btn p{ color: #333; } .open_file .dctt_btn{ background: #CCC; } .senior_file .dctt_btn p{ color: #fff; } .senior_file .dctt_btn{ background: #00285A; } .member_file .dctt_btn p{ color: #fff; } .member_file .dctt_btn{ background: #0092FE; } .tourist_file .dctt_btn p{ color: #333; } .tourist_file .dctt_btn{ background: #EEE; } .dlul_cont_text_tit .c_text1{ width: calc(100% - 72px); padding-right: 15px; } .dlul_cont_text_tit{ display: flex; align-items: flex-start; flex-wrap: wrap; } .dlul_cont_text_time p,.dlul_cont_text_version p{ font-size: 14px; line-height: 1.5; color: #666; } .dlul_cont_text_time,.dlul_cont_text_version{ width: 100%; margin-top: 16px; } .file_pop{ background: rgba(0,0,0,.2); } .file_pop .ys_modal_content{ width: 708px; border-radius: 10px; padding: 0 88px 52px; } .file_pop .ys_modal_close{ width: 23px; top: 18px; right: 30px; } .file_pop .ys_modal_close img{ width: 100%; } .member_pop_wrap_img{ width: 370px; margin: auto; } .member_pop_wrap_img img{ width: 100%; } .member_pop_wrap_tit{ text-align: center; font-weight: normal !important; color: #666; margin-top: 16px; margin-bottom: 40px; } .mpwb_cont{ width: 170px; margin: auto; border-radius: 5px; background: #004090; cursor: pointer; } .mpwb_cont p{ text-align: center; font-size: 14px; color: #fff; line-height: 44px; } .dulc_icon{ width: 16px; height: 16px; position: relative; } .dulc_icon img{ width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); transition: all .36s; } .dcbl_ul_li.act>.dcbl_ul_li_cont img:nth-child(2){ opacity: 0; } .dulc_parga a{ font-size: 16px; color: #fff; line-height: 1.3; padding: 15px 0; display: block; } .dcbl_ul_li_cont{ padding: 0 20px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; } .dcbl_ul_li_cont.active+ul{ display: block; } /* .dcbl_ul_li.act>.dcbl_ul_li_cont+ul{ display: block; } */ .dcbl_ul_fist.dcbl_ul_li_cont{ border-bottom: 1px solid #EEE; background: #004090; } .dcbl_ul{ max-height: calc(100vh - 100px); } .down_cont_bt_le .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background: #999 !important; } .down_cont_bt_le .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .dcbl_ul_second a, .dcbl_ul_three a, .dcbl_ul_four a{ color: #333; } .dcbl_ul_second.dcbl_ul_li_cont{ border-bottom: 1px solid #EEE; background: #F8F8F8; padding-left: 40px; } .dcbl_ul_three.dcbl_ul_li_cont{ border-bottom: 1px solid #D6D6D6; background: #EEE; padding-left: 60px; } .dcbl_ul_four.dcbl_ul_li_cont{ border-bottom: 1px solid #D6D6D6; background: #E4E4E4; transition: all .36s; padding: 0; } .dcbl_ul_four .dulc_parga{ width: 100%; } .dcbl_ul_four .dulc_parga a{ width: 100%; padding-left: 80px; } .dcbl_ul_li ul{ display: none; } /* A1-1涓嬭浇椤?end */ /* A2-鐣欒祫淇℃伅-start */ .infor_main,.register_main,.forget_main{ background: #F8F8F8; } .infor_main .he_hd_pc, .register_main .he_hd_pc, .forget_main .he_hd_pc, .homepage_main .he_hd_pc{ box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%); } .ys_cont688{ width: 688px; margin: auto; max-width: 100%; } .infor_cont h2, .register_cont h2, .forget_cont h2{ text-align: center; color: #004090; margin-bottom: 40px; } .infor_cont_bt{ border-radius: 20px; background: #FFF; box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.08); overflow: hidden; padding: 47px 40px 50px 54px; } .icbl_li{ width: 50%; padding: 0 7px; margin-bottom: 26px; } .infor_cont_bt_list{ margin: 0 -7px; } .icbl_li_parga span{ color: #D20000; } .icbl_li_parga{ margin-bottom: 14px; } .icbl_li_input{ width: 100%; height: 50px; background: #F6F7F9; } .icbl_li_input input{ width: 100%; height: 100%; padding: 0 23px; font-size: 14px; color: #333; } .icbl_li_input input::placeholder{ font-size: 14px; color: #666 !important; } .icbl_code{ width: 100% !important; } .icbl_code_cont .icbl_li_input{ width: 196px; margin-right: 30px; } .icbl_code_cont_img{ width: 72px; } .icbl_code_cont_img img{ width: 100%; } .icbl_code_cont{ display: flex; align-items: center; flex-wrap: wrap; } .infor_cont_bt_sub .mpwb_cont{ width: 145px; } .infor_cont_bt_sub{ text-align: center; margin-top: 70px; } /* A2-鐣欒祫淇℃伅-end */ /* A3-鐧诲綍椤?start */ .register_cont_bt{ border-radius: 20px; background: #FFF; box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.08); padding: 58px; } .rcbl_li{ margin-bottom: 24px; padding-left: 22px; padding-right: 16px; border-radius: 5px; background: #F6F7F9; height: 56px; display: flex; align-items: center; } .rcbl_li:last-child{ margin-bottom: 0; } .rcbl_li_parga p{ font-size: 14px; line-height: 56px; color: #333; } .rcbl_li_parga img{ width: 20px; margin-right: 17px; } .rcbl_li_parga{ display: flex; align-items: center; width: 70px; } .rcbl_li:nth-child(1) .rcbl_li_input{ width: calc(100% - 70px); height: 100%; } .rcbl_li_input{ padding: 0 20px; } .rcbl_li_input input{ width: 100%; height: 100%; font-size: 14px; color: #333; } .rcbl_li:nth-child(2) .rcbl_li_input{ width: calc(100% - 70px - 56px); height: 100%; } .rcbl_li_forget{ width: 56px; } .rcbl_li_forget a{ font-size: 14px; line-height: 56px; color: #004090; display: block; } .register_cont_bt_info p{ font-size: 14px; line-height: 2; color: #999; text-align: right; } .register_cont_bt_info a{ color: #004090; } .register_cont_bt_info{ margin-top: 12px; margin-bottom: 40px; } /* A3-鐧诲綍椤?end */ /* A4-鐧诲綍椤?蹇樿瀵嗙爜-start */ .forget_cont_bt{ border-radius: 20px; background: #FFF; box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.08); padding: 48px; } .forget_cont_bt_parga{ text-align: center; margin-bottom: 30px; } .fcbu_li_icon{ width: 22px; margin-right: 13px; } .fcbu_li_icon img{ width: 100%; } .fcbu_li_parga p{ font-size: 16px; line-height: 1.75; color: #00285A; } .fcbu_li a{ display: flex; align-items: center; justify-content: center; } .fcbu_li{ margin-bottom: 12px; } .fcbu_li:last-child{ margin-bottom: 0; } .forget_cont_bt_num{ margin-bottom: 40px; } /* A4-鐧诲綍椤?蹇樿瀵嗙爜-end */ /* A5-浼氬憳涓婚〉-start */ .homepage_cont_le{ width: 342px; } .homepage_cont_ri{ width: calc(100% - 342px); position: relative; border-left: 25px solid #F8F8F8; padding-top: 100px; padding-bottom: 50px; padding-left: 102px; } .homepage_cont_ri h1{ margin-bottom: 40px; } .homepage_main .dlul_cont_text_tit .c_text1 { width: 100%; padding-right: 0; } .homepage_cont_le_name{ background: #004090; padding: 18px 50px; display: flex; align-items: center; } .homepage_cont_le{ padding-top: 86px; } .hcln_icon{ width: 34px; } .hcln_icon img{ width: 100%; } .hcln_parga{ color: #fff !important; font-weight: normal !important; width: calc(100% - 34px); padding-left: 30px; } .hcll_ul_li_arrow{ width: 12px; height: 12px; position: relative; } .hcll_ul_li_arrow img{ width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); transition: all .36s; } .hcll_ul_li_arrow img:nth-child(1){ opacity: 0; } .hcll_ul_li_parga{ width: calc(100% - 34px); padding-left: 34px; } .hcll_ul_li_parga p{ transition: all .36s; } .hcll_ul_li_icon{ width: 34px; } .hcll_ul_li_icon img{ width: 100%; } .hcll_ul_li a{ display: flex; align-items: center; justify-content: space-between; padding: 28px 55px; border-bottom: 1px solid #ECECEC; transition: all .36s; } .hcll_ul_li.act a{ background: #F8F8F8; } .hcll_ul_li.act p{ color: #004090; } .hcll_ul_li.act .hcll_ul_li_arrow img:nth-child(1) { opacity: 1; } .hcll_ul_li.act .hcll_ul_li_arrow img:nth-child(2) { opacity: 0; } .down_cont_bt_btn{ display: none; } .he_hd_ri_login a{ width: 20px; line-height: 80px; display: block; } .he_hd_ri_login img{ width: 100%; } .he_hd_ri_login{ padding-right: 25px; position: relative; margin-right: 25px; } .he_hd_ri_login::after{ content: ""; width: 1px; height: 12px; background: #0A195D; opacity: 0.5; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .he_hd_nv{ position: static; transform: inherit; white-space: normal; } .he_hd_lo { flex-shrink: 0; } .he_hd_nul{ white-space: normal; } .he_hd_nli { margin: 0 26px; } /* A5-浼氬憳涓婚〉-end */ /*榧犳爣鏁堟灉*/ @media screen and (min-width: 1200px) { .dcbr_list_ul_li:hover .dlul_cont{ background: #F8F8F8; } .dcbl_ul_four .dcbl_ul_li_cont:hover{ background: #CCC; } .dlul_cont_btn:hover{ background: #004090; } .dlul_cont_btn:hover p{ color: #fff; } .dlul_cont_btn:hover img:nth-child(2){ opacity: 0; } } /* 2023.12.01鏂板-end */ /* 2023.12.15淇敼 */ .dlul_cont_text_tit{ width: 100%; } .pc_fenye li{ position: relative; } .c_gpages .end li::before, .c_gpages .next li::before, .c_gpages .first li::before, .c_gpages .prev li::before{ font-size: 16px; position: absolute; top: 48%; left: 50%; transform: translate(-50%,-50%); } .dlul_cont_btn_icon{ width: 25px; height: 24px; position: relative; } .dlul_cont_btn_icon img{ width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); transition: all .36s; } .dlul_cont_btn p{ transition: all .36s; } .dlul_cont_btn{ transition: all .36s; } /* .down_cont_bt_le { padding-bottom: 80px; } */ .dcbl_ul { max-height: 80vh; } .down_cont_bt_le{ height: 80vh; max-height: 80vh; } .down_paddingbot{ padding-bottom: 80px; } .down_cont_bt_ri{ padding-bottom: 40px; } .down_cont_bt_ri{ border-left: none; position: relative; } .down_cont_bt_ri::after{ content: ""; width: 1px; height: calc(100% + 80px); background: #EEE; position: absolute; top: 0; left: 0; } /* 2024.03.12 - tammy - start */ .ys_cont1051{ width: 1051px; margin: 0 auto; max-width: 100%; } .regist_main .infor_cont_bt { padding: 61px 70px 76px; } .icbl_li.icbl_li3{ width: 33.333333%; } .regist_select .ys_select_xtbbox img, .mult_select .ys_select_xtbbox img { width: 16px; } .regist_select .ys_select_xtbbox, .mult_select .ys_select_xtbbox{ right: 20px; } .icbl_li.icbl_li1{ width: 100%; } .mult_box{ width: 16px; height: 16px; position: relative; top: 2px; } .mult_box::before{ content: ''; width: 100%; height: 100%; position: absolute; border: 1px solid #004090; top: 50%; left: 50%; transform: translate(-50%,-50%); } .mult_box img{ width: 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all 0.36s; } .mult_select .ys_select_li.on .mult_box img{ opacity: 1; } .regist_select .ys_select_bd, .mult_select .ys_select_bd { background: #F6F7F9; border: 1px solid #eee; padding: 8px 23px 10px; height: 148px; } .regist_select .ys_select_li, .mult_select .ys_select_li { line-height: 1.4; color: #999; margin: 5px 0; transition: all 0.36s; } .regist_select .mCSB_scrollTools .mCSB_draggerRail, .regist_select .mCS-dark.mCSB_scrollTools .mCSB_draggerRail, .mult_select .mCSB_scrollTools .mCSB_draggerRail, .mult_select .mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #EEE; } .regist_select .mCSB_scrollTools .mCSB_draggerRail, .mult_select .mCSB_scrollTools .mCSB_draggerRail { width: 1px; } .regist_select .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mult_select .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .regist_select .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mult_select .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #646566; } .mult_select .ys_select_li { display: flex; align-items: flex-start; } .mult_select .mult_font{ width: calc(100% - 16px); padding-left: 6px; line-height: inherit; } .mult_select .ys_select_li.on{ color: #004090; } .sign_name.c_text2, .sign_name.c_text2 p{ color: #7F7D93; } .sign_name.c_text2 span{ color: #D20000; } .sign_li{ display: flex; } .sign_list{ flex-grow: 1; display: flex; flex-wrap: wrap; margin: 0 -22px; padding-left: 44px; } .sign_list_item_btn{ width: 17px; height: 17px; position: relative; top: 5px; } .sign_list_item_btn::before{ content: ''; width: 100%; height: 100%; border-radius: 50%; border: 1px solid #004090; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0; transition: all 0.36s; } .sign_list_item_btn::after{ content: ''; width: 53%; height: 53%; position: absolute; background: #004090; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0; transition: all 0.36s; } .sign_list_item.on .sign_list_item_btn::before, .sign_list_item.on .sign_list_item_btn::after{ opacity: 1; } .sign_list_item_font{ color: #7F7D93; font-size: 16px; line-height: 1.75; width: calc(100% - 17px); padding-left: 15px; } .sign_list_item{ display: flex; padding: 0 22px; cursor: pointer; } .icbl_code1{ display: flex; flex-wrap: wrap; } .icbl_code1_item1, .icbl_code1_item3, .icbl_code1_item4{ width: 21.5%; } .icbl_code1_item2{ width: 34%; } .icbl_code1_item{ padding: 0 5px; } .icbl_code1_item .icbl_li_input{ display: flex; align-items: center; } .icbl_code1_item .icbl_li_parga, .icbl_code1_item .icbl_li_parga p{ color: #7F7D93; white-space: nowrap; } .icbl_code1_item .icbl_li_parga { margin-bottom: 0; } .icbl_code1_item .icbl_li_input input { padding: 0 6px; flex-grow: 1; } .icbl_code1_img{ cursor: pointer; width: 72px; } .icbl_code1_img img{ width: 100%; } .icbl_code1_item .icbl_li_input{ padding: 0 23px; } .icbl_code1_item2 .icbl_li_input input{ width: 64px; } .icbl_code1_item .mpwb_cont p { font-size: 16px; line-height: 50px; } .icbl_code1_item .mpwb_cont{ width: 100%; } .regist_main .infor_cont_bt_sub{ display: flex; align-items: flex-end; justify-content: space-between; } .icbs_account{ color: #7F7D93; font-size: 16px; line-height: 1.5; } .icbs_account a{ color: #004090; } .regist_main .icbl_li { padding: 0 10px; margin-bottom: 21px; } .regist_main .infor_cont_bt_list { margin: 0 -10px; } .regist_main .icbl_li.icbl_code1 { padding: 0 5px; } .icbl_li1.sign_li { padding-top: 8px; padding-bottom: 11px; } .regist_main .c_privacy { margin-top: 10px; } .regist_main .infor_cont_bt_sub { margin-top: 33px; } .regist_main .mpwb_cont p { font-size: 16px; line-height: 50px; } .regist_main .he_main{ position: relative; } .regist_main .he_bordbli a{ color: #999; line-height: 2; } .regist_main .he_bordbli:first-child a{ font-size: 0; } .regist_main .he_bordbli:first-child img{ content: url(../images/b1_icon02j.svg); } .regist_main .he_bordbli::after { background-image: url(../images/b1_arrow01j.svg); } .regist_main .he_bordbli::after { top: 7px; left: -21px; } .regist_return_link_icon{ width: 18px; } .regist_return_link_icon img{ width: 100%; } .regist_return_link_font{ color: #004090; font-size: 16px; line-height: 1.5; margin-left: 5px; } .regist_return{ position: absolute; top: 60px; right: calc(50vw - 700px); z-index: 11; } .regist_return_link{ display: flex; align-items: center; } /* 2024.03.12 - tammy - end */ /* 2024.3.28淇敼 */ .homepage_cont_ri{ border-left: none !important; padding-left: 127px; } .homepage_main .ys_main{ position: relative; } .homepage_main .ys_main::after{ content: ""; width: 25px; height: 100%; background: #F8F8F8; position: absolute; top: 0; left: calc(50% - 720px + 342px); } .icbl_code1_item .icbl_li_input{ padding-right: 0 !important; } .icbl_code1_item2 .icbl_li_input input{ flex-shrink: 0; } .icbl_code1_img { width: 120px; } .regist_main .c_privacy{ align-items: flex-start; } .regist_main .he_inputx{ top: 3px; }