.tinyCon{
    width:100%;
}
.tinyBanner{
    height:769px;
    background:url("../../images/product/tiny/banner.png") no-repeat center top;
}
.tinyBox{
    width:100%;
    padding:100px 0 130px 0;
    overflow:hidden;
}
.tinyWrap{
    width:1200px;
    margin:0 auto;
}
.tinyTitle{
    margin-bottom:85px;
    text-align: center;
}
.tinyTitle h3{
    font-size: 36px;
    font-weight: normal;
    color: #333333;
    margin-bottom:30px;
    text-align:center;
}
.tinyTitle h3 span{
    position:relative;
}
.tinyTitle h3 span:before{
    content:"";
    width:73px;
    height:36px;
    position:absolute;
    left:-120px;
    top:6px;
    background:url("../../images/product/tiny/iconCommon.png") no-repeat center;
    background-position:-474px 0;
}
.tinyTitle h3 span:after{
    content:"";
    width:73px;
    height:36px;
    position:absolute;
    right:-120px;
    top:6px;
    background:url("../../images/product/tiny/iconCommon.png") no-repeat center;
    background-position:-474px -40px;
}
.tinyTitle p{
    font-size: 18px;
    font-weight: normal;
    color: #333333;
}
.titleWhite h3, .titleWhite p{
    color:#fff;
}
.tinyMain .goodLeft{
    width:580px;
    padding:55px 0 0 40px;
    position:relative;
    float:left;
    box-sizing: border-box;
}
.tinyMain .goodLeft:before{
    content:"";
    width:98px;
    height:5px;
    position:absolute;
    left:40px;
    top:0;
    background:#fe9600;
}
.tinyMain .goodLeft p{
    font-size: 18px;
    font-weight: normal;
    line-height: 30px;
    color: #333333;
    margin-bottom:40px;
    text-indent: 36px;
}
.tinyMain .goodRight{
    float:right;
}
/*微信流量优势*/
.tinyBox2{
    background:#f6f7f9;
}
.advantageMain{
    width:100%;
}
.advantageMain ul li{
    width: 300px;
    height:420px;
    padding:60px 35px 20px;
    float:left;
    text-align: center;
    border-right:1px solid #ffcdcd;
    border-bottom:1px solid #ffcdcd;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.advantageMain ul li.noborderBottom{
    border-bottom:none;
}
.advantageMain ul li.noborderRight{
    border-right:none;
}
.advantageMain ul li .advantageImg{
    height:115px;
    text-align: center;
}
.advantageMain ul li .advantageImg i{
    display: inline-block;
    background:url("../../images/product/tiny/iconCommon.png") no-repeat;
}
.advantageMain ul li:hover i{
    -webkit-animation: 1s ease 1 0s both;
    -moz-animation: 1s ease 1 0s both;
    -ms-animation: 1s ease 1 0s both;
    animation: 1s ease 1 0s both;
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -ms-animation-name: bounce;
    animation-name: bounce;
}
.advantageMain ul li .advantageImg i.advanIcon_1{
    width:97px;
    height:107px;
    background-position: 0 0;
}
.advantageMain ul li .advantageImg i.advanIcon_2{
    width:122px;
    height:100px;
    background-position: -103px 0;
}
.advantageMain ul li .advantageImg i.advanIcon_3{
    width:123px;
    height:105px;
    background-position: -229px 0;
}
.advantageMain ul li .advantageImg i.advanIcon_4{
    width:106px;
    height:100px;
    background-position: -361px 0;
}
.advantageMain ul li .advantageImg i.advanIcon_5{
    width:103px;
    height:97px;
    background-position: 0 -108px;
}
.advantageMain ul li .advantageImg i.advanIcon_6{
    width:97px;
    height:97px;
    background-position: -108px -108px;
}
.advantageMain ul li .advantageImg i.advanIcon_7{
    width:90px;
    height:90px;
    background-position: -210px -108px;
}
.advantageMain ul li .advantageImg i.advanIcon_8{
    width:107px;
    height:81px;
    background-position: -307px -108px;
}
.advantageMain ul li h3{
    font-size: 24px;
    font-weight: normal;
    color: #333333;
    margin:35px 0;
}
.advantageMain ul li p{
    font-size: 16px;
    font-weight: normal;
    color: #333333;
    line-height: 24px;
}
/*多种业务模式*/
.tinyBox3{
    width:100%;
    height:1212px;
    box-sizing: border-box;
    background:url("../../images/product/tiny/modelBg.jpg") no-repeat center top;
}
.perfectLeft{
    width:510px;
    padding:0 0 0 85px;
    box-sizing: border-box;
    float:left;
}
.perfectLeft dl{
    clear:both;
    margin-bottom:50px;
    text-align: left;
}
.perfectLeft dl:nth-child(1){
    margin-bottom:40px;
}
.perfectLeft dl:nth-child(1) h3, .perfectLeft dl:nth-child(1) p{
    color:#fff;
}
.perfectLeft dl dt{
    height:70px;
}
.perfectLeft dl dt i{
    display: inline-block;
    background:url("../../images/product/tiny/iconCommon.png") no-repeat;
}
.perfectLeft dl dt i.perIcon_1{
    width:69px;
    height:70px;
    background-position: 0 -215px;
}
.perfectLeft dl dt i.perIcon_2{
    width:75px;
    height:74px;
    background-position: -77px -215px;
}
.perfectLeft dl dt i.perIcon_3{
    width:65px;
    height:69px;
    background-position: -157px -215px;
}
.perfectLeft dl dd{
    clear:both;
}
.perfectLeft dl h3{
    margin:15px 0 25px 0;
    font-size: 24px;
    font-weight: normal;
    color: #333333;
}
.perfectLeft dl p{
    font-size: 16px;
    font-weight: normal;
    color: #333333;
    line-height: 30px;
}
.perfectRight{
    float:right;
}
.onceBtn{
    width: 188px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: #fec107;
    box-shadow: 0px 6px 13px 0px
    rgba(254, 146, 7, 0.55);
    border-radius: 4px;
}
.onceBtn a{
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
}
.tinyBox4{
    height:620px;
    background:url("../../images/product/tiny/casebg.jpg") no-repeat center top;
}
.caseMain{
    width: 1200px;
    height: 500px;
    background-color: #ffffff;
    box-shadow: 0px 5px 38px 0px
    rgba(213, 213, 213, 0.57);
    text-align: center;
    padding-top:85px;
    box-sizing: border-box;
}
/*数据化驱动用户运营*/
.driveMain{

}
.driveMain ul{
    display: flex;
    justify-content: space-between;
}
.driveMain ul li{
    width:304px;
    height:483px;
    padding:35px 20px;
    box-sizing: border-box;
    text-align: left;
}
.driveMain ul li:nth-child(1){
    background:url("../../images/product/tiny/drive_1.png") no-repeat;
}
.driveMain ul li:nth-child(2){
    background:url("../../images/product/tiny/drive_2.png") no-repeat;
}
.driveMain ul li:nth-child(3){
    background:url("../../images/product/tiny/drive_3.png") no-repeat;
}
.driveMain ul li h3{
    font-size: 30px;
    font-weight: normal;
    color: #ffffff;
    margin-bottom:40px;
}
.driveMain ul li p{
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    margin-bottom:30px;
    margin-left:80px;
    position:relative;
}
.driveMain ul li p:before{
    content:"";
    width:16px;
    height:16px;
    background: url("../../images/product/tiny/iconCommon.png") no-repeat;
    background-position: -573px 0;
    position:absolute;
    left:-38px;
    top:2px;
}
/*适用于多个行业*/
.tinyBox6{
    height: 878px;
    box-sizing: border-box;
    background-image: linear-gradient(165deg,
    #5657de 0%,
    #9c71fc 100%),
    linear-gradient(165deg,
            #ff8700 0%,
            #ff6200 100%),
    linear-gradient(
            #f0f0f0,
            #f0f0f0);
    background-blend-mode: normal,
    normal,
    normal;
}
.applyMain{
    width:100%;
    position:relative;
}
.applyLeft{
    width:420px;
    text-align: left;
    position:absolute;
    left:0;
    top:80px;
    z-index: 2;
}
.applyLeft h3{
    font-size: 36px;
    font-weight: normal;
    color: #fefefe;
    margin-bottom:25px;
}
.applyMain p{
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
}
.applyBg{
    width:1265px;
    height:673px;
    background:url("../../images/product/tiny/applyAdd.png") no-repeat;
    position:absolute;
    right: -34px;
    top: 20px;
    z-index: 1;
}
/*移动端的价值*/
.worthMain{

}
.worthMain ul{
    width:100%;
}
.worthMain ul li{
    width: 280px;
    height: 174px;
    background-color: #f6f7f9;
    box-shadow: 0px 4px 2px 0px
    rgba(228, 228, 228, 0.53);
    border-radius: 8px;
    margin-right:25px;
    position:relative;
    float:left;
    margin-bottom:120px;
}
.worthMain ul li:nth-child(1){background: #f6f7f9 url("../../images/product/tiny/worth_1.png") no-repeat right bottom; }
.worthMain ul li:nth-child(2){background: #f6f7f9 url("../../images/product/tiny/worth_2.png") no-repeat right bottom; }
.worthMain ul li:nth-child(3){background: #f6f7f9 url("../../images/product/tiny/worth_3.png") no-repeat right bottom; }
.worthMain ul li:nth-child(4){background: #f6f7f9 url("../../images/product/tiny/worth_4.png") no-repeat right bottom; }
.worthMain ul li:nth-child(5){background: #f6f7f9 url("../../images/product/tiny/worth_5.png") no-repeat right bottom;margin-bottom:0; }
.worthMain ul li:nth-child(6){background: #f6f7f9 url("../../images/product/tiny/worth_6.png") no-repeat right bottom;margin-bottom:0; }
.worthMain ul li:nth-child(7){background: #f6f7f9 url("../../images/product/tiny/worth_7.png") no-repeat right bottom;margin-bottom:0; }
.worthMain ul li:nth-child(8){background: #f6f7f9 url("../../images/product/tiny/worth_8.png") no-repeat right bottom;margin-bottom:0; }
.worthMain ul li div{
    width: 94px;
    height: 94px;
    background-image: linear-gradient(90deg,
    #ffc000 0%,
    #ff9416 100%),
    linear-gradient(
            #d2d2d2,
            #d2d2d2);
    background-blend-mode: normal,
    normal;
    box-shadow: 0px 4px 13px 0px
    rgba(255, 168, 12, 0.53);
    text-align: center;
    display:flex;
    align-items: center;
    justify-content: center;
    position:absolute;
    top:-50px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    border-radius:50%;
}
.worthMain ul li div span{
    display: inline-block;
    width:47px;
    height:46px;
    background:url("../../images/product/tiny/iconCommon.png") no-repeat;
}
.worthMain ul li div span.worthTop_1{background-position:-237px -215px;}
.worthMain ul li div span.worthTop_2{background-position:-292px -215px;}
.worthMain ul li div span.worthTop_3{background-position:-344px -215px;}
.worthMain ul li div span.worthTop_4{background-position:-396px -215px;}
.worthMain ul li div span.worthTop_5{background-position:-447px -215px;}
.worthMain ul li div span.worthTop_6{background-position:-497px -215px;}
.worthMain ul li div span.worthTop_7{background-position:-549px -215px;}
.worthMain ul li div span.worthTop_8{background-position:-431px -108px;}
.worthMain ul li p{
    font-size: 20px;
    font-weight: normal;
    color: #333333;
    margin-top:80px;
    text-align: center;
}
.tinyBox8{
    height:565px;
    background:url("../../images/product/tiny/yellowBg.jpg") no-repeat center top;
    box-sizing: border-box;
}
.systemMain{

}
.systemMain ul{
    width:1030px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
}
.systemMain ul li{
    text-align: center;
}
.systemMain ul li dl{
    width:100%;
}
.systemMain ul li dl dt{
    width:120px;
    height:120px;
    margin-bottom:25px;
    background:url("../../images/product/tiny/iconCommon.png") no-repeat;
}
.systemMain ul li dl dd{
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
}
.systemMain ul li:hover dl dt{
    -webkit-animation: 1s ease 1 0s both;
    -moz-animation: 1s ease 1 0s both;
    -ms-animation: 1s ease 1 0s both;
    animation: 1s ease 1 0s both;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -ms-animation-name: swing;
    animation-name: swing;
}
.systemMain ul li dl dt.system_1{background-position: 0 -295px;}
.systemMain ul li dl dt.system_2{background-position: -135px -295px;}
.systemMain ul li dl dt.system_3{background-position: -271px -295px;}
.systemMain ul li dl dt.system_4{background-position: -401px -295px;}
/*产品样例*/
.tinyBox9{
    height:1005px;
    background:url("../../images/product/tiny/demoBig.jpg") no-repeat center top;
    box-sizing: border-box;
}
.tinyBox9 .systemMain .swipeTiny {
    margin-left:30px;
}
/*技术安全*/
.tinyBox10{

}
.safeMain ul {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    /*table-layout: fixed;*/
    display: flex;
    justify-content: space-between;
}
.safeMain ul li {
    width: 220px;
    height: 294px;
    background-color: #ffffff;
    box-shadow: 0px 1px 24px 0px
    rgba(255, 151, 20, 0.35);
    border-radius: 8px;
    text-align: center;
    padding-top:43px;
    box-sizing: border-box;
}
.safeMain ul li .icon {
    width:52px;
    height:68px;
    margin:0 auto;
    background: url(../../images/product/tiny/iconCommon.png) no-repeat;
}
.safeMain ul li .f1{
    background-position: 0 -421px;
}
.safeMain ul li .f2{
    background-position: -58px -421px;
}
.safeMain ul li .f3{
    background-position: -115px -421px;
}
.safeMain ul li .f4{
    background-position: -172px -421px;
}
.safeMain ul li .f5{
    background-position: -239px -421px;
}
.safeMain ul li h2 {
    font-size: 16px;
    font-weight: normal;
    color: #2f434c;
    margin:25px 0 20px 0;
}
.safeMain ul li p {
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    color: #4e5e66;
}
/*技术架构*/
.tinyBo11{
    padding-top:0;
    padding-bottom:80px;
    background:url(../../images/product/tiny/bottombg.png) no-repeat center bottom;
}
.tinyBo11 .tinyTitle{
    margin-bottom:40px;
}
.frameMain{
    width:1200px;
    height:924px;
    box-shadow: 0px 2px 21px 0px
    rgba(45, 35, 80, 0.28);
    background:url(../../images/product/tiny/jiaBg.jpg) no-repeat;
}