@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}

:focus {
  outline: 0 !important;
}

body {
  margin: 0;
  width: 100%;
  font-size: 14px;
  /*background:#F9F9F9;*/
  font-family: 'Microsoft YaHei', '微软雅黑';
  min-width: 1200px;
}




/* telephone */
.telephone {
  padding-top: 40px;
  padding-bottom: 60px;
  background: url("/Shared/images/homev1/indexv1/lefttop.png") no-repeat left bottom;
  position: relative;
}
.telephone .bgline{
  position: absolute;
  bottom:0;
  left:0;
}
.telephonebox {
  width: 960px;
  height: 530px;
  margin: 0px auto;
  position: relative;

}

.telephone .layout {}

.telephone .telup {
  position: absolute;
  right: 0px;
  top: 100px;
}

.telephone .telup .telbottom {
  text-align: right;
  color: #fff;
  margin-top: 30px;
  font-weight: bold;
}

.telephone .telup p .right {
  color: #ff2045;
}

.telephonebox .telimgbox {
  width: 900px;
  height: 500px;
  position: absolute;
  top: 0;
  background: url("/Shared/images/homev1/solutionv1/advantage1.png") no-repeat center;
  background-size:100% 100%;
}
.telephonebox .telimgbox img{
  width:900px;
  height:500px;
}

.telephonebox .telright {
  /* margin-top:84px;
  margin-left:395px; */


}

.telephonebox .telright p {
  color: #fff;
  text-align: right;
}

.telephonebox .telright p span {
  /* float:right; */
}

.telephonebox .telright p .right {
  color: #fff;
  margin-right: 20px;
}

.telephonebox .telright p .bottom {
  color: #333;
  margin-left: 100px;
}

.telephonebox .telimgbox .telbottom {
  text-align: right;
  margin-top: 40px;
  margin-right: -145px;
  color: #fff;
}

.telephonebox .telimgbox .telbottom span {
  color: #ff2045;

}

.telephonebox .zero {
  position: absolute;
  bottom: 0;
  right: 60px;
  color: #fff;
  /* font-size:20px; */
}

.telephone .telbottom .amore {
  display: block;
  color: #fff;
  text-align: center;
  height: 44px;
  width: 176px;
  border: 2px solid #fff;
  border-radius: 5px;
  background: #79c061;
  font-size: 16px;
  line-height: 46px;
  box-shadow: 0px -5px #79c061 inset;
  margin: 40px auto 0px;
  margin-right: 0;
}

.telephone .telbottom .amore:hover {
  box-shadow: none;
  background: #fff;
  color: #333;
}
.phone{
  text-align:center;
}
.teamul{
  margin-top:80px;
  display:flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}
.teamul li{
  width:385px;
  /* height:1010px; */
  border-radius: 5px;
  box-shadow:1px 3px 5px rgba(0,0,0,.2);
}
.teamul li.te{
  margin-bottom:0;
}
.teamulleft{
  background:#ff2045;

}
.teamulright{
  background:#ffa602;
}
.teambg1{ background:#ff2045;}
.teambg2{ background:#ffa602;}
.teambg3{ background:#753df4;}
.teambg4{ background:#66bf3a;}
.teambg5{ background:#44a2e5;}
.teambg6{ background:#33cccc;}

.teamul div{
  color:#fff;
}
.teamul .imgbox{
  width:385px;
  height:250px;
  border-radius: 5px;
  position: relative;
}
.teamul .imgbox .num{
  width:16px;
  height:16px;
  background:#199ed8;
  border:1px solid #a6ddf2;
  text-align:center;
  line-height:16px;
  position: absolute;
  right:-8px;
  top:-8px;
  font-size:12px;
}

.teamul .imgbox img{
  width:100%;
  height:100%;
  object-fit: cover;
  border-radius:5px 5px 0 0;

}
.teamul .contentbox{
  margin:0 10px 0 10px;
  padding-bottom:10px;
  position: relative;
}
.teamul .imgbox .bgline{
  position: absolute;
  bottom: -1px;;
}
.teamul .imgbox .transline{
  position: absolute;
  top: -5px;;
}
.teamul li:hover .transline{
display:none;
}
.teamul .imgbox .bgline img{
  border-radius: 0;
}

.moreul {
  display: flex;
  text-align: center;
  justify-content: space-evenly;
}

.moreul .imgbox1 {

  text-align: center;
}

.moreul .imgbox1 img {
  width: 120px;
  height: 120px;
  object-fit: cover;
}

/* teamlogo */
.teamlogo {
  text-align: center;
}

.teamlogo img {
  width: 60px;
  height: 60px;
}

.teamgreen {
  color: #fff;
  text-align: center;
  overflow: hidden;
  background: #ff2045;
  background-image: url(/Shared/images/homev1/solutionv1/leftbottom.png), url(/Shared/images/homev1/solutionv1/righttop.png);
  background-position: left top, left bottom;
  background-repeat: no-repeat no-repeat;
}

.teamgreen h3 {
  text-align: center;

}

.teamgreen a {
  display: block;
  color: #fff;
  text-align: center;
  height: 44px;
  width: 176px;
  border: 2px solid #fff;
  border-radius: 5px;
  background: #1368ce;
  font-size: 16px;
  line-height: 46px;
  box-shadow: 0px -5px #115db9 inset;
  margin: 60px auto 100px;
}

.teamgreen a:hover {
  box-shadow: none;
  background: #fff;
  color: #333;
}

.bgpublic {
  color: #fff;
  text-align: center;
  overflow: hidden;
  background: #66bf3a;
  background-image: url(/Shared/images/homev1/solutionv1/leftbottom.png), url(/Shared/images/homev1/solutionv1/righttop.png);
  background-position: left top, left bottom;
  background-repeat: no-repeat no-repeat;
}

.bgpublic h3 {
  text-align: center;
  
}

.bgpublic a {
  display: block;
  color: #fff;
  text-align: center;
  height: 44px;
  width: 176px;
  border: 2px solid #fff;
  border-radius: 5px;
  background: #1368ce;
  font-size: 16px;
  line-height: 46px;
  box-shadow: 0px -5px #115db9 inset;
  margin: 40px auto 60px;
}

.bgpublic a:hover {
  box-shadow: none;
  background: #fff;
  color: #333;
}