.pr{
  padding-right: 45px;
}

.pl{
  padding-left: 45px;
}

.inTitle{
  font-size: 23px;
  font-family: YouSheBiaoTiHei;
  font-weight: 400;
  color: #5D5D5D;
  line-height: 26px;
  padding-bottom: 10px;
}

.pT48{
  padding-top: 48px;
}

.inContnet{
  font-size: 19px;
  font-family: Alibaba PuHuiTi;
  font-weight: 400;
  color: #5D5D5D;
  line-height: 36px;
  text-indent: 1em;
  position: relative;
}

.inContnet::before{
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #D9362F;
  top: 16px;
  left: 7px;
}

.strategy{
  width: 528px;
  height: 364px;
}

.pT3{
	padding-top: 20px;
}

.cordItem{
	width: 100%;
	height: 300px;
	border-radius: 10px;
	position: relative;
	padding: 50px 20px;
	color: black;
	font-weight: 600;
}

.cordTitle{
	font-size: 28px;
}

.cordImg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.cordContent{
	font-size: 16px;
	margin-top: 10px;
}
.imgshow{
	display: inline-block;
}

.cordT{
	cursor: pointer;
}

.cordTC{
	color: black;
	font-size: 28px;
}

.cordT:hover .cordTC{
	color: #2155a6;
}

.cordT:hover .imgshow{
	display: none;
}

.cordT:hover .hover{
	display:inline-block;
}
.hover{
	display: none;
}


.cordTI{
	width: 30px;
	height: 30px;
	margin-right: 20px;
}
.paddingL5{
	padding-left: 50px;
}
.paddingT2{
	padding-top: 20px;
}
.fontBold{
	font-weight: bold;
}

.imgBox{
  position: relative;
  width: 100%;
  height: 600px;
}

.back{
  width: 480px;
  height: 480px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  border-radius: 50%;
  border:1px dashed #ccc;
}

.iconBox{
  width: 270px;
  height: 270px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  cursor: pointer;
}

.cycle{
  background: #FFFFFF;
  box-shadow: 0px 0px 36px 1px rgba(45,45,45,0.4);
}

.carbonIcon{
  width: 118px;
  height: 157px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 3;
  cursor: pointer;
}

.system{
  width: 361px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  cursor: pointer;
}

.itemTitle{
  width: 76px;
  height: 76px;
  border-radius: 50%;
  font-weight: bold;
  padding: 20px;
  text-align: center;
  font-size: 17px;
  font-family: YouSheBiaoTiHei;
  font-weight: 400;
  color: #5D5D5D;
  line-height: 19px;
  position: absolute;
  z-index: 3;
  cursor: pointer;
}

.float1{
  left: 31%;
  top: 15%;
}

.float2{
  left: 61%;
  top: 15%;
}

.float3{
  left: 31%;
  top: 71%;
}

.float4{
  left: 61%;
  top: 71%;
}

.itemContent{
  position: absolute;
  font-size: 13px;
  font-family: Alibaba PuHuiTi;
  font-weight: 400;
  color: #5D5D5D;
  line-height: 26px;
  display: flex;
}

.c1{
  left: 8.5%;
  top: 17%;
  text-align: right;
}

.c2{
  left: 69.5%;
  top: 17%
}

.c3{
  left: 8.5%;
  top: 73%;
  text-align: right;
}

.c4{
  left: 69.5%;
  top: 73%;
}

.teamBox{
  height: 398px;
  background: rgba(0,0,0,0.84);
}

.teamTitle{
  color: white;
  padding-top: 39px;
  padding-right: 41px;
}

.teamImg{
  width: 100%;
  height: 398px;
}

.imgItem{
  width: 100%;
  height: 398px;
  padding: 0;
}

.pre{
  top: 50%;
  transform: translateY(-50%);
  transition: transform .4s ease-in-out;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  left: 35px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: text-bottom;
  position: absolute;
}

.arrow-icon{
  overflow: hidden;
  position: absolute;
  width: 21px;
  height: 21px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.pre .arrow-icon::after{
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-right: 5px solid white;
  border-bottom: 5px solid white;
  position: absolute;
  left: 7.5px;
  transform: rotate(135deg);
}

.next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: transform .4s ease-in-out;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    right: 35px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: text-bottom;
}

.next .arrow-icon::after{
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-right: 5px solid white;
  border-bottom: 5px solid white;
  position: absolute;
  right: 7.5px;
  transform: rotate(-45deg);
}

.point{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

@media (max-width: 768px) {

	.cordItem{
		width: 96%;
		margin: 0 2%;
	}
	.cordTC{
		color: #2155a6;
	}
  .cordTitle{
		font-size: 30px;
		font-weight: 900;
	}

  .fontBold{
		font-weight: 900;
	}

  .imgBox{
    height: 100vw;
    margin-top: -19vw;
    margin-bottom: -14vw;  
  }

  .back{
    width: 55vw;
    height: 55vw;
  }

  
  .system{
    width: 45vw;
  }

  .carbonIcon{
    width: 15vw;
    height: auto;
    margin-left: 44%;
  }

  .item{
    width: 15.5%;
    height: auto;
    font-size: 15px;
    padding: 15px;
  }

  .itemTitle{
    font-weight: 400;
    font-size: 2rem;
    color: #5D5D5D;
    line-height: 16px;
    width: 10vw;
    height: 10vw;
    padding: 0;
    padding-top: calc(5vw - 1.5rem);
  }

  .itemContent{
    font-weight: 400;
    font-size: 1.5rem;
    color: #5D5D5D;
    line-height: 16px;
    width: 10vw;
    height: 10vw;
    padding: 0 calc(10vw - 2rem);
  }

  .float1 {
    left: 28%;
    top: 33%;
  }

  .float2 {
    left: 64%;
    top: 33%;
  }

  .float3 {
    left: 28%;
    top: 59%;
  }

  .float4 {
    left: 64%;
    top: 59%;
  }

  .itemContent {
    width: 24%;
    font-size: 1rem;
    color: #5D5D5D;
    line-height: 18px;
  }

  .c1 {
    left: 2%;
    top: 33%;
  }

  .c2 {
    left: 74%;
    top: 33%;
  }

  .c3 {
    left: 2%;
    top: 55%;
  }

  .c4 {
    left: 74%;
    top: 55%;
  }

  .inTitle{
    font-weight: 400;
    font-size: 2.5rem;
    color: #5D5D5D;
    line-height: 36px;
  }

  .inContnet{
    font-weight: 400;
    font-size: 2rem;
    line-height: 53px;
  }

  .inContnet::before{
    top: 25px;
  }

  .pl{
    padding:20px 0;
  }

  .strategy{
    width: 100%;
    height: auto;
  }

  .pTB{
    padding-top: 34px;
    padding-bottom: 50px;
    font-weight: 400;
    font-size: 2rem;
    color: #010101;
    line-height:2rem;
  }

  .cordTC{
    line-height:2rem;
    font-size: 35px;
  }

  .cordTI{
    width: 60px;
    height: 50px;
    padding-left: 12px;
  }

  .imgshow{
    display: none;
  }

  .hover{
    display: block;
  }

  .teamBox{
    height: 500px;
    background: white;
  }

  .imgItem{
    width: 100%;
    height: 60vw;
    padding: 0;
  }

  .teamImg{
    width: 100%;
    height: 60vw;
  }

  .carousel{
    height: 100vw;
    padding-top: 30px;
  }
}