@charset "utf-8";
@font-face{font-family:SiyuanFont;src:url('../../fonts/SOURCEHANSANSCN-REGULAR_3.OTF');}
@font-face{font-family:Arial;src:url('../../fonts/ARIAL_2.TTF');}
body{font-family: SiyuanFont, Arial, sans-serif;}
body::-webkit-scrollbar{width:10px;height:1px;}
body::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:#868689;}
body::-webkit-scrollbar-track{box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background:#ededed;}
li{list-style:none;}
:root{--use-sticky-header:1;--use-unsticky-header:0;}
.shopify-section--header{position:-webkit-sticky;position:sticky;}
@media screen and (max-width:640px){.Header__LogoImage{max-width:50px;}}
:root{--header-is-not-transparent:0;--header-is-transparent:1;}
.shopify-section--header{}
.supports-sticky .Search[aria-hidden="true"]+.Header--transparent{box-shadow:0 -1px rgba(255,255,255,0.25) inset;color:#ffffff;}
.Pagination{clear:both;}
@media screen and (max-width:640px){.Pagination__NavItem{padding:6px 10px;letter-spacing:0px;}}
.AnnouncementBar__Content, .AnnouncementBar__Content:hover{margin-left:10px;}

.AnnouncementBar__Wrapper{justify-content:space-between;}
.AnnouncementBar__Wrapper>div{display:flex;}

#section-footer .Container{max-width:1400px;}
.Footer__Block--dl{flex-basis:940px;}
.Footer__Block--dl>dl>dt{border-bottom: 1px #434343 solid;padding-bottom:15px;margin-bottom:15px;}
.Footer__Block--dl>dl>dt a{font-size:16px;font-weight:400;}
.Footer__Block--dl>dl>dt .col-3{display:flex;align-items: center;}
.Footer__Block--dl>dl>dd{font-size:14px;}
.Footer__Block--dl>dl>dd .col-md-4>div{margin-bottom:20px;}
.Footer__Block--dl>dl>dd .Link--icon{font-size:32px;display:none;}
.Footer__Block--erweima{font-size:14px;display:flex;flex-flow:column;align-items:center;justify-content:center;text-align: center;margin-top:48px;}
.Footer__Block--erweima ul{display:flex;justify-content:space-around;font-size:18px;}
.Footer__Block--contact .footer-text-color a:hover{color:#505050;}
@media screen and (max-width:640px){
	.Footer__Block--dl>dl>dt{padding-bottom:10px;margin-bottom:10px;}
	.Footer__Block--dl>dl>dt a{font-size:14px;}
	.Footer__Block--dl>dl>dd .col-md-4{margin-bottom:20px;}
	.Footer__Block--dl>dl>dd .col-md-4>div{margin-bottom:0px;}
	.Footer__Block--dl>dl>dd .col-md-4>p{margin-bottom:5px;}
	.Footer__Block--dl>dl>dd .Link--icon{font-size:16px;display:inline-block;margin-right:10px;}
	.Footer__Block--dl>dl>dd .col-md-2 .Linklist__Item{margin-bottom:5px;}
	.Footer__Block--erweima{font-size:12px;text-align:center;margin-top:0px}
}

#insider_header{margin-top:80px;}
@media screen and (min-width: 641px){
	#insider_header{margin-top:84px;}
}

.pc{display:none;}
.wap{display:block;}
@media (min-width:960px){
    .pc{display:block;}
    .wap{display:none;}
}
.container{overflow:hidden;}

.nei_banner{position:relative;}
.nei_banner>div{position:relative;margin-bottom:30px;overflow:hidden;}
.nei_banner>div>img{opacity:0;}
.nei_banner__Image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;}
.ImageHero--about{padding-bottom:93%;}
.ImageHero--about2{padding-bottom:51%;}
.ImageHero--about3{padding-bottom:67%;}
.about-text{padding:140px 0px 0px 140px;font-size:16px;}
.about-text>h3{font-size:26px;}
.about-text>h5{font-size:16px;font-style: italic;padding-bottom:50px;}
.about-text2{padding:140px 0px 140px 0px}
.about-text3{padding:120px 0px 120px 0px}
.about-image-double{max-width:100%;margin:160px auto 0px;}
.ImageHero--aboutdouble{padding-bottom:51%;}
@media screen and (max-width:640px){
	.about-image-double-container{margin-top:20px;}
	.about-text{padding:20px 15px 0px 15px;font-size:14px;}
	.about-text>h3{font-size:18px;}
	.about-text>h5{font-size:12px;padding-bottom:20px;}
	.about-image-double{margin:0px auto 0px;}
	.about-text2{padding:0px 15px 20px 15px;text-align:left !important;}
	.about-text3{padding:0px 15px 20px 15px;}
}
.history-line{margin:0px 0px 140px 0px;padding:50px 0px 50px 0px;background:url(../../images/home/about/line_bg.png) repeat-y center;overflow:hidden;}
.history-line>ul{background:url(../../images/home/about/line.png) repeat-y center;}
.history-line>ul>li{display:flex;}
.history-line>ul>li>div.title{width:calc(50% + 18px);padding:20px 80px;position:relative;text-align:right;}
.history-line>ul>li>div.title::before{content:'';display:block;width:14px;height:14px;background-color:#191919;border-radius:50%;position:absolute;top:50%;transform:translate(0%,-50%);right:0px;}
.history-line>ul>li>div.title>h3{font-size:36px;font-weight:bold;}
.history-line>ul>li>div.title>h4{font-size:24px;padding:20px 0px;}
.history-line>ul>li>div.title>div.desc{font-size:18px;}
.history-line>ul>li>div.pic{width:calc(50% - 18px);padding:20px 40px;order:1;}
.history-line>ul>li:nth-child(2n)>div.title{text-align:left;}
.history-line>ul>li:nth-child(2n)>div.title::before{left:22px;}
.history-line>ul>li:nth-child(2n)>div.pic{order:0;}
@media screen and (max-width:640px){
	.history-line,.history-line>ul{background:none;}
	.history-line{margin:0px 0px 20px 0px;padding:0px 0px 50px 0px;}
	.history-line>ul>li{flex-wrap:wrap;}
	.history-line>ul>li>div.title,.history-line>ul>li>div.pic{width:100%;}
	.history-line>ul>li>div.title{padding:0px 40px 30px;text-align:left;}
	.history-line>ul>li>div.title>h3{font-size:16px;font-weight:bold;}
	.history-line>ul>li>div.title>h4{font-size:14px;padding:0px 0px;}
	.history-line>ul>li>div.title>div.desc{font-size:12px;border-bottom:1px #ddd dotted;padding-bottom:20px;}
	.history-line>ul>li>div.title::before{display:none;}
	.history-line>ul>li>div.pic{order:0;padding:0px 40px;}
}


.casetype{display:flex;flex-wrap:wrap;margin-bottom:30px;}
.casetype>li{margin-right:30px;margin-bottom:15px;}
.casetype>li>a{display:inline-block;font-size:14px;padding:10px 20px;background-color:#918d8a;color:#FFF;}
.casetype>li>a:hover,.casetype>li>a.set{background-color:#191919;}
@media screen and (max-width:640px){
	.casetype{width:95%;margin:0px auto;}
	.casetype>li{margin-right:5px;margin-bottom:5px;}
	.casetype>li>a{padding:5px 10px;}
}
.ProductList:not([data-desktop-count="2"]) .Grid__Cell .ProductItem:before{display:none;}

.ArticleToolbar{z-index:3;}
.Article__Title{font-size:22px;line-height:30px;}
@media screen and (max-width:640px){
	.Article__Title{font-size:18px;line-height:24px;}
}
@media (min-width: 1281px){
	.Article__Wrapper .Article__Body p img,.Article__Wrapper .Article__Body p video{max-width:100%;min-width:100%;}
}
@media (min-width: 1103px){
	.Article__Wrapper .Article__Body p img,.Article__Wrapper .Article__Body p video{max-width:100%;min-width:100%;}
}

.cms_tran{ -webkit-transition: all .5s  ease-out;transition: all .5s  ease-out;}
.cms_tran_in{ -webkit-transition: all .5s  ease-in;transition: all .5s  ease-in;}

.news li{position:relative;margin-bottom:2.5%;padding:3% 1.5% 4% 4%;border-bottom:1px #9b9b9b solid;/* box-shadow:0px 2px 2px rgba(0,0,0,0.15);-webkit-box-shadow:0px 2px 2px rgba(0,0,0,0.15); */}
.news li .item_init{height:213px;overflow:hidden;padding: 0 480px 0 0px;position: relative; }
.news li .thumb{position:absolute;width:425px;height: 100%;top: 0;overflow: hidden;right:0;}
.news li .thumb a{ position:  absolute; width: 100%; height: 100%;left: 0;top: 0; }
.news li .item_con{}
.news li .item_con .item_tit{font-size:20px;font-weight:300;}
.news li .item_con .item_tit span{font-size:12px;color:#999999; display: block;line-height: 36px;}
.news li .item_con p.reset{margin-top:30px;}
.news li .item_con p,.news li .item_con p a{font-size: 14px;line-height: 2em;height:8em; overflow: hidden;color:#666666 }
.news li .item_more{ padding-top: 15px;color:#c4b89c;font-size:14px;}
.news li .item_more a{color:#c4b89c;font-size:14px;}
.news li:hover{ /* background: #F5F5F5; */ }
.news li:hover .thumb a{-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-o-transform: scale(1.4);-ms-transform: scale(1.4);transform: scale(1.4);}
.Article__Footer{font-size:14px;}
@media screen and (max-width:640px){
	.news li{padding:4px;margin-bottom:4%;}
	.news li .item_init{ height: auto;padding: 180px 15px 0 15px; }
	.news li .thumb{ width: 100%;height: 180px;top: 0;}
	.news li .item_con .item_tit{font-size:16px;}
	.news li .item_con p.reset{margin-top:5px;}
}

/*留言*/
.clear{clear:both;}
.left,.fl{float:left;}
.right,.fr{float:right;}
#cms_feedback{margin-top:15px;margin-bottom:50px;}
#cms_feedback .map{height:400px;border:1px #8f8f90 solid;}
#cms_feedback .left,#cms_feedback .right{width:45%;margin-right:5%}
#cms_feedback .cms_feedback_line::after{content:'';width:160px;height:1px;background:#ff4800;display:none;}
#cms_feedback .cms_feedback_title{font-size:16px;line-height:32px;}
#cms_feedback .cms_feedback_title2{font-size:24px;line-height:32px;font-weight:bold;margin-bottom:40px;}
#cms_feedback .cms_feedback_title3{font-size:20px;line-height:50px;}
#cms_feedback .height40{height:40px;}
#cms_feedback>div>dl>dd{color:#3e3f40;line-height:24px;padding-top:6px;}
#cms_feedback .cms_error{border:1px solid #c63;background:#FFECEC;color:#cb1b05;border-radius:2px;box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
#cms_feedback .cms_error p{margin:0;padding:0;border-bottom:1px dotted #c63;padding:0 12px;line-height:30px;}
#cms_feedback .cms_error p:last-child{border-bottom:0;}
#cms_feedback .cms_tr{width:100%;margin-bottom:30px;clear:both;}
#cms_feedback .cms_td{width:50%;margin-bottom:30px;float:left;}
#cms_feedback .cms_title{position:absolute;left:0;top:0;height:40px;line-height:40px;width:110px;text-align:right;font-size:1.1em;}
#cms_feedback .cms_init{}
#cms_feedback .captcha{position:relative;max-width:413px;}
#cms_feedback .cms_init label{color:#FF6600}
#cms_feedback .cms_init .text{width:100%;max-width:400px;height:40px;line-height:24px;padding:8px 10px;border:1px solid #aaaaaa;border-radius:2px;font-size:14px;}
#cms_feedback .cms_init .textarea{width:100%;max-width:800px;height:120px;line-height:24px;padding:8px 10px;border:1px solid #aaaaaa;border-radius:2px;font-size:14px;}
#cms_feedback .cms_init .text::-webkit-input-placeholder,#cms_feedback .cms_init .textarea::-webkit-input-placeholder{color:#818181;}
#cms_feedback .cms_init .text:focus,#cms_feedback .cms_init .textarea:focus{border-color:#FF6600;}
#cms_feedback .cms_init .captcha_src{height:36px;cursor:pointer;position:absolute;right:2px;top:2px;}
#cms_feedback .cms_init .text.captcha{}
#cms_feedback .cms_submit input{color:#FF6600;font-size:12px;text-align:center;margin-left:10px;padding:8px 50px;border:0;border:1px solid #FF6600;background:none;}
#cms_feedback .cms_submit input:hover{background:#FF6600;color:#fff;}
.form_box h3{font-size:18px;margin-top:20px;width:100%;}
.form_box .tip{color:#FF6600;margin-bottom:25px;width:100%;}
@media screen and (max-width:640px){
	#cms_feedback{margin-top:0px;margin-bottom:20px;}
	#cms_feedback .map{height:300px;}
	#cms_feedback .left,#cms_feedback .right{width:100%;margin-right:0%}
	#cms_feedback .cms_feedback_title,#cms_feedback .cms_feedback_title2{font-size:16px;line-height:30px;margin-bottom:10px;}
	#cms_feedback .height40{height:10px;}
	#cms_feedback .height40_{height:80px;}
	#cms_feedback>div>dl{margin-top:30px;}
	#cms_feedback>div>dl>dd{font-size:14px;line-height:14px;letter-spacing:0px;}
	#cms_feedback .cms_td{width:100%;}
	#cms_feedback .cms_init label{width:5%;display:inline-block;}
	#cms_feedback .cms_init .text,#cms_feedback .cms_init .textarea{max-width:90%;}
	#cms_feedback .cms_submit input{width:100%;margin-left:0px}
	#cms_feedback .row{margin-left:0px;margin-right:0px;}
	.form_box h3{font-size:16px;margin-top:10px;}
	.form_box .tip{font-size:14px;}
}

.ImageHero--aboutdouble2{padding-bottom:38%;}

/* 设计师 */
.breadcrumb_my{padding:1.25rem 1.375rem;}
.breadcrumb_my a{font-size:0.8125rem;line-height:1.7692307692;letter-spacing:.0384615385em;display:inline-block;margin-right:0.625rem;}
.breadcrumb_my a:not(:last-child):after{content:'>';display:inline-block;margin-left:0.9375rem;transform:scaleX(0.5);}
.breadcrumb_my a:last-child{color:#73726e;}
.section_my:not(.section--solid){margin-top:3.75rem;margin-bottom:3.75rem;}
.circle-image{width:150px;border-radius:50%;overflow:hidden;height:150px;margin-top:3.75rem;}
.circle-image img{height:100% !important;width:100% !important;max-width:none;font-family:"object-fit:cover;object-position:center";-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;}
.text-centered{padding-left:1.875rem;padding-right:1.875rem;text-align:center;width:auto;}
.text-centered .rich-text{max-width:46.875rem;margin:0 auto;}
.rich-text h2,.rich-text .header-2{font-size:4vw;line-height:1.34375;letter-spacing:.125em;font-weight:bold;font-style:normal;text-transform:uppercase;margin-bottom:0.6em;}
.rich-text p,.rich-text .body-normal{font-size:0.875rem;line-height:1.7142857143;letter-spacing:.05em;margin-bottom:1.5em;}
.rich-text .body-small{font-size:0.8125rem;line-height:1.7692307692;letter-spacing:.0384615385em;}
.text-button{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.125rem;cursor:pointer;display:inline-block;color:currentColor;padding-left:2.1875rem;position:relative;transition:padding 0.3s ease;}
.text-button::before{content:'';display:inline-block;position:absolute;left:0;top:50%;width:1.5625rem;height:0.0625rem;background:currentColor;vertical-align:middle;margin-right:0.625rem;transition:padding 0.3s ease;}
.text-button:hover{color:currentColor;padding-left:2.8125rem;}
.text-button:hover:before{width:2.1875rem;color:currentColor;}
.text-button--small{font-size:0.6875rem;font-weight:400;}
.ids-solutions__list.swiper-wrapper{display:flex;visibility:visible;align-items:stretch;max-width:100%;}
.ids-solutions__list.swiper-wrapper li{height:auto;padding:0 0.3125rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;}
.ids-solutions__list.swiper-wrapper li .circle-image{margin-top:0px}
.ids-solutions__list.swiper-wrapper li p{font-size:0.875rem;line-height:1.7142857143;letter-spacing:.2142857143em;font-weight:bold;font-style:normal;text-transform:uppercase;margin:1.25rem 0;}
.button--secondary{text-transform:uppercase;border:0.0625rem solid #222;color:#222;padding:0.4375rem 0.8125rem;letter-spacing:0.0625rem;min-height:0;line-height:0.9rem;font-size:0.6875rem;}
.swiper-container:not(.-single-image):not(.-thumbnails) .swiper-slide{position:relative;text-align:center;display:flex;height:100%;flex-shrink:0;align-items:center;justify-content:center;}
.swiper-container:not(.-single-image):not(.-thumbnails) .swiper-slide img[src]{visibility:visible;}
.feature{position:relative;background:#d1c0a5;overflow:hidden;}
.feature__container{display:flex;flex-wrap:wrap;}
.feature *{box-sizing:border-box;}
.feature--color{color:#222;}
.feature__image{width:100%;order:1;}
.feature__image--s-left{padding-left:0rem;padding-bottom:2.1875rem;}
.image-with-caption{height:100%;flex-direction:column;justify-content:flex-end;overflow:hidden;margin:0px;}
.feature__image picture{width:100%;height:100%;}
.feature__text{padding:0 2.1875rem 4.0625rem;width:100%;order:2;}
.feature__image--full-height img,.feature__image--full-height .video{min-height:100%;height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;}
.feature__text h1,.feature__text h2,.feature__text h3,.feature__text .form-fieldset .form-legend,.form-fieldset .feature__text .form-legend{font-size:4vw;line-height:1.44;letter-spacing:.1em;font-weight:bold;font-style:normal;text-transform:uppercase;margin-bottom:0}
.feature__text h4{margin-bottom:1.5625rem;}
.feature__text>div,.feature__text>p{width:100%;margin-bottom:0.9375rem;font-size:14px;}
.text-steps-image{display:flex;flex-wrap:wrap;position:relative;background-color:#d1c0a5;}
.text-steps-image__title{padding:2.5rem 1.5625rem 1.125rem;}
.text-steps-image__text{width:100%;align-self:flex-start;}
.text-steps-image__text h2{font-size:4vw;line-height:1.5217391304;letter-spacing:.1304347826em;font-weight:bold;font-style:normal;text-transform:uppercase;}
.text-steps-image .step{counter-increment:text-step-counter;}
.text-steps-image .step__number{padding:0.5rem 1.5625rem 0;}
.text-steps-image .step__number h3,.text-steps-image .step__number .form-fieldset .form-legend,.form-fieldset .text-steps-image .step__number .form-legend{font-size:2.25rem;padding-right:1.25rem;}
.text-steps-image .step__number h3 sup,.text-steps-image .step__number .form-fieldset .form-legend sup,.form-fieldset .text-steps-image .step__number .form-legend sup{font-size:0.625rem;vertical-align:top;position:relative;top:0.625rem;letter-spacing:.15em;}
.text-steps-image .step__number h3:after,.text-steps-image .step__number .form-fieldset .form-legend:after,.form-fieldset .text-steps-image .step__number .form-legend:after{content:counter(text-step-counter,decimal-leading-zero);}
.text-steps-image .step__content{padding:0.5rem 1.5625rem .0625rem;}
.rich-text h4,.rich-text .header-4{font-size:0.875rem;line-height:1.7142857143;letter-spacing:.2142857143em;font-weight:bold;font-style:normal;text-transform:uppercase;margin-bottom:0.5em;}
.rich-text .body-small{font-size:0.8125rem;line-height:1.7692307692;letter-spacing:.0384615385em;}
.text-steps-image__link{padding:3.4375rem 1.5625rem;}
.text-steps-image__image{width:100%;height:100%;}
.text-steps-image__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;}
.design-features{padding:3.75rem 0rem 3.75rem;}
.pdp-headline{font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;line-height:1.2307692308;padding: 0.5rem 1.5625rem .0625rem;}
.design-features__container{position:relative;padding-left:0rem;display:flex;flex-direction:column;}
.design-features .image-with-caption figcaption{margin-left:1.875rem;margin-bottom:1.875rem;}
.design-features__features{position:relative;left:0;top:0;background:#d1c0a5;padding:3.125rem 2.8125rem;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;color:#535353;}
.design-features__feature{display:flex;margin-bottom:1.5625rem;flex-wrap: wrap;}
.design-features__feature:before{content:'•';margin-right:.5625rem;color:#535353;font-size:0.8125rem;line-height:1.125rem;/* opacity:.4; */transition:opacity .5s ease;}
.design-features__feature__title{display:block;color:currentColor;font-size:0.8125rem;line-height:1.125rem;letter-spacing:0.0938rem;text-transform:uppercase;font-weight:normal;cursor:pointer;/* opacity:.4; */transition:opacity .5s ease;}
.design-features__feature.active .design-features__feature__title,.design-features__feature.active:before,.design-features__feature a.design-features__feature__title:hover{opacity:1;color:#fff;}
.design-features__feature.active:before{color:#fff}
.design-features__feature__description{background:#fbfbfb;color:#222;position:static;top:0;left:100%;box-sizing:border-box;margin-top:.8rem; padding:.75rem .8125rem;font-size:0.875rem;letter-spacing:0.0625rem;line-height:1.375rem;display:none;}
.design-features__feature.active .design-features__feature__description{display:block;}

@media (min-width:64em){
	.breadcrumb_my{padding-left:clamp(1.25rem,1.953125vw,2.5rem);padding-right:clamp(1.25rem,1.953125vw,2.5rem);}
	.rich-text h2,.rich-text .header-2{font-size:2rem;}
	.ids-solutions__list.swiper-wrapper{justify-content:center;}
	.ids-solutions__list.swiper-wrapper li{max-width:15.625rem;flex:1 1 250px;padding:0 1.875rem;}
	.feature__image--s-left{padding-left:2.1875rem;padding-bottom:0rem;}
	.feature__container{flex-wrap:nowrap;align-items:stretch;}
	.feature__image{width:calc((100% / 3) * 2);max-width:calc(100% - 26.25rem);padding:0;}
	.feature__text{min-width:26.25rem;display:flex;align-content:center;flex-wrap:wrap;order:1;width:calc(100% / 3);padding:0 calc(3% + 7.5rem) 10rem 3.125rem;}
	.feature--space-top--m--double{padding-top:7.5rem !important;}
	.feature__text h1,.feature__text h2,.feature__text h3,.feature__text .form-fieldset .form-legend,.form-fieldset .feature__text .form-legend{font-size:1.5rem;}
	.feature__text>div,.feature__text>p{margin-bottom:1.25rem;}
	.text-steps-image{display:block;background-color:#d1c0a5;}
	.text-steps-image__title{padding:5rem 1.5625rem 5rem 8.125rem;}
	.text-steps-image__text{width:50%;min-width:28.125rem;}
	.text-steps-image__text h2{font-size:1.5rem;}
	.text-steps-image .step{display:flex;}
	.text-steps-image .step__number{padding:0 0 1.125rem;flex:0 0 6.5625rem;text-align:right;}
	.text-steps-image .step__content{padding:0.5rem 3.75rem 4.0625rem 1.5625rem;}
	.text-steps-image .step__content{padding:0.5rem 1.5625rem 4.0625rem;}
	.text-steps-image__link{padding:3.4375rem 1.5625rem 3.4375rem 8.125rem;}
	.text-steps-image__image{width:50%;max-width:calc(100% - 28.125rem);position:absolute;top:0;right:0;bottom:0;}
	.design-features{padding:3.75rem 3.75rem 3.75rem;}
	.pdp-headline{font-size:2.5rem;line-height:1.2;padding:0;}
	.design-features__container{flex-direction:column-reverse;padding-left:10.625rem;margin-bottom:0rem}
	.design-features .image-with-caption figcaption{margin-left:0;}
	.design-features__features{position:absolute;width:18.125rem;flex-direction:row;}
	.design-features__feature{width:100%;}
	.design-features__feature__description{position:absolute;top:0;left:100%;width:18.125rem;min-width:18.125rem;margin-top:0rem;padding:3.75rem 2.8125rem;}
}

.product{width:90%;max-width:1400px;margin:0 auto;/* overflow:hidden; */}
.product-slider{text-align:center;padding:50px 0px;}
.product-slider h1{margin-bottom:40px;font-weight:300;font-size:46px;line-height:60px;letter-spacing:0;}
@media screen and (max-width: 768px) {
    .product-slider{padding:20px 0px;}
    .product-slider h1{margin-bottom:20px;font-size:20px;line-height:24px;}
}
.product-header{display:inline-block;margin:0px auto;text-align:left;}
.product-header::after{content:'';display:block;clear:both;}
.product_select{float:left;width:242px;margin:0 5px;border:1px solid #1e1e1e;height:22px;padding:13px 24px 13px 20px;padding-right:22px;background:url(../../images/home/arrow-down-black.svg) no-repeat #fff 240px center;position:relative;cursor:pointer;box-sizing:content-box !important;}
.product_select dl{position:absolute;z-index:1;width:calc(100% + 2px);left:-1px;top:48px;display:none;border:1px solid #1e1e1e;background:#efefef;padding:10px 0;}
.product_select em,.product_select dd{font-size:14px;font-style:normal;padding-left:8px;line-height:20px;display:block;height:22px;}
.product_select dd{cursor:pointer;padding: 6px 24px 6px 20px;}
.product_select dd a{display:block;text-decoration:none;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;color:#7d7d7e;}
.product_input{float:left;width:242px;margin:0 5px;border:1px solid #1e1e1e;height:50px;position:relative;}
.product_input input{height:100%;line-height:50px;padding:0 20px;background-color:#fff;border:none;width:calc(100% - 40px);font-size:14px;font-weight:400;font-family:'Raleway',sans serif;color:#1e1e1e;}
.product_input .search-btn{position:absolute;right:0;top:0;width:50px;height:100%;background-color:#fff;border:none;text-align:left;cursor:pointer;display:flex;justify-content:center;align-items:center;}
@media only screen and (max-width: 767px) {
    .product-header{width:100%;}
    .product_select{float:none;margin:0px auto 10px auto;padding:10px 20px 10px 10px;}
    .product_input{float:none;width:272px;height:44px;margin:0px auto 10px auto;}
}

.style_main{width:100%;min-height:300px;}
.style_main ul{margin:0 -13px;}
.style_main li{width:25%;float:left;}
.style_main ul{margin:0 -13px;}
.style_main li .style_box{margin:0 13px;position:relative;}
.style_main li .style_box > a{display:block;width:100%;margin-bottom:26px;overflow:hidden;}
.style_main li .style_box > a img{width:100%;height:100%;}
.style_inner_cover{position:absolute;left:0;top:0;width:100%;background:rgba(51,49,55,0.5);opacity:0;overflow:hidden;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;}
.style_inner_cover > i{color:#fff;font-size:12px;padding-top:18px;display:block;position:absolute;bottom:22px;text-align:center;width:100%;left:0;}
.icon_header{text-align:center;margin:0 auto;position:relative;color:#fff;padding-top:45px;}
.icon_header a{display:inline-block;width:24px;height:24px;float:left;}
.icon_header > .aBox{display:inline-block;width:24px;height:24px;float:left;position:relative;}
.icon_header > .aBox > a{position:absolute;z-index:20;left:0;top:0;opacity:1;}
.icon_header > .aBox embed{position:absolute;z-index:10;left:0;top:0;}
.style_inner_cover span{margin:0 24px;width:1px;height:24px;display:inline-block;background:#fff;float:left;}
.style_inner_cover > a{display:block;position:absolute;z-index:40;left:0;top:0;width:100%;height:100%;}
.style_box dl{text-align:center;}
.style_box dl dt{position:relative;line-height:24px;font-size:14px;margin-bottom:10px;padding:20px 0px;}
.style_box dl dt a{color:#555;font-weight:300;font-family:Arial;}
.style_box dl dt a:hover{color:#b1b0ae;}
.style_box dl dt i{position:absolute;display:block;width:100%;height:1px;background:#8b7668;left:0%;;top:0;}
.style_box dl dd{font-size:12px;color:#858585;line-height:1.7em;height:3.4em;overflow:hidden;margin-bottom:40px;}
.txt_list_imgbox{padding-bottom:20px;}
.txt_list_imgbox,.txt_list_imgbox a{color:#000;font-weight:bold;}
.txt_list_imgbox a{display:inline-block;padding-bottom:2px;border-bottom:1px solid #000;font-weight:normal;}
.icon_header .share_slide{right:auto;left:230px;padding-top:8px;}
.icon_header .share_slide a{margin-left:8px;}
.style_main li.on .icon_header .share_slide{left:20px;}
.style_main h4{margin:24px 0 70px;text-align:center;}
.style_main li:hover .style_inner_cover{opacity:1;}
.sear_pro_list{float:none;width:100%;margin:20px 0 0;}
.sear_pro_list li{width:25%;*+margin-left:-1px;}
.style_list ul{margin:0;padding-bottom:30px;}
.style_list li{width:100%;margin-bottom:40px;}
.style_box_list{width:100%;}
.style_box_list > a{display:block;width:50%;margin-right:68px;float:left;}
.style_box_list > a img{width:100%;height:auto;}
.style_box_list h5{float:left;padding-top:24px;margin-right:46px;width:120px;}
.style_box_list h5 i{display:block;width:35px;height:2px;background:#000000;margin-bottom:24px;}
.style_box_list h5 em{line-height:20px;color:#000;font-family:Arial;font-weight:normal;display:block;}
.style_box_list h5 span{font-size:20px;color:#333137;font-weight:normal;line-height:32px;display:block;width:4em;overflow:hidden;}
.star_wrap{background-position: center;background-repeat: no-repeat;background-size: cover;}
@media only screen and (max-width: 1023px) {
    .style_main h4,.style_box dl dd {  margin-bottom:40px;}
    .style_main{margin-left:auto;margin-right:auto;width:800px;}
    .style_box_list > a{margin-right:35px;}
    .style_box_list h5{margin-right:40px;}
    .text_list{width:214px;padding-top:40px;}
    .style_box_list h5 i{margin-bottom:20px;}
    .style_box_list h5{padding-top:20px;}
    .txt_list_more{width:100%;}
    .style_box_list h5 span{font-size:18px;}
    .style_inner_cover{ display:none;}
}
@media only screen and (max-width: 767px) {
    .style_main{margin-left:0px;}
    .style_main li .style_box > a{margin-bottom:10px;}
    .style_dot{display:none;}
    .style_main{width:100%;}
    .style_main li{width:50%;}
    .style_main ul{margin:0 -5px;}
    .style_main li .style_box{margin:0 5px;}
    .other_main{padding:0;}
    .style_box_list > a{margin-right:0px;}
    .style_box_list h5{margin-right:0px;}
    .style_list li{width:100%;margin-bottom:20px}
    .style_box_list > a{width:100%;float:none;}
    .style_box_list h5{float:none;}
    .text_list{padding-top:10px;float:none;width:100%;}
    .style_main > h4 img,.about_main .about_part1 h4 img,.about_part_c img,.about_part4 > img{display:none;}
    .style_main > h4 span,.style_l h4 span,.about_main .about_part1 h4 span,.about_part_c span,.about_part4 > span{font-size:16px;font-weight:normal;display:block;}
    .style_inner_cover { padding-top:20px;}
}

.product-slider{text-align:center;padding:50px 0px;}
.product-slider h1{margin-bottom:40px;font-weight:300;font-size:30px;line-height:60px;letter-spacing:0;}
@media screen and (max-width: 768px) {
    .product-slider{padding:20px 0px;}
    .product-slider h1{margin-bottom:20px;font-size:20px;line-height:24px;}
}
.product-header{display:inline-block;margin:0px auto;text-align:left;}
.product-header::after{content:'';display:block;clear:both;}
.product_select{float:left;width:200px;margin:0 5px;border:1px solid #1e1e1e;height:22px;padding:12px 24px 12px 20px;padding-right:22px;background:url(../../images/home/arrow-down-black.svg) no-repeat 240px center;position:relative;cursor:pointer;}
.product_select dl{position:absolute;z-index:1;top:48px;background:#fff;display:none;border:1px solid #1e1e1e;background:#efefef;padding:10px 0;}
.product_select em,.product_select dd{font-size:14px;font-style:normal;padding-left:8px;line-height:20px;display:block;height:22px;}
.product_select dd{cursor:pointer;padding:0px;height:auto;min-height:22px;margin-bottom:0}
.product_select dd>div{padding: 0px 24px 0px 20px;}
.product_select dd a{display:block;padding: 6px 24px 6px 20px;text-decoration:none;transition:all 0.6s cubic-bezier(0.215,0.61,0.355,1) 0s;color:#7d7d7e;}
.product_input{float:left;width:242px;margin:0 5px;border:1px solid #1e1e1e;height:48px;position:relative;}
.product_input input{height:100%;line-height:48px;padding:0 20px;background-color:#fff;border:none;width:calc(100% - 40px);font-size:14px;font-weight:400;font-family:'Raleway',sans serif;color:#1e1e1e;}
.product_input .search-btn{position:absolute;right:0;top:0;width:50px;height:100%;background-color:#fff;border:none;text-align:left;cursor:pointer;}
@media only screen and (max-width: 767px) {
    .product-header{width:100%;}
    .product_select{float:none;width:240px;margin:0px auto 10px auto;padding:10px 20px 10px 10px;}
    .product_input{float:none;width:272px;height:44px;margin:0px auto 10px auto;}
}

/*pro-view*/
.product-view{padding:50px 0;min-height:450px;width:90%;max-width:1400px;margin:0px auto 0px;}
.product-view .swiper{overflow:hidden;float:left;width:55%;}
.product-view .swiper .vertical{width:20%;}
.product-view .swiper .vertical ul li:hover{opacity:0.5;}
.product-view .swiper .swiper-container{position: relative;padding:0px 40px 50px 40px;}
.product-view .swiper .swiper-container .swiper-wrapper{text-align:center;}
.product-view .swiper .swiper-container .swiper-wrapper .swiper-slide{cursor:pointer;}
.product-view .swiper .swiper-container .swiper-wrapper .swiper-slide img{display:unset;}
.product-view .swiper .vertical img{width:90px;cursor:pointer;}
.product-view .swiper .vertical .current img{opacity:0.5!important;}
.product-view .swiper-list{width:76%;overflow:hidden;margin:0 2%;}
.product-view .swiper-list ul{width:800%;position:relative;left:0;transition:ease-in-out all 0.7s;}
.product-view .swiper-list ul li{width:12.5%;}
.product-view .swiper-list ul li img{width:100%;}
.product-view .detail{float:left;width:45%;padding:0 0 0 50px;}
.product-view .detail h1{margin:30px 0 20px 0;font-size:24px;}
.product-view .detail aside{margin:20px 0px;padding:10px 0px;border-top: 1px solid #717171;font-size:14px;}
.product-view .detail .header{font-size:1em;font-weight:600;margin:.5em 0;}
.product-view .detail .swatch-element{display:flex;flex-wrap:wrap;}
.product-view .detail .swatch-element>div{width:80px;height:80px;margin:0px 10px 10px 0px;background-position:center;background-repeat:no-repeat;background-size:contain;border: #ccc 1px solid;}
.product-view .detail .swatch-element>div.action{-webkit-box-shadow:0 1px 10px rgb(0 0 0 / 40%);-moz-box-shadow:0 1px 10px rgba(0,0,0,.4);box-shadow:0 1px 10px #0006;}
.product-view .detail .swatch-element>label{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;float:left;min-width:50px!important;height:40px!important;margin:0;border:#ccc 1px solid;background-color:#ddd;font-size:14px;text-align:center;line-height:40px;white-space:nowrap;/* text-transform:uppercase; */margin:0 10px 10px 0;padding:0 10px;}
.product-view .Section--spacingNormal{font-size:16px;line-height:22px;}
.product-view .Section--spacingNormal .u-h3{margin:40px 0 20px;text-transform:uppercase;}
.product-view .Section--spacingNormal img{display:block;margin:0px auto;}
.AspectRatio>img, .no-js .AspectRatio>noscript img{height:auto !important;}
@media screen and (max-width: 768px) {
    .product-view .swiper .vertical ul li{float:left;}
    .product-view .swiper{float:none;width:100%!important;}
    .product-view .swiper .vertical{width:100%;}
	.product-view .swiper .swiper-container{padding:50px 40px 50px 40px;}
    .product-view .swiper-list{width:100%;}
    .product-view{margin-top:45px;}
    .product-view{padding:0 0px 30px 0px;}
    .product-view .w50{width:100%!important;}
	.product-view .detail{float:none;width:100%!important;padding:0 0 0 0px;}
    .product-view .detail h1{font-size:22px;font-weight:400;}
    .product-view{min-height:auto;}
	.product-view .Section--spacingNormal .Container{padding:0 0px;font-size:14px;}
}
.proDownMoveRight,.proDownMoveLeft{font-size:14px;margin:20px 0px 0px;}
.product-view .swiper-button-next,.product-view .swiper-button-prev{width:18px;height:30px;background-size:18px 30px;}
.swiper-pagination-bullet-active{background:#000 !important;}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") !important;}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") !important;}

#insiderBase{padding-top:20px;position:relative;min-height:500px;padding-bottom:50px;}


.prolist{padding-top:40px;padding-bottom:40px;}
.prolist>li{display:flex;justify-content:space-between;margin-bottom:20px;}
.prolist>li>span.l{width:calc(30% - 20px);background:#f4f4f4;padding:50px 19px;text-align:right;font-weight:300;}
.prolist>li>span.l p{font-size:14px;}
.prolist>li>span.r{width:70%;}
.prolist>li>span.r img{width:100%;}
@media screen and (max-width: 768px) {
	.prolist>li>span.l{width:calc(40% - 10px);padding:20px 10px;}
	.prolist>li>span.l h1,.prolist>li>span.l h2{font-size:14px;}
	.prolist>li>span.l p{font-size:12px;}
	.prolist>li>span.r{width:60%;}
}

/*列表样式-18*/
.cms_case18_search{overflow: hidden;padding:25px 0px 25px 25px;}
.cms_case18_search>form{position: relative;}
.cms_case18_search input.cms_case18_search_input{border-top:none;border-left:none;border-right:none;border-bottom: 1px #877162 solid;height: 24px;line-height: 24px;width:100%;}
.cms_case18_search input.cms_case18_search_input::-webkit-input-placeholder{font-family:Arial,sans-serif;}
.cms_case18_search input.cms_case18_search_input:-moz-placeholder{font-family:Arial,sans-serif;}
.cms_case18_search input.cms_case18_search_input::-moz-placeholder{font-family:Arial,sans-serif;}
.cms_case18_search input.cms_case18_search_input:-ms-input-placeholder{font-family:Arial,sans-serif;}
.cms_case18_search button.cms_case18_search_btn{position:absolute; width: 24px;height: 24px;background: none;border: none;right:0px;top:0px;background: url(../images/home/search_product.png) center center no-repeat #fff;}
.cms_case18_menu>dt{padding:0px 25px 25px 25px;font-size:12px;color:#877162;float:left;width:250px;font-family: Arial, sans-serif;font-weight:400;}
.cms_case18_menu>dd{}
.cms_case18_menu>dd ul{margin-left: 2em;}
.cms_case18_menu>dd li{padding: 5px 0px;position: relative;}
.cms_case18_menu>dd li a{font-size:12px;color:#656565;display: inline-block;position: relative;font-weight:300;}
.cms_case18_menu>dd li.current>a,.cms_case18_menu>dd li>a:hover{color:#877162;font-weight:bold;}
.cms_case18_menu>dd li a::after{position:absolute;content:'';width:0;height:1px;right:50%;left:50%;bottom:0;background:#877162;-webkit-transition:all .6s cubic-bezier(0.76,.015,.41,1);-moz-transition:all .6s cubic-bezier(0.76,.015,.41,1);-o-transition:all .6s cubic-bezier(0.76,.015,.41,1);-ms-transition:all .6s cubic-bezier(0.76,.015,.41,1);transition:all .6s cubic-bezier(0.76,.015,.41,1);}
.cms_case18_menu>dd li a:hover:after{width:100%;right:0;left:0}
.cms_case18_menu>dd li>span{display:block;float:right;width:12px;height:12px;margin-top:4px;margin-right:4px;background: url(../images/home/add_icon.png) no-repeat center;background-size: cover}
.cms_case18_menu>dd li.on>span{background-image: url(../images/home/reduce_icon.png)}
.cms_case18_menu>dd li>ul{display: none;margin-top: 10px;margin-bottom: 10px;}
.cms_case18_menu>dd li.on>ul{display: block;margin-left: 0px}
ul.cms_case18{margin-top:50px;padding-left:18px;display:flex;flex-wrap:wrap;}
.cms_case18 li{width:33.33%;}
.cms_case18_5 li{width:16.66%;}
.cms_case18 li .thumb{ position: relative;padding-top:56%;overflow: hidden;margin:0px 20px 5px 20px;}
.cms_case18 li .thumb a{ position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.cms_case18 li .thumb .bgcolor{ position: absolute;left: 0;top: 0; background: #000;opacity: 0;width: 100%;height: 100%;}
.cms_case18 li .thumb .mask{ position: absolute;left: 30px;top: 30px;right: 30px;bottom: 30px; }
.cms_case18 li .thumb .mask i.line_l{ position: absolute;height: 0;width: 1px;background: #ffffff;left: 0;bottom: 0;}
.cms_case18 li .thumb .mask i.line_t{ position: absolute;width: 0;height: 1px;background: #ffffff;left: 0;top: 0;}
.cms_case18 li .thumb .mask i.line_r{ position: absolute;height: 0;width: 1px;background: #ffffff;right: 0;top: 0;}
.cms_case18 li .thumb .mask i.line_b{ position: absolute;width: 0;height: 1px;background: #ffffff;right: 0;bottom: 0;}
.cms_case18 li .thumb h4{ -webkit-transition-delay: .2s;transition-delay: .2s; transform: rotate(8deg); opacity: 0; color: #ffffff;position: absolute;height: 30px;line-height: 30px;top: 40%;margin-top: -15px;left: 15%;overflow: hidden;width: 70%;text-align: center;font-size: 0.8em;font-weight: normal;}
.cms_case18 li .thumb h4.odd{ transform: rotate(-8deg); }
.cms_case18 li:hover .thumb .bgcolor{ opacity: 0.6;}
.cms_case18 li:hover .thumb .mask i.line_l,.cms_case18 li:hover .thumb .mask i.line_r{ height: 100%;}
.cms_case18 li:hover .thumb .mask i.line_t,.cms_case18 li:hover .thumb .mask i.line_b{ width: 100%;}
.cms_case18 li:hover .thumb h4{ opacity: 1;top: 50%;transform: rotate(0);}
.cms_case18_title{display:block;text-align:center;font-size:12px;line-height:42px;color:#2e2e2e;padding:20px 0px;border-top:1px #877162 solid;margin:20px;min-height:80px;}
.cms_case18_title>span{display:block;font-size:12px;line-height:24px;color:#909090;}
.cms_case18 li .thumb .bg_pic{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;}
.cms_case18 li:hover .thumb .bg_pic{opacity:1;}
.cms_case18_comm_content{margin:20px 0px 0px 40px;}
@media screen and (max-width: 768px) {
	.cms_case18_search{display:none;}
	.cms_case18_search input.search{width:100%;}
	.cms_case18_menu{padding-bottom:25px;border-bottom:1px #877162 dotted;margin: 0px 25px;}
	.cms_case18_menu>dt{display:none;}
	.cms_case18_menu>dd{float:none;}
	.cms_case18_menu>dd li{margin:1% 1.5%;padding:0;float:left;}
	.cms_case18_menu>dd li>span{display:block;float:right;width:16px;height:16px;margin-top:4px;background: url(../images/home/add_icon.png) no-repeat center;background-size: cover}
	.cms_case18_menu>dd li.on>span{background-image: url(../images/home/reduce_icon.png)}
	.cms_case18_menu>dd ul{margin-left: 0px;}
	.cms_case18_menu>dd li>ul{display: none;}
	.cms_case18_menu>dd li.on>ul{display: block;}
	.cms_case18_menu>dd>ul>li>ul>li{width:auto;margin:1% 0.5%;}
	.cms_case18_menu>dd>ul>li>a{font-size:14px;line-height:24px;display:inline-block;}
	.cms_case18_menu>dd>ul>li>ul>li>a{font-size:12px;border:1px #656565 solid;line-height:24px;display:inline-block;padding:0px 10px;}
	.cms_case18_menu>dd li.current>a{color:#877162;}
	.cms_case18_title{ font-size: 14px;line-height: 24px; margin: 5px;padding:5px 0px;min-height:50px;}
	.cms_case18_title>span{font-size: 12px;}
	ul.cms_case18{margin:25px 0px;padding:0px 20px;width:100%}
	.cms_case18 li{ width: 50%;}
	.cms_case18 li .thumb{margin:0px 5px 5px 5px;}
	.product_box_content{min-height: auto}
}


.layui-row:after,.layui-row:before{content:'';display:block;clear:both}
.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9,.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9,.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9,.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9{position:relative;display:block;box-sizing:border-box}
.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9{float:left}
.layui-col-xs1{width:8.33333333%}
.layui-col-xs2{width:16.66666667%}
.layui-col-xs3{width:25%}
.layui-col-xs4{width:33.33333333%}
.layui-col-xs5{width:41.66666667%}
.layui-col-xs6{width:50%}
.layui-col-xs7{width:58.33333333%}
.layui-col-xs8{width:66.66666667%}
.layui-col-xs9{width:75%}
.layui-col-xs10{width:83.33333333%}
.layui-col-xs11{width:91.66666667%}
.layui-col-xs12{width:100%}
.layui-col-xs-offset1{margin-left:8.33333333%}
.layui-col-xs-offset2{margin-left:16.66666667%}
.layui-col-xs-offset3{margin-left:25%}
.layui-col-xs-offset4{margin-left:33.33333333%}
.layui-col-xs-offset5{margin-left:41.66666667%}
.layui-col-xs-offset6{margin-left:50%}
.layui-col-xs-offset7{margin-left:58.33333333%}
.layui-col-xs-offset8{margin-left:66.66666667%}
.layui-col-xs-offset9{margin-left:75%}
.layui-col-xs-offset10{margin-left:83.33333333%}
.layui-col-xs-offset11{margin-left:91.66666667%}
.layui-col-xs-offset12{margin-left:100%}
@media screen and (max-width:768px){
	.layui-hide-xs{display:none!important}
	.layui-show-xs-block{display:block!important}
	.layui-show-xs-inline{display:inline!important}
	.layui-show-xs-inline-block{display:inline-block!important}
}
@media screen and (min-width:768px){
	.layui-container{width:750px}
	.layui-hide-sm{display:none!important}
	.layui-show-sm-block{display:block!important}
	.layui-show-sm-inline{display:inline!important}
	.layui-show-sm-inline-block{display:inline-block!important}
	.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9{float:left}
	.layui-col-sm1{width:8.33333333%}
	.layui-col-sm2{width:16.66666667%}
	.layui-col-sm3{width:25%}
	.layui-col-sm4{width:33.33333333%}
	.layui-col-sm5{width:41.66666667%}
	.layui-col-sm6{width:50%}
	.layui-col-sm7{width:58.33333333%}
	.layui-col-sm8{width:66.66666667%}
	.layui-col-sm9{width:75%}
	.layui-col-sm10{width:83.33333333%}
	.layui-col-sm11{width:91.66666667%}
	.layui-col-sm12{width:100%}
	.layui-col-sm-offset1{margin-left:8.33333333%}
	.layui-col-sm-offset2{margin-left:16.66666667%}
	.layui-col-sm-offset3{margin-left:25%}
	.layui-col-sm-offset4{margin-left:33.33333333%}
	.layui-col-sm-offset5{margin-left:41.66666667%}
	.layui-col-sm-offset6{margin-left:50%}
	.layui-col-sm-offset7{margin-left:58.33333333%}
	.layui-col-sm-offset8{margin-left:66.66666667%}
	.layui-col-sm-offset9{margin-left:75%}
	.layui-col-sm-offset10{margin-left:83.33333333%}
	.layui-col-sm-offset11{margin-left:91.66666667%}
	.layui-col-sm-offset12{margin-left:100%}
}
@media screen and (min-width:992px){
	.layui-container{width:970px}
	.layui-hide-md{display:none!important}
	.layui-show-md-block{display:block!important}
	.layui-show-md-inline{display:inline!important}
	.layui-show-md-inline-block{display:inline-block!important}
	.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9{float:left}
	.layui-col-md1{width:8.33333333%}
	.layui-col-md2{width:16.66666667%}
	.layui-col-md3{width:25%}
	.layui-col-md4{width:33.33333333%}
	.layui-col-md5{width:41.66666667%}
	.layui-col-md6{width:50%}
	.layui-col-md7{width:58.33333333%}
	.layui-col-md8{width:66.66666667%}
	.layui-col-md9{width:75%}
	.layui-col-md10{width:83.33333333%}
	.layui-col-md11{width:91.66666667%}
	.layui-col-md12{width:100%}
	.layui-col-md-offset1{margin-left:8.33333333%}
	.layui-col-md-offset2{margin-left:16.66666667%}
	.layui-col-md-offset3{margin-left:25%}
	.layui-col-md-offset4{margin-left:33.33333333%}
	.layui-col-md-offset5{margin-left:41.66666667%}
	.layui-col-md-offset6{margin-left:50%}
	.layui-col-md-offset7{margin-left:58.33333333%}
	.layui-col-md-offset8{margin-left:66.66666667%}
	.layui-col-md-offset9{margin-left:75%}
	.layui-col-md-offset10{margin-left:83.33333333%}
	.layui-col-md-offset11{margin-left:91.66666667%}
	.layui-col-md-offset12{margin-left:100%}
}
@media screen and (min-width:1200px){
	.layui-container{width:1170px}
	.layui-hide-lg{display:none!important}
	.layui-show-lg-block{display:block!important}
	.layui-show-lg-inline{display:inline!important}
	.layui-show-lg-inline-block{display:inline-block!important}
	.layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9{float:left}
	.layui-col-lg1{width:8.33333333%}
	.layui-col-lg2{width:16.66666667%}
	.layui-col-lg3{width:25%}
	.layui-col-lg4{width:33.33333333%}
	.layui-col-lg5{width:41.66666667%}
	.layui-col-lg6{width:50%}
	.layui-col-lg7{width:58.33333333%}
	.layui-col-lg8{width:66.66666667%}
	.layui-col-lg9{width:75%}
	.layui-col-lg10{width:83.33333333%}
	.layui-col-lg11{width:91.66666667%}
	.layui-col-lg12{width:100%}
	.layui-col-lg-offset1{margin-left:8.33333333%}
	.layui-col-lg-offset2{margin-left:16.66666667%}
	.layui-col-lg-offset3{margin-left:25%}
	.layui-col-lg-offset4{margin-left:33.33333333%}
	.layui-col-lg-offset5{margin-left:41.66666667%}
	.layui-col-lg-offset6{margin-left:50%}
	.layui-col-lg-offset7{margin-left:58.33333333%}
	.layui-col-lg-offset8{margin-left:66.66666667%}
	.layui-col-lg-offset9{margin-left:75%}
	.layui-col-lg-offset10{margin-left:83.33333333%}
	.layui-col-lg-offset11{margin-left:91.66666667%}
	.layui-col-lg-offset12{margin-left:100%}
}
.layui-col-space1{margin:-.5px}
.layui-col-space1>*{padding:.5px}
.layui-col-space3{margin:-1.5px}
.layui-col-space3>*{padding:1.5px}
.layui-col-space5{margin:-2.5px}
.layui-col-space5>*{padding:2.5px}
.layui-col-space8{margin:-3.5px}
.layui-col-space8>*{padding:3.5px}
.layui-col-space10{margin:-5px}
.layui-col-space10>*{padding:5px}
.layui-col-space12{margin:-6px}
.layui-col-space12>*{padding:6px}
.layui-col-space15{margin:-7.5px}
.layui-col-space15>*{padding:7.5px}
.layui-col-space18{margin:-9px}
.layui-col-space18>*{padding:9px}
.layui-col-space20{margin:-10px}
.layui-col-space20>*{padding:10px}
.layui-col-space22{margin:-11px}
.layui-col-space22>*{padding:11px}
.layui-col-space25{margin:-12.5px}
.layui-col-space25>*{padding:12.5px}
.layui-col-space30{margin:-15px}
.layui-col-space30>*{padding:15px}

.coverBg{background-position:center center;background-size:cover;background-repeat:no-repeat;}
.containBg{background-position:center center;background-size:contain;background-repeat:no-repeat;}
.hidden,.r-hidden{display:none;}

/*登录和注册*/
.layui-btn-login{padding:2px 25px;line-height:28px;border-radius:5px;display:inline-block;font-size:14px;border:1px solid #ddd;}
.layui-btn-white{background-color:#fff;color:#6a5f5f}
.layui-btn-white:hover{color:#6a5f5f}
.layui-btn-black{background-color:#393939;color:#fff;}
.layui-btn-black:hover{background-color:#6a5f5f;color:#fff;}
.form-login>dt{line-height:38px;clear:both;margin-bottom:10px;font-size:14px;font-weight:400;}
.form-login>dd{font-size:14px;}
.form-login>dd input,.form-login>dd select{height:38px;border-width:1px;border-style:solid;background-color:#fff;width:100%;padding-left:10px;padding-right:10px;}
.form-login-btn{clear:both;text-align:center}
.captcha>div{line-height:38px;text-align:center;}
.form-login-btn{padding:20px 0px;}
.cms_user{padding:50px 0 30px;height:auto;min-height:500px;background-image:linear-gradient(0deg,#d4d4d4 20%,#f2f2f2 50%,#d4d4d4 80%);}
.cms_user_box{width:500px;max-width:90%;margin:40px auto 0px auto;}
.cms_user_box>dl{border:1px #393939 solid;}
.cms_user_box>dl>dt{background-color:#393939;color:#fefefe;font-size:15px;text-align:center;height:50px;line-height:50px;}
.cms_user_box>dl>dd{padding:30px 44px;background-color:#fff;margin-bottom:0;}
.cms_user .layui-input-inline{min-width:300px;text-align:center;margin:0px auto;float:none;}
.cms_user .captcha{position:relative;}
.cms_user .captcha .vimg{display:block;}
.cms_user .captcha .vimg img{width:100%;height:40px;border:1px solid #ddd;cursor:pointer;border-left:0;opacity:1;}
.layui-form-item {margin-right:0px;}
.cms_user .error{padding-bottom:12px;color:#ff0000;}
.layui-btn-black{background-color:#000}
.layui-form-item .layui-input-inline{margin-right:0px;}
.cms_user .error{ padding-bottom: 12px;color: #ff0000;}
@media screen and (max-width: 768px) {
	.cms_user{width:100%;}
	.cms_user_box{width:100%;}
	.cms_user_box>dl>dd{padding:10px 10px;}
	.cms_user .layui-input-inline,.cms_user .layui-input-inline.captcha{min-width:inherit;}
	.cms_user .layui-form-pane .layui-form-label{width:auto;background:none;border:none;}
	.cms_user .layui-input-inline.captcha .vimg{top:38px}
}

/*系统提示*/
.home_message{padding:8%;width:92%;max-width:768px;min-height:120px;font-size:14px;}
.home_message .notification{padding:9px 0 9px 60px;line-height:30px;}
.home_message .notification div{font-size:18px;}
.home_message .notification.success{background:url(../../images/home/success.png) left top no-repeat;color:#05994f;}
.home_message .notification.error{background:url(../../images/home/error.png) left top no-repeat;color:#cb1b05;}
.home_message .redirect{padding-top:20px;}
.home_message .redirect a{display:inline-block;height:30px;line-height:30px;border:1px solid #e2e2e2;border-radius:2px;padding:0 15px;}
.home_message .count_down{padding-top:20px;color:#9E9E9E;}
.home_message .count_down a{color:#0080FF;}
.home_message .count_down span{color:#555555;margin:0 2px;}

.banner-mp3{position:absolute;top:0;left:0;opacity:0;}
.Icon{display:inline-block;height:1em;width:1em;fill:currentColor;vertical-align:middle;stroke-width:1px;background:none;pointer-events:none;}
@media screen and (min-width: 641px){
	.Header__Icon,.Header__Icon+.Header__Icon{margin-left:10px;}
}

.mp3-btn .Icon1{display:none;}
.mp3-btn.play .Icon1{display:block;}
.mp3-btn.play .Icon2{display:none;}

.product-submit{display:block;width:100%;line-height:1;padding:15px 24px;margin:15px auto;font-size:13px;font-weight:300;letter-spacing:.08em;color:#fff;text-align:center;text-transform:uppercase;cursor:pointer;background-color:#717171;border:1px solid #717171;border-radius:0;transition:.15s cubic-bezier(.4,0,.2,1) background-color,.15s cubic-bezier(.4,0,.2,1) border-color;}
.product-submit span{color:#fff;}
.product-interactions{display:flex;justify-content:center;padding:20px 0;border-top:1px solid #717171;}
.product-interactions .product-interaction{flex:inherit;flex-direction:row;justify-content:center;width:auto;}
.product-interaction{font-style:normal;font-weight:300;display:flex;align-items:center;flex-direction:row;flex-grow:1;justify-content:center;width:26%;padding:0 20px;font-size:14px;text-align:left;color:#000;}
.product-interaction.fitting-guide+.email-us,.product-interaction.fitting-guide+.share-this,.product-interaction.email-us+.share-this{border-left:1px solid #717171;}
.product-interaction-title,.product-interaction .sharethis-title{margin-left:12px;}
.sharethis-trigger{font-style:normal;font-weight:300;display:flex;align-items:center;flex-direction:row;justify-content:center;padding:0;color:#000;text-align:left;cursor:pointer;background:none;border:0;outline:inherit;}
.sharethis{position:relative;display:flex;align-self:flex-start;}
.share-this .sharethis-trigger{width:100%;padding:0 20px;}
.sharethis-modal{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);position:absolute;bottom:100%;left:50%;z-index:2;display:none;align-items:center;justify-content:center;width:auto;padding:21px 13px;background-color:#fff;border:1px solid #717171;transform:translate(-50%,10px);box-shadow:0 2px 8px #00000014;}
.sharethis-modal.visible{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);transform:translate(-50%);}
.sharethis-modal.animating,.sharethis-modal.visible{display:flex;}
.sharethis-link{display:flex;align-items:center;justify-content:center;width:auto;height:18px;margin:0 7px;color:#000;transition:color .15s cubic-bezier(.4,0,.2,1);}
@media (max-width: 1332px){
	.product-interactions{flex-direction:column;border-bottom:1px solid #717171;padding:0;}
	.product-interactions .product-interaction.email-us{width:100%;}
	.product-interaction{padding:16px 0;}
	.product-interactions .product-interaction.fitting-guide+.email-us,.product-interactions .product-interaction.fitting-guide+.share-this,.product-interactions .product-interaction.email-us+.share-this{border-top:1px solid #717171;border-left:0;}
}

.DropdownMenu>ul>li ul{position:absolute;top:0;left:100%;padding:20px 0;visibility:hidden;opacity:0;min-width:200px;max-width:270px;text-align:left;background:#f7f6f4;border:1px solid #d7d6d5;transition:all .3s ease-in-out;}
.DropdownMenu>ul>li ul:before{content:"";position:absolute;bottom:100%;left:0;background:#222222;width:100%;height:2px;transform:scaleX(0);transform-origin:left center;transition:transform .3s;}
.DropdownMenu>ul>li:hover>ul{visibility:visible;opacity:1;}
.DropdownMenu>ul>li:hover>ul:before{transform:scale(1);}
.DropdownMenu>ul>li>ul>li:hover>ul{visibility:visible;opacity:1;}
.DropdownMenu>ul>li>ul>li:hover>ul:before{transform:scale(1);}
.Collapsible .Collapsible .Collapsible__Button{padding:8px 0;}
@media (max-width: 7682px){
	.SidebarMenu .Collapsible__Content>.Collapsible>.Collapsible{display:flex;flex-wrap:wrap;}
	.SidebarMenu .Collapsible__Content>.Collapsible>.Collapsible .Collapsible__Button{padding:5px 0;}
}

.linkedin svg{fill:#0a66c2;}
.linkedin:hover svg{/* fill:#909090; */fill:#fff;}
.instagram:hover svg{fill:#fff;}
.pinterest svg{fill:#e60023;}
.pinterest:hover svg{fill:#fff;}
.facebook svg{fill:#1876f2;}
.facebook:hover svg{fill:#fff;}
.twitter svg{fill:#009bff;}
.twitter:hover svg{fill:#fff;}