/* 首页 */
.index .about{
  position: relative;
  height: 488px;

}
.index .img1{
  position: absolute;
  width: 60%;
  left: 0;
  top: 0;
  height: 100%;
  /* height: 556px; */

}
.index .about .container{
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.index .about .right {
    width: 40%;
    /* height: 556px; */
    float: right;
    padding: 0 20px;
    box-sizing: border-box;
    padding-left: 58px;
}
.tit{
  padding-top: 48px;
  padding-bottom: 40px;
  text-align: center;
}
.tit p{
  font-size: 36px;
  color: #333333;
  text-align: center;
  margin-bottom: 12px;
}
.index .about .right .div1 p{
  font-size: 14px;
  color: #333333;
  line-height: 26px;
  text-indent: 32px;
  margin-bottom: 12px;
}
.index .about .right .div1 p:nth-last-child(1){
  margin-bottom: 0;
}
.index .about .right  a{
  display: block;
  margin: 0 auto;
  width: 148px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #d50701;
  border: 1px solid #d50701;
  margin-top: 30px;
  margin-bottom: 30px;
}
.index .video{
  background: #f2f2f2;
  padding-bottom: 70px;
}
.index .video video{
  max-width: 100%;
  width: 100%;
  height: 540px;
}
.index .proshow{
  width: 100%;
  background:url(../img/cp.png) no-repeat;
  background-size: 100% 100%;
  padding-bottom: 70px;
}
.index .proshow .cont{
  background: #f1f1f1;
}
.index .proshow .tit p{
  color: #ffffff;
}
.index .proshow .show  .div1{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 80px 50px;
  display: none;
}
.index .proshow .show  .div1:nth-child(1){
  display: flex;
}
.index .proshow .show  .div1 p{
  font-size: 14px;
  color: #333333;
  width: 826px;
}
.index .proshow .show  .div1 p span{
  font-size: 30px;
  font-weight: bold;
  margin-right: 24px;
}
.index .proshow .show  .div1 a{
  display: block;
  width: 146px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: #d50701;
  border: 1px solid #d50701;
}
.index .proshow  .item{
  display: flex;
}
.index .proshow  .item .div-item{
  position: relative;
  cursor: pointer;
  width: 50%;
}
.index .proshow  .item .div-item .wenzi{
  position: absolute;
  width: 100%;
  height: 56px;
  line-height: 56px;
  text-align: center;
  bottom: 0;
  left: 0;
  color: #fff;
  background-color: rgba(111, 111, 114, 0.5);
}
/* .index .proshow  .item .div-item:hover .wenzi{
  background-color: rgba(131, 31, 29, 0.8);
} */
.index .proshow  .item .div-item.link .wenzi{
  background-color: rgba(131, 31, 29, 0.8);
}
.index .proshow  .item .div-item img{
  width: 100%;
}
.index .technical{
  margin-bottom: 70px;
}
.index .technical  .cont{
  display: flex;
  justify-content: space-between;
}
.index .technical .right{
  flex-wrap: wrap;
  width: 564px;
  display: flex;
  justify-content: space-between;
}
.index .technical .right .center{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.index .technical .link{
  text-align: center;
  position: absolute;
  font-size: 18px;
  color: #fff;
  height: 55px;
  line-height: 55px;
  bottom: 0;
  left: 0;
  width: 100%;
}
.index .technical .div1{
  position: relative;
  height: 248px;
}
.index .technical .left{
  position: relative;
}
.index .technical .div2{
  position: relative;
}
.index .technical .div3{
  position: relative;
}
.index .technical .power{
  position: relative;
}
.index .technical .power:hover .link{
  background-color: rgba(131, 31, 29, 0.8);
}
.index .technical .power:hover .link span{
  padding-right: 24px;
  background: url(../img/ri.png) no-repeat right center;
  background-size: 18px 18px;
}
.index .parner{
  width: 100%;
  background: url(../img/hb.png) no-repeat;
  background-size: 100% 100%;
  padding-bottom: 70px;
}
    .index .parner .cont {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #dcdcdc;
        justify-content: center;
    }
.index .parner .cont .div1{
  box-sizing: border-box;
}
.index .parner .cont .div1 {
    border-left: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;    
}
.index .parner .cont .div1:nth-child(5n){
  border-right:1px solid #dcdcdc;
}
.index .parner .cont .div1 img{
  object-fit:contain;
}

.intro .cont p{
  font-size: 14px;
  color: #333333;
  text-indent: 30px;
  margin-bottom: 30px;
  line-height: 30px;
}
.intro .cont img{
  margin-bottom: 30px;
}
.intro{
  margin-bottom: 80px;
}

.showdetial{
  margin-top: 90px;
  margin-bottom: 40px;
}
.showdetial .cont{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.showdetial .cont .div1{
  margin-bottom: 50px;
}
.showdetial .cont .div1 p{
  height: 58px;
  line-height: 58px;
  border: 1px solid #dddddd;
  font-size: 18px;
  color: #333333;
  text-align: center;
}

.build .cont{
  max-width: 100%;
  margin-bottom: 90px;
}

.introvideo .cont {
  margin-top: 88px;
  margin-bottom: 88px;
  text-align: center;
}
.introvideo img{
  
  width: 918px;
  height: 540px;
  margin: 0 auto;
}
.introvideo video{
  width: 918px;
  height: 540px;
  margin: 0 auto;
}
.product{
  margin-bottom: 70px;
}
.product .pro-item{
  display:flex;
  justify-content: center;
  margin: 70px 0;
}
.product .pro-item a{
    min-width:160px;
  width: auto;
  height: 58px;
  line-height: 58px;
  font-size: 16px;
  color: #666666;
  text-align: center;
  border: 1px solid #dddddd;
  margin: 0 7px;
  padding:0 7px;
}
.product .cont{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 34px;
}
.product .cont a{
  border: 1px solid #dddddd;
  box-sizing: border-box;
  margin-right: 36px;
  margin-bottom: 36px;
}
.product .cont a:nth-child(3n){
  margin-right: 0;
}
/*.product .cont a div{
  width: 100%;
  height: 60px;
  line-height: 60px;
  font-size: 16px;
  color: #333333;
  text-align: center;
  background: #f4f4f4;
}*/
    .product .cont .table-box {
        display: table;
        height: 60px;
        width: 374px;
    }

    .product .cont .table-inner {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-size: 16px;
        color: #333333;
        background: #f4f4f4;
    }
.product .pro-item .link{
  background:#d50701;
  color: #fff;
  border: 1px solid #d50701;
}
.product_container img {
    width:374px;height:275px;
}
/* 技术力量 */
.power .pro-item a {
    width: 190px;
}
/* 合作伙伴 */
.partners .cont{
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #dcdcdc;
  margin-top: 90px;
  margin-bottom: 90px;
}
.partners .cont .div1{
  box-sizing: border-box;
}
.partners .cont .div1{
  border-left:1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
}
.partners .cont .div1:nth-child(5n){
  border-right:1px solid #dcdcdc;
}
/* 联系 */
.contact{
  margin: 80px 0;
}
.contact .cont{
  display: flex;
  justify-content: space-between;
}
.contact .cont .left .p1{
  font-size: 30px;
  color: #333333;
  margin-top: 30px;
  margin-bottom: 50px;
}
.contact .cont .left .p2{
  font-size: 16px;
  color: #666666;
  margin-bottom: 18px;
}
.contact .cont .left .p2 img{
    margin-right: 14px;
}
.contact .cont  .right{
  width: 606px;
  height: 570px;
}