@charset "UTF-8";

html {width:100%; height:100%;  }
body {width:100%; min-width:1500px; height:100%; margin:0; position:relative; }

/*top*/
.top {width:100%; position:absolute; left:0; top:0; z-index:99999999999999;}
.top .top1 {width:1700px; display:block; margin:0 auto; text-align:center; height:110px;  }
.top .top1:after {clear:both; display:block; content:''; }
.top .top1 a {}
.top .top1 a img {vertical-align:middle; }
.top .top1 .logo_navy {float:left; margin-top:40px; width:270px; }
.top .top1 .logo_navy img {width:100%; }
.top .top1 .logo {position:absolute; left:50%; top:0;  transform:translate(-50%,0); margin-top:35px;}
.top .top1 .call { float:right; height:35px; line-height:35px; color:#a9aeb6; margin-top:37px; transition:.2s all; background-color:rgba(255,255,255,.5); border-radius:18px; padding:0 10px;}
.top .top1 .call:hover {color:#132f6e;  }
.top .top1 .call img {margin-right:5px; margin-top:-3px;}

.top nav {max-width:1700px; height:60px; background-color:#0f3170; margin:0 auto; text-align:center; }
.top nav > ul {display:block; width:1700px; margin:0 auto; }
.top nav > ul:after {clear:both; display:block; content:''; }
.top nav > ul > li {float:left; width:20%;display:inline-block; }
.top nav > ul > li > a{color:#fff;  line-height:60px;  height:60px; font-size:1.2rem; width:100%; display:inline-block; font-weight:600; transition:.2s all; }
.top nav > ul > li:hover > a {background-color:#45c7f2; color:#fff; }
.top nav > ul > li > ul{background-color:#fff; display:none; width:100%; margin:0 auto; box-shadow:1px 1px 5px rgba(0,0,0,.05); overflow:hidden; }
.top nav > ul > li > ul > li {}
.top nav > ul > li > ul > li:hover a {color:#45c7f2;  }
.top nav > ul > li > ul > li > a {color:#555; line-height:50px; width:100%; display:inline-block; }


/*footer*/
#footer {width:100%; min-width:1700px; background-color:#eee; border-top:1px solid #ddd;}
#footer:after {clear:both; display:block; content:''; }
#footer .footer_wrap {max-width:1700px; margin:0 auto; display:block; }
#footer .footer_wrap .f_logo {width:15%; float:left; margin-top:40px; margin-right:50px; }
#footer .footer_wrap .f_logo a {width:100%; display:inline-block; }
#footer .footer_wrap .f_logo a img {width:100%; opacity:.5; }
#footer .footer_wrap .f_logo img {}
#footer .footer_wrap .f_txt {width:100%; color:#777; text-align:center; font-size:.95rem; line-height:1.6rem; padding:17px 0;}
#footer .footer_wrap .f_txt span {color:#aaa; font-size:.95rem;}