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


.box880_-7355 * { box-sizing: border-box; margin: 0; padding: 0; }
.box880_-7355 a { text-decoration: none; color: inherit; }
.box880_-7355 img { max-width: 100%; vertical-align: top; border: none; }
.box880_-7355 ul, li { list-style: none; }
.box880_-7355 { font: 14px/1.43 'Microsoft Yahei', Arial, sans-serif; z-index: 999; width: 100%; height: 100px; color: #333; }
.box880_-7355 .nav:after { display: block; visibility: hidden; clear: both; height: 0; color: ''; }
.box880_-7355 .nav > li { position: relative; float: left; }
.box880_-7355 .nav > li > a {
    position: relative;
    display: block;
    padding: 40px 27px;
    text-align: center;
    color: #f5f5f5;
    font-size: 16px;
}
.box880_-7355 .nav > li > a:hover, .box880_-7355 .nav > li > a:hover .subtitle, .box880_-7355 .nav .active, .box880_-7355 .nav .active .subtitle { color: #ace5c0; }
.box880_-7355 .nav > li > a:after { position: absolute; bottom: 9px; left: 50%; width: 70px; height: 3px; margin-left: -35px; content: ''; -webkit-transition: all ease .3s; transition: all ease .3s; -webkit-transform: scale(0, 1); transform: scale(0, 1); background: #ace5c0; }
.box880_-7355 .nav > li > a:hover:after, .box880_-7355 .nav .active:after { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.box880_-7355 .nav a span { display: block; }
.box880_-7355 .nav .title { font-weight: normal; }
.box880_-7355 .nav .subtitle { font-size: 9px; padding-top: 5px; text-transform: uppercase; color: #666; }
.box880_-7355 .subnav { position: absolute; top: 100px; left: 50%; visibility: hidden; width: 130px; margin-left: -65px; -webkit-transition: all ease .3s; transition: all ease .3s; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; background: rgba(255, 255, 255, .9); box-shadow: 0 3px 16px rgba(0, 0, 0, .1); }
.box880_-7355 .nav > li:hover .subnav { visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; }
.box880_-7355 .subnav li a {
    font-size: 14px;
    line-height: 3;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 20px 0 20px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
}
.box880_-7355 .subnav li a:hover { padding-left: 15px; color: #fff; background: #79b38d; }
.box880_-7355 .subnav li a:after { position: absolute; top: 50%; right: 10px; visibility: hidden; width: 5px; height: 10px; margin-top: -5px; content: ''; -webkit-transition: all ease .3s; transition: all ease .3s; background: url(/client/images/arrow-right.png) no-repeat center center / cover; }
.box880_-7355 .subnav li a:hover:after { right: 15px; visibility: visible; }