@import url("../css/bootstrap-icons.css");
/*html{font-size:100px}  注意因为js内放置了转换的相关文件，这里可以不用。如果不想放js，这里可以使用*/
/* html{scroll-behavior: smooth;} */
body{MARGIN: 0px;font-size:0.16rem;text-align:left; padding:0px; color:#000;font-family: "Microsoft YaHei","SimSun","SimHei";min-height: 100%;}
body{background: #F7F7FA;word-wrap: break-word;}
div,ul,li,p,form,dd,dt,dl,h3,h4{ margin:0px; padding:0px; font-size:0.16rem;}
img{ border:0px;vertical-align:middle}
li{ list-style:none}
a{ font-size:0.16rem; color:#000; text-decoration:none;}
a:hover{ font-size:0.16rem; color:#0064C1; text-decoration:none;}
p{ font-size:0.16rem;}
.clearboth{ clear:both;}
.container{clear:both; width: 94%; max-width:1480px!important;text-align:left;word-break:break-all; margin-left:auto; margin-right:auto;}
.fl{float: left}
.fr{float: right}
:root {
    --theme-color: #000000; /* 主题色 */
	--blue-color:#184B9C;/* 点缀 */
    --hover-color: #0064C1; /* 鼠标滑过 */
    --white-color: #fff; /* 白色 */
    --txt-color: #1F1F1F; /* 黑色 */
    --grey-color: #eaefeb; /* 灰绿 */
    --f5-color: #F4F3F8; /* 亮灰 */
     --font-size-base:16px/* 默认字号 */
  }
  .row > *{padding-left: 0; padding-right: 0; max-width: 100%;}
header{
    /* position: fixed; */
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2000;
	transition:all .4s ease-in-out;	
	padding: 0.07rem 0;
	
}

.headerbg{background:rgba(0,0,0,0.8); color: #333333;-webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(12px);}
.headerbg .navbar{--bs-navbar-padding-y: 0.1rem;}

.headercon{
    position: relative;
	width: 100%;
	height: 0.8rem; 
	z-index: 999;
}

.logo{}
.fxpcmenu ul{display: flex; justify-content: space-around; align-items: center; text-align: center;}
.fxpcmenu ul li{margin: 0.26rem auto; position: relative;}
.fxpcmenu ul li a{color: var(--white-color);}

.headtel{ text-align: right;  height: 0.3rem;  font-size: 0.22rem;position: absolute; right: 0; top:0.2rem; color: var(--white-color); border-radius: 0.3rem; }
.headtel .bi{margin-right: 0.05rem;}





.secmenu{ position: absolute; top: 50px; left: -50%; z-index: 999; opacity: 0;transition: all 0.3s;text-align: center; width: 200%; background: #fff; border-radius: 10px;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%;
top: -18px;
-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: 0.14rem!important; color: #000!important}
.fxpcmenu ul li: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: #f5f5f5}
.secmenu dd:hover a{color: #fff}


.offcanvas-header{padding: 0.16rem;}
.offcanvas-title{font-size: 0.18rem;}
.offcanvas-body{display: none!important; font-size: 0.16rem;}

.fxoffcanvas h3{display: none;}


@media (max-width: 992px){
	header{
		position: fixed;
		left: 0;
		top: 0;
		z-index: 2000;
		transition:all .4s ease-in-out;	
		padding: 0.1rem 0;
		background: var(--blue-color);
	}
	.headercon{max-width: 100%;}
	/* .headercon .row{
	    margin-right:0px;
    	margin-left: calc(-0.5* var(--bs-gutter-x));	
	} */

	.logo{width: 77%; margin-left:6%;height: 0.8rem;}
	.logo img{max-height: 100%;}
	.fxpcmenu{display: none;}

	.fxwapbtn{
		width: 15%!important;
		padding: 0rem!important;
		color: var(--white-color);
		line-height: 0;
	}
	.fxwapbtn .bi{font-size: 0.56rem;}
	header:hover .fxwapbtn .bi{color: var(--white-color);}
	.btn {
		--bs-btn-padding-x: 0.1rem!important;
		--bs-btn-padding-y: 0.1rem!important;
	}
	.btn:hover{    
		color: var(--bs-btn-hover-color);
		background:none!important;
		border: 0px!important;
	}
	.navbar-toggler:focus{
		background:none!important;
		border: 0px!important;
		box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
	}
	button:focus:not(:focus-visible) {
		outline: 0;
	}
	.fxoffcanvas .offcanvas-header{height: 1.2rem; display: inline-block;}
	
	.offcanvas-header .btn-close{
		width: 0.5rem;
		height: 0.5rem;
		padding: 0px!important;
		margin-top: 1%!important;
		margin-left: 90%!important; 
		/* 
	
		margin-bottom: 0!important;
		margin-right:30px!important;
		right: 0.5rem;*/
		--bs-btn-close-focus-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25);
		color: var(--white-color);
	}
	.btn-close .bi{font-size: 0.5rem; color: var(--white-color);}
	.fxoffcanvas{
		max-width: 70%;
		height: 150vh;
		font-size: 0.16rem; 
		background: rgba(0,0,0,.6);
		-webkit-backdrop-filter: blur(3px);
		backdrop-filter: blur(12px);
	}
	.fxoffcanvas h3{display: block; font-size: 0.4rem!important; margin:0.5rem 0.3rem 0.3rem 0.5rem; color: var(--white-color);}
	.fxoffcanvas h3 .bi{margin-right: 0.2rem;}
	.offcanvas-backdrop.show{height: 150vh;}
	/* .offcanvas-backdrop {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1040;
		width: 100vw;
		height: 145vh;
		background-color: #000;
	} */
	.offcanvas-body{
	display: flex!important;
    flex-grow: 0;
    padding:10% 0 0 12%;
    overflow-y: visible;
    background-color: transparent !important;
	flex-wrap: wrap;
	}
	.headtel{display: none;}
	.fxwaplist{margin: 0 0.8rem; width: 60%;}
	.fxwaplist .btn{
		color: var(--white-color); font-size: 0.35rem;  
	}
	.fxwaplist .dropdown-menu{
		padding: 0.1rem;
		width: 100%;
		max-height: 5rem;
		overflow-y: scroll;
		--bs-dropdown-min-width: 0;
		/* --bs-dropdown-bg:none; */
		transition: all 0.2s;
	}
	.fxwaplist .dropdown-menu li{width: 100%!important;padding: 0.1rem; }
	.fxwaplist .dropdown-menu .dropdown-item{
		background: none; 
		padding: 0px;
		color:var(--theme-color); 
		font-size: 0.3rem;
		text-align: center;
	}

}
.bannerswiper {margin-top: -95px;}
 .bannerswiper .swiper {
      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.8rem;}
	.bannerswiper .swiper-button-next, .bannerswiper .swiper-button-prev{
		height: 19px!important;
		margin-top: -15px
	}
	/* .bannerswiper {margin-top: 0.6rem;}   */
    .tz_con ul li a{font-size: 0.24rem}
}

/* 产品中心 */
.fxpro{padding: 0.8rem 0 0 0; background: var(--white-color);/*background: url(../images/fxprobg.jpg) no-repeat bottom center; */}

.index_title{ width:100%; text-align:center; }
.index_title h3{ font-size:0.36rem; font-weight:bold;  margin: 0px;position: relative; z-index: 99;}
.index_title h4{ width: 40%; margin: 0 auto; margin-top: -0.55rem; text-transform: uppercase; font-size: 0.3rem; font-weight: bold; color: rgba(0,0,0,0.1);}
.index_title i{margin-top: 0.38rem; display: inline-block; height: 5px; width: 60px; background: var(--blue-color); border-radius: 5px;}
.index_txt{margin: 0px; padding: 0px; text-transform: uppercase; font-size: 0.2rem; color:#333; line-height: 50px;}



  .swiper2{}
  .swiper2 .swiper-wrapper .swiper-slide{position: relative;  }
  .swiper2 .swiper-wrapper .swiper-slide .row{max-width: 70%; margin: 0 auto;}
  .swiper2 .swiper-wrapper .swiper-slide .pic{ display: flex; align-items: center; justify-content: center; text-align:center;padding: 0.24rem 0.24rem 0.24rem 0.24rem; overflow: hidden; border-radius: 10px; border: rgba(0,0,0,.1) solid 1px; }
  .swiper2 .swiper-wrapper .swiper-slide .pic img{ max-width:100%;max-height:100%; display:block;   -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.5rem 0.8rem 0.5rem 0rem; text-align: left; background: rgba(15,98,254,0);}
  .swiper2 .swiper-wrapper .swiper-slide .title h3{font-size: 0.3rem; font-weight: bold;color: #000;}
  .swiper2 .swiper-wrapper .swiper-slide .title p{ margin-top: 0.5rem; font-size: 0.22rem; line-height: 1.8;overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
  .promore{width: 2rem; height: 0.5rem; text-align: center; line-height: 0.5rem; border: var(--blue-color) solid 1px; margin-top: 0.4rem; font-size: 0.2rem; color: var(--blue-color);}
  .promore .bi{margin-left: 0.1rem;}
  .swiper2 .swiper-wrapper .swiper-slide .row:hover h3{color: #000;}
  .swiper2 .swiper-wrapper .swiper-slide .row:hover p{color: #000;}

  
.mySwiper {
	margin-top: 0.8rem;
	height: 20%;
	box-sizing: border-box;
	padding: 10px 0;
	/* border-top:rgba(255,255,255,.3) solid 1px ; */
  }

.mySwiper .swiper-slide {
	position: relative;
	background:rgba(0,0,0,.4);
	padding: 0.4rem 0.2rem;
	border-right:rgba(255,255,255,.3) solid 1px ;
	transition: all ease .3s;
	text-align: center;
	font-weight: bold;
	font-size: 0.18rem;
	color: var(--white-color);
	letter-spacing: 1px;
	cursor: pointer;
	/*opacity: 0.6;
 filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	backdrop-filter: blur(12px); */
}

.mySwiper .swiper-slide-thumb-active {
background: #0064C1;
opacity: 1;
}

  /* .mySwiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  } */

@media (max-width: 992px){
	/* .swiper2 .swiper-wrapper .swiper-slide .pic{  width: 50%;  } */
	.swiper2 .swiper-button-prev{font-size: 0.5rem;}
	.swiper2 .swiper-button-next{font-size: 0.5rem;}
	.swiper2 .swiper-wrapper .swiper-slide .title{padding-right: 0rem;}
	.swiper2 .swiper-wrapper .swiper-slide .pic{background: none;}
	.swiper2 .swiper-wrapper .swiper-slide .title h3{font-size: 0.4rem; }
	.swiper2 .swiper-wrapper .swiper-slide .title p{font-size: 0.32rem;}
	.promore{font-size: 0.3rem; width: 2.4rem; height: 0.8rem; line-height: 0.8rem;}

	.mySwiper .swiper-slide{font-size: 0.32rem;}
	
}



.fxprfl{text-align: center;}

.fxprfr{max-width: 100%; margin: 0.3rem auto 0 auto;  padding:0.8rem 0 0rem 0; background: url(../images/fxprfrbg.jpg) no-repeat center center;}

.fxprfrlist{width: 100%; background:#EAE8F1; position: relative; margin-top: 0.3rem;height: 3rem;  overflow: hidden;} 
.fxprfrlist:first-child{margin-top: 0rem;background: url(../images/fx01.jpg) no-repeat center center /cover;}
.fxprfrlist:last-child{background: url(../images/fx02.jpg) no-repeat center center /cover;}
.textbox{position: absolute; width: 80%; height: 100%; padding: 5% 0 3% 5% ; text-align: left; background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0));z-index: 999;}
.textbox h3 { font-size: 0.3rem;color: #1d1d1d;text-align: left;margin-bottom: 0.2rem;}
.textbox p {width: 60%;font-size:0.18rem;color: #333;margin-top: 5px;line-height: 2.0;}

.fxprfrlist:last-child .textbox{right: 0px;background: linear-gradient(to left,rgba(255,255,255,1),rgba(255,255,255,0)); text-align: right; padding: 5% 5% 3% 0% ;}
.fxprfrlist:last-child .textbox h3{text-align: right;}
.fxprfrlist:last-child .textbox p {text-align: right; margin-left: 40%;}

.fxprfrlist .textpic{position: absolute; width: 100%;  z-index: 99;}
.fxprfrlist .textpic img{  width: 100%;height: 100%;object-fit: cover!important;}
.more03{ position: absolute; z-index: 999; left:5%; bottom:20%; border: var(--blue-color) solid 1px;transition: all 0.5s; padding: 0.05rem 0.3rem; width: 14%; border-radius: 3rem;}
.more03 .bi{font-size: 0.18rem; margin-left: 0.02rem; vertical-align: 0em;transition: all 0.5s;}
.fxprfrlist:hover .more03{background: var(--blue-color);width: 16%; color: var(--white-color);}
.fxprfrlist:hover .more03 .bi{ margin-left: 0.2rem; color: var(--white-color);}

.more04{ position: absolute; z-index: 999; right:5%; bottom:20%; border: var(--blue-color) solid 1px;transition: all 0.5s; padding: 0.05rem 0.3rem; width: 14%; border-radius: 3rem;}
.more04 .bi{font-size: 0.18rem; margin-left: 0.02rem; vertical-align: 0em;transition: all 0.5s;}
.fxprfrlist:hover .more04{background: var(--blue-color);width: 16%; color: var(--white-color);}
.fxprfrlist:hover .more04 .bi{ margin-left: 0.2rem; color: var(--white-color);}


@media (max-width:992px){
	.index_title h3{font-size: 0.5rem;}
	.index_title h4{ width: 100%; margin-top: -0.78rem;    font-size: 0.34rem;}
	.index_title i{margin-top: 0.6rem; height: 3px;}
	.index_txt{font-size: 0.3rem;}

	.fxprfr{max-width: 100%!important;;}
	.fxprfl02{padding-bottom:9rem!important;}
	.more02{top: inherit; bottom: 50%!important;left: 6%;    padding: 0.15rem 0.2rem;
		width: 28%; font-size: 0.26rem;}
	.more02 .bi{font-size: 0.23rem; margin-left: 0.08rem;}
	.fxprfl02:hover .more02{width: 30%;}
	.fxprfl02:hover .more02 .bi {
		margin-left: 0.12rem;
		color: var(--white-color);
	}
	.fxprfrlist{height: 3.5rem;}
	.fxprfrlist:first-child{margin-top: 0.3rem;}
	/* .fxprfrlist .textpic .img-fluid{transform: scale(1.4);} */
	.textbox h3{font-size: 0.4rem;}
	.textbox p{font-size: 0.26rem; line-height: 1.5; width: 63%;}
	
	.fxprfrlist .textpic img{    height: 100%;
		object-fit: cover !important;}

	.more03{ bottom:10%; padding: 0.08rem 0.3rem; width: 24%;font-size: 0.2rem;;}
	.more03 .bi{font-size: 0.18rem; margin-left: 0.02rem; vertical-align: 0em;transition: all 0.5s;}
	.fxprfrlist:hover .more03{background: var(--blue-color);width:26%; color: var(--white-color);}
	.fxprfrlist:hover .more03 .bi{ margin-left: 0.2rem; color: var(--white-color);}

	.more04{  bottom:10%; padding: 0.08rem 0.3rem; width: 24%;font-size: 0.2rem;;}
	.more04 .bi{font-size: 0.18rem; margin-left: 0.02rem; vertical-align: 0em;transition: all 0.5s;}
	.fxprfrlist:hover .more04{background: var(--blue-color);width:26%; color: var(--white-color);}
	.fxprfrlist:hover .more04 .bi{ margin-left: 0.2rem; color: var(--white-color);}

	.fxprfrlist:last-child .textbox p {
		width: 70%;
		text-align: right;
		margin-left: 30%;
	}
}

@media (max-width:768px){
	.fxprfl{width: 25%;}
}


/* 关于我们 */
.indexabout{padding: 0.8rem 0rem; background:url(../images/abbg.jpg) no-repeat bottom center var(--white-color);}
.indexabout .container{max-width: 1480px!important;; padding: 0px; margin: 0px auto;}
.abcon {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0px;
}

.abtxt {
    /* width: 50%;
	height: 5rem; */
    background: #F4F3F8;
    padding: 0.6rem 0.5rem  0.6rem  0.6rem ;
    position: relative;
    overflow: hidden;
	order:1;
}
.abtxt:hover{color: #000;}
.abtxt h2 {
    /* position: relative; */
	font-size: 0.3rem;
	font-weight: bold;
    line-height: 1.2;
    z-index: 2;
	margin-bottom: 0.15rem;
    /* transform: translateY(25px); 
    opacity: 1;
    transition: transform 500ms cubic-bezier(0, 0, 0.5, 1),opacity 500ms cubic-bezier(0, 0, 0.5, 1),visibility 500ms cubic-bezier(0, 0, 0.5, 1)*/
}
.abtxt span{margin-top:0.1rem; color: #5b5b5b; font-size: 0.18rem; font-weight: bold;}
/* .abcon.active .abtxt h2 {
    transform: translateY(0);
    opacity: 1
} */
.abtxt p {
    color: #5b5b5b;
    margin-top: 40px;
    line-height: 2.0;
    z-index: 2;
	font-size: 0.17rem;
    text-align: justify;
    width: 100%;
	margin-bottom: 0.2rem;
	display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.abtxt h4{position: absolute; top: -0.25rem; right: 0rem; color:rgba(0,0,0,0.03); font-size: 1.1rem; font-weight: bold;}

.abmore{ width: 2rem; height: 0.5rem; line-height: 0.5rem; text-align: center; background: var(--blue-color); color: var(--white-color); display: flex; align-items: center; justify-content: center; margin-top: 0.5rem; font-size: 0.16rem; color: #fff;}
.abmore .bi{font-size: 0.3rem; color: #666; transition: all 0.3s;color: var(--white-color); margin-left: 0.1rem;}
.abtxt:hover .abmore{color: #fff;}

.abtxt:hover .bi{ margin-left: 0.3rem;}
.abpic{ order: 2;}

@media (max-width:992px){
	.indexabout{padding-top: 0.3rem;}
	.abpic{ order: 2;}
	.abtxt{width: 100%;  padding: 0.5rem 0.5rem 0.5rem 0.5rem; height: 7rem; order: 1;}
	.abtxt h2{font-size: 0.38rem; text-align: center; margin-bottom: 0.3rem;}
	.abtxt h4{bottom: -13px;}
	.abtxt span{font-size: 0.3rem;}
	.abtxt p{margin-top: 0.2rem; font-size: 0.3rem;}
	.abtxt p a{font-size: 0.3rem;}
}


/* 文化 */
.fxwenhua{padding: 0.8rem 0; background: url(../images/whbg.jpg) no-repeat center center;}
.fxwenhua .index_title{ width:100%; text-align:center; }
.fxwenhua .index_title h3{ font-size:0.36rem; font-weight:bold;  margin: 0px;position: relative; z-index: 99; color: var(--white-color);}
.fxwenhua .index_title h4{ width: 20%; margin: 0 auto; margin-top: -0.58rem; text-transform: uppercase; font-size: 0.3rem; font-weight: bold; color: rgba(255,255,255,0.2);}
.fxwenhua .index_title i{margin-top: 0.38rem; display: inline-block; height: 5px; width: 60px; background: var(--white-color); border-radius: 5px;}
.fxwenhua .index_txt{margin: 0px; padding: 0px; text-transform: uppercase; font-size: 0.2rem; color: var(--white-color); line-height: 40px;}

.wenhuacon{margin-top: 0.5rem; text-align: center;}
.fxdl{position: relative; padding: 0.2rem;text-align: center; }
.fxdl dt{width: 100%;overflow: hidden;border-radius: 5px;}
.fxdl dt img{transition: all 0.3s ease-in-out; }
.fxdl dd{width: 89%; position: absolute; top: 0; padding:20% 2%;}
.fxdl dd h3{font-weight: bold; font-size: 0.26rem; }
.fxdl dd p{font-size: 0.2rem; margin-top: 0.4rem; line-height: 1.6; }
.fxdl:hover dt img{transform: scale(1.1);}

@media (max-width:992px){
	.abtxt h4{top: inherit; bottom: 0;}
	.abmore{font-size: 0.24rem; height: 0.6rem; line-height: 0.6rem;}

	.fxwenhua .index_title h3{ font-size:0.46rem; font-weight:bold;  margin: 0px;position: relative; z-index: 99; color: var(--white-color);}
	.fxwenhua .index_title h4{ width: 100%; margin: 0 auto; margin-top: -0.68rem; text-transform: uppercase; font-size: 0.34rem; font-weight: bold; color: rgba(255,255,255,0.2);}
	.fxwenhua .index_title i{margin-top: 0.58rem; height: 3px;}
	.fxwenhua .index_txt{ font-size: 0.22rem; }

	.fxwenhua{padding: 0.8rem 0; background: url(../images/whbg.jpg) no-repeat center center /cover;}
	.fxdl{width: 50%;}
	.fxdl dd h3{font-weight: bold; font-size: 0.32rem; }
	.fxdl dd p{font-size: 0.26rem; margin-top: 0.4rem; line-height: 1.6; }
	.fxdl:hover dt img{transform: scale(1.1);}
}

/* 案例 */
.fxanli{padding: 0.8rem 0; background: url(../images/ysbg.jpg) no-repeat center center /cover;}
.fxanli .container{max-width: 1480px!important;; padding: 0px; margin: 0px auto;}
.fxanlicon{display: flex; margin-top: 0.4rem; align-items: center;flex-wrap: wrap;}

.fxsfq {
	width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    font-family: sans-serif;
	
}

.fxoptions {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
    min-width: 600px;
    max-width:1480px;
    width: calc(100% - 50px);
    height: 460px;
}


.fxoptions .fxoption {
    position: relative;
    overflow: hidden;
    min-width:105px;
    margin:0px 10px 0 10px;
    background: var(--fxoptionBackground, var(--defaultBackground, #E6E9ED));
    background-size: auto 120%;
    background-position: center;
    cursor: pointer;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.fxoptions .fxoption:nth-child(1) {
    --defaultBackground: #ED5565;
}


.fxoptions .fxoption:nth-child(2) {
    --defaultBackground: #F2B439;
}

.fxoptions .fxoption:nth-child(3) {
    --defaultBackground: #2ECC71;
}

.fxoptions .fxoption:nth-child(4) {
    --defaultBackground: #5D9CEC;
}

.fxoptions .fxoption:nth-child(5) {
    --defaultBackground: #AC92EC;
}

.fxoptions .fxoption.active {
    flex-grow: 10000;
    -webkit-transform: scale(1);
    transform: scale(1);
    max-width: 1000px;
    margin: 0px;
    border-radius: 40px;
    background-size: auto 100%;
    /*&:active {
     transform:scale(0.9);
  }*/
}

.fxoptions .fxoption.active .shadow {
    box-shadow: inset 0 -120px 120px -120px black, inset 0 -120px 120px -100px black;
}

.fxoptions .fxoption.active .label {
    bottom: 40px;
    left: 40px;
}

.fxoptions .fxoption.active .label .info>div {
    left: 0px;
    opacity: 1;
}

.fxoptions .fxoption:not(.active) {
    flex-grow: 1;
    border-radius: 50px;
}

.fxoptions .fxoption:not(.active) .shadow {
    bottom: -40px;
    box-shadow: inset 0 -120px 0px -120px black, inset 0 -120px 0px -100px black;
}

.fxoptions .fxoption:not(.active) .label {
    bottom: 30px;
    left: 24px;
}

.fxoptions .fxoption:not(.active) .label .info>div {
    left: 20px;
    opacity: 0;
}

.fxoptions .fxoption .shadow {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 120px;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
}

.fxoptions .fxoption .label {
    display: flex;
    position: absolute;
    right: 0px;
    height: 40px;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95);
	align-items: center;
}

.fxoptions .fxoption .label .icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-width: 60px;
    max-width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: white;
    color: var(--defaultBackground);
	font-size: 0.3rem;
}

.fxoptions .fxoption .label .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px;
    color: white;
    /* white-space: pre; */
	transition: all 0.3s;
}

.fxoptions .fxoption .label .info>div {
    position: relative;
    transition: 0.5s cubic-bezier(0.05, 0.61, 0.41, 0.95), opacity 0.5s ease-out;
}

.fxoptions .fxoption .label .info .main {
    font-weight: bold;
    font-size:0.24rem;
}
.fxoptions .fxoption .label .info .main .bi{margin-left: 0.1rem;  }
.fxoptions .fxoption .label .info .sub {
	font-size: 0.18rem;
    transition-delay: .1s;
}
.fxoptions .fxoption.active .label .icon{  display: none; }
.fxoptions .fxoption.active .label .info{width: 80%;}
.fxoptions .fxoption.active .shadow{top: 76%; height: 100%; background: rgba(0,0,0,.5);}
.bghui{background: #fff;}
.dikong{margin-top: 0;}
.dikong .fxanlihead{width: 20%; order: 2;}
.dikong .fxsfq{order: 1;    justify-content: start;}
.dikong .fxanlicon{}



@media (max-width:992px){
	
	.fxsfq{width: 100%; justify-content: center; margin-top: 0.1rem;}
    .fxoptions {
        min-width:6.5rem;
		height: 3rem;
    }
	.fxoptions .fxoption{min-width: 0.7rem;    margin: 0px 0.1rem 0 0.1rem;}
	.fxoptions .fxoption.active{width: 5rem; max-width: 5rem;    border-radius: 0.4rem;}
	.fxoptions .fxoption:not(.active) .label{    bottom:0rem;left: 0.1rem;}
	.fxoptions .fxoption.active .label {  bottom:1.1rem;left: 0.15rem;}
	.fxoptions .fxoption .label .info{width: 60%;}
	.fxoptions .fxoption .label .icon{
		min-width: 0.5rem;
		max-width:  0.5rem;
		height: 0.5rem;}
	.fxoptions .fxoption .label .icon .bi{font-size: 0.26rem;}
	.fxoptions .fxoption .label .info .main{font-size: 0.3rem;}
	.fxoptions .fxoption .label .info .sub{font-size: 0.24rem;}
	.fxoptions .fxoption.active .label .icon{  display: none; }
	.fxoptions .fxoption.active .label .info{width: 80%;}
	.fxoptions .fxoption.active .shadow{top: 0; height: 100%; background: rgba(0,0,0,.6);}


	.dikong .fxanlihead{width: 100%; order: 1;}
	.dikong .fxsfq{order: 2;    justify-content: center;}
	
}


/* 合作伙伴 */
.fxhezuo{padding: 0.8rem 0; background: var(--white-color);}
.hezuocon{margin-top: 0.5rem;}
.hepic{ padding: 0.1rem 0.1rem 0 0;}
.hepic img{border: #e9e9e9 solid 1px; }
@media (max-width:992px){
	.hepic{width: 33.33%;}
}

/* 新闻 */
.news{padding: 0.5rem 0;}
.newscon{margin-top: 0.5rem;}
.newscon a{display: block; margin: 0.15rem;background: #fff;}
.newslist {
	transition: 0.6s;
	
	/* margin-left: 0.3rem; */
  }
  /* .newslist:first-child{margin-left: 0;} */
.newslist .img {
width: 100%;
height: 3rem;
overflow: hidden;
}
.newslist .img img {
transition: 0.4s;
width: 100%;
}
.newslist .newstext .content1 {
padding: 0.4rem;
}
.newslist .newstext .content1 .text {
	font-size: 0.24rem;
	transition: 0.4s;
	color: #000;
	overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.newslist .newstext .content1 .substance {
	overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	margin-top: 0.28rem;
	transition: 0.4s;
	color: #111;
}


  .newslist .newstext .sort {
	transition: 0.4s;
	color: #999;
	margin-top: 0.3rem;
  }

  .newscon a:hover{background: var(--blue-color);}
  .newscon a:hover .img img {
	transform: scale(1.05);
  }
 .newscon a:hover .newstext .content1 .text {
	color: #fff;
  }
 .newscon a:hover .newstext .content1 .substance {
	color: #fff;
  }

 .newscon a:hover .newstext  .sort {
	color: #fff;
  }


  @media (max-width:992px){
	.newslist .img {height: 4rem;}
	.newslist .newstext .content1 .text{font-size: 0.34rem;}
	.newslist .newstext .content1{font-size: 0.26rem;}
	.newslist .newstext .content1 .substance{font-size: 0.29rem;}
	.newslist .newstext .sort{font-size: 0.24rem;}
  }


  footer{padding: 0.6rem 0 0.8rem 0; background: var(--theme-color);}
.fxfoot{display: flex; justify-content: space-between;}

  .ftslogan{margin-right: 0.5rem;}
  .ftslogan p{color: var(--white-color); margin-top: 0.5rem; line-height: 2.0; font-size: 0.14rem;}
  .ftslogan p b{font-size: 0.15rem;}

  .ftmenu{margin-right: 0.5rem; margin-top: 0.18rem; display: flex; justify-content: space-around; align-items: flex-start;}
  .ftmenu dl:nth-child(4){width: 2rem; text-align: center;}
  .ftmenu dl:nth-child(4) dd{display: inline-block; width: 40%;}
  .ftmenu dl dt{margin-bottom: 0.2rem;}
  .ftmenu dl dd{margin-bottom: 0.06rem;}
  .ftmenu dl a{color: var(--white-color);}
  .ftmenu dl dt a{font-size: 0.15rem;}
  .ftmenu dl dd a{font-size: 0.14rem;}


  .ftlxwm{margin-top: 0.18rem;display: flex; justify-content: end; align-items: flex-start; flex-wrap: wrap; }
  .ftewm{width: 32%;}
  .ftlxwmtext{width: 55%; margin-left:5%;}
  .ftlxwmtext dl{display: flex; justify-content: flex-start; align-items: top; color: var(--white-color); line-height: 2.0; font-size: 0.15rem;}
  .ftlxwmtext dl dt{width: 25%;  position: relative;text-align: justify;}
  .ftlxwmtext dl dt span{display: inline-block; width: 1em!important;}
  .ftlxwmtext dl dd{width: 75%;}

  .links{display: flex; justify-content: flex-start; width: 100%; color:var(--theme-color); font-size: 0.14rem; margin: 0rem auto 0.3rem auto!important;}
  .links a{color:var(--theme-color);font-size: 0.14rem; margin: 0 0.08rem;}

  .banquan{border-top:#444 solid 1px; margin-top: 0.5rem; padding-top: 0.3rem; color: #999;font-size: 0.14rem;}
  .banquanfl{text-align: left;font-size: 0.14rem;}
  .banquanfr{text-align: right;font-size: 0.14rem;}
  .banquanfr a{color: #999999;font-size: 0.14rem;}

  @media (max-width:992px){
	.ftslogan {margin-right:0rem;}
	.ftslogan .img-fuild{display: none;}
	.ftslogan p{margin-top: 0; padding: 0 5%;}
	.ftslogan p b {
		font-size: 0.26rem;
	}
	.ftslogan p{font-size: 0.22rem;}

	.ftmenu{display: none;}

	.ftlxwm {
		margin-top: 0.18rem;
		display: flex;
		justify-content: center;
	}
  .ftlxwmtext{width: 100%;}
  .ftlxwmtext dl dt{width: 17%;  position: relative;text-align: justify; font-size: 0.24rem!important;}
  .ftlxwmtext dl dt span{display: inline-block; width: 1em!important;}
  .ftlxwmtext dl dd{width: 83%;font-size: 0.24rem!important;}
	.ftewm{order: 2; width: 100%; text-align: center;}
	.ftewm img{ width: 70%; margin: 20px auto;}

	.links{display: none;}

	.banquanfl,.banquanfr{text-align: center; font-size: 0.2rem;}
  }


  /* 一键拨号 */
.click_tel{display: none; position: fixed;bottom: 30%;right: 20px;width:40px;z-index:3;}
.click_tel .round{position: relative;left:0;top:0px;height:40px;margin-bottom: 30px;}
.click_tel .round:last-of-type{margin: 0;}
.click_tel .round div{background:#1c94f5}
.click_tel .round div:first-child{width:40px;height:40px;border-radius: 50%;}
.click_tel .round div:first-child a{display: block;}
.click_tel .round div:nth-child(2){width:40px;height:40px;}
.click_tel .circle{background:#1c94f5;border-radius:100%;width:40px;height:40px;text-align:center;position:absolute;z-index:4;}

.click_tel .circle .bi{font-size: 0.3rem; color: var(--white-color); margin-top: 0.1rem; }
.click_tel .circle_bottom{background:rgba(58,150,225,.4);border-radius:100%;width:40px;height:40px;z-index:2;position:absolute;}
.click_tel .circle_bottom2{background:rgba(58,150,225,.2);border-radius:100%;width:50px;height:50px;z-index:1;position:absolute;top:-5px;left:-5px}
.click_tel .animation{-webkit-animation:twinkling 2.1s infinite ease-in-out;animation:twinkling 2.1s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.click_tel .animation2{-webkit-animation:twinkling 2.1s infinite ease-in-out;animation:twinkling 2.1s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes twinkling{0%{opacity:.2;-webkit-transform:scale(1)}
    50%{opacity:.5;-webkit-transform:scale(1.12)}
    100%{opacity:.2;-webkit-transform:scale(1)}
}
@keyframes twinkling{0%{opacity:.2;-webkit-transform:scale(1)}
    50%{opacity:.5;-webkit-transform:scale(1.12)}
    100%{opacity:.2;-webkit-transform:scale(1)}
}

@media (max-width:992px){
	.click_tel{display: block;}
	.click_tel .circle .bi{font-size: 0.5rem;}
}


/* 内页 */
.nybanner{margin-top: -100px; height: 4rem;}
@media (max-width:992px){
	.nybanner{margin-top: 45px; height:2.2rem;}
}
.ny{padding-bottom: 40px;}
.nypro_r{width: 1150px; margin-top: 40px;}
.nypro_r .nypro_r_title {
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	text-transform: uppercase;
}
.nypro_r .nypro_r_title h3 {
	color: #345197;
	font-size: 20px;
	border-left: 3px solid #345197;
	height: 20px;
	line-height: 18px;
	padding-left: 14px;
	margin-top: 5px;
}
.nypro_r_con p{font-size:16px; line-height:1.8}
#newsinfo_column_1 > .ny_tit {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #333;
    background: none;
    margin-top: 15px;
}
#news_column_1 > ul > li > a {
    display: block;
    padding: 14px 10px;
    color: #333;
    font-size: 16px;
}
#newsinfo_column_1 strong a {
    color: #333;
    font-size: 16px;
}
#newsinfo_column_1 > .search_news > .ny_con > ul > li a {
    color: #333;
    font-size: 14px;
}
#newsinfo_column_1 > .search_news > .ny_con > ul > li:hover > a {
    color: #000;
    font-size: 14px;
}


.nylistnav{background: #F4F3F8; border-bottom:#ddd solid 1px ;}
.disflex {display: flex;}
.flex_center {align-items: center;}
.flex1 {flex: 0;flex-grow: 1;}
.wxlnr a{line-height: 60px;padding: 0 25px;font-size: 16px;}
.wxlnr a:hover{color: #0F57D3;}
.wxlnr a.active{font-weight: bold; color: #0F57D3;font-size: 22px;}

.wxlnl{color: #999;}
.wxlnl img{ margin-right:8px;color: #999;}
.wxlnl a{color: #999;}

.wxneiye{background: #F2F4F9; padding: 50px 0px;}
.wxnyfl{
	width: 23%;
	min-width: 220px;
	margin-right: 2%;
	border: solid 1px #f2f4f9;
	box-shadow: 0 0 20px rgba(0,0,0,.05);
}
.wxnyfl h3{
	padding: 25px;
	color: #fff;
	background: linear-gradient(to right, #23439F, #3B5FCB);
    font-size: 24px;
}
.wxnyfl h3 i{
	display: block;
	width: 35px;
	height: 2px;
	margin-top: 10px;
	background: #fff;
}
.wxnyfl ul{
	background: #fff;
}
.wxnyfl ul li{
	border-bottom: 1px solid #E6E6E6;
    padding: 20px 20px 20px 30px;
    /* background: url(../images/liicon.jpg) no-repeat 15px center; */
}
/* .wxnyfl ul li:last-child{border-bottom:none;} */
.wxnyfl ul li a{font-size: 16px;}

.wxnyfr{width: 74%;}
.wxnyfr .title_l{text-align: center;}
.wxnyfr .title_l h3{ font-size:32px; color:#23439F; margin: 0px; text-align: center}
.wxnyfr .title_l i {
    font-style: normal;
    display: inline-block;
    width: 60px;
    height: 5px;
    background: #23439F;
    color: #23439F;
    border-radius: 10px;
    margin-bottom: 3px;
}
.wxnyfr .title_l .index_txt{ text-align: center; color: #999; font-size: 16px; font-weight: normal;}

.wxny_con{}
.mt30{margin-top: 30px;}
#pic_column_1 > ul > li > a{background: #fff;}
#pic_column_1 > ul > li{margin-top: 0px; margin-bottom: 20px;}
#pic_column_1 > ul > li > a > .img{height: 2rem;}
#productinfo_column_1{background: #fff; margin-top: 0px; padding: 20px;}
/* #productinfo_column_1 > .pics > .left > .pic_cur{background: #fff;}
#productinfo_column_1 > .pics > .left > .pic_list > ul{background: #fff;}
#productinfo_column_1 > .pics > .left > .pic_list > ul > li.active{background: #F2F2F2;} */
#pic_column_1 > ul > li > a > .img > img {
    max-width: 100%;
    max-height: 100%;
    transition: all .5s ease;
    transform: scale(1.5);
}
#productinfo_column_1 > .search_pro > .ny_con > ul > li > a > .img{height: 1.5rem;}
#pic_column_1 > ul > li > a:hover{border-color: #0F57D3;}

#newsinfo_column_1{background: #fff; padding: 20px; margin-top: 0px;}
#newsinfo_column_1 > .search_pro > .ny_con > ul > li > a > .img{height: 1.5rem;}
.lxwm3{background: #fff!important; margin-top: -20px;}

@media (max-width:992px){
	.wxneiye{padding-top: 0.2rem;}
	.nylistnav{display: none;}
	.wxlnr a.active{font-size: 0.35rem;}
	.wxneiye>.container{width: 100%;-bs-gutter-x: 0.5rem!important;       padding-right: calc(var(--bs-gutter-x)* 0.15);
		padding-left: calc(var(--bs-gutter-x)* 0.15);}
	#lxwm_map {
		width: 100%;
		margin-top: 0px;
		border: 1px solid #ddd;
		padding: 0px;
	}
	.lxwm-r{padding: 5%;}
	.lxwm-top h3{font-size: 0.35rem;}
	.lxwm-top dl dd{font-size: 0.3rem;}
	#tx_map{height: 4rem;}

	.wxnyfl{display: none; width: 100%; margin-right: 0; margin: 0 auto;}
	.wxnyfl h3{display: none;}
	.wxnyfl ul{display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; }
	.wxnyfl ul li{padding: 5px 5px;}

	.wxnyfr{width: 100%; margin-top: 0.2rem;}
	#pic_column_1 > ul > li{margin-bottom: 0.15rem;}
	.wxny_con p{font-size: 0.3rem;}
	.wxny_con img{max-width: 100%;}
	.liuyan{width: 100%;}
	.liuyan .formlist input{width: 48%!important;}
	.liuyan .formlist textarea{width: 48%!important;}
	.liuyan #liuyantj{width: 80%!important;}

	.ny_con p{font-size: 0.3rem}
	#newsinfo_column_1 > .news_other > .li > a{font-size: 0.26rem;}
	#newsinfo_column_1 > .search_pro > .ny_con > ul > li:last-child{display: none;}
}