/* CSS Document */
/*  */
.techBd{ margin:0 9%;  font-family:"微软雅黑"; font-size:12px; color:#5d5b5b;}
#techBorder{ width:100%; padding-bottom:5%; border-bottom:3px solid #b1b1b1;}
.banneHold{ width:100%;}
.techWrap{ position:relative; width:100%; margin-top:4%; margin-bottom:4%;}
.techMain{ padding:0 12%; min-width:1000px;}
.techMain h3{ color:#333; font-size:30px; font-weight:bold; margin-top:3%; text-align:center;}
.techUl{ margin-top:3%; margin-bottom:3%;  font-size:22px; text-align:center; width:100%;}
.techUl li{ float:left; width:50%; *width:49.8%}
.techUl li a{ position:relative; display:block; background:#333;padding:20px 0;}
.techUl li.active a, .techUl li:hover a{ background:#f05133;}
.techUl li.active a span, .techUl li:hover a span{ border:none;}
.techUl li.active a i,  .techUl li:hover a i{ position:absolute; left:45%; bottom:-20px; display:block; border:10px solid transparent; border-top:10px solid #f05133; width:0; height:0;}
.techUl li a span{ display:block; height:30px; line-height:30px; border-right:1px solid #565656;}
.techLists{ font-size:22px;}
.timeUl{ background:url(https://midaishi.com/brand/images/bg-tech.jpg) repeat-y center 0; margin-bottom:8%;}
.timeUl li{ position:relative; width:45%;}
.shoeRight{ margin-left:55%; }
.MarginTop80{margin-top:-80%;}
.MarginTop50{margin-top:-50%;}
.MarginTop32{margin-top:-32%;}
.shoesLeft img, .shoeRight img{ width:100%; margin-bottom:4%; border:1px solid #ccc;}
.listElement{ width:100%; display:none;}
.shoeTitle{ margin-left:38%; padding-bottom:3%;}
.shoes-more{ margin: 0 44%; }
.paddingTop20{ padding-top:20%;}
.techLists  .show{ display:block;}
.videoWrap{ width:100%; margin-top:5%; margin-bottom:3%;}
.videoWrap div{ display:none; width:100%;}
.videosSreen{ width:100%;}
.videoWrap div.active{ display:block;}
.btnList{ width:103.3%;}
.btnList li{ float:left; width:30%; margin-right:3.3%; margin-bottom:2%;}
.btnList li a{ position:relative; padding:2%; display:block; background:#efefef;}
.btnList li a span{ position:absolute; left:44%; top:20%;  display:none;}
.btnList li a:hover, .btnList li.atcurrent a{ background:#d7d7d7;}
.btnList li a:hover span, .btnList li.atcurrent a span{ display:block}
.popClick1, .popClick2, .popClick3{ position:relative; display:block;}
.popBox1{ display:none;  position:absolute; left:-33% ; bottom:90%; }
.popClick1:hover .popBox1{ display:block; }
.popBox2{ display:none;  position:absolute; left:-92% ; bottom:90%; }
.popClick2:hover .popBox2{ display:block; }
.popBox3{ display:none;  position:absolute; left:-33% ; bottom:90%; }
.popClick3:hover .popBox3{ display:block; }