@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 {background-color:#fff; min-width:1500px; padding:0 5%; 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:25px;  }
.top .top1 .logo {position:absolute; left:50%; top:0;  transform:translate(-50%,0); margin-top:35px; }
.top .top1 .call { float:right; background-color:#4cbbf5; height:35px; line-height:32px; border-radius:18px; padding:0 15px; color:#fff; margin-top:37px; }
.top .top1 .call img {margin-right:5px; }

.top nav {min-width:1500px; padding:0 10%; height:60px; background-color:#003b8c; text-align:center; }
.top nav .member {width:25%; }
.top nav .member a {color:#fff; float:left;  line-height:60px; font-size:.9rem; margin-right:30px; position:relative; }
.top nav .member a.login {padding-left:15px; }
.top nav .member a.login:before {content:''; display:block; width:8px; height:11px; background:url('../img/ico_lock.png')no-repeat 0 0; position:absolute; left:0; top:24px; }
.top nav .member a.login:after {content:''; display:block; width:1px; height:12px; background-color:#fff; position:absolute; right:-16px; top:25px; }
.top nav > ul {display:inline-block; width:100%;}
.top nav > ul:after {clear:both; display:block; content:''; }
.top nav > ul > li {float:left; width:16.666%;display:inline-block; }
.top nav > ul > li > a{color:#fff;  line-height:60px;  height:60px; font-size:1.1rem; width:100%; display:inline-block; font-weight:600; }
.top nav > ul > li:hover > a {background-color:#fff; color:#111; border-top:2px solid #003b8c; }
.top nav > ul > li > ul{background-color:#fff; display:none; box-shadow:1px 1px 10px rgba(0,0,0,.18); }
.top nav > ul > li > ul > li {}
.top nav > ul > li > ul > li:hover a {color:#209be4; }
.top nav > ul > li > ul > li > a {color:#333; line-height:40px; height:40px; width:100%; display:inline-block; }


/*footer*/
#footer {width:100%; min-width:1500px; height:100px; padding:0 5%; background-color:#333; }
#footer:after {clear:both; display:block; content:''; }
#footer .f_logo {width:15%; float:left; margin-top:25px; }
#footer .f_logo a { }
#footer .f_logo a img {}
#footer .f_logo img {}
#footer .f_txt {width:70%; color:#999; font-size:.85rem; line-height:1.4rem; padding:17px 0;}
#footer .f_txt span {color:#777}







/**/

.needpopup-opened,.needpopup-opened body{overflow:hidden}.needpopup-opened.needpopup-scrolled,.needpopup-opened.needpopup-scrolled body{height:auto}.needpopup-opened.needpopup-scrolled body{position:fixed;width:100%}.needpopup_wrapper{position:fixed;z-index:999;top:0;left:0;visibility:hidden;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:40px 0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;opacity:0;background:#000;background:rgba(0,0,0,.8)}.needpopup-opened .needpopup_wrapper{visibility:visible;opacity:1}.needpopup-overflow .needpopup_wrapper{padding:10px}.needpopup{position:relative;z-index:9999;top:50%;left:50%;display:none;-webkit-box-sizing:border-box;box-sizing:border-box;width:900px;max-width:100%;margin-left:-450px;padding:30px;-webkit-transform:scale(.1,.1);-ms-transform:scale(.1,.1);transform:scale(.1,.1);opacity:0;background:#fff}.needpopup.opened{-webkit-transition:opacity .5s ease,-webkit-transform .5s ease;transition:opacity .5s ease,transform .5s ease;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);opacity:1}.needpopup.stacked{top:0!important;margin-top:0!important}.needpopup-overflow .needpopup{left:0;width:auto;margin-left:0}.needpopup_remover{position:fixed;z-index:9999;top:30px;right:30px;font-size:40px;line-height:.5;color:#fff;text-decoration:none}.needpopup_remover:hover{color:#ccc}.needpopup_remover:before{content:'×'}.needpopup .needpopup_remover{top:10px;right:10px;position:absolute; font-size:30px; font-weight:800; color:#111;  }.needpopup .needpopup_remover:hover{color:#ccc}