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


.proListWrap{padding: 0 0 0 245px;top: 0;}
.proListWrap .proNav {float: left;margin-left: -245px;width: 222px;background: #fff;padding: 5px 10px 15px 16px;border-radius: 20px;}
.proListWrap .proNav>ul { }
.proListWrap .proNav li.m { max-height: 400px; transition: max-height 0.5s; overflow: hidden; }
.proListWrap .proNav .h3 {line-height: 50px;font-size: 14px;color: #dbdada;position: relative;}
.proListWrap .proNav .h3 a {color: #3f3f3f;display: block;text-indent: 0;font-size: 24px;}
.proListWrap .proNav .h3 i {position: absolute;width: 24px;height: 24px;right: 15px;top: 50%;margin-top: -12px;line-height: 24px;text-align: center;font-size: 16px;cursor: pointer;border-radius: 24px;color: #999;transform: rotate(180deg);}
.proListWrap .proNav .h3 i:hover { }
.proListWrap .proNav .h3:hover { }
.proListWrap .proNav .sub {padding: 0px 0px 5px 0px;}
.proListWrap .proNav .sub li {font-size: 12px;padding: 5px 0 0 0;}
.proListWrap .proNav .sub li a {color: #3f3f3f;display: block;font-size: 18px;line-height: 45px;text-indent: 15px;border-radius: 5px;}
.proListWrap .proNav .sub li a:hover,.proListWrap .proNav .sub li.on a  { color: #f69603;background: #fff7ea; }
.proListWrap .proNav .h3 a:hover, .proLeft .proNav .h3:hover a { color: #f69603; }
.proListWrap .proNav .h3 i:hover {/* background: #00b7b7; *//* color: #fff; */}
.proListWrap .proNav li.close { max-height: 51px; }
.proListWrap .proNav li.m.on .h3 {/* background: #1dcbdc; */font-family: MiSans-M;}
.proListWrap .proNav li.m.on .h3 a {color: #f69603;}
.proListWrap .proNav li.m.on .h3 i {/* background: #1dcbdc; */color: #f69603;transform: rotate(180deg);}
.proListWrap .proNav li.m.on .h3 i:hover { background: #fff; color: #f69603; }
.proListWrap .proNav li.close .h3 i {transform: rotate(0deg)!important;}
.proListWrap .proNav li.dele{}
.proListWrap .proNav li.dele .h3 i{display: none;}

.section_proList{ width: 100%; float: left;}
.section_proList ul{
    margin: 0 -10px;
}
.section_proList li{ float: left; width: 50%; padding: 0 10px 20px; }
.section_proList li a{display: block;background: #fff;border-radius: 20px;padding: 0px 0px 25px;text-align: center;position: relative;/*z-index: 3;-webkit-transition: transform .2s,z-index 0.6s;-o-transition: transform .2s,z-index 0.6s;transition: transform .2s,z-index .6s*//* box-shadow: 3px 3px 6px 0px rgb(227 227 227); */z-index: 1;overflow: hidden;}
.section_proList li a .pic{position: relative;border-radius: 5px 5px 0 0;overflow: hidden;background-size: cover;}
.section_proList li a .pic img{width: 100%;}
.section_proList li a .pic .logo{position: absolute;left: 35px;top: 30px;height: 25px;width: auto; background: none;}
.section_proList li a .notes{width: 100%;background-color: #f69603;font-size: 26px;line-height: 48px;height: 48px;color: #fff;display: block; position: relative; z-index: 2;margin-top: -48px; display: none;/* border-radius: 0 0 5px 5px;*/}
.section_proList li a h2{font-size: 24px;color: #202020;line-height: 1;margin: 30px 0 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.section_proList li a .h3{display: inline-block;font-size: 18px;line-height: 20px;color: #747474;}
.section_proList li a .h3 span{display: inline-block;font-size: 18px;line-height: 20px;color: #747474;border-left: 1px solid #c9c9c9;padding: 0 0 0 15px;margin-left: 15px;}
.section_proList li a p{}
.section_proList li a .bd{padding: 15px 0 0 0;line-height: 30px;/* height: 30px; */}
.section_proList li a .price{ display: inline-block; font-size: 29px; color: #f69603; vertical-align: top;}
.section_proList li a .price i{font-weight: normal;}
.section_proList li a .bd span{display: inline-block;border: 1px solid #f69603;color: #fff;height: 30px;line-height: 28px;border-radius: 30px;padding: 0 11px 0 18px;vertical-align: top;margin-left: 15px;background: #f69603;}
.section_proList li a .bd span i{ vertical-align: top;padding: 0 0 0 5px;}
.section_proList li a:hover{transform: translate3d(0,-5px,0);/* box-shadow: 0 10px 30px rgb(0 0 0 / 10%); *//* z-index: 4;-webkit-transition:transform .2s,z-index 0s;-o-transition:transform .2s,z-index 0s;transition:transform .2s,z-index 0s;*/}
.section_proList li a:hover .bd span{ background: #f69603; color: #fff;font-family: MiSans-L;}

.proListWrap {
    padding: 0 0 0 245px;
    top: 0;
}

.wrap {
    max-width: 1300px;
    margin: 0 auto;
}