@charset "utf-8";
/*顶部 -------------------------------------------------------------------------------*/
.header{ height:auto;}
.top h1.logo{ margin:0;}
.container{ background:#1c6196; height:50px;}
.menu {height: 50px;}
.menu li { text-align:center; min-width: 109px;}
.menu > li {
    display: block;
    float: left;
    position: relative;
}
.menu a {
    color: #fff;
    display: block;
    font-size: 15px;
    line-height: 50px;
    padding: 0 24px;
    text-decoration: none;
    text-transform: uppercase;
}
.menu a.hover {background:#004da0;}
.menu li:hover { background:#004da0;}
.menu li:hover > a {color: #c4dbf3;}
.submenu {
    left: 0;
    max-height: 0;
    position: absolute;
    top: 100%;
    z-index: 0;

    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}
.submenu li {
    opacity: 0;

    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);

    -webkit-transition: opacity .4s, -webkit-transform .5s;
    -moz-transition: opacity .4s, -moz-transform .5s;
    -ms-transition: opacity .4s, -ms-transform .5s;
    -o-transition: opacity .4s, -o-transform .5s;
    transition: opacity .4s, transform .5s;
}
.menu .submenu li:hover a {
    border-left: 3px solid #083260;
    border-radius: 0;background:#004da0;
    color: #ffffff;
}
.menu > li:hover .submenu, .menu > li:focus .submenu {
    max-height: 2000px;
    z-index: 10;
}
.menu > li:hover .submenu li, .menu > li:focus .submenu li {
    opacity: 1; background:url(../images/nav.jpg) repeat;

    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.menu li:hover .submenu li:nth-child(1) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
.menu li:hover .submenu li:nth-child(2) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.menu li:hover .submenu li:nth-child(3) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.menu li:hover .submenu li:nth-child(4) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.menu li:hover .submenu li:nth-child(5) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.menu li:hover .submenu li:nth-child(6) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.menu li:hover .submenu li:nth-child(7) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.menu li:hover .submenu li:nth-child(8) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}

.submenu li:nth-child(1) {
    -webkit-transition-delay: 350ms;
    -moz-transition-delay: 350ms;
    -ms-transition-delay: 350ms;
    -o-transition-delay: 350ms;
    transition-delay: 350ms;
}
.submenu li:nth-child(2) {
    -webkit-transition-delay: 300ms;
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    transition-delay: 300ms;
}
.submenu li:nth-child(3) {
    -webkit-transition-delay: 250ms;
    -moz-transition-delay: 250ms;
    -ms-transition-delay: 250ms;
    -o-transition-delay: 250ms;
    transition-delay: 250ms;
}
.submenu li:nth-child(4) {
    -webkit-transition-delay: 200ms;
    -moz-transition-delay: 200ms;
    -ms-transition-delay: 200ms;
    -o-transition-delay: 200ms;
    transition-delay: 200ms;
}
.submenu li:nth-child(5) {
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
}
.submenu li:nth-child(6) {
    -webkit-transition-delay: 100ms;
    -moz-transition-delay: 100ms;
    -ms-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}
.submenu li:nth-child(7) {
    -webkit-transition-delay: 50ms;
    -moz-transition-delay: 50ms;
    -ms-transition-delay: 50ms;
    -o-transition-delay: 50ms;
    transition-delay: 50ms;
}
.submenu li:nth-child(8) {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}
/*more效果*/
#servicelist a.more{ width:180px; height:45px; border-bottom:1px solid rgba(0, 0, 0, 0); border-top:1px solid rgba(0, 0, 0, 0); position:relative; border:0px; border-radius:0px; text-indent:-9999px; margin:0px auto; display:block;  }
 #servicelist a.more { margin-bottom:0px; }
 #servicelist a.more i,  #mnews a.more i,  #mservice a.more i  { width: 34px; height: 14px; display:block; background: url(../images/icon.png) no-repeat 0 -22px; position:absolute; top:50%; left:50%; margin-top:-7px; margin-left:-17px; z-index:3 }
 #servicelist a.more i.fa-angle-right:before,  #mnews a.more i.fa-angle-right:before,  #mservice a.more i.fa-angle-right:before { display:none; }
 #servicelist a.more:before,  #mnews a.more:before,  #mservice a.more:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 45px; z-index: 1; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-bottom:1px solid rgba(28,97, 150, .4); border-top:1px solid rgba(28,97, 150, .4); -webkit-transform: scale(0.1, 1); transform: scale(0.1, 1); display:block; }
 #servicelist a.more:after,  #mnews a.more:after,  #mservice a.more:after { content: ''; display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index:1; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s; -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.25, 0, 0.3, 1); background-color: rgba(28,97, 150, 1); opacity: 1; border-radius:4px; }
 #servicelist a.more:hover,  #mnews a.more:hover,  #mservice a.more:hover { background: transparent; border: inherit; }
 #servicelist a.more:hover::before,  #mnews a.more:hover::before,  #mservice a.more:hover::before {opacity: 1;-webkit-transform: scale(1, 1);transform: scale(1, 1);}
 #servicelist a.more:hover::after,  #mnews a.more:hover::after,  #mservice a.more:hover::after {webkit-transform: scale3d(0.7, 0.7, 1);transform: scale3d(0.7, 0.7, 1);opacity:0;}
 #servicelist a.more:hover i,  #mnews a.more:hover i,  #mservice a.more:hover i { background: url(../images/icon.png) no-repeat 0 -38px; }
/*关于*/
#mpage a.more {border: #19af92 1px solid;background: rgba(255,255,255,.0);display: block;line-height: 58px;transition: all ease-out .3s; margin-top:40px;  border-radius:0px; width:200px; height:45px; font-size:15px; font-family:"Times New Roman", Times, serif, '微软雅黑'; color:#999; line-height:46px; text-align: center; text-indent:inherit; border-radius:6px; color:#19af92; }
#mpage a.more i {width: 20px; height: 10px; display:block; position:absolute; top:50%; left:50%; margin-top:-3px; margin-left:27px; z-index:3 ; }
#mpage a.more:hover { background:#19af92; border:1px solid #fff;  text-indent: -15px; color:#fff;  }
#mpage a.more:hover i {   background: url(../images/icon.png) no-repeat -110px 0;}

#mpage1 a.more { background:#1c6196; border:1px solid #fff; display: block;line-height: 58px;transition: all ease-out .3s; margin-top:40px;  border-radius:0px; width:200px; height:45px; font-size:15px; font-family:"Times New Roman", Times, serif, '微软雅黑'; color:#fff; line-height:46px; text-align: center; text-indent:inherit; border-radius:6px;  }
#mpage1 a.more i {width: 20px; height: 10px; display:block; position:absolute; top:50%; left:50%; margin-top:-3px; margin-left:27px; z-index:3 ; }
#mpage1 a.more:hover {border: #1c6196 1px solid;background: rgba(255,255,255,.0);  text-indent: -15px;  color:#999; }
#mpage1 a.more:hover i {   background: url(../images/icon.png) no-repeat -110px 0;}