* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {margin: 0;}
ul,ol{border:0;margin:0;padding:0;}
li{list-style-type:none;}
img{border:0;}
a:link{color:#015293; text-decoration:none;}
a:visited{color:#015293; text-decoration:none;}
a:hover{color:#e20000; text-decoration:none;}
a:active{color:#015293; text-decoration:none;}

.bigfrm {width: 100%;height: 100%;/*background-color:#0b89a9;*/}

/*head start*/
.header_custom {width: 100%;min-width: 1200px;height: 140px;border-bottom:2px solid #46709d;}
.head_0 {width: 100%;height: 100px;background-color: lightgreen;display: none;}

/*head_1 start*/
.head_1 {width: 100%;height: 40px;background-color: #46709d;}
.head_1_0 {width: 1200px;height: 40px;/*background-color: #235d9c;*/margin: 0 auto;display: flex;justify-content: end;color:#fff;}
.head_1_0_larea{display: flex; align-items: center;}
.head_1_0_larea a{color:#fff;}
.head_1_0_larea a:hover{color:red;}
.head_1_0_0_0 {display: flex;}
.head_1_0_0_0:hover {cursor:pointer;color:red;}
.head_1_0_0_0_0{width: 14px;height: 14px;}
.head_1_0_0_0_0 img{width:100%; height:100%; object-fit:contain;}
.head_1_0_0_0_1 a{color:#fff;}
.head_1_0_0_0_1 a:hover{color:red;}
.head_1_0_0_0_1 span{font-size: 14px;}

.head_1_0_1 {}
.head_1_0_1 a{}
.head_1_0_1 a:hover{}
.head_1_0_1_0 {}
.head_1_0_1_1 {margin-left: 20px;}
.head_1_0_1_2 {margin-left: 20px;}
.head_1_0_2 {}
.head_1_0_2 a{}
.head_1_0_2 a:hover{}
.head_1_0_2_0 {}
.head_1_0_2_1 {margin-left: 20px;}
.head_1_0_2_2 {margin-left: 20px;}
/*head_1 end*/

/*head_2 start*/
.head_2 {width: 100%;min-width: 1200px;height: 100px;background-color: #46709d;}
.head_2_0 {width: 1200px;min-width: 1200px;height: 100%;margin: 0 auto;display: flex;justify-content: space-between;}
.head_2_0_0 {width: 200px;height: 100%;}
.logoarea{width: 100%;height: 100px;position:relative;/*border: 1px solid red;*/box-sizing:border-box;}
.logoarea img{width: auto;height: 65%;object-fit:cover;}
/*head_2 end*/

/*head_3 start*/
.head_3 {width: 100%;min-width: 1200px;height: 40px;}
.head_3_0 {width: 1200px;height: 100%;margin: 0 auto;display: flex;justify-content: space-between;}
.head_3_0 {color:#46709d;}
.head_3_0 a{text-decoration: none;}
.menuitem{/*padding-top: 8px;*/width: 180px;height: 30px;justify-content:center;text-align:center;padding-top:10px;color:#46709d;}
.menuitem:hover{background-color: #6ba2dd;border-top-left-radius:5px;border-top-right-radius:5px;box-sizing:border-box;color: #fff;height: 40px;cursor:pointer;color:#fff !important;}
.menuitem span{font-size: 16px;font-weight: bold;margin-top:8px;}
.nav_active_hp{background-color: #46709d;border-top-left-radius:5px;border-top-right-radius:5px;box-sizing:border-box;color: #fff !important; height: 40px;}
.nav_active_hp span{}
.head_3_0_0 {}
.head_3_0_1 {}
.head_3_0_2 {}
/*head_3 end*/
/*head end*/


/*main start =================================================================================================================================================================================*/
/*homepage start*/
/*bigimg start*/
.content_custom {width: 100%;min-width: 1200px; height: calc(100% - 180px); padding: 40px 0;}
.maincont {width: 1200px;margin: 0 auto;}
.bigimgfrm{width: 100%;height: 640px;}
/*bigimg end*/


/*product class start*/
.classarea{width: 100%;padding-top:60px;}
.classtitle{width: 100%;height: 68px;}
.classtitle span{font-size: 26px;font-weight: bold;}
.classlist{display:flex;justify-content:space-between;flex-wrap:wrap;}
.classitemfrm{width: 200px;height: 240px;}
.classitemimg{width: 200px;height: 200px;align-items: center; display: flex; justify-content: center;}
.classitemimg img{width: 100%; height:100%; object-fit: contain;border-radius: 10px; border: 1px solid #ccc;}
.classitemimg img:hover{box-shadow:0 2px 5px rgba(0, 0, 0, 0.3),0 10px 15px rgba(0, 0, 0, 0.5);cursor:pointer; transform: scale(1.1);transition: transform 0.2s ease;}
.classitemtitle{width: 200px;height: 40px;display: flex; align-items: center;justify-content: center;}

.classlist a:link{color:#000; text-decoration:none;}
.classlist a:visited{color:#000; text-decoration:none;}
.classlist a:hover{color:#000; text-decoration:none;}
/*product class end*/


/*new product start*/
.newarea{width: 100%;height: 880px;margin-top:60px;}
.newtitle{width: 100%;height: 60px; display:flex; justify-content:space-between;}
.newtitlename span{font-size: 26px;font-weight: bold;}
.morelink{display: flex; align-items: center;}
.morelink a{font-size:16px; color:#a8abb2;}
.newlist{display:flex;justify-content:space-between;flex-wrap:wrap;height: 840px;}
.newlist a{text-decoration: none;color:#000;}
.newlist a:hover{color:#000;}
.newitemfrm{width: auto;height: 400px;border: 1px solid #ccc;box-sizing: border-box;border-radius: 10px;background-color:#fff;}
.newitemfrm:hover{box-shadow:0 2px 5px rgba(0, 0, 0, 0.1), /* 底部浅阴影 */ 0 5px 15px rgba(0, 0, 0, 0.2);transform: scale(1.1);cursor:pointer;transition: 0.2s ease;}
.newitemimg{width: 280px;height: 280px;}
.newitemimg img{width:100%;height:100%;object-fit:contain;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.newitemname{width: 280px;height: 80px;padding: 4px;border-top: 1px solid #ccc;box-sizing: border-box;display: flex;align-items: center;}
.newitemname span{}
.newitemprice{width: 280px;height: 40px;display: flex;align-items: center;}
/*new product end*/


/*hot product start*/
.hotarea{width: 100%;height: 880px;margin-top:60px;}
.hottitle{width: 100%;height: 60px; display:flex; justify-content:space-between;}
.hottitlename span{font-size: 26px;font-weight: bold;}
.morelink{display: flex; align-items: center;}
.morelink a{font-size:16px; color:#a8abb2;}
.hotlist{display:flex;justify-content:space-between;flex-wrap:wrap;height: 840px;}
.hotitemfrm{width: auto;height: 400px;border: 1px solid #ccc;box-sizing: border-box;border-radius: 10px;background-color:#fff;}
.hotitemfrm:hover{box-shadow:0 2px 5px rgba(0, 0, 0, 0.1), /* 底部浅阴影 */ 0 5px 15px rgba(0, 0, 0, 0.2);transform: scale(1.1);cursor:pointer;transition: 0.2s ease;}
.hotitemimg{width: 280px;height: 280px;}
.hotitemimg img{width:100%;height:100%;object-fit:contain;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.hotitemname{width: 280px;height: 80px;padding: 4px;border-top: 1px solid #ccc;box-sizing: border-box;display: flex;align-items: center;}
.hotitemname span{}
.hotitemprice{width: 280px;height: 40px;display: flex;align-items: center;}
/*hot product end*/


/*scene start*/
.scenearea{width: 100%;height: 820px;margin-top:60px;}
.scenetitle{width: 100%;height: 60px; display:flex; justify-content:space-between;}
.scenetitlename span{font-size: 26px;font-weight: bold;}
.scenelist{display:flex;justify-content:space-between;flex-wrap:wrap;height: 760px;}
.sceneitemfrm{width: auto;height: 360px;border: 1px solid #ccc;box-sizing: border-box;border-radius: 10px;background-color:#fff;}
.sceneitemfrm:hover{box-shadow:0 2px 5px rgba(0, 0, 0, 0.1), /* 底部浅阴影 */ 0 5px 15px rgba(0, 0, 0, 0.2);transform: scale(1.1);cursor:pointer;transition: 0.2s ease;}
.sceneitemimg{width: 280px;height: 280px;}
.sceneitemimg img{width:100%;height:auto;object-fit:cover;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.sceneitemname{width: 280px;height: 80px;padding: 4px;border-top: 1px solid #ccc;}
.sceneitemname span{}
/*scene end*/
/*main end*/
/*homepage end*/



/*searchpage start=====================================================================================================================================================================================================================================*/
.conditionarea{ width:200px; height:auto;}
.classarea2{ width:200px; height:auto;}
.classtitle2{ width:200px; background-color: #46709d; color:#fff; border-radius:4px; border:1px solid #46709d; box-sizing:border-box; height:40px; align-items: center; display: inline-flex;}
.classtitle2in{ margin-left:10px; /*margin:8px;*/}
.classtitle2 span{ font-size:16px; font-weight:bold;}
.allclass{ width:190px; height:auto; padding-left: 10px;}
.cl_ul_1{}
.cl_li_1{ margin-top:4px;}
.cl_ul_2{}
.cl_li_2{}
.cl_ul_3{}
.cl_li_3{}
.cl_frm_2{ margin-left:20px; background-color:#b6cbe2; display:none;}
.cl_frm_3{ margin-left:20px; background-color:#7ca7d4; }
.cl_name_1{ cursor:pointer;}
.cl_name_1:hover{ color:#46709d;}
.cl_name_2{ cursor:pointer;}
.cl_name_2:hover{ color:#46709d;}
.cl_name_3{ cursor:pointer;}
.cl_name_3:hover{ color:#46709d;}
.specarea{ width: 100%; height: auto; margin-top:20px;}
.spectitle{ background-color: #46709d; color:#fff; border-radius:4px; width:100%; border:1px solid #46709d; box-sizing:border-box; height:40px; align-items: center; display: inline-flex;}
.spectitlein{ margin-left:10px;}
.spectitle span{ color:#fff; font-size:16px; font-weight:bold;}
.speclist{ width:190px; height:auto; padding-left:10px; display:flex; flex-wrap:wrap; gap: 10px;}
.specitem{ display:flex;}

.plistfrm{ width: calc(100% - 220px); height:auto; box-sizing:border-box; border-radius:5px;}
.sortarea{ width:100%; height: 60px; border:1px solid #fff; background-color:#fff; border-radius:10px; display:flex; align-items:center;}
.sortattention{ width: 140px; height: 40px; display:flex; align-items: center;}
.sortattention:hover{ cursor:pointer; /*color:#9b3737;*/}
.sortattenstate1{ color:#46709d !important;}
.sortattenstate2{ color:red !important;}
.sortattenstate3{ color:red !important;}
.sortname{ display: flex; align-items: center; margin-left: 20px;}
.sortname span{ font-size:16px; font-weight:bold; color:#46709d;}
.sortarrowfrm{ width:16px; height:32px; margin-left: 10px;}
#sortupa{ width:16px; height:16px; background-image:url('../img/Image/up1.png'); background-size:100% 100%; background-repeat:no-repeat; background-position:center;}
/*#sortupa:hover{ cursor:pointer;}*/
.sortupa1{ background-image:url('../img/Image/up1.png') !important;}
.sortupa2{ background-image:url('../img/Image/up2.png') !important;}
/*.sortup img{ width:16px; height:16px; object-fit:cover;}*/
#sortdowna{ width:16px; height:16px; background-image:url('../img/Image/down1.png'); background-size:100% 100%; background-repeat:no-repeat; background-position:center;}
#sortdowna:hover{ cursor:pointer;}
.sortdowna1{ background-image:url('../img/Image/down1.png') !important;}
.sortdowna2{ background-image:url('../img/Image/down2.png') !important;}
/*.sortdown img{ width:16px; height:16px; object-fit:cover;}*/
.sortprice{ width: 120px; height: 40px; display:flex; align-items: center;}
.sortprice:hover{ cursor:pointer;}
.sortpricestate1{ color:#46709d !important;}
.sortpricestate2{ color:red !important;}
.sortpricestate3{ color:red !important;}
#sortupp{ width:16px; height:16px; background-image:url('../img/Image/up1.png'); background-size:100% 100%; background-repeat:no-repeat; background-position:center;}
/*#sortup:hover{ cursor:pointer;}*/
.sortupp1{ background-image:url('../img/Image/up1.png') !important;}
.sortupp2{ background-image:url('../img/Image/up2.png') !important;}
/*.sortup img{ width:16px; height:16px; object-fit:cover;}*/
#sortdownp{ width:16px; height:16px; background-image:url('../img/Image/down1.png'); background-size:100% 100%; background-repeat:no-repeat; background-position:center;}
#sortdownp:hover{ cursor:pointer;}
.sortdownp1{ background-image:url('../img/Image/down1.png') !important;}
.sortdownp2{ background-image:url('../img/Image/down2.png') !important;}
/*.sortdown img{ width:16px; height:16px; object-fit:cover;}*/





.selectprice{ width: 400px; height: 40px; display:flex; align-items: center;}
.sortprice1{ display: flex; align-items: center; margin-left: 2px;}
.sortprice1 input{ width:80px; height:20px; padding:2px;}
.sortpricepunc{ display: flex; align-items: center; margin-left: 2px;}
.rmb{ color:#a8abb2;}
.sortprice2{ display: flex; align-items: center; margin-left: 2px;}
.sortprice2 input{ width:80px; height:20px; padding:2px;}
.sortslctbtn{ display: flex; align-items: center; margin-left: 10px;}
.sortslctbtn button{ width:60px; height:26px; cursor:pointer;}
.plist{width:100%; height: auto; display:flex; flex-wrap:wrap; gap:33px;margin-top: 20px;}
.plist a{color: #000;text-decoration:none;}
/*justify-content:space-between;*/
.pitemfrm{width: 220px;height: 280px;border: 1px solid #ccc;box-sizing: border-box;border-radius: 10px;background-color:#fff;cursor:pointer;transition: 0.2s ease;}
.pitemfrm:hover{box-shadow:0 2px 5px rgba(0, 0, 0, 0.1), /* 底部浅阴影 */ 0 5px 15px rgba(0, 0, 0, 0.2); transform: scale(1.1);/* 底部更深阴影 */}

.pitemimg{width: 220px;height: 200px;}
.pitemimg img{width:100%;height:100%;object-fit:contain;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.pitemname{width: 272px;height: 32px;padding: 4px;}
.pitemname span{}
.pitemprice{width: 280px;height: 40px;}

/*searchpage end*/






/*detailpage start=====================================================================================================================================================================================================================================**/
.datail_0{ width:100%; height:auto; display:flex;}
/*.datail_0_0{ width:50%; height:600px; border-radius:10px;}*/
.datail_0_0{ width:50%; height:auto; border-radius:10px;}
/*.datail_0_0_0{ width:100%; height:calc(100% - 110px); border-radius:10px;}*/
.datail_0_0_0{ width:100%; height:auto; border-radius:10px;}
.datail_0_0_0:hover{cursor:pointer;}
.datail_0_0_0 img{ width:100%; height:100%; object-fit:contain; border-radius:10px;}
.datail_0_0_1{ width:100%; height:100px; display:flex; justify-content:space-between; margin-top: 10px; }
.thumbitemfrm{ width:100px; height:100px; border:1px solid #ccc; margin-left:10px; border-radius:3px;}
.thumbitemfrm:first-child{margin-left:0px;}
.thumbitemfrm:hover{box-shadow:0 2px 5px rgba(0, 0, 0, 0.3),0 10px 15px rgba(0, 0, 0, 0.5);cursor:pointer; transform: scale(1.1);transition: transform 0.2s ease;}
.thumbitemfrm img{ width:100%; height:100%; object-fit:contain;}
.datail_0_1{ width:calc(50% - 20px); height:auto; margin-left:20px; background-color: #fff; padding: 20px; border-radius: 10px;}
.datail_0_1_0{ width:100%; }
.productname{}
.productname span{ font-size:20px; font-weight:bold;}
.datail_0_1_1{ width:100%; height:100px; display:flex; align-items: center;}
.pricelabel{ width:40px; height:40px;}
.pricelabel span{ width:40px; height:40px; color:red; font-size:32px; font-weight:bold;}
.pricenum{ width:100px; height:40px;}
.pricenum span{ width:100px; height:20px; color:red; font-size:32px; font-weight:bold;}
.datail_0_1_2{ width:100%; height:auto;}
.speclistfrm{ width:100%; height:auto; margin-top:10px;}
.speclisttitle{ width:100%; height:40px; display: flex; align-items: center;}
.speclisttitle span{ font-size:16px; font-weight:bold;}
.sitemlist{ width:100%; height:auto; display: flex; flex-wrap: wrap; gap: 10px;}
.sitemfrm{ display:flex; width: auto; height: auto; padding: 5px; border: 1px solid #ccc; border-radius: 3px;}
.sitemfrm:hover{ cursor:pointer; border: 1px solid red;}
.datail_0_1_3{ width:100%; height:auto; margin-top:10px;}
.inventorytitle{}
.inventorytitle span{ font-size:16px; font-weight:bold;}
.inventorycount{ margin-left:20px;}
.inventorycount span{ font-size:16px;}
.datail_1{ width:100%; margin-top: 20px; border-radius: 10px;}


/*tab bar start*/
.tab-container {
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
}
.tab-header {
    display: flex;
    border-bottom: 1px solid #ddd;
}
.tab-btn {
    padding: 10px 20px;
    background: #f1f1f1;
    border: 1px solid #ddd;
    border-bottom: none;
    cursor: pointer;
    margin-right: 5px;
    border-radius: 5px 5px 0 0;
}
.tab-btn.active  {
    background: #fff;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    font-weight: bold;
}
.tab-btn.disabled  {
    color: #999;
    cursor: not-allowed;
    background: #f9f9f9;
}
.tab-content {
    display: none;
    padding: 20px;
    border: 1px solid #ddd;
    border-top: none;
    background: #fff;
    height: 100%;
    overflow-y: auto;
}
.tab-content.active  {
    display: block;
}
.navigation-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.hidden {
    display: none;
}
/*tab bar end*/
/*detailpage end*/


/*article start =====================================================================================================================================================================================================================================**/
.articlearea a{color: #000;text-decoration:none;}
.aitem{width: 100%; /* height: 180px; */ border: 1px solid #ccc; display: flex; box-sizing: border-box;}
.aitem:hover{background-color:#eee; cursor:pointer;}
.aimg{width: 25%; height: 100%; padding: 20px;}
.aimg img{width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.atxtarea{width: 75%; height: 100%; padding: 20px}
.atitle{font-size: 20px; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.acont{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-top: 20px;}
/*article end*/


/*footer start =====================================================================================================================================================================================================================================**/
.footerfrm{width:100%;height:360px;background-color: #46709d;}
.footer_0{width:1200px;margin: 0 auto; display: flex;justify-content: space-between;}
.footer_0_0{width:auto;height: auto; color: #fff;margin-top: 40px;}
.footrow{width:100%; height:40px; display: flex; align-items: center;font-size: 16px;}
/*.frowsub:first-child{margin-left:20px;}*/
.footer_0_0_0{font-size: 30px; font-weight: bold;}
.footer_0_0_1{margin-top: 34px;}
.footer_0_0_2{}
.footer_0_0_3{}
.footer_0_0_5_0{display:flex;align-items: center;}
.footer_0_0_5_0 img{margin-left:20px;}
.footer_0_0_5_0 span:last-child{margin-left:10px;}
.frowsub{margin-right:40px;}
.footcolitem{}
.footcoltitle{font-size: 20px;font-weight: bold;}
.footcollink{display: flex;justify-content: center;margin-top: 10px;}
.footer_0_1{width:auto; height: auto;display: flex;justify-content: right;margin-top: 80px;}
.footer_0_1_0{width: 120px;height: 150px;}
.footer_0_1_0_img{width: 120px;height: 120px;}
.footer_0_1_0_img img{width: 100%; height:100%; object-fit:contain;}
.footer_0_1_0_name{width: 120px;height: 20px;color: #fff;text-align:center;margin-top: 10px;}
.footer_0_1_1{width: 120px;height: 150px;margin-left: 60px;}
.footer_0_1_1_img{width: 120px;height: 120px;}
.footer_0_1_1_img img{width: 100%; height:100%; object-fit:contain;}
.footer_0_1_1_name{width: 120px;height: 20px;color: #fff;text-align:center;margin-top: 10px;}
.footer_1{width:1200px; margin: 0 auto; color: #fff;}
.footer_1_0{margin-top:20px;}
.footeritem{display: flex;justify-content: center;height: 40px;align-items: center;font-size: 14px;}
.footerfrm a{text-decoration: #fff; color:#fff;}
/*footer end*/