/*top*/
.top-main{ height:120px;position:relative; z-index:100; background:rgb(197, 225, 247);}
.top-main > .auto-inner{position:relative; z-index:50;margin-left: 100px;}

.top-tips,
.top-right,
.top-left{ position:absolute; z-index:10; color: #0e3567;}

.top-tips{ right:0; top:0; line-height:28px; padding:0 49px; text-align:center; background:#6ca035; color:#fff;}
.top-tips span{ display:block; background:url(../images/top/icon.png) no-repeat left center; padding-left:27px; letter-spacing:3px; font-size:12px;}

.top-left{ left:0; top:39px;}

.top-menu{ padding-top:63px;}
.top-menu ul{ display:table; margin:0 auto;}
.top-menu li{ float:left; padding:0 12px;}
.top-menu li a{ font-size:18px;font-family: KaiTi; font-weight: bold;}
.top-menu li a:hover{color:#ff6c00;border-bottom: 3px solid #ff6c00;}
.top-menu li > a{ border-bottom:3px solid transparent; display:block; padding-bottom:30px;color: #0e3567; font-family: KaiTi;font-weight: bold;}
.top-menu li .sub-menu{ display:none; position:absolute; left:0; width:100%; top:100%; z-index:100; background:#fff; padding:0px 0 25px 0;}
.top-menu li.aon > a{ color:#ff6c00;border-bottom-color:#ff6c00;}

.sub-menu dl{ display:table; overflow:hidden; margin:0 auto; }
.sub-menu dd{ float:left; padding:0 36px; text-align:center; transform:translateX(50px); -webkit-transform:translateX(50px);-ms-transform:translateX(50px);  filter:alpha(opacity=0);opacity: 0;-moz-opacity:0;-khtml-opacity: 0; transition:0.8s;}
.sub-menu dl.dl-show dd{ transform:translateX(0); -webkit-transform:translateX(0); -ms-transform:translateX(0); filter:alpha(opacity=100);opacity:1;-moz-opacity:1;-khtml-opacity: 1;}
.sub-menu dl dd:nth-child(1){transition-delay:0.3s;}
.sub-menu dl dd:nth-child(2){transition-delay:0.4s;}
.sub-menu dl dd:nth-child(3){transition-delay:0.5s;}
.sub-menu dl dd:nth-child(4){ transition-delay:0.6s;}
.sub-menu dl dd:nth-child(5){ transition-delay:0.7s;}
.sub-menu dl dd:nth-child(6){ transition-delay:0.8s;}
.sub-menu dl dd:nth-child(7){ transition-delay:0.9s;}
.sub-menu dl dd:nth-child(8){ transition-delay:1s;}
.sub-menu dl dd:nth-child(9){ transition-delay:1.1s;}
.sub-menu dl dd:nth-child(10){ transition-delay:1.2s;}
.sub-menu dl dd:nth-child(11){ transition-delay:1.3s;}
.sub-menu dl dd:nth-child(12){ transition-delay:1.4s;}
.sub-menu dl dd:nth-child(13){ transition-delay:1.5s;}
.sub-menu dl dd:nth-child(14){ transition-delay:1.6s;}
.sub-menu dl dd:nth-child(15){ transition-delay:1.7s;}
.sub-menu dl dd:nth-child(16){ transition-delay:1.8s;}
.sub-menu dl dd:nth-child(17){ transition-delay:1.9s;}
.sub-menu dl dd:nth-child(18){ transition-delay:2s;}
.sub-menu dl dd:nth-child(19){ transition-delay:2.1s;}
.sub-menu dl dd:nth-child(20){ transition-delay:2.2s;}
.sub-menu dl dd:nth-child(21){ transition-delay:2.3s;}
.sub-menu dl dd:nth-child(22){ transition-delay:2.4s;}
.sub-menu dl dd:nth-child(23){ transition-delay:2.5s;}
.sub-menu dl dd:nth-child(24){ transition-delay:2.6s;}
.sub-menu dl dd *{ transition:0.3s;}
.sub-menu dl dd.gray *{filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}
.sub-menu dl dd:hover aside{ color:#ff6c00;}
.sub-menu dl dd:hover figure img{ transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -ms-transform:rotateY(180deg);}
.sub-menu dd figure{ padding-bottom:15px;}
.sub-menu dd figure img{ width:90px; height:90px;}
.top-menu li#m8 .sub-menu{ padding-bottom:75px;}
.top-menu li#m8 .sub-menu dl{ max-width:1440px;}
.top-menu li#m8 .sub-menu dd{ padding:0 30px 45px;transition:0s;}
.top-menu li#m8 .sub-menu dd figure img{ width:60px; height:60px;}
.top-menu li#m8 .sub-menu dl dd:hover figure img{transform:rotateY(0); -webkit-transform:rotateY(0); -ms-transform:rotateY(0);}
.top-menu li#m7 .more{ text-align:center; padding-top:40px; }
.top-menu li#m7 .more a{display:inline-block;}

.top-right{ right:10px; top:62px;}
.open-search{ position:relative; background:url(../images/top/search.png) no-repeat; width:18px; height:18px; display:block;}
.open-search-on{ background:none;}
.open-search-on::after,
.open-search-on::before{ position:absolute; content:''; width:100%; left:0; height:3px; background:#ff6c00; top:50%; margin-top:-1.5px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg);}
.open-search-on:before{transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
.top-search{ display:none; position:absolute; right:100%; width:240px; margin-right:10px; top:50%; margin-top:-18px;}
.top-search .text{ padding:0 36px 0 10px; width:100%;height:36px; line-height:36px; border-radius:36px; border:1px solid #ccc; color:#999;}
.top-search .text.focus{ color:#333;}
.top-search .btn{ position:absolute; right:0; width:36px; height:36px; background:url(../images/top/search.png) no-repeat center center; top:0;}
@media(max-width:1600px){
.sub-menu dd{ padding:0 30px;}
}
@media(max-width:1440px){
.top-menu{ padding-left:230px;}
.sub-menu dd{ padding:0 20px;}
.top-menu li#m8 .sub-menu dd{ padding-left:25px; padding-right:25px;}
}