@charset "utf-8";

.padT70{
	padding-top: 70px;
}
.padT80{
	padding-top: 80px;
}
.padT100{
	padding-top: 40px;
}
.padT120{
	padding-top: 120px;
}
.padB100{
	padding-bottom: 100px;
}
.padB80{
	padding-bottom: 80px;
}
.padB120{
	padding-bottom: 120px;
}
.padB140{
	padding-bottom: 140px;
}
.padB160{
	padding-bottom: 160px;
}
.padB170{
	padding-Bottom: 170px;
}
.productSolutions .wrap{
	display: flex;
	justify-content: space-between;
}
.productSolutions .wrap .left_w{
	width: 16.66666666666667%;
}
.productSolutions .wrap .right_w{
	width: 82%;
}

.productNav{
	margin-top:0px;
}
.productNav .bt{line-height:50px; font-size:1.7vw; font-weight:bold}
.productNav>ul{
	border-top: rgba(0,0,0,0.1) solid 1px;
}
.productNav>ul>li{
	border-bottom: rgba(0,0,0,0.1) solid 1px;
	cursor: pointer;
}
.productNav>ul>li>a,
.productNav ul li .title{
	position: relative;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-right: 40px;
	box-sizing: border-box;
	font-family: "OutfitRegular"; 
	color: #000000;
	font-size: 18px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.productNav>ul>li>a:hover,
.productNav ul li.open .title,
.productNav ul li .title.on,
.productNav ul li:hover .title{
	color: #d3aa07;
}

.productNav ul li a.on{
	color: #d3aa07;
}

.productNav ul li .title i{
	position: absolute;
	right: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 25px;
	height: 25px;
	background: url(../images/icon11.png) center no-repeat;
	background-size: 13px auto;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.productNav ul li.open .title i,
.productNav ul li .title.on i{
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	background: url(../images/icon11a.png) center no-repeat;
	background-size: 13px auto;
}
.productNav ul li ul{
	display:none;
	padding-bottom: 30px;
}
.productNav ul li ul li a{
	font-family: "OutfitRegular"; 
	color: rgba(0,0,0,0.6);
	font-size: 14px;
	line-height: 2;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.productNav ul li ul li a:hover{
	color: #d3aa07;
}
.productNav ul li ul li.o1 a{color: #d3aa07;}
.productList ul{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	margin-bottom: 40px;
}
.productList ul li{
	width: calc((100% - 40px) / 4);
	margin-right: 10px;
	margin-bottom: 15px;
	background:#FFF; border:#F0F0F0 solid 1px; border-radius: 10px; padding-bottom:15px 
}
.productList ul li img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  height: 80%;
  width: auto;
  transition: all 0.6s;
}
.productList ul li:nth-child(4n){
	margin-right: 0;
}
.productList ul li a{
	position: relative;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100%;
}
.productList ul li a:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: url(../images/img16.jpg) center no-repeat;
	background-size: cover;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.productList ul li a:hover:before{
	opacity: 1;
}
.productList ul li a .tag{
	position: absolute;
	/*right: 0;
	top: 0;*/
	top: 30px;
	left: -6px;
	display: flex;
	align-items: center;
	min-width: 44px;
	min-height: 33px;
	color: #FFFFFF;
	font-size: 14px;
    line-height: 1.5;
    padding: 0px 5px 3px 12px;
    margin-right: 16px;
    /*background: #00a6ca;*/
   	background: url(../images/icon31b.png) center no-repeat;
   	background-size: 100% 100%;
    box-sizing: border-box;
}
.productList ul li a .tag:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 6px;
	height: 100%;
	background: url(../images/icon31a.png) left top no-repeat;
	background-size: 100% 100%;
}
.productList ul li a .tag:after{
	content: '';
	position: absolute;
	right: -16px;
	top: 0;
	width: 16px;
	height: 100%;
	background: url(../images/icon31c.png) left top no-repeat;
	background-size: 100% 100%;
}
/*.productList ul li a .tag:before{
	content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 0;
    height: 0;
    border: 32px solid #00a6ca;
    border-color: #00a6ca #00a6ca transparent transparent;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}*/
.productList ul li .imgBox{
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
	overflow: hidden;
}
.productList ul li .imgBox img{
	width: 100%;
}
.productList ul li .textBox{
	margin-top: 15px;
	text-align: center;
	padding: 0px 15px;
	box-sizing: border-box;
}
.productList ul li .textBox h4{
	font-family: "OutfitRegular"; 
	color: #010101;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.productList ul li a:hover .textBox h4{
	color: #00a6ca;
}
.productList ul li .textBox .txt{
	margin-top: 0.26vw;
	color: rgba(0,0,0,0.6);
	/*line-height: 1.7;*/
	/*min-height: 90px;
	padding-bottom: 30px;*/
	min-height: 4.6875vw;
	padding-bottom: 1.5625vw;
	box-sizing: border-box;
}

.productList .page-list{
	justify-content: flex-start;
}
.ProductInfor{
	background: url(../images/img23.jpg) center no-repeat;
	background-size: cover;
}
.ProductInfor .title,
.ProductInformation .title{
	text-align: center;
	font-family: "PingFangMedium"; 
	color: #000000;
}
.ProductInformation .box,
.ProductInfor .box{
	position: relative;
	width: 100%;
	overflow: hidden;
	margin-top: 45px;
}
.ProductInformation .mySwiper.box{
	margin-top: 0;
}
.ProductInfor .box ul{
	align-items: stretch;
}
.ProductInfor .box li{
	height: auto;
	background-color: #FFFFFF;
}
.ProductInfor .box li a{
	display: block;
	width: 100%;
	overflow: hidden;
}
.ProductInfor .box .imgBox{
	width: 100%;
	overflow: hidden;
}
.ProductInfor .box .imgBox img{
	display: block;
	width: 100%;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.ProductInfor .box li a:hover .imgBox img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.ProductInfor .box .textBox{
	padding: 9%;
	box-sizing: border-box;
}
.ProductInfor .box .date{
	font-family: "OutfitRegular"; 
	color: rgba(0,0,0,0.4);
	margin-bottom: 5px;
}
.ProductInfor .box h4{
	font-family: "OutfitRegular"; 
	color: #000000;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.ProductInfor .box li a:hover h4{
	color: #00a6ca;
}
.ProductInfor .box .text{
	margin-top: 12px;
	color: rgba(0,0,0,0.6);
	line-height: 1.7;
}
@media screen and (max-width: 1920px) and (min-width: 1025px){
	.productNav ul li .title{
		padding-top: 1.25vw;
		padding-bottom: 1.25vw;
		padding-right: 2.08333333vw;
		font-size: 1.04vw;
	}
	.productNav ul li .title i{
		right: 0.8vw;
		width: 1.3vw;
		height: 1.3vw;
		background: url(../images/icon11.png) center no-repeat;
		background-size: 0.67708333333vw auto;
	}
	
}

@media screen and (max-width: 1366px){
	.productList ul li a .tag{
		min-width: 38px;
		min-height: 28px;
		margin-right: 14px;
		font-size: 12px;
	}
	.productList ul li a .tag:before{
		width: 4px;
	}
	.productList ul li a .tag:after{
		right: -14px;
		width: 14px;
	}
}
@media screen and (max-width: 1024px){
		.PrveNextBox{
		padding: 45px;
	}
}
@media screen and (max-width: 768px){
	.padT100 {
  padding-top: 0px;
}
.productNav .bt{font-size: 3.7vw;}
	.productSolutions .wrap {
		flex-direction: column;
	}
	.productSolutions .wrap .left_w {
		width: 100%;
	}
	.productSolutions .wrap .right_w {
		width: 100%;
		margin-top: 30px;
	}

	.productList ul li {
		width: calc((100% - 15px) / 2);
	}
	.productList ul li:nth-child(3n) {
		margin-right: 15px;
	}
	.productList ul li:nth-child(2n) {
		margin-right: 0;
	}
	.productList .page-list {
		justify-content: center;
	}
	.productNav ul li .title ,
	.productNav>ul>li>a{
		padding: 12px 0;
		font-size: 14px;
	}
	.productNav ul li ul li a {
		font-size: 14px;
	}
	.productNav ul li .title i{
		background: url(../images/icon11.png) center no-repeat;
		background-size: 11px auto;
	}
	.productNav ul li .title.on i{
		background: url(../images/icon11a.png) center no-repeat;
		background-size: 11px auto;
	}
	.ProductSearch .btn {
		height: 40px;
	}
	.ProductSearch .text {
		font-size: 14px;
	}
	.productNav ul li .title i {
		right: 0;
	}
	.ProductInfor .box h4 {
		font-size: 16px;
	}
	.ProductInfor .box .text {
		font-size: 12px;
		margin-top: 4px;
	}
	
}
@media screen and (max-width: 540px){
.productNav .bt{font-size: 3.7vw;}
	.PrveNextBox{
		padding: 25px;
		font-size: 15px;
	}
	.PrveNextBox ul li{
		margin-bottom: 15px;
	}
	.PrveNextBox ul li a{
		padding-bottom: 15px;
	}
	.PrveNextBox .btn{
		font-size: 15px;
	}
	/*.productList ul li{
		width: 100%;
		margin-right: 0 !important;
		margin-bottom: 20px;
	}*/
	.ProductInformation .box,
	.ProductInfor .box{
		margin-top: 30px;
	}
	
	.ProductInformation ul li .textBox{
		padding: 30px 22px 25px;
	}
	.productList ul li .textBox .txt.size16{
		font-size: 12px;
		min-height: 60px;
	}
}
@media screen and (max-width: 480px){

	.ProductInformation .box,
	.ProductInfor .box{
		margin-top: 25px;
	}
	.ProductInformation ul li .textBox h4{
		margin-bottom: 5px;
	}
	.ProductInformation ul li .textBox .more{
		margin-top: 10px;
	}
	.productList ul li a .tag{
	   padding-left: 10px;
	}
}