@font-face {
    font-family: 'BebasNeueBold';
    src: url('font/BebasNeueBold.woff2') format('woff2'),
         url('font/BebasNeueBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

:root {
	--bg:#f8fafb;
	--bg1:#f5f5f5;
	--gray-300:#dee2e6;
	--gray-500:#adb5bd;
	--b-radius:0.5rem;
	--blue:#0067d0;
	--blue2:#1d4fae;
	--blue3:#003b95;
	--blue4:#6ab2fa;
	--black:#131313;
	--black1:#757575;
	--thumb-size-multiplier: 1;
  	--thumb-position-adjustment: 1;
}


* {
	scrollbar-width:thin;
	letter-spacing:0.5px
}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;word-break: break-word;}
body {line-height:1.5;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;font-size:16px;color:#333;background-color: #fff;overflow-x: hidden;cursor: default;color:var(--gray);
}
a {
	color:var(--gray);
	text-decoration:none
}
a:hover {
	color:var(--blue);
	text-decoration:none
}
img {
	max-width: 100%;
	border-radius:var(--b-radius)
}
ul,ol,li {
	margin:0;
	padding:0;
	list-style:none
}
h1,h2,h3,h4,h5,h6 {
	margin:0;
	line-height:1.2;
	font-weight:700;
	color:var(--gray-dark)
}
h1 {
	font-size:36px
}
h2 {
	font-size:24px
}
h3,h4 {
	font-size:18px
}
h5,h6 {
	font-size:16px
}
form.search {
	display:flex;
}
input[type=file] {
	padding:0;
	height:auto;
	border:0
}
input[type=radio],input[type=checkbox],input[type=radio]:focus,input[type=checkbox]:focus {
	width:14px;
	height:14px;
	outline:none;
	box-shadow:none;
	vertical-align:middle
}


/* 禁止滚动的 CSS 类 */
.no-scroll {
    overflow: hidden;
    height: 100%;
}


/**********通用****************/
.clear {
    clear: both;
    display: block;
}
.left {float: left;}
.right {float: right;}

.loading-box {min-height: 500px; text-align: center; justify-content: center; align-items: center; background-color: #bdbdbd4f;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0; display: flex;}

/** 右箭头SVG **/
.right-more {display: inline-block;
	width: 1em;
	height: 1em;
	background-image: url("data:image/svg+xml,%3Csvg t='1765336718952' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='34612'%3E%3Cpath d='M885.113 489.373L628.338 232.599c-12.496-12.497-32.758-12.497-45.254 0-12.497 12.497-12.497 32.758 0 45.255l203.3 203.3H158.025c-17.036 0-30.846 13.811-30.846 30.846 0 17.036 13.811 30.846 30.846 30.846h628.36L583.084 746.147c-12.497 12.496-12.497 32.758 0 45.255 6.248 6.248 14.438 9.372 22.627 9.372s16.379-3.124 22.627-9.372l256.775-256.775a31.999 31.999 0 0 0 0-45.254z' fill='%23003b95' p-id='34613'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

.right-more-black {display: inline-block;
	width: 1em;
	height: 1em;
	background-image: url("data:image/svg+xml,%3Csvg t='1765336718952' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='34612'%3E%3Cpath d='M885.113 489.373L628.338 232.599c-12.496-12.497-32.758-12.497-45.254 0-12.497 12.497-12.497 32.758 0 45.255l203.3 203.3H158.025c-17.036 0-30.846 13.811-30.846 30.846 0 17.036 13.811 30.846 30.846 30.846h628.36L583.084 746.147c-12.497 12.496-12.497 32.758 0 45.255 6.248 6.248 14.438 9.372 22.627 9.372s16.379-3.124 22.627-9.372l256.775-256.775a31.999 31.999 0 0 0 0-45.254z' fill='%23131313' p-id='34613'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

/** 边框虚线 **/
.custom-dashed-border {
    border: 1px solid;
    border-image: repeating-linear-gradient(
        to right,
        #b3b3b3 0,
        #b3b3b3 5px,
        transparent 5px,
        transparent 12px
    ) 10;
	border-left: none;
	border-right: none;
}

.container {max-width: 1620px;padding: 0; margin:0 auto;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.f12 {font-size: 12px;}
.f13 {font-size: 13px;}
.f14 {font-size: 14px;}
.f18 {font-size: 20px;}
.f24 {font-size: 24px;}
.red {color: rgb(255, 0, 0);}
.grey { color: #b3b3b3;}
.line {height: 1px; background-color: #e7e7e7; margin-top: 30px; margin-bottom: 30px;}
.qh_ul .li {cursor: pointer;}
.bg-black1 {background-color: #e7e7e7; }
.top-section {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center bottom;
	height:560px;
	width: 100%;
}


.icon-box {
    width: 2.75rem;
    height: 2.75rem;
    color: #fff;
    background-color: var(--blue3);
    border-radius: 50%;
    font-size: 1rem;
	position: relative;
	display: block;
}
.icon-box .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	display: inline-block;
	text-align: center;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 999;
}
/** 右箭头btn按钮 */
.btn-fa-right {
 display: flex;
  position: relative;
  overflow: hidden;
  text-align: center;
  box-sizing: border-box;
  width: 120px;
  background-color:var(--blue);
  font-size: 14px;
  color: rgba(255,255,255,1);
  border-style: solid;
  border-width: 1px;
  border-color:var(--blue);
  box-shadow: 4px 4px 15px 0px rgba(8, 24, 78, 0.1);
  line-height: 36px;
  padding: 0px;
  margin-top: 0px;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.btn-fa-right::after {
	content: "";
	position: absolute;
	width: 0;
	height: 100%;
	transition: all .3s;
	z-index: 0;
	opacity: 0;
	top: 0;
	left: 0px;
}
.btn-fa-right span {
	display: block;
	position: relative;
	z-index: 1;
	outline: 0;
	margin: 0px;
	overflow: hidden;
	text-align: left;
  font-size: 14px;
  color: rgba(255,255,255,1);
  line-height: 36px;
  margin-left: 20px;
  }
  .btn-fa-right i {width: 20px;
	height: 20px;
	background-color:#308fee;border-radius: 100%; line-height:20px;position: absolute;
	right: 15px;
	top: 50%; transform: translateY(-50%);}
	.btn-fa-right:hover {background-color: #fff; }
	.btn-fa-right:hover span {color: var(--blue);}
	.btn-fa-right:hover i { color: #fff;}

.bj_btn {
color: #fff;
background-color: #1366ec;
background-image: url(bj_btn.png);
background-size: 100% 100%;
position: relative;
z-index: 1;
 padding: 8px 24px;
 border-radius: 6px;
}
.bj_btn:hover {color: #fff;}

/* 通用固定类样式 */
.fixed-element {
    transition: top 0.3s ease; /* 平滑过渡效果 */
}

/* 特定元素的固定样式 */
.fixed-now {
    box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* 添加阴影效果 */
}


/****content****/
.content-box {
	margin-bottom: 10px;
	box-sizing: border-box;
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: .06rem;
	line-height: 1.8;word-break: break-word;
	min-height: 360px;
  }


  .content-box.hide {display: none;}
  
  .content-box p {margin: 0 0 16px;word-break: break-word;}
  .content-box a { border-bottom: #91c4f7 solid 2px; color: var(--blue); text-decoration: none; position: relative;padding-bottom: 3px; }
  .content-box a:hover {color: var(--blue3); }

  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }


  .content-box table.noBorderTable td,
  .content-box table.noBorderTable th,
  .content-box table.noBorderTable caption {
	border:1px dashed #ddd !important
  }



  .content-box table {
	margin-bottom:10px;
	border-collapse:collapse;
	display:table;
	font-size: 12px;
  }
  .content-box td,
  .content-box th {
	padding: 5px 10px;
	border: 1px solid #DDD;
  }
  .content-box caption {
	border:1px dashed #DDD;
	border-bottom:0;
	padding:3px;
	text-align:center;
  }
  .content-box th {
	border-top:1px solid #BBB;
	background-color:#F7F7F7;
  }
  
  .content-box table tr.firstRow th {
	border-top-width:2px;
  }
  .content-box table thead th { background:#E6EAF3 !important; font-weight:bold}

  .content-box .ue-table-interlace-color-single {
	background-color: #fcfcfc;
  }
  .content-box .ue-table-interlace-color-double {
	background-color: #f7faff;
  }
  .content-box h1 {line-height: 1.5;margin: 30px 0 16px 0;font-weight: bold;}
  .content-box h2 {line-height: 1.5;margin: 16px 0 16px 8px;font-weight: bold; padding-left: 8px; position: relative;}
  .content-box h2::after {content: "";
	position: absolute;
	left: -10px;
	top: 0;
	width: 4px;
	height: 50%;
	background-color:var(--blue); transform:translateY(50%) ; }
  .content-box article { margin-bottom:40px}


  .content-box h3,
  .content-box h4,
  .content-box h5,
  .content-box h6 {
	margin: 16px 0;
	font-weight: bold;
  }
  .content-box img {width: auto; height: auto; }


.top-header { background-color: #000; font-size: 14px; line-height: 40px; height: 40px; color: #fff;display: flex;}
.top-header .right { text-align: right; display: flex;}
.top-header .right .tel {font-size: 15px; font-weight: bold;}
.top-header .right .tel-text:last-child {margin-left: 12px;}
.top-header .right .tel-svg svg {width: 22px; height: 22px;} 
.search {
	margin-right: 20px;
	display: flex;
	margin-top: 7px;
	height: 26px;
	position: relative;
}
.search input { 
 display: block;
  width: 100%;
  height:100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
    border-top-color: rgb(206, 212, 218);
    border-right-color: rgb(206, 212, 218);
    border-bottom-color: rgb(206, 212, 218);
    border-left-color: rgb(206, 212, 218);
  border-radius: 1rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.serach input:focus {color: #495057;
	background-color: #fff;
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);}
.search button { border: none; position: absolute; right: 0;border-radius: 0 1rem 1rem 0; padding:0 10px; height: 100%; line-height: 1;}

.search-box-input {width: 80%; margin: 0 auto;}
	.search-box-searchbox { width: 100%; margin: 16px auto; display: flex; margin-bottom: 36px;}
	.search-box-searchbox .search { height: auto;margin: 0;width: 100%;}
	.search-box-searchbox .search-lb { display: flex;align-items: flex-end; margin-left: 24px;}
	.search-box-searchbox .item {font-size:12px; margin-left: 3px; background-color: #ced4da;border: 1px solid #ced4da; border-radius: 4px 4px 0 0; width: max-content; padding: 1px 8px; cursor: pointer;}
	.search-box-searchbox .item.active {padding:3px 8px; background-color: #fff; border-bottom: 1px solid #fff; font-size: 14px; font-weight: 600;}
	.search-box-searchbox .search input {padding: 8px 16px;font-size: 1rem;}
	.search-box-searchbox .search-box-info {font-size: 12px; margin-left: 16px;}
	.search-box-searchbox .search button {padding: 0 24px;}
	.top_left_ico {position: absolute; left: 0; top:0; font-size: 11px; background-color: var(--blue); color: #fff; font-style: normal; padding: 1px 4px; border-radius: 0 0 4px 0;}
	.list-news-item .item {position: relative;}
	.search-nolist {border-radius: 8px; border: 1px solid #ced4da;}
	.search-nolist .item-info {margin: 40px; font-size: 14px;}
	.search-nolist .item-info .item-info-text {margin-top: 16px;}
	.search-nolist .item-info .item-info-text p {margin: 0;}

	.search-item {padding: 24px 0; margin: auto; width: 80%;}
	.search-item form.search {margin: 0 auto; height: 50px; width: 70%;}
	.search-item .search button {background-color: var(--blue3); color: #fff; padding: 0 24px; font-size: 24px;}


.mobile-search { z-index: 9999; position: fixed;top: 0; left: 0;right: 0; bottom: 0; background-color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column;  display: none; }
.mobile-search .search-logo {margin:0 auto; }
.mobile-search .search-logo img {width: 64px; height: 64px;}
.mobile-search .search-title {margin: 16px auto; font-size: 16px; color: #000;}
.mobile-search .search-box-searchbox .search-lb {margin: 0 auto; width: 100%; justify-content: center;}

.mobile-search form.search {margin: 0 auto; height: 46px;}
.mobile-search .search-close {position: absolute; top:0px; right: 16px; font-size: 40px; color: var(--blue);}
.mobile-search .search-close-bottom {position: absolute; bottom: 40px; margin: auto; font-size: 20px; border: 1px solid #999; color: #999; border-radius: 8px; padding: 6px 16px;}

/* 头部导航栏 */
.navbar-header .navbar {padding: 0; position: relative; z-index: 19;}
.navbar-header .container {position: relative;}
.navbar-header .nav-item a {
 font-size: 18px; font-weight: 500;
 color: #1a1919;
}

.navbar-header .nav-item-lang a {font-size: 16px;}
.navbar-header .nav-item-lang a svg {width: 16px; height: 16px;}
.navbar-header .nav-item-lang .lang-svg {margin-right: 4px;}


.navbar-header .lang .dropdown-item {padding: .4rem 1.5rem;}
.navbar-collapse {height: 90px;}
#navbarNav .navbar-nav {display: flex;justify-content: flex-end; width: 100%;min-height: 100%;}
#navbarNav .navbar-nav li,#navbarNav .navbar-nav li a { min-height: 100%;align-items: center; display: flex;}
#navbarNav .navbar-nav li {margin: 0 16px;  position: relative;}
#navbarNav .navbar-nav li a {padding: auto 16px;}
#navbarNav .navbar-nav li.active>a,#navbarNav .navbar-nav li:hover>a {font-weight: 600;color: var(--blue3);}


.navbar-header form.search-mobile {width: 40%; display: none;}

#navbarNav .navbar-nav li::before {
    content: "";
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 4px;
    background: #0067cb;
    border-radius: 4px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease-in-out;
}

#navbarNav .navbar-nav li.active::before,
#navbarNav .navbar-nav li:hover::before {
    transform: scaleX(1);
}
.search-mobile {display: none;}
.search-mobile i.fa {width: 1.25rem; height: 1.25rem; font-size: 1.25rem; cursor: pointer; color: var(--black1);}

.tags-dh {margin: 24px auto; display: flex;}
.tags-dh .title {font-size: 16px; color: var(--blue3); font-weight: 600; line-height: 2;}
.tags-dh a {margin-right: 16px; font-size: 14px; color: var(--blue3); border: 1px solid var(--blue); border-radius: 4px; padding: 4px 12px; text-decoration: none; transition: all 0.3s ease-in-out;}
.tags-dh a::before {
	content: "\f292";font: normal normal normal 14px/1 FontAwesome;
	color: var(--blue); margin-right: 6px;
}

/** 导航下拉 **/
.nav-dropdown {
	position: absolute;
	left: 0;
	right: 0;
	z-index: 10;
	min-height: 200px;
	background-color: #f5f5f5;
	padding: 26px;
	box-shadow: 0 4px 10px rgba(0,0,0,.2);
	display: none;
}
#navbarNav .dropdown-menu {min-width: auto; left: 50%; transform: translate(-50%, 0);margin: 0;  }
#navbarNav .dropdown-menu.dropdown-menu-right {
	left:auto; transform: none; right: 0;

}


.main_qh_top { display: flex; gap: 8px;}
.main_qh_top .item {font-size: 18px; color: #fff; line-height: 2; background-color: #ababab; text-align: center; flex: 1;}
.main_qh_top .item.active {background-color: var(--blue); display: block;}
.main_qh_bottom {margin-top: 16px; display: flex; flex-wrap: wrap; gap: 8px;}
.main_qh_bottom .item {flex: 0 0 calc(20% - 6.8px);display: none; align-items: center; justify-content: space-between; background-color: #fff; padding: 12px;}
.main_qh_bottom .item .left {flex: 1; margin-right:8px;flex-direction: column;  justify-content: flex-start; min-height: 40px;}
.main_qh_bottom .item .right {width: 80px; height: 80px; text-align: right;}
.main_qh_bottom .item h6 { font-size: 14px; margin-bottom: 16px; font-weight: 600;}
.main_qh_bottom .item span {font-size: 12px; color: #999; line-height: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.main_qh_bottom .item img { max-height: 80px; width: 100%;}
.main_qh_bottom .item.active {display: flex;}


.screen {width: 100%; padding:80px 0;}
.screen h2 {font-size: 34px; font-weight: 600; color: var(--blue2);letter-spacing: 0.1em; line-height: 2;}
.screen h2 span {color: #333;}
.screen p.h2 { font-size: 16px; line-height: 1.5;}


#Banner_top .carousel-control-next,#Banner_top .carousel-control-prev {width: 8%;}
#Banner_top .carousel-control-next-icon,#Banner_top .carousel-control-prev-icon {width: 50px;height: 50px;}
#Banner_top img {border-radius: 0;}
.carousel-item img {
	transform: scale(1.1);
	transition: transform 0.3s ease;
  }
  
  /* 激活状态下的图片在3秒内逐渐缩小到正常大小 */
  .carousel-item.active img {
	animation: scaleToNormal 3s forwards;
  }
  
  /* 定义从放大状态缩小到正常状态的动画 */
  @keyframes scaleToNormal {
	0% {
	  transform: scale(1.1);
	}
	100% {
	  transform: scale(1);
	}
  }








.index-h2-box {text-align: center;}


.index-h2-item {margin: 100px 0 40px 0; display: flex; justify-content: center; }
.index-h2-item .item-li { display: block; border: 1px solid #cccccc; border-radius: 8px; width: 260px; margin: auto 20px; padding: 40px 20px; text-align: center; background-color: #f5f5f5; box-shadow: 0 0 10px rgba(0,0,0,.1); transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.index-h2-item .item-li .svg { position: relative;width: 54px; height: 54px; display: block;margin: auto;}
.index-h2-item .item-li .svg svg { fill:var(--blue2);transition: all 0.3s ease-in-out;}
.index-h2-item .item-li h3 {font-size: 16px; font-weight: 500; line-height: 3;}
.index-h2-item .item-li p {font-size: 14px;line-height: 2;}
.index-h2-item .item-li:hover {
	transform: scale(1.05);
	transition: transform 0.3s ease;
}


.screen3 { background-color: #f2f6ff;}
.screen3 h2 {font-size: 34px;}
.screen .title-box {position: relative;}
.screen .more { display: block; margin: 30px auto 0; width: 180px; height: 50px; line-height: 50px; text-align: center; border-radius: 50px; background-color: #ecf0f9;  font-size: 18px; cursor: pointer; position: absolute; right: 0; top: 0; border: 1px solid #dddddd; }
.screen .more i.fa { font-size: 24px; margin-right: 16px;}
.screen .more a {color: var(--black);}
.screen .more:hover { background-color: var(--blue);}
.screen .more:hover  a {color: #fff;}
.product-item { display: flex; margin-top: 40px;}
.product-item .left {width: 300px;}
.product-item .right {width: calc(100% - 300px);}

.product-main li { line-height: 61px; height: 61px; width: 100%; padding: 0 25px 0 40px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 2px; background-color: #fff;  cursor: pointer;transition: background-color 0.5s ease;}
.product-main li:first-child { border-radius:10px 10px 0 0;}
.product-main li:last-child { border-radius:0 0 10px 10px; margin-bottom: 0;}
.product-main li strong {font-weight: 400;color: var(--black);}
.product-main li:hover,.product-main li.active {background-color: var(--blue);}
.product-main li:hover strong,.product-main li.active strong {font-weight: 600;color: #fff;}
.product-main li:hover strong,.product-main li:hover i,.product-main li.active i {color: #fff;}
.product-main li em {width: 20px; height: 20px;}
.product-main li:hover a,.product-main li.active a {filter: brightness(0) invert(1);}


.product-list {margin-left: 10px; flex-wrap: wrap; margin-top: -10px; margin-right: -10px;overflow: hidden; display: flex;}
.screen3 .product-list { display: none;}
.product-list .item-li {width: 25%; box-sizing: border-box;}
.product-list .item-li .item-li-box {margin: 8px; display: block; text-align: center; border-radius: 8px; background-color: #fff; padding: 20px;box-sizing: border-box;}
.product-list .item-li:hover .item-li-box {box-shadow: 0 0 10px rgba(0,0,0,.1);}
.product-list .item-li:hover .item-li-box img {transform: scale(1.12);transition: transform 0.6s ease;}

.product-list .item-li .thumb {position: relative; width: 100%; padding-bottom: 100%; overflow: hidden;}
.product-list .item-li .thumb img {position: absolute; top: 10%; left: 0; width: auto; height: 80%; object-fit: cover; border-radius: 0;margin: auto;right: 0; max-height: 180px;}
.list-product .product-list .item-li .thumb img { max-height:fit-content;}
.product-list .item-li .title {font-size: 16px; color: var(--black); margin-top: 8px;  height: 24px; line-height: 1.5; overflow: hidden;}

.product-bottom {width: 100%; padding: 8px 0;margin-top: 24px; display: flex; justify-content: space-between;}
.product-bottom .item { margin-right: 16px;}
.product-bottom .item em {font-style: normal;}
.product-bottom .item a,.product-bottom .item span {font-size: 12px;}
.product-bottom .gk_ajax_hits {font-weight: 600;}


.screen4 {padding: 0; width: 100%; height: 880px; position: relative;}
.screen4 img {border-radius: 0;}
.index-hd4 {width: 100%; height: 100%; position: absolute;}
.index-hd4-bg {background-repeat: no-repeat; background-position: left center; background-image: linear-gradient(to right, rgba(2, 13, 157, 1), rgba(0, 0, 0, 0)); position: absolute; top:0; left: 0; right: 40%; bottom: 0; z-index: 2; transition: opacity 0.5s ease-in-out;}

.index-hd4 .thumb-li {position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
	transition: opacity 0.5s ease-in-out;}
.screen4 .container {position: relative; z-index: 2;}
.index-hd4-title { position: absolute; top:200px; left: 20px;  color: #fff; right: 50%;transition: opacity 0.5s ease-in-out;opacity: 0;  }
.screen4 .index-hd4-title h2 {color: #fff; font-size: 50px; line-height: 1.5;}
.screen4 .index-hd4-title p {margin-top: 50px; font-size: 15px;}
.screen4 .index-hd4-title a {margin-top: 30px;color: #fff; font-size: 14px; position: relative; padding: 10px 20px; display: inline-block; background-image: url("data:image/svg+xml,%3csvg width='100' height='40' xmlns='http://www.w3.org/2000/svg'%3e%3cpolygon points='0.5,10 10,0.5 90,0.5 99.5,0.5 99.5,30 90,39.5 0.5,39.5 0.5,30' fill='none' stroke='%23ffffff' stroke-width='1'/%3e%3cline x1='0.5' y1='10' x2='10' y2='0.5' stroke='%23ffffff' stroke-width='1'/%3e%3cline x1='90' y1='39.5' x2='99.5' y2='30' stroke='%23ffffff' stroke-width='1'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: 100% 100%;transition: all 0.6s ease; overflow: hidden;z-index: 1;
	background-image: 
    url("data:image/svg+xml,%3csvg width='100' height='40' xmlns='http://www.w3.org/2000/svg'%3e%3cpolygon points='0.5,10 10,0.5 90,0.5 99.5,0.5 99.5,30 90,39.5 0.5,39.5 0.5,30' fill='none' stroke='%23ffffff' stroke-width='1'/%3e%3cline x1='0.5' y1='10' x2='10' y2='0.5' stroke='%23ffffff' stroke-width='1'/%3e%3cline x1='90' y1='39.5' x2='99.5' y2='30' stroke='%23ffffff' stroke-width='1'/%3e%3c/svg%3e"),
    url("data:image/svg+xml,%3csvg width='100' height='40' xmlns='http://www.w3.org/2000/svg'%3e%3cpolygon points='0.5,10 10,0.5 90,0.5 99.5,0.5 99.5,30 90,39.5 0.5,39.5 0.5,30' fill='transparent'/%3e%3c/svg%3e");
}
.index-hd4-title a:hover {
	background-image: 
	  url("data:image/svg+xml,%3csvg width='100' height='40' xmlns='http://www.w3.org/2000/svg'%3e%3cpolygon points='0.5,10 10,0.5 90,0.5 99.5,0.5 99.5,30 90,39.5 0.5,39.5 0.5,30' fill='none' stroke='%23ffffff' stroke-width='1'/%3e%3cline x1='0.5' y1='10' x2='10' y2='0.5' stroke='%23ffffff' stroke-width='1'/%3e%3cline x1='90' y1='39.5' x2='99.5' y2='30' stroke='%23ffffff' stroke-width='1'/%3e%3c/svg%3e"),
	  url("data:image/svg+xml,%3csvg width='100' height='40' xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3clinearGradient id='grad1' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3e%3cstop offset='0%25' style='stop-color:rgba(255,255,255,0.8)'/%3e%3cstop offset='100%25' style='stop-color:rgba(255,255,255,0.3)'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpolygon points='0.5,10 10,0.5 90,0.5 99.5,0.5 99.5,30 90,39.5 0.5,39.5 0.5,30' fill='url(%23grad1)'/%3e%3c/svg%3e");
	color: #000;
  }
.index-hd4-title a i {margin-left: 14px;}

.screen4 .hd4-1,.screen4 .thumb-hd4-1 {opacity: 1;}



.screen4 .jj-icon { position: absolute; left: 0; right: 0; bottom: 0;z-index: 2;}
.screen4 .jj-icon li {width: 20%;float: left;text-align: center;height: 110px;position: relative;overflow: hidden; background-color: rgb(0,0,0,0.5); border-right: 1px solid rgb(255,255,255,0.5);;border-bottom: 1px solid rgb(255,255,255,0.5);}
.screen4 .jj-icon li a {display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;color: #fff;font-size: 16px;font-weight: 500;text-decoration: none;transition: all 0.3s ease;}
.screen4 .jj-icon .icon svg {width: 30px; height: 30px; fill: #fff;}
.screen4 .jj-icon span {margin-left: 18px;}
.screen4 .jj-icon li:hover a,.screen4 .jj-icon li.active a {background-color: var(--blue2); }

.screen5 {position: relative; height: auto; min-height: unset;}
.screen5 .container { position: relative; z-index: 3;}
.screen5 .title-box { margin-top: 50px;}
.screen5 .title-box h6 {font-size: 20px; font-weight: 400; position: relative; padding-left: 50px;}
.screen5 .title-box-left {width: 50%; padding-right: 50px;}
.screen5 .title-box h6::before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 40px; height: 2px; background-color: var(--black);}

.screen5 h1 {margin-bottom: 30px; margin-top: 40px; font-size: 36px;font-weight: 600;
color: var(--blue2);letter-spacing: 0.1em;line-height: 2;}

.screen5 .title-box p {font-size: 14px;  color: #666; margin-bottom: 10px;text-indent: 2em; line-height:2;}
.screen5 .title-box-right { width: 50%;position: absolute; right: 0; top: 0; z-index: 4;}
.screen5 .title-box-right .thumb_bg {margin-top:120px;}
.screen5 .title-box-right .thumb { position: relative; }
.screen5 .title-box-right .thumb img {border-radius: 0;}
.about_btn {position: absolute; line-height: 60px; left:0; bottom: 0; width: 280px; height: 60px; background-color: #fff; color: var(--blue); cursor: pointer;}
.about_btn .left {margin-left: 30px;}
.about_btn .left i {margin-right: 10px;}
.about_btn .right {background-color: var(--black); color: #fff; width: 60px; height: 100%; text-align: center;}
.about_box_bottom { display: flex; justify-content: center; align-items: center; width: 50%; margin-top: 50px; }
.about_item_num { width: 33%;}
.about_item_num .num  {line-height: 1;}
.about_item_num .num i {font-style: normal;font-size: 60px;font-family: 'BebasNeueBold',Impact, Haettenschweiler, 'Franklin Gothic Bold', Charcoal, 'Helvetica Inserat', 'Bitstream Vera Sans Bold', 'Arial Black', sans-serif; color: var(--blue2);}
.about_item_num .num em {font-size: 24px; font-style: normal;}
.about_item_num span {font-size: 13px; line-height: 1.2; ;display: block;}

.about_bottom_bg {background-color: #fff; box-sizing: border-box; z-index: 1; background-repeat: no-repeat; background-size:auto; background-image: url('bg_about11.jpg');height: 280px; width: 70%;position: absolute;z-index: 1;bottom: 0px;}
.screen6 {background-image: url('bg_screen6.jpg');background-repeat: no-repeat;background-position: center bottom; background-size: auto; margin-top: 40px;}



.company-thumbs {overflow-x: hidden; width: 100%; margin-top: 60px; height: 220px; position: relative; display: block;}
.company-thumbs .scroll-wrapper {display: flex; flex-direction: column; width: max-content; height: 220px; }
.company-thumbs .thumb-row {display: flex;}
.company-thumbs .thumb-row-second {margin-top: 20px;}
.company-thumbs .thumb,.company-thumbs1 .thumb {display: inline-flex; flex-shrink: 0; margin: 10px 35px; padding: 10px; background-color: #fff; border-radius: 4px; border: 1px solid #f1f1f1; width: 160px; height: 70px; justify-content: center; flex-basis: auto;}
.company-thumbs .thumb img,.company-thumbs1 .thumb img {width: 100%;height: auto;object-fit: contain;border-radius: 0;}
.company-thumbs.paused .scroll-wrapper {
    animation-play-state: paused;
}
.company-thumbs1 .thumb-row {text-align: center;}




.screen7 {background-image: url('bg_sh.jpg');background-repeat: no-repeat;background-position: center top; background-size: auto;}
.screen7 .container {display: flex;}
.screen7 .container .next-li {width: 25%; color: #fff; position: relative;}
.screen7 .container .next-li .item {display: block;margin: auto 20px;text-align: center;}
.screen7 .container .next-li strong {font-size: 18px; font-weight: 600;}
.screen7 .container .svg-icon {width:90px; height:90px; border-radius: 100%; background-color: #fff; display: flex; justify-content:center; align-items: center;text-align: center; margin: auto; margin-top: 20px; margin-bottom: 26px;}
.screen7 .container .next-li svg {width: 48px; height: 48px; fill: var(--blue);}
.screen7 .container .next-li p {font-size: 14px; width: 80%; text-align: center; margin: auto; max-width: 200px; line-height: 1.5;}
.screen7 .container .next-li-right {position: absolute; right: 10px; top:50%}
.screen7 .container .next-li-right i {font-size: 36px;}
.news-list {margin-top: 100px; display: block;}
.news-list img {border-radius: 0;}
.news-list-left {width:540px; margin-right: 30px;box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);float: left; }
.news-list-left .right-more {width: 30px; height: 30px; margin-top: 10px; }
.news-item .thumb {
  height: 320px;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.news-item .thumb img {
	position: absolute;
	width: 100%;
	border-radius: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.news-item .news-info {padding: 20px;}
.news-item .time {font-size: 16px; margin-bottom: 6px;}
.news-item .title {font-size: 22px; font-weight: 600; }
.news-item .title a {color: var(--blue2);}
.news-item .desc {font-size: 13px; line-height: 1.5; margin-top: 10px; color: #929292; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.news-item .desc a {color: #929292;}
.news-list-top,.news-list-bottom { box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); display: flex;  align-items: center; height: 100%;}
.news-list-top .news-item {width: 50%;}
.news-list-top .news-item .news-info {padding: 30px;}
.news-list-top .line1 {width: 1px; 
    height: 120px;
    background-color: #bebebe; 
    margin: 0 20px;
    flex-shrink: 0;}
.news-list-top .title {font-size: 18px;}
.news-list-top .title a {color: var(--black);}
.news-list-top .time {margin-top: 16px; font-size: 14px;}
.news-item .right-more-black {float: right; margin-left: 10px; width: 24px; height: 24px;}
.news-list-bottom { margin-top: 30px; padding: 30px;}
.news-list-bottom .news-item {margin-right: -24px; margin-bottom: -24px;}
.news-list-bottom .news-info { width: 50%; float: left;padding: 0; padding-right: 24px; margin-bottom: 24px;}
.news-list-bottom .news-info .title {font-size: 15px; font-weight: 400;}
.news-list-bottom .news-info .title a {color: var(--black); position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;text-indent: 10px;}
.news-list-bottom .news-info .title a::before {content: " "; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: var(--blue2); margin-right: 5px; top: 10px;position: absolute; left: 0px;}
.news-list-bottom .news-info .time {font-size: 12px;}



/********************footer*********************/
footer {background-color: var(--black);padding-top:20px;position: relative;z-index: 1;overflow: hidden; width: 100%;}
footer a:hover {text-decoration:underline}
.footer-top {font-size: 14px; color: var(--gray-300); text-align: left; margin-top: 20px; padding-bottom: 30px; border-bottom: #a2abb5b8 1px solid;}
.footer-top i {font-size: 22px; float: left;}
.footer-top p { margin-left: 40px;margin-bottom: 5px;}

.footer-top .foot-item {border-left: #a2abb5b8 1px solid;padding-left: 30px; }
.footer-top .foot-item:first-child {border: none; text-align: left;}
.footer-top .foot-item .t {font-weight: 500; font-size: 14px;}
.footer-dh {margin-top: 40px; padding-bottom: 40px; color: var(--gray-300); text-align: left;}
.footer-dh a {color: var(--gray-300);}
.footer-dh strong { font-size: 18px; font-weight: 600;}
.footer-dh .item { margin-top: 16px;}
.footer-dh .item a {display: block;font-size: 14px;height: 30px; line-height: 30px;width: 120px; float: left;}
.footer-dh .qrcode-box {display: flex;}
.footer-dh .wx-qrcode {text-align: center; margin: auto 10px;}
.footer-bottom {font-size: 11px; text-align: left; color: var(--gray-300); line-height:30px;padding: 10px 0;border-top: #a2abb5b8 1px solid;}
.footer-bottom a {color: var(--gray-300);}
.footer-bottom .right {text-align: right;}
.footer-bottom .right a {margin-left: 16px;}
.footer-links {font-size: 12px; text-align: left;margin-bottom: 10px;color: var(--gray-500);}
.footer-links a {color: var(--gray-500); margin-right: 8px;}
.footer-links strong {font-weight:500;}


/********************边栏*********************/

.massage_box {z-index: 101;position: fixed;right: -100%;bottom:80px;
background-color: #fff;border-radius:8px 0 0 8px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.2); border-radius: 8px;}
.massage_box .massage_top {background-color: var(--blue); color: #fff;border-radius: 8px 8px 0 0; padding: 6px 12px;}
.massage_box .massage_top h3 {line-height: 30px; font-size: 15px; font-weight: normal; color: #fff;}
.massage_box .massage_top h3 i.fa {margin-right: 5px; font-size: 22px;}
.massage_box .massage_top .close {float: right;font-size: 24px;cursor: pointer;}
.massage_box .massage_content {padding: 10px; font-size: 14px; line-height: 22px; color: #333;}
.massage_box .massage_content .form-group {position: relative;}
.massage_box .massage_content .form-group:last-child {margin-bottom: 0;}
.massage_box .massage_content .form-group label {position: absolute;top: 4px;left: 5px;font-size: 12px;color: #a5a5a5;}
.massage_box .massage_content .form-group label i.fa {margin-right: 4px; font-size: 14px;}


.right-menu {z-index: 100;position: fixed;right: 20px; bottom:20px;}
.right-menu .icon-box { margin-top: 16px; cursor: pointer;}


.goto {
    opacity: 1;
    transition: all .3s ease-out;visibility: hidden;
	
}
.goto.show {visibility: visible;}
.goto:hover,.goto:focus:hover {color: #fff;opacity: .84}

.massage_box .massage_content .form-group .form-control {width: 180px;}
.massage_box .massage_content .form-group input.form-control {padding-left: 56px; padding-right: -40px;}
.massage_box .massage_content .form-group textarea.form-control {padding-top: 24px; height: 100px;}








.lianxi-box {border: none;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);position: relative;}
.lianxi-box .card-header {background: none; font-size: 16px; font-weight: 500; color: var(--blue); font-weight: 600; }
.lianxi-box .card-header .fa {font-size: 24px;}
.lianxi-box .card-li {padding: 4px 0; font-size: 13px;}
.lianxi-box .icon-box {width: 2rem;height: 2rem; color: #fff; margin-right: 10px;float: left; display: block; background-color: var(--blue);}
.lianxi-box .icon-box .fa { font-size: 1rem; }
.lianxi-box .liuyan-btn {margin-right: 10px; padding: 4px 24px;float: left; display: block;}
.lianxi-box.fixed-now {margin-top: 16px;}


/*********************LIST 产品中心****************************/
.breadcrumb-nav {background-color: #ffffff; }
.showbody .breadcrumb-nav {background-color: #f5f5f5; }
.breadcrumb-nav .breadcrumb {background:none;}
.breadcrumb-box .home_svg {width: 18px; height: 18px; margin-right: 8px;}
.breadcrumb-box .home_svg svg {fill: var(--black);}
.breadcrumb-item + .breadcrumb-item::before {content: "\f105";font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;line-height: 1.5;}
.breadcrumb-box .breadcrumb-item {line-height: 1.5;}

.breadcrumb-nav .breadcrumb-item a {color: var(--black); font-size: 15px;}
.breadcrumb-box {width: 100%;}
.list-news .left_right .breadcrumb-box {width: auto;}

.list-body .category-list-left {height: 100%;}



.list-product {background-color: #f5f5f5;}
.list-product .navbar-header {background-color: #fff;}
.list-product .top-section {position: relative; z-index: 9; background-image: url('product_bg.webp');}
.top-section .container {position: relative; z-index: 9;}
.top-section .container,.top-section .row {height: 100%;}
.top-section .row {position: relative; z-index: 9;}
.top-section .btns {display: flex; margin-top: 40px;}
.top-section .btns .btn-fa-right {margin-right: 20px;}
.top-section .left-text {position: absolute; left: 0; top: 0; right: 40%; bottom: 0;justify-content: left; display: flex; align-items: center; z-index: 2;}
.top-section .left-text h1 { font-size: 40x; margin-bottom: 8px; color: #000; }
.top-section .top-section_p { line-height: 1.5; font-size: 14px; color: #4f4b48; margin-top: 24px;}
.top-section .top-section_p p {margin-bottom: 8px;}



.top-section.top-product3 .product3 {display: block;}
.top-product3 .left-text {align-items: unset; top:20%}
.top-product3 .left-text h1 { font-size: 40px; margin-bottom: 8px;}
.list-product .top-section .left-text .description { margin-top: 24px; color: #000;}

/** 产品中心顶部的图片动画 **/
.top-section .right-img { position: absolute; left: 50%; top: 0; right: 0; bottom: 0;z-index: 1; }
.thumb-donghua-box {
	height: 100%;
	position: relative;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	margin-left: auto;
  margin-right: 0;
}
  
.thumb-donghua {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	opacity: 0;
	transition: all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);
	/* 使用正六边形背景图片 */
	background-image: url('hexagon-mask.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	padding: 4%;
}

.thumb-donghua img {
	width: 80%;
	height: 80%;
	object-fit: cover;
	transition: opacity 0.3s ease;
}
.thumb-donghua1 {
	width: 55%; 
	right: 2%; 
	top: 16%; transform: translateY(-40%) translateX(8%);
	padding: 8%;
  }
  
  .thumb-donghua2 {
	width: 30%;
  right: 46%;
  bottom: 20%;
	transform: translateY(34%);
  }
  
  .thumb-donghua3 {
	width: 24%;
  top: 16%;
  right: 50%;
	transform: translateX(30%);
  }
  
  .thumb-donghua4 {
	width: 18%;
  top: 38%;
  right: 75%;
	transform: translateX(-22%);
  }
  
  .thumb-donghua.loaded {	
	opacity: 1;	
	transform: translate(0, 0) !important;	
	filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
  }
  .thumb-donghua1.loaded {transition-delay: 0.2s;}
  .thumb-donghua2.loaded {transition-delay: 0.4s;}
  .thumb-donghua3.loaded {transition-delay: 0.6s;}
  .thumb-donghua4.loaded {transition-delay: 0.8s;}

.list-body { margin: 40px auto;}
.list-body .left { width: 340px;}
.list-body .right {width: calc(100% - 360px); background-color: #fff; position: relative;}
.list-body .right .product-list {margin: 8px;}
.list-body .item-li .item-li-box { padding: 16px; padding-bottom: 0;box-shadow: 0 0 10px rgba(0,0,0,.1);}



.list-body .item-li {width: 33.3333%;}
.list-body .item-li .title { font-size: 16px; font-weight: 500;  margin-bottom: 16px;}
.item-li .info {font-size: 12px;padding: 8px 0;line-height: 24px; }
.item-li .info em {font-style: normal; color: #aeaeae;}
.item-li .info span {display: block; text-align: left;}
.item-li .product_more {padding-top: 10px;padding-bottom: 8px;margin-left: -16px;margin-right: -16px; border-radius: 0 0 6px 6px;}
.item-li .product_more a {font-size: 14px; color: var(--blue);display: inline-flex;}
.item-li .product_more a i { margin-left: 8px; width: 20px; height: 20px;}
.list-body .item-li:hover .item-li-box {box-shadow: 0 0 10px rgba(0,0,0,.4);}
.item-li:hover .product_more {background-color: #eaf4fe;}


.close-menu { border-radius: 50%; color:#fff; font-size: 26px; line-height: 30px; text-align: center; position: absolute; right: 10px; top: 10px; cursor: pointer; display: none;}

.category-list {background-color: #fff; margin-bottom: 30px;}

.category-list h2 {padding: 24px; background-color: var(--blue); color: #fff; font-size: 30px; font-weight: bold; text-align: center;}
.category-list h2 i {margin-right: 10px;}
.category-list .list-group {width: 100%;}

.category-list .list-group-item {border-radius: 0; border: none; padding: 0;}

.category-list ul.list-1 {padding: 16px;}
.category-list ul.list-1>.list-group-item {margin-bottom: 6px;}
.category-list ul.list-2>.list-group-item {margin-bottom: 1px;}
.category-list ul.list-2>.list-group-item:first-child {margin-top: 1px;}
.category-list .category-1 {padding: 12px; background-color: var(--blue); }
.category-list .category-1.collapsed {background-color: #ebebeb; color: #333;}
.category-list .category-1 a {color: #fff; font-size: 20px; font-weight: 500; }
.category-list .category-1.collapsed a {color: #333;}
.category-list .category-1.collapsed a:hover {color: var(--blue); text-decoration: underline;}
.category-list .category-1.active {background-color: var(--blue); }
.category-list .category-1.active>a {font-weight: 600; color: #fff;}

.category-list .category-2 {background-color: #f0f7ff; color: #333; font-size: 16px; font-weight: 500; }
.category-list .category-2.collapsed {color: #333;}

.category-list .category-2 a {color: #333; font-size: 16px; font-weight: 500;padding: 6px 14px; display: block; background-color: #eaf4fe; }
.category-list .category-2.collapsed a {color: #333;}
.category-list .category-2.collapsed a:hover {color: var(--blue); text-decoration: underline;background-color: #bcdcfc;}
.category-list .category-2 i.fa {color: #333;}
.category-list .category-2.active a {color: var(--blue); font-weight: 600;background-color: #bcdcfc;}

.category-list .list-2 ul {margin-bottom: 10px;}
.category-list .list-2 ul li {padding: 8px; padding-left: 20px;color: #333; font-size: 14px; font-weight: 500;
	background-image: linear-gradient(to right, #cacaca 50%, transparent 50%);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    background-position: bottom;
}
.category-list .list-2 ul li.hover {background-color: var(--gray-300); font-weight: 600; }
.category-list .list-2 ul li.hover a {color: var(--blue);}
.list-group i.fa {float: right; line-height: 1.8;transform: rotate(90deg);transition: .5s;cursor: pointer;color: #fff; }
.list-group .collapsed i.fa {transform: rotate(0deg); transition: .5s; color: #999; }

.product-list .card {
	margin-bottom: 40px;
	padding-top: 20px;
	border: none;box-shadow:0 0 5px rgba(0, 0, 0, 0.1);
}
.product-list .card-img-top { background: none;border-radius:0; width: auto; height:auto}
.product-list .card-img-top img {height: 240px; }
.product-list .card-text { font-size: 12px; color: #fff; position: absolute; top: 10px; right: 10px; font-weight: normal;}
.product-list .card-title {font-size: 15px; font-weight: 500; text-align: center;}
.product-list .card-title a {color: #000; }
.product-list .btns {text-align: center;margin-top: 26px; position: absolute; bottom:16px;left:0;right: 0;}
.product-list .btns .btn {padding: 2px 16px;font-size: 12px;line-height: 1.5;}
	.product-list .btns .btn:first-child {margin-right: 16px; background-color: #ccc; border: #ccc 1px solid; color: #333;}
a.hx:hover {color: var(--blue); border-bottom: 2px solid var(--blue);}


.product-list .pagination { margin:50px auto;}
.product-list .card .card-body {min-height: 120px; position: relative;}

.product-list-top {margin: 24px 16px; display: flex;justify-content: space-between;align-items: center;}
.product-list-top h2 {
	line-height: 2;
	font-weight: bold;
	padding-left: 16px;
	position: relative;
	color: var(--blue);
  }
.product-list-top h2::after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0;
	width: 4px;
	height: 50%;
	background-color: var(--blue);
	transform: translateY(50%);
}
.product-list-top .search { height: 38px; width: 40%; margin-right: 0;}
.product-list-top .search input {border-radius: 38px; background-color: #eeeeee;}
.product-list-top .search button {border-radius: 100%; border: 1px solid #ccc; background-color: #fff; color: #000; width: 38px;}

.page-list {margin: 80px auto;}

/******************************* SHOW 产品最终页 *************************/
.breadcrumb-box .right {color: var(--blue); display: flex; cursor: pointer;margin-top: 10px;}
.breadcrumb-box .right div {font-size: 11px; line-height: 1.2;}
.breadcrumb-box .right .fa {font-size: 2rem; margin-left: 4px; }


.product-show-btn {border: var(--blue) 1px solid;display:flex; height: 45px; justify-content: center;background-color: var(--blue); color: #fff;}
.product-show-btn>div {font-size: 16px; height: 100%; text-decoration: none; width: 50%;align-content: center; justify-content: center; display: grid;}
.product-show-btn .btn-left a {color: #fff;}
.product-show-btn .btn-right {color: var(--blue); font-size: 18px; font-weight: 600; background-color: #fff;}
.product-show-btn .fa {margin-right: 5px; font-size: 20px;}
.product-show-btn .btn-right a {color: var(--blue);}
.product-show-btn a {border: none;}



.showbody .breadcrumb-nav .breadcrumb {margin-bottom: 0;}

.product-show { display: flex;width: 100%; margin-top: 50px; position: relative;}
.product-show>.left {width: calc(100% - 580px);}
.product-show>.right,.product-show .right_h1 {width: 540px;padding-left: 40px; bottom: 0;}
.product-show>.right {margin-left: 40px;border-left: 1px dotted #e2e2e2;}
.product-show .right_h1 {position: absolute; right: 0; top:0}
.show-hd {width: 100%; height: 700px; display: flex; align-items: stretch;
position: relative; margin-bottom: 40px;}
.show-hd img,.show-title-top img {border-radius:0;}
.show-hd .thumb_nav,
.show-hd .thumb_big {
    height: 100%;
	position: absolute;
}

.show-hd .thumb_nav {
	left: 10px;
	top:50%;
	transform: translateY(-50%);
	overflow: hidden; height: 540px;padding: 50px 0;
}

.show-hd .thumb_big {
	left: 130px; top:0; right: 0; bottom: 0;padding: 50px;
	display: flex;
    justify-content: center;
    align-items: center;
	
}

.show-hd .thumb_nav { margin-left: 16px;}
.show-hd .thumb_nav ul {height: 100%;overflow-y: auto;
	scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */}
	.show-hd .thumb_nav ul::-webkit-scrollbar {
		display: none; /* Chrome Safari */
	}
.show-hd .thumb_nav li {width: 80px; height: 80px; margin: 10px 0; border:2px solid transparent;  padding: 4px;cursor: pointer;  text-align: center;}
.show-hd .thumb_nav li img {max-width: 100%;max-height: 100%;}
.show-hd .thumb_nav li.active {border: 2px solid var(--blue);border-radius: 8px;}
.show-hd .thumb_nav .item_top,.show-hd .thumb_nav .item_down {text-align: center; position: absolute; width: 100%; cursor: pointer;}
.show-hd .thumb_nav .item_top {top:20px; border-radius: 8px 8px 0 0;}
.show-hd .thumb_nav .item_down {bottom: 10px; border-radius: 0 0 8px 8px;}
.show-hd .thumb_nav .item_top:hover,.show-hd .thumb_nav .item_down:hover {background-color: #e1e1e1; color: #fff;}
.show-hd .thumb_big img {max-width: 100%;max-height: 100%;transition: opacity 0.3s ease-in-out;}

.show-title-top {position: sticky;}

.show-title-top h1 {font-size: 32px; line-height: 1.2; margin-bottom: 24px; font-weight: 800;}
.show-title-top p {font-size: 14px; line-height: 1.5;}
.show-title-top .info {margin: 16px 0; padding-top: 16px; border-top:1px solid #e2e2e2;}
.show-title-top .thumb-box {margin: 30px 0;}
.show-title-top .info span {display: block; font-size: 14px; padding: 4px 0;}
.show-title-top .info span em {font-style: normal; font-weight: 600;}

.show-tel-box {  margin: 16px 0; border:1px solid #e2e2e2; border-left:none; border-right: none; padding: 16px 0; }
.show-tel-box span {font-size: 16px; display: block;}
.show-tel-box .item {display: flex; margin-top: 8px;}
.show-tel-box .item a {width: 50%; background-color: #f5f5f5; display: block; text-align: center; padding: 12px 8px; border-radius: 8px; font-size: 16px; line-height: 1; color:var(--blue)}
.show-tel-box .item a i.fa {font-size: 20px;}
.show-tel-box .item a:first-child {margin-right: 16px;}



.show-btn {margin: 16px 0; display: flex; }
.show-btn>a {
	position: relative;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
	width: auto;
	padding: 12px 5px;
	border-radius: 8px;
	background-color:var(--blue);
	max-width: none;
	margin-bottom: 10px;
	font-size: 16px;
	color: #fff;
	border:1px solid var(--blue);
	margin: auto 8px;
	flex: 1;
}
.show-btn>a:first-child {margin-left: 0;}
.show-btn>a::before {
	content: "";
	position: absolute;
	display: block;
	transition: all .6s;
	width: 100%;
	height: 0;
	border-radius: 50%;
	left: 50%;
	top: 50%;
	padding-top: 100%;
	transform: translateX(-50%) translateY(-50%);
  }
  .show-btn>a:hover::before {
	animation: donghua1 .75s;
	z-index: 1;
  }
  .show-btn>a::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	transition: all .3s;
	z-index: 0;
	opacity: 0;
	top: 0;
	left: 0px;
  }
  @keyframes donghua1 {
	0% {
	  background:rgba(0,0,0,.25);
	  transform:translateX(-50%) translateY(-50%) scale(0)
	}
	to {
	  background:0 0;
	  transform:translateX(-50%) translateY(-50%) scale(1)
	}
  }


.show-btn>a.show-btn-red {background-color: #d10010;border-color: #d10010 !important; }
.show-btn>a.show-btn-grey1 {background-color: #bdbdbd;border-color: #bdbdbd !important; color: #000;}
.show-btn>a.show-btn-grey {background-color: #fff;  border:2px solid #999 !important;color: #999; }
.show-video {margin: 40px 0;}
.show-video h4 {font-size: 24px; line-height: 1.5;}
.show-video-box { margin-bottom: 16px;}
.show-video-box:last-child {margin-bottom: 0;}
.show-video-box img {width: 100%; height: 100%;border-radius: 8px;}
.show-video-box .item {height: 280px; background-color: #e2e2e2; border-radius: 8px; margin: 16px 0;position: relative; cursor: pointer;}
.play_btn {position: absolute; display: flex; justify-content: center; align-items: center; background-color: #8e8e8e42; left:0; right: 0; top:0; bottom: 0; border-radius: 8px; z-index: 1; }
.play_btn svg {width: 80px; height: 80px; fill: #fff; opacity: 0.4; }
.play_btn:hover svg {opacity: 0.7;}
.show-video-box h6 {font-size: 14px; font-weight: 500; line-height: 1.2; padding: 6px 12px; position: absolute; left: 0; right: 0; bottom: 0; color: #fff; background-color: #00000081; border-radius:  0 0 8px 8px;}

.product-show-nav .nav-h1-title {display: none;}
.product-show-nav { border-bottom: 1px solid #e7e7e7;padding: 12px 0; background-color: #ffffffbe;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px); z-index: 9;}
.product-show-nav .navbar-brand strong {color: var(--blue);font-size: 22px;color: var(--blue); font-weight: 600;}
.product-show-nav .navbar-brand svg {width:36px; height: 36px; fill:var(--blue);}

.product-show-nav .navbar-nav .nav-link {color: #333333; font-size: 16px; cursor: pointer;}
.product-show-nav .navbar-nav .nav-link.active {color:var(--blue); font-weight: 600; font-size: 17px; }
.product-show-nav .navbar-collapse {height: auto;}
.product-show-nav .product-show-btn {display: none;min-width: 420px;}
.product-show-right {margin-bottom: 50px;}
.product-show.fixed .product-show-right { position:sticky;top:90px;}
.product-show.fixed .product-show-nav {box-shadow: 0 0 10px rgba(0,0,0,.1); position: fixed; left: 0; right: 0; top: 0;padding: 5px 16px;}


.product-show.fixed .product-show-right .show-video {display: none;}
.product-show.fixed .product-show-right .product-show-btn {display: none;}
.product-show.fixed .product-show-nav .product-show-btn {display: flex;}

.product-accessories ul {display: flex; gap: 32px; margin-top: 24px;}
.product-accessories ul li  { text-align: center;
	flex: 1;
	background-color: #fff;
	padding: 24px;
}
.product-accessories ul li .thumb {position: relative;
	width: 100%;
	padding-bottom: 100%;
	overflow: hidden;}
.product-accessories ul li img { position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: 100%;
	object-fit: cover;
	border-radius: 0;
	margin: auto;
	right: 0;
}
.product-accessories ul h6 {font-size: 16px; font-weight: 500; margin-top: 16px; line-height: 1.2;}
.product-recommend-box {position: relative;}
.product-recommend .product-list {margin: 30px 80px; position: relative;overflow: auto;display: flex; flex-wrap: nowrap;}
.product-recommend .product-list {height: 100%;overflow-y: auto;
	scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */}
.product-recommend .product-list::-webkit-scrollbar {
	display: none; /* Chrome Safari */
}


.product-recommend .product-list .item-li {flex: 0 0 auto; white-space: nowrap;}
.product-recommend .product-list .item-li .item-li-box {box-shadow: 0 0 13px rgba(148, 182, 255, 0.3);border-radius: 24px;margin:8px;}


.list_left_btn,.list_right_btn { width: 60px; height: 60px; border-radius: 100%; display: flex; align-items: center; justify-content: center; cursor: pointer; border: 1px solid var(--blue); position: absolute;top:50%; transform: translateY(-50%);}
.list_left_btn i.fa,.list_right_btn i.fa {font-size: 20px; color: var(--blue);}
.list_left_btn {left: 0px; }
.list_right_btn {right:0px;}
.list_left_btn.hide,.list_right_btn.hide {border: 1px solid #f5f5f5; cursor: not-allowed;}
.list_left_btn.hide i.fa,.list_right_btn.hide i.fa {color: #c7c7c7;}

.product-recommend-box .item-li .title { text-align: left;}
.product-recommend-box .item-li .info {margin: 8px 0; }
.product-recommend-box .item-li .info span::before {content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background-color: #6c6c6c;
	margin-right: 6px;
	vertical-align: middle;margin-top: -3px;}
.product-recommend-box .item-li .product_more { margin: 0 -20px -20px -20px; border-radius: 0 0 24px 24px;border-top: 1px solid #f2f2f2;padding-top: 16px;padding-bottom: 20px; }
.product-recommend-box .item-li .product_more a { font-size: 16px;}
.navbar-brand-mobile {font-size: 16px; display: none; width: calc(100% - 100px); overflow: hidden; line-height: 1.5; height: 25px;}


/*****************message************************/
.message-tag {padding: 80px 0; background: #dddddd url('message_bj.jpg') no-repeat center center/cover;margin: 0;}
.message-box {background-color: #fff; padding: 40px; margin-bottom: 40px; border-radius: 10px;}
.message-box .index-h2-box h2 {
	font-size: 32px;
	color: var(--blue);
	font-weight: 600;
	margin-bottom: 10px;
  }
  .message-box .index-h2-box span {
	color: var(--gray);
  }
.message-form {margin: 40px; margin-bottom: 0;}
.message-form .form-control {border: 1px solid #ced4da;background-color: #f5f5f5;}
.message-form .col-md-4 {margin-bottom: 20px;}
.message-form .text {font-size: 12px; color: #999; }

.tag_lx_box {margin: 40px auto;max-width: 500px;}
.tag_lx_box a::after { background: none;}


/*** 新闻 ****/
.list-news {background-color: #f5f5f5;}
.top-section .list-title-box {  width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center;overflow: hidden;}
.top-section .h1_title_box {position: relative;color: #fff;}
.top-section .h1_en {  font-size: 34px; 
	width: 100%;
	z-index: 1; 
	opacity: 0.2; 
	font-weight: bold;
	font-family: 'Arial Black', Arial, sans-serif;
	white-space: nowrap;
	display: flex; 
	align-items: center; 
	justify-content: center;
	position: absolute;
	top: -34px;
	left: 50%;
	transform: translateX(-50%);} 
.top-section h1,.top-section h2 {position: relative; font-size: 40px; z-index: 2; color: #fff;}
.top-section .h1_span {margin-top: 8px; font-size: 12px;}
.top-section .h1_btn { font-size: 16px; color: var(--blue); padding: 4px 32px; background-color: #fff; border-radius: 20px; margin-top: 30px;display: block;width: fit-content;margin-left: auto;margin-right: auto;}


.left_right.breadcrumb-nav .breadcrumb {margin-bottom: 0;}
.left_right.breadcrumb-nav .container {display: flex;justify-content: space-between; align-items: center;}
.left_right .breadcrumb-left {
	display: flex; 
	align-items: center; 
	justify-content: center; 
	height: 48px;
	align-content: center;
}

.left_right .breadcrumb-left a {
	font-size: 16px; 
	border-right: 1px solid #f2f2f2;
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0 24px;
	align-self: stretch;
}
.left_right .breadcrumb-left a:first-child {border-left: 1px solid #f2f2f2;}
.left_right .breadcrumb-left a:hover,.left_right .breadcrumb-left a.active { background-color: var(--blue2); color: #fff;}
.list-news-section { margin:60px auto;}
.list-news-item {display: block;width: 100%;}
.list-news-item .item {margin-bottom: 20px; padding: 24px; background-color: #fff;box-shadow: 0 0 4px rgba(0,0,0,.2);display: flex;}
.list-news-item .item .thumb { width: 100%; height: 160px; margin-right: 24px;flex: 0 0 250px;}
.list-news-item .item .thumb img {width: 100%; height: 100%; object-fit: cover;}
.list-news-item .item .right {display: flex;flex: 1;}
.list-news-item .item .title { font-size: 20px; font-weight: 600;flex:1}
.list-news-item .item .title-item {width: 100%;}
.list-news-item .item .title-item p {font-size: 13px; color: #999; margin-top: 16px; line-height: 1.8;overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical; margin-bottom: 6px;}
.list-news-item .item .times { margin-left: 20px; flex: 0 0 180px; text-align: center; display: block; border-left:1px dotted #ccc;}
.list-news-item .item .times .d,.list-news-item .item .times .y { font-style: normal; font-size: 34px; color: #ccc; font-weight: 600; width: 100%; display: block;}
.list-news-item .item .times .d {margin-top: 50px;line-height: 1;}
.list-news-item .item .times .y {font-size: 18px; font-weight: normal;}
.list-news-item .item .times_bottom {font-size: 12px; color: #ccc; display:none;}



.showbody .breadcrumb-nav {
	background-color: #f5f5f5;
  }
.news-show {min-height: 400px;
	background-color: #fff;padding: 40px;margin-bottom: 40px;position: relative;}
.news-show h1.title {font-size: 42px; font-weight: 500; color: #000;margin-bottom: 40px; }

.news-show .info-box {border-bottom:1px solid #e7e7e7; padding-bottom: 16px; margin-bottom: 30px;}
.news-show .info-box span {margin-right: 20px; font-size: 13px; color: #adacac;}
.news-show .info-box span a {color: #adacac;}
.news-show .info-box em { font-style: normal;}

.content-right {background-color: #fff; border-radius: 10px; margin-bottom: 40px; }
.content-right-title {background-color: var(--blue); border-radius: 10px 10px 0 0; }
.content-right-title h2 { padding: 16px; font-size: 24px; font-weight: 500; color: #fff;}
.content-right-list {padding: 20px; }
.content-right-list .item {margin-bottom: 20px; border-bottom: 1px dashed #d3d3d3; padding-bottom: 10px;}
.content-right-list .item:last-child {border-bottom: none;margin-bottom: 0;}
.content-right-list .item .date { font-size: 14px;}
.content-right-list .item .title {font-size: 16px; font-weight: 500;display: block;}
.content-bottom {font-size: 14px;}
.content-bottom .left {display: flex;}
.content-bottom .left .item {margin-right: 20px;}
.content-bottom .left .item .fa {font-size: 16px; margin-right: 5px;}
.content-bottom .right {text-align: right;}



.show-right {position: relative; padding-left: 30px; }
.right_dh_item {padding-top: 30px;border-left:1px dotted #ccc;padding-left: 16px;box-sizing: border-box; padding-right: 16px;}

.show-right .show-right_dh {position: sticky;top:20px}
.show-right_dh li {font-size: 14px; margin-bottom: 16px;position: relative; line-height: 1.2; cursor: pointer; }
.show-right_dh li span {display: block; margin-left: 8px;}
.show-right_dh li::before {
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	left: 0;
	top: 8px;
	background-color: #6c6c6c;
	position: absolute;
  }
  .show-right_dh li.active {position: relative;}
  .show-right_dh li.active::after {
	content: '';
	position: absolute;
	top: 50%;
	left: -16px;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-left: 8px solid var(--blue);
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
  }
  .show-right_dh li.active span {color:var(--blue); font-weight: 600;}





/***************************tag***************************/
.item-tag .tag-list a {margin: 0 12px 12px 12px;}
.item-tag h2 {line-height: 1.5;margin: 0 0 16px 20px;font-weight: bold; padding-left: 8px; position: relative;}
.item-tag h2::after {content: "";
  position: absolute;
  left: -10px;
  top: 0;
  width: 4px;
  height: 50%;
  background-color:var(--blue); transform:translateY(50%) ; }
  .taglist {font-size: 14px;}
  .item-article li {margin-bottom: 8px;}
  .item-article li a {line-height: 1.5;}
  .taglist .min-tag a {margin-right: 10px;color: #a8a8a8;}
  .taglist .list-article .meta {color: #a8a8a8; font-size: 12px;}
  .taglist .list-article .meta span {margin-right: 10px;}
  .tags-bottom {margin-top: 20px;}
  .tags-bottom a {margin-right: 20px;color: var(--blue); background-color: #f1f1f1; font-size: 12px; padding: 4px 8px; border-radius: 4px; color: #666;}


/** video  **/
.videoshow .content-box {margin-top: 60px; }
.content-video {text-align: center; min-height: 300px;}
.content-video video {cursor: pointer; max-height: 550px; width: 100%; text-align: center;}
.content-video.fx_1 video {max-height:none; width: 400px;}




.list-solution-section .left {width: 240px;}
.list-solution-section .right {
	width: calc(100% - 260px);
	background-color: #fff;
	position: relative;}
.list-solution-section .left_menu {background-color: #fff; border-radius: 8px; display: block;}
.list-solution-section .left_menu strong {font-size: 18px; font-weight: 600; background-color: var(--blue); color: #fff; display: block; line-height: 50px;border-radius: 8px 8px 0 0; padding-left: 16px;padding-right: 16px; }
.list-solution-section .left_menu a {line-height: 40px; font-size: 14px;display: block; padding-left: 16px;padding-right: 16px; border-top:1px solid #f1f1f1; }
.list-solution-section .left_menu a.active,.list-solution-section .left_menu a:hover {background-color: #f1f1f1; color: var(--blue);}
.list-solution-section .list-item { padding: 24px;}
.list-solution-section .list-item .item {margin-bottom:30px; background-color: #fff;box-shadow: 0 0 5px rgba(0,0,0,.1); display: block; border-radius: 4px;}
.list-solution-section .thumb img {border-radius: 4px 4px 0 0; width: 100%;}
.list-solution-section .thumb {height: 230px;overflow: hidden; }
.list-solution-section .info {padding: 16px;}
.list-solution-section .title {font-size: 18px; font-weight: 600; color: var(--blue3);}
.list-solution-section .desc { margin-top: 16px; font-size: 12px; color: #999; display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; 
    overflow: hidden; 
    text-overflow: ellipsis;}
.list-solution-section .news_more {text-align: center; padding-top: 16px; font-size: 14px; border-top: 1px double #f5f5f5;}
.list-solution-section .news_more i {margin-left: 6px;}
.list-solution-section .lianxi-box {margin: 32px 0;}
.list-solution-section .lianxi-box.sticky-top,.show-solution-right .lianxi-box.sticky-top{top:16px}




/****单页中的表单****/
.bottom_formbox {background-color: #1e50af;padding: 52px 0;}
.bottom_formbox img {border-radius: 0;}
.bottom_formbox .container {display: flex;justify-content: space-between;}
.bottom_formbox .thumb img {width: auto;}
.bottom_from {margin-top: 16px;}
.bottom_from form {display: flex; background-color: #fff; gap: 2px;}
.bottom_from .form-group {margin: 0; display: flex; position: relative; flex: 1;}
.bottom_from .form-group .form-control {border: none; height: 54px; font-size: 16px;}
.bottom_from .form-group textarea.form-control {line-height: 40px;}
.bottom_from .form-group i { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-size: 24px; color: #ccc;}
.bottom_from .form-group.bg_gray,.bottom_from .form-group.bg_gray input.form-control {background-color: #f5f5f5;}
.bottom_from .form-control:focus {
    border-color: #ced4da; /* 保持默认边框颜色 */
    box-shadow: none;      /* 移除焦点时的阴影效果 */
    outline: none;         /* 移除轮廓线 */
}
.bottom_from .form-control:active,
.bottom_from .form-control:focus-visible {
    border-color: #ced4da;
    box-shadow: none;
    outline: none;
}
.bottom_from .form-select:focus,
.bottom_from .form-check-input:focus {
    box-shadow: none;
    outline: none;
}
.bottom_from .btn-block {width: 210px; background-color: #e9cd9d; font-size: 16px; border: none; border-radius: 0;}
.bottom_from .btn-block.btn-primary:hover {border: none;}
.bottom_formbox .clear {display: none;}

/****************** video list*****************************/
.video-section {margin: 20px auto;}
.video-section .item {margin-bottom: 24px; padding: 16px; background-color: #fff; border-radius: 8px; width: 100%;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.video-section .item .thumb {position: relative; width: 100%; padding-bottom: 56.25%; overflow: hidden; border-radius: 8px;}
.video-section .item .thumb img { position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    border-radius: 0;
    margin: auto;
    right: 0;}
.video-section .title-item { margin-top: 8px; position: relative;}
.video-section .title-item .title {font-size: 14px;}
.video-section .looks {position: absolute; right: 2px; bottom: 2px;font-size: 11px; color: #ffffff;z-index: 2; }
.video-section .looks i {font-size: 12px; color: #ffffff;}

.video-section .play_btn svg {width: 60px; height: 60px;opacity: 0.4;}
.video-section a:hover .play_btn svg {opacity: 1;}

/****底部导航****/
.footer-navmenu { position: fixed; bottom: 0; left: 0; right: 0; background-color: rgba(255,255,255,1);box-shadow: 0 0 10px rgba(0,0,0,.1);z-index: 998; display: none;}
.footer-navmenu .navmenu-box {display: flex; justify-content: space-between;}
.footer-navmenu .navmenu-box a {font-size: 10px; text-align: center;width: 100%; height: 50px; border-right: 1px solid rgba(0,0,0,.1);}
.footer-navmenu .navmenu-box a:last-child {border-right: none;}
.footer-navmenu .navmenu-box i.fa {font-size: 25px; font-weight: normal; display: block; padding-top: 8px; color: var(--blue2);}

/**video box paly**/
.video-box {position:fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; background-color:rgba(0,0,0,.5); display: flex; justify-content: center; align-items: center; backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px); display: none;}
.video-box .video-box-close {position: absolute; right:0; top:0; color: #fff; cursor: pointer; background-color: #00000096; border-radius: 0 0 0 50%; padding: 0 6px 6px 24px; text-align: center; display: block; z-index: 999;}
.video-box .video-box-close i.fa {font-size: 40px; color: #ffffff; margin-left: -8px;}
.video-box .video-box-title {position: absolute; bottom: 0; left:0; right: 0; color: #fff; font-size: 16px; text-align: center; background-color: #00000096;z-index: 999;}
.video-box .video-box-content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%;}
.video-box .video-box-content video {width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;}
.video-box .video-box-content.fx {width: max-content; height: calc(100% - 80px);z-index: 998;}

/*************** 免费磨样 *****************/
.free-moling {margin-top: 40px; margin-bottom: 60px;}

.free-moling .title {width: 100%;}
.free-moling .title h4 { font-size: 36px; font-weight: 600;}
.free-moling p {font-size: 14px; margin: 8px 0;}
.free-bottom {display: flex; margin-top: 30px; }
.free-bottom .left {width: 65%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; gap: 16px;}
.free-bottom .right {width: 35%;}
.free-bottom .left .item {
	flex: 0 0 calc(50% - 12px);
	max-width: calc(50% - 12px);
	position: relative;
}
.free-bottom .left .item:nth-last-child(-n+2) {
	display: none;
}
.free-bottom .left .item-li {
	padding: 0;
	margin-bottom: 0;
	position: relative;
	box-shadow:none;
	width: 100%; height: 100%;}
	.free-bottom .left .thumb,.free-bottom .left .thumb img { width: 100%; height: 100%;}
.free-bottom .left .item-title {position: absolute; bottom:0; left: 0; right: 0; background-color: #ebebebf3; height: 90px;padding: 12px; border-radius: 0 0 6px 6px;}
.free-bottom .left .item-title strong { font-size: 16px; text-align: center; display: block; color: #000;}
.free-bottom .left .item-title p {font-size: 13px; color: #666; line-height: 1.2;}
.free-bottom .right .item { background-color: #fff; border-radius: 16px; padding: 24px; box-shadow: 0 0 10px rgba(0,0,0,.1); margin-left: 46px; position: relative;}
.free-moling .right_b {position: absolute; right: 0; top:0; background:linear-gradient(90deg, #24BDFF 1.35%, #0085FF 97.97%);background-image:url(right_b.png);border-radius: 0 8px 0 20px;
	height: 22px;
	padding-left: 11px;
	padding-right: 11px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	-moz-transform: translateY(-1px);
	transform: translateY(-1px);
	width: auto;
	z-index: 0; font-size: 12px; color: #fff; line-height: 22px;
}
.free-bottom .right .item strong {font-size: 24px; color: var(--blue3); margin-bottom: 36px; display: block;}
.free-bottom .form-control {height: calc(1.5em + .75rem + 8px);border-radius: .6rem;border: 1px solid #dfdfdf;}
.free-bottom textarea.form-control {min-height: 120px;}
.free-bottom .form-group:last-child { margin-bottom: 0; }
.input-wrapper {position: relative;}
.input-wrapper label {
	position: absolute;
	top: -0.8rem;
	left: 0.75rem;
	background-color: #fff;
	padding: 0 0.25rem;
	font-size: 0.875rem;
	color: var(--blue4);
	pointer-events: none;
	opacity: 0;
	transform: translateY(0.5rem);
	transition: all 0.3s ease;
}
.input-wrapper input:focus + label,
.input-wrapper textarea:focus + label,
.input-wrapper input:not(:placeholder-shown) + label,
.input-wrapper textarea:not(:placeholder-shown) + label {
opacity: 1;
transform: translateY(0);
}


@media (max-width: 1630px) {
	.container {max-width:98%;}
}

/* 宽屏极限 */
@media (max-width: 1440px) {
	.screen {padding: 50px 0;}
	.screen4 {padding: 0;}
	.product-list .item-li {width: 33.3333%;}
	.screen3 .product-list .item-li:nth-child(n+7) {
		display: none;
	}
	.news-list-left {width: 380px;}
	.about_bottom_bg {display: none;}
	.about_box_bottom {
		background-color:#f3f8fd;
		padding: 10px;
	}
	.screen5 .title-box p {font-size: 12px;}
	.about_item_num .num i {font-size: 40px;}
	.about_item_num .num em {font-size: 18px;}
	.about_item_num span {font-size: 14px;}
	.top-header .left {font-size: 12px;}
	.product-show > .left {width: calc(100% - 500px);}
	.product-show > .right,.product-show .right_h1 {width: 480px;}
	.product-show > .right {margin-left: 20px;}
	.product-show .right_h1 {padding-left: 20px;}
	.show-title-top h1 { font-size: 34px;}
	
	.product-show .navbar-nav .nav-link { padding: 6px;}
}

@media (max-width: 1380px) {
	.product-show > .left {width: calc(100% - 450px);}
	.product-show > .right,.product-show .right_h1 {width: 430px; }
	.show-title-top h1 {font-size: 30px;}
	.product-show-nav .navbar-brand strong { font-size: 16px;}
	.product-show-nav .navbar-nav .nav-link,.product-show-nav .navbar-nav .nav-link.active {font-size: 14px;padding: 8px 4px;}
	.product-show {margin-top: 30px;}
	.product-show.fixed .product-show-nav .product-show-btn { margin: 0; margin-left: 20px;}

	.show-video-box .item {height: 250px;}
}

@media (max-width: 1260px) {
	.container {max-width: 96%;}
	.top-header .container,.navbar-header .container,.breadcrumb-nav .container,.list-body {max-width: 100%;}
	.list-product .top-section {height: 380px;}
	.navbar-header .nav-item a { font-size: 15px;}
	.news-list-bottom .news-info { margin-bottom: 10px;}
	.navbar-light .navbar-brand img {height: 55px;}
	.top-header .right .tel {font-size: 12px;}
	.search {width: 180px;}
	#navbarNav .navbar-nav li {margin-left:8px;margin-right:8px;}
	.list-body .left {width: 280px;}
	.list-body .right {width: calc(100% - 300px);}
	.top-section .left-text h1 {font-size: 24px; margin-bottom: 8px;}
	.top-section.top-product3 .product3 {font-size: 14px;}
	.top-section .top-section_p {font-size: 13px; max-height: 180px; overflow-x: auto; padding-right: 8px;}
	.thumb-donghua-box {transform: scale(1.2);transform-origin:center right;}

	/** SHOW 产品 **/
	.show-hd .thumb_nav {left: 0; margin-left: 0;}
	.product-show {display: block;}
	.product-show > .left {width:100%;}
	.product-show .show-hd {width: calc(100% - 440px);}
	
	.product-show .right_h1 {width: 440px;border-left: 1px dotted #e2e2e2; padding-left: 20px;}
	.product-top {position: relative;height: auto;overflow: hidden;display: flex;}
	.product-show .right_h1 {position: relative;}
	.show-title-top h1 {font-size: 28px;}
	.product-show-right .line {margin-top: 10px;margin-bottom: 10px;}
	.show-video-item {display: flex; margin-top: 8px;}
	.show-video-box .item {height: 100%; margin: 0;}
	.show-video {margin: 16px 0;}
	.show-video-box {height: 150px; width: 50%; padding-right: 8px; margin: 0;}
	.show-video-box:last-child {padding-right: 0;}
	.show-video-box 
	.product-show .alert-primary {padding: .25rem 0.75rem;font-size: 14px;}
	.show-title-top .info span {font-size: 14px;padding: 2px 0;}
	.play_btn svg {width: 60px;height: 60px;}
	.show-video-box h6 {font-size: 12px;}
	.show-video h4 {font-size: 18px;}
	.show-hd .thumb_big {left: 80px;}
	.message-box .index-h2-box span {font-size: 12px;}
		.product-show-nav .product-show-btn {min-width: 350px;}
		.product-show-btn > div,.product-show-btn .btn-right {font-size: 13px;}
		.free-bottom .right .item {margin-left: 24px;}
		.free-bottom textarea.form-control {min-height: 90px;}
		.free-bottom .right .item strong {margin-bottom: 16px;}
}

@media (max-width: 1100px) {
	.product-show .show-hd {height: 600px;}
	.screen h2 {font-size: 24px;}
	.screen p.h2 {font-size: 14px;}
	.screen .more {margin-top: 10px; height: 40px; line-height: 40px;}
	.show-title-top h1 {font-size: 26px;}
	.show-btn {margin: 24px 0; display: flex;}
	.show-btn .btn-lg {font-size: 1rem;}
	.show-video-box .play_btn svg {
		width: 60px;
		height: 60px;}
		.content-show .content-right,.show-right_dh { display: none;}
		.list-news-item .item .title-item p {-webkit-line-clamp: 3;}
		.list-news-item .item .times {flex: 0 0 120px;}
		.main_qh_bottom .item {flex: 0 0 calc(25% - 6.8px);}
		.free-bottom .left .item-title {height: 70px;padding: 6px;}
		.free-bottom .left .item-title p {margin: 0;}
}

/* 平板设备样式 */
@media (max-width: 990px) {
	.category-list-left .lianxi-box {display: none;}
	#Banner_top {margin-top: 50px;}
	.screen .more {margin: 0;}
	.navbar-header form.search-mobile {display: flex;}
	.top-section .left-text {right: 0; top:30px}
	.top-section .top-section_p p { font-size: 11px; color: #000;}
	.top-header {display: none;}
	.navbar-header {box-shadow: 0 0 10px rgba(0,0,0,.1); position: fixed;
		z-index: 199;
		left: 0;
		right: 0;
		top: 0;
		background-color: #ffffffbe !important;-webkit-backdrop-filter: blur(20px);
		backdrop-filter: blur(20px);}
	.navbar-header .lang {display: none;}
	.search-mobile {display: flex; width: 40%;margin: 0;}
	.navbar-brand.logo {margin: 0; padding: 0;}
	.navbar-light .navbar-brand img {height: 40px;}
	.navbar-header .navbar {padding: .5rem .12rem;
		
	}
	.navbar-header .navbar-collapse {position: absolute;
		top: 50px;z-index: 9;background-color: #f1f1f1;left: 0;right: 0;padding: 8px;box-shadow: 0 0 10px rgba(0,0,0,.1); border: 1px solid #ddd; border-left:none; border-right: none; 
		
        height: 3000px;
		bottom: 0;
	} 
	
	.index-h2-item {margin: 40px 0 20px 0;}
	.index-h2-item .item-li p {font-size: 12px;}
	.index-h2-item .item-li {height: 300px;margin: auto 5px;width: 30%;}
	.screen h2 {font-size: 26px;}
	.screen p.h2 {font-size: 12px;}
	.product-item .left {width: 220px;}
	.product-item .right {
		width: calc(100% - 220px);
	  }
	.product-main li {padding-left: 30px; height: 52px; line-height: 52px;}
	.screen4 {height: 660px;}
	.index-hd4-title {top: 50px;}
	.screen4 .index-hd4-title a {padding: 8px 12px; font-size: 12px;}
	.screen4 .index-hd4-title p {margin-top: 20px; font-size: 11px;}
	.screen5 .title-box-left,.about_box_bottom {width: 100%; padding: 0;}
	.about_box_bottom {margin-top: 0; border-radius: 8px; margin-bottom: 16px;}
	.screen5 h1 {margin: 16px 0; text-align: center;}
	.screen5 .title-box-right {width: auto; margin: 0 16px;}
	.screen5 .title-box-right {position: relative; top:unset;}
	.screen5 .title-box p {font-size: 14px;}
	.about_item_num {text-align: center;}
	.screen5 .title-box-right .thumb_bg {display: none;}
	.screen5 .title-box-right .thumb img {border-radius: 16px;}
	.screen6 {margin-top: 0;}
	.screen7 .container .next-li strong {font-size: 15px;}
	.screen7 .container .next-li p {font-size: 11px;}
	.screen7 .container .svg-icon { width: 64px; height: 64px;}
	.screen7 .container .next-li svg {width: 28px; height: 28px;}
	.screen7 .container .next-li-right i {font-size: 24px;}
	.news-list {margin-top: 16px;}
	.news-list-left {
		width: 100%;
		position: relative;
		margin-bottom: 24px;
	  }
	  .footer-top {font-size: 12px;}
	  .footer-dh .qrcode-box {
		display: flex; margin-top: 24px;
	  }
	  .footer-dh .wx-qrcode {width: 33.3333%;}
	  .news-list-bottom .news-item {margin-right: 0;}

	  .container.list-body {
		margin: 0px auto;
		max-width: 100%;
	  }
	  .list-body>.left,.list-solution-section .left {position:absolute;left:-200px;}
	  .list-body>.right {width: 100%;}
	  .list-body .category-list-left,.list-solution-section .category-list-left {
		position: fixed;
		top: 0;
		left: -330px;
		width: 300px;
		height: 100%;
		padding: 0;
		background-color: #fff;
		box-shadow: 2px 0 5px rgba(0,0,0,0.3);
		z-index: 1000;
		transition: transform 0.3s ease;
		bottom: 0;
    	overflow-y: auto;
		transition: left 0.3s ease;
	}
	.list-body .category-list-left.show-menu,.list-solution-section .category-list-left.show-menu {
		left: 0px;
		transition: left 0.3s ease;
	}

	.list-body .product-list .item-li .title {
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		line-height: 1.2;
	  }
	  


	.toggle-menu,.close-menu {display: block;}
	  .list-product .top-section {margin-top: 55px;}
	  .list-product .container.list-body {overflow: hidden;}
	  .category-list h2 {font-size: 20px;}
	  .product-top {display: block;}
	  .product-list-top {margin: 8px 16px;}

	  .product-show .show-hd,.product-show .right_h1 {width: 100%;}
	  .showbody .breadcrumb-nav {display: none;}
	  .showbody-box {margin-top: 70px;}
	  .show-hd .thumb_nav {
		left: auto;
		margin-left: 0;
		right: 0;
	  }
	  .show-hd .thumb_big {
		right: 120px;
		left: 0;
		padding: 10px;
	  }
	  .product-show .show-hd { height: 400px;}
	  .product-show .right_h1 {padding: 0;border-left:none}
	  .show-hd .thumb_nav li {width: 100px; height: 100px;}
	  .show-btn .btn-lg {width: 33%;}
	  .item-li .product_more {margin: 0 -16px -20px -16px;}
	  .product-recommend-box .item-li .product_more {padding-top: 4px;padding-bottom: 8px;margin: 0 -16px -16px -16px;}
	  .product-recommend-box .item-li .product_more a {font-size: 12px;}
	  .product-list .item-li .item-li-box {padding: 16px;}
	  .showbody .screen {padding: 20px 0;}
	  .content-box article {margin: auto 16px;}
	  .content-box h2 { font-size: 22px;margin-left: -5px;}
	  .content-box {font-size: 15px;}
	  .content-box p {margin-bottom: 8px;}

	  .product-show.fixed .product-show-nav {z-index: 999;}

	  .product-show.fixed .product-show-nav .product-show-btn {min-width:auto; margin: 16px 0;}
	  .product-show.fixed .product-show-nav .navbar-brand {display: none;}
	  .product-show.fixed .navbar-brand-mobile {display: block;}
	  .product-show.fixed .product-show-nav .navbar-light .navbar-toggler { background-color:var(--blue);}


	  .product-accessories ul {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;gap:unset}
	  .product-accessories ul li {width: calc(50% - 32px); flex: none; margin: 16px; border-radius: 16px; padding: 8px; border-radius: 4px;}
	  .product-accessories ul h6 {font-size: 14px;}

	  .product-recommend-box .item-li .title {font-size: 14px; height: auto;}
	  .product-recommend .product-list .item-li {width: 50%;}
	  .product-show-right {padding: 0 16px;}

	  .news-show h1.title {font-size: 24px; margin-bottom: 16px;}
	  .news-show .info-box {display: flex;
		flex-wrap: wrap;
		gap: unset;}
	  .news-show .info-box span {font-size: 11px; flex: 0 0 40%}
	  .message-box .index-h2-box h2 {font-size: 18px;}
	  .message-box .index-h2-box span {font-size: 12px; line-height: 1.2; display: block;}
	  .message-form {margin: 8px;}
	  .message-box {padding: 16px;}
	  .content-bottom .right {display: none;}
	  .content-video.fx_1 video {width: 100%;}
	  .top-section {height: 180px;}
	  .top-section .h1_title_box {margin-top: 50px;}
	  .top-section h1,.top-section h2 {font-size: 30px;}
	  .top-section .h1_en {font-size: 18px; top: -14px;}
	  .show-right {display: none;}
	  .list-news-section {margin: 30px 16px;}
	  .list-news-item .item .title {font-size: 16px;}
	  .list-news-item .item .title-item p {font-size: 12px; line-height: 1.5;}
	  .list-news-item .item .thumb { height: 130px; flex: 0 0 180px;}
	  .list-news-item .item .times  {display: none;}
	  .list-news-item .item .times_bottom {display: block;}

	  .pagination-lg .page-link {font-size: 14px;padding: 6px 12px;}
	  .list-solution-section .category-list-left {margin: 0; border-radius: 0;}
	  .list-solution-section .category-list-left strong {border-radius: 0;}
	  .list-solution-section .right {width: 100%;}
	  .list-solution-section .lianxi-box {display: none;}


	  .bottom_formbox .container {display: block;}
	  .bottom_formbox .left,.bottom_formbox .right {width: 100%; text-align: center; margin-bottom: 20px;}
	  .bottom_formbox .clear {display: block;}
	  .bottom_formbox .left img {height: 100px;}
	  .bottom_formbox .thumb img {width: 90%;}



	  .content-show .title_h1 {font-size: 28px;}

	  .breadcrumb-box .right {display: none;}
	  .breadcrumb {padding: 8px;}
	  .breadcrumb-nav .breadcrumb-item a {font-size: 12px;}
	  .breadcrumb-box .home_svg svg {width: 16px; height: 16px;}

		/**顶部导航**/
		#navbarNav .navbar-nav {justify-content:flex-start}
		#navbarNav .navbar-nav li { margin: 8px 0; text-align: left; display: block;}
		#navbarNav .navbar-nav li>a {display: block;font-size: 16px; border-bottom:2px solid #e3e3e3;margin-bottom: 8px;}
		#navbarNav .dropdown-menu {display: flex;
			position: unset;
			transform: none;
			width: 100%;
			display: block;
			min-width: 100%;
			padding: 0;
			margin: 0;
			font-size: 20px; border: none;}
			#navbarNav .navbar-nav li > a {font-weight: 600;color: var(--blue3);}
			#navbarNav .navbar-nav li.nav-item-lang {display: none;}
			#navbarNav .navbar-nav li .dropdown-menu > a {float: left; width: auto; clear:none;padding:4px 8px; font-size: 16px;}
			#navbarNav .navbar-nav li::before {display: none;}
			.search-box-searchbox .search {width: 100%;}
			.footer-bottom .right {text-align: center;}

			.footer-bottom .right a {display: block; margin: 0;line-height: 18px; color: #666;font-size: 11px;}
			.footer-bottom .right a.sitemap {display: none;}
			.right-menu {right: -6px; bottom: 75px;}
			.right-menu .icon-box {margin-top: 2px;border-radius: 50% 0 0 50%;opacity: 0.8;}
			.footer-navmenu {display: block;}
			.top-product3 .left-text .enname,.top-product3 .left-text .description {font-size: 12px; margin-top: 16px;}
			.show-video-box {height: 220px;}
			.video-section {overflow: hidden;}
			.video-box .video-box-content {width: 100%;}
			.video-box .video-box-content.fx {width: max-content; height: 100%;}

			.massage_box .massage_top {padding: 16px;}
			.massage_box .massage_top .close {font-size: 32px;}
		.product-bottom {display: none;}

	#aff-im-root .embed-icon {inset:unset !important;height: 50px !important;width: 50px !important;right: -8px !important;bottom: 150px !important;  }
	.free-moling .title {width: 96%; margin: auto;}
	.free-moling .container {max-width: 100%;}
	.free-bottom {margin:16px;}
	.free-bottom .left,.free-bottom .right {width: 50%;align-content: flex-start;}
	
	.free-bottom .left .item-li {align-items: center;}
	.free-bottom .left .item-title {height: 30px;}
	.free-bottom .left .item-title strong {font-size: 14px; font-weight: normal;}
	.free-bottom .left .item-title p {display: none;}
	.free-bottom .left .item:nth-last-child(-n+2) {display: block;}
}
/* 手机设备样式 */
@media (max-width: 768px) {

	
	.screen {
		padding: 30px 0;
	  }
	.container {
		max-width: 98%;
	}
	.screen .title-box {margin:0 16px;}
	.screen3 .container {max-width: 100%;}
	.index-h2-item {flex-wrap: wrap;}
	.index-h2-item .item-li {height: 180px; padding: 16px;flex: 0 0 40%;box-sizing: border-box; margin:16px;}
	.index-h2-item .item-li .svg {width: 32px; height: 32px;}
	.index-h2-item .item-li p {font-size: 11px;line-height: 1.5;}
	
	.product-item .left {width: 90px;}
	.product-item .right {width: calc(100% - 110px);}
	.product-main li {height: 40px; line-height: 40px; padding:0 10px;}
	.product-main li strong {font-size: 12px;}
	.product-main li:first-child {border-radius: 0 8px 0 0;}
	.product-main li:last-child {border-radius: 0 0 8px 0;}
	.screen4 .index-hd4-title h2 {font-size: 24px;}
	.index-hd4-title {font-size: 12px;}
	.screen .more {width: 120px; font-size: 14px; height: 32px; line-height: 32px; background-color: var(--blue4);}
	.screen .more a {color: #fff;}
	.screen .more i.fa {font-size: 14px;}
	.screen4 .jj-icon li {height: 60px;}
	.screen4 .jj-icon .icon svg {width: 20px; height: 20px;}
	.screen4 .jj-icon li a {font-size: 14px;}
	.index-hd4-title {right: 40px;}
	.screen4 {height: 500px; padding: 0;}
	.product-list {margin-top: -2px;}
	.product-list .item-li .item-li-box {margin: 16px; padding: 12px;}
	.screen3 .product-list .item-li .item-li-box {margin: 2px; padding: 12px;}
	.product-list .item-li .title {font-size: 13px;margin-top: 6px;}
	.product-main li a {display: none;}
	.about_box_bottom { padding: 16px;}
	.about_btn { width: 200px; font-size: 12px; height: 30px; line-height: 30px;}
	.about_btn .left {margin-left: 10px;}
	.about_btn .right {width: 30px;}
	.about_item_num .num i {font-size: 32px;}
	.about_item_num span {
		font-size: 12px;
		line-height: 14px;
		display: block;
	  }
	  .company-thumbs .thumb {margin: 5px 25px;width: 110px;
		height: 50px;}
		.screen7 .container {  flex-wrap: wrap;}
		.screen7 .container .next-li-right {display: none;}
		.screen7 .container .next-li {flex: 0 0 50%;box-sizing: border-box;margin-bottom: 16px; }
		.screen7 .container .svg-icon { margin: 10px auto;}
		.screen5 h1 {font-size: 2rem;}
		.news-list {margin: 16px;}
		.news-list-top, .news-list-bottom {  flex-wrap: wrap;box-shadow:none;}
		.news-list-top .news-item {width: 100%;flex: 0 0 100%;box-sizing: border-box;border-top: 1px dotted #ddd; }
		.news-list-top .line1 {display: none;}
		.news-list-left {margin-bottom: 0; box-shadow:none;margin-right: 0;float: unset;}
		.news-list-bottom {margin-top: 0; padding: 0;}
		.news-list-bottom .news-info {width: 100%;}
		.news-list-bottom .news-info .time {margin-top: 16px;font-size: 14px;margin-bottom: 6px;}
		.news-list-bottom .news-info .time i.fa {display: none;}
		.news-item .news-info,.news-list-top .news-item .news-info {padding: 10px 0;}
		.news-list .right-more,.news-list .right-more-black {display: none;}
		.news-list-left .news-item .time,.news-list-top .time,.news-list-bottom .news-info .time {margin-top: 0px; font-size: 11px;}
		.news-list-right .news-item .desc {display: none;}
		.news-list-bottom .news-info {border-top: 1px dotted #ddd; margin-bottom: 0;}

		.news-list-top .title a.tt {font-size: 15px; font-weight: 400;color: var(--black);
			position: relative;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			text-indent: 10px;}
		.news-list-top .title a.tt::before {content: " "; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: var(--blue2); margin-right: 5px; top: 10px;position: absolute; left: 0px;}
		.news-item .thumb img {border-radius: 8px;}
		.screen4 .jj-icon span {margin-left: 6px; font-size: 12px;}
		.screen5 .title-box p {
			font-size: 12px;
			line-height: 20px;
		  }
		  .footer-top .foot-item {margin-bottom: 16px;}


		  .thumb-donghua-box {
			transform: scale(1);
			transform-origin: center right;
		  }

	
	  .list-body .product-list .item-li {width: 50%;}
	  .item-li .product_more {padding-bottom: 5px;margin: 0 -12px -12px -12px;}
	  .item-li .product_more a {font-size: 12px;}
	  .item-li .product_more a i {width: 16px; height: 16px;}
	  
	  .top-section .left-text .item-box {padding: 16px; border-radius: 16px; background-color:#ffffff94;}
	  .top-section .right-img {left: 0;}

	  .top-section .left-text h1 {font-size: 16px;}
	  .top-section .left-text .enname {font-size: 12px;}
	  .top-section .top-section_p {margin-top: 8px;}
	  .top-section .btns { margin-top: 16px;display: flex;
		justify-content: center;
		gap: 20px;}
		.top-section .btns .btn-fa-right {width: auto; margin-right: 0;}
		.btn-fa-right i {right: 4px;}
		.btn-fa-right span {line-height: 26px; padding-right: 28px;margin-left: 8px;}
		.list-product .top-section {height: 280px;}
		.product-recommend .product-list .item-li {width: 100%;}
		.product-recommend .product-list .item-li .title {font-size: 16px; height: auto;}

		.news-show {padding: 16px; margin-top: 16px;}

		.list-news-item .item { padding: 8px; border-bottom: 1px dotted #ddd; margin:0; box-shadow:none; }
		.list-news-item .item .title-item p {
			-webkit-line-clamp: 2;
			margin-top: 8px;
		  }
		  .list-news-item .item .thumb {margin-right: 8px;}
		  .list-news-section {margin: 8px 0;max-width: 100%;}
		  .list-news-section .row {margin: 0;}
		  .pagination {margin: 16px auto;}

	.list-news .breadcrumb-box {display: none;}
	.list-news-item .item .thumb {
		height: 100px;
		flex: 0 0 120px;
	  }
	  .list-news-item .item .title {
		font-size: 15px;
	  }


	  .bottom_from form {
		display: block;
	  }
	  .bottom_formbox .thumb img {
		width: 100%;
	  }
	  .bottom_from .btn-block {
		width: 100%;
		height: 42px;
		margin: auto;
	  }
	  .show-hd .thumb_big {right: 80px;}
	  .show-hd .thumb_nav li {width: 80px; height: 80px;}

.breadcrumb-left {width: 100%;}
.breadcrumb-left a {flex: 1;  text-align: center; display: flex; align-items: center;justify-content: center;}
.left_right .breadcrumb-left a {font-size: 12px;}
	.footer-dh .qrcode-box .wx-qrcode {flex: 1;  text-align: center; display: flex;
		align-items: center;
		justify-content: center;}
		
		
		.massage_box.all {width: 100%; top:0; bottom: 0; z-index: 1001;}
		.massage_box.all .massage_content .form-group .form-control {width: 100%;}
		.show-video-box {height: 130px;}
		.show-video-box .play_btn svg {width: 36px; height: 36px;}
		.show-video-box h6 {font-size: 11px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
		.show-title-top p {font-size: 12px; color: #999;}
		.show-title-top .info,.show-tel-box {border-top: 1px dotted #afafaf; border-bottom: none;}
		.show-tel-box span {display: none;}
		.bottom_formbox {padding: 16px 0;}
		.bottom_formbox .left {margin-bottom: 0;}
		.bottom_formbox .right .thumb {display: none;}
		.item-li .info {line-height: 20px;}
		.bottom_from .form-group textarea.form-control {height: 80px;}
		.free-bottom {flex-wrap: wrap;}
		.free-bottom .right { flex-basis: 100%;flex-grow: 0; flex-shrink: 0;}
		.free-bottom .left {display:none !important;}
		.free-bottom .right .item {margin-left: 0; margin-top: 16px;}
		.top-section .h1_btn {margin-top: 8px;}
		.footer-dh>.col-md-2,.footer-dh>.col-md-3,.footer-links {display: none;}
}

@media (max-width: 576px) {
	footer {overflow: hidden;}
	.screen h2 {font-size: 20px;}
	.index-h2-item .item-li {height: 220px;}
	.product-list .item-li {width: 50%;}
	.product-list .item-li .title {font-size: 12px;height: 34px;line-height: 14px;overflow: hidden;}
	.list-body .product-list .item-li {width: 100%;}
	.list-body .product-list .item-li .title {height: 36px;line-height: 18px;overflow: hidden; margin-bottom: 8px;}
	.screen4 .jj-icon li {width: 25%; height: 40px;}
	.screen5 h1 {font-size: 24px;}
	.company-thumbs .thumb  {margin: 5px 10px;}
	
	  .footer-top p {margin-left: 24px;}
	  .footer-top i {font-size: 16px;}
	  .footer-dh {padding: 8px; margin: 0;}
	  .footer-dh strong {font-size: 14px;}
	  .footer-dh .item a {font-size: 12px;}
	  .footer-dh .col-md-2 {margin-bottom: 16px;}
	  .footer-bottom {text-align: center;}

	  .list-body .product-list .item-li .item-li-box { margin: 8px;}
	  .product-list-top h2 {font-size: 20px;}
	  .product-list-top .search {height: 34px;}
	  .product-list-top .search button {width: 34px;}
	  .show-hd .thumb_big {right: 60px;}
	  .show-hd .thumb_nav li {width: 60px; height: 60px;}
	  .show-btn > a { font-size: 14px;padding: 6px 3px;}
	  .show-video-box {height: 120px;}
}