.main,.main .hero-info{width:1002px;overflow:hidden}.main{margin:0 auto;padding:20px 0}.main .hero-info{height:186px;position:relative;background:#f4e9d3;padding:20px;border:1px solid #d5bc97;margin-bottom:20px}.main .hero-info .hero-icon{width:100px;height:100px;border:1px solid #d5bc97;float:left}.main .hero-info h3{overflow:hidden}.main .hero-info .name{margin:0;float:left;font-size:28px;font-weight:400;line-height:28px;text-indent:20px;color:#333}.main .hero-info .hero-class{float:left;margin-left:24px;margin-top:6px;display:inline-block;height:22px;width:46px;border:1px solid #ec6e15;color:#ec6e15;border-radius:3px;text-align:center;font-size:14px;line-height:22px}.main .hero-info .more.active:after,.main .hero-info .more:after{content:"";width:12px;height:12px;display:inline-block}.main .hero-info .desc{margin:7px 0;padding-left:20px;overflow:hidden;text-overflow:ellipsis;max-height:40px;color:#EB6100;line-height:20px;font-size:14px}.main .hero-info .desc p{line-height:20px;font-size:14px;margin:0;padding:0;color:#eb6100}.main .hero-info .more{position:absolute;bottom:20px;right:50px;line-height:20px;font-size:12px}.main .hero-info .more:after{background:url(../img/tri-down.png) center no-repeat}.main .hero-info .more.active:after{background:url(../img/tri-up.png) center no-repeat}.main .hero-video{float:left;width:660px}.main .hero-video .info-content{overflow:hidden;margin-bottom:0}.main .hero-video .videos{position:relative;padding-bottom:60px}.main .info-flow{width:300px;margin-left:40px;padding-top:10px;float:left}.main .info-flow .skill{width:300px;border:1px solid #DCDCDC;padding:0 14px;margin-bottom:20px}.main .info-flow .skill .item{padding:14px 0;margin:0;border-bottom:1px solid #DCDCDC;color:#666;overflow:hidden}.main .info-flow .skill .item span{margin-right:20px;color:#333}.main .info-flow .skill .icon{margin:0;overflow:hidden}.main .info-flow .skill .icon li{float:left;display:inline-block;overflow:hidden;width:44px;height:72px;line-height:72px;margin-right:10px}.main .info-flow .skill .icon li img{float:left;width:44px}.main .info-flow .skill .icon li p{float:left;padding:0;width:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:12px;margin:8px 0 0;text-align:center}.main .info-flow .skill .icon li:first-child{position:relative;top:-12px}.main .content{overflow:hidden;width:1002px}.heros{float:left;width:660px}.heros .small-bread{overflow:hidden}.heros .small-bread .item{float:left;margin:0 5px;overflow:hidden;position:relative;padding:2px 0}.heros .small-bread .item.act a{background:#ec4b4b;color:#fff}.heros .small-bread .item.act a:hover{color:#fff}.heros .small-bread .item.act p{display:block}.heros .small-bread .item a{padding:5px 8px;font-size:14px;color:#333}.heros .small-bread .item a p{display:none}.heros .small-bread .item a:hover{color:#ec4b4b}.heros .hero-list{box-sizing:content-box;overflow:hidden;padding:12px 10px;margin:24px 0 0;background-color:#fdf8ec}.heros .hero-list .item{float:left;position:relative;margin:12px 13px}.heros .hero-list .item img{height:80px;width:80px}.heros .hero-list .item.act p{display:block;border-top-right-radius:5px;border-bottom-left-radius:5px;position:absolute;margin:0}.heros .hero-list .item p{display:none;background:rgba(0,0,0,.6);height:80px;width:80px;top:0;left:0;line-height:80px;font-size:14px;color:#fff;border-top-right-radius:10px;border-bottom-left-radius:10px;text-align:center}.heros .more-heros{height:32px;line-height:32px;color:#fff;background-color:#e2b045;text-align:center;cursor:pointer}.heros .more-heros span{background:url(../img/arrow_right.png) center no-repeat;padding:8px;margin-left:6px}