body { font-family: Arial, "微软雅黑","PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; } body { overflow: hidden; max-width: 1920px; margin: auto; background: #fff; padding-top: 80px; } .he_logo img{ max-height: 100%;max-width: 100%; } .he_logo a{ align-items: center; display: flex;height: 80px; } @font-face { font-family: "Lato"; src: url("/skin/fonts/lato-regular.woff2") format("woff2"), url("/skin/fonts/lato-regular.woff") format("woff"), url("/skin/fonts/lato-regular.ttf") format("truetype"), url("/skin/fonts/lato-regular.eot") format("embedded-opentype"), url("/skin/fonts/lato-regular.svg") format("svg"); } @font-face { font-family: "HelveticaNeueLTPro-ThEx"; src: url("/skin/fonts/helveticaneueltpro-thex.woff2") format("woff2"), url("/skin/fonts/helveticaneueltpro-thex.woff") format("woff"), url("/skin/fonts/helveticaneueltpro-thex.ttf") format("truetype"), url("/skin/fonts/helveticaneueltpro-thex.eot") format("embedded-opentype"), url("/skin/fonts/helveticaneueltpro-thex.svg") format("svg"); } .he_content { width: 1200px; margin: 0 auto; } .l_cont1400 { width: 1400px; margin: 0 auto; } .g_content { width: 1200px; margin: auto; } .g_comimg { width: 100%; position: relative; overflow: hidden; } .g_comimg img { width: 100%; height: 100%; top: 0; left: 0; transition: all 0.36s ease; } .g_comimg1 { position: relative; } .g_comimg2 { position: absolute; } .g_backgd { width: 100%; position: relative; } .g_backgd img { width: auto; height: 100%; position: relative; top: 0; left: 50%; transform: translateX(-50%); } /* 规范 */ /* 标题 */ .he_tit1 { color: #333; font-size: 48px; line-height: 1.75; } .he_tit2 { color: #b8a892; font-size: 36px; line-height: 1.75; } .he_tit3 { color: #333; font-size: 28px; line-height: 1.75; } .he_tit4 { color: #333; font-size: 24px; line-height: 1.75; } .he_tit5 { color: #333; font-size: 18px; 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_content { width: 1200px; margin: auto; } .yxedr_active p { font-size: 16px; line-height: 28px; color: #666; } .g_comimg { width: 100%; position: relative; overflow: hidden; } .g_comimg img { width: 100%; height: 100%; top: 0; left: 0; transition: all 0.36s ease; } .g_comimg1 { position: relative; } .g_comimg2 { position: absolute; } .g_backgd { width: 100%; position: relative; } .g_backgd img { width: auto; height: 100%; position: relative; top: 0; left: 50%; transform: translateX(-50%); } /*公共 - end*/ /*规范*/ /* 颜色 */ .l_color1 { color: #005bac; } .l_color2 { color: #f39800; } .l_color3 { color: #f6f9fb; } /* 字体 */ .l_tith2_1 { color: #333; font-size: 26px; line-height: 1.5; } .l_tith2_2 { color: #fff; font-size: 34px; line-height: 1.5; } .l_tith3_1 { color: #333; font-size: 20px; line-height: 1.5; } .l_tith3_2 { color: #fff; font-size: 18px; line-height: 1.5; } .l_tith3_3 { color: #005bac; font-size: 24px; line-height: 1.5; } .l_tith4_1 { color: #333; font-size: 26px; line-height: 1.5; } .l_tith4_2 { color: #fff; font-size: 22px; line-height: 1.75; } .l_tith4_3 { color: #005bac; font-size: 24px; line-height: 1.75; } .l_tith5_1 { color: #333; font-size: 20px; line-height: 1.5; } .l_tith5_2 { color: #005bac; font-size: 20px; line-height: 1.5; } .l_tith6_1 { color: #333; font-size: 18px; line-height: 1.75; } .l_tith6_2 { color: #fff; font-size: 18px; line-height: 1.75; } .l_tith6_3 { color: #333; font-size: 18px; line-height: 1.75; } /* 段落 */ .l_dlp1_1 ,.l_dlp1_1 p{ color: #333; font-size: 16px; line-height: 2; margin-bottom: 10px; } .w_d3_toptxt p { color: #666; font-size: 16px; line-height: 2; margin-bottom: 10px; } .l_dlp1_2 { color: #999; font-size: 16px; line-height: 2; margin-bottom: 10px; } .l_dlp1_3 { color: #fff; font-size: 16px; line-height: 2; margin-bottom: 10px; } .l_dlp2_1 { color: #333; font-size: 15px; line-height: 2; } .l_dlp2_2 { color: #999; font-size: 16px; line-height: 2; } .l_dlp2_3 { color: #fff; font-size: 15px; line-height: 2; } /* 按钮 */ .l_button1 { background-color: #005bac; transition: all 0.36s; } .l_button1:hover { background-color: #f39800; } .l_button2t { color: #333; font-size: 16px; transition: all 0.36s; } .l_button2i { width: 23px; height: 13px; display: inline-block; position: relative; top: 2px; margin-left: 16px; } .l_button2i img { width: 100%; transition: all 0.36s; position: absolute; top: 50%; transform: translateY(-50%); } .l_button2i1 { opacity: 0; } .l_button2i2 { opacity: 1; } .l_button2:hover .l_button2t { color: #005bac; } .l_button2:hover .l_button2i1 { opacity: 1; } .l_button2:hover .l_button2i2 { opacity: 0; } .l_button3 { opacity: 0.8; transition: all 0.36s; } .l_button3:hover { opacity: 1; } /* 探索更多样式 */ .l_tsbut { display: inline-block; position: relative; cursor: pointer; } .l_tsk { width: 146px; line-height: 48px; color: #fff; background: #005bac; text-align: center; font-size: 16px; transition: all 0.36s; } .l_tswk { height: 10px; /* border: 1px solid red; */ background: #fff; width: 60px; transform: rotate(98deg); /* margin-top: 28px; */ /* margin-right: 10px; */ position: relative; top: 25px; left: 114px; } .l_tsbut::after { content: ""; width: 7px; height: 48px; background: #005bac; position: absolute; top: 11px; left: 143px; transform: rotate(8deg); transition: all 0.36s; } .l_tsbut:hover .l_tsk { background: #f39800; } .l_tsbut:hover::after { background: #f39800; } /* 间距 */ .l_space_d1 { padding-top: 100px; } .l_space_d2 { padding-top: 140px; } .l_space_d3 { padding-top: 54px; } .l_space_d4 { padding-top: 66px; } .g_word1 { font-size: 30px; line-height: 1.75; letter-spacing: 1px; } .g_word2 { font-size: 24px; line-height: 1.75; letter-spacing: 1px; } .g_word3 { font-size: 18px; line-height: 1.75; letter-spacing: 1px; } .g_word4 { font-size: 16px; line-height: 1.75; letter-spacing: 1px; } .g_word5 { font-size: 14px; line-height: 1.75; color: #999; letter-spacing: 1px; } .g_parp p { color: #666; font-size: 14px; line-height: 1.75; margin-bottom: 10px; letter-spacing: 1px; } /* 手机导航 */ .g_phnav1.yxnav_active1, .g_phnav2.yxnav_active2 { color: #000; } .he_ph_hd { position: fixed; top: 0;width: 100%; left: 0; z-index: 999; display: none; height: 64px; } .he_ph_hd.actm{ background: #fff; } /* .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, 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: 200px; } .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: 2px; background-color: #000; } .he_ph_hd.actm .he_phmenubox .point .nav_btn, .he_ph_hd.actm .he_phmenubox .point .nav_btn::after, .he_ph_hd.actm .he_phmenubox .point .nav_btn::before { background-color: #000; } .he_ph_hd .he_phmenubox .nav_btn { position: absolute; top: 10px; right: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.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 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.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, 0.3); opacity: 0; transition: all 0.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: 0.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: 0.05; background-color: #000; } .xialaph h5 a { font-family: Arial, "微软雅黑","PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; 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: Arial, "微软雅黑","PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; 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 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.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 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.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, 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: Arial, "微软雅黑","PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; 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: Arial, "微软雅黑","PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; 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: Arial, "微软雅黑","PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; font-size: 14px; line-height: 30px; color: #333333; text-align: center; margin: 0px 10px; transition: 0.3s; } .pc_fenye li.activepage { color: #fff; background-color: #005bac; } /* *************************************************************** */ .he_pc { width: 100%; position: relative; } .he_pcbxle { width: 212px; } .he_logo { width: 100%; position: relative; line-height: 80px; } .he_img { width: 100%; position: relative; top: 0; left: 0; } .he_img1 { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .he_logo .he_img1 { height: inherit; top: 0px; opacity: 0; } .he_pc_hd { position: fixed; top: 0; left: 0; width: 100%; padding: 0 60px; z-index: 9999; transition: all 0.36s; } .he_logo img { transition: all 0.36s; } .he_navap { font-size: 16px; line-height: 80px; color: #ffffff; display: block; transition: all 0.36s; position: relative; } .he_navap::after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: 2px; background: #005bac; transition: all 0.36s; opacity: 0; } .he_navli.yxnav_active1 .he_navap::after { width: 100%; opacity: 1; } .he_navli { margin: 0 30px; } .he_nav { padding-right: 18px; } .he_sear { cursor: pointer; margin-right: 44px; } .he_sear .icon-search { color: #fff; font-size: 20px; transition: all 0.36s; line-height: 80px; } .he_langte { width: 21px; position: relative; line-height: 76px; } .he_langte .he_img1 { height: inherit; top: 29px; opacity: 0; } .he_langte img { transition: all 0.36s; } .he_lanri { width: 9px; position: relative; line-height: 80px; margin-left: 9px; } .he_lanri .he_img1 { height: inherit; top: 39px; opacity: 0; } .he_lanri img { transition: all 0.36s; } .he_lange { cursor: pointer; position: relative; } .he_lanbp { position: absolute; background: #fff; padding: 10px 15px; text-align: center; left: 50%; transform: translateX(-50%); top: 65px; display: none; box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.08); } .he_lanbp a { color: #666; line-height: 1.75; display: block; white-space: nowrap; transition: all 0.36s; } .he_banph { display: none; } .he_bansli { position: relative; width: 100%; overflow: hidden; } .he_content { width: 1400px; margin: 0 auto; } .he_banste { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; width: 100%; } .he_banp1 { position: relative; width: 100%; border-bottom: 1px solid rgba(255, 255, 255, 0.4); padding-bottom: 16px; position: relative; } .he_banp1n { font-size: 30px; line-height: 1.75; color: #f39800; font-weight: bold; } .he_bannig video { width: 100%; position: absolute; top: 0; left: 0; z-index: 5; } .he_banp2 { margin-top: 26px; } .he_banp2n { font-size:30px; line-height: 1.75; color: #ffffff; font-weight: bold; } .he_banp3n { font-size: 18px; line-height: 1.75; color: #ffffff; font-family: "Lato" !important; } .he_banp3 { margin-top: 5px; } .he_bante .he_mora { background-image: url(/skin/images/more.png); width: 164px; height: 48px; background-size: 100%; display: block; font-size: 16px; color: #fff; line-height: 48px; padding-left: 42px; /* transition: all 0.36s; */ } .he_banmo { margin-top: 68px; } .he_bansul .slick-dots { top: 50%; transform: translateY(-50%); bottom: inherit; width: auto; left: 0; } .he_bansul .slick-dots li { display: block; margin: 12px 0; width: 20px; height: 2px; background: rgba(255, 255, 255, 0.7); border: none; border-radius: 0; } .he_bansul .slick-dots li.slick-active { background: #f39800; width: 80px; } .he_banner { position: relative; } .he_banqh { position: absolute; top: 39.6%; transform: translateY(-50%); right: 13.5%; z-index: 11; } .he_banqgri { margin-top: 38px; } .he_banqg { cursor: pointer; } .he_sypiswite p { font-size: 28px; line-height: 46px; color: #333333; font-weight: bold; } .he_fot { background: #2e3033; } .he_sypiswig { width: 45px; margin-top: 10px; } .he_sypiswig img { width: 100%; } .he_sypiswite { margin-left: 9px; } .he_syp2tile { width: 50%; } .he_syp2tiri { width: 50%; } .he_syp2thj { font-size: 16px; line-height: 1.75; color:#333; text-align: right; } .he_syp2 { padding-top: 80px; } .he_zhsdoli { width: 250px; height: 1px; background: #e1e6eb; margin-right: 80px; position: relative; } .he_zhsdny { position: absolute; width: 24px; height: 24px; right: -54px; transition: all 0.36s; top: 50%; transform: translateY(-50%); } .he_zhsdny::before { content: ""; position: absolute; width: 12px; height: 12px; border-radius: 50%; background: #e1e6eb; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.36s; } .he_zhsdny::after { content: ""; position: absolute; width: 24px; height: 24px; background: rgba(0, 91, 172, 0.2); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; transition: all 0.36s; opacity: 0; } .he_zhsdole { transform: translateX(-26%); margin-top: 25px; } .he_zhsdor { margin-top: 25px; } .he_zhsgt { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; box-shadow: 0px 5px 18px 0 rgba(0, 0, 0, 0.06); cursor: pointer; } .he_zhsgtri { margin-left: 34px; } .he_syp2ny { width: 100%; position: relative; margin-top: 165px; padding-left: 4.3%; } .he_syp2ig { width: 100%; } .he_syp2ig img { width: 100%; } .he_syp2ny .he_content { position: absolute; transform: translateX(-50%); left: 50%; top: -38px; z-index: 10; } .he_syp2nbkc { width: 100%; position: relative; } .he_syp2nle { width: 840px; } .he_syp2nri { width: calc(100% - 840px); text-align: right; transform: translateY(-50px); } .he_syp2tyri { width: 139px; height: 139px; position: absolute; bottom: -90px; right: 0; background: rgba(0, 0, 0, 0.16); } .he_syp2tyri img { width: 34px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .he_syp2tyle { width: calc(100% - 139px); position: relative; } .he_syp2nle::after { content: ""; position: absolute; top: 0; left: -18.5%; top: -96px; width: 1100px; height: 530px; background: rgba(0, 91, 172, 0.94); } .he_syp2nlji { position: relative; z-index: 10; } .he_syp2k1 p { color: #fff; height: 52px; overflow: hidden; } .he_syp2k2 p { font-size: 16px; line-height: 32px; color: #fff; max-height: 96px; overflow: hidden; } .he_syp2k2 { margin-top: 44px; } .he_syp2nlp1 p { font-size: 16px; line-height: 32px; color: #fff; } .he_syp2nlp2 p { color: #fff; font-weight: normal; } .he_syp2nul { margin-top: 67px; } .he_syp2nli { margin-right: 150px; } .he_syp2nli:last-child { margin-right: 0; } .he_syp2nlji a { display: block; } .he_syp2nri p { font-size: 160px; line-height: 168px; color: #005bac; font-family: Arial, "微软雅黑","PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; font-weight: bold; } .he_syp2nykjg { position: relative; width: 100%; } .he_syp3 { width: 100%; position: relative; padding: 0px 0 70px; } .he_syp3bx { width: 100%; position: relative; } .he_syp3tip { margin-top: 7px; } .he_syp3tip p { color: #333; } .he_syp3tili p { font-size: 14px; line-height: 30px; padding: 0 26px; color: #666666; transition: all 0.36s; cursor: pointer; } .he_syp3tili.act p { color: #fff; background: #005bac; } .he_syp3tili { margin-left: 16px; } .he_syp3tiri { margin-top: 40px; } .he_syp3ble { width: 516px; background: #f5f5f5; overflow: hidden; } .he_syp3ble a { display: block; padding: 42px 62px 58px; } .he_syp3bbh { margin-top: 48px; } .he_syp3bti p { font-family: "HelveticaNeueLTPro-ThEx" !important; font-size: 22px; line-height: 1.75; color: #848484; } .he_syp3btp1 p { font-size: 18px; line-height: 26px; color: #333333; height: 26px; overflow: hidden; transition: all 0.36s; } .he_syp3btp2 p { font-size: 14px; line-height: 32px; color: #848484; height: 96px; overflow: hidden; } .he_syp3btp2 { margin-top: 12px; } .he_syp3btp1 { margin-top: 12px; } .he_syp3btig { width: 100%; position: relative; margin-top: 20px; overflow: hidden; } .he_syp3btig img { transition: all 0.36s; } .he_syp3bri { width: calc(100% - 516px); padding-left: 90px; overflow: hidden; } .he_syp3brili { width: 100%; border-top: 1px solid #e9e9e9; } .he_syp3brili:last-child { border-bottom: 1px solid #e9e9e9; } .he_syp3brili a { display: block; padding: 36px 26px; } .he_syp3btpri { width: 75px; text-align: right; } .he_syp3btple { width: calc(100% - 75px); padding-right: 80px; } .he_syp3btple p { font-size: 18px; line-height: 26px; color: #333333; height: 26px; overflow: hidden; padding-left: 23px; position: relative; transition: all 0.36s; } .he_syp3btple p::after { content: ""; position: absolute; top: 10px; left: 0; width: 6px; height: 6px; background: #005bac; border-radius: 50%; } .he_syp3btpri .he_syp3bti p { line-height: 28px; } .he_syp3bdle p { font-size: 16px; line-height: 32px; color: #848484; height: 64px; overflow: hidden; padding-left: 23px; } .he_syp3bdle { width: calc(100% - 75px); padding-right: 80px; } .he_syp3bdri { border-left: 2px solid #dddddd; position: relative; padding-left: 23px; margin-top: 26px; } .he_syp3bdri .he_img1 { height: inherit; top: 2px; opacity: 0; } .he_syp3bdhu { width: 100%; position: relative; } .he_syp3bdhu img { transition: all 0.36s; } .he_syp3bdp { margin-top: 10px; } .he_syp3bmole p { font-size: 16px; line-height: 30px; color: #333; transition: all 0.36s; } .he_syp3bmole { padding-right: 15px; } .he_syp3bmori { width: 23px; position: relative; } .he_syp3bmori { line-height: 30px; } .he_syp3bmori .he_img1 { height: inherit; top: 10px; opacity: 0; } .he_syp3bmori img { transition: all 0.36s; } .he_syp3bmoni { display: inline-block; } .he_syp3bmo { text-align: center; margin-top: 46px; } .he_syp3bbhgf { display: none; } .he_syp3bbhgf:first-child { display: block; } .he_syp4 { margin-top: 86px; position: relative; } .he_syp4tp { width: 100%; position: relative; } .he_syp4tproi { width: 466px; position: absolute; top: 0; right: 0; height: 100%; background: #f5f5f5; } .he_syp4tproi a { padding: 100px 90px 60px 80px; display: block; } .he_syp4tple { width: calc(100% - 466px); position: relative; } .he_syp4tpnig img { width: 100%; } .he_syp4tpal { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 51px; cursor: pointer; } .he_syp4tpal img { width: 100%; } .he_syp4tproi .he_syp3tip p { text-align: left; } .he_syp4tpk1 p { font-size: 16px; line-height: 32px; color: #333; letter-spacing: 1px; max-height: 160px; overflow: hidden; } .he_syp4mo { margin-top: 100px; } .he_syp4tpk1 { margin-top: 28px; } .he_syp4bj { width: 100%; height: 664px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: -1; } .he_syp4bj img { width: auto; height: 100%; position: relative; top: 0; left: 50%; transform: translateX(-50%); } .he_syp4dp { width: 100%; position: relative; padding-top: 105px; padding-bottom: 118px; } .he_syp4dnk p { font-size: 16px; line-height: 32px; color: #ffffff; } .he_syp4dnk p span { font-size: 46px; line-height: 66px; color: #ffffff; font-weight: bold; font-family: Arial !important; padding-right: 10px; } .he_syp4dnk1 { text-align: center; margin-top: 12px; } .he_syp4dpli:last-child { margin-right: 0; } /* .he_syp4dpli { margin-right: 180px; } */ .he_syp4dpli1 .he_sypshe { width: 20px; line-height: 56px; margin-left: 15px; margin-right: 15px; } .he_sypshe img { width: 100%; } .he_syp4dpli1 .he_syp4dnk p { float: left; } .he_syp4dpli1 .he_sypshe1 { font-size: 24px; font-weight: bold; line-height: 32px; color: #ffffff; font-family: Arial !important; margin-top: 22px; } .he_syp6bxuig { position: relative; width: 100%; } .he_fotbx { width: 100%; position: relative; } .he_foton { padding-top: 74px; padding-bottom: 80px; } .he_fotonri { width: 228px; } .he_fotonle { width: calc(100% - 228px); } .he_fotopul { width: 100%; } .he_fotti { margin-bottom: 16px; } .he_fotopli { width: 100%; margin-bottom: 9px; } .he_fotti p { font-size: 16px; line-height: 1.75; color: #ffffff; } .he_fotopig { width: 14px; line-height: 24px; } .he_fotopig img { width: 100%; } .he_fotopte p { font-size: 14px; line-height: 28px; color: rgba(255, 255, 255, 0.5); } .he_fotopte { width: calc(100% - 14px); padding-left: 14px; } .he_fotogli { width: 20%; padding-right: 10px; } .he_fotofra a { font-size: 14px; line-height: 36px; color: rgba(255, 255, 255, 0.5); transition: all 0.36s; } .he_fotogli .he_fotti p { display: inline-block; } .he_fotupju { padding: 35px 0; width: 100%; } .he_fotuploul { width: 292px; } .he_fotuploli { width: 59px; display: inline-block; } .he_fotuploli:first-child { width: 129px; position: relative; margin-right: 50px; } .he_fotuploli img { width: 100%; } .he_fotuploli:first-child::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -30px; width: 1px; height: 25px; background: #50555b; } .he_fotup { border-top: 1px solid rgba(255, 255, 255, 0.06); } .he_fotuplop p { font-size: 16px; line-height: 30px; color: rgba(255, 255, 255, 0.2); display: inline-block; } .he_fotuplop p a { color: rgba(255, 255, 255, 0.2); } /* .he_power { font-size: 16px; line-height: 30px; color: rgba(255, 255, 255, 0.06); display: inline-block; padding-left: 26px; } */ .he_power { color: rgba(255, 255, 255, 0.06) !important; padding-left: 26px; } .he_fotupig { width: 36px; height: 36px; border: 1px solid #959697; border-radius: 50%; position: relative; cursor: pointer; transition: all 0.36s; } .he_fotupig img { width: 16px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.36s; } .he_hide { opacity: 0; } .he_show { opacity: 1; } .he_fotupfxli { position: relative; margin-left: 19px; } .he_fotupcd { width: 92px; position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%); display: none; } .he_fotupcd img { width: 100%; } .he_codeig { position: absolute; top: 0; left: 0; width: 100%; padding: 8px; } @keyframes donghua { from { transform: translateX(0); } to { transform: translateX(-100%); } } @keyframes donghua1 { from { transform: translateX(-100%); } to { transform: translateX(0); } } .he_syp6bxulh { width: 10000px; } .he_syp6bxulh1 { margin-bottom: 22px; } .he_syp6 { padding-bottom: 105px; } .he_syp6bxulo { animation: donghua 50s linear infinite; } .he_syp6bxulo2 { transform: translateX(100%); /* position: absolute; */ left: 0; top: 0; } .he_syp6bxulo1 { position: relative; left: 0; top: 0; } .he_syp6bxuli { width: 154px; position: relative; margin: 0 42px; } .he_syp6te p { font-size: 16px; line-height: 32px; color: #999999; text-align: center; height: 32px; overflow: hidden; } .he_syp5 { padding-bottom: 115px; padding-top: 90px; } .he_syp6te { margin-top: 14px; } .he_pc_hd.act { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .he_pc_hd.act .he_img { opacity: 0; } .he_pc_hd.act .he_img1 { opacity: 1; } .he_navli.yxnav_active1 a { color: #005bac !important; } .he_nybx .he_pc_hd { /*background: #fff;*/ } .he_nybx .he_pc_hd .he_img { opacity: 0; } .he_nybx .he_pc_hd .he_img1 { opacity: 1; } .he_nybx .he_pc_hd .he_navap { color: #fff; } .he_nybx .he_pc_hd.act .he_navap { color: #333; } .he_nybx .he_navli.yxnav_active1 a { color: #005bac !important; } .he_nybx .he_pc_hd .he_sear .icon-search { color: #fff; } .he_nybx .he_pc_hd.act .he_sear .icon-search { color: #333; } .he_nybx .he_banner { margin-top: 0px; } .he_banner1 .he_banp2 { margin-top: 0; } .he_nybanp p { font-size: 16px; line-height: 32px; color: #ffffff; white-space: nowrap; } .he_nybanp { border-top: 1px solid rgba(255, 255, 255, 0.26); padding-top: 20px; margin-top: 20px; } .he_ban1bx { width: 460px; } .he_navpu { width: 100%; position: relative; } .he_navcul { width: 100%; position: relative; background: #f5f8fa; } .he_navculi { width: 20%; text-align: center; } .he_navculi a { font-size: 16px; line-height: 72px; color: #333333; height: 72px; overflow: hidden; display: block; transition: all 0.36s; padding: 0 5px; border-right: 1px solid #ebeced; } .he_navculi:last-child a { border-right: none; } .he_navculi.yxnav_active2 a { background: #005bac; color: #fff; } .he_navpu { margin-top: -70px; } .he_mianb { width: 100%; padding-top: 25px; } .he_indeig { width: 14px; } .he_mianbli a { font-size: 14px; color: #bbbbbb; transition: all 0.36s; padding-left: 5px; line-height: 24px; } .he_mianbli { font-size: 14px; color: #bbbbbb; transition: all 0.36s; } .he_mianbli:first-child a { padding-left: 0; line-height: 22px; /*margin-right: 10px;*/ } .he_b4p1 { width: 100%; position: relative; padding-top: 50px; } .he_b4p1bx { width: 100%; position: relative; } .he_b4p1bri { width: 574px; } .he_b4p1ble { width: calc(100% - 574px); padding-right: 98px; } .he_b4p1bri img { width: 100%; } .he_b4p1ble { position: absolute; top: 50%; transform: translateY(-50%); left: 0; } .he_b4p1weti p { font-size: 16px; line-height: 32px; color: #666666; max-height: 160px; overflow: hidden; } .he_b4p1weti { margin-top: 38px; } .he_b4p2 { width: 100%; position: relative; } .he_b4p2bx { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; padding: 98px 0 92px; overflow: hidden; } .he_b4p2bj { height: 690px; width: 100%; position: relative; } .he_b4p2bj img { width: auto; height: 100%; position: relative; top: 0; left: 50%; transform: translateX(-50%); } .he_b4p2bxtp { width: 100%; position: relative; } .he_b4p2bxtp .he_sypiswite p { color: #ffffff; } .he_b4p2btle { width: 515px; } .he_b4p2btri { width: calc(100% - 515px); } .he_b4p2btri p { font-size: 16px; line-height: 32px; color: #fff; height: 64px; overflow: hidden; } .he_b4p2bxli { position: relative; width: 20%; background: #f6f9fb; padding: 60px 30px 60px; height: 280px; transition: all 0.36s; } .he_b4p2bxli::after { content: ""; position: absolute; width: 26px; height: 2px; background: #f39800; left: 50%; transform: translateX(-50%); bottom: 59px; transition: all 0.36s; } .he_b4p2bic { width: 46px; margin: 0 auto; } .he_b4p2bic img { width: 100%; } .he_b4p2bti p { font-size: 18px; line-height: 32px; height: 32px; overflow: hidden; color: #333333; text-align: center; transition: all 0.36s; } .he_b4p2bti { margin-top: 18px; } .he_b4p2bthu p { font-size: 16px; line-height: 32px; color: #666666; text-align: center; height: 64px; overflow: hidden; } .he_b4p2bthu { margin-top: 18px; opacity: 0; transition: all 0.36s; } .he_b4p2tig { width: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.36s; } .he_b4p2tig img { width: 100%; } .he_b4p2tvc { position: relative; z-index: 10; } .he_b4p2bxli.act { transform: scale(1.27); z-index: 10; box-shadow: 0px 5px 35px 8px rgba(0, 0, 0, 0.38); } .he_b4p2bxli.act .he_b4p2tig { opacity: 1; } .he_b4p2bxli.act .he_b4p2bthu { opacity: 1; } .he_b4p2bxli.act::after { opacity: 0; } /* .he_b4p2bxli.act .he_b4p2bti p { font-size: 24px; } */ .he_b4p2bxbt { padding-top: 100px; } .he_b4p3 { width: 100%; position: relative; padding-top: 84px; padding-bottom: 92px; } .he_b4p3bx { width: 100%; position: relative; } .he_b4p3ul { width: 100%; padding-left: 13.8%; } .he_d1p2bx .swiper-slide { flex-shrink: 0; width: 30%; padding: 0 64px; border-right: 1px solid #eeeeee; position: relative; } .he_d1p2bx { margin-top: 70px; position: relative; } .he_swipetim p { font-size: 48px; line-height: 58px; font-weight: bold; color: #005bac; font-family: Arial !important; } .he_swipep p { font-size: 16px; line-height: 32px; color: #333333; font-weight: bold; height: 32px; overflow: hidden; } .he_swipep1 p { font-size: 16px; line-height: 32px; color: #999999; height: 96px; overflow: hidden; } .he_swipep1 { margin-top: 15px; } .he_b4p3uhu { width: 100%; position: relative; margin-top: 50px; } .swiper-slide.swiper-slide-active { padding-left: 0; width: 26.2%; } .he_d1p2bx .swiper-slide-prev { opacity: 0; transition: all 0.36s; } .he_swipep { margin-top: 20px; } .he_scbar { position: absolute; width: 100%; } .he_scbar .swiper-scrollbar-drag { height: 2px; background: #005bac; top: 0px; } .he_b4p3ul .swiper-wrapper { padding-bottom: 66px; } .he_b4p3ul .swiper-container { padding-bottom: 10px; } .he_syp2pnle { width: 60px; height: 60px; box-shadow: 0 5px 10px rgb(0, 0, 0, 0.2); border-radius: 50%; position: absolute; top: 30%; transform: translateY(-50%); z-index: 10; background: #fff; outline: none; opacity: 0; transition: all 0.36s; } .he_syp2pnle img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .he_syp2let.swiper-button-disabled { opacity: 0 !important; } .he_syp2rit.swiper-button-disabled { opacity: 0 !important; } .he_syp2let { right: 106px; } .he_syp2rit { left: 0; } .he_b4p4 { position: relative; width: 100%; background: #f6f9fb; padding-top: 84px; padding-bottom: 76px; } .he_b4p4bx { width: 100%; position: relative; } .he_b4p4le { width: 250px; } .he_b4p4ri { width: calc(100% - 250px); padding-left: 75px; margin-top: 38px; } .he_b4p4tab { width: 100%; position: relative; background: rgba(255, 255, 255, 0.6); margin-top: 55px; } .he_b4p4tali p { width: 100%; font-size: 16px; line-height: 60px; text-align: center; cursor: pointer; transition: all 0.36s; position: relative; } .he_b4p4tali p::after { content: ""; position: absolute; top: 0; left: 0; width: 3px; height: 100%; background: #f39800; opacity: 0; transition: all 0.36s; } .he_b4p4tali.act { background: #fff; color: #f39800; } .he_b4p4tali.act p::after { opacity: 1; } .he_b4p4igli { width: 100%; display: none; } .he_b4p4igli:first-child { display: block; } .he_b4p4igli img { width: 100%; } .he_b4p5 { width: 100%; position: relative; padding-top: 164px; padding-bottom: 106px; } .he_b4p5bx { position: relative; width: 100%; } .he_b4p5bri { width: 666px; padding-right: 162px; padding-top: 60px; position: relative; } .he_b4p5ble { width: calc(100% - 666px); padding-right: 23%; } .he_b4p5big1 { width: 100%; position: relative; } .he_b4p5big2 { width: 162px; position: absolute; top: -101px; right: 0; } .he_b4p5tip1 p { font-size: 18px; line-height: 36px; color: #333333; font-weight: bold; } .he_b4p5tip1 p span { margin-right: 18px; } .he_b4p5tip1 { border-bottom: 1px solid #eeeeee; padding-bottom: 22px; margin-top: 66px; } .he_b4p5tip2 { margin-top: 24px; } .he_b4p5tip2 p { font-size: 18px; line-height: 36px; color: #666666; margin-bottom: 10px; } .he_b4p5terp p { font-size: 200px; line-height: 208px; color: #f7f7f7; } .he_b4p5terp { position: absolute; bottom: -67px; left: 35%; transform: translateX(-50%); z-index: -1; } .he_syp1 { position: relative; padding-top: 118px; padding-bottom: 307px; } .he_syp1::after { content: ""; position: absolute; top: 0; right: 0; width: 31.8%; background: #f3f6f9; height: 100%; z-index: -1; } .he_syp1bx { position: relative; width: 100%; } .he_syp1le, .he_syp1ri { width: 50%; position: relative; } .he_syp1tip1 p { font-size: 16px; line-height: 36px; } .he_syp1tip1 { margin-top: 7px; } .he_syp1ley1 p { font-size: 22px; line-height: 1.75; color: #333333; font-weight: bold; } .he_syp1ley2 p { font-size: 16px; line-height: 32px; } .he_syp1le { padding-right: 138px; } .he_syp1ri { padding-left: 59px; padding-right: 130px; } .he_syp1ley2 { margin-top: 16px; } .he_syp1leul { margin-top: 70px; } .he_syp2mo .he_bante .he_mora { background-image: url(/skin/images/more1.png); } .he_syp2mo { margin-top: 102px; } .he_syp1rig { width: 100%; position: relative; margin-top: 142px; } .he_syp1rigli { width: 100%; position: relative; display: none; } .he_syp1rigli:last-child { display: block; } .he_syp1qua { position: absolute; top: -25px; right: 0; width: 100%; /* padding-left: 29px; */ } .he_syp1leslk { width: 100%; display: none; } .he_syp1leslk:first-child { display: block; } .he_syp1qsli { width: 98px; height: 98px; border-radius: 50%; border: 1px solid rgba(11, 98, 176, 0.2); position: relative; padding: 5px; cursor: pointer; position: absolute; } .he_syp1qvt { width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgba(11, 98, 176, 0.2); position: relative; transition: all 0.36s; } .he_syp1qvt img { width: 36px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.36s; } .he_syp1qvt .he_img1 { opacity: 0; } .he_syp1qsli1 { top: -38px; left: 50%; transform: translateX(-50%); } .he_syp1qsli2 { top: 50%; transform: translateY(-50%); right: -43px; } .he_zhsgt img { width: 100%; } .he_syp1qsli3 { bottom: -38px; left: 50%; transform: translateX(-50%); } .he_syp1qsli.act .he_syp1qvt { background: #005bac; } .he_syp1qsli.act .he_syp1qvt .he_img { opacity: 0; } .he_syp1qsli.act .he_syp1qvt .he_img1 { opacity: 1; } .he_syp1qvt .he_img1 { height: auto !important; width: 36px !important; } .he_syp1qsli svg { position: absolute; top: 0; left: 0; width: 96px; height: 96px; opacity: 0; } .he_syp1qsli.act svg { opacity: 1; } .he_syp1qsli.act .circle { stroke-dasharray: 300, 300; -webkit-animation: 3s svgcircle linear; animation: 3s svgcircle linear; } @-webkit-keyframes svgcircle { 0% { stroke-dashoffset: 300; } 100% { stroke-dashoffset: 0; } } @keyframes svgcircle { 0% { stroke-dashoffset: 300; } 100% { stroke-dashoffset: 0; } } .he_syp1leul .slick-dots li { width: 30px; height: 4px; border-radius: inherit; border: none; background: #bcbcbc; } .he_syp1leul .slick-dots li.slick-active { background: #005bac; } .he_syp1leul .slick-dots { position: absolute; bottom: -145px; left: 35%; text-align: right; z-index: 10; } .he_sysvg { width: 100%; position: relative; } .he_tent { width: 1200px; position: relative; margin: 0 auto; } .he_sysvbx { width: 100%; position: relative; } .he_svgimg { width: 100%; } .he_svgimg img { width: 100%; } .he_syshz { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; } .st3 { fill: none; stroke-width: 0.25px; stroke-miterlimit: 10; stroke-dashoffset: 385px; stroke-dasharray: 385px; animation: animation-line 8s ease-in; animation-fill-mode: forwards; animation-iteration-count: infinite; } .st9 { stroke-dashoffset: 700px; stroke-dasharray: 700px; animation: animation-line1 8s ease-in; animation-fill-mode: forwards; animation-iteration-count: infinite; } .st10 { stroke-dashoffset: 600px; stroke-dasharray: 600px; animation: animation-line1 8s ease-in; animation-fill-mode: forwards; animation-iteration-count: infinite; } .st8 { stroke-dashoffset: 700px; stroke-dasharray: 700px; animation: animation-line1 8s ease-in; animation-fill-mode: forwards; animation-iteration-count: infinite; } .map-line--1 { animation-delay: 0.46s; } .map-line--2 { animation-delay: 0.86s; } .map-line--3 { animation-delay: 1.46s; } .map-line--4 { animation-delay: 1.94s; } .map-line--5 { animation-delay: 2.46s; } .map-line--6 { animation-delay: 2.86s; } .map-line--7 { animation-delay: 3.26s; } @keyframes animation-line { 0% { stroke-dashoffset: 385px; } 14.28571% { stroke-dashoffset: 0px; } 61.42857% { stroke-dashoffset: 0px; } 85.71429% { stroke-dashoffset: -385px; } to { stroke-dashoffset: -385px; } } @keyframes animation-line1 { 0% { stroke-dashoffset: 700px; } 14.28571% { stroke-dashoffset: 0px; } 61.42857% { stroke-dashoffset: 0px; } 85.71429% { stroke-dashoffset: -700px; } to { stroke-dashoffset: -700px; } } .mc_search_xl { position: fixed; left: 0; top: 80px; 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%; } /* 分页 */ .mc_fybtn { padding: 0 15px; } .mc_pcfy a { float: left; } .mc_fybtn a { font-family:Arial, "微软雅黑","PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; font-size: 14px; color: #333; } .mc_phfy { display: none; } .mc_phfy .lp { float: left; } .mc_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: 36px; height: 36px; border: 1px solid transparent; font-family:Arial, "微软雅黑","PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; font-size: 14px; line-height: 36px; color: #333333; text-align: center; margin: 0px 10px; /* border-radius: 3px; */ transition: 0.3s; } .mc_aside_zk { display: block; position: absolute; right: 0; top: 0; z-index: 5; height: 100%; font-size: 16px; line-height: 40px; font-weight: bold; color: #fff; background: inherit; padding: 7px 25px; white-space: nowrap; transform: translateX(100%); transition: all 0.6s; } .mc_aside_zk .mc_icon { width: 18px; height: 18px; margin-right: 10px; } .mc_aside_zk span { white-space: nowrap; /* float: left; */ } .mc_icon_tel { background: url(/skin/images/cenav02.png) center / cover no-repeat; display: inline-block; } .he_cenavli3 .mc_icon_tel { background: url(/skin/images/cenav03.png) center / cover no-repeat; } .mc_aside_zk span { white-space: nowrap; vertical-align: middle; } .mc_aside_zk1 { position: absolute; right: 0; top: 0; transform: translateX(100%); z-index: -1; background: inherit; padding: 20px 25px; opacity: 0; pointer-events: none; transition: all 0.6s; } .mc_aside_qrimgbox { width: 100px; } .mc_aside_qrimgbox img { width: 100%; } .mc_videom_close { font-family: Arial, "微软雅黑","PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, 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: 99999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.84); } .he_cenav { position: fixed; top: 50%; transform: translateY(-50%); right: -100px; transition: all 0.36s; z-index: 999; } .he_cenavli { width: 58px; height: 58px; background: #333333; text-align: center; padding: 18px 8px; position: relative; cursor: pointer; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .he_cenavli1 { background: #0068c5; transition: all 0.36s; } .he_cenavli1 .mc_aside_zk1 { background: #00479d; } .he_cenavig { width: 18px; display: inline-block; } .he_cenavig img { width: 100%; } .he_cenavte p { font-size: 14px; line-height: 28px; color: #eaeaea; } .he_cenav.he_show { right: 0; } .he_cenavli4 .he_cenavig { width: 35px; margin-top: 4px; } .he_cenavli4 { background: #a6a8aa; height: 30px; padding: 4px 8px; } .icon-search.act::before { content: "\e625" !important; } .icon-search { transition: all 0.36s; } .he_slidow { position: fixed; top: 80px; left: 0; width: 100%; background: #fff; padding: 60px 58px; display: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .he_slidole { width: 455px; padding-right: 180px; } .he_slidori { width: calc(100% - 455px); } .he_slidolpo p { font-size: 16px; line-height: 32px; color: #333333; height: 96px; overflow: hidden; } .he_slidbx { width: 100%; position: relative; } .he_slidmo .he_bante .he_mora { background-image: url(/skin/images/more1.png); color: #fff !important; } .he_slidmo { margin-top: 40px; } .he_slidolpo { margin-top: 20px; } .he_slidoeri { width: 400px; position: relative; } .he_slidoede { width: 100%; position: relative; } .he_slipt p { font-size: 16px; line-height: 32px; color: #666666; transition: all 0.36s; } .he_slidoedli { width: 245px; } .he_sliptig { width: 18px; position: relative; line-height: 32px; } .he_sliptig img { transition: all 0.36s; opacity: 1 !important; } .he_sliptig .he_img1 { height: inherit; top: 12px; opacity: 0 !important; } .he_slipt { width: calc(100% - 18px); } .he_slidoedli { margin-bottom: 12px; } .he_slidoele { margin-top: 15px; } .he_slidfy { display: none; } .he_slidfy:first-child { display: block; } .he_zhsdoli::after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 1px; background: #005bac; opacity: 0; transition: all 0.36s; } .he_zhsdoli.on::after { animation: xian 2s ease normal forwards; -webkit-animation: xian 2s ease normal forwards; animation-iteration-count: 1; } @keyframes xian { from { width: 0; opacity: 0; } to { width: 100%; opacity: 1; } } .he_zhsdoli.on .he_zhsdny::before { animation: quan 0.5s ease normal forwards; -webkit-animation: quan 0.5s ease normal forwards; animation-iteration-count: 1; animation-delay: 1.8s; } .he_zhsdoli.on .he_zhsdny::after { animation: quan1 0.5s ease normal forwards; -webkit-animation: quan1 0.5s ease normal forwards; animation-iteration-count: 1; animation-delay: 1.8s; } @keyframes quan { from { background: #e1e6eb; } to { background: #005bac; } } @keyframes quan1 { from { background: rgba(0, 91, 172, 0.2); opacity: 0; } to { background: #ccdeee; opacity: 1; } } /* e3 start*/ .l_titimg { margin-right: 20px; position: relative; top: 15px; width: 44px; } .l_titimg img { width: 100%; } .l_titles_1 { position: relative; padding-left: 56px; } .l_tith4_1::before { content: ""; width: 23px; height: 2px; background-color: #f39800; position: absolute; bottom: 15px; left: 0; } .l_e3box1 { padding-top: 16px; padding-bottom: 80px; } .l_e3box1_nr { position: relative; } .l_e3box1_r { width: 584px; line-height: 584px; text-align: center; position: relative; } .l_e3box1is1 { position: relative; top: 116px; display: inline-block; } .l_e3box1i { width: 352px; position: relative; border-radius: 50%; overflow: hidden; display: inline-block; } .l_e3box1i img { width: 100%; height: 100%; } .l_e3box1i1 { position: relative; top: 0; left: 0; z-index: 1; } .l_e3box1i2 { position: absolute; top: 0; left: 0; z-index: 2; } .l_e3box1is::after { content: ""; width: 377px; height: 377px; border-radius: 50%; background-color: transparent; border: 1px solid #f4f4f4; position: absolute; top: -13px; left: -13px; opacity: 0.7; } .l_e3box1is::before { content: ""; width: 480px; height: 480px; border-radius: 50%; background-color: transparent; border: 1px solid #f4f4f4; position: absolute; top: -64px; left: -64px; opacity: 1; } .l_e3box1_r::after { content: ""; width: 584px; height: 584px; border-radius: 50%; background-color: transparent; border: 1px solid #f4f4f4; position: absolute; top: 0; left: 0; opacity: 0.5; } .l_e3box1_l { width: calc(100% - 584px); padding-right: 60px; /* position: absolute; top: 50%; left: 0; transform: translateY(-50%); */ margin-top: 36px; } .l_e3tit6 h6 { font-weight: bold; } .l_e3box1ul { width: 568px; } .l_e3box1lis { padding: 20px 0 30px; padding-left: 12px; color: #666; font-size: 16px; line-height: 1.75; position: relative; border-bottom: 1px solid #eee; } .l_e3box1lis::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: #f39800; position: absolute; top: 40px; left: 0; } .l_e3box1lis span { font-size: 30px; font-weight: bold; } .l_e3box1lis:last-child { border-bottom: none; } .l_e3box1_txt1 { padding-bottom: 50px; } .l_e3box2 { background-color: #f5f8fa; } .l_e3box2 { padding: 110px 0; } .l_e3box2ul { margin: 0 -16px; } .l_e3box2li { width: 25%; padding: 0 16px; text-align: center; } .l_e3box2li a { display: block; } .l_e3box2_lis { padding: 52px 72px 76px; border-bottom: 4px solid #d3d3d3; background-color: #fff; transition: all 0.36s; position: relative; } .l_e3box2img { width: 100%; position: relative; border-radius: 50%; overflow: hidden; } .l_e3box2img img { width: 100%; height: 100%; } .l_e3box2img1 { position: relative; top: 0; left: 0; z-index: 1; } .l_e3box2img2 { position: absolute; top: 0; left: 0; z-index: 2; } .l_e3box2mt { color: #999; font-size: 14px; line-height: 1.75; transition: all 0.36s; } .l_e3box2mi { width: 18px; height: 10px; display: inline-block; position: relative; top: 7px; } .l_e3box2mi img { width: 100%; transition: all 0.36s; position: absolute; top: 50%; transform: translateY(-50%); } .l_e3box2mi1 { opacity: 0; } .l_e3box2mi2 { opacity: 1; } .l_e3box2_name { padding-top: 36px; padding-bottom: 6px; } .l_e3box2_name h3 { font-weight: bold; transition: all 0.36s; } .l_e3box2p p { transition: all 0.36s; height: 64px; overflow: hidden; } .l_e3box2ms { display: inline-block; } .l_e3box2m { padding-top: 24px; text-align: center; } .l_e3box2ul .slick-prev { width: 44px; height: 44px; border-radius: 50%; background-image: url(/skin/images/1prev.png); background-size: 100% 100%; left: -46px; box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.06); } .l_e3box2ul .slick-next { width: 44px; height: 44px; border-radius: 50%; background-image: url(/skin/images/1next.png); background-size: 100% 100%; right: -46px; box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.06); } .l_e3box3_l { width: 545px; } .l_e3box3_lim { width: 100%; position: relative; } .l_e3box3_lim img { width: 100%; height: 100%; } .l_e3box3_lim1 { position: relative; top: 0; left: 0; z-index: 1; } .l_e3box3_lim2 { position: absolute; top: 0; left: 0; z-index: 2; } .l_e3box3 { padding: 100px 0; position: relative; } .l_e3box3_nr { position: relative; } .l_e3box3_r { width: calc(100% - 545px); padding-left: 116px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .l_e3box3_rsbot p { height: 192px; overflow: hidden; } .l_e3box3_tit h2 { font-weight: bold; } .l_e3box4 { background-color: #f5f8fa; } .l_e3box4 { padding: 140px 0; /* padding-right: 186px; */ } .l_e3box4_nr p { color: #666; font-size: 16px; line-height: 2; font-weight: bold; margin-bottom: 52px; } .l_e3box4_nr p:last-child { margin-bottom: 0; } .l_e3box5 { padding: 90px 0; } .l_e3box5li { margin-bottom: 40px; } .l_e3box5li_t { position: relative; } .l_e3box5im1 { width: 545px; position: relative; } .l_e3box5im1 img { width: 100%; height: 100%; } .l_e3box5im1_1 { position: relative; top: 0; left: 0; z-index: 1; } .l_e3box5im1_2 { position: absolute; top: 0; left: 0; z-index: 2; } .l_e3box5txt1 { width: calc(100% - 545px); padding-right: 120px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .l_e3box5li_t.on { padding-top: 70px; position: relative; } .l_e3box5li_t.on .l_e3box5txt1 { right: 0; left: inherit; padding-right: 0; padding-left: 98px; } .l_e3_tc { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.7); display: none; z-index: 999; } .l_e3tc_window { position: absolute; width: 682px; left: 50%; top: 50%; transform: translate(-50%, -50%); } .l_e3tcimg { width: 164px; border-radius: 50%; overflow: hidden; position: relative; } .l_e3tcimg img { width: 100%; height: 100%; } .l_e3tcimg1 { position: relative; top: 0; left: 0; z-index: 1; } .l_e3tcimg2 { position: absolute; top: 0; left: 0; z-index: 2; } .l_e2tc_name { color: #333; font-size: 30px; line-height: 1.75; font-weight: bold; } .l_e3tc_ip { color: #999; font-size: 14px; line-height: 1.75; } .l_e3tc_tr { padding-left: 45px; position: relative; top: 58px; } .l_e3tc_cont { padding: 60px 70px; background-color: #fff; height: 540px; } .l_e3tc_bt { padding-top: 54px; } .l_e3tc_bt p { color: #666; font-size: 16px; line-height: 1.75; } .l_et3_cl { position: absolute; width: 15px; height: 14px; right: 22px; top: 22px; text-align: right; } .l_et3_cl img { width: 100%; cursor: pointer; } /* e3 end*/ /* e5 start */ .l_e5box1 { padding-top: 54px; padding-bottom: 92px; } .l_e5box1i { padding-top: 74px; } .l_e5box1ul { margin: 0 -80px; } .l_e5box1li { width: 25%; padding: 0 80px; border-right: 1px solid #eee; text-align: center; } .l_e5box1li:last-child { border-right: none; } .l_e5box1im img { width: 69px; } .l_e5box1n { margin-top: 25px; margin-bottom: 20px; } .l_e5box1ip p { height: 128px; overflow: hidden; } .l_e5box1n h4 { color: #333; font-size: 24px; line-height: 1.75; } .l_e5box1 { position: relative; } .l_e5box1::after { content: ""; width: 100%; height: 100%; background-image: url(/skin/images/1e5_bg1.jpg); background-size: 100% 100%; position: absolute; left: 0; top: -60px; z-index: -1; opacity: 0.16; } .l_e5box2 { background-color: #f5f8fa; } .l_e5box2 { padding-top: 86px; padding-bottom: 98px; } .l_e5box2_nr { position: relative; } .l_e5box2its { position: relative; } .l_e5box2imgs { width: 600px; } .l_e5box2i { width: 100%; position: relative; } .l_e5box2i img { width: 100%; height: 100%; } .l_e5box2i1 { position: relative; top: 0; left: 0; z-index: 1; } .l_e5box2i2 { position: absolute; top: 0; left: 0; z-index: 2; } .l_e5box2imgs .slick-dots, .l_e5box5imgs .slick-dots { width: auto; right: 32px; bottom: 32px; } .l_e5box2imgs .slick-dots li, .l_e5box5imgs .slick-dots li { width: 6px; height: 6px; border-radius: inherit; background-color: rgba(255, 255, 255, 0.5); border: inherit; } .l_e5box2imgs .slick-dots li.slick-active, .l_e5box5imgs .slick-dots li.slick-active { background-color: rgba(255, 255, 255, 1); } .l_e5box2it h6 { font-weight: bold; } .l_e5box2it { position: absolute; bottom: 32px; left: 32px; z-index: 3; } .l_e5box2_l { width: calc(100% - 600px); padding-right: 126px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .l_e5box2lo { width: 190px; position: relative; } .l_e5box2lo img { width: 100%; height: 100%; } .l_e5box2lo1 { position: relative; top: 0; left: 0; z-index: 1; } .l_e5box2lo2 { position: absolute; top: 0; left: 0; z-index: 2; } .l_e5box2bt { padding-top: 80px; } .l_e5box3li_t { padding-top: 94px; padding-bottom: 75px; border-bottom: 1px solid #eee; } .l_e5box3lip { padding-left: 45px; padding-bottom: 62px; } .l_e5box3lip_l { width: 190px; } .l_e5box3i { width: 100%; position: relative; } .l_e5box3i img { width: 100%; height: 100%; } .l_e5box3i1 { position: relative; top: 0; left: 0; z-index: 1; } .l_e5box3i2 { position: absolute; top: 0; left: 0; z-index: 2; } .l_e5box3lip_r { width: calc(100% - 190px); padding-left: 105px; } .l_e5box3lip_r h4 { font-weight: bold; } .l_e5box3ul1 { margin: 0 -27px; } .l_e5box3li1 { width: 33.333333%; padding: 0 27px; text-align: center; } .l_e5box3xi { width: 100%; position: relative; } .l_e5box3xi img { width: 100%; height: 100%; } .l_e5box3xi1 { position: relative; top: 0; left: 0; z-index: 1; } .l_e5box3xi2 { position: absolute; top: 0; left: 0; z-index: 2; } .l_e5box3xt { padding-top: 26px; } .l_e5box3xt p { color: #333; font-size: 16px; line-height: 1.75; } .l_e5box3ul1 .slick-prev { width: 44px; height: 44px; border-radius: 50%; background-image: url(/skin/images/1prev.png); background-size: 100% 100%; left: -46px; box-shadow: 0px 5px 18px 0px rgb(0 0 0 / 6%); } .l_e5box3ul1 .slick-next { width: 44px; height: 44px; border-radius: 50%; background-image: url(/skin/images/1next.png); background-size: 100% 100%; right: -46px; box-shadow: 0px 5px 18px 0px rgb(0 0 0 / 6%); } .l_e5box3li_bt { padding-top: 70px; padding-bottom: 80px; position: relative; border-bottom: 1px solid #eee; } .l_e5box5imgs { width: 540px; } .l_e5box3lip_ls { width: calc(100% - 540px); padding-right: 96px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .l_e5box3lip2 { padding-top: 14px; } /* e5 end*/ /* b7 start*/ .l_b7box1 { padding-top: 90px; } .l_b7title h2 { font-weight: bold; } .l_b7box1_t { padding-bottom: 160px; } .l_b7box1_bt { position: relative; } .l_b7box1_bt::before { content: ""; position: absolute; left: 0; top: 0; z-index: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); pointer-events: none; } .l_b7box1_bt::after { content: ""; position: absolute; right: 0; top: 0; z-index: 1; width: 40%; height: 100%; background: rgba(229, 229, 229, 0.16); pointer-events: none; } .l_b7box1_btcon { padding: 140px 0; position: relative; } .l_b7box1_time { color: #fff; font-size: 18px; line-height: 1.75; } .l_b7box1_tit { padding-top: 35px; padding-bottom: 28px; } .l_b7box1_tit h3 { font-weight: bold; } .l_b7box1p2 p { height: 160px; overflow: hidden; } .l_b7box1_infos { padding-top: 50px; } .l_b7box1_l { width: 610px; } .l_b7box1_l a { display: block; } .l_b7box1_r a { display: block; } .l_b7box1_r { width: calc(100% - 610px); padding-left: 438px; } .l_b7box1_infot { color: #fff; font-size: 16px; line-height: 1.75; } .l_b7box1_infoi { position: relative; top: 6px; margin-left: 14px; } .l_b7box1_infoi img { width: 23px; } .l_b7box1_time1 { font-size: 16px; color: #fff; line-height: 1.75; } .l_b7box1_time1 span { font-size: 48px; color: #fff; font-weight: bold; } .l_b7box1_r1 { margin-bottom: 42px; } .l_b7tst { color: #fff; line-height: 1.75; font-size: 16px; transition: all 0.36s; opacity: 0.8; } .l_b7tsi { position: relative; top: 6px; margin-left: 14px; } .l_b7tsi img { width: 23px; opacity: 0.8; transition: all 0.36s; } .l_b7ts { padding-top: 35px; } .l_b7box2li { padding: 115px 0; border-bottom: 1px solid #eee; } .l_b7box2li:last-child { border: none; } .l_b7box2li_l { width: 140px; } .l_b7box2li_r { width: calc(100% - 140px); padding-left: 205px; } .l_b7box2li_r span { font-size: 30px; color: #f39800; } .l_b7box2li_l h2 { font-weight: bold; } .l_b7box3 { background-color: #f5f8fa; } .l_b7box3 { padding: 92px 0 102px; } .l_b7box3_nr h2 { font-weight: bold; } .l_b7box3li { margin-bottom: 10px; } .l_b7box3li:last-child { margin-bottom: 0; } .l_b7box3li .downlist { display: block; padding: 25px 60px 24px 42px; background-color: #fff; clear: both; } .l_b7downi { width: 20px; } .l_b7downi img { width: 100%; } .l_b7downt { width: calc(100% - 20px); padding-left: 25px; } .l_b7downt p { color: #333; font-size: 16px; line-height: 1.75; /* height: 28px; */ overflow: hidden; } .l_b7box3_info { color: #999; font-size: 16px; line-height: 1.75; } .l_b7box3_info1 { padding-right: 8px; position: relative; } .l_b7box3_info1::after { content: ""; width: 2px; height: 16px; background-color: #ccc; position: absolute; top: 6px; right: 0; } .l_b7box3_info2 { padding-left: 8px; } .l_b7box3li_r { width: 180px; } .l_b7box3li_l { width: calc(100% - 260px); padding-right: 20px; } .l_b7box3li_r { width: 260px; text-align: right; } .l_b7box3_infos { display: inline-block; } .l_b7box3_info1 { width: calc(100% - 97px); height: 28px; overflow: hidden; } .l_b7box3_info2 { width: 97px; } /* b7 end*/ /* b5 start*/ .l_b5box1_nr { padding-left: 425px; padding-bottom: 94px; } .l_b5box1_nr .l_titles { padding-top: 54px; } .l_b5box1_nr h2 { font-weight: bold; } .l_b5box1p p:last-child { margin-bottom: 0; } .he_b6ym .l_b7box3li a { background: #f5f8fa; } .he_b6ym .l_b7box3li { margin-bottom: 19px; } .l_b5box1p { padding-top: 36px; } .l_b5box1ul { margin: 0 -15px; max-height: 220px; overflow: hidden; } .l_b5box1_wj { padding-top: 80px; } .l_b5box1li { width: 50%; padding: 0 15px; margin-bottom: 26px; } .l_b5box1li a { display: block; padding: 16px 50px; background-color: #f5f8fa; } .l_b5box1_down { width: 30px; } .l_b5box1_down img { width: 100%; } .l_b5box1_txt { width: calc(100% - 30px); padding-left: 40px; position: relative; top: -5px; } .l_b5box1_txt1 { color: #333; font-size: 16px; line-height: 1.75; height: 28px; overflow: hidden; overflow: hidden; } .l_b5box1_txt2 { color: #999; font-size: 14px; line-height: 1.75; height: 24px; overflow: hidden; } /* .l_b5box2ul { max-height: 710px; overflow: hidden; } */ .l_b7box4 { background-color: #005bac; position: relative; } .l_b7box4_nrl { width: 50%; padding: 102px 0 103px; } .l_b7box4 { overflow: hidden; position: relative; } .l_b7box4_nrr { width: 50%; position: absolute; top: 0; right: 0; } .l_b7box4_nrl h2 { color: #fff; font-weight: bold; } .lp a { color: #333; } .rp a { color: #333; } .l_b7box4p { padding-top: 50px; } .l_b7box4p p { color: #fff; font-size: 16px; line-height: 2; margin-bottom: 10px; } .l_b7box3_nrbt { padding-top: 45px; } .l_b7box4hd { padding-top: 48px; } .l_b7box4hd a { display: block; } .l_b7box4_nrrs { position: relative; } .l_b7box4_mapdz { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 16px 22px; } .l_b7box4_mapdz::before { content: ""; position: absolute; bottom: -10px; left: 50%; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #fff; } .l_b7box3_ts a { display: block; } /* b5 end*/ /* b2 start */ .l_b2box1 { padding-top: 76px; position: relative; } .l_b2box1_l { width: calc(100% - 590px); padding-right: 94px; } .he_b2zs { position: absolute; bottom: -264px; left: 0; width: 100%; height: 560px; z-index: -1; } .l_b2box1_r { width: 590px; } .l_b2box2 .l_tith2_1 { position: relative; font-weight: bold; } .l_b2box2 .l_tith2_1::after { content: ""; position: absolute; top: 74px; left: 50%; transform: translateX(-50%); width: 1px; height: 70px; background: #f29700; } .he_b2zs img { position: relative; top: 0; left: 50%; transform: translateX(-50%); } .l_b2box1i { width: 100%; position: relative; cursor: pointer; } .l_b2box1i img { width: 100%; height: 100%; } .l_b2box1i1 { position: relative; top: 0; left: 0; z-index: 1; } .l_b2box1i2 { position: absolute; top: 0; left: 0; z-index: 2; } .l_spbut { z-index: 3; width: 100%; text-align: center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.36s; } .l_spbut img { width: 51px; cursor: pointer; } .l_b2box2 { padding-top: 145px; text-align: center; } .l_b2box1_lp1 { padding-top: 20px; padding-bottom: 46px; border-bottom: 1px solid #eee; } .l_b2box1_lp2 { padding-top: 46px; } .l_b2box1_lp2 h4 { font-weight: bold; color: #333; font-size: 24px; line-height: 1.75; } .l_b2box1info { padding-top: 30px; } .l_b2box1info1 { color: #333; font-size: 16px; font-weight: bold; line-height: 1.75; margin-bottom: 38px; } .l_b2box1info1:last-child { margin-bottom: 0; } .l_b2box1info1 span { margin-right: 30px; font-size: 30px; color: #0068c5; font-weight: bold; position: relative; top: 5px; } .l_tanvideo { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.7); z-index: 99999; display: none; } .l_vwin { position: absolute; width: 1200px; height: 685px; left: 50%; top: 50%; transform: translate(-50%, -50%); } .l_b2btul { width: 100%; } .l_vwin video { width: 100%; outline: none; } .l_shup { position: absolute; width: 22px; height: 22px; right: -35px; top: -35px; } .l_shup a { color: #333; } .l_b2box2_bt { padding-top: 62px; overflow: hidden; } .l_b2box2uls { padding-top: 102px; padding-bottom: 90px; background-color: #f6f9fb; /* margin: 0 -82px; */ } .l_b2box2ul { position: relative; width: 33.333333%; padding: 0 82px; } .l_b2box2uls2 { margin: 0 -82px; } .l_b2box2txt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .l_b2box2bg1 { position: relative; } .l_b2box2bg1 img { width: 100%; } .l_b2box2bg1::before { content: ""; width: 100%; height: 100%; position: absolute; background-color: rgba(81, 99, 136, 0.8); } .l_b2box2ic img { width: 41px; } .l_b2box2h4 { padding-top: 20px; } .l_b2box2h4 h4 { font-weight: bold; } .l_b2box2p { padding-top: 10px; } .l_b2box2bg2 { position: relative; } .l_b2box2bg2 img { width: 100%; } .l_b2box2bg2::before { content: ""; width: 100%; height: 100%; position: absolute; background-color: rgba(8, 89, 161, 0.8); } .l_b2box2bg3 { position: relative; } .l_b2box2bg3 img { width: 100%; } .l_b2box2bg3::before { content: ""; width: 100%; height: 100%; position: absolute; background-color: rgba(41, 133, 207, 0.8); } .l_b2box3 { padding-top: 210px; padding-bottom: 28px; } .l_b2box3_tp { position: relative; width: 100%; margin-bottom: 60px; /* padding-right: 180px; overflow: hidden; */ } .l_b2box3_btn { width: 44px; height: 44px; border-radius: 50%; background: #fff; transition: all 0.36s; box-shadow: 0 5px 18px 0px rgb(0 0 0 / 6%); position: absolute; bottom: -16px; z-index: 20; cursor: pointer; } .l_b2box3_btn img { width: 7px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.36s; z-index: 1; } .l_show { opacity: 1; } .l_hide { opacity: 0; } .l_b2btnl { left: -67px; } .l_b2btnr { right: -67px; } .l_b2box3yli { width: 20%; text-align: center; position: relative; } .l_b2box3yli.on { transform: translateY(47px); } .l_b2box3yli p { display: inline-block; position: relative; cursor: pointer; padding-bottom: 30px; font-size: 16px; line-height: 26px; color: #333333; } .l_b2box3yli.slick-current p { font-size: 24px; color: #fff; font-weight: bold; position: relative; z-index: 10; padding-top: 3px; padding-bottom: 0; transform: translateY(38px); } .l_b2box3yli.on.slick-current p { font-size: 24px; color: #fff; position: relative; z-index: 10; padding-top: 0; transform: translateY(0px); margin-top: -10px; } .l_b2box3yli.on p { padding-top: 30px; padding-bottom: 0; } .l_b2box3yli p::before { content: ""; width: 118px; height: 118px; background: rgba(0, 91, 172, 0.1); position: absolute; top: -39px; left: 50%; transform: translateX(-50%); border-radius: 50%; opacity: 0; } .l_b2box3yli p::after { content: ""; width: 18px; height: 18px; background: #005bac; position: absolute; left: 50%; transform: translateX(-50%); bottom: -8px; border-radius: 50%; z-index: -1; } .l_b2box3yli.on p::before { top: -43px; } .l_b2box3yli.on p::after { content: ""; bottom: inherit; top: 0px; } .l_b2box3yli.slick-current p::before { opacity: 1; } .l_b2box3yli.slick-current p::after { width: 97px; height: 97px; bottom: inherit; top: -28px; } .l_b2box3yli.on.slick-current p::after { width: 97px; height: 97px; bottom: -39px; top: inherit; } .l_b2box2sz { position: absolute; top: -124px; left: 50%; transform: translateX(-50%); z-index: -1; width: 100%; text-align: center; } .l_b2box2sz::after { content: ""; position: absolute; width: 100%; height: 140px; background-image: linear-gradient(rgba(255, 255, 255, 0.3), rgba(255, 255, 255)); top: 112px; left: 50%; transform: translateX(-50%); } .l_b2bxli p { font-size: 280px; color: #edf2f5; font-family: "Arial" !important; } .l_b2box3_tp::after { content: ""; background: url(/skin/images/1line.png) no-repeat; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; z-index: 10; background-size: 100%; z-index: -1; } .l_b2box3y .slick-list { overflow: inherit; } .l_b2box3_lt { width: 120px; color: #333; font-size: 16px; font-weight: bold; line-height: 1.75; } .l_b2box3_rt { width: calc(100% - 120px); padding-left: 130px; } .l_b2box3_rt p { color: #666; font-size: 16px; line-height: 2; } .l_b2box3_bt { width: 1200px; margin: 0 auto; padding-top: 85px; } .l_b2btli { margin-bottom: 50px; } .l_b2box3 { position: relative; } .l_b2box3::before { content: ""; width: 14%; height: 200px; position: absolute; top: 210px; right: 0; background: #fff; z-index: 10; } .l_b2box3::after { content: ""; width: 14%; height: 200px; position: absolute; top: 210px; left: 0; background: #fff; z-index: 10; } .l_b2box4 { padding-top: 77px; padding-bottom: 192px; margin: 50px 0 0; } .l_b2box4_txt { width: 700px; background-color: rgba(0, 91, 172, 0.8); } .l_b2box4p { padding: 72px 74px 70px; } .l_b2box4p1 p { color: #fff; font-size: 16px; line-height: 2; margin-bottom: 15px; } .l_b2box4p21 { color: #fff; font-size: 16px; line-height: 1.75; font-weight: bold; } .l_b2box4p2 { padding-top: 15px; } /* b2 end */ /* b3 start*/ .l_b3box1 { padding-top: 84px; padding-bottom: 220px; } .l_b3box1uls { position: relative; } .l_b3box1ul { position: relative; z-index: 2; } .l_b3box1ul .slick-list { padding: 60px 0 75px 0 !important; } .l_b3box1li { width: 14.285714%; position: relative; text-align: center; cursor: pointer; } .l_b3liq { width: 8px; height: 8px; border-radius: 50%; background: #01559e; position: relative; display: inline-block; } .l_b3liq::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; border-radius: 50%; border: 1px solid #a2bfd8; background: rgba(1, 85, 158, 0.2); } .l_b3liq::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 34px; height: 34px; border-radius: 50%; border: 1px solid #d2dee9; background: rgba(1, 85, 158, 0.1); opacity: 0; transition: all 0.36s; } .l_b3box1li.slick-center .l_b3liq::after { opacity: 1; } .l_b3lip { position: absolute; bottom: 36px; left: 50%; transform: translateX(-50%); color: #333; font-size: 18px; font-weight: bold; transition: all 0.36s; } .l_b3box1li.slick-center .l_b3lip { bottom: 36px; } .l_b3box1uls::before { content: ""; position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); width: 100%; height: 1px; background-image: url(/skin/images/1line1.png); z-index: 1; background-size: 100% 100%; } .l_b3box1ul .slick-prev { width: 44px; height: 44px; border-radius: 50%; background-image: url(/skin/images/1prev.png); background-size: 100% 100%; left: -74px; box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.06); top: 37%; z-index: -1; } .l_b3box1ul .slick-next { width: 44px; height: 44px; border-radius: 50%; background-image: url(/skin/images/1next.png); background-size: 100% 100%; right: -74px; box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.06); top: 37%; z-index: -1; } .l_b3box3_lt { width: 120px; color: #333; font-size: 18px; font-weight: bold; line-height: 1.75; } .l_b3box3_rt { width: calc(100% - 120px); padding-left: 130px; } .l_b3box3_rt p { color: #333; font-size: 16px; line-height: 2; } .l_b3btli { margin-bottom: 56px; } .l_b3box1uls2 { padding-top: 32px; } .l_b3sect1 { position: relative; } .l_b3bg { position: absolute; bottom: 0; right: 0; z-index: -1; } /* b3 end*/ /* d1 start*/ .l_d1box1_nr { padding-top: 40px; } .l_d1box1_nr h2 { font-weight: bold; } .l_d1box1_nr1 { width: 978px; } .l_d1bx1nr2s { width: 1238px; padding-left: 260px; padding-top: 120px; padding-right: 130px; padding-bottom: 75px; background: rgba(0, 91, 172, 0.8); } .l_d1bxlis { margin: 0 -52px; } .l_d1bxli1 { width: 25%; padding: 0 50px; margin-bottom: 28px; } .l_d1bxli { padding-top: 44px; padding-bottom: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .l_d1bxli.on { padding-bottom: 20px; } .l_d1bxli:first-child { padding-top: 0; } .l_d1bxlil { width: 60px; } .l_d1bxlil h3 { font-weight: bold; position: relative; top: -8px; } .l_d1bxlil h3 a { color: #fff; } .l_d1bxlir { width: calc(100% - 20px); padding-left: 20px; } .l_d1bxic { width: 32px; margin-right: 5px; } .l_d1bxic img { width: 100%; } .l_d1bxtx { font-size: 13px; color: #fff; line-height: 1.75; } .l_d1bx1nr2 { padding-top: 118px; } .l_d1box2_nr { padding-top: 95px; } .l_d1box2_nr1 h2 { font-weight: bold; } .l_d1bx2tit { padding-top: 35px; padding-bottom: 24px; } .l_d1bx2tit h5 { font-weight: bold; } .l_d1box3 { padding: 155px 0; position: relative; } .l_d1box3_nr { position: relative; } .l_d1bx3l { width: 340px; /* position: absolute; top: 50%; left: 0; transform: translateY(-50%); */ } .l_d1bx3li { width: 100%; position: relative; } .l_d1bx3li img { width: 100%; height: 100%; } .l_d1bx3li1 { position: relative; top: 0; left: 0; z-index: 1; } .l_d1bx3li2 { position: absolute; top: 0; left: 0; z-index: 2; } .l_d1bx3rtit h2 { font-weight: bold; } .l_d1bx3r { width: calc(100% - 340px); padding-left: 220px; } .l_d1bx3inm { width: 44px; } .l_d1bx3inm img { width: 100%; } .l_d1bx3it { width: calc(100% - 44px); padding-left: 30px; } .l_d1bx3in { width: 722px; padding-top: 50px; } .l_d1bx3in1 { margin-bottom: 42px; } .l_d1bx3d { padding-top: 26px; } .l_d1bx3bg { position: absolute; bottom: 0; right: 0; z-index: -1; } .l_d1bx2_nr2 { padding-top: 55px; } .l_d1bx2li1 { width: 33.333333%; position: relative; } .l_d1icobox { width: 84px; position: relative; display: inline-block; } .l_d1icobox img { width: 100%; height: 100%; transition: all 0.36s; } .l_d1icobox1 { position: relative; top: 0; left: 0; z-index: 2; opacity: 0; } .l_d1icobox2 { position: absolute; top: 0; left: 0; z-index: 1; opacity: 1; } .l_d1bx2lis { padding: 100px 195px 260px; /* background: oldlace; */ text-align: center; position: relative; z-index: 1; } .l_d1bx2lis::after { content: ""; width: 100%; height: 100%; background: rgba(0, 91, 172, 0.6); position: absolute; top: 0; left: 0; transition: all 0.36s; opacity: 0; z-index: -1; } .l_d1bx2li { padding: 16px 0; border-bottom: 1px solid #e5e5e5; color: #666; font-size: 16px; transition: all 0.36s; } .l_d1bx2li a { font-size: 15px; color: #333; } .l_d1bx2li1::after { content: ""; width: 1px; height: 530px; background: #eee; position: absolute; right: 0; top: 85px; } .l_d1bx2li1:last-child::after { display: none; } .l_d1bx2li:first-child { border-top: 1px solid #e5e5e5; } .l_d1bx2tit1 h3 { font-weight: bold; transition: all 0.36s; } .l_d1icobox { margin-bottom: 25px; } .l_d1bx2tit1 { margin-bottom: 16px; } .l_d1bx2ul { height: 246px; overflow: hidden; transition: all 0.36s; } .l_d1bx2bg { position: absolute; top: 0; z-index: -1; transition: all 0.5s; opacity: 0; pointer-events: none; } .l_d1bx2bg1 { left: -200px; } .l_d1bx2bg2 { left: -400px; } .l_d1bx2bg3 { left: -300px; } .l_d1bx2ulm { opacity: 0; } .l_d1bx2ulm li { padding: 16px 0; border-bottom: 1px solid #e5e5e5; color: #fff; font-size: 16px; transition: all 0.36s; } /* d1 end*/ /* e7 start */ .l_e7box1 { padding-top: 108px; } .l_e7box1uls { position: relative; } .l_e7box1ul { position: relative; z-index: 2; } .l_e7box1ul .slick-list { overflow: inherit; } .l_e7box1li { width: 14.285714%; position: relative; text-align: center; } .l_e7liq { width: 8px; height: 8px; border-radius: 50%; background: #d8d8d8; position: relative; display: inline-block; } .l_e7liq::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 16px; height: 16px; border-radius: 50%; border: 1px solid #a2bfd8; background: rgba(1, 85, 158, 0.2); opacity: 0; transition: all 0.36s; } .l_e7liq::after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 35px; height: 35px; border-radius: 50%; border: 1px solid #d2dee9; background: rgba(1, 85, 158, 0.1); opacity: 0; transition: all 0.36s; } .l_e7box1li.slick-center .l_e7liq { background-color: #01559e; } .l_e7box1li.slick-center .l_e7liq::before { opacity: 1; } .l_e7box1li.slick-center .l_e7liq::after { opacity: 1; } .l_e7lip { width: 100%; position: absolute; bottom: 22px; left: 50%; transform: translateX(-50%); color: #666; font-size: 16px; transition: all 0.36s; bottom: 35px; } .l_e7box1li.slick-center .l_e7lip { color: #333; } .l_e7box1uls::before { content: ""; position: absolute; bottom: 5px; left: 0; width: 100%; height: 1px; background-image: url(/skin/images/1line3.png); z-index: 1; } .l_e7box1ul .slick-prev { width: 44px; height: 44px; border-radius: 50%; background-image: url(/skin/images/1prev.png); background-size: 100% 100%; left: 0; box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.06); top: 37%; } .l_e7box1ul .slick-next { width: 44px; height: 44px; border-radius: 50%; background-image: url(/skin/images/1next.png); background-size: 100% 100%; right: 0; box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.06); top: 37%; } .l_e7box1::before { content: ""; width: 14%; height: 200px; position: absolute; top: 0; right: -12px; background: #fff; z-index: 10; } .l_e7box1::after { content: ""; width: 14%; height: 200px; position: absolute; top: 0; left: -12px; background: #fff; z-index: 10; } .l_e7box1uls1 { margin-bottom: 12px; } .l_e7box1uls2 { width: 1035px; margin: 0 auto; position: relative; padding-top: 68px; padding-bottom: 320px; } .l_e7box1uls2::after { content: ""; width: 1px; height: 72%; background-image: url(/skin/images/1line2.png); position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .l_e7btyear { width: 70px; color: #333; font-size: 18px; line-height: 1.75; font-weight: bold; } .l_e7btps { width: calc(100% - 70px); padding-left: 55px; } .l_e7btp1 p { color: #333; font-size: 16px; line-height: 1.75; font-weight: bold; } .l_e7btp2 p { color: #666; font-size: 16px; line-height: 1.75; } .l_e7bty { overflow: hidden; } .l_e7btyli { width: 100%; float: right; position: relative; margin-bottom: 32px; text-align: right; } .l_e7btyli.on { text-align: left; } .l_e7btyli::before { content: ""; width: 8px; height: 8px; background-color: #d8d8d8; border-radius: 50%; position: absolute; top: 10px; left: 50%; transform: translateX(-50%); } .l_e7btyli::after { content: ""; width: 60px; height: 1px; background-color: #d8d8d8; position: absolute; left: 50%; top: 14px; } .l_e7btyli.on::after { content: ""; width: 60px; height: 1px; background-color: #d8d8d8; position: absolute; left: 44%; top: 14px; } .l_e7btylip { position: relative; text-align: right; width: 50%; display: inline-block; } .l_e7btylips { display: inline-block; left: -100px; position: relative; width: 317px; } .l_e7btyli.on .l_e7btps { padding-right: 55px; padding-left: 0; } .l_e7btyli.on .l_e7btylip { text-align: left; } .l_e7btyli.on .l_e7btylips { left: 100px; } /* e7 end */ /* b1 start */ .l_b1ts { margin-top: 158px; } .l_b1box1 { padding: 60px 0 120px; background-color: #f6f9fb; } .l_b1box1_nr { position: relative; } .l_b1box1_l { width: 623px; position: relative; } .l_b1bx1i { width: 623px; position: relative; } .l_b1box1_l img { width: 100%; } .l_b1bx1i img { width: 100%; } .l_b1bx1i1 { position: relative; top: 0; left: 0; z-index: 1; } .l_b1bx1i2 { position: absolute; top: 0; left: 0; z-index: 2; } .l_b1bx1t { position: absolute; bottom: 0; right: 0; z-index: 3; } .l_b1bx1t1 { color: #e4e4e4; font-size: 200px; font-weight: bold; font-family: "HelveticaNeueLTPro-ThEx" !important; } .l_b1bx1t2 { color: #333; font-size: 30px; font-weight: bold; transform: rotate(-90deg); position: absolute; bottom: 166px; text-transform: uppercase; font-family: "HelveticaNeueLTPro-ThEx" !important; } .l_b1box1_r { width: calc(100% - 623px); padding-left: 75px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); overflow: hidden; } .l_b1box1_rt h2 { font-weight: bold; } .l_b1bx1rt_t { padding-top: 35px; } .l_b1box2 { padding-top: 134px; padding-bottom: 136px; } .l_b1box2_l { width: calc(100% - 700px); padding-right: 92px; } .l_b1box2_l h2 { font-weight: bold; } .l_b1box2_r { width: 700px; position: relative; } .l_b1bx2ul { margin: 0 -11px; position: relative; z-index: 10; } .l_b1bx2li { width: 50%; padding: 0 11px; margin-bottom: 24px; } .l_b1bx2lis { padding: 28px 20px 44px 40px; background-color: #f6f9fb; } .l_b1bx2liti { position: relative; top: 4px; margin-right: 10px; } .l_b1bx2liti img { width: 18px; } .l_b1bx2libt p { height: 32px; overflow: hidden; } .l_b1bx2litt { color: #333; font-size: 16px; line-height: 1.75; font-weight: bold; } .l_b1bx2p { padding-top: 60px; } .l_b1box3 { position: relative; } .l_b1box3::after { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(19, 45, 122, 0.92); } .l_b1box3_nr { padding: 115px 0 130px; z-index: 1; position: relative; } .l_b1box3_nr h2 { font-weight: bold; color: #fff; } .l_b1bx3t { position: relative; } .l_b1bx3m::after { content: ""; width: 358px; height: 1px; background-color: rgba(255, 255, 255, 0.2); position: absolute; bottom: 14px; right: 0; } .l_b1bx3bt { padding-top: 80px; } .l_b1bx3ul { margin: 0 -25px; } .l_b1bx3li1 { width: 20%; padding: 0 25px; } .l_b1bx3li { position: relative; border-right: 2px solid rgba(255, 255, 255, 0.5); border-bottom: 2px solid rgba(255, 255, 255, 0.5); } .l_b1bx3li::after { content: ""; width: 190px; height: 2px; background: rgba(255, 255, 255, 0.5); position: absolute; top: -2px; right: -2px; } .l_b1bx3li::before { content: ""; width: 2px; height: 190px; background: rgba(255, 255, 255, 0.5); position: absolute; bottom: -2px; left: -2px; } .l_b1bx3tit { color: #fff; font-weight: bold; font-size: 16px; line-height: 1.75; } .l_b1bx3p { text-align: center; padding-top: 58px; padding-left: 30px; padding-right: 40px; } .l_b1bx3p p { opacity: 0.8; height: 96px; overflow: hidden; } .l_b1bx3lis { padding: 32px 0 60px; } .l_b1box4 { padding-top: 136px; padding-bottom: 72px; } .l_b1box4_nr { position: relative; } .l_b1bx4l { width: 768px; position: relative; } .l_b1bx4l img { width: 100%; height: 100%; } .l_b1bx4l1 { position: relative; top: 0; left: 0; z-index: 1; } .l_b1bx4l2 { position: absolute; top: 0; left: 0; z-index: 2; } .l_b1bx4r { width: calc(100% - 590px); position: absolute; top: 50%; right: 0; transform: translateY(-50%); background: #005bac; z-index: 3; } .l_b1bx4rt h2 { font-weight: bold; color: #fff; } .l_b1bx4rt { padding-top: 100px; padding-bottom: 90px; padding-left: 110px; padding-right: 140px; position: relative; } .l_b1bx4p { padding-top: 34px; padding-bottom: 66px; } .l_b1bx4p p { height: 128px; overflow: hidden; opacity: 0.82; } .l_b1bx4img { position: absolute; bottom: 60px; right: 38px; opacity: 0.04; } .l_b1bx4img img { width: 100%; } .l_b1box5 { /* padding: 174px 0 160px; */ position: relative; width: 100%; height: 785px; overflow: hidden; } .l_b1bx5bg img { width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .l_b1box5_nr { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .l_b1box5_nr h2 { font-weight: bold; } .l_b1bx5p { padding-top: 34px; padding-bottom: 50px; } .l_b1box5_nrs { width: 700px; padding-left: 36px; padding-right: 54px; } .l_b1box5_bt { width: 430px; } .l_b1bx5i { margin-right: 15px; } .l_b1bx5i img { width: 29px; } .l_b1bx5t { color: #333; font-size: 16px; line-height: 1.75; } .l_b1bx5in1 { width: 50%; margin-bottom: 38px; } .l_b1bx5in { padding-bottom: 46px; } .l_b1bx2im1 { position: absolute; top: -60px; left: -45px; z-index: -1; } .l_b1bx2im2 { position: absolute; bottom: -67px; right: -45px; z-index: -1; } /* b1 end */ /* e1 start */ .l_e1box1 { padding-top: 50px; padding-bottom: 100px; } .l_e1bx1p2 { padding-top: 86px; } .l_e1bx1p2 h4 { font-weight: bold; } .l_e1bx1im { padding-top: 48px; margin: 0 -30px; } .l_e1bx1im1 { width: 33.333333%; padding: 0 30px; } .l_e1bx1im1s { position: relative; } .l_e1span { position: absolute; top: 32px; left: 45px; } .l_e1span span { color: #122d7a; font-size: 26px; line-height: 1.75; font-weight: bold; } .l_e1bx1tp p { color: #333; font-size: 16px; line-height: 2; } .l_e1bx1tp { padding-top: 45px; } .l_e1bx1ic { width: 128px; } .l_e1bx1ic img { width: 100%; } .l_e1bx1t { width: calc(100% - 128px); padding-left: 44px; } .l_e1box2 { padding-top: 112px; padding-bottom: 124px; background-color: #f5f8fa; position: relative; } .l_e1bx2r { width: 530px; } .l_e1bx2img { width: 100%; position: relative; } .l_e1bx2img img { width: 100%; height: 100%; } .l_e1bx2img1 { position: relative; top: 0; left: 0; z-index: 1; } .l_e1bx2img2 { position: absolute; top: 0; left: 0; z-index: 2; } .le1bx2ul { position: relative; } .l_e1bx2ts h4 { font-weight: bold; } .l_e1bx2t { width: calc(100% - 530px); padding-right: 125px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .l_e1bx2p { padding-top: 30px; } .l_e1bx2r .slick-dots { bottom: -20px; } .l_e1bx2r .slick-dots li { width: 6px; height: 6px; background: rgba(0, 91, 172, 0.2); border: none; } .l_e1bx2r .slick-dots li.slick-active { background: #005bac; } .l_e1bx2bgt p { color: #edf1f4; font-size: 182px; line-height: 1.75; font-family: "Arial" !important; font-weight: bold; } .l_e1box2_nr { position: relative; z-index: 999; } .l_e1bx2bgt { position: absolute; bottom: -10px; left: 164px; opacity: 0.7; } .l_e1bx3l { width: 676px; position: relative; } .l_e1bx3i1 { width: 100%; position: relative; } .l_e1bx3i1 img { width: 100%; height: 100%; } .l_e1bx3i11 { position: relative; top: 0; left: 0; z-index: 1; } .l_e1bx3i12 { position: absolute; top: 0; left: 0; z-index: 2; } .l_e1box3_nr1 { position: relative; } .l_e1bx3r { width: calc(100% - 676px); padding-left: 135px; /* position: absolute; top: 50%; right: 0; transform: translateY(-50%); */ } .l_e1bx3rt { padding-top: 90px; } .l_e1bx3p1 { padding-top: 30px; padding-bottom: 40px; } .l_e1bx3p1 p { height: 128px; overflow: hidden; } .l_e1bx3tit1 h2 { font-weight: bold; } .l_e1box3 { padding-top: 112px; padding-bottom: 106px; } .l_e1bx3l2 { width: calc(100% - 558px); padding-right: 228px; padding-top: 115px; } .l_e1bx3tit2 h2 { font-weight: bold; } .l_e1bx3p2 { padding-top: 30px; padding-bottom: 40px; } .l_e1bx3p2 p { height: 128px; overflow: hidden; } .l_e1bx3r2 { width: 558px; } .l_e1bx3i2 { width: 381px; margin-top: -10px; } .l_e1bx3i21 { width: 100%; position: relative; } .l_e1bx3i21 img { width: 100%; height: 100%; } .l_e1bx3i211 { position: relative; top: 0; left: 0; z-index: 1; } .l_e1bx3i212 { position: absolute; top: 0; left: 0; z-index: 2; } .l_e1bx3i3 { width: 325px; position: relative; margin-top: -613px; margin-left: 230px; z-index: -1; } .l_e1bx3i31 { width: 100%; position: relative; } .l_e1bx3i31 img { width: 100%; height: 100%; } .l_e1bx3i311 { position: relative; top: 0; left: 0; z-index: 1; } .l_e1bx3i312 { position: absolute; top: 0; left: 0; z-index: 2; } .l_e1box4 { padding-top: 110px; padding-bottom: 90px; background: #f5f8fa; } .l_e1bx4tl { width: 220px; } .l_e1bx4tl h2 { font-weight: bold; } .l_e1bx4tr { width: calc(100% - 220px); padding-left: 178px; } .l_e1box4bt { padding-top: 86px; } .l_e1bx4ul { margin: 0 -13px; } .l_e1bx4li { width: 20%; padding: 0 13px; } .l_e1bx4li a { display: block; background: #fff; padding-bottom: 60px; padding-top: 50px; text-align: center; box-shadow: 0px 3px 18px 0px rgba(19, 49, 98, 0.06); transition: all 0.36s; } .l_e1bx4lo { width: 149px; position: relative; } .l_e1bx4lo img { width: 100%; height: 100%; } .l_e1bx4lo1 { position: relative; top: 0; left: 0; z-index: 1; } .l_e1bx4lo2 { position: absolute; top: 0; left: 0; z-index: 2; } .l_e1bx4los { display: inline-block; } .l_e1bx4n { padding-top: 22px; padding-bottom: 50px; color: #333; font-size: 16px; line-height: 1.75; position: relative; } .l_e1bx4n::after { content: ""; width: 26px; height: 2px; background: #f39800; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); } .l_e1bx4li.on a { display: block; background: #fff; text-align: center; line-height: 299px; padding-top: 0; padding-bottom: 0; box-shadow: 0px 3px 18px 0px rgba(19, 49, 98, 0.06); transition: all 0.36s; } .l_e1but1 { display: inline-block; } .l_e1box5 { padding-top: 120px; padding-bottom: 130px; } .l_e1box5_nr { position: relative; } .l_e1bx5l { width: 691px; } .l_e1bx5i { width: 100%; position: relative; } .l_e1bx5i img { width: 100%; height: 100%; } .l_e1bx5i1 { position: relative; top: 0; left: 0; z-index: 1; } .l_e1bx5i2 { position: absolute; top: 0; left: 0; z-index: 2; } .l_e1bx5r { width: calc(100% - 691px); padding-left: 90px; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .l_e1bx5tit h2 { font-weight: bold; } .l_e1bx5p { padding-top: 34px; padding-bottom: 70px; } .l_e1bx5p p { height: 128px; overflow: hidden; } .l_e1box6 { position: relative; width: 100%; height: 600px; overflow: hidden; } .l_e1bx6bg img { width: auto; height: 100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .l_e1box6::after { content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; } .l_e1box6_nr { z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .l_e1bx6tit h2 { font-weight: bold; color: #fff; } .l_e1bx6p { padding-top: 32px; padding-bottom: 48px; } .l_e1bx6p p { height: 96px; overflow: hidden; } .l_e1box6_nr1 { width: 664px; } /* B6下载列表 */ .w_sm_content { width: 1400px; margin: auto; } .w_b6_listbox { padding-top: 90px; } .w_b6_li a { display: block; padding: 24px 60px 24px 42px; background-color: #f5f8fa; } .w_b6_report { width: 20px; margin-top: 4px; } .w_b6_report img { width: 100%; } .w_b6_text { width: calc(100% - 20px - 240px); color: #333333; padding: 0 25px; height: 32px; overflow: hidden; } .w_b6_date_txt.l_dlp2_1 { color: #999999; padding: 0 8px; } .w_b6_date { position: relative; margin: 0 -8px; width: 240px; text-align: right; } .l_dlp2_1.on { position: relative; } .l_dlp2_1.on::after { content: ""; height: 16px; width: 2px; background: #c1c2c3; margin: 0 8px; position: absolute; top: 9px; left: -9px; } /* .w_b6_date_txt.on::after { content: ""; padding: 0; } */ .w_b6_li { margin-bottom: 20px; } /* C1新闻资讯 */ .w_c1s { width: 1400px; margin: 0 auto; } .w_c1_lbbox { padding-top: 34px; } .w_c1_dateimg { width: 18px; margin-top: 6px; } .w_c1_dateimg img { width: 100%; } .w_c1_lb_left { width: calc(100% - 736px); padding: 64px 0; padding-right: 52px; } .w_c1_datetxt { color: #666666; padding: 0 14px; } .w_c1_lbtitle.l_tith4_1 { font-weight: bold; color: #333; margin: 11px 0; height: 42px; overflow: hidden; transition: all 0.36s; } .w_c1_lbnr.l_dlp2_1 { height: 64px; overflow: hidden; } .w_c1_smlbnr.l_dlp2_1 { height: 64px; overflow: hidden; } .w_c1_lba { display: block; font-size: 14px; line-height: 36px; color: #999999; transition: all 0.36s; } .w_c1_bq { width: 120px; background-color: #f5f5f5; margin-right: 20px; text-align: center; } .w_c1_lbimg { width: 736px; overflow: hidden; } .w_c1_lbimg img { width: 100%; transition: all 0.36s; } .w_sy { position: relative; } .w_c1_lbbtn { padding-top: 90px; } .w_c1_jtyou { width: 44px; } .w_c1_jiantou img { width: 100%; } .w_c1_jtzuo { width: 44px; } .w_c1_jiantou { position: relative; } .w_c1_jiantou { font-size: 0; line-height: 0; position: absolute; top: 55%; left: 5%; display: block; width: 44px; height: 0px; padding: 0; cursor: pointer; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); color: transparent; border: none; outline: none; background: transparent; box-shadow: 0 0 75px 5px #333333; } .w_c1_jiantou2 { font-size: 0; line-height: 0; position: absolute; top: 55%; right: 5%; display: block; width: 44px; height: 0px; padding: 0; cursor: pointer; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); color: transparent; border: none; outline: none; background: transparent; box-shadow: 0 0 75px 5px #333333; } .w_sm_c1_content2 { max-width: 1400px; margin: 0 auto; } .w_c1_slbox { width: 198px; position: relative; } .w_c1s1mtrl_tp { font-size: 14px; line-height: 1.75; color: #999999; padding: 12px 16px; } .w_c1sl_xl_btm { position: absolute; top: 55px; left: 0; width: 100%; padding: 14px; border-radius: 5px; border: 1px solid #dcdcdc; display: none; z-index: 9999; background: #fff; } .w_c1sl_xl_btm p { font-size: 14px; color: #999; line-height: 1.75; cursor: pointer; } .w_c1_slimg { width: 11px; position: absolute; right: 28px; top: 17px; cursor: pointer; } .w_c1_slimg img { width: 100%; transition: all 0.36s; } .w_c1_sl { position: relative; padding: 0 12px; border: 1px solid #dcdcdc; overflow: hidden; cursor: pointer; } .w_c1_slbox.on .w_c1_slimg img { transform: rotate(180deg); } .w_c1_slint { border: 1px solid #dcdcdc; } .w_c1_sltxt { font-size: 14px; line-height: 1.75; color: #999999; padding: 12px 35px; } .w_section2 { width: 1400px; margin: 0 auto; padding-top: 66px; } .w_c1_slnrbox { margin-left:0px; width: 347px; position: relative; } .w_c1_slint input { font-size: 14px; line-height: 1.75; color: #999999; padding: 12px 28px; width: calc(100% - 22px); } .w_c1_slint input::placeholder { color: #999999; } .w_c1_ss { position: absolute; top: 13px; right: 20px; width: 22px; display: block; cursor: pointer; } .w_c1_ss img { width: 100%; } .w_c1_smlileft { width: 496px; position: relative; overflow: hidden; } .w_c1_smlileft img { width: 100%; transition: all 0.36s; } .w_c1_liimg1 { position: relative; top: 0; left: 0; } .w_c1_liimg2 { position: absolute; top: 0; left: 0; } .w_c1_smliright { width: calc(100% - 496px); padding: 23px 0; padding-left: 65px; } .w_c1_smdateimg { width: 18px; margin-top: 6px; transition: all 0.36s; } .w_c1_smdateimg img { width: 100%; transition: all 0.5s; } .w_c1_smdatetxt { color: #666666; padding: 0 14px; transition: all 0.36s; } .w_c1_smlbtitle.l_tith4_1 { font-weight: bold; color: #333; margin: 11px 0; transition: all 0.36s; height: 42px; overflow: hidden; } .w_c1_smlba { display: block; font-size: 14px; line-height: 36px; color: #999999; transition: all 0.36s; } .w_c1_smbq { width: 120px; background-color: #f5f5f5; margin-right: 20px; text-align: center; transition: all 0.36s; } .w_c1_smlbbtn { padding-top: 34px; } .w_c1_searchbox { border-bottom: 1px solid #f5f5f5; padding-bottom: 35px; padding-top: 70px; position: relative; z-index: 10; } .w_c1_smli { border-bottom: 1px solid #f5f5f5; } .w_c1_smlist { margin-bottom: 66px; } .w_c1_smlia { display: block; } .w_c1_smlia { padding-top: 40px; padding-bottom: 50px; display: inline-block; } .w_c1sl_xl_btm2 { /* height: 100px; */ height: auto; } .w_c1sl_xl_btm2 .mCSB_scrollTools .mCSB_draggerContainer { left: 13px; } .w_c1sl_xl_btm2 .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } /* C2新闻详情 */ .w_sm_content2 { max-width: 1200px; margin: 0 auto; } .w_c2s { padding-top: 60px; } .w_c2_date { font-size: 14px; line-height: 1.75; color: #666666; letter-spacing: 1px; } .w_c2_person { font-size: 14px; line-height: 1.75; color: #666666; padding-left: 70px; letter-spacing: 1px; } .w_c2_titimg img { width: 100%; } .w_c2_wximg { width: 38px; margin: 0 7px; position: relative; } .w_c2_inimg { width: 38px; margin: 0 7px; position: relative; } .w_c2_titimg { display: inline-block; } .w_c2_titimg.bshare-custom { margin: 0 -7px; } .bshare-twitter, .bshare-weixin { padding-left: 0 !important; position: absolute; width: 100%; height: 100%; background: none !important; left: 0; top: 0; } .w_c1_smlist .l_tith4_1 { font-weight: normal; } .w_c2_titimg.bshare-custom .bshare-weixin { width: 100%; height: 100%; } .w_c2_titimg.bshare-custom .bshare-twitter { width: 100%; height: 100%; } .w_c2_tityou_txt { font-size: 14px; line-height: 1.75; color: #666666; padding-left: 65px; padding: 10px 7px 0 0; } .w_c2_top { padding-bottom: 20px; border-bottom: 1px solid #e5e5e5; } .w_c2_contents.yxedr_active p { color: #666666; font-size: 16px; line-height: 2; margin-bottom: 12px; } .w_c2_contents.yxedr_active p img { padding: 18px 0; } .w_c2_contents { padding-top: 54px; padding-bottom: 100px; border-bottom: 1px solid #e5e5e5; } .w_c2_tjnews.l_space_d1 { padding-top: 40px; } .w_c2_lj div a { margin: 30px 0; display: block; font-size: 16px; line-height: 2; color: #999999; height: 32px; overflow: hidden; width: 500px; transition: all 0.36s; } .w_c2_liyou { text-align: right; } .w_c2_tjtitles { text-align: center; position: relative; } .w_c2_tjtitle::after { content: ""; height: 2px; width: 38px; background: #005bac; position: absolute; top: 54px; left: 48%; } .w_c2s_top_tittxt.l_tith4_1 { transition: all 0.36s; z-index: 999; height: 84px; overflow: hidden; } .w_c2s_section2 { max-width: 1200px; margin: 0 auto; } .w_c2s_timeimg { width: 21px; margin-top: 5px; position: relative; } .w_c2s_timeimg1 { position: relative; top: 0; left: 0; } .w_c2s_timeimg1s { position: absolute; top: 0; left: 0; } .w_c2s_timeimg img { width: 100%; transition: all 0.36s; } .w_c2s_tjli a { display: block; transition: all 0.36s; padding-bottom: 14px; background-color: #f5f8fa; border-bottom: 2px solid #014e94; position: relative; } .w_c2s_tjli { padding: 0 17px; } .w_c2s_top_time { padding-top: 34px; } .w_c2s_timetxt.l_dlp1_2 { margin-bottom: 0; padding-left: 14px; color: #999999; } .w_c2s_tjlist { padding-bottom: 120px; margin: 0 -17px; } .w_c2s_libg { width: 377px; position: relative; top: 0%; left: 0; } .w_c2s_libg img { width: 100%; opacity: 0; height: 100%; transition: all 0.36s; } .w_c2_lbtxts { position: absolute; top: 0; left: 0; padding: 45px; } .w_c2s_libg::after { content: ""; width: 378px; height: 237px; background: #005bac; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.36s; } .w_c2s_jiantou { font-size: 0; line-height: 0; position: absolute; bottom: 13%; left: 15%; display: block; width: 44px; height: 0px; padding: 0; cursor: pointer; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); color: transparent; border: none; outline: none; background: transparent; box-shadow: 0 0 75px 5px #333333; } .w_c2s_jiantou2 { font-size: 0; line-height: 0; position: absolute; bottom: 13%; right: 15%; display: block; width: 44px; height: 0px; padding: 0; cursor: pointer; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); color: transparent; border: none; outline: none; background: transparent; box-shadow: 0 0 75px 5px #333333; } /* D3 */ .w_sm_d2 { max-width: 1400px; margin: 0 auto; } .w_d3_top { padding-top: 100px; } .w_d3_lb img { width: 100%; } .w_d3_lbimg { width: 584px; } .w_d3_lbvideo { width: 584px; position: relative; top: 0; left: 0; background: #f5f7f9; } .w_d3_lbplay { width: 52px; position: absolute; top: 40%; left: 45%; cursor: pointer; } .w_d3_lbimgs { position: relative; } .w_d3_lb { width: 584px; margin-bottom: 15px; } .w_d3tit.l_tith3_3 { font-weight: bold; position: relative; padding: 0 54px; } .w_d3tit.l_tith3_3::before { content: ""; height: 2px; width: 32px; background: #0859a4; position: absolute; top: 54%; left: 0%; } .w_d3_topright { width: calc(100% - 584px); padding-left: 110px; padding-top: 30px; padding-right: 34px; } .w_d3_toptxt { padding-top: 28px; /*height: 120px;*/ overflow: hidden; } .w_d3_btns { padding-top: 80px; } .w_d3_btn { padding: 12px 62px; color: #fff; font-size: 14px; line-height: 2; text-align: center; display: block; position: relative; background: linear-gradient(-78deg, transparent 12px, #005bac 0); } .w_d3_btn::after { content: ""; height: 52px; width: 6px; background: #005bac; position: absolute; top: 0; right: -7px; transform: skew(-12deg); } .w_d3_card { max-width: 1400px; margin: 100px auto 0; } .he_d3ym .he_mianbx .he_content { width: 100% !important; padding: 0 !important; } .w_d3_cpimg { width: 18px; margin-top: 6px; position: relative; margin-left: 30px; } .w_d3_img1 { position: absolute; top: 0; left: 0; } .w_d3_img2 { position: relative; top: 0; left: 0; } .w_d3_cardli.on .w_d3_img1 { opacity: 0; } .w_d3_cpimg img { width: 100%; transition: all 0.36s; } .w_d3_cardli_a { padding: 22px 20px; display: block; transition: all 0.36s; width: 100%; overflow: hidden; } .w_d3_cardli { width: 20%; text-align: center; } .w_d3_cardli.on .ddon { background-color: #eff2f7; border-top: 2px solid #005bac; color: #005bac; transition: all 0.36s; } .w_d3_cardli .ddon { border-top: 2px solid rgba(0, 91, 172, 0); transition: all 0.36s; } .w_d3_cardli.on .w_d3_cptxt { color: #005bac; overflow: hidden; height: 32px; } .w_d3_cptxt { padding-left: 30px; color: #666; } .w_d3_section3 { width: 100%; margin: 0 auto; background: #f5f8fa; height: 100%; padding-bottom: 70px; box-shadow: inset 0px 13px 20px #edf0f2; } .w_d3_cards { padding: 110px 0px; } .w_d3_cards.yxedr_active p { font-size: 16px; line-height: 2; color: #666; margin-bottom: 12px; } .w_d3_lb .slick-dots { position: absolute; bottom: -20px; display: block; width: 100%; list-style: none; text-align: center; } .w_d3_lb .slick-dots li { width: 8px; height: 8px; border: none; background-color: #c3c3c3; margin: 0 8px; } .slick-dots li.slick-active { background: #1065b1; } /* D4 */ .w_d4_cards { max-width: 1400px; margin: 0 auto; } .w_d4_section3 { box-shadow: inset 0px 13px 20px #edf0f2; padding-top: 150px; padding-bottom: 140px; background-color: #f5f8fa; } .w_d4_doenli { width: 50%; padding: 0 22px; } .w_d4_downs { margin: 0 -22px; } .w_d4_downleft { width: 100%; background-color: #eff2f7; padding-left: 304px; padding-right: 20px; padding-top: 60px; padding-bottom: 60px; } .w_d4_downleft a { display: block; } .w_d4_downimg { width: 18px; line-height: 1.75; } .w_d4_downimg img { width: 100%; } .w_d4_downtitle { letter-spacing: 1px; height: 62px; overflow: hidden; margin-bottom: 15px; } .w_d4_downtxt { font-size: 16px; line-height: 1.75; color: #005bac; padding: 0 18px; } .w_d4_down { width: 100%; position: relative; margin: 0 20px; display: block; } .w_d4_downnrs { position: absolute; left: 34px; top: -29px; width: 207px; } .w_d4_downnrs img { width: 100%; } /* D5 */ .w_d5_cards { max-width: 1400px; margin: 0 auto; } .w_d5_section3 { box-shadow: inset 0px 13px 20px #edf0f2; padding-top: 100px; padding-bottom: 80px; background-color: #f5f8fa; } .w_d5_litit { font-size: 16px; line-height: 1.75; color: #333; height: 28px; margin-bottom: 20px; /* overflow: hidden;*/ font-weight: bold; } .w_d5_liimg img { width: 100%; } .w_d5_liimg { width: 320px; position: relative; } .w_d5_bg1 { position: relative; top: 0; left: 0; } .w_d5_bg2 { position: absolute; top: 0; left: 0; } .w_d5_litxt { width: calc(100% - 320px); padding: 30px 0px 30px 38px; } .w_d5_lis { width: 50%; margin-bottom: 38px; padding: 0 41px; } .w_d5_listbox { margin: 0 -41px; } .w_d5_litxt p { font-size: 16px; line-height: 2; color: #666; height: 134px; overflow: hidden; } /* D6 */ .w_d6_cards { max-width: 1400px; margin: 0 auto; } .w_d6_section3 { box-shadow: inset 0px 13px 20px #edf0f2; padding-top: 110px; padding-bottom: 100px; background-color: #f5f8fa; } .w_d6_lis { width: 20%; text-align: center; padding: 0 10px; margin-bottom: 22px; } .w_d6_lis a { display: block; padding: 30px 34px; background-color: #fff; background-image: url(/skin/images/0d6_2.png); background-repeat: no-repeat; background-position: -98px -109px; } .w_d6_liimg { width: 91px; margin: 0 auto; margin-bottom: 20px; } .w_d6_liimg img { width: 100%; } .w_d6_lis p { font-size: 16px; line-height: 1.75; color: #333; font-weight: bold; height: 192px; overflow: hidden; padding: 46px 10px; border-top: 2px solid #eeeeee; } .w_d6_li_a { font-size: 16px; line-height: 3; color: #b1b1b1; transition: all 0.36s; } /* E2创新体系 */ .w_sm_e2 { max-width: 1400px; margin: 0 auto; } .w_e2_title { margin-top: 54px; text-align: center; } .w_e2_tit.l_tith6_1 { line-height: 2; font-weight: bold; } .w_e2_tu img { width: 100%; } .w_e2_tu { width: 1387px; margin-top: 50px; margin-bottom: 140px; } /* 弹窗 */ .w_videom { display: none; position: fixed; left: 0; top: 0; z-index: 999999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.84); } .w_modal_close { position: absolute; right: 15px; top: 15px; font-size: 20px; line-height: 20px; cursor: pointer; z-index: 10; } .w_videom_close { font-size: 50px; color: #fff; } .w_videom_container { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .w_videom_content { width: 1200px; max-width: calc(100vw - 40px); max-height: calc(100vh - 80px); display: block; } .w_videom_video { max-width: 100%; vertical-align: middle; background: #fff; outline: none; width: 100%; } .w_videom_iframebox { text-align: center; display: none; } /* E6 */ .w_sm_e6 { max-width: 1400px; margin: 54px auto 120px; } .w_e6_titimg { width: 44px; margin-top: 14px; } .w_e6_titimg img { width: 100%; } .w_e6_tittxt.l_tith2_1 { font-weight: bold; padding: 0 10px; margin-bottom: 54px; } .w_e6_subtitle.l_tith6_1 { line-height: 2; font-weight: bold; margin-bottom: 28px; } .w_e6_paimgs { width: 35px; height: 35px; background-color: #005bac; border-radius: 50%; position: relative; } .w_e6_paimg { width: 17px; position: absolute; top: 9px; left: 9px; } .w_e6_paimg img { width: 100%; } .w_e6_patxts p { font-size: 16px; line-height: 36px; color: #333; padding: 0 20px; width: 100%; height: 42px; } .w_e6_patxts p span { font-size: 30px; line-height: 36px; color: #f39800; letter-spacing: 1px; } .w_e6_patxts { width: calc(100% - 40px); } .w_e6_pali { width: 25%; margin-bottom: 54px; } .w_e6_tables table { width: 100%; table-layout: fixed; } .w_e6_tables th { padding: 14px 0; border: 1px solid #e5e5e5; color: #fff; font-size: 18px; text-align: center; background-color: #005bac; line-height: 1.75; } .w_e6_tables td { padding: 10px 0; border: 1px solid #e5e5e5; color: #666666; font-size: 16px; text-align: center; line-height: 1.75; } .w_e6_tables { width: 100%; margin-bottom: 90px; } .w_e2_introduction.l_dlp1_1 { color: #333; letter-spacing: 1px; } .w_e6_title_xia .w_e6_tittxt.l_tith2_1 { margin-bottom: 32px; } .w_e6_table2s table { width: 100%; margin-top: 54px; } .w_e6_table2s th { border: 1px solid #e5e5e5; text-align: center; padding: 20px 0; background-color: #005bac; color: #fff; font-size: 18px; line-height: 1.75; } .w_e6_table2s td { border: 1px solid #e5e5e5; color: #666666; font-size: 16px; text-align: center; line-height: 1.75; overflow: hidden; height: auto; } .w_e6_table2s tr td:nth-of-type(1) { width: 120px; padding: 10px 42px; } .w_e6_table2s tr td:nth-of-type(2) { width: 300px; padding: 10px 15px; } .w_e6_table2s tr td:nth-of-type(3) { padding: 10px 50px; width: calc(100% - 120px - 300px -280px); } .w_e6_table2s tr td:nth-of-type(4) { width: 280px; padding: 10px 70px; } /* E6手机端 */ .w_e6_ph table { max-width: 480px; margin: 0 auto; margin-bottom: 18px; } .w_e6_ph table tr:nth-of-type(1) th { padding: 22px 100px 22px 30px; background-color: #005bac; color: #ffffff; font-size: 18px; line-height: 1.5; text-align: left; } .w_e6_ph table tr td { width: 430px; overflow: hidden; padding: 14px 10px 14px 20px; color: #666666; font-size: 16px; line-height: 1.5; border: 1px solid #e5e5e5; } .w_e6_ph_num table { max-width: 480px; margin: 0 auto; margin-bottom: 14px; } .w_e6_ph_num table tr:nth-of-type(1) th { padding: 22px 100px 22px 30px; background-color: #005bac; color: #ffffff; font-size: 18px; line-height: 1.5; text-align: left; } .w_e6_ph_num table tr td { width: 430px; overflow: hidden; padding: 14px 10px 14px 20px; color: #666666; font-size: 16px; line-height: 1.5; border: 1px solid #e5e5e5; } .w_e6_phbox { display: none; } /* G1联系我们 */ .w_sm_g1 { max-width: 1400px; margin: 0 auto; background-image: url(/skin/images/0g1_bgs.png); background-repeat: no-repeat; background-position: 168px 185px; } .w_g1_titimg { width: 44px; margin-top: 14px; } .w_g1_titimg img { width: 100%; } .w_g1_tittxt.l_tith2_1 { font-weight: bold; padding: 0 10px; margin-bottom: 54px; } .w_g1_tittxt.l_tith2_1 { font-weight: bold; padding: 0 10px; margin-bottom: 54px; position: relative; } /* .w_g1_tittxt.l_tith2_1::after { content: ""; width: 1170px; height: 1px; background: #e5e5e5; position: absolute; top: 50%; left: 300px; } */ .w_g1_section_1 { margin-top: 54px; } .w_g1_tit4_1.l_tith4_1 { font-weight: bold; width: calc(100% - 20px); overflow: hidden; height: 142px; } .w_g1_partimg img { width: 100%; } .w_g1_partimg { width: 20px; position: relative; margin-top: 4px; margin-top: 10px; cursor: pointer; transition: all 0.36s; } .w_g1_posimg1 { position: relative; top: 0; left: 0; transition: all 0.36s; } .w_g1_posimg2 { position: absolute; top: 0; left: 0; } .w_g1_partli { width: 33.333333%; padding-right: 100px; margin-bottom: 90px; } .w_g1_partlist { margin-right: -100px; } .w_g1_part_p.l_dlp1_1 p { line-height: 1.75; height: 68px; overflow: hidden; color: #999999; padding: 6px 0; font-weight: bold; } .w_g1_nameimg, .w_g1_mailimg { width: 20px; line-height: 1.75; } .w_g1_nameimg img, .w_g1_mailimg img { width: 100%; } .he_syshz svg { width: 100%; height: 100%; } .w_g1_name, .w_g1_mail { width: calc(100% - 20px); font-size: 16px; line-height: 1.75; color: #333; overflow: hidden; padding: 5px 28px; height: 22px; } .w_g1_part_namebox, .w_g1_part_mailbox { padding: 8px 8px; } .w_g1_p_txt { width: calc(100% - 44px); } /*地图弹窗 */ .w_videoms { display: none; position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); } .w_g1_close { position: absolute; right: 23px; top: 28px; font-size: 20px; line-height: 20px; cursor: pointer; z-index: 10; } .w_g1_close { font-size: 70px; color: #999999; font-weight: lighter; } .w_g1_section2s { width: 100%; background-color: #f6f9fb; padding-bottom: 64px; } .w_g1_section2 { max-width: 1400px; margin: 0 auto; } .w_g1_bottom { padding-top: 100px; } .w_g1_p_img { width: 44px; margin-top: 12px; } .w_g1_p_img img { width: 100%; } .w_g1_p_txt p { font-size: 30px; line-height: 1.75; color: #333; font-weight: bold; padding: 0 12px; } .w_g1_protit { padding: 10px 0; } /* .w_g1_protit::after { content: ""; height: 50px; width: 2px; background: #e5e5e5; position: absolute; top: 13px; left: 266px; } */ .w_g1_proleft { width: 355px; position: relative; padding: 0 70px; padding-right: 20px; border-right: 2px solid #eee; } .he_g1p3 .w_g1_proleft { border-right: 2px solid rgba(255, 255, 255, 0.2); } .w_g1_pronameimg, .w_g1_promailimg, .w_g1_prphoneimg { width: 20px; margin-top: 4px; } .w_g1_promailimg { width: 20px; margin-top: 5px; } .w_g1_pronameimg img, .w_g1_promailimg img, .w_g1_prphoneimg img { width: 100%; } .w_g1_proright { width: calc(100% - 360px); padding: 20px 40px; } .w_g1_proname p, .w_g1_promail p, .w_g1_prophone p { font-size: 16px; line-height: 1.75; color: #333; padding: 0 28px; height: 28px; overflow: hidden; } .w_g1_proli { background-color: #ffffff; padding: 46px 0; margin-bottom: 26px; width: 100%; } .w_g1_pronames { width: 234px; padding-left: 65px; } .w_g1_proname { width: calc(100% - 20px); } .w_g1_proname p { height: 28px; overflow: hidden; } .w_g1_promails { padding-left: 50px; width: 405px; } .w_g1_promail { width: calc(100% - 20px); } .w_g1_prophones { padding-left: 50px; width: 310px; } .w_g1_prophone { width: calc(100% - 20px); } /* e1 end */ .he_bannig img { width: 100%; } .he_syp2ig img { width: 100%; } .he_syp1qig img { width: 100%; } .he_b1px { /*margin-top: 80px;*/ } .he_b1px { width: 100%; position: relative; padding-top: 146px; padding-bottom: 106px; } .he_b1p1bx { width: 100%; position: relative; text-align: center; } .he_b1p1ti p { font-size: 40px; line-height: 1.75; color: #ffffff; font-weight: bold; } .he_b1pxul { position: relative; text-align: left; margin-top: 80px; } .he_b1pxli { width: 20%; border-right: 1px solid #637c8f; text-align: center; } .he_b1pxli:last-child { border: none; } .he_b1pxgy { display: inline-block; text-align: left; } .he_b1pxlp p span { font-size: 30px; line-height: 70px; color: #ffffff; font-family: Arial; padding-right: 3px; } .he_b1pxli p { font-size: 16px; line-height: 1.75; color: #ffffff; } .he_b1pxlp1 { margin-top: 5px; } .he_conab { width: 1500px; margin: 0 auto; } .he_b1pxmo { text-align: center; margin-top: 115px; } .he_b1pxmo .he_bante { display: inline-block; text-align: left; } .he_b1pxmo .he_bante .he_mora { background-image: url(/skin/images/more1.png); } .he_nymo .he_bante .he_mora { background-image: url(/skin/images/more1.png); } .he_b1ym .he_mianb { background: #f6f9fb; } .l_b1bx2li:nth-child(2n) { transform: translateY(-54px); } .he_b4dw { width: 100%; position: absolute; bottom: 0; left: 0; z-index: -1; height: 764px; } .he_b4dw img { position: relative; top: 0; left: 50%; transform: translateX(-50%); width: auto; height: 100%; } .he_fenye { padding-top: 45px; padding-bottom: 90px; } .he_d3p1 { position: relative; width: 100%; } .he_d3p1bx { width: 100%; position: relative; } .he_d3p1ble { width: 120px; } .he_d3p1bri { width: calc(100% - 120px); text-align: right; } .he_d3p1bul { text-align: center; display: inline-block; } .he_d3p1 { border-bottom: 1px solid #e6e6e6; } .he_d3p1bli { display: inline-block; padding: 0 76px; position: relative; cursor: pointer; } .he_d3p1big { width: 12px; position: relative; line-height: 32px; } .he_d3p1big .he_img1 { height: inherit; top: 14px; opacity: 0; } .he_d3p1big img { transition: all 0.36s; } .he_d3p1bip p { line-height: 32px; color: #666666; font-weight: bold; padding-right: 20px; transition: all 0.36s; } .he_d3p1bltp { position: relative; padding-top: 27px; padding-bottom: 27px; } .he_d3p1bltp::before { content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: #005bac; transition: all 0.36s; opacity: 0; } .he_d3p1bldb { position: absolute; top: 89px; left: 50%; transform: translateX(-50%); /* background: #f5f8fa; */ /* background-color: #fff; */ padding: 16px 35px; width: 230px; text-align: center; z-index: 10; display: none; } .he_d3p1blhe a { font-size: 14px; line-height: 42px; color: #666666; display: block; transition: all 0.36s; } .he_d3p1blhe { max-height: 252px; } .he_d3p1bldb .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; } .he_d3p1bldb .mCSB_inside>.mCSB_container { margin-right: 5px; } .he_d3p1bldb .mCSB_scrollTools { right: -7px; } .he_d3p1bldb { padding: 16px 14px; } .l_e1bx2img { display: none; } .l_e1bx2img:first-child { display: block; } .ll_ny { position: relative; } .he_g1p3 { width: 100%; position: relative; } .he_g1p3 { width: 100%; padding-top: 64px; padding-bottom: 52px; } .he_g1p3bx { width: 100%; position: relative; } .he_g1p3 .w_g1_proli { background: rgba(255, 255, 255, 0.1); } .he_g1p3 p { color: #fff; } .he_g1p3 p { color: #fff; } .he_g1p3te p { font-size: 18px; line-height: 30px; font-weight: bold; color: #ffffff; } .he_g1p3gy { display: inline-block; } .he_g1p3ar { width: 100%; text-align: center; } .he_g1p3te { margin-top: 10px; } .he_g1p3ig { animation: xl 1.2s infinite; } @keyframes xl { 0% { transform: translateY(0px); } 50% { transform: translateY(10px); } 100% { transform: translateY(0px); } } .he_b1ym .he_mian { background: #f6f9fb; padding-top: 20px; } .l_b3bg { width: 1128px; } .l_b3bg img { width: 100%; } .he_c1ye .l_tith4_1::before { display: none; } .he_c2ye .l_tith4_1::before { display: none; } .he_d1ulbc { height: 760px; overflow: hidden; } .l_d1box3_nr { position: relative; } .l_d1bxtx { width: calc(100% - 42px); height: 28px; /*overflow: hidden;*/ } .he_e2ym .he_content .w_e2_tu { width: 100%; padding-left: 6px; padding-right: 7px; } .l_e7btyli.on .l_e7btyear { float: right; } .he_g1ym .l_tith4_1::before { display: none; } /* 留言表单弹窗 */ .l_b5tcbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; background: rgba(0, 0, 0, 0.7); display: none; } .l_b5tcbox1 { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; background: rgba(0, 0, 0, 0.7); display: none; } .l_b5tcwin { width: 930px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .l_b5tcconr { width: calc(100% - 180px); background-color: #fff; padding-top: 45px; padding-bottom: 42px; padding-left: 65px; padding-right: 65px; position: relative; height: 534px; } .l_b5tcconr::before { content: ""; display: block; position: absolute; top: 14%; left: -10px; width: 0; height: 0; transition: all 0.36s; border-top: 10px solid transparent; border-right: 10px solid #fff; border-bottom: 10px solid transparent; } .l_b5tcconl { width: 180px; position: relative; } .l_b5tcconl::after { content: ""; width: 100%; height: 100%; background-color: rgba(0, 91, 172, 0.86); position: absolute; top: 0; left: 0; } /* .l_tcbg{ position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; } */ .l_tctit { position: absolute; top: 12%; left: 50%; transform: translateX(-50%); z-index: 1; } .l_tcbg img { width: 100%; } .l_tctit h6 { color: #fff; font-size: 22px; line-height: 1.75; font-weight: bold; } .l_b5close { position: absolute; width: 14px; height: 14px; right: 20px; top: 20px; text-align: right; } .l_b5close img { width: 100%; cursor: pointer; } .l_tcbd1, .l_tcbd2, .l_tcbd4, .l_tcbd5 { margin: 0 -30px; } .l_tclist1 { width: 50%; padding: 0 30px; position: relative; } .l_tcbd1, .l_tcbd3, .l_tcbd4 { margin-bottom: 42px; } .l_tcbd2 { margin-bottom: 36px; } .l_tclt { border-bottom: 2px solid #eeeeee; width: 100%; position: relative; } .l_tclt input { width: 100%; padding: 5px 0; position: relative; z-index: 10; } .l_tclt p { font-size: 16px; line-height: 24px; color: #333; position: absolute; bottom: 10px; left: 0; transition: all 0.36s; } .l_tcbd3t p { font-size: 16px; line-height: 24px; color: #333; transition: all 0.36s; } .l_tclt p span, .l_tcbd3t p span { color: #f61212; } .l_tclt::after { position: absolute; content: ""; bottom: -2px; left: 0; width: 0; height: 2px; background: #005bac; transition: all 0.36s; } .l_tclist1.on p { bottom: 33px; font-size: 14px; opacity: 0.3; } .l_tctexa { width: 100%; border-bottom: 2px solid #eeeeee; position: relative; } .l_tctexa textarea { width: 100%; resize: none; height: 58px; padding: 15px 0; } .l_yzm { width: 106px; margin-top: -40px; z-index: 10; position: relative; cursor: pointer; } .l_yzm img { width: 100%; } .l_yzmt { color: #005bac; font-size: 14px; margin-top: -28px; position: relative; z-index: 10; } .l_tclist1 .l_tsbut { margin-top: -30px; } .l_tctx p { color: #999; font-size: 14px; line-height: 1.75; } .l_tctx { margin-top: 28px; } .l_tcbd3.on p { bottom: 33px; font-size: 14px; opacity: 0.3; } .l_tcsuct { color: #333; font-size: 24px; line-height: 1.75; font-weight: bold; } .l_tcsucp p { color: #999; font-size: 16px; line-height: 1.75; } .l_b5tcconr1 { width: calc(100% - 180px); height: 534px; background-color: #fff; position: relative; text-align: center; } .l_b5tcbd1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .l_tcwin1 { top: 50%; } .l_tcsucp { margin-top: 10px; margin-bottom: 38px; } .mCSB_scrollTools .mCSB_draggerContainer { right: -12px; } /* b5 end*/ .l_b5tcbd { padding-top: 30px; } .he_bansli.slick-current .he_banp1 { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.2s; } .he_bansli.slick-current .he_banp2n { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.3s; } .he_bansli.slick-current .he_banp3n { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.4s; } .he_bansli.slick-current .he_bante { -webkit-animation: fadeInUp 1s ease both; animation: fadeInUp 1s ease both; animation-delay: 0.4s; } .l_b1box5_t { overflow: hidden; } .l_b7box4p { overflow: hidden; } .l_b7box2ul { overflow: hidden; } .w_c1_lbbox { overflow: hidden; } .w_c1_smlist { overflow: hidden; } .l_e5box1i { overflow: hidden; } .l_e5box2t { overflow: hidden; } .he_e6ym .g_sect1 { margin-top: 50px; margin-bottom: 90px; } .w_g1_partlist { overflow: hidden; } @media screen and (min-width: 1200px) { .pc_fenye li:hover { color: #fff; background-color: #005bac; } .he_lanbp a:hover { color: #f39800; } .he_navap:hover { color: #005bac; } .he_navap:hover::after { width: 100%; opacity: 1; } .he_syp3tili:hover p { color: #fff; background: #005bac; } .he_syp3brili:hover .he_syp3btple p { color: #005bac; } .he_syp3brili:hover .he_syp3bdri .he_img { opacity: 0; } .he_syp3brili:hover .he_syp3bdri .he_img1 { opacity: 1; } .he_syp3ble:hover .he_syp3btp1 p { color: #005bac; } .he_syp3bmoni:hover .he_syp3bmole p { color: #005bac; } .he_syp3bmoni:hover .he_syp3bmori .he_img { opacity: 0; } .he_syp3bmoni:hover .he_syp3bmori .he_img1 { opacity: 1; } .he_syp4tproi:hover .he_syp3bmole p { color: #005bac; } .he_syp4tproi:hover .he_syp3bmori .he_img { opacity: 0; } .he_syp4tproi:hover .he_syp3bmori .he_img1 { opacity: 1; } .he_fotofra a:hover { color: #fff; } .he_fotupig:hover .he_show { opacity: 0; } .he_fotupig:hover .he_hide { opacity: 1; } .he_fotupig:hover { border: 1px solid #fff; } .he_navculi:hover a { background: #005bac; color: #fff; } .he_mianbli a:hover { color: #005bac; } .he_d1p2bx:hover .he_syp2pnle { opacity: 1; } .he_b4p4tali:hover { background: #fff; color: #f39800; } .he_b4p4tali:hover p::after { opacity: 1; } .he_cenavli2:hover .mc_aside_zk { transform: translateX(0); } .he_cenavli3:hover .mc_aside_zk { transform: translateX(0); } .he_cenavli1:hover .mc_aside_zk1 { opacity: 1; right: 100%; transform: translateX(0); pointer-events: all; } .he_cenavli1:hover { background: #00479d; } .he_syp3ble:hover .he_syp3btig img { transform: scale(1.1); } .he_slidoedli a:hover .he_slipt p { color: #005bac; } .he_slidoedli a:hover .he_sliptig .he_img { opacity: 0 !important; } .he_slidoedli a:hover .he_sliptig .he_img1 { opacity: 1 !important; } .l_e3box2li:hover .l_e3box2_lis { background: rgba(0, 0, 0, 0); } .l_e3box2li:hover .l_e3box2_name h3 { color: #fff; } .l_e3box2li:hover .l_e3box2p p { color: #fff; } .l_e3box2li:hover .l_e3box2mt { color: #fff; } .l_e3box2li:hover .l_e3box2mi1 { opacity: 1; } .l_e3box2li:hover .l_e3box2mi2 { opacity: 0; } .l_b7box1_r:hover .l_b7tst { opacity: 1; } .l_b7box1_r:hover .l_b7tsi img { opacity: 1; } .l_b7box1_l:hover .l_b7tst { opacity: 1; } .l_b7box1_l:hover .l_b7tsi img { opacity: 1; } .l_b7box4hd:hover .l_b7tst { opacity: 1; } .l_b7box4hd:hover .l_b7tsi img { opacity: 1; } .l_b2box3_btn:hover { background-color: #005bac; } .l_b2box3_btn:hover .l_show { opacity: 0; } .l_b2box3_btn:hover .l_hide { opacity: 1; } .l_ts:hover .l_b7tst { opacity: 1; } .l_ts:hover .l_b7tsi img { opacity: 1; } .l_e1bx4li a:hover { box-shadow: 0px 7px 36.8px 3.2px rgba(19, 49, 98, 0.14); margin-top: -20px; } .l_d1bx2li1:hover .l_d1bx2bg1 { opacity: 1; left: 0; } .l_d1bx2li1:hover .l_d1bx2bg2 { opacity: 1; left: -190px; } .l_d1bx2li1:hover .l_d1bx2bg3 { opacity: 1; left: -150px; } .l_d1bx2li1:hover .l_d1icobox1 { opacity: 1; } .l_d1bx2li1:hover .l_d1icobox2 { opacity: 0; } .w_d6_lis:hover .w_d6_li_a { color: #005bac; } .l_d1bx2li1:hover .l_d1bx2ul { height: 393px; } .l_d1bx2li1:hover .l_d1bx2lis::after { opacity: 1; } .l_d1bx2li1:hover a { color: #fff; } .l_d1bx2li1:hover .l_d1bx2li { color: #fff; } .l_d1bx2li1:hover .l_d1bx2ulm { opacity: 1; } .l_d1bx2li1:hover .l_d1bx2ulm { opacity: 1; } /* C1新闻资讯 */ .w_c1_smlia:hover .w_c1_smlileft img { transform: scale(1.05); } .w_c1_smlia:hover .w_c1_smlbtitle { color: #005bac; } .he_bante:hover a { background-image: url(/skin/images/more.png) !important; } .he_d3p1bli:hover .he_d3p1bip p { color: #005bac; } .he_d3p1bli:hover .he_img { opacity: 0; } .he_d3p1bli:hover .he_img1 { opacity: 1; } .he_d3p1bli:hover .he_d3p1bltp::before { opacity: 1; } .he_d3p1bli a:hover { color: #005bac; } .w_c2s_tjli:hover .w_c2s_libg img { opacity: 1; z-index: 999; } .w_c2s_tjli:hover .w_c2s_timeimg img:nth-of-type(1) { opacity: 1; z-index: 998; } .w_c2s_tjli:hover a { opacity: 0.8; z-index: 998; } .w_c2s_tjli:hover .w_c2s_top_tittxt { color: #fff; } .w_c2s_tjli:hover .w_c2s_timetxt { color: #fff; } .w_c2s_tjli:hover .w_c2s_libg::after { opacity: 0.7; } .w_c2_lj div a:hover { color: #005bac; } .w_d3_cardli:not(.on) a:hover { background-color: #eff2f7; border-color: #005bac; } .w_d3_cardli:not(.on) a:hover .w_d3_img1 { opacity: 0; } .w_d3_cardli:not(.on) a:hover .w_d3_img2 { opacity: 1; } .w_d3_cardli:not(.on) a:hover .w_d3_cptxt { color: #005bac; } .w_d3_btn:hover { color: #fff; } .w_g1_partli:hover .w_g1_posimg1 { opacity: 0; } .he_pc_hd:hover { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .he_pc_hd:hover .he_img { opacity: 0; } .he_pc_hd:hover .he_img1 { opacity: 1; } .he_pc_hd:hover .he_navap { color: #333333; } .he_pc_hd:hover .he_sear .icon-search { color: #666666; } .he_syp4tpnig:hover img { transform: scale(1.05); } .w_c1_luns:hover .w_c1_lbtitle { color: #005bac; } .w_c1_luns:hover .w_c1_lbimg img { transform: scale(1.05); } .l_d1bx2li1:hover .l_d1bx2tit1 h3 { color: #fff; } } /*载入效果*/ .g_fadein1 { -webkit-animation: fadeIn 1s ease both; animation: fadeIn 1s ease both; animation-delay: 0.3s; } .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_bounceIn1 { -webkit-animation: bounceIn 1s ease both; animation: bounceIn 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_bansli { display: none; } .he_bansli:first-child { display: inline-block; } .he_syp4dpli { width: 20%; text-align: left; } .he_syp4dpli1 { width: 31%; } /* .he_syp4dnk{ display: ; } .he_syp4dnk1 { display: inline-block !important; text-align: center; width: 100%; } */ .he_aygunb { display: inline-block; } .he_nybx .he_navli.yxnav_active1 .he_bante a { color: #fff !important; } .he_syp9k2w { margin-top: 30px; } .he_syp2ny { display: none; } .he_syp2ny:first-child { display: block; } .he_syp4tpnig { overflow: hidden; cursor: pointer; } .he_syp4tpnig img { transition: all 0.36s; } .he_bante { display: inline-block; } .l_b2box4p2 { padding-right: 118px; } .he_b4p2bthu p { font-size: 14px; line-height: 28px; height: 56px; } .he_d3ym .he_mianb { width: 40%; float: left; } .he_d3ym .he_d3p1bri { width: 60%; } .w_d6_section3 { margin-top: -1px; } .l_tclt input { position: relative; z-index: 10; } .l_e1bx4lis { cursor: inherit; } .he_e5ym .l_e5box2 .l_tswk { background: #f5f8fa; } .l_e7btyli .l_e7btps { text-align: left; } .l_e7btyli.on .l_e7btps { text-align: right; } .he_ph_hd .he_img { opacity: 0; } .he_ph_hd .he_img1 { opacity: 1; } .he_ph_hd .he_langte { line-height: 64px; } .he_ph_hd .he_lanri { line-height: 64px; } .he_ph_hd .he_langte .he_img1 { top: 21px; } .he_ph_hd .he_lanri .he_img1 { top: 30px; } .he_ph_hd .he_lanbp { top: 64px; } .he_sybtpc { display: none; } .he_c1ye .g_sect1 { overflow: hidden; } .he_bannig { position: relative; width: 100%; } .he_bannig::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); } .he_bannig:first-of-type::after { background: rgba(0, 0, 0, 0); } .w_d5_section3 { margin-top: -1px; } .w_d4_section3 { margin-top: -1px; } .w_d3_section3 { margin-top: -1px; } .w_d5_lis { width: 100%; } .w_d5_liimg { width: 500px; } .w_d5_litxt { width: calc(100% - 500px); } .w_d5_liimg img { width: 100% !important; } .he_syp4dpli1 .he_syp4dnk p span { color: red; } .he_syp4dpli1 .he_syp4dnk p { color: red; } .he_syp4dpli1.on .he_syp4dnk p { color: green; } .he_syp4dpli1.on .he_syp4dnk p span { color: green; } .w_d5_litxt h3 { font-size: 18px; height: 31px; } .he_d3p1bul { width: 100%; } .l_b3box1li.slick-center .l_b3lip { font-size: 24px; } .l_b3box1ul .slick-track { padding-top: 30px; } .l_b3lip { width: 100%; } .l_b3box1 { padding-top: 50px; } .he_d3bli { display: inline-block; } .w_d3_cpimg { margin-left: 0px !important; } .he_d3ym .w_d4_doenli { margin-bottom: 100px; } /* sumi-11.25-改 */ .l_b1bx2ul { display: flex; flex-wrap: wrap; align-items: stretch; } .l_b1bx2lis { height: 100%; } .l_b1bx2libt p { height: auto; } .l_b1bx3ul { display: flex; flex-wrap: wrap; align-items: stretch; } .l_b1bx3li { height: 100%; } .l_b1bx3p p { height: auto; } .l_b1bx3li::before { height: 79%; } .he_b4p1weti p { max-height: inherit; } .he_b4p2btri p { height: auto; } .he_b4p2bxul { display: flex; flex-wrap: wrap; align-items: stretch; } .he_b4p2bxli { height: auto; padding: 50px 30px 50px; } .he_b4p2tvc { height: 100%; } .he_b4p2bti p { height: auto; font-size: 16px; line-height: 1.75; } .he_b4p2bthu p { height: auto; font-size: 12px; line-height: 1.75; } .he_b4p2bthu { margin-top: 10px; } .he_b4p2bj { height: auto; width: 100%; position: relative; } .he_b4p2bx { position: inherit; z-index: 10; padding: 98px 0 92px; overflow: hidden; background-image: url(/skin/images/b4pibj.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .he_b4p2bic { width: 40px; } .he_swipep1 p { height: 160px; } .w_c1_lbtitle.l_tith4_1 { height: auto; } .w_c1_lbnr.l_dlp2_1 { height: auto; } .he_slidolpo p { height: auto; } .l_d1bxlil { width:170px; } .l_d1bxlir { width: calc(100% - 200px); } .l_e5box1p p { color: #666; font-size: 16px; line-height: 2; } .l_e5box1ip p { height: auto; } .w_c1_smlbtitle.l_tith4_1 { height: auto; } .w_c1_smlia { display: flex; align-items: center; } .w_c1_smliright { padding: 0; padding-left: 65px; } .w_c1_smbq { width: auto; padding: 0 20px; } .w_c1_bq { width: auto; padding: 0 20px; } .w_c1_smlbnr.l_dlp2_1 { height: auto; } .l_b1bx5i { width: 29px; margin-right: 0; } .l_b1bx5i img { width: 100%; } .l_b1bx5t { width: calc(100% - 29px); padding-left: 15px; } .l_b1bx3p { padding-top: 26px; } .l_b1bx3lis { padding: 32px 0 31px; } .l_b1bx4p p { height: inherit; } .he_swipep1 p { height: inherit !important; } .w_c1_lb_left { padding-top: 0px !important; padding-bottom: 0px !important; } .l_d1bxli1 { padding: 0 7px; } .l_d1bxlis { margin: 0 -7px; } .l_d1bxli1 { width: 33.333333%; } .l_e1bx3p2 p { height: inherit !important; } .l_e1bx5p p { height: inherit !important; } .l_e1bx6p p { height: inherit !important; } .l_b1bx3li::before { height: 72%; } .he_b4p2tig { top: inherit; bottom: 0; } .he_b4p2bxli { background: #fff; } .l_e3box1lis::before { top: 30px; } .l_e3box4 { overflow: hidden; } .l_e5box1li { padding: 0px 30px; } .l_e5box1ul { margin: 0 -30px; } .l_e5box1n h4 { font-size: 22px; line-height: 1.5; } .l_e5box1ip p { font-size: 14px; } .l_e5box1ul { display: flex; align-items: stretch; flex-wrap: wrap; } .l_e5box1ip p { height: inherit; } /* 2022.01.12-sumi-改 */ .he_bante .he_mora { text-align: center; padding-left: 0; } .he_syp2k2 p { max-height: inherit; } .he_syp2nle::after { height: 620px; } .he_swipep p { height: auto; } .l_title { width: calc(100% - 44px); padding-left: 20px; } .l_titimg { margin-right: 0; } .w_d5_litxt h3 { height: auto; } .w_d5_litxt p { height: auto; } .he_syp2k2 { margin-top: 12px; } .he_banp1n { font-size: 24px; } .he_syp2k1 p { height: 84px; } .he_syp2k2 p { font-size: 14px; line-height: 1.75; height: auto; } .he_syp2nli { margin-right: 100px; } .he_syp2nle::after { height: 545px; } /* .he_syp4tproi a { padding: 40px 40px 40px 40px; } */ .he_sypiswite { width: calc(100% - 54px); } .he_syp4tpk1 p { max-height: 224px; } .he_syp4mo { margin-top: 35px; } .he_syp4tproi a { padding: 100px 40px 58px 40px; } .he_swipep p { line-height: 1.75; } .l_b7box2li_l { width: 350px; } .l_b7box2li_r { width: calc(100% - 350px); padding-left: 25px; } .he_b4p5ble { position: relative; z-index: 10; } .he_d3p1bli { padding: 0px 30px; } .search-pagination { text-align: center; } .heb1 { display: block; } .heb2 { display: none; } /*关于修改模块1*/ .cpy-8 { padding-top: 100px; padding-bottom: 80px; } .about-img img { width: 100%; } .about-content { padding-left: 40px; } .about-img img { width: 100%; } .about-img { align-items: center; display: flex; height: 100%; } .sec-head h4 { color: #0068c5; font-size: 18px; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; } .sec-head h2 { font-size: 40px; color: #333; text-transform: capitalize; } .about-content p { padding-bottom: 15px; font-size: 15px; line-height: 28px; } .mb-3 { margin-bottom: 16px; } .mb-2 { margin-bottom: 8px; } .mb-4 { margin-bottom: 24px; } p.about-li { padding-bottom: 7px; font-size: 15px; font-weight: 600; color:#333; display: flex; align-items: center; } p.about-li i { color: #0068c5; margin-right: 5px; } .signature { margin-top: 20px; } .signature img { margin-left: 25px; } h2.inside-head { font-size: 36px; } /* ==========custom button ==== */ .custom-btn { outline: none; background: rgb(255, 166, 27); color: #fff; padding: 10px 28px; transition: .3s; display: inline-block; border: none; text-transform: uppercase; line-height: 28px; font-weight: 600; } .custom-btn-alt { outline: none; background: #fff; color: rgb(255, 166, 27); padding: 10px 35px; transition: .3s; display: inline-block; } .custom-btn-alt:hover { background: rgb(255, 166, 27); color: #fff; } .custom-btn:hover { background: #000; color: #fff; } @media screen and (max-width: 992px){ body{ padding-top: 64px; } .about-content { padding-left: 0; } .about-content p{ line-height: 23px; } .pb-4 { padding-bottom: 24px; } h2.inside-head { font-size: 26px; } .custom-btn { padding: 10px 18px;font-size: 12px; }.signature img { margin-left: 12px; }p.about-li { font-size: 14px; } .sec-head h4{ font-size: 16px; }.cpy-8 { padding-top: 60px; padding-bottom: 40px; } } /*图片列表*/ .section_tp { padding: 50px 0 90px; overflow: hidden; background: #fff; } .margin-50px-bottom { margin-bottom: 50px; }.text-theme-color { color: #005bac; } .margin-15px-bottom { margin-bottom: 15px; } .font-weight-400 { font-weight: 400; } .letter-spacing-3 { letter-spacing: 3px; } .font-size13 { font-size: 13px; line-height: normal; }.margin-30px-bottom { margin-bottom: 30px; }.font-size24 { font-size: 20px; line-height: normal; } .text-uppercase { text-transform: uppercase !important; }.no-margin-bottom { margin-bottom: 0 !important; }.text-white { color: #fff !important; } .line-height-45 { line-height: 45px; }.font-size18 { font-size: 18px; line-height: 26px; }.margin-10px-bottom { margin-bottom: 10px; } .font-weight-500 { font-weight: 500; } .font-size38 { font-size: 28px; line-height: normal; } .portfolio-block .item-img{ position:relative } .portfolio-block .item-img:after{ content:""; height:100%; width:100%; background-color:rgba(0,0,0,0.75); position:absolute; top:0; bottom:0; left:0; right:0; visibility:hidden; opacity:0; transition:all 0.3s ease-in-out } .portfolio-block:hover .item-img:after{ visibility:visible; opacity:1 } .portfolio-block .item-content{ text-align:center; position:absolute; top:60%; left:0; right:0; transform:translateY(-50%); visibility:hidden; opacity:0; transition:all 0.5s ease-out } .portfolio-block:hover .item-content{ top:50%; visibility:visible; opacity:1; transition-delay:0.3s } .portfolio-block .item-icon a{ height:40px; width:40px; background-color:#fdb821; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto } .portfolio-block img { max-width: 100%; height: auto; } .gallery .col-lg-4:nth-child(3n+1){ clear: both; } @media screen and (max-width: 1199px){ .portfolio-block .item-icon a{ height:35px; width:35px } .xs-margin-20px-bottom { margin-bottom: 20px !important; }.xs-margin-30px-bottom { margin-bottom: 30px !important; }.xs-font-size28 { font-size: 28px; line-height: 34px; } } .pagination>li>a, .pagination>li>span{ font-size: 14px; } /*首页模块1*/ :root { /* ====colors======= */ --main-color: #ffa61b; --title-color: #102039; --dark-color: #222222; --text-color: #505050; --white-color: #ffffff; --black-color: #000; /* ====colors end======= */ } .project { background: #f8f8f8;padding-bottom: 80px; } .sec-title { display: flex; justify-content: center; align-items: center; text-align: center; } .sec-head p{ line-height:28px ; } .sec-head h2{ margin-bottom: 30px; } .mt-5 { margin-top: 3rem !important; } .work-details { background: #00000061; height: 100%; width: 100%; display: flex; align-items: end; padding: 30px 10px; } .work-img:hover .work-details { opacity: 1; visibility: visible; } .work-img { position: relative; height: 100%; } .work-name { color: var(--white-color); font-weight: 600; font-size: 24px; transition: .3s; } .work-name:hover { color: var(--main-color); } h5.work-category { color: var(--white-color); text-transform: capitalize; font-family: var(--title-font); margin-bottom: 5px; } .work-img img { width: 100%; height: 100%; } .project .col-md-12{ padding-left: 0;padding-right: 0; } @media screen and (max-width: 1000px) { .project .col-md-12{ padding-left: 0;padding-right: 0; } } /*横幅*/ .slider { position: relative; } .slider.fixed-slider { position: fixed; top: 0; left: 0; right: 0; } .slider .swiper-slide-active { z-index: 3; } .slider .parallax-slider { position: relative; height: 700px; } .slider .parallax-slider .swiper-slide { position: relative; overflow: hidden; width: 100%; padding-bottom: 50px; } .slider .parallax-slider .swiper-slide .bg-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center; } .slider .parallax-slider .swiper-slide-active .caption h1 { opacity: 1; animation: fadeInLeft .8s; -webkit-animation-delay: 1s; animation-delay: .3s; } .slider .parallax-slider .caption { text-align: center; padding-top: 70px; } .slider .parallax-slider .caption h1 { font-size: 34px; font-weight: 700; color: #fff; opacity: 1; visibility: visible; line-height: normal; } .slider .parallax-slider .caption p { color: #fff; font-size: 16px; font-weight: 400; margin: 20px 0; opacity: 1; line-height: 1.8; } .slider .parallax-slider .swiper-slide-active .caption p { color: #fff; font-weight: 400; opacity: 1; animation: fadeInRight .8s; } .slider .parallax-slider .swiper-slide-active .caption .home-slider-btn { position: relative; opacity: 1; animation: fadeInLeft 1s; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; } .slider .control-text { position: absolute; top: 50%; z-index: 8; width: 100%; height: auto; align-items: center; display: flex; justify-content: space-between; } .slider .control-text .swiper-nav-ctrl { color: #fff; font-size: 15px; font-weight: 600; margin-left: 15px; margin-right: 15px; position: static; width: auto; height: auto; display: inline-block; background: transparent; padding: 5px 10px; border-radius: 3px; } .slider .control-text .swiper-nav-ctrl:after { font-size: 20px; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; display: block; text-align: center; background: rgb(0, 0, 0, 0.3); } .slider .swiper-pagination-bullets { bottom: 20px; } .slider .swiper-pagination-bullet { background: #fff; opacity: .4; } .slider .swiper-pagination-bullet-active { background: #fff; opacity: 1; } .valign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slider .row { display: flex; justify-content: center; } .default-btn { border: none; position: relative; display: inline-block; text-align: center; overflow: hidden; z-index: 1; color: #ffffff; background-color: #5e87eb; -webkit-transition: 0.4s; transition: 0.4s; border-radius: 50px; font-weight: 600; font-size: 15px; padding-left: 35px; padding-right: 35px; padding-top: 12px; padding-bottom: 12px; } .default-btn span { position: absolute; display: block; width: 0; height: 0; border-radius: 50%; background-color: #ffa117; -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out; transition: width 0.5s ease-in-out, height 0.5s ease-in-out; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; border-radius: 30px; } .default-btn:hover, .default-btn:focus { color: #ffffff; } .default-btn:hover span, .default-btn:focus span { width: 225%; height: 562.5px; } .default-btn-one { border: none; position: relative; display: inline-block; text-align: center; overflow: hidden; z-index: 1; color: #5e87eb; background-color: #ffffff; -webkit-transition: 0.4s; transition: 0.4s; border-radius: 50px; font-weight: 600; font-size: 15px; padding-left: 35px; padding-right: 35px; padding-top: 12px; padding-bottom: 12px; margin-top: 5px; margin-right: 20px; box-shadow: 0 7px 25px rgb(123,104,238,0.25); } .default-btn-one span { position: absolute; display: block; width: 0; height: 0; border-radius: 50%; background-color: #ffa117; -webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out; transition: width 0.5s ease-in-out, height 0.5s ease-in-out; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: -1; border-radius: 30px; } .default-btn-one:hover, .default-btn-one:focus { color: #ffffff; } .default-btn-one:hover span, .default-btn-one:focus span { width: 225%; height: 562.5px; } [data-overlay-dark="6"]:before, [data-overlay-light="6"]:before { opacity: .6; } [data-overlay-dark]:before { background:rgba(2,5,11,0.6); } [data-overlay-dark]:before, [data-overlay-light]:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .slider .container { position: relative; z-index: 2; } @media screen and (max-width: 1000px) { .slider .parallax-slider .caption h1 { font-size: 25px; }.default-btn-one { margin-right: 10px; }.slider .parallax-slider .caption { text-align: center; padding-top: 0px; } } /*技术支持*/ /*技术支持*/ .n-services { padding:56px 0 50px; } .n-services .title { margin-bottom:52px; } .n-services .tabul-container { padding-bottom:2px; position:relative; margin-bottom:84px; } .n-services .tabul-container:before { content:""; position:absolute; width:100%; bottom:1px; left:0; height:1px; background:rgba(0,0,0,0.1); transition:all .6s; } .n-services .tabul-container .swiper-slide { width:auto; margin-right:90px; } .n-services .tabul-container .swiper-slide:last-child { margin-right:60px; } .n-services .tabul-container a { color:#000; transition:all .6s; position:relative; padding:0 0 20px; display:block; } .n-services .tabul-container a:before { content:""; position:absolute; width:100%; bottom:-2px; left:0; height:4px; background:#FDCE00; transform:scale(0,1); transform-origin:left center; transition:all .6s; } .n-services .tabul-container .swiper-slide:hover a,.n-services .tabul-container .swiper-slide.cur a { color:#fdce00; } .n-services .tabul-container .swiper-slide:hover a:before,.n-services .tabul-container .swiper-slide.cur a:before { transform:scale(1,1); } .n-services .warptext { background:#f7f7f7; border-radius:1rem; padding:80px 80px 100px; } .n-services .warptext .img { width:280px; } .n-services .warptext .img img{ width: 100%; } .n-services .warptext .ulbox { width:calc(100% - 400px); max-height:600px; padding-right:15px; overflow-y:auto; } .n-services .warptext .ulbox .li { padding:32px 0; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); } .n-services .warptext .ulbox .li:nth-child(1) { padding-top:0; } .n-services .warptext .ulbox .li:nth-child(1) .iconbtn { top:6px; } .n-services .warptext .ulbox .sp { width:40%; padding-right:3%; cursor:pointer; } .n-services .warptext .ulbox .text { width:60%; padding-right:10%; /*margin-bottom:.6rem; */ display:none; } .n-services .warptext .ulbox .text p{ line-height: 1.8; } .n-services .warptext .ulbox .iconbtn { width:30px; height:30px; position:absolute; right:0; top:30px; z-index:1; cursor:pointer; } .n-services .warptext .ulbox .iconbtn .icon { width:20px; height:20px; fill:#333; transition:all .5s; } .n-services .warptext .ulbox .iconbtn .icon:nth-child(1) { opacity:1; } .n-services .warptext .ulbox .iconbtn .icon:nth-child(2) { opacity:0; } .n-services .warptext .ulbox .li.on .icon:nth-child(1) { opacity:0; } .n-services .warptext .ulbox .li.on .icon:nth-child(2) { opacity:1; } .n-services .warptext .ulbox .li.on:nth-child(1) .iconbtn { top:6px; } .n-services .warptext .ulbox .li.on .iconbtn { top:24px; } .n-services .warptext .ulbox .li.on .sp { color:#fdce00; } .f-no-b-start { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-start; } svg:not(:root) { overflow: hidden; } .tran-middle { position: absolute; top: 50%; left: 50%; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); } .por { position: relative; } .ovh { overflow: hidden; } .f-no-b-center { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; } .line-2 { line-height: 1.2; } .text-bold { font-weight: bold; } .tit-24 { line-height: 1.8; font-size: 24px; } .tit-42 { line-height: 1.8; font-size: 42px; } .col-000 { color: #000; } .tit-20 { line-height: 1.8; font-size: 20px; } .line-2 { line-height: 1.2; } .tit-16 { line-height: 1.8; font-size: 16px; } .col-555 { color: #555; } .line-10 { line-height: 2; } #gfn{ position: relative;top: -50px; } ::-webkit-scrollbar, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track-piece { width: 5px; } ::-webkit-scrollbar-track-piece { background-color: #ccc; } ::-webkit-scrollbar { background-color: #111; } ::-webkit-scrollbar-thumb { background-color: #333; } ::-webkit-scrollbar-thumb:hover { background-color: #111; } @media (max-width:1024px) { .n-services .warptext .img { width:100%; margin-bottom:1rem; display:none; } .n-services .warptext .ulbox { width:100%; max-height:none; overflow-y:initial; padding-right:0; } }@media (max-width:996px) { .n-services .tabul-container .swiper-slide{ margin-right: 30px; } .n-services .warptext .ulbox .li:nth-child(1) .iconbtn { top:-0.1rem; } .n-services .warptext .ulbox .li.on:nth-child(1) .iconbtn { top:-0.1rem; } .n-services .tabul-container { margin-bottom:20px; } .n-services { padding:50px 0; } }@media (max-width:767px) { .n-services .warptext .ulbox .sp { width:calc(100% - 60px); } .n-services .warptext .ulbox .text { width:100%; margin-top:20px; } .n-services .warptext { padding:30px 20px; } .n-services .title { margin-bottom:20px; } .n-services .warptext .ulbox .iconbtn { width:25px; height:25px; } .tit-42 { font-size: 26px; }.tit-24 { font-size: 16px; }.tit-20 { font-size: 16px; }.tit-16 { font-size: 14px; } } .w1640 { max-width: 1640px; width: 88%; margin: 0 auto; } /*下载*/ .n-services .ulbox.xzls { width: 100%; max-height: 6000px; padding-right: 0; overflow-y: visible; } .ulbox.xzls .li:hover .img img { transform: scale(1.08, 1.08); } .ulbox.xzls .img img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.02, 1.02); transition: all .8s; } .ulbox.xzls .img { border-radius: 22px; height: 320px; overflow: hidden; margin-bottom: 22px; position: relative; } .n-services .ulbox.xzls .li { width: 31.7%; margin-right: 2.45%; margin-bottom: 50px; border: 0;padding-top: 0;padding-bottom: 0; } .f-no { display: flex; flex-flow: row wrap; } .n-services .ulbox.xzls .li:nth-child(3n){ margin-right: 0; } @media (max-width: 767px){ .n-services .ulbox.xzls .li { width: 100%; margin-right: 0 !important; margin-bottom: 30px; } .n-services .ulbox.xzls .img{ height: 200px; } } /*联系新*/ .lxcnhz{ padding: 50px 0; } .lxcnnrrfx svg{ height: 25px;fill: #fff!important; } .lxcnnrl svg{ height: 14px;fill: #696969; transition: fill 0.3s; } .lxcnnrrfx a{ width: 50px; height: 50px;border-radius: 50px; margin-right: 10px;display: flex; align-items: center;justify-content: center; } .lxcnnrrfx a:nth-child(1){ background: #0077b5; } .lxcnnrrfx a:nth-child(2){ background: #3b5998; } .lxcnnrrfx a:nth-child(3){ background: #cd201f; } .lxcnnrrfx a:nth-child(4){ background: #000; } .lxcnnrrfx{ display: flex;margin-top: 20px;justify-content: center; } .lxcnnrr{ text-align: center; } .ghmfk{ max-width: 100%;display: block;margin: 0 auto; width: 150px; } .dsinl{ display: inline-block;margin-right: 50px; } .lxcnhz{ width: 1000px;margin: 0 auto;max-width: 95%; } .lxt1{ font-size: 22px;font-weight: bold;text-align: center; color: #000; } .lxt2{ font-size: 16px;text-align: center; color: #000;margin-top: 20px; } .lxcnnr{ margin-top: 40px; background: url(../images/contact-bg-1.jpg); background-repeat: no-repeat; background-size: auto;background-position: center; box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.26); } .lxcnnrcon{ display: flex;justify-content: space-between;align-items: center; } .lxcnnrtop{ padding:50px 50px 0; } .lxcnnrcon>div{ width: 49%;padding:50px; } .lxcnnrl1{ font-size: 20px;font-weight: bold; margin-bottom: 30px; } .lxcnnrl1n p span{ font-size: 16px;color: rgb(105, 105, 105); line-height: 1.6; } .lxcnnrl1n p{ margin-bottom: 20px; } .lxcnnrl1n svg{ margin-right: 10px; } .lxcnnrl1n{ margin-bottom: 0px; } .lxcnnrr1{ font-size: 14px;color: rgb(105, 105, 105);margin: 20px 0 40px;text-align: center; } .lxcnnrr img{ max-width: 100%; /*height: 160px;*/ } @media screen and (max-width: 1000px) { .lxcnnrcon{ display: block; } .lxcnnrcon>div { width: 100%; padding:0px; } .dsinl{ display: block;margin-right: 0px; } .lxcnnr>div{ width: 100%;padding:30px; margin-bottom: 0px; } .lxcnnr{ flex-wrap: wrap; } .lxt2 { font-size: 14px; } .lxt1 { font-size: 26px; } .lxcnnrl1 { font-size: 22px; margin-bottom: 25px; } .lxcnnrl1n p span { font-size: 14px; } .lxcnnrl1n p { margin-bottom: 15px; } } /*发展历程*/ .fzlc{ padding: 100px 0 200px; height: 460px;box-sizing: content-box; } .fzlcic{ height: 460px;width: 100%;position: relative; } .fzlcickh{ height: 200px;width: 100%; } .fzlcic{ display: flex;flex-wrap: wrap;justify-content: space-between; } .fzlcicnr{ width: 100%;height: 200px; padding-left: 60px; /*text-align: center;*/ } .fzlct1{ /*position: absolute;left: 0;top:50%;transform: translate(0, -50%);*/ height: 60px;width: 100%;text-align: center; display: flex;align-items: center;justify-content: flex-start; padding: 0 10px; font-size: 22px;font-weight: bold;color: #fff;position: relative; } .fzlct1:after{ content: ""; width: 58%; height: 2px; background: #fff; position: absolute; right: 0; top:50%;transform: translate(0, -50%); } .fzlct1:before{ content: ""; width: 0%; height: 2px; background: #fff; position: absolute; left: 0; top:50%;transform: translate(0, -50%); } .fzlct2{ font-size: 16px;line-height: 1.6; margin-top: 10px;text-align: left; padding-right: 10px; height: 75px;overflow-y: auto;color: #3f60aa; } .fzlct2 p{ line-height: 1.6; } .fzim1 img{ max-height: 63px; } .fzlc .swiper-container{ padding: 70px 0; } .fzlc>div{ position: relative; } .fzlct2::-webkit-scrollbar, .fzlct2::-webkit-scrollbar-thumb, .fzlct2::-webkit-scrollbar-track-piece { width: 2px; } .fzlct2::-webkit-scrollbar-track-piece { background-color: #f5f5f5; } .fzlct2::-webkit-scrollbar { background-color: #111; } .fzlct2::-webkit-scrollbar-thumb { background-color: #ccc; } .fzlct2::-webkit-scrollbar-thumb:hover { background-color: #000; } .fzlct1 span{ position: absolute; left: 38px; top: -161px;width: 4px;height: 160px; background-image: linear-gradient(to bottom, #4FA9DD, #74C78F); } .jbbg{ width: 100%; height: 60px; position: absolute; left: 0; top:50%;transform: translate(0, -50%); background-image: linear-gradient(to right, #4FA9DD, #74C78F); } .jbbgsj{ display: block; width: 0; height: 0; border-width: 30px 0px 30px 45px; border-style: solid; border-color: transparent transparent transparent #74C78F; position: absolute; right: -45px; top: 0; } @media screen and (min-width: 768px) { .fzlc .swiper-slide:nth-child(2n) .fzlcic{ flex-direction:column-reverse; } .fzlc .swiper-slide:nth-child(2n) .fzlcicnr{ padding-top: 52px; } .fzlc .swiper-slide:nth-child(2n) .fzlct1 span{ left: 38px; top: 60px; background-image: linear-gradient(to top, #4FA9DD, #74C78F); } } @media screen and (max-width: 768px) { .fzlcickh{ display: none; } .fzlc { padding: 0; height: 400px; margin-bottom: 40px; } .fzlcic{ height: 260px; } .jbbgsj{ display: none; } .jbbg{ left: 0; top:inherit;bottom:40px; } .fzlct1:after { width: 70%; } } @media screen and (min-width: 768px) { .about>.container>.row{ display: flex;align-items: center; } } .lxbdhz .l_b5tcbox{ position: relative;background: #f5f5f5;padding:100px 0; } .lxbdhz .l_b5tcwin { width: 1000px; position: relative; top: 0%; left: 0%; transform: translate(-0%, -0%); display: block;margin: 0 auto; } .lxbdhz .l_b5close{ display: none; } @media screen and (max-width: 768px) { .lxbdhz .l_b5tcwin { width: 95%; } .lxbdhz .l_b5tcconr{ height: auto; } }