/*-------------------------------------- 全局公共样式---------------------------- ------------*/ .w100{width:100%} .www100{width:100%} .w1200{width:1200px;margin:0 auto} .fl{ float:left} .fr{ float:right} .slow img:hover{ -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; -moz-transform:scale(1.05); -o-moz-transform:scale(1.0); -o-moz-transform:scale(1.05); -webkit-moz-transform:scale(1.05); transform:scale(1.05);}/*图片放大*/ .slow,.slow img,.slow input,.slow a,.slow li:hover{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}/*缓慢效果*/ /*当前位置*/ .n_nav{position: absolute; left: 0;top: 0;z-index: 0;} .n_nav{margin: 0 0 0 0;} .n_nav a{position: relative;float: left;display: block; } .n_nav a.first{ background: none;} .n_nav a strong{position: relative;display: block;text-align: center;z-index: 9;height: 40px;line-height: 40px;color: #626262;font-size: 15px;font-weight: 100;padding: 0px 40px;} .n_nav a span{position: absolute; left: -1px; top: 0; z-index: 1; width: 100%; display: inherit; text-align: center;} .n_nav i{float: left;width: 13px;height: 40px;display:inline-block;background: url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/line1.png) center center no-repeat;} .n_nav a.on strong{background-color: #d42c30;color:#fff;} .n_nav a:hover strong{ background-color:#d42c30; color:#fff} .n_title{position:relative; height: 40px;line-height: 40px;overflow: hidden; background-color:#f6f6f6;} .n_title .main_box{position: relative;height: 40px;} .n_title h1{ padding:0 0 0px 0px; font-size:14px; color:#404041; line-height:45px; } .n_title h1 span{ font-size:14px; color:#404041; line-height:38px; font-family: "Arial"; text-transform:uppercase; font-weight:normal; padding-left:5px;} .position{ position: absolute; right: 0; top: 0; line-height: 40px; height: 40px; color:#7b7b7d; padding-left: 24px; margin-right: 50px;} .position i{background: url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/icon_position_id.png) center no-repeat;float: left;display: block;height: 40px;width: 20px;} .position a{vertical-align: middle;font-size:12px;color: #7b7b7d;float: left;display: block;line-height: 40px;} .position span{vertical-align: middle;font-size:12px;color:#82828e;font-style:normal;float: left;display: block;line-height: 40px;} .position .span{ color:#a3a4ad; background: url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/home.png) left 13px no-repeat; width: 20px; height: 40px;} /*当前位置 结束*/ *{margin:0;padding:0;border: none;list-style: none;text-decoration: none;outline:none;-webkit-text-size-adjust:none;} a{color:#000000;font-family: "微软雅黑";} .clear{height:0; clear:both; zoom:1; float: left; margin-left: 48%;} * html .clearfix {height:1%} .w_link{ float:right; height:25px; padding-top:8px;} .w_link a{color:#666666;} .m_nav{width:35%;float: right;margin-right: 10%;margin-top: -10px;color: #666666;margin-left: 0px;} #jump{position:relative;z-index:400;display:block;float:left;} *html #jump{position:absolute;top:expression(documentElement.scrollTop + "px");margin:300px 0 0 0;} #weixin{display:block;width:22px;height:22px;overflow:hidden;cursor:pointer;background:url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/weixin.png) no-repeat; margin-top: 2px;z-index:99999999;} #EWM{position:absolute;left:-150px;display:none;z-index:99} #EWM img{width:150px;height:150px;z-index:9999999;position: absolute;} .starbucks-top {position:relative;border-top:5px solid #935212;} .starbucks-top-wrap {height:90px;position:relative;width:100%;margin:0 auto;text-align: right;} .starbucks-logo {float:left;display:block;margin-top:10px;margin-left: 10%;} .starbucks-logo img { height:auto; vertical-align:bottom; padding-top: 10px;} /*=================导航=================*/ #nav{ position:absolute; top:0px; padding-top: 20px; float: right;} #nav li{ margin:0 -2px; position:relative; display: inline-block; } #nav li .a{display: inherit;text-align:center;padding: 0 18px 0 22px;background: url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/line_nav.png) left center no-repeat;} #nav li.first .a{ background:none !important;} #nav li .a strong{font-size:17px;color: #000000;font-weight: 500;line-height: 90px;text-align:center;position:relative;z-index:4;} #nav li .a span{ position:absolute; top: -12px; left:0%; display: inherit; width:100%; text-align:center;} #nav li:hover .a strong{ color: #d52c31;} #nav .list {position:absolute;display:none;top: 69px;left:0;width:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B26691CA', endColorstr='#B26691CA');background: #d52c31;} #nav .list a{display: block;height: 40px !important;line-height: 40px;text-align: center;font-size: 12px;color: #fff;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */} #nav .list a:hover{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC6691CA', endColorstr='#CC6691CA');background:#3d404c} #nav li ul li{line-height:36px;height:36px;padding: 0 15px;text-align:center;overflow:hidden;width:100px;} #nav li ul li a{ font-size:14px; color:#fff;} #nav li ul li:hover{ background-color:#3d404c;} /*==========================================导航 结束=============================================*/ /*轮播*/ .datu{ height:550px; position:relative; width:100%} #banner{ position:relative; height:550px; } #banner .bd { position:relative;} #banner .bd a{ display:block; width:100%; height: 550px;} #banner .hd{ margin:0 auto; position:absolute; width:100%;} #banner .hd a{ display:block; width:55px; height:105px;} #banner .hd ul{ margin:0 auto; z-index:9; width:100%; display:inherit; text-align:center;margin-top:-50px; position:relative; height:40px;} #banner .hd ul li{ display:inline-block; padding-top:13px;} #banner .hd ul li a{ line-height:40px; border-radius:50%; height:10px; width:10px; margin:0 3px; display:block; background:#fff;} #banner .hd ul li a:hover{ background:#d42c30; } #banner .hd ul .on a{ background:#d42c30; } #banner .bnt{ position:absolute; top:50%; z-index:3; margin-top:-55px;} #banner .bnt:hover{ } #banner .prev{position:absolute;left: -56px;} #banner .next{position:absolute;right: -56px;} #banner:hover .prev{left:90px; opacity:1; filter:alpha(opacity=100);} #banner:hover .next{right:90px; opacity:1; filter:alpha(opacity=100);} /*产品快列*/ .s_slide_box {z-index:2;position:absolute;bottom:0;left:50%;margin-left:-550px;height: 105px;width:1050px;border-top:1px solid #373b3;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC6691CA', endColorstr='#CC6691CA');background: rgba(0,0,0,0.6); } .s_slide_box .content{ position:relative;} .s_slide_box .content .hd{} .s_slide_box .content .hd a{position:absolute;display:block;width:30px;height:30px;top: 50%;margin-top: -15px;} .s_slide_box .content .hd .prev{left: -50px;background:url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/bnt_s_slide_prev.png) center no-repeat;} .s_slide_box .content .hd .next{right: -50px;background:url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/bnt_s_slide_next.png) center no-repeat;} .s_slide_box .content .hd .prev:hover{ } .s_slide_box .content .hd .next:hover{ } .s_slide_box .content .bd{} .s_slide_box .content .bd .box{width: 1200px;margin:0 auto;overflow:hidden;position:relative;} .s_slide_box .content ul li a{display:inline-block;height: 105px;width: 300px;} .s_slide_box .content li {width:266px !important;overflow:hidden;position:relative;display: inherit;height: 105px;float:left;text-align: center;box-sizing: border-box;border-right: 1px solid #585858;} .s_slide_box .content li img{display: inline-block;margin: 22px 20px 0 30px;float: left;} .s_slide_box .content li .text_box{display: inherit;text-align: left;float: left;} .s_slide_box .content li .text_box h1{ font-size: 22px; display:block; margin-bottom: 5px; padding-top: 25px; color:#fff; font-weight: 550;}.s_slide_box .content li .text_box span{font-size: 12px;color:#aeb2b4;line-height:18px;color:#fff;font-weight: 300;} .s_slide_box .content li a:hover{ background:#d42c30} .s_main_box{ position:relative; z-index:2; } .s_main_box .s_more{ display:block; background:url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/icon_more.png) center no-repeat; width:14px; height:20px;} .s_main_box .s_more:hover{ background:url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/icon_more_hover.png) center no-repeat;} /*轮播*/ /*产品快列*/ /*==========================================产品快列 结束=============================================*/ /*==========================================首页门店 开始=============================================*/ .container .nav{ height:40px; line-height:40px; margin-bottom:5px;} .container .nav h3{ color:#4f4f50; background:url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/line.png) left center no-repeat; display:inline-block; float:left; padding-left:15px;} .container .nav a{ color:#696a6b; font-size:14px; float:right;} .container .nav a span{ font-family:Simsun; margin-left:5px;} .container01{padding-top: 8px;padding-right: 0;padding-bottom: 10px;padding-left: 0;background-color: #F5F5F5;} .container01 .content{ width:1200px; margin:0 auto;} #s_slide_bar{overflow: hidden;background: #fff;} #s_slide_bar li.on{width: 640px;} #s_slide_bar h1{font-size: 18px;font-weight: 700;margin:0 2px 5px 0;color: #575758;padding-top: 2px; display:inline-block;} #s_slide_bar small{ font-size:13px; color:#666666; display:inline-block; padding:6px 8px; border:#c7c8c9 1px solid; border-radius:2px;} #s_slide_bar p{width: 230px;padding-left: 22px;font-size:14px;line-height:22px;} #s_slide_bar .p1{color:#626263;background: url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/tel.png) 0 4px no-repeat;margin-top: 30px;} #s_slide_bar .p2{color:#78797a;background: url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/local.png) 0 4px no-repeat;margin-top: 15px;} #s_slide_bar img{position:absolute;left: 0;top: 0;height: 220px;width: 330px;display: block; border:3px solid #fff;} #s_slide_bar .content .text_box{margin-left: 345px;position: relative;padding: 20px 0 0 15px;-moz-transition: all 0.4s linear;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;-ms-transition: all 0.4s linear;transition: all 0.4s linear;} #s_slide_bar li{width: 330px;overflow: hidden;position: relative;height: 220px;float: left;-moz-transition: all 0.4s linear;-webkit-transition: all 0.4s linear;-o-transition: all 0.4s linear;-ms-transition: all 0.4s linear;transition: all 0.4s linear;} /*团队风采 开始*/ .container03{ overflow:hidden;} #s_pro {padding: 12px 0;} #s_pro .s_title{float: left;width: 230px;margin-bottom: 35px;} #s_pro .s_title .main_box {position: relative;text-align: center;} #s_pro .s_title h1{font-size: 22px;height: 24px;line-height: 24px;color: #3a3a3b;margin-top: 30px;} #s_pro .s_title h2{font-size: 24px;height: 30px;line-height: 30px;color: #7d7e7f;background:url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/h-line.png) left bottom no-repeat;margin-bottom: 50px; text-transform:uppercase; padding:0 0 6px 0} #s_pro .main_box{ float: right; width: 970px; overflow: hidden;} #s_pro .hd{} #s_pro .hd a{display: inline-block;text-align: center;margin-top:-20px;width: 45px;height: 18px;line-height: 20px;color: #fff;background: #d7d7d7;font-size: 14px;font-family: "SimSun";text-transform: uppercase;} #s_pro .hd a:hover{ background:#d42c30; color: #fff;} #s_pro .hd a.prve{ left:0;} #s_pro .hd a.next{ right:0;} #s_pro ul{ margin-right: -30px; } #s_pro li{float:left;width: 320px;text-align: center;overflow: hidden;height: 210px;margin-right: 8px;display:block;position:relative;} #s_pro ul li .up{float:left;width: 320px;height: 210px;overflow:hidden;margin-bottom:10px;} #s_pro ul li .up img{float:left;width: 320px;height: 210px;} .container03 ul li .top{position:absolute;width:100%;height:0;top:0;left:0;text-align: center;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC6691CA', endColorstr='#CC6691CA');background: #d42c30;overflow:hidden;} .container03 ul li .top .center{position:absolute;top:50%;margin-top: -38px;left:50%;margin-left: -84px;} .container03 ul li .top .tittle{width: 168px;height: 50px;text-align: center;color: #fff;} .container03 ul li .top .tittle h5{width: 100%;display:inline-block;line-height: 48px;height: 36px;font-size: 15px;font-weight: normal;color: #f2f6f9;} .container03 ul li .top .tittle h6{width: 100%;display:inline-block;line-height:24px;height:24px;font-size: 12px;text-transform: uppercase;} .container03 ul li .top span{display:inline-block;width: 80px;height: 25px;box-sizing:border-box;border: #e37678 1px solid;line-height: 23px;text-align:center;font-size:12px;color: #e9c8cb;margin: 0 auto;border-radius: 3px;} .container03 ul li .top span:hover{background-color: #ffffff;border: #ffffff 1px solid;color: #999;} /*团队风采 结束*/ /* 新闻动态 */ .container02{ padding-top: 20px; padding-right: 0; padding-bottom: 10px; padding-left: 0; } .container02 .content{ width:1200px; margin:0 auto; } .container02 .content .left{ float:left; width:830px;} .notice { float:left; width: 830px; overflow: hidden; margin-top: -45px; margin-bottom: -50px;} .notice .tab-hd {float: right;width: 380px;text-align: right;height:50px; margin-right: 50px;} .notice .tab-hd ul { overflow: hidden; text-align: right;} .notice .tab-hd li{display: inline-block;width: 100px;height: 35px;line-height: 35px;text-align:center;margin-left: 15px;} .notice .tab-hd li a{display:block;border:#dcdcdc 1px solid;box-sizing:border-box;width: 100px;height: 35px;font-size:14px;color:#4f4f51;} .notice .tab-hd li a:hover{ color:#fff; background-color:#d42c30; border:#d42c30 1px solid; box-sizing:border-box; } .notice .tab-hd li.on a{ color:#fff; background-color:#d42c30; border:#d42c30 1px solid; box-sizing:border-box;} .clearr{clear:both;height:0px;font-size:0px;line-height:0px;} /* 新闻动态 */ .container02 .focusBox {float:left;position: relative;width: 380px;height: 355px;overflow: hidden;text-align: left;} .container02 .focusBox li{ width:355px !important;} .container02 .pic img {width: 355px;height: 255px;display: block;} .container02 ul li .top{ position:absolute; width:355px; height:40px; } .container02 ul li .top h6{ font-size:15px; color:#3c3c3e; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin:18px 0 5px 0;} .container02 ul li .top span{ font-size:12px; color:#b0b1b2;} .container02 .notice .tab-bd .con{ float:right; width:550px;} .container02 .notice .tab-bd .con ul li{ float:left; width:550px; padding:0 0 18px 0; border-bottom:#d7d7d9 1px dashed; margin-bottom:16px;} .container02 .notice .tab-bd .con ul li h5{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin:0 0 10px 0;} .container02 .notice .tab-bd .con ul li:hover{color:#d42c30;} .container02 .notice .tab-bd .con ul li h5 .span{ color:#d42c30;} .container02 .notice .tab-bd .con ul li a{ color:#323131; font-size:15px;} .container02 .notice .tab-bd .con ul li p{ color:#929294; font-size:12px; line-height:22px; height:44px; overflow:hidden;} .container02 .content .right{ float:right; width:340px;} .container02 .content .right ul li {width: 340px !important;overflow:hidden;position:relative;margin-bottom: 8px;display: inherit;height: 115px;float:left;text-align: center;box-sizing: border-box;background:url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/container02-bg.jpg) center center no-repeat;} .container02 .content .right ul li a{ display:block; width:100%; height:100%} .container02 .content .right ul li:nth-child(2){ background:url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/container02-bg-on.jpg) center center no-repeat;} .container02 .content .right ul li .img{width:58px;height:50px;margin: 47px 0 0 88px;float: left;} .container02 .content .right ul li:hover .img{margin: 45px 0 0 88px;} .container02 .content .right ul li img{display: inline-block;float: left;} .container02 .content .right ul li .text_box{display: inherit;text-align: left;float: left;} .container02 .content .right ul .text_box h1{font-size: 15px;display:block;margin-bottom: 0px;padding-top: 42px;color: #f2f6f9;} .container02 .content .right ul li:hover .text_box h1{ padding-top: 40px;} .container02 .content .right ul .text_box span{font-size: 12px;line-height:18px;color: #f2f6f9;text-transform: uppercase;} .container02 .content .right ul li:hover{ background:url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/container02-bg01.jpg.png) center center no-repeat;} .container02 .content .right ul li:nth-child(2):hover{ background:url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/container02-bg-on01.jpg) center center no-repeat;} .strengthMain li .font::before,.strengthMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;} .strengthMain li .font::before{top:35px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0} .strengthMain li .font::after{top:25px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;} .strengthMain li:hover .font::before,.strengthMain li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;} /*新闻 结束*/ /*侧导航 开始*/ .about .content .n-container01{ padding:30px 0 20px 0} .about .content .n-container01 .left{ width:820px;} .about .content .n-container01 .left h3{ color:#333333; font-weight:500; font-size:18px; margin-bottom:5px; font-family: "微软雅黑";} .about .content .n-container01 .left h4{ color:#8f9092; font-size:13px; text-transform:uppercase; margin-bottom:30px; font-weight: 200;} .about .content .n-container01 .left p{ color:#727374; font-size:14px; line-height:30px; margin-bottom:20px; font-weight: normal;} .about .content .n-container01 .right{ width:350px; height:520px; position:relative; border:#e1e1e4 1px solid;} .about .content .n-container01 .right .img{ position:absolute; bottom:10px; right:10px; width:340px; overflow:hidden; height:510px;} .about .content .n-container01 .right .img img{ float:left; width:340px; height:510px;} /*侧导航 结束*/ /*foot*/ .footer{ background:#F08519 repeat-x left top; padding-top:5px; font-size: 12px; margin-bottom: 0px; margin-top: 5px;} .foot{background:#333333 repeat;height: 138px;margin-bottom: -30px;padding-top: 18px;} .foot_con{width:75%;margin:0 auto;} .f_links,.f_links a{color:#FFFFFF;margin-top: -8px;line-height: 20px;letter-spacing: 1px;text-align: center;} .copy,.copy a,.copy span{text-align: right;float: none;letter-spacing: 6px;margin-top: -15px} .sybb{text-align: center;margin-left: 6px;margin-bottom: 5px;} /*==========================================门店展示 开始=============================================*/ #mdzs{overflow: hidden;} #mdzs h1{font-size: 20px;font-weight: 700;margin:0 2px 5px 0;color: #990000;padding-top: 2px; display:inline-block;} #mdzs small{ font-size:14px; color:#666666; display:inline-block; padding:6px 8px; border:#c7c8c9 1px solid; border-radius:2px;} #mdzs p{color:#626263;padding-left: 22px;font-size:14px;line-height:22px;} #mdzs .p1{ font-size:16px;color:#626263;background: url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/tel.png) 0 4px no-repeat;margin-top: 20px;} #mdzs .p2{ font-size:14px;color:#78797a;background: url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/local.png) 0 4px no-repeat;margin-top: 15px;} #mdzs .p3{ color:#626263; background: url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/fang.png) 0 4px no-repeat; margin-top: 8px; margin-right: 5px; margin-bottom: 5px; margin-left: 8px; } #mdzs .p4{ font-size:14px;color:#626263;background: url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/city-dingwei00.png) 0 4px no-repeat;margin-top: 20px;} #mdzs .p5{ font-size:14px;color:#626263;background: url(/web/20220501144948im_/http://www.hhxzx.cn/pc/images/ren.png) 0 4px no-repeat;margin-top: 20px;} /*==========================================门店展示 结束=============================================*/ /*==========================================门店展示 结束=============================================*/ /*图片放大缩小*/ .run_banner { position: relative; overflow: hidden; } .run_banner img { width: 100%; animation: scale_b 25s linear infinite alternate; position: relative; z-index: -1; } .run_banner .run_text { position: absolute; bottom: 15%; z-index: 111111; left: 9.7%; color: #fff; font-size: 48px; letter-spacing: 3px; } /*放大缩小*/ @-webkit-keyframes scale_b { 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); } 100% { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); } /*图片放大缩小结束*/ /* FILE ARCHIVED ON 14:49:48 May 01, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 05:33:51 May 09, 2023. 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: 67.594 exclusion.robots: 0.078 exclusion.robots.policy: 0.068 RedisCDXSource: 0.617 esindex: 0.009 LoadShardBlock: 45.51 (3) PetaboxLoader3.datanode: 75.09 (5) load_resource: 126.513 PetaboxLoader3.resolve: 61.328 loaddict: 37.481 */