/* index_about */
.index_about{
  max-width: 1300px;
  height: 438px;
  margin: 0 auto;
  background: url(../images/about_s.png) no-repeat center center;
  background-size:100%;
  position: relative;
  margin-top: 105px;
}
.index_about ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index_about ul li{
  /* width: 50%; */
  height: 438px;
}
/* .index_about ul li:nth-child(1){
  width: 568px;
  height: 438px;
} */
.index_about ul li:nth-child(1) img{
  position: absolute;
  top: 25px;
  left: 25px;
}
.index_about ul li:nth-child(2) h1{
  font-size: 34px;
  color: #323232;
  font-weight: 700;
  margin-top: 60px;
}
.index_about ul li:nth-child(2) .summary{
  margin-top: 21px;
}
.index_about ul li:nth-child(2) .summary p{
  width: 630px;
  text-indent: 3.3rem;
  text-align: justify;
  font-size: 14px;
  color: #838282;
  line-height: 22px;
}
p{
    text-align: left !important;
}
.index_about ul li:nth-child(2) .content p{
  width: 630px;
  height: 100px;
  text-indent: 3.3rem;
  text-align: justify;
  font-size: 14px;
  color: #838282;
  line-height: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;  
  overflow: hidden;
}
.index_about ul li:nth-child(2) .lena{
  width: 110px;
  height: 30px;
  background: url(../images/lena.png) no-repeat center center;
  background-position: 0 24px;
  position: relative;
  top: 38px;
}
.index_about ul li:nth-child(2) .lena img{
  position: absolute;
  bottom: 0;
  right: 0;
}
.index_about ul li:nth-child(2) .lena a{
  font-size: 10px;
  color: #9e9e9e;
}
.index_about .lianxi{
  width: 73px;
  height: 136px;
  background: #3f5fbc;
  position: absolute;
  right: -74px;
  top: 141px;
}
.index_about .lianxi ul{
  width: 73px;
  height: 136px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index_about .lianxi ul li{
  width: 100%;
  height: 50%;
}
.index_about .lianxi ul li:nth-child(1){
  background: url(../images/dianhua.png) no-repeat center center;
  background-position: 50% 50%;
}
.index_about .lianxi ul li:nth-child(2){
  background: url(../images/qq.png) no-repeat center center;
  background-position: 50% 50%;
}
/* index_about_box1 */
.index_about_box1{
  max-width: 1300px;
  height: 412px;
  margin: 0 auto;
}
.index_about_box1 ul:nth-child(1){
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index_about_box1 ul:nth-child(1) li{
  height: 412px;
}
.index_about_box1 ul:nth-child(1) li h1{
  font-size: 34px;
  color: #444444;
  margin-top: 70px;
}
.index_about_box1 ul:nth-child(1) li p{
  width: 363px;
  margin-top: 46px;
  text-align: justify;
  font-size: 15px;
  color: #757575;
  line-height: 23px;
}
.index_about_box1 ul:nth-child(1) li .lena{
  width: 110px;
  height: 30px;
  background: url(../images/lena.png) no-repeat center center;
  background-position: 0 24px;
  position: relative;
  top: 45px;
}
.index_about_box1 ul:nth-child(1) li .lena img{
  position: absolute;
  bottom: 0;
  right: 0;
}
.index_about_box1 ul:nth-child(1) li .lena a{
  font-size: 10px;
  color: #9e9e9e;
}
.index_about_box1 ul:nth-child(1) li:nth-child(2) ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index_about_box1 ul:nth-child(1) li:nth-child(2) ul li{
  width: 270px;
  height: 412px;
}
.index_about_box1 ul:nth-child(1) li:nth-child(2) ul li img{
  margin-top: 121px;
  margin-left: 60px;
}
.index_about_box1 ul:nth-child(1) li:nth-child(2) ul li h1{
  font-size: 17px;
  color: #545454;
  margin-left: 60px;
  margin-top: 23px;
}
.index_about_box1 ul:nth-child(1) li:nth-child(2) ul li p{
  width: 210px;
  margin-left: 60px;
  margin-top: 22px;
}
.index_about_box1 ul:nth-child(1) li:nth-child(2) ul li .lena{
  width: 110px;
  height: 30px;
  background: url(../images/lena.png) no-repeat center center;
  background-position: 0 24px;
  position: relative;
  top: 45px;
  left: 60px;
}
.index_about_box1 ul:nth-child(1) li:nth-child(2) ul li .lena img{
  position: absolute;
  bottom: 0;
  right: 0;
}
.index_about_box1 ul:nth-child(1) li:nth-child(2) ul li .lena a{
  font-size: 10px;
  color: #9e9e9e;
}

/* index_products */
.index_products{
  width: 100%;
  background: #e6e6e6;
}
.index_products .products_box1{
  max-width: 1300px;
  height: 600px;
  margin: 0 auto;
}
.index_products .products_box1 ul{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index_products .products_box1 ul li:nth-child(1){
  width: 30%;
  height: 600px;
}
.index_products .products_box1 ul li:nth-child(1) h1{
  margin-top: 80px;
  font-size: 34px;
  color: #444444;
  font-weight: 700;
}
.index_products .products_box1 ul li:nth-child(1) ul{
  margin-top: 100px;
}
.index_products .products_box1 ul li:nth-child(1) .lena{
  width: 110px;
  height: 30px;
  background: url(../images/lena.png) no-repeat center center;
  background-position: 0 24px;
  position: relative;
  top: 55px;
  /* left: 60px; */
}
.index_products .products_box1 ul li:nth-child(1) .lena img{
  position: absolute;
  bottom: 0;
  right: 0;
}
.index_products .products_box1 ul li:nth-child(1) .lena a{
  font-size: 10px;
  color: #9e9e9e;
}
.index_products .products_box1 ul li:nth-child(1) ul li{
  width: 310px;
  height: 52px;
  line-height: 52px;
}
.index_products .products_box1 ul li:nth-child(1) ul li:nth-child(1) a{
  display: block;
  background: #3f5fbc;
  color: #fff;
}
.index_products .products_box1 ul li:nth-child(1) ul li p{
  margin-left: 28px;
}
.index_products .products_box1 ul li:nth-child(2){
  width: 70%;
  height: 600px;
}
.index_products .products_box1 ul li:nth-child(2) .llo{
  width: 100%;
  height: 184px;
  border-bottom: #cccccc 1px solid;
  position: relative;
}
.index_products .products_box1 ul li:nth-child(2) .llo h1{
  position: absolute;
  top: 128px;
  color: #404040;
  font-size: 15px;
}
.index_products .products_box1 ul li:nth-child(2) .llo .lena{
  width: 110px;
  height: 30px;
  background: url(../images/lena.png) no-repeat center center;
  background-position: 86px 12px;
  position: absolute;
  right: 24px;
  bottom: 21px;
}
.index_products .products_box1 ul li:nth-child(2) .llo .lena img{
  position: absolute;
  bottom: 12px;
  right: -10px;
}
.index_products .products_box1 ul li:nth-child(2) .llo .lena a{
  font-size: 10px;
  color: #9e9e9e;
}
.index_products .products_box1 ul li:nth-child(2) ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index_products .products_box1 ul li:nth-child(2) ul li{
  width: 31%;
  height:385px;
  position: relative;
  top: 31px;
}
.index_products .products_box1 ul li:nth-child(2) ul li img{
  width: 279px;
  height: 259px;
}
.index_products .products_box1 ul li:nth-child(2) ul li a p{
  text-align: center;
  font-size: 14px;
  color: #666666;
  position: relative;
  top: 30px;
}
/* index_example */
.index_example{
  max-width: 1300px;
  height: 185px;
  margin: 0 auto;
}
.index_example h1{
  position: relative;
  top: 100px;
  color: #444444;
  font-size: 34px;
}
/* index_example_box1 */
.index_example_box1{
  max-width: 1300px;
  height: 395px;
  margin: 0 auto;
}
.index_example_box1 ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index_example_box1 ul li{
  height: 395px;
}
.index_example_box1 ul li:nth-child(2) ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index_example_box1 ul li:nth-child(2) ul li{
  width: 100%;
  height: 96px;
}
.index_example_box1 ul li:nth-child(2) ul li h1{
  font-size: 19px;
  color: #444444;
  font-weight: 500;
  margin-top: 8px;
}
.index_example_box1 ul li:nth-child(2) ul li p{
  margin-top: 15px;
  font-size: 14px;
  color: #999999;
  text-align: justify;
  line-height: 25px;
}
.index_example_box1 ul li:nth-child(2) .lena{
  width: 110px;
  height: 30px;
  background: url(../images/lena.png) no-repeat center center;
  background-position: 0 24px;
  position: relative;
  top: 68px;
}
.index_example_box1 ul li:nth-child(2) .lena img{
  position: absolute;
  right: 0;
  bottom: 0;
}
.index_example_box1 ul li:nth-child(2) .lena a{
  font-size: 10px;
  color: #9e9e9e;
}
/* index_news */
.index_news{
  max-width: 1300px;
  height: 184px;
  margin: 0 auto;
}
.index_news ul{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index_news ul li{
  height: 184px;
}
.index_news ul li h1{
  position: relative;
  top: 100px;
  color: #444444;
  font-size: 33px;
}
/* index_news1 */
.index_news1{
  max-width: 1300px;
  height: 489px;
  margin: 0 auto;
}
.index_news1 ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.index_news1 ul li{
  height: 489px;
}
.index_news1 ul li:nth-child(1) ul li:nth-child(1){
  width: 100%;
  height: 187px;
  position: relative;
}
.index_news1 ul li:nth-child(1) ul li:nth-child(1) p:nth-child(2){
  position: absolute;
  top: 9px;
  left: 296px;
  color: #4e4e4e;
  font-size: 17px;
}
.index_news1 ul li:nth-child(1) ul li:nth-child(1) p:nth-child(3){
  position: absolute;
  top: 55px;
  left: 296px;
  color: #919191;
  font-size: 14px;
  text-align: justify;
  line-height: 22px;
  display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;

overflow: hidden;
}
.index_news1 ul li:nth-child(1) ul li:nth-child(1) p:nth-child(4){
  position: absolute;
  top: 17px;
  right: 0;
  font-size: 10px;
  color: #9e9e9e;
}
.index_news1 ul li:nth-child(1) ul li:nth-child(1) .lena{
  width: 110px;
  height: 30px;
  background: url(../images/lena.png) no-repeat center center;
  background-position: 0 24px;
  position: absolute;
  left: 296px;
  bottom: 0;
}
.index_news1 ul li:nth-child(1) ul li:nth-child(1) .lena img{
  position: absolute;
  right: 0;
  bottom: 0;
}
.index_news1 ul li:nth-child(1) ul li:nth-child(1) .lena a{
  font-size: 10px;
  color: #9e9e9e;
}
.index_news1 ul li:nth-child(1) ul li:nth-child(2){
  width: 100%;
  height: 90px;
  border-bottom: 1px solid #ededed;
  position: relative;
} 
.index_news1 ul li:nth-child(1) ul li:nth-child(2) img{
  display:none;
}
.index_news1 ul li:nth-child(1) ul li:nth-child(2) p:nth-child(2){
  line-height: 90px;
  color: #4e4e4e;
  font-size: 19px;
}
.index_news1 ul li:nth-child(1) ul li:nth-child(2) p:nth-child(3){
  display:none;
}
.index_news1 ul li:nth-child(1) ul li:nth-child(2) p:nth-child(4){
  position: absolute;
  right: 0;
  top: 40px;
  color: #9e9e9e;
  font-size: 10px;
}
.index_news1 ul li:nth-child(1) ul li:nth-child(2) .lena{
  display:none;
}

.index_news1 ul li:nth-child(1) ul li:nth-child(3){
  width: 100%;
  height: 90px;
  border-bottom: 1px solid #ededed;
  position: relative;
} 
.index_news1 ul li:nth-child(1) ul li:nth-child(3) img{
  display:none;
}
.index_news1 ul li:nth-child(1) ul li:nth-child(3) p:nth-child(2){
  line-height: 90px;
  color: #4e4e4e;
  font-size: 19px;
}
.index_news1 ul li:nth-child(1) ul li:nth-child(3) p:nth-child(3){
  display:none;
}
.index_news1 ul li:nth-child(1) ul li:nth-child(3) p:nth-child(4){
  position: absolute;
  right: 0;
  top: 40px;
  color: #9e9e9e;
  font-size: 10px;
}
.index_news1 ul li:nth-child(1) ul li:nth-child(3) .lena{
  display:none;
}
.index_news1 ul li:nth-child(2) ul li:nth-child(1){
  height: 367px;
  border-bottom:  1px solid #ededed;
  position: relative;
}
.index_news1 ul li:nth-child(2) ul li:nth-child(1) p:nth-child(2){
  line-height: 92px;
  color: #4e4e4e;
  font-size: 19px;
}
.index_news1 ul li:nth-child(2) ul li:nth-child(1) p:nth-child(3){
  position: absolute;
  right: 0;
  bottom: 33px;
  color: #9e9e9e;
  font-size: 10px;
}
.index_news1 .ooi .wwr li:nth-child(1){
  animation:fadeInLeft;
  animation-duration: 0.3s;
}
.index_news1 .ooi .wwr li:nth-child(2){
  animation:fadeInLeft;
  animation-duration: 0.6s;
}
.index_news1 .ooi .wwr li:nth-child(3){
  animation:fadeInLeft;
  animation-duration: 0.9s;
}
.index_products .products_box1 .ggf .llp .vvc  li:nth-child(1){
  animation:fadeInLeft;
  animation-duration: 0.3s;
}
.index_products .products_box1  .ggf .llp .vvc  li:nth-child(2){
  animation:fadeInLeft;
  animation-duration: 0.6s;
}
.index_products .products_box1 .ggf .llp .vvc li:nth-child(3){
  animation:fadeInLeft;
  animation-duration: 0.9s;
}
.index_products .products_box1 .ggf .llp .vvc li:nth-child(4){
  animation:fadeInLeft;
  animation-duration: 1.2s;
}
.index_products .products_box1 .kkl .hhg li:nth-child(1){
  animation:fadeInUp;
  animation-duration: 0.3s;
}
.index_products .products_box1 .kkl .hhg li:nth-child(2){
  animation:fadeInUp;
  animation-duration: 0.6s;
}
.index_products .products_box1 .kkl .hhg li:nth-child(3){
  animation:fadeInUp;
  animation-duration: 0.9s;
}