@charset "utf-8";
body{ font-family: "Microsoft yahei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; background:#fff; overflow-x:auto;}
*{ margin:0; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
a{ text-decoration:none; color: #c9c7c7; cursor: auto;}
a:hover{ text-decoration: none; color:#C57D5C; }
i,em{ font-style:normal;}
a:active{ background:none}
li{ list-style-type:none;}
img{ border:none; width: 100%; display: block; max-height: 100%;}
input{ display: inline-block; margin: 0 0 0 0; font-size: 13px ;}
input[type=submit],button,input[type=button]{ cursor: pointer;}
input[type="button"], input[type="submit"], input[type="reset"] ,input[type="number"] ,textarea ,button{-webkit-appearance: none;}
.warnNull{ border:solid 1px #F80460; -webkit-box-shadow: 0 0 10px 2px #F80460; -moz-box-shadow: 0 0 10px 2px #F80460; box-shadow: 0 0 10px 2px #F80460; outline: none;}
.h1, .h2, .h3, h1, h2, h3{ font-weight:normal;margin-top: 20px;margin-bottom: 10px;}
h2{ font-size:16px;}
.mtb20{ margin-top:20px; margin-bottom:20px;}
.mt20{ margin-top:20px;}
.mt10{ margin-top:10px;}
.mt5{ margin-top:5px;}
.ml5{ margin-left:5px;}
.ml20{ margin-left:20px;}
.mr5{ margin-right:5px;}
.mr20{ margin-right:20px;}
.mr10{ margin-right:10px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb12{ margin-bottom:12px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mtb10{ margin-top:10px; margin-bottom:10px;}
.pad10{ padding:10px;}
.padLR10{ padding-left:10px; padding-right:10px;}
.padTB10{ padding-top:10px; padding-bottom:10px;}
.fl{ float:left;}
.fr{ float:right;}
.borderTopBot{ border:solid 1px #F2F2F2; border-left:none; border-right:none;}
.borderBot{ border-bottom:solid 1px #F2F2F2; }
.borderTot{ border-top:solid 1px #F2F2F2; }
.border{ border:solid 1px;}
.wBfb100{ width:100%;}
.w1000{ width: 1180px; margin: 0 auto;}
.w1180{ width: 1180px; margin: 20px auto;}

.whfx_tit{ height: 54px; line-height: 60px; border-top: solid 4px #DBC8BA;}
.whfx_tit h4{ font-weight: normal; font-size: 24px;}
.whfx_tit h4 span{ display: block; width: 200px; text-align: center;}
.whfx_tit h4 em{ color: #0098D9; font-style: oblique;}
.whfx_tit h4 img{ max-height: 50px; width: auto;}
.whfx_tit a.move{ font-size: 13px; color: #888; margin-top: 10px; cursor: pointer;}
.whfx_tit a.move:hover{ color: #9F0028;}
.whfx_site{ height: 70px; line-height: 70px;color: #666;}
.whfx_site a{ font-size: 14px; color: #666;}
.whfx_site a:nth-of-type(n+2),.whfx_site span{ padding-left: 7px;}
.whfx_page ul{ padding: 20px 20px; list-style: none; overflow: hidden; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; margin: 0 auto;}
.whfx_page ul li{ text-align: center;color:#656d78; float: left; height: 34px; line-height: 32px;}
.whfx_page ul li a{ color: #656d78; display: block; min-width: 35px; padding: 0 10px; height: 34px; line-height: 32px; border: 1px solid #e6e9ed; border-right: none; cursor: pointer; }
.whfx_page ul li:first-child a{ min-width: 60px; border-radius: 3px 0 0 3px;}
.whfx_page ul li:last-of-type a{ min-width: 60px; border-radius: 0 3px 3px 0; border-right: solid 1px #e6e9ed;}
.whfx_page ul li a.active,.whfx_page ul li a:hover{ background: #D9B39B; color: #fff; border-color: #D9B39B;}
.whfx_page ul li span strong{ display: inline-block; font-weight: normal; margin: 0 6px; font-size: 13px;}

.banner{ width: 100%;}
.whfx_banner{ width: 1180px; margin: 0 auto;}
.whfx_banner img{ width: 100%;}
.whfx_parting{ margin: 30px 0;}
.whfx_parting img{ width: auto;}
.whfx_container{ background: #f0f0f0;}
.whfx_subPage ul{ padding: 20px 20px; list-style: none; overflow: hidden; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; margin: 0 auto;}
.whfx_subPage ul li{ line-height: 24px; height: 26px; padding: 0 8px; border: solid 1px #D8D8D8; float: left; cursor: pointer; min-width: 35px; font-size: 12px; border-right: none; text-align: center;}
.whfx_subPage ul li:first-of-type{ border-radius: 3px 0 0 3px;}
.whfx_subPage ul li:last-of-type{ border-radius: 0 3px 3px 0; border-right: solid 1px #D8D8D8;}
.whfx_subPage ul li.active,.whfx_subPage ul li:hover{ color: #fff; background: #5293EA; border-color: #5293EA;}

.whfx_cptitle{ width: 1180px; margin: 20px auto; text-align: center;}
.whfx_cptitle h4{ margin-top: 6px; position: relative; line-height: 30px; font-size: 18px; display: inline-block; text-indent: 6px; font-style: normal; background: #FFF; color: #3c3c3c;}
.whfx_cptitle h4 i{ color: #FF4200; font-weight: bold; text-align: left; margin-right: 10px;}
.whfx_cptitle h4:before{ content: ""; position: absolute; left: -70px; top: 14px; width: 60px; height: 0; border-top: solid 1px #e6e6e6;}
.whfx_cptitle h4:after{ content: ""; position: absolute; right: -70px; top: 14px; width: 60px; height: 0; border-top: solid 1px #e6e6e6;}

/*   头部代码   */
body > header{background:url("../images/whfx_bg.png") repeat; width: 100%; }
#member > header{ border-bottom: solid 1px #E1D5D5; -webkit-box-shadow: 0 2px 3px #d9d9d9; -moz-box-shadow: 0 2px 3px #d9d9d9; box-shadow: 0 2px 3px #d9d9d9;}
.whfx_header{ width: 1180px; margin: 0 auto; padding: 10px 0; height:150px; position: relative;font-family:SimSun,"宋体";font-size:13px; color: #888;}
.whfx_header .whfx_logo{ margin-top: 10px; height: 120px;}
.whfx_header .whfx_logo img{ max-height: 120px; width: auto;}
.whfx_headSub{ padding: 15px 0; position: relative; height: 65px;}
.whfx_headSub .whfx_logo img{ height: 35px; width: auto;}

.whfx_con{ margin-left: 20px; line-height: 34px; height: 34px;}
.whfx_con a{ color: #8d8d8d; font-size:13px;}
.whfx_con a:hover{ color: #D4C7AB;}
.whfx_con .name,.whfx_con .name a.user{ color: #c57d5c;}
.whfx_con a.user{ margin: 0 10px;}
.whfx_con > div{ padding: 0 14px 0 18px;}
.whfx_con .whfx_headCon_tel i{ color: #999;}
.whfx_con .whfx_headCon_tel img{ width: 15px; height: 15px;}
.whfx_con .whfx_headCon_ip{ cursor: pointer; z-index: 99; position: relative; border: solid 1px transparent;}
.whfx_con .whfx_headCon_ip:before{ content: ""; display: inline-block; width: 100%; border-bottom: solid 1px transparent; position: absolute; right: 0; bottom: 0; z-index: 30;}
.whfx_con .whfx_headCon_ip.fous{ border: solid 1px #BF967C; border-bottom: none; background: #fff;}
.whfx_con .whfx_headCon_ip.fous:before{ border-bottom: solid 1px #fff; }
.whfx_con .whfx_headCon_ip .whfx_headCon_ipList{ display: none; position: absolute; right: -1px; top: 33px; background: #fff; width: 270px; padding: 10px 5px; z-index: 20; border: solid 1px #BF967C; min-height: 20px;}
.whfx_con .whfx_headCon_ip .whfx_headCon_ipList a{ margin-right: 10px; margin-left: 10px; display: inline-block;}
.whfx_con .whfx_headCon_ip .whfx_headCon_ipList a:hover{ color: #f00;}
.whfx_con .whfx_headCon_ip .whfx_con_ipCon span{ margin: 0 6px;}
.whfx_headCon_info{ position: absolute; right: 10px; bottom: 10px;}
.whfx_headCon_info .ewm{ width: 60px; height: 60px; margin-left: 10px;}
.whfx_headCon_info .ewm_con{ padding-top: 40px; line-height: 20px; color: #565656;}

/*   导航   */
nav{ background: url("../images/nav_bg.jpg") repeat-x; height: 60px; width: 100%; box-sizing: border-box;}
nav .whfx_nav{ width: 1180px; margin: 0 auto;position: relative;}
nav .whfx_nav > li{ float: left; text-align: center; width: 10%; line-height: 60px;}
nav .whfx_nav li a{ color: #fff; font-size: 16px; display: block;}
nav .whfx_nav li > a:hover{ color: #D4C7AB;}
nav .whfx_nav li .whfx_navSubBox{ position: absolute; left: 0; top: 60px; z-index: 99; width: 100%; background: #FFFDF8; padding: 0 118px; box-sizing: border-box; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; filter: alpha(opacity=0); opacity: 0;}
nav .whfx_nav li .whfx_navSubBox img{ width: 200px; height: 200px; position: absolute; top: 20px;}
nav .whfx_nav li .whfx_navSubBox img:nth-child(n+3){ display: none;}
nav .whfx_nav li .whfx_navSubBox img:first-child{ left: 20px;}
nav .whfx_nav li .whfx_navSubBox img:nth-child(2){ right: 20px;}
nav .whfx_nav li .whfx_navSubBox ul{ }
nav .whfx_nav li .whfx_navSubBox ul li{ float: left; width: 118px; text-align: center; margin-top: 10px; margin-bottom: 10px; box-sizing: border-box;}
nav .whfx_nav li .whfx_navSubBox ul li a{ color: #333; line-height: 42px; height: 42px;}
nav .whfx_nav li .whfx_navSubBox ul li a:hover{ color: #F85956; border-bottom-color: #F85956;}
nav .whfx_nav li:hover .whfx_navSubBox{ z-index: 999; opacity: 1; filter: alpha(opacity=100);}
nav .whfx_nav > li:nth-child(n+7):hover .whfx_navSubBox{ display: none;}

/*   头部flash   */
.whfx_flash{ position: relative; z-index: -1;}
.whfx_flash img{ width: 100%;}
.whfx_flashName{ width: 1180px; margin: 0 auto 20px;}

/*   唯美风格   */
.whfx_wm{ background: #DBC7BA; width: 100%; margin-top: 10px; height: 200px; padding: 25px 0;}
.whfx_wmBox{ width: 1180px; margin: 0 auto; padding: 10px 9px; box-sizing: border-box; background: #fff; overflow: hidden;}
.whfx_wmBox .imgBox{ width: 33.333333%; height: 130px; float: left; padding: 0 1px;}
.whfx_wmBox .imgBox img{ width: 100%; height: 100%;}

.whfx_wmSub{ width: 1180px; margin: 0 auto; padding: 40px 0; overflow: hidden; background: #fff;}
.whfx_wmSub .whfx_wmSubLine{ width: 50%; float: left; text-align: center; line-height: 40px; color: #797979; font-size: 12px;}
.whfx_wmSub .whfx_wmSubLine h4{ height: 20px; line-height: 20px; margin-bottom: 14px; font-size: 16px;}
.whfx_wmSub .whfx_wmSubLine .whfx_wmSubLineCon{ border-top:solid 2px #606060; padding-top: 10px;}
.whfx_wmSub .whfx_wmSubLine .whfx_wmSubLineCon span{ display: inline-block;}
.whfx_wmSub .whfx_wmSubLine .whfx_wmSubLineCon a{ display: inline-block; vertical-align: middle;}
.whfx_wmSub .whfx_wmSubLine .whfx_wmSubLineCon a i{ margin-left: 10px; font-size: 20px; vertical-align: middle; color: #888;}
.whfx_wmSub .whfx_wmSubLine .whfx_wmSubLineCon a:hover i{ color: #c57d5c}
.whfx_wmSub .whfx_wmSubLine:first-child .whfx_wmSubLineCon{ border-right:solid 1px #606060;}

/*   首页产品展示   */
.whfx_CpShou{ overflow: hidden; background: #fff;}
.whfx_CpShouNav{ text-align: center; background: #797979;}
.whfx_CpShouNav span{ display: inline-block; font-size: 14px; color: #f2f2f2; cursor: pointer; line-height: 40px; height: 40px; min-width: 100px;}
.whfx_CpShouNav span.active,.whfx_CpShouNav span:hover{ color: #333; }
.whfx_CpShouBox{ display: none;}
.whfx_CpShouBox .whfx_CpShouBoxList{ float: left; margin-bottom: 15px; position: relative;}
.whfx_CpShouBox .whfx_CpShouBoxList img{ width: 100%; height: 100%;}
.whfx_CpShouBox .whfx_CpShouBoxList:first-child{ width:370px; height: 600px; margin-bottom: 15px;}
.whfx_CpShouBox .whfx_CpShouBoxList:nth-child(n+2){ width: 255px; height: 293px; margin-left: 15px;}
.whfx_CpShouBoxList .whfx_scribeListCon,.whfx_CpShouBoxList .whfx_scribeListCon .whfx_scribeListImg{ width: 100%; height: 100%;}
.whfx_CpShouBoxList .whfx_scribeListCon .whfx_scribeListImg{ border: solid 1px #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.whfx_imgBox{ overflow: hidden; display: none;}
.whfx_imgBox .whfx_CpShouBoxList{ float: left; margin-bottom: 15px;}
.whfx_imgBox .whfx_CpShouBoxList .whfx_CpShouBoxImg{ position: relative;}
.whfx_imgBox .whfx_CpShouBoxList img{ width: 100%; height: 100%;}
.whfx_imgBox .whfx_CpShouBoxList:nth-child(2){ width: 700px; height: 400px;}
.whfx_imgBox .whfx_CpShouBoxList:nth-child(3){ width: 700px; height: 185px;}
.whfx_imgBox .whfx_CpShouBoxList:first-child{ width: 465px; height: 600px; float: right; margin-left: 15px;}

/*   资质   */
.whfx_zz .whfx_zzNav{ height: 50px; line-height: 50px; text-align: center;}
.whfx_zz .whfx_zzNav span{ display: inline-block; width: 90px; cursor: pointer; position: relative;}
.whfx_zz .whfx_zzNav span:after{ content: "/"; position: absolute; right: -3px; top: 0; height: 50px; line-height: 50px; display: block; color: #a9a9a9;}
.whfx_zz .whfx_zzNav span:last-child:after{ display: none;}
.whfx_zz .whfx_zzNav span.active{ color: #EEAFB9;}
.whfx_zz .whfx_zzBoxCon{ width: 1180px; height: 430px; display: none;}
.whfx_zz .whfx_zzBoxCon img{ width: 1180px; height: 430px;}

/*   轮播产品推荐   */
.whfx_botCp{ overflow: hidden; width: 1180px; height:259px; margin: 0 auto 20px; position: relative;}
.whfx_botCp ul{ position: absolute; left: 0; top: 0;}
.whfx_botCp ul li{ float: left; width: 198px;}
.whfx_botCp ul li .botCpImg{ width: 188px; height: 177px; overflow: hidden; position: relative; border: solid 1px #f5f5f5; border-bottom: none;}
.whfx_botCp ul li img{ width: 186px; height: 176px;}
.whfx_botCp ul li .text{ height: 80px; width: 188px; text-align: center; position: relative; background: #F5F5F5;}
.whfx_botCp ul li .text .price{ color: #f60; font-size: 16px; line-height: 24px; padding-top: 6px;}
.whfx_botCp ul li .text .title{ position: absolute; left: 0; bottom: 8px; font-size: 13px; color: #565656; width: 100%; padding: 0 8px; line-height: 20px; max-height: 40px; overflow: hidden; font-weight: normal;}
.whfx_botCp ul li:hover .text{ background: #e7e7eb;}

/*   热门   */
.whfx_hot{ width: 1180px; margin:20px auto; border-top: solid 1px #e7e7eb; padding: 20px 0; overflow: hidden;}
.whfx_hotBox{ width: 570px;}
.whfx_hotBox h4{ line-height: 50px; font-weight: normal;}
.whfx_hotBox .whfx_hotBoxCon a,.whfx_hotBox .whfx_hotBoxConTwo a{ display: inline-block; height: 24px; line-height: 22px; padding: 0 8px; margin: 10px 5px 10px 0; font-size: 12px; color: #333;}
.whfx_hotBox .whfx_hotBoxCon a{ float: left; width: 50%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; margin-right: 0; padding-left: 0; padding-right: 20px; margin-bottom: 0;}
.whfx_hotBox .whfx_hotBoxCon a:hover{ color: #DBC7BA;}
.whfx_hotBox .whfx_hotBoxConTwo a{ border: solid 1px #e9e9e9; background: #F4F4F4;}
.whfx_hotBox .whfx_hotBoxConTwo a:hover{ background: #e9e9e9;}

/*   品牌专区   */
.whfx_IndBrand{ width: 1180px; margin:20px auto; height: 450px; background: #fff;}
.whfx_IndBrand .whfx_indBrandLef{ float: left; width: 340px; height: 450px; overflow: hidden;}
.whfx_IndBrand .whfx_indBrandCen{ float: left; width: 420px; margin-left: 20px; margin-right: 20px;}
.whfx_IndBrand .whfx_indBrandCen a{ color: #333;}
.whfx_IndBrand .whfx_indBrandCen a:hover{ color: #D4C7AB;}
.whfx_IndBrand .whfx_indBrandCen .whfx_indBrandHead{ height: 90px;}
.whfx_IndBrand .whfx_indBrandCen .whfx_indBrandHead h2{ color: #972024; margin-top: 0; font-size: 16px; margin-bottom: 5px;}
.whfx_IndBrand .whfx_indBrandCen .whfx_indBrandHead h2 img{ height: 20px; width: auto;}
.whfx_IndBrand .whfx_indBrandCen .whfx_indBrandHead p{ font-size: 20px;}
.whfx_IndBrand .whfx_indBrandCut{ }
.whfx_IndBrand .whfx_indBrandCutNav{ text-align: center; height: 32px; background: #DBC7BA; line-height: 32px;}
.whfx_IndBrand .whfx_indBrandCutNav span{ float: left;width: 84px; text-align: center; cursor: pointer; color: #f2f2f2;}
.whfx_IndBrand .whfx_indBrandCutNav span.active,.whfx_IndBrand .whfx_indBrandCutNav span:hover{ background: #888; color: #fff;}
.whfx_IndBrand .whfx_indBrandCutBox .content{ display: none; padding: 13px 15px 12px; height: 328px; border: solid 1px #ECECEC; border-radius: 0 0 4px 4px; overflow: hidden;}
.whfx_IndBrand .whfx_indBrandCutBox .whfx_indBrandLine{ overflow: hidden; margin-bottom: 8px;}
.whfx_IndBrand .whfx_indBrandCutBox .whfx_indBrandLine .img{ width: 105px; height: 60px; overflow: hidden;}
.whfx_IndBrand .whfx_indBrandCutBox .whfx_indBrandLine .con{ width: 270px;}
.whfx_IndBrand .whfx_indBrandCutBox .whfx_indBrandLine .con h4{ line-height: 20px; font-weight: normal;}
.whfx_IndBrand .whfx_indBrandCutBox .whfx_indBrandLine .con p{ height: 38px; overflow: hidden; margin-top: 5px; color: #888;}
.whfx_IndBrand .whfx_indBrandCutBox .whfx_indBrandLine .oneLine{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.whfx_IndBrand .whfx_indBrandCutBox .whfx_indBrandLine .oneLine i{ color: #888; font-size: 12px; margin-right: 10px;}
.whfx_IndBrand .whfx_indBrandCutBox .whfx_indBrandLine:last-child{ margin-bottom: 0;}

.whfx_IndBrand .whfx_indBrandRig{ float: left; width: 380px;}
.whfx_IndBrand .whfx_indBrandRig .whfx_indBrandVideo{ background: #101010;}
.whfx_IndBrand .whfx_indBrandRig .whfx_indBrandVideo video{ width: 380px; height: 304px; display: block;}
.whfx_IndBrand .whfx_indBrandRig .whfx_indBrandSlide{ height: 146px; width: 380px; position: relative; overflow: hidden;}
.whfx_IndBrand .whfx_indBrandRig .whfx_indBrandSlide ul{ position: absolute; left: 0; top: 0; height: 95px; -webkit-transition: left .5s; -moz-transition: left .5s; -ms-transition: left .5s; -o-transition: left .5s; transition: left .5s;}
.whfx_IndBrand .whfx_indBrandRig .whfx_indBrandSlide ul li{ width: 95px; height: 95px; float: left; line-height: 95px;}
.whfx_IndBrand .whfx_indBrandRig .whfx_indBrandSlide img{ width: 100%; max-height: 100%; display: inline-block; opacity: 0.5; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -ms-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s; vertical-align: bottom;}
.whfx_IndBrand .whfx_indBrandRig .whfx_indBrandSlide img:hover{ opacity: 1;}
.whfx_IndBrand .whfx_indBrandRig .whfx_indBrandSlide .page{ text-align: center; width: 100px; height: 30px; line-height: 30px; position: absolute; left: 50%; margin-left: -50px; bottom: 0;}
.whfx_IndBrand .whfx_indBrandRig .whfx_indBrandSlide .page .pageBtn{ display: inline-block; float: left; width: 50px; cursor: pointer; color: #A2A2A2; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
.whfx_IndBrand .whfx_indBrandRig .whfx_indBrandSlide .page .pageBtn:hover{ color: #333; background: rgba(0,0,0,.2) !important; border-radius: 3px;}
/*   品牌系列   */
.whfx_site + .whfx_brand{ margin-top: 0;}
.whfx_brand{ position: relative; height: 320px; margin: 30px auto;}
.whfx_brand .whfx_brandNav{ position: absolute; width: 400px; height: 300px; right: 10px; top: 10px; padding: 20px 10px; background: rgba(255,255,255,.7) no-repeat !important; filter: alpha(opacity=70);}
.whfx_brand .whfx_brandNav span{ width: 170px; margin: 0 10px; display: block; float: left; height: 24px; line-height: 24px; color: #565656; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer;}
.whfx_brand .whfx_brandNav span:hover,.whfx_brand .whfx_brandNav span.active{ color: #C79967;}

.whfx_brand .whfx_brandBox{ width: 100%; height: 320px;}
.whfx_brand .whfx_brandBox .whfx_brandCon{ display: none;}
.whfx_brand .whfx_brandBox .whfx_brandCon img{ width: 1180px; height: 320px;}
.whfx_brand .whfx_brandBox .whfx_brandCon:first-child{ display: block;}

/*   内容   */
.content video,.content img{ max-width: 100%;}

/*   单页   */
.whfx_content{ width: 100%;}
.whfx_content img{ width: 100%;}


/*   全屏首次进入广告   */
.whfx_adFull{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(0,0,0,.8) !important; filter: alpha(opacity=80); display: none;}
.whfx_adFull img{ width: 100%; height: auto; position: absolute; left: 0; top: 50%; -webkit-transform: transLateY(-50%); -moz-transform: transLateY(-50%); -ms-transform: transLateY(-50%); -o-transform: transLateY(-50%); transform: transLateY(-50%);}
.whfx_adFull .whfx_adFullClose{ position: absolute; right: 10px; top: 10px; color: #333; line-height: 17px; font-size: 14px; padding: 10px; background: rgba(255,255,255,.6) !important;; filter: alpha(opacity=60);}
.whfx_adFull .whfx_adFullClose span.close{ display: block; float: right; margin-left: 20px; background: url("../images/close_ad.png") no-repeat; width: 40px; height: 17px; cursor: pointer;}
/*   会员登录注册   */
.whfx_memberPop{ position: absolute; right: 120px; top:50%; -webkit-transform: transLateY(-50%); -moz-transform: transLateY(-50%); -ms-transform: transLateY(-50%); -o-transform: transLateY(-50%);
    transform: transLateY(-50%);  background: #fff; border:solid 1px #E4E6E8; border-radius: 4px; overflow: hidden; width: 310px;}
.whfx_memberPop .whfx_memberPopBox{ margin: 10px 30px;}
.whfx_memberPop .whfx_memberPopBox h2{ text-align: center; font-size: 18px; color: #c67c59;}
.whfx_memberPopBox .whfx_memberInp{ height: 40px; position: relative; margin-bottom: 20px;}
.whfx_memberPopBox .whfx_memberInp .whfx_memberName{ position: absolute; left: 0; top: 10px; height: 20px; line-height: 20px; vertical-align: middle; width: 40px; text-align: center; color: #E7E7E7; font-size: 17px;}
.whfx_memberPopBox .whfx_memberInp.active{ border:solid 1px #FF7373;}
.whfx_memberPopBox .whfx_memberInp input{ width: 100%; height: 40px; line-height: 20px; outline: none; color: #666; padding: 10px 6px 10px 40px; border:solid 1px #e6e6e6; border-radius: 3px;}
.whfx_memberPopBox .whfx_memberInp input:focus{ border:solid 1px #FF7373;}
.whfx_memberPopBox .whfx_memberLineInp{ height: 40px; padding-right:120px; position: relative;}
.whfx_memberPopBox .whfx_memberLineInp .whfx_memberInpBtn{ position: absolute; right: 0; top: 0; width: 105px; height: 40px;}
.whfx_memberPopBox .whfx_memberLineInp .whfx_memberInpBtn button,.whfx_memberBox .whfx_memberCon .lineParse .lineInpBtn .lineBtn{ border-radius: 4px; border:none; color:#d49e85; width: 100%; height: 40px; line-height: 40px; background: url("../images/getCodeBtn.png") no-repeat; font-size: 12px; cursor: pointer;}
.whfx_memberPopBox .whfx_memberLineInp .whfx_memberInpBtn button:hover{ background: url(../images/getCodeBtn.png) no-repeat left -40px;}
.whfx_memberPopBox input.loginOne,.whfx_memberPopBox input.loginTwo{ width: 100%; border: solid 1px #C57D5C; background: #fff; height: 40px; line-height: 40px; color: #C57D5C; border-radius: 4px; margin-bottom: 10px;}
.whfx_memberPopBox input.loginTwo{ background: #C57D5C; color: #fff;}
.whfx_memberPopBox .whfx_memberJz{ height: 20px; line-height: 20px; margin-top: 10px; margin-bottom: 20px; color: #888;}
.whfx_memberPopBox .whfx_memberJz input[type=checkbox]{ vertical-align: middle; margin-right: 5px;}
.whfx_memberPopBox .whfx_memberJz a{ color: #888;}
.whfx_memberPopBox .whfx_memberInfo{ line-height: 16px; font-size: 12px; text-align:center; color: #999; cursor: pointer;}
.whfx_memberPopBox .whfx_memberInfo:hover{ color: #C57D5C;}
.whfx_memberPop .whfx_memberRests{ background: #F9F9F9; height: 45px; position: relative; text-align: center; border-top: solid 1px #E1E3E4;}
.whfx_memberPop .whfx_memberRests h2{ position: absolute; left: 0; top: -7px; width: 100%; height: 14px; line-height: 14px; margin: 0; text-align: center; color: #C57D5C; font-size: 12px; z-index: 9;}
.whfx_memberPop .whfx_memberRests h2:before{ content: ""; display: inline-block; position: absolute; left: 85px; top: 6px; width: 140px; height: 0; border-top: solid 1px #fff; z-index: -1;}
.whfx_memberPop .whfx_memberRests a{ display: inline-block; line-height: 30px; width: 16px; height: 15px; margin: 22px 5px 0 5px;}
.whfx_memberPop .whfx_memberRests a.qq{ background: url("../images/Login-ico.png") no-repeat left top;}
.whfx_memberPop .whfx_memberRests a.qq:hover{ background: url("../images/Login-ico.png") no-repeat left -27px;}
.whfx_memberPop .whfx_memberRests a.wx{ background: url("../images/Login-ico.png") no-repeat -42px top; width: 22px;}
.whfx_memberPop .whfx_memberRests a.wx:hover{ background: url("../images/Login-ico.png") no-repeat -42px -27px;}

.whfx_memberBox{ width: 1180px; margin: 0 auto; padding: 20px 0; overflow: hidden;}
.whfx_memberBox .whfx_memberLef{  width: 180px; padding: 20px; border: 1px solid #e7e7e7; background: #FAFAFA;}
.whfx_memberBox .whfx_memberLef .whfx_memberNav li{ margin-bottom: 20px;}
.whfx_memberBox .whfx_memberLef .whfx_memberNav li h4{ color: #D0967C; font-weight: normal; margin-bottom: 10px;}
.whfx_memberBox .whfx_memberLef .whfx_memberNav li h4 i{ width: 30px;}
.whfx_memberBox .whfx_memberLef .whfx_memberNav li a{ padding-left: 30px; line-height: 30px; color: #999; font-size: 12px; display: block;}
.whfx_memberBox .whfx_memberLef .whfx_memberNav li a.active,.whfx_memberBox .whfx_memberLef .whfx_memberNav li a:hover{ color: #f00;}

.whfx_memberBox .whfx_memberRig{ width: 990px; min-height: 500px; background: #fff;}
.whfx_memberBox .whfx_memberRig .whfx_memberHead{ height: 160px; width: 100%; border-bottom: solid 1px #ECECEC; background: #FAFAFA; padding: 20px;}
.whfx_memberBox .whfx_memberRig .whfx_memberHead .portrait{ width: 200px; text-align: center; border-right: 1px dashed #ececec;}
.whfx_memberBox .whfx_memberRig .whfx_memberHead .portrait img{ width: 94px; height: 94px; border: solid 3px #f0f0f0; border-radius: 50%; display: inline-block;}
.whfx_memberBox .whfx_memberRig .whfx_memberHead .portrait .name{ display: block; color: #c57d5c; font-size: 12px;}
.whfx_memberBox .whfx_memberRig .whfx_memberHead .whfx_memberMessage{ padding:0 20px; line-height: 30px; color: #666; margin-bottom: 10px; font-size: 13px; margin-top: 30px;}
.whfx_memberBox .whfx_memberRig .whfx_memberHead .whfx_memberMessage span{ margin-right: 10px;}
.whfx_memberBox .whfx_memberRig .whfx_memberHead .whfx_integral{ width: 250px;  border-right: 1px dashed #ececec; padding: 0 20px; margin-top: 45px; margin-left: 100px;}
.whfx_memberBox .whfx_memberRig .whfx_memberHead .whfx_integral span.integral{ color: #f60; font-size: 20px;}
.whfx_memberBox .whfx_memberRig .whfx_memberHead .whfx_integral .line{ padding-left: 70px; position: relative;}
.whfx_memberBox .whfx_memberRig .whfx_memberHead .whfx_integral .name{ position: absolute; left: 0; top: 0; width: 70px; height: 26px; line-height: 30px;}
.whfx_memberBox .whfx_memberRig .whfx_memberHead .whfx_integral .line a{ display: block; font-size: 12px;}
.whfx_memberBox .whfx_memberCon{ padding:0 20px ;}
.whfx_memberBox .whfx_memberCon h2{ margin-bottom: 30px;font-weight: bold; border-bottom: 1px solid #eee; font-size: 14px; color: #666; padding: 14px 0 10px; margin-top: 0;}
.whfx_memberBox .whfx_memberCon .whfx_memberFrom{ width: 250px; margin-left: 260px; text-align: center;}
.whfx_memberBox .whfx_memberCon .lineBox{ position: relative; padding-left: 70px; text-align: left; line-height: 40px;}
.whfx_memberBox .whfx_memberCon .lineBox .lineBoxName{ position: absolute; left: 0; top: 0; height: 40px; line-height: 40px; width: 60px; color: #666;}
.whfx_memberBox .whfx_memberCon .lineBox .lineInp{ display: inline-block; margin-right: 20px; margin-bottom: 20px;}
.whfx_memberBox .whfx_memberCon .lineBox .lineInp input[type=radio]{ vertical-align: middle; margin-right: 5px;}
.whfx_memberBox .whfx_memberCon .line{ position: relative; margin-bottom: 20px; color: #666;}
.whfx_memberBox .whfx_memberCon .line input,.whfx_memberBox .whfx_memberCon .lineParse .lineInp input,.whfx_memberBox .whfx_memberCon .lineFixed .lineInp input,.whfx_memberBox .whfx_memberCon .lineBox .lineFixed .lineInp select{ width: 100%; height: 40px; padding: 8px 10px 8px 40px; line-height: 20px; border:solid 1px #e6e6e6; border-radius: 3px;}
.whfx_memberBox .whfx_memberCon .line input[type=text]:focus{ border:solid 1px #FF7373; box-shadow: none;}
.whfx_memberBox .whfx_memberCon .line .icon,.whfx_memberBox .whfx_memberCon .lineParse .lineInp .icon{ position: absolute; left: 0; top: 0; width: 40px; height: 40px; line-height: 40px; color: #E7E7E7; font-size: 17px;}
.whfx_memberBox .whfx_memberCon .line .whfx_fromBtn{ width: 100%; height: 40px; line-height: 38px; border: #c57d5c solid 1px; color: #c57d5c; border-radius: 3px; background: #fff; font-family: "Microsoft YaHei", sans-serif;}
.whfx_memberBox .whfx_memberCon .lineBox .line input,.whfx_memberBox .whfx_memberCon .lineBox .lineFixed .lineInp input,.whfx_memberBox .whfx_memberCon .lineBox .lineFixed .lineInp select{ padding-left: 10px;}
.whfx_memberBox .whfx_memberCon .lineParse{ padding-right: 120px; position: relative; height: 40px; margin-bottom: 20px;}
.whfx_memberBox .whfx_memberCon .lineParse .lineInp{ position: relative;}
.whfx_memberBox .whfx_memberCon .lineParse .lineInpBtn{ position: absolute; right: 0; top: 0; width: 105px; height: 40px;}


.whfx_memberBox .whfx_memberCon .lineFixed{ margin-bottom: 20px; height: 40px;}
.whfx_memberBox .whfx_memberCon .lineFixed .lineInp{ width: 100px; float: left; margin-right: 10px;}
.whfx_memberBox .whfx_memberCon .lineFixed .lineInp:last-child{ margin-right: 0;}

.whfx_memberBox .whfx_finish{ padding: 100px 0; text-align: center; color: #999; font-size: 14px; line-height: 30px; vertical-align: middle;}
.whfx_memberBox .whfx_finish i{ margin-right:10px; font-size: 20px; color: #09BB07;}
.whfx_memberBox .whfx_memberConHead{ background: #FAFAFA; height: 100px; line-height: 100px; padding: 0 50px; color: #666; border-radius: 4px;}
.whfx_memberBox .whfx_memberConHead .integral{ color: #f60; font-size: 20px;}
.whfx_memberBox .whfx_memberCon .whfx_inquireIntegral{ margin: 20px 50px;}
.whfx_memberBox .whfx_memberCon .whfx_inquireIntegral .type{ background: #DFDFDF; height: 30px; line-height: 30px;}
.whfx_memberBox .whfx_memberCon .whfx_inquireIntegral .type span{ width: 150px; text-align: center; border-right: solid 1px #ECECEC; display: block; float: left; color: #999;}
.whfx_memberBox .whfx_memberCon .whfx_inquireIntegral .type span.active{ background: #5293EA; color: #fff;}
.whfx_memberBox .whfx_memberCon .whfx_inquireIntegral table{ table-layout: fixed; width: 100%; margin-top: 10px; border-spacing: 0; border-collapse: collapse; text-align: center;}
.whfx_memberBox .whfx_memberCon .whfx_inquireIntegral table thead th{ background: #F2F2F2; height: 36px; border: solid 1px #EDEDED; font-weight: normal; color: #666; font-size: 14px;}
.whfx_memberBox .whfx_memberCon .whfx_inquireIntegral table tbody td{ background: #fff; padding: 8px 15px; height: 36px; border: solid 1px #EDEDED; font-size: 13px; color: #333;}
.whfx_memberBox .whfx_IntegralPop{ width: 600px; min-height: 300px; position: fixed; z-index: 99; left: 50%;  top: 50%; margin-left: -300px; background: #fff; box-shadow: 0 2px 3px #d9d9d9, 2px 0 3px #d9d9d9;}
.whfx_memberBox .whfx_IntegralPop h2{ padding: 10px 15px; margin-bottom: 0; font-weight: normal; color: #333;  border-color: #D5D5D5; background: #EAEAEA;}
.whfx_memberBox .whfx_IntegralPop h2 .close{ background: url("../../images/close.png") no-repeat; display: block; width: 20px; height: 20px; background-size: 20px;}
.whfx_memberBox .whfx_IntegralPop .conBox{ padding: 10px 15px;}
.whfx_memberBox .whfx_IntegralPop .conBox table thead th{ background: #F9F7F7;}
.whfx_memberBox .whfx_IntegralPop .conBox table tbody tr td:first-child{ text-align: left;}


    /*   精品门店   */
.whfx_shopList{ width: 1180px; margin: 20px auto;}
.whfx_shopList ul{ overflow: hidden; width: 1200px;}
.whfx_shopList ul li{ width: 400px; float: left;margin: 0 200px 40px 0;}
.whfx_shopList ul li h4{height: 38px; line-height: 38px; margin-bottom: 10px; border-bottom: 1px dashed #ddd; font-size: 18px;}
.whfx_shopList ul li h4 a{ color: #c77a61;}
.whfx_shopList ul li h4 a:hover{ color: #e99277;}
.whfx_shopList ul li p{ line-height: 24px; color: #888;}


.whfx_shop{ width: 1180px; margin: 0 auto; border: solid 2px #DBC7BA; padding: 0 30px;}
.whfx_shop .whfx_shopNav ul{ margin-top: 50px; overflow: hidden;}
.whfx_shop .whfx_shopNav ul li{ float: left; width: 80px; margin-left: 46px; text-align: center; font-size: 18px; cursor: pointer;}
.whfx_shop .whfx_shopNav ul li.focus{ color: #BF967C;}
.whfx_shop .whfx_shopLine{ margin-top: 22px; border-top:solid 1px #BBBBBB; width: 100%; position: relative; margin-bottom: 20px;}
.whfx_shop .whfx_shopLine .line{ border-top: solid 2px #BBBBBB; width: 87px; position: absolute; left:0 ; top: -1px;}
.whfx_shop .whfx_shopLine .line .active{ position: absolute; right: 0; top: -8px; width: 14px; height: 14px; background: #fff;}
.whfx_shop .whfx_shopLine .line .active:before{ display: inline-block; content: ""; position: absolute; left: 0; top: 0; width: 14px; height: 14px; border: solid 1px #BEBEBE; box-sizing: border-box;}
.whfx_shop .whfx_shopLine .line .active:after{ display: inline-block; content: ""; position: absolute; left: 5px; top: 5px ; width: 4px; height: 4px; background: #000;}
.whfx_shop .whfx_shopsListBox{ margin-bottom: 30px; height: 20px; position: relative; overflow: hidden; width: 100%;}
.whfx_shop .whfx_shopsList{ overflow: hidden; margin-bottom: 30px;  position: relative;}
.whfx_shop .whfx_shopsList li{ float: left; width: 150px; text-align: center;}
.whfx_shop .whfx_shopsList li a{ color: #999;}
.whfx_shop .whfx_shopsList i.fa{ font-size: 16px;}
.whfx_shop .whfx_shopPrevious,.whfx_shop .whfx_shopNext{ z-index: 99; cursor: pointer; width: 20px; color: #888; top: 0;position: absolute; display: none; background: #fff;}
.whfx_shop .whfx_shopPrevious{  left: 0;}
.whfx_shop .whfx_shopPrevious:hover,.whfx_shop .whfx_shopsList .whfx_shopNext:hover{ color: #333;}
.whfx_shop .whfx_shopNext{ right: 0;text-align: right;}
.whfx_shopArc{ width: 1180px; margin: 0 auto; color: #888; background: #fff; border-top:solid 1px #ECECEC;}
.whfx_shopArc .whfx_shopHeadCon{ overflow: hidden; padding-top: 20px; padding-left: 50px;}
.whfx_shopArc .whfx_shopHeadConList{ float: left; width: 326px; height: 102px; margin-right: 50px; background: url("../images/shopInfoBorder.png") no-repeat; text-align: center;}
.whfx_shopArc .whfx_shopHeadConList:last-child{ margin-right: 0;}
.whfx_shopArc .whfx_shopHeadConList h4{ height: 42px; line-height: 42px; font-weight: normal;}
.whfx_shopArc .whfx_shopHeadConList p{ padding: 0 20px; line-height: 20px; font-size: 12px;}
.whfx_shopArc .whfx_shopArcCon{ overflow: hidden; margin-top: 30px; padding: 0 20px;}
.whfx_shopArc .whfx_shopArcCon h1{ font-size:20px;}
.whfx_shopArc .whfx_shopArcCon .text{ width: 360px; float: left; line-height: 24px;}
.whfx_shopArc .whfx_shopArcCon .site{ width: 740px; float: right;}
.whfx_shopArc .whfx_shopArcCon .site img{ max-height: inherit;}
.whfx_shopArc .whfx_shopArcContent{ margin-top: 30px; margin-bottom: 50px; text-align: center;}
.whfx_shopArc .whfx_shopArcContent img{ max-width: 100%;}
.whfx_shopImg{ margin-bottom: 20px;}

/*   预约   */
.whfx_subscribe{ width: 1180px; margin: 20px auto; height: 716px; position: relative;}
.whfx_subscribe .whfx_subscribeNav{ width: 575px; height: 160px; padding: 110px 0 0; box-sizing: border-box; line-height: 14px; text-align: center; position: absolute; top: 20px; right: 0px; background: url("../images/cptit.jpg") no-repeat center top;}
.whfx_subscribe .whfx_subscribeNav span{ display: inline-block; width: 50px; height: 28px; list-style: none; font-size: 13px; color: #818181; border: 1px solid #B2B2B2; margin: 0 2px; overflow: hidden; padding: 4px 5px; line-height: 22px; cursor: pointer;}
.whfx_subscribe .whfx_subscribeNav span.active{ color: #FFF; background: #D0AB83; border-color: #D0AB83; width: 50px; height: 45px; vertical-align: top; position: relative;}
.whfx_subscribe .whfx_subscribeNav span.active:before{ content: "HOT"; color: #fff; text-align: center; width: 50px; position: absolute; left: 0; bottom: 0; height: 20px; line-height: 20px;}
.whfx_subscribe .whfx_subscribeBox{ width: 100%;}
.whfx_subscribe .whfx_subscribeBox .whfx_subscribeRepeCon{ display: none;}
.whfx_subscribe .whfx_subscribeBox .whfx_subscribeRepeCon .whfx_subscribeRepeLef{ width: 584px; float: left; overflow: hidden;}
.whfx_subscribeRepeLef .whfx_scribeList{ float: left; width: 302px; height: 370px; padding-top: 7px; padding-right: 20px; padding-bottom: 10px; position: relative;}
.whfx_subscribeRepeLef .whfx_scribeList:nth-child(even){ padding-right: 0; width: 280px;}
.whfx_subscribeRepeLef .whfx_scribeList .hot{ width: 35px; height: 35px;position: absolute; left: 10px; top: 0; z-index: 30; background: url("../images/hot35-35.jpg") no-repeat;}
.whfx_subscribeRepeLef .whfx_scribeList .whfx_scribeListCon{ width: 282px; height: 340px; border: solid 1px #D2D2D2; text-align: center; color: #4C4C4C;}
.whfx_subscribeRepeLef .whfx_scribeList .whfx_scribeListImg{ width: 280px; height: 300px; padding-top: 20px; position: relative;}
.whfx_subscribeRepeLef .whfx_scribeList .whfx_scribeListImg img{ width: 280px; height: 280px;/* -webkit-transition: margin-top 1s; -moz-transition: margin-top 1s; -ms-transition: margin-top 1s; -o-transition: margin-top 1s; transition: margin-top 1s; */margin-top: 0;}
/*.whfx_subscribeRepeLef .whfx_scribeList .whfx_scribeListImg img:hover{ margin-top: -20px;}*/
.whfx_subscribeRepeLef .whfx_scribeList .whfx_scribeListCon a{ color: #4C4C4C;}
.whfx_subscribeRepeLef .whfx_scribeList .whfx_scribeListCon i{ margin-left: 5px;}
.whfx_subscribeRepeRig{ width: 574px; float: right; height: 710px; margin-top: 7px; padding: 200px 0 0; border: solid 1px #D2D2D2;}
.whfx_indBot{ overflow: hidden;}
.whfx_indBot .whfx_listLef{ width: 235px; float: left; height: 170px; background: #797979; text-align: center;}
.whfx_indBot .whfx_listLef h4{ height: 30px; line-height: 30px; color: #FFDD00;}
.whfx_indBot .whfx_listLefBox{ height: 130px; overflow: hidden;}
.whfx_indBot .whfx_listLef .whfx_listLefList{ margin-bottom: 12px; color: #fff;}
.whfx_indBot .whfx_listLef .whfx_listLefList h5{ font-weight: normal;}
.whfx_indBot .whfx_listLef .whfx_listLefList .golden{ color: #FFDD00;}
.whfx_indBot .whfx_listRepe{ float: left; width: 300px; margin-left: 15px; height: 170px;}
.whfx_indBot .whfx_listRepe img{ width: 300px; height: 170px; -webkit-transition: margin-top 0.5s; -moz-transition: margin-top 0.5s; -ms-transition: margin-top 0.5s; -o-transition: margin-top 0.5s; transition: margin-top 0.5s; margin-top: 0;}
.whfx_indBot .whfx_listRepe img:hover{ margin-top: -5px;}

/*   筛选   */
.whfx_filtrate{ background: #fff; margin-top: 20px; margin-bottom: 20px; overflow: hidden; position: relative; font-size: 12px;}
.whfx_filtrate i{ margin-left: 6px;}
.whfx_filtrate .whfx_filtrateCopy{ border-bottom: solid 1px #f6efef; padding: 0 10px; height: 40px; overflow: hidden; position: relative;}
.whfx_filtrate .whfx_filtrateCopy .whfx_filtrateName{ width: 100px; float: left; line-height: 40px; font-weight: bold; font-size: 14px; font-family: SimSun; color: #565656;}
.whfx_filtrate .whfx_filtrateCopy .whfx_filtrateCon{ width: 950px; float: left; line-height: 28px; padding-top: 6px; color: #666;}
.whfx_filtrate .whfx_filtrateCopy .whfx_filtrateCon a{ display: inline-block;  padding-left: 20px; cursor: pointer; color: #666; position: relative;}
.whfx_filtrate .whfx_filtrateCopy .whfx_filtrateCon a:hover{ color: #dbc7ba;}
.whfx_filtrate .whfx_filtrateCopy .whfx_filtrateCon a:first-child:before{ content: ""; border-left: solid 1px #CDCDCD; width: 0; height: 18px; position: absolute; left: 0; top: 4px;}
.whfx_filtrate .whfx_filtrateCopy .whfx_filtrateMore{ float: right; line-height: 26px; height: 28px; margin-top: 6px; border: solid 1px #fff; color: #333; font-size:12px; padding: 0 10px; cursor: pointer;}
.whfx_filtrate .whfx_filtrateCopy .whfx_filtrateMore:hover{ color: #bf967c; border-color: #bf967c;}
.whfx_filtrate .whfx_filtrateMoreOption{ position: absolute; right: 10px; bottom: 6px; height: 28px; line-height: 28px; padding: 0 10px; cursor: pointer; background: #C67C59; color: #fff;}
.whfx_filtrate .whfx_filtrateMoreOption:hover{ color: #666; background: #ED9D78;}

/*   商品列表   */
.whfx_goods{ background: #f6efef; -webkit-box-shadow: 0 -2px 2px #d9d9d9,0 2px 2px #d9d9d9; -moz-box-shadow: 0 -2px 2px #d9d9d9,0 2px 2px #d9d9d9; box-shadow: 0 -2px 2px #d9d9d9,0 2px 2px #d9d9d9;}
.whfx_goodsBox{ overflow: hidden;}
.whfx_goodsBox h2.goodsListTit{ height: 43px; width: 100%; background-size: 100% 100%; margin-bottom: 0;}
.whfx_goodsBox h2.lfx{ background: url(../../images/lfx.jpg) no-repeat;}
.whfx_goodsBox h2.sjy{ background: url(../../images/sjy.jpg) no-repeat;}
.whfx_goodsBox h2.lyfc{ background: url(../../images/lycx.jpg) no-repeat;}
.whfx_goodsBox .whfx_goodsBoxCon{ width: 1200px; overflow: hidden;}
.whfx_goodsBox .whfx_goodsBoxLef{ float: left; width: 260px;}

.whfx_goodsBoxCon .whfx_goodsBoxList{ float: left; background: #fff; margin-right: 20px; width: 380px; height: 440px; text-align: center; margin-bottom: 20px;}
.whfx_goodsBoxCon .whfx_goodsBoxList img{ width: 380px; height: 360px;}
.whfx_goodsBoxCon .whfx_goodsBoxList .image{ position: relative;}
.whfx_goodsBoxCon .whfx_goodsBoxList .image .details,.whfx_subscribeRepeLef .whfx_scribeList .whfx_scribeListCon .whfx_scribeListImg .details,.whfx_imgBox .whfx_CpShouBoxList .whfx_CpShouBoxImg .details,.whfx_newRecommend ul li .whfx_newRecommendImg .details,.whfx_botCp ul li .botCpImg .details,.whfx_CpShouBoxList .details{ width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,0.4) no-repeat !important; filter: alpha(opacity=40); position: absolute; left: 0; top: 0; z-index: 90; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.whfx_goodsBoxCon .whfx_goodsBoxList .image:hover .details,.whfx_subscribeRepeLef .whfx_scribeList .whfx_scribeListCon .whfx_scribeListImg:hover .details,.whfx_imgBox .whfx_CpShouBoxList .whfx_CpShouBoxImg:hover .details,.whfx_newRecommend ul li .whfx_newRecommendImg:hover .details,.whfx_botCp ul li .botCpImg:hover .details,.whfx_CpShouBoxList .whfx_scribeListCon:hover .details{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.whfx_goodsBoxCon .whfx_goodsBoxList .image .details a.btnDetails,.whfx_subscribeRepeLef .whfx_scribeList .whfx_scribeListCon .whfx_scribeListImg .details a.btnDetails,.whfx_imgBox .whfx_CpShouBoxList .whfx_CpShouBoxImg .details a.cpDetails,.whfx_newRecommend ul li .whfx_newRecommendImg .details a.btnDetails,.whfx_botCp ul li .botCpImg .details a.Details,.whfx_CpShouBoxList .whfx_scribeListCon:hover .details a.btnDetails{ display: inline-block; position: absolute; left: 50%; top: 50%; -webkit-transform: transLate(-50%,-50%); -moz-transform: transLate(-50%,-50%); -ms-transform: transLate(-50%,-50%); -o-transform: transLate(-50%,-50%); transform: transLate(-50%,-50%); width: 100px; height: 34px; line-height: 34px; background: #fff; border-radius: 4px;}
.whfx_goodsBoxCon .whfx_goodsBoxList .oneBox{ height: 80px; position: relative; padding: 10px 0; background: #E6DADA;}
.whfx_goodsBoxCon .whfx_goodsBoxList .price{ line-height: 20px; color: #f60; font-size: 18px;}
.whfx_goodsBoxCon .whfx_goodsBoxList .title{ position: absolute; left: 0; bottom: 10px; padding: 0 15px; width: 380px; max-height: 40px; line-height: 20px; font-size: 14px; }
.whfx_goodsBoxCon .whfx_goodsBoxList .button{ margin: 8px 0;}
.whfx_goodsBoxCon .whfx_goodsBoxList .button a{ display: inline-block; margin: 0 5px; line-height: 20px; border: solid 1px #DBC7BA; padding: 0 20px; color: #C67C59; font-size: 12px;}
.whfx_goodsBoxCon .whfx_goodsBoxList .button a:hover{ background: #F2F2F2;}
.whfx_goodsBoxCon .whfx_goodsBoxList .info{ font-size: 12px; color: #666;}
.whfx_goodsHead{ overflow: hidden; width: 1180px; margin: 0 auto;}
.whfx_goodsHeadImg{ float: left; width: 458px; border: solid 1px #F2F2F2;}
.whfx_goodsHeadCon{ width: 680px; font-size: 12px;}
.whfx_goodsHeadCon h1{ margin-top: -7px;}
.whfx_goodsHeadCon .info{ background: #FFFDF8; padding: 20px; margin-top: 10px; color: #838383}
.whfx_goodsHeadCon .info p{ margin-right: 14px; line-height: 30px;  }
.whfx_goodsHeadCon ul.parameter{ height: 56px; margin-top: 20px; }
.whfx_goodsHeadCon ul.parameter li{ float: left; width: 240px; margin-left: 10px; height: 20px; margin-bottom: 8px; font-size: 12px; color: #999;}
.whfx_goodsContent{ margin: 20px auto;}
.whfx_goodsTop{ width: 1180px; margin: 20px auto 20px auto; height: 400px;}
.whfx_goodsTop .whfx_goodsTopLine{ width: 590px; float: left; height: 400px;}
.whfx_goodsTop .whfx_goodsTopLine .whfx_goodsTopText{ background: #5E5E61; color: #fff; font-size: 13px; height: 400px; padding: 40px 60px; line-height: 30px; text-align: center;}
.whfx_goodsTop .whfx_goodsTopLine .whfx_goodsTopText h1{ line-height: 30px; padding-bottom:20px; margin-top: 0;  border-bottom: solid 1px #fff;}
.whfx_goodsTop .whfx_goodsTopLine .whfx_goodsTopVideo{ background: #101010;}
.whfx_goodsTop .whfx_goodsTopLine .whfx_goodsTopVideo video{ display: block; width: 590px; height: 400px;}

/*   商品详情   */
.whfx_articleFixBox{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; display: none;}
.whfx_articleFix{ width: 900px; height: 400px; position: absolute; z-index: 999; left: 50%; top: 50%; margin-left: -450px; margin-top: -200px; background: #19BBA0; border-radius: 8px;}
.whfx_articleFixCon{ padding: 30px 20px;}
.whfx_articleFixCon .whfx_articleFixClose{ position: absolute; right: 20px; top: 6px; cursor: pointer; width: 40px; height: 17px; background: url("../../images/close_ad.png") no-repeat;}
.whfx_articleFixCon .whfx_articleFixImg{ width: 340px; height: 340px; padding: 2px; float: right; position: relative; background: #e7e7e7;}
.whfx_articleFixCon .whfx_articleFixImg img{ width: 336px; height: 336px;}
.whfx_articleFixCon .whfx_articleFixTxt{ width: 500px; float: left; color: #fff; text-align: left;}
.whfx_articleFixCon .whfx_articleFixTxt span{ margin-right: 20px;}
.whfx_articleFixCon .whfx_articleFixTxt h2{ height: 40px; font-size: 20px;}
.whfx_articleFixCon .whfx_articleFixTxt p{ color: #e9e9e9; line-height: 20px; padding: 5px 0;}
.whfx_articleFixCon .whfx_articleFixTxt .BuyBtn{ display: inline-block; width: 100px; height: 34px; line-height: 34px; border-radius: 4px; background: #3879D9; text-align: center; color: #f2f2f2; margin-top: 15px;}
.whfx_articleFixCon .whfx_articleFixTxt .BuyBtn:hover{ background: #296DD2;}
.whfx_articleFixCon .whfx_articleFixTxt .ewm{ margin-top: 20px;}
.whfx_articleFixCon .whfx_articleFixTxt .ewm img{ width: 100px; height: 100px; float: left; margin-right: 20px;}
.whfx_articleFixCon .whfx_articleFixTxt .ewm p{ display: inline-block; margin-top: 75px;}
.whfx_articleFixCon .whfx_articleFixTxt .body{ max-height: 90px; overflow: hidden;}
    /*   联系我们   */
.whfx_contact{ padding: 0 15px; line-height: 20px; margin-bottom: 10px;}
.whfx_contact h1{ margin-top: 10px; color: #C57D5C; font-size: 28px; border-bottom: solid 1px #F2F2F2; height: 50px; line-height: 50px; margin-bottom: 20px;}
.whfx_contact{}



/*   资讯列表   */
.whfx_news{ overflow: hidden;}
.whfx_news .whfx_newsLef{ width: 820px; float: left; border-radius: 2px;}
.whfx_news .whfx_newsRig{ width: 340px; float: right;}
.whfx_news .whfx_newList{ border: 1px solid #eaeaea; padding: 20px 20px 20px 255px; overflow: hidden; background-color: #fff; margin-bottom: -1px; min-height: 160px;}
.whfx_news .whfx_newList:hover{    background-color: #FAFDFF; border-color: #88D3F9; position: relative; z-index: 2;}
.whfx_news .whfx_newList a{ color: #555;}
.whfx_news .whfx_newList a.imgBox{ float: left; margin-left: -235px; width: 220px;}
.whfx_news .whfx_newList h4{ display: block; font-size: 18px; line-height: 24px; margin-top: 0; font-weight: bold; margin-bottom: 10px;}
.whfx_news .whfx_newList p{ font-size: 12px; color: #999; word-wrap: break-word; line-height: 20px; margin-bottom: 10px;}
.whfx_news .whfx_newList p i{ margin-right: 5px;}
.whfx_news .whfx_newList p .read{ margin-left: 20px;}
.whfx_news .whfx_newList p:last-of-type{ margin-bottom: 0;}

.whfx_newRecommend{ margin:15px 0; background: #fff; border: solid 1px #ECECEC; overflow: hidden; border-radius: 2px;}
.whfx_newRecommend h4{ display: inline-block; padding: 4px 15px; color: #fff; font-size: 14px; font-weight: normal; background: #FF5E52; margin: 0 0 20px 10px;}
.whfx_newRecommend ul li{ width: 155px; height: 155px; float: left;  margin-left: 9px; border: solid 1px #EAEAEA; margin-bottom: 10px; overflow: hidden; position: relative;}
.whfx_newRecommend ul li .title{ position: absolute; left: 0; bottom: 0; width: 100%; height: 18px; line-height: 18px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: rgba(0,0,0,0.6) no-repeat !important; filter: alpha(opacity=60); font-size: 12px; color: #fff; padding: 0 5px;}
.whfx_newRecommend ul li .whfx_newRecommendImg{ width: 155px; height: 130px; position: relative;}
.whfx_newRecommend ul li img{ width: 155px; height: 130px;}

.whfx_article{ margin: 0 15px;}
.whfx_article header{ text-align: center; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #ECECEC;}
.whfx_article header h1{ font-size: 26px; color: #555;}
.whfx_article header span{ margin-left: 20px;}
.whfx_article header p{ color: #999; font-size: 12px;}
.whfx_article p{ line-height: 24px; font-size: 15px; color: #555; margin-bottom: 10px;}
.whfx_article img{ width: 100%; margin-bottom: 10px;}
.whfx_article .tag{ text-align: center;}
.whfx_article .tag a{ padding: 6px 12px; display: inline-block; font-size: 12px; color: #fff; background: #79BEE9; margin-left: 5px;}
.whfx_article .tag a:hover{ background: #57A9DC;}

/*   招聘   */
.whfx_recruit{ width: 1180px; margin: 20px auto 50px;}
.whfx_recruit h2{ margin-top: 20px; margin-bottom: 10px; font-size:30px;}
.whfx_recruit h2,.whfx_recruit h4{font-family: lingxin,'Microsoft YaHei','YaHei WebFont',Verdana,Geneva,Tahoma,sans-serif,'宋体'; font-style: oblique; font-weight: bold; color: #555; text-align: center;}
.whfx_recruit .whfx_recruitType ul{ width: 1020px; overflow: hidden;}
.whfx_recruit .whfx_recruitType ul li{ float: left; margin-right: 20px; width: 320px; text-align: center;}
.whfx_recruit .whfx_recruitType ul li h4{ font-size: 24px; margin-top: 20px; margin-bottom: 10px;}
.whfx_recruit .whfx_recruitType ul li p{ color: #666; margin-bottom: 15px;}
.whfx_recruit .whfx_recruitType ul li .details{ padding: 5px 12px; font-size: 12px; background: #00c2ff; color: #fff; line-height: 1.5em;}
.whfx_recruit .whfx_recruitType ul li .details i{ margin-left: 5px;}
.whfx_recruit .whfx_recruitType ul li .details:hover{ background: #15ACDB;}
.whfx_recruit .whfx_recruitHead{ background: #FCF8E3; padding: 20px; border: solid 1px #FAEBCC;}
.whfx_recruit .whfx_recruitHead h2{  padding-bottom: 15px; border-bottom: solid 1px #F7E1B5;  text-align: left; font-style: inherit; color: #3FCFF8; font-weight: normal; margin-top: 0;}
.whfx_recruit .whfx_recruitHead h2 small{ font-size: 0.7em; color: #666; margin-left: 10px;}
.whfx_recruit .whfx_recruitHead span{ margin-right:20px; color: #666;}
.whfx_recruit .whfx_recruitCon{ text-align: left; line-height: 30px; color: #666;}
.whfx_recruit .whfx_recruitCon h4{ text-align: left; font-size: 18px; padding-bottom: 15px; border-bottom: solid 1px #ECECEC; margin-bottom: 20px; font-style: inherit; font-weight: normal;}

/*   底部   */
footer{ margin-top: 20px; border-top: solid #000000 4px;}
footer .whfx_footBox{ background: #797979; padding-bottom: 30px; overflow: hidden;}
footer .whfx_foot{ width: 1180px; margin: 0 auto;;}
footer .whfx_foot ul.whfx_footNav{ font-family: SimSun,"宋体"; margin: 50px 0 30px; overflow: hidden;}
footer .whfx_foot ul.whfx_footNav li{ width: 16.666666%; float: left; position: relative; line-height: 22px; border-right: solid 2px #959292; box-sizing: border-box; text-align: center; }
/*footer .whfx_foot ul.whfx_footNav li:before{ content: ""; position: absolute; right: -2px; top: 0; border-right: solid 2px #959292; height: 500px; width: 0;}*/
footer .whfx_foot ul.whfx_footNav li:last-child{ border-right: none;}
footer .whfx_foot ul.whfx_footNav li:last-child:before{ display: none;}
footer .whfx_foot ul.whfx_footNav li h2{ color: #cdcdcd; font-weight: bold; font-size: 14px; margin-top: 0; margin-bottom: 5px;}
footer .whfx_foot ul.whfx_footNav li a{ display: block; color: #cdcdcd; font-size: 12px;}
footer .whfx_foot ul.whfx_footNav li a:hover{ color: #D4C7AB;}
footer .whfx_copyright{ text-align: center; color: #c9c7c7;}

footer .whfx_blogroll{  min-height: 110px; background: #fff; padding: 20px 0;}
footer .whfx_blogrollCon{ width: 1180px; margin: 0 auto; position: relative; padding-left: 30px; box-sizing: border-box; min-height: 70px;}
footer .whfx_blogrollCon:after{ content: "友情链接"; position: absolute; left: 0; top: 0; width: 20px; line-height: 15px; background: #f60; color: #fff; border-radius: 3px; text-align: center; padding: 5px 0;}
footer .whfx_blogrollList{ float: left; margin:0 20px; text-align: center;}
footer .whfx_blogrollList img{ width: 115px; height: 62px; border: solid #CCCCCC 1px; margin: 4px; cursor: pointer;}
footer .whfx_blogrollList:hover img{ border-color: #FF6600; -webkit-box-shadow: 0 0 5px #ff6600; -moz-box-shadow: 0 0 5px #ff6600; box-shadow: 0 0 5px #ff6600;}
footer .whfx_blogrollList p{ color: #666;}


/*   轮播   */
.index_focus{ position:relative; width:100%; margin:0 auto; overflow:hidden;}
.index_focus .bd{ overflow: hidden;}
.index_focus .bd li{ float: left; width: 100%;}
.index_focus_post{ z-index:10;}
.index_focus .pic{ height:auto; display:block;}
.index_focus .pic:hover{ text-decoration:none;}
.index_focus .slide_nav{ position:absolute; left:0%; bottom:2%; width: 100%; text-align: center; height: 40px; line-height: 40px;}
.index_focus .slide_nav a{ cursor:pointer; display:inline-block; font-size:28px;font-family:arial;color:#fff; padding:5px 5px;}
.index_focus .slide_nav li:hover,.index_focus .slide_nav .on{ text-decoration:none; color:#9c0; filter:alpha(opacity=80); opacity:0.8;}
.index_focus_pre,.index_focus_next{ display:none; position:absolute; top:50%; margin-top:-36px; width:72px; height:72px; text-indent:100%; white-space:nowrap; overflow:hidden; z-index:10; background:url(../images/ico_sliding.png) no-repeat;}
.index_focus_pre{ left:30px; background-position:0 0;}
.index_focus_pre:hover{ background-position:0 -144px;}
.index_focus_next{ right:30px; background-position:0 -72px;}
.index_focus_next:hover{ background-position:0 -216px;}
.index_focus_info{ position:absolute; left:10%; bottom:12%; width:800px; height:200px; padding-bottom:10px; color:#fff; text-decoration:none; cursor:pointer; font-family:"\5fae\8f6f\96c5\9ed1";-moz-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);-webkit-text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6);text-shadow:1px 1px 1px rgba(0, 0, 0, 0.6); background:url("../images/index_focus_bg.png") no-repeat;_background:none;}
.index_focus_info h3{ font-size:36px; line-height:70px; font-family:\5fae\8f6f\96c5\9ed1, \u9ed1\u4f53, "Lucida Grande"; display:none;}
.index_focus_info .text{ width:500px; line-height:24px; font-size:14px; word-wrap:break-word; overflow:hidden; display:none;}


.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix { zoom:1;}
/*旋转木马必要样式*/
.poster-main{ position:relative; width:260px; height:200px;}
.poster-main a,.poster-main img{ display:block;}
.poster-main .poster-list{ width:260px; height:200px;}
.poster-main .poster-list .poster-item{ position:absolute; left:0; top:0; overflow: hidden;}
.poster-main .poster-btn{ position:absolute; bottom:0; width:50px; height:20px; line-height: 20px; z-index:10; cursor:pointer; opacity:0.8; text-align: center; background-size: 20px 20px; color: #888;}
.poster-main .poster-prev-btn{ left:100px;}
.poster-main .poster-next-btn{ right:100px;}
.poster-main .poster-btn:hover{ color: #565656;}