* {
    margin: 0px;
    padding: 0px;
}

body {
    background-color: rgba(255, 255, 255, 0.2);
}

body {
    line-height: 24px;
    font: 14px Helvetica Neue, Helvetica, PingFang SC, 微软雅黑, Tahoma, Arial, sans-serif;
    line-height: normal;
}

.demo-carousel {
    height: 100%;
    text-align: center;
    line-height: 200px;
}

.header {
    position: relative;
    background-color: rgb(57, 61, 73);
}

.header .company-name {
    position: absolute;
    left: 40px;
    line-height: 60px;
    font-size: 2em;
    color: rgba(255, 255, 255, 0.9);
}

.layui-main .nav {
    position: absolute;
    right: 0;
    top: 0;
}

.footer {
    height: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
}

.top-newsList-li .top-newsList-title .layui-badge {
    top: -2px;
    height: 16px;
    line-height: 16px;
    padding: 0 5px;
    margin-right: 10px;
    font-size: 12px;
    border: 1px solid #5FB878;
    background: none;
    color: #5FB878;
}

.top-newsList-li {
    position: relative;
}

.layui-layout-admin .header .header-main {
    width: 1140px;
}

.layui-edge,
.layui-header,
.layui-inline,
.layui-main {
    position: relative;
}

.layui-header {
    z-index: 1000;
    height: 60px;
}

.layui-layout-admin .layui-header {
    background-color: #23262E;
}

.layui-main {
    width: 1140px;
    margin: 0 auto;
}

.layui-layout-admin .layui-header .layui-nav {
    background: 0 0;
}

.layui-nav {
    position: relative;
    padding: 0 20px;
    background-color: #393D49;
    color: #c2c2c2;
    border-radius: 2px;
    font-size: 0;
    box-sizing: border-box;
}

.layui-nav .layui-nav-item {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    line-height: 60px;
}

.layui-nav-tree .layui-nav-item {
    display: block;
    width: 100%;
    line-height: 45px;
}

.layui-nav .layui-nav-item a:hover,
.layui-nav .layui-this a {
    color: #fff;
}

.layui-nav .layui-nav-item a {
    display: block;
    padding: 0 20px;
    color: #fff;
    color: rgba(255, 255, 255, .7);
    transition: all .3s;
    -webkit-transition: all .3s;
}

.layui-header a:hover {
    transition: all .5s;
    -webkit-transition: all .5s;
}

a:hover {
    color: #777;
}

a:active,
a:hover {
    outline: 0;
}

.layui-nav * {
    font-size: 14px;
}

.layui-nav-bar {
    z-index: 1000;
}

.layui-nav .layui-this::after,
.layui-nav-bar,
.layui-nav-tree .layui-nav-itemed::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 5px;
    background-color: #5FB878;
    transition: all .2s;
    -webkit-transition: all .2s;
}

a {
    color: #333;
    text-decoration: none;
}


.layui-carousel {
    position: relative;
    left: 0;
    top: 0;
    background-color: #f8f8f8;
}

.layui-carousel > [carousel-item] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.layui-carousel > [carousel-item]:before {
    position: absolute;
    content: '\e63d';
    left: 50%;
    top: 50%;
    width: 100px;
    line-height: 20px;
    margin: -10px 0 0 -50px;
    text-align: center;
    color: #c2c2c2;
    font-family: layui-icon !important;
    font-size: 30px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.layui-carousel > [carousel-item] > * {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #f8f8f8;
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
}

.layui-carousel-updown > * {
    -webkit-transition: .3s ease-in-out up;
    transition: .3s ease-in-out up;
}

.layui-carousel-arrow {
    display: none\9;
    opacity: 0;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -18px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 20px;
    border: 0;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    cursor: pointer;
}

.layui-carousel-arrow[lay-type=add] {
    left: auto !important;
    right: 10px;
}

.layui-carousel:hover .layui-carousel-arrow[lay-type=add],
.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add] {
    right: 20px;
}

.layui-carousel[lay-arrow=always] .layui-carousel-arrow {
    opacity: 1;
    left: 20px;
}

.layui-carousel[lay-arrow=none] .layui-carousel-arrow {
    display: none;
}

.layui-carousel-arrow:hover,
.layui-carousel-ind ul:hover {
    background-color: rgba(0, 0, 0, .35);
}

.layui-carousel:hover .layui-carousel-arrow {
    display: block\9;
    opacity: 1;
    left: 20px;
}

.layui-carousel-ind {
    position: relative;
    top: -35px;
    width: 100%;
    line-height: 0 !important;
    text-align: center;
    font-size: 0;
}

.layui-carousel[lay-indicator=outside] {
    margin-bottom: 30px;
}

.layui-carousel[lay-indicator=outside] .layui-carousel-ind {
    top: 10px;
}

.layui-carousel[lay-indicator=outside] .layui-carousel-ind ul {
    background-color: rgba(0, 0, 0, .5);
}

.layui-carousel[lay-indicator=none] .layui-carousel-ind {
    display: none;
}

.layui-carousel-ind ul {
    display: inline-block;
    padding: 5px;
    background-color: rgba(0, 0, 0, .2);
    border-radius: 10px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.layui-carousel-ind li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 3px;
    font-size: 14px;
    background-color: #e2e2e2;
    background-color: rgba(255, 255, 255, .5);
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

.layui-carousel-ind li:hover {
    background-color: rgba(255, 255, 255, .7);
}

.layui-carousel-ind li.layui-this {
    background-color: #fff;
}

.layui-carousel > [carousel-item] > .layui-carousel-next,
.layui-carousel > [carousel-item] > .layui-carousel-prev,
.layui-carousel > [carousel-item] > .layui-this {
    display: block;
}

.layui-carousel > [carousel-item] > .layui-this {
    left: 0;
}

.layui-carousel > [carousel-item] > .layui-carousel-prev {
    left: -100%;
}

.layui-carousel > [carousel-item] > .layui-carousel-next {
    left: 100%;
}

.layui-carousel > [carousel-item] > .layui-carousel-next.layui-carousel-left,
.layui-carousel > [carousel-item] > .layui-carousel-prev.layui-carousel-right {
    left: 0;
}

.layui-carousel > [carousel-item] > .layui-this.layui-carousel-left {
    left: -100%;
}

.layui-carousel > [carousel-item] > .layui-this.layui-carousel-right {
    left: 100%;
}

.layui-carousel[lay-anim=updown] .layui-carousel-arrow {
    left: 50% !important;
    top: 20px;
    margin: 0 0 0 -18px;
}

.layui-carousel[lay-anim=updown] > [carousel-item] > *,
.layui-carousel[lay-anim=fade] > [carousel-item] > * {
    left: 0 !important;
}

.layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add] {
    top: auto !important;
    bottom: 20px;
}

.layui-carousel[lay-anim=updown] .layui-carousel-ind {
    position: absolute;
    top: 50%;
    right: 20px;
    width: auto;
    height: auto;
}

.layui-carousel[lay-anim=updown] .layui-carousel-ind ul {
    padding: 3px 5px;
}

.layui-carousel[lay-anim=updown] .layui-carousel-ind li {
    display: block;
    margin: 6px 0;
}

.layui-carousel[lay-anim=updown] > [carousel-item] > .layui-this {
    top: 0;
}

.layui-carousel[lay-anim=updown] > [carousel-item] > .layui-carousel-prev {
    top: -100%;
}

.layui-carousel[lay-anim=updown] > [carousel-item] > .layui-carousel-next {
    top: 100%;
}

.layui-carousel[lay-anim=updown] > [carousel-item] > .layui-carousel-next.layui-carousel-left,
.layui-carousel[lay-anim=updown] > [carousel-item] > .layui-carousel-prev.layui-carousel-right {
    top: 0;
}

.layui-carousel[lay-anim=updown] > [carousel-item] > .layui-this.layui-carousel-left {
    top: -100%;
}

.layui-carousel[lay-anim=updown] > [carousel-item] > .layui-this.layui-carousel-right {
    top: 100%;
}

.layui-carousel[lay-anim=fade] > [carousel-item] > .layui-carousel-next,
.layui-carousel[lay-anim=fade] > [carousel-item] > .layui-carousel-prev {
    opacity: 0;
}

.layui-carousel[lay-anim=fade] > [carousel-item] > .layui-carousel-next.layui-carousel-left,
.layui-carousel[lay-anim=fade] > [carousel-item] > .layui-carousel-prev.layui-carousel-right {
    opacity: 1;
}

.layui-carousel[lay-anim=fade] > [carousel-item] > .layui-this.layui-carousel-left,
.layui-carousel[lay-anim=fade] > [carousel-item] > .layui-this.layui-carousel-right {
    opacity: 0;
}

.layui-inline {
    *display: inline;
    *zoom: 1;
}

.layui-btn,
.layui-edge,
.layui-inline,
img {
    vertical-align: middle;
}

.layui-card {
    margin-bottom: 15px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
}

.layui-badge {
    height: 18px;
    line-height: 18px;
}

.layui-badge,
.layui-badge-dot,
.layui-badge-rim {
    position: relative;
    display: inline-block;
    padding: 0 6px;
    font-size: 12px;
    text-align: center;
    background-color: #FF5722;
    color: #fff;
    border-radius: 2px;
}

.layui-elem-field {
    margin-bottom: 10px;
    padding: 0;
    border-width: 1px;
    border-style: solid;
}

.layui-badge-rim,
.layui-colla-content,
.layui-colla-item,
.layui-collapse,
.layui-elem-field,
.layui-form-pane .layui-form-item[pane],
.layui-form-pane .layui-form-label,
.layui-input,
.layui-layedit,
.layui-layedit-tool,
.layui-quote-nm,
.layui-select,
.layui-tab-bar,
.layui-tab-card,
.layui-tab-title,
.layui-tab-title .layui-this:after,
.layui-textarea {
    border-color: #e6e6e6;
}

.layui-elem-field legend {
    margin-left: 20px;
    padding: 0 10px;
    font-size: 20px;
    font-weight: 300;
}

.layui-field-title {
    margin: 10px 0 20px;
    border-width: 1px 0 0;
}

.layui-field-box {
    padding: 10px 15px;
}

.layui-field-title .layui-field-box {
    padding: 10px 0;
}


.layui-bg-cyan {
    background-color: #2F4056 !important;
}

.layui-bg-orange {
    background-color: #FFB800 !important
}

.layui-bg-blue {
    background-color: #1E9FFF !important
}

.layui-bg-red {
    background-color: #FF5722 !important;
}

.layui-bg-black,
.layui-bg-blue,
.layui-bg-cyan,
.layui-bg-green,
.layui-bg-orange,
.layui-bg-red {
    color: #fff !important;
}

.layui-card-header {
    height: 42px;
    line-height: 42px;
    padding: 0 15px;
    border-bottom: 1px solid #f6f6f6;
    color: #333;
    border-radius: 2px 2px 0 0;
    font-size: 14px;
}

.layui-card-body,
.layui-card-header,
.layui-form-label,
.layui-form-mid,
.layui-form-select,
.layui-input-block,
.layui-input-inline,
.layui-textarea {
    position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

.layui-card-body {
    padding: 10px 15px;
    line-height: 24px;
}



.layui-bg-green {
    background-color: #009688 !important;
}

.layui-bg-black {
    background-color: #393D49 !important;
}


@font-face {
    font-family: layui-icon;
    src: url(../font/iconfont.eot?v=230);
    src: url(../font/iconfont.eot?v=230#iefix) format('embedded-opentype'), url(../font/iconfont.svg?v=230#iconfont) format('svg'), url(../font/iconfont.woff?v=230) format('woff'), url(../font/iconfont.ttf?v=230) format('truetype');
}

.layui-icon {
    font-family: layui-icon !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.layui-icon-reply-fill:before {
    content: "\e611";
}

.layui-icon-set-fill:before {
    content: "\e614";
}

.layui-icon-menu-fill:before {
    content: "\e60f";
}

.layui-icon-search:before {
    content: "\e615";
}

.layui-icon-share:before {
    content: "\e641";
}

.layui-icon-set-sm:before {
    content: "\e620";
}

.layui-icon-engine:before {
    content: "\e628";
}

.layui-icon-close:before {
    content: "\1006";
}

.layui-icon-close-fill:before {
    content: "\1007";
}

.layui-icon-chart-screen:before {
    content: "\e629";
}

.layui-icon-star:before {
    content: "\e600";
}

.layui-icon-circle-dot:before {
    content: "\e617";
}

.layui-icon-chat:before {
    content: "\e606";
}

.layui-icon-release:before {
    content: "\e609";
}

.layui-icon-list:before {
    content: "\e60a";
}

.layui-icon-chart:before {
    content: "\e62c";
}

.layui-icon-ok-circle:before {
    content: "\1005";
}

.layui-icon-layim-theme:before {
    content: "\e61b";
}

.layui-icon-table:before {
    content: "\e62d";
}

.layui-icon-right:before {
    content: "\e602";
}

.layui-icon-left:before {
    content: "\e603";
}

.layui-icon-cart-simple:before {
    content: "\e698";
}

.layui-icon-face-cry:before {
    content: "\e69c";
}

.layui-icon-face-smile:before {
    content: "\e6af";
}

.layui-icon-survey:before {
    content: "\e6b2";
}

.layui-icon-tree:before {
    content: "\e62e";
}

.layui-icon-upload-circle:before {
    content: "\e62f";
}

.layui-icon-add-circle:before {
    content: "\e61f";
}

.layui-icon-download-circle:before {
    content: "\e601";
}

.layui-icon-templeate-1:before {
    content: "\e630";
}

.layui-icon-util:before {
    content: "\e631";
}

.layui-icon-face-surprised:before {
    content: "\e664";
}

.layui-icon-edit:before {
    content: "\e642";
}

.layui-icon-speaker:before {
    content: "\e645";
}

.layui-icon-down:before {
    content: "\e61a";
}

.layui-icon-file:before {
    content: "\e621";
}

.layui-icon-layouts:before {
    content: "\e632";
}

.layui-icon-rate-half:before {
    content: "\e6c9";
}

.layui-icon-add-circle-fine:before {
    content: "\e608";
}

.layui-icon-prev-circle:before {
    content: "\e633";
}

.layui-icon-read:before {
    content: "\e705";
}

.layui-icon-404:before {
    content: "\e61c";
}

.layui-icon-carousel:before {
    content: "\e634";
}

.layui-icon-help:before {
    content: "\e607";
}

.layui-icon-code-circle:before {
    content: "\e635";
}

.layui-icon-water:before {
    content: "\e636";
}

.layui-icon-username:before {
    content: "\e66f";
}

.layui-icon-find-fill:before {
    content: "\e670";
}

.layui-icon-about:before {
    content: "\e60b";
}

.layui-icon-location:before {
    content: "\e715";
}

.layui-icon-up:before {
    content: "\e619";
}

.layui-icon-pause:before {
    content: "\e651";
}

.layui-icon-date:before {
    content: "\e637";
}

.layui-icon-layim-uploadfile:before {
    content: "\e61d";
}

.layui-icon-delete:before {
    content: "\e640";
}

.layui-icon-play:before {
    content: "\e652";
}

.layui-icon-top:before {
    content: "\e604";
}

.layui-icon-friends:before {
    content: "\e612";
}

.layui-icon-refresh-3:before {
    content: "\e9aa";
}

.layui-icon-ok:before {
    content: "\e605";
}

.layui-icon-layer:before {
    content: "\e638";
}

.layui-icon-face-smile-fine:before {
    content: "\e60c";
}

.layui-icon-dollar:before {
    content: "\e659";
}

.layui-icon-group:before {
    content: "\e613";
}

.layui-icon-layim-download:before {
    content: "\e61e";
}

.layui-icon-picture-fine:before {
    content: "\e60d";
}

.layui-icon-link:before {
    content: "\e64c";
}

.layui-icon-diamond:before {
    content: "\e735";
}

.layui-icon-log:before {
    content: "\e60e";
}

.layui-icon-rate-solid:before {
    content: "\e67a";
}

.layui-icon-fonts-del:before {
    content: "\e64f";
}

.layui-icon-unlink:before {
    content: "\e64d";
}

.layui-icon-fonts-clear:before {
    content: "\e639";
}

.layui-icon-triangle-r:before {
    content: "\e623";
}

.layui-icon-circle:before {
    content: "\e63f";
}

.layui-icon-radio:before {
    content: "\e643";
}

.layui-icon-align-center:before {
    content: "\e647";
}

.layui-icon-align-right:before {
    content: "\e648";
}

.layui-icon-align-left:before {
    content: "\e649";
}

.layui-icon-loading-1:before {
    content: "\e63e";
}

.layui-icon-return:before {
    content: "\e65c";
}

.layui-icon-fonts-strong:before {
    content: "\e62b";
}

.layui-icon-upload:before {
    content: "\e67c";
}

.layui-icon-dialogue:before {
    content: "\e63a";
}

.layui-icon-video:before {
    content: "\e6ed";
}

.layui-icon-headset:before {
    content: "\e6fc";
}

.layui-icon-cellphone-fine:before {
    content: "\e63b";
}

.layui-icon-add-1:before {
    content: "\e654";
}

.layui-icon-face-smile-b:before {
    content: "\e650";
}

.layui-icon-fonts-html:before {
    content: "\e64b";
}

.layui-icon-form:before {
    content: "\e63c";
}

.layui-icon-cart:before {
    content: "\e657";
}

.layui-icon-camera-fill:before {
    content: "\e65d";
}

.layui-icon-tabs:before {
    content: "\e62a";
}

.layui-icon-fonts-code:before {
    content: "\e64e";
}

.layui-icon-fire:before {
    content: "\e756";
}

.layui-icon-set:before {
    content: "\e716";
}

.layui-icon-fonts-u:before {
    content: "\e646";
}

.layui-icon-triangle-d:before {
    content: "\e625";
}

.layui-icon-tips:before {
    content: "\e702";
}

.layui-icon-picture:before {
    content: "\e64a";
}

.layui-icon-more-vertical:before {
    content: "\e671";
}

.layui-icon-flag:before {
    content: "\e66c";
}

.layui-icon-loading:before {
    content: "\e63d";
}

.layui-icon-fonts-i:before {
    content: "\e644";
}

.layui-icon-refresh-1:before {
    content: "\e666";
}

.layui-icon-rmb:before {
    content: "\e65e";
}

.layui-icon-home:before {
    content: "\e68e";
}

.layui-icon-user:before {
    content: "\e770";
}

.layui-icon-notice:before {
    content: "\e667";
}

.layui-icon-login-weibo:before {
    content: "\e675";
}

.layui-icon-voice:before {
    content: "\e688";
}

.layui-icon-upload-drag:before {
    content: "\e681";
}

.layui-icon-login-qq:before {
    content: "\e676";
}

.layui-icon-snowflake:before {
    content: "\e6b1";
}

.layui-icon-file-b:before {
    content: "\e655";
}

.layui-icon-template:before {
    content: "\e663";
}

.layui-icon-auz:before {
    content: "\e672";
}

.layui-icon-console:before {
    content: "\e665";
}

.layui-icon-app:before {
    content: "\e653";
}

.layui-icon-prev:before {
    content: "\e65a";
}

.layui-icon-website:before {
    content: "\e7ae";
}

.layui-icon-next:before {
    content: "\e65b";
}

.layui-icon-component:before {
    content: "\e857";
}

.layui-icon-more:before {
    content: "\e65f";
}

.layui-icon-login-wechat:before {
    content: "\e677";
}

.layui-icon-shrink-right:before {
    content: "\e668";
}

.layui-icon-spread-left:before {
    content: "\e66b";
}

.layui-icon-camera:before {
    content: "\e660";
}

.layui-icon-note:before {
    content: "\e66e";
}

.layui-icon-refresh:before {
    content: "\e669";
}

.layui-icon-female:before {
    content: "\e661";
}

.layui-icon-male:before {
    content: "\e662";
}

.layui-icon-password:before {
    content: "\e673";
}

.layui-icon-senior:before {
    content: "\e674";
}

.layui-icon-theme:before {
    content: "\e66a";
}

.layui-icon-tread:before {
    content: "\e6c5";
}

.layui-icon-praise:before {
    content: "\e6c6";
}

.layui-icon-star-fill:before {
    content: "\e658";
}

.layui-icon-rate:before {
    content: "\e67b";
}

.layui-icon-template-1:before {
    content: "\e656";
}

.layui-icon-vercode:before {
    content: "\e679";
}

.layui-icon-cellphone:before {
    content: "\e678";
}

.layui-icon-screen-full:before {
    content: "\e622";
}

.layui-icon-screen-restore:before {
    content: "\e758";
}

@media screen and (min-width:1200px) {
    .layui-container {
        width: 1170px;
    }
}

.layui-container {
    position: relative;
    margin: 15px auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.layui-breadcrumb {
    visibility: hidden;
    font-size: 0;
}

.layui-breadcrumb > * {
    font-size: 14px;
}

.layui-breadcrumb a {
    color: #999;
}

.layui-breadcrumb a:hover {
    color: #5FB878 !important;
}

.layui-breadcrumb a cite {
    color: #666;
    font-style: normal;
}

.layui-breadcrumb span[lay-separator] {
    margin: 0 10px;
    color: #999;
}

.layui-timeline {
    padding-left: 5px;
}

.layui-timeline-item:before,
hr {
    background-color: #e6e6e6;
}

.layui-timeline-item {
    position: relative;
    padding-bottom: 20px;
}

.layui-timeline-item:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 0;
    z-index: 0;
    width: 1px;
    height: 100%;
}

.layui-timeline-item:last-child:before {
    display: none;
}

.layui-timeline-item:first-child:before {
    display: block;
}

.layui-timeline-axis {
    position: absolute;
    left: -5px;
    top: 0;
    z-index: 10;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    color: #5FB878;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
}

.layui-timeline-axis:hover {
    color: #FF5722;
}

.layui-timeline-content {
    padding-left: 25px;
}

.layui-text {
    line-height: 22px;
    font-size: 14px;
    color: #666;
}

.layui-timeline-title {
    position: relative;
    margin-bottom: 10px;
}

li {
    list-style: none;
}

.layui-row:after,
.layui-row:before {
    content: '';
    display: block;
    clear: both;
}

.layui-carousel .homepage_1 {
    background: url('../images/homepage_1.jpg') no-repeat center top;
}

.layui-carousel .homepage_2 {
    background: url('../images/homepage_2.jpg') no-repeat center top;
}

.layui-carousel .skyseaDay_1 {
    background: url('../images/skyseaDay_1.jpg') no-repeat center top;
}

.layui-carousel .skyseaNight_1 {
    background: url('../images/skyseaNight_1.jpg') no-repeat center top;
}

.down_menu_child,
.company-nav {
    display: none;
}

.about-tagall {
    display: none;
}

.gaode-img {
    display: none;
}

.contactUsPhone {
    display: none;
}

@media screen and (max-width: 480px) {
    .layui-layout-admin .header .header-main {
        width: 100%;
         !important margin: 0 auto;
    }

    .layui-main {
        width: 100%;
         !important;
        margin: 0 auto;
    }

    .three-card img {
        width: 100%;
        height: 142px;
    }

    .three-card {
        width: 100%;
        margin: 0;
    }

    .three-card .card {
        margin: 5px 0;
        width: 100%;
    }

    .three-card .card .card-carousel {
        width: 100%;
        height: 142px;
    }

    .layui-nav {
        display: none;
    }

    .layui-carousel .homepage_1,
    .layui-carousel .homepage_2 {
        width: 100%;
    }

    .company-nav {
        display: block;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background-color: #23262E;
        text-align: center;
        position: absolute;
        top: 0;
        right: 15px;
        color: #c2c2c2;
        font-size: 30px;
        transition: all .3s;
        -webkit-transition: all .3s;
    }

    .down_menu_child {
        position: absolute;
        top: 60px;
        right: 0;
        background-color: #23262E;
        padding: 10px;
        border-radius: 6px;
        display: none;
    }

    .down_menu_child dd {
        line-height: 40px;
    }

    .down_menu_child dd a {
        display: block;
        color: #c2c2c2;
        transition: all .3s;
        -webkit-transition: all .3s;
    }

    .down_menu_child dd a:hover,
    a.company-nav:hover {
        color: #FFF;
    }

    /*边栏*/
    .ad-aside {
        display: none;
    }

    /*新闻页*/
    .mainContent {
        width: 100%;
    }

    .top-tag {
        position: relative;
        height: 55px;
        line-height: 55px;
        padding: 0 15px;
        border-bottom: 1px dotted #E9E9E9;
        color: #333;
        border-radius: 2px 2px 0 0;
        font-size: 18px;
    }

    .queue {
        padding: 0;
    }

    .queue .newsdate {
        display: none;
    }

    .queue li {
        padding: 0;
        height: auto;
        width: 100%;
        border-top: 1px solid #f2f2f2;
        padding-top: 10px;
        margin-bottom: 15px;
    }

    .queue li div.newstitle {
        text-align: center;
        widows: 100%;
         !important;
        clear: both;
    }

    .queue li div.newstitle p {
        text-align: left;
        clear: both;
    }
    /*面包屑*/
    .head-breadcrumb {
        line-height: 40px;
        width: 100%;
        margin: 0 auto;
    }

    /*产品页*/
    .layui-field-box img {
        width: 30%;
    }

    .mainPage {
        position: relative;
        background-color: #fff;
        padding: 10px 0;
    }
    /*渠道页*/
    .channel-proxy .face-proxy-img img {
        width: 100%;
    }

    /*关于我们*/
    .aboutUs-introduce {
        width: 100%;
        height: 450px;
        background: url("../images/psb.jpg") no-repeat center top;
        position: relative;
    }

    .about-tagall {
        display: block;
    }
    /*联系我们*/
    .gaode {
        height: 300px;
        width: 100%;
    }

    .gaode iframe {
        display: none;
    }

    .gaode-img {
        height: 300px;
        display: block;
        background: url('../images/gaode.png') no-repeat center top;
    }

    .contactUs {
        display: none;
    }

    .contactUsPhone {
        display: block;
        width: 100%;
    }
    .contactUsPhone-div {
        border: 1px solid rgba(0, 0, 0, 0.7);
        border-radius: 20px;
        margin: 10px 0;
    }
    .contactUsPhone-title {
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        padding-left: 10px;
        border-radius: 20px 20px 0 0;
        text-align: center;
    }
    .contactUsPhone-text {
        color: rgba(0, 0, 0, 0.7);
        font-size: 14px;
        padding: 10px;
        text-align: center;
    }
    .newsPage {
        padding: 0px;
    }


}

hr {
    height: 1px;
    margin: 10px 0;
    border: 0;
    clear: both
}