/*common*/ body{background: #f7f7f7;} .top,.content,.foot{overflow: hidden;} .main{overflow: hidden;margin: auto;width: 1200px; } .floatE{float: left;overflow: hidden;display: block;} .floatR{float: right;overflow: hidden;display: block;} .overH{overflow: hidden;} /* ================================================ top start ============================================ */ .top{background: url("/skin/hh/images/top_bg.jpg") no-repeat center 0px;} .topE{float: left;overflow: hidden;width: 271px;} .topE_yu{overflow: hidden;float: left;width: 50px;} .topE_yu a{ display: block; width: 50px; height: 50px; background: #034e9a; text-align: center; line-height: 50px; text-transform: uppercase; color: #fff; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .topE_yu a:hover{background: #fff;color: #bebebe} .topE_yu a.hover{background: #fff;color: #bebebe} .topE_yu a.hover:hover{background: #ffc027;color: #fff;} .topR{width:920px;float: right;overflow: hidden;} .topR span{display: block;line-height: 100px;float: left;padding-left: 20px;} .topR span a{ display: block; color: #fff; font-size: 16px; font-weight: bold; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; text-transform:capitalize; } .topR span a:hover{border-bottom: 2px solid #fff;line-height: 98px} .topR span a.hover{border-bottom: 2px solid #fff;line-height: 98px} .topS{overflow: hidden;width: 250px;position: absolute;z-index: 5;left: 50%;margin-left: 350px;*width: 425px;*margin-left: 175px;} .topS_text{ width: 190px; padding: 0px 0px 0px 10px; height: 50px; color: #ccc; font-size: 14px; text-transform: capitalize; float: left; outline: none; *line-height: 50px; } .topS_btn{ width: 50px; height: 50px; float: right; background: url("/skin/hh/images/search.jpg") no-repeat center; cursor: pointer; outline: none; } /* ================================================ top end ============================================ */ /* ================================================ content start ============================================ */ .content{background: #f7f7f7;} /* banner css */ .warrper { width:100%; } .m_auto{margin:0 auto} /*lunbo*/ .game_pic_tab{ height:500px; overflow:hidden; position:relative;} .game_pic{position:relative;width:1200px;height:500px;overflow: hidden;margin: auto;} .game_pic_tab .active{filter:alpha(opacity=100); -moz-opacity:1;opacity: 1; } .game_pic_icon{overflow:hidden;display:block; width:50px; height:100px; position:absolute; text-indent:9999em; top:0px; z-index:9999;display: none;} .game_pic_icon_l{ left: 50%; margin-left: -740px; background:url(/skin/hh/images/bE.png) no-repeat 140px 100px; z-index:4; padding:100px 0 100px 140px;top: 120px;} .game_pic_icon_r{left: 50%; margin-left: 550px; background:url(/skin/hh/images/bR.png) no-repeat 0 100px; z-index:4; padding:100px 140px 100px 0;top: 120px;} .game_pic_icon_l:hover{background: url("/skin/hh/images/bEh.png") no-repeat 140px 100px;} .game_pic_icon_r:hover{background: url("/skin/hh/images/bRh.png") no-repeat 0 100px;} .info-wrapper{ z-index:5} .prev_l,.next_r{top:0px; width:188px;height: 600px; background:url(/skin/hh/images/bBg.png) repeat 0 0; z-index:3; position:absolute;} .prev_l{ left:0} .next_r{ right:0} /* banner css */ /* news product */ .newProd_T{overflow: hidden;height: 100px;background: #fff;} .newProd_T h1{ color: #585858; font-size: 24px; line-height: 100px; padding-left: 40px; float: left; overflow: hidden; text-transform: uppercase; } .newProd_B{overflow: hidden;float: right;} .newProd_B a,.newProd_B a em,.newProd_B a span{ display: block; width: 100px; height: 100px; float: left; position: relative; overflow: hidden; } .newProd_Be{background: url("/skin/hh/images/npEh.jpg") no-repeat center;} .newProd_Br{background: url("/skin/hh/images/npR.jpg") no-repeat center;} .newProd_Be:hover{background: url("/skin/hh/images/npEh.jpg") no-repeat center #f7f7f7;} .newProd_Br:hover{background: url("/skin/hh/images/npR.jpg") no-repeat center #f7f7f7;} .newProd_B a span{position: absolute;top: 0;left: -100px;} .newProd_Beh{background: url("/skin/hh/images/npEh.jpg") no-repeat center #f7f7f7;} .newProd_Brh{background: url("/skin/hh/images/npR.jpg") no-repeat center #f7f7f7;} .newProd_Beh:hover{background: url("/skin/hh/images/npEh.jpg") no-repeat center #f7f7f7;} .newProd_Brh:hover{background: url("/skin/hh/images/npR.jpg") no-repeat center #f7f7f7;} .newProd_C{overflow: hidden;height: 185px;position: relative; background:#fff;} .newProd_C li.csscp{float: left;width: 285px; height: 160px; overflow: hidden;padding-bottom:15px; padding-right:20px} .newProd_C li.csscp2{float:right;width: 285px; height: 160px; overflow: hidden;padding-bottom:15px;} .newProd_C li a{display: block;width: 285px;height: 160px;text-align: center;position: relative;overflow: hidden;} .newProd_C li a img{height: 160px;} .newProd_C li .newProd_Ch{ overflow: hidden; width: 100%; height: 100%; left: -400px; top: 0; position: absolute; background: url("/skin/hh/images/p_bg.png"); text-align: center; } .newProd_Ch h3{color: #585858;font-size: 18px;padding: 50px 0px 15px 0px;cursor: pointer;text-transform: capitalize;} .newProd_C li .newProd_Ch img{width: 285px;height: 160px; } /* news product */ /* news product 2 */ .newProd2{height: 400px;background: url("/skin/hh/images/np2BG.jpg") no-repeat center;} .newProd2_cp{position: relative;} .newProd2_z{ width: 358px; padding:55px 0px 0px 40px; height: 144px; position: absolute; left: 0px; top: 0px; z-index: 2; background: #fff; } .newProd2_z a{ color: #585858; font-size: 24px; text-transform: uppercase; display: block; padding: 10px 0px 0px 0px; width: 199px; height: 189px; } .newProd2_b{background: #fff;position: absolute;right: 0;bottom: 0px;z-index: 1;} .newProd2_b a,.newProd2_b a em,.newProd2_b a span{ width: 201px; height: 100px; display: block; overflow: hidden; position: relative; } .newProd2_be{background: url("/skin/hh/images/npEh.jpg") no-repeat center #fff;} .newProd2_br{background: url("/skin/hh/images/npR.jpg") no-repeat center #fff;} .newProd2_be:hover{background: url("/skin/hh/images/npEh.jpg") no-repeat center #f7f7f7;} .newProd2_br:hover{background: url("/skin/hh/images/npR.jpg") no-repeat center #f7f7f7;} .newProd2_b a span{position: absolute;left: -201px;top: 0;} .newProd2_beh{background: url("/skin/hh/images/npEh.jpg") no-repeat center #f7f7f7;} .newProd2_brh{background: url("/skin/hh/images/npR.jpg") no-repeat center #f7f7f7;} .newProd2_beh:hover{background: url("/skin/hh/images/npEh.jpg") no-repeat center #f7f7f7;} .newProd2_brh:hover{background: url("/skin/hh/images/npR.jpg") no-repeat center #f7f7f7;} .newProd2_c{height: 400px;position: relative;width: 1200px;overflow: hidden;margin: auto;} .newProd2_c li{float: left;width: 1200px;} .newProd2_c li ol li{width: 198px;overflow: hidden;float: left;margin: 0px 2px 1px 0px;} .newProd2_c li ol li a{display: block;width: 199px;height: 189px;background: #fff;text-align: center;padding: 10px 0px 0px 0px;} .newProd2_c li ol li a p{color: #585858;font-size: 14px;padding-top: 3px;text-transform: capitalize;} .newProd2_c li ol li a:hover p{color: #1ed17f;} .newProd2_c li ol li.newProd2_zk{ width: 358px;padding:55px 0px 0px 40px;height: 144px;} .newProd2_c li ol li.newProd2_bk a{width: 198px;height: 89px;display: block;} /* news product 2 */ /* about and news */ .an{padding: 20px 0px;} .anE,.anR{width: 600px;overflow: hidden;height: 150px; background:#FFF} .anE{float: left;} .anR{float: right;} .anE_img,.anR_img{width: 200px;height: 150px;display: block;float: left;} .anE_img{background: #ff6161;} .anR_img{background: #1ed17f;} .anE_c,.anR_c{width: 340px;height: 140px;overflow: hidden;background: #fff;float: left;padding: 10px;} .anE_c p{color: #585858;font-size: 14px;line-height: 30px;} .anE_c:hover p{color: #ff6161;} .anR_c a{display: block;line-height: 30px;} .anR_c a span,.anR_c a em{display: block;color: #585858;font-size: 14px;} .anR_c a span{float: left;width: 250px;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;} .anR_c a em{float: right;} .anR_c a:hover span,.anR_c a:hover em{color: #1ed17f;} /* about and news */ /* ================================================ content end ============================================ */ /* ================================================ foot start ============================================ */ .foot{background: url("/skin/hh/images/foot_bg.jpg") no-repeat bottom #fff;padding: 30px 0px} .footE{float: left;width: 785px;overflow: hidden;} .footE_c{overflow: hidden;padding: 0px 0px 40px 0px;} .footE_c a{ display: block; color: #585858; font-size: 14px; text-transform: capitalize; float: left; padding-right: 45px; } .footE p{color: #ff6161;font-size: 12px;text-transform: capitalize;padding-bottom: 8px;} .footE p a{color: #ff6161;} .footE p a:hover{color: #1ed17f;} .footR{float: right;overflow: hidden;width: 415px;padding: 80px 0px 0px 0px;} .footR p,.footR p a{color: #a3a3a3;font-size: 12px;text-align: right;line-height: 22px;} .footR p a:hover{color: #ff6161;} /* ================================================ foot end ============================================ */ /* ================================================ inner begin ============================================ */ .main_b{line-height: 100px;} .main_b h1{color: #1ed17f;font-weight: bold;float: left;font-size: 18px;text-transform: uppercase;width: 200px;} .main_bt{overflow: hidden;float: left;} .main_bt,.main_bt span,.main_bt a{color: #a3a3a3;font-size: 14px;text-transform: capitalize;} .main_bt a.hover{color: #ff6161;} .main_bar{line-height: 50px;background: url("/skin/hh/images/bar_bg.jpg") no-repeat center;margin-bottom: 12px;} .main_bar a{ display: block; width: 203px; float: left; background: #ff6161; text-align: center; color: #fff; font-size: 14px; text-transform: capitalize; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .main_bar a:hover{background: #1ed17f;color: #fff;} .main_bar a.hover{background: #1ed17f;color: #fff;} .main_ac{overflow: hidden;background: url("/skin/hh/images/cont_bg.jpg") repeat-y center;margin-bottom: 80px;} /* about henghui */ .about{padding: 0px 0px 0px 0px;} .about h3{color: #333;font-size: 24px;text-transform: capitalize;} .about_c{overflow: hidden;padding: 30px 0 0 0;} .about_ce{float: left;width: 730px;overflow: hidden;} .about_c p,.about_ce p{color: #a3a3a3;font-size: 14px;line-height: 26px;} .about_cr{float: right;width: 395px;overflow: hidden;} /* about henghui */ /* contact henghui */ .contact{padding: 40px 0px 90px 0px;} .contact_e{float: left;width: 595px;overflow: hidden;border-top: 5px solid #fff;border-bottom: 10px solid #fff;padding:40px 0px 48px 0px;*padding:40px 0px 50px 0px;} .contact_e h2{color: #1ed17f;font-size: 24px;text-transform: capitalize;padding-bottom: 40px;} .contact_e p{color: #a3a3a3;font-size: 14px;line-height: 30px;font-size: 14px;} .contact_e p a{color: #a3a3a3;font-size: 14px;} .contact_e p a:hover{color: #1ed17f;} .contact_r{float: right;width: 495px;overflow: hidden;} .contact_r input,.contact_r textarea{ background: #fff; width: 483px; padding-left: 10px; color: #a3a3a3; font-size: 14px; text-transform: capitalize; border: 1px solid #fff; outline: none; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .contact_r input{height: 48px;margin-bottom: 8px;*line-height: 48px;} .contact_r textarea{height: 190px;padding-top: 10px;margin-bottom: 15px;} .contact_r input:hover, .contact_r textarea:hover{border: 1px solid #ff6161;} .contact_r input.contact_btn{ width: 190px; height: 50px; text-align: center; line-height: 50px; padding: 0; outline: none; cursor: pointer; color: #fff; font-size: 14px; text-transform: uppercase; float: right; background: #ff6161; border: none; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .contact_r input.contact_btn:hover{background: #1ed17f;border: none;} /* contact henghui */ /* news */ .news_m{margin: auto;} .news_b{padding-bottom: 80px;} .news{padding: 0px 0px 40px 0px;} .news h2{color: #333;font-size: 18px;font-weight: bold;padding: 40px 0px 10px 0px;} .news p{color: #a3a3a3;font-size: 14px;;line-height: 25px;width: 1155px;overflow: hidden;} .news a{display: block;} .news i{color: #ff6161;border-bottom: 1px solid #ff6161;padding-top: 25px;font-size:14px;display: inline-block;*display: inline;*zoom: 1;} .news i:hover{color: #1ed17f;border-bottom: 1px solid #1ed17f;} .newsC{overflow: hidden;padding: 25px 0px 0px 0px;} .newsC a{ display: block; background: #fff; line-height: 50px; overflow: hidden; margin-bottom: 12px; padding: 0px 15px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .newsC a span,.newsC a em{display: block;color: #a3a3a3;font-size: 14px;} .newsC a span{float: left;width: 1040px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .newsC a em{float: right;} .newsC a:hover{background: #ff6161;} .newsC a:hover span,.newsC a:hover em{color: #fff;} .newsC a.hover{background: #ff6161;} .newsC a.hover span,.newsC a.hover em{color: #fff;} /* news */ /*page*/ .page_ul{overflow: hidden;} .page_ul .page{ height:50px; font-size:14px; text-align:right; margin: 10px 0px; } .page_ul .page a{display:inline-block;} .page_ul .page .shu_1{ background:#fff; text-align:center; line-height:50px; height:50px; width:50px; color: #a3a3a3; margin-right: 6px; /*-webkit-transition:all 0.5s ease-in-out;*/ /*-moz-transition:all 0.5s ease-in-out;*/ /*-o-transition:all 0.5s ease-in-out;*/ /*transition:all 0.5s ease-in-out;*/ } .page_ul .page .shu_1:hover{background:#ff6161;color: #fff;} .page_ul .page .shu_1.hover{background:#ff6161;color: #fff;} .page_prev,.page_next{ width:50px; height: 50px; vertical-align: top; cursor: pointer; margin-right: 10px; display: inline-block; *display: inline; *zoom: 1; /*-webkit-transition:all 0.5s ease-in-out;*/ /*-moz-transition:all 0.5s ease-in-out;*/ /*-o-transition:all 0.5s ease-in-out;*/ /*transition:all 0.5s ease-in-out;*/ } .page_prev{background: url("/skin/hh/images/npE.jpg") no-repeat center #fff;} .page_next{background: url("/skin/hh/images/npR.jpg") no-repeat center #fff;} .page_prev:hover{background: url("/skin/hh/images/ceh.jpg") no-repeat center;} .page_next:hover{background: url("/skin/hh/images/crh.jpg") no-repeat center;} /* news inner */ .newsIn{padding: 40px 40px 0px 0px;} .newsIn_t{padding-bottom: 15px;overflow: hidden;border-bottom: 1px solid #ebebeb;} .newsIn_t h3{color: #595959;font-size: 18px;text-transform: capitalize;float: left;} .newsIn_t em{display: block;float: right;color: #a8a8a8;font-size: 12px;} .newsIn p{color: #a3a3a3;font-size: 14px;line-height: 28px;} .newsIn_b{overflow: hidden;padding: 50px 0px 80px 0px;} .newsIn_be,.newsIn_br{ width: 525px; padding-bottom: 10px; overflow: hidden; border-bottom: 1px solid #a8a8a8; color: #a8a8a8; font-size: 12px; text-transform: capitalize; } .newsIn_be{float: left;background: url("/skin/hh/images/niE.jpg") no-repeat left 3px;padding-left: 15px;} .newsIn_br{float: right;background: url("/skin/hh/images/niR.jpg") no-repeat right 3px;text-align: right;padding-right: 15px;} .newsIn_be:hover{color: #ff6161;background: url("/skin/hh/images/niHe.jpg") no-repeat left 3px;} .newsIn_br:hover{color: #ff6161;background: url("/skin/hh/images/niHr.jpg") no-repeat right 3px;} .newsIn_h{padding: 12px 0px 80px 0px;} .newsIn_hc{overflow: hidden;line-height: 100px;background: #fff;padding: 0px 35px;} .newsIn_hb{ display: block; width: 20px; height: 15px; background: url("/skin/hh/images/back.jpg") no-repeat; float: left; margin: 40px 0px 0px 0px; } .newsIn_hb:hover{background: url("/skin/hh/images/backH.jpg") no-repeat;} .newsIn_ht{ overflow: hidden; color: #a3a3a3; font-size: 14px; text-transform: uppercase; float: right; } /* news inner */ /* case */ .case{background: url("/skin/hh/images/caseBG.jpg") no-repeat center 0px;margin-bottom: 80px;} /* 效果CSS开始 */ .caseO{overflow: hidden;} .caseOe{width: 594px;overflow: hidden;float: left;margin:0px 0px 12px 0px;height: 594px;position: relative;} .caseOe a{display: block;} .caseOe img{width: 594px;height: 594px;} .caseOr{width: 594px;overflow: hidden;float: right;} .caseOr_c1{overflow: hidden;height: 291px;display: block;margin-bottom: 12px;position: relative;} .caseOr_c2{margin-right: 12px;} .mkeNum { /*background: #FFF url(/skin/hh/images/banNum.jpg);*/ /*height: 35px;*/ /*width: 37px;*/ position: absolute; z-index: 1; left: 50%; margin-left: 562px; bottom: 120px; } .mke_ns1,.mke_ns2{ line-height: 16px; text-align: center; height: 16px; width: 16px; position: absolute; display: block; font-size: 12px; background: #f7f7f7; } .mke_ns1 { left: 0px; top: -16px; color: #ff6161;} .mke_ns2 { color: #585858; right: -35px; bottom: 0px;background: url("/skin/hh/images/xie.jpg") no-repeat left #f7f7f7; padding-left: 6px;} .mkeLbtn,.mkeRbtn{ height: 145px; width: 145px; position: absolute; cursor: pointer; z-index: 10; top: 75.7%; right: 0; overflow: hidden; } .mkeLbtn_h,.mkeRbtn_h,.mkeLbtn_he,.mkeRbtn_hr{height: 145px;width: 145px;cursor: pointer;} .mkeLbtn_h { background: url(/skin/hh/images/ceh.jpg) no-repeat center #ff6161;} .mkeRbtn_h { background: url(/skin/hh/images/cr.jpg) no-repeat center #1ed17f;} .mkeLbtn_h:hover { background: url(/skin/hh/images/ceh.jpg) no-repeat center #ff6161;} .mkeRbtn_h:hover { background: url(/skin/hh/images/cr.jpg) no-repeat center #1ed17f;} .mkeLbtn_he,.mkeRbtn_hr{position: absolute;top: 0;left: -145px;} .mkeLbtn_he { background: url(/skin/hh/images/ceh.jpg) no-repeat center #ff6161;} .mkeRbtn_hr { background: url(/skin/hh/images/cr.jpg) no-repeat center #1ed17f;} .mkeLbtn_he:hover { background: url(/skin/hh/images/ceh.jpg) no-repeat center #ff6161;} .mkeRbtn_hr:hover { background: url(/skin/hh/images/cr.jpg) no-repeat center #1ed17f;} .mkeLbtn_h1,.mkeRbtn_h1,.mkeLbtn_he1,.mkeRbtn_hr1{height: 145px;width: 145px;cursor: pointer;} .mkeLbtn_h1 { background: url(/skin/hh/images/ceh.jpg) no-repeat center #ff6161;} .mkeRbtn_h1 { background: url(/skin/hh/images/cr.jpg) no-repeat center #1ed17f;} .mkeLbtn_h1:hover { background: url(/skin/hh/images/ceh.jpg) no-repeat center #ff6161;} .mkeRbtn_h1:hover { background: url(/skin/hh/images/cr.jpg) no-repeat center #1ed17f;} .mkeLbtn_he1,.mkeRbtn_hr1{position: absolute;top: 0;left: -145px;} .mkeLbtn_he1 { background: url(/skin/hh/images/ceh.jpg) no-repeat center #ff6161;} .mkeRbtn_hr1 { background: url(/skin/hh/images/cr.jpg) no-repeat center #1ed17f;} .mkeLbtn_he1:hover { background: url(/skin/hh/images/ceh.jpg) no-repeat center #ff6161;} .mkeRbtn_hr1:hover { background: url(/skin/hh/images/cr.jpg) no-repeat center #1ed17f;} /* 效果CSS结束 */ /* case */ /* product */ .product{overflow: hidden;background: url("/skin/hh/images/pBg1.jpg") repeat-y center 0px;} .productE{float: left;overflow: hidden;} .productEh{position: absolute;left: 50%;margin-left: -950px;} .productEhe{background: #fff;overflow: hidden;margin-bottom: 12px;/*padding-left: 56%;width: 420px;*/width: 538px;} .productCe{width: 190px;overflow: hidden;padding: 40px 0px 96px 0px;margin-bottom: 12px;background: #fff;float: right;} .productCe_c{overflow: hidden;padding-bottom: 20px;} .productCe_c a{display: block;font-size: 14px;color: #333} .productCe_c span a:hover{color: #ff6161;} .productCe_c span a.hover{color: #ff6161;} .productCe_h{overflow: hidden;padding: 20px 0px 15px 10px;display: none;} .productCe_h a{display: block;color: #a3a3a3;font-size: 16px;line-height: 25px;} .productCe_h a:hover{color: #1ed17f;} .productCe_h a.hover{color: #1ed17f;} .productCt{width: 190px;float: left;overflow: hidden;background: #fff;height: 200px;;margin-bottom: 50px;margin-left: 348px;} .productCt span,.productCt em{display: block;padding-left: 40px;} .productCt span{color: #a3a3a3;font-size: 14px;padding-top: 10px;} .productCt em{color: #1ed17f;font-size: 24px;padding-top: 5px;} .productCr{width: 1000px;overflow: hidden;float: right;} .productCr_c{overflow: hidden;background: #fff;margin-bottom: 12px;} .productCr_cp{float: left;overflow: hidden;padding: 60px;background: url("/skin/hh/images/pcLine.jpg") no-repeat right;display: block;} .productCr_cz{overflow: hidden;float: right;padding: 65px;text-align: right;} .productCr_cz h3, .productCr_cw h3{color: #585858;font-size: 18px;padding-bottom: 35px;} .productCr_cz p{color: #a3a3a3;font-size: 14px;line-height: 30px;width: 275px;float: right;} .productCr_cz i, .productCr_cw i{color: #ff6161;font-size: 14px;border-bottom: 1px solid #ff6161;padding-top:88px;display: inline-block;*display: inline;*zoom: 1;} .productCr_cz i:hover, .productCr_cw i:hover, .productU_cr i:hover{color: #1ed17f;border-bottom: 1px solid #1ed17f;} .productCr_cw{overflow: hidden;padding: 65px;float: left;} .productCr_cw p{width: 285px;overflow: hidden;color: #a3a3a3;font-size: 14px;line-height: 30px;} .productCr_ci{float: left;overflow: hidden;padding: 60px;background: url("/skin/hh/images/pcLine.jpg") no-repeat left;display: block;} .productU{overflow: hidden;background: url("/skin/hh/images/pkBg.jpg") no-repeat center 0px;margin-bottom: 80px;} .productU_c{width: 392px;height: 200px;background: #fff;margin: 0px 12px 12px 0px;float: left;} .productU_c img{width: 150px;height: 150px;margin: 20px 0px 0px 20px;} .productU_cr{float: right;width: 160px;overflow: hidden;padding: 40px 30px 0px 0px;text-align: right;display: block;} .productU_cr h3{color: #585858;font-size: 14px;padding-bottom: 15px;} .productU_cr p{color: #a3a3a3;font-size: 12px;line-height: 22px;height: 67px;overflow: hidden;} .productU_cr i{color: #ff6161;font-size: 14px;border-bottom: 1px solid #ff6161;padding-top:20px;display: inline-block;*display: inline;*zoom: 1;} /* product */ /* product inner */ .productIn{background: #fff;padding: 20px;margin-bottom: 12px;} .productIn_img{overflow: hidden;height: 390px;} .productIn_i{overflow: hidden;text-align: center;} .productIn_i img{width: 390px;height: 390px;} .productIn_z{overflow: hidden;position: relative;margin-top: -100px;padding-bottom: 15px;*margin-top:-55px; } .productIn_ze{overflow: hidden;float: left;padding-left: 25px; width:250px;} .productIn_ze p{color: #333;font-size: 18px;} .productIn_q{padding: 15px 30px;background: #ff6161;text-align: center;margin-bottom: 15px;display: inline-block;*display: inline;*zoom: 1;} .productIn_q i{color: #fff;font-size: 24px;} .productIn_q i.xie{font-size: 14px;} .productIn_zr{overflow: hidden;float: right;padding: 35px 25px 0px 0px;} .productIn_zr a{ display: block; width: 50px; height: 50px; background: #f7f7f7; overflow: hidden; text-align: center; float: left; margin: 0px 5px; filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; -khtml-opacity: 0.3; } .productIn_zr a img{width: 40px;height: 40px;margin: 5px;} .productIn_zr a:hover{ filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; -khtml-opacity: 1; } .productIn_zr a.hover{ filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; -khtml-opacity: 1; } .productIn_s{overflow: hidden;padding: 40px;background: #fff;margin-bottom: 12px;} .productIn_s h1{color: #333;font-size: 18px;padding-bottom: 15px;border-bottom: 1px solid #ebebeb;} .productIn_sc{overflow: hidden;padding: 30px 0px;border-bottom: 1px solid #ebebeb;} .productIn_sc h5{color: #333;font-size: 14px;padding-bottom: 10px;} .productIn_sc p{color: #a3a3a3;font-size: 14px;line-height: 25px;} .productIn_si{overflow: hidden;text-align: right;padding: 30px 0px 0px 0px;} .productIn_si a{ width: 25px; height: 25px; margin: 0px 5px; display: inline-block; *display: inline; *zoom: 1; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; } .productIn_si1{background: url("/skin/hh/images/i1.jpg") no-repeat;} .productIn_si2{background: url("/skin/hh/images/i2.jpg") no-repeat;} .productIn_si3{background: url("/skin/hh/images/i3.jpg") no-repeat;} .productIn_si1:hover{background: url("/skin/hh/images/i1h.jpg") no-repeat;} .productIn_si2:hover{background: url("/skin/hh/images/i2h.jpg") no-repeat;} .productIn_si3:hover{background: url("/skin/hh/images/i3h.jpg") no-repeat;} .productIn_u{overflow: hidden;height: 200px;background: url("/skin/hh/images/pBg2.jpg") repeat-y center;margin-bottom: 12px;} .productIn_ue{width: 810px;overflow: hidden;float: left;height: 200px;position: relative;} .productIn_ue li{width: 190px;overflow: hidden;float: left;padding-right: 12px;} .productIn_ue li a{display: block;width: 190px;height: 200px;background: #fff;text-align: center;} .productIn_ue li a img{width: 165px;height: 165px;} .productIn_ue li a p{color: #585858;font-size: 14px;cursor: pointer;} .productIn_ue li a:hover p{color: #ff6161;} .productIn_ur{overflow: hidden;float: left;width: 190px;} .productIn_ur a,.productIn_ur a em,.productIn_ur a span{ display: block; width: 190px; height: 100px; overflow: hidden; position: relative; } .productIn_ure{background: url("/skin/hh/images/ceh.jpg") no-repeat center #ff6161;} .productIn_urr{background: url("/skin/hh/images/cr.jpg") no-repeat center #1ed17f;} .productIn_ure:hover{background: url("/skin/hh/images/ceh.jpg") no-repeat center #ff6161;} .productIn_urr:hover{background: url("/skin/hh/images/cr.jpg") no-repeat center #1ed17f;} .productIn_ur a span{position: absolute;top: 0;left:-190px;} .productIn_ureH{background: url("/skin/hh/images/ceh.jpg") no-repeat center #ff6161;} .productIn_urrH{background: url("/skin/hh/images/cr.jpg") no-repeat center #1ed17f;} .productIn_ureH:hover{background: url("/skin/hh/images/ceh.jpg") no-repeat center #ff6161;} .productIn_urrH:hover{background: url("/skin/hh/images/cr.jpg") no-repeat center #1ed17f;} .productIn_b{width: 795px;} /* product inner */ .footE em img{ vertical-align: middle; margin: -3px 0px 0px 8px;} /* ================================================ inner end ============================================ */ .aboutus { line-height: 35px; font-size:16px;color: #999; padding-left:15px; } .xinleft{font-size:16px; padding-left:20px; color: #fff;} .yp { background-color: #EBEBEB; padding: 1px; margin: 1px; height: 30px; } .yp2 { background-color: #EBEBEB; padding: 1px; margin: 1px; height: 120px; } #pro_category .title{background:url(/skin/hh/images/left3-1.jpg); height:25px; line-height:22px; text-indent:8px; color:#fff; font-weight:bold; font-family:Verdana, Geneva, sans-serif} #pro_category a{ color:#000; text-decoration:none; display:block; overflow:hidden; font-family:"微软雅"; BORDER-RIGHT: #ccc 1px solid; } #pro_category dl dt{border-bottom:0px dotted #ccc;} #pro_category dl dt a{background:url(/skin/hh/images/left3-1.jpg);height:43px; line-height:43px; text-indent:10px; font-size:12px; color:#000;PADDING-LEFT: 1px;font-family:Verdana, Geneva, sans-serif} #pro_category dl dt a:hover{ background:url(/skin/hh/images/left3-1-1.jpg); height:43px; color: #FFF; } #pro_category dl dd{border-bottom:1px dotted #ccc;} #pro_category dl dd a{text-indent:18px; height:20px; line-height:20px;} #pro_category dl dd a:hover{background:#E6E6E6;}.homeas { font-family:"微软雅"; line-height: 15px; color: #666; font-size: 14px; } /* FILE ARCHIVED ON 01:27:32 Jun 21, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 07:32:54 Apr 24, 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: 1.71 exclusion.robots: 0.099 exclusion.robots.policy: 0.056 esindex: 0.035 cdx.remote: 313.882 LoadShardBlock: 158.625 (3) PetaboxLoader3.datanode: 97.442 (4) PetaboxLoader3.resolve: 109.131 (2) load_resource: 82.785 */