/* CSS Document */
._container{ width:1170px; margin:0 auto;}

.header{ height: 106px; background: #1f242b; }
.header h1{ width:300px; height: 106px; background: url(../img/logox1.png) no-repeat left center; float:left;}
.ul_nav{ float:right; }
.ul_nav li{ height:106px; line-height: 106px; float:left; padding:0 34px; }
.ul_nav li.active{ background: url(../img/icon_trim.png) no-repeat center bottom;}
.ul_nav li.active a{ color:#f50d86; }
.ul_nav li:nth-of-type(1){ background: none; }
.ul_nav a{ font-size: 18px; color:#6f7a80; display: inline-block; line-height: normal;}
.ul_nav a:hover{-webkit-animation:rubberBand 1s; animation:rubberBand 1s;-webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}
.ul_nav a:active{ opacity: 0.6;}
/* header */

.subNav{ height: 80px; line-height: 80px; background: #fff; overflow: hidden;}
.ul_snav li{ float:left; height: 76px; line-height: 84px; margin-right:48px; border-bottom: 4px solid #fff;}
.ul_snav a{ display: inline-block; line-height: normal; padding:0 2px; font-size: 18px; transition: transform 0.3s;}
.ul_snav a:hover{ transform: translateY(-3px);}
.ul_snav a:active{ opacity: 0.6;}
.ul_snav li.active{ border-bottom:4px solid #f50d86; }
.ul_snav li.active a{ color:#f50d86; }
.ul_snav li.active a:hover{ transform:none; }
/* subNav */

.footer{ background: #23262d; }
.footer ._container{padding:20px 0; border-bottom:1px solid #2f2f33;}
.f_links{ width:470px; float:left; height: 150px;}
.flinks a{ font-size: 14px; margin-right:50px; color:#9aa7ad; transition: 0.3s;}
.flinks a:hover{ color:#f50d86; text-decoration: underline;}
.flinks a:active{ opacity: 0.6; }
.f_links img{ margin:40px 0 20px; display: block;}
.f_links p{ font-size: 15px; color:#9aa7ad; line-height: 24px;}
.f_links p a{ color:#4582ca; display: inline-block; padding:0 4px;}
.f_links p a:hover{ text-decoration: underline; }
.f_contact{ width:308px; height: 150px; padding-left:40px; border-left:1px solid #373c46; border-right:1px solid #373c46; float:left;}
.f_contact h3{ height: 20px; line-height: 20px; font-size: 15px; color:#9aa7ad; margin-bottom: 15px;}
.f_contact p{ padding-left:28px; line-height: 28px; color:#9aa7ad; font-size: 13px;}
.f_contact p.phone{ background: url(../img/icon_phone.png) no-repeat left center;}
.f_contact p.email{ background: url(../img/icon_email.png) no-repeat left center;}
.f_addr{ width:270px; padding-left:40px; float:left;}
.f_addr h3{ height: 20px; line-height: 20px; padding-left:28px; font-size: 15px; color:#9aa7ad; margin-bottom: 15px;
background: url(../img/icon_addr.png) no-repeat left center;}
.f_addr p{ padding-left:28px; line-height: 28px; color:#9aa7ad; font-size: 13px;}
.copyright{ height: 68px; line-height: 68px; text-align: center; font-size: 13px; color:#9aa7ad;}
/* footer */

@-webkit-keyframes rubberBand {
    0%,100% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    30% {-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
    40% {-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
    50% {-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
    65% {-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
    75% {-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
}
@keyframes rubberBand {
    0%,100% {-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
    30% {-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}
    40% {-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}
    50% {-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}
    65% {-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}
    75% {-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}
}