html { overflow-x:hidden;}
h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{ margin:0; padding:0; color:#333;}
body{ margin:0;padding:0; font-size:12px; font-family:"Microsoft Yahei"; background-color:#fff; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:100; overflow:hidden;}
font{ font-size:100%;}
img,fieldset,iframe,table{ border:0;}
input,button,textarea,select{ font-size:12px;}
ul,ol,dl,dt,dd,li{ list-style:none;}
b{ font-weight:100; overflow:hidden;}
em,i{ font-style:normal; overflow:hidden;}
area { outline:none; border:none;}
a{ color:#333; text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none; color:#fff;}
.clear{ display:block; height:1px; overflow:hidden; clear:both;}
.clearfix{ clear:both;}
.clearfix{ zoom:1;}
.clearfix:after{ content:'.'; display:block; visibility:hidden; clear:both; width:1px; height:1px;}
.c:before,.c:after {content:"";display:table;}
.c:after {clear:both;}
.c {zoom:1;}
.wrap1{background:url(../../../images/static/mido08/rp1.jpg) no-repeat 50% 0;min-width:1000px;}
.wrap2{background:url(../../../images/static/mido08/rp2.jpg) no-repeat 50% 0px; min-width:1000px;}
.wrap3{background:url(../../../images/static/mido08/rp3.jpg) no-repeat 50% 0px; min-width:1000px;}
.wrap4{background:url(../../../images/static/mido08/rp4.jpg) no-repeat 50% 0px; min-width:1000px;}
.wrap5{background:url(../../../images/static/mido08/rp5.jpg) no-repeat 50% 0px; min-width:1000px;}
.wrap6{background:url(../../../images/static/mido08/rp6.jpg) no-repeat 50% 0px; min-width:1000px;}
.container {width:1000px;margin:0 auto;}
.pr {position:relative;}
.pa {position:absolute;}
.hide {display:block;width:0;height:0;overflow:hidden;}
.db{display:block;text-indent:-999em;}
.left{ float:left;}
.right{ float:right;}
.fyahei{ font-family:"Microsoft Yahei";}
.ta_l{ text-align:left;}
.ta_c{ text-align:center;}
.ta_r{ text-align:right;}
.wrapper{ margin:auto;width:1000px;}
.hidden{ display:none;}
.overflow{ overflow:visible;}
.white { color:#fff;}
.gray { color:#999;}
.scale img,.picture-list li .pic img,.article-list li img { -webkit-transition:-webkit-transform 500ms;transition:transform 500ms; vertical-align:top;}
.scale:hover img,.picture-list li .pic img:hover,.article-list li img:hover  { -webkit-transform:scale(1.06);transform:scale(1.06);}
/*top*/
.nav-top-bg,.nav-top{ background:#f7f7f7; line-height:28px; font-family:Verdana;}
.nav-top-bg span a{color:#773b09;}
.nav-top-bg span a:hover{ background-color:#f7f7f7;color:#773b09;}
.nav-top { overflow:hidden;}
.i_logo{ margin-top: 3px;}
.back{float:right;display:block;width:80px;text-align:right;}
.more { color:#b19651;}
.more a{ color:#b19651;}
.more a:hover { color:#fff;}
.tit_txt { text-indent:-999em; overflow:hidden;}
.box_h { position:absolute; width:100%; height:100%; left:0; top:0; z-index:10;}
a.box_h:hover { background:none;}
.header-banner { height:450px;}
/* head */
.head{position: relative; background: url(../../../images/static/mido08/hd.jpg) no-repeat; height: 750px;}
/* content */
.content1{position: relative; background: url(../../../images/static/mido08/ct1.jpg) no-repeat; width: 1000px;  height: 681px;  }
.content2{position: relative; background: pink url(../../../images/static/mido08/ct2.jpg) no-repeat; width: 1000px;  height: 1739px; }
.content3{position: relative; background: blue url(../../../images/static/mido08/ct3.jpg) no-repeat; width: 1000px;  height: 1096px; }
.content4{position: relative; background: #d26801 url(../../../images/static/mido08/ct4.jpg) no-repeat; width: 1000px;  height: 868px;}
.content5{position: relative;  width: 1000px;  height: 960px; /*border: 1px solid orange;*/}
/*content1*/
.video-wrap{position: absolute; left: 60px; top: 140px; width: 880px; height: 507px; padding-top: 10px; padding-left: 10px; background: url(../../../images/static/mido08/video-bg.png) no-repeat 0 0;}
.video-inner{width: 860px; height: 488px;}
.a-back{position: absolute; left: 440px; top: 155px; width: 551px; height: 344px; overflow: hidden;}
.a-front{position: absolute; left: 0; top: 285px; width: 478px; height: 347px; overflow: hidden;}
.a-center{position: absolute; left: 0; top: 0;}
.a-back-txt{position: absolute; left: 577px; top: 496px;}
.a-front-txt{position: absolute; left: 40px; top: 188px;}
.a-center{position: absolute; left: 97px; top: 650px;}
.a-left-bg{position: absolute; left: 0; top: 1100px;}
.a-left{position: absolute; left: 51px; top: 1167px;  overflow: hidden; width: 400px; height: 517px;}
.a-right-bg{position: absolute; left: 466px; top: 1107px;}
.a-right{position: absolute; left: 519px; top: 1385px; width: 464px; height: 297px; overflow: hidden; border: 6px solid #d66b00;}
/*a*/
.zhuan{position: absolute; left: 181px; top: 174px;
-webkit-animation: zhuan 7s infinite linear;
-o-animation: zhuan 7s infinite linear;
animation: zhuan 7s infinite linear;
}
@-webkit-keyframes zhuan {
	from { -webkit-transform: rotateZ(0deg); }
	to { -webkit-transform: rotateZ(360deg); }
}
@-o-keyframes zhuan {
	from { -o-transform: rotateZ(0deg); }
	to { -o-transform: rotateZ(360deg); }
}
@-moz-keyframes zhuan {
	from { -moz-transform: rotateZ(0deg); }
	to { -moz-transform: rotateZ(360deg); }
}
@keyframes zhuan {
	from { transform: rotateZ(0deg); }
	to { transform: rotateZ(360deg); }
}
.txt{font-size: 14px; line-height: 24px;  color: #fff; }
.txt1{position: absolute; left: 140px; top: 790px; text-align: center;}
.txt2{position: absolute; left: 580px;
    top: 1260px;
    width: 370px;
}
.txt3{position: absolute; left: 130px;
    top: 300px;;
    width: 370px;
}
.txt4{position: absolute; left: 580px;
    top: 810px;;
    width: 370px;
}
/*b*/
.b-bg{position: absolute; left: -15px; top: 85px; }
.b-watch{position: absolute; left: 538px; top: 106px; }
/*c*/
.c-bg{position: absolute; left: 427px; top: 625px;}
/*d*/
.d-watch{position: absolute; left: -110px; top: 77px;}
.d-info{position: absolute; left: 374px; top: 290px;}
/*e*/
.e-wrap{ position: absolute; left: 100px; top: 130px; width: 810px; height: 470px; overflow: hidden;}
.e-inner{ position: absolute; left: -810px; top: 0; width: 810px; height: 470px; }
.e-plus-left{ position: absolute; left: 211px; top: 283px; }
.e-plus-right{ position: absolute; left: 563px; top: 24px;}
.e-watch-left{position: absolute; left: 10px; top: 10px;}
.e-watch-right{position: absolute; right: 10px; top: 10px;}
.e-info-left{position: absolute; left: 270px; top: 290px;}
.e-info-right{position: absolute; left: 370px; top: 40px;}
.e-info-left ul li,
.e-info-right ul li{width: 185px; background: url(../../../images/static/mido08/border.png) no-repeat bottom left; line-height: 28px;}
.e-info-left ul li span,
.e-info-right ul li span{font-size: 12px; color: #fff;}
.e-info-left ul li em,
.e-info-right ul li em{font-size: 14px; color: #fff;}
.e-box{width: 600px; height: 330px; position: absolute; left: 338px; top: 270px; }
.e-box a{position: absolute; left: 0; top: 0; width: 600px; height: 330px;display: block;}
.e-box-left{position: absolute; left: 0; bottom: 0; width: 3px; height: 330px; background-color: #d26801;}
.e-box-top{position: absolute; left: 0; top: 0; width: 600px; height: 3px; background-color: #d26801;}
.e-box-right{position: absolute; right: 0; top: 0; width: 3px; height: 330px; background-color: #d26801;}
.e-box-bottom{position: absolute; right: 0; bottom: 0; width: 600px; height: 3px; background-color: #d26801;}


.prev{position: absolute; left: -5px; top: 306px; width: 94px; height: 76px; background: url(../../../images/static/mido08/prev.png) no-repeat 0 0;}
.next{position: absolute; left: 915px; top: 306px; width: 94px; height: 76px; background: url(../../../images/static/mido08/next.png) no-repeat 0 0;}
.point{position: absolute; left: 50%; margin-left: -120px; top: 635px; width: 240px; height: 18px;}
.point ul{ }
.point ul li{float: left; margin: 0 14px; width: 18px; height: 18px; background: url(../../../images/static/mido08/point.png) no-repeat top right;}
.point ul li.act{width: 18px; height: 18px; background: url(../../../images/static/mido08/point.png) no-repeat top left;}

/* focus */
.focus-wrap{width: 100%; height: 627px; position: relative; left: 0; top: 0;}
.focus{width: 100000px; height: 627px; position: absolute; left: 50%; top: 0; margin-left: -2500px;}
.focus ul{}
.focus ul li{float: left; width: 1000px; height: 627px;}
.focus ul li img{vertical-align: top;}
.focus-left,
.focus-right{position: absolute; top: 250px; width: 51px; height: 68px; background:url(../../../images/static/mido08/arr.jpg);}
.focus-left {left: 50%;  margin-left: -500px;  background-position: 0 0;}
.focus-right{right: 50%; margin-right: -500px; background-position: 0 -68px;}
.cover-left,
.cover-right{position: absolute; top: 0; width: 1000px; height: 627px; background-color: #000; opacity: 0.8;
filter: alpha(opacity=80);}
.cover-left{left:50%; top: 0; margin-left: -1500px;}
.cover-right{right:50%; top: 0; margin-right: -1500px;}

/* 放大效果 */
.a-front img,
.a-back img,
.a-left img,
.a-right img,
.b-watch,
.e-watch-left,
.e-watch-right
{
	-webkit-transition:-webkit-transform 500ms;
	-moz-transition:-moz-transform 500ms;
	-ms-transition:-ms-transform 500ms;
	transition:transform 500ms;
}
.a-front:hover img,
.a-back:hover img,
.a-left:hover img,
.a-right:hover img,
.b-watch:hover,
.e-watch-left:hover,
.e-watch-right:hover
{
	-webkit-transform:scale(1.06);
	-moz-transform:scale(1.06);
	-ms-transform:scale(1.06);
	transform:scale(1.06);
}
/*footer*/
.pubfooter {clear:both; padding-bottom:30px; background: #000; margin-left:auto; margin-right:auto; font-family:Helvetica}
.footer {text-align:center;margin:0 auto;}
.copyright{text-align:center;line-height:52px; color:#999;}
.foot_top {font-size:12px;line-height:24px; color:#999; text-align:center; height:24px;padding-top:40px;}
.foot_top .gray0{ color:#999;}
.foot_top .wbfoot{ background:url(http://www.xbiao.com/images/index/v_xbiao.png) no-repeat 0 2px; *background-position:left center; padding-left:20px; }
.footline{ display: inline-block;height:24px; line-height:24px; font-size:12px; vertical-align:middle; margin:0 10px; color:#999; font-family:"Sim Sun"}
.foot_top a { color:#999; display:inline-block;}
.foot_top a:hover { background:none; color:#999;text-decoration:underline;}
.iphone_ico i,.android_ico i,.telphone_ico i{ background:url(http://www.xbiao.com/images/index/ico_phone.png) no-repeat -3px 0; display:inline-block;width:18px; height:20px;padding-right:5px; vertical-align:middle;margin-top:-4px;*margin-top:0;margin-left:2px; opacity:.8;filter:alpha(opacity=80);}
.android_ico i{ background-position:-1px -26px;width:21px; height:24px; line-height:24px;margin-left:13px;}
.telphone_ico i{ background-position:-6px -59px;width:11px; height:22px; line-height:22px;margin-left:12px;}

/*baidu share*/
.wrapShare{ height:28px;overflow:hidden; display:block; padding-right:20px;padding-left:20px;width:185px;float:left;}
.bdshare_t { vertical-align:middle;}
.wrapShare .bds_more{ background:url(http://www.xbiao.com/images/static/bojue/plusshare.png) no-repeat left center!important; padding-left:17px; line-height:16px;cursor:pointer; float:left; height:16px;}
.bdshare_t .bds_tsina,.bdshare_t .bds_qzone,.bdshare_t .bds_tqq,.bdshare_t .bds_renren,.bdshare_t .bds_douban,.bdshare_t .bds_weixin{ background-image:url(../../../images/static/mido08/ii.png); background-repeat:no-repeat;}
.bdshare_t .bds_tsina { background-position:1px -39px!important ;}
.bdshare_t .bds_tsina:hover { background-position:1px 0px!important ;}
.bdshare_t .bds_qzone { background-position:-43px -39px!important ;}
.bdshare_t .bds_qzone:hover { background-position:-43px 0px!important ;}
.bdshare_t .bds_tqq { background-position:-21px -39px!important ;}
.bdshare_t .bds_tqq:hover { background-position:-21px 0px!important ;}
.bdshare_t .bds_renren { background-position:-66px -39px!important ;}
.bdshare_t .bds_renren:hover { background-position:-66px 0px!important ;}
.bdshare_t .bds_douban { background-position:-88px -39px!important ;}
.bdshare_t .bds_douban:hover { background-position:-88px 0px!important ;}
.bdshare_t .bds_weixin { background-position:-111px -39px!important ;}
.bdshare_t .bds_weixin:hover { background-position:-111px 0px!important ;}
/*baidu-share-pic*/
#pictureList .bdshare_t { opacity:0;filter:alpha(opacity=0); position:absolute; right:5px; width:50px;}
#pictureList .bdshare_t .bds_more { width:50px; padding-left:0;}