.container{width: 100%;height: 270px; position: absolute;left: 0;bottom: 0;z-index: 3;background-color: rgba(0,0,0,0.3)}
.container:before{content: '';display: block;width: 100%;height: 30px;background-color: rgba(0,0,0,.6);position: absolute;left: 0;top: 0;z-index: 2;}
.hm-title{height: 30px;font-size: 14px;line-height: 30px;color: #43d777;margin-bottom: 20px;}
.hm-title span{display:inline-block;height:100%;padding-left: 12px;margin-left: 12px;position: relative; color:#36a762;}
.hm-title span:before{content: '';display:block;width: 1px;height:11px;background-color: #43d777;position: absolute;left: 0;top:9px}

.hm{height: 270px;position: relative;z-index:2;padding-left: 16px;padding-right: 30px}
.hm:before{content: '';display: block;width: 1px;height: 270px;background: url(../image/hmBg.png) no-repeat 0 0;position: absolute;left: 0;top: 0;z-index: -1;background-size:cover;}
.hm-about{width: 395px;}
.hm-about .about-panel{overflow: hidden;}
.hm-about .about-panel img{float: left;margin-right: 16px;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.hm-about .about-panel img:hover{opacity: 0.7;-webkit-transform: translate3d(0,0,10px);transform: translate3d(0,0,10px);}
.hm-about .about-panel p{font-size: 12px;height: 184px;overflow: hidden;padding-top:2px; line-height: 22px;color: #fff;}
.hm-about .about-panel h2 a{display:block;float: left; font-size: 12px;line-height: 12px;color: #fff;padding: 0 8px;border-left: 1px solid #fff;}
.hm-about .about-panel h2 a:nth-child(1){border-left: none;padding-left: 0}
.hm-about .about-panel h2 a:hover{color: #77ffa7}

.hm-business{width: 425px;}
.hm-business ul{overflow: hidden;}
.hm-business ul li{float:left;width: 180px;overflow: hidden;margin-right: 15px; text-align:center}
.hm-business ul li:last-child{margin-right: 0}
.hm-business ul li img{-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);transition:.2s;-webkit-transition:.2s;-moz-transition:.2s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.hm-business ul li h1{width: 100%;height: 30px;font-size: 12px;line-height: 30px;color: #fff;position: relative;padding: 0 18px 0 8px;z-index: 2;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.hm-business ul li h1:after{content: '';display: block;width: 3px;height: 5px;background: url(../image/tri.png) no-repeat 0 0;position: absolute;right: 13px;top: 13px}
.hm-business ul li h1:before{content: '';display: block;width:0%;height: 100%;background-color:rgba(119,255,167,0.1);position: absolute;left: 0;top: 0;z-index: -1;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.hm-business ul li:hover h1:before{width: 100%;}
.hm-business ul li:hover img{opacity: 0.7;-webkit-transform: translate3d(0,0,10px);transform: translate3d(0,0,10px);}

.hm-news{width: 380px}
.hm-news dl{color: #fff;   height: 220px;}
.hm-news dl dt{margin-bottom: 12px}
    .hm-news dl dt img {     width:100%;height:100px}
.hm-news dl dt h1 a{line-height: 12px;font-weight: bold;width: 100%;}
.hm-news dl dt h1 a:before{font-weight: normal;}
.hm-news dl dt h1 span{display: block;margin: 4px 0 2px;padding-left: 10px; color:#9ca7af;}
.hm-news dl dt p{height: 32px;overflow: hidden;padding-left: 10px; color:#c2c6c9;}
.hm-news dl a{display: block;font-size: 12px;padding-left: 10px;line-height: 24px;position: relative;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.hm-news dl h1 a:before{content: '>';font-family: 'simsun';font-size:10px;position: absolute;left:0px;top: 0}
    .hm-news dl h1 {margin-top:20px;}