锘緻charset "utf-8"; body { font-family: 'poppins-light-webfont', "Microsoft Yahei", 'PingFang SC', Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Hiragino Sans GB", tahoma, SimSun, sans-serif; overflow: hidden; max-width: 1920px; margin: 0 auto; /* cursor: none !important; */ } @font-face { font-family: "RobotoRegular"; src: url("../font/RobotoRegular.woff2") format("woff2"), url("../font/RobotoRegular.woff") format("woff"), url("../font/RobotoRegular.ttf") format("truetype"), url("../font/RobotoRegular.eot") format("embedded-opentype"), url("../font/RobotoRegular.svg") format("svg"); } @font-face { font-family: "ROBOTO-BOLD"; src: url("../font/ROBOTO-BOLD.woff2") format("woff2"), url("../font/ROBOTO-BOLD.woff") format("woff"), url("../font/ROBOTO-BOLD.ttf") format("truetype"), url("../font/ROBOTO-BOLD.eot") format("embedded-opentype"), url("../font/ROBOTO-BOLD.svg") format("svg"); } @font-face { font-family: 'poppins-light-webfont'; src: url('../font/poppins-light-webfont.eot'); src: url('../font/poppins-light-webfont.eot') format('embedded-opentype'), url('../font/poppins-light-webfont.woff2') format('woff2'), url('../font/poppins-light-webfont.woff') format('woff'), url('../font/poppins-light-webfont.ttf') format('truetype'), url('../font/poppins-light-webfont.svg#PoppinsRegular') format('svg'); } @font-face { font-family: 'PoppinsRegular'; src: url('../font/PoppinsRegular.eot'); src: url('../font/PoppinsRegular.eot') format('embedded-opentype'), url('../font/PoppinsRegular.woff2') format('woff2'), url('../font/PoppinsRegular.woff') format('woff'), url('../font/PoppinsRegular.ttf') format('truetype'), url('../font/PoppinsRegular.svg#PoppinsRegular') format('svg'); } @font-face { font-family: 'PoppinsSemiBold'; src: url('../font/PoppinsSemiBold.eot'); src: url('../font/PoppinsSemiBold.eot') format('embedded-opentype'), url('../font/PoppinsSemiBold.woff2') format('woff2'), url('../font/PoppinsSemiBold.woff') format('woff'), url('../font/PoppinsSemiBold.ttf') format('truetype'), url('../font/PoppinsSemiBold.svg#PoppinsSemiBold') format('svg'); } /* 瑙勮寖 */ @media screen and (min-width:1200px) { .wow { visibility: hidden; } } /* 鏍囬 */ .he_tit1 { color: #333; font-size: 60px; line-height: 1.75; background: transparent; } .he_tit2 { color: #b8a892; font-size: 46px; line-height: 1.75; } .he_tit3 { color: #333; font-size: 40px; line-height: 1.75; } .he_tit4 { color: #333; font-size: 36px; line-height: 1.75; } .he_tit5 { color: #333; font-size: 26px; line-height: 2; } /* 娈佃惤 */ .he_word { color: #333; font-size: 16px; line-height: 2; } /* 缂栬緫鍣 p鏍峰紡 */ .yxedr_active p { font-size: 16px; line-height: 1.75; color: #666; } /* 鎵嬫満瀵艰埅 */ .g_phnav1.yxnav_active1, .g_phnav2.yxnav_active2 { color: #000; } .he_ph_hd { position: relative; z-index: 999; display: none; height: 64px; } /* .he_sybox .he_ph_hd { height: inherit; } */ .he_ph_hdbox { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 64px; padding-left: 15px; padding-right: 15px; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .he_ph_logo img { width: 100%; } .he_language_ph a { line-height: 64px; color: #333; margin-right: 15px; } .he_ph_hd .he_ph_logo a { line-height: 64px; } .he_ph_hd .he_ph_logo { width: 116px; } .he_ph_menu { overflow: hidden; width: 50px; height: 50px; } .he_ph_hd .he_phmenubox { width: 50px; height: 50px; cursor: pointer; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); } .he_ph_hd .he_phmenubox .point { position: relative; display: inline-block; width: 28px; height: 22px; margin-top: 14px; } .he_ph_hd .he_phmenubox .point .nav_btn, .he_ph_hd .he_phmenubox .point .nav_btn::after, .he_ph_hd .he_phmenubox .point .nav_btn::before { display: inline-block; width: 28px; height: 1px; background-color: #333; } .he_ph_hd .he_phmenubox .nav_btn { position: absolute; top: 10px; right: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .he_ph_hd .he_phmenubox .nav_btn::after, .he_ph_hd .he_phmenubox .nav_btn::before { content: ''; position: absolute; right: 0; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; } .he_ph_hd .he_phmenubox .nav_btn::after { top: -10px; } .he_ph_hd .he_phmenubox .nav_btn::before { top: 10px; } .he_ph_hd .he_phmenubox .point.active .nav_btn { background: transparent; } .he_ph_hd .he_phmenubox .point.active .nav_btn::after { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .he_ph_hd .he_phmenubox .point.active .nav_btn::before { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } /*ph瀵艰埅&涓嬫媺*/ .phxia { position: fixed; left: 0; top: 64px; width: 100%; height: calc(100vh - 64px); overflow: auto; pointer-events: none; } .phxia::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; background: rgba(0, 0, 0, .3); opacity: 0; transition: all .36s; } .phxia.active { pointer-events: all; } .phxia.active::before { opacity: 1; } .xialaph { display: none; width: 100%; padding: 10px 20px 18px; background-color: #f1f1f1; } .xialaph h4 { position: relative; } .xialaph h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; opacity: .1; background-color: #000; } .xialaph h4 a { font-size: 14px; line-height: 36px; text-transform: uppercase; color: #999; max-width: calc(100% - 36px); } .xialaph h4 img { position: absolute; top: 50%; right: 5px; width: 13px; cursor: pointer; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .xialaph .ul2 { display: none; padding-top: 7px; padding-bottom: 8px; } .xialaph .ul2 .container_s { max-width: 100%; padding: 0 15px; } .xialaph h5 { position: relative; } .xialaph h5::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; opacity: .05; background-color: #000; } .xialaph h5 a { font-family: '寰蒋闆呴粦'; font-size: 14px; line-height: 35px; text-transform: uppercase; color: #999; max-width: calc(100% - 36px); } .xialaph h5 img { position: absolute; top: 50%; right: 5px; width: 35px; padding: 11px; cursor: pointer; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .xialaph h4.active img.img_s, .xialaph h5.active img.img_s { display: none; } .xialaph h4.active img.img_d, .xialaph h5.active img.img_d { display: block; } .xialaph .ul3 { display: none; } .xialaph h6 a { font-family: '寰蒋闆呴粦'; font-size: 12px; line-height: 40px; text-transform: uppercase; color: #999; } .header2 { position: fixed; top: 0; left: 50%; z-index: 999; width: 100%; height: 64px; padding-left: 15px; padding-right: 15px; background-color: #ffffff; transform: translateX(-50%); } .header2 .logo { width: 80px; line-height: 64px; } .header2 .logo img { width: 100%; } .header2 .phsearch { position: absolute; top: 50%; right: 70px; width: 25px; cursor: pointer; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .header2 .wj_hin_right { padding-top: 25px; } .header2 .phsearch img { width: 100%; } .ph_mea_cl { overflow: hidden; width: 50px; height: 100%; } .header2 .menuph { width: 50px; height: 50px; cursor: pointer; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); } .header2 .menuph .point { position: relative; display: inline-block; width: 28px; height: 22px; margin-top: 14px; } .header2 .menuph .point .navbtn, .header2 .menuph .point .navbtn::after, .header2 .menuph .point .navbtn::before { width: 28px; } .header2 .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 28px; height: 1px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #666; } .header2 .menuph .navbtn::after, .header2 .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 1px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #666; } .header2 .menuph .navbtn::after { top: -10px; } .header2 .menuph .navbtn::before { top: 10px; } .header2 .menuph .point.active .navbtn { background: transparent; } .header2 .menuph .point.active .navbtn::after { top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .header2 .menuph .point.active .navbtn::before { top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .ph_search { width: 100%; overflow: hidden; padding: 0 15px; padding-left: 15px; } .ph_search_ph { width: 100%; height: 35px; border: 1px solid rgba(0, 0, 0, .1); margin-top: 18px; float: left; border-radius: 17.5px; position: relative; } .ph_search_ph input { width: 100%; height: 100%; text-indent: 20px; color: #333333; } .ph_search_ph input::-webkit-input-placeholder { color: #999999; } .ph_search_ph button { width: 40px; height: 100%; color: #ffffff; line-height: 35px; text-align: center; font-size: 20px; font-family: "寰蒋闆呴粦"; float: right; position: absolute; top: 0; right: 0; } .ph_search button .icon-sousuo { font-size: 27px; color: #999999; } .wj_header_i_nav { position: fixed; top: 0; left: 0; width: 100%; height: 80px; z-index: 10; } /*鐢佃瘽*/ .ph_dh_number { width: 100%; text-align: center; margin-top: 18px; } .ph_dh_number .ph_dh_n { display: inline-block; overflow: hidden; } .ph_dh_number .ph_dh_n p { float: left; font-size: 18px; color: #666; } .ph_dh_number .ph_dh_n .ph_dh_n_p1 { margin-right: 15px; } .wj_hin_r_en { color: #666; } .ph_searchfe { position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 16px; } .ph_searchfe img { width: 100%; } /* *************************************************************** */ /* 鍒嗛〉 */ .he_fybtn { padding: 0 15px; } .he_pcfy a { float: left; } .he_fybtn a { font-family: 寰蒋闆呴粦; font-size: 14px; color: #333; } .he_phfy { display: none; } .he_phfy .lp { float: left; } .he_phfy .rp { float: right; } .pc_fenye { position: relative; left: 50%; transform: translateX(-50%); display: inline-block; text-align: center; } .pc_fenye li { float: left; width: 30px; height: 30px; border: 1px solid transparent; font-family: "RobotoRegular"; font-size: 14px; line-height: 30px; color: #a6a6a6; text-align: center; margin: 0px 10px; transition: .3s; } .pc_fenye li.activepage { color: #4f66a2; /* background-color: #333333; */ } /* *************************************************************** */ .he_pc_hd { max-width: 1920px; position: fixed; top: 0; transform: translateX(-50%); left: 50%; width: 100%; padding: 0 22px; z-index: 999; transition: all 0.36s; /* background: #ffffff !important; */ } .he_pcbx { width: 100%; } .he_banbx { width: 100%; position: relative; background: #fff; /* margin-top: 69px; */ } .he_banul { width: 100%; } .he_banli4 { width: 100%; position: relative; display: none; overflow: hidden; } .he_banli4:first-child { display: block; } .he_banig { width: 100%; position: relative; } .he_banig::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.16); } .he_banph { display: none; } .he_banig img { width: 100%; } .he_pcbxle { line-height: 110px; } .he_pcbxle img { width: 100%; transition: all 0.36s; } .he_pcbxle .he_img1 { height: inherit; top: 19px; opacity: 0; } .he_fot { background: #fff; position: relative; z-index: 500; } .he_pcnli .he_pcnava { font-size: 16px; line-height: 69px; color: #fff; transition: all 0.36s; position: relative; } .he_pcnli .he_pcnava::after { content: ''; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background: #284a94; opacity: 0; transition: all 0.36s; z-index: 10; } .he_pcnli { margin: 0 36px; } .he_pcnli.yxnav_active1 .he_pcnava { color: #284a94 !important; } .he_pcnli.yxnav_active1 .he_pcnava::after { width: 100%; opacity: 1; } .mc_search_xl { position: fixed; left: 0; top: 69px; width: 100%; height: 160px; border-top: 1px solid #dfdede; z-index: 99; background: #fff; display: none; transition: top 0.36s; } .mc_pos_center { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* width: 690px; */ } .mc_scm_form { width: 690px; } .mc_msc_box { font-size: 0; padding: 8px; border-bottom: 1px solid #dfdede; } .mc_msc_input { width: calc(100% - 30px); height: 26px; font-size: 16px; color: #333; line-height: 20px; padding: 3px 0; padding-right: 12px; } .mc_msc_submit { font-size: 26px; color: #666666; width: 30px; vertical-align: top; position: absolute; top: 0; right: 0; cursor: pointer; } .mc_msc_submit img { width: 100%; } .he_pcser { position: relative; cursor: pointer; } .he_pcser .icon-search { color: #fff; font-size: 18px; transition: all 0.36s; line-height: 69px; } /* .icon-search.act::before { content: "\e625" !important; } */ .he_pcser { margin-right: 20px; } .he_pcnav { padding-left: 75px; } .he_pc_hd.act { background: #ffffff; box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06); } /* .he_pc_hd.act .he_pcbxle .he_img1 { opacity: 1; } .he_pc_hd.act .he_pcbxle .he_img { opacity: 0; } .he_pc_hd.act .he_pcnli .he_pcnava { color: #333333; } .he_pc_hd.act .he_pcser .icon-search { color: #333333; } .he_pc_hd.act .he_pcbxle { line-height: 90px; } .he_pc_hd.act .he_pcbxle { width: 140px; } .he_pc_hd.act .he_pcnli .he_pcnava { line-height: 90px; } .he_pc_hd.act .he_pcser .icon-search { line-height: 90px; } .he_pc_hd.act .mc_search_xl { top: 90px; } .he_pc_hd.act .he_diquile { line-height: 90px; } .he_pc_hd.act .he_down { top: 90px; } .he_pc_hd.act .he_diquile .he_img1 { opacity: 1; top: 34px; } .he_pc_hd.act .he_diquile .he_img { opacity: 0; } .he_pc_hd.act .he_diquiri p { color: #333333; line-height: 90px; } */ .he_down { width: 100vw; top: 69px; left: 50%; transform: translateX(-50%); background: #f7f7f7 !important; transition: top 0.36s; display: none; position: fixed; /* position: absolute; */ text-align: center; } /* .he_down::after { content: ''; position: fixed; top: 69px; left: 50%; width: 100vw; transform: translateX(-50%); background: #f7f7f7 !important; height: 60px; z-index: -1; } */ .he_laxtwo { display: inline-block; } .he_pcnli { position: relative; } .he_downbx { width: 100%; } .he_downti p { font-weight: bold; } .he_downul { padding-top: 39px; margin: 0 -89px; } .he_downli { width: 33.333333%; padding: 0 89px; margin-bottom: 30px; } .he_downlbx { width: 100%; background: #fff; transition: all 0.36s; padding: 0 35px; border-radius: 6px; position: relative; } .he_downlte p { font-size: 16px; line-height: 60px; height: 60px; overflow: hidden; transition: all 0.36s; } .he_downlig { width: 20px; position: absolute; top: 50%; transform: translateY(-50%); right: 32px; } .he_downlte { width: calc(100% - 20px); } .he_downlig .he_img1 { opacity: 0; } .he_downlig img { transition: all 0.36s; } .he_downli a { width: 100%; display: block; } .he_banig video { min-height: 100%; min-width: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .he_bantepo { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .he_linte { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 44px; } .he_linte img { width: 100%; } .he_line { width: 100%; } .he_line .he_img2 { width: 100%; position: absolute; top: 0; left: 0; } .he_banul .slick-dots li { width: 18px; border-radius: inherit; background: rgba(255, 255, 255, 0.5); height: 2px; } .he_banul .slick-dots li.slick-active { width: 30px; background: #fff; } .he_banul .slick-dots { bottom: 52px; } .he_banul .slick-prev { left: 20px; } .he_banul .slick-next { right: 20px; } .he_banul .slick-arrow { /* width: 48px; height: 48px; border-radius: 50%; border: 1px solid #fff; */ z-index: 10; transition: all 0.36s; } .he_banul .slick-arrow::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 41px; background-size: 100% 100%; background-repeat: no-repeat; } .he_banul .slick-prev::after { background-image: url(../images/dwarle.png); } .he_banul .slick-next::after { background-image: url(../images/dwarr1.png); } .he_topig { width: 100%; position: absolute; top: -16%; left: 0; z-index: 10; } .he_topig img { /* width: 100%; */ position: relative; width: auto; height: 100%; top: 0; left: 50%; transform: translateX(-50%); max-width: inherit; } .he_topbt { width: 100%; background: #283249; padding-top: 70px; } .he_conten1 { width: 1360px; margin: 0 auto; padding: 0 80px; } .he_content { width: 1200px; margin: 0 auto; } .he_tobyt { width: 100%; } .he_tobytle { width: 860px; } .he_ftnavli { width: 20%; } .he_ftnavti a { font-size: 18px; color: #ffffff; line-height: 1.75; } .he_ftnavbh a { font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 1.75; transition: all 0.36s; } .he_ftnavti { margin-bottom: 24px; } .he_ftnavbh { margin-bottom: 14px; } .he_tobytcd { width: 110px; } .he_tobyig { background: #fff; padding: 6px; } .he_tobyte p { font-size: 14px; line-height: 1.75; color: #ffffff; } .he_tobyte { text-align: center; margin-top: 10px; } .he_tobywl { width: 100%; text-align: right; margin-top: 17px; } .he_tobywny { display: inline-block; text-align: center; } .he_tobywba a { font-size: 14px; color: rgba(255, 255, 255, 0.5); line-height: 38px; transition: all 0.36s; padding: 0 30px; } .he_tobywba { border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 60px; transition: all 0.36s; margin-left: 20px; } .he_fottb { width: 100%; position: relative; padding-top: 38px; padding-bottom: 19px; } .he_fottble { width: 125px; } .he_fottble img { width: 100%; } .he_fottbri p { font-size: 14px; line-height: 1.75; color: #999; } .he_fottbri p a { color: #999; } .he_fottbri { margin-top: 5px; } .ys_navph2_header { display: none; } .ys_navph2_header { position: relative; z-index: 999; height: 100%; } .ys_navph2_navbar { background: #fff; position: fixed; left: 0; top: 0; width: 100%; z-index: 100; padding-right: 20px; box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05); } .ys_navph2_logo { position: relative; z-index: 50; width: 130px; } .ys_navph2_logo_btn { position: absolute; left: 0; top: 0; display: table-cell; width: 100%; height: 64px; line-height: 64px; padding: 0 10px; display: block; background: #1c5cb0; transition: all .36s; } .ys_navph2_logo_btn img, .ys_navph2_search_btn img { width: 100%; } .ys_navph2_search_btn { display: block; font-size: 16px; line-height: 64px; color: #333333; transition: all .36s; } .ys_navph2_modal { position: fixed; top: 64px; left: 0; width: 100%; background-color: #fff; text-align: center; border-top: 1px solid #eee; overflow: hidden; display: none; } .ys_navph2_modalmbox { padding: 16px 20px; } .ys_navph2_modalm { transform: translateX(0px); } .ys_navph2_msc_box { width: 100%; display: block; } .ys_navph2_msc_boxl { border-bottom: 1px solid #eee; width: calc(100% - 40px); padding-right: 20px; height: 40px; } .ys_navph2_msc_boxl input { width: 100%; height: 100%; font-size: 16px; } .ys_navph2_msc_boxr { width: 20px; } .ys_navph2_msc_boxr img { width: 100%; line-height: 40px; } .ys_navph2_menu { line-height: 64px; margin-left: 15px; } .ys_navph2_menu_btn { position: relative; display: inline-block; vertical-align: middle; width: 28px; height: 22px; } .ys_navph2_menu_line, .ys_navph2_menu_line::before, .ys_navph2_menu_line::after { display: block; width: 100%; height: 2px; background: #0f345b; transition: all .36s; } .ys_navph2_menu_line { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .ys_navph2_menu_line::before { content: ""; position: absolute; top: 10px; } .ys_navph2_menu_line::after { content: ""; position: absolute; top: -10px; } .ys_navph2_list { position: fixed; z-index: 99; left: 0; top: 0; width: 100%; height: 100%; padding: 84px 0 50px; background: #0f345b; color: #fff; overflow: hidden; transform: translateX(100%); transition: all .5s ease-out; } .ys_navph2_subnav { padding: 0 20px; height: 100%; overflow: auto; } .ys_navph2_subnav li>div { position: relative; border-bottom: 1px solid rgba(255, 255, 255, .5); } .ys_navph2_subnav a { line-height: 24px; padding: 8px 0; color: #ffffff; display: inline-block; } .ys_navph2_subnav_a { font-size: 16px; } .ys_navph2_nav_icon { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; } .ys_navph2_nav_icon::before { transform: rotate(90deg); } .ys_navph2_nav_icon::before, .ys_navph2_nav_icon::after { content: ""; position: absolute; left: 50%; top: 0; margin-left: -1px; width: 2px; height: 100%; background: #fff; transition: all .36s; } .ys_navph2_subnav ul { display: none; padding-left: 15px; } .ys_navph2_thirnav_a { font-size: 14px; } .ys_navph2_nav_icon { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; } .ys_navph2_subnav ul { display: none; padding-left: 15px; } .ys_navph2_fournav_li { font-size: 12px; } .ys_navph2_lang { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; } .ys_navph2_lang_btn { display: inline-block; padding: 15px; } .ys_navph2_lang_btn img { width: 20px; } .ys_navph2_lang_modal { transform: translateX(100%); transition: all .5s ease-out; } .ys_navph2_lang_modal { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: inherit; padding: 84px 0 20px; } .ys_navph2_lang_back { font-size: 16px; margin-bottom: 10px; } .ys_navph2_lang_back { padding: 0 15px; } .ys_navph2_subnav { padding: 0 20px; height: 100%; overflow: auto; } .ys_navph2_search_btn { width: 20px; cursor: pointer; } .modal-open { overflow: hidden; } .ys_navph2_list.act { transform: translateX(0); } .ys_navph2_menu_btn.act .ys_navph2_menu_line { background: transparent; } .ys_navph2_menu_btn.act .ys_navph2_menu_line::before { top: 0; transform: rotate(45deg); } .ys_navph2_menu_btn.act .ys_navph2_menu_line::after { top: 0; transform: rotate(-45deg); } .ys_navph2_nav_icon::before { transform: rotate(90deg); } .ys_navph2_subnav li.act>div .ys_navph2_nav_icon::after { transform: rotate(90deg) !important; } .ys_navph2_lang_modal.act { transform: translateX(0); } .ys_navph2_subnav_a.yxnav_active1, .ys_navph2_thirnav_a.yxnav_active2, .ys_navph2_fournav_a.yxnav_active3 { color: rgba(255, 255, 255, .7); } .he_mine { min-height: 200px; } .he_diquile { width: 24px; position: relative; line-height: 110px; transition: all 0.36s; } .he_diqui a { display: block; padding-left: 20px; } .he_diquiri { width: 100%; /* padding-right: 11px; */ } .he_diquile .he_img1 { height: inherit; top: 44px; opacity: 0; } .he_diquile img { transition: all 0.36s; } .he_diquiri p { color: #fff; font-size: 14px; line-height: 69px; /* transition: all 0.36s; */ } /* .he_diqui { margin-left: 56px; } */ .he_laxta a { font-size: 16px; line-height: 1.75; color: #666666; transition: all 0.36s; } .he_laxta { margin: 15px 28px; } .he_dixl { width: 6px; line-height: 69px; position: relative; } .he_dixl img { width: 100%; transition: all 0.36s } .he_dixl .he_img { opacity: 0; } .he_dixl .he_img1 { height: auto; top: 32px; } .he_diquiri a { transition: all 0.36s; } .yxnav_active2 a { color: #284a94; } .he_xlbx { width: 100%; padding: 0 176px; } .he_xlbxli { width: 25%; border-right: 1px solid rgba(214, 214, 214, 0.4); padding-top: 16px; padding-bottom: 22px; } .he_xlbxul { width: 100%; position: relative; } .he_xlbxny { width: 100%; position: relative; padding: 0 26%; } .he_xlbxlo { width: 109px; } .he_xlbxlo img { width: 100%; } .he_xlbxte p { font-size: 14px; line-height: 1.85; color: #999999; height: 50px; overflow: hidden; } .he_xlbxte { margin-top: 8px; } .he_xlbxli a { display: block; } .he_bante { width: 100%; } .he_teerl { font-size: 54px; line-height: 1.4; color: #ffffff; font-weight: bold; } .he_banpj1 p { font-weight: bold; } .he_banph1 { font-size: 66px; line-height: 1.5; color: #c91520; font-weight: bold; } .he_banpj2 { margin-top: 5px; } .he_banjk { width: 70%; position: relative; padding-top: 40px; margin-top: 64px; } .he_banjk::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #c91520; } .he_banjkle { width: 78px; } .he_banjkle img { width: 100%; } .he_banjkri { width: calc(100% - 78px); padding-left: 30%; } .he_banjkri p { font-size: 20px; line-height: 1.75; color: #ffffff; } .he_pcbxlole { width: 161px; line-height: 69px; position: relative; } .he_pcbxlole img { width: 100%; } .he_pcbxlori { width: 36px; line-height: 69px; margin-left: 36px; position: relative; } .he_pcbxlori img { width: 100%; } .he_pcbxlori::after { content: ''; position: absolute; top: 50%; left: -18px; transform: translateY(-50%); width: 1px; height: 21px; background: #fff; transition: all 0.36s; display: block; } .he_jianfle { width: calc(100% - 6px); padding-right: 11px; } .he_jianfle p { font-size: 14px; color: #fff; line-height: 69px; transition: all 0.36s; } .he_jianfa { /* border-left: 1px solid #fff; border-right: 1px solid #fff; */ padding: 0px 20px; cursor: pointer; position: relative; transition: all 0.36s; } .he_jianfa::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 19px; background: rgba(255, 255, 255, 0.5); } .he_jianfa::before { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 19px; background: rgba(255, 255, 255, 0.5); } .he_jianfbt { position: absolute; top: 69px; left: 50%; transform: translateX(-50%); min-width: 100%; background: #fff; padding: 10px 12px 10px 20px; display: none; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.08); } .he_jianfvcli a { font-size: 14px; line-height: 1.65; color: #666; transition: all 0.36s; } .he_con15 { width: 1500px; margin: 0 auto; } .he_jianfbt .mCSB_inside>.mCSB_container { margin-right: 10px; } .he_jianfbt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 2px; } .he_jianftp.on .he_dixl img { transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 鍜 Chrome */ -o-transform: rotate(180deg); } .he_banlnbm { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 10; } .he_banlnul { margin: 0 -8px; } .he_banlnli { width: 20% !important; padding: 0 8px; } .he_banvd { width: 100%; position: relative; } .he_banvdig img { width: 100%; } .he_banvdig { width: 100%; display: none; position: absolute; bottom: 64px; left: 0; } .he_banvdte { width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.4); text-align: center; position: relative; transition: all 0.86s; } .he_banvdnx { display: inline-block; position: relative; z-index: 10; } .he_banvdnx p { font-size: 18px; line-height: 62px; height: 62px; overflow: hidden; color: #fff; } .he_banvdnx img { width: 6px; position: absolute; top: 50%; transform: translateY(-50%); right: -19px; opacity: 0; transition: all 0.86s; } .he_banxlo { position: absolute; top: 0; right: 0; width: auto; width: 65px; transition: all 0.86s; opacity: 0; } .he_banxlo img { width: 100%; /* max-width: auto; height: 100%; */ } .he_banlnli a { display: block; width: 100%; } .he_dongh { /* width: 100%; */ height: 100%; position: absolute; top: 0; right: 0; z-index: 10; } .he_donghig { width: 1902px; height: 100%; position: absolute; top: 0; right: 0; background-size: 100% !important; } .he_donghsj { width: 768px; height: 100%; position: absolute; top: 0; right: 0; background-size: 100% !important; display: none; } .he_dongh { width: 0; transition: all 2.4s; -webkit-transition-delay: 0.4s; transition-delay: 0.4s; overflow: hidden; } .he_banli.slick-current .he_dongh { width: 100%; } .he_syp1 { width: 100%; position: relative; padding-top: 130px; /* padding-bottom: 185px; */ z-index: 20; } .he_syp1bx { width: 100%; position: relative; } .he_syp1bri { width: 500px; } .he_syp1ble { padding-right: 33px; width: calc(100% - 500px); margin-top: 72px; } .he_syp1blev { width: 100%; position: relative; border: 1px solid #e5e5e5; border-radius: 16px; overflow: hidden; } .he_syp1bleig { width: 100%; position: relative; overflow: hidden; border-radius: 16px; } .he_syp1bleig img { border-radius: 16px; transition: all 1.2s; } .he_syp1bleig video { height: 100%; width: 100%; position: absolute; object-fit: cover; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 4; } .he_pult1 { font-size: 48px; line-height: 1.75; color: #333333; } .he_syp1blete { width: 100%; position: relative; padding: 42px; padding-bottom: 46px; } .he_syp1bti p { font-size: 24px; line-height: 1.5; color: #333333; height: 72px; overflow: hidden; transition: all 0.36s; } .he_syp1btp p { font-size: 16px; line-height: 1.5; color: #666666; height: 48px; overflow: hidden; } .he_syp1btp { margin-top: 14px; } .he_syp1bmo p { font-size: 16px; line-height: 1.5; color: #0f345b; } .he_syp1bmo { margin-top: 34px; } .he_syp1blev a { display: block; width: 100%; } .he_syp1leb { background: url(../images/pic03.png) center / cover no-repeat; } .he_syp1leb { margin-top: 35px; } /* .he_syp1let .he_syp1bti p { height: 36px; } */ .he_syp1ckm a { font-size: 16px; line-height: 1.5; color: #3a60a5; } .he_syp1ckm { text-align: right; padding-right: 60px; margin-top: 103px; } .he_syp2 { width: 100%; position: relative; } .mc_bs3_videobox { width: 100vw; height: 100vh; position: relative; z-index: 1; } /* .mc_bs3_videobox.act .mc_bs3_videowrap { width: 100%; transform: translate(-50%, -50%); } */ .he_syp2 .mc_bs3_video { width: 80%; } .mc_bs3_video, .mc_bs3_videowrap::before, .mc_bs3_videowrap { /* transition: all 1s; */ } .mc_bs3_videobox.act .mc_bs3_video { opacity: 1; /* transition: all 1s !important; transition-delay: 1s; */ } .mc_bs3_video { /* z-index: -2; opacity: 0; */ /* width: auto; */ height: auto; max-width: none; /* transform: translateY(-30px); */ position: absolute; transform: translate(-50%, -50%); left: 50%; top: 50%; min-height: 100vh; transition: inherit; /* width: 20%; */ } .mc_bs3_videowrap { position: absolute; left: 50%; top: 50%; z-index: -1; transform: translate(-50%, -50%); width: 100vw; height: 100vh; max-width: none; overflow: hidden; display: none; } .mc_b_s3 { height: 300vh; overflow: hidden; } .mc_bs3_svg { position: absolute; left: 50%; top: 50%; z-index: 5; transform: translate(-50%, -50%); text-align: center; width: 100%; max-width: none; /* transition: all 0.36s; */ } .mc_bs3_svg { width: 120%; } .mc_bs3_videowrap { width: 100vw; height: 100vh; overflow: hidden; } .mc_bs3_videowrap::before { width: 110%; } /* .mc_bs3_videowrap::before, .mc_bs3_videowrap { transition: all 1s; } */ .mc_bs3_title { /* transition: all 0.36s; */ position: absolute; bottom: 15%; left: 0; width: 100%; text-align: center; } .mc_bs3_videobox.act .mc_bs3_title { /* transform: translate(-50%, -50%) translateX(-100%); */ opacity: 0; } .mc_bs3_videobox.act .mc_bs3_videowrap::before { opacity: 0; } /* .mc_bs3_videobox.act .mc_bs3_videowrap { width: 100%; transform: translate(-50%, -50%); } */ .mc_bs3_videobox.act .mc_bs3_video { opacity: 1; /* transition: all 1s !important; */ /* transition-delay: 1s; */ } .mc_bs3_videobox.end .mc_bs3_svg { opacity: 0; } .he_syp2hd p { font-size: 16px; line-height: 1.75; color: #999999; margin-bottom: 15px; } .he_syp2hd img { width: 36px; animation: xl 1.2s infinite; } .he_syp2hd { margin-top: 37px; } @keyframes xl { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } } .he_syp3 { width: 100%; position: relative; padding-top: 230px; padding-bottom: 315px; } .he_syp3tp p { font-size: 16px; line-height: 1.75; color: #666666; } .he_syp3tp { margin-top: 15px; } .he_syp3top { text-align: center; margin-bottom: 50px; } .he_syp3bp { width: 100%; position: relative; margin-top: 20px; cursor: inherit !important; } .he_syp3bpul { width: 100%; position: relative; } .he_syp3bpli { width: 21% !important; margin: 0 11px; border-radius: 14px; overflow: hidden; } .he_syp3bpbx { width: 100%; position: relative; } .he_syp3bpsig { width: 100%; position: relative; border-radius: 14px; overflow: hidden; } .he_syp3bpsig::after { content: ''; position: absolute; bottom: 0; left: 0; height: 60px; width: 100%; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.01)); z-index: 10; opacity: 0; transition: all 0.36s; } .he_syp3bp { overflow: inherit !important; } .he_syp3bpli.swiper-slide-active .he_syp3bpbx { transform: scale(0.94); } .he_syp3bpli.swiper-slide-active .he_syp3bpsig::after { opacity: 1; } .he_syp3bpli.swiper-slide-active { margin: 0; } .he_swepbx { width: 49px; margin: 0 12px; outline: none; } .he_swepbx img { width: 100%; border-radius: 50%; } .he_swep { position: absolute; bottom: -65px; left: 50%; transform: translateX(-50%); z-index: 10; } .he_syp4 .mc_bs3_videobox .mc_bs3_svg { opacity: 0; } .he_syp4 .mc_bs3_videobox .mc_bs3_title { opacity: 0; } .he_syp4 .mc_bs3_videobox.end .mc_bs3_svg { opacity: 1; } /* .he_syp4 .mc_bs3_videobox .mc_bs3_title { opacity: 1; } */ .he_syp4 .mc_bs3_videobox.act .mc_bs3_title { opacity: 1; } .he_syp2hmo a { font-size: 16px; line-height: 1.5; color: #274a94; } .he_syp1ti { transform: translateY(100px); } .he_syp1ble { transform: translateY(100px); } .he_syp1bri { transform: translateY(100px); } .he_syp1.on .he_syp1ti { -webkit-animation: effect0 1s ease-out both; animation: effect0 1s ease-out both; } @-webkit-keyframes effect0 { 0% { transform: translateY(100px); } 100% { transform: translateY(0px); } } .he_syp1.on .he_syp1ble { -webkit-animation: effect1 1s ease-out both; animation: effect1 1s ease-out both; /*animation-delay: 0.36s;*/ } @-webkit-keyframes effect1 { 0% { transform: translateY(100px); } 100% { transform: translateY(0px); } } .he_syp1.on .he_syp1bri { -webkit-animation: effect2 1s ease-out both; animation: effect2 1s ease-out both; /*animation-delay: 0.36s;*/ } @-webkit-keyframes effect2 { 0% { transform: translateY(100px); } 100% { transform: translateY(0px); } } .he_syp4 { height: 300vh; } .he_syp4 .mc_bs3_title { bottom: 20%; } .he_nyban { width: 100%; position: relative; } .he_nybanig { width: 100%; position: relative; height: 557px; } .he_nybanig img { width: auto; height: 100%; position: relative; top: 0; left: 50%; transform: translateX(-50%); max-width: none !important; } .he_nybante h1 { font-size: 60px; line-height: 1.5; color: #ffffff; text-align: center; } /* .he_nypu .he_nyban { margin-top: 69px; } */ .he_nybante { position: absolute; top: 100px; text-align: center; width: 100%; } .he_b1p1 { width: 100%; position: relative; margin-top: -300px; } .he_bode { width: 100%; position: relative; } .he_bodeli a { font-size: 14px; line-height: 1.75; color: #fff; transition: all 0.36s; } .he_bodeli { font-size: 14px; line-height: 1.75; color: #fff; } .he_bodeli.act a { color: rgba(255, 255, 255, 0.6); } .he_bodeli { margin-left: 3px; } .he_bodeli:first-child { margin-left: 0; } .he_b1p1ny .he_conten1 { background: #fff; border-radius: 14px; } .he_b1p1ny { margin-top: 18px; } .he_b1p1bx { width: 100%; padding-top: 80px; } .he_b1p1le { width: 65.26%; position: relative; } .he_b1p1ri { width: calc(100% - 65.26%); padding-left: 4.5%; } .he_b1p1lenu { width: 100%; position: relative; border-radius: 14px; overflow: hidden; } .he_b1p1leig { width: 100%; position: relative; } .he_b1p1leig img { transition: all 0.8s; } .he_b1p1leig::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; background: linear-gradient(to top, rgba(17, 14, 65, 0.65), rgba(17, 14, 65, 0.01)); height: 170px; z-index: 10; } .he_b1p1leig img { border-radius: 14px; } .he_b1p1lep1 p { font-size: 24px; line-height: 1.5; color: #ffffff; height: 36px; overflow: hidden; } .he_b1p1lete { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 11; padding: 33px 45px; } .he_b1p1lep2 p { font-size: 16px; line-height: 1.75; color: #fff; } .he_b1p1lep2 { margin-top: 18px; } .he_b1p1le a { width: 100%; display: block; } .he_b1p1ribx { width: 100%; position: relative; } .he_b1p1li { width: 100%; position: relative; border-bottom: 1px solid #e5e5e5; margin-top: 38px; } .he_b1p1li:first-child { margin-top: 8px; } .he_b1p1lst p { font-size: 16px; line-height: 1.75; color: #284a94; font-family: "RobotoRegular" !important; } .he_b1p1lsl p { font-size: 18px; line-height: 1.65; color: #333333; height: 58px; overflow: hidden; transition: all 0.36s; } .he_b1p1lsl { margin-top: 10px; } .he_b1p1li a { width: 100%; display: block; padding-bottom: 23px; } .he_b1p2 { width: 100%; position: relative; z-index: 20; } .he_b1p3 .he_content { padding-top: 50px; } .he_b1p2 { margin-top: 50px; } .he_b1p2bx { width: 100%; position: relative; } .he_b1p2le { width: 270px; } .he_b1p2ri { width: calc(100% - 270px); padding-left: 17px; } .he_b1p2tb { width: 100%; position: relative; } .he_b1p2tsh { width: 100%; border: 1px solid #e5e5e5; border-radius: 14px; padding: 0 24px; cursor: pointer; } .he_b1p2tskp p { font-size: 14px; color: #999999; line-height: 64px; height: 64px; overflow: hidden; } .he_b1p2tskp { width: 100%; padding-right: 10px; } .he_b1p2ar { width: 10px; position: absolute; top: 50%; right: 22px; transform: translateY(-50%); } .he_b1p2ar img { width: 100%; transition: all 0.36s; } .he_b1p2txa { width: 100%; position: absolute; top: 72px; left: 0; z-index: 10; background: #fff; border-radius: 14px; overflow: hidden; border: 1px solid #e5e5e5; display: none; z-index: 20; } .he_b1p2txa { padding: 18px 24px; } .he_b1p2txa p { color: #999999; font-size: 14px; line-height: 1.75; margin: 2px 0; cursor: pointer; transition: all 0.36s; height: 24px; overflow: hidden; } .he_b1p2rv { width: 100%; position: relative; height: 64px; line-height: 64px; border-radius: 14px; overflow: hidden; border: 1px solid #e5e5e5; } .he_b1p2rv input { width: 100%; padding: 0 24px; padding-right: 50px; color: #999999; font-size: 14px; } .he_b1p2rv input::placeholder { color: #999999; font-size: 14px; } .he_b1p2rv img { width: 26px; top: 50%; right: 24px; transform: translateY(-50%); position: absolute; cursor: pointer; } .he_b1p3 { width: 100%; position: relative; } .he_b1p3bx { width: 100%; position: relative; } .he_b1p3ul { width: 100%; } .he_b1p3li { width: 33.333333%; position: relative; border-right: 1px solid #e9edf0; transition: all 0.36s; margin-bottom: 48px; } .he_b1p3bu { width: 100%; position: relative; border-radius: 14px; overflow: hidden; padding: 50px 48px 52px; } .he_b1p3bu::after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); background: url(../images/b1pic02.jpg) center /cover no-repeat; transition: all 0.36s; opacity: 0; z-index: -1; } .he_b1p3bu .he_b1p1lep1 p { color: #333333; height: 72px; } .he_b1p3bu .he_b1p1lep1 { margin-top: 31px; transition: all 0.36s; } .he_b1p3jp p { font-size: 16px; line-height: 1.5; color: #666666; height: 48px; overflow: hidden; } .he_b1p3jp { margin-top: 50px; } .he_b1p3mo .he_b1p1lep2 p { color: #274a94; } .he_b1p3mo { margin-top: 70px; transition: all 0.36s; } .he_b1p3li a { width: 100%; display: inline-block; } .he_b1p3li:nth-child(3n) { border-right: none; } .he_pcfy { width: 100%; } .he_b1p4 { padding-bottom: 120px; } .he_b1p3 { padding-bottom: 80px; } .he_fot { width: 100%; position: relative; background: #403f45; } .he_fojt { width: 100%; position: relative; padding: 52px 0 32px; } .he_fojtqle { width: 140px; padding-right: 15px; } .he_fojtqri { width: calc(100% - 140px); margin-top: 2px; } .he_fojalp p { font-size: 16px; line-height: 1.75; color: #9b9b9d; transition: all 0.36s; cursor: pointer; height: 28px; overflow: hidden; } .he_fojalp.act p { color: #ffffff; } .he_fojalp { margin-bottom: 10px; } .he_fojtbv { width: 100%; position: relative; } .he_fojtbp1 p { color: #ffffff; font-weight: bold; font-size: 16px; } .he_fojtbp2 p { font-size: 48px; line-height: 1.4; color: #ffffff; font-family: "ROBOTO-BOLD" !important; position: relative; } .he_fojtbp2 span { font-family: "ROBOTO-BOLD" !important; font-size: 16px; line-height: 1.75; color: #fff; padding-left: 5px; position: relative; } .he_fojtbp2 span::after { content: ''; position: absolute; left: 0; bottom: 3px; width: 13px; height: 7px; background-image: url(../images/fotar.png); background-size: 100% 100%; background-repeat: no-repeat; display: none; } .he_fojtbp3 p { font-size: 14px; line-height: 1.75; font-family: 'PoppinsRegular'; color: #9b9b9d; } .he_fojtbli { width: 100%; display: none; } .he_fojtbli:first-child { display: block; } .he_fojtbul { width: 100%; position: relative; } .he_fojtle { width: 50%; } .he_fojtri { width: 50%; text-align: right; margin-top: 24px; } .he_xwho { width: 46px; /* height: 46px; */ cursor: pointer; position: relative; } .he_xwho .he_wxhig { width: 100%; border-radius: 50%; } .he_xwhofd { width: 404px; position: absolute; bottom: 73px; left: 50%; transform: translateX(-50%); z-index: 20; display: none; background: #fff; box-shadow: 0 5px 7px 0 rgba(132, 132, 132, 0.1); border-radius: 14px; /* overflow: hidden; */ padding: 74px 30px 17px; } .he_xwhofd::before { content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -28px; width: 0; height: 0; border-bottom: 14px solid transparent; border-top: 14px solid #fff; border-left: 14px solid transparent; border-right: 14px solid transparent; } .he_tchun { display: inline-block; } .he_xwho1 { margin-right: 14px; } .he_xwhofig { width: 105%; position: absolute; top: -85px; left: 48%; transform: translateX(-50%); } .he_xwhofig img { width: 100%; } .he_xwhofli { width: 33.333333%; padding: 0 8px; text-align: center; } .he_xwhoful { margin: 0 -8px; } .he_xwhofbx { width: 100%; border: 1px solid #e5e5e5; border-radius: 10px; padding: 12px; } .he_xwhofbx img { width: 100%; } .he_xwhofbte p { font-size: 14px; line-height: 1.75; color: #666666; height: 24px; overflow: hidden; } .he_xwhofbte { margin-top: 2px; } .he_xwhomo img { width: 19px; } .he_xwhomo { text-align: center; margin-top: 10px; } .he_xwhomo a { display: inline-block; } .he_xwho2 a { position: absolute; width: 100%; height: 100% !important; display: block; background: none !important; left: 0; top: 0; z-index: 5; } .he_xwho2 a { padding-left: 0 !important; } .he_fobt { width: 100%; position: relative; background: #36353b; padding-top: 42px; } .he_fobtty { width: 100%; } .he_fobttli a { font-size: 16px; line-height: 1.75; color: #fff; font-weight: bold; transition: all 0.36s; } .he_fobttli { margin-right: 70px; } .he_fobtnh { width: 98%; margin: 0 auto; border-top: 1px solid rgba(255, 255, 255, 0.07); } .he_fobtnh { margin-top: 70px; padding: 12px 0; } .he_fottbri p a:last-child { color: #5b5a5f; } .he_fottgle a { font-size: 14px; line-height: 1.75; color: #666666; } .he_fottgle { font-size: 14px; line-height: 1.75; color: #666666; } .he_b1p2txbc { height: 100px; overflow: hidden; } .he_b1p2txa .mCSB_inside>.mCSB_container { margin-right: 19px; } .he_b1p2txa .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { position: relative; width: 2px; } .he_b2pxbx { width: 100%; padding: 90px 98px; } .he_b2pxbxt1 .he_b1p1lep1 p { color: #333333; height: inherit; } .he_b2pxbxt2 { margin-top: 23px; } .he_b2pxbxti { width: 100%; border-bottom: 1px solid #dcdcdc; padding-bottom: 35px; } .he_b2pxny { width: 100%; margin-top: 38px; } .he_b2pxbh p { font-size: 16px; line-height: 1.875; color: #666666; margin-bottom: 16px; } .he_b1p1sx { width: 100%; position: relative; padding-top: 70px; } .he_b1p1qh { width: 50%; position: relative; } .he_b1p1qhle { padding-right: 36px; } .he_b1p1qhri { padding-left: 36px; } .he_b1p1qh a { width: 100%; display: block; } .he_b1p1bf p { font-size: 16px; line-height: 1.75; color: #274a94; } .he_b1p1kf p { font-size: 18px; line-height: 1.75; color: #333333; height: 31px; overflow: hidden; padding-right: 50px; transition: all 0.36s; } .he_b1p1kf p span { position: absolute; top: 50%; transform: translateY(-50%); right: 0; transition: all 0.36s; } .he_b1p1kf { width: 100%; position: relative; margin-top: 7px; } .he_b1p2tb.on .he_b1p2ar img { transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 鍜 Chrome */ -o-transform: rotate(180deg); } .he_jianfbgd { max-height: 92px; overflow: hidden; } .he_syp3bpgig p { font-size: 18px; line-height: 1.75; color: #fff; height: 30px; overflow: hidden; } .he_syp3bpgig { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 10; padding-left: 32px; padding-right: 32px; padding-bottom: 26px; opacity: 0; transition: all 0.36s; } .he_syp3bpli.swiper-slide-active .he_syp3bpgig { opacity: 1; } .he_cdph { width: 406px; margin: 0 auto; display: none; } .he_syp3top .he_syp3ti { overflow: hidden; } .he_syp2hmo span { color: #6d9cd4; } /* .he_syp4 .mc_bs3_videobox.act .he_dxsp1 { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; animation-delay: 0.1s; } .he_syp4 .mc_bs3_videobox.act .he_dxsp2 { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; animation-delay: 0.2s; } .he_syp4 .mc_bs3_videobox.act .he_dxsp3 { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; animation-delay: 0.3s; } .he_syp4 .mc_bs3_videobox.act .he_dxsp4 { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; animation-delay: 0.4s; } .he_syp4 .mc_bs3_videobox.act .he_dxsp5 { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; animation-delay: 0.5s; } .he_syp4 .mc_bs3_videobox.act .he_dxsp6 { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; animation-delay: 0.6s; } */ .he_banpj1 { overflow: hidden; } .he_banpj2 { overflow: hidden; } .he_playpn { display: none; } .he_b1p1ul { overflow: hidden; } .he_b1p3ul { overflow: hidden; } .he_yilou { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; z-index: 9; } .he_yilbx { width: 60%; position: relative; } .he_yilbp1 p { font-size: 16px; line-height: 1.75; color: #fff; } .he_yilbp2 p { font-size: 40px; line-height: 1.5; color: #fff; } .he_yilbp3 p { font-size: 16px; line-height: 1.5; color: #fff; } .he_yilbp2 { margin-top: 17px; } .he_yilbp3 { margin-top: 26px; padding-right: 10%; } .he_yiluig { width: 323px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; } .he_yiluig img { width: 100%; } .he_yilbp2 p span { padding: 0 20px; position: relative; } .he_huhle { width: 15px; position: absolute; top: -4px; left: 2px; background: transparent; } .he_huhri { width: 15px; position: absolute; bottom: -8px; right: 17px; transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -moz-transform: rotate(180deg); /* Firefox */ -webkit-transform: rotate(180deg); /* Safari 鍜 Chrome */ -o-transform: rotate(180deg); } .he_yiluig { width: 54%; position: absolute; top: 50%; transform: translateY(-50%); left: -59%; } .mc_bs3_videobox.end .he_yilou { opacity: 0; } .he_jianfvcli { margin: 4px 0; } .he_syp1pkc { display: none; } /* .he_banig { height: calc(100vh - 69px); } */ .he_banig .he_banpc { width: 100%; /* max-width: inherit; height: 100%; position: relative; top: 0; left: 50%; transform: translateX(-50%);*/ } .he_syp4 .mc_bs3_videobox.act .he_syp2ti p { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.4s; } .he_syp4 .mc_bs3_videobox.act .he_syp2hmo { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.4s; } .he_b1p3li.on { border-right: 1px solid transparent; } .he_syp1ckm .g_fadein1 { transition-delay: 0.1s; } .he_syp1ckm .g_fadein2 { transition-delay: 0.2s; } .he_syp1ckm .g_fadein3 { transition-delay: 0.3s; } .he_syp1ckm .g_fadein4 { transition-delay: 0.4s; } .he_syp1ckm .g_fadein5 { transition-delay: 0.5s; } .he_syp1ckm .g_fadein6 { transition-delay: 0.6s; } .he_syp1ckm .g_fadein7 { transition-delay: 0.7s; } .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; -ms-transform-style: preserve-3d; /* IE 9 */ -webkit-transform-style: preserve-3d; /* Safari and Chrome */ -o-transform-style: preserve-3d; /* Opera */ -moz-transform-style: preserve-3d; /* Firefox */ } .he_syp2 .mc_bs3_video { width: 100%; } .he_syp2::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #fff; z-index: 10; } .he_bansvg { width: 100%; position: absolute; top: 0; left: 0; z-index: 10; } @-webkit-keyframes dots { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes dots { 0% { opacity: 0; } 100% { opacity: 1; } } .he_banli4.on circle { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; } .he_banli4.on ellipse { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; } .he_banli4.on .dot2 { animation-delay: 0s; } .he_banli4.on .dot17 { animation-delay: 0.2s; } .he_banli4.on .dot11 { animation-delay: 0.8s; } .he_banli4.on .dot12 { animation-delay: 1.5s; } .he_banli4.on .dot13 { animation-delay: 2.4s; } .he_banli4.on .dot1 { animation-delay: 1.8s; } .he_banli4.on .dot5 { animation-delay: 0.6s; } .he_banli4.on .dot4 { animation-delay: 2.4s; } .he_banli4.on .dot3 { animation-delay: 1.2s; } .he_banli4.on .dot6 { animation-delay: 1.6s; } .he_banli4.on .dot7 { animation-delay: 1.8s; } .he_banli4.on .dot8 { animation-delay: 1.9s; } .he_banli4.on .dot9 { animation-delay: 2.2s; } .he_banli4.on .dot10 { animation-delay: 1.6s; } .he_banli4.on .dot14 { animation-delay: 2.6s; } .he_banli4.on .dot15 { animation-delay: 2.8s; } .he_banli4.on .dot16 { animation-delay: 2s; } .he_syp1ckm span { transition: all 0.46s; color: #6d9cd4; } .he_syp2hmo .he_dxsp1 { transition-delay: 0.1s; } .he_syp2hmo .he_dxsp2 { transition-delay: 0.2s; } .he_syp2hmo .he_dxsp3 { transition-delay: 0.3s; } .he_syp2hmo .he_dxsp4 { transition-delay: 0.4s; } .he_syp2hmo .he_dxsp5 { transition-delay: 0.5s; } .he_syp2hmo .he_dxsp6 { transition-delay: 0.6s; } .he_syp2hmo .he_dxsp7 { transition-delay: 0.7s; } .he_loading { width: 100vw; height: 100vh; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); opacity: 1; z-index: 9999; /* background: #fff; */ /* display: none; */ } .he_inbo.acd .he_loading { display: none; } /* .he_loading.on { background: transparent; } */ .he_loading.on .he_imgj1 { opacity: 0; } .he_loading .he_imgj2 { width: auto; height: 100%; position: relative; top: 0; left: 50%; transform: translateX(-50%); max-width: inherit; } .he_inbo { overflow: hidden; } .he_inbo.on { overflow: inherit; } .he_loading.on1 { /* transition: transform 1s cubic-bezier(1, .01, 0, .04), opacity 1.5s ease-in; transform-origin: 50% 50%; transform: translate(-50%, -50%) matrix(45, 0, 0, 45, 0, 0); */ transition: transform 1.8s cubic-bezier(1, .01, 0, .04), opacity 2s ease-in 0.8s; transform-origin: 50% 50%; transform: translate(-50%, -50%) matrix(45, 0, 0, 45, 0, 0); opacity: 0; } .he_syp1bmo p span { color: #6d9cd4; transition: all 0.36s; } .he_syp1bmo .g_fadein4 { transition-delay: 0.2s; } .he_fgdy p { display: inline-block; } .mc_bs3_videowrap .he_fengmtu { width: 100%; position: absolute; top: 0; left: 0; z-index: 5; display: none; } .he_syp4 .mc_bs3_video { width: 100%; } .he_syfdph { display: none; } .he_imgj2 { position: absolute !important; } .he_imgj3 { position: absolute; } .he_imgj1 { z-index: 10; transition: all 0.36s; } .he_zihe { height: 100%; width: auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: 11; } .he_loading .he_imgj1 { width: auto; height: 100%; position: relative; top: 0; left: 50%; transform: translateX(-50%); max-width: inherit; } @keyframes xl1 { 0% { top: 0; } 50% { top: 10px; } 100% { top: 0; } } /* #he_loading .he_imgj1 { animation: xl1 1.2s infinite; } */ .he_chonxin { position: absolute; /* top: 50%; */ left: 50%; transform: translateX(-50%); bottom: 20px; z-index: 11; display: none; } .he_chonxcl { width: 24px; } .he_chonxcl img { width: 100%; } .he_chonxte { width: calc(100% - 24px); padding-left: 5px; } .he_chonxte p { font-size: 16px; line-height: 24px; color: #fff; } .he_huhleph { display: none; } .he_huhriph { display: none; } .he_index { overflow: hidden; } .he_inbo { overflow: hidden; } .he_syzitibian { width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); max-width: inherit; } /* 鏆傛椂闅愯棌 */ /* .he_pcbxyl { display: none; } .he_fottgle { display: none; } .he_b1p2 { display: none; } .he_b1p4 { display: none; } .ys_navph2_search { display: none; } .ys_navph2_lang { display: none; } */ /* 鏆傛椂闅愯棌 */ .he_huahte { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); } .he_huahte p { font-size: 50px; line-height: 1.75; font-weight: bold; } .he_top { color: #95afc6; } .he_buttm { /* color: #0f345b; */ font-size: 52px; } .he_buttm { position: absolute; pointer-events: none; top: 0; left: 0; overflow: hidden; width: 0; height: 87px; white-space: nowrap; } .he_huahte.act .he_buttm { color: #0f345b; animation: test; /* animation-duration: 1.5s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; */ -webkit-animation: test 1.4s ease-in-out 0s 1 alternate forwards; } @keyframes test { 0% { width: 0px; } 50% { width: 100px; } 75% { width: 150px; } 100% { width: 200px; } } /* html::-webkit-scrollbar { width: 0px; } */ .he_loading img { width: 100% !important; object-fit: cover; } .mc_b_s3 { height: 220vh; } .mc_videom_close { font-family: Arial, Helvetica, sans-serif; font-size: 50px; color: #fff; } .mc_modal_close { position: absolute; right: 15px; top: 15px; /* font-size: 20px; */ line-height: 20px; cursor: pointer; z-index: 10; } .mc_videom_container { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .mc_videom_content { width: 1200px; } .mc_videom_content { width: 1000px; max-width: calc(100vw - 40px); max-height: calc(100vh - 80px); overflow: auto; } .mc_videom_video { max-width: 100%; vertical-align: middle; background: #000; } .mc_videom_iframebox { text-align: center; } .mc_videom_iframebox { display: none; } .mc_videom { display: none; position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0, 0, 0, .84); } .he_vsglkt { display: none; } /* .he_laxtwo { width: 100vw; } */ /* .he_laxta:first-child { margin-left: 0px; } */ /* 2021.7.14 */ .he_pcbantph { display: none; } /* 2021.7.14 */ .he_b1p3buwk { position: relative; width: 100%; overflow: hidden; } .he_b1xztu { width: 100%; position: relative; overflow: hidden; transition: all 0.36s; height: 141px; position: absolute; top: 0; left: 0; } .he_b1xztu img { border-radius: 12px; object-fit: cover; } .he_b1xztu { display: none; } .he_b1p3li.act .he_b1xztu { display: block; } .he_b1p3li.act .he_b1p3jp { height: 0px; overflow: hidden; transition: all 0.36s; margin-top: 0; } .he_b1p3li.act .he_b1p3mo { margin-top: 24px; } .he_b1p3li.act .he_b1p3bu .he_b1p1lep1 { margin-top: 16px; } .he_b1p1lst { transition: all 0.36s; } .he_b1p3li.act .he_b1p1lst { padding-top: 159px; } .he_b1p3li.act .he_b1p3bu { height: 456px; } .he_b1ym .he_b1p3bu .he_b1p1lep1 p { font-size: 22px; height: 99px; } .he_huahte { display: none !important; } .he_index { opacity: 0; } .he_index.on { opacity: 1; } .he_pcbxle .he_img1 { top: 22px; } .he_pcbxlori .he_img1 { top: 24px; } .he_pc_hd.act .he_pcbxle .he_img1 { opacity: 1; } .he_pc_hd.act .he_pcbxle .he_img { opacity: 0; } .he_pc_hd.act .he_pcbxlori::after { background: #dcdcdc; } .he_pc_hd.act .he_pcnli .he_pcnava { color: #333333; } .he_pc_hd.act .he_pcser .icon-search { color: #333; } .he_pc_hd.act .he_jianfa::before { background: #dcdcdc; } .he_pc_hd.act .he_jianfa::after { background: #dcdcdc; } .he_pc_hd.act .he_jianfle p { color: #333; } .he_pc_hd.act .he_dixl .he_img { opacity: 1; } .he_pc_hd.act .he_dixl .he_img1 { opacity: 0; } .he_pc_hd.act .he_diquiri p { color: #333; } .he_c1gudi { position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100vh; max-width: 1920px; } .he_pc_hd.color .he_diquiri p { color: #333; } .he_pc_hd.color .he_pcbxle .he_img1 { opacity: 1; } .he_pc_hd.color .he_pcbxle .he_img { opacity: 0; } .he_pc_hd.color { background: #fff; border-bottom: 1px solid #f7f7f7; } .he_pc_hd.color .he_pcbxlori::after { background: #dcdcdc; } .he_pc_hd.color .he_pcnli .he_pcnava { color: #333333; } .he_pc_hd.color .he_pcser .icon-search { color: #333; } .he_pc_hd.color .he_jianfa::before { background: #dcdcdc; } .he_pc_hd.color .he_jianfa::after { background: #dcdcdc; } .he_pc_hd.color .he_jianfle p { color: #333; } .he_pc_hd.color .he_dixl .he_img { opacity: 1; } .he_pc_hd.act .he_dixl .he_img1 { opacity: 0; } .he_pc_hd.act .he_diquiri p { color: #333; } .section { position: relative; } #fullpage { z-index: 100; position: relative; } .he_c1bx { width: 100%; /* position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); */ padding-top: 11%; } /* .he_c1bxti p { font-size: 90px; line-height: 1.5; color: transparent; font-weight: bold; text-stroke: 1px #fff; -webkit-text-stroke: 1px #fff; -moz-text-stroke: 1px #fff; text-align: center; } */ .he_c1bxny { width: 100%; position: relative; margin-top: 105px; } .he_c1bxnli { width: 30.8% !important; padding-right: 55px; position: relative; border-radius: 12px; overflow: hidden; transition: all 8s ease; } .he_c1bxntu { width: 100%; position: relative; border-radius: 12px; overflow: hidden; } .he_c1bxntu img { border-radius: 12px; } .he_c1bxntu::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); opacity: 0; transition: all 0.46s; } /* curser.png */ .he_c1bxnwe { width: 100%; position: absolute; top: 0; left: 0; /* height: 100%; */ z-index: 10; display: none; } .he_c1bxnul { width: 150%; padding-left: 5%; padding-right: 5%; } .he_c1bxnli { /* cursor: url(../images/curser.png), auto; */ position: relative; z-index: 15; } .he_c1bxnwhf { padding: 35px; height: 100%; position: relative; } .he_c1bxnh1 p { font-size: 30px; line-height: 1.75; color: #fff; height: 52px; overflow: hidden; } .he_c1bxnsvg { width: 214px; margin-top: 70px; } .he_c1bxnsvg img { width: 100%; } .he_c1bxnty { width: 100%; position: relative; padding: 30px 36px; display: none; } .he_c1bxnle p { font-size: 16px; line-height: 1.5; color: #ffffff; font-weight: bold; } .he_c1bxnle { width: 160px; } .he_c1bxnri { width: calc(100% - 160px); } .he_c1bxnri p { font-size: 16px; line-height: 1.5; color: #fff; margin-bottom: 13px; } .he_c1ym .he_mine { position: relative; z-index: 100; } .he_c1ym .he_fot { position: relative; z-index: 10; } .he_c1ym .he_mine { height: 100vh; } .he_gund { width: 210px !important; height: 2px !important; background: rgba(255, 255, 255, 0.5); position: absolute; left: 5% !important; top: 476px !important; } .he_gund span { width: 100%; /* height: 100%; */ /* position: absolute; top: 0; left: 0; */ background: #ff1d25 !important; } .he_gufri { width: 96px; position: absolute; /* top: 470px; */ top: -76px !important; right: 5%; cursor: pointer; z-index: 100; } .he_gufri img { width: 100%; } .he_c1fid { position: fixed; top: 100%; left: 0; z-index: 10000; width: 100%; overflow: hidden; } .he_c1fijh { width: 100%; position: relative; } .he_c1fijh { width: 100%; position: relative; } .he_c1fid2 { top: 0; opacity: 0; pointer-events: none; } .he_cupbx.fix2 .he_c1fid2 { opacity: 1; pointer-events: auto; } @keyframes portOpen { 0% { top: 100%; } 100% { top: 0; } } @keyframes portOpen1 { 0% { top: 0px; opacity: 0; } 1% { top: 100%; opacity: 1; } 100% { top: 0; } } .he_c1fghy { position: relative; } .he_c1gbcv { width: 56px; height: 56px; background: #fff; border-radius: 50%; position: fixed; top: 24px; right: 40px; cursor: pointer; overflow: hidden; transition: all 0.36s; z-index: 100; box-shadow: 0 0px 16px 0 rgba(0, 0, 0, 0.1); display: none; } .he_c1gbcv::after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background: #284a94; transform: translate(-50%, -50%) scale(0); transition: all 0.26s; border-radius: 50%; } .he_c1gbcv img { width: 16px !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; } body.fix1 .he_c1fid1 { animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s; overflow: hidden; overflow-y: auto; height: 100vh; } body.fix2 .he_c1fid2 { /* animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s; */ animation: portOpen1 both cubic-bezier(.77, 0, .175, 1) 1.2s 0s; overflow: hidden; overflow-y: auto; height: 100vh; } body.fix3 .he_c1fid3 { animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s; overflow: hidden; overflow-y: auto; height: 100vh; } body.fix4 .he_c1fid4 { animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s; overflow: hidden; overflow-y: auto; height: 100vh; } body.fix5 .he_c1fid5 { animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s; overflow: hidden; overflow-y: auto; height: 100vh; } body.fixdown1 .he_c1fid1 { display: block; animation: portClose both cubic-bezier(.77, 0, .175, 1) 1.2s 0.4s; } body.fixdown2 .he_c1fid2 { display: block; animation: portClose both cubic-bezier(.77, 0, .175, 1) 1.2s 0.4s; } body.fixdown3 .he_c1fid3 { display: block; animation: portClose both cubic-bezier(.77, 0, .175, 1) 1.2s 0.4s; } body.fixdown4 .he_c1fid4 { display: block; animation: portClose both cubic-bezier(.77, 0, .175, 1) 1.2s 0.4s; } body.fixdown5 .he_c1fid5 { display: block; animation: portClose both cubic-bezier(.77, 0, .175, 1) 1.2s 0.4s; } .he_cupbx.show1 .he_c1fid { display: none; } .he_cupbx.show1 .he_c1fid1 { display: block; top: 0; animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s; } .he_cupbx.show2 .he_c1fid { display: none; animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s; } .he_cupbx.show2 .he_c1fid2 { display: block; top: 0; animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s; } .he_cupbx.show3 .he_c1fid { display: none; } .he_cupbx.show3 .he_c1fid3 { display: block; top: 0; animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s; } .he_cupbx.show4 .he_c1fid { display: none; } .he_cupbx.show4 .he_c1fid4 { display: block; top: 0; animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s; } .he_cupbx.show5 .he_c1fid { display: none; } .he_cupbx.show5 .he_c1fid5 { display: block; top: 0; animation: portOpen both cubic-bezier(.77, 0, .175, 1) 1.2s 0s; } .he_cupbx.show1 .he_c1fid1 .he_c1gbcv { display: block; } .he_cupbx.show2 .he_c1fid2 .he_c1gbcv { display: block; } .he_cupbx.show3 .he_c1fid3 .he_c1gbcv { display: block; } .he_cupbx.show4 .he_c1fid4 .he_c1gbcv { display: block; } .he_cupbx.show5 .he_c1fid5 .he_c1gbcv { display: block; } @keyframes portClose { 0% { top: 0; } 100% { top: 100%; } } .he_b3ym .he_nybante h1 { color: #284a94; text-align: left; font-size: 48px; font-weight: bold; } .he_b3p1 { width: 100%; position: relative; } .he_b3p1bx { width: 100%; position: relative; } .he_b3p1bri { width: 515px; padding-left: 85px; z-index: 10; } .he_b3p1ble { width: calc(100% - 515px); position: relative; z-index: 15; } .he_b3p1brp1 p { font-size: 24px; line-height: 1.5; color: #284a94; font-weight: bold; } .he_b3p1brp2 p { font-size: 36px; line-height: 1.75; color: #333333; } .he_b3p1brp3 p { font-size: 16px; line-height: 1.875; color: #333333; margin-bottom: 24px; } .he_b3p1brp3 p span { font-weight: bold; } .he_b3p1brp2 { margin-top: 10px; } /* .he_b3p1brp3 { margin-top: 50px; } */ .he_b3p1blb { width: 100%; } .he_b3p1bul { width: 100%; position: relative; } .he_b3p1bli { width: 100%; } .he_b3p1bli img { width: 100%; border-radius: 60px; } .he_b3p1bli { display: none; } .he_b3p1bli:first-child { display: block; } .he_b3p1bul .slick-prev, .he_b3p1bul .slick-next { width: 50px; height: 50px; background: #284a94; border-radius: 50%; z-index: 10; bottom: -50px; top: inherit; } .he_b3p1bul .slick-prev { left: inherit; right: 170px; } .he_b3p1bul .slick-next { right: 95px; } .he_b3p1bul .slick-prev::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 14px; background-image: url('../images/b3arrl.png'); background-size: 100% 100%; } .he_b3p1bul .slick-next::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 14px; background-image: url('../images/b3ary.png'); background-size: 100% 100%; } .he_b3p1gile p { font-size: 72px; line-height: 1.5; color: #274a94; font-family: "ROBOTO-BOLD" !important; } .he_b3p1gile p span { font-size: 24px; font-weight: bold; } .he_b3p1giri { margin-top: 30px; } .he_b3p1giri p { font-size: 30px; line-height: 1.75; color: #333333; height: 52px; overflow: hidden; } .he_b3p1gfli { border-bottom: 1px solid #dcdcdc; padding-bottom: 28px; padding-top: 20px; } .he_b3p1gile { width: 340px; padding-right: 10px; } .he_b3p1giri { width: calc(100% - 340px); } .he_b3p1gful { width: 100%; margin-top: 80px; padding-right: 56px; } .he_b3p1zs { width: 898px; position: absolute; top: 29px; right: -400px; } .he_b3p1zs img { width: 100%; } .he_b3p1 .he_content { position: relative; z-index: 20; } .he_b3ym .he_mine { position: relative; /* background: #fff; */ z-index: 10; } .he_b3p1brp3 p:last-child { margin-bottom: 0; } .he_b3ym .he_b3p1 { /* background: #fff; */ z-index: 10; } .he_b3ym .he_nyban { z-index: 10; position: relative; top: 0; left: 0; } .he_b3ym .he_nybante { top: 186px; } .he_b3ym .he_mine { margin-top: -222px; } .he_b3ym .he_mine { position: relative; } .he_pcnav { position: absolute; top: 0; left: 50%; transform: translateX(-50%); padding: 0; min-width: 880px; } .he_pcnli { margin: 0 30px; } .he_c1bxntu::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 80px; z-index: 10; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); transition: all 0.36s; } .he_c1bxnh4 p { font-size: 24px; line-height: 1.5; color: #fff; } .he_c1bxnh4 { position: absolute; bottom: 20px; z-index: 10; left: 35px; transition: all 0.36s; } .he_c1bxnlnb { width: 100%; position: relative; } .he_zairu { width: 100%; height: 100%; background: #274a94; position: fixed; top: 100%; left: 0; z-index: 99999; } .he_cupbx.go .he_zairu { animation: portk both cubic-bezier(.77, 0, .175, 1) 1.2s 0.4s; } @keyframes portk { 0% { top: 100%; } 50% { top: 0; } 100% { top: -100%; } } .he_zhuying.showsy .he_nypu { opacity: 0 !important; } .he_zhuying.showsy.goj .he_nypu { opacity: 1 !important; } .he_cupbx .he_nypu { opacity: 0; } .he_cupbx.go1 .he_nypu { opacity: 1; } .he_b3p1bkj { position: relative; z-index: 10; } .he_c1fijhpo { position: relative; z-index: 10; } .he_b3p2 { width: 100%; position: relative; padding: 140px 0; padding-top: 100px; z-index: 10; overflow: hidden; } .he_b3p3 { padding-top: 60px; } .he_b3p2ti p { font-size: 48px; line-height: 1.5; color: #274a94; font-weight: bold; } .he_b3p2ti { margin-bottom: 17px; } .he_b3p2tyu p { font-size: 36px; line-height: 1.5; color: #333333; } .he_b3p2gh { width: 100%; position: relative; padding-top: 230px; padding-bottom: 183px; } .he_b3p2gli { width: 210px; height: 210px; position: absolute; border-radius: 52px; transition: all 0.36s; } .he_b3p2gli p { font-size: 30px; line-height: 1.75; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; padding: 10px; } .he_b3p2gli1 { background: #274a94; top: 90px; left: 100px; } .he_b3p2gli2 { background: #2e3954; top: 90px; right: 100px; } .he_b3p2gli3 { background: #f5f5f5; bottom: 50px; left: 100px; } .he_b3p2gli5 { background: #9dabcf; bottom: 36%; right: 0px; } .he_b3p2gli4 { bottom: 50px; right: 100px; background-color: #647291; } .he_b3p2gjgf { cursor: pointer; } .he_b3p2lw { width: 727px; margin: 0 auto; /* border-radius: 60px; background: #fff; */ } .he_b3p2lwli { background: #fff; box-shadow: 0px 3px 16px 5px rgba(0, 0, 0, 0.06); padding: 68px 63px 96px; border-radius: 60px; width: 100%; display: none; margin: 15px; min-height: 410px; } .he_b3p2lwli:first-child { display: block; } .he_b3p2lwle { width: 114px; position: relative; } .he_b3p2lwle img { width: 100%; } .he_b3p2lwri { width: calc(100% - 114px); padding-left: 50px; margin-top: 5px; } .he_b3p2lwiti p { font-size: 36px; line-height: 1.75; color: #274a94; } .he_b3p2lwiti { border-bottom: 1px solid #dcdcdc; padding-bottom: 32px; } .he_b3p2lwikp p { font-size: 36px; line-height: 1.6; color: #333333; } .he_b3p2lwikp { margin-top: 25px; } .he_b3p2lwli.slick-current { -webkit-animation: fadeIn 0s ease both; animation: fadeIn 0s ease both; animation-delay: 0s; } .he_b3p2lwli.slick-current .he_b3p2lwle { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; animation-delay: 0.1s; } .he_b3p2lwli.slick-current .he_b3p2lwri { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; animation-delay: 0.1s; } .he_b3p2gli1.act { border-radius: 50px 50px 0px 50px; left: 0px; } .he_b3p2gli2.act { border-radius: 50px 50px 50px 0px; right: 0px; } .he_b3p2gli5.act { border-radius: 0px 50px 50px 50px; bottom: 50px; } .he_b3p2gli3.act { border-radius: 50px 0px 50px 50px; left: 0px; } .he_b3p2gli4.act { right: 0px; } .he_b3p2gli3 p { color: #333333; } .he_b3p2tyu span { padding-right: 20px; } .he_c1bxny .swiper-container { z-index: 10; } .he_c1bxnli:last-child { margin-right: 140px; } .he_nybanty { font-size: 30px; line-height: 1.75; color: #fff; text-align: left; margin-bottom: 10px; } .he_b3p2gli4.on { right: 30%; } .he_jindu { width: 220px; border-radius: 10px; height: 3px; border: 1px solid transparent; position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; background: rgba(0, 0, 0, 0.08); } .he_jinna { position: absolute; top: 0; width: 0; left: 0; background: #274a94; height: 100%; transition: all 0.6s; } /* .he_jindu::after { content: ''; position: absolute; top: 0; width: 0; left: 0; background: #274a94; height: 100%; } .he_jindu.act::after { -webkit-animation: test 1.4s ease-in-out 0s 1 alternate forwards; } */ @keyframes test { 0% { width: 0%; } 50% { width: 30%; } 75% { width: 50%; } 100% { width: 100%; } } .he_gufri { opacity: 0; pointer-events: none; transition: all 0.36s; } .he_gufri.xian { opacity: 1; pointer-events: auto; } #dowebok { z-index: 15; } .section.active { overflow: hidden; } .fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important; } .he_c1bxti { padding: 0 5%; } .he_c1bxti p { font-size: 48px; color: #284a94; text-align: left; font-weight: bold; } .he_shubiao { position: absolute; z-index: 99999; pointer-events: none; transform: translate(-50%, -50%); } .he_shubin { width: 26px; height: 26px; border-radius: 50%; border: 1px solid #284a94; background: rgba(255, 255, 255, 0.2); /* background: #284a94; */ transition: all 0.36s; } .he_shubin::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2px; height: 2px; border-radius: 50%; background: #284a94; transition: all 0.36s; } .he_shubiao.on .he_shubin { width: 46px; height: 46px; } .he_shubiao.on .he_shubin::after { background: #0044d1; width: 6px; height: 6px; } .he_c1bxny .swiper-pagination-progressbar { background: rgba(255, 255, 255, 0.45); } .he_c1gbcv img { width: 100%; } .he_c1fijh img { width: 100%; } .he_c1bxny .swiper-container::after { content: ''; position: absolute; top: -20vw; left: 0; width: 200vw; height: 200vh; z-index: -1; } .he_c1bxny .swiper-container { overflow: inherit !important; } .he_c1ym .he_mine { overflow: hidden; } .he_e1baty { width: 100%; position: relative; } .he_e1bati p { font-size: 36px; line-height: 1.5; color: #fff; } .he_nyban1 .he_nybanig { position: absolute; top: 0; left: 0; height: 100%; } .he_nyban1 .he_nybanig { height: 420px; position: relative; top: 0; left: 50%; transform: translateX(-50%); } .he_nyban1 .he_e1baty { position: absolute; bottom: 72px; left: 50%; transform: translateX(-50%); } .he_e1time p { font-size: 18px; line-height: 1.75; color: #c6c4c4; font-family: 'PoppinsRegular' !important; } .he_e1time { margin-top: 30px; } .he_e1ymx .he_e1baty .he_content { width: 900px; } .he_e1ymx .he_mine .he_content { width: 900px; } .he_e1p1 { width: 100%; position: relative; padding-top: 90px; } .he_e1p1bx { width: 100%; position: relative; } .he_e1p1dl p { font-size: 18px; margin-bottom: 35px; } .he_e1p1hnx { width: 100%; } .he_e1p1htr { width: 100%; position: relative; padding-bottom: 10px; padding-left: 7px; } .he_e1p1hnx p { font-size: 18px; line-height: 1.75; color: #284a94; height: 31px; overflow: hidden; padding-right: 36px; } .he_e1p1hyr img { width: 9px; position: absolute; top: 19px; right: 30px; transition: all 0.56s; } .he_e1p1hyr { width: 100%; position: relative; border-top: 1px solid #ccc; padding-top: 10px; padding-left: 7px; } .he_e1p1hyr::after { content: ''; position: absolute; top: -1px; left: 0; width: 0; height: 1px; background: #284a94; transition: all 0.56s; opacity: 0; } .he_e1p1hnx a { width: 100%; display: block; } .he_e1p1hnx { margin-top: 120px; margin-bottom: 20px; } .he_e1p1ls { position: absolute; left: -32%; top: 130px; } .he_e1p1ty { width: 77px; box-shadow: 0px 5px 24px 0 rgba(214, 211, 211, 0.35); border-radius: 50%; margin: 0 auto; } .he_e1p1ty img { width: 100%; border-radius: 50%; overflow: hidden; } .he_e1p1te p { font-size: 18px; line-height: 1.75; color: #999999; transition: all 0.36s; } .he_e1p1te { margin-top: 20px; } .he_e1ym .he_e1bati p { /* max-height: 118px; */ overflow: hidden; } .he_g1ym .he_nyban1 .he_nybanig { height: 430px; } .he_g1ym .he_nyban1 .he_e1baty { bottom: inherit; top: 50%; transform: translate(-50%, -50%); } .he_g1ym .he_nybanig { position: relative; } .he_g1ym .he_nybanig::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(0, 0, 0, 0.16); width: 100%; height: 100%; } .he_yilbp2 .he_huhripc { display: block !important; } .he_e1baty .he_yilbp2 { margin-top: 0 !important; } .he_g1ym .he_yilbp2 p { font-size: 60px; text-align: center; } .he_e1bati .he_huhri { width: 22px; } .he_e1bati .he_huhle { width: 22px; } .he_g1p1 { width: 100%; padding-top: 110px; padding-bottom: 116px; max-width: 760px; margin: 0 auto; text-align: center; } .he_g1pput p { font-size: 36px; line-height: 1.5; color: #333333; } .he_g1ppuj p { font-size: 16px; line-height: 1.875; color: #333333; } .he_g1pput { margin-bottom: 32px; } .he_g1p2 { width: 100%; position: relative; } .he_g1p2bx { width: 100%; position: relative; } .he_g1p2ri { width: 850px; position: relative; } .he_g1p2le { width: calc(100% - 850px); padding-right: 40px; } .he_g1p2tu { width: 100%; position: relative; border-radius: 60px; overflow: hidden; } .he_g1p2zi { width: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .he_g1p2zul { width: 100%; height: 100%; } .he_g1p2zli { width: 25%; height: 100%; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.2); cursor: pointer; } .he_g1p2tu img { display: none; } .he_g1p2tu img:first-child { display: block; } .he_g1p2tu::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.28); } .he_g1p2zli p { font-size: 16px; line-height: 1.875; color: #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; padding: 0 20px; } .he_g1p2zli.act p { font-weight: bold; } .he_g1p2hul { width: 100%; margin-top: 40px; } .he_g1p2hli { width: 100%; display: none; } .he_g1p2hli:first-child { display: block; } .he_g1p2hg p { font-size: 36px; line-height: 1.65; color: #333333; height: 59px; overflow: hidden; } .he_g1p2hoi p { font-size: 16px; line-height: 1.875; color: #333333; height: 60px; overflow: hidden; } .he_g1p2hoi { margin-top: 35px; margin-bottom: 30px; } .he_g1p2hjd p { font-size: 16px; line-height: 1.875; color: #333333; padding-left: 12px; position: relative; } .he_g1p2hjd p::after { content: ''; position: absolute; top: 13px; left: 0; width: 6px; height: 6px; border-radius: 50%; background: #284a94; } .he_g1p3 { width: 100%; position: relative; padding: 110px 0 132px; } .he_g1p3bx { width: 100%; position: relative; padding-left: 50px; } .he_g1p3ul { margin: 0 -30px; } .he_g1p3li { width: 33.333333%; padding: 0 30px; } .he_g1p3jh { width: 100%; position: relative; border-bottom: 5px solid #e5e5e5; padding-bottom: 36px; } .he_g1p3jh::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 5px; background: #284a94; transition: all 0.5s; opacity: 0; } .he_g1p3su p { font-size: 72px; line-height: 1.1; color: #284a94; font-family: 'PoppinsSemiBold' !important; } .he_g1p3jh .he_g1p3sgf { margin-top: 15px; } .he_g1p3jh .he_g1p3sgf p { height: 59px; overflow: hidden; } .he_g1p3mo p { font-size: 16px; line-height: 1.5; color: #274a94; } .he_g1p3li a { display: block; width: 100%; } .he_g1p3li:nth-child(2) { margin-top: 125px; } .he_g1zst { width: 100%; position: absolute; bottom: -202px; left: 0; z-index: -1; } .he_g1zst img { width: 100%; } .he_g1ym .he_mine { position: relative; z-index: 10; overflow: hidden; } .he_b1p1ny .he_conten1 { min-height: 500px; } .he_h1ym .he_nyban .he_nybanig { height: 617px; } .he_nybday { display: none; } .he_h1ym .he_nybante { top: 166px; } .he_h1ym .he_b1p1 { margin-top: -280px; } .he_h1p1bx { width: 100%; position: relative; padding-top: 70px; } .he_h1p1ul { width: 100%; position: relative; } .he_h1p1li { width: 50%; /* padding: 0 38px; */ padding-left: 38px; padding-right: 16%; } .he_h1p1bn { width: 100%; position: relative; margin-bottom: 16px; } .he_h1p1bti p { font-size: 24px; line-height: 1.5; font-weight: bold; color: #284a94; } .he_h1p1bti { border-bottom: 1px solid #eeeeee; padding-bottom: 8px; } .he_h1p1fdle { width: 16px; line-height: 32px; } .he_h1p1fdle img { width: 100%; } .he_h1p1fdri { width: calc(100% - 16px); padding-left: 28px; } .he_h1p1fdri p { font-size: 16px; line-height: 2; color: #333333; transition: all 0.36s; } .he_h1p1fdri a { display: block; width: 100%; } .he_h1p1btk { width: 100%; margin-top: 16px; } .he_h1p1bfd { margin-bottom: 7px; } .he_h1p2bx { width: 100%; position: relative; padding-top: 100px; margin-bottom: 164px; } .he_h1p2bg { width: 100%; background: #284a94; border-radius: 14px; padding: 74px; } .he_h1p2ri { width: 148px; background: #fff; border-radius: 25px; } .he_h1p2le { width: calc(100% - 148px); position: relative; z-index: 10; } .he_h1p2le p { font-size: 30px; line-height: 1.5; color: #ffffff; } .he_h1p2ri p { text-align: center; color: #274a94; width: 100%; display: block; line-height: 50px; cursor: pointer; } .he_h1zs1 { width: 164px; position: absolute; top: 44px; left: -43px; height: 164px; } .he_h1zs1 svg { width: 164px; height: 164px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .he_h1zs1 svg { -webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1); -o-transition: all 1s cubic-bezier(.23, 1, .32, 1); transition: all 1s cubic-bezier(.23, 1, .32, 1); -webkit-transform: translate(-50%, -50%) scale(.9); -ms-transform: translate(-50%, -50%) scale(.9); transform: translate(-50%, -50%) scale(.9); animation: fadefd 3s infinite ease-out; } .he_h1zs1 img { width: 100%; } .he_h1zs2 { position: absolute; width: 81px; top: 47px; left: 143px; } .he_popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.79); z-index: 9999999; display: none; } .he_popbx { width: 700px; background: #fff; border-radius: 12px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 54px 55px 98px; } .he_popti p { font-size: 30px; line-height: 1.75; color: #333333; } .he_text { width: 100%; position: relative; } .he_shyk { margin-top: 46px; } .he_text textarea { width: 100%; height: 110px; border: 1px solid #e5e5e5; border-radius: 12px; font-size: 16px; line-height: 1.75; color: #999999; padding: 16px; resize: none; } .he_shykli input { width: 100%; height: 50px; border: 1px solid #e5e5e5; padding: 0 16px; border-radius: 12px; font-size: 16px; color: #999999; } .he_shykli { margin-bottom: 15px; } .he_shykli input::-webkit-input-placeholder { color: #999999; } .he_shykli input:-moz-placeholder { color: #999999; } .he_shykli input::-moz-placeholder { color: #999999; } .he_shykli input:-ms-input-placeholder { color: #999999; } .he_text textarea::-webkit-input-placeholder { color: #999999; } .he_text textarea:-moz-placeholder { color: #999999; } .he_text textarea::-moz-placeholder { color: #999999; } .he_text textarea:-ms-input-placeholder { color: #999999; } .he_texthg { width: 100%; position: relative; margin-top: 40px; } .he_texthle { width: calc(100% - 148px); } .he_texthg .he_h1p2ri { background: #284a94; } .he_texthg .he_h1p2ri p { color: #fff; } .he_texthre { width: 80px; position: absolute; top: 50%; transform: translateY(-50%); right: -92px; cursor: pointer; } .he_texthda { width: 292px; position: relative; } .he_texthda input { width: 100%; height: 50px; border: 1px solid #e5e5e5; border-radius: 12px; padding: 0 22px; font-size: 16px; line-height: 1.75; color: #999999; } .he_texthda input::-webkit-input-placeholder { color: #999999; } .he_texthda input:-moz-placeholder { color: #999999; } .he_texthda input::-moz-placeholder { color: #999999; } .he_texthda input:-ms-input-placeholder { color: #999999; } .he_guab { width: 26px; cursor: pointer; position: absolute; top: 0; right: -50px; } .he_guab img { width: 100%; } .he_b3p3 { width: 100%; position: relative; overflow: hidden; } .he_b3p3bx { width: 100%; position: relative; } .he_b3p2jh p { font-size: 30px; line-height: 1.65; color: #333333; } .he_b3p3ny { width: 100%; min-height: 400px; margin-top: 85px; } .he_zhsp3 { width: 779px; position: absolute; top: 120px; right: -163px; display: none; } .he_zhsp3.inited { display: block; } .he_zhspuw { width: 100%; position: relative; } .he_zhspuw .he_zhspuy { position: absolute; bottom: 0; left: 0; } .he_b3p3le { width: 150px; position: relative; max-width: 150px; } .he_b3p3ri { width: calc(100% - 150px); padding-left: 84px; padding-right: 37%; margin-top: 0px; } .he_b3p3lzi p { font-size: 100px; line-height: 1; color: #274a94; font-family: 'PoppinsSemiBold' !important; white-space: nowrap; } /* .he_b3p3lzi { position: absolute; top: 250px; left: -207px; transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); } */ .he_b3p3lzi { position: absolute; right: 0; transform-origin: right top; transform: rotate(-90deg) translateY(-126px); } .he_b3p3jd { width: 1px; height: 720px; position: relative; } .he_b3p3jd::after { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 11px; height: 11px; background: #274a94; border-radius: 50%; } .he_b3p3hsa { width: 100%; height: 100%; background: #e8edf3; position: relative; overflow: hidden; } .he_b3p3dny { width: 1px; height: 100%; background: #274a94; position: absolute; top: 0; left: 0; z-index: 10; overflow: hidden; } .he_b3p3dul { width: 100%; position: relative; } /* .he_zhspuy::after { content: ''; position: absolute; top: 457px; right: 0; width: 80vw; height: 380px; background: linear-gradient(to top, rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0.1) 100%); z-index: 10; } .he_zhspuy::before { content: ''; position: absolute; top: 457px; right: 0; width: 100%; height: 380px; z-index: 8; background: linear-gradient(to top, rgba(255, 255, 255, 1), transparent); } */ .he_b3p3dli { width: 100%; position: relative; margin-bottom: 105px; opacity: 0.25; transition: all 0.36s; } .he_b3p3dli.act { opacity: 1; } .he_b3p3dty p { font-size: 36px; line-height: 1.65; color: #333333; } .he_b3p3dtfs p { font-size: 24px; line-height: 1.5; color: #274a94; } .he_b3p3dtfs { margin-top: 10px; } .he_b3p3dtya p { font-size: 16px; line-height: 1.875; color: #333333; } .he_b3p3dtya { margin-top: 46px; } .he_b3p3eru { width: 100%; position: relative; padding-right: 10px; } .he_b3p3eru { padding-top: 20px; } /* .he_b3p3dli:last-child { margin-bottom: 400px; } */ .he_b3p4 { width: 100%; padding-top: 120px; position: relative; padding-bottom: 126px; } .he_b3p4bx { width: 100%; position: relative; } .he_b3p4ul { width: 100%; position: relative; padding-top: 15px; } .he_b3p4uhd { width: 100%; } .he_b3p4li { width: 100%; background: #fff; border-radius: 14px; box-shadow: 0px 0px 20px 0 rgba(0, 0, 0, 0.06); padding: 56px 43px; transition: all 0.36s } .he_b3p3ti { overflow: hidden; } .he_b3p4uhd { /* width: 270px !important; */ padding: 25px 20px; } .he_b3p4ic { width: 158px; position: relative; margin: 0 auto; } .he_b3p4ic img { transition: all 0.36s; } .he_b3p4ic .he_img1 { opacity: 0; } .he_b3p4te p { font-size: 18px; line-height: 1.35; color: #274a94; height: 48px; overflow: hidden; transition: all 0.36s; } .he_b3p4te { text-align: center; padding-top: 30px; position: relative; } .he_b3p4te::after { content: ''; position: absolute; top: 4px; left: 50%; transform: translateX(-50%); width: 18px; height: 2px; background: #d4dbea; transition: all 0.36s; opacity: 0; } /* .he_b3p4ul .swiper-wrapper { padding: 0 10px; } */ .he_b3p4ul .swiper-container { margin: 0 -30px; } .he_b3p4gds { width: 100%; position: absolute; bottom: 0; left: 0; } .he_b3p4gds img { width: 100%; } .he_b3p4 .he_content { position: relative; z-index: 10; } .he_swefy { padding: 0 20px !important; width: 96% !important; left: 26px !important; height: 2px !important; background: #eaeff5 !important; top: inherit !important; bottom: 10px; } .he_swefy::before { content: ''; position: absolute; left: -5px; top: -5px; width: 12px; height: 12px; background: #274a94; border-radius: 50%; z-index: 10; } .he_swefy .swiper-pagination-progressbar-fill { background: #4e6ba7 !important; } .he_swepb3 { padding-bottom: 60px !important; } .he_b3p4le, .he_b3p4ri { width: 49px; height: 49px; outline: none; cursor: pointer; transition: all 0.36s; } .he_b3p4le img { width: 100%; } .he_b3p4ri img { width: 100%; } .he_b3p4ri { margin-left: 23px; } .he_b3p3an { width: 100%; margin-top: 60px; } /* .he_b3p4uhd.swiper-slide-active .he_b3p4li { background: #274a94; } .he_b3p4uhd.swiper-slide-active .he_b3p4ic .he_img { opacity: 0; } .he_b3p4uhd.swiper-slide-active .he_b3p4ic .he_img1 { opacity: 1; } .he_b3p4uhd.swiper-slide-active .he_b3p4te p { color: #fff; } */ .he_d1ym .he_nybante { left: 0; text-align: left; } .he_d1ym .he_nybante h1 { text-align: left; } .he_d1ym .he_nyban .he_content { position: relative; } .he_d1ym .he_nybante { top: 180px; } .he_d1p1 { width: 100%; position: relative; } .he_d1p1bx { width: 100%; } .he_d1p1ri { width: calc(100% - 524px); } .he_d1p1le { width: 524px !important; padding-right: 97px; min-width: 524px; padding-bottom: 50px; } .he_d1p1bg { width: 100%; position: relative; } .he_d1p1bbt p { font-size: 18px; line-height: 1.75; color: #b5b5b5; font-weight: bold; height: 31px; overflow: hidden; } .he_d1p1bwe { margin-top: 10px; max-height: 330px; } .he_d1p1bwe p { font-size: 16px; line-height: 1.75; color: #666666; } .he_d1p1bli { max-height: 31px; overflow: hidden; margin: 14px 0 20px; /* transition: all 0.36s; */ position: relative; } .he_g1p2tu img { width: 100%; } .he_d1ym .he_nybante h1 { color: #284a94; font-weight: bold; } .he_e1phti { display: none; } .he_d1p1rli { width: 100%; margin-bottom: 30%; } .he_d1p1rtu { width: 100%; position: relative; border-radius: 40px; overflow: hidden; } .he_d1p1bli.act { max-height: 377px; } .he_d1p1rlo { width: 384px; } .he_d1p1rlo img { width: 100%; } .he_d1p1rjd a { font-size: 18px; line-height: 1.75; color: #274a94; transition: all 0.36s; } .he_d1p1rlo { margin-top: 59px; margin-bottom: 32px; } .he_d1ym .he_nyban { position: absolute; top: 0; left: 0; } .he_d1p1 { padding-top: 17%; } .he_d1p1bli:first-child { margin-top: 0; } .he_d1p1bli .mCSB_inside>.mCSB_container { margin-right: 10px; } .he_d1p1bli .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; background-color: #274a94 !important; } .he_d1p1bli .mCSB_scrollTools { right: -7px; } .he_h1dh { width: 53%; position: absolute; bottom: -126px; left: 50%; transform: translateX(-50%); z-index: 10; /* display: none; */ } .he_h1dh1 { width: 100%; position: relative; top: 0; left: 0; } .he_h1dh2 { width: 100%; position: absolute; top: 0; left: 0; } .he_planyd { width: 188px; height: 110px; position: absolute; top: 40px; right: 50px; z-index: 10; } .he_planed { width: 0; height: 100%; transition: all 1.6s; background: url(../images/tandongx.png) 0px 0px no-repeat; } .he_planyd.width .he_planed { width: 100%; } /* .he_b3p3eru>* { display: none; } .he_b3p3eru.inited>* { display: block; } */ .section2 { overflow: inherit !important; } /* .he_c1bxny .swiper-container::after { display: none; } */ .he_pcbxlole a { width: 100%; } .he_e3ym .he_nybanig { height: 694px; } .he_e3p1 { width: 100%; position: relative; } .he_e3p1na { width: 100%; position: relative; } .he_e1ym .he_conten1 { margin-top: -334px; background: #fff; border-radius: 12px; min-height: 300px; } .he_e3p1nav { width: 100%; position: relative; } .he_e3p1ul { width: 100%; border-bottom: 1px solid #e2e3e4; padding-top: 72px; } .he_e3p1li a { font-size: 24px; line-height: 1.5; color: #a5a6a6; transition: all 0.36s; display: block; position: relative; padding: 0 36px 20px; } .he_e1ym .he_mine { position: relative; z-index: 10; } .he_e3p1li a::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 3px; background: #2f4a8f; transition: all 0.36s; opacity: 0; } .he_e3p1li { margin-right: 30px; } .he_e3p1li.act a::after { width: 100%; opacity: 1; } .he_e3p1li.act a { color: #284a94; } .he_e3p2 { width: 100%; position: relative; margin-top: 52px; } .he_e3p2bx { width: 100%; position: relative; cursor: pointer; border: 1px solid #e5e5e5; border-radius: 14px; overflow: hidden; } .he_e3p2ul { margin: 0 -25px; } .he_e3p2li { width: 33.333333%; padding: 0 25px; margin-bottom: 48px; } .he_e3p2top { width: 100%; position: relative; } .he_e3p2tu { width: 100%; position: relative; border-radius: 14px; overflow: hidden; } .he_e3p2ply { width: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; } .he_e3p2ply img { width: 100%; } .he_e3p2tu img { transition: all 0.36s; } .he_e3p2btm { width: 100%; position: relative; padding: 23px 30px 24px; } .he_e3p2btp1 p { font-size: 24px; line-height: 1.5; color: #333333; height: 72px; overflow: hidden; transition: all 0.36s; } .he_e3p2btp2 p { font-size: 16px; line-height: 1.75; color: #274a94; } .he_e3p2btp2 { margin-top: 20px; } .he_e3p3 { padding-top: 5px; padding-bottom: 62px; } /* .mc_videom_close { font-family: Arial, Helvetica, sans-serif; font-size: 50px; color: #fff; } .mc_modal_close { position: absolute; right: 15px; top: 15px; line-height: 20px; cursor: pointer; z-index: 10; } .mc_videom_container { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .mc_videom_content { width: 1200px; } .mc_videom_content { width: 1000px; max-width: calc(100vw - 40px); max-height: calc(100vh - 80px); overflow: auto; } .mc_videom_video { max-width: 100%; vertical-align: middle; background: #000; } .mc_videom_iframebox { text-align: center; } .mc_videom_iframebox { display: none; } .mc_videom { display: none; position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0, 0, 0, .84); } */ .he_tanplay { width: 56px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; } .he_tanplay img { width: 100%; } .he_e1ym .he_nybante { top: 171px; } .he_f1ym .he_nybanig { height: 430px; } .he_f1ym .he_nybante { top: 50%; transform: translateY(-50%); } .he_f1p1 { width: 100%; position: relative; padding-top: 125px; padding-bottom: 110px; } .he_f1p1bx { width: 100%; position: relative; } .he_f1p1le { width: 43%; padding-right: 9%; } .he_f1p1ri { width: 57%; } .he_f1p1ri img { width: 100%; border-radius: 60px; } .he_f1p1tj p { font-size: 16px; line-height: 1.875; color: #333333; margin-bottom: 29px; } .he_f1p1ti { margin-bottom: 50px; } .he_f1p2 { width: 100%; position: relative; padding-bottom: 130px; } .he_f1p2 .he_syp3ti p { font-size: 36px; } .he_f1p2 .he_syp3tp p { color: #333333; } .he_f1gted { width: 100%; position: relative; padding-top: 100px; } .he_f1p2 .he_swep { position: static; transform: inherit; } .he_f1gtcn { width: 830px; margin: 0 auto; } .he_f1p2lbx { width: 100%; position: relative; } .he_f1p2luti p { font-size: 24px; line-height: 1.75; color: #333; font-weight: bold; } .he_f1p2lutj p { font-size: 16px; line-height: 1.875; color: #333333; } .he_f1p2lutj { margin-top: 28px; } .he_f1p2li { opacity: 0 !important; } .he_f1p2li.swiper-slide-active { opacity: 1 !important; } .he_f1p2ul { margin-bottom: 0px; } .he_f1p2 .he_syp3bpsig::after { display: none; } .he_f1p2 .he_syp3bpli::after { content: ''; position: absolute; left: 50%; transform: translateX(-50%); height: 60px; width: 94%; background-image: url(../images/tupianyy.png); background-size: 100% 100%; background-repeat: no-repeat; opacity: 0; transition: all 0.36s; z-index: -1; bottom: -50px; } .he_f1p2 .he_syp3bpli { overflow: inherit; } .he_f1p2 .he_syp3bpli.swiper-slide-active::after { opacity: 1; } .he_f1zhst { width: 896px; position: absolute; top: 200px; right: 0; z-index: -1; } .he_f1zhst img { width: 100%; } .he_f1ym .he_mine { position: relative; } /* .he_cupbx.show1 .he_c1fid{ overflow-x: auto; overflow-y: hide; } */ .he_c1fid .he_nybanig { height: 430px; } .he_c1fid .he_nybante { top: 50%; transform: translateY(-50%); } .he_c1fid .he_nybante h1 { text-align: left; } .he_c1fid .he_nyban { position: relative; } .he_c1gbcv img { transform: all 0.26s; } .he_c2bx { width: 100%; position: relative; background: #fff; z-index: 1; } .he_c2p1 { width: 100%; position: relative; padding-top: 106px; z-index: 3; } .he_c2p1bx { width: 100%; position: relative; } .he_c2p1ti { margin-top: 0 !important; } .he_c2p1ti p { color: #333333; } .he_c2p1tht p { font-size: 16px; line-height: 1.875; color: #333333; margin-bottom: 28px; } .he_c2p1tjk { padding-left: 99px; margin-top: 34px; } .he_c2p1mo a { display: inline-block; } .he_c2p1mle p { font-size: 16px; line-height: 1.5; color: #274a94; } .he_c2p1mri { width: 14px; line-height: 24px; } .he_c2p1mri img { width: 100%; } .he_c2p1mle { width: calc(100% - 14px); padding-right: 15px; } .he_c2p1mo { width: 100%; padding-top: 18px; } .he_c2zhs { width: 897px; position: absolute; top: 180px; left: 22px; z-index: -1; } .he_c2zhs img { width: 100%; } .he_cupbx.show1 .he_c1fid { overflow: hidden; overflow-y: auto; height: 100vh; } .he_cupbx.show2 .he_c1fid { overflow: hidden; overflow-y: auto; height: 100vh; } .he_cupbx.show3 .he_c1fid { overflow: hidden; overflow-y: auto; height: 100vh; } .he_cupbx.show4 .he_c1fid { overflow: hidden; overflow-y: auto; height: 100vh; } .he_cupbx.show5 .he_c1fid { overflow: hidden; overflow-y: auto; height: 100vh; } .he_c2p1l { width: 100%; position: relative; height: 100%; } .he_c2p1lrli { display: none; width: 100%; height: 100%; overflow: hidden; transition: all 0.36s; border-radius: 25px 0 0 25px; } .he_c2p1lrli:first-child { display: block; } .he_c2p1lrli img { width: auto; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 100%; border-radius: 25px 0 0 25px; max-width: inherit; } .he_c2p1lri { width: 62.7%; position: absolute; top: 0; right: 0; height: 100%; } .he_c2p1lrul { width: 100%; height: 100%; } .he_c2p1le { position: relative; width: 100%; z-index: 10; min-height: 800px; padding: 83px 0; } .he_c2p2leb { width: 545px; background: #fff; box-shadow: 0 5px 31px 1px rgba(2, 13, 21, 0.06); padding: 40px 0px 40px 99px; border-radius: 25px; } .he_c2p2 { width: 100%; padding-top: 120px; } .he_c2p2lo { width: 109px; } .he_c2p2lo img { width: 100%; } .he_c2p2lti p { font-size: 30px; line-height: 2; color: #333333; height: 60px; overflow: hidden; } .he_c2p2lti { margin-top: 20px; padding-right: 80px; } .he_c2p1hs { width: 100%; position: relative; margin-top: 38px; } .he_c2p1hul { width: 100%; position: relative; } .he_c2p1hli { width: 100%; position: relative; } .he_c2p1hzt { width: 100%; padding-right: 80px; } .he_c2p1hjt { width: 50px; height: 50px; border-radius: 50%; background: #284a94; position: absolute; top: 50%; transform: translateY(-50%); right: -25px; opacity: 0; transition: all 0.36s; } .he_c2p1hjt img { width: 8px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .he_c2p1hdle { width: 46px; } .he_c2p1hdri { width: calc(100% - 46px); padding-left: 36px; } .he_c2p1hdti p { font-size: 24px; line-height: 1.5; font-weight: bold; color: #333333; transition: all 0.36s; height: 36px; overflow: hidden; } .he_c2p1hdjk p { font-size: 16px; line-height: 2; color: #666666; height: 32px; overflow: hidden; } .he_c2p1hli a { display: block; width: 100%; } .he_c2p1hli { margin-bottom: 25px; } .he_c2p3 { width: 100%; position: relative; padding-top: 110px; padding-bottom: 90px; } .he_c2p3bx { width: 100%; position: relative; } .he_c2p3ti { margin-bottom: 0 !important; } .he_c2p3ti p { color: #333333; } .he_c2p3df { width: 100%; padding: 58px 99px 0; } .he_c2p3dtq { width: 100%; position: relative; } .he_c2p3dul { margin: 0 -10px; } .he_c2p3dli { width: 25%; padding: 0 10px; margin-bottom: 30px; } .he_c2p3dlb { width: 100%; position: relative; box-shadow: 0 0 24px 0 rgba(28, 65, 110, 0.06); padding: 38px 32px; border-radius: 20px; } .he_c2p3dti p { font-size: 24px; line-height: 1.75; color: #333333; height: 42px; overflow: hidden; } .he_c2p3dtu { width: 80px; position: relative; margin-top: 74px; } .he_c2p3dli:nth-child(2n) { margin-top: 50px; } .he_c2p3de { width: 100%; padding-top: 36px; } .he_c2p3dwli { width: 20%; padding: 0 17px; margin-bottom: 30px; } .he_c2p3dwul { margin: 0 -17px; } .he_c2p3dwax { width: 100%; position: relative; } .he_c2p3dwax { width: 100%; position: relative; padding: 25px 20px 18px; box-shadow: 0 0 24px 0 rgba(28, 65, 110, 0.06); border-radius: 20px; } .he_c2p3dwic { width: 60px; position: relative; margin: 0 auto; } .he_c2p3dwte p { font-size: 18px; line-height: 1.75; color: #333333; text-align: center; height: 31px; overflow: hidden; } .he_c2p3dwte { margin-top: 24px; } .he_c2p4 { width: 100%; position: relative; z-index: 2; padding-bottom: 120px; } .he_c2p4bx { width: 100%; position: relative; } .he_c2p4ti p { font-weight: bold; color: #284a94; } .he_c2p4ti { margin-bottom: 0 !important; } .he_c2p4bc { width: 100%; background: #fff; border-radius: 14px; box-shadow: 0 0 24px 0 rgba(28, 65, 110, 0.06); padding: 43px 20px 37px; transition: all 0.36s; position: relative; z-index: 1; } .he_c2p4ic { width: 74px; margin: 0 auto; position: relative; } .he_c2p4ic img { transition: all 0.36s; } .he_c2p4ic .he_img1 { opacity: 0; } .he_c2p4xti p { font-size: 18px; line-height: 1.35; color: #274a94; font-weight: bold; transition: all 0.36s; height: 24px; overflow: hidden; text-align: center; } .he_c2p4xtj p { font-size: 18px; line-height: 1.35; color: #274a94; text-align: center; height: 72px; overflow: hidden; transition: all 0.36s; } .he_c2p4xti { margin-top: 22px; } .he_c2p4xtj { margin-top: 14px; } .he_c2p4xtim p { font-size: 90px; line-height: 1; color: #f5f7fc; text-align: center; font-weight: bold; font-family: 'PoppinsSemiBold'; transition: all 0.36s; } .he_c2p4xtim { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); z-index: -1; } .he_c2p4li { width: 25%; padding: 20px; } .he_c2p4ut { margin-top: 30px !important; } .he_c2p4ut { margin: 0 -20px; } .he_c2p4li.slick-current .he_c2p4bc { background: #274a94; } .he_c2p4li.slick-current .he_c2p4ic .he_img { opacity: 0; } .he_c2p4li.slick-current .he_c2p4ic .he_img1 { opacity: 1; } .he_c2p4li.slick-current .he_c2p4xti p { color: #8ea1ca; } .he_c2p4li.slick-current .he_c2p4xtj p { color: #fff; } .he_c2p4li.slick-current .he_c2p4xtim p { color: #335396; } .he_c2p4zs { width: 100%; /* height: 595px; */ position: absolute; bottom: 0; left: 0; z-index: -1; } .he_c2p4zs img { width: 100%; /* position: relative; top: 0; left: 50%; transform: translateX(-50%); */ } .he_c2p4mo .he_c2p1mo { padding-top: 37px; } .he_c4p1 { width: 100%; position: relative; padding-top: 100px; } .he_c4bx { width: 100%; background: #fff; z-index: 10; position: relative; overflow: hidden; } .he_c4p1bx { width: 100%; position: relative; } .he_c4p1ti p { color: #333333; } .he_c4bxtj p { font-size: 18px; line-height: 1.65; color: #333333; } .he_c4bxtj { margin-top: 14px; } .he_c4p2 { width: 100%; position: relative; } .he_c4p2bx { width: 100%; position: relative; display: flex; align-items: center; padding: 80px 0; flex-direction: row-reverse; } .he_c4p2ble { width: 49% } .he_c4p2bri { width: 51%; } .he_c4p2bltu { width: 100%; position: relative; } .he_c4p2bli { width: 100%; position: relative; border-radius: 20px; overflow: hidden; display: none; } .he_c4p2bli:first-child { display: block; } .he_c4p2btb { width: 100%; position: relative; } .he_c4p2btb img { border-radius: 20px; } .he_c4p2bjs { width: 100%; position: relative; } .he_c4p2bri { padding-left: 68px; } .he_c4p2bjti p { font-size: 24px; line-height: 1.5; color: #333333; font-weight: bold; height: 36px; overflow: hidden; } .he_c4p2bjjd p { font-size: 16px; line-height: 2; color: #333333; margin-bottom: 28px; } .he_c4p2bjjd { margin-top: 22px; } .he_c4p2bltu .slick-arrow { top: inherit; transform: inherit; bottom: -25px; right: 0; left: inherit; width: 50px; height: 50px; background: #284a94; border-radius: 50%; z-index: 10; margin-right: 43px; } .he_c4p2bltu .slick-prev { margin-right: 115px; } .he_c4p2bltu .slick-arrow::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 14px; background-size: 100% 100%; background-repeat: no-repeat; } .he_c4p2bltu .slick-prev::after { background-image: url(../images/c4arr2.png); } .he_c4p2bltu .slick-next::after { background-image: url(../images/c2arr2.png); } .he_c4p2bx.on .he_c4p2ble { float: right; } .he_c4p2bx.on { flex-direction: row; } .he_c4p2bx.on .he_c4p2bri { padding-left: 0px; padding-right: 68px; } .he_c4p3 { width: 100%; position: relative; padding-top: 75px; padding-bottom: 120px; z-index: 1; } .he_c4p3bx { width: 100%; position: relative; z-index: 10; } .he_c4p3 .he_c2p4ic { width: 96px; } /* .he_c4p3 .he_c2p4xtj { margin-top: 49px; } */ .he_c4p3 .he_c2p4bc { padding: 50px 15px 37px; } .he_c2p4mo2 .he_c2p1mo { padding-top: 19px; } .he_c4bx .he_c2zhs { left: inherit; right: -10px; top: -240px; } .he_c1fid .he_nybanig::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(7, 20, 79, 0.2); } .he_c2p1ti { padding-right: 275px; } .he_c1fid4 .he_c2zhs { left: inherit; top: -621px; right: -400px; z-index: 1; } .he_c5bx { width: 100%; position: relative; overflow: hidden; background: #fff; z-index: 1; } .he_c5bx .he_c2p1ti p { line-height: 1.5; } .he_c1fid4 .he_c2p1 { padding-bottom: 110px; } .he_c2p4ut .he_b3p3an { padding-left: 20px; } .he_cxlswe1 { padding-bottom: 70px !important; } .he_c2p4ut .he_b3p3an { margin-top: 34px; margin-bottom: 20px; } .he_c2p4ut .he_swefy { height: 1px !important; } .he_c2p4ic::after { content: ''; position: absolute; bottom: -22px; left: 50%; transform: translateX(-50%); width: 17px; height: 1px; background: #fff; display: none; } .he_c1fid3 .he_c2p4ic::after { display: block; } .he_c1fid5 .he_c2p4ic::after { display: block; } .he_c1fid5 .he_c2p1ti { margin-bottom: 24px; } .he_c1fid5 .he_c2p1mo { padding-top: 10px; } .he_c1fid5 .he_c2zhs { left: inherit; right: -400px; top: 180px; z-index: 1; } .he_c6bx { width: 100%; background: #fff; position: relative; overflow: hidden; z-index: 1; } .he_c6p2 { width: 100%; position: relative; z-index: 3; margin-top: 62px; } .he_c6p2bx { width: 100%; position: relative; /* height: 553px; */ } .he_c6p2ig { width: 100%; position: relative; } .he_c6p2li { width: 100%; position: relative; height: 100%; border-radius: 25px; overflow: hidden; } .he_c6p2li img { width: auto; height: 100%; position: relative; top: 0; left: 50%; transform: translateX(-50%); max-width: inherit; } .he_c6p2li::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(39, 74, 148, 0.48); } .he_c6p2ul { width: 100%; height: 100%; } .he_c6p2teul { width: 100%; position: relative; height: 100%; } .he_c6p2teli { width: 100%; position: relative; } .he_c6p2te { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } .he_c6p2teli { width: 33.333333%; height: 100%; border-right: 1px solid rgba(255, 255, 255, 0.3); } .he_c6p2teyu { width: 100%; position: absolute; top: 55%; transform: translateY(-50%); padding: 20px; transition: all 0.36s; } .he_c6p2tic { width: 48px; margin: 0 auto; opacity: 0; transition: all 0.36s; } .he_c6p2tic img { width: 100%; } .he_c6p2tet p { font-size: 24px; line-height: 1.5; color: #fff; font-weight: bold; text-align: center; height: 36px; overflow: hidden; } .he_c6p2teyt p { font-size: 18px; line-height: 2; color: #fff; text-align: center; } .he_c6p2teyt { height: 144px; overflow: hidden; opacity: 0; transition: all 0.36s; } .he_c6p2tet { position: relative; } .he_c6p2tet::after { content: ''; position: absolute; top: -13px; left: 50%; transition: all 0.36s; transform: translateX(-50%); width: 14px; height: 2px; background: #fff; opacity: 0; } .he_c6p2li img { transition: all 0.36s; } .he_c6p3 { width: 100%; position: relative; padding-top: 138px; padding-bottom: 110px; } .he_c6p3bx { width: 100%; position: relative; padding-left: 113px; padding-right: 168px; display: flex; align-items: center; } .he_c6p3bri { width: 538px; position: relative; z-index: 10; } .he_c6p3bri img { width: 100%; } .he_c6p3ble { width: calc(100% - 538px); } .he_c6p3bti p { color: #333333; font-weight: bold; } .he_c6p3bti { margin-top: 0 !important; } .he_c6p3btu p { font-size: 60px; line-height: 1.5; color: #24448d; font-family: 'PoppinsSemiBold'; } .he_c6p3btj p { font-size: 24px; line-height: 1.75; color: #666666; } .he_c6p3btu { margin-top: 20px; } .he_c6p3zs { position: absolute; bottom: 0; left: 0; width: 79%; pointer-events: none; } .he_c6p3zs img { width: 100%; } .he_c6p3 .he_content { position: relative; } .he_c1fid5 .he_c2p4ic { width: 96px; } /* .he_c1fid5 .he_c2p4xtj { margin-top: 55px; } */ .he_c1fid2 .he_c2p4mo .he_c2p1mo { padding-top: 20px; } .he_c3bx { width: 100%; position: relative; background: #fff; z-index: 2; /* padding-bottom: 50vh; */ } .he_c3p1 { width: 100%; /* overflow-x: auto; */ } .he_c3bxad { /* width: 7502px; */ /* display: flex; */ padding-left: 362px; padding-top: 60px; padding-bottom: 69px; /* height: 100vh; */ /* display: none; */ } .he_c3bxle { width: 614px; position: relative; } .he_c3bxlti p { font-size: 36px; line-height: 1.5; color: #323333; } .he_c3bxljk { width: 100%; position: relative; margin-top: 32px; } .he_c3bxljk p { font-size: 16px; line-height: 1.875; color: #323333; margin-bottom: 60px; } .he_c3bxljk p:last-child { margin-bottom: 0; } .he_c3bxljk { max-height: 180px; overflow: hidden; } .he_c3bxmo { margin-top: 150px; } .he_c2zhs1 { width: 259px; position: absolute; bottom: 30px; right: -210px; } .he_c2zhs1 img { width: 100%; } .he_c2bxri { margin-left: 290px; width: 824px; margin-top: 170px; } .he_c2bxri img { width: 100%; border-radius: 25px; } .mc_d1s1_scroll_main { position: static; left: 0; top: 0; /* transition: left .3s ease; */ } .mc_d1s1_scrollbox { position: relative; padding-bottom: 100vh; } .mc_d1s1_scroll_main { transition: left .06s linear; } /* .mc_d1s1_scroll_main { white-space: nowrap; } */ .mc_d1s1_scroll_main { /* padding: 60px 0; */ padding-left: calc(50vw - 600px); padding-right: calc(50vw - 760px); } .mc_d1s1_scroll_main.mc_fixed { position: absolute; /* padding-top: 100px; */ } .mc_d1s1_scroll_main.mc_bot { position: absolute; top: auto; bottom: 0px; /* bottom: 3.2%; */ } .he_c2bxrc1 { width: 1036px; position: relative; margin-left: 128px; padding-right: 374px; z-index: 2; } .he_c2bxrcti p { font-size: 24px; line-height: 1.5; color: #323333; font-weight: bold; } .he_c3bxku { width: 100%; position: relative; height: 100px; } .he_c3bxc1zs { width: 921px; position: absolute; bottom: -162px; right: -156px; } .he_c3bxc1zs img { width: 100%; } .he_c3bxc1ze { width: 592px; position: absolute; bottom: -270px; left: -129px; /* height: 1px; background: #666ea5; */ } .he_c3bxc1ze img { width: 100%; } /* .he_c3bxc1ze img { width: 30px; position: absolute; top: 50%; transform: translateY(-50%); background: #fff; left: 0; padding: 3px; animation: huayde 4s infinite; display: block; } @keyframes huayde { 0%{ left:0px; } 100%{ left:calc(100% - 30px); } } */ .he_c2bxrc2 { width: 805px; position: relative; transform: translateY(-178px); } .he_c2bxrc2 img { width: 100%; border-radius: 0 0 25px 25px; } .he_c3bxc1zs::after { content: ''; position: absolute; bottom: -364px; right: 209px; width: 365px; height: 420px; background: #f9f9f9; z-index: -1; } .he_c2bxrc3 { width: 1085px; margin-left: 133px; position: relative; z-index: 2; transform: translateY(-40px); } .he_c2bxtu { width: 634px; position: relative; padding-bottom: 100px; } .he_c2bxtu img { width: 100%; } .he_c2bxtuzsr { width: 592px; position: absolute; bottom: 0; left: -230px; } .he_c2bxtu::after { content: ''; position: absolute; top: -88px; right: -64px; width: 368px; height: 385px; background: #f9f9f9; z-index: -1; } .he_c2bxc3x { margin-top: 120px; width: 666px; } .he_c2bxrc4 { width: 994px; margin-left: 450px; position: relative; z-index: 2; } .he_c2bxrc4b { width: 900px; margin-left: 94px; margin-top: 220px; } .he_c2bxrc4b img { width: 100%; border-radius: 25px 25px 0 0; } .he_c2bxrc4t { width: 100%; padding-right: 270px; position: relative; } .he_c2bxrc4s { width: 592px; position: absolute; bottom: -85px; right: -97px; } .he_c2bxrc4s img { width: 100%; } .he_c2bxrc5 { width: 854px; } .he_c2bxrc5t { width: 558px; transform: translateY(-128px); } .he_c2bxrc5t img { width: 100%; border-radius: 0 0 25px 25px; } .he_c2bx4rt { margin-top: 50px; width: 643px; margin-left: 110px; position: relative; } .he_c2bx4rt img { width: 100%; } .he_c2bx4rt::after { content: ''; position: absolute; bottom: -114px; right: -70px; width: 545px; height: 350px; background: #f9f9f9; z-index: -1; } .he_zqxl { width: 100vw; height: 100vh; background: #fff; position: fixed; top: -200vh; left: 50%; transform: translateX(-50%); z-index: 999999; pointer-events: none; transition: all 0.6s; cursor: auto; } .he_zqxl.on { top: 0; pointer-events: auto; } .he_zqxlbx { width: 1200px; margin-left: 210px; position: relative; height: 100%; } .he_zqxlti { width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); min-height: 710px; } .he_zqxloi { width: 100%; position: relative; } .he_zqxltile { width: 52px; line-height: 72px; } .he_zqxltile img { width: 100%; } .he_zqxltiri { width: calc(100% - 52px); padding-left: 33px; } .he_zqxltil { width: 100%; padding: 0 26px 24px; border-bottom: 1px solid #dde3ec; } .he_zqxltiri p { font-size: 48px; line-height: 1.5; color: #333333; font-weight: bold; } .he_zqxlli { width: 25%; padding: 30px; margin-top: 12px; } .he_zqxllbt p { font-size: 20px; line-height: 1.5; color: #c3c4c5; } .he_zqxlbv { width: 100%; position: relative; } .he_zqxlbola a { font-size: 20px; line-height: 1.8; color: #666666; transition: all 0.36s; } .he_zqxlboli { margin-top: 15px; } .he_zqxlli2 .he_zqxlbv:first-child { margin-bottom: 103px; } .he_zqxlgb { width: 68px; height: 68px; background: #fff; border-radius: 50%; box-shadow: 0 5px 24px 0 rgba(214, 211, 211, 0.35); position: absolute; top: 90px; right: 110px; cursor: pointer; } .he_zqxlgb img { width: 26px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.36s; z-index: 2; } .he_zqxlgb::after { content: ''; position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; background: #284a94; transform: translate(-50%, -50%) scale(0); transition: all 0.26s; border-radius: 50%; } .he_e1ymx .he_nybanig { height: 418px; } .he_e3ym .mc_modal_close { position: absolute; right: -49px; top: -0px; } .he_cupbx.show2 .he_c1fid2 { top: 0; opacity: 1; pointer-events: auto; } .he_cupbx.fp-viewing-1 .he_pc_hd .he_diquiri p { color: #333; } .he_cupbx.fp-viewing-1 .he_pc_hd .he_pcbxle .he_img1 { opacity: 1; } .he_cupbx.fp-viewing-1 .he_pc_hd .he_pcbxle .he_img { opacity: 0; } .he_cupbx.fp-viewing-1 .he_pc_hd { background: #fff; border-bottom: 1px solid #f7f7f7; } .he_cupbx.fp-viewing-1 .he_pc_hd .he_pcbxlori::after { background: #dcdcdc; } .he_cupbx.fp-viewing-1 .he_pc_hd .he_pcnli .he_pcnava { color: #333333; } .he_cupbx.fp-viewing-1 .he_pc_hd .he_pcser .icon-search { color: #333; } .he_cupbx.fp-viewing-1 .he_pc_hd .he_jianfa::before { background: #dcdcdc; } .he_cupbx.fp-viewing-1 .he_pc_hd .he_jianfa::after { background: #dcdcdc; } .he_cupbx.fp-viewing-1 .he_pc_hd .he_jianfle p { color: #333; } .he_cupbx.fp-viewing-1 .he_pc_hd .he_dixl .he_img { opacity: 1; } .he_c1fid1.act .he_b3p3an { display: none !important; } .he_c1fid1.act .he_swefy { display: none !important; } .he_c1fid2.act .he_b3p3an { display: none !important; } .he_c1fid2.act .he_swefy { display: none !important; } .he_c1fid3.act .he_b3p3an { display: none !important; } .he_c1fid3.act .he_swefy { display: none !important; } .he_c1fid4.act .he_b3p3an { display: none !important; } .he_c1fid4.act .he_swefy { display: none !important; } .he_c1fid5.act .he_b3p3an { display: none !important; } .he_c1fid5.act .he_swefy { display: none !important; } .he_d1p1rli .he_d1p1bli { display: none; } .he_e1p1dlph { display: none; } .he_nybdark, .he_nybday { height: 100%; } .he_gufbx { width: 100%; position: relative; } .he_gufble { width: 34px; } .he_gufble img { width: 100%; } .he_gufbri { width: calc(100% - 34px); padding-left: 15px; } .he_gufbri p { font-size: 16px; line-height: 1.75; color: #fff; } .he_gufri { width: 107px; } .he_c5p2 { width: 100%; position: relative; } .he_c5p2bx { position: relative; width: 100%; } .mc_jyzs5_slick { width: 895px; margin: 0 auto; max-width: 100%; } .mc_jyzs5_lisbox { position: relative; transition: all .5s; } .mc_jyzs5li_textbox { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; padding: 0 50px 30px; transition: all .5s; opacity: 0; } .mc_jyzs5li_tag { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 32px; padding: 0 15px; color: #fff; background: #fa4645; border-radius: 2px; } .mc_jyzs5li_title { font-size: 24px; line-height: 1.5; font-weight: bold; color: #fff; height: 1.5em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10px; } .mc_jyzs5li_imgbox { position: relative; z-index: 1; } .mc_jyzs5li_imgbox { border-radius: 25px; overflow: hidden; } .mc_jyzs5li_imgbox img { /* opacity: .5; */ transition: all .5s; border-radius: 25px; } @media screen and (min-width:768px) { .mc_jyzs5_slick .slick-list { overflow: visible; } .slick-initialized .mc_jyzs5_li { transform: scale(0.8); } .mc_jyzs5_li:not(:first-child) { display: none; } .mc_jyzs5_li { transition: all .5s ease !important; } .mc_jyzs5_li.slick-active .mc_jyzs5li_imgbox { background: #fff; } .mc_jyzs5_li.slick-active .mc_jyzs5li_imgbox::before { opacity: 1; } .mc_jyzs5_li.slick-active .mc_jyzs5li_imgbox img { opacity: 1; } .mc_jyzs5_li.slick-active .mc_jyzs5li_textbox { opacity: 1; } .mc_jyzs5_li.slick-active { transform: scale(1); } .mc_jyzs5_li.mcslick-prev { opacity: 1 !important; transform: translateX(-27%) scale(0.8); } .mc_jyzs5_li.mcslick-next { opacity: 1 !important; transform: translateX(27%) scale(0.8); } .mc_jyzs5_li.slick-active .mc_jyzs5_progress { opacity: 1; } } .mc_jyzs5_progress { position: absolute; left: 0; top: 100%; width: 100%; height: 4px; background: #d7d7d7; z-index: 10; opacity: 0; } .mc_jyzs5_progress span { display: block; width: 0; height: 100%; background: #fa4645; } .mc_jyzs1_slickbox { position: relative; z-index: 1; } .animated-lines.dotted .timeline-bg>path { stroke-dasharray: 2; stroke-dashoffset: 15; } .animated-lines.black circle, .animated-lines.black path { stroke: #000; } .animated-lines.black circle { fill: #fff; } .animated-lines.black circle.show { stroke-width: 10; stroke: rgba(0, 0, 0, .2); fill: #000; } .animated-lines rect { fill: transparent; stroke-width: 0; pointer-events: none; } .animated-lines svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .animated-lines { z-index: 10; position: relative; height: 100px; width: 100%; } .timeline-top-page { width: 100%; height: 100%; transform: translateY(-50%); position: absolute; top: 50%; z-index: 2; pointer-events: none; } .animated-lines circle, .animated-lines path { stroke: #fff; stroke-width: 2px; fill: none; pointer-events: none; } .animated-lines.black circle, .animated-lines.black path { stroke: #000; } .animated-lines.black mask path { stroke: #fff; } .mc_jyzs1_line { position: absolute; top: 65px; left: 0; z-index: -1; width: 100%; height: 4px; transform: translateY(-50%) translateY(-2px); } .mc_jyzs1_line svg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .mc_jyzs1_line line { stroke-dasharray: 3; } .mc1_ban_titbox { padding-top: 1px !important; } .mc1_banart_li:last-child { margin-bottom: 0 !important; } .mc_jyzs5_slick { width: 470px; } .mc_jyzs5_li.mcslick-prev { opacity: 1 !important; transform: translateX(-78%) scale(1); } .mc_jyzs5_li.mcslick-next { opacity: 1 !important; transform: translateX(87%) scale(1); } .mc_jyzs5_li.slick-active { transform: scale(1); transform: translatey(105px); } .mc_jyzs5_progress { display: none !important; } .he_c2p2ti p { font-size: 18px; line-height: 1.65; color: #333333; font-weight: bold; height: 29px; overflow: hidden; } .he_c2p2tj p { font-size: 16px; line-height: 1.875; color: #333333; height: 90px; overflow: hidden; } .he_c5p2 { padding-bottom: 64px; padding-top: 0px; } .he_c2p2te { margin-top: 22px; opacity: 0; transition: all 0.36s; } .he_c1fid2 { display: block !important; } .mc_jyzs5_li.slick-active .he_c2p2te { opacity: 1; } .he_c2p2tj { margin-top: 20px; } .he_e3p2ul { overflow: hidden; } .he_c5p2zl { width: 470px; margin: 0 auto; padding-top: 153px; } .mc_b3_prev, .mc_b3_next { width: 50px; height: 50px; border-radius: 50%; background: #284a94; position: relative; cursor: pointer; } .mc_b3_prev img, .mc_b3_next img { width: 8px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .mc_b3_prev { margin-right: 23px; } .he_c1fid4 .he_c2p1 { padding-bottom: 55px; } .he_c1bx { pointer-events: none; } .section1.active .he_c1bx { pointer-events: auto; } .he_g1p3ulph { display: none; } .he_c4p1ti { overflow: hidden; } .he_c2p2 { z-index: 10; position: relative; } .he_c2p1ti { overflow: hidden; } .he_c2p1bx { overflow: hidden; } .he_c2p4 { background: #fff; } .he_g1p1 { overflow: hidden; } .he_h1zs1 { position: relative; } .he_h1zsp1::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 42px; height: 42px; border-radius: 50%; border: 2px solid #6d9cd4; } .he_h1zsp1::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 84px; height: 84px; border-radius: 50%; border: 2px solid #6d9cd4; } .he_h1zsp2::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 124px; height: 124px; border-radius: 50%; border: 2px solid #6d9cd4; } .he_h1zsp2::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; border: 2px solid #6d9cd4; } .he_h1zsp2::before, .he_h1zsp2::after, .he_h1zsp1::after, .he_h1zsp1::before { -webkit-transition: all 1s cubic-bezier(.23, 1, .32, 1); -o-transition: all 1s cubic-bezier(.23, 1, .32, 1); transition: all 1s cubic-bezier(.23, 1, .32, 1); -webkit-transform: translate(-50%, -50%) scale(.9); -ms-transform: translate(-50%, -50%) scale(.9); transform: translate(-50%, -50%) scale(.9); animation: fadefd 3s infinite ease-out; } .he_h1p2bx .he_h1zs1 { position: absolute; } @keyframes fadefd { 30% { -webkit-transform: translate(-50%, -50%) scale(.9); -ms-transform: translate(-50%, -50%) scale(.9); transform: translate(-50%, -50%) scale(.9); } 60% { -webkit-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); } 100% { -webkit-transform: translate(-50%, -50%) scale(.9); -ms-transform: translate(-50%, -50%) scale(.9); transform: translate(-50%, -50%) scale(.9); } } .he_yiti { position: absolute; width: 150px; background: #fff; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.1); padding: 25px 7px; border-radius: 10px; display: none; } .he_yitiyte { width: 32px; margin: 0 auto; } .he_yitiyte img { width: 100%; } .he_yitiwz { text-align: center; margin-top: 10px; } .he_yitiwz p { font-size: 16px; line-height: 1.75; color: #333; } .he_c1fid .he_nybanig { max-width: 1920px; margin: 0 auto; } .he_tancbi { width: 100%; position: absolute; } @media screen and (min-width:1200px) { .corpor_report_cont:hover .ys_imgbox_cover img { transform: scale(1.1); } .mc_zqxl_thrinav .he_zqxlbola a:hover { color: #284a94; } .mc_zqxl_thrinav .he_zqxlbola a:hover::after { background: #284a94; } .he_zqxlgb:hover::after { transform: translate(-50%, -50%) scale(1); } .he_zqxlgb:hover .he_show { opacity: 0; } .he_zqxlgb:hover .he_hide { opacity: 1; } .he_c2p1hli:hover .he_c2p1hjt { opacity: 1; } .he_zqxlbola a:hover { color: #284a94; } .he_c2p1hli:hover .he_c2p1hdti p { color: #284a94; } .he_c1gbcv:hover { background: transparent; } .he_c1gbcv:hover::after { transform: translate(-50%, -50%) scale(1.04); } .he_c1gbcv:hover .he_show { opacity: 0; } .he_c1gbcv:hover .he_hide { opacity: 1; } .he_e3p2bx:hover .he_e3p2btp1 p { color: #4f66a2; } .pc_fenye li:hover { color: #4f66a2; /* background-color: #333333; */ } .he_pcnava:hover { color: #284a94 !important; } .he_pcnava:hover::after { width: 100%; opacity: 1; } .he_laxta a:hover { color: #284a94; } .he_syp3laj:hover::after { top: 0; } .he_banlnli a:hover .he_banvdte { background: rgba(40, 74, 148, 0.5); } .he_banlnli a:hover .he_banxlo { opacity: 1; } .he_banlnli a:hover .he_banvdnx img { opacity: 1; } .he_bodeli a:hover { color: rgba(255, 255, 255, 0.6); } .he_b1p1li a:hover .he_b1p1lsl p { color: #284a94; } .he_b1p1le a:hover .he_b1p1leig img { transform: scale(1.04); } .he_b1p2txa p:hover { color: #284a94; } .he_b1p3li:hover .he_b1p3bu::after { opacity: 1; } .he_b1p3li:hover { border-right-color: transparent; } /* .he_fojalp p:hover { color: #ffffff; } */ .he_fobttli a:hover { color: rgba(255, 255, 255, 0.68); } .he_b1p1qh a:hover .he_b1p1kf p { color: #274a94; } .he_jianfvcli a:hover { color: #274a94; } .he_diquiri p:hover { color: #274a94; } .he_syp1blev:hover .he_syp1bleig img { transform: scale(1.04); } .he_syp1blev:hover .he_syp1bti p { color: #274a94; } .he_syp1ckm:hover .g_fadein1 { color: #6d9cd4; } .he_syp1ckm:hover .g_fadein2 { color: #628eca; } .he_syp1ckm:hover .g_fadein3 { color: #5883c1; } .he_syp1ckm:hover .g_fadein4 { color: #4d77b7; } .he_syp1ckm:hover .g_fadein5 { color: #3a60a5; } .he_syp1ckm:hover .g_fadein6 { color: #284a94; } .he_syp1ckm:hover .g_fadein7 { color: #0f345b; } .he_syp1blev:hover .he_syp1bmo .g_fadein3 { color: #4d77b7; } .he_syp1blev:hover .he_syp1bmo .g_fadein4 { color: #0f345b; } .he_syp2hmo:hover .he_dxsp1 { color: #6d9cd4; } .he_syp2hmo:hover .he_dxsp2 { color: #628eca; } .he_syp2hmo:hover .he_dxsp3 { color: #5883c1; } .he_syp2hmo:hover .he_dxsp4 { color: #4d77b7; } .he_syp2hmo:hover .he_dxsp5 { color: #3a60a5; } .he_syp2hmo:hover .he_dxsp6 { color: #284a94; } .he_syp2hmo:hover .he_dxsp7 { color: #0f345b; } .he_banli.slick-current .he_teerl { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.4s; } .he_b1p3li.act:hover .he_b1xztu { top: -100%; } .he_b1p3li.act:hover .he_b1p1lst { padding-top: 0px; } .he_b1p3li.act:hover .he_b1p3bu .he_b1p1lep1 { margin-top: 31px; } .he_b1p3li.act:hover .he_b1p3jp { height: 48px; margin-top: 50px; } .he_b1p3li.act:hover .he_b1p3mo { margin-top: 70px; } .he_c1bxnli:hover .he_c1bxntu::after { opacity: 1; } .he_c1bxnli:hover .he_c1bxntu::before { opacity: 0; } .he_c1bxnli:hover .he_c1bxnh4 { opacity: 0; } .he_e1p1hnx a:hover .he_e1p1hyr::after { width: 100%; opacity: 1; } .he_e1p1ls:hover .he_e1p1te p { color: #284a94; } .he_g1p3jh:hover::after { width: 100%; opacity: 1; } .he_h1p1fdri a:hover p { color: #284a94; } .he_d1p1rjd a:hover { color: #284a94; } .he_e1p1hnx a:hover .he_e1p1hyr img { right: 0; } .he_e3p1li:hover a::after { width: 100%; opacity: 1; } .he_e3p1li:hover a { color: #284a94; } .he_c2p4li:hover .he_c2p4bc { background: #274a94; } .he_c2p4li:hover .he_c2p4ic .he_img { opacity: 0; } .he_c2p4li:hover .he_c2p4ic .he_img1 { opacity: 1; } .he_c2p4li:hover .he_c2p4xti p { color: #8ea1ca; } .he_c2p4li:hover .he_c2p4xtj p { color: #fff; } .he_c2p4li:hover .he_c2p4xtim p { color: #335396; } .he_c6p2teli:hover .he_c6p2tic { opacity: 1; transform: translateY(-30px); } .he_c6p2teli:hover .he_c6p2teyt { opacity: 1; transform: translateY(15px); } .he_c6p2teli:hover .he_c6p2tet::after { opacity: 1; } .he_c6p2teli:hover .he_c6p2teyu { top: 50%; } .he_b3p4uhd:hover .he_b3p4li { background: #274a94; } .he_b3p4uhd:hover .he_b3p4ic .he_img { opacity: 0; } .he_b3p4uhd:hover .he_b3p4ic .he_img1 { opacity: 1; } .he_b3p4uhd:hover .he_b3p4te p { color: #fff; } .he_c2p4li:hover .he_c2p4ic .he_img2 { opacity: 0; } .he_b3p4uhd:hover .he_b3p4ic .he_img2 { opacity: 0; } .pc_fenye li a:hover { color: #4f66a2; } .he_b3p4 .he_b3p4li:hover .he_b3p4te::after { opacity: 1; } .he_b3p4uhd:hover .he_c2p4xtim p { color: #335396; } .he_c1fid1 .he_c2p1ti p { transform: translateY(60px); opacity: 0; } .he_c1fid1 .he_c2p1tht p { transform: translateY(60px); opacity: 0; } .he_c2zhs img { transform: translateY(60px); opacity: 0; } .he_c2p2lo { transform: translateY(60px); opacity: 0; } .he_c2p2lti p { transform: translateY(60px); opacity: 0; } .he_c2p1hli { transform: translateY(60px); opacity: 0; } .he_c4p2bx { transform: translateY(60px); opacity: 0; } .he_c2p3ti p { transform: translateY(60px); opacity: 0; } .he_c2p3dli { transform: translateY(60px); opacity: 0; } .he_c2p3dwli { transform: translateY(60px); opacity: 0; } .he_c2p4ti p { transform: translateY(60px); opacity: 0; } .he_c2p4li { transform: translateY(60px); opacity: 0; } .he_c2p4 .he_c2p4mo { transform: translateY(60px); opacity: 0; } .he_c4p1ti p { transform: translateY(60px); opacity: 0; } .he_c4bxtj p { transform: translateY(60px); opacity: 0; } .he_c2p4mo { opacity: 0; transform: translateY(60px); } .he_c2p1bx .he_c2p1mo { opacity: 0; transform: translateY(60px); } .he_c2p1ti p { opacity: 0; transform: translateY(60px); } .he_c2p1bx .he_c2p1mo { opacity: 0; transform: translateY(60px); } .he_c1fid5 .he_c2p1tht p { opacity: 0; transform: translateY(60px); } @keyframes fadeIniup { 0% { opacity: 0; transform: translateY(60px); } 100% { opacity: 1; transform: translateY(0); } } .he_cupbx.go1 .he_fadein1 { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; animation-delay: 0.1s; } .he_cupbx.go1 .he_fadeup1 { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; } .he_cupbx.go1 .he_fadeup2 { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.4s; } .he_cupbx.go1 .he_fadeup3 { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.5s; } .he_cupbx.go1 .he_fadeup4 { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.6s; } .he_cupbx.go1 .he_fadeup5 { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.7s; } .he_cupbx.go1 .he_fadeup6 { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.8s; } .he_cupbx.go1 .he_fadeup7 { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.9s; } .he_cupbx.go1 .he_c2p1.on .he_c2p1ti p { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.1s; } .he_cupbx.go1 .he_c2p1.on .he_c2p1tht p { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.1s; } .he_cupbx.go1 .he_c2p1.on .he_c2zhs img { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; } .he_cupbx.go1 .he_c2p2.on .he_c2p2lo { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; } .he_cupbx.go1 .he_c2p2.on .he_c2p2lti p { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; } .he_cupbx.go1 .he_c2p3.on .he_c2p3ti p { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; } .he_cupbx.go1 .he_c2p2.on .he_c2p1hli { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; } .he_cupbx.go1 .he_c2p3.on .he_c2p3ti p { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; } .he_cupbx.go1 .he_c2p3.on .he_c2p3dli { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; } .he_cupbx.go1 .he_c2p3.on .he_c2p3dwli { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; } .he_cupbx.go1 .he_c2p4.on .he_c2p4ti p { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; } .he_cupbx.go1 .he_c2p4.on .he_c2p4li { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; } .he_cupbx.go1 .he_c2p4.on .he_c2p4mo { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; } .he_cupbx.go1 .he_c2p4.on .he_c2p4mo:nth-child(1) { animation-delay: 0.3s; } .he_cupbx.go1 .he_c2p4.on .he_c2p4mo:nth-child(2) { animation-delay: 0.4s; } .he_cupbx.go1 .he_c2p4.on .he_c2p4mo:nth-child(3) { animation-delay: 0.6s; } .he_cupbx.go1 .he_c4p1.on .he_c4p1ti p { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; } .he_cupbx.go1 .he_c4p1.on .he_c4bxtj p { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; } .he_cupbx.go1 .he_c4p2.on .he_c4p2bx { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; } .he_cupbx.go1 .he_c4p2.on .he_c4p2bx:nth-child(2) { animation-delay: 0.5s; } .he_cupbx.go1 .he_c4p3.on .he_c2p4ti p { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; } .he_cupbx.go1 .he_c4p3.on .he_c2p4li { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; } .he_cupbx.go1 .he_c4p3.on .he_c2p4mo { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; } .he_cupbx.go1 .he_c4p3.on .he_c2p4mo2 { animation-delay: 0.5s; } .he_cupbx.go1 .he_c2p1.on .he_c2p1bx .he_c2p1mo { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; } .he_cupbx.go1 .he_c4p1.on .he_c2zhs img { -webkit-animation: fadeIniup 1s ease both; animation: fadeIniup 1s ease both; -ms-animation: fadeInUp 1s ease both; animation-delay: 0.3s; } /*杞藉叆鏁堟灉*/ .g_fadein1 { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; animation-delay: 0.1s; } .g_fadein2 { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; animation-delay: 0.2s; } .g_fadein3 { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; animation-delay: 0.3s; } .g_fadein4 { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; animation-delay: 0.4s; } .g_fadein5 { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; animation-delay: 0.5s; } .g_fadein6 { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; animation-delay: 0.6s; } .g_fadein7 { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; animation-delay: 0.7s; } .g_fadeup1 { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.4s; } .g_fadeup2 { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.5s; } .g_fadeup3 { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.6s; } .g_fadeup4 { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.7s; } .g_fadeup5 { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.8s; } .g_fadeup6 { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.9s; } .g_fadeup7 { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 1s; } .g_fadedown1 { -webkit-animation: fadeInDown 1s ease both; animation: fadeInDown 1s ease both; animation-delay: 0.4s; } .g_fadeleft1 { -webkit-animation: fadeInLeft 1s ease both; animation: fadeInLeft 1s ease both; animation-delay: 0.4s; } .g_faderigth1 { -webkit-animation: fadeInRight 1s ease both; animation: fadeInRight 1s ease both; animation-delay: 0.4s; } } .he_b3p4ic .he_img { width: 100%; position: relative; top: 0; left: 0; } .he_b3p4ic .he_img2 { width: 100%; position: absolute; top: 0; left: 0; height: 100%; } .he_c2p4ic .he_img { position: relative; top: 0; left: 0; width: 100%; } .he_c2p4ic .he_img2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* 20210727 */ .he_b1p2txbc a { display: block; } .he_b1p2txbc a, .he_diquiri a { font-size: inherit; line-height: inherit; color: inherit; } .he_b1p2txbc { height: auto; max-height: 120px; } .he_b1p2rv input { height: 100%; } .jianfa_nodata { font-size: 16px; line-height: 1.5; } /* 20210727 */ .he_b1p2txbc a { display: block; } .he_b1p2txbc a, .he_diquiri a { font-size: inherit; line-height: inherit; color: inherit; } .he_b1p2txbc { height: auto; max-height: 120px; } .he_b1p2rv input { height: 100%; } .jianfa_nodata { font-size: 16px; line-height: 1.5; } .he_b3ym .he_nybante h1 p { font-size: inherit; line-height: inherit; color: inherit; } .he_pcbxlori a { width: 100%; } .he_c4p2bjjd .he_c2p1mle p { margin-bottom: 0 !important; color: #274a94; line-height: 1.5; } .pc_fenye li a { color: #a6a6a6; transition: all 0.36s; } li.page-active a { color: #4f66a2; } .he_inbo.modal-open { overflow: hidden !important; } .he_b3p4 .he_b3p4te::after { top: 10px; } .he_c1fid .he_banph { width: 100% !important; height: auto !important; transform: inherit !important; max-width: inherit !important; position: static !important; } .he_f1ym .he_banph { width: 100% !important; height: auto !important; transform: inherit !important; max-width: inherit !important; position: static !important; } .he_g1ym .he_banph { width: 100% !important; height: auto !important; transform: inherit !important; max-width: inherit !important; position: static !important; } .he_h1ym .he_banph { width: 100% !important; height: auto !important; transform: inherit !important; max-width: inherit !important; position: static !important; } .he_b1ym .he_banph { width: 100% !important; height: auto !important; transform: inherit !important; max-width: inherit !important; position: static !important; } .he_b3p2lwikp p { height: 114px; overflow: hidden; } .he_b3p4uhd .he_b3p4te p { height: 72px; } .he_b3p4li { padding: 56px 20px 28px; } .he_d1p1bli.act .he_d1p1bbt p { color: #333; } .he_e1ymx .he_e1baty { position: relative !important; top: inherit !important; left: inherit !important; transform: inherit !important; bottom: inherit !important; padding-top: 172px; padding-bottom: 68px; } .he_e1ymx .he_nybanig { position: absolute; top: 0; height: 100% !important; } .he_e1ymx .he_nyban { min-height: 418px; } .he_page .he_banph { width: 100% !important; height: auto !important; transform: inherit !important; max-width: inherit !important; position: static !important; } .he_b3p3lzi p { display: none; } .he_b3p3lzi p:first-child { display: block; } .he_b3p3dli:last-child { margin-bottom: 100px; } .he_c2p4ic { width: 92px; } .he_b3p4le.swiper-button-disabled { opacity: 0.4; } .he_b3p4ri.swiper-button-disabled { opacity: 0.4; } .he_f1gtcn { position: relative; } .he_f1p2 .he_swep { position: absolute; left: inherit !important; transform: inherit !important; right: 0 !important; bottom: inherit !important; top: -10px !important; } .he_f1p2 .he_f1p2luti { padding-right: 150px; } /* 鐐瑰嚮鎼滅储妗嗚幏鍙栫劍鐐 placeholder娑堝け-寮€濮 */ /* WebKit browsers */ input:focus::-webkit-input-placeholder { color: transparent; /* transparent鏄叏閫忔槑榛戣壊(black)鐨勯€熻娉曪紝鍗充竴涓被浼紃gba(0,0,0,0)杩欐牱鐨勫€ */ } /* Mozilla Firefox 4 to 18 */ input:focus:-moz-placeholder { color: transparent; } /* Mozilla Firefox 19+ */ input:focus::-moz-placeholder { color: transparent; } /* Internet Explorer 10+ */ input:focus:-ms-input-placeholder { color: transparent; } /* 鐐瑰嚮鎼滅储妗嗚幏鍙栫劍鐐 placeholder娑堝け-缁撴潫 */ .he_b3p3phjc { display: none; } .he_b1ym .he_b1p3 .he_content { background-color: #fff; border-radius: 14px; } .mc_videom_content { text-align: center; } .he_b3p4 .he_c2p4xtim { z-index: 1; } .he_b3p4ic { position: relative; z-index: 3; } .he_b3p4te { position: relative; z-index: 3; } .he_c1gbcvp { top: inherit !important; bottom: 34px !important; } .he_b3p2lwli { padding: 60px 63px 70px; min-height: 340px; } .he_b3p2gh { padding-top: 180px; } .he_b3p2gli2 { top: 45px; } .he_b3p2gli1 { top: 45px; } .he_banul::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 150px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.01)); } .he_e3p1nav .he_e3p1li { width: auto; /* min-width:16.666666%; */ } .he_e3p1nav .swiper-pagination { top: inherit !important; bottom: 0; } .he_e3p1nav .swiper-container-horizontal>.swiper-pagination-progressbar, .he_e3p1nav .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { height: 2px !important; } .he_e3p1nav .swiper-pagination-progressbar { background: #e2e3e4 !important; display: none !important; } .he_e3p1nav .swiper-pagination-progressbar-fill { background: #2f4a8f !important; } .he_c1ym .fullpage-wrapper .he_mine { /* padding-right: 80px; */ } .fp-tableCell { overflow: hidden; } /* .he_c1ym .he_gund { transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); top: 488px !important; left: -9.7% !important; position: fixed !important; width: 510px !important; } */ /* .he_c1ym .he_gund::after { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 11px; height: 11px; background: #fff; border-radius: 50%; } */ .he_d1p1le { position: relative; } .mc_d1_progress { position: absolute; left: -30px; top: 15px; width: 2px; height: 55vh; background: #e8edf3; /* background: rgba(255,255,255,0.4); */ z-index: 99; } .mc_d1_progress::before { content: ""; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%); width: 10px; height: 10px; border-radius: 50%; background: #284a94; } .mc_d1_progress span { display: block; width: 100%; height: 0; background: #284a94; transition: all .3s ease-out; } .mc_d1_progress { left: -70px; height: 55vh; } .he_jindu.hidex { opacity: 0; } .he_b3p2lwli { width: 100%; } .mc_jyzs5_li .he_c2p2tj p { height: inherit !important; } .he_c2p4.on .he_c2p1mo { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.6s; } .he_c1ym .he_fot .fp-tableCell { z-index: 101; overflow: inherit !important } .he_c1fid2 .he_c2p4 .he_c3bxmo { margin-top: 0 !important; } .he_c1fid.act .he_cxlswe1 { padding-bottom: 16px !important; } .he_c2bxrc1 .he_c3bxc1ze { width: 0; overflow: hidden; } .he_c2bxrc1 .he_c3dftbt { width: 592px; } .he_c2bxrc1.actx .he_c3bxc1ze { animation: huayde 2s ease both; } @keyframes huayde { 0% { width: 0; } 100% { width: 592px; } } .mc_d1s1_scroll_main { will-change: left, top; } .he_c3bxcsq { width: 921px; } .he_c2bxrc1 .he_c3bxchz { width: 69%; overflow: hidden; } .he_c2bxrc1.actx1 .he_c3bxchz { animation: huayde1 2s ease both; } @keyframes huayde1 { 0% { width: 69%; } 100% { width: 100%; } } .he_c2bxrc3 .he_c2vty { width: 592px; } .he_c2bxrc3 .he_c2bxtuzsr { width: 0; overflow: hidden; } .he_c2bxrc3.actx .he_c2bxtuzsr { animation: huayde 2s ease both; } .he_c2bxrc4 .he_c2bxrje { width: 592px; } .he_c2bxrc4 .he_c2bxrld { width: 0; overflow: hidden; } .he_c2bxrc4.actx .he_c2bxrld { animation: huayde 2s ease both; } .he_tishi { width: 24px; position: absolute; top: 455px; right: 5%; } .he_tishi img { width: 100%; animation: mcjump 1s ease infinite; } @keyframes mcjump { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } } .he_c1fid5 .he_c2p4ic::after { display: none !important; } .he_e1p1dl { min-height: 240px; } .he_banli1 .he_dongh { width: 0px !important; } .he_banli1.slick-current.widtho .he_dongh { width: 100% !important; } .he_cupbx.yincang .he_c1fid { opacity: 0; } .he_zqxltiri p { color: #284a94; } .he_b3tiotph { display: none; } .he_b3tiotpc { /* white-space: nowrap; */ overflow: inherit !important; position: absolute; top: -135px; right: 0; } .he_maskl { width: 65%; height: 50%; position: absolute; left: 0; z-index: 10; transition: all 0.5s; } .he_maskls { width: 100%; height: 195px; background: #fff; position: absolute; top: -336px; left: 0; } .he_b3p3ri { position: relative; } .he_maskl.yingc { opacity: 0; } .he_d1p1rli { opacity: 0.4; transition: all 0.36s } .he_d1p1rli.act { opacity: 1; } /* .he_d1ym .he_nybante{ opacity: 0; } */ .he_d1p1phdz p { font-size: 60px; line-height: 1.5; color: #284a94; font-weight: bold; } /* .he_d1p1phdz{ position: absolute; top: -145px; left: 0; } */ /* .he_d1p1phdz{ margin-top: -144px; } */ .he_d1p1 { padding-top: 9.5%; } .he_d1p1ri { padding-top: 156px; } .he_d1p1bg { margin-top: 59px; } .mc_d1_progress { top: 165px; } .he_d1ym .he_nybante { opacity: 0; } .he_zqxlbola { position: relative; } .he_zqxlbola img { position: absolute; top: 50%; left: 110%; transform: translateY(-50%); display: none; border: 1px solid #e5e5e5; background: #fff; z-index: 10; border-radius: 6px; padding: 4px; width: 100px; max-width: inherit !important; } .he_zqxlbola .he_zqajl { position: relative; display: inline-block; } .mc_zqxl_thrinav { margin-top: 10px; } .mc_zqxl_thrinav .he_zqxlbola a { font-size: 18px; /* line-height: 1.6; */ } .mc_zqxl_thrinav .he_zqxlbola { padding-left: 15px; } .he_shubiao { position: fixed; } .he_tishi p { white-space: nowrap; font-size: 16px; color: #fff; position: absolute; top: -26px; left: 50%; transform: translateX(-50%); } .mc_zqxl_thrinav .he_zqxlbola a { position: relative; } .mc_zqxl_thrinav .he_zqxlbola a::after { content: ''; top: 16px; left: -11px; width: 4px; height: 4px; background: #333; position: absolute; border-radius: 50%; } .fp-viewing-1 .he_dixl .he_img1 { opacity: 0; } .he_zqxllbt p { color: #333; /* font-weight: bold; */ } .he_zqxlbola a { font-weight: bold; color: #333; } .mc_zqxl_thrinav .he_zqxlbola a { font-weight: normal; color: #666666; } .mc_zqxl_fournav .he_zqxlbola { padding-left: 0px; } .he_bofang { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 34px; z-index: 10; display: none; } .he_bofang img { width: 100%; } .he_syp2.bofang .he_bofang { display: block; } .he_zqxllbt p { transform: translateX(-0.5em); } .mc_zqxl_thrinav { margin-top: 0px; } .he_zqxlli4 .he_zqxllbt p { font-weight: normal; } .he_zqxlli4 .he_zqxlbola a { font-weight: normal; } .he_c1qhj { position: absolute; top: -76px !important; right: 13%; /* cursor: pointer; */ z-index: 100; } .he_c1qhj { display: flex; } .he_c1qhlm { margin: 0 10px; cursor: pointer; } .he_c1qhr { transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); } .he_c1qhlm { width: 34px; } .he_c1qhlm img { width: 100%; } .he_c1qhlm.swiper-button-disabled { opacity: 0; pointer-events: none; cursor: inherit !important; } .ys_navph2_zq { display: block !important; } .mc_zqxl_fournav { padding-left: 15px; } #mc_bs3_video1 { background: #000; } /* .he_navt::after { transform: rotate(90deg); } .he_navtn{ display: block; } */ /* .ys_navph2_thirnav_li.act>.ys_navph2_fournav{ display: block; } */ .he_erjili1 a, .he_anjili1 a { font-size: 16px; } .he_sijili1 a { font-size: 16px; } .he_yijili a { line-height: 32px; } .he_c1qhlm p { font-size: 16px; line-height: 1.75; color: #fff; white-space: nowrap; position: absolute; top: 0; } .he_c1qhl p { left: -48px; padding-right: 15px; } .he_c1qhr p { transform: rotate(180deg); -ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); right: 28px; padding-left: 15px; } .ys_navph2_zq img { vertical-align: text-top; } .ys_navph2_subnav { height: 92%; } .ys_navph2_msc_box { width: 100%; display: flex; align-items: center; } .he_c1qhlm { transition: all 0.36s; } .he_c1qhj { right: 15%; } .mc_zqxl_thrinav .he_zqxlbola a { transition: all 0.36s; } .mc_zqxl_thrinav .he_zqxlbola a::after { transition: all 0.36s; } .he_c1qhj { transition: all 0.36s } .he_c1qhj.xian { opacity: 0; pointer-events: none; } .ys_navph2_zq .ys_navph2_lang_btn span { font-size: 16px; vertical-align: middle; } .ys_navph2_zq .ys_navph2_lang_btn img { width: 24px; } .he_yijili a { display: block; } .he_yijili .ys_hassubnav { width: 85%; } .he_zqxl_bg1 { position: absolute; left: 0; top: 0; z-index: -1; } .he_zqxl_bg2 { position: absolute; right: 0; top: 0; z-index: -1; } @media screen and (min-width:1680px) { .he_zqxl_bg2 { max-height: 110%; } } .ys_navph2_lang.ys_navph2_yy { display: none; } .ys_navph2_language a { font-size: 16px; line-height: 64px; color: #284a94; margin-right: 10px; } .ys_navph2_search_btn img { transform: translateY(-2px); } .he_banvdnx { padding-top: 10px; padding-bottom: 10px; } .he_banvdnx p { font-size: 18px; line-height: 1.5; height: 54px; } .he_syp3bpgig p { height: inherit; max-height: 186px; } .he_syp3bpsig::after { height: 100%; background-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01)); } .he_b3p2lwikp p { font-size: 24px; height: 114px; } /* .he_b3tiotpc { right: -290px; } */ .he_b3tiotpc { top: -155px; } .he_pcnli { margin: 0 24px; } .he_b3p4uhd .he_b3p4te p { height: 96px; } .he_c2p3dti p { font-size: 22px; height: 76px; } .he_c2p3dtu { margin-top: 36px; } .he_c2p3dwte p { font-size: 16px; height: 84px; } .he_c2p4xtj p { font-size: 16px; line-height: 1.5; height: 96px; } .he_c1fid2 .he_c2p4xtj p { height: 120px; } .he_c3bxljk p { margin-bottom: 10px; } .he_c3bxljk { max-height: inherit !important; } .he_c3bxlti p { font-size: 32px; } .he_c3bxle { width: 650px; } .he_c1bxnh1 p { font-size: 28px; height: 49px; } .he_d1ym .he_d1p1phdz p { font-size: 34px; } .he_d1p1bg { margin-top: 32px; } .mc_d1_progress { top: 200px; } .he_g1p1 { max-width: 886px; } .he_g1p2hoi p { height: 90px; } .he_g1zst { bottom: -226px; } .he_cupbx .he_nypu { opacity: 1; } /* .he_c1fid .he_c3bx{ opacity: 0; transition: all 0.01s; transition-delay: 1s; } */ /* .he_cupbx.go1 .he_c1fid .he_c3bx{ opacity: 1; } */ /* 涓昏惀涓氬姟 */ .he_c1fid .he_nybanig { height: 700px; } .he_c2bx { transition: all 0.6s; transition-delay: 1s; } .he_c3bx { transition: all 0.6s; transition-delay: 1s; } .he_c4bx { transition: all 0.6s; transition-delay: 1s; } .he_c5bx { transition: all 0.6s; transition-delay: 1s; } .he_c6bx { transition: all 0.6s; transition-delay: 1s; } .he_cupbx.fix1 .he_c1fid1 .he_c2bx { margin-top: -435px; } .he_cupbx.fix2 .he_c1fid2 .he_c3bx { margin-top: -435px; } .he_cupbx.fix3 .he_c4bx { margin-top: -435px; } .he_cupbx.fix4 .he_c5bx { margin-top: -435px; } .he_cupbx.fix5 .he_c6bx { margin-top: -435px; } .he_cupbx.shown1 .he_c1fid1 .he_c2bx { margin-top: -435px; } .he_cupbx.shown2 .he_c1fid2 .he_c3bx { margin-top: -435px; } .he_cupbx.shown3 .he_c4bx { margin-top: -435px; } .he_cupbx.shown4 .he_c5bx { margin-top: -435px; } .he_cupbx.shown5 .he_c6bx { margin-top: -435px; } .he_c1fid .he_nybante { top: 35%; } /* 涓昏惀涓氬姟 */ .he_zqxlbola a { font-size: 16px; } .mc_zqxl_thrinav .he_zqxlbola a { font-size: 14px; } .he_zqxllbt p { font-size: 18px; } .he_c2p1 .he_content { position: relative; z-index: 10; } .he_c2p1hzt { display: flex; align-items: center; } .he_c2p1hdle { margin-top: 0 !important; } .he_c6p2tet p { height: auto !important; max-height: 3em; } .he_c6bx .he_c2p4xti p { height: 2.7em !important; } .he_e3p2btp1 p { font-size: 20px; line-height: 1.4 !important; height: 2.8em !important; } .he_b1ym .he_b1p3bu .he_b1p1lep1 p { font-size: 18px; line-height: 1.5 !important; height: 4.5em !important; } .he_g1p2hg p { height: auto !important; line-height: 1.4 !important; overflow: visible !important; } .he_g1p2hul { margin-top: 0 !important; } .he_g1p2bx { display: flex; align-items: center; flex-wrap: wrap; } .he_f1p2lutj { display: none; } .he_b3p3dty p { line-height: 1.4; } .he_b3p1gile p { font-size: 52px; } .he_b3p1gile { width: 270px; } .he_b3p1giri { width: calc(100% - 270px); margin-top: 22px; } .he_b3p1giri p { font-size: 26px; height: 45px; } .he_c1ym .he_c1bxti p { line-height: 1.4; } .he_c1ym .he_c1bxti p { width: 60%; } .he_c1bx { padding-top: 9%; } .he_c1bxny { margin-top: 74px; } .he_c1bxnh1 p { font-size: 28px; height: 84px; line-height: 1.5; } .he_c1bxnsvg { margin-top: 45px; } .he_c1bxnh4 { left: 0 !important; width: 100%; padding: 0 20px; } .he_b1p3ul { display: flex; flex-wrap: wrap; } .he_xwhofbte p { font-size: 12px; height: 21px; } .he_b3tiotpc { top: -96px; } .he_kong { padding-right: 15px; } .he_c2p2lti p { font-size: 30px; line-height: 1.5; height: 90px; } .he_c3bxle { width: 796px; } .he_c1fid3 .he_c4p2bjjd p { font-size: 14px; } .he_c1fid3 .he_c2p1mri { line-height: 20px; } .he_c4p2bjti p { height: inherit !important; } .he_d1ym .he_d1p1phdz p { font-size: 30px; } .mc_d1_progress { top: 133px; } .he_banvdnx p { font-size: 14px; line-height: 54px; height: 54px; } .he_e1p1te { text-align: center; } .he_c1fid .he_nybanig { height: 100vh !important; } .he_c1fid .he_nybante { top: 26%; } .he_c4p2bri { padding-left: 52px; } .he_c4p2bx.on .he_c4p2bri { padding-right: 52px; } .he_fojtqle { width: 160px; padding-right: 15px; } .he_fojtqri { width: calc(100% - 160px); } .he_c1fid .he_nybanig { width: 100vw !important; height: 100vh !important; background: #fff; } .he_nyzygph { display: none; } .he_nyzyg { width: 100vw; height: 100vh; } .he_c1fid .he_nybanig { max-width: inherit !important; } .he_c2p2leb { padding: 40px 0px 40px 76px; } .he_c2p2lti { padding-right: 40px; } .he_g1ym .he_e1bati p { line-height: 1.75; } .he_g1p2bx { align-items: flex-start; } .he_f1ym .he_f1p2luti p { font-weight: normal; text-align: center; } .mc_zqxl_thrinav .he_zqxlbola a::after { top: 9px; } .he_zqxlli { width: 25%; padding: 30px 12px; } .he_zqxlbx { width: 80%; margin-left: 186px; } .he_b3p3dli:last-child { margin-bottom: 360px; } .he_b3ym .he_mine { margin-top: -180px; } .he_pcnav { display: flex; } .he_pcnli a { white-space: nowrap; } .he_fottbri { margin-top: 0px; width: 68.5%; } .he_fotybgm { display: flex; justify-content: space-between; align-items: center; } .he_fottbri p { display: flex; justify-content: space-between; } .he_fottgle { flex: none; } .he_h1p2bx { display: none; } .he_b1p3ul { display: flex; flex-wrap: wrap; } .he_c2p3 .he_c2p3dwli { width: 25%; } @media screen and (max-width: 767px) { .he_c2p3 .he_c2p3dwli { width: 50%; } } .he_c2p3dul { display: flex; flex-wrap: wrap; } .he_c2p3dti p { font-size: 20px; line-height: 1.5; height: auto !important; } /* 2022.10.19鏂板 star */ .he_c5p2xg { width: 100%; position: relative; } .he_c5p2xli { width: 50%; padding: 0 50px; } .he_c5p2xul { margin: 0 -50px; display: flex; flex-wrap: wrap; } .he_c5p2xwz { width: 100%; } .he_c5p2xwz .he_c2p2te { opacity: 1; } .he_imgxzbox { width: 100%; position: relative; border-radius: 20px; overflow: hidden; } .he_c5p2xwz .he_c2p2tj { margin-top: 8px; } .he_c5p2xwz .he_c2p2tj p { line-height: 1.6; height: auto !important; color: #666; } .he_imgxzbox img { object-fit: cover; } .he_zqxlli3 .he_zqxlbv:first-child { margin-bottom: 66px; } /* 2022.10.19鏂板 end */ .he_b1p3ul { display: flex; flex-wrap: wrap; } /* 2023.1.3 */ .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, .3); */ } .ys_ban_txtbox { z-index: 5; } /* - banner - end*/ /* 瑙勮寖 */ .std_tit2 { color: #223a8f; font-size: 48px; line-height: 1.3; } .std_text, .std_text p { font-size: 18px; line-height: 1.75; } /* 瑙勮寖-end */ /* banner */ .brand_cont { position: relative; } .brand_cont_bg { width: 1533px; position: absolute; top: 344px; left: 50%; transform: translateX(-50%); z-index: -1; } .brand_ban { position: relative; } .brand_ban_bg { overflow: hidden; } .brand_ban_bg img { width: 100%; height: 100vh; object-fit: cover; } .brand_ban_bg_ph { display: none; } .brand_ban_text { top: 32%; left: 0; width: 100%; position: absolute; } .brand_ban_text h1 { text-align: right; } .brand_ban_text { overflow: hidden; } .brand_ban_text h1 { font-size: 60px; line-height: 1.3; color: #fff; letter-spacing: 14px; font-weight: bold; /* transform: translateY(100%); */ } .identifier { animation: fadeInUp 1s ease both; animation-delay: 0.4s; } @keyframes identifier { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .effectup { animation: effectup 1s ease-out both; } .effectup2 { animation: effectup 1s ease-out both; animation-delay: 0.2s; } .effectup3 { animation: effectup 1s ease-out both; animation-delay: 0.4s; } .brand_textcon { animation-duration: 1s; } @keyframes effectup { 0% { transform: translateY(80px); opacity: 0; } 100% { transform: translateY(0px); opacity: 1; } } /* banner - end */ /* con */ .brand_textcon { padding: 20px 40px; min-height: 140px; display: flex; flex-direction: column; justify-content: center; text-align: center; font-size: 18px; color: #3d3e3e; } .brand_textcon p { line-height: 1.75; } .brand_character_cont { display: flex; align-items: center; border-bottom: #eeeeee 3px solid; padding-bottom: 100px; } .brand_character_left { flex-grow: 1; width: calc(100% - 48.3333333%); } .brand_character_right { flex-shrink: 0; width: 48.3333333%; } .brand_character_left_tit { padding-bottom: 25px; margin-bottom: 30px; border-bottom: 3px solid #d1d6e7; } .brand_character_left_tab { display: flex; } .brand_character_left_tab { margin-bottom: 60px; } .bclt_item { margin-right: 60px; font-size: 28px; line-height: 1.6; opacity: 0.5; color: #223a8f; cursor: pointer; transition: all 0.36s; } .bclt_item.act { opacity: 1; } .bclt_item.noact { opacity: 0.5; } .brand_character_left_list { width: 500px; } .bcli_cont p, .bcli_cont_tit, .bcli_cont_item_key, .bcli_cont_item_value { font-size: 18px; line-height: 1.75; color: #444545; user-select: text; } .bcli_cont_item { display: flex; align-items: flex-start; } .bcli_cont_item_key { flex-shrink: 0; display: flex; align-items: center; } .bcli_cont_item_key::before { content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #474848; margin-right: 12px; } .brand_character_right_list { margin: 0 -10px; } .bcrl_item { padding: 0 10px; } .bcrl_item .ys_imgbox_cover { border-radius: 64px; overflow: hidden; } .brand_identify_cont { padding: 140px 0 80px; display: flex; border-bottom: #eeeeee 3px solid; } .brand_identify_cont_left { width: 50%; } .brand_identify_cont_right { width: 50%; } .bicl_logo1 { width: 200px; margin: 0 auto; margin-bottom: 55px; } .bicl_logo2 { width: 350px; margin: 0 auto; margin-top: 75px !important; } .bicl_logo1 img, .bicl_logo2 img { width: 100%; } .brand_identify_cont_right { display: flex; justify-content: flex-end; } .bicr_cont { width: 495px; } .bicr_tit { margin-bottom: 45px; } .bicr_text p { color: #444545; } .brand_color_cont_show { display: flex; margin: 0 -16px; } .bccs_item { padding: 0 16px; } .brand_color_cont { padding: 80px 0 150px; } .bccs_item_cont { cursor: pointer; border-radius: 64px; overflow: hidden; position: relative; } .bccs_item_text { position: absolute; width: 100%; height: 100%; z-index: 2; top: 0; left: 0; opacity: 0; transition: all 0.6s; } .bccs_item_text_cont { display: flex; height: 100%; width: 100%; flex-direction: column; justify-content: center; padding-left: 140px; padding-right: 80px; transform: translateY(100px); opacity: 0; transition: all 0.8s; } .bccs_itemred .bccs_item_text { background-color: #dc2427; } .bccs_itemblue .bccs_item_text { background-color: #201f62; } .bitc_tit { font-size: 30px; line-height: 1.5; color: #fff; margin-bottom: 30px; } .bitc_text p { font-size: 30px; line-height: 1.5; color: #fff; margin-bottom: 4px; } .brand_color_cont_info { margin-top: 90px; } .bcci_tit { margin-bottom: 60px; } .bcci_text { width: 500px; } .bcci_text p { color: #444545; } .brand_download { display: flex; position: relative; margin-top: -190px; } /* .brand_download_left, .brand_download_right{ width: 50%; } */ .brand_download_left { width: 45%; background-color: #939ec4; } .brand_download_right { width: 55%; } .brand_download_left { pointer-events: none; } .brand_download_btn { pointer-events: auto; } .brand_download_left .ys_imgbox_cover { font-size: 0; } .brand_download_right { position: relative; } .brand_download_right_img { position: absolute; display: block; width: 100%; left: 0; bottom: 0; font-size: 0; } .brand_download_right_img img { width: 100%; } .brand_download_btn { position: absolute; /* width: 270px; */ line-height: 75px; /* top: 58%; */ border-radius: 50px; /* border: 3px solid #fff; */ /* top: 58%; */ top: 42%; transform: translateY(-50%); /* text-align: center; color: #fff; */ left: calc((100% - 1200px) / 2); /* transition: all 0.36s; */ color: #fff; } .brand_data { padding: 55px 0 65px; background-color: #434248; } .brand_data_list { display: flex; flex-wrap: wrap; margin: 0 -38px; } .brand_data_item { width: 20%; padding: 0 38px; } .brand_data_item_cont { color: #fff; } .bdic_tit { font-size: 24px; line-height: 1.5; font-weight: bold; margin-bottom: 20px; } .bdic_data_value { font-size: 44px; line-height: 1.3; font-weight: bold; } .bdic_data_unit { font-size: 24px; font-weight: bold; line-height: 1.3; margin-left: 10px; } .bdic_data { margin-bottom: 10px; } .bdic_data_unit::before { content: ""; display: inline-block; border-top: none; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 18px solid #fff; margin-right: 3px; } .bdic_data_time { font-size: 18px; opacity: .3; line-height: 1.6; } .brand_data_item.down .bdic_data_unit::before { transform: rotate(180deg); } .brand_cont::before { content: ""; width: 100%; position: absolute; top: 0; left: 0; height: 600px; background: linear-gradient(to bottom, rgba(196, 210, 231, 1), rgba(196, 210, 231, 0)); opacity: 0.65; } .brand_cont { padding-top: 110px; } /* .brand_download_btn{ font-size: 36px; } */ /*榧犳爣鏁堟灉*/ @media screen and (min-width: 1200px) { .bccs_item:hover .bccs_item_text { opacity: 1; } .bccs_item:hover .bccs_item_text_cont { transform: translateY(0); opacity: 1; } .bclt_item:hover { opacity: 1; } /* .brand_download_btn:hover { background-color: rgba(255, 255, 255, .3); } */ } .bcli_cont_link { display: flex; align-items: center; margin-top: 30px; position: relative; z-index: 10; } .bcli_cont_link_text { font-size: 16px; line-height: 1.5; color: #274a94; margin-right: 15px; } .bcli_cont_link_icon { width: 14px; } .bcrl_item .ys_imgbox_cover { border-radius: 0px !important; overflow: hidden; } .bcrl_item { padding: 0 0px; } .brand_character_right_list { margin: 0 0px; border-radius: 64px; overflow: hidden; } .brand_download { margin-top: 0px; } .brand_download_btn {} .brand_download_right_slick { position: relative; background-color: #939ec4; } .bdrs_arrow { position: absolute; height: 0; top: 50%; width: 100%; display: flex; align-items: center; justify-content: space-between; } .bdrs_arrow_prev { transform: translateX(20px); } .bdrs_arrow_next { transform: translateX(-20px); } .bdrs_arrow>div { width: 40px !important; transition: all 0.36s; } .bdrs_arrow_next img, .bdrs_arrow_prev img { width: 100%; } .brand_download { margin-top: 0 !important; } .bdri_cont .ys_imgbox_cover img:last-child { width: 100%; object-fit: cover; } .bdrs_arrow>div.slick-disabled { opacity: 0.7; pointer-events: none; } .he_c2p2tj p { height: inherit !important; } .he_c2p3 .he_c2p3dwli { width: 25%; } @media screen and (max-width: 767px) { .he_c2p3 .he_c2p3dwli { width: 50%; } } /* 鏂板 2023.9.14 star */ .brand_ban_posi { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .brand_ban_posi_cont { width: 100%; /* text-align: right; */ display: flex; justify-content: flex-end; } .bbpc_wrap_tit .he_tit1 { color: #fff; font-weight: bold; } .bbpc_wrap_down { display: inline-block; transition: all 0.36s; } .bbpc_wrap_down_ri { width: 20px; } .bbpc_wrap_down_ri img { width: 100%; } .bbpc_wrap_down_le p { font-size: 16px; line-height: 44px; color: #274A94; } .bbpc_wrap_down a { display: flex; align-items: center; background: #fff; border-radius: 4px; padding: 0 16px; } .bbpc_wrap_down_le { padding-right: 8px; } .bbpc_wrap_tit { margin-bottom: 38px; } .brand_ban_ul_li { display: none; position: relative; width: 100%; } .brand_ban_ul_li:first-child { display: block; } .brand_ban_ul .slick-dots li { width: 10px; height: 10px; } .std_padd { padding: 100px 0; } .corpor_manage { width: 100%; position: relative; padding-bottom: 0 !important; } .corpor_manage_cont { width: 100%; } .corpor_manage_tit .he_tit4 { text-align: center; color: #333; line-height: 1.5; } .corpor_manage_info p { line-height: 1.75; color: rgba(51, 51, 51, 0.8); } .corpor_manage_tit18 p { font-size: 18px; } .corpor_manage_info { width: 831px; margin: 0 auto; max-width: 100%; } .corpor_manage_top { text-align: center; margin-bottom: 68px; } .corpor_manage_tit { margin-bottom: 24px; } .corpor_manage_btm { width: 100%; position: relative; display: flex; align-items: center; flex-wrap: wrap; } .corpor_manage_btm_ri { width: 59%; } .corpor_manage_btm_ri img { width: 100%; } .corpor_manage_btm_le { width: 41%; padding-right: 74px; } .corpor_manage_btm_le p { line-height: 2; color: rgba(51, 51, 51, 0.8); margin-bottom: 30px; } .corpor_manage_btm_le span { font-weight: bold; } .corpor_report { width: 100%; padding-bottom: 0 !important; } .corpor_report_cont { width: 100%; position: relative; padding-left: 177px; display: flex; align-items: flex-end; padding-bottom: 60px; z-index: 1; } .corpor_report_cont::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100vw; left: 50%; transform: translateX(-50%); height: 80%; background: #F9F9F9; z-index: -1; } .corpor_report_le { width: 304px; } .corpor_report_ri { width: calc(100% - 304px); padding-left: 155px; padding-bottom: 45px; } .crlu_li { width: 100%; display: none; } .crlu_li:first-child { display: block; } .crul_wrap_tit .he_tit4 { color: #333333; } .crul_wrap_more { display: inline-block; } .crul_wrap_more p { font-size: 16px; line-height: 48px; color: #274A94; padding: 0 37px; display: block; background: #274A94; border-radius: 4px; color: #fff; font-weight: bold; } .crul_wrap_tit { margin-bottom: 20px; } .corpor_report_ul_li { display: none; } .corpor_report_ul_li:first-child { display: block; } .corpor_report_ul .slick-dots { text-align: left; position: relative; bottom: auto; margin-top: 56px; } .corpor_report_ul .slick-dots li { width: 6px; height: 6px; background: #CACACA; } .corpor_report_ul .slick-dots li.slick-active { background: #274A94; } .crlu_li .ys_imgbox_cover { box-shadow: 6px 6px 14px 0px rgba(0, 0, 0, 0.25); } .corpor_report_le_ul .slick-list { overflow: visible; } .corpor_public { width: 100%; position: relative; } .corpor_public_cont { width: 100%; position: relative; } .corpor_manage_info p span { font-weight: bold; } .corpor_public .corpor_manage_info { width: 600px; } .corpor_public_btm { width: 100%; position: relative; } .corpor_public_btm_ul { margin: 0 -7px; display: flex; flex-wrap: wrap; align-items: stretch; } .cpbu_li_wrap { height: 100%; } .cpbu_li { width: 50%; padding: 0 7px; margin-bottom: 14px; } .cpbu_li_wrap { width: 100%; position: relative; overflow: hidden; padding: 35px 44px; background: #F9F9F9; border-radius: 18px; transition: all 0.36s; cursor: pointer; } .cpbu_li_wrap_tit p { color: #333; overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .cpbu_li_wrap_info { padding-top: 10px; } .cpbu_li_wrap_info p { color: #666; line-height: 2; overflow: hidden; -webkit-line-clamp: 2; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; } .cpbu_li_wrap .he_h1p1bti { border: none; } .clwm_le p { color: #274A94; line-height: 2; } .cpbu_li_wrap_more a { display: flex; align-items: center; } .clwm_le { padding-right: 12px; } .cpbu_li .cpbu_li_wrap { padding-right: 250px; } .cpbu_li_wrap_info { margin-bottom: 52px; } .cpbu_li:nth-child(2) .cpbu_li_wrap, .cpbu_li:nth-child(4) .cpbu_li_wrap { padding-left: 250px; padding-right: 44px !important; } .cpbu_li_wrap_more { display: inline-block; } .cpbu_li:nth-child(1) .cpbu_li_wrap { border-top-left-radius: 0; } .cpbu_li:nth-child(2) .cpbu_li_wrap { border-top-right-radius: 0; } .cpbu_li:nth-child(3) .cpbu_li_wrap { border-bottom-left-radius: 0; } .cpbu_li:nth-child(4) .cpbu_li_wrap { border-bottom-right-radius: 0; } .cpbu_li_wrap_img { position: absolute; width: 198px; } .cpbu_li1 .cpbu_li_wrap_img { bottom: 0; right: 0; } .cpbu_li1 .cpbu_li_wrap_img img:nth-child(1), .cpbu_li2 .cpbu_li_wrap_img img:nth-child(1) { transform: rotateX(180deg); } .cpbu_li2 .cpbu_li_wrap_img { bottom: 0; left: 0; } .cpbu_li3 .cpbu_li_wrap_img { top: 0; right: 0; } .cpbu_li4 .cpbu_li_wrap_img { top: 0; left: 0; } .corpor_public_btm_img { width: 290px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .corpor_public_btm_pc { width: 100%; display: none; } .corpor_public_btm_pc img { width: 100%; } .corpor_pop { width: 100vw; height: 100vh; position: fixed; transform: translate(-50%, -50%); top: 50%; left: 50%; background: rgb(0, 0, 0, 0.5); z-index: 99; display: none; } .corpor_pop_cont { width: 940px; max-width: 100%; background: #fff; border-radius: 16px; padding: 68px 58px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .corpor_pop_close { width: 36px; position: absolute; top: 15px; right: 25px; cursor: pointer; } .corpor_pop_close img { width: 100%; } .corpor_pop_cont_wrap { width: 100%; position: relative; } .cpcw_top_tit p { color: #333; } .cpcw_top_info p { font-size: 16px; line-height: 1.75; color: #333; } .cpcw_top_tit { margin-bottom: 10px; } .cpcw_top { width: 100%; padding-bottom: 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .cpcw_btm { width: 100%; position: relative; padding-top: 24px; } .cpcw_btm p { font-size: 16px; line-height: 1.75; color: #666; margin-bottom: 24px; } .cpcw_btm h4 { font-size: 20px; line-height: 1.5; margin-bottom: 16px; } .corpor_pop_cont_wrap { max-height: 72vh; } .corpor_pop_cont_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .corpor_pop_cont_wrap .mCSB_outside+.mCSB_scrollTools { right: -25px !important; } .corpor_pop_cont_wrap .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #274A94 !important; } .corpor_main .brand_ban_bg img { height: auto !important; } .corpor_main .he_content .brand_ban_posi_cont { padding-right: 152px; } .bbpc_wrap_tit { margin-bottom: 25px; } .bbpc_wrap { display: flex; flex-direction: column; align-items: center; } .corpor_report_cont a { width: 100%; } .corpor_report_cont_link { display: flex; flex-wrap: wrap; align-items: flex-end; } .corpor_report_cont .slick-list { overflow: visible !important; } .corpor_report_cont_ul { width: 100%; position: relative; } .crcu_li { width: 100%; display: none; } .crcu_li:first-child { display: block; } .corpor_report_cont_ul .slick-dots li { width: 6px; height: 6px; background: #CACACA; } .corpor_report_cont_ul .slick-dots li.slick-active { background: #274A94; } .corpor_report_cont_ul .slick-dots { position: relative; bottom: auto; margin-top: 20px; } @media screen and (min-width:1200px) { .cpbu_li_wrap:hover { background: #fff; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15); } .bbpc_wrap_down:hover { transform: translateY(-4px); } .corpor_report_le:hover .ys_imgbox_cover img { transform: scale(1.05); } .cpbu_li1:hover .cpbu_li_wrap { transform: translate(-10px, -10px); } .cpbu_li2:hover .cpbu_li_wrap { transform: translate(10px, -10px); } .cpbu_li3:hover .cpbu_li_wrap { transform: translate(-10px, 10px); } .cpbu_li4:hover .cpbu_li_wrap { transform: translate(10px, 10px); } } @media screen and (max-width: 768px) { .brand_ban_bg_pc { display: none; } .brand_ban_bg_ph { display: block; } } @media screen and (max-width: 480px) { .corpor_manage_tit18 p { font-size: 14px !important; } .corpor_report_le { width: 60% !important; } } .ys_navph2_lang_btn img { vertical-align: middle !important; } .cpbu_li .cpbu_li_wrap { padding-right: 202px; } .cpbu_li:nth-child(2) .cpbu_li_wrap, .cpbu_li:nth-child(4) .cpbu_li_wrap { padding-left: 240px; padding-right: 44px !important; } .cpbu_li_wrap_tit p { -webkit-line-clamp: 100 !important; } .he_h1p1bti p { font-size: 22px; } .corpor_manage_tit18 p { font-size: 16px; } .cpbu_li_wrap_info p { line-height: 1.75; -webkit-line-clamp: 100 !important; } .corpor_public .corpor_manage_info { width: 933px; } .corpor_main .he_content .brand_ban_posi_cont { padding-right: 0 !important; } .bbpc_wrap { width: 415px; } /* 鏂板 2023.9.14 end */