@keyframes roll{ 0% { transform: rotate(0) translate(-50%,-50%); -webkit-transform: rotate(0) translate(-50%,-50%); -moz-transform: rotate(0) translate(-50%,-50%); -o-transform: rotate(0) translate(-50%,-50%); -ms-transform: rotate(0) translate(-50%,-50%); opacity: 1; } 25% { transform: rotate(90deg) translate(-50%,-50%); -webkit-transform: rotate(90deg) translate(-50%,-50%); -moz-transform: rotate(90deg) translate(-50%,-50%); -o-transform: rotate(90deg) translate(-50%,-50%); -ms-transform: rotate(90deg) translate(-50%,-50%); opacity: 0; } 50% { transform: rotate(180deg) translate(-50%,-50%); -webkit-transform: rotate(180deg) translate(-50%,-50%); -moz-transform: rotate(180deg) translate(-50%,-50%); -o-transform: rotate(180deg) translate(-50%,-50%); -ms-transform: rotate(180deg) translate(-50%,-50%); opacity: 1; } 75% { transform: rotate(270deg) translate(-50%,-50%); -webkit-transform: rotate(270deg) translate(-50%,-50%); -moz-transform: rotate(270deg) translate(-50%,-50%); -o-transform: rotate(270deg) translate(-50%,-50%); -ms-transform: rotate(270deg) translate(-50%,-50%); opacity: 0; } 100% { transform: rotate(360deg) translate(-50%,-50%); -webkit-transform: rotate(360deg) translate(-50%,-50%); -moz-transform: rotate(360deg) translate(-50%,-50%); -o-transform: rotate(360deg) translate(-50%,-50%); -ms-transform: rotate(360deg) translate(-50%,-50%); opacity: 1; } } .indexItem{ padding-top: 80px; } .indexItem .indexTitle{ padding:48px 0 32px } .indexItem4 .indexTitle{ padding: 0 0 24px; } .indexItem4 .leftBox .txt{ padding-top: 0; } .swiperPageBox .swiperPageBox_in .swiper-pagination-bullet{ background: none; position:relative; background-size: 100% 100%; background-position: center;opacity: 1; } .swiperPageBox .swiperPageBox_in .swiper-pagination-bullet:after{ transition: all 0.3s ease-in-out; width: 4px; height: 4px; border-radius: 50%; background: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); content: ""; } @keyframes rotate1 { from { transform: rotate(0deg); } to { transform: rotate(360deg); /* 顺时针旋转360度 */ } } .swiperPageBox.bluePage .swiperPageBox_in .swiper-pagination-bullet:after{background: #196CCF;} .swiperPageBox .swiperPageBox_in .swiper-pagination-bullet-active{ background-image: url(../image/indexSwiperPage_w.png); animation: rotate1 3s linear infinite; } .swiperPageBox.bluePage .swiperPageBox_in .swiper-pagination-bullet-active{background-image: url(../image/indexSwiperPage_b.png);} .index_page_wrap{position: relative; height: 100vh;} .index_page_content{ position: relative; height: 100%;} .indexItem,.indexItem>.hr_outBox, .indexItem>.hr_outBox>.hr_box_in{ height: 100%; } .indexItem6>.hr_outBox, .indexItem6>.hr_outBox>.hr_box_in{ height: auto; } .indexItem6{ display: flex; align-items: center; } .indexItem6 .indexTitle{ padding-top: 0; } .indexItem6 .wdzStock{ margin-top: 0; } .indexItem1>.hr_outBox>.hr_box_in{ display: flex; flex-direction: column; justify-content: center; align-items: center; } .index_page_swiper{ height: 100%; } .swiperPageBox{ position: fixed; z-index: 100; right: 40px; top: 50%!important; transform: translateY(-50%); } .swiper_scoll{ width: 20px; border-radius: 6px; cursor: pointer; left: auto!important; position: relative; } .swiper_scoll .swiper-pagination-bullet{ width: 20px; height:20px; margin: 2px 0!important; } .index_page_slide:last-child { height: 26.5625vw; } .indexItem1 .indexProductList{ padding:0 60px 0; } .indexItem1 .indexproductSearchBox_in{ padding:68px 0 0px; } .indexItem2,.indexItem2 .bg_list{ height: 100%; width: 100%; padding:0; top: 0; left: 0;} .indexItem2 .bg_list>div{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; visibility: hidden; opacity: 0; transition: all 0.3s ease-out; z-index: 1; } .indexItem1 .hr_rightOutBox{ overflow: inherit; } .indexItem1 .indexItem1_inner { height: 100%; } .indexItem3>.hr_outBox, .indexItem3>.hr_outBox>.hr_box_in{ height: auto; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .title{ padding-bottom: 24px; } .indexItem3 .sv_right .swiper-container{ width:40vh; height:52.63vh;} .indexItem3 .sv_right .swiper-slide.swiper-slide-active a .txtBox { padding: 10px 32px; } .indexItem3 .sv_right .iconBox{ margin-top: 32px; } .indexItem3 .sv_right .title{padding:16px 0 40px; line-height: 1;} .indexItem3 .sv_right .swiper-slide.swiper-slide-active{ height: 100%; } .indexItem3 .sv_right .moreIcon{ margin-bottom: 20px; } .indexItem3 .sv_right .swiper-slide{ height: calc(100% - 36px); margin-top: 36px; } .indexItem3 .sv_right .imgBox{ height: 0; padding-bottom: 56.25%; } .indexItem3 .svNavSwiper{ margin-top: 12px;} .indexItem3 .svNavSwiper .swiperBtnBox>div:after{opacity: 0;display: none;} .indexItem3 .sv_right .swiper-slide .mCoverBox{ display: none; } /* v制造服务 */ .makeSwiper{ margin-top: max(7vh, 40px ); overflow: hidden; width: 100%; } .makeSwiper .swiper-container{ width:100%; height:52.63vh; overflow: initial; } .makeSwiper .swiper-slide{ padding-top: 6.315vh; background: #fff; width: 40vh!important; height:100%; } .makeSwiper .swiper-slide.swiper-slide-active{width: 80vh!important; height: 100%; padding:0; } .makeSwiper .swiper-slide a{ background: #fff; display: block; width: 100%; height: 100%; position: relative; box-shadow: 0px 10px 30px 0px rgba(0,76,151,0.1);padding:30px; overflow: hidden; } .makeSwiper .swiper-slide a .imgBox{ width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; } .makeSwiper .swiper-slide.swiper-slide-active a{ padding:0; } .makeSwiper .swiper-slide.swiper-slide-active a .imgBox { width: 100%; height: 100%; padding:0; } .makeSwiper .swiper-slide.swiper-slide-active .txtBox{ width: 45%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(25,108,207,0.5); color: #fff; backdrop-filter: blur(20px); } .makeSwiper .swiper-slide.swiper-slide-active .txtBox{ display:flex; flex-direction: column; justify-content:center; padding:40px; } .makeSwiper .swiper-slide .txtBox .iconBox img{ width: 44px; } .makeSwiper .swiper-slide.swiper-slide-active .txtBox .iconBox img.sel{ display: block; } .makeSwiper .swiper-slide.swiper-slide-active .txtBox .iconBox img.nor{ display: none; } .makeSwiper .swiper-slide .txtBox .txt{ display: none; } .makeSwiper .swiper-slide.swiper-slide-active .txtBox .txt{ padding:40px 0 60px; display: block; } .makeSwiper .swiper-slide .txtBox .title{ padding-top: 20px; font-size:24px; } .makeSwiper .swiper-slide.swiper-slide-active .txtBox .title{ color:#fff; } .makeSwiper .swiper-slide .txtBox .moreIcon{ display: none; } .makeSwiper .swiper-slide .txtBox .moreIcon i{ font-size:48px; color: #fff; } .makeSwiper .swiper-slide.swiper-slide-active .txtBox .moreIcon{ display: block; } /* v制造服务 end*/ .hr_rightOutBox .hr_rightBox{ height: 100%; } .indexItem2 .bg_list>div.active{ z-index: 1; visibility: visible; opacity: 1; } .indexItem2>div.hr_outBox { z-index: 6; height: 100%; } .indexItem2>div.hr_outBox>div{ height: 100%; } .indexItem2 .indexTitleBox{ margin-bottom: 12px; } .indexItem2 .indexYwly ul{ width: 36vw; overflow: hidden;} .indexItem2 .indexYwly ul li{ float: left; margin-right: 4%; margin-bottom: 24px; width: 48%; height: 80px; } .indexItem2 .indexYwly ul li:nth-child(2n){ margin-right: 0; } .indexItem2 .indexYwly ul li a{ color: #fff; padding:18px 24px; background: rgba(255,255,255,0.4); border-radius: 12px;transition: all 0.4s ease-in-out; backdrop-filter: blur(10px); } .indexItem2 .indexYwly ul li a img{ width: 44px; margin-right: 24px; } .indexItem2 .indexYwly ul li a:hover{ background: #F9B334; } .indexItem4 .indexAboutUsBox,.indexItem4 .indexAboutUs_in { height: 100%; } .indexItem4 .indexAboutUsBox .list{ bottom: 0; padding:20px 0; } .index_newsList_v2 .top a .imgs{ width: 600px; } .index_newsList_v2 .top a .imgs .imgFix{ padding-bottom: 56.25%; } .index_newsList_v2 .top a .rBox{ flex: 1; border: 1px solid #E9E9E9; border-left: none; flex-direction: column; padding:48px 64px; position: relative; } .index_newsList_v2 .top a .rBox .mText{ display: none; } .index_newsList_v2 .top a .rBox:after{ content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background:#196CCF; transition: all 0.3s ease-in-out; } .index_newsList_v2 .top a:hover .rBox:after{ width: 100%; } .index_newsList_v2 .top a .rBox .title{ padding-bottom: 24px; } .index_newsList_v2 .time{ text-align: center; width: 66px; } .index_newsList_v2 .time .d{ line-height: 1; font-weight: bold; font-size:36px; } .index_newsList_v2 .time .year{ font-size:14px;} .index_newsList_v2 ul{ overflow: hidden; padding-top: 10px; } .index_newsList_v2 ul li{ float: left; margin-right: 4%; width: 30.66%; margin-top: 24px; } .index_newsList_v2 ul li:nth-child(3n){ margin-right: 0; } .index_newsList_v2 ul li a{ padding-bottom: 16px; border-bottom: 1px solid #d8d8d8; position: relative; } .index_newsList_v2 ul li a .rBox{ flex: 1; overflow: hidden; display: block; } .index_newsList_v2 ul li a .rBox .text{ padding-top: 6px; font-size:14px; display: none; } .index_newsList_v2 ul li a .time{ margin-right: 12px; } .index_newsList_v2 ul li a .time .year{ color: #999; } .index_newsList_v2 ul li a:after{ content: ""; position:absolute; bottom:0; left:0; width:0%; height:1px; background:#196CCF; transition: all 0.3s ease-in-out; } .index_newsList_v2 ul li a:hover:after{ width: 100%;opacity: 1; } .indexStockBox{ width: 100%; } .indexBrandBg2{ top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .indexBrandBg2_in{ width: min(100vw,100vh); height: min(100vw,100vh); } .indexBrandBg2_in:after{ position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%,-50%); width: min(150vw,150vh); height: min(150vw,150vh); border-radius: 100%; border:1px solid rgba(51, 133, 231, 0.2); } .indexBrandBg2_in .imgs{ width: min(33vw,33vh); height: min(33vw,33vh); transition: all .4s ease-in-out; position: relative; } .indexBrandBg2_in .imgs:after{ position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 180%; height: 180%; border-radius: 100%; border:1px solid rgba(51, 133, 231, 0.05); border-left-color: rgba(51, 133, 231, 0.6); border-right-color: rgba(51, 133, 231, 0.6); animation:roll 10s linear infinite; transform-origin: top left; } .indexBrandBg2_in .imgs::before{ position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 300%; height: 300%; border-radius: 100%; border:1px solid rgba(51, 133, 231, 0.04); border-top-color: rgba(51, 133, 231, 0.4); border-bottom-color: rgba(51, 133, 231, 0.4); animation:roll 16s linear infinite; transform-origin: top left; } .indexBrandBg2_in .imgs img{ width: 100%; height: 100%; object-fit: cover; transition: all .4s ease-in-out; transform: scale(0.4); opacity: 0; } .wdzBrand2 .item{ position: absolute; width: 140px; height: 140px; overflow: hidden; border-radius: 100%; background: #fff; display: flex; justify-content: center; align-items: center; transition: all .4s ease-in-out; cursor: pointer; } .index_partner_content{ height: 100%; } .wdzBrand2 .item img{ max-width: 100%; max-height: 100%; } /* .wdzBrand2 .item:nth-child(1){ top: calc(70vh - 200px); left: 0; } .wdzBrand2 .item:nth-child(2){ top: calc(42vh - 200px); left: 10%; } .wdzBrand2 .item:nth-child(3){ top: calc(80vh - 200px); left: 15%; } .wdzBrand2 .item:nth-child(4){ top: calc(20vh - 200px); left: 25%; } .wdzBrand2 .item:nth-child(5){ top: calc(73vh - 200px); left: 30%; } .wdzBrand2 .item:nth-child(6){ top: calc(80vh - 200px); right: 38%; } .wdzBrand2 .item:nth-child(7){ top: calc(40vh - 200px); right: 24%; } .wdzBrand2 .item:nth-child(8){ top: calc(10vh - 200px); right: 25%; } .wdzBrand2 .item:nth-child(9){ top: calc(12vh - 200px); right: 0; } .wdzBrand2 .item:nth-child(10){ top: calc(60vh - 200px); right: 15%; } .wdzBrand2 .item:nth-child(11){ top: calc(83vh - 200px); right: 5%; } */ .index_partner_item_box { position: absolute; -webkit-transform: scale(.2); transform: scale(.2); opacity: 0; -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99); transition: all .8s cubic-bezier(.69, .27, .45, .99); } .index_partner_item_img { width: 100%; height: 100%; -webkit-border-radius: 100%; border-radius: 100%; box-shadow: 0 0 2.6041666vw rgba(114, 115, 141, .1); display: flex; justify-content: center; align-items: center; } .index_partner_item_box:nth-child(1) { width: 9.25vw; height: 9.25vw; top: -10%; left: 48%; } .index_partner_item_box:nth-child(2) { width: 8.8125vw; height: 8.8125vw; left: 36.145833%; top: 42.074074%; } .index_partner_item_box:nth-child(3) { width: 6.729vw; height: 6.729vw; left: 20.145833%; top: 55.37037%; } .index_partner_item_box:nth-child(4) { width: 7.375vw; height: 7.375vw; left: 19.822917%; top: -5.518519%; } .index_partner_item_box:nth-child(5) { width: 6.8125vw; height: 6.8125vw; left: 21.145833%; top: 27.074074%; } .index_partner_item_box:nth-child(6) { width: 7.29vw; height: 7.29vw; right: 35.1666%; top: 54.425926%; } .index_partner_item_box:nth-child(7) { width: 6.375vw; height: 6.375vw; right: 22.21875%; top: 21.981481%; } .index_partner_item_box:nth-child(8) { width: 7.8125vw; height: 7.8125vw; right: 16.375%; top: -11.40741%; } .index_partner_item_box:nth-child(9) { width: 8.375vw; height: 8.375vw; right: 12.375%; top: 46.59259%; } .index_partner_item_box:nth-child(10) { width: 7.8125vw; height: 7.8125vw; right: 5.375%; top: 13.59259%; } .index_partner_item_box:nth-child(11) { width: 7.25vw; height: 7.25vw; left: 5.625%; top: 20.59259%; } .index_partner_logo_current .index_partner_item_box { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .indexItem4 .imgBox img{ -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all 0.6s cubic-bezier(.69, .27, .45, .99); transition: all 0.6s cubic-bezier(.69, .27, .45, .99); opacity: 0.5; } .index_page_current .indexItem4 .imgBox img{ -wenkit-transform: scale(1); transform: scale(1); opacity: 1; } .indexItem4 .leftBox{ transform: translateY(50px); transition: all 0.6s ease-in-out; opacity: 0.5; padding-bottom: 120px; } .indexProductListOut,.indexItem1 .searchTab .item{ opacity: 0; transition: all 0.6s ease-in-out; transform: translateY(50px); } /* .indexItem1 .searchTab .item:nth-child(1){ transition-delay: 0.2s; } */ .indexItem1 .searchTab .item:nth-child(2){ transition-delay: 0.2s; } .indexItem1 .searchTab .item:nth-child(3){ transition-delay: 0.3s; } .indexItem1 .searchTab .item:nth-child(4){ transition-delay: 0.4s; } .indexItem1 .searchTab .item:nth-child(5){ transition-delay: 0.5s; } .indexItem1 .searchTab .item:nth-child(6){ transition-delay: 0.6s; } .indexItem1 .searchTab .item:nth-child(7){ transition-delay: 0.7s; } .indexProductListOut{ transition-delay: 0.7s; } .index_page_current .indexProductListOut{ opacity: 1; } .index_newsList_v2 .top, .index_newsList_v2 ul li { opacity: 0; transition: all 0.4s ease-in-out; transform: translateY(50px); } .index_newsList_v2 ul li{ transition-delay: 0.4s; } .index_newsList_v2 ul li:nth-child(-n+3){ transition-delay: 0.2s; } .index_page_current .indexItem4 .leftBox, .index_page_current .indexProductListOut, .index_page_current .indexItem1 .searchTab .item, .index_page_current .indexBrandBg2_in .imgs img, .index_page_current .index_newsList_v2 .top, .index_page_current .index_newsList_v2 ul li { transform: none; opacity: 1; } /* -----------制造服务------------- */ .indexItem2{ padding:80px 0 20px; } .indexItem2>.hr_outBox>.hr_box_in{ flex-direction: column; } .indexItem3 .indexServiceBox_v3 .sv_right .swiper-container{ margin:0; width: 34vh; height: 44.7355vh; } .indexItem3 .indexServiceBox_v3 .sv_right .swiper-slide.swiper-slide-active{ transform: translateX(164px); } .indexItem3 .indexServiceBox_v3 .sv_right .swiper-slide.swiper-slide-active a .txtBox{ width: 52% } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .imgBox{ width: 204%; } /* .indexItem3 .indexServiceBox_v3 .sv_right .swiper-slide.swiper-slide-active .imgBox{ width: 100%; height: 100%; } */ /* ------------制造服务 end------------ */ .indexProductList_out .moreBtn{ display: flex; justify-content: center; } .indexProductList_out .moreBtn a{ color: #fff; font-size:12px; width: 100px; height: 36px; border: 1px solid rgba(255, 255, 255, 0.6); position: relative; } .indexProductList_out .moreBtn a:after{ content: ""; position: absolute; top: -2px; right:-1px; width: 20%; height: 2px; background: #fff; transition: all 0.4s ease; } .indexProductList_out .moreBtn a::before{ content: ""; position: absolute; bottom: -2px;left:-1px; width: 20%; height: 2px; background: #fff; transition: all 0.4s ease; } .indexProductList_out .moreBtn a .bd{width: 2px; height: 30%; background: #fff; transition: all 0.4s ease; } .indexProductList_out .moreBtn a .bd.l{ bottom: -1px; left: -2px; } .indexProductList_out .moreBtn a .bd.r{ top: -1px; right: -2px; } .indexProductList_out .moreBtn a:hover:after,.indexProductList_out .moreBtn a:hover:before{ width: calc(100% + 2px); } .indexProductList_out .moreBtn a:hover .bd{ height: calc(100% + 2px); } .indexProductList_out .moreBtn a i{ margin-left: 2px; font-size: 20px; line-height: 1;} .indexProductList_out .list{ width: 100%; height: 150px; bottom:40px; background: #FFFFFF; box-shadow: 0px 2px 4px 0px #F8F8F8; border-radius: 4px; } .indexItem2 .indexAppBox{ height: auto; } .indexItem2 .indexAppTab{ height: 180px; } .indexAppBox .indexAppContainer { display: none; } .indexItem2 .wdzApplication .list_in .title{ padding:0 0 24px; margin-bottom: 24px; } .indexItem2 .wdzApplication .list_in ul{ padding:0; } .indexItem6 .hr_f_between a{ transition: all .4s ease-in-out; display: block; } .indexItem6 .hr_f_between a:hover{ transform: translateY(-14px); } @media screen and (max-width:1600px){ .swiperPageBox{ right: 24px; } } @media screen and (max-width:1360px){ .index_newsList_v2 .top a .rBox{padding: 32px;} } @media screen and (max-width:1280px){ .index_newsList_v2 .top a .imgs{ width: 540px; } .index_newsList_v2 .top a .rBox .title{ line-height: 1.4; padding-bottom: 16px; } .index_newsList_v2 .top a .rBox{ padding:24px; } } @media screen and (max-width: 1180px) { .indexItem3 .indexServiceBox_v3 .sv_right .swiper-slide.swiper-slide-active { transform: translateX(166px); } } @media screen and (max-width:1024px){ .indexItem1{ overflow: inherit; } .indexItem1 .inputBox,.indexItem1_inner .inputBox_in,.indexItem1 .productSearchBtn{ height: 48px; } .indexItem1 .productSearchBtn{ line-height: 48px; } .indexItem1 .searchTab .item{ width: 18%; } .indexItem1 .indexproductSearchBox_in { padding: 48px 0 0px; } .indexItem1 .indexProductList{ padding:0; margin:24px; margin-bottom: 0; } .indexItem1 .indexProductList .item{ height: 48px; margin-top: 12px; } .indexItem1 .indexProductList .item .ulList{ top: 48px; } .indexItem1 .indexProductList .item .ulList_in{ height: 140px; } .indexItem1 .indexProductList .item:nth-child(n+5){ display: none; } .indexProductList_out .moreBtn{ margin-top: 40px; } } @media screen and (max-height:750px){ .hr_fs40{ font-size:min(calc(100vh / 750px * 40px), 40px); } .indexItem h3{ line-height: 1; } .indexItem1 .indexProductList{ margin-top: 24px; } .indexItem1 .indexProductList .item .ulList_in{ height: 100px; } .indexItem1 .indexTitle{ padding-bottom: max(4vh, 24px); padding-top: 4vh } .indexItem1 .searchTab .item .imgs{ width: max(9.5vh,60px); } .indexItem1 .searchTab .item .name{margin-top: 12px;} .indexItem1 .indexProductList .item{ margin-bottom: 12px; height: 48px;} .indexItem1 .indexproductSearchBox_in{ padding:68px 0 0; } .indexItem1 .indexProductList .item .ulList{ top: 48px; padding:16px 20px; } .indexItem3 .sv_right{ margin-top: 24px; } .indexItem3 .svNavSwiper{ margin-top: 12px; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active a .txtBox { padding: 0px 18px; } .indexItem4 .imgBox{ height: auto; width: 50%; } .indexItem4 .list{ height: auto; } .indexItem4{ padding-bottom:40px; } .index_newsList_v2 .top a .imgs{ width: 60vh; } .index_newsList_v2 .top a .rBox{ padding:24px 40px; } .index_newsList_v2 .top a .rBox .title{padding-bottom: 12px;} .shareBox .codeInBox .sjBg{ display: none; } footer .shareBox .codeOutBox{ bottom:auto; top: 60px; } /* -----------制造服务------------- */ .indexItem3 .indexServiceBox_v3 .sv_right .swiper-slide.swiper-slide-active a .txtBox{ width: 56%; } .indexItem3 .indexServiceBox_v3 .sv_right .title{ font-size:18px; } .indexItem3 .indexServiceBox_v3 .sv_right .txt, .indexItem3 .sv_right .moreIcon{ font-size:14px; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .title{ padding-bottom: 20px; } .indexItem3 .indexServiceBox_v3 .sv_right .swiper-slide.swiper-slide-active{ transform: translateX(126px); } .indexItem3 .indexServiceBox_v3 .sv_right .moreIcon i{ font-size:32px;} .indexItem3 .indexServiceBox_v3 .sv_right .iconBox{ width: 40px; height: 40px; } /* ------------制造服务 end------------ */ .index_newsList_v2 .time .d{ font-size:24px; } .index_partner_item_box:nth-child(1) { width:11.25vw; height: 11.25vw; top: -18%; left: 46%; } .index_partner_item_box:nth-child(2) { width: 10.8125vw; height: 10.8125vw; left: 39.145833%; top: 42.074074%; } .index_partner_item_box:nth-child(3) { width: 8.729vw; height: 8.729vw; left: 19.145833%; top: 53.37037%; } .index_partner_item_box:nth-child(4) { width: 9.375vw; height: 9.375vw; left: 21.822917%; top: -10.518519%; } .index_partner_item_box:nth-child(5) { width: 8.8125vw; height: 8.8125vw; left: 26.145833%; top: 26.074074%; } .index_partner_item_box:nth-child(6) { width: 9.29vw; height: 9.29vw; right: 30.1666%; top: 47.425926%; } .index_partner_item_box:nth-child(7) { width: 8.375vw; height: 8.375vw; right: 25.21875%; top: 14.981481%; } .index_partner_item_box:nth-child(8) { width: 9.8125vw; height: 9.8125vw; right: 17.375%; top: -16.40741%; } .index_partner_item_box:nth-child(9) { width: 10.375vw; height: 10.375vw; right: 13.375%; top: 46.59259%; } .index_partner_item_box:nth-child(10) { width: 7.8125vw; height: 7.8125vw; right: 10.375%; top: 16.59259%; } .index_partner_item_box:nth-child(11) { width: 9.25vw; height: 9.25vw; left: 10.625%; top: 19.59259%; } .indexItem6 .wdzStock .list { padding: 2.4vh 0; } .indexItem6 .wdzStock .stockPrice{ padding:3.4vh 0 0; } .indexItem6 .stockLeftItem:nth-child(2){ padding-top: 5vh; } .indexItem6 .stockEndTime{ padding-top: 3.4vh; } .indexItem6 .stockLeftItem span:nth-child(2){ padding-top: 8px; } .indexItem6 .wdzStock .list .stockCode span:nth-child(2){ font-size:20px; } .indexItem1 .indexProductList .item .txtBox span{ font-size:14px; } .indexItem1 .indexProductList .item .ulList li a{ font-size:12px; } } @media screen and (max-height:600px){ .indexItem1_inner .inputBox_in{ height: 48px; } .indexItem1 .productSearchBtn{ line-height: 48px; } .indexItem1 .indexproductSearchBox_in { padding: 40px 0 0; } .indexItem1 .indexProductList .item { margin-bottom: 12px; height: 36px; } .indexItem1 .indexProductList .item .ulList{ top: 36px; } .indexItem1 .indexProductList .item .txtBox span{ font-size:14px; } .indexItem1 .indexProductList .item .ulList li{ margin-top: 2px; } .indexItem1 .indexProductList .item .ulList_in{height: 80px; } .indexItem1 .indexProductList{ margin-top: 16px; } .indexItem1 .searchTab .item .imgs { width: max(9.5vh, 48px); } .indexItem1 .searchTab .item .name { margin-top: 10px; font-size: 14px; } .indexProductList_out .moreBtn a{ height: 26px; width: 88px; } .indexItem1 .indexProductList .item{ margin-bottom: 10px; } .indexItem3 .indexServiceBox_v3 .sv_right .title { font-size: 14px; } .indexItem3 .indexServiceBox_v3 .sv_right .txt, .indexItem3 .sv_right .moreIcon { font-size: 12px; } .indexItem3 .sv_right .moreIcon i{ font-size:40px; } .indexItem3 .sv_right .swiper-slide{ padding:20px; } .indexItem3 .sv_right .title{ padding:10px 0 18px; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .title{ padding-bottom: 12px; } /* .indexItem3 .sv_right .swiper-slide.swiper-slide-active a .txtBox{ padding:} */ .indexItem2 .wdzApplication .list_in .title{ padding:0 0 16px; margin-bottom: 16px; font-size:18px; } .wdzApplication .list_in ul li{ margin-top: 0px; } .indexItem2 .indexTitle{ padding: 20px 0 12px; } .wdzApplication .list_in ul li a{ font-size:14px; } .indexItem2 .indexAppTab{ margin-top: 0; height: 146px; } .indexItem2 .indexAppTab .item_in{ padding:20px 16px 0; } .indexItem2 .indexAppTab .item_sel{ height: 146px; } .indexItem2 .indexAppTab .item_sel .imgBox{ padding: 0 0 10px; height: 48px; width: 48px; } .indexItem3 .indexServiceBox_v3 .sv_right .swiper-slide.swiper-slide-active{ transform: translateX(100px); } .indexItem3 .indexServiceBox_v3 .sv_right .swiper-slide.swiper-slide-active a .txtBox{ padding:0 20px; } .indexItem3 .indexServiceBox_v3 .sv_right .iconBox{ width: 32px; height: 32px; margin-top: 20px; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .title{ padding-top: 10px; } .indexItem3 .indexServiceBox_v3 .sv_right .moreIcon i{ font-size:24px; } footer .rightBox{ padding-bottom: 60px; } footer .fNavList h5{ padding-top: 32px; } .index_newsList_v2 .top a .rBox { padding: 16px 32px; } .index_newsList_v2 ul li{ margin-top: 20px; } .index_newsList_v2 .time .d{ font-size:20px; } .index_newsList_v2 ul li a{ padding-bottom: 12px; } .index_partner_item_box:nth-child(1) { width:8.25vw; height: 8.25vw; top: -17%; left: 50%; } .index_partner_item_box:nth-child(2) { width: 8.8125vw; height: 8.8125vw; left: 44.145833%; top: 38.074074%; } .index_partner_item_box:nth-child(3) { width: 6.729vw; height: 6.729vw; left: 24.145833%; top: 50.37037%; } .index_partner_item_box:nth-child(4) { width: 7.375vw; height: 7.375vw; left: 24.822917%; top: -8.518519%; } .index_partner_item_box:nth-child(5) { width: 6.8125vw; height: 6.8125vw; left: 30.145833%; top: 20.074074%; } .index_partner_item_box:nth-child(6) { width: 7.29vw; height: 7.29vw; right: 33.1666%; top: 52.425926%; } .index_partner_item_box:nth-child(7) { width: 6.375vw; height: 6.375vw; right: 29.21875%; top: 16.981481%; } .index_partner_item_box:nth-child(8) { width: 7.8125vw; height: 7.8125vw; right: 24.375%; top: -17.40741%; } .index_partner_item_box:nth-child(9) { width: 8.375vw; height: 8.375vw; right: 18.375%; top: 39.59259%; } .index_partner_item_box:nth-child(10) { width: 5.8125vw; height: 5.8125vw; right: 14.375%; top: 8.59259%; } .index_partner_item_box:nth-child(11) { width: 7.25vw; height: 7.25vw; left: 15.625%; top: 22.59259%; } .indexItem6 .wdzStock .list { padding: 2vh 0; } .indexItem6 .navListInner .item .title{ font-size:20px; } .indexItem6 .navListInner .item .imgBox{ height: 88px; width: 88px; } .indexItem6 .wdzStock .stockPrice{ padding:3vh 0 0; font-size: max((100vw / 1920px) * 100px, 40px); } .indexItem6 .stockLeftItem:nth-child(2){ padding-top: 4.6vh; } .indexItem6 .stockEndTime{ padding-top: 3vh; } .indexItem6 .stockLeftItem span:nth-child(2){ padding-top: 8px; } .indexItem6 .stockLeftItem span,.indexItem6 .stockEndTime{ font-size:18px; } .indexItem6 .stockLeftItem span:nth-child(2){ font-size:20px; } .indexItem6 .wdzStock .list .stockCode{ font-size:18px; } .indexItem6 .wdzStock .list .stockCode span:nth-child(2){ font-size:16px; } } @media screen and (max-width:1024px){ .index_page_wrap, .index_page_swiper, .index_page_swiper>.swiper-wrapper, .swiper-slide.index_page_slide { height:auto; } .index_page_wrapper{ display: block; } .indexItem .indexTitle{ padding-top: 0; } .indexItem1{ padding-bottom: 60px; } .indexItem1 .indexproductSearchBox_in{ padding:48px 0 60px; } .indexItem2 .indexAppBox{ padding-top: 0; } .indexItem2 .wdzApplication{ min-height: 200px; } .wdzApplication .list_in ul li{ margin-top: 2px; } .indexItem4 .leftBox{ padding-bottom: 160px; padding-right: 24px; } .index_newsList_v2 .top a .imgs{ width: 50%; } .index_newsList_v2 .top a .rBox{ padding:20px; } .index_newsList_v2 .top a .rBox .title{ padding-bottom: 10px; font-size:16px;} .index_newsList_v2 .top a .rBox .text{ font-size:14px; } .index_newsList_v2 .time .d{ font-size:24px; } .index_newsList_v2 ul li a{ padding-bottom: 12px; } .indexItem5 { padding-bottom: 60px; } .indexItem7{ height: 100vw; } .indexItem3 .indexServiceBox_v3 .sv_right .swiper-slide.swiper-slide-active { transform: translateX(134px); } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .imgBox{ width: 180%; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active a .txtBox{ left: 0px;padding: 0px 16px; } .indexItem6 .wdzStock .list .navListInner{ padding:40px 0; } .indexItem6 .wdzStock .list{ margin-top: 40px; } .indexItem6 .wdzStock .list:first-child{ width: 50%; } } @media screen and (max-width:880px){ .html_page .indexItem{ padding: 66px 0;} .indexItem3 .indexServiceBox_v3 .sv_right .swiper-slide.swiper-slide-active { transform: translateX(79px); } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .imgBox{ width: 150%; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active a .txtBox{ left: 0px; } .indexItem4 .leftBox{ padding-bottom:40px; padding-right: 0; } .index_newsList_v2 .top a{ display: block; } .index_newsList_v2 .top a .imgs{ width: 100%; } .index_newsList_v2 .top a .rBox{ border: 1px solid #E9E9E9; padding:32px; } .index_newsList_v2 ul li { float: left; margin-right: 4%; width: 48%; margin-top: 24px; } .index_newsList_v2 ul li:nth-child(3n) { margin-right: 4%; } .index_newsList_v2 ul li:nth-child(2n){ margin-right: 0; } .indexItem4 .imgBox{ width: 100%; text-align: center; } .indexItem4 .imgBox img{ width: 80%; } .index_news_v2{ width: 100%; } .index_partner_item_box:nth-child(1) { width:11.25vw; height: 11.25vw; top: -10%; left: 48%; } .index_partner_item_box:nth-child(2) { width: 10.8125vw; height: 10.8125vw; left: 36.145833%; top: 42.074074%; } .index_partner_item_box:nth-child(3) { width: 8.729vw; height: 8.729vw; left: 20.145833%; top: 55.37037%; } .index_partner_item_box:nth-child(4) { width: 9.375vw; height: 9.375vw; left: 21.822917%; top: -0.518519%; } .index_partner_item_box:nth-child(5) { width: 8.8125vw; height: 8.8125vw; left: 49.145833%; top: 58.074074%; } .index_partner_item_box:nth-child(6) { width: 9.29vw; height: 9.29vw; right: 26.1666%; top: 45.425926%; } .index_partner_item_box:nth-child(7) { width: 8.375vw; height: 8.375vw; right: 22.21875%; top: 21.981481%; } .index_partner_item_box:nth-child(8) { width: 9.8125vw; height: 9.8125vw; right: 20.375%; top: -5.40741%; } .index_partner_item_box:nth-child(9) { width: 10.375vw; height: 10.375vw; right: 12.375%; top: 39.59259%; } .index_partner_item_box:nth-child(10) { width: 9.8125vw; height: 9.8125vw; right: 4.375%; top: 10.59259%; } .index_partner_item_box:nth-child(11) { width: 9.25vw; height: 9.25vw; left: 15.625%; top: 22.59259%; } .indexItem6 .navListInner .item .imgBox{ width: 78px; height: 78px; } .indexItem6 .wdzStock .list:first-child{ width: 100%;} .indexItem6 .navListInner .item .title{ font-size:18px; } .indexItem1 .indexProductList .item .txtBox span{ font-size:14px; } .indexItem1 .indexProductList .item .ulList_in{ height: 160px; } .indexItem4 .indexAboutUsBox .list{ padding:20px 0 0; } } @media screen and (max-width:750px){ .html_page .indexItem{ padding: 60px 0;} .indexItem .indexTitle{ padding-bottom: 20px; margin-bottom: 0; } .indexItem1 .hr_rightOutBox{ padding-left: 0; } .indexItem1 .indexproductSearchBox_in{ padding:48px 12px 60px; } .indexItem1 .indexproductSearchBox_in .indexProductListOut{ padding: 0; } .indexItem1 .indexProductList{ margin:24px 0 0; } .indexItem1 .indexProductList .item{ height: 40px;} .indexItem1 .indexProductList .item .ulList{ top: 40px; } .indexItem2{ padding-bottom: 24px; } .indexItem3 .indexServiceBox_v3 .sv_right .swiper-slide.swiper-slide-active { transform: translateX(70px); } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .imgBox{ width: 144%; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active a .txtBox{ left: 0px; } .indexItem3 .sv_right .swiper-slide{ margin-top:0; height: 100%; } .indexItem3 .sv_right .imgBox{ height: 100%; padding:0; } .indexItem4 .leftBox{ padding-bottom:30px; } .index_newsList_v2 .top a .rBox{ padding:20px 16px; } .indexItem7 h3.indexTitle{ padding-bottom: 0; } .indexItem3 .indexServiceBox_v3 .sv_right .swiper-container{ height: 56.25vw; } } @media screen and (max-width:640px){ .html_page .indexItem{ padding:48px 0; } .indexItem4 .leftBox{ padding-bottom:20px; } .index_newsList_v2 ul li { float: left; margin-right: 0; width: 100%; margin-top: 24px; } .index_newsList_v2 ul li:nth-child(3n) { margin-right: 0; } .index_newsList_v2 ul li:nth-child(2n){ margin-right: 0; } .index_partner_item_box:nth-child(1) { width: 14.25vw; height: 14.25vw; top: -2%; left: 48%; } .index_partner_item_box:nth-child(2) { width: 13.8125vw; height: 13.8125vw; left: 28.145833%; top: 57.074074%; } .index_partner_item_box:nth-child(3) { width: 10.729vw; height: 10.729vw; left: 6.145833%; top: 63.37037%; } .index_partner_item_box:nth-child(4) { width: 11.375vw; height: 11.375vw; left: 21.822917%; top: 4.518519%; } .index_partner_item_box:nth-child(5) { width: 10.8125vw; height: 10.8125vw; left: 43.145833%; top: 82.074074%; } .index_partner_item_box:nth-child(6) { width: 11.29vw; height: 11.29vw; right: 22.1666%; top: 68.425926%; } .index_partner_item_box:nth-child(7) { width: 10.375vw; height: 10.375vw; right: 15.21875%; top: 25.981481%; } .index_partner_item_box:nth-child(8) { width: 11.8125vw; height: 11.8125vw; right: 15.375%; top: -8.40741%; } .index_partner_item_box:nth-child(9) { width: 12.375vw; height: 12.375vw; right: 5.375%; top: 47.59259%; } .index_partner_item_box:nth-child(10) { width: 11.8125vw; height: 11.8125vw; right: 2.375%; top: 8.59259%; } .index_partner_item_box:nth-child(11) { width: 11.25vw; height: 11.25vw; left: 8.625%; top: 36.59259%; } .indexItem6 .navListInner .item .imgBox{ width: 48px; height: 48px; } .indexItem6 .navListInner .item .title{ font-size:14px; } .indexItem6 .wdzStock .stockPrice{ padding:3vh 0 0; font-size: max((100vw / 1920px) * 88px, 40px); } .indexItem6 .stockLeftItem:nth-child(2){ padding-top: 4vh; } .indexItem6 .stockEndTime{ padding-top: 2.4vh; } .indexItem6 .stockLeftItem span:nth-child(2){ padding-top: 8px; } .indexItem6 .stockLeftItem span,.indexItem6 .stockEndTime{ font-size:14px; } .indexItem6 .stockLeftItem span:nth-child(2){ font-size:16px; } .indexItem6 .wdzStock .list .stockCode{ font-size:18px; } .indexItem6 .wdzStock .list .stockCode span:nth-child(2){ font-size:16px; } .indexItem3 .indexServiceBox_v3 .sv_right .swiper-container{ width: 100%; height: auto; } .indexItem3 .indexServiceBox_v3 .sv_right .swiper-slide.swiper-slide-active { transform: none; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .imgBox{ width: 100%; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active a .txtBox{ left: 0px; width: 90%!important; padding: 6px 16px; } .indexItem3 .sv_right{ width: 100%; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .imgBox{ background: none!important; position: inherit; display: none; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .mCoverBox{ display: block; width: 100%;} .indexItem3 .sv_right .swiper-slide.swiper-slide-active .mCoverBox img{ width: 100%; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active a{ display: flex; flex-direction: column; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active a .txtBox{width: 100%!important;} .indexItem3 .sv_right .iconBox{ margin-top: 16px; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .title{ padding-bottom: 20px; } .indexItem3 .indexServiceBox_v3 .sv_right .swiper-slide.swiper-slide-active a .txtBox{ position: inherit; display: block; } .indexItem3 .sv_right .moreIcon{ margin-top: 20px; } .indexItem3 .sv_right .txtBox .t{ display:flex; flex-wrap: wrap; padding-top: 20px; align-items: center; } .indexItem3 .sv_right .txtBox .t .iconBox{ width: 24px; height:24px; margin:0; margin-right: 10px; } .indexItem3 .sv_right .iconBox img { height: 100%; } .indexItem3 .sv_right .txtBox .t .title{ padding:0; flex: 1; } .indexItem3 .sv_right .txtBox .t .txt{ width: 100%; padding-top: 20px; } .index_newsList_v2 .top a .rBox .text{ display:none; } .index_newsList_v2 .top a .rBox .text.mText{ display: block; } .index_newsList_v2 ul li:nth-child(4),.index_newsList_v2 ul li:nth-child(5){ display: none; } } @media screen and (max-width:440px){ .indexItem3 .sv_right .iconBox{ margin-top: 10px; height: 18px; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active a .txtBox{ padding:6px 12px; } } /*应用领域 列表适配*/ .mAppListBox{width: 100%; height: 60px; overflow: hidden; padding:0 16px; margin-top: 24px; display:none; } .mAppListBox .mAppListBoxSwiper{ height: 100%; overflow: initial; } .mAppListBox .swiper-slide{ background: #FFFFFF; height: 100%; border-radius: 8px; } .mAppListBox .swiper-slide div{ width: 100%; height: 100%; line-height: 60px; text-align: center; font-size:24px; color: #196CCF; border-radius: 8px; } .mAppListBox .swiper-slide.active div{ background: linear-gradient( 180deg, #10A5EF 0%, #196CCF 100%); color: #FFFFFF; font-weight: bold; } @media screen and (max-width:1024px){ .wdzApplication .list_in ul{ min-height: 200px; } } @media screen and (max-width:880px){ .indexAppBox { display:none; } .mAppListBox{ display:block; } } @media screen and (max-width:750px){ .mAppListBox{ height: 40px; } .mAppListBox .swiper-slide{ width: 90px; } .mAppListBox .swiper-slide div{ line-height: 40px; font-size:14px; } } /*应用领域 列表适配 end*/ /* 首页股票信息 */ .wdzStock .stock_list{ background: #FFFFFF; border-radius: 12px; background: #fff; } .wdzStock .stock_r{ width: 440px; margin-left: 28px; padding:10px 48px; color: #333; } .wdzStock .stock_r .stockNoticeBox{ flex-direction: column; height: 100%; } .wdzStock .stock_r .stockNoticeBox .item{ border-bottom: 1px solid #e8e8e8; flex: 1; padding:5.89vh 0; } .wdzStock .stock_r .stockNoticeBox .item:last-child{ border-bottom: none; } .wdzStock .stock_r .stockNoticeBox a{ color: #333; font-size:20px; font-weight: bold; display: flex; } .wdzStock .stock_r .stockNoticeBox a .lIcon i{ line-height: 1; font-size:38px; } .wdzStock .stock_r .stockNoticeBox a .rIcon i{ line-height: 1; font-size:38px; color: #aaa; font-weight: lighter; } .wdzStock .stock_r .stockNoticeBox a .name{ padding-left: 30px; } .wdzStock .stock_r .stockNoticeBox a:hover{ color: #196CCF; } .indexItem6 .wdzStock .stock_r a:hover{ transform: none; } /* .wdzStock .stock_r .stockNoticeBox a .rIcon{ transition: all 0.3s ease; } */ @keyframes float-up { 0% { transform: translateX(0); } 30% { transform: translateX(-16px); } 100% { transform: translateX(0px); } } .wdzStock .stock_r .stockNoticeBox a:hover .rIcon { animation: float-up 0.4s ease-out forwards; } .wdzStock .stock_r .stockNoticeBox a:hover .rIcon{ transform: translateX(); } .wdzStock .stock_l{ flex: 1; padding:10px 60px; flex-direction: column; } .wdzStock .stock_l .stockCodeNumber { padding-top: 5.89vh; } .wdzStock .stock_l .stockCodeNumber span:first-child{ padding:4px; background: #666; color: #fff; font-size:16px; border-radius: 2px; line-height: 1; } .wdzStock .stock_l .stockCodeNumber span.n{ font-size:24px; font-weight: bold; padding:0 8px; } .wdzStock .stock_l .stockCodeNumber span.t{ font-size:16px; font-weight: lighter; } .indexItem6 .wdzStock .stock_l .stockPrice{ padding:0; } .wdzStock .stock_l .stockObj { margin-top: 5.26vh; } .wdzStock .stock_l .stockObj .stockPrice .dw{ font-size:24px; } .wdzStock .stock_l .stockObj .xLine{ width: 0; height: 112px; border-left: 1px dashed #ddd; margin:0 max(2.6vw,50px) } .wdzStock .stock_l .stockObj .stockRList{ height: 112px; flex: 1; } .wdzStock .stock_l .stockObj .stockRList ul{ width: 100%; } .wdzStock .stock_l .stockObj .stockRList ul li span:first-child{ width: 100%; display: block; color: #666; padding-bottom: 16px; } .wdzStock .stock_l .stockObj .stockRList ul li span:nth-child(2){ font-size:24px; font-weight: bold; line-height: 1.2; } .wdzStock .stock_l .stockObj .stockRList ul li b{ font-size:12px; } .wdzStock .stock_l .stockObj .stockPercentage{ margin-top: 24px; font-size:24px; display: flex; align-items: center; } .indexItem6 .wdzStock .stock_l .stock_mark{ padding-bottom: 5.26vh; } .indexItem6 .wdzStock .stock_l .stock_mark .imgs{ width: 100px; } .indexItem6 .wdzStock .stock_l .stock_mark .imgs img{ width: 100%; } .indexItem6 .wdzStock .stock_l .stock_mark .txt{ max-width: 395px; font-size:14px; } .indexItem6 .wdzStock .stock_l .stock_mark .flog{ display: block; } @media screen and (max-width:1380px){ .wdzStock .stock_r{ width: 400px; padding:10px 40px; } .wdzStock .stock_l{ padding:10px 48px; } .wdzStock .stock_l .stockObj .xLine{ margin: 0 max(2vw, 46px); } .wdzStock .stock_l .stockCodeNumber{ padding-top:5vh; } .wdzStock .stock_r .stockNoticeBox .item{ padding:5vh 0; } .wdzStock .stock_l .stockObj{ margin-top: 4.6vh; } .indexItem6 .wdzStock .stock_l .stock_mark{ padding-bottom: 5vh; } } @media screen and (max-width:1280px){ .wdzStock .stock_r{ width: 360px; padding:10px 36px; margin-left: 20px; } .wdzStock .stock_l{ padding:10px 40px; } .wdzStock .stock_l .stockObj .xLine{ margin: 0 max(1.6vw, 40px); } } @media screen and (max-width:1180px){ .wdzStock .stock_r{ width: 320px; padding:10px 24px; margin-left: 20px; } .wdzStock .stock_l{ padding:10px 24px; } .wdzStock .stock_l .stockObj .xLine{ margin: 0 max(1.6vw, 40px); } .wdzStock .stock_r .stockNoticeBox a{ font-size:18px; } .wdzStock .stock_r .stockNoticeBox a .name{ padding-left: 16px; } .wdzStock .stock_r .stockNoticeBox a .lIcon i{ font-size:26px; } .wdzStock .stock_l .stockObj .xLine{ margin: 0 max(1vw, 24px); } .wdzStock .stock_l .stockCodeNumber{ padding-top:4vh; } .wdzStock .stock_r .stockNoticeBox .item{ padding:4vh 0; } .wdzStock .stock_l .stockObj{ margin-top: 3.6vh; } .wdzStock .stock_l .stockObj .stockRList ul li span:nth-child(2){ font-size:20px; } .indexItem6 .wdzStock .stock_l .stock_mark{ padding-bottom: 3vh; margin-top: 24px; } .indexItem6 .wdzStock .stock_l .stock_mark .imgs{ width: 88px; } } @media screen and (max-width:1024px){ .wdzStock .stock_r{ width: 100%; margin:0; margin-top: 16px; } .wdzStock .stock_l .stockObj .xLine{ margin:0 max(5vw, 50px); } .indexItem6 .wdzStock .stock_l .stock_mark .flog{ display: inline; } } @media screen and (max-width:750px){ .wdzStock .stock_l .stockObj .xLine{ display: none; } .wdzStock .stock_l .stockObj{ flex-wrap: wrap; } .wdzStock .stock_l .stockObj .stockRList{ flex: auto; width: 100%; margin-top: 20px; padding-top: 20px; border-top: 1px dashed #ddd; height: auto; } .stockPriceBox{ display: flex; align-items: flex-end; } .wdzStock .stock_l .stockObj .stockPercentage{ margin:0; padding-left: max(6vw, 30px); display: flex; } .wdzStock .stock_l .stockObj .stockPrice .dw{ font-size:12px; } .indexItem6 .stockObj .stockPercentage span{ font-size:14px; padding-right: 16px; } .indexItem6 .stockObj .stockPercentage i{ margin-right: 6px; } .wdzStock .stock_r .stockNoticeBox .item{ padding:20px 0; } .wdzStock .stock_r .stockNoticeBox a .name{ font-size:14px;} .wdzStock .stock_r .stockNoticeBox a .lIcon i{ font-size:20px; } .wdzStock .stock_r .stockNoticeBox a .rIcon i{ font-size:24px; } .wdzStock .stock_r{ padding:0 20px; } .wdzStock .stock_l .stockCodeNumber{ padding-top: 0; } .indexItem6 .wdzStock .stock_l .stock_mark{ padding-bottom: 0;margin-top: 30px;} .wdzStock .stock_l{ padding:20px; } .indexItem6 .wdzStock .stock_l .stock_mark .txt{ width: auto; flex: 1; padding-right: 30px; font-size:12px; } .indexItem6 .wdzStock .stock_l .stock_mark .imgs{ width: 50px; } .wdzStock .stock_l .stockCodeNumber span.n{ font-size:16px; } .wdzStock .stock_l .stockCodeNumber span:first-child,.wdzStock .stock_l .stockCodeNumber span.t{ font-size:12px; } .wdzStock .stock_l .stockObj{ margin-top: 20px; } .wdzStock .stock_l .stockObj .stockRList ul li span:nth-child(2){ font-size:16px; } .wdzStock .stock_l .stockObj .stockRList ul li span:first-child{ font-size:14px; } } /* 首页股票信息 end */ /* 制造与服务 2026-07-08 */ @media screen and (max-width:1024px){ .indexItem3 .indexServiceBox_v3 .sv_right .swiper-container{ width: 100%; height:auto; } .indexItem3 .indexServiceBox_v3 .sv_right .swiper-slide{ transform:none; } .indexItem3 .indexServiceBox_v3 .sv_right .swiper-slide.swiper-slide-active,.indexItem3 .indexServiceBox_v3 .sv_right .swiper-slide{ transform:none; } .indexItem3 .sv_right .txt, .indexItem3 .sv_right .moreIcon{ display:block; } .indexItem3 .sv_right .swiper-slide{ padding:0; margin-top: 0; } .indexItem3 .sv_right .swiper-slide a{ display:flex; flex-direction: row-reverse; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active a,.indexItem3 .sv_right .swiper-slide a{ display:flex; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .imgBox,.indexItem3 .sv_right .swiper-slide .imgBox{ width:50%; padding-bottom: 33.33%; height: 0; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .txtBox.innerTxt,.indexItem3 .sv_right .swiper-slide .txtBox.innerTxt{ display: none; } .indexItem3 .sv_right .imgBox{ padding-bottom: 33.33%; } .indexItem3 .indexServiceBox_v3 .sv_right .swiper-slide.swiper-slide-active a .txtBox.outTxt,.indexItem3 .indexServiceBox_v3 .sv_right .swiper-slide a .txtBox.outTxt{ width: 50%; display:flex; } } @media screen and (max-width:880px){ .indexItem3 .sv_right .swiper-slide.swiper-slide-active .imgBox{ width: 50%; } .indexItem3 .indexServiceBox_v3 .sv_right .swiper-slide.swiper-slide-active{ transform: none!important; } .indexItem3 .sv_right .iconBox{ margin-top: 24px; width: 32px; height: 32px; } .indexItem3 .sv_right .title{ font-size:18px; padding:12px 0 20px; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .title{ padding-bottom: 18px; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .txt{ font-size:14px; } .indexItem3 .sv_right .moreIcon i{ font-size:20px; } } @media screen and (max-width:750px){ .indexItem3 .sv_right .title{ font-size:16px; } .indexItem3 .sv_right .swiper-slide.swiper-slide-active .title{ padding:10px 0 14px; } .indexItem3 .sv_right .iconBox{ width: 26px; height: 26px; } } @media screen and (max-width:640px){ .indexItem3 .sv_right .swiper-slide.swiper-slide-active .title{ padding:10px 0 10px; } } /* 制造与服务end 2026-07-08 */