.ding_x{width: 100%;height:920px;position: relative;}

.bannrt{width: 100%;height: 920px;position: absolute;z-index: 0;}
.top_main{position: absolute;top: 0px;z-index: 11;}
.dh_main{position: absolute;top: 60px;z-index: 10;}

.bbimg{width: 100%;height: 920px;position: relative;}
.mbb1{background: url('../images/index/banner1.jpg') no-repeat center center;}
.mbb2{background: url('../images/index/banner2.jpg') no-repeat center center;}
.mbb3{background: url('../images/index/banner3.jpg') no-repeat center center;}
.bbtext_main{width: 100%;height: auto;position: absolute;top:380px;}
.bbtext{width: 1280px;height: auto;margin:0 auto;}
.bbtext_one{font-size: 40px;color: #fff;line-height: 65px;}
.bbtext_two{font-size: 18px;color: #fff;height: auto;line-height: 50px;padding-bottom: 25px;}
.bbtext_thr{width:148px;height:45px;background: url('../images/weixin/bj_tou.png') no-repeat;}
.bbtext_thr a{display: block;text-align: center;line-height: 45px;font-size: 16px;color: #fff;}
/*列表页 start*/
.ione{height: auto;overflow: hidden;margin: 0 auto;padding:50px 0px;}
.ionek{width: 305px;height: 309px;float: left;}
.ioneka{width: 243px;height: 247px;border:1px solid #dadada;float: left;padding: 30px;cursor: pointer;}
.ionek_shu{color: #eaeaea;font-size: 36px;font-weight: bold;}
.ionek span{display:block;font-size: 20px;color: #333333;padding:10px 0px;}
.ionek p{font-size: 14px;color: #cccccc;padding-bottom: 16px;}
.ionek_line{width: 40px;height: 4px;background: #f2f2f2;}
.ionek_img{text-align: right;padding-top: 15px;}
.ionek_img img{height: 100px;}

.ionekh{width: 243px;height: 247px;border:1px solid #5c27d3;float: left;padding: 30px;display: none;box-shadow: 0px 2px 9px 0px rgb(55 47 183 / 0.2);}
.ionekh_shu{font-size: 36px;color: #5c27d3;font-weight: bold;}
.ionekh span{display:block;color: #333333;font-size: 20px;padding:10px 0px;}
.ionekh_line{width: 40px;height: 4px;background: #5c27d3;}
.ionekh_pos{font-size: 14px;color: #666666;line-height: 25px;padding-top: 30px;}

/*我们为您提供*/
.itwo_main{width: 100%;height: auto;overflow: hidden;background: #f4f7fa;}
.itwo{height: auto;overflow: hidden;margin: 0 auto;}
.itwo_ul{}
.itwo_ul ul{}
.itwo_ul ul li{}
.ili_img{width: 737px;height: 364px;float: left;padding-right: 100px;}
.ili_img img{width: 737px;height: 364px;}
.ili_text{float: left;width: 543px;height: auto;overflow: hidden;}
.ili_title{color: #333333;font-size: 30px;}
.ili_pos{color: #666666;font-size: 14px;line-height: 25px;padding-top: 25px;padding-bottom: 32px;}
.ili_span{}
.ili_span span{font-size: 14px;color: #404040;display: inline-block;height: 28px;line-height: 28px;padding: 0 20px;border-radius: 19px;
	-webkit-border-radius: 19px;background: #e8ebed;margin: 0 10px 10px 0;}

/*推广技巧 start*/
.tgjq_main{width: 100%;height: 800px;background: url('../images/index/ly_bj.png') no-repeat;}
.tgjq{height: auto;overflow: hidden;margin: 0 auto;}
.tgjq ul{display: block;}
.tgjq ul li{float: left;padding:0px 30px;width: 237px;height: 450px;overflow: hidden;margin-right: 30px;background: url('../images/index/ly_hei_bj.png');}
.tg_img{width: 237px;height: 71px;text-align: center;padding-top: 45px;display: table-cell;vertical-align: middle;}
.tg_img img{}
.tg_text{height: 70px;line-height: 70px;text-align: center;padding-bottom: 18px;color: #fff;font-size: 26px;border-bottom: 1px solid #fff;}
.tg_p{color: #fff;font-size: 14px;line-height: 30px;padding-top: 35px;}
/*推广技巧 end*/

/*海量媒体 start*/
.hmt{height: auto;overflow: hidden;margin: 0 auto;padding-bottom: 50px;}
.hmtk{width: 1278px;height: 520px;overflow: hidden;border:1px solid #dadada;}
.hmtk_left{width: 210px;height: 520px;float: left;border-right:1px solid #dadada;}
.hmtk_lpan{height: 86px;border-bottom:1px solid #dadada;line-height: 86px;color: #333333;font-size: 15px;font-weight: bold;}
.hmtk_lpan img{display: inline-block;vertical-align: top;margin-right: 15px;margin-top: 34px;margin-left: 40px;}
.hmtk_lpan:hover{background: url('../images/kol/lbj.png') no-repeat;cursor: pointer;}
.hmtk_left .hov{background: url('../images/kol/lbj.png') no-repeat;}

.hmtk_right{width: 1067px;height: auto;overflow: hidden;}
.hmtk_right ul{display: block;width: 100%;height: auto;overflow: hidden;}
.hmtk_right ul li{width: 100%;height: auto;float: left;}


.hmtk_right .sign{width: 355px;height: 260px;background: #fff;float: left;position: relative;overflow: hidden;border-bottom: 1px solid #dadada;border-right: 1px solid #dadada;}
.hmtk_right .sign > a{width: 355px;height: 260px;display: block;position: relative;z-index: 2;pointer-events: none;}
.hmtk_right .sign i{display: none;}
.hmtk_right .sign:hover:after,.hmtk_right .sign:hover i{content: "";display: block;width: 250px;height: 145px;background: rgba(192,218,251,0.2);position: absolute;
left: 50%;margin-left: -125px;display: none;}
.hmtk_right .sign:hover:after,.hmtk_right .sign:hover i{background: rgba(190,237,197,0.2);}
.hmtk_right .sign:hover:after,.hmtk_right .sign:hover i{background: rgba(255,209,183,0.35);}
.hmtk_right .sign:hover i{border-radius: 0 0 250px 250px;top: 0;display: none;}
.hmtk_right .sign:hover::after{border-radius: 250px 250px 0 0;bottom: 0;}
.hmtk_right .sign .p1{height: 24px;padding: 20px 20px 0!important;display: none;}
.hmtk_right .sign .p1 img{width: 24px;height: 24px;}
.hmtk_right .sign .p1 span{height: 22px;line-height: 22px;padding: 0 8px;background: #E6E8F6;border-radius: 11px;-webkit-border-radius: 11px;font-size: 12px;color: #6E7392;float: right;margin-top: 1px;}
.hmtk_right .sign:hover .p2{background: #fff;}
.hmtk_right .sign .p2{width: 99px;height: 99px;border-radius: 100%;-webkit-border-radius: 100%;
overflow: hidden;position: absolute;top:29px;border:1px solid #e2e2e2;
/*
left:50%;margin-left:-47px;
*/
left:127px;
text-align: center;
    line-height: 99px;
    font-size: 30px;
    color: #333333;
}
.hmtk_right .sign .p2 img{width: 99px;height: 99px;border-radius: 100%;-webkit-border-radius: 100%;}
.hmtk_right .sign .p3{font-size: 18px;color: #333;text-align: center;margin: 0 auto;width: 260px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;padding-top: 145px;}
.hmtk_right .sign .p4{height: 40px;padding-top: 19px;margin-top: 10px;position: relative;}
.hmtk_right .sign:hover .p4{display: none;}
.hmtk_right .sign .p4::after{content: "";display: block;width: 28px;height: 4px;position: absolute;top: 0;left: 50%;margin-left: -14px;}
.hmtk_right .sign .p4 > div{float: left;width: 50%;position: relative;}
.hmtk_right .sign .p4 >div:first-child::after{content: "";display: block;width: 1px;height: 16px;background: #F0F1F7;position: absolute;right: 0;top: 12px;}

.hmtk_right .sign .p4 >div.ttt::after{content: "";display: block;width: 1px;height: 16px;background: #F0F1F7;position: absolute;right: 0;top: 12px;}

.hmtk_right .sign .p4 > div .mid{display: table;margin: 0 auto;}
.hmtk_right .sign .p4 > div span{display: block;font-size: 12px;color: #A3A4AC;line-height: 18px;}
.hmtk_right .sign .p4 > div span img{width: 12px;height: 12px;display: inline-block;vertical-align: top;margin-top: 4px;margin-right: 5px;}
.hmtk_right .sign .p4 > div p{font-weight: 500;text-align: center;font-size: 16px;color: #484848;line-height: 22px}
.hmtk_right .sign .linksto{height: 38px;padding: 0 30px;position: relative;z-index: 8;transition: all .3s;top:22px;}
.hmtk_right .sign:hover .linksto{transform: translateY(-88px);-webkit-transform: translateY(-88px);transition: all 0.2s;-webkit-transition: all 0.2s;}
.hmtk_right .sign .linksto a{float: right;width: 110px;height: 37px;line-height: 38px;text-align: center;font-size: 14px;color: #898B99;border-radius: 20px;-webkit-border-radius: 20px;background: #fff;box-shadow:0px 10px 14px 0px rgba(93,115,255,0.25);-webkit-box-shadow:0px 10px 14px 0px rgba(93,115,255,0.25);}
.hmtk_right .sign .linksto a:first-child{float: left;color: #fff;background: rgba(174,103,255,1);background: linear-gradient(to left, rgba(174,103,255,1), rgba(174,103,255,1));background: -webkit-linear-gradient(right, rgba(174,103,255,1), rgba(113,53,241,1));}
/*海量媒体 end*/

/*第六块 start*/
.sidebd {width: 1280px;height: 100%;margin: 0 auto;position: relative;}
.fl {
    display: inline;
    float: left;
}
.clearfix {
    clear: both;
    zoom: 1;
}
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.side-small-title h3 {
    font-size: 28px;
    color: rgba(0,0,0,1);
    line-height: 40px;
    margin: 0 10px 30px 0;
}
.side-small-title p {
    font-size: 14px;
    color: rgba(153,153,153,1);
    line-height: 52px;
}
.side .case-application {
    width: 698px;
    height: 92px;
    position: absolute;
    right: 0;
    top: -70px;
}
.side6{height:640px;background:linear-gradient(180deg,#F4F5FE 0%,#EFF0FB 100%);}
.side6 .case-vedio{width: 640px;height: 640px;border-radius:4px;position: relative;background: #333}
.side6 .case-vedio > img{width: 100%;height: 640px;border-radius:4px;-webkit-border-radius:4px;}
.side6 .case-vedio .play_dialog a{width: 70px;height: 70px;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;z-index: 6;background: url(../images/index/video_Start.png) no-repeat;}
.video_dialog .video_content .video-frame{height:532px!important;padding-bottom:0!important}
.video_dialog .video_content video{max-height:532px!important;width: auto!important;margin: 0 auto;}
.side6 .case-vedio div{width: 100%;height: 100%;position: absolute;top: 0;z-index: 5;background: rgba(0,0,0,.5)}
.side6 .case-content{width: 540px;margin: 0 0 0 80px}
.side6 .case-content h2{font-size: 36px;color: #333;line-height: 50px;padding-top:85px;padding-bottom: 30px;font-weight: 100;}
.side6 .case-content .one-txt-img{width:40px;height: 3px;}
.side6 .case-content ul{margin-top:350px;}
.side6 .case-content li{float: left;margin-right: 40px}
.side6 .case-content li p{font-size: 28px;color: #6b30f0;line-height: 40px;max-width: 100px;}
.side6 .case-content li span{font-size: 14px;color: #666;line-height: 20px;}
.side6 .case-content  i{display: none;width: 98px; height: 17px;background: url(../images/index/css_sprites.png) -10px -10px;}
.side6 .case-change{width: 640px;height: 220px;z-index: 10;position: absolute;bottom: 240px;right: 0}
.side6 .case-change>div{position: relative;width: 640px;height: 220px;}
.side6 .prev-btn{z-index: 99;width: 40px;height: 40px;background: #b0b1b8;position: absolute;bottom: 288px;right: 640px;cursor: pointer;transition: all .3s;text-align:center;line-height:40px;color:#fff;font-size: 18px;}
.side6 .prev-btn i{display: block; width: 8px; height: 16px;background: url('../images/index/css_sprites.png') -330px -110px;margin:24px auto;}
.side6 .next-btn i{display: block; width: 8px; height: 16px;background: url('../images/index/css_sprites.png') -330px -146px;margin:24px auto;}
.side6 .next-btn{z-index: 99;width: 40px;height: 40px;background: #6b30f0;position: absolute;bottom: 248px;right: 600px;cursor: pointer;transition: all .3s;text-align:center;line-height:40px;color:#fff;font-size: 18px;}
/*
.side6 .next-btn:hover,.side6 .prev-btn:hover{background: #32333A}
*/
.side6 .content-num{width: 64px;height: 64px;line-height: 64px;color: #fff;font-size: 32px;text-align: center;background:linear-gradient(315deg,rgba(98,132,255,1) 0%,rgba(94,67,255,1) 100%);position: absolute;bottom: 64px;left: 0;display: none;}
.side6 .video-slider .is-video:first-child{display: block}
.side6 .video-slider .is-video{display: none}
.side6 .case-change-info{width: 560px;position: absolute;top: 50px;left: 80px;}
.side6 .case-change-info i{margin:15px 0;display: block; width: 28px; height: 4px;background: url(../images/index/css_sprites.png)  -294px -182px;}
.side6 .case-change-info h4{font-size: 28px;color: #333;line-height: 28px;font-weight: 100;}
.side6 .case-change-info p{font-size: 14px;color: #666;line-height: 26px;height: 78px;overflow: hidden;}
.side .case-application{width: 698px;height: 92px;position: absolute;right: 0;top: -70px}
/*第六块 end*/

/*内容页 end*/

/* 优质媒体 start*/
.sone {
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.w1280 {
    width: 1280px;
}
.pdb25 {
    padding-bottom: 25px;
}
.pdt45 {
    padding-top: 45px;
}
.cctitle {
    color: #333333;
    font-size: 36px;
    text-align: center;
    height: 40px;
    line-height: 40px;
}
.pdb35 {
    padding-bottom: 35px;
}
.ccimg {
    width: 40px;
    height: 3px;
    margin: 0 auto;
}
.sone ul {
    display: block;
    height: auto;
    overflow: hidden;
    padding-bottom: 25px;
}
ul, li {
    list-style: none;
}
.sone ul li {
    float: left;
    width: 408px;
    height: 162px;
    border: 1px solid #dadada;
    margin-right: 25px;
    margin-bottom: 25px;
}
li {
    list-style: none;
}
.sone_left {
    float: left;
    width: 175px;
    height: 83px;
    text-align: center;
    padding-top: 35px;
}
.sone_left img {
    height: 83px;
    transition: opacity 0.9s, transform 1.5s ease-out;
}
fieldset, img {
    border: 0;
}
.sone_right {
    float: left;
    width: 210px;
    padding-top: 35px;
}
.sone_rtitle {
    color: #333333;
    font-size: 22px;
}
.sone_rpos {
    color: #666666;
    font-size: 14px;
    line-height: 25px;
    padding-top: 16px;
}
/* 优质媒体 end*/

/* 软文撰写 start */
.raunwen_main {
    width: 100%;
    height: 723px;
}
.w1280 {
    width: 1280px;
}


.raunwen_main ul {
    display: block;
    width: 1110px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.raunwen_main ul li {
    float: left;
    padding: 0px 30px;
    width: 290px;
    height: 365px;
    overflow: hidden;
    margin-right: 30px;
    background: url(../images/meiti/qbjk.png);
}
.raunwen_main .tg_img {
    width: 290px;
    height: 77px;
    text-align: center;
    padding-top: 45px;
    display: table-cell;
    vertical-align: middle;
}
.raunwen_main .tg_text {
    height: 70px;
    line-height: 70px;
    text-align: center;
    padding-bottom: 18px;
    color: #fff;
    font-size: 26px;
    border-bottom: 1px solid #fff;
}
.raunwen_main .tg_p {
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    padding-top: 35px;
}
.ruanwen-tgbut {
    width: 148px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    background: url(../images/meiti/tbut.png) no-repeat center center;
    margin: 0 auto;
    margin-top: 40px;
}
.ruanwen-tgbut a {
    display: block;
    text-align: center;
    line-height: 45px;
    color: #fff;
    font-size: 16px;
}
/* 软文撰写 end */

/* 海量资源 start */
.san {
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 50px;
}
.san ul {
    display: block;
}
.san ul li {
    width: 238px;
    height: 216px;
    border: 1px solid #dadada;
    float: left;
    margin-right: 20px;
}
.san_img {
    width: 200px;
    height: 90px;
    margin: 0 auto;
    padding: 10px 0px;
}
.san ul li span {
    display: block;
    color: #ff2840;
    font-size: 18px;
    text-align: center;
}
.san ul li p {
    color: #333333;
    font-size: 14px;
    line-height: 25px;
    padding: 0px 25px;
    padding-top: 10px;
}
/* 海量资源 end */

/* 营销套餐 start */
.four_main {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f4f7fa;
    padding-bottom: 50px;
}
.four {
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.four ul {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.four ul li {
    width: 565px;
    height: auto;
    overflow: hidden;
    background: #fff;
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
    border-radius: 3px;
    padding: 30px;
}
.four_yi {
    font-size: 24px;
    color: #333333;
}
.four_er {
    height: 120px;
    color: #333333;
    font-size: 14px;
    line-height: 25px;
    padding-top: 12px;
    border-bottom: 1px solid #dadada;
}
.four_yi span {
    color: #ff2840;
    font-size: 30px;
    padding-left: 10px;
}
.four_san span {
    display: block;
    font-size: 15px;
    color: #333333;
    padding-top: 25px;
}
.four_san p {
    color: #666666;
    height: 75px;
    font-size: 14px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 20px;
}
.four_but {
    width: 200px;
    height: 45px;
    background: url(../images/meiti/four_bj.png) no-repeat center center;
}
.four_but a {
    display: block;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 45px;
}
.four_an {
    width: 310px;
    height: 45px;
    background: url(../images/meiti/four_an.png) no-repeat;
    margin: 0 auto;
    margin-top: 20px;
}

.four_an a {
    display: block;
    text-align: center;
    line-height: 45px;
    color: #5c27d3;
    font-size: 14px;
}
/* 营销套餐 end */
.five {
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 50px;
}
.five ul {
    display: block;
}
.five ul li {
    float: left;
    width: 150px;
    height: auto;
}
.five_img {
    width: 120px;
    height: 120px;
    border: 1px solid #dadada;
    border-radius: 80px;
    text-align: center;
    margin: 0 auto;
}
.five_img img {
    padding-top: 35px;
}
.five_title {
    width: 100%;
    height: 25px;
    color: #333333;
    font-size: 16px;
    text-align: center;
    padding-top: 20px;
}
.five ul span {
    float: left;
    width: 20px;
    height: 20px;
    padding: 50px 28px 0px 28px;
}
/* 合作步骤 start */

/* 合作步骤 end */

/* 案例展示 start */
.anli_main {
    width: 100%;
    height: 735px;
    overflow: hidden;
    background: url(../images/meiti/sex_bj.png) no-repeat center center;
}
.anli {
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.anlik {
    height: 527px;
    background: url(../images/meiti/sex_2.png) no-repeat center center;
}
.anlik_img {
    width: 263px;
    height: 528px;
    float: left;
    padding-left: 200px;
}
.anlik_right {
    float: left;
    width: 700px;
    padding-left: 100px;
}
.anlik_r1 {
    color: #333333;
    font-size: 18px;
    padding-top: 30px;
    padding-bottom: 10px;
}
.anlik_r2 {
    color: #666666;
    font-size: 14px;
    line-height: 25px;
}
.anlik_r3 {
    height: auto;
    overflow: hidden;
    padding-top: 75px;
}
.anlik_r3 span {
    color: #333333;
    font-size: 18px;
}
.anlik_r3 ul {
    display: block;
    padding-top: 10px;
}
.anlik_r3 ul li {
    float: left;
    width: 80px;
    height: 80px;
    background: url(../images/meiti/sex_4.png) no-repeat center center;
    text-align: center;
    line-height: 80px;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    margin-right: 30px;
}
.anlik_r4 {
    color: #666666;
    font-size: 14px;
    padding-top: 70px;
    line-height: 25px;
}
.anlik_r4 a {
    color: #666666;
}
/* 案例展示 end */