@charset "utf-8";
.wrap {
	width:88vw;
	max-width:1500px;
	margin-left:auto;
	margin-right:auto
}
@media (max-width:639px) {
.wrap {
width:92vw
}
}
/*内页样式*/
.wrapper{max-width: 1500px;margin: 0 auto;padding: 0 10px;}
.subbanner{height: 550px;overflow: hidden;position: relative;width: 100%;display: flex;align-items: center;}
.subbanner .sub_pic{position: absolute;right: 0;top: 50%;width: 100%;height: 100%;overflow: hidden;transform: translateY(-50%);}
.subbanner .sub_pic img{position: relative;left: 50% !important;transform: translateX(-50%) !important;}
.subbanner .txtarea{position: relative;z-index: 3;width: 1500px;padding: 0 10px;margin: 0 auto;color: #fff;}
.subbanner .h1{font-weight: 600;}
.subbanner .des{font-size: 24px;margin:25px 0}
.subbanner ul{display: flex;flex-direction: row;padding-top: 30px;}
.subbanner li{color: #000;background: #fff;margin-right: 30px;width: 200px;height: 60px;line-height: 60px;text-align: center;font-size: 24px;}
.subbanner li.active,.subbanner li:hover{color: #fff;background: #00469c;}
.subbanner li.active a{color: #fff;}
.subbanner li a{display:block}
.subbanner li a:hover{color: #fff; display:block}
.imgarea img{max-width: 100%;width: 100%;}

.inner{padding-top: 3%;position: relative;}


@keyframes ripple {
    0% {
      transform: scale(0.16, 0.16);
      opacity: 0.5;
    }
    20% {
      transform: scale(0.33, 0.33);
      opacity: 0.3;
    }
    100% {
      opacity: 0;
      transform: scale(1, 1);
    }
  }


.about_goods {
	background:#f6f6f6;
	padding-top:0%;

}
.about_goods .hd {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-align:center;
	box-align:center;
	-webkit-box-pack:justify;
	box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
margin-bottom:.36rem
}
.about_goods .hd .hd3 {
	margin-bottom:0
}
.about_goods .h2 span{
	font-size:12px;
	color:#0033CC;
	background-image: url(../wybimages/zs3.jpg);
	background-repeat: no-repeat;
	padding-left: 23px;
	padding-bottom:5px;
	margin-left:5px;
	text-decoration: underline;
}
.zz .h2 span{
	font-size:12px;
	color:#0033CC;
	background-image: url(../wybimages/zs3.jpg);
	background-repeat: no-repeat;
	padding-left: 23px;
	padding-bottom:5px;
	margin-left:5px;
	text-decoration: underline;
}
.about_goods .h2 span a{ color:#0033CC;}
.about_goods .pnext {
	width:130px;
	margin-right:-10px;
	height:51px;
	position:relative
}
.about_goods .pnext>div::after {
display:none
}
.about_goods .pnext>div {
	border:1px solid #bbb;
	width:48px;
	height:48px;
	line-height:48px;
	text-align:center;
transition:.6s
}
.about_goods .pnext>div.swiper-button-next, .about_goods .pnext>div:hover {
	border-color:#009b4c;
	background-color:#009b4c
}
.about_goods .pnext>div.swiper-button-next .iconfont, .about_goods .pnext>div:hover .iconfont {
	color:#fff
}
.about_goods .pnext .iconfont {
	font-size:20px;
	color:#666
}
  .zs{ display:block; margin-top:30px;}
  .zs li{
	float:left;
	width:24%;
	margin-left:0.5%;
	margin-right:0.5%;
	border: 1px solid #f0f0f0;
}
  .zs li img{ padding:20px;}
  .zs li span{ display:block; text-align:center; line-height:45px; font-size:16px;overflow: hidden; white-space: nowrap; }
@media (max-width:480px) {
.about_goods .pnext {
height:40;
width:110px
}
.about_goods .pnext>div {
width:40px;
height:40px;
line-height:40px;
text-align:center
}
}
.about_goods .good_swiper {
padding-bottom:.8rem;
	margin-left:-5px;
	margin-right:-5px
}
.about_goods li {
	width:25%;
	text-align:center
}
.about_goods li .inner {
	margin:0 13px;
	background:#fff;
	border:1px solid #f2f2f3
}
.about_goods li .inner .tit {
	font-size:18px;
	line-height:80px;

	display:block;
}
 @media (max-width:768px) {
.about_goods li {
width:50%
}
.about_goods li .inner .tit {
	font-size:16px;
	line-height:20px;
	font-weight:400;
	display:block;
	padding:15px;
}
}
@media (max-width:480px) {
.about_goods li {
width:50%
}
}

.about_goods {
	background:#fff;
}
.about_goods .hd {
	display:-webkit-flex;
	display:flex;
	display:-webkit-box;
	display:box;
	-webkit-align-items:center;
	align-items:center;
	-webkit-box-align:center;
	box-align:center;
	-webkit-box-pack:justify;
	box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
margin-bottom:.36rem
}
.about_goods .hd .hd3 {
	margin-bottom:0
}

.zz{ padding-bottom:40px; overflow:hidden; margin-top:30px;}

/*pageAbout*/
.pageAbout{width: 100%;background: url("../images/about/about_bg.png") bottom center no-repeat;}
#certify {position: relative;width: 100%;}
#certify .swiper-container {padding: 30px 0 30px; margin-left:200px;}
#certify .swiper-slide {width:600px;height: 490px;}
#certify .swiper-slide .img{width: 297px;height: 420px;background: url("../images/about/about_img_bg.png") center center no-repeat;box-sizing: border-box;padding: 0px 0 0px 0px;}
#certify .swiper-slide .img img{display:block;width: 297px;height:419px;}
#certify .swiper-slide .img span{ display:block; text-align:center; font-size:18px; line-height:60px;}

@media only screen and (max-width: 1400px){

  .botarea li .imgarea{height:19vw ;}
  .rczl li .h3{font-size: 24px;margin: 15px 0 25px;}
  .rczl li .wrap{padding: 30px 20px 60px;}
  .newslist li .wrap .imgarea{height: 18vw;}
  .china{right: 22%;}
  .dyz{right: 15%;}
  .subbanner li{width: auto;font-size: 20px;flex: 1;margin-right: 20px;}
}

@media only screen and (max-width: 1200px){
  .application-nav li i{line-height: 1;}
  .inner .h2{font-size: 30px;}
  .botarea li .imgarea{height: 25vw;}
  .rczl li{margin-bottom: 20px;}
  .rczl li .wrap{padding: 30px 20px 40px;}
  .job-box .job-detail .h3{font-size: 26px;}
  .right_sides{display: none;}
  .left-cont{width: 100%;}
  .sale-service li .tit{padding-bottom: 10px;margin-bottom: 10px;}
  .shzr ul li{margin-bottom: 20px;}
  .shzr li .wrap{padding: 30px;}
}

@media only screen and (max-width: 1000px){
  .inner .h2{font-size: 26px;}
  .subbanner .txtarea .h1{font-size: 30px;margin: 0;}
  .subbanner .des{font-size: 22px;margin: 20px 0;}
  .subbanner ul{display: none;}
  .contactus .txtarea{padding: 30px;}
  .contactlist{flex-wrap: wrap;}
  .contactlist li{width: 33.33%;flex: inherit;}
  .application-nav li{text-align: center;}
  .application-nav li i{font-size: 36px;}
  .application .applicationlist li .txtarea{padding: 30px 30px 30px 0;}
  .application .applicationlist li:nth-child(even) .txtarea{padding-left: 30px;}
  .app-content .toparea ul{margin: 5% 0;}
  .app-content .toparea li{font-size: 18px;}
  .app-content .toparea .txtarea{padding: 30px;}

  .botarea li .imgarea{height: 35vw;}
  .job-box .job-detail .h3{font-size: 24px;}
  .newslist li .wrap .imgarea{height: 30vw;}
  .newslist li{margin-bottom: 10px;}
  .sale-service{background: #f9f9f8;}
  .sale-service .txtarea{padding: 0;}
  .china{top: 31%;right: 21%;}
  .dyz{right: 13%;top: 68%;}
  #certify{ display:none}
  .zs{ display:block;}
  .zs li{ float:left; width:48%; margin-left:1%; margin-right:1%;}
  .zs li span{ display:block; text-align:center; line-height:45px; font-size:16px;overflow: hidden; white-space: nowrap; }
  
}

@media only screen and (max-width: 768px){
  .inner .h2{font-size: 24px;}
  .subbanner .txtarea .h1{font-size: 26px;}
  .subbanner .des{margin: 10px 0;}
  
  .inner .h2{font-size: 26px;}
  .contactlist{display: none;}
  .applicationlist .h2{font-size: 26px;}
  .application-nav li i{font-size: 30px;}
  .application-nav li{padding: 10px 0;}
  .application-nav{position: relative;top: 0;}
  .application-nav ul{flex-wrap: wrap;}
  .application-nav li{width: 20%;flex: inherit;}
  .app-content{padding-top: 0;}
  .application .applicationlist li .txtarea{padding: 0 30px 30px 30px;}
  .newslist li .tit{margin-bottom: 0;}
  .newslist li .txtarea{margin: 10px;}
  .sub_title h3{font-size: 24px;}
  .relate{display: none;}
  .china{top: 25%;right: 20%;}
  .dyz{right: 12%;top: 60%;}
  .oz{top: 15%;right: 40%;}
  .yz{top: 14%;right: 29%;}
  .bmz{top: 13%;left: 22%;}
  .downloadlist li{padding: 0 0 15px 0;}
  .downloadlist li i{padding: 10px 25px;}
}
  

@media only screen and (max-width: 640px){
 
}

@media only screen and (max-width: 480px){
  
}