*{ margin:0; padding:0; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}






/*产品列表页*/
/*产品分类 开始*/
.proleft {  width: 260px;flex-shrink: 0;}
.cp_type{background-color:#fff; padding:36px 0 0;}
.cp_type .hd {
	width:100%;
	height:auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
.cp_type .hd p { width:100%; height:32px; line-height:32px; color:#0f6ab4; font-size:24px; font-weight:bold; margin:0 auto 4px; padding:0;}
.cp_type .hd p img { display:block; width:28px; height:28px; margin:2px 10px 2px 0; padding:0; float:left;}
.cp_type .hd span { display:block; height:24px; line-height:24px; color:#ccc; font-size:14px;}
.cp_type .hd i { display:none;}
.cp_type .hd em{ display:block; width:50px; height:2px; margin:13px 0 0;}

.cp_type .bd ul li { background-color:#fff;border-bottom:0px solid #eee; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s;}
.cp_type .bd ul li p {
	height:58px;
	position:relative;
	border-bottom:1px solid #eee;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
.cp_type .bd ul li:last-child p {border-bottom: 0;}
.cp_type .bd ul li p a { display:block; width:100%;line-height:58px; padding:0; overflow: hidden;color:#333; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; float:left;}
.cp_type .bd ul li p span { display:block; width:40px; height:100%; background:url(../images/mulu0.png) center center no-repeat; cursor:pointer; position:absolute; top:0; right:15px;}
.cp_type .bd ul li div { display:none;}
.cp_type .bd ul li div a {
	display:block;
	height:35px;
	line-height:35px;
	color:#999;
	font-size:15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
transition: all .4s ease;	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
}
.cp_type .bd ul li div a.active{ color:#0f6ab4}
.cp_type .bd ul li div a:before{ content:""; display:block; height:6px; width:6px;  background-position:0 0; float:left;margin-right: 8px; margin-top: 14px;}
.cp_type .bd ul li div a:first-child { margin-top:15px;}
.cp_type .bd ul li div a:last-child{ margin-bottom:15px;}
.cp_type .bd ul li div a i { display:block; width:4px; height:4px; margin:13px 6px 13px 0; padding:0; border:1px solid #999; border-radius:50%; float:left;}
.cp_type .bd ul li div a:hover i { border:1px solid #cb0010;}
.cp_type .bd ul li.on p,.cp_type .bd ul li:hover p {background:#0f6ab4; border:0;}
.cp_type .bd ul li p:hover a, .cp_type .bd ul li.on p a { color:#fff;}
.cp_type .bd ul li p:hover span { background:url(../images/mulu1.png) center center no-repeat;}
.cp_type .bd ul li.on p span { background:url(../images/mulu2.png) center center no-repeat;}
.cp_type .bd ul li div a:hover { color:#0f6ab4;}
.cp_type .bd ul li div a:hover:before{ background-position:0 -10px;}
.cp_type .bd ul a.ckqb { display:block; height:34px; line-height:34px; font-size:16px; color:#333; background:#f1f1f1; width:92%; margin:10px auto; text-align:center; overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;}
.cp_type .bd ul a.ckqb:hover { background:#0f6ab4; color:#fff;}

.ProAll { width:100%; height:auto;border-top: 1px solid #eee;margin-top: 12px;}
.ProAll a { display:block; width:100%; height:58px; line-height:58px; overflow:hidden; color:#333; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; padding:0 30px; position:relative;transition: all .4s ease;}
.ProAll a i { display:block; width:40px; height:100%; margin:0; padding:0; background:url(../images/mulu0.png) center center no-repeat; position:absolute; top:0; right:15px;}
.ProAll a:hover { background:#0f6ab4; color:#fff;}
.ProAll a:hover i { background:url(../images/mulu1.png) center center no-repeat;}

/*相关文章 开始*/
.NyXgwz { overflow:hidden; background-color:#fff; padding:33px 0 10px; margin-top:32px;}
.NyXgwz .NyXgwz_Title {
	width:100%;
	height:auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 0;
	padding-left: 30px;
}
.NyXgwz_Title p { width:100%; height:32px; line-height:32px; color:#0f6ab4; font-size:24px; font-weight:bold; margin:0 auto 4px; padding:0;}
.NyXgwz_Title p img { display:block; width:28px; height:28px; margin:2px 10px 2px 0; padding:0; float:left;}
.NyXgwz_Title span { display:block; height:24px; line-height:24px; color:#ccc; font-size:14px;}
.NyXgwz_Title em{ display:block; width:50px; height:2px; margin:13px 0 0;}

.NyXgwz .NyXgwz_List { width:100%; height:auto; min-height:200px; margin:0 auto; padding:0 30px; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.NyXgwz_List dl dd { width:100%; height:auto; margin:0 auto; padding:10px 0; border-top:1px solid #eee;}
.NyXgwz_List dl dd a { display:block; width:100%; height:40px; overflow:hidden; line-height:40px; color:#333; font-size:16px; white-space:nowrap; text-overflow: ellipsis; margin:0 auto; position:relative; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box;}
.NyXgwz_List dl dd a:hover { color:#0f6ab4;}
/*相关文章 结束*/
@media screen and (max-width:1399px){
	.cp_type{padding: 26px 0 0;}
	.cp_type .hd{margin: 0 auto 20px; padding:0 20px;}
	.cp_type .hd span{font-size:12px;height: 20px;line-height: 20px;}
	.cp_type .hd em{margin-top:8px;}
	.cp_type .bd ul li p{ height:48px;padding:0 20px;}
	.cp_type .bd ul li p a{ line-height:48px;font-size: 15px;}
	.cp_type .bd ul li p span{ right:5px;}
	.cp_type .bd ul li div a{height: 30px;line-height: 30px;padding: 0 30px;}
	.cp_type .bd ul li div a:first-child{ margin-top:5px;}
	.cp_type .bd ul li div a:last-child{ margin-bottom:5px;}
	.ProAll a{font-size: 15px; padding: 0 20px;}
	.ProAll a i{ right:5px;}
	.NyXgwz{padding: 25px 0 10px;}
	.NyXgwz_Title span{font-size:12px;}
	.NyXgwz_Title em{ margin-top:8px;}
}
@media screen and (max-width:1079px){
	.proleft{ width:100%;}
	.cp_type{ padding:20px 0 1px;}
	.cp_type .hd{ position:relative; padding:0 30px;}
	.cp_type .hd i{ display:block;  width: 40px;height: 40px; margin: 0; padding: 0;background: rgba(9,155,232,0.06) url(../images/mulu3.png) center center no-repeat; position: absolute;top: 0;right:20px;}
	.cp_type .hd.on i{background: rgba(9,155,232,0.06) url(../images/mulu4.png) center center no-repeat;}
	.cp_type .hd span{ display:none;}
	.cp_type .bd {display: none;}
	.cp_type .bd ul li p{ padding:0 30px;}
	.cp_type .bd ul li p a{font-size: 16px;}
	.cp_type .bd ul li p span{right:15px;}
	.cp_type .bd ul li.on p span{ right:15px;}
	.ProAll a{font-size: 16px; padding: 0 30px;}
	.ProAll a i{ right:15px;}
	.NyXgwz{ margin-top:10px;padding: 20px 0 0;}
	.NyXgwz_Title span{ display:none;}
	.NyXgwz .NyXgwz_List{ min-height:auto;}
}
@media screen and (max-width:767px){
	.cp_type .hd{padding:0 20px;}
	
		.NyXgwz{ display:none;}
	 
	
	
	.cp_type .hd p,.NyXgwz_Title p{ font-size:20px;}
	.cp_type .hd i{ right:20px;width: 34px;height: 34px;top: 5px;}
	.cp_type .bd ul li p,.cp_type .bd ul li div a,.ProAll a{padding:0 20px;}
	.cp_type .bd ul li.on p span,.cp_type .bd ul li:hover p span,.cp_type .bd ul li p span{ right:10;}
	.NyXgwz .NyXgwz_Title,.NyXgwz .NyXgwz_List{padding:0 20px;}
}
/*产品分类 结束*/