@max-width:1000px;

@main-color:#ff9a00;

@font-color:#ffffff;

@333:#333333;
.float(@n){
  float: @n;
}
.border-radius(@n){
  border-radius:@n;
}


.banner{
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  height: 480px;
  background: url("../images/zonghe.png") center center no-repeat;
  overflow: hidden;
  margin-top: 80px;
}
.banner-main{
  width: 1000px;
  margin: 0 auto;
}
.banner-main p{
  font-size: 56px;
  color: @font-color;
  // margin-top: 150px;
  line-height: 1;
}
.banner-main span{
  font-size: 14px;
  color: @font-color;
  line-height: 1;
  margin-top: 18px;
  display: block;
}
.banner-main a{
  display: block;
  width: 150px;
  height: 50px;
  line-height: 50px;
  background-color: @main-color;
  .border-radius(25px);
  margin-top: 30px;
  font-size: 18px;
  text-align: center;
  color: #ffffff;
}
.main{
  width: 1000px;
  margin: 0 auto;
}

.title{
  margin-top: 100px;
  margin-bottom: 60px;
}
.title p{
  
  // margin-top: 100px;
padding-left: 10px;
padding-right: 10px;
  font-size:24px;
  font-family:PingFang SC;
  font-weight:bold;
  color:rgba(0,0,0,1);
  line-height:21px;
  display:inline-block;
}
.title span{
  font-size: 24px;
  font-family:PingFang SC;
font-weight:bold;
color:rgba(0,0,0,1);
line-height:21px;
  margin: 0 10px;
  margin-top: 10px;
}


.display-inline-block{
  display: inline-block;
}



.not-right{
  margin-right: 0;
}




.product{
  width: 467px;
  margin-top: 60px;
}

.product span{
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #333333;
}



.productimg{
  width: 543px;
  height: 489px;
  float: right;

}

.overallimg{
  width: 800px;
  height: 570px;
  margin:0 auto;
  margin-top: 55px;
}


.tag{
  height: 60px;
  border-style: solid;
  border-left-width: 4px;
  border-color:@main-color;



  padding-left: 10px;
  font-family: MicrosoftYaHei;
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
}

.tag p{
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #333333;
}





.manager-item{
  margin-top: 60px;
  height: 351px;
  margin-bottom: 80px;
}

.manager-item-left{
  width: 1066px;
  display: inline-block;
  float: left;
}


.manager-item-img{
  display: inline;
  width: 24px;
  height: 32px;
  vertical-align: middle;
}
.manager-item-title{
  display: inline;
  font-family: SourceHanSansCN-Medium;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #7fcef4;
  margin-left: 10px;
  vertical-align: middle;
  text-align: center;

}

.manager-item-color-1{
  color:#8ac998;
}
.manager-item-color-2{
  color:#f19149;
}
.manager-item-color-3{
  color:#c490bf;
}

.manager-item-color-4{
  color:#eb6877;
}

.manager-item-content{
  font-family: SourceHanSansCN-Regular;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  margin-top: 20px;
  color: #323333;
}
.centent{
  margin: 0 auto;
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  // height: 500px;
}
.main-card{
  width: 100%;
  margin: 0 auto;
  // height: 420px;
  
  clear: both;
}
.content-card{
  margin: 60px auto;
  width: 900px;
  height: 260px;
  display: flex;
  flex-direction: row;
  position: relative;

  
}
.leftcard{
  float: left;
  background-size:cover;
  width: 338px;
  height: 258px;
}
.rightcard{
  padding-top: 20px;
  margin-left: 20px;
  // padding: 40px 30px;
  width:540px;
height:200px;
// background: red;

}
.rightcard p{
 
  width: 490px;
  // margin-top: 28px;
  margin-bottom: 20px;
  font-size:14px;
  font-family:PingFang SC;
  font-weight:400;
  color:rgba(0,0,0,1);
  line-height:21px;
  text-align: left;
}

.content-zonghe{
  width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  height: 300px;
}
.zonghelist{
  flex: 1;
  // margin: 0 30px;
  // width:230px;
height:280px;
background:rgba(255,255,255,1);
border-radius:10px;
box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
display: flex;
flex-direction: column;
}
.top{
  width:230px;
height:76px;
background:linear-gradient(-45deg,rgba(42,177,243,1),rgba(42,212,243,1));
border-radius:10px 10px 0px 0px;
padding:20px 30px;

// width:154px;
// height:34px;
font-size:14px;
font-family:PingFang SC;
font-weight:400;
color:rgba(255,255,255,1);
line-height:21px;
}
.center{
width: 60px;
height: 60px;
margin: 10px auto;
text-align: center;
margin-top: 20px;
}
.bottom{
  text-align: center;
  padding:10px 24px;
  font-size:14px;
font-family:PingFang SC;
font-weight:400;
color:rgba(14,5,10,1);
line-height:21px;
}