@charset "utf-8";

#header{z-index:500;width:100%;height:100px;top:0;left:0;-webkit-transition:height 300ms,top 290ms,box-shadow 400ms;transition:height 300ms,top 290ms,box-shadow 400ms; }
.header_wrap{height:100%;margin:0 auto;padding-left:2%;padding-right:2%;position:relative;}
.header_wrap:before{content:'';display:block;position:absolute;left:0;right:0;bottom:0;top:0;-webkit-transition:all 300ms;transition:all 300ms;box-shadow:0px 0px 5px rgba(65,66,72,.15);border-bottom:1px solid rgba(255,255,255,0.1)}
.header_inner{width:100%;height:100%;position:relative;}

#header1{z-index:500;width:100%;height:100px;top:0;left:0;-webkit-transition:height 300ms,top 290ms,box-shadow 400ms;transition:height 300ms,top 290ms,box-shadow 400ms; }

.navbg.nav01,.navbg:hover {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #fff;
    margin: 0;
}
.navbg.nav01 .header_wrap:before,.navbg:hover .header_wrap:before{border-bottom:1px solid rgba(0,0,0,0.1)}


#logo{max-width:21%; float:left}
#logo a{display: table-cell;width: 100%;height: 100px;vertical-align: middle;}
#logo a img{width:100%;display: inline-block;}
#logo a img.logo_1{display:none}

.dian{display: inline-block;line-height: 100px;height: 100%;position: relative;margin-left: 30px; float:left}
.dian img{margin-right: 5px;}
.dian span {color: #fff;font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 20px;}
.dian i{font-style: normal; font-size:14px; color:#fff}

.dian img.p2,.dian img.m,.dian img.m2{ display:none}
.navbg.nav01 .dian img.p,.navbg:hover .dian img.p{ display:none}
.navbg.nav01 .dian img.p2,.navbg:hover .dian img.p2{ display:inline-block}
.navbg.nav01 .dian i,.navbg:hover .dian i{ color:#333}
.navbg.nav01 .dian span,.navbg:hover .dian span{ color:#1c4f8e}

.menu_container{display:block;position:relative;font-size:0;line-height:1;text-align:center;z-index:99}
#menu{display:inline-block;vertical-align:top}
#menu:after{content:'';display:table;clear:both}
#menu a{display:block;line-height:1.7;-webkit-transition:all 0.3s;transition:all 0.3s}
#menu>li{display:inline-block;vertical-align:top;position:relative}
#menu>li>a{padding:40px 34px;font-size:16px;font-weight:600;color:#222}
#menu>li:hover>a,#menu>li.current-page-ancestor>a{color:#22478e}
#menu>li>ul{display:none;width:100%;position:absolute;left:0;border-right:1px solid rgba(237,239,241,.05)}
#menu>li:last-child ul{border-right:0}
#menu>li>ul>li{display:block}
#menu>li>ul>li>a{padding:6.5px 15px;font-size:15px;font-weight:400;text-align:center;color:#888}
#menu>li>ul>li:first-child>a{padding-top:24.5px}
#menu>li>ul>li:last-child>a{padding-bottom:36.5px}
#menu>li>ul>li:hover>a,#menu>li>ul>li.current-menu-item>a,#menu>li>ul>li.current-page-ancestor>a{color:#fff}
.lang_container{display:block;position:absolute;top:0px;right:0px;z-index:551;-webkit-transition:top 300ms;transition:top 300ms}
.lang_menu{display:block}
.lang_menu li{float:left;margin-top:38px;-webkit-transition:all 300ms;transition:all 300ms}
.lang_menu li img{ cursor:pointer}
/*.lang_menu li:nth-child(2){margin-left:16px;}*/
.lang_menu li:frist-child{margin-right:16px;}

.lang_menu li .bbock{ display:block}
.lang_menu li .bnone{ display:none}
.navbg.nav01 .lang_menu li .bbock,.navbg:hover .lang_menu li .bbock{ display:none}
.navbg.nav01 .lang_menu li .bnone,.navbg:hover .lang_menu li .bnone{ display:block}

.search_container{position:absolute;top:38px;right:50px;z-index:551;-webkit-transition:top 300ms;transition:top 300ms}
.search_btn{display:block;width:20px;height:20px;position:relative;font-size:0}
.search_btn:after{display:block;width:100%;height:100%;position:absolute;top:0;left:0;font-family:'jt-font';content:'\e932';font-size:20px;line-height:1;font-weight:normal;text-align:center;color:#000;-webkit-transition:color 300ms;transition:color 300ms}
.search_btn:hover:after{color:#22478e}
#small_menu_btn,#small_menu_close,#small_menu_overlay,#small_menu_container{display:none}
.minimize#header{height:74px;top:0;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.minimize .header_wrap:before{left:0;right:0}
.minimize #logo{top:10px;}
.minimize #menu>li>a{padding:22.5px 32.5px}
.minimize .menu_container_bg{top:75px}
.minimize .search_container{top:27.5px}
.single-notice #menu>li.menu-item-promote>a,.single-career #menu>li.menu-item-career>a,.single-inquiry #menu>li.menu-item-career>a{color:#1c9ad6}
.single-notice #menu>li>ul>li.menu-item-news>a,.single-career #menu>li>ul>li.menu-item-employment>a,.single-inquiry #menu>li>ul>li.menu-item-career-inquiry>a{color:#fff}
body.search_open #header,body.open_menu #header{-webkit-transform:none !important;-ms-transform:none !important;transform:none !important}





@media (max-width:1280px){

.dian img.p,.dian img.p2,.dian img.m2{display: none;}
.dian img.m {display: inline-block;margin-top: -8px;}


.navbg.nav01 .dian img.p2,.navbg:hover .dian img.p2,.navbg.nav01 .dian img.m,.navbg:hover .dian img.m{display:none}
.navbg.nav01 .dian img.m2,.navbg:hover .dian img.m2 {display: inline-block;margin-top: -8px;}

.dian .txt{display: none;}
.dian{
    display:inline-block; float:right;line-height:100px
}
}
@media (max-width:1100px){
	#logo{max-width:25%}
	.nav li.m { padding: 0px 4px !important; margin: 0px 4px !important;}
	}
@media (max-width:1000px){
#header{top:0;height:60px}
#header1{top:0;height:60px}
.navbg{ background:#fff}
.nav{display:none}
#logo a {height: 60px;}
#logo a img {
    max-width: 100%;
    display: inline-block;
    max-height: 46px;
}
.lang_menu li{margin-top: 18px;}
.dian{line-height:60px;margin-right: 5px;}
.dian span{ color:#1c4f8e}
.dian img.m2{display: inline-block; margin-top:-8px}
.dian .lang_menu li .bnone,.dian .lang_menu li .bnone{display:block;}
.dian img.m,.lang_menu li .bbock{ display:none}
.lang_menu li .bnone{display:block}
}
@media (max-width:768px){
#logo{max-width:29%; margin-left:2%}
.dian img.m{ width:22px}
}
@media (max-width:600px){
#logo{max-width:33%}
.dian img.m{ width:20px}
}
@media (max-width:500px){
#logo{max-width:42%}
.dian img.m{ width:17px; margin-right:0}
.dian span{font-size: 14px;}
.dian img.m2{width: 14px; margin-right:0}
}