@charset "utf-8";
.r{top:0;left:0;font-size:0;width: 0;height: 0}
.menu{background-color:#FFFFFF;padding:5px 20px;margin:15px 5px;font-size:16px;font-weight:bold;line-height:40px;border-radius:5px;}
.menu .b{color:#3bcbea}
.menu .b2{color:#162f6f}

.menu:hover,.menu2{background-color:#123269;padding:5px 20px;margin:15px 5px;font-size:16px;font-weight:bold;line-height:40px;border-radius:5px;}

.menu:hover .b,.menu2 .b{color:#ffffff}
.menu:hover .b2,.menu2 .b2{color:#ffffff}



.menu-top,.navbg{background-position:center top;}
.nav>li>a,.navbg{text-align:center}
.aubox{float:left;margin:0}
.navbg{width:100%;height:80px;z-index:1000;position:fixed;top:0;background-color:#FFFFFF;box-shadow:0 0 2px 2px rgba(0,0,0,.1);}
.navwidth{width:98%;margin:auto;height:80px}


.navwidth>ul{width:688px;float:right;}

.nav{list-style:none;}
.nav>li{float:left}
.nav>li>a{text-decoration:none;}
.nav>li,.nav>li>a{position:relative;display:block;}
.nav2,.nav>li>a:focus,.nav>li>a:hover{-moz-transition:.6s;-webkit-transition:.6s;text-decoration:none;box-shadow:0 0 2px 2px rgba(0,0,0,.1);}



.dropdown-menu{position:absolute;display:none;z-index:99999;padding:0;font-weight:400;font-size:16px;white-space:nowrap;line-height:25px;}
.open>.dropdown-menu,.renewal{display:block}
.dropdown-menu>li>a{width:220px;margin:2px 0 2px -9%;display:block;padding:10px 15px;color:#3e3e3e;border:1px solid #3e3e3e;background-color:#FFF;text-decoration:none;text-align:center;font-weight:bold;border-radius:5px;}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{color:#FFF;font-weight:400;background-color:#123269;border:1px solid #123269;box-shadow:0 0 2px 2px rgba(0,0,0,.1);}


.renewal{width:369px;height:60px;margin:10px 0 0 0;float:left;font-size:0;color:#f1f0e9;line-height:0;background-size:100% auto;background-image:url("../img/pecl.webp");background-repeat:no-repeat}








@media screen and (max-width:1367px){
.navwidth>ul{width:550px;float:right}	
.renewal{width:308px;height:50px;margin:15px 0 0 10px}		
	
	
}
@media screen and (max-width:1178px){	
.renewal{width:246px;height:40px;margin:15px 0 0 10px}	
.navwidth>ul{width:540px;float:right}
	
.menu{padding:3px 15px;margin:10px 5px;}
.menu:hover,.menu2{padding:3px 15px;margin:10px 5px;}
.navbg{height:70px;}
.navwidth{height:70px}

}

@media screen and (max-width:1035px){
.navwidth>ul{width:500px;float:right}	
	
}

@media screen and (max-width:830px){
.menu{padding:3px 8px;margin:10px 3px;}
.menu:hover,.menu2{padding:3px 8px;margin:10px 3px;}
.navwidth>ul{width:450px;float:right}	
}

@media screen and (max-width:757px){
.renewal{width:100%;height:50px;margin:0 auto;padding-bottom:10px;background-size:246px 40px;background-position:center 10px; border-bottom: solid 1px #BDC5CD;}	
.navbg{height:107px;text-align:center}
.navwidth{width:100%;height:107px}
	
	
.navwidth>ul{width:100%;float:none;margin:0 auto;}	
.navbar-nav>li{width:33%;border-left: solid 1px #BDC5CD;}	
.menu{padding:3px;margin:0;border-radius:0;}
.menu:hover,.menu2{padding:3px;margin:0;border-radius:0;}
.dropdown-menu>li>a{display:block;border-radius:0;}		
	
}


@media screen and (max-width:541px){
.renewal{width:100%;height:50px;margin:0 auto;padding-bottom:10px;background-size:246px 40px;background-position:center 10px; border-bottom: solid 1px #BDC5CD;}	
.navbg{text-align:center}	
.dropdown-menu,.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{font-size:18px;}	
.dropdown-menu>li>a{font-size:18px;width:240px;margin:2px 0 ;}		
.menu .b,.menu:hover .b,.menu2 .b{color:#3bcbea;font-size:0;width:0;height:0;line-height:0}

.menu,.menu:hover,.menu2{font-size:18px;}
}
@media screen and (max-width:361px){	
}