/*.banner{margin:0 auto;width:100%;overflow:hidden;}
.banner img{width:100%;display:block;}*/
.banner{position: relative;width:100%;height:350px;background: url(../images/index_hdicon.png) no-repeat;background-size: 100% auto;}
.banner .logo{position:absolute;top:75px;left:50%;z-index:9;margin-left:-90px;width:180px;-webkit-animation: bounceInDown 0.6s;-moz-animation: bounceInDown 0.6s;}
.banner .name{position:absolute;top:245px;left:50%;z-index:9;margin-left:-85px;width:170px;-webkit-animation: bounceInDown 0.8s;-moz-animation: bounceInDown 0.8s;}
.banner .abstxt{position:absolute;bottom:15px;left:50%;z-index:9;margin-left:-95px;width:190px;-webkit-animation: bounceInDown 1s;-moz-animation: bounceInDown 1s;}
.banner img{width:100%;display:block;}

.section{margin-top:20px;}
.section .layout{padding-left:16px;display:block;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.section .layout li{float:left;margin-bottom:20px;padding-right:16px;display:block;width:50%;height:52px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.section .layout a{padding:0 10px 0 40px;display:block;width:100%;height:52px;line-height:51px;font-size:18px;border-radius:3px;background: url(../images/index_icons.png) no-repeat;background-size: 24px auto;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.section .layout a.list01{border:1px solid #2abbe4;color:#2abbe4;background-position: 9px 14px;}
.section .layout a.list02{border:1px solid #ff8700;color:#ff8700;background-position: 9px -28px;}
.section .layout a.list03{border:1px solid #ff6766;color:#ff6766;background-position: 9px -74px;}
.section .layout a.list04{border:1px solid #83ce35;color:#83ce35;background-position: 9px -122px;}
.section .layout a.list05{border:1px solid #fabe08;color:#fabe08;background-position: 9px -166px;}
.section .layout a.list06{border:1px solid #f26ef7;color:#f26ef7;background-position: 9px -214px;}
.section .layout a span{float:right;}

.layout li{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;}
.layout li{-webkit-animation-name:bouncein;-moz-animation-name:bouncein;-ms-animation-name:bouncein;animation-name:bouncein;}

@-webkit-keyframes bouncein{
    0%{opacity:0;-webkit-transform:scale(0.3);}
    50%{opacity:1;-webkit-transform:scale(1.05);}
    70%{-webkit-transform:scale(0.9);}
    100%{-webkit-transform:scale(1);}
}
@-moz-keyframes bouncein{
    0%{opacity:0;-moz-transform:scale(0.3);}
    50%{opacity:1;-moz-transform:scale(1.05);}
    70%{-moz-transform:scale(0.9);}
    100%{-moz-transform:scale(1);}
}
@-ms-keyframes bouncein{
    0%{opacity:0;-ms-transform:scale(0.3);}
    50%{opacity:1;-ms-transform:scale(1.05);}
    70%{-ms-transform:scale(0.9);}
    100%{-ms-transform:scale(1);}
}
@keyframes bouncein{
    0%{opacity:0;transform:scale(0.3);}
    50%{opacity:1;transform:scale(1.05);}
    70%{transform:scale(0.9);}
    100%{transform:scale(1);}
}