@charset 'utf-8';
.product { padding: 46px 0; }
.product .classification { width: 270px; float: left; box-sizing: border-box; padding: 0; border: solid #e8e8e8 1px; border-radius: 10px; overflow: hidden; }
.product .classification .title h2 { font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif;font-size: 20px; text-align: left; font-weight: bold; color: #fff; border-bottom: 2px solid #fff; padding-bottom: 15px; margin-bottom: 0; }
.productlist .search { border-bottom: solid #ddd 1px; padding: 10px 0; }
.productlist .search input { width: 96%; height: 36px; border: none; font-size: 16px; padding-left: 20px; }
.productlist .search button { width: 20px; height: 36px; border: none; background: url("../images/search.png") center no-repeat; cursor: pointer; }
.product .classification .list { margin-top: 0; }
.product .classification .list li { line-height: 22px;/* padding: 15px 0; *//* border-bottom: dashed #eee 1px; */ position: relative; !;
!;
!;
}
.product .classification .list li a { display: block; vertical-align: middle; font-size: 16px; color: #333; padding: 15px; font-weight: bold; padding-right: 30px; padding-left: 30px; }
.product .classification .list li.clicked>a { color: #2d7fd1; }
.product .classification .list li a:hover { color: #fff; background: #2d7fd1; }
.product .classification .list li .nav_btn { width: 30px; height: 30px; display: inline-block; vertical-align: middle; cursor: pointer; background: url(../images/icon_spirit.png) 0 -240px no-repeat; margin-right: 8px; }
.product .classification .list li ul {/* display: none; */ }
.product .classification .list li ul li { white-space: nowrap;/* padding: 15px 10px 5px 10px; */ border-bottom: none; }
.product .classification .list li ul li a { font-size: 15px; overflow: hidden; text-overflow: ellipsis; padding-left: 40px; font-weight: 100; padding-right: initial; }
.product .classification .list li ul li ul li a { font-size: 13px; overflow: hidden; text-overflow: ellipsis; padding-left: 50px; padding-right: initial; }
.product .classification .list li ul li i { width: 30px; height: 30px; display: inline-block; vertical-align: middle; cursor: pointer; background: url(../images/icon_spirit.png) 0 -270px no-repeat; margin-right: 8px; }
.product .productlist { width: 100%; float: right; }
.product .productlist .title { margin-bottom: 30px; }
.product .productlist .title h2 { font-size: 32px; }
.product .productlist .list { width: 23%; float: left; box-sizing: border-box; margin-right: 0; margin-bottom: 30px; display: flex; align-items: center; text-align: left; flex-wrap: wrap; margin: auto 2% auto auto; }
.product .productlist .list:nth-child(4n) { margin-right: 0; }
.product .productlist .list .picture {/* border-bottom: solid #e8e8e8 1px; */ overflow: hidden; width: 100%; }
.product .productlist .list .picture img { width: 100%; transition: all 0.5s; }
.product .productlist .list .picture:hover img { transform: scale(1.1); }
.product .productlist .list .text { padding: 15px 18px;/* white-space: nowrap; *//* overflow: hidden; *//* text-overflow: ellipsis; */ width: 100%; text-align: center; }
.product .productlist .list .text a h2 { font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif;font-size: 16px; color: #333; margin-bottom: 10px; margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; }
.product .productlist .list .text a p { font-size: 16px; color: #333; word-wrap: break-word; word-break: break-all; margin: 30px 0; box-shadow: 0 0 3px 0 #ddd; padding: 10px; }
.product .productlist .list .text a:hover { color: #2d7fd1; }
.get_iorerd .ikrr .btn span { font-size: 16px; }
.product .classification .list .xypg-left-subnav li.clicked .srtrre { display: block; }
.dikoe { display: flex; }
.dikoe li { font-size: 20px; color: #000; }
.xypg-left-nav li.clicked .xypg-left-subnav { display: block; }
.utuesd { font-size: 16px; color: #666 }
.xypg-left-nav > li .first-nav-btn { position: absolute; z-index: 9; width: 30px; height: 30px; text-align: center; top: 10px; left: 0; cursor: pointer; background: url(../images/icon_spirit.png) 0 -450px no-repeat; }
.xypg-left-nav > li.clicked .first-nav-btn { background-position: 0 -390px; }
.xypg-left-nav > li .xypg-left-subnav .first-nav-btn { right: initial; left: 10px; background: url(../images/icon_spirit.png) 0 -450px no-repeat; }
.xypg-left-nav > li .xypg-left-subnav li .xypg-left-subnav .first-nav-btn { right: initial; left: 20px; background: url(../images/icon_spirit.png) 0 -570px no-repeat; }
.xypg-left-nav > li .xypg-left-subnav>li.clicked>.first-nav-btn { background-position: 0 -390px; }
.xypg-left-nav > li .xypg-left-subnav .srtrre li.clicked .first-nav-btn { background-position: 0 -540px; }
.xypg-left-nav > li:hover > a, .xypg-left-nav > li.clicked > a { color: #09445a; }
.xypg-left-nav > li:hover .first-nav-btn, .xypg-left-nav > li.clicked .first-nav-btn { color: #09445a; background: url(../images/icon_spirit.png) -30px -450px no-repeat; }
.xypg-left-nav .xypg-left-subnav { display: none;/* padding: 0 10px; */ }
.xypg-left-nav .xypg-left-subnav > li { /* border-top: 1px dashed #eeeeee; */ }
.xypg-left-nav .xypg-left-subnav > li > a { padding: 8px; display: block; line-height: 20px; color: #818181; font-size: 16px; }
.xypg-left-nav .xypg-left-subnav > li > a:hover { color: #09445a; }
.xypg-left-nav .xypg-left-subnav > li.clicked > a { color: #09445a; }
.xypg-left-nav .xypg-left-threenav > li > a { padding: 5px 10px; display: block; font-size: 14px; line-height: 24px; color: #999999; }
.cuant { padding: 0; margin-top: 30px; background: #2d7fd1; padding: 15px; }
.cuant h3 { padding-bottom: 15px; font-size: 20px; font-weight: bold; margin-bottom: 20px; color: #fff; border-bottom: 2px solid #fff; }
.cuant p { font-size: 14px; line-height: 1.8; padding: 10px 0; margin-bottom: 10px; border-bottom: 1px solid #ddd; color: #fff; }

@media (max-width: 990px) {
.xypg-left-nav .xypg-left-threenav { display: block; }
}
.product .whole .title { text-align: center; padding: 15px; background: #2d7fd1; margin: 0; }
.product .productlist .list:hover .text a h2 { font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif;color: #2d7fd1; }
.product .productlist .list:hover .text a p { color: #fff; background: #2d7fd1; }

@media (max-width: 990px) {
.product .productlist .list .text a h2 { font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif;font-size: 16px; color: #333; margin-bottom: 14px; }
.product { padding: 0 0 0 0; }
.product .classification { width: 100%; padding: 20px 15px; }
.product .classification .search input { width: 90%; }
.product .classification .search button { float: right; }
.product .classification .list li a { max-width: 270px; }
.product .productlist { width: 100%; float: right; margin-top: 30px; }
.product .productlist .title { margin-bottom: 30px; }
.product .productlist .title h2 { font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif;font-size: 22px; }
.product .productlist .list { width: 48%; margin-right: 4%; margin-bottom: 5%; }
.product .productlist .list:nth-child(3n) {/* margin-right: 4%; */ }
.product .productlist .list:nth-child(2n) { margin-right: 0; }
.product .productlist .list .text { padding: 8px; }
.product .productlist .list .text a { font-size: 14px; }
}
.list .text h2 { font-family: PlusJakartaSans-SemiBold, Microsoft YaHei, sans-serif;font-size: 16px; margin: auto; }
.popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.85); display: none; justify-content: center; align-items: center; z-index: 9999999; cursor: zoom-out; }
.popup-img { max-width: 90%; max-height: 90vh; border-radius: 4px; box-shadow: 0 0 30px #fff; }
.close-btn { position: absolute; top: 80px; right: 30px; color: white; font-size: 40px; cursor: pointer; user-select: none; }