.container{padding:38px 0}

.hm-fl{width: 722px;height: 471px;background-color: #f6f6f6}
.hm-fl-about{width: 481px;height: 200px;position: relative;overflow: hidden;}
.about-title{display: inline-block;font-size: 14px;line-height: 18px;color: #fff;background-color: #3b6397;position: absolute;left: 0;bottom: 0;padding: 10px 20px;text-align: center;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}
.about-title em{display: block;font-size: 12px}
.hm-fr-service{width:241px;height: 200px;position: relative;overflow: hidden;}
.hm-fr-service .about-title{left: auto;right: 0;bottom: auto;top: 0}
.hm-fl-about img,.hm-fr-service img{transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;}
.hm-fl-about:hover img,.hm-fr-service:hover img{transform:scale(1.18);-webkit-transform:scale(1.18);-moz-transform:scale(1.18);}
.hm-fl-about:hover .about-title,.hm-fr-service:hover .about-title{background-color: #cc0001}

.hm-news{width: 100%;height: 271px;padding: 26px 60px 0 40px}
.hm-news h1{display: inline-block;float: left; font-size: 18px;line-height: 18px;color: #010101;padding-bottom: 18px;position: relative;}
.hm-news h1 span{display: block;font-size: 14px;line-height: 20px;color: #737373}
.hm-news h1:before{content: '';display: block;width: 36px;height: 2px;background-color: #cc0001;position: absolute;left: 0;bottom: 0}
.hm-news-tab{float: right; width:447px;height: 100%;position: relative;}
.hm-news-tab ul{overflow: hidden;}
.hm-news-tab ul li{width: 100%;height: 69px;}
.hm-news-tab ul a{display:block;padding:12px 30px 12px 20px;border-bottom: 1px solid #efefef;position: relative;}
.hm-news-tab ul a:before{content: '';display: block;width: 4px;height: 14px;background-color: #959595;position: absolute;left: 0;top: 50%;margin-top: -7px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.hm-news-tab ul a h2{font-size: 14px;line-height: 22px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.hm-news-tab ul a h2 span{display: block;font-size: 12px;line-height: 22px;color: #959595;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.hm-news-tab ul a:hover:before{background-color: #cc0001}
.hm-news-tab ul a:hover h2 span{color: #cc0001}

.hm-news-tab .nprev,.hm-news-tab .nnext{display: block;width: 30px;height: 30px;background-color:#c0c0c0;font-size:18px;line-height: 30px;text-align: center;color: #fff;font-family: 'simsun';position: absolute;bottom:38px;left: -175px}
.hm-news-tab .nnext{left: -140px}
.hm-news-tab .nprev:hover,.hm-news-tab .nnext:hover{background-color: #cc0001}

.hm-fr{width: 478px;height: 471px;position: relative;}
.hm-fr h1{display:block;width: 142px;height: 60px;line-height: 60px;text-align: center;background-color: #cc0001;font-size: 18px;color: #fff;position: absolute;left: 0;bottom: 0;z-index: 2;}
.hm-fr .cprev,.hm-fr .cnext{display: block;width: 30px;height: 30px;background-color:#c0c0c0;font-size:18px;line-height: 30px;text-align: center;color: #fff;font-family: 'simsun';position: absolute;top:38px;right:0px;z-index: 2;}
.hm-fr .cprev{right: 35px;}
.hm-fr .cprev:hover,.hm-fr .cnext:hover{background-color: #cc0001}
.hm-fr li{width: 478px;height: 471px;position: relative;}
.hm-fr li h2{height:60px;width: 100%;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;position: absolute;left: 0;bottom: 0;z-index: 1;background-color: rgba(0,0,0,.6);color: #fff;font-size: 14px;line-height:60px;padding:0 20px 0 162px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;}
.hm-fr li:hover h2{background-color: rgba(204,0,1,.8);}

/*