/*去除标签自带的样式*/
* {
    margin: 0;
    padding: 0;
}
  
ul {
    list-style: none;
}
  
a {
    text-decoration: none;
}
.main{
    width: 750px;
    margin: 0 auto;
    /* padding: 0 10px;
    padding-top: 20px;
    box-sizing: border-box; */
    /* height: 3213px; */

    /*-moz-column-count:2; !* Firefox *!
    -webkit-column-count:2; !* Safari 和 Chrome *!
    column-count:2;
    -moz-column-gap: 20px;
    -webkit-column-gap: 20px;
    column-gap: 20px;*/


    /* display: flex;
    flex-flow: column wrap; */
}

.bannerBox {
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    width: 100%;
}

.bannerBox .carousel {
    position: relative;
    width: 750px;
    height: 227px;
    margin: 0 auto;
    overflow: hidden;
}

.bannerBox .items {
    position: absolute;
}

.bannerBox .items li {
    list-style: none;
    width: 750px;
    height: 380px;
    text-align: center;
    line-height: 380px;
    box-sizing: border-box;
    position: relative;
}

.bannerBox .items > li {
    float: left;
}

.bannerBox .items li img {
    width: 750px;
    height: 227px;
}

.bannerBox .items li a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
}
.tops{
    width: 750px;
    height: 85px;
    background: #FFFFFF;
    display: flex;
    justify-content: space-around;
}
.tops span{
    margin-top: 30px;
    width: 280px;
    height: 45px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 32px;
    color: #888888;
    /* line-height: 0px; */
    text-align: center;
    font-style: normal;
    text-transform: none;
   
    padding-bottom: 10px;
}
.topWenzi{
    border-bottom: 1px solid #DE161E !important;
    color: #DE161E !important;
    font-weight: bold !important;
}
.itemCen{
    display: none;
}
.itemCen .title{
    width: 750px;
    height: 97px;
    background: #F4F4F4;
    display: flex;
    justify-content: space-evenly;
}
.itemCen .title .titCen{
    width: 200px;
    height: 57px;
    background: #FFFFFF;
    border-radius: 6px 6px 6px 6px;

    font-family: PingFang SC, PingFang SC;
font-weight: 400;
font-size: 26px;
color: #7A7A7A;
line-height: 57px;
text-align: center;
font-style: normal;
text-transform: none;
margin-top: 20px;
}
.titCenColor{
    color: #FFFFFF !important;
}
.center{
    width: 750px;
    display: none;
}
.centerImg{
    width: 750px;
    height: 430px;
    margin-bottom: 20px;
}
.centerImg2{
    width: 750px;
    height: 443px;
    position: relative;
    /* margin-bottom: 20px; */
}
.centerImg2 img{
    width: 750px;
    height: 443px;
}
.centerImg2 .span1{
    width: 200px;
    /* height: 56px; */
    position: absolute;
    top: 55px; 
    left: 50%; 
    right: 0; 
    /* bottom: 0; 下边距设置为0 */
    /* margin-left: 50%; 自动边距，实现居中 */
    text-align: center;
    transform: translateX(-50%);
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 40px;
    color: #1D1D1D;
    line-height: 0px;
    font-style: normal;
}
.centerImg2 .span2{
    /* width: 332px; */
    height: 25px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 18px;
    color: #999999;
    line-height: 0px;
    text-align: center;
    font-style: normal;
    text-transform: none;
    position: absolute;
    top: 99px; /* 上边距设置为0 */
    left: 0; /* 左边距设置为0 */
    right: 0; /* 右边距设置为0 */
    /* bottom: 0; 下边距设置为0 */
    margin: auto; /* 自动边距，实现居中 */
}
.centerLb{
    width: 750px;
    height: 390px;
    margin-top: 50px;
    background: #fff;
    
}
.centerLb .top{
    width: 710px;
    height: 16px;
    margin: auto;
    position: relative;
}
.centerLb .top span{
    width: 160px;
    height: 56px;
    font-family: PingFang SC, PingFang SC;
    font-weight: bold;
    font-size: 40px;
    color: #1D1D1D;
    line-height: 0px;
    font-style: normal;
    text-transform: none;
    position: absolute;
    top: 8px; /* 上边距设置为0 */
    left: 0; /* 左边距设置为0 */
    right: 0; /* 右边距设置为0 */
    /* bottom: 0; 下边距设置为0 */
    margin: auto; /* 自动边距，实现居中 */
}
.centerLb .top img{
    width: 710px;
    height: 16px;
}



.container{
    background: #fff;
}
#carousel2 {
    width:750px;
    /* border:1px solid #222; */
    height:300px;
    position:relative;
    clear:both;
    overflow:hidden;
    background:#FFF;
    margin-top: 30px;
  }
  #carousel2 img {
    width: 400px;
    height: 272px;
    visibility:hidden; /* hide images until carousel can handle them */
    cursor:pointer; /* otherwise it's not as obvious items can be clicked */
  }
  #carousel3 {
    width:630px;
    /* border:1px solid #222; */
    height:300px;
    position:relative;
    clear:both;
    overflow:hidden;
    background:#FFF;
    margin: 30px auto;
  }
  #carousel3 img {
    width: 400px;
    height: 272px;
    visibility:hidden; /* hide images until carousel can handle them */
    cursor:pointer; /* otherwise it's not as obvious items can be clicked */
  }
  #carousel4 {
    width:630px;
    /* border:1px solid #222; */
    height:300px;
    position:relative;
    clear:both;
    overflow:hidden;
    background:#FFF;
    margin: 30px auto;
  }
  #carousel4 img {
    width: 400px;
    height: 272px;
    visibility:hidden; /* hide images until carousel can handle them */
    cursor:pointer; /* otherwise it's not as obvious items can be clicked */
  }
  #carousel5 {
    width:750px;
    /* border:1px solid #222; */
    height:300px;
    position:relative;
    clear:both;
    overflow:hidden;
    background:#FFF;
    margin-top: 30px;
  }
  #carousel5 img {
    width: 400px;
    height: 272px;
    visibility:hidden; /* hide images until carousel can handle them */
    cursor:pointer; /* otherwise it's not as obvious items can be clicked */
  }
  #callback-output{
      width: 100%;
      min-height: 50px;
      background: #fff;
      padding: 8px;
      height:500px;
    overflow-y:scroll;
  }
  .underline{
    width: 650px;
    height: 0px;
    border: 1px solid #D5D5D5;
    display: grid;
    place-items: center; /* 水平和垂直居中 */
    margin: auto;
    position: relative;
  }
  .underline .yuan{
    width: 7px;
    height: 7px;
    background: #D5D5D5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /* 或者左右居中 */
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .bottomText{
    width: 650px;
    height: 100px;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin:20px auto;
  }