@charset "utf-8";
/* CSS Document */

.product{background:#F5F5F5;padding:60px 0;}
.product_main{display: flex;justify-content: space-between;align-items: stretch;flex-flow:row nowrap;width:100%;}

.product_menu{width:300px;background:#fff;padding:30px 35px 100px;box-sizing:border-box;display: none;}
.product_menuc{position:sticky;top:0px;}
.product_menu_group{padding:5px 0;text-align: left;}

.product_menu_group h1{color: #2E3231;font-size: 32px;line-height:50px;padding:0 20px;}
.product_menu_title{font-size: 16px;color:#000;line-height: 40px;padding:0 20px;}

.product_menu_list{padding:0;}
.product_menu_list ul li{line-height:30px;font-size: 15px;color: #109995;}
.product_menu_list ul li i{display:inline-block;width: 14px;margin-right: 6px;font-size: 14px;text-align: center;}
.product_menu_list ul li span{color: #109995;cursor: pointer;}
.product_menu_list ul li:hover a{text-decoration: underline;}

.product_menu_ul{padding: 0;}
.product_menu_ul>ul>li{line-height:30px;font-size: 15px;}
.product_menu_ul>ul>li p{display: flex;justify-content: flex-start;align-items: center;flex-flow: row nowrap;}
.product_menu_ul>ul>li i{display:inline-block;width: 16px;font-size:20px;margin-right: 5px;text-align: center;}
.product_menu_ul>ul>li input{margin:0 10px 0 0;top:-2px;}
.product_menu_ul>ul>li span{display: inline-block;cursor:pointer}

.product_menu_ul>ul>li ul{padding-left:45px;display: none;}
.product_menu_ul>ul>li ul>li{font-size:14px;}

input[type=checkbox]{cursor:pointer;position:relative;font-family:"FontAwesome";padding:0;margin:0;outline:0;font-size:20px;}
input[type=checkbox]::after{position:absolute;top:0;left:0;width:20px;display:inline-block;visibility:visible;content:"\f096";box-sizing:border-box;border:none;color:#D1D1D1;background:#fff;}
input[type=checkbox]:checked::after{content:"\f14a";color:#109995;font-size:19px;}
input[type=checkbox]:indeterminate::after{content:"\f146";color:#109995;font-size:19px;}

.product_cont{/*width: calc(100% - 310px);*/background: #fff;padding:20px 50px;box-sizing: border-box;width: 100%;}
.product_cont_form{margin:15px 0px;text-align: left;position: relative;box-sizing: border-box;}
.product_cont_key{border:none;border-bottom:#CFCFCF solid 1px;line-height: 38px;font-size: 15px;width: 100%;box-sizing:border-box;padding:0 30px;outline:none;}
.product_cont_form i{display: inline-block;position: absolute;left: 0;top:0;width:28px;height: 36px;display: flex;justify-content: center;align-items: center;}

.product_cont_sort{width: 100%;padding:10px 0;}

.product_sort_top{position: relative;padding-bottom: 20px;border-bottom: 1px solid #eee;}
.product_sort_infor{text-align: left;width: 85%;display: flex;justify-content:flex-start;align-items:flex-start;}
.product_sort_infor li{padding:0 10px;}
.product_sort_infor li img{height:120px;transition: all 0.3s linear;}
.product_sort_infor li:hover img{transform: scale(1.05);}
.product_sort_infor li p a{display: flex;align-items: center;}
.product_sort_infor li p a img{height:28px;margin-right: 11px;}
.product_sort_infor li p a b{line-height: 50px;font-size: 22px;color: #109995;}
.product_sort_infor li p a i{padding:0 10px;color: #109995;font-size: 19px;}
.product_sort_infor li p a:hover{text-decoration: underline;}
.product_sort_infor li p{line-height: 30px;}
.product_sort_top>a{display: block;position: absolute;right: 0;top:10px;line-height: 38px;padding: 0 15px;border: 1px solid #109995;color: #109995;font-size: 14px;transition: all 0.2s linear;}
.product_sort_top>a i{padding:0 5px;}
.product_sort_top>a:hover{background:#109995;color:#fff;}

.product_sort_ul{width: 100%;padding:30px 0;display: flex;justify-content:space-between;align-items: stretch;flex-flow: row wrap;}
.product_sort_li{margin-bottom: 30px;}
.product_sort_li_pic{width:100%;box-sizing: border-box;overflow: hidden;display: flex;justify-content: center;align-items: center;height: auto;}
.product_sort_li_pic img{width: auto;max-width:90%;transition: all 0.3s linear;}
.product_sort_li:hover .product_sort_li_pic{width:100%;}
.product_sort_li:hover .product_sort_li_pic img{transform: scale(1.08);}
.product_sort_li_cont{padding:10px 22px 20px;box-sizing: border-box;height: calc(100% - 130px);height: 55px;overflow: hidden;}
.product_sort_li:hover .product_sort_li_cont{border-top:none;}
.product_sort_li_cont p{line-height:40px;font-size: 14px;}
.product_sort_li_cont ul li{line-height: 27px;color: #515151;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.2s linear;}
.product_sort_li_cont ul li:hover{padding-left:2px;}


@media screen and (min-width:1240px){
    .product_sort_li{width:calc((100% - 120px)/5);}
}
@media screen and (max-width:1240px){
    .product_sort_li{width:calc((100% - 90px)/4);}
}
@media screen and (max-width:980px){
    .product_sort_li{width:calc((100% - 60px)/3);}
}
@media screen and (max-width:780px){
    .product_sort_li{width:calc((100% - 30px)/2);}
}
@media screen and (max-width:480px){
    .product_sort_li{width:100%;}
}