.about_body{ width:100%; height:600px; background:url(../img/about_body.png) center top no-repeat; }

@media screen and (min-width:1660px){
.container-1{margin:0 260px;}
}
@media screen and (max-width:1660px) and (min-width:1360px){
.container-1{ margin:0 80px;}
}
@media screen and (max-width:1360px) and (min-width:960px){
.container-1{ margin:0 30px;}
}
.habout{background: url(../images/abbg1.jpg) top center no-repeat;}
@media screen and (max-width:1300px){
.habout{margin-top: 20px;}
}
.habout .htitle h3,.habout .htitle p{color: #fff;}
.habbox{padding:3%;/*box-shadow: 5px 5px 15px -5px #666;*/position: relative;bottom:-100px;opacity: 0;}
.habbox.current{opacity: 1;bottom: 0;}
.hableft{float: left;width: 50%;overflow: hidden;height: 555px; position:relative; /*background-color:#fff;*/}
.habright{float: right;width: 45%;}
/*.hableft img{display: block;height: 100%;}*/
.habimgbox img{display: block;width: 100%;}
.habimg_dian{
  position: absolute;
  z-index: 20;
  bottom: 10px;
  width: 100%;right: 10px;
  text-align: right;
}
.habimg_dian span{
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: #555;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #555;
  cursor: pointer;
}
.habimg_dian span.swiper-active-switch {
  background: #c42221;border: 1px solid #c42221;
}

.habinfo .h2{font-size: 60px;color: #c42221;font-family: 'Impact'}
.habinfo .h4{font-size: 24px;color: #333;font-weight: 500;}
.habinfo .h5{font-size:16px;color: #c42221;margin-bottom: 20px;}
.habinfo i{display: block;width: 45px;height: 1px;background-color: #c42221;margin:20px 0;}
.habinfo p{font-size: 14px;color: #666;line-height: 33px;}
a.habbtn{background-color: #ff981c;width: 145px;height: 45px;line-height: 45px;font-size: 16px;color: #fff;text-align: center;display: block;position: relative;overflow: hidden;margin-top: 30px;}
a.habbtn{z-index: 5;transition: 0.5s;}
a.habbtn::before{content: "";width: 0;background-color: #c42221;z-index: -1; height: 100%;transition:0.2s ease all;position: absolute;top: 0;left: 0;}
a.habbtn:hover::before{width: 100%;}
.habico{margin-top:35px;}
.habico a{display: block;float: left;width: 31.33%;margin-right: 2%;}
.habico i{width:23%;display: block;float: left;-webkit-transition: All 0.7s ease-in-out;
  -moz-transition: All 0.7s ease-in-out;
  -o-transition: All 0.7s ease-in-out;}
.habico i img{display: block;width: 100%;}  
.habico span{display: block;width:70%;float: left;font-size:18px;color: #333;font-weight: 700;position: relative;top:10px;left: 10px;}
.habico span em{font-size:14px;color: #9eadbd;display: block;font-weight: 500;}
.habico a:hover i{transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);}
.habico a:hover span{color: #c42221;}
@media screen and (max-width:1680px){
.hableft{width:45%;height: 520px;}
.habright{width: 50%;}


    .home-pain-points {
    width: 100%;
    position: relative;
    height: 580px;
    padding-top: 80px;
    background-position-x: center;
    background-size: 100% 100%;
}
.pain-title {
    position: relative;
    z-index: 2;
    font-size: 18px;
    margin-bottom: 56px;
    text-align: center;
    color: #fff;
}
.pain-title>h2 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 700;
}
.pain-picture {
    width: 400px;
    height: 400px;
    margin: 0 auto;
    display: block;
    margin-top: -60px;
}
.point-content {
    position: absolute;
    top: 260px;
    left: 50%;
    z-index: 1;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1000px;
    height: 210px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.point-column {
    position: relative;
    width: 100%;
    height: 100%;
}
.point-item {
    position: absolute;
    width: 324px;
    height: 60px;    
    background: url(../img/poin-left-box.png) no-repeat;
    background-size: 100% 100%;
    transition: all .2s linear;
    -webkit-font-smoothing: antialiased;
}
.right-item {
    position: absolute;
    width: 344px;
    height: 60px;    
    background: url(../img/poin-right-box.png) no-repeat;
    background-size: 100% 100%;
    transition: all .2s linear;
    -webkit-font-smoothing: antialiased;
}
.point-title {
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    /* height: 26px; */
}
.point-item-dot {
    width: 8px;
    height: 8px;
    margin-left: 16px;
}
.point-title p {
    margin-left: 8px;
    color: #d2daeb;
    font-weight: 500;
    font-size: 20px;
    line-height: 60px;
}
.pain-button {
    width: 142px;
    height: 40px;
    background: #fff;
    font-size: 16px;
    color: #00113a;
    font-weight: 600;
    text-align: center;
    line-height: 40px;
    margin: 0 auto;   
}