/* CSS Document */

/*banner*/
#banner{  width:100%;  overflow:hidden; position:relative;}
#banner ul{ /*margin-bottom:10px;*/}
#banner ul li{ position:relative;  float:left;}
#banner ul li img{ width:100%;}
#aPrev, #aNext{ position:absolute; top:40%; display:block;  z-index:11; }
#aPrev{ left:20px;}
#aNext{ right:20px;}
#banner .ico{  text-align:center; position:absolute; width:100%; bottom:10%;}
#banner .ico ol{ display:inline-block; text-align:center;width:400px;}
#banner .ico ol li{ display:inline-block;zoom:1; *display:inline;margin:0 5px; background:url(https://midaishi.com/brand/images/ico-normal.png) no-repeat; width:10px; height:10px; cursor:pointer;}
#banner .ico ol li.active{ background:url(https://midaishi.com/brand/images/ico-active.png) no-repeat;}
.banner-txt{ position:absolute; top:20%; left:15%; font-size:14px; min-width:26%;}
.bannerBg{ background:#f05133;  padding:20px 40px; }
#banner ul li .bannerBg img{ width:auto; display:block; margin-bottom:10px;}
.bannerBg h3{ font-size:3em; color:#f05033; font-weight:bold;}
.bannerBg .pTxt16{ font-size:2em; color:#fff;}
.bannerBg .pTxt14{ font-size:1em; color:#fff; margin-bottom:10px;}
.bannerBg a{ position:relative; display:inline-block; background:#fff; padding:10px 20px;  text-align:center; color:#f05133; margin-right:5px;font-size:bold;}
.bannerBg a:hover{ color:red; }
.bannerBg a i{ display:block; position:absolute; right:3px; top:3px; background:url(https://midaishi.com/brand/images/banner-a-flag.png) no-repeat; width:10px; height:10px;}

/*公司历程*/
#brandHistory{ position:relative; width:100%;font-family:"微软雅黑"; color:#fff; /*background:#efe7da;*/ overflow:hidden;
}
#brandHistory .mianBd{ /*position:absolute; left:0; top:0;*/width:100%;}
.historyMain{ padding:0 12%; /*min-width:1000px;*/}
.historyMain h3{ color:#333; font-size:30px; font-weight:bold; margin-top:3%; text-align:center;}
.historyUl{ margin-top:3%; margin-bottom:3%;  font-size:22px; text-align:center; width:100%;}
.historyUl li{ float:left; width:33.33%; }
.historyUl li a{ position:relative; display:block; background:#333;padding:20px 0;}
.historyUl li.active a, .historyUl li:hover a{ background:#f05133;}
.historyUl li.active a span, .historyUl li:hover a span{ border:none;}
.historyUl li.active a i,  .historyUl 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;}
.historyUl li a span{ display:block; height:30px; line-height:30px; border-right:1px solid #565656;}
.historyLists{ font-size:12px; color:#000}
.timeUl{background:url(https://midaishi.com/brand/images/brand/bg-timer.jpg) repeat-y center 0;}
.timeUl li{ position:relative; width:100%;}
.listElement{ display:none; }
#brandHistory .popBox{ display:none; position:absolute; left:0; top:0; z-index:5; background:#333; opacity:0.6; filter:(alpha=60); width:100%; height:100%;}
#brandHistory .popTxt{display:none; position:absolute; left:0; top:0; width:100%;  color:#fff; z-index:6; text-align:center; padding-top:30%;}
#brandHistory .popTxt strong, #brandHistory .popTxt span{ display:block;}


#brandHistory .teamUl{ width:100%;}
#brandHistory .teamUl li{ float:left; width:50%;}
#brandHistory .teamUl li a{ position:relative; display:block; width:100%;}
#brandHistory .teamUl li a:hover .popBox{ display:block;}
#brandHistory .teamUl li a:hover .popTxt{ display:block;}

#brandHistory .teamUl img{ width:100%;}
#brandHistory .mmList{ width:100%;} 
#brandHistory .mmList li{ float:left;} 
#brandHistory .mmList li.width50{ width:50%;} 
#brandHistory .mmList li.width25{ width:25%;} 
#brandHistory .mmList li img{ width:100%;}


/*滚动条 */
.box{ width:100%;}
#wrap{ width:100%; min-height:794px; background:#1c1c1d; overflow:hidden; position:relative; }
#listbox{ /*float:left; width:99%; position:absolute; left:0; top:0;*/ }
#scrollbox{ float:right; width:1%; min-height:794px; background: #333; position:relative;}
#scrollbar{ width:100%; height:30px; background:#cc3f2e; position:absolute; left:0; top:0;}
#brandHistory .screenUl{ width:100%;}
#brandHistory .screenUl li{ float:left; width:20%;}
#brandHistory .screenUl li img{ width:100%;}
#brandHistory .screenTop ul{ width:100%;}
#brandHistory .screenTop li{ float:left; width:25%;}
#brandHistory .screenTop li.width50{ width:50%;}
.screenBox{ width:100%;}
.screenBox img{ width:100%;}
.screenBottom{ width:100%;}
.screenBottom ul{ width:100%;}
.screenBottom ul li{ float:left; width:50%;}
.screenBottom ul li.width100{ width:100%;}
.fl{ float:left;}
.width33{ width:25%}
.width50{ width:50%}

.screen3Ul{ width:100%;}
.screen3Ul li{ float:left; width:25%;}
.screen3Ul li.width50{ width:50%;}
.screen3Ul li img{ width:100%;}

/*简介*/
/**/
.recommend{ width:100%; position:relative; overflow:hidden; margin-top:4%; color:#fff; padding-bottom:2%; margin-bottom:2%;font-family:"微软雅黑"; font-size:14px; }
.recommend .holdImg{ position:absolute; left:0; top:0; width:100%; z-index:-1;}
.recommendWrap{ margin:0 18%;}
.recommend .fl{ float:left; width:15%;}
.recommend .fr{ float:right;width:72%;}
.recommendWrap h3{ font-weight:bold; font-size:42px; padding-top:5%; padding-left:5%;}
.recommendWrap p{  padding-top:3%;}