:root{--color:#ed2723;--hovercolor:#1F1F1F;--fontcolor:#111111;--headercolor:#CCCCCC;--footercolor:#CCCCCC;--introcolor:#555555;--fontsize12:12px;--fontsize13:13px;--fontsize14:14px;--fontsize15:15px;--fontsize16:16px;--fontsize17:17px;--fontsize18:18px;--fontsize20:20px;--fontsize22:22px;--fontsize24:24px;--fontsize26:26px;--fontsize28:28px;--fontsize30:30px;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontfamily:'Lato','Open Sans','Roboto','Poppins','Oswald','Noto Sans','Montserrat',arial,sans-serif}

.font_white{ color:#fff !important;}

.bg_white{ background:#fff !important;}

.banner_text { width:80%; height:310px; margin:auto; position:absolute; top:40px; right:0; bottom:0; left:0; z-index:2;color:hsl(20, 14.3%, 4.1%); }

.banner_text h1 { font-size: 3rem;

  line-height: 6rem;

  font-weight: 600;

  text-transform: uppercase;

  font-family: Good Times,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";}

.banner_text h1::after {

  content: '';

  width: 30%;

  /*background: white;*/

  height: 3px;

  display: block;

}

.banner_text h2 { font-size: 1.25rem;

  line-height: 2rem;

  /*color: hsl(20, 14.3%, 4.1%);*/

  font-weight: 500;margin-bottom: 30px;}

.baa1{background: var(--color);font-weight: 600;

  color: #fff;

  font-size: 14px;

  padding: 10px 20px;

  border-radius: 6px;

  margin-right: 10px;}

.baa2{background: #fff;

  font-weight: 600;

  color: var(--color);

  font-size: 14px;

  padding: 10px 20px;

  border-radius: 6px;

  border: 1px solid var(--color);}

.baa1:hover{background: #e23f3c;color: #fff;}

.baa2:hover{background: #e23f3c;color: #fff;}



.in_product_title {

  text-align: center;

  font-weight: 700;

  font-size: 30px;

}

.in_product_xian {

  width: 70px;

  height: 2px;

  background: #333;

  margin: 14px auto;

}

.in_product_p {

  margin-bottom: 34px;

  font-size: 14px;

  color: rgba(0,0,0,.67);
text-align: center;
  

}





/* 产品推荐 */

.pro-w {

  padding: 70px 0;

}

.pro-w .page {

 width: 100%;

max-width: 1300px;margin: 0 auto;

}

.pro-w .list {

 

  display: flex;
  justify-content: center;
  align-items: center;

  overflow: hidden;

}

.pro-w .list li {

  width: calc( 100% / 6 - 20px);margin: 0 10px; position:relative;float: left;flex: 1;

}

.icpfltu{ display:none; width:100%; /*height:300px;*/max-height: 220px;}

.icpfltu img{ width: 100%;max-height: 100%;/*aspect-ratio: 11/9;*/transition: all 0.6s;}

.icpflbg{ position:absolute; top:0;  width:100%; /*height:300px;*/height: 100%;background: #00000045; text-align:center;}

.icpfltitle{ text-align:center; font-size:24px; color:#000; /*margin:30% 0 28px;*/height: 160px;display: flex;align-items: center;justify-content: center;text-transform: uppercase;}

.icpfla{ font-size:14px; color:#fff; border:1px solid #fff; padding:6px 20px;}

.icpfla:hover{background: var(--color);border:1px solid var(--color);color: #fff;}

.pro-w .list li:hover .icpfltu img{transform: scale(1.1,1.1);transition: all 0.6s;}
.pro-w .list li:hover .icpfltitle{ display:none;}
.pro-w .list li:hover .icpfltu{ display:block;}


.injjfan{ overflow:hidden;margin: 10px auto 50px;}

.injjfan_left{ float:left; width:47%;}

.injjfan_ltitle1{ color:#000; font-size:30px; font-weight:700; line-height:40px;}

.injjfan_ltitle2{ color:#797878; font-size:20px; /*font-weight:700;*/ line-height:26px;margin: 6px 0 15px;}

.injjfan_right{ float:right; width:50%;/*border: 1px solid var(--color);*/border-radius: 10px;text-align: center;min-height: 46vh;padding: 16px 0 16px 39px;}

.slideTxtBox_jjfa{ width:100%;   }

.slideTxtBox_jjfa .hd{ position:relative; }

.slideTxtBox_jjfa .hd ul{  position:absolute;  }

.slideTxtBox_jjfa .hd ul li{ padding:14px 0; cursor:pointer; font-size:16px; color:#999; }

.slideTxtBox_jjfa .hd ul li span{ font-size:16px; color:#000;font-weight:700; }

.slideTxtBox_jjfa .hd ul li.on{ color:var(--color);}

.slideTxtBox_jjfa .bd ul{ zoom:1;  }

.slideTxtBox_jjfa .bd li{display: flex;align-items: center;justify-content: center;/*height: 46vh;*/ }

.slideTxtBox_jjfa .bd li img{ width:98%;}





.incptd{}

.about{margin: 50px 0;

	/*background:#e9e9e9;

	padding:60px 0 100px;*/

}

.about .title{

	text-align:center;

}

.inabbg{background: #00000073;width: 100%;height: 100%;padding-top: 80px;}

.about ul{

	display:flex;

	width:1680px;

	height:550px;

	margin:45px auto 0px;

	background:#fff;

}

.about ul li{

	width:235px;

	border-right:1px #e9e9e9 solid;

	text-align:center;

	overflow:hidden;

	background:#fff;

	display:block;

	cursor:pointer;

	position:relative;

	transition:width .3s;

	margin:0 auto;

}

.about ul li:last-child{

	border-right:0;

}

.about ul li.cur{

	width:740px;

}

.about ul li .zhank{

	height:100%;

	background-position:center;

	background-repeat:no-repeat;

	background-size:100%;

	display:flex;

	align-content:center;

	flex-wrap:wrap;

	transform:scale(0);

	position:absolute;

	width:740px;

	height:86%;

	top:0;

	left:0;

}

.about ul li.cur .zhank{

	transform:scale(1);

}

.about ul li .zhank h3{

	width:100%;

	position:relative;

}

.about ul li .zhank h3 big{

	display:block;

	padding:0px 0px 10px;
font-size: 30px;
  color: white;
}

.about ul li .zhank h3 span{

	display:block;

	font-size:22px;

	color:#fff;

	line-height:30px;

	font-weight: normal;

}

.about ul li .zhank h3 small{

	display:block;

	font-size:12px;

	font-family:arial;

	color:#fff;

	line-height:26px;

	font-weight: normal;

	text-transform: uppercase;

}

.about ul li .zhank h3 i{

	font-style:normal;

	font-size:120px;

	color:rgba(255,255,255,.2);

	font-family:Fontthree;

	position:absolute;

	top:0;

	left:0;

	width:100%;

	display:block;

	text-align:center;

	line-height:110px;

}

.about ul li .zhank section{

	line-height:24px;

	color:#fff;

	padding:0px 15%;

	width:100%;

	margin:5% 0px 0px;

	font-size: 14px;

}

.about ul li .zhank a{

	display:block;

	display:block;

	width:110px;

	border:1px #fff solid;

	line-height:36px;

	text-align:center;

	color:#fff;

	font-size:14px;

	transition:.3s;

	margin:5% auto 0px;

}

.about ul li .zhank a:hover{

	background:#fff;

	color:#000;

}

@media (max-width:1400px){

	.about ul li .zhank h3 span{

		font-size:1.6rem;

		line-height:22px;

	}

	.about ul li .zhank section{

		line-height:22px;

		font-size:1.2rem;

	}

}

.about ul li .sous{

	position:relative;

	height:100%;

	overflow:hidden;

	width:235px;

	padding:38% 0px 0px;

	transform:scale(1);

	transition:background .3s;

}

.about ul li:hover .sous{

	background:#4b7ee3;

}

.about ul li.cur .sous{

	transform:scale(0);

}

.about ul li .sous h2{

	width:100%;

	margin:0px 0px 20%;

}

.about ul li .sous h2 big{

	display:block;

	width:100%;

	position:relative;

	/*height:60px;*/
font-size: 30px;
  color: var(--color);
	overflow:hidden;

}

.about ul li .sous h2 big img{

	transition:.3s;

}

.about ul li:hover .sous h2 big img{

	margin-top:-50px;

}

.about ul li .sous h2 big:after{

	content:"";

	display:block;

	width:46px;

	height:46px;

	border-radius:50%;

	position:absolute;

	bottom:0;

	left:50%;

	margin-left:-23px;

	background:rgba(75,126,227,.08);

}

.about ul li .sous h2 span{

	display:block;

	font-size:16px;

	color:#000;

	line-height:28px;

	font-weight: normal;

}

.about ul li:hover .sous h2 span{

	color:#fff;

}

.about ul li .sous h2 small{

	display:block;

	color:#c0c0c0;

	font-size:12px;

	font-family:arial;

	line-height:22px;

	font-weight: normal;

	text-transform: uppercase;

}

.about ul li:hover .sous h2 small{

	color:#fff;

}

.about ul li .sous section{

	color:#6d6d6d;

	line-height:30px;

	font-size:14px;

	padding: 0 8px;

}

.about ul li:hover .sous section{

	color:#fff;

}

.about ul li .sous i{

	display:block;

	font-style:normal;

	position:absolute;

	right:-4px;

	bottom:15px;

	color:#e0e0e0;

	font-size:60px;

	font-family:Fontthree;

}

.about ul li:hover .sous i{

	color:#fff;

}

@media (max-width:1700px){

	.about ul{

		width:1480px;

	}

	.about ul li{

		width:200px;

	}

	.about ul li .sous{

		width:200px;

	}

	.about ul li a{

		width:200px;

	}

	.about ul li.cur{

		width:680px;

	}

	.about ul li .zhank{

		width:740px;

	}

}

@media (max-width:1500px){

	.about ul{

		width:1280px;

		height:450px;

	}

	.about ul li{

		width:200px;

	}

	.about ul li .sous{

		width:180px;

	}

	.about ul li a{

		width:180px;

	}

	.about ul li.cur{

		width:680px;

	}

	.about ul li .zhank{

		width:680px;

	}

}

@media (max-width:1400px){

	.about ul{

		width:1080px;

	}

	.about ul li .sous{

		width:150px;

	}

	.about ul li{

		width:150px;

	}

	.about ul li a{

		width:150px;

	}

	.about ul li.cur{

		width:480px;

	}

	.about ul li .zhank{

		width:480px;

	}

}

@media (max-width:1400px){

	.about ul li .sous h2 span{

		font-size:1.4rem;

	}

	.about ul li .sous section{

		font-size:1.2rem;

		line-height:26px;

	}

	.about ul li .sous i{

		font-size:5.0rem;

	}

}





.whyus{background:url(../images/why_bg.jpg) no-repeat; background-size:cover;padding:60px 0 70px;}

.slideTxtBox_why{ width:100%; overflow:hidden; }

.why_left{ float:left; width:20%;}

.why_right{ float:right; width:80%;background: #ffffffc9;}

.slideTxtBox_why .hd{ position:relative; }

.slideTxtBox_why .hd ul{  position:absolute; }

.slideTxtBox_why .hd ul li{ cursor:pointer; text-align:center; width:230px; margin:0 0 10px; background:#b7b7b7; font-size:20px; color:#fff; height:110px; line-height:110px;display: flex;align-items: center;justify-content: center;}

.slideTxtBox_why .hd ul li img{ margin:0 5px 0 0;}

.slideTxtBox_why .hd ul li.on{ background:var(--color); }

.slideTxtBox_why .bd ul{  zoom:1; background:#fff; }

.slideTxtBox_why .bd li{   }

.why_tu{ float:left; width:50%;height: 460px;}

.why_tu img{width:100%; height:100%;}

.why_wenzi{ float:right;width:50%;padding: 60px 24px;}

.why_title{ font-size:24px; color:var(--color);font-weight: 600;}

.why_xian{ width:50px; height:1px; background:#000;margin: 30px 0;}

.why_p{ font-size:16px; line-height:30px; color:#5e5e5e;}

.why_a{ display:inline-block; text-align:center; color:#fff; font-size:14px; padding:6px 30px; background:var(--color); margin-top:30px;}

.why_a:hover{ color:#fff;}



.inabout{ overflow:hidden; margin:70px auto;}

.abbox{ overflow:hidden;}

.inab_left{ float:left; width:50%;padding-right: 40px;}

.inab_left_title1{font-size: 50px;font-weight: bold;}

.inab_left_title2{font-size: 30px;color: var(--color);font-weight: bold;}

.inab_left_xian{width:50px; height:1px; background:#000;margin: 30px 0;}

.inab_left_p{font-size: 14px;line-height: 30px;text-indent: 2rem;white-space: pre-wrap;}

.inab_right{ float:right; width:50%;}

.inab_right img{ width:100%;}

.inabout ul {

  margin-top: 56px;

  display: flex;

}

.inabout ul li {

  flex: 1;

  height: 150px;

  border: 1px solid #eaeaea;

  transition: all 0.3s linear;

}

.inabout ul li * {

  color: #ababab;

  transition: all 0.3s linear;

}

.inabout ul li a {

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

  align-items: center;

}

.inabout ul li i {

  display: block;

  width: 80px;

  height: 80px;

  border-radius: 50%;

  border: 1px solid;

  background: url(../images/tubiao.png) no-repeat;

  background-position-y: -323px;

}

.inabout ul li:nth-child(1) i {

  background-position-x: 10px;

}

.inabout ul li:nth-child(2) i {

  background-position-x: -54px;

}

.inabout ul li:nth-child(3) i {

  background-position-x: -115px;

}

.inabout ul li:nth-child(4) i {

  background-position-x: -184px;

}

.inabout ul li p {

  font-size: 18px;

  font-weight: bold;

  margin-top: 8px;

}

.inabout ul li:hover {

  background-color: var(--color);

  transition: all 0.3s linear;

}

.inabout ul li:hover * {

  color: #fff;

  transition: all 0.3s linear;

}

.inabout ul li:hover i {

  background-position-y: -246px;

}









/*新闻*/

.news { width:100%; background: url(../images/nsbg.jpg) center no-repeat;padding: 60px 0px;overflow:hidden; position:relative;}

.news .warp { position:relative; z-index:2;}

.news .tits { float:left; margin-bottom:80px;}

.news .tits h1 { line-height:30px; font-size:30px; color:#333; filter:alpha(opacity=10); opacity:0.1;}

.news .tits h3 { line-height:40px; font-size:30px; color:#333; letter-spacing:2px; position:relative;}

.news .tits h3::after { display:block; content:""; width:30px; height:2px; background:var(--color); position:absolute; left:0; bottom:-20px;}

.nstit{

	display:flex;

	justify-content:space-between;

}

.nstit p{

	font-size:3.8rem;

	color:#16202a;

}

.nstit p:after{

	content:"";

	display:block;

	width:100px;

	height:3px;

	background:#5073e3;

	margin:15px 0px 0px;

}

.nstit a{

	color:#666;

	line-height:72px;

	font-size:1.6rem;

}

.nstit a:hover{

	color:#f00;

}

.ns-ct{

	width: 1230px;

	margin:55px auto 0;

	display:flex;

	justify-content:space-between;

}

.nsimg{

	width:65%;

}

.nstext{

	width:32%;

}

.nsimg a{

	display:block;

	border:1px rgba(0,0,0,.08) solid;

	border-radius:8px;

	transition:.3s;

	overflow:hidden;

}

.nsimg a big{

	display:block;

	max-height:335px;

	overflow:hidden;

}

.nsimg a big img{

	width:100%;

}

.nsimg a section{

	background:#f7f8ff;

	transition:.3s;

	padding:30px 35px;

}

.nsimg a section h3{

	color:#000000;

	font-size:22px;

}

.nsimg a section span{

	display:block;

	color:#333;

	border-bottom:1px rgba(0,0,0,.1) dashed;

	line-height:28px;

	margin:20px 10% 0px 0px;

	padding-bottom:25px;

	font-family:simsun;

	font-size:14px;

}

.nsimg a section h4{

	display:flex;

	justify-content:space-between;

	margin:20px 0px 0px;

}

.nsimg a section h4 small{

	display:block;

	color:#333;

	font-size:14px;

	line-height:28px;

	font-family:arial;

}

.nsimg a section h4 p{

	display:flex;

	line-height:28px;

	padding:0px 10px;

	color:#5a5f63;

	font-size:14px;

	background:#dadfe5;

	border-radius:3px;

}

.nsimg a section h4 p:after{

	content:"";

	display:block;

	margin-left:25px;

	width:7px;

	background:url(../images/nsjt.png) center no-repeat;

}

.nsimg a:hover{

	background:var(--color);

	color:#fff;

}

.nsimg a:hover section{

	background:var(--color);

}

.nsimg a:hover h3,.nsimg a:hover span,.nsimg a:hover  h4 small{

	color:#fff;

}

.nsimg a:hover section span{

	border-bottom:1px #fff dashed;

}

.nsimg a:hover section h4 p{

	background:#fff;

}

@media (max-width:1400px) {

	.nsimg a section h3{

		font-size:18px;

	}

	.nsimg a section span{

		font-size:14px;

	}

	.nsimg a section h4 small{

		font-size:14px;

	}

	.nsimg a section h4 p{

		font-size:14px;

	}

}

.nstext ul{

	display:flex;

	height:100%;

	flex-wrap:wrap;

	align-content:space-between;

}

.nstext ul li{

	width:100%;

}

.nstext ul li a{

	display:block;

	background:#f7f8ff;

	padding:30px;

	transition:.3s;

	border:1px rgba(0,0,0,.08) solid;

	border-radius:8px;

}

.nstext ul li a h3{

	color:#000000;

	font-size:20px;

	margin:0px 0px 20px;

}

.nstext ul li a:hover h3{

	color:#fff;

}

.nstext ul li a section{

	line-height:24px;

	color:rgba(0,0,0,.44);

	border-bottom:1px rgba(0,0,0,.1) dashed;

	padding-bottom:25px;

}

.nstext ul li a:hover section{

	color:#fff;

	border-bottom:1px #fff dashed;

}

.nstext ul li a span{

	display:flex;

	justify-content:space-between;

	margin:25px 0px 0px;

}

.nstext ul li a span small{

	color:#5a5f63;

	font-size:14px;

	font-family:arial;

	line-height:28px;

}

.nstext ul li a:hover small{

	color:#fff;

}

.nstext ul li a span p{

	display:flex;

	line-height:28px;

	color:#5a5f63;

	font-size:14px;

	border-radius:3px;

}

.nstext ul li a:hover span p{

	color:#fff;

}

.nstext ul li a span p:after{

	content:"";

	display:block;

	margin-left:25px;

	width:7px;

	background:url(../images/nsjt.png) center no-repeat;

}

.nstext ul li a:hover span p:after{

	background:url(../images/nsjtn.png) center no-repeat;

}

.nstext ul li a:hover{

	background:var(--color);

}

@media (max-width:1400px) {

	.nstext ul li a h3{

		font-size:18px;

	}

	.nstext ul li a section{

		font-size:14px;

	}

}

/*新闻*/


@media screen and (max-width: 768px) { 
.banner_text h1{font-size: 2rem;line-height: 3rem;}
#swiper-banner img {
  height: 60vh !important;
}
.pro-w .page {
  width: 95%;
  margin: 0 auto;
}
.pro-w .list {margin-top: 0px;display: block;}
.pro-w .list li {width: calc( 100% / 2 - 20px);}
.injjfan_left {
  width: 100%;
}
.slideTxtBox_jjfa .hd ul {
  position: unset;
}
.injjfan_right {width: 100%;}
.in_product_p {
  margin-bottom: 5px;}
.about ul {
    width: 100%; display:block; height:auto; margin: 0px auto 0px;
  }
.about ul li {
    width: 100%;
  }
  .about ul li .sous {
    width: 100%;padding: 0 0px 0px;
  }
.about ul li .sous h2 {
  margin: 30px 0px;
}
  .about ul li .sous section {
    font-size: 16px;
    line-height: 26px;
  }
  .about ul li .sous i {
    display: none;
  }


.why_left {
  float: none;
  width: 100%;
  overflow: hidden;
  margin: 12px 0;
}
.slideTxtBox_why .hd ul {
  position: unset;
}
.slideTxtBox_why .hd ul li{float: left;width: 48%;font-size: 18px;height: 90px;line-height: 90px;margin: 0 2px 10px;}
.why_right {
  float: none;
  width: 100%;
  background: #ffffffc9;
}
.slideTxtBox_why .bd ul {
  zoom: 1;
  background: none;
  }
.why_tu {
  float: none;
  width: 100%;
  height: auto;
}
.why_wenzi {
  float: none;
  width: 100%;
  padding: 20px 10px;
}

.inab_left {
  float: left;
  width: 100%;
  padding-right: 0;
}
.inab_right {
  float: right;
  width: 100%;
  margin-top: 25px;
}
.inabout ul {
  margin-top: 40px;
  display: block;
}
.inabout ul li {
  width: 50%;
  float: left;
}

.ns-ct {width: 100%;display: block;}
.nsimg {
  width: 100%;
}
.nstext {
  width: 100%;
}
.nstext ul li {
  width: 100%;
  margin: 20px 0 0;
}















}