a{
  text-decoration:none;
  color: #fff;
}

.menu-box-p {
  height: 68px;
}
/*banner*/
.banner-wrap{
  margin: 0 auto;
  height: 29.16vw;
  background-image: url(/uploads/image/tziitimes/banner1.png);
  background-size: 100vw 29.16vw;
}
.banner-title{
  margin: 0 auto;
  width: 1170px;
  padding-top: 5vw;
}
.home-banner-title{
  font-size: 2.3vw;
  font-family: "pingfang sc",helvetica,"microsoft yahei",arial;
  font-weight: bold;
  color: #09192c;
  margin-bottom: 2.1vw;
  
}
.home-banner-des{
  font-size: 1.2vw;
  font-family: "pingfang sc",helvetica,"microsoft yahei",arial;
  font-weight:300;
  color: #09192cff;
  line-height: 1.9vw;
}
.btn{
  width:10.5vw;
  height: 2.7vw;
  background: #1e74ec;
  margin-top: 50px;
  font-size: 1.1vw !important;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
.btn:hover{
  background-color: rgb(83, 154, 235);
  color: rgb(227, 227, 227); 
  text-decoration: underline;
}
a.btn:hover,a.btn:active{
  color: #fffee3;
}

/*优势价值*/
.goodness-wrap{
  background: #f9f9f9;
}
.goodness-val{
  margin: 0 auto;
  width: 1168px;
  padding-bottom: 30px;
}
.val-content{
  display: flex;
  flex-wrap: wrap;
}
.content1{
  height: 180px;
  width: 292px;
  border-radius: 4px;
  padding-top: 20px;
  margin-bottom: 10px;
}
.text3{
  font-size: 28px;
  font-family: "pingfang sc",helvetica,"microsoft yahei",arial;
  font-weight: 600;
  text-align: center;
  color: #1d1d1f;
  padding-top: 80px;
  padding-bottom: 50px;
}
.val-icon{
  width: 50px;
  height:50px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: 90% 90%;
  background-position: center center;  
}

.icon-1 {
  background-image: url(/uploads/image/tziitimes/icon1.png);
}
.content1:hover .icon-1 {
  background-image: url(/uploads/image/tziitimes/icon1.png);
}
.icon-2 {
  background-image: url(/uploads/image/tziitimes/icon2.png);
}
.content1:hover .icon-2 {
  background-image: url(/uploads/image/tziitimes/icon2.png);
}
.icon-3 {
  background-image: url(/uploads/image/tziitimes/icon3.png);
}
.content1:hover .icon-3 {
  background-image: url(/uploads/image/tziitimes/icon3.png);
}
.icon-4 {
  background-image: url(/uploads/image/tziitimes/icon4.png);
}
.content1:hover .icon-4 {
  background-image: url(/uploads/image/tziitimes/icon4.png);
}
.icon-5 {
  background-image: url(/uploads/image/tziitimes/icon5.png);
}
.content1:hover .icon-5 {
  background-image: url(/uploads/image/tziitimes/icon5.png);
}
.icon-6 {
  background-image: url(/uploads/image/tziitimes/icon6.png);
}
.content1:hover .icon-6 {
  background-image: url(/uploads/image/tziitimes/icon6.png);
}
.icon-7 {
  background-image: url(/uploads/image/tziitimes/icon7.png);
}
.icon-8 {
  background-image: url(/uploads/image/tziitimes/icon8.png);
}


.content1 h3{
  font-size: 18px;
  font-family: "pingfang sc",helvetica,"microsoft yahei",arial;
  font-weight: 500;
  text-align: center;
  color: #333;
  line-height: 28px;
  padding-top: 16px;
  padding-bottom:5px
}
.content1 p{
  font-size: 14px;
  font-family: "pingfang sc",helvetica,"microsoft yahei",arial;
  font-weight: 400;
  text-align: center;
  color: #919191;
  line-height: 21px;
}
.content1:hover {
  background: rgb(230, 231, 233);
  border: 2px solid rgb(230, 232, 235);
  box-shadow: 5px 5px 8px 2px rgb(85 98 151 / 18%)
}
.content1:hover h3, .content1:hover p {
  color: #1c1c1c;
}

/*轻松的工时管理*/
.relaxed-wrap{
  background: #ffffff;
  background-image: url(/uploads/image/tziitimes/bg1.png) ;
  background-position: bottom;
  background-size: 100% ;
  background-repeat:no-repeat;
}
.relaxed-manage{
  margin: 0 auto;
  width: 1134px;
  padding-bottom: 30px;
}
.manage-content{
  display: flex;
  flex-wrap: wrap;
}
.list{
  height: 145px;
  width: 162px;
  padding-top: 18px;
  background: #f9f9f9;
}
.text_title{
  font-size: 28px;
  font-family: "pingfang sc",helvetica,"microsoft yahei",arial;
  font-weight: 600;
  text-align: center;
  color: #333;
  padding-top: 80px;;
}
.text_small{
  font-size: 16px;
  font-family: "pingfang sc",helvetica,"microsoft yahei",arial;
  font-weight: 400;
  text-align: center;
  color: #86868b;
  padding-top: 10px;
  padding-bottom: 40px;
}
.list-icon{
  width: 40px;
  height: 40px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: 90% 90%;
  background-position: center center;  
}
.manage-content {
  position: relative;
}

.list {
  color: #333;
}

.list h3{
  font-size: 18px;
  font-family: "pingfang sc",helvetica,"microsoft yahei",arial;
  font-weight: 500;
  text-align: center;
  line-height: 28px;
  padding-top: 10px;
  padding-bottom:5px
}
.list p{
  font-size: 12px;
  font-family: "pingfang sc",helvetica,"microsoft yahei",arial;
  font-weight: 500;
  text-align: center;
  color: #9f9fa3;
  line-height: 17px;
}

.list_img{
  position: relative;
  top: 10px;
}

.list_img img {
  display: none;
  margin-left: auto;
  margin-right: auto;
  width: 1170px;
  height: 570px;
}

.manage-content.list-item-1 .list-item-1{
  display: block;
}
.manage-content.list-item-2 .list-item-2{
  display: block;
}
.manage-content.list-item-3 .list-item-3{
  display: block;
}
.manage-content.list-item-4 .list-item-4{
  display: block;
}
.manage-content.list-item-5 .list-item-5{
  display: block;
}
.manage-content.list-item-6 .list-item-6{
  display: block;
}
.manage-content.list-item-7 .list-item-7{
  display: block;
}

.item-1 {
  background-color: #f9f9f9;
}

/*.list-item-1:hover {
  background-image: url(/uploads/image/tziitimes/img1.png);
}*/
.list-item-1 #list-item-1 {
  color: #ffffff;
  background-image: url(/uploads/image/tziitimes/img1.png);
}
.list-item-1 #list-item-1 p {
  color: #ffffff;
}
.list-item-1 #list-item-1 .icon-9 {
  background-image: url(/uploads/image/tziitimes/icon9-1.png);
}

.list-item-2 #list-item-2 {
  color: #ffffff;
  background-image: url(/uploads/image/tziitimes/img1.png);
}
.list-item-2 #list-item-2 p {
  color: #ffffff;
}
.list-item-2 #list-item-2 .icon-10 {
  background-image: url(/uploads/image/tziitimes/icon10-1.png);
}

.list-item-3 #list-item-3 {
  color: #ffffff;
  background-image: url(/uploads/image/tziitimes/img1.png);
}
.list-item-3 #list-item-3 p {
  color: #ffffff;
}
.list-item-3 #list-item-3 .icon-11 {
  background-image: url(/uploads/image/tziitimes/icon11-1.png);
}

.list-item-4 #list-item-4 {
  color: #ffffff;
  background-image: url(/uploads/image/tziitimes/img1.png);
}
.list-item-4 #list-item-4 p {
  color: #ffffff;
}
.list-item-4 #list-item-4 .icon-12 {
  background-image: url(/uploads/image/tziitimes/icon12-1.png);
}

.list-item-5 #list-item-5 {
  color: #ffffff;
  background-image: url(/uploads/image/tziitimes/img1.png);
}
.list-item-5 #list-item-5 p {
  color: #ffffff;
}
.list-item-5 #list-item-5 .icon-13 {
  background-image: url(/uploads/image/tziitimes/icon13-1.png);
}

.list-item-6 #list-item-6 {
  color: #ffffff;
  background-image: url(/uploads/image/tziitimes/img1.png);
}
.list-item-6 #list-item-6 p {
  color: #ffffff;
}
.list-item-6 #list-item-6 .icon-14 {
  background-image: url(/uploads/image/tziitimes/icon14-1.png);
}

.list-item-7 #list-item-7 {
  color: #ffffff;
  background-image: url(/uploads/image/tziitimes/img1.png);
}
.list-item-7 #list-item-7 p {
  color: #ffffff;
}
.list-item-7 #list-item-7 .icon-15 {
  background-image: url(/uploads/image/tziitimes/icon15-1.png);
}

.icon-9 {
  background-image: url(/uploads/image/tziitimes/icon9.png);

}

.icon-10 {
  background-image: url(/uploads/image/tziitimes/icon10.png);
}
.list:hover .icon-10 {
  background-image: url(/uploads/image/tziitimes/icon10-1.png);
}
.icon-11 {
  background-image: url(/uploads/image/tziitimes/icon11.png);
}
.list:hover .icon-11 {
  background-image: url(/uploads/image/tziitimes/icon11-1.png);
}
.icon-12 {
  background-image: url(/uploads/image/tziitimes/icon12.png);
}
.list:hover .icon-12 {
  background-image: url(/uploads/image/tziitimes/icon12-1.png);
}
.icon-13 {
  background-image: url(/uploads/image/tziitimes/icon13.png);
}
.list:hover .icon-13 {
  background-image: url(/uploads/image/tziitimes/icon13-1.png);
}
.icon-14 {
  background-image: url(/uploads/image/tziitimes/icon14.png);
}
.list:hover .icon-14 {
  background-image: url(/uploads/image/tziitimes/icon14-1.png);
}
.icon-15 {
  background-image: url(/uploads/image/tziitimes/icon15.png);
}
.list:hover .icon-15 {
  background-image: url(/uploads/image/tziitimes/icon15-1.png);
}

/*客户信赖*/
.customer-case{
  background: #f9f9f9ff;
}
.case-wrap{
  margin: 0 auto;
  width: 1190px;
  padding-bottom: 60px;
}
.case-container{
  display: flex;
  flex-wrap: wrap;
}
.case-box{
  height: 118px;
  width: 218px;
  background: #ffffff;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  position: relative;
}
.name-normal{
  display: none;
  font-size: 18px;
  color: #1e74ec;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 118px;
  text-align: center;
}
.case-lg-normal{
  position: absolute;
  width: 196px;
  height: 106px;
  vertical-align: middle;
  margin-top: 6px;
  margin-left:11px;
}

.case-box:hover .name-1{
  display: block;
}
.case-box:hover .case-lg-1{
  opacity: 0.15;
}

.case-box:hover .name-2{
  display: block;
}
.case-box:hover .case-lg-2{
  opacity: 0.15;
}

.case-box:hover .name-3{
  display: block;
}
.case-box:hover .case-lg-3{
  opacity: 0.15;
}

.case-box:hover .name-4{
  display: block;
}
.case-box:hover .case-lg-4{
  opacity: 0.15;
}

.case-box:hover .name-5{
  display: block;
}
.case-box:hover .case-lg-5{
  opacity: 0.15;
}

.case-box:hover .name-6{
  display: block;
}
.case-box:hover .case-lg-6{
  opacity: 0.15;
}

.case-box:hover .name-7{
  display: block;
}
.case-box:hover .case-lg-7{
  opacity: 0.15;
}

.case-box:hover .name-8{
  display: block;
}
.case-box:hover .case-lg-8{
  opacity: 0.15;
}

.case-box:hover .name-9{
  display: block;
}
.case-box:hover .case-lg-9{
  opacity: 0.15;
}

.case-box:hover .name-10{
  display: block;
}
.case-box:hover .case-lg-10{
  opacity: 0.15;
}

/*立即体验工时管理系统*/
.experience-block{
  background-image: url(/uploads/image/tziitimes/bg2.png) ;
  background-size: 100% ;
  background-repeat:no-repeat;
  background: linear-gradient(to right,#1e74ec,#4fd1f6);
}
.block-wrap{
  margin: 0 auto;
  width: 1328px;
  padding-bottom: 46px;
  text-align: center;
}
.block-container{
  display: flex;
  flex-wrap: wrap;
}

.block-title{
  font-size: 28px;
  font-family: "pingfang sc",helvetica,"microsoft yahei",arial;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  padding-top: 60px;;

}
.block-text{
  font-size: 16px;
  font-family: "pingfang sc",helvetica,"microsoft yahei",arial;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
  padding-top: 10px;
  padding-bottom: 40px;
}
.button-ba{
  background:#ffaf02;
  border-radius: 4px;
  font-size: 14px;
  color: #ffffff;
  padding-left: 38px;
  padding-right: 38px;
  line-height: 36px;
  display: inline-block;
  margin-top: 42px;
}
.button-ba:hover{
  background-color: #ffd362;
}
a.button-ba:hover,a.button-ba:active{
  color: #5ba6e0;
}
.block-item{
  width: 140px;
  margin-left: 96px;
  margin-right: 96px;
  margin-bottom: 10px;

}

.block-icon{
  width: 76px;
  height: 76px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: 80% 80%;
  background-position: center center;  
}
.block-item p{
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  text-align: center; 
  padding-top: 10px;
}
.icon-16{
  background-image: url(/uploads/image/tziitimes/icon16.png);
}
.icon-17{
  background-image: url(/uploads/image/tziitimes/icon17.png);
}
.icon-18{
  background-image: url(/uploads/image/tziitimes/icon18.png);
}
.icon-19{
  background-image: url(/uploads/image/tziitimes/icon20.png);
}