@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}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, pre, form,input,select,textarea,button, fieldset, table, th, td, span,form,p,a,img,object,embed  { padding:0px; margin:0px; list-style:none; }

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:#f7f7f7; font: 14px "PingFang Regular","微软雅黑","Arial"; }

a,li,div{ -webkit-tap-highlight-color: rgba(255,255,255,0); }

input,img,div,a,li{ outline: none; }

a{ color: #333; }

.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("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_color{ background: #f4f4f4; }







/*header*/

.header{ height: 100px; line-height: 100px; width: 100%; position: fixed; z-index: 999; background: #f7f7f7; top: 0; left: 0; }

.header .baseWidth { position:relative }

.header .logo { position:absolute; left:0px }

.header .logo img{ max-height: 75px; transition: All 0.4s ease; -webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease;  }

.h_rbox{ height: 100px; line-height: 100px; text-align:center}

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

.h_rbox{  float:right }

}



.header-nav{ font-size: 0; vertical-align: middle; }

.header-nav{ height: 30px; line-height: 30px; }

.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: 18px; padding: 0 30px; }

.header-nav li a:hover,.header-nav li.active a{ color: #f44336; }

.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; position: absolute; right:0 }

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

.menu-login { position:relative }

}

.menu-login .box{ height: 30px; line-height: 30px; position: relative; padding: 0 6px; min-width: 70px; display: inline-block; vertical-align: middle; }

.menu-login .box span{ cursor: pointer; display: block;  background-size: 16px; background-position: left center; background-repeat: no-repeat; }

.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: #f44336; }



.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: #f44336; }

.menu-login dd:hover a{ color: #fff; }



/*手机导航*/

.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:#f44336; 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%; }



.menu-login.active .box span{ opacity: 0; z-index: -1; }



.header.small,.header.small .h_rbox{ height: 60px; line-height: 60px;background: #f7f7f7; box-shadow: 0 2px 8px rgba(0,0,0,.04);  }

.header.small .logo img{ max-height:50px; transition: All 0.4s ease; -webkit-transition: All 0.4s ease; -moz-transition: All 0.4s ease; -o-transition: All 0.4s ease;  }

.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: #f44336; }





/*footer*/

.footer_munu { background:#fff; padding:60px 0px; }

.footer_munu li { width:30%; float:left; margin-right:5%; margin-bottom:20px; line-height:3; font-size:16px; }

.footer_munu li img { width:100%}

.footer_munu li:nth-child(3) { margin-right:0px }





.footer_box{ padding: 80px 0; background: #fff; border-top:3px solid #d8d8d8 }

.footer_box a:hover{color: #fe0000; }

.fshare_box{ position:absolute; right:0px; top:-5px }

.fshare_box a{ opacity: .7; width: 28px; height: 28px; float: left; margin-right: 25px; 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: 250px; float: left; display: block; padding-right: 5%; }

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

.footer_mid .box{ padding-right: 4%; }

}

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

.footer_mid .box{ padding-right: 3%; }

}

.footer_mid .ftit{ font-size: 18px; color: #000; line-height: 26px; margin-bottom: 24px; }

.footer_mid a:hover .ftit{  }

.footer_mid dd a{ line-height: 28px; font-size: 14px; color: #535353; }

.footer_mid .box:nth-child(1){ min-width: 240px;}

.footer_mid .box:nth-child(2){  }

.footer_mid .box dl{ float: left; min-width: 100px; margin-right: 20px; }

.footer_mid .box dl:last-child{ margin-right: 0; }

.footer_mid .box:nth-child(3){  }

.footer_mid .finfo{ font-size: 15px; line-height: 28.8px; }

.footer_mid .box:nth-child(4){ }

.footer_mid .box:nth-child(4) img{ width: 130px; max-width:90%; margin-top: 5px; }

.footer_mid .box:nth-child(5){ float: right; }

.fcopyright{ font-size: 13px; color: #999; line-height: 18px; text-align:center }

.fcopyright a {color: #999;}





/*内页二级导航*/

.submenu { height:60px; line-height:60px; text-align:center; background:#fff }

.submenu ul li { display:inline-block; margin:0px 2%;}

.submenu ul li.current a { color:#f44336 }

.submenu h3 { display:none; }



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

.submenu { height: auto; padding:12px 3% 10px 3%; line-height:24px; font-size:14px; background:#fff; position:relative;text-align:left; background:#fff}

.submenu .submenu_on { position:absolute; right:3%; top:10px; width:40px; height:32px; background:url(../images/submenudown.png) no-repeat center; }

.submenu .submenu_on1 { background:url(../images/submenuup.jpg) no-repeat center !important; }

.submenu h3 { display:block; border:1px solid #999; position:relative; padding:3px 10px;  }

.submenu .submenu_box { display:none; padding:10px 5px } 

.submenu .submenu_box li { display:block; margin:3px 2%;}

}





/*首页*/

.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: 880px; overflow: hidden; }

.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; position:relative}

.banner .slick-prev{ opacity: 0; left: 2%; 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: 2%; 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:10%; top: 40%; line-height: 1.6; color:#555; z-index:99999 }

.ban_text p { font-size:16px;}

.ban_text h2 { font-size:44px; font-weight:bold; line-height:1.2; margin-bottom:8%}

.ban_text h3 { font-size:28px;}

.ban_text h4 { font-size:24px; font-weight:bold}

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

.ban_text { right:8%; top: 30%; }

.ban_text p { font-size:15px;}

.ban_text h2 { font-size:28px; }

.ban_text h3 { font-size:22px;}

.ban_text h4 { font-size:18px; }

}

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

.ban_text { right:3%; top: 30%; }

.ban_text p { font-size:12px;}

.ban_text h2 { font-size:20px; }

.ban_text h3 { font-size:16px;}

.ban_text h4 { font-size:14px; }

}







.mybtn{ text-align:center; margin-bottom:30px; position:absolute; left:59%; bottom:16%; }

.mybtn span { cursor: pointer; margin:0 4px; display: inline-block; width: 48px; height: 48px; background-repeat: no-repeat; background-position: center; background-size: contain; text-indent:-100px; overflow:hidden }

.mybtn .slick-pbtn{ background-image: url("../images/icon3.png"); }

.mybtn .slick-pbtn:hover{ background-image: url("../images/icon3_g.png"); }

.mybtn .slick-nbtn{ background-image: url("../images/icon4.png"); }

.mybtn .slick-nbtn:hover{ background-image: url("../images/icon4_g.png"); }



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

.mybtn{ bottom:8% }	

}

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

.tabPanel { height:18px; font-size:16px; }

.mybtn{ text-align:center; position:relative; left:0; bottom:0 }	

.mybtn span {  width: 32px; height: 32px; }

}





.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.6%; box-shadow: 0 0 30px rgba(0,0,0,.35); text-align:center; vertical-align:middle }

.i_vleft .img img { vertical-align:middle; margin-top:23%; width:20% }

.i_video { width:44%; margin:0 }



a.a_video_s { display: none }

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

a.a_video_b { display:none }

a.a_video_s { display:block }

}



.i_vright{ margin-right: 8.3333%; width: 39.16%; }

.i_vrcontent{ margin: 22px 0 120px; }

.i_vright h3{ font-size: 26px; text-transform: uppercase; margin: 36px auto; }

.i_vright h3:before{ content: ''; display: inline-block; vertical-align: middle; width: 35px; height: 2px; background: #000; margin-right: 15px; }

.i_vright h3:hover{ color: #f44336; }

.i_vright h3:hover:before{ width: 60px; background: #f44336; }

.i_vright .shorttitle { color:#888; padding-bottom:30px }

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

.i_vright .shorttitle { padding-bottom:20px }

}

.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: #f44336; }

.i_views.bg_color{ padding-top: 0; background-color: #eee; background-position: 1216px 305px; }

.i_views.bg_color h3{  }

.i_views.bg_color h3:hover{ color: #f44336; }

.i_views.bg_color .i_vright h3:before{  }

.i_views.bg_color .i_vright h3:hover:before{ background: #f44336; }

.i_views.bg_color .i_vright .more{ }

.i_views.bg_color .i_vright .more:hover{ color: #f44336; }

.i_views.bg_color .items-arrow-wrapper .slick-pbtn:hover{ background-image: url("../images/icon3_b.png"); }

.i_views.bg_color .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: #999; font-size: 34px; }

.control_video {color: #333; font-size: 16px;}

.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: 24px; }

.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: 42px; margin: 10px 0 30px 65px; }

.i_text .more{ padding: 0 1px 0 1px; margin-left:65px; 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: 8%; background-repeat: no-repeat; background-position: center; background-size: cover; }



.i_text{ margin-top:13% }

.i_text .h3_2 { padding-top:18%; }

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

.i_text{ margin-top:12% }

}

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

.i_text{ margin-top:10% }

}

.i_pic2 .i_text{ vertical-align: middle; margin-top:25% }

.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{ padding:0px 25px; background: #333; color: #fff; }

.i_text.white:hover .more{padding:0px 25px;  background: #fff; color: #333; }



/*公共*/

.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: #f44336; 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: #f44336; }

.m_left li.on > a:before,.m_left li:hover > a:before{ background: #f44336; 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: #f44336; }

.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: #f44336; 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: #f44336; 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: 14px; line-height: 30px; }

.abo_con h2{ font-size: 26px; line-height: 40px; 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: #f44336; }

.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: #f44336; }

.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: 49.1%; margin-right: 1.8%; float: left; }

.pro_list li:nth-child(2n){ margin-right: 0; }

.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: 32px; margin-bottom: 8px;  }

.pro_list .text h3{ font-size: 16px; }

.pro_list li:hover h2,.pro_list li:hover h3{ color: #f44336; }



/*产品详情*/

.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;  }

.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: #f44336; }

.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: #f44336; text-align: center; }

.pdt_right .price .buy{ float: left; width: 82px; height: 70px; background-color: #f44336; background-image: url("../images/icon24.png"); background-position: center; background-repeat: no-repeat; background-size: 25px; }

.pdt_right .price:hover .buy{ background-color: #f44336; }

.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: #f44336; }

.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: #f44336; }

.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;  }

.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: #f44336; }



/*产品饰面*/

.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: #f44336; 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: #f44336; }

.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: #f44336;}

.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: 24px;  }

.shop_twrap .text_p{ font-size: 16px; line-height: 30px; }

.shop_twrap .text_p p{ margin-bottom: 20px; }

.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: #f44336; }

.shopbot{ padding: 65px 0 20px; }

.shopbot h2{ margin-bottom: 42px; font-size: 32px; 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: #f44336;}

.dropdown a.dropdown-item.active{background: #f44336; color: #fff; pointer-events: none;}

/*.dropdown .dropdown-menu .dropdown-item::before{position: absolute; overflow: hidden; width: 0; height: 100%; background-color: #f44336; 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: .6; width: 100%; height: 0; padding-bottom: 64%; background-repeat: no-repeat; background-position: center; background-size: cover; }

.shop_list > li .text{ padding: 28px 25px 22px 25px; box-sizing: border-box; line-height:26px; font-size:16px }

.shop_list > li .text h2{ font-size: 24px; margin-bottom:15px  }



.shop_list > li .text .pad{ width: 100%; height: 0; padding-bottom:20%; }

.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: #f44336; }

.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-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: 40px; line-height: 40px; text-align: center; border: 1px solid #ccc; box-sizing: border-box; }

.shop_twrap .detail .btn:hover{ background: #c6bb99; border: 1px solid #c6bb99;color: #fff; }

.shop_twrap .detail .btn i{ width: 16px; height: 100%; vertical-align: top; display: inline-block; background: url("../images/icon20.png") center no-repeat; margin-right: 15px; }



/*新闻列表*/

.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: .7; }

.news_list .zoom span{ position: absolute; }

.news_list .text h2{ margin: 35px 0 8px; font-size: 32px;  }

.news_list .text span{ font-size: 16px; color: #999; }

.news_list li:hover .text h2,.news_list li:hover .text span{ color: #f44336; }

.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{  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: #f44336; 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 span{ display: inline-block; vertical-align: middle; }

.news_dcon .pic .无图片信息 { display:none }

.news_dcon .pic .big{ width: 55%; margin-right: 6.55%; }



.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: .5; }

.news_dslick .slick-center,.news_dslick .slick-slide:hover{ opacity: 1; }

.news_dslick .slick-center{ cursor: default; }



/*联系我们*/

.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: 50px 0 20px 0; text-align: left; display: inline-block; width: 72%; margin: 0 auto; }

.con_info h2{ margin-bottom: 20px; font-size: 24px; }

.con_info .text_p{ margin-bottom: 42px; font-size: 16px; line-height: 30px; }

.con_info .text_p span{ color: #999; }

.con_info .text_p img { max-width:100%}

.con_info .recruit_show,.rec_btn{ display: block; margin-bottom: 20px; width: 245px; height: 54px; line-height: 54px; background: #f44336; color: #fff; font-size: 16px; text-align: center; cursor: pointer; }

.con_info .recruit_show:hover,.rec_btn:hover{ background: #f44336; }

.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: #f44336; }

.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: #f44336; text-decoration: underline; }

.re_form span a:hover{ color: #f44336; }

.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: #f44336; color: #fff; border: none; }

.re_form input.re_sub:hover{ background: #f44336; }

.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: #f44336; 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: #f44336; }

.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: #f44336; margin-bottom: 25px; }

/* ----- PB分页数字条效果 结束 ----- */
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 50px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  padding: 8px 12px;
  margin: 0 5px;
  border-radius: 3px;
 
}
.pagination span {
    color: #333;
    font-size: 14px;
    padding: 8px 2px;
    margin: 0 5px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #f44336;
  border: 1px solid #f44336;
}
.pagination a.page-num-current {
  color: #fff;
  background: #f44336;
  border: 1px solid #f44336;
}
/* ----- PB分页数字条效果 结束 ----- */

/*下载中心*/

.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: #f44336; }

.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: #f44336; 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: #f44336; border-color: #f44336; color: #fff; }

.info_con input.info_sub,.info_con input.pwd_sub{ border: none; cursor: pointer; margin-top: 52px; width: 140px; background: #f44336; color: #fff; }

.info_con input.pwd_sub{ margin-top: 25px; }

.info_con input.info_sub:hover,.info_con input.pwd_sub:hover{ background: #f44336; }

.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;  }

.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: #f44336; }

.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: #f44336; 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: #f44336; border: none; cursor: pointer; }

.cart_right .cart_sub:hover{ background: #f44336; }

.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 #f44336; background: #f44336; color: #fff; }

.cart_wrap .cart_btn a:first-child,.cart_wrap .cart_btn a:last-child{ background: #fff; color: #f44336; }

.cart_wrap .cart_btn a:hover{ background: #f44336; border-color: #f44336; 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: #f44336; }

.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: #f44336; }

.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: #f44336; }

.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: #f44336; }

.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: #f44336; }

.order_tit .tit_price{ color: #f44336; }

.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: #f44336; }

.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: #f44336; }

.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: #f44336; }

.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: #f44336; }

.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: #f44336; color: #fff; }



@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: 26px; }

.scroll-btn{ bottom: 20px; background-size: 25px; }

.mp3-btn{ left: 1.5%; top: 0px; }

.footer_mid .box:nth-child(2){ }

.footer_mid .box:nth-child(1){ }

.footer_mid .box:nth-child(3){  }

.footer_mid .box:nth-child(4){  }

.footer_box{ padding: 60px 0 10px 0; }

.footer_top,.footer_mid{ margin-bottom: 30px; }

.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: 24px; }

.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: 40px; }

.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-top: 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{ 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{ font-size: 30px; }

.shop_list_top 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; }*/

}



@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; }

.control_video { font-size:14px; }



.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 28px; }

.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: 38px; }

.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: 0; left: 2%; background-size: 30px; }

.banner .slick-next{ opacity: 0; right: 2%; background-size: 30px; }

.footer_mid .box:nth-child(1){  }



.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; }



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{ font-size: 26px; }



.fshare_box{ position: relative}

}



@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; }

.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(3) { }

.footer_mid .box:nth-child(4) { width: 30%; text-align: left; }

.footer_mid .box:nth-child(5){ width: 65%; text-align: left; }

/*.i_pic1:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.1); }

.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: #f44336; 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: #f44336 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: #e9e9e9; 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: 22px; text-indent: 0; background: none!important;  }

.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.6; margin-right: 0px; }

.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: 28px; }

.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: #f44336; }

.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; }

.i_text .more { margin-left:20px }

}





@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{ 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_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%; }



.footer_munu { padding:40px 0 10px 0}

.footer_munu li { font-size:12px; line-height:18px; }

.footer_munu li img { margin-bottom:5px}

}



@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: 0px 0!important; width: 100%!important; float: none; }

.footer_mid .box .flist { display: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; }



.footer_mid .box { background:#fff; position:relative;}

.footer_mid .footnav_on { position:absolute; right:0; top:0px; width:40px; height:26px; background:url(../images/submenudown.png) no-repeat center right; }

.footer_mid .footnav_on1 { background:url(../images/submenuup.jpg) no-repeat center right!important; }

.footer_mid .flist { display:none; padding:2px 0px } 







.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:20px; }

.footer_mid .ftit{ font-size: 15px; margin-bottom: 5px; margin-top:10px }

.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: 18px; }

.nav-submenu li a{ font-size: 24px; }

.fshare_box a{ background-size: 20px; margin-right: 11px; }

.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: 20px 0 30px 0; }

.i_text .more{ font-size: 13px; 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: 15px; margin-right: 8px; }

.i_vright h3:hover:before{ width: 30px; }



.i_text{ margin-top:20%;font-size: 12px; }

.i_text h3{ font-size: 13px; }

.i_text h2{ font-size: 18px; margin: 4px 0 10px 22px;}

.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: 35px; line-height: 35px; width: 92px; }

.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{ 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: #f44336; }

.wrapper-content:after {

    content: "";

    display: table;

    clear: both;

}





.cartbutton a{ font-size: 16px; color: #999; line-height: 28px; }

.cartbutton a:hover{ color: #f44336; }

.cart_right .tips .part a:hover{ color: #f44336; }



/*** 聪明象-品质 **/

.safety_dcon { position:absolute; top:21%; width:26% }

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

.safety_dcon {top:15%; width:40% }

}

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

.safety_dcon { top:7%; width:45% }

}

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

.safety_dcon { position: relative; margin-top:25px; width:100% }	

}



/*** 产品列表 **/

.prolist ul li { width:100%; height:900px; color:#535353; font-size:15px;margin-bottom:30px }

.prolist ul li .baseWidth { position:relative; height:100%}

.prolist ul li .img { width:50%; position:absolute; bottom:20px; left:0; text-align:center}

.prolist ul li .img img { max-width:75% }

.prolist ul li .text { width:40%; position:absolute; bottom:50px; right:5%; }

.prolist ul li .text h3 { font-size:26px; margin-bottom:8px; color:#222 }

.prolist ul li .text p.shorttitle { margin-bottom:8%}

.prolist ul li .text a { color:#f44336; float:right; font-size:16px; }



.prolist ul li:nth-of-type(2n) .img { left: auto; right:0 }

.prolist ul li:nth-of-type(2n) .text { left:5%; right:auto;}

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

.prolist ul li { height:700px; }

}

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

.prolist ul li .img img { max-width:100% }

.prolist ul li { height:600px; }

}

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

.prolist ul li { height:400px;font-size:14px;}

.prolist ul li .img { width:50%; bottom:10px; left:0;}	

.prolist ul li .text { width:40%; bottom:40px; right:0; }

.prolist ul li .text h3 { font-size:22px; }

.prolist ul li .text a { font-size:14px; }

}

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

.prolist ul li { height:280px; margin-bottom:80px }

.prolist ul li .img { width:50%;left: auto; top:100px; right:3%;}	

.prolist ul li .text { width:100%; top:220px; left:0; }

.prolist ul li .text h3 { font-size:18px; }

.prolist ul li:nth-of-type(2n) .text { left:0; right:auto;}

}



/*** 店铺 **/

.infos_link { margin:0px auto 40px auto; text-align:center}

.infos_link br { display:none}

.infos_link select { border:1px solid #ddd; width:200px; height:40px; padding:0px 5px; font-family:"微软雅黑"; color:#333 }

.infos_link select#nativeplace_sec { display:none}

.infos_link select#infotype_son { display:none}

.infos_link input { border:1px solid #ddd; width:220px; height:38px; padding:0px 10px; color:#555;font-family:"微软雅黑";  }

.infos_link input.submit { cursor:pointer; width:70px; height:38px; color:#fff; text-align:center; background:#f44336; padding:0px; border: none; font-size:15px;  }

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

.infos_link select {  height:30px; width:36%; }

.infos_link input.inputtext { display:none }

.infos_link input.submit { height:28px; width:20%}

}



/*** 分页样式 **/

.dede_pages{ padding:20px 0px 20px 0; clear:both; text-align:center; height: auto; }

.dede_pages ul li{

	display: inline-block;

	line-height:28px;height:28px;

	margin:0 3px;

	overflow:hidden;

}

.dede_pages ul li a { color:#555; display: inline-block;padding:0px 5px 0px 5px;  }

.dede_pages ul li:hover{ color:#f44336; text-decoration:none; }

.dede_pages ul li:hover a { color:#f44336; }

.dede_pages ul li.thisclass,

.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover { color:#f44336;  }

.dede_pages ul li.thisclass { }

.dede_pages .pageinfo { color:#888; margin-right:7px  }

.dede_pages .pageinfo strong { font-weight:normal;	margin:0px 2px;}

.dede_pages ul li select { height:22px; border:none }











.focus{ position:relative; width:100%; height:auto; }  

.focus img{ width: 100%; height: auto;} 

.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  

.focus .fcon{ position:relative; width:100%; float:left; display:none;  }  

.focus .fcon img{ display:block; }  



/**首页切换**/

.focus .D1fBt { height:22px; text-align:center; padding:10px 0; font-size:18px; background:#fff }

.focus .D1fBt a{ display:inline-block; border-right:1px solid #555; height:18px;line-height:18px; padding:0px 3%; cursor:pointer;  }  

.focus .D1fBt a:last-child { border:none }  

.focus .D1fBt .current,.focus .D1fBt a:hover{ color:#f44336 }    



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

.focus .D1fBt { font-size:16px;}	

}

/*.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}

.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  

.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  

.focus .prev:hover{  background-position:0 0; }  

.focus .next:hover{  background-position:-40px 0;}  */