*{padding:0;margin:0;box-sizing: border-box;}
body{ margin:0 auto;color:#333;font:16px/26px '微软雅黑'; background:#fff;}
html,body{position: relative;width: 100%;height: 100%;overflow: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0; padding:0;}
ul,li,ol,dt,dd,dl,map,area{ margin:0; padding:0; border:none}
h1,h2,h3,h4,h5,h6 {font-size:14px; font-weight:normal;} 
img,form{ border:none;margin:0;padding:0;vertical-align:bottom;}
ul,li,dl,dd,dt{list-style:none}
table{ table-layout:fixed; border-collapse:collapse;}
.fl{ float:left}
.fr{ float:right}
.cl{ clear:both; overflow:hidden}
.tc{ text-align:center}
.tl{ text-align:left}
.tr{ text-align:right}
.pr{ position:relative;}
.overh{overflow:hidden;}
.wapper{ white-space:nowrap; overflow:hidden}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/** html .clearfix { height: 1%;}*/
.clearfix {display: block;}
a{ color:#333; text-decoration:none;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;}
a:hover,a:visited,a:active{ color:#000; text-decoration:none;}
.dispno{display:none;}
.dispblock{display:block;}
.z-in99{z-index:99;}
.z-in999{z-index:999;}
.z-in9999{z-index:9999;}
.z-in99999{z-index:99999;}
.ifmo_h{display:none;}
.ifpc_h{display:block;}
.w1600{margin-left: auto;margin-right: auto;}
.disflex{display: flex;}
.bg_white{background: rgba(255, 255, 255, 0.7);}
.bor_bm{border-bottom: 4px solid #e36567;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 30px;}
.mt70{margin-top: 50px;}
.pd20{padding: 20px;}
.w1200{width: 100%;margin-left: auto;margin-right: auto;}
.wp20{margin-left: 15px;margin-right: 15px;}
.w690{width: 690px;}
.w510{width: 510px;}

.bg_f6{background: #f6f6f6}
.bg_ff{background: #fff}

/*---------------------------------------------------------------*/
/*--------页头---------*/
.loading{width:100%;height:100%;z-index:2000;text-align:center;background-color: #fff;position:fixed;}
.loading > img {position: absolute;left: 50%;top: 50%;margin-top: -100px;margin-left: -100px;width: 200px;height: 200px;}

.swiper_leftmenu_bd{width: 100%;height: 100%;overflow: hidden;position: relative;display: flex;}
.header{text-align: center;padding-top: 0px;position: relative;z-index: 999;}
.left_menu_btn{position: absolute;left: 20px;top: 40%;z-index: 1300;padding-top: 8px;}
.right_user_btn{position: absolute;right: 20px;top: 50%;display: flex;}
.header_logo_bd{position: relative;display: block;z-index: 1300;}
.header_logo_bd span{width: 35%;display: block;margin: auto;}
.header_logo_bd span img{width: 100%;max-width: 213px;margin-top: 10px;}
.header i img{width: 18px;height: 20px;}
.right_user_btn a{margin-left: 12px;padding-bottom: 10px;
/*文字上下居中对齐*/display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.right_user_btn em{display: none;}
.right_user_btn .ifmo_h{display: none;}
.header_menu{text-align: center;font-size: 16px;line-height: 30px;color: #666;display: none;padding-bottom: 20px;}
.header_menu ul{background: none;padding: 0;}
.header_menu ul li a{font-size: 16px;}
.header_menu ul span{vertical-align: middle;margin-top: -2px;}
.header_menu .layui-nav .layui-nav-item{position:static;}
.header_menu .layui-nav .layui-nav-item a{position: relative;color: #666;padding: 1px 20px;line-height: 30px;}
.header_menu .layui-nav .layui-nav-item a:hover,.header_menu .layui-nav .layui-nav-item a.on{color: #000;}
.header_menu .layui-nav a:hover cite,.header_menu .layui-nav a.on cite{background: url(../images/icon_meni_hover.svg) no-repeat 100% 100%;width: 12px;height: 12px;display: block;position: absolute;left: 50%;margin-left: -6px;bottom: -2px;}
.fixed{ position: fixed; left: 0; top: 0; width: 100%; z-index:1555;}
.layui-nav span{color: #999;}
.header_menu i{display: none;}
.header_menu .layui-nav-child{background: #fafafa;color: #000;box-shadow: none;width: 100%;border: none;z-index: 999;top: 53px;}
.header_menu .layui-nav-child dd{width: 1200px;margin: auto;}
.sub_menu_bd{display: flex;flex-wrap: wrap;}
.sub_menu_bd span{display: block;text-align: center;width: 100%;padding: 10px;text-align: center;}
.sub_menu_bd span img{width: 52px;height: 52px;}
.header_menu .layui-nav .layui-nav-item .sub_menu_bd a{margin: 15px;padding: 20px 0;display: block;border-radius: 15px;width: 170px;}
.header_menu .layui-nav .layui-nav-item .sub_menu_bd a:hover{background:rgba(0, 0, 0, 0.1);}

.navArea{background:rgba(255, 255, 255, 1);width:100%;padding-bottom: 20px;}
.header.navArea.fixed{padding: 0;position: fixed;}
.navArea.fixed .w1200{margin-top:0;overflow: visible;width: 100%;}
.navArea.fixed i{display: flex;}
.navArea.fixed .hd_bdbox{width: 100%;margin: auto;display: flex;justify-content:space-between;}
.navArea.fixed{height: 80px;width: 100%;left:0;margin: 0;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);backdrop-filter: blur(25px);}
.navArea.fixed .header_logo_bd span img{width: 140px;margin-top: 10px;}

.navArea.fixed .header_menu ul{background: none;padding: 0;position:static;}
.navArea.fixed .header_menu .layui-nav-child{top: 80px;}
.zhline{height:85px;overflow:hidden;}

.brand_change_list{}
.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.row > [class*='col-'] {
    display: flex;
    flex-direction: column;
}
.login_bd{padding: 20 15px;}
.login_bd a{border: 1px solid #000;display: block;width: 170px;height: 36px;line-height: 36px;margin: 10px 15px;text-align: center;}
.login_bd a.log_init{background: #000;color: #fff;}
.login_bd a:hover{background: #000;color: #ccc;}

.fav_bd{max-width: 300px;}
.fav_bd h3{min-width: 200px;line-height: 55px;border-bottom: 1px solid #f2f2f2;text-align: center;font-size: 14px;color: #1b1b1b}
.fav_bd .fav_nolist{padding: 20px 0;text-align: center;color: #999;}
.fav_bd .fav_list a{display: block;padding: 10px 10px;overflow: hidden;}
.fav_bd .fav_list a:hover{background: #efefef;color: #fff;}
.fav_bd .fav_list a i{width: 65px;dipslay: block;float: left;margin-right: 10px;}
.fav_bd .fav_list a i img{width: 100%;}
.fav_bd .fav_list a h5{font-size: 14px;color: #000;padding: 3px 0;overflow: hidden;line-height: 24px;}
.fav_bd .fav_list a p{font-size: 12px;color: #999;line-height: 22px;height: 44px;overflow: hidden;}
.flxed_fav_btn{border-top: 1px solid #eee;margin: 10px;padding: 10px 0}
.fav_bd .fav_list .flxed_fav_btn a{text-align: center;font-size: 14px;display:block;background: #000;color: #fff;line-height: 40px;padding: 0;}
.fav_bd .fav_list .flxed_fav_btn a:hover{background: #000;color: #ccc;}
.er_bd{display: flex;padding: 10px 10px;}
.er_bd .erb{margin-bottom: 5px;text-align: center;}
.er_bd span{display: block;border: 1px solid #e9e9e9;margin: 10px;width: 100px;height: 100px;}
.er_bd span img{width: 100%;height: 100%;}


.float_toggle_menu{width: 100%;font-size: 16px;line-height: 50px;}
.float_toggle_menu h3{position: relative;}
.float_toggle_menu h3 a{display: block;padding-left: 30px;font-size: 16px;line-height: 50px;color: #000;position: relative;}
.float_toggle_menu h3 b{position: absolute;right: 15px;top: 0px; width: 50px;height:50px;display: block;background: url(../images/icon_more_menu.svg) no-repeat center;transform:rotate(0deg);-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;}
.float_toggle_menu li.open b{transform:rotate(90deg);}
.float_toggle_menu .sub_m{color: #666;}
.float_toggle_menu .sub_m a{color: #666;padding-left: 50px;font-size: 16px;line-height: 36px;display: block;}
.layui-colla-content, .layui-colla-item{border: none;padding: 0;}

.left_menu_bd{position: relative;overflow-y:auto;}
.left_menu_bd h2{font-size: 24px;line-height: 50px;padding: 20px 30px 0px;}
.left_menu_search{border-bottom: 1px solid #ddd;margin: 0px 30px;display: flex;}
.left_menu_search input{border: none;background: #fff;flex: 1;line-height: 36px;font-size: 14px;}
.left_menu_search button{border: none;background: #fff url("../images/icon_search_btn.svg") no-repeat center;width: 36px;height: 36px;}
.mo_close{z-index: 1400;position: absolute;right: 10px;top: 25px;width: 50px;height: 50px;display: block;text-align: center;
    /*文字上下居中对齐*/display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
/*--------幻灯---------*/
.fouce_bd img{width: 100%;}
.fouce_li{position: relative;display: block;}
.fouce_li h3{position: absolute;left: 5%;width: 90%;text-align: center;top: 40%;font-size: 20px;}
.fouce_li h3{opacity:0;-webkit-transition:opacity 1000ms ease 1000ms;-moz-transition:opacity 1000ms ease 1000ms;-o-transition:opacity 1000ms ease 1000ms;transition:opacity 1000ms ease 1000ms}
.fouce_li.swiper-slide-duplicate-active h3{opacity:1}
.fouce_li.swiper-slide-active h3{opacity:1}
.fouce_li h3 b,.fouce_li h3 span{margin: 0 5px;display:block;font-weight: 400; text-shadow: 0 0 30px rgb(0 0 0 / 80%);color: #fff;}
.fouce_li h3 span{font-weight: 200;font-size: 16px; text-shadow: 0 0 30px rgb(0 0 0 / 80%); font-family: "baskerville-urw", Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;letter-spacing: 1px;}
.fouce_bd{position: relative;}
.fouce_bd .swiper-pagination-bullet,.product_fouce_img .swiper-pagination-bullet{background: rgba(255, 255, 255, 1);opacity:0.5;margin: 0 6px!important;width: 6px;height: 6px;border: 1px solid #000;}
.fouce_bd .swiper-pagination-bullet-active,.product_fouce_img .swiper-pagination-bullet-active{background:  rgba(255, 255, 255, 1);width: 10px;height: 10px;opacity: 1;border: 2px solid #000;}
.fouce_bd .swiper-pagination,.product_fouce_img .swiper-pagination{/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}


/*--------品牌--------*/
.brand_bd .brand_box{height: 90px;background: #fff;}
.brand_bd .brand_box a{display: block;width: 100%;height: 100%;text-align: center;
	/*文字上下居中对齐*/display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.brand_bd .brand_box a img{max-width: 70%;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;}
.brand_bd .brand_box a:hover img{-webkit-transform:scale3d(1.08,1.08,1);transform:scale3d(1.08,1.08,1);}
.brand_more{position: relative; font-size: 16px;width: 170px;height: 36px;line-height: 36px;border: 1px solid #1b1b1b;text-align: center;display: inline-block;}
.brand_more span{position: relative;z-index: 9;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;}
.brand_more b{position: absolute;z-index: 1;width: 100%;height: 0;bottom: 0;left: 0;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;}
.brand_more:hover span{color: #fff;z-index: 9;}
.brand_more:hover b{background: #1b1b1b;height: 100%;bottom: 0;left: 0;}

.change_letter_bd ul{padding: 0px;display: flex;justify-content: center;position: fixed;z-index: 99;top: 0;right:10px;height: 100%;align-content: center;flex-direction: column;}
.change_letter_bd li{line-height: 20px;}
.change_letter_bd a{color: #999;display: inline-block;padding: 0 8px;font-size: 12px;min-width: 26px;text-align: center;line-height: 20px;}
.change_letter_bd li.active a{background: #f4f4f4;color: #000;}
.change_letter_bd a.on,.change_letter_bd a:hover{background: #f4f4f4;color: #000;}
.change_letter_bd .ifmo_h{display: none;}

.brand_change_list{padding-right: 50px;padding-left: 15px;}
.brand_change_list i{width: 100%;height: 80px;display: block;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.07);
/*文字上下居中对齐*/display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.brand_change_list a:hover i{border: 2px solid #000;}
.brand_change_list li a img{max-width: 70%;max-height:80%;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;}
.brand_change_list li a:hover img{-webkit-transform:scale3d(1.08,1.08,1);transform:scale3d(1.08,1.08,1);}
.brand_change_list h4{color: #000;font-size: 12px;padding: 15px 0;text-align: center;line-height: 18px;}
.brand_mt_box{margin:0 -20px;}

.brand_intro{border-bottom: 1px solid #eee;padding:0 0px 30px;margin: 0 15px;display: flex;position: relative;}
.g_intro{border-bottom: 1px solid #eee;padding:0 0px 20px;position: relative;margin-left: 15px;margin-right: 15px;}
.l_intro{position: relative;display: flex;margin: 0px;}
.brand_intro i{width: 60px;height: 60px;display: inline-block;text-align: center;border: 1px solid #eee;border-radius: 4px;overflow: hidden;margin-top: -10px;background: #fff;position: relative;z-index: 9;
/*文字上下居中对齐*/display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.brand_intro i img{width: 80%;}
.brand_intro h1{font-size: 12px;color: #999;padding-left: 10px;line-height: 22px;padding-top: 5px;}
.brand_intro h1 b{font-size: 16px;color: #000;padding-right: 10px;display: block;}
.brand_intro a.website_a{position: absolute;right: 0;top: 17px; background: #fff url(../images/icon_world_site.svg) no-repeat 10px center;border: 1px solid #000;width: 90px;height: 32px;line-height: 30px;display: block;font-size: 12px;padding-left:27px;}
.brand_intro a.website_a:hover{background: #000 url(../images/icon_world_site2.svg) no-repeat 10px center;color: #fff;}
.g_intro p{font-size: 14px;line-height: 28px;margin-top: 10px;}
.intro_right_bd{flex: 1;}

.intro_leftmenu_bd{width: 228px;margin-right: 30px;display: none;}
.intro_toggle_menu{width: 100%;font-size: 14px;line-height: 36px;}
.intro_toggle_menu{border-top: 1px solid #f8f8f8;}
.intro_toggle_menu li{border-bottom: 1px solid #f8f8f8;}
.intro_toggle_menu h3 a{display: block;padding-left: 10px;font-size: 14px;line-height: 48px;color: #000;position: relative;}
.intro_toggle_menu h4 a{display: block;padding-left: 10px;font-size: 14px;line-height: 48px;color: #000;position: relative;}
.intro_toggle_menu .open h3 a,.intro_toggle_menu .open h4 a{display: block;padding-left: 10px;font-size: 14px;line-height: 48px;color: #000;background: #F7F8FA;position: relative;}
.intro_toggle_menu li:hover h3 a,.intro_toggle_menu li:hover h4 a{display: block;padding-left: 10px;font-size: 14px;line-height: 48px;color: #000;background: #f5f5f5;position: relative;}
.intro_toggle_menu b{position: absolute;right: 5px;top: 12px; width: 20px;height: 20px;display: block;background: url(../images/icon_sxjt-r.svg) no-repeat;transform:rotate(0deg);-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;}
.intro_toggle_menu li:hover b{transform:rotate(90deg);}
.intro_toggle_menu li.open b{transform:rotate(90deg);}

.intro_toggle_menu .sub_m{color: #666;margin-top: 15px;}
.intro_toggle_menu .sub_m dd{padding-left: 5px;margin-right: 0px;font-size: 14px;display: flex;line-height: 40px;}
.intro_toggle_menu .sub_m.product_side_scroll{padding-bottom: 5px;}
.intro_toggle_menu .sub_m dd a{padding-left: 25px;display:block;}
.intro_toggle_menu h3 a:hover,.intro_toggle_menu .sub_m dd:hover{background: #F7F8FA;color: #000;font-weight: 700;}
.intro_toggle_menu .sub_m a.on{font-weight: 700;background: #f8f8f8;}
.intro_toggle_menu .layui-form-checked[lay-skin=primary] i{border-color: #000!important;background-color: #111!important;}
.layui-form-item .layui-form-checkbox[lay-skin=primary]{margin-top: 5px;}

.intro_toggle_menu.product_l_menu .product_side_scroll{max-height: 300px;position: relative;}

.intro_topmenu .with_in dd{display: flex;padding: 10px;width:100%;box-sizing: border-box;
/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.with_in label{flex: 1;width:100%;font-weight: normal;margin-bottom: 0;}
.with_in input{margin-right: 10px;margin-top: 0px;margin-left: 5px;}
.product_search_box{padding: 15px 10px 0px;}
.product_search_box input{border: 1px solid rgba(234,233,233,1);border-radius: 2px;width: 100%;height: 40px;padding: 0 10px;line-height: 40px;}

.intro_topmenu{position: relative;margin: 0px;z-index: 120;}
.intro_topmenu ul{display: flex;flex-wrap: wrap;position: static;}
.intro_topmenu li{position: static;display: inline-block;margin-right: 10px;margin-left: 15px;}
.intro_topmenu li.open .with_in{display: flex;flex-wrap: wrap;}
.intro_topmenu li > a{line-height: 50px;color: #999;
    /*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.intro_topmenu li.open a{color: #000;}
.intro_topmenu dl{width: 100%;position:absolute;border: none;border-radius: 0;box-shadow: none;margin: 0px;padding: 15px;-webkit-box-shadow: none;left: 0px;}
.intro_topmenu dl dt{border-top: 1px solid #ccc;padding-bottom: 15px;width: 100%;display: block;}


.intro_topmenu cite{display: inline-block;width: 20px;height: 20px;background: url(/images/icon_sxjt-x.svg) no-repeat;background-size: 100%;}
/*.intro_topmenu .layui-nav{padding: 0 15px;background-color:#fff!important;color: #000!important;width: 100%;}
.intro_topmenu .layui-nav a{padding-left: 0;color: #000;margin: 0 5px;}
.intro_topmenu .layui-nav .layui-nav-item{position: static;}
.intro_topmenu .layui-nav .layui-nav-item a{position: relative;padding: 0 20px 0 10px;border: 1px solid #fff;border-bottom: none;}
.intro_topmenu .layui-nav .layui-nav-item a:hover{border: 1px solid #eee;border-bottom: none;background: #fff;z-index: 999;}
.intro_topmenu .layui-nav .layui-nav-item a:hover,.intro_topmenu .layui-nav .layui-this a{color: #000;}
.intro_topmenu  .layui-nav-child{top: 46px;}
.intro_topmenu .layui-nav-child.intro_topmenu_sub{width: 100%;padding: 15px;}
.intro_topmenu a{line-height: 46px;}
*/
.mo_15{margin: 0 15px;}
.intro_search_box{display:none;}
.intro_search_box cite{font-style: normal;}
.intro_search_box span{color: #999;}
.intro_search_box span a{padding-right: 24px;position: relative;}
.intro_search_box span a b{position: absolute;width: 20px;height: 20px;right: 0;top: 0;display: block;background: url(../images/icon_sxjt-x.svg) no-repeat;}
.intro_orderlist a{display: block;font-size: 16px;width: 100%;line-height: 40px;padding: 0 15px;text-align: center;}
.intro_orderlist a:hover{background: #000;color: #fff;}
.intro_orderlist a.on{font-weight: 700;}

.intro_topmenu_sub{padding: 10px;}
.intro_topmenu_sub h5{font-size: 16px;line-height: 40px;padding-bottom: 10px;}
.intro_topmenu_sub .with_in_btn{white-space: initial;}
.layui-nav .layui-this:after{display: none;background: none;}
.intro_topmenu_sub .with_in_btn a{font-size: 14px;width:33%;height: 30px;border: 1px solid rgba(217,217,217,1);border-radius: 2px;color:#999;display: inline-block;line-height: 30px;text-align: center;padding: 0;}
.intro_topmenu_sub .with_in_btn a.on{color: #000;border:1px solid #000;}
.intro_topmenu_sub .with_enter{display: flex;}
.intro_topmenu_sub .with_enter a{font-size: 14px;width: 50%;height: 40px;border: 1px solid rgba(217,217,217,1);border-radius: 2px;background: #fff;color: #000;text-align: center;line-height: 40px;padding: 0;}
.intro_topmenu_sub .with_enter a.on,.intro_topmenu_sub .with_enter a:hover{font-size: 14px;width: 50%;height: 40px;background: #000;color: #fff;}


/*---------灵感---------*/
/*.inspiration_bd{display: flex;align-items: stretch;flex-wrap: wrap;position: relative;}
.inspiration_img{height: 390px;}
.inspiration_img a img{width: 100%;height: 100%;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;}
.inspiration_img a:hover img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
*/

.inspiration_bd {}
.inspiration_bd .inner {z-index: 10;}
.inspiration_bd ul {position: relative; width: 100%; height: 320px;}
.inspiration_bd ul > li {position: absolute; overflow: hidden;}
.inspiration_bd ul > li:nth-child(1) {width: 60%; height: 170px; top: 0; left: 0;}
.inspiration_bd ul > li:nth-child(2) {width: 40%; height: 170px; top: 0; right: 0;}
.inspiration_bd ul > li:nth-child(3) {width: 40%; height: 170px; bottom: 0; left: 0;}
.inspiration_bd ul > li:nth-child(4) {width: 60%; height: 170px; bottom: 0; right: 0;}

.inspiration_bd ul > li:nth-child(1) img, .inspiration_bd ul > li:nth-child(4) img {width: 100%; height: 100%;}
.inspiration_bd ul > li:nth-child(2) img, .inspiration_bd ul > li:nth-child(3) img {width: 100%; height: 100%;}
.inspiration_bd ul > li a {width: 100%; height: 100%;display: block;}
.inspiration_bd ul > li .obj {width: 100%; height: 100%; overflow: hidden;}
.inspiration_bd ul > li .obj i{width: 100%;height: 100%;display: flex;background-size:cover;background-position: center;}

.inspiration_bd .inner > ul > li{ transition: width 500ms, height 500ms,z-index 500ms; z-index: 1; }
.inspiration_bd .inner > ul > li.overbig{ width: 100%; height: 100%; z-index: 20;}
.inspiration_bd h4{background: rgba(0, 0, 0, 0.3);color: #fff;line-height: 40px;font-size: 14px;padding: 0 15px;z-index: 30;position: absolute;left: 20px;top: 20px;}
.ins_big_btitle{display: none;}
/*---------承诺--------*/
.ensure_bd{display: flex;justify-content:center;flex-wrap: wrap;text-align: center;}
.ensure_bd li{width: 30%;max-width: 140px;}
.ensure_bd li h4{font-size: 14px;}
.ensure_bd li i{width: 80%;display: inline-block;}
.ensure_bd li i img{width: 100%;}

/*---------title--------*/
.big_title h2{font: 24px/50px '微软雅黑';}
.big_title h2 img{height: 40px;}


/*-----------------------------通用浮动开始*/
#side-bar{position:fixed;z-index:888;right: -77%;left:auto;bottom: 100px;width:50px;}
.side-bar a{width:50px;height:50px;display:block;background:#000;position: relative;border-radius:50%;
	/*文字上下居中对齐*/display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.side-bar .gotop i{width:24px;height:24px;display:block;}
.side-bar .gotop i img{float: left;}

/*------------面包屑导航---------------*/
.crumbs_bd{font-size: 12px;color: #999;margin: 0 15px;}
.layui-breadcrumb.crumbs_bd a{color: #999;font-size: 12px;}
.layui-breadcrumb.crumbs_bd a:hover{color:#000!important}
.layui-breadcrumb a cite{color: #000;}
.crumbs_bd .nb{background-image: linear-gradient(to right, rgba(255, 255, 255, 1.0), rgba(255, 255, 255, 0));padding-right: 40px;display: inline-block;}

/*---------左侧菜单------------*/
/*
.site-mobile-menu {
width: 100%;
position: fixed;
left: 0;
z-index: 2000;
padding-top: 0px;
background: #fff;
height: calc(100vh);
-webkit-transform: translateX(-110%);
-ms-transform: translateX(-110%);
transform: translateX(-110%);
-webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
-webkit-transition: .3s all ease-in-out;
-o-transition: .3s all ease-in-out;
transition: .3s all ease-in-out; }

.offcanvas-menu .site-mobile-menu {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%); }
.offcanvas-menu .site-mobile-menu:before {
opacity: 1;
visibility: visible; }
.site-mobile-menu .site-mobile-menu-header {
width: 100%;
float: left;
padding-left: 10px;
padding-right: 10px; 
position: relative;}
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
background: #fff;
position: absolute;right: 20px;
margin-top: 8px; }
.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
font-size: 14px;
display: inline-block;
padding: 3px 15px;
background: #fff;
color: #fff;
cursor: pointer;
-webkit-transition: .3s all ease;
-o-transition: .3s all ease;
transition: .3s all ease; }
.offcanvas-menu .site-wrap {
  height: 100%;
  width: 100%;
  z-index: 2; overflow-y: scroll;}
  .offcanvas-menu .site-wrap:before {
    opacity: 1;
    visibility: visible; }
.site-mobile-menu-body{height: 100%;position: relative;}
*/
.site-wrap{width: 100%;height: 100%;overflow-y: scroll;}
.menu {width: 100%;background: #fff;border-right: 1px solid #e6e6e6;position: relative;}
.leftmenu_close{width: 20px;height: 20px;position: absolute;right: -30px;top: 40px;background: #fff;display: none;z-index: 2200;}

.slide_cont{flex: 1;}
.top_white{display: none;}
.op_fixed{z-index: 900;background: #fff;opacity: 0.8;width: 100%;height: 100%;display: block;position: absolute;}

/*---------登录页-----------*/
.login_sm_bd{max-width: 1500px;margin: auto;position: relative;}
.login_sm_bd{display:flex;flex-direction: column-reverse;}
.login_sm_bd h3{font-size: 26px;line-height: 36px;color: #fff;position: absolute;left: 20px;top:40px;}
.login_sm_bd b img{width: 100%;}
.login_y_box{border-radius: 20px 20px 0px 0px;margin-top: -20px;z-index: 9;}
.login_y_box{position: relative;padding: 50px 20px;width: 100%;background: #fff;}

.login_y_box h1{font-size: 32px;text-align: center;padding:0 0 50px 0;}
.log_init_bd{border: 1px solid #eaeaea;position: relative; display: flex;padding-right: 15px;}
.log_init_bd span{width: 52px;height: 52px;
/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.log_init_bd input{border: none;flex: 1;width: 100%;font-size: 16px;line-height: 52px;}
.log_init_bd input.log_y_btn{cursor: pointer; flex: 0;border: none;background: none;color: #000;width: 120px;text-align: center;line-height: 50px;}
.log_erro{color: #ff0000;font-size: 14px;line-height: 24px;position: absolute;left: 0;bottom: -24px;}
.log_ent_bd{}
.log_ent_bd button{cursor: pointer; height: 52px;line-height: 52px;background: #000;color: #fff;width: 100%;}
.log_ent_bd .log_reg{width: 100%;display: block;position: relative;border: 1px solid #000;height: 52px;line-height: 52px;text-align: center;}
.log_ent_bd .log_reg span{position: relative;z-index: 9;width: 100%;}
.log_ent_bd .log_reg:hover span{color: #fff;}
.log_ent_bd .log_reg em{display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 0;background: #000;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;}
.log_ent_bd .log_reg:hover em{height: 100%;}
.log_oth_bd{display: flex;justify-content: space-between;}

/*-------收藏夹列表------*/
.row.list_ul{margin: 0;}
.enjoy_gus_cont,.enjoy_v_cont{padding-top: 30px;padding-bottom: 30px;}

.enjoy_gus_box .view_enjoy_btn{overflow: hidden;padding: 0 15px;}
.enjoy_gus_box a{text-decoration: none;}
.enjoy_gus_box a:hover,.enjoy_gus_box a:active,.enjoy_gus_box a:visited{text-decoration: none;}
.enjoy_gus_box{background: #fff;position: relative;overflow: hidden;margin:5px 0; }
.enjoy_gus_box i{position: relative;background-color: #f7f8fa;
/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.enjoy_gus_box i{width: 120px;float: left;display: flex;align-items: center;align-content: center;}
.inspir_bd_ph{margin: 0 15px;}
.inspir_bd_ph .enjoy_gus_box i{width: 120px;height: 100px;float: left;}
.enjoy_gus_box i > img{max-width: 100%;max-height: 100%;}
.enjoy_gus_box h4{font-size: 14px;color: #000;line-height: 26px;padding: 0px 15px;overflow: hidden;}
.enjoy_gus_box p{font-size: 12px;color: #999;line-height: 22px;padding: 4px 15px;height: 44px;margin-bottom: 8px;overflow:hidden;}
.enjoy_gus_box .r_tit{overflow: hidden;display: block;}

.enjoy_gus_box .idnew{position: absolute;z-index: 9;top: 0;left: 0;width: 50px;height: 20px;}
.enjoy_gus_box .idnew{color: #fff;text-align: center;line-height: 20px;font-size: 14px;}
.enjoy_gus_box .idnew.iconnew1{background: #e7c482;}
.enjoy_gus_box .idnew.iconnew1::before{content: '新品';}
.enjoy_gus_box .idnew.iconnew2{background: #63a57a;}
.enjoy_gus_box .idnew.iconnew2::before{content: '现货';}
.enjoy_gus_box .idnew.iconnew3{background: #ff6666;}
.enjoy_gus_box .idnew.iconnew3::before{content: '促销';}
.enjoy_gus_box .idnew img{float: left;}

.enjoy_gus_cont .enjoy_gus_box i{width: 100%;float: none;}
.enjoy_gus_cont .enjoy_gus_box h4{overflow: hidden;padding: 3px 0px;font-size: 14px;}
.enjoy_gus_cont .enjoy_gus_box p{padding: 2px 0px;height: 46px;}
.enjoy_v_cont .enjoy_gus_box i{width: 100%;float: none;}
.enjoy_v_cont .enjoy_gus_box h4{overflow: hidden;padding: 3px 0px;font-size: 14px;}
.enjoy_v_cont .enjoy_gus_box p{padding: 2px 0px;height: 46px;}


.inspir_bd_ph .enjoy_gus_box cite{display: none;}
.inspir_bd_ph .enjoy_gus_box h4{overflow: hidden;padding: 0 15px;height: 26px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
.inspir_bd_ph .enjoy_gus_box p{padding: 0px 15px 4px;line-height: 20px;height: 44px;}

/*详情*/
.favorites_list_bd{min-height: 360px;margin: 0 15px;}
.tx_y_mid{/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.fav_nothing_box{text-align: center;width: 200px;margin: auto;margin: 10px 0;}
.ent_black_btn{color: #fff;display: block;text-align: center;cursor: pointer; height: 34px;line-height: 34px;background: #000;color: #fff;width: 100%;}
.ent_black_btn:hover{color: #fff;background: 1b1b1b;}
h4.little_title_bd{font-size: 16px;margin-top:15px;font-weight: 700;}
h5.little_title_h5{font-size: 14px;padding: 10px;line-height: 28px;background: #f9f9f9;}
.enjoy_guess_bd {margin: 0 15px;}
  .enjoy_guess_bd{    --swiper-theme-color: #000;  }
  .enjoy_guess_bd .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .enjoy_guess_bd .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0;}
 .enjoy_guess_bd .swiper-pagination-bullet{width: 12px;height: 3px;border-radius: 0;}
.enjoy_guess_bd .icon_prev_btn
,.enjoy_guess_bd .icon_prev_vbtn
{position: absolute;top: 40%;margin-top: -25px;background: url(../images/icon_1prev.png) no-repeat;width: 50px;height: 50px;left: -70px;}
.enjoy_guess_bd .icon_next_btn
,.enjoy_guess_bd .icon_next_vbtn
{position: absolute;top: 40%;margin-top: -25px;background: url(../images/icon_1next.png) no-repeat;width: 50px;height: 50px;right: -70px;}
.enjoy_guess_bd > .enjoy_gus_cont .enjoy_gus_box cite{left: auto;right: 10px;top: 10px;display: none;}
.enjoy_gus_box cite{position: absolute;left: 80px;top: 0px; width: 40px;height: 40px;background:none;z-index: 9;border-radius: 20px;overflow: hidden;text-align: center;
/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;display: none;}
.view_enjoy_btn{padding: 15px;}
.view_enjoy_btn span{background: #000 url(../images/icon_view_more.svg) no-repeat 70px center;color: #fff;height: 30px;line-height: 30px;padding: 0 30px 0 15px;font-size: 12px;display: inline-block;}
.swiperj-pagination,.swiperv-pagination{position: absolute;}


/*------------灵感技巧--------------*/
.inspiration_blur_abo{position: absolute;z-index: 9;width:70%;left: 15%;top: 10%;margin-top:0px;backdrop-filter: blur(25px);padding: 20px;
	border: 1px solid rgba(255, 255, 255, 0.3);border-left: 1px solid rgba(0, 0, 0, 0.1);border-top: 1px solid rgba(0, 0, 0, 0.1);
/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;flex-direction:column;}
.brand_banner img{width: 100%;}
.inspiration_blur_abo h3{font-size: 26px;color: #fff;position: relative;z-index: 9;}
.inspiration_blur_abo span{width: 60px;height: 2px;margin: 10px 0 5px;background: #fff;position: relative;z-index: 9;}
.inspiration_blur_abo p{font-size: 12px;color: #fff;text-align: center;position: relative;z-index: 9;}

.inspiration_blur_abo b{width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;overflow: hidden;}
.inspiration_blur_abo b img{backdrop-filter: blur(30px);filter: blur(30px);  -webkit-filter: blur(30px);width: 140%;height: 140%;position: absolute;left: -20%;top: -20%;}
#canvas{width:100%!important;min-height:100%!important;opacity:1;}
.inspiration_change_btn{border-bottom:0;display: flex;}
.inspiration_change_btn a{line-height: 30px;display: block;padding: 0 15px;color: #000;background: #fff;font-size: 14px;margin-right: 5px;}
.inspiration_change_btn a:hover,.inspiration_change_btn a.on{color: #fff;background: #000;}
.content_bd{font-size: 16px;line-height: 30px;}
.content_bd p{padding-bottom: 30px; text-align: justify;}
.content_bd p span{width: 100%;}
.content_bd h1{text-align: center;font-size: 24px;}
.content_bd .content_date{font-size: 14px;line-height: 30px;color: #999;text-align: center;}
.content_bd p img{max-width: 100%;margin: auto;display: flex;}
.content_body{padding: 15px;}


/*---------产品二级页面---------------*/
.banner_nav_bd{position: relative;overflow: hidden}
.banner_nav_bd b{display:block;width:100%;height:100%;position: absolute;left:0;top:0;z-index:1;background: #F0F3F5;overflow: hidden;}
.banner_nav_bd b img{backdrop-filter: blur(30px);filter: blur(30px);  -webkit-filter: blur(30px);width: 140%;height: 140%;position: absolute;left: -20%;top: -20%;}
#canvas{width:100%!important;height:100%!important;}
.list_nav_bd{padding:10px 0px 20px;position: relative;z-index: 9;}
.list_nav_bd a{line-height:24px;color:#999;}
.recommend_bd{position: relative;z-index: 9;background:#fff;padding:0 25px;margin: 0 15px 20px;}
.recommend_bd i{width: 110px;height: 80px;position: relative;margin-top:-10px;margin-right:30px;margin-bottom:15px;display:block;float:left;overflow: hidden;}
.recommend_bd h3{overflow:hidden;font-size: 16px;line-height: 30px;padding: 0px 0;}
.recommend_bd p{overflow:hidden;font-size: 12px;line-height: 18px;height: 36px;overflow: hidden;}
.recommend_bd i img{width: 100%;}
.s_mark{width: 100%;height: 100%;display: none;position: absolute;left: 0;top: 0;background: #000;opacity: 0.4;z-index: 99;}

.product_bd{margin: 30px 0px;}
.product_bd [class*='col-']{margin-top: 10px;margin-bottom: 10px;}
.product_bd_box{background: #fff;position: relative;}
.product_bd_box i{display: block;overflow: hidden;background: #f7f8fa;
/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.product_bd_box i img{width: 100%;}
.product_bd_box h4{font-size: 12px;color: #000;line-height: 36px;padding: 0px 10px;display: block;position: relative;z-index: 99;margin-top: -36px;background: rgba(0, 0, 0, 0.3);color: #fff;text-align: left;}

.product_bd_box h4 cite{width: 16px;height: 16px;display: inline-block;margin-left: 10px;padding-top: 8px;}
.product_bd_box h4 cite img{float: left;width: 100%;}

.product_bd_box:hover{box-shadow: 0 5px 10px 0 rgba(0,0,0,0.25);}
.layui-laypage-next em,.layui-laypage-prev em{font-size: 12px;display:flex;align-items: center;justify-content: center;}
.layui-disabled em img{opacity: 0.3;}
.layui-laypage a:hover{color: #000;background: #e9e9e9;}
.layui-laypage a.layui-disabled:hover{background: #fff;}
/*---------产品详情---------*/

.product_view_bd{display: flex;justify-content: center;flex-direction:column;}
.product_thumbs_img{display: none;}
.product_view_box{width: 100%;overflow: hidden;}
.product_intro_box{width: 100%;}
.product_fouce_img i{width: 100%;height: 100%;text-align: center;display: flex;align-items: center;align-content: center;background: #f7f8fa;}
.product_fouce_img img,.product_thumbs_img img{max-width: 100%;max-height: 100%;margin: auto;}
.product_fouce_img{position: relative;}
.pro_button_prev{cursor: pointer; z-index: 9;position: absolute;top: 50%;margin-top: -25px;background: url(../images/icon_1prev.png) no-repeat;width: 50px;height: 50px;left: 25px;}
.pro_button_next{cursor: pointer; z-index: 9;position: absolute;top: 50%;margin-top: -25px;background: url(../images/icon_1next.png) no-repeat;width: 50px;height: 50px;right: 25px;}

.intro_contxs_bd{padding: 15px;margin-top: 0;}
.product_intro_box{}
.change_color{display: flex;flex-wrap: wrap;}
.change_color .color_c{width: 45px;height: 45px;display: block;padding: 3px;border: 1px solid rgba(0, 0, 0, 0.0);border-radius: 50%;overflow: hidden;margin-right:20px;}
.change_color .color_c.on,
.change_color .color_c:hover{border: 2px solid rgba(0, 0, 0, 0.2);}
.change_color .color_c span{width: 100%;height: 100%;display: block;border-radius: 50%;overflow: hidden;}
.change_color .color_c span img{width: 100%;height: 100%;}
.color_black span{background-image: linear-gradient(180deg, #333 0%, #000 100%);}
.color_grey span{background-image: linear-gradient(180deg, #DDDAD6 0%, #B8B3AD 100%);}

.bgf8{background: #fff;border-bottom: 10px solid #f8f8f8;}
.com_intro_box{padding: 15px;height:auto;}
i.com_logo{width: 80px;height: 80px;padding: 5px;border: 1px solid #ccc;display: block;border-radius: 5px;background: #fff;overflow: hidden;
/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
i.com_logo img{width: 100%;}
i.com_logo{display: none;}
.com_logobd{display: none;height: 80px;}
.com_intro_box h1{font-size: 26px;color: #000;margin-top: 20px;}
.com_intro_box .com_logobd > h1{flex: 1;margin: 0;text-align: left;margin-left: 15px;height: 100%;display: block;
/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.com_intro_box p{color: #999;font-size: 14px;padding: 10px 0;}
.com_intro_box h5{margin-top: 5px;}

.pro_button_btnbox{background: #fff;display: flex;position: fixed;z-index: 99;bottom: 0;left: 0;width: 100%;padding: 15px 15px;justify-content: flex-end;}
.com_intro_box a.product_btn{background: #000;color: #fff;margin-top: 0px;width: 35%;line-height: 40px;font-size: 14px;display: block;text-align: center;margin-left: 15px;
/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}

.com_intro_box a.product_btn cite{margin-right: 15px;}
.com_intro_box a.product_btn cite img{float: left;}
.com_intro_box a.product_btn.downbtn{border: 1px solid #000;color:#000;background: #fff;}
.com_intro_box a.product_btn.mailto{border: 1px solid #000;color:#000;background: #fff;width: auto;}
.com_intro_box a.product_btn.mailto cite{margin: 0 10px; }
.com_intro_box a.product_btn.mailto span{display: none;}
.site_other_btn a cite img{float: left;margin-right: 5px;}
.site_other_btn{display: flex;}
.com_exmple_box{padding: 15px;}
.com_title_bd i.com_logo{float: left;margin-right: 15px;display: flex;}
.com_title_bd h2{font-size: 20px;line-height: 40px;}
.site_other_btn a{width: 90px;height: 32px;font-size: 12px;border: 1px solid rgba(0,0,0,1);text-align: center;color: #000;margin-right: 15px;
/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.product_view_p p{font-size: 14px;margin-top: 8px;}
.product_view_p p span{width: 100px;float: left;}
.product_view_p img{max-width: 100%;}

.porduct_view_scroll{height: 400px;}
.com_other_prod a{display: block;}
.com_other_prod img{width: 100%;}
.com_other_xs_copy a{display: flex;text-align: center;align-content: center;align-items: center;background: #f7f8fa;}
.com_other_xs_copy a{height: 90px;}
.com_other_xs_copy img{max-width: 100%;max-height: 100%;}
/*---------页脚----------*/

.footerb{padding: 20px;background: #393939;font-size: 12px;}
.footerb a{color: #fff;font-size: 12px!important;}
.footerb span{font-size: 12px!important;}
.dispflex{display: flex;justify-content:flex-start;flex-direction: column;color: #fff;}
.foot_t_left{height: 36px;line-height: 36px;}
.dispflex cite,.dispflex i{width: 12px;height: 17px;display: inline-block;font-size: 0;padding-top: 1px;margin-left: 15px;margin-right: 5px;}
.dispflex cite img,.dispflex i img{position: relative;vertical-align: bottom;display: block;padding-top: 4px;}
.foot_t_right{line-height: 36px;font-size: 12px!important;display: block;}
.foot_t_right span{padding: 0 20px;font-size: 12px!important;}
.foot_t_right span a{font-size: 12px!important;}
.foot_t_right i{padding: 0 25px 0 15px;margin: 0 5px;text-align: center;}
.foot_t_right span{padding: 0;padding-right: 5px;font-size: 12px!important;}
.foot_t_right i{padding: 0 0px 5px;margin: 0 10px 0 0;}
.foot_t_right > span:nth-child(1){display: block;padding: 0;}
.foot_t_right em{display: none;}
.product_bb{height: 90px;background: #393939;}
.site-mobile-menu-body.mt70{margin-top: 80px;}

.page_yu{display: flex;justify-content:center;margin-top: 30px;}
.page_yu a{width: 30px;height: 30px;margin: 3px;display:none;justify-content: center;align-items: center;color: #777;border: 1px solid #e1e1e1;font-size: 14px;background: #fff;}
.page_yu a em,.page_yu a span{display: inline-block;margin: 0 2px;display:flex;justify-content: center;align-items: center;}
.page_yu a:first-child{width: 80px;height: 30px;display: flex;}
.page_yu a:last-child{width: 80px;height: 30px;display: flex;}
.page_yu a:hover{background: #f6f6f6;}
.page_yu a.active{color: #000;border: 1px solid #000;}
.page_yu a.disabled{color: #ccc;}
.page_yu a.disabled:hover{background: #fff;cursor:default;}
.page_yu a.disabled em{opacity: 0.3;}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width:768px) {
    .intro_topmenu .with_in dd{display: flex;padding: 10px;width: 33%;}
    .menu {max-width: 400px;}
    .navArea.fixed{left: 0px;}

    .ensure_bd li{width: 20%;max-width: 140px;}
    .navArea{background:rgba(255, 255, 255, 0.8);width:100%;padding-bottom: 20px;}
    #side-bar{position:fixed;z-index:888;right: 50px;left: auto;bottom: 50px;width:50px;}
    .change_letter_bd.fixed ul{padding: 0px;display: flex;justify-content: center;position: fixed;z-index: 99;top: 0;right:10px;height: 100%;align-content: center;flex-direction: column;}

    .enjoy_gus_box cite{display: none;}
    .enjoy_gus_box:hover cite{position: absolute;left: auto;right: 20px;top: 20px; width: 40px;height: 40px;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);background: #fff;z-index: 9;border-radius: 20px;overflow: hidden;text-align: center;
    /*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
    .enjoy_gus_box:hover cite:hover{background:#fff url(/images/icon_fav_btn2.svg) no-repeat center;}
    .enjoy_gus_box:hover cite:hover img{opacity: 0.3;}
    .enjoy_gus_box h4{overflow: hidden;padding: 5px 15px;}
    .enjoy_gus_box i{width: 100%;height: auto;float: none;}

    .enjoy_gus_box i > img{width: 100%;height: auto;}
    .enjoy_gus_box p{padding: 4px 15px 4px;line-height: 22px;height: 52px;}
    .enjoy_gus_box .view_enjoy_btn{overflow: hidden;padding: 15px;}

    .enjoy_gus_box{-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;}
    .enjoy_gus_box:hover{box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);}
}
@media (min-width:1200px) {
    .site-mobile-menu-body.mt70{margin-top: 50px;}
	.zhline{height:156px;overflow:hidden;}
	.ifmo_h{display:block;}
	.ifpc_h{display:none;}
	.mt10{margin-top: 10px;}
	.mt20{margin-top: 20px;}
	.mt30{margin-top: 30px;}
	.mt40{margin-top: 40px;}
	.mt50{margin-top: 50px;}
	.mt70{margin-top: 70px;}
	.pd20{padding: 20px;}
	.w1200{width: 1200px;margin-left: auto;margin-right: auto;}
	.w690{width: 690px;}
	.w510{width: 510px;}
	.left_menu_btn{position: absolute;left: 0;top: 23px;z-index: 1300;padding-top: 5px;}
	.right_user_btn{position: absolute;right: 0;top: 23px;font-style: normal;display: flex;}
    .right_user_btn a{margin-left: 20px;}
    .right_user_btn .ifmo_h{display:inline-block;}
    .right_user_btn em{display: inline-block;width: 1px;height: 16px;margin:5px 0 0 20px;background: #333;}
	.header{text-align: center;padding-top: 10px;position: relative;z-index: 999;}
	.header_logo_bd{position: relative;display: block;z-index: 1300;}
	.header_logo_bd span{width:100%;display: block;margin: auto;}
	.header_logo_bd span img{width: 100%;max-width: 213px;margin-top: 0;}
	.header_menu{display: block;padding-bottom: 20px;position: relative;}
    .fouce_bd img{margin-top: -180px;}
	.fouce_li{height: 600px;overflow: hidden;}
	.fouce_li h3{position: absolute;left: 10%;width: 80%;text-align: center;top: 40%;font-size: 50px;color: #fff;}
	.fouce_li h3 b,.fouce_li h3 span{margin: 0 15px;display: block;}
    .fouce_li h3 b{line-height: 50px;}
	.fouce_li h3 span{font-weight: 200;font-size: 30px;margin-top: 30px;letter-spacing: 2px;}
	/*title*/
	.big_title h2{font: 36px/50px '微软雅黑';}
	.site-mobile-menu{width: 400px;}
	.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {background: #fff;position: absolute;right: -40px;margin-top: 8px; }

	.left_menu_bd{}
	.left_menu_bd h2{font-size: 24px;line-height: 50px;padding: 50px 50px 30px;}
	.left_menu_search{border-bottom: 1px solid #ddd;margin:0 50px;display: flex;}
	.float_toggle_menu .sub_m a{padding-left: 70px;font-size: 16px;line-height: 40px;display: block;}
	.float_toggle_menu h3 a{display: block;padding-left: 50px;}
	.float_toggle_menu h3 b{position: absolute;right: 50px;}
    .float_toggle_menu h3 a:hover{color: #fff;}
    .float_toggle_menu li:hover b{transform:rotate(90deg);}
    .float_toggle_menu h3:hover,.float_toggle_menu .sub_m a:hover{background: #000;color: #fff;}

	.navArea{padding-bottom: 00px;}
	.navArea.fixed .hd_bdbox{width: 1200px;margin: auto;display: flex;justify-content:space-between;}
	.navArea.fixed .w1200{margin-top:0;overflow: visible;width: auto;margin: 0}
	.navArea.fixed i{display: none;}
	.navArea.fixed .header_logo_bd span img{margin-top: 16px;}
	.navArea.fixed .header_menu.mt10{margin-top: 22px;}
    .navArea.fixed .header_menu{position: static;}


	.brand_bd .brand_box{height: 120px;background: #fff;}
	.brand_bd .brand_box a{display: block;width: 100%;height: 100%;text-align: center;
		/*文字上下居中对齐*/display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
	.brand_bd .brand_box a img{-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;}
	.brand_bd .brand_box a:hover img{-webkit-transform:scale3d(1.08,1.08,1);transform:scale3d(1.08,1.08,1);}

		/*---------灵感---------*/
		/*.inspiration_bd{display: flex;align-items: stretch;flex-wrap: wrap;position: relative;}
		.inspiration_img{height: 390px;}
		.inspiration_img a img{width: 100%;height: 100%;-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;}
		.inspiration_img a:hover img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
		*/

		.inspiration_bd {}

		.inspiration_bd .inner {z-index: 10;}
		.inspiration_bd ul {position: relative; width: 100%; height: 640px;}
		.inspiration_bd ul > li {position: absolute; overflow: hidden;}
		.inspiration_bd ul > li:nth-child(1) {width: 690px; height: 320px; top: 0; left: 0;}
		.inspiration_bd ul > li:nth-child(2) {width: 510px; height: 320px; top: 0; right: 0;}
		.inspiration_bd ul > li:nth-child(3) {width: 510px; height: 320px; bottom: 0; left: 0;}
		.inspiration_bd ul > li:nth-child(4) {width: 690px; height: 320px; bottom: 0; right: 0;}
		.inspiration_bd ul > li:nth-child(1) img, .inspiration_bd ul > li:nth-child(4) img {width: 100%; height: auto;}
		.inspiration_bd ul > li:nth-child(2) img, .inspiration_bd ul > li:nth-child(3) img {width: 100%; height: 100%;}

        .ins_big_btitle{}
        .inspiration_bd .ins_big_btitle{display: none;position: absolute;right: 50px;bottom: 50px;text-align: right;width: 288px;}
        .inspiration_bd .ins_big_btitle p{font-size: 18px;color:#333;text-align: right;line-height: 26px;text-shadow: 1px 1px rgba(255, 255, 255, 0.6); #fff;}
        .inspiration_bd .ins_big_btitle cite{width: 58px;height: 50px;margin-top: 10px;display: inline-block;}
        .inspiration_bd .ins_big_btitle cite img{width: 58px;height: 50px;}
        .inspiration_bd .ins_big_btitle.hov{display: block;}

		/*---------承诺--------*/
		.ensure_bd{display: flex;justify-content:space-between;text-align: center;}
		/* 页脚 */
		.dispflex{display: flex;justify-content:space-between;flex-direction: row;color: #fff;}
		.foot_t_left{height: 36px;line-height: 36px;}
		.dispflex cite,.dispflex i{width: 12px;height: 17px;display: inline-block;font-size: 0;padding-top: 1px;margin-left: 15px;margin-right: 5px;}
		.dispflex cite img,.dispflex i img{position: relative;vertical-align: bottom;display: block;padding-top: 4px;}
		.foot_t_right{height: 36px;line-height: 36px;}
		.foot_t_right span{padding: 0 0px 0 10px;}
		.foot_t_right i{padding: 0 25px 0 15px;margin: 0 5px;text-align: center;}

		.foot_t_right > span:nth-child(1){display:inline-block;padding: 0 10px 0 0;}
		.foot_t_right em{display:inline-block;font-style: normal;}


		.ensure_bd li{width: 140px;}
		.ensure_bd li h4{font-size: 14px;}
		.ensure_bd li i{width: 112px;height: 112px;display: inline-block;}
		.login_sm_bd{max-width: 1500px;margin: auto;position: relative;
			/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
		.login_y_box{position: absolute;padding: 50px 45px;width: 560px;background: #fff;left: 50%;margin-left: -280px;}
		.login_y_box{border-radius: 0px;z-index: 9;}


		/*-----------------------------通用浮动开始*/
		
		.side-bar a{width:50px;height:50px;display:block;background:#000;position: relative;border-radius:50%;
			/*文字上下居中对齐*/display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
		.side-bar .gotop i{width:24px;height:24px;display:block;}
		.side-bar .gotop i img{float: left;}


		.favorites_list_bd{min-height: 600px;margin: 0;}
		.tx_y_mid{/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
		.fav_nothing_box{text-align: center;width: 200px;margin: auto;}
		.ent_black_btn{color: #fff;display: block;text-align: center;cursor: pointer; height: 52px;line-height: 52px;background: #000;color: #fff;width: 100%;}
		.enjoy_gus_cont,.enjoy_v_cont{padding-top: 30px;padding-bottom: 70px;}
		.enjoy_guess_bd {margin: 0;}
		.view_enjoy_btn{padding: 15px;}


		.crumbs_bd{font-size: 12px;color: #999;margin: 0;}
		.brand_change_list{padding: 0;}
		.brand_change_list i{width: 100%;height: 120px;}

		.inspiration_blur_abo{position: absolute;z-index: 9;width: 500px;height: 200px;left: 50%;top: 50%;margin-left: -250px;margin-top: -100px;backdrop-filter: blur(25px);padding: 20px;
			border: 1px solid rgba(255, 255, 255, 0.3);border-left: 1px solid rgba(0, 0, 0, 0.1);border-top: 1px solid rgba(0, 0, 0, 0.1);}

		.inspiration_blur_abo h3{font-size: 36px;color: #fff;}
		.inspiration_blur_abo span{width: 60px;height: 2px;margin: 20px 0 25px;background: #fff;}
		.inspiration_blur_abo p{font-size: 16px;color: #fff;}

		.inspiration_change_btn{border-bottom: 1px solid #000;display: flex;}
		.inspiration_change_btn a{line-height: 40px;display: block;padding: 0 20px;color: #000;background: #f8f8f8;font-size: 16px;margin-right: 20px;}
		.inspiration_change_btn a:hover,.inspiration_change_btn a.on{color: #fff;background: #000;}

		.enjoy_gus_box cite{display: none;}
		.enjoy_gus_box:hover cite{position: absolute;left: auto;right: 20px;top: 20px; width: 40px;height: 40px;box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.15);background: #fff;z-index: 9;border-radius: 20px;overflow: hidden;text-align: center;
		/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
        .enjoy_gus_box:hover cite:hover{background:#fff url(/images/icon_fav_btn2.svg) no-repeat center;}
        .enjoy_gus_box:hover cite:hover img{opacity: 0.3;}
		.enjoy_gus_box h4{overflow: hidden;padding: 5px 15px;}
		.enjoy_gus_box i{width: 100%;height: auto;float: none;}

		.inspir_bd_ph .enjoy_gus_box cite{display: none;}
		.inspir_bd_ph .enjoy_gus_box h4{overflow: hidden;padding: 8px 15px;height: auto;white-space: pre-wrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
		.inspir_bd_ph .enjoy_gus_box p{padding: 0px 15px 4px;line-height: 20px;height: 44px;}
		.inspir_bd_ph{margin: 0;}
		.inspir_bd_ph .enjoy_gus_box i{width: 100%;height: auto;overflow: hidden;}
        .inspir_bd_ph .enjoy_gus_box i img{-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;}
        .inspir_bd_ph .enjoy_gus_box a:hover i img{-webkit-transform: scale3d(1.08,1.08,1);transform: scale3d(1.08,1.08,1);}
		.inspir_bd_ph .enjoy_gus_box{margin: 0 0px 15px;}
		.enjoy_gus_box i > img{width: 100%;height: auto;}
		.enjoy_gus_box p{padding: 4px 15px 4px;line-height: 22px;height: 52px;}
		.enjoy_gus_box .view_enjoy_btn{overflow: hidden;padding: 15px;}

		.enjoy_gus_box{-webkit-transition:all .25s linear;-moz-transition:all .25s linear;transition:all .25s linear;}
        .enjoy_gus_box:hover{box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);}
		.enjoy_gus_cont .enjoy_gus_box i,.enjoy_v_cont .enjoy_gus_box i{width: 100%;float: none;}
		.enjoy_gus_cont .enjoy_gus_box h4,.enjoy_v_cont .enjoy_gus_box h4{overflow: hidden;padding: 8px 15px;font-size: 16px;}
		.enjoy_gus_cont .enjoy_gus_box p,.enjoy_v_cont .enjoy_gus_box p{padding: 4px 15px;}


		.content_body{margin: auto;}
		.content_bd h1{text-align: center;font-size: 38px;}

		.brand_intro{border-bottom: 1px solid #eee;padding:0 30px 30px;margin: 0px;}
		.brand_intro i{width: 100px;height: 100px;margin-top: -40px;}
		.brand_intro h1{font-size: 14px;color: #999;padding-left: 20px;line-height: 60px;}
		.brand_intro h1 b{font-size: 22px;color: #000;padding-right: 10px;display: inline-block;}
		.intro_leftmenu_bd{width: 228px;margin-right: 30px;display: block;}
		.g_intro{border-bottom: 1px solid #eee;padding:0 0px 50px;position: relative;margin:0;}
		.l_intro{position: relative;display: flex;margin: 0 0px;}
		.intro_search_box{display: flex;justify-content: space-between;font-size: 14px;margin-top: 20px;}
		.intro_orderlist a{display: block;font-size: 12px;line-height: 40px;padding: 0 5px;text-align: center;}
		.intro_orderlist a:hover{background: #000;color: #fff;}
		.intro_orderlist a.on{font-weight: 700;}


		.change_letter_bd ul{padding: 20px 70px;display: flex;position: relative;top: auto;right: auto;height: auto;align-content: center;flex-direction: row;}
		.change_letter_bd a{color: #999;display: inline-block;padding: 0 8px;font-size: 12px;min-width: 26px;text-align: center;}
		.change_letter_bd a.on,.change_letter_bd a:hover{background: #f4f4f4;color: #000;}

		.change_letter_bd li{line-height: 20px;}
		.change_letter_bd a{color: #999;display: inline-block;padding: 0 8px;font-size: 12px;min-width: 26px;text-align: center;line-height: 20px;}
		.change_letter_bd li.active a{background: #f4f4f4;color: #000;}
		.change_letter_bd a.on,.change_letter_bd a:hover{background: #f4f4f4;color: #000;}
		.change_letter_bd .ifmo_h{display: inline-block;}
		.change_letter_bd.fixed ul{padding: 0px;display: flex;justify-content: center;position: fixed;z-index: 99;top: 0;left: 50%;margin-left: 600px;height: 100%;align-content: center;flex-direction: column;}
		.change_letter_bd.fixed li{line-height: 20px;}
		.change_letter_bd.fixed a{color: #999;display: inline-block;padding: 0 8px;font-size: 12px;min-width: 26px;text-align: center;line-height: 20px;}
		.change_letter_bd.fixed li.active a{background: #f4f4f4;color: #000;}
		.change_letter_bd.fixed a.on,.change_letter_bd a:hover{background: #f4f4f4;color: #000;}
		.change_letter_bd.fixed .ifmo_h{display: none;}

		.list_nav_bd{padding:10px 0px 40px;position: relative;z-index: 9;}
		.recommend_bd{position: relative;z-index: 9;background:#fff;padding:0 25px;margin:0 0 25px;}
		.recommend_bd i{width: 210px;height: 140px;background: #E9ECF2;position: relative;margin-top:-20px;margin-right:30px;margin-bottom:25px;display:block;float:left;}
        .recommend_bd i img{width: 210px;height: 140px;}
		.recommend_bd h3{overflow:hidden;font-size: 30px;line-height: 30px;padding: 20px 0;}
		.recommend_bd p{overflow:hidden;font-size: 14px;}

		.product_bd{margin: 30px -5px;}
		.product_bd_box{background: #fff;position: relative;}
		.product_bd_box i{display: block;overflow: hidden;
        /*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
		.product_bd_box i img{max-width:100%;}
		.product_bd_box h4{font-size: 16px;color: #000;line-height: 50px;padding: 0px 15px;display: block;position: relative;z-index: 99;margin-top: -50px;background: rgba(0, 0, 0, 0.3);color: #fff;text-align: left;}

		.product_thumbs_img{display: block;}
        .product_thumbs_img i{height: 110px;display: flex;background: #f7f8fa;text-align: center;align-items: center;justify-content: center;}
		.product_view_bd{display: flex;justify-content: space-between;flex-direction:row;}

		.product_view_box{width: 800px;overflow: hidden;}
		.product_thumbs_img .swiper-slide{border: 2px solid #fff;}
        .product_thumbs_img .swiper-slide-thumb-active{border: 2px solid #000;}
		.product_fouce_img i{width: 800px;height: 560px;display: flex;}
		.product_intro_box{width: 380px;}
		.bgf8{background: #f8f8f8;border: none;}

		.com_intro_box{padding: 25px;}
		.com_exmple_box{padding: 25px;}
		.pro_button_btnbox{display:block;position: static;bottom: auto;left: auto;width: 100%;background: none;padding: 0px;justify-content: flex-end;}
		.com_intro_box a.product_btn{background: #000;color: #fff;margin-top: 20px;width: 100%;line-height: 54px;display: block;text-align: center;margin-left: 0;font-size: 16px;
		/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
		.com_intro_box a.product_btn cite{margin-right: 15px;}
		.com_intro_box a.product_btn cite img{float: left;}
		i.com_logo{width: 80px;height: 80px;padding: 5px;border: 1px solid #ccc;display: block;border-radius: 5px;background: #fff;overflow: hidden;
		/*文字上下居中对齐*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
		i.com_logo img{width: 100%;}
        .com_logobd{display: flex;height: 80px;}
		.com_intro_box h5{margin-top: 50px;}
		.com_intro_box a.product_btn.downbtn{border:none;color:#fff;background: #000;}
        .com_intro_box a.product_btn.mailto{border:2px solid #000;color:#000;background: none;}
        .com_intro_box a.product_btn.mailto span{display: inline-block;}
		h4.little_title_bd{margin-top: 20px;}
        .with_in input{margin-right: 10px;margin-top: 0px;margin-left: 5px;}
        .mo_close{right: -60px;}
        .com_other_xs_copy{--swiper-navigation-color: #000;--swiper-navigation-size: 18px;/* 设置按钮大小 */}
        .ilogo_btnbox{margin-top: 10px;display: flex;justify-content: flex-end;position: relative;}
        .ilogo_btnbox .ilogo_b{position: static;width: 40px;text-align: center;margin:0 0 0 5px;padding: 5px 0;height: 30px;}
        .com_other_xs_copy a{background: #fff;display: flex;width: 75px;height: 75px;align-content: center;align-items: center;}
        .com_other_xs_copy img{max-width: 100%;max-height: 100%;}
        .row.list_ul{margin: 0 -15px;}

        .page_yu{display: flex;justify-content:center;margin-top: 30px;}
        .page_yu a{width: 30px;height: 30px;margin: 3px;display:flex;justify-content: center;align-items: center;color: #777;border: 1px solid #e1e1e1;font-size: 14px;background: #fff;}
        .page_yu a em,.page_yu a span{display: inline-block;margin: 0 2px;display:flex;justify-content: center;align-items: center;}
        .page_yu a:first-child{width: 80px;height: 30px;}
        .page_yu a:last-child{width: 80px;height: 30px;}
        .page_yu a:hover{background: #f6f6f6;}
        .page_yu a.active{color: #000;border: 1px solid #000;}
        .page_yu a.disabled{color: #ccc;}
        .page_yu a.disabled:hover{background: #fff;cursor:default;}
        .page_yu a.disabled em{opacity: 0.3;}
} 
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width:992px) {
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width:1200px) {

}

/* 大屏幕（大桌面显示器，大于等于 1600px） */
@media (min-width:1600px) {
	.w1600{width: 1600px;}
}