@charset "utf-8";
/* CSS Document */

.bgeee { background: #eee;}
.right0 { right: 0!important;}
.index_about{ padding:50px 0px 30px; overflow:hidden;}
.area_50 {float:left;width:50%; margin:15px 0px;}
.area_48 {z-index: 3;float:left;width:48%;height: 100%;background: #fff;position: absolute;}
.area_80 { float:left; width:80%;  position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.com-link { position: relative;display: block; overflow: hidden; transition:0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s }
.com-link:hover { color: #000; -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.1) }
.area_50 .h5{ font-size:20px; color:#000; font-weight:bold;}

.a01{ display: inline-block; color: #ed1b23; position: relative; margin-top:20px;}
.a01:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #ff5b00; transition: -webkit-transform .2s ease; transition: transform .2s ease; -webkit-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(0); transform: scaleX(0) }
a:hover .a01:before{ -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left }

.width100 { width:100% }
.zoomimg { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }
a:hover .zoomimg, .zoomimg:hover { transform: scale(1.05); -ms-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05) }

/**********恒久业绩************/
.index-business .index-yj {display: block;float: left;height: 140px;color: #555;border-radius: 0;box-sizing: border-box;background: #eee;opacity: 1;position: relative;}
.area_14{width:14.28% }

.index-business .index-yj .iconfont, .index-business .index-yj span.h5, .index-business .index-yj span.line { position: absolute; z-index: 2 }
.index-business .index-yj .iconfont {font-size: 42px;top: 10px;left: 50%;margin-left: -20px;transition: all .2s;}
.index-business .index-yj span.h5 {display: block;width: 100%;text-align: center;top: 80px;left: 0;font-size: 22px;}
.index-business .index-yj span.line { left: 50%; margin-left: -50px; bottom: 0; width: 100px; height:8px; background: #d4434d; transition: -webkit-transform .2s ease; transition: transform .2s ease; -webkit-transform-origin: right; transform-origin: right; -webkit-transform: scaleX(0); transform: scaleX(0) }
.index-business .index-yj:hover span.h5,.index-business .index-yj:hover .iconfont{ color: #d4434d }
.index-business .index-yj:hover span.line { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: left; transform-origin: left }
.index-business .index-yj .iconfont { transform: scale(1.4) }



/*屏幕小于等于800*/
@media ( max-width:800px ) {	
.area_80, .area_50, .area_48{ float:none; width:100% ;}
.area_14{ width:25%; }
.area_80,.area_48 {
    position: static!important;
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.mo_heightauto {height: auto;}
.paddingright15 { padding-right:0!important }
.paddingleft15 { padding-left:0!important }
.area_50 .h5{ font-size:18px; color:#000; font-weight:bold;}
.a01{ display: inline-block; color: #ed1b23; position: relative; margin-top:10px;}
.mo_padding20 {
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
}
@media ( max-width:600px ) {	
.area_14{ width:50% ;}
}