.goods-service{padding: 80px 0 0;}
.goods-service .title {
  margin: 0px auto 0;
  text-align: center
}
.goods-service .title p {
  margin-top: 30px;
}
.goods-service ul  {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
}
.goods-service .title h2{font-size:50px;color:var(--active-color);line-height:1;font-family:var(--font-family1);text-align:center;}
.goods-service .title h2::after{content:"";background:var(--active-color);width:40px;height:4px;margin:11px auto 0;display:block;}

.goods-service ul {
  margin-top: 10px
}
.goods-service li {
  width: 48.8%;
  margin-left: 2.4%;
}
.goods-service li:nth-child(2n + 1) {
  margin-left: 0;
}
.goods-service ul li {
  position: relative;
  padding: 38px 48px;
  margin-top: 30px;
  border: 2px solid #eee;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}

.goods-service ul li:after {
  content: ' ';
  position: absolute;
  z-index: 2;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 4px;
  -webkit-transition: .3s all;
  -moz-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all
}
@keyframes border_width {
  from {
      width: 0
  }

  to {
      width: 100%
  }
}
.goods-service ul li:hover::after {
  animation: border_width .5s linear forwards;
  background: var(--color-primary);
}

.goods-service ul li:hover {
  transform: translate(0, -8px);
  -webkit-transform: translate(0, -8px);
  -moz-transform: translate(0, -8px);
  -ms-transform: translate(0, -8px);
  -o-transform: translate(0, -8px)
}

.goods-service ul li span {
  display: block;
  width: 102px;
  height: 102px;
  font-size: 60px;
  color: #333;
  background: #cde3d0;
  border-radius: 50%;
  text-align: center;
  line-height: 102px
}

.goods-service ul li:nth-child(2) span {
  font-size: 54px
}

.goods-service ul li:nth-child(3) span {
  font-size: 62px
}

.goods-service ul li:nth-child(4) span {
  font-size: 54px
}

.goods-service ul li h3 {font-size: 22px;}

.goods-service ul li p {
  font-size: 16px;
  margin: 10px 0;
}

  
  
.about{padding:75px 0 0;}
.about h1{font-size:50px;color:var(--active-color);line-height:1;font-family:var(--font-family1);text-align:center;}
.about h1::after{content:"";background:var(--active-color);width:40px;height:4px;margin:11px auto 0;display:block;}

.about .txt{margin:50px 0 0;line-height:24px;font-size:16px;color:#666666;}
.about .txt p~p{margin-top:15px;}
.about .v {width:44.5%;position:relative;display:block;overflow:hidden;float:right;margin:0 0 20px 30px;}
.about .v img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.about .v::after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url("../images/v1.png") no-repeat center;display:block;}
.about .v:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}

.about ul{margin-top:65px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.about ul li{text-align:center;}
.about ul li h5{color:var(--active-color);font-size:60px;line-height:1;display:inline-block;position:relative;}
.about ul li h5 span{font-family:var(--font-family1);}
.about ul li h5::after{content:attr(date-txt);position:absolute;right:-15px;top:2px;color:var(--active-color);font-size:24px;}
.about ul li:nth-child(1) h5::after{right:-80px;}
.about ul li:nth-child(2) h5::after{right:-42px;}
.about ul li p{font-size:24px;color:#333;line-height:24px;margin:5px 0 0;}

.vr{padding:75px 0 0;text-align:center;}
.vr h3{font-size:50px;color:var(--active-color);line-height:1;font-family:var(--font-family1);text-align:center;}
.vr h3::after{content:"";background:var(--active-color);width:40px;height:4px;margin:11px auto 0;display:block;}
.vr .pic{margin:50px 0 0;text-align:center;}

.cert-list{padding:75px 0;}
.cert-list h3{font-size:50px;color:var(--active-color);line-height:1;font-family:var(--font-family1);text-align:center;}
.cert-list h3::after{content:"";background:var(--active-color);width:40px;height:4px;margin:11px auto 0;display:block;}

.cert-list .list{margin-top:50px;position:relative;}
.cert-list .list a{height:278px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.cert-list .list .swiper-slide img{max-width:100%;max-height:100%;}

.cert-list .swiper-button-prev,.cert-list .swiper-button-next{width:46px;height:46px;background:none;color:#919191;margin-top:-23px;text-align:center;}
.cert-list .swiper-button-prev::after,.cert-list .swiper-button-next::after{display:none;}
.cert-list .swiper-button-prev i,.cert-list .swiper-button-next i{font-size:40px;line-height:46px;color:inherit;}
.cert-list .swiper-button-prev,.cert-list .swiper-container-rtl .swiper-button-next{left:-60px;right:auto;}
.cert-list .swiper-button-next,.cert-list .swiper-container-rtl .swiper-button-prev{right:-60px;left:auto;}
.cert-list .swiper-button-prev:hover,.cert-list .swiper-button-next:hover{color:var(--active-color);}

.cert-list .swiper-pagination{display:none;position:static;width:100%;margin-top:25px;}
.cert-list .swiper-pagination-bullet{height:12px;width:12px;background:#E0E0E0;margin:0 4px;border-radius:50%;opacity:1;}
.cert-list .swiper-pagination-bullet-active{background:#999;}

.pic-list{padding:75px 0 0;}
.pic-list h3{font-size:50px;color:var(--active-color);line-height:1;font-family:var(--font-family1);text-align:center;}
.pic-list h3::after{content:"";background:var(--active-color);width:40px;height:4px;margin:11px auto 0;display:block;}

.pic-list .list{position:relative;margin:50px 0 0;}
.pic-list .list .swiper-slide a{display:block;width:100%;}
.pic-list .list .swiper-slide a img{width:100%;}

.pic-list .swiper-pagination{position:static;width:100%;margin-top:35px;font-size:0;}
.pic-list .swiper-pagination-bullet {width:16px;height:16px;margin:0 10px;background:#E0E0E0;border-radius:50%;opacity:1;}
.pic-list .swiper-pagination-bullet-active{background:#999;}

.partner{padding:0 0 75px;}
.partner h3{font-size:50px;color:var(--active-color);line-height:1;font-family:var(--font-family1);text-align:center;}
.partner h3::after{content:"";background:var(--active-color);width:40px;height:4px;margin:11px auto 0;display:block;}

.partner ul{margin:30px -20px 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.partner ul li{width:20%;padding:20px;box-sizing:border-box;}
.partner ul li .pic{box-sizing:border-box;cursor:pointer;}
.partner ul li .pic img{display:inline-block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}


.factory-development {
	width: 100%;
	background: url(../images/bg05.jpg) no-repeat;
	background-size: 100% 100%;
	overflow: hidden;
  margin-top: 50px;
}

.factory-development .slideBox {
	display: none;
	width: 100%;
	padding: 50px 60px 120px 60px;
	background: #fff;
	overflow: hidden;
}

.factory-development .slideBox:first-child {
	display: block;
}

.factory-pic {
	float: left;
	width: 48%;
	overflow: hidden;
}

.factory-pic img {
	width: 100%;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	-ms-transition: .5s all;
	transition: .5s all;
}

.factory-pic img:hover {
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	transform: scale(1.02);
}

.factory-txt {
	float: right;
	width: 46.4%;
	margin-top: 40px;
}

.factory-txt h3 {
	padding: 0 10px 25px 10px;
	margin-bottom: 25px;
	font-size: 26px;
	border-bottom: 1px solid #b1c7e3;
}

.factory-txt p {
	padding: 0 10px;
}

.event_box {
	width: 100%;
	margin-top: 40px;
	overflow: hidden;
}

.parBd {
	position: relative;
	z-index: 1;
}

.parHdpd {
	padding: 0 0px;
}

.parHd {
	position: relative;
	width: 100%;
	height: 132px;
	padding: 0 150px;
	margin-top: -86px;
	overflow: hidden;
	background: var(--color-primary);
	z-index: 2;
}

.parHd li.no_line:before {
	display: none;
}

.parHd li {
	width: 20%;
	float: left;
	display: inline-block;
	cursor: pointer;
	padding-top: 30px;
	font-size: 22px;
	text-align: center;
	color: #99b5da;
	position: relative;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	transition: .3s all;
}

.parHd li::after {
	content: '';
	background: url(../images/dot_icos.png) no-repeat;
	width: 13px;
	height: 13px;
	position: absolute;
	z-index: 20;
	top: 48px;
	left: 50%;
	margin-left: -5px;
}

.parHd li.act::after {
	background: url(../images/dot_ico.png) no-repeat;
}

.parHd .tempWrap {
	position: relative;
	width: 100%;
	margin: 0 auto;
}

.parHd .tempWrap:after {
	content: '';
	width: 100%;
	height: 1px;
	background: #99b5da;
	position: absolute;
	right: 0%;
	top: 54px;
	z-index: 10;
}

.parHd li.act span {
	display: block;
	width: 13px;
	height: 13px;
	overflow: hidden;
	background: url(../images/cat.png) no-repeat;
	position: absolute;
	top: 12px;
	left: 50%;
	margin-left: -5px;
	z-index: 21;
}

.parHd li span,
.parHd li.clone span {
	display: none;
}

.parHd li b {
	display: block;
	font-size: 17px;
	font-weight: 500;
	margin-top: 50px;
}

.parHd li.act {
	color: #fff;
}

.sPrev,
.sNext {
	width: 44px;
	height: 44px;
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -22px;
	background: rgba(255, 255, 255, 0.75);
	text-align: center;
	line-height: 40px;
	cursor: pointer;
}

.sPrev img,
.sNext img {
	vertical-align: middle;
	-webkit-transition: 1s all;
	-moz-transition: 1s all;
	-ms-transition: 1s all;
	transition: 1s all;
}

.sPrev {
	left: 42px;
}

.sNext {
	right: 42px;
}

.sPrev:hover,
.sNext:hover {
	background: #fff;
}
                 
                                           
                                           
@media screen and (max-width:1441px) {
  .about h1,.vr h3,.cert-list h3,.pic-list h3,.partner h3{font-size:48px;}

  .about ul li h5{font-size:50px;}
  .about ul li p{font-size:22px;}
}

@media screen and (max-width:1367px) {
  .about h1,.vr h3,.cert-list h3,.pic-list h3,.partner h3{font-size:44px;}
  .about{padding:60px 0 0;}

  .vr .pic iframe{height:500px;}

  .cert-list{padding:60px 0;}
  .cert-list .swiper-button-prev,.cert-list .swiper-button-next{width:40px;height:40px;margin-top:-20px;}
  .cert-list .swiper-button-prev i,.cert-list .swiper-button-next i{font-size:30px;line-height:40px;}
  .cert-list .swiper-button-prev,.cert-list .swiper-container-rtl .swiper-button-next{left:-50px;}
  .cert-list .swiper-button-next,.cert-list .swiper-container-rtl .swiper-button-prev{right:-50px;}

  .pic-list{padding:60px 0 0;}

  .partner{padding:0 0 60px;}
}

@media screen and (max-width:1281px){
  .about h1,.vr h3,.cert-list h3,.pic-list h3,.partner h3{font-size:40px;}

  .cert-list .swiper-button-prev,.cert-list .swiper-button-next{display:none;}
  .cert-list .swiper-pagination{display:block;}
}

@media screen and (max-width:1171px){
  .about h1,.vr h3,.cert-list h3,.pic-list h3,.partner h3{font-size:36px;}
}

@media screen and (max-width:992px){
  .about h1,.vr h3,.cert-list h3,.pic-list h3,.partner h3{font-size:32px;}
}

@media screen and (max-width:768px){
  .about ul li h5{font-size:44px;}
  .about ul li p{font-size:18px;}

  .about h1,.vr h3,.cert-list h3,.pic-list h3,.partner h3{font-size:28px;}

  .about{padding:30px 0 0;}
  .about .txt{margin:20px 0;}
  .about .txt p~p{margin-top:10px;}
  .about .v{width:100%;float:none;margin:0 0 20px;}

  .about ul{margin-top:25px;}
  .about ul li{width:50%;padding:15px 0;}
  .about ul li h5::after{font-size:20px;}
  .about ul li:nth-child(1) h5::after{right:-75px;}
  .about ul li:nth-child(2) h5::after{right:-40px;}

  .vr{padding:30px 0 0;}
  .vr .pic{margin:25px 0 0;}
  .vr .pic iframe{height:400px;}

  .cert-list{padding:30px 0;}
  .cert-list .list{margin-top:25px;}
  .cert-list .list a{height:200px;}

  .pic-list{padding:30px 0 0;}
  .pic-list .list{margin:25px 0 0;}
  .pic-list .swiper-pagination{margin-top:25px;}
  .pic-list .swiper-pagination-bullet{width:12px;height:12px;margin:0 4px;}

  .partner{padding:0 0 30px;}
  .partner ul{margin:15px -10px 0;}
  .partner ul li{width:33.33333%;padding:10px;}
}

@media screen and (max-width:600px) {
  .about h1,.vr h3,.cert-list h3,.pic-list h3,.partner h3{font-size:26px;}
}

@media screen and (max-width:480px) {
  .about ul li h5{font-size:40px;}
  .about h1,.vr h3,.cert-list h3,.pic-list h3,.partner h3{font-size:24px;}

  
  .cert-list ul li{width:50%;}
}


@media screen and (max-width:992px){
.factory-txt {
    width: 100%;
    margin-top: 20px;
}.factory-pic {
    width: 100%;
}.factory-development .slideBox {
    padding: 10px;
}
  .parHd .tempWrap {
   // width: 100% !important;
}
    .parHd .tempWrap ul{
  //  width: 100% !important;
        //  display: flex;
   // justify-content: space-between;
}
}