h2{
 margin-bottom: 20px;
}
p{
 font-size: 16px;
 color: #333333;
 line-height: 21px;
}
h2 + p{
 text-align: center;
 color: #707070;
 margin-bottom: 30px;
}
.tr_banner_con{
 width: 100%;
 min-width: 1280px;
 position: relative;
}
.tr_banner_con img{
 width: 100%;
}
.tr_banner_con h1{
 position: absolute;
 /* right: 27.8125%;
 bottom: 42.5%; */
 left: 50%;
 transform: translateX(-50%);
 top: 236px;
 color: #FFFFFF;
}

/* 关于我们 */
.about_intro{
 padding: 100px 0;
}
.about_intro_con{
 width: 1180px;
 margin: 0 auto;
 display: flex;
}
.about_intro_con p{
 margin-left: 40px;
 width: 780px;
 text-align: justify;
}

/* 资质证书 */
.about_prove{
 padding: 40px 0 50px 0;
 background: #F3F7FF;
}
.about_prove_con{
 width: 684px;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
}
.about_prove_con img{
 box-shadow: 0 3px 10px #cccccc;
}

/* 专业产线 */
.about_line{
 padding: 100px 0;
}
.about_line ul{
 width: 1180px;
 margin: 0 auto;
 display: flex;
 font-size: 0;
}
.about_line li{
 margin: 0 5px;
}
.about_line li p{
 text-align: center;
 color: #707070;
 font-weight: bold;
 margin-top: 10px;
}

.about_test{
 padding: 40px 0 100px 0;
 background: #F3F7FF;
}
.about_test01{
 width: 1190px;
 margin: 0 auto;
 margin-bottom: 60px;
 font-size: 0;
}
.about_test01 img{
 margin: 0 5px;
}
.about_test > p{
 text-align: center;
 color: #707070;
 margin-bottom: 30px;
}
.about_test02{
 width: 1180px;
 margin: 0 auto;
 font-size: 0;
 display: flex;
}
.test_item{
 width: 236px;
 height: 295px;
 background-size: cover;
 position: relative;
 overflow: hidden;
}
.test_item::before{
 content: '';
 display: block;
 transition: all .2s;
 position: absolute;
 width: 100%;
 height: 100%;
}
.about_test02 p{
 position: absolute;
 color: #FFFFFF;
 width: 100%;
 text-align: center;
 transition: all .5s;
}
.about_test02 .test_title{
 top: 50%;
 transform: translateY(-50%);
 font-weight: bold;
}
.about_test02 .test_intro{
 top: 100%;
 /* bottom: -60px; */
 font-size: 14px;
 line-height: 19px;
 opacity: 0;
}
.test_item:hover::before{
 background: rgba(64, 123, 255, 0.6);
}
.test_item:hover .test_title{
 top: 80px;
 transform: translateY(0);
}
.test_item:hover .test_intro{
 top: 140px;
 opacity: 1;
}
.btn{
  margin-top: 50px;
  width: 180px;
}
.about-line{
  padding-top: 40px;
  width: 1180px;
  height: 280px;
  margin: 100px auto;
  color: #FFFFFF;
}
.about-line p{
  margin: 30px 0 50px 0;
  color: #FFFFFF;
}
.about-line .btn,
.about_test .btn{
  width: 120px;
  height: 40px;
  border: 1px solid #FFFFFF;
  background-color: #ffffff00;
}
.about_test .btn{
  color: #407BFF;
  border-color: #407BFF;
}