@import "http://at.alicdn.com/t/font_836407_cdjnnaebrrj.css";
@font-face {font-family: "PingFang Regular";
  src: url('../fonts/PingFang Regular.eot'); /* IE9*/
  src: url('../fonts/PingFang Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/PingFang Regular.woff') format('woff'), /* chrome、firefox */
  url('../fonts/PingFang Regular.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/PingFang Regular.svg#PingFang Regular') format('svg'); /* iOS 4.1- */
}
@font-face {font-family: "PingFang Medium",'微软雅黑','Arial';
  src: url('../fonts/PingFang Medium.eot'); /* IE9*/
  src: url('../fonts/PingFang Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/PingFang Medium.woff') format('woff'), /* chrome、firefox */
  url('../fonts/PingFang Medium.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/PingFang Medium.svg#PingFang Regular') format('svg'); /* iOS 4.1- */
}
@font-face {font-family: "PingFang Bold";
  src: url('../fonts/PingFang Bold.eot'); /* IE9*/
  src: url('../fonts/PingFang Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/PingFang Bold.woff') format('woff'), /* chrome、firefox */
  url('../fonts/PingFang Bold.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/PingFang Bold.svg#PingFang Regular') format('svg'); /* iOS 4.1- */
}
@font-face {font-family: "Pieta Thin";
  src: url('../fonts/Pieta Thin.eot'); /* IE9*/
  src: url('../fonts/Pieta Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Pieta Thin.woff') format('woff'), /* chrome、firefox */
  url('../fonts/Pieta Thin.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/Pieta Thin.svg#PingFang Regular') format('svg'); /* iOS 4.1- */
}
@font-face {font-family: "Pieta Medium";
  src: url('../fonts/Pieta Medium.eot'); /* IE9*/
  src: url('../fonts/Pieta Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Pieta Medium.woff') format('woff'), /* chrome、firefox */
  url('../fonts/Pieta Medium.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/Pieta Medium.svg#PingFang Regular') format('svg'); /* iOS 4.1- */
}
@font-face {font-family: "Pieta Light";
  src: url('../fonts/Pieta Light.eot'); /* IE9*/
  src: url('../fonts/Pieta Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/Pieta Light.woff') format('woff'), /* chrome、firefox */
  url('../fonts/Pieta Light.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../fonts/Pieta Light.svg#PingFang Regular') format('svg'); /* iOS 4.1- */
}



@charset "utf-8";
html{-webkit-font-smoothing:antialiased;}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
header,hgroup,nav,menu,main,section,article,summary,details,aside,figure,figcaption,footer{display: block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,b,caption,cite,code,dfn,em,i,th,var{font-style:normal;font-weight:400}
dl,ol,ul{list-style-type:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
a{text-decoration:none}
a:hover{text-decoration:none;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:none;blr:expression(this.onFocus=this.blur())}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input{font-family: "PingFang Regular";}
textarea{resize:none;font-family: "PingFang Regular";}
img{vertical-align:middle;/* max-width: 100%;*/}
button,select,textarea,button,input[type=submit],input[type=reset],input[type=password],input[type=search],input[type=text],input[type=button]{ -webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
select{ outline: none; }
body{ padding-top: 100px; font-size: 14px; color:#333;line-height:1.3;overflow-x: hidden;background:#fff; font: 14px/1.3 "PingFang Regular","微软雅黑","Arial"; }
a,li,div{ -webkit-tap-highlight-color: rgba(255,255,255,0); }
input,img,div,a,li{ outline: none; }
a {
    color: #999;
}
.fl{float:left}
.fr{float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}
#web-ietip {width: 526px; height: 90px; padding: 83px 0 0 84px; overflow:hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0;}
#web-ietip a{display: block; width: 65px; height: 80px; float: left;}
a,.header,.h_rbox,.nav-menu,.lang:after,.lang dd,.menu-login span,.menu-login .login-close,.nav-submenu,.header .logo img,
.i_vright h3,.i_vright h3:before,.i_text .more,.news_list .text h2,.news_list .text span,.con_info .recruit_show,
.email_bot font,.custom-checkbox,.cont-sub,.l_main label,.news_more,.news_dslick .slick-slide,.re_wrap .close,
.m_left li a:before,.des_blist .shadow,.des_list .text h2,.des_list .img,.down_bot dd,.pdt_right .animation-scrollto,
.re_form input.re_sub,.shop_list > li,.shop_list > li h2,.shop_list > li span,.down_top,.pro_list li h2,.pro_list li h3,.ftit,
.pdt_right .price .buy,.product-specs-box,.cart_right .cart_sub,.float_now:after,.float_nav,.pdt_right .text span,
.pro_dbot .box .pic,.pro_dbot .box h3,.pro_dbot .box p,.code_input,.pwd_btn,.info_sub,.pwd_sub,.cart_sel_list label,.cart_sel_list label span,
.shop_list_editor,.shop_list_control label span,.order_tit .tit_product h2,.order_tit .tit_more a span,.shop_list > li .pic,
.menu-login-new .box span:after,.news_list .zoom
{ transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; }
.logo{ transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none;  }
.w{ width: 100%; }
.pr{ position: relative; }
.pa{ position: absolute; }
.tl{ text-align: left; }
.tc{ text-align: center; }
.tr{ text-align: right; }
.vt{ vertical-align: top; }
.vm{ vertical-align: middle; }
.none{ display: none; }
.cp{ cursor: pointer; }
.db{ display: block; }
.d_ib{ display: inline-block; _zoom: 1; *display: inline; }
.baseWidth{ width: 1600px; margin: 0 auto;}
.tover{display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}
.clear{ clear: both;}
.zoom{ display:block; overflow:hidden;}
.zoom img,.zoom span{ background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%; height: 100%; display: block; webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.zoom img:hover,.zoom span:hover,li:hover .zoom span,li:hover .zoom img{webkit-transform: scale(1.06);-moz-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.over{ overflow: hidden; }
.bg_white{ background: #fff; }
.bg_f5f5f5{ background: #f5f5f5; }
.bg_8d704e{ background: #8d704e; }

/*header*/
.header{ box-shadow: 0 2px 8px rgba(0,0,0,.04); height: 100px; line-height: 100px; width: 100%; position: fixed; z-index: 999; background: #fff; top: 0; left: 0; }
.header .logo img{ max-height: 61px; }
.h_rbox{ height: 100px; line-height: 100px; }
.header-nav{ font-size: 0; vertical-align: middle; }
.header-nav{ height: 30px; line-height: 40px; }
.nav-menu{ z-index: 2; height: 30px; line-height: 30px; display: inline-block; vertical-align: middle; }
.nav-menu:before,.nav-submenu:before{ z-index: 0; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; }
.nav-menu ul,.nav-submenu ul{ position: relative; z-index: 1; }
.header-nav li{ float: left; }
.header-nav li a{ font-size: 16px; padding: 0 30px; }
.header-nav li a:hover,.header-nav li.on a{ color: #8d704e; }
.nav-submenu{ z-index: -2; opacity: 0; top: 0; right: 0; position: absolute; height: 30px; line-height: 30px; top: calc((100% - 30px) / 2); -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
.menu-login{ height: 30px; line-height: 30px; margin-left: 5px; font-size: 16px; display: inline-block; vertical-align: middle; }
.menu-login .box{ height: 30px; line-height: 30px; position: relative; padding: 0 26px; min-width: 70px; display: inline-block; vertical-align: middle; }
.menu-login .box span{ cursor: pointer; display: block; background-image: url(../images/icon6.png); background-size: 16px; background-position: left center; background-repeat: no-repeat; text-indent: 30px; }
.menu-login .box:before{ content: ''; position: absolute; left: 0; top: 50%; margin-top: -8px; height: 16px; width: 1px; background: #dadada; }
.menu-login .box:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -8px; height: 16px; width: 1px; background: #dadada; }
.menu-login .box:hover span{ color: #8d704e; background-image: url(../images/icon6on.png); }

.menu-login-new .box span:after{ content: ''; display: inline-block; vertical-align: -4px; margin-left: 4px; width: 16px; height: 20px; background: url(../images/icon5.png) center no-repeat; }
.menu-login dl{ text-align: center; display: none; border-radius: 5px; z-index: 666; position: absolute; left: 10%; top: 30px; width: 80%; overflow: hidden; background: #f5f5f5; z-index: 99999;}
.menu-login dd{ font-size: 14px; height: 30px; line-height: 30px; border-top: 1px solid #fff; white-space: pre; padding: 0; }
.menu-login dd:first-child{ border-top: none; }
.menu-login dd a{ color: #333; display: block; }
.menu-login dd:hover{ background: #c6bb99; }
.menu-login dd:hover a{ color: #fff; }

.login-close{ display: none; cursor: pointer; z-index: -1; display: block; width: 100%; position: absolute; top: 0; left: 0; opacity: 0; height: 100%; overflow: hidden; background-image: url(../images/icon8.png); background-position: center; background-size: 20px; background-repeat: no-repeat; }
.menu-login.active .login-close:hover{ background-image: url(../images/icon8_g.png); }
.menu-login.active .login-close{ opacity: 1; z-index: 1; }
.menu-login.active .box span{ opacity: 0; z-index: -1; }
.lang{ position: relative; margin-left: 10px; box-sizing: border-box; padding: 0 16px; text-align: center; width: 76px; display: inline-block; vertical-align: middle; height: 30px; line-height:  40px; }
.lang span{ font-size: 16px; cursor: pointer; display: inline-block; }
.lang:after{ content: ''; position: absolute; width: 16px; height: 100%; top: 0; right: 0; background: url(../images/icon5.png) center no-repeat; }
.lang dl{ display: none; border-radius: 5px; z-index: 666; position: absolute; left: 0; top: 30px; width: 100%; overflow: hidden; background: #f5f5f5; z-index: 99999;}
.lang dd{ font-size: 14px; height: 30px; line-height: 30px; border-top: 1px solid #fff; white-space: pre; padding: 0 16px; }
.lang dd:first-child{ border-top: none; }
.lang dd a{ color: #333; display: block; }
.lang dd:hover{ background: #c6bb99; }
.lang dd:hover a{ color: #fff; }
.header.small,.header.small .h_rbox{ height: 60px; line-height: 60px; }
.header.small .logo img{ height: 42px; }
.header .language{ display: none; margin-right: 10px; }
.header .language{ font-size: 16px; vertical-align: top;}
.header .language a{ color: #666; padding: 0 8px;}
.header .language a:hover,.header .language a.on{ color: #8d704e; }
.nav-skip { position: relative; z-index: 100000; display: none; box-sizing: border-box; width:2.4rem; height:2.4rem; padding:0.5em 0 .4em; text-indent:2.1875em; font-size:1.3rem; line-height:1.9em; text-align:center;}
.nav-skip span {position:relative; top:0.4em; margin:0 auto; -webkit-transition-duration:0s; transition-duration:0s; -webkit-transition-delay:0.2s; transition-delay:0.2s;}
.nav-skip span:before,
.nav-skip span:after {position:absolute; content:'';}
.nav-skip span,
.nav-skip span:before,
.nav-skip span:after {width:1.3em; height:2px; background-color:#8d704e; display:block; -webkit-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-delay:0.2s, 0; transition-delay:0.2s, 0;}
.nav-skip span:before {top:-0.4em;}
.nav-skip span:after {top:0.4em;}
.nav-skip.toggled span {background-color:rgba(0,0,0,0.0); -webkit-transition-delay:0s; transition-delay:0s;}
.nav-skip.toggled span:before,
.nav-skip.toggled span:after {top:0; -webkit-transition-delay:0, 0.2s; transition-delay:0, 0.2s;}
.nav-skip.toggled span:before {-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.nav-skip.toggled span:after {-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.menu-is-open { overflow: hidden; width: 100%; }

/*footer*/
.f_emsg{ padding: 120px 0; text-align: center; font-family: "PingFang Medium",'微软雅黑','Arial'; }
.fmsg_box{ overflow: hidden; }
.fmsg_base h2{ font-size: 34px; margin-bottom: 10px; }
.fmsg_base h3{ font-size: 16px; margin-bottom: 56px; }
.email_top{ font-size: 0; margin-bottom: 32px; }
.email_input{ font-family: "PingFang Medium",'微软雅黑','Arial'; font-size: 16px; width: 596px; height: 70px; line-height: 68px; padding: 0 40px; color: #333; box-sizing: border-box; border: 1px solid #dedede; border-right: none; vertical-align: top; }
.email_input:focus{ border-color: #000; }
.email_input.wrong{ border: 1px solid #d12420; }
.email_sub{ font-family: "PingFang Medium",'微软雅黑','Arial'; cursor: pointer; width: 274px; height: 70px; background: #a7a7a7; font-size: 16px; color: #fff; border: none; }
.email_sub:before{ position: relative; top: 0; right: auto; bottom: auto; overflow: hidden; box-sizing: border-box; height: 2px; background-color: currentColor; transition: width .35s ease,margin .35s ease; will-change: width,margin; left: 0; z-index: auto; visibility: inherit; content: "";display: inline-block; vertical-align: middle; margin-right: 0; width: 0; }
.email_sub:hover:before{ margin-right: 10px; width: 20px; }
.email_sub:hover{ border-color: #c6bb99; background-color: #c6bb99; color: #fff; }
.email_bot{ font-size: 0; color: #999; font-size: 16px; }
.custom-checkbox{ background-color: #fff; display: inline-block; vertical-align: middle; position: relative; border: 1px solid #7d7d7d; box-sizing: border-box; height: 16px; width: 16px; margin-right: 20px; }
.wrong .custom-checkbox{ border: 1px solid #d12420; }
.active .custom-checkbox{ border: 1px solid #7d7d7d; background-image: url(http://www.boffi.com/resources/ui/form/checkbox/checkbox-checked_black.svg); }
label{ position: relative; }
label input{  position: absolute; left: 0; top: 0; width: 100%!important; height: 100%!important; max-width: 100%!important; max-height: 100%; opacity: 0; z-index: 10;  vertical-align:middle; margin-right: 8px;  }
label.email_bot input{  position: relative; width: auto!important; height: auto!important; max-width: 100%!important; max-height: 100%; opacity: 100; z-index: 10;  vertical-align:middle; margin-right: 8px; }
label.email_bot font{ cursor:pointer;  }
.email_bot font{ display: inline-block; vertical-align: middle; }
.email_bot a{ position: relative; z-index: 11; vertical-align: middle; text-decoration: underline; color: #999; }
.email_bot a:hover,.email_bot font:hover{ color: #000; }
.fmsg_base{ background: #fff; position: relative; z-index: 10; }
.f_emsg.bg_f5f5f5 .fmsg_base{ background: #f5f5f5; }
.fmsg_success{ position: absolute; top: 0; right: auto; bottom: auto; left: 0; z-index: -1; display: -ms-flexbox; display: flex; visibility: inherit; -ms-flex-direction: column; flex-direction: column; align-items: center; justify-content: center; overflow: visible; box-sizing: border-box; width: 100%; height: 100%; background: #fff; transition: transform .32s ease; -webkit-transition: transform .32s ease; -moz-transition: transform .32s ease; -o-transition: transform .32s ease; transform: translate3d(0,110%,0); -webkit-transform: translate3d(0,110%,0); -moz-transform: translate3d(0,110%,0); -o-transform: translate3d(0,110%,0); -ms-flex-pack: center; -ms-flex-align: center; will-change: transform; }
.fmsg_success .line{ width: 48px; height: 2px; background: #000; display: block; margin: 0 auto 40px; }
.fmsg_success h4{ font-size: 26px; }
.fmsg_success h5{ font-size: 20px; margin: 20px auto; }
.fmsg_box.success .fmsg_success{ z-index: 10; transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); }
.fmsg_box.success .fmsg_base{ z-index: -1; }
.f_emsg.bg_f5f5f5 .fmsg_success{ background: #f5f5f5; }
.footer_box{ padding: 50px 0; background: #191919;height:180px; width:auto; }
.footer_box a:hover{ color: #fff; }
.footer_top{ margin-bottom: 75px; }
.fshare_box{ margin-top: 4px; }
.fshare_box a{ opacity: .5; width: 35px; height: 35px; float: left; margin-right: 48px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.fshare_box a:hover{ opacity: 1; }
.fshare_box .wechat{ background-image: url(../images/icon10.png); }
.fshare_box .qq{ background-image: url(../images/icon11.png); }
.fshare_box .weibo{ background-image: url(../images/icon9.png); }
.fshare_box .email{ background-image: url(../images/icon12.png); }
.footer_mid{ margin-bottom: 48px; position: relative; }
.footer_mid .box{ box-sizing: border-box; min-height: 244px; float: left; display: block; }
.footer_mid .ftit{ font-size: 22px; color: #fff; line-height: 26px; margin-bottom: 24px; }
.footer_mid a:hover .ftit{ color: #8d704e; }
.footer_mid dd a{ line-height: 28px; font-size: 16px; color: #918f8f; font-family: "PingFang Medium",'微软雅黑','Arial'; }
.footer_mid .box:nth-child(1){ border-right: 1px solid #5a5959; padding-right: 30px; width: 150px; }
.footer_mid .box:nth-child(2){ border-right: 1px solid #5a5959; padding: 0 68px; }
.footer_mid .box dl{ float: left; min-width: 50px; margin-right: 24px; }
.footer_mid .box dl:last-child{ margin-right: 0; }
.footer_mid .box:nth-child(3){ padding: 0 70px; box-sizing: border-box; max-width: calc(100% - 150px - 335px - 200px - 230px); }
.footer_mid .finfo{ font-size: 16px; color: #918f8f; line-height: 28.8px; font-family: "PingFang Medium",'微软雅黑','Arial'; }
.footer_mid .box:nth-child(4){ max-width: 200px; padding: 0 20px; }
.footer_mid .box:nth-child(4) img{ max-width: 100%; margin-top: 5px; }
.footer_mid .box:nth-child(5){ float: right; text-align: right; max-width: 230px; }
.fcopyright{ font-size: 14px; color: #b8b8b8; line-height: 18px; }
.fcopyright .mt10{ margin-top: 10px; line-height: 20px; }
.fb_right{ margin-top: 30px; }
.fb_right,.fb_right a{ text-align: right; text-transform: uppercase; font-size: 14px; line-height: 20px; color: #b8b8b8; }
.fb_right a{ display: block; }

/*首页*/
.slick-slider{position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{z-index: 0; position: relative; display: block; overflow: hidden; margin: 0 auto; width: 100%;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before,
.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{outline: none; display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block; width: 100%;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto;}
.slick-arrow.slick-hidden{display: none;}
.slick-arrow{ background-color: rgba(0,0,0,0); outline: none;border: none;width: 33px; height: 33px; top: 50%; margin-top: -16.5px; text-indent: 100px; overflow: hidden; -webkit-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out; cursor: pointer; position: absolute; z-index: 1;}
.slick-dots{ height: 10px; line-height: 1; position: absolute; width: 100%; bottom: 20px; list-style: none; display: block; text-align: center; padding: 0px; }
.slick-dots li{ display: inline-block!important; vertical-align: top; border-radius: 10px; cursor: pointer; width: 10px; overflow: hidden; height: 10px; background: #d4d4d4; box-sizing: border-box; display: inline-block; zoom: 1; *display: inline; margin: 0 6.5px;}
.slick-dots li button{ background: none; border: none; outline: none; font-size: 0; }
.slick-dots li.slick-active,.i_nslick .slick-dots li.slick-active{ overflow: hidden; background: #c6ba9a; }
.banner{ position: relative; clear: both; height: 980px; overflow: hidden;margin-bottom: 20px; }
.banner-wrap{ height: 980px; }
.banner-wrap .banner-bg{background-size:cover;background-position: center center; height: 980px; display: block; background-size: cover; background-position: center; background-repeat: no-repeat;}
.banner .slick-prev{ opacity: 0; left: 5%; width: 48px; height: 48px; margin-top: -24px; background-image: url(../images/icon3.png); background-position: center; background-repeat: no-repeat; background-size: contain; }
.banner .slick-prev:hover{ opacity: 1!important; background-image: url(../images/icon3_g.png); }
.banner .slick-next{ opacity: 0; right: 5%; width: 48px; height: 48px; margin-top: -24px; background-image: url(../images/icon4.png); background-position: center; background-repeat: no-repeat; background-size: contain; }
.banner .slick-next:hover{ opacity: 1!important; background-image: url(../images/icon4_g.png); }
.banner-wrap:hover .slick-prev,.banner-wrap:hover .slick-next{ opacity: .6; }
.ban_text{ pointer-events: none; position: absolute; right: 8.4%; bottom: 19.23%; color: #fff; letter-spacing: 2.6px; font-size: 3.3em; line-height: 1.6; font-family: 'Times New Roman','微软雅黑','Arial'; }
.scroll-btn{ cursor: pointer; position: absolute; bottom: 65px; left: 50%; margin-left: -20px; width: 40px; height: 22px; background: url(../images/icon7.png) center no-repeat; background-size: contain; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transition: transform .2s ease,opacity .2s ease; -webkit-transition: transform .2s ease,opacity .2s ease; -moz-transition: transform .2s ease,opacity .2s ease; -o-transition: transform .2s ease,opacity .2s ease; }
.banner-mp3{ position: absolute; top: 0; left: 0; }
.mp3-btn{ opacity: .7; cursor: pointer; position: absolute; left: 7.6%; top: 28px; width: 72px; height: 72px; background-image: url(../images/icon2.png); background-position: center; background-size: contain; background-repeat: no-repeat; }
.mp3-btn.play{ /*background-image: url(../images/icon2on.png);*/ opacity: 1; }
.i_views{ background-color: #f9f9f9;/* background-image: url(../images/bg1.png); background-position: 1216px 381px; background-repeat: no-repeat;*/ padding: 75px 0; }
.i_views .item{ padding: 50px 0 0; box-sizing: border-box; }
.i_vleft{ margin-left: 8.3333%; width:36.875%; }
.i_vleft .img{ background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 0; padding-bottom: 67%; box-shadow: 0 0 30px rgba(0,0,0,.35); }
.i_vright{ margin-right: 8.3333%; width: 39.16%; }
.i_vrcontent{ margin: 22px 0 120px; }
.i_vright h3{ font-size: 34px; text-transform: uppercase; margin-bottom: 36px; font-family: "PingFang Medium",'微软雅黑','Arial'; }
.i_vright h3:before{ content: ''; display: inline-block; vertical-align: middle; width: 48px; height: 2px; background: #000; margin-right: 22px; }
.i_vright h3:hover{ color: #8d704e; }
.i_vright h3:hover:before{ width: 68px; background: #8d704e; }
.i_vright .text_p{ margin-bottom: 28px; font-size: 16px; line-height: 28px; height: 84px; overflow: hidden; }
.i_vright .more{ font-size: 16px; color: #999; line-height: 28px; }
.i_vright .more:hover{ color: #8d704e; }
.i_views.bg_8d704e{ padding-top: 0; background-color: #8d704e; color: #fff; background-position: 1216px 305px; }
.i_views.bg_8d704e h3{ color: #fff; }
.i_views.bg_8d704e h3:hover{ color: #c6bb99; }
.i_views.bg_8d704e .i_vright h3:before{ background: #fff; }
.i_views.bg_8d704e .i_vright h3:hover:before{ background: #c6bb99; }
.i_views.bg_8d704e .i_vright .more{ color: #fff; }
.i_views.bg_8d704e .i_vright .more:hover{ color: #c6bb99; }
.i_views.bg_8d704e .items-arrow-wrapper .slick-pbtn:hover{ background-image: url(../images/icon3_b.png); }
.i_views.bg_8d704e .items-arrow-wrapper .slick-nbtn:hover{ background-image: url(../images/icon4_b.png); }
.slick-controls{ margin-left: 53%; height: 50px; position: relative; }
.items-control-wrapper{ color: #cbcbcb; font-size: 34px; font-family: 'PingFang Medium','微软雅黑','Arial'; }
.items-control-wrapper,.items-arrow-wrapper{ text-align: left; top: -80px; height: 48px; line-height: 48px; position: absolute; }
.items-arrow-wrapper{ margin-left: 86px; }
.items-arrow-wrapper a{ cursor: pointer; margin-right: 8px; display: block; float: left; width: 48px; height: 48px; background-repeat: no-repeat; background-position: center; background-size: contain; }
.items-arrow-wrapper .slick-pbtn{ background-image: url(../images/icon3.png); }
.items-arrow-wrapper .slick-pbtn:hover{ background-image: url(../images/icon3_g.png); }
.items-arrow-wrapper .slick-nbtn{ background-image: url(../images/icon4.png); }
.items-arrow-wrapper .slick-nbtn:hover{ background-image: url(../images/icon4_g.png); }
.i_pic1{ position: relative; margin-bottom: 20px; width: 100%; height: 0; padding-bottom: 44.79%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.i_text h3{ text-transform: uppercase; font-size: 34px; font-family: "Pieta Thin",'微软雅黑','Arial'; }
.i_text h3:before{ margin-right: 20px; content: ''; display: inline-block; vertical-align: middle; width: 46px; height: 2px; background: #333; }
.i_text h2{ font-size: 56px; margin: 16px 0 26px; font-family: "PingFang Bold",'微软雅黑','Arial'; }
.i_text .more{ margin-left: -10px; padding: 0 10px; display: inline-block; font-size: 16px; line-height: 32px; }
.i_text.white h2,.i_text.white h3,.i_text.white .more{ color: #fff; }
.i_text.white h3:before{ background: #fff; }
.i_pic2{ position: relative; width: 100%; height: 0; padding-bottom: 32.5%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.i_pic2 .i_text{ vertical-align: middle; }
.pad150{ height: 0; width: 100%; padding-bottom: 9.375%; }
.pad215{ height: 0; width: 100%; padding-bottom: 13.44%; }
.i_pic2 .baseWidth:after{ content: ''; display: inline-block; width: 1px; height: 100%; margin-left: -1px; vertical-align: middle; }
.i_text:hover .more{ margin-left: 0; background: #333; color: #fff; }
.i_text.white:hover .more{ margin-left: 0; background: #fff; color: #333; }
.news_list .zoom .lazybg span{position: relative;}

.in_banner ul,.in_banner ul li {  width:100%; height:100%; z-index:1; overflow: hidden;}
.in_banner ul li.curr{z-index:2;}
.in_banner li img { width:100%; height:100%; }
.in_banner a.db{position: absolute;width: 100%;height: 100%;top: 0;}
.in_banner .vbox{ position:absolute; width:100%; height:100%; z-index:1; left:0; top:0; cursor:pointer;  background:#000; }
.in_banner .vbox video{width: 100%; height:100%; }
.in_banner ul li video{ height:100%; width:100%; transform: scale(1.08); -webkit-transform: scale(1.08);}
/*.cdr111{height: auto!important;}*/
.cdr111 ul,.cdr111 ul li{height: auto!important;}
.cdr111 ul li{position: relative;}
/*.cdr111 ul li em{height: auto!important;}*/
.in_banner ul li em{ display:block; width:100%; height:100%; background:rgba(0,0,0,0.6) url(../images/play_video.png) center no-repeat; position:absolute; left:0; top:0; cursor:pointer;}
.in_banner { position:relative; overflow:hidden; }

.in_banner dl { position:absolute; text-align:center; bottom:20px; left:0; width:100%; z-index:5000; }
.in_banner dl dd { display:inline-block; width:9px; height:9px; border-radius:5px; background:#fff; margin-right:20px; border:1px solid #000; cursor:pointer; }
.in_banner dl dd:last-child { margin-right:0; }
.in_banner dl dd.active { background:#000; }
.in_banner .bn_wra{position: relative;}

.banner_left0{position: absolute;top:50%; opacity: 0; left: 5%; width: 48px; height: 48px; margin-top: -24px; background-image: url(../images/icon3.png); background-position: center; background-repeat: no-repeat; background-size: contain;z-index: 9;cursor: pointer; }
.banner_left0:hover{ opacity: 1!important; background-image: url(../images/icon3_g.png); }
.banner_right0{position: absolute;top:50%; opacity: 0; right: 5%; width: 48px; height: 48px; margin-top: -24px; background-image: url(../images/icon4.png); background-position: center; background-repeat: no-repeat; background-size: contain; cursor: pointer; }
.banner_right0:hover{ opacity: 1!important; background-image: url(../images/icon4_g.png); }
.in_banner:hover .banner_left0,.in_banner:hover .banner_right0{ opacity: .6; z-index: 9;}

.video-popup-play{cursor: pointer; width:70px;height:70px;-webkit-transition-property:background-color,color;-moz-transition-property:background-color,color;-o-transition-property:background-color,color;transition-property:background-color,color;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;position:relative;display:inline-block;border-radius:50%;text-align:center;padding:14px;color:#fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10;}
.video-popup-play:after,.video-popup-play:before{width:70px;height:70px;zoom:1;filter:alpha(opacity=100);-webkit-opacity:1;-moz-opacity:1;opacity:1;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-transition:box-shadow .4s ease;-webkit-transition:-webkit-box-shadow .4s ease;-moz-transition:-moz-box-shadow .4s ease;-o-transition:box-shadow .4s ease;transition:box-shadow .4s ease;position:absolute;top:50%;left:50%;margin:-35px 0 0 -35px;border-radius:50%;content:'';pointer-events:none;box-shadow:0 0 0 2px rgba(255,255,255,.5)}
.video-popup-play:before{-webkit-animation:anim-effect-ivana-1 2s infinite;-moz-animation:anim-effect-ivana-1 2s infinite;-o-animation:anim-effect-ivana-1 2s infinite;animation:anim-effect-ivana-1 2s infinite}
.video-popup-play:after{-webkit-animation:anim-effect-ivana-2 2s infinite;-moz-animation:anim-effect-ivana-2 2s infinite;-o-animation:anim-effect-ivana-2 2s infinite;animation:anim-effect-ivana-2 2s infinite}
.video-popup-play i.fa{display:block;margin-left:6px;line-height:42px;font-size: 30px}
.video-popup-play:hover{color:#35017F;background-color:#fff;text-decoration:none}
.video-popup-play:hover:after,.video-popup-play:hover:before{-webkit-animation-iteration-count:1;-moz-animation-iteration-count:1;-o-animation-iteration-count:1;animation-iteration-count:1;box-shadow:none}
.video-popup-play.invert{color:#35017F}
.video-popup-play.invert:after,.video-popup-play.invert:before{box-shadow:0 0 0 2px rgba(53,1,127,.5)}
html.no-touch .video-popup-play.invert:hover{color:#fff;background-color:#35017F}
@-webkit-keyframes anim-effect-ivana-1{0%{opacity:0;-webkit-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1)}
80%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
100%{opacity:0;-webkit-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
}
@-moz-keyframes anim-effect-ivana-1{0%{opacity:0;-moz-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1)}
80%{opacity:1;-moz-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
100%{opacity:0;-moz-transform:scale3d(1.1,1.1,1);transform:scale3d(1.1,1.1,1)}
}
@-ms-keyframes anim-effect-ivana-1{0%,100%{opacity:0}
0%{-ms-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1)}
80%{opacity:1;transform:scale3d(1.1,1.1,1)}
100%,80%{-ms-transform:scale3d(1.1,1.1,1)}
100%{transform:scale3d(1.1,1.1,1)}
}
@keyframes anim-effect-ivana-1{0%{opacity:0;transform:scale3d(.8,.8,1)}
80%{opacity:1;transform:scale3d(1.1,1.1,1)}
100%{opacity:0;transform:scale3d(1.1,1.1,1)}
}
@-webkit-keyframes anim-effect-ivana-2{0%{opacity:0;-webkit-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1)}
70%{opacity:1;-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}
100%{opacity:0;-webkit-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}
}
@-moz-keyframes anim-effect-ivana-2{0%{opacity:0;-moz-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1)}
70%{opacity:1;-moz-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}
100%{opacity:0;-moz-transform:scale3d(1.2,1.2,1);transform:scale3d(1.2,1.2,1)}
}
@-ms-keyframes anim-effect-ivana-2{0%,100%{opacity:0}
0%{-ms-transform:scale3d(.8,.8,1);transform:scale3d(.8,.8,1)}
70%{opacity:1;transform:scale3d(1.2,1.2,1)}
100%,70%{-ms-transform:scale3d(1.2,1.2,1)}
100%{transform:scale3d(1.2,1.2,1)}
}
@keyframes anim-effect-ivana-2{0%{opacity:0;transform:scale3d(.8,.8,1)}
70%{opacity:1;transform:scale3d(1.2,1.2,1)}
100%{opacity:0;transform:scale3d(1.2,1.2,1)}
}


/*公共*/
.path{ line-height: 30px; padding: 22px; color: #999; vertical-align: middle; font-size: 14px; }
.path a{ padding-left: 22px; background: url(../images/path.png) left center no-repeat; background-size: 6px; color: #333; vertical-align: middle; font-size: 14px; }
.path a:hover{ color: #8d704e; vertical-align: middle; }
.path.white{ color: #fff; }
.path.white a,.path.white span{ color: #fff; }
.path.white a:hover,.path.white span{ color: rgba(255,255,255,.8); }
.m_main{ padding-bottom: 80px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.pro_main,.cart_main,.shop_main{ padding-bottom: 60px; }
.m_main.no_pb{ padding-bottom: 0; }
.m_left{ width: 306px; padding-right: 20px; box-sizing: border-box; }
.m_left .m_search{ margin: 5px 0 35px; background: #fff; width: 257px; height: 50px; border: 1px solid #d6d6d6; box-sizing: border-box; }
.m_left .m_search_input{ font-size: 14px; width: 210px; border: none; height: 48px; line-height: 48px; box-sizing: border-box; padding: 0 25px; }
.m_left .m_search_sub{ cursor: pointer; width: 45px; height: 48px; border: none; background: url(../images/icon23.png) 2px center no-repeat; background-size: 18px; }
.m_left .title{ line-height: 30px; font-size: 16px; font-family: "Pieta Medium",'微软雅黑','Arial'; }
.m_left li{ line-height: 36px; font-size: 16px; }
.m_left a{ display:block;-o-text-overflow:ellipsis; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; }
.m_left li > a{ color: #999; }
.m_left li > a:before{ content: ''; display: inline-block; vertical-align: middle; width: 0; height: 1px; background: #999; }
.m_left li.on > a,.m_left li:hover > a{ color: #8d704e; }
.m_left li.on > a:before,.m_left li:hover > a:before{ background: #8d704e; width: 28px; margin-right: 10px; }
.m_left dd a{ display: block; text-indent: 38px; color: #999; }
.m_left dd a:hover,.m_left dd.on a{ color: #8d704e; }
.m_left li > a.fontbold{font-weight: bold; color: #666}

.m_right{ box-sizing: border-box; width: calc(100% - 306px); }

/*登录*/
.l_main{ width: 100%; box-sizing: border-box; padding: 86px 0; color: #fff; line-height: 54px; font-size: 18px; }
.l_main a{ display: inline-block; color: #fff; }
.l_main h2{ font-size: 36px; margin-bottom: 8px; }
.l_main .item span{ display: block; }
.l_main .item input{ display: block; font-size: 18px; max-width: 100%; padding: 0 10px; box-sizing: border-box; width: 612px; background: #fff; border: none; height: 54px; line-height: 54px; }
.l_main label{ font-size: 16px; cursor: pointer; display: inline-block; margin: 24px 0; }
.l_main label:hover,.l_main .lost-password a:hover{ color: #ddd; }
.l_main .item input.cont-sub{ display: block; width: 138px; font-size: 16px; cursor: pointer; }
.l_main .item input.cont-sub:hover,.l_main .cont-reg:hover{ background: #c6bb99; color: #fff; }
.l_main .lost-password{ font-size: 16px; margin-bottom: 6px; }
.l_main .cont-reg{ width: 138px; text-align: center; display: inline-block; color: #333; background: #fff; font-size: 16px; }
.user-other{ margin-bottom: 16px; }
.user-other p{ font-size: 16px; margin-bottom: 8px; }
.user-other .list a{ margin-right: 20px; width: 40px; height: 40px; border-radius: 50%; display: block; float: left; background-repeat: no-repeat; background-position: center; background-size: contain; }
.user-other .list a:hover{ opacity: .8; }
.user-other .qq{ background-image: url(../images/icon42.png); }
.user-other .wechat{ background-image: url(../images/icon43.png); }
.user-other .weibo{ background-image: url(../images/icon44.png); }
.generic-text{ height: 54px; }

/*注册*/
.r_main .item{ clear: both; margin-bottom: 10px; }
.r_main .item.mb0{ margin-bottom: 0; }
.r_main .code_item input{ float: left; max-width: 396px; }
.r_main .code_item .code_input{ cursor: pointer; width: 208px; margin-left: 8px; font-size: 16px; }
.r_main .code_item .code_input:hover{ background: #c6bb99; color: #fff; }
.r_main .reg_item .tit{ margin-top: 54px; line-height: 36px; }
.r_main label{ margin: 0 0 60px; font-size: 14px; }

/*中国制造*/
.about_slick{ position: relative; width: 100%; }
.about_slick .slick-prev{ left: 32px; opacity: .5; width: 48px; height: 48px; margin-top: -24px; background: url(../images/icon15.png) center no-repeat; background-size: contain; }
.about_slick .slick-prev:hover{ opacity: 1; }
.about_slick .slick-next{ right: 32px; opacity: .5; width: 48px; height: 48px; margin-top: -24px; background: url(../images/icon16.png) center no-repeat; background-size: contain; }
.about_slick .slick-next:hover{ opacity: 1; }
.abo_con{ padding: 60px 0px 65px; font-size: 16px; line-height: 32px; }
.abo_con h2{ font-size: 36px; line-height: 46px; margin-bottom: 26px;/**/ }
.abo_con img{ max-width: 100%!important; height: auto!important; }

/*设计师列表*/
.des_list{ padding: 25px 66px; }
.des_list li{ padding: 40px 0; border-top: 1px solid #ebebeb; }
.des_list li:first-child{ border-top: none; }
.des_list .img{ position: relative; width: 25.4%; height: 0; padding-bottom: 24.4%; }
.des_list .img span{ background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; width: 100%; height: 100%; }
.des_list .img:hover{ box-shadow: 0 2px 8px rgba(0,0,0,.1); transform: translateY(-2px); }
.des_list .text{ width: 68.8%; }
.des_list .text h2{ margin: 12px 0 10px; font-size: 36px; }
.des_list .text h2:hover{ color: #8d704e; }
.des_list .text_p{ margin-bottom: 20px; box-sizing: border-box; display: inline-block; max-width: 100%; position: relative; padding-right: 100px; font-size: 16px; line-height: 32px; }
.des_list .text_p a{ position: absolute; right: 0; color: #8d704e; }
.des_list .text_p a:hover{ color: #c6ba9a; }
.des_list .des_blist dd{ overflow: hidden; position: relative; width: 25%; float: left; padding-bottom: 20.8%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.des_list .des_blist dd:hover .shadow{ top: 0; }

/*设计师详情*/
.des_con{ padding: 65px 70px; }
.des_left{ width: 25.8%; }
.des_right{ width: 65.2%; margin-right: 30px; }
.des_bot{ border-top: 1px solid #ebebeb; margin-top: 110px; padding-top: 90px; }
.des_blist li{ background-repeat: no-repeat; background-position: center; background-size: cover; cursor: pointer; overflow: hidden; position: relative; width: 20%; float: left; padding-bottom: 14.2%; }
.des_blist a{ display: block; width: 100%; height: 100%; position: absolute; }
.des_blist .shadow{ font-size: 0; text-align: center; color: #fff; background: rgba(141,112,78,.8); position: absolute; top: 100%; left: 0; width: 100%; height: 100%; }
.des_blist .shadow:before{ content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 100%; margin-left: -1px; }
.des_blist .shadow p{ padding: 0 20px; box-sizing: border-box; font-size: 16px; max-width: calc(100% - 2px); display: inline-block; vertical-align: middle; word-break: break-all; line-height: 28px; max-height: 56px; }
.des_blist li:hover .shadow{ top: 0; }

/*产品列表*/
.pro_list li{ margin-bottom: 30px; width: 23.2%; margin-right: 1.8%; float: left; }

.pro_list .zoom{ position: relative; width: 100%; height: 0; padding-bottom: 64.5%; }
.pro_list .zoom span{ position: absolute; }
.pro_list .text{ padding: 34px 30px; }
.pro_list .text h2{ font-size: 18px; margin-bottom: 8px; font-family: 'PingFang Medium','微软雅黑','Arial'; }
.pro_list .text h3{ font-size: 16px; }
.pro_list li:hover h2,.pro_list li:hover h3{ color: #8d704e; }

/*产品详情*/
.pro_dtop{ padding: 8px 0 48px; }
.pdt_left{ width: 64%; height: 0; padding-bottom: 39.37%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.pdt_right{ width: 30%; }
.pdt_right .text h2{ margin: 32px 0 4px; font-size: 32px; font-family: 'PingFang Medium','微软雅黑','Arial'; }
.pdt_right .text h2 span{ margin-left: 1%; color: #999; font-family: 'PingFang Regular','微软雅黑','Arial'; }
.pdt_right .text a span{ font-size: 16px; color: #999; display: block; line-height: 30px; }
.pdt_right .text a:hover span{ color: #8d704e; }
.pdt_right .text_p{ margin-top: 38px; height: 144px; margin-bottom: 26px; font-size: 16px; line-height: 36px; }
.pdt_right .price{ margin-bottom: 20px; }
.pdt_right .price .em{ font-family: "Pieta Thin",'微软雅黑','Arial'; float: left; width: 176px; background: #fff; height: 70px; line-height: 70px; font-size: 20px; color: #8d704e; text-align: center; }
.pdt_right .price .buy{ float: left; width: 82px; height: 70px; background-color: #8d704e; background-image: url(../images/icon24.png); background-position: center; background-repeat: no-repeat; background-size: 25px; }
.pdt_right .price:hover .buy{ background-color: #c6bb99; }
.pdt_right .animation-scrollto{ cursor: pointer; font-size: 16px; line-height: 30px; padding-left: 22px; background: url(../images/icon25.png) left center no-repeat; }
.pdt_right .animation-scrollto:hover{ color: #8d704e; }
.pdt_right .pad{ height: 0; padding-bottom: 23%; width: 100%; }
.pdt_right .pro_share{ font-size: 16px; line-height: 42px; }
.pdt_right .pro_share a{ margin: 0 10px; width: 42px; height: 42px; border-radius: 50%; display: block; float: left; background-repeat: no-repeat; background-position: center; background-size: contain; }
.pdt_right .pro_share a:first-child{ margin-left: 0; }
.pdt_right .pro_share a:hover{ opacity: .6; }
.pro_share a.wechat{ background-image: url(../images/icon26.png); }
.pro_share a.qq{ background-image: url(../images/icon27.png); }
.pro_share a.weibo{ background-image: url(../images/icon28.png); }
.pro_share a.email{ background-image: url(../images/icon29.png); }
.pro_dmid{ padding: 15px 0 75px; }
.pro_dmid .box{ background-repeat: no-repeat; background-position: center; background-size: cover; height: 0; padding-bottom: 25.8%; width: 31.875%; margin-right: 2.1875%; float: left; }
.pro_dmid .box:nth-child(3n){ margin-right: 0; }
.pro_ins{ padding: 64px 0 80px; color: #fff; background: #8d704e; }
.pro_ins h2{ font-size: 40px; margin-bottom: 100px; }
.product-specs-row{ width: 77.5%; margin: 0 auto; }
.product-specs-box{ float: left; box-sizing: border-box; width: 50%; margin: 0; border-right: 1px solid #fff; }
.product-specs-box:first-child{ border-left: 1px solid #fff; }
.product-specs-box a{ display: block; width: 100%; height: 100%; padding: 28px 30px; line-height: 30px; box-sizing: border-box; color: #fff; font-size: 16px; }
.product-specs-box span{ display: block; }
.product-specs-box span:after{ content: ''; display: block; height: 30px; width: 30px; margin: 0 auto; background: url(../images/icon30.png) center no-repeat; background-size: 14px; }
.product-specs-box:hover{ background-color: #6c5336; }
.pro_dbot{ padding: 75px 0 0; }
.pro_dbot h2{ font-size: 40px; margin-bottom: 75px; text-align: center; }
.pro_dbot .clearfix{ font-size: 0; text-align: center; }
.pro_dbot .box{ display: inline-block; vertical-align: top; width: 23.75%; margin-right: 1.666%; position: relative; }
.pro_dbot .box:nth-child(4n){ margin-right: 0; }
.pro_dbot .pic{ width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; height: 0; padding-bottom: 80%; }
.pro_dbot .text h3{ margin: 22px 0 8px; font-size: 32px; font-family: 'PingFang Medium','微软雅黑','Arial'; }
.pro_dbot .text p{ margin-bottom: 15px; font-size: 16px; color: #999; }
.pro_dbot .box:hover .pic{ box-shadow: 0 2px 30px rgba(0,0,0,.1); }
.pro_dbot .box:hover .text h3,.pro_dbot .box:hover p{ color: #8d704e; }

/*产品饰面*/
.finishes-search{ background: #fff; padding: 0 45px; margin-bottom: 25px; }
.finishes-search-list li{ font-size: 0; padding: 14px 0; line-height: 36px; border-bottom: 1px solid #f1f1f1; }
.finishes-search-list li .title{ color: #8d704e; font-size: 16px; }
.finishes-search-list li .title i{ margin-left: 18px; }
.finishes-search-list li span.clearfix{ font-size: 0; max-width: calc(100% - 70px); }
.finishes-search-list li a{ display: inline-block; vertical-align: middle; font-size: 16px; padding: 0 10px; margin: 0 10px; }
.finishes-search-list li .select-list a.active,.finishes-search-list li .select-list a:hover{ color: #8d704e; }
.finishes-search-list li .selected-list a{ padding: 0 28px 0 14px; box-sizing: border-box; font-size: 14px; background: url(../images/icon32.png) 90% center no-repeat; background-size: 10px; min-width: 100px; border: 1px solid #ebebeb; }
.finishes-search-list li .selected-list a:hover{ border-color: #666; }

.finishes-content-level2_title{margin: 0; padding: 0; padding-bottom: 35px; color: #37393b; font-size: 15px;}
.finishes-content-level3{/*padding: 25px;*/ margin-bottom: 25px; background: #fff;}
.finishes-content-level3 .finishes-content-level3_title{text-transform: uppercase; font-size: 15px; display: block; padding: 25px 25px 0; box-sizing: border-box;}
.finishes-content-row.finishes-content-row-off{display: none;}
.finishes-content-row .finishes-content-row-items-list{display: inline-block; width: 100%; padding: 25px 25px 0; box-sizing: border-box;}
.finishes-content-row-item{float: left; margin-left: 3.146%; width: 22.64%; cursor: pointer;}
.finishes-content-row-item:first-child{margin-left: 0;}
.finishes-content-row-item .finishes-content-item-code{position: relative; padding-left: 0; font-size: 16px; padding-top: 18px;}
.finishes-content-row-item.active .finishes-content-item-code{padding-left: 38px; color: #8d704e;}
.finishes-content-row-item.active .finishes-content-item-code:before{position: absolute; content: ""; left: 21px; bottom: 0px; background-color: #9e876d; height: 145%; width: 1px;}
.finishes-content-row-item figure{margin: 0; padding: 0; width: 100%; height: 0; padding-bottom: 74.73%; overflow: hidden;}
.finishes-content-row-item figure img{display: block; max-width: 100%;}
.bg_ededed{background: #ededed; padding: 0; box-sizing: border-box;}
.bg_ededed.padon{padding: 25px; margin-top: 25px;}
.finishes-content-row-items-details{display: none; overflow: hidden; position: relative; width: 100%; height: 0; padding-bottom: 48%;}
.finishes-content-row-items-details.active{display: block;}
.finishes-content-row-items-details .finishes-content-row-items-details_actions{position: absolute; right: 0; top: 0; z-index: 2; width: 140px;}
.finishes-content-row-items-details .finishes-content-row-items-details_actions .finishes-content-details_actions-nav{float: left;}
.finishes-content-row-items-details .finishes-content-row-items-details_actions .finishes-content-details_actions-nav .finishes-details-nav_prev{display: inline-block; float: left; background: url('../images/arrow_sx.png') no-repeat scroll center transparent; background-size: 9px; margin-right: 20px; width: 30px; height: 30px; font-size: 0px; line-height: 0px; text-indent: -9999px; }
.finishes-content-row-items-details .finishes-content-row-items-details_actions .finishes-content-details_actions-nav .finishes-details-nav_next{display: inline-block; float: right; background: url('../images/arrow_dx.png') no-repeat scroll center transparent; background-size: 9px; width: 30px; height: 30px; font-size: 0px; line-height: 0px; text-indent: -9999px; }
.finishes-content-row-items-details .finishes-content-row-items-details_actions .finishes-content-details_actions-close{float: right;}
.finishes-content-row-items-details .finishes-content-row-items-details_actions .finishes-content-details_actions-close .finishes-details-close{display: block; background: url('../images/close.png') no-repeat scroll center transparent; background-size: 20px; width: 30px; height: 30px; font-size: 0px; line-height: 0px; text-indent: -9999px;}
.finishes-content-row-items-details .finishes-content-row-items-details-list-wr{position: absolute; left: 0; top: 0; width: 400%; height: auto;}
.finishes-content-row-item-detail{position: relative; float: left; width: 25%;}
.finishes-content-row-item-detail figure{float: left; margin: 0; padding: 0; width: 48%; height: 0; padding-bottom: 48%;}
.finishes-content-row-item-detail figure img{display: block; width: 100%;}
.finishes-content-row-item-detail .finishes-content-item-detail{position: absolute; right: 0; margin: 0; padding: 0; padding-bottom: 0; width: 48%; height: 100%; overflow-y: auto; overflow-x: hidden;}
.finishes-content-row-item-detail .finishes-content-item-detail .finishes-content-item-detail-box{position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);}
.finishes-content-row-item-detail .finishes-content-item-detail .code_title{font-size: 32px; margin: 8px 0 40px;}
.finishes-content-row-item-detail .finishes-content-item-detail .finishes-link{ font-size: 16px; color: #9e876d; text-transform: uppercase; text-decoration: underline; }
.finishes-content-row-item-detail .finishes-content-item-detail .pt28{padding-top: 28px;}
.finishes-content-row-item-detail .finishes-content-item-detail p{font-size: 16px; line-height: 28px;}
.finishes-content-row-item-detail .finishes-content-item-detail .info{margin-top: 25px;}
.finishes-content-row-item-detail .finishes-content-item-detail .info p{font-size: 14px;}
.finishes-content-row-item-detail .finishes-content-item-detail .finishes-content-item-txt_note{padding-top: 24px; font-size: 16px; line-height: 28px; color: #999;}
.finishes-content-row-item-detail .finishes-content-item-detail .icon-1{padding-left: 30px; background: url('../images/no-acqua.png') no-repeat scroll 0 4px transparent; background-size: auto;}
.finishes-content-row-item-detail .finishes-content-item-detail .icon-5{padding-left: 30px; background: url('../images/no-candeggina.png') no-repeat scroll 0 4px transparent; background-size: auto;}
.finishes-content-row-item-detail .finishes-content-item-detail .icon-6{padding-left: 30px; background: url('../images/stira-max.png') no-repeat scroll 0 4px transparent; background-size: auto;}
.finishes-content-row-item-detail .finishes-content-item-detail .icon-10{padding-left: 30px; background: url('../images/lava-secco.png') no-repeat scroll 0 4px transparent; background-size: auto;}
.finishes-content-row-item-detail .finishes-content-item-detail .icon-13{padding-left: 30px; background: url('../images/no-asciuga.png') no-repeat scroll 0 4px transparent; background-size: auto;}
.finishes-content-1_columns .finishes-content-row-item-detail .finishes-content-item-detail .code_title{padding-bottom: 0;}
.finishes-content-download .finishes-content-level3{padding-bottom: 0;}
.finishes-content-download .finishes-content-level3 .finishes-content-level3_title{text-align: center;}
.finishes-content-download .finishes-content-row.is-catalogue{display: inline-block;}
.finishes-content-download .finishes-content-row.is-catalogue .finishes-content-row-items-list .finishes-content-row-item{padding: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column;}
.finishes-content-download .finishes-content-row.finishes-content-download-lock .finishes-content-row-item figure{position: relative;}
.finishes-content-download .finishes-content-row.finishes-content-download-lock .finishes-content-row-item figure:before{position: absolute; content: " "; top: -19px; left: -19px; background: url('../images/lock.png') no-repeat scroll 0 0 transparent; background-size: 100% auto; width: 40px; height: 40px;}
.finishes-content-download .finishes-content-row-items-list{padding-bottom: 30px;}
.finishes-content-download .finishes-content-row-item{display: table; display: -ms-flexbox; display: flex; width: 100%; background: #fff; padding: 25px; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center;}
.finishes-content-download .finishes-content-row-item figure{display: table-cell; vertical-align: middle; padding-bottom: 0; height: auto; width: 218px; padding-right: 20px;}
.finishes-content-download .finishes-content-row-item .finishes-download-item-txt{display: -ms-flexbox; display: flex;}
.finishes-content-download .finishes-content-row-item .finishes-download-item-txt .finishes-download-file-details{padding-left: 20px; opacity: 0.6;}
.finishes-content-download .finishes-content-row-item .finishes-download-actions{text-align: right;}
.finishes-content-download .finishes-content-row-item .finishes-download-actions .generic-cta{margin-top: 0; margin-left: 20px;}
.finishes-content-download .finishes-content-row-item .finishes-download-actions.finishes-download-actions-centered{padding-top: 20px; text-align: center;}
.finishes-content-download .finishes-content-row-item .finishes-download-actions .finishes-download-url{padding-right: 20px; background: url('../images/download.png') no-repeat scroll right 2px transparent; background-size: 14px auto; font-size: 12px; color: #37393b; text-transform: uppercase; }
.finishes-content-download .finishes-content-row-item .finishes-download-actions .finishes-download-singin{font-size: 0.875rem; line-height: 1.5em; color: #37393b;}
.finishes-content-download .finishes-content-row-item .finishes-download-actions .finishes-download-3D-cta{font-size: 0.875rem; line-height: 1.5em; color: #37393b; background: #f5f5f5; height: 100%; margin-left: 20px; padding: 10px 20px; box-shadow: 0 0 0 1px #e0e0e0; width: auto; display: inline; text-transform: uppercase; border: 0;}
.finishes-content-row-view-all-wr{padding: 25px;}
.generic-cta{display: inline-block; padding: 0.9375rem 1.875rem; background: rgba(233, 233, 233, 0); text-decoration: none; color: #333; margin-top: 0; font-size: 12px; text-transform: uppercase; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); transition: background 0.2s ease-in-out; border: 0; border: 1px solid #999;}
.finishes-content-wr .finishes-content-view-all-actions_viewall{display: none; margin-top: 0;}
.finishes-content-wr .finishes-content-view-all-actions_viewall.on{display: inline-block;}
.finishes-content-wr .finishes-content-view-all-actions_close{display: none; margin-top: 0;}
.finishes-content-wr .finishes-content-view-all-actions_close.on{display: inline-block;}

/*店铺*/
.shop_top .pic{ background-repeat: no-repeat; background-position: center; background-size: cover; width: 61.56%; padding-bottom: 28.25%; height: 0; }
.shop_top .text{ position: relative; width: 38.44%; padding-bottom: 28.25%; height: 0; text-align: center; }
.shop_twrap{ padding: 55px 0 30px; display: inline-block; text-align: left; margin: 0 auto; width: 70.8%; }
.shop_twrap h2{ margin-bottom: 18px; font-size: 32px; font-family: 'PingFang Medium','微软雅黑','Arial'; }
.shop_twrap .text_p{ font-size: 16px; line-height: 30px; }
.shop_twrap .text_p p{ margin-bottom: 30px; }
.shop_twrap .text_p span{ color: #999; display: block; }
.goto_shop{ position: absolute; left: 14.6%; bottom: 55px; line-height: 30px; font-size: 16px; }
.goto_shop:hover{ color: #8d704e; }
.shopbot{ padding: 65px 0 20px; }
.shopbot h2{ margin-bottom: 42px; font-size: 40px; text-align: center; }
/*dropdown*/
.dropdown,
.dropup{position: relative}
.dropdown-toggle:focus{outline: 0}
.dropdown-menu{position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175)}
.dropdown-menu.pull-right{right: 0; left: auto}
.dropdown-menu .divider{height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5}
.dropdown-menu>li>a{display: block; padding: 3px 20px; clear: both; line-height: 1.42857143; color: #333; white-space: nowrap}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover{color: #262626; text-decoration: none; background-color: #f5f5f5}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover{color: #fff; text-decoration: none; background-color: #337ab7; outline: 0}
.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover{color: #777}
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover{text-decoration: none; cursor: not-allowed; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)}
.open>.dropdown-menu{display: block}
.open>a{outline: 0}
.dropdown-menu-right{right: 0; left: auto}
.dropdown-menu-left{right: auto; left: 0}
.dropdown-header{display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777; white-space: nowrap}
.dropdown-backdrop{position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990}
.pull-right>.dropdown-menu{right: 0; left: auto}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret{content: ""; border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid\9}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu{top: auto; bottom: 100%; margin-bottom: 2px}
@media (min-width:768px){.navbar-right .dropdown-menu{right: 0; left: auto} .navbar-right .dropdown-menu-left{right: auto; left: 0}}
.dropdown.disabled{ opacity: .4; pointer-events: none; }
.dropdown{position: relative; top: 0; right: auto; left: 0; display: inline-block; overflow: visible; width: auto}
.dropdown.show .btn.dropdown-toggle.focus,
.dropdown.show .btn.dropdown-toggle:focus{border-color: #000; background-color: #000; color: #fff}
.dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain{outline: 0!important; border: none!important; background: 0 0!important}
.dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain::after{border-color: 1px solid #000}
.dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain.dark-theme, .dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain{color: #fff!important}
.dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain.dark-theme::after, .dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain::after{border: 1px solid #000!important; filter: invert(100%)!important}
html.no-cssfilters .dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain.dark-theme::after,
html.no-cssfilters .dropdown.show .btn.dropdown-toggle.dropdown-toggle-plain::after{border: 1px solid #fff!important}
.dropdown .btn.dropdown-toggle.focus,
.dropdown .btn.dropdown-toggle:focus{box-shadow: none!important}
.dropdown .btn.dropdown-toggle.dropdown-toggle-plain{ background-color: transparent; font-size: 16px; position: relative; top: 0; right: auto; left: 0; border: none; overflow: hidden; margin: 0; padding: 0 40px 0 0; width: auto; height: 24px; }
.dropdown .btn.dropdown-toggle.dropdown-toggle-plain::after{content: ''; position: absolute; top: 0; right: 1px; left: auto; overflow: hidden; width: 24px; height: 24px; background-image: url(../images/icon19.png); background-position: center; background-size: 22px; background-repeat: no-repeat; }
.dropdown .btn.dropdown-toggle.dropdown-toggle-plain+.dropdown-menu{top: 130%}
.dropdown .dropdown-menu{margin: 0; padding: 0; border: none; box-shadow: 0 0 12px rgba(0, 0, 0, .22)}
.dropdown a.dropdown-item:hover{color: #8d704e;}
.dropdown a.dropdown-item.active{background: #c6bb99; color: #fff; pointer-events: none;}
/*.dropdown .dropdown-menu .dropdown-item::before{position: absolute; overflow: hidden; width: 0; height: 100%; background-color: #8d704e; content: ""; left: 0; top: 0;}*/
.dropdown a.dropdown-item.active::before{width: 3px;}
.dropdown .dropdown-menu .dropdown-item{ box-sizing: border-box; position: relative; overflow: hidden; padding: 16px 30px; min-width: 200px; border: none; border-top: 1px solid #ddd; background: #fff; color: #666; text-align: left; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 1; transition: padding .28s ease,background .2s ease,color .2s ease; display: block;}
.dropdown .dropdown-menu.center{left: 50%; margin-left: -110px;}
.dropdown .dropdown-menu{ cursor: pointer; overflow: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; max-height: 305px; width: 220px;}
.shopbot .select_box{ margin-bottom: 100px; }
.shopbot .select_box .dropdown{ margin: 0 38px; }
.shop_list > li{ background: #fff; width: 22.68%; float: left; margin-right: 3.093%; margin-bottom: 3%; }
.shop_list > li:nth-child(4n){ margin-right: 0; }
.shop_list > li .pic{ opacity: .3; width: 100%; height: 0; padding-bottom: 64%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.shop_list > li .text{ padding: 32px 38px 30px; box-sizing: border-box; }
.shop_list > li .text h2{ font-size: 26px; font-family: 'PingFang Medium','微软雅黑','Arial'; }
.shop_list > li .text .pad{ width: 100%; height: 0; padding-bottom: 38.1%; }
.shop_list > li .text span{ font-size: 16px; line-height: 30px; }
.shop_list > li:hover{ box-shadow: 0 0 30px rgba(0,0,0,.2); }
.shop_list > li:hover h2,.shop_list > li:hover span{ color: #8d704e; }
.shop_list > li:hover .pic{ opacity: 1; }

/*店铺详情*/
.shop_dcon{ width: 81.6%; margin: 90px auto; box-sizing: border-box; }
.shop_dleft{ width: 63.7%; height: 632px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.shop_dright{ position: relative; width: 36.3%; height: 632px; text-align: center; }
.shop_dright .shop_twrap{ width: 78%; padding: 70px 0; }
.shop_twrap .detail{ position: absolute; bottom: 70px; left: 11%; }
.shop_twrap .detail .dis{ font-family: 'Pieta Thin','微软雅黑','Arial'; font-size: 16px; color: #999; min-width: 100px; text-align: center; padding: 0 5px; display: inline-block; vertical-align: middle; }
.shop_twrap .detail .btn{ display: inline-block; vertical-align: middle; width: 155px; height: 48px; line-height: 46px; text-align: center; border: 1px solid #ccc; box-sizing: border-box; }
.shop_twrap .detail .btn:hover{ background: #c6bb99; color: #fff; }
.shop_twrap .detail .btn i{ width: 0px; height: 100%; vertical-align: top; display: inline-block; background: url(../images/icon20.png) center no-repeat; margin-right: 0px; }

/*新闻列表*/
.news_list{ padding: 62px 0 50px; }
.news_list li{ margin-bottom: 50px; width: 31.25%; float: left; margin-right: 3.125%; }
.news_list li:nth-child(3n){ margin-right: 0; }
.news_list .zoom{ position: relative; padding-bottom: 67%; opacity: .3; }
.news_list .zoom span{ position: absolute; }
.news_list .text h2{ margin: 35px 0 8px; font-size: 32px; font-family: 'PingFang Medium','微软雅黑','Arial'; }
.news_list .text span{ font-size: 16px; color: #999; }
.news_list li:hover .text h2,.news_list li:hover .text span{ color: #8d704e; }
.news_list li:hover .zoom{ opacity: 1; }
.news_list li[data-show=on-scroll],.pro_list li[data-show=on-scroll]{ opacity: 0; -webkit-transform: translate(0,80px); -ms-transform: translate(0,80px); transform: translate(0,80px); -webkit-transition: opacity .6s .1s,-webkit-transform .6s; transition: opacity .6s .1s,transform .6s; }
.news_list li.delay1,.pro_list li.delay1{ transition-delay: 50ms; }
.news_list li.delay2,.pro_list li.delay2{ transition-delay: 150ms; }
.news_list li.delay3,.pro_list li.delay3{ transition-delay: 200ms; }
.news_list li.delay4,.pro_list li.delay4{ transition-delay: 250ms; }
.news_list li.delay5,.pro_list li.delay5{ transition-delay: 300ms; }
.news_list li.delay6,.pro_list li.delay6{ transition-delay: 350ms; }
.news_list li.in-view,.pro_list li.in-view{ opacity: 1; -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); }
.news_more{ font-family: 'PingFang Medium','微软雅黑','Arial'; background: #fff; font-size: 16px; text-align: center; cursor: pointer; width: 226px; height: 70px; line-height: 70px; margin: 0 auto 30px; }
.news_more{background: #F5F5F5;}
.news_more:hover{ background: #c6bb99; color: #fff; }

/*新闻详情*/
.news_dcon{ padding: 0; }
.news_dcon h2{ margin-top: 56px; }
.news_dcon .text{ padding-bottom: 80px; }
.news_dcon .pic{ margin-bottom: 70px; font-size: 0; }
.news_dcon .pic img{ display: inline-block; vertical-align: middle; }
.news_dcon .pic .big{ width: 55.43%; margin-right: 6.57%; }
.news_dcon .pic .small{ width: 38%; }
.news_dcon .text .box.fl{ width: 47.3%; }
.news_dcon .text .box.fr{ margin-left: 8.13%; width: 44.57%; }
.news_dslick{ margin: 10px auto 95px; }
.news_dslick .img{ padding: 0 18px; box-sizing: border-box; }
.news_dslick .slick-dots{ bottom: -28px; }
.news_dslick .slick-slide{ cursor: pointer; opacity: .3; }
.news_dslick .slick-center,.news_dslick .slick-slide:hover{ opacity: 1; }
.news_dslick .slick-center{ cursor: default; }
.details_bn .slick-prev{ opacity: 0.5; left: 5%; width: 48px; height: 48px; margin-top: -24px; background-image: url(../images/icon3.png); background-position: center; background-repeat: no-repeat; background-size: contain; }
.details_bn .slick-prev:hover{ opacity: 1!important; background-image: url(../images/icon3_g.png); }
.details_bn .slick-next{ opacity: 0.5; right: 5%; width: 48px; height: 48px; margin-top: -24px; background-image: url(../images/icon4.png); background-position: center; background-repeat: no-repeat; background-size: contain; }
.details_bn .slick-next:hover{ opacity: 1!important; background-image: url(../images/icon4_g.png); }
.details_bn .slick-slide {position: relative;}
.details_bn .li img{width: 100%;height: auto;}

/*联系我们*/
.con_main.m_main{ padding: 4px 0; }
.con_left{ background-repeat: no-repeat; background-position: center; background-size: cover; width: 58.6%; height: 0; padding-bottom: 43.2%; }
.con_right{ width: 41.4%; text-align: center; }
.con_right .con_info{ padding: 80px 0; text-align: left; display: inline-block; width: 68.5%; margin: 0 auto; }
.con_info h2{ margin-bottom: 26px; font-size: 36px; }
.con_info .text_p{ margin-bottom: 42px; font-size: 16px; line-height: 30px; }
.con_info .text_p span{ color: #999; }
.con_info .recruit_show,.rec_btn{ display: block; margin-bottom: 20px; width: 245px; height: 54px; line-height: 54px; background: #8d704e; color: #fff; font-size: 16px; text-align: center; cursor: pointer; }
.con_info .recruit_show:hover,.rec_btn:hover{ background: #c6bb99; }
.re_bg{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,.5); }
.re_wrap{ max-height: 90%; padding: 46px 20px 42px 50px; box-sizing: border-box; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 927px; height: 670px; background: #fff; }
.re_wrap .mCSB_container{ padding-right: 40px; }
.re_wrap h2{ font-size: 36px; color: #8d704e; }
.re_wrap .close{ position: absolute; width: 30px; height: 30px; cursor: pointer; right: 17px; top: 13px; background-image: url(../images/icon17.png); background-position: center; background-repeat: no-repeat; background-size: 18px; }
.re_wrap .close:hover{ background-image: url(../images/icon17on.png); }
.re_form{ height: calc(100% - 70px); overflow: auto; margin-top: 24px; line-height: 54px; }
.re_form span{ display: inline-block; vertical-align: middle; font-size: 18px; color: #000; }
.re_form span a{ color: #8d704e; text-decoration: underline; }
.re_form span a:hover{ color: #c6bb99; }
.re_form em{ color: #ff0000; }
.re_form .w50{ width: 47.2%; }
.re_form input{ font-size: 18px; width: 100%; border: 1px solid #ccc; box-sizing: border-box; padding: 0 10px; height: 54px; line-height: 52px; }
.re_form input.re_sub{ cursor: pointer; width: 347px; background: #8d704e; color: #fff; border: none; }
.re_form input.re_sub:hover{ background: #c6bb99; }
.re_form textarea{ font-size: 18px; display: block; width: 100%; border: 1px solid #ccc; box-sizing: border-box; padding: 10px; height: 106px; resize: vertical; }
.re_form label{ display: inline-block; margin-right: 34px; }
.re_form .custom-checkbox{ border-color: #ccc; }
/*select*/
.sod_select{ border: 1px solid #ccc; background: #fff url(../images/icon18.png) 96% center no-repeat; background-size: 10px; display: inline-block; vertical-align: middle; position: relative; line-height: 1; width: 100%; box-sizing: border-box; padding: 12px 10px; color: #333; font-size: 14px; text-align: left; text-transform: uppercase; outline: 0; outline-offset: -2px; cursor: default;}
.sod_select.open{color: #999; } 
.sod_select.disabled{border-color: #828282; color: #b2b2b2; cursor: not-allowed;} 
.sod_select .sod_label{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 30px;} 
.sod_select .sod_list{ max-height: 200px; overflow: auto; border: 1px solid #ddd; border-top: none; box-sizing: border-box; position: absolute; top: 100%; left: -1px; display: none; height: auto; width: calc(100% + 2px); background: #ffffff; border-top: none; color: #333; font-weight: 300; z-index: 1;}
.sod_select.open .sod_list{display: block;} 
.sod_select.disabled.open .sod_list{display: none;}
.sod_select.above .sod_list{top: auto; bottom: 100%; border: 1px solid #ddd; border-bottom: none; }
.sod_select .sod_list ul{overflow-y: auto; padding: 0; margin: 0;}
.sod_select .sod_list li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; position: relative; padding: 10px 10px; list-style-type: none;}
.sod_select .sod_list .optgroup, .sod_select .sod_list .optgroup.disabled{ background: inherit; color: #999; font-size: 10px; font-style: italic;} 
.sod_select .sod_list .groupchild{padding-left: 20px;}
.sod_select .sod_list .disabled{background: inherit; color: #cccccc;}
.sod_select .sod_list .active{background: #c6bb99; color: #fff;} 
.sod_select .sod_list .selected{ padding-right: 25px;} 
.sod_select .sod_list .selected:before,.dropdown a.dropdown-item.active:before{content: ""; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; color: #808080; height: 9px; width: 10px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K);} /* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */ 
.sod_select.no_highlight .sod_list .selected{font-weight: 300;} 
.sod_select.no_highlight .sod_list .selected:before{display: none;} 
.sod_select select{display: none !important;}
.sod_select.touch select{-webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; display: block !important; height: 100%; width: 100%; opacity: 0; z-index: 1;}
.re_form .sod_select{ font-size: 18px; padding: 17px 10px; }

/*招聘信息*/
.re_h2{ font-size: 36px; line-height: 55px; padding-bottom: 18px; border-bottom: 1px solid #dadada; }
.re_list li{ border-bottom: 1px solid #dadada; }
.re_list .re_top{ padding-right: 25px; cursor: pointer; font-size: 16px; min-height: 100px; line-height: 30px; padding: 35px 0; box-sizing: border-box; }
.re_list .re_top .title{ max-width: calc(100% - 200px); font-size: 18px; }
.re_list .re_top .title span{ display: inline-block; margin-right: 12px; vertical-align: middle; }
.re_list .re_top .title font{ box-sizing: border-box; display: inline-block; vertical-align: middle; padding: 0 30px; }
.re_list .re_top .fr{ background-image: url(../images/icon22.png); background-position: right center; background-repeat: no-repeat; padding-right: 40px; }
.re_list li.on .re_top .title span,.re_list .re_top:hover .title span{ color: #8d704e; }
.re_list li.on .re_top .fr{ background-image: url(../images/icon22on.png); }
.re_list .re_bot{ display: none; background: #fff; }
.re_list .re_detail{ border-bottom: 2px solid #f5f5f5; padding: 26px 50px; line-height: 36px; }
.re_list .re_detail dd{ width: 20%; padding: 0 10px; box-sizing: border-box; text-align: center; float: left; }
.re_list .re_detail dd:first-child{ text-align: left; padding-left: 0; }
.re_list .re_detail dd:last-child{ text-align: right; padding-right: 0; }
.re_list .re_detail dd span{ margin-right: 20px; }
.re_list .re_info{ padding: 35px 50px 75px; line-height: 25px; }
.re_list .re_info .box{ float: left; width: 50%; max-width: 580px; padding-right: 20px; box-sizing: border-box; display: inline-block; vertical-align: top; }
.re_list .re_info .box .re_h3{ color: #8d704e; margin-bottom: 25px; }

/*下载中心*/
.right_tit{ font-size: 36px; padding-bottom: 24px; border-bottom: 1px solid #ccc; }
.down_top{ padding-right: 50px; cursor: pointer; font-size: 16px; height: 100px; line-height: 100px; box-sizing: border-box; background-image: url(../images/icon22.png); background-position: 98% center; background-repeat: no-repeat; }
.down_top:hover{ color: #8d704e; }
.down_bot{ display: none; }
.down_bot dd{ height: 100px; line-height: 100px; box-sizing: border-box; background: #fff; margin-bottom: 10px; padding: 0 55px; font-size: 16px; }
.down_bot dd span{ display: block; width: calc(100% - 200px); }
.down_bot dd font{ font-size: 14px; background: url(../images/icon21.png) right center no-repeat; padding-right: 45px; }
.down_bot dd:hover{ background: rgba(198, 187, 153, 0.5); }
.down_list li{ border-bottom: 1px solid #dadada; }
.down_list li.on{ padding-bottom: 32px; }
.down_list li.on .down_top{ color: #8d704e; background-image: url(../images/icon22on.png); }

/*个人信息*/
.info_con{ padding: 30px 50px; }
.info_con .box{ margin-bottom: 46px; }
.info_con .info_h2{ font-size: 36px; line-height: 50px; margin-bottom: 24px; }
.info_con .item{ margin-bottom: 14px; }
.info_box{ float: left; width: 550px; padding-right: 108px; box-sizing: border-box; max-width: 50%; }
.info_box span{ line-height: 50px; font-size: 18px; }
.info_con input{ font-size: 18px; width: 100%; box-sizing: border-box; border: 1px solid #e6e6e6; height: 50px; line-height: 48px; padding: 0 28px; }
.info_box label{ display: inline-block; padding-right: 20px; margin-right: 20px; font-size: 18px; }
.info_box .custom-radio{ margin-right: 14px; vertical-align: middle; display: inline-block; width: 22px; height: 50px; background-image: url(../images/radio.png); background-position: left center; background-repeat: no-repeat; background-size: contain; }
.info_box .active .custom-radio{ background-image: url(../images/radio_on.png); }
.info_box input.pwd_btn{ cursor: pointer; background: #f8f8f8; color: #999; border: 1px solid #e6e6e6; width: 140px; }
.info_box input.pwd_btn:hover{ background: #c6bb99; border-color: #c6bb99; color: #fff; }
.info_con input.info_sub,.info_con input.pwd_sub{ border: none; cursor: pointer; margin-top: 52px; width: 140px; background: #8d704e; color: #fff; }
.info_con input.pwd_sub{ margin-top: 25px; }
.info_con input.info_sub:hover,.info_con input.pwd_sub:hover{ background: #c6bb99; }
.info_box .sod_select{ border: 1px solid #e6e6e6; font-size: 18px; padding: 15px 40px 15px 28px; background: #fff url(../images/icon33.png) 95% center no-repeat; }
.info_box .sod_select .sod_list li{ padding: 10px 28px; }
.info_box .sod_select .sod_label{ padding-right: 0; }
.pwd_aft{ display: none; }

/*保存购物清单*/
.cart_con{ font-size: 0; }
.cart_left{ width: 64%; max-width: calc(95% - 484px); }
.cart_con img{ max-width: 100%; }
.cart_right{ margin-left: 5%; font-size: 14px; width: 484px; }
.cart_right.cart_bot{ width: 100%; margin-left: 0; }
.cart_right h2{ margin-top: 12px; font-size: 32px; font-family: 'PingFang Medium','微软雅黑','Arial'; }
.cart_right h2 span{ text-transform: uppercase; color: #999; font-family: 'PingFang Regular','微软雅黑','Arial'; }
.cart_right h2 a{color: #000;}
.cart_right h2 span.part{font-size: 20px;}
.cart_right h2 span.part a{color: #999;}
.cart_sel_tit{ font-size: 20px; padding: 20px 0; line-height: 20px; display: block; }
.no_checked .cart_sel_tit.wrong{ color: #d12420; }
.cart_sel_list label{ font-size: 0; border: 2px solid #fff; margin-bottom: 20px; cursor: pointer; text-transform: uppercase; padding: 0 10px; box-sizing: border-box; height: 70px; line-height: 24px; text-align: center; background: #fff; float: left; margin-right: 10px; }
.cart_sel_list label input{ cursor: pointer; }
.cart_sel_list label.on{ border-color: #8d704e; }
.cart_sel_list label.no{ border-color: #eee; background: #eee; }
.cart_sel_list label:last-child{ margin-right: 0; }
.cart_sel_list label .text{ word-break: break-all; font-size: 12px; display: inline-block; vertical-align: middle; }
.cart_sel_list label:before{ content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 1px; margin-left: -1px; }
.cart_sel_blist label{ min-width: 152px; }
.cart_sel_blist label span{ color: #999; }
.cart_sel_slist label{ min-width: 140px; max-width: 140px; }
.cart_bot .cart_sel_slist label{ min-width: 110px; max-width: 110px; }
.cart_right .price{ font-size: 34px; color: #8d704e; margin: 30px 0 26px; font-family: "Pieta Light",'微软雅黑','Arial'; }
.cart_right .select_box{ margin-top: -20px; }
.cart_right h2{ margin-bottom: 20px; }
.cart_right .input_box{ overflow: hidden; font-size: 0; padding: 0 10px 0 30px; box-sizing: border-box; margin-bottom: 10px; width: 100%; height: 70px; line-height: 70px; background: #fff; }
.cart_right .input_box span{ float: left; display: inline-block; vertical-align: top; width: 50px; color: #999; font-size: 16px; }
.cart_right .input_box .input_wrap{ width: calc(100% - 50px); }
.cart_right .input_box .input_btn{ cursor: pointer; background-color: #fff; background-repeat: no-repeat; background-position: center; text-align: right; border: none; width: 42px; height: 70px; line-height: 70px; }
.cart_right .input_box .btn_add{ background-image: url(../images/btn_add.png); }
.cart_right .input_box .btn_add:hover{ background-image: url(../images/btn_add_on.png); }
.cart_right .input_box .btn_min{ background-image: url(../images/btn_min.png); }
.cart_right .input_box .btn_min:hover{ background-image: url(../images/btn_min_on.png); }
.cart_right .input_box .input_count{ font-size: 16px; vertical-align: top; text-align: center; border: none; width: 42px; height: 70px; line-height: 70px; }
.cart_right .cart_sub{ width: 100%; height: 70px; font-size: 16px; color: #fff; background: #8d704e; border: none; cursor: pointer; }
.cart_right .cart_sub:hover{ background: #c6bb99; }
.cart_right .tips{ clear: both; margin-bottom: 20px; line-height: 26px; color: #999; padding-left: 30px; background: url(../images/icon31.png) left center no-repeat; background-size: 15px; }
.cart_bg{ display: none; z-index: 999; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.5); }
.cart_wrap{ max-width: 90%; text-align: center; padding: 50px 3%; box-sizing: border-box; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; background: #fff; width: 566px; height: 268px; }
.cart_wrap .tips{ line-height: 30px; margin: 30px 0 34px; }
.cart_wrap .tips span{ display: inline-block; font-size: 16px; padding-left: 36px; background: url(../images/icon34.png) left center no-repeat; }
.cart_wrap .cart_btn{ font-size: 0; }
.cart_wrap .cart_btn a{ margin: 0 10px; font-size: 14px; display: inline-block; width: 127px; height: 40px; line-height: 38px; border: 1px solid #8d704e; background: #8d704e; color: #fff; }
.cart_wrap .cart_btn a:first-child,.cart_wrap .cart_btn a:last-child{ background: #fff; color: #8d704e; }
.cart_wrap .cart_btn a:hover{ background: #c6bb99; border-color: #c6bb99; color: #fff; }
/*保存购物清单2*/
.cart_top{ margin-bottom: 50px; }
.cart_top img{ max-width: 100%; }
.cart_bot .select_box{ margin-top: -20px; }
.cart_bot .cart_sel_list label{ position: relative; line-height: 20px; margin-bottom: 20px;}
.cart_bot .cart_tit{ margin-bottom: 25px; }
.cart_bot .cart_sel_blist label{ width: 152px; height: 160px; line-height: 20px; }
.cart_bot .cart_sel_blist label:nth-child(3n){ margin-right: 0; }
.cart_bot .cart_sel_blist .text{ max-width: calc(100% - 1px); }
.cart_bot .cart_sel_blist .text p,.cart_bot .cart_sel_blist .text span{ max-height: 40px; overflow: hidden; display: block; }
.cart_bot .cart_sel_list label .img{ width: 60px; height: 60px; line-height: 60px; margin: 0 auto 14px; font-size: 0; }
.cart_bot .cart_sel_box{ float: left; width: 476px; margin-right: calc((100% - 1428px) / 2); }
.cart_bot .cart_sel_box:nth-child(3n){ margin-right: 0; }
.cart_bot .cart_sel_slist label{ width: 111.5px; padding: 0 5px; }
.cart_bot .cart_sel_slist .text p{ max-height: 60px; overflow: hidden; }
.cart_bot .cart_detail .input_box{ width: 484px; max-width: 484px; }
.cart_bot .cart_detail .sub_box{ text-align: right; width: calc(100% - 500px); }
.cart_bot .cart_detail .price{ display: inline-block; vertical-align: middle; margin: 0 75px 0 0; }
.cart_bot .cart_detail .cart_sub{ display: inline-block; vertical-align: middle; max-width: 484px; }
.cart_bot label .shadow{ z-index: 9; box-shadow: 0 0 30px rgba(198,186,154,.35); display: none; position: absolute; left: 0; bottom: calc(100% + 4px); width: 645px; height: 400px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.cart_bot label:hover .shadow{ display: block; }
.cart_bot .cart_sel_box:nth-child(3n) .shadow{ left: auto; right: 0; }

/*购物清单*/
.shop_list_select{ margin-bottom: 32px; }
.shop_list_select .title{ line-height: 34px; font-size: 18px; margin-bottom: 8px; }
.shop_list_select .sod_select{ border: 1px solid #e6e6e6; width: 100%; max-width: 442px; font-size: 18px; padding: 17px 10px; }
.shop_list .span_gray{ margin: 0 5px; color: #999; font-family: 'PingFang Regular','微软雅黑','Arial'; }
.shop_list_top{ background: #fff; padding: 30px 50px; box-sizing: border-box; line-height: 50px; }
.shop_list_top h2{ font-size: 36px; }
.shop_list_top h2 span{ font-size: 26px; }
.shop_list_editor{ cursor: pointer; font-size: 20px; }
.shop_list_editor span{ font-size: 16px; }
.shop_list_editor:hover{ color: #8d704e; }
.shop_list_mid{ background: #fff; }
.order_tit.bg_f5f5f5{ border-bottom: none; }
.order_tit.bg_f5f5f5 .tit1:before{ min-height: 100%; }
.order_tit{ border-bottom: 2px solid #f5f5f5; text-align: center; padding: 12px 0; font-size: 0; }
.order_li.no_bb .order_tit{ border-bottom: none; }
.order_tit .tit1:before{ min-height: 150px; content: ''; display: inline-block; width: 1px; height: 100%; margin-left: -1px; vertical-align: middle; }
.order_tit .tit{ font-size: 16px; display: inline-block; vertical-align: middle; }
.order_tit .tit p{ line-height: 22px; }
.order_tit .tit span{ color: #999; line-height: 16px; font-size: 14px; }
.order_tit .part1{ width: 43.85%; }
.order_tit .tit1{ font-size: 0!important; width: 50px; min-height: 0; }
.order_tit .tit1 label{ display: none; }
.editing .order_tit .tit1 label,.editing .order_box .tit1 label{ display: inline-block; }
.order_tit .tit2{ width: 63.15%; text-align: left; }
.order_tit .tit3{ padding: 0 10px; box-sizing: border-box; width: calc(36.85% - 50px); }
.order_tit .part2{ width: 33.2%; }
.order_tit .tit4,.order_tit .tit5,.order_tit .tit6{ padding: 0 10px; padding: 0 10px; box-sizing: border-box; width: 33.3%; }
.order_tit .part3{ width: 22.95%; }
.order_tit .tit7,.order_tit .tit8{ width: 50%; }
.order_tit label{ width: 40px; height: 100px; line-height: 100px; display: inline-block; }
.order_tit label i{ width: 18px; height: 18px; background: url(../images/icon38.png) no-repeat; background-size: contain; display: inline-block; vertical-align: middle; } 
.order_tit label.on i{ width: 18px; height: 18px; background: url(../images/icon38on.png) no-repeat; background-size: contain; } 
.order_tit .tit_product{ font-size: 0; }
.order_tit .tit_product .img{ max-width: 37%; display: inline-block; vertical-align: middle; }
.order_tit .tit_product .img img{ max-width: 100%; }
.order_tit .tit_product .text{ margin-left: 8%; width: 53%; display: inline-block; vertical-align: middle; }
.order_tit .tit_product h2{ font-size: 26px; }
.order_tit .tit_product h2 .span_gray { font-size: 18px; }
.order_tit .tit_product h3{ font-size: 16px; color: #999; }
.order_tit .tit_product h3 span{ opacity: .5; font-size: 14px; margin: 0 5px; }
.order_tit .tit_product a:hover h2{ color: #8d704e; }
.order_tit .tit_size{ color: #999; }
.order_tit .tit_material .span_gray{ font-size: 18px; text-transform: uppercase; }
.order_tit .tit_more .span_gray{ font-size: 18px; }
.order_tit .tit_more a,.order_tit .tit_more a:hover span{ color: #8d704e; }
.tit_number{ font-size: 0; }
.tit_number .number{ font-size: 16px; width: 58px; margin: 0 10px; height: 40px; line-height: 38px; box-sizing: border-box; border: 1px solid #e8e8e8; vertical-align: middle; }
.tit_number .b_add{ background: #fff; width: 22px; height: 22px; box-sizing: border-box; vertical-align: middle; border: 1px solid #e8e8e8; background-image: url(../images/icon39.png); background-repeat: no-repeat; background-position: center; }
.tit_number .b_add:hover{ background-image: url(../images/icon39on.png); border-color: #8d704e; }
.tit_number .minus{ background: #fff; width: 22px; height: 22px; box-sizing: border-box; vertical-align: middle; border: 1px solid #e8e8e8; background-image: url(../images/icon40.png); background-repeat: no-repeat; background-position: center; }
.tit_number .minus:hover{ background-image: url(../images/icon40on.png); border-color: #8d704e; }
.order_tit .tit_price{ color: #8d704e; }
.shop_list_control{ display: none; padding-right: 50px; background: #fff; border-top: 2px solid #f5f5f5; }
.shop_list_control .order_tit{ text-align: left; line-height: 40px; }
.shop_list_control label{ width: auto; padding: 0 10px; margin-left: -10px; height: 40px; line-height: 40px; }
.shop_list_control label input{ cursor: pointer; }
.shop_list_control .tit label span{ font-size: 16px; }
.shop_list_control .tit label:hover span{ color: #8d704e; }
.shop_list_control .tit1:before{ display: none; }
.shop_list_control .tit2{ width: auto; }
.shop_list_control .titd{ font-size: 0; }
.shop_list_control .titd a{ margin-left: 20px; font-size: 16px; padding: 0 10px; display: inline-block; vertical-align: top; }
.shop_list_control .titd a:hover{ color: #8d704e; }
.shop_list_control .titd .shop_list_delete{ text-indent: 25px; background: url(../images/icon41.png) 10px center no-repeat; }
.order_box{ border-bottom: 2px solid #f5f5f5; padding: 30px 0; background: #ebebeb; font-size: 0; }
.order_dd .order_box:last-child{ border-bottom: none; }
.order_box .btit{ font-size: 16px; display: inline-block; vertical-align: top; }
.order_box .box1{ width: 31.45%; }
.order_box .tit1{ font-size: 0!important; width: 50px; min-height: 0; display: inline-block; vertical-align: middle; text-align: center; }
.order_box .tit1 label{ display: none; }
.order_box label{ width: 40px; height: 50px; line-height: 50px; display: inline-block; vertical-align: top; }
.order_box label i{ width: 18px; height: 18px; background: url(../images/icon38.png) no-repeat; background-size: contain; display: inline-block; vertical-align: middle; } 
.order_box label.on i{ width: 18px; height: 18px; background: url(../images/icon38on.png) no-repeat; background-size: contain; } 
.order_box .btit1{ width: calc(100% - 50px);/* padding-left: 50px;*/ box-sizing: border-box; min-height: 0; text-align: left; }
.order_box .box2,.order_box .box3{ width: 34.275%; }
.order_box .btit2,.order_box .btit3,.order_box .btit4,.order_box .btit5{ width: 50%; padding: 0 10px; box-sizing: border-box; }
.order_box h4{ margin-bottom: 4px; }
.order_box p{ font-size: 14px; }
.order_box h4 span,.order_box p{ color: #999; }
.order_box .btit1 .img{ display: inline-block; vertical-align: top; width: 26.5%; }
.order_box .btit1 .img img{ max-width: 100%; }
.order_box .btit1 .text{ display: inline-block; vertical-align: top; width: 58.5%; margin-left: 7%; }
.shop_list_bot{ background: #fff; padding: 35px 50px; box-sizing: border-box; }
.shop_list_total .fl{ font-size: 26px; }
.shop_list_total .fl span{ font-size: 18px; }
.shop_list_total .price{ margin-bottom: 14px; font-size: 26px; color: #8d704e; }
.shop_list_total .fr{ position: relative; z-index: 1; margin-top: 20px; text-align: right; }
.shop_list_total .fr a{ display: inline-block; font-size: 16px; }
.shop_list_total .fr a:hover{ color: #8d704e; }
.shop_list_total .fr a.shop_list_ab{ display: none; }
.shop_list_tips{ max-width: 60%; line-height: 24px; color: #999; position: relative; top: -35px; }
.shop_list_tips span{ opacity: .5; }
.shop_list_btn{ margin: 60px 0; }
.shop_list_btn a{ text-align: center; margin-right: 30px; width: 143px; height: 54px; line-height: 54px; float: left; font-size: 16px; background: #fff; color: #999; }
.shop_list_btn a:hover{ background: #c6bb99; color: #fff; }
.shop_list_form{margin-top: 30px;background: #fff;}
.shop_list_form .box{border-top: 1px solid #f5f5f5;height: 0px;overflow: hidden;transition: all 0.5s;opacity: 0;}
.shop_list_form .box.show{height: inherit;opacity: 1;}
.shop_list_form .shop_list_top{ line-height: 40px;padding: 30px 50px;}
.shop_list_form .shop_list_top h2{font-size: 30px;}
.shop_list_form .shop_list_top .span_gray{font-size: 24px;}
.shop_list_form input::-webkit-input-placeholder{color: #999;}

.case_details{padding-bottom: 0;}
.case_details_content{position: relative;padding: 165px 0;}
.case_details_content .bg{width: 100%;}
.case_details_content .wrap{max-width: 1306px;margin: 0 auto;}

.changeName{border: 1px solid #e6e6e6;width: 100%;max-width: 442px;font-size: 18px;padding: 12px 10px;}

@media screen and (max-width: 1640px){
.baseWidth{ width: 94%; margin: 0 3%; }
.i_pic1 .baseWidth,.i_pic2 .baseWidth{ width: 100%; padding: 0 5%; box-sizing: border-box; margin: 0 auto; }
.path{ padding: 22px 0; }
.pad215{ padding-bottom: 9%; }
.banner, .banner-wrap, .banner-wrap .banner-bg { height: 800px; }
.ban_text{ font-size: 2.7em; }
.scroll-btn{ bottom: 20px; background-size: 25px; }
.mp3-btn{ left: 1.5%; top: 0px; }
.footer_mid .box:nth-child(1){ width: 130px; padding-right: 40px; }
.footer_mid .box:nth-child(2){ padding: 0 40px; }
.footer_mid .box:nth-child(3){ padding: 0 20px 0 40px; max-width: calc(100% - 130px - 280px - 190px - 230px); }
.footer_mid .box:nth-child(4){ max-width: 190px; }
.footer_box{ padding: 60px 0; }
.footer_top,.footer_mid{ margin-bottom: 40px; }
.i_views{ padding: 40px 0; }
.i_vrcontent{ margin: 0; }
.items-control-wrapper,.items-arrow-wrapper{ top: -50px; }
.f_emsg{ padding: 100px 0; }
.l_main{ padding: 70px 3%; }
.news_list .text h2{ font-size: 25px; margin-top: 20px; }
.news_list li{ margin-bottom: 3.2%; }
.pdt_right .text h2{ margin: 0 0 5px; }
.pro_ins{ padding: 4% 0; }
.pro_ins h2{ margin-bottom: 3.75rem; }
.goto_shop{ position: static; }
.shop_twrap{ padding: 9%; box-sizing: border-box; width: 100%; }
.shopbot .select_box{ margin-bottom: 60px; }
.m_left{ width: 220px; }
.m_left .m_search{ width: 100%; font-size: 0; max-width: 600px; margin: 0 0 4%; }
.m_left .m_search_input{ width: 80%; padding: 0 10px; }
.m_left .m_search_sub{ width: 20%; background-position: center; }
.m_right{ width: calc(100% - 240px); } 
.m_left li.on > a:before, .m_left li:hover > a:before{ width: 15px; margin-right: 5px; }
.des_list{ padding: 10px 3%; }
.des_list .text{ width: 70%; }
.des_list .text h2{ margin: 0 0 10px; }
.finishes-content-row-item-detail .finishes-content-item-detail .code_title{ margin-bottom: 20px; }
.finishes-content-row-item-detail .finishes-content-item-detail .pt28,.finishes-content-row-item-detail .finishes-content-item-detail .finishes-content-item-txt_note{ padding-top: 10px; }
.finishes-content-row-item-detail .finishes-content-item-detail .info{ margin-top: 10px; }
.cart_bot label .shadow{ width: 564px; height: 350px; }
}

@media screen and (max-width: 1550px){
.cart_bot .cart_sel_list .cart_sel_box{ width: 32%; margin-right: 2%; }
.cart_bot .cart_sel_list .cart_sel_box:nth-child(3n){ margin-right: 0; }
.cart_bot .cart_sel_blist label{ min-width: 0; width: 31.3333%; margin-right: 3%; }
.cart_bot .cart_sel_slist label{ min-width: 0; width: 23%; margin-right: 2.666%; }
.cart_bot .cart_sel_slist label:last-child{ margin-right: 0; }
.cart_bot .cart_detail .input_box{ width: 32%; }
.cart_bot .cart_detail .sub_box{ width: 64%; }
.cart_bot .cart_detail .cart_sub{ width: 33.3%; max-width: 100%; }
.cart_bot .cart_detail .price{ margin-right: 5%; }
.cart_bot label .shadow{ width: 484px; height: 300px; }
}

@media screen and (max-width: 1500px){
.pdt_right .text_p{ margin-top: 15px; }
.order_tit .tit_more .span_gray,.order_tit .tit_material .span_gray{ font-size: 16px; }
.order_tit .tit_product h2{ font-size: 20px; }
}

@media screen and (max-width: 1440px){
.news_list .text h2{ font-size: 20px; }
.finishes-search{ padding: 0 25px; }
.finishes-search-list li .title i{ margin-left: 0; }
.finishes-content-row-item-detail .finishes-content-item-detail .code_title{ font-size: 28px; }
.finishes-content-row-item-detail .finishes-content-item-detail p{ font-size: 14px; line-height: 22px; }
.finishes-content-row-item-detail .finishes-content-item-detail .finishes-link{ font-size: 12px; }
.finishes-content-row-item-detail .finishes-content-item-detail .info p{ font-size: 14px; line-height: 22px; background-size: 16px; background-position: 0 3px; }
.finishes-content-row-item-detail .finishes-content-item-detail .finishes-content-item-txt_note{ font-size: 14px; }
.info_box{ padding-right: 50px; }
.info_con input.info_sub{ margin-top: 25px; }
.tit_number .number{ width: 45px; margin: 0 6px; }
}

@media screen and (max-width: 1400px){
.banner, .banner-wrap, .banner-wrap .banner-bg { height: 700px; }
.ban_text{ font-size: 2.3em; }
.i_views{ padding: 20px 0; }
.i_vleft{ margin-left: 5%; width: 42%; }
.i_vright{ margin-right: 5%; width: 42%; }
.slick-controls{ margin-left: 53%; }
.m_main{ padding-bottom: 60px; }
.news_list{ padding: 60px 0 40px; }
.news_more{ height: 50px; line-height: 50px; }
.news_dcon h2{ margin: 40px 0 0; }
.news_dcon .text{ padding-bottom: 40px; }
.news_dcon .pic{ margin-bottom: 40px; }
.news_dslick{ margin-bottom: 70px; }
.pdt_right .text_p{ line-height: 30px; height: 120px; margin-bottom: 20px; }
.pdt_right .pad{ padding-bottom: 20%; }
.pdt_right{ width: 32%; }
.pro_dbot{ padding-top: 60px; }
.pro_dbot h2{ margin-bottom: 30px; }
.shop_top .pic{ width: 52%; padding-bottom: 38%; }
.shop_top .text{ padding-bottom: 0; height: auto; width: 48%; }
.shop_list > li .text h2{ font-size: 20px; }
.shop_list > li .text .pad{ padding-bottom: 20%; }
.shop_twrap{ padding: 8%; }
.shop_top .pic{ padding-bottom: 0; position: absolute; left: 0; top: 0; height: 100%; }
.shop_twrap h2{ margin-bottom: 10px; }
.shop_dcon{ width: 100%; margin: 60px auto; }
.shop_dright .shop_twrap{ width: 80%; padding: 50px 0; }
.shop_twrap .detail .dis{ min-width: 0; padding: 0 10px; }
.shop_twrap .detail .btn{ width: 120px; margin-left: 10px; }
.shop_dright,.shop_dleft{ height: 580px; }
.abo_con{ padding: 5% 0 5% 0; }
.des_list .text h2{ font-size: 30px; }
.des_list .text_p{ margin-bottom: 10px; }
.cart_right h2{ margin: 0 0 3%; font-size: 30px; }
.cart_sel_tit{ font-size: 18px; padding: 3% 0; }
.cart_sel_list label{ height: 60px; line-height: 20px; min-width: 0!important; margin-bottom: 2%; }
.cart_right .tips{ padding-left: 25px; margin-bottom: 2%; margin-top: -2%; }
.cart_right .input_box,.cart_right .input_box input{ height: 60px!important; line-height: 60px!important; }
.cart_right .price{ font-size: 32px; margin: 3% 0; }
.cart_right .cart_sub{ height: 60px; }
.info_con{ padding: 30px 5%; }
.cart_top{ margin-bottom: 2%; }
.cart_right h2{ margin-bottom: 2%; }
.cart_right .select_box{ margin-top: -1.99%; }
.cart_sel_tit{ padding: 2% 0; }
.cart_bot .select_box{ margin-top: -1.99%; }
.cart_bot .cart_tit{ margin-bottom: 1%; }
.order_tit .tit,.order_tit .tit_more .span_gray,.order_tit .tit_material .span_gray,.order_box .btit{ font-size: 14px; }
.order_tit .tit3, .order_tit .tit6,.order_tit .tit4,.order_tit .tit5,.order_box .btit2, .order_box .btit3, .order_box .btit4, .order_box .btit5{ padding: 0 1%; }
.order_tit .tit_product h2 .span_gray{ font-size: 16px; }
.order_tit .tit_product .text{ margin-left: 5%; width: 58%; }
.shop_list_top,.shop_list_form .shop_list_top{ padding: 2% 4%; line-height: 1.3; }
.shop_list_control{ padding-right: 4%; }
.shop_list_control .order_tit .tit1{ width: 4%; }
.shop_list_control label{ height: 36px!important; line-height: 36px!important; }
.shop_list_control .order_tit{ padding: 1% 0; line-height: 36px; }
.shop_list_control .titd a,.shop_list_control .tit label span{ font-size: 14px; }
.shop_list_control .titd a{ margin-left: 15px; }
.shop_list_bot{ padding: 2% 4%; }
.shop_list_top h2,.shop_list_form h2{ font-size: 30px; }
.shop_list_top h2 span,.shop_list_form h2 span{ font-size: 20px; }
.shop_list_editor{ font-size: 18px; margin-top: 1%; }
.shop_list_btn{ margin: 4% 0; }
.shop_list_total .fl{ font-size: 20px; }
.shop_list_tips{ line-height: 20px; }
.shop_list_select .sod_select{ font-size: 16px; }
.shop_list_select{ margin-bottom: 2.5%; }
.shop_list_select .title{ line-height: 1.3; font-size: 16px; }
.order_tit .tit1:before{ min-height: 100px; }
/*.order_box .btit1{ padding-left: 10px; }*/

.case_details_content .wrap{max-width: 90%;margin: 0 auto;}
}

@media screen and (max-width: 1300px){
.des_list .img{ width: 20%; padding-bottom: 20%; }
.des_list .text{ width: 76%; }
.cart_left,.cart_right{ display: inline-block; vertical-align: middle; float: none; }
.cart_bot .cart_sel_list .cart_sel_box,.cart_bot .cart_sel_list .cart_sel_box:nth-child(3n){ width: 49%; margin-right: 2%; }
.cart_bot .cart_sel_list .cart_sel_box:nth-child(2n){ margin-right: 0; }
.cart_bot .cart_detail .input_box{ width: 49%; }
.cart_bot .cart_detail .sub_box{ width: 100%; text-align: left; }
.cart_bot .cart_detail .cart_sub{ width: 200px; }
.cart_bot .cart_detail .price{ margin: 2% 0; display: block; }
.cart_bot .cart_sel_list label{ line-height: 18px; }
.cart_bot .cart_sel_blist .text p, .cart_bot .cart_sel_blist .text span{ max-height: 36px; }
.cart_bot .cart_sel_slist .text p{ max-height: 54px; }
.cart_bot .cart_sel_box:nth-child(3n) .shadow{ left: 0; }
.cart_bot .cart_sel_box:nth-child(2n) .shadow{ left: auto; right: 0; }

}

@media screen and (max-width: 1220px){
.banner, .banner-wrap, .banner-wrap .banner-bg { height: 600px; }
.ban_text{ font-size: 2em; }
.footer_mid .ftit{ font-size: 20px; margin-bottom: 14px; }
.footer_mid dd a,.footer_mid .finfo{ font-size: 14px; line-height: 24px; }
.footer_mid .box{ min-height: 200px; }
.fshare_box a{ background-size: 25px; margin-right: 35px; }
.footer_box{ padding: 40px 0; }
.footer_top,.footer_mid{ margin-bottom: 20px; }
.i_vright h3{ margin-bottom: 20px; font-size: 30px; }
.i_vright .text_p{ font-size: 15px; }
.i_vright .more{ font-size: 14px; }
.items-control-wrapper{ font-size: 26px; }
.items-control-wrapper,.items-arrow-wrapper{ height: 35px; line-height: 35px; }
.items-arrow-wrapper a{ width: 35px; height: 35px; }
.i_views{ padding: 0; }
.i_vleft{ margin-left: 3%; width: 42%; }
.i_vright{ margin-right: 3%; width: 48%; }
.slick-controls{ margin-left: 49%; }
.i_text h2{ font-size: 42px; margin: 10px 0 20px; }
.i_text h3{ font-size: 30px; }
.i_text h3:before{ width: 30px; margin-right: 15px; }
.i_pic1,.i_pic2{ padding: 0; height: auto; }
.pad215,.pad150{ display: none; }
.i_text{ position: relative; z-index: 1; padding: 70px 0; }
.f_emsg{ padding: 70px 0; }
.fmsg_base h3{ margin-bottom: 20px; }
.fmsg_base h2{ font-size: 30px; }
.email_form{ width: 80%; margin: 0 auto; max-width: 870px; }
.email_input{ width: 70%; }
.email_sub{ width: 30%; }
.email_top{ margin-bottom: 20px; }
.pdt_right .price .em{ height: 50px; line-height: 50px; }
.pdt_right .price .buy{ height: 50px; }
.pdt_right .text_p{ font-size: 14px; line-height: 26px; height: 104px; }
.pdt_right .pad{ padding-bottom: 6%; }
.shop_list > li .text{ padding: 6%; }
.shop_list > li,.shop_list > li:nth-child(4n){ width: 31.3%; margin: 0 3.05% 3% 0; }
.shop_list > li:nth-child(3n){ margin-right: 0; }
.shopbot h2{ font-size: 32px; margin-bottom: 20px; }
.shopbot .select_box{ margin-bottom: 40px; }
.shopbot{ padding: 40px 0 0; }
.shop_twrap h2{ font-size: 26px; }
.shop_twrap .detail{ bottom: 50px; }
.shop_dright .shop_twrap{ padding: 40px 0; }
.des_list li{ padding: 3% 0; }
.des_list .text h2{ font-size: 26px; margin-bottom: 5px; }
.des_list .text_p{ font-size: 14px; line-height: 26px; }
.des_list .des_blist dd{ width: 33.3%; padding-bottom: 26%; }
.des_left{ float: none; margin: 0 auto 3%; border-radius: 50%; box-shadow: 0 2px 8px rgba(0,0,0,.1); overflow: hidden; }
.des_right{ width: 100%; float: none; margin: 0; }
.des_top h2{ text-align: center; }
.des_bot{ margin-top: 5%; padding-top: 4%;  }
.des_blist li{ width: 33.3%; padding-bottom: 23.66%; }
.right_tit{ font-size: 30px; padding: 2% 0; }
.down_top{ padding: 3% 50px 3% 0; height: auto; line-height: 1.3; }
.down_bot dd{ padding: 3%; height: auto; line-height: 1.3; }
.down_list li.on{ padding-bottom: 2%; }
.pro_dbot .text h3{ font-size: 30px; }
.con_right .con_info{ width: 80%; padding: 9% 0; }
.con_info h2{ font-size: 30px; margin-bottom: 2%; }
.re_wrap{ max-width: 80%; max-height: 70%; padding: 3% 15px 3% 3%; }
.re_wrap h2{ font-size: 30px; }
.re_form{ line-height: 40px; margin-top: 2%; height: calc(98% - 40px); }
.re_form textarea{ height: 100px; }
.re_form .custom-checkbox{ margin-right: 5px; }
.re_form label{ margin-right: 25px; }
.re_form input{ height: 48px; line-height: 46px; }
.re_form input.re_sub{ width: 200px; margin: 3% auto 0; display: block; }
.re_form span,.re_form input,.re_form textarea,.re_form .sod_select{ font-size: 16px; }
.re_form .sod_select{ font-size: 16px; padding: 15px 10px; }
.finishes-content-row-item-detail .finishes-content-item-detail .code_title{ margin: 0 0 10px; font-size: 20px; }
.finishes-content-row-item-detail .finishes-content-item-detail p{ font-size: 13px; line-height: 20px; }
.finishes-content-row-item-detail .finishes-content-item-detail .info p{ font-size: 12px; line-height: 16px; background-position: 0 0; }
.finishes-content-row-item-detail .finishes-content-item-detail .finishes-content-item-txt_note{ font-size: 12px; }
.re_h2{ font-size: 30px; line-height: 1.3; padding-bottom: 2%; }
.re_list .re_top{ padding: 2% 0; line-height: 20px; min-height: 0; }
.re_list .re_top .title{ font-size: 16px; }
.re_list .re_detail{ padding: 2% 3%; }
.re_list .re_info{ padding: 3%; }
.re_list .re_detail dd span{ margin-right: 10px; }
.info_con input{ padding: 0 3%; }
.info_con .sod_select{ padding: 15px 40px 15px 3%; }
.info_box{ padding-right: 0; max-width: 48%; }
.info_box:first-child{ margin-right: 4%; }
.info_con .info_h2{ font-size: 30px; line-height: 1.3; margin-bottom: 2%; }
.tit_number .number{ width: 40px; }
.shop_list_tips{ position: static; max-width: 100%; }
.shop_list_total .fr{ margin-top: 0; }
.shop_list_bot{ padding: 2% 4%; margin-top: 1%; }
.shop_list_total .price{ margin-bottom: 1%; font-size: 20px; }
.order_tit .tit_product h2{ font-size: 18px; }
.header-nav li a{ padding: 0 22px; }
.menu-login .box{ padding: 0 18px; }
.menu-login .box span{ background-size: 15px; text-indent: 25px; } 

}

@media screen and (min-width: 1151px){
.lang:hover span{ color: #999; }
.lang:hover dl{ display: block!important; }
.menu-login .box:hover dl{ display: block!important; }
.lang:hover:after,.menu-login-new .box:hover span:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }

}

@media screen and (max-width: 1150px){
body{ padding-top: 60px; }
.header,.header .h_rbox { height: 60px; line-height: 60px; }
.header .logo img{ max-height: 32px; max-width: 26%; }
.banner, .banner-wrap, .banner-wrap .banner-bg { height: 550px; }
.ban_text{ bottom: 17%; font-size: 1.8em; }
.mp3-btn{ left: 0; background-size: 60px; }
.header-nav li a,.menu-login,.lang span{ font-size: 14px; }
.lang{ margin-left: 0; }
.menu-login .box{ padding: 0 20px; }
.lang.open span{ color: #999; }
.lang.open dl{ display: block; }
.lang.open:after,.menu-login-new .box.open span:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); }
.banner .slick-prev{ opacity: 1; left: 2%; background-size: 30px; }
.banner .slick-next{ opacity: 1; right: 2%; background-size: 30px; }
.footer_mid .box:nth-child(1){ width: 100px; padding-right: 20px; }
.footer_mid .box:nth-child(2){ padding: 0 20px; }
.footer_mid .box:nth-child(3){ padding: 0 0 0 20px; max-width: calc(100% - 100px - 212px - 160px - 200px); }
.footer_mid .box:nth-child(4){ max-width: 160px; }
.footer_mid .box:nth-child(5){ min-width: 200px }
.footer_mid .box dl{ margin-right: 10px; }
.footer_mid .ftit{ font-size: 16px; margin-bottom: 10px; }
.m_main{ padding-bottom: 40px; }
.news_list{ padding: 40px 0 20px; }
.shop_twrap .text_p p{ margin-bottom: 20px; }
.shop_twrap .text_p{ font-size: 15px; line-height: 26px; }
.shop_twrap h2{ font-size: 26px; }
.shopbot h2{ font-size: 26px; }
.shop_list > li .text .pad{ padding-bottom: 16%; }
.tit_number .number{ width: 25px; margin: 0 5px; }
}

@media screen and (max-width: 1024px){
.banner, .banner-wrap, .banner-wrap .banner-bg { height: 500px; }
.header-nav li a,.header-nav li a{ padding: 0 20px; }
.login-close{ background-size: 16px; }
.f_emsg{ padding: 40px 0; }
.email_input{ height: 46px; line-height: 44px; padding: 0 2%; font-size: 14px; }
.email_sub{ height: 46px; font-size: 14px; }
input{ line-height: normal!important; }
.l_main{ padding: 50px 3%; }
.news_dcon h2{ font-size: 30px; line-height: 1; }
.shop_dcon{ margin: 20px auto; }
.abo_con h2{ font-size: 30px; margin-bottom: 15px; line-height: 1.3; }
.abo_con{ font-size: 14px; line-height: 26px; }
.cart_right h2{ font-size: 26px; margin-bottom: 2%; }
.cart_sel_tit{ padding: 2% 0; }
.cart_right .price{ font-size: 28px; }
.cart_left,.cart_right{ width: 100%; max-width: 100%; margin: 0; }
.cart_right{ margin-top: 3%; }
.cart_right .input_box{ max-width: 500px; }
.cart_right .cart_sub{ max-width: 200px; }
.cart_right .input_box .input_count{ width: 30%; }
.re_list .re_detail dd{ width: 33.3%; text-align: left!important; padding: 0 10px 0 0!important; }
.re_list .re_info .box .re_h3{ margin-bottom: 1%; }
.re_list .re_top .title font{ padding: 0 20px; }
.shop_list_top h2,.shop_list_form .shop_list_top h2{ font-size: 26px; }


}

@media screen and (min-width: 1001px){
.m_left .float_now{ display: none!important; }
.m_left .float_left.fixed{ padding-top: 20px; max-height: calc(100% - 60px); overflow: hidden; }
}

@media screen and (max-width: 1000px){
.header-nav li a,.header-nav li a{ padding: 0 20px; }
.login-close{ background-size: 16px; }
.footer_mid .box{ min-height: 0!important; padding: 5px 0!important; min-width: 0!important; max-width: 100%!important; }
.footer_mid .box:nth-child(1),.footer_mid .box:nth-child(2),.footer_mid .box:nth-child(3){ min-height: 0; border: none; width: 33.3%; padding: 0 5%; box-sizing: border-box; }
.footer_mid .box:nth-child(4),.footer_mid .box:nth-child(5){ width: 50%; text-align: left; }
.i_pic1:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4); }
.i_pic2:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,.4); }
.pro_dtop{ padding: 0; }
.pdt_left{ width: 100%; padding-bottom: 61.56%; }
.pdt_right{ width: 100%; margin-top: 3%; }
.pdt_right .text_p{ height: auto; line-height: 22px; }
.pdt_right .pad{ display: none; }
.pdt_right .pro_share{ padding: 3% 0; }
.news_dslick .img{ padding: 0; }
.pro_dbot .box,.pro_dmid .box,.pro_dmid .box:nth-child(3n){ width: 49%; margin-right: 2%; margin-bottom: 2%; }
.pro_dbot .box:nth-child(2n),.pro_dmid .box:nth-child(2n){ margin-right: 0; }
.pro_dbot .text h3{ font-size: 26px; }
.pro_dmid{ padding: 15px 0 4%; }
.pro_ins h2,.pro_dbot h2{ font-size: 28px; margin-bottom: 4%; }
.pro_dbot{ padding-top: 40px; }
.pdt_right .text h2{ font-size: 28px; }
.shop_dright, .shop_dleft{ height: 500px; }
.shop_twrap .detail{ position: static; }
.m_left,.m_right{ float: none; width: 100%; padding: 0; }
.float_left{ position: static!important; }
.float_pr{ position: relative; }
.m_left .float_now{ position: relative; width: 100%; box-sizing: border-box; text-transform: uppercase; display: block; height: 48px; text-decoration: none; color: #8d704e; cursor: pointer; margin-bottom: 2%; position: relative; z-index: 3; background: #f5f5f5; padding: 0 8% 0 3%; border: 1px solid #d6d6d6; }
.m_left .float_now:after{ content: ''; position: absolute; top: 0; right: 15px; width: 20px; height: 100%; background: url(../images/icon18_g.png); background-repeat: no-repeat; background-position: center; background-size: 10px; }
.m_left .float_now p{ font-size: 16px; line-height: 46px; }
.m_left .float_now.open:after{ transform-origin: 50% 50% 0px; -webkit-transform-origin: 50% 50% 0px; -moz-transform-origin: 50% 50% 0px; -o-transform-origin: 50% 50% 0px; transform: matrix(-1, 0, 0, -1, 0, 0); -webkit-transform: matrix(-1, 0, 0, -1, 0, 0); -moz-transform: matrix(-1, 0, 0, -1, 0, 0); -o-transform: matrix(-1, 0, 0, -1, 0, 0); }
.float_nav{ box-shadow: 0 2px 10px rgba(0,0,0,.1); z-index: -1; opacity: 0; -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); box-sizing: border-box; width: 100%; position: absolute; top: 54px; background: #f5f5f5; left: 0; border: 1px solid #e0e0e0; }
.float_nav li a{ text-transform: uppercase; padding: 0 3%; font-size: 14px; display: block; background: #f5f5f5; }
.float_nav li dd a{ padding: 0; line-height: 28px; text-indent: 6%; font-size: 13px; }
.float_nav.active{ max-height: 500px; overflow: auto; z-index: 666; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); }
.des_list{ padding: 3%; }
.abo_con{ padding: 5% 0 5% 0; }
.news_dcon{ padding: 0; }
.m_left .m_search_sub{ background: #8d704e url(../images/icon23_w.png) center no-repeat; background-size: 18px; }
.pro_list .text{ padding: 3%; }
.pro_list .text h2{ font-size: 26px; }
.pro_list li{ margin-bottom: 3%; }
.m_left .title{ margin-bottom: 2%; }
.m_left .m_search{ margin-bottom: 2%; }
.finishes-search{ margin-top: 3%; margin-bottom: 3%; }
.finishes-content-level3{ margin-bottom: 3%; }
.info_con .item{ margin-bottom: 0; }
.info_con{ padding: 30px 5%; }
.cart_bot .cart_sel_box .shadow{ display: none!important; }
}

@media screen and (min-width: 950px){
.header-nav,.lang{ display: inline-block!important; }
.header-nav.show_sub .nav-menu{ z-index: -2; opacity: 0; transform: matrix(1, 0, 0, 1, -10, 0); -webkit-transform: matrix(1, 0, 0, 1, -10, 0); -moz-transform: matrix(1, 0, 0, 1, -10, 0); -o-transform: matrix(1, 0, 0, 1, -10, 0); }
.header-nav.show_sub .nav-submenu{ z-index: 2; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); -moz-transform: matrix(1, 0, 0, 1, 0, 0); -o-transform: matrix(1, 0, 0, 1, 0, 0); }


}


@media screen and (max-width: 949px){
.header-nav,.lang{ display: none; }
.header .language,.nav-skip{ display: inline-block; }
.header-nav{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #c6bb99; box-sizing: border-box; padding: 10%; overflow-y: auto; }
/*.menu-login{ display: none!important; }*/
.menu-login{ margin: 30px 0 0; }
.menu-login .box span{ font-size: 30px; text-indent: 0; background: none!important; color: #fff; }
.menu-login .box{ padding: 0; }
.menu-login .box:before,.menu-login .box:after{ display: none; }
.header-nav > div.d_ib{ display: block; }
.nav-menu:before, .nav-submenu:before{ display: none; }
.nav-menu,.nav-submenu{ display: block; height: auto; line-height: 1.4; }
.nav-submenu{ margin-top: 30px; opacity: 1; position: static; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
.header-nav li{ float: none; width: 100%; }
.header-nav li a{ padding: 0; width: 100%; font-size: 40px; color: #fff; }
.nav-submenu li a{ font-size: 26px; }
.menu-login-new .box span:after{ display: none; }
.menu-login-new dl{ display: block!important; position: static; background: none; font-size: 20px; width: auto; text-align: left; display: block; margin-top: 15px; }
.menu-login-new dd{ border: none; font-size: 18px; height: auto; line-height: 34px; }
.menu-login-new dd a{ color: #fff; }
.menu-login-new dd a:hover{ color: #8d704e; }
.menu-login-new .box:hover span{ color: #fff; }
.i_text h2{ font-size: 30px; }
.i_text h3{ font-size: 24px; }
.i_pic2 .i_text *{ text-shadow: 0 0 10px #fff; -webkit-text-shadow: 0 0 10px #fff; -moz-text-shadow: 0 0 10px #fff; -o-text-shadow: 0 0 10px #fff; }
.i_text:hover .more{ text-shadow: none; }
}


@media screen and (max-width: 900px){
.banner, .banner-wrap, .banner-wrap .banner-bg { height: 450px; }
.ban_text{ font-size: 1.4em; }
.i_vleft,.i_vright{ width: 94%; margin: 0 3%; }
.i_vright h3{ margin: 20px 0 10px; font-size: 26px; }
.i_vright h3:before{ width: 30px; margin-right: 15px; }
.i_vright h3:hover:before{ width: 40px; }
.i_vright .text_p{ margin-bottom: 10px; }
.items-control-wrapper,.items-arrow-wrapper{ position: static; text-align: center; }
.items-arrow-wrapper{ display: none; }
.items-control-wrapper{ font-size: 16px; }
.slick-controls{ margin-left: 0; width: 100%; }
.l_main h2{ font-size: 26px; }
.l_main{ font-size: 16px; line-height: 46px; }
.l_main .item input{ height: 46px; font-size: 16px; }
.l_main label{ margin: 10px 0; }
.path{ padding: 10px 0; }
.news_list li,.news_list li:nth-child(3n){ width: 48%; margin-right: 4%; }
.news_list li:nth-child(2n){ margin-right: 0; }
.abo_con{ font-size: 14px; line-height: 26px; }
.news_dslick .img{ padding: 0; }
.shop_dright,.shop_dleft{ width: 100%; height: auto; }
.shop_dleft{ height: 400px; }
.shop_dright .shop_twrap{ width: 100%; padding: 40px; }
.con_left,.con_right{ width: 50%; }
.con_left{ position: absolute; left: 0; top: 0; height: 100%; padding-bottom: 0; }
.re_list .re_top,.re_list .re_top .title{ font-size: 14px; }
.info_con input,.info_box .custom-radio{ height: 46px; }
.info_box span{ font-size: 16px; line-height: 35px; }
.info_con input,.info_box label,.info_con .sod_select{ font-size: 16px; }
}



@media screen and (max-width: 768px){
.banner, .banner-wrap, .banner-wrap .banner-bg { height: 400px; }
.ban_text{ font-size: 1.2em; bottom: 21%; }
.i_views .item{ padding-top: 40px; }
.l_main { padding: 5% 3% 10%; }
.news_list{ padding: 30px 0 10px; }
.news_more{ margin-bottom: 15px; height: 46px; line-height: 46px; width: 180px; }
.shop_list > li,.shop_list > li:nth-child(3n),.shop_list > li:nth-child(4n){ width: 49%; margin-right: 2%; margin-bottom: 4%; }
.shop_list > li:nth-child(2n){ margin-right: 0; }
.right_tit{ font-size: 26px; }
.con_info h2{ font-size: 26px; }
.re_form .w50{ width: 100%; }
.re_wrap h2{ font-size: 26px; }
.re_form{ height: calc(98% - 30px); }
.re_wrap .close{ right: 2%; top: 2%; }
.finishes-search{ padding: 0 3%; }
.finishes-content-level3 .finishes-content-level3_title,.finishes-content-row .finishes-content-row-items-list{ padding: 3% 3% 0; }
.finishes-content-row-view-all-wr,.bg_ededed.padon{ padding: 3%; }
.finishes-content-row-item .finishes-content-item-code{ font-size: 14px; padding-top: 10px; }
.finishes-content-row-item.active .finishes-content-item-code{ padding-left: 8%; }
.finishes-content-row-item.active .finishes-content-item-code:before{ left: 3%; }
.re_h2{ font-size: 26px; }
.re_list .re_detail{ line-height: 26px; }
.re_list .re_info{ font-size: 13px; }
.info_con .info_h2{ font-size: 26px; }
.info_box label{ margin-right: 0; }
.info_box .custom-radio{ margin-right: 5px; width: 12px; }
.info_con{ padding: 3%; }
.cart_sel_list label .text{ font-size: 12px; }
.cart_bot .cart_sel_list label .img{ margin-bottom: 6px; }
.cart_bot .cart_sel_blist label{ height: 150px; margin-bottom: 3%; }
.cart_bot .cart_sel_slist label{ margin-bottom: 3%; }
.order_li .order_tit .part1{ width: 100%; }
.order_tit .part2{ width: 50%; }
.order_tit .part3{ width: 50%; }
.order_tit .tit4,.order_tit .tit5{ width: 50%; }
/*.order_tit.bg_f5f5f5 .part1{ display: none; }*/
.order_tit .tit, .order_tit .tit_more .span_gray, .order_tit .tit_material .span_gray, .order_box .btit,.order_box p,.order_tit .tit_product h3 span,.order_tit .tit_product h2 .span_gray{ font-size: 12px; }
.order_tit .tit_product h3{ font-size: 14px; }
.order_tit .tit_product h2{ font-size: 16px; }
.order_tit label{ height: 60px; line-height: 60px; }
.order_tit .tit1:before{ min-height: 0; }
.shop_list_top h2{ font-size: 20px; }
.shop_list_total .price{ font-size: 18px; }
.shop_list .span_gray,.shop_list_total .fl{ font-size: 16px; }
.shop_list_editor,.shop_list .span_gray,.shop_list_total .fl span,.shop_list_form .shop_list_top .span_gray{ font-size: 14px; }
.shop_list_tips{ font-size: 12px; line-height: 1.3; margin-top: 3%; }
.order_tit .tit span{ font-size: 12px; }
.order_tit .tit p{ line-height: 1.3; }
.order_box{ padding: 2.5% 0; }
.tit_number .number{ font-size: 14px; }
.order_tit .tit6{ display: none; }
.order_tit.bg_f5f5f5 .part1{ display: none; width: 100%; }
.shop_list_select .sod_select{ font-size: 14px; }
.shop_list_total .price{ margin-bottom: 2%; }
.shop_list_select .sod_select{ padding: 15px 3%; }
.shop_list_form .shop_list_top,.shop_list_top,.shop_list_bot{ padding: 2% 3%; }
.shop_list_control{ padding-right: 3%; }
.shop_list_control .order_tit .tit1{ width: 3%; }
.order_tit{ padding: 2% 0; }
.order_tit .tit1{ width: 0; }
.order_box .tit1{ width: 20px; }
.editing .order_tit .tit1,.editing .order_box .tit1{ width: 40px; }
.tit_number .number{ height: 36px; }
.order_tit .tit3{ width: calc(36.85% - 40px); }
.shop_list_control .titd a{ padding: 0 5px; margin-left: 10px; }
.order_tit .tit_product .img{ max-width: 30%; }
.case_details_content .wrap{max-width: none;margin: 0 auto;width: 100%;}
.case_details{}
.case_details_content{background: none!important;padding: 0;}

.changeName{padding: 10px 3%;box-sizing: border-box;}
.video-popup-play{cursor: pointer; width:50px;height:50px;padding:0px;}
.video-popup-play:after,.video-popup-play:before{width:50px;height:50px;}
.video-popup-play i.fa{font-size: 24px;    margin-left: -11px;line-height: 31px;}
}

@media screen and (max-width: 766px){



}


@media screen and (min-width: 701px){

}

@media screen and (max-width: 700px){
.banner, .banner-wrap, .banner-wrap .banner-bg { height: 350px; }
.fshare_box{ margin-top: 0; }
.footer_box{ padding: 10px 0 20px; }
.footer_mid .box:nth-child(1),.footer_mid .box:nth-child(2),.footer_mid .box:nth-child(3){ padding: 5px 0!important; width: 100%!important; float: none; }
.footer_mid .box dl{ margin-right: 0; }
.footer_mid .box dl dd{ float: left; margin: 0 10px; }
.footer_mid .box:nth-child(4) img{ width: 120px; margin-top: 0; }
.fcopyright{ width: 100%; text-align: center; font-size: 12px; }
.fcopyright .mt10{ margin-top: 5px; }
.fb_right,.footer_top .fr{ display: none; }
.footer_top,.footer_mid{ margin-bottom: 0; }
.footer_mid .ftit{ font-size: 14px; margin-bottom: 0; }
.con_info .text_p{ font-size: 14px; line-height: 26px; }
.l_main .item input{ width: 100%; }
.r_main .code_item input{ max-width: calc(75% - 8px); }
.r_main .code_item .code_input{ width: 25%; }
.l_main label{ line-height: 20px; }
.r_main label{ margin-bottom: 20px; }
.r_main .reg_item .tit{ margin-top: 10px; }
.finishes-search-list li{ padding: 10px 0; line-height: 30px; }
.finishes-search-list li .title,.finishes-search-list li a{ font-size: 14px; }
.finishes-search-list li a{ padding: 0 5px; margin: 0 5px; }
.finishes-search-list li .selected-list a{ min-width: 0; }
.finishes-search-list li span.clearfix{ max-width: calc(100% - 50px); }
.generic-text{ height: 24px; display: none; }
}

@media screen and (max-width: 600px){
body{ padding-top: 50px; }
.header,.header .h_rbox { height: 50px; line-height: 50px; }
.banner, .banner-wrap, .banner-wrap .banner-bg { height: 300px; }
.ban_text{ font-size: 1em; }
.header-nav li{ margin-bottom: 10px; }
.header-nav li a{ display: block; font-size: 30px; }
.nav-submenu li a{ font-size: 24px; }
.fshare_box a{ background-size: 20px; margin-right: 25px; }
.footer_mid dd a, .footer_mid .finfo{ font-size: 12px; line-height: 20px; }
.footer_mid .box:nth-child(4) img{ width: 100px; }
.i_text{ padding: 40px 0; }
.i_text .more{ font-size: 14px; line-height: 26px; }
.i_vright h3 { margin: 20px 0 5px; font-size: 18px; }
.i_vright .text_p{ font-size: 14px; line-height: 24px; max-height: 72px; margin-bottom: 5px; }
.i_vright h3:before,.i_text h3:before{ width: 20px; margin-right: 10px; }
.i_vright h3:hover:before{ width: 30px; }
.i_text h3{ font-size: 20px; }
.i_text h2{ font-size: 24px; letter-spacing: 2px; }
.i_views .item{ padding-top: 20px; }
.i_pic1{ margin-bottom: 0; }
.f_emsg{ padding: 30px 0; }
.fmsg_base h2{ font-size: 20px; }
.fmsg_base h3{ font-size: 15px; margin-bottom: 10px; }
.email_top{ margin-bottom: 10px; }
.email_bot{ font-size: 14px; }
.custom-checkbox{ margin-right: 10px; }
.email_form{ width: 94%; }
.email_sub:hover:before{ width: 10px; margin-right: 5px; }
.pro_dbot .box, .pro_dmid .box{ width: 100%!important; margin: 0 auto 2%!important; }
.news_list li{ width: 100%!important; margin: 0 auto 15px!important; }
.news_list .text h2{ font-size: 18px; margin: 10px 0 6px; line-height: 24px; }
.news_list .text span{ font-size: 14px; }
.path{ font-size: 12px; padding: 5px 0; }
.path a{ font-size: 12px; padding-left: 12px; }
.news_list{ padding: 20px 0; }
.fmsg_success .line{ margin: 0 auto 20px; }
.fmsg_success h4{ font-size: 20px; }
.fmsg_success h5{ font-size: 15px; }
.news_dcon .pic .big,.news_dcon .pic .small,.news_dcon .text .box.fl,.news_dcon .text .box.fr{ width: 100%; margin: 10px auto; }
.news_dcon h2{ font-size: 20px; margin-top: 20px; }
.abo_con{ line-height: 24px; }
.news_dslick{ margin-bottom: 25px; }
.news_dcon .text{ padding-bottom: 20px; }
.news_dcon .pic{ margin-bottom: 20px; }
.m_main{ padding-bottom: 20px; }
.slick-dots{ bottom: 10px; height: 6px; }
.slick-dots li{ width: 6px; height: 6px; margin: 0 4px; }
.news_dslick .slick-dots{ bottom: -16px; }
.pro_dmid .box{ padding-bottom: 80.98%!important; }
.product-specs-box a{ padding: 10px; }
.pdt_right .pro_share{ line-height: 35px; }
.pdt_right .pro_share a{ width: 35px; height: 35px; margin: 0; background-size: 30px; margin-right: 5px; }
.pro_ins h2, .pro_dbot h2,.pdt_right .text h2{ font-size: 24px; }
.pdt_right .price .em{ height: 46px; line-height: 46px; min-width: 100px; padding: 0 10px; width: auto; font-size: 18px; }
.pdt_right .price .buy{ height: 46px; width: 70px; background-size: 16px; }
.pro_dbot{ padding-top: 20px; }
.pdt_right .price{ margin-bottom: 3%; }
.shop_top .pic{ width: 100%; position: static; padding-bottom: 66.5%; }
.shop_top .text{ width: 100%; }
.shop_twrap{ padding: 4%; }
.goto_shop{ float: right; font-size: 14px; }
.shop_twrap h2{ font-size: 20px; }
.shop_twrap .text_p{ font-size: 14px; line-height: 22px; }
.shop_twrap .text_p p{ margin-bottom: 10px; }
.shopbot{ padding-top: 20px; }
.shopbot h2{ font-size: 20px; margin-bottom: 10px; }
.shopbot .select_box .dropdown{ margin: 0 10px; }
.dropdown .btn.dropdown-toggle.dropdown-toggle-plain{ height: auto; }
.dropdown .btn.dropdown-toggle.dropdown-toggle-plain::after{ background-size: 16px; } 
.shopbot .select_box{ margin-bottom: 20px; }
.shop_list > li{ width: 100%!important; margin-right: 0 auto 4%!important; }
.shop_list > li .text{ padding: 15px 4%; }
.shop_list > li .text h2{ margin-bottom: 5px; font-size: 18px; }
.shop_list > li .text span{ font-size: 14px; line-height: 1; }
.shop_list > li .text .pad{ display: none; }
.shop_list > li .text span{ float: right; }
.dropdown .btn.dropdown-toggle.dropdown-toggle-plain{ font-size: 14px; height: 24px; padding-right: 30px; }
.dropdown .dropdown-menu .dropdown-item{ padding: 10px; font-size: 12px; min-width: 0; }
.dropdown .dropdown-menu.center{ width: 160px; margin-left: -80px; }
.shop_dleft{ height: 300px; }
.shop_dright .shop_twrap{ padding: 20px 6%; }
.shop_dcon{ margin-top: 0; }
.shop_twrap .detail .btn{ height: 40px; line-height: 38px; width: 90px; }
.shop_twrap .detail .btn i{ margin-right: 5px; background-size: 10px; }
.abo_con h2{ font-size: 24px; margin-bottom: 10px; }
.des_list li{ padding: 5% 0; }
.des_list .text_p{ padding: 0 }
.des_list .text_p a{ position: static; display: block; margin: 0 auto; }
.des_list .img{ float: none; width: 30%; padding-bottom: 30%; border-radius: 50%; overflow: hidden; margin: 0 auto 3%; box-shadow: 0 2px 8px rgba(0,0,0,.1); }
.des_list .text{ width: 100%; }
.des_list .text .info{ text-align: center; }
.des_list .text h2,.abo_con h2{ font-size: 20px; }
.des_list .des_blist dd{ width: 50%; padding-bottom: 40.59%; }
.des_blist{ padding: 0 3%; }
.des_blist li{ width: 100%; padding-bottom: 71%; margin-bottom: 2%; }
.pro_list li{ width: 100%; margin: 0 auto 1%; }
.pro_list .text h2{ font-size: 20px; margin-bottom: 6px; }
.pro_list .text h3{ font-size: 14px; }
.right_tit{ font-size: 20px; }
.down_top{ font-size: 14px; background-size: 10px; padding: 4.5% 25px 4.5% 0; }
.down_bot dd{ font-size: 14px; }
.down_bot dd font{ font-size: 12px; padding-right: 16px; background-size: 10px; }
.down_bot dd span{ width: 100%; font-size: 12px; }
.pro_dbot .text h3{ font-size: 20px; margin: 3% 0 1%; }
.pro_dbot .text p{ font-size: 14px; }
.con_info .recruit_show,.con_info .rec_btn{ display: inline-block; margin-right: 3%; margin-bottom: 3%; height: 48px; line-height: 48px; max-width: 140px; font-size: 14px; }
.con_info h2{ font-size: 20px; }
.con_left{ position: static; width: 100%; height: 0; padding-bottom: 73%; }
.con_right{ width: 100%; }
.con_info .text_p{ margin-bottom: 3%; }
.con_right .con_info{ padding: 6% 0; width: 90%; }
.re_form input{ height: 40px; line-height: 38px; }
.re_form span,.re_form input,.re_form textarea,.re_form .sod_select{ font-size: 14px; }
.re_form .sod_select { padding: 12px 10px; }
.re_form input.re_sub{ width: 150px; }
.re_wrap h2{ font-size: 20px; }
.re_form{ height: calc(98% - 20px); line-height: 30px; }
.re_wrap{ max-width: 90%; max-height: 80%; padding: 5% 3%; }
.re_form textarea{ height: 90px; }
.cart_right h2{ font-size: 20px; }
.cart_right .price{ font-size: 22px; }
.cart_sel_list label{ margin-right: 6px; padding: 0 6px; }
.cart_sel_list label .text{ font-size: 12px; }
.cart_sel_list label{ height: 46px; }
.cart_sel_tit{ font-size: 16px; }
.cart_right .input_box, .cart_right .input_box input{ height: 46px!important; line-height: 46px!important; }
.cart_right .cart_sub{ height: 46px; }
.cart_right .input_box{ padding: 0 3%; }
.cart_right .cart_sub{ font-size: 14px; width: 150px; }
.finishes-content-row-items-details{ height: auto; padding-bottom: 0; }
.finishes-content-row-items-details .finishes-content-row-items-details-list-wr{ position: relative; }
.finishes-content-row-item-detail figure{ width: 100%; padding-bottom: 50%; position: static; overflow: hidden; }
.finishes-content-row-item-detail .finishes-content-item-detail{/* max-height: 300px; overflow: auto;*/ box-sizing: border-box; position: static; height: auto; width: 100%; padding: 3% 0; }
.finishes-content-row-items-details .finishes-content-row-items-details_actions{ position: static; float: right; margin-bottom: 2%; }
.finishes-content-row-item-detail .finishes-content-item-detail .code_title{ font-size: 16px; }
.generic-cta{ padding: 3%; }
.finishes-content-row-item-detail .finishes-content-item-detail p{ font-size: 12px; line-height: 16px; }
.finishes-content-row-item-detail .finishes-content-item-detail .pt28, .finishes-content-row-item-detail .finishes-content-item-detail .finishes-content-item-txt_note{ padding-top: 6px; }
.re_list .re_detail dd{ font-size: 12px; width: 50%; padding-right: 5px!important; }
.re_list .re_detail dd span{ margin-right: 5px; }
.re_list .re_top .title font{ font-size: 12px; padding: 0 5px; }
.re_list .re_info .box{ width: 100%; padding: 0; margin-bottom: 1%; }
.re_list .re_info{ font-size: 12px; line-height: 20px; }
.re_list .re_top .fr{ padding-right: 15px; font-size: 12px; background-size: 10px; margin-top: 5px; clear: both; }
.re_list .re_top .title{ max-width: 100%; }
.re_list .re_top{ padding: 2% 0; }
.re_list .re_info{ padding: 3% 4.5%; }
.re_list .re_detail{ padding: 3% 4.5%; }
.re_list .re_detail{ line-height: 20px; }
.re_h2{ font-size: 20px; }
.info_box{ width: 100%; margin-right: 0!important; max-width: 100%; }
.info_con .info_h2{ font-size: 20px; }
.info_box span,.info_box label,.info_con input,.info_con .sod_select{ font-size: 14px; }
.info_con .box{ margin-bottom: 8%; }
.cart_wrap{ padding: 30px 0; height: 170px; }
.cart_wrap .tips{ margin: 4% 0; }
.cart_wrap .cart_btn a{ width: auto; padding: 0 10px; min-width: 60px; margin: 0 1%; box-sizing: border-box; }
.cart_sel_list label{ border-width: 1px; }
.cart_bot .cart_sel_list .cart_sel_box{ width: 100%!important; margin: 0!important; }
.cart_bot .cart_sel_list .text{ line-height: 16px; }
.cart_bot .cart_sel_slist .text p,.cart_bot .cart_sel_blist .text p, .cart_bot .cart_sel_blist .text span{ max-height: 32px; }
.cart_bot .cart_detail .input_box{ width: 100%; margin-bottom: 0; }
.cart_bot .cart_detail .cart_sub{ font-size: 14px; width: 150px; }
.cart_bot .cart_detail .price{ margin: 3% 0; }
.cart_bot .cart_sel_blist label{ margin-bottom: 2%; height: 140px; }
.cart_bot .cart_sel_slist label{ margin-bottom: 2%; }
.order_tit .tit_product h2{ font-size: 14px; line-height: 1; margin-bottom: 1%; }
.order_tit .tit_product h3{ font-size: 12px; line-height: 1; }
.order_li .order_tit .part1{ margin-bottom: 1%; }
.shop_list .span_gray{ margin: 0; }
.order_tit .tit7,.order_box .btit4{ width: 80px; }
.order_tit .tit8,.order_box .btit5{ width: calc(100% - 80px); }
.tit_number .minus,.tit_number .b_add{ width: 20px; }
.tit_number .number{ margin: 0 3px; }
.order_tit .tit3, .order_tit .tit6, .order_tit .tit4, .order_tit .tit5, .order_box .btit2, .order_box .btit3, .order_box .btit4, .order_box .btit5{ padding: 0 2%; vertical-align: middle; }
.order_tit label{ height: 50px; line-height: 50px; }
/*.order_box .btit1{ padding: 0 3%; }*/
.order_box .btit1 .img{ width: 20%; }
.order_box .btit1 .text{ margin-left: 5%; width: 70%; }
.order_box .box1{ width: 100%; margin-bottom: 2%; }
.order_box .box2, .order_box .box3{ width: 50%; text-align: center; word-break: break-all; }
.order_box h4{ margin-bottom: 0; }
.box_price{ display: block; }
.shop_list_top, .shop_list_bot{ padding: 5% 3%; }
.shop_list_btn a{ width: 120px; height: 46px; line-height: 46px; font-size: 14px; margin-right: 4%; }
.shop_list_top h2,.shop_list_form .shop_list_top h2{ font-size: 18px; }
.shop_list_total .fr a{ padding: 2% 0; margin-bottom: 3%; }
.user-other p{ margin-bottom: 0; }
.user-other .list a{ margin-right: 10px; width: 35px; height: 35px; }
.re_wrap .mCSB_container{ padding-right: 20px; }
.re_wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ right: 0; }
}

@media screen and (max-width: 500px){
.mp3-btn,.scroll-btn{ display: none!important; }
.r_main .code_item .code_input{ width: 100px; font-size: 14px; }
.r_main .code_item input{ width: calc(100% - 108px); }

}

@media screen and (max-width: 520px){
.banner, .banner-wrap, .banner-wrap .banner-bg { height: 250px; }
.ban_text{ bottom: 5%; right: 3%; font-size: 12px; line-height: 1.3; letter-spacing: 2px; }
}
@media screen and (max-width: 420px){
.banner, .banner-wrap, .banner-wrap .banner-bg { height: 200px; }
}

@media screen and (max-width: 340px){
.banner, .banner-wrap, .banner-wrap .banner-bg { height: 180px; }
.shopbot .select_box .dropdown{ display: block; width: 100%; margin-bottom: 10px; }
.re_form span, .re_form input, .re_form textarea, .re_form .sod_select{ font-size: 13px; }
.cart_wrap{ height: 160px; }
}

/*网站地图*/
.content-block{ padding-top: 5%; }
.wrapper-content {
    max-width: 2220px;
    margin-left: auto;
    margin-right: auto;
}
.padding-small {
    padding-left: 5%;
    padding-right: 5%;
}
.row {
    display: block;
}
@media screen and (min-width: 769px){
  .padding-small {
      padding-left: 4%;
      padding-right: 4%;
  }
}
.sitemap-html h2 {
    margin-bottom: 30px; font-size: 24px; font-weight: bold;
}
.col-12 {
    float: left;
    display: block;
    margin-right: 4.34783%;
    width: 100%;
}
.col-12:last-child {
    margin-right: 0;
}
.sitemap-html h3 {
    margin-bottom: 15px; font-size: 20px; font-weight: bold;
}
.sitemap-html ul li {
    margin-bottom: 5px;
}
.sitemap-html ul a {
    display: inline-block;
    padding: 2px 0;
} 
.sitemap-html ul a:hover{ color: #8d704e; }
.wrapper-content:after {
    content: "";
    display: table;
    clear: both;
}




.cartbutton a{ font-size: 16px; color: #999; line-height: 28px; }
.cartbutton a:hover{ color: #c6bb99; }
.cart_right .tips .part a:hover{ color: #c6bb99; }
.delete_btn{display: none;}

@media screen and (max-width: 480px){
	.x_shopList .baseWidth{width: 100%;margin: 0;}
	.x_shopList .baseWidth .m_left,.shop_list_select{padding: 0 3%;}
	.order_tit .swiper_content{padding:2% 0;margin: -2% 0;transition: all 0.5s;}
	
	.order_tit{display: flex;justify-content: flex-start;position: relative;}
	.delete_btn{background: #f00;color: #fff;width:0px;transition:all 0.5s;display:flex;justify-content:center;align-items:center;font-size: 15px;text-align: center;position: absolute;right: 0;top: 0;height:100%}
	.order_li .swipershow .delete_btn{width: 100px;}
	.order_li .swipershow .swiper_content{transform: translateX(-100px);width:calc(100% - 100px);}
	.editing .order_tit .tit1,.editing .order_box .tit1{width:0px;opacity: 0;}
}