ul,li{ list-style:none;}
#header{width:100%;}

#header .nav{width:100%;position:relative;}
#header .nav ul{display: -webkit-flex; display: flex;flex-flow:row nowrap;justify-content:space-between;align-items:center; width:100%;}
#header .nav ul .mainlevel{position:relativ; flex:0 0 14.2%; width:14.2%; text-align:center;}

#header .nav ul li .nav-a{height:40px;line-height:40px;display:inline-block;  width:100%;}
#header .nav ul li .nav-a:hover{ }


.mainlevel div{position:absolute;display:none;top:40px;}
#sub_01{right:0px}
#sub_02{right:0px}
#sub_03{right:0px}
#sub_04{right:0px}
#sub_05{right:0px}
#sub_06{right:0px}
#sub_07{right:0px}
#sub_08{right:0px}
.mainlevel div ol{overflow:hidden;float:left;display:block; text-align:center; }
.mainlevel div li{width:100%; text-align:center; }
.mainlevel div li a{display:block; text-align:center; line-height:30px; padding:0; width:180px;text-align:center;font-size:15px; }
.mainlevel div li a:hover{ background:#e0e9fc; border-radius:5px; color:#1c5b90}
.mainlevel div .nav-img{float:right;display:inline-block; margin-left:10px;}
.mainlevel div span img{border:#ffffff 3px solid; width:360px; height:130px;}
#sub_01,#sub_02,#sub_03,#sub_04,#sub_05,#sub_06,#sub_07,#sub_08{ background:#f9faff; width:595px; padding:15px;}
.logo2{ display:none;}


@media (min-width:320px) and (max-width: 1024px) {

.logo_img{ height:36px; width:36px;}
.logo_img img{ height:36px; width:36px;}
.header {height: 60px; background:#f5f5f5;}

.db_logo{  flex: 0 0 100%; width:100%;}
.db_nav{ display:none;}
.logo_text h1 {width:100%;
    font-size: 12px;
    font-weight: normal;
}

.logo_text h2 { width:100%;
    letter-spacing: 0px;
    font-weight: normal;
    line-height:16px;transform: scale(0.5); white-space:nowrap; text-align:left; display:none;
}
.logo2{ display:block; width:100%;}
.logo2 img{ width:100%;}

.db_logo .db_imgtm{ display:none;}

}