.about{padding-left:12.5%}
.about .left{padding-top:65px;float:left;width:55%;padding-right:6%}
.about .left .tag{display:inline-block;width:160px;line-height:30px;color:#fff;text-align:center;font-size:16px;background:#EA2C43}
.about .left .title{margin:15px 0;font-size:48px;color:#333;font-weight:bold;}
.about .left .info{line-height:30px;color:#666;margin-bottom:25px;}
.about .right{float:left;width:45%}
.about .right .item{padding:65px 0 65px 80px;background:#eee;transition: ease-in-out 0.3s;}
.about .right .item .icon{width:115px;height:115px;border-radius:50%;border:1px solid #AAAAAA;border-radius:50%;background-repeat: no-repeat;background-position: center;float:left;}
.about .right .item .icon1{background-image:url(../images/about_03.png);}
.about .right .item .icon2{background-image:url(../images/about_07.png)}
.about .right .item .icon3{background-image:url(../images/about_13.png)}
.about .right .item .info{float:left;padding-left:25px;}
.about .right .item .info h3{font-size:26px;color:#333;font-weight:bold;padding-top:17px;margin-bottom:10px;}
.about .right .item .info p{font-size:16px;color:#666666}
.about .right .item:hover{background:#EA2C43;transition: ease-in-out 0.3s;}
.about .right .item:hover .icon{border-color:#fff;}
.about .right .item:hover .icon1{background-image:url(../images/about_03_ac.png)}
.about .right .item:hover .icon2{background-image:url(../images/about_07_ac.png)}
.about .right .item:hover .icon3{background-image:url(../images/about_13_ac.png)}
.about .right .item:hover .info h3,
.about .right .item:hover .info p{color:#fff}
@media (max-width:767px){
  .about{padding:0;}
  .about .left,.about .right{width:100%;padding:15px;}
  .about .left .tag{font-size:14px;width:110px;}
  .about .left .title{font-size:22px;}
  .about .left .info{font-size:14px;line-height:25px;}
  .about .right .item{padding:15px;}
  .about .right .item .icon{width:70px;height:70px;background-size:40%}
  .about .right .item .info{width:calc(100% - 70px);padding-left:10px;}
  .about .right .item .info h3{font-size:16px;padding:5px 0;margin-bottom:0}
  .about .right .item .info p{font-size:13px;}
}
@media (max-width:991px) and (min-width:768px){
  .about{padding:0;}
  .about .left{width:50%;padding:30px;}
  .about .right{width:50%;}
  .about .left .title{font-size:30px;}
  .about .left .info{line-height:25px;font-size:14px;}
  .about .right .item{padding:30px}
  .about .right .item .icon{width:80px;height:80px;}
  .about .right .item .info{width:calc(100% - 80px)}
  .about .right .item .info h3{font-size:20px;padding-top:0;}
  .about .right .item .info p{font-size:14px;}
}
@media (min-width:1101px) and (max-width:1440px){
  .about{padding:0}
  .about .left{padding:60px;width:50%;}
  .about .right{width:50%;}
  .about .right .item{padding-left:60px;}
}