@import url("../css/bootstrap-icons.css");
/* html{font-size:100px} 注意因为js内放置了转换的相关文件，这里可以不用。如果不想放js，这里可以使用*/
body{MARGIN: 0px;font-size:0.16rem;text-align:left; padding:0px; color:#404040;font-family: "Microsoft YaHei","SimSun","SimHei";min-height: 100%;}
::-webkit-scrollbar {
	overflow: auto; /* 保留滚动功能，但隐藏滚动条 */
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* Internet Explorer 10+ */
	display: none; /* Chrome, Safari, Opera */
	
  }	 
body{background: #F7F7FA;word-wrap: break-word;}
div,ul,li,p,form,dd,dt,dl,h3,h4{ margin:0px; padding:0px; }
img{ border:0px;vertical-align:middle}
li{ list-style:none}
:root {
    --white-color: #fff; /* 主题色 */
    --orange-color: #E97716; /* 鼠标滑过 */
    --txt-color: #1F1F1F; /* 黑色 */
    --grey-color: #666; /* 灰绿 */
    --f5-color: #f5f5f5; /* 亮灰 */
  }
a{ font-size:0.16rem; color:#404040; text-decoration:none;}
a:hover{ font-size:0.16rem; color:var(--orange-color); text-decoration:none;}
p{ font-size:0.16rem;}
.clearboth{ clear:both;}
.container{clear:both; width:94%;text-align:left;word-break:break-all; max-width: 1680px;
margin-left: auto!important;margin-right: auto!important;}
.containerhead{
	display: flex;
    /* flex-wrap: wrap; */
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    max-width: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 50px;
    padding-right: 50px;
}
.fl{float: left}
.fr{float: right}


.xhnav{background:rgba(255,255,255,0.9); backdrop-filter: blur(10px);     box-shadow: 0 0 15px rgb(0 0 0 / 20%);text-align: center; color: #333;padding: 0.05rem 0.16rem;}
.xhnav .collapse ul li a.nav-link{ color: #333!important; font-size: 0.17rem; padding: 0rem 0.15rem;font-weight:600; letter-spacing: 1px;}
.navbar-nav .nav-item{position: relative;}
.xhnav .navbar-brand{padding: 0rem 0rem; font-size: 0.2rem; margin-right: 0.2rem}

.navbar-toggler{font-size: 0.2rem;padding: 0.08rem 0.1rem;border-radius: 0.06rem; color: rgba(233,119,22, 1)!important; background-color: rgba(233,119,22, 1)!important;}

.headtel{margin-left: 0.5rem;display: flex; align-items: center;color: var(--orange-color); font-weight: bold;font-size: 0.25rem;}
.headtel i{background: var(--orange-color); padding: 0rem 0.05rem; color: var(--white-color); font-size: 0.18rem; margin-right: 0.05rem; border-radius: 0.05rem;}


.secmenu{ position: absolute; top: 65px;z-index: 999; opacity: 0;transition: all 0.3s;text-align: center; width: 100%; background: #fff; border-radius: 15px;padding: 13px 0px; -webkit-transform: translateY(20px);
	transform: translateY(20px);
-webkit-transition: all .5s ease;
transition: all .5s ease;visibility: hidden;}
.secmenu:before{
content: '';
display: block;
border:10px solid;
border-color: transparent transparent #fff transparent ;
position: absolute;
left: 50%;
bottom: 130px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);

}
.secmenu dd{text-align: center; height: 35px; line-height: 35px }
.secmenu dd a{font-size: 14px!important; color: #333!important}
.navbar-nav .nav-item:hover .secmenu{opacity: 1; -webkit-transform: translateY(0px);
	transform: translateY(0px);
-webkit-transition: all .5s ease;
transition: all .5s ease;filter: alpha(opacity=100);
visibility: visible}
.secmenu dd:hover {background: #eee}
.secmenu dd:hover a{color: #fff}

@media (max-width: 1480px){
	.containerhead{
		width: 100%; 
		display: inline;    
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
}
@media (max-width: 990px){
	.containerhead{
		width: 100%; 
		display: inline;    
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	.headtel{display: none;}
}
@media (max-width: 768px){
    body{font-size: 0.2rem}
	
	.containerhead{
		width: 768px; 
		display: inline;    
		padding-left: 0px!important;
		padding-right: 0px!important;

	}
	.navbar-dark .navbar-brand {
	    color: #fff;
	    width: 80%;
		/* margin-left: -18%; */
	}
	.mt-4,.my-4{margin-top: 0.35rem!important;}
	.xhnav{background: rgba(255,255,255,0.9); }
	.xhnav .collapse {
		width: 100%;
		height: 100vh;
		padding-bottom: 5%;
	}
	.navbar-nav .nav-item{ width: 60%; margin: 0.1rem auto; border-bottom: #aaa solid 1px; padding-bottom: 0.16rem;}
	.xhnav .collapse ul li a.nav-link{font-size: 0.32rem;}
	.secmenu{position: inherit; opacity: 1; visibility: inherit; top: 0; background: none; padding-top: 0px;}
	.secmenu:before{display: none;}
	.secmenu dd{border-top: #aaa dotted 1px; height: 0.6rem; line-height: 0.6rem;}
	.secmenu dd a{font-size:0.25rem!important; color: #777575!important;}
}

/* .bannerswiper {margin-top: 0.6rem;} */
 .bannerswiper .swiper-container {
      width: 100%;
      height: 100%;
    }
 .bannerswiper .swiper-slide img{
		width:100%;
		height:auto;
		min-height:100%;
		transition:1s linear 2s;
		transform:scale(1.1,1.1);
		}
.bannerswiper	.swiper-slide-active img,.swiper-slide-duplicate-active img{
		transition:6s linear;
		transform:scale(1,1);
		}	
.bannerswiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 40px;}
.bannerswiper .swiper-pagination-bullet{background: #fff;    opacity: 0.6; width:20px; height: 6px; border-radius:5px; }
.bannerswiper .swiper-pagination-bullet-active{background: #1FB75D;opacity:1;} 
@media (max-width:768px){
	.bannerswiper {margin-top: 0.6rem;}  
	.bannerswiper01 {margin-top: 0.6rem;}  
    .bannerswiper01 .img-fluid{ transform-origin: center; transform: scale(1.7)}
    .tz_con ul li a{font-size: 0.24rem}
}


.syabout{padding: 0.8rem 0px;  background:url(../images/1-230F5114413B7.jpg) no-repeat center center /cover}
.syabout .row{ margin: 0rem 0rem 0rem 0rem;}

.about{/*; margin:0 0 0 0;*/ padding: 0 3% 0 0; }
.about .ab_tit{position: relative; padding-left: 0.3rem; margin-bottom: 0.3rem;}
.about .ab_tit h4{ padding-top: 0.08rem; font-size:0.32rem; font-weight: bold;color: #333;}
.about .ab_tit p{line-height: 0.4rem; font-size: 0.18rem;color:var(--orange-color); }
.about .ab_tit p::after{content: ''; height:0.62rem; width:0.07rem; background: var(--orange-color); position: absolute; left: 0rem; top: 0.14rem; border-radius:5px;}


.ab_con{ }
.ab_con p{
	font-size: 0.16rem;
	display: -webkit-box;
	-webkit-line-clamp: 9;
	 -webkit-box-orient:vertical;
	 text-overflow:ellipsis;
	 overflow:hidden;
	 line-height: 2.0;
} 
.abmore{display: inline-block; padding:1% 3%;  border-radius: 5px; margin-top:0.3rem; color: var(--orange-color); transition: all 0.3s; border:var(--orange-color) solid 1px;}
.abmore .bi{color: #A7AEBF; font-size: 0.2rem;margin-right:0.13rem; color: var(--orange-color); vertical-align: -2.5px; margin-left: 0.06rem;}
.abmore:hover{background: var(--orange-color); color: var(--white-color);}
.abmore:hover .bi{color: var(--white-color);}

@media (max-width:768px) {
	.about .ab_tit h4{font-size: 0.35rem;}
	.about .ab_tit p{font-size: 0.22rem;}
	.ab_con p{font-size: 0.25rem;}
	.abmore{margin-bottom: 0.4rem; padding-top: 2%; font-size: 0.2rem;}
    .about{/*; margin:0 0 0 0;*/ padding: 0 0% 0 0; }
}


/* .syabout .col-md-5{padding: 0px!important;} */
.rongyu{ margin:2% 0 0 0;}
.syabout .col-md-5{padding-right: 0px!important;}
.syabout .col-lg-5{padding-right: 0px!important;}
.swiper1{background:rgba(233,119,22, 1);  }
.swiper1 .swiper-wrapper .swiper-slide .pic{ display: flex; align-items: center; justify-content: center; text-align:center;width:88%; height:420px; margin: 5% auto 5% auto; overflow: hidden; }
.swiper1 .swiper-wrapper .swiper-slide .pic img{ max-width:100%;max-height:100%; display:block;  padding:2px;  -webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;transform: scale(1)}

.swiper1 .swiper-wrapper .swiper-slide .pic a:hover img{transform: scale(1.1)}
.swiper1 .swiper-wrapper .swiper-slide .title{ line-height:0.78rem; text-align: center;  }
.swiper1 .swiper-wrapper .swiper-slide .title a{font-size: 0.18rem;color: var(--white-color);}
.swiper1 .swiper-button-next, .swiper1 .swiper-button-prev{top:46%}
@media (max-width: 1480px){
	.swiper1 .swiper-wrapper .swiper-slide .pic{ height:180px;  }
}
@media (max-width: 930px){
	.peixun{    padding: 4% 0% 4% 2%;}
	.swiper1 .swiper-wrapper .swiper-slide .pic{ height:180px;  }
}
@media (max-width: 768px){
	.swiper1 .swiper-wrapper .swiper-slide .pic{ height:3.2rem;  }
	.syabout .col-lg-5{    padding-right: 15px !important;}
.swiper1{}
}


/* 数字滚动 */
.abother{width:100%;background: var(--white-color); margin-top: 3%!important; padding: 3% 0; }
.abothera_btn{border-left: 1px solid #ccc;}
.abothera_btn .inner {
    /* border: 1px solid rgba(255, 255, 255, .2);
    padding: 36px 60px 56px 60px; */
    position: relative;
	text-align: center;
	
}
.abothera_btn .inner h3{ font-size:0.43rem; font-weight: bold;color: var(--orange-color);}
.abothera_btn .inner span{position: absolute; top:20px; right:60px; font-size: 18px; font-weight: normal;margin-left: 10px; z-index: 99;color:#ED9B1C; }
.abothera_btn .inner en{font-size: 20px!important}
.abothera_btn:hover{color: var(--txt-color);}

.abothera_btn:before {
    content: '';
    position: absolute;
    left: -1px;
    top: 0;
    width: 3px;
    height: 30%;
    background: #ED9B1C;
    z-index: 1;
}
.abothera_btn:first-child{border-left:none;}
.abothera_btn:first-child:before{display: none;}

.xh_title { clear: both; text-align: center; margin-bottom:0.2rem; }
.xh_title .xhl1 { font-size: 2rem; font-weight: bold; color: #03A9F5;}
.xh_title .xhl2 { font-size: 0.14rem; color: #b3b3b3; text-transform:uppercase }

.xh_title .xhl3 {display:inline-block;  width:2.62rem; /* height:0.37rem; */ margin-left: auto; margin-right: auto; margin-top:-0.08rem; }
.xh_title .xhl3 .left { display: inline-block; width: 0.128rem; height: 0.0592rem; background: #ffcb2a; border-radius: 10px; }
.xh_title .xhl3 .right { display: inline-block; width: 0.24rem; height: 0.0592rem; background: #ffcb2a; border-radius: 10px; }

.chanpintit{display: flex; justify-content: space-between;}
.index_tit{position: relative;margin-bottom: 0.3rem;}
.index_tit h4{ padding-top: 0.08rem; font-size:0.32rem; font-weight: bold;color: #333;}
.index_tit p{line-height: 0.4rem; font-size: 0.18rem;color:var(--grey-color); margin-top: 0.2rem; }
.index_tit p::after{content: ''; height:0.03rem; width:0.62rem; background: var(--orange-color); position: absolute; left: 0rem; top:0.6rem; border-radius:5px;}

.promore {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.6rem;
    height: 0.5rem;
    background:#f2f2f2;
    background-size: 100% 100%;
    transition: 0.5s;
    font-size: 0.16rem;
	margin-top: 0.25rem;
	margin-right: 0.07rem;
	color:var(--txt-color);
	transition: all 0.3s;
}
.promore:hover{color: var(--white-color);background:var(--orange-color);}
@media (max-width:768px){
	.promore{font-size: 0.2rem;margin-top: 0.1rem; width: 2rem;}
	.index_tit p {
		margin-top: 0.2rem;
		width: 121%;
		font-size: 0.2rem;
	}
}

.fxpro_menu {
	margin-bottom: 30px;
	padding: 20px 0px;
	background-color:var(--orange-color);
}
.fxpro_menu ul{display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; text-align: center!important;}
.fxpro_menu ul li{ text-align: center!important;position: relative;transform-origin: left;}
.fxpro_menu ul li a{color: var(--white-color); font-size: 0.18rem;}
.fxpro_menu ul li i {
    display: block;
    width: 0;
    height: 2px;
    background-color:var(--white-color);
    position: absolute;
    bottom: -10px;
    left: 0;
	transition: all 0.3s; 
}
.fxpro_menu ul li:hover i {
	width: 100%;
}

@media (max-width:768px){
	.fxpro_menu ul li{width:33.33%; height: 0.4rem; overflow: hidden;}
	.fxpro_menu ul li a{font-size:0.24rem;}
}

.peixun{padding: 4% 2% 4% 0%;}


.kecheng .row{margin-top:2%;}
.xhcol{position: relative; padding: 0px; margin: 0rem 0rem 0.16rem 0.128rem;max-width: 32%;}
@media (max-width: 1480px){
	.xhcol{position: relative; padding: 0px; margin: 0rem 0rem 0.16rem 0.128rem;max-width: 31.666%;}
}
@media (max-width: 990px){
	.xhcol{position: relative; padding: 0px; margin: 0rem 0rem 0.16rem 0rem;max-width: 46.666%;}
    .tongzhi .tz_tit h4 a{font-size: 0.32rem}  
	.abother{display: none;} 
}
@media (max-width: 768px){
	.xhcol{position: relative; padding: 0px; margin: 0rem 0rem 0.16rem 0rem;max-width: 100%;}
	
}
.xhcol .abox img {
	border-radius: 10px;
	width: 100%;
	display: block;
}
.xhcol .abox .xht {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 0.32rem;
	text-align: center;
	background:rgba(32,65,138,0.9); 
	z-index: 10;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #fff;
	padding: 0.08rem 0;
	
}
.xhcol .abox:hover .xht {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	padding-top: 27%;
	vertical-align: middle;
	text-align: center;
	background: rgba(3,169,245,.8);
	z-index: 10;
	border-radius: 10px;
	color: #fff;
	transform: scale(1);
	transition: ease .3s;
	font-size: 0.22rem;
}

.chanpin{background:#fff; background-attachment: fixed; padding: 3% 0% 3% 0;}
.chanpin .container{padding-right:0.07rem;}
.chanpin .xh_title .xhl1 { font-size: 0.32rem; font-weight: bold; color: #fff;}

/* 产品展示 */
.chanpin .row{margin: 0px;}
.fxpro_list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	margin: 0 -12px;
}
.fxpro_list ul li {
	width: 25%;
	margin-bottom: 28px;
	padding: 0 12px;
}
.fxpro_list ul li .fxpro_con {
	padding: 24px;
	background:#F7F7FA;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	position: relative;
	transition: all 0.5s!important;
}
.fxpro_list ul li:hover .fxpro_con {
	box-shadow: 0 10px 16px rgba(0, 0, 0, .1);
}
.fxpro_list ul li .fxpro_con::before, .fxpro_list ul li .fxpro_con::after {
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	overflow: hidden;
	background-color: #222;
	position: absolute;
	left: 0;
	top: -4px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.fxpro_list ul li .fxpro_con::after {
	width: 0;
	background-color: var(--orange-color);
}
.fxpro_list ul li:hover .fxpro_con::before {
	width: 0;
}
.fxpro_list ul li:hover .fxpro_con::after {
	width: 100%;
}
.fxpro_list ul li .fxpro_con .fxpro_text {
	width: 100%;
	margin: 0 auto 25px;
}
.fxpro_list ul li .fxpro_con .fxpro_text a.fxpro_name em {
	display: block;
	width: 96%;
	height: 32px;
	overflow: hidden;
	line-height: 32px;
	color: #222;
	font-size: 20px;
	font-weight: bold;
	font-style: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.fxpro_list ul li .fxpro_con .fxpro_text a.fxpro_name span {
	display: block;
	width: 100%;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	color: #777;
	font-size: 16px;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.fxpro_list ul li:hover .fxpro_con .fxpro_text a.fxpro_name em, .fxpro_list ul li:hover .fxpro_con .fxpro_text a.fxpro_name span {
	color: var(--orange-color);
}
.fxpro_list ul li .fxpro_con .fxpro_img {
	width: 100%;
	height: 240px;
	overflow: hidden;
	margin: 0 auto;
}
.fxpro_list ul li .fxpro_con .fxpro_img a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.fxpro_list ul li .fxpro_con .fxpro_img a img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transition: all 0.5s;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
}
.fxpro_list ul li:hover .fxpro_con .fxpro_img a img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}
.fxpro_list ul li .fxpro_con .fxpro_btn {
	position: absolute;
	right: 24px;
	top: 30px;
}
.fxpro_list ul li .fxpro_con .fxpro_btn a i {
	display: block;
	width: 24px;
	height: 24px;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid var(--orange-color);
	border-radius: 50%;
	font-size: 0.2rem;
	text-align: center;
	color: var(--orange-color);
}
.fxpro_list ul li .fxpro_con .fxpro_btn a i.bi::before{vertical-align:0.12em!important;}
.fxpro_list ul li .fxpro_con .fxpro_btn a:hover i {
	background-color:var(--orange-color);
	color: var(--white-color);
}
.fxpro_list ul li .fxpro_con:hover .fxpro_btn a i{
	background-color:var(--orange-color);
	color: var(--white-color);
}
.fxpro_list ul li .fxpro_con .fxpro_btn a i svg {
	display: block;
	width: 100%;
	height: 100%;
}
.fxpro_list ul li .fxpro_con .fxpro_btn a i svg path {
	fill: #e61f4d;
}
.fxpro_list ul li .fxpro_con .fxpro_btn a:hover i svg path {
	fill: #ffffff;
}
 @media (max-width:1440px) {
.fxpro {
	padding: 60px 0 40px;
}
.fxpro_list ul {
	margin: 0 -10px;
}
.fxpro_list ul li {
	margin-bottom: 24px;
	padding: 0 10px;
}
.fxpro_list ul li .fxpro_con {
	padding: 20px;
}
.fxpro_list ul li .fxpro_con .fxpro_img {
	height: 210px;
}
.fxpro_list ul li .fxpro_con .fxpro_text a.fxpro_name span {
	font-size: 15px;
}
.fxpro_list ul li .fxpro_con .fxpro_btn {
	right: 20px;
	bottom: 20px;
}
}
 @media (max-width:1366px) {
.fxpro_list ul li .fxpro_con .fxpro_img {
	height: 200px;
}
}
 @media (max-width:1280px) {
.fxpro_list ul li .fxpro_con .fxpro_img {
	height: 180px;
}
.fxpro_list ul li .fxpro_con .fxpro_text a.fxpro_name em {
	height: 30px;
	line-height: 30px;
	font-size: 18px;
}
.fxpro_list ul li .fxpro_con .fxpro_text a.fxpro_name span {
	height: 24px;
	line-height: 24px;
	font-size: 14px;
}
}
 @media (max-width:1200px) {
.fxpro_list ul li .fxpro_con .fxpro_img {
	height: 170px;
}
}
 @media (max-width:1080px) {
.fxpro_list ul li .fxpro_con .fxpro_img {
	height: 150px;
}
}
 @media (max-width:1024px) {
.fxpro_list ul li .fxpro_con .fxpro_img {
	height: 140px;
}
}
 @media (max-width:920px) {
.fxpro {
	padding: 40px 0 20px;
}
.fxpro_list ul li .fxpro_con {
	padding: 12px;
}
.fxpro_list ul li .fxpro_con .fxpro_img {
	height: 130px;
}
.fxpro_list ul li .fxpro_con .fxpro_btn {
	right: 12px;
	bottom: 12px;
}
}
 @media (max-width:820px) {
.fxpro_list ul li {
	width: 50%;
}
.fxpro_list ul li .fxpro_con {
	padding: 20px;
}
.fxpro_list ul li .fxpro_con .fxpro_img {
	height: 220px;
}
.fxpro_list ul li .fxpro_con .fxpro_btn {
	right: 20px;
	bottom: 20px;
}
}
 @media (max-width:767px) {
	
.fxpro_list ul li .fxpro_con {padding: 12px;}
.fxpro_list ul li .fxpro_con .fxpro_text a.fxpro_name em{font-size: 0.26rem; width: 90%;}
.fxpro_list ul li .fxpro_con .fxpro_btn{top: 0.3rem;right: 0.1rem;}
.fxpro_list ul li .fxpro_con .fxpro_img {
	height: 2rem;
}

.fxpro_list ul li .fxpro_con .fxpro_btn a i{width: 0.3rem; height: 0.3rem; font-size: 0.26rem}
.fxpro_list ul li .fxpro_con .fxpro_btn a i.bi::before{vertical-align: 1em !important;}
}
 @media (max-width:390px) {
.fxpro_list ul {
	margin: 0 -6px;
}
.fxpro_list ul li {
	padding: 0 6px;
}
}
 @media (max-width:320px) {
.fxpro_list ul {
	margin: 0;
}
.fxpro_list ul li {
	width: 100%;
	padding: 0;
}
.fxpro_list ul li .fxpro_con {
	padding: 20px;
}
.fxpro_list ul li .fxpro_con .fxpro_img {
	height: 200px;
}
.fxpro_list ul li .fxpro_con .fxpro_btn {
	right: 20px;
	bottom: 20px;
}
}


/* 优势 */
.shebei{margin: 0.6rem 0; }
.shebei ul{display: flex;flex-wrap: wrap;}
.shebei ul li{width: calc( 100% / 4 - 2%);margin-right: 2.6666%;}
.shebei ul li:nth-child(4n+4){margin-right: 0;}
.shebei ul li .imgbox{width: 100%;height: 100%;position: relative;min-height: inherit;}
.shebei ul li .imgbox > img{height:440px;width:100%;object-fit:cover;opacity: 1;transition:all 1.5s ease;}
.shebei ul li .contentbox{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: flex;align-items: center;background: rgb(0 0 0 / 70%);}
.shebei ul li .gridbox{width: 100%;padding: 5% 5%;}
.shebei ul li .ico{max-width: 50px;}
.shebei ul li .ico img{transition: all 1s;}
.shebei ul li .txt{color: #fff;margin-top: 20px;margin-bottom: 40px;transition: all 0.3s ease; text-align: center;}
.shebei ul li .txt h3{font-size: 0.3rem;line-height: 1.6; text-transform: uppercase;}
.shebei ul li .txt p{font-size: 0.2rem;line-height: 1.6;margin-top: 20px;opacity: .8;}
.shebei ul li .btn01{position: relative; text-align: center; min-height: 70px!important;line-height: 70px!important;border-top: 2px solid rgba(255,255,255,.2); padding: 0px!important; border: 0px; }

.shebei ul li .btn01:after{content:'';width:15%;height:2px;background:#fff;transition:all 0.8s;position:absolute;bottom:0px;left: 42.5%; transform-origin: center; margin: 0 auto; }

.shebei ul li .btn01 .bi{font-size: 0.6rem;color: var(--white-color);}

.shebei ul li .btn01 a{color: #fff;font-size: 14px;}
.shebei ul li .imgbox:hover .contentbox{background: rgba(233,119,22,0.7);}
.shebei ul li .imgbox:hover .ico img{transform:rotateY(360deg);}
.shebei ul li .imgbox:hover .txt{margin-top:50px;margin-bottom:50px;}
.shebei ul li .imgbox:hover .txt p{opacity:1;}
/* .shebei ul li .imgbox:hover .shebei ul li .btn01 .bi{margin-bottom: 20px;} */
.shebei ul li .imgbox:hover .btn01:after{width:80%;left:10%; bottom:-13px;}

@media (max-width:768px){
	.shebei ul{      
		display: flex; 
		justify-content: space-between;
		flex-wrap: wrap; 
		}
	.shebei ul li {
		width: calc(100% / 2 - 1%);
		margin-right: 1%;
		margin-top: 1.8%;
	}
	.shebei ul li:nth-child(2n+2){    margin-right: 0;}
	.shebei ul li .imgbox > img{height: 5rem;}
	.shebei ul li .contentbox{}
	.shebei ul li .txt h3{    font-size: 0.26rem;}
}


/* 案例 */
.fxanli{background: var(--white-color); padding-top:0.6rem!important;padding-bottom:0.6rem!important;}

.swiper2{margin-top: 0.05rem; }
.swiper2 .swiper-wrapper .swiper-slide .pic{ display: flex; align-items: center; justify-content: center; text-align:center;width:100%; height:300px; overflow: hidden; background: #fff; }
.swiper2 .swiper-wrapper .swiper-slide .pic img{ max-width:100%;max-height:100%; display:block;  padding:2px;  -webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;transform: scale(1.2)}

.swiper2 .swiper-wrapper .swiper-slide .pic a:hover img{transform: scale(1.3)}
.swiper2 .swiper-wrapper .swiper-slide .title{padding: 0.2rem 0px; text-align: center; background: var(--f5-color); }
.swiper2 .swiper-wrapper .swiper-slide .title a{font-size: 0.16rem}
.swiper2 .swiper-button-nex,.swiper2 .swiper-button-prev{}
.swiper2 .swiper-button-next{top:46%; transform: rotate(135deg);background-image:none; font-size: 35px; color: var(--orange-color);}
.swiper-button-prev .bi-arrow-up-left-square-fill{display: none;}
.swiper-button-next .bi-arrow-up-left-square-fill{display: none;}

 .swiper2 .swiper-button-prev{top:46%; transform: rotate(-45deg);background-image:none;font-size: 35px; color: var(--orange-color);}
 .swiper2 .swiper-button-prev:hover .bi-arrow-up-left-square-fill{display: block;}
.swiper2 .swiper-button-prev:hover .bi-arrow-up-left-square{display: none;}
.swiper2 .swiper-button-next:hover .bi-arrow-up-left-square-fill{display: block;}
.swiper2 .swiper-button-next:hover .bi-arrow-up-left-square{display: none;}
.swiper2 .swiper-pagination-bullet{ width: 0.12rem; height: 0.12rem;  border: var(--orange-color) solid 1px;transform: rotate(45deg);    border-radius: 0.04rem; background: 0;}
.swiper2 .swiper-pagination-bullet-active{background: var(--orange-color)!important;}

@media (max-width: 1480px){
	.swiper2 .swiper-wrapper .swiper-slide .pic{ height:180px;  }
}
@media (max-width: 930px){
	.peixun{    padding: 4% 0% 4% 2%;}
	.swiper2 .swiper-wrapper .swiper-slide .pic{ height:180px;  }
}
@media (max-width: 768px){
	
	.swiper2 .swiper-wrapper .swiper-slide .title a{font-size: 0.3rem;}

}




.indexnews{padding-top: 0.6rem;padding-bottom: 0.6rem;}
.pcmargin{margin-right: -5rem;}
.synewslist{
	display:inline-block; 
	position: relative; 
	padding: 0.38rem; 
	background: var(--white-color); 
	margin: 0 0.16rem;
	max-width: 31.222%!important;
	border: #EEEEEE solid 1px;
	transition: all 0.3s;
}
.synewslist:hover{    box-shadow: 0px 1px 15px 2px rgba(0,0,0,0.15);}
.newsyuan {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    background-color: rgba(251, 178, 0, 1);
    max-width: 15px;
    height: 15px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    position: absolute;
    top: 15px;
    left: auto;
    z-index: 1;
    right: 15px;
    bottom: auto;
}
.synewslist .newspic{
overflow: hidden;
max-height: 250px;
min-height: 250px;
}
.synewslist .newspic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: scale(1);
    transition: all 0.5s;
}
.synewslist:hover .newspic img{transform: scale(1.1);}
em.date{
	display: inline-block;
	font-style: normal;
	min-height: 20px;
    font-size: 14px;
    color: rgba(114, 114, 114, 1);
    line-height: 1;
    font-family: Arial;
    margin-top: 20px!important;
}
.synewslist h3{font-size: 0.21rem; letter-spacing: 0.01rem; margin: 0.12rem auto 0.5rem; transition: all 0.3s;}

.newsbtn{
	position: absolute;
	bottom: 20px;
	border: var(--orange-color) solid 1px; padding:0.05rem 0.1rem; border-radius: 5px; transition: all 0.3s;
}
.synewslist:hover .newsbtn{background: var(--orange-color); color: var(--white-color);}

@media (max-width: 1480px){
	.swiper2 .swiper-wrapper .swiper-slide .pic{ height:180px;  }
}
@media (max-width: 930px){
	.peixun{    padding: 4% 0% 4% 2%;}
	.swiper2 .swiper-wrapper .swiper-slide .pic{ height:180px;  }
}
@media (max-width: 768px){
	.newsyuan{display: none;}
.indexnews .promore{width: 3rem!important;    font-size: 0.24rem!important;}
.pcmargin{margin-right:0.03rem;width: 2rem}
.synewslist{
	margin:0.16rem 0 ;
	max-width:100%!important;
}
.indexnews .chanpintit .index_tit p {
    margin-top: 0.2rem;
    width: 170%;
    font-size: 0.2rem;
}
em.date{    font-size: 0.2rem;}
.synewslist h3{font-size: 0.3rem; letter-spacing: 0.01rem; margin: 0.12rem auto 0.5rem; transition: all 0.3s;}
.newsbtn{ font-size: 0.2rem;}
}


footer{background: #333; color: #f5f5f5; }
.width80{ width: 100%; display: flex; justify-content: space-around; }
.xhabout{ padding: 4% 2%;    max-width: 21%!important;}
.xhabout h4{color: #F5FAFF; margin-bottom:0.16rem; font-size: 0.24rem}
.xhabout h4 a{color: #F5FAFF; font-size: 0.192rem; font-weight: bold;}
.xhabout p{ color: #f5f5f5; line-height:1.8;font-size: 0.15rem;}
.xhabout ul li{margin: 0.2rem 0 0.05rem 0;}
.xhabout ul li a{color: #f5f5f5;}

.xhftnav{padding: 4% 3%;}
.xhftnav h4{color: #F5FAFF; }
.xhftnav h4 a{color: #F5FAFF; font-size: 1.2rem; font-weight: bold;}

.xhlxwm{padding: 4% 3%;}
.xhlxwm h4{color: #F5FAFF; margin-bottom:0.28rem; font-size: 0.24rem}
.xhlxwm h4 a{color: #F5FAFF; font-size: 0.192rem; font-weight: bold;}
.xhlxwm_con .ewm{}
.xhlxwm_con p{ color: #f5f5f5; line-height:1.9;font-size: 0.15rem;}

.banquan{ text-align: right; padding: 0.16rem 0; font-size: 0.9rem; margin-top: 1.1rem;    max-width: 45%!important;position: relative;}
.bqline{position: absolute; right: 0;top: 140px; width:10%; height: 0.04rem; background: #f5f5f5;}
.banquan p{font-size: 0.14rem; line-height: 2.0;}
.banquan p a{font-size: 0.14rem;color: #f5f5f5;}

@media (max-width: 990px){
	.xhlxwm_con .ewm{text-align: center; margin-bottom: 0.16rem;}
	.xhlxwm_con img{width:50%; margin: 0 auto;}
	/* .xhlxwm_con .col-lg-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 33.666667%!important;
	} */
}
@media (max-width: 768px){
    .bqline{display: none}
	footer{ padding-left: 0rem!important;}
	.width80{ width: 100%; display: flex; justify-content: space-around; flex-wrap: wrap; }
	.xhabout{max-width: 100% !important; }
	.xhabout h4 a{font-size: 0.3rem!important;}
	.xhabout ul li{text-align: center;  width: 33.33%!important;}
	.xhabout .col-sm-3{width: 25%!important;}
	.xhabout ul li a{font-size: 0.24rem;}

	.xhlxwm h4 a{font-size: 0.3rem!important;}
    .xhlxwm_con{margin: 0 auto}
	.xhlxwm_con img {width: 100%;}
	.xhlxwm_con p {font-size: 0.26rem;}
	.banquan{max-width: 100%!important; text-align: center; margin-top: 0rem;}
	.banquan p{font-size: 0.18rem;}

}


/* 内页 */
.nysubtit{padding: 0.2rem 0; background:#F4F3F8;}
.nysub_tit{}
.nysub_tit h4{position: relative;  font-size:0.24rem; font-weight: bold;color: #333; padding-left: 0.2rem;}
.nysub_tit h4::after{content: ''; height:0.25rem; width:0.06rem; background: var(--orange-color); position: absolute; left: 0rem; top:0.02rem; border-radius:5px;}

.subright {text-align: right; color: #666;}
.subright a{color: #666;}

.fxneiye{background: #fff; padding: 0.5rem 0;}

.neiyecpfl{
	width: 94%;
	min-width: 2.2rem;
	border: solid 1px #f2f4f9;
	box-shadow: 0 0 20px rgba(0,0,0,.05);

}
.neiyecpfl h3{
	padding: 0.25rem;
	color: #fff;
	background:var(--orange-color);
    font-size:0.26rem;
}
.neiyecpfl h3 i{
	display: block;
	width: 0.35rem;
	height: 0.02rem;
	margin-top: 0.1rem;
	background: #fff;
}
.neiyecpfl ul{
	background: #fff;
}
.neiyecpfl ul li{
	border-bottom: 1px solid #E6E6E6;
    padding: 0.2rem 0.2rem 0.2rem 0.3rem;
    background: url(../images/liicon.jpg) no-repeat 15px center;
}
/* .wxnyfl ul li:last-child{border-bottom:none;} */
.neiyecpfl ul li a{font-size: 0.18rem; }

.liuyan {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0 18% 0 12%;
    background: #f5f5f5
}
.liuyan #liuyantj{background: #E97716;}

#productinfo_column_1{margin-top: 0px}
 #pic_column_1 > ul > li > a > .img{max-height: 2rem!important;min-height: 2rem!important}
#pic_column_1 > ul > li{    margin-right: 2%;margin-top: 0px; margin-bottom: 20px}
#productinfo_column_1 > .search_pro > .ny_con > ul > li > a > .img{max-height: 1.5rem!important;min-height: 1.5rem!important}

@media (max-width: 768px){
	.nysubtit{display: none;}
	.subright{text-align: left;}
    .fxneiye .row{}
	.fxneiye .col-sm-3, .fxneiye .col-md-3, .fxneiye .col-lg-3{padding-left: 0; padding-right: 0;}
    .neiyecpfl {width: 100%;margin-bottom: 0.2rem}
	.neiyecpfl h3{display: none;}
	.neiyecpfl ul{display: flex; justify-content: space-around; flex-wrap: wrap; align-items: center; }
	.neiyecpfl ul li{background: none; max-width: 0 0.01rem;border-bottom:none; padding: 0.1rem;}
	.neiyecpfl ul li a{font-size: 0.24rem;}
    
    .fxneiye p{font-size: 0.2rem}
    .fxneiye{}
    
    #newsinfo_column_1 > .ny_con p{font-size: 0.2rem!important}
    
    #tx_map {
        width: 100%;
        height: 178px;
    }
    .lxwm-top{padding: 0 0.05rem}
    
    .liuyan{padding: 0 0}
    .liuyan .formlist input{width: 45%!important}
    
    #productinfo_column_1{margin-top: 10px}
    #news_column_1 > ul > li > a{font-size: 0.26rem!important}
    #newsinfo_column_1 > .news_other > .li > a{font-size: 0.2rem!important}
    #pic_column_1 > ul > li > a > .img{max-height: 2rem!important;min-height: 2rem!important}
#productinfo_column_1 > .search_pro > .ny_con > ul > li > a > .img{max-height: 1rem!important;min-height: 1rem!important}
    #pic_column_1 > ul > li > a > p{font-size: 0.2rem}
    #productinfo_column_1 > .pro_other > .li > a{font-size:0.2rem}
    #productinfo_column_1 > .search_news > .ny_con > ul > li{width: 100%}
    #productinfo_column_1 > .search_news > .ny_con > ul > li > a{font-size:0.2rem}
    
}