.cont{ /* background: #f1f1f1; */ background:url('/style/home/images/product/product_bg.jpg') no-repeat center; background-size:cover; } .product{ /* background:url('/style/home/images/product/img.jpg') no-repeat center; */ /* background-size:cover; */ position:relative; } .product img{ width:100% } .product_title{ position:absolute; top:50%; transform:translateY(-50%); left:70px; color:#fff; z-index:1 } .product_img{ position:absolute; top:50%; transform:translateY(-50%); right:70px; width:30% } .product_title h3{ font-size:22px; } .product_title p{ font-size:14px; margin-top:10px } .intro_left_app{ display: none; } .left_pagination{ display: none; } .cont_cont{ max-width: 1300px; padding: 20px; height: 100%; margin: 0 auto; } .cont_cont .cont_left{ width: 18%; height: 100%; float: left; position: absolute; left:-9999px; } .cont_cont .cont_left .left_list{ width: 100%; /* height: 120px; */ text-align: center; background: #414141; display: table; /* border-bottom: 1px solid gainsboro; */ color:#fff; cursor: pointer; padding: 14px 20px; margin-bottom:6px } .cont_cont .cont_left .left_list div{ display: table-cell; vertical-align: middle; } .cont_cont .cont_left .left_list div img{ /* width: 22%; */ /* margin-bottom: 6px; */ width: 20px; margin-bottom: 0; float: left; margin-right: 18px; } .cont_cont .cont_left .left_list div p{ float:left } .cont_cont .cont_left .active_list{ background: #b01f24; /* border-bottom: 4px solid #b01f24; */ } .cont_cont .cont_right{ width: 100%; height: 100%; float: right; border-left: 1px solid gainsboro; } .cont_right .right_cont{ height: 100%; overflow: hidden; overflow-y: auto; display: none; } .cont_right .right_cont::-webkit-scrollbar {/*滚动条整体样式*/ width: 6px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .cont_right .right_cont::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: #535353; } .cont_right .right_cont .right_list{ border-bottom: 1px solid gainsboro; /* height: 33.3%; */ } .cont_right .right_cont .right_list:nth-child(odd){ background: white; } .cont_right .right_cont .right_list:nth-child(even){ background: #fbfbfb; } .cont_right .right_cont .right_list .right_img{ float: left; width: 35%; margin: 20px 0; } .cont_right .right_cont .right_list .right_img img{ width: 82%; display: block; margin: 0 auto; } .cont_right .right_cont .right_list .right_title{ float: left; width: 65%; margin: 20px 0; } .cont_right .right_cont .right_list .right_title h4{ font-size: 17px; font-weight: bold; margin-top: 10px; } .cont_right .right_cont .right_list .right_title p{ width: 84%; font-size: 12px; margin: 10px 0; letter-spacing: 0.6px } .cont_right .right_cont .right_list .right_title ul{ } .cont_right .right_cont .right_list .right_title ul li{ float: left; margin-right: 10px; } .cont_right .right_cont .right_list .right_title ul li a{ color: black; display: inline-block; border-radius: 5px; padding: 4px 6px; font-weight: bold; font-size: 12px; } .cont_right .right_cont .right_list .right_title ul .active_li_a a{ background: #b01f24; color: white; } .cont_right .right_cont .right_list .right_title ul li a:hover{ background: #b01f24; color: white; } /*产品详情样式*/ .cont_data .cont_top{ background: #fafafa; position: relative; height: 110px; } .cont_data .cont_top h3{ font-weight: bold; line-height: 100px; font-size: 29px; } .cont_data .cont_top p{ position: absolute; bottom: 0; border-bottom: 3px solid #b01f24; font-size: 12px; line-height: 60px; } .max_wid{ max-width: 1310px; margin: 0 auto; padding:0 20px } .cont_data .product_intro{ /* padding: 0 17.5%; */ position: relative; max-width: 1310px; margin: 0 auto; padding:0 20px; min-height: 420px; } .cont_data .product_intro .intro_left{ float: left; position: absolute; width: 38%; top: 50%; transform: translateY(-50%); cursor: pointer; } .cont_data .product_intro .intro_left img{ width: 100% !important; } .add_bg{ background:rgba(0,0,0,0.1); position:absolute; top:0; left:0; width:100%; height:100%; display:none } .add_button{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; text-align:center; } .cont_data .product_intro .intro_left:hover .add_bg{ display:block } .cont_data .product_intro .intro_left .add_button img{ width:32px; margin-bottom:6px } .cont_data .product_intro .intro_right{ width: 46%; /* height: 324px; */ float: right; background: #f8f8f8; border-top: 2px solid #b01f24; padding: 40px 30px 50px 60px; min-height: 420px; } .cont_data .product_intro .intro_right h2{ font-size: 17px; position: relative; font-weight: bold; color: #b01f24; margin-bottom: 20px; left: -36px; } .cont_data .product_intro .intro_right h4{ font-size: 14px; font-weight: bold; position: relative; text-align: justify; line-height: 18px; } .cont_data .product_intro .intro_right p{ font-size: 12px; margin: 16px 0; text-align: justify; line-height: 20px; } .cont_data .product_intro .intro_right h4 img{ position: absolute; top: -1px; left: -36px; width: 4%; } .tag ul li { float: left; } .tag ul li a { text-decoration: none !important; font-size: 12px; color: #fff; display: block; text-align: center; width: 80px; height: 28px; background-color: #b01f24; border-radius: 4px; margin-right: 15px; line-height: 28px; margin-top: 20px; } .approve { margin-top: 10px; position: relative; } .approve li { float: left; margin-right: 20px; position: relative; cursor: pointer; font-size: 12px; } .approve li>img { width: 26px; height: 26px; } .approve_pos { position: absolute; left: -50px; top: -250px; border-radius: 8px; width: 500px; max-height: 230px; overflow: hidden; background: #fff; box-shadow: 1px 3px 10px gainsboro; display: none; z-index: 1; } .approve li .approve_pos img { width: 100%; } .approve li:hover .approve_pos { display: block; } /* 产品大图弹框 */ .productMask { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 10; display: none; } .swiper-thumbnail-father { background-color: #fff; } .data-swiper-large-thumbnail { width: 90% !important; } .close-btn { position: absolute; right: 30px; top: 10px; width: 22px; cursor: pointer; z-index: 10; } .close-btn1 { position: absolute; right: 20px; top: 16px; width: 22px; cursor: pointer; z-index: 10; } .data-thumbnail-prev{ left: 30px; outline: none; width: 20px; height: 36px; background-size: 20px 36px; } .data-thumbnail-next{ right:30px; outline:none; width: 20px; height: 36px; background-size: 20px 36px; } .productMask_s{ top: 50%; position: absolute; width: 50%; left: 50%; transform: translate(-50%, -50%); } /* 证书弹框 */ .zheng_tan { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99; display: none; } .tan_bg1 { position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.5); } .zheng_tan .approve_pos { width: 50%; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 1; border-radius: 2px; padding: 50px; box-shadow: none; height: auto; max-height: 700px; } .zheng_tan img { width: 100%; } .cont_data .intro_swiper{ position: absolute; top: 0; left: -90px; bottom: 0; right: 0; margin: auto; width: 10%; height: 72%; overflow: hidden; padding: 20px 0; } .cont_data .intro_swiper .swiper-container{ height: 100%; } .cont_data .intro_swiper .swiper-slide{ text-align: center; display: table; background: #ececec; /* opacity: 0.4; */ } .cont_data .intro_swiper .swiper-slide .img_list{ display: table-cell; vertical-align: middle; /* opacity: 0.4; */ cursor: pointer; } .cont_data .intro_swiper .swiper-slide .img_list img{ width:80% } /* .cont_data .intro_swiper .swiper-slide .active_img_list{ */ /* opacity: 1; */ /* border: 1px solid #b01f24; */ /* } */ .cont_data .intro_swiper .active_img_list{ /* opacity: 1; */ border: 1px solid #b01f24; } .cont_data .intro_swiper .swiper-slide-active{ opacity: 1; border: 1px solid #b01f24; } .cont_data .intro_swiper .swiper-button-next, .cont_data .intro_swiper .swiper-button-prev{ transform: rotate(90deg); width: 14px; height: 18px; margin-top: -18px; background-size: 14px 18px; outline: none; } .cont_data .intro_swiper .swiper-button-prev{ /* lff更改左箭头 */ /* top: 15px; left: 45%; */ top: auto; left: 1%; bottom: 48px; transform: rotate( 0deg ); } .cont_data .intro_swiper .swiper-button-next{ /* lff更改右箭头 */ /* bottom: -3px; left: 45%; */ top: auto; bottom: 48px; left: 96%; transform: rotate( 0deg ); } .cont_data .describe{ background: url("../images/product_delet/list_bg.jpg") no-repeat; background-size: 100% 100%; color: white; padding: 52px 0; position: relative; } .cont_data .describe .describe_container{ /* width: 56%; */ /*height: 60%;*/ } .describe_container .swiper-slide{ height: auto; } .cont_data .describe_left{ /* position: absolute; */ /* top: 50%; */ /* margin-top: -35px; */ /* float: left; */ /* width: 28%; */ /* padding-right: 25px; */ /* border-right: 1px solid gainsboro; */ float: left; width: 90px; text-align: right; } .cont_data .describe_left img{ width:56px } .cont_data .describe_right{ float: right; text-align: left; width: 72%; height: 100%; padding-left: 25px; border-left: 1px solid gainsboro; } .cont_data .describe_right h5{ font-size: 15px; font-weight: bold; margin-bottom: 12px; } .cont_data .describe_right p{ font-size: 12px; line-height: 18px; } .cont_data .describe .swiper-button-next,.cont_data .describe .swiper-button-prev { width: 24px; height: 34px; margin-top: -24px; background-size: 24px 34px; outline: none; } .cont_data .describe .swiper-button-next{ right: 244px; } .cont_data .describe .swiper-button-prev{ left: 244px; } .cont_data .cont_table{ background: url("../images/product_delet/cont_bg.jpg") no-repeat; background-size: 100% 100%; padding: 50px 0; } .cont_data .table_video{ width: 66%; margin: 0 auto; text-align: center; } .cont_data .table_cont{ margin: 40px auto 20px; } .cont_data .table_cont table{ font-size: 12px; color: grey; } .cont_data .table_cont table tr td{ padding: 16px 12px; text-align: justify; } .cont_data .table_cont table tr td:nth-child(1){ width: 15%; font-size: 14px; font-weight: bold; color: #555; text-align: center; vertical-align: middle; } .cont_data .table_cont table tr td:nth-child(2){ /*width: 85%;*/ padding-left: 32px; } .cont_data .table_title{ overflow: hidden; border: 1px solid #ddd; border-bottom: 0; } /* .cont_data .table_title .spec_nav{ display: flex; overflow: hidden; justify-content: center; align-items: center; height: 58px; margin-top: 2px; } .cont_data .table_title p{ flex: 1; padding: 20px 8px; text-align: center; display: inline-block; background: #eeeeee; cursor: pointer; border-right: 2px solid white; font-size:18px; font-weight:bold } .cont_data .table_title .active_p{ background: #b01f24; color: white; }*/ @media screen and (max-width: 1800px){ .cont_data .describe .swiper-button-next { right: 150px; } .cont_data .describe .swiper-button-prev { left: 150px; } } @media screen and (max-width: 1600px){ .cont_data .describe .swiper-button-next { right: 100px; } .cont_data .describe .swiper-button-prev { left: 100px; } } @media screen and (max-width: 1400px){ .max_wid{ max-width: 1200px; } .describe_container{ width: 84%; } .cont_data .product_intro { max-width: 1200px; } .cont_data .describe .swiper-button-next { right: 20px; } .cont_data .describe .swiper-button-prev { left: 20px; } } @media screen and (max-width: 1250px){ .zheng_tan .approve_pos{ width:80%; padding: 36px; } .productMask_s{ width:80%; } } @media screen and (max-width: 1150px){ .cont_data .describe_left{ width: auto; } } @media screen and (max-width: 600px){ .approve li:hover .approve_pos { display:none } } @media screen and (max-width: 550px){ .zheng_tan .approve_pos{ width:90%; padding: 16px; } .close-btn1 { right: 10px; top: 10px; } .productMask_s{ width:90%; } } /* 老版 */ .cont_data .table_title p{ width: 26%; padding-right: 60px; height: 44px; line-height: 44px; text-indent: 26px; /* display: inline-block; */ /* background: url("../images/product_delet/title_bg3.png") no-repeat; */ /* 2023.5.4改为平行四边形 */ background: url("../images/product_delet/new_title_bg.png") no-repeat; background-size: 100% 100%; color: darkgray; cursor: pointer; float: left; overflow: hidden; text-align: center; font-weight: bold; font-size: 17px; } .cont_data .table_title p:nth-child(1){ position: relative; z-index: 4; } .cont_data .table_title p:nth-child(2){ margin-left: -48px; text-indent: 60px; position: relative; z-index: 3; } .cont_data .table_title p:nth-child(3){ margin-left: -48px; text-indent: 70px; position: relative; z-index: 2; } .cont_data .table_title p:nth-child(4){ margin-left: -48px; text-indent: 70px; position: relative; z-index: 1; } .cont_data .table_title .active_p{ background: url("../images/product_delet/title_bg1.png") no-repeat; background-size: 100% 100%; color: white; } .cont_data .resource{ margin: 0 auto; } .cont_data .resource h4{ font-weight: bold; font-size: 17px; color: black; text-align: center; margin-bottom: 20px; margin-top: 30px; } .cont_data .resource .resource_cont{ margin-bottom: 6px; } .cont_data .resource .resource_cont .resource_list{ float: left; width: 24.25%; margin-right: 1%; margin-bottom: 1%; background: #efefef; padding: 10px 8px; } /*.cont_data .resource .resource_list:nth-last-child(2){*/ /* margin-right: 0;*/ /*}*/ .cont_data .resource .resource_list:nth-child(4n){ margin-right: 0; } .cont_data .resource .resource_cont .resource_list .resource_left{ float: left; width: 18%; margin-right: 2%; text-align: center; } .cont_data .resource .resource_cont .resource_list .resource_left img{ width: 70%; } .cont_data .resource .resource_cont .resource_list .resource_right{ float: left; width: 80%; font-size: 12px; } .cont_data .resource .resource_cont .resource_list .resource_right h5{ font-size: 12px; color: #333; } .cont_data .resource .resource_cont .resource_list .resource_right p{ margin-top: 20px; position: relative; } .cont_data .resource .resource_cont .resource_list .resource_right p span:nth-child(1){ color: darkgray; margin-right: 40px; } .cont_data .resource .resource_cont .resource_list .resource_right p a{ color: #333; position: absolute; right: 4px; } .cont_data .resource .resource_cont .resource_list .resource_right p img{ /* width: 8%; */ width: 26px; margin-top: -4px; } .cont_data .resource .resource_a{ text-align: center; margin-top: 20px; } .cont_data .resource .resource_a a{ color: #b01f24; } .cont_data .resource .resource_a a span{ color: white; background: #b01f24; text-align: center; width: 15px; height: 15px; border-radius: 15px; line-height: 14px; font-size: 13px; display: inline-block; } .foot { position: relative; } @media screen and (max-width: 1450px) { .cont_cont{ max-width:1200px; } .cont_data .describe_left img{ width:45px } } @media screen and (max-width: 1100px){ .cont_data .table_title p{ width:28% } } @media screen and (max-width: 770px){ .cont_data .table_title p{ width:46% !important; } .cont_data .table_title p:nth-child(3){ margin-left:0 !important; text-indent:26px; } } @media screen and (max-width: 550px){ .cont_data .table_title p{ width:90%; font-size: 16px; } .cont_data .table_title p:nth-child(2) , .cont_data .table_title p:nth-child(3) , .cont_data .table_title p:nth-child(4){ margin-left:0; text-indent:26px } } @media (min-width: 768px) and (max-width: 1200px){ .cont_data .describe .describe_container{ /* width: 76%; */ /*height: 60%;*/ } .cont_data .describe .swiper-button-next { /* right: 70px; */ } .cont_data .describe .swiper-button-prev { /* left: 70px; */ } } @media (min-width: 520px) and (max-width: 785px){ .cont_data .describe_left { width: 18%; } } @media screen and (max-width: 1180px){ .cont_cont .cont_left , .cont_cont .cont_right{ width:100% } .cont_cont .cont_left .left_list{ width: 25%; float: left; /* height: 78px; */ } } @media screen and (max-width: 770px){ .product_title { left: 10px !important; } .product_img{ right:26px !important; } .product_title h3 { font-size: 18px !important; } .product_title p { margin-top: 5px; font-size: 12px; } .cont_cont , .cont_cont .cont_left , .cont_cont .cont_right,.cont_data .product_intro .intro_right{ width: 100% !important; } .cont_data .product_intro .intro_right { height: 100% !important; } .cont_cont .cont_left .left_list{ width: 33.333333%; float: left; /* height: 78px; */ } .cont_cont .cont_left .left_list div img { /* width: 16%; */ } .cont_right .right_cont .right_list .right_title p { width: 96%; text-align: justify; } .cont_right .right_cont .right_list .right_title ul li { margin-right: 6px; } .cont_right .right_cont .right_list .right_img { margin-top: 40px; } .cont_right .right_cont .right_list .right_title { margin-top: 16px; } .cont_right .right_cont .right_list .right_title h4 { margin-top: 0; } .cont_data .cont_top { height: 100px; } .cont_data .cont_top h3 { margin-left: 0; line-height: 80px; font-size: 18px; } .cont_data .cont_top p { /* left: 3%; */ } .cont_data .product_intro { padding: 0 3%; } .cont_data .product_intro .intro_left { width: 100%; text-align: center; height: auto; line-height: initial; position: static; transform: translateY(0); } .cont_data .product_intro .intro_left img { width: 90% !important; } .cont_data .intro_swiper { position: initial !important; width: 86% !important; } .cont_data .intro_swiper .swiper-slide .img_list { padding: 8px 0 !important; } .cont_data .intro_swiper .swiper-slide .img_list img{ width: 80% !important; } .cont_data .intro_swiper .swiper-button-next { left: 93% !important; transform: rotate(0deg) !important; top: auto !important; margin-top: -50px !important; bottom: auto !important; } .cont_data .intro_swiper .swiper-button-prev { transform: rotate(0deg) !important; left: 3% !important; top: auto !important; margin-top: -50px !important; bottom: auto !important; } .cont_data .describe_left { position: absolute; top: 50%; margin-top: -20px; } .cont_data .describe { padding: 30px 0; } .cont_data .table_video { width: 96%; } .cont_data .cont_table { padding: 36px 0; } .cont_data .table_cont { width: 98%; margin: 30px auto 20px; } /*.cont_data .table_title p { width: auto; padding-right: 40px; text-indent: 12px; font-size: 12px; margin-bottom: 4px; }*/ /* .cont_data .table_title p:nth-child(2) { margin-left: -26px; text-indent: 36px; } .cont_data .table_title p:nth-child(3) { margin-left: -26px; text-indent: 36px; } .cont_data .table_title p:nth-child(4) { margin-left: -26px; text-indent: 36px; }*/ .cont_data .table_cont table tr td { padding: 8px 8px 8px 12px; } .cont_data .table_cont table tr td:nth-child(1) { width: 22%; } .cont_data .table_cont table tr td:nth-child(2) { width: 78%; } .cont_data .resource { width: 98%; } .cont_data .resource .resource_cont .resource_list { width: 49%; margin-right: 1%; margin-bottom: 1%; } .cont_data .resource .resource_cont .resource_list .resource_left { width: 24%; } .cont_data .resource .resource_cont .resource_list .resource_right { width: 74%; } .cont_data .resource .resource_cont .resource_list .resource_right p span:nth-child(1) { margin-right: 8px; } .cont_data .resource .resource_cont { margin-bottom: 0; } } @media screen and (max-width: 769px){ .intro_left_pc{ display: none !important; } .intro_left_app{ display: block; } .cont_data .describe .describe_container { width: 76%; padding: 0; } .cont_data .describe .swiper-button-next { right: 20px; } .cont_data .describe .swiper-button-prev { left: 20px; } } @media screen and (max-width: 650px){ .cont_cont .cont_left .left_list { width: 49%; padding: 14px 12px; font-size: 13px; height: 48px; } .cont_cont .cont_left .left_list:nth-child(2n){ margin-left: 2% } .product { background: url(/style/home/images/product/img.jpg) no-repeat center; background-size: cover; height: 150px; } .product>img{ display:none } } @media screen and (max-width: 550px){ .cont_data .intro_swiper .swiper-button-next , .cont_data .intro_swiper .swiper-button-prev { margin-top: -38px; } .product_title h3{ font-size:15px } .cont_data .product_intro .intro_right { padding: 40px 20px 40px 50px; } .cont_data .product_intro .intro_right h4 img { top: 1px; width: 16px; } .approve li>img { width: 20px; height: 20px; } .cont_data .describe_left { text-align: center; } .cont_right .right_cont .right_list .right_title ul li { margin-right: 0; width: 50%; } .cont_data .product_intro .intro_right h2 { margin-right: -36px; line-height: 26px; } } .approve li:nth-last-child(2){ margin-right:0 } @media (min-width: 771px) and (max-width: 1030px) { .cont_cont { width: 100%; } .foot { position: fixed !important; } .cont_data .cont_top h3{ margin-left: 6.5%; } .cont_data .cont_top h3 , .cont_data .cont_top p{ left: 6.5%; } .cont_data .product_intro { padding: 0 3%; background: white; } .cont_data .intro_swiper { width: 45%; height: 30%; top: 243px; left: -431px; padding: 20px 26px; } .cont_data .intro_swiper .swiper-button-prev { top: auto; left: 1%; bottom: 48px; transform: rotate(0deg); } .cont_data .intro_swiper .swiper-button-next { bottom: 48px; left: 96%; transform: rotate(0deg); } .cont_data .product_intro .intro_left { width: 44%; top: 38%; text-align: center; } .cont_data .product_intro .intro_left img { width: 90% !important; } .cont_data .product_intro .intro_right { width: 50%; } .cont_data .resource { width: 94%; } .cont_data .resource .resource_cont .resource_list .resource_right p span:nth-child(1) { margin-right: 10px; } } @media (min-width: 900px) and (max-width: 1025px) { .cont_data .intro_swiper { /* lff---加了important */ width: 45%!important; top: 204px!important; left: -490px!important; padding: 20px 26px!important; } } @media screen and (min-width: 1560px){ .cont_cont .cont_left .left_list { /* height: 150px; */ } .cont_right .right_cont .right_list { height: 25%; } .cont_right .right_cont .right_list .right_img img { width: 72%; } .cont_data .intro_swiper { /* height: 88%; */ } } @media screen and (min-width: 1880px){ .approve li { font-size: 13px; } .cont_cont .cont_left .left_list { /* height: 170px; */ } .cont_right .right_cont .right_list .right_title { margin-top: 30px; } .cont_right .right_cont .right_list .right_img { margin-top: 28px; } .cont_data .product_intro .intro_right h4 { font-size: 17px; line-height: 22px; } .cont_data .product_intro .intro_right h4 img { position: absolute; top: 0; left: -36px; width: 5%; } .cont_data .product_intro .intro_right p { font-size: 13px; margin: 20px 0; line-height: 22px; } .cont_data .product_intro .intro_right { width: 45%; /* height: 346px; */ /* padding: 42px 24px 12px 56px; */ } .cont_data .intro_swiper { /* width: 7%; */ /* height: 73%; */ } .cont_data .product_intro .intro_left { /* height: 346px; */ /* line-height: 322px; */ } .cont_data .product_intro .intro_left img { /* width: 100%; */ } .cont_data .describe_right h5 { font-size: 17px; margin-bottom: 17px; } .cont_data .describe_right p { font-size: 14px; line-height: 20px; } .cont_data .table_video p { font-size: 14px; width: 70%; margin: 0 auto; } /* .cont_data .table_title p:nth-child(2) { margin-left: -48px; text-indent: 61px; }*/ .cont_data .table_cont table { font-size: 14px; } .cont_data .table_cont table tr td { /* padding: 14px 14px 14px 26px; */ } .cont_data .resource .resource_cont .resource_list { padding: 16px; } .cont_data .resource .resource_cont .resource_list .resource_right { font-size: 14px; } .cont_data .resource .resource_cont .resource_list .resource_right h5 { font-size: 14px; } .cont_data .resource h4 { font-size: 20px; } } /* 2023.4.28更改 */ @media screen and (max-width:768px){ .product_title { left: 10px !important; top: 45%; } .product_title p{ margin-top: 5px; } .cont_data .describe_left{ position: relative; top: 10px; } .cont_data .describe{ margin-top: 30px; } .cont_data .table_title p{ padding: 0; width: 100% !important; font-size: 15px; margin-bottom: 5px; } .cont_data .table_title .active_p{ background: url("../images/product_delet/new_title_bg1.png") no-repeat; background-size: 100% 100%; } .cont_data .table_title p:nth-child(1){ height: 40px !important; line-height: 40px !important; font-size: 15px !important; } /* 2023.5.8更改 */ .product_title p:first-of-type{ margin-bottom: 15px; } .product_title p:first-of-type span{ font-size: 15px !important; } .product{ background: none; } .product > img{ display: block; height: 100%; } }