@charset "utf-8";
/**Base Reset**/
* {margin: 0; padding: 0;}
html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-y: scroll; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
:focus {outline: 0;}
img {border: 0;}
a img {vertical-align: middle;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
.clear {width: 100%; height: 0; line-height: 0; font-size: 0; overflow: hidden; clear: both; display: block; _display: inline;}
.none {display: none;}
.hidden {visibility: hidden;}
.clearfix:after {clear: both; content: ""; display: block; height: 0; visibility: hidden;}
.clearfix {display: block; *zoom:1;}
body, p {font: 14px/1 Helvetica, STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Tohoma, Arial; color: #333; font-family: "Microsoft YaHei";}
body {background-color: #fff;}
a {text-decoration: none; color: #333; transition: all 0.4s ease-in-out;}
a:hover {text-decoration: none; color: #0071ae;}
.wrapper {width: 100%;}
.wrapper .inner {max-width: 1200px; margin: 0 auto;}
::-webkit-scrollbar {width: 6px; height: 6px; background-color: #F5F5F5;}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px; background-color: #FFF;}
::-webkit-scrollbar-thumb {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #AAA;}
::-webkit-input-placeholder {color: #8a8a8a;}
:-moz-placeholder {color: #8a8a8a;}
::-moz-placeholder {color: #8a8a8a;}
:-ms-input-placeholder {color: #8a8a8a;}
body,p{font: 14px/1.6 "Helvetica Neue", Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, Microsoft Yahei, sans-serif;}
.jumbotron .inner {max-width: 1920px; width: 100%;}
.fcous-panel {width: 100%; margin: 0 auto;}
.focus.focus-box {max-width: 100%; overflow: hidden;}

.header {position: absolute; top: 0; z-index: 9999; border-bottom: 1px solid #c85f58;}
.header .inner {padding: 15px 0;}
.top-nav-panel {float: right;}
.top-nav-panel .menu .menu-item {float: left; display: inline-block;}
.top-nav-panel .menu .menu-item a.menu-link {display: inline-block; padding: 0 12px; height: 25px; line-height: 25px; color: #fff; font-size: 13px; background: url(../images/shu.png) left center no-repeat;}
.top-nav-panel .menu .menu-item.i1 a.menu-link {background: none;}
.top-nav-panel .menu .menu-item a.menu-link:hover {color: #f8e4d8;}

.container {position: absolute; top: 56px; z-index: 9999;}
.logo-panel {float: left; margin-top: 30px;}
.logo-window {padding: 6px 0;}
.logo-window img {vertical-align: middle;}

.main-nav-panel {float: right; margin-top: 43px;}
.main-nav-panel .menu {margin: 0 auto;}
.main-nav-panel .menu .menu-item {display: inline-block; float: left; position: relative; z-index: 100;}
.main-nav-panel .menu .menu-item a.menu-link {display: inline-block; padding: 0 20px; height: 36px; line-height: 36px; color: #fff; font-size: 18px;}
.main-nav-panel .menu .menu-item a.menu-link:hover {text-decoration: none; color: #f8e4d8;}

.content-wrap {clear: both; margin-top: 136px; position: relative;}
.mod-search {margin-bottom: 47px;}
.wp-search {position: relative; width: 60.92%; margin: 0 auto; background: url(../images/ssbg.png) repeat; padding: 5px; border-radius: 5px;}
.wp-search form {display: block;}
.wp-search .search-input {margin-right: 16.87%;}
.wp-search .search-input input.search-title {width: 100%; height: 70px; line-height: 70px; border: 0; outline: 0; background: #fff; color: #8a8a8a; font-size: 18px; text-indent: 15px;}
.wp-search .search-btn {width: 16.87%; height: 70px; position: absolute; right: 5px; top: 5px;}
.wp-search .search-btn input.search-submit {width: 100%; height: 70px; border: 0; outline: 0; background: #c83a34; cursor: pointer; color: #fff; font-size: 18px;}

.mod-retrieval {z-index: 9999; position: relative;}
.mod-con.mbox {max-width: 1155px; margin: 0 auto; background: url(../images/yjjx.png) repeat; border-radius: 8px;}
.mod-con.mbox .con {padding: 22px 35px 14px 35px;}
.selector {margin-bottom: 10px;}
.selector .tit {float: left; width: 30px; margin: 4px -30px 4px 0; position: relative; line-height: 26px; font-size: 14px; color: #fff;}
.selector .more_tec, .selector .more_tecx {float: right; width: 30px; line-height: 26px; margin: 4px 0 4px -30px; position: relative; color: #fff; font-size: 14px; cursor: pointer; transition: all 0.4s ease-in-out;}
.selector .more_tec:hover, .selector .more_tecx:hover {color: #f8e4d8;}
.selector .main {width: 100%; float: left;}
.selector .main ul {margin-left: 36px;}
.selector .main .departmentSelector {height: 70px; overflow: hidden; margin-right: 40px;}
.selector .main .careersSelector {height: 35px; overflow: hidden; margin-right: 40px;}
.selector .main .departmentSelector.auto, .selector .main .careersSelector.auto {height: auto;}
.selector .main ul li {font-size: 14px; color: #fff; line-height: 30px; display: inline-block; padding: 0 12px; cursor: pointer; margin: 2px 0; border-radius: 15px; transition: all 0.4s ease-in-out;}
.selector .main ul li:hover {background: #ee8407;}
.selector .main ul li.selected {background: #ee8407;}
.selector.letterSelectorDiv, .selector.departmentSelectorDiv, .selector.careersSelectorDiv {display: none!important;}

.mod-column {position: absolute; top: 402px; left: 0; right: 0; margin: 0 auto;}
.post-5 .menu {margin: 0 auto; width: 460px;}
.post-5 .menu .menu-item {display: inline-block; float: left; position: relative; z-index: 100; margin-right: 1px;}
.post-5 .menu .menu-item a.menu-link {display: inline-block; padding: 58px 25px 16px 25px; height: 36px; line-height: 36px; color: #000; font-size: 16px; background: #ffffff url(../images/icon-1.png) center 13px no-repeat;     opacity: 0.75; filter:alpha(opacity=75);}
.post-5 .menu .menu-item.i1 a.menu-link {background: #ffffff url(../images/icon-1.png) center 13px no-repeat;}
.post-5 .menu .menu-item.i2 a.menu-link {background: #ffffff url(../images/icon-2.png) center 13px no-repeat;}
.post-5 .menu .menu-item.i3 a.menu-link {background: #ffffff url(../images/icon-3.png) center 13px no-repeat;}
.post-5 .menu .menu-item.i4 a.menu-link {background: #ffffff url(../images/icon-4.png) center 13px no-repeat;}
.post-5 .menu .menu-item a.menu-link:hover {text-decoration: none; color: #fff; background: #ff0000bf url(../images/icon-1h.png) center 13px no-repeat;}
.post-5 .menu .menu-item.i1 a.menu-link:hover {background: #ff0000 url(../images/icon-1h.png) center 13px no-repeat;}
.post-5 .menu .menu-item.i2 a.menu-link:hover {background: #ff0000 url(../images/icon-2h.png) center 13px no-repeat;}
.post-5 .menu .menu-item.i3 a.menu-link:hover {background: #ff0000 url(../images/icon-3h.png) center 13px no-repeat;}
.post-5 .menu .menu-item.i4 a.menu-link:hover {background: #ff0000 url(../images/icon-4h.png) center 13px no-repeat;}

.footer {background: #393535;}
.footer .inner {padding: 30px 0;}
.footer .inner .foot {width: 100%;}
.footer .inner .foot p {width: 100%; text-align: center; display: inline-block;}
.footer .inner .foot p span {font-size: 13px; color: #a5a4a4; line-height: 28px; display: inline-block; margin: 0 5px;}

.sys_mobile {display: none;}
.sys_mobile .head {width: 100%; position: relative; background: #c54c43;}
.sys_mobile .head .inner {padding: 28px 0;}
.sys_mobile .head .head-left {float: left; display: inline-block;}
.sys_mobile .head .sitelogo a {display: block;}
.sys_mobile .head .head-right {float: right; margin-top: 24px;}
.sys_mobile .site-lang {display: inline-block;}
.sys_mobile .site-lang ul {float: right;}
.sys_mobile .site-lang ul li.links {float: left;}
.sys_mobile .site-lang ul li.links a {line-height: 30px; padding: 0 12px; background: url(images/shu.png) left center no-repeat; font-size: 14px; color: #fff;}
.sys_mobile .site-lang ul li.links.i1 a {background: none;}
.sys_mobile #nav{box-shadow:0px 0px 5px #ccc;}
.sys_mobile .navbar {width:100%; height: 60px;}
.sys_mobile .navbar .navbox {padding-left:10px; height:44px;margin:0 auto;}
.sys_mobile .wp-menu {}
.sys_mobile .wp-menu .menu-item {display: inline-block;float: left; position: relative;z-index: 100;padding-left:2px;}
.sys_mobile .wp-menu .menu-item.i1 {background:none;}
.sys_mobile .wp-menu .menu-item a.menu-link > .menu-switch-arrow{ display:inline-block; width:20px; height:20px; background:url(../images/navj.png) no-repeat center center; vertical-align:middle; }
.sys_mobile .wp-menu .menu-item a.menu-link {display: inline-block;padding: 0 86px;height: 60px;line-height: 60px;color: #343434;font-size: 17px;}
.sys_mobile .wp-menu .menu-item a.menu-link:hover,.wp-menu .menu-item.hover,.wp-menu .menu-item.selected a{ text-decoration: none; color: #20814C; background-color: #eee; }
.sys_mobile .sub-menu {display: none; position: absolute; left: 0; top: 60px; min-width: 148px; z-index: 100; background: rgba(8, 10, 13, 0.7); opacity: 0.8\9; background: #444343\9; filter:alpha(opacity=90); }
.sys_mobile .sub-menu .sub-item {position: relative; white-space: nowrap; vertical-align: top; _zoom:1;}
.sys_mobile .sub-menu .sub-item a {display: block; color: #D8D8D8; height: 32px; line-height: 32px; padding: 0 16px; font-size: 12px; background:none; }
.sys_mobile .sub-menu .sub-item a:hover {color: #eee; background-color:#444343; display: block; }
.sys_mobile .sub-menu .sub-menu {left: 100%; top: 0; z-index: 200; background: rgba(11, 102, 244, 0.8); opacity: 0.8\9; background: #444343\9; filter:alpha(opacity=90); }
.main-page-1 .selector.s3 {display: none;}

@media screen and (max-width: 999px) {
.sys_mobile {display: block;}
.header {display: none;}
.container {position: initial; top: auto;}
.nav-wrap {display: none;}
.content-wrap {margin: 0; padding: 25px 8px; width: auto;}
.mod-search {margin-bottom: 20px;}
.wp-search {width: auto; padding: 5px 0;}
.mod-column {position: initial; top: auto; left: auto; right: auto; margin-top: 25px;}
.sys_mobile .wp-navi .navi-slide-head {display:block;}
.sys_mobile .wp-menu {display:none;}
.sys_mobile .navbar {width:100%; height:auto;}
.sys_mobile .navbar .navbox {width: 100%; height:auto; padding: 0;}
.sys_mobile .wp-menu .menu-item {width:100%;text-align:left;border-bottom:1px solid #eee;}
.sys_mobile .wp-menu .menu-item a.menu-link {display: inline-block;padding: 0 10px;height: 40px;line-height: 40px;color: #343434;font-size: 15px;}
.wp-search .search-input input.search-title {border: 1px solid #d2cfcf; height: 48px; line-height: 48px; font-size: 15px; text-indent: 6px;}
.wp-search .search-btn {height: 50px; right: 0;}
.wp-search .search-btn input.search-submit {height: 50px; font-size: 15px;}
.post-5 .menu {width: auto;}
.post-5 .menu .menu-item {width: 25%; margin: 0;}
.post-5 .menu .menu-item a.menu-link {display: block; text-align: center; padding: 58px 0 16px 0; opacity: 1; filter:alpha(opacity=100);}
}

@media screen and (max-width: 767px) {
.sys_mobile .head .head-left {float: none; display: inline-block; width: 100%; height: auto; margin: 0 auto; text-align: center;}
.sys_mobile .sitelogo img {max-width: 100%;}
.sys_mobile .head .head-right {float: none; margin: 0 auto; text-align: center; margin-top: 20px;}
.sys_mobile .site-lang ul li.links a {padding: 0 30px;}
.mod-con.mbox .con {padding: 22px 15px 14px 15px;}
.footer .inner .foot p span {display: block;}
}

@media screen and (max-width: 479px) {
.sitelogo {margin: 0 8px;}
.post-5 .menu .menu-item {width: 50%; margin: 20px 0;}
.wp-search .search-input input.search-title {font-size: 14px;}
.wp-search .search-btn input.search-submit {font-size: 14px;}
}

#mid_framee{min-height:380px;}