@charset "utf-8";
/* CSS Document */

/*index*/

/* index 首屏 */

.index .first-screen {
    position: relative;
    background: #5b87ff;
    background: linear-gradient(to bottom, #2a59da, #5b87ff);
    height: 1010px;
    overflow: hidden;
}

.index .first-screen .bg-line {
    position: absolute;
    left: 0%;
    bottom: 0%;
    right: 0%;
    margin: 0 auto;
}

.index .first-screen .middle-box {
    position: relative;
    width: 710px;
    margin: 0 auto;
    text-align: center;
    padding-top: 180px;
    z-index: 10;
}

.index .first-screen .middle-box .title {
    font-size: 48px;
    color: #fffefe;
    font-family: "PingFangSC-Light";
    font-family: "等线";
}

.index .first-screen .middle-box .title2 {
    font-size: 24px;
    padding: 38px 50px;
    color: #fff;
    font-family: "PingFangSC-Light";
    font-family: "等线";
}

.index .first-screen .middle-box .info-box .item {
    position: relative;
    color: #888888;
    border-radius: 2px;
    height: 44px;
    line-height: 44px;
}

.index .first-screen .middle-box .info-box .item:nth-child(1) {
    background: #fbfbfb;
    width: 240px;
    margin-right: 3.5%;
}

.index .first-screen .middle-box .info-box .item:nth-child(1) span.s-l {
    display: inline-block;
    cursor: pointer;
}

.index .first-screen .middle-box .info-box .item:nth-child(1) i {
    padding: 0 10px;
    border-right: 1px solid #888;
}

.index .first-screen .middle-box .info-box .item:nth-child(1) .ipn {
    padding-left: 5px;
    background: none;
    width: 110px;
}

.index .first-screen .middle-box .info-box .item:nth-child(2) {
    background: #fff;
    width: 260px;
}

.index .first-screen .middle-box .info-box .item:nth-child(2) .ipn {
    width: 88px;
    border-right: 1px solid #888;
    margin-right: 10px;
    padding-right: 10px;
}

.index .first-screen .middle-box .info-box .item:nth-child(2) .btn {
    display: inline-block;
    cursor: pointer;
    width: 80px;
    color: #f86b02;
}

.index .first-screen .middle-box .info-box .item:nth-child(2) .btn:hover {
    opacity: .8;
}

.index .first-screen .middle-box .info-box .item:nth-child(3) {
    background: #f86b02;
    color: #fff;
}

.index .first-screen .middle-box .info-box .item:nth-child(3):hover {
    background: #fd951e;
}

.index .first-screen .middle-box .info-box .item:nth-child(3) .btn {
    width: 160px;
    cursor: pointer;
    display: block;
    font-size: 16px;
}

.index .first-screen .middle-box .info-box ul.pull-down {
    position: absolute;
    left: 0;
    right: 0;
    top: 44px;
    border-radius: 2px;
    background: #fbfbfb;
    text-align: left;
}

.index .first-screen .middle-box .info-box ul.pull-down li {
    padding: 0 30px;
    cursor: pointer;
}

.index .first-screen .middle-box .info-box ul.pull-down li.on {
    background: #e5e5e5;
}

.index .first-screen .middle-box .info-box .clause {
    clear: both;
    padding-top: 17px;
    color: rgba(255, 254, 254, .59);
    text-align: center
}

.index .first-screen .middle-box .info-box .clause .iconfont {
    display: inline-block;
    padding: 9px;
    background: url('../images/shouye-icon-dagou.png') no-repeat 100% 100%;
    vertical-align: middle;
    cursor: pointer;
}

.index .first-screen .middle-box .info-box .clause .iconfont.on {
    background: url('../images/shouye-icon-dagou-1.png') no-repeat 100% 100%;
    vertical-align: middle;
}

.index .first-screen .middle-box .info-box .clause a {
    color: #fffefe;
}

.nobrandbtn:hover {
    background-color: #fd951e;
}

.info .clause {
    clear: both;
    color: rgba(255, 254, 254, .59);
    text-align: left;
    margin-bottom: 20px;
}

.info .clause .iconfont {
    display: inline-block;
    padding: 9px;
    background: url('../images/shouye-icon-dagou.png') no-repeat 100% 100%;
    vertical-align: middle;
    cursor: pointer;
}

.info .clause .iconfont.on {
    background: url('../images/shouye-icon-dagou-1.png') no-repeat 100% 100%;
    vertical-align: middle;
}

.info .clause a {
    color: #fffefe;
}

.index .first-screen .bottom-pic {
    position: absolute;
    left: 50%;
    bottom: -1px;
    width: 1920px;
    height: 540px;
    margin-left: -960px;
}

.index .first-screen .bottom-pic .img-b {
    position: absolute;
    bottom: 0%;
}

.index .first-screen .bottom-pic>div .pic {
    transform: scale(.99999);
    transform-origin: bottom center;
    transition: all .3s;
}

.index .first-screen .bottom-pic>div .pic:hover {
    transform: scale(1.03);
}

.index .first-screen .bottom-pic .img-1 {
    width: 121px;
    left: 0%;
}

.index .first-screen .bottom-pic .img-2 {
    width: 227px;
    left: 10%;
}

.index .first-screen .bottom-pic .img-3 {
    width: 225px;
    left: 26%;
}

.index .first-screen .bottom-pic .img-4 {
    position: absolute;
    left: 41.7%;
    bottom: 0;
    width: 320px;
    margin: 0 auto;
}

.index .first-screen .bottom-pic .img-5 {
    width: 220px;
    right: 495px;
}

.index .first-screen .bottom-pic .img-6 {
    width: 241px;
    right: 10%;
}

.index .first-screen .bottom-pic .img-7 {
    width: 131px;
    right: 0%;
}

.index .first-screen .bottom-pic .xcxm-img {
    position: absolute;
    width: 178px;
    left: 2%;
    top: -80%;
}

.index .tiger-box {
    display: none;
    position: fixed;
    left: 50%;
    bottom: 0px;
    width: 1920px;
    height: 0px;
    margin-left: -960px;
    z-index: 100;
}

.index .tiger {
    position: absolute;
    width: 224px;
    left: 760px;
    bottom: 0%;
}

@media screen and (max-height: 680px) {
    .index .tiger-box {
        position: absolute !important;
    }
}

.index .first-screen .bottom-pic .index_shouping_ren {
    position: absolute;
    width: 47%;
    right: -11%;
    bottom: -4%;
}

.title-box {
    padding-top: 94px;
    font-family: "PingFangSC-Light";
    font-family: "等线";
    text-align: center;
}

.title-box .title {
    color: #333333;
    font-size: 38px;
}

.title-box .title2 {
    color: #808080;
    font-size: 16px;
    padding-top: 15px;
    line-height: 24px;
}

/* 核心功能 */

.index .hexingongneng {
    position: relative;
    height: 900px;
    margin: 0 auto;
    background: #fff url("../images/shouye-hexin-img-xiantiao.png") no-repeat top center/cover;
    overflow-x: hidden;
}

.index .hexingongneng .phone-box {
    position: relative;
    width: 300px;
    height: 590px;
    margin: 99px auto 0;
}

.index .hexingongneng .phone-box .phone-in-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 10%;
    width: 78%;
    margin: 0 auto;
}

.index .hexingongneng .phone-box .phone-in-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 10%;
    width: 78%;
    margin: 0 auto;
    transition: all .8s;
}

.index .hexingongneng .phone-box .phone-in-img:hover {
    transform: scale(1.01);
}

.index .hexingongneng .phone-box .ul-tubiao li {
    position: absolute;
    width: 40%;
}

.index .hexingongneng .phone-box .ul-tubiao li.on .shouye-hexin-bg-1 {
    display: none;
}

.index .hexingongneng .phone-box .ul-tubiao li.on .shouye-hexin-bg-2 {
    display: block;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(1) {
    left: -176%;
    top: 66%;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(2) {
    left: -173%;
    top: 29%;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(3) {
    left: -69%;
    top: 23%;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(4) {
    left: -214%;
    top: 52%;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(5) {
    left: -124%;
    top: 43%;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(6) {
    left: -119%;
    top: 62%;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(7) {
    left: -47%;
    top: 41%;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(8) {
    left: -55%;
    top: 66%;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(9) {
    left: -152%;
    top: 86%;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(10) {
    left: -91%;
    top: 87%;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(11) {
    right: -176%;
    top: 66%;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(12) {
    right: -173%;
    top: 29%;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(13) {
    right: -69%;
    top: 23%;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(14) {
    right: -214%;
    top: 52%;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(15) {
    right: -124%;
    top: 43%;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(16) {
    right: -119%;
    top: 62%;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(17) {
    right: -47%;
    top: 41%;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(18) {
    right: -55%;
    top: 66%;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(19) {
    right: -152%;
    top: 86%;
}

.index .hexingongneng .phone-box .ul-tubiao li:nth-child(20) {
    right: -91%;
    top: 87%;
}

.index .hexingongneng .phone-box .ul-tubiao li .icon-font {
    position: absolute;
    left: 0%;
    top: 50%;
    width: 95%;
    margin-top: -11%;
    text-align: center;
    color: #fff;
    cursor: default;
    /*transform: scale(.8);*/
}

.index .hexingongneng .phone-box .ul-tubiao li .icon-font .icon {
    display: inline-block;
    width: 20%;
    vertical-align: middle;
    display: inline-block;
}

.index .hexingongneng .phone-box .ul-tubiao li .icon-font .txt {
    display: inline-block;
    font-size: 12px;
    vertical-align: middle;
}

/*助你玩转互联网+*/

.index .internet {
    padding-bottom: 90px;
}

.index .internet .box {
    padding-top: 60px;
}

.index .internet .box li {
    width: 280px;
    display: inline-block;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    margin: 0 1.75% 1.75% 0;
}

.index .internet .box li:nth-child(4n) {
    margin-right: 0;
}

.index .internet .box li:hover {
    box-shadow: 0 0 32px rgba(0, 0, 0, .16);
}

.index .internet .box li .pic {
    position: relative;
    height: 130px;
    overflow: hidden;
}

.index .internet .box li .pic .img {
    transition: all .8s;
    transform: scale(1);
}

.index .internet .box li:hover .pic .img {
    transform: scale(1.05);
}

.index .internet .box li .pic .shade {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #2a59da;
    opacity: 0;
    transition: opacity 1s;
}

.index .internet .box li:hover .pic .shade {
    opacity: 0.5;
}

.index .internet .box li .pic .icon {
    position: absolute;
    left: 0;
    top: 30%;
    right: 0;
    margin: 0 auto;
    width: 15%;
}

.index .internet .box li:hover .pic .icon {
    -webkit-animation: tiaodong 1s linear;
    animation: tiaodong 1s linear;
}

.index .internet .box li .txt-box {
    height: 110px;
    padding: 0px 20px;
}

.index .internet .box li .p1 {
    padding-top: 20px;
    font-size: 18px;
    color: #333333;
}

.index .internet .box li .p2 {
    padding-top: 5px;
    color: #808080;
}

/* 首页视频 */

.vid-box {
    position: relative;
    height: 700px;
    overflow: hidden;
    background: #3f7de7;
    background: linear-gradient(to right, #509bf1, #2f63dd);
}

.vid-box .vid-bg {
    width: 100%;
    height: auto;
}

.vid-box .box {
    z-index: 0;
    overflow: hidden;
}

.vid-box .vid-banner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.vid-box .txt-box {
    margin-top: 170px;
    color: #fff;
    font-size: 16px;
}

.vid-box .txt-box p {
    margin-bottom: 28px;
    position: relative;
}

.vid-box .txt-box .p1 {
    font-size: 20px;
}

.vid-box .txt-box .p2 {
    text-indent: 20px;
}

.vid-box .txt-box .p2::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #fff;

}

.vid-box .txt-box .title {
    font-size: 56px;
}

.vid-box .play-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    font-size: 30px;
    color: #fff;
}

.vid-box .play-box .play-btn {
    position: relative;
    width: 110px;
    height: 110px;
    border-radius: 100%;
    overflow: hidden;
    cursor: pointer;
}

.vid-box .play-box .play-bg1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: rgba(37, 141, 247, .5);
}

.vid-box .play-box .play-bg2 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px;
    border-radius: 100%;
    background: #fff;
}

.vid-box .play-box .play-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -17px 0 0 -12px;
    width: 30px;
    height: 34px;
}

.vid-frame {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .9);
    z-index: 100000000;
}

.vid-frame .box {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
}

.vid-frame .box video {
    width: 100%;
    height: 100%;
}

.vid-frame .box .vid-btn-x {
    color: #fff;
    position: absolute;
    left: 1%;
    top: 2%;
    cursor: pointer;
}

/* 制作流程 */

.index .make {
    background: #fff;
    padding-bottom: 110px;
}

.index .make .box {
    height: 310px;
    margin: 60px auto 0;
    font-size: 16px;
    color: #333333;
}

.index .make .box .line-dot {
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 36px;
}

.index .make .box .line-dot span {
    position: relative;
    display: inline-block;
    margin-right: 7%;
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 100%;
    text-align: center;
    color: #2958da;
}

.index .make .box .line-dot span:first-child {
    margin-left: 6%;
}

.index .make .box .line-dot span:last-child {
    margin-right: 0%;
}

.index .make .box .line-dot span .dot-bg {
    position: absolute;
    left: 0%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #eef2fc;
    border-radius: 100%;
}

.index .make .box .line-dot span::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 2px;
    height: 50px;
    background: #eef2fc;
}

.index .make .box .line-dot span:nth-child(odd)::before {
    bottom: 100%;
}

.index .make .box .line-dot span:nth-child(even)::before {
    top: 100%;
}

.index .make .box .line-dot span::after {
    content: '';
    position: absolute;
    left: 110%;
    top: 50%;
    transform: translateY(-50%);
    width: 220%;
    height: 2px;
    background: #eef2fc;
}

.index .make .box .line-dot span:last-child:after {
    display: none;
}

.index .make .box li {
    position: absolute;
    width: 140px;
    text-align: center;
    transform: translateX(-50%);
}

.index .make .box li:nth-child(odd) {
    top: 0%;
}

.index .make .box li:nth-child(even) {
    bottom: 0%;
}

.index .make .box li:nth-child(1) {
    left: 8%;
}

.index .make .box li:nth-child(2) {
    left: 18%;
}

.index .make .box li:nth-child(3) {
    left: 28.5%;
}

.index .make .box li:nth-child(4) {
    left: 39%;
}

.index .make .box li:nth-child(5) {
    left: 49.5%;
}

.index .make .box li:nth-child(6) {
    left: 59.6%;
}

.index .make .box li:nth-child(7) {
    left: 70%;
}

.index .make .box li:nth-child(8) {
    left: 80.5%;
}

.index .make .box li:nth-child(9) {
    left: 90.5%;
}

.index .make .box li .pic {
    width: 44px;
    margin: 0 auto 15px;
}

.index .make .box li:hover .pic {
    -webkit-animation: tiaodong2 1s linear;
    animation: tiaodong2 1s linear;
}

/* 精选案例 */

.index .case {
    padding-bottom: 100px;
}

.index .case .box {
    padding-top: 60px;
}

.index .case .box li {
    position: relative;
    width: 360px;
    padding-bottom: 5%;
    float: left;
    margin-right: 5%;
}

.index .case .box li:nth-child(3n) {
    margin-right: 0;
}

.index .case .box li .item {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    transition: all .3s;
}

.index .case .box li .item:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .03);
}

.index .case .box li .item .pic {
    position: relative;
    height: 360px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.index .case .box li .item .pic>img {
    border-radius: 8px 8px 0 0;
}

.index .case .box li .item .pic .shade {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%;
    margin: 0 auto;
    background: #fff;
    opacity: 0;
    transition: all .15s;
}

.index .case .box li .item:hover .pic .shade {
    opacity: 1;
    background: rgba(255, 255, 255, .9);
}

.index .case .box li .item .pic .anli_code {
    display: block;
    margin: 20% auto 5%;
    width: 50%;
}

.index .case .box li .item .pic .datails {
    display: block;
    margin: 0 auto;
    color: #2a59da;
    border: 1px solid #2a59da;
    border-radius: 5px;
    width: 100px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.index .case .box li .item .pic .datails:hover {
    color: #fff;
    background: #f86b02;
    border: 1px solid #f86b02;
}

.index .case .box li .item .txt-box {
    position: relative;
    height: 110px;
    padding: 0px 20px;
    margin-top: -1px;
    background: #fff;
}

.index .case .box li .item .logo {
    padding-top: 30px;
}

.index .case .box li .item .logo img {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
}

.index .case .box li .item .logo span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}

.index .case .box li:nth-child(6) .item .logo img {
    width: 74px;
}

.index .case .box li .item .p2 {
    padding-top: 5px;
    color: #808080;
}

.index .case .box .btn {
    display: block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-indent: 29px;
    background: #f2f2f2 url('../images/anli_arrows.png') no-repeat 95px center;
    color: #333333;
    margin: 0 auto;
}

.index .case .box .btn:hover {
    background-color: #f86b02;
    background-image: url('../images/anli_arrows_fff.png');
    color: #fff;
}

/* 小程序解决方案 */

.index .solution {
    width: 100%;
    margin: 0 auto;
    height: 776px;
    background: url('../images/fa_bg_1.png') no-repeat center center/cover;
    color: #fff;
}

.index .solution .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(42, 89, 218, .89);
}

.index .solution .title-box .title {
    color: #fff;
}

.index .solution .title-box .title2 {
    color: #fff;
}

.index .solution .tab-nav {
    padding: 70px 0;
    font-size: 16px;
    text-align: center;
}

.index .solution .tab-nav a {
    position: relative;
    display: inline-block;
    padding-bottom: 18px;
    margin: 0 25px;
    color: #fff;
}

.index .solution .tab-nav a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
    width: 0px;
    height: 3px;
    border-radius: 2px;
    background: #fff;
    transition: width .3s;
}

.index .solution .tab-nav a.on::after {
    width: 100%;
}

.index .solution .tab-nav a:hover::after {
    width: 100%;
}

.index .solution dl {
    position: relative;
    box-sizing: border-box;
}

.index .solution dl dt {
    width: 750px;
}

.index .solution dl dt .theme {
    font-size: 32px;
}

.index .solution dl dt .introduce {
    font-size: 16px;
    margin: 28px auto;
    height: 90px;
    overflow: hidden;
    line-height: 32px;
    font-weight: 100;
}

.index .solution dl dt .icon-box {
    padding-top: 60px;
    border-top: 1px dashed #fff;
}

.index .solution dl dt .icon-box .item {
    display: inline-block;
    padding-right: 5%;
    text-align: center;
}

.index .solution dl dt .icon-box .item:last-child {
    padding-right: 0;
}

.index .solution dl dt .icon-box .item .icon {
    width: 46px;
    height: 46px;
    margin: 0 auto 16px;
}

.index .solution dl dt .icon-box .item:hover .icon {
    -webkit-animation: tiaodong 1s linear;
    animation: tiaodong 1s linear;
}

.index .solution dd {
    position: absolute;
    right: 0;
    top: 0;
    width: 32%;
}

.index .solution dd ul {
    overflow: hidden;
}

.index .solution dd li {
    width: 170px;
    height: 170px;
    margin: 0 4% 4% 0;
    border-radius: 5px;
    overflow: hidden;
    background: rgba(255, 255, 255, .3);
}

.index .solution dd li .item {
    position: relative;
    width: 100%;
    height: 100%;
}

.index .solution dd li .item>img {
    width: 100px;
    margin: 0 auto;
    padding-top: 35px;
}

.index .solution dd li .item .code-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .7);
    opacity: 0;
    transform: scale(1.2);
    transition: all .3s;
}

.index .solution dd li .item:hover .code-img {
    opacity: 1;
    transform: scale(1);
}

/* 行业资讯 */

.index .news {
    height: 890px;
    color: #808080;
}

.index .news .title-box .title {}

.index .news .box {
    margin-top: 124px;
}

.index .news .box li {
    position: relative;
    width: 48%;
    height: 222px;
    background: #fff;
    margin-bottom: 26px;
    transition: all .3s;
}

.index .news .box li:hover {
    box-shadow: 0px 0px 20px rgba(195, 195, 195, 0.3);
    transform: translateY(-.1%);
}

.index .news .box li:nth-child(odd) {
    margin-right: 4%;
}

.index .news .box li dl {
    padding: 47px 5%;
    overflow: hidden;
    height: 128px;
}

.index .news .box li dl dt {
    width: 70px;
    border-right: 2px solid #f6f7fc;
    height: 100%;
}

.index .news .box li dl dt strong {
    position: relative;
    display: block;
    margin-top: 7px;
    font-size: 36px;
    color: #333333;
}

.index .news .box li dl dt strong::after {
    content: '';
    position: absolute;
    left: 0%;
    top: 133%;
    width: 19px;
    height: 2px;
    background: #808080;
}

.index .news .box li dl dt span {
    display: block;
    font-size: 16px;
    color: #808080;
    margin-top: 45px;
}

.index .news .box li dl dd {
    width: 82%;
}

.index .news .box li dl dd .title {
    font-size: 24px;
    color: #333333;
    margin: 10px auto 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.index .news .box li dl dd .title:hover {
    color: #2a59da;
}

.index .news .box li dl dd .txt {
    color: #808080;
}

.index .news .box li .look-more {
    position: absolute;
    right: 5%;
    bottom: 5%;
    width: 68px;
    height: 25px;
    background: url('../images/anli_arrows.png') no-repeat center right;
    border-radius: 100px;
    text-align: center;
    line-height: 25px;
    overflow: hidden;
}

.index .news .box li .look-more .bg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 100%;
    background: #2a59da;
    opacity: 0;
    transform: scale3d(0, 0, 0);
    transition: opacity .5s, transform .5s;
}

.index .news .box li:hover .look-more .bg {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.index .news .box li .look-more .more-txt {
    position: relative;
    display: block;
    color: #fff;
    opacity: 0;
}

.index .news .box li:hover .look-more .more-txt {
    opacity: 1;
}

.index .news .box li:hover .look-more {
    background: none;
}

.index .news .box .btn {
    display: block;
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-indent: 29px;
    background: #fff url('../images/anli_arrows.png') no-repeat 95px center;
    color: #333333;
    margin: 40px auto 0;
}

.index .news .box .btn:hover {
    background-color: #f86b02;
    background-image: url('../images/anli_arrows_fff.png');
    color: #fff;
}

/* 为什么选择我们 */

.why-pick-us {
    overflow: hidden;
    height: 760px;
    background: #fff;
}

.why-pick-us .box {
    margin-top: 100px;
}

.why-pick-us .box li {
    width: 24%;
    margin-right: 1%;
}

.why-pick-us .box li:last-child {
    width: 24%;
    margin-right: 0;
}

.why-pick-us .box li .item .item-in {
    position: absolute;
    left: 0;
    top: 0%;
    width: 100%;
    height: 100%;
    color: #ffffff;
    text-align: center;
}

.why-pick-us .box li .item-in:nth-child(2) {
    font-size: 26px;
}

.why-pick-us .box li:hover .item-in:nth-child(2) {
    opacity: 0;
}

.why-pick-us .box li .item-in:nth-child(2) .icon {
    width: 64px;
    margin: 30% auto 20%;
}

.why-pick-us .box li .item-in:nth-child(3) {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    background: rgba(42, 89, 218, .8);
    font-size: 14px;
    opacity: 0;
}

.why-pick-us .box li:hover .item-in:nth-child(3) {
    opacity: 1;
}

.why-pick-us .box li .item-in:nth-child(3) .title {
    font-size: 26px;
    padding: 25% 0 15%;
}

.why-pick-us .box li .item-in:nth-child(3) .txt {
    padding: 0 10%;
    line-height: 32px;
}

/* 合作伙伴 */

.index .partner {
    height: 680PX;
}

.index .partner .box {
    margin-top: 40px;
}

.index .partner .box li {
    width: 23%;
    margin: 0 2.6% 2% 0;
    height: 120px;
    transition: all .5s;
}

.index .partner .box li:hover {
    transform: translateY(-1.5%);
}

.index .partner .box li:hover img {
    box-shadow: 0px 0px 10px rgba(195, 195, 195, .3);
}

.index .partner .box li:nth-child(4n) {
    margin-right: 0;
}

/*小程序开发*/

/* 小程序开发 > banner */

.applet .common-banner {
    background: url("../images/applet_banner.jpg") no-repeat center center/cover;
}

/*你想要的，都能帮你实现*/

.applet .you-like {
    padding-bottom: 80px;
    background: url("../images/applet_youlike_bg.jpg") no-repeat center center/cover;
    overflow-x: hidden;
}

.applet .you-like .box {
    margin-top: 100px;
}

.applet .you-like .box li {
    position: absolute;
    width: 5%;
}

.applet .you-like .box li:nth-child(1) {
    left: 13%;
    top: 21%;
}

.applet .you-like .box li:nth-child(2) {
    left: 22%;
    top: .5%;
}

.applet .you-like .box li:nth-child(3) {
    left: 33%;
    top: 14%;
}

.applet .you-like .box li:nth-child(4) {
    left: 57%;
    top: 35%;
}

.applet .you-like .box li:nth-child(5) {
    left: 65.7%;
    top: 44%;
}

.applet .you-like .box li:nth-child(6) {
    left: 71.1%;
    top: 1.9%;
}

.applet .you-like .box li:nth-child(7) {
    left: 83%;
    top: 1%;
}

.applet .you-like .box li:nth-child(8) {
    left: 89%;
    top: 23%;
}

.applet .you-like .box li:nth-child(9) {
    left: 86%;
    top: 45.5%;
}

.applet .you-like .box li:nth-child(10) {
    left: 76%;
    top: 72%;
}

.applet .you-like .box li:nth-child(11) {
    left: 69.5%;
    top: 60%;
}

.applet .you-like .box li:nth-child(12) {
    left: 57.5%;
    top: 84%;
}

.applet .you-like .box li:nth-child(13) {
    left: 46%;
    top: 60%;
}

.applet .you-like .box li:nth-child(14) {
    left: 36.5%;
    top: 52%;
}

.applet .you-like .box li:nth-child(15) {
    left: 26.5%;
    top: 55%;
}

.applet .you-like .box li:nth-child(16) {
    left: 16%;
    top: 74%;
}

.applet .you-like .box li:nth-child(17) {
    left: 4.5%;
    top: 56%;
}

.applet .you-like .box .dot {
    position: absolute;
    width: 1%;
}

.applet .you-like .box .dot:nth-child(1) {
    left: 17.5%;
    top: 54.5%;
}

.applet .you-like .box .dot:nth-child(2) {
    left: 26.5%;
    top: 30%;
}

.applet .you-like .box .dot:nth-child(3) {
    left: 38.8%;
    top: 36%;
}

.applet .you-like .box .dot:nth-child(4) {
    left: 59.9%;
    top: 64.5%;
}

.applet .you-like .box .dot:nth-child(5) {
    left: 78%;
    top: 49.5%;
}

.applet .you-like .box .dot:nth-child(6) {
    left: 78.5%;
    top: 25.5%;
}

.applet .you-like .box .center-icon {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    left: 48.5%;
    top: 38%;
}

.applet .you-like .box .center-icon span:nth-child(1) {
    position: absolute;
    width: 52px;
    height: 52px;
    border-radius: 100%;
    left: 50%;
    top: 50%;
    margin: -26px 0 0 -26px;
    background: #ffffff;
    box-shadow: 0 0 16px rgba(51, 140, 255, 0.85);
}

.applet .you-like .box .center-icon span:nth-child(2) {
    position: absolute;
    width: 36px;
    height: 36px;
    border-radius: 100%;
    left: 50%;
    top: 50%;
    margin: -18px 0 0 -18px;
    /*box-shadow: 0 0 7px rgba(51,140,255,0.15);*/
    box-shadow: 0 0 16px rgba(51, 140, 255, 0.85);
}

.applet .you-like .box .center-icon span:nth-child(3) {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -10px;
    background: #0a67ff url("../images/applet_youlike_xcx.png") no-repeat center center/100% 100%;
}

/*应用场景*/

.applet .scene {
    padding-bottom: 80px;
    overflow-x: hidden;
    background: #f6f5f5;
}

.applet .scene .box {
    margin-top: 5%;
}

.applet .scene .left {
    width: 70%;
}

.applet .scene .left dt.font {
    width: 38%;
    display: inline-block;
    vertical-align: middle;
    line-height: 24px;
}

.applet .scene .left dt.font h3 {
    font-size: 20px;
    padding-bottom: 30px;
}

.applet .scene .left dd.pic {
    width: 60%;
    display: inline-block;
    vertical-align: middle;
    transition: all .8s;
}

.applet .scene .left dd.pic:hover {
    transform: translateY(-1%);
}

.applet .scene .right {
    position: absolute;
    right: 0%;
    top: 0%;
    bottom: 0%;
    height: 100%;
    width: 100px;
    text-align: right;
}

.applet .scene .right li {
    margin-top: 30%;
    position: relative;
    z-index: 1;
    cursor: default;
}

@media (max-width: 1150px) {
    .applet .scene .right li {
        margin-top: 28%;
    }
}

@media (max-width: 1100px) {
    .applet .scene .right li {
        margin-top: 25%;
    }
}

@media (max-width: 1050px) {
    .applet .scene .right li {
        margin-top: 23%;
    }
}

.applet .scene .right .txt {
    display: inline-block;
    vertical-align: middle;
    color: #888888;
    padding-right: 10px;
}

.applet .scene .right li.on .txt {
    color: #333;
}

.applet .scene .right .dot-box {
    position: relative;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
}

.applet .scene .right .dot-box .dot-in {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -3px 0 0 -3px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #c1c3cb;
}

.applet .scene .right li.on .dot-box .dot-in {
    background: #696969;
    -webkit-animation: fangDaOut 2s .1s infinite;
    animation: fangDaOut 2s 1s infinite;
}

.applet .scene .right li.on .dot-box .dot-out {
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 12px;
    border: 3px solid #696969;
    border-radius: 100%;
    -webkit-animation: fangDaOut 2s infinite;
    animation: fangDaOut 2s infinite;
}

.applet .scene .right .line {
    position: absolute;
    right: 9px;
    top: 0%;
    bottom: 0%;
    height: 100%;
    width: 1px;
    background: rgba(0, 0, 0, .11);
}

/*案例展示*/

.applet .case-show {
    overflow-x: hidden;
    padding-bottom: 90px;
    background: #fff;
    min-height: 880px;
}

.applet .case-show .box {
    position: relative;
    margin-top: 100px;
    height: 500px;
}

.applet .case-show .box .swiper-container {
    width: 100%;
    height: 100%;
    padding: 1% 0;
}

.applet .case-show .box .swiper-wrapper .swiper-slide .pic {
    position: relative;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, .05);
    border-radius: 20px;
    overflow: hidden;
}

.applet .case-show .box .swiper-wrapper .swiper-slide:not(.swiper-slide-active) .pic .bg {
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    margin: 0 auto;
    background: #fff;
    opacity: .4;
}

.applet .case-show .box .swiper-wrapper .swiper-slide.swiper-slide-prev .pic .bg,
.applet .case-show .box .swiper-wrapper .swiper-slide.swiper-slide-next .pic .bg {
    opacity: .2;
}

.applet .case-show .box .swiper-button-prev {
    left: -10%;
    background-image: url('../images/case_arrows_prev.png');
    width: 44px;
    height: 44px;
    background-size: 44px 44px;
}

.applet .case-show .box .swiper-button-next {
    right: -10%;
    background-image: url('../images/case_arrows_next.png');
    width: 44px;
    height: 44px;
    background-size: 44px 44px;
}

.applet .case-show .box .frame {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    margin: 0 auto;
    width: 20.9%;
    z-index: 100000;
}

/*虎超小程序全网价值定制*/

.applet .custom {
    height: 660px;
    background: url("../images/applet_dingzhi_bg.jpg") no-repeat center center/cover;
    overflow: hidden;
    color: #fff;
}

.applet .custom .title-box .title {
    color: #fff;
}

.applet .custom .title-box .title2 {
    color: #fff;
}

.applet .custom .box {
    margin-top: 97px;
}

.applet .custom .box ul {
    margin-bottom: 50px;
}

.applet .custom .box li {
    position: relative;
    display: inline-block;
    width: 17%;
    margin-right: 10%;
    vertical-align: top;
}

.applet .custom .box li:last-child {
    margin-right: 0;
}

.applet .custom .box li .icon-pic {
    width: 50%;
    margin: 0 auto;
}

.applet .custom .box li:hover .icon-pic {
    -webkit-animation: tiaodong2 1s linear;
    animation: tiaodong2 1s linear;
}

.applet .custom .box li h3.title {
    font-size: 20px;
    padding: 18px 0 25px;
    text-align: center;
}

.applet .custom .box li p.txt {
    font-size: 16px;
    opacity: .6;
}

.applet .custom .box li .arrows {
    position: absolute;
    right: -44%;
    top: 18%;
    width: 63px;
    height: 28px;
}

.applet .custom .box .btn {
    display: block;
    position: relative;
    clear: both;
    width: 130px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid #fff;
    font-size: 16px;
    border-radius: 2px;
    cursor: pointer;
}

.applet .custom .box .btn:hover {
    /*background: rgba(255,255,255,.5);*/
    background: #f86b02;
    border: 1px solid #f86b02;
}

/*他们选择了我们*/

.applet .pick-us {
    overflow-x: hidden;
    padding-bottom: 115px;
    background: #fff;
}

.applet .pick-us .box {
    margin-top: 100px;
}

.applet .pick-us .box li {
    display: inline-block;
    width: 30%;
    text-align: center;
    margin-right: 4%;
}

.applet .pick-us .box li .pic {
    height: 312px;
    overflow: hidden;
}

.applet .pick-us .box li .pic img {
    transition: all .8s;
}

.applet .pick-us .box li .pic:hover img {
    transform: scale(1.03);
}

.applet .pick-us .box li:nth-child(3n) {
    margin-right: 0%;
}

.applet .pick-us .box li p {
    padding: 40px 0;
}

/*数据*/

.applet .number-box {
    overflow: hidden;
    padding-bottom: 90px;
    text-align: center;
}

.applet .number-box .box ul {
    margin: 90px auto 70px;
    overflow: hidden;
}

.applet .number-box .box ul li {
    float: left;
    width: 20%;
    text-align: center;
}

.applet .number-box .box ul li:last-child {
    margin-right: 0%;
}

.applet .number-box .box ul li .p-num {
    position: relative;
    display: inline-block;
    font-size: 50px;
    color: #2958da;
    margin-bottom: 10px;
    /* width: 56%; */
}

.applet .number-box .box ul li .p-num span {
    overflow: hidden;
    display: inline-block;
}

.applet .number-box .box ul li .p-num i {
    display: inline-block;
}

.applet .number-box .box ul li .p-num em {
    position: absolute;
    right: -20px;
    top: 7%;
    font-size: 25px;
    font-weight: bold;
}

.applet .number-box .box ul li .p-txt {
    color: #808080;
}

.applet .number-box .box .bottom .p1 {
    font-size: 63px;
    margin-bottom: 10px;
}

.applet .number-box .box .bottom .p1 strong {
    font-size: 153px;
    color: #f86b02;
    font-family: "等线";
}

.applet .number-box .box .bottom .p2 {
    font-size: 43px;
}

/*联系我们 (公共样式)*/

.contact {
    overflow: hidden;
    padding-bottom: 90px;
    min-width: 1200px;
}

.contact .info-box {
    margin: 32px auto;
}

.contact .info-box .ipn-bar {
    overflow: hidden;
    padding: 46px 38px 27px;
    background: #fff;
}

.contact .info-box .ipn-bar input {
    background: #f8f8f8;
    padding: 15px 3%;
    width: 23.5%;
    margin-right: 5.3%;
}

.contact .info-box .ipn-bar input:last-child {
    margin-right: 0%;
}

.contact .info-box .textarea-bar {
    padding: 0 38px 46px;
    background: #fff;
}

.contact .info-box .textarea-bar p {
    padding: 20px 30px;
    height: 280px;
    background: #f8f8f8;
}

.contact .info-box .textarea-bar textarea {
    width: 100%;
    height: 100%;
    resize: none;
    background: #f8f8f8;
    margin-bottom: 46px;
}

.contact .btn {
    display: block;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border-radius: 2px;
    background: rgba(42, 89, 248, 1);
    margin: 40px auto;
    cursor: pointer;
    border: 0;
}

.contact .btn:hover {
    /*background: rgba(42, 89, 248, .8);*/
    background: #f86b02;
}

.applet .contact {
    background: #fff;
}

/*免费制作*/

/*  */

.freemake .common-banner {
    background: url("../images/freemake_banner.jpg") no-repeat center center/cover;
}

/* 免费制作 > 类目 */

.freemake .category {
    overflow: hidden;
}

.freemake .category-nav {
    overflow: hidden;
    text-align: center;
}

.freemake .category-nav .item {
    float: left;
    width: 10%;
    transition: all 1s;
    cursor: pointer;
    padding-top: 24px;
}

.freemake .category-nav .item.on {
    filter: grayscale(1);
}

.freemake .category-nav .item.on .nav-txt {
    font-weight: bold;
}

.freemake .category-nav .item:hover {
    filter: grayscale(1);
}

.freemake .category-nav .item:hover .nav-txt {
    font-weight: bold;
}

.freemake .category-nav .item .icon {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 15px;
    transition: all .5s;
}

.freemake .category-nav .item.on .icon {
    opacity: .5;
}

.freemake .category-nav .item:hover .icon {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 15px;
    opacity: .5;
    -webkit-animation: tiaodong 1s linear;
    animation: tiaodong 1s linear;
}

.freemake .container {
    padding: 70px 0;
}

.freemake .container li {
    position: relative;
    width: 23%;
    margin: 0 2.5% 2% 0;
    background: #fff;
    float: left;
    border-radius: 2px;
    text-align: center;
}

.freemake .container li:hover {
    box-shadow: 0 0px 10px rgba(0, 0, 0, .1);
}

.freemake .container li:nth-child(4n) {
    margin-right: 0%;
}

/*空白模板*/

.freemake .container li:nth-child(1) .pic {
    position: absolute;
    left: 0%;
    top: 20%;
    right: 0%;
    width: 60%;
    margin: 0 auto;
}

.freemake .container li:nth-child(1) .btn {
    position: absolute;
    left: 0%;
    right: 0%;
    bottom: 15%;
    margin: 0 auto;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #333333;
    margin: 0 auto;
    padding-left: 27px;
    background: #f2f2f2 url('../images/freemake_jia.png') no-repeat 27px center;
    overflow: hidden;
    cursor: pointer;
}

.freemake .container li:nth-child(1) .btn:hover {
    color: #fff;
    background-image: url('../images/freemake_jia_on.png');
    background-color: #2a59da;
}

/*案例*/

.freemake .container li .box {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.freemake .container li .box1 .logo {
    width: 44%;
    margin: 24% auto;
}

.freemake .container li .box1 .title {
    position: relative;
    font-size: 26px;
}

.freemake .container li .box1 .title::after {
    content: '';
    position: absolute;
    left: 0%;
    right: 0%;
    top: 135%;
    margin: 0 auto;
    width: 26px;
    height: 2px;
    background: #333;
}

.freemake .container li .box1 .txt {
    padding: 10% 7% 10%;
    color: #999;
    line-height: 28px;
}

.freemake .container li .box1 .biaoqian span {
    display: inline-block;
    width: 30%;
    color: #666;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    padding: 5px 0;
    margin-bottom: 3%;
}

.freemake .container li .box2 {
    display: block;
    opacity: 0;
    transition: all .2s;
}

.freemake .container li:hover .box2 {
    display: block;
    opacity: 1;
}

.freemake .container li .box2 .meng {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent, #fff 67%);
}

.freemake .container li .box2 .con {
    position: absolute;
    left: 0%;
    bottom: 14%;
    right: 0%;
    width: 100%;
    margin: 0 auto;
}

.freemake .container li .box2 .taiyangma {
    width: 50%;
    margin: 0 auto;
}

.freemake .container li .box2 .txt {
    margin: 10% 10%;
    color: #999;
}

.freemake .container li .btn-box {
    position: absolute;
    left: 0%;
    right: 0%;
    bottom: 5%;
    width: 100%;
    margin: 0 auto;
}

.freemake .container li .btn-box .btn {
    position: relative;
    display: inline-block;
    width: 94px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border-radius: 2px;
    overflow: hidden;
    border: 1px solid #f2f2f2;
}

.freemake .container li .btn-box .btn:nth-child(1) {
    margin-right: 10%;
}

.freemake .container li .btn-box .btn:hover {
    border: 1px solid #2a59da;
    background: #2a59da;
    color: #fff;
    background: #2a59da;
}

/* 注册 登录 忘记密码 短信登录  start */

.header.login {
    line-height: 60px;
}

.header.login .middel span {
    display: inline-block;
    height: 15px;
    line-height: 15px;
    padding-left: 15px;
    margin-left: 15px;
    border-left: 2px solid #fff;
}

.header.login .right a {
    color: #fa7a0c;
}

.login-out {
    height: 100vh;
    min-height: 650px;
    background: url('../images/login_banner.jpg') no-repeat center top/cover;
}

.login-box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -45%, 0);
    width: 100%;
    max-width: 500px;
    height: 600px;
    background: rgba(28, 88, 255, .7);
    border-radius: 6px;
    color: #fff;
}

.login-box .top {
    padding: 45px 0 50px;
    text-align: center;
}

.login-box .top.top-min {
    padding-bottom: 30px;
}

.login-box .title {
    font-size: 30px;
    padding-bottom: 10px;
}

.login-box .info {
    width: 70%;
    margin: 0 auto;
}

.login-box .info .p-txt {
    position: relative;
    padding-bottom: 10px;
}

.login-box .info .p-txt .span-R {
    position: absolute;
    right: 0;
    top: 0;
    color: #fd951e;
}

.login-box .info .p-txt .span-R a {
    color: #fd951e;
}

.login-box .info .p-ipn {
    width: 100%;
    padding-bottom: 20px;
    height: 40px;
    line-height: 40px;
    display: inline-flex;
}

.login-box .info .p-ipn .ipn {
    flex: 1;
    border: 1px solid #fff;
    border-radius: 4px;
    height: 38px;
    width: 100%;
    background: none;
    text-indent: 10px;
    color: #fff;

}

.login-box .info ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: rgba(255, 255, 255, .8);
}

.login-box .info :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(255, 255, 255, .8);
}

.login-box .info :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, .8);
}

.login-box .info .p-ipn-code .get-identifying-code {
    flex-shrink: 0;
    width: 100px;
    background: linear-gradient(to right, #fd951e, #f86b02);
    text-align: center;
    cursor: pointer;
    height: 40px;
    color: #fff;
    margin-left: 10px;
}

.login-box .info .p-remember-password {
    padding-bottom: 20px;
    font-size: 10px;
}

.login-box .info .p-remember-password .iconfont {
    position: relative;
    display: inline-block;
    border: 1px solid #fd951e;
    border-radius: 2px;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin-right: 5px;
    cursor: pointer;
}

.login-box .info .p-remember-password .iconfont.on::after {
    content: '\e63a';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
}

.login-box .info .p-remember-password span {
    opacity: .6;
    vertical-align: middle;
    line-height: 12px;
}

.login-box .info .submit-btn {
    width: 100%;
    line-height: 40px;
    background: linear-gradient(to right, #fd951e, #f86b02);
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
}

.login-box .info .p-else {
    padding-top: 20px;
    font-size: 12px;
    text-align: center;
}

.login-box .info .p-else a {
    color: #fff;
    padding: 0 10px;
}

.login-box .info .p-else a:first-child {
    color: #fd951e;
}

.login-box .info .p-copyright {
    padding-top: 35px;
    opacity: .75;
    font-size: 10px;
    text-align: center;
}

/* 注册 登录 忘记密码 短信登录  end */

/* 产品中心 */

/* 产品中心 > 企业动态  banner*/

.companyBynamic .common-banner {
    background: url('../images/companybynamic_banner.jpg') no-repeat center center/cover;
}

/* 产品中心 > 企业动态  > 列表*/

.companyBynamic .news {
    color: #808080;
    background: #fff;
}

.companyBynamic .news .box {
    padding-bottom: 91px;
}

.companyBynamic .news .title-box .title {
    font-weight: bold;
}

.companyBynamic .news .box {
    padding-top: 124px;
}

.companyBynamic .news .box li {
    position: relative;
    width: 48%;
    background: #fff;
    margin-bottom: 26px;
    box-shadow: 0 0 5px rgba(195, 195, 195, 0.25);
    transition: all .5s;
}

.companyBynamic .news .box li:hover {
    box-shadow: 0px 0px 30px rgba(195, 195, 195, 0.3);
    transform: translateY(-.5%);
}

.companyBynamic .news .box li:nth-child(odd) {
    margin-right: 4%;
}

.companyBynamic .news .box li dl {
    padding: 18px 5%;
    overflow: hidden;
    height: 128px;
}

.companyBynamic .news .box li dl dt {
    width: 70px;
    border-right: 2px solid #f6f7fc;
    height: 100%;
}

.companyBynamic .news .box li dl dt strong {
    position: relative;
    display: block;
    margin-top: 7px;
    font-size: 30px;
    color: #808080;
}

.companyBynamic .news .box li dl dt strong::after {
    content: '';
    position: absolute;
    left: 0%;
    top: 133%;
    width: 19px;
    height: 2px;
    background: #808080;
}

.companyBynamic .news .box li dl dt span {
    display: block;
    font-size: 14px;
    color: #808080;
    margin-top: 45px;
}

.companyBynamic .news .box li dl dd {
    width: 82%;
}

.companyBynamic .news .box li dl dd .title {
    font-size: 22px;
    color: #333333;
    margin: 10px auto 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.companyBynamic .news .box li dl dd .title:hover {
    color: #2a59da;
}

.companyBynamic .news .box li dl dd .txt {
    color: #808080;
    font-size: 16px;
}

.companyBynamic .news .box li .look-more {
    position: absolute;
    right: 5%;
    bottom: 5%;
    width: 68px;
    height: 25px;
    background: url('../images/anli_arrows.png') no-repeat center right;
    border-radius: 100px;
    text-align: center;
    line-height: 25px;
    overflow: hidden;
}

.companyBynamic .news .box li .look-more .bg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 100%;
    background: #2a59da;
    opacity: 0;
    transform: scale3d(0, 0, 0);
    transition: opacity .5s, transform .5s;
}

.companyBynamic .news .box li:hover .look-more .bg {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

.companyBynamic .news .box li .look-more .more-txt {
    position: relative;
    display: block;
    color: #fff;
    opacity: 0;
}

.companyBynamic .news .box li:hover .look-more .more-txt {
    opacity: 1;
}

.companyBynamic .news .box li:hover .look-more {
    background: none;
}

/* 新闻资讯 */

.nwesInfo {
    background: #fff;
}

.nwesInfo .common-banner {
    background: url('../images/news_banner.jpg') no-repeat center center/cover;
}

.nwesInfo .news-box {
    padding: 45px 0 100px;
}

.nwesInfo .news-box .left {
    width: 69%;
}

.nwesInfo .news-box .left .nav-bar {
    padding-bottom: 50px;
    font-size: 18px;
    color: #888888;
    /*font-weight: bold;*/
}

.nwesInfo .news-box .left .nav-bar span {
    position: relative;
    display: inline-block;
    margin: 0 23px;
    cursor: pointer;
    padding-bottom: 10px;
}

.nwesInfo .news-box .left .nav-bar span.on {
    color: #333;
}

.nwesInfo .news-box .left .nav-bar span:hover {
    color: #333;
}

.nwesInfo .news-box .left .nav-bar span::after {
    content: '';
    position: absolute;
    left: 0%;
    right: 0%;
    bottom: 0%;
    width: 0%;
    margin: 0 auto;
    height: 3px;
    background: #2a59da;
    transition: all .3s;
    border-radius: 2px;
}

.nwesInfo .news-box .left .nav-bar span.on::after {
    width: 100%;
}

.nwesInfo .news-box .left .nav-bar span:hover::after {
    width: 100%;
}

.nwesInfo .news-box .left .list dl {
    margin-bottom: 50px;
}

.nwesInfo .news-box .left .list dt.pic {
    display: inline-block;
    width: 33%;
    height: 150px;
    overflow: hidden;
    vertical-align: top;
}

.nwesInfo .news-box .left .list dt.pic img {
    transition: all .8s;
}

.nwesInfo .news-box .left .list dt.pic:hover img {
    transform: scale(1.05);
}

.nwesInfo .news-box .left .list dd {
    display: inline-block;
    width: 64%;
    vertical-align: top;
    margin-left: 2%;
}

.nwesInfo .news-box .left .list dd .title {
    padding: 3% 0;
}

.nwesInfo .news-box .left .list dd a:hover {
    color: #2a59da;
}

.nwesInfo .news-box .left .list dd .title .span-L {
    display: inline-block;
    font-size: 24px;
    width: 80%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.nwesInfo .news-box .left .list dd .title .span-R {
    color: #2a59da;
    font-size: 14px;
    margin-top: 1%;
}

.nwesInfo .news-box .left .list dd .intro {
    color: #888;
    height: 37px;
    overflow: hidden;
}

.nwesInfo .news-box .left .list dd .bottom {
    position: absolute;
    right: 1%;
    bottom: 0%;
    text-align: right;
    width: 63%;
    color: #c1c1c1;
}

.nwesInfo .news-box .left .list dd .bottom span:not(.source) {
    margin-left: 30px;
}

.nwesInfo .news-box .left .list dd .bottom span i.iconfont,
.nwesInfo .news-box .left .list dd .bottom span i.iconfont {
    margin-right: 10px;
}

/* 热门标签 */

.hot-right {
    width: 27%;
}

.hot-box {
    margin-bottom: 60px;
}

.hot-box .title {
    font-size: 20px;
    line-height: 20px;
}

.hot-box .title i.line {
    display: inline-block;
    margin-right: 10px;
    width: 4px;
    height: 20px;
    border-radius: 2px;
    background: #2a59da;
    vertical-align: middle;
}

.hot-box .title span {
    display: inline-block;
    vertical-align: middle;
}

.hot-box .hot-tag {
    padding: 30px 0 10px;
}

.hot-box .hot-tag span {
    display: inline-block;
    padding: 9px 17px;
    color: #808080;
    margin: 0 8px 10px 0;
    background: #f7f8fc;
    border-radius: 2px;
    cursor: pointer;
}

.hot-box .hot-tag span.on {
    color: #fff;
    background: #2a59da;
}

.hot-box .p-more {
    text-align: right;
    font-size: 12px;
}

.hot-box .p-more a {
    cursor: pointer;
    color: #c1c1c1;
}

.hot-box .p-more a:hover {
    color: #2a59da;
}

.hot-box .p-more i.iconfont {
    margin-left: 10px;
}

.hot-box .p-more i.iconfont {
    margin-left: 10px;
}

.hot-box .hot-pic-txt {
    font-size: 16px;
    padding-top: 22px;
}

.hot-box .hot-pic-txt .item {
    display: block;
    margin-bottom: 60px;
}

.hot-box .hot-pic-txt .item .pic {
    max-height: 180px;
    overflow: hidden;
}

.hot-box .hot-pic-txt .item .pic img {
    transition: all .8s;
}

.hot-box .hot-pic-txt .item .pic:hover img {
    transform: scale(1.05);
}

.hot-box .hot-pic-txt .item:last-child {
    margin-bottom: 0px;
}

.hot-box .hot-pic-txt .txt {
    padding-top: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.hot-box .hot-pic-txt .txt:hover {
    color: #2a59da;
}

/* 新闻资讯 详情 */

.nwesDetails {
    background: #fff;
}

.nwesDetails .left {
    width: 69%;
}

.nwesDetails-header {
    background: #2a59da !important;
    top: 40px;
}

.nwesDetails-box {
    padding-top: 140px;
}

.nwesDetails-top {
    border-bottom: 1px solid #e5e5e5;
}

.nwesDetails-top .title-share .title {
    font-size: 30px;
    width: 770px;
    margin-top: -6px;
}

.nwesDetails-top .title-share .share {
    position: absolute;
    right: 0px;
    top: 10px;
    font-size: 14px;
    color: #407dbc;
    cursor: pointer;
}

.nwesDetails-top .bottom-bar {
    padding: 25px 0 20px;
    text-align: right;
    color: #c1c1c1;
}

.nwesDetails-top .bottom-bar span {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 8px;
    margin-left: 30px;
}

.nwesDetails-top .bottom-bar span em {
    padding: 0 9px;
}

.nwesDetails-top .bottom-bar span i {
    margin-right: 9px;
}

.nwesDetails-top .bottom-bar span:first-child {
    margin-left: 0px;
}

.nwesDetails-top .bottom-bar .span-pm {
    color: #808080;
    background: #f6f7fc;
    margin-left: 19px;
}

.nwesDetails-box .article {
    padding-top: 40px;
}

.nwesDetails-box .zan-num {
    margin: 150px auto;
    width: 106px;
    padding: 5px 0;
    border-radius: 2px;
    background: #f7f8fc;
    text-align: center;
}

.nwesDetails-box .zan {
    position: relative;
    cursor: pointer;
    display: inline-block;
    width: 37px;
    height: 34px;
    margin-right: 5px;
}

.nwesDetails-box .zan-num .num {
    font-size: 16px;
    color: #808080;
}

.nwesDetails-box .pinglun .p-title {
    font-size: 26px;
}

.nwesDetails-box .pinglun .textarea-box {
    font-size: 14px;
    padding: 30px;
    height: 60px;
    background: #f7f8fc;
    margin: 30px auto 20px;
}

.nwesDetails-box .pinglun .textarea-box textarea {
    width: 100%;
    height: 100%;
    resize: none;
    background: #f7f8fc;
}

.nwesDetails-box .pinglun .btn {
    width: 90px;
    height: 40px;
    border-radius: 2px;
    background: #2a59da;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    margin: 0 auto;
    cursor: pointer;
}

.nwesDetails-box .pinglun .btn:hover {
    background: #f86b02;
}

.nwesDetails-box .list {
    padding: 25px 0 60px;
}

.nwesDetails-box .list .p-title {
    font-size: 20px;
}

.nwesDetails-box .list .item {
    position: relative;
    margin-top: 30px;
    border-bottom: 1px solid #f7f8fc;
    padding-bottom: 30px;
}

.nwesDetails-box .list .item .head {
    display: inline-block;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    overflow: hidden;
    vertical-align: top;
}

.nwesDetails-box .list .item .div-M {
    display: inline-block;
    width: 80%;
    margin-left: 2%;
}

.nwesDetails-box .list .item .div-M .name {
    font-size: 18px;
    padding-bottom: 18px;
    display: block;
}

.nwesDetails-box .list .item .div-M .txt {
    font-size: 16px;
}

.nwesDetails-box .list .item .time {
    position: absolute;
    right: 0%;
    bottom: 30px;
}

.nwesDetails-box .list .look-all {
    width: 90px;
    margin: 60px auto 0;
    color: #808080;
    cursor: pointer;
}

.nwesDetails-box .list .look-all:hover {
    color: #2a59da;
}

.nwesDetails-box .list .look-all i.iconfont {
    margin-left: 5px;
}

/* 关于虎超 */

.about {
    background: #fff;
}

.about .common-banner {
    background: url(../images/about_banner.png) no-repeat center center/cover;
}

.about .banner-in .title .icon-play {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.about .title-box .title2 {
    width: 540px;
    margin: 0 auto;
}

.about-gongsijieshao .box {
    height: 560px;
    padding: 75px 0 45px;
}

.about-gongsijieshao .box .letter-bg {
    position: absolute;
    left: -90px;
    top: 0px;
    width: 124px;
}

.about-gongsijieshao .box .content {
    position: relative;
    box-shadow: 0 0 30px #e5e5e5;
    padding: 0 60px;
    width: 550px;
    height: 500px;
    background: #fff;
}

.about-gongsijieshao .box .content .title {
    font-size: 36px;
    padding-top: 70px;
}

.about-gongsijieshao .box .content .p-zimu {
    font-size: 36px;
    padding-top: 11px;
    color: #999999;
    opacity: .37;
    font-weight: bold;
}

.about-gongsijieshao .box .content .txt {
    font-size: 16px;
    color: #808080;
    line-height: 30px;
    padding-top: 30px;
    width: 451px;
}

.about-gongsijieshao .box .content .btn {
    position: absolute;
    left: 9%;
    bottom: -4%;
    width: 265px;
    height: 57px;
    line-height: 57px;
    background: rgba(42, 89, 218, 1);
    color: #fff;
    font-size: 16px;
    text-align: center;
    border: 0;
    cursor: pointer;
}

.about-gongsijieshao .box .content .btn:hover {
    /*background: rgba(42, 89, 218, .8);*/
    background: #f86b02;
}

.about-gongsijieshao .box .pic {
    position: absolute;
    right: 0%;
    bottom: 0%;
    width: 48%;
    max-height: 486px;
    overflow: hidden;
}

.about-gongsijieshao .box .pic img {
    transition: all 1s;
}

.about-gongsijieshao .box .pic:hover img {
    transform: scale(1.03);
}

/* 开发团队 */

.about-team {
    overflow: hidden;
}

.about-team .box-out {
    height: 500px;
    margin: 99px auto 0;
    background: #fafafa;
}

.about-team .box {
    height: 100%;
}

.about-team .letter-bg {
    position: absolute;
    right: 15%;
    bottom: 0px;
    width: 37%;
}

.about-team .box .left {
    display: inline-block;
    width: 470px;
    height: 100%;
    background: #333;
}

.about-team .box .left .title {
    padding: 120px 38px 29px;
    font-size: 26px;
    line-height: 36px;
    color: #fff;
}

.about-team .box .left .title::after {
    content: '';
    position: absolute;
    left: 38px;
    bottom: 11px;
    width: 11px;
    height: 3px;
    background: #fff;
    opacity: .5;
}

.about-team .box .left .txt {
    padding: 0px 38px 0px;
    font-size: 18px;
    color: #fff;
    opacity: .5;
}

.about-team .box .left ul {
    margin-top: 90px;
}

.about-team .box .left li {
    position: relative;
    display: inline-block;
    width: 32%;
    text-align: center;
}

.about-team .box .left li::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 2px;
    height: 90px;
    background: #4d4d4d;
}

.about-team .box .left li:last-child::after {
    display: none;
}

.about-team .box .left li span {
    display: block;
    font-size: 11px;
    color: #fff;
}

.about-team .box .left li .span-2 {
    font-size: 59px;
}

.about-team .box .right {
    width: 45%;
}

.about-team .box .right .title {
    font-size: 32px;
    padding: 86px 0 40px;
}

.about-team .box .right .txt {
    font-size: 16px;
    color: #808080;
}

/* 公司环境 */

.about-environment {
    overflow: hidden;
}

.about-environment .box {
    width: 85%;
    height: 700px;
    margin: 0 auto;
    padding: 100px 0 90px;
}

.about-environment .swiper-container {
    height: 100%;
}

.about-environment .swiper-container .swiper-slide img {
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
}

.about-environment .swiper-container .swiper-slide:not(.swiper-slide-active) {
    opacity: .4;
}

.about-environment .swiper-container .swiper-slide.swiper-slide-active {
    width: 75% !important;
    z-index: 10;
}

.about-environment .swiper-button-prev {
    background-image: url('../images/about_gshj_arrows_left.png');
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    left: 15%;
}

.about-environment .swiper-button-next {
    background-image: url('../images/about_gshj_arrows_right.png');
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
    right: 15%;
}

.about-environment .swiper-slide .bg {
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    bottom: 0%;
    margin: 0 auto;
    background: linear-gradient(transparent, #000 99.999999%);
    opacity: .6;
    border-radius: 5px;
}

.about-environment .swiper-slide .txt-box {
    position: absolute;
    left: 42px;
    bottom: 40px;
    color: #fff;
    width: 50%;
}

.about-environment .swiper-slide .txt-box .title {
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 15px;
}

.about-environment .swiper-slide .txt-box .txt {
    font-size: 16px;
    color: rgba(255, 255, 255, .6);
    line-height: 32px;
}

.about-environment .letter-bg {
    position: absolute;
    right: -15.5%;
    bottom: 0%;
    width: 77%;
}

/* 虎超科技成长历程 */

.about-chengzhang {
    overflow: hidden;
}

.about-chengzhang .letter-bg {
    position: absolute;
    left: 0;
    bottom: 50px;
    right: 0;
    margin: 0 auto;
    width: 43%;
}

.about-chengzhang .box {
    margin-top: 90px;
}

.about-chengzhang .box .bic-box {
    position: absolute;
    overflow: hidden;
}

.about-chengzhang .box .bic-box>img {
    transform: scale(.999);
    transition: all 1s;
}

.about-chengzhang .box .bic-box:hover>img {
    transform: scale(1.03);
}

.about-chengzhang .box .pic-1 {
    width: 49%;
    left: 1%;
    top: -1.9%;
    text-align: right;
}

.about-chengzhang .box .pic-2 {
    width: 15%;
    left: 32%;
    top: 35%;
    box-shadow: 0 0 30px #ccc;
}

.about-chengzhang .box .pic-3 {
    width: 49%;
    right: 1%;
    top: 29.5%;
}

.about-chengzhang .box .pic-4 {
    width: 15%;
    right: 31.5%;
    top: 66.5%;
    box-shadow: 0 0 30px #ccc;
}

.about-chengzhang .box .pic-5 {
    width: 15%;
    right: 14.5%;
    top: 66.5%;
    box-shadow: 0 0 30px #ccc;
}

.about-chengzhang .box .pic-1 .title {
    position: absolute;
    right: 13%;
    top: 49%;
    font-size: 36px;
    color: #fff;
}

.about-chengzhang .box .pic-1 .txt {
    position: absolute;
    right: 13%;
    top: 64%;
    font-size: 14px;
    color: #fff;
    opacity: .5;
    width: 70%;
}

.about-chengzhang .box .pic-3 .title {
    position: absolute;
    left: 13%;
    top: 49%;
    font-size: 36px;
    color: #fff;
}

.about-chengzhang .box .pic-3 .txt {
    position: absolute;
    left: 13%;
    top: 64%;
    font-size: 14px;
    color: #fff;
    opacity: .5;
    width: 70%;
}

.about-chengzhang .box .chengzhang-play {
    position: absolute;
    left: 0%;
    top: 39%;
    right: 0%;
    margin: 0 auto;
    width: 12%;
    cursor: pointer;
}

.about-chengzhang .box .btn {
    display: block;
    position: relative;
    width: 180px;
    height: 50px;
    margin: 0 auto;
    border-radius: 2px;
    background: #eeeeee;
    line-height: 50px;
    text-align: center;
    color: #808080;
    font-size: 16px;
    cursor: pointer;
}

.about-chengzhang .box .btn:hover {
    color: #fff;
    /*background: rgba(42, 89, 248, 1);*/
    background: #f86b02;
}

/* 企业动态 */

.about-qiyedongtai {
    overflow: hidden;
    padding: 66px 0 130px;
}

.about-qiyedongtai .box {
    max-width: 1320px;
    margin: auto;
}

.about-qiyedongtai .box .left {
    width: 33.5%;
    box-shadow: 0 0 14px rgba(0, 0, 0, .1);
    border-radius: 4px 0 0 4px;
    height: 100%;
    text-align: center;
}

.about-qiyedongtai .box .left .title {
    position: absolute;
    top: 30%;
    left: 0%;
    right: 0%;
    margin: 0 auto;
    font-size: 33px;
}

.about-qiyedongtai .box .left .txt {
    position: absolute;
    top: 45%;
    left: 0%;
    right: 0%;
    margin: 0 auto;
    font-size: 14px;
    color: #808080;
}

.about-qiyedongtai .box .left .arrows {
    position: absolute;
    bottom: 20%;
    left: 0%;
    right: 0%;
    margin: 0 auto;
    width: 7%;
}

.about-qiyedongtai .box .right {
    width: 65%;
    height: 480px;
    border-radius: 0 4px 4px 0;
    overflow: hidden;
}

.about-qiyedongtai .box .right img {
    transition: all 1s;
}

.about-qiyedongtai .box .right:hover img {
    transform: scale(1.03);
}

.about .contact {
    background: #fcf9f6;
}

/* 地图*/

.about .map {
    width: 100%;
    height: 500px;
    margin: 0 auto;
}

/* 代理加盟 */

.agent .common-banner {
    background: url('../images/agent_banner.png') no-repeat center center/cover;
}

.agent .common-banner dd {
    width: 27%;
    margin-right: 12%;
}

/* 代理合作加盟信息 */

.add-info {
    text-align: center;
}

.add-info h1 {
    font-size: 22px;
    color: #fff;
    margin-bottom: 34px;
    padding-top: 0;
}

.add-info .item {
    margin-bottom: 10px;
    border-radius: 4px;
    overflow: hidden;
    height: 44px;
    line-height: 44px;
    background: rgba(217, 231, 255, .33);
}

.add-info input {
    font-size: 14px;
    background: none;
    width: 100%;
    height: 44px;
    text-indent: 13px;
    border-radius: 4px;
}

.agent .common-banner .add-info input {
    color: #fff;
}

.add-info .addres-item .item {
    width: 48%;
}

.add-info .addres-item .item select {
    width: 100%;
    line-height: 44px;
    background: none;
    border: 0;
    text-indent: 13px;
    height: 44px;
}

.agent .common-banner .add-info .addres-item .item select {
    color: #fff;
}

.add-info .addres-item .item select option {
    color: #333;
}

.agent .common-banner .add-info ::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #fff;
}

.agent .common-banner .add-info :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff;
    opacity: 1;
}

.agent .common-banner .add-info ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff;
    opacity: 1;
}

.agent .common-banner .add-info :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.add-info .btn {
    cursor: pointer;
}

.add-info .btn1 {
    /* background: linear-gradient(to right, #fd951e, #f86b02);*/
    background: #f86b02;
    /*font-size: 16px;*/
}

/* 为什么要加盟小程序 */

.agent-why {
    padding-bottom: 80px;
}

.agent-why .box {
    margin-top: 86px;
}

.agent-why .box .why-hpone {
    width: 24%;
    margin: 0 auto;
    z-index: 1;
}

.agent-why .box .why_pic {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    ;
    margin: 0 auto;
    width: 24%;
}

.agent-why .box li {
    position: absolute;
    width: 38%;
}

.agent-why .box li:nth-child(1) {
    left: -52%;
    bottom: 1%;
}

.agent-why .box li:nth-child(2) {
    left: -86%;
    top: 41%;
}

.agent-why .box li:nth-child(3) {
    left: -52%;
    top: 8%;
}

.agent-why .box li:nth-child(4) {
    right: -52%;
    top: 8%;
}

.agent-why .box li:nth-child(5) {
    right: -86%;
    top: 41%;
}

.agent-why .box li:nth-child(6) {
    right: -52%;
    bottom: 1%;
}

.agent-why .box li span {
    position: absolute;
    top: -21%;
    font-size: 34px;
    font-weight: bold;
    color: #f86e04;
}

.agent-why .box li .span-L {
    left: -35%;
}

.agent-why .box li .span-R {
    right: -35%;
}

/* 垂直方案 行业场景 营销功能 */

.agent-tab-box {
    height: 900px;
    background: url('../images/agent_tab_bg.jpg') no-repeat center center/cover;
    color: #fff;
}

.agent-tab-box .tab-nav {
    padding: 90px 0;
    font-size: 38px;
    text-align: center;
}

.agent-tab-box .tab-nav span {
    position: relative;
    display: inline-block;
    margin: 0 30px;
    cursor: pointer;
    opacity: .5;
    font-weight: 100;
}

.agent-tab-box .tab-nav span.on {
    opacity: 1;
}

.agent-tab-box .tab-nav span.on::after {
    content: '';
    position: absolute;
    left: 0%;
    bottom: -20px;
    right: 0;
    margin: auto;
    width: 50px;
    height: 1px;
    border-radius: 4px;
    background: #fff;
}

.agent-tab-box .bottom .box li {
    float: left;
    width: 25%;
    margin-bottom: 40px;
}

.agent-tab-box .bottom .box li .icon {
    display: inline-block;
    width: 10%;
    vertical-align: middle;
    margin-right: 3%;
}

.agent-tab-box .bottom .box li:hover .icon {
    -webkit-animation: tiaodong 1s linear;
    animation: tiaodong 1s linear;
}

.agent-tab-box .bottom .box li .txt {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.agent-tab-box .bottom .box li .txt span {
    display: block;
    padding: 3px;
}

.agent-tab-box .bottom .box li .txt span:nth-child(1) {
    font-size: 16px;
}

.agent-tab-box .bottom .box li .txt span:nth-child(2) {
    font-size: 12px;
    opacity: .6;
}

.agent-tab-box .btn {
    position: absolute;
    left: 0%;
    bottom: 58px;
    right: 0%;
    margin: 0 auto;
    width: 170px;
    height: 56px;
    line-height: 56px;
    color: #fff;
    background: rgba(42, 89, 218, 1);
    border-radius: 6px;
    text-align: center;
}

.agent-tab-box .btn:hover {
    /*background: rgba(84, 124, 233);*/
    background: #f86b02;
}

/* 虎超智慧组件优势 */

.agent {
    background: #fff;
}

.agent-zujian {
    overflow: hidden;
}

.agent-zujian .box {
    padding: 78px 0;
}

.agent-zujian .box .left {
    position: absolute;
    left: 0%;
    top: 9%;
    width: 41%;
    height: 77%;
    z-index: 1;
    background: #fff;
    box-shadow: 0 0 30px #e5e5e5;
}

.agent-zujian .box .left .swiper-container {
    height: 100%;
}

.agent-zujian .box .left .swiper-container .item {
    padding: 9% 10%;
}

.agent-zujian .box .left .swiper-container .pic {
    width: 40%;
}

.agent-zujian .box .left .swiper-container .title {
    font-size: 26px;
    padding-top: 5%;
}

.agent-zujian .box .left .swiper-container .txt {
    font-size: 14px;
    line-height: 26px;
    color: #808080;
    padding: 5% 0;
}

.agent-zujian .box .left .swiper-container .swiper-button-next {
    top: 89%;
    right: 70%;
    background-image: url('../images/agent_zujian_arrow_r.png');
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
}

.agent-zujian .box .left .swiper-container .swiper-button-prev {
    top: 89%;
    left: 10%;
    background-image: url('../images/agent_zujian_arrow_l.png');
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
}

.agent-zujian .box .left .swiper-pagination-fraction {
    position: absolute;
    left: 10%;
    top: 70%;
    bottom: auto;
    font-size: 24px;
    color: #b3b3b3;
    width: auto;
}

.agent-zujian .box .agent-vid-bg {
    width: 66%;
    margin-left: 34%;
}

.agent-zujian .box .agent-vid-bg .play {
    width: 10%;
    position: absolute;
    left: 0;
    right: 0;
    top: 40%;
    margin: 0 auto;
    cursor: pointer;
    transition: all .5s;
}

.agent-zujian .box .agent-vid-bg .play:hover {
    transform: scale3d(1.2, 1.2, 1.2);
}

.agent-zujian .box .agent-vid-bg .txt {
    position: absolute;
    left: 0;
    right: 0;
    top: 58%;
    margin: 0 auto;
    color: #fff;
    font-size: 22px;
    text-align: center;
}

/* 虎超加盟权益 */

.agent-jiamengquanyi {
    overflow: hidden;
    background: #f7f8fc;
    padding-bottom: 90px;
}

.agent-jiamengquanyi .box {
    margin-top: 80px;
}

.agent-jiamengquanyi .box .pic {
    border-radius: 10px;
    overflow: hidden;
}

.agent-jiamengquanyi .box .pic img {
    transition: all .8s;
}

.agent-jiamengquanyi .box .pic img:hover {
    transform: scale(1.01);
}

.agent-jiamengquanyi .nav {
    overflow: hidden;
    text-align: center;
}

.agent-jiamengquanyi .nav .item {
    float: left;
    width: 10%;
    transition: all 1s;
    cursor: pointer;
    padding-top: 24px;
}

.agent-jiamengquanyi .nav .item.on {
    filter: grayscale(1);
}

.agent-jiamengquanyi .nav .item.on .nav-txt {
    font-weight: bold;
}

.agent-jiamengquanyi .nav .item:hover {
    filter: grayscale(1);
}

.agent-jiamengquanyi .nav .item:hover .nav-txt {
    font-weight: bold;
}

.agent-jiamengquanyi .nav .item .icon {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 15px;
    transition: all .5s;
}

.agent-jiamengquanyi .nav .item.on .icon {
    opacity: .5;
}

.agent-jiamengquanyi .nav .item:hover .icon {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    margin-bottom: 15px;
    opacity: .5;
    -webkit-animation: tiaodong 1s linear;
    animation: tiaodong 1s linear;
}

/* 虎超盈利模式 */

.agent_yinglimoshi {
    overflow: hidden;
}

.agent_yinglimoshi .box {
    padding: 60px 0 16px;
}

.agent_yinglimoshi .box li {
    float: left;
    width: 30%;
    background: #f7f8fc;
    border-radius: 4px;
    margin: 0 3% 3% 0;
    text-align: center;
    height: 322px;
    border-radius: 4px;
}

.agent_yinglimoshi .box li:hover {
    background: #eff2ff;
    box-shadow: 4px 4px 24px rgba(195, 195, 195, .14);
}

.agent_yinglimoshi .box li:hover>img {
    -webkit-animation: tiaodong2 1s linear;
    animation: tiaodong2 1s linear;
}

.agent_yinglimoshi .box li:nth-child(3n) {
    margin-right: 0;
}

.agent_yinglimoshi .box li .icon {
    width: 60px;
    height: 60px;
    margin: 0% auto;
    padding-top: 20%;
}

.agent_yinglimoshi .box li .title {
    font-size: 20px;
    padding: 15px 20%;
}

.agent_yinglimoshi .box li .txt {
    font-size: 14px;
    padding: 0 20%;
    line-height: 20px;
}

/* 虎超加盟流程 */

.agent-jiamengliucheng {
    overflow: hidden;
    background: #f7f8fc;
}

.agent-jiamengliucheng .box {
    margin-top: 50px;
}

.agent-jiamengliucheng .box .left {
    width: 52%;
}

.agent-jiamengliucheng .box .right {
    width: 39%;
}

.agent-jiamengliucheng .box .right .num {
    font-size: 30px;
    color: rgba(41, 86, 211, .1);
    font-weight: bold;
    position: absolute;
}

.agent-jiamengliucheng .box .right .txt {
    font-size: 18px;
    color: #4d4d4d;
    position: absolute;
}

.agent-jiamengliucheng .box .right .item.on .txt {
    -webkit-animation: BigMin 2s infinite;
    animation: BigMin 2s infinite;
}

.agent-jiamengliucheng .box .right .item.on .dot {
    position: absolute;
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-radius: 100%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    background: #2a59da;
}

.agent-jiamengliucheng .box .right .item:nth-child(1) .num {
    top: 0%;
    left: 0%;
    right: 0%;
    margin: 0 auto;
    text-align: center;
}

.agent-jiamengliucheng .box .right .item:nth-child(1) .txt {
    top: 7%;
    left: 0%;
    right: 0%;
    margin: 0 auto;
    text-align: center;
}

.agent-jiamengliucheng .box .right .item:nth-child(1).on .dot {
    top: 13%;
    left: 49%;
}

.agent-jiamengliucheng .box .right .item:nth-child(2) .left .num {
    top: 23%;
    left: 20%;
}

.agent-jiamengliucheng .box .right .item:nth-child(2) .left .txt {
    top: 24%;
    left: 0%;
}

.agent-jiamengliucheng .box .right .item:nth-child(2).on .left .dot {
    top: 25.8%;
    left: 32.5%;
}

.agent-jiamengliucheng .box .right .item:nth-child(2) .right .num {
    top: 23%;
    right: 20%;
}

.agent-jiamengliucheng .box .right .item:nth-child(2) .right .txt {
    top: 24%;
    right: 0%;
}

.agent-jiamengliucheng .box .right .item:nth-child(2).on .right .dot {
    top: 25.8%;
    right: 32.3%;
}

.agent-jiamengliucheng .box .right .item:nth-child(3) .left .num {
    top: 41%;
    left: 20%;
}

.agent-jiamengliucheng .box .right .item:nth-child(3) .left .txt {
    top: 42%;
    left: 0%;
}

.agent-jiamengliucheng .box .right .item:nth-child(3).on .left .dot {
    top: 43.8%;
    left: 32.5%;
}

.agent-jiamengliucheng .box .right .item:nth-child(3) .right .num {
    top: 41%;
    right: 20%;
}

.agent-jiamengliucheng .box .right .item:nth-child(3) .right .txt {
    top: 42%;
    right: 0%;
}

.agent-jiamengliucheng .box .right .item:nth-child(3).on .right .dot {
    top: 43.8%;
    right: 31.8%;
}

.agent-jiamengliucheng .box .right .item:nth-child(4) .left .num {
    top: 58.5%;
    left: 20%;
}

.agent-jiamengliucheng .box .right .item:nth-child(4) .left .txt {
    top: 59.5%;
    left: 0%;
}

.agent-jiamengliucheng .box .right .item:nth-child(4).on .left .dot {
    top: 61.3%;
    left: 32.5%;
}

.agent-jiamengliucheng .box .right .item:nth-child(4) .right .num {
    top: 58.5%;
    right: 20%;
}

.agent-jiamengliucheng .box .right .item:nth-child(4) .right .txt {
    top: 59.5%;
    right: 0%;
}

.agent-jiamengliucheng .box .right .item:nth-child(4).on .right .dot {
    top: 61.3%;
    right: 31.8%;
}

.agent-jiamengliucheng .box .right .item:nth-child(5) .txt {
    top: 78%;
    left: 0%;
    right: 0%;
    margin: 0 auto;
    text-align: center;
}

.agent-jiamengliucheng .box .right .item:nth-child(5) .icon {
    width: 10%;
    position: absolute;
    left: 45%;
    top: 70%;
}

.agent-jiamengliucheng .box .right .item.on .icon {
    -webkit-animation: BigMin 2s infinite;
    animation: BigMin 2s infinite;
}

/* 千万代理明智的选择 */

.agent-xuanze {
    overflow: hidden;
    padding-bottom: 60px;
}

.agent-xuanze .box {
    margin-top: 90px;
}

.agent-xuanze .box li {
    position: relative;
}

.agent-xuanze .box li .agent-xuanze-zimu {
    position: absolute;
    left: 0%;
    top: 15%;
}

.agent-xuanze .box li:nth-child(odd) .agent-xuanze-zimu {
    left: auto;
    right: 0%;
    top: 5%;
}

.agent-xuanze .box li:nth-child(1) .agent-xuanze-zimu {
    width: 54%;
}

.agent-xuanze .box li:nth-child(2) .agent-xuanze-zimu {
    width: 31%;
}

.agent-xuanze .box li:nth-child(3) .agent-xuanze-zimu {
    left: auto;
    right: -10%;
    width: 64%;
}

.agent-xuanze .box li:nth-child(4) .agent-xuanze-zimu {
    width: 30.5%;
}

.agent-xuanze .box li>div {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 40px;
}

.agent-xuanze .box li .pic {
    width: 45%;
    max-height: 330px;
    overflow: hidden;
}

.agent-xuanze .box li .pic img {
    transition: all .8s;
}

.agent-xuanze .box li .pic:hover img {
    transform: scale(1.03);
}

.agent-xuanze .box li:nth-child(even) .pic {
    margin-left: 5%;
}

.agent-xuanze .box li .txt-box {
    width: 40%;
    margin-left: 5%;
    color: #4d4d4d;
    line-height: 26px;
}

.agent-xuanze .box li .txt-box .title {
    position: relative;
    font-size: 24px;
    margin-bottom: 15px;
    padding-left: 14px;
}

.agent-xuanze .box li .txt-box .title::after {
    content: '';
    position: absolute;
    left: 0%;
    top: 6px;
    width: 4px;
    height: 20px;
    background: #2958da;
    border-radius: 2px;
}

/* 代理合作加盟 */

.agent-hezuojiameng {
    overflow: hidden;
    height: 740px;
    background: url('../images/agent_hezuojiameng_bg.jpg') no-repeat center center/cover;
}

.agent-hezuojiameng .title-box .title {
    color: #fff;
}

.agent-hezuojiameng .box {
    width: 490px;
    padding: 30px 60px;
    background: #fff;
    margin: 80px auto 0;
    border-radius: 9px;
}

.agent-hezuojiameng .box .item {
    margin-bottom: 25px;
    background: #f8f8f8;
}

.agent-hezuojiameng .box .item.btn1 {
    background: #2a59da;
    color: #fff;
}

.agent-hezuojiameng .box .item.btn2 {
    background: none;
    border: 1px solid #dedede;
}

.agent-hezuojiameng .box .item input {
    color: #333;
}

/* 商家联盟 */

.shangjialianmeng {
    background: #fff;
}

.shangjialianmeng .common-banner {
    background: url('../images/shangjialianmeng_banner.png') no-repeat center center/cover;
    height: 600px;
}

.shangjialianmeng .haochu {
    overflow: hidden;
}

.shangjialianmeng .haochu .box {
    padding: 100px 0 80px;
}

@media screen and (max-width: 768px) {
    .shangjialianmeng .haochu .box {
        padding: 10px 0 80px;
    }
}

.shangjialianmeng .haochu .box li {
    padding-bottom: 70px;
}

@media screen and (max-width: 768px) {
    .shangjialianmeng .haochu .box li {
        padding-bottom: 20px;
    }
}

.shangjialianmeng .haochu .box li>div {
    display: inline-block;
    vertical-align: middle;
}

.shangjialianmeng .haochu .box li .pic {
    width: 32%;
}

.shangjialianmeng .haochu .box li .pic img {
    transition: all .8s;
}

.shangjialianmeng .haochu .box li .pic img:hover {
    transform: translateY(-1.5%);
}

.shangjialianmeng .haochu .box li:nth-child(odd) .pic {
    margin-left: 10%;
}

.shangjialianmeng .haochu .box li .txt-box {
    width: 42%;
}

.shangjialianmeng .haochu .box li:nth-child(even) .txt-box {
    margin-left: 20%;
}

.shangjialianmeng .haochu .box li .txt-box .title {
    font-size: 27px;
    margin-bottom: 45px;
}

@media screen and (max-width: 768px) {
    .shangjialianmeng .haochu .box li .txt-box .title {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 20px;
    }
}

.shangjialianmeng .haochu .box li .txt-box p {
    position: relative;
    font-size: 16px;
    margin-bottom: 30px;
    padding-left: 27px;
    line-height: 24px;
}

@media screen and (max-width: 768px) {
    .shangjialianmeng .haochu .box li .txt-box p {
        font-size: 14px;
    }
}

.shangjialianmeng .haochu .box li .txt-box p::after {
    content: '';
    position: absolute;
    left: 0%;
    top: 10px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #2958da;
    opacity: .74;
}

/* 社区团购的模式 */

.shangjialianmeng .moshi {
    overflow: hidden;
    background: #6c24d6;
    background: linear-gradient(to bottom, #9f41ee, #6c24d6);
    height: 840px;
}

@media screen and (max-width: 768px) {
    .shangjialianmeng .moshi {
        overflow: hidden;
        background: #6c24d6;
        background: linear-gradient(to bottom, #9f41ee, #6c24d6);
        height: 450px;
    }
}

.shangjialianmeng .moshi .title-box .title,
.shangjialianmeng .moshi .title-box .title2 {
    color: #fff;
}

.shangjialianmeng .moshi .box {
    padding-top: 130px;
}

@media screen and (max-width: 768px) {
    .shangjialianmeng .moshi .box {
        padding-top: 30px;
    }
}

.shangjialianmeng .moshi .box li {
    position: relative;
    display: inline-block;
    padding: 0 2%;
    width: 19%;
    height: 350px;
    border-radius: 13px;
    margin-right: 2.27%;
    color: #fff;
    overflow: hidden;
    line-height: 20px;
    background: rgba(229, 229, 229, 0.49);
}

@media screen and (max-width: 768px) {
    .shangjialianmeng .moshi .box li {
        width: 18%;
        height: 200px;
    }
}

.shangjialianmeng .moshi .box li:nth-child(4n) {
    margin-right: 0%;
}

.shangjialianmeng .moshi .box li .icon {
    width: 75px;
    margin: 92px auto 48px;
}

@media screen and (max-width: 768px) {
    .shangjialianmeng .moshi .box li .icon {
        width: 35px;
        margin: 30px auto 24px;
    }
}

.shangjialianmeng .moshi .box li .title {
    font-size: 18px;
    text-align: center;
    line-height: 26px;
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .shangjialianmeng .moshi .box li .title {
        font-size: 12px;
    }
}

.shangjialianmeng .moshi .box li:hover {
    background: #fd4b94;
}

.shangjialianmeng .moshi .box li:hover .icon {
    margin: 55px auto 45px;
}

.shangjialianmeng .moshi .box li:hover .txt {
    display: block;
}

/* 社区团购-新零售解决方案 */

.shangjialianmeng .solution {
    overflow: hidden;
}

.shangjialianmeng .solution .box {
    padding: 100px 0 140px;
    height: 690px;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .shangjialianmeng .solution .box {
        padding: unset;
        height: auto;
    }
}

.shangjialianmeng .solution .box .pic {
    position: absolute;
    left: 0%;
    top: 28%;
    right: 0%;
    margin: 0% auto 0;
    width: 21%;
    transition: all .8s;
}

@media screen and (max-width: 768px) {
    .shangjialianmeng .solution .box .pic {
        display: none;
    }
}

.shangjialianmeng .solution .box .pic:hover {
    transform: translateY(-1.5%);
}

.shangjialianmeng .solution .box li {
    position: absolute;
    width: 18%;
    min-width: 250px;
}

@media screen and (max-width: 767px) {
    .shangjialianmeng .solution .box li {
        position: unset;
        width: 92%;
        left: auto !important;
        top: auto !important;
        margin: 0 auto;
    }
}

.shangjialianmeng .solution .box li .item {
    padding: 0 2% 0 10%;
    min-height: 180px;
    border-radius: 20px;
    box-shadow: 0 0 24px rgba(229, 229, 229, 0.59);
}

.shangjialianmeng .solution .box li .title {
    padding: 10% 0;
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    .shangjialianmeng .solution .box li .title {
        font-weight: bold;
    }

    .shangjialianmeng .solution .box li .txt {
        color: #808080;
        font-size: 14px;
        line-height: 22px;
    }
}

.shangjialianmeng .solution .box li:nth-child(1) {
    left: 20%;
    top: 100px;
}

.shangjialianmeng .solution .box li:nth-child(2) {
    right: 20%;
    top: 100px;
}

.shangjialianmeng .solution .box li:nth-child(3) {
    left: 9%;
    top: 347px;
}

.shangjialianmeng .solution .box li:nth-child(4) {
    right: 9%;
    top: 347px;
}

.shangjialianmeng .solution .box li:nth-child(5) {
    left: 21%;
    top: 600px;
}

.shangjialianmeng .solution .box li:nth-child(6) {
    right: 23%;
    top: 638px;
}




/* 营销推广 */

.marketing {
    background: #fff;
}

.marketing .common-banner {
    background: url('../images/marketing_banner.png') no-repeat center center/cover;
}

.marketing .seo {
    overflow: hidden;
}

.marketing .seo .box {
    padding: 120px 0 150px;
}

.marketing .seo .box .zimu {
    position: absolute;
    left: 0%;
    bottom: 20%;
    width: 80%;
}

.marketing .seo .box li {
    display: inline-block;
    width: 23%;
    height: 320px;
    text-align: center;
    margin-right: 14%;
}

.marketing .seo .box li:nth-child(3n) {
    margin-right: 0%;
}

.marketing .seo .box li .icon {
    width: 133px;
    height: 133px;
    margin: 0 auto;
}

.marketing .seo .box li:hover .icon {
    -webkit-animation: tiaodong2 1s linear;
    animation: tiaodong2 1s linear;
}

.marketing .seo .box li .title {
    font-size: 18px;
    /*font-weight: bold;*/
    padding-bottom: 15px;
}

.marketing .seo .box li .txt {
    color: #808080;
}

.marketing .seo .box dl .txt-box {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}

.marketing .seo .box dl .txt-box .title {
    font-size: 32px;
    /*font-weight: bold;*/
    line-height: 60px;
    padding-bottom: 40px;
}

.marketing .seo .box dl .txt-box .txt {
    line-height: 32px;
    padding: 0 20% 20px 0;
    color: #808080;
}

.marketing .seo .box dl {}

.marketing .seo .box dl .pic-box {
    display: inline-block;
    vertical-align: middle;
    width: 48%;
    height: 560px;
}

.marketing .seo .box dl .pic-box .pic {
    position: absolute;
    width: 57%;
    overflow: hidden;
}

.marketing .seo .box dl .pic-box .pic:hover {
    z-index: 1;
}

.marketing .seo .box dl .pic-box .pic img {
    transform: scale(.99999);
    transition: all .3s;
}

.marketing .seo .box dl .pic-box .pic:hover img {
    transform: scale(1.005);
}

.marketing .seo .box dl .pic-box .pic:nth-child(1) {
    left: 0%;
    top: 0%;
}

.marketing .seo .box dl .pic-box .pic:nth-child(2) {
    right: 0%;
    top: 20%;
}

.marketing .seo .box dl .pic-box .pic:nth-child(3) {
    left: 9%;
    bottom: -4%;
}

/* SEM广告投放 */

.marketing .SEM {
    overflow: hidden;
    padding-bottom: 100px;
}

.marketing .SEM .banner {
    height: 500px;
    background: url('../images/marketing_sem_banner.png') no-repeat center center/cover;
}

.marketing .SEM .banner .title {
    padding: 180px 0 60px;
    color: #fff;
    font-size: 32px;
    text-align: center;
}

.marketing .SEM .banner .btn {
    display: block;
    margin: 0 auto;
    width: 230px;
    height: 60px;
    line-height: 60px;
    border-radius: 2px;
    background: #fff;
    text-align: center;
    color: #ff502b;
    font-size: 20px;
}

.marketing .SEM .banner .btn:hover {
    background: #f86b02;
    color: #fff;
}

.marketing .SEM .img-txt {
    margin-top: 136px;
}

.marketing .SEM .img-txt .pic {
    width: 580px;
    height: 570px;
    overflow: hidden;
    position: relative;
}

.marketing .SEM .img-txt .pic:hover {
    /* z-index: 1; */
}

.marketing .SEM .img-txt .pic img {
    transition: all .8s;
}

.marketing .SEM .img-txt .pic:hover img {
    transform: scale(1.01);
}

.marketing .SEM .img-txt .txt-box {
    position: absolute;
    right: 0%;
    top: 5%;
    width: 48%;
    min-width: 500px;
    background: #fff;
    box-shadow: 0 0 20px #e8e8e8;
    padding: 0 5% 5%;
}

.marketing .SEM .img-txt .txt-box .title {
    padding: 4% 0 3%;
    font-size: 32px;
    /*font-weight: bold;*/
    line-height: 60px;
}

.marketing .SEM .img-txt .txt-box .txt {
    line-height: 32px;
    color: #808080;
}

.marketing .SEM .img-txt .zimu {
    position: absolute;
    top: 4%;
    right: -5%;
    width: 7%;
}

/* 网站建设 */

.website {
    background: #fff;
}

.website .common-banner {
    background: url('../images/website_banner.png') no-repeat center top/cover;
}

/* 网站定制的优势 */

.website .youshi .box {
    margin-top: 90px;
}

.website .youshi .box li {
    display: inline-block;
    width: 19%;
    padding: 0 2%;
    height: 300px;
    border: 1px solid #e5e5e5;
    margin-right: 2%;
    text-align: center;
    color: #999999;
    line-height: 22px;
    vertical-align: middle;
}

.website .youshi .box li:nth-child(4n) {
    margin-right: 0%;
}

.website .youshi .box li .icon {
    width: 50%;
    margin: 60px auto 25px;
}

.website .youshi .box li .title {
    font-size: 18px;
    line-height: 24px;
    padding-bottom: 15px;
    font-weight: bold;
    color: #333;
}

.website .youshi .box li:hover {
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.07);
}

.website .youshi .box li:hover .icon {
    margin: 30px auto 15px;
}

.website .youshi .box li:hover .icon>img:nth-child(1) {
    display: none;
}

.website .youshi .box li:hover .icon>img:nth-child(2) {
    display: block;
}

.website .youshi .box li:hover .txt {
    display: block;
}

/* 服务范围 */

.website .fwfanwei .box {
    margin-top: 65px;
    padding-bottom: 166px;
}

.website .fwfanwei .box li {
    background: #f2f2f2;
    margin-bottom: 110px;
    text-align: center;
}

.website .fwfanwei .box li:last-child {
    margin-bottom: 0px;
}

.website .fwfanwei .box li>div {
    display: inline-block;
    vertical-align: middle;
}

.website .fwfanwei .box li .txt-box {
    width: 45%;
}

.website .fwfanwei .box li .txt-box .title {
    font-size: 30px;
    padding: 25px 0;
}

.website .fwfanwei .box li .txt-box .txt {
    color: #808080;
    line-height: 24px;
    padding: 25px 0;
}

.website .fwfanwei .box li .pic {
    width: 54%;
    overflow: hidden;
}

.website .fwfanwei .box li .pic img {
    transition: all .8s;
}

.website .fwfanwei .box li .pic img:hover {
    transform: scale(1.015);
}

/*  强大的研发实力，安全稳定可靠的系统支持 */

.website .jishu {
    height: 945px;
    background: url('../images/website_jishu_banner.png') no-repeat center top/auto auto;
    padding-bottom: 94px;
}

.website .jishu .top-icon {
    position: absolute;
    left: 0%;
    right: 0%;
    top: -50px;
    margin: 0 auto;
    width: 100px;
}

.website .jishu .title-box .title,
.website .jishu .title-box .title2 {
    color: #fff;
}

.website .jishu .box .pic {
    position: absolute;
    right: 0%;
    top: -59%;
    width: 39%
}

.website .jishu .box .left-num-box {
    width: 500px;
    height: 350px;
    text-align: center;
    color: #fff;
    margin-top: 139px;
}

.website .jishu .box .left-num-box li {
    position: relative;
    display: inline-block;
    width: 49.5%;
    height: 175px;
    overflow: hidden;
}

.website .jishu .box .left-num-box li:nth-child(1)::after {
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 2px;
    height: 127px;
    background: rgba(212, 217, 224, .5);
}

.website .jishu .box .left-num-box li:nth-child(1)::before {
    content: '';
    position: absolute;
    left: 5%;
    bottom: 0px;
    width: 194px;
    height: 2px;
    background: rgba(212, 217, 224, .5);
}

.website .jishu .box .left-num-box li:nth-child(4)::after {
    content: '';
    position: absolute;
    right: 5%;
    top: 0px;
    width: 194px;
    height: 2px;
    background: rgba(212, 217, 224, .5);
}

.website .jishu .box .left-num-box li:nth-child(4)::before {
    content: '';
    position: absolute;
    left: 0%;
    bottom: 0px;
    width: 2px;
    height: 127px;
    background: rgba(212, 217, 224, .5);
}

.website .jishu .box .left-num-box li p:nth-child(1) {
    font-size: 56px;
}

.website .jishu .box .left-num-box li:nth-child(3) p:nth-child(1),
.website .jishu .box .left-num-box li:nth-child(4) p:nth-child(1) {
    margin-top: 50px;
}

.website .jishu .box .left-num-box li:nth-child(2) {
    margin-bottom: -2px;
}

.website .jishu .bottom-num-box {
    position: absolute;
    left: 0%;
    bottom: 0%;
    right: 0%;
    height: 247px;
    background: #fff;
    box-shadow: 5px 5px 30px #e8edfc;
    border-radius: 6px;
    text-align: center;
}

.website .jishu .bottom-num-box li {
    display: inline-block;
    width: 19%;
    margin-top: 80px;
    color: #808080;
}

.website .jishu .bottom-num-box li .p1 {
    font-size: 36px;
    color: #333;
    padding-bottom: 20px;
}

/* 服务流程 */

.website .fwliucheng {
    height: 700px;
}

.website .fwliucheng .box {
    margin-top: 100px;
}

.website .fwliucheng li {
    float: left;
    width: 12%;
    text-align: center;
    margin-right: 10%;
}

.website .fwliucheng li:last-child {
    margin-right: 0%;
}

.website .fwliucheng li .icon {
    width: 142px;
    margin: 0 auto;
}

.website .fwliucheng li:hover .icon {
    -webkit-animation: tiaodong2 1s linear;
    animation: tiaodong2 1s linear;
}

.website .fwliucheng li .title {
    font-size: 18px;
    padding-bottom: 15px;
}

.website .fwliucheng li .txt {
    line-height: 28px;
    /* text-align: left; */
}

.website .fwliucheng li:nth-child(2),
.website .fwliucheng li:nth-child(4) {
    margin-top: 130px;
}

/* 广告投放 */

.ad {}

.ad .common-banner {
    background: #fa835d;
    background: linear-gradient(to bottom, #feb070, #f64241);
}

.ad .common-banner dd {
    margin-top: 180px;
    margin-right: 0px;
}

.ad-pic-txt {
    background: #fff;
    padding: 100px 0;
    text-align: center;
}

.ad-pic-txt li>div {
    display: inline-block;
    vertical-align: middle;
}

.ad-pic-txt li .txt-box {
    width: 430px;
    text-align: left;
}

.ad-pic-txt li .pic-box {
    width: 40%;
}

.ad-pic-txt li>div:nth-child(2n) {
    margin-left: 16%;
}

.ad-pic-txt li .txt-box .title {
    font-size: 28px;
    line-height: 38px;
}

.ad-pic-txt li .txt-box .txt {
    color: #808080;
    line-height: 19px;
    padding-top: 35px;
}

/* 全行业资深广告服务团队 */

.ad-fw-team {
    margin-bottom: 120px;
}

.ad-fw-team .box {
    margin-top: 110px;
}

.ad-fw-team .box li {
    position: relative;
    display: inline-block;
    width: 24%;
    margin-right: .9%;
    color: #fff;
    text-align: center;
}

.ad-fw-team .box li:nth-child(4n) {
    margin-right: 0%;
}

.ad-fw-team .box li .meng {
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    margin: 0 auto;
    height: 100%;
    background: rgba(251, 130, 92, 0);
    padding: 0 5%;
}

.ad-fw-team .box li .title {
    padding-top: 50%;
    font-size: 26px;
    line-height: 38px;
}

.ad-fw-team .box li .txt {
    line-height: 32px;
    display: none;
    padding-top: 10%;
}

.ad-fw-team .box li:hover .meng {
    background: rgba(251, 130, 92, .8);
}

.ad-fw-team .box li:hover .title {
    padding-top: 20%;
}

.ad-fw-team .box li:hover .txt {
    display: block;
}

/*预约您的专属广告营销顾问*/

.ad-guwen {
    height: 530px;
    background: #f7574a;
}

.ad-guwen .title-box .title {
    color: #fff;
}

.ad-guwen .box .p-ipn {
    padding: 75px 0 97px;
    text-align: center;
}

.ad-guwen .box .p-ipn input {
    display: inline-block;
    width: 35%;
    height: 60px;
    line-height: 60px;
    background: none;
    border-radius: 8px;
    border: 1px solid #fff;
    text-indent: 33px;
    color: #fff;
    margin: 0 5%;
    font-size: 18px;
}

.ad-guwen .box .p-ipn input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: rgba(255, 255, 255, .9);
}

.ad-guwen .box .p-ipn input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(255, 255, 255, .9);
}

.ad-guwen .box .p-ipn input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(255, 255, 255, .9);
}

.ad-guwen .box .btn {
    width: 290px;
    height: 72px;
    line-height: 72px;
    background: #fff;
    border-radius: 8px;
    color: #f7574a;
    font-size: 30px;
    margin: 0 auto;
    text-align: center;
    cursor: pointer;
}

.ad-guwen .box .btn:hover {
    background: rgba(255, 255, 255, .9);
}

/* APP定制 */

.app .common-banner {
    background: url('../images/banner.png') no-repeat center top/cover;
}

.app .common-banner dd {
    margin-top: 143px;
    margin-right: 0px;
}

/* 哪些行业需要做APP */

.app-hangye {
    height: 890px;
    background: #fff;
}

.app-hangye .box {
    margin-top: 90px;
}

.app-hangye .box li {
    float: left;
    width: 19.8%;
    height: 250px;
    border-right: 1px solid #e5e5e5;
    text-align: center;
}

.app-hangye .box li:nth-child(5n) {
    border-right: 0;
}

.app-hangye .box li:nth-child(1),
.app-hangye .box li:nth-child(2),
.app-hangye .box li:nth-child(3),
.app-hangye .box li:nth-child(4),
.app-hangye .box li:nth-child(5) {
    border-bottom: 1px solid #e5e5e5;
}

.app-hangye .box li .icon {
    width: 74px;
    height: 74px;
    margin: 65px auto 30px;
}

.app-hangye .box li:hover .icon {
    -webkit-animation: tiaodong2 1s linear;
    animation: tiaodong2 1s linear;
}

.app-hangye .box li .title {
    font-size: 18px;
    color: #666;
}

.app-hangye .box li:hover {
    box-shadow: 0px 0px 12px rgba(57, 57, 57, .08);
}

/* 优秀案例 */

.app-case {
    height: 1154px;
    background: #f7f8fc;
}

.app-case .box {
    margin-top: 60px;
}

.app-case .box li {
    position: relative;
    display: inline-block;
    width: 386px;
    height: 320px;
    margin-right: 15px;
    margin-bottom: 46px;
    border-radius: 6px;
    overflow: hidden;
}

.app-case .box li:nth-child(3n) {
    margin-right: 0px;
}

.app-case .box li .meng {
    position: absolute;
    left: 0%;
    right: 0%;
    top: 0%;
    height: 100%;
    margin: 0 auto;
    background: rgba(255, 255, 255, .92);
    text-align: center;
    display: none;
}

.app-case .box li:hover {
    box-shadow: 0 0 33px rgba(248, 107, 2, 0.08);
}

.app-case .box li:hover .meng {
    display: block;
}

.app-case .box li .meng .title {
    font-size: 26px;
    color: #2958da;
    margin: 120px auto 30px;
}

.app-case .box li .meng .btn {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    width: 125px;
    height: 40px;
    line-height: 40px;
    background: #2958da;
}

.app-case .box li .meng .btn:hover {
    background: #f86b02;
}

.app-case .box .bottom-btn {
    font-size: 18px;
    color: #fff;
    display: block;
    width: 125px;
    height: 40px;
    line-height: 40px;
    background: #2958da;
    margin: 70px auto 0;
    text-align: center;
    cursor: pointer;
}

.app-case .box .bottom-btn:hover {
    background: #f86b02;
}

/* 我们的优势 */

.app-youshi {
    height: 590px;
    background: url('../images/youshi_bg.png') no-repeat center top/cover;
}

.app-youshi .box {
    margin-top: 68px;
}

.app-youshi .box li {
    display: inline-block;
    width: 397px;
    height: 130px;
    margin-bottom: 20px;
}

.app-youshi .box li:hover {
    background: rgba(255, 255, 255, .8);
    box-shadow: 0 0 30px rgba(0, 0, 0, .05);
}

.app-youshi .box li .icon {
    display: inline-block;
    width: 46px;
    height: 46px;
    vertical-align: top;
    margin: 17px 0 0 24px;
}

.app-youshi .box li .txt-box {
    display: inline-block;
    vertical-align: top;
    width: 280px;
    margin-left: 20px;
    margin-top: 17px;
}

.app-youshi .box li .txt-box .title {
    font-size: 18px;
    position: relative;
    padding-bottom: 30px;
}

.app-youshi .box li .txt-box .title::after {
    content: '';
    position: absolute;
    left: 0%;
    top: 33px;
    width: 40px;
    height: 2px;
    background: #2958da;
}

.app-youshi .box li .txt-box .txt {
    color: #808080;
    opacity: .54;
}

/* APP开发的流程 */

.app-kflc {
    height: 1000px;
    background: #fff;
}

.app-kflc .box {
    margin-top: 47px;
    background: url('../images/kflc_bg.png') no-repeat center 55px/auto;
}

.app-kflc .box li {
    display: inline-block;
    width: 252px;
    height: 320px;
    margin-right: 4.5%;
    vertical-align: top;
    margin-bottom: 70px;
}

.app-kflc .box li:nth-child(4n) {
    margin-right: 0%;
}

.app-kflc .box li .icon {
    width: 146px;
    height: 147px;
    margin: 0 auto;
}

.app-kflc .box li:hover .icon {
    -webkit-animation: tiaodong2 1s linear;
    animation: tiaodong2 1s linear;
}

.app-kflc .box li .title {
    font-size: 18px;
    padding: 5px 0 15px;
    text-align: center;
}

.app-kflc .box li .txt-box {
    height: 128px;
    background: url('../images/kflc_bg2.png') no-repeat center center/100% 100%;
}

.app-kflc .box li .txt-box p {
    padding: 50px 24px 0;
    font-size: 16px;
    color: #666;
}

/* 公众号开发 */

.gzh {
    background: #fff;
}

.gzh .common-banner {
    background: url('../images/gzh_banner.png') no-repeat center top/cover;
}

/* 丰富的微信公众号开发经验 */

.gzh-jingyan {
    height: 600px;
}

.gzh-jingyan .box {
    margin-top: 50px;
}

.gzh-jingyan .box li {
    display: inline-block;
    vertical-align: top;
    width: 296px;
    height: 322px;
    border-right: 1px solid #dddddd;
    text-align: center;
}

.gzh-jingyan .box li:last-child {
    border-right: 0;
}

.gzh-jingyan .box li .icon {
    width: 133px;
    margin: 0 auto;
}

.gzh-jingyan .box li:hover .icon {
    -webkit-animation: tiaodong2 1s linear;
    animation: tiaodong2 1s linear;
}

.gzh-jingyan .box li .title {
    font-size: 20px;
    line-height: 30px;
    padding: 15px 0 30px;
}

.gzh-jingyan .box li .txt {
    line-height: 20px;
    color: #808080;
    padding: 0 40px;
}

/* 微信公众平台6大特色功能开发 */
.gzh-tese {
    height: 1105px;
    background: url("../images/tese_bg.png") no-repeat top center/cover;
}

.gzh-tese .title-box .title,
.gzh-tese .title-box .title2 {
    color: #fff;
}

.gzh-tese .box {
    margin-top: 60px;
}

.gzh-tese .box li {
    display: inline-block;
    width: 386px;
    margin-right: 15px;
    text-align: center;
    vertical-align: top;
}

.gzh-tese .box li:nth-child(3n) {
    margin-right: 0px;
}

.gzh-tese .box li .item {
    position: relative;
    width: 100%;
    height: 320px;
    border-radius: 6px;
    box-shadow: 0 0 23px rgba(171, 171, 171, 0.34);
    overflow: hidden;
}

.gzh-tese .box li>p.txt {
    font-size: 20px;
    line-height: 26px;
    color: #ffff;
    padding: 35px 0;
}

.gzh-tese .box li .meng {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    margin: 0 auto;
    background: rgba(255, 255, 255, .92);
    opacity: 0;
    transition: all .3s;
}

.gzh-tese .box li .meng:hover {
    opacity: 1;
}

.gzh-tese .box li .meng p.txt {
    padding: 60px 60px 0;
    line-height: 26px;
}

.gzh-tese .box li .meng .btn {
    position: absolute;
    left: 0%;
    right: 0%;
    bottom: 40px;
    margin: 0 auto;
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background: #2a59da;
}

.gzh-tese .box li .meng .btn:hover {
    background: #f86b02;
}

/* 涵盖宽广的服务领域 */

.gzh-fuwulingyu {
    height: 915px;
    background: #fff;
}

.gzh-fuwulingyu .box {
    margin-top: 93px;
}

.gzh-fuwulingyu .box li {
    float: left;
    width: 19.8%;
    height: 250px;
    border-right: 1px solid #e5e5e5;
    text-align: center;
}

.gzh-fuwulingyu .box li:nth-child(5n) {
    border-right: 0;
}

.gzh-fuwulingyu .box li:nth-child(1),
.gzh-fuwulingyu .box li:nth-child(2),
.gzh-fuwulingyu .box li:nth-child(3),
.gzh-fuwulingyu .box li:nth-child(4),
.gzh-fuwulingyu .box li:nth-child(5) {
    border-bottom: 1px solid #e5e5e5;
}

.gzh-fuwulingyu .box li .icon {
    width: 70px;
    height: 70px;
    margin: 65px auto 15px;
}

.gzh-fuwulingyu .box li:hover .icon {
    -webkit-animation: tiaodong2 1s linear;
    animation: tiaodong2 1s linear;
}

.gzh-fuwulingyu .box li .title {
    font-size: 18px;
    color: #666;
}

.gzh-fuwulingyu .box li:hover {
    box-shadow: 0px 0px 12px rgba(57, 57, 57, .08);
}

.gzh-fuwulingyu .box li .txt {
    display: none;
    color: #808080;
    font-size: 12px;
    padding-top: 26px;
}

.gzh-fuwulingyu .box li:hover .txt {
    display: block;
}

/*让您的微信公众平台与众不同*/

.gzh-yuzhongbutong {
    height: 620px;
    background: #f7f8fc;
}

.gzh-yuzhongbutong .box-out {
    background: #2e2e2e;
    height: 396px;
    margin-top: 65px;
}

.gzh-yuzhongbutong .box li {
    position: relative;
    float: left;
    width: 20%;
    height: 396px;
    text-align: center;
}

.gzh-yuzhongbutong .box li .meng {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    margin: 0 auto;
    background: rgba(41, 88, 218, 0);
}

.gzh-yuzhongbutong .box li:hover .meng {
    background: rgba(41, 88, 218, .14);
}

.gzh-yuzhongbutong .box li .meng .icon {
    width: 60px;
    margin: 140px auto 50px;
}

.gzh-yuzhongbutong .box li:hover .meng .icon {
    margin: 98px auto 30px;
    -webkit-animation: tiaodong2 1s linear;
    animation: tiaodong2 1s linear;
}

.gzh-yuzhongbutong .box li .meng .title {
    font-size: 18px;
    color: #fff;
}

.gzh-yuzhongbutong .box li .meng .txt {
    padding-top: 22px;
    font-size: 12px;
    color: #9f9f9f;
    line-height: 24px;
    display: none;
}

.gzh-yuzhongbutong .box li:hover .meng .txt {
    display: block;
}

.gzh .contact {
    background: #fcf9f6;
}

/*商务合作*/

.swhz .common-banner {
    background: url("../images/swhz_banner.png") no-repeat top center/cover;
}

.swhz-hezuoleixing {
    height: 763px;
}

.swhz-hezuoleixing .box {
    margin-top: 110px;
}

.swhz-hezuoleixing .box li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 288px;
    height: 360px;
    margin-right: 10px;
    color: #fff;
    text-align: center;
}

.swhz-hezuoleixing .box li:last-child {
    margin-right: 0px;
}

.swhz-hezuoleixing .box li .meng {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    background: rgba(41, 88, 218, 0);
}

.swhz-hezuoleixing .box li:hover .meng {
    background: rgba(41, 88, 218, .8);
}

.swhz-hezuoleixing .box li .meng .icon {
    width: 55px;
    margin: 105px auto 65px;
}

.swhz-hezuoleixing .box li:hover .meng .icon {
    margin: 55px auto 25px;
}

.swhz-hezuoleixing .box li .meng .title {
    position: relative;
    font-size: 26px;
}

.swhz-hezuoleixing .box li .meng .title::after {
    content: '';
    position: absolute;
    left: 0%;
    right: 0%;
    top: -30px;
    margin: 0 auto;
    width: 32px;
    height: 2px;
    background: #fff;
}

.swhz-hezuoleixing .box li:hover .meng .title::after {
    display: none;
}

.swhz-hezuoleixing .box li .meng .txt {
    line-height: 32px;
    padding: 20px 20px;
    display: none;
}

.swhz-hezuoleixing .box li:hover .meng .txt {
    display: block;
}

.swhz-hezuoleixing .box li .meng .btn {
    width: 122px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    border: 1px solid #fff;
    display: none;
    color: #fff;
}

.swhz-hezuoleixing .box li:hover .meng .btn {
    display: inline-block;
}

.swhz-hezuoleixing .box li .meng .btn:hover {
    background: #f86b02;
    border: 1px solid #f86b02;
}

/*软件伙伴*/

.swhz-ruanjianhuoban {
    height: 575px;
    background: #fff;
}

.swhz-ruanjianhuoban .box {
    margin-top: 110px;
}

.swhz-ruanjianhuoban .box li {
    display: inline-block;
    vertical-align: top;
    width: 565px;
    height: 184px;
    border: 1px solid #ececec;
}

.swhz-ruanjianhuoban .box li:nth-child(1) {
    margin-right: 60px;
}

.swhz-ruanjianhuoban .box li:hover {
    box-shadow: 0 0 13px rgba(142, 142, 142, 0.11);
    ;
}

.swhz-ruanjianhuoban .box li dl {
    padding: 0 33px;
}

.swhz-ruanjianhuoban .box li dt {
    display: inline-block;
    vertical-align: middle;
}

.swhz-ruanjianhuoban .box li dt .title {
    padding-top: 30px;
    font-size: 20px;
}

.swhz-ruanjianhuoban .box li dt .txt {
    padding: 21px 0 27px;
}

.swhz-ruanjianhuoban .box li dt .btn {
    display: inline-block;
    width: 112px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    color: #fff;
    background: #496ed9;
}

.swhz-ruanjianhuoban .box li dt .btn:hover {
    background: #f86b02;
}

.swhz-ruanjianhuoban .box li dd {
    width: 120px;
    height: 100px;
    overflow: hidden;
    float: right;
    margin-top: 45px;
}

/*电商伙伴*/

.swhz-dianshang {
    position: relative;
}

.swhz-dianshang .title-box {
    padding-bottom: 110px;
}

.swhz-dianshang .box-out {
    height: 1090px;
    background: #fff;
}

.swhz-dianshang .box .item:nth-child(1) {
    padding: 190px 0;
}

.swhz-dianshang .box .item>div {
    display: inline-block;
    vertical-align: middle;
}

.swhz-dianshang .box .item .pic-box {
    width: 228px;
}

.swhz-dianshang .box .item .pic-box .title {
    font-size: 28px;
    padding-top: 21px;
    text-align: center;
}

.swhz-dianshang .box .item .line {
    width: 282px;
}

.swhz-dianshang .box .item .txt-box {
    width: 260px;
    font-size: 20px;
    margin-left: 15px;
}

.swhz-dianshang .box .item:nth-child(1) .txt-box {
    height: 280px;
}

.swhz-dianshang .box .item:nth-child(1) .txt-box p {
    padding-bottom: 99px;
}

.swhz-dianshang .box .item:nth-child(2) .txt-box {
    height: 310px;
}

.swhz-dianshang .box .item:nth-child(2) .txt-box p {
    padding-bottom: 66px;
}

.swhz-dianshang .box .item .arrows {
    width: 120px;
}

.swhz-dianshang .box .item .btn {
    width: 130px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    background: #496ed9;
    cursor: pointer;
    margin-left: 60px;
}

.swhz-dianshang .box .item .btn:hover {
    background: #f86b02;
}

.swhz-dianshang .box .item .btn a {
    color: #fff;
}

/*广告媒体伙伴*/

.swhz-ggmt {}

.swhz-ggmt .box {
    margin-top: 180px;
}

.swhz-ggmt .box li {
    height: 590px;
}

.swhz-ggmt .box li:nth-child(2) {
    background: #fff;
}

.swhz-ggmt .box li .item>div {
    display: inline-block;
    vertical-align: middle;
}

.swhz-ggmt .box li .pic {
    width: 493px;
    margin-top: 74px;
}

.swhz-ggmt .box li:nth-child(2) .pic {
    width: 422px;
}

.swhz-ggmt .box li .txt-box {
    width: 330px;
}

.swhz-ggmt .box li .item>div:nth-child(2) {
    margin-left: 277px;
}

.swhz-ggmt .box li .item .title {
    color: #7b9fff;
    font-size: 40px;
}

.swhz-ggmt .box li .item .txt {
    font-size: 20px;
    padding: 40px 0 60px;
    line-height: 30px;
}

.swhz-ggmt .box li .item .btn {
    display: inline-block;
    font-size: 22px;
    width: 151px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    color: #496ed9;
    border: 1px solid #496ed9;
}

.swhz-ggmt .box li .item .btn:hover {
    color: #fff;
    border: 1px solid #f86b02;
    background: #f86b02;
}

/*h5营销活动*/

.h5 {
    background: #fff;
}

.h5 .common-banner {
    background: url("../images/h5_banner.png") no-repeat top center/cover;
}

.h5 .common-banner dd {
    margin-right: 85px;
}

.h5-box-1 {
    height: 800px;
}

.h5-box-1 .box {
    margin-top: 90px;
}

.h5-box-1 .box .txt-box {
    display: inline-block;
    vertical-align: top;
    width: 435px;
}

.h5-box-1 .box .txt-box .title {
    font-size: 30px;
    line-height: 50px;
}

.h5-box-1 .box .txt-box .txt {
    line-height: 32px;
    color: #808080;
    padding: 25px 0 35px;
}

.h5-box-1 .box .txt-box .btn {
    display: inline-block;
    width: 180px;
    height: 56px;
    line-height: 56px;
    color: #fff;
    background: #2a59da;
    text-align: center;
    font-size: 20px;
}

.h5-box-1 .box .txt-box .btn:hover {
    background: #f86b02;
}

.h5-box-1 .box .pic {
    width: 697px;
    float: right;
}

/*搭建高性价比的移动手机站*/

.h5-box-2 {
    height: 890px;
    background: #fff url("../images/h5_box_2_bg.png") no-repeat center center/cover;
}

.h5-box-2 .title-box .title,
.h5-box-2 .title-box .title2 {
    color: #fff;
}

.h5-box-2 .box {
    margin-top: 80px;
}

.h5-box-2 .box ul {
    overflow: hidden;
}

.h5-box-2 .box li {
    float: left;
    position: relative;
    vertical-align: top;
    width: 350px;
    height: 110px;
    color: #fff;
    margin-right: 20px;
    margin-bottom: 95px;
    padding-left: 34px;
}

.h5-box-2 .box li:nth-child(3n) {
    margin-right: 0px;
}

.h5-box-2 .box li::after {
    content: '';
    position: absolute;
    left: 0%;
    top: 0%;
    width: 4px;
    height: 100%;
    background: #fff;
}

.h5-box-2 .box li .title {
    font-size: 20px;
    padding-bottom: 10px;
}

.h5-box-2 .box li .txt {
    line-height: 24px;
    color: rgba(255, 255, 255, .6);
}

.h5-box-2 .box .btn {
    display: block;
    width: 230px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    background: #2a59da;
    cursor: pointer;
    font-size: 20px;
}

.h5-box-2 .box .btn:hover {
    background: #f86b02;
}

/*虎超H5定制好处多*/

.h5-box-3 {
    height: 924px;
}

.h5-box-3 .box {
    padding-top: 150px;
}

.h5-box-3 .txt-box {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 458px;
    margin-right: 5%;
}

.h5-box-3 .txt-box .title {
    font-size: 32px;
    line-height: 60px;
}

.h5-box-3 .txt-box .txt {
    line-height: 32px;
    color: #808080;
}

.h5-box-3 .pic {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 660px;
    height: 600px;
}

.h5-box-3 .pic .pic-1 {
    float: right;
    width: 417px;
    height: 600px;
    overflow: hidden;
}

.h5-box-3 .pic .pic-2 {
    position: absolute;
    left: 0%;
    top: 30%;
    width: 353px;
    overflow: hidden;
}

.h5-box-3 .pic img {
    transition: all .8s;
    transform: scale(1);
}

.h5-box-3 .pic>div img:hover {
    transform: scale(1.03);
}

.h5-box-3 .zimu {
    position: absolute;
    left: 0%;
    bottom: 0%;
    width: 960px;
}

.h5 .contact {
    background: #fcf9f6;
}

/*标签展开页*/

.tagPage {
    background: #fff;
}

.tagPage .header {
    background: rgba(0, 0, 0, 0.4) !important;
}

.tag-box {
    margin-top: 60px;
}

.tag-box .item .title {
    padding: 30px 0;
    font-size: 22px;
}

.tag-box .item a {
    display: inline-block;
    padding: 12px 17px;
    border-radius: 2px;
    background: #f7f8fc;
    text-align: center;
    color: #808080;
    margin: 0 20px 20px 0;
}

.tag-box .item a:hover {
    background: #2a59da;
    color: #fff;
}