info ul.ul_txt2 span i{ display: block; font-size: 12px; font-style: normal} .product_details .info .other{border-top: solid 1px #e1e1e1; padding-top: 4%} .product_details .info .other .ewm{ position: relative;float: left;border: solid 1px #e1e1e1; padding: 10px; display: table} .product_details .info .other .ewm:before{ content: ''; display: block; position: absolute; left: 130px; top: 0; width: 1px; height: 100%; background: #e1e1e1} .product_details .info .other .ewm img{ width: 110px;} .product_details .info .other .ewm b{ font-weight: normal; color: #808080; padding-left: 20px; width: 160px; display: inline-block; font-size: 14px;} .product_details .info .other .ewm span, .product_details .info .other .ewm b{ display: table-cell; vertical-align: middle} .product_details .info .other .btn{ float: right} .product_details .info .other .btn a{ display: inline-block;line-height: 55px; color: #fff; background: #c8192a url(../images/pro_info_icon.png) no-repeat 38px; padding-left: 60px; padding-right: 40px;} .product_details .pic_list{ padding: 5px 0;text-align:center;} .pro_sub_title{ font-size: 36px; color: #000000; text-align: center; padding: 1.5% 0; margin: 0} .product_other{ padding: 2% 40px 6% 40px;} .product_other .list{ margin-left: -10px; margin-right: -10px;} .product_other .item{ padding: 0 10px;} .product_other .item a{ display: block; position: relative} .product_other .item .pic{ padding-bottom: 67.064%; background: no-repeat center center; background-size: cover;border: 1px solid #ccc} .product_other .item .info{ width: 100%; bottom: 0;} .product_other .item h3{ padding: 2% 4%; margin: 0; font-size: 18px; font-weight: normal} .product_other .slick-arrow{ cursor: pointer;width: 50px; height: 50px; border: solid 1px #6b6b6b; background: no-repeat center center; background-size:auto; opacity: 0.5} .product_other .slick-prev{ left: -5%; background-image: url(../images/pro_info_prev.png)} .product_other .slick-next{ right: -5%; background-image: url(../images/pro_info_next.png)} @media(max-width:1200px){ .product_details .info .other .btn a{ padding-left: 40px; padding-right: 20px; background-position: 15px} } @media(max-width:1024px){ .product_details .info{ padding: 2%; font-size: 14px} .product_details .info .other .ewm b{ width: 102px} .product_details .info ul li{ padding-bottom: 10px; min-height: 38px; padding-left: 75px;} .product_details .info ul.ul_txt1 li{ float: none; width: 100%} .product_details .info .name{ font-size: 20px} .pro_sub_title{ font-size: 24px} } @media(max-width:768px){ .product_details .photo, .product_details .info{ float: none; width: 100%} .product_details .photo{ padding-bottom: 0} .product_details .info .other .ewm{ padding: 5px} .product_details .info .other .ewm img{ width: 150px} .product_details .info .other .ewm:before{ left: 100px} .product_details .info .name{ font-size: 18px; font-weight: bold} .product_details .pic_list{ padding: 2px 0} .pro_sub_title{ font-size: 22px} .product_other .item h3{font-size: 16px;} .menu_location .category{ font-size: 18px; padding-bottom: 10px;} .product_other{ padding-left:20px; padding-right: 20px;} .product_other .item .pic {padding-bottom: 100%} .product_other .slick-arrow{ width: 40px; height: 80px;top:40%;border: none;opacity: 1;background-size:cover} .product_other .slick-arrow.slick-prev {background-image: url(../images/slick_jt_prev.png)} .product_other .slick-arrow.slick-next {background-image: url(../images/slick_jt_next.png)} .product_details .info .other .ewm{display: block;} .product_details .info .other .ewm span, .product_details .info .other .ewm b{display: block;} .product_details .info .other .ewm:before{left: 0; width: 100%; height: 1px; top: 160px;} .product_details .info .other .ewm b{padding-top: 10px;width: 100%;padding-left: 0} .product_details .info .other .ewm img{display: block; margin: auto;} } .photo_list{ padding-top: 3%;} .photo_list li{ float: left; width:30.77%; margin-left:3.845%; margin-bottom: 1.88%} .photo_list li a{ display: block; position: relative} .photo_list li .pic{position: relative; overflow: hidden} .photo_list li .pic span{ display: block; width: 100%; top: 0; padding-bottom: 68.336%; background: no-repeat center center; background-size: cover;} .photo_list li .info{position:absolute; bottom:0; width:100%; padding:1% 3%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); } .photo_list li h3{ color:#fff; padding:10px 0; margin: 0; font-size: 20px; font-weight: normal} @media(min-width:768px){ .photo_list li:nth-child(3n+1){ clear: both; margin-left: 0} } @media(max-width:768px){ .photo_list li{ width: 49%; margin-left: 2%} .photo_list li:nth-child(2n+1){ clear: both; margin-left: 0} .photo_list li h3{font-size: 15px; padding: 0} } .search_list{ padding-top: 3%} .search_list li{ padding: 15px 0; border-bottom: dashed 1px #89898a;} .search_list li, .search_list li a{ color: #89898a} .search_list li a:hover{ color: #ba936b} .search_list li time{ float: right} .link_list{ padding-top: 3%} .link_list ul li{ float: left; width: 16.666%; padding: 1%;} .link_list ul li a{ display: block; border: solid 1px #eee; background-color: #fff; padding: 10px;} .link_list ul li .photo{ overflow: hidden} .link_list ul li span{ display: block; padding-bottom: 38%; background: no-repeat center center; background-size: contain} .link_list ul li h4{ padding: 10px 0; font-size: 16px; margin: 0; font-weight: normal} @media(max-width:1024px){ .link_list ul li{ width: 25%} } @media(max-width:640px){ .link_list ul li{ width: 50%} } .article_info .article{ padding: 3%; min-height: 200px;} /*ShaoLing*/ /* 视频弹窗 */ .video-play-wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000; background-color: rgba(0, 0, 0, .5); display: none; width: 100%; height: 100%; } .video-play-wrap .inner { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 80%; height: 90%; } .video-play-wrap video { position: absolute; width: 100%; height: 100%; } .video-play-wrap .close-btn { background: rgba(30, 30, 30, .6); cursor: pointer; height: 44px; padding: 10px; transition: color .2s; vertical-align: top; width: 44px; position: absolute; right: 0; top: 0; color: #ccc; } .video-play-wrap .close-btn svg path { fill: transparent; stroke: currentColor; stroke-linejoin: round; stroke-width: 3; } .About_tit{ font-size: 30px; margin: 0; font-weight: normal; text-align: center;} .About_tit p{ margin: 0; font-size: 16px; color: #666;} .About_box1{ background: url(../images/About_bg1.jpg) repeat; padding: 3.5% 0 1.5%;} .About_box1 .fl{ width: 55%;} .About_box1 .About_tit{ text-align: left;} .About_box1 .fl .txt{ font-size: 16px; line-height: 36px; padding: 1% 0 0 0; color: #666; text-align: justify;} .About_box1 .fr{ width: 38%;} .About_box2{ padding: 3% 0 6%;} .About_box2 ul{ margin-top: 3%;} .About_box2 li{ width: 32.052%; margin-right: 1.9%; float: left; position: relative; overflow: hidden;} .About_box2 li:nth-child(3){ margin-right: 0;} .About_box2 li figure{ padding-top: 80%;} .About_box2 li .txt{ position: absolute; left: 0; bottom: 0; text-align: center; color: #fff; font-size: 16px; padding: 0 11%; transition: all 0.5s; z-index: 5; height: 60px;} .About_box2 li .txt h3{ font-size: 20px; margin-top: 0; font-weight: normal;} .About_box2 li .txt p{ opacity: 0;} .About_box2 li::before, .About_box2 li::after{ content: ''; position: absolute; left: 0; bottom: 0;} .About_box2 li::before{ width: 100%; height: 37%; background: -moz-lineink").bind("mouseleave",function(){ $(this).find("dt").removeClass("show"); $(this).find("dd").slideUp(); }); $("#nav2 b a,#menu2 a,#bb2 a,#mp2 a,#wap2 a").attr("href","/ProductCenter/list.aspx?lcid=4"); $("#menu19 a,#tt19 a,#bb19 a,#mp19 a").attr({href:"https://gz.newpearl.com/#/vr/1?id=121",target:"_blank"}) -->

保存后可在微信扫码关注