/*
 * XiaoyuCMS (http://www.zzshe.com)
 * Copyright (c) 2013-2018 http://www.zzshe.com All rights reserved.
 * Author: 小鱼儿网络 <195094303@qq.com>
 */
@font-face { 
font-family: Libre Baskerville; src: url('LibreBaskerville.otf'); }
body{font-family:Arial,'microsoft yahei',Helvetica, sans-serif; color: #656464; background: url(../images/top_bg.jpg) top center repeat-x #fff;}
a{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
ul{list-style:none;}
ul, li {list-style: none;margin: 0; padding: 0;}
.clear{clear: both;}
.img-thumbnail{transition : opacity 0.7s;}
.img-thumbnail:hover,.opacity_img:hover{opacity: 0.75;}

/*顶部信息*/
.top_menu{
font-size: 13px;
width: 100%;
height: 40px;
background: linear-gradient(90deg, #154a85 0%, #1c5ca3 50%, #2070b8 100%);
color: rgba(255,255,255,0.92);
border-bottom: 1px solid rgba(255,255,255,0.12);
box-shadow: 0 1px 6px rgba(21,74,133,0.18);
}
.top_menu .row.top_menu_inner{
display: flex;
align-items: center;
flex-wrap: nowrap;
margin-left: -15px;
margin-right: -15px;
height: 40px;
}
.top_menu .row.top_menu_inner > [class*="col-"]{
display: flex;
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.top_menu .row.top_menu_inner > .col-md-8{
justify-content: flex-end;
}
.top_menu .top_name{
display: flex;
align-items: center;
gap: 6px;
padding-top: 0;
letter-spacing: 0.3px;
white-space: nowrap;
}
.top_menu .top_lang{
display: flex;
align-items: center;
gap: 14px;
height: 40px;
margin-left: auto;
float: none;
padding-top: 0;
}
.top_name{
display: inline-flex;
align-items: center;
gap: 6px;
padding-top: 0;
letter-spacing: 0.3px;
}
.top_lang{
display: flex;
align-items: center;
gap: 14px;
height: 40px;
float: none;
padding-top: 0;
}
.top_name i{
font-size: 13px;
opacity: 0.85;
}
.top_name strong{
font-weight: 600;
color: #fff;
}
.top_social{
display: flex;
align-items: center;
gap: 2px;
}
.top_lang_switch{
display: flex;
align-items: center;
gap: 6px;
padding-left: 12px;
border-left: 1px solid rgba(255,255,255,0.2);
}
.top_lang_switch .lang_item{
display: inline-flex;
align-items: center;
gap: 5px;
padding: 3px 10px;
border-radius: 20px;
color: rgba(255,255,255,0.88);
text-decoration: none;
font-size: 12px;
line-height: 1;
background: rgba(255,255,255,0.08);
border: 1px solid rgba(255,255,255,0.15);
transition: all 0.25s ease;
}
.top_lang_switch .lang_item img{
width: 16px;
height: 11px;
border-radius: 2px;
object-fit: cover;
}
.top_lang_switch .lang_item:hover{
color: #fff;
background: rgba(255,255,255,0.18);
border-color: rgba(255,255,255,0.35);
text-decoration: none;
}
.top_lang_switch .lang_item.lang_active{
color: #1c5ca3;
background: #fff;
border-color: #fff;
font-weight: 600;
box-shadow: 0 1px 4px rgba(0,0,0,0.12);
}
.top_lang_switch .lang_item.lang_active:hover{
color: #154a85;
background: #f5f9ff;
}

.top_bg{color: #777;width: 100%;height: 35px;border-bottom: 1px solid #e4e4e4;}
.top_email {padding-top: 6px;color: #565656;float: left;margin: 40px 0px 0px 10px;font-size: 14px;}
.top_email i{color: #1c5ca3;margin-right: 5px;}
.top_search {float: right;width: 40%;}
.top_email a{color: #565656;margin-right: 30px}
.top_email a:hover{color: #21c149;text-decoration: none;}

/*品牌区 logo + 搜索*/
.header_brand{
padding: 20px 0 22px;
background: #fff;
border-bottom: 1px solid #e8edf3;
}
.header_brand_row{
display: flex;
align-items: center;
}
.header_brand .logo_link{
display: inline-block;
line-height: 0;
}
.header_brand .logo{
margin: 0;
max-width: 280px;
height: auto;
transition: opacity 0.3s ease;
}
.header_brand .logo_link:hover .logo{
opacity: 0.82;
}
.header_brand .top_search{
float: none;
width: 100%;
max-width: 400px;
margin-left: auto;
}
.header_brand .search_group{
float: none;
display: flex;
align-items: stretch;
height: 44px;
margin: 0;
border: 1px solid #d5dde8;
border-radius: 22px;
overflow: hidden;
background: #f8fafc;
box-shadow: 0 2px 10px rgba(28,92,163,0.07);
transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}
.header_brand .search_group:focus-within{
border-color: #1c5ca3;
background: #fff;
box-shadow: 0 4px 16px rgba(28,92,163,0.14);
}
.header_brand .search_group input.form-control{
flex: 1;
height: 44px;
padding: 0 20px;
font-size: 14px;
color: #333;
border: none;
background: transparent;
border-radius: 0;
}
.header_brand .search_group input.form-control::placeholder{
color: #9aa8b8;
}
.header_brand .search_group input.form-control:focus{
outline: none;
box-shadow: none;
}
.header_brand .search_group .input-group-btn{
background: transparent;
width: auto;
vertical-align: middle;
}
.header_brand .search_btn,
.header_brand #search_submit{
display: flex;
align-items: center;
justify-content: center;
width: 54px;
height: 44px;
margin: 0;
padding: 0;
border: none;
border-radius: 0;
background: linear-gradient(135deg, #1c5ca3 0%, #2070b8 100%);
color: #fff;
font-size: 15px;
line-height: 1;
cursor: pointer;
transition: background 0.25s ease;
}
.header_brand .search_btn:hover,
.header_brand .search_btn:focus,
.header_brand #search_submit:hover,
.header_brand #search_submit:focus{
background: linear-gradient(135deg, #154a85 0%, #1c5ca3 100%);
color: #fff;
outline: none;
}

.top_menu .nav_icons a{
overflow: hidden;
color: rgba(255,255,255,0.85);
font-size: 14px;
border-radius: 50%;
padding: 2px;
transition: all 0.25s ease;
}
.top_menu .nav_icons a:hover{
color: #fff;
transform: translateY(-1px);
}
.top_menu .nav_icons i{
font-size: 12px;
height: 24px;
width: 24px;
border-radius: 50%;
line-height: 24px;
text-align: center;
background-color: rgba(255,255,255,0.15);
color: #fff;
transition: all 0.25s ease;
}
.top_menu .nav_icons .icon-x{
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
font-style: normal;
}
.top_menu .nav_icons .icon-x svg{
display: block;
}
.top_menu .nav_icons a:hover i{
background-color: #fff;
color: #1c5ca3;
}
.nav_icons a{ overflow:hidden; color:#666; font-size:14px;border-radius: 50%;padding: 5px;}
.nav_icons i {font-size: 14px;height: 26px;width: 26px;border-radius: 50%;line-height: 26px;text-align: center;background-color:#fff;}
.nav_inquiry i{font-size: 24px;color: #fe8101;margin-top: -5px;background: none;display: none;}

/*幻灯片*/
.flash img{width: 100%;}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{bottom: 4%;}
.flash div.bx-controls-direction{display:none;}

/*产品搜索*/
.search_group{float: right;height: 30px;background-color: #fff;color: #b7b7b7;margin: 32px 0px 0px 0px;border: 1px solid #dfdfdf;}
.search_group input.form-control{border-radius: 0px;box-shadow: none;color: #585A5A;padding: 0px 0px 0px 15px;height: 30px;background: transparent;border: none;}
.search_group input.form-control:focus{box-shadow: none;}
#search_submit{background-color: transparent;color:#fff;height: 30px;font-size: 16px;margin-top: -1px;border-radius: 0px;line-height: 1;}
#search_submit:hover{color:#000;background-color: transparent;cursor: pointer;}
.input-group-btn {background-color: #dfdfdf;}

/*首页产品*/
.product_bg{
padding: 48px 0 56px;
background: linear-gradient(180deg, #f8fafc 0%, #fff 100%);
}
.product_index .product_head{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 16px;
margin-bottom: 8px;
padding-bottom: 20px;
border-bottom: 1px solid #e8edf3;
}
.product_index .iproduct_title{
display: block;
float: none;
width: auto;
margin: 0;
color: #1c5ca3;
font-size: 28px;
font-weight: 700;
letter-spacing: 1px;
}
.product_index .iproduct_title span{
position: relative;
padding-bottom: 8px;
}
.product_index .iproduct_title span::after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 40px;
height: 3px;
background: linear-gradient(90deg, #1c5ca3, #4ec8e0);
border-radius: 2px;
}
.product_index .product_sort{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
float: none;
width: auto;
padding: 0;
}
.product_index .product-cat{
display: inline-block;
padding: 6px 18px;
font-size: 13px;
color: #5a6a7e;
background: #fff;
border: 1px solid #d5dde8;
border-radius: 20px;
text-decoration: none;
transition: all 0.25s ease;
}
.product_index .product-cat:hover,
.product_index .product-cat-active{
color: #fff;
background: linear-gradient(135deg, #1c5ca3 0%, #2070b8 100%);
border-color: #1c5ca3;
text-decoration: none;
}
.product_index .product_list{
clear: both;
padding: 28px 0 0;
margin: 0 -10px;
}
.product_index .product-card-wrap{
padding: 0 10px;
margin-bottom: 20px;
}
.product_index .product-card{
background: #fff;
border: 1px solid #e8edf3;
border-radius: 12px;
overflow: hidden;
height: 100%;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product_index .product-card:hover{
transform: translateY(-6px);
box-shadow: 0 12px 32px rgba(28, 92, 163, 0.12);
border-color: rgba(28, 92, 163, 0.15);
}
.product_index .product-card-img{
display: flex;
align-items: center;
justify-content: center;
height: 180px;
padding: 16px;
background: #fafbfc;
overflow: hidden;
}
.product_index .product-card-img img{
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
transition: transform 0.35s ease;
}
.product_index .product-card:hover .product-card-img img{
transform: scale(1.05);
}
.product_index .product_title{
margin: 0;
padding: 12px 14px 16px;
height: auto;
min-height: 68px;
line-height: 1.5;
text-align: center;
background: #fff;
border: none;
border-top: 1px solid #f0f3f7;
}
.product_index .product_title a{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 13px;
color: #4a5568;
transition: color 0.2s ease;
}
.product_index .product_title a:hover{
color: #1c5ca3;
text-decoration: none;
}
.advantage_col{padding: 0px 8px;width: 95px;transition: all 0.4s;}
.advantage_col a{color: #a19a9a;font-family: Open Sans;}
.advantage_col p{text-align: center;font-size: 13px;border-radius: 15px;height: 30px;line-height: 30px;transition: all 0.4s;}
.advantage_col a:hover{text-decoration: none;}
.iproduct_title{display: block;width: 30%;float: left;color: #1c5ca3;font-size: 32px;font-weight: 600;}
.product_sort{padding: 20px 0px 10px;float: right;width: 25%;}
.product_head{height: 65px;}
.product_head h2{padding: 0px 0px 20px 0px; font-weight:100; font-size:24px; border-bottom: 1px solid #f2f2f2;text-align: center;width: 80px;}
.advantage_col1 p,.advantage_col p:hover{background-color: #006a93;}
.advantage_col1 a,.advantage_col:hover a{color: #fff;}
.product_list{clear: both;padding: 25px 0px 0px 0px;margin-right: -15px;margin-left: -15px;}
.product_list2{padding-top: 20px;}
.product_img{padding-left: 15px; padding-right: 15px; min-height: 303px;}
.product_img img{margin-right: auto;margin-left: auto;display: block;max-height: 300px; max-width: 100%;height: auto; margin-bottom: 10px; padding: 0px 0px 0px 0px;}
.product_list2 div.product_img{min-height: 237px;margin-bottom: 10px;}
.product_title{text-align: center;height: 75px; line-height:25px; background-color:#fafafa;border: 1px solid #dfdfdf;}
.product_title a{font-size: 16px;color: #000;}
.product_title a:hover{text-decoration: none;color:#888;}
.iproduct_btn {color: #a19a9a;width: 202px;height: 50px;display: grid;font-size: 18px;font-family: Open Sans;text-align: center;line-height: 50px;margin: auto;margin-top: 50px;border-radius: 5px;border: 1px solid #a19a9a;transition: all 0.4s;}
.iproduct_btn:hover{text-decoration: none;color:#fff;background-color: #1c5ca3;border: none;}
@media screen and (min-width:1200px) {
	.product_list .product_img:nth-child(3n+1){
		clear: both;
	}
}
@media screen and (max-width:768px) {
	.product_list .product_img:nth-child(2n+1){
		clear: both;
	}
}

/* 标题样式 */
.all_title{color: #1c5ca3;font-size: 32px;font-weight: bold;text-align: center;margin-bottom: 25px;}
.all_tdesc{font-size: 18px;text-align: justify;width: 100%;display: block;margin: auto;color: #91C4DE;font-family: Open Sans;}

/*公司简介*/
.about_bg{
padding: 64px 0 72px;
background: linear-gradient(180deg, #f8fafc 0%, #fff 45%, #f0f7fa 100%);
}
.about_index{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.about_index .about_text{
padding-right: 48px;
}
.about_index .about_text_inner{
max-width: 540px;
}
.about_index .about_subtitle{
margin: 0 0 8px;
font-size: 14px;
color: #91c4de;
letter-spacing: 3px;
}
.about_index .about_title{
margin: 0 0 20px;
color: #1c5ca3;
font-size: 32px;
font-weight: 700;
line-height: 1.3;
position: relative;
padding-bottom: 12px;
}
.about_index .about_title::after{
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 48px;
height: 3px;
background: linear-gradient(90deg, #1c5ca3, #4ec8e0);
border-radius: 2px;
}
.about_index .about_content{
font-size: 15px;
line-height: 1.9;
color: #5a6a7e;
padding-top: 0;
}
.about_index .about_content p,
.about_index .about_content span{
font-family: inherit !important;
font-size: 15px !important;
line-height: 1.9 !important;
color: #5a6a7e !important;
text-align: left !important;
}
.about_index .about_content b,
.about_index .about_content strong{
color: #2d3748;
font-weight: 600;
}
.about_index .about_btn{
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 28px;
padding: 0 28px;
height: 48px;
line-height: 1;
font-size: 16px;
font-weight: 600;
color: #fff;
background: linear-gradient(135deg, #1c5ca3 0%, #2070b8 100%);
border-radius: 24px;
box-shadow: 0 4px 16px rgba(28, 92, 163, 0.25);
transition: transform 0.3s ease, box-shadow 0.3s ease;
width: auto;
}
.about_index .about_btn:hover,
.about_index .about_btn:focus{
color: #fff;
text-decoration: none;
transform: translateY(-2px);
box-shadow: 0 8px 24px rgba(28, 92, 163, 0.35);
}
.about_index .about_visual{
display: flex;
justify-content: center;
align-items: center;
}
.about_index .about_img_frame{
position: relative;
width: 100%;
max-width: 520px;
}
.about_index .about_img_frame::before{
content: '';
position: absolute;
top: -16px;
right: -16px;
width: 55%;
height: 55%;
background: linear-gradient(135deg, rgba(28,92,163,0.08) 0%, rgba(78,200,224,0.12) 100%);
border-radius: 16px;
z-index: 0;
}
.about_index .about_img_frame::after{
content: '';
position: absolute;
bottom: -12px;
left: -12px;
width: 38%;
height: 38%;
border: 3px solid rgba(28, 92, 163, 0.15);
border-radius: 16px;
z-index: 0;
}
.about_index .about_img{
position: relative;
z-index: 1;
width: 100%;
height: auto;
float: none;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 20px 50px rgba(28, 92, 163, 0.15);
}
.about_index .about_img img{
width: 100%;
display: block;
transition: transform 0.4s ease;
}
.about_index .about_img:hover img{
transform: scale(1.03);
}
.about_img{ width: 100%;height: auto;float: right;}
.about_h2{font-size: 38px;color: #222;font-weight: bold;font-family: 'Libre Baskerville', serif;}
.about_p{color: #1c5ca3;font-size: 30px;margin-top: 30px;font-weight: 600;}
.about_content{font-size: 16px;font-family: Helvetica;line-height: 1.8;padding-top: 14px;color: rgb(145, 196, 222);}
.about_btn{    color: #fff;width: 202px;height: 50px;display: inline-block;font-size: 22px;background-color: #1c5ca3;font-family: Open Sans;text-align: center;line-height: 50px;margin-top: 23px;}
.about_btn:hover,.about_btn:focus{    color: #fff;text-decoration: none;}
.about_img2{position: absolute;width: 600px;height: auto;top: 24%;left: 11%;}
.about_img,.about_img2{overflow: hidden;}
.about_img img,.about_img2 img{width: 100%;}

/* 首页adv */
.advgroup_bg{
padding: 56px 0 64px;
background: #fff;
}
.adv_index .adv_head{
text-align: center;
margin-bottom: 40px;
}
.adv_index .adv_subtitle{
margin: 0 0 8px;
font-size: 14px;
color: #91c4de;
letter-spacing: 4px;
}
.adv_index .adv_title_main{
margin: 0;
color: #1c5ca3;
font-size: 28px;
font-weight: 700;
position: relative;
display: inline-block;
padding-bottom: 10px;
}
.adv_index .adv_title_main::after{
content: '';
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 48px;
height: 3px;
background: linear-gradient(90deg, #1c5ca3, #4ec8e0);
border-radius: 2px;
}
.adv_index .adv_tdesc{
max-width: 860px;
margin: 18px auto 0;
font-size: 15px;
line-height: 1.85;
color: #5a6a7e;
text-align: center;
}
.adv_index .adv_list{
display: flex;
flex-wrap: wrap;
margin: 0 -12px;
}
.adv_index .adv_list > [class*="col-"]{
padding: 0 12px;
margin-bottom: 24px;
display: flex;
}
.adv_index .adv{
flex: 1;
width: 100%;
background: #fff;
border: 1px solid #e8edf3;
border-radius: 14px;
padding: 36px 24px 32px;
text-align: center;
color: #5a6a7e;
position: relative;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
box-shadow: 0 2px 12px rgba(28, 92, 163, 0.06);
}
.adv_index .adv::before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, #1c5ca3, #4ec8e0);
opacity: 0;
transition: opacity 0.3s ease;
}
.adv_index .adv:hover{
transform: translateY(-8px);
box-shadow: 0 16px 40px rgba(28, 92, 163, 0.12);
border-color: rgba(28, 92, 163, 0.18);
}
.adv_index .adv:hover::before{
opacity: 1;
}
.adv_index .adv .after{display: none;}
.adv_index .adv > a{
display: inline-flex;
align-items: center;
justify-content: center;
width: 88px;
height: 88px;
margin: 0 auto 20px;
background: linear-gradient(135deg, #eef4fb 0%, #f8fafc 100%);
border-radius: 50%;
border: 2px solid rgba(28, 92, 163, 0.1);
transition: all 0.3s ease;
text-decoration: none;
}
.adv_index .adv:hover > a{
background: linear-gradient(135deg, #1c5ca3 0%, #2070b8 100%);
border-color: #1c5ca3;
}
.adv_index .adv img{
width: 48px !important;
height: 48px;
object-fit: contain;
position: static !important;
display: block !important;
z-index: auto;
transition: filter 0.3s ease;
}
.adv_index .adv:hover img{
filter: brightness(0) invert(1);
}
.adv_index .adv_desc{
padding: 0;
position: static;
z-index: auto;
}
.adv_index .adv_title{
margin: 0;
font-size: 18px;
font-weight: 600;
line-height: 1.4;
color: #2d3748;
}
.adv_index .adv_title:empty,
.adv_index .adv_title br{
display: none;
}
.adv_index .adv_title a{
color: #2d3748;
font-family: inherit;
font-weight: 600;
font-size: 18px;
text-transform: none;
white-space: normal;
}
.adv_index .adv_title a:hover{
color: #1c5ca3;
text-decoration: none;
}
.adv_index .adv_desc p{
margin: 8px 0 0;
font-size: 14px;
line-height: 1.7;
color: #8896a6;
}
.adv img{ width: 100px;display: inline-block;z-index: 9999;position: sticky;}
.adv{background-color: #fff;text-align: center;padding: 25px 25px 50px;color: #91C4DE;position: relative;overflow: hidden;}
.adv:hover {box-shadow: 0 0 10px rgb(0 0 0 / 30%);transform: translateY(-10px);-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-o-transform: translateY(-10px);-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-o-transition: all .5s ease-out;transition: all .5s ease-out;}
.adv_title a{color: #91C4DE;font-family: Open Sans;font-weight: bold;font-size: 20px;text-transform: capitalize;white-space: nowrap;}
.adv_title a:hover{text-decoration: none;}
.adv_desc{padding: 0px 25px;z-index: 9999;position: sticky;font-family: Open Sans;}
.after {content: ' ';position: absolute;top: 0;left: -212%;width: 186%;height: 160%;background: #1c5ca3;transform: skew(-45deg);transition:0.4s left ease-in-out;-webkit-transition: 0.4s left ease-in-out;-o-transition: 0.4s left ease-in-out;-moz-transition: 0.4s left ease-in-out;}
.adv:hover .after{left: -69%;}
.adv_desc p{font-size: 16px;line-height: 1.4;}


/*首页-新闻*/
.blog_bg{
padding: 56px 0 64px;
background: linear-gradient(180deg, #f0f7fa 0%, #f8fafc 100%);
}
.blog_index .blog_head{
text-align: center;
margin-bottom: 36px;
}
.blog_index .blog_subtitle{
margin: 0 0 8px;
font-size: 14px;
color: #91c4de;
letter-spacing: 4px;
}
.blog_index .blog_title{
margin: 0;
color: #1c5ca3;
font-size: 28px;
font-weight: 700;
position: relative;
display: inline-block;
padding-bottom: 10px;
}
.blog_index .blog_title::after{
content: '';
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 48px;
height: 3px;
background: linear-gradient(90deg, #1c5ca3, #4ec8e0);
border-radius: 2px;
}
.blog_index .news_list{
margin: 0 -12px;
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.blog_index .news-card-wrap{
padding: 0 12px;
margin-bottom: 24px;
display: flex;
}
.blog_index .news-card{
background: #fff;
border-radius: 12px;
overflow: hidden;
border: 1px solid #e8edf3;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.blog_index .news-card:hover{
transform: translateY(-6px);
box-shadow: 0 12px 32px rgba(28, 92, 163, 0.1);
border-color: rgba(28, 92, 163, 0.12);
}
.blog_index .news-card-img{
display: block;
position: relative;
overflow: hidden;
height: 200px;
background: #eef2f7;
}
.blog_index .news-card-img img{
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.blog_index .news-card:hover .news-card-img img{
transform: scale(1.06);
}
.blog_index .news-card-date{
position: absolute;
left: 14px;
bottom: 14px;
padding: 4px 12px;
font-size: 12px;
color: #fff;
background: rgba(28, 92, 163, 0.85);
border-radius: 4px;
}
.blog_index .news-card-body{
padding: 20px 20px 22px;
flex: 1;
display: flex;
flex-direction: column;
}
.blog_index .news-card-title{
margin: 0 0 10px;
font-size: 16px;
font-weight: 600;
line-height: 1.45;
min-height: 2.9em;
}
.blog_index .news-card-title a{
color: #2d3748;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 2.9em;
}
.blog_index .news-card-title a:hover{
color: #1c5ca3;
text-decoration: none;
}
.blog_index .news-card-desc{
margin: 0 0 16px;
flex: 1;
font-size: 13px;
line-height: 1.7;
color: #8896a6;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 5.1em;
}
.blog_index .news-card-more{
display: inline-flex;
align-items: center;
gap: 4px;
margin-top: auto;
font-size: 13px;
font-weight: 600;
color: #1c5ca3;
text-decoration: none;
transition: gap 0.2s ease, color 0.2s ease;
}
.blog_index .news-card-more:hover{
gap: 8px;
color: #0f3d6e;
text-decoration: none;
}
.new_title1{text-align: center;letter-spacing: 5px;line-height: 1.7em;font-size: 18px;color: #91c4de;font-weight: 400;}
.new_title2{color: #1c5ca3;font-size: 32px;font-weight: bold;text-align: center;margin: 10px 0px;}
.news_title{margin: 0px 0px 10px;line-height: 22px;}
.news_title a{color: #333333;font-size: 18px;}
.news_box{margin: 20px 0;transition: all 0.6s;position: relative;border-bottom: 3px solid transparent;}
.news_box img{width: 100%;}
.news_box .blog_img{ width: 360px;overflow: hidden; }
.news_box .post-info{width: 100%; bottom: 0;position: relative;}
.news_desc{padding: 20px 25px;background-color: #fff;min-height: 171px;}
.news_desc p{font-family: Muli;color: #999;font-size: 13px;transition: all 0.6s;}
.blog_inner{font-size: 15px;}
.inew_img{transition: all 0.6s;}
.news_btn{display: block;position: absolute;top: 49%;font-size: 31px;background-color: #fff;width: 50px;height: 50px;text-align: center;border-radius: 50%;box-shadow: 1px 0px 3px #ccc;padding: 4px 0px;right: 5%;color: #1c5ca3;transition: all 0.3s;}
.news_btn:hover{color: #fff;background-color:#1c5ca3;}
.news_box:hover .inew_img{transform: scale(1.1);}
.news_box:hover{border-bottom: 3px solid #1c5ca3;}
.news_box:hover .inew_icon{opacity: 0.7;}
.news_box:hover .blog_inner{color: #1c5ca3;opacity: 0.8;}
.news_box:hover .news_title a{color: #1c5ca3;text-decoration: none;}

/*首页联系*/
.index_contact{margin:40px 0px 15px 0px;font-family:Arial;}
.index_contact P{clear: both;color:#898989; padding-bottom: 5px;}
.title_h1{color: rgb(34, 38, 41);margin:0px; display: block; padding: 0px 0px 20px 0px; font-weight:100; font-size:24px; border-bottom: 1px solid #f2f2f2;}

/*列表页-购物车*/
.inquire_img img{max-width: 100%;}
.inquire_name a{font-size: 18px; color: #333;}
.inquire_desc a:hover{text-decoration: none;}
.inquire_name p{margin: 10px 0;}
.inquire_list li{padding: 10px 0;border-bottom: 1px dotted #ccc;}
.inquire_list .inquiry_num{border: 1px solid #ccc;border-radius: 4px;height: 34px;}
.remove {float: right;}
.remove a{color: #f00;}

/*列表页-左侧栏目*/
.sidebar_left{
margin-bottom: 24px;
}
.sidebar_left .sidebar_panel{
background: #fff;
border: 1px solid #e8edf3;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 12px rgba(28, 92, 163, 0.06);
margin-bottom: 20px;
}
.sidebar_left .sidebar_title{
display: flex;
align-items: center;
gap: 8px;
margin: 0;
padding: 14px 18px;
font-size: 16px;
font-weight: 600;
color: #fff;
background: linear-gradient(135deg, #1c5ca3 0%, #2070b8 100%);
}
.sidebar_left .sidebar_title i{
font-size: 14px;
opacity: 0.9;
}
.sidebar_left .left_column{
padding: 6px 0;
}
.sidebar_left .left_nav_ul{
list-style: none;
margin: 0;
padding: 0;
}
.sidebar_left .left_nav_ul > li{
background: none;
padding: 0;
border-bottom: none;
}
.sidebar_left .sidebar_cat_item{
border-bottom: 1px solid #f0f3f7;
}
.sidebar_left .sidebar_cat_item:last-child{
border-bottom: none;
}
.sidebar_left .sidebar_cat_row{
position: relative;
}
.sidebar_left .sidebar_cat_link{
display: block;
padding: 12px 44px 12px 16px;
font-size: 14px;
line-height: 1.5;
color: #4a5568;
text-decoration: none;
transition: all 0.2s ease;
}
.sidebar_left .sidebar_cat_link:hover,
.sidebar_left .sidebar_cat_link.left_active{
color: #1c5ca3;
background: #f8fafc;
text-decoration: none;
font-weight: 600;
}
.sidebar_left .menu_head{
cursor: pointer;
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
line-height: 1;
text-align: center;
font-size: 16px;
font-weight: 600;
font-family: Arial, sans-serif;
color: #1c5ca3;
background: #eef4fb;
border: 1px solid #d5e3f0;
border-radius: 4px;
box-sizing: border-box;
flex-shrink: 0;
transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.sidebar_left .menu_head:hover,
.sidebar_left .menu_head.current{
background: #1c5ca3;
color: #fff;
border-color: #1c5ca3;
}
.sidebar_left .menu_body{
display: none;
list-style: none;
margin: 0;
padding: 4px 0 8px;
background: #fafbfc;
border-top: 1px solid #f0f3f7;
}
.sidebar_left .sidebar_subcat_item{
margin: 0;
padding: 0;
}
.sidebar_left .sidebar_subcat_item a{
display: block;
padding: 8px 16px 8px 28px;
font-size: 13px;
line-height: 1.5;
color: #6b7c93;
text-decoration: none;
border-left: 3px solid transparent;
transition: all 0.2s ease;
}
.sidebar_left .sidebar_subcat_item a:hover,
.sidebar_left .sidebar_subcat_item a.left_active{
color: #1c5ca3;
background: #fff;
border-left-color: #1c5ca3;
text-decoration: none;
}
.sidebar_left .sidebar_contact_list{
list-style: none;
margin: 0;
padding: 14px 16px 16px;
}
.sidebar_left .sidebar_contact_list li{
display: flex;
align-items: flex-start;
gap: 10px;
padding: 8px 0;
font-size: 13px;
line-height: 1.6;
color: #5a6a7e;
border-bottom: 1px solid #f0f3f7;
}
.sidebar_left .sidebar_contact_list li:last-child{
border-bottom: none;
}
.sidebar_left .sidebar_contact_list li > i{
width: 16px;
margin-top: 3px;
color: #1c5ca3;
text-align: center;
flex-shrink: 0;
}
.sidebar_left .sidebar_contact_list a{
color: #5a6a7e;
word-break: break-all;
text-decoration: none;
}
.sidebar_left .sidebar_contact_list a:hover{
color: #1c5ca3;
text-decoration: none;
}
@media (min-width: 992px) {
.sidebar_left{
position: sticky;
top: 20px;
align-self: flex-start;
}
}
.left_nav_ul{list-style:none;margin:0px;padding:0px; margin:15px 0px 0px 0px;padding-bottom: 10px;}
.left_nav_ul > li{position:relative; border-bottom: 1px solid #f2f2f2; background: url(../images/left_li.gif) 6px 15px no-repeat;padding:8px 0px 8px 18px; }
.left_nav_ul > li:last-child {border-bottom: none;}
.left_nav_ul > li > a{text-decoration:none; color:#656464;}
.left_nav_ul > li > a:hover,.left_nav_ul li a.left_active{color:#1c5ca3;}
.left_h3 {color: #1c5ca3;font-size: 18px;}

.menu_head{cursor:pointer; font: 600 18px/30px "Open Sans", sans-serif; width:35px; text-align:center;color:#303c4b;display:inline-block;position: absolute; top:3px; right:0px;}
.menu_head:hover{ color: #1c5ca3;}

/*列表页-左侧二级栏目*/
ul.left_snav_ul{list-style:none;padding:0px;display: none; padding-top: 8px;}
ul.left_snav_ul > li{ margin:0px;padding:5px 0px 5px 10px; background: url(../images/left_sli.gif) 0px 13px no-repeat;}
ul.left_snav_ul > li > a{border:0;color:#797979;padding: 5px 0px 5px 0px;}
ul.left_snav_ul > li > a:hover{ text-decoration: none;color:#E60703;}

.left_snav_ul_li{ margin:0px;padding:5px 0px 5px 10px; background: url(../images/left_sli.gif) 0px 13px no-repeat;}
.left_snav_ul_li a{border:0;color:#969494;padding: 5px 0px 5px 0px;}

/*列表页-左侧新闻*/
.left_news{clear: both;list-style:none;margin:0px;padding:0px;}
.left_news li{color:#545455;border-bottom: 1px dotted #dddddd;background: url(../images/li.png) no-repeat left 15px;line-height:21px; padding: 10px 0px; padding-left:14px;}
.left_news li a{color:#2F2F2F;}
.left_news li a:hover,
.left_news li a:focus{text-decoration:none;color:#03b29c;}

/*列表页-左侧联系*/
.left_contact{margin:30px 0px 35px 0px;}
.left_contact p{clear: both;line-height: 24px;}

/*列表页-横幅*/
.page_bg{height: auto;margin-bottom: 0px;}

/*列表页-面包屑*/
.bread_bg{
background: linear-gradient(180deg, #f8fafc 0%, #f3f6f9 100%);
margin: 20px 0;
border: 1px solid #e8edf3;
border-radius: 10px;
overflow: hidden;
}
.bread_nav{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 2px 0;
padding: 12px 20px;
font-size: 13px;
line-height: 1.5;
color: #5a6a7e;
}
.bread_nav a{
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 10px;
color: #5a6a7e;
text-decoration: none;
border-radius: 6px;
transition: all 0.2s ease;
}
.bread_nav a:hover{
color: #1c5ca3;
background: rgba(28, 92, 163, 0.06);
text-decoration: none;
}
.bread_nav .breadcrumb_home i{
font-size: 13px;
color: #1c5ca3;
}
.bread_nav .breadcrumb_sep{
display: inline-flex;
align-items: center;
padding: 0 4px;
color: #c5d0dc;
font-size: 12px;
}
.bread_nav .breadcrumb_sep i{
font-size: 11px;
}
.bread_nav .current,
.bread_nav span.current{
display: inline-flex;
align-items: center;
padding: 4px 10px;
color: #1c5ca3;
font-weight: 600;
}
.bread_nav > .glyphicon,
.bread_nav > .fa-home{
color: #1c5ca3;
margin-right: 4px;
}
.bread_nav .fa-angle-double-right,
.bread_nav .fa-angle-right{
color: #c5d0dc;
font-size: 11px;
}
.bread_nav span:not(.breadcrumb_sep):not(.current){
color: #1c5ca3;
}

/*列表页-右栏*/
.list_page_main,
.product_list_main{
float: right;
}
.list_page_main .list_page_head h2,
.product_list_main .list_page_head h2{
height: auto;
margin: 0 0 8px;
padding-bottom: 0;
font-size: 22px;
font-weight: 600;
color: #1c5ca3;
line-height: 1.4;
border-bottom: 1px solid #e8edf3;
}
.list_page_main .list_page_head h2 span,
.product_list_main .list_page_head h2 span{
display: inline-block;
height: auto;
padding-bottom: 12px;
border-bottom: 3px solid #1c5ca3;
}
.list_page_main .news-archive-list{
list-style: none;
margin: 0;
padding: 16px 0 0;
}
.list_page_main .news-archive-item{
margin-bottom: 12px;
}
.list_page_main .news-archive-link{
display: flex;
align-items: center;
gap: 16px;
padding: 16px 18px;
background: #fff;
border: 1px solid #e8edf3;
border-radius: 10px;
text-decoration: none;
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.list_page_main .news-archive-link:hover{
transform: translateX(4px);
box-shadow: 0 8px 24px rgba(28, 92, 163, 0.1);
border-color: rgba(28, 92, 163, 0.18);
text-decoration: none;
}
.list_page_main .news-archive-date{
flex-shrink: 0;
min-width: 96px;
padding: 4px 10px;
font-size: 12px;
font-weight: 600;
color: #1c5ca3;
background: #eef4fb;
border-radius: 6px;
text-align: center;
}
.list_page_main .news-archive-title{
flex: 1;
font-size: 15px;
line-height: 1.5;
color: #2d3748;
transition: color 0.2s ease;
}
.list_page_main .news-archive-link:hover .news-archive-title{
color: #1c5ca3;
}
.list_page_main .news-archive-arrow{
flex-shrink: 0;
font-size: 16px;
color: #c5d0dc;
transition: color 0.2s ease, transform 0.2s ease;
}
.list_page_main .news-archive-link:hover .news-archive-arrow{
color: #1c5ca3;
transform: translateX(3px);
}
.list_page_main .list_pagination{
margin-top: 12px;
padding-top: 8px;
}
.list_page_main .list_pagination a,
.list_page_main .list_pagination .current{
border-radius: 6px;
transition: all 0.2s ease;
}
.product_list_main .product_list2{
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
padding-top: 16px;
clear: both;
}
.product_list_main .product-card-wrap{
padding: 0 10px;
margin-bottom: 20px;
display: flex;
}
.product_list_main .product-card{
flex: 1;
width: 100%;
background: #fff;
border: 1px solid #e8edf3;
border-radius: 12px;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.product_list_main .product-card:hover{
transform: translateY(-6px);
box-shadow: 0 12px 32px rgba(28, 92, 163, 0.12);
border-color: rgba(28, 92, 163, 0.15);
}
.product_list_main .product-card-img{
display: flex;
align-items: center;
justify-content: center;
height: 200px;
padding: 16px;
background: #fafbfc;
overflow: hidden;
}
.product_list_main .product-card-img img{
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
border: none;
border-radius: 0;
transition: transform 0.35s ease;
}
.product_list_main .product-card:hover .product-card-img img{
transform: scale(1.05);
opacity: 1;
}
.product_list_main .product_title{
margin: 0;
padding: 12px 14px 16px;
height: auto;
min-height: 72px;
line-height: 1.5;
text-align: center;
background: #fff;
border: none;
border-top: 1px solid #f0f3f7;
}
.product_list_main .product_title a{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 13px;
color: #4a5568;
transition: color 0.2s ease;
}
.product_list_main .product_title a:hover{
color: #1c5ca3;
text-decoration: none;
}
.product_list_main .list_pagination{
margin-top: 12px;
padding-top: 8px;
}
.product_list_main .list_pagination a,
.product_list_main .list_pagination .current,
.photo_list_main .list_pagination a,
.photo_list_main .list_pagination .current{
border-radius: 6px;
transition: all 0.2s ease;
}
.photo_list_main .photo_list2{
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
padding-top: 16px;
clear: both;
}
.photo_list_main .photo-card-wrap{
padding: 0 10px;
margin-bottom: 20px;
display: flex;
}
.photo_list_main .photo-card{
flex: 1;
width: 100%;
background: #fff;
border: 1px solid #e8edf3;
border-radius: 12px;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.photo_list_main .photo-card:hover{
transform: translateY(-6px);
box-shadow: 0 12px 32px rgba(28, 92, 163, 0.12);
border-color: rgba(28, 92, 163, 0.15);
}
.photo_list_main .photo-card-img{
display: flex;
align-items: center;
justify-content: center;
height: 220px;
padding: 16px;
background: #fafbfc;
overflow: hidden;
}
.photo_list_main .photo-card-img img{
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
border: none;
border-radius: 0;
transition: transform 0.35s ease;
}
.photo_list_main .photo-card:hover .photo-card-img img{
transform: scale(1.04);
opacity: 1;
}
.photo_list_main .photo_title{
margin: 0;
padding: 12px 14px 16px;
height: auto;
min-height: 60px;
line-height: 1.5;
text-align: center;
background: #fff;
border: none;
border-top: 1px solid #f0f3f7;
}
.photo_list_main .photo_title a{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
font-size: 13px;
color: #4a5568;
transition: color 0.2s ease;
text-decoration: none;
}
.photo_list_main .photo_title a:hover{
color: #1c5ca3;
text-decoration: none;
}
.photo_list_main .list_pagination{
margin-top: 12px;
padding-top: 8px;
}
.right_head{clear: both;}
.right_head h2{height: 50px;font-size: 20px;font-weight: normal;color: #545454;line-height: 50px;border-bottom: 1px solid #ebebeb;}
.right_head h2 span{display: inline-block;height: 50px;border-bottom: 1px solid #1c5ca3;}
.right_contents{clear: both;padding:15px 0px 15px 0px; line-height:28px; overflow: auto;}
.right_contents_h1{margin: 0px;padding: 10px 0px;text-align: center;color: #000;font-size:24px;color:#434343;font-weight:bold;line-height: 34px;}
.right_contents img {max-width: 840px;}

/*列表页-右侧新闻*/
.right_new{clear: both; list-style:none;margin:0px; padding:0px 0px 20px 0px;}
.right_new li{color:#898989;background: url(../images/li.png) no-repeat left 18px;font-size: 16px;line-height:22px; padding:12px 0px; padding-left:13px;border-bottom: 1px dashed #e3e2e2;}
.right_new li a{color:#2F2F2F;}
.right_new li a:hover,.right_new li a:focus{text-decoration:none;color:#1c5ca3;}
.right_new_time{float:right;}
.relevant_new ul.right_new li{font-size: 14px;}

/*列表页-右侧案例*/
.case_list{clear: both;padding: 25px 0px 0px 0px;margin-right: -15px;margin-left: -15px;}
.case_list2{padding-top: 20px;}
.case_img{padding-left: 15px;padding-right: 15px;min-height: 240px;}
.case_img img{margin-right: auto;margin-left: auto;display: block;max-height: 270px;max-width: 100%;height: auto; margin-bottom: 10px; padding: 0px 0px 0px 0px;}
.case_list2 div.case_img{min-height: 160px;}
.case_title{text-align: center;height: 40px;}
.case_title a{color: #2F2F2F;}
.case_title a:hover{text-decoration: none;color:#1c5ca3;}

/*分页样式*/
.page{clear:both;margin:20px 0px 20px 0px;text-align: center; }
.page a{display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none}
.page a:hover,.page a:focus{font-family: Arial;font-size: 13px;border: #1c5ca3 1px solid;padding:4px 9px;color: #fff;background-color: #1c5ca3;}
.page .current{font-family: Arial;border: #1c5ca3 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px;background-color: #1c5ca3;}

/*产品详细页*/
.showpic_box,.proinfo_box{margin: 30px 0px 20px 0px;}
.proinfo_card{
background:#fff;
border:1px solid #e8eef4;
border-radius:8px;
padding:28px 26px;
box-shadow:0 4px 24px rgba(21,74,133,0.08);
height:100%;
box-sizing:border-box;
}
.product_h1{
margin:0 0 20px;
line-height:1.45;
font-size:20px;
font-weight:700;
color:#1a3a5c;
padding-bottom:16px;
border-bottom:none;
position:relative;
}
.product_h1::after{
content:'';
position:absolute;
bottom:0;
left:0;
width:48px;
height:3px;
background:linear-gradient(90deg,#1c5ca3,#4a9fd4);
border-radius:2px;
}
.product_info{list-style:none;padding:0;margin:0;}
.product_info li{line-height:1.6;}
.pinfo_row{
display:flex;
flex-wrap:wrap;
align-items:flex-start;
gap:6px 14px;
padding:11px 0;
border-bottom:1px solid #f0f4f8;
font-size:14px;
}
.pinfo_row:last-child{border-bottom:none;}
.pinfo_label{
flex:0 0 86px;
color:#7a8a9a;
font-size:13px;
white-space:nowrap;
}
.pinfo_label i{
margin-right:5px;
color:#1c5ca3;
width:14px;
text-align:center;
}
.pinfo_value{
flex:1;
min-width:0;
color:#333;
word-break:break-word;
}
.pinfo_value a{color:#1c5ca3;text-decoration:none;}
.pinfo_value a:hover{color:#084d68;text-decoration:underline;}
.pinfo_row.pinfo_desc .pinfo_value{color:#555;line-height:1.7;}
.pinfo_row.pinfo_extra .pinfo_value{color:#444;}
.product_share_bar{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:12px 16px;
margin-top:18px;
padding:14px 0 0;
border-top:1px solid #eef2f6;
background:transparent;
}
.share_label{
font-size:13px;
font-weight:500;
color:#6b7c8d;
letter-spacing:0.04em;
white-space:nowrap;
}
.product_share_list{
display:inline-flex;
align-items:center;
flex-wrap:wrap;
gap:10px;
}
.product_share_btn{
display:inline-flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
border-radius:50%;
background:#f3f6fa;
color:#5a6b7c;
text-decoration:none;
transition:background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.product_share_btn:hover,
.product_share_btn:focus{
color:#fff;
text-decoration:none;
transform:translateY(-2px);
box-shadow:0 6px 14px rgba(28,92,163,.18);
}
.product_share_btn > i.fa{
font-size:15px;
line-height:1;
}
.product_share_icon_x{
width:14px;
height:14px;
fill:currentColor;
display:block;
}
.product_share_btn--facebook:hover,
.product_share_btn--facebook:focus{background:#1877f2;}
.product_share_btn--x:hover,
.product_share_btn--x:focus{background:#111;}
.product_share_btn--linkedin:hover,
.product_share_btn--linkedin:focus{background:#0a66c2;}
.product_share_btn--whatsapp:hover,
.product_share_btn--whatsapp:focus{background:#25d366;}
.product_share_btn--pinterest:hover,
.product_share_btn--pinterest:focus{background:#e60023;}
.product_actions{
margin-top:22px;
padding-top:20px;
border-top:1px solid #eef2f6;
}
.product_actions form{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.product_actions .page-btn{
display:inline-flex;
align-items:center;
gap:7px;
float:none;
margin-right:0;
padding:10px 22px;
border-radius:4px;
font-size:14px;
font-weight:500;
transition:all .25s;
}
.product_actions .btn-inquiry{
background-color:#1c5ca3;
border-color:#1c5ca3;
color:#fff;
}
.product_actions .btn-inquiry:hover,
.product_actions .btn-inquiry:focus{
background-color:#084d68;
border-color:#084d68;
color:#fff;
}
.product_actions .btn-outline{
background:#fff;
border:1px solid #c5d4e3;
color:#1c5ca3;
}
.product_actions .btn-outline:hover,
.product_actions .btn-outline:focus{
background:#f0f6fc;
border-color:#1c5ca3;
color:#084d68;
}
.product_btn{margin-top: 25px;}
#pic-page{text-align: center;margin-top:10px;}
#pic-page a{margin: 0 2px;}
#pic-page a img{width:40px;padding: 2px;border: solid #ccc 1px;margin-bottom:5px;}
#pic-page a:hover img,#pic-page a.active img {border: solid #5280DD 1px;}
.product_con {clear: both; border-top: 1px dotted #a9a9a9;margin:10px 0px 20px 0px;padding:20px 0px 0px 0px; line-height:26px;overflow: auto; }
.photo_con {clear: both;margin:0px 0px 20px 0px; padding:10px 0px 20px 0px;line-height:26px;overflow: auto; }
.product_con img,.photo_con img {max-width: 840px; }
.list_related{margin-top: 50px; }
.list_related div.product_img{min-height: 190px;}

/*按钮样式*/
.download_btn {float: right;display: block;margin: 10px 10px 20px 0px;}
.page-btn {display: inline-block;float: left; background-color: #1c5ca3;border-radius: 0px; border: none; transition:background 0.3s;margin-right: 15px; }
.page-btn:hover,.page-btn:focus {background-color:#084d68;}
.grey-btn {border-radius: 0px;border: none;background-color: #9ddaf3;}
.grey-btn:hover,.grey-btn:focus {background-color: #c3cdd3;}

/*在线留言订购*/
.feedback {padding: 0;}
.form-horizontal .form-group{margin-right: -10px;margin-left: -10px;}
.a2a_default_style{display: inline-block;}

.feedback-card{
background:#fff;
border:1px solid #e8eef4;
border-radius:8px;
padding:28px 32px 32px;
margin-top:4px;
box-shadow:0 4px 24px rgba(21,74,133,0.08);
}
.feedback-intro{
margin:0 0 24px;
padding:12px 16px;
background:linear-gradient(135deg,#f0f6fc 0%,#f8fbff 100%);
border-left:3px solid #1c5ca3;
border-radius:0 6px 6px 0;
font-size:14px;
color:#5a7088;
line-height:1.6;
}
.feedback-intro i{
color:#1c5ca3;
margin-right:8px;
}
.feedback .form-horizontal .control-label{
color:#3a5068;
font-weight:500;
font-size:14px;
padding-top:10px;
text-align:right;
}
.feedback .form-horizontal .control-label i{
color:#1c5ca3;
margin-right:6px;
width:16px;
text-align:center;
}
.feedback .form-horizontal .control-label .req{
color:#e74c3c;
margin-left:2px;
font-weight:400;
}
.feedback .form-control{
border:1px solid #dce4ed;
border-radius:6px;
height:42px;
box-shadow:none;
color:#333;
transition:border-color 0.2s,box-shadow 0.2s;
}
.feedback .form-control:focus{
border-color:#1c5ca3;
box-shadow:0 0 0 3px rgba(28,92,163,0.12);
outline:none;
}
.feedback textarea.form-control{
height:auto;
min-height:120px;
resize:vertical;
padding:10px 14px;
line-height:1.6;
}
.feedback .form-group{
margin-bottom:20px;
}
.feedback-captcha{
display:flex;
align-items:center;
gap:10px;
max-width:280px;
}
.feedback-captcha .form-control{
flex:1;
min-width:0;
}
.feedback .codeimg{
margin:0;
height:42px;
border:1px solid #dce4ed;
border-radius:6px;
cursor:pointer;
transition:border-color 0.2s;
}
.feedback .codeimg:hover{
border-color:#1c5ca3;
}
.feedback-actions{
margin-top:28px;
margin-bottom:0;
padding-top:8px;
border-top:1px solid #f0f4f8;
}
.feedback-actions .page-btn,
.feedback-actions .grey-btn{
display:inline-flex;
align-items:center;
gap:6px;
padding:10px 28px;
font-size:14px;
border-radius:4px;
float:none;
margin-right:12px;
}
.feedback-actions .grey-btn{
background:#f0f4f8;
color:#5a7088;
}
.feedback-actions .grey-btn:hover,
.feedback-actions .grey-btn:focus{
background:#e2e8f0;
color:#3a5068;
}
#inquiry{
margin-top:0;
padding-top:0;
}
.product-inquiry-modal .modal-header{
border-bottom:1px solid #e8eef4;
background:linear-gradient(135deg,#f5f9fd 0%,#fff 100%);
}
.product-inquiry-modal .modal-title{
color:#1c5ca3;
font-weight:600;
font-size:18px;
}
.product-inquiry-modal .modal-title i{
margin-right:6px;
}
.product-inquiry-modal .modal-body{
padding:16px 20px 20px;
}
.product-inquiry-modal .feedback-card{
margin:0;
box-shadow:none;
border:none;
padding:0;
}
.product-inquiry-modal .form-horizontal .control-label{
text-align:left;
}
@media (max-width:767px){
.product-inquiry-modal .modal-dialog{
margin:10px;
}
.product-inquiry-modal .form-horizontal .control-label{
padding-top:0;
margin-bottom:6px;
}
}

.inquiry{margin: 20px;}
.form-group.captcha{margin-left: -25px;}
.captcha .control-label{text-align: left;}
label.control-label {color: #868383;}

/*上一个下一个*/
.point{clear: both; margin:20px 0px 40px 0px;padding-bottom: 40px;line-height:22px;}
.point span.to_prev{text-align:center;}
.point span.to_prev a{color:#337AB7;}
.point span.to_prev a:hover{color: #ea042b;text-decoration: none;}
.point span.to_next{text-align:center;}
.point span.to_next a{color:#337AB7;}
.point span.to_next a:hover{color: #ea042b;text-decoration: none;}

/*标签样式*/
.tags{margin: 18px 0px 10px 0px;}
.tags a{margin: 0px 5px 8px 0px;}
.tags_list{padding: 5px 10px 100px 10px;}
.tags_ul{margin-top: 0px;}
.tags_ul li{line-height: 28px;margin-bottom: 8px;padding-bottom: 10px;}
.tags_ul h3{font-size: 14px;padding: 0px;margin: 0px;line-height: 20px;}
.tags_ul p{font-size: 13px;padding: 0px;margin: 0px;color: #777;line-height: 20px;padding-top: 8px;}

/*网站地图*/
ul.ul_sitemap{margin: 30px 0px 40px 30px;}
ul.ul_sitemap li{list-style: none;line-height: 26px;clear: both; }
ul.ul_sitemap li a{color: #7d7d7d;}
li.small_li_sitemap{clear: both;padding-left: 12px;}
li.small_li2_sitemap{float: left;padding-left: 20px; }

/*友情链接*/
.link_box{
background: linear-gradient(135deg, #164f8c 0%, #1c5ca3 50%, #2070b8 100%);
padding: 14px 0;
color: #fff;
font-size: 13px;
}
.link_inner{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px 16px;
justify-content: center;
}
.link_title{
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 600;
color: rgba(255,255,255,0.92);
white-space: nowrap;
}
.link_title i{
font-size: 12px;
opacity: 0.85;
}
.link_list{
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
}
.link_item{
display: inline-block;
padding: 5px 14px;
color: #fff !important;
font-size: 12px;
background: rgba(255,255,255,0.12);
border: 1px solid rgba(255,255,255,0.22);
border-radius: 16px;
text-decoration: none;
transition: all 0.25s ease;
}
.link_item:hover{
background: rgba(255,255,255,0.24);
border-color: rgba(255,255,255,0.42);
text-decoration: none;
color: #fff !important;
transform: translateY(-1px);
}
.link_toggle{display: none;}
.link_box a.link_item:last-child{border-right:0;}
.link_box p{margin-top: 5px;}

/*底部TAGS*/
.tags_box{background-color: #545454;padding:10px 0px;text-align: center;color: #f6f6f6;font-size: 13px;}
.tags_box a{color: #fff;padding:0px 2px 0px 8px;font-size: 13px;}
.tags_box a:hover{text-decoration: none;color: #1c5ca3; }
.tags_box a:last-child{border-right:0px;}
.tags_box button{display: none;}
.tags_title{font-size: 13px;margin-right: -6px; }
.tags_title a{padding:0px;}
.tags_title:after{content:":";}

/*底部信息*/
footer.site-footer{
background: linear-gradient(180deg, #f4f7fb 0%, #eef2f7 100%);
color: #5a6a7e;
padding: 48px 0 0;
border-top: 3px solid #1c5ca3;
}
footer.site-footer .footer-main{
margin-bottom: 10px;
}
footer.site-footer .footer-col{
padding: 0 12px 24px;
}
footer.site-footer .footer-title{
margin: 0 0 18px;
padding-bottom: 12px;
font-size: 16px;
font-weight: 600;
color: #1c5ca3;
border-bottom: 2px solid rgba(28,92,163,0.15);
position: relative;
}
footer.site-footer .footer-title::after{
content: '';
position: absolute;
left: 0;
bottom: -2px;
width: 36px;
height: 2px;
background: #1c5ca3;
}
footer.site-footer .footer-logo-link{
display: inline-block;
line-height: 0;
}
footer.site-footer .footer-logo{
max-width: 200px;
height: auto;
margin-bottom: 14px;
transition: opacity 0.3s ease;
}
footer.site-footer .footer-logo-link:hover .footer-logo{opacity: 0.8;}
footer.site-footer .footer-desc{
margin: 0;
font-size: 13px;
line-height: 1.7;
color: #7a8a9a;
}
footer.site-footer .footer-news li{
margin-bottom: 10px;
}
footer.site-footer .footer-news a{
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 13px;
line-height: 1.5;
color: #5a6a7e;
text-decoration: none;
transition: color 0.2s ease, padding-left 0.2s ease;
}
footer.site-footer .footer-news a i{
margin-top: 3px;
font-size: 10px;
color: #1c5ca3;
flex-shrink: 0;
transition: transform 0.2s ease;
}
footer.site-footer .footer-news a:hover{
color: #1c5ca3;
padding-left: 4px;
}
footer.site-footer .footer-news a:hover i{
transform: translateX(2px);
}
footer.site-footer .footer-contact{
list-style: none;
margin: 0;
padding: 0;
}
footer.site-footer .footer-contact li{
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 12px;
font-size: 13px;
line-height: 1.6;
color: #5a6a7e;
}
footer.site-footer .footer-contact li i{
width: 18px;
margin-top: 3px;
text-align: center;
color: #1c5ca3;
flex-shrink: 0;
}
footer.site-footer .footer-contact a{
color: #5a6a7e;
text-decoration: none;
transition: color 0.2s ease;
}
footer.site-footer .footer-contact a:hover{
color: #1c5ca3;
}
footer.site-footer .footer-qrcode{
display: inline-block;
padding: 12px;
background: #fff;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(28,92,163,0.1);
border: 1px solid rgba(28,92,163,0.08);
text-align: center;
}
footer.site-footer .foot-img{
width: 120px;
height: 120px;
border-radius: 6px;
display: block;
}
footer.site-footer .footer-qrcode-tip{
margin: 10px 0 0;
font-size: 12px;
color: #7a8a9a;
}
footer.site-footer .footer-bar{
width: 100%;
padding: 18px 0;
margin-top: 0;
text-align: center;
background: linear-gradient(90deg, #0f3d6e 0%, #1c5ca3 50%, #0f3d6e 100%);
}
footer.site-footer .footer-bar .container{
padding-left: 15px;
padding-right: 15px;
}
footer.site-footer .footer-copy{
margin: 0;
font-size: 13px;
line-height: 1.8;
color: rgba(255,255,255,0.85);
}
footer.site-footer .footer-copy a{
color: rgba(255,255,255,0.9);
text-decoration: none;
transition: color 0.2s ease;
}
footer.site-footer .footer-copy a:hover{
color: #4ec8e0;
}
.copyright{ line-height:20px;}
.copyright a{ color:#333;}
.foot_nav{ width:25%; float:left;background-color: #fafafa;text-align:center;}
.foot_nav:hover,.foot_nav:focus{background-color: #e4e4e4;}
.foot_nav a{color:#898989;display:block;}
.foot_nav a:hover,.foot_nav a:focus{text-decoration:none;}
.foot_nav span{display:block; padding:3px 0px 0px 0px;}
.webshare{width: 230px; padding: 5px;}
.ewebshare{width: 200px; padding: 5px;}
footer .about_content{font-size: 13px;color: #818181; line-height: 2;}
.footer-m{display: inline-block;padding: 5px 10px;background-color: #1c5ca3;border-radius: 3px;font-size: 12px;color:#ececec;}
.footer-m:hover{ color:#ececec; background-color:#00c959;}
.footer-bar{padding: 10px 0;margin-top:20px;text-align: center;border-top: #d8d8d8 solid 1px;}
.wrap{text-align:center;padding:20px 0;background-color:#1c5ca3;color:#fff; font-size:17px;}
.list-unstyled a{font-size: 13px;color: #818181;}
.mm h2{font-size:18px;color:#000; padding-bottom:18px;}

/* 图标 */
.icons{color:#333; font-size:18px;margin-right:20px;}
.lang span{color:#818181;}

/*UEditor编辑器前端表格样式*/
table{
    margin-bottom:10px;
    border-collapse:collapse;
    display:table;
}
td,th{
    padding: 5px 10px;
    border: 1px solid #DDD;
}
caption{
    border:1px dashed #DDD;
    border-bottom:0;
    padding:3px;
    text-align:center;
}
th{
    border-top:1px solid #BBB;
    background-color:#F7F7F7;
}
table tr.firstRow th{
    border-top-width:2px;
}
.ue-table-interlace-color-single{
    background-color: #fcfcfc;
  } 
.ue-table-interlace-color-double{
    background-color: #f7faff;
}
td p{
    margin:0;
    padding:0;
}
.bshare-custom.icon-medium-plus,
.bshare-custom.icon-large{
    width: 230px;
    float: left;
}


/*大屏幕样式*/
@media screen and (min-width: 769px) {
.logo {margin: 15px 0;max-width: 400px;}
.header_brand .logo{margin: 0;max-width: 280px;}
.header_brand_row{align-items: center;}

/*导航样式*/
#top_nav.navbar{
margin: 0;
border: none;
border-top: 1px solid #e8edf3;
border-bottom: none;
background: #fff;
min-height: 56px;
box-shadow: 0 2px 12px rgba(28,92,163,0.06);
}
#top_nav .nav-wrap{
display: flex;
align-items: stretch;
flex-wrap: nowrap;
}
#top_nav .navbar-header{
display: none;
}
#top_nav .nav-home-link{
display: none;
}
#top_nav .nav-home-link:hover,
#top_nav .nav-home-link:focus{
color: #fff;
background: linear-gradient(135deg, #1c5ca3 0%, #2070b8 100%);
text-decoration: none;
}
#top_nav .nav-home-link .home-btn{
display: block;
padding: 0;
margin: 0;
border: none;
font-size: 26px;
line-height: 1;
color: inherit;
}
#top_nav .navbar-collapse{
padding: 0;
border: none;
flex: 1;
display: flex !important;
justify-content: center;
height: auto !important;
overflow: visible !important;
}
#top_nav .navbar-nav.navbar-nav-e{
display: flex;
width: auto;
margin: 0;
float: none;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
gap: 72px;
}
#top_nav .navbar-nav > li{
flex: none;
border: none;
text-align: center;
float: none;
}
#top_nav .navbar-nav > li > a{
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
gap: 5px;
text-align: center;
padding: 18px 0;
color: #4a5568;
font-family: 'Open Sans', 'microsoft yahei', sans-serif;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.3px;
white-space: nowrap;
line-height: 1;
transition: color 0.25s ease, background 0.25s ease;
}
#top_nav .navbar-nav > li > a .nav-caret{
display: inline-block;
margin-left: 2px;
font-size: 12px;
opacity: 0.75;
vertical-align: middle;
flex-shrink: 0;
transition: transform 0.25s ease;
}
#top_nav .navbar-nav > li.dropdown{
display: inline-flex;
align-items: center;
gap: 4px;
padding: 18px 0;
position: relative;
}
#top_nav .nav-parent-link{
display: inline-flex !important;
align-items: center;
position: relative;
padding: 0 !important;
color: #4a5568;
font-family: 'Open Sans', 'microsoft yahei', sans-serif;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.3px;
white-space: nowrap;
line-height: 1;
text-decoration: none;
transition: color 0.25s ease, background 0.25s ease;
}
#top_nav .nav-submenu-toggle{
display: inline-flex !important;
align-items: center;
padding: 0 !important;
background: transparent;
border: none;
box-shadow: none;
text-decoration: none;
}
#top_nav .nav-parent-link::after{
content: '';
position: absolute;
left: 50%;
bottom: -8px;
width: 0;
height: 3px;
background: linear-gradient(90deg, #1c5ca3, #2070b8);
border-radius: 3px 3px 0 0;
transform: translateX(-50%);
transition: width 0.25s ease;
}
#top_nav .navbar-nav > li.dropdown:hover .nav-parent-link,
#top_nav .navbar-nav > li.dropdown.open .nav-parent-link{
color: #1c5ca3;
background: rgba(28,92,163,0.05);
}
#top_nav .navbar-nav > li.dropdown:hover .nav-parent-link::after,
#top_nav .navbar-nav > li.dropdown.open .nav-parent-link::after{
width: 55%;
}
#top_nav .navbar-nav > li.open > a .nav-caret,
#top_nav .navbar-nav > li.dropdown:hover .nav-caret,
#top_nav .navbar-nav > li.dropdown.open .nav-caret{
transform: rotate(180deg);
}
#top_nav .navbar-nav > li > a::after{
content: '';
position: absolute;
left: 50%;
bottom: -8px;
width: 0;
height: 3px;
background: linear-gradient(90deg, #1c5ca3, #2070b8);
border-radius: 3px 3px 0 0;
transform: translateX(-50%);
transition: width 0.25s ease;
}
#top_nav .navbar-default .navbar-nav > li > a:hover,
#top_nav .navbar-default .navbar-nav > li > a:focus,
#top_nav .navbar-default .navbar-nav > li > a.active,
#top_nav .navbar-default .navbar-nav > .active > a,
#top_nav .navbar-default .navbar-nav > .active > a:hover,
#top_nav .navbar-default .navbar-nav > .open > a,
#top_nav .navbar-default .navbar-nav > .open > a:hover,
#top_nav .navbar-default .navbar-nav > .open > a:focus{
color: #1c5ca3;
background: rgba(28,92,163,0.05);
border: none;
margin: 0;
}
#top_nav .navbar-default .navbar-nav > li > a:hover::after,
#top_nav .navbar-default .navbar-nav > li > a:focus::after,
#top_nav .navbar-default .navbar-nav > li > a.active::after,
#top_nav .navbar-default .navbar-nav > .active > a::after,
#top_nav .navbar-default .navbar-nav > .open > a::after{
width: 55%;
}
#top_nav .navbar-default .navbar-nav > .active > a,
#top_nav .navbar-default .navbar-nav > li > a.active{
color: #fff;
background: linear-gradient(135deg, #1c5ca3 0%, #2070b8 100%);
}
#top_nav .navbar-default .navbar-nav > .active > a::after,
#top_nav .navbar-default .navbar-nav > li > a.active::after{
width: 0;
}
.navbar-brand {display: none;}

.home-btn{color: #1c5ca3;padding: 15px 17px;font-size: 32px;border-right: 1px solid #e9e9e9;margin-top: 0px;border-left: 1px solid #e9e9e9;}
#top_nav.navbar-fixed-top .nav-home-link{width: 52px;}
#top_nav.navbar-fixed-top .nav-home-link .home-btn{font-size: 22px;}

/*导航-触发滚动*/
#top_nav.navbar-fixed-top{
margin-top: 0;
background: rgba(255,255,255,0.96);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow: 0 4px 20px rgba(28,92,163,0.12);
}
#top_nav.navbar-fixed-top .navbar-nav > li > a{
padding: 14px 12px;
}

/*导航二级菜单*/
#top_nav .nav_small{
background: #fff;
padding: 8px 0;
margin-top: 0;
border: 1px solid #e8edf3;
border-radius: 8px;
box-shadow: 0 10px 28px rgba(28,92,163,0.14);
min-width: 200px;
}
#top_nav .nav_small > li > a{
line-height: 1.4;
padding: 10px 22px;
text-align: left;
color: #4a5568;
font-size: 14px;
text-transform: none;
transition: all 0.2s ease;
}
#top_nav .nav_small > li > a:hover{
color: #1c5ca3;
background: #f0f6fc;
}
#search_btn {display:none;}
.mfoot_box {display:none;}

/*导航三级菜单*/
#top_nav .dropdown-menu2{
position: absolute;
left: 100%;
z-index: 22;
display: none;
top: 0;
width: 200px;
background: #fff;
border: 1px solid #e8edf3;
border-radius: 8px;
box-shadow: 0 8px 24px rgba(28,92,163,0.12);
overflow: hidden;
padding: 6px 0;
}
#top_nav .dropdown-menu2 li{
background: #fff;
height: auto;
line-height: 1.4;
color: #4a5568;
padding: 0;
}
#top_nav .dropdown-menu2 li a{
color: #4a5568;
text-decoration: none;
font-size: 13px;
display: block;
padding: 9px 18px;
}
#top_nav .dropdown-menu2 li:hover{background: #f0f6fc;}
#top_nav .dropdown-menu2 li:hover a{color: #1c5ca3;}
.dropdown-menu li.dropdown{position:relative;}
.dropdown-menu li.dropdown:hover .dropdown-menu2{display:block!important;}
@media screen and (max-width:1000px) {
.dropdown-menu2{padding:5px 10px;position:initial;left:initial;width:99%;}
.dropdown.open .dropdown-menu2{display:block;}
.dropdown-menu2 li{background:#e4e6e8}
.dropdown-menu2 li a{display:block;}
}
#top_nav .dropdown-menu2 > li > a > i{display:none;}

}

/*小屏幕样式*/
@media screen and (max-width: 768px) {
.logo {display: block;margin: 10px auto;max-width:300px;}
.header_brand{padding: 14px 0 16px;}
.header_brand .logo{display: block;margin: 0 auto;max-width: 240px;}
.header_brand .top_search{max-width: 100%;margin-left: 0;}
.header_brand .search_group{height: 40px;border-radius: 20px;}
.header_brand .search_group input.form-control{height: 40px;padding: 0 16px;font-size: 13px;}
.header_brand .search_btn,
.header_brand #search_submit{width: 48px;height: 40px;font-size: 14px;}

.top_search {width: 100%;}
.top_email {margin: 0px 0px 0px 10px;display: none;}
.top_email .phone,.top_name{display: none;}
.top_menu .row.top_menu_inner > [class*="col-"]:first-child{display: none;}
.top_menu .row.top_menu_inner > [class*="col-"]:last-child{flex: 1;max-width: 100%;justify-content: flex-end;}
.top_menu .top_lang{margin-left: 0;}
.top_lang_switch{padding-left: 0;border-left: none;}
.top_social{display: none;}
.search_group{margin: 15px 0px 15px 0px;}

/*手机-导航搜索图标*/
#search_btn {float: right;margin-top: 7px;padding:8px 13px;font-size: 17px;border-radius: 4px; color: #fff;}
#search_btn:hover,#search_btn:focus {cursor: pointer;background-color: #444;}



/*手机-导航样式*/
#top_nav .nav-wrap{display: block;}
#top_nav .nav-home-link{display: none;}
#top_nav .navbar-header{display: block;}
#top_nav .navbar-collapse{display: none;flex: none;}
#top_nav .navbar-collapse.in{display: block !important;}
#top_nav .navbar-nav.navbar-nav-e{
display: block;
width: 100%;
gap: 0;
}
#top_nav .navbar-nav > li.dropdown{
display: flex !important;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
width: 100%;
box-sizing: border-box;
padding: 0;
}
#top_nav .navbar-nav > li.dropdown > .dropdown-menu{
display: none;
position: static;
float: none;
width: 100%;
}
#top_nav .navbar-nav > li.dropdown.open > .dropdown-menu{
display: block;
}
#top_nav .navbar-nav > li.dropdown .nav-parent-link{
flex: 1;
padding: 12px 20px !important;
text-align: left;
color: #fff;
}
#top_nav .navbar-nav > li.dropdown .nav-submenu-toggle{
padding: 12px 20px !important;
color: #fff;
cursor: pointer;
}
#top_nav .navbar-nav > li.dropdown .nav-caret{
display: inline-block !important;
margin-left: auto;
font-size: 18px;
opacity: 1;
color: #fff;
flex-shrink: 0;
transition: transform 0.25s ease;
}
.navbar {margin: 0px;border:0px;min-height: 50px;background-color: #40b8e9;}
.navbar-default .navbar-brand {color: #fff;font-size: 16px;}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus {color: #fff;background-color: #1c5ca3;}
.navbar-toggle {border:none;background-color: #1c5ca3;}
.navbar-default .navbar-collapse,.navbar-default .navbar-form {border:none;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {background-color: #1c5ca3;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-nav {margin-top: 0px;margin-bottom: 0px;}
.navbar-default .navbar-nav > li:last-child{border: none;}
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff;}
 .navbar-default .navbar-nav > li > a:hover,
 .navbar-default .navbar-nav > li > a:focus,
 .navbar-default .navbar-nav > .active > a, 
 .navbar-default .navbar-nav > .active > a:hover, 
 .navbar-default .navbar-nav > .active > a:focus,
 .navbar-default .navbar-nav > .open > a, 
 .navbar-default .navbar-nav > .open > a:hover, 
 .navbar-default .navbar-nav > .open > a:focus,
 .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
 background-color: #1c5ca3; color: #fff;}
.navbar-fixed-top {margin-top:0px;opacity: 0.9;}

.dropdown-menu2 li a{ padding-left:40px;color:#fff;text-decoration:none;font-size:14px;display:block;}
.home-btn{display: none;}

/*手机-首页产品*/
.iproduct_title{width: 100%;font-size: 24px;}
.product_index .product_head{
flex-direction: column;
align-items: flex-start;
}
.product_index .product_sort{
width: 100%;
}
.product_index .product-card-img{
height: 150px;
padding: 12px;
}
.product_index .product_title{
min-height: 60px;
padding: 10px 10px 14px;
}
.product_index .product_title a{
font-size: 12px;
-webkit-line-clamp: 2;
}
.product_sort {padding: 5px 0px 0px;float: left;width: 100%;}
.list_page_main .list_page_head h2{font-size: 20px;}
.list_page_main .news-archive-link{
flex-wrap: wrap;
gap: 10px;
padding: 14px 16px;
}
.list_page_main .news-archive-date{
min-width: 88px;
font-size: 11px;
}
.list_page_main .news-archive-title{
font-size: 14px;
width: calc(100% - 110px);
}
.photo_list_main .list_page_head h2{font-size: 20px;}
.photo_list_main .photo-card-img{height: 180px;padding: 12px;}
.photo_list_main .photo_title{min-height: 52px;padding: 10px 10px 14px;}
.photo_list_main .photo_title a{font-size: 12px;}
.product_list_main .list_page_head h2{font-size: 20px;}
.product_list_main .product-card-img{height: 160px;padding: 12px;}
.product_list_main .product_title{min-height: 60px;padding: 10px 10px 14px;}
.product_list_main .product_title a{font-size: 12px;-webkit-line-clamp: 2;}
.product_img {min-height: 185px;}
.product_list2 div.product_img,.related_list div.product_img{min-height: 180px;}
.case_list2 div.case_img{min-height: 200px;}

/*手机-首页简介*/
.about_bg{padding: 40px 0 48px;}
.about_index .about_text{
padding-right: 15px;
margin-bottom: 8px;
}
.about_index .about_title{font-size: 26px;}
.about_index .about_content p,
.about_index .about_content span{font-size: 14px !important;}
.about_index .about_visual{margin-top: 28px;}
.about_index .about_img_frame{max-width: 100%;}
.about_index .about_img_frame::before{top: -10px;right: -10px;}
.about_index .about_img_frame::after{bottom: -8px;left: -8px;}
.about_index .about_btn{
width: 100%;
justify-content: center;
height: 44px;
font-size: 15px;
}
.advantage_col{width: 85px;}
.about_img2{display: none;}

/* 手机端adv */
.adv_index .adv_title_main{font-size: 24px;}
.adv_index .adv_tdesc{font-size: 14px;line-height: 1.75;}
.adv_index .adv{padding: 28px 20px 24px;}
.adv_index .adv > a{width: 76px;height: 76px;margin-bottom: 16px;}
.adv_index .adv img{width: 42px !important;height: 42px;}
.all_title{font-size: 24px;}
.all_tdesc{font-size: 16px; width: 100%;}
.adv{margin-bottom: 20px;}

/*手机-首页新闻*/
.blog_index .blog_title{font-size: 24px;}
.blog_index .news-card-img{height: 180px;}
.blog_index .news-card-body{padding: 16px 16px 18px;}
.blog_index .news-card-title{font-size: 15px;}
.news_box {margin: 15px 0;}
.right_new_time,.news_time {display: none;}

.page_bg{display: none;}
.right_contents img,.product_con img,.photo_con img {max-width: 100%;}
.right_contents_h1{font-size:18px;line-height: 24px;}
.feedback{margin-top:20px;}
.feedback-card{padding:20px 16px 24px;}
.feedback .form-horizontal .control-label{text-align:left;padding-top:0;margin-bottom:6px;}
.feedback-captcha{max-width:100%;}
.feedback-actions .page-btn,
.feedback-actions .grey-btn{width:100%;justify-content:center;margin-right:0;margin-bottom:10px;}
.feedback-actions .col-sm-offset-3{margin-left:0;}
.proinfo_box {margin-bottom: 80px;}
.proinfo_card{padding:20px 16px;}
.product_h1{font-size:17px;line-height:1.4;}
.pinfo_label{flex:0 0 100%;margin-bottom:-4px;}
.pinfo_row{padding:10px 0;}
.product_actions .page-btn{width:100%;justify-content:center;}
#pic-page a img {width:35px;}
#cmsFloatPanel{display: none;}
.point span.to_prev,.point span.to_next {text-align:left;padding-bottom: 8px;}

/*手机-底部信息*/
.footer_contact {margin-bottom:30px;}
.footer_menu{margin-bottom: 20px;}
.footer_menu_first{margin-bottom: 8px;}
footer.site-footer .footer-bar{display:none;}
.footer-bar{display:none;}
footer.site-footer .footer-col{padding-bottom: 20px;}
footer.site-footer .footer-logo{max-width: 180px;}
footer.site-footer .footer-qrcode{display: block;margin: 0 auto;max-width: 160px;}
footer.site-footer .foot-img{width: 100px;height: 100px;margin: 0 auto;}

/*手机-友情链接*/
.link_inner{
justify-content: space-between;
align-items: flex-start;
}
.link_toggle{
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
background: rgba(255,255,255,0.15);
border: 1px solid rgba(255,255,255,0.25);
border-radius: 50%;
color: #fff;
font-size: 12px;
padding: 0;
flex-shrink: 0;
}
.link_toggle:hover,
.link_toggle:focus{
background: rgba(255,255,255,0.28);
color: #fff;
outline: none;
}
.link_list{
display: none;
width: 100%;
padding-top: 4px;
gap: 6px;
}
.link_item{
padding: 6px 12px;
}

/*手机-Tags标签*/
.tags_box a{display: block;border-right:0px;padding:4px 0px;}
.tags_title{display: block;}
.tags_title:after{content:"";}
.tags_box button{display: inline-block;background-color: transparent;border: none;float: right;margin-top: -20px;}
.tags_box button:hover,.tags_box button:focus{color: #1c5ca3;}
.tags_rows{display: none;padding-top: 7px; }

/*手机-底部按钮*/
.mfoot_box{
display: block !important;
background: #fff;
border: none;
border-top: 1px solid #e8edf3;
box-shadow: 0 -4px 24px rgba(28,92,163,0.1);
min-height: 58px;
padding: 0;
margin: 0;
z-index: 999;
}
.mfoot_box .mfoot_inner{
display: flex;
align-items: stretch;
width: 100%;
}
.mfoot_nav{
flex: 1;
width: auto;
float: none;
background: transparent;
text-align: center;
}
.mfoot_nav a{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
padding: 8px 4px 10px;
color: #5a6a7e;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.3px;
text-decoration: none;
-webkit-tap-highlight-color: transparent;
transition: color 0.2s ease;
}
.mfoot_nav a i{
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
font-size: 16px;
border-radius: 50%;
background: #f0f6fc;
color: #1c5ca3;
transition: all 0.25s ease;
}
.mfoot_nav a span{
display: block;
line-height: 1.2;
}
.mfoot_nav a:active,
.mfoot_nav a:hover,
.mfoot_nav a:focus{
color: #1c5ca3;
text-decoration: none;
outline: none;
}
.mfoot_nav a:active i,
.mfoot_nav a:hover i{
background: linear-gradient(135deg, #1c5ca3 0%, #2070b8 100%);
color: #fff;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(28,92,163,0.25);
}
.mfoot_nav:last-child a i{
background: #eef2f7;
color: #5a6a7e;
}
.mfoot_nav:last-child a:active i,
.mfoot_nav:last-child a:hover i{
background: linear-gradient(135deg, #5a6a7e 0%, #3d4f63 100%);
color: #fff;
}

.advantage_head {text-align: center;}
.advantage_head h2{font-size: 40px;}
.remove {float: left;}

.aa{width:50%;}
.na{font-size:18px;margin-top:0px;}
.value,.value2,.value3,.value4{font-size:36px;margin-top: 10px;}

}

@media screen and (max-width: 767px) {
.copyright_p{display:none;}
}

/*320px到768px*/
@media screen and (min-width:320px) and (max-width:768px) {
.col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {
float: left;
}
.col-mm-12 {
width: 100%;
}
.col-mm-11 {
width: 91.66666667%;
}
.col-mm-10 {
width: 83.33333333%;
}
.col-mm-9 {
width: 75%;
}
.col-mm-8 {
width: 66.66666667%;
}
.col-mm-7 {
width: 58.33333333%;
}
.col-mm-6 {
width: 50%;
}
.col-mm-5 {
width: 41.66666667%;
}
.col-mm-4 {
width: 33.33333333%;
}
.col-mm-3 {
width: 25%;
}
.col-mm-2 {
width: 16.66666667%;
}
.col-mm-1 {
width: 8.33333333%;
}
}