﻿/*zbpl*/
.product_wrap{padding:20px 0 30px;}
.product_wrap_li{width:calc(100% - 310px);position:relative;float:right;}
.product_wrap_li .pw_title{width:100%;line-height:26px;background:#F6F6F6;position:relative;font-size:18px;text-indent:20px;font-weight:bold;padding:12px 0;}
.product_wrap_li .pw_title span{display:inline-block;color:#2196F3;margin-left:15px;}
.product_wrap_li li{background:#FFF;margin-top:12px;width:32.6%;float:left;margin-left:1.1%;}
.product_wrap_li li:nth-child(3n+1){margin-left:0;}
.product_wrap_li li .p_img{width:100%;padding-bottom:75%;position:relative;overflow:hidden;border:2px solid #efefef;}
.product_wrap_li li .p_img img{object-fit:cover;width:100%;height:100%;position:absolute;left:0;top:0;display:block;}
.product_wrap_li li .p_img .videoicon{background:url(../images/videoicon.png) no-repeat center center rgba(0,0,0,.3);position:absolute;left:0;top:0;background-size:60px auto;display:block;width:100%;height:100%;}
.product_wrap_li li p{margin:0;line-height:43px;color:#666;text-align:center;background:#F1F1F1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product_wrap_li li p a{color:#666;}
.p_class{width:283px;float:left;position:relative;border:10px solid #2196F3;}
.p_class .pc_left{width:100%;padding:11px 0 10px 7px;background:#2196F3;}
.p_class .pc_left p{margin:0;color:#FFF;padding-left:33px;}
.p_class .pc_left p:first-child{background:url(../images/classicon.png) no-repeat left center;font-size:30px;font-weight:bold;height:36px;line-height:34px;}
.p_class .pc_left p:last-child{font-size:14px;font-family:Arial;height:20px;line-height:20px;margin-top:8px;}
.p_class .pc_right{width:calc(100% - 150px);float:right;padding-right:50px;background:#e6e6e6;height:50px;line-height:50px;position:relative;text-align:center;font-size:16px;display:none;}
.p_class .pc_right em{display:block;width:50px;height:50px;background:url(../images/navarrow.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;position:absolute;right:0;top:0;}
.p_class .pc_right.on em{-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
.p_class .pc_ul{background:#F7F5F5;padding:0 0 0px;}
.p_class .pc_ul ul{margin:0;}
.p_class .pc_ul ul li{margin-top:5px;}
.p_class .pc_ul ul li p{margin:0;width:100%;height:46px;line-height:46px;font-size:16px;color:#FFF;
background: no-repeat right 20px center #7c7c7c;
padding-left:10px;}
.p_class .pc_ul ul li p a{color:#FFF;}
.p_class .pc_ul ul li dl{margin:0;padding-top:6px;}
.p_class .pc_ul ul li dl dd{margin-top:6px;width:100%;height:42px;line-height:42px;background:#fff;padding-left:10px;font-size:15px;color:#fe6001;font-size:13px;}
.p_class .pc_ul ul li dl dd:first-child{margin-top:0;}
.p_class .pc_ul ul li dl dd a{display:block;width:100%;height:100%;color:#fe6001;}


/* 产品分类：一级分类右侧 +/- 按钮 */
.p_class .pc_ul ul > li > p{position:relative;padding-right:46px;}
.p_class .pc_ul ul > li > p .cat-toggle{
    position:absolute;right:0;top:0;width:46px;height:46px;
    line-height:44px;text-align:center;
    font-family:Arial,sans-serif;font-size:24px;color:#fff;
    background:rgba(0,0,0,.15);
    cursor:pointer;z-index:3;
    user-select:none;-webkit-user-select:none;
    -webkit-tap-highlight-color:transparent;
}
.p_class .pc_ul ul > li > p .cat-toggle:hover{background:rgba(0,0,0,.3);}
.p_class .pc_ul ul > li > p .cat-toggle:active{background:rgba(0,0,0,.45);}
/* 二级分类默认收起 */
.p_class .pc_ul ul > li > dl{display:none;}


.p_class .pc_ul .pc_bottom{margin-top:9px;padding:10px 10px 10px 20px;background:#666;}
.p_class .pc_ul .pc_bottom .p_txt{background:url(../images/left_phone.png) no-repeat left center;padding-left:53px;}
.p_class .pc_ul .pc_bottom .p_txt p{margin:0;color:#FFF;height:22px;line-height:22px;}
.p_class .pc_ul .pc_bottom .p_txt p:first-child{font-size:14px;}
.p_class .pc_ul .pc_bottom .p_txt p:last-child{font-size:16px;margin-top:1px;}
.p_class .pc_ul .pc_bottom .p_phone{margin-top:9px;}
.p_class .pc_ul .pc_bottom .p_phone p{margin:0;color:#FFF;font-size:18px;height:27px;line-height:27px;}
.p_class .pl_erweima{width:100%;background:#F7F5F5;padding:10px 0 0;margin-top:10px;}
.p_class .pl_erweima img{width:100%;height:100%;display:block;}
.product .p_right{width:calc(100% - 300px);float:right;}
.product .p_right .pr_title{width:100%;height:85px;background:url(../images/pr_titlebg.png) repeat-x left center #F6F6F6;position:relative;}
.product .p_right .pr_title span{padding:0 20px 0 30px;display:inline-block;font-size:24px;color:#333;line-height:85px;background:#F6F6F6;}
.product .p_right .pr_title a{display:inline-block;height:85px;line-height:85px;position:absolute;right:0;top:0;padding:0 15px;background:#F6F6F6;color:#9a9a9a;}
.product .p_right .p_ul{position:relative;}
.product .p_right .p_ul .p_li{margin-top:36px;width:32%;margin-left:2%;float:left;display:block;}
.product .p_right .p_ul .p_li:nth-child(3n+1){margin-left:0;}
.product .p_right .p_ul .p_li .p_img{width:100%;padding-bottom:75%;position:relative;}
.product .p_right .p_ul .p_li .p_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;border:1px solid #E5E5E5;}
.product .p_right .p_ul .p_li p{margin:0;line-height:43px;height:43px;color:#0d0d0d;font-size:15px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#f5f5f7;text-align:center;}
.product .p_right .pr_img{width:100%;margin-top:10px;}
.product .p_right .pr_img img{width:100%;height:100%;display:block;}
@media screen and (max-width:1239px){
	.product_wrap_li{width:calc(100% - 300px);}
	.product_wrap_img .pwi_left{width:400px;}
	.product_wrap_img .pwi_left .pwi_left_img{padding-bottom:300px;}
	.product_wrap_img h2{margin:10px 0;}
	.product_wrap_img p{font-size:13px;line-height:30px;}
	.product_show .ps_top .pst_right{width:calc(100% - 530px);}
}
@media screen and (max-width:1023px){
	.product_wrap_li{width:100%;float:none;margin-top:15px;}
	.product_wrap_li li{width:32%;margin-left:2%;}
	.product_wrap_li li:nth-child(4n+1){margin-left:2%;}
	.product_wrap_li li:nth-child(3n+1){margin-left:0;}
	
	.product_wrap_img{padding:10px;}
	.product_wrap_img .pwi_left{width:300px;margin-right:20px;}
	.product_wrap_img .pwi_left .pwi_left_img{padding-bottom:75%;}
	.product_wrap_img h2{margin:6px 0 10px;font-size:20px;line-height:30px;font-weight:bold;}
	
	.p_class{width:100%;float:none;border:none;}
	.p_class .pc_left{width:150px;float:left;padding:0 0 0 15px;}
	.p_class .pc_left p{padding-left:25px;}
	.p_class .pc_left p:first-child{height:50px;line-height:50px;font-size:18px;background-size:auto 15px;}
	.p_class .pc_left p:last-child{display:none;}
	.p_class .pc_right{display:block;}
	.p_class .pc_ul{position:absolute;left:0;top:50px;z-index:10;width:100%;float:none;display:none;padding:0 0 10px;}
	.p_class .pc_ul ul li dl{height:auto;}
	.p_class .pl_erweima{display:none;}
	.product .p_right{width:100%;float:none;margin-top:15px;}
	.product .p_right .pr_title{height:60px;}
	.product .p_right .pr_title span{height:60px;line-height:60px;font-size:20px;}
	.product .p_right .pr_title a{height:60px;line-height:60px;}
	.product .p_right .p_ul .p_li{margin-top:15px;}
}
@media screen and (max-width:767px){
	.product_wrap_li .pw_title span{display:block;margin-left:0;}
}
@media screen and (max-width:667px){
	.product_wrap_li li{width:48%;margin-left:4%;}
	.product_wrap_li li:nth-child(4n+1){margin-left:4%;}
	.product_wrap_li li:nth-child(3n+1){margin-left:4%;}
	.product_wrap_li li:nth-child(odd){margin-left:0;}
	
	.product_wrap_img .pwi_left{width:100%;float:none;margin-right:0;}
	.product_wrap_img p{line-height:26px;}
}
@media screen and (max-width:499px){
	.product_wrap_li li{width:100%;margin-left:0;}
	.product_wrap_li li:nth-child(4n+1){margin-left:0%;}
	.product_wrap_li li:nth-child(3n+1){margin-left:0%;}
	.p_class .pc_left{display:none;}
	.p_class .pc_right{width:100%;float:none;}
	.product{padding:15px 0;}
	.product .p_right .pr_title{height:40px;}
	.product .p_right .pr_title span{height:40px;line-height:40px;font-size:16px;}
	.product .p_right .pr_title a{height:40px;line-height:40px;}
	.product .p_right .p_ul .p_li{width:100%;float:none;margin-left:0;margin-top:10px;}
	.product .p_right .p_ul .p_li:nth-child(3n+1){margin-left:0;}
	.product .p_right .p_ul .p_li:last-child{display:block;}
}

.zbpl{padding:60px 0;}
.zbpl_txt{background: #F6F6F6;padding:30px 0px;margin-top:30px;}
.zbpl_txt p{padding:0px 65px;font-size:13px;line-height:27px;color:#666;text-align:center;}
.zbpl_ul{position:relative;}
.zbpl_ul .zbpl_li{background:#FFF;margin-top:30px;width:32%;float:left;margin-left:2%;display:block;}
.zbpl_ul .zbpl_li:nth-child(3n+1){margin-left:0;}
.zbpl_ul .zbpl_li .zbpl_img{width:100%;padding-bottom:75%;position:relative;overflow:hidden;border:2px solid #efefef;}
.zbpl_ul .zbpl_li .zbpl_img img{object-fit:cover;width:100%;height:100%;position:absolute;left:0;top:0;display:block;}
.zbpl_ul .zbpl_li .zbpl_img .videoicon{background:url(../images/videoicon.png) no-repeat center center rgba(0,0,0,.3);position:absolute;left:0;top:0;background-size:60px auto;display:block;width:100%;height:100%;}
.zbpl_ul .zbpl_li p{margin:0;line-height:43px;color:#666;text-align:center;background:#F1F1F1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.zbpl_ul .zbpl_li p a{color:#666;}



.zbpl_ul2{position:relative;}
.zbpl_ul2 .zbpl_li{background:#FFF;margin-top:30px;width:18%;float:left;margin-left:2%;display:block;}
.zbpl_ul2 .zbpl_li:nth-child(5n+1){margin-left:0;}
.zbpl_ul2 .zbpl_li .zbpl_img{width:100%;padding-bottom:150%;position:relative;overflow:hidden;border:2px solid #efefef;}
.zbpl_ul2 .zbpl_li .zbpl_img img{object-fit:cover;width:100%;height:100%;position:absolute;left:0;top:0;display:block;}
.zbpl_ul2 .zbpl_li .zbpl_img .videoicon{background:url(../images/videoicon.png) no-repeat center center rgba(0,0,0,.3);position:absolute;left:0;top:0;background-size:60px auto;display:block;width:100%;height:100%;}
.zbpl_ul2 .zbpl_li p{margin:0;line-height:43px;color:#666;text-align:center;background:#F1F1F1;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.zbpl_ul2 .zbpl_li p a{color:#666;}




/*zbpcase*/
#zbpcasebg{background:#f4f5f5;padding:50px 0 50px;}
.zbpcase{margin-top:41px;overflow:hidden;}
.zbpcase .swiper-slide{background:#FFF;}
.zbpcase .zbpc_img{width:100%;padding-bottom:75%;position:relative;}
.zbpcase .zbpc_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.zbpcase p{margin:0;font-size:15px;line-height:46px;height:46px;text-align:center;color:#818181;}
/*zbpnews*/
#zbpnewsbg{padding:50px 0;}
.zbpnews{margin-top:15px;}
.zbpnews a{display:block;width:48%;margin-left:4%;float:left;margin-top:20px;border:1px solid #F1F1F1;background:#FFF;}
.zbpnews a:nth-child(odd){margin-left:0;}
.zbpnews a .pn_date{width:112px;height:100%;text-align:center;color:#fff;float:left;background:#f8af01;padding-bottom:6px;}
.zbpnews a .pn_date span:first-child{height:66px;line-height:66px;font-size:48px;font-weight:bold;display:block;}
.zbpnews a .pn_date span:last-child{height:24px;line-height:24px;font-size:12px;display:block;}
.zbpnews a .pn_txt{width:calc(100% - 112px);float:right;padding:8px 20px;}
.zbpnews a .pn_txt p{margin:0;}
.zbpnews a .pn_txt p:first-child{font-size:18px;height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;}
.zbpnews a .pn_txt p:last-child{font-size:13px;line-height:24px;color:#656565;margin-top:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
/*1200以下屏幕*/
@media screen and (max-width:1429px){
	.zbpl{padding:40px 0;}
	.zbpl_txt{padding:20px 0;margin-top:20px;}
	#zbpcasebg{padding:40px 0;}
	.zbpcase{margin-top:26px;}
	#zbpnewsbg{padding:40px 0;}
}
/*992以下屏幕*/
@media screen and (max-width:1229px){
	.zbpl{padding:30px 0;}

	.zbpl_txt p{padding:0 30px;}
	#zbpcasebg{padding:30px 0;}
	#zbpnewsbg{padding:30px 0;}
	
}
/*992以下屏幕*/
@media screen and (max-width:1023px){
	.zbpl{padding:20px 0;}
	.zbpl_ul .zbpl_li{width:49%;margin-top:20px;}
	.zbpl_ul .zbpl_li:nth-child(3n+1){margin-left:2%;}
	.zbpl_ul .zbpl_li:nth-child(odd){margin-left:0;}
	
	.zbpl_ul2 .zbpl_li{width:33%;margin-top:20px;}
	.zbpl_ul2 .zbpl_li:nth-child(3n+1){margin-left:2%;}
	.zbpl_ul2 .zbpl_li:nth-child(odd){margin-left:0;}
	
	
	#zbpcasebg{padding:20px 0;}
	#zbpnewsbg{padding:20px 0;}
	.zbpnews a{width:100%;float:none;margin-left:0;margin-top:16px;}
	
}
/*768以下屏幕*/
@media screen and (max-width:767px){
	.zbpl_txt{padding:15px 0;margin-top:15px;}
	.zbpl_txt p{line-height:24px;padding:0 20px;}
	.zbpcase{margin-top:16px;}
}
/*668以下屏幕*/
@media screen and (max-width:667px){
	
}
/*500以下屏幕*/
@media screen and (max-width:499px){
	.zbpl_ul .zbpl_li{width:100%;margin-top:15px;margin-left:0;float:none;}
	.zbpl_ul .zbpl_li:nth-child(3n+1){margin-left:0%;}
	.zbpl_ul2 .zbpl_li{width:100%;margin-top:15px;margin-left:0;float:none;}
	.zbpl_ul2 .zbpl_li:nth-child(3n+1){margin-left:0%;}
	.zbpnews a .pn_date{width:80px;}
	.zbpnews a .pn_date span:first-child{height:50px;line-height:50px;font-size:30px;}
	.zbpnews a .pn_txt{width:calc(100% - 80px);padding:4px 10px;}
	.zbpnews a .pn_txt p:first-child{font-size:15px;height:22px;line-height:22px;}
	.zbpnews a .pn_txt p:last-child{font-size:12px;line-height:22px;}
}
