@font-face{ font-family: fontH; src: url('../fonts/HONORSans-Medium.ttf');}
html,body{padding: 0;margin: 0;font-family:fontH,"urw-din-condensed", sans-serif,"微软雅黑";font-size: 16px;color: #1f2a44;background: #f8f8f9;}
.wrap{padding: 0 5rem;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a{color: #1f2a44;}
a,a:hover,a:active,a:visited,a:link,a:focus{color: #1f2a44;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
p{margin: 0;}
i,em{font-style: initial;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.grid-container{display: grid;align-items: center;grid-auto-columns: 1fr; }
.flexcen{display: flex;justify-content: center;align-items: center; }
.flexsta{display: flex;justify-content: flex-start;align-items: center; }
.flexend{display: flex;justify-content: flex-end;align-items: center; }
.flexbet{display: flex;justify-content: space-between;align-items: center; }
.flexaro{display: flex;justify-content: space-around;align-items: center; }

.grid-item{grid-row: 1; }

/**导航菜单**/
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9999;color: #1f2a44;transition: all .5s;box-shadow: 0px 4px 40px rgba(0,0,0,.1);}
header .headerTop{background: #1f2a44;color: #fff;padding: .625rem 2.5rem;}
header .headerTop .quickmenu{font-size: 0.875rem;}
header .headerTop .quickmenu a{color: #fff;margin: 0 0.75rem;line-height: 129%; }
header .headerTop .quickmenu a:hover{text-decoration: underline;}
header .header-container{background: #fff;}
header .header-container .grid-container{grid-template-columns: 1fr 4fr 1fr; }
header .logo a{height: 72px;position: relative;z-index: 9999;display:flex;justify-content:flex-start;align-items:center;}
header .logo img{max-height: 80%;}
header .rightDiv{text-align: center;}
header .rightDiv .menu{}
header .rightDiv .menu>ul{display: block!important;text-align: center; }
header .rightDiv .menu>ul>li{display: inline-block; }
header .rightDiv .menu>ul>li>a{color: #1f2a44;position: relative;font-size: 1rem;line-height: 1.1875rem;padding: .625rem 1.25rem;font-weight: 600; }
header .rightDiv .menu>ul>li:hover>a,
header .rightDiv .menu>ul>li:focus>a,
header .rightDiv .menu>ul>li.on>a,
header .rightDiv .menu>ul>li.active>a{background:transparent;}
header .rightDiv .menu>ul>li>a::after{transition: width 350ms ease;content: "";width: 0;height: 4px;background-color: #d34727;position: absolute;bottom: 0;left: 1.25rem; }
header .rightDiv .menu>ul>li:hover>a::after{width: calc(100% - 2.5rem); }
header .rightDiv .menu>ul>li.on>a{color: #d34727;}
header .otherDiv{height: 72px;}
header .otherDiv .ssBtn{margin: 0 .75rem;}
header .otherDiv .cartDiv a{margin: 0 .75rem;}
header .otherDiv .searchDiv .searchForm{padding: 0 5rem;position: absolute;top: 100%;left: 0;right: 0;width: 100%;opacity: 0;visibility: hidden;background: #fff;transition: opacity 350ms ease;box-shadow: 0px 37px 33px rgba(0,0,0,.1);}
header .otherDiv .searchDiv .searchForm.open{opacity: 1;visibility: visible;}
header .otherDiv .searchDiv .searchForm form{width: 100%;max-width: 100%;padding: 2.5rem 0;margin: 0;position: relative;}
header .otherDiv .searchDiv .searchForm form input{-webkit-appearance: none;text-transform: uppercase;font-weight: 700;font-size: 18px;line-height: 22px;border: none;padding: 12px 14px;border-bottom: 1px solid #768692;border-radius: 0;outline: none;width: 100%;}
header .otherDiv .searchDiv .searchForm form input.onfocus{border: 1px solid #768692;}
header .otherDiv .searchDiv .searchForm form button{position: absolute;width: 26px;height: 100%;margin: 0;top: 0;vertical-align: middle;background-color: rgba(0,0,0,0);border: none;cursor: pointer;padding: 0;right: 6px !important;}
header .otherDiv .searchDiv .searchForm .search-suggestion{max-height: 657px;overflow-y: auto;padding: 0 0 2.5rem;margin-top: 6px;width: 100%;min-width: 400px!important;overflow-x: hidden;background: #fff;border-radius: 2px;z-index: 99999990;display: none;}
header .otherDiv .searchDiv .searchForm .search-suggestion .slDiv{width: calc(45% - 2px); }
header .otherDiv .searchDiv .searchForm .search-suggestion .slDiv .searchList{margin-bottom: 1.5rem; }
header .otherDiv .searchDiv .searchForm .search-suggestion .stit{background-color: rgba(0,0,0,0);font-weight: bold;font-size: 18px;line-height: 22px;text-transform: uppercase;color: #1f2a44;padding: 0;margin-bottom: .5rem;}
header .otherDiv .searchDiv .searchForm .search-suggestion .slDiv .searchList li{font-weight: 300;font-size: .875rem;line-height: 129%;}
header .otherDiv .searchDiv .searchForm .search-suggestion .slDiv .searchList li a{display: block;text-decoration: none;font-size: 14px;line-height: 20px;padding: 0!important;margin: 0!important;border: none!important;background: none!important;overflow: visible;width: 100%;word-break: break-word;}
header .otherDiv .searchDiv .searchForm .search-suggestion .slDiv .searchList li a:hover{color: #1f2a44;text-decoration: underline; }
header .otherDiv .searchDiv .searchForm .search-suggestion .srDiv{width: 55%; }
header .otherDiv .searchDiv .searchForm .search-suggestion .srDiv ul li{width: 32.33%;margin-bottom: 1rem;padding-left: 8px;padding-right: 8px;display: inline-block;font-weight: 300;font-size: .875rem;line-height: 129%;}
header .otherDiv .searchDiv .searchForm .search-suggestion .srDiv ul li a{display: grid;grid-template-columns: 92px 1fr;}
header .otherDiv .searchDiv .searchForm .search-suggestion .srDiv ul li a .imgDiv{max-width: 92px;max-height: 92px;position: relative; }
header .otherDiv .searchDiv .searchForm .search-suggestion .srDiv ul li a .imgDiv img{max-height: fit-content;max-width: 100%;height: 100%;margin-left: auto;margin-right: auto;display: block;width: 100%;object-fit: contain;}
header .otherDiv .searchDiv .searchForm .search-suggestion .srDiv ul li a .textDiv{display: flex;justify-content: center;flex-direction: column;margin-left: 1rem;color: #1f2a44;}
header .otherDiv .searchDiv .searchForm .search-suggestion .srDiv ul li a .textDiv .title{font-weight: 700;font-size: 1.125rem;line-height: 1.375rem;padding-bottom: 4px;}
header .otherDiv .searchDiv .searchForm .search-suggestion .srDiv ul li a:hover .textDiv .title{opacity: .5;text-decoration: underline; }
header .otherDiv .searchDiv .searchForm .search-suggestion .srDiv ul li a:hover .textDiv .price{text-decoration: underline; }


header .mbtn {display: inline-block;width: 50px;height: 64px;background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 38px;left: 0;display: none; }
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;}

.on-fixed header{top: -44px; }

.menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu:after,.menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.menu #menu-button{display:none}
.menu{width:auto;}
#menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.menu>ul>li{/* position: relative; */}
.menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;text-transform:uppercase;color:#555555;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
.menu>ul>li:hover>a,.menu>ul>li.active>a{color:#fff}
/*.menu ul ul{position:absolute;text-align: left;background: #fff; padding:0;width: 100%;top: 100%;left:0;opacity: 0;visibility: hidden;transform: translateY(10px);transition: transform .6s;box-shadow: 0px 5px 5px rgba(0, 0, 0, .1); padding-left: calc((100vw - 1320px) / 2);height: 366px; }*/
.menu ul .zbUl{position: absolute;top: 100%;left: 0;right: 0;display: grid;grid-template-columns: 1fr 308px;background-color: #fff;margin-top: -1rem;padding-top: 2.5rem;padding-bottom: 2.5rem;opacity: 0;visibility: hidden;z-index: 10000;grid-template-columns: 2fr 1fr;}
.menu ul .zbUl .ullDiv{text-align: left;margin-right: 1.875rem;}
.menu ul .zbUl .ullDiv .ul{display: grid;grid-column: 1;grid-template-columns: 33% 33% 33%;}
.menu ul .zbUl .ullDiv .ul .li{break-inside: avoid;margin-bottom: 2.5rem;float: left;}
.menu ul .zbUl .ullDiv .ul .li>a{font-weight: 700;font-size: 1.125rem;line-height: 1.375rem;text-transform: uppercase;color: #1f2a44;text-decoration: none;display: inline-block;margin-bottom: 0.8rem;transition: color 350ms ease; }
.menu ul .zbUl .ullDiv .ul .li .aDiv a{color: #1f2a44;text-decoration: none;font-style: normal;font-weight: 300;font-size: .875rem;line-height: 1.125rem;margin-bottom: .5rem;transition: color 350ms ease; }
.menu ul .zbUl .ullDiv .ul .li>a:hover{color: #d34727;}
.menu ul .zbUl .ullDiv .ul .li .aDiv a:hover{color: #d34727;text-decoration: underline; }
.menu ul .zbUl .ulrDiv{max-width: 650px;margin-left: auto;min-width: 500px;height: 90%;max-height: 440px;display: flex;flex-wrap: wrap;gap: 16px;}
.menu ul .zbUl .ulrDiv a{width: calc(50% - 8px);height: auto;background-color: #000;position: relative;display: block;overflow: hidden;}
.menu ul .zbUl .ulrDiv a img{height: 100%;object-fit: cover;transition: 200ms ease;}
.menu ul .zbUl .ulrDiv a:hover img{transform: scale(1.2);}
.menu ul .zbUl .ulrDiv a .textDiv{position: absolute;left: 0;bottom: 0;text-align: left;padding: 1.5rem;top: 0;color: #fff;}
.menu ul .zbUl .ulrDiv a .textDiv span{margin-bottom: .575rem;font-size: 1.0625rem;line-height: 1.0625rem;font-weight: 600;}
.menu ul .zbUl .ulrDiv a .textDiv p{font-size: 1.875vw;line-height: 1.875vw;font-weight: 700;}
.menu ul .defaultUl{position: absolute;top: 100%;text-align: left;margin-top: -1rem;padding: 2rem 1.5rem .3125rem;background: #fff;left: auto;opacity: 0;visibility: hidden;}
.menu ul .defaultUl .aDiv a{font-weight: 700;font-size: 1.125rem;line-height: 1.375rem;text-transform: uppercase;color: #1f2a44;text-decoration: none;display: block;margin-bottom: 0.8rem;transition: color 350ms ease;}
.menu ul .defaultUl .aDiv a:hover{color: #d34727;}
.menu>ul>li:hover>ul{visibility: visible;opacity: 1; }

/****底部***/
.footerDiv{padding-top: 5rem;padding-bottom: 2.5rem;background-color: #1f2a44;color: #fff; }
.footerDiv .hdDiv{align-items: flex-start; }
.footerDiv .hdDiv .hlDiv{max-width: 26rem; }
.footerDiv .hdDiv .hlDiv .p1 span{font-size: 1.125rem;line-height: 122%;margin-bottom: 8px;font-weight: 600;display: block; }
.footerDiv .hdDiv .hlDiv form{margin: 26px 0;position: relative; }
.footerDiv .hdDiv .hlDiv form input{width: 100%;line-height: 48px;background: transparent;border: 0;border-bottom: 1px solid #fff;font-size: .875rem;color: #fff; }
.footerDiv .hdDiv .hlDiv form button{position: absolute;right: 0;top: 0;width: 20px;height: 100%;background: transparent;border: 0;padding: 0;cursor: pointer; }
.footerDiv .hdDiv .hlDiv .shareDiv{margin-top: 20px; }
.footerDiv .hdDiv .hlDiv .shareDiv a{color: #fff;width: 40px;height: 40px;border-radius: 100%;border: 1px solid rgba(255,255,255,.4705882353);display: inline-flex;justify-content: center;align-items: center;margin-right: 1rem;margin-bottom: .5rem;position: relative;}
.footerDiv .hdDiv .hlDiv .shareDiv a svg{width: 18px;height: 18px; }
.footerDiv .hdDiv .hlDiv .shareDiv a .ewmDiv{position: absolute;left: 50%;bottom: 110%;width: 80px;transform: translateX(-50%);display: none; }
.footerDiv .hdDiv .hlDiv .shareDiv a:hover .ewmDiv{display: block; }
.footerDiv .hdDiv .hrDiv{border-left: 1px solid rgba(255,255,255,.3019607843);margin-left: 5%;padding-left: 5%;align-items: flex-start; }
.footerDiv .hdDiv .listDiv {padding-right: 1.375rem;flex-grow: 1;flex-basis: 0;max-width: 18rem;}
.footerDiv .hdDiv .listDiv span{font-size: 1.125rem;line-height: 122%;font-weight: bold;display: block;margin-bottom: 8px; }
.footerDiv .hdDiv .listDiv ul li{margin-bottom: 6px;font-size: 1rem;line-height: 131%; }
.footerDiv .hdDiv .listDiv ul li a{color: #fff; }
.footerDiv .hdDiv .listDiv ul li a:hover{text-decoration: underline; }
.footerDiv .bdDiv{padding-top: 6.875rem;text-align: center;font-size: .875rem;line-height: 1.125rem; }
.footerDiv .bdDiv .navDiv{margin-left: 1em;}
.footerDiv .bdDiv .navDiv a{margin: 0 .9375rem;color: #fff; }
.footerDiv .bdDiv .navDiv a:hover{text-decoration: underline; }



/*::-webkit-scrollbar  
{  
    width: 2px;  
    height: 2px;  
}  
::-webkit-scrollbar-track  
{  
    border-radius: 4px;  
    background-color: #f5f5f5;
}  
::-webkit-scrollbar-thumb  
{  
    border-radius: 4px; 
    background-color: #0E50D1;
}*/

/********************************* 首页 **********************************/
.main{margin-top: 116px; }

.imoreBtn{position: relative;-webkit-appearance: none;line-height: 118%;font-size: 1rem;cursor: pointer;height: 3.1875rem;padding: 0 1.5rem;font-weight: 700;text-transform: uppercase;border-radius: 0;align-items: center;justify-content: center;display: inline-flex;text-decoration: none;transition: background-color .35s ease,color .35s ease;}

/*banner轮播*/
.index-banner{position: relative;}
.index-banner .imgDiv{position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
.index-banner .imgDiv img{object-fit: cover;height: 100%;width: 100%;position: absolute;top: 0;left: 0;}
.index-banner .imgDiv .visible-xs{display: none;}
.index-banner .textDiv{min-height: 36.1vw;padding-top: 2.5rem;padding-bottom: 2.5rem;display: flex;flex-direction: column;color: #fff;background: rgba(0,0,0,0.3);position: relative;z-index: 1;/* text-align: center; */justify-content: center;align-items: flex-start;padding: 0 5rem; }
.index-banner .textDiv .p1{margin-bottom: 1rem;max-width: 800px;width: 100%;font-size: 1.125rem;line-height: 122%;font-weight: 600;}
.index-banner .textDiv .p1 span{font-size: 20px;line-height: 20px;display: inline-block;padding: .25rem 1rem;}
.index-banner .textDiv .p2{font-size: 4.5rem;line-height: 120%;font-weight: 600;margin-bottom: .35em;max-width: 800px;width: 100%;}
.index-banner .textDiv .p2 span{font-size: 64px;line-height: 64px;display: inline-block;padding: .25rem 1rem;}
.index-banner .textDiv .p3{margin-bottom: 1.2em;/*max-width: 800px;*/max-width: 550px;padding: .25rem 0.6rem;width: 100%;font-size: 1.5rem;line-height: 120%;font-weight: 400; }
.index-banner .textDiv .p3 span{font-size: 23px;line-height: 23px;font-weight: 600;}
.index-banner .textDiv .btnDiv{max-width: 800px;width: 100%;}
.index-banner .textDiv .btnDiv a{margin: .25em .75em;background-color: #d34727;color: #fff;border: 1px solid #d34727;}
.index-banner .textDiv .btnDiv a:hover{background: #bb3d20;}

.indexDiv1{padding: 80px 0;background-color: rgba(233, 233, 234, 0.3); }
.indexDiv1 .hdDiv{border-bottom: 2px solid #fff; }
.indexDiv1 .hdDiv a{font-weight: 700;position: relative;display: block;color: #8c919f;line-height: 118%;font-size: 2.75rem;padding: 0 0 0.6em;margin: 0 1rem;}
.indexDiv1 .hdDiv a::after{content: "";height: 2px;background: #8c919f;position: absolute;left: 0;bottom: -2px;width: 0; opacity: 0;transition: width .3s cubic-bezier(0,.14,.19,1),opacity .3s; }
.indexDiv1 .hdDiv a:hover::after{width: 100%;opacity: 1;}
.indexDiv1 .hdDiv a.active{color: #1f2a44;}
.indexDiv1 .hdDiv a.active:after{background: #1f2a44;width: 100%;opacity: 1;}
.indexDiv1 .bdDiv{margin-top: 1.5rem;position: relative; }
.indexDiv1 .bdDiv .lbDiv{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 0;opacity: 0; }
.indexDiv1 .bdDiv .lbDiv.on{position: relative;z-index: 1;opacity: 1; }
.indexDiv1 .bdDiv .swiperWrap .swiper-slide{height: auto;position: relative;}
.indexDiv1 .bdDiv .swiperWrap .conDiv{position: relative;background: #fff;display: flex;flex-direction: column;width: 100%;height: 100%;}
.indexDiv1 .bdDiv .swiperWrap .conDiv .imgDiv{position: relative;padding-top: 100%;display: block; }
.indexDiv1 .bdDiv .swiperWrap .conDiv .imgDiv div{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;background: #fff;display: flex;justify-content: center;align-items: center; }
.indexDiv1 .bdDiv .swiperWrap .conDiv .imgDiv img{max-width: 100%;max-height: 100%;}
.indexDiv1 .bdDiv .swiperWrap .conDiv .imgDiv .hoverImg{opacity: 0;transition: opacity 650ms ease-in-out; }
.indexDiv1 .bdDiv .swiperWrap .conDiv .imgDiv:hover .hoverImg{opacity: 1; }
.indexDiv1 .bdDiv .swiperWrap .conDiv .tag{position: absolute;left: 0;top: 1rem;padding: .9375rem 1.5rem;background: #1f2a44;color: #fff;text-transform: uppercase;font-size: 16px;line-height: 19px;font-weight: 600;z-index: 1; }
.indexDiv1 .bdDiv .swiperWrap .conDiv .textDiv{flex-grow: 1;padding: 1rem;padding-bottom: .5rem;border-top: 1px solid #f8f8f9;text-align: left;display: grid;grid-template-rows: auto auto auto 1fr;align-items: start;}
.indexDiv1 .bdDiv .swiperWrap .conDiv .textDiv .titleDiv{font-weight: 700;font-size: 1.125rem;text-transform: none;line-height: 1.1875rem;margin-bottom: .2em;color: #1f2a44;}
.indexDiv1 .bdDiv .swiperWrap .conDiv .textDiv .colorDiv{margin: .5rem 0;font-size: .75rem;color: #768692; }
.indexDiv1 .bdDiv .swiperWrap .conDiv .textDiv .colorDiv a{display: block;height: 16px;width: 16px;border-radius: 50%;margin-right: .75rem;position: relative;display: flex;justify-content: center;align-items: center; }
.indexDiv1 .bdDiv .swiperWrap .conDiv .textDiv .colorDiv a:after{content: "";position: absolute;left: 0;top: 0;border-radius: 50%;width: 100%;height: 100%;border: 1px solid rgba(0,0,0,0);transition: 200ms ease; }
.indexDiv1 .bdDiv .swiperWrap .conDiv .textDiv .colorDiv a img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%; }
.indexDiv1 .bdDiv .swiperWrap .conDiv .textDiv .colorDiv a .tooltip{position: absolute;top: auto;right: auto;bottom: 130%;left: 50%;transition: 200ms ease;z-index: 10;white-space: nowrap;transform: translateX(-50%) translateY(0);font-size: 12px;visibility: hidden;padding: 5px;background: #fff;opacity: 0;border-radius: 4px;filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.15));}
.indexDiv1 .bdDiv .swiperWrap .conDiv .textDiv .colorDiv a .tooltip:before{content: "";position: absolute;top: 100%;left: 50%;width: 5px;height: 5px;background: #fff;transform: translateX(-50%) translateY(-50%) rotateZ(45deg); }
.indexDiv1 .bdDiv .swiperWrap .conDiv .textDiv .colorDiv a:hover .tooltip{bottom: 115%;visibility: visible;opacity: 1;}
.indexDiv1 .bdDiv .swiperWrap .conDiv .textDiv .colorDiv a:hover:after,.indexDiv1 .bdDiv .swiperWrap .conDiv .textDiv .colorDiv a.active:after{opacity: .8;border-color: #1f2a44;transform: scale(1.4, 1.4);}
.indexDiv1 .bdDiv .swiperWrap .conDiv .textDiv .priceDiv{font-size: 1rem;line-height: 1.1875rem;}
.indexDiv1 .bdDiv .swiperWrap .conDiv .textDiv .pjDiv{margin-top: .375rem;min-height: 15px;line-height: .9375rem;}
.vote-star{display:block;margin-right:6px;width:78px;height:12px;overflow:hidden;vertical-align:middle;background:url(../img/star.png) repeat-x 0 0;}
.vote-star i{display:block;height:12px;background:url(../img/star1.png) repeat-x 0 0;}
.indexDiv1 .bdDiv .swiperWrap .conDiv .textDiv .pjDiv p{color: #768692;font-size: .75rem;margin-left: .5rem; }
.indexDiv1 .swiper-button-next,.indexDiv1 .swiper-button-prev{background: none;color: #007aff;width: initial;height: initial;margin-top: initial;top: 40%; }
.indexDiv1 .swiper-button-prev{transform: scale(-1, -1);}
.indexDiv1 .imoreBtn{margin: 2rem auto 0;border: 1px solid #1f2a44;}
.indexDiv1 .imoreBtn:hover{background: #1f2a44;color: #fff; }

.indexDiv2{padding: 80px 0;background: #f8f8f9; }
.indexDiv2 .bdDiv{display: grid;grid-template-columns: 1fr 1fr;grid-auto-rows: 415px;gap: 16px;}
.indexDiv2 .bdDiv a{position: relative;overflow: hidden;color: #fff; }
.indexDiv2 .bdDiv a:first-child{grid-row: span 2;}
.indexDiv2 .bdDiv a .imgDiv{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: 200ms ease; }
.indexDiv2 .bdDiv a .imgDiv img{width: 100%;height: 100%;object-fit: cover; }
.indexDiv2 .bdDiv a .textDiv{padding: 40px 30px;height: 100%;position: relative;transition: 200ms ease;background: rgba(0,0,0,0.3);}
.indexDiv2 .bdDiv a .textDiv .title{font-size: 3.75rem;line-height: 100%;margin-bottom: 1rem;font-weight: 700; }
.indexDiv2 .bdDiv a .textDiv .p{margin-bottom: 1rem;}
.indexDiv2 .bdDiv a .textDiv .imoreBtn{background-color: #fff;color: #1f2a44;border: 1px solid #fff;}
.indexDiv2 .bdDiv a:hover .imgDiv{transform: scale(1.2, 1.2);}
.indexDiv2 .bdDiv a:hover .textDiv{background: transparent;}
.indexDiv2 .bdDiv a:hover .textDiv .imoreBtn{background: transparent;color: #fff;}

.indexTitle{text-align: center;}
.indexTitle small{font-size: 1.125rem;line-height: 122%;display: block;font-weight: 600;}
.indexTitle span{font-size: 3.75rem;line-height: 100%;display: block;font-weight: 600;text-transform: uppercase; }

.indexDiv3{padding: 5rem 0 4rem;background: #fff; }
.indexDiv3 .gridDiv{display: grid;grid-template-columns: repeat(3, 1fr);}
.indexDiv3 .gridDiv a{padding: 1.75rem .5rem 2.5rem;text-align: left;}
.indexDiv3 .gridDiv a .imgDiv{display: block;margin-bottom: 1rem;position: relative;padding-top: 60.0961538462%;max-height: 250px;overflow: hidden;}
.indexDiv3 .gridDiv a .imgDiv img{position: absolute;height: 100%;width: 100%;left: 0;top: 0;object-fit: cover;}
.indexDiv3 .gridDiv a .imgDiv .bgDiv{position: absolute;left: 0;top: 0;height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;visibility: hidden;opacity: 0;transition: 300ms ease;background: rgba(31,42,68,.75);}
.indexDiv3 .gridDiv a .imgDiv .bgDiv .imoreBtn{background-color: #fff;color: #1f2a44;border: 1px solid #fff;}
.indexDiv3 .gridDiv a .imgDiv .bgDiv .imoreBtn:hover{background-color: transparent;color: #fff;}
.indexDiv3 .gridDiv a .textDiv{transition: opacity 350ms ease;font-size: 1.25rem;text-transform: none;margin-bottom: .5rem;margin-top: .5rem;line-height: 120%;font-weight: bold; }
.indexDiv3 .gridDiv a:hover .imgDiv .bgDiv{visibility: visible;opacity: 1;}
.indexDiv3 .gridDiv a:hover .textDiv{opacity: .5;}
.indexDiv3 .imoreBtn{margin: 0 auto;border: 1px solid #1f2a44;}
.indexDiv3 .imoreBtn:hover{background: #1f2a44;color: #fff; }

.indexDiv4{padding: 80px 0;background: url(../img/i-a-bg.webp) no-repeat center center/cover;}
.indexDiv4 .bdDiv{display: grid;grid-template-columns: 1fr minmax(400px, 0.425fr);}
.indexDiv4 .bdDiv .imgDiv img{width: 100%;height: 100%;object-fit: cover; }
.indexDiv4 .bdDiv .textDiv{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding: 40px;background-color: #e9e9ea;}
.indexDiv4 .bdDiv .textDiv small{font-weight: 500;font-size: 1rem;line-height: 122%;display: block; }
.indexDiv4 .bdDiv .textDiv span{font-size: 3rem;line-height: 130%;font-weight: 700;display: block; }
.indexDiv4 .bdDiv .textDiv p{margin: 0.2em 0 1.5rem;}
.indexDiv4 .bdDiv .textDiv .imoreBtn{background: #1f2a44;color: #fff;border: 1px solid #1f2a44; }
.indexDiv4 .bdDiv .textDiv .imoreBtn:hover{background: transparent;color: #1f2a44; }

.indexDiv5{padding: 40px 0 0;background: #fff; }
.indexDiv5 .bdDiv{margin-top: 70px;}
.indexDiv5 .bdDiv .row{margin: 0;}
.indexDiv5 .bdDiv .row>div{padding: 0;}
.indexDiv5 .bdDiv .row>div a{display: block;position: relative; }
.indexDiv5 .bdDiv .row>div a .imgDiv{padding-top: 100%;position: relative; }
.indexDiv5 .bdDiv .row>div a .imgDiv img{position: absolute;height: 100%;width: 100%;left: 0;top: 0;object-fit: cover; }
.indexDiv5 .bdDiv .row>div a .bgDiv{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);opacity: 0;transition: .2s linear; }
.indexDiv5 .bdDiv .row>div a:hover .bgDiv{opacity: 1; }

.swiperPop{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);z-index: 9999;opacity: 0;z-index: -9999; }
.swiperPop .swiperCon{position: absolute;height: 80%;width: 70%;position: absolute;top: 10%;left: 15%; }
.swiperPop .swiperCon .swiper-container{height: 100%; }
.swiperPop .swiperCon .conDiv{position: relative;height: 100%;background-color: #fff; }
.swiperPop .swiperCon .leftDiv{width: 60%;height: 100%;overflow: hidden; }
.swiperPop .swiperCon .leftDiv img{object-fit: cover;position: absolute;top: 0;left: 0;bottom: 0;width: 100%;height: 100%;}
.swiperPop .swiperCon .rightDiv{position: absolute;background-color: #fff;display: flex;flex-direction: column;height: 100%;right: 0;width: 40%;text-align: left;color: #000;text-decoration: none;box-sizing: content-box;padding: 0;top: 0;}
.swiperPop .swiperCon .rightDiv .sheader{height: 58px;position: relative; }
.swiperPop .swiperCon .rightDiv .sheader a.closebtn{background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCcgY2xhc3M9J2ljb24nPjxwYXRoIGZpbGw9JyM5Mzk1OTgnIGQ9J00xNS44OSAxNC42OTZsLTQuNzM0LTQuNzM0IDQuNzE3LTQuNzE3Yy40LS40LjM3LTEuMDg1LS4wMy0xLjQ4NXMtMS4wODUtLjQzLTEuNDg1LS4wM0w5LjY0MSA4LjQ0NyA0Ljk3IDMuNzc2Yy0uNC0uNC0xLjA4NS0uMzctMS40ODUuMDNzLS40MyAxLjA4NS0uMDMgMS40ODVsNC42NzEgNC42NzEtNC42ODggNC42ODhjLS40LjQtLjM3IDEuMDg1LjAzIDEuNDg1czEuMDg1LjQzIDEuNDg1LjAzbDQuNjg4LTQuNjg3IDQuNzM0IDQuNzM0Yy40LjQgMS4wODUuMzcgMS40ODUtLjAzcy40My0xLjA4NS4wMy0xLjQ4NXonLz48L3N2Zz4=);
position: absolute;right: 0;background-repeat: no-repeat;width: 20px;height: 20px;margin: 14px;top: 0;}
.swiperPop .swiperCon .rightDiv .sheader .logoDiv img{height: 45px!important;width: 45px!important;border-radius: 50%!important;margin: 12px!important;border: 1px solid #eee;}
.swiperPop .swiperCon .rightDiv .sheader .logoDiv span{color: #000;font-weight: 600;line-height: 23px;font-size: 17px;}
.swiperPop .swiperCon .rightDiv hr{margin: 10px;border: 0;border-bottom: 1px solid #e8e9eb;background: 0 0;max-width: 100%;width: auto;}
.swiperPop .swiperCon .rightDiv .arrows{position: relative;width: 96%;margin: 0 auto;height: 32px;}
.swiperPop .swiper-button-next, .swiperPop .swiper-button-prev{width: 32px;height: 32px;object-position: 99999px 99999px;background: 50%/50% no-repeat;top: initial;margin-top: initial; }
.swiperPop .swiper-button-prev{background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0NzcuMTc1IDQ3Ny4xNzUnIHdpZHRoPSc1MTInIGhlaWdodD0nNTEyJz48cGF0aCBkPSdNMTQ1LjE4OCAyMzguNTc1bDIxNS41LTIxNS41YzUuMy01LjMgNS4zLTEzLjggMC0xOS4xcy0xMy44LTUuMy0xOS4xIDBsLTIyNS4xIDIyNS4xYy01LjMgNS4zLTUuMyAxMy44IDAgMTkuMWwyMjUuMSAyMjVjMi42IDIuNiA2LjEgNCA5LjUgNHM2LjktMS4zIDkuNS00YzUuMy01LjMgNS4zLTEzLjggMC0xOS4xbC0yMTUuNC0yMTUuNXonIGZpbGw9J2JsYWNrJy8+PC9zdmc+);left: 0; }
.swiperPop .swiper-button-next{background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA0NzcuMTc1IDQ3Ny4xNzUnIHdpZHRoPSc1MTInIGhlaWdodD0nNTEyJz48cGF0aCBkPSdNMzYwLjczMSAyMjkuMDc1bC0yMjUuMS0yMjUuMWMtNS4zLTUuMy0xMy44LTUuMy0xOS4xIDBzLTUuMyAxMy44IDAgMTkuMWwyMTUuNSAyMTUuNS0yMTUuNSAyMTUuNWMtNS4zIDUuMy01LjMgMTMuOCAwIDE5LjEgMi42IDIuNiA2LjEgNCA5LjUgNCAzLjQgMCA2LjktMS4zIDkuNS00bDIyNS4xLTIyNS4xYzUuMy01LjIgNS4zLTEzLjguMS0xOXonIGZpbGw9J2JsYWNrJy8+PC9zdmc+);right: 0; }
.swiperPop .swiperCon .rightDiv .textDiv{flex: 1;height: 10px;overflow-x: hidden;position: initial;padding-bottom: 20px;word-wrap: break-word;white-space: pre-wrap;clear: both;color: #666;width: 90%;margin: 20px auto 0;font-size: 15px;font-family: "urw-din", sans-serif; } 
.swiperPop .swiperCon .rightDiv .dateDiv{color: grey;font-size: 11px;border-top: 1px solid #eee;padding-top: 3px;width: 100%;height: 30px;line-height: 27px;padding: 0 8px; }
.swiperPop .swiperCon .rightDiv .dateDiv a{color: grey;font-size: 11px;}

.breadcrumbDiv{padding: 1rem 0; }
.breadcrumbDiv a,.breadcrumbDiv span{color: #768692;font-weight: 300;font-size: .875rem;line-height: 1.125rem; }

.bgfff{background: #fff;}

.ny-banner{position: relative; }
.ny-banner .imgDiv{position: absolute;left: 0;top: 0;width: 100%;height: 100%; }
.ny-banner img{width: 100%;height: 100%;object-fit: cover; }
.ny-banner .textDiv{min-height: 20rem;text-align: center;display: flex;justify-content: center;align-items: center;flex-direction: column;color: #fff;padding: 1.875rem 0;position: relative; }
.ny-banner .textDiv span{font-weight: 700;font-size: 3rem;line-height: 130%;text-align: center;text-transform: uppercase;}
.ny-banner .textDiv p{margin-top: .625rem;font-weight: 300;font-size: 1rem;line-height: 1.3125rem;}
.storyBanner .textDiv{min-height: 36.1vw;}
.storyBanner .textDiv p{font-size: 1.5rem;line-height: 120%;font-weight: 600;padding: 1rem 0; }

.ny-main{min-height: calc(100vh - 180px); }
.productDiv{background: #f8f8f9;padding-bottom: 4.6875rem; }
.productDiv .hdDiv{padding: 1.5rem 0;position: relative;z-index: 2;}
.productDiv .hdDiv .glqDiv{width: 308px;padding: 0 1rem;background: #fff;cursor: pointer; }
.productDiv .hdDiv .glqDiv span{height: 48px;position: relative;justify-content: space-between;align-items: center;}
.productDiv .hdDiv .glqDiv .show_filter{display: none;}
.productDiv .hdDiv .glqDiv .show_filter::after{content: "+";font-size: 20px;}
.productDiv .hdDiv .glqDiv .hide_filter{display: flex;}
.productDiv .hdDiv .glqDiv .hide_filter::after{content: "-";font-size: 20px;}
.productDiv .hdDiv .glqDiv.open .show_filter{display: flex;}
.productDiv .hdDiv .glqDiv.open .hide_filter{display: none;}
.productDiv .hdDiv .resultDiv{text-align: center; }
.productDiv .hdDiv .shxDiv{width: 308px;cursor: pointer;position: relative;height: 55px; }
.productDiv .hdDiv .shxDiv .defaultDiv{padding: 0 1rem;background: #fff;}
.productDiv .hdDiv .shxDiv .defaultDiv span{height: 48px;position: relative;justify-content: space-between;align-items: center;display: flex;}
.productDiv .hdDiv .shxDiv .defaultDiv span::after{top: 50%;left: auto;right: 0px;position: absolute;content: "";border-right: 1px solid #222;border-bottom: 1px solid #222;-webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out;-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);width: 7px;height: 7px;display: inline-block;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 11px;margin-left: 10px;vertical-align: top;margin-top: -5px;white-space: nowrap;overflow: hidden;line-height: inherit;}
.productDiv .hdDiv .shxDiv.open .defaultDiv span::after{-moz-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);transform: rotate(-135deg);margin-top: -2px;}
.productDiv .hdDiv .shxDiv.open .listDiv{display: block;}
.productDiv .hdDiv .shxDiv .listDiv{position: absolute;left: 0;top:100%;width: 100%;background: #fff;border: 1px solid #eee;padding: 10px 0 14px;z-index: 99;display: none; } 
.productDiv .hdDiv .shxDiv .listDiv a{display: block;padding: 5px 16px;cursor: pointer; }
.productDiv .hdDiv .shxDiv .listDiv a.on,.productDiv .hdDiv .shxDiv .listDiv a:hover{background: #1f2a44;color: #fff;}
.productDiv .bdDiv{display: grid;grid-template-columns: 308px 1fr;gap: 1rem;}
.productDiv .bdDiv .leftDiv{width: 100%;}
.productDiv .bdDiv .leftDiv .itemDiv{margin-bottom: 1.125rem;}
.productDiv .bdDiv .leftDiv .itemDiv .ihDiv{margin-bottom: 5px;cursor: pointer;}
.productDiv .bdDiv .leftDiv .itemDiv .ihDiv span{display: flex;justify-content: space-between;font-size: 18px;font-weight: bold; }
.productDiv .bdDiv .leftDiv .itemDiv .ihDiv span::after{content: "-";font-weight: normal;font-size: 20px; }
.productDiv .bdDiv .leftDiv .itemDiv .ihDiv.zk span::after{content: "+";font-weight: normal;font-size: 20px;}
.productDiv .bdDiv .leftDiv .itemDiv .ibDiv .checkDiv li{margin: .375rem 0;}
.productDiv .bdDiv .leftDiv .itemDiv .ibDiv .checkDiv li a{padding-left: 1.5625rem;position: relative;line-height: 24px;display: block;  }
.productDiv .bdDiv .leftDiv .itemDiv .ibDiv .checkDiv li .checkbox{border: 1px solid #768692;width: 15px;height: 15px;background: 0 0;display: inline-block;position: absolute;left: 0;top: 5px;}
.productDiv .bdDiv .leftDiv .itemDiv .ibDiv .checkDiv li .checkbox.checked:before{content: "";width: 9px;height: 6px;border: 2px solid #000;border-top: none;border-right: none;background: 0 0;-ms-transform: rotate(-50deg);-webkit-transform: rotate(-50deg);transform: rotate(-50deg);-ms-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;position: absolute;top: 2px;left: 2px;border: 1px solid #1f2a44;width: 10px;height: 5px;border-top: none;border-right: none;top: 3px;}
.productDiv .bdDiv .leftDiv .itemDiv .ibDiv .scollDiv{max-height: 220px;overflow-y: auto; }
.productDiv .bdDiv .leftDiv .itemDiv .ibDiv .scollDiv::-webkit-scrollbar  {  width: 4px;  height: 10px;  }  
.productDiv .bdDiv .leftDiv .itemDiv .ibDiv .scollDiv::-webkit-scrollbar-track  {  background: #eee;border-radius: 10px;  }  
.productDiv .bdDiv .leftDiv .itemDiv .ibDiv .scollDiv::-webkit-scrollbar-thumb  {  border-radius: 10px; background-color: #888;}
.productDiv .bdDiv .leftDiv .itemDiv .ibDiv .inputDiv input{position: relative;width: calc(50% - 15px);height: 36px;padding: 1px 5px;line-height: 24px;border: 1px solid #e3e3e3;clear: none;min-height: auto;min-width: auto;text-align: center;color: #1f2a44; }
.productDiv .bdDiv .leftDiv .itemDiv .ibDiv .inputDiv span{width: 30px;text-align: center;}
.productDiv .bdDiv .leftDiv .itemDiv .ibDiv .colorDiv{margin: .5rem 0;font-size: .75rem;color: #768692;flex-wrap: wrap;max-width: 220px; }
.productDiv .bdDiv .leftDiv .itemDiv .ibDiv .colorDiv a{display: block;height: 16px;width: 16px;border-radius: 50%;margin:0 0.75rem 0.75rem;position: relative;display: flex;justify-content: center;align-items: center; }
.productDiv .bdDiv .leftDiv .itemDiv .ibDiv .colorDiv a img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%; }
.productDiv .bdDiv .leftDiv .itemDiv .ibDiv .colorDiv a:after{content: "";position: absolute;left: 0;top: 0;border-radius: 50%;width: 100%;height: 100%;border: 1px solid rgba(0,0,0,0);transition: 200ms ease; }
.productDiv .bdDiv .leftDiv .itemDiv .ibDiv .colorDiv a:hover:after,.productDiv .bdDiv .leftDiv .itemDiv .ibDiv .colorDiv a.active:after{opacity: .8;border-color: #1f2a44;transform: scale(1.4, 1.4);}
.productDiv .bdDiv .leftDiv .itemDiv .ibDiv .pjDiv li{margin-top: 0.75rem;}
.productDiv .bdDiv .rightDiv{width: 100%;}
.productDiv .bdDiv .rightDiv .rowDiv{display: grid;gap: 1rem;grid-template-columns: repeat(3, 1fr);grid-auto-rows: 1fr;}
.productDiv .bdDiv .rightDiv .conDiv{position: relative;background: #fff;display: flex;flex-direction: column;width: 100%;height: 100%;}
.productDiv .bdDiv .rightDiv .conDiv .imgDiv{position: relative;padding-top: 100%;display: block; }
.productDiv .bdDiv .rightDiv .conDiv .imgDiv div{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;background: #fff;display: flex;justify-content: center;align-items: center; }
.productDiv .bdDiv .rightDiv .conDiv .imgDiv img{max-width: 100%;max-height: 100%;}
.productDiv .bdDiv .rightDiv .conDiv .imgDiv .hoverImg{opacity: 0;transition: opacity 650ms ease-in-out; }
.productDiv .bdDiv .rightDiv .conDiv .imgDiv:hover .hoverImg{opacity: 1; }
.productDiv .bdDiv .rightDiv .conDiv .tag{position: absolute;left: 0;top: 1rem;padding: .9375rem 1.5rem;background: #1f2a44;color: #fff;text-transform: uppercase;font-size: 16px;line-height: 19px;font-weight: 600;z-index: 1; }
.productDiv .bdDiv .rightDiv .conDiv .textDiv{flex-grow: 1;padding: 1rem;padding-bottom: .5rem;border-top: 1px solid #f8f8f9;text-align: left;display: grid;/* grid-template-rows: auto auto auto 1fr; */align-items: start;}
.productDiv .bdDiv .rightDiv .conDiv .textDiv .titleDiv{font-weight: 700;font-size: 1.125rem;text-transform: none;line-height: 1.1875rem;margin-bottom: .2em;color: #1f2a44;}
.productDiv .bdDiv .rightDiv .conDiv .textDiv .colorDiv{margin: .5rem 0;font-size: .75rem;color: #768692; }
.productDiv .bdDiv .rightDiv .conDiv .textDiv .colorDiv a{display: block;height: 16px;width: 16px;border-radius: 50%;margin-right: .75rem;position: relative;display: flex;justify-content: center;align-items: center; }
.productDiv .bdDiv .rightDiv .conDiv .textDiv .colorDiv a:after{content: "";position: absolute;left: 0;top: 0;border-radius: 50%;width: 100%;height: 100%;border: 1px solid rgba(0,0,0,0);transition: 200ms ease; }
.productDiv .bdDiv .rightDiv .conDiv .textDiv .colorDiv a img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%; }
.productDiv .bdDiv .rightDiv .conDiv .textDiv .colorDiv a .tooltip{position: absolute;top: auto;right: auto;bottom: 130%;left: 50%;transition: 200ms ease;z-index: 10;white-space: nowrap;transform: translateX(-50%) translateY(0);font-size: 12px;visibility: hidden;padding: 5px;background: #fff;opacity: 0;border-radius: 4px;filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.15));}
.productDiv .bdDiv .rightDiv .conDiv .textDiv .colorDiv a .tooltip:before{content: "";position: absolute;top: 100%;left: 50%;width: 5px;height: 5px;background: #fff;transform: translateX(-50%) translateY(-50%) rotateZ(45deg); }
.productDiv .bdDiv .rightDiv .conDiv .textDiv .colorDiv a:hover .tooltip{bottom: 115%;visibility: visible;opacity: 1;}
.productDiv .bdDiv .rightDiv .conDiv .textDiv .colorDiv a:hover:after,.productDiv .bdDiv .rightDiv .conDiv .textDiv .colorDiv a.active:after{opacity: .8;border-color: #1f2a44;transform: scale(1.4, 1.4);}
.productDiv .bdDiv .rightDiv .conDiv .textDiv .priceDiv{font-size: 1rem;line-height: 1.1875rem;}
.productDiv .bdDiv .rightDiv .conDiv .textDiv .pjDiv{margin-top: .375rem;min-height: 15px;line-height: .9375rem;}
.productDiv .bdDiv .rightDiv .conDiv .textDiv .pjDiv p{color: #768692;font-size: .75rem;margin-left: .5rem; }

.productDiv .bdDiv.grid1{grid-template-columns: 1fr;}
.productDiv .bdDiv.grid1 .leftDiv{display: none; }
.productDiv .bdDiv.grid1 .rightDiv{grid-template-columns: repeat(4, 1fr);}

.ny-banner1 .textDiv{text-align: center;max-width: 38rem;margin: 0 auto; }
.ny-banner1 .textDiv span{font-weight: 700;font-size: 3rem;line-height: 130%;text-align: center;text-transform: uppercase;color: #1f2a44; }
.ny-banner1 .textDiv p{margin-top: .625rem;font-weight: 300;font-size: 1rem;line-height: 1.3125rem;}

.productDiv1{}
.productDiv1 .bdDiv{position: relative;padding: 2.5rem 55px; }
.productDiv1 .bdDiv a{display: block;position: relative; }
.productDiv1 .bdDiv a .imgDiv{position: relative;height: 340px; }
.productDiv1 .bdDiv a .imgDiv img{width: 100%;height: 100%;object-fit: cover; }
.productDiv1 .bdDiv a .textDiv{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;font-size: 24px;font-weight: bold; }
.productDiv1 .swiper-button-prev{left: 0;}
.productDiv1 .swiper-button-prev,.productDiv1 .swiper-button-next{width: 55px;height: 44px;background: no-repeat;margin-top: -22px;text-align: center; }
.productDiv1 .swiper-button-next{right: 0; }
.chevron:before {border-style: solid;border-width: .25em .25em 0 0;content: "";display: inline-block;height: 1.5em;left: .15em;position: relative;top: .15em;transform: rotate(45deg);vertical-align: top;width: 1.5em;border-color: #000c;}
.productDiv1 .swiper-button-prev .chevron:before{transform: rotate(-135deg);}

.blogDiv .sousuoDiv{background-color: #f8f8f9;padding: 2.5rem 1rem;}
.blogDiv .sousuoDiv form{max-width: 416px;position: relative;margin:0 auto 1.5rem; }
.blogDiv .sousuoDiv form input{width: 100%;line-height: 35px;background: transparent;border: 0;border-bottom: 1px solid #b7bac3;font-size: 14px;padding-right: 20px; }
.blogDiv .sousuoDiv form input:focus{border: 1px solid #1f2a44;}
.blogDiv .sousuoDiv form button{position: absolute;right: 0;top: 0;width: 16px;height: 100%;border: 0;background: transparent;padding: 0;cursor: pointer; }
.blogDiv .sousuoDiv .twoMenuDiv ul li{margin: 0 1rem;white-space: nowrap;}
.blogDiv .sousuoDiv .twoMenuDiv ul li a{opacity: .5;display: inline-block;padding-bottom: 7px;font-size: 1rem;line-height: 118%;color: #1f2a44;font-weight: 700;}
.blogDiv .sousuoDiv .twoMenuDiv ul .active a{opacity: 1;border-bottom: 2px solid #1f2a44;}
.blogDiv .sousuoDiv .twoMenuDiv ul li a:hover{opacity: 1;}
.blogDiv .listDiv{padding: 5rem 0 3.125rem;}
.blogDiv .ulDiv ul li{display: grid;grid-template-columns: 1fr minmax(432px, 0.425fr);margin: 0 auto;}
.blogDiv .ulDiv ul li .imgDiv{padding-top: 64.85%;position: relative;min-height: 550px;}
.blogDiv .ulDiv ul li .imgDiv img{position: absolute;top: 0%;left: 0;width: 100%;height: 100%;object-fit: cover; }
.blogDiv .ulDiv ul li .textDiv{display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding: 40px;background-color: #e9e9ea;}
.blogDiv .ulDiv ul li .textDiv span{background-color: #fff;padding: .5rem;margin-bottom: 1.5rem;font-size: 1.125rem;line-height: 122%;font-weight: 600;display: inline-block; }
.blogDiv .ulDiv ul li .textDiv .title{font-size: 1.5rem;line-height: 120%;font-weight: 700;display: block; }
.blogDiv .ulDiv ul li .textDiv .p{margin: 1.5rem 0;}
.blogDiv .ulDiv ul li .textDiv .imoreBtn{background: #1f2a44;color: #fff;border: 1px solid #1f2a44; }
.blogDiv .ulDiv ul li .textDiv .imoreBtn:hover{background: transparent;color: #1f2a44; }

.blogDiv .listDiv .liDiv{display: grid;grid-template-columns: repeat(3, 1fr);}
.blogDiv .listDiv .liDiv a{display: block;padding: 2.5rem 0.5rem; }
.blogDiv .listDiv .liDiv a .imgDiv{display: block;margin-bottom: 1rem;position: relative;padding-top: 60.0961538462%;max-height: 250px;overflow: hidden;}
.blogDiv .listDiv .liDiv a .imgDiv img{position: absolute;height: 100%;width: 100%;left: 0;top: 0;object-fit: cover;}
.blogDiv .listDiv .liDiv a .title{font-size: 1.25rem;text-transform: none;margin-bottom: 0.5rem;margin-top: 0.5rem;line-height: 120%;color: #1f2a44; }
.blogDiv .listDiv .liDiv a:hover .title{opacity: .5;}

.hotDiv{padding: 80px 0;background-color: rgba(233, 233, 234, 0.3); }
.hotDiv .hdDiv{border-bottom: 2px solid #fff;margin-top: 1rem; }
.hotDiv .hdDiv a{font-weight: 700;position: relative;display: block;color: #8c919f;line-height: 118%;font-size: 1rem;padding: 0 0 0.6em;margin: 0 1rem;}
.hotDiv .hdDiv a::after{content: "";height: 2px;background: #8c919f;position: absolute;left: 0;bottom: -2px;width: 0; opacity: 0;transition: width .3s cubic-bezier(0,.14,.19,1),opacity .3s; }
.hotDiv .hdDiv a:hover::after{width: 100%;opacity: 1;}
.hotDiv .hdDiv a.active{color: #1f2a44;}
.hotDiv .hdDiv a.active:after{background: #1f2a44;width: 100%;opacity: 1;}
.hotDiv .bdDiv{position: relative;margin-top: 1.5rem; }
.hotDiv .bdDiv .ul{display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px; }
.hotDiv .bdDiv .conDiv{position: relative;background: #fff;display: flex;flex-direction: column;width: 100%;height: 100%;}
.hotDiv .bdDiv .conDiv .imgDiv{position: relative;padding-top: 100%;display: block; }
.hotDiv .bdDiv .conDiv .imgDiv div{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;background: #fff;display: flex;justify-content: center;align-items: center; }
.hotDiv .bdDiv .conDiv .imgDiv img{max-width: 100%;max-height: 100%;}
.hotDiv .bdDiv .conDiv .imgDiv .hoverImg{opacity: 0;transition: opacity 650ms ease-in-out; }
.hotDiv .bdDiv .conDiv .imgDiv:hover .hoverImg{opacity: 1; }
.hotDiv .bdDiv .conDiv .tag{position: absolute;left: 0;top: 1rem;padding: .9375rem 1.5rem;background: #1f2a44;color: #fff;text-transform: uppercase;font-size: 16px;line-height: 19px;font-weight: 600;z-index: 1; }
.hotDiv .bdDiv .conDiv .textDiv{flex-grow: 1;padding: 1rem;padding-bottom: .5rem;border-top: 1px solid #f8f8f9;text-align: left;display: grid;grid-template-rows: auto auto auto 1fr;align-items: start;}
.hotDiv .bdDiv .conDiv .textDiv .titleDiv{font-weight: 700;font-size: 1.125rem;text-transform: none;line-height: 1.1875rem;margin-bottom: .2em;color: #1f2a44;}
.hotDiv .bdDiv .conDiv .textDiv .colorDiv{margin: .5rem 0;font-size: .75rem;color: #768692; }
.hotDiv .bdDiv .conDiv .textDiv .colorDiv a{display: block;height: 16px;width: 16px;border-radius: 50%;margin-right: .75rem;position: relative;display: flex;justify-content: center;align-items: center; }
.hotDiv .bdDiv .conDiv .textDiv .colorDiv a:after{content: "";position: absolute;left: 0;top: 0;border-radius: 50%;width: 100%;height: 100%;border: 1px solid rgba(0,0,0,0);transition: 200ms ease; }
.hotDiv .bdDiv .conDiv .textDiv .colorDiv a img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%; }
.hotDiv .bdDiv .conDiv .textDiv .colorDiv a .tooltip{position: absolute;top: auto;right: auto;bottom: 130%;left: 50%;transition: 200ms ease;z-index: 10;white-space: nowrap;transform: translateX(-50%) translateY(0);font-size: 12px;visibility: hidden;padding: 5px;background: #fff;opacity: 0;border-radius: 4px;filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.15));}
.hotDiv .bdDiv .conDiv .textDiv .colorDiv a .tooltip:before{content: "";position: absolute;top: 100%;left: 50%;width: 5px;height: 5px;background: #fff;transform: translateX(-50%) translateY(-50%) rotateZ(45deg); }
.hotDiv .bdDiv .conDiv .textDiv .colorDiv a:hover .tooltip{bottom: 115%;visibility: visible;opacity: 1;}
.hotDiv .bdDiv .conDiv .textDiv .colorDiv a:hover:after,.hotDiv .bdDiv .conDiv .textDiv .colorDiv a.active:after{opacity: .8;border-color: #1f2a44;transform: scale(1.4, 1.4);}
.hotDiv .bdDiv .conDiv .textDiv .priceDiv{font-size: 1rem;line-height: 1.1875rem;}
.hotDiv .bdDiv .conDiv .textDiv .pjDiv{margin-top: .375rem;min-height: 15px;line-height: .9375rem;}
.hotDiv .bdDiv .conDiv .textDiv .pjDiv p{color: #768692;font-size: .75rem;margin-left: .5rem; }
.hotDiv .swiper-button-prev{transform: scale(-1, -1);}
.hotDiv .imoreBtn{margin: 2rem auto 0;border: 1px solid #1f2a44;}
.hotDiv .imoreBtn:hover{background: #1f2a44;color: #fff; }

.blogDetailDiv{padding: 2.5rem 0 5rem;}
.blogDetailDiv .wrap{max-width: 1500px;margin: 0 auto; }
.blogDetailDiv .articleDiv{display: grid;grid-template-columns: 1fr 300px;gap: 0 7rem; }
.blogDetailDiv .articleDiv .leftDiv .cateDiv{font-size: 1rem;line-height: 120%;margin-bottom: 1rem;font-weight: bold; }
.blogDetailDiv .articleDiv .leftDiv .cateDiv a{text-decoration: underline; }
.blogDetailDiv .articleDiv .leftDiv .titleDiv{font-size: 1.5rem;line-height: 120%;font-weight: bold;margin-bottom: 1rem; }
.blogDetailDiv .articleDiv .rightDiv{width: 100%;}
.blogDetailDiv .articleDiv .rightDiv form {position: relative; }
.blogDetailDiv .articleDiv .rightDiv form input{width: 100%;height: 55px;background: #fff;border: 1px solid rgba(31, 42, 68, 0.2);padding: 0 90px 0 1rem; }
.blogDetailDiv .articleDiv .rightDiv form button{padding: 0 1.5rem;font-size: 1rem;cursor: pointer;background: #1f2a44;color: #fff;height: 100%;border: 0;position: absolute;right: 0;top: 0; }
.blogDetailDiv .articleDiv .rightDiv .likesDiv{border-top: 1px solid rgba(31,42,68,.2);border-bottom: 1px solid rgba(31,42,68,.2);padding: 40px 0;margin: 35px 0; }
.blogDetailDiv .articleDiv .rightDiv .likesDiv .title_a{font-weight: bold;font-size: 1.125rem;line-height: 122%;text-decoration: underline; }
.blogDetailDiv .articleDiv .rightDiv .likesDiv ul li a{padding: 1.5rem 0;display: block;text-align: left;} 
.blogDetailDiv .articleDiv .rightDiv .likesDiv  a .imgDiv{display: block;margin-bottom: 1rem;position: relative;padding-top: 133.33%;max-height: 250px;overflow: hidden;}
.blogDetailDiv .articleDiv .rightDiv .likesDiv  a .imgDiv img{position: absolute;height: 100%;width: 100%;left: 0;top: 0;object-fit: cover;}
.blogDetailDiv .articleDiv .rightDiv .likesDiv  a .imgDiv .bgDiv{position: absolute;left: 0;top: 0;height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;visibility: hidden;opacity: 0;transition: 300ms ease;background: rgba(31,42,68,.75);}
.blogDetailDiv .articleDiv .rightDiv .likesDiv  a .imgDiv .bgDiv .imoreBtn{background-color: #fff;color: #1f2a44;border: 1px solid #fff;}
.blogDetailDiv .articleDiv .rightDiv .likesDiv  a .imgDiv .bgDiv .imoreBtn:hover{background-color: transparent;color: #fff;}
.blogDetailDiv .articleDiv .rightDiv .likesDiv  a .textDiv{transition: opacity 350ms ease;font-size: 1.25rem;text-transform: none;margin-bottom: .5rem;margin-top: .5rem;line-height: 120%;font-weight: bold; }
.blogDetailDiv .articleDiv .rightDiv .likesDiv  a:hover .imgDiv .bgDiv{visibility: visible;opacity: 1;}
.blogDetailDiv .articleDiv .rightDiv .likesDiv  a:hover .textDiv{opacity: .5;}
.blogDetailDiv .shareDiv{padding: 5rem 0;}
.blogDetailDiv .shareDiv a{color: #1f2a44;width: 40px;height: 40px;border-radius: 100%;border: 1px solid #1f2a44;display: inline-flex;justify-content: center;align-items: center;margin-right: 1rem;margin-bottom: .5rem;}
.blogDetailDiv .shareDiv a svg{width: 12px;height: 12px; }
.blogDetailDiv .shareDiv a:hover{background: #1f2a44; }
.blogDetailDiv .shareDiv a:hover svg{filter: invert(100%);}
.commonTextDiv{text-align: center;border-top: 1px solid #768692;border-bottom: 1px solid #768692;margin: 0 auto;max-width: 848px;padding: 5rem 2.5rem;}
.commonTextDiv span{font-size: 3rem;line-height: 130%;font-weight: bold; }
.commonTextDiv a{border: 1px solid #1f2a44;margin-top: 1rem; }
.commonTextDiv a:hover{background: #1f2a44;color: #fff; }

.proDetailDiv{padding-top: 1.5rem;}
.proDetailDiv .infoDiv{display: grid;grid-template-columns: 56% 40%;grid-gap: 4%;padding-bottom: 5rem;}
.proDetailDiv .infoDiv .leftDiv{width: 100%;}
.proDetailDiv .infoDiv .leftDiv img{width: 100%;}
.proDetailDiv .infoDiv .rightDiv .titleDiv{margin-bottom: .5rem;}
.proDetailDiv .infoDiv .rightDiv .titleDiv .title{padding-right: 10%;font-size: 2rem;line-height: 2.375rem;text-transform: initial;font-weight: 700;}
.proDetailDiv .infoDiv .rightDiv .titleDiv span{padding: .625rem 1.5rem;background: #1f2a44;color: #fff;text-transform: uppercase;font-weight: 500;align-self: flex-start;white-space: nowrap;}
.proDetailDiv .infoDiv .rightDiv .priceDiv{margin-bottom: .625rem;font-weight: normal;font-size: 1.5rem;line-height: 1.8125rem;}
.proDetailDiv .infoDiv .rightDiv .pjDiv p{font-size: .75rem;line-height: .9375rem;color: #768692; }
.proDetailDiv .infoDiv .rightDiv .pjDiv {padding: .5rem 0;}
.proDetailDiv .infoDiv .rightDiv .p1{font-weight: 300;font-size: 1rem;line-height: 1.3125rem;margin-bottom: 1rem;}
.proDetailDiv .infoDiv .rightDiv .p1 a{font-weight: 400;margin-left: 8px;text-decoration: underline; }
.proDetailDiv .sizeDiv .pft{margin-bottom: .5rem;font-weight: 700;font-size: 1.125rem;line-height: 1.375rem; }
.proDetailDiv .sizeDiv .aDiv a{cursor: pointer;display: flex;border: 1px solid rgba(31,42,68,.2);background: #fff;padding: .5rem;transition: border-color 200ms ease;font-size: .75rem;line-height: .9375rem;margin-right: .5rem;margin-bottom: .3125rem;position: relative; }
.proDetailDiv .sizeDiv .aDiv a.on{border-color: #1f2a44;}
.proDetailDiv .sizeDiv .aDiv a.no{color: #768692;}
.proDetailDiv .sizeDiv .aDiv a.no:after{content: "";opacity: 1;top: 50%;left: 0;bottom: 0;right: 50%;width: 100%;height: 1px;position: absolute;background-color: #768692;transform: rotate(45deg);z-index: 3;}

.proDetailDiv .colorDiv{margin: 1rem 0; }
.proDetailDiv .colorDiv .pft{margin-bottom: .5rem;font-weight: 700;font-size: 1.125rem;line-height: 1.375rem; }
.proDetailDiv .colorDiv a{display: block;height: 16px;width: 16px;border-radius: 50%;margin-right: .75rem;position: relative;display: flex;justify-content: center;align-items: center; }
.proDetailDiv .colorDiv a:after{content: "";position: absolute;left: 0;top: 0;border-radius: 50%;width: 100%;height: 100%;border: 1px solid rgba(0,0,0,0);transition: 200ms ease; }
.proDetailDiv .colorDiv a img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%; }
.proDetailDiv .colorDiv a .tooltip{position: absolute;top: auto;right: auto;bottom: 130%;left: 50%;transition: 200ms ease;z-index: 10;white-space: nowrap;transform: translateX(-50%) translateY(0);font-size: 12px;visibility: hidden;padding: 5px;background: #fff;opacity: 0;border-radius: 4px;filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.15));}
.proDetailDiv .colorDiv a .tooltip:before{content: "";position: absolute;top: 100%;left: 50%;width: 5px;height: 5px;background: #fff;transform: translateX(-50%) translateY(-50%) rotateZ(45deg); }
.proDetailDiv .colorDiv a:hover .tooltip{bottom: 115%;visibility: visible;opacity: 1;}
.proDetailDiv .colorDiv a:hover:after,.proDetailDiv .colorDiv a.active:after{opacity: .8;border-color: #1f2a44;transform: scale(1.4, 1.4);}
.proDetailDiv .infoDiv .rightDiv .cart_a{width: 65%;line-height: 3.5rem;font-size: 1.125rem;background: #1f2a44;color: #fff;display: block;text-align: center;font-weight: bold;margin: 2rem 0; }

.toggleDiv ul li{padding: 1rem 0;border-top: 1px solid #cdcfd5; }
.toggleDiv ul li .hd span{font-weight: bold;font-size: 1.125rem;line-height: 1.375rem;padding-right: 1.5625rem;position: relative;cursor: pointer; }
.toggleDiv ul li .hd span::after{content: "+";position: absolute;top: 0;right: 0;font-weight: 400;font-family: sans-serif;font-size: 20px; }
.toggleDiv ul li.open .hd span::after{content: "-";}
.toggleDiv ul li .bd{padding-top: 1rem;font-size: 14px;display: none; }
.toggleDiv ul li .bd p{margin-bottom: 10px;}
.toggleDiv ul li.open .bd{display: block; }
.toggleDiv ul li:last-child{border-bottom: 1px solid #cdcfd5;}

.proDetailDiv .dapeiDiv{padding-top: 1rem; }
.proDetailDiv .dapeiDiv .pft{font-size: 1.5rem;line-height: 1.8125rem;font-weight: 700;margin-bottom: 8px;}
.proDetailDiv .dapeiDiv .swiperWrap{position: relative;}
.proDetailDiv .dapeiDiv .swiperWrap .swiper-slide{height: auto;position: relative;}
.proDetailDiv .dapeiDiv .swiperWrap .conDiv{position: relative;display: flex;flex-direction: column;width: 100%;height: 100%;}
.proDetailDiv .dapeiDiv .swiperWrap .conDiv .imgDiv{position: relative;padding-top: 100%;display: block; }
.proDetailDiv .dapeiDiv .swiperWrap .conDiv .imgDiv div{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;background: #fff;display: flex;justify-content: center;align-items: center; }
.proDetailDiv .dapeiDiv .swiperWrap .conDiv .imgDiv img{max-width: 100%;max-height: 100%;}
.proDetailDiv .dapeiDiv .swiperWrap .conDiv .imgDiv .hoverImg{opacity: 0;transition: opacity 650ms ease-in-out; }
.proDetailDiv .dapeiDiv .swiperWrap .conDiv .imgDiv:hover .hoverImg{opacity: 1; }
.proDetailDiv .dapeiDiv .swiperWrap .conDiv .tag{position: absolute;left: 0;top: 1rem;padding: .9375rem 1.5rem;background: #1f2a44;color: #fff;text-transform: uppercase;font-size: 16px;line-height: 19px;font-weight: 600;z-index: 1; }
.proDetailDiv .dapeiDiv .swiperWrap .conDiv .textDiv{flex-grow: 1;padding: 1rem 0;text-align: left;display: grid;grid-template-rows: auto auto auto 1fr;align-items: start;}
.proDetailDiv .dapeiDiv .swiperWrap .conDiv .textDiv .titleDiv{font-size: 14px;text-transform: none;line-height: 1.1875rem;margin-bottom: .2em;color: #1f2a44;}
.proDetailDiv .dapeiDiv .swiperWrap .conDiv .textDiv .priceDiv{font-size: 1rem;line-height: 1.1875rem;}
.proDetailDiv .dapeiDiv .swiperWrap .conDiv .textDiv .pjDiv{min-height: 15px;line-height: .9375rem;}
.proDetailDiv .swiper-button-next,.proDetailDiv .swiper-button-prev{background: none;color: #007aff;width: initial;height: initial;margin-top: initial;top: 40%; }
.proDetailDiv .swiper-button-prev{transform: scale(-1, -1);}
.proDetailDiv .bdDiv{position: relative;}
.proDetailDiv .navDiv{position: relative;width: 100%;background: #e9e9ea;z-index: 3;overflow-x: auto;text-align: center;max-width: 100vw; }
.proDetailDiv .navDiv.onFixed{position: fixed;left: 0;top: 72px; }
.proDetailDiv .navDiv ul{flex-wrap: nowrap;}
.proDetailDiv .navDiv ul li{margin: 1rem 1.25rem;white-space: nowrap;display: inline-block; }
.proDetailDiv .navDiv ul li a{font-size: 1rem;line-height: 1.1875rem;text-transform: uppercase;opacity: .5;font-weight: 700;text-decoration: none;transition: opacity 300ms ease; }
.proDetailDiv .navDiv ul li a.top_dh_in{color: #1f2a44; border-bottom: 2px solid #1f2a44;opacity: 1; }

.proDetailDiv .introDiv{padding: 5rem 0;background: #fff; }
.proDetailDiv .introDiv .wrap{max-width: 847px;margin: 0 auto; }
.proDetailDiv .indexTitle{margin-bottom: 1rem; }

.proDetailDiv .knlikeDiv{padding: 5rem 0 0; }
.proDetailDiv .knlikeDiv .swiperWrap{position: relative;}
.proDetailDiv .knlikeDiv .swiperWrap .swiper-slide{height: auto;position: relative;}
.proDetailDiv .knlikeDiv .swiperWrap .conDiv{position: relative;background: #fff;display: flex;flex-direction: column;width: 100%;height: 100%;}
.proDetailDiv .knlikeDiv .swiperWrap .conDiv .imgDiv{position: relative;padding-top: 100%;display: block; }
.proDetailDiv .knlikeDiv .swiperWrap .conDiv .imgDiv div{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;background: #fff;display: flex;justify-content: center;align-items: center; }
.proDetailDiv .knlikeDiv .swiperWrap .conDiv .imgDiv img{max-width: 100%;max-height: 100%;}
.proDetailDiv .knlikeDiv .swiperWrap .conDiv .imgDiv .hoverImg{opacity: 0;transition: opacity 650ms ease-in-out; }
.proDetailDiv .knlikeDiv .swiperWrap .conDiv .imgDiv:hover .hoverImg{opacity: 1; }
.proDetailDiv .knlikeDiv .swiperWrap .conDiv .tag{position: absolute;left: 0;top: 1rem;padding: .9375rem 1.5rem;background: #1f2a44;color: #fff;text-transform: uppercase;font-size: 16px;line-height: 19px;font-weight: 600;z-index: 1; }
.proDetailDiv .knlikeDiv .swiperWrap .conDiv .textDiv{flex-grow: 1;padding: 1rem;padding-bottom: .5rem;border-top: 1px solid #f8f8f9;text-align: left;display: grid;grid-template-rows: auto auto auto 1fr;align-items: start;}
.proDetailDiv .knlikeDiv .swiperWrap .conDiv .textDiv .titleDiv{font-weight: 700;font-size: 1.125rem;text-transform: none;line-height: 1.1875rem;margin-bottom: .2em;color: #1f2a44;}
.proDetailDiv .knlikeDiv .swiperWrap .conDiv .textDiv .colorDiv{margin: .5rem 0;font-size: .75rem;color: #768692; }
.proDetailDiv .knlikeDiv .swiperWrap .conDiv .textDiv .colorDiv a{display: block;height: 16px;width: 16px;border-radius: 50%;margin-right: .75rem;position: relative;display: flex;justify-content: center;align-items: center; }
.proDetailDiv .knlikeDiv .swiperWrap .conDiv .textDiv .colorDiv a:after{content: "";position: absolute;left: 0;top: 0;border-radius: 50%;width: 100%;height: 100%;border: 1px solid rgba(0,0,0,0);transition: 200ms ease; }
.proDetailDiv .knlikeDiv .swiperWrap .conDiv .textDiv .colorDiv a img{width: 100%;height: 100%;object-fit: cover;border-radius: 50%; }
.proDetailDiv .knlikeDiv .swiperWrap .conDiv .textDiv .colorDiv a .tooltip{position: absolute;top: auto;right: auto;bottom: 130%;left: 50%;transition: 200ms ease;z-index: 10;white-space: nowrap;transform: translateX(-50%) translateY(0);font-size: 12px;visibility: hidden;padding: 5px;background: #fff;opacity: 0;border-radius: 4px;filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.15));}
.proDetailDiv .knlikeDiv .swiperWrap .conDiv .textDiv .colorDiv a .tooltip:before{content: "";position: absolute;top: 100%;left: 50%;width: 5px;height: 5px;background: #fff;transform: translateX(-50%) translateY(-50%) rotateZ(45deg); }
.proDetailDiv .knlikeDiv .swiperWrap .conDiv .textDiv .colorDiv a:hover .tooltip{bottom: 115%;visibility: visible;opacity: 1;}
.proDetailDiv .knlikeDiv .swiperWrap .conDiv .textDiv .colorDiv a:hover:after,.proDetailDiv .bdDiv .swiperWrap .conDiv .textDiv .colorDiv a.active:after{opacity: .8;border-color: #1f2a44;transform: scale(1.4, 1.4);}
.proDetailDiv .knlikeDiv .swiperWrap .conDiv .textDiv .priceDiv{font-size: 1rem;line-height: 1.1875rem;}
.proDetailDiv .knlikeDiv .swiperWrap .conDiv .textDiv .pjDiv{margin-top: .375rem;min-height: 15px;line-height: .9375rem;}
.proDetailDiv .bdDiv .swiperWrap .conDiv .textDiv .pjDiv p{color: #768692;font-size: .75rem;margin-left: .5rem; }

.proDetailDiv .jsgg{padding: 5rem 0; }
.proDetailDiv .jsgg .wrap{max-width: 66.5rem;margin: 0 auto; }
.proDetailDiv .jstd{padding: 5rem 0;background: #fff; }
.proDetailDiv .jstd .wrap{max-width: 66.5rem;margin: 0 auto; }
.proDetailDiv .quesDiv {padding: 5rem 0; }
.proDetailDiv .quesDiv .gridDiv{display: grid;align-items: center;grid-auto-columns: 1fr;}
.proDetailDiv .quesDiv .qlDiv {align-self: baseline; }
.proDetailDiv .quesDiv .qlDiv .indexTitle{text-align: left; }
.proDetailDiv .pinglunDiv{padding: 5rem 0;background: #fff; }
.proDetailDiv .pinglunDiv .wrap{max-width: 848px;margin: 0 auto; }
.proDetailDiv .pinglunDiv ul li{border-bottom: 1px solid #cdcfd5;padding: 1.5rem 0;display: grid;grid-template-columns: 15% 85%;grid-gap: 4%; }
.proDetailDiv .pinglunDiv ul li .lDiv .name{font-weight: bold;font-size: 16px;}
.proDetailDiv .pinglunDiv ul li .lDiv .date{font-weight: 600;font-size: 14px;margin-top: 0.6rem; }

.popDiv{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);z-index: 11111;overflow: auto; }
.popDiv .popCon{max-width: 632px;width: calc(100% - 1rem);text-align: center;max-height: 100%;top: 50%;transform: translate(-50%, -50%);margin-top: 0 !important;left: 50%;position: absolute; }
.popDiv .popCon .bgDiv{height: auto;background: #fff;padding: 3rem;}
.popDiv .popCon .closeBtn{position: absolute;right: 1rem;top: 1rem;width: 1rem; }
.popDiv .popCon .titleDiv{text-align: center;}
.popDiv .popCon .titleDiv svg{margin-bottom: 1rem;color: #1f2a44; }
.popDiv .popCon .titleDiv p{margin-bottom: 1.5rem;font-size: 1.5rem;line-height: 120%;font-weight: bold; }
.popDiv .popCon .listDiv .itemDiv{border-top: 1px solid #e9e9ea;padding: 1rem 0;font-size: 14px;line-height: 140%; }
.popDiv .popCon .listDiv .itemDiv .hd{position: relative;cursor: pointer; }
.popDiv .popCon .listDiv .itemDiv .hd span{text-align: center;font-weight: bold; }
.popDiv .popCon .listDiv .itemDiv .hd::after{content: "+";position: absolute;right: 0;font-weight: bold;font-size: 14px;font-family: sans-serif; }
.popDiv .popCon .listDiv .itemDiv.open .hd::after{content: "-";}
.popDiv .popCon .listDiv .itemDiv .bd{display: none;}
.popDiv .popCon .listDiv .itemDiv .bd p{font-size: 12px;text-transform: initial;padding-top: 10px;}
.popDiv .popCon .listDiv .itemDiv .bd ul{text-align: center;display: grid;justify-content: center;padding: 1rem 0 20px;border-bottom: 1px solid #f1f1f1;  }
.popDiv .popCon .listDiv .itemDiv .bd ul li{margin: 6px 6px 2px 6px;}
.popDiv .popCon .listDiv .itemDiv .bd ul li a{display: flex;justify-content: flex-start;align-items: center;padding: 10px; }
.popDiv .popCon .listDiv .itemDiv .bd ul li img{height: 12px;margin-right: 10px;}
.popDiv .popCon .listDiv .itemDiv .fd{margin: 6px 6px 2px 6px;display: none;}
.popDiv .popCon .listDiv .itemDiv .fd a{padding: 10px;display: inline-block;}
.popDiv .popCon .listDiv .itemDiv a:hover{background: #f1f1f1; }
.popDiv .popCon .listDiv .itemDiv.open .bd,.popDiv .popCon .listDiv .itemDiv.open .fd{display: block;}

.pageDiv{margin-top: 50px;}
.pageDiv span,.pageDiv a{color: #1f2a44;opacity: .3;margin: 0 15px;padding: 0 2px;display: inline-block; }
.pageDiv span{opacity: 1;border-bottom: 2px solid #1f2a44; }
.pageDiv a.prevBtn,.pageDiv a.nextBtn{opacity: 1;text-transform: uppercase;font-family: fontH; }

.blogSearchDiv{padding: 2rem 0 5rem;}
.blogSearchDiv .sousuoDiv .keywords{text-align: center;margin-bottom: 3.375rem; font-size: 3rem;line-height: 130%;font-family: fontH; }
.blogSearchDiv .sousuoDiv form{max-width: 416px;position: relative;margin:0 auto 1.5rem; }
.blogSearchDiv .sousuoDiv form input{width: 100%;line-height: 35px;background: transparent;border: 0;border-bottom: 1px solid #b7bac3;font-size: 14px;padding-right: 20px; }
.blogSearchDiv .sousuoDiv form input:focus{border: 1px solid #1f2a44;}
.blogSearchDiv .sousuoDiv form button{position: absolute;right: 0;top: 0;width: 16px;height: 100%;border: 0;background: transparent;padding: 0;cursor: pointer; }
.blogSearchDiv .listDiv .ulDiv{display: grid;grid-template-columns: repeat(3, 1fr);}
.blogSearchDiv .listDiv .ulDiv a{display: block;padding: 2.5rem 0.5rem; }
.blogSearchDiv .listDiv .ulDiv a .imgDiv{display: block;margin-bottom: 1rem;position: relative;padding-top: 60.0961538462%;max-height: 250px;overflow: hidden;}
.blogSearchDiv .listDiv .ulDiv a .imgDiv img{position: absolute;height: 100%;width: 100%;left: 0;top: 0;object-fit: cover;}
.blogSearchDiv .listDiv .ulDiv a .title{font-size: 1.25rem;text-transform: none;margin-bottom: 0.5rem;margin-top: 0.5rem;line-height: 120%;color: #1f2a44; }
.blogSearchDiv .listDiv .ulDiv a:hover .title{opacity: .5;}

.productSearchDiv{padding: 2rem 0 5rem;}
.productSearchDiv .sousuoDiv .keywords{text-align: center;margin-bottom: 3.375rem; font-size: 3rem;line-height: 130%;font-family: fontH; }
.productSearchDiv .sousuoDiv form{max-width: 416px;position: relative;margin:0 auto 1.5rem; }
.productSearchDiv .sousuoDiv form input{width: 100%;line-height: 35px;background: transparent;border: 0;border-bottom: 1px solid #b7bac3;font-size: 14px;padding-right: 20px; }
.productSearchDiv .sousuoDiv form input:focus{border: 1px solid #1f2a44;}
.productSearchDiv .sousuoDiv form button{position: absolute;right: 0;top: 0;width: 16px;height: 100%;border: 0;background: transparent;padding: 0;cursor: pointer; }
.productSearchDiv .bdDiv{display: block;}
.productSearchDiv .bdDiv .rightDiv .rowDiv{grid-template-columns: repeat(4, 1fr);}

.contactDiv{padding: 2rem 0 5rem; }
.contactDiv .wrap{max-width: 1200px;margin: 0 auto; }
.contactDiv .leftDiv{width: 35%;}
.contactDiv .rightDiv{width: 60%;}

.mdcxDiv .wrap{max-width: 1600px;margin: 0 auto;}
.mdcxDiv .bdDiv{min-height: 780px;position: relative;align-items: initial; }
.mdcxDiv .bdDiv .leftDiv{width: 320px;background: rgba(0,0,0,.3);padding: 5rem 0; }
.mdcxDiv .bdDiv .leftDiv .title{color: #fff;text-align: center;font-size: 30px; }
.mdcxDiv .bdDiv .leftDiv form{margin:40px 20px 0;}
.mdcxDiv .bdDiv .leftDiv form select{width: calc(100% - 125px);height: 30px;background: #CBCBCB;color: #fff;border: 0; }
select:focus{outline: none; }
.mdcxDiv .bdDiv .leftDiv form button{width: 105px;line-height: 30px;background: #CBCBCB;color: #fff;border: 0;font-size: 22px;cursor: pointer; }
.mdcxDiv .bdDiv .rightDiv{width: calc(100% - 400px);padding: 5rem 0; }
.mdcxDiv .bdDiv .rightDiv .hd p{font-size: 22px;margin-right: 20px; }
.mdcxDiv .bdDiv .rightDiv .hd span{font-size: 18px;margin-left: 5px;}
.mdcxDiv .bdDiv .rightDiv .bd{margin-top: 40px; }
.mdcxDiv .bdDiv .rightDiv .row>div{margin-bottom: 20px; }
.mdcxDiv .bdDiv .rightDiv .row>div .conDiv{height: 100%;background: #ECECEC;padding: 20px 17px 35px 25px;position: relative;min-height: 140px; }
.mdcxDiv .bdDiv .rightDiv .row>div .conDiv p{margin-top: 10px; }
.mdcxDiv .bdDiv .rightDiv .row>div .conDiv a{position: absolute;right: 10px;bottom: 5px;width: 95px;line-height: 25px;background: #706E6C;color: #fff;text-align: center;cursor: pointer;font-size: 14px; }

#exit2{width:80px;height:40px;background:red;margin:auto;border-radius:6px;font-size:16px;color:#FFF;text-align:center;line-height:40px;margin-top:20px;cursor: pointer;}
.order_div1{position:fixed;z-index:99999;top:0px;width:100%;display: none;}
.yinchang {display: none;z-index: 9999;position: fixed;bottom: 0;height: 100%;left: 0;width: 100%;background: #000;filter: alpha(opacity=50);-moz-opacity: 0.50;opacity: 0.50;}

.storyDiv .shdDiv{padding: 60px 0; }
.storyDiv .shdDiv ul li{min-height: 30rem; }
.storyDiv .shdDiv ul li .imgDiv{padding-left: 10%; }
.storyDiv .shdDiv ul li .textDiv{height: 100%;display: grid;align-items: center;align-content: center;justify-items: start;justify-content: start;padding: 0 90px;color: #1f2a44; }
.storyDiv .shdDiv ul li .textDiv span{font-size: 16px;color: ;font-style: normal;font-weight: 700;line-height: 131.25%;text-transform: uppercase;margin-bottom: 0px;display: block; }
.storyDiv .shdDiv ul li .textDiv .title{display: block;margin-bottom: 1rem;font-size: 50px;max-width: 500px;font-weight: 600;}
.storyDiv .shdDiv ul li .textDiv p{margin-bottom: 1.5rem; max-width: 500px;}
.storyDiv .shdDiv ul li:nth-of-type(even) .imgDiv{order: 1;}
.storyDiv .sbdDiv{padding: 60px 0;}
.storyDiv .sbdDiv .videoDiv{margin-bottom: 80px; }
.storyDiv .sbdDiv .textDiv .title{text-align: center;font-size: 37px;line-height: 37px;margin-bottom: 1rem; }
.storyDiv .sbdDiv .textDiv .p{text-align: center;}
.storyDiv .sbdDiv .textDiv .p p{margin-bottom: 2rem;}


/*2024-6-24*/
.zb-banner .textDiv{min-height: 36.1vw;background: rgba(0, 0, 0, 0.15); }
.zb-banner .textDiv span{font-size: 3.75rem; }
.zb-banner .textDiv p{font-size: 1.125rem;line-height: 120%;font-weight: 500;padding: 1rem 0; }

.xzbDiv .xzb1{padding: 40px 0;background: #f8f8f9;color: #1f2a44;text-align: center; }
.xzbDiv .xzb1 p{line-height: 120%;font-size: 1.5rem;font-weight: bold;margin-bottom: 1rem; }
.xzbDiv .xzb2{padding: 60px 0; }
.xzbDiv .itemDiv{display: grid;align-items: center;grid-auto-columns: 1fr;min-height: 30rem; }
.xzbDiv .itemDiv .imgDiv{position: relative;height: 100%; }
.xzbDiv .itemDiv .textDiv{height: 100%;display: grid;align-items: center;align-content: center;justify-items: start;justify-content: start;padding: 0 4.5vw; }
.xzbDiv .itemDiv .textDiv .title{font-size: 2.75rem;margin-bottom: 1rem;font-weight: 600; }
.xzbDiv .itemDiv .textDiv .p{max-width: 500px;margin-bottom: 1.5rem;font-size: 1rem;line-height: 1.5;font-weight: 300; }
.xzbDiv .itemDiv .textDiv .aDiv{flex-direction: column;display: flex;margin-top: 1.5rem;text-decoration: underline;font-weight: 600; }
.xzbDiv .itemDiv .grid-item{grid-row: 1; }
.xzbDiv .xzb4{padding: 60px 0; }
.xzbDiv .xzb4 .itemDiv .imgDiv{order: 1; }
.xzbDiv .xzb6 .itemDiv .imgDiv{order: 1; }
.xzbDiv .xzb3{background: #1f2a44;}
.xzbDiv .xzb3 .conDiv{min-height: 36.1vw; color: #fff;text-align: center;padding-top: 2.5rem;padding-bottom: 2.5rem;display: flex;flex-direction: column;justify-content: center;align-items: center; }
.xzbDiv .xzb3 .conDiv .title{font-size: 3.75rem;font-weight: 700; }
.xzbDiv .xzb3 .conDiv .p{font-size: 1.125rem;max-width: 800px;font-weight: 500;padding: 1rem 0; }
.xzbDiv .xzb5{background: #768692;}
.xzbDiv .xzb6{padding: 60px 0; }
.xzbDiv .xzb7{padding: 0 0 60px; }


@media (max-width:1220px) {
}
@media (max-width:1100px) {
}
@media (min-width:992px) and (max-width:1024px) {
}
@media (min-width:768px) and (max-width:991px) {
	
}
@media (max-width:991px){
	.wrap{padding: 0 2.5rem;}
	.menu{width:100%}
	.menu ul{width:100%;display: block;}
	.menu>ul>li>a{padding: 0 20px;}
	.menu.align-center>ul,.menu.align-right ul ul{text-align:left}
	.menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(0,0,0,.05);}
	/*.indexHeader .menu ul li,.indexHeader .menu ul ul li,.indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(255,255,255,.2);}*/
	/*.on-fixed .indexHeader .menu ul li,.on-fixed .indexHeader .menu ul ul li,.on-fixed .indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(0,0,0,.2);}*/
	.menu ul li a,.menu ul ul li a{width:100%}
	.menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block}
	.menu ul ul li a{padding:0 20px 0;font-size:12px;color:#333;background:0 0}
	.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#333}
	
	.indexHeader .menu ul ul li a{color:#fff;}
	.indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#fff}
	
	.on-fixed .indexHeader .menu ul ul li a{color:#333;}
	.on-fixed .indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#333}
	
	.menu ul ul ul li a{padding-left:40px}
	.menu ul ul,
	.menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
	.menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none}
	#menu-line{display:none}
	.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
	.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#000}
	.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #000;border-bottom:2px solid #fff}
	.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,0);height:52px;width:52px;cursor:pointer}
	.menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#000;z-index:99}
	.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#000;;z-index:99}
	
	/*.indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(255,255,255,.2);height:52px;width:52px;cursor:pointer}
	.indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
	.indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;z-index:99}*/
	
	/*.on-fixed .indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer}
	.on-fixed .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.on-fixed .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}*/
	
	
	.menu .submenu-button.submenu-opened:after{display:none}
	.menu ul ul{background: transparent;border-bottom:none;padding: 0;}
	.menu ul ul ul{top: 0;}
	.menu li:hover>ul{left: auto;margin-left: auto;}
	.menu ul ul .wrap{padding:0 15px;}
	.menu ul ul .hd{display: none;}
	.menu ul ul .bd{padding: 0;}
	header .rightDiv .menu>ul>li li a{text-align: left;line-height: 50px;}
	/*header.indexHeader .rightDiv .menu>ul>li li a{color: #fff;}*/
	.on-fixed header.indexHeader .rightDiv .menu>ul>li li a{color: #333;}
	header:before{display: none;}
	header {
		position: fixed !important;
		z-index: 9999;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 102px;
		transition: right 300ms !important;
	}
	/* header .header-container{height: 50px;} */
	header .logo a{height: 64px;}
	header .mbtn {display: block;left: 2rem; }
	.indexHeader .mbtn {display: block;}
	body.on-menu header{background: rgba(255,255,255,.97);}
	body.on-menu.on-fixed  header{background:  rgba(255,255,255,.97);}
	body.on-menu header .mbtn{z-index: 1;}
	header .rightDiv .menu {
		float: right;
		position: fixed;
		top: 102px;
		left: 0;
		width: 100%;
		height: calc(100% - 102px);
		padding-top: 0;
		background-color: rgba(255,255,255,.97);
		/*border-bottom: 1px solid #f8f8f847;*/
		transition: left 300ms;
		left: -100%;
		padding: 0;
		overflow-y: auto;
	}
	.on-fixed header .rightDiv .menu{
		background-color: rgba(255,255,255,.97);
		top: 64px;
		height: calc(100% - 64px);
	}
	.on-fixed header{top: -38px;}
	header .rightDiv .menu ul{float: initial;height: initial;}
	/*header .rightDiv .menu ul.open{background: #000;}*/
	header .rightDiv .menu ul li {
		padding: 0;
		margin: 0;
		/*border-bottom: 1px solid #f8f8f847;*/
		float: initial;
		position: relative;
		height: initial;
		display: block;
	}
	header .rightDiv .menu ul li a {
		display: block;
		line-height: 50px;
		height: 50px;
		text-align: left;
	}
	header .rightDiv .menu>ul {display: block;padding-top: 0;}
	body.on-menu header .rightDiv .menu {left: 0;}
	body.on-menu .main {right: 0;}
	header .rightDiv .menu>ul>li>a{padding:0 15px;background: none;}
	header .rightDiv .menu>ul>li>a::after{display: none;}
	header .rightDiv .menu>ul>li:hover>a, header .rightDiv .menu>ul>li:focus>a, header .rightDiv .menu>ul>li.on>a, header .rightDiv .menu>ul>li.active>a{font-weight: bold;}
	header .rightDiv .menu>ul>li>a span{line-height: 50px;}
	.menu ul ul{box-shadow: none;opacity: 1;visibility: visible;transform: translate(0px);transition: transform .6s;padding: 0;left: 0;display: block;}
	header .rightDiv .menu>ul>li>a{color: #111;}
	.indexHeader .rightDiv .menu>ul>li>a{color: #111;}
	.main {position: relative;right: 0;transition: right 300ms !important;margin-top: 102px; }
	header .headerTop{text-align: center;font-size: .875rem;line-height: 1.125rem;}
	header .headerTop .quickmenu{display: none;}
	header .header-container .grid-container{grid-template-columns: 1fr;}
	header .logo{position: absolute;left: 50%;transform: translateX(-50%); }
	header .otherDiv{height: 64px; }	
	.indexDiv2 .bdDiv{grid-template-columns: 1fr;}
	.indexDiv2 .bdDiv a:first-child{grid-row: span 1;}
	.indexDiv2 .bdDiv a .textDiv .title{font-size: 3rem;}
	.indexTitle span{font-size: 3rem;}
	.indexDiv3 .gridDiv{grid-template-columns: repeat(2, 1fr);}
	.indexDiv3 .gridDiv a:last-child{display: none;}
	.indexDiv4 {background: url(../img/i-a-bg.webp) no-repeat top center/100% 80%;}
	.indexDiv4 .bdDiv{grid-template-columns: 1fr;}
	.indexDiv4 .bdDiv .textDiv{align-items: center;}
	.indexDiv4 .bdDiv .textDiv span{font-size: 2em;}
	.swiperPop .swiperCon .rightDiv .sheader a.closebtn{margin: 6px;}
	.menu ul .zbUl{grid-template-columns:  1fr;padding: 1rem 1.5rem 0.3125rem;position: relative;margin-top: 0;opacity: 1;
    visibility: visible; }
	.menu ul .zbUl .ullDiv{margin-right: 0;}
	.menu ul .zbUl .ullDiv .ul{grid-template-columns: 1fr;}
	.menu ul .zbUl .ullDiv .ul .li{margin-bottom: 1.5rem; }
	.menu ul .zbUl .ullDiv .ul .li>a,.menu ul .zbUl .ullDiv .ul .li .aDiv a{height: initial;}
	.menu ul .zbUl .ulrDiv{display: none;}
	.menu ul .defaultUl{position: relative;padding: 1rem 1.5rem 0.3125rem;margin-top: 0;opacity: 1;
    visibility: visible;}
	.menu ul .defaultUl .aDiv a{height: initial;}
	
	.productDiv .bdDiv{grid-template-columns: 1fr;}
	.productDiv .bdDiv .leftDiv{display: none;position: fixed;left: 0;top: 0;height: 100vh;background: rgba(0, 0, 0, 0.5);width: 100vw;z-index: 99999;}
	.productDiv .bdDiv .leftDiv .filterDiv{width: 308px;background: #fff;padding: 1.875rem 1rem 1rem;overflow-y: auto;height: 100%;  }
	.productDiv .bdDiv .rightDiv,.productDiv .bdDiv.grid1 .rightDiv{grid-template-columns: repeat(2, 1fr);}
	.productDiv .bdDiv.grid1 .leftDiv{display: block;}
	.productDiv .hdDiv .resultDiv{display: none;}
	.productDiv .hdDiv {display: grid;gap: 1rem;grid-template-columns: 1fr 1fr; }
	.productDiv .hdDiv .glqDiv{width: 100%;margin-bottom: 7px;}
	.productDiv .hdDiv .shxDiv{width: 100%;}
	
	.blogDiv .ulDiv ul li{grid-template-columns: 1fr;}
	.blogDiv .ulDiv ul li .imgDiv{min-height: initial;}
	/* .blogDiv .listDiv ul li .textDiv{align-items: center;} */
	.hotDiv .bdDiv .ul{grid-template-columns: repeat(2, 1fr);}
	.proDetailDiv .navDiv.onFixed{top: 64px;}
	
	.blogSearchDiv .sousuoDiv .keywords{font-size: 2rem;}
	.productSearchDiv .sousuoDiv .keywords{font-size: 2rem;}
	.mdcxDiv .bdDiv .leftDiv{width: 30%;}
	.mdcxDiv .bdDiv .leftDiv form{display: block;}
	.mdcxDiv .bdDiv .leftDiv form select{width: 100%;margin-bottom: 10px;}
	.mdcxDiv .bdDiv .rightDiv{width: 65%;}
	.storyDiv .shdDiv ul li{gap: 24px;}
	.storyDiv .shdDiv ul li .textDiv{padding: 0;}
	.storyDiv .shdDiv ul li .textDiv .title{font-size: 48px; }
}

.hidden-xs{display: block;}
.visible-xs{display: none;}

/*手机*/
@media (max-width:767px) {
	html, body{min-width: initial;overflow-x: hidden;}
	
	.hidden-xs{display: none;}
	.visible-xs{display: block;}
	.floatRightDiv{display: none;}
	.wrap{padding: 0 15px;width: 100%;}
	header .mbtn{height: 50px;left: 0;}
	header .otherDiv .cartDiv a{margin: 0 0 0.5rem;}
	header{height: 90px;}
	header .logo a{height: 50px;}
	header .otherDiv{height: 50px;}
	.on-fixed header .rightDiv .menu{top: 50px;height: calc(100% - 50px);}
	header .rightDiv .menu{top: 88px;height: calc(100% - 88px);}
	header .otherDiv .searchDiv .searchForm{padding: 0 15px;}
	header .otherDiv .searchDiv .searchForm form{padding: 1rem 0;}
	header .otherDiv .searchDiv .searchForm .search-suggestion .srDiv{display: none;}
	header .otherDiv .searchDiv .searchForm .search-suggestion .slDiv{width: 100%;}
	.main{margin-top: 88px;}
	
	.indexDiv{padding: 50px 0; }
	.index-banner .imgDiv .hidden-xs{display: none;}
	.index-banner .imgDiv .visible-xs{display: block;}
	.index-banner .textDiv{min-height: 25rem;text-align: center;padding: 0; }
	.index-banner .textDiv .p1 span{font-size: 17px;line-height: 17px;}
	.index-banner .textDiv .p2{font-size: 0.25rem;}
	.index-banner .textDiv .p2 span{font-size: 40px;line-height: 40px; }
	.index-banner .textDiv .p3 span{font-size: 17px;line-height: 17px;}
	.index-banner .textDiv .btnDiv{display: block;}
	.index-banner .textDiv .btnDiv a{min-width: 220px;}
	.indexDiv1{padding: 40px 0;}
	.indexDiv1 .hdDiv a{font-size: 1.25rem;}
	.indexDiv1 .bdDiv .swiperWrap .conDiv .textDiv .titleDiv{font-size: 1rem;}
	.indexDiv2{padding: 40px 0;}
	.indexDiv2 .bdDiv{grid-auto-rows: auto;}
	.indexDiv2 .bdDiv a .imgDiv{position: static;height: 230px;}
	.indexDiv2 .bdDiv a .textDiv{background: transparent;text-align: center;color: #1f2a44;height: initial;padding: 20px; }
	.indexDiv2 .bdDiv a .textDiv .imoreBtn{background: #1f2a44;color: #fff; }
	.indexDiv2 .bdDiv a .textDiv .title{font-size: 2rem;}
	.indexDiv3{padding: 2rem 0;}
	.indexTitle span{font-size: 1.75rem;}
	.indexDiv3 .gridDiv{margin: 0 -0.5rem;}
	.indexDiv3 .gridDiv a .textDiv{font-size: 1rem;}
	.indexDiv4{padding: 40px 0;}
	.indexDiv4 .bdDiv .textDiv{padding: 20px;}
	.indexDiv4 .bdDiv .textDiv span{font-size: 1.5rem;}
	.swiperPop .swiperCon{height: 98%!important;
    overflow: scroll!important;
    width: unset!important;
    max-height: unset!important;
    top: unset!important;
    left: unset!important;
    margin-top: .5rem!important;
    margin-left: .5rem!important;
    margin-right: .5rem!important;
    position: relative!important;}
	.swiperPop .swiperCon .swiper-container{height: initial;}
	.swiperPop .swiperCon .leftDiv{width: 100%;}
	.swiperPop .swiperCon .leftDiv img{position: relative;}
	.swiperPop .swiperCon .rightDiv{position: relative;width: 100%; }
	
	.footerDiv{padding: 2rem 0;}
	.footerDiv .hdDiv{display: block; }
	.footerDiv .hdDiv .hrDiv{padding-left: 0;margin-left: 0;margin-top: 2rem;border-left: 0; }
	.footerDiv .bdDiv{padding-top: 2rem;display: block;text-align: left; }
	.footerDiv .bdDiv .navDiv{display: block;margin-left: 0;margin-top: 1rem; }
	.footerDiv .bdDiv .navDiv a{margin:0 0.2rem 0.2rem;display: inline-block;}
	.footerDiv .bdDiv .navDiv a:nth-child(1){margin-left: 0;}
	
	.ny-banner .textDiv{min-height: initial;padding: 40px 0; }
	.ny-banner1 .textDiv{padding: 0 1rem;}
	.ny-banner .textDiv span,.ny-banner1 .textDiv span{font-size: 1.75rem;line-height: 2.125rem; }
	.ny-banner .textDiv p,.ny-banner1 .textDiv p{font-size: .875rem;line-height: 1.125rem;}
	
	.productDiv .hdDiv{padding: 1rem 0 0;gap: 8px; }
	.productDiv .hdDiv .glqDiv,.productDiv .hdDiv .shxDiv{font-size: 14px;}
	.productDiv .hdDiv .glqDiv span{height: 44px;}
	.productDiv .hdDiv .shxDiv .defaultDiv span{height: 44px;}
	.productDiv .bdDiv .rightDiv .conDiv .tag{padding: .5375rem .5rem;font-size: 12px;line-height: 14px;top: .5rem;}
	.productDiv .bdDiv .rightDiv{gap: 8px; }
	.productDiv .bdDiv .rightDiv .conDiv .textDiv .titleDiv{font-size: 1rem; }
	.productDiv .bdDiv .rightDiv .conDiv:last-child{display: none;}
	
	.productDiv1 .bdDiv a .imgDiv{height: 200px;}
	
	.blogDiv .sousuoDiv{padding: 1.5rem 0;}
	.blogDiv .sousuoDiv .twoMenuDiv {overflow: auto;-ms-overflow-style: none;scrollbar-width: none;outline: 0;}
	.blogDiv .sousuoDiv .twoMenuDiv ul{display: inline-flex;}
	.blogDiv .sousuoDiv .twoMenuDiv ul li{margin: 0 .5rem;}
	.blogDiv .listDiv{padding: 40px 0;}
	.blogDiv .ulDiv ul li .textDiv{padding: 20px;}
	.blogDiv .ulDiv ul li .textDiv .title{font-size: 1.25rem;}
	.blogDiv .listDiv .liDiv{grid-template-columns: repeat(2, 1fr);margin: 0 -0.3rem; }
	.blogDiv .listDiv .liDiv a{padding: 1.5625rem 0.3rem 0;}
	.blogDiv .listDiv .liDiv a .imgDiv{margin-bottom: 0.5rem;padding-top: 70%;}
	.blogDiv .listDiv .liDiv a .title{font-size: 1rem; }
	.hotDiv{padding: 40px 0; }
	.hotDiv .hdDiv{white-space: nowrap;overflow-x: auto;scrollbar-width: none;justify-content: flex-start;}
	.hotDiv .bdDiv .conDiv .textDiv .titleDiv{font-size: 1rem;}
	.hotDiv .hdDiv a::after{bottom: 0;}
	.hotDiv .bdDiv .conDiv .tag{padding: .5375rem .5rem;font-size: 12px;line-height: 14px;top: .5rem;}
	
	.pd3{padding: 1.5rem 0;}
	
	.blogDetailDiv .articleDiv{grid-template-columns: 100%;}
	.blogDetailDiv .articleDiv .leftDiv .titleDiv{font-size: 1.25rem;}
	.blogDetailDiv .shareDiv{padding: 2.5rem 0; }
	.commonTextDiv{padding: 2.5rem 1rem;}
	.commonTextDiv span{font-size: 1.75rem;}
	
	.proDetailDiv .navDiv.onFixed{top: 50px;}
	.proDetailDiv .infoDiv{grid-template-columns: 100%;grid-gap: 2%;padding-bottom: 2.5rem; }
	.proDetailDiv .infoDiv .rightDiv .titleDiv .title{font-size: 1.5rem;}
	.proDetailDiv .navDiv ul li{margin: 1rem 0.75rem;}
	.toggleDiv ul li .hd span{font-size: 1rem;}
	.proDetailDiv .introDiv{padding: 2.5rem 0;}
	.proDetailDiv .knlikeDiv{padding: 2.5rem 0 0; } 
	.proDetailDiv .jsgg{padding: 2.5rem 0;}
	.proDetailDiv .jstd{padding: 2.5rem 0;}
	.proDetailDiv .quesDiv{padding: 2.5rem 0;}
	.proDetailDiv .quesDiv .gridDiv{display: block; }
	.proDetailDiv .quesDiv .qlDiv .indexTitle{text-align: center; }
	.proDetailDiv .pinglunDiv{padding: 2.5rem 0;}
	.proDetailDiv .pinglunDiv ul li{display: block;}
	.proDetailDiv .pinglunDiv ul li .lDiv{margin-bottom: 1rem; }
	
	.popDiv .popCon .titleDiv p{font-size: 1rem; }
	
	.blogSearchDiv{padding: 1rem 0 3rem; } 
	.blogSearchDiv .sousuoDiv .keywords{font-size: 1.75rem;line-height: 2.1rem;margin-bottom: 1.75rem; }
	.blogSearchDiv .sousuoDiv form{margin-bottom: 0; }
	.blogSearchDiv .listDiv .ulDiv{grid-template-columns: repeat(2, 1fr);margin: 0 -0.3rem; }
	.blogSearchDiv .listDiv .ulDiv a{padding: 1.5625rem 0.3rem 0;}
	.blogSearchDiv .listDiv .ulDiv a .imgDiv{margin-bottom: 0.5rem;padding-top: 70%;}
	.blogSearchDiv .listDiv .ulDiv a .title{font-size: 1rem; }
	
	.productSearchDiv{padding: 1rem 0 3rem; } 
	.productSearchDiv .sousuoDiv .keywords{font-size: 1.75rem;line-height: 2.1rem;margin-bottom: 1.75rem; }
	.productSearchDiv .bdDiv .rightDiv .rowDiv{grid-template-columns: repeat(2, 1fr);}
	
	.contactDiv .bdDiv{display: block; }
	.contactDiv .leftDiv{width: 100%; }
	.contactDiv .rightDiv{width: 100%;margin-top: 30px; }
	.contactDiv .rightDiv iframe{height: 200px!important; }
	
	.mdcxDiv .bdDiv{display: block; }
	.mdcxDiv .bdDiv .leftDiv{width: 100%;padding: 20px 0; }
	.mdcxDiv .bdDiv .leftDiv .title{font-size: 24px; }
	.mdcxDiv .bdDiv .leftDiv form{margin-top: 20px; }
	.mdcxDiv .bdDiv .leftDiv form button{margin: 0 auto;display: block; }
	.mdcxDiv .bdDiv .rightDiv{width: 100%;padding: 30px 0; }
	
	.storyDiv .shdDiv ul li{gap: 0;}
	.storyDiv .shdDiv ul li .textDiv .title{font-size: 28px; }
	.storyDiv .shdDiv ul li .imgDiv{padding: 0;order: 1!important;width: 100%;height: auto;grid-row: auto;}
	.storyDiv .shdDiv ul li .textDiv{padding: 1rem;text-align: left;margin: auto;display: block;padding-bottom: 0;margin-bottom: 65px;grid-row: auto;}
	.storyDiv .shdDiv ul li:nth-child(2){margin-top: 60px; }
	.storyDiv .sbdDiv .videoDiv{margin-bottom: 40px; }

	.xzbDiv .xzb1 p{font-size: 1rem; }
	.xzbDiv .xzb2{padding: 30px 0; }
	.xzbDiv .itemDiv{display: block; }
	.xzbDiv .itemDiv .textDiv{margin-top: 20px;padding: 0; }
	.zb-banner .textDiv span, .xzbDiv .itemDiv .textDiv .title, .xzbDiv .xzb3 .conDiv .title{font-size: 2rem; }
	.xzbDiv .xzb3 .conDiv .p{font-size: 1rem; }
	
	@media (max-width:320px) {
	}
	
}