﻿/*nav start*/
input:focus{outline: none;box-shadow:0;}
.reposition{position:relative;}
.full-office-navblank{width:100%;height:80px;}
.full-office-nav{position:fixed;top:35px;left:0;z-index:99;width:100%;background-color:#fff;height:80px;border-bottom:1px solid #E8E8E8;}
.office-nav-fixed{top:0;box-shadow: 0 10px 15px 0 rgba(0,0,0,0.10), inset 0 -1px 0 0 #E8E8E8;height:60px;transition: top .3s;-webkit-transition: top .3s;-moz-transition: top .3s;-ms-transition: top .3s; -o-transition: top .3s;}
.offices-nav-left{float:left;width:103px;height:46px;*display:inline;margin:17px 0 0 0;}
.offices-nav-left img{width:100%;height:100%;}
.offices-nav-middle{position:relative;float:left;max-width:712px;}
.offices-nav-middle .offices-nav-span{position:absolute;bottom:20px;left:0;z-index:10;width:32px;height:2px;background-color:#1184E1;border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;}
.offices-nav-middle li{float:left;height:79px;margin:0 38px 0 0;line-height:79px;}
.offices-nav-middle li a{position:relative;display:block;font-size:16px;color:#323232;font-weight:bold;}
.offices-nav-middle li a:hover,
.offices-nav-middle li.current a{color:#1184e1;}
.offices-nav-middle li .iconfont{position:absolute;z-index:9;font-weight:normal;}
.offices-nav-middle .complain-i{top:28px;padding-left:3px;font-size:10px;color: #53d08e;line-height:10px;}
.offices-nav-middle .apploader-i{top:22px;padding-left:4px;font-size:18px;line-height:36px;color:#ff643c;}
.offices-nav-right{float:right;*display:inline;margin:22px 0  0 0;}
.offices-nav-right .basic-form-group{position:relative;height:36px;border:1px solid #E8E8E8;overflow:visible;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;}
.no-focus-nav{cursor:pointer;width:255px;}
.offices-select-nav{display:none;position:absolute;top:0;left:0;z-index:333;width:66px;border:0;border-right:1px solid #e8e8e8;height:34px;background-color:#fff;line-height:34px;border-top-left-radius:4px;border-bottom-left-radius:4px;}
.offices-select-nav .offices-select-togglenew{height:34px;text-indent:12px;position:relative;}
.offices-select-nav .i-select{position:absolute;right:9px;top:15px;z-index:999;width:6px;height:5px;}
.offices-select-nav .offices-select-list {display:none;border:1px solid #e8e8e8;width:66px;background-color:#fff;height:96px;}
.offices-select-nav .offices-select-list  li{float:left;width:100%;height:32px;line-height:32px;text-indent:12px;}
.offices-select-nav .offices-select-list  li:hover{background-color:#f6f6f6;color:#329EF5;}
.offices-select-nav .offices-select-list .had-selected{color:#999;}
.offices-select-nav:hover{border:0;border-right:1px solid #e8e8e8;}
.has-focus-nav  .offices-select-nav{display:block;}
.has-focus-nav{width:500px;}
.basic-input .input-notice{position:absolute;top:6px;left:10px;height:20px;font-size:12px;line-height:20px;color:#a8a8a8;text-indent:0;}
.offices-nav-right .basic-input{height:36px;overflow:hidden;position:static;width:auto;}
.offices-nav-right .form-control{padding:7px 28px 7px 8px;font-size:14px;line-height:20px;height:34px;}
.offices-nav-right .input-notice{top:7px;left:8px;font-size:14px;transition: left 1s;-webkit-transition: left 1s;-moz-transition: left 1s;-ms-transition: left 1s;-o-transition: left 1s;}
.offices-nav-right .basic-text-default{border:0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;background-color:#fff;cursor:pointer}
.has-focus-nav .input-notice{left:76px;left:8px;}
.has-focus-nav .form-control{/*padding-left:68px;*/}
.nav-search-i{position:absolute;top:4px;right:7px;z-index:4;width:20px;height:20px;font-size:19px;color:#1184E1;;cursor:pointer;}
.has-selected{color:#323232;line-height:34px;font-size:14px;}
.i-rotate{transform:rotate(180deg);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);
-o-transform:rotate(180deg);transition: all .2s;-webkit-transition: all .2s;-moz-transition: all .2s;-ms-transition: all .2s;-o-transition: all .2s; }
.b-radius4{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;}
.offices-types-box{position:relative;float:left;*display:inline;margin:28px 40px 0 25px;}
.offices-types-nav{position:relative;z-index:999;background-color:#fff;border:1px solid #E8E8E8;padding:5px 0 5px 8px;font-size:12px;color:#666;line-height:12px;cursor:pointer;}
.offices-types-nav.border-bt0{border-bottom:1px solid #fff;border-right:1px solid #fff;padding-bottom:7px;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.office-types-i{display:inline-block;*display:inline;width:7px;height:4px;margin:0 10px 0 4px;}
.offices-types-left{display:none;position:absolute;top:22px;left:0;z-index:99;width:198px;border:1px solid #E8E8E8;background-color:#fff;}
.border-r-radius{border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;}
.border-l-radius{border-top-left-radius:0;}
.border-right0{border-right:0;}
.offices-types-left h3{font-size:14px;color:#323232;line-height:20px;}
.offices-types-left li{padding:0 0 16px 15px;}
.offices-types-left li:first-child{padding-top:20px;*padding-top:expression(this.previousSibling==null?"20px":"0");}
.offices-a-box{margin-top:8px;}
.offices-a-box a{font-size:12px;color:#666;line-height:17px;margin-left:10px;}
.offices-a-box a:first-child{margin-left:0;*margin-left:expression(this.previousSibling==null?"0":"10px");}
.offices-a-box a:hover{color: #1184E1;}
.offices-types-right dl{display:none;padding-bottom:16px;position:absolute;top:22px;left:198px;z-index:99;width:517px;border:1px solid #E8E8E8;background-color:#fff;min-height:470px;border-radius:0 2px 2px 0;max-height: 600px;overflow-y: auto;}
.offices-types-right dd{padding-top:2px;margin-top:16px;overflow:hidden;*zoom:1;}
.offices-types-right a{font-size:12px;color:#999;line-height:22px;}
.offices-types-right a:hover{color: #1184E1;}
.offices-types-right .offices-types-dt{float:left;width:100px;*display:inline;margin-top:4px;padding-left:19px;line-height:15px;color:#323232;}
.offices-types-dd{float:left;width:390px;}
.offices-types-dd a{margin-right:10px;word-break:break-all;}
.office-types-blank{display:none;width:20px;height:22px;position:absolute;top:29px;left:206px;z-index:9999;border:1px solid #E8E8E8;border-top:0;border-right:0;border-bottom-left-radius:2px;}
.office-nav-fixed .offices-nav-middle li{height:60px;line-height:60px;}
.office-nav-fixed .offices-nav-left{margin:11px 0 0 0;width:86px;height:38px;}
.office-nav-fixed .offices-types-box{margin-top:18px;}
.office-nav-fixed .offices-nav-span{bottom:14px;}
.office-nav-fixed  .complain-i{top:18px;}
.office-nav-fixed .apploader-i{top:12px;}
.office-nav-fixed .offices-nav-right{margin:12px 0 0 0;}
.office-nav-fixed .office-types-blank{top:19px;left:189px;}
/*nav end*/

.full-office-navblank{display:none;height:60px}.full-office-nav{position:inherit;z-index:99;width:100%;background-color:#fff;height:80px;border-bottom:1px solid #E8E8E8}.office-nav-fixed{position:fixed;top:0;box-shadow:0 10px 15px 0 rgba(0,0,0,.1),inset 0 -1px 0 0 #E8E8E8;height:60px;transition:top 0s;-webkit-transition:top 0s;-moz-transition:top 0s;-ms-transition:top 0s;-o-transition:top 0s}
.offices-nav-span{display:none;}

.offices-nav-middle { overflow: visible; }
.offices-nav-middle .xgk-drop-down-container { margin-right: 0; }
.offices-nav-middle .xgk-drop-down-menu a{font-weight: normal;}
.xgk-drop-down-container { position: relative; }

.offices-nav-middle .xgk-drop-down-container .iconfont { margin-left: 2px; position: static; font-size: 12px; color: #262626; }
.offices-nav-middle .xgk-drop-down-container > a:hover .iconfont { color: #1184e1; }
.xgk-drop-down-container .xgk-drop-down-menu { width: 84px; min-height: 110px; padding: 7px 0; position: absolute; top: 55px; left: -14px; z-index: 10; display: none; -moz-border-radius: 4px; border-radius: 4px; background: #fff; -webkit-box-shadow: 0 0 4px 0 rgba(38, 38, 38, .20); -moz-box-shadow: 0 0 4px 0 rgba(38, 38, 38, .20); box-shadow: 0 0 4px 0 rgba(38, 38, 38, .20); }
.xgk-drop-down-container .xgk-drop-down-menu > a { height: 32px; font-size: 12px; line-height: 32px; text-align: center; letter-spacing: 0; color: #262626; background: #fff; }
.xgk-drop-down-container .xgk-drop-down-menu > a:hover { color: #595959; background: #f1f8ff; }
.xgk-drop-down-container .xgk-drop-down-menu > a:active { color: #1184e1; background: #f1f8ff; }

/* nav-dropdown */
.office-nav-dropdown { position: relative; }
.office-nav-dropdown .top-tell { width: 11px; margin-left: 8px; transform: translateY(-2px); }
.office-nav-dropdown-child { display: none; position: absolute; top: 79px; left: -196px; z-index: 11; width: 560px; height: 276px; padding: 16px; background: #fff; font-weight: normal; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06), inset 0 1px 0 0 #F5F6F7; -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.06), inset 0 1px 0 0 #F5F6F7; border-radius: 0 0 2px 2px; -moz-border-radius: 0 0 2px 2px; }
.office-nav-dropdown-child.w257 { width: 257px; }
.office-nav-dropdown-child .child-toggle { height: 16px; position: absolute; top: -8px; left: 0; width: 248px; }
.office-nav-dropdown-child .tnav-child-left { width: 116px; height: 116px; margin-right: 12px; }
.office-nav-dropdown-child .tnav-child-left img { width: 116px; height: 116px; }
.office-nav-dropdown-child .tnav-child-right { text-align: left; }
.office-nav-dropdown-child .tnav-child-right .title { margin: 24px 0 16px; font-size: 14px; color: #1A8CFF; line-height: 1; }
.office-nav-dropdown-child .tnav-child-right .subtitle { font-size: 12px; color: #ABABAB; line-height: 18px; }