body.grayBg,body.grayBg-light {
    display: block
}

* {
    box-sizing: border-box
}

.hide {
    display: none
}

.layout {
    width: 1200px;
    margin: 0 auto
}

.layout1 {
    width: 1180px;
    margin: 0 auto
}

.bg-white {
    background: white
}

.bg-gray {
    background: #f5f5f5
}

.box1,.box2 {
    width: 580px;
    border-left:1px solid #cdcdcd;
    border-right:1px solid #cdcdcd;
    border-bottom:1px solid #cdcdcd;
    margin-top:0px;
}
.double-box {
    margin-top:22px;
}

.double-box .titBar{
    margin-top: 0;
}

.text-overflow,.layout2 .container .name,.layout2 .container .schoolName,.text-container>.text-content>p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.layout2 {
}
.layout2.item {
    border-left:1px solid #cdcdcd;
    border-right:1px solid #cdcdcd;
    border-bottom:1px solid #cdcdcd;
}

.layout2 .container {
    overflow: hidden;
    padding: 0 20px 0 15px;
}

.layout2 .container p {
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    display: flex
}

.layout2 .container .col-3 {
    width: 33.3%;
    padding-right: 20px
}

.layout2 .container .col-3:nth-child(3n) {
    padding-right: 0
}

.layout2 .container .col-2 {
    width: 50%
}

.layout2 .container .col-2:nth-child(2n-1) {
    padding-right: 20px
}

.layout2 .container .col-2:nth-child(2n) {
    padding-left: 20px
}

.layout2 .container .area {
    flex-shrink: 0;
    align-self: center
}

.layout2 .container .area>a {
    display: inline-block;
    background: #f6faff;
    color: #0058ad;
    padding: 2px 6px;
    font-size: 12px;
    line-height: 12px
}

.layout2 .container .name {
    color: black;
    display: inline-block;
    padding-right: 7px;
    flex:1;
    vertical-align: top
}
.layout2 .container .name-fired {
    color: black;
    display: inline-block;
    padding-right: 7px;
    width:auto;
    max-width: 345px;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.layout2 .container .name-fired:hover {
    color: #0050d2;
    font-weight: bold;
}

.layout2 .container .name:hover {
    color: #0050d2;
    font-weight: bold;
}

.layout2 .container .time,.layout2 .container .schoolName {
    color: #707070;
    font-size: 13px
}

.layout2 .container .time {
    flex-shrink: 0
}

.layout2 .container .schoolName {
    display: inline-block;
    vertical-align: top;
    flex: 130px 0 0;
    padding-right: 10px
}

.layout2 .container a,.layout2 .container span {
    display: inline-block
}

.layout2 .container .time2 {
    color: #0058ad
}

.layout2 .container .area2 {
    color: #505050;
    font-size: 13px
}

.text-container {
    margin: 20px 0 15px;
    color: #707070;
    display: flex;
    align-items: center;
}

.text-container>img {
    display: inline-block;
    vertical-align: middle;
}

.text-container>.text-content {
    width: 64%;
    margin-left: 10px;
}

.text-container>.text-content>p {
    display: inline-block;
    width: 48%;
    height: 24px;
    line-height: 24px
}

.text-container>.text-content>p:nth-child(2n) {
    text-align: left
}

.text-container>.text-content>p>a:hover {
    color: #0050d2
}

.top {
    background: url(images/topBg.gif) repeat-x;
    width: 100%;
    text-align: right
}

.top a {
    line-height: 38px;
    color: #231815;
    font-size: 14px;
    text-decoration: none;
    padding: 0 10px
}

.top .layout {
    padding-right: 100px
}

.topgg1 img {
    width: 608px
}

.topgg2 img {
    width: 350px
}

.allBox {
    padding-top: 36px
}

.login-wrapper {
    position: absolute;
    z-index: 10;
    font-size: 12px;
    left: 50%;
    top: 4px;
    margin-left: 320px;
}

.login-wrapper>a {
    display: block;
    padding-top: 6px;
    max-width: 100%;
    text-align: center
}

.login-wrapper img {
    max-width: 100%
}

.banner-header {
    position: relative;
    height: 380px;
}

.login-box {
    width: 280px;
    background: #fff;
    border:7px solid #d8e4fa;
    border-color: rgba(170,200,250,0.3);
}

.login-box .change_form {
    color:#666;
    font-weight:bold;
    padding-bottom: 7px;
}

.login-box .change_form .phone-login {
    margin-right:22px;
}

.login-box .change_form>a {

}

.login-box .change_form>.active {
    border-bottom : 2px solid #0050d2;
    color:#000;
    font-weight:bold;
}

.login-box .title {
    font-size: 14px;
    line-height: 50px;
    height: 50px;
    color: black;
    padding: 10px 17px 5px 29px;
}

.login-box .change_form {
    font-size:14px;
    padding:16px 30px 10px;
}
.login-box div,.login-box form {
    background:#fff;
}

.login-box .title .company-login {
    /*font-size: 12px;*/
    color:#0050d2;
    float: right
}

.login-box .title .company-login:after {
    /*content: '';*/
    /*display: inline-block;*/
    /*width: 8px;*/
    /*height: 14px;*/
    /*background: url("./images/icon/right-white.png") no-repeat;*/
    /*margin: 0 0 -3px 2px*/
}

.login-box .box {
    position: relative;
    padding: 6px
}

.login-box .box .text-overflow .fr,.login-box .box .layout2 .container .name .fr,.layout2 .container .login-box .box .name .fr,.login-box .box .layout2 .container .schoolName .fr,.layout2 .container .login-box .box .schoolName .fr,.login-box .box .text-container>.text-content>p .fr {
    margin-left: 5px
}

.login-box .error {
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: red
}

#loginForm {
    padding: 10px 20px 13px;
    text-align: center;
    position: relative;
}

#loginForm .err {
    display: block;
    font-size: 12px;
    text-align: left;
    color: #ff0000d4;
    text-indent: 10px
}

#loginForm .err.username-error {
    height: 18px;
    line-height: 18px;
}

#loginForm .err.password-error {
    line-height: 20px;
    margin-bottom: 10px;
    min-height: 10px;
    height: auto
}

#loginForm>input {
    padding: 0 10px;
    width: 100%;
    height: 34px;
    line-height: 34px;
    border: 1px solid #9fa0a0;
    border-radius: 3px;
    background: white
}

#loginForm>label {
    display: block;
    margin-bottom: 5px;
    padding: 0 5px;
    line-height: 26px
}

#loginForm>label input {
    margin-left: 5px;
    padding: 2px 5px;
    width: 112px;
    height: 20px;
    border: 1px solid #9fa0a0;
    border-radius: 3px
}

#loginForm>div {
    line-height: 1
}

#loginForm>div input {
    margin: 0 2px 0 0;
    vertical-align: bottom
}

#loginForm>div.error {
    line-height: 23px;
    height: auto;
    padding: 8px auto
}

#loginForm a {
    /*margin: 0 10px;*/
    color: #50546d
}

#loginForm a:hover {
    color: #0058ad
}

#loginForm .user-block {
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -70px;
    bottom: -24px
}

#loginForm .option-box {
    font-size: 12px;
    margin: 0 0 -1px 0;
    text-align: left;
    vertical-align: bottom;
    height: 1px;
}

#loginForm .option-box .check {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin: 0 4px -2px 0;
    background: white
}

#loginForm .option-box .check.uncheck {
    border: 1px solid #ccc
}

#loginForm .option-box .check.checked {
    width: 14px;
    height: 14px;
    background: url("./images/icon/checked.png") no-repeat;
    background-size: 100% 100%
}

#loginForm .option-box a {
    float: left;
    margin: 0;
    color: #999;
}

#loginForm .register {
    color: #0058ad;
    display:inline-block;
    font-size: 13px;
    margin-top: 3px;
}

#loginForm .register>span {
    color: #50546d
}

#perMsgBox {
    text-align: center
}

#perMsgBox .avatar {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: gray;
    background-size: 100% 100%
}

#perMsgBox .avatar.man {
    background: url("./images/man.png") no-repeat
}

#perMsgBox .avatar.woman {
    background: url("./images/woman.png") no-repeat
}

#perMsgBox #name {
    line-height: 40px
}

#perMsgBox .toResume {
    display: block;
    width: 170px;
    height: 36px;
    line-height: 36px;
    border-radius: 3px;
    background: #0058ad;
    font-size: 14px;
    color: white;
    margin: 10px auto
}

#perMsgBox table {
    line-height: 2.2;
    table-layout: fixed;
    width: 90%;
    border: none;
    margin-left: 10px;
    color: #50546d
}

#perMsgBox table a {
    display: block;
    text-align: left
}

#perMsgBox td {
    padding: 1px 0 1px 15px
}

.bannerBox {
    width: 1920px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}

.banner {
    height: 378px;
    position: relative;
    overflow: hidden
}

.banner img {
    width: 100%;
}

.banner .swiper-container {
    position: relative;
    height: 100%
}

.banner .swiper-container .swiper-wrapper {
    height: 100% !important
}

.banner .swiper-container .swiper-wrapper img {
    position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1920px;
    height: 378px;
}

.banner .swiper-container .swiper-slide {
    position: relative;
    height: 100% !important;
    z-index: 1
}

.banner .swiper-container .swiper-slide.swiper-slide-active {
    z-index: 2
}

.banner .pagination {
    width: 100%;
    z-index: 1;
    bottom: 26px;
    text-align: center
}

.banner .pagination>span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid white;
    margin-right: 10px
}

.banner .pagination>span.swiper-active-switch {
    background: #0058ad;
    border-color: #0058ad
}

.banner .arrowBox{
    width: 100vw;
    max-width: 1920px;
    position: relative;
}

.banner .icon-arrow {
    position: absolute;
    top: -207px;
    z-index: 10000
}

.banner .icon-arrow.arrow-left {
    left: 2%
}

.banner .icon-arrow.arrow-right {
    right: 3%;
}

.banner .pagination {
    position: absolute
}

.searchBox {
    background: white;
    height: 120px;
    padding-top: 12px;
    margin-top: 10px
}

.hotCity {
    color: #000;
    font-size: 14px;
    margin-left: 10px;
    line-height: 35px;
    text-align: center
}

.hotCity a {
    color: #3e3a39;
    cursor: pointer
}

.hotCity a:hover {
    color: #0058ad
}

.hotCity a:active {
    color: #0058ad
}

.hotCity>strong {
    display: inline-block
}

.newsBox {
    padding-bottom: 4px;
    overflow: hidden;
    width: 198px;
    height: 307px;
    font-size: 12px;
    background: white;
    border: 1px solid #c9caca
}

.newsBox>.tit {
    font-size: 20px;
    color: #0058ad;
    background: #ccecfb;
    line-height: 30px;
    font-weight: bold;
    padding-left: 15px;
    margin-bottom: 2px
}

.newsBox>a {
    display: block;
    line-height: 20px;
    padding: 0 10px;
    color: #231815;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.titBar {
    padding: 0 0 0 12px;
    font-size: 18px;
    line-height: 50px;
    text-indent: 10px;
    margin-top: 22px;
    font-weight: bold;
    color: #004098;
}

.titBar.no-border {
    text-indent: 24px;
    margin-top: 0;
    border: none;
    padding-right: 18px
}

.titBar.no-margin {
    margin: 0
}

.titBar:before {
    content: "";
    position: relative;
    top: 4px;
    display: inline-block;
    width: 4px;
    height: 20px;
    background: #0058ad;
    margin-right: 10px;
}

.titBar .news-fl {
    float: right;
    font-size: 14px;
    color: #555555;
    padding-right:15px;
    font-weight: normal;
}

.titBar .news-fl:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 0 -6px  2px;
    background: url(/static/suobo/style/images/icon/see-more3.png) no-repeat
}

.ggbox * {
    display: block
}

.ggbox img {
    width: 100%
}

.ggbox1 a {
    margin-bottom: 6px
}

.ggbox2 a {
    margin: 2px;
    width: 324px;
    height: 80px;
    float: left
}

.nav {
    text-align: center;
    margin-top: 40px;
    background: #0064c8;
    line-height: 72px;
    margin-bottom: 15px
}

.nav a {
    color: #ffffff;
    font-size: 20px;
    border-right: 2px dashed #ffffff;
    padding: 0 40px
}

.nav a.b0 {
    border: none
}

.comBox {
    border: 1px solid #b5b5b6;
    margin-bottom: 15px;
    background: white
}

.comBox .fl {
    background: #f5f5f5
}

.comBox .fl a {
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 10px
}

.comBox .tit {
    width: 204px;
    border-bottom: 1px dashed #ffffff;
    text-align: center;
    line-height: 72px;
    color: #ffffff;
    font-size: 28px;
    margin-bottom: 10px
}

.comBox>.fl {
    width: 204px;
    text-align: center
}

.comBox img {
    max-width: 95%
}

.comBox .fr {
    width: 777px
}

.comBox .fr a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 238px;
    float: left;
    color: #231815;
    padding-left: 15px;
    line-height: 36px;
    font-size: 15px
}

.comBox1 .tit {
    background: #e60012
}

.comBox2 .tit {
    background: #0064c8
}

.comBox3 .tit {
    background: #22ac38
}

.comBox4 .tit {
    background: #00a29a
}

.comBox5 .tit {
    background: #00a0ff
}

.tab {
    margin-top: 50px
}

.tab .tit {
    background: #0064c8;
    padding-top: 8px;
    padding-left: 25px;
    height: 64px
}

.tab .tit a {
    font-size: 20px;
    float: left;
    padding-bottom: 8px;
    width: 200px;
    line-height: 56px;
    text-align: center;
    color: #ffffff
}

.tab .tit a.selse {
    background: #fff;
    color: #006ec8
}

.tab .tabBox {
    margin-bottom: 15px;
    padding: 5px 0;
    background: white
}

.tab .table {
    padding: 0px 20px
}

.tab .table td {
    padding: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tab .table table {
    width: 444px;
    table-layout: fixed;
    text-align: center;
    font-size: 14px
}

.hot-content {
    margin-top: 30px
}

.hot .tit {
    background: #0064c8;
    height: 50px;
    line-height: 50px;
    color: white;
    font-size: 24px;
    text-indent: 20px
}

.hot .tit .fr {
    font-size: 14px;
    margin-right: 10px
}

.hot .cont {
    padding: 10px 20px 10px;
    color: #000;
    overflow: hidden;
    background: white;
    font-size: 0
}

.hot .cont a {
    display: inline-block;
    width: 230px;
    line-height: 30px;
    height: 30px;
    vertical-align: bottom;
    position: relative
}

.hot .cont a:hover {
    color: #0064c8
}

.hot .cont a.huo:after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: 4px;
    background: url("./images/icon/huo.png") no-repeat;
    width: 32px;
    height: 22px
}

.hot .cont a .comName {
    display: inline-block;
    max-width: 200px;
    font-size: 14px
}

.hot .cont a .icon-hot {
    display: inline-block;
    background: url("./images/icon/huo.png") no-repeat;
    width: 32px;
    height: 22px;
    margin-bottom: 4px
}

.hot .cont a:nth-child(4n) .comName {
    max-width: 230px
}

.resumeList {
    margin: 10px 40px;
    font-size: 12px;
    border: 0px solid #e5e5e5;
    border-left-width: 1px
}

.resumeList a {
    float: left;
    width: 159px;
    height: 168px;
    background-position: center 20px;
    background-repeat: no-repeat;
    color: #4d4d4d;
    padding: 0px 10px 0;
    border: 0px solid #e5e5e5;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 5px
}

.resumeList a img {
    margin: 15px auto 10px;
    display: block;
    width: 70px
}

.resumeList a p,.resumeList a span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

.resumeList a span {
    color: #888888
}

.newsList {
    width: 480px;
    font-size: 12px;
    background: white;
    border: 1px solid #b5b5b6
}

.newsList .tit {
    background: #006ec8;
    font-size: 18px;
    color: #ffffff;
    padding-left: 10px;
    line-height: 38px
}

.newsList img {
    display: block;
    width: 100%
}

.newsList p {
    margin: 10px 0
}

.newsList .cont {
    padding: 20px 20px 10px;
    color: #000;
    overflow: hidden
}

.newsList .cont a {
    color: #000
}

.newsList .cont li {
    width: 210px;
    list-style: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 22px
}

.newsList .cont li:before {
    content: '· '
}

.newsList .cont li:nth-child(2n) {
    padding-left: 15px
}

.more {
    float: right;
    margin-right: 5px;
    font-size: 70%
}

.more:before {
    content: '更多>>'
}

.title1,.title2 {
    line-height: 1.4;
    text-align: center;
    color: #0162c9
}

.title1 {
    font-size: 47px;
    font-weight: bold
}

.title2 {
    font-size: 30px
}

#graduateInfoBox {
    margin: 0 auto;
    width: 984px;
    font-size: 14px
}

#graduateInfoHeader {
    margin-top: 25px;
    padding: 10px 45px;
    line-height: 1.4;
    background: #0164c9
}

#graduateInfoHeader>a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 0;
    color: white
}

#graduateInfoHeader>a ~ a {
    margin-left: 6px
}

#graduateInfoHeader>a.active {
    font-weight: bold;
    border-bottom: 1px solid white;
    cursor: default
}

#graduateInfoBody {
    position: relative;
    padding: 25px 0;
    min-height: 60px;
    background: #e4f5ff
}

#graduateInfoBody table {
    table-layout: fixed;
    width: 650px;
    margin: auto;
    border: none
}

#graduateInfoBody td,#graduateInfoBody th {
    line-height: 1.8;
    text-align: center;
    border: none;
    border-bottom: 1px dashed #0164c9
}

#graduateInfoBody th {
    width: 33.3%;
    color: #0162c9;
    font-weight: bold
}

#graduateInfoBody td>a {
    color: black
}

#graduateInfoBody td>a:before {
    content: '点击下载'
}

#graduateInfoBody td.nothing:before {
    content: '暂无信息，敬请期待';
    color: #aab0b2
}

#graduateInfoBody .location {
    position: absolute;
    top: 30px;
    left: 45px;
    width: 96px;
    font-size: 22px;
    line-height: 44px;
    text-align: center;
    color: white;
    background: #0164c9
}

#graduateInfoBody .location:after {
    content: '';
    display: block;
    width: 96px;
    height: 22px;
    background: url("../images/shuobo-logo.png")
}

#pageBtnContainer {
    text-align: center;
    margin-top: 20px
}

.news-box {
    margin-top: 30px;
    border: 1px solid #d7d7d7
}

.news-box>.title {
    padding: 0 10px;
    font-size: 24px;
    line-height: 40px;
    color: white;
    background: #006ec8
}

.news-box>.main {
    height: 606px;
    font-size: 14px;
    line-height: 24px;
    background: white;
    overflow: hidden
}

.news-box>.main.main-sm {
    height: 366px
}

.news-box>.main>* {
    padding: 3px 6px;
    height: 100%
}

.news-box>.main>*+* {
    border-left: 1px solid #d7d7d7
}

.news-content {
    width: 984px;
    background: white;
    padding: 16px 0
}

.news-content>p {
    display: inline-block;
    width: 49%;
    padding: 0 16px;
    box-sizing: border-box
}

.news-content>p>a {
    display: inline-block;
    width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.news-content>p>span {
    float: right;
    color: #fad59b
}

.col-4 {
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 33.3%
}

.border-style,.searchBarSuobo .bar .key,.searchBarSuobo .bar .city {
    border-style: solid none;
    border-color: #f39800;
    border-width: 12px
}

.searchBarSuobo {
    width: 774px
}

.searchBarSuobo .bar {
    background: none;
    width: 100%;
    height: 78px;
    line-height: 78px
}

.searchBarSuobo .bar>* {
    height: 78px
}

.searchBarSuobo .bar .keyType {
    border-style: solid none solid solid;
    border-color: #f39800;
    border-width: 12px 20px;
    border-right: 0;
    position: relative;
    width: 96px
}

.searchBarSuobo .bar .keyType:after {
    position: absolute;
    content: " ";
    right: 0;
    top: 8px;
    height: 40px;
    width: 0;
    border-left: 1px solid #b5b5b6
}

.searchBarSuobo .bar .keyType .btnKeyType {
    outline: none;
    width: 100%;
    text-indent: 0;
    font-size: 14px;
    border: 0;
    text-align: center
}

.searchBarSuobo .bar .keyType.selDropDown .iList a:hover {
    text-decoration: none;
    color: #fff;
    background: #f39800;
    zoom: 1
}

.searchBarSuobo .bar .key {
    width: 484px;
    font-size: 14px;
    border-right: 8px solid #f39800
}

.searchBarSuobo .bar .key input {
    height: 100%;
    width: 100%
}

.searchBarSuobo .bar .city {
    height: 78px;
    font-size: 14px;
    width: 106px
}

.searchBarSuobo .bar .city input {
    height: 54px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.searchBarSuobo .bar .city a {
    line-height: 78px
}

.searchBarSuobo .bar .city a span {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 58px;
    text-align: center
}

.searchBarSuobo .bar .city .dropDownArrow:before {
    right: 26px;
    margin-right: -14px
}

.searchBarSuobo .bar .btn {
    background: #f39800;
    position: relative;
    text-align: center;
    height: 78px;
    width: 84px;
    left: -4px;
    z-index: 2
}

.searchBarSuobo .bar .btn:hover {
    background: #ffb039
}

.searchBarSuobo .bar .btn a {
    display: inline-block;
    text-indent: 0;
    font-size: 16px;
    line-height: 78px;
    color: #fff;
    letter-spacing: 2px
}

.selBox .titBar {
    margin: 0;
    background: #0058ad
}

.selBox .sel-footer .btnOk {
    background: #0058ad
}

.selBox .hotCI .on,.selBox .hotCI .on:hover,.selBox .list .on,.selBox .list .on:hover {
    border-color: #0058ad
}

.selBox .hotCI .hasSub:hover:after,.selBox .list .hasSub:hover:after {
    border-left-color: #0058ad
}

.selBox .hotCI .hasSub.on.dir-right,.selBox .list .hasSub.on.dir-right {
    border-right-color: #0058ad
}

.selBox .subCI {
    border-color: #0058ad
}

.selBox .list dl dt {
    color: #0058ad
}

.selBox .list .selected,.selBox .list .selectedSub,.selBox .selected,.selBox .selectedSub {
    color: #0058ad
}

.selBox .selectedCont .btn_del,.selBox .selectedCont .st {
    color: #0058ad
}

/*.fixed-box {*/
/*position: fixed;*/
/*top: 260px;*/
/*right: 40px;*/
/*width: 70px;*/
/*background: white;*/
/*text-align: center;*/
/*font-size: 12px;*/
/*z-index: 100;*/
/*}*/

/*.fixed-box.fixed {*/
/*display: block*/
/*}*/

/*.fixed-box .em {*/
/*font-weight: bold*/
/*}*/

/*.fixed-box img {*/
/*width: 70px*/
/*}*/

/*.fixed-box>div {*/
/*padding: 12px 0;*/
/*border-bottom: 1px solid #f5f5f5*/
/*}*/

/*.fixed-box>div:last-child {*/
/*border-bottom: none*/
/*}*/

/*.fixed-box>div.to-top {*/
/*color: #828282;*/
/*cursor: pointer*/
/*}*/

/*.fixed-box>div.to-top:before {*/
/*content: "";*/
/*display: block;*/
/*text-align: center;*/
/*margin: 0 auto 6px auto;*/
/*width: 0;*/
/*padding: 0;*/
/*border-style: none  solid solid solid;*/
/*border-width: 10px;*/
/*border-color: transparent  transparent #828282 transparent*/
/*}*/

.logo-content {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.logo-content .text-content {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: white;
    padding-top: 26px;
    box-sizing: border-box
}

.logo-content .text-content:hover .bg {
    top: 0
}

.logo-content .text-content .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    transition: top .3s;
    background: rgba(76,132,223,0.7);
    display: flex;
    align-items: center;
    justify-content: center
}

.logo-content .text-content .bg .text {
    width: 100%;
    text-align: center
}

.logo-content .text-content .bg .text>p {
    padding: 0 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display:block;
}

.logo-content .text-content .bg .text>p:first-child {
    font-size: 16px
}

.logo-content .text-content .bg .text>p:last-child {
    font-size: 14px
}

.logo_table {
    border-collapse: collapse
}

.logo_table td {
    border-collapse: collapse;
    border: 1px solid #cdcdcd;
    margin: 0px 0 -1px -1px
}

.logo_1 {
    width: 100%
}

.logo_1 img {
    width: 100%
}

.logo_2 img {
    width: 599px
}

.logo_3 img {
    width: 299px
}

.logo_4 img {
    width: 149px
}

.logo_1,.logo_2,.logo_3,.logo_4 {
    font-size: 0
}

.news-box2 {
    color: #505050
}

.news-box2 .em {
    color: black;
    font-size: 16px;
}
.logo_3_5{
    width:1200px;
    margin-left:-18px;
    margin-bottom:10px;
}
.logo_3_5 img{
    width:239px;
    height:98px;
}

.logo_3_5 .text{
    text-align:center;
}
.met_info{
    width:377px;
    height:330px;
    position:fixed;
    top:50%;
    left:50%;
    margin-left:-150px;
    margin-top:-300px;
    display:none;
    z-index:100;
    font-size:16px;
    border: 16px solid #595959;
    border-color: rgba(0,0,0,0.3);
    background: 0;
}
.met_info>div{
    text-align:center;
    line-height:2;
    padding:42px;
    background:#fff;
}
.met_info>div:first-child{
    padding:50px 0 30px;
}
.met_info>div:last-child{
    padding:0px 0 30px;
}
.left_right_slider{
    display:none;
    z-index:-2;
}
.left_right_slider.fixed{
    display:block;
}
.left_right_slider #left_sliders_logo{
    position:fixed;
    top: 60px;
    left: 50%;
    margin-left: -715px;
}
.left_right_slider #right_sliders_logo{
    position: fixed;
    top: 60px;
    right: 2px;
}
#left_sliders_logo {
    width: 100px;
    background-color: #f5f5f5;
    float:left;
}

#left_sliders_logo .sliders-img {
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 216px;
}

#left_sliders_logo .slides-nav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 20px;
}
#left_sliders_logo ul:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;}
#left_sliders_logo .slides {
    overflow: hidden;
    width: 100px;}

#left_sliders_logo .slides ul {
    width: 100px;}

#left_sliders_logo .slides p {
    padding:0;
}
#left_sliders_logo .slides li {
    width: 100px;
    float: left;
    padding: 0px;}

#left_sliders_logo .slides h2 {
    margin-top: 0;}

#left_sliders_logo .slides-nav {
    background-color: #e6e6e6;
    font-size:12px;
    border-bottom: 2px solid #e6e6e6;
    padding-left:15px;
    border-radius:0 0 40px 40px;
}

#left_sliders_logo .slides-nav li {
    float: left;}

#left_sliders_logo .slides-nav li a {
    display: block;
    padding-left:5px;
    padding-right:5px;
    height:18px;
    text-decoration:none;
    outline: none;
    color:#fff;
}

#left_sliders_logo .slides-nav li.on,
#left_sliders_logo .slides-nav li.on a {
    background-color: #0050d2;
    text-align:center;
    height:18px;
    font-size:12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

#left_sliders_logo .slides-nav li:hover {
    background-color: #0050d2;
    text-align:center;
    height:18px;
    font-size:12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

#right_sliders_logo {
    width: 100px;
    background-color: #f5f5f5;
    float:left;
}

#right_sliders_logo .sliders-img {
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 216px;
}

#right_sliders_logo .slides-nav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 20px;
}
#right_sliders_logo ul:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;}
#right_sliders_logo .slides {
    overflow: hidden;
    width: 100px;}

#right_sliders_logo .slides ul {
    width: 100px;}

#right_sliders_logo .slides p {
    padding:0;
}
#right_sliders_logo .slides li {
    width: 100px;
    float: left;
    padding: 0px;}

#right_sliders_logo .slides h2 {
    margin-top: 0;}

#right_sliders_logo .slides-nav {
    background-color: #e6e6e6;
    font-size:12px;
    border-bottom: 2px solid #e6e6e6;
    padding-left:15px;
    border-radius:0 0 40px 40px;
}

#right_sliders_logo .slides-nav li {
    float: left;}

#right_sliders_logo .slides-nav li a {
    display: block;
    padding-left:5px;
    padding-right:5px;
    height:18px;
    text-decoration:none;
    outline: none;
    color:#fff;
}

#right_sliders_logo .slides-nav li.on,
#right_sliders_logo .slides-nav li.on a {
    background-color: #0050d2;
    text-align:center;
    height:18px;
    font-size:12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}

#right_sliders_logo .slides-nav li:hover {
    background-color: #0050d2;
    text-align:center;
    height:18px;
    font-size:12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%
}
#phoneForm {
    padding: 10px 20px 39px;
    text-align: center;
    position: relative;}

#phoneForm .err {
    display: block;
    font-size: 12px;
    text-align: left;
    color: #ff0000d4;
    text-indent: 10px
}

#phoneForm .err.phone-error {
    height: 18px;
    line-height: 18px
}

#phoneForm .err.verify_code-error {
    line-height: 20px;
    margin-bottom: 10px;
    min-height: 10px;
    height: auto
}

#phoneForm>input {
    padding: 0 10px;
    width: 100%;
    height: 34px;
    line-height: 34px;
    border: 1px solid #9fa0a0;
    border-radius: 3px;
    background: white
}

#phoneForm>label {
    display: block;
    margin-bottom: 5px;
    padding: 0 5px;
    line-height: 26px
}

#phoneForm>label input {
    margin-left: 5px;
    padding: 2px 5px;
    width: 112px;
    height: 20px;
    border: 1px solid #9fa0a0;
    border-radius: 3px
}

#phoneForm>div {
    line-height: 1
}

#phoneForm>div input {
    margin: 0 2px 0 0;
    vertical-align: bottom
}

#phoneForm>div.error {
    line-height: 23px;
    height: auto;
    padding: 8px auto
}

#phoneForm a {
    /*margin: 0 10px;*/
    color: #50546d
}

#phoneForm a:hover {
    color: #0058ad
}

#phoneForm .user-block {
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -70px;
    bottom: -24px
}

#phoneForm .register {
    color: #0058ad;
    display:inline-block;
    font-size: 13px;
    margin-top: 3px;
}

#phoneForm .register>span {
    color: #50546d
}

#phoneForm .get_verify_code{
    color: #0058ad;
    position: absolute;
    height: 20px;
    border-left: 1px solid #9fa0a0;
    top: 71px;
    padding-left: 15px;
    right: 32px;
}

.logo_3_6{
    width:1200px;
    margin-left:-14px;
}
.logo_3_6 img{
    width:270px;
    height:150px;
}

.logo_3_6 .text{
    text-align:center;
}
.logo_3_6 td {
    margin-left: 20px;
    margin-bottom: 20px;
}