.head-page .item:nth-child(3) span{ color: #0984D2; } .head-page .item:nth-child(3) span::before{ transform: scaleX(01); opacity: 1; } .product_detail01 .width1620{ padding: 0 40px; box-sizing: border-box; } .product_detail01 .swiper_pro{ width: 50%; background: #FFFFFF; border: 1px solid #FFFFFF; display: flex; align-items: center; justify-content: center; border: 2px solid #E5E5E5; } .product_detail01 .swiper-container{ height: 568px; } .product_detail01 .swiper-pagination{ bottom: 35px; padding: 0 35px; box-sizing: border-box; } .product_detail01 .swiper_pro .list{ display: flex; align-items: center; justify-content: center; padding: 20px; box-sizing: border-box; width: 100%!important; } .product_detail01 .swiper_pro .list img{ display: block; max-width: 100%; max-height: 100%; } .swiper-pagination-bullet{ width: 12px; height: 12px; background: #C4C2C2; border-radius: 50%; opacity: 1; margin: 0 8px!important; } .swiper-pagination-bullet-active{ background: #0984D2; } .product_detail01 .swiper_texts{ width: 41.45%; } .product_detail01 .page_tit{ width: 100%; border-bottom: 1px solid #EEEEEE; color: #0984D2; padding-bottom: 36px; box-sizing: border-box; } .product_detail01 .cont_tit{ margin: 45px 0 24px; } .product_detail01 .con { word-break: break-all; } .product_detail01 .con p{ margin-top: 18px; position: relative; padding-left: 24px; box-sizing: border-box; } .product_detail01 .con p::before{ content: ""; display: block; width: 9px; height: 9px; background: #0984D2; border-radius: 50%; position: absolute; left: 0; top: 11px; } .product_detail02 .width1620{ padding: 0 40px; box-sizing: border-box; } .product_detail02 .box{ box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15); border-radius: 20px; } .product_detail02 .nav{ border-bottom: 1px solid #E5E5E5; } .product_detail02 .item{ max-width: 272px; width: 33.33%; height: 120px; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; } .product_detail02 .item::after{ content: ""; display: block; width: 100%; height: 3px; background: #0984D2; position: absolute; bottom: 0; left: 0; transform: scale(0); transition: all .4s; } .product_detail02 .item.active::after{ transform: scale(1); } .product_detail02 .item.active{ color: #0984D2; } .product_detail02 .lists{ padding: 90px 20px 100px; box-sizing: border-box; } .product_detail02 .list{ display: none; } .product_detail02 .list.active{ display: block; } .product_detail_list{ background: #F3F3F3; } .product_detail_list .page_tit::before { content: ""; display: block; width: 5px; height: 26px; background: #0984D2; margin-right: 28px; } .product_detail_list .list{ margin-bottom: 0; } @media only screen and (max-width: 1366px) { .product_detail01 .swiper-container { height: 498px; } .product_detail02 .lists { padding: 80px 20px 80px; } } @media only screen and (max-width: 1280px) { .product_detail01 .swiper-container { height: 458px; } .product_detail01 .swiper-pagination{ bottom: 20px; } } @media only screen and (max-width: 1200px) { .product_detail02 .lists { padding: 60px 20px; } .product_detail02 .item{ height: 90px; } .product_detail02 .item { max-width: 236px; } } @media only screen and (max-width: 1068px) { .page_nav{ display: none; } .product .pro_list { padding-top: 0; } } @media only screen and (max-width: 1024px) { .product_detail01 .swiper-container { height: 418px; } .product_detail01 .width1620{ padding: 0; } .product_detail02 .width1620{ padding: 0; } } @media only screen and (max-width: 768px) { .product_detail_list .list { margin-bottom: 20px; } .product_detail_list .list:last-child { margin-bottom: 0; } .product_detail_list{ padding-top: 30px; } .product_detail_list .page_tit::before{ margin-right: 12px; } .product_detail02 .box { box-shadow: none; border-radius: 0; } .product_detail02 .lists { padding: 30px 0 0; } .product_detail01 .swiper_pro{ width: 100%; } .product_detail01 .swiper-container { height: 328px; } .product_detail01 .swiper_texts { width: 100%; margin-top: 25px; } .product_detail01 .page_tit{ padding-bottom: 15px; } .product_detail01 .cont_tit { margin: 20px 0 15px; } .product_detail02 .item { max-width: initial; height: 55px; width: auto; margin-right: 20px; } .product_detail1{ padding-bottom: 25px; } .product_detail02 .nav { border-bottom: none; overflow-x: auto; } .product_detail02 .nav_box { border-bottom: 1px solid #E5E5E5; width: 453px; } }