.head { height: 5.6rem; background-repeat: no-repeat; background-size: cover; } .head_d1 { width: 1200px; margin: 0 auto; padding-top: 1.35rem; padding-bottom: 1.3rem; } .head_p1 { font-size: 0.48rem; /* color: white; */ color: #000000; line-height: 1; margin-bottom: 0.17rem; font-weight: 500; } .head_p2 { font-size: 0.2rem; /* color: white; */ color: #000000; line-height: 1; margin-bottom: 0.36rem; letter-spacing: 4px; text-indent: 4px; font-family: arial; } .head_p3 { font-size: 0.16rem; /* color: white; */ color: rgb(0, 0, 0, .8); line-height: 0.3rem; } .head_d2 { display: flex; align-items: center; margin-top: 0.55rem; cursor: pointer; } .head_d2 img { width: 0.7rem; height: 0.7rem; object-fit: contain; display: block; margin-right: 0.16rem; } .head_d2 p { font-size: 0.22rem; /* padding: 10px 0; */ /* color: white; */ color: #000000; /* border-bottom: 1px solid white; */ border-bottom: 1px solid #000000; letter-spacing: 1px; } .new_gover { width: 100%; display: flex; flex-direction: column; align-items: center; background: #F8FCFF; background-repeat: no-repeat; } .new_gover_5 .new_plan_p3 { margin-top: 10px; } .new_plan_box2 { margin: 100px 0 106px 0 !important; } .new_gover .new_plan_box { margin: 85px 0 85px 0; } .new_gover_5 .new_plan_box { margin: 80px 0 95px 0; } .new_gover_2 { background: #ffffff; } .new_gover_3 { background-size: cover; background-image: url(../newImage/keru_51.png); background-position: center; } .new_gover_4 { background-size: cover; background-image: url(../newImage/keru_69.png); background-position: center; } .new_gover_5 { background-size: cover; background-image: url(../newImage/keru_84.png); background-position: center; } .new_gover_box { width: 1200px; padding: 81px 0; display: flex; align-items: center; } .new_gover_box img { width: 523px; height: 494px; } .new_gover_right { width: 580px; background: #FFFFFF; box-shadow: 0px 0px 20px 0px rgba(112, 168, 213, 0.2); border-radius: 10px; padding: 80px 70px; font-size: 16px; font-weight: 400; color: #464D61; line-height: 32px; margin-left: 97px; text-align: justify; } .new_plan_top { width: 100%; display: flex; flex-direction: column; align-items: center; } .new_plan_box { width: 1200px; display: flex; flex-direction: column; margin: 100px 0 120px 0; } .pub_title { margin-bottom: 18px; } .new_plan_p2 { font-size: 14px; font-weight: 400; color: #84879A; line-height: 21px; text-align: center; } .new_plan_p3 { margin-top: 20px; } .new_banner_img1 { width: 1200px; height: 546px; margin-top: 26px; } .new_plan_p1 { font-size: 24px; font-weight: 400; color: #333947; } .new_pan_list { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; /* justify-content: space-around; */ } .new_pan_list div:first-child{ margin-left: 1px; } .new_pan_list2 { margin-top: 52px; justify-content: space-around; } .new_pan_list div.box{ cursor: pointer; margin-top: 30px; display: flex; justify-content: center; align-items: center; } .new_pan_list .box { position: relative; width: 216px; height: 262px; background: #FFFFFF; box-shadow: 0px 4px 8px 0px #EBECF4; border-radius: 8px; border: 1px solid #EBEBF4; } .marginB30{ margin-bottom: 30px; } .box { padding: 0 20px; } .new_pan_list .box { margin-right: 24px; } .new_pan_list2 .box { margin-right: 0; } .box .box_1 { width: 100%; height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: center; } .box_1 img { width: 71px; height: 70px; } .box_1 p { font-size: 18px; font-weight: 400; color: #333947; margin-top: 46px; } .box .box_hide { display: none; } .box_2 { display: none; } .box_2 .box_title { font-size: 18px; font-weight: 400; color: #5486EE; text-align: center; margin-top: 20px; margin-bottom: 10px; } .box_2 .box_text { font-size: 14px; font-weight: 400; /* height: 140px; */ color: #464D61; line-height: 24px; margin-bottom: 11px; text-align: center; /* overflow-y: scroll; */ /* padding-right: 5px; */ /* overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; */ } .text_justify{ text-align: justify !important; /* margin-top: 15px;s */ } /**滚动条的宽度*/ .new_weige_bottom_p2::-webkit-scrollbar { width: 2px; height: 5px; } /*滚动条的滑块*/ .new_weige_bottom_p2::-webkit-scrollbar-thumb { background-color: rgb(185, 221, 255); border-radius: 5px; } .new_weige_bottom_p2::-webkit-scrollbar-thumb:hover { background: rgba(24,144,255,.8); } .new_talent_box { width: 1200px; /* height: 812px; */ padding: 80px 0 100px 0; } .new_talent_introduce { display: flex; flex-direction: column; align-items: center; } .new_t_title { height: 47px; font-size: 32px; font-weight: 400; color: #333947; } .new_t_text { width: 100%; font-size: 14px; font-weight: 400; color: #84879A; line-height: 21px; margin-top: 8px; text-align: center; } .new_t_text2 { width: 665px; margin-top: 18px; text-align: center; font-size: 14px; font-weight: 400; color: #464D61; line-height: 24px; } .new_process { margin-top: 60px; } .new_process_top { display: flex; justify-content: space-between; } .new_pr_top_item { width: 291px; height: 45px; background: #6DB9FE; border-radius: 5px; font-size: 16px; font-weight: 400; color: #FFFFFF; display: flex; align-items: center; justify-content: center; } .new_process_bottom { margin-top: 9px; display: flex; justify-content: space-between; } .new_pr_bo_left { display: flex; justify-content: center; align-items: center; width: 132px; height: 443px; background: #5486EE; border-radius: 5px; } .new_pr_bo_left span { display: block; width: 46px; height: 60px; line-height: 27px; font-size: 20px; font-weight: 400; color: #FFFFFF; } .new_pr_bo_right { width: 1055px; height: 443px; border-radius: 8px; } .new_pr_bo_r_f { display: flex; justify-content: space-between; } .new_pr_bo_r_f_item { width: 201px; height: 45px; border-radius: 5px; font-size: 16px; font-weight: 400; color: #333947; display: flex; align-items: center; justify-content: center; background: #FFFFFF; } .new_pr_bo_r_s { margin-top: 11px; display: flex; justify-content: space-around; align-items: center; width: 1055px; height: 53px; background: rgb(255, 255, 255, .6); box-shadow: 0px 4px 8px 0px #EBECF4; border-radius: 8px; } .new_pr_bo_r_s_item { display: flex; justify-content: center; align-items: center; } .new_pr_bo_r_s_item img { width: 45px; height: 45px; } .new_pr_bo_r_s_item span { width: 46px; height: 30px; line-height: 30px; font-size: 16px; font-weight: 400; color: #333947; margin-left: 12px; } .new_pr_bo_r_t { width: 1055px; height: 68px; background: #FFFFFF; border-radius: 8px; display: flex; justify-content: space-around; margin-top: 10px; } .new_pr_bo_r_t_item { display: flex; align-items: center; flex-direction: column; justify-content: center; font-size: 14px; font-weight: 400; color: #333947; } .new_pr_bo_r_t_item span { display: block; text-align: center; margin: 2px 0; } .new_pr_bo_r_fi { padding: 18px 0 12px 0; width: 1055px; height: 114px; background: rgba(255, 255, 255, .6); box-shadow: 0px 4px 8px 0px #EBECF4; border-radius: 8px; border: 1px solid #EBEBF4; margin: 10px 0; } .new_pr_bo_r_fi_top { display: flex; justify-content: space-around; } .new_pr_bo_r_fi_top_item { display: flex; justify-content: center; align-items: center; width: 201px; height: 45px; background: #FFFFFF; box-shadow: 0px 4px 8px 0px #EBECF4; border-radius: 8px; border: 1px solid #EBEBF4; font-size: 16px; font-weight: 400; color: #333947; } .new_pr_bo_r_fi_bottom { display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 400; color: #5486EE; width: 253px; height: 30px; margin: 0 auto; margin-top: 9px; } .new_ai_box { width: 100%; display: flex; justify-content: space-between; } .new_ai_box_left { display: flex; align-items: center; justify-content: space-around; width: 529px; height: 50px; background: #FFFFFF; border-radius: 5px; } .new_ai_box_right { width: 507px; height: 50px; background: #FFFFFF; border-radius: 5px; display: flex; align-items: center; justify-content: space-around; } .new_ai_box_left_item { height: 100%; font-size: 16px; font-weight: 400; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #333947; } .new_ai_box_left_item .span { display: block; font-size: 14px; font-weight: 400; color: #84879A; } .new_ai_box_left_item span { display: block; font-size: 12px; font-weight: 400; color: #84879A; line-height: 21px } .new_shared_box { width: 1055px; height: 61px; background: rgba(255, 255, 255, .6); box-shadow: 0px 4px 8px 0px #DDDFED; border-radius: 5px; border: 1px solid rgba(189, 198, 229, .6); font-size: 18px; font-weight: 400; color: #333947; display: flex; align-items: center; justify-content: center; margin-top: 10px; } .new_introduction_box { width: 1200px; display: flex; justify-content: space-between; margin-top: 60px; } .new_int_item { padding: 60px 30px 36px 30px; width: 279px; height: 410px; background: #FFFFFF; box-shadow: 0px 4px 8px 0px #EBECF4; border-radius: 8px; border: 1px solid #EBEBF4; } .new_item_img2 { display: none; } .new_int_item:hover { background: #5486EE; transition-duration: .5s; } .new_int_item:hover .new_title { color: #ffffff; } .new_int_item:hover .new_item_img1 { display: none; } .new_int_item:hover .new_item_img2 { display: block; } .new_int_item:hover .new_text { color: #ffffff; } .new_int_item:hover .new_earnings { color: #ffffff; } .new_int_item:hover .new_bottom_text { color: #ffffff; } .new_int_item>img { width: 47px; height: 46px; } .new_int_item .new_title { font-size: 20px; font-weight: 400; color: #333947; margin-top: 31px; } .new_int_item .new_text { width: 199px; height: 72px; font-size: 14px; font-weight: 400; color: #464D61; line-height: 24px; margin-top: 9px; text-align: justify; /* overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; */ } .new_base_item { /* width: 100%; */ position: relative; box-shadow: 0px 4px 8px 0px #EBECF4; border-radius: 1px 1px 8px 8px; } .new_earnings { height: 26px; font-size: 16px; font-weight: 400; color: #5486EE; margin-top: 50px; } .new_bottom_text { width: 199px; /* height: 50px; */ font-size: 12px; font-weight: 400; color: #84879A; line-height: 18px; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .new_base_box { width: 1200px; padding: 80px 0 80px 0; } .new_base_content { margin-top: 60px; display: flex; justify-content: space-between; } .new_base_title { width: 372px; height: 50px; background: #FFFFFF; box-shadow: 0px 4px 8px 0px #EBECF4; border-radius: 1px 1px 8px 8px; border: 1px solid #EBEBF4; font-size: 18px; font-weight: 400; color: #333947; display: flex; justify-content: flex-start; align-items: center; padding: 0 30px; } .new_base_bottom { position: absolute; bottom: 0; padding: 23px 30px 8px 30px; width: 372px; height: 174px; background: #FFFFFF; box-shadow: 0px 4px 8px 0px rgb(235, 236, 244, .9); opacity: 0.9; border-top: 3px solid #5486EE; display: none; } .new_base_bott_title { height: 27px; font-size: 18px; font-weight: 400; color: #333947; } .new_base_bott_text { width: 309px; height: 113px; font-size: 14px; font-weight: 400; color: #464D61; line-height: 24px; margin-top: 15px; } .new_outsourc_item { width: 279px; height: 410px; background: #FFFFFF; box-shadow: 0px 4px 8px 0px #EBECF4; border-radius: 8px; border: 1px solid #EBEBF4; } .new_outsourc_item_top { width: 279px; height: 110px; background: rgba(128, 170, 255, 1); display: flex; flex-direction: column; align-items: center; justify-content: center; border-top-left-radius: 8px; border-top-right-radius: 8px; } .new_outsourc_item:nth-child(2) .new_outsourc_item_top { background: #6DB9FE; } .new_outsourc_item:nth-child(3) .new_outsourc_item_top { background: #5486EE; } .new_outsourc_item:nth-child(4) .new_outsourc_item_top { background: #1E2A74; } .new_outsourc_item_top img { width: 40px; height: 40px; } .new_outsourc_item_top p { width: 72px; height: 18px; font-size: 18px; font-weight: 400; color: #FFFFFF; margin-top: 12px; } .new_outsourc_item_bottom { margin-top: 35px; height: 300px; font-size: 14px; font-weight: 400; color: #464D61; line-height: 28px; display: flex; flex-direction: column; } .lineheight20{ line-height: 20px; margin-top: 5px; margin-bottom: 5px; } .new_outsourc_item_bottom p { width: 100%; /* padding-left: 15px; padding-right: 15px; */ text-align: center; /* line-height: 17px; */ } .new_enrollment_box { width: 1200px; margin-top: 42px; } .new_en_item_top { width: 1200px; height: 58px; position: relative; display: flex; justify-content: space-between; } .new_en_item_top_item { position: absolute; width: 262px; height: 58px; font-size: 20px; font-weight: 400; color: #FFFFFF; display: flex; justify-content: center; align-items: center; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; } .new_en_item_top_item:nth-child(1) { background-image: url(../newImage/keru_70.png); } .new_en_item_top_item:nth-child(2) { background-image: url(../newImage/keru_71.png); left: 235px; } .new_en_item_top_item:nth-child(3) { background-image: url(../newImage/keru_72.png); left: 470px; } .new_en_item_top_item:nth-child(4) { background-image: url(../newImage/keru_73.png); left: 705px; } .new_en_item_top_item:nth-child(5) { background-image: url(../newImage/keru_74.png); left: 940px; } .new_en_item_bottom { display: flex; justify-content: space-between; flex-wrap: wrap; align-content: space-between; } .new_en_item_bottom_item { width: 232px; height: 78px; background: #FFFFFF; box-shadow: 0px 4px 8px 0px #EBECF4; border: 1px solid #EBEBF4; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 14px; font-weight: 400; color: #333947; line-height: 24px; margin-top: 10PX; } .new_research_box { display: flex; justify-content: space-between; margin-top: 60px; } .new_research_box img { width: 659px; height: 393px; } .new_search_title { width: 64px; height: 16px; font-size: 16px; font-weight: 400; color: #5486EE; line-height: 24px; margin-right: 21px; } .new_search_text { width: 310px; font-size: 14px; font-weight: 400; color: #464D61; margin-top: 3px; } .new_search_text p { line-height: 24px; } .new_search_item { width: 395px; padding: 11px 0; display: flex; border-bottom: 1px dashed #E4EEF4; } .new_meet_box { display: flex; margin-top: 40px; } .new_meet_box .new_meet_box_left { width: 480px; height: 360px; } .new_meet_right_line { transform: rotate(180deg); left: -9px; position: absolute; width: 0; border-bottom: 2px solid #5486EE; margin-right: 9px; transition: width .6s; transform-origin: left; -webkit-transition: width .6s; /* Safari */ animation-direction: reverse; } .new_meet_box_right { margin-left: 122px; padding-top: 13px; } .new_meet_box_right div:first-child{ font-size: 16px; font-weight: bold; } .new_plan_box66{ /* margin: 100px 0 120px 0 !important; */ } /* .new_meet_box_right .current_title{ color: #5486EE; font-size: 16px; } */ .new_meet_box_list { position: relative; display: flex; justify-content: flex-start; align-items: center; padding: 10px 0; font-size: 14px; font-weight: 400; transition-duration: .2s; color: #333947; } .flex{ display: flex; } .flex_center{ justify-content: center; } .flex_column{ flex-direction: column; } .swiper-button-next{ right: 3%; } .swiper-button-prev{ left: 3%; } .new_meet_box_list:hover .new_meet_right_line { display: block; width: 40px; left: -12px; } .new_meet_box_list:hover { color: #5486EE; transform: scale(1.1); transition-duration: .12s; /* margin-left: 8px; */ } .new_operat_box { margin-top: 62px; display: flex; justify-content: space-between; } .new_weige_item { position: relative; width: 563px; height: 425px; /* background: rgb(84, 134, 238, .85); */ border-radius: 1px; /* background: #5486EE; */ } .new_weige_top { width: 100%; height: 100%; } .new_weige_top img { width: 563px; height: 376px; } .new_weige_top_title { height: 50px; background: #5486EE; padding: 0 46px; width: 100%; font-size: 18px; font-weight: 400; color: #FFFFFF; overflow: hidden; line-height: 50px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .new_weige_bottom { padding: 100px 56px 0 56px; position: absolute; bottom: 0; left: 0; width: 563px; height: 425px; background: rgb(84, 134, 238, .85); border-radius: 1px; box-sizing: border-box; display: none; /* overflow-y: scroll; */ } .new_weige_bottom_p1 { font-size: 20px; font-weight: 400; color: #FFFFFF; } .new_weige_bottom_p2 { /* width: 450px; */ max-height: 274px; overflow-y: scroll; font-size: 14px; font-weight: 400; color: #FFFFFF; line-height: 28px; margin-top: 12px; padding-right: 10px; } .new_capital_box { margin-top: 63px; display: flex; justify-content: space-between; } .new_capital_box .new_cap_item_img { width: 750px; height: 538px; } .new_cap_item_left, .new_cap_item_right { width: 230px; display: flex; flex-direction: column; align-content: center; text-align: right; justify-content: flex-start; } .new_cap_item_right { text-align: left; width: 202px; } .new_cap_item_right .new_cap_item_item{ padding: 11px 0; } .new_cap_item_item { padding: 14px 0; } .new_cap_item_p1 { font-size: 18px; font-weight: 400; color: #5486EE; } .new_cap_item_p2 { margin-top: 6px; font-size: 14px; font-weight: 400; color: #C00000; } .new_cap_item_p3 { margin-top: 6px; font-size: 14px; font-weight: 400; color: rgba(70, 77, 97); line-height: 26px; } .new_cap_item_p4 { font-size: 14px; color: #84879a; line-height: 24px; } .swiper-pagination { bottom: 45px !important; } .swiper-pagination-bullet { width: 40px; height: 4px; background-color: rgba(42, 70, 138, 0.15); opacity: 1; border-radius: 0; } .swiper-pagination-bullet-active { width: 40px; height: 4px; background-color: #4A97FD !important; } .new_banner_box { position: relative; } .new_server_box { display: flex; justify-content: space-between; margin-top: 41px; } .new_server_left { width: 50%; min-height: 344px; } .new_ser_left_top { width: 100%; height: 497px; display: flex; justify-content: space-between; padding: 0 47px 0 55px; background: #FFFFFF; } .new_ser_top_right { display: flex; flex-direction: column; align-items: center; justify-content: center; } .new_ser_top_right p { font-size: 16px; font-weight: 400; color: #5486EE; margin-top: 87px; } .new_ser_right_top2 { margin-top: 11px; } .new_ser_top_right img { margin-top: 43px; } .new_ser_top_left { display: flex; flex-direction: column; justify-content: center; } .new_ser_top_left_title { font-size: 18px; font-weight: 400; color: #333947; /* margin-bottom: 12px; */ } .new_ser_top_left_item .new_ser_top_left_p1 { font-size: 18px; font-weight: 400; color: #5486EE; margin-top: 16px; } .new_ser_top_left_item .new_ser_top_left_p2 { font-size: 14px; font-weight: 400; color: #464D61; line-height: 21px; margin-top: 12px; } .new_ser_left_bottom { /* width: 50%; */ height: 497px; background: #FFFFFF; /* margin-top: 11px; */ padding: 25px 56px; } .new_ser_left_bottom_title { width: 100%; display: flex; justify-content: flex-start; font-size: 14px; font-weight: 400; color: #5486EE; } .new_ser_left_bottom_title .div_item { margin-right: 16px; } .new_ser_left_bottom_item { display: flex; justify-content: flex-start; margin-top: 20px; } .new_ser_left_bottom_item div.div_item:first-child{ margin-right: 15px; } .new_ser_left_bottom_item div.div_item:nth-child(2){ margin-right: 15px; } .new_ser_left_bottom_item .div_item { /* margin-right: 16px; */ } .new_server_right { width: 684px; } .new_ser_right_top { width: 684px; height: 270px; background: #FFFFFF; display: flex; flex-direction: column; align-items: center; justify-content: center; } .new_ser_right_top_title { font-size: 16px; font-weight: 400; color: #5486EE; } .new_ser_right_top_content { display: flex; margin-top: 20px; } .new_ser_right_top_content_left { display: flex; flex-direction: column; justify-content: space-between; height: 115px; } .new_ser_right_content_right { position: relative; width: 470px; display: flex; flex-direction: column; justify-content: space-between; margin-left: 8px; height: 115px; } .new_ser_line { position: absolute; top: -9px; left: 0; width: 0px; height: 133px; border-left: 2px solid #DADADA; } .new_ser_right_item { width: 470px; height: 18px; display: flex; font-size: 12px; font-weight: 400; color: #FFFFFF; } .new_ser_right_item div { text-align: center; display: flex; align-items: center; justify-content: center; } .new_item1 { background: #719AF1; } .new_item2 { background: rgb(128, 170, 255, .9); } .new_item3 { background: #6DB9FE; } .new_item4 { background: rgb(163, 207, 255, .7); } .new_item5 { background: rgb(163, 207, 255, .5); } .new_item6 { background: rgb(163, 207, 255, .3); } .new_technology_box { width: 1200px; margin-top: 20px; } .new_technol_top { width: 1200px; height: 130px; background: rgb(255, 255, 255, .7); box-shadow: 0px 4px 8px 0px #EBECF4; border-radius: 1px; display: flex; flex-direction: column; /* justify-content: center; */ padding: 15px 0 0 0; } .new_technol_top_top { display: flex; width: 1200px; justify-content: space-around; } .new_tech_top_top_items { width: 128px; height: 40px; background: #A3CFFF; border-radius: 20px; opacity: 0.98; font-size: 14px; font-weight: 400; color: #FFFFFF; display: flex; justify-content: center; align-items: center; } .new_tech_top_top_item { width: 162px; height: 40px; background: #FFFFFF; box-shadow: 0px 4px 8px 0px #EBECF4; border-radius: 5px; border: 1px solid #EBEBF4; font-size: 14px; font-weight: 400; color: #333947; display: flex; justify-content: center; align-items: center; } .new_technol_top_bottom { display: flex; justify-content: center; align-items: center; } .new_technol_top_box, .new_technol_top_box2 { width: 76px; height: 76px; background-image: url(../newImage/keru_82.png); background-size: 100% 100%; background-repeat: no-repeat; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 400; color: #FFFFFF; background-position-y: 3px; } .new_technol_top_box2 { background-image: url(../newImage/keru_83.png); } .new_tech_top_line { width: 126px; height: 0; border-top: 2px solid #A5D0FF; margin: 0 5px; } .new_technol_bottom { width: 1200px; display: flex; justify-content: space-between; margin-top: 4px; } .new_technol_bottom_left { width: 1025px; /* box-shadow: 0px 4px 6px 0px #CED0DF; */ /* border-radius: 5px; */ } .new_base_top img{ width: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px; } .new_technol_bottom_right { width: 166px; /* height: 139px; */ /* background: rgb(255, 255, 255, .5); */ /* box-shadow: 0px 4px 8px 0px #EBECF4; */ /* border-radius: 5px; */ } .new_tech_bottom_left_t1 { width: 1025px; padding: 0 12px; height: 53px; background: rgb(255, 255, 255, .7); box-shadow: 0px 4px 8px 0px #EBECF4; border-radius: 5px; display: flex; justify-content: space-around; align-items: center; color: #333947; } .new_tech_bottom_left_t2, .new_tech_bottom_left_t3, .new_tech_bottom_left_t4 { background: rgb(255, 255, 255); box-shadow: 0px 4px 8px 0px #EBECF4; border-radius: 5px; display: flex; justify-content: space-around; align-items: center; width: 1025px; padding: 0 12px; height: 80px; margin-top: 4px; font-size: 14px; font-weight: 400; color: #333947; } .new_tech_bottom_left_t5 { width: 1025px; margin-top: 4px; } .new_tech_bottom_left_t5 .new_tech_top_top_item { font-size: 14px !important; font-weight: 400 !important; color: #333947 !important; width: auto; padding: 0 38px; box-shadow: 0px 4px 6px 0px #CED0DF; } .new_tech_bottom_left_t5 .new_technol_top_top { width: 100%; justify-content: space-between; } .new_tech_bottom_left_t3 { background: rgb(255, 255, 255, .5); } .new_tech_bottom_left_t4 { background: rgb(255, 255, 255, .5); height: 40px; } .new_tech_bottom_left_t4 .new_tech_bottom_left_item2 { width: 170px; } .new_tech_bottom_left_item1 { font-size: 14px; font-weight: 400; color: #5486EE; display: flex; width: 90px; align-items: center; } .new_tech_bottom_left_item2 { width: 98px; text-align: center; } .new_tech_bottom_left_item { width: 161px; height: 40px; background: #FFFFFF; box-shadow: 0px 4px 6px 0px #CED0DF; border-radius: 5px; display: flex; justify-content: center; align-items: center; } .new_technol_bottom_right_t1, .new_technol_bottom_right_t2, .new_technol_bottom_right_t3 { width: 166px; height: 139px; background: rgb(255, 255, 255, .5); box-shadow: 0px 4px 8px 0px #EBECF4; border-radius: 5px; display: flex; justify-content: center; align-items: center; } .new_right_ti_text { width: 142px; height: 33px; font-size: 14px; font-weight: 400; color: #FFFFFF; display: flex; justify-content: center; align-items: center; width: 128px; height: 36px; background: #5486EE; border-radius: 18px; } .new_technol_bottom_right_t2 { height: 208px; margin-top: 4px; } .new_technol_bottom_right_t3 { height: 84px; margin-top: 4px; } .case { width: 1200px; } .new_ser_right_bottom_item { font-size: 12px; font-weight: 400; color: #464D61; display: flex; align-items: center; margin: 0 10px; } .new_ser_right_bottom_item span { display: block; width: 8px; height: 8px; margin-right: 5px; } .new_ser_right_bottom_content{ width: 470px; display: flex; margin-top: 20px; justify-content: center; margin-left: 65px; } .new_ser_right_bottom_item .span1 { background: #5486EE; } .new_ser_right_bottom_item .span2 { background: #719AF1; } .new_ser_right_bottom_item .span3 { background: #80AAFF; } .new_ser_right_bottom_item .span4 { background: #6DB9FE; } .new_ser_right_bottom_item .span5 { background: rgb(163, 207, 255, .98); } .new_ser_right_bottom_item .span6 { background: rgb(163, 207, 255, .7); } .new_process_img, .new_enrollment_box_img, .new_research_box_img, .new_capital_box_img, .new_server_box_img, .new_technology_box_img{ /* display: none; */ width: 95%; margin: 0 auto; margin-top: .35rem; } .new_process_img img{ width: 100%; } .new_enrollment_box_img img{ width: 100%; } .new_research_box_img img{ width: 100%; } .new_capital_box_img img{ width: 100%; } .new_server_box_img img{ width: 100%; } .new_technology_box_img img{ width: 100%; } @media screen and (max-width: 800px) { .head_d1, .matrix_l, .edit_l, .edit_img img { width: 90%; margin: 0 auto; } .new_gover_box{ width: 100%; flex-direction: column; justify-content: center; padding: 0.4rem 0; } .new_gover_right{ margin-top: .5rem; width: 4rem; margin-left: 0; padding: 30px 30px; } .new_int_item,.new_outsourc_item,.new_pan_list .box{ width: 310px; margin: 0 0.2rem; } .new_outsourc_item_top{ width: 310px; } .new_meet_box .new_meet_box_left{ width: 100% !important; height: auto !important; } .new_operat_box{ margin-top: .31rem; } .new_weige_bottom{ padding: .5rem 0.28rem 0 .28rem; height: 100%; /* overflow-y: scroll; */ } .new_weige_top_title{ font-size: .18rem; } .new_weige_bottom_p1{ font-size: .2rem; } .new_weige_bottom_p2{ font-size: .13rem; height: 60%; } .new_plan_p1{ font-size: .24rem; } .pd_T_B40{ padding-top: .4rem !important; padding-bottom: .4rem !important; } .new_gover_5 .new_plan_box{ margin: 100px 0 95px 0; } .new_gover .new_plan_box{ /* margin: 100px 0 95px 0 !important; */ margin-top: .01rem !important; } .new_gover_2{ padding-top: 0.4rem !important; padding-bottom: 0.4rem !important; } .new_gover{ padding:0 0.2rem 0 .2rem; } .new_gover_box img{ width: 3.5rem; height: auto; } .new_plan_box66{ margin-bottom: 0rem !important; } .new_introduction_box{ margin-top: 0rem; } .swiper-button-next{ right: 200px; display: none; } .swiper-button-prev{ left: 200px; display: none; } .new_plan_box{ width: 100%; } .new_pan_list{ flex-wrap: wrap; } .new_pan_list .box{ margin-right: 0; } .new_pan_list .box{ margin-top: .35rem; } .new_pan_list{ margin-top: 0rem; } .new_talent_box{ width: 100%; display: flex; flex-wrap: wrap; padding: .4rem 0 .5rem 0; } .new_introduction_box{ width: 100%; display: flex; flex-wrap: wrap; justify-content: center; } .new_int_item{ margin-top: .35rem; } .new_base_box{ width: 100%; padding: 0; } .new_base_content{ width: 92%; margin: 0 auto; padding: 0 4%; display: flex; flex-wrap: wrap; justify-content: center; } .new_base_title{ width: 100%; } .new_base_item{ margin: .35rem 0; } .new_base_bottom{ width: 100%; } .new_outsourc_item{ margin: .35rem 0.2rem; } .new_meet_box{ flex-direction: column; justify-content: center; } .new_meet_box_right{ margin-left: 100px; } .new_operat_box{ flex-wrap: wrap; justify-content: center; } .new_weige_item{ width: 90%; margin: .2rem auto; height: auto; } .new_weige_top img{ width: 100%; height: auto; } .new_weige_bottom{ width: 100%; } .new_weige_bottom_p2{ /* width: 90%; */ } .new_t_text2{ width: 100%; } .new_banner_img1{ width: 100%; height: auto; } .case{ width: 100%; } .case_item a{ padding: .28rem .3rem; } .case_btn{ width: 50%; } .new_base_bott_text { width: 100%; height: 100%; } .new_base_bottom{ height: 100%; } }