* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
img {
    border: 0;
    transition: all 0.5s;
	display: block;
}

ol, ul ,li{
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}


input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}

input, textarea, select {
    font-size: 100%
}

input {
    border: none;
    outline: none;
}
/* 
img:hover{
    transform: scale(1.05);
} */
a, a:link, a:active {
    color: #000;
    text-decoration: none;
}
a:hover,
.curLoc a:hover{color: #be3560;}
body {
    width: 100%;
    overflow-x: hidden;
}
html,body{
    font: 16px / 1.6 'Microsoft Yahei', "hiragino sans gb", Tahoma, Helvetica, Arial, "\5b8b\4f53", 'sans-serif';
    height: 100%;
    margin: 0;
    padding: 0;
}
body.subBody{
	background: #f5f5f5;
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    content: '';
    display: block;
    visibility: hidden;
    clear: both;
}
.pa{position: absolute;}
.pr{position: relative}
.fl{float: left}
.fr{float: right}
.mt30{margin-top: 30px;}
.ml15{margin-left: 15px;}
.borderBtm0{border-bottom: none !important;}

.cwp1200 {
    width: 1250px;
    margin: 0 auto;
}
.wpCenter{
    width: 85%;
    margin: 0 auto;
	/* display: flex; */
	position: relative;
}
.wpCenterSub{
    width: 85%;
    margin: 0 auto;
}
.flex{
	display: flex;
}
.flex_ben{
	display: flex;
	justify-content: space-between;
}
.wpCenter.pd15{
    padding: 0 15px;/* padding-top: 50px; */
}
.backgroundSty{
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

#openlc,#openlcSub{
    display: none;
}
.navMoble{display: none;}
.headerBox{
	width: 100%;
	position: relative;
	transition: all .5s; 
}
.header{
	position: fixed;
	padding: 20px 0;
	width: 100%;
	background: #fff;
	top: 0;
	z-index: 999;
	visibility: initial !important;
	/* transition: all 0.5s; */
	transition: transform 0.3s ease; /* 添加过渡效果 */
	box-shadow: rgba(0, 0, 0, .1) 0 0 10px 0;
}

.header .logo{
	display: flex;
	align-items: center;
	flex-direction: row;
	padding-left: 30px;
}
.header .logo a {
	display: block;
}
.header .logo a img{
	display: block; 
	height: 40px;
	/* margin: 4px 0; */
	/* height: 15%; */
	}
.header .navBox{ 
	font-size: 16px; 
	transition: all .5s; 
}
.header .navBox a{
	display: inline-block;
	padding-left: 40px;
	transition: all .5s;
	position: relative;
	text-align: center;
}
.header .navBox a span,
.header .navBox a em{
	display: block;
	font-style: normal;
}
.header .navBox a em{
	color: #c5c5c5;
}
.header .navBox a:hover{
	color: #be3560;
}
.header .navBox a.on{
	background: #be3560;
	color: #fff;
}
.bannerBox{
	padding-top: 80px;
}
.bannerBox a img{
	display: block;
	width: 100%;
}

.contentTitle{
	padding: 20px 0;
	text-align: center;
}
.contentTitle span,
.contentTitle em{
	display: inline-block;
	font-size: 30px;
	font-style: normal;
	font-family: "阿里巴巴普惠体", Arial, Helvetica, sans-serif;
}
.contentTitle em::after{
	content: "|";
	display: block;
	width: 60px;
}
.contentItem{
	padding: 50px 0;
} 
#Company{
	background: #f8f8f8;
}
#Company .contentInfo{
	padding: 30px 0;
}
#Company .contentInfo table{
	max-width: 90%;
	margin: 0 auto;
}
#Company .contentInfo table td{
	line-height: 40px;
	border-color: #d1c5c0 !important;
	padding-left: 1em;
}

#Business .contentInfo .tips p{
	color: #4d4d4d;
	font-size: 16px;
	line-height: 34px;
	text-align: center;
}
#Business .contentInfo .list{
	padding-top: 0px;
    flex-wrap: wrap;
}
#Business .contentInfo .list li{
	width: 45%;
	margin-top: 40px;
}
#Business .contentInfo .list li .img{
	width: 100%;
	/* background: #8f7f77; */
	/* height: 220px; */
	/* min-height: 220px; */
	overflow: hidden;
}
#Business .contentInfo .list li .img img{width: 100%; display: block; margin: 0 auto; transition: all .5s; }
#Business .contentInfo .list li .img img:hover{transform: scale(1.1);}
#Business .contentInfo .list li .text{
	padding-top: 20px;
	color: #4d4d4d;
}
#Business .contentInfo .list li .text h1{font-size: 30px;}
#Business .contentInfo .list li .text p{font-size: 16px; padding-top: 10px;}
#Business .contentInfo .list li .text a:hover h1{color: #be3560;}

#Products{
	background: #090909;
	padding-bottom: 0 !important;
}
#Products .contentTitle.cecece{color: #cecece;}
#Products .contentInfo .summary>img{
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
#Products .contentInfo .summary .text{
	margin-top: 30px;
	color: #cecece;
	text-align: center;
}
#Products .contentInfo .summary .text h1{
	font-size: 24px;
}
#Products .contentInfo .summary .text p{
	font-size: 16px;
	line-height: 24px;
	margin-top: 10px;
}
#Products .contentInfo .list{
	padding-top: 40px;
}
#Products .contentInfo .list li{
	width: 100%;
	background-position: center bottom;
	background-size: cover;
	position: relative;
	padding-bottom: 40px;
}
#Products .contentInfo .list li::before{
	content: "";
	display: block;
	border-top: 1px #545454 solid;
	width: 90%;
	margin: 0 auto;
}
#Products .contentInfo .list li .tit{
	font-size: 24px;
	color: #acacac;
	text-align: center;
	padding: 40px 0;
}
#Products .contentInfo .list li img{
	max-width: 50%;
	display: block;
	margin: 0 auto;
	transition: all 0.5s;
}
#Products .contentInfo .list li img:hover{
	transform: translate(0, -20px);
}

#Contact .tips{
	color: #2d2c2d;
	font-size: 16px;
	text-align: center;
	padding: 20px 0;
}
#Contact .tips span{display:inline-block; padding:0 10px;}

#News .list{
	border-top: 1px #e5e5e5 solid;
	border-bottom: 1px #e5e5e5 solid;
	padding: 40px 0;
}

#News .list li a .img{
	width: 30%;
	overflow: hidden;
}
#News .list li a .img img{display: block; width: 100%; transition: all 0.5s;}
#News .list li a .img img:hover{transform: scale(1.1);}
#News .list li a .text{
	width: 65%;
	
}
#News .list li a .text h1{
	font-size: 24px;
	color: #2d2c2d;
}
#News .list li a .text p{
	color: #2d2c2d;
	font-size: 16px;
	line-height: 24px;
	margin-top: 20px;
}
#News .list li a:hover .text h1{color: #be3560;}
/* #News .list li a .text span{
	margin-top: 20px;
	
} */

/* footer */
.foorerBox{
	color: #b5b5b5;
	padding: 10px 0 40px;
	text-align: center;
}




.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.animate__animated.animate__infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@-webkit-keyframes fadeInDownA {
  from {
    /* opacity: 0.7; */
    -webkit-transform: translate3d(0, -5%, 0);
    transform: translate3d(0, -5%, 0);
  }
  to {
    /* opacity: 1; */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
 
@keyframes fadeInDownAt {
  from {
    /* opacity: 0.7; */
    -webkit-transform: translate3d(0, -5%, 0);
    transform: translate3d(0, -5%, 0);
  }
  to {
    /* opacity: 1; */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
 
.animate__fadeInDown {
  -webkit-animation-name: fadeInDownAt;
  animation-name: fadeInDownAt;
}