/*
headers
*/
/*headers 头部*/
.headers{
    /*position: relative;*/
    /*z-index: 1000;*/
}
.headers .headers-top {
    height: 38px;
    line-height: 38px;
    position: relative;
    background: #fff;

    z-index: 19891022;
    box-shadow: rgba(0,0,0,0.09) 0px 2px 12px 1px;

    max-width:100%;
}
.headers .headers-top .headers-t{
    display: flex;
    justify-content: space-between;
}
.headers .headers-top-left {
    display: flex;
}
.headers .headers-top-tit{
    font-size: 12px;
    font-weight: 400;
    color: #000000;
    margin-right: 5px;
}
.headers .headers-top-btn{
    height: 20px;
    line-height: 20px;
    background: #3C8FDF;
    border-radius: 5px;

    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    padding: 3px 10px;
    margin: auto 5px;
    cursor: pointer;
}
.headers .headers-top-btn a{
    color: #fff;
}
.headers .headers-top-right {
    font-size: 12px;
}
.headers .headers-top-right a{
    font-size: 12px;
    font-weight: 400;
    color: #484848;
    text-decoration: none;
    padding: 0 10px;
    display: inline-block;
    position: relative;
}
.headers .headers-top-right a.on{
    background-color: #3B55E6;
    color: #fff;
    height: 38px;
    margin-right: -4px;
}
.headers .headers-top-right a::before{
    content: '';
    position: absolute;
    height: 38px;
    width: 1px;
    background: #DCE0E3;
    left: 0;
}


/*headers nav*/
.header-nav{
    position: relative;
    z-index: 19891019;
}
.headers .header-nav .nav {
    height: 65px;
    background: #000;

    display: flex;
    justify-content: space-between;
    align-items: center;
}
.headers .header-nav-index .nav{
    background: rgba(0, 0, 0, 0.5);
}
.headers .header-nav .header-left {
    display: flex;
    align-items: center;
}
.headers .header-logo{
    margin: auto 28px;
}
.headers .header-logo-img{
    height: 44px;
    vertical-align: middle;
}
.headers .header-menu{
    border-bottom: 0;
    padding: 0;
    background: transparent;
}
/*.headers .header-menu .header-menu-item a{*/
/*    font-size: 18px;*/
/*    font-weight: bold;*/
/*    color: #FFFFFF;*/
/*    line-height: 65px;*/
/*}*/
.headers .header-menu .layui-nav-child{
    background: #0D0D0D;
    border: 0;
    margin-top: -8px;
    z-index: 999;
}
/*.headers .header-menu .layui-icon {*/
/*    display: none !important;*/
/*}*/
.headers .header-menu .layui-nav-child a{
    font-size: 14px !important;
    font-weight: bold;
    text-align: center;
}
.headers .header-menu .layui-this,
.headers .header-menu .header-menu-item:hover,
.headers .layui-nav .layui-nav-child a:hover{
    background: #3B55E6;
}
.headers .header-menu .layui-this:after{
    content: none;
}
.layui-nav-bar{
    display: none;
}
.headers .header-menu .header-menu-item .layui-nav-child a{
    line-height: 25px;
}

/*header-right*/
.headers .header-right {
    color: #fff;
    margin: auto 20px;
    position: relative;
}
.headers .header-right .header-box {
    width: 108px;
    height: 42px;
    line-height: 42px;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 22px;

    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
}
.headers .header-right .header-box.header-not-login{
    display: flex;
    justify-content: space-around;
    position: relative;
}
.headers .header-right .header-box .h-n-l-dl, .headers .header-right .header-box .h-n-l-zc, .headers .header-right .header-box .h-n-l-grzx{
    cursor: pointer;
}
.headers .header-right .header-box .hn-btn a{
    color: #fff;
}

/*
headers
*/

/*banner*/
.my-banner{
    height: 607px;
    margin-top: -65px;
}
.my-banner .index-b-c .index-bc-item img{
    width: 100%;
    height: 100%;
}
.my-banner .index-bc-item{
    background: #000;
}
.my-banner .layui-carousel-ind{
    max-width:95%;width: 1200px;
    margin: 0 auto;
    text-align: left;
    top: -68px;
}
.my-banner .layui-carousel-ind ul{
    background-color: transparent;
    padding: 0;
}
.my-banner .layui-carousel-ind ul li{
    width: 7px;
    height: 18px;
    border-radius: 20px;
    background-color: #fff;
}
.my-banner .layui-carousel-ind ul li.layui-this{
    height: 40px;
    background-color: #900707;
}
.my-banner .layui-carousel-ind ul li.banner_next,
.my-banner .layui-carousel-ind ul li.layui-this+li{
    height: 40px;
    position:relative;
}
.my-banner .layui-carousel-ind ul li.banner_next:after,
.my-banner .layui-carousel-ind ul li.layui-this+li:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    border-radius: 20px;
    background-color: #900707;
    bottom: 0;

}
.banner-searchs{
    position: relative;
    top: -71px;

}
.banner-search{
    border-radius: 26px;
    display: inline-flex;
    align-items: center;
    background-color: #fff;
    height: 50px;

    position: absolute;
    left: 144px;
}
.banner-search-link{
    font-size: 14px;
    font-weight: 400;
    color: #545454;
    cursor: pointer;
    padding-left: 21px;
}
.banner-search-link select{
    border: none;
}
.banner-search-input {
    margin-left: 10px;
    width: 248px;
    position: relative;
}
.banner-search-input::before{
    content: '';
    width: 1px;
    height: 22px;
    background-color: #AAAAAA;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.banner-search-input input{
    width: 100%;
    border: none;
    padding: 0 12px;
    height: 50px;
    box-sizing: border-box;
}
.banner-search-btn{
    height: 60px;
    width: 162px;
    border-radius: 30px;
    margin-right: -5px;
    background-color: #3B55E6;
    border:0;
    color: #fff;
    font-size: 16px;
}
/*banner*/

/*index 标题*/
.index-media-title {
    text-align: center;
}
.index-media-title .index-media-tit{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 57px;
    font-family: FZYaoTi;
    /*background-image:-webkit-linear-gradient(#eee,#000);*/
    /*background: url('./../img/index/19.png') center center no-repeat;*/
    /*-webkit-background-clip:text;*/
    /*-webkit-text-fill-color:transparent;*/
}
.index-media-title .index-media-tit span{
    display: inline-block;
    margin: 0 20px;
}
.index-media-title .index-media-tit .index-media-point{
    width: 11px;
    height: 11px;
    background: #393A3A;
    border-radius: 50%;
}
.index-media-title .index-media-des {
    font-size: 16px;
    font-weight: 400;
    color: #656565;
    position: relative;
    display: inline-block;
    text-transform: Uppercase;
    margin-top: 10px;
}
.index-media-title .index-media-des.ab-show::before,
.index-media-title .index-media-des.ab-show::after{
    content: '';
    position: absolute;
    width: 31px;
    height: 1px;
    background: #656565;
    top:50%;
    transform: translateY(-50%);
}
.index-media-title .index-media-des.ab-show::before{
    left: -41px;
}
.index-media-title .index-media-des.ab-show::after{
    right: -41px;
}
/*index 标题*/

/*媒体 展示*/
.media-show {
    /*background: url('./../img/index/01.png') right bottom no-repeat;*/
    /*background-size: 100% 80%;*/
    padding-bottom: 40px;
    padding-top: 50px;
}
.index-medias {
    padding-top: 60px;
}
.index-medias .index-m-nav-h {
    justify-content: space-between;
    padding-left: 179px;
    padding-right: 63px;
    position: relative;
    border: none !important;
    height: 47px;
}
.index-medias .index-m-nav-h::after{
    content: '';
    position:absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 1px;
    background: #BF3635;
}

.index-medias .index-m-nav-h::before{
    content: '';
    position:absolute;
    left: 73px;
    top: 50%;
    transform: translateY(-50%);

    width: 52px;
    height: 1px;
    background: #BF3635;
}


.index-medias .index-m-nav-h-tit {
    width: 162px;
    height: 47px;
    line-height: 45px;
    border: 1px solid #6E6E6E;
    border-radius: 10px;
    text-align: center;

    font-size: 24px;
    font-weight: 400;
    color: #6E6E6E;
    position: relative;
    cursor: pointer;
    padding: 0;
    box-sizing: border-box;
}
.index-medias .index-m-nav-h-tit.on,
.index-medias .index-m-nav-h-tit.layui-this
{
    color: #FFF;
    background: #BF3635;
    border: 1px solid #BF3635 !important;
}
.index-medias .index-m-nav-h-tit.layui-this:after{
    content: none;
}
.index-medias .index-m-nav-h-tit+.index-m-nav-h-tit::before{
    content: '';
    position:absolute;
    top:50%;
    left: 0;
    transform: translate(-22px,-50%);

    width: 9px;
    height: 9px;
    background: #BF3635;
    border-radius: 50%;
}
    /*媒体 展示 竖行*/
.index-media-bottom{
    margin-top: 25px;
}
.index-media-bottom .index-m-nav-v {
    flex-flow: column;
    padding-top: 30px;
    padding-bottom: 60px;
    position: relative;
    width: 145px;
    height: auto !important;
}
.index-media-bottom .index-m-nav-v::before,
.index-media-bottom .index-m-nav-v::after{
    content: '';
    position:absolute;
    width: 1px;
    height: 52px;
    background: #BF3635;
    border-radius: 1px;
    left: 50%;
    transform: translateX(-50%);
}
.index-media-bottom .index-m-nav-v::before{
    top:-50px;
}
.index-media-bottom .index-m-nav-v::after{
    bottom: 0;
}
.layui-tab-item .layui-tab[overflow]>.layui-tab-title{
    overflow: unset !important;
    height: auto !important;
    border: 0;
}
.index-media-bottom .layui-tab-bar{
    display: none !important;
}
.layui-tab-item .layui-tab-title .layui-this:after{
    content: none;
}
.index-media-bottom .index-m-nav-v-tit {
    width: 145px;
    height: 51px;
    line-height: 51px;
    border: 1px solid #6E6E6E;
    border-radius: 10px;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    color: #6E6E6E;
    cursor: pointer;

    padding: 0;
}
.index-media-bottom .index-m-nav-v-tit.layui-this{
    color: #FFF;
    background: #BF3635;
    border: 1px solid #BF3635;
}
.index-media-bottom .index-m-nav-v-tit+.index-m-nav-v-tit{
    margin-top: 39px;
}
    /*内容*/
.index-media-bottom .index-m-b-list {
    margin-left: 31px;
    padding-bottom: 36px;
    box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.07);
    /*width: calc(100% - 176px);*/
    background: #fff;

    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    min-height: 689px;
}
.index-media-bottom .index-m-b-list::after{
    content: ' ';
    width: calc(100% / 3 - 50px);
}
.index-media-bottom .layui-tab-content{
    /* width: 100%; */
    width: 1049px;
}
.index-m-b-list .index-m-b-item {
    margin-top: 32px;
    width: calc(100% / 3 - 50px);
    height: 298px;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 1;

    border: 2px solid rgba(77, 77, 77, 0.08);
    box-shadow: 0px 0px 10px 0px rgba(59, 85, 230, 0.18);
}
.index-m-b-list .index-m-b-item.index-mbi-empty {
    height: 0;
    margin-bottom: 0;
    border: none;
    padding: 0;
}
.index-m-b-list .index-m-mask {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 2;
    box-sizing: border-box;
}
.index-m-b-list .index-m-mask .index-m-des {
    position: absolute;
    bottom: 6px;
    left: 6px;
    width: calc(100% - 12px);
    height: 60%;
    background: linear-gradient(195deg, transparent 73px, #fff 0);
    padding: 73px 15px 15px;
    box-sizing: border-box;
    text-align: left;
    font-size: 12px;
}
.index-m-b-list .index-m-mask  .index-m-sl{
    color: #000000;
}
.index-m-b-list .index-m-mask .index-m-con{
    color: #727272;
    line-height: 18px;
    margin-top: 5px;
}
.index-m-b-list .index-m-b-item .index-m-b-item-img{
    width: 193px;
    height: 93px;
    line-height: 93px;
    background-color: #fff;
    box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.08);
    margin: 0 auto;
}
.index-m-b-list .index-m-b-item .index-m-b-item-img img{
    max-width: 90%;
    max-height: 90%;
    vertical-align: middle;
}
.index-m-b-list .index-m-b-item .index-m-b-item-tit{
    font-size: 16px;
    font-weight: bold;
    color: #353535;
    line-height: 22px;
    padding: 19px 0 11px;
}
.index-m-b-list .index-m-b-item .index-m-b-item-price{
    font-size: 18px;
    font-weight: bold;
    color: #FF0000;
}
.index-m-b-list .index-m-b-item .index-m-b-item-lebals {
    padding-top: 20px;
    flex-wrap: wrap;
}
.index-m-b-list .index-m-b-item .index-m-b-item-lebals .index-m-b-item-lebal {
    height: 28px;
    line-height: 28px;
    border: 1px solid;
    border-radius: 3px;
    padding: 0 10px;

    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    max-width: calc(49% - 28px);
    text-align: left;
}
.index-m-b-list .index-m-b-item .index-m-b-item-lebals .index-m-b-item-lebal:first-child{
    color: #3F9EFF;
}
.index-m-b-list .index-m-b-item .index-m-b-item-lebals .index-m-b-item-lebal:nth-child(2){
    color: #2DA199;
    margin-left: 15px;
}
.index-m-b-list .index-m-b-item .index-m-b-item-lebals .index-m-b-item-lebal:last-child{
    color: #EA4318;
    max-width: 100%;
    margin-top: 15px;
}
.index-m-b-list .index-m-b-item-lebals .index-m-b-item-lebal:first-child {
    display: flex;
    align-items: center;
}
.index-m-b-list .index-m-b-item-lebals .index-m-b-item-lebal:first-child .bdqz {
    width: 24px;
    height: 10px;
    background: #3F9EFF;
    position: relative;
}
.index-m-b-list .index-m-b-item-lebals .index-m-b-item-lebal:first-child .bdqz::before,
.index-m-b-list .index-m-b-item-lebals .index-m-b-item-lebal:first-child .bdqz::after{
    content:"";
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    position: absolute;
}
.index-m-b-list .index-m-b-item-lebals .index-m-b-item-lebal:first-child .bdqz:before {
    top: -5px;
    border-bottom: 5px solid #3F9EFF;
}
.index-m-b-list .index-m-b-item-lebals .index-m-b-item-lebal:first-child .bdqz:after {
    bottom: -5px;
    border-top: 5px solid #3F9EFF;
}
.index-m-b-list .index-m-b-item-lebals .index-m-b-item-lebal:first-child .bdqz .bdqz-tit{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 1;
    width: 9px;

    font-size: 12px;
}

.index-m-b-list .index-m-b-item:hover .index-m-mask{
    opacity: 1;
    transition: opacity 0.3s;
}

    /*媒体展示数字*/
.index-media-nums {
    margin-top: 60px;
    margin-bottom: 3px;
    height: 134px;
    background: rgba(255, 255, 255, 0.99);
    box-shadow: 0px 0px 16px 0px rgba(80, 102, 226, 0.19);
    border-radius: 10px;
}
.index-media-nums .index-mu{
    height: 134px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.index-media-nums .index-mu-item+.index-mu-item{
    position: relative;
}
.index-media-nums .index-mu-item+.index-mu-item::before{
    content: '';
    position: absolute;
    width: 3px;
    height: 88px;
    background: linear-gradient(0deg, #DCC3FF 0%, #FFFFFF 100%);
    border-radius: 2px;
    left: 0;
    top: 50%;
    transform: translate(-50%,-50%);
}
.index-media-nums .index-media-num-all {
    font-size: 29px;
    /*font-weight: bold;*/
    font-weight: 500;
    color: #E62C2C;
}
.index-media-nums .index-media-num-span{
    font-size: 20px;
}
.index-media-nums .index-media-num-g{
    font-size: 21px;
}
.index-media-nums .index-media-nums-tit{
    font-size: 18px;
    font-weight: 400;
    color: #454545;
    line-height: 36px;
}
/*核心*/
.index-media-core {
    background-color: #fff;
    margin: 0 59px;
    box-sizing: border-box;
    height: 656px;
}
.index-media-core .index-mc{
    align-items: center;
    padding-top: 60px;

    display: flex;
    align-items: center;
}
@media (max-width: 1318px) {
    .index-media-core {
        margin: 0;
    }
}
.index-media-core .index-mc-item{
    padding: 0 15px;
    text-align: center;
}
.index-media-core .index-media-core-img {
    width: 95px;
    height: 95px;
    margin: auto;
}
.index-media-core .index-media-core-img img{
    max-width: 100%;
    max-height: 100%;
}
.index-media-core .index-media-core-tit{
    font-size: 20px;
    font-weight: bold;
    color: #0D0D0D;
    line-height: 29px;
    padding: 27px 0;
}
.index-media-core .index-media-core-des {
    font-size: 16px;
    font-weight: 400;
    color: #3A3A3A;
    line-height: 24px;
    text-align: left;
}
.index-media-core .index-media-core-des-focus{
    color: #FF0000;
}
.index-media-core .index-media-core-img-core img{
    width: 345px;
    height: 140px;
}
.index-media-core .index-media-core2-2 {
    width: 275px;
    margin: 0 auto;
}

/*媒体 展示*/

/*首页 案例 展示*/
.al-show {
    padding: 40px 0;
    max-width:100%;
}
/*案例列表*/
.al-show .index-al-all {
    padding-top: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 80px 20px;
}
.al-show-tit-item {
    display: flex;
    justify-content: space-between;
    padding: 0 45px;
}
.al-show .al-show-tit-i {
    padding: 5px 25px;
    border: 1px solid #6e6e6e;
    border-radius: 10px;

    font-size: 19px;
    font-weight: 400;
    color: #6e6e6e;
    line-height: 26px;
    position: relative;
}
.al-show .al-show-tit-i.on,
.al-show .al-show-tit-i.layui-this{
    background: #bf3635;
    color: #fff;
    border-color: #bf3635;
}
.al-show .al-show-tit-i+.al-show-tit-i::before{
    content: '';
    position: absolute;
    left: -16%;
    top: 50%;
    transform: translateY(-50%);

    width: 7px;
    height: 7px;
    background: #bf3635;
    border-radius: 50%;
}
.al-show .al-tit-item {
    margin: 0 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.al-show .al-tit-img{
    width: 20px;
    background: #fff;
}
.al-show .al-tit-img img{
    width: 20px;
    height: 19px;
    vertical-align: middle;
}
/*案例列表*/
.al-show .index-al-list {
    padding: 27px 0 66px;
}
.index-al-list .index-al-top {
    display: flex;
    justify-content: space-between;
    height: 446px;
    position: relative;
    top: 100px;
    transition: top 0.5s;
}
.index-al-list .index-al-top.show {
    top: 0;
    transition: top 0.5s;
}
.index-al-list .index-al-top-item {
    position: relative;
    width: calc(50% - 8px);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}
.index-al-list .index-al-top-item-img {
    height: 100%;
}
.index-al-list .index-al-top-item-img img{
    width: 100%;
    height: 100%;
}
.index-al-list .index-al-top-item-con {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 387px;
    height: 94px;
    padding: 17px 25px 14px 9px;
    box-sizing: border-box;
    background-color: #fff;

    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
}
.index-al-list .index-al-bottom-tit {
    font-weight: bold;
    color: #0d0d0d;
}
.index-al-list .index-al-i-1 {
    margin-top: 9px;
}
.index-al-all .index-al-i-1 .index-al-label {
    color: #212326;
}
.index-al-list .index-al-i-1 a {
    color: #212326;
    margin-right: 10px;
}
.index-al-list .index-al-2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.index-al-list .index-al-2 div {
    flex: 1;

}
.index-al-list .index-al-2 div:last-child {
     text-align: right;
}
.index-al-list .index-al-2 .index-al-span {
    color: #f6a013;
}
.index-al-list .index-al-3 {
    display: flex;
    align-items: baseline;
}
.index-al-list .index-al-4 {
    display: flex;
    align-items: baseline;
}
.index-al-list .index-al-4 .index-al-4-con {
    font-size: 14px;
    color: #6b6b6b;
}
.index-al-list .index-al-2,
.index-al-list .index-al-3,
.index-al-list .index-al-4,
.index-al-list .index-al-5 {
    opacity: 0;
}
.index-al-list .index-al-top-item .index-al-5 {
    display: flex;
    align-items: center;
}
.index-al-list .index-al-5-con {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.index-al-list .index-al-5-img {
    width: 131px;
    height: 52px;
    text-align: center;
}
.index-al-list .index-al-5-img img{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.index-al-list .index-al-top-item:hover .index-al-yi {
    background: #3b55e6;
}
.index-al-list .index-al-top-item:hover .index-al-top-item-con {
    height: 100%;
    transition: height 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 66px;
    overflow: unset;
}
.index-al-list .index-al-top-item:hover .index-al-2,
.index-al-list .index-al-top-item:hover .index-al-3,
.index-al-list .index-al-top-item:hover .index-al-4,
.index-al-list .index-al-top-item:hover .index-al-5 {
    opacity: 1 !important;
    transition: opacity 1s;
}
.index-al-list .index-al-top-item:hover .index-al-mask {
    opacity: 1;

    height: 100%;
    transition: height 0.3s, opacity 1s;
}
.index-al-list .index-al-yi {
    position: absolute;
    width: 91%;
    height: 5px;
    background: #8f8f8f;
    bottom: 14px;
    left: 9px;
}
.index-al-list .index-al-label {
    font-size: 16px;
    font-weight: 400;
    color: #6b6b6b;
    display: inline-block;
    white-space: nowrap;
}
.index-al-list .index-al-mask {
    width: 100%;
    height: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.index-al-list .index-al-mask-btn {
    position: absolute;
    right: 32px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    width: 142px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    border: 2px solid #ffffff;

    cursor: pointer;
}
.index-al-list .index-al-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 18px;
    position: relative;
    top: 100px;
    transition: top 0.5s;
}
.index-al-list .index-al-bottom.show {
    top: 0;
    transition: top 1s;
}
.index-al-list .index-al-bottom-item {
    width: calc(33.33% - 13px);

    background-color: #fff;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);

    position: relative;
    padding-bottom: 94px;
    font-size: 16px;
    overflow: hidden;
}
.index-al-list .index-al-bottom-img {
    height: 367px;
}
.index-al-list .index-al-bottom-img img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.index-al-list .index-al-bottom-con {
    position: absolute;
    bottom: 0;
    padding: 17px 25px 20px 9px;
    box-sizing: border-box;
    background: #fff;

    height: 94px;
    overflow: hidden;
}
.index-al-list .index-al-bottom-con .index-al-5 {
    text-align: center;
    margin-bottom: 24px;
}
.index-al-list .index-al-bottom-con .index-al-5-btn {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    color: #3b55e6;
    border: 1px solid #3b55e6;
    padding: 3px 30px;

    cursor: pointer;
}
.index-al-list .index-al-bottom-item:hover .index-al-bottom-con {
    height: 80%;
    transition: height 0.3s;
    overflow: unset;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.index-al-list .index-al-bottom-item:hover .index-al-2,
.index-al-list .index-al-bottom-item:hover .index-al-3,
.index-al-list .index-al-bottom-item:hover .index-al-4,
.index-al-list .index-al-bottom-item:hover .index-al-5 {
    opacity: 1 !important;
    transition: opacity 1s;
}
/*案例logo*/
.index-al-logo {
    position: relative;
    height: 575px;
    margin-top: 70px;
    margin-bottom: 20px;

}
.index-al-logo .index-al-logo-list {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    zoom:normal;
}

.index-al-logo .hex-tit{
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.index-al-logo .index-al-logo-list.index-al-logo-list-2{
    top: 114px;
}
.index-al-logo .index-al-logo-list.index-al-logo-list-3{
    top: 228px;
}
.index-al-logo .index-al-logo-list.index-al-logo-list-4{
    top: 342px;
}
.index-al-logo .index-al-logo-list.index-al-logo-list-5{
    top: 456px;
}
.index-al-logo .index-al-logo-img{
    max-width: 90%;
    max-height: 90%;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 50%;
}
.index-al-logo .hexbig-tit{
    font-size: 62px;
    font-weight: bold;
    color: #07A6F1;
    text-align: center;
}
/*六边形*/
.hex{
    width: 130px;
    height: 78px;
    background: #F1F1F1;
    position: relative;
    margin: 0 -1px;
}
.hex:before, .hex:after {
    content:"";
    border-left: 65px solid transparent;
    border-right: 65px solid transparent;
    position: absolute;
}
.hex:before {
    top: -39px;
    border-bottom: 40px solid #F1F1F1;
}
.hex:after {
    bottom: -39px;
    border-top: 40px solid #F1F1F1;
}
.hex.inner {
    background-color:#fff;
    -webkit-transform: scale(.96, .96);
    -moz-transform: scale(.96, .96);
    transform: scale(.96, .96);
    z-index:1;
}
.hex.inner:before {
    border-bottom: 40px solid #fff;
}
.hex.inner:after {
    border-top: 40px solid #fff;
}
/*藍色*/
.hex.hex-fff {
    background: #fff;
}
.hex.hex-fff:before {
    border-bottom: 40px solid #fff;
}
.hex.hex-fff:after {
    border-top: 40px solid #fff;
}
.hex.hex-fff .hex.inner {
    background-color: #00AAF5;
    -webkit-transform: scale(.9, .9);
    -moz-transform: scale(.9, .9);
    transform: scale(.9, .9);
    position: relative;
}
.hex.hex-fff .hex.inner:before {
    border-bottom: 40px solid #00AAF5;
}
.hex.hex-fff .hex.inner:after {
    border-top: 40px solid #00AAF5;
}
    /*中间*/
.hexbig {
    width: 268px;
    height: 156px;
    background: #fff;
    position: relative;
    top: 50%;
    left: 50%;
    /*transform: translate(-50%, calc(-50% - 20px));
    */box-shadow: 0px 6px 156px 4px rgba(0, 0, 0, 0.09);
    transform: translate(-50%, -50%) translateY(-20px);
    -webkit-transform: translate(-50%, -50%) translateY(-20px);
    -moz-transform: translate(-50%, -50%) translateY(-20px);
    -ms-transform: translate(-50%, -50%) translateY(-20px);
    -o-transform: translate(-50%, -50%) translateY(-20px);
}
.hexbig:before, .hexbig:after{
    content:"";
    border-left: 134px solid transparent;
    border-right: 134px solid transparent;
    position: absolute;
}
.hexbig:before{
    top: -75px;
    border-bottom: 76px solid #fff;
}
.hexbig:after{
    bottom: -75px;
    border-top: 76px solid #fff;
}
/*六边形*/

/*首页 案例 展示*/

/*发稿流程*/
.index-process {
    background-color: #1E1E1E;
    color: #fff;
    padding-bottom: 26px;
}
.index-process .index-process-top {
    padding: 50px 0 37px;
    position: relative;
}
.index-process .index-process-top:after{
    content: '';
    position: absolute;
    width: 31px;
    height: 3px;
    background: #FFFFFF;
    border-radius: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.index-process .index-process-top-tit{
    font-size: 36px;
    font-weight: 400;
    line-height: 42px;
    text-align: center;
    padding-bottom: 20px;
}
.index-process .index-process-top-en{
    font-size: 19px;
    font-weight: 400;
    line-height: 42px;
    text-align: center;
}
.index-process .index-process-middle {
    display: flex;
    justify-content: space-around;
    padding: 50px 0;
}
.index-process .index-process-middle .index-process-item {
    text-align: center;
    position: relative;
}
.index-process .index-process-middle .index-process-item+.index-process-item::after{
    position: absolute;
    content: '';
    width: 38px;
    height: 1px;
    background: #fff;
    left: 0;
    top: 50%;
    /*transform: translate(calc(-100% - 38px),-40px);
    */transform: translate(-100%,-40px) translateX(-38px);
    -webkit-transform:translate(-100%,-40px) translateX(-38px);
    -moz-transform:translate(-100%,-40px) translateX(-38px);
    -ms-transform:translate(-100%,-40px) translateX(-38px);
    -o-transform:translate(-100%,-40px) translateX(-38px);
}
.index-process .index-process-middle .index-process-img {
    width: 82.5px;
    height: 80px;
    background: #00AAF5;
    border-radius: 50%;
    line-height: 80px;
}
.index-process .index-process-middle .index-process-img-i{
    max-width: 50%;
    max-height: 50%;
    vertical-align: middle;
}
.index-process .index-process-middle .index-process-item-tit{
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 42px;
    padding-top: 30px;
}
.index-process .index-process-bottom{
    text-align: center;
}
.index-process-bottom .index-process-reg{
    width: 371px;
    height: 57px;
    line-height: 57px;
    background: #FFFFFF;
    border-radius: 10px;

    font-size: 26px;
    font-weight: 400;
    color: #1E1E1E;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}
.index-process-bottom .index-process-des{
    padding-top: 30px;
    font-size: 19px;
    line-height: 42px;
}

/*发稿流程*/

/*footer*/
.footers {
    background: #1E1E1E;
    color: #FFFFFF;
    padding-top: 33px;
    position: relative;
    max-width:100%;
    z-index: 19891022;
}
.footers .footer-top{
    overflow: hidden;
}
.footers .footer-top .footer-item-t {
    position: relative;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
}
.footers .footer-top .footer-item-t-item {
    cursor: pointer;
    position: relative;
}
.footer-top .footer-item-t-item:first-child{
    margin-right: 35px;
}
.footer-top .footer-item-t-item.on::before{
    content: '';
    position: absolute;
    width: 18px;
    height: 2px;
    background-color: #1D65D1;
    bottom: -22px;
    left: 2px;
}
.footer-top .footer-item-t-item.on::after{
    content: '';
    position: absolute;
    bottom: -22px;
    left: 20px;
    width: 44px;
    height: 2px;
    background: #fff;
}
.footer-top .footer-box{
    flex-flow: row wrap;
    width: 200px;
    padding-top: 52px;
}
.footer-top .footer-box a{
    width: 80px;
    justify-content: start;

    font-size: 16px;
    font-weight: 400;
    color: #CFCFCF;
    line-height: 34px;
}
.footer-top .footer-box a:nth-of-type(2n+2){
    margin-left: 30px;
}
/*2*/
.footer-box1 {
    padding-top: 52px;
}
.footer-box1 .footer-box1-item {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    color: #CFCFCF;
    line-height: 34px;
}
.footer-box1 .footer-img {
    width: 22px;
    text-align: center;
    margin-right: 9px;
}
.footer-box1 .footer-phone{
    width: 17px;
    height: 17px;
}
.footer-box1 .footer-qq{
    width: 15px;
    height: 17px;
}
.footer-box1 .footer-times{
    width: 22px;
    height: 14px;
}
/*3*/
.footer-box2 {
    padding-top: 38px;
}
.footer-box2 .footer-box2-item {
    width: 235px;
    height: 120px;

    background: url('../image/04.png') center center no-repeat;
    background-size: 100% 100%;
    padding: 12px;
    box-sizing: border-box;

    display: flex;
    align-items: center;
}
.footer-box2 .footer2-img {
    width: 97px;
    height: 97px;
    margin-right: 25px;
}
.footer-box2 .footer2-img-i{
    width: 100%;
    height: 100%;
}
.footer-box2 .footer2-tit{
    font-size: 16px;
    font-weight: 400;
    color: #A8A8A8;
    line-height: 24px;
}

.footers-copy-right{
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
    padding: 40px 0 18px;
}
.footers-copy-right a{
    color: #fff;
}
/*footer*/

/*首页右侧浮动*/
.index-right {
    position: fixed;
    right: 0;
    top: 170px;
    z-index: 99999999;
}
.index-right .index-right-item {
    width: 120px;
    height: 53px;
    background-color: #3B55E6;
    transition: transform 0.3s;
    transform: translateX(67px);
    display: flex;
    align-items: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
}
.index-right .index-right-item-img{
    max-width: 50%;
    max-height: 50%;
    padding-left: 15px;
}
.index-right .index-right-item-tit{
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    padding-left: 16px;
}
.index-right .index-right-item-des {
    display: none;
    position: absolute;
    top: 0;
    right: 120px;
    margin-right: 10px;
    width: 155px;
    background: #FFFFFF;
    box-shadow: 0px 0px 9px 1px rgba(0, 0, 0, 0.11);
    border-top: 2px solid #3B55E6;
    font-size: 14px;
    padding-bottom: 10px;
}
.index-right .index-right-hover{
    width: 165px;
    background-color: transparent;
}
.index-right .index-right-item-d {
    margin-top: 15px;
    padding-left: 10px;
}
.index-right .index-right-item-des-l{
    color: #666666;
}
.index-right .index-right-item-des-p{
    color: #383838;
    margin-top: 3px;
    font-weight: bold;
    display: block;
}
.index-right .index-right-item-des-img{
    width: 137px;
    height: 137px;
    padding: 10px 10px 0;
}
.index-right .index-right-item:hover,
.index-right .index-right-item.on {
    transform: translateX(0);
    transition: transform 0.3s;
}
.index-right .index-right-item:hover .index-right-item-des,
.index-right .index-right-item.on .index-right-item-des {
    display: block;
}
.index-right .index-right-item+.index-right-item{
    margin-top: 15px;
}
/*首页右侧浮动*/



/*新手疑问 new_user*/
/*help-header*/
.help-header .help-header-list {
    padding: 48px 84px 24px 135px;
    display: flex;
    justify-content: space-between;
}
.help-header .help-header-item {
    display: inline-block;
    cursor: pointer;
    width: 186px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    background: #FFFFFF;
    border-radius: 15px;

    font-size: 18px;
    font-weight: bold;
    color: #3B3D49;
    text-decoration: none;
}
.help-header .help-header-item.on{
    background: #18187C;
    color: #fff;
}
.new_user{
    background-color: #F6F6F6;
    margin-top: -13px;
}
/*new_user-main*/
.new_user-main {
    background-color: #fff;
    border-radius: 20px;
    padding: 26px 5px 33px 18px;
}
.new_user-main .new_user-item {
    display: flex;
    align-items: baseline;
}
.new_user-main .new_user-item-des{
    font-size: 14px;
}
.new_user-main .new_user-item.answer-wrap{
    flex-wrap: wrap !important;

}
.new_user-main .new_user-item:nth-child(even) {
    justify-content: flex-start;
    text-align: left;
}
.new_user-main .new_user-item:nth-child(even) .new_user-item-des{
    max-width: 343px;
    background: #D0E0FE;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 0px 20px 20px 20px;
    padding: 20px;

    font-weight: bold;
    color: #323957;
    margin-left: 8px;
}
.new_user-main .new_user-item:nth-child(odd) {
    text-align: left;
    justify-content: right;
    flex-flow: row-reverse;
}
.new_user-main .new_user-item:nth-child(odd) .new_user-item-des{
    max-width: 632px;
    background: #2979FF;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 20px 0px 20px 20px;
    padding: 15px 20px;

    color: #fff;
    margin-right: 8px;
}
.new_user-main .new_user-item-imgs {
    width: 100%;
    text-align: right;
    margin-top: 40px;
    margin-right: 76px;
}
.new_user-main .new_user-item-img {
    background: #2979FF;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 20px 0px 20px 20px;
    padding: 13px;

    display: inline-block;
}
.new_user-main .new_user-item-img img{
    width: 160px;
    height: 160px;
}
.new_user-main .new_user-item-b {
    margin: 40px 76px 0 0;
    display: flex;
    justify-content: right;
    color: #fff;
    font-size: 14px;
}
.new_user-main .new_user-b1 .new_user-b1-i{
    padding: 13px;
    background: #2979FF;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 20px 0px 20px 20px;
}
.new_user-main .new_user-b2-i {
    display: flex;
    align-items: center;
    padding: 13px;
    background: #2979FF;
    box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 20px 0px 20px 20px;
}
.new_user-main .new-b2-2,
.new_user-main .new-b2-4{
    width: 149px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #FFFFFF;
    border-radius: 24px;

    font-size: 15px;
    font-weight: bold;
    color: #2979FF;
}
.new_user-main .new-b2-2{
    margin-right: 40px
}
.new_user-main .new-b2-4{
    margin-right: 40px;
}
/*新手疑问 new_user*/

/*常见问题 help_index-main*/
.help_index{
    background-color: #F6F6F6;
    margin-top: -65px;
}
.help_index .help-header-list{
    padding-top: 100px;
}
.help-index-box {
    padding-bottom: 40px;
}
.help-index-box .help-index-item-tit{
    font-size: 19px;
    font-weight: 400;
    color: #18187C;
    line-height: 40px;
    padding: 8px 0;
}
.help-index-box .help-index-item-des {
    background: #FFFFFF;
    box-shadow: 0px 4px 11px 2px rgba(158, 158, 158, 0.23);
    border-radius: 5px;

    font-size: 14px;
    font-weight: 400;
    color: #131313;
    line-height: 40px;

    padding: 11px 40px;
}
.help-index-box .help-index-item-des span{
    display: inline-block;
    text-indent: 2em;
}


/*常见问题 help_index-main*/

/*代理入驻 oemin*/
.oemin-main-1 {

    background-color: #FAF8F5;
    height: 680px;
    background: url('../image/01.png') center center no-repeat;
    background-size: cover;
}
.oemin-main-1 {
    position: relative;
}
.oemin-main-box {
    cursor: pointer;
    width: 243px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 400;
    color: #9F9F9F;
    line-height: 30px;
    padding: 20px 0;

    position: absolute;
    display: flex;
    justify-content: center;
}
.oemin-main-1 .oemin-main-box:hover{
    box-shadow: 0px 40px 35px 0px rgba(192, 200, 240, 0.2);
    color: #294AF1;
}
.oemin-main-1 .oemin-main-box.oemin-main-1-1{
    left: 233px;
    top: 112px;
}
.oemin-main-1 .oemin-main-box.oemin-main-1-2{
    left: 136px;
    top: 291px;
}
.oemin-main-1 .oemin-main-box.oemin-main-1-4{
    left: 294px;
    top: 468px;
}
.oemin-main-1 .oemin-main-box.oemin-main-1-5{
    left: 637px;
    top: 490px;
}
.oemin-main-1 .oemin-main-1-3 {
    position: absolute;
    top: 259px;
    left: 596px;
    width: 426px;
}
.oemin-main-1 .oemin-main-1-3-en{
    font-size: 14px;
    font-weight: 400;
    color: #9F9F9F;
    line-height: 30px;
}
.oemin-main-1 .oemin-main-1-3-tit{
    font-size: 42px;
    font-weight: 400;
    color: #171717;
    padding: 10px 0 20px;
}
.oemin-main-1 .oemin-main-1-3-des{
    font-size: 14px;
    font-weight: 400;
    color: #505457;
    line-height: 30px;
}
.oemin-main-2 .oemin-box-2-tit{
    font-size: 42px;
    font-weight: 400;
    color: #171717;
    padding: 56px 0 50px;
}
.oemin-main-2 .oemin-box-2-des{
    font-size: 14px;
    font-weight: 400;
    color: #9F9F9F;
    line-height: 30px;
}
.oemin-main-2 .oemin-box-2-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 0 62px 65px;
    border-bottom: 1px solid #E9FBF6;
    margin: 0 43px;
}
.oemin-main-2 .oemin-box-2-item {
    width: 33.33%;
    margin-top: 80px;
}
.oemin-main-2 .oemin-box-2-item-img img{
    width: 65px;
    height: 59px;
}
.oemin-main-2 .oemin-box-2-item-tit{
    font-size: 24px;
    font-weight: 400;
    color: #171717;
    padding-top: 40px;
}
.oemin-main-3 {
    padding: 50px 0;
}
.oemin-box-3 {
    display: inline-flex;
    justify-content: center;
    height: 54px;
    line-height: 54px;
    border-radius: 27px;
    background: #E9FBF6;
    box-shadow: 0px 40px 35px 0px rgba(221, 223, 243, 0.32);
    border-radius: 27px;

    padding: 0 169px 0px 54px;
    font-size: 16px;
    position: relative;
}
.oemin-box-3-span-1{
    color: #053666;
}
.oemin-box-3-span-2{
    color: #FF0000;
    padding-left: 20px;
}

.oemin-box-3-btn{
    cursor: pointer;
    width: 162px;
    background: #294AF1;
    box-shadow: 0px 40px 35px 0px rgba(221, 223, 243, 0.32);
    border-radius: 27px;

    font-size: 16px;
    color: #FFFFFF;

    position: absolute;
    right: -10px;
}
/*代理入驻 oemin*/

/*媒体入驻 mediain*/
.mediain-main {
    height: 663px;
    background-color: #FAF8F5;
}
.mediain-main-3 {
    position: relative;
    background: url('../image/01.png') center center no-repeat;
    background-size: cover;
    height: 100%;
}
.mediain-box-1 {
    position: absolute;
    top: 121px;
    left: 180px;
}
.mediain-box-1-item{
    width: 243px;
    height: 70px;
    line-height: 70px;
    background: #FFFFFF;
    border-radius: 3px;
    text-align: center;
}
.mediain-box-1-item+.mediain-box-1-item {
    margin-top: 10px;
}

.mediain-box-2{
    position: absolute;
    top:191px;
    right: 266px;
    width: 371px;
}
.mediain-box-3{
    position: absolute;
    bottom: 5px;
    right: 22px;
}
.mediain-main-2 {
    position: relative;
    display: flex;
    justify-content: center;
}
.mediain-box-4 {
    margin-top: 105px;
    text-align: right;
    margin-right: 140px;
}
.mediain-box-4-list {
    margin-top: 40px;
}
.mediain-box-4-item {
    font-size: 18px;
    font-weight: 400;
    color: #171717;
    line-height: 30px;


    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.mediain-box-4-item img{
    margin-left: 20px;
}
.mediain-box-4-item+.mediain-box-4-item{
    margin-top: 50px;
}
.mediain-box-5{
    margin-top: 28px;
}
.mediain-box-7{
    position: absolute;
    right: 22px;
    top: 2px;
}
.mediain-box-6 {
    position: absolute;
    bottom: 20px;

    width: 625px;
    height: 80px;
    background: #294AF1;
    border-radius: 3px;

    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
}
.mediain-box-6-tit{
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

.mediain-box-6-btn{
    width: 200px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background: #FFFFFF;
    border-radius: 10px;

    font-size: 20px;
    font-weight: bold;
    color: #294AF1;
}
.main-tit{
    font-size: 42px;
    font-weight: 400;
    color: #171717;
    padding: 10px 0 20px;
}
.main-des{
    font-size: 14px;
    font-weight: 400;
    color: #505457;
    line-height: 30px;
}
/*媒体入驻 mediain*/

/*关于我们 aboutus*/
.about-box {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 34px 0 64px;
}
.about-box .about-box-1,
.about-box .about-box-2 {
    width: 470px;
    position: relative;
}
.about-box .about-box-1:before,
.about-box .about-box-2:before{
    content: '';
    position: absolute;
    z-index: -1;
    width: 236px;
    height: 712px;
    background: url("../image/011.png") center center no-repeat;
}
.about-box-1 {
    background-color: #0D4BDE;
}
.about-box-1:before{
    top: 272px;
    left: -90px;
}
.about-box-1 .about-box-tit{
    padding-top: 60px;
}
.about-box .about-box-2 {
    background-color: #081E53;
    margin-top: 110px;
}
.about-box .about-box-2 .about-box-tit{
    padding-top: 30px;
    padding-bottom: 54px;
}
.about-box .about-box-2:before{
    top: 130px;
    right: -90px;
    height: 750px;
    background-repeat: repeat-y;
}
.about-box .about-box-2 .about-box-des{
    color: #E2E0E0;
    font-size: 16px;
}
.about-box .about-box-2 .about-box-2-item {
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 34px;
}
.about-box .about-box-2 .about-box-2-item span {
    display: inline-block;
}
.about-box .about-box-2 .about-box-2-item span:last-child{
    margin-left: 10px;
}
.about-box-tit{
    font-size: 50px;
    font-family: Adobe Heiti Std;
    font-weight: normal;
    color: #FFFFFF;
    text-align: right;
    padding-right: 70px;
    padding-bottom: 34px;
}
.about-box-des {
    font-size: 15px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 34px;
    padding: 0 70px;
    text-align: justify;
}
.about-box-des:after{
    display: inline-block;
    width: 100%;
    content: '';
}
.about-box-des .about-box-des-p{
    display: inline-block;
    text-indent: 2em;
}
.about-main-2 {
    background: url('../image/021.png') left top no-repeat;
    background-size: cover;
    padding: 75px 0;
}
.about-main-2 .about-box-2 {
    padding: 75px 0;
    margin-left: 130px;
    background-color: #fff;
    display: flex;
    justify-content: space-around;
}
.about-main-2 .about-box-2-left {
    margin-top: 10px;
}
.about-main-2 .about-box-2-left-en{
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    line-height: 29px;
    text-transform: Uppercase;
}
.about-main-2 .about-box-2-left-tit {
    font-size: 50px;
    font-family: FZYaoTi;
    font-weight: 400;
    color: #000000;
    position: relative;
}
.about-main-2 .about-box-2-left-tit:after{
    position: absolute;
    content: '';
    width: 92px;
    height: 3px;
    background: #E8E8E8;
    left: 0;
    bottom: -25px;
}
.about-main-2 .about-box-2-right {
    width: 720px;
    position: relative;
}
.about-main-2 .about-box-2-right:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -28px;

    width: 100%;
    height: 1px;
    background: #E8E8E8;
}
.about-main-2 .about-box-2-right .about-box-2-right-tit{
    font-size: 18px;
    font-weight: bold;
    color: #080808;
    line-height: 42px;
}
.about-main-2 .about-box-2-right .about-box-2-right-en{
    font-size: 14px;
    font-weight: 400;
    color: #080808;
}
.about-main-2 .about-box-2-right .about-box-2-right-infos{
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 32px;
}


/*关于我们 aboutus*/

/*新闻列表 news-list*/
.news_header {
    margin-top: -65px;
    height: 520px;
    background-color: rgba(0, 0, 0, 0.5);
}
.news_banner {
    color: #fff;
    font-weight: 400;
}
.news_header_tit{
    font-size: 36px;
    color: #F5F5F5;
    padding: 168px 0 40px;
}
.news_header_des{
    font-size: 14px;
}
.news_header_img{
    padding-top: 60px;
}

.news{
    background-color: #F5F5F5;
}
.news-main {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding-bottom: 25px;
}
/*news-left*/
.news-left {
    width: 300px;
}
.news-box {
    background-color: #fff;
}
.news-left-tit {
    border-left: 8px solid #BF3333;
    padding-left: 25px;
    height: 55px;
    line-height: 55px;

    font-size: 18px;
    font-weight: 400;
    color: #555555;
    letter-spacing: 2px;
}
.news-left-tit img{
    vertical-align: middle;
}
.news-box-1-item {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-weight: 400;
    color: #555555;
    letter-spacing: 2px;
    text-align: center;
    cursor: pointer;
}
.news-box-1-item+.news-box-1-item {
    padding: 0 7px;
}
.news-box-1-item+.news-box-1-item .news-box-1-item-div {
    border-top:1px dashed #ccc;
}
.news-box-1-item.on{
    background-color: rgba(0, 114, 255, 0.1);
}
.news-box-2 {
    margin-top: 26px;
}
.news-box-2 .news-left-tit {
    color: #000;
}
.news-box-2 .news-box-2-1 {
    padding: 14px 0 19px;
}
.news-box-2 .news-box-2-1 .news-box-2-item {
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    padding: 0 24px;
    position: relative;

    cursor: pointer;
}
.news-box-2 .news-box-2-1 .news-box-2-item:before{
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #B0212A;
    border-radius: 2px;
    left:10px;
    top: 50%;
    transform: translateY(-50%);
}
.news-box-2 .news-box-2-1 .news-box-2-item+.news-box-2-item{
    margin-top: 16px;
}
.news-box-4 {
    margin-top: 28px;

    font-size: 16px;
    font-weight: 400;
    color: rgba(85, 85, 85, 0.96);
    padding-bottom: 10px;
}
.news-box-4 .news-box-4-1{
    padding: 0 20px;
}
.news-box-4 .news-box-4-item {
    padding: 20px 0 14px;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
}
.news-box-4 .news-box-4-item+.news-box-4-item{
    border-top:1px dashed #ccc
}
.news-box-4 .news-box-4-item .news-box-4-item-qq {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    color: #1D65D1;
    text-decoration: none;
}
.news-box-4 .news-box-4-item .news-box-4-item-qq img{
    margin-right: 5px;
}
/*news-right*/
.news-right {
    width: 858px;
}
.news-right-top{
    width: 100%;
    height: 592px;
    background: url('../image/07.jpg') center center no-repeat;
    background-size: cover;

    position: relative;
}
.news-right-top-div {
    width: 460px;
    height: 280px;
    background: #FFFFFF;

    position: absolute;
    right: 20px;
    bottom: 24px;

    padding: 40px;
    box-sizing: border-box;
}
.news-right-top-title{
    font-size: 18px;
    font-weight: 400;
    color: #31342B;
    line-height: 30px;
}
.news-right-top-tit{
    font-size: 26px;
    font-weight: 400;
    color: #31342B;
    line-height: 32px;

    padding: 26px 0 7px;
    padding-right: 22px;
}
.news-right-top-con{
    font-size: 16px;
    font-weight: 400;
    color: #4D4D4D;
    line-height: 26px;
}
.news-right-top-page {
    position: absolute;
    bottom: 30px;
    right: 40px;
}
.news-right-top-page-item {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: rgba(153, 153, 153, 0.5);
    line-height: 32px;
}
.news-right-top-page-item.on{
    color: #31342B;
}
.news-right-top-page-item+.news-right-top-page-item{
    margin-left: 15px;
}
.news-right-top-list,
.news-right-top-list.layui-carousel>*[carousel-item] > *{
    background: #fff !important;
}
/*news-right-bottom*/
.news-right-bottom .news-right-list {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}
.news-right-bottom .news-right-list .news-right-item {
    max-width: 400px;
    margin-left: 15px;
    background-color: #fff;
    position: relative;

    width: calc(50% - 15px);
    margin-top: 45px;
    padding: 29px 9px 36px 74px;
    box-sizing: border-box;
}
.news-right-bottom .news-right-list .news-right-item-date {
    position: absolute;
    top: -15px;
    left: -15px;
    width: 75px;
    height: 90px;
    background: #31342B;
    text-align: center;

    color: #fff;
}
.news-right-bottom .news-right-list .news-right-item-day {
    font-size: 26px;
    font-weight: 400;
    line-height: 33px;
    position: relative;
    margin-top: 10px;
}
.news-right-bottom .news-right-list .news-right-item-day:after{
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);

    width: 45px;
    height: 1px;
    background:rgba(235, 224, 206, 0.3);

}
.news-right-bottom .news-right-list .news-right-item-year{
    font-size: 12px;
    font-weight: 400;
    line-height: 33px;

    margin-top: 10px;
}
.news-right-bottom .news-right-list .news-right-item-tit{
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    line-height: 25px;
    padding-right: 24px;
}
.news-right-bottom .news-right-list .news-right-item-des{
    font-size: 12px;
    font-weight: 400;
    color: #747474;
    line-height: 25px;

    padding-right: 47px;
}
.news-right-bottom .news-right-list .news-right-item-icon{
    position: absolute;
    bottom: 10px;
    right: 9px;
    width: 28px;
    height: 15px;
    background: url('../image/041.png') center center no-repeat;
}
.news-right-bottom .news-right-list .news-right-item:hover .news-right-item-date{
    background-color: #3B55E6;
}
.news-right-bottom .news-right-list .news-right-item:hover .news-right-item-tit{
    color: #3B55E6;
    text-decoration: underline;
    font-style: italic;
}
.news-right-bottom .news-right-list .news-right-item:hover .news-right-item-des{
    color: #3B55E6;
}
.news-right-bottom .news-right-list .news-right-item:hover .news-right-item-icon{
    background-image: url('../image/03.png');
}
.news-right-page {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 0 0;
}
.news-pager{
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #434343;
    line-height: 24px;
    margin-left: 18px;
}
.news-right-page .layui-laypage a, .news-right-page .layui-laypage span{
    color: #7B7B7B;
    font-family: PingFang SC;
    font-weight: 400;

    min-width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    margin: 0;
    text-align: center;
    border-radius: 2px;
}
.news-right-page .layui-laypage a,
.news-right-page .layui-laypage-spr{
    background: transparent;
    border-color: transparent;
}
.news-right-page span.layui-laypage-spr{
    font-family:'Microsoft Yahei';
    font-weight: bold;
}
.news-right-page .layui-laypage-prev,
.news-right-page .layui-laypage-next {
    background: #FFFFFF !important;
    border: 1px solid #DCDCDC !important;
    border-radius: 2px !important;
}
.news-right-page .layui-laypage-prev {
    margin-right: 20px !important;
}
.news-right-page .layui-laypage-next {
    margin-left: 20px !important;
}
/*新闻列表 news-list*/
/*新闻内容 news-detail*/
.news_detail {
    background-color: #F5F5F5;
}
.news_detail-main {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding-bottom: 25px;
}
.news_detail-main .news-right {
    width: 863px;
    background: #FFFFFF;
    margin-top: -130px;
    padding: 30px;
    box-sizing: border-box;
}
.news_detail-main .news_detail-tit{
    font-size: 30px;
    font-weight: 400;
    color: #454545;
    text-align: center;
}
.news_detail-main .news_detail-info {
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 14px;
    font-weight: 400;
    color: #454545;

    margin: 29px 0 35px;
}
.news_detail-main .news_detail-info-author{
    margin-left: 40px;
}
.news_detail-main .news_detail-con {
    font-size: 18px;
    font-weight: 400;
    color: #5A5A5A;
    line-height: 46px;
}
.news_detail-main .news_detail-con  p{
    margin: 0;
}
.news_detail-main .news_detail-con p+p{
    margin-top: 46px;
}
.news_detail-main .news_detail-bottom {
    padding-top: 36px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news_detail-main .news_detail-back{
    font-size: 18px;
    font-weight: 400;
    color: #5BB0FF;
    line-height: 48px;
}
.news_detail-main .news_detail-other {
    font-size: 14px;
    font-weight: 400;
    color: #767676;
    max-width: 50%;
    text-align: right;
}
.news_detail-main .news_detail-other a{
    color: #767676;
}
.news_detail-main .news_detail-prev+.news_detail-next{
    margin-top: 13px;
}
/*新闻内容 news-detail*/
/*案例 al*/
.al {
    padding-top: 50px;
}
.al-main{
    padding-top: 50px;
}
.al-main .al-tit {
    margin: 0 80px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.al-main .al-tit-item {
    margin: 0 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.al-main .al-main-tit-i {
    font-size: 18px;
    font-weight: 400;
    color: #ACACAC;
    padding: 3px;
    cursor: pointer;
}
.al-main .al-main-tit-i.on,
.al-main .al-main-tit-i.layui-this{
    color: #1F1E1E;
    font-weight: bold;
    border-bottom: 2px solid #1B1B1B;
}
.al-main .al-tit-img {
    width: 20px;
    background: #fff;
}
.al-main .al-tit-img img{
    width: 20px;
    height: 19px;
    vertical-align: middle;
}
.al-main .al-con {
    padding: 25px 0 15px;
}
.al-main .al-list {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    padding-bottom: 40px;
}
.al-main .al-list:after{
    content: '';
    width: 33%;
}
.al-main .al-item {
    width: calc(33.33% - 3px);
    background: #F6F6F6;
    margin-top: 18px;
}
.al-main .al-item .al-item-img {
    width: 397px;
    height: 248px;
    line-height: 248px;
    text-align: center;
}
.al-main .al-item .al-item-img img{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.al-main .al-item-con {
    padding: 17px 6px 20px;
    font-size: 16px;
}
.al-main .al-item-con .al-item-tit{
    font-weight: bold;
    color: #0D0D0D;
}
.al-main .al-item-con .al-item-media {
    color: #212326;
}
.al-main .al-item-con .al-item-media a {
    display: inline-block;
    color: #212326;
    margin-right: 15px;
}
.al-main .layui-carousel>*[carousel-item] > *{
    position: relative !important;
    background-color: #fff;
}
.al-main  .layui-carousel{
    height: auto !important;
    background-color: #fff;
    position: relative;
}
.al-main  .layui-carousel .layui-tab-title{
    margin: 0 180px;
    border: unset;
}
.al-main  .layui-carousel .layui-tab-title li.layui-this:after{
    content: unset;
}
.al-main .layui-tab-content{
    padding: 25px 0 0;
}
.al-main .layui-carousel-arrow{
    top: 40px;
    color: transparent;
    border-radius:0;
    background-color:transparent;

    width: 20px;
    height: 19px;
    z-index: 999;

}
.al-main .layui-carousel-arrow[lay-type="sub"]{
    background: url("../image/08.png") center center no-repeat;
    background-size: contain;
    left: 80px !important;
}
.al-main .layui-carousel-arrow[lay-type="add"]{
    background: url("../image/09.png") center center no-repeat;
    background-size: contain;
    right: 80px !important;
}
.al-pages{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px;
}
.al-pages-box{
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    height: 28px;
    line-height: 28px;
    border: 1px solid #CCCCCC;
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0 10px;
}
.al-pages-box.al-pb-unshow{
    border:1px solid rgba(204, 204, 204, 0.1);
}
#al-page .layui-laypage{
    margin: 0;
}
#al-page .layui-laypage .layui-laypage-curr,
#al-page .layui-laypage a {
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
    display: inline-block;
    min-width: 28px;
    text-align: center;
    margin: 0 5px;
    border-radius: 0;
}
#al-page .layui-laypage-em{
    border-radius: 0;
}

/*案例 al*/

/*案例内容*/
.al_detail-breadcrumb {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 400;

    line-height: 26px;
    padding: 9px 0 23px;
}
.al_detail-breadcrumb .al_detail-breadcrumb-img{
    width: 14px;
    height: 13px;
    margin-right: 15px;
}
.al_detail-breadcrumb .al_detail-breadcrumb-tit{
    color: #ACACAC;
}
.al_detail-breadcrumb .al_detail-breadcrumb-fh{
    width: 11px;
    height: 1px;
    background: #000000;
    margin: 0 6px;
}
.al_detail-breadcrumb .al_detail-breadcrumb-des{
    color: #686868;
}
.al_detail-main .al_detail-lebal{
    font-size: 16px;
    font-weight: bold;
    color: #212326;

    display: inline-block;
    white-space:nowrap;
}
.al_detail-main .al_detail-top {
    background: #F2F2F2;
    padding: 26px 46px 40px 36px;
    font-size: 16px;
    font-weight: 400;
}
.al_detail-main .al_detail-top .al_detail-tit{
    font-weight: bold;
    color: #0D0D0D;
    text-align: center;
}
.al_detail-main .al_detail-top .al_detail-infos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 26px 0;
}
.al_detail-main .al_detail-top .al_detail-infos-item:first-child{
    max-width: 70%;
    display: flex;
    align-items: flex-start;
}
.al_detail-main .al_detail-top .al_detail-infos-item .al_detail-link {
    max-width: 85%;
    display: inline-block;
}
.al_detail-main .al_detail-top .al_detail-infos-item .al_detail-link a{
    display: inline-block;
    color: #212326;
    margin-right: 15px;
}
.al_detail-main .al_detail-top .al_detail-infos-item .al_detail-link a:hover{
    color: #3B55E6;
    text-decoration: underline;
}
.al_detail-main .al_detail-top .al_detail-industry {
    display: flex;
    align-content: flex-start;
}
.al_detail-top .al_detail-industry .al_detail-lebal{
    line-height: 42px;
}
.al_detail-top .al_detail-industry .al_detail-i-con{
    color: #5D5D5E;
    line-height: 42px;
    padding-left: 25px;
}
.al_detail-top .al_detail-industry+.al_detail-industry{
    margin-top: 10px;
}
.al_detail-top .al_detail-d{
    color: #263DC1;
}
.al_detail-imgs {
    display: flex;
    align-content: flex-start;
    padding: 35px 20px;
}
.al_detail-imgs .al_detail-img {
    width: 827px;
}
.al_detail-imgs .al_detail-img al_detail-i {
    background: #BEBEBE;
    box-shadow: 0px 6px 27px 2px rgba(0, 0, 0, 0.1);
}
.al_detail-imgs .al_detail-img al_detail-i img{
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

/*案例内容*/
/*media*/
.media-steps{
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    position: relative;
    height: 37px;
    line-height: 37px;
    margin-top: 24px;
    width: 100%;
    z-index: 1;
    /*overflow: hidden;*/
}
.media-step {
    width: 25%;
    /*overflow: hidden;*/
    background: #fff;
    box-shadow: 11px 0px 21px 0px rgba(162, 162, 162, 0.31);
    border-radius: 0px 18px 18px 0px;
    position: absolute;

    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #0075E6;
}
.media-steps .media-step:nth-child(1).on:after{
    content: none;
}
.media-step:nth-child(1){
    left:0;
    z-index: 4;
}
.media-step:nth-child(2){
    left:25%;
    z-index: 3;
}
.media-step:nth-child(3){
    left:50%;
    z-index: 2;
}
.media-step:nth-child(4){
    left:75%;
    z-index: 1;
}
.media-step.on {
    background: #0075E6;
    box-shadow: 11px 0px 21px 0px rgba(0, 117, 230, 0.31);
    color: #fff;
    /* position: relative; */
}
.media-step a{
    color: #fff;
}
.media-step.on::after{
    content: '';
    position: absolute;
    width: 20%;
    height: 100%;
    background: #0075E6;
    left: -10%;
}
/*tabs*/
.tabs {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.09);
    padding: 17px 20px;
    margin-top: 30px;
}
.tabs-list .tabs-label{
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    width: 58px;
    white-space: nowrap;
    word-break: keep-all;
    background: #F5F5F5;
    display: flex;
    justify-content: center;
    padding:10px 0 0;
    line-height: 24px;
}
.tabs-list .tabs-item {
    display: flex;
    position: relative;
}
.tabs-list .tabs-ps {
    margin-left: 33px;
    width: 81.47%;
    height: 45px;
    padding: 4px 0;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    flex-flow: row wrap;
    cursor: pointer;

    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}
.tabs-list .tabs-p {
    box-sizing: border-box;
    font-size: 14px;
    font-weight: 400;
    color: #222222;
    line-height: 24px;
    height: 24px;
    padding: 0 4px;
    margin: 6px 3px;
    position: relative;
}
.tabs-list .tabs-p.on{
    font-weight: bold;
    color: #006DD4;
}
.tabs-list .tabs-p:hover{
    background: #006DD4;
    border-radius: 3px;
    color: #fff;
}
.tabs-list .tabs-form {
    display: flex;
    align-items: center;
    padding-left: 10px;
}
.tabs-list .tabs-form input{
    width: 76px;
    margin: 0 3px;
    line-height: 1;

    height: 22px;
    line-height: 22px;

    font-size: 14px;
}
.tabs-list .tabs-form .tabs-f-btn{
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;

    background: #1D83E5;
    border-radius: 3px;
    padding: 0 6px;
    margin-left: 4px;

}
.tabs-list .tabs-more {
    font-size: 14px;
    font-weight: 400;
    color: #7F7F7F;
    position: absolute;
    right: 29px;
    top: 16px;
    cursor: pointer;
}
.tabs-list .tabs-more img{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}
.tabs-list  .tabs-other-item {
    display: flex;
    align-items: baseline;
}
.tabs-list .tabs-other-is{
    display: flex;
    align-items: flex-start;
    margin-left: 33px;
}
.tabs-list .tabs-other-i {
    margin-right: 10px;
    cursor: pointer;
    position: relative;
}
.tabs-list .tabs-other-name {
    font-size: 14px;
    font-weight: 400;
    color: #595959;
    padding: 6px;
    z-index: 2;
    position: relative;

    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: transparent;
}
.tabs-list .tabs-other-name img{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    margin-left: 7px;
}
.tabs-list .tabs-other-name.on_border{
    border-color: #979696;
    background-color: #fff;
}
.tabs-list .tabs-other-ps {
    display: none;
    flex-flow: row wrap;
    position: absolute;
    width: max-content;

    border: 1px solid #979696;
    padding: 11px 6px;
    z-index: 1;
    top: 31px;
    background-color: #fff;

    width: 300px;
}
.tabs-list .tabs-other-p {
    font-size: 14px;
    font-weight: 400;
    color: #595959;
    margin: 5px 20px 5px 0;

}
.tabs-list .tabs-other-p.on{
    font-weight: bold;
    color: #006DD4;
}
/*.tabs-list .tabs-other-p+.tabs-other-p{*/
/*    margin-left: 20px;*/
/*}*/
.tabs .tabs-select {
    padding-left: 100px;
    display: none;
    align-items: center;
    justify-content: space-between;
    margin-top: 19px;
}
.tabs .tabs-left{
    align-items: center;
}
.tabs .tabs-select-label{
    font-size: 14px;
    font-weight: 400;
    color: #6A6A6A;
    white-space: nowrap;
}
.tabs .tabs-tabs-all{
    display: flex;
    align-items: center;
    margin: 0 6px;
    flex-flow: row wrap;
}
.tabs .tabs-tabs {
    font-size: 12px;
    font-weight: 400;
    color: #A2A1A1;
    padding: 4px 7px;

    border: 1px solid #6FA4D7;
    border-radius: 3px;
    margin: 2px 6px;
}
.tabs .tabs-tab-name{
    color: #0B83F4;
}
.tabs .tabs-tab-close{
    display: inline-block;
    margin-left: 5px;
    color: #0053A5;
    cursor: pointer;
}
.tabs .tabs-tabs-close {
    background: #F4655B;
    border-radius: 3px;

    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
    white-space: nowrap;
    padding: 6px 13px;
    cursor: pointer;
}
.tabs .tabs-tabs-close img{
    max-width: 12px;
    max-height: 12px;
    vertical-align: middle;
}
.tabs .bk-banb {
    position: relative;
}
.tabs .bk-banb img{
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(150%,-200%);
}
.tabs .bk-main {
    background: #fff;
    width: 587px;
    height: 100%;
    position: absolute;
    z-index: 99;
    display:none;
}
.tabs .bk-tit{
    background-color: #3B55E6;
    color: #fff;
    text-align: center;
}
.tabs .bk-list {
    background: #fff;
    color: #202020;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #BEBEBE;
}
.tabs .bk-item {
    padding: 3px 11px;
    display: flex;
}
.tabs .bk-label{
    white-space: nowrap;
    width: 60px;
    text-align: right;
}
.tabs .bk-val{
    width: calc(100% - 60px);
}
/*my_select*/
.my_select {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.09);
    padding: 10px;
    margin-top: 20px;

    display: flex;
    justify-content: space-between;
    align-items: center;
}
.my_select .my_select-box {
    display: flex;
    align-items: center;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    color: #333;
}
.my_select .my_select-box .my_select-left {
    justify-content: flex-start;
}
.my_select .my_select-left-item {
    margin: 0 10px;
    cursor: pointer;
}
.my_select .my_select-left-item.on{
    color: #006DD4;
}
.my_select .my_select-right {
    justify-content: flex-end;
}
.my_select .my_select-btn{
    background: #006DD4;
    border-radius: 5px;
    height: 30px;
    line-height: 30px;

    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 5.5px;
    padding: 0 10px;
}
.my_select .my_select-input{
    width: 148px;
    margin-right: 13px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;

    padding: 0 9px;
    box-sizing: border-box;
    border: 1px solid #006DD4;
    border-radius: 5px;
}
.my_select .layui-form-checkbox{
    margin-right: 24px;
    color: #333;
    border-color: #6A6A6A;
    padding-left: 18px;
}

.my_select +.layui-form-checkbox span{
    padding-left: 6px;
    color: #333;
    padding-right: 0;
}
.my_select .layui-form-checkbox i.layui-icon{
    width: 12px;
    height: 12px;
    margin-top: 2px;
}
.my_select .layui-form-checkbox i.layui-icon-ok:before{
    content: unset;
}
.my_select .layui-form-checkbox.layui-form-checked i{
    background: #3B55E6;
    border: 1px solid #3B55E6 !important;
}
.my_select .layui-form-checkbox i:hover,
.my_select .layui-form-checkbox:hover i{
    border-color: #3B55E6 !important;
}

/*madia-table*/
.media-table {
    background: rgba(255, 255, 255, 0.5);
    box-shadow: 0px 0px 13px 2px rgba(0, 0, 0, 0.09);
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 36px;
}
.media-table .media-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border: 1px solid #333;
    padding: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
}

.media-table .media-item .pic{
    width: 20%;
}

.media-table .media-item .pic img{
    width: 100%;
}

.media-table .media-item .text{
    position: relative;
    width: 60%;
}

.media-table .media-item .text::before{
    content: '';
    display: block;
    width: 1px;
    height: 50px;
    background-color: #000;
    position: absolute;
    left: -27px;
    top: 36px;
}

.media-table .media-item .text .dec{
    margin: 20px 0;
}
.media-table .media-item .link{
    width: 10%;
}

.media-table .media-item .link a{
    padding: 8px 20px;
    border: 1px solid red;
    border-radius: 10px;
    color: red;
}
.media-table .media-content{
    margin-top: 30px;
}
.media-table .media-content p{
    font-size: 16px;
    line-height: 30px;
    text-indent: 32px;
}
.media-table .media-top{
    display: flex;
}

.media-table .media-top .pic{
    width: 40%;
    margin-right: 30px;
}

.media-table .media-top .pic img{
    width: 100%;
}

.media-table .media-top .cont{
    width: 60%;
}

.media-table .media-top .cont p{
    margin: 20px 0;
    font-size: 16px;
}

.media-table .media-top .cont a{
    display: inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #006DD4;
    color: #fff;
}

.media-table .media-bot h3{
    padding: 5px 10px;
    background-color: #006DD4;
    color: #fff;
    margin: 40px 0 20px;
}

.media-table .media-bot .text{
    font-size: 16px;
    line-height: 30px;
    text-indent: 32px;
}


.media-list .layui-table-cell{
    height: auto !important;
    line-height: 1;
    overflow: unset !important;
}
.media-list .media-left {
    width: 95px;
    height: 93px;
    line-height: 93px;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
}
.media-list .media-logo{
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    background: #fff;
}

.media-list .media-shop{
    font-size: 14px;
    font-weight: 400;
    color: #FF0000;

    padding: 10px 16px;
    border: 1px solid #FF0000;
    border-radius: 10px;
    cursor: pointer;
}
.media-list .media-shop.on{
    background: #FF0000;
    color: #fff;
}
.media-list .media-right-b {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 17px 8px 0;
}
.media-list .media-al {
    font-size: 16px;
    font-weight: 400;
    color: #E7581A;
}
.media-list .media-al-icon{
    width: 12px;
    height: 12px;
    vertical-align: middle;
}

.media-list .media-center {
    padding: 20px 44px 20px 21px;
    width: calc(100% - 200px);
    box-sizing: border-box;

    min-height: 140px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    box-sizing: border-box;
}
.media-list .media-center-des{
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    margin-top: 19px;
    line-height: 20px;

    white-space: initial;
}
.media-list .media-center-infos {
    display: flex;
}
.media-list .media-c-i-left {
    position: relative;
}
.media-list .media-c-i-tit{
    font-size: 16px;
    font-weight: 400;
    color: #222222;
    display: flex;
    align-items: center;
}
.media-list .media-c-i-money{
    font-size: 14px;
    font-weight: 400;
    color: #FF0000;
    margin-top: 22px;
}
.media-list .media-c-i-money::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 31px;
    background: #D6D6D6;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.media-list .media-c-i-right {
    display: flex;
    text-align: center;
    justify-content: center;
}
.media-list .media-c-i-r-item {
    display: flex;
    flex-flow: column;
}
.media-list .media-c-i-r-i-label{
    font-size: 12px;
    font-weight: 400;
    color: #999999;
    background: #F5F5F5;
    display: inline-block;

    padding: 5px 26px;
    white-space: nowrap;
}
.media-list .media-c-i-r-i-info{
    font-size: 12px;
    font-weight: 400;
    color: #373737;
    margin-top: 21px;

    max-width: 112px;
}
.media-list .media-center-other .media-c-i-left{
    width: 31%;
}
.media-list .media-center-other .media-c-i-right {
    width: 69%;
}
.media-list .media-center-other .bd-sl {
    position: relative;
    width: 59px;
    margin: -3px auto 0;
}
.media-list .media-center-other .bd-num{
    width: 25px;
    position:absolute;
    top:50%;
    left:28px;
    transform: translateY(-50%) translateY(-1px);
    font-size: 14px;
    font-weight: bold;
    color: #4190FF;
}

.media-table .media-pages{
    margin-top: 20px;
    text-align: center;
}
.media-table .media-pages .layui-laypage,
.media-table .media-pages .layui-laypage>*{
    margin: 0 3px;
    padding: 0 10px;
    border-radius: 2px;
}
.media-table .media-pages .layui-laypage>a,
.media-table .media-pages .layui-laypage .layui-laypage-spr{
    border: unset;
    position: relative;
}
.media-table .media-pages .layui-laypage>a.layui-laypage-next:before,
.media-table .media-pages .layui-laypage>a.layui-laypage-next:after{
    position: absolute;
    content: '';
    top: 50%;
    right: 30%;

    width: 0;
    height: 0;
}
.media-table .media-pages .layui-laypage>a.layui-laypage-next:before{
    transform: translate(calc(-50% - 1px), -50%);
    color: #fff;
    border: 5px solid #fff;
    border-left-color: #fff;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    z-index: 999;

}

.media-table .media-pages .layui-laypage>a.layui-laypage-next:after{

    transform: translate(-50%, -50%);

    color: #434343;
    border: 5px solid #434343;
    border-left-color: #434343;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;

}
.media-table .media-pages .layui-laypage>a.layui-laypage-next.layui-disabled:after{
    color: #AAAAAA;
    border: 5px solid #AAAAAA;
    border-left-color: #AAAAAA;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.media-table .media-pages .layui-laypage>a.layui-laypage-prev:before,
.media-table .media-pages .layui-laypage>a.layui-laypage-prev:after{
    position: absolute;
    content: '';
    top: 50%;
    right: 30%;

    width: 0;
    height: 0;
}
.media-table .media-pages .layui-laypage>a.layui-laypage-prev:before{
    transform: translate(calc(-50% + 1px), -50%);
    color: #fff;
    border: 5px solid #fff;
    border-right-color: #fff;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
    z-index: 999;
}
.media-table .media-pages .layui-laypage>a.layui-laypage-prev:after{
    transform: translate(-50%, -50%);
    color: #434343;
    border: 5px solid #434343;
    border-right-color: #434343;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.media-table .media-pages .layui-laypage>a.layui-laypage-prev.layui-disabled:after{
    color: #AAAAAA;
    border: 5px solid #AAAAAA;
    border-right-color: #AAAAAA;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.shipin-checkboxs .layui-form-checkbox{
    display: block;
    margin: 7px 0;
}
.shipin-checkboxs .shipin-checkbox{
    display: flex;
    align-items: center;

}
.shipin-checkbox .layui-form-checkbox{
    padding-left: 21px;
}
.shipin-checkbox .layui-form-checkbox span{
    padding-right: 0;
    font-size: 14px;
    padding-left: 25px;
}
.shipin-checkbox .layui-form-checkbox i{
    width: 14px !important;
    height: 14px !important;
    margin-top: 2px;
}
.shipin-checkbox .layui-form-checkbox i.layui-icon-ok:before{
    content: unset;
}
.shipin-checkbox .layui-form-checkbox.layui-form-checked i{
    background: #3B55E6;
    border: 1px solid #3B55E6 !important;
}
.shipin-checkbox .layui-form-checkbox i:hover,
.shipin-checkbox .layui-form-checkbox:hover i{
    border-color: #3B55E6 !important;
}

.shipin-tabs-ps .tabs-ps{
    align-items: center;
    padding: 0;
    width: 71.47%;
    margin-left: 0;
}
.tabs-ps-radio{
    border-right: 1px dashed #E4E4E4;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    display: flex;
    margin-left: 33px;
}
.tabs-item .layui-form-radio {
    line-height: 44px;
    box-sizing: border-box;
    margin: 0;

    display: flex;

}
.tabs-item .layui-form-radio .layui-icon{
    font-size: 14px;
    color: #979696;
    margin-right: 5px;
}

.tabs-item .layui-form-radioed{
    color: #414141;
}
.tabs-item .layui-form-radio:hover div{
    color: #3B55E6;
}
.tabs-item .layui-form-radioed i{
    color: #3B55E6 !important;
    position: relative;
}
.tabs-item .layui-form-radioed i:after{
    content: '';
    position: absolute;
    top: 49%;
    left: 0;
    transform: translateY(-50%);

    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: #3B55E6;
}
.tabs-item .layui-form-radio>div{
    white-space: nowrap;
}
.tabs-item_6 .tabs-ps{
    width: 55%;
}
.baike-bb .tabs-p{
    margin-left: 3px;
    margin-right: 8px;
}
.baike-bb .tabs-ps{
    overflow: unset;
}
.tabs-p-img{
    position: absolute;
    top: 0;
}
.baike-bb .tabs-p:hover>.bk-main{
    display: block;
}
.baike-media-center .media-c-i-right .media-c-i-r-item{
    width: 140px;
}
.media-center-6 .media-c-i-left{
    width: 27% !important;
}
.media-center-6 .media-c-i-right{
    width: 73% !important;
}
.media-center-9 {
    padding: 20px 0 20px 0 !important;
    margin: 0 11px 0px 11px;
    width: calc(100% - 222px) !important;

    border-style: solid;
    border-width: 0 1px 1px 1px;
    border-color: rgba(0, 117, 230, 0.1);
}
.media-center-9 .media-center-infos{
    border-bottom: 1px solid rgba(0, 117, 230, 0.1);
    padding-bottom: 15px;padding-left: 11px;
}
.media-center-9 .media-c-i-money{
    margin-top: 10px !important;
}
.media-center-9 .media-c-i-money::after{
    width: 0 !important;
}
.media-center-9 .media-center-bottom {
    display: flex;
    width: 100%;
    padding: 20px 20px 0px 20px;
    box-sizing: border-box;
}
.media-center-9 .m-c-b-left {
    display: flex;

    width: 50%;
    box-sizing: border-box;
    flex-flow: column;
    overflow: hidden;
}
.media-center-9 .m-c-b-item {
    width: 98%;
    display: flex;
    align-items: flex-start;
    font-size: 12px;
    font-weight: 400;
    color: #666666;
    line-height: 19px;
}
.media-center-9 .m-c-b-item+.m-c-b-item{
    margin-top: 10px;
}
.media-center-9 .media-c-b-label{
    font-size: 12px;
    font-weight: 400;
    color: #999999;

    white-space: nowrap;
    margin-right: 18px;
}
.media-center-9 .m-c-b-i-right {
    width: 50%;
    box-sizing: border-box;
    padding-left: 50px;
    display: flex;
    align-items: flex-start;
    overflow: hidden;
}
.media-center-9 .m-c-b-r-list a {
    display: block;
    width: 100%;

    font-size: 12px;
    font-weight: 400;
    color: #666;

    text-decoration: none;
    margin-bottom: 10px;
}
.media-center-9 .m-c-b-r-list:hover{
    color: #3B55E6;
    text-decoration: none;
}
.media-center-9 .m-c-b-item>div:nth-child(2){
    white-space: normal;
}

    /*media*/
/*write*/
.mediaweite-main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 30px 0 20px;
    box-sizing: border-box;

    width: 100%;
}
.mediaweite-main .mediaweite-right {
    width: 20%;
}
.mediaweite-main .mediaweite-righ-top {
    background: #FFFFFF;
    border: 1px solid #C8DCF1;
    box-shadow: 0px 0px 21px 0px rgba(60, 143, 223, 0.11);
    font-size: 12px;
    font-weight: 400;
}
.mediaweite-main .mediaweite-righ-tits {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #0075E6;
    padding: 11px 11px 6px;
    border-bottom: 1px solid #C8DCF1;
}
.mediaweite-main .mediaweite-righ-tits div{
    cursor: pointer;
}
.mediaweite-main .mediaweite-righ-list {
    max-height: 568px;
    min-height: 492px;
    overflow-y: auto;
    position: relative;
}
.mediaweite-main .mediaweite-righ-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 10px;
}
.mediaweite-main .m-r-i-name{
    width: 55%;
}
.mediaweite-main .m-r-i-money{
    width: 25%;
}
.mediaweite-main .mediaweite-righ-item+.mediaweite-righ-item{
    border-top: 1px solid #E7E7E7;
}
.mediaweite-main .mediaweite-right-center {
    font-size: 12px;
    font-weight: 400;
    color: #7F7F7F;
    padding: 9px 11px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mediaweite-main .mediaweite-right-bottom {
    background: #FFFFFF;
    border: 1px solid #C8DCF1;
    box-shadow: 0px 0px 21px 0px rgba(0, 117, 230, 0.11);
    padding: 10px 15px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
}
.mediaweite-main .m-r-b-sub{
    background: #B63727;
    border-radius: 10px;
    padding: 3px 0;
    cursor: pointer;
}
.mediaweite-main .m-r-b-link {
    background: #3C8FDF;
    border-radius: 10px;
    padding: 3px 0;
    width: 100%;
    margin-top: 13px;
    display: inline-block;
    color: #fff;
}
.mediaweite-main .m-r-b-yl{
    background: #3C8FDF;
    border-radius: 10px;
    padding: 3px 0;
    cursor: pointer;
    margin-top: 13px;
}
.mediaweite-main .mediaweite-left {
    width: calc(80% - 36px);
}
.mediaweite-main .mediawrite-upload-btn{
    height: 37px;
    background: #409EFF;
    border-radius: 4px;
}
.mediaweite-main .mediawrite-wb-btn{
    width: 130px;
    height: 37px;
    background: #409EFF;
    border-radius: 4px;
    padding: 0;
    margin-left: 20px;
}
.mediaweite-main .mobxz {
    display: flex;
    justify-content: center;
    align-content: center;
}
.mediaweite-main .mobxz-item {
    font-size: 14px;
    font-weight: 400;
    color: #C03634;

    padding: 5px 8px;
    border: 1px solid #C03634;
    border-radius: 4px;
    margin: 0 5% 30px;
    cursor: pointer;
}
.mediaweite-main .mobxz-item.on{
    background: #C03634;
    color: #FFFFFF
}
.mediaweite-main .m-w-fm{
    width: 190px;
    height: 172px;
    line-height: 172px;
    border: 1px solid #C2C2C2;
    border-radius: 4px;
    display: block;

    font-size: 14px;
    font-weight: 400;
    color: #B1B1B1;
}
.mediaweite-main .m-w-bk {
    display: flex;
}
.mediaweite-main .m-w-bk-mtlj {
    display: flex;
}
.mediaweite-main .m-w-bk-btn {
    width: 140px;
    height: 37px;
    border-radius: 4px;
    font-size: 16px;

    font-weight: 400;
    color: #FFFFFF;
    line-height: 37px;
    letter-spacing: 3.7px;
    padding: 0;
    margin-left: 29px;
}
.mediaweite-main .m-w-bk-add{
    background: #409EFF;
}
.mediaweite-main .m-w-bk-del{
    background: #DF2121;
}
.mediaweite-main input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    font-size: 14px !important;
    font-weight: 400;
    color: #B1B1B1
}
.mediaweite-main input::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 14px !important;
    font-weight: 400;
    color: #B1B1B1
}
.mediaweite-main input:-ms-input-placeholder {
    /* IE 10+ */
    font-size: 14px !important;
    font-weight: 400;
    color: #B1B1B1
}
.mediaweite-main input:-moz-placeholder {
    /* Firefox 18- */
    font-size: 14px !important;
    font-weight: 400;
    color: #B1B1B1
}
.mediawrite-tip{
    margin-left: 100px;
    font-size: 12px;
    font-weight: 400;
    color: #333333;
    line-height: 30px;
    padding: 13px;
    background-color: rgba(64, 158, 255, 0.18);
    letter-spacing: 0.3px;
    margin-bottom: 30px;
}
.write-r-page{
    display: flex;
}
.write-r-page div:nth-child(n+2){
    margin-left: 6px;
}
.write-r-prev,
.write-r-next{
    width: 18px;
    height: 18px;
    border:1px solid #595757;
    position: relative;

    cursor: pointer;
}
.write-r-prev::before,
.write-r-prev::after,
.write-r-next::before,
.write-r-next::after{
    position: absolute;
    content: ' ';
    top: 50%;
    right: 30%;

    width: 0;
    height: 0;
}

.write-r-prev::before{
    transform: translate(calc(-50% + 1px), -50%);
    color: #fff;
    border: 5px solid #fff;
    border-right-color: #fff;
    border-left: none !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    z-index: 999;
}
.write-r-prev::after{
    transform: translate(-50%, -50%);
    color: #595757;
    border: 5px solid #595757;
    border-left: none!important;
    border-top-color: transparent!important;;
    border-bottom-color: transparent!important;;
}
.write-r-next::before{
    transform: translate(calc(-50% - 1px), -50%);
    color: #fff;
    border: 5px solid #fff;
    border-left-color: #fff;
    border-right: none !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    z-index: 999;
}
.write-r-next::after{
    transform: translate(-50%, -50%);
    color: #595757;
    border: 5px solid #595757;
    border-right: none!important;
    border-top-color: transparent!important;;
    border-bottom-color: transparent!important;;
}
.write-r-next.write-r-disabled,
.write-r-prev.write-r-disabled{
    border:1px solid #C8C8C8;
}
.write-r-prev.write-r-disabled:after,
.write-r-next.write-r-disabled:after{
    color: #C8C8C8;
    border: 5px solid #C8C8C8;
}
#container .edui-editor-iframeholder{
    min-height: 520px !important;
}
#container .edui-editor{
    border: 1px solid #C2C2C2;
    border-radius: 4px;
    z-index: 1;
}
#container .edui-editor:hover{
    border-color: #eee !important;
}
#container .edui-editor-bottomContainer{
    display: none;
}

.mediaweite-left input,
.mediaweite-left textarea{
    border: 1px solid #C2C2C2;
    border-radius: 4px;
}
.mediaweite-left textarea{
    min-height: 65px;
}
.mediaweite-left .layui-form-item{
    margin-bottom: 20px;
}
.baike-imgs .layui-form-label{
    width: 150px;
}
.baike-imgs .layui-input-inline {
    min-width: 190px;
    width: auto;
}
.baike-imgs .layui-form-label:nth-child(3){
    margin-left: 50px;
}
.baike_img,
#gzhfm{
    width: 190px;
    height: 172px;
    border: 1px solid #C2C2C2;
    border-radius: 4px;

    font-size: 14px;
    font-weight: 400;
    color: #B1B1B1;

    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.baike_img,
#gzhfm{
    max-width: 100%;
    max-height: 100%;
}
.baike_img{
    width: 218px;
    height: 218px
}
.dx-form .layui-form-radio .layui-icon{
    display: none;
}
.dx-form .layui-form-radio{
    border: 1px solid #737373;
    padding: 2px 20px;

    font-size: 14px;
    font-weight: 400;
    color: #737373;
    border-radius: 4px;
}
.dx-form .layui-form-radio:hover *,
.dx-form .layui-form-radio:hover,
.dx-form .layui-form-radioed{
    border-color: #0075E6;
    color: #0075E6 !important;
}
.dx-form .layui-form-select{
    width: 229px;
}
.dx-form .layui-form-select .layui-this{
    background: #0075E6;
}
#baike-links .layui-input-block{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#baike-links .layui-btn {
    width: 140px;
    height: 37px;
    line-height: 37px;
    border-radius: 4px;

    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 3.4px;
}
.baike-add{
    background: #409EFF;
}
.baike-del{
    background: #DF2121;
}
#baike-links .layui-form-item input{
    width: 80%;
}
#media-link{
    margin-left: 18px;
}
/*write*/
/*购物车*/
.media_rigth{
    position: fixed;
    right: 0;
    top: 25%;
    z-index: 19891022;
}
.media_rigth-main{
    position: fixed;
    right: 0;
    transition: right 0.5s;
}
.media_rigth-main.on {
    position: fixed;
    right: 257px;
    transition: right 0.3s;
}
.media_rigth-main.on .media_rigth-box-1 {
    background: #0053A5;
}
.media_rigth-main.on .media_rigth-box-1-tit{
    color: #fff;
}
.media_rigth-main.on .m-r-b-1-img{
    background: url('../image/07.png') center center no-repeat;
}

.media_rigth-box {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;

    margin-bottom: 12px;
    background: #FFFFFF;
    box-shadow: 0px 2px 12px 1px rgba(0, 83, 165, 0.22);
    border-radius: 5px;
    cursor: pointer;
}
.media_rigth-box-1 {
    display: flex;
    flex-flow: column;
    height: auto;
    padding:13px 0;
}
.media_rigth-box-1 img{
    width: 25px;
    height: 22px;
    margin: 0 auto;
}
.m-r-b-1-img{
    width: 25px;
    height: 22px;
    background: url('../image/19.png') center center no-repeat;
}
.media_rigth-box-1-tit{
    width: 25px;
    margin: 0 auto;
    text-align: center;

    font-size: 16px;
    font-weight: 400;
    color: #0053A5;
    margin-top: 10px;
}
.media_rigth-box-3{
    font-size: 23px;
    font-weight: bold;
    color: #0053A5;
}

.right-shop {
    width: 249px;
    height: 100vh;
    background: #FFFFFF;
    box-shadow: 0px 2px 12px 1px rgba(0, 83, 165, 0.22);
    border-radius: 5px;
    position: fixed;
    top: 0;
    right: -249px;
    z-index: 19891021;

    font-size: 12px;
    font-weight: 400;
    color: #000000;
    transition: right 0.5s;
    padding-top: 37px;
}
.right-shop.show{
    right: 0;
    transition: right 0.3s;
}
.right-shop .r-s-top {
    border-bottom: 1px dashed #A2A2A2;
    display: flex;
    justify-content: space-between;
    padding: 10px 14px;
}
.right-shop .r-s-top>div{
    cursor: pointer;
}
.r-s-top.mt-40{
    margin-top: 40px;
}
.r-s-list {
    padding: 0 5px;
    overflow-y: auto;
    max-height: calc(100vh - 188px);
}
.r-s-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 9px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.r-s-i-tit{
    font-size: 14px;
    color: #000000;
    letter-spacing: 3px;
}
.r-s-i-info {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.r-s-i-i-money{
    font-size: 14px;
    font-weight: 400;
    color: #FF0000;
    letter-spacing: 1.4px;
    margin-right: 7px;
}
.r-s-i-i-img{
    width: 12px;
    height: 12px;
    vertical-align: middle;
}
.r-s-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #292929;
    padding: 10px 14px;
    background-color: rgba(24, 124, 223, 0.15);
}
.r-s-b-money{
    margin-top: 5px;
}
.r-s-btn{
    cursor: pointer;
    background: #187CDF;
    border-radius: 19px;
    width: 189px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: 3px;
    margin: 20px auto 0;
    display: block;
}
/*购物车*/

/*修改*/
#index_al{
    background-color: #fff !important;
}
#index_al.layui-carousel>*[carousel-item] > *{
    position:relative !important;
    background-color: #fff !important;
}
#index_al .al-show-tit-item{
    padding: 0 145px;
    border: unset;
}
#index_al .al-show-tit-item .layui-this:after{
    content: unset;
}

#index_al .layui-carousel-arrow{
    top:40px;
    z-index: 9999;

    color: transparent;
    border-radius:0;
    background-color:transparent;

    width: 20px;
    height: 19px;
}
#index_al .layui-carousel-arrow[lay-type="sub"] {
    left: 80px;
    background: url("../image/08.png") center center no-repeat;
    background-size: contain;
}
#index_al .layui-carousel-arrow[lay-type="add"] {
    right: 80px;
    background: url("../image/09.png") center center no-repeat;
    background-size: contain;
}
#banner_tit{
    min-width: 56px;
    text-align: center;
    display: inline-block;
}

.nav-pop.layui-layer-border{
    box-shadow: none !important;
    border:none !important;
}
.nav-pop.layui-layer{
    box-shadow: none !important;
}

.edui-for-autotypeset .edui-button-body:before{
    content: '一键自动排版';
}

.header_fixed{
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 50%;
    max-width:100%;
    transform: translateX(-50%);
}
#index_al{
    /*padding: 0 145px;*/
    box-sizing: border-box;
    position: relative;
}
#index_al .al-show-tit{
    overflow: hidden;
    position: relative;

    width: 910px;
}
#index_al .al-show-tit-item{
    position: relative;
    padding: 0;
    padding-top: 35px;

    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    /* width: -ms-max-content; */
    transition: transform 0.5s;
}
#index_al .layui-carousel-arrow{
    top: 62px !important;
}
#index_al .al-show-tit-i{
    cursor: pointer;
    padding: 5px;
    text-align: center;
    width: 128px;
    box-sizing: border-box;

    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: keep-all; */

    margin-right: 28px;
}
#index_al .al-more{
    position: absolute;
    top: 35px;
    right: 10px;
    line-height: 38px;
    z-index: 999;

}
#index_al .al-more a{
    color: #666;
}
.al-show .index-al-list{
    padding-top: 42px;
    /* height: 830px; */
}
#index_al{
    height:1100px
}
.al-show .con-main{
    overflow: hidden;
}

.index-process {
    background-color: #1E1E1E;
    color: #fff;
    padding-bottom: 26px;

    max-width: 100%;
}
.write-img img{
    max-width: 100%;
    max-height: 100%;
}
.mediaweite-left .layui-form-select dl{
    z-index: 1002;
}

/*index 新 案例*/
.al-show{
    background: rgba(238, 238, 238, 0.52);
}
.xin-index-al{
    width: 1098px;
    margin: 0 auto;
}
.x-i-al-tit{
    display: flex;
    justify-content: flex-end;
    padding: 35px 0 15px;
}
.x-i-al-t{
    display: inline-block;
    cursor: pointer;

    font-size: 16px;
    color: #6E6E6E;
    line-height: 26px;
}
.x-i-al-t.on{
    font-weight: bold;
    color: #B42617;
}
.x-i-al-t+.x-i-al-t{
    margin-left: 40px;
}
.x-i-al-list{
    display: flex;
    justify-content: center;
    align-items: center;
}
.x-i-al-left{
    width: 231px;
    height: 476px;
    background: #3B55E6;
    border-radius: 10px;

    box-sizing: border-box;

    padding: 50px 0 105px;
}
.x-i-al-l-item{
    padding: 0 28px;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    height: 50px;
    line-height: 50px;

    cursor: pointer;
}
.x-i-al-l-item.on{
    background: #B42617;
}
.x-i-al-l-item+.x-i-al-l-item{
    margin-top: 22px;
}
.x-i-al-right-box .x-i-al-right{
    display: none;
    width: 876px;
    height: 413px;
    background: #FFFFFF;
    box-shadow: 0px 0px 21px 0px rgba(59, 85, 230, 0.13);
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;

    box-sizing: border-box;
    padding: 25px 30px;
}
.x-i-al-right-box .x-i-al-right:first-child{
    display: block;
}
.x-i-al-r-top{
    display: flex;

}
.x-i-al-r-t-img{
    width: 237px;
    height: 138px;
    background: #708D81;

    margin-right: 40px;
}
.x-i-al-r-t-img img{
    width: 100%;
    height: 100%;
}
.x-i-al-r-t-info{
    display: flex;
    flex-flow: column;
    height: 138px;
    justify-content: space-between;
    padding: 7px 0 25px;
    box-sizing: border-box;
}
.x-i-al-r-t-tit{
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}
.x-i-al-r-t-i-item{
    display: flex;
}
.c-i-al-t-buts{
    display: flex;
    justify-content: flex-end;
}
.c-i-al-t-but{
    font-size: 18px;
    font-weight: bold;
    color: #3B55E6;
    cursor: pointer;
}
.c-i-al-t-label{
    font-size: 16px;
    color: #212326;
    white-space: nowrap;
}

.c-i-al-t-des{
    font-size: 16px;
    color: #212326;
}
.c-i-al-t-des span{
    display: inline-block;
    cursor: pointer;
}
.c-i-al-t-des span+span{
    margin-left: 22px;
}
.c-i-al-t-des.on{
    color: #F6A013;
}

.x-ialrti-i{
    width: 356px;
    justify-content: space-between;
}
.x-ialrti-item{
    display: flex;

}
.x-i-al-r-des{
    font-size: 18px;
    font-weight: bold;
    color: #787878;
    line-height: 43px;
    margin: 10px 0 10px;

    height: 162px;
    overflow-y: hidden;
}

.x-ialrti-i .c-i-al-t-label{
    color: #6B6B6B;
}
/*index 新 案例*/

.xin-m-bg{
    width: 100%;
    max-width:100%;
    background:url("../image/25.png") center center no-repeat;
    height: 46px;
    background-size: 100% 100%;

}
/*index 新 核心*/
.xin-i-js{
    padding: 52px 0 58px;
}

.xin-ihx-item{
    width: 232px;
    /* height: 320px; */
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(89, 93, 215, 0.2);
    box-sizing: border-box;
    padding: 15px;
    text-align: center;
}
.xin-ihx-i-tit{
    font-size: 18px;
    font-weight: bold;
    color: #2F2F2F;
}
.xin-ihx-i-label{
    color: #CBCBCB;
    line-height: 36px;
    text-transform:Uppercase;
}
.xin-ihx-i-des{
    line-height: 24px;
    text-align: left;
    letter-spacing: 1px;
    color: #3A3A3A;
}

.xin-ihx-i-des span{
    color: #FF0000;
    font-weight: bold;
}
.xin-i-hx{
    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 58px 0;
}
.xin-ihx-i-top{
    margin-bottom: 33px;
}
/*index 新 核心*/
/*index 新 媒体展示*/
.xin-i-js{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.xin-ij-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 264px;

    font-size: 24px;
    letter-spacing: 0.5px;

    padding-left: 24px;
    box-sizing: border-box;
    position: relative;
}
.xin-ij-item>div:nth-child(1){
    color: #595959;
}
.xin-ij-item>div:nth-child(2){
    color: #FF0000 ;
}
.xin-ij-item:before{
    position: absolute;
    left: 0;
    top:50%;
    transform: translateY(-50%);
    content: '';
    width: 4px;
    height: 20px;
    background: #3B55E6;
}
.xin-m-list{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;

    padding-top: 42px;
}
.xin-m-item{
    display: inline-block;
    width: 285px;
    height: 201px;

    position: relative;

}
.xin-m-item:nth-child(n+5){
    margin-top: 24px;
}
.xin-m-i-img{
    width: 100%;
    height: 100%;
}
.xin-m-i-tit{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 26px;
    font-weight: bold;
    color: #FFFFFF;
    z-index: 2;
}
.xin-m-i-mask{
    width: 285px;
    height: 201px;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.xin-m-i-des{
    display: none;
    width: 285px;
    height: 201px;
    padding: 40px 15px;
    box-sizing: border-box;
    background-color: rgba(17, 17, 17, 0.85);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 21px;
}
.xin-m-item:hover .xin-m-i-mask,
.xin-m-item:hover .xin-m-i-tit{
    display: none !important;
}
.xin-m-item:hover .xin-m-i-des{
    display: inline-block;
}

/*index 新 媒体展示*/

.headers .header-menu .layui-icon{
    position: relative;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 16px;
    height: 7px;
}
.headers .header-menu .layui-icon.layui-icon-down:before{
    content: '';
    width: 12px;
    height: 7px;
    background: url("../image/06.png") center center no-repeat;
    position: absolute;
}
.headers .header-menu .header-menu-item a{
    text-align: center;

    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
}
.headers .header-menu{
    height: 65px;
    overflow: hidden;
}
.headers .layui-nav .layui-nav-item{
    line-height: 65px;
}
.headers .header-right .header-box .h-n-l-zc{
    font-weight: 400;
}
.headers .header-right .header-box  .hn-btn{
    letter-spacing: 2.05px;
}

.media-list .media-center-infos.media-ci-shipin{
    align-items: center;
}
.media-list .media-cir-shipin{
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 50px;
}
.media-list .media-cir-shipin>div{
    position: relative;

}
.media-list .media-cir-shipin>div::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 83px;
    background-color: #D6D6D6;
    left: -50px;
    top: 50%;
    transform: translateY(-50%);
}
.media-cir-shipin .media-c-i-r-item{
    flex-flow: row;
    align-items: center;
    line-height: 27px;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.media-cir-shipin .media-c-i-r-i-label{
    padding: 0;
    width: 83px;

}
.media-cir-shipin .media-c-i-r-i-info{
    margin-top: 0;
    margin-left: 19px;

    max-width: 89px;
}
.colCD3B0E{
    color: #CD3B0E;
}
.media-cil-shipin .media-c-i-money::after{
    content: none;
}
.write-cz{
    font-size: 14px;
    font-weight: 400;
    color: #3C8FDF;
    line-height: 42px;

    cursor: pointer;
}

/*媒体入住*/
.mediain{
    background: url("../image/01.png") #FAF8F5 top left no-repeat;
    background-size: 100% 90%;
}
.xin-mediain-box{
    display: flex;
    font-weight: 400;
    padding: 62px 0 71px 0;


}
.x-mn-b-box{
    flex:1;
    box-sizing: border-box;
}
.x-mn-b-left{
    padding-left: 84px;
    width: 366px;
}

.x-mn-b-l-tips{
    font-size: 14px;
    color: #9F9F9F;
    margin-bottom: 18px;
}
.x-mn-b-l-tit{
    font-size: 42px;
    color: #171717;
}
.x-mn-b-l-das{
    font-size: 14px;
    color: #505457;
    line-height: 30px;
    margin-top: 25px;
    margin-bottom: 5px;
}
.x-mn-b-l-item{
    font-size: 18px;
    color: #000;
    line-height: 30px;
    margin-top: 45px;
    letter-spacing: 0.1px;
}
.x-mn-b-l-item span{
    display: inline-block;
    width: 34px;
}
.x-mn-b-right{
    width: 501px;
    height: 519px;
    background: #FAF8F5;
    box-shadow: 0px 0px 21px 0px rgba(59, 85, 230, 0.21);

    box-sizing: border-box;
    padding: 18px 42px 24px;
}
.x-mn-b-right .layui-form{
    margin-top: 30px;
}
.x-mn-b-right .layui-input-block{
    margin-left:0px;
}
.x-mn-b-right .layui-form-item{
    margin-bottom: 18px !important;
}
.x-mn-b-right input{
    height: 42px;
    border: 1px solid #BBBBBB;
    background: #FAF8F5;
}
.x-mn-b-r-tit{
    font-size: 24px;
    color: #000000;
    line-height: 48px;
    text-align: center;
}
.xm-inline{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.xm-inline:after{
    content: none;
}
.xm-inline .layui-input-inline{
    margin-right: 0 !important;
}
.xm-inline .layui-form-select dd{
    height: 26px;
    line-height: 26px;
}
.xm-inline .layui-form-select .layui-this{
    background: #3C8FDF;
}
.xm-type,.xm-invoice{
    width: 142px !important;
}
.xm-sex{
    width: 104px !important;
}
.xm-input{
    width: 195px !important;
}
.xm-input2{
    width: 209px !important;
}
.xm-btn{
    width: 159px;
    height: 42px;
    background: #3C8FDF;
    font-size: 16px;
    color: #FFFFFF;
}

.xin-mediain-box-1{
    height: 82px;
    background: #2E2E2E;
    max-width:100%;

    position: relative;
    z-index: 0;
}
.x-mn-box-1-float-left{
    width: 35%;
    height: 100%;
    position: absolute;
    z-index: -1;
}
.x-mn-b-1-main{
    display: flex;
    align-items: center;

    height: 100%;
}
.x-mn-box-1-left{
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: flex-start;

    padding-left: 15px;

}
.x-mn-b-1-l-tit{
    font-size: 25px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 24px;
    padding-left: 21px;
}
.x-mn-box-1-right{
    margin-left: 3.5%;
}
.x-mn-box-1-r-list{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.x-mn-box-1-r-item+.x-mn-box-1-r-item{
    margin-left: 35px;
}
.x-mn-b-1-label{
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border: 2px solid #FFFFFF;
    border-radius: 50%;

    text-align: center;
}
.x-mn-b-1-tit{
    font-size: 14px;
    color: #FFFFFF;
    padding-left: 10px;
}
.res_login{
    font-size: 14px;
    font-weight: 400;
    color: #FF0000;
    margin-top: 22px;
}