.page_main{width:100%;background-color: #F5F5F5;padding:60px 0;}
.position {margin-bottom:22px;    line-height: 20px;
    font-family: "微软雅黑";}
.position a:hover{color: #FF8B00;}
.position .iconfont{font-size: 20px;}
.position *{display: inline-block;vertical-align: middle;line-height: 20px;}

.left_nav_title{width: 100%;padding:30px 10px;text-align: center;color: #ffffff;font-weight: bold;border-top:2px solid #FF8B00;font-size: 24px;background-color: #363636;}
.left_side .menu_nav>ul>li{background-color: #FFFFFF;    padding-left: 12px;padding-right: 12px;}
.left_side .menu_nav>ul>li>a{font-size: 14px;color: #363636;}
.left_side .menu_nav ul li a:hover,.left_side .menu_nav ul li.active>a{color: #FF8B00;font-weight: bold;}
.left_side .menu_nav ul li:hover>.iconfont,.left_side .menu_nav ul li.active>.iconfont{color: #FF8B00;}
.left_side .menu_nav ul li{position: relative;}
.left_side .menu_nav ul.child_nav{padding-left:4%;}
.left_side .menu_nav ul.child_nav>li:last-child{border-bottom: 0;}
.left_side .menu_nav ul li a{display:block;width:100%; height:45px;color:#000000;line-height:45px;border-bottom:1px solid #C4C4C4;}
.left_side .menu_nav ul li:last-of-type a{border:none;}
.left_side .menu_nav ul li.had_sonnav a{width: calc(100% - 45px);}
.left_side .menu_nav ul li .plus{z-index: 2; width:45px;height: 45px;padding:14px; display: inline-block;position: absolute;right: 0;top:0px; -webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
.left_side .menu_nav ul li .plus_on{transform: rotate(90deg);}


.left_side .menu_nav ul li .child_nav{display:none}
.left_side .menu_nav ul li .child_nav a{height:40px;line-height:40px;color: #515151;}
.left_side .menu_nav ul li.had_sonnav a {width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.left_side .menu_nav .child_nav ul li a{color: #7d7c7c;font-weight: normal;}
.left_side{width:180px;float: left;}
.right_side{width:100%;}

/* 分页 */
.pagination {text-align: center; font-family: '微软雅黑','Microsoft YaHei UI','Microsoft YaHei',arial, helvetica, sans-serif;overflow: hidden;padding:10px 0px;font-size:12px;margin: 20px auto;}
/*按钮色彩样式*/
.pagination a {border: #ccc 1px solid;color: #545454;text-decoration: none;overflow: hidden;padding:5px 8px;margin: 0px 0px 0px 5px;}
.pagination a:hover {color: #fff;background-color: #FF8B00;overflow: hidden;border-color: #FF8B00;}
.pagination span.current {border: #ccc 1px solid;color: #545454;overflow: hidden;padding:5px 8px;margin: 0px 0px 0px 5px;}
.pagination span.disabled {background-color: #fff; cursor: not-allowed;}

.phone_pages {margin:30px 0;text-align: center;}
.phone_pages a{display: inline-block; border: #ccc 1px solid;color: #545454;padding:5px 18px;margin:0 15px;}
.phone_pages a:hover,.phone_pages a.active{color: #fff;background-color: #FF8B00;border-color: #FF8B00;}


/* 产品筛选 */
.pro_attr{margin-top:22px;}
.pro_attr{display:flex;flex-wrap:wrap;border:1px solid #dcdcdc;border-width:1px 1px 0 0;}
.pro_attr li{flex:0 0 25%;padding:25px;box-sizing:border-box;border:1px solid #dcdcdc;border-width:0 0 1px 1px;background-color: #ffffff;}
.spec_attr{flex:0 0 33.3333%!important;border-width:1px!important;}
.pro_attr li span{display:block;color:#000;font-size:14px;margin-bottom:10px;padding-left:5px;}
.pro_attr li select{border:0;padding:5px 8px;width:100%;background-color:#f1f1f1;color:#555;outline:none;font-size: 16px;}
.pro_attr li select:hover{box-shadow:0px 0px 2px #219cf7;}
.pro_attr li select option{border:1px solid #219cf7;outline:none;}
/* 产品列表 */
.pro_list{width:100%;margin:20px 0;font-size: 0;}
.pro_list li{background-color: #ffffff; display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;margin-bottom: 2%;  text-align:center;border:1px solid #efefef;}
.pro_list li img{width: 100%;}
.pro_list li h3{padding:8px 25px;font-size:18px;text-align:left;}
.pro_list li p{padding:10px 25px 15px;font-size:14px;color:#666;text-align:left;white-space:nowrap;overflow:hidden;}


@media screen and (min-width: 1025px){
 .pro_list li:nth-of-type(3n){margin-right: 0;}
}





@media screen and (max-width: 1024px){
    .page_main{padding:40px 0;}
    .position {margin-bottom:16px;}
}



@media screen and (max-width: 1024px){
    .page_main{padding:40px 0;}
    .pro_attr{margin-top: 16px;}
	.left_nav_title{padding:15px 10px;}
	.pro_attr li {flex: 0 0 50%;}
    .pro_attr li{padding:10px;}
    .pro_attr li select{font-size: 14px;}
    .pro_list li{width: 49%;}
	.pro_list li:nth-of-type(2n){margin-right: 0;}
	.pro_list li h3{padding:5px 15px;font-size: 16px;font-weight:bold;}
	.pro_list li p{font-size: 12px; padding: 10px 15px 15px;}

}


@media screen and (max-width: 767px){
	.page_main{padding:30px 0;}
    .left_side,.right_side{width: 100%;float:none;}
    .left_side{display: none;}
	.right_side{margin-top: 0px;margin-left:0;}
	
}


.page_main{padding-top:10px}