@keyframes outer-ripple { 0% { transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-filter: alpha(opacity=50) } 80% { transform: scale(1.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5) } 100% { transform: scale(2.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5) } } @-webkit-keyframes outer-ripple { 0% { transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1) } 80% { transform: scale(2.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5) } 100% { transform: scale(3.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(3.5); -moz-transform: scale(3.5); -ms-transform: scale(3.5); -o-transform: scale(3.5) } } @-moz-keyframes outer-ripple { 0% { transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1) } 80% { transform: scale(2.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(2.5); -moz-transform: scale(2.5); -ms-transform: scale(2.5); -o-transform: scale(2.5) } 100% { transform: scale(3.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(3.5); -moz-transform: scale(3.5); -ms-transform: scale(3.5); -o-transform: scale(3.5) } } @keyframes inner-ripple { 0% { transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1) } 30% { transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1) } 100% { transform: scale(1.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5) } } @-webkit-keyframes inner-ripple { 0% { transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1) } 30% { transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1) } 100% { transform: scale(1.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5) } } @-moz-keyframes inner-ripple { 0% { transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1) } 30% { transform: scale(1); filter: alpha(opacity=50); opacity: .5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1) } 100% { transform: scale(1.5); filter: alpha(opacity=0); opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5) } } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1) } } .in-header { position: fixed; top: 0; } .in-header .continer1 { width: 100%; border-radius: 0; backdrop-filter: blur(5px); } .in-header .header_row { padding: 0 100px; } .in-header .in_nav .li-block1 .li-block2, .in-header .header_right .search_relative .search_block2 { width: 100vw; } .in-header .in_nav .li-block1 .li-block2 .block2_row, .in-header .header_right .search_relative .search_block2 .search_block2_content { border-radius: 0; } .g_nav { display: flex; flex-direction: row; align-items: center; width: 100%; justify-content: flex-start; flex-wrap: wrap; } .g_nav .nav_p { font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #0075C2; line-height: 32px; } .g_nav .nav_zy { width: 20px; margin-right: 12px; } .g_nav .nav_img { width: 6px; margin: 0 10px; } .g_nav .nav_a { font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #565655; line-height: 32px; } .welcome_name { font-size: 100px; font-family: zcoolqingkehuangyouti; font-weight: 400; color: #0075C1; line-height: 1; text-transform: uppercase; margin-bottom: 25px; } .welcome_text { font-size: 30px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #2D2D2D; line-height: 30px; } .product_but { height: 50px; background: #8FC31E; border-radius: 5px; position: relative; transition: all 0.3s ease-in-out 0s; cursor: pointer; min-width: 175px; } .product_but:hover { background: #87bc17; } .product_but p { padding: 0 56px 0 23px; line-height: 50px; font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #FFFFFF; } .product_but .but_po { position: absolute; width: 17px; height: 17px; overflow: hidden; right: 9px; bottom: 9px; margin: 2px; } .product_but .but_po .but_pic { position: relative; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .product_but .but_po .but_pic img { width: 13px; height: 13px; } .product_but .but_po .but_pic div { position: absolute; width: 100%; height: 100%; margin: auto; display: block; } .product_but .but_po .but_pic .pic_1 { top: 0; left: 0; transition: all 0.3s ease-in-out 0s; } .product_but .but_po .but_pic .pic_2 { top: -100%; left: -100%; transition: all 0.3s ease-in-out 0s; } .product_but:hover .but_po .but_pic .pic_1 { top: 100%; left: 100%; } .product_but:hover .but_po .but_pic .pic_2 { top: 0; left: 0; } .product_banner { background: #F8F8F8; position: relative; padding: 113px 0 100px; margin-top: 87px; } .product_banner .product_banner_row { margin-top: 90px; display: flex; flex-direction: row; width: 100%; justify-content: space-between; } .product_banner .product_banner_row .banner_left { display: flex; flex-direction: column; width: 47%; justify-content: space-between; align-items: flex-start; } .product_banner .product_banner_row .banner_left .left_top { display: flex; flex-direction: column; width: 100%; } .product_banner .product_banner_row .banner_left .left_p { margin: 30px 0 60px; width: 100%; } .product_banner .product_banner_row .banner_left .left_p p { font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #787878; line-height: 30px; } .product_banner .product_banner_row .banner_pic { width: 40%; } .product_banner .product_banner_row .banner_pic img { border-radius: 20px; } .product_category { padding: 100px 0 20px; display: flex; flex-direction: column; width: 100%; } .product_category .category_wrap { display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; margin-top: 60px; } .product_category .category_wrap .category_column { width: calc((100% - 170px) / 3); margin-right: 85px; margin-bottom: 80px; display: flex; flex-direction: column; align-items: flex-start; } .product_category .category_wrap .category_column:nth-of-type(3n) { margin-right: 0; } .product_category .category_wrap .category_column .category_column_name { font-size: 22px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #171717; line-height: 30px; margin-bottom: 40px; } .product_category .category_wrap .category_column .category_min { display: flex; flex-direction: column; width: 100%; } .product_category .category_wrap .category_column .category_min .min_a { font-size: 24px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #0075C1; line-height: 30px; padding-bottom: 22px; margin-bottom: 22px; border-bottom: 1px solid #E5E5E5; position: relative; padding-left: 23px; background: url(../images/product/min_a.png) no-repeat left top 12px; width: 100%; background-size: 5px 9px !important; transition: .5s; } .product_category .category_wrap .category_column .category_min .min_a::before { content: ''; position: absolute; left: 0; bottom: -1px; height: 1px; width: 0; background: #8FC31E; transition: .5s; } .product_category .category_wrap .category_column .category_min .min_a:hover { background: url(../images/product/min_a1.png) no-repeat left top 12px; color: #8FC31E; } .product_category .category_wrap .category_column .category_min .min_a:hover::before { width: 100%; } .product_category .category_wrap .category_column .category_min .min_a:last-child { margin-bottom: 0; } .new_products { background: #0075C1; position: relative; width: 100%; } .new_products .new_products_content { padding: 100px 0; display: flex; flex-direction: column; width: 100%; align-items: flex-start; min-height: 550px; } .new_products .new_products_content .welcome_text { color: #FFFFFF; } .new_products .new_products_content .new_column { margin-top: 70px; display: flex; flex-direction: column; width: 100%; } .new_products .new_products_content .new_column .new_row { display: flex; flex-direction: row; width: 100%; justify-content: space-between; margin-bottom: 50px; } .new_products .new_products_content .new_column .new_row:last-child { margin-bottom: 0; } .new_products .new_products_content .new_column .new_row .new_pic { position: relative; opacity: 0; width: 23%; transition: .3s; } .new_products .new_products_content .new_column .new_row.active .new_pic { opacity: 1; } .new_products .new_products_content .new_column .new_row .new_pic img { position: absolute; width: 100%; height: auto; top: -50px; left: 0; transition: .3s; border-radius: 12px; aspect-ratio: 3/2; -o-object-fit: cover; object-fit: cover } .new_products .new_products_content .new_column .new_row:first-child .new_pic img { top: 0; } .new_products .new_products_content .new_column .new_row .new_min { width: 70%; padding-bottom: 50px; position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; border-bottom: 1px solid #FFFFFF; } .new_products .new_products_content .new_column .new_row .new_min::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: #8FC31E; transition: .5s; } .new_products .new_products_content .new_column .new_row.active .new_min::after { width: 100%; } .new_products .new_products_content .new_column .new_row .new_min .new_name { display: flex; flex-direction: column; width: calc(100% - 40px); } .new_products .new_products_content .new_column .new_row .new_min .new_name h2 { font-size: 48px; font-family: Arial; font-weight: 400; color: #FFFFFF; line-height: 1; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 20px; transform: .5s; } .new_products .new_products_content .new_column .new_row .new_min .new_name h5 { font-size: 20px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #B5E2FF; line-height: 1; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transform: .5s; } .new_products .new_products_content .new_column .new_row.active .new_min .new_name h2 { font-weight: bold; color: #8FC31E; } .new_products .new_products_content .new_column .new_row.active .new_min .new_name h5 { color: #8FC31E; } .new_products .new_products_content .new_column .new_row .new_min .but_pic { position: relative; width: 30px; height: 29px; overflow: hidden; margin: 2px; } .new_products .new_products_content .new_column .new_row .new_min .but_pic img { width: 26px; height: 25px; } .new_products .new_products_content .new_column .new_row .new_min .but_pic div { position: absolute; width: 100%; height: 100%; margin: auto; display: block; } .new_products .new_products_content .new_column .new_row .new_min .but_pic .pic_1 { bottom: 0; left: 0; transition: .5s; } .new_products .new_products_content .new_column .new_row .new_min .but_pic .pic_2 { bottom: -100%; left: -100%; transition: .5s; } .new_products .new_products_content .new_column .new_row.active .new_min .but_pic .pic_1 { bottom: 100%; left: 100%; } .new_products .new_products_content .new_column .new_row.active .new_min .but_pic .pic_2 { bottom: 0; left: 0; } .product_banner.product_list_banner { padding: 0; } .product_list_banner .product_list_banner_row { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; padding-left: 100px; } .product_list_banner .product_list_banner_row .banner_left { width: 35%; position: relative; } .product_list_banner .product_list_banner_row .banner_left .left_top { margin-top: 85px; } .product_list_banner .product_list_banner_row .banner_pic { width: 61%; } .product_list { padding: 100px 0; display: flex; flex-direction: column; width: 100%; } .product_show_row { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; position: relative; } .product_show_row .banner_left { width: 47%; display: flex; flex-direction: column; } .product_show_row .banner_left .left_top { margin-top: 90px; } .product_show_row .banner_left .left_top .welcome_name { display: flex; align-items: flex-end; } .product_show_row .banner_left .left_top .welcome_name span { font-size: 16px; font-family: Arial; font-weight: bold; color: #FF0000; line-height: 1; margin-left: 25px; height: 30px; display: inline-block; } .product_show_row .banner_left .left_p { margin: 60px 0 70px; width: 100%; } .product_show_row .banner_left .left_p p { font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #787878; line-height: 30px; } .product_show_row .banner_left .product_documentation { padding-top: 55px; width: 100%; display: flex; flex-direction: row; justify-content: space-between; border-top: 1px solid #4C4C4C; } .product_show_row .banner_left .product_documentation .documentation_p { max-width: 90px; font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #2D2D2D; line-height: 30px; } .product_show_row .banner_left .product_documentation .documentation_right { width: calc(100% - 100px); display: flex; flex-direction: column; } .product_show_row .banner_left .product_documentation .documentation_right a { font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #0075C1; line-height: 36px; padding-left: 22px; position: relative; } .product_show_row .banner_left .product_documentation .documentation_right a::after { content: ''; position: absolute; top: 12px; left: 0; width: 12px; height: 16px; background: url(../images/product/documentation_right.png) no-repeat; background-size: 12px 16px; } .product_show_row .banner_right { position: fixed; right: calc((100% - 1720px) /2); top: 200px; width: 545px; display: flex; flex-direction: column; z-index: 1; } .product_show_row .banner_right.active { top: auto; bottom: 0; position: absolute; right: 0; } .product_show_row .banner_right .right_swiper { display: flex; flex-direction: column; width: 100%; margin-bottom: 30px; } .product_show_row .banner_right .right_swiper .top_swiper { position: relative; width: 100%; background: #F0F0F0; border-radius: 15px; height: 381px; overflow: hidden; } .product_show_row .banner_right .right_swiper .top_swiper .swiper-button-next, .product_show_row .banner_right .right_swiper .top_swiper .swiper-button-prev { width: 44px; height: 44px; border-radius: 5px; background-size: 9px 16px !important; transition: .5s; cursor: pointer; } .product_show_row .banner_right .right_swiper .top_swiper .swiper-button-prev { margin-right: 7px; background: #FFFFFF url(../images/welcome/products_prev.png) no-repeat center; } .product_show_row .banner_right .right_swiper .top_swiper .swiper-button-prev:hover { background: #0075C1 url(../images/welcome/products_prev1.png) no-repeat center; } .product_show_row .banner_right .right_swiper .top_swiper .swiper-button-next { background: #FFFFFF url(../images/welcome/products_next.png) no-repeat center; } .product_show_row .banner_right .right_swiper .top_swiper .swiper-button-next:hover { background: #0075C1 url(../images/welcome/products_next1.png) no-repeat center; } .product_show_row .banner_right .right_swiper .top_swiper .swiper-button-next::after, .product_show_row .banner_right .right_swiper .top_swiper .swiper-button-prev::after { display: none; } .product_show_row .banner_right .right_swiper .top_swiper .pic { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; padding: 70px 80px; } .product_show_row .banner_right .right_swiper .top_swiper video { width: 100%; height: 100%; } .product_show_row .banner_right .right_swiper .min_swiper { position: relative; width: 100%; margin-top: 20px; overflow: hidden; padding: 0 36px; height: 75px; } .product_show_row .banner_right .right_swiper .min_swiper .swiper1 { position: relative; width: 100%; overflow: hidden; } .product_show_row .banner_right .right_swiper .min_swiper .swiper1 .pic { width: 100%; height: 73px; background: #F0F0F0; border: 1px solid #D1D1D1; border-radius: 5px; display: flex; justify-content: center; /* align-items: center; */ padding: 15px; } .product_show_row .banner_right .right_swiper .min_swiper .swiper-button-lock { display: block; } .product_show_row .banner_right .right_swiper .min_swiper .swiper-button-prev1 { position: absolute; left: 0; top: 0; height: 73px; width: 19px; background: #F0F0F0 url(../images/product/min_swiper1.png) no-repeat center; background-size: 5px 11px !important; border-radius: 5px; cursor: pointer; } .product_show_row .banner_right .right_swiper .min_swiper .swiper-button-next1 { position: absolute; right: 0; top: 0; height: 73px; width: 19px; background: #F0F0F0 url(../images/product/min_swiper2.png) no-repeat center; background-size: 5px 11px !important; border-radius: 5px; cursor: pointer; } .product_show_row .banner_right .right_center { display: flex; flex-direction: row; width: 100%; justify-content: center; align-items: center; } .product_show_row .banner_right .right_center .product_but:last-child { margin-left: 17px; background: #0075C1; } .Industry_applications { padding: 100px 0; display: flex; flex-direction: column; width: 100%; position: relative; z-index: 9; background: #FFFFFF; align-items: center; } .Industry_applications .welcome_text { width: 100%; text-align: left; } .Industry_applications .Industry_wrap { margin-top: 70px; display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; } .Industry_applications .Industry_wrap .Industry_min { width: calc((100% - 140px) / 2); margin-right: 140px; margin-bottom: 80px; border-radius: 15px; position: relative; overflow: hidden; } .Industry_applications .Industry_wrap .Industry_min:nth-of-type(2n) { margin-right: 0; } .Industry_applications .Industry_wrap .Industry_min .pic { overflow: hidden; } .Industry_applications .Industry_wrap .Industry_min .pic img { transition: .5s; width: 100%; } .Industry_applications .Industry_wrap .Industry_min:hover .pic img { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .Industry_applications .Industry_wrap .Industry_min .po_name { position: absolute; top: 33px; left: 40px; z-index: 5; font-size: 36px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #FFFFFF; line-height: 1; } .Industry_applications .Industry_wrap .Industry_min .po_min { position: absolute; z-index: 9; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 100%; background: #0075C1; transition: .5s; opacity: 0; } .Industry_applications .Industry_wrap .Industry_min:hover .po_min { width: 100%; opacity: 1; } .Industry_applications .Industry_wrap .Industry_min .po_min .min_content { position: relative; width: 100%; height: 100%; padding: 40px 50px; display: flex; justify-content: flex-end; align-items: flex-end; } .Industry_applications .Industry_wrap .Industry_min .po_min .min_content .min_pic { position: absolute; top: 42%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: .5s; } .Industry_applications .Industry_wrap .Industry_min:hover .po_min .min_content .min_pic { opacity: 1; } .Industry_applications .Industry_wrap .Industry_min .po_min .min_content .min_pic .Industry1 { width: 134px; } .Industry_applications .Industry_wrap .Industry_min .po_min .min_content .min_name { width: 100%; padding-bottom: 24px; border-bottom: 1px solid #FFFFFF; font-size: 30px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #FFFFFF; line-height: 1; padding-right: 20px; background: url(../images/product/but_pic.png) no-repeat right bottom 24px; background-size: 14px 14px; } .product_show_nav { height: 88px; width: 100%; background: #0075C1; } .product_show_nav .continer1 { display: flex; } .product_show_nav p { font-size: 20px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #FFFFFF; line-height: 88px; padding: 0 43px; background: #8FC31E; } .product_show_content { display: flex; flex-direction: column; width: 100%; padding: 100px 0 0; } .product_show_content .main_features { display: flex; flex-direction: row; width: 100%; justify-content: flex-start; } .product_show_content .main_features .features_left { width: 100%; display: flex; flex-direction: column; } .product_show_content .main_features .features_left .features_min { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 60px; } .product_show_content .main_features .features_left .features_min .min_name { width: calc((100% - 100px)/2); margin-right: 100px; padding: 20px 24px; font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #4C4C4C; line-height: 28px; border-bottom: 1px solid #4C4C4C; background: url(../images/product/min_name.png) no-repeat left top 31px; background-size: 5px 9px; } .product_show_content .main_features .features_left .features_min .min_name:nth-of-type(2n) { margin-right: 0; } /* 应用方案 */ .application_banner { position: relative; width: 100%; } .application_banner .banner_scroll { position: absolute; bottom: 110px; left: 50%; transform: translate(-50%, 0); display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; } .application_banner .banner_scroll .pic { width: 38px; height: 38px; border: 1px solid #787878; border-radius: 50%; display: flex; justify-content: center; align-items: center; margin-bottom: 17px; overflow: hidden; } .application_banner .banner_scroll .pic img { width: 10px; height: 15px; animation: moveUpDown 3s infinite; transform: translateY(-25px); } @keyframes moveUpDown { 0% { transform: translateY(-25px); opacity: 1; } 50% { transform: translateY(25px); } 75% { opacity: 0.1; } 100% { transform: translateY(25px); } } .application_banner .banner_scroll p { font-size: 14px; font-family: Arial; font-weight: 400; color: #787878; line-height: 1; } .application_energy { background: #F8F8F8; width: 100%; border-radius: 50px 50px 0 0; margin-top: -52px; position: relative; } .application_energy .energy_row { padding: 100px 0; display: flex; flex-direction: row; justify-content: space-between; width: 100%; } .application_energy .energy_row .energy_left { width: 46%; display: flex; flex-direction: column; } .application_energy .energy_row .energy_left .left_p { margin-top: 60px; display: flex; flex-direction: column; width: 100%; } .application_energy .energy_row .energy_left .left_p p { font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #787878; line-height: 30px; text-indent: 2em; } .application_energy .energy_row .energy_right { width: 46%; border-radius: 15px; overflow: hidden; } .application_browse { padding: 100px 0 70px; display: flex; flex-direction: column; width: 100%; position: relative; } .application_browse .browse_wrap { margin-top: 65px; display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; } .application_browse .browse_wrap .browse_wrap_a { width: calc((100% - 170px)/3); margin-right: 85px; margin-bottom: 22px; line-height: 30px; padding-bottom: 22px; border-bottom: 1px solid #E5E5E5; position: relative; } .application_browse .browse_wrap .browse_wrap_a:nth-of-type(3n) { margin-right: 0; } .application_browse .browse_wrap .browse_wrap_a p { padding-left: 24px; width: 100%; font-size: 24px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #0075C2; background: url(../images/application/browse_wrap_a1.png) no-repeat left top 11px; background-size: 5px 10px !important; transition: .5s; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .application_browse .browse_wrap .browse_wrap_a:hover p { background: url(../images/application/browse_wrap_a2.png) no-repeat left top 11px; color: #8FC31E; } .application_browse .browse_wrap .browse_wrap_a::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: #8FC31E; transition: .5s; } .application_browse .browse_wrap .browse_wrap_a:hover:after { width: 100%; } .product_banner.application_show_banner { padding: 113px 0 35px; } .product_banner.application_show_banner .product_banner_row { flex-direction: column; } .product_banner.application_show_banner .product_banner_row .banner_left { width: 100%; } .application_show_banner .banner_left .product_but { margin-top: 100px; } /* .application_show_banner .banner_left .product_but p { padding: 0 96px 0 23px; } */ .application_show_banner .show_banner_po { position: absolute; top: -87px; right: 0; width: 60%; z-index: 1; } .application_show_banner .product_banner_row .show_banner_row { margin-top: 100px; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; position: relative; z-index: 9; } .application_show_banner .product_banner_row .show_banner_row .pic { width: calc((100% - 65px)/2); margin-right: 65px; margin-bottom: 65px; } .application_show_banner .product_banner_row .show_banner_row .pic:nth-of-type(2n) { margin-right: 0; } .application_show_banner .product_banner_row .show_banner_row .pic img { border-radius: 12px; } .application_show { padding: 100px 0; display: flex; flex-direction: row; justify-content: space-between; width: 100%; position: relative; } .application_show .application_show_column { width: 60%; display: flex; flex-direction: column; } .application_show .application_show_column:nth-of-type(2) { width: 35%; } .application_show .show_pic { margin-top: 65px; width: 100%; position: relative; } .application_show .application_show_column .b_show_column { margin-top: 65px; width: 100%; display: flex; flex-direction: column; height: 555px; padding-right: 10px; } .application_show .application_show_column .b_show_column.scroll-content { margin-top: 0 !important; } .application_show .application_show_column .b_show_column .scroll-element { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 2; opacity: 1 !important; -webkit-transition: 0.2s; transition: 0.2s; background: #F8F8F8; border-radius: 4px; } .application_show .application_show_column .b_show_column .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 3px; } .application_show .application_show_column .b_show_column .scroll-element div { width: 100%; height: 100%; border: none; background: none; margin: 0; padding: 0; display: block; position: absolute; left: 0; top: 0; z-index: 2; } .application_show .application_show_column .b_show_column .scroll-element .scroll-element_outer { opacity: 1; } .application_show .application_show_column .b_show_column .scroll-element .scroll-element_size { background-color: rgba(0, 0, 0, 0.07); opacity: 0; } .application_show .application_show_column .b_show_column .scroll-element .scroll-bar { background-color: #2699E3; opacity: 1; border-radius: 4px; } .application_show .application_show_column .b_show_column .b_show_ul { margin-bottom: 5px; width: 100%; position: relative; } .application_show .application_show_column .b_show_column .b_show_ul .ul_top { cursor: pointer; display: flex; justify-content: space-between; padding: 15px 50px 15px 15px; transition: background-color 150ms linear 0s; background-color: rgb(247, 247, 247); font-size: 18px; color: #171717; position: relative; } .application_show .application_show_column .b_show_column .b_show_ul .ul_top::after { content: ''; position: absolute; top: 26px; right: 20px; width: 12px; height: 6px; background: url(../images/about/ul_top.png) no-repeat; background-size: 12px 6px !important; transition: transform 150ms linear 0s } .application_show .application_show_column .b_show_column .b_show_ul .ul_top.cur::after { transform: rotateX(180deg) } .application_show .application_show_column .b_show_column .b_show_ul .ul_top:hover { background-color: rgb(232, 232, 232); } .application_show .application_show_column .b_show_column .b_show_ul .ul_li { display: none; width: 100%; padding: 20px 0 0; border-bottom: 1px solid #DDDDDD; margin-bottom: 15px; } .application_show .application_show_column .b_show_column .b_show_ul .ul_li .li_name { padding: 20px 0; border-top: 1px solid #DDDDDD; width: 100%; font-size: 15px; color: #171717; letter-spacing: 1px; } .application_show .application_show_column .b_show_column .b_show_ul .ul_li .li_name a { color: #0075C1; } /* .application_show .application_show_column .b_show_column a { font-size: 20px; color: #171717; line-height: 30px; padding-left: 18px; position: relative; transition: .5s; margin-bottom: 30px; } .application_show .application_show_column .b_show_column a:last-child { margin-bottom: 0; } .application_show .application_show_column .b_show_column a::before { content: ''; position: absolute; top: 11px; left: 0; width: 5px; height: 9px; background: url(../../images/welcome/wrap_top1.png) no-repeat; background-size: 5px 9px !important; } .application_show .application_show_column .b_show_column a:hover { color: #0075C2; } .application_show .application_show_column .b_show_column a:hover::before { background: url(../../images/welcome/wrap_top2.png) no-repeat; } */ /* 样品申请 */ .sample_banner_po { position: absolute; max-width: 561px; bottom: 145px; left: 50%; transform: translate(-50%, 0); } .sample_banner_name { display: flex; justify-content: center; align-items: center; width: 100%; margin: 100px 0; } .sample_banner_name h2 { text-align: center; font-size: 200px; font-family: zcoolqingkehuangyouti; font-weight: 400; color: #0075C2; line-height: 1; text-transform: uppercase; } #webgl { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } .sample_table { margin-top: 60px; width: 100%; position: relative; } .sample_table .el-table { border-radius: 15px 15px 0px 0px; } .sample_table .el-table thead tr { color: #FFFFFF; } .sample_table .el-table th.el-table__cell { background-color: #0075C1; padding: 20px 0; } .sample_table .el-table .DisabledSelection .cell .el-checkbox__inner { display: none; position: relative; } /* .sample_table .el-table .DisabledSelection .cell:before { content: "全部"; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } */ .sample_table .table_remove { width: 25px; height: 25px; background: #8FC31E; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; margin: 0 auto; transition: .5s; } .sample_table .table_remove:hover { background: #0075C1; } .sample_table .table_remove img { width: 9px; } .sample_form { background: #0075C2; width: 100%; position: relative; padding: 100px 0; } .sample_form .form_content { display: flex; flex-direction: column; width: 100%; align-items: center; } .sample_form .form_content .form_h2 { width: 100%; text-align: center; font-size: 60px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #FFFFFF; margin-bottom: 70px; } .sample_form .form_content .el-form { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; } .sample_form .form_content .el-form .el-form-item { width: 48%; } .sample_form .form_content .el-form .el-form-item__label { font-size: 18px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #FFFFFF; line-height: 30px; } .sample_form .form_content .el-form .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before { color: #FFFFFF; } .sample_form .form_content .el-form .el-form-item .el-input__inner { background: rgba(143, 195, 30, 0); border: 1px solid #41AFF7; border-radius: 15px; height: 48px; line-height: 48px; } .sample_form .form_content .el-form .el-form-item .el-textarea__inner { background: rgba(143, 195, 30, 0); border: 1px solid #41AFF7; border-radius: 15px; padding: 10px 15px; } .sample_form .form_content .el-form input[type="text"], .sample_form .form_content .el-form textarea { color: #fff; } .sample_form .form_content .el-form .form_row { display: flex; flex-direction: row; width: 48%; justify-content: space-between; align-items: flex-end; } .sample_form .form_content .el-form .form_row .el-form-item { width: calc(100% - 200px); } .sample_form .captcha_img { width: 178px; height: 48px; margin-bottom: 22px; border-radius: 15px; } .sample_form .sample_button { width: 100%; height: 48px; border-radius: 15px; } .sample_form .sample_button span { font-size: 18px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #0075C2; padding-left: 40px; background: url(../images/sample/sample_button.png) no-repeat left center; background-size: 25px 20px; } /* 开发工具 */ .develop_content { position: relative; padding: 113px 0 100px; margin-top: 87px; } .develop_content .develop_row { display: flex; flex-direction: row; width: 100%; justify-content: flex-end; min-height: 600px; } .develop_content .develop_row .develop_left { position: fixed; top: 200px; left: 100px; width: 30%; display: flex; flex-direction: column; } .develop_content .develop_row .develop_left .left_top { margin-top: 90px; } .develop_content .develop_row .develop_right { width: 61%; display: flex; flex-direction: column; } .develop_content .develop_row .develop_right .develop_min { display: flex; flex-direction: column; width: 100%; margin-bottom: 75px; } .develop_content .develop_row .develop_right .develop_min:last-child { margin-bottom: 0; } .develop_min .min_top { padding-bottom: 70px; width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; border-bottom: 1px solid #2D2D2D; margin-bottom: 70px; } .develop_min .min_top .pic { margin-right: 20px; } .develop_min .min_top .pic img { height: 79px; } .develop_min .min_top p { font-size: 36px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #0075C1; line-height: 30px; } .develop_min .min_column { display: flex; flex-direction: column; width: 100%; } .develop_min .min_column .min_row { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: flex-start; padding-bottom: 70px; border-bottom: 1px solid #2D2D2D; margin-bottom: 70px; position: relative; } .develop_min .min_column .min_row::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: #8FC31E; transition: .5s; } .develop_min .min_column .min_row:hover:after { width: 100%; } .develop_min .min_column .min_row:last-child { margin-bottom: 0; } .develop_min .min_column .min_row .serial_number { display: flex; width: 15%; } .develop_min .min_column .min_row .serial_number p { font-size: 60px; font-family: Arial; font-weight: bold; color: #2D2D2D; line-height: 1; transition: .5s; position: relative; } .develop_min .min_column .min_row .serial_number p::after { content: ''; position: absolute; right: -10px; bottom: 10px; width: 8px; height: 8px; background: #000; border-radius: 50%; transition: .5s; } .develop_min .min_column .min_row:hover .serial_number p, .develop_min .min_column .min_row:hover .develop_details h2 { color: #8FC31E; } .develop_min .min_column .min_row:hover .serial_number p::after { background: #8FC31E; } .develop_min .min_column .min_row .develop_details { /* width: 40%; */ width: 80%; display: flex; flex-direction: column; align-items: flex-start; } .develop_min .min_column .min_row .develop_details h2 { font-size: 36px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #2D2D2D; line-height: 48px; /* display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; */ word-break: break-all; transition: .5s; margin-bottom: 40px; } .develop_min .min_column .min_row .develop_details .details_p { margin: 50px 0 40px; width: 100%; } .develop_min .min_column .min_row .develop_details .details_p p { font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #787878; line-height: 30px; } .develop_min .min_column .min_row .develop_details .pic { width: 37%; overflow: hidden; } .develop_min .min_column .min_row .develop_details .pic img { transition: .5s; width: 100%; } .develop_min .min_column .min_row:hover .develop_details .pic img { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .develop_min .min_column .min_row .but_pic { position: relative; width: 30px; height: 29px; overflow: hidden; margin: 2px; } .develop_min .min_column .min_row .but_pic img { width: 26px; height: 25px; } .develop_min .min_column .min_row .but_pic div { position: absolute; width: 100%; height: 100%; margin: auto; display: block; } .develop_min .min_column .min_row .but_pic .pic_1 { bottom: 0; left: 0; transition: .5s; } .develop_min .min_column .min_row .but_pic .pic_2 { bottom: -100%; left: -100%; transition: .5s; } .develop_min .min_column .min_row:hover .but_pic .pic_1 { bottom: 100%; left: 100%; } .develop_min .min_column .min_row:hover .but_pic .pic_2 { bottom: 0; left: 0; } /* 人才招聘 */ .recruit_banner { position: relative; width: 100%; z-index: 9; margin-top: 90px; display: flex; flex-direction: column; align-items: center; } .recruit_banner h2 { font-size: 100px; font-family: zcoolqingkehuangyouti; font-weight: 400; color: #0075C1; line-height: 1; text-transform: uppercase; margin-bottom: 20px; } .recruit_banner h5 { font-size: 30px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #2D2D2D; line-height: 30px; } .recruit_banner h3 { font-size: 100px; /* font-family: "Alibaba-PuHuiTi-Bold"; */ font-weight: bold; color: #2D2D2D; line-height: 1; margin: 65px 0 75px; } .recruit_top_row { display: flex; flex-direction: row; width: 100%; justify-content: space-between; } .recruit_top_row .row_pic { width: 50%; } .recruit_top_row .row_min { width: 50%; background: #0075C1; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 50px 150px; } .recruit_top_row .row_min .min_content { display: flex; flex-direction: column; width: 100%; } .recruit_top_row .row_min .min_content h2 { font-size: 48px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #FFFFFF; margin-bottom: 58px; } .recruit_top_row .row_min .min_content p { font-size: 24px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #FFFFFF; line-height: 48px; } .developing_road { padding: 100px 0; display: flex; flex-direction: column; width: 100%; } .developing_road .developing_top { display: flex; flex-direction: row; width: 100%; justify-content: space-between; } .developing_road .developing_top .top_left { width: 26%; display: flex; flex-direction: column; } .developing_road .developing_top .top_left p { margin-top: 25px; font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #787878; line-height: 30px; } .developing_road .developing_top h2 { font-size: 48px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #0075C1; line-height: 1; max-width: 50%; } .developing_road .developing_content { position: relative; margin-top: 60px; } .developing_road .developing_content .pic { width: 100%; } .talent_concept { background: #F8F8F8; padding: 100px 0 40px; position: relative; } .talent_concept .talent_content { display: flex; flex-direction: column; width: 100%; } .talent_concept .talent_content .talent_top { margin-bottom: 60px; display: flex; flex-direction: column; width: 100%; } .talent_concept .talent_content .talent_top p { font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #787878; line-height: 30px; margin-top: 25px; } .talent_concept .talent_content .talent_wrap { display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; } .talent_concept .talent_content .talent_wrap .talent_min { width: calc((100% - 120px) / 3); margin-right: 60px; margin-bottom: 60px; background: #FFFFFF; box-shadow: 0px 0px 24px 0px #EEEEEE; border-radius: 15px; position: relative; padding: 40px; display: flex; flex-direction: column; align-items: flex-start; transition: .5s; } .talent_concept .talent_content .talent_wrap .talent_min:nth-of-type(3n) { margin-right: 0; } .talent_concept .talent_content .talent_wrap .talent_min:hover { background: #0075C1; } .talent_wrap .talent_min .talent_number { display: flex; } .talent_wrap .talent_min .talent_number p { font-size: 36px; font-family: Arial; font-weight: bold; color: #0075C1; line-height: 1; position: relative; transition: .5s; } .talent_wrap .talent_min:hover .talent_number p, .talent_wrap .talent_min:hover h2 { color: #FFFFFF; } .talent_wrap .talent_min .talent_number p::after { content: ''; position: absolute; right: -10px; bottom: 6px; width: 5px; height: 5px; background: #0075C1; border-radius: 50%; transition: .5s; } .talent_wrap .talent_min:hover .talent_number p::after { background: #FFFFFF; } .talent_wrap .talent_min h2 { font-size: 48px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #0075C1; line-height: 1; margin: 40px 0; transition: .5s; } .talent_wrap .talent_min ul { display: flex; flex-direction: column; width: 100%; } .talent_wrap .talent_min ul li { font-size: 18px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #4C4C4C; line-height: 36px; padding-left: 17px; background: url(../images/sample/talent_min_li1.png) no-repeat left top 14px; background-size: 5px 9px !important; transition: .5s; } .talent_wrap .talent_min:hover ul li { color: #FFFFFF; background: url(../images/sample/talent_min_li2.png) no-repeat left top 14px; } .talent_wrap .talent_min .talent_po { position: absolute; top: 50px; right: 35px; } .talent_wrap .talent_min .talent_po .talent_po1 { width: 83px; } .talent_wrap .talent_min .talent_po .talent_po2 { width: 93px; } .talent_wrap .talent_min .talent_po .talent_po3 { width: 95px; } .talent_wrap .talent_min .talent_po .po_1 { display: block; } .talent_wrap .talent_min .talent_po .po_2 { display: none; } .talent_wrap .talent_min:hover .talent_po .po_2 { display: block; } .talent_wrap .talent_min:hover .talent_po .po_1 { display: none; } .recruit_channel { padding: 100px 0 40px; width: 100%; position: relative; display: flex; flex-direction: column; } .recruit_channel .channel_shu { margin: 40px 0; width: 1px; height: 30px; background: #2D2D2D; } .recruit_channel .channel_swiper { position: relative; width: 100%; overflow: hidden; } .recruit_channel .channel_swiper .swiper_content { width: 90%; display: flex; flex-direction: column; } .recruit_channel .channel_swiper .swiper_content h2 { font-size: 72px; /* font-family: "Alibaba-PuHuiTi-Bold"; */ font-weight: bold; color: #0075C1; line-height: 1; } .recruit_channel .channel_swiper .swiper_content ul { margin-top: 30px; display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; align-items: center; } .recruit_channel .channel_swiper .swiper_content ul li { font-size: 24px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #4C4C4C; line-height: 48px; padding-left: 17px; background: url(../images/sample/talent_min_li1.png) no-repeat left top 22px; background-size: 5px 9px !important; margin-right: 50px; } .recruit_channel .channel_swiper .swiper-pagination { top: 0; bottom: auto; right: 0; width: auto; height: 100%; display: flex; flex-direction: column; left: auto; } .recruit_channel .channel_swiper .swiper-pagination .swiper-pagination-current { font-size: 36px; font-family: Arial; font-weight: 400; color: #0075C1; line-height: 1; } .recruit_channel .channel_swiper .swiper-pagination .swiper-pagination-total { font-size: 60px; font-family: Arial; font-weight: bold; color: #2D2D2D; line-height: 1; } .recruit_channel .channel_wrap { margin-top: 80px; display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; } .recruit_channel .channel_wrap .wrap_row { width: calc((100% - 120px) / 3); margin-right: 60px; margin-bottom: 60px; height: 96px; background: #0075C1; border-radius: 15px; position: relative; transition: all 0.3s ease-in-out 0s; padding: 0 44px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start; cursor: pointer; } .recruit_channel .channel_wrap .wrap_row.active { background: #8FC31E; } .recruit_channel .channel_wrap .wrap_row:nth-of-type(3n) { margin-right: 0; } .recruit_channel .channel_wrap .wrap_row .pic { margin-right: 21px; display: flex; } .recruit_channel .channel_wrap .wrap_row .pic.pic_1 img { width: 56px; } .recruit_channel .channel_wrap .wrap_row .pic.pic_2 img { width: 48px; } .recruit_channel .channel_wrap .wrap_row .pic.pic_3 img { width: 62px; } .recruit_channel .channel_wrap .wrap_row .pic .p1 { display: flex; transition: all 0.3s ease-in-out 0s; } .recruit_channel .channel_wrap .wrap_row .pic .p2 { display: none; transition: all 0.3s ease-in-out 0s; } .recruit_channel .channel_wrap .wrap_row.active .pic .p2 { display: flex; } .recruit_channel .channel_wrap .wrap_row.active .pic .p1 { display: none; } .recruit_channel .channel_wrap .wrap_row p { font-size: 30px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #FFFFFF; } .recruit_channel .channel_wrap .wrap_row .but_po { position: absolute; width: 23px; height: 23px; overflow: hidden; right: 18px; top: 18px; margin: 2px; } .recruit_channel .channel_wrap .wrap_row .but_po .but_pic { position: relative; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .recruit_channel .channel_wrap .wrap_row .but_po .but_pic img { width: 19px; height: 19px; } .recruit_channel .channel_wrap .wrap_row .but_po .but_pic .pic_1, .recruit_channel .channel_wrap .wrap_row .but_po .but_pic .pic_2 { position: absolute; width: 100%; height: 100%; margin: auto; display: block; } .recruit_channel .channel_wrap .wrap_row .but_po .but_pic .pic_1 { bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; } .recruit_channel .channel_wrap .wrap_row .but_po .but_pic .pic_2 { bottom: -100%; left: -100%; transition: all 0.3s ease-in-out 0s; } .recruit_channel .channel_wrap .wrap_row.active .but_po .but_pic .pic_1 { bottom: 100%; left: 100%; } .recruit_channel .channel_wrap .wrap_row.active .but_po .but_pic .pic_2 { bottom: 0; left: 0; } .recruit_welfare { padding: 100px 0; position: relative; width: 100%; background: url(../images/sample/recruit_welfare.png)no-repeat; background-size: cover; } .recruit_welfare .welfare_content { display: flex; flex-direction: column; width: 100%; } .recruit_welfare .welfare_content .welcome_text { color: #FFFFFF; } .recruit_welfare .welfare_content .welfare_min { margin-top: 80px; display: flex; flex-direction: row; justify-content: space-between; } .recruit_welfare .welfare_content .welfare_min .min_left { position: relative; width: 24%; } .recruit_welfare .welfare_content .welfare_min .min_left .left_name { position: absolute; top: 50%; left: 41%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; } .recruit_welfare .welfare_content .welfare_min .min_left .left_name h2 { font-size: 72px; /* font-family: "Alibaba-PuHuiTi-Bold"; */ font-weight: bold; color: #0075C1; line-height: 1; } .recruit_welfare .welfare_content .welfare_min .min_left .left_name h4 { font-size: 48px; /* font-family: "Alibaba-PuHuiTi-Bold"; */ font-weight: bold; color: #0075C1; line-height: 1; } .recruit_welfare .welfare_content .welfare_min .min_right { width: 73%; display: flex; flex-direction: column; justify-content: space-between; } .welfare_min .min_right .right_row { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; } .welfare_min .min_right .right_row .pic { width: 39px; } .welfare_min .min_right .right_row .row_name1 { position: relative; width: 19%; height: 57px; background: #FFFFFF; border-radius: 29px; text-align: center; line-height: 57px; font-size: 24px; /* font-family: "Alibaba-PuHuiTi-Bold"; */ font-weight: bold; color: #0075C1; z-index: 9; } .welfare_min .min_right .right_row .row_name1 p { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .welfare_min .min_right .right_row .row_name2 { position: relative; width: 62%; height: 57px; background: #FFFFFF; border-radius: 29px; line-height: 57px; padding: 0 44px; font-size: 18px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #4C4C4C; z-index: 9; } .welfare_min .min_right .right_row .row_name2 p { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .welfare_min .min_right .right_row .row_name1::after, .welfare_min .min_right .right_row .row_name2::after { content: ''; position: absolute; top: 4px; width: 100%; height: 100%; background: #FFFFFF; border-radius: 29px; opacity: 0.5; z-index: -1; left: 0; } .recruit_welfare .welfare_content .welfare_row { display: flex; flex-direction: row; width: 100%; justify-content: space-between; margin-top: 110px; } .recruit_welfare .welfare_content .welfare_row .row_content { width: 49%; background: rgba(255, 255, 255, 0); border: 1px solid #E9E9E9; border-radius: 15px; padding: 40px 45px; display: flex; flex-direction: row; justify-content: space-between; } .recruit_welfare .welfare_content .welfare_row .row_content .row_h2 { width: 32%; text-align: right; font-size: 30px; /* font-family: "Alibaba-PuHuiTi-Bold"; */ font-weight: bold; color: #FFFFFF; display: flex; justify-content: center; align-items: center; } .recruit_welfare .welfare_content .welfare_row .row_content .row_ul { width: 66%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-left: 40px; position: relative; } .recruit_welfare .welfare_content .welfare_row .row_content .row_ul::after { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #FFFFFF; } .recruit_welfare .welfare_content .welfare_row .row_content .row_ul p { font-size: 18px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #FFFFFF; line-height: 1; width: 100%; margin-bottom: 20px; } .recruit_welfare .welfare_content .welfare_row .row_content .row_ul p:last-child { margin-bottom: 0; } .recruit_type { padding: 100px 0; display: flex; flex-direction: column; width: 100%; } .recruit_type .recruit_type_column { margin-top: 60px; display: flex; flex-direction: column; width: 74%; margin-left: 26%; padding-top: 45px; border-top: 1px solid #4C4C4C; } .recruit_type .recruit_type_column .type_content { display: flex; flex-direction: column; width: 100%; padding-bottom: 45px; border-bottom: 1px solid #4c4c4c; position: relative; margin-bottom: 45px; } .recruit_type .recruit_type_column .type_content::after { content: ''; position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; background: #8FC31E; transition: all 0.3s ease-in-out 0s; } .recruit_type .recruit_type_column .type_content.active::after { width: 100%; } .recruit_type .recruit_type_column .type_content:last-child { margin-bottom: 0; } .recruit_type .recruit_type_column .type_content .type_top { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: flex-start; cursor: pointer; } .recruit_type .recruit_type_column .type_content .type_top .type_number { display: flex; width: 10%; } .recruit_type .recruit_type_column .type_content .type_top .type_number p { font-size: 50px; font-family: Arial; font-weight: bold; color: #2D2D2D; line-height: 1; position: relative; transition: all 0.3s ease-in-out 0s; } .recruit_type .recruit_type_column .type_content.active .type_top .type_number p { color: #8FC31E; } .recruit_type .recruit_type_column .type_content .type_top .type_number p::after { content: ''; position: absolute; right: -10px; bottom: 6px; width: 5px; height: 5px; background: #2D2D2D; border-radius: 50%; transition: all 0.3s ease-in-out 0s; } .recruit_type .recruit_type_column .type_content.active .type_top .type_number p::after { background: #8FC31E; } .recruit_type .recruit_type_column .type_content .type_top .type_name { font-size: 30px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #303030; width: 78%; transition: all 0.3s ease-in-out 0s; } .recruit_type .recruit_type_column .type_content.active .type_top .type_name { font-size: 48px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #8FC31E; line-height: 1; } .recruit_type .recruit_type_column .type_content .type_top .but_po { position: relative; width: 30px; height: 29px; overflow: hidden; margin: 2px; } .recruit_type .recruit_type_column .type_content .type_top .but_po .but_pic { position: relative; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .recruit_type .recruit_type_column .type_content .type_top .but_po .but_pic img { width: 26px; height: 25px; } .recruit_type .recruit_type_column .type_content .type_top .but_po .but_pic .pic_1, .recruit_type .recruit_type_column .type_content .type_top .but_po .but_pic .pic_2 { position: absolute; width: 100%; height: 100%; margin: auto; display: block; } .recruit_type .recruit_type_column .type_content .type_top .but_po .but_pic .pic_1 { bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; } .recruit_type .recruit_type_column .type_content .type_top .but_po .but_pic .pic_2 { bottom: -100%; left: -100%; transition: all 0.3s ease-in-out 0s; } .recruit_type .recruit_type_column .type_content.active .type_top .but_po .but_pic .pic_1 { bottom: 100%; left: 100%; } .recruit_type .recruit_type_column .type_content.active .type_top .but_po .but_pic .pic_2 { bottom: 0; left: 0; } .recruit_type .recruit_type_column .type_content .type_text { display: none; width: 70%; margin: 20px auto 0; font-size: 24px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #4C4C4C; line-height: 48px; transition: all 0.3s ease-in-out 0s; } .recruit_type .recruit_type_column .type_content.active .type_text { display: block; } .recruitment_positions { padding: 100px 0; width: 100%; position: relative; background: #F8F8F8; } .recruitment_positions .positions_content { display: flex; flex-direction: column; width: 100%; align-items: center; } .recruitment_positions .positions_content .positions_top { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; } .recruitment_positions .positions_content .positions_top .top_nav { display: flex; flex-wrap: wrap; max-width: 80%; align-items: center; } .recruitment_positions .positions_content .positions_top .top_nav .nav_a { height: 43px; border: 1px solid #0075C1; border-radius: 22px; margin-left: 13px; padding: 0 30px; line-height: 42px; font-size: 20px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #0075C1; cursor: pointer; transition: all 0.3s ease-in-out 0s; } .recruitment_positions .positions_content .positions_top .top_nav .nav_a.active { background: #0075C1; color: #FFFFFF; /* font-family: "Alibaba-PuHuiTi-Bold"; */ font-weight: bold; } .recruitment_positions .positions_content .positions_wrap { margin-top: 60px; display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; margin-bottom: 20px; } .recruitment_positions .positions_content .positions_wrap .positions_min { margin-right: 60px; margin-bottom: 30px; width: calc((100% - 120px) /3); background: #FFFFFF; box-shadow: 0px 0px 24px 0px #EEEEEE; border-radius: 15px; padding: 40px; display: flex; flex-direction: column; cursor: pointer; transition: .5s; } .recruitment_positions .positions_content .positions_wrap .positions_min:nth-of-type(3n) { margin-right: 0; } .recruitment_positions .positions_content .positions_wrap .positions_min:hover { background: #0075C1; } .recruitment_positions .positions_content .positions_wrap .positions_min .min_name { padding: 0 25px; position: relative; font-size: 24px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #303030; background: url(../images/sample/min_name.png) no-repeat right top 8px; background-size: 19px 19px; transition: .5s; } .recruitment_positions .positions_content .positions_wrap .positions_min .min_name::after { content: ''; position: absolute; left: 0; top: 15px; width: 5px; height: 9px; background: url(../images/sample/min_name1.png) no-repeat; background-size: 5px 9px !important; transition: .5s; } .recruitment_positions .positions_content .positions_wrap .positions_min:hover .min_name::after { background: url(../images/sample/min_name2.png) no-repeat; } .recruitment_positions .positions_content .positions_wrap .positions_min .min_row { width: 100%; display: flex; flex-direction: row; align-items: center; padding-left: 25px; margin-top: 10px; flex-wrap: wrap; } .recruitment_positions .positions_content .positions_wrap .positions_min .min_row p { font-size: 18px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #787878; padding-left: 25px; margin-right: 40px; position: relative; transition: .5s; margin-bottom: 10px; } .recruitment_positions .positions_content .positions_wrap .positions_min .min_row p:last-child { margin-right: 0; } .recruitment_positions .positions_content .positions_wrap .positions_min .min_row .add { background: url(../images/sample/add1.png) no-repeat left center; background-size: 15px 19px !important; } .recruitment_positions .positions_content .positions_wrap .positions_min .min_row .education { padding-left: 30px; background: url(../images/sample/education1.png) no-repeat left center; background-size: 22px 18px !important; } .recruitment_positions .positions_content .positions_wrap .positions_min:hover .min_name, .recruitment_positions .positions_content .positions_wrap .positions_min:hover .min_row p { color: #FFFFFF; } .recruitment_positions .positions_content .positions_wrap .positions_min:hover .min_row .add { background: url(../images/sample/add2.png) no-repeat left center; } .recruitment_positions .positions_content .positions_wrap .positions_min:hover .min_row .education { background: url(../images/sample/education2.png) no-repeat left center; } .positions_details { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgb(0, 0, 0, 0.8); z-index: 9999; display: none; } .positions_details .details_content { position: absolute; width: 80%; height: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #FFFFFF; border-radius: 15px; } .positions_details .details_content .details_scrollbar { position: relative; padding: 70px; width: 100%; height: 100%; } .positions_details .details_content .details_scrollbar .details_close { position: absolute; right: 30px; top: 30px; cursor: pointer; } .positions_details .details_content .details_scrollbar .details_close img { width: 22px; height: 22px; } .positions_details .details_content .details_scrollbar .details_min { display: flex; flex-direction: column; width: 100%; height: 100%; padding-right: 70px; } .details_scrollbar .details_min .min_top { display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%; padding-bottom: 25px; border-bottom: 1px solid #DCDCDC; } .details_scrollbar .details_min .min_top .top_name { display: flex; flex-direction: column; width: 80%; } .details_scrollbar .details_min .min_top .top_name h2 { font-size: 36px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #333333; margin-bottom: 20px; } .details_scrollbar .details_min .min_top .top_name .top_wrap { display: flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content: flex-start; } .details_scrollbar .details_min .min_top .top_name .top_wrap p { padding-left: 25px; margin-right: 30px; font-size: 18px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #787878; line-height: 30px; position: relative; margin-bottom: 15px; } .details_scrollbar .details_min .min_top .top_name .top_wrap .add { background: url(../images/sample/add1.png) no-repeat left center; background-size: 14px 17px; } .details_scrollbar .details_min .min_top .top_name .top_wrap .time { background: url(../images/sample/time.png) no-repeat left center; background-size: 17px 17px; } .details_scrollbar .details_min .min_top .top_name .top_wrap .education { background: url(../images/sample/education1.png) no-repeat left center; background-size: 20px 16px; } .details_scrollbar .details_min .min_top .top_name .top_wrap .salary { background: url(../images/sample/salary.png) no-repeat left center; background-size: 17px 17px; } .details_scrollbar .details_min .min_content { display: flex; flex-direction: column; width: 100%; } .details_scrollbar .details_min .min_content .min_name { margin-top: 50px; display: flex; flex-direction: column; width: 100%; } .details_scrollbar .details_min .min_content .min_name h2 { font-size: 24px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #0075C2; line-height: 30px; margin-bottom: 10px; } .details_scrollbar .details_min .min_content .min_name p { font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #787878; line-height: 30px; } .details_scrollbar .scroll-element { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 2; opacity: 1 !important; -webkit-transition: 0.2s; transition: 0.2s; background: #E2E2E2; border-radius: 4px; } .details_scrollbar .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 7px; } .details_scrollbar .scroll-element div { width: 100%; height: 100%; border: none; background: none; margin: 0; padding: 0; display: block; position: absolute; left: 0; top: 0; z-index: 2; } .details_scrollbar .scroll-element .scroll-element_outer { opacity: 1; } .details_scrollbar .scroll-element .scroll-element_size { background-color: rgba(0, 0, 0, 0.07); opacity: 0; } .details_scrollbar .scroll-element div { width: 100%; height: 100%; border: none; background: none; margin: 0; padding: 0; display: block; position: absolute; left: 0; top: 0; z-index: 2; } .details_scrollbar .scroll-element .scroll-bar { background-color: #A7A7A7; opacity: 1; border-radius: 4px; } .details_scrollbar .scroll-element .scroll-bar { left: auto; min-height: 7px; right: 0; } .details_scrollbar .scroll-element:active.scroll-x, .details_scrollbar .scroll-element:hover.scroll-x { height: 15px; opacity: 1; } /* 关于银河娱乐澳门娱乐网站 */ .about_banner { position: relative; width: 100%; background: #F8F8F8; overflow: hidden; background: url(../images/about/map1.png) no-repeat center; background-size: cover; } #b_about .about_banner { padding-bottom: 255px; } .about_banner .about_map2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip-path: circle(0); z-index: 1; background: url(../images/about/map2.png) no-repeat center; background-size: cover; } .about_banner .about_banner_po { position: relative; top: 0; left: 0; width: 100%; height: calc(100% - 87px); z-index: 9; padding: 113px 0 0; margin-top: 87px; } .about_banner .about_banner_po .about_banner_min { display: flex; flex-direction: column; width: 100%; align-items: center; margin-top: 40px; } .about_banner .about_banner_po .about_banner_min h2 { font-size: 200px; font-family: zcoolqingkehuangyouti; font-weight: 400; color: #0075C1; line-height: 1; } .about_banner .about_banner_po .about_banner_min h3 { margin: 45px 0 30px; font-size: 80px; /* font-family: "Alibaba-PuHuiTi-Bold"; */ font-weight: bold; color: #2D2D2D; line-height: 1; } .about_banner .about_banner_po .about_banner_min h5 { font-size: 48px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #2D2D2D; line-height: 1; } .company_profile { margin: 80px 0; display: flex; flex-direction: row; justify-content: flex-end; width: 100%; position: relative; } .company_profile .company_left { position: absolute; top: 0; left: 0; width: 43%; display: flex; flex-direction: column; z-index: -1; } .company_profile.active .company_left { position: fixed; top: 167px; left: 92px; width: calc(43% - 80px); } .company_profile .company_left h2 { font-size: 30px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #2D2D2D; line-height: 30px; } .company_profile .company_left .company_left_p { margin-top: 30px; display: flex; flex-direction: column; } .company_profile .company_left .company_left_p p { font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #787878; line-height: 30px; margin-bottom: 30px; text-indent: 2em; } .company_profile .company_left .company_left_p p:last-child { margin-bottom: 0; } .company_profile .company_right { width: 50%; display: flex; flex-direction: column; align-items: center; margin-top: -200px; } .company_profile .company_right .pic { border-radius: 12px; overflow: hidden; margin-bottom: 120px; } .company_profile .company_right .company_counter { display: flex; flex-direction: column; width: 100%; padding-left: 200px; } .company_profile .company_right .company_counter .counter_min { display: flex; flex-direction: column; width: 100%; align-items: flex-start; margin-bottom: 170px; } .company_profile .company_right .company_counter .counter_min:last-child { margin-bottom: 0; } .company_profile .company_right .company_counter .counter_min p { font-size: 45px; /* font-family: "Alibaba-PuHuiTi-Bold"; */ font-weight: bold; color: #2D2D2D; line-height: 1; display: flex; margin-bottom: 30px; align-items: flex-end; } .company_profile .company_right .company_counter .counter_min .counter { font-size: 160px; font-family: Arial; font-weight: 900; color: #0075C1; line-height: 130px; margin-right: 22px; transition: .5s; } .company_profile .company_right .company_counter .counter_min h5 { font-size: 28px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #2D2D2D; line-height: 1; } .company_profile .company_right .company_counter .counter_min.is-filled .counter { color: #8FC31E; } .development_history { padding: 100px 0; position: relative; width: 100%; background: #0075C1; } .development_history .history_content { display: flex; flex-direction: column; width: 100%; } .development_history .history_content .welcome_text, .corporate_culture .culture_content .welcome_text { color: #FFFFFF; } .development_history .history_content .history_row { margin-top: 85px; display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; position: relative; } .development_history .history_content .history_row .history_pic { width: 21%; padding: 20px; background: #FFFFFF; border-radius: 15px; height: 300px; display: flex; align-items: center; } .development_history .history_content .history_row .history_min { width: 75%; position: relative; max-height: 650px; overflow: hidden; overflow-y: auto; padding-right: 85px; } .development_history .history_content .history_row .history_min .min_column { display: flex; flex-direction: column; width: 100%; padding-top: 35px; border-top: 1px solid #FFFFFF; } .development_history .history_content .history_row .history_min .min_column .min_row { display: flex; flex-direction: row; width: 100%; justify-content: space-between; padding-bottom: 40px; border-bottom: 1px solid #FFFFFF; margin-bottom: 35px; align-items: flex-start; cursor: pointer; position: relative; } .development_history .history_content .history_row .history_min .min_column .min_row::after { content: ''; position: absolute; left: 0; width: 0; height: 1px; bottom: -1px; background: #8FC31E; transition: .5s; } .development_history .history_content .history_row .history_min .min_column .min_row:hover::after { width: 100%; } .development_history .history_content .history_row .history_min .min_column .min_row.min_row:last-child { margin-bottom: 0; } .development_history .history_content .history_row .history_min .min_column .min_row .min_year { width: 20%; font-size: 60px; font-family: Arial; font-weight: 400; color: #FFFFFF; line-height: 1; transition: .5s; } .development_history .history_content .history_row .history_min .min_column .min_row:hover .min_year { font-weight: bold; color: #8FC31E; } .development_history .history_content .history_row .history_min .min_column .min_row .min_right { width: 78%; display: flex; flex-direction: column; } .development_history .history_content .history_row .history_min .min_column .min_row .min_right p { font-size: 24px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #FFFFFF; line-height: 48px; transition: .5s; transition: .4s; } .development_history .history_content .history_row .history_min .min_column .min_row .min_right p:hover { color: #8FC31E; } .history_row .history_min .scroll-element { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 2; opacity: 1 !important; -webkit-transition: 0.2s; transition: 0.2s; background: #2699E3; border-radius: 4px; } .history_row .history_min .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 3px; } .history_row .history_min .scroll-element div { width: 100%; height: 100%; border: none; background: none; margin: 0; padding: 0; display: block; position: absolute; left: 0; top: 0; z-index: 2; } .history_row .history_min .scroll-element .scroll-element_outer { opacity: 1; } .history_row .history_min .scroll-element .scroll-element_size { background-color: rgba(0, 0, 0, 0.07); opacity: 0; } .history_row .history_min .scroll-element div { width: 100%; height: 100%; border: none; background: none; margin: 0; padding: 0; display: block; position: absolute; left: 0; top: 0; z-index: 2; } .history_row .history_min .scroll-element .scroll-bar { background-color: #FFFFFF; opacity: 1; border-radius: 4px; } .history_row .history_min .scroll-element .scroll-bar { left: auto; min-height: 7px; right: 0; } .history_row .history_min .scroll-element:active.scroll-x, .history_row .history_min .scroll-element:hover.scroll-x { height: 15px; opacity: 1; } .corporate_culture { position: relative; width: 100%; padding: 80px 0 50px; background: url(../images/about/corporate_culture.png) no-repeat; background-size: cover; } .corporate_culture .culture_content { display: flex; flex-direction: column; width: 100%; } .corporate_culture .culture_content .culture_top { display: flex; flex-direction: column; width: 100%; margin: 100px 0 230px; } .corporate_culture .culture_content .culture_top h2 { font-size: 60px; /* font-family: "Alibaba-PuHuiTi-Bold"; */ font-weight: bold; color: #FFFFFF; line-height: 1; margin-bottom: 20px; } .corporate_culture .culture_content .culture_top h4 { font-size: 30px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #FFFFFF; line-height: 30px; } .corporate_culture .culture_content .culture_wrap { display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; } .corporate_culture .culture_content .culture_wrap .culture_min { margin-right: 50px; margin-bottom: 50px; width: calc((100% - 100px)/3); background: rgb(0, 117, 193, 0.8); border-radius: 15px; padding: 50px 60px; display: flex; flex-direction: column; cursor: pointer; transition: .5s; } .corporate_culture .culture_content .culture_wrap .culture_min:hover { background: rgb(143, 195, 30, 0.8); } .corporate_culture .culture_content .culture_wrap .culture_min:nth-of-type(3n) { margin-right: 0; } .corporate_culture .culture_content .culture_wrap .culture_min h2 { font-size: 36px; /* font-family: "Alibaba-PuHuiTi-Bold"; */ font-weight: bold; color: #FFFFFF; line-height: 1; } .corporate_culture .culture_content .culture_wrap .culture_min .culture_p { display: flex; flex-direction: column; width: 100%; margin-top: 20px; } .corporate_culture .culture_content .culture_wrap .culture_min .culture_p p { padding-left: 23px; font-size: 24px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #FFFFFF; line-height: 36px; position: relative; background: url(../images/about/culture_p.png) no-repeat left top 13.5px; background-size: 5px 9px; } .corporate_culture .culture_content .culture_wrap .culture_min .culture_p p span { font-family: Arial; color: #8FC31E; font-weight: 400; transition: .5s; } .corporate_culture .culture_content .culture_wrap .culture_min:hover .culture_p p span { color: #0075C1; } /* 质量与可靠性 */ .about_banner.quality_banner { min-height: 545px; overflow: hidden; background: url(../images/about/map1.png) no-repeat center; background-size: cover; } .about_banner.quality_banner .about_map2 { background: url(../images/about/map2.png) no-repeat center; background-size: cover; } .quality_banner .quality_banner_min, .contact_us_banner .quality_banner_min { display: flex; flex-direction: column; width: 100%; margin-top: 80px; } .quality_banner .quality_banner_min h2, .contact_us_banner .quality_banner_min h2, .privacy_policy .privacy_top h2 { font-size: 100px; font-family: zcoolqingkehuangyouti; font-weight: 400; color: #0075C1; line-height: 1; text-transform: uppercase; margin-bottom: 20px; } .quality_banner .quality_banner_min h5, .contact_us_banner .quality_banner_min h5, .privacy_policy .privacy_top h5 { font-size: 30px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #2D2D2D; line-height: 30px; } .quality_content { padding: 100px 0; display: flex; flex-direction: column; width: 100%; } .quality_content .quality_top { display: flex; flex-direction: column; width: 100%; } .quality_content .quality_top .top_row { padding-bottom: 70px; display: flex; flex-direction: row; width: 100%; margin-bottom: 60px; align-items: flex-start; border-bottom: 1px solid #000000; } .quality_content .quality_top .top_row .row_left { margin-right: 50px; width: 40%; display: flex; flex-direction: column; } .quality_content .quality_name { display: flex; flex-direction: row; align-items: center; } .quality_content .quality_name .pic { width: 57px; margin-right: 13px; } .quality_content .quality_name h3 { font-size: 30px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #2D2D2D; } .quality_content .quality_top .top_row .row_left p { margin-top: 50px; font-size: 18px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #787878; } .quality_content .quality_top .top_row .row_right { height: 161px; } .quality_content .quality_top .top_row .row_right img { height: 100%; } .quality_content .quality_min { display: flex; flex-direction: column; width: 100%; } .quality_content .quality_min .quality_min_pic { margin-top: 50px; width: 100%; } /* 新闻资讯 */ .about_news { display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; } .about_news .news_min { width: calc((100% - 200px)/3); margin-right: 100px; margin-bottom: 90px; display: flex; flex-direction: column; } .about_news .news_min:nth-of-type(3n) { margin-right: 0; } .about_news .news_min .pic, .Information_swiper .news_min .pic { width: 100%; /* border-radius: 15px; */ height: 360px; display: flex; overflow: hidden; } .about_news .news_min .pic img, .Information_swiper .news_min .pic img { transition: all 0.3s ease-in-out 0s; width: 100%; } .about_news .news_min:hover .pic img, .Information_swiper .news_min:hover .pic img { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .about_news .news_min .min_content, .Information_swiper .news_min .min_content { margin-top: 35px; display: flex; flex-direction: column; width: 100%; } .about_news .news_min .min_content h2, .Information_swiper .news_min .min_content h2 { font-size: 24px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #2D2D2D; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s ease-in-out 0s; } .Information_swiper .news_min .min_content h2 { color: #FFFFFF; } .about_news .news_min:hover .min_content h2 { color: #0075C1; } .about_news .news_min .min_content p, .Information_swiper .news_min .min_content p { font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #787878; line-height: 30px; height: 60px; margin: 25px 0 35px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .Information_swiper .news_min .min_content p { color: #8EC8ED; } .about_news .news_min .min_content .min_row, .Information_swiper .news_min .min_content .min_row { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; } .about_news .news_min .min_content .min_row h5, .Information_swiper .news_min .min_content .min_row h5 { font-size: 16px; font-family: Arial; font-weight: 400; color: #C9C4C4; line-height: 30px; } .Information_swiper .news_min .min_content .min_row h5 { color: #FFFFFF; } .about_news .news_min .min_content .min_row .min_po, .Information_swiper .news_min .min_content .min_row .min_po { width: 46px; height: 46px; background: rgba(222, 224, 226, 0); border: 1px solid rgba(47, 47, 47, 0.7); border-radius: 50%; position: relative; transition: all 0.3s ease-in-out 0s; } .Information_swiper .news_min .min_content .min_row .min_po { border: 1px solid #FFFFFF; } .about_news .news_min:hover .min_content .min_row .min_po, .Information_swiper .news_min:hover .min_content .min_row .min_po { border: 1px solid #8FC31E; background: #8FC31E; } .about_news .news_min .min_content .min_row .min_po .but_po, .Information_swiper .news_min .min_content .min_row .min_po .but_po { position: absolute; width: 18px; height: 18px; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 2px; } .about_news .news_min .min_content .min_row .min_po .but_po .but_pic, .Information_swiper .news_min .min_content .min_row .min_po .but_po .but_pic { position: relative; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .about_news .news_min .min_content .min_row .min_po .but_po .but_pic img, .Information_swiper .news_min .min_content .min_row .min_po .but_po .but_pic img { width: 14px; height: 14px; } .about_news .news_min .min_content .min_row .min_po .but_po .but_pic div, .Information_swiper .news_min .min_content .min_row .min_po .but_po .but_pic div { position: absolute; width: 100%; height: 100%; margin: auto; display: block; } .about_news .news_min .min_content .min_row .min_po .but_po .but_pic .pic_1, .Information_swiper .news_min .min_content .min_row .min_po .but_po .but_pic .pic_1 { top: 0; left: 0; transition: all 0.3s ease-in-out 0s; } .about_news .news_min .min_content .min_row .min_po .but_po .but_pic .pic_2, .Information_swiper .news_min .min_content .min_row .min_po .but_po .but_pic .pic_2 { top: -100%; left: -100%; transition: all 0.3s ease-in-out 0s; } .about_news .news_min:hover .min_content .min_row .min_po .but_po .but_pic .pic_1, .Information_swiper .news_min:hover .min_content .min_row .min_po .but_po .but_pic .pic_1 { top: 100%; left: 100%; } .about_news .news_min:hover .min_content .min_row .min_po .but_po .but_pic .pic_2, .Information_swiper .news_min:hover .min_content .min_row .min_po .but_po .but_pic .pic_2 { top: 0; left: 0; } .pagination_content { display: flex; flex-wrap: wrap; width: 100%; align-items: center; justify-content: center; } .news_show_banner { display: flex; flex-direction: column; width: 100%; align-items: center; margin-top: 60px; } .news_show_banner h2 { font-size: 48px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #2D2D2D; text-align: center; } .news_show_banner .banner_row { display: flex; flex-direction: row; width: 100%; align-items: center; justify-content: center; align-items: center; margin-top: 20px; } .news_show_banner .banner_row p { font-size: 18px; font-family: Arial; font-weight: 400; color: #787878; margin-right: 34px; } .news_show_banner .banner_row p:last-child { margin-right: 0; } .news_show_banner .banner_row .time { padding-left: 33px; background: url(../images/about/time.png) no-repeat left center; background-size: 21px 21px; } .news_show_banner .banner_row .eye { padding-left: 40px; background: url(../images/about/eye.png) no-repeat left center; background-size: 28px 17px; } .news_show { width: 1480px; margin: 0 auto; padding-bottom: 100px; } .news_show .news_show_content { display: flex; flex-direction: column; width: 100%; margin-bottom: 50px; } .news_show .news_show_content p { font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #787878; line-height: 30px; } .news_show .news_paging { padding-top: 60px; width: 100%; border-top: 1px solid #797979; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .news_show .news_paging .paging_left { width: calc(100% - 210px); display: flex; flex-direction: column; align-items: flex-start; } .news_show .news_paging .paging_left .paging_left_row { display: flex; flex-direction: row; width: 100%; align-items: center; justify-content: flex-start; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .news_show .news_paging .paging_left .paging_left_row p { font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #2D2D2D; line-height: 30px; } .news_show .news_paging .paging_left .paging_left_row a { color: #787878; font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #2D2D2D; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: .5s; } .news_show .news_paging .paging_left .paging_left_row a:hover { color: #8FC31E } .news_Information { padding: 90px 0; width: 100%; position: relative; background: #0075C1; } .news_Information .Information_content { display: flex; flex-direction: column; width: 100%; position: relative; } .news_Information .Information_content .Information_row { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; } .news_Information .Information_content .Information_row .welcome_text { color: #FFFFFF; } .news_Information .Information_content .Information_row .row_swiper { display: flex; flex-direction: row; align-items: center; justify-content: flex-end; } .news_Information .Information_content .Information_row .row_swiper .swiper-button-next, .news_Information .Information_content .Information_row .row_swiper .swiper-button-prev { position: initial; width: 44px; height: 44px; border-radius: 5px; margin: 0; background-size: 9px 16px !important; transition: .5s; cursor: pointer; } .news_Information .Information_content .Information_row .row_swiper .swiper-button-prev { margin-right: 7px; background: #EDEFF2 url(../images/welcome/products_prev.png) no-repeat center; } .news_Information .Information_content .Information_row .row_swiper .swiper-button-prev:hover { background: #8FC31E url(../images/welcome/products_prev1.png) no-repeat center; } .news_Information .Information_content .Information_row .row_swiper .swiper-button-next { background: #EDEFF2 url(../images/welcome/products_next.png) no-repeat center; } .news_Information .Information_content .Information_row .row_swiper .swiper-button-next:hover { background: #8FC31E url(../images/welcome/products_next1.png) no-repeat center; } .news_Information .Information_content .Information_row .row_swiper .swiper-button-next::after, .news_Information .Information_content .Information_row .row_swiper .swiper-button-prev::after { display: none; } .news_Information .Information_content .Information_swiper { margin-top: 70px; position: relative; width: 100%; overflow: hidden; } .Information_swiper .news_min { display: flex; flex-direction: column; width: 100%; } /* 联系我们 */ #contact_us .about_banner { padding-top: 87px; background: url(../images/about/map1.png) no-repeat bottom; background-size: contain; } #contact_us .about_banner .about_map2 { top: 0; background: url(../images/about/map2.png) no-repeat bottom; background-size: contain; } #contact_us .about_banner .about_banner_po { height: 100%; padding: 113px 0 0; margin-top: 0; position: relative; } .about_banner .contact_phone_po { position: absolute; top: 198px; right: 100px; width: 120px; height: 120px; background: #0075C1; border-radius: 50%; z-index: 2; } .about_banner .contact_phone_po .contact_phone { width: 100%; height: 100%; position: relative; display: flex; justify-content: center; align-items: center; } .about_banner .contact_phone_po .contact_phone::before, .about_banner .contact_phone_po .contact_phone::after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; border-radius: 50%; background-color: #0097F0; opacity: .15; z-index: -10 } .about_banner .contact_phone_po .contact_phone::before { z-index: -10; -webkit-animation: inner-ripple 2000ms linear infinite; -moz-animation: inner-ripple 2000ms linear infinite; animation: inner-ripple 2000ms linear infinite } .about_banner .contact_phone_po .contact_phone::after { z-index: -10; -webkit-animation: outer-ripple 2000ms linear infinite; -moz-animation: outer-ripple 2000ms linear infinite; animation: outer-ripple 2000ms linear infinite } .about_banner .contact_phone_po .contact_phone img { width: 40px; } .about_banner .contact_phone_po .contact_phone .pic { animation: tada 5s linear infinite; display: inline-block; } .about_banner .about_banner_po .contact_banner_wrap { margin-top: 100px; display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min { display: flex; flex-direction: column; width: calc((100% - 300px)/3); margin-right: 150px; margin-bottom: 80px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min:nth-of-type(3n) { margin-right: 0; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min .min_name { display: flex; flex-direction: row; align-items: center; width: 100%; justify-content: flex-start; margin-bottom: 20px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min .min_name h2 { font-size: 36px; /* font-family: "Alibaba-PuHuiTi-Bold"; */ font-weight: bold; color: #2D2D2D; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min .min_name i { margin-left: 14px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min .min_name .chip { width: 26px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min .min_name .sale { width: 25px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min .min_name .analysis { width: 29px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min .min_name .product { width: 27px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min p { font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #2D2D2D; line-height: 48px; padding-left: 30px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min .min_add { background: url(../images/contact/add.png) no-repeat left top 12px; background-size: 19px 25px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min .min_phone { background: url(../images/contact/phone.png) no-repeat left top 15px; background-size: 19px 19px; } .contact_us { padding: 100px 0; width: 100%; position: relative; background: #0075C1; } .contact_us .contact_content { display: flex; flex-direction: column; width: 100%; position: relative; } .contact_us .contact_content .welcome_text { color: #FFFFFF; } .contact_us .contact_content .contact_min { margin-top: 60px; display: flex; flex-direction: column; width: 100%; padding-left: 30%; } .contact_us .contact_content .contact_min .contact_row { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: center; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #FFFFFF; } .contact_us .contact_content .contact_min .contact_row:first-child { padding-top: 40px; border-top: 1px solid #FFFFFF; } .contact_us .contact_content .contact_min .contact_row:last-child { margin-bottom: 0; } .contact_us .contact_content .contact_min .contact_row p { padding-left: 58px; font-size: 24px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #FFFFFF; line-height: 48px; position: relative; } .contact_us .contact_content .contact_min .contact_row .tel { background: url(../images/contact/tel.png) no-repeat left center; background-size: 21px 21px; } .contact_us .contact_content .contact_min .contact_row .mailbox { background: url(../images/contact/mailbox.png) no-repeat left center; background-size: 24px 18px; } .contact_us .contact_content .contact_min .contact_row h3 { font-size: 48px; font-family: Arial; font-weight: 400; color: #FFFFFF; line-height: 48px; max-width: 70%; text-align: right; } /* 交叉检索 */ .cross_search { padding: 110px 0; display: flex; flex-direction: row; width: 100%; justify-content: space-between; } .cross_search .cross_left { width: 48%; display: flex; flex-direction: column; margin-top: 30px; } .cross_search .cross_left .left_top { margin-bottom: 100px; display: flex; flex-direction: column; width: 100%; background: #F8F8F8; border: 1px solid #E9E9E9; border-radius: 15px; padding: 60px; } .cross_search .cross_left .left_top h2 { font-size: 30px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #2D2D2D; line-height: 1; margin-bottom: 45px; } .cross_search .cross_left .left_top .el-icon-search::before { color: #3D3D3D; } .cross_search .cross_left .left_min { display: flex; flex-direction: column; width: 100%; } .cross_search .cross_left .left_min h5 { font-size: 18px; /* font-family: "Alibaba-PuHuiTi-Bold"; */ font-weight: bold; color: #2D2D2D; line-height: 36px; } .cross_search .cross_left .left_min p { font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #787878; line-height: 36px; } .cross_search .cross_right { width: 45%; display: flex; flex-direction: column; } .cross_search .cross_right .right_name { font-size: 30px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #2D2D2D; line-height: 30px; } .cross_search .cross_right .right_name span { font-family: Arial; color: #0075C1; font-weight: bold; } .cross_search .cross_right .right_table { position: relative; width: 100%; margin-top: 30px; /* max-height: 700px; */ } .cross_search .cross_right .right_table .el-table th.el-table__cell>.cell { font-size: 18px; /* font-family: "Alibaba-PuHuiTi-Bold"; */ font-weight: bold; color: #FFFFFF; opacity: 1; } .cross_search .cross_right .right_table .el-table { border-radius: 15px 15px 0px 0px; } .cross_search .cross_right .right_table .el-table th.el-table__cell { background-color: #0075C1; padding: 20px 0; } .cross_search .cross_right .right_table .el-table .sort-caret.ascending { border-bottom-color: #FFFFFF; } .cross_search .cross_right .right_table .el-table .sort-caret.descending { border-top-color: #FFFFFF; } .cross_search .cross_right .right_table .el-table .ascending .sort-caret.ascending { border-bottom-color: #79CAFF; } .cross_search .cross_right .right_table .el-table .descending .sort-caret.descending { border-top-color: #79CAFF; } /* 产品包 */ .develop_content .develop_row .develop_right.product_package_right { width: 67%; } .product_package { padding: 122px 0 0; display: flex; flex-direction: column; width: 100%; align-items: center; } .product_package .package_min { display: flex; flex-direction: column; width: 100%; margin-bottom: 60px; padding-top: 35px; border-top: 1px solid #4C4C4C; } .product_package .package_min .package_row { display: flex; flex-direction: row; width: 100%; justify-content: space-between; align-items: flex-start; padding-bottom: 35px; border-bottom: 1px solid #4C4C4C; margin-bottom: 35px; position: relative; transition: all 0.3s ease-in-out 0s; } .product_package .package_min .package_row::after { content: ''; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background: #8FC31E; } .product_package .package_min .package_row:hover::after { width: 100%; } .product_package .package_min .package_row:last-child { margin-bottom: 0; } .product_package .package_min .package_row .package_left { width: calc(100% - 80px); display: flex; flex-direction: column; align-items: flex-start; } .product_package .package_min .package_row .package_left p { padding-left: 50px; font-size: 24px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #2D2D2D; background: url(../images/product/file-pdf.png) no-repeat left top 5px; background-size: 21px 27px !important; transition: all 0.3s ease-in-out 0s; } .product_package .package_min .package_row .package_left p span { font-size: 18px; margin-left: 30px; } .product_package .package_min .package_row:hover .package_left p { background: url(../images/product/file-pdf1.png) no-repeat left top 5px; color: #8FC31E; } .product_package .package_min .package_row .package_left h5 { padding-left: 50px; padding-right: 35px; font-size: 16px; /* font-family: "Alibaba-PuHuiTi-Regular"; */ color: #0075C1; line-height: 36px; background: url(../images/product/download.png) no-repeat right center; background-size: 16px 16px !important; transition: all 0.3s ease-in-out 0s; } .product_package .package_min .package_row:hover .package_left h5 { background: url(../images/product/download1.png) no-repeat right center; color: #8FC31E; } .product_package .package_min .package_row .package_right { position: relative; width: 30px; height: 29px; overflow: hidden; margin: 2px; } .product_package .package_min .package_row .package_right .but_pic { position: relative; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .product_package .package_min .package_row .package_right .but_pic img { width: 26px; height: 25px; } .product_package .package_min .package_row .package_right .but_pic .pic_1, .product_package .package_min .package_row .package_right .but_pic .pic_2 { position: absolute; width: 100%; height: 100%; margin: auto; display: block; } .product_package .package_min .package_row .package_right .but_pic .pic_1 { bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; } .product_package .package_min .package_row .package_right .but_pic .pic_2 { bottom: -100%; left: -100%; transition: all 0.3s ease-in-out 0s; } .product_package .package_min .package_row:hover .package_right .but_pic .pic_1 { bottom: 100%; left: 100%; } .product_package .package_min .package_row:hover .package_right .but_pic .pic_2 { bottom: 0; left: 0; } /* 隐私政策 */ .privacy_policy { display: flex; flex-direction: column; width: 100%; margin-top: 90px; } .privacy_policy .privacy_content { margin-top: 60px; width: 100%; display: flex; flex-direction: column; padding: 0 200px 0 230px; } .privacy_policy .privacy_content p { font-size: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #787878; line-height: 30px; margin-bottom: 30px; } #sample .application_show { flex-direction: column; justify-content: center; align-items: center; } #sample .sample_table { width: 100% !important; } /* 404页面 */ .four_zero { position: relative; width: 100%; height: 100vh; background: url(../images/four_zero1.png) no-repeat center; background-size: cover; } .four_zero .four_zero_po { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } .four_zero .four_zero_po .pic { margin-top: 87px; width: 44%; margin-bottom: 25px; } .four_zero .four_zero_po h2 { font-size: 36px; font-family: Microsoft YaHei; font-weight: 400; color: #0076BE; line-height: 60px; } .four_zero .four_zero_po h5 { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #393939; line-height: 40px; margin-bottom: 50px; } @media (max-width: 1720px) { .product_show_row .banner_right { right: 5%; } .develop_content .develop_row .develop_left, .company_profile.active .company_left { left: 5%; /* width: 39%; */ } .in-header .header_row { padding: 0 5%; } .product_list_banner .product_list_banner_row { padding-left: 5%; } } @media (max-width: 1600px) { .four_zero .four_zero_po h2 { font-size: 30px; line-height: 50px; } .four_zero .four_zero_po h5 { font-size: 16px; margin-bottom: 40px; } .sample_banner_name h2 { font-size: 170px; } .sample_banner_po { max-width: 410px; } .product_banner { padding: 80px 0 60px; margin-top: 87px; } .welcome_text, .quality_banner .quality_banner_min h5, .contact_us_banner .quality_banner_min h5, .quality_content .quality_name h3, .recruit_banner h5, .privacy_policy .privacy_top h5 { font-size: 26px; } .sample_form .form_content .form_h2 { font-size: 48px; } .quality_banner .quality_banner_min h2, .contact_us_banner .quality_banner_min h2, .recruit_banner h2, .welcome_name, .privacy_policy .privacy_top h2 { font-size: 80px; margin-bottom: 22px; } #contact_us .about_banner .about_banner_po, .about_banner .about_banner_po { padding: 80px 0 0; } .about_banner.quality_banner { min-height: 512px; } .quality_banner .quality_banner_min, .contact_us_banner .quality_banner_min { margin-top: 65px; } .quality_content .quality_name .pic { width: 48px; margin-right: 10px; } .quality_content .quality_top .top_row .row_left p { margin-top: 40px; font-size: 16px; } .quality_content .quality_top .top_row .row_right { height: 151px; } .quality_content .quality_top .top_row { padding-bottom: 60px; margin-bottom: 50px; } .about_news .news_min .min_content h2, .Information_swiper .news_min .min_content h2 { font-size: 22px; } .about_news .news_min .min_content p, .Information_swiper .news_min .min_content p { font-size: 14px; line-height: 25px; height: 50px; margin: 20px 0 30px; } .about_news .news_min .min_content .min_row h5, .Information_swiper .news_min .min_content .min_row h5 { font-size: 14px; } .about_news .news_min .min_content .min_row .min_po, .Information_swiper .news_min .min_content .min_row .min_po { width: 40px; height: 40px; } .about_news .news_min { width: calc((100% - 160px)/3); margin-right: 80px; margin-bottom: 60px; } .news_show_banner h2 { font-size: 42px; } .news_show_banner .banner_row p { font-size: 16px; } .news_show_banner .banner_row .time { padding-left: 26px; background-size: 18px 18px; } .news_show_banner .banner_row .eye { padding-left: 32px; background-size: 25px 15px; } .news_show { width: 90%; } .product_but { height: 45px; min-width: 165px; } .product_but p { padding: 0 50px 0 20px; line-height: 45px; font-size: 15px; } .recruit_banner { margin-top: 60px; } .recruit_banner h3 { font-size: 80px; margin: 55px 0 65px; } .recruit_top_row .row_min .min_content h2 { font-size: 42px; margin-bottom: 40px; } .recruit_top_row .row_min .min_content p { font-size: 22px; line-height: 42px; } .developing_road .developing_top h2 { font-size: 42px; } .talent_wrap .talent_min .talent_number p { font-size: 32px; } .talent_wrap .talent_min h2 { font-size: 42px; margin: 35px 0; } .talent_wrap .talent_min ul li { font-size: 16px; } .talent_wrap .talent_min .talent_po .talent_po1 { width: 77px; } .talent_wrap .talent_min .talent_po .talent_po2 { width: 87px; } .talent_wrap .talent_min .talent_po .talent_po3 { width: 90px; } .recruit_channel .channel_swiper .swiper_content h2 { font-size: 62px; } .recruit_channel .channel_swiper .swiper_content ul li { font-size: 22px; } .recruit_channel .channel_wrap .wrap_row p { font-size: 26px; } .recruit_channel .channel_wrap .wrap_row { height: 90px; } .recruit_channel .channel_wrap .wrap_row .pic.pic_1 img { width: 51px; } .recruit_channel .channel_wrap .wrap_row .pic.pic_2 img { width: 43px; } .recruit_channel .channel_wrap .wrap_row .pic.pic_3 img { width: 57px; } .recruit_welfare .welfare_content .welfare_min { align-items: center; } .welfare_min .min_right .right_row { margin-bottom: 15px; } .welfare_min .min_right .right_row:last-child { margin-bottom: 0; } .recruit_welfare .welfare_content .welfare_min .min_left .left_name h2 { font-size: 62px; } .recruit_welfare .welfare_content .welfare_min .min_left .left_name h4 { font-size: 38px; } .welfare_min .min_right .right_row .row_name1 { height: 50px; font-size: 22px; line-height: 50px; } .welfare_min .min_right .right_row .pic { width: 34px; } .welfare_min .min_right .right_row .row_name2 { height: 50px; line-height: 50px; padding: 0 30px; font-size: 15px; } .recruit_welfare .welfare_content .welfare_row .row_content { padding: 30px 35px; } .recruit_welfare .welfare_content .welfare_row .row_content .row_h2 { font-size: 26px; } .recruit_welfare .welfare_content .welfare_row .row_content .row_ul p { font-size: 16px; margin-bottom: 15px; } .recruit_type .recruit_type_column .type_content.active .type_top .type_name { font-size: 38px; } .recruit_type .recruit_type_column .type_content .type_top .type_number p { font-size: 40px; } .recruit_type .recruit_type_column .type_content .type_text { margin: 15px auto 0; font-size: 20px; line-height: 40px; } .recruitment_positions .positions_content .positions_top .top_nav .nav_a { font-size: 18px; } .recruitment_positions .positions_content .positions_wrap .positions_min .min_name { font-size: 20px; background-size: 15px 15px !important; padding: 0 20px; } .recruitment_positions .positions_content .positions_wrap .positions_min .min_name::after { top: 12px; } .recruitment_positions .positions_content .positions_wrap .positions_min .min_row p { font-size: 15px; margin-right: 30px; } .positions_details .details_content .details_scrollbar { padding: 60px; } .details_scrollbar .details_min .min_top .top_name h2 { font-size: 30px; } .details_scrollbar .details_min .min_top .top_name .top_wrap p { font-size: 16px; } .details_scrollbar .details_min .min_content .min_name { margin-top: 40px; } .details_scrollbar .details_min .min_content .min_name h2 { font-size: 22px; } .details_scrollbar .details_min .min_content .min_name p { font-size: 14px; } .new_products .new_products_content .new_column .new_row .new_min .new_name h2 { font-size: 42px; } .new_products .new_products_content .new_column .new_row { margin-bottom: 40px; } .new_products .new_products_content .new_column .new_row .new_min { padding-bottom: 40px; } .new_products .new_products_content .new_column .new_row .new_min .new_name h5 { font-size: 18px; } .product_show_row .banner_right { top: 167px; } .develop_content { padding: 80px 0 60px; } .develop_content .develop_row .develop_left { top: 167px; } .develop_content .develop_row .develop_left .left_top { margin-top: 60px; } .product_package { padding: 96px 0 0; } .about_banner .about_banner_po .about_banner_min h2 { font-size: 160px; } .about_banner .about_banner_po .about_banner_min h3 { margin: 35px 0 20px; font-size: 65px; } .about_banner .about_banner_po .about_banner_min h5 { font-size: 40px; } .company_profile .company_right .company_counter .counter_min .counter { font-size: 125px; } .development_history .history_content .history_row .history_min .min_column .min_row .min_year { width: 18%; font-size: 50px; } .development_history .history_content .history_row .history_min .min_column .min_row .min_right { width: 80%; } .development_history .history_content .history_row .history_min .min_column .min_row .min_right p { font-size: 20px; line-height: 40px; } .corporate_culture .culture_content .culture_top h2 { font-size: 50px; } .corporate_culture .culture_content .culture_top h4 { font-size: 26px; } .corporate_culture .culture_content .culture_wrap .culture_min h2 { font-size: 32px; } .corporate_culture .culture_content .culture_wrap .culture_min .culture_p p { font-size: 20px; } .company_profile .company_left .company_left_p p { font-size: 14px; line-height: 25px; margin-bottom: 12px; } .product_banner.application_show_banner { padding: 80px 0 35px; } .product_banner .product_banner_row { margin-top: 70px; } .application_show_banner .banner_left .product_but { margin-top: 80px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min .min_name h2 { font-size: 34px; } .contact_us { padding: 80px 0; } .develop_min .min_top { padding-bottom: 60px; margin-bottom: 60px; } .develop_min .min_column .min_row { padding-bottom: 60px; margin-bottom: 60px; } .develop_min .min_top p { font-size: 32px; } .develop_min .min_top .pic img { height: 65px; } .develop_min .min_column .min_row .serial_number { width: 10%; } .develop_min .min_column .min_row .serial_number p { font-size: 41px; } .develop_min .min_column .min_row .serial_number p::after { bottom: 7px; } .develop_min .min_column .min_row .develop_details { width: 78%; } .develop_min .min_column .min_row .develop_details h2 { font-size: 28px; margin-bottom: 30px; } .develop_min .min_column .min_row .develop_details .details_p { margin: 40px 0 30px; } .privacy_policy { margin-top: 65px; } .cross_search .cross_left .left_top { margin-bottom: 70px; padding: 45px; } .cross_search .cross_left .left_top h2 { font-size: 26px; margin-bottom: 40px; } .cross_search .cross_right .right_name { font-size: 26px; } .about_news .news_min .pic, .Information_swiper .news_min .pic { height: 300px; } } @media (max-width: 1440px) { .welcome_text, .quality_banner .quality_banner_min h5, .contact_us_banner .quality_banner_min h5, .quality_content .quality_name h3, .recruit_banner h5, .privacy_policy .privacy_top h5 { font-size: 22px; } .quality_banner .quality_banner_min h2, .contact_us_banner .quality_banner_min h2, .recruit_banner h2, .welcome_name, .privacy_policy .privacy_top h2 { font-size: 60px; margin-bottom: 18px; } .quality_content .quality_min .quality_min_pic { margin-top: 40px; } .about_news .news_min { width: calc((100% - 120px)/3); margin-right: 60px; margin-bottom: 45px; } .news_show_banner h2 { font-size: 36px; } .news_Information .Information_content .Information_row .row_swiper .swiper-button-next, .news_Information .Information_content .Information_row .row_swiper .swiper-button-prev { width: 35px; height: 35px; background-size: 7px 12px !important; } .recruit_banner h3 { font-size: 60px; margin: 35px 0 45px; } .recruit_top_row .row_min { padding: 30px 100px; } .recruit_top_row .row_min .min_content h2 { font-size: 30px; margin-bottom: 25px; } .recruit_top_row .row_min .min_content p { font-size: 18px; line-height: 36px; } .developing_road .developing_top h2 { font-size: 32px; } .talent_wrap .talent_min h2 { font-size: 30px; margin: 25px 0; } .talent_wrap .talent_min .talent_number p { font-size: 26px; } .talent_wrap .talent_min .talent_po .talent_po1 { width: 70px; } .talent_wrap .talent_min .talent_po .talent_po2 { width: 80px; } .talent_wrap .talent_min .talent_po .talent_po3 { width: 83px; } .recruit_channel .channel_swiper .swiper_content h2 { font-size: 50px; } .recruit_channel .channel_swiper .swiper_content ul li { font-size: 20px; line-height: 35px; background: url(../images/sample/talent_min_li1.png) no-repeat left top 14px; } .recruit_channel .channel_swiper .swiper-pagination .swiper-pagination-current { font-size: 30px; } .recruit_channel .channel_swiper .swiper-pagination .swiper-pagination-total { font-size: 48px; } .recruit_channel .channel_wrap .wrap_row { width: calc((100% - 60px) / 3); margin-right: 30px; margin-bottom: 30px; padding: 0 34px; height: 75px; } .recruit_channel .channel_wrap .wrap_row p { font-size: 20px; } .recruit_channel .channel_wrap .wrap_row .pic.pic_1 img { width: 46px; } .recruit_channel .channel_wrap .wrap_row .pic.pic_2 img { width: 38px; } .recruit_channel .channel_wrap .wrap_row .pic.pic_3 img { width: 52px; } .recruit_channel .channel_wrap .wrap_row .pic { margin-right: 15px; } .recruit_channel .channel_wrap .wrap_row .but_po { width: 19px; height: 19px; right: 14px; top: 14px; } .recruit_channel .channel_wrap .wrap_row .but_po .but_pic img { width: 15px; height: 15px; } .recruit_welfare .welfare_content .welfare_min .min_left .left_name h2 { font-size: 48px; } .recruit_welfare .welfare_content .welfare_min .min_left .left_name h4 { font-size: 28px; } .welfare_min .min_right .right_row .row_name1 { font-size: 20px; } .welfare_min .min_right .right_row .row_name2 { padding: 0px 20px; font-size: 14px; } .recruit_welfare .welfare_content .welfare_row .row_content .row_h2 { font-size: 22px; } .recruit_welfare .welfare_content .welfare_row .row_content .row_ul p { font-size: 14px; margin-bottom: 12px; } .recruit_type .recruit_type_column { margin-top: 50px; width: 80%; margin-left: 20%; padding-top: 40px; } .recruit_type .recruit_type_column .type_content { padding-bottom: 40px; margin-bottom: 40px; } .recruit_type .recruit_type_column .type_content .type_top .type_number p { font-size: 32px; } .recruit_type .recruit_type_column .type_content.active .type_top .type_name { font-size: 34px; } .recruit_type .recruit_type_column .type_content .type_text { font-size: 18px; line-height: 32px; } .recruit_type .recruit_type_column .type_content .type_top .but_po { width: 26px; height: 25px; } .recruit_type .recruit_type_column .type_content .type_top .but_po .but_pic img { width: 22px; height: 21px; } .recruit_type .recruit_type_column .type_content .type_top .type_name { font-size: 28px; line-height: 1; } .product_banner .product_banner_row .banner_left .left_p { margin: 25px 0 50px; } .product_show_row .banner_left .left_p p { font-size: 14px; line-height: 28px; } .product_show_row .banner_left .left_top { margin-top: 60px; } .product_show_row .banner_left .left_p { margin: 40px 0 50px; } .product_show_row .banner_left .product_documentation { padding-top: 35px; } .product_show_content { padding: 60px 0 0; } .product_show_content .main_features .features_left .features_min { margin-top: 40px; } .product_show_content .main_features .features_left .features_min .min_name { width: calc((100% - 60px)/2); margin-right: 60px; } .Industry_applications .Industry_wrap .Industry_min { width: calc((100% - 80px) / 2); margin-right: 80px; margin-bottom: 60px; } .Industry_applications .Industry_wrap .Industry_min .po_min .min_content .min_pic .Industry1 { width: 100px; } .Industry_applications .Industry_wrap .Industry_min .po_min .min_content .min_name { padding-bottom: 20px; font-size: 26px; } .Industry_applications .Industry_wrap .Industry_min .po_name { font-size: 28px; } .product_show_row .banner_right .right_swiper .top_swiper { height: 280px; } .product_show_row .banner_right { width: 470px; } .product_show_row .banner_right .right_swiper .top_swiper .pic { padding: 40px 50px; } .product_show_row .banner_right .right_swiper .top_swiper .swiper-button-next, .product_show_row .banner_right .right_swiper .top_swiper .swiper-button-prev { width: 34px; height: 34px; background-size: 7px 12px !important; } .develop_content .develop_row .develop_left { width: 25%; } .product_package .package_min .package_row .package_left p { font-size: 22px; } .product_package .package_min .package_row .package_right { width: 26px; height: 25px; } .product_package .package_min .package_row .package_right .but_pic img { width: 22px; height: 21px; } .company_profile.active .company_left { top: 130px; } .company_profile .company_right .company_counter .counter_min .counter { font-size: 100px; line-height: 1; } .company_profile .company_right .company_counter .counter_min p { font-size: 36px; } .company_profile .company_right .company_counter .counter_min h5 { font-size: 26px; } .company_profile .company_right .company_counter .counter_min { margin-bottom: 120px; } .development_history { padding: 80px 0; } .development_history .history_content .history_row .history_min .min_column .min_row .min_year { width: 14%; font-size: 40px; } .development_history .history_content .history_row .history_min .min_column .min_row .min_right { width: 84%; } .development_history .history_content .history_row .history_min .min_column .min_row .min_right p { font-size: 18px; line-height: 35px; } .corporate_culture .culture_content .culture_top { margin: 80px 0 130px; } .corporate_culture .culture_content .culture_top h2 { font-size: 40px; } .corporate_culture .culture_content .culture_top h4 { font-size: 22px; } .corporate_culture .culture_content .culture_wrap .culture_min { margin-right: 30px; margin-bottom: 30px; width: calc((100% - 60px)/3); padding: 40px 50px; } .corporate_culture .culture_content .culture_wrap .culture_min h2 { font-size: 28px; } .corporate_culture .culture_content .culture_wrap .culture_min .culture_p p { padding-left: 18px; font-size: 18px; } .application_energy .energy_row { padding: 80px 0; } .application_energy .energy_row .energy_left .left_p { margin-top: 40px; } .application_energy .energy_row .energy_left .left_p p { font-size: 14px; } .application_browse { padding: 80px 0 50px; } .application_browse .browse_wrap { margin-top: 45px; } .application_browse .browse_wrap .browse_wrap_a p { font-size: 22px; } .application_show { padding: 80px 0; } .about_banner .about_banner_po .contact_banner_wrap { margin-top: 70px; } .about_banner .contact_phone_po { top: 170px; right: 5%; width: 100px; height: 100px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min .min_name h2 { font-size: 28px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min { width: calc((100% - 200px)/3); margin-right: 100px; margin-bottom: 50px; } .contact_us .contact_content .contact_min { padding-left: 24%; } .contact_us .contact_content .contact_min .contact_row h3 { font-size: 44px; } .develop_min .min_top p { font-size: 28px; } .develop_min .min_top .pic img { height: 50px; } .privacy_policy .privacy_content { margin-top: 40px; padding: 0 10% 0 13%; } .privacy_policy .privacy_content p { font-size: 15px; line-height: 28px; margin-bottom: 25px; } .cross_search { padding: 80px 0; } .cross_search .cross_left .left_top { margin-bottom: 50px; padding: 40px; } .cross_search .cross_left .left_top h2 { font-size: 22px; margin-bottom: 30px; } .cross_search .cross_right .right_name { font-size: 22px; } .cross_search .cross_right .right_table .el-table th.el-table__cell { padding: 10px 0; } .cross_search .cross_right .right_table .el-table th.el-table__cell>.cell { font-size: 16px; line-height: 36px; } .cross_search .cross_left .left_min h5 { font-size: 16px; } .cross_search .cross_left .left_min p { font-size: 14px; line-height: 33px; } .about_news .news_min .pic, .Information_swiper .news_min .pic { height: 260px; } } @media (max-width: 1280px) { .recruit_welfare .welfare_content .welfare_row .row_content .row_h2 { font-size: 18px; } } @media (max-width: 992px) { .four_zero { height: 70vh; } .four_zero .four_zero_po .pic { margin-top: 80px; } .g_nav .nav_zy { width: 15px; margin-right: 9px; } .g_nav .nav_a, .g_nav .nav_p { font-size: 14px; } .welcome_text, .quality_banner .quality_banner_min h5, .contact_us_banner .quality_banner_min h5, .quality_content .quality_name h3, .recruit_banner h5 { font-size: 22px; } .product_banner { padding: 50px 0 40px; margin-top: 80px; } .sample_banner_name { margin: 40px 0; } .sample_banner_name h2 { font-size: 100px; } .sample_banner_po { max-width: 210px; bottom: 72px; } .application_show, .sample_form { padding: 50px 0; } .sample_table { margin-top: 35px; } .sample_form .form_content .form_h2 { font-size: 38px; margin-bottom: 50px; } .sample_form .form_content .el-form .el-form-item__label { font-size: 16px; } .sample_form .form_content .el-form .el-form-item .el-input__inner { height: 44px; line-height: 44px; } .about_banner.quality_banner { min-height: 410px; } #contact_us .about_banner { padding-top: 80px; } #contact_us .about_banner .about_banner_po, .about_banner .about_banner_po { padding: 50px 0 0; } .quality_banner .quality_banner_min, .contact_us_banner .quality_banner_min { margin-top: 58px; } .quality_content { padding: 40px 0; } .quality_content .quality_name .pic { width: 42px; } .quality_content .quality_top .top_row .row_left { width: 50%; } .quality_content .quality_top .top_row .row_left p { margin-top: 35px; font-size: 14px; } .quality_content .quality_top .top_row { padding-bottom: 50px; margin-bottom: 50px; } .about_banner .about_banner_po { height: calc(100% - 80px); margin-top: 80px; } .about_news .news_min { width: calc((100% - 40px)/2); margin-right: 40px; margin-bottom: 35px; } .about_news .news_min:nth-of-type(3n) { margin-right: 40px; } .about_news .news_min:nth-of-type(2n) { margin-right: 0; } .about_news .news_min .min_content, .Information_swiper .news_min .min_content { margin-top: 25px; } .about_news .news_min .min_content h2, .Information_swiper .news_min .min_content h2 { font-size: 18px; } .about_news .news_min .min_content p, .Information_swiper .news_min .min_content p { font-size: 13px; margin: 10px 0 20px; } .about_news .news_min .min_content .min_row .min_po, .Information_swiper .news_min .min_content .min_row .min_po { width: 32px; height: 32px; } .about_news .news_min .min_content .min_row .min_po .but_po, .Information_swiper .news_min .min_content .min_row .min_po .but_po { width: 14px; height: 14px; } .about_news .news_min .min_content .min_row .min_po .but_po .but_pic img, .Information_swiper .news_min .min_content .min_row .min_po .but_po .but_pic img { width: 10px; height: 10px; } .about_news .news_min .min_content .min_row h5, .Information_swiper .news_min .min_content .min_row h5 { font-size: 12px; } .news_show_banner { margin-top: 30px; } .news_show_banner h2 { font-size: 28px; } .news_show_banner .banner_row p { font-size: 13px; } .news_show { width: 100%; padding-bottom: 50px; } .news_show .news_show_content p, .news_show .news_paging .paging_left .paging_left_row p, .news_show .news_paging .paging_left .paging_left_row a { font-size: 14px; } .news_show .news_show_content { margin-bottom: 30px; } .news_Information { padding: 50px 0; } .news_show .news_paging { padding-top: 40px; } .news_Information .Information_content .Information_swiper { margin-top: 50px; } .recruit_banner { margin-top: 42px; } .recruit_banner h3 { font-size: 50px; margin: 25px 0 35px; } .recruit_top_row { flex-direction: column; } .recruit_top_row .row_pic { width: 100%; } .recruit_top_row .row_min { width: 100%; padding: 50px; } .recruit_top_row .row_min .min_content h2 { font-size: 26px; margin-bottom: 20px; } .recruit_top_row .row_min .min_content p { font-size: 16px; line-height: 30px; } .developing_road, .recruit_welfare, .recruit_type, .recruitment_positions { padding: 40px 0; } .developing_road .developing_top .top_left p { margin-top: 12px; font-size: 13px; line-height: 24px; } .developing_road .developing_top .top_left { width: 49%; } .developing_road .developing_top h2 { font-size: 26px; } .developing_road .developing_content { margin-top: 40px; } .talent_concept, .recruit_channel { padding: 40px 0 20px; } .talent_concept .talent_content .talent_top { margin-bottom: 30px; } .talent_concept .talent_content .talent_wrap .talent_min { width: 100%; margin-right: 0 !important; margin-bottom: 30px; } .recruit_channel .channel_wrap .wrap_row { width: 100%; margin-right: 0 !important; margin-bottom: 20px; height: 65px; } .recruit_channel .channel_swiper .swiper_content h2 { font-size: 35px; } .recruit_channel .channel_swiper .swiper_content ul li { font-size: 18px; margin-right: 35px; background: url(../images/sample/talent_min_li1.png) no-repeat left top 12px; } .recruit_channel .channel_wrap { margin-top: 40px; } .recruit_channel .channel_wrap .wrap_row p { font-size: 18px; } .recruit_channel .channel_wrap .wrap_row .pic.pic_1 img { width: 36px; } .recruit_channel .channel_wrap .wrap_row .pic.pic_2 img { width: 28px; } .recruit_channel .channel_wrap .wrap_row .pic.pic_3 img { width: 42px; } .recruit_welfare .welfare_content .welfare_min { margin-top: 45px; flex-direction: column; } .recruit_welfare .welfare_content .welfare_min .min_left { width: 45%; margin-bottom: 50px; } .recruit_welfare .welfare_content .welfare_min .min_right { width: 100%; flex-direction: row; } .welfare_min .min_right .right_row { flex-direction: column; margin-bottom: 0; margin-right: 10px; justify-content: flex-start; } .welfare_min .min_right .right_row:last-child { margin-right: 0; } .welfare_min .min_right .right_row .pic { transform: rotate(90deg); } .welfare_min .min_right .right_row .row_name1, .welfare_min .min_right .right_row .row_name2 { font-size: 20px; padding: 20px 5px; margin: 20px 0; height: auto; line-height: initial; width: 44px; } .welfare_min .min_right .right_row .row_name1 p { width: auto; writing-mode: vertical-rl; text-orientation: upright; text-align: center; } .welfare_min .min_right .right_row .row_name2 p { width: auto; writing-mode: vertical-rl; text-orientation: upright; text-align: center; } .recruit_welfare .welfare_content .welfare_row { margin-top: 40px; flex-direction: column; } .recruit_welfare .welfare_content .welfare_row .row_content { width: 100%; margin-bottom: 20px; } .recruit_welfare .welfare_content .welfare_row .row_content:last-child { margin-bottom: 0; } .recruit_type .recruit_type_column .type_content .type_top .type_name { font-size: 22px; } .recruit_type .recruit_type_column .type_content .type_top .type_number p { font-size: 26px; } .recruit_type .recruit_type_column .type_content.active .type_top .type_name { font-size: 26px; } .recruit_type .recruit_type_column .type_content .type_text { font-size: 16px; line-height: 26px; } .recruit_type .recruit_type_column { margin-top: 40px; padding-top: 30px; } .recruit_type .recruit_type_column .type_content { padding-bottom: 30px; margin-bottom: 30px; } .recruit_type .recruit_type_column .type_content .type_top .but_po, .new_products .new_products_content .new_column .new_row .new_min .but_pic { width: 22px; height: 21px; } .recruit_type .recruit_type_column .type_content .type_top .but_po .but_pic img, .new_products .new_products_content .new_column .new_row .new_min .but_pic img { width: 18px; height: 17px; } .recruitment_positions .positions_content .positions_top .top_nav .nav_a { height: 35px; margin-left: 10px; padding: 0 20px; line-height: 34px; font-size: 14px; margin-bottom: 10px; } .recruitment_positions .positions_content .positions_wrap { margin-top: 30px; } .recruitment_positions .positions_content .positions_wrap .positions_min { width: 100%; margin-right: 0 !important; } .recruitment_positions .positions_content .positions_wrap .positions_min:last-child { margin-bottom: 0; } .positions_details .details_content { width: 90%; } .positions_details .details_content .details_scrollbar { padding: 40px; } .positions_details .details_content .details_scrollbar .details_min { padding-right: 30px; } .details_scrollbar .details_min .min_top .top_name h2 { font-size: 26px; } .details_scrollbar .details_min .min_top .top_name .top_wrap p { font-size: 14px; margin-bottom: 10px; } .positions_details .details_content .details_scrollbar .details_close img { width: 18px; height: 18px; } .details_scrollbar .details_min .min_top .top_name { width: 68%; } .product_banner .product_banner_row { margin-top: 40px; flex-direction: column; } .product_banner .product_banner_row .banner_left { width: 100%; margin-bottom: 50px; } .product_banner .product_banner_row .banner_pic { width: 100%; } .product_category { padding: 40px 0 00px; } .product_category .category_wrap { margin-top: 30px; } .product_category .category_wrap .category_column .category_column_name { margin-bottom: 30px; } .product_category .category_wrap .category_column { width: calc((100% - 40px) / 2); margin-right: 40px; margin-bottom: 40px; } .product_category .category_wrap .category_column:nth-of-type(3n) { margin-right: 40px; } .product_category .category_wrap .category_column:nth-of-type(2n) { margin-right: 0; } .new_products .new_products_content { padding: 40px 0; min-height: auto; } .new_products .new_products_content .new_column { margin-top: 40px; } .new_products .new_products_content .new_column .new_row .new_min .new_name h2 { font-size: 28px; } .new_products .new_products_content .new_column .new_row .new_min .new_name h5 { font-size: 14px; } .product_category .category_wrap .category_column .category_min .min_a { font-size: 22px; } .product_show_row { flex-direction: column; } .product_show_row .banner_left { width: 100%; } .product_show_row .banner_right { position: initial !important; width: 100%; margin-top: 50px; } .product_show_row .banner_right .right_swiper .top_swiper { height: auto; } .Industry_applications { padding: 40px 0; } .Industry_applications .Industry_wrap { margin-top: 30px; } .Industry_applications .Industry_wrap .Industry_min { width: 100%; margin-right: 0 !important; margin-bottom: 30px; } .develop_content { padding: 40px 0 20px; } .develop_content .develop_row { flex-direction: column; } .develop_content .develop_row .develop_left { position: initial; width: 100%; } .develop_content .develop_row .develop_left .left_top { margin-top: 30px; } .develop_content .develop_row .develop_right.product_package_right { width: 100%; } .product_package { padding: 40px 0 0; } .product_package .package_min { margin-bottom: 40px; padding-top: 30px; } .product_package .package_min .package_row { padding-bottom: 30px; margin-bottom: 30px; } .product_package .package_min .package_row .package_left p { padding-left: 35px; font-size: 18px; background: url(../images/product/file-pdf.png) no-repeat left top 5px; background-size: 18px 24px !important; } .product_package .package_min .package_row .package_left h5 { padding-left: 35px; padding-right: 30px; font-size: 14px; background-size: 13px 13px !important; } .product_package .package_min .package_row .package_right { width: 22px; height: 21px; } .product_package .package_min .package_row .package_right .but_pic img { width: 18px; height: 17px; } .develop_content { margin-top: 80px; } #b_about .about_banner { padding-bottom: 60px; } .about_banner .about_banner_po .about_banner_min { margin-top: 30px; } .about_banner .about_banner_po .about_banner_min h2 { font-size: 100px; } .about_banner .about_banner_po .about_banner_min h3 { margin: 25px 0 20px; font-size: 50px; } .about_banner .about_banner_po .about_banner_min h5 { font-size: 24px; } .company_profile { margin: 40px 0; flex-direction: column; } .company_profile .company_left { position: initial !important; width: 100% !important; } .company_profile .company_right { width: 100%; margin-top: 40px; } .company_profile .company_right .pic { margin-bottom: 40px; } .company_profile .company_right .company_counter { padding-left: 0; flex-wrap: wrap; flex-direction: row; justify-content: space-between; } .company_profile .company_right .company_counter .counter_min { margin-bottom: 30px; width: auto; } .company_profile .company_right .company_counter .counter_min p { font-size: 24px; margin-bottom: 20px; } .company_profile .company_right .company_counter .counter_min .counter { font-size: 50px; margin-right: 13px; } .company_profile .company_right .company_counter .counter_min h5 { font-size: 20px; } .company_profile .company_right .company_counter .counter_min.is-filled .counter { color: #0075C1; } .development_history { padding: 40px 0; } .development_history .history_content .history_row .history_pic { display: none; } .development_history .history_content .history_row .history_min { width: 100%; } .development_history .history_content .history_row .history_min .min_column .min_row .min_year { font-size: 30px; } .development_history .history_content .history_row { margin-top: 35px; } .development_history .history_content .history_row .history_min .min_column .min_row .min_right p { font-size: 16px; line-height: 30px; } .corporate_culture { padding: 40px 0 10px; } .corporate_culture .culture_content .culture_top { margin: 30px 0 50px; } .corporate_culture .culture_content .culture_top h2 { font-size: 30px; margin-bottom: 15px; } .corporate_culture .culture_content .culture_top h4 { font-size: 18px; } .corporate_culture .culture_content .culture_wrap .culture_min { margin-right: 0 !important; width: 100%; } .corporate_culture .culture_content .culture_wrap .culture_min h2 { font-size: 25px; } .application_banner .banner_scroll { bottom: 45px; } .application_banner .banner_scroll .pic { width: 30px; height: 30px; margin-bottom: 12px; } .application_banner .banner_scroll .pic img { width: 8px; height: 13px; } .application_banner .banner_scroll p { font-size: 12px; } .application_energy { border-radius: 25px 25px 0 0; margin-top: -32px; } .application_energy .energy_row { padding: 40px 0; flex-direction: column; } .application_energy .energy_row .energy_left { width: 100%; margin-bottom: 30px; } .application_energy .energy_row .energy_right { width: 100%; } .application_browse { padding: 40px 0 20px; } .application_browse .browse_wrap .browse_wrap_a { width: calc((100% - 35px)/2); margin-right: 35px; margin-bottom: 15px; padding-bottom: 15px; } .application_browse .browse_wrap .browse_wrap_a p { font-size: 18px; padding-left: 18px; } .application_browse .browse_wrap { margin-top: 25px; } .application_show_banner .show_banner_po { top: 0; width: 100%; } .product_banner.application_show_banner { padding: 40px 0 40px; } .product_banner .product_banner_row { margin-top: 25px; } .product_banner.application_show_banner .continer1 { position: relative; z-index: 9; } .application_show_banner .banner_left .product_but { margin-top: 50px; } .application_show_banner .product_banner_row .show_banner_row { margin-top: 0; } .application_show_banner .product_banner_row .show_banner_row .pic { width: 100%; margin-right: 0 !important; margin-bottom: 30px; } .application_show_banner .product_banner_row .show_banner_row .pic:last-child { margin-bottom: 0; } .application_show .show_pic { margin-top: 35px; } .about_banner .about_banner_po .contact_banner_wrap { margin-top: 50px; } .about_banner .contact_phone_po { top: 140px; width: 70px; height: 70px; } .about_banner .contact_phone_po .contact_phone img { width: 25px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min { width: 100%; margin-right: 0; margin-bottom: 40px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min .min_name h2 { font-size: 24px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min .min_name .chip { width: 21px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min .min_name .sale { width: 20px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min .min_name .analysis { width: 24px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min .min_name .product { width: 22px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min .min_name i { margin-left: 10px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min p { font-size: 15px; line-height: 40px; padding-left: 30px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min .min_add { background: url(../images/contact/add.png) no-repeat left top 10px; background-size: 14px 20px; } .about_banner .about_banner_po .contact_banner_wrap .contact_banner_min .min_phone { background: url(../images/contact/phone.png) no-repeat left top 13px; background-size: 14px 14px; } .contact_us { padding: 40px 0; } .contact_us .contact_content .contact_min { margin-top: 35px; padding-left: 0; } .contact_us .contact_content .contact_min .contact_row:first-child { padding-top: 25px; } .contact_us .contact_content .contact_min .contact_row { padding-bottom: 25px; margin-bottom: 25px; } .contact_us .contact_content .contact_min .contact_row p { padding-left: 45px; font-size: 20px; } .contact_us .contact_content .contact_min .contact_row h3 { font-size: 36px; } .develop_content .develop_row .develop_right { width: 100%; margin: 50px 0; } .develop_min .min_top p { font-size: 24px; } .develop_min .min_top .pic img { height: 40px; } .develop_min .min_top { padding-bottom: 40px; margin-bottom: 40px; } .develop_min .min_column .min_row { padding-bottom: 40px; margin-bottom: 40px; } .develop_min .min_column .min_row .serial_number p { font-size: 40px; } .develop_min .min_column .min_row .serial_number p::after { bottom: 6px; width: 6px; height: 6px; } .develop_min .min_column .min_row .develop_details { width: 75%; } .develop_min .min_column .min_row .develop_details h2 { font-size: 24px; line-height: 36px; } .develop_min .min_column .min_row .but_pic { width: 25px; height: 24px; } .develop_min .min_column .min_row .but_pic img { width: 21px; height: 20px; } .cross_search { padding: 40px 0; flex-direction: column; } .product_list_banner .product_list_banner_row .banner_left .left_top { margin-top: 22px; } .cross_search .cross_left { width: 100%; margin-top: 0; margin-bottom: 40px; } .cross_search .cross_right { width: 100%; } .about_news .news_min .pic, .Information_swiper .news_min .pic { height: 300px; } .application_show { flex-direction: column; } .application_show .application_show_column { width: 100% !important; } .application_show .application_show_column:nth-of-type(2) { margin-top: 40px; } .application_show .application_show_column .b_show_column { margin-top: 35px; } .application_show .application_show_column .b_show_column .b_show_ul .ul_top { font-size: 16px; } .application_show .application_show_column .b_show_column .b_show_ul .ul_li .li_name { padding: 10px 0; font-size: 14px; } } @media (max-width: 600px) { .four_zero .four_zero_po h2 { font-size: 20px; line-height: 30px; } .four_zero .four_zero_po .pic { width: 60%; margin-top: 52px; margin-bottom: 15px; } .four_zero .four_zero_po h5 { font-size: 12px; margin-bottom: 23px; } .product_but { height: 35px; min-width: 120px; } .product_but p { padding: 0 50px 0 20px; line-height: 35px; font-size: 12px; } .product_but .but_po { width: 14px; height: 14px; right: 3px; bottom: 3px; } .product_but .but_po .but_pic img { width: 10px; height: 10px; } .product_banner { padding: 30px 0 30px; margin-top: 52px; } .g_nav .nav_a, .g_nav .nav_p { font-size: 12px; line-height: 20px; } .sample_banner_name { margin: 20px 0; } .sample_banner_name h2 { font-size: 58px; } .sample_banner_po { max-width: 120px; bottom: 45px; } .application_show, .sample_form { padding: 30px 0; } .welcome_text, .quality_banner .quality_banner_min h5, .contact_us_banner .quality_banner_min h5, .quality_content .quality_name h3, .recruit_banner h5, .privacy_policy .privacy_top h5 { font-size: 18px; } .sample_table { margin-top: 20px; } .sample_form .form_content .form_h2 { font-size: 26px; margin-bottom: 25px; } .sample_form .form_content .el-form .el-form-item { width: 100%; } .sample_form .form_content .el-form .form_row { width: 100%; } #contact_us .about_banner .about_banner_po, .about_banner .about_banner_po { padding: 30px 0 0; } .quality_banner .quality_banner_min, .contact_us_banner .quality_banner_min { margin-top: 36px; } .quality_banner .quality_banner_min h2, .contact_us_banner .quality_banner_min h2, .recruit_banner h2, .welcome_name, .privacy_policy .privacy_top h2 { font-size: 35px; margin-bottom: 10px; } #contact_us .about_banner { padding-top: 52px; } .about_banner.quality_banner { min-height: 250px; } .quality_content .quality_top .top_row .row_left { margin-right: 35px; } .quality_content .quality_top .top_row .row_left p { margin-top: 26px; font-size: 12px; } .quality_content .quality_name .pic { width: 30px; } .quality_content .quality_top .top_row { padding-bottom: 30px; margin-bottom: 35px; } .quality_content .quality_min .quality_min_pic { margin-top: 25px; } .about_banner .about_banner_po { height: calc(100% - 52px); margin-top: 52px; } .about_news .news_min { width: 100%; margin-right: 0 !important; margin-bottom: 30px; } .news_show { padding-bottom: 30px; } .news_show_banner h2 { font-size: 16px; } .news_show_banner { margin-top: 25px; } .news_show .news_paging { flex-wrap: wrap; padding-top: 30px; } .news_show .news_paging .paging_left { width: 100%; margin-bottom: 15px; } .news_Information .Information_content .Information_row .row_swiper .swiper-button-next, .news_Information .Information_content .Information_row .row_swiper .swiper-button-prev { width: 30px; height: 30px; } .news_Information .Information_content .Information_swiper { margin-top: 30px; } .recruit_banner { margin-top: 32px; } .recruit_banner h3 { font-size: 24px; margin: 15px 0 25px; } .recruit_top_row .row_min { padding: 30px; } .recruit_top_row .row_min .min_content h2 { font-size: 22px; margin-bottom: 12px; } .recruit_top_row .row_min .min_content p { font-size: 13px; line-height: 25px; } .developing_road .developing_top .top_left p { margin-top: 10px; font-size: 12px; line-height: 20px; } .developing_road .developing_top h2 { font-size: 20px; } .developing_road .developing_top .top_left { width: 58%; } .talent_concept .talent_content .talent_top p { font-size: 13px; margin-top: 5px; } .recruit_welfare .welfare_content .welfare_min { margin-top: 30px; } .recruit_welfare .welfare_content .welfare_min .min_left { width: 60%; } .recruit_welfare .welfare_content .welfare_min .min_left .left_name h2 { font-size: 36px; } .recruit_welfare .welfare_content .welfare_min .min_left .left_name h4 { font-size: 20px; } .welfare_min .min_right .right_row .row_name1, .welfare_min .min_right .right_row .row_name2 { font-size: 18px; width: 40px; } .recruit_welfare .welfare_content .welfare_row .row_content { padding: 20px 25px; flex-direction: column; } .recruit_welfare .welfare_content .welfare_row .row_content .row_h2 { width: 100%; } .recruit_welfare .welfare_content .welfare_row .row_content .row_ul { width: 100%; padding-left: 0; padding-top: 25px; margin-top: 20px; } .recruit_welfare .welfare_content .welfare_row .row_content .row_ul::after { width: 100%; height: 1px; } .recruit_type .recruit_type_column { margin-top: 25px; padding-top: 25px; width: 100%; margin-left: 0; } .recruit_type .recruit_type_column .type_content .type_top .type_number p { font-size: 18px; } .recruit_type .recruit_type_column .type_content .type_top .type_number p::after { bottom: 3px; width: 3px; height: 3px; } .recruit_type .recruit_type_column .type_content { padding-bottom: 25px; margin-bottom: 25px; } .recruit_type .recruit_type_column .type_content .type_top .type_name { font-size: 18px; } .recruit_type .recruit_type_column .type_content.active .type_top .type_name { font-size: 20px; } .recruit_type .recruit_type_column .type_content .type_text { width: 75%; margin: 10px auto 0; font-size: 14px; line-height: 20px; } .recruit_type .recruit_type_column .type_content .type_top .but_po, .new_products .new_products_content .new_column .new_row .new_min .but_pic { width: 18px; height: 17px; } .recruit_type .recruit_type_column .type_content .type_top .but_po .but_pic img, .new_products .new_products_content .new_column .new_row .new_min .but_pic img { width: 14px; height: 13px; } .recruitment_positions .positions_content .positions_top .top_nav { justify-content: flex-end; } .recruitment_positions .positions_content .positions_wrap .positions_min { margin-bottom: 20px; padding: 25px; } .recruitment_positions .positions_content .positions_wrap { margin-bottom: 0; } .recruitment_positions .positions_content .positions_wrap .positions_min .min_name { font-size: 18px; background: url(../images/sample/min_name.png) no-repeat right top 5px; } .recruitment_positions .positions_content .positions_wrap .positions_min .min_name::after { top: 9px; } .recruitment_positions .positions_content .positions_wrap .positions_min .min_row p { font-size: 13px; margin-right: 20px; } .positions_details .details_content .details_scrollbar { padding: 30px; } .positions_details .details_content .details_scrollbar .details_close { right: 12px; top: 12px; } .details_scrollbar .details_min .min_top { flex-direction: column; align-items: flex-start; } .details_scrollbar .details_min .min_top .top_name { width: 100%; } .details_scrollbar .details_min .min_top .top_name h2 { font-size: 22px; margin-bottom: 15px; } .details_scrollbar .details_min .min_top .top_name .top_wrap { margin-bottom: 10px; } .details_scrollbar .details_min .min_top .top_name .top_wrap p { margin-bottom: 0px; } .details_scrollbar .details_min .min_content .min_name { margin-top: 25px; } .details_scrollbar .details_min .min_content .min_name h2 { font-size: 20px; } .product_banner .product_banner_row { margin-top: 30px; } .product_banner .product_banner_row .banner_left .left_p { margin: 15px 0 30px; } .product_banner .product_banner_row .banner_left .left_p p { font-size: 14px; line-height: 26px; } .product_banner .product_banner_row .banner_left { margin-bottom: 30px; } .product_category .category_wrap { margin-top: 20px; } .product_category .category_wrap .category_column .category_column_name { margin-bottom: 22px; font-size: 20px; } .product_category .category_wrap .category_column { width: 100%; margin-right: 0 !important; margin-bottom: 30px; } .product_category .category_wrap .category_column .category_min .min_a { font-size: 18px; padding-bottom: 15px; } .new_products .new_products_content .new_column .new_row { margin-bottom: 30px; } .new_products .new_products_content .new_column .new_row .new_min { padding-bottom: 30px; } .new_products .new_products_content .new_column { margin-top: 30px; } .new_products .new_products_content .new_column .new_row .new_min .new_name h2 { font-size: 22px; } .product_show_row .banner_left .left_top { margin-top: 30px; } .product_show_row .banner_left .left_p { margin: 20px 0 30px; } .product_show_row .banner_left .left_p p { font-size: 12px; line-height: 24px; } .product_show_row .banner_left .product_documentation .documentation_right { width: calc(100% - 80px); } .product_show_row .banner_left .product_documentation .documentation_p { font-size: 14px; } .product_show_row .banner_left .product_documentation .documentation_right a { font-size: 14px; line-height: 30px; } .product_show_row .banner_left .product_documentation .documentation_right a::after { top: 8px; } .product_show_row .banner_left .product_documentation { padding-top: 25px; } .product_show_content { padding: 30px 0 0; } .product_show_content .main_features .features_left .features_min { margin-top: 0; } .product_show_content .main_features .features_left .features_min .min_name { width: 100%; margin-right: 0 !important; padding: 15px 20px; font-size: 14px; background: url(../images/product/min_name.png) no-repeat left top 25px; background-size: 5px 9px; } .product_show_row .banner_right { margin-top: 35px; } .Industry_applications .Industry_wrap .Industry_min .po_name { top: 16px; left: 20px; font-size: 18px; } .Industry_applications .Industry_wrap .Industry_min .po_min .min_content { padding: 20px 20px; } .Industry_applications .Industry_wrap .Industry_min .po_min .min_content .min_pic .Industry1 { width: 58px; } .Industry_applications .Industry_wrap .Industry_min .po_min .min_content .min_name { padding-bottom: 13px; font-size: 18px; background: url(../images/product/but_pic.png) no-repeat right bottom 13px; background-size: 14px 14px; } .develop_content { margin-top: 52px; } .product_package .package_min .package_row .package_left { width: calc(100% - 40px); } .product_package .package_min .package_row .package_left p { padding-left: 28px; font-size: 14px; background-size: 14px 20px !important; } .product_package .package_min .package_row .package_left p span { font-size: 12px; margin-left: 13px; } .product_package .package_min .package_row .package_left h5 { padding-left: 28px; padding-right: 24px; font-size: 13px; } .product_package { padding: 30px 0 0; } .product_package .package_min { margin-bottom: 30px; padding-top: 20px; } .product_package .package_min .package_row { padding-bottom: 20px; margin-bottom: 20px; } .product_package .package_min .package_row .package_right { width: 20px; height: 19px; } .product_package .package_min .package_row .package_right .but_pic img { width: 16px; height: 15px; } .develop_content { padding: 40px 0 0px; } .about_banner .about_banner_po .about_banner_min h2 { font-size: 50px; } .about_banner .about_banner_po .about_banner_min h3 { margin: 15px 0; font-size: 30px; } .about_banner .about_banner_po .about_banner_min h5 { font-size: 14px; } #b_about .about_banner { padding-bottom: 20px; } .company_profile .company_left h2 { font-size: 24px; } .company_profile .company_left .company_left_p { margin-top: 20px; } .company_profile .company_right .company_counter .counter_min { margin-bottom: 15px; } .company_profile .company_right .company_counter .counter_min .counter { font-size: 28px; margin-right: 5px; } .company_profile .company_right .company_counter .counter_min p { font-size: 14px; margin-bottom: 9px; } .company_profile .company_right .company_counter .counter_min h5 { font-size: 14px; } .development_history .history_content .history_row .history_min { padding-right: 35px; } .development_history .history_content .history_row .history_min .min_column { padding-top: 25px; } .development_history .history_content .history_row .history_min .min_column .min_row { flex-direction: column; } .development_history .history_content .history_row .history_min .min_column .min_row { padding-bottom: 30px; margin-bottom: 25px; } .development_history .history_content .history_row .history_min .min_column .min_row .min_year { width: 100%; font-size: 25px; margin-bottom: 15px; } .development_history .history_content .history_row .history_min .min_column .min_row .min_right { width: 100%; } .development_history .history_content .history_row .history_min .min_column .min_row .min_right p { font-size: 14px; line-height: 26px; } .corporate_culture .culture_content .culture_top { margin: 20px 0 30px; } .corporate_culture .culture_content .culture_top h2 { font-size: 24px; margin-bottom: 12px; } .corporate_culture .culture_content .culture_top h4 { font-size: 14px; } .corporate_culture .culture_content .culture_wrap .culture_min { margin-bottom: 20px; padding: 30px 40px; } .corporate_culture .culture_content .culture_wrap .culture_min h2 { font-size: 21px; } .corporate_culture .culture_content .culture_wrap .culture_min .culture_p p { padding-left: 16px; font-size: 16px; color: #FFFFFF; line-height: 28px; background: url(../images/about/culture_p.png) no-repeat left top 10px; background-size: 5px 9px; } .application_banner .banner_scroll { display: none; } .application_energy { border-radius: 15px 15px 0 0; margin-top: -22px; } .application_energy .energy_row .energy_left .left_p { margin-top: 20px; } .application_browse .browse_wrap { margin-top: 20px; } .application_browse .browse_wrap .browse_wrap_a { width: 100%; margin-right: 0 !important; } .application_browse .browse_wrap .browse_wrap_a p { font-size: 16px; } .product_banner .product_banner_row { margin-top: 20px; } .application_show_banner .banner_left .product_but { margin-top: 25px; } .application_show .show_pic { margin-top: 25px; } .about_banner .contact_phone_po { top: 80px; } .about_banner .about_banner_po .contact_banner_wrap { margin-top: 30px; } .contact_us .contact_content .contact_min { margin-top: 30px; } .contact_us .contact_content .contact_min .contact_row { flex-direction: column; align-items: flex-start; } .contact_us .contact_content .contact_min .contact_row h3 { max-width: 100%; font-size: 28px; } .contact_us .contact_content .contact_min .contact_row p { padding-left: 38px; font-size: 18px; } .develop_content .develop_row .develop_right { margin: 40px 0; } .develop_min .min_top .pic { margin-right: 15px; } .develop_min .min_top .pic img { height: 34px; } .develop_min .min_top p { font-size: 20px; } .develop_min .min_top { padding-bottom: 30px; margin-bottom: 30px; } .develop_min .min_column .min_row { padding-bottom: 30px; margin-bottom: 30px; } .develop_min .min_column .min_row .serial_number p { font-size: 30px; } .develop_min .min_column .min_row .serial_number p::after { bottom: 4px; width: 4px; height: 4px; right: -8px; } .develop_min .min_column .min_row .develop_details h2 { font-size: 20px; line-height: 30px; margin-bottom: 20px; } .develop_min .min_column .min_row .develop_details .details_p { margin: 20px 0 10px; } .develop_min .min_column .min_row .but_pic { width: 20px; height: 19px; } .develop_min .min_column .min_row .but_pic img { width: 16px; height: 15px; } .develop_content .develop_row .develop_right .develop_min { margin-bottom: 50px; } .privacy_policy { margin-top: 40px; } .privacy_policy .privacy_content { margin-top: 25px; padding: 0; } .privacy_policy .privacy_content p { font-size: 13px; line-height: 25px; margin-bottom: 20px; } .product_list_banner .product_list_banner_row .banner_left .left_top { margin-top: 10px; } .product_list_banner .product_list_banner_row .banner_left { width: 50%; padding: 10px 0; } .product_list_banner .product_list_banner_row .banner_pic { width: 50%; } .cross_search .cross_left .left_top { margin-bottom: 25px; padding: 25px; } .cross_search .cross_left .left_top h2 { font-size: 18px; margin-bottom: 18px; } .cross_search .cross_right .right_name { font-size: 18px; } .cross_search .cross_right .right_table .el-table th.el-table__cell>.cell { font-size: 15px; line-height: 30px; height: 30px; } .about_news .news_min .pic, .Information_swiper .news_min .pic { height: auto; } .application_show .application_show_column .b_show_column { margin-top: 15px; } }