@charset "utf-8";

/*内页样式*/
.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: 16px;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;font-size: 16px;}
.subbanner li a:hover{color: #fff; display:block}





.imgarea img{max-width: 100%;width: 100%;}

.inner{padding-top: 3%;position: relative;}
.tt{ width:964px; float:left;}

@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);
    }
  }
   /* 简介 */
.jianjie{ width:auto; padding-top:3%; padding-bottom:3%;}
.jianjie .a04{ font-size:16px; line-height:30px; padding-top:20px;}
.jianjie .a05{ display:block; overflow:hidden; margin-top:20px; font-size:16px}
.jianjie .a05 li{ float:left;  width:24%; margin-left:0.5%; margin-right:0.5%; background-color:#00469c; overflow:hidden; padding-top:80px; padding-bottom:75px; text-align:center; line-height:23px;}
.jianjie .a05 a{ display:block;transition:.6s; color:#FFFFFF}
.jianjie .a05 a:hover{ color:#fff; display:block;/*box-shadow:0 0 10px rgba(0, 0, 0, 0.2)*/}
.jianjie .a05 li strong{ font-size:60px;}
.jianjie .a05 li span{ display:block;height: 50px;}
.jianjie .a06{ display:block; overflow:hidden; margin-top:20px; font-size:16px}
.jianjie .a06 li{ float:left;  width:24%; margin-left:0.5%; margin-right:0.5%;  overflow:hidden; text-align:center; line-height:23px;margin-bottom:0px; background-color:#00469c;padding-top:80px; padding-bottom:75px; }
.b01{ padding-top:140px; padding-bottom:140px;background-color:#f8f8f8;}
.b02{ padding-top:29px; padding-bottom: 29px;}
.jianjie .a06 li dt{
	margin-bottom:10px;
	background-color:#f8f8f8;
	font-weight: normal;
}

.jianjie .a06 li strong{ font-size:60px;}
.jianjie .a06 li span{ display:block;}
.jianjie .a06 a{ display:block;transition:.6s; color:#FFFFFF}
.jianjie .a06 a:hover{ color:#fff; display:block;/*box-shadow:0 0 10px rgba(0, 0, 0, 0.2)*/}


.jianjie .a07{ width:auto; margin-top:60px;}
.jianjie .a07 .left{
	width:30%;
	float:left;
	line-height:28px;
	font-size:16px;
	background-image: url(../wybimages/t5.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
	padding-bottom:140px;
	margin-top:130px;
}
.jianjie .a07 .left strong{
	font-size:34px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height:80px;
	display:block;
	margin-top:30px;
	margin-bottom:20px;
}
.jianjie .a07 .right{ width:65%; float:right;}
.jianjie .a07 .right img{ width:100%;}

.jianjie .a08{ width:auto; margin-top:60px; overflow:hidden;}
.jianjie .a08 .left{ width:65%; float:left;}
.jianjie .a08 .left img{ width:100%;}
.jianjie .a08 .right{
	width:30%;
	float:right;
	line-height:28px;
	font-size:16px;
	background-image: url(../wybimages/t6.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
	padding-bottom:140px;
	margin-top:130px;
}
.jianjie .a08 .right strong{
	font-size:34px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height:80px;
	display:block;
	margin-top:30px;
	margin-bottom:20px;
}
.jianjie .a09{
	width:auto;
	clear:both;
	overflow:hidden;
	background-image: url(../wybimages/b5.jpg);
	background-repeat: no-repeat;
	margin-top:60px;
	padding-bottom:80px;
	padding-top:40px;
	background-size: cover;
}
.jianjie .a09 li{ float:left; width:31.333%; margin-left:1%; margin-right:1%; margin-top:30px;}
.jianjie .a09 li span{ display:block; line-height:30px; text-align:center; color:#000; font-size:18px; background-color:#FFFFFF; font-weight:800;padding: 20px 15px;height: 90px;}
.b03{ padding-top:45px; padding-bottom:15px;}
  
  
  /* 发展历程 */
.sale-service{padding: 2% 0;}
.sale-service .txtarea{padding: 0px  40px 0;}
.sale-service li{margin: 25px 0;}
.sale-service li .tit{font-size: 20px;font-weight: bold;position: relative;    padding-bottom: 15px;
    margin-bottom: 15px;}
.sale-service li .tit::after{position: absolute;content: '';left: 0;bottom: 0;width: 25px;height: 3px;background: #00469c;}
.a01{ font-size:72px;}
.a02{ font-size:24px;}
.a03{
	width:auto;
	background-image: url(../wybimages/xian.jpg);
	background-repeat: repeat-y;
	background-position: 95px;
	overflow: scroll;
	overflow-x: hidden;
	height:600px;
}
.a03 li{ width: 100%; line-height:30px; font-size:16px;  overflow:hidden;}
.a03 li strong{
	font-size:30px;
	line-height:30px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	color:#00469c;
	padding-right: 20px;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #00469c;
}
.a03 li span{
	display:block;
	line-height:35px;
	float:right;
	margin-left:20px;
	padding-top:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f0f0f0;
	width: calc(100% - 130px);
}

  /* 企业文化 */
.download{ padding-bottom:2%;}
.downloadlist{margin-top:30px;}
.downloadlist li{font-size: 18px; text-align:center; display:block; padding-right:20px; padding-left:0px;}
.downloadlist li:nth-child(4) { padding-right:0px; }
.downloadlist li strong{ display:block;}
.downloadlist li .wrap{border: 1px solid #ddd;align-items: center;justify-content: space-between; padding:20px;padding-top:50px; padding-bottom:80px}
.downloadlist li .wrap p {font-size: 14px;height: 70px;}
.downloadlist li i{font-size: 68px;padding: 60px 20px;}
/*.downloadlist li i:first-child{margin-right: 0px;}*/
.downloadlist li:hover .wrap{color: #fff;background: #00469c;}

/* 品质 */
.pz{ width:auto; overflow:hidden;}
.pz li{ width:auto; overflow:hidden;  margin-top:35px; }
.pz li img{ float:left; display:block;}
.pz li span{ display:block;float: right; width:30%; font-size:16px; line-height:30px;}
.pz li span strong{
	display:block;
	font-size:24px;
	line-height:80px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f0f0f0;
	margin-bottom:30px;
}
.pz li p {font-size: 12px;line-height: 1.875;}

.about_goods {
	background:#f6f6f6;

}
.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 .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
}


.tab-box{
				width: 100%;
				margin: 0px;
			
			}
			.tab-head{
				height: 50px;
				background-color:#f1f1f1
			}
			.tab-head-div{
				width:20%;
				height: 50px;
				line-height:50px;
				float: left;
				border-bottom: 0px solid #cfcfcf;
				border-right:1px solid #cfcfcf;
				background: #f1f1f1;
				text-align: center;
				cursor: pointer;
				font-size:16px;
			}
			.tab-head .current{
				background: #00469c;
				border-bottom: 0px solid #fff;
				color:#FFFFFF
			}
			.tab-head-r{
				border-right: 0;
			}
			.tab-body-ul{
				display: none;
				margin: 0px 0px;
				
			}
			.tab-body-ul li{
				margin: 5px;
			}
			.tab-body .current{
				display: block;
			}
			
			/*1212*/
			.tab-box1{
				width: 100%;
				margin: 0px;
			
			}
			.tab-head1{
				height: 50px;
				background-color:#f1f1f1
			}
			.tab-head-div1{
				width:20%;
				height: 50px;
				line-height:50px;
				float: left;
				border-bottom: 0px solid #cfcfcf;
				border-right:1px solid #cfcfcf;
				background: #f1f1f1;
				text-align: center;
				cursor: pointer;
				font-size:12px;
			}
			.tab-head1 .current1{
				background: #00469c;
				border-bottom: 0px solid #fff;
				color:#FFFFFF
			}
			.tab-head-r{
				border-right: 0;
			}
			.tab-body-ul1{
				display: none;
				margin: 0px 0px;
				
			}
			.tab-body-ul1 li{
				margin: 5px;
			}
			.tab-body1 .current1{
				display: block;
			}
			
@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
}
.tab-head-div1{ font-size:12px;overflow: hidden;  
white-space: nowrap; }
}
.about_goods .good_swiper {
padding-bottom:.6rem;
	margin-left:-5px;
	margin-right:-5px;
	margin-bottom:40px;
}
.about_goods li {
	width:33.33%;
	text-align:center
}
.about_goods li .inner {
	margin:0 13px;
	background:#fff;
	
}
.about_goods li .inner .tit {
	font-size:18px;
	line-height:80px;

	display:block;
}
 @media (max-width:1366px) {
 .tt{ width:61%; float: left;}
 .pz li span{ width:35%;}
 }
 @media (max-width:1280px) {
 .tt{ width:61%; float: left;}
 .pz li span{ width:35%;}
 .downloadlist li{font-size: 14px; text-align:center; display:block; padding-right:20px; padding-left:0px;}
 }
 @media (max-width:768px) {
 .sss img{ width:60%}
 .tt{ width:100%; float: none;}
 .a03{background-image:none;}
.about_goods li {
width:50%
}
.about_goods li .inner .tit {
	font-size:16px;
	line-height:20px;
	font-weight:400;
	display:block;
	padding:15px;
}
.pz{ width:auto;}
.pz li{ width:auto; overflow:hidden;  margin-top:50px;}
.pz li img{ float: none; display:block; width:auto}
.pz li span{ display:block;float: none; width:100%; font-size:16px; line-height:30px;}
.pz li span strong{
	display:block;
	font-size:24px;
	line-height:80px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f0f0f0;
	margin-bottom:30px;
}


 /* 简介 */

.jianjie .a05{ display:block; overflow:hidden; margin-top:10px;}
.jianjie .a05 li{ float:left;  width:98%; margin-left:1%; margin-right:1%; background-color:#00469c; overflow:hidden; padding-top:40px; padding-bottom:40px; text-align:center; line-height:23px; margin-bottom:10px;}
.jianjie .a05 li strong{ font-size:60px;}
.jianjie .a05 li span{ display:block;}
.jianjie .a06{ display:block; overflow:hidden; margin-top:10px;}
.jianjie .a06 li{ float:left;  width:98%; margin-left:1%; margin-right:1%;  overflow:hidden; text-align:center; line-height:23px; margin-bottom:20px;}
.b01{ padding-top:40px; padding-bottom:40px;background-color:#f8f8f8;}
.b02{ padding-top:20px; padding-bottom: 20px;}
.jianjie .a06 li dt{ margin-bottom:20px;background-color:#f8f8f8;}
.jianjie .a06 li strong{ font-size:60px;}
.jianjie .a06 li span{ display:block;}
.jianjie .a07{ width:auto; margin-top:40px;}
.jianjie .a07 .left{
	width:100%;
	float: none;
	line-height:28px;
	font-size:16px;
	background-image: url(../wybimages/t5.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
	padding-bottom:30px;
	margin-top:0px;
}
.jianjie .a07 .left strong{
	font-size:24px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height:80px;
	display:block;
	margin-top:30px;
	margin-bottom:20px;
}
.jianjie .a07 .right{ width:100%; float: none;}

.jianjie .a08{ width:auto; margin-top:40px; overflow:hidden;}
.jianjie .a08 .left{ width:100%; float: none;}
.jianjie .a08 .right{
	width:100%;
	float: none;
	line-height:28px;
	font-size:16px;
	background-image: url(../wybimages/t6.png);
	background-repeat: no-repeat;
	background-position: 20px 20px;
	padding-bottom:40px;
	margin-top:0px;
}
.jianjie .a08 .right strong{
	font-size:34px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	line-height:80px;
	display:block;
	margin-top:30px;
	margin-bottom:20px;
}
.jianjie .a09{
	width:auto;
	clear:both;
	overflow:hidden;
	background-image: url(../wybimages/b5.jpg);

	margin-top:20px;
	padding-bottom:0px;
	padding-top:10px;
}
.jianjie .a09 li{ float: none; width:98%; margin-left:1%; margin-right:1%; margin-top:30px;}
.jianjie .a09 li img{ width:100%}
.jianjie .a09 li span{ display:block; line-height:80px; text-align:center; color:#000; font-size:18px; background-color:#FFFFFF; font-weight:800;}
.b03{ padding-top:25px; padding-bottom: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
}


@media only screen and (max-width: 1400px){
	.subbanner{height: 30vw;}
	.subbanner .txtarea .h1{font-size: 36px;margin: 0;}
	.subbanner ul{padding: 0;}
	.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: 12%;}
	/* .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: 12%;top: 68%;}
  }
  
  @media only screen and (max-width: 768px){
	.inner .h2{font-size: 24px;}
	.subbanner .txtarea .h1{font-size: 20px;}
	.subbanner .des{margin: 10px 0;font-size: 12px;}
	
	.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: 9%;top: 60%;}
	.oz{top: 10%;right: 40%;}
	.yz{top: 14%;right: 29%;}
	.bmz{top: 13%;left: 17%;}
	.downloadlist li{padding: 0 0 15px 0;}
	.downloadlist li i{padding: 10px 25px;}
  }
	
  
  @media only screen and (max-width: 640px){
	.subbanner{height: 40vw;}
	.subbanner .sub_pic img{height: 100%;}
	.app-content .toparea .txtarea{padding: 20px 0 ;}
	.application .applicationlist li .txtarea{padding:0 0 15px;}
	.application .applicationlist li:nth-child(even) .txtarea{padding: 0;}
	.applicationlist .h2{font-size: 24px;}
	.contactus .txtarea{padding: 0;}
	.message form{padding: 0;}
	.message .ui-btn{width: 150px;margin-top: 15px;}
	.rczl li .wrap{height: auto;}
	.newslist li .tit{font-size: 18px;}
	.rczl li{padding: 0;}
	.inner .h2{font-size: 24px;}
	.banner .index_banner .item .block_txt .txt{width: 70%;}
	.banner .index_banner .item .block_txt .txt .h3{font-size: 18px}
	.banner .index_banner .item .block_txt .txt h3{font-size: 24px;}
	.left-cont .article_cont{margin: 0;}
	.sub_title{padding: 0;}
	.skip{margin-top:0 ;}
	.downloadlist li .wrap{line-height: 50px;}
	.downloadlist li i{line-height: 50px;}
	.dyz{right: 8%;top: 53%;}
	.bmz{top: 2%;left: 18%;}
	.yz{top: 2%;right: 29%;}
	.oz{top: 4%;right: 40%;}
   
  }
  
  @media only screen and (max-width: 480px){
	
  }