.prod_l { width: 24%; } /*产品左边*/ .ny_list_t{background:#ee7b1d url(../img/20211123101135_712596019.png)no-repeat center 95px;width:318px;color:#fff; text-align: center;padding:9px;} .ny_list_b{border: 2px #fff solid;height: 160px;} .ny_list_t p{font-size:30px; font-weight:bold; padding:30px 0 24px 0;} .ny_list_t span{font-size: 20px;color: #fff; line-height: 54px;} .ny_list_d{background:#fff;width:318px;position:relative; padding:20px 20px 0;} .ny_list_dline{width:292px;} .ny_list_dline::-webkit-scrollbar{width:4px;height:0;background: #eee;border-radius: 100px;} .ny_list_dline::-webkit-scrollbar-thumb {border-radius: 100px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2);background: #aaa; } .ny_list_dline::-webkit-scrollbar-button{display:none;} .ny_list_d table .link{margin-bottom: 10px;position: relative; width:278px;height:60px;transition:0.3s; padding-left:0px !important;display: block;background: #f5f5f5;} .ny_list_d table .link b{font-size:0px;width:100%;height:100%;display:block;} .ny_list_d table .link a{font-size:18px; position: relative; z-index:2; display:block;padding-left:20px; color:#333;font-weight: normal;display:block;line-height:60px;transition:0.3s;} .ny_list_d table .link a:after{content:""; margin: 21px 30px 0 0; float: right;width: 0; height: 0;border-width: 8px;border-style: solid;border-color: transparent transparent transparent #000;transition:0.3s; } .ny_list_d table .link:after{content:"";background:#ee7b1d; width:0px; height: 60px; display: block;transition:0.3s;position: absolute; top: 0; left: 0; z-index:1;} .ny_list_d table tr.open .link:after{content:"";width:278px;transition:0.3s; display: block;} .ny_list_d table tr.open .link a:after{transform: rotate(90deg) translateX(5px);border-color: transparent transparent transparent #fff;} .ny_list_d table tr.open .link a{color:#fff;} .ny_list_d #showtyepname{display: block;width: 278px;max-height: 0px;overflow: hidden;transition:0.3s;} .ny_list_d #showtyepname a{font-size:16px; font-weight:100; line-height:45px;display: block;} .ny_list_d #showtyepname a:before{content:""; display:block; width:9px; height:9px;border-radius: 100%; border:1px #ccc solid; float:left; margin:17px 14px 0 0;} .ny_list_d table tr.open #showtyepname {max-height:600px !important;} .ny_list_d #showtyepname>div{width:278px;display: block;padding: 0 0 14px 20px;} .ny_list_d #classimgshow2 a:hover::before{ border:1px #b4212c solid; background:#b4212c;} .ny_list_d{border: 1px #eee solid;} .ny_list_bb{border: 1px #eee solid;border-top: none;} .detail_title{height: 60px;line-height: 60px;font-size: 19px; background: #000;color: #fff;font-weight: lighter; border: none;} .ny_prototal { width:100%;} .ny_prolist { width:31.3%; margin:0 1%; float:left; margin-bottom:2%; position:relative; overflow:hidden;} .ny_propic { width:100%; height: 360px; overflow:hidden;} .ny_propic img { width:100%; height: 100%; transition:all 0.5s;} .ny_protil { width:100%; text-align:center; overflow:hidden;} .ny_protil { padding: 4% 0% 5% 0; font-size:16px; display:block;} .ny_prolist a:hover .ny_protil { color:#f5811a;} .ny_prolist a:before, .ny_prolist a:after { content: ''; position: absolute; width: 0; height: 0; z-index: 222; box-sizing: border-box; transition: height 0.5s linear 0s, width 0.5s linear 0.5s, opacity 0s linear 1s; opacity: 0; } .ny_prolist a:before { top: 0; left: 0; border-top: 1px solid #f5811a; border-right: 1px solid #f5811a; border-bottom: 1px solid transparent; border-left: 1px solid transparent; } .ny_prolist a:after { bottom: 0; right: 0; border-bottom: 1px solid #f5811a; border-left: 1px solid #f5811a; border-top: 1px solid transparent; border-right: 1px solid transparent; } .ny_prolist a:hover:before, .ny_prolist a:hover:after { width: 100%; height: 100%; transition: width 0.5s linear 0s, height 0.5s linear 0.5s; opacity: 1; } .ny_prolist:hover { box-shadow: 0 0 2.4vw 0 rgba(0,0,0,0.1);} .ny_prolist a:hover .ny_propic img {transform: scale(1.1);} /*产品详情*/ .pro_main_box{background:#fafafa;padding: 30px; box-sizing: border-box;} .propic_show_left{width:450px;float: left;position: relative;} .propic_show_left img{width:100%;} .propic_show_piclist{width:600px;float:left;position: absolute; top:500px; } .propic_show_list{position:relative;transition:500ms;} .propic_show_piclist.on_bottom .propic_show_list{height: 100px;transition:500ms;} .propic_show_piclist ul{width:1000px; overflow: hidden; height:auto !important;} .propic_show_piclist li{width:108px;border:3px solid #333;cursor: pointer;overflow:hidden; float:left;} .propic_show_piclist li+li{margin-left:14px;} .propic_show_piclist.on_bottom .propic_show_list li+li{transition:500ms;} .propic_show_piclist li.cur{border-color:#ee7b1d;} .propic_show_piclist li img{width:100%;transition:500ms; display: block;} .propic_show_piclist li:hover img{transform:scale(1.1);transition:500ms;} .propic_img{width:450px;position: relative;overflow: hidden;} .propic_img img{width:450px;transition:500ms;float: left;} .propic_img:hover img{transform:scale(1.1);transition:500ms;} .propic_img>div{width:35px;height:34px;position:absolute;top:50%;margin-top:-17px;cursor: pointer;opacity: 0.5;} .propic_show_right{width:500px; float:right;text-align: left; position: relative;font-size:16px;} .propic_show_right p{line-height:30px; font-size:16px; } .propic_show_right br{display:none;} .propic_show_right .propic_desc{height:56px;margin-top:20px;overflow:hidden;} .propic_show_right .propic_desc strong{font-weight:bold;} .pro_detail_title{font-size:21px;display:block;line-height: 56px;border-bottom: 1px solid #eee;color: #333;} .pro_return{width:37px;height:37px;float:right;margin-top: 10px;background:url(../img/20211224161011_1157635733.png) no-repeat;cursor: pointer;} .propic_show_con_box{} .ewms{float:left;} .pro_ewm_left .ewms img{width: 145px;;} .pro_ewm_left .ewms p{text-align:center;color:#999; font-size:16px;} .pro_tel_right{margin-left:24px;position:relative;} .pro_tel p{font-size:18px; line-height:44px;} .pro_tel b{font-size:30px; color:#ee7b1d; } .pro_show_btn{margin-top:13px;font-size:0;} .pro_show_btn button{width:120px;height:42px;border:none;background:#333;} .pro_show_btn button+button{margin-left:10px;} .pro_show_btn button.advisory{background:#ee7b1d;} .pro_show_btn button a{font-size:16px;color:#fff;display:block;} .psh_box{background:#fff;width: 100% !important; font-size:16px;} .psh_box a{font-size:16px;} .pcontent_title_h4{display:none;} .dgcontent_title_h5{background:#fff;text-align: center;border-top: 1px solid #eee; width: 1160px !important; margin-top:30px !important;} .dgcontent_title_h5 h5 strong{font-size:16px;} .detail_title{display: block !important;margin-top: 50px;background:#fff;width: 100% !important;margin-left: 0 !important;font-size:0;padding: 0 !important;} .detail_title strong{font-size:16px;display:inline-block;vertical-align:top;width:180px;height:62px;line-height:62px;text-align:center;color:#fff;padding-left:25px;background:#ee7b1d url(../img/20211224161033_564484056.png) no-repeat 35px center;} .product_content{width:100% !important; line-height:40px !important;padding: 50px !important;border: 1px #f5f5f5 solid;} .product_content img{display:block;margin:auto;width: 750px;} .pro_detail_box{background:#fff;overflow:hidden;border: none !important;margin-top: 20px !important; width: 100% !important;} .pro_detail_rel_hd{font-size:0;padding: 0 !important; margin-bottom: 30px;border-bottom:1px solid #ccc; padding-top:5px;padding-bottom:5px;} .pro_detail_rel_hd strong{font-size:16px;display:inline-block;vertical-align:top;width:180px;height:62px;line-height:62px;text-align:center;color:#fff;padding-left:36px;background:#ee7b1d url(../img/20211224161053_966646188.png) no-repeat 22px center;} .pro_detail_rel_item{padding-bottom:12px;} .pro_detail_rel_item>div{ width:280px; float:left; text-align:center; padding:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; margin-bottom:20px;} .pro_detail_rel_item>div img{border: 1px solid #eee; width:98%;} .pro_detail_rel_item>div+div{margin-left:26px;} .pro_detail_rel_item>div a{line-height:30px; font-size:15px;} /*产品里面二维码*/ .ewms img{width: 144px;} .ewms p{text-align:center;color:#999;font-size:14px;} .pro_tel_right{margin-top:20px; position:relative; float:right; width:320px;} .pro_tel_right span{font-size:18px; color:#333;} .pro_tel_right p {font-size:32px;font-weight:bold;color:#ee7b1d;line-height:50px;font-family: 'Tw Cen MT';} .pro_tel_right>.tel{display:none;} .pro_show_w{margin-bottom: 30px;} .pro_show_w p { font-size: 15px; line-height: 36px; } .pro_show_w p:before { content: ""; display: block; width: 12px; height: 12px; border: 1px #ccc solid; float: left; border-radius: 100%; margin: 13px 12px 0 0; } /*上一页下一页样式*/ .psh_box{margin:50px auto !important; text-align: center;} .pshangxia{padding:10px 40px; background:#f5f5f5; border:1px #ccc solid;}