body,html{
  min-width: 1440px;
 }
p{
  color: #666666;
  font-size: 16px;
  text-align: center;
}
.tools_banner_con{
  width: 100%;
  min-width: 1280px;
  position: relative;
 }
.tools_banner_con img{
 width: 100%;
}
.tools_banner_title{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.tools_banner_con h1{
  width: 73vw;
  min-width: 1200px;
  margin: 0 auto;
  margin-top: 240px;
  color: #333333;
}
.tools_container {
  /* width: 100%; */
  height: auto;
  min-height: 500px;
}

.tools_page_show{
  position: relative;
}
.tools_page_show > img{
  position: absolute;
  top: 70px;
}
.tools_show{
  width: 1430px;
  margin: 0 auto;
  margin-top: 74px;
}
.tools_page{
  display: flex;
  justify-content: center;
  overflow: hidden;
  font-size: 0;
}
.tools_page li{
  width: 210px;
  height: 194px;
  overflow: hidden;
  position: relative;
  margin-right: 95px;
  cursor: pointer;
  
}
.tools_page li:last-child{
  margin: 0;
}
.tools_page img{
  position: absolute;
  left: 0;
}
.tools_page p{
  width: 210px;
  position: absolute;
  z-index: 2;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  color: #666666;
  top: 60px;
  text-align: center;
}
.tools_page_active img{
  margin-top:-194px
}
.tools_page_active p{
  color: #44C4FF;
}

.tools_show_con{
  width: 1430px;
  background: #F3F7FF;
  margin: 0 auto;
  margin-bottom: 100px;
  padding: 40px 0 50px 0;
}



.tools_list{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}


.tools_list h4{
  font-size: 20px;
  margin-bottom: 20px;
}
.tools_list h4 + p{
  margin-bottom: 20px;
}
.tools_list_img{
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tools_list_img img{
  margin: 0 5px;
}


.tools_list table{
  border-collapse: collapse;
  margin: 0 auto;
  margin-top: 30px;
}

.tools_list th,.tools_list td{ 
  border: 1px solid #CCCCCC;
  height: 48px;
  text-align: center; 
  color: #666666;
  background: #FFFFFF;
  font-size: 14px;
}
.tools_list th{
  font-size: 16px;
  background: #333333;
  color: #FFFFFF;
}


.tools_list02{
  /* flex-direction: row; */
}
.tools_list02_con{
  display: flex;
}
.tools_list02_con > div{
  width: 640px;
  height: 620px;
  box-sizing: border-box;
  padding-top: 20px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
}
.tools_list02_1{
  margin-right: 10px;
}
.tools_list02 p{
  font-size: 14px;
  margin-bottom: 15px;
}
.tools_list02 .tools_list02_title2{
  color: #333333;
  font-weight: bold;
  margin-bottom: 10px;
}
.tools_list02_2 .tools_list_img{
  margin-bottom: 30px;
}



.tools_list03_con{
  display: flex;
}
.tools_list03_con p{
  font-size: 14px;
  margin-bottom: 15px;
}
.tools_list03_con .tools_list03_title2{
  font-weight: bold;
}
.tools_list03_con > div:first-child{
  margin-right: 10px;
}
.tools_list03_1,.tools_list03_2,.tools_list03_3,.tools_list03_4{
  width: 640px;
  box-sizing: border-box;
  padding-top: 20px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
}
.tools_list03_1{
  height: 340px;
  margin-bottom: 10px;
}

.tools_list03_2{
  height: 354px;
}
.tools_list03_3{
  margin-bottom: 10px;
  height: 280px;
}
.tools_list03_4{
  height: 414px;
}
.tools_list03_2 div{
  display: flex;
  align-items: center;
  /* justify-content: center; */
}
.tools_list03_2 div img{
  margin-right: 60px;
  margin-left: 80px;
}

.tools_list03_4 .tools_list_img{
  position: relative;
}
.tools_list03_4 .tools_list_img span{
  position: absolute;
  left: 62px;
  bottom: 60px;
  font-size: 12px;
  color: #666666;
}

.tools_list04_1,.tools_list04_2{
  box-sizing: border-box;
  padding-top: 20px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  width: 1180px;
}

.tools_list04_1{
  height: 509px;
  margin-bottom: 10px;
}
.tools_list04_2{
  height: 332px;
}
.tools_list04 p,.tools_list05 p,.tools_list06 p,.tools_list07 p{
  font-size: 14px;
  margin-bottom: 15px;
}
.tools_list04 .tools_list04_title2,.tools_list05 .tools_list05_title2{
  color: #333333;
  font-weight: bold;
  margin-bottom: 10px;
}

.tools_list05_con,.tools_list06_con,.tools_list07_con{
  display: flex;
}
.tools_list05_1,.tools_list05_2{
  box-sizing: border-box;
  padding-top: 20px;
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  margin: 0 5px;
  width: 640px;
  height: 600px;
}


.tools_list06_con,.tools_list07_con{
  align-items: center;
  justify-content: center;
}
.tools_list06_con > img,.tools_list07_con > img{
  margin-right: 30px;
}
.tools_list06_con div img{
  margin-top: 55px;
}

.tools_list07_con .tools_list_img{
  align-items: flex-start;
  margin-top: 45px;
}

@media only screen and (max-width: 1440px) {
  .tools_banner_con h1{
    margin-top: 160px;
  }
}