/* ===== Bundle Overview ===== */

/* Global business CSS bundle loaded by _Layout.cshtml */`r`n/* Order: base -> header -> product/list/detail/search -> news -> service/about -> contact -> theme overrides */



/* ===== Base And Shared ===== */

/* source: main.css */

:root{--primary:#C00000;--primary-dark:#8A0000;--black:#111111;--white:#ffffff;--primary-soft:#FDECEC;--primary-soft-border:#F7B5B5;--page-bg:#f1f3f5;--panel-bg:#ffffff;--panel-radius:10px}

*{padding:0;margin:0;touch-action:auto;}
::selection{background:#202020;color:#fff;}
::-moz-selection{background:#202020;color:#fff;}

::-webkit-scrollbar{width:4px;height:4px;}
::-webkit-scrollbar-track{background:rgba(0,0,0,.1);}
::-webkit-scrollbar-thumb{background:var(--primary);}

body{text-align:center;font-size:14px;font-family:"PingFang SC",'PingFang SC-Medium',"Microsoft YaHei",'寰蒋闆呴粦',Arial,sans-serif;color:#2E3231;}
ul,ol,li{list-style-type:none;}
img{border:none;}
a{color:#2E3231;text-decoration:none;}
a:hover{color:var(--primary);}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.line{margin-top:25%;}
.red{color:red;}
.maincolor{color:var(--primary);}
.kongge{white-space: pre-wrap !important;}

.iconH img{height: 100%;}
.iconW img{width: 100%;}

.content{width:100%;max-width:1400px;margin:0px auto;position:relative;}

.account_card{max-width:460px;margin:30px auto;padding:22px 22px;border:1px solid #e5e5e5;background:#fff;border-radius:10px;}
.account_card_wide{max-width:760px;padding:26px 28px 28px;}
.account_title{margin:0 0 14px 0;font-size:22px;font-weight:700;}
.account_links{margin-top:14px;text-align:center;}
.account_links a{color:#666;text-decoration:none;}
.account_links a:hover{text-decoration:underline;}
.form-row-inline{display:flex;align-items:flex-start;gap:18px;margin-bottom:16px;}
.form-row-label{width:96px;flex:0 0 96px;line-height:42px;font-size:14px;font-weight:700;color:#2E3231;margin:0;}
.form-row-control{flex:1 1 auto;min-width:0;}
.form-row-control .form-control{height:42px;padding:0 12px;border-radius:4px;}
.form-row-control textarea.form-control{height:auto;min-height:120px;padding:10px 12px;line-height:1.7;}
.form-row-validation{display:block;margin-top:6px;font-size:12px;line-height:18px;}
.form-submit-row{padding-top:4px;}

.page-wrap,.cart_page_wrap,.inquiry_page_wrap,.product_page_wrap{background:#f1f3f5;padding:8px 0 20px;}
.page-panel,.product_page_panel{background:#fff;border-radius:var(--panel-radius);box-sizing:border-box;padding:0 18px;overflow:hidden;}
.news-shell{padding:0 22px 24px;}
.service-shell{padding:24px 22px 28px;}
.sms-inline-row{display:flex;align-items:center;gap:12px;}
.sms-inline-row .sms-code-input{flex:1 1 auto;min-width:0;}
.sms-send-btn{height:42px;padding:0 16px;border:1px solid #E84848;background:#fff;color:#E84848;border-radius:6px;cursor:pointer;white-space:nowrap;transition:all .2s ease;}
.sms-send-btn:hover{background:#E84848;color:#fff;}
.sms-send-btn.is-disabled,.sms-send-btn:disabled{cursor:not-allowed;opacity:.72;background:#f5f5f5;color:#999;border-color:#ddd;}
.sms-send-hint{margin-top:8px;font-size:12px;line-height:18px;text-align:left;color:#666;}
.sms-send-hint.is-success{color:#22A06B;}
.sms-send-hint.is-warning{color:#D17C00;}
.sms-send-hint.is-error{color:#E84848;}
.form-control.input-validation-error,
.form_group_input.input-validation-error,
.form_group_text.input-validation-error,
.custom-form-input.input-validation-error{border-color:#E84848 !important;box-shadow:0 0 0 3px rgba(232,72,72,.12);background:#FFF8F8;}
.form-control.input-validation-error:focus,
.form_group_input.input-validation-error:focus,
.form_group_text.input-validation-error:focus,
.custom-form-input.input-validation-error:focus{border-color:#E84848 !important;box-shadow:0 0 0 4px rgba(232,72,72,.16);outline:none;}
.form-control.input-validation-success,
.form_group_input.input-validation-success,
.custom-form-input.input-validation-success{border-color:#22A06B !important;box-shadow:0 0 0 3px rgba(34,160,107,.12);background-color:#F5FFFA;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2322A06B'/%3E%3Cpath d='M5.5 10.3 8.4 13.2 14.5 7.1' stroke='white' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px;padding-right:40px;}
.form-control.input-validation-success:focus,
.form_group_input.input-validation-success:focus,
.custom-form-input.input-validation-success:focus{border-color:#22A06B !important;box-shadow:0 0 0 4px rgba(34,160,107,.16);outline:none;}
.field-validation-error,.text-danger.field-validation-error,.custom-error-message.field-validation-error,.support-request-validation.field-validation-error{color:#E84848 !important;}
.cart_title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;}
.cart_title h2{margin:0;font-size:22px;font-weight:700;}
.cart_user{color:#666;font-size:14px;}
.cart_card{background:#fff;border-radius:var(--panel-radius);box-sizing:border-box;padding:24px 18px;overflow:hidden;}
.cart_empty{padding:30px 0;text-align:center;}
.cart_empty p{margin:0 0 12px 0;color:#666;}
.cart_table{border:1px solid #ededed;border-radius:10px;overflow:hidden;}
.cart_row{display:grid;grid-template-columns:90px 1fr 140px 180px 100px;align-items:center;}
.cart_head{background:#F5F5F5;color:#2E3231;font-weight:700;height:46px;}
.cart_head .cart_cell{padding:0 14px;font-size:14px;}
.cart_body_row{border-top:1px solid #f0f0f0;padding:14px 0;}
.cart_body_row .cart_cell{padding:0 14px;}
.cart_col_select{display:flex;align-items:center;justify-content:center;}
.cart_check{display:flex;align-items:center;gap:8px;margin:0;font-weight:700;font-size:13px;color:#2E3231;}
.cart_select_item{width:16px;height:16px;}
.cart_goods{display:flex;align-items:center;gap:12px;min-width:0;}
.cart_goods_img{display:block;flex:0 0 auto;}
.cart_goods_img img{width:70px;height:70px;object-fit:contain;display:block;border:1px solid #e5e5e5;background:#fff;}
.cart_goods_text{min-width:0;}
.cart_goods_name{display:block;font-weight:700;line-height:1.25;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.cart_goods_type{margin-top:6px;color:#666;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cart_price_tag{color:#666;font-size:13px;}
.cart_qty_control{display:inline-flex;align-items:center;justify-content:center;}
.cart_qty_btn{width:32px;height:32px;border:1px solid #D1D1D1;background:#fff;color:#2E3231;line-height:30px;font-size:16px;cursor:pointer;}
.cart_qty_btn:hover{border-color:var(--primary);color:var(--primary);}
.cart_qty_value{width:50px;height:32px;line-height:32px;border-top:1px solid #D1D1D1;border-bottom:1px solid #D1D1D1;border-left:none;border-right:none;text-align:center;color:#2E3231;background:#fff;}
.cart_delete_link{background:transparent;border:none;padding:0;color:var(--primary);cursor:pointer;font-size:14px;}
.cart_delete_link:hover{color:var(--primary-dark);}

@media (max-width: 900px){
  .account_card_wide{padding:22px 18px 24px;}
  .form-row-inline{flex-direction:column;gap:6px;}
  .form-row-label{width:100%;flex-basis:auto;line-height:1.6;}
  .cart_table{overflow-x:auto;}
  .cart_row{min-width:720px;}
}



/* ===== Header And Home ===== */

/* source: index.css */

header{width:100%;height:auto;position:relative;}

.header_main{background: #fff;}

.header_c{height:85px;width: 100%;display: flex;justify-content: space-between;align-items: center;flex-flow: row nowrap;position: relative;}
.main_logo{height: 44px;flex:0 0 auto;}

.main_info{height: 100%;display: flex;justify-content: flex-end;align-items: center;flex-flow: row nowrap;flex:1 1 auto;min-width:0;}
.main_nav{height: 100%;padding:0 15px;flex:1 1 auto;min-width:0;}
.main_nav ul{height: 100%;display: flex;justify-content:space-around;align-items: center;flex-flow: row wrap;font-weight:bold;font-size:16px;}
.main_nav ul li{height:100%;margin:0 25px;line-height:85px;}
.main_nav ul li.onlinne{position: relative;}
.main_nav ul li a{transition: all 0.2s linear;}
.main_nav ul li a i{padding:0 5px;}

.nav_cont{width:100%;background: #fff;position: absolute;top:85px;right:0;z-index: 5;display: none;}
.nav_box{width:100%;display:flex;justify-content: flex-start;align-items: stretch;flex-flow: row nowrap;}
.nBox_left{width:230px;background: #EFEFEF;padding:20px 0;}
.nBox_l_top{margin:15px 0px;text-align: left;}
.nBox_l_cont{padding:0px 40px;line-height: 38px;}
.nBox_l_cont p{font-size: 22px;color: #2E3231;}
.nBox_l_cont p i{padding:0 10px;font-size: 18px;line-height: 38px;}
.nBox_l_soso{margin:10px 0px;text-align: left;position: relative;}
.nBox_key{background: #EFEFEF;border: none;border-bottom:#CFCFCF solid 1px;line-height: 38px;font-size: 14px;width: 100%;box-sizing:border-bor;padding:0 5px;}
.nBox_l_soso i{display: inline-block;position: absolute;right: 15px;top:0;width:38px;height: 38px;}
.nBox_l_list{margin-bottom: 20px;}
.nBox_l_list ul{display: block;}
.nBox_l_list ul li{line-height: 40px;font-size: 15px;font-weight: bold;text-align: left;margin:0px 0px 2px 0px;padding:0 42px;}
.nBox_l_list ul li.action{background: var(--primary);color: #fff;}
.nBox_l_list ul li i{padding:0 8px;line-height:40px;}

.nBox_right{width:calc(100% - 230px);max-height: 790px;overflow-x: auto;}
.nBox_right .nBox_ul{display: none;text-align: left;line-height: 40px;padding-bottom:80px;}
.nBox_right .nBox_ul:first-child{display: block;}
.nBox_ul_title{padding:0 35px;color: var(--primary);font-size: 18px;font-weight: bold;line-height: 50px;border-bottom: solid 1px #D5D5D5;margin-top:25px;}

.nBox_ul_list{display: flex;justify-content: center;align-items:stretch;flex-flow:row wrap;width:100%;}
.nBox_ul_list>div{width:20%;}
.nBox_sorts{width:20%;border-right: solid 1px #D5D5D5;border-bottom: solid 1px #D5D5D5;box-sizing: border-box;padding:15px 35px;line-height:30px;}
.nBox_sorts p{font-weight:bold;font-size: 15px;color: #2E3231;line-height: 40px;}
.nBox_sorts p img{height:70px;transition: all 0.3s linear;}
.nBox_sorts p:hover img{transform: scale(1.1);}
.nBox_sorts ul{display: block;width: 100%;}
.nBox_sorts ul li{font-size: 12px;color: #606262;line-height:28px;height:28px;margin: 0;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.2s linear;}
.nBox_sorts ul li a{color: #606262;transition: none;}
.nBox_sorts ul li a:hover{color: var(--primary);}
.nBox_sorts ul li:hover{padding-left:2px;}

.nav_cont2{background: #fff;position: absolute;top:85px;left:-30px;z-index: 3;display: none;}
.nav_box2{display:flex;justify-content: flex-start;align-items: stretch;flex-flow: row nowrap;}
.nav_box2 ul{width: auto;padding:0 0 5px;display: block;}
.nav_box2 ul li{line-height: 40px;margin:0 0 1px 0;white-space:nowrap;font-size: 15px;text-align: left;transition: all 0.2s linear;}
.nav_box2 ul li a{display:inline-block;padding:0 30px;color:#3D4241;width: auto;min-width: 80px;}
.nav_box2 ul li:hover{background:#f3f6f6;}
.nav_box2 ul li:hover a{color: var(--primary);}

.main_search{position: relative;flex:0 0 auto;}
.search_key{width:160px;height:35px;line-height:35px;padding:0 40px 0px 10px;border:#D1D1D1 solid 1px;}
.main_search i{position: absolute;display: flex;height: 35px;width: 35px;justify-content: center;align-items: center;right: 2px;top:2px;}
.header_actions{display:flex;align-items:center;gap:10px;margin-left:12px;flex:0 0 auto;}
.header_action_link{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #D1D1D1;border-radius:6px;background:#fff;color:#2E3231;transition:all .2s linear;position:relative;}
.header_action_link:hover{border-color:var(--primary);color:var(--primary);}
.header_action_btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #D1D1D1;border-radius:6px;background:#fff;color:#2E3231;transition:all .2s linear;padding:0;}
.header_action_btn:hover{border-color:var(--primary);color:var(--primary);}
.header_user{max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#666;font-size:13px;}
.header_logout_form{margin:0;}
.header_cart_badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;line-height:18px;padding:0 5px;border-radius:9px;background:#e53935;color:#fff;font-size:12px;font-weight:700;text-align:center;box-shadow:0 0 0 2px #fff;}
.header_cart_bump{animation:header_cart_bump .3s ease-in-out;}
@keyframes header_cart_bump{0%{transform:scale(1);}50%{transform:scale(1.12);}100%{transform:scale(1);}}

.fly_cart_item{position:fixed;z-index:99999;width:40px;height:40px;border-radius:8px;pointer-events:none;box-shadow:0 10px 18px rgba(0,0,0,.18);object-fit:cover;background:#fff;opacity:1;transform:translate3d(0,0,0) scale(1);transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .9s cubic-bezier(.2,.8,.2,1);will-change:transform,opacity;}
.fly_cart_icon{display:flex;align-items:center;justify-content:center;border:1px solid #e5e5e5;color:#2E3231;}

.search_box{position: absolute;top:-1px;right: 0;width:80%;background: #fff;box-shadow: 0px 13px 14px 4px rgba(38,87,75,0.1);z-index:3;display: none;}
.search_box_form{margin:25px 25px 0px;box-sizing: border-box;position: relative;}
.soso_keywords{width:100%;height:38px;line-height:38px;padding:0 40px 0px 15px;border:var(--primary) solid 1px;box-sizing: border-box;outline: var(--primary);}
.icon_soso{position: absolute;display: flex;height: 38px;width: 38px;justify-content: center;align-items: center;right: 2px;top:0px;}
.soso_search{width:38px;height:38px;position:absolute;right:2px;top:0px;opacity: 0;}
.icon_soso:hover{color:var(--primary);}
.search_box_info{margin:5px 25px 25px;box-sizing: border-box;text-align: left;}
.search_box_info p{display: flex;justify-content:flex-start;align-items: flex-start;flex-flow: row wrap;}
.search_box_info p b{font-size:15px;color:#2E3231;line-height:45px;}
.search_box_info p a{margin-bottom: 5px;}
.search_box_info p span{display: inline-block;line-height: 25px;padding:0 10px;font-size: 12px;color: #2E3231;border: #D1D1D1 solid 1px;margin-right: 15px;}
.search_box_info p span:hover{color: var(--primary);border: var(--primary) solid 1px;}



.floatlist{position:fixed;right:5px;width:55px;z-index: 9;transition:all 0.3s linear;top:50%;transform:translateY(-50%);z-index: 9;}
.floatlist ul{width: 100%;}
.floatlist ul li{margin-bottom:20px;width:55px;height:55px;position:relative;}
.floatlist ul li p{width:100%;height:100%;overflow:hidden;border-radius: 50%;display: flex;justify-content: center;align-items: center;position:relative;box-shadow:0 0 15px rgba(0,0,0,0.1);background:#E84848;background-size: cover;border:1px solid rgba(255,255,255,0.14);transition: background 0.2s linear, box-shadow 0.2s linear, transform 0.2s linear;}
.floatlist ul li p::after{content:'';position:absolute;inset:3px;border-radius:50%;border:1px solid rgba(255,255,255,0.08);pointer-events:none;}
.floatlist ul li:hover p{background: linear-gradient(135deg,#FF9A1A 0%, #FF6A00 100%);box-shadow:0 10px 24px rgba(0,0,0,0.18);transform: translateY(-1px);}
.floatlist ul li p img{width:100%;float:left;}
.floatlist ul li p i{font-size: 26px;color:#fff;text-shadow: 0 0 2px rgba(0, 30, 40, 0.3);}
.floatlist ul li p a{position: absolute;display:flex;right: 0;bottom: 0;width: 100%;height: 100%;background: linear-gradient(135deg,#FF9A1A 0%, #FF6A00 100%);color:#fff;line-height: 18px;justify-content: center;align-items: center;font-size: 15px;letter-spacing:2px;transition: all 0.2s linear;transform: scale(0);z-index:2;}
.floatlist ul li:hover p a{transform: scale(1);}
.floatlist ul li:last-child p{background:#fff;}
.floatlist ul li:last-child p i{font-size: 35px;color: #2E3231;text-shadow:none;}
.floatlistCode{position: absolute;right: 70px;top: 0;padding:10px;background: #fff;border:1px solid #e4e7ed;display: none;}
.floatlistCode img{width: 180px;}
.floatlist ul li:hover .floatlistCode{display:block;}

.floatlistTel{position:absolute;right:70px;top:0;min-width:300px;padding:0;background:#fff;border:1px solid #e4e7ed;display:none;box-shadow:0 10px 24px rgba(0,0,0,0.18);box-sizing:border-box;border-radius:9px;overflow:hidden;}
.floatlistTel::before{content:'';position:absolute;right:-8px;top:22px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:8px solid #fff;}
.floatlistTel::after{content:'';position:absolute;right:-9px;top:21px;width:0;height:0;border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:9px solid #e4e7ed;z-index:-1;}
.floatlistTel .flt_top{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(90deg,#FFF3E6 0%, #FFFFFF 70%);border-top:3px solid #FF8A00;}
.floatlistTel .flt_icon{width:36px;height:36px;border-radius:10px;background:#FF8A00;display:flex;align-items:center;justify-content:center;flex:0 0 36px;box-shadow:0 10px 18px rgba(255,138,0,0.25);}
.floatlistTel .flt_icon i{color:#fff;font-size:18px;line-height:1;}
.floatlistTel .flt_text{min-width:0;}
.floatlistTel .flt_title{font-size:18px;line-height:24px;color:#FF8A00;font-weight:800;white-space:nowrap;}
.floatlistTel .flt_sub{margin-top:4px;font-size:13px;line-height:18px;color:#9AA0A6;white-space:nowrap;}
.floatlist ul li:hover .floatlistTel{display:block;}

.floatlistTel span{position:static;display:inline;top:auto;right:auto;z-index:auto;height:auto;line-height:inherit;font-size:inherit;color:inherit;}

.floatlist ul li span.pluscart2{position: absolute;display: none;top: 2px;right: 0px;z-index: 11;color: red;height: 20px;line-height: 20px;font-size: 17px;}

.float_cart_badge{
    position:absolute;
    top:-4px;
    right:-4px;
    min-width:18px;
    height:18px;
    line-height:18px;
    padding:0 5px;
    border-radius:9px;
    background:#e53935;
    color:#fff;
    font-size:12px;
    font-weight:700;
    z-index:3;
    pointer-events:none;
    box-shadow:0 0 0 2px #fff;
}


.swiper{width:100%;}
.swiper-container{width:100%;height:100%;} 
.swiper-slide li{width:100%;height:100%;}
.swiper-slide li img{width:100%;float: left;}
.swiper-pagination-bullet{width:30px;height:3px;border-radius:0;background:#D2D2D2;opacity: .3;}
.swiper-pagination-bullet-active {opacity:1;background:#fff;}

.swiper_prev,.swiper_next{position: absolute;top: 50%;width:45px;height: 80px;margin-top: -40px;z-index: 10;cursor: pointer;font-size: 48px;color:#fff;line-height: 80px;display: none;border-radius: 4px;}
.swiper_prev{left:15px;}
.swiper_next{right:15px;}
.swiper_prev:hover,.swiper_next:hover{background: rgba(0,0,0,0.2);}
.swiper-container:hover .swiper_prev,.swiper-container:hover .swiper_next{display: block;}


.banner{width: 100%;}
.banner_pic{width: 100%;}
.banner_pic img{width: 100%;float: left;}

.mainTop{background:rgba(255,255,255,0.9);position:sticky;top:-20px;z-index:2;}
.mainTop_nav{padding:20px 0;}
.mainTop_nav ul{display: flex;justify-content: space-between;align-items: stretch;flex-flow:row nowrap;margin:0px;}
.mainTop_nav ul li{flex: 1;margin:0px 10px;padding:0;text-align: center;}
.mainTop_nav_pic{display: flex;justify-content: center;align-items: center;margin:10px 0;}
.mainTop_nav_pic span{display: inline-block;width: 100px;height: 100px;border-radius: 0;overflow: hidden;background:radial-gradient(circle,#d9efff,var(--primary-soft));display: flex;justify-content: center;align-items: center;-webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);}
.mainTop_nav_pic span img{width: 100px;transition: all 0.3s;}
.mainTop_nav_line{width:25px;height:2px;background: #2E3231;margin:10px auto;}
.mainTop_nav_title{font-size:16px;color:#2E3231;line-height:40px;transition:all 0.3s linear;}
.mainTop_nav_en{font-size: 14px;color: #666666;line-height: 25px;}
.mainTop_nav ul li:hover .mainTop_nav_pic span img{transform: scale(1.03);}
.mainTop_nav ul li:hover .mainTop_nav_title{color: var(--primary);}

.mainSo{
  background:linear-gradient(180deg,#eef2f8 0%,#f7f9fc 60%,#f1f3f5 100%);
  padding:22px 0 16px;
}
.mainSo .mainSoso{
  position:relative;
  background:linear-gradient(145deg,#ffffff 0%,#f8fbff 100%);
  border:1px solid #dde5f0;
  border-radius:14px;
  padding:16px;
  box-shadow:0 12px 26px rgba(19,33,58,.08);
}
.mainSo .mainSoso form{
  position:relative;
}
.mainSo .soso_key{
  width:100%;
  height:56px;
  line-height:56px;
  padding:0 72px 0 18px;
  border:1px solid #d2dceb;
  border-radius:10px;
  box-sizing:border-box;
  font-size:17px;
  color:#1f2937;
  background:#fff;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.mainSo .soso_key:focus{
  border-color:#e84848;
  box-shadow:0 0 0 4px rgba(232,72,72,.12);
  outline:none;
}
.mainSo .mainSoso i{
  position:absolute;
  display:flex;
  height:48px;
  width:56px;
  justify-content:center;
  align-items:center;
  right:4px;
  top:4px;
  border-radius:8px;
  background:linear-gradient(135deg,#ef5b5b 0%,#d73b3b 100%);
  box-shadow:0 8px 18px rgba(215,59,59,.26);
  pointer-events:none;
}
.mainSo .mainSoso i img{
  width:18px;
  height:18px;
}
.mainSo .soso_soso{
  width:56px;
  height:48px;
  position:absolute;
  right:4px;
  top:4px;
  opacity:0;
  cursor:pointer;
}

.mainSo .mainSo_meta{
  margin-top:12px;
  text-align:left;
}

.mainSo .mainSo_title{
  font-size:14px;
  font-weight:800;
  color:#2f3f57;
  letter-spacing:.2px;
}

.mainSo .mainSo_hot{
  margin-top:8px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
}

.mainSo .mainSo_hot_label{
  color:#64748b;
  font-size:13px;
}

.mainSo .mainSo_hot_empty{
  color:#94a3b8;
  font-size:13px;
}

.mainSo .mainSo_chip{
  display:inline-flex;
  align-items:center;
  height:30px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid #d8e0ed;
  background:#fff;
  color:#334155;
  font-size:13px;
  line-height:1;
  transition:all .2s ease;
}

.mainSo .mainSo_chip:hover{
  border-color:#e84848;
  color:#e84848;
  background:#fff5f5;
}

.mainSo .mainSolist,
.mainSo .mainSobox{
  position:absolute;
  top:66px;
  left:0;
  width:100%;
  max-height:260px;
  min-height:92px;
  background:#fff;
  padding:10px 12px 12px;
  box-sizing:border-box;
  border:1px solid #dfe6f0;
  border-radius:10px;
  box-shadow:0 14px 24px rgba(15,23,42,.12);
  overflow:auto;
  display:none;
  z-index:3;
}

.mainSo .mainSoso form .mainSobox{
  top:72px;
  left:12px;
  width:calc(100% - 24px);
}
.mainSo .mainSolist p,
.mainSo .mainSobox p{
  height:100%;
  width:100%;
  line-height:72px;
  display:flex;
  justify-content:center;
  align-items:center;
  color:#64748b;
}
.mainSo .mainSolist ul,
.mainSo .mainSobox ul{
  text-align:left;
  line-height:32px;
}
.mainSo .mainSolist ul li,
.mainSo .mainSobox ul li{
  color:#4b5563;
}
.mainSo .mainSolist ul li a,
.mainSo .mainSobox ul li a{
  display:block;
  padding:0 10px;
  border-radius:6px;
}
.mainSo .mainSolist ul li em,
.mainSo .mainSobox ul li em{
  font-style:normal;
  color:#e84848;
}
.mainSo .mainSolist ul li a:hover,
.mainSo .mainSobox ul li a:hover{
  background:#f5f8fd;
}


.mainUl{
  background:linear-gradient(180deg,#eef2f7 0%,#f4f6f9 100%);
  padding:24px 0 34px;
}
.mainList{
  margin-bottom:22px;
  background:#fff;
  border:1px solid #e2e8f0;
  border-radius:16px;
  box-shadow:0 10px 24px rgba(15,23,42,.06);
  overflow:hidden;
}
.mainUl .mainList:last-child{margin-bottom:0;}

.mainList_top{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  flex-flow:row nowrap;
  gap:14px;
  padding:14px 16px 12px;
  background:linear-gradient(180deg,#f8fbff 0%,#f3f7fc 100%);
  border-bottom:1px solid #e6edf5;
}
.mainList_t_tile{
  min-width:238px;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  gap:10px;
  padding:0 6px;
}
.mainList_t_tile i{
  display:inline-flex;
  width:38px;
  height:38px;
  padding:0;
  border-radius:10px;
  justify-content:center;
  align-items:center;
  background:linear-gradient(135deg,#eef4ff 0%,#fff 100%);
  border:1px solid #dbe7f5;
}
.mainList_t_tile i img{
  height:20px;
  width:20px;
  object-fit:contain;
}
.mainList_t_tile strong{
  display:inline-block;
  color:var(--primary);
  font-size:24px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.2px;
}
.mainList_t_li{width:calc(100% - 252px);}
.mainList_t_li ul{
  width:100%;
  display:flex;
  justify-content:flex-start;
  align-items:center;
  flex-flow:row nowrap;
  gap:10px;
  overflow:auto hidden;
  scrollbar-width:none;
}
.mainList_t_li ul::-webkit-scrollbar{display:none;}
.mainList_t_li ul li{
  margin:0;
  border:1px solid #d7e2ef;
  border-radius:999px;
  text-align:center;
  line-height:36px;
  height:36px;
  padding:0 16px;
  font-size:14px;
  font-weight:600;
  color:#546172;
  cursor:pointer;
  white-space:nowrap;
  transition:all .22s ease;
  background:#fff;
}
.mainList_t_li ul li:hover{
  border-color:#c6d6ea;
  color:#27364a;
}
.mainList_t_li ul li.action{
  border-color:var(--primary);
  background:rgba(230,57,70,.08);
  color:var(--primary);
}

.mainList_li{
  display:flex;
  justify-content:flex-start;
  align-items:stretch;
  gap:16px;
  padding:16px;
}
.mainList_li_left{
  width:286px;
  margin:0;
  flex:none;
}
.mainList_li_left a{
  display:block;
  width:100%;
  height:100%;
  border-radius:14px;
  overflow:hidden;
  border:1px solid #e3e9f2;
  box-shadow:0 8px 18px rgba(15,23,42,.06);
}
.mainList_li_left img{
  width:100%;
  height:100%;
  min-height:318px;
  object-fit:cover;
  float:left;
  transition:transform .35s ease;
}
.mainList_li_left:hover img{transform:scale(1.03);}

.mainList_li_right{flex:auto;}
.mainList_li_right ul{
  display:none;
  justify-content:flex-start;
  align-items:stretch;
  flex-flow:row wrap;
  gap:14px 16px;
}
.mainList_li_right ul:first-child{display:flex;}
.mainList_li_right ul li{
  width:calc((100% - 48px)/4);
  margin:0;
  background:#fff;
  position:relative;
  box-sizing:border-box;
  top:0;
  border:1px solid #e3e9f2;
  border-radius:12px;
  overflow:hidden;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.mainList_li_right ul li a{
  display:block;
  width:100%;
  height:100%;
  text-align:left;
}
.mainList_li_right ul li:hover{
  transform:translateY(-3px);
  border-color:#d0dceb;
  box-shadow:0 12px 22px rgba(15,23,42,.10);
}

.mList_li_pic{
  width:100%;
  height:176px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(180deg,#f8fafc 0%,#f2f5f9 100%);
}
.mList_li_pic img{
  width:auto;
  height:auto;
  max-height:138px;
  max-width:90%;
  float:left;
  transition:transform .26s ease;
}
.mList_li_title{
  line-height:1.45;
  min-height:56px;
  font-size:14px;
  font-weight:600;
  color:#273142;
  transition:color .2s ease;
  white-space:normal;
  overflow:hidden;
  text-overflow:ellipsis;
  padding:12px 12px 14px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.mainList_li_right ul li:hover .mList_li_title{color:var(--primary);}
.mainList_li_right ul li:hover .mList_li_pic img{transform:scale(1.06);}
.mainList_li_right ul li span{display:none;}

@media (max-width: 1200px){
  .mainList_li_left{width:250px;}
  .mainList_li_right ul li{width:calc((100% - 32px)/3);}
}
@media (max-width: 992px){
  .mainList_top{
    flex-direction:column;
    align-items:flex-start;
  }
  .mainList_t_tile,
  .mainList_t_li{
    width:100%;
    min-width:0;
  }
  .mainList_li{
    flex-direction:column;
  }
  .mainList_li_left{
    width:100%;
  }
  .mainList_li_left img{
    min-height:220px;
  }
  .mainList_li_right ul li{width:calc((100% - 16px)/2);}
}
@media (max-width: 576px){
  .mainUl{padding:18px 0 24px;}
  .mainList{border-radius:12px;}
  .mainList_top{padding:12px;}
  .mainList_t_tile strong{font-size:20px;}
  .mainList_t_li ul li{
    height:34px;
    line-height:34px;
    font-size:13px;
    padding:0 12px;
  }
  .mainList_li{
    gap:12px;
    padding:12px;
  }
  .mainList_li_right ul{
    gap:10px;
  }
  .mainList_li_right ul li{width:100%;}
  .mList_li_pic{height:160px;}
}

.mainNews{background:#F5F5F5;padding:0 0 60px;}
.mainNews_c{background: #fff;padding:20px 40px 40px;text-align: left;}
.mainNews_title{font-size: 30px;line-height: 70px;}
.mainNews_main{display: flex;justify-content:space-between;align-items: stretch;}
.mainNews_main_pic{width:400px;overflow: hidden;position: relative;margin:10px 0;}
.mainNews_main_pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.2s linear;}
.mainNews_main_pic p{line-height: 40px;background: rgba(0,0,0,0.5);color:#fff;position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;font-size: 15px;opacity: 0;transition: all 0.2s linear;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.mainNews_main_pic:hover img{transform: scale(1.02);}
.mainNews_main_pic:hover p{opacity: 1;}
.mainNews_main_list{width: calc(100% - 440px);min-height: 280px;}
.mainNews_main_list ul{display: flex;justify-content: space-between;align-items: stretch;flex-flow:row wrap;align-content: space-between;height: 100%;}
.mainNews_main_list ul li{width: 48%;}
.mainNews_main_list ul li p{padding:4px 0;width: 100%;}
.mainNews_main_list ul li p b{font-size: 20px;line-height: 30px;display: inline-block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: normal;}
.mainNews_main_list ul li p span{font-size: 14px;color: #767578;line-height: 22px;}
.mainNews_main_list ul li p strong{font-size: 14px;line-height: 30px;font-weight: normal;color: #666;}
.mainNews_main_list ul li p i{margin-right:10px;font-size: 14px;color: #2E3231;}





/* 浼樺寲鍔ㄧ敾鐨凜SS */
.fly-animation{will-change: transform, opacity;/* 鍚敤纭欢鍔犻€?*/box-shadow: 0 2px 10px rgba(0,0,0,0.2); /* 娣诲姞鎶曞奖鎻愬崌绔嬩綋鎰?*/background: #fff;}
/* 鍒濆闅愯棌鍏嬮殕鍏冪礌涓殑涓嶉渶瑕佸姩鐢荤殑鍐呭 */
.fly-animation span,.fly-animation p,.fly-animation input{display:none !important;}



.loading-overlay{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5);display:none;justify-content:center;align-items:center;z-index:1000;}
.spinner{width:50px;height:50px;border:5px solid rgba(255, 255, 255, 0.3);border-top-color:#ffffff;border-radius: 50%;animation:spin 1s linear infinite;}

@keyframes spin{
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}




.video_box{position: fixed;top:0;left: 0;right:0;bottom:0;background:rgba(0,19,18,0.7);z-index: 10;display: none;justify-content: center;align-items: center;}
.video_boxc{padding:10px;position: relative;height: 100%;box-sizing: border-box;width:100%;}
.video_main{height:100%;width: 100%;}
.video_main video{width:100%;height:100%;object-fit: scale-down;}
.video_title{font-size: 16px;color: #190D0D;line-height: 30px;text-align: left;padding:10px 0;}
.video_close{position: absolute;top:20px;right: 20px;display: inline-block;padding:0 15px;line-height:28px;border-radius: 20px;border: 1px solid #ddd;background: rgba(40,43,45,0.39);font-size: 13px;color: #ddd;transition: all 0.3s linear;cursor:pointer}
.video_close i{padding-right:5px;font-style: normal;font-size: 15px;}
.video_close:hover{border: 1px solid #fff;color: #fff;background: rgba(40,43,45,0.5);}






.pagination{padding:30px 0;width: 100%;display:block;}
.pagination ul{display: flex;justify-content: center;align-items: center;flex-flow: row nowrap;}
.pagination ul li{line-height: 36px;width:36px;height: 36px;margin:0 5px;}
.pagination ul li a{display: inline-block;width:100%;height:100%;background:#EEF0F0;border-radius:4px;font-size: 14px;}
.pagination ul li a:hover{background:var(--primary);color: #fff;}
.pagination ul li span{display: inline-block;width:100%;height:100%;background:var(--primary);border-radius:4px;font-size: 14px;color: #fff;}
.pagination ul li b{font-weight: initial;}
.pagination ul li a i,.pagination ul li span i,.pagination ul li b i{font-size: 16px;}





.promise{width:100%;background:#DDEFEF;}
.promise img{width:100%;float: left;}
.promise_list{padding:30px 0;}
.promise_list ul{display: flex;justify-content: space-between;align-items: center;}
.promise_list ul li{line-height: 50px;height: 50px;display: flex;justify-content: space-around;align-items: center;}
.promise_list ul li i{display: inline-block;height: 100%;}
.promise_list ul li i img{height: 100%;}
.promise_list ul li span{font-size:18px;color:var(--primary-dark);padding:0 20px;}




footer{background:linear-gradient(70deg,var(--primary) 40%,#202727 40%);}
footer.foot2{position: fixed;bottom: 0;left: 0;right: 0;}
.foot_cont{display: flex;justify-content: space-between;align-items:flex-start;padding:40px 0 20px;background:linear-gradient(70deg,#6c757d 30%,#202727 30.1%);}
.foot_infor{text-align: left;}
.foot_infor p{padding:5px 0;font-size: 15px;color:#fff;line-height:24px;}
.foot_infor p span{font-size: 24px;color: var(--primary);line-height: 42px;font-weight: bold;}
.foot_infor p.foot_line2{padding-bottom:40px;}
.foot_infor p.foot_line2 img{height:52px;}
.foot_infor p i{margin-right:10px;width:20px;text-align: center;display: inline-block;}
.foot_infor li{padding:25px 0;line-height:35px;}
.foot_infor li a{display: inline-block;margin-right: 10px;background: rgba(255,255,255,0.2);border-radius: 4px;padding:0 30px;color:#fff;}
.foot_infor li a:hover{background: rgba(255,255,255,0.3);}

.foot_list{display: flex;justify-content: flex-end;align-items: self-start;flex-flow: row nowrap;}
.foot_ul{margin-right:50px;}
.foot_ul ul{display: flex;justify-content:space-between;align-items: flex-start;}
.foot_ul ul li{width: 130px;text-align: left;}
.foot_ul ul li p b{line-height: 45px;color: #fff;font-size: 16px;}
.foot_ul ul li p a{color: #fffc;font-size: 14px;line-height: 35px;}
.foot_ul ul li p a:hover{color:#fff;}
.foot_qrcode ul{display: flex;justify-content:center;align-items: flex-start;flex-flow: row wrap;margin-bottom:15px;}
.foot_qrcode ul li{margin-left:30px;cursor: pointer;}
.foot_qrcode ul li p{padding:0;font-size: 14px;color:#fff;}
.foot_qrcode ul li p img{height: 80px;}

.codebox{position: fixed;top:0;bottom: 0;left: 0;right: 0;background: rgba(0,19,18,0.6);z-index: 10;display: flex;justify-content: center;align-items: center;display: none;}
.codeboxc{width: 280px;}
.codeboxc img{width: 100%;}
.codebox_close{position: absolute;top:50px;right: 50px;}
.codebox_close i{display: inline-block;background: rgba(17,17,17,0.3);width: 50px;height: 50px;border-radius: 50%;line-height: 46px;color: #fff;font-size: 48px;font-style: normal;font-weight: 300;cursor: pointer;}
.codebox_close i:hover{background: rgba(17,17,17,0.5);}


.footer_line{width: 100%;padding:10px 0;border-top: 1px rgba(255, 255, 255, 0.1) dashed;}
.footer_linec{text-align: left;}
.footer_linec p{line-height: 24px;font-size: 12px;}
.footer_linec p b{color:#fff;font-weight: normal;}
.footer_linec p span{margin-right:5px;color: #fff;}
.footer_linec p a{color:#fffc;margin-right:10px;}
.footer_linec p a:hover{color:#fff;text-decoration: underline;}
.footer_linec p:first-child a{margin:0 12px;line-height: 30px;}

@media (min-width: 1100px){
  .foot_infor{min-width:520px;}
  .foot_right{flex:1;min-width:0;}
  .foot_infor p.foot_addr{white-space:nowrap;}
}

/* ===== Footer Modern Redesign ===== */
.site-footer-modern{
  background: radial-gradient(1200px 480px at 12% -20%, rgba(232,72,72,.22), transparent 55%), linear-gradient(160deg, #121826 0%, #0f1420 65%, #0b1019 100%);
  color:#e5ebf5;
  padding:34px 0 16px;
  margin-top:28px;
}

.site-footer-modern .sf-shell{
  display:grid;
  grid-template-columns:minmax(320px,1.25fr) minmax(360px,1fr) 230px;
  gap:28px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  padding:26px 26px 20px;
  box-shadow:0 14px 32px rgba(0,0,0,.28);
}

.site-footer-modern .sf-logo{
  display:inline-flex;
  align-items:center;
}

.site-footer-modern .sf-logo img{
  height:48px;
}

.site-footer-modern .sf-desc{
  margin:12px 0 14px;
  color:#b9c4d6;
  line-height:1.75;
  text-align:left;
}

.site-footer-modern .sf-contact{
  margin:0;
  padding:0;
}

.site-footer-modern .sf-contact li{
  list-style:none;
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:5px 0;
  color:#e8edf6;
  line-height:1.6;
  text-align:left;
}

.site-footer-modern .sf-contact li i{
  width:18px;
  margin-top:2px;
  color:#ff7f7f;
  text-align:center;
  flex:0 0 18px;
}

.site-footer-modern .sf-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(140px,1fr));
  gap:14px 22px;
  text-align:left;
}

.site-footer-modern .sf-link-col h4{
  margin:0 0 9px;
  font-size:16px;
  color:#ffffff;
  font-weight:700;
}

.site-footer-modern .sf-link-col a{
  display:block;
  color:#bfd0e5;
  font-size:14px;
  line-height:1.9;
  transition:all .2s ease;
}

.site-footer-modern .sf-link-col a:hover{
  color:#ffffff;
  padding-left:4px;
}

.site-footer-modern .sf-qrcodes{
  display:flex;
  flex-direction:column;
  gap:12px;
}

.site-footer-modern .sf-qr-item{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.15);
  border-radius:10px;
  padding:10px 10px 8px;
  text-align:center;
  transition:transform .2s ease, border-color .2s ease;
}

.site-footer-modern .sf-qr-item:hover{
  transform:translateY(-2px);
  border-color:rgba(255,255,255,.3);
}

.site-footer-modern .sf-qr-item img{
  width:84px;
  height:84px;
  object-fit:cover;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.16);
}

.site-footer-modern .sf-qr-item span{
  display:block;
  margin-top:6px;
  font-size:12px;
  color:#d6dfef;
}

.site-footer-modern .sf-bottom{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  padding:12px 6px 0;
  margin-top:14px;
  border-top:1px dashed rgba(255,255,255,.16);
  color:#b8c4d8;
  font-size:12px;
}

.site-footer-modern .sf-bottom a{
  color:#ff8d8d;
}

.site-footer-modern .sf-bottom a:hover{
  color:#ffb1b1;
  text-decoration:underline;
}

@media (max-width: 1080px){
  .site-footer-modern .sf-shell{
    grid-template-columns:1fr;
    gap:18px;
  }
  .site-footer-modern .sf-links{
    grid-template-columns:repeat(2,minmax(120px,1fr));
  }
  .site-footer-modern .sf-qrcodes{
    flex-direction:row;
    justify-content:flex-start;
  }
}

@media (max-width: 640px){
  .site-footer-modern .sf-shell{
    padding:20px 14px 16px;
  }
  .site-footer-modern .sf-links{
    grid-template-columns:1fr;
  }
  .site-footer-modern .sf-qrcodes{
    flex-wrap:wrap;
  }
  .site-footer-modern .sf-bottom{
    flex-direction:column;
    text-align:center;
  }
}


.pagebox{position: fixed;top:0;bottom: 0;left: 0;right: 0;display: flex;justify-content: center;align-items: center;}
.page404{text-align: center;}
.pagebox p{padding:2px 0;line-height:30px;}
.pagebox p img{width: 170px;}
.pagebox p b{font-size: 22px;}
.pagebox p span{color: #808483;}
.pagebox p a{display: inline-block;font-size: 14px;color: #fff;margin:20px 0;padding:0 20px;background:var(--primary);border-radius: 15px;line-height:30px;position: relative;}
.pagebox p a:hover{background: var(--primary-dark);box-shadow: 0 0 10px #CFCFCF;}

.nolistbox{width: 100%;height: 100%;min-height: 562px;display: flex;justify-content: center;align-items: center;}
.nolistboxc{text-align: center !important;}
.nolistboxc p{padding:2px 0;line-height:30px;text-align: center !important;}
.nolistboxc p img{width: 170px !important;}
.nolistboxc p b{font-size: 16px !important;line-height:30px !important;}
.nolistboxc p em{font-style: normal;color:orangered;padding: 0 2px;}
.nolistboxc p span{color: #808483 !important;line-height:30px !important;font-size: 14px !important;}
.nolistboxc p a{display: inline-block;font-size: 14px !important;color: #fff !important;margin:20px 5px;padding:0 20px !important;background:var(--primary) !important;border-radius: 15px !important;line-height:30px !important;position: relative;}
.nolistboxc p a:hover{background: var(--primary-dark) !important;box-shadow: 0 0 10px #CFCFCF;}



/* ===== Product And Breadcrumb ===== */

/* source: product2.css */

.nav_bread{padding:10px 0;background:#f0f0f0;}
.nav_breadc{text-align: left;}
.nav_breadc p{line-height: 40px;font-size: 14px;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;display:flex;align-items:center;}
.nav_breadc p a{color:#54626E;}
.nav_breadc p a:hover{color:var(--primary);}
.nav_breadc p span{padding:0 15px;color:#54626E;display:inline-flex;align-items:center;}
.nav_breadc p b{color:#AEB0B7;font-weight: normal;}
.nav_breadc p a.bread_home_link{display:inline-flex;align-items:center;gap:10px;}
.nav_breadc p a.bread_home_link .bread_home_icon{width:20px;height:20px;color:#3B7DDD;flex:0 0 20px;}

.product-index-wrap{background:#f1f3f5;}
.product-index-wrap .product-index-panel{background:transparent;padding:0;}
.product-index-wrap .product{background:#fff;padding:30px 18px;}

.product{background: var(--panel-bg);padding:30px 0;}
.productc{display: flex;justify-content: space-between;align-items:stretch;}

.product_left{width: 330px;margin-right: 50px;}
.product_left>ul{position: sticky;top:0;max-height: 100vh;overflow: auto;padding-right:20px;}
.product_left>ul>li{margin-bottom:10px;}
.product_left>ul>li a{display: flex;justify-content: space-between;align-items: center;line-height: 60px;}
.product_left>ul>li a b{font-size: 17px;}
.product_left>ul>li a i{font-size: 16px;}
.product_left>ul>li ul{display: none;}
.product_left>ul>li.active ul{display:block;}
.product_left>ul>li ul li{padding:0 20px;box-sizing: border-box;border-bottom: 1px solid #EAEAEA;}
.product_left>ul>li ul li a{color: #606775;}
.product_left>ul>li ul li.action a,.product_left>ul>li ul li a:hover{color: var(--primary);}


.product_right{flex: 1;max-width:1020px;}
.product_right_top{padding-bottom: 20px;border-bottom: 1px solid #EAEAEA;}
.product_right_top p{line-height: 60px;display: flex;justify-content: space-between;align-items: center;}
.product_right_top p b{font-size: 18px;color: #353535;}
.product_right_top p span{display: flex;justify-content: center;align-items: center;}
.product_right_top p span i{width: 36px;height: 36px;line-height: 36px;border: 1px solid #999;border-radius: 3px;margin:0 10px;cursor: pointer;}
.product_right_top p span i:hover{border: 1px solid var(--primary);color:var(--primary);}
.product_right_top p span i.action{border: 1px solid #E4E4E4;color:#E4E4E4;pointer-events:auto!important;cursor:not-allowed!important;}

.product_right_li{padding:10px 0;}
.product_right_li ul li{display: flex;justify-content: space-between;align-items:stretch;border-bottom: 1px solid #EAEAEA;padding:20px 0;}
.product_right_li ul li.no-topline{border-bottom: none;}
.product_right_pic{width:260px;margin-right: 40px;overflow: hidden;background:#F1F1F1;display:flex;justify-content:center;align-items:center;}
.product_right_pic img{width:90%;transition: all 0.3s linear;vertical-align:middle;padding:5px;}
.product_right_li ul li:hover .product_right_pic img{transform: scale(1.05);}
.product_right_info{flex: 1;display: flex;flex-direction: column;justify-content: space-between;text-align: left;}
.product_right_info div{padding:5px 0;}
.product_right_info .product_rinfo_title b{font-size:20px;line-height:40px;}
.product_right_info .product_rinfo_desc{color:#606775;line-height:30px;}
.product_right_info .product_rinfo_an i{padding:0 35px;background: var(--primary);border-radius:2px;line-height:35px;font-size:24px;margin:5px 0;color:#fff;transition:all 0.3s;}
.product_right_info .product_rinfo_an i:hover{opacity:0.8;}

.product_right_li2{padding:10px 0;}
.product_right_li2 ul{display: flex;justify-content: space-between;align-items:stretch;flex-flow: row wrap;}
.product_right_li2 ul li{margin-bottom:40px;width: calc((100% - 80px)/3);display: flex;flex-direction: column;justify-content: space-between;border: none;}
.product_right_li2 .product_right_pic{width:100%;flex: 1;display: flex;align-items: center;}
.product_right_li2 .product_right_pic img{width:70%;}
.product_right_li2 ul li:hover .product_right_pic img{transform: scale(1.05);}
.product_right_li2 .product_right_info{flex: 0;display: flex;flex-direction: column;justify-content: space-between;}
.product_right_li2 .product_right_info .product_rinfo_desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow: hidden;}



@media ( max-width: 1150px){
    .product_right_li2 ul li{width: calc((100% - 40px)/2);}
}
@media ( max-width: 800px){
    .product_right_li2 ul li{width:100%;}
}



/* ===== Product Filters ===== */

/* source: third.css */

.third{background:var(--panel-bg);padding:10px 20px;border-top: 1px solid #f1f1f1;}
.third_c{padding:0px 0 40px;}
.third_nav{line-height:40px;text-align: left;}
.third_nav i{padding:0 10px;}
.third_nav span{color: #AEB0B7;}
.third_main{padding:10px 0;}

.third_main_title{padding:25px 0px 0px;background: #fff;}
.third_main_title p{line-height:60px;font-size: 30px;text-align: left;}

.third_ul{padding:20px 0px 40px;background: #fff;}
.third_ul_info{position: sticky;top:0px;background: #fff;z-index: 2;padding-top:20px;}
.third_ul_info2{top:55px;}
.third_ul_infoc{padding:0 0 30px;display: flex;justify-content: flex-start;align-items:center;border-bottom: 1px dashed #d9e0e0;}
.third_ul_pic{width: 170px;margin-right:40px;}
.third_ul_pic img{width: 100%;transition: all 0.3s linear;}
.third_ul_pic:hover img{transform: scale(1.05);}
.third_ul_desc{flex:1;}
.third_ul_desc p{padding-bottom:10px;text-align: left;}
.third_ul_desc p b{font-size: 22px;line-height: 35px;}
.third_ul_desc p span{font-size: 16px;color: #6C6F6E;line-height: 22px;}
.third_ul_listw{width: 100%;height:auto;position: relative;margin-top: 40px;box-sizing: border-box;border: 1px solid #d9e0e0;height: 50px;overflow: hidden;}
.third_ul_listc{max-height: 405px;overflow: hidden;border-left: 1px solid #d9e0e0;border-right: 1px solid #d9e0e0;}
.third_ul_list{display: table;width:100%;line-height: 40px;table-layout: fixed;}
.third_ul_list p{display: table-row;}
.third_ul_list p b,.third_ul_list p span{display: table-cell;font-size: 14px;color: #6C6F6E;width:130px;vertical-align:middle;padding:10px;text-align: left;box-sizing: border-box;}
.third_ul_list p b{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.third_ul_list p span{font-size:13px;border-bottom: 1px solid #d9e0e0;overflow: hidden;text-overflow: ellipsis;}
.third_ul_list p b:nth-child(2),.third_ul_list p span:nth-child(2){width:110px;}
.third_ul_list p b:nth-child(3),.third_ul_list p span:nth-child(3){width:240px;}
.third_ul_list p b:nth-child(4),.third_ul_list p span:nth-child(4){width:170px;}
.third_ul_list p b:last-child,.third_ul_list p span:last-child{width:170px;}
.third_ul_list p b.tbconter,.third_ul_list p span.tbconter{text-align: center;}
.third_ul_list p span.third_group em{line-height: 30px;font-style: normal;}
.third_ul_list p span.third_group em a{display: block;}
.third_ul_list p span.third_group em img{height:60px;vertical-align:middle;margin-right:15px;}
.third_ul_list p b{background: #F1F1F1;color:#2E3231;line-height:30px;}
.third_ul_list p:hover span{background: #f4faf9;}
.third_ul_list p span.third_group em a:first-child{color:var(--primary);}
.third_ul_list p span.third_group em a:hover{text-decoration: underline;}

.third_ul_list p span a.addcart{display: inline-block;line-height:30px;border: 1px solid #d9e0e0;padding:0 10px;color: #2E3231;border-radius: 2px;font-size: 13px;}
.third_ul_list p span a.addcart i{margin-right:5px;}
.third_ul_list p span a.addcart:hover{border: 1px solid var(--primary);color: var(--primary);}

.third_ul_list p b.linesmall,.third_ul_list p span.linesmall{width:40px;text-align: center;min-width: auto;}
.linesmall input[type="checkbox"]{-webkit-appearance:none;vertical-align:middle;width:15px;height:15px;position: relative;outline: 1px solid #999;border: none;border-radius: 2px;background: #FFF;}
.linesmall input[type="checkbox"]:hover{outline: 1px solid var(--primary);}
.linesmall input[type="checkbox"]:checked{outline: 1px solid var(--primary);}
.linesmall input[type="checkbox"]:checked::after{content: "\f00c";display: block;width:15px;height:15px;position: absolute;background:var(--primary);border-radius: 2px;font-family: 'FontAwesome';color:#fff;line-height: 15px;text-align: center;}
.linesmall input[type="checkbox"]:indeterminate::after{content: "\f068";display: block;width:15px;height:15px;position: absolute;background:var(--primary);border-radius: 2px;font-family: 'FontAwesome';color:#fff;line-height: 15px;text-align: center;}

.third_ul_p{text-align: center;}
.third_ul_p p{line-height: 40px;color:var(--primary);}
.third_ul_p p b{cursor: pointer;}
.third_ul_p p i{margin-left:10px;font-size:16px;}

.third_ul_bottom{text-align: right;}
.third_ul_bottom p{padding:10px 0;line-height: 40px;}
.third_ul_bottom p span{padding: 0 20px;}
.third_ul_bottom p span em{font-style:normal;color:red;padding:0 5px;}
.third_ul_bottom p a{display: inline-block;padding:0 15px;color:#fff;border-radius:2px;font-size:14px;background: var(--primary);transition: all 0.3s linear;}
.third_ul_bottom p a i{margin-right: 5px;}
.third_ul_bottom p a:hover{opacity: 0.8;}

.third_main_banner{display: flex;justify-content: space-between;align-items: stretch;margin:20px 0;}
.third_main_pic{margin-right: 5px;height: 280px;}
.third_main_pic img{height: 100%;}
.third_main_sort{background: var(--primary);padding:10px;height: 280px;overflow-y: auto;flex: auto;box-sizing: border-box;}
.third_main_sort ul li{height:125px;margin-bottom:10px;background: #fff;padding:10px;box-sizing: border-box;border-radius:10px;}
.third_main_sort ul li p{line-height:40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.third_main_sort ul li p.pic{height: 80px;}
.third_main_sort ul li p.pic img{height: 100%;}
.third_main_sort ul li:last-child{margin-bottom:0px;}

.third_nav_ul{line-height: 60px;margin: 10px 0;background: #F0F6F6;box-sizing: border-box;position: sticky;top:0px;z-index: 3;box-shadow: 0 5px 10px -5px rgba(0,0,0,0.15);}
.third_nav_ul ul{display: flex;justify-content: flex-start;align-items: stretch;text-align: center;}
.third_nav_ul ul li{margin-right: 5px;font-size: 16px;}
.third_nav_ul ul li a{display: inline-block;padding:0 30px;}
.third_nav_ul ul li a.action,.third_nav_ul ul li a:hover{background:var(--primary);color: #fff;}


.third_main_desc{display: flex;justify-content: space-between;align-items: stretch;text-align: left;margin-top: 40px;}
.third_main_descl{flex:1;margin-right: 50px;}
.third_main_top{padding:0 15px;font-size: 28px;color: var(--primary);border-left: 6px solid var(--primary);line-height: 35px;margin:10px 0;}
.third_main_content{padding:10px 0;line-height: 30px;}
.third_main_content p{padding:5px 0;line-height: 30px;font-size: 16px;}
.third_main_content p b{font-size: 22px;}
.third_main_content p span{color: #6C6F6E;}
.third_main_content img{width:170px;margin:5px 40px 0 0;float: left;transition: all 0.3s linear;}
.third_main_content img:hover{transform: scale(1.05);}


.third_main_descr{width:270px;padding:10px 20px;box-sizing: border-box;border: 1px solid #D9D9D9;margin:10px 0;box-shadow: 0 0 6px #dddd;}
.third_main_descr_top{line-height:60px;padding-bottom: 2px;}
.third_main_descr_top p{padding:5px 0 10px;display: flex;justify-content: flex-start;align-items: center;}
.third_main_descr_top p span{display: inline-block;height: 60px;color: var(--primary);font-size: 20px;}
.third_main_descr_top p span img{height:100%;margin-right:15px;}

.third_main_descr_li{line-height:30px;color: #6C6F6E;border-top: 1px #D9D9D9 dashed;padding-top: 5px;}
.third_main_descr_li p{display: flex;justify-content: flex-start;align-items: flex-start;}
.third_main_descr_li p span img{width: 120px;padding-top:6px;}


.third_nav_w{width:100%}

.third_option_param{margin: 20px 0;}
.third_option_title{display: flex;justify-content: space-between;align-items: stretch;}
.third_option_title_left{line-height: 60px;text-align: left;}
.third_option_title_left b{font-size: 26px;}
.third_option_title_right{display: flex;justify-content: flex-start;align-items: center;}
.third_option_title_right p{margin:0 5px;}
.third_option_title_right p a{display: inline-block;border-radius:2px;border: 1px solid #D8D8D8;line-height: 35px;padding:0 20px;font-size: 16px;color: #6C6F6E;}
.third_option_title_right p a i{margin-right:10px;font-size: 14px;}
.third_option_title_right p a:hover{border: 1px solid var(--primary);background: var(--primary);color:#fff;}
.third_option_main .third_option_title_right p:last-child{display: none;}
.third_option_select{margin:40px 0;}
.third_option_select select{width: 100%;height: 45px;line-height: 45px;padding: 0 15px;border: var(--primary) solid 2px;border-radius: 6px;box-sizing: border-box;font-size: 18px;}



.third_option_title2{line-height: 80px;font-size: 22px;text-align: left;padding:0 25px;box-shadow: 0 0px 5px rgba(0,0,0,0.1);display: none;}


.third_option_form{margin:15px 5px;text-align: left;position: relative;}
.third_option_key{border:none;border:#CFCFCF solid 1px;border-radius:2px;line-height: 35px;font-size: 15px;width: 100%;box-sizing:border-box;padding:0 10px 0 35px;outline:none;box-sizing: border-box;}
.third_option_form i{display: inline-block;position: absolute;left: 0;top:0;width:32px;height: 35px;display: flex;justify-content: center;align-items: center;}

.third_option_ul{margin:10px 0px;}
.third_option_list{border-top:#009B95 2px solid;background: #F0F6F6;margin:10px 0px;height:150px;overflow: hidden;}
.third_option_list ul li{display: flex;justify-content: flex-start;align-items: stretch;line-height: 39px;text-align: left;padding:5px 0;border-bottom: 1px dashed #fff;}
.third_option_listl{width:180px;box-sizing: border-box;padding:0 20px;}

.third_option_listr{flex: 1;display: flex;justify-content: flex-start;align-items: center;flex-flow: row wrap;}
.third_option_listr label{display: flex;align-items: center;margin:0 10px;min-width: 100px;color:#666;}
.third_option_listr label span{margin:0 8px;}
.third_option_listr label input[type="checkbox"]{width:14px;height:14px;}
.third_option_listr label.readonly{color:#999;}

.third_option_p{line-height: 30px;}
.third_option_p a{display: inline-block;padding:0 15px;background: #F0F6F6;}
.third_option_p a i{margin-left:5px;}
.third_option_p a:hover{color:var(--primary);}

.third_option_main{margin: 20px 0;}

.third_option_table{margin: 15px 0;width: 100%;height: auto;overflow: auto;max-height: 820px;border: 1px solid #ddd;background: #fff;box-sizing: border-box;}
.third_option_tb{display: grid;width: max-content;}
.third_option_tb li,.third_option_tb p{display: grid;width:100%;}
.third_option_tb li{position: sticky;top:0px;z-index: 3;line-height: 50px;}
.third_option_tb li b,.third_option_tb p span{padding:0px 12px;display: inline-block;white-space:nowrap;position: relative;overflow: hidden;text-overflow: ellipsis;}
.third_option_tb li b{background: #eee;text-align: center;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.third_option_tb li b:first-child,.third_option_tb p span:first-child{position: sticky;left: 0;z-index: 2;text-align: left;display: flex;justify-content: flex-start;align-items: center;border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.third_option_tb li b:last-child,.third_option_tb p span:last-child{position: sticky;right:-1px;z-index: 2;text-align: center;border-left: 1px solid #fff;border-right:1px solid #F1F1F1;border-bottom: 1px solid #fff;}
.third_option_tb p{line-height: 60px;}
.third_option_tb p span:first-child,.third_option_tb p span:last-child{background: #f9f9f9}
.third_option_tb li b:first-child,.third_option_tb li b:last-child{z-index: 5;}
.third_option_tb p span{border-bottom: 1px solid #eee;border-right: 1px solid #eee;}
.third_option_tb p span img{height: 60px;margin-right:5px;}
.third_option_tb p span:first-child a{color:var(--primary);}
.third_option_tb p span:first-child a:hover{text-decoration: underline;}
.third_option_tb p span:last-child a{display: inline-block;line-height:30px;border: 1px solid #d9e0e0;padding:0 10px;color: #2E3231;border-radius: 2px;font-size: 13px;background: #fff;}
.third_option_tb p span:last-child a i{margin-right:5px;}
.third_option_tb p span:last-child a:hover{border: 1px solid var(--primary);color: var(--primary);}
.third_option_tb p:hover span{background: #f1f9ff;}


.third_option_tb li b input[type="checkbox"],.third_option_tb p span input[type="checkbox"]{margin-right: 10px;width: 14px;height: 14px;}


.third_nav_w2{position: fixed;top:0;bottom: 0;right: 0;left: 0;background: #eee;z-index: 10;display: flex;justify-content: space-between;align-items: stretch;}
/**body{overflow: hidden;}**/
.third_nav_w2 .third_option_param{width: 240px;box-sizing: border-box;padding:0px;background: #fff;margin: 0;}
.third_nav_w2 .third_option_param .third_option_title,.third_nav_w2 .third_option_param .third_option_p{display: none;}
.third_nav_w2 .third_option_title2{display: block;}
.third_nav_w2 .third_option_ul{margin: 0;overflow-x: hidden;overflow-y: auto;height:calc(100% - 80px);}
.third_nav_w2 .third_option_ul::-webkit-scrollbar{display: none;}
.third_nav_w2 .third_option_ul:hover::-webkit-scrollbar{display: block;}
.third_nav_w2 .third_option_ul::-webkit-scrollbar-track{background:none;}
.third_nav_w2 .third_option_ul::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3);border-radius:5px;}
.third_nav_w2 .third_option_list{border: none;max-height: max-content;height: auto !important;margin: 0;padding: 0 15px;background: none;}
.third_nav_w2 .third_option_list ul li{display: block;}
.third_nav_w2 .third_option_listl{padding:0 10px;text-align: left;}
.third_nav_w2 .third_option_listr label{width: 100%;}

.third_nav_w2 .third_option_main{width: calc(100% - 250px);box-sizing: border-box;padding:10px 20px;background: #fff;margin: 0;}
.third_nav_w2 .third_option_main .third_option_title_right p:last-child{display: inline-block;}
.third_nav_w2 .third_option_table{height: calc(100% - 180px);max-height: none;margin:10px 0;}
.third_nav_w2 .third_ul_bottom{background: #F0F6F6;padding:20px;}

.opSelectBox{position: fixed;top:0;bottom: 0;right: 0;left: 0;background:rgba(0,0,0,.3);z-index: 11;display: none;justify-content: center;align-items: center;}
.third_op_select{background: #fff;width: 680px;box-sizing: border-box;}
.third_op_title{background: #F2F2F2;padding:0 25px;}
.third_op_title p{display: flex;justify-content: space-between;align-items: center;line-height: 60px;}
.third_op_ul{padding:15px 25px;text-align: left;}
.third_op_ul input[type="checkbox"]{width: 14px;height: 14px;}
.third_op_ul ul{display:grid;grid-template-columns: repeat(auto-fit,minmax(100px,200px));column-gap: 5px;}
.third_op_ul ul li{line-height: 30px;display: flex;align-items: center;}
.third_op_ul ul li span{padding:0 10px;}
.third_op_ul p{border-top: 1px solid #eee;line-height:40px;display: flex;align-items: center;margin-top:10px;}
.third_op_ul p input[type="checkbox"]{margin-right: 5px;}
.third_op_bt{background: #F2F2F2;padding:0 25px;}
.third_op_bt p{height:70px;display: flex;align-items: center;justify-content: center;}
.third_op_bt p a{display: inline-block;margin: 0 7px;padding:0 60px;line-height: 40px;background: #A1A1A1;font-size: 16px;color:#fff;}
.third_op_bt p a:first-child{background: var(--primary);}
.third_op_bt p a:hover{opacity: 0.8;}





.news_main{padding:30px 40px;background:#fff;margin-bottom:20px;}

.news_main_list2{padding:10px 0;}
.news_main_list2 ul li{padding-bottom: 50px;margin-bottom: 50px;border-bottom: 1px solid #CBCDD4;display: flex;justify-content: space-between;align-items: stretch;}
.news_list2_pic{width:260px;height:auto;display: flex;justify-content: center;align-items: center;margin-top:10px;max-height:200px;overflow: hidden;}
.news_list2_pic a{display: inline-block;width: 100%;height: 100%;}
.news_list2_pic a img{width: 100%;height: 100%;transition: all 0.3s linear;object-fit: cover;}
.news_list2_pic:hover img{transform: scale(1.05);}
.news_list2_info{width: calc(100% - 290px);text-align: left;position: relative;min-height:170px;}
.news_list2_info p{padding:5px 0;}
.news_list2_info p b{line-height: 35px;font-size: 20px;font-weight: bold;}
.news_list2_info p span{line-height: 30px;font-size: 16px;color: #767578;}
.news_list2_info p:last-child{position: absolute;left: 0;bottom: 0;padding-bottom: 0;}
.news_list2_info p>a{display: inline-block;padding:0 30px;line-height: 37px;background: linear-gradient( 90deg, #34B9AF 0%, #069074 100%);border-radius: 2px;color:#fff;}



/* ===== Product Detail ===== */

/* source: detail.css */

.inquiry-details-panel{max-width:1100px;padding:24px 28px;}
.detail{background:transparent;}
.detail_c{padding:10px 0 40px;}
.detail_nav{line-height:40px;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detail_nav i{padding:0 10px;}
.detail_nav span{color: #AEB0B7;}

.detail_infor{margin:10px 0 25px;display: flex;justify-content: flex-start;align-items: stretch;gap:20px;}

.detail_pic{width: 440px;flex: 0 0 440px;position: relative;padding:25px 20px 25px 30px;background:#fff;}
.detail_pic_top{width:100%;height: 440px;background: #f9f9f9;position: relative;}
.detail_pic_top li{width:100%;height:100%;}
.detail_pic_top li img{width:100%;height:100%;object-fit:contain;}
.detail_pic_top video{position: absolute;width: 100%;height: 100%;left:0;top: 0;background: #000000;display: none;}
.detail_pic_list{margin:30px 0 0;display: flex;justify-content: space-between;align-items: stretch;line-height: 50px;}
.swiper_up,.swiper_down{display:flex;width:20px;cursor:pointer;height:50px;line-height:50px;justify-content:center;align-items:center;}
.swiper_up i,.swiper_down i{font-size:42px;color:#D9D9D9;}
.swiper_up:hover,.swiper_down:hover{background: #f9f9f9;}
.swiper_cont{flex: 1;margin:0 10px;max-height: 50px;} 
.swiper_box{width: 100%;height: 100%;position: relative;overflow: hidden;}
.swiper_box li{width:20%;display: flex;justify-content: center;align-items: center;cursor:pointer;box-sizing: border-box;padding:2px;position: relative;}
.swiper_box li img{width:100%;transition: all 0.3s linear;}
.swiper_box li:hover img{transform: scale(1.05);}
.swiper_box li.action{border:1px solid var(--primary);background: var(--primary-soft);}
.swiper_box li span{display: inline-block;width: 100%;height: 100%;background: rgba(0,0,0,0.5);color: #fff;display: flex;justify-content: center;align-items: center;font-size: 30px;position: absolute;left: 0;top:0;}

.onBox{display: none;position: absolute;left: calc(100% + 20px);top:0px;width:680px;box-sizing: border-box;height: 100%;overflow: hidden;background: #f9f9f9;box-shadow: 0px 3px 10px 4px rgba(38,87,75,0.1);z-index: 2;}
.onBoxc{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}

.detail_info{flex: 1;box-sizing: border-box;padding:20px 20px;background: #fff;display:flex;flex-direction: column;justify-content:space-between;}
.detail_info_basic{padding:0 0 12px;text-align: left;border-bottom:1px solid #D9D9D9;margin:0 25px;}
.detail_info_basic h2{font-size: 20px;color: #2E3231;line-height: 40px;}
.detail_info_basic p{line-height: 24px;padding:4px 0;font-size: 14px;color: #808483;}
.detail_info_basic p b{margin-right:10px;color:var(--primary);}
.detail_info_basic p em{font-style: normal;display: inline-block;margin:0 3px 5px;line-height: 22px;padding: 0 10px;color: var(--primary);border:1px solid var(--primary);}
.detail_info_basic p a{margin:0 10px;}
.detail_info_basic p small{font-size: 26px;color: #FF8550;line-height: 30px;font-weight: bold;}
.detail_info_basic p strong{color:#2E3231;font-size: 15px;}
.detail_info_basicli{line-height: 24px;padding:4px 0;font-size: 14px;color: #808483;}
.detail_info_basicli b{margin-right:10px;}
.detail_info_basicli pre{display: inline;}
.detail_info_basic li{display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;font-size: 16px;}
.detail_info_basic li span{display:inline-block;width:48%;box-sizing:border-box;text-align:center;line-height:45px;border:1px solid #D9D9D9;border-radius:8px;margin:10px 0;cursor:pointer;}
.detail_info_basic li span:hover{border:1px solid #3ABEB7;color:#3ABEB7;}
.detail_info_basic li span.action{border: 1px solid var(--primary);color:var(--primary);}
.detail_info_basic p span.clmain{color:var(--primary);}

.detail_info_two{display: flex;justify-content: space-between;align-items: stretch;margin:15px 25px;}
.detail_info_main{flex: 1;background: #F6F6F6;padding:10px 20px;text-align: left;}
.detail_info_main p{line-height: 24px;padding:4px 0;font-size: 14px;}
.detail_info_main p b{margin-right:15px;}
.detail_info_main p span{font-size: 12px;color: #A1A1A1;}
.detail_info_main p span.orange{color: orange;margin-right:15px;font-size: 18px;}
.detail_info_main p span.action{color: var(--primary);}
.detail_info_main p i{color:#A1A1A1;margin-right: 7px;}
.detail_info_main2{flex: 1;margin-left:10px;background: #F6F6F6;padding:10px 20px;text-align: left;position: relative;}
.detail_info_main2 p{line-height: 23px;display: flex;align-items: center;}
.detail_info_main2 p b{color: var(--primary);}
.detail_info_main2 p span img{height:42px;margin-right: 10px;}
.detail_info_main2 p.code{position: absolute;display: inline-block;top:10px;right: 10px;height:70px;transition: all 0.3s linear;}
.detail_info_main2 p.code img{height: 100%;}
.detail_info_main2:hover p.code{top:0;right: 0;height: 100%;}

.detail_info_bt{padding:10px 0;text-align: left;margin:0 25px;display: flex;justify-content: flex-start;align-items: center;}
.detail_info_bt2{justify-content: space-between;align-items: flex-end;}
.detail_info_bt p{display:flex;justify-content:flex-start;align-items:center;gap:15px;flex-wrap:wrap;}
.detail_info_bt p a.detail-action-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:180px;
    min-height:60px;
    padding:0 24px;
    line-height:1.2;
    border-radius:6px;
    color:#fff;
    font-weight:bold;
    text-align:center;
    font-size:16px;
    text-decoration:none;
    border:1px solid transparent;
    box-shadow:0 8px 18px rgba(0,0,0,.08);
    transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;
}
.detail_info_bt p a.detail-action-btn:hover{
    color:#fff;
    text-decoration:none;
    transform:translateY(-1px);
    box-shadow:0 10px 20px rgba(0,0,0,.12);
}
.detail_info_bt p a.join,
.detail-action-btn.join{background:var(--primary,#C00000) !important;border-color:var(--primary,#C00000) !important;color:#fff !important;}
.detail_info_bt p a.join:hover,
.detail-action-btn.join:hover{background:var(--primary-dark,#8A0000) !important;border-color:var(--primary-dark,#8A0000) !important;color:#fff !important;}
.detail_info_bt p a.kefu,
.detail-action-btn.kefu{background:#F28D61 !important;border-color:#F28D61 !important;color:#fff !important;}
.detail_info_bt p a.kefu:hover,
.detail-action-btn.kefu:hover{background:#E47B4E !important;border-color:#E47B4E !important;color:#fff !important;}
.detail_info_bt2 p span{display: inline-block;width:30px;height:30px;border: 1px solid #D9D9D9;text-align: center;line-height:30px;font-size:14px;cursor: pointer;color:#2E3231;}
.detail_info_bt2 p span:hover{border: 1px solid #2E3231;background: #F4F4F4;}
.detail_info_bt2 p b{display: inline-block;margin:0 5px;width:60px;text-align: center;font-size:16px;background: #F4F4F4;line-height:30px;border: 1px solid #D9D9D9;font-weight: normal;}


.detail_navs{width: 100%;max-width: 1400px;display: flex;justify-content: space-between;align-items: center;background: #fff;margin-bottom: 20px;box-shadow: 0px 5px 8px rgba(0,0,0,0.1);box-sizing: border-box;position: sticky;top:0px;z-index:2;}
.detail_navs_ul{width: 100%;}
.detail_navs_ul ul{display: flex;justify-content: flex-start;align-items: center;flex-flow: row nowrap;width: 100%;overflow: hidden;}
.detail_navs_ul ul li{line-height: 54px;}
.detail_navs_ul ul li a{display: inline-block;font-size: 18px;color: #767578;padding:0px 30px;display: flex;justify-content: center;align-items: center;}
.detail_navs_ul ul li a i{display: inline-block;padding: 0 10px;padding-top: 4px;}
.detail_navs_ul ul li.action a{font-size: 22px;color: #fff;background: var(--primary);}
.detail_navs_ul ul li:hover a{color: #2E3231;}
.detail_navs_ul ul li.action:hover a{color: #fff;}
.detail_down{margin:0px 40px 0 20px;line-height: 50px;font-size: 16px;}
.detail_down p a{color: #339999;display: flex;align-items: center;justify-content: center;}
.detail_down p a span{display: inline-block;}
.detail_down p a i{display: inline-block;font-size: 18px;padding:0 10px;padding-top:4px;}
.detail_down p a:hover{color: var(--primary);}



.detail_other{width: 260px;padding:20px 30px 10px;margin-left:10px;background: var(--primary);color:#fff;}
.detail_other_top{position: relative;height: 30px;margin-bottom: 10px;}
.detail_other_top p{position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);line-height: 30px;background: var(--primary);padding:0 25px;font-size: 17px;font-weight: bold;}
.detail_other_top span{display: inline-block;width: 100%;height: 1px;background:#fff;}
.detail_other_li{padding:0;height: 390px;overflow: hidden;}
.detail_other_li li{padding:5px 10px;height: 180px;box-sizing: border-box;background: #fff;border-radius: 4px;}
.detail_other_li li p{line-height:35px;width: 100%;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;}
.detail_other_li li p.mypic{height: 130px;margin:5px 0;}
.detail_other_li li p img{width: 100%;transition: all 0.3s linear;height: 100%;object-fit: contain;}
.detail_other_li li:hover p img{transform: scale(1.05);}
.detail_other_span{margin:10px 0 5px;}
.detail_other_span p{line-height: 30px;display: flex;justify-content: space-between;align-items: stretch;}
.detail_other_span p span{display: inline-block;width: 48%;color:#fff;cursor:pointer;border-radius: 4px;text-align: center;}
.detail_other_span p span i{font-size: 35px;}
.detail_other_span p span:hover{background: #fff;color:var(--primary);}

.detail_main{padding:10px 40px 40px;background: #fff;margin:10px 0;}
.detail_pdfBox{padding:10px 20px;background: url(../images/shui.svg) repeat center center;background-size: 15%;}
.detail_title{text-align: left;}
.detail_title strong{font-size: 24px;line-height:70px;}

.detail_content{font-size: 14px;text-align: left;}
.detail_content p{line-height: 25px;padding:5px 0;position: relative;}
.detail_content img{width: auto;max-width: 100%;}
.detail_content2 img{float: left;}
.detail_content .detail_ctitle{line-height: 55px;font-size:18px;color:var(--primary);text-align: center;margin:20px 0;}
.detail_content .detail_table{margin:10px 0;width: 100%;display: table;border-top: 1px solid #E9E9E9;border-left: 1px solid #E9E9E9;}
.detail_content .detail_table p{display: table-row;}
.detail_content .detail_table p b,.detail_content .detail_table p span{display: table-cell;vertical-align: middle;text-align: center;border-bottom: 1px solid #E9E9E9;border-right: 1px solid #E9E9E9;min-width: 80px;}
.detail_content .detail_table p b{background: var(--primary);line-height: 40px;color:#fff;}
.detail_content .detail_table p span{line-height: 40px;}
.detail_content .detail_table p:hover span{background: #f9f9f9;}
.detail_content .detail_sizepic{text-align: center;max-width: 100%;overflow: hidden;}
.detail_content .detail_sizepic img{width: auto;max-width: 100%;}

.detail_content table{width:100%;}
.detail_content table,.detail_content table td {border: 1px solid #000000;border-collapse: collapse;}

.detail_content3{padding:15px 20px;border: 1px solid #eee;background: #f9f9f9;border-radius: 4px;margin:10px 0;}
.detail_content3 p{padding:5px 0;}
.detail_content3 p a{line-height: 35px;color:var(--primary);}
.detail_content3 p a i{font-size: 20px;color:#B30B00;margin-right: 10px;}
.detail_content3 p a i.fa-file-pdf-o{color:#c13627;}
.detail_content3 p a i.fa-file-text-o{color:#00a0e9;}
.detail_content3 p a i.fa-file-word-o{color:#2a5699;}
.detail_content3 p a i.fa-file-excel-o{color:#207245;}
.detail_content3 p a i.fa-file-archive-o{color:#000000;}
.detail_content3 p a i.fa-file-image-o{color:#077467;}
.detail_content3 p a:hover{text-decoration: underline;}
.detail_content3 p>span{margin: 0 10px;color:#999;}
.detail_content3 p:hover>span{color:#666;}

.detail_pro{margin:40px 0;padding:25px 40px;background: #fff;text-align: left;}
.detail_pro>p>b{font-size: 28px;line-height: 70px;}

.detail_pro ul{display: flex;justify-content: space-between;align-content:stretch;padding:15px 0;}
.detail_pro ul li{width:24%;box-sizing: border-box;border: 1px solid #CBCDD4;}
.detail_pro_pic{width: 100%;overflow: hidden;height:200px;}
.detail_pro_pic a{display: inline-block;width: 100%;height: 100%;}
.detail_pro_pic a img{width: 100%;transition: all 0.3s linear;height: 100%;object-fit: cover;display:block;}
.detail_pro_pic a:hover img{transform: scale(1.05);}
.detail_pro_info{padding:15px;border-top: 1px solid #CBCDD4;}
.detail_pro_info p{padding:5px 0;}
.detail_pro_info p b{width: 100%;display: inline-block;font-size: 20px;font-weight: bold;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detail_pro_info p span{display: inline-block;font-size: 14px;color: #6C6F6E;line-height:24px;margin-bottom: 10px;text-indent:2em;}
.detail_pro_info p>a{display: inline-block;line-height: 45px;background: var(--primary);font-size: 14px;color: #fff;width: 100%;box-sizing: border-box;text-align: center;}
.detail_pro_info p>a:hover{box-shadow: 0px 3px 14px 4px rgba(38,87,75,0.1);}




.detail_file{background: #f5f8f8;padding:10px 50px;margin-bottom: 10px;display: none;}
.detail_file_title{line-height: 35px;}
.detail_file_title b{color:var(--primary);}
.detail_file_title em{font-size: 12px;font-style: normal;color: #B30B00;margin:0 10px;}
.detail_file_input{display: flex;justify-content: flex-start;align-items: center;}
.detail_file_input label{display: flex;align-items: center;margin-right:30px;}
.detail_file_input label input[type="checkbox"]{margin-right: 5px;width: 14px;height:14px;}
.detail_file_input label span{margin:0 5px;}
.detail_file_bt{line-height: 28px;padding:10px 0;}
.detail_file_bt span{display: inline-block;margin-right: 10px;padding:0 15px;background: #138496;color:#fff;cursor:pointer;}
.detail_file_bt span.fileNo{color: #666;background: #ccc;}
.detail_file_bt span:hover{opacity: 0.8;}
.detail_file_bt span.fileNo:hover{color: #fff;background: #888;}



/* ===== Search ===== */

/* source: search.css */

.search{background:#F5F5F5;padding:10px 20px;}
.search_c{padding:0px 0 40px;}
.search_nav{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  line-height:1.7;
  text-align:left;
  margin:20px 0 12px;
  padding-left:2px;
}
.search_nav i{padding:0;}
.search_nav span{
  color:#AEB0B7;
  text-align:left;
}
.search_nav span em{color:orangered;font-style: normal;padding:0 2px;}

.search_list{margin:20px 0;background:#fff;padding:10px 40px 40px;}
.search_list_head{
  text-align:left;
  margin:8px 0 10px;
  padding:14px 18px;
  border-left:4px solid #df3f3f;
  border-radius:8px;
  background:linear-gradient(135deg,#fff7f7 0%,#fff 75%);
}
.search_list_head p{margin:0;}
.search_list_head_title{
  display:flex;
  align-items:center;
  gap:10px;
}
.search_list_head_icon{
  width:30px;
  height:30px;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg,#ef5b5b 0%,#d73b3b 100%);
  font-size:14px;
  flex:0 0 30px;
}
.search_list_head_title b{
  display:block;
  font-size:24px;
  line-height:1.45;
  color:#24292f;
  font-weight:700;
}
.search_list_head_hint{
  margin-top:8px !important;
  padding-left:40px;
  font-size:14px;
  color:#7b8494;
  line-height:1.7;
}
.search_list_head_meta{
  margin-top:6px !important;
  padding-left:40px;
}
.search_list_head_meta span{
  display:block;
  font-size:15px;
  line-height:1.65;
  color:#6b7280;
}
.search_list_head em{
  color:#d93636;
  font-style:normal;
  font-weight:700;
}

/**
.search_list ul{display: flex;justify-content: space-between;align-items: stretch;flex-flow: row wrap;padding:15px 0;}
.search_list ul li{width:calc((100% - 100px)/6);margin-bottom: 20px;}
.search_list ul li a{display: inline-block;width: 100%;height: 100%;background: #fff;border: 1px solid #CBCDD4;box-sizing: border-box;}

.search_list_pic{display: flex;justify-content: center;align-items: center;height: 160px;width:100%;overflow: hidden;}
.search_list_pic img{width: 100%;height: 100%;object-fit: contain;transition: all 0.3s linear;}
.search_list ul li:hover .search_list_pic img{transform: scale(1.05);}
.search_list_title{border-top: 1px solid #CBCDD4;font-size: 13px;line-height: 60px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
**/
.search .mainSoso.mainSoso2{
  position:sticky;
  top:8px;
  z-index:4;
  margin:14px 0 18px;
  padding:14px;
  border-radius:14px;
  border:1px solid #d8e2ef;
  background:linear-gradient(145deg,#ffffff 0%,#f7fbff 100%);
  box-shadow:0 12px 26px rgba(16,24,40,.08);
}

.search .mainSoso.mainSoso2 form{
  position:relative;
}

.search .mainSoso.mainSoso2 .soso_key{
  width:100%;
  height:54px;
  line-height:46px;
  border:1px solid #d2dceb;
  border-radius:10px;
  padding:6px 72px 0 16px;
  box-sizing:border-box;
  font-size:16px;
  color:#111827;
  background:#fff;
  transition:border-color .2s ease, box-shadow .2s ease;
}

.search .mainSoso.mainSoso2 .soso_key:focus{
  border-color:#e84848;
  box-shadow:0 0 0 4px rgba(232,72,72,.12);
  outline:none;
}

.search .mainSoso.mainSoso2 i{
  position:absolute;
  right:4px;
  top:4px;
  width:56px;
  height:46px;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:8px;
  background:linear-gradient(135deg,#ef5b5b 0%,#d73b3b 100%);
  box-shadow:0 8px 18px rgba(215,59,59,.24);
  pointer-events:none;
}

.search .mainSoso.mainSoso2 i img{
  width:18px;
  height:18px;
}

.search .mainSoso.mainSoso2 .soso_soso{
  position:absolute;
  right:4px;
  top:4px;
  width:56px;
  height:46px;
  opacity:0;
  cursor:pointer;
}

.search .mainSoso.mainSoso2 .mainSobox{
  position:absolute;
  top:60px;
  left:0;
  width:100%;
  max-height:260px;
  min-height:90px;
  background:#fff;
  border:1px solid #dfe6f0;
  border-radius:10px;
  box-shadow:0 14px 24px rgba(15,23,42,.12);
  padding:10px 12px;
  box-sizing:border-box;
  overflow:auto;
  display:none;
  z-index:5;
}

.search .mainSoso.mainSoso2 .mainSobox p{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  min-height:70px;
  padding-top:8px;
  color:#64748b;
}

@media (max-width: 768px){
  .search .mainSoso.mainSoso2{
    top:4px;
    margin:10px 0 14px;
    padding:10px;
    border-radius:12px;
  }
  .search .mainSoso.mainSoso2 .soso_key{
    height:50px;
    line-height:44px;
    padding:5px 72px 0 14px;
    font-size:15px;
  }
  .search .mainSoso.mainSoso2 i,
  .search .mainSoso.mainSoso2 .soso_soso{
    height:42px;
  }
}

.search_list ul{padding:10px 0;margin-top: 15px;display: flex;justify-content: space-between;flex-flow: row wrap;align-self: stretch;}
.search_list ul li{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dashed #CBCDD4;display: flex;justify-content: space-between;align-items: flex-start;width: 48%;}
.search_list_pic{width:160px;height:auto;display: flex;justify-content: center;align-items: center;margin-top:10px;max-height:220px;overflow: hidden;}
.search_list_pic a{display: inline-block;width: 100%;height: 100%;}
.search_list_pic a img{width: 100%;height: 100%;transition: all 0.3s linear;object-fit:contain;}
.search_list ul li:hover .search_list_pic a img{transform: scale(1.05);}
.search_list_info{width: calc(100% - 180px);text-align: left;position: relative;}
.search_list_info p{padding:2px 0;width: 100%;box-sizing: border-box;}
.search_list_info p strong{line-height: 20px;font-size: 13px;color: #AEB0B7;font-weight: normal;display: inline-block;}
.search_list_info p b{line-height: 25px;font-size: 14px;display: inline-block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.search_list_info p span{line-height: 22px;font-size: 14px;color: #767578;display: inline-block;margin-right: 10px;}
.search_list_info p>a{display: inline-block;padding:0 30px;line-height: 37px;background: linear-gradient( 90deg, #34B9AF 0%, #069074 100%);border-radius: 2px;color:#fff;}
.search_list_info p>a em,.search_list_info p em{color:red;font-style: normal;}
.search_list_info p span.td{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display:block;width: 100%;}
.search_list_group{padding:5px 10px;border-radius:5px;border:#F5F5F5 1px solid;background:#f9f9f9;font-size: 12px;}
.search_list_group p{padding:2px 0;}
.search_list_info p.td span{color: var(--primary);font-size: 13px;}


.search_pro{margin:40px 0;padding:25px 40px;background: #fff;text-align: left;}
.search_pro>p>b{font-size: 28px;line-height: 70px;}

.search_pro ul{display: flex;justify-content: space-between;align-content:stretch;padding:15px 0;}
.search_pro ul li{width:calc((100% - 80px)/5);box-sizing: border-box;border: 1px solid #CBCDD4;}
.search_pro ul li a{display: flex;flex-direction: column;width: 100%;height: 100%;}
.detail_pro_pic{flex:auto;width: 100%;overflow: hidden;}
.detail_pro_pic img{width: 100%;height: 100%;object-fit:cover;transition: all 0.3s linear;float: left;}
.search_pro ul li:hover .detail_pro_pic img{transform: scale(1.05);}
.detail_pro_info{flex: 1;padding:10px 15px;border-top: 1px solid #CBCDD4;}
.detail_pro_info p{padding:2px 0;}
.detail_pro_info p b{width: 100%;display: inline-block;font-size: 18px;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.detail_pro_info p span{display: inline-block;width: 100%;font-size: 14px;color: #6C6F6E;line-height:24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}



/* ===== News ===== */

/* source: news.css */

.news{background:var(--page-bg);padding:10px 0;}
.news_top{padding:30px 0;display: flex;justify-content: space-between;align-items: center;background: #fff;border-bottom:#F5F5F5 1px solid;}
.news_top p{padding:5px 40px;}
.news_top p b{line-height: 50px;font-weight: bold;font-size: 28px;color: #2E3231;}
.news_top p a{display: inline-block;margin-left:20px;padding:0 20px;line-height: 30px;font-size: 14px;color: #767578;border: 1px solid #767578;border-radius:6px;transition: all 0.3s linear;}
.news_top p a:hover{color: #c12323;border: 1px solid #c12323;}
.news_top p a.action{color: #c12323;border: 1px solid #c12323;font-weight: bold;}

.news_main{padding:30px 40px;background:var(--panel-bg);margin-bottom:20px;}
.application-news-main{background:#fff !important;}
.news-index-main{background:#fff !important;}

.news_main_list1{padding:10px 0;}
.news_main_list1 ul{display: flex;justify-content: flex-start;align-items: stretch;flex-flow:row wrap;column-gap:30px;}
.news_main_list1 ul li{width: calc((100% - 90px)/4);margin-bottom: 30px;box-sizing: border-box;}
.news_main_list1 ul li a{display: inline-block;width: 100%;height: 100%;border: 1px solid #CBCDD4;box-sizing: border-box;overflow: hidden;display: flex;flex-direction: column;}
.news_list1_pic{width: 100%;height: 240px;overflow: hidden;flex: auto;border-bottom: 1px solid #CBCDD4;position: relative;}
.news_list1_pic>img{width: 100%;height:100%;object-fit: contain;transition: all 0.3s linear;}
.news_list1_pic:hover>img{transform: scale(1.05);}
.news_list1_pic .news_list1_pic2{position: absolute;top:0;right: 0;}
.news_list1_pic .news_list1_pic2 img{width:60px;}
.news_list1_info{padding:10px 20px;flex: 1;}
.news_list1_info p{padding:5px 0;text-align: left;}
.news_list1_info p b{display: inline-block;width:100%;line-height: 35px;font-size: 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_list1_info p span{font-size: 14px;color: #767578;line-height: 25px;}
.news_list1_info p.desc span{display: inline-block;height: 55px;overflow: hidden;text-overflow: ellipsis;}
.news_list1_info_li{display: flex;justify-content: space-between;align-items: stretch;}
.news_list1_info_li span{display: inline-block;font-size: 16px;color: #767578;}
.news_list1_info_li span i.eye{display: inline-block;padding-right: 5px;font-size: 16px;line-height:30px;width: 17px;}
.news_list1_info_li span i.eye img{width: 100%;float: left;}
.news_list1_info_li span i.icon{background: var(--primary);font-size: 16px;width:30px;height:30px;line-height:30px;color: #fff;text-align: center;}
.news_list1_info_li span i.icon img{width: 100%;float: left;}
.news_list1_info_li.news_list1_more{justify-content:center;align-items:center;margin-top:6px;}
.news_list1_info_li.news_list1_more .more_btn,
.news_list1_info_li.news_list1_more .sms-send-btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  height:40px;
  line-height:40px;
  padding:0 16px;
  border-radius:8px;
  border:1px solid #E84848;
  background:#fff;
  color:#E84848;
  font-weight:700;
  font-size:14px;
  white-space:nowrap;
  transition:all .2s ease;
}
.news_list1_info_li.news_list1_more .more_btn i,
.news_list1_info_li.news_list1_more .sms-send-btn i{font-size:16px;line-height:1;}
.news_main_list1 ul li:hover .news_list1_info_li.news_list1_more .more_btn,
.news_main_list1 ul li:hover .news_list1_info_li.news_list1_more .sms-send-btn{
  background:#E84848;
  border-color:#E84848;
  color:#fff;
  box-shadow:0 10px 22px rgba(232,72,72,.22);
  transform:translateY(-1px);
}

.news_main_list2{padding:10px 0;}
.news_main_list2 ul li{padding-bottom: 50px;margin-bottom: 50px;border-bottom: 1px solid #CBCDD4;display: flex;justify-content: space-between;align-items: stretch;}
.news_list2_pic{width:260px;height:auto;display: flex;justify-content: center;align-items: center;margin-top:10px;max-height:200px;overflow: hidden;}
.news_list2_pic a{display: inline-block;width: 100%;height: 100%;}
.news_list2_pic a img{width: 100%;height: 100%;transition: all 0.3s linear;object-fit: cover;}
.news_list2_pic:hover img{transform: scale(1.05);}
.news_list2_info{width: calc(100% - 290px);text-align: left;position: relative;min-height:170px;}
.news_list2_info p{padding:5px 0;}
.news_list2_info p b{line-height: 35px;font-size: 20px;font-weight: bold;}
.news_list2_info p span{line-height: 30px;font-size: 16px;color: #767578;}
.news_list2_info p:last-child{position: absolute;left: 0;bottom: 0;padding-bottom: 0;}
.news_list2_info p>a{display: inline-block;padding:0 30px;line-height: 37px;background: linear-gradient( 90deg, #312e2e 0%, #e84848 100%);border-radius: 2px;color:#fff;}



/* ===== Service And About ===== */

/* source: service.css */

.service{background:var(--page-bg);padding:50px 0;}
.service_nav{width: 100%;background: #fff;margin-bottom: 20px;}
.service_nav ul{display: flex;justify-content: flex-start;align-items: center;flex-flow: row nowrap;width: 100%;overflow: hidden;}
.service_nav ul li{line-height: 50px;margin:4px 20px 0 40px;}
.service_nav ul li a{display: inline-block;font-size: 18px;color: #767578;border-bottom: 4px #fff solid;}
.service_nav ul li.action span{display: inline-block;font-weight: bold;font-size: 22px;color: #2E3231;border-bottom: 4px #dc3545 solid;}
.service_nav ul li:hover a{color: #2E3231;}

.service_interact{margin-bottom: 20px;text-align: left;}
.service_interact_info{background: #fff;padding:70px 40px 90px;display: flex;justify-content: space-between;align-items: stretch;margin-bottom: 20px;}
.service_interact_infor{width: 56%;}
.service_interact_infor p{padding-bottom: 30px;line-height:28px;color: #767578;}
.service_interact_infor p b{line-height: 60px;color: #2E3231;font-size: 30px;}
.service_interact_infor ul{display: flex;justify-content: space-between;align-items: center;padding:35px 0 0;}
.service_interact_infor ul li{flex: 1;}
.service_interact_infor ul li b{font-size: 42px;color: var(--primary);line-height:60px;display: block;}
.service_interact_infor ul li span{line-height: 35px;font-size: 20px;}

.service_interact_pic{width:36%;display: flex;align-items: center;}
.service_interact_pic img{width: 100%;}

.interact_arealist_icon p i img{height: 100%;}
.interact_arealist_icon p b{display: block;font-size: 16px;line-height:30px;font-weight: normal;}
.interact_arealist_icon p span{font-size:12px;}

.service_infor{padding:30px 40px;background: #fff;margin-bottom: 20px;text-align: left;}
.service_infor_top{padding:0px 0 20px;}
.service_infor_top p{padding:5px 0;}
.service_infor_top p b{line-height: 50px;font-weight: bold;font-size: 32px;color: #2E3231;}
.service_infor_top p span{line-height: 28px;font-size: 16px;color: #707070;}

.service_infor_main{padding:10px 0;}
.service_infor_two{display: flex;justify-content: flex-start;align-items: flex-start;flex-flow: row nowrap;padding:30px 0 50px;border-top: 1px solid #CBCDD4;}
.service_infor_left{width: 55%;}
.service_infor_right{width: 45%;}
.service_infor_cont{display: flex;justify-content:flex-start;align-items: flex-start;flex-flow: row nowrap;}
.service_infor_cont_icon{width:40px;height:40px;padding-right: 10px;}
.service_infor_cont_icon img{width: 100%;}
.service_infor_cont_li{flex: auto;}
.service_infor_cont_li p b{display: inline-block;line-height: 40px;font-size: 20px;color: #2E3231;padding-bottom: 10px;}
.service_infor_cont_li p span{display: inline-block;line-height: 30px;padding-right:40px;font-size: 14px;}
.service_infor_cont_li ul{display: flex;align-items: flex-start;justify-content: flex-start;}
.service_infor_cont_li ul li{margin-right: 70px;text-align: center;}
.service_infor_cont_li ul li i{display: block;width: 90px;height: 90px;overflow: hidden;}
.service_infor_cont_li ul li i img{width: 100%;float: left;}
.service_infor_cont_li ul li span{line-height: 40px;color: #707070;font-size: 14px;}
.service_infor_one{width: 100%;padding:50px 0 20px;border-top: 1px solid #CBCDD4;}

.service_form{padding:30px 40px 40px;background: #fff;margin-bottom: 20px;text-align: left;}
.service_form_title{font-weight: bold;font-size: 24px;color: #2E3231;line-height: 60px;}
.form_group_input{line-height: 40px;height: 40px;padding:0 10px;border:1px solid #CBCDD4;border-radius:4px;width:100%;box-sizing: border-box;}
.form_group_input[type="number"]::-webkit-outer-spin-button,.form_group_input[type="number"]::-webkit-inner-spin-button,.form_group_input[type="number"]{-webkit-appearance: none;appearance: none !important;-moz-appearance: textfield;}
.service_form_group_file{height:36px;}
.service_form_group_file span{display: inline-block;line-height:36px;width: 120px;font-size: 14px;font-weight: bold;border-radius:4px ;border: 1px solid #dc3545;color:#dc3545;text-align: center;}
.service_form_group_file i{padding:0 10px;color:#999;font-size: 12px;}
.form_group_file{height:36px;line-height:36px;width: 120px;position:absolute;top:0;left: 0;opacity: 0;}

.service_form_group_pic{height: 62px;}
.service_form_group_pic img{height:62px;float: left;}
.form_group_pic{width: 62px;height: 62px;position:absolute;top:0;left: 0;opacity: 0;}

.form_group_submit{background: linear-gradient( 92deg, #785e61 0%, #c00000 100%);line-height: 45px;border: none;padding:0 60px;font-size: 14px;color: #fff;}

.service_prototype{width: 100%;margin: 40px 0;}
.service_prototype_title{padding:20px 40px;background: #fff;}
.service_prototype_title p{padding:10px 0;text-align: left;}
.service_prototype_title p b{font-size: 36px;}
.service_prototype_title p span{line-height:28px;font-size:16px;color:#707070;}

.service_prototype_list{padding:20px 40px;margin-top:20px;background: #fff;}
.service_prototype_list ul{display: flex;justify-content: space-between;align-items: stretch;flex-flow: row wrap;}
.service_prototype_list ul>div{width:calc((100% - 80px)/5);}
.service_prototype_list ul li{width:calc((100% - 80px)/5);margin-bottom: 20px;border: 1px solid #CBCDD4;box-sizing: border-box;cursor: pointer;position: relative;}
.service_prototype_tips{padding:20px 0;line-height: 40px;text-align: left;}
.service_prototype_tips p b{font-size: 20px;}
.service_prototype_list_title{padding:20px 0;line-height: 35px;text-align: left;}
.service_prototype_list_title p b{display: inline-block;border: 1px solid var(--primary);padding:0 20px;border-radius:6px;color: var(--primary);}
.service_prototype_pic{width: 100%;height:190px;overflow: hidden;}
.service_prototype_pic img{width: 100%;height:100%;object-fit: contain;transition: all 0.3s linear;}
.service_prototype_list ul li:hover .service_prototype_pic img{transform: scale(1.05);}
.service_prototype_info{border-top: 1px solid #CBCDD4;padding:10px 15px;}
.service_prototype_info p{text-align: left;}
.service_prototype_info p b{display: inline-block;font-size: 14px;line-height: 28px;width: 100%;font-weight: normal;}
.service_prototype_info p span{display: inline-block;font-size: 14px;color: #767578;margin-bottom:10px;}
.service_prototype_list ul li:hover .service_prototype_info p b{color:var(--primary);}
.service_prototype_list ul li:hover{border: 1px solid var(--primary);}
.service_prototype_list ul li:hover .service_prototype_info{border-top: 1px solid var(--primary);}
.service_prototype_list ul li.action{border: 2px solid var(--primary);}
.service_prototype_list ul li.action .service_prototype_info{border-top: 2px solid var(--primary);}

.service_form_group_select{display: flex;justify-content: space-between;align-items: stretch;}
.service_form_group_select span{display: inline-block;width: 30%;}
.form_group_select{width: 100%;line-height: 40px;height: 40px;padding:0 10px;border:1px solid #CBCDD4;border-radius:4px;box-sizing: border-box;}
.form_group_text{width: 100%;line-height: 25px;padding:10px;border:1px solid #CBCDD4;border-radius:4px;box-sizing: border-box;}

.service_prototype_list ul li .service_prototype_icon{display: none;position: absolute;bottom: 0;right: 0;width:32px;height:32px;background-repeat:no-repeat;background-image:linear-gradient(-45deg,#0BA19D 50%,rgba(0,0,0,0) 50%);background-size: 100% 100%;background-position:top left, bottom left;}
.service_prototype_list ul li.action .service_prototype_icon{display: flex;justify-content: flex-end;align-items: flex-end;}
.service_prototype_list ul li .service_prototype_icon i{font-size: 16px;color:#fff;}


.service_information{display: flex;justify-content: space-between;align-items:stretch;}

.buy_sort{width: 220px;background: #fff;box-sizing: border-box;}
.buy_sort ul{padding:15px 15px;position:sticky;top:0px;}
.buy_sort ul li{line-height:45px;margin-bottom:8px;text-align: left;cursor:pointer;transition: all 0.3s linear;}
.buy_sort ul li span{font-size: 15px;}
.buy_sort ul li i{padding:0 8px;transition: all 0.3s linear;}
.buy_sort ul li a{display: inline-block;height: 100%;width: 100%;padding:0 15px;box-sizing: border-box;}
.buy_sort ul li.action a{color:#fff;background: var(--primary);}
.buy_sort ul li:hover a{color:var(--primary);background:#f4f4f4;}
.buy_sort ul li.action:hover a{color:#fff;background:var(--primary);}
.buy_sort ul li:hover i{padding:0 10px;}

.buy_pro{width:calc(100% - 240px);background: #fff;padding:20px 50px;height: 100%;overflow:auto;box-sizing: border-box;}
.buy_pro_sort{width: 100%;padding:10px 0;}

.buy_pro_top{position: relative;margin-top:15px;}
.buy_pro_infor{text-align: left;width:auto ;width: 85%;}
.buy_pro_infor p b{line-height: 45px;font-size: 20px;color: #2E3231;}
.buy_pro_infor p{line-height: 30px;}

.buy_pro_ul{width: 100%;padding:30px 0;display: flex;justify-content:flex-start;align-items: stretch;flex-flow: row wrap;gap:30px;}
.buy_pro_li{width: calc((100% - 90px)/4);margin-bottom: 0;display: flex;flex-direction: column;}
.buy_pro_li_pic{width:100%;min-height:130px;border: 1px solid #CBCDD4;box-sizing: border-box;display: flex;justify-content: center;align-items: center;overflow: hidden;max-height:280px;}
.buy_pro_li_pic img{width: 100%;transition: transform 0.3s linear;}
.buy_pro_li .buy_pro_li_pic:hover img{transform: scale(1.1);}
.buy_pro_li_cont{flex: 1;padding:10px 22px 20px;border: 1px solid #CBCDD4;border-top:none;text-align: left;box-sizing: border-box;}
.buy_pro_li_cont p{line-height:40px;font-size: 14px;}
.buy_pro_li_cont ul li{line-height: 27px;color: #515151;font-size: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all 0.2s linear;}
.buy_pro_li_cont ul li:hover{padding-left:2px;}
.buy_pro_list{width: 100%;padding:10px 0 50px;}
.buy_list_top{text-align: left;line-height: 30px;}
.buy_list_top p{display: flex;justify-content: flex-start;align-items: center;}
.buy_list_top p a{color:#A8A8A8;}
.buy_list_top p a:hover{color:var(--primary);}
.buy_list_top p i{padding:0 10px;}
.buy_list_top p span{color:#A8A8A8;}
.buy_list_top p b{line-height: 70px;font-size: 24px;color: #2E3231;}
.buy_list_top p em{color:orangered;font-style: normal;padding:0 2px;}

.buy_table{display: table;width: 100%;border: 1px solid #E9E9E9;}
.buy_table p{display: table-row;text-align: center;}
.buy_table p b,.buy_table p span{display: table-cell;font-size: 14px;vertical-align: middle;min-width: 30px;}
.buy_table p b{background: #E9E9E9;line-height:50px;border-right: #F5F5F5 1px dashed;}
.buy_table p b:last-child{border-right:none;}
.buy_table p span{background: #FFF;border-bottom: 1px solid #E9E9E9;padding:2px 0;}
.buy_table p:last-child span{border-bottom:none;}
.buy_table p span.tpname{padding:15px;line-height: 30px;text-align: left;padding:2px 10px;}
.buy_table p span.tpname em{color: #808483;font-style: normal;}
.buy_table p span img{max-height: 60px;vertical-align: middle;}
.buy_table p a{font-size: 28px;line-height:40px;padding:0;}
.buy_table p a em{display: block;font-size: 12px;line-height:22px;color: #808483;font-style: normal;}
.buy_table p a.downPdf{color:#B30B00;}
.buy_table p a.downVideo{color:var(--primary);}
.buy_table p span.files{display:flex;justify-content:center;align-items:center;gap:12px;}
.buy_table p span.files a{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:44px;}
.buy_table p a.downWord{color:#2a5699;}
.buy_table p a.downExcel{color:#207245;}
.buy_table p a.downPpt{color:#d24726;}
.buy_table p a.downArchive{color:#000000;}
.buy_table p a.downImage{color:#077467;}

.buy_table p:hover span{background: #f9f9f9;}


.about{background:var(--panel-bg);padding:50px 0;}

.about_info{padding:70px 0;display: flex;justify-content: space-between;align-items: stretch;margin-bottom: 20px;text-align: left;}
.about_area{padding:40px 0;margin-bottom: 20px;text-align: left;}

.about_case{padding:40px 0;margin-bottom: 20px;text-align: left;}
.about_title{text-align: center;}
.about_title p{line-height: 60px;font-size: 34px;}
.about_case_list{padding:40px 0;}
.about_case_list ul{display: flex;justify-content: space-between;align-items:stretch;}
.about_case_list ul li{width:calc((100% - 70px)/3);display: flex;flex-direction: column;background: #F2F2F2;}
.about_case_pic{flex: auto;width: 100%;overflow: hidden;max-height: 320px;flex: auto;}
.about_case_pic a{width: 100%;height: 100%;}
.about_case_pic img{width: 100%;height: 100%;object-fit:cover;float: left;transition: all 0.3s linear;}
.about_case_list ul li:hover .about_case_pic img{transform: scale(1.03);}
.about_case_infor{flex: 1;padding:10px 20px 35px;}
.about_case_infor p b{display: block;font-size: 18px;line-height: 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.about_case_infor p span{font-size: 14px;color: #767578;line-height: 21px;}

.about2{background: #F2F2F2;padding:40px 0;}
.about_sw{padding:40px 0;text-align: left;}
.about3{padding:40px 0;background: #F5FFFF;}
.about_outlets{display: flex;align-items: stretch;justify-content: space-between;}
.about_outlets_infor{padding:10px 0;text-align: left;flex: auto;margin-right:25px;}
.about_outlets_infor>p{padding:10px 0;}
.about_outlets_infor>p>b{font-size: 34px;line-height: 80px;}
.about_outlets_infor>p>span{font-size: 16px;color: #767578;line-height: 28px;}
.about_outlets_infor ul{display: flex;align-items: stretch;justify-content: space-between;flex-flow: row wrap;padding:50px 0;}
.about_outlets_infor ul li{width: 40%;padding:40px 0;}
.about_outlets_infor ul li p b{font-size: 42px;color: var(--primary);line-height: 50px;}
.about_outlets_infor ul li p span{font-size: 20px;line-height: 35px;color: #2E3231;}

.about_main{display: flex;justify-content: space-between;align-items:stretch;}

.about_baidu{width: 48%;height: 360px;background: #f3f4f5;margin:40px 0;}
.about_link{width: 48%;margin:40px 0;text-align: left;display: flex;justify-content: space-between;align-items: flex-start;flex-flow: column wrap;}
.about_link_li{width: 100%;padding:20px 30px;border: 1px solid #D1D1D1;box-sizing: border-box;}
.about_link_li p{padding:5px 0;}
.about_link_li p b{font-size: 20px;line-height: 35px;}
.about_link_li p i{font-size: 16px;color: var(--primary);margin-right: 10px;}
.about_link_li p span{font-size: 16px;line-height: 28px;}

@media screen and (min-width:2000px){
    .buy_pro_li{width:calc((100% - 120px)/5);}
}
@media screen and (max-width:2000px){
    .buy_pro_li{width:calc((100% - 90px)/4);}
}
@media screen and (max-width:1680px){
    .buy_pro_li{width:calc((100% - 60px)/3);}
}
@media screen and (max-width:1480px){
    .buy_pro_li{width:calc((100% - 30px)/2);}
}
@media screen and (max-width:1240px){
    .buy_pro_li{width:100%;}
}
@media screen and (max-width:980px){
    
}
@media screen and (max-width:780px){

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

/* ===========================
   CustomService 椤甸潰涓撶敤鏍峰紡
   =========================== */
.service-shell .services,
.service-shell .support-channels,
.service-shell .faq{
    margin-top:18px;
    padding:34px 28px;
    border-radius:14px;
    border:1px solid #e3e7ef;
    box-shadow:0 10px 24px rgba(16,24,40,.06);
}

.service-shell .services{
    background:linear-gradient(180deg,#f8fbff 0%,#ffffff 72%);
}

.service-shell .support-channels{
    background:linear-gradient(180deg,#fff8f8 0%,#ffffff 72%);
}

.service-shell .faq{
    background:linear-gradient(180deg,#f7f8fc 0%,#ffffff 72%);
}

.service-shell .section-title {
    text-align:center;
    margin-bottom:30px;
}

.service-shell .section-title h2 {
    font-size:30px;
    color:#1f2d3d;
    margin-bottom:10px;
    font-weight:700;
    letter-spacing:.2px;
}

.service-shell .section-title p {
    color:#5f6b7a;
    font-size:15px;
}

.service-shell .service-cards {
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:18px;
}

.service-shell .service-card {
    background:#fff;
    padding:28px 22px;
    border-radius:12px;
    border:1px solid #dfe5ef;
    border-top:4px solid #e84848;
    box-shadow:0 6px 16px rgba(15,23,42,.08);
    transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    text-align:center;
}

.service-shell .service-card:hover {
    transform:translateY(-6px);
    box-shadow:0 12px 26px rgba(15,23,42,.14);
    border-color:#d2dae8;
}

.service-shell .service-card .icon {
    width:64px;
    height:64px;
    margin:0 auto 14px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    font-size:30px;
    background:rgba(232,72,72,.1);
    color:#d93f3f;
}

.service-shell .service-card h3 {
    font-size:20px;
    color:#1f2d3d;
    margin-bottom:12px;
    font-weight:700;
}

.service-shell .service-card ul {
    list-style:none;
    color:#505b6a;
    text-align:left;
    line-height:1.7;
}

.service-shell .service-card li {
    margin-bottom:8px;
    padding-left:14px;
    position:relative;
}

.service-shell .service-card li::before {
    content:"";
    width:6px;
    height:6px;
    border-radius:50%;
    position:absolute;
    left:0;
    top:10px;
    background:#e84848;
}

.service-shell .channels {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px, 1fr));
    gap:14px;
    text-align:center;
}

.service-shell .channel-item {
    background:#fff;
    border:1px solid #e2e8f0;
    border-radius:10px;
    padding:18px 14px;
    box-shadow:0 6px 14px rgba(15,23,42,.06);
    transition:transform .2s ease, box-shadow .2s ease;
}

.service-shell .channel-item:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 20px rgba(15,23,42,.1);
}

.service-shell .channel-item .icon {
    font-size:30px;
    color:#d93f3f;
    margin-bottom:10px;
}

.service-shell .channel-item h4 {
    font-size:17px;
    color:#1f2d3d;
    margin-bottom:6px;
}

.service-shell .channel-item p {
    color:#5f6b7a;
    font-size:14px;
}

.service-shell .faq-item {
    background:#fff;
    margin-bottom:10px;
    border-radius:10px;
    border:1px solid #e2e8f0;
    box-shadow:0 4px 10px rgba(15,23,42,.05);
    overflow:hidden;
}

.service-shell .faq-question {
    padding:16px 18px;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-size:16px;
    font-weight:700;
    color:#1f2d3d;
    background:#ffffff;
}

.service-shell .faq-answer {
    padding:0 18px 16px;
    color:#4d5967;
    line-height:1.75;
    display:none;
}

.service-shell .faq-item.active .faq-answer {
    display:block;
}

.service-shell .faq-question::after {
    content:"+";
    font-size:20px;
    color:#e84848;
    transition:transform .2s ease;
}

.service-shell .faq-item.active .faq-question::after {
    content:"-";
    transform:rotate(180deg);
}

@media (max-width: 1100px) {
    .service-shell .service-cards {
        grid-template-columns: repeat(2, minmax(260px, 1fr));
    }
}

@media (max-width: 768px) {
    .service-shell .services,
    .service-shell .support-channels,
    .service-shell .faq{
        padding:24px 14px;
    }

    .service-shell .section-title h2 {
        font-size:24px;
    }

    .service-shell .service-cards {
        grid-template-columns:1fr;
    }

    .service-shell .service-card {
        padding:22px 16px;
    }
}



/* ===== Contact ===== */

/* source: contact.css */

:root {
    --c-bg: #F6F7FB;
    --c-surface: #FFFFFF;
    --c-text: #111827;
    --c-muted: #6B7280;
    --c-border: #E6E8EE;
    --c-shadow: 0 14px 32px rgba(17, 24, 39, 0.08);
    --c-shadow-soft: 0 10px 22px rgba(17, 24, 39, 0.06);
    --c-accent: #E84848;
    --c-accent-2: #FF6A00;
    --radius-lg: 16px;
    --radius-md: 12px;
}

#unique-contact-page.custom-contact-layout {
    width: 100%;
    padding: 28px 0 40px;
    color: var(--c-text);
}

#unique-contact-page a {
    color: var(--c-accent);
    text-decoration: none;
}

#unique-contact-page a:hover {
    color: #C93131;
}

#unique-contact-page .contact_hero {
    background: linear-gradient(135deg, rgba(232, 72, 72, 0.10) 0%, rgba(255, 106, 0, 0.08) 100%);
    border: 1px solid rgba(232, 72, 72, 0.12);
    border-radius: var(--radius-lg);
    padding: 22px 22px;
    box-shadow: var(--c-shadow-soft);
    margin-bottom: 18px;
}

#unique-contact-page .contact_hero_title {
    font-size: 24px;
    font-weight: 900;
    letter-spacing: 0.2px;
}

#unique-contact-page .contact_hero_desc {
    margin-top: 6px;
    color: var(--c-muted);
    font-size: 14px;
    line-height: 1.7;
}

#unique-contact-page .contact_section {
    margin-top: 18px;
}

#unique-contact-page .section_head {
    margin-bottom: 12px;
    padding: 0 2px;
}

#unique-contact-page .section_title {
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.2px;
}

#unique-contact-page .section_desc {
    margin-top: 6px;
    color: var(--c-muted);
    font-size: 13px;
    line-height: 1.7;
}

#unique-contact-page .map_card {
    background: var(--c-surface);
    border: 1px solid var(--c-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--c-shadow);
    overflow: hidden;
}

#unique-contact-page .map_visual {
    position: relative;
    height: 420px;
    background: var(--c-bg);
}

#unique-contact-page .map_leaflet {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

#unique-contact-page .map_fallback {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 24px;
    background:
        radial-gradient(circle at top left, rgba(232, 72, 72, 0.10), transparent 30%),
        linear-gradient(180deg, #fafafa 0%, #f4f4f4 100%);
    text-align: center;
}

#unique-contact-page .map_fallback_title {
    font-size: 22px;
    font-weight: 900;
    color: #111827;
}

#unique-contact-page .map_fallback_desc {
    max-width: 520px;
    font-size: 14px;
    line-height: 1.8;
    color: #4b5563;
}

#unique-contact-page .map_fallback_link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 160px;
    height: 42px;
    padding: 0 20px;
    border-radius: 999px;
    background: #E84848;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    box-shadow: 0 10px 22px rgba(232, 72, 72, 0.18);
}

#unique-contact-page .map_fallback_link:hover {
    color: #fff;
    background: #C00000;
}

#unique-contact-page .map_badge {
    position: absolute;
    left: 14px;
    top: 14px;
    z-index: 2;
    background: rgba(17, 24, 39, 0.76);
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 800;
    padding: 8px 10px;
    border-radius: 999px;
    backdrop-filter: blur(6px);
}

#unique-contact-page .map_info {
    padding: 16px 16px;
}

#unique-contact-page .mi_title {
    font-size: 16px;
    font-weight: 900;
}

#unique-contact-page .mi_desc {
    margin-top: 6px;
    font-size: 13px;
    color: var(--c-muted);
    line-height: 1.7;
}

#unique-contact-page .mi_row .sep {
    margin: 0 8px;
    color: rgba(17, 24, 39, 0.28);
}

#unique-contact-page .mi_note {
    margin-top: 10px;
    font-size: 12px;
    color: rgba(17, 24, 39, 0.45);
}

#unique-contact-page .mi_row {
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 10px;
    padding: 10px 0;
    border-top: 1px dashed rgba(17, 24, 39, 0.10);
}

#unique-contact-page .mi_row:first-of-type {
    border-top: 0;
    padding-top: 12px;
}

#unique-contact-page .mi_row .k {
    color: var(--c-muted);
    font-size: 12px;
    font-weight: 800;
}

#unique-contact-page .mi_row .v {
    color: var(--c-text);
    font-size: 13px;
    line-height: 1.6;
    word-break: break-word;
}

#unique-contact-page .mgr_grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    max-width: 100%;
    margin: 0 auto;
}

#unique-contact-page .mgr_card {
    position: relative;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, 0.10);
    border-top: 4px solid #E84848;
    border-radius: 14px;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.14);
    padding: 22px 22px 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
    overflow: hidden;
}

#unique-contact-page .mgr_card:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.18);
    border-color: rgba(232, 72, 72, 0.32);
}

#unique-contact-page .mgr_region {
    position: relative;
    display: inline-block;
    padding-bottom: 6px;
    color: #111827;
    font-weight: 900;
    font-size: 18px;
}

#unique-contact-page .mgr_region::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    width: 86px;
    margin: 0 auto;
    background: #E84848;
    border-radius: 3px;
}

#unique-contact-page .mgr_name {
    margin-top: 14px;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: 0.2px;
}

#unique-contact-page .mgr_tel {
    display: inline-flex;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0.3px;
    color: #E84848;
}

#unique-contact-page .mgr_tel:hover {
    color: #C00000;
}

#unique-contact-page .mgr_icon {
    position: absolute;
    right: 18px;
    top: 20px;
    font-size: 96px;
    line-height: 1;
    color: rgba(232, 72, 72, 0.12);
    pointer-events: none;
}

#unique-contact-page .contact_form_card {
    background: #F2F2F2;
    border: 1px solid #E3E3E3;
    border-radius: var(--radius-lg);
    box-shadow: var(--c-shadow);
    padding: 18px 18px;
}

#unique-contact-page .custom-form-title {
    font-size: 18px;
    font-weight: 900;
    margin: 0 0 14px 0;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(17, 24, 39, 0.12);
}

#unique-contact-page .custom-contact-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#unique-contact-page .custom-form-group {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

#unique-contact-page .custom-form-group.full-width {
    width: 100%;
}

#unique-contact-page .custom-form-label {
    width: 96px;
    flex: 0 0 96px;
    color: var(--c-text);
    font-weight: 800;
    font-size: 13px;
    line-height: 46px;
    margin: 0;
}

#unique-contact-page .custom-form-control {
    flex: 1 1 auto;
    min-width: 0;
}

#unique-contact-page .custom-form-input {
    width: 100%;
    height: 42px;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid #D1D1D1;
    border-radius: 4px;
    font-size: 14px;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
    background-color: #FFFFFF;
    box-shadow: none;
}

#unique-contact-page .custom-form-input::placeholder {
    color: rgba(17, 24, 39, 0.42);
}

#unique-contact-page .custom-form-input:focus {
    border-color: rgba(232, 72, 72, 0.55);
    outline: none;
    box-shadow: 0 0 0 4px rgba(232, 72, 72, 0.14);
}

#unique-contact-page .custom-form-textarea {
    min-height: 140px;
    height: auto;
    line-height: 25px;
    padding: 10px;
    resize: vertical;
}

#unique-contact-page .custom-form-submit {
    width: 100%;
    height: 46px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--c-accent) 0%, var(--c-accent-2) 100%);
    color: #FFFFFF;
    font-weight: 900;
    font-size: 15px;
    cursor: pointer;
    box-shadow: 0 10px 22px rgba(232, 72, 72, 0.16);
    transition: transform 0.15s ease, box-shadow 0.15s ease, filter 0.15s ease;
}

#unique-contact-page .custom-form-submit:hover {
    transform: translateY(-1px);
    filter: brightness(1.02);
    box-shadow: 0 14px 26px rgba(232, 72, 72, 0.22);
}

#unique-contact-page .custom-form-submit:active {
    transform: translateY(0);
}

#unique-contact-page .custom-captcha-container {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

#unique-contact-page .captcha-input {
    flex: 1;
    min-width: 160px;
}

#unique-contact-page .custom-captcha-display {
    height: 46px;
    min-width: 140px;
    padding: 0 12px;
    border-radius: 12px;
    border: 1px solid var(--c-border);
    background: rgba(17, 24, 39, 0.04);
    color: var(--c-text);
    font-weight: 900;
    cursor: pointer;
    user-select: none;
}

#unique-contact-page .custom-captcha-display:hover {
    border-color: rgba(232, 72, 72, 0.35);
}

#unique-contact-page .custom-captcha-refresh {
    height: 46px;
    padding: 0 12px;
    border-radius: 12px;
    border: 1px solid var(--c-border);
    background: #FFFFFF;
    color: var(--c-text);
    font-weight: 900;
    cursor: pointer;
}

#unique-contact-page .custom-captcha-refresh:hover {
    border-color: rgba(232, 72, 72, 0.30);
    background: rgba(232, 72, 72, 0.06);
}

#unique-contact-page .custom-error-message {
    margin-top: 6px;
    color: var(--c-accent);
    font-size: 12px;
    display: block;
}

#unique-contact-page .custom-form-actions .custom-form-label {
    line-height: 1;
}

.field_hidden {
    position: absolute;
    left: -9999px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

@media (max-width: 900px) {
    #unique-contact-page .mgr_grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #unique-contact-page .custom-form-group {
        flex-direction: column;
        gap: 6px;
    }

    #unique-contact-page .custom-form-label {
        width: 100%;
        flex-basis: auto;
        line-height: 1.6;
    }

    #unique-contact-page .map_visual {
        height: 300px;
    }
}

@media (max-width: 520px) {
    #unique-contact-page .mgr_grid {
        grid-template-columns: 1fr;
    }
}



/* ===== Theme Overrides ===== */

/* source: theme-black-red.css */

a:hover{color:#C00000}
.maincolor{color:#C00000}
.header_main{background:#ffffff}
.header_c .main_nav ul li a{color:#111111}
.header_c .main_nav ul li a:hover{color:#C00000}
.nav_cont{background:#ffffff}
.nBox_ul_title{color:#C00000}
.nBox_l_list ul li.action{background:#C00000;color:#ffffff}
.nBox_sorts ul li a:hover{color:#C00000}
.nav_box2 ul li:hover a{color:#C00000}
.soso_keywords{border:#C00000 solid 1px;outline:#C00000}
.icon_soso:hover{color:#C00000}
.search_box_info p span:hover{color:#C00000;border:#C00000 solid 1px}
.floatlist{right:45px}
.floatlist ul li p a{background:#C00000;color:#ffffff}
.mainTop_nav ul li:hover .mainTop_nav_title{color:#C00000}
.soso_key{border:#C00000 solid 2px;border-right:#C00000 solid 70px}
.mainList_t_tile strong{color:#C00000}
.mainList_t_li ul li.action{border-color:#C00000;color:#C00000;background:rgba(192,0,0,.08)}
.mainList_li_right ul li:hover .mList_li_title{color:#C00000}
.pagination ul li a:hover{background:#C00000;color:#ffffff}
.pagination ul li span{background:#C00000;color:#ffffff}
footer {
    background: linear-gradient(70deg,#6c757d 40%,#111111 40%)
}
.foot_cont{background:linear-gradient(70deg,#6c757d 30%,#111111 30.1%)}
.foot_infor p span{color:#C00000}
.pagebox p a{background:#C00000;color:#ffffff}
.pagebox p a:hover{background:#8A0000}
.nolistboxc p a{background:#C00000 !important;color:#ffffff !important}
.nolistboxc p a:hover{background:#8A0000 !important}