/* CSS Document */
@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
font-family:'微软雅黑', 'YaHei', '黑体', 'Hei', Tahoma, Helvetica, arial, sans-serif;
line-height: 1;
min-width: 1305px;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
a:hover{text-decoration:none;}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
a{
text-decoration:none;
color: #323232;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;e;}
/* 通用样式 */
.middle{ width:1230px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.clear{clear: both;}
/*开始*/
.header_bj{
height: 120px;
}
.header_nav_bj>li{
float: left;
}
.header_nav_bj>li>a{
display: block;
height: 60px;
line-height: 60px;
width: 120px;
text-align: center;
}
.header_nav_bj>li>a:hover{
color: #c9a166;
}
.header_sosuo{
width: 170px;
}
.header_xx_wwn{
background: #f4f4f4;
position: absolute;
width: 120px;
z-index: 9999;
display: none;
}
.header_xx_wwn a{
display: block;
height: 44px;
line-height: 44px;
font-size: 14px;
color: #4f4d4e;
text-align: center;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.header_xx_wwn a:hover{
background: #c9a164;
color: #fff;
}
/*搜索开始*/
.hd_ct form {
background: url(../images/hd_sc.jpg) 0 0 no-repeat;
width: 311px;
height: 37px;
overflow: hidden;
}
.hd_ct input[type="text"] {
width: 240px;
height: 37px;
margin-left: 8px;
border: none;
background: none;
}
.hd_ct input[type="submit"] {
width: 56px;
height: 36px;
cursor: pointer;
border: none;
background: none;
}
/*搜索结束*/
/*bnanner开始*/
/*banner*/
/* 本例子css */
.slideBox{ width:100%;overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50%; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBox .hd ul li{ float:left; margin-right:10px; width:15px; height:15px;border-radius: 50%; line-height:14px; text-align:center; background:#424242; cursor:pointer; }
.slideBox .hd ul li.on{ background:#C9A164; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ display:block; max-width: 100%}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; }
.slideBox .prevStop{ display:none; }
.slideBox .nextStop{ display:none; }
/*bnanner结束*/
.index_cp_bj{
overflow: hidden;
background: url(../images/ined_dsds_ds_02.jpg) center no-repeat;
}
.index_aad_gywm{
margin-top: 75px;
margin-bottom: 75px;
text-align: center;
}
.index_ga_dsd_zbj{
height: 422px;
background: url(../images/index_dsddsds_dsds.jpg) center no-repeat;
}
.index_gywoimen_nnr{
font-size: 14px;
color: #727171;
line-height: 24px;
}
.index_dsd_wdk{
height: 502px;
position: relative;
}
.index_ss_dd_d a:nth-of-type(1) {
position: absolute;
left: 0px;
top: 30%;
}
.index_ss_dd_d a:nth-of-type(2) {
position: absolute;
right: 0px;
top: 30%;
}
.index_dsds_dss_K li{
width: 400px;
margin-right: 20px;
}
.index_zengu{
width: 400px;
height: 349px;
overflow: hidden;
position: relative;
}
.index_zengu img{
max-width: 100%;
max-height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
}
.index_copzx_xzyt{
min-height: 60px;
background: #e5e5e5;
}
.index_sdsdds_women_dd_d{
font-size: 18px;
line-height: 24px;
color: #585757;
padding-top: 5px;
}
.index_xw_bj_s{
background: #f1f1f1;
}
.index_xw_sdd{
text-align: center;
padding-top: 40px;
padding-bottom: 40px;
}
.index_xews_jj{
text-align: center;
color: #000000;
font-size: 18px;
}
.index_xews_jj a:hover{
color: #c9a163;
}
.index_xews_jj a{
margin-left: 10px;
margin-right: 10px;
}
#index_dsds_dss_xs li{
float: left;
}
.index_aad_zhaiyao{
font-size: 14px;
}
.index_xw_time{
font-size: 14px;
}
.index_gcal_bj{
background: url(../images/index_gcdddssd_02.jpg) center no-repeat;
}
/*店面展示*/
.jq22-container{
position: relative;
}
.poster-main{
position: relative;width: 1000px;height: 409px;margin: 0px auto}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width: 1000px;height: 409px;}
.poster-main .poster-list .poster-item{position: absolute;left: 0px;top: 0px;box-shadow: 1px 1px 45px rgba(0,0,0,0.8)}
.poster-main .poster-btn{position: absolute;height: 100%;width:100px;top: 0px;z-index: 10;opacity: 0.3;}
.poster-main .poster-prev-btn{left: -190px;background: url("../images/btn_l.png") no-repeat center center; }
.poster-main .poster-next-btn{right: -190px;background: url("../images/btn_r.png") no-repeat center center;}
.poster-list li{
background: #000000;
}
.dm-hd{
text-align: center;
margin: 45px 0 76px;
}
.dm-hd h3{
font-size: 2.81rem;
color: #ffffff;
font-weight: 400;
}
.dm-hd p{
font-size: 1rem;
color: #ffffff;
text-transform: uppercase;
margin-top: 15px;
}
.dm-hd span{
display: inline-block;
width: 58px;
height: 2px;
background: #a21919;
}
.dm-nr{
text-align: center;
font-size: 1rem;
color: #ffffff;
line-height: 2em;
margin-top: 66px;
}
.dm-more{
width: 128px;
height: 37px;
background: #e21b1b;
color: #ffffff;
text-align: center;
line-height: 37px;
display: block;
margin: 45px auto;
border-radius: 5px;
}
.dm-more:hover{
background: #a21414;
}
/*结束*/
.footer_bj{
background: #333333;
}
.footer_s_logo{
text-align: center;
height: 274px;
border-bottom: solid 1px #ccc;
}
.footer_xdd_bj>li{
float: left;
width: 180px;
text-align: center;
}
.footer_xxd_cpzx{
font-size: 16px;
color: #fff;
}
.footer_xxd_cpzx a{
color: #fff;
}
.footer_aad_qinghua{
font-size: 14px;
}
.footer_aad_qinghua a{
color: #a3a2a2;
display: block;
height: 50px;
line-height: 50px;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.fooyer_nav_navb{
border-bottom: solid 1px #ccc;
}
.footer_dda_nnnj{
color: #fff;
height: 60px;
line-height: 60px;
font-size: 14px;
display: flex;
justify-content: space-between;
align-items: center;
}
.footer_dda_nnnj a{
color: #fff;
}
.footer_hhd_dds{
width: 75px;
height: 72px;
position: fixed;
bottom: 30px;
right: 0px;
}
.list_cpzx_bj{
background: url(../images/index_gcdddssd_02.jpg) center;
min-height: 500px;
}
.list_cp_nav{
font-size: 18px;
color: #373737;
}
.list_cp_nav a{
display: inline-block;
width: 175px;
text-align: center;
color: #373737;
height: 30px;
line-height: 30px;
border: solid 1px #ccc;
border-radius: 20px;
}
.list_cp_nav a:hover{
color: #fff;
background: #ce0d0e;
}
#nav{
color: #fff;
background: #ce0d0e;
}
.list_cp_llb li{
width: 400px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.list_ddss_kkkd{
width: 400px;
height: 312px;
overflow: hidden;
position: relative;
}
.list_ddss_kkkd img{
max-width: 100%;
max-height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
}
.list_aad_qoiang{
height: 30px;
line-height: 30px;
font-size: 16px;
color: #000;
text-align: center;
}
.show_cp_x_l{
width: 615px;
}
.magnifier{
width: 431px;
position: relative;
margin-left: 120px;
}
.magnifier-container{
width: 431px;
height: 431px;
overflow: hidden;
position: relative;
border: 1px solid #ddd;
}
.move-view{
width: 100px;
height: 100px;
position: absolute;
background-image: url('../images/move-box.png');
}
.images-cover{
height: 100%;
width: 100%;
position: relative;
}
.images-cover img{
position: absolute;
}
.magnifier-assembly{
height: 92px;
overflow: hidden;
position: relative;
padding-left: 30px;
padding-right: 30px;
}
.magnifier-btn{
position: absolute;
font-family: "宋体";
width: 100%;
top: 50%;
left: 0;
margin-top: -40px;
}
.magnifier-btn span{
line-height: 80px;
height: 80px;
width: 20px;
background-color: #6e6e6e;
color: #fff;
display: block;
z-index: 9998;
text-align: center;
font-size: 20px;
cursor: pointer;
border-radius: 3px;
}
.magnifier-btn .magnifier-btn-left{
float: left;
}
.magnifier-btn .magnifier-btn-right{
float: right;
}
.magnifier-line{
position: relative;
overflow: hidden;
height: 92px;
}
.magnifier-line ul{
display: block;
font-size: 0;
width: 10000%;
position: absolute;
left: 0;
z-index: 9997;
}
.magnifier-line li{
float: left;
width: 100px;
cursor: pointer;
}
.magnifier-line ul > .active .small-img{
border-color: #bbb;
}
.small-img{
height: 78px;
padding: 1px;
margin: 5px;
overflow: hidden;
border: 1px solid #ddd;
text-align: center;
}
.small-img img{
max-width: 100%;
max-height: 100%;
}
.magnifier-view{
width: 100%;
height: 100%;
position: absolute;
right: -105%;
top: 0;
z-index: 9999;
background-color: #fff;
display: none;
overflow: hidden;
}
.magnifier-view img{
display: block;
}
.animation03{
transition: all 0.3s ease-in 0.1s;
-ms-transition: all 0.3s ease-in 0.1s;
-moz-transition: all 0.3s ease-in 0.1s;
-webkit-transition: all 0.3s ease-in 0.1s;
-o-transition: all 0.3s ease-in 0.1s;
}
.show_qianghu_k{
color: #000000;
font-size: 26px;
border-bottom: solid 1px #8a8a8a;
padding-bottom: 10px;
}
.show_cp_xq{
font-size: 16px;
color: #646363;
}
.show_cp_xq span{
font-weight: bold;
color: #414141;
}
.show_cp_xq li{
margin-bottom: 30px;
}
.show_cp_xq{
font-size: 24px;
color: #000;
font-weight: bold;
padding-top: 10px;
margin-left: 10px;
}
.show_titkle_ddss{
width: 95%;
margin: 0 auto;
font-size: 14px;
color: #999;
line-height: 24px;
}
.show_titkle_ddss img{
max-width: 100%;
}
.page_gywoem_l{
height: 65px;
background: #ffffff;
}
.page_dangqianwei{
font-size: 16px;
color: #b1b1b1;
}
.page_dangqianwei a{
color: #b1b1b1;
}
.page_aad_kkd a{
display: inline-block;
width: 120px;
height: 65px;
line-height: 65px;
text-align: center;
}
.page_aad_kkd a:hover{
color: #fff;
background: #0a141d;
}
.page_pp_jjd{
padding-top: 90px;
padding-bottom: 90px;
text-align: center;
}
.page_woem_nnr_h{
width: 1150px;
margin: 0 auto;
color: #5c5b5b;
font-size: 16px;
line-height: 34px;
}
.ppln_left{
width: 640px;
}
.ppln_right{
width: 640px;
}
.page_ppln_tt{
font-size: 28px;
font-weight: bold;
color: #a7a6a6;
}
.page_ww_nner{
font-size: 24px;
color: #5c5b5b;
}
.page_fzlc_ll{
background: #f8f8f8;
}
/*品牌开始*/
/*banner*/
/* 本例子css */
.slideBoxpp{ width:100%; position:relative; }
.slideBoxpp .hd{ height:15px; ; position:absolute; left:100px; bottom:-40px; z-index:1; }
.slideBoxpp .hd ul{ overflow:hidden; zoom:1; float:left; }
.slideBoxpp .hd ul li{ float:left; margin-right:106px;
width:93px; height:88px;
line-height:14px; text-align:center; background:#e5e5e5;
cursor:pointer;
line-height: 88px;
text-align: center;
font-size: 18px;
}
.slideBoxpp .hd ul li.on{ background:#c9a163; color:#fff; }
.slideBoxpp .bd{ position:relative; height:100%; z-index:0; }
.slideBoxpp .bd li{ zoom:1; vertical-align:middle; }
.slideBoxpp .bd img{ display:block; }
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBoxpp .prev,
.slideBoxpp .next{ position:absolute; left:3%; top:125%; margin-top:-25px;
display:block; width:32px; height:40px; background:url(../images/slider-arrow1.png) -110px 5px no-repeat;
filter:alpha(opacity=50);opacity:0.5;
z-index: 9999;
}
.slideBoxpp .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBoxpp .prev:hover,
.slideBoxpp .next:hover{ filter:alpha(opacity=100);opacity:1; }
.slideBoxpp .prevStop{ display:none; }
.slideBoxpp .nextStop{ display:none; }
/*bnanner结束*/
.page_zs_jj_ll li{
width: 140px;
float: left;
margin-right: 65px;
}
.page_qy_yy{
font-size: 18px;
color: #171717;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}
.page_zhaiyao_bn{
font-size: 18px;
color: #555555;
font-size: 14px;
line-height: 24px;
}
.page_zlzs_bj{
height: 409px;
position: relative;
}
.page_xd_ad a:nth-of-type(1) {
position: absolute;
top: 50%;
}
.page_xd_ad a:nth-of-type(2) {
position: absolute;
top: 50%;
right: 0;
}
.page_aad_we_n{
width: 884px;
margin: 0 auto;
}
.page_zz_zengjid li{
margin-right: 10px;
width: 282px;
height: 403px;
overflow: hidden;
position: relative;
}
.page_zz_zengjid img{
max-width: 100%;
max-height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
}
.page_aad_zsjm{
text-align: center;
}
.page_aad_zsjm a{
display: inline-block;
width: 170px;
height: 45px;
color: #fff;
text-align: center;
line-height: 45px;
background: #d6d6d6;
color: #868686;
}
.page_aad_zsjm a:hover{
background: #414040;
color: #fff;
}
.page_zsjhme_l{
width: 442px;
height: 287px;
position: relative;
overflow: hidden;
}
.page_zsjhme_l img{
max-width: 100%;
max-height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
}
.page_zshme_right{
height: 287px;
width: 439px;
background: #f4f4f4;
}
.page_aad_dian_sz{
text-align: center;
color: #4b4b4b;
font-size: 24px;
margin-top: 20px;
margin-bottom: 20px;
}
.page_duanl{
color: #4b4b4b;
font-size: 14px;
line-height: 24px;
}
.list_xw_lb li{
height: 352px;
border-bottom: solid 2px #e4e4e4;
margin-bottom: 20px;
}
.list_xw_lb li:hover{
background: #f0f0f0;
}
.list_ln_wel{
width: 416px;
height: 289px;
overflow: hidden;
position: relative;
}
.list_ln_wel img{
max-width: 100%;
max-height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
}
.list_ln_wer{
width: 457px;
}
.list_rigjt_ad{
font-size: 20px;
}
.list_rigjt_ad a{
color: #555555;
display: inline-block;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.list_rigt_time{
font-size: 18px;
color: #555555;
margin-top: 25px;
margin-bottom: 25px;
}
.list_righjt_zhaiy{
font-size: 16px;
color: #555;
line-height: 24px;
}
.list_rignt_ad_n a{
font-size: 16px;
color: #555;
}
.show_xw_title{
text-align: center;
font-size: 20px;
color: #2b2a2a;
padding-top: 20px;
}
.show_time_d{
font-size: 18px;
color: #2b2a2a;
text-align: center;
margin-top: 20px;
}
.show_xw_hengxu{
width: 1055px;
height: 1px;
background: #cacaca;
margin: 0 auto;
}
.show_comyeng{
width: 1055px;
margin: 0 auto;
color: #2b2a2a;
font-size: 14px;
}
.show_comyeng img{
max-width: 100%;
}
.list_gc_l{
width: 658px;
height: 409px;
overflow: hidden;
position: relative;
}
.list_gc_l img{
max-width: 100%;
max-height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
}
.list_gc_r{
width: 348px;
height: 409px;
background: #e9e9e9;
}
.list_gc_dff_dd{
text-align: center;
font-size: 18px;
color: #555;
}
.list_aad_cjak_dd{
text-align: center;
}
.list_aad_cjak_dd a{
display: inline-block;
width: 115px;
height: 35px;
text-align: center;
line-height: 35px;
border: solid 1px #7d7d7d;
color: #7d7d7d;
}
.list_aad_cjak_dd a:hover{
background: #7d7d7d;
color: #fff;
}
.list_aad_dsds_jj li{
margin-bottom: 20px;
}
.page_lxww_bj{
min-height: 586px;
background: #636363;
}
.page_title{
text-align: center;
font-size: 24px;
font-weight: bold;
color: #fff;
}
.page_ll_l{
width: 650px;
}
.page_rr_r{
width: 198px;
}
.page_woe_ll{
font-size: 24px;
height: 29px;
line-height: 29px;
color: #fff;
}
.page_woe_ll img{
margin-right: 30px;
vertical-align: middle;
}
.page_woe_ll p{
margin-bottom: 40px;
}
.page_aadas_dds{
text-align: center;
color: #636363;
font-size: 16px;
}
.index_lx_ll{
width: 340px;
}
.index_lx_ll input{
width: 100%;
height: 30px;
border: solid 1px #d8d8d8;
text-indent: 10px;
}
.idnex_dd_wwb textarea{
width: 100%;
resize: none;
height: 187px;
border: solid 1px #d8d8d8;
}
.index_submit{
text-align: center;
}
.index_submit input{
display: inline-block;
width: 127px;
height: 49px;
background: #c9a162;
color: #fff;
text-align: center;
line-height: 49px;
border: none;
font-family: 微软雅黑;
font-size: 24px;
}
.header_w { width:100%; z-index:7000; background:#ffffff;}
.header { position:relative; z-index:0;clear:both; width:100%; max-width:1200px; margin:0 auto 0; padding-bottom:27px;}
.header .logo { float:left; padding-top:23px;}
.header .logo img { display:block; height:auto}
.header .h_txt { float:left; padding-top:43px; margin-left:2.7em;}
.header .h_txt img { display:block;}
.header .btn_menu { display: none;}
.header .tel { float:right; margin-top:35px; color:#888888; padding-left:2.8em; background:url(../images/tel.png) 0 bottom no-repeat; background-size:2.4em auto;}
.header .tel .num { color:#c9a162; font-size:1.5em;}
/*头部 end*/
/*导航 start*/
.mask { display:none;position: fixed; left:0; top:0; width:100%; background:#000000; height:900px; z-index:4000;filter:alpha(opacity=50);-moz-opacity:.5; opacity:0.5;}
.nav_w { clear:both; width:100%; background:#000003; height:3em;}
.nav_w .close { display:none; position: absolute; top:20px; left:auto; right:3%; cursor:pointer; width:16px; height:16px; background:url(images/close.png) 0 0 no-repeat; background-size:100% auto;}
.nav { margin:0 auto 0; max-width:1200px; width:100%; font-size:1em; color:#f8f8f8; }
.nav ul {}
.nav li {position:relative; z-index:100; float:left; text-align:center; width:12%;}
.nav li>a {color:#f8f8f8; display:block; cursor:pointer; margin:0 1px 0 0;padding:0.1em 0 0; line-height:2.9em; }
.nav li>a:hover {background:#c9a162;color:#f8f8f8;}
.nav li.current {}
.nav li.current>a{ background:#c9a162;}
.nav li.hover {}
.nav li.hover>a{ background:#c9a162;}
.nav li .sub_nav { display:none; position:absolute; left:0; top:3.4em; border-top:0; width:100%; text-align:center; font-size:14px; line-height:2.8em;}
.nav li .sub_nav a { display:block;background:#c9a162; border-top:1px solid #ad7b2a; color:#ffffff;}
.nav li .sub_nav a:hover { color:#ffffff; background:#ad7b2a;}
.nav li .sub_nav a:last-child { border-bottom:0;}
.nav_w .h_txt { clear:both; text-align:center; display:none;padding-top:2em;}
.nav_w .h_txt img { margin:0 auto 0; display:block;}
.nav_w .btn_menu { display: none;}
.nav_w .tel {display:none; width:160px;padding-left:2.8em; margin:2em auto 0; color:#888888; background:url(../images/tel.png) 0 bottom no-repeat; background-size:2.4em auto;}
.nav_w .tel .num { color:#c9a162; font-size:1.5em;}
/*导航 end*/