/*关于我们*/
.hisbox{ position: relative; margin-top: 20px; width: 100%; height: 231px;}
.hisbox_inner{ padding-left: 45px; padding-top: 12px; width: 1095px; height: 180px; background: url(http://htmimi.cn/img/about/his_bg.jpg) left 17px repeat-x; overflow: hidden;}
.hisbox > a{ position: absolute; top: 53px; width: 38px; height: 38px; display: block; z-index: 2;}
.hisbox > a.hisleft{ left: -38px; background: url(http://htmimi.cn/img/about/his_left.png) center no-repeat;}
.hisbox > a.hisright{ right: -38px; background: url(http://htmimi.cn/img/about/his_right.png) center no-repeat;}
.hislist{ width: 99999px;}
.hislist li{ margin-right: 80px; padding-top: 35px; width: 195px; background: url(http://htmimi.cn/img/about/his_idx.png) left top no-repeat;}
.hislist li h1{ margin-bottom: 5px; color: #0078ff; font-size: 30px; font-family: dincond-bold,sans-serif; display: inline-block;}

.a3_list{ margin-top: 40px;}
.a3_list li{ margin-right: 33px; width: 260px; text-align: center;}
.a3_list li.last{ margin-right: 0;}
.a3_list li h1{ margin-bottom: 10px; padding-top: 95px; color: #ff8100; font-size: 18px; font-weight: bold; display: inline-block;}
.a3_list li p{ text-align: left; line-height: 22px;}
.a3_list li.a3_icon1 h1{ background: url(http://htmimi.cn/img/about/a3_icon1.png) center top no-repeat;}
.a3_list li.a3_icon2 h1{ background: url(http://htmimi.cn/img/about/a3_icon2.png) center top no-repeat;}
.a3_list li.a3_icon3 h1{ background: url(http://htmimi.cn/img/about/a3_icon3.png) center top no-repeat;}
.a3_list li.a3_icon4 h1{ background: url(http://htmimi.cn/img/about/a3_icon4.png) center top no-repeat;}

.contact_intro{ margin-bottom: 65px;}
.contact_intro h1{ margin-bottom: 15px; color: #3178b7; font-size: 16px; font-weight: bold;}

/*最新动态*/
.news_list li{ padding: 25px 0; border-top: 2px solid #c6d3e3;}
.news_list li .nl_date{ margin-top: -3px; color: #0078ff; font-size: 22px; font-family: novecento_widenormal,sans-serif;}
.news_list li .nl_content{ width: 1000px;}
.news_list li .nl_content h1{ margin-bottom: 10px; color: #474752; font-size: 17px; font-weight: bold;}

/*最新动态内页*/
.nd_left{ width: 785px;}
.nd_right{ width: 301px;}
.nd_lt{ margin-bottom: 30px; padding-bottom: 10px; border-bottom: 2px solid #c6d3e3;}
.nd_lt h1{ margin-bottom: 10px; color: #0078ff; font-size: 22px; font-family: novecento_widenormal,sans-serif;}
.nd_lt h2{ margin-bottom: 30px; color: #474752; font-size: 17px; font-weight: bold;}
.nd_lt span{ margin-right: 20px;}
.nd_content img{ margin: 15px 0;}

.nd_lb{ margin-top: 30px;}
.nd_lb span{ display: inline;}
.nd_lb .bshare-custom{ display: inline;}
 .nd_lb .bshare-custom a { display: inline-block; margin: 0 0 0 5px; padding: 0; width: 32px; height: 32px; overflow: hidden; transition: all 400ms; -webkit-transition: all 400ms;}
 .nd_lb .bshare-custom .bshare-weixin { background: url(http://htmimi.cn/img/public/share_icon4.png) center no-repeat; }
 .nd_lb .bshare-custom .bshare-sinaminiblog { background: url(http://htmimi.cn/img/public/share_icon3.png) center no-repeat;}
 .nd_lb .bshare-custom .bshare-qzone { background: url(http://htmimi.cn/img/public/share_icon5.png) center no-repeat; }
 .nd_lb .bshare-custom .bshare-qqim { background: url(http://htmimi.cn/img/public/share_icon6.png) center no-repeat; }
 
 .nd_right > h1{ margin-bottom: 25px; color: #818181; font-size: 15px; font-weight: bold;}
 .nd_rt{ width: 100%; height: 193px; overflow: hidden;}
 .nd_rb{ padding: 20px; background-color: #daedf5;}
 .nd_rb h1{ margin-bottom: 10px; color: #0078ff; font-size: 22px; font-family: novecento_widenormal,sans-serif;}
 .nd_rb h2{ margin-bottom: 20px; color: #544646; font-size: 15px; font-weight: bold;}
 
 .video_top{ margin-bottom: 50px;}
 .video_top > h1{ margin-bottom: 20px; color: #0078ff; font-size: 18px; font-weight: bold;}
 .video_tl{ position: relative; width: 780px; height: 438px;}
 .video_tl:hover .vmask{ opacity: 1; -moz-opacity: 1; display: block \9;}
 .video_tr{ width: 360px; height: 438px; background-color: #daedf5;}
 .video_trinner{ padding: 40px;}
 .video_trinner ul li{ padding: 30px 0; border-bottom: 2px solid #c6d3e3;}
  .video_trinner ul li.current a{ color: #0078ff;}
  .video_trinner ul li a{ color: #000; font-size: 16px; font-weight: bold;}
  
  .video_bottom > h1{ margin-bottom: 20px; color: #0078ff; font-size: 18px; font-weight: bold;}
  .vlist_box{ position: relative; margin-bottom: 50px; width: 100%; height: 212px;}
  .vlist_box > a{ position: absolute; top: 90px; width: 38px; height: 38px; display: block; z-index: 2;}
.vlist_box > a.vlist_left{ left: -48px; background: url(http://htmimi.cn/img/news/v_left.png) center no-repeat;}
.vlist_box > a.vlist_right{ right: -48px; background: url(http://htmimi.cn/img/news/v_right.png) center no-repeat;;}
  .vlist_inner{ width: 100%; height: 212px; overflow: hidden;}
  .video_list{ width: 99999px;}
  .video_list li{ position: relative; margin-right: 15px; width: 371px; height: 212px; overflow: hidden; background: url(http://htmimi.cn/img/news/v2.jpg) center no-repeat;}
 .vinner{ position: relative; width: 100%; height: 100%; z-index: 2;}
 .vmask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; background: url(http://htmimi.cn/img/news/vmask.jpg) center no-repeat; opacity: 0; -moz-opacity: 0; display: none \9; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms;}
  .video_list li:hover .vmask{ opacity: 1; -moz-opacity: 1; display: block \9;}
  
/*12.29 video*/
.vnmain{ width: 713px; height: 244px;}
.vntit{ height: 60px; background-color: #fff;}
.vntit h1{ margin-left: 20px; color: #0078ff; font-size: 16px; font-weight: bold; line-height: 60px;}
.vnside{ margin-right: 10px; width: 204px; height: 60px; background-color: #fff;}
.vnside.last{ margin-right: 0;}
.vn_mainv{ height: 244px;}

.vn_sidev{ position: relative; width: 204px; height: 124px; overflow: hidden;}
.vn_sidev img{ position: relative; z-index: 2;} 
.vnmask{ position: absolute; left: 0; bottom: 0; width: 100%; height: 37px; background: url(http://htmimi.cn/img/news/vn_titbg.png) left top repeat; overflow: hidden; z-index: 3;}
.vnmask span{ width: 37px; height: 37px; background: url(http://htmimi.cn/img/news/vn_icon1.jpg) center no-repeat; display: block;}
.vnmask h1{ margin-left: 5px; color: #fff; line-height: 37px;}
.vn_sidebottom{ width: 204px; height: 119px; background-color: #fff; overflow: hidden;}
.vn_sidebottom ul{ margin-left: 20px; margin-top: 20px;}
.vn_sidebottom ul li{ margin-bottom: 15px; padding-left: 10px; background: url(http://htmimi.cn/img/news/vn_dot.jpg) left center no-repeat;}
.vn_sidebottom ul li a{ color: #4a5154; font-size: 14px;}

.poster-main{ position:relative;width:713px;height:244px;}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width:713px;height:244px;}
.poster-main .poster-list .poster-item{ position:absolute;left:0;top:0;}
.poster-main .poster-list .poster-item img{ position: relative; width: 100%; height: 100%; z-index: 2;}
.poster-main .poster-btn{ position:absolute;top:0;width:39px;height:75px; z-index:10; cursor:pointer;}
.poster-main .poster-prev-btn{left:0; background: url(http://htmimi.cn/img/news/vn_left.png) no-repeat center;}
.poster-main .poster-next-btn{right:0; background: url(http://htmimi.cn/img/news/vn_right.png) no-repeat center;}

/*战略伙伴*/
.partner_list{ width: 716px;}
.partner_list li{ position: relative; margin-bottom: 9px; margin-right: 9px; width: 170px; height: 170px; overflow: hidden; cursor: default;}
.partner_list li img{ position: relative; z-index: 2;}
.partner_list li .partnerlist_detail{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;  color: #fff; font-size: 18px; font-weight: bold; text-align: center; line-height: 170px; background-color: #0078ff; z-index: 3; display: none;}

/*投资者关系*/
.im_left{ width: 660px;}
.im_list li{ padding: 20px 0; border-bottom: 2px solid #c6d3e3;}
.im_list li.last{ border: none;}
.im_list li .im_date{ padding-top: 34px; color: #0078ff; font-size: 18px; font-weight: bold;}
.im_list li .im_content{ width: 540px;}
.im_list li .im_content h1{ margin-bottom: 10px; color: #544646; font-size: 18px; font-weight: bold;}

.invest_list1 li{ margin-bottom: 20px; padding: 20px 0; border-bottom: 2px solid #c6d3e3;}
.invest_list1 li.last{ margin: 0; padding: 0; border: none}
.i1_content{ margin-right: 35px; width: 257px;}
.i1_content.last{ margin-right: 0;}
.i1_content h1, .i2_content h1{ margin-bottom: 5px; color: #0078ff; font-size: 17px; font-weight: bold;}
.i2_content p{ width: 390px;}
.i2_content{ margin-right: 130px; width: 520px;}
a.i2_down{ margin-top: 20px; padding-top: 50px; color: #009998; font-size: 14px; font-weight: bold; background: url(http://htmimi.cn/img/invest/i2_icon1.png) center top no-repeat; display: inline-block;}

.invest_select li{ cursor: pointer;}
.invest_selectshow > div{ display: none;}

.i3select{ background: url(http://htmimi.cn/img/invest/i3_selectbg.jpg) left bottom repeat-x;}
.i3select li{padding-bottom: 15px; margin-right: 45px; color: #544646; font-size: 18px; font-weight: bold;}
.i3select li.on{ border-bottom: 2px solid #0078ff;}
.i3_content{ padding: 20px 100px; border-bottom: 2px solid #c6d3e3;}
.i3_content h1{ color: #0078ff; font-size: 17px; font-weight: bold;}
.i3_content p{ width: 850px;}

.i4_left{ width: 640px;}
.i4_right{ width: 449px;}
.i4select li{ margin-right: 3px; width: 100px; height: 49px; color: #fff; font-size: 30px; font-family: dincond-bold,sans-serif; line-height: 40px; text-align: center; background: url(http://htmimi.cn/img/invest/i4_select.jpg) center top no-repeat;}
.i4select li.on{ background: url(http://htmimi.cn/img/invest/i4_selecton.png) center top no-repeat;}
.i4_content{ padding: 20px 0;}
.i4_content ul{ width: 640px;}
.i4_content ul li{ position: relative; margin-right: 27px; margin-bottom: 27px; padding: 3px; width: 180px; height: 244px; background-color: #0078ff; overflow: hidden;}
.i4_content ul li > img{ position: relative; z-index: 2;}
.i4_content ul li h1{ margin-top: 35px; color: #fff; font-size: 36px; font-family: dincond-bold,sans-serif; text-align: center;}
.i4_content ul li h2{ margin-bottom: 20px; color: #fff; font-size: 18px; font-weight: bold; text-align: center;}
.i4_content ul li a{ text-align: center; display: block;}
.i4_content ul li .i4_detail{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; background-color: #0078ff; display: none;}

.invest_rt{ width: 100%; background-color: #1da1d8;}
.invest_rtinner{ padding: 15px 20px;}
.invest_rtinner .irt_pic{ padding: 3px; width: 180px; height: 244px; background-color: #0098d4; overflow: hidden;}
.invest_rtinner .irt_content{ position: relative; margin-left: 10px; width: 190px; height: 250px;}
.invest_rtinner .irt_content h1{ color: #fff; font-size: 35px; font-family: novecento_widenormal,sans-serif; letter-spacing: -2px;}
.invest_rtinner .irt_content h2, .invest_rtinner .irt_content h3{ color: #fff; font-size: 17px; font-weight: bold;}
.invest_rtinner .irt_content h2{ margin-bottom: 20px;}
.invest_rtinner .irt_content p{ position: absolute; left: 0; bottom: 0px; color: #fff; opacity: 0.5; -moz-opacity: 0.5; z-index: 2;}
.invest_rb{ height: 209px; background: url(http://htmimi.cn/img/invest/i_rb.jpg) center no-repeat;}
.invest_rbinner{ padding: 15px 20px;}
.invest_rbinner h1{ color: #544646; font-size: 14px; font-weight: bold; display: inline;}
.invest_rbinner h2{ color: #544646; font-size: 24px; font-family: novecento_widenormal,sans-serif; display: inline; vertical-align: 10px; vertical-align: -2px;}
.invest_rbinner p{ color: #544646; font-weight: bold;}

.i5_left{ width: 650px;}
.i5_right{ width: 449px;}
.i5select li{ margin-right: 3px; width: 100px; height: 49px; color: #fff; font-size: 30px; font-family: dincond-bold,sans-serif; line-height: 40px; text-align: center; background: url(http://htmimi.cn/img/invest/i4_select.jpg) center top no-repeat; cursor: pointer;}
.i5select li.on{ background: url(http://htmimi.cn/img/invest/i4_selecton.png) center top no-repeat;}
.i5_list{ margin-top: 35px; border-top: 2px solid #c6d3e3;}
.i5_list li{ padding: 20px 0; border-bottom: 2px solid #c6d3e3;}
.i5_list li .i5_date{ color: #0078ff; font-size: 16px; font-weight: bold;}
.i5_list li .i5_content{ width: 580px;}

.i6select li{ margin-right: 3px; width: 100px; height: 49px; color: #fff; font-size: 30px; font-family: dincond-bold,sans-serif; line-height: 40px; text-align: center; background: url(http://htmimi.cn/img/invest/i4_select.jpg) center top no-repeat; cursor: pointer;}
.i6select li.on{ background: url(http://htmimi.cn/img/invest/i4_selecton.png) center top no-repeat;}
.i6_list{ margin-top: 35px; border-top: 2px solid #c6d3e3;}
.i6_list li{ padding: 20px 0; border-bottom: 2px solid #c6d3e3;}
.i6_list li .i6_date{ color: #0078ff; font-size: 16px; font-weight: bold;}
.i6_list li .i6_content{ width: 1070px;}

.invest_page{ padding-left: 70px; text-align: left;}

.i7_left h1{ color: #544646; font-size: 14px; font-weight: bold; display: inline;}
.i7_left span{ color: #fe0000; font-size: 24px; font-weight: bold; font-family: dincond-bold,sans-serif; display: inline;}
.i7_left p{ color: #544646;}
.i7_left strong{ margin: 0; color: #544646; font-size: 13px;}
.i8_content h1{ margin-bottom: 20px; color: #0cabcb; font-size: 14px; font-weight: bold;}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

/*物业服务*/
.product_content .w1140 > img.active{ opacity: 1; -moz-opacity: 1;}

.p1_section1{ width: 100%; height: 750px; overflow: hidden; background: url(http://htmimi.cn/img/product/p11bg.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}
.p1_section1 .w1140{ position: relative; height: 100%;}
.p1_section1 .w1140 > img{ position: absolute; z-index: 2; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s linear; opacity: 0; -moz-opacity: 0;}
.p1_section1 .w1140 > img.p111{ bottom: -100px; left: -100px; left: -50px \9;}
.p1_section1 .w1140 > img.p112{ top: 370px; left: 650px; left: 600px \9;}

.p1_section1 .w1140 > img.p111.active{ bottom: 0; left: -50px;}
.p1_section1 .w1140 > img.p112.active{ top: 370px; left: 600px;}

.p1_section2{ width: 100%; height: 750px; background-color: #fff;}
.p1_section2 .w1140{ position: relative; height: 100%;}
.p1_section2 .w1140 > img{ position: absolute; z-index: 2; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; opacity: 0; -moz-opacity: 0;}
.p1_section2 .w1140 > img.p121{ top: 275px; left: -50px; left: 0 \9;}
.p1_section2 .w1140 > img.p122{ top: 18px; left: 418px; left: 468px \9;}
.p1_section2 .w1140 > img.p123{ top: 13px; left: 495px; left: 545px \9; -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5);}
.p1_section2 .w1140 > img.p124{ top: 420px; left: -50px; left: 0 \9;}
.p1_section2 .w1140 > img.p125{ top: 485px; left: -50px; left: 0 \9;}

.p1_section2 .w1140 > img.p121.active{ top: 275px; left: 0;}
.p1_section2 .w1140 > img.p122.active{ top: 18px; left: 468px;}
.p1_section2 .w1140 > img.p123.active{ top: 13px; left: 545px; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.p1_section2 .w1140 > img.p124.active{ top: 420px; left: 0;}
.p1_section2 .w1140 > img.p125.active{ top: 485px; left: 0;}

.p1_section3{ width: 100%; height: 750px; background-color: #e8f5fb;}
.p1_section3 .w1140{ position: relative; height: 100%;}
.p1_section3 .w1140 > img{ position: absolute; z-index: 2; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; opacity: 0; -moz-opacity: 0;}
.p1_section3 .w1140 > img.p131{ top: -40px; left: 0; -webkit-transform: rotateY(60deg);}
.p1_section3 .w1140 > img.p132{ top: 225px; right: 230px; right: 280px \9;}
.p1_section3 .w1140 > img.p133{ top: 345px; right: 35px; right: 85px \9;}
.p1_section3 .w1140 > img.p134{ top: 410px; right: 15px; right: 65px \9;}
.p1_section3 .w1140 > img.p135{ top: 10px; left: 140px; left: 190px \9;}

.p1_section3 .w1140 > img.p131.active{ top: -40px; left: 0; -webkit-transform: rotateY(0);}
.p1_section3 .w1140 > img.p132.active{ top: 225px; right: 280px;}
.p1_section3 .w1140 > img.p133.active{ top: 345px; right: 14px;}
.p1_section3 .w1140 > img.p134.active{ top: 410px; right: 65px;}
.p1_section3 .w1140 > img.p135.active{ top: 10px; left: 190px; left: 190px \9;}

.p1_section4{ width: 100%; height: 750px; background-color: #fff;}
.p1_section4 .w1140{ position: relative; height: 100%;}
.p1_section4 .w1140 > img{ position: absolute; z-index: 2; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; opacity: 0; -moz-opacity: 0;}

.p1_section4 .w1140 > img.p141{ top: 230px; left: -50px; left: 0 \9;}
.p1_section4 .w1140 > img.p142{ top: 360px; left: -50px; left: 0 \9;}
.p1_section4 .w1140 > img.p143{ top: 430px; left: -50px; left: 0 \9;}
.p1_section4 .w1140 > img.p144{ top: -10px; top: -60px \9; right: 0px;}
.p1_section4 .w1140 > img.p145{ top: 35px; right: 320px; right: 360px \9; z-index: 3; display: none;}
.p1_section4 .w1140 > img.p146{ top: 20px; right: 65px; right: 115px \9;}

.p1_section4 .w1140 > img.p141.active{ top: 230px; left: 0;}
.p1_section4 .w1140 > img.p142.active{ top: 360px; left: 0;}
.p1_section4 .w1140 > img.p143.active{ top: 430px; left: 0;}
.p1_section4 .w1140 > img.p144.active{ top: -60px; right: 0;}
.p1_section4 .w1140 > img.p145.active{ top: 35px; right: 360px; z-index: 3;}
.p1_section4 .w1140 > img.p146.active{ top: 20px; right: 115px;}

.p1_section5{ width: 100%; height: 750px; background-color: #e8f5fb;}
.p1_section5 .w1140{ position: relative; height: 100%;}
.p1_section5 .w1140 > img{ position: absolute; z-index: 2; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; transition: all 0.6s; opacity: 0; -moz-opacity: 0;}

.p1_section5 .w1140 > img.p151{ top: 230px; right: 340px; right: 390px \9;}
.p1_section5 .w1140 > img.p152{ top: 360px; right: 255px; right: 305px \9;}
.p1_section5 .w1140 > img.p153{ top: 430px; right: -40px; right: 10px \9;}
.p1_section5 .w1140 > img.p154{ top: 90px; left: 0px; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -o-transform: rotate(-30deg); transform: rotate(-30deg);}

.p1_section5 .w1140 > img.p151.active{ top: 230px; right: 390px;}
.p1_section5 .w1140 > img.p152.active{ top: 360px; right: 265px;}
.p1_section5 .w1140 > img.p153.active{ top: 430px; right: 18px;}
.p1_section5 .w1140 > img.p154.active{ top: 90px; left: 0px; -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0);}

/*智慧家庭*/
.p2_section1{ position: relative; width: 100%; height: 750px; overflow: hidden; background: url(http://htmimi.cn/img/product/p21bg.jpg) center no-repeat; background-size: cover; background-attachment: fixed; overflow: hidden;}
.p2_section1 .w1140{ position: relative; height: 100%;}
.p2_section1 img{ position: absolute; z-index: 2; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; opacity: 0; -moz-opacity: 0;}
.p2_section1 > img.p211{ bottom: -50px; left: -50px; left: 0 \9;}
.p2_section1 .w1140 > img.p212{ top: 370px; left: 650px; left: 600px \9;}

.p2_section1 > img.p211.active{ bottom: 0; left: 0; opacity: 1;}
.p2_section1 .w1140 > img.p212.active{ top: 370px; left: 600px;}

.p2_section2{ width: 100%; height: 750px; background-color: #fff;}
.p2_section2 .w1140{ position: relative; height: 100%;}
.p2_section2 img{ position: absolute; z-index: 2; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; opacity: 0; -moz-opacity: 0;}

.p2_section2 .w1140 > img.p221{ top: 290px; top: 355px \9; left: 0;}
.p2_section2 .w1140 > img.p222{ top: 355px; left: -50px; left: 0 \9;}
.p2_section2 .w1140 > img.p223{ top: 415px; left: -50px; left: 0 \9;}
.p2_section2 .w1140 > img.p224{ top: 500px; left: -50px; left: 0 \9;}
.p2_section2 .w1140 > img.p225{ top: 247px; right: -110px; right: -60px \9;}

.p2_section2 .w1140 > img.p222.active{ top: 355px; left: 0;}
.p2_section2 .w1140 > img.p223.active{ top: 415px; left: 0;}
.p2_section2 .w1140 > img.p224.active{ top: 500px; left: 0;}
.p2_section2 .w1140 > img.p225.active{ top: 247px; right: -60px;}

.p2_section3{ width: 100%; height: 750px; background-color: #e8f5fb;}
.p2_section3 .w1140{ position: relative; height: 100%;}
.p2_section3 img{ position: absolute; z-index: 2; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; opacity: 0; -moz-opacity: 0;}

.p2_section3 .w1140 > img.p231{ bottom: 0; left: 0;}
.p2_section3 .w1140 > img.p232{ top: 285px; right: 185px; right: 235px \9;}
.p2_section3 .w1140 > img.p233{ top: 415px; right: 95px; right: 145px \9;}
.p2_section3 .w1140 > img.p234{ top: 500px; right: -100px; right: -50px \9;}

.p2_section3 .w1140 > img.p231.active{ bottom: 0; left: 0;}
.p2_section3 .w1140 > img.p232.active{ top: 285px; right: 235px;}
.p2_section3 .w1140 > img.p233.active{ top: 415px; right: 104px;}
.p2_section3 .w1140 > img.p234.active{ top: 500px; right: -50px;}

/*邻里社交*/
.p3_section1{ width: 100%; height: 750px; background: url(http://htmimi.cn/img/product/p31bg.jpg) center no-repeat; background-size: cover; background-attachment: fixed; overflow: hidden;}
.p3_section1 .w1140{ position: relative; height: 100%;}
.p3_section1 .w1140 > img{ position: absolute; z-index: 2; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; opacity: 0; -moz-opacity: 0;}
.p3_section1 .w1140 > img.p311{ top: 290px; left: -50px; left: 0 \9;}
.p3_section1 .w1140 > img.p312{ top: 350px; left: 50px; left: 0 \9;}
.p3_section1 .w1140 > img.p313{ bottom: -50px; right: -12%; right: -10% \9;}

.p3_section1 .w1140 > img.p311.active{ top: 290px; left: 0;}
.p3_section1 .w1140 > img.p312.active{ top: 350px; left: 0;}
.p3_section1 .w1140 > img.p313.active{ bottom: 0; right: -10%;}

.p3_section2{ width: 100%; height: 750px; background-color: #e8f5fb;}
.p3_section2 .w1140{ position: relative; height: 100%;}
.p3_section2 .w1140 > img{ position: absolute; z-index: 2; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; opacity: 0; -moz-opacity: 0;}
.p3_section2 .w1140 > img.p321{ top: -60px; top: -110px \9; left: -50px;}
.p3_section2 .w1140 > img.p322{ top: 150px; right: 215px; right: 265px \9;}
.p3_section2 .w1140 > img.p323{ top: 280px; right: 135px; right: 185px \9;}
.p3_section2 .w1140 > img.p324{ top: 340px; right: -50px; right: 0 \9;}

.p3_section2 .w1140 > img.p321.active{ top: -110px; left: -50px;}
.p3_section2 .w1140 > img.p322.active{ top: 150px; right: 265px;}
.p3_section2 .w1140 > img.p323.active{ top: 280px; right: 136px;}
.p3_section2 .w1140 > img.p324.active{ top: 340px; right: 0;}

.p3_section3{ width: 100%; height: 750px; background-color: #fff;}
.p3_section3 .w1140{ position: relative; height: 100%;}
.p3_section3 .w1140 > img{ position: absolute; z-index: 2; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; opacity: 0; -moz-opacity: 0;}
.p3_section3 .w1140 > img.p331{ top: -120px; top: -170px \9; right: -50px;}
.p3_section3 .w1140 > img.p332{ top: 150px; left: -50px; left: 0 \9;}
.p3_section3 .w1140 > img.p333{ top: 290px; left: -50px; left: 0 \9;}
.p3_section3 .w1140 > img.p334{ top: 350px; left: -50px; left: 0 \9;}

.p3_section3 .w1140 > img.p331.active{ top: -170px; right: -50px;}
.p3_section3 .w1140 > img.p332.active{ top: 150px; left: 0;}
.p3_section3 .w1140 > img.p333.active{ top: 290px; left: 0;}
.p3_section3 .w1140 > img.p334.active{ top: 350px; left: 0;}

.p3_section4{ width: 100%; height: 750px; background-color: #e8f5fb;}
.p3_section4 .w1140{ position: relative; height: 100%;}
.p3_section4 .w1140 > img{ position: absolute; z-index: 2; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; opacity: 0; -moz-opacity: 0;}
.p3_section4 .w1140 > img.p341{ top: 290px; right: -50px; right: 95px \9;}
.p3_section4 .w1140 > img.p342{ top: 400px; right: -50px; right: 95px \9;}
.p3_section4 .w1140 > img.p343{ top: 470px; right: -50px; right: 0 \9;}
.p3_section4 .w1140 > img.p344{ top: 250px; top: 250px \9; left: -10px; left: -40px \9;}
.p3_section4 .w1140 > img.p345{ top: 164px; left: 106px;  -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -o-transform-origin: 0 100%; -ms-transform-origin: 100% 100%; transform-origin: 77% 81%; -moz-transform: rotateX(-43deg) rotateY(10deg); -o-transform: rotateX(-43deg) rotateY(10deg); -ms-transform: rotateX(-73deg) rotateY(10deg); transform: rotateX(-43deg) rotateY(10deg);}
.p3_section4 .w1140 > img.p346{ top: 93px; left: 174px; z-index: 3; -webkit-transform-origin: 76% 90%; -moz-transform-origin: 76% 90%; -o-transform-origin: 76% 90%; -ms-transform-origin: 76% 90%; transform-origin: 76% 90%; -webkit-transform: rotateX(42deg) rotateY(-12deg);  -moz-transform: rotateX(42deg) rotateY(-12deg); -o-transform: rotateX(42deg) rotateY(-12deg); -ms-transform: rotateX(42deg) rotateY(-12deg); transform: rotateX(42deg) rotateY(-12deg);}

.p3_section4 .w1140 > img.p341.active{ top: 290px; right: 95px;}
.p3_section4 .w1140 > img.p342.active{ top: 400px; right: 48px;}
.p3_section4 .w1140 > img.p343.active{ top: 470px; right: 0;}
.p3_section4 .w1140 > img.p344.active{ top: 250px; left: -40px;}
.p3_section4 .w1140 > img.p345.active{ -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); -o-transform: rotateX(0deg) rotateY(0deg); -ms-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg);}
.p3_section4 .w1140 > img.p346.active{ -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); -o-transform: rotateX(0deg) rotateY(0deg); -ms-transform: rotateX(0deg) rotateY(0deg); transform: rotateX(0deg) rotateY(0deg);}

/*服务产品*/
.p4_section1{ width: 100%; height: 750px; background: url(http://htmimi.cn/img/product/p41bg.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}
.p4_section1 .w1140{ position: relative; height: 100%;}
.p4_section1 .w1140 > img{ position: absolute; z-index: 2; -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; -ms-transition: all 2s; transition: all 2s; opacity: 0; -moz-opacity: 0;}
.p4_section1 .w1140 > img.p411{ top: 270px; right: 240px; right: 276px \9;}
.p4_section1 .w1140 > img.p412{ top: 330px; right: -100px; right: 0 \9;}
.p4_section1 .w1140 > img.p413{ top: 350px; right: 150px; right: 110px \9;}

.p4_section1 .w1140 > img.p411.active{ right: 276px;}
.p4_section1 .w1140 > img.p412.active{ right: 0;}
.p4_section1 .w1140 > img.p413.active{ right: 110px;}

.p4_section2{ width: 100%; height: 750px; background-color: #e8f5fb;}
.p4_section2 .w1140{ position: relative; height: 100%;}
.p4_section2 .w1140 > img{ position: absolute; z-index: 2; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; opacity: 0; -moz-opacity: 0;}
.p4_section2 .w1140 > img.p421{ top: 100px; right: 100px;} 
.p4_section2 .w1140 > img.p422{ top: 320px; left: -50px; left: 0 \9;}
.p4_section2 .w1140 > img.p423{ top: 390px; left: -50px; left: 0 \9;}
.p4_section2 .w1140 > img.p424{ top: 450px; left: -50px; left: 0 \9;}
.p4_section2 .w1140 > img.p425{ top: 523px; left: -50px; left: 0 \9;}

.p4_section2 .w1140 > img.p422.active{ left: 0;}
.p4_section2 .w1140 > img.p423.active{ left: 0;}
.p4_section2 .w1140 > img.p424.active{ left: 0;}
.p4_section2 .w1140 > img.p425.active{ left: 0;}

.p4_section3{ width: 100%; height: 750px; background: url(http://htmimi.cn/img/product/p43bg.jpg) center no-repeat; background-size: cover; background-attachment: fixed;}
.p4_section3 .w1140{ position: relative; height: 100%; overflow: hidden;}
.p4_section3 .w1140 > img{ position: absolute; z-index: 2; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; opacity: 0; -moz-opacity: 0;}

.p4_section3 .w1140 > img.p431{ top: 190px; right: 350px; right: 401px \9;}
.p4_section3 .w1140 > img.p432{ top: 263px; right: 200px; right: 251px \9;}
.p4_section3 .w1140 > img.p433{ top: 320px; right: 122px; right: 172px \9;}
.p4_section3 .w1140 > img.p434{ top: 395px; right: -50px; right: 0 \9;}

.p4_section3 .w1140 > img.p431.active{ right: 401px;}
.p4_section3 .w1140 > img.p432.active{ right: 251px;}
.p4_section3 .w1140 > img.p433.active{ right: 127px;}
.p4_section3 .w1140 > img.p434.active{ right: 0;}

/*互联网家居*/
.p5_section1{ position: relative; width: 100%; height: 750px; overflow: hidden; background: url(http://htmimi.cn/img/product/p51bg.jpg) center no-repeat; background-size: cover; background-attachment: fixed; overflow: hidden;}
.p5_section1 .w1140{ position: relative; height: 100%;}
.p5_section1 img{ position: absolute; z-index: 2; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; opacity: 0; -moz-opacity: 0;}
.p5_section1 .w1140 > img.p511{ top: 290px; left: -50px; left: 0 \9;}
.p5_section1 .w1140 > img.p512{ top: 355px; left: 50px; left: 0 \9;}

.p5_section1 .w1140 > img.p511.active{ top: 290px; left: 0;}
.p5_section1 .w1140 > img.p512.active{ top: 355px; left: 0;}
.p5_section1 .w1140 .mibg{ position: absolute; left: -7px; padding-left: 75px; width: 170px; height: 59px; line-height: 59px; color: #2c2920; font-size: 14px; font-weight: bold;}
.p5_section1 .w1140 .mibg a{ color: #2c2920; font-size: 14px;}
.p5_section1 .w1140 .mibg.mibg1{ top: 450px; background: url(http://htmimi.cn/img/product/mi_bg1.png) center no-repeat;}
.p5_section1 .w1140 .mibg.mibg2{ top: 515px; background: url(http://htmimi.cn/img/product/mi_bg2.png) center no-repeat; cursor: pointer;}
.p5_section1 .w1140 .misecwm{ position: absolute; left: 235px; top: 450px; width: 0; height: 127px; overflow: hidden; background: url(http://htmimi.cn/img/product/mi_2wm.png) center no-repeat; -webkit-transition: all 400ms; transition: all 400ms;}
.p5_section1 .w1140 .misecwm.on{ width: 127px;}

.p5_section2{ position: relative; width: 100%; height: 750px; overflow: hidden; background-color: #e8f5fb;}
.p5_section2 .w1140{ position: relative; height: 100%;}
.p5_section2 img{ position: absolute; z-index: 2; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; opacity: 0; -moz-opacity: 0;}
.p5_section2 .w1140 > img.p521{ top: 150px; left: -12%; left: -10% \9;}
.p5_section2 .w1140 > img.p522{ top: 265px; right: 190px; right: 240px \9;}
.p5_section2 .w1140 > img.p523{ top: 395px; right: 50px; right: 100px \9;}
.p5_section2 .w1140 > img.p524{ top: 460px; right: -50px; right: 0 \9;}

.p5_section2 .w1140 > img.p521.active{ top: 150px; left: -10%;}
.p5_section2 .w1140 > img.p522.active{ top: 265px; right: 240px;}
.p5_section2 .w1140 > img.p523.active{ top: 395px; right: 42px;}
.p5_section2 .w1140 > img.p524.active{ top: 460px; right: 0px;}

.p5_section3{ position: relative; width: 100%; height: 750px; overflow: hidden; background-color: #fff;}
.p5_section3 .w1140{ position: relative; height: 100%;}
.p5_section3 img{ position: absolute; z-index: 2; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; opacity: 0; -moz-opacity: 0;}
.p5_section3 .w1140 > img.p531{ top: 150px; right: -18%; right: -15% \9;}
.p5_section3 .w1140 > img.p532{ top: 265px; left: -50px; left:  0 \9;}
.p5_section3 .w1140 > img.p533{ top: 395px; left: -50px; left: 0 \9;}
.p5_section3 .w1140 > img.p534{ top: 460px; left: -50px; left: 0 \9;}

.p5_section3 .w1140 > img.p531.active{ top: 150px; right: -15%;}
.p5_section3 .w1140 > img.p532.active{ top: 265px; left: 0;}
.p5_section3 .w1140 > img.p533.active{ top: 395px; left: 0;}
.p5_section3 .w1140 > img.p534.active{ top: 460px; left: 0;}

.p5_section4{ position: relative; width: 100%; height: 750px; overflow: hidden; background-color: #e8f5fb;}
.p5_section4 .w1140{ position: relative; height: 100%;}
.p5_section4 img{ position: absolute; z-index: 2; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; transition: all 1s; opacity: 0; -moz-opacity: 0;}
.p5_section4 .w1140 > img.p541{ top: 150px; left: -12%; left: -10% \9;}
.p5_section4 .w1140 > img.p542{ top: 265px; right: 200px; right: 250px \9}
.p5_section4 .w1140 > img.p543{ top: 395px; right: 150px; right: 200px \9;}
.p5_section4 .w1140 > img.p544{ top: 460px; right: -50px; right: 0 \9;}

.p5_section4 .w1140 > img.p541.active{ top: 150px; left: -10%;}
.p5_section4 .w1140 > img.p542.active{ top: 265px; right: 250px;}
.p5_section4 .w1140 > img.p543.active{ top: 395px; right: 164px;}
.p5_section4 .w1140 > img.p544.active{ top: 460px; right: 0px;}



/*加入我们*/
.hr1list li{ margin-bottom: 20px; padding-left: 70px;}
.hr1list li.hr1li1{ background: url(http://htmimi.cn/img/hr/h_icon1.jpg) left top no-repeat;}
.hr1list li.hr1li2{ background: url(http://htmimi.cn/img/hr/h_icon2.jpg) left top no-repeat;}
.hr1list li.hr1li3{ margin-bottom: 0; background: url(http://htmimi.cn/img/hr/h_icon3.jpg) left top no-repeat;}
.hr1list li h1{ margin-bottom: 5px; color: #5c5c5c; font-size: 16px; font-weight: bold; display: inline-block;}
.hr1list li.last{ margin-right: 0;}
.hr_left{ width: 710px;}
.hr_right{ 392px}
.hr_lt{ padding-bottom: 30px;}
.hr_text{ padding: 0 10px; width: 298px; height: 52px; line-height: 52px; color: #474752; background-color: #f5b230;}
.hr_submitbtn{ margin: 0; padding: 0; width: 58px; height: 52px; border: 0; background: url(http://htmimi.cn/img/hr/submit_btn.jpg) center no-repeat; cursor: pointer;}

.hr3list li{ padding: 20px 0;  border-top: 2px solid #c6d3e3; background: url(http://htmimi.cn/img/hr/up_arrow.png) 655px 28px no-repeat; cursor: pointer; }
.hr3list li.on{ background: url(http://htmimi.cn/img/hr/down_arrow.png) 655px 28px no-repeat;}
.hr3_listleft{ padding-left: 30px; color: #474752; font-size: 14px; font-weight: bold;}
.hr3_listright{ width: 600px;}
.hr3_listright h1{  color: #0078ff; font-size: 16px; font-weight: bold;}
.hr3_listright strong{ margin-top: 20px; margin-bottom: 0; color: #474752; font-size: 14px;}
.hr3_listcontent{ display: none;}

/*
     FILE ARCHIVED ON 19:57:50 Dec 22, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:53:17 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.673
  exclusion.robots: 0.037
  exclusion.robots.policy: 0.022
  esindex: 0.012
  cdx.remote: 116.991
  LoadShardBlock: 299.939 (3)
  PetaboxLoader3.datanode: 321.58 (4)
  load_resource: 50.64
*/