/* ESG */ @font-face { font-family: 'MyFont'; /* 瀹氫箟瀛椾綋鍚嶇О */ src: url('../font/SourceHanSansCN-ExtraLight.otf'); /* 瀹氫箟瀛椾綋鏂囦欢璺緞 */ } /* ESG */ .newb_list { padding: 40px 0 0px 0; } .esga { padding: 60px 60px 100px 60px; background: #eef0f7; } .esga_tit { text-align: center; } .xiazai:hover { cursor: pointer; } .esga_p1 { color: #000; line-height: 1.4; /* margin-top: 20px; */ font-size: 50px; } .esga_list { display: flex; justify-content: space-between; margin: 40px 0 20px 0; } .esga_list li { width: 30%; text-align: center; } .esga_p2 { font-size: 35px; font-weight: bold; color: var(--green); margin-top: 10px; } .esga_list img { height: 60px; } .esga_p3 { color: #999; font-size: 14px; text-align: right; } .esgb { padding: 0 60px 100px 60px; background: #eef0f7; } .esgb_main { position: relative; } .esgb_main img { width: 100%; border-radius: 20px; } .esgb_title { position: absolute; top: 50%; left: 22%; transform: translate(-50%, -50%); color: #fff; } .esgb_p1 { /* margin-top: 10px; */ font-size: 16px; } .esgb_p1:last-child { margin-bottom: 20px; } .esgb_h2 { margin-top: 20px; font-size: 50px; margin-bottom: 70px; text-align: left; } .esgb_p2 { margin-top: 30px; } .esgb_p3 { justify-content: start; margin-top: 45px; } .esgb_p3 svg { transform: rotate(135deg); top: -3px; } .esgb_p3 .pubmore-fff:hover svg { transform: rotate(135deg); top: -3px; } .esgd { padding: 40px 60px; background: #eef0f7; } .esgd_swiper { margin-top: 45px; padding: 20px; box-shadow: 0px 1px 87.12px 0.88px rgba(168, 168, 168, 0.25); position: relative; background: #fff; border-radius: 20px; } .esgd_po { position: absolute; bottom: 40px; right: 40px; z-index: 11; } .esgd_click { position: absolute; top: -3px; left: 22px; } .esgd_item { display: flex; justify-content: space-between; align-items: center; } .esgd_page { display: flex; justify-content: space-between; width: 100px; } .esgd_click span { margin: 0 5px; } .esgd_click .swiper-pagination-bullet-active { background: var(--green); } .esgd_ul1 { width: 50%; } .esgd_ul1 img { width: 100%; } .esgd_ul2 { width: 40%; padding: 0 60px; } .esgd_p1 { font-size: 30px; font-weight: bold; font-family: 'Poppins', Arial, Helvetica, sans-serif; font-weight: 100; } .esgd_p2 { font-size: 40px; font-weight: bold; line-height: 1.4; } .esgd_p3 { justify-content: start; } .esgd_p3 .pubmore { border: 1px solid rgb(0, 0, 0, 0.6); } .esgd_p3:hover .pubmore { border: 1px solid var(--green); } .esgd_p3 .pubmore-fff .pwz1 { color: #000; } .esgd_p3 .pubmore-fff .svg-fff { fill: #000; top: -3px; } .esgd_p3 svg { transform: rotate(135deg); } .esgd_p33 svg { transform: rotate(0deg); } .esgd_p3 .pubmore svg { height: 14px; } .esgd_p3 .pubmore-fff:hover svg { transform: rotate(135deg); top: -3px; } .esgd_p33 .pubmore-fff:hover svg { transform: rotate(0deg); top: 0px; } .esgd_p33 .pubmore-fff .svg-fff { top: 0; } .esgd_p31 .pubmore-fff .svg-fff { top: 0; } .esgd_p31 svg { transform: rotate(0deg); } .esgd_p31 .pubmore-fff:hover svg { transform: rotate(0deg); top: 0px; } .esgd_p4 .pubmore-fff .svg-fff { fill: #000; top: 0px; } .esgd_p4 svg { transform: rotate(0deg); } .esgd_p4 .pubmore svg { height: 16px; } .esgd_p4 .pubmore-fff:hover svg { transform: rotate(0); top: 0px; } .esgd_p4 svg { width: 16px !important; height: 16px !important; } .esgc { background: #eef0f7; } .esgc_swiper { position: relative; } .esgc_item { padding-bottom: 60px; } .esgc_bgimg1 { background-image: url("../demo/esgc_img1.jpg"); height: 898px; background-size: cover; background-position: center; background-repeat: no-repeat; /* margin-top: 60px; */ } .new_bgimg1 { background-image: url("../demo/new_bg1.jpg"); } .new_bgimg2 { background-image: url("../demo/new_bg2.jpg?v2"); } .new_bgimg3 { background-image: url("../demo/new_bg3.jpg"); } .esgc_bgimg2 { background-image: url("../demo/esgc_img2.jpg"); } .esgc_bgimg3 { background-image: url("../demo/esgc_img3.jpg"); } .esgc_con { width: 1450px; width: 85%; margin: 0px auto; padding-top: 110px; } .esgc_p1 { color: #fff; line-height: 1.4; font-size: 50px; font-weight: bold; } .esgc_ul1 { width: 670px; background: rgb(255, 255, 255, 0.89); border-radius: 20px; padding: 30px; margin-top: 35px; box-shadow: 0px 1px 87.12px 0.88px rgba(168, 168, 168, 0.25); background: rgba(255, 255, 255, 0.8); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); position: relative; } .esgc_ul2 { width: 484px; margin-top: 110px; padding: 50px; } .esga_p4 { width: 80%; height: 180px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; display: flex; align-items: center; } .esgc_p2 { color: #000; font-size: 16px; line-height: 1; font-family: 'Poppins', Arial, Helvetica, sans-serif; /* font-weight: 100; */ } .esgc_p3 { font-size: 40px; font-weight: 700; line-height: 1.4; } .esgc_p4 { margin-top: 20px; } .esgc_img3 { display: inline-block; margin-right: 10px; margin-top: 10px; background: var(--blue); } .esgc_img3 img { height: 105px; transition: all 0.3s ease; } .esgc_img3:hover img { transform: translate(10px, -10px); } .esgc_click { text-align: center; } .esgc_click span { margin: 0 5px; background: #fff; opacity: 1; } .esgc_click .swiper-pagination-bullet-active { background: var(--green); } .esgc_po { position: absolute; top: 90%; left: 141.5%; transform: translate(-50%, -50%); z-index: 111; } .esgc_po2 { left: 185.5%; } /* .esgc_tit { position: absolute; top: 90%; left: 141.5%; transform: translate(-50%, -50%); text-align: center; background: #fff; border-radius: 30px; width: 240px; } */ .esgc_page { display: flex; justify-content: space-between; width: 300px; border-radius: 50px; background: #fff; } .esgc_prev { width: 70px; height: 70px; text-align: center; line-height: 70px; border-radius: 50%; position: relative; z-index: 1; } .esgc_next { width: 70px; height: 70px; text-align: center; line-height: 70px; border-radius: 50%; position: relative; z-index: 1; } .esgc_page i { font-size: 30px; } .esgc_prev::before { content: ""; width: 00px; height: 70px; border-radius: 50%; background: var(--green); position: absolute; top: 0; left: 0; z-index: -1; transition: all 0.3s ease; opacity: 0; } .esgc_next::before { content: ""; width: 00px; height: 70px; border-radius: 50%; background: var(--green); position: absolute; top: 0; right: 0; z-index: -1; transition: all 0.3s ease; opacity: 0; } .esgc_next:hover:before, .esgc_prev:hover:before { opacity: 1; width: 70px; cursor: pointer; } .esgc_m { margin-top: 12px; line-height: 1.2; } .esgc_m2 { line-height: 70px; } .newb { margin-top: 60px; } /* contacta */ .contacta { padding-top: 100px; padding-bottom: 100px; background: #f8f8fb; } .contacta_img { margin-top: 40px; } .contacta_img img { width: 100%; border-radius: 20px; } .contacta_tit { width: 90%; margin: 0 auto; padding: 20px 40px; z-index: 1; margin-top: -80px; border-radius: 20px; /* box-shadow: 0px 1px 87.12px 0.88px rgba(168, 168, 168, 0.25); */ position: relative; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); } .contacta_p1 { font-size: 30px; font-weight: bold; padding: 0 20px; } .contacta_list { margin-top: 30px; display: flex; align-items: center; justify-content: space-between; } .contacta_item { width: 40%; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; } .contacta_ul1 { /*width: 20%;*/ margin-right: 10px; } .contacta_ul2 { width: 100%; } .contacta_ul1 i { color: var(--green); font-size: 40px; } .contacta_ul3 { display: flex; align-items: center; justify-content: space-between; } .contacta_item2 { width: 33%; display: flex; flex-direction: column; /*border-right: 1px solid #e5e5e5;*/ border-left: 1px solid #e5e5e5; padding: 0 40px; } .contacta_item2:last-child { border: none; } .contacta_img2 { position: absolute; right: 60px; bottom: 30px; } .contacta_img2 img { height: 50px; } .contactb { background: #eef0f7; padding: 0 60px 100px 60px; } .contactb_list { display: flex; flex-wrap: wrap; /* margin-top: 30px; */ } .contactb_item { width: 32%; box-shadow: 0px 1px 87.12px 0.88px rgba(168, 168, 168, 0.25); margin-right: 22px; margin-top: 45px; position: relative; border-radius: 20px; overflow: hidden; background: #fff; } .contactb_item:nth-child(3n) { margin-right: 0; } .contactb_ul1 { overflow: hidden; } .contactb_ul1 img { width: 100%; transition: all 0.3s ease; } .contactb_item:hover .contactb_ul1 img { transform: scale(1.1); } .contactb_ul2 { padding: 40px 30px; } .contactb_ul3 { display: flex; align-items: center; justify-content: space-between; } .contactb_li1 { width: 10%; } .contactb_li2 { width: 87%; } .contactb_li1 i { font-size: 30px; color: var(--green); } .webboxs { position: absolute; width: 100%; height: 0; overflow: hidden; left: 0; top: -100px; } .nh-ddesc img { max-width: 100%; } .newa_more .pubmore { padding: 0; justify-content: start; border: none; } .newa_more .pubmore-fff .pwz1 { color: #000; margin-right: 20px; } .newa_more .pubmore-fff:hover { background: transparent; } .newa_more .pubmore-fff .svg-fff { fill: #000; } .newa_item:hover .pubmore .pwz2 { color: var(--blue); } .newa_item:hover .pubmore-fff .svg-000 { fill: var(--blue); } /* */ /* */ .carnk { position: relative; margin-top: 40px; width: 100%; } .nkzstabjs { height: 860px; } .yl2zstabjsm { height: 100%; width: 100%; } .yl2zstabjsm { position: absolute; width: 100%; left: 0; top: 0; } .yl2zstabjsm { opacity: 0; visibility: hidden; z-index: -6; } .yl2zstabjsm { transition: all 0.3s ease; } .yl2zstabjsm.on { visibility: visible; z-index: 3; opacity: 1; } .nkzssliderm1 img { width: 100%; height: 100%; object-fit: cover; vertical-align: top; } .nkzssliderm1 { position: absolute; left: 0; top: 0; opacity: 0 !important; transform: none !important; width: 100% !important; } .nkzssliderm1.swiper-slide-active { opacity: 1 !important; } .newa_bg3 { margin-top: 40px; transform: translateY(100px); } .yl19asub { position: absolute; width: 80%; bottom: 5%; left: 50%; transform: translate(-50%, -50%); z-index: 111; border-bottom: 1px solid rgb(255, 255, 255, 0.3); } .ggtasa { color: #fff; width: 16%; font-weight: bold; padding: 10px 0; display: flex; align-items: center; justify-content: center; } .ggtasa.on { border-bottom: 1px solid rgb(255, 255, 255, 0.9); } .ggtasa img { object-fit: contain; height: 40px; width: 50px; margin-right: 15px; } .yl19asuba { display: flex; justify-content: space-between; } .nkzstabjsm1 { overflow: hidden; } .ggtasa:hover { color: #fff; } .carbtn { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .carbtn { border-radius: 50%; background: rgba(00, 000, 000, 0.2); transition: all 0.6s ease; -webkit-transition: all 0.6s ease; } .carbtn { width: 55px; height: 55px; border-radius: 50%; line-height: 55px; text-align: center; z-index: 5; } .carbtn i { color: #fff; font-size: 26px; } .carbtn1 { left: 12%; } .carbtn2 { right: 12%; } .carbtn:hover { background: var(--green); } /* */ /* */ .carf, .carg { width: 100%; background: #eff0f8; /*padding: 100px 0;*/ padding: 40px 0 100px 0; } .w1300 { width: 1300px; margin: 0 auto; } .carf_list { display: flex; flex-wrap: wrap; align-items: center; margin-top: 25px; } .carf_item { width: 32%; margin-right: 16px; box-sizing: border-box; margin-top: 20px; position: relative; overflow: hidden; border-radius: 20px; } .carf_item .carf_img1 { width: 100%; border-radius: 20px; overflow: hidden; transition: all 0.3s ease; } .carf_item:hover img { transform: scale(1.05); } .carf_item:nth-child(3n) { margin-right: 0; } .carf_item:first-child { padding: 0 30px 0 0; border-radius: 0; } .carf_tit { position: absolute; bottom: 20px; left: 20px; color: #fff; font-size: 20px; display: flex; align-items: center; } .carf_icon { height: 30px; margin-right: 10px; } /* */ .carg_con { display: none; } .carg_con.on { display: block; padding: 10px 0 27px 27%; } .carg_top { margin-top: 45px; position: relative; } .carg_item { display: flex; justify-content: flex-end; position: relative; } .carg_name.on { width: 24%; position: absolute; left: 0; top: -40%; margin-right: 0; } .carg_name { position: relative; width: 17.2%; margin-right: 20px; } .carg_li2 { text-align: center; color: #fff; position: absolute; bottom: 2%; left: 50%; transform: translate(-50%, -50%); } .carg_li1 { border-radius: 20px; overflow: hidden; } .carg_li1 img { width: 100%; transition: all 0.3s ease; } .carg_li1:hover img { transform: scale(1.05); cursor: pointer; } .carg_p1 { font-size: 20px; font-weight: bold; } .career2_p1 { font-weight: bold; margin-top: 20px; } .ab7bpjd1 { width: auto; } .ab7bpjd2 { margin-top: 0; } .ab7bpjd2 .pubmore { width: auto; } .ab7bpjd2 .pubmore span { margin-right: 10px; } .career1_ul1 { margin-top: 20px; } .jobinfo_p1 { font-size: 16px; font-weight: bold; padding: 60px 0 20px 0; } .career1 h2 { font-weight: bold; } .nhnewmorep { margin-top: 0; } /**/ .sto_p1 { font-size: 18px; font-weight: bold; margin: 20px 0 10px 0; } .sto_p2 { margin-top: 0 !important; } .storem { top: 38%; } .storem2 { position: absolute; top: 79%; left: 50%; transform: translate(-50%, -50%); width: 80%; display: flex; justify-content: space-between; flex-wrap: wrap; background: rgba(255, 255, 255, 0.2); padding: 20px 30px; border-radius: 20px; } .storem2_ul1 { width: 33%; display: flex; align-items: center; /*margin-top: 25px;*/ } .storem2_ul2 { width: 24%; display: flex; align-items: center; /*margin-top: 25px;*/ } .products1 { background: var(--bgs); position: relative; } .products2 { padding-top: 0; } /* */ .store_item { display: flex; align-items: center; justify-content: space-between; background: #fff; padding:6% 4.5%; height:auto; background: #fff; box-sizing: border-box; box-shadow: 0px 5px 34.96px 3.04px rgba(123, 123, 123, 0.13); max-height: 70vh; } .store2_item{ background: #F8F8FA; } .store_bg { background-image: url(/static/demo/chuneng/store_bgs.jpg); background-size: 100% auto; background-position: center bottom; background-repeat: no-repeat; } .store_bg2 { background-image: url(/static/demo/chuneng/store_bgs2.jpg); } .store2_bg{ background-image: url(/static/demo/chuneng/store3_bgs.jpg?v1); } .store_ul1 { width: 50%; } .store_ul2 { width: 45%; } .store_ul2 img { width: 100%; } .store_ul3 img { width: 100%; } .store_ul3 { width: 20%; } .store_ul4 { width: 60%; } .store_ul5 { display: flex; } .store_ul6 { margin-right: 80px; } .products3m { margin-top: 80px; } .major_6 { width: 33%; text-align: center; padding: 0 15px; box-sizing: border-box; margin-top: 20px; } .major_62 { margin-bottom: 20px; } .store_h4 { font-size: 30px; line-height:1.4; font-weight: bold; margin-bottom: 20px; } .storeswiper { margin-top: 45px; margin-left: 10%; overflow: hidden; border-radius: 20px; } .store_p1 { position: relative; padding-left: 15px; } .store_p1::before { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #000; top: 10px; left: 0; } .pop_con1 p { position: relative; padding-left: 15px; } .pop_con1 p::before { content: ""; position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #000; top: 10px; left: 0; } .super_main { width: 100%; position: relative; margin-top: -17%; padding-bottom: 80px; } .super_list { display: flex; align-items: center; justify-content: space-between; } .super_ul1 { width: 40%; /*background: #fff;*/ text-align: center; padding: 40px 60px; box-sizing: border-box; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); } .super_ul2 { width: 50%; /*background: orange;*/ } .super_ul1 img { width: 100%; } .super_con { display: flex; flex-wrap: wrap; margin-top: 120px; } .super_ul3 { width: 49%; margin-top: 40px; } .super_ul3 img { height: 40px; margin-right: 20px; } .digb2 { padding-bottom: 40%; } .ab7czw_10 { top: 40%; } .ab7czw_11 { top: 35%; } .light_item { width: 32%; padding: 40px 60px; box-sizing: border-box; background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(3px); } .light_item2 { padding: 30px 40px; background: rgba(255, 255, 255, 0.4); max-height: 310px; } .light_p1 { font-size: 70px; text-align: right; line-height: 1.2; font-family: 'MyFont'; } .light_p11 { font-size: 50px; text-align: right; line-height: 1.2; font-family: 'MyFont'; } .light_p2 { margin-top: 30px; height: 110px; } .light_p22 { margin-top: 10px; } .light_p3 { font-size: 30px; font-weight: 700; line-height: 1.4; } .light_p33 { margin-top: 25px; } .light_main { width: 100%; position: relative; margin-top: -10%; padding-bottom: 80px; } .light_main2 { margin-top: -26%; padding-bottom: 120px; } .lights1 { padding-bottom: 45.25%; } .storems1 { position: absolute; top: 15%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 90%; z-index: 3; padding: 0 30px; } .light_p331, .light_p333 { position: relative; } .light_p331::before { content: '"'; position: absolute; top: 0; left: -15px; } .light_p333::before { content: '"'; position: absolute; top: 0; left: -22px; } .ab7czw_111 { top: 31%; width: 90%; } .digdiconst, .digdiconst2 { height: 35px; width: 35px; } .digdiconst { margin-right: 10px; } .storem2_p1 { font-size: 15px; line-height: 1.4; } .storem3 { margin-top: 20px; } .storem22 { top: 86%; padding: 23px 30px; } .abt26btcbg { position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 3000; background: #000; opacity: 0.5; display: none; } .abt26btc { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3100; display: none; max-height: 95vh; min-height: 90vh; width: 80%; max-width: 1200px; padding: 100px 0; } .abt26btcclose { width: 40px; height: 40px; position: absolute; top: 50px; right: 50px; background: url(../img/close.png) center no-repeat; background-size: cover; z-index: 3200; display: none; } .tab_btn:hover { cursor: pointer; } .tab_main{overflow-y:auto;height:calc(95vh - 160px);width:100%;box-sizing:border-box;padding-right:60px;} .tab_main::-webkit-scrollbar {width: 4px;} /* 婊氬姩鏉℃粦鍧楁牱寮 */ .tab_main::-webkit-scrollbar-thumb {background-color: #ccc; /* 璁剧疆婊戝潡鑳屾櫙棰滆壊 */ border-radius: 4px; /* 璁剧疆婊戝潡鍦嗚 */} /* 婊氬姩鏉¤建閬揾over鐘舵€佹牱寮 */ .tab_main::-webkit-scrollbar-track:hover {background-color: #fff; /* 璁剧疆杞ㄩ亾hover鐘舵€佹椂鐨勮儗鏅鑹 */} .abt26btc { border-radius: 38px; box-sizing: border-box; background: #fff; padding: 50px 80px; padding-bottom:0; overflow:hidden; padding-right:20px; } .abt26btc .stolist_ul1{width:30%;} .abt26btc .stolist_ul2{width:50%;} .pipeline_tab { margin-top: 45px; position: relative; } .pipeline_tab table { width: 100%; /* background: #eeeeee; */ overflow: hidden; /* border: 1px solid #c6c6c6; */ font-size: 18px; } .pipeline_tab tr:first-child td:nth-child(1) { /* width: 20%; */ /* height: 50px; */ background: #0056a7; color: #fff; } .pipeline_tab .pipeline_tr1 td { background: #d9dadd; color: var(--blue); font-size: 18px; font-weight: bold; } .pipeline_tab td { /* width: 50%; */ /*height: 50px;*/ /*line-height: 50px;*/ font-size: 16px; text-align: center; padding: 5px 0; } .inca3 { display: flex; justify-content: space-between; } .pipeline_tr1 { background: #d9dadd; } .pipeline_tab tr:nth-child(1n) { background: #fff; } .pipeline_tab tr:nth-child(2n) { background: #eeeeee; } .pipeline_tab tr:nth-child(2n) td { border-left: 1px solid #c6c6c6; } .pipeline_tab tr:nth-child(2n) td:first-child { border: none; } .pro_stolist { display: flex; justify-content: space-between; align-items: center; } .stolist_ul1 { width: 45%; } .stolist_ul1 img { max-width: 100%;max-height:360px; } .stolist_ul2 { width: 45%; } /* 鏇存敼婊氬姩鏉$殑棰滆壊 */ ::-webkit-scrollbar { background-color: transparent; /* 婊氬姩鏉$殑鑳屾櫙鑹 */ width: 0px; /* 婊氬姩鏉$殑瀹藉害 */ } /* 鏇存敼婊氬姩鏉℃粦鍧楃殑鏍峰紡 */ ::-webkit-scrollbar-thumb { background-color: transparent; /* 婊戝潡鐨勯鑹 */ } /* 鏇存敼婊氬姩鏉℃粦閬撶殑鏍峰紡 */ ::-webkit-scrollbar-track { background-color: transparent; /* 婊戦亾鐨勯鑹 */ } .charger_img1 img { width: 100%; } .charge_top1 { top: 20%; } .charge_top2 { opacity: 1; top: 35%; } .charger_list { display: flex; justify-content: center; align-items: center; margin-top: 80px; } .charger_list a { display: inline-block; width: 270px; margin: 0 20px; height: 60px; line-height: 60px; text-align: center; border-radius: 30px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08); font-size: 20px; font-weight: bold; } .charger_s1:hover { color: #fff; } .charger_s2:hover { color: #000; } .charger_s1 { background: var(--blue); color: #fff; } .charger_s2 { background: #d7d8df; color: #000; } .charge_top3 { margin-top: 30%; } .charge1 { margin-top: 40px; height: 80vh; } .charge_top4 { margin-top: 45%; } .digewzms1 { width: 33%; } .digewzms2 { margin-top: 80px; } /*鍏呮崲鐢?/ .cpjzd { padding-right: 0; } .cpjzdn { width: 100%; padding-left: calc((100vw -120px) * 0.025); box-sizing: border-box; } .storeswiper-l0 { width: 100%; margin-left: 0; } .storeswiper-scroll { margin-top: 40px; } .chonghd02m { position: relative; min-height: 580px; height: calc(100vh - 230px); min-height: 500px; max-height: 1000px; overflow: hidden; } .chonghdbg { background-repeat: no-repeat; background-position: center; background-size: cover; } .chonghdbg { position: absolute; left: -4%; top: -4%; width: 108%; height: 108%; } .chonghd02wz { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); box-sizing: border-box; } .chonghd02wz-t-1{top:23%;transform: translateY(0);} .chonghd02wz-t-2{top:12%;transform: translateY(0);} .chonghd02wz { z-index: 3; } .chonghd02m { margin-top: 45px; } .chonghd02-tb-0 { padding-top:0; padding-bottom:0; } .chonghd02wzm { box-sizing: border-box; padding-left: 5%; padding-right: 5%; } .nyjybp3-t-0 { margin-top: 0; } .chonghd03swiper { overflow: hidden; padding: 25px 0; } .chonghd03swiper, .chonghd03swiper-scroll { margin-top: 20px; } .chonghd03slide { width: 75%; } .gccap1 { font-family: 'MyFont'; color: #fff; line-height: 1; font-size: 60px; padding-bottom: 40px; } .gccap6{font-size:36px;font-weight:700;line-height:1.4} .gccazwm { display: flex; justify-content: space-between; box-sizing: border-box; } .chonghd02wz-t-12{ top: 31%; } .gccazwm { padding: 3% 5%; } .gccazwm ul { position: relative; } .gccap3 { line-height: 20px; padding: 10px 45px; padding-right: 20px; } .gccaicon { position: absolute; width: 40px; height: 40px; top: 0; } .gccaicon img { position: absolute; left: 0; top: 0; bottom: 0; margin: auto; max-width: 70%; max-height: 70%; } .gccap3 { font-size: 18px; } .gccap0 { position: absolute; z-index: 3; box-sizing: border-box; width: 100%; } .gccap0 { left: 0; bottom: 9%; } .gccap0 { box-sizing: border-box; } .gccap0, .gccazwm { padding-right: 5%; padding-left: 5%; } .gcca3 { padding-bottom: 0; } .chonghd03img { overflow: hidden; position: relative; } .chonghd03img img { width: 100%; } .chonghd03slide { background: #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08) } .chonghd03slide:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) } .chonghd03slide:hover .chonghd03img img { transform: scale(1.1) } .chonghd03 { background: var(--bgs) } .chonghd03img img { transition: all 1s ease } .chonghd03slide { transition: all 0.5s ease } .chonghd03-t-0 { padding-top: 0; } .digewzm-3 { width: 33%; padding-top: 30px; padding-bottom: 30px; } .chdbg_item{ padding: 15px 0; } @media screen and (max-width:1366px) { .gccap3 { font-size: 16px; } } /**/ .pop-flex-2{display:flex;width:100%;flex-wrap:wrap;} .pop-flex-2 p{width:49%;margin-right:2%;box-sizing: border-box;} .pop-flex-2 p:nth-child(2n){margin-right:0;} .store_item_one{padding-left:5%;padding-right:7.5%} .clound0a{background:var(--bgs);} .clound0a-t-0{padding-top:0;} .clound0awz{text-align:center;color:#fff;} .clound0ap1{font-size:24px;font-weight:700;} .clound0ap2{margin-top:25px;} .clound0awz{position:absolute;width:100%;left:0;top:12%;z-index:3;} .clound0aimg{overflow: hidden;position:relative;} .clound0aimg{max-height:calc(100vh - 200px)} .clound0aimg img{width:100%;max-height:100%;vertical-align: top;object-fit: cover;} .clound0asubm{border-bottom:1px solid #d7d8df;} .clound0asubm{display:flex;width:100%;line-height:1.4;justify-content: center;box-sizing: border-box;} .clound0asubm{padding:0 5%;} .clound0asubm span{font-weight:700;margin:0 2%;position:relative;padding-bottom:20px;} .clound0asubm span:before{position:absolute;width:100%;left:0;bottom:0;content:'';background:var(--blue);} .clound0asubm span.on:before{opacity:1;height:3px;} .clound0asubm span.on{color:var(--blue);} .clound0asub{margin-top:45px} .clound0aswiper{margin-top:45px;} .clound0aslide{width:72%;} /*.clound0aaswiper .swiper-wrapper {flex-wrap: wrap;flex-direction: column;}*/ .clound0aaslide{opacity:0 !important;transition:all 0.3s ease} .clound0aaslide.swiper-slide-active{opacity:1 !important;} .clound0aa-height{height:80%;} .clound0aaswiper{overflow:hidden;} .clound0aa-h-100,.clound0aaswiper{height:100%;} .clound0aa-h-100{position:relative;} .clound0aaslide{height:100%;} .clound0aasliden{width:100%;box-sizing:border-box;height:100%;display:flex;flex-wrap:wrap;} .clound0aaslidem{width:50%;height:50%;display:flex;align-items:center;box-sizing:border-box;} .clound0aaslidemx{width:90%;padding-left:5%;text-align:center;} .clound0aap2{min-height:60px;line-height:1.8} .clound0aaswiper-btn{position:absolute;top:50%;width:50px;height:50px;margin-top:-25px;text-align:center;line-height:50px;z-index:3;} .clound0aaswiper-btn i{color:#fff;font-size:50px;} .clound0aaswiperbtn1{left:0;} .clound0aaswiperbtn2{right:0;} .clound0bswiper{overflow:hidden;margin-top:45px;} .clound0bswiper img{width:100%;} .clound0bp1{position:absolute;width:100%;left:0;top:8%;color:#fff;text-align:center;z-index:3;} .clound0bp1{font-weight:700;font-size:30px;} .clound0bslide{opacity:0.8 !important;transition:all 0.2s ease} .clound0bslide.swiper-slide-active{opacity:1 !important;z-index:3;} .clound0cn{width:90%;margin:0 auto;} .clound0cnbg{width:100%;overflow:hidden;} .clound0cnbg img{width:100%;} .clound0cnwz{position:relative;z-index:3;display:flex;} .clound0cnwzm{width:570px;box-sizing:border-box;padding:3% 5%;} .clound0cnwzm p{position:relative;margin-bottom:2px;padding-left:20px;} .clound0cnwzm p:before{position:absolute;left:0;width:4px;height:4px;border-radius:50%;background:#666;content:'';} .clound0cnwzm p:before{top:12px;} .clound0cnwzm p:last-child{padding-left:0;color:var(--blue);margin-top:25px;} .clound0cnwzm p:last-child:before{display:none;} .clound0cnwz-1{margin-top:-250px;margin-right:8%;justify-content:flex-end;} .clound0cnwz-2{margin-top:-220px;margin-left:8%;justify-content:flex-start;} .nyzcgswiper-w90{width:90%;margin-left:auto;margin-right:auto;} @media screen and (min-width: 1921px) { .nkzstabjs { height: 1300px; } .newa_p5 { bottom: -20%; } .ptb110p { padding-top: 240px; padding-bottom: 240px; } } @media screen and (max-width: 1750px) { .store_item { /*min-height: 480px;*/ } .light_p3 { font-size: 26px; } } @media screen and (max-width: 1650px) { .store_h4 { font-size: 24px; } .store_item { /*min-height: 420px;*/ /*padding: 50px 50px;*/ } .scrill { left: 11%; } .newa_more { margin-top: 40px; } .newa_bg2 { min-height: 800px; } } @media screen and (max-width: 1440px) { .pipeline_tab td {font-size:14px;} .clound0cnwzm p:before{top:10px;} .gccap6{font-size:28px;} .storem2_p1 { font-size: 14px; } .light_item2 { max-height: 275px; } .light_p3 { font-size: 22px; } .store_item { /*min-height: 370px;*/ } .store_ul1 { width: 48%; } .store_h4 { font-size: 24px; } .store_item { /*padding: 40px 50px;*/ padding:4.5% 3%; } .store_ul2 { width: 45%; margin-top: 30px; } .suanlibzw { width: 360px; padding: 40px 40px; min-height: 320px; } .ptb110p { padding-top: 100px; padding-bottom: 100px; } /*.suanlibp1{*/ /* font-size: 70px;*/ /*}*/ .suanlidp1 span { min-width: 160px; } .suanlibzw { top: 53%; right: 8%; } .w1300 { width: 1000px; } .carg_name { margin-right: 15px; } .carf_tit { font-size: 16px; } .newa_bg2 { height: 77vh; min-height: 700px; } .esgd_click { top: 0; } .nkzstabjs { height: 660px; } .newa_more { margin-top: 30px; } .esgc_po2 { left: 155.5%; } .newa_page { width: 109%; } /* .newa_bg img {*/ /* height: 720px;*/ /*} */ .newa_right { padding: 40px 30px; } /* .esgc_con { width: 1200px; margin: 0 auto; } */ .esgc_po { left: 135%; } .contactb_li2 { width: 84%; } .scrill { left: 11%; } .esgb_title { left: 25%; } .esgd_p2 { font-size: 28px; } .esgc_p1 { font-size: 38px; } .esgb_h2 { font-size: 38px; } .esga_p1 { font-size: 38px; } .newa_more { margin-top: 30px; } .store_item2 { padding: 40px 110px; } .store_ul3 { margin-right: 50px; } .storems1 { top: 17%; } .light_p333::before { left: -17px; } } @media screen and (max-width: 1280px) { .gccap6{font-size:20px;} .gccap1{font-size:50px;padding-bottom:30px;} .ab7czw_111 { top: 28%; } .digep1 { font-size: 18px; } .light_p331::before { left: -10px; } .light_p333::before { left: -14px; } .light_item { padding: 20px 40px; } .light_p3 { font-size: 20px; } .light_p1 { font-size: 48px; } .light_p2 { margin-top: 20px; } .storemm { padding: 30px 40px; min-height: 320px; } .store_item { /*padding: 30px 40px;*/ /*min-height: 350px;*/ padding:4.5% 3%; } .store_item2 { padding: 30px 60px 30px 100px; } .store_h4 { font-size: 18px; } /*.suanlibp1{*/ /* font-size: 60px;*/ /*}*/ .abpcn { font-size: 28px; } .suanlibzw { min-height: 270px; } .suanlibp2 { font-size: 22px; } .suanlidimg { height: 160px; } .ptb110p { padding-top: 100px; padding-bottom: 100px; } .suanlidp1 span { min-width: 120px; } .suanlidm { margin-top: 20px; } .suanlidp1 { height: 45px; line-height: 45px; } .newa_p3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; display: none; } .ab7cbg { min-height: 600px; } .ab7cp3 { width: 80%; margin: 0 auto; } .suanliap3_m { margin-top: 40px; } .nkzstabjs { height: 550px; } .ab7gbli p { font-size: 16px; } .esgc_ul1 { width: 440px; } .ab7cbg { height: 65vh; } .jrs-headm { padding: 0 25px; } /*.newa_bg img {*/ /* height: 620px;*/ /*}*/ .newa_p5 { bottom: -25%; } .contacta_ul2 { width: 100%; } .esgc_po { left: 130%; } .esgc_po2 { left: 135%; } .esgd_click { top: 0; } .newa_more { margin-top: 20px; } /* .ab7czw_newa { min-width: 900px; } */ /* .esgc_con { width: 1000px; } */ .newa_p3 { margin-top: 20px; } .contactb_li2 { width: 84%; } .light_p22 { margin-top: 10px; } .light_p11 { font-size: 35px; } .light_p3 { font-size: 20px; } .light_p33 { margin-top: 15px; } .storems1 { top: 31%; } .storem3 { margin-top: 10px; } .storem22 { top: 84%; } .storem2 { top: 75%; } } @media screen and (max-width: 1100px) { /*.newa_bg img {*/ /* height: 510px;*/ /*}*/ } .pc { display: block; } .phone { display: none; } @media screen and (max-width: 768px) { .pc { display: none; } body { font-size: 14px; } .phone { display: block; } .pd4 { padding-left: 4%; padding-right: 4%; } .pd40 { padding-top: 40px; padding-bottom: 40px; } .pd40-t-0{padding-top:0;} .pd40-b-0{padding-bottom:0;} .ph1 { color: #000; } .w95 { width: 100%; margin: 0 auto; min-width: initial; } .esgd_p4 .pubmore-fff .svg-fff { top: -3px; } .sdxwaslidem { border-radius: 16px; overflow: hidden; } .textm1 { margin-top: 20px; } .textm2 { margin: 20px auto 0; width: 90%; } .textd1 { display: flex; justify-content: center; } .ab7c { padding: 40px 20px; } .ban2m { padding: 0; } .inv12e { padding-bottom: 0 !important; } .phabtit_top { position: relative; } .new_bgimg1 { background-image: url("../demo/new_bg1ph.jpg"); } .new_bgimg2 { background-image: url("../demo/new_bg2ph.jpg?v2"); } .new_bgimg3 { background-image: url("../demo/new_bg3ph.jpg"); } .ab7gbli p { font-size: 14px; padding-left: 43px; } .phabtit_tit { position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; } .phabtit2_tit { top: 10%; } .phabtit2_con { position: absolute; top: 48%; left: 50%; transform: translate(-50%, -50%); width: 90%; } .pub-12, .full_wz { /* width: 80%; */ width: 100%; margin: 0 auto; left: 0; } .ban2wz { top: 24%; } .abpen_p1 { width: 100%; text-align: justify; } .phabtit_img1 img { width: 100%; border-radius: 10px; } .newa_item { display: flex; flex-wrap: wrap; } .newa_left { width: 100%; } .newa_right { width: 100% !important; padding: 20px 15px; } .newa_right { border-radius: 0 0 16px 16px; } .newa_p2 { font-size: 18px; } .newa_p5 { bottom: -90px; } .newa_left img { border-radius: 16px 16px 0 0; } .newa_p3 { font-size: 12px; } .abpcn { font-size: 24px; } .abpen { font-size: 14px; } .phabtit_con { width: 92%; margin: 0 auto; background: rgba(255, 255, 255, 0.6); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); margin-top: -60px; padding: 30px 20px; border-radius: 10px; } .ab7cp3 { font-size: 14px; color: #000; } .newa_page i { color: #000; opacity: 0.3; font-size: 40px; } .ab7cp4 { margin-top: 20px; justify-content: space-between; } .ab7cp4 ul { width: 30%; margin: 0; text-align: center; } .ab7cp4 ul:first-child { width: 34%; } .ab7cp41 { font-size: 12px; line-height: 1.4; padding:0 25px; margin-top: 10px; } .ab7cp42 span { font-size: 22px; } .phabtitSwiper { margin-top: 20px; } .ab7cp42 em { font-size: 12px; padding-left: 0; } /* .ab7e { padding: 40px 20px; } */ .ab7esub { flex-wrap: wrap; } .ab7esubm { width: 100%; } .ab7eslide { height: 35vh; min-height: 340px; } .pubmore { width: 150px; line-height: 35px; } /* .contacta { padding: 40px 20px !important; } */ .contacta_list { flex-wrap: wrap; margin-top: 20px; } .contacta_item { width: 100%; padding: 0; } .contacta_item2 { width: 100%; border: none; padding: 0; } .contacta_tit { margin-top: -50px; padding: 20px; } .contacta_p1 { font-size: 20px; padding: 0; } .contacta_img2 img { height: 25px; } .contacta_ul1 i { font-size: 30px; } .ab7em { margin-top: 20px; } .contacta_img { margin-top: 20px; } .ptb100p { padding: 40px 20px; } .globem { width: 180px; height: 180px; } .surface { width: 200%; width: 360px; height: 180px; margin-left: 180px; /* z-index: 1; */ } .globem:before { box-shadow: inset 22px 0 45px 0 #efefef, inset 0 0 68px 0 #efefef; } .plr60 { padding: 0; } .ab7ga { margin-top: 20px; background-size: 100% auto; } .ab7g02 { margin-top: 20px; } .ab7gsub { padding: 0; } .ab7gb { width: 100%; } .ab7gsubm { font-size: 14px; } .ab7gbh4 { font-size: 20px; } .ab7gbtab { padding: 0; margin-top: 20px; } .ab7gbli { font-size: 14px; align-items: center; } .ab7ksub { flex-direction: column; justify-content: space-evenly; } .ab7ksubm { width: 100%; display: flex; align-items: center; } /* .ab7ksubm.on .ab7kp1 {} */ .ab7ksubm:nth-child(2) { border-top: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .ab7kp1 { position: static; top: 0; transform: translateY(0); padding: 40px 0 120px 0; } .ab7kimg img { height: 666px; } .ab7k { height: 666px; overflow: visible; padding-bottom: 0%; } .ab7kimg { transform: scale(1); } .ab7kp2 p { font-size: 12px; } .etbnp2 { font-size: 24px; } .relatedSwiper { margin-top: 20px; } .contacta_img img { height: 200px; border-radius: 16px; } .related_img { border-radius: 16px; } .related_img img { width: 100%; /* height: 300px; */ border-radius: 16px; } .related_con { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .related_m { margin-top: 80px; } .relate_page,.pub_pages { margin-top: 20px; text-align: center; } .relate_page span,.pub_pages span { margin: 0px 5px; background: var(--green); } .pubmore span { font-size: 12px; } .ab7ksubm_icon { position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); } .ab7ksubm.on .ab7ksubm_icon { opacity: 0; transition: all 0.5s ease; } .ab7ksubm_icon svg { width: 15px; } .contacta_ul1 { width: 15%; } .contacta_ul2 { width: 100%; } .esgc_con { width: 100%; } .esgc_p3 { font-size: 24px; padding: 10px 0; } .newb_list { padding: 0; } .newb_item { width: 100%; margin-right: 0; background: none; box-shadow: none; border-radius: 16px; } .newb_ul2 { padding: 20px 15px; } .newpage { margin-bottom: 0; } .esgc_po2 { left: 60%; } .esgc_ul1 { width: 75%; } .esgc_ul3 { padding-top: 200px; } .esgc_ul2 { padding: 20px; margin-top: 0; margin: 0 auto; /* position: absolute; top: 50%; left: 20px; height: 340px; display: flex; flex-direction: column; justify-content: space-between; */ } .esgc_con { padding-top: 40px; /* padding-bottom: 40px; */ /* border: 1px solid red; */ } .esgc_bgimg1 { height: 470px; padding-bottom: 200px; } .esgc_p2 { font-size: 14px; width: 70%; } .esga_p4 { width: 100%; height: auto; } .esgc_item { padding-bottom: 120px; /* padding-bottom: 0; */ } .ab7bp7 { margin-top: 20px; } .esgc_click { margin-top: 20px; } .scrill_icon { display: flex; justify-content: center; flex-wrap: wrap; } .scrill.go2 { display: block; } .newb_p2 { font-size: 16px; -webkit-line-clamp: 2; } .newb_p4 { margin-top: 10px; color: var(--blue); } .newb_p4 i { font-size: 16px; } .scrill { left: 0; } /* huhao */ body { word-break: inherit } .plr60 { padding-left: 4%; padding-right: 4%; } .abpen { line-height: 1.4; } .ban2wz .abpen { max-width: 80%; } .inv12aimg { border-radius: 10px; position: relative; } .inv12al { position: absolute; z-index: 3; left: 0; top: 20%; text-align: center; } .abpzyn { color: #fff; font-size: 14px; margin-top: 10px; } .inv12ams { width: 92%; padding: 0; } .inv12al, .inv12ar { width: 100%; } .inv12bn { width: 100%; } .inv12bn, .inv12ams { padding-left: 0; padding-right: 0; } .inv12ar { padding: 20px; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08); } .inv12ar { margin-top: 0; } .inv12bp2 { font-size: 22px; margin-top: -22px; text-align: right; } .inv12bl, .inv12br { width: 100%; } .inv12br { min-width: 100%; margin-top: 25px; } .inv12bp3 { border-color: rgba(255, 255, 255, 0.1); } .inv12bp3 { margin-top: 25px; line-height: 1.4; padding: 15px 0; } .inv12bp3m1 { width: 36%; } .inv12bp3m2 { width: 28%; } .inv12bp3m3 {} .inv12dm { margin-top: 25px; } .inv12dm { border-radius: 0; flex-wrap: wrap; } .inv12dma { width: 100%; padding: 0 20px; } .inv12cli { padding: 20px 0; } .inv12cp1 { font-size: 16px; } .inv12cp3 { opacity: 0.8; font-size: 12px; } .inv12cdown { width: 30px; height: 32px; line-height: 30px; font-size: 14px; border-radius: 5px; } .inv12ctit { padding-top: 20px; } .inv12dm { padding-bottom: 0; } .border20 { border-radius: 10px; } .wapindswiper { overflow: hidden; } .wapind { padding: 20px; } .wapdbtn { text-align: center; display: flex; width: 100%; justify-content: center; padding: 40px 0; padding-bottom: 20px; } .inv12cli:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .wapbtnm { width: 40px; height: 40px; border-radius: 50%; line-height: 40px; text-align: center; background: #fff; margin: 0 10px; } .wapbtnm i, .g3newbtn i { color: #333; font-size: 18px; } .inv12cp4 a { font-size: 14px; } .wapindswiperm { opacity: 0 !important; transition: all 0.3s ease; } .wapindswiperm.swiper-slide-active { opacity: 1 !important; } .inv12cdown { right: 2px; } .wapind { margin-top: 25px; } .inv12d { padding-bottom: 0; } .wapteamswiper { padding: 25px 0; padding-bottom: 30px; } .wapteamswiper { overflow: hidden; width: 100%; } .wap_teamm { width: 80%; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08); } .wap_teamp3 { display: none; } .wap_teamimg { width: 100%; vertical-align: top; } .teamswiper-scroll { width: 50%; } .g3newbtn-r { text-align: center; } .teamswiper-scroll { box-sizing: content-box; margin-top: 0; } .g3newbtn { width: 40px; } .g3newpage, .g3newbtn, .teamswiper-scroll { height: 40px; line-height: 40px; } .wap_teamm { background: #fff; } .wap_teamwz { padding: 20px; } .wap_teamp1 { font-size: 18px; font-weight: 700; } .wap_teamp2 { color: var(--blue); font-size: 16px; margin-top: 5px; } .wap_teamwz { position: relative; } .wap_teamicon { position: absolute; top: 50%; right: 20px; font-size: 20px; bottom: 20px; } .laybg, .layteam { display: none; } .laybg { position: fixed; width: 100%; height: 100vh; background: #000; opacity: 0.5; z-index: 130; left: 0; top: 0; } .layteam { width: 92%; min-width: inherit; } .layteam { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 5000; } .layteamclose { position: absolute; right: 20px; top: 20px; cursor: pointer; width: 35px; height: 35px; line-height: 33px; box-sizing: border-box; text-align: center; } .layteamclose { border: 1px solid #000; color: #000; border-radius: 50%; transform: rotateZ(45deg); font-size: 18px; } .layteambox { padding: 5% 10%; background: #fff; box-sizing: border-box; display: flex; width: 100%; justify-content: space-between; position: relative; } .layteambox { align-items: flex-start; } .layteamp1 { line-height: 1.4; } .layteamp1 span { font-weight: normal; padding-left: 10px; } .layteamp2 { line-height: 1.4; } .layteamp3 { margin-top: 40px; } .layteamp3 p:first-child { margin-top: 0; } .layteamp3 p { position: relative; margin-top: 12px; padding-left: 15px; } .layteamp3 p:before { left: 0; top: 10px; } .layteamp3 p:before { position: absolute; content: ''; width: 6px; height: 6px; background: var(--color); border-radius: 50%; } .layteamimg { width: 180px; } .layteamimg img { width: 100%; } .layteamwz { width: calc(95% - 180px); } .layteambox { padding: 45px; } .layteamp3 { max-height: 400px; overflow-y: auto; } .layteam .layteamp3 { display: block; padding-right: 10px; } .layteambox { padding: 25px; } .layteam .wap_teamimg, .layteam .wap_teamicon { display: none; } .layteamp3 { margin-top: 15px; } .layteamwz { width: 100%; padding: 0; } .layteamclose { opacity: 0.8; border: none; right: 0; top: 0; width: 40px; height: 40px; line-height: 40px; font-size: 20px; } .layteam .wap_teamwz { padding: 0; } .nh-detail { padding-top: 100px; padding-bottom: 40px; } .w-14 { width: 100%; } .w-15 { width: 100%; } .nh-detailmr { display: none } .nh-detailml { width: 100%; padding: 0 4%; } .nh-dtit { font-size: 18px; line-height: 1.4; } .nh-ddate { padding: 20px 0; } .nhnewmore { padding-top: 40px; margin-top: 40px; border-top: 1px solid #ddd; } .nh-suba:before, .nh-suba:after { border-radius: 30px; } .nh-new-more { font-size: 14px; } /* 1228 */ .abpen-cn { font-family: "Microsoft YaHei", "PINGFANGHK", "PingFang-HK", PingFang SC, "Source Han Sans CN", Open Sans, arial, 'Hiragino Sans GB'; } .w_esgaswiper { overflow: hidden; text-align: center; margin-top: 25px; } .w_esgap1 { display: inline-block; position: relative; width: 55px; height: 55px; } .w_esgap1 img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; } .w_esgap1 img { max-width: 80%; max-height: 80%; } .w_esgap2 { color: var(--green); font-size: 24px; font-weight: 700; } .w_esgap3 { margin-top: 5px; } .w_esgaslide { line-height: 1.4; } .w_esgaslide { background: #fff; padding: 20px; width: 48.5%; border-radius: 10px; height: auto; margin-top: 3%; margin-right: 3%; } .w_esgaslide:nth-child(2n) { margin-right: 0; } .w_esgaslide:nth-child(-n+2) { margin-top: 0; } .w_esgaswiperm { height: auto; flex-wrap: wrap; } .w_esgap4 { /* font-size: 12px; */ text-align: left; color: #666; margin-top: 25px; } .w_esgb { background-position: center; background-repeat: no-repeat; background-size: cover; } .w_esgbp3 { margin-top: 45px; } .w_esgbp3 .svg-1, .w_esgbp3 .svg-2 { transform: rotateZ(135deg); -webkit-transform: rotateZ(135deg); top: -3px; } .w_esgb { padding-top: 50px; padding-bottom: 120px; } .w_esgx { padding-top: 0; } .w_esgbm { padding: 0 20px; } .w_esgc { position: relative; } .w_esgctit { position: absolute; width: 100%; left: 0; top: 40px; z-index: 3; } .w_esgcbg { position: absolute; width: 100%; height: 470px; background-position: center; background-repeat: no-repeat; background-size: cover; } .w_esgcbg { left: 0; top: 0; } .w_esgcwz { position: relative; z-index: 3; padding-top: 365px; } .w_esgcwz { width: 92%; margin: 0 auto; } .w_esgcimg { width: 100%; display: flex; flex-wrap: wrap; margin-top: 25px; } .w_esgcimgm { width: 32%; margin-right: 2%; margin-top: 2%; } .w_esgcimgm img { width: 100%; } .w_esgcwzm { padding: 20px; background: #fff; } .w_esgcslide1 .w_esgcimgm:nth-child(-n+2) { margin-top: 0; } .w_esgcslide1 .w_esgcimgm:nth-child(2) { margin-right: 5%; } .w_esgcslide1 .w_esgcimgm:last-child { margin-right: 0; } .w_esgcslide2 .w_esgcimgm:nth-child(-n+2) { margin-top: 0; } .w_esgcslide2 .w_esgcimgm:nth-child(2) { margin-right: 5%; } .w_esgcslide2 .w_esgcimgm:last-child { margin-right: 0; } .w_esgcslide3 .w_esgcimgm:nth-child(1) { margin-top: 0; } .w_esgcslide3 .w_esgcimgm:nth-child(1) { margin-right: 60%; } .w_esgcslide3 .w_esgcimgm:last-child { margin-right: 0; } .w_esgcslide { height: auto; } .w_esgcswiper .w_esgcswiperm { align-items: flex-start; height: auto; } .wap_car_atop { position: absolute; width: 100%; top: 40px; z-index: 3; text-align: center; } .wap_careerap1 { padding: 0 10%; } .wap_car_aswiper { width: 92%; margin: 0 auto; position: relative; margin-top: -65px; } .wap_car_aswiper { margin-bottom: 25px; } .wap_car_aslide { opacity: 0 !important; transition: all 0.3s ease; padding: 20px; } .wap_car_aslide.swiper-slide-active { opacity: 1 !important; } .wap_carp1 { font-size: 20px; font-weight: 700; } .wap_carp2 { margin-top: 10px; } .wapcar-scrollbar .swiper-scrollbar-drag { background: var(--green); } .wap_colored .swiper-scrollbar-drag{ background: #c6312c; } .colored .ab7cps1{ color: #c6312c; } .colored2 span{ background: #c6312c; } .wap_careerb { padding-top: 0; padding-bottom: 0; } .wap_careerbswiper { overflow: hidden; margin-top: 25px; margin-bottom: 25px; } .wap_careerbslide { width: 85%; } .wap_careerbslide img { width: 100%; vertical-align: top; } .carcicon { position: relative; margin: 0; display: inline-block; } .carcicon { display: none; } .wap_careerd { position: relative; } .wap_careerdbg { width: 100%; vertical-align: top; } .wap_careerdp2 { position: absolute; z-index: 3; top: 40px; width: 100%; left: 0; } .wap_careerdp1 { display: flex; width: 100%; position: absolute; left: 0; bottom: 10%; z-index: 3; justify-content: center; } .wap_pub_page { text-align: center; margin-top: 25px; } .wap_pub_page span { margin: 0 5px; } .wap_pub_page span.swiper-pagination-bullet-active { background: var(--green); } /* 1228 */ .hline { background: linear-gradient(90deg, rgba(30, 103, 193, 1) 0%, rgba(43, 121, 194, 1) 25%, rgba(111, 185, 44, 1) 100%) } .wapfot { background: #0d5cb2; } .wapfotss { background: #0d5cb2 !important; } .Culture { margin-top: 25px; overflow: hidden; } .Culture_img img { width: 100%; } .Culture_con { width: 92%; margin: 0 auto; transition: all 0.3s ease; padding: 20px; margin-top: -40px; } .Culture_con img { height: 35px; margin-right: 15px; } .Culture_con span { font-size: 16px; } .g3newpage2 { margin-top: 20px; } .zwxxa { padding: 20px 4%; } .ab7bpjd1 .ab7bpjd2 { margin-top: 0; } .nhnewmore .ab7bpjd1 { width: auto; } .nhnewmore { flex-wrap: wrap; } .nhnea, .nhneback { /*padding: 0 15px;*/ } .ab7bpjd1 .pubmore { padding: 0 25px; } .ab7bpjd2 { margin-top: 20px !important; margin-bottom: 20px; } .zwxxam { flex-flow: wrap; width: 100%; min-width: auto; } .zwxxaml { width: 100%; box-shadow: 0 0 10px rgb(0 0 0 / 5%); } .zwxxamrlam h6 { font-size: 16px; } .zwxxamr { width: 100%; } .zwxxamrlam p { font-size: 14px; } .zwxxamrlam span { right: 15px; top: 73%; } .zwxxamrlam { padding: 20px; } .nhnewmorep { padding-top: 0; margin-top: 0; border: none; } .nhnea { margin-left: 0; margin-right: 20px; } .jobinfo_p1 { padding: 40px 0 0 0; font-size: 14px; } .zwxxamrlam:first-child { margin-top: 30px; } .zwbaner { padding-bottom: 60.51%; } .energys_list { position: relative; z-index: 11; } .energys_item { /*height: 100vh;*/ position: sticky; top: 0; background: #EEF0F7; } .energys_a1 { z-index: 100; } .energys_a2 { z-index: 101; } .energys_a3 { z-index: 102; } .energys_m1 { margin-top: 20px; } .energys_m2 { margin-bottom: 40px; } .energys_con { position: relative; } .energys_img { width: 100%; /*height: 100vh;*/ height: 430px; } .energys_ul1 { position: absolute; top: 20%; left: 0; color: #fff; text-align: center; width: 100%; } .energys_ul2 { /*position: absolute;*/ bottom: 0%; left: 0; padding: 40px 40px 40px 40px; width: 100%; background: #f8f8fb; } .nyjybp4p1 span { font-size: 22px; } .nyjybp4 { margin-top: 25px; } .nyjybp4p2 { font-size: 12px; } .nyjycolo { color: #0055a6; } .nyjybp4p1 { font-size: 12px; } .engrcp4 { display: flex; flex-wrap: wrap; } .engrcp4 ul { width: 100%; text-align: center; border-bottom: 1px solid rgb(0, 0, 0, 0.1); padding: 20px 0; } .engrcp4 ul:last-child { border: none; padding-bottom: 0; } .sets_con { /*width: 92%;*/ margin: 0 auto; background: #fff; padding: 20px; /*margin-top: -20px;*/ z-index: 11; position: relative; border-radius: 0 0 16px 16px; min-height: 210px; } .nyzcgp2 { font-size: 16px; } .nyzcgp3 { margin-top: 15px; } /* */ #wrap, #container { overflow: visible; } .digdicon-auto img { } .ab7cps1 { font-size: 14px; font-weight: bold; } .related_img2 img { border-radius: 16px 16px 0 0; } .energys { padding-top: 0; } /* */ .phcomtit_img1 { margin-top: 25px; } .store_re { position: relative; } .store_img1 img { width: 100%; height: 450px; } .store_con { position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); width: 90%; margin-top: 40px; } .store_tit { position: absolute; top: 20%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center; } .store_ul1 { width: 100%; background: rgb(255, 255, 255, 0.89); padding: 30px; position: relative; text-align: center; } .National { margin-top: 55%; } .National_img1 img { width: 100%; } .suanlibp1 { font-size: 44px; } .suanlibp2 { font-size: 18px; } .suanlidimg { height: 110px; } .National_p1 { width: 90%; margin: 0 auto; margin-top: 10px; } .phabtit_con2 { width: 100%; padding: 50px 20px; background: #FFF; } .phabtit_Swiper2 { margin-top: 0; } .sul2e2 { padding: 100px 0; } .sul2eimg2 img { width: 95%; } .Computing_p { padding-top: 0; padding-bottom: 40px; } .ab7cp16 { font-size: 16px; } .ab7cp14 { font-size: 14px; } .suanlidp1 span { font-size: 14px; min-width: 80px; padding: 0px 15px; } .suanlidp1 { height: 33px; line-height: 33px; } /* .Storageph { padding: 40px 0; } */ .storeswiper1_wap, .storeswiper2_wap { margin-top: 25px; margin-left: 4%; margin-right: 4%; width:92%; border-radius:10px; } .storeswiper1_item { padding: 0; min-height: auto; flex-wrap: wrap; } .storeswiper1_item .store_ul1 { text-align: left; padding: 20px; } .storeswiper1_item .store_ul2 { width: 100%; margin: 20px 20px 20px 0; text-align: right; } .storeswiper1_item .store_ul2 img { width: auto; max-width:75%; } .storeswiper1_item .store_ul2_img img { max-width: 45%; } .store_ul12{ width: 50%; } .store_ul12 img{ margin-left: 20px; margin-top: 45px; } .stoph_m1 { margin-top: 20px; } .sto_mh1 { min-height: 450px; } .sto_mh2 { min-height: 460px; } .store_item { box-shadow: none; } .storeswiper3_wap { padding-top: 0px; padding-bottom: 40px; } .super_img1 { text-align: center; } .super_img1 img { width: 60%; } .super_conph { width: 100%; padding: 30px 20px; background: #FFF; } .super_ul3 { display: flex; flex-direction: column; margin-top: 20px; text-align: center; } .super_ul3 img { margin: 0; margin-bottom: 10px; } .super_con { margin-top: 0; } .phsto_tit { top: 20%; } .pro_stolist { flex-wrap: wrap; } .tab_main { padding: 30px 20px; border-radius: 10px; } .stolist_ul1 { width: 100%;display:none; } .stolist_ul2 { width: 100%; } .abt26btcclose { width: 30px; height: 30px; top: 50px; right: 10px; } .abt26btc { width: 90%; border-radius: 10px; } .pipeline_tab { margin-top: 20px; } .pipeline_tab td { font-size: 12px; padding: 5px 0; } .pipeline_tab .pipeline_tr1 td { font-size: 14px; } .store_ul1 .pubmore:hover{border-color:rgba(0, 0, 0, 0.6)} .store_ul1 .pubmore:hover .pwz1,.store_ul1 .pubmore:hover .pwz2{color:#444;} .store_ul1 .pubmore:hover .svg-fff,.store_ul1 .pubmore:hover .svg-000{fill:#444} .gg-wap-tit-14{line-height:1.4} .clear-top-15{top:13%;} .cleaas-wap-p1 h4{margin-top:10px;} .chonghd03slide{width:100%;} .gccap0{bottom:0;} .gccazwm,.gccap0{padding:20px;} .gccap1 {font-size:26px;padding-bottom:20px} .gccap3{font-size:14px} .gccap5{font-size:12px;} .gccap6{font-size:16px;} .gccazwm{flex-wrap:wrap; min-height: 200px; } .gccazwm ul{width:100%;} .chonghd03swiper{background:#fff;} .chonghd03slide {opacity:0 !important} .chonghd03slide.swiper-slide-active {opacity:1 !important} /*.chonghd03swiper1_wap .chonghd03slide, .chonghd03swiper1_wap .swiper-wrapper {height: auto;}*/ /*.chonghd03swiper1_wap .swiper-wrapper { align-items: flex-start;overflow: hidden;}*/ .chonghd03swiper{padding:0;margin-top:25px;} .store_item{height:auto;} .clound0bp1{position:relative;color:#000;font-size:14px;padding:15px 15px;text-align:left;} .clound0cn{width:100%;padding:0;} .clound0cnwzm{width:100%;padding:0 15px;} .clound0cnwz{width:100%;margin:0;} .clound0cnbg {display:none;} .clound0cnwz{margin-top:0;} .clound0bswiper{margin-top:0;border-radius:0;} .clound0cnwzm {border-radius:0;font-size:12px;padding-bottom:20px;} .clound0cnwzm p{padding-left:8px;} .clound0cnwzm p:before{top:10px;width:2px;height:2px;} .clound0cnwzm{display:flex;flex-wrap:wrap;} .clound0cnwzm p{width:50%;padding-right:10px;} .clound0cnwzm p:last-child{margin-top:15px;margin-bottom:0;width:100%;} .clound0bswiper{background:#fff;} .clound0b{padding-bottom:0;} .clound0b{padding-left:4%;padding-right:4%;} .phabtit_con_zc{margin-top:0;width:100%;padding: 25px 40px;box-sizing:border-box;} .chonghd02-tb-0{padding-top:0;} .phabtit_Swiper_mt_0{margin-top:0;} .phabtit_tit_25{top:25%;} .sto_mh1{min-height:inherit;} .sets_con{min-height:80px;} .chonghd03slide{box-shadow:none;} .ab7cp41-plr-0{padding-left:0;padding-right:0;} .ab7cp4-3th ul{width:auto !important;min-width:20%;} .ab7cp4-3th .ab7cp41{padding-left:0;padding-right:0;} .relatedSwiper .swiper-slide{background:#fff;height:auto;} .related_img2 img{border-radius:0;} .relatedSwiper .swiper-slide{border-radius:10px;overflow: hidden;} .store_item{max-height:inherit;} .pop_con1 p::before{width:3px;height:3px;top:10px;} .pop_con1 p{padding-left:10px;} .store_bg{background:url(../img/wap_store_bg.jpg) right bottom no-repeat;background-size:100% auto;} .store_bg6{ background-image: url(../img/store6_bgs.jpg?v1); } .pt-0{padding-top:0;} .abt26btc{padding:20px;padding-right:10px;} .abt26btc{height:90vh;min-height:inherit;height:auto;} .tab_main{max-height:calc(90vh - 40px);height:auto;} .tab_main{padding:0;padding-right:10px;} .abt26btc .stolist_ul2,.pro_stolist{width:100%;} .abt26btcclose{top:10px;right:10px;} .mt25p{margin-top:25px;} .storeswiper1_item .store_ul2_img{padding-right:10%;} .clound0cm{background:#fff;} .wap_tc_img{width:100%;height:160px;text-align:center;padding:20px 0;padding-top:0;} .wap_tc_img img{max-width:95%;max-height:95%;} .servvideo{position:absolute;left:0;top:0;width:100%;height:100%;} .servvideom{width:100%;height:100%;object-fit: cover;object-position: top;} .mi_serv_sub{bottom:70px;} .mi_serv_sub i{width:32px;height:32px;} .wap-nav{background:rgba(255,255,255,0.1)} .mi_serv_sub a{font-weight:700;} .ban2bg{ background-size: 100% 100%; width: 100%; height: 100%; left: 0%; top: 0%; } .abpen{ margin-bottom: 0; } } @media screen and (max-width: 375px) { .inv12bp3 { font-size: 12px; } } /* huhao */ /* */