.nybanner{position: relative;} .nybanner img{display: block;width: 100%;min-height: 300px;object-fit: cover;object-position: center;} .nybanner .desc{position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);text-align: center;} .nybanner .desc .atit{font-size: 36px;font-weight: bold;color: #FFFFFF;line-height: 1.5;} .nybanner .desc .line{display: block;width: 50px;height: 2px;background: #ffffff;margin: 30px auto;} .nybanner .desc .btit{font-size: 18px;letter-spacing: 10px;color: #FFFFFF;line-height: 1.5;} .inner-page .submenu ul{left: 0;} .mg50{margin: 50px 0;} .mgb50{margin-bottom: 50px;} .pd100{padding: 100px 0;} @media screen and (max-width:980px) { .mg50{margin: 35px 0;} .mgb50{margin-bottom: 35px;} .text-lg{font-size: 1.4rem;} .pd100{padding: 60px 0;} } .xwlisttxt1{width: 100%;line-height:32px;height:32px;font-weight:bold;display: block;overflow:hidden;text-overflow:ellipsis;} .xwlisttxt2{width: 100%;line-height:32px;height:64px;display: block;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .xwlisttxt3{width: 100%;line-height:28px;height:28px;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .xwlisttxt4{width: 100%;line-height:28px;height:56px;display: block;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .xwlisttxt5{width: 100%;line-height:36px;height:36px;display: block;overflow:hidden;text-overflow:ellipsis;} .xwlisttxt6{width: 100%;line-height:28px;height:56px;display: block;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} /* products */ .flexrow {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;} .prolist_plist ul{display: flex;flex-wrap: wrap;} .prolist_plist ul li {width: 24%;margin-right: 1.33%;border: solid 2px #b8b8b8;padding: 0px 20px;margin-bottom: 20px;position: relative;} .prolist_plist ul li:nth-child(4n) {margin-right: 0px;} .prolist_plist ul li .line{display: block;position: absolute;background: #00a3e7;} .prolist_plist ul li .line1{top: -2px;left: 0;width: 0%;height: 2px;transition: .1s .1s;} .prolist_plist ul li .line2{top: 0;right: -2px;width: 2px;height: 0%;transition: .1s .3s;} .prolist_plist ul li .line3{bottom: -2px;right: 0;width: 0%;height: 2px;transition: .1s .5s;} .prolist_plist ul li .line4{bottom: 0;left: -2px;width: 2px;height: 0%;transition: .1s .7s;} .prolist_plist ul li:hover .line1{width: 100%;} .prolist_plist ul li:hover .line2{height: 100%;} .prolist_plist ul li:hover .line3{width: 100%;} .prolist_plist ul li:hover .line4{height: 100%;} .prolist_pliimg {width: 100%;text-align: center;overflow: hidden;} .prolist_pliimg img {object-fit: contain;width: 100%;height: 100%;transition: .5s;} .prolist_plist ul li:hover .prolist_pliimg img {transform: scale(1.05);} .prolist_plibot {padding: 20px 0px;} .prolist_plidesc h4 {font-size: 18px;font-weight: bold;letter-spacing: 1px;color: #00A3E7;} .prolist_plidesc h3 {display:block;font-size: 20px;font-weight: bold;color: #333333;line-height: 50px;height: 50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .prolist_plidesc p {display:block;font-size: 14px;letter-spacing: 1px;color: #999999;margin-bottom: 20px;line-height: 25px;height: 50px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .prolist_plibtns {justify-content: flex-start;} .prolist_plibtns a {display: flex;align-items: center;justify-content: center;width: calc(50% - 12px);margin-right: 24px;height: 50px;border: solid 1px #b8b8b8;font-size: 16px;color: #999999;position: relative;transition: all .5s;} .prolist_plibtns a:nth-of-type(2){margin-right: 0;} .prolist_pliico {width: 8px;margin-left: 10px;position: relative;top: -5px;} .prolist_plibtns a:hover {background-color: #00A3E7;color: #ffffff;border-color: #00A3E7;} .prolist_plibtns a:hover .prolist_pliico img {filter: grayscale(100%) brightness(500%);} #pages {padding: 14px 0 20px;text-align: right;} .pagination {text-align: center;} .pagination li {display: inline-block;color: #333333;height: 36px;line-height: 36px;margin: 0px 5px 10px 0px;vertical-align: middle;} #pages a {display: inline-block;height: 34px;line-height: 34px;background: #ffffff;border: 1px solid #e3e3e3;text-align: center;color: #333333;padding: 0 14px;} #pages a:hover {background: #f1f1f1;color: #000000;text-decoration: none;} #pages span {display: inline-block;height: 34px;padding: 0 14px;line-height: 34px;background: #00A3E7;border: 1px solid #00A3E7;color: #ffffff;text-align: center;} .idx_custm_next,.idx_custm_prev {position: absolute;top: 50%;width: 56px;height: 56px;margin-top: -28px!important;z-index: 10;cursor: pointer;-moz-background-size: cover;-webkit-background-size:cover;background-size: cover;background-position: center;background-repeat: no-repeat} .idx_custm_next {right: 22.5%;} .idx_custm_prev {left: 22.5%;} .idx_custm_next.swiper-button-disabled,.idx_custm_prev.swiper-button-disabled {opacity: .35;cursor: auto;pointer-events: none;} .idx_custm_prev.swiper-button-black,.idx_custm_swiper .swiper-container-rtl .idx_custm_next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); color: #cacbcc; } .idx_custm_prev.swiper-button-white,.idx_custm_swiper .swiper-container-rtl .idx_custm_next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); color: #cacbcc; } .idx_custm_next.swiper-button-black,.idx_custm_swiper .swiper-container-rtl .idx_custm_prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); color: #cacbcc; } .idx_custm_next.swiper-button-white,.idx_custm_swiper .swiper-container-rtl .idx_custm_prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); color: #cacbcc; } .smlBox{position: relative;margin-top: 0px;} .prodetop_lswiper .swiper-button-next, .prodetop_lswiper .swiper-button-prev{bottom: auto;top: 50%;transform: translateY(-50%);margin: 0;} .prodetail_peizhi .swiper-slide { -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; -webkit-transform: scale(0.85); transform: scale(0.85); opacity: .8; } @media screen and (max-width: 668px) { .prodetail_peizhi .swiper-slide { -webkit-transform: scale(0.97); transform: scale(0.97); } } .prodetail_peizhi .swiper-slide-active, .prodetail_peizhi .swiper-slide-duplicate-active { -webkit-transform: scaleX(1.06); transform: scaleX(1.06); opacity: 1; z-index: 1002; } @media screen and (max-width: 668px) { .prodetail_peizhi .swiper-slide-active,.prodetail_peizhi .swiper-slide-duplicate-active { -webkit-transform: scale(0.97); transform: scale(0.97); } } @media (max-width:1900px) { /* .prolist_plidesc p {font-size: 16px;line-height: 24px;height: 48px;} */ } @media (max-width:1600px) { .prolist_plidesc h3{font-size: 24px;} .prolist_plidesc p{font-size: 14px;line-height: 20px;height: 40px;} } @media screen and (max-width:1460px) { .prolist_plibot{padding: 25px 0 40px;} .prolist_plidesc h3{font-size: 34px;margin-bottom: 20px;} /* .prolist_plidesc p {margin-bottom: 30px;} */ .prolist_plist ul li{width: 32%;} .prolist_plist ul li:nth-of-type(4n){margin-right: 1.33%;} .prolist_plist ul li:nth-of-type(3n){margin-right: 0;} } @media (max-width:1260px) { .prolist_plidesc p {font-size: 14px;line-height: 20px;height: 40px;} } @media screen and (max-width:980px) { .nybanner img{min-height: 200px;} .nybanner .desc .atit{font-size: 24px;} .nybanner .desc .line{margin: 10px auto;} .nybanner .desc .btit{font-size: 12px;letter-spacing: 2px;} .prolist_plist ul li {width: calc(50% - 10px);margin: 0 20px 20px 0;} .prolist_plist ul li:nth-of-type(3n){margin-right: 20px;} .prolist_plist ul li:nth-of-type(2n){margin-right: 0;} .smlBox{margin-top: 20px;} } @media screen and (max-width:780px) { .prolist_plist ul li{width: 100%;margin: 0 0 20px 0!important;} .smlBox{margin-top: 15px;} .idx_custm_next {right: 10px;zoom: .5;} .idx_custm_prev {left: 10px;zoom: .5;} .prodetail_csdesc p{font-size: 14px;line-height: 1.5;} .prodetop_rdesc p{font-size: 16px;line-height: 25px;padding-bottom: 20px;} } .ptb100 { padding-top: 100px; padding-bottom: 100px; } @media (max-width: 767px) { .ptb100 { padding-top: 50px; padding-bottom: 50px; } } .pt100 { padding-top: 100px; } @media (max-width: 767px) { .pt100 { padding-top: 50px; } } .pb100 { padding-bottom: 100px; } @media (max-width: 767px) { .pb100 { padding-bottom: 50px; } } .font18 { font-size: 18px; } .font20 { font-size: 20px; } .font22 { font-size: 22px; } .font24 { font-size: 24px; } .font26 { font-size: 26px; } .font28 { font-size: 28px; } .font30 { font-size: 30px; } .font40 { font-size: 40px; font-family: "bold", "PingFang SC", "Microsoft YaHei"; } @media (max-width: 991px) { .font40 { font-size: 30px; } } @media (max-width: 767px) { .font40 { font-size: 20px; } } .font48 { font-size: 48px; } @media (max-width: 991px) { .font48 { font-size: 32px; } } @media (max-width: 767px) { .font48 { font-size: 24px; } } .font64 { font-size: 64px; } @media (max-width: 991px) { .font64 { font-size: 48px; } } @media (max-width: 767px) { .font64 { font-size: 28px; } } @media (max-width: 1900px) { .font18 { font-size: 16px; } } @media (max-width: 1580px) { .font18 { font-size: 14px; } .font20, .font22 { font-size: 16px; } .font24, .font26 { font-size: 18px; } .font28, .font30 { font-size: 20px; } } .x-case1 { /* padding: 0.8rem 0 1.6rem 0; */ } @media (max-width: 767px) { } .x-case1 ul { display: flex; justify-content: flex-start; flex-wrap: wrap; } .x-case1 ul li { width: 32%; margin-right: 1.33%; box-shadow: 0 0 29px rgba(128, 128, 128, 0.11); transition: 0.5s all; } .x-case1 ul li:hover { box-shadow: 0 0 29px rgba(128, 128, 128, 0.27); } .x-case1 ul li:nth-of-type(3n) { margin-right: 0; } @media (max-width: 767px) { .x-case1 ul li { width: 100%; margin-right: 0; margin-bottom: 1rem; } } .x-case1 ul li:nth-of-type(n+4) { margin-top: 20px; } .x-case1 ul li a { display: block; position: relative; } .x-case1 ul li a::before { content: ""; width: 0; height: 2px; background-color: #00A3E7; position: absolute; left: 0; bottom: 0; opacity: 0; transition: 0.5s all; } .x-case1 ul li a:hover::before { width: 100%; opacity: 1; } .x-case1 ul li a:hover figure img { transform: scale(1.1); } .x-case1 ul li a:hover .x-text .x-title { color: #00A3E7; } .x-case1 ul li a:hover .x-gg-a span { color: #00A3E7; } .x-case1 ul li a:hover .x-gg-a i { background: url("../images/x-jt4.png") no-repeat center; background-size: contain; } .x-case1 ul li a figure { width: 100%; overflow: hidden; position: relative; } @media (max-width: 767px) { .x-case1 ul li a figure { } } .x-case1 ul li a figure img { width: 100%; height: 100%; object-fit: cover; transition: 1s all; } .x-case1 ul li a figure .x-ss-p { position: absolute; right: 10px; top: 10px; } .x-case1 ul li a figure .x-sp { color: #fff; background-color: #00A3E7; display: inline-block; padding: 0 10px; border-radius: 2px; } .x-case1 ul li a .x-text { padding: 20px 20px 30px 20px; } @media (max-width: 767px) { .x-case1 ul li a .x-text { padding: 15px; } } .x-case1 ul li a .x-text span { color: #999; } .x-case1 ul li a .x-text .x-title { font-family: "normal", "PingFang SC", "Microsoft YaHei"; color: #333333; margin: 15px 0 10px 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; transition: 0.5s all; line-height: 28px; height: 28px; } @media (max-width: 767px) { .x-case1 ul li a .x-text .x-title { } } .x-case1 ul li a .x-text .x-p { color: #666666; text-align: justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 40px; } @media (max-width: 767px) { .x-case1 ul li a .x-text .x-p { margin-bottom: 20px; } } .x-case1 .x-jzgd { color: #00A3E7; font-family: "bold", "PingFang SC", "Microsoft YaHei"; display: block; margin: 0.8rem auto 0 auto; text-align: center; } .x-case1 .x-jzgd img { width: 14px; height: 14px; object-fit: contain; vertical-align: middle; } @media (max-width: 1580px) { .x-case1 .x-jzgd img { width: 12px; height: 12px; } } .x-show-case1 { padding: 0.7rem 0 0.3rem 0; position: sticky; position: -webkit-sticky; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } @media (max-width: 767px) { .x-show-case1 { padding-bottom: 1.5rem; } } .x-show-case1 figure { width: 11rem; position: relative; height: 100%; margin: 0 auto; } @media (max-width: 991px) { .x-show-case1 figure { width: 84%; height: 8.5rem; } } @media (max-width: 767px) { .x-show-case1 figure { width: 90%; height: 9.5rem; } } .x-show-case1 figure img { width: 100%; height: 100%; object-fit: cover; } .x-show-case2 { padding-bottom: 1.6rem; padding-top: 0.3rem; position: relative; z-index: 2; background-color: #fff; } @media (max-width: 767px) { .x-show-case2 { padding-bottom: 3rem; } } .x-show-case2 .container { padding: 0 2.4rem; } @media (max-width: 991px) { .x-show-case2 .container { padding: 0; } } @media (max-width: 767px) { .x-show-case2 .container { padding: 0 1rem; } } .x-show-case2 .container .x-top .x-title { font-size: 0.38rem; color: #111111; margin-bottom: 0.2rem; } @media (max-width: 1260px) { .x-show-case2 .container .x-top .x-title { font-size: 0.48rem; } } @media (max-width: 991px) { .x-show-case2 .container .x-top .x-title { font-size: 0.58rem; } } @media (max-width: 767px) { .x-show-case2 .container .x-top .x-title { font-size: 1.2rem; margin-bottom: 0.5rem; } } .x-show-case2 .container .x-top .x-sp1 { background-color: #f3f2f2; color: #666666; padding: 0 0.1rem; display: inline-block; margin-right: 0.4rem; } .x-seo-show .container .c-leftBox .x-top .x-sp1 { background-color: #f3f2f2; color: #666666; padding: 0 0.1rem; display: inline-block; margin-right: 0.4rem; } .x-seo-show .container .c-leftBox .x-top .x-sp2 { color: #666666; } .x-seo-show .container ul li{ margin-top: 20px; } .x-seo-show .container .c-leftImg { margin-top: 30px; margin-bottom: 10px; overflow: hidden; display: flex; border: 0; max-width: 100%; } @media (max-width: 767px) { .x-show-case2 .container .x-top .x-sp1 { font-size: 14px; padding: 0 0.3rem; } } .x-show-case2 .container .x-top .x-sp2 { color: #666666; } @media (max-width: 767px) { .x-show-case2 .container .x-top .x-sp2 { font-size: 14px; } } .x-show-case2 .container ul li { margin-top: 0.5rem; } @media (max-width: 767px) { .x-show-case2 .container ul li { margin-top: 1rem; } } .x-show-case2 .container ul li p { color: #333333; margin-bottom: 0.1rem; } @media (max-width: 767px) { .x-show-case2 .container ul li p { font-size: 16px; } } .x-show-case2 .container ul li span { color: #444444; } @media (max-width: 767px) { .x-show-case2 .container ul li span { font-size: 14px; } } .x-show-case2 .container .x-con-box { margin-bottom: 1rem; } @media (max-width: 767px) { .x-show-case2 .container .x-con-box { margin: 1rem 0; } .x-show-case2 .container .x-con-box p { font-size: 16px !important; } .x-show-case2 .container .x-con-box span { font-size: 16px !important; } } .x-show-case2 .container .x-con-box img { max-width: 100%; } .x-show-case2 .container .x-fenx { display: flex; align-items: center; padding-bottom: 30px; border-bottom: 1px solid #c1c1c1; } .x-show-case2 .container .x-fenx p { margin-right: 0.25rem; } .x-show-case2 .container .x-bian { display: flex; justify-content: space-between; margin-top: 30px; } .x-show-case2 .container .x-bian a { display: inline-block; color: #333; } .x-show-case2 .container .x-bian a.x-b-le i { display: inline-block; width: 8px; height: 12px; background: url("../images/x-jt19.png") no-repeat center; background-size: contain; margin-right: 10px; vertical-align: middle; } .x-show-case2 .container .x-bian a.x-b-ri i { display: inline-block; width: 8px; height: 12px; background: url("../images/x-jt20.png") no-repeat center; background-size: contain; margin-left: 10px; vertical-align: middle; } .x-gg-a { color: #333333; display: inline-block; position: relative; } .x-gg-a:hover span { left: -5px; } .x-gg-a:hover i { right: -20px; } .x-gg-a span { display: inline-block; position: relative; transition: 0.5s all; left: 0; } @media (max-width: 767px) { .x-gg-a span { font-size: 12px; } } .x-gg-a i { display: inline-block; width: 8px; height: 12px; background: url("../images/x-jt3.png") no-repeat center; background-size: contain; right: -16px; transition: 0.5s all; position: absolute; top: 50%; transform: translateY(-50%); } @media (max-width: 767px) { .x-gg-a i { width: 8px; height: 8px; opacity: 0.9; } } .x-x-case1 { /* padding: 1rem 0; */ } @media (max-width: 767px) { .x-x-case1 { /* padding: 0.4rem 0 1.4rem 0; */ } } .x-x-case1 .x-fh { text-align: right; margin-right: 80px; } @media (max-width: 1260px) { .x-x-case1 .x-fh { margin-right: 0; } } .x-x-case1 .x-fh a { color: #fff; background: #00A3E7; padding: 0 20px; line-height: 40px; display: inline-flex; align-items: center; font-size: 14px; } .x-x-case1 .x-fh a img { display: inline-block; width: 8px; height: 11px; margin-right: 8px; transform: rotate(180deg); } .x-x-case1 .x-xia { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 20px; } @media (max-width: 767px) { .x-x-case1 .x-xia { margin-top: 10px; } } .x-x-case1 .x-xia .x-left { width: 50%; } @media (max-width: 1260px) { .x-x-case1 .x-xia .x-left { width: 100%; } } @media (max-width: 767px) { .x-x-case1 .x-xia .x-left .x-swiper1 .swiper-container { margin: 0 2px; } } .x-x-case1 .x-xia .x-left .x-swiper1 .swiper-container .swiper-wrapper .swiper-slide .x-img { width: 100%; } @media (max-width: 1260px) { .x-x-case1 .x-xia .x-left .x-swiper1 .swiper-container .swiper-wrapper .swiper-slide .x-img { /* height: 8rem; */ } } @media (max-width: 767px) { .x-x-case1 .x-xia .x-left .x-swiper1 .swiper-container .swiper-wrapper .swiper-slide .x-img { /* height: 11rem; */ } } .x-x-case1 .x-xia .x-left .x-swiper1 .swiper-container .swiper-wrapper .swiper-slide .x-img img { width: 100%; height: 100%; object-fit: cover; } .x-x-case1 .x-xia .x-left .x-swiper1 .swiper-container .swiper-button-prev1 { width: 40px; height: 40px; display: flex; justify-content: center; flex-direction: column; align-items: center; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 5; background: #00A3E7; cursor: pointer; } .x-x-case1 .x-xia .x-left .x-swiper1 .swiper-container .swiper-button-prev1:before{ display: none; } .x-x-case1 .x-xia .x-left .x-swiper1 .swiper-container .swiper-button-next1:before{ display: none; } @media (max-width: 767px) { .x-x-case1 .x-xia .x-left .x-swiper1 .swiper-container .swiper-button-prev1 { width: 34px; height: 34px; } } .x-x-case1 .x-xia .x-left .x-swiper1 .swiper-container .swiper-button-prev1 img { width: 8px; height: 11px; transform: rotate(180deg); } .x-x-case1 .x-xia .x-left .x-swiper1 .swiper-container .swiper-button-next1 { width: 40px; height: 40px; display: flex; justify-content: center; flex-direction: column; align-items: center; position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 5; background: #00A3E7; cursor: pointer; } @media (max-width: 767px) { .x-x-case1 .x-xia .x-left .x-swiper1 .swiper-container .swiper-button-next1 { width: 34px; height: 34px; } } .x-x-case1 .x-xia .x-left .x-swiper1 .swiper-container .swiper-button-next1 img { width: 8px; height: 11px; } .x-x-case1 .x-xia .x-left .x-swiper2 { margin-top: 10px; } .x-x-case1 .x-xia .x-left .x-swiper2 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .x-img { border: 2px solid #00A3E7; } @media (max-width: 767px) { .x-x-case1 .x-xia .x-left .x-swiper2 .swiper-container .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .x-img { border: 1px solid #00A3E7; } } .x-x-case1 .x-xia .x-left .x-swiper2 .swiper-container .swiper-wrapper .swiper-slide .x-img { width: 100%; border: 2px solid #fff; transition: 0.3s all; cursor: pointer; } @media (max-width: 1260px) { .x-x-case1 .x-xia .x-left .x-swiper2 .swiper-container .swiper-wrapper .swiper-slide .x-img { } } @media (max-width: 767px) { .x-x-case1 .x-xia .x-left .x-swiper2 .swiper-container .swiper-wrapper .swiper-slide .x-img { border: 1px solid #fff; } } .x-x-case1 .x-xia .x-left .x-swiper2 .swiper-container .swiper-wrapper .swiper-slide .x-img img { width: 100%; height: 100%; object-fit: cover; } .x-x-case1 .x-xia .x-right { width: 48%; position: relative; } @media (max-width: 1260px) { .x-x-case1 .x-xia .x-right { width: 100%; margin-top: 20px; } } @media (max-width: 767px) { .x-x-case1 .x-xia .x-right { margin-top: 15px; } } .x-x-case1 .x-xia .x-right .x-text { background: #fafafa; padding: 40px 30px; margin-right: 80px; } @media (max-width: 767px) { .x-x-case1 .x-xia .x-right .x-text { margin-right: 0; padding: 15px; } } .x-x-case1 .x-xia .x-right .x-text .x-title { font-size: 24px; color: #000; } @media (max-width: 767px) { .x-x-case1 .x-xia .x-right .x-text .x-title { font-size: 20px; } } .x-x-case1 .x-xia .x-right .x-text .x-ul { margin: 15px 0; } .x-x-case1 .x-xia .x-right .x-text .x-ul li { border-bottom: 1px solid #eee; padding: 10px 0; display: flex; } .x-x-case1 .x-xia .x-right .x-text .x-ul li:first-child { border-top: 1px solid #eee; } .x-x-case1 .x-xia .x-right .x-text .x-ul li span { flex-shrink: 0; } .x-x-case1 .x-xia .x-right .x-text .x-bjq { margin-bottom: 20px; } .x-x-case1 .x-xia .x-right .x-text .x-bj { color: #fff; background: #00A3E7; padding: 0 20px; line-height: 40px; display: inline-flex; align-items: center; font-size: 14px; } .x-x-case1 .x-xia .x-right .x-text .x-bj img { display: inline-block; width: 8px; height: 11px; margin-left: 8px; } .x-x-case1 .x-xia .x-right .x-ld { position: absolute; right: 0; width: 50px; top: 198px; } @media (max-width: 991px) { .x-x-case1 .x-xia .x-right .x-ld { right: 0.5rem; } } @media (max-width: 767px) { .x-x-case1 .x-xia .x-right .x-ld { position: initial; display: flex; justify-content: center; width: auto; margin-top: 0.8rem; } } .x-x-case1 .x-xia .x-right .x-ld a { display: flex; justify-content: center; flex-direction: column; align-items: center; height: 50px; margin: 10px 0; position: relative; background: #f5f5f5; text-align: center; transition: 0.3s all; } @media (max-width: 1580px) { .x-x-case1 .x-xia .x-right .x-ld a { height: 40px; width: 40px; } } @media (max-width: 767px) { .x-x-case1 .x-xia .x-right .x-ld a:nth-of-type(1) { margin-right: 0.6rem; } } .x-x-case1 .x-xia .x-right .x-ld a:nth-of-type(1) img { transform: rotate(180deg); } .x-x-case1 .x-xia .x-right .x-ld a:hover { background: #00A3E7; } .x-x-case1 .x-xia .x-right .x-ld a:hover img:nth-of-type(1) { display: none; } .x-x-case1 .x-xia .x-right .x-ld a:hover img:nth-of-type(2) { display: block; } .x-x-case1 .x-xia .x-right .x-ld a:hover span { display: inline-block; } .x-x-case1 .x-xia .x-right .x-ld a img { display: inline-block; width: 8px; height: 11px; } .x-x-case1 .x-xia .x-right .x-ld a img:nth-of-type(2) { display: none; } .x-x-case1 .x-xia .x-right .x-ld a span { color: #999; position: absolute; left: 55px; line-height: 50px; top: 0; white-space: nowrap; font-size: 14px; display: none; } @media (max-width: 767px) { .x-x-case1 .x-xia .x-right .x-ld a span { display: none !important; } } .icon.text-5xl img { width: 48px; height: 48px; } .zycj img{height: 100%;object-fit: cover;object-position: center;} @media screen and (max-width:1024px) { .zycj .leading-loose>div+div{margin-top: 20px;} } .ant-btn { line-height: 32px; position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; box-shadow: 0 2px 0 rgb(0 0 0 / 2%); cursor: pointer; transition: all .3s cubic-bezier(.645, .045, .355, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: manipulation; height: 32px; padding: 0px 15px; font-size: 14px; border-radius: 2px; color: rgba(0, 0, 0, .85); border: 1px solid #d9d9d9; background: #fff; } .downloadCenter { } .downloadCenter .ant-tabs .ant-tabs-nav { height: 64px; background: #fff } .downloadCenter .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap { width: 1400px; max-width: 1400px; margin: 0 auto } .downloadCenter .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab { font-size: 16px; line-height: 24px; margin: 0 120px 0 0; font-weight: 500; color: #333 } .downloadCenter .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab-active, .downloadCenter .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-tab-active .ant-tabs-tab-btn { font-weight: 500 } .downloadCenter .ant-tabs .ant-tabs-content-holder { background: #f4f4f4; width: 100%; max-width: 1400px; margin: auto } .downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content { padding: 40px 0 0; box-sizing: border-box; text-align: center } .downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content h2 { margin: 0 auto 40px; font-size: 32px; font-weight: 600; color: #333; line-height: 45px } .downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content .tab-content-tab { display: flex; justify-content: flex-start; margin-bottom: 40px } .downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content .tab-content-tab li { width: 33.33%; max-width: 456px; height: 56px; line-height: 56px; font-size: 18px; color: #333; background: #fff; cursor: pointer } .downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content .tab-content-tab li:nth-child(2) { margin: 0 16px } .downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content .tab-content-tab .tabActive { color: #fff; background: #008CD0 } .downloadCenter .tab-download { display: flex; width: 100%; justify-content: flex-start; height: 72px; line-height: 72px; text-align: left; background: #fff; padding: 0 32px; box-sizing: border-box; margin-bottom: 16px } .downloadCenter .tab-download span { color: #ddd; margin-right: 16px } .downloadCenter .tab-download .iconfont { font-size: 18px } .downloadCenter .tab-download p { width: 80%; max-width: 1080px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; transition: all .4s cubic-bezier(.19, 1, .22, 1) } .downloadCenter .tab-download h5 { min-width: 120px; color: #999; font-size: 16px; margin-left: 52px; margin-right: 52px; font-weight: 400 } .downloadCenter .tab-download .ant-btn { width: auto; margin: 20px auto; color: #fff; background: #008CD0; border-radius: 4px; cursor: pointer; border: none } .downloadCenter .tab-download .ant-btn span { color: #fff; margin: 0 auto } .downloadCenter .solution-no-data { margin: 80px 0 0 } @media screen and (max-width:1500px) { .downloadCenter .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap { width: 92%; max-width: 92% } .downloadCenter .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab { margin-right: 100px } .downloadCenter .ant-tabs .ant-tabs-content-holder { width: 92%; max-width: 92% } } @media screen and (max-width:1024px) { .downloadCenter .ant-tabs .ant-tabs-nav { height: 56px } .downloadCenter .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab { font-size: 14px; margin-right: 50px } .downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content { padding: 30px 0 0 } .downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content h2 { margin: 0 auto 20px; font-size: 24px; line-height: 32px } .downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content .tab-content-tab { margin-bottom: 20px } .downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content .tab-content-tab li { width: 32%; height: 44px; line-height: 44px; font-size: 16px; margin: 0 !important } .downloadCenter .tab-download { height: 60px; line-height: 60px; padding: 0 24px; margin-bottom: 12px } .downloadCenter .tab-download .iconfont { font-size: 16px } .downloadCenter .tab-download p { width: 80%; max-width: 1080px; font-size: 14px } .downloadCenter .tab-download h5 { min-width: 80px; font-size: 14px; margin-left: 15px; margin-right: 15px } .downloadCenter .tab-download .ant-btn { margin: 14px auto } .downloadCenter .solution-no-data .iconfont { font-size: 70px } .downloadCenter .solution-no-data .tip { font-size: 16px; line-height: 20px } } @media screen and (max-width:768px) { a.ant-btn{line-height: 24px;} .downloadCenter .ant-tabs .ant-tabs-nav { height: 50px } .downloadCenter .ant-tabs .ant-tabs-nav .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab { padding-left: 10px; padding-right: 10px; font-size: 14px; margin-right: 10px } .downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content { padding: 10px 0 0 } .downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content h2 { margin: 0 auto 10px; font-size: 20px; line-height: 28px } .downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content .tab-content-tab { margin-bottom: 15px } .downloadCenter .ant-tabs .ant-tabs-content-holder .ant-tabs-content .tab-content .tab-content-tab li { width: 32%; height: 35px; line-height: 35px; font-size: 14px; margin: 0 !important } .downloadCenter .tab-download { height: 50px; line-height: 50px; padding-right: 10px; margin-bottom: 10px } .downloadCenter .tab-download span { margin-right: 10px } .downloadCenter .tab-download p { font-size: 12px } .downloadCenter .tab-download h5 { min-width: 70px; font-size: 12px; margin-left: 10px; margin-right: 10px } .downloadCenter .tab-download .ant-btn { width: auto; margin: 13px auto; height: 24px; padding: 0 5px } .downloadCenter .tab-download .ant-btn span { font-size: 12px } .downloadCenter .solution-no-data .iconfont { font-size: 60px } .downloadCenter .solution-no-data .tip { font-size: 14px; line-height: 20px } } .x-ser3 { } .x-ser3 ul li { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; background-color: #f8f8f8; } @media (max-width: 767px) { .x-ser3 ul li { margin-bottom: 30px; } } .x-ser3 ul li:nth-of-type(2n) .x-img { order: -1; } .x-ser3 ul li .x-left { width: 50%; padding: 20px 50px; } @media (max-width: 767px) { .x-ser3 ul li .x-left { width: 100%; padding: 20px; } } .x-ser3 ul li .x-left .x-title { font-size: 32px; font-weight: bold; font-family: "bold", "PingFang SC", "Microsoft YaHei"; } @media (max-width: 991px) { .x-ser3 ul li .x-left .x-title { font-size: 24px; } } @media (max-width: 767px) { .x-ser3 ul li .x-left .x-title { font-size: 20px; } } .x-ser3 ul li .x-left .x-p1 { color: #00a3e7; margin: 20px 0 30px 0; } @media (max-width: 767px) { .x-ser3 ul li .x-left .x-p1 { margin: 10px 0 15px 0; } } .x-ser3 ul li .x-left .x-p2 { color: #666666; text-align: justify; font-size: 16px; } .x-ser3 ul li .x-img { width: 50%; overflow: hidden; } @media (max-width: 991px) { .x-ser3 ul li .x-img { } } @media (max-width: 767px) { .x-ser3 ul li .x-img { width: 100%; order: -1; } .x-ser3 ul li .x-left .x-p2{font-size: 14px;} } .x-ser3 ul li .x-img:hover img { transform: scale(1.1); } .x-ser3 ul li .x-img img { width: 100%; height: 100%; object-fit: cover; transition: 1s all; } .rczp4 { } .recruitment-title { padding: 16px 74px 16px 30px; font-size: 0; background-color: #00a3e7; color: #fff; } .recruitment-title span { width: 25%; display: inline-block; vertical-align: top; font-size: 18px; width: 20%; } .recruitment-title span { font-size: 18px; color: #fff; } .recruitment-title span:last-child { width: 16%; margin-left: 22%; } .join-fourtop { position: relative; width: 100%; padding: 26px 74px 26px 30px; font-size: 0; border: 1px solid #e5e5e5; cursor: pointer; } .join-fourtop .join-fourp1 { display: inline-block; vertical-align: top; width: 20%; padding-right: 5px; font-size: 14px; color: #929292; } .join-fourtop .join-fourp2 { display: inline-block; vertical-align: top; width: 16%; padding-right: 5px; font-size: 14px; color: #323232; margin-left: 22%; } .join-fourtop:after, .join-fourtop:before { position: absolute; top: 50%; right: 57px; width: 1px; height: 36px; background: #bfbfbf; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; content: ''; } .join-fourtop:before { right: 40px; width: 36px; height: 1px; } .join-fourtop .join-fourp { color: #323232; } .join-fourul li.active .join-fourtop:after, .join-fourul li.active .join-fourtop:before { -webkit-transform: translateY(-50%) rotate(45deg); -moz-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); background: #00a3e7; } .join-fouricon { display: inline-block; vertical-align: middle; width: 21px; height: 16px; background: url(../images/join-fouricon1.png) no-repeat center center; margin-right: 10px; margin-bottom: 3px; } .join-fourul li.active .join-fouricon { background-image: url(../images/join-fouricon2.png); } .join-fourbtm { padding: 25px 30px 5px; } .mailto { min-width: 142px; padding: 0 10px; text-align: center; display: inline-block; vertical-align: top; background-color: #00a3e7; color: #fff; line-height: 40px; margin-bottom: 25px; } .join-fourul li { margin-bottom: 20px; } .rczp_tit { text-align: center; font-size: 36px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; line-height: 36px; padding: 50px 0 40px; } .rczp_tit.white { color: #fff; font-size: 48px; padding: 100px 100px; } @media screen and (max-width:1400px) { .rczp1_box .desc .tit { font-size: 32px; } .rczp_tit { font-size: 32px; } .talentsjz-item li h2 { font-size: 28px; } .rczp_tit.white { font-size: 32px; padding: 80px 0 50px; } } @media screen and (max-width:980px) { .mbx_box { margin-bottom: 30px; } .talentsdy-item li { width: calc(50% - 10px); margin-right: 20px; margin-bottom: 60px; padding: 60px 15px 0; } .talentsdy-item li:nth-of-type(2n) { margin-right: 0; } .talentsdy-item li p { font-size: 14px; } .talentsdy-item li .i { zoom: .8; } .rczp1_box .desc { padding: 40px 40px 80px; } .rczp1_box .desc .tit { font-size: 24px; } .rczp1_box .desc .info p { font-size: 14px; line-height: 22px; margin-top: 20px; } .rczp_tit { font-size: 24px; padding: 40px 0 20px; } .talentsjz-item li { width: calc(33.33% - 10px); margin-right: 10px; margin-bottom: 10px; } .talentsjz-item li:nth-of-type(3n) { margin-right: 0; } .talentsjz-item li h2 { font-size: 20px; } .rczp_tit.white { padding: 60px 0 40px; font-size: 24px; } .join-fourtop { padding: 10px 20px; } .recruitment-title { padding: 10px 20px; } .recruitment-title span { width: 25% !important; margin: 0 !important; font-size: 14px; } .join-fourtop .join-fourp1 { width: 25% !important; } .join-fourtop .join-fourp2 { width: 25% !important; margin: 0 !important; } .join-fourtop:before { width: 20px; right: 10px; } .join-fourtop::after { height: 20px; right: 20px; } .rczp4 { } .rczp3 { padding-bottom: 60px; } .ny_banner .nb_tit { font-size: 32px; } .mbx_box .mbx_r a+a { margin-left: 20px; } } @media screen and (max-width:780px) { .ny_banner .nb_tit { font-size: 24px; } .rczp1_box .img { position: relative; width: 100%; height: 200px; } .rczp1_box .desc { width: 100%; padding: 20px 20px 30px; } .talentsjz-item li { width: calc(50% - 5px); margin-right: 10px !important; } .talentsjz-item li:nth-of-type(2n) { margin-right: 0 !important; } .talentsdy-item li { width: 100%; margin-bottom: 40px; height: auto; padding-bottom: 15px; } .rczp3 { padding-bottom: 20px; } .recruitment-title { display: none; } .join-fourtop .join-fourp1 { width: 100% !important; } .join-fourtop .join-fourp2 { width: 100% !important; } .mbx_box .mbx_l, .mbx_box .mbx_r { display: none; } } @media screen and (max-width:500px) { .about-number{} .about-number > div{display: flex;flex-wrap: wrap;gap:0;padding: 20px 10px;} .about-number dl{width: 33.333%;border: none;} .about-number dl:nth-of-type(4){width: 100%;margin-top: 10px;padding-top: 10px;border-top: 1px solid #eee;} .about-box .about-number dl dt span{font-size: 24px;line-height: 1.5;} .about-box .about-number dd{font-size: 14px;line-height: 1;} .yuanjing .yjbox strong{font-size: 24px;} .yuanjing .yjbox strong+div{font-size: 14px;line-height: 1.5;} }