/* 通用部分 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    font-family: 'MicrosoftYaHei';
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
fieldset, img {
    border: 0
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal
}
ol, ul {
    list-style: none
}
caption, th {
    text-align: left
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}
q:before, q:after {
    content: ''
}
abbr, acronym {
    border: 0;
    font-variant: normal
}
sup {
    vertical-align: text-top
}
sub {
    vertical-align: text-bottom
}
input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}
input, textarea, select {
    *font-size: 100%
}
a {
    color: RGBA(51, 51, 51, 1);
}
a:hover {
    text-decoration: none;
    color: RGBA(51, 51, 51, 1);
}
a:link, a:visited, a:active {
    text-decoration: none;
}
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
}
html, body {
    width: 100%;
    height: 100%;
}
.tc {
    text-align: center;
}
.tl {
    text-align: left;
}
.vm {
    vertical-align: middle;
}
.tr {
    text-align: right;
}
input, button, select, textarea {
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
    border: 0px;
}
.displayNone {
    display: none;
}
.displayBlock {
    display: block;
}

/* Y轴抵消50% */
.translateY {
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-ransform: translateY(-50%);
}
/* X轴抵消50% */
.translateY {
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-ransform: translateX(-50%);
}
/* XY抵消50% */
.translate {
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-ransform: translate(-50%, -50%);
}
.displayFlex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.flex1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.flex-colum {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -o-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
}
.flex-wrap {
    -webkit-flex-wrap: wrap;
    -webkit-box-lines: multiple;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex-center {
    -webkit-justify-content: center;
    justify-content: center;
    -moz-box-pack: center;
    -webkit--moz-box-pack: center;
    box-pack: center;
}
.flex-start {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -moz-box-pack: flex-start;
    -webkit--moz-box-pack: flex-start;
    box-pack: flex-start;
}
.flex-end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -moz-box-pack: flex-end;
    -webkit--moz-box-pack: flex-end;
    box-pack: flex-end;
}
.flex-between {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.flex-around {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-around;
    -ms-flex-pack: justify;
    justify-content: space-around;
}
.align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.align-end {
    -webkit-box-align: flex-end;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
}

/* 外盒子最小宽度1200 */
.indexContent, .content-wrapper {
    min-width: 1200px;
}
.contentBox {
    width: 1200px;
    margin: 0 auto;
}
.content-wrapper {
    width: 100%;
}
/* banner 超出*/
.metaslider {
    overflow: hidden;
}

/* ========================================   header =======================================================*/
header {
    height: 86px;
    background: #fff;
    padding-top: 17px;
    position: relative;
    z-index: 999;
    min-width: 1200px;
}
header .headerFixedBox {
    width: 100%;
}
header .fixed {
    height: 86px;
    padding-top: 17px;
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 100;
}
header, header .fixed {
    box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
    -o-box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
    -ms-box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
    -moz-box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
    -webkit-box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
    background: #fff;
}
header .headerBox .logo a img {
    height: 60px;
    width: 188px;
    margin-right: 165px;
}
header .headerBox nav {
    margin-left: 51px;
}
header .headerBox nav .menu .hot {
    margin: 5px;
    display: inline-block;
    width: 30px;
    font-size: 9px;
    color: rgba(241, 59, 58, 1);
    line-height: 12px;
}
header .headerBox nav .menu .hotWord {
    font-weight: 400;
    color: rgba(241, 59, 58, 1);
    font-family: MicrosoftHimalaya;
}
header .headerBox nav ul.menu li.menuLi {
    min-width: 66px;
    position: relative;
    height: 65px;
    text-align: center;
    font-size: 18px;
}
header .headerBox nav ul.menu li.menuLi a, header .headerBox nav ul.menu li.menuLi span {
    display: block;
    padding: 0 15px;
    line-height: 58px;
    text-align: center;
    font-size: 18px;
    width: 100%;
    height: calc(100% - 4);
    -o-width: calc(100% - 4);
    -moz-width: calc(100% - 4);
    -ms-width: calc(100% - 4);
    -webkit-width: calc(100% - 4);
}
header .headerBox nav ul.menu li.menuLi .extraA{
    padding: 0px!important;
}
/*header .headerBox nav ul.menu li.menuLi a.navA::after,header .headerBox nav ul.menu li.menuLi span::after {
    position: absolute;
    left: 0;
    width: 100%;
    color: #f80d4a;
    content: attr(data-title);
    transform: translateY(100%);
}*/
header .headerBox nav ul.menu li.animateLi::after {
    content: '';
    height: 4px;
    background: rgba(241, 59, 58, 1);
    display: inline-block;
    animation: border0 .3s ease;
    -o-animation: border0 .3s ease;
    -moz-animation: border0 .3s ease;
    -ms-animation: border0 .3s ease;
    -webkit-animation: border0 .3s ease;
    position: absolute;
    bottom: 0;
    left: 50%;
    transition: translateX(-50%)
}
header .headerBox nav ul.menu li.menuLi:hover {
    cursor: pointer;
}
header .headerBox nav ul.menu li.animateLi:hover::after {
    animation: border100 .3s ease;
    -o-animation: border100 .3s ease;
    -moz-animation: border100 .3s ease;
    -ms-animation: border100 .3s ease;
    -webkit-animation: border100 .3s ease;
    animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}
@keyframes border0 {
    0% {
        width: 100%;
        left: 0;
    }
    100% {
        width: 0;
        left: 50%;
    }
}
@keyframes border100 {
    0% {
        width: 0;
        left: 50%;
    }
    100% {
        width: 100%;
        left: 0;
    }
}
@keyframes color {
    0% {
        color: RGBA(77, 77, 77, 1);
    }
    100% {
        color: #E61A0F;
    }
}
@keyframes colorNone {
    0% {
        color: #E61A0F;
    }
    100% {
        color: RGBA(77, 77, 77, 1);
    }
}
header .headerBox nav ul.menu li.animateLi a.navA, header .headerBox nav ul.menu li.animateLi span {
    animation: colorNone .3s ease;
    -o-animation: colorNone .3s ease;
    -moz-animation: colorNone .3s ease;
    -ms-animation: colorNone .3s ease;
    -webkit-animation: colorNone .3s ease;
    animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}
header .headerBox nav ul.menu li.animateLi:hover a.navA, header .headerBox nav ul.menu li.animateLi:hover span {
    animation: color .3s ease;
    -o-animation: color .3s ease;
    -moz-animation: color .3s ease;
    -ms-animation: color .3s ease;
    -webkit-animation: color .3s ease;
    animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    /* transform: translateY(-100%); */
    /* transition: all ease-out .3s; */
}
header .headerBox nav ul.menu li.menuLi:last-child:hover a {
    color: RGBA(77, 77, 77, 1);
}
header .headerBox nav ul.menu li.menuLi:last-child:hover {
    border: none;
}
header .headerBox nav ul.menu li.menuLi.active {
    border-bottom: 4px solid rgba(241, 59, 58, 1);
}
header .headerBox nav ul.menu li.menuLi.active a, header .headerBox nav ul.menu li.menuLi.active span {
    color: #F13B3A;
}
/* 主营服务 */
header .headerBox nav ul.menu li.menuLi.service ul {
    position: absolute;
    z-index: 2;
    background: #fff;
    top: 65px;
    width: 690%;
    left: -110%;
    /*padding:10px 0;*/
    display: none;
    box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
    -o-box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
    -ms-box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
    -moz-box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
    -webkit-box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
    font-size: 16px;
    padding: 50px 0px 30px 40px;
}
header .headerBox nav ul.menu li.menuLi.service ul li {
    width: 160px;
    height: auto;
    float: left;
}
header .headerBox nav ul.menu li.menuLi.service ul li label {
    display: block;
    width: 100%;
    font-weight: 400;
    border-left: 12px solid rgba(241, 59, 58, 1);
    line-height: 12px;
    padding-left: 5px;
    text-align: left;

}
header .headerBox nav ul.menu li.menuLi.service ul li a {
    /*color:rgba(102, 102, 102, 1);*/
    color: #898989;
    font-size: 14px;
    line-height: 44px;
    text-align: left;
    width: 100%;
    display: block;
    /*height:100%;*/
}
header .headerBox nav ul.menu li.menuLi.service ul li a:hover {
    color: rgba(241, 59, 58, 1);
}
header .headerBox nav ul.menu li.menuLi.service ul li.active a {
    color: rgba(241, 59, 58, 1);
}
header .headerBox nav ul.menu li.menuLi.service ul li div p.active a { /* 选中标签后变色 */
    color: rgba(241, 59, 58, 1);
}
/*成功案例 新闻动态*/
header .headerBox nav ul.menu li.menuLi.dongtai ul{
    position: absolute;
    z-index: 2;
    background:#fff;
    top:66px;
    width:120%;
    left: -10px;
    padding:10px 0;
    display: none;
    box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
    -o-box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
    -ms-box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
    -moz-box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
    -webkit-box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
}
header .headerBox nav ul.menu li.menuLi.anli ul {
    position: absolute;
    z-index: 2;
    background:#fff;
    top:66px;
    width:150%;
    left: -20px;
    padding:10px 0;
    display: none;
    box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
    -o-box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
    -ms-box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
    -moz-box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
    -webkit-box-shadow: 0px 3px 6px rgba(127, 127, 127, 0.09);
}
header .headerBox nav ul.menu li.menuLi.anli ul li,header .headerBox nav ul.menu li.menuLi.dongtai ul li {
    width:100%;
    height:44px;
}
header .headerBox nav ul.menu li.menuLi.anli ul li.active a,header .headerBox nav ul.menu li.menuLi.dongtai ul li.active a{
   color: rgba(241, 59, 58, 1);
}
header .headerBox nav ul.menu li.menuLi.anli ul li a ,header .headerBox nav ul.menu li.menuLi.dongtai ul li a{
    color:rgba(102, 102, 102, 1);
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    width: 100%;
    display: block;
    height:100%;
}
header .headerBox nav ul.menu li.menuLi.anli ul li a:hover ,header .headerBox nav ul.menu li.menuLi.dongtai ul li a:hover{
    color: rgba(241, 59, 58, 1);
}

/* ============================== content ===============================================================*/
.content-wrapper .indexContent {
    padding-top: 66px;
}

/* 主营服务 */
.content-wrapper .mainService {
    padding-top: 55px;
}
.content-wrapper .indexContent .content-title { /* 首页同标题 */
    width: 245px;
    margin: 0 auto;
    padding-bottom: 57px;
}
.content-wrapper .mainService .serviceSmall {
    width: 300px;
    height: 78px;
}
.content-wrapper .mainService .serviceBig {
    width: 300px;
    height: 355px;
    box-shadow: 0px 5px 8px 1px rgba(200, 200, 200, 0.75);
    text-align: center;
}
.bgRed {
    background: rgba(241, 59, 58, 1);
}
.bgGray1 {
    background: rgba(58, 58, 58, 1);
}
.bgGray2 {
    background: rgba(120, 120, 120, 1);
}
.bgGray3 {
    background: rgba(179, 179, 179, 1);
}
.content-wrapper .mainService .content-small {
    margin-bottom: 17px;
}
.content-wrapper .mainService .content-small p {
    text-align: center;
    line-height: 78px;
    font-size: 24px;
    letter-spacing: 2px;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}
.content-wrapper .mainService .content-big {
    margin-bottom: 84px;
}
.content-wrapper .mainService .content-big p {
    padding-top: 32px;
    padding-bottom: 62px;
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    line-height: 45px;
}
.content-wrapper .mainService .content-big p a {
    color: rgba(255, 255, 255, 1);
}
.content-wrapper .mainService .content-big p a:hover {
    text-decoration: underline;
}
.content-wrapper .mainService .content-bottom {
    padding-bottom: 64px;
}
.content-wrapper .mainService .content-bottom .numberBox {
    position: relative;
    padding: 0 74px;
    text-align: center;
}

.numberBox .viewer-wrap,.numberBox .viewer-wrap svg{
    width: 142px;
    height: 93px;
}
/* 半圆弧动画 */
.jp-cls-1{fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;}
.GQtNFNqw_0 {
    stroke-dasharray: 267 269;
    stroke-dashoffset: 268;
}
.GQtNFNqwAnimation {
    animation: GQtNFNqw_draw 6000ms linear 0ms forwards;
}
@keyframes GQtNFNqw_draw {
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes GQtNFNqw_fade {
    0% {
        stroke-opacity: 1;
    }
    95.65217391304348% {
        stroke-opacity: 1;
    }
    100% {
        stroke-opacity: 0;
    }
}
.content-wrapper .mainService .content-bottom .numberBox h1 {
    font-family: MicrosoftHimalaya;
    font-size: 30px;
    font-weight: 400;
    color: rgba(58, 58, 58, 1);
    position: absolute;
    top:50px;
    left: 77px;
    width: 140px;
}
.content-wrapper .mainService .content-bottom #number2 .span1{
    font-size:15px;
    font-family:ArialMT;
    font-weight:bold;
    line-height:17px;
    color:rgba(58, 58, 58, 1);
}
.content-wrapper .mainService .content-bottom  b{
    display: inline-block;
    height: 79px;
    width: 3px;
    background:RGBA(58, 58, 58, 1);
    margin-top: 20px;
}
.content-wrapper .mainService #indexNumberScroll .redsup{
    top: -0.1em;
    color: rgba(241, 59, 58, 1);
    font-size: 22px;
}
.content-wrapper .mainService #indexNumberScroll .redsup1 {
    top: 0.1em;
}
.content-wrapper .mainService .content-bottom .numberBox span {

    font-size: 39px;
    color: rgba(241, 59, 58, 1);
    font-weight: bold;
}
.content-wrapper .mainService .content-bottom .numberBox h2 {
    margin-top: 31px;
    font-size: 20px;
    font-weight: 400;
    color: rgba(58, 58, 58, 1);
    line-height: 30px;
    text-align: center;
}
.content-wrapper .mainService .content-bottom .numberBox .p3 {
    width: 148px;
    font-size: 14px;
    font-family: Ebrima;
    font-weight: 400;
    color: rgba(58, 58, 58, 1);
    text-align: center;
}

/* 合作案例 */
.content-wrapper .content1 {
    width: 100%;
    height: 776px;
    background: rgba(241, 59, 58, 1);
}
.content-wrapper .content1 .cooperCaseBox {
    width: 300px;
    position: relative;
    overflow: hidden;
    box-shadow: 3px 4px 6px 1px rgba(149, 0, 0, 0.75);
}
.content-wrapper .content1 .cooperCaseBox .indexcaseHover{
    width: 300px;
    height: 355px;
    background-color: rgba(58,58,58,0.9);
    padding-top: 142px;
    position: absolute;
    bottom: 0px;
    display: block;
    color: white;
}
.content-wrapper .content1 .cooperCaseDesc {
    width: 300px;
    height: 77px;
    margin-top: 19px;
    border: 1px solid #fff;
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 20px;
    text-align: center;
    padding-top: 12px;
}
.content-wrapper .content1 .cooperCaseDesc span{
    overflow: hidden;
    text-overflow: ellipsis; /*文本溢出显示省略号*/
    white-space: nowrap;  /*文本不会换行（单行文本溢出）*/
}
.content-wrapper .content1 .cooperCaseDesc p{
    padding: 10px;
    overflow: hidden;
    text-overflow: ellipsis; /*文本溢出显示省略号*/
    white-space: nowrap;  /*文本不会换行（单行文本溢出）*/
}
.content-wrapper .content1 .moreCase a {
    border: 1px solid rgba(255, 255, 255, 1);
    border-radius: 20px;
    color: RGBA(255, 255, 255, 1);
    font-size: 18px;
    text-align: center;
    width: 166px;
    height: 43px;
    line-height: 43px;
    margin: 0 auto;
    margin-top: 45px;
    cursor: pointer;
    display: block;
}
.content-wrapper .content1 .moreCase a:hover {
    /*opacity:0.7;  filter(alpha=100)*/
    color: rgba(241, 59, 58, 1);
    background: #fff;
}
.content-wrapper .content1 figcaption { /* 动画效果样式 */
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
}
.content-wrapper .content1 figcaption img {
    padding-top: 120px;
}

/* 左右轮播 */
.carousel-control.left {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    position: absolute;
    width: 34px;
    height: 54px;
}
.carousel-control.right {
    width: 34px;
    height: 54px;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    position: absolute;
}

/* 选择我们 */
.content-wrapper .content2 {
    padding-bottom: 84px;
    /*height: 1200px;*/
}
/* 下面样式跟公司动态一致 */
/*.content-wrapper .content2*/
.chooseUsBox {
    width: 390px;
    position: relative;
    height: 357px;
    overflow: hidden;
    box-shadow: 0px 4px 8px 1px rgba(200, 200, 200, 0.75);
}
.chooseUsBox span {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 77px;
    background: rgba(58, 58, 58, 0.8);
    font-size: 20px;
    line-height: 77px;
    font-family: MicrosoftYaHei;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    padding: 0px 10px 0px 10px;
}
figcaption .chooseUsDetail {
    text-align: center;
    color: rgba(255, 255, 255, 1);
}
figcaption .chooseUsDetail .p1 {
    font-size: 20px;
    font-weight: bold;
    padding-top: 38px;
    padding-bottom: 8px;
}
figcaption .chooseUsDetail .p2 {
    padding-top: 8px;
    font-size: 14px;
    font-family: SimSun;
    line-height: 23px;
}

/* 关于聚品 */
.bgGray {
    background: rgba(231, 231, 231, 1);
    /*width: 100%;*/
}
.content-wrapper .content3 .about_us {
    padding-bottom: 65px;
}
.content-wrapper .content3 .about_us .aboutUsDesc {
    font-size: 14px;
    color: #FFFFFF;
    width: 479px;
    height: 405px;
    background: rgba(241, 59, 58, 1);
}
.content-wrapper .content3 .about_us .aboutUsWord {
    margin: 0 auto;
    width: 399px;
}
.content-wrapper .content3 .about_us .aboutUsDesc .title {
    padding-top: 68px;
    /* width: 258px;*/
}
.content-wrapper .content3 .about_us .aboutUsDesc .title .t2018 {
    font-family: Ebrima;
    font-size: 50px;
    padding-right: 14px;
}

/* 竖线 */
.content-wrapper .content3 .about_us .aboutUsDesc .title .line {
    height: 35px;
    margin-right: 14px;
    border-right: 1px solid rgba(255, 255, 255, 1);
}
.content-wrapper .content3 .about_us .aboutUsDesc .cont {
    font-size: 14px;
    font-family: SimSun;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 22px;
    padding-top: 10px;
    text-align: justify;
}
.content-wrapper .content3 .about_us .videoDiv {
    height: 405px;
    position: relative;
}
.content-wrapper .content3 .about_us .videoDiv .coverBox {
    width: 100%;
    height: 100%;
    background-color: RGBA(71, 71, 71, .5);
    position: absolute;
    z-index: 1;
}
.content-wrapper .content3 .about_us .videoDiv img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-ransform: translate(-50%, -50%);
    z-index: 2;
    cursor: pointer;
}

/* 发展历程 */

/* 合作客户 */
.content-wrapper .content5 {
    background: rgba(241, 59, 58, 1);
    width: 100%;
}

/* 红底白线 */
.content-wrapper .content5 .cooperCustomers {
    padding-bottom: 66px;
}
.content-wrapper .content5 .cooperCustomers .customers:hover {
    box-shadow: 4px 3px 8px rgba(58, 58, 58, 0.5);
}
.detailCenter {
    text-align: center;
}
.content-wrapper .content5 .cooperCustomers span {
    width: 1px;
    height: 173px;
    background: rgba(255, 255, 255, 1);
}
.content-wrapper .content5 .cooperCustomers label {
    width: 283px;
    height: 1px;
    background: rgba(255, 255, 255, 1);
    margin: 11px 0 11px 0;
}
.whiteRgRedLine {
    background: rgba(241, 59, 58, 1) !important;
}

/* 白底红线 第二种样式 */
.whiteRg {
    background: rgba(240, 240, 240, 1) !important;
}

/* 公司动态 */
.companyNews .nav-tabs {
    border: none;
    text-align: center;
}
.companyNews .nav-tabs li {
    float: none;
    display: inline-block;
}
.companyNews .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border: none;
}
.companyNews .nav-tabs > li > a {
    color: rgba(241, 59, 58, 1);
    border: none;
}
.companyNews .nav-tabs > li.active > a {
    border-bottom: 1px solid rgba(241, 59, 58, 1);
}
.companyNews .nav-tabs > li > a:hover {
    border: none;
    background: none;
    border-bottom: 1px solid rgba(241, 59, 58, 1);
}
.companyNews .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: rgba(241, 59, 58, 1);
}
.companyNews .nav-tabs {
    font-size: 24px;
    font-weight: 400;
    color: rgba(241, 59, 58, 1);
    line-height: 17px;
}
.companyNews .nav > li > a {
    position: relative;
    display: block;
    padding: 3px 15px 15px 15px;
}
.content-wrapper .content6 .moreCase a {
    border: 1px solid rgba(241, 59, 58, 1);
    border-radius: 20px;
    color: rgba(241, 59, 58, 1);
    font-size: 18px;
    text-align: center;
    width: 166px;
    height: 43px;
    line-height: 43px;
    margin: 0 auto;
    margin-top: 45px;
    cursor: pointer;
    display: block;
}
.content-wrapper .content6 .moreCase a:hover {
    border: 1px solid rgba(241, 59, 58, 1);
    color: #fff;
    background: rgba(241, 59, 58, 1);
}

/* ============================================= footer =================================================== */
footer {
    width: 100%;
    height: auto;
    background: rgba(58, 58, 58, 1);
    color: rgba(255, 255, 255, 1);
    padding-bottom: 80px;
}
footer .footer-header {
    padding-top: 73px;
    padding-bottom: 36px;
}
footer .footer_content {
    font-size: 16px;

}
footer .footer_content .code {
    padding: 33px 33px 50px 33px;
    background: rgba(255, 255, 255, 1);
}
footer .footer_content p img {
    padding: 0 13px 0px 5px;
}
footer .footer_content label {
    padding-bottom: 10px;
    border-bottom: 1px dotted rgba(241, 59, 58, 1);
    display: inline-block;
    max-width: 100%;
    margin-bottom: 10px;
    font-weight: 400;
}
footer .footer_content label a {
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
}
footer .footer_content label a:hover {
    color: rgba(241, 59, 58, 1);
}
footer .footer_content .serviceCont {
    padding: 5px 0 10px 0;
}
footer .footer_content .serviceCont a {
    color: rgba(255, 255, 255, 1);
}
footer .footer_content .serviceCont a:hover {
    text-decoration: underline;
}
footer .footer-btm {
    margin-top: 35px;
}
footer .footer-btm .map {
    padding: 15px;
    background: rgba(255, 255, 255, 1);
}
footer .footer-btm .code {
    padding: 16px 18px 12px 18px;
    background: rgba(255, 255, 255, 1);
}
footer .footer-btm .code p {
    padding-top: 10px;
    font-size: 20px;
    color: rgba(58, 58, 58, 1);
    letter-spacing: 14px;
    text-align: center;
}
footer .friendly_link {
    text-align: center;
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    margin-top: 62px;
    margin-bottom: 35px;
}
footer .friendly_link span {
    margin: 0 40px 0 40px;
    border-bottom: 1px dotted rgba(241, 59, 58, 1);
    padding-bottom: 12px;
}
footer .friendly_link span a {
    color: rgba(255, 255, 255, 1);
}
footer .friendly_link label {
    color: rgba(241, 59, 58, 1);
    font-weight: 400;
}
footer .copyRight {
    text-align: center;
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    letter-spacing: 2px;
}

/* 返回顶部 */

.scroll {
    width: 53px;
    height: 37px;
    line-height: 40px;
    /*background: #555;*/
    text-align: center;
    position: fixed;
    right: 58px;
    bottom: 50px;
    cursor: pointer;
    /*border-radius: 4px;*/
    overflow: hidden;
}

/*   直通车托管服务  ============================ */
.banner img {
    width: 100%;
}
.content-wrapper .content .content-header {
    text-align: center;
    /*padding: 10px 0  65px 0;*/
}
.content-wrapper .ztcServiceBg { /* 背景图 */
    background: url('/wp-content/themes/jupin/assets/images/ztctg/proztctgbg.jpg') center center no-repeat;
    width: 100%;
}
.content-wrapper .ztcServiceBg .content-ct {
    padding-top: 80px;
    padding-bottom: 23px;
}
.content-wrapper .ztcServiceBg .content-ct .ztcService {
    width: 320px;
    height: 184px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(241, 59, 58, 1);
    box-shadow: 4px 3px 8px rgba(0, 0, 0, 0.5);
    margin-bottom: 44px;
    text-align: center;
    text-transform: uppercase
}
.content-wrapper .ztcServiceBg .content-ct .ztcService span {
    display: inline-block;
    width: 318px;
    height: 90px;
    background: rgba(241, 59, 58, 1);
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.5);

    font-size: 30px;
    color: rgba(255, 255, 255, 1);
    line-height: 90px;
}
.content-wrapper .ztcServiceBg .content-ct .ztcService p {
    padding-top: 20px;
    font-size: 16px;
    color: rgba(58, 58, 58, 1);
    line-height: 28px;
}

/* 案例 */
.content-wrapper .successCase {
    padding-top: 72px !important;
}
.content-wrapper .successCase .content-ct {
    padding-top: 40px;
    position: relative;
}
.content-wrapper .successCase .content-ct .content-left {
    background: rgba(179, 179, 179, 1);
    box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5);
}
.content-wrapper .successCase .content-ct .content-right {
    width: 600px;
    height: 322px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.5);
    text-align: left;
    padding-left: 85px;
    padding-top: 60px;
}
.content-wrapper .successCase .content-ct .content-right p {
    width: 399px;
}
.content-wrapper .successCase .content-ct .content-right .p1 {
    font-size: 30px;
    font-weight: bold;
    color: rgba(58, 58, 58, 1);
    margin-bottom: 20px;
}
.content-wrapper .successCase .content-ct .content-right .p1 span {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase; /* 大写字母 */
    border-bottom: 2px solid rgba(241, 59, 58, 1);
    padding-bottom: 2px;
    margin-left: 12px;
}
.content-wrapper .successCase .content-ct .content-right .p1 span b{
    padding-right: 5px;
}
.content-wrapper .successCase .content-ct .content-right .p2 span {
    background: rgba(241, 59, 58, 1);
    box-shadow: 1px 0px 4px rgba(0, 0, 0, 0.5);
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
    padding: 1px 20px 1px 20px;
    margin-right: 7px;
}
.content-wrapper .successCase .content-ct .content-right .p3 {
    padding-top: 25px;
    letter-spacing: 2px;
    overflow: hidden; /* 省略号 */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 20px;
}
.content-wrapper .professionalBg {
    background: url('/wp-content/themes/jupin/assets/images/ztctg/ztctg-bestformprobg.jpg') center center no-repeat;
    width: 100%;
    height: 624px;
}
.content-wrapper .professionalBg .content-ct {
    padding-top: 58px;
}
.content-wrapper .professionalBg .content-ct ul li {
    width: 224px;
    text-align: center;

}
.content-wrapper .professionalBg .content-ct ul li span {
    display: block;
    font-size: 26px;
    color: rgba(58, 58, 58, 1);
    line-height: 17px;
    padding-top: 28px;
}
.content-wrapper .professionalBg .content-ct ul li p {
    padding-top: 31px;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 1px;
    text-align: left;
}
/* 移入渐渐变色 case*/
.hoverShow {
    width: 600px;
    height: 322px;
    background-color: rgba(58,58,58,0.9);
    padding-top: 120px;
    position: absolute;
    bottom: 0px;
    cursor: pointer;
}
.hoverShow p{
    color:#fff;
}
/* 直钻结合  ===================================================*/
/* 通用的半包围矩形样式 */
.borderBg {
    background: url('/wp-content/themes/jupin/assets/images/ztctg/ztctg-protitlebg.png') center center no-repeat;
    height: 77px;
}
.borderBg h2 {
    font-size: 50px;
    color: rgba(58, 58, 58, 1);
    line-height: 0px;
    padding-top: 2px;
}
.borderBg p {
    font-size: 24px;
    letter-spacing: 9px;
    line-height: 45px;
    padding-top: 25px;
    padding-left: 5px;
}

/* 通用的半包围矩形样式 end */
.content-header .englishFont {
    text-transform: uppercase; /* 大写字母 */
    font-size: 16px;
    font-family: Ebrima;
    color: rgba(58, 58, 58, 1);
    line-height: 28px;
    letter-spacing: 3px;
    padding-top: 20px;
}
.ztcZz {
    padding-top: 90px !important;
    padding-bottom: 40px;
}
.ztcZz ul li p {
    width: 370px;
    height: 60px;
    background: rgba(58, 58, 58, 1);
    box-shadow: 0px 3px 8px 1px rgba(0, 0, 0, 0.5);
    font-size: 24px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    letter-spacing: 1px;
    text-align: center;
    line-height: 60px;
    margin-left: 7px;
    margin-top: 19px;
}
.content-wrapper .ztcZz .content-header {
    padding-bottom: 50px;
}
.ztcZzMoreCase .moreCase {
    padding-bottom: 76px;
}
.ztcZzMoreCase .moreCase a {
    border: 1px solid rgba(241, 59, 58, 1);
    border-radius: 20px;
    color: RGBA(255, 255, 255, 1);
    font-size: 18px;
    text-align: center;
    width: 166px;
    height: 43px;
    line-height: 43px;
    margin: 0 auto;
    margin-top: 45px;
    cursor: pointer;
    display: block;
    background: rgba(241, 59, 58, 1);
}
.ztcZzMoreCase .moreCase a:hover {
    color: rgba(241, 59, 58, 1);
    background: #fff;
}

/*  网店客服外包 -----------------------transform: scale(-1,1); 水平翻转 ----------------   */
.kfQuestions ul li {
    width: 395px;
    height: 199px;
    background: url('/wp-content/themes/jupin/assets/images/wdkfwb/wdkf-questionBg.png') center center no-repeat;
    text-align: center;
    padding-top: 36px;
    letter-spacing: 1px;
    margin-bottom: 22px;
}
.kfQuestions ul li img {
    padding-bottom: 17px;
}
.kfQuestions ul li p {
    font-size: 18px;
}
.kfTeam {
    background: url('/wp-content/themes/jupin/assets/images/wdkfwb/goldservice_teamBg.jpg') center center no-repeat;
    width: 100%;
    margin-top: 75px;
}
.kfTeam .kfTeamDiv {
    width: 220px;
    position: relative;
    height: 299px;
    overflow: hidden;
    box-shadow: 3px 3px 7px 1px rgba(158, 154, 154, 0.8)

}
.kfTeam .kfTeamDiv span {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 60px;
    background: rgba(58, 58, 58, 1);
    opacity: 0.99;
    font-size: 20px;
    line-height: 60px;
    font-family: MicrosoftYaHei;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
    text-align: center;
}
.kfTeam .kfTeamDiv p{
    font-size: 16px;
    line-height: 30px;
    padding-top: 55px;
    letter-spacing: 1px;
}
.kfTeam .content-kf-team {
    padding-top: 59px;
    padding-bottom: 117px;
}
.serviceProject {
    margin-top: 84px;
}
.serviceProject ul li {
    width: 270px;
    height: 291px;
    background: rgba(241, 59, 58, 1);
    box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.6);
    text-align: center;
    padding-top: 81px;
    margin: 65px 0 77px 0;
}
.serviceProject ul li p {
    font-size: 24px;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
    padding-top: 44px;
}
.kfExperience {
    background: url('/wp-content/themes/jupin/assets/images/wdkfwb/dz-serviceBg.jpg') center center no-repeat;
    width: 100%;
    padding-top: 85px;
}
.kfExperience .kfExperienceCont {
    padding-top: 58px;
}
.kfExperience .kfExperienceCont img {
    box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.6);
}
.kfExperience .kfExperienceCont p {
    width: 582px;
    height: 86px;
    border: 2px solid rgba(241, 59, 58, 1);
    margin: 33px 0 29px 0;
    padding-top: 16px;
    font-size: 16px;
    color: rgba(58, 58, 58, 1);
    line-height: 30px;
    text-align: center;
}
.kfExperience .kfExperienceCont p span {
    font-size: 24px;
    color: #3A3A3A;
    font-weight: bold;
}
.bestService .content-ct {
    margin-top: 57px;
    margin-bottom: 20px;
}
.bestService ul li {
    width: 380px;
    height: 184px;
    border: 2px solid rgba(241, 59, 58, 1);

    font-size: 24px;
    font-weight: bold;
    color: rgba(120, 120, 120, 1);
    line-height: 34px;
    text-align: center;
    margin-bottom: 27px;
    z-index: -1;
}
.bestService ul li img {
    display: inline-block;
    margin-right: 23px;
    width: 46px;
    height: 49px;
}
.bestService ul li p {
    display: inline-block;
}
.bestService .content-ct .commImg {
    width: 78px;
    height: 78px;
    z-index: 10;
    position: absolute;
    -webkit-transition: .5s ease-in-out; /* css的transition允许css的属性值在一定的时间内从一个状态平滑的过渡到另一个状态 */
    -moz-transition: .5s ease-in-out; /*这里为了兼容其他浏览器*/
    -o-transition: .5s ease-in-out;
}
.bestService .content-ct .floatImg1 {
    margin-top: 58px;
    margin-left: 355px;
}
.bestService .content-ct .floatImg2 {
    margin-top: 58px;
    margin-left: 765px;
}
.bestService .content-ct .floatImg3 {
    margin-top: -58px;
    margin-left: 980px;
}

/* 大数据服务=============================================================== */
.bigDataBg1 {
    background: url('/wp-content/themes/jupin/assets/images/dsjfw/bigdataBg1.png') center center no-repeat;
    width: 100%;
    height: 630px;
    margin-top: 48px;
}
.bigDataBg1 h1 {
    font-size: 90px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(58, 58, 58, 1);
    line-height: 110px;
    margin-top: 94px;
}
.bigDataBg1 h2 {
    font-size: 35px;
    font-family: Arial-BoldMT;
    font-weight: bold;
    color: rgba(58, 58, 58, 1);
}
.bigDataBg1 h3 {
    padding-top: 60px;
    font-size: 35px;
    color: rgba(241, 59, 58, 1);
}
.bigDataBg1 span {
    display: block;
    width: 404px;
    height: 26px;
    background: rgba(241, 59, 58, 1);
    margin-top: 15px;
    font-size: 16px;
    font-family: ArialMT;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
    text-transform: uppercase;
}
.bigDataBg1 p {
    margin-top: 19px;
    width: 440px;
    height: 43px;
    font-size: 16px;
    color: rgba(58, 58, 58, 1);
    line-height: 26px;
}
.bigDataBg2 {
    background: url('/wp-content/themes/jupin/assets/images/dsjfw/bigdataBg2.jpg') center center no-repeat;
    width: 100%;
    height: 694px;
}
.bigDataBg2 ul li {
    color: rgba(255, 255, 255, 1);
}
.bigdatabg2 ul li h1 {
    width: 370px;
    font-size: 60px;
    color: rgba(255, 255, 255, 1);
    position: relative;
    top: 225px;
    left: 120px;
}
.bigdatabg2 ul li h2 {
    font-size: 16px;
    font-family: ArialMT;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 35px;
    position: relative;
    top: 225px;
    left: 120px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.bigdatabg2 ul li p {
    width: 243px;
    height: 69px;
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    line-height: 28px;
    padding-bottom: 146px;
    text-align: right;
}
.bigdatabg2 ul .li2 {
    position: relative;
    top: 156px;
    left: 5px;
}
.bigdatabg2 ul .li3 {
    position: relative;
    top: 156px;
    left: -80px;
}
.bigDataService ul li {
    width: 370px;
    height: 150px;
    background: rgba(240, 240, 240, 1);
    box-shadow: 1px 3px 8px rgba(109, 107, 107, 0.65);
    text-align: center;
    margin-bottom: 35px;
}
.bigDataService ul li h1 {
    font-size: 30px;
    font-weight: bold;
    color: rgba(58, 58, 58, 1);
    padding-top: 44px;
}
.bigDataService ul li p {
    font-size: 16px;
    font-family: ArialMT;
    color: rgba(58, 58, 58, 1);
    padding-top: 14px;
}
.bigDataAdvantage {
    background: url('/wp-content/themes/jupin/assets/images/dsjfw/bigdata-advantBg.jpg') center center no-repeat;
    width: 100%;
    height: 618px;
}
.bigDataAdvantage .advantageDiv {
    position: relative;
    overflow: hidden;
}
.bigDataAdvantage .advantageDiv img {
    width: 220px;
    height: 258px;
}
.bigDataAdvantage .advantageDiv span {
    position: absolute;
    bottom: 7px;
    width: 97%;
    height: 60px;
    background: rgba(241, 59, 58, 1);
    font-size: 20px;
    line-height: 60px;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    margin-left: 3px;
}
.bigDataAdvantage .content-ct {
    margin: 65px 0 93px 0;
}

/* 红色半包围矩形样式 */
.bigDataAdvantage .borderRedBg {
    background: url('/wp-content/themes/jupin/assets/images/dsjfw/bigdata-advtitle.png') center center no-repeat;
    height: 77px;
}
.bigDataAdvantage .borderRedBg h2 {
    font-size: 50px;
    color: rgba(241, 59, 58, 1);
    padding-top: 2px;
}
.bigDataAdvantage .borderRedBg p {
    font-size: 24px;
    letter-spacing: 9px;
    line-height: 45px;
    padding-top: 25px;
    padding-left: 5px;
    color: rgba(241, 59, 58, 1);
}
.bigDataAdvantage .content-header {
    padding-top: 92px;
}
.bigDataAdvantage .content-header .englishFont {
    text-transform: uppercase; /* 大写字母 */
    font-size: 16px;
    font-family: Ebrima;
    color: rgba(241, 59, 58, 1);
    line-height: 28px;
    letter-spacing: 3px;
    padding-top: 20px;
}

/* 达人直播 ====================================================== */
.liveBroadcast1 {
    background: url('/wp-content/themes/jupin/assets/images/drzb/drzb-banner.jpg') center center no-repeat;
    width: 100%;
    height: 550px;
}
.liveBroadcast3 {
    background: url('/wp-content/themes/jupin/assets/images/drzb/drzb-servecontentbg.png') center center no-repeat;
    width: 100%;
    height: 550px;
}
.personBg {
    position: relative;
}
.personBg .personImg {
    position: absolute;
    color: rgba(255, 255, 255, 1);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}
.personBg .personImg ul {
    z-index: 2;
    position: absolute;
    color: rgba(255, 255, 255, 1);
    top: 670px;
    left: 485px;
    width: 708px;

}
.personBg .personImg ul li {
    margin-right: -60px;
}
.personBg .personImg ul li h1 {
    font-size: 24px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    text-align: center;
}
.personBg .personImg ul li h2 {
    font-size: 16px;
    font-family: ArialMT;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    line-height: 40px;
}
.personBg .personImg ul li p {
    text-align: center;
}
.liveBroadcast3Cont ul {
    padding-top: 63px;
}
.liveBroadcast3Cont ul li {
    background: url('/wp-content/themes/jupin/assets/images/drzb/drzb-servecontent.png') center center no-repeat;
    width: 286px;
    height: 303px;
    z-index: 10;
    text-align: center;
    padding-top: 73px;
}
.liveBroadcast3Cont ul li h1 {
    font-size: 24px;
    color: rgba(58, 58, 58, 1);
    line-height: 30px;
    padding-top: 43px;
}
.channelOfMan {
    background: url('/wp-content/themes/jupin/assets/images/drzb/drzb-channelbg.jpg') center center no-repeat;
    width: 100%;
    height: 679px;
    padding-top: 75px;
}
.channelOfMan .content-header ul li h1 {
    font-size: 30px;
    color: rgba(58, 58, 58, 1);
    line-height: 45px;
    padding-top: 33px;
}
.channelOfMan .content-header ul li p {
    font-size: 18px;
    color: rgba(255, 255, 255, 1);
    line-height: 40px;
}
.highQualityMan .content-ct {
    padding-top: 65px;
    padding-bottom: 45px;
}
.fourDiv ul li {
    width: 270px;
    height: 350px;
    background: rgba(58, 58, 58, 1);
    box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.6);
    text-align: center;
    position: relative;
    overflow: hidden;
}
.fourDiv ul li p {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 78px;
    background: rgba(58, 58, 58, 1);

    font-size: 24px;
    color: rgba(255, 255, 255, 1);
    line-height: 78px;
    text-align: center;
}

/* 新闻动态 =============================================== */
.news .newsNav {
    width: 228px;
    margin-top: 30px;
}
.news .newsNav .newsNav1 h1 {
    font-size: 90px;
    font-family: ArialMT;
    color: rgba(241, 59, 58, 1);
    line-height: 111px;
    margin-right: -5px;
}
.news .newsNav .newsNav1 h2 {
    font-size: 38px;
    font-family: ArialMT;
    font-weight: bold;
    color: rgba(58, 58, 58, 1);
    text-transform: uppercase;
}
.news .newsNav .newsNav1 h3 {
    width: 174px;
    height: 32px;
    background: rgba(241, 59, 58, 1);

    font-size: 30px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 30px;
    padding-left: 5px;
}
.news .newsNav .newsNav1 p {
    width: 228px;
    font-size: 14px;
    color: rgba(120, 120, 120, 1);
    line-height: 22px;
    margin-top: -12px;
}
.news .newsNav .newsNav2 {
    margin-top: 35px;
}
.news .newsNav .newsNav2 li{
    width: 228px;
    height: 40px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 5px 0px rgba(10, 9, 26, 0.6);
    line-height: 40px;

    font-size: 24px;
    color: rgba(58, 58, 58, 1);
    padding-left: 19px;
    margin-bottom: 12px;
}
/*.news .newsNav .newsNav2 li .p1{
    width:23px;
    height: 23px;
    display: inline-block;
    background: url('/wp-content/themes/jupin/assets/images/news/dianshangnewsB.png') center center no-repeat;
    margin-right: 15px;
}
.news .newsNav .newsNav2 li .p2{
    width:23px;
    height: 23px;
    display: inline-block;
    background: url('/wp-content/themes/jupin/assets/images/news/jupinnewsB.png') center center no-repeat;
    margin-right: 15px;
}*/
.news .newsNav .newsNav2 li img {
    margin-right: 15px;
}

.news .newsNav .newsNav2 li:hover {
    cursor: pointer;
    color: rgba(255, 255, 255, 1);
    background: rgba(241, 59, 58, 1);
}

.news .newsNav .newsNav2 .active {
    cursor: pointer;
    background: rgba(241, 59, 58, 1)!important;
    color: rgba(255, 255, 255, 1)!important;
}

/*.news .newsNav .newsNav2 a:link, .news .newsNav .newsNav2 a:visited, .news .newsNav .newsNav2 a:active {
    cursor: pointer;
    background: rgba(241, 59, 58, 1);
    color: rgba(255, 255, 255, 1);
}*/

/*链接、点击后 点击时*/
.news .newsNav .newsNav3 {
    margin-top: 54px;
}
.news .newsNav .newsNav3 p {
    font-size: 20px;
    color: rgba(59, 59, 59, 1);
    line-height: 40px;

    border-left: 8px solid rgba(241, 59, 58, 1);
    margin-bottom: 17px;
    padding-left: 9px;
}
.news .newsNav .newsNav3 span {
    font-size: 15px;
    color: rgba(59, 59, 59, 1);
    line-height: 17px;
}
.news .newsNav .newsNav3 ul li {
    width: 228px;
    height: 26px;
    background: rgba(241, 59, 58, 1);
    margin-bottom: 17px;
    position: relative;
}
.news .newsNav .newsNav3 ul li img {
    padding-left: 18px;
}
.news .newsNav .newsNav3 ul li b {
    height: 26px;
    width: 2px;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    left: 59px;
}
.news .newsNav .newsNav3 ul li span a {
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    padding-left: 42px;
}
.news .newsContent {
    width: 902px;
    position: relative;
}
.news .newsContent .newsSearch {
    height: 32px;
    border: 1px solid rgba(120, 120, 120, 1);
    margin-top: 91px;
}
.news .newsContent .newsSearch img {
    margin-left: 3px;
    float: left;
    margin-right: 10px;
}
.news .newsContent .newsSearch input {
    width: 784px;
    height: 28px;
}
.news .newsContent .newsSearch button {
    width: 61px;
    height: 28px;
    background: rgba(241, 59, 58, 1);
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    line-height: 27px;
    position: absolute;
    text-align: center;
    cursor: pointer; /*消除button的默认样式*/
    border: 1px solid transparent; /*自定义边框*/
    margin-top: 1px;
}
.news .newsContent p span {
    font-size: 14px;
    color: rgba(180, 180, 180, 1);
    line-height: 42px;
    padding-right: 35px;
}

/* 边框 */
.news .newsContent .newsWords {
    margin-top: 13px;
    margin-bottom: 40px;
    /*width:930px;*/
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(230, 230, 230, 1);
    -webkit-box-shadow: 0px 3px 3px #c8c8c8 inset; /* 内阴影 */
    -moz-box-shadow: 0px 3px 3px #c8c8c8 inset;
    box-shadow: 0px 3px 3px #c8c8c8 inset;
}
.news .newsContent .newsWords ul {
    width: 868px;
    height: 240px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 5px 0px rgba(10, 9, 26, 0.6);
    margin: 20px auto;
}
.news .newsContent .newsWords ul li {
    width: 422px;
}
.news .newsContent .newsWords ul li h1 {
    font-size: 22px;
    color: rgba(58, 58, 58, 1);
    line-height: 34px;
    text-align: left;
    width: 410px;
    position: relative;
    padding-top: 34px;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /*最多显示3行*/
    overflow: hidden;
    text-overflow:ellipsis;/*文本溢出显示省略号*/
}
.news .newsContent .newsWords ul li h1 b {
    display: inline-block;
    width: 7px;
    height: 23px;
    background: rgba(241, 59, 58, 1);
    margin-right: 8px;
    position: absolute;
    left: 0px;
    top: 40px;
}
.news .newsContent .newsWords ul li .p1 {
    text-align: right;
    font-size: 14px;
    font-family: SimSun;
    color: rgba(241, 59, 58, 1);
    line-height: 28px;
}
.news .newsContent .newsWords ul li:last-child :nth-child(4){
    text-align: left;
    font-size: 14px;
    font-family: SimSun;
    color: rgba(120, 120, 120, 1);
    line-height: 23px;
    margin-top: 12px;

    overflow: hidden; /* 省略号 */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;

}
.news .newsContent .newsWords ul li:last-child :nth-child(5){
    display: none;
}
.news .newsContent .newsWords ul li:last-child :nth-child(6){
    display: none;
}
#displayh2{
    display: block!important;
}
.news .newsContent .newsWords ul li h2 a {
    font-size: 14px;
    font-family: SimHei;
    color: rgba(241, 59, 58, 1);
    text-align: right;
    font-weight: 400;
    line-height: 60px;
    display: block;
}
.news .newsContent .newsWords ul li span {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: rgba(241, 59, 58, 1);
    position: absolute;
}

 .newsTrangleZx{ /* 三角 */
    position: absolute;
    left: -30px;
    top: 230px;
}
 .newsTrangleJp{ /* 三角 */
    position: absolute;
    left: -30px;
    top: 282px;
}

/* 新闻 */
.news .article {
    margin-top: 55px;
    width: 900px;
}
.news .article p a, .news .article p {
    color: rgba(120, 120, 120, 1);
    line-height: 17px;
}
.news .article p a:hover {
    color: rgba(241, 59, 58, 1);
}
.news .article .articleContent h1{
    font-size: 30px;
    color: rgba(57, 57, 57, 1);
    line-height: 40px;
    text-align: center;
}
.news .article .articleContent p {
    /*text-align: center;*/
}
.news .article .articleContent .authorInfo {
    font-size: 16px;
    font-family: SimSun;
    color: rgba(180, 180, 180, 1);
    line-height: 25px;
    padding-top: 27px;
    padding-bottom: 48px;
}
.news .article .articleContent .authorInfo img {
    padding-right: 7px;
}
.pageTurning ul li span {
    height: 39px;
    display: inline-block;
    text-align: center;
    width: 100px;
}
.pageTurning ul li {
    width: 593px;
    height: 40px;
    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(220, 220, 220, 1);

    font-size: 15px;
    color: rgba(120, 120, 120, 1);
    line-height: 40px;
}
.pageTurning ul .nextPage {
    background: rgba(234, 234, 234, 1);
    text-align: right
}

.pageTurning ul .nextPage span {
    margin-left: 15px;
    border-left: 1px solid rgba(220, 220, 220, 1);
}
.pageTurning ul .prePage span {
    border-right: 1px solid rgba(220, 220, 220, 1);
    margin-right: 15px
}
.pageTurning ul a:hover {
    color: rgba(241, 59, 58, 1);
}

/* 相关案例 news*/
.newsRelateCase {
    margin-top: 86px;
}

/* 公用标题 */
.relateCaseTitle h1 {
    font-size: 50px;
    font-family: FZLTCHJW--GB1-0;
    font-weight: bold;
    color: rgba(241, 59, 58, 1);
    line-height: 50px;
    text-transform: uppercase;
    letter-spacing: 4px;
}
.relateCaseTitle h2 span {
    width: 120px;
    height: 3px;
    background: rgba(241, 59, 58, 1);
    display: inline-block;
}
.relateCaseTitle h2 {
    font-size: 40px;
    font-weight: bold;
    color: rgba(241, 59, 58, 1);
    line-height: 45px;
}
.relateCaseTitle p {
    font-size: 12px;
    font-family: ArialMT;
    font-weight: bold;
    color: rgba(241, 59, 58, 1);
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: 6px;
}
.newsRelateCase ul li {
    width: 378px;

}
.newsRelateCase ul li dl dt {
    font-size: 18px;
    color: rgba(58, 58, 58, 1);
    line-height: 26px;
    padding-top: 25px;
    font-weight: 400;
}
.newsRelateCase ul li dl dd {
    font-size: 14px;
    font-family: SimSun;
    color: rgba(120, 120, 120, 1);
    line-height: 22px;
    padding-top: 8px;
    margin-bottom: 59px;

    height: 51px;
    overflow: hidden; /* 省略号 */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.newsRelateCase ul li dl a:hover {
    /*text-decoration: underline;*/
    color:rgba(241, 59, 58, 1);
}

/* 关于我们 ========================================================  */
.aboutUsTop .aboutUsContent {
    width: 378px;
    margin-top: 86px;
}
.aboutUsTop .aboutUsContent label {
    width: 78px;
    height: 5px;
    background: rgba(241, 59, 58, 1);
}
.aboutUsTop .aboutUsContent h1 {
    font-size: 70px;
    font-weight: bold;
    color: rgba(241, 59, 58, 1);
    padding-top: 10px;
    padding-bottom: 10px;
}
.aboutUsTop .aboutUsContent b { /* 三角形*/
    display: inline-block;
    height: 0px;
    width: 0px;
    border-top: 28px solid transparent;
    border-left: 30px solid rgba(241, 59, 58, 1);
    border-bottom: 28px solid transparent;
}
.aboutUsTop .aboutUsContent h2 {
    width: 338px;
    height: 57px;
    background: rgba(58, 58, 58, 1);
    font-size: 29px;
    color: rgba(255, 255, 255, 1);
    line-height: 57px;
    display: inline-block;
    margin-right: 8px;
    letter-spacing: 9px;
    padding-left: 9px;
}
.aboutUsTop .aboutUsContent h3 {
    font-size: 15px;
    font-family: ArialMT;
    color: rgba(241, 59, 58, 1);
    line-height: 26px;
    padding: 15px 0 23px 0;

}
.aboutUsTop .aboutUsContent .jupinInfo {
    width: 378px;
    font-size: 18px;
    color: rgba(58, 58, 58, 1);
    line-height: 26px;
    margin-bottom: 40px;
    text-align: justify; /* 文字两端对齐 */
}
.aboutUsTop .aboutUsContent .jupinInfo p {
    padding-bottom: 10px;
}
.aboutUsTop .aboutUsContent .knowMore a {
    font-size: 18px;
    color: rgba(241, 59, 58, 1);
    line-height: 26px;
}
.aboutUsTop .aboutUsContent .knowMore a span {
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(241, 59, 58, 1);
}
.aboutUsTop .aboutUsImg {
    position: relative;
}
.aboutUsTop .aboutUsImg .aboutUsBanner {
    position: absolute;
    top: 78px;
    left: -2px;
}
.aboutUsImg .aboutUsBanner .preImg {
    position: absolute;
    top: 290px;
    left: 15px;
}
.aboutUsImg .aboutUsBanner .nextImg {
    position: absolute;
    top: 290px;
    left: 755px;
}

.aboutUsBanner .carousel-control .left {
    background:none;
}
.aboutUsNav {
    margin-top: 85px;
    margin-bottom: 43px;
}
.aboutUsNav ul li {
    width: 195px;
    height: 40px;
    background: RGBA(58, 58, 58, 1);

    font-size: 24px;
    color: rgba(255, 255, 255, 1);
    line-height: 35px;
    position: relative;
}
.aboutUsNav ul li a{
    color: rgba(255, 255, 255, 1);
    /*padding: 0 42px 0 43px;*/
}
.aboutUsNav ul li img {
    margin-right: 13px;
}
.aboutUsNav ul li span {
    display: inline-block;
    width: 7px;
    height: 40px;
    background: rgba(255, 255, 255, 1);
    position: absolute;
    left: 10px;
}
.aboutUsNav ul li:hover {
    background: RGBA(241, 59, 58, 1);
    cursor: pointer;
}
.aboutUsNav .active {
    background: rgba(241, 59, 58, 1);
}
.aboutUsTriangle {
    position: relative;
}
.aboutUsTriangle p { /* 三角形   */
    display: inline-block;
    height: 0px;
    width: 0px;
    border-left: 10px solid transparent;
    border-bottom: 11px solid rgba(241, 59, 58, 1);
    border-right: 10px solid transparent;
    position: absolute;
    left:-5px;
    top: -10px;
}


.about-tab-content .about-us-team {
    margin-top: 45px;
    background: rgba(241, 241, 241, 1);
    padding-bottom: 34px;
}
.about-tab-content .about-us-team .joinUsDiv {
    position: absolute;
    bottom: 0;
    right: 0;
}
.about-tab-content .about-us-team img {
    margin-top: 29px;
}
.about-tab-content .aboutUsTabP {
    text-align: center;
    font-size: 18px;
    color: rgba(58, 58, 58, 1);
    line-height: 28px;
    margin-top: 30px;
}
.about-tab-content .cultureimg{
    display: block;
    width: 788px;
    height: 577px;
}
.about-tab-content .culturedetail{
    margin-bottom: 74px;
    padding-top: 68px;
}
.about-tab-content .culturedetail .textbox{
    width: 179px;
    border-right: 6px solid #F13B3A;
    height:50px;
}
.about-tab-content .culturedetail h1{
    font-size:30px;
    font-family:ArialMT;
    font-weight:normal;
    color:rgba(241,59,58,1);
    line-height: 24px;
    margin-bottom: 10px;
    letter-spacing: -1px;
}
.about-tab-content .culturedetail h2 {
    font-size:16px;
    font-family:MicrosoftYaHei;
    color:rgba(58,58,58,1);
    line-height:16px;
    /*letter-spacing: 2px;*/
}
.about-tab-content .culturedetail h3 {
    width:156px;
    height:50px;
    background:rgba(241,59,58,1);
    font-size:30px;
    font-family:MicrosoftYaHei;
    font-weight:bold;
    color:rgba(255,255,255,1);
    line-height:50px;
    letter-spacing: 3px;
    padding-left: 3px;
}
.about-tab-content .culturedetail .extext{
    height: 26px;
    border-left: 32px solid #F13B3A;
    text-align: right;
    font-size:26px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:#646464;
    line-height:26px;
    margin-top: 17px;
    margin-right: -12px;
    letter-spacing: 10px;
}
.about-tab-content .culturedetail p{
    font-size:20px;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(101,101,101,1);
    line-height:33px;
    /*letter-spacing: 2px;*/
}

/* 公司荣誉 */
.about-us-honor {
    margin-top: 56px;
    margin-bottom: -1px;
}
.about-us-honor .honorBg1 {
    background: url("/wp-content/themes/jupin/assets/images/gywm/gywm-jupinhonorbg1.png") center center no-repeat;
    width: 100%;
    height: 600px;
}
.about-us-honor .honorBg2 {
    background: url("/wp-content/themes/jupin/assets/images/gywm/gywm-jupinhonorbg2.png") center center no-repeat;
    width: 100%;
    height: 685px;
    margin-top: -2px;
}

/* common */
.about-us-honor h1 {
    font-size: 32px;
    font-weight: bold;
    color: rgba(58, 58, 58, 1);
    padding-top: 111px;
}
.about-us-honor h2 {
    font-size: 16px;
    font-family: ArialMT;
    color: rgba(58, 58, 58, 1);
    line-height: 34px;
    margin-bottom: 35px;
}
.about-us-honor ul li {
    font-size: 18px;
    color: rgba(58, 58, 58, 1);
    line-height: 32px;
}
.about-us-honor ul li span {
    width: 12px;
    height: 12px;
    background: rgba(255, 255, 255, 1);
    border: 2px solid rgba(241, 59, 58, 1);
    border-radius: 50%;
    display: inline-block;
    margin-right: 12px;
    line-height: 18px;
    /*z-index: 1;
    position: relative;*/
}

/*同心圆*/
.about-us-honor ul li span b {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 1px;
    margin-top: 1px;
    background: rgba(241, 59, 58, 1);
    border-radius: 50%;
}

/* 加入我们 */
.about-us-join {
    margin-top: 56px;
    margin-bottom: -1px;
}
.about-us-join .joinUsBg {
    background: url("/wp-content/themes/jupin/assets/images/gywm/gywm-joinus-big.png") center center no-repeat;
    width: 100%;
    height: 725px;
}
.about-us-join .joinUsBg h1 {
    font-size: 36px;
    font-weight: bold;
    color: rgba(241, 59, 58, 1);
}
.about-us-join .joinUsBg p {
    font-size: 24px;
    color: rgba(58, 58, 58, 1);
}
.about-us-join .joinUsBg span {
    display: block;
    font-size: 14px;
    font-family: ArialMT;
    color: rgba(241, 59, 58, 1);
    text-transform: uppercase;
}
.about-us-join .joinUsBg h2 {
    width: 168px;
    height: 55px;
    background: rgba(58, 58, 58, 1);

    font-size: 50px;
    font-family: ArialMT;
    font-weight: bold;
    color: rgba(241, 59, 58, 1);
    line-height: 58px;
    text-align: center;
}
.about-us-join .joinUs2 {
    background: url("/wp-content/themes/jupin/assets/images/gywm/gywm-sjsd.png") center center no-repeat;
    width: 100%;
    height: 805px;
}
.about-us-join .joinUs2 .leftWorld h1 {
    padding-top: 80px;
    font-size: 60px;
    font-weight: bold;
    color: rgba(58, 58, 58, 1);
    line-height: 70px;
}
.about-us-join .joinUs2 .leftWorld h2 {
    font-size: 26px;
    font-weight: bold;
    color: rgba(241, 59, 58, 1);
    line-height: 28px;
    padding-top: 45px;
    padding-left: 76px;
    letter-spacing: 2px;
}
.about-us-join .joinUs2 .leftWorld h2 .word3 {
    display: block;
    font-size: 14px;
    font-family: ArialMT;
    color: rgba(241, 59, 58, 1);
    line-height: 28px;
    font-weight: 500;
    letter-spacing: 1px;
}
.about-us-join .joinUs2 .leftWorld div p {
    font-size: 18px;
    color: rgba(58, 58, 58, 1);
    line-height: 28px;
    padding-left: 76px;
    letter-spacing: 3px;
    padding-top: 10px;
}
.about-us-join .joinUs2 .rightWorld h1 {
    font-size: 26px;
    font-weight: bold;
    color: rgba(241, 59, 58, 1);
    line-height: 28px;
    padding-top: 180px;
    letter-spacing: 2px;
}
.about-us-join .joinUs2 span {
    display: block;
    font-size: 14px;
    font-family: ArialMT;
    color: rgba(241, 59, 58, 1);
    line-height: 28px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.about-us-join .joinUs2 p {
    font-size: 18px;
    color: rgba(58, 58, 58, 1);
    line-height: 28px;
    padding-top: 12px;
}
.about-us-join .joinUs2 p a {
    display: block;
    margin-top: 65px;
}
.about-us-join .joinUs3 ul li {
    height: 50px;
    background: RGBA(58, 58, 58, 1);
    margin-bottom: 27px;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
}
.about-us-join .joinUs3 ul li a {
    display: inline-block;
    height: 50px;
    color: rgba(255, 255, 255, 1);
 }
.about-us-join .joinUs3 ul .active{
    box-shadow:0px 1px 2px 0px rgba(10,9,26,0.6);
}
.about-us-join .joinUs3 ul li:hover {
    background: rgba(241, 59, 58, 1);
    box-shadow:0px 1px 2px 0px rgba(10,9,26,0.6);
}
.about-us-join .joinUs3 .advertiseInfo {
    width: 100%;

    background: rgba(255, 255, 255, 1);
    border: 1px solid rgba(230, 230, 230, 1);
    -webkit-box-shadow: 0px 3px 3px #c8c8c8 inset; /* 内阴影 */
    -moz-box-shadow: 0px 3px 3px #c8c8c8 inset;
    box-shadow: 0px 3px 3px #c8c8c8 inset;
}
.about-us-join .joinUs3 ul li img {
    margin-right: 13px;
}
.mr50 {
    margin-right: 50px;
}
.mr63 {
    margin-right: 63px;
}
.mt45 {
    margin-top: 45px;
}
.about-us-join .joinUs3 .advertiseInfo h1 {
    font-size: 20px;
    font-weight: bold;
    color: rgba(241, 59, 58, 1);
    line-height: 28px;
    border-left: 4px solid RGBA(241, 59, 58, 1);
    padding-left: 10px;
    margin: 56px 0 19px 0;

}
.about-us-join .joinUs3 .advertiseInfo h1 span {
    display: inline-block;
    font-size: 18px;
    font-family: ArialMT;
    color: rgba(180, 180, 180, 1);
    line-height: 28px;
    margin-left: 19px;
}
.about-us-join .joinUs3 .advertiseInfo p {
    font-size: 18px;
    color: rgba(58, 58, 58, 1);
    line-height: 28px;
}
.about-us-join .joinUs3 .active {
    background: rgba(241, 59, 58, 1);;
}
.about-us-join .joinUs4 ul li {
    font-size: 18px;
    color: rgba(58, 58, 58, 1);
    line-height: 28px;
    padding: 40px 0 33px 0;
}
.about-us-join .joinUs4 ul li img {
    margin-right: 9px;
}
.about-us-join .joinUs4 ul li span {
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(241, 59, 58, 1);
}
.about-us-join .joinUs5 {
    height: 60px;
    background: RGBA(241, 59, 58, 1);
    box-shadow: 0px 1px 5px 0px rgba(10, 9, 26, 0.6);
    margin-bottom: 32px;
    text-align: center;
}
.about-us-join .joinUs5 a {
    font-size: 24px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 60px;
    cursor: pointer;
}
.about-us-join .joinUs5 a:hover{
    text-shadow: 1px 1px 2px  #f5f5f5;
}
.about-us-development {
    width: 100%;
    background: rgba(240, 240, 240, 1);
    margin: 37px 0 55px 0;
}
.about-us-development .timeLine {
    padding: 41px 0 41px 0;
}
.scrollLoadingImg {
    background: url("/wp-content/themes/jupin/assets/images/loading.gif") center center no-repeat;
}

/*----------网店装修灯泡发亮效果------------------*/
.wdzx-wdzx {
    position: relative;
}
.wdzx-wdzx .wrapLight {
    position: absolute;
    bottom: 57px;
    left: 83px;
}
.wdzx-wdzx .light {
    width: 120px;
    height: 120px;
    position: absolute;
    bottom: -15px;
    left: 123px;
    transform: translate(-50%, -50%);
}
.wdzx-wdzx:hover .light .glow {
    width: 120px;
    height: 120px;
    opacity: 0.4;
    background: -webkit-radial-gradient(rgba(255, 223, 67, 1), rgba(255, 223, 67, 0) 70%);
    transition: all 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wdzx-wdzx:hover .light .flare {
    width: 20px;
    height: 20px;
    opacity: 0.2;
    background: rgba(255, 223, 67, 1);
    transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wdzx-wdzx .light .glow {
    width: 0px;
    height: 0px;
    border-radius: 50%;
    opacity: 0;
    background: -webkit-radial-gradient(rgba(255, 223, 67, 1), rgba(255, 223, 67, 0) 70%);
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 1000ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.wdzx-wdzx .light .flare {
    width: 0px;
    height: 0px;
    border-radius: 50%;
    opacity: 0;
    background: rgba(255, 223, 67, 0);
    position: absolute;
    display: block;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 1000ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* 闪亮动画 */

.abdomenPosition1 {
    position: absolute;
    top: 52%;
    left: 2%;
}
.abdomenPosition2 {
    position: absolute;
    top: 18%;
    left: 24%;
}
.abdomenPosition3{
    position: absolute;
    top: 15%;
    left: 62%;
}
.abdomenPosition4 {
    position: absolute;
    top: 28%;
    left: 76%;
}
.abdomenPosition5 {
    position: absolute;
    top: 49%;
    left: 97%;
}
.abdomenPosition6 {
    position: absolute;
    top: 57%;
    left: 75%;
}
.abdomenPosition7{
    position: absolute;
    top: 85%;
    left: 53%;
}
.abdomenPosition8 {
    position: absolute;
    top: 73%;
    left: 47%;
}
.abdomenPosition9 {
    position: absolute;
    top: 64%;
    left: 21%;
}
.abdomenPosition10 {
    position: absolute;
    top: 83%;
    left: 24%;
}
.abdomenPosition11 {
    position: absolute;
    top: 72%;
    left: 76%;
}
.wingBanner .abdomen {
    width: 10px;
    height: 10px;
    transition: all 1000ms ease;
    border-radius: 50% 50% 50% 50%;
    animation: flicker 1000ms ease infinite;
}
.wingBanner .wings .wing {
    position: absolute;
    right: 0;
    width: 100%;
    height: 50%;
    transition: all 200ms ease-out;
}
@keyframes flicker {
    0%, 100% {
        background: #fff;
        box-shadow: 0 0 1rem #fff, inset -0.25rem 0 0 0.5rem rgba(255, 255, 255, 0.1);
    }
    30%, 70% {
        background: #fff;
        box-shadow: -1rem 0 8rem 1rem #fff, inset -0.25rem 0 0 0.5rem rgba(255, 255, 255, 0.1);
    }
}
/* 成功案例详情的微信二维码 */
.leftma  { position: relative;  }
.leftma .erweima{
cursor: pointer;
}
.leftma img.cate-erweima {
    position: absolute;
    z-index: 99;
    left: 0px;
    transform: scale(0);
    transform-origin: top;
    opacity: 0;
    border-radius: .25rem;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.leftma .erweima:hover img.cate-erweima {
    transform: scale(1);
    opacity: 1;
}
.erweimaDefault{
    transform: scale(1)!important;
    opacity: 1!important;
}
.erweima-mb{
     margin-bottom: 127px;
 }

/* 公司动态 ==================================================*/
.dyy-moreganhuo .title{
    background-image:url("/wp-content/themes/jupin/assets/images/daiyunying/moreganhuo.png");
    background-repeat:no-repeat;
    background-position:0px 22px;
}
.dyy-moreganhuo .extratitle{
    color: #F13B3A!important;
}
.dyy-moreganhuo .tab-content{
    margin-top: 48px;
}
.dyy-moreganhuo .tab-content .contentBox{
    position: relative;
}
.dyy-moreganhuo .newsImgBox img{
    width:560px;
    height:396px;
}
.dyy-moreganhuo .newsImgBox {
    margin-left: 19px;
    margin-top: 21px;
    width:560px;
    height:396px;
    box-shadow:0px 5px 8px rgba(0,0,0,0.8);
    position: absolute;
    right:0px;
}
.dyy-moreganhuo .more-btn a{
    width:100px;
    height:26px;
    border:1px solid rgba(241,59,58,1);
    border-radius:13px;
    float: right;
    margin-top: 8px;
    margin-bottom: 11px;

    font-size: 14px;
    color: #f13b3a;
    text-align: center;
    display: block;
    line-height: 24px;
    margin-left: 6px;
}
.dyy-moreganhuo .more-btn a:hover{
    background: #f13b3a;
    color:#fff;
}
.dyy-moreganhuo ul{
    width: 583px;
    margin-right: 17px;
}
.dyy-moreganhuo .content-ct span{
    width: 20px;
    height: 170px;
    display: block;
    background-color:rgba(241,59,58,1);
    margin-top: 226px;
}
.dyy-moreganhuo ul li p.dateP {
    font-size: 14px;
    color:#F13B3A;
    margin-left: 21px;
    width:78px;
    text-align: right;
}
.dyy-moreganhuo ul li div h5 {
    font-size: 18px;
    color:#F13B3A;
    margin-bottom: 18px;
    font-weight:bold;
}
.dyy-moreganhuo ul li {
    padding:20px 0;
    padding-left:0px;
    width: 580px;
}
.dyy-moreganhuo ul li div p {
    font-size: 16px;
    color:#3A3A3A;
    line-height: 20px;
    overflow: hidden;
    width: 480px;
    height:40px;
    overflow: hidden; /* 省略号 */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.dyy-moreganhuo .displaybottom{
    width:100%;
    height:78px;
    background:rgba(241,59,58,1);
}
.dyy-moreganhuo ul li.animateLi  {
    animation: dongtaiAnimateEnd .6s ease;
    -o-animation: dongtaiAnimateEnd .6s ease;
    -ms-animation: dongtaiAnimateEnd .6s ease;
    -moz-animation: dongtaiAnimateEnd .6s ease;
    -webkit-animation: dongtaiAnimateEnd .6s ease;
    animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -ms-animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
.dyy-moreganhuo #companyDynamic ul li.animateLi a {
    animation: dongtaiLeftEnd .6s ease;
    -o-animation: dongtaiLeftEnd .6s ease;
    -ms-animation: dongtaiLeftEnd .6s ease;
    -moz-animation: dongtaiLeftEnd .6s ease;
    -webkit-animation: dongtaiLeftEnd .6s ease;
    animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -ms-animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
.dyy-moreganhuo #companyDynamic ul li:hover {
    animation: dongtaiAnimate .6s ease;
    -o-animation: dongtaiAnimate .6s ease;
    -ms-animation: dongtaiAnimate .6s ease;
    -moz-animation: dongtaiAnimate .6s ease;
    -webkit-animation: dongtaiAnimate .6s ease;
    animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -ms-animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
.dyy-moreganhuo #companyDynamic ul li:hover a {
    animation: dongtaiLeft .6s ease;
    -o-animation: dongtaiLeft .6s ease;
    -ms-animation: dongtaiLeft .6s ease;
    -moz-animation: dongtaiLeft .6s ease;
    -webkit-animation: dongtaiLeft .6s ease;
    animation-fill-mode:forwards;
    -o-animation-fill-mode:forwards;
    -moz-animation-fill-mode:forwards;
    -ms-animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
    animation-delay:.2s;
}
.dyy-moreganhuo #companyDynamic ul li:hover a p, #companyDynamic ul li:hover a h5 {
    color:#fff;
}
@keyframes dongtaiLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50px);
    }
}
@keyframes dongtaiLeftEnd {
    0% {
        transform: translateX(-50px);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes dongtaiAnimate {
    0% {
        background-color: RGBA(240, 240, 240, 1);
        margin-left:0;
        padding-left:0;
    }
    100% {
        background-color: #e61a0f;
        margin-left:-60px;
        padding-left:80px;
    }
}
@keyframes dongtaiAnimateWhite {
    0% {
        background-color: #fff;
        margin-left:0;
        padding-left:0;
    }
    100% {
        background-color: #e61a0f;
        margin-left:-60px;
        padding-left:80px;
    }
}
@keyframes dongtaiAnimateWhiteEnd {
    0% {
        background-color: #e61a0f;
        margin-left:-60px;
        padding-left:80px;;
    }
    100% {
        background-color: #fff;
        margin-left:-60px;
        padding-left:80px;
        margin-left:0;
        padding-left:0;
    }
}
@keyframes dongtaiAnimateEnd {
    0% {
        background-color: #e61a0f;
        margin-left:-60px;
        padding-left:80px;;
    }
    100% {
        /*background-color: RGBA(240, 240, 240, 1);*/
        margin-left:-60px;
        padding-left:80px;
        margin-left:0;
        padding-left:0;
    }
}
/*合作品牌动效*/
.hideAnimate {
    opacity: 0;
    filter: alpha(opacity=0);
}
.hideAnimate.animated {
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
}
/* 分页高亮 */
.pagination{
    clear: both;
}
.pagination>li>a {
    margin: 0px 3px;
    color:#333;
}
.pagination>li>a, .pagination>li>span {
    background-color: #e8e8e8;
    border: 1px solid #e8e8e8;
    border-radius: 0px !important;
}
.pagination>li>span.current {
    background: #ff5b52;
    color: #fff;
}
/*ued的查看案例样式*/
.uedHoverShow {
    width: 280px;
    height: 800px;
    background-color: rgba(58,58,58,0.9);
    padding-top: 400px;
    position: absolute;
    bottom: 0px;
    cursor: pointer;
}
/*我们的专家团队  竭诚为您服务*/
.dyy-proteam .extratitle{
    margin-left:360px!important;
}
.dyy-proteam .content,.dyy-proteam .content1{
    position: relative;
}
.dyy-proteam .case-content1{
    padding-top: 55px;
    width: 272px;
    margin-bottom: 70px;
}
.dyy-proteam .contentBg1{
    width: 270px;height: 350px;
    box-shadow:0px 5px 8px rgba(0,0,0,0.8);
    position: relative;
}
.dyy-proteam .case-describe div{
    font-size:16px;
    color:rgba(58,58,58,1);
    line-height:26px;
    margin-top: 30px;
    height: 52px;
    overflow: hidden; /* 省略号 */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.dyy-proteam .case-content1 .case-title{
    font-size:20px; color: white;
    line-height: 52px;
    width:270px;
    height:52px;
    background-color:rgba(58,58,58,0.8);
    text-align: center;
    position: absolute; bottom: 0px;
}
.dyy-proteam .case-content{
    font-size:14px; color: white;
    line-height: 26px;
    width:270px;
    height:350px;
    background-color:rgba(58,58,58,0.8);
    text-align: center;
    position: absolute; top: 0px;
    padding: 10px;
    padding-top: 34px;
    overflow: hidden;
}
.dyy-proteam .case-content h1{
    font-size: 18px;
    margin-bottom: 28px;
}
/* 后台编辑文字 */

.news  .articleInfo h1, .aftersearch h1{
    font-size: 20px;
    color: #333333;
}
.news  .articleInfo h2, .aftersearch h2{
    font-size: 18px;
    color: #333333;
}
.news  .articleInfo h3, .aftersearch h3{
    font-size: 16px;
    color: #333333;
    line-height: 24px;
}
.news .articleInfo h4 , .aftersearch h4{
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}
.news .articleInfo h5 , .aftersearch h5{
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}
.news  .articleInfo p, .aftersearch p {
    margin: 10px 0px;
    line-height: 24px;
    color: #333333;
}
.news .articleInfo strong, .news .articleInfo b,.aftersearch strong,.aftersearch b{
    font-weight: 700;
}
.news .articleInfo,.downcontent .aftersearch{
    color: #333333;
}
.news .articleInfo img{
    max-width: 900px;
}
.downcontent .aftersearch img{
    max-width: 824px;
}