/* 鍔熻兘涓棿鍚堥噾 */ .functional { padding-top: .74rem; } .functional-warp1 { margin-top: .48rem; } .functional-warp1title { margin: 0 auto; display: flex; align-items: center; } .functional-warp1titleleft { width: 1.08rem; height: 0.57rem; background: #014098; margin-right: .15rem; font-size: 0.57rem; font-family: Arial-Bold, Arial; font-weight: bold; color: #FFFFFF; text-align: center; line-height: .57rem; } .functional-warp1titlerig { font-size: 0.32rem; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #000000; line-height: 0.39rem; } .functional-warp1-p { margin: 0 auto; margin-top: .56rem; font-size: 0.2rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #333333; line-height: 0.39rem; } .functional-warp1conbg { margin-top: 0.7rem; background: #F6F6F6; padding-bottom: 0.14rem; } .functional-warp1con { margin: 0 auto; padding-top: .69rem; } .functional-warp1contatile { display: flex; align-items: center; } .functional-qh { width: 3.88rem; height: 0.77rem; background: #FFFFFF; border: 0.01rem solid #A9A9A9; font-size: 0.24rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #000000; line-height: 0.77rem; text-align: center; margin-right: .16rem; } .functional-qh:last-child { margin-right: 0; } .functional-qh:hover,.functional-qh.active { cursor: pointer; background: #02438D; color: #FFFFFF; border: 0.01rem solid #02438D; } .f-w1conqh{ display: none; } .f-w1conqh.active{ display: block; } .f-w1conqh-p { margin-top: .55rem; font-size: 0.2rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #333333; line-height: 0.36rem; } .f-w1conqh-img { margin-top: .66rem; display: flex; align-items: center; padding-bottom: .61rem; border-bottom: 0.01rem solid #D5D5D5; } .f-w1conqh-imgk { width: 3.88rem; height: 3.75rem; margin-right: .16rem; } .f-w1conqh-imgk:last-child { margin-right: 0; } .f-w1conqh-a2{ position: absolute; top: 2.5rem; left: 0; width: 15rem; } .f-w1conqh-a { padding: 0 .2rem; margin-left: .2rem; margin-top: .44rem; width: 15rem; display: flex; align-items: center; flex-wrap: wrap; } .orone .f-w1conqh-a{ margin-top: 1.2rem; } .orthree .f-w1conqh-a{ margin-top: .84rem; } .f-w1conqh-ak { display: flex; align-items: center; width: 2.29rem; /*margin-right: 1.04rem;*/ margin-right: .65rem; margin-bottom: .46rem; padding-bottom: .27rem; border-bottom: 0.01rem solid #D1D1D1; } .f-w1conqh-ak:nth-child(5n) { margin-right: 0; } .f-w1conqh-ak:hover { cursor: pointer; border-bottom: 0.01rem solid #0062cc; } .f-w1conqh-ak:hover .f-wtwo { display: block; } .f-w1conqh-ak:hover .f-wone { display: none; } .f-w1conqh-ak:hover .f-w1conqh-akrig { color: #0062cc; } .functional-warp3k.orthree .f-w1conqh-ak:hover,.functional-warp3k.ortwo .f-w1conqh-ak:hover,.functional-warp3k.orone .f-w1conqh-ak:hover{ border-bottom: 0.01rem solid #fff; } .functional-warp3k.orthree .f-w1conqh-ak:hover .f-wtwo,.functional-warp3k.ortwo .f-w1conqh-ak:hover .f-wtwo,.functional-warp3k.orone .f-w1conqh-ak:hover .f-wtwo{ display: none; } .functional-warp3k.orthree .f-w1conqh-ak:hover .f-wone,.functional-warp3k.ortwo .f-w1conqh-ak:hover .f-wone,.functional-warp3k.orone .f-w1conqh-ak:hover .f-wone{ display: block; } .functional-warp3k.orthree .f-w1conqh-ak:hover .f-w1conqh-akrig ,.functional-warp3k.ortwo .f-w1conqh-ak:hover .f-w1conqh-akrig,.functional-warp3k.orone .f-w1conqh-ak:hover .f-w1conqh-akrig { color: #fff; } .f-wtwo { display: none; } .f-w1conqh-akleft img { width: 0.09rem; height: .14rem; object-fit: cover; margin-right: .08rem; } .f-w1conqh-akrig { font-size: 0.2rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #333333; } .functional-warp2 { margin: 0 auto; margin-top: 1rem; } .functional-warp2k { /*padding-left: 0.19rem;*/ display: flex; align-items: center; } .functional-warp2kl { box-shadow: -.19rem -.2rem 0 #EEEEEE; width: 7.79rem; height: 4.39rem; } .f-w1conqh-a{ margin-left: 0; } .functional-warp2kl img { width: 100%; height: 100%; object-fit: cover; } .functional-warp2kr { width: 7.29rem; margin-left: .6rem; } .functional-warp2krp { margin-top: .68rem; font-size: 0.2rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #333333; line-height: 0.39rem; } .f-w1conqh-a1 { margin-top: .77rem; display: flex; align-items: center; flex-wrap: wrap; } .f-w1conqh-a1 .a1 { width: 2.96rem; margin-right: 1.35rem; margin-bottom: .38rem; padding-bottom: .26rem; border-bottom: 0.01rem solid #D1D1D1; } .f-w1conqh-a1 .a1:nth-child(2n) { margin-right: 0; } .f-w1conqh-a1 .a1:hover { cursor: pointer; border-bottom: 0.01rem solid #5286CF; } .reverse { margin-top: .75rem; margin-bottom: 1.01rem; padding-right: 0.19rem; padding-left: 0; } .reverse .functional-warp2kr { margin-left: 0; margin-right: .72rem; } .reverse .functional-warp2kl { box-shadow: 0.2rem -0.2rem 0 #eeeeee; } .functional-warp3 { margin: 0 auto; margin-top: .21rem; } .functional-warp3k { margin-top: .61rem; width: 100%; height: 6rem; position: relative; } .functional-warp3kimg { width: 100%; height: 100%; object-fit: cover; } .functional-warp3kcon { width: 90%; position: absolute; top: .6rem; left: .9rem; } .functional-wflex{ display: flex; align-items: center; justify-content: space-between; } .functional-wflexleft{ width: 5.45rem; /*height: 2.98rem;*/ } .orone{ height: 7.5rem; } .orone .functional-warp3kimg img{ height: 100%; } .orone .f-w1conqh-a{ margin-top: 2.5rem; } .functional-wflexleft img{ width: 100%; /*height: 100%;*/ object-fit: cover; } .functional-w3kctitle { font-size: 0.5rem; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #FFFFFF; } .functional-w3kcen { text-transform: uppercase; margin-top: .18rem; font-size: 0.24rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: rgba(246, 246, 246, 0.6); } .functional-w3kcp { text-align: justify; width: 6.87rem; margin-top: .61rem; font-size: 0.2rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #FFFFFF; line-height: 0.39rem; } .orthree { height: 6.49rem; } .orthree .functional-warp3kimg img { height: 100%; } .ortwo .functional-warp3kcon { top: -0.2rem; right: auto; left: .83rem; } .orthree .functional-warp3kcon { top: .51rem; right: .76rem; left: 1.05rem; } .functional-warp3kcone { /*padding-left: 6.51rem;*/ } .athree .f-w1conqh-ak { margin-right: .65rem; } .athree .f-w1conqh-akrig { color: #FFFFFF; } /* 鍔熻兘涓棿鍚堥噾 end*/ /* 搴旂敤棰嗗煙 */ .application { padding-top: .8rem; } .application-p { margin-top: .45rem; font-size: 0.2rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #686868; text-align: center; } .application-con { margin-top: .8rem; display: flex; align-items: center; flex-wrap: wrap; } .application-conk { height: 3rem; margin-right: 0.03rem; margin-bottom: 0.03rem; } .application-conk img { width: 100%; height: 100%; object-fit: cover; } .application-conk:nth-child(4n) { margin-right: 0; } .img1 { width: 4.91rem; } .img2 { width: 4.08rem; } .img3 { width: 5.43rem; } .img4 { width: 4.68rem; } .img5 { width: 4.5rem; } .img6 { width: 4.81rem; } .img7 { width: 4.87rem; } .img8 { width: 4.92rem; } .market-p { margin-top: .21rem; font-size: 0.2rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #686868; text-align: center; } /* 搴旂敤棰嗗煙 end*/ /* 甯傚満鍒嗗竷 */ .product-market { margin: 0 auto; margin-top: 1.01rem; position: relative; } .product-market-p { margin-top: 0.5rem; font-size: 0.18rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #333333; } /* +++++++ */ .onconSwiper { padding-bottom: 0.2rem; padding-top: 0.2rem; padding-left: 0.1rem; padding-right: 0.1rem; } .product-on-conk { display: flex; align-items: flex-end; padding-bottom: .35rem; border-bottom: 0.02rem solid #C7C7C7; } .product-on-conk:first-child { margin-bottom: .72rem; } .product-on-conkimg { width: .48rem; margin-right: .21rem; } .product-on-conkimg img { width: 100%; height: 100%; object-fit: cover; } .product-on-conkp1 { font-size: 0.76rem; font-family: Impact-Regular, Impact; font-weight: 400; color: #014098; margin-right: .21rem } .product-on-conkp1 span { font-size: 0.76rem; font-family: Impact-Regular, Impact; font-weight: 400; color: #014098; margin-right: .21rem } .product-on-conkp2 { font-size: 0.2rem; font-family: MicrosoftYaHei-, MicrosoftYaHei; font-weight: normal; color: #686868; } .fdf7 { display: flex; position: absolute; bottom: 4.8rem; left: 1.97rem; align-items: flex-end; } .product-on-con { position: absolute; right: 3.34rem; bottom: 1.73rem; } /* +++++++ end*/ .index-on { padding-top: .98rem; padding-bottom: 3.44rem; position: relative; } .index-on .text { margin-top: 0.9rem; text-align: center; } .index-on-con1 { margin-top: .56rem; width: 100%; height: auto; position: relative; } .index-on-con1 img { height: 100%; width: 100%; object-fit: cover; } .none { display: none; } .leftop { margin-left: 0.24rem; } .leftop::before { content: ''; position: absolute; transform: translate(-50%); width: 0px; height: 0px; left: -10px; top: 12px; border-style: solid; border-color: transparent #FFFFFF transparent transparent; border-width: 15px 15px 15px 15px; } .toprig { margin-right: 0.24rem; } .toprig::before { content: ''; position: absolute; transform: translate(-50%); width: 0px; height: 0px; right: -44px; top: 35px; border-style: solid; border-color: transparent transparent transparent #FFFFFF; border-width: 15px 15px 15px 15px; } .leftbot { margin-left: 0.24rem; } .leftbot::before { content: ''; position: absolute; transform: translate(-50%); width: 0px; height: 0px; left: -10px; bottom: 22px; border-style: solid; border-color: transparent #FFFFFF transparent transparent; border-width: 15px 15px 15px 15px; } .rigbot { margin-right: 0.24rem; } .rigbot::before { content: ''; position: absolute; transform: translate(-50%); width: 0px; height: 0px; right: -44px; bottom: 22px; border-style: solid; border-color: transparent transparent transparent #FFFFFF; border-width: 15px 15px 15px 15px; } .fdf3 .index-on-con1-gpscon { top: -26px; } .fdf6 .index-on-con1-gpscon { top: 70px; } .fdf4 .index-on-con1-gpscon { display: block; } .fdf7 .index-on-con1-gpscon { top: 91px; } .fdf1 { display: flex; position: absolute; top: 3.63rem; left: 7.01rem; } .fdf2 { display: flex; position: absolute; top: 1.73rem; left: 3.97rem; } .fdf3 { flex-direction: row-reverse; display: flex; position: absolute; top: 2.35rem; right: 4.37rem; } .fdf4 { display: flex; position: absolute; top: 1.89rem; left: 6.85rem; } .fdf5 { display: flex; position: absolute; top: 7.43rem; left: 8.36rem; } .fdf6 { flex-direction: row-reverse; display: flex; position: absolute; bottom: 3.44rem; right: 1.14rem; align-items: flex-end; } .index-on-con1-gpsimgred { display: flex; align-items: center; justify-content: center; width: 0.6rem; height: 0.6rem; background: rgba(230, 37, 37, 0.4); border-radius: 50%; } .index-on-con1-gpsimgred img { display: block; width: 0.27rem; height: 0.32rem; object-fit: cover; } .index-on-con1-gpsimg { display: flex; align-items: center; justify-content: center; width: 0.6rem; height: 0.6rem; background: rgba(140, 163, 201, 0.4); border-radius: 50%; } .index-on-con1-gpsimg img { display: block; width: 0.29rem; height: 0.32rem; object-fit: cover; } .index-on-con1-gpstext { text-align: center; margin-top: 0.08rem; font-size: 0.18rem; font-family: Microsoft YaHei; font-weight: 400; color: #FFFFFF; } .index-on-con1-gpscon { z-index: 99; box-shadow: 0 0 14px #000000; /* display: none; */ position: relative; width: 5.57rem; background: #FFFFFF; border-radius: 0.1rem; padding: .39rem .31rem .46rem .48rem; } .index-on-wrap { display: flex; align-items: flex-end; margin-bottom: .35rem; font-size: 0.18rem; font-family: Microsoft YaHei; font-weight: 400; color: #434343; } .index-on-wrap span { font-size: 0.48rem; font-family: Impact; font-weight: 400; color: #304F8C; margin-right: .14rem; } .index-on-wrapp { font-size: 0.18rem; font-family: Microsoft YaHei; font-weight: 400; color: #434343; line-height: 0.37rem; } .index-on-brief { text-align: center; flex: 1; border-right: 1px solid #000000; } .index-on-brief:last-child { border-right: 0; } .index-on-brief-num { font-size: 0.14rem; font-family: Microsoft YaHei; font-weight: 400; color: #434343; } .index-on-brief-num span { font-size: 0.36rem; font-family: Impact; font-weight: 400; color: #304F8C; margin-right: 0.07rem; } .index-on-brief-p { margin-top: 0.14rem; font-size: 0.14rem; font-family: Microsoft YaHei; font-weight: 400; color: #434343; } .index-on-con1-gpsconc { margin-top: 0.25rem; width: 100%; display: flex; align-items: center; flex-wrap: wrap; } .index-on-con1-gpsconck { display: flex; align-items: center; justify-content: center; height: 1rem; width: 0.9rem; border: 0.01rem solid #CECECE; margin-right: 0.038rem; margin-bottom: 0.09rem; } .index-on-con1-gpsconck:nth-child(6n) { margin-right: 0; } .index-on-con1-gpsconck img { display: block; height: 0.5rem; width: 0.5rem; object-fit: cover; } /* con2 */ .index-on-con2 { position: absolute; top: 3.37rem; left: 2.04rem; } .index-on-con2-wrap { display: flex; /* justify-content: space-between; */ } .index-on-con2-brief { /* flex: 1; */ width: 2.36rem; margin-right: .83rem; } .index-on-con2-num { text-align: center; font-size: 0.18rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #000000; } .index-on-con2-num span { font-size: 0.76rem; font-family: Impact-Regular, Impact; font-weight: 400; color: #333333; } .index-on-con2-text { margin-top: .33rem; padding-top: .36rem; border-top: 0.01rem solid #C7C7C7; font-size: 0.2rem; font-family: MicrosoftYaHei-, MicrosoftYaHei; font-weight: normal; color: #686868; } /* con3 */ .index-on-con3gps { width: 100%; position: absolute; bottom: 92px; } .index-on-con3 { margin: 0 auto; position: relative; } .index-on-con3k { padding: 0.14rem 0.13rem; width: 5.16rem; height: 4.32rem; background: #FFFFFF; box-shadow: 0rem 0rem 0.13rem 0.01rem rgba(0, 0, 0, 0.1000); } .index-on-con3kimg { width: 100%; height: 3.07rem; margin: 0 auto; } .index-on-con3kimg img { display: block; width: 100%; height: 100%; object-fit: cover; } .index-on-con3ktext { margin-top: 0.39rem; display: flex; align-items: center; justify-content: space-between; width: 100%; } .index-on-con3ktext-left { padding-left: 0.14rem; font-size: 0.18rem; font-family: MicrosoftYaHei-, MicrosoftYaHei; font-weight: normal; color: #333333; } .index-on-con3ktext-rig { width: 0.21rem; height: 0.21rem; } .index-on-con3ktext-rig img { width: 100%; height: 100%; object-fit: cover; } .index-on-con3 .swiper-button-next, .index-on-con3 .swiper-button-prev { color: #A4A4A4; } .index-on-con3 .swiper-button-prev { left: -0.48rem; } .index-on-con3 .swiper-button-next { right: -0.48rem; } /* 甯傚満鍒嗗竷 end*/ /* 浜у搧灞曠ず璇︽儏 */ .product-detail-top { width: 100%; height: 2.07rem; background: #F6F6F6; } .product-detail-topwarp { margin: 0 auto; padding-top: 1.08rem; display: flex; align-items: center; justify-content: space-between; } .product-detail-tleft { font-size: 0.32rem; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #000000; } .product-detail-trig { width: 2.05rem; height: 0.53rem; background: #014098; border-radius: 0.27rem 0.27rem 0.27rem 0.27rem; border: 0.01rem solid #014098; display: flex; align-items: center; justify-content: center; font-size: 0.18rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #FFFFFF; line-height: 0.53rem; } .product-detail-trig img { margin-left: .21rem; width: .23rem; object-fit: cover; } .product-detail-table table { border-collapse: collapse; text-align: center; } .product-detail-table table, th, td { border: 1px solid #E0E0E0; } .product-detail-table { padding-top: .68rem; padding-bottom: 1.09rem; margin: 0 auto; } .product-detail-table tr:nth-child(1) td { background: #E0E0E0; border: 1px solid #FFFFFF; } .product-detail-table tr:nth-child(1) { height: .77rem; } .product-detail-table tr:nth-child(1) td { font-size: 0.2rem !important; font-family: Microsoft YaHei-Bold, Microsoft YaHei; font-weight: bold; color: #000000; } .product-detail-table tr:nth-child(2) { height: .89rem; } .product-detail-table tr { height: .83rem; } .product-detail-table tr td { height: .83rem; font-size: 0.18rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #000000; line-height: 0.39rem; } .product-detail-table td:nth-child(1) { width: 2.11rem; } .product-detail-table td:nth-child(2) { width: 2rem; } .product-detail-table td:nth-child(3) { width: 2.4rem; } .product-detail-table td:nth-child(4) { width: 2rem; } .product-detail-table td:nth-child(5) { width: 4.59rem; padding: 0.3rem; } .product-detail-table td:nth-child(6) { width: 2.05rem; } .zl { display: flex; align-items: center; justify-content: center; font-size: 0.18rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; font-weight: 400; color: #014098; } .zl img { margin-right: 0.09rem; width: .18rem; object-fit: cover; } /* 浜у搧灞曠ず璇︽儏 end*/ @media only screen and (max-width: 1024px) { .product-detail-table table, th, td p span{ font-size: .26rem !important; } .product-detail-table table{ white-space: nowrap; } .zl{ padding: 0 0.3rem; } .functional-wflex{ display: block !important; } .f-w1conqh-a2{ position: initial; } .product-detail-top{ padding: 0 .3rem; } .product-detail-table { padding: 0 0.3rem; padding-top: 0.68rem; padding-bottom: 1.09rem; overflow: auto; width: 100%; } .f-w1conqh-a{ width: 100%; } .f-w1conqh-ak{ width: 31%; } .functional-warp1 .functional-warp1title{ padding: 0 .2rem; } .about-profile-text { padding: 0 0.2rem; } .orone{ background: #212840; /*background-image: ../;*/ } .ortwo{ background: #2d3041; } .orthree{ background: #202744; } .functional-warp3kcon{ width: 100%; padding: 0 0.2rem; position: initial; padding-top: .51rem; } .functional-w3kcp{ font-size: .24rem; line-height: .36rem; margin-top: .4rem; } .functional-warp3kimg{ display: none; } .functional-wflexleft { width: 100%; height: auto; margin-bottom: .3rem; } .functional-warp3k{ height: auto; } .functional-w3kctitle, .functional-w3kcen, .functional-w3kcp, .athree .f-w1conqh-akrig{ /*color: #000;*/ } .functional-w3kcp{ width: auto; } .athree .f-w1conqh-ak{ margin-right: 20%; width: 40%; margin-left: 0; } .athree .f-w1conqh-ak:nth-child(2n){ margin-right: 0; } .img1, .img2, .img3, .img4, .img5, .img6, .img7, .img8{ width: 100%; margin-bottom: .3rem; } .application-p{ padding: 0 .2rem; font-size: .24rem; line-height: .36rem; } .functional-warp3kcone{ padding-left: 0; } .orthree .functional-warp3kcon{ left: 0; } .functional-warp1-p,.f-w1conqh-p{ padding: 0 .2rem; font-size: .24rem; } .f-w1conqh-imgk{ height: auto; } .f-w1conqh-ak{ width: 31%; margin-right: 1%; margin-left: 1%; } .functional-qh{ width: 24%; margin-right: 1.33%; } .functional-warp2k{ display: block; } .functional-warp3kimg img{ height: 100%; width: 100%; object-fit: cover; object-position: center; } .ortwo .functional-warp3kcon{ left: .3rem; } .functional-warp2krp{ font-size: .24rem; } .reverse{ padding-right: 0; } .functional-warp2kl{ width: 100%; } .functional-warp2kr{ background: #F6F6F6; margin-left: 0; padding: 0 0.2rem; padding-top: .3rem; width: 100%; } .functional-warp1contatile{ padding: 0 0.2rem; } .product-alloy { margin-top: 0.8rem; } .f-w1conqh-a1 .a1{ width: 40%; margin-right: 20%; margin-left: 0; } .f-w1conqh-a1 .a1:nth-child(2n){ margin-right: 0; } .product-alloy-con1-text { margin-top: 0.6rem; } .producttwo .swiper-button-next, .producttwo .swiper-button-prev { display: none; } .product-alloy-con2 { margin-top: 0.3rem; } .product-show-item { display: block; } .product-show-item { padding: 0.4rem 0; } .product-show-img-box { width: 100% !important; } .product-show-item { margin-bottom: 0.3rem; } .product-show-content { margin-right: 0; } .product-show-content:nth-child(even) { margin-left: 0; } .product-show-img { position: initial !important; } .product-show-p { margin-top: 0.45rem; } .product-show-content { margin-top: 0.45rem; } .product-show-content { padding: 0 0.5rem; } .product-alloy-con3 { width: 100%; height: 3.93rem; } .product-alloy-con3-p { top: 0.45rem; left: 0.5rem; } .product-market-c { margin: 0.6rem 0; } .index-on-con1 { margin-bottom: 5.2rem; } .fdf1 { top: 1.2rem; left: 2.3rem; } .fdf2 { top: 0.39rem; left: 1.37rem; } .fdf3 { top: 0.45rem; right: 1.47rem; } .fdf4 { top: 0.39rem; left: 2.45rem; } .fdf5 { top: 2.73rem; left: 3rem; } .fdf6 { bottom: 1.04rem; right: 0.14rem; } .fdf7{ bottom: 1.6rem; left: 0.57rem; } .leftop { margin-left: 0; } .product-on-conkp1{ font-size: .56rem; } .product-on-con{ right: 0.34rem; bottom: -4.9rem; } .rigbot { margin-right: 0; } .toprig { margin-right: 0; } .leftbot { margin-left: 0; } .leftbot::before { left: 50%; top: -27px; border-color: transparent transparent #FFFFFF transparent; } .leftop::before { left: 50%; top: -27px; border-color: transparent transparent #FFFFFF transparent; } .toprig::before { left: 50%; top: -27px; border-color: transparent transparent #FFFFFF transparent; } .rigbot::before { left: 50%; top: -27px; border-color: transparent transparent #FFFFFF transparent; } .fdf2 .index-on-con1-gpscon { left: -53px; top: 176px; } .fdf3 .index-on-con1-gpscon { left: -249px; top: 176px; } .fdf4 .index-on-con1-gpscon { left: -106px; top: 176px; } .fdf5 .index-on-con1-gpscon { left: -133px; top: 63px; } .fdf6 .index-on-con1-gpscon { left: -314px; top: 75px; } .index-on-con1-gps { display: block; } .index-on-con1-gpscon { position: absolute; } .about-profile { padding: 0 0.2rem; } .about-profile { margin-top: 0.8rem; } .about-profile-p { margin-top: 0.6rem; } .product-market { margin-top: 0; padding-top: .58rem; } .market-p{ padding: 0 .2rem; font-size: .24rem; line-height: .36rem; } .product-market-p { padding: 0 0.2rem; line-height: 0.36rem; font-size: 0.26rem; } .product-market-c-k:nth-child(3n) { margin-right: 0; } .product-market-c-k { width: 32%; margin-right: 1.9%; } .product-market-c-k:nth-child(8n) { margin-right: 1.9%; } /* 杞挱 */ .product12, .product22 { height: 4.06rem; } .product21, .product11 { height: 2rem; } }