/* 头部 */
.head_tops {
    width          : 100%;
    height         : 228px;
    background     : url("../image/topBg.png") no-repeat center;
    background-size: 100% 100%;
}

.head_top {
    background     : url("../image/1200.png") no-repeat center;
    background-size: 100% 100%;
    height         : 228px;
    width          : 1200px;
    margin         : 0 auto;
}

ul,
li {
    list-style: none;
    margin    : 0 !important;
    padding   : 0;
}

.nav_bar {
    height          : 60px;
    width           : 100%;
    background-color: #045DB9;
}
.nav_content {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    width          : 1200px;
    height         : 100%;
    margin         : 0 auto !important;
}

.navBar {
    position   : relative;
    font-size  : 20px;
    color      : rgba(255, 255, 255, 1);
    line-height: 60px;
    width      : 120px;
    text-align : center;
}

.navBar:hover {
    background-color: rgba(0, 0, 0, 0.3);
}

.barBox {
    position        : absolute;
    left            : 50%;
    transform       : translateX(-50%);
    text-align      : center;
    width           : 120px;
    background-color: rgba(0, 0, 0, 0.3);
    padding-bottom  : 10px;
    display         : none;
    z-index         : 9999;
}

.barBox>a {
    display    : block;
    font-size  : 16px;
    color      : rgba(255, 255, 255, 1);
    line-height: 40px;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.search {
    display        : flex;
    justify-content: space-between;
    width          : 240px;
    height         : 40px;
    background     : rgba(54, 125, 199, 0.5);
    border-radius  : 6px;
    padding        : 0 16px;
    line-height    : 40px;
}

.search_input {
    width     : 176px;
    height    : 40px;
    background: rgba(54, 125, 199, 0.1);
    border    : none;
    outline   : none;
    font-size : 14px;
    color     : #fff;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

/* 头部end */
/* 尾部start */
.foot_cont {
    width     : 100%;
    height    : 200px;
    background: url("../image/foot_bg.png") no-repeat;
}

.foot_text {
    display        : flex;
    justify-content: center;
    align-items    : center;
    width          : 1200px;
    height         : 100%;
    font-size      : 16px;
    color          : rgba(255, 255, 255, 1);
    line-height    : 200px;
    margin         : 0 auto;
}

.shi_logo {
    width         : 62px;
    height        : 76px;
    vertical-align: middle;
    line-height   : 48px;
}

.foot_content {
    width      : 700px;
    font-size  : 16px;
    color      : rgba(255, 255, 255, 1);
    line-height: 48px;
    text-align : center;
}

.foot_Text {
    margin-left: 40px;
}

/* 底部end */
/* 悬浮窗 */
.suspend {
    position     : fixed;
    top          : 55%;
    right        : 0;
    transform    : translateY(-50%);
    display: none;
    background   : rgba(4, 93, 185, 1);
    box-shadow   : 0px 2px 30px 0px rgba(11, 58, 106, 0.06);
    border-radius: 10px;
    padding      : 20px 12px 8px;
    z-index      : 99999;
}
.suspend_small{
    position     : fixed;
    top          : 55%;
    right        : 0;
    transform    : translateY(-50%);
    background   : rgba(4, 93, 185, 1);
    box-shadow   : 0px 2px 30px 0px rgba(11, 58, 106, 0.06);
    border-radius: 50px;
    width: 100px;
    height: 100px;
    z-index    : 99999;
    cursor: pointer;
}
.suspend_small>span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: inline-block;
    width: 50px;
    height: 68px;
    margin:0 auto;
    font-size: 25px;
    color: #fff;
    text-align: center;
}
.susp_1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
    font-size: 28px;
    color    : rgba(255, 255, 255, 1);
}
.hideSus,
.closeSus{
    display: inline-block;
    height: 30px;
    width: 26px;
    font-size: 20px;
}
.hideSus{
    font-weight: 700;
    transform: translateY(-4px);
}
.susp_2 {
    font-size: 16px;
    color    : rgba(255, 255, 255, 1);
}

.susp_3 {
    width        : 40px;
    height       : 14px;
    background   : rgba(255, 255, 255, 1);
    opacity      : 0.2;
    margin-bottom: 10px;
}

.susp_4 {
    width        : 280px;
    height       : 50px;
    background   : rgba(246, 251, 255, 1);
    border-radius: 4px;
    line-height  : 50px;
    text-align   : center;
    padding      : 0 18px;
    margin-bottom: 12px;
}

.susp_4>a {
    font-size: 18px;
    color    : rgba(51, 51, 51, 1);
}