*{font-family:Calibri,Helvetica,sans-serif;padding:0px;margin:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box}
html,body{padding:0;margin:0;font-size:14px;line-height:1;background-color:#ffffff}
ol,ul{list-style:none;padding:0;margin:0}
a{text-decoration:none;outline:none;color:rgb(66,66,66)}
img{border:none;text-decoration:none;vertical-align:middle}
.container100{width:100%;margin:0px auto}
.container{width:100%;max-width:1600px;margin:0px auto;}
.cursorpoint{cursor:pointer}
.flex1{display:flex}
.text-center{text-align:center}
.flexBetween{display:flex;justify-content:space-between;align-items:center}
.flexCenter{display: flex;justify-content: center;align-items: center;}
.flexColumn{flex-direction:column;align-items:center;justify-content:center}
.h30{height:30px}
.mt60{margin-top: 60px;}
.mr30{margin: 0 30px;}
.mt30{margin-top:30px}
.mt10{margin-top: 10px;}
.m30{margin:30px}
.mb{margin-bottom:20px}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.p30{padding: 30px;}
.pt30{padding-top:30px}
.p-row{padding:0 30px}
.plr20{padding:0 20px}
.ml30{margin-left:30px}
.p30{padding-top:30px;padding-bottom:30px}
.img100{width:100%}

.pc{display: block;}
.mobile{display: none;}
.menu-show{display:none;margin-right:30px;cursor:pointer}
.pushdown-content{display:none;height:100vh;width:400px;position:fixed;top:0;left:0;z-index:999999;background-color:#ffffff;box-shadow:2px 0 10px rgba(0,0,0,0.1);overflow:hidden}
/*.pushdown-content.show{display:block;height:100vh;width:400px}*/
.pushdown-mk1{height:12%;background-color:#0a2445;color:#fff;font-size:24px;font-weight:500}
.pushdown-cancle{cursor:pointer}
.pushdown-mk2{height:88%;display:flex;justify-content:center}
.mk2-search{width:350px;margin-left:30px}
.pushdown-mk2 input{width:80%;border:1px solid #9d9d9d;height:46px;color:#9d9d9d;font-size:16px;line-height:1}
.pushdown-mk2 button{margin-left:-3px;background-color:#0a2445;min-width:46px;height:46px;color:#9d9d9d;font-size:16px;line-height:1}



.top1{background-color:#f3f4f5;height:37px}
.top2{height:110px;transition:all 0.3s ease;position:relative; background-color: #ffffff;}
.dropmenu-content{display:none;width:350px;height:100vh;background-color:#ffffff;position:absolute;top:0;left:0;z-index:99999;border:2px solid #023271;}
.menu-title{background-color:#0a2445;font-size:24px;font-weight:500;color:#fff;height:12%}
.menu-cancle{cursor:pointer}
.menu-mk1{background-color:#ffffff;height:88%;overflow:hidden}
.mk1-list{overflow-y:auto;height:100%}
.mk1-item-product{position: relative;}
.product-result-content{display:none;position: relative; width:400px;color:#000;background:#fff;z-index:1100;box-shadow:0 5px 15px rgb(45, 48, 39);}
/*.product-result-content.show{display:block;animation:slideUp 0.5s ease forwards}*/
.mk1-item{font-size:18px;line-height:70px;min-height:70px;color:#656565;border-bottom:1px solid #e1e1e1;cursor:pointer}
.menu-mk2{background-color:#f3f4f5;height:38%}
/*.dropmenu-content.show{}*/
.fixed{position:fixed;top:0;left:0px;right:0;background-color:#fff;z-index:999;width:100%;max-width:1600px;margin:0px auto;}

.fixed .top2{height:80px;}
.mobile1-block{display: block;}
.top2-placeholder{height:80px}
.logo{flex:1}
.search-box{flex:1;position:relative;}
.search-box form{position:relative}
.search-box input{width:100%;border:1px solid #9d9d9d;height:46px;color:#9d9d9d;padding:0 100px 0 35px;font-size:16px;line-height:1}
.search-box i{position:absolute;left:10px}
.search-box button{height:46px;width:90px;background-color:#0a2445;border:0px;color:#ffffff;font-size:18px;position:absolute;right:0px}
.menubg{background-color:#0a2445;color:#fff;height:48px;}
.menulin{border-bottom: 2px solid #000;}
.result-content{display:none;position:absolute;top:100%;/* left:30px; */width:300px;color:#000;background:#fff;margin-top:12px;z-index:1001;box-shadow:0 5px 15px rgba(0,0,0,0.1);border:1px solid #0a2445}
.menu-first{height:40px;line-height:40px;font-size:16px;color:#656565;border-bottom:1px solid #e1e1e1}
/*.result-content{display:none;transform:translateY(20px);opacity:0}*/
/*.result-content.show{display:block;animation:slideUp 0.5s ease forwards}*/
/*.result-content:not(.show){animation:slideDown 0.5s ease forwards}*/
/*@keyframes slideUp{from{transform:translateY(20px);opacity:0}*/
/*to{transform:translateY(0);opacity:1}*/
/*}@keyframes slideDown{from{transform:translateY(0);opacity:1}*/
/*to{transform:translateY(-20px);opacity:0}*/
/*}*/
.result-content .item{padding:0 10px;width:100%;position:relative;cursor:pointer;transition:color 0.2s;color:#333}
.result-content .item:hover{background-color:#f3f4f5;color:#0a2445}
.submenu{display:none;position:absolute;top:0px;left:100%;width:300px;background:#fff;border:1px solid #0a2445;z-index:1002;box-shadow:0 5px 15px rgba(0,0,0,0.1);animation:fadeIn 0.3s ease}
.submenu .subitem{padding:0 10px;transition:color 0.2s;height:40px;line-height:40px;font-size:16px;color:#656565;border-bottom:1px solid #e1e1e1}
.submenu .subitem:hover{background-color:#f3f4f5;color:#0a2445;cursor:pointer}
.result-content .item:hover .submenu{display: block;}

.top-mk1{/**flex:1.5;**/width:300px;display: flex;align-items: center; border-right:1px solid #fff;padding-right:20px;position:relative;cursor:pointer;justify-content: flex-start}
.top-mk1-title{margin-left:10px;justify-content: flex-end;flex: 1;text-align:left;}
.top-mk2{flex:4;height: 100%;}
/*.top-mk2-item {height: 100%; line-height: 100%;}*/
.top-mk2-item a{padding:0px 30px; height: 48px; line-height: 48px; color:#fff; }
.top-mk3{flex:4;display: flex;justify-content: flex-end;align-items: center;font-size: 18px;}
.product{background-color:#f5f5f5;display:flex;flex-direction:column;padding-bottom: 60px;}
.product-title{font-weight:700;font-size:40px;text-align:center;margin:30px 0 20px 0}
.product-list{flex-wrap:wrap}
.product-item{margin:10px 5px;background-color:#fff;width:23%;padding:0 20px;box-shadow:1px 3px 5px rgba(0,0,0,0.1);cursor:pointer}
.product-detail{gap:30px;align-items:center;justify-content:space-between}
.product-name{font-weight:700;font-size:15px}
.product-amount{font-size:15px;font-weight:700;margin:20px 0}
.banner{background-color:#fff;position:relative;padding: 0;}
.indexnr{background-color:#fff;position:relative;}
.indexnr img{max-width: 100%;}
.popular-title{position:relative;font-size:24px}
.popular-title::after{content:"";position:absolute;left:0;top:50px;width:60px;height:1px;background-color:#0a2445}
.popular-content{display:flex;flex-direction:column;align-items:flex-start}
.popular-switch{align-self:flex-end;margin-left:auto;width:50px;/* height:50px; */z-index:10;padding:0 50px}
.zuo-btn{cursor:pointer}
.you-btn{cursor:pointer}
.popular-swiper{width:100%;overflow:hidden}
.popular-product-item{display:flex;flex-direction:column;padding:30px;font-size:18px;font-weight:700;color:#333333;box-sizing:border-box;background-color:#f3f4f5}
.popular-product-item:hover{background-image: url("../images/pupular.png");}
.popular-product-item img{width:200px;}
.text-hover{opacity:0;visibility:hidden;padding:8px 16px;background-color:#0a2445;color:white;line-height:16px;font-size:16px;cursor:pointer;transition:background-color 0.3s}
.text-nohover,.text-hover{transition:all 1s ease}
.popular-product-item:hover .text-hover{opacity:1;visibility:visible}
.popular-product-item:hover .text-nohover{opacity:0;visibility:hidden}
.footinfo{background-image:url("../images/footerBg.jpg");display:flex;justify-content: center;align-items: center;width:100%;height: 120px;color: #fff;}
.footinfo-intro{font-size: 30px;padding:20px;}
.footinfo-item{margin:30px;width:240px}
.footinfo-img{max-width:37px;max-height:100%;width:auto;height:auto}
.fontinfo-box{display:flex;flex-direction:column;align-items:start;margin-left:30px}
.footinfo-title{font-size:27px;line-height:27px;font-weight:700;color:#ffffff}
.footinfo-content{font-size:13px;line-height:18px;color:#ffffff;font-weight:500}
.footbg{background-color:#f3f4f5}
.foot1{display:flex;flex-direction:row;padding:40px 0px 20px 0px;}
.foot1-icon{font-size: 20px;}
.foot1_1{display:flex;flex-direction:row}
.footmk1{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding-right:20px;line-height:22px}
.footmk1-box{color:#fff;}
.footmk1-title-last{color:#fff;font-size:16px;font-weight:700}
.footmk1-content-last span{font-size:18px}
.footmk2{display:flex;flex:2;flex-direction:column;align-items:flex-start;padding-right:20px;line-height:40px}
.footmk1-intr{font-size:16px;line-height:22px;font-weight:300;color:#656565}
.footmk1-fol{font-size:16px;line-height:22px;font-weight:300;color:#656565}
.footmk1-fol a{margin-left: 10px;}
.footmk1-fol i{font-size: 24px;}
.footmk1-title{font-size:18px;line-height:30px;color:#1b1b1b;margin-bottom: 5px;}
.footmk1-content{margin-bottom:15px;display:flex;flex-direction:column;font-size:16px;color:#656565}
.footmk1-content-product{font-size:16px;color:#656565; line-height: 22px;}
.footmk1-detail{font-size:15px;color:#000;line-height: 20px;}
.foot2{border-top:1px solid #9d9d9d;padding:15px 0px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.product1-box{position: relative;}
.product1{display: flex;gap: 30px;}
.product1-filter-btn-box{display: none;}
.product1-filter-btn{margin-bottom:30px;font-size: 18px;font-weight: 700; border: 2px solid #000;width: 100px;border-radius: 3px; height: 50px;text-align: center;line-height: 50px;}
.product1-show{flex: 1;}
.product1-list-mobile-box{display: none; position: fixed;top: 0px;z-index: 999;background-color: #FFFFFF;height: 100vh;width: 300px;overflow-y: scroll;}
.product1-list-mobile-box .show{display: block;}
.product1-list-mobile-box .hide{display: none;}
.product1-list-box{width:320px;height: 100%; color:#000;background:#fff;/* z-index:1001; */box-shadow:0 5px 15px rgba(0,0,0,0.1);border:1px solid #D8D8D8;}
/*.product1-list-box .show{display: block;position: absolute;color: #ff0000;}*/
.product1-item{/* padding:0 15px; */width:100%;position:relative;cursor:pointer;transition:color 0.2s;color:#333}
.product1-title{height:50px;line-height:50px;font-size:16px;color:#000;border-bottom:1px solid #e1e1e1}
.product1-list-icon{color: #0A2445;font-size: 22px !important;}
.product2-menu{display:none;position:relative;top:0; background:#F8F8F8;/**box-shadow:5px 5px 15px rgba(10,36,69,0.3);**/animation:fadeIn 0.3s ease}
/*.product1-item:hover .product2-menu{display: block;}*/
.product1-item.active .product2-menu{display: block;}
/*.product1-item:hover .icon-jiantou-you{transform: rotate(90deg);}*/
.product2-menu-item{padding-left:40px;transition:color 0.2s;height:50px;line-height:50px;font-size:14px;color:#000;border-bottom:1px solid #e1e1e1;}

.product1-show-mk1{font-size: 24px;font-weight: 500;height: 50px;line-height: 50px;}
/* .product1-show-mk2{font-size: 14px;font-weight: 400;line-height: 18px;color: #72777d;} */
.product1-show-mk3-content{font-size: 14px;font-weight: 400;line-height: 20px;max-width: 1000px;}
.product1-show-mk4{display: flex;flex-wrap: wrap;gap: 20px;}
.product1-show-mk4-item{border: 1px solid #D8D8D8;position: relative; padding: 30px 20px;flex: 0 0 calc(16.666% - 16.666px); /* width: 16.66%;margin:15px; */box-sizing: border-box;transition: all 0.3s ease;}
.product1-mk4-item-content{display: none;font-size: 12px;}
.product1-show-mk4-item:hover{border: 1px solid #D8D8D8;height: auto; transform: scale(1.10);z-index: 10;background: #fff;box-shadow: 0 5px 15px rgba(0,0,0,0.15);}
.product1-show-mk4-item:hover .product1-mk4-item-content{display: block;}
/*.product1-show-mk4-item:hover .product1-show-mk4-img{display: none;}*/
/*.product1-show-mk4-item:hover .product1-show-mk4-name{display: none;}*/
.product1-show-mk4-img{width: 100%;max-width: 120px;}
.product1-show-mk4-name{font-size: 14px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.product2{display: flex;gap: 30px;}
.product2-box{position: relative;}
.product2-list-box{width:280px;height: 100%; color:#000;background:#fff;/* z-index:1001; */box-shadow:0 5px 15px rgba(0,0,0,0.1);border:2px solid #D8D8D8;}
.product2-info{display: flex;flex-direction: column;}
.product2-title{background-color: #EEEEEE;font-size: 21px;font-weight: 500;padding: 8px;}
.product2-content{margin: 10px 0;display: flex;align-items: center;}
.product2-content-img{width: 100%;max-width: 100px;}
.product2-content-intro{font-size: 14px;width: 600px;margin-left: 20px;line-height: 18px;}
.data-tr.show{border-top: 2px solid #0A2445;border-left: 1px solid #000;border-right: 1px solid #000;}
.product2-info .table{margin: 0 auto;padding-bottom: 30px; border-collapse: collapse; border: 0px solid #999;width: 100%;background-color: #fff;}
.product2-info .table table{width: 100%;line-height: 22px;text-align: center;font-size: 12px;border-collapse: collapse;}
.product2-info .table thead th{ border-bottom: 1px solid #999;border-top: 1px dashed  #999;padding: 8px 0;}
.product2-info .table tbody td{border-bottom: 1px solid #EEEEEE;padding: 8px 30px;}
.product2-info .table tbody tr:hover{background-color: #EEEEEE;cursor: pointer;transition: background-color 0.2s ease;}
.product2-info .table tbody tr:hover .footmk1-box{background-color: #eeeeee;}
.product2-item-phone-box{display: none;}
.product2-item-phone{display: flex;flex-direction: column;width: 45%;border: 1px solid #D8D8D8;padding: 16px;}
.product2-item-phone-btn{width: 120px;height: 50px;margin-bottom: 20px; background-color: #fff;border-radius: 10px;border: 1px solid #e8e8e8; text-align: center;line-height: 50px;font-size: 16px;font-weight: 600;}
.product2-item-phone-btn:hover{background-color: #0A2445;color: #fff;}
.product2-show-mk4{margin-bottom: 30px;}
.product2-show-mk4-list{display: flex;flex-wrap: wrap; gap: 20px;}
.product2-show-mk4-item{/* width: 120px; */flex: 0 0 calc((100% - 20px * 7) / 8);}
.product2-item-img{width: 100%;max-width: 120px; border: 1px solid #D8D8D8;margin-bottom: 10px;}
.product2-item-img.active-border {border: 2px solid #72777D;outline: none;box-sizing: border-box;}
/* .product2-item-img:hover{border: 1px solid #72777D;} */
.product2-item-text{font-size: 12px;width: 100%;max-width: 120px;}
.extra-tr{display: table-row;border-bottom: 1px solid #0A2445;}
/* .product2-info .table tbody:hover .extra-tr{ display: block;} */
.toggle-checkbox{display: none;}
.extra-tr{display: none;}
.extra-tr-mk1{width: 100%;max-width: 120px;height: 120px; flex: 1;}
.extra-tr-mk2{flex: 4; display: flex;flex-direction: column;align-items: start;padding: 20px;margin-left: 20px;font-size: 14px;font-weight: 500;}
.extra-tr-title{text-align: left;}
/*.extra-tr-title:hover{border-bottom: 1px solid #0A2445;}*/
.extra-tr-item{color: #72777d;}
.extra-tr-item span{color: #000;font-size: 14px;font-weight: 500;}
.extra-tr-detail{color: #0A2445;border-bottom: 1px solid #0A2445;}
/* .extra-tr-detail:hover{} */
.extra-tr-mk3{flex: 2;border-left: 1px solid #D8D8D8;padding-left: 25px;}
.extra-tr-mk3-btn{font-size: 16px; color: #fff;margin-top:15px; width: 100px;height: 36px;background-color: #98191A;border-radius: 5px;text-align: center;line-height: 36px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.product3{display: flex;gap: 30px;}
.product3-left{display: flex;flex-direction: column;flex: 5;}
.product3-right{flex: 2;background-color: #F5F5F5;padding: 30px;}
.product3-left-title{font-size: 36px;font-weight: 700;border-bottom: 1px solid #BEBEBE;padding-bottom: 20px;line-height: 40px;}
.product3-left-img-box{display: flex;padding: 30px;}
.product3-left-intro{font-size: 18px;border: 1px solid #e8e8e8;padding: 10px;line-height: 35px;padding: 20px;max-width: 100%;overflow: hidden;}
.product3-left-intro img{max-width:100%; }
.product3-left-intro table{max-width:100%; }

.product3-img-list{flex: 1;}
.product3-img-item{width: 100%;max-width: 120px;border: 1px solid #e8e8e8;margin-bottom: 5px;}
.product3-img-item:hover{border: 1px solid #EF0000;}
.product3-img-show{flex: 4;display: flex;justify-content: center;align-items: center;}
.product3-show-item{width: 100%;max-width: 750px;}
.product3-right-mk1{background-color:#fff;padding: 20px;color:#000;box-shadow:5px 5px 8px rgba(19,2,2,0.46);line-height: 30px;border: 1px solid #0A2445;}
.product3-right-mk1-title{font-size:16px;font-weight:700}
.product3-right-mk1-content span{font-size:18px}
.product3-right-mk1-btn{margin-top: 10px; background-color: #98191A;font-size: 16px;width: 100px;height: 36px;border-radius: 5px;line-height: 36px;text-align: center;font-weight: 700;color: #fff;}
.product3-right-mk2{border:1px solid #713AB1 ;margin-top: 30px;}
.product3-right-mk2-stock{padding: 20px;font-size: 16px;line-height: 20px;}
.product3-right-mk2-stock-title{margin-bottom: 10px; width: 100px;height: 30px;background-color: #0A2445;color: #fff;border-radius: 15px;text-align: center;line-height: 30px;}
.product3-right-mk2-li{display: flex;margin-bottom: 10px;height: 25px;}
.product3-right-mk2-li-icon{font-size: 6px !important;}
.product3-right-mk2-li-num{font-size: 18px;font-weight: 600;margin-left: 10px;white-space: nowrap}
.product3-right-mk2-li-content{font-size: 16px;margin-left: 10px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.about-mk{display: flex;gap: 30px;}
.about{display: flex;gap: 30px;flex: 1;}
.about-title{font-size: 24px;font-weight: 500;height: 50px;line-height: 50px;}
.about-text{flex: 1;}
.about-img-box{flex: 1;}
.about-img{max-width: 100%;margin-top: 60px;}
.about-content1{font-size: 17px;font-weight: 300;margin-bottom: 30px;line-height: 25px;}
.about-content1 img{max-width: 100%;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* .contact-title{padding-bottom: 30px;border-bottom: 1px solid #0A2445;width: 300px;font-size: 40px;font-weight: 700;} */
.contact{flex: 1;}
.contact-mk{display: flex;gap: 30px;}
.contact-title{font-size: 24px;font-weight: 500;height: 50px;line-height: 50px;}
.contact-mk1{font-size: 17px;font-weight: 300;margin-bottom: 30px;line-height: 25px;}
.contact-mk2{font-size: 17px;font-weight: 300;margin-bottom: 10px;line-height: 25px;color: #0A2445;font-family: Arial, sans-serif !important;}
.contact-email{font-size: 17px;font-weight: 300;margin-bottom: 30px;line-height: 25px;color: #0A2445;font-family: Arial, sans-serif !important;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.recents{flex: 1;}
.recents-title{font-size: 24px;font-weight: 500;height: 50px;line-height: 50px;}
.recents-intro{font-size: 17px;font-weight: 300;margin-bottom: 30px;line-height: 25px;}
.recents-text-box{display: flex;gap: 30px;}
.recents-intro-content{flex: 1;}
.recents-intro-title{font-weight: 700;font-size: 24px;}
.recents-add-title{font-weight: 700;font-size: 24px;}
.recents-add-item{font-size: 17px;font-weight: 300;margin-bottom: 30px;line-height: 25px;}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.catalog{flex: 1;}
.catalog-mk{display: flex;gap: 30px;}
.catalog-title{font-size: 24px;font-weight: 500;height: 50px;line-height: 50px;}
.catalog-list{display: flex;gap: 30px;flex-wrap: wrap;/* margin-top: 60px; */}
.catalog-item{padding: 10px 20px;border: 1px solid #0A2445;flex: 0 0 calc((100% - 60px)/3);box-sizing: border-box;min-height: 200px;justify-content: space-between;}
.catalog-item-mk1{display: flex;align-items: center;}
.catalog-item-mk2{display: flex;flex-direction: column;justify-content: space-between;margin-left: 10px;}
.catalog-item-mk2-bottom{display: flex;justify-content: space-between;align-items: center;}
.catalog-item-mk2-bottom-btn{color: #0A2445;border: 1px solid #0A2445;padding: 10px;cursor: pointer;}
.catalog-item-mk2-bottom-btn:hover{background-color: #0A2445; color: #fff;border: 1px solid #0A2445;padding: 10px;}
.catalog-item-mk2-title{color: #0A2445;}
.catalog-item-mk1-img{width: 100%;max-width: 180px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.news{flex: 1;}
.news-mk{display: flex;gap: 30px;}
.news-title{font-size: 24px;font-weight: 500;height: 50px;line-height: 50px;}
.news-item{display: flex;padding:20px 30px;border: 1px solid #E8e8e8;min-height: 240px;}
.news-item-img-box{display: flex;align-items: center;}
.news-item-title{display: flex;justify-content: space-between;}
.news-item-detail{display: flex;flex-direction: column;flex: 1;margin-left: 20px;}
.news-item-content{margin-top: 20px;}
.news-item-btn{margin-left: auto;margin-top: auto;padding: 8px 16px;background: #eee;cursor: pointer;border: 1px solid #0A2445;color: #0A2445;background-color: #fff;}
.news-item-btn:hover{background-color: #0A2445;color: #fff;}
.news-item-name{font-size: 18px;font-weight: 700;color: #0A2445;}
.news-item-content{line-height: 30px;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~遮罩层 */
.email-trigger:hover{color: #0A2445;cursor: pointer;}
.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000; }
.popup-form{width:50%;height: 80vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:white;border-radius: 20px;padding:0px;/* border-radius:8px; */box-shadow:0 0 20px rgba(0,0,0,0.3)}
.popup-form-container{height:60vh;overflow-y: scroll !important;  }
.popup-title{font-size: 35px !important;color: #ffffff;margin-bottom: 15px;}
.popup-intro{font-size: 20px !important;color: #ffffff;}
.form-row{display:flex;flex-wrap:wrap;margin-bottom:10px;align-items:center}
.form-input-wrapper{flex:1;min-width:200px;}
.form-input{width:100%;padding:8px 10px;border:1px solid #e2e8f0;border-radius:4px;font-size:14px;color:#2d3748;transition:border-color 0.2s;}
.form-input2{border:1px solid red;}
.form-container{margin: 15px auto!important;position: relative;width:100%;max-width:800px;background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);overflow:hidden;}
.form-label{flex:0 0 160px;font-size:14px;color:#2d3748;font-weight:500;padding-right:16px;text-align:left}
.form-header{background:#0A2445;color:white;padding:8px 12px;border-bottom:1px solid #e2e8f0}
.form-content{padding: 10px;}
.form-send{margin: 20px auto;background-color:#0A2445;color: #ffffff;width: 120px;height: 40px;font-size: 18px;text-align: center;line-height: 40px;border: 1px solid #e8e8e8;cursor: pointer;}
.form-send:hover{background-color: #0c71ef;color: #fff;}

.news-content{}
.news-content img{max-width: 100%;}
.no-wrap-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  /*text-overflow: ellipsis;  !* 超出显示省略号 *!*/
}
.productshow{flex-direction: row;}
.productshowleft{flex:4;}
.productshowright{flex:1.5;}
.message-close{float:right;top:20px;right:20px;}
.error-message{color: #e74c3c;font-size: 12px;margin-top: 5px;display: none;}

@media only screen and (max-width: 1400px) {
}

@media only screen and (max-width: 1200px) {
  .top2{height: auto;}
  .result-content{display:none}
  .foot1_1{flex-wrap:wrap}
  .footmk1{flex:none;width:48%}
  .search-box{flex:none;width:50px}
  .foot1{flex-direction:column}
  .ipad-hide{display:none}
  .ipad-show{display:flex;align-items:center;justify-content:center;background-color:#f3f4f5;width:50px;height:50px}
  .top-mk3{display:none}
  .footinfo{display:flex;flex-direction:column}
  .product1-show-mk4-item{flex: 0 0 calc(20% - 16px);}
  .product2-show-mk4-item{flex: 0 0 calc((100% - 20px * 5) / 6);}
  .product3{display: flex;flex-direction: column;}
  .product3-right{display: flex;gap: 30px;}
  .product3-right-mk1{margin-top: 0;min-width: 300px;}
  .product3-right-mk2{margin-top: 0;min-width: 300px;}
  .product3-right-mk2-li{margin-bottom: 20px;}
  .about{flex-direction: column;}
  .about-img{margin-top: 0;}
}

@media only screen and (max-width: 1054px) {
  .product-item{width:30%}
  /* .product1-show-mk4-item{width: 25%;} */
  .product1-filter-btn-box{display: block;}
  .product2-show-mk4-item{flex: 0 0 calc((100% - 20px * 4) / 5);}
  .catalog-item{flex: 0 0 calc((100% - 30px)/2);}
  .news-detail{display: flex;flex-direction: column;}
  .product1-list-box{width: 100%;}
  .product1{display: flex;flex-direction: column;}
  .about-mk{display: flex;flex-direction: column;}
  .contact-mk{display: flex;flex-direction: column;}
  .catalog-mk{display: flex;flex-direction: column;}
  .news-mk{display: flex;flex-direction: column;}
}

@media only screen and (min-width: 992px) and (max-width: 1024px) {
  .product1-show-mk4-item{flex: 0 0 calc(25% - 15px);}
}

@media only screen and (min-width: 767px) and (max-width: 992px) {
  .product1-show-mk4-item{flex: 0 0 calc(33.333% - 13.333px);}
  .product2{display: flex;flex-direction: column;}
  .product2-list-box{width: 100%;}
  .pc{display: none;}
  .mobile{display: block;}
}

@media only screen and (max-width: 767px) {
  .pc{display: none;}
  .mobile{display: block;}
  .menubg{display: none;}
  .foot1{flex-direction:column}
  .product-item{width:45%}
  .menu-show{display: block;}
  .logo{flex: none;}
  .product1-show-mk4-item{flex: 0 0 calc(50% - 10px);}
  .product2{display: flex;flex-direction: column;}
  .product2-list-box{width: 100%;}
  /* .table{display: none;} */
  .product2-item-phone-box{display: flex;flex-wrap: wrap;gap: 40px;}
  .product2-item-phone{width: 100%;flex: 0 0 calc(50% - 20px);}
  .product2-show-mk4-item{flex: 0 0 calc((100% - 20px * 3) / 4);}
  .product3-right{display: flex;flex-direction: column;}
  .table-item{padding: 8px 0px !important;}
  .recents-intro{display: flex;flex-direction: column;}
  .productshow{flex-direction: column;}
  .productshowleft{flex:1;}
  .productshowright{flex:1;}
  .extra-tr-mk3{border-left: 0px solid #D8D8D8;margin-top:20px;border-top: 1px solid #D8D8D8;}
  .extra-tr-mk2{padding: 2px;}
  .popup-form{width: 98%;}
  .form-row{flex-direction: column;align-items:flex-start;}
  .form-label{flex:1;}
  .form-input-wrapper{width: 100%;}
}

@media only screen and (max-width: 640px) {
  .top2{width: 100%;}
  .footmk1{width:auto ;padding: 0;}
  .foot1_1{flex-direction:column}
  .foot1_2{flex-direction:column}
  .product1-list-box{width: 100%;box-shadow:0 0px 0px rgba(0,0,0,0);border:0px solid #D8D8D8;}
  .product1{display: flex;flex-direction: column;}
  .product1-list-mobile-box{width: 100%;}
  .catalog-item{flex: 0 0 calc(100%);}
  .news-item{display: flex;flex-direction: column;}
  .news-item-img-box{justify-content: center;}
}
@media only screen and (max-width: 600px) {
  .product1-show-mk4-item{width: 33%;}
}

@media only screen and (max-width: 520px) {
  .banner{margin-top: 30px;}
  .product-result-content{width: 100%;}
  .product-item{width:95%}
  .product2-item-phone{flex: 0 0 calc(100%);}
  .product2-item-phone-box{margin-top: 30px;}
  .product2-show-mk4-item{flex: 0 0 calc((100% - 20px * 2) / 3);}
  .table{margin-top: 20px !important;}
}
@media only screen and (max-width: 478px) {
  .footmk1-title{margin-top: 30px;margin-bottom: 0;}
  .popular-product-item img{width:100%;}
  .foot2{padding-bottom: 20px;}
}
@media only screen and (max-width: 430px) {
  .pushdown-content {width:100%}
  .foot2{padding-bottom: 20px;}
  .product1-show-mk4-item{width: 50%;}
  
}
@media only screen and (max-width: 400px) {
  .pushdown-content {width:100%}
  .foot2{padding-bottom: 20px;}
}