@charset "utf-8";
/* CSS Document */
body{background: #f5f5f5;}
.listContainer{padding: 15px 20px 100px 250px;}
.pageHeader{position: fixed; left: 0; top: 0; width: 100%;}
.FooterLogo, .footerContact, .copy { display: none; }

.proNav {width: 215px;position: fixed;left: 20px;top: 105px;bottom: 15px;overflow-y: scroll;/* background: #fff; */border-radius: 5px;}
.proNav>ul {background: #fff;padding: 6px 0 20px 0;border-radius: 20px;}
.proNav li.m {max-height: 900px;transition: max-height 0.5s;overflow: hidden;}
.proNav .h3 {line-height: 56px;position: relative;}
.proNav .h3 a {color: #3f3f3f;display: block;text-indent: 20px;font-size: 24px;font-family: MiSans-M;}
.proNav .h3 i {position: absolute;width: 56px;height: 56px;right: 2px;top: 50%;margin-top: -28px;line-height: 56px;text-align: center;font-size: 18px;cursor: pointer;border-radius: 24px;color: #999;transform: rotate(180deg);}
.proNav .h3 i:hover { }
.proNav .h3:hover { }
.proNav li.on .sub {padding: 0px 5px 5px 5px;}
.proNav .sub li {font-size: 12px;padding: 5px 0 0 0;}
.proNav .sub li a {color: #3f3f3f;display: block;font-size: 24px;line-height: 56px;text-indent: 40px;border-radius: 4px;font-family: MiSans-L;}
.proNav .sub li a:hover,.proNav .sub li.on a  { color: #007aef;background: #e5f7f7; }
.proNav .h3 a:hover, .proLeft .proNav .h3:hover a { color: #007aef; }
.proNav .h3 i:hover {/* background: #007aef; *//* color: #fff; */}
.proNav li.close {max-height: 56px;}
.proNav li.m.on .h3 {/* background: #1dcbdc; */}
.proNav li.m.on .h3 a {color: #007aef;}
.proNav li.m.on .h3 i {/* background: #1dcbdc; */color: #007aef;transform: rotate(180deg);}
.proNav li.m.on .h3 i:hover { background: #fff; color: #1dcbdc; }
.proNav li.close .h3 i {transform: rotate(0deg);}
 .proNav li.dele .h3 i {
    display: none;
}

.section_proList{ width: 100%;}
.section_proList ul{}
.section_proList li{padding: 0 0px 15px;}
.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); */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: 25px;height: 25px;width: auto;}
.section_proList li a .notes {width: 100%;background-color: #007aef;font-size: 24px;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: 23px;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: 1;color: #747474;}
.section_proList li a .h3 span {display: inline-block;/* font-size: 18px; *//* line-height: 20px; */color: #747474;border-left: 1px solid #747474;padding: 0 0 0 10px;margin-left: 10px;}
.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: #007aef;vertical-align: top;}
.section_proList li a .price i {font-weight: normal;}
.section_proList li a .bd span {display: inline-block;border: 1px solid #007aef;color: #fff;height: 32px;line-height: 32px;border-radius: 32px;padding: 0 11px 0 18px;vertical-align: top;margin-left: 10px;background: #007aef;font-size: 20px;}
.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: #007aef;color: #fff;}

.FooterNav,.footerHelp{display: none;}
.pageFooter{padding: 0;}