.con {
  padding: 6px 0 60px 0;
  background-image: url(../img/solution_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.con .list {
  display: flex;
  width: 100%;
  margin-bottom: 140px;
}
.con .list:nth-child(2n) .list_l {
  order: 1;
}
.con .list:nth-child(2n) .list_l > div::after {
  right: auto;
  bottom: auto;
  top: 0;
  left: 0;
  border-right: 170px solid transparent;
  border-top: 170px solid #fff;
  border-left: none;
  border-bottom: none;
}
.con .list:hover img {
  transform: scale(1.05);
}
.con .list .list_l {
  flex: 0 0 54.06%;
  align-self: center;
  overflow: hidden;
}
.con .list .list_l > div {
  position: relative;
}
.con .list .list_l > div::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 170px solid transparent;
  border-bottom: 170px solid #fff;
}
.con .list .list_l img {
  width: 100%;
  transition: all 0.4s linear;
}
.con .list .list_r {
  flex: 1;
  padding: 20px 240px 20px 90px;
  align-self: center;
}
.con .list:nth-child(2n) .list_r{
    padding: 20px 90px 20px 240px;
}
.con .list .list_r .tit {
 
  font-weight: 600;
  text-align: left;
  color: #000000;
  line-height: 1.2;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.con .list .list_r .mes {
  font-family: TTNorms-Medium;
  font-weight: 500;
  text-align: left;
  color: #333333;
  line-height: 1.6;
  margin-top: 32px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.con .list .list_r .toPage {
  margin-top: 72px;
}
.con .list .list_r .toPage a {
  color: #666;
  border: 1px solid #666;
  font-family: TTNorms-Medium;
}
@media only screen and (max-width: 1920px){
   .con .list .list_r {
    padding: 20px 12.5vw 20px 4.68vw;
   }
   .con .list:nth-child(2n) .list_r{
    padding: 20px 4.68vw 20px 12.5vw;
}
   .con .list .list_r .mes{margin-top:1.66vw;}
    .con .list .list_r .toPage{margin-top:3.75vw;}
    .con .list{margin-bottom:7.29vw;}
}
@media only screen and (max-width: 1600px){
    .con .list:nth-child(2n) .list_l > div::after{
            border-right: 140px solid transparent;
    border-top: 140px solid #fff;
    }
    .con .list .list_l > div::after{
        border-left: 140px solid transparent;
    border-bottom: 140px solid #fff;
    }
     .con .list .list_r {
    padding: 20px 10vw 20px 4.68vw;
   }
   .con .list:nth-child(2n) .list_r{
    padding: 20px 4.68vw 20px 10vw;
}
}
@media only screen and (max-width: 1200px){
    .con .list .list_r .mes{
        -webkit-line-clamp: 3;
    }
        .con .list .list_r {
    padding: 20px 5vw 20px 4.68vw;
   }
   .con .list:nth-child(2n) .list_r{
    padding: 20px 4.68vw 20px 5vw;
}
 .con .list:nth-child(2n) .list_l > div::after{
            border-right: 100px solid transparent;
    border-top: 100px solid #fff;
    }
    .con .list .list_l > div::after{
        border-left: 100px solid transparent;
    border-bottom: 100px solid #fff;
    }
    
}

@media only screen and (max-width: 768px){
     .con .list:nth-child(2n) .list_l > div::after{
            border-right:60px solid transparent;
    border-top: 60px solid #fff;
    }
    .con .list .list_l > div::after{
        border-left: 60px solid transparent;
    border-bottom: 60px solid #fff;
    }
    .con .list{flex-wrap:wrap;}
    .con .list .list_r,
    .con .list .list_l{flex:0 0 100%;}
    .con .list:nth-child(2n) .list_r,
        .con .list .list_r {
    padding: 20px 5vw 20px 5vw;
   }
   .con .list:nth-child(2n) .list_l{
       order: 0;
   }
   .con .list:nth-child(2n) .list_l > div::after{
       border-top:none;
       border-right:none;
           right: 0;
    bottom: 0;
    top: auto;
    left: auto;
             border-left: 60px solid transparent;
    border-bottom: 60px solid #fff;
   }
   
   .con .list{margin-bottom:20px;}
   
    .con{padding:0 0 20px 0;}
}