@media screen and (min-width:1080px) {
body{min-width:1080px;}
}


div ul{list-style-type:none;margin-left:0px;}

.section { text-align: center; font: 50px "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff;}



/*------导航-------*/
.shadow {
	box-shadow:0 1px 2px rgba(0,0,0,0.08)
}
.hide {
	display:none !important
}
.wrap {
	width:70%;
	margin:0 auto;
	zoom:1
}
.wrap:after {
	content:"";
	display:block;
	clear:both
}
.wrapper {
	background:#f6f8f9;
	position:relative
}

.wrap {
	width:70%;
	margin:0 auto;
	zoom:1
}
.wrap:after {
	content:"";
	display:block;
	clear:both
}
.wrapper {
	background:#f6f8f9;
	position:relative
}
.head {
	padding-left:0px;
	position:relative;
	zoom:1
}
.head:after {
	content:"";
	display:block;
	clear:both
}
.header {
	background:#fff;
	box-shadow:0 1px 4px 0 rgba(238,238,238,0.5);
	position:relative;
	z-index:99
}
.header .name {
	width:200px;
	height:70px;
	float:left;
	display:inline;
	overflow:hidden;
	position:relative;
	z-index:1
}
.header .name a {
	font-size:28px;
	color:#333;
	line-height:70px
}
.header .subname {
	float:left;
	display:inline;
	margin:30px 0 0 10px;
	font-size:16px;
	color:#333
}
.header.fixed {
	border-bottom:1px solid #eee;
	position:fixed;
	width:100%;
	z-index:99
}
.logo {
	height:70px;
	float:left;
	display:inline;
	overflow:hidden;
	position:relative;
	z-index:99
}
.logo a {
	width:100%;
	height:70px;
	display:table-cell;
	vertical-align:middle;
	transition:all ease .3s
}
.logo a img {
	height:70px;
	vertical-align:middle
}
.logo.on:before {
	content:'';
	position:absolute;
	top:0;
	left:-75%;
	z-index:2;
	display:block;
	width:50%;
	height:100%;
	background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,0.5) 100%);
	background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,0.5) 100%);
	-webkit-transform:skewX(-17deg);
	-moz-transform:skewX(-17deg);
	-o-transform:skewX(-17deg);
	-ms-transform:skewX(-17deg);
	transform:skewX(-17deg)
}
.logo:hover:before {
	-webkit-animation:shine 1s;
	-moz-animation:shine 1s;
	animation:shine 1s
}
@-webkit-keyframes shine {
	100% {
	left:125%
}
}@keyframes shine {
	100% {
	left:125%
}
}.nav {
	border-bottom:1px solid #000;
	border-image:-webkit-linear-gradient(left,#007bff 20%,#fff 100%) 100 100 100 100;
	border-image:-moz-linear-gradient(left,#007bff 20%,#fff 100%) 100 100 100 100;
	border-image:linear-gradient(left,#007bff 20%,#fff 100%) 100 100 100 100
}
.nav dl {
	padding-right:50px;
	line-height:35px;
	font-size:0;
	text-align:right
}
.nav dl dd {
	margin:0 10px;
	font-size:14px;
	color:#333;
	display:inline-block;
	vertical-align:top
}
.nav dl dd a {
	color:#333
}
.menu {
	float:left;
	margin-left:100px;
	display:inline;
	line-height:70px
}
.menu ul {
	padding-right:60px;
	zoom:1
}
.menu ul:after {
	content:"";
	display:block;
	clear:both
}
.menu ul.nosch {
	padding:0
}
.menu li {
	float:left;
	display:inline;
	margin:0 30px 0 0;
	position:relative
}
.menu li a {
	font-size:16px;
	color:#333;
	position:relative;
	display:inline-block
}
.menu li a:hover {
	color:#0066cc;
	text-decoration: none;
}
.menu li:before {
	content:"";
	width:0;
	height:3px;
	background:#0066cc;
	position:absolute;
	left:50%;
	bottom:0;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s
}
.menu li:hover:before,.menu li.on:before {
	width:32px;
	margin-left:-16px
}
.menu li:hover a,.menu li.on a {
	color:#0066cc;
}
.menu li .subnav {
	min-width:200px;
	padding:10px 0;
	line-height:40px;
	border-top:1px solid #0066cc;
	box-shadow:0 2px 2px 0 #ddd;
	background:#fff;
	position:absolute;
	top:70px;
	left:-20px;
	z-index:99;
	display:none;
	-webkit-animation:fadeInUp .3s 0s ease both;
	-moz-animation:fadeInUp .3s 0s ease both
}
.menu li .subnav a {
	padding:0 20px;
	font-size:14px;
	border-bottom:1px solid #f5f5f5;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	display:block
}
.menu li .subnav a:after {
	content:"\e6a6";
	font-size:16px;
	color:#ccc;
	font-family:iconfont;
	font-weight:600;
	position:absolute;
	top:0;
	right:15px;
	vertical-align:top;
	-moz-transition:opacity .5s;
	-o-transition:opacity .5s;
	-webkit-transition:opacity .5s;
	transition:opacity .5s
}
.menu li .subnav a:hover:after {
	color:#0188fb
}
.menu li .subnav a.on {
	color:#0188fb
}
.menu li .subnav a.on:after {
	opacity:1
}
.menu li .subnav a:last-child {
	border:0
}
.menu li .subnav:before {
	content:"";
	width:0;
	height:0;
	margin:-21px 0 0 0;
	border:10px solid transparent;
	border-bottom-color:#0188fb;
	position:absolute;
	top:0;
	left:26px;
	z-index:3
}
.menu li .subnav:after {
	content:"";
	width:0;
	height:0;
	margin:-20px 0 0 0;
	border:10px solid transparent;
	border-bottom-color:#fff;
	position:absolute;
	top:0;
	left:26px;
	z-index:3
}
.menu li.subcate:hover a {
	color:#0188fb
}
.menu li.subcate:hover:before {
	display:none
}
.menu li.subcate:hover .subnav {
	display:block
}
.menu li.subcate:hover .subnav a:hover {
	color:#0188fb
}
.menu li.subcate:hover .subnav a.on {
	color:#0188fb
}
.menu li.subcate:hover .subnav a.on:after {
	color:#0188fb
}
.menu li.subcate .subnav a {
	color:#333
}
.menu.on {
	width:100%;
	float:left;
	display:inline;
	margin:0 -20px;
	padding:10px 20px 0;
	border-top:1px solid #e4e8eb;
	background:#fff;
	position:absolute;
	top:50px;
	z-index:9;
	display:block
}
.menu.on li {
	width:100%;
	float:none;
	line-height:40px;
	border-bottom:1px dotted #4d9106;
	display:block
}
.menu.on li a {
	display:block
}
.menuico {
	width:38px;
	height:38px;
	float:right;
	border-radius:2px;
	cursor:pointer;
	position:relative;
	z-index:10;
	top:7px;
	display:none;
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	transition:all .2s ease-in
}
.menuico span {
	width:21px;
	height:2px;
	background-color:#0188fb;
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	-webkit-transform:translateX(-50%) translateY(-50%);
	-moz-transform:translateX(-50%) translateY(-50%);
	transform:translateX(-50%) translateY(-50%);
	-webkit-transition:all .2s ease-in;
	-moz-transition:all .2s ease-in;
	-o-transition:all .2s ease-in;
	transition:all .2s ease-in
}
.menuico span:first-child {
	margin-top:-6px
}
.menuico span:last-child {
	margin-top:6px
}
.menuico.on span:first-child {
	width:20px;
	margin-top:-8px;
	margin-left:-7px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:rotate(45deg)
}
.menuico.on span:nth-child(2) {
	opacity:0;
	width:2px;
	left:20px;
	-moz-transition-delay:0s;
	-o-transition-delay:0s;
	-webkit-transition-delay:0s;
	transition-delay:0s;
	-webkit-transition:all .1s ease-in;
	-moz-transition:all .1s ease-in;
	-o-transition:all .1s ease-in;
	transition:all .1s ease-in
}
.menuico.on span {
	background-color:#333;
	-webkit-transform-origin:0;
	-moz-transform-origin:0;
	transform-origin:0
}
.menuico.on span:last-child {
	width:20px;
	margin-top:6px;
	margin-left:-7px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
.fademask.on {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1
}
.sch {
	display:inline-block
}
.schico {
	width:45px;
	height:70px;
	line-height:70px;
	text-align:center;
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	transition:all ease .3s
}
.schico a {
	display:block
}
.schico a:after {
	content:"\e6e1";
	font-size:30px;
	color:#888;
	font-weight:bold;
	font-family:iconfont
}
.sch-m {
	line-height:0;
	position:relative;
	display:none
}
.sch-m input {
	width:100%;
	height:50px;
	padding:0 18px;
	font-size:18px;
	color:#333;
	line-height:50px;
	border:0;
	outline:0;
	border-bottom:2px solid #0188fb;
	border-radius:3px;
	box-sizing:border-box;
	background:transparent
}
.sch-m input:focus {
	color:#0188fb
}
.sch-m button {
	width:30px;
	height:30px;
	padding:0;
	border:0;
	outline:0;
	cursor:pointer;
	background:transparent;
	position:absolute;
	bottom:10px;
	right:10px
}
.sch-m button:after {
	content:"\e6e1";
	font-size:30px;
	color:#0188fb;
	font-family:iconfont;
	font-weight:600;
	display:inline-block;
	vertical-align:top
}
.schfixed {
	width:262px;
	padding:20px;
	border-top:1px solid #0188fb;
	box-shadow:0 0 2px 0 #ddd;
	background:#fff;
	position:absolute;
	top:70px;
	right:0;
	z-index:10;
	display:none
}
.schfixed:before {
	content:"";
	width:0;
	height:0;
	margin:-20px 0 0 0;
	border:10px solid transparent;
	border-bottom-color:#0188fb;
	position:absolute;
	top:0;
	right:14px;
	z-index:3
}
.schfixed:after {
	content:"";
	width:0;
	height:0;
	margin:-19px 0 0 0;
	border:10px solid transparent;
	border-bottom-color:#fff;
	position:absolute;
	top:0;
	right:14px;
	z-index:3
}
.schfixed form {
	position:relative;
	zoom:1
}
.schfixed form:after {
	content:"";
	display:block;
	clear:both
}
.schfixed input {
	width:100%;
	height:38px;
	float:left;
	display:inline;
	padding:0 38px 0 10px;
	font-size:14px;
	color:#333;
	line-height:36px;
	border:1px solid #e4e8eb;
	outline:0;
	border-radius:3px;
	box-sizing:border-box;
	background:#fff
}
.schfixed input:focus {
	color:#0188fb;
	background-color:#fff;
	border-color:#aab7c1;
	outline:0;
	box-shadow:0 0 0 .2rem rgba(31,73,119,0.1)
}
.schfixed button {
	width:38px;
	height:38px;
	padding:0;
	border:0;
	outline:0;
	cursor:pointer;
	background:#0188fb;
	position:absolute;
	top:0;
	right:0
}
.schfixed button:after {
	content:"\e6e1";
	font-size:26px;
	color:#fff;
	font-family:iconfont;
	display:inline-block;
	vertical-align:top
}
.schfixed.on {
	display:block
}
.schbox {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:11;
	display:none
}
.schbox.on {
	display:block
}
.schbg {
	background:rgba(0,0,0,0.9);
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1
}
.schclose {
	font-size:40px;
	color:#0188fb;
	font-family:iconfont;
	cursor:pointer;
	position:absolute;
	top:0;
	right:40px;
	z-index:2
}
.schform {
	width:600px;
	position:absolute;
	top:100px;
	left:50%;
	z-index:2;
	transform:translate(-50%,0)
}
.schform form {
	position:relative
}
.schform input {
	width:100%;
	font-size:22px;
	color:#0188fb;
	line-height:50px;
	border:0;
	outline:0;
	border-bottom:2px solid #0188fb;
	border-radius:3px;
	background:transparent
}
.schform input:focus {
	color:#495057;
	background-color:#fff;
	border-color:#aab7c1;
	outline:0;
	box-shadow:0 0 0 .2rem rgba(31,73,119,0.1)
}
.schform button {
	width:39px;
	height:39px;
	border:0;
	outline:0;
	cursor:pointer;
	background:transparent;
	position:absolute;
	bottom:8px;
	right:0
}
.schform button:after {
	content:"\e077";
	font-size:28px;
	color:#0188fb;
	font-family:iconfont;
	display:inline-block;
	vertical-align:top
}
.schads {
	margin-top:30px
}
.schads h3 {
	margin:10px 0;
	font-size:15px;
	color:#e4e8eb;
	line-height:30px
}
.schads a {
	margin-bottom:10px;
	display:block
}
.main {
	margin-bottom:20px
}
.main .mask {
	margin-bottom:20px
}
.main.fixed {
	padding-top:70px
}



@-webkit-keyframes arrow {
	from {
	-webkit-transform:translate3d(-webkit-calc(-44%),5px,0);
	transform:translate3d(calc(-44%),5px,0)
}
to {
	-webkit-transform:translate3d(-webkit-calc(-44%),0,0);
	transform:translate3d(calc(-44%),0,0)
}
}@keyframes arrow {
	from {
	-webkit-transform:translate3d(-webkit-calc(-44%),5px,0);
	transform:translate3d(calc(-44%),5px,0)
}
to {
	-webkit-transform:translate3d(-webkit-calc(-44%),0,0);
	transform:translate3d(calc(-44%),0,0)
}
}@media screen and (max-width:1920px) {
	.wrap {
	width:1080px
}
.wrapper {
	width:100%;
	min-width:100%
}
a.backtotop {
	left:50%;
	bottom:100px;
	_bottom:30px
}
}@media screen and (max-width:1200px) {
	.wrap {
	width:auto;
	padding:0 20px
}
.header .wrap {
	padding:0
}
.header .name a {
	padding-left:18px
}
.logo {
	margin-left:20px
}
.head {
	padding:0
}
.schico {
	right:10px
}
a.backtotop {
	width:36px;
	height:36px;
	margin:auto;
	line-height:36px;
	right:20px;
	bottom:20px;
	left:auto
}
a.backtotop i:after {
	font-size:26px
}
}@media screen and (max-width:1080px) {
	.header .name {
	height:50px
}
.header .name a {
	font-size:20px;
	line-height:50px
}
.logo {
	height:50px;
	margin-left:10px
}
.logo a {
	height:50px
}
.logo a img {
	height:36px
}

.menu {
	width:100%;
	height:auto;
	float:left;
	margin:0;
	border-top:1px solid #111;
	display:none
}
.menu ul {
	width:100%;
	padding-right:0;
	border-left:0
}
.menu ul li {
	width:100%;
	padding:0;
	color:#ddd;
	line-height:40px;
	border-bottom:1px solid #111;
	border-right:0
}
.menu ul li:before {
	display:none
}
.menu ul li a {
	padding:0 18px;
	font-size:16px;
	color:#333;
	border:0;
	display:block
}
.menu ul li.subcate:hover .subnav {
	display:none
}
.menu ul li.subcate>a:after {
	content:"\e69b";
	margin-left:10px;
	font-size:16px;
	color:#888;
	font-family:iconfont;
	font-weight:600;
	position:absolute;
	top:0;
	right:15px
}
.menu ul li.subcate.slidedown>a:after {
	content:"\e6a4";
	color:#0188fb
}
.menu ul li.subcate.slidedown .subnav {
	margin-bottom:-1px;
	padding:0;
	line-height:40px;
	border-top:1px solid #e4e8eb;
	border-bottom:1px solid #e4e8eb;
	box-shadow:none;
	background:#fafafa;
	position:static;
	display:block;
	-webkit-animation:fadeInUp 0s 0s ease both;
	-moz-animation:fadeInUp 0s 0s ease both
}
.menu ul li.subcate.slidedown .subnav:before,.menu ul li.subcate.slidedown .subnav:after {
	display:none
}
.menu ul li.subcate.slidedown .subnav a {
	padding:0 18px
}
.menu.on {
	width:100%;
	margin:0;
	margin-top:20px;
	padding:10px 0 0;
	display:block;
	background-color: #e5fdd9;
	border:1px solid #4d9106;
}
.menuico {
	right:10px;
	display:block
}
.schico {
	display:none
}
.sch-m {
	display:block
}
.main.fixed {
	padding-top:50px
}
}

.footer {
	padding:20px 17px;
	font-size:14px;
	color:#666;
	text-align:center;
	line-height:24px;
	border-top:1px solid #dbe0e8;
	background:#e4e8eb
}
.footer a {
	font-size:14px;
	color:#333
}
.footer a:hover {
	color:#0188fb
}
.f12{font-size:12px;}
.h30 li {line-height: 30px;font-size:14px;}
.fl{color:#666;}
.s20{text-indent:20px;}
.link1 li{display: inline;margin-right:20px ;}

.lineon{font-size:20px;float:right;width:180px;display:inline;line-height: 70px;color:#0188fb;}
.icolor{color:#26629e;line-height: 80px;}
.th4{line-height: 50px;height:50px;}
.ibox1{text-align: center;}
.ibox1 img{width:255px;}
.ibox1 h4{line-height: 50px;height:50px;}
.ibox1 h6{line-height: 50px;height:40px;}
.ibox2{padding-top:10px;padding-bottom:10px;}
.ibox2 h4{color:#26629e;}
.ibox2 h5{color:#26629e;text-align: left;}
.ibox2 .p14{text-align:left;font-size:14px;}
 .bd1{border-bottom:1px solid #495057;}
.ibox3{text-align:center;}
.ibox3 i{color:#26629e;}
.ibox3 img {width:100%;}
.ibox3 h4{line-height: 50px;height:50px;text-align: center;}
.ibox3 p{line-height: 50px;height:40px;text-align:center;color:#26629e;}
.tbox{width:100%;text-align:center;margin-bottom:40px;}
.ibox3 .p14{text-align:left;font-size:14px;}
.swiper {
	width: 100%;
   
  }

  .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
  }

  .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }
.glist1 p{font-size:14px;text-align:left;}
 .card{border-width: 1px; border-style: solid; border-color: #898989;padding: 20px; }
 .card-title{border-bottom:1px solid #333;line-height:50px;height: 50px;}

 /*子导航样式*/
 .indexsj {
 width: 40px;
 height: 40px;}


 @media screen and (min-width:768px){.md-no{display:none}
}@media screen and (max-width:768px){.ys-no{display:none}
}@media screen and (max-width:768px){.sm-h1{font-size:24px}
.sm-h5{font-size:14px}
}#sc_kefu{position:fixed;right:5px;top:40%;transform:translateY(-50%);font-family:Arial,Helvetica,sans-serif;z-index:9999}
#sc_kefu *{box-sizing:border-box;font-size:12px;line-height:1.1}
.sc-list{padding:0;border:1px solid #EEE;background-color:#FFF;max-width:78px;border-radius:4px;margin:0}
.sc-icon{display:inline-block;background:url(/images/inq-ico.png)no-repeat;width:28px;height:28px;transform:scale(.8)}
.sc-list>li{width:100%;border-top:1px solid #EEE;list-style:none;text-align:center;padding:2px 0 4px;transition:all .2s ease-in-out}
.sc-list>li>a>p{margin:0;transform:scale(.9);text-transform:capitalize}
.sc-list>li a{color:#555;text-decoration:none;display:block;padding:0 2px}
.sc-wechat-img{position:absolute;right:calc(100% - 1px);bottom:0;width:120px;text-align:center;padding:10px 10px 6px;background-color:#FFF;border:1px solid #EEE;border-radius:4px;transform:scale(0);transform-origin:right bottom}
.sc-wechat-img img{display:block;max-width:100%;max-height:100%}
.sc-wechat-img p{margin:4px 0 0;transform:scale(.9);word-break:break-all}
.sc-wechat-img em{display:inline-block;width:16px;height:16px;background:url(/images/inq-ico.png)-76px -8px/99px no-repeat;vertical-align:middle;margin-right:4px}
.sc-list>li:hover .sc-wechat-img{transition:transform .4s;transform:scale(1)}
.sc-list>li:hover,.sc-list>li:hover+li{border-color:transparent}
.sc-email .sc-icon{background-position:-8px -6px}
.sc-whatsapp .sc-icon{background-position:-52px -50px}
.sc-skype .sc-icon{background-position:-52px -6px}
.sc-wechat .sc-icon{background-position:-144px -10px}
.sc-list li:hover a{color:#FFF}
.sc-email:hover{background-color:#f90}
.sc-whatsapp:hover{background-color:#2cb740}
.sc-skype:hover{background-color:#0091df}
.sc-wechat:hover{background-color:#51c332}
.sc-email:hover .sc-icon{background-position:-96px -6px}
.sc-whatsapp:hover .sc-icon{background-position:-52px -94px}
.sc-skype:hover .sc-icon{background-position:-96px -50px}
.sc-wechat:hover .sc-icon{background-position:-144px -62px}
.sc-list>li:first-child{border-radius:4px 4px 0 0;border:0}
.sc-list>li:last-child{border-radius:0 0 4px 4px}
@media (max-width:768px){#sc_kefu{display:none}
.sc_message{display:none}
}
	
	.sc-border-blue-light{position:relative;margin:15px 0px 15px}
	.sc-border-blue-light h5{width:100%;font-size:18px;padding:3px 20px;box-sizing:border-box;border-bottom:4px solid#CCC;margin:0px;color:#d5be4e;border-color:#d5be4e}
	.sc-border-blue-light>h5::before{content:'';display:inline-block;position:absolute;bottom:2px;right:0px;width:98%;height:3px;background-color:#FFF}

	.product-gallery{flex:0 0 50%;overflow:hidden;position:relative}
	.product-gallery img{width:100%;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:all 0.3s ease;cursor:pointer}
	.product-gallery img:hover{transform:scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,0.2)}
	/*文章中出现产品参数的表格时自适应800px*/
	.product-table{width:100%;max-width:800px;margin:40px auto;border-collapse:collapse;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
	@media (max-width:768px){h1{font-size:24px;}.product-table{max-width:100%;display:block;overflow-x:auto}}.product-table th,.product-table td{padding:12px;border:1px solid #eee;text-align:left}

	.case-showcase{display:flex;gap:30px;max-width:1200px;margin:40px auto;padding:0 20px;width:100%;flex-wrap:wrap}
.case-item{flex:1;height:200px;border-radius:8px;overflow:hidden;position:relative;transition:all 0.3s ease;box-shadow:0 4px 12px rgba(0,0,0,0.1);min-width:340px;@media (max-width:768px){flex:0 0 100%;min-width:auto;margin-bottom:20px}
}.case-item:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.2)}
.case-item img{width:100%;height:200px;object-fit:cover;transition:transform 0.3s ease}
.case-item:hover img{transform:scale(1.05)}
.case-info{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.7);color:white;padding:5px;transform:translateY(100%);transition:transform 0.3s ease}
.case-info h3{font-size:1rem;padding:0px;line-height:20px;margin-top:10px}
.case-info p{padding:0px;line-height:20px}
.case-item:hover .case-info{transform:translateY(0)}
.link-btn{background-color:#393939;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:15%;transition:all 0.3s ease;padding:0px}
.link-btn:hover{transform:translateY(-2px);opacity:0.9}
.link-btn img{width:24px;height:24px;filter:brightness(0) invert(1)}
.footc ul li{display:flex;gap:10px;height:35px}
.footc ul li span{background-color:#909090}
.btn-ico{display:inline-block;background:url('/images/inq-ico.png') no-repeat;width:28px;height:28px;transform:scale(.8)}
.btn-eye{background-position:-10px -35px}
.btn-email{background-position:-143px -96px}
.btn-fax{background-position:-94px -96px}
.btn-pos{background-position:-9px -66px}
.btn-mob{background-position:-9px -96px}
.share-btn3{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:15%;transition:all 0.3s ease;padding:2px}
.btn3-img{width:24px;height:24px}
.btn-u3{background-color:#909090}