.ff4200{
    color:#ff4200 !important;
}
/*背景图内容*/
.onlineBigBox{
    width:100%;
    height:814px;
    margin-top:6px;
    position: relative;
}
.onlineBox{
    width:100%;
    height:100%;
    background:url("../images/bg.png");
    position: absolute;
    top:0;
    left:0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.onlineContentBox{
    width:1200px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.onlineContentLeftBox{
    margin-top:112px;
}
.onlineContentRightBox{
    margin-top:82px;
}
.onlineContentLeftBox>div:nth-child(2){
     margin-top:10px;
     margin-bottom:60px;
 }
.onlineContentLeftBox>div:nth-child(4){
    margin-top:7px;
    margin-bottom:59px;
}
.onlineContentLeftBoxBottom{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.onlineContentLeftBoxBottom>a{
    width:140px;
    height:45px;
    border:2px solid #69696a;
    color:#69696a;
    text-align: center;
    line-height: 43px;
}
.onlineContentLeftBoxBottom img{
    margin-left:30px;
}
.onlineContentLeftBoxBottom>a:hover{
    /*background-color:#ff4200;*/
    /*border:2px solid #ff4200;*/
    background-color:#999999;
    border:2px solid #999999;
    color:#ffffff;
}
    /*背景图内容 end*/
/*轮播图上列表*/
.onlineListBox{
    width:100%;
    position: absolute;
    bottom:54px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.onlineListContent{
    width:1200px;
}
.onlineListBoxa{
    background-color: #ffffff;
    height:86px;
    border-bottom:1px solid #ececec;
    display: block;
}
.onlineListTitleBox>div{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.onlineListTitleFonts1{
    padding-top:24px;
    font-weight: 700;
    font-size: 15px;
    color:#272727;
}
.afterclx a{
    color:#878787;
}
.onlineListTitleFonts1 img{
    position: relative;
    bottom:5px;
}
.onlineListTitleFonts2{
    margin-bottom:22px;
    color:#ff4200;
    font-size: 12px;
}
.onlineListTitleFonts2>img{
    opacity: 0;
}
.onlineListTitleBox>div:hover .onlineListTitleFonts2>img{
    opacity: 1;
}
.onlineListTitleFonts1,.onlineListTitleFonts2{
    margin-left:18px;
}
.lineHover{
    width:100%;
    height:8px;
    background-color:#eacdb6;
    opacity: 0;
}
.onlineListBoxa:not(:first-child){
    border-right:1px solid #ececec;
}
.onlineListTitleBox>div:hover .lineHover{
   opacity: 1;
}
.onlineListBoxa:hover{
    -webkit-box-shadow: 2px 2px 5px #ececec;
            box-shadow: 2px 2px 5px #ececec;
}
.onlineListBottomBox{
    width:1199px;
    background-color: #ffffff;
    padding-left:20px;
}
.onlineFontBox{
    height:20px;
    padding-top:38px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.onlineFontTitle{
    margin-right:30px;
}
.platform{
    width:202px;
}
.url{
    width:352px;
}
.names{
    width:200px;
}
.phoneBoxs{
    width:374px;
}
.formBox>div:not(:first-child){
    margin-left:10px;
}
.formBox{
    margin-top:24px;
    padding-bottom:20px;
}
.formBox input,.formBox select{
    height:42px;
    border: 2px solid #f0f0f0;
    border-radius: 3px;
    padding-left:14px;
}
.phones{
    border-left:2px solid #ff4200 !important;
    border-top:2px solid #ff4200 !important;
    border-bottom:2px solid #ff4200 !important;
}
.onlineBottoms{
    background-color: #ff4200;
    color:#ffffff;;
    margin-left:-2px;
    border-radius: 0 3px 3px 0;
    width:164px;
    font-weight: 800;
}
.formBox input{
    font-size: 12px;
    color:#838383;
    font-weight: 800;
}
#form_mobile{
    width:195px;
}
#form_shop{
    background-color: #f3f3f3 ;
    color: #7a7a7a;
    font-size: 12px;
    font-weight: 800;
}

/*select{*/
/*    -webkit-appearance: none;   !* google *!*/
/*    -moz-appearance: none;  !* firefox *!*/
/*    appearance: none;       !* IE *!*/
/*}*/
/*#form_shop option{*/
/*    width:100%;*/
/*    height:42px;*/
/*}*/
input::-webkit-input-placeholder{
    color:#7a7a7a !important;
}
input:-ms-input-placeholder{
    color:#7a7a7a !important;
}
input::-ms-input-placeholder{
    color:#7a7a7a !important;
}
input::placeholder{
    color:#7a7a7a !important;
}
input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #7a7a7a !important;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #7a7a7a !important;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #7a7a7a !important;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #7a7a7a !important;
}


/*.formColor:hover input{*/
/*    border:2px solid #ff4200;*/
/*}*/
/*.formColor:hover select{*/
/*    border:2px solid #ff4200;*/
/*}*/

/*轮播图上列表 end*/

/*图片展示*/
.imgListBottom{
    padding:40px 0 104px 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    cursor: pointer;
}
.imgListBottomfonts{
    background-color: #2d2d2d;
    color:#ffffff;
    width:240px;
    height:54px;
    text-align: center;
    line-height: 54px;
    -webkit-transition: all 0.6s;
    transition: all 0.6s
}
.imgListBottomfonts:hover{
    background-color: black;
}
.imgListBottomfonts>span{
    padding:0 24px;
}
.imgListBottomfonts>img{
    margin-bottom:3px;
}
.ListShowBox{
    position: relative;
    overflow: hidden;
}
.tabShadows {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.tabImgBoxHover{
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}
.ListShowBox:hover .tabImgBoxHover{
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
}
.tabImg{
    position: absolute;
    top: 30%;
    left: 42%;
}
.ListShowBox:hover .tabShadows{
    opacity: 0.7;
    background: rgba(0, 0, 0, 0.7);
}
.ListShowBox:hover .tabImg{
    opacity: 1;
}
.tabShadows {
    opacity: 0;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s;
}
.tabConFont {
    position: absolute;
    bottom: 0;
    margin: 0 0 30px 30px;
}
.tabConFont>span:nth-child(1) {
    color: #ffffff;
    display: block;
}
.tabConFont>span:nth-child(2) {
    color: #999999;
    margin-top: 16px;
    display: block;
}
.ListShowBox:hover .tabShadows{
    opacity: 1;
    cursor: pointer;
}
/*图片展示end/*/
/*做电商的痛苦*/
.wjsj_recommended,.retaBoxs{
    background-color: #f4f6f8 !important;
}
.retaBoxs{
    width:100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height:100%;
    padding-bottom:88px;
}
.retaBg{
    background: url("../images/retailers.png");
    position: relative;
    text-align: center;
    width:786px;
    height:62px;
}
.retaBg>p:nth-child(2){
   color:#8d8c8c;
    margin-top:5px;
}

.retaTitle1::after {
    content: '';
    display: block;
    width: 26px;
    height: 3px;
    margin: 6px auto 0 auto;
    background: #db1110;
}
.retaContentBox{
    width:1200px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.retaContentBox>div{
    margin-top:42px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    border:1px solid #eaeaea;
    height:684px;
    background-color: #ffffff;
}
.retaContentBox>div:not(:first-child){
    margin-left:6px;
}
.retaBg,.retaContentBox{
    margin:0 auto;
}
.retaContentBox>div:hover .retaTouxiangImg{
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
}
.retaTouxiang{
    width:100%;
    height:214px;
    border-bottom:1px solid #eaeaea;
    position: relative;
    text-align: center;
}
.retaTouxiangImg{
    margin-top:36px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.retaNumber{
    font-size: 30px;
    color:#e0e0e0;
    font-weight: 700;
    position: absolute;
    left:29px;
    bottom:21px;
}
.retaTouxiang::after{
    content: '';
    display: block;
    /*width: 60px;*/
    width:0;
    height: 3px;
    background: #db1110;
    position: absolute;
    left:0;
    bottom:-3px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.retaContentBox>div:hover .retaTouxiang::after{
    width:60px;
}
.retaContentBox>div:hover .tetaContentsBox>div:nth-child(2){
    color:#db1110;
}
.tetaContentsBox{
    padding:86px 58px 0 69px;
}
.tetaNames{
    color:#ffffff;
    font-size: 12px;
    position: relative;
    left: -45px;
    bottom: 3px;
}
.tetaContentsBox>div:nth-child(2){
    color:#333333;
    margin:10px 0;
}
.tetaContentsBox>div:nth-child(3){
    color:#db1110;
}
.lineBoxs:before{
    content: '';
    display: block;
    width: 18px;
    height: 2px;
    background: #333333;
    position: relative;
    top:2px;
}
.lineBoxs:after{
    content: '';
    display: block;
    width: 56px;
    height: 2px;
    background: #e6e6e6;
}
.lineBoxs{
    margin:25px 0 30px 0;
}
.tetaContentsBox>div:nth-child(5){
    color:#969699;
    line-height: 28px;
}
/*做电商的痛苦 end*/
/*他们都选择了壹营销设计*/
#retaBgXz{
    background-image: url(../images/choose.png) !important;
    position: relative;
    text-align: center;
    width: 786px;
    height: 62px;
}
.choiceBox{
    padding-top:90px;
    background-color: #ffffff !important;
}
.choiceTitle>span{
    color:#db1110;
}
.choiceTitle{
    color:#333333;
    padding-top:64px;
    font-weight: 800;
}
.choiceFonts{
    padding-top:34px;
    color:#6f6f6f;
    line-height: 28px;
}
.choiceContentBox>div{
    border-top:2px solid #db1110;
    height:300px;
}
.choiceContentBoxHover{
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width:200px;
    margin-left:34px;
}
.choiceContentBox>div:hover .choiceContentBoxHover{
    margin-left:44px;
}

.choiceContentBox>div:nth-child(1){
    background: url("../images/sl1.png");
}
.choiceContentBox>div:nth-child(2){
    background: url("../images/sl2.png");
}
.choiceContentBox>div:nth-child(3){
    background: url("../images/sl3.png");
}
.choiceContentBox>div:nth-child(4){
    background: url("../images/sl4.png");
}

/*他们都选择了壹营销设计 end*/
/*品牌客户*/
.brandBox{
    margin-top:50px;
    height:914px;
    width:100%;
    background: url("../images/ppbg.png");
}
#brandBox{
    background: url(../images/brand.png) center no-repeat !important;
    text-align: center;
    width: 786px;
    height: 62px;
}
.brandTitle,.brandTitle1{
    color:#ffffff;
}
.brandTitle1{
    margin-top:10px !important;
}
.brandContentBox{
    width:1200px;
    margin:65px  auto 0 auto;
    height:580px;
}
.brandContentBox>div{
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.brandContentBox>div:not(:first-child){
    margin-left:7px;
}
.brandTitle1::after {
    content: '';
    display: block;
    width: 26px;
    height: 3px;
    margin: 6px auto 0 auto;
    background: #db1110;
}
.brandContentBox>div>div{
    background-color: #2c2c30;
    position: relative;
}
.brandContentBox>div>div span{
    color:#8d8c8c;
    font-size: 14px;
    position: absolute;
    left:33px;
    bottom:37px;
}
.brandBigImg{
    height:386px;
}
.brandSomallImg{
    height:190px;
}
.brandContentBox>div>div:not(:first-child){
    margin-top:5px;
}
.brandBigImgs{
    width:100%;
    height:100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    bottom:0;
    -webkit-transition: bottom 0.6s;
    transition: bottom 0.6s;
}
.brandContentBox>div>div:hover .brandBigImgs{
    background-color:#ffffff;
    bottom:6px;
}
.logoHovers{
    display:none;
}
.brandContentBox>div>div:hover .hovers{
    display:none;
}
.brandContentBox>div>div:hover .logoHovers{
    display:block;
}
.brandBox::before{
    content: '';
    height:84px;
    width:100%;
    display: block;
}

/*品牌客户 end*/
/*大神团队*/
.teamBoxs{
    height: 836px;
    padding-top: 94px;
    background: #fafafa url(../images/team.png) center 90px no-repeat;
}
.teamBoxs>div{
    text-align: center;
}
.retaTitleTeam{
    color:#979799;
    margin-top:10px;
}
.retaTitleTeam::after {
    content: '';
    display: block;
    width: 26px;
    height: 3px;
    margin: 6px auto 0 auto;
    background: #db1110;
}
.teamContentBox{
    width:1200px;
    margin:0 auto;
    position: relative;
    height:100%;
}
.teamContentBoxs{
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: absolute;
}
.teamContentBoxs>div{
    border:1px solid #eaeaea;
    margin-top:46px;
    height:498px;
    position: relative;
    overflow: hidden;
    background-color:#ffffff;
}
.teamBoxs1,.teamBoxs3{
    width:320px;
}
.teamBoxs2{
    width:548px;
}
.teamImgs{
    margin-top:71px;
}
.teamFonts{
    position: absolute;
    left:45px;
    bottom:114px;
    color:#333333;
}
.teamFonts>span:nth-child(2){
    color:#db1110;
    margin-left:4px;
}
.teamFootsBox{
    width:100%;
    height:70px;
    border-top:1px solid #eaeaea;
    position: absolute;
    bottom: 0;
    background-color: #ffffff;
}
.teamFootsBoxList{
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height:100%;
    margin-left:48px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.teamFootsBoxList span{
    color:#333333;
    margin-left:8px;
    padding-top:2px;
    display: inline-block;
}
.teamYuans{
    margin-right:22px;
}

.teamBoxs2>img{
    position: absolute;
    top:75px;
    right:90px;
}
.teamFontsBox2{
    position: absolute;
    left:45px;
    bottom:112px;
    height:114px;
}
.db1110{
    color:#db1110 !important;
    margin-left:4px;
}
.teamFontList{
    color:#9d9da0;
    margin-top:10px;
    margin-bottom:36px;
}
.color3{
    color:#333333 !important;
}
.teamFontList2{
    margin-top:15px;
}
.teamLeftImg,.teamRightImg{
    position: absolute;
    top:36%;
    z-index: 5;
}
.teamLeftImg{
    left:-56px;
}
.teamRightImg{
    right:-46px;
}
.teamBottomBox{
    position: absolute;
    bottom:150px;
    left:45%;
}
.teamBottomBox>div{
    width:28px;
    height:8px;
    background-color: #ffffff;
}
.teamBottomBox>div:not(:first-child){
    margin-left:10px;
}
.teaAftear{
    background-color: #db1110 !important;
}
/*大神团队 end*/
/*壹营销风采*/
.demeanorBox{
    height:740px;
    background-color: #ffffff !important;
    text-align: center;
}
#demeanorBoxs{
    width:800px;
    background: url("../images/fengc.png") center;
    margin:90px auto 35px auto;
}
.demeanorBoxs{
    margin:0 auto;
}
.demeanorTitle::after{
    content: '';
    display: block;
    width: 26px;
    height: 3px;
    margin: 6px auto 0 auto;
    background: #db1110;
}
.demeanorContentBox{
    width:1200px;
    margin:0 auto;
}
.demeanorOnTitleBox{
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.demeanorOnTitleBox>div{
    width:120px;
    height:30px;
    border:1px solid #eaeaea;
    text-align: center;
    line-height: 30px;
    position: relative;
    cursor: pointer;
}
.demeanorOnTitleBox>div:not(:first-child){
    margin-left:6px;
}
.aves{
    background-color:#db1110;
    color:#ffffff;
    font-weight: 700;
}
.aves::after{
    content: '';
    width: 16px;
    height: 6px;
    background: url(../images/aves.png) no-repeat;
    position: absolute;
    bottom: -12px;
    left: 45%;
    z-index: 10;
}
.demeanorImgBox{
    height:480px;
    width:100%;
    margin-top:40px;
    overflow: hidden;
}
.demeanorImgLeftBox{
    width:478px;
    height:478px;
    overflow: hidden;
}
.demeanorImgLeftBox>img{
   width:100%;
    height:100%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.demeanorImgLeftBox:hover img{
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
}
.demeanorImgLeftBoxList{
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.demeanorImgLeftBox:hover .demeanorImgLeftBoxList{
    margin-bottom:5px;
}
.shelter{
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    background-color: rgba(0,0,0,0.2);
}
/* .demeanorImgLeftBox:hover .shelter{*/
/*    background-color: rgba(219,17,16,0.3);*/
/*}*/
/* .demeanorImgList2>div:hover .shelter{*/
/*     background-color: rgba(219,17,16,0.3);*/
/* }*/
/*.demeanorImgList1>div:hover .shelter{*/
/*    background-color: rgba(0,0,0,0.3);*/
/*}*/
.demeanorImgList2>div,.demeanorImgList1>div{
    width:236px;
    height:236px;
    overflow: hidden;
    margin-left:6px;
    margin-bottom:6px;
}
.demeanorImgList1>div img,.demeanorImgList1>div img{
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.demeanorImgList1>div:hover img{
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
}
.demeanorImgList2>div:hover img{
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
}
.demeanorImgLeftBoxList{
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.demeanorImgList1>div:hover .demeanorImgLeftBoxList{
    margin-bottom:5px;
}
.demeanorImgList2>div:hover .demeanorImgLeftBoxList{
    margin-bottom:5px;
}
 .demeanorImgList2 .shelter,.demeanorImgList1 .shelter{
     width:236px;
     height:236px;
 }
.demeanorImgRightBox img{
    width:236px;
    height:236px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.demeanorImgLeftBox,.demeanorImgList1>div,.demeanorImgList2>div{
    position: relative;
}
.demeanorImgLeftBoxList{
    position: absolute;
    left:40px;
    bottom:10px;
    text-align: left;
    cursor: pointer;
}
.f5f6f7{
    color:#f5f6f7;
}
.demeanorImgLeftBoxList>div:nth-child(2){
    padding-bottom: 20px;
}
.demeanorImgLeftBoxList>div:nth-child(1){
    padding-bottom: 5px;
}
.demeanorImgLeftBox::after{
    content:'';
    width:4px;
    height:40px;
    background-color: #db1110;
    position: absolute;
    left:0;
    bottom:23px;
}
.demeanorLeftMargin{
    left:20px !important;
}
/*壹营销风采 end*/

.wjsj_ourteam_content_right_header::before {
    background: #db1110 !important;
}

.demeanorContentBox img {
  -o-object-fit: cover;
     object-fit: cover;
}