.fd-link{text-align:center;position:relative;}
.fd-link dl{display:inline-block;margin:0 25px;}
.fd-link dt{font-size:16px;color:#fff;line-height:30px;cursor:pointer;padding:22px 0 16px;position:relative;}
.fd-link dt:after{content:'';width:17px;height:9px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute;left:50%;top:-9px;z-index:3;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
.fd-link dl:hover dt:after,.fd-link dl.on dt:after{background-image:url(images/i-p1.png);}
.fd-link dt em{display:inline-block;vertical-align:middle;width:20px;height:20px;margin-top:-2px;margin-right:10px;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;}
.fd-link dt i{display:inline-block;vertical-align:middle;width:20px;height:20px;background:url(images/i-down.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin-left:5px;margin-top:-2px;}
.fd-link dl.on dt i{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.fd-link dd{position:absolute;bottom:100%;left:50%;z-index:99999999;width:800px;background-color:rgba(255,255,255,.9);box-shadow:0 0 10px rgba(0,0,0,.2);padding:25px 20px 28px 54px;border-top:2px solid rgba(2,70,143,.9);display:none;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
@-webkit-keyframes panel_tab-in-animation_SeD18{from{opacity:0.2;-webkit-transform:scale(0.3) translateX(-50%);transform:scale(0.3) translateX(-50%);-webkit-transform-origin:center top;transform-origin:center top;}to{opacity:1;-webkit-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%);-webkit-transform-origin:center top;transform-origin:center top;}} 
@keyframes panel_tab-in-animation_SeD18{from{opacity:0.2;-webkit-transform:scale(0.3) translateX(-50%);transform:scale(0.3) translateX(-50%);-webkit-transform-origin:center top;transform-origin:center top;}to{opacity:1;-webkit-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%);-webkit-transform-origin:center top;transform-origin:center top;}}
.fd-link dd .down{overflow:hidden;}
.fd-link dd .down a{color:#000;}
.fd-link dd .down::-webkit-scrollbar{width:9px;background:0 0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.fd-link dd .down::-webkit-scrollbar-track{background:0 0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.fd-link dd .down::-webkit-scrollbar-thumb{background:#c9c9c9;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.fd-link dd a{float:left;width:33.33%;line-height:34px;display:block;font-size:14px;color:#343434;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.fd-link dd a:hover{color:#06c;}


@media screen and (max-width:1600px){
.fd-link dl{margin:0 5px;}
    
}
@media screen and (max-width:1400px){
.fd-link dd{width:640px;background-color:rgba(255,255,255,.97);}
    
}

@media screen and (max-width:1024px){
    .fd-link dd{width:100%;background-color:rgba(255,255,255,.97);}
}

@media screen and (max-width:800px){
.fd-link dl{margin:0 10px;}
    
}

@media screen and (max-width:600px){
.fd-link dl{margin: 0 0px;width: 48%;}
    .fd-link dd a{
    width: 49% !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
    
}
