.idx_head{ height: 88px;}
.idx_head .topbg{ display: none;}
#banner {position:relative;height:456px; z-index: 2;}
#banner .pics {position: absolute; left: 0; top: 0; width:100%; height:100%; z-index: 2;}
#banner .pics li {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}
#banner .pics li.b1 {display:list-item;}
#banner .pics li a{ width: 100%; height: 100%; display: block;}
/*#banner .idxWrap {position:absolute; left:50%; bottom:20px; margin-left:-505px; width:1010px; height:10px;}*/
/*#banner .idxs {float:right; width:auto; height:100%;}
#banner .idxs li {float:left; margin-right:5px; width:10px; height:10px; background-color:gray; border-radius:11px; cursor:pointer;}
#banner .idxs li.on {background-color:#c69c3d;}
#banner .pics li a { width:100%; height:100%; display:block }*/

#banner .btns li {position:absolute; top:50%; z-index:4; margin-top:-26px; width:38px; height:38px; background-repeat:no-repeat; background-position:center center; cursor:pointer; opacity: 0; -moz-opacity: 0; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;}
#banner .btns .left {left:1%; background-image:url(http://htmimi.cn/img/index/idx_left.png);}
#banner .btns .right {right:1%; background-image:url(http://htmimi.cn/img/index/idx_right.png);}

.idxbanner_content{ position: relative; height: 100%; /*z-index: 4;*/ overflow: hidden;}
.idxbanner_content > div{ position: absolute; z-index: 3;}
.idxbanner_content > div.idx_font1{ right:60px;z-index:30;top: 110px;  -webkit-animation: fontshow1 1.5s forwards; -moz-animation: fontshow1 1.5s forwards; -o-animation: fontshow1 1.5s forwards; animation: fontshow1 1.5s forwards;}
.idxbanner_content > div.idx_appdown{ right: 0; bottom: 38px;z-index:30;}
.idx_appdown{ width: 345px;}
.idx_appdown .fl{ width: 210px;}
.idx_appdown .fr{ position: relative; width: 125px; height: 125px; overflow: hidden;}
.idx_appdown .fl img{ ; margin-bottom: 9px;}
.idx_appdown .fr img{ position: absolute; left: -125px; top: 0 z-index: 4; -webkit-transition: left 400ms; -moz-transition: left 400ms; -o-transition: left 400ms; transition: left 400ms;}

.idxbanner_phone{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; /*z-index: 3;*/}
.idxbanner_phone .w1140{ position: relative; height: 100%;}
.idxbanner_phone .w1140 > div.phone{ position: absolute; left: 0; top: 60px; top: 40px \9; opacity: 1; -moz-opacity: 1; z-index: 4; -webkit-animation: phoneshow 1s forwards; -moz-animation: phoneshow 1s forwards; -o-animation: phoneshow 1s forwards; animation: phoneshow 1s forwards;}

@-webkit-keyframes fontshow1{
	from{ right: -490px; opacity: 0.2;}
	to{ right: 70px; opacity: 1;}
}

@-moz-keyframes fontshow1{
	from{ right: -490px; -moz-opacity: 0.2;}
	to{ right: 70px; -moz-opacity: 1;}
}

@-o-keyframes fontshow1{
	from{ right: -490px; opacity: 0.2;}
	to{ right: 70px; opacity: 1;}
}

@keyframes fontshow1{
	from{ right: -490px; opacity: 0.2;}
	to{ right: 70px; opacity: 1;}
}

@-webkit-keyframes phoneshow{
	from{ top: 60px; opacity: 0.2;}
	to{ top: 40px; opacity: 1;}
}

@-moz-keyframes phoneshow{
	from{ top: 60px; -moz-opacity: 0.2;}
	to{ top: 40px; -moz-opacity: 1;}
}

@-o-keyframes phoneshow{
	from{ top: 60px; opacity: 0.2;}
	to{ top: 40px; opacity: 1;}
}

@keyframes phoneshow{
	from{ top: 60px; opacity: 0.2;}
	to{ top: 40px; opacity: 1;}
}

.idx_stock{ padding: 25px 0;}
.idx_stock .w1140{ position: relative; text-align: right;}
.idx_stock .w1140 h1, .idx_stock .w1140 h2{ display: inline;}
.idx_stock .w1140 h1{ color: #464d57; font-size: 14px; font-weight: bold;}
.idx_stock .w1140 h2{ color: #464d57; font-size: 24px; font-family: novecento_widenormal,sans-serif; letter-spacing: -2px; vertical-align: -3px;}

.idx_content{ padding-bottom: 20px;}
.idx_content_left{ width: 455px; height: 195px; background-color: #fff;}
.idx_content_left_inner{ padding: 35px 25px;}
.idx_content_left_inner h1{ color: #0078ff; font-size: 36px; font-family: dincond-bold,sans-serif;}
.idx_content_left_inner h2{ margin-bottom: 10px; color: #464d57; font-size: 20px; font-weight: bold;}
.idx_content_left_inner p{ width: 100%; height: 60px; color: #464d57; overflow: hidden;}

.idx_content_right > div{ height: 195px;width:227px;margin-right:2px;}
.idx_content_right > div.ir1{ background: url(http://htmimi.cn/img/index/ir1.jpg) center no-repeat;}
.idx_content_right > div.ir2{  background:url('http://htmimi.cn/img/index/ir2.jpg') no-repeat center center;}
.idx_content_right > div.ir3{background:url('http://htmimi.cn/img/index/ir3.jpg') no-repeat center center;margin-right:0;}
.ir_padding{ padding-top: 115px; padding-left: 20px;}
.idx_content_right h1{ color: #fff; font-size: 18px; font-weight: bold;}
.idx_content_right h2{ color: #fff; font-size:14px;/* font-family: dincond-medium,sans-serif; */ text-transform: uppercase; letter-spacing: -1px;}

.ad1Hover{display:block;}
.ad1:hover ad1Hover{display:block;}
.ad1{background: url(http://htmimi.cn/img/index/ad1.png) no-repeat;
    display: block;
    background-size: 136px 44px;
    position: relative;
width:136px;height:44px;}
.ad1 img{position: absolute;
    right: 0;
    top: -147px;
display:none; 
transition:all .3s;  
   
}
.ad1:hover img{display:block;transition:all .3s;}
/*
     FILE ARCHIVED ON 02:57:26 May 03, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:53:06 Oct 09, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.577
  exclusion.robots: 0.03
  exclusion.robots.policy: 0.018
  esindex: 0.012
  cdx.remote: 34.777
  LoadShardBlock: 193.171 (3)
  PetaboxLoader3.datanode: 82.23 (4)
  PetaboxLoader3.resolve: 206.697 (2)
  load_resource: 143.906
*/