@charset "utf-8";
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    direction: ltr;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-transform: translate3d(0px, 0, 0);
    -webkit-transition-timing-function: ease;
    -moz-transition-property: -moz-transform, left, top;
    -moz-transition-duration: 0s;
    -moz-transform: translate3d(0px, 0, 0);
    -moz-transition-timing-function: ease;
    -o-transition-property: -o-transform, left, top;
    -o-transition-duration: 0s;
    -o-transform: translate3d(0px, 0, 0);
    -o-transition-timing-function: ease;
    -o-transform: translate(0px, 0px);
    -ms-transition-property: -ms-transform, left, top;
    -ms-transition-duration: 0s;
    -ms-transform: translate3d(0px, 0, 0);
    -ms-transition-timing-function: ease;
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0px, 0, 0);
    transition-timing-function: ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-slide {
    float: left;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
}

body {
    padding: 0;
    margin: 0;
    font-family: "Microsoft YaHei";
    background-color: #fff;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    min-width: 1400px;
    overflow-x: hidden;
    font-size: 14px;
}

header,
section,
footer,
aside,
nav,
main,
article,
figure {
    display: block;
    margin: 0;
    padding: 0;
}

input,
button {
    font-family: "Helvetica,Pingfang SC,STHeiti,Verdana,Arial,Tahoma,sans-serif", "Microsoft YaHei";
}

button {
    cursor: pointer;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

em {
    font-style: normal;
}

span,
a {
    text-decoration: none;
}

ul,
li,
p,
dl,
dt,
dd,
td,
tr,
td,
th,
tt,
b,
img {
    list-style: none;
    padding: 0;
    margin: 0;
    border: none;
}

td,
th {
    display: table-cell;
    vertical-align: inherit;
}

img {
    /*vertical-align: top;*/
    border: 0 none;
    padding: 0;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: normal;
    padding: 0;
    margin: 0;
}

em,
i {
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    outline: none;
    list-style: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
}

.clear {
    clear: both;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
    color: #4d4c4c;
    font-size: 16px;
}


/*title 开始*/

.title {
    text-align: center;
}

.title h1 {
    font-size: 36px;
    color: #3e464c;
    margin-top: 55px;
    margin-bottom: 30px;
    font-size: 36px;
    color: #454545;
    font-weight: bold;
}

.title h2 {
    font-size: 32px;
    color: #3e464c;
    margin-top: 55px;
    margin-bottom: 30px;
}

.title h3 {
    font-size: 16px;
    color: #a1a6ab;
    margin-bottom: 45px;
}


/*title 结束*/


/*head*/

.g-topNav {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: transparent;
    border-bottom: 1px solid transparent;
    z-index: 999;
    transition: all 0.45s ease-in-out;
    
}

.g-topNav .wrapper {
    position: relative;
    width: 980px;
    height: 75px;
    margin: 0 auto;
}

.g-topNav .wrapper .m-topLogo {
    position: relative;
    top: 22.5px;
}

.g-topNav .wrapper .m-topNav {
    position: absolute;
    right: 50%;
    top: 0;
    margin-right: -327px;
}

.g-topNav .wrapper .m-login {
    position: absolute;
    right: 10px;
    top: 16px;
}

@media screen and (min-width: 1200px) {
    .g-topNav .wrapper {
        width: 1200px;
    }
}

.g-topNav .m-topLogo {
    width: 150px;
    height: 30px;
    background: url(../yximg/logo1.png) no-repeat;
    background-size: 150px auto;
    float: left;
}

.g-topNav .m-topLogo h1 {
    text-indent: -99999px;
}

.g-topNav.solid {
    background-color: #fff;
    border-bottom: 1px solid #f0f1f2;
    transition: all 0.5s ease-in-out;
    height: 75px;
}

.g-topNav.solid .m-topLogo {
    background: url(../yximg/logo2.png) no-repeat;
    background-size: 150px auto;
}

.g-topNav.solid .m-topNav .menu >li >a {
    color: #383838;
}

.g-topNav.solid .g-op .item-1 {
    color: #383838;
}

.g-topNav.solid .m-topNav .menu >li >a:hover {
    color: #3b8fea;
}

.g-topNav.solid .m-topNav .menu >li.z-sel>a {
    color: #3b8fea;
}

.g-topNav.solid .m-topNav .menu >li .panel .inner {
    border-top: 0;
    text-align: left;
}

.g-topNav.solid .m-topNav .menu >li .panel .list dd.z-sel a {
    color: #3b8fea;
}

.g-topNav.solid .m-topNav .menu >li .panel .list dd.z-sel a .u-iconfont {
    color: #3b8fea;
}

.g-topNav.solid .m-topNav .menu >li .panel .list a {
    color: #383838;
}

.g-topNav.solid .m-topNav .menu >li .panel .list a:hover {
    color: #3b8fea;
}

.g-topNav.solid .m-login .u-btn {
    transition: all 0.4s ease-out;
}

.g-topNav.solid .m-login .signup {
    background-color: #49a0f5;
    border: 1px solid #49a0f5;
    color: #fff;
    transition: all 0.4s ease-out;
}

.g-topNav.solid .m-login .signup:hover {
    background-color: #237ed9;
    border: 1px solid #237ed9;
    color: #fff;
}

.g-topNav.solid .m-login .signin {
    background-color: transparent;
    border: 1px solid #505050;
    color: #383838;
    transition: all 0.4s ease-out;
}

.g-topNav.solid .m-login .signin:hover {
    background-color: #f4f6f8;
    border: 1px solid #808080;
    color: #383838;
}

.g-topNav.moveDown {
    top: 0;
    transition: all 0.45s ease-in-out;
}

/*临时用法*/
.m-topNav .menu {
    *zoom: 1;
    -webkit-user-select: none;
    user-select: none;
}

.m-topNav .menu:before,
.m-topNav .menu:after {
    display: table;
    content: "";
    line-height: 0;
}

.m-topNav .menu:after {
    clear: both;
}

.m-topNav .menu >li {
    float: left;
    height: 75px;
}

@media screen and (min-width: 1200px) {
    .m-topNav .menu >li {
        padding: 0 10px;
    }
}

.m-topNav .menu >li >a {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    padding: 0 10px;
    height: 75px;
    font-size: 16px;
    line-height: 75px;
    color: #fff;
    border-bottom: 2px solid transparent;
    border-bottom: 0 \9;
    background-color: rgba(0, 0, 0, 0);
}

.m-topNav .menu >li >a:hover {
    color: #3b8fea;
    border-color: #3b8fea;
    border-bottom: 2px solid #3B8FEA\9;
}

.m-topNav .menu >li >a .u-icon-caret {
    display: none;
    margin-left: 5px;
}

.m-topNav .menu >li.z-sel>a {
    color: #3b8fea;
    border-color: #3b8fea;
}

.m-topNav .menu >li .panel {
    position: fixed;
    top: 75px;
    left: 0;
    right: 0;
    height: 120px;
    padding-top: 0;
    filter: alpha(opacity=0) \9;
    opacity: 0;
    transition-delay: 0.1s;
    transition-duration: 0.3s;
    z-index: -1;
    visibility: hidden;
    visibility: visible\9;
    display: none\9;
    background-color: #fff;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
}

.moveDown .m-topNav .menu >li .panel {
    top: 75px;
}

.m-topNav .menu >li .panel .inner {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    *zoom: 1;
    width: 980px;
    padding: 28px 0 37px 0;
    box-shadow: none;
    overflow: hidden;
    text-align: right;
}

.m-topNav .menu >li .panel .inner:before,
.m-topNav .menu >li .panel .inner:after {
    display: table;
    content: "";
    line-height: 0;
}

.m-topNav .menu >li .panel .inner:after {
    clear: both;
}

@media screen and (min-width: 1200px) {
    .m-topNav .menu >li .panel .inner {
        width: 1180px;
    }
}

.m-topNav .menu >li .panel .list {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
}

.m-topNav .menu >li .panel .list dd {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin-left: 65px;
    text-align: center;
    vertical-align: top;
}

.m-topNav .menu >li .panel .list dd:first-child {
    margin-left: 0;
}

.m-topNav .menu >li .panel .list dd em {
    font-weight: 400;
}

.m-topNav .menu >li .panel .list dd .txt {
    display: block;
    margin-top: 8px;
}

.m-topNav .menu >li .panel .list dd.z-sel a {
    color: #488bff;
}

.m-topNav .menu >li .panel .list dd.z-sel a .u-iconfont {
    color: #488bff;
}

@media screen and (min-width: 1200px) {
    .m-topNav .menu >li .panel .list dd {
        margin-left: 68px;
    }
}

.m-topNav .menu >li .panel .list a {
    display: block;
    font-size: 14px;
    line-height: 1.5;
    color: #383838;
    font-weight: 400;
    text-align: center;
}

.m-topNav .menu >li .panel .list a:not([href]) {
    cursor: default;
}

.m-topNav .menu >li .panel .list a:hover {
    color: #488bff;
}

.m-topNav .menu >li .panel .list a:hover:not([href]) {
    color: #383838 !important;
}

.m-topNav .menu >li .panel .list a:hover:not([href]) .u-iconfont {
    color: #383838;
}

.m-topNav .menu >li .panel .list a:hover .u-iconfont {
    color: #488bff;
}

.m-topNav .menu >li .panel.product {
    height: auto;
}

.m-topNav .menu >li .panel.product .inner {
    text-align: center;
}

.m-topNav .menu >li .panel.product .list {
    box-sizing: border-box;
    display: block;
    height: 60px;
    text-align: left;
    margin-left: 190px;
    margin-top: 30px;
}

.m-topNav .menu >li .panel.product .list:first-child {
    margin-top: 0;
}

@media screen and (min-width: 1200px) {
    .m-topNav .menu >li .panel.product .list {
        margin-left: 115px;
    }
}

.m-topNav .menu >li .panel.product .list dt {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    width: 90px;
    vertical-align: middle;
    font-size: 16px;
    color: #373d40;
    line-height: 60px;
    margin-right: -20px;
}

.m-topNav .menu >li .panel.product .list dd {
    vert-align: middle;
}

.m-topNav .menu >li .panel.solution .inner {
    text-align: left;
}

.m-topNav .menu >li .panel.solution .list {
    margin-left: 227px;
}

@media screen and (min-width: 1200px) {
    .m-topNav .menu >li .panel.solution .list {
        margin-left: 343px;
    }
}

.m-topNav .menu >li .panel.kehu .inner {
    text-align: center;
}

.m-topNav .menu >li .panel.price .inner {
    text-align: left;
}

.m-topNav .menu >li .panel.price .list {
    margin-left: 200px;
}

@media screen and (min-width: 1200px) {
    .m-topNav .menu >li .panel.price .list {
        margin-left: 286px;
    }
}

.m-topNav .menu >li .panel.qa .inner {
    text-align: right;
}

.m-topNav .menu >li .panel.qa .list {
    margin-right: 57px;
}

@media screen and (min-width: 1200px) {
    .m-topNav .menu >li .panel.qa .list {
        margin-right: 40px;
    }
}

.m-topNav .menu >li .panel.finance .inner {
    text-align: left;
}

.m-topNav .menu >li .panel.finance .list {
    margin-left: 250px;
}

@media screen and (min-width: 1200px) {
    .m-topNav .menu >li .panel.finance .list {
        margin-left: 326px;
    }
}

.m-topNav .menu >li:hover .panel {
    filter: alpha(opacity=100) \9;
    opacity: 1;
    transition-delay: 0.1s;
    transition-duration: 0.3s;
    z-index: 1;
    visibility: visible;
    display: block\9;
}

.m-topNav .menu >li.open .panel {
    filter: alpha(opacity=100) \9;
    opacity: 1;
    transition-delay: 0.1s;
    transition-duration: 0.3s;
    z-index: 1;
    visibility: visible;
    display: block\9;
}

.m-topNav .u-iconfont {
    display: inline-block;
    width: 32px;
    height: 32px;
    color: #383838;
}

.m-topNav .u-icon-nav {
    display: block;
    width: 38px;
    height: 38px;
    margin: 0 auto;
    background-size: 38px auto;
    background-repeat: no-repeat;
}

.g-firstSlide {
    position: relative;
    min-width: 1000px;
    background-color: #081238;
    overflow: hidden;
}

.g-topNav .g-op {
    color: #fff;
    font-size: 14px;
    height: 65px;
    line-height: 65px;
}

.g-topNav .g-op .ops-list {
    float: left
}

.g-topNav .g-op .user {
    float: right
}

.g-topNav .g-op .user.z-logreg .logreg {
    display: block
}

.g-topNav .g-op .user.z-account .logreg,
.g-topNav .g-op .user.z-logreg .account {
    display: none
}

.g-topNav .g-op .user.z-account .account {
    display: block;
    -webkit-animation: navusershow 0.4s both ease-out;
    -moz-animation: navusershow 0.4s both ease-out;
    animation: navusershow 0.4s both ease-out
}

.g-topNav .g-op .item {
    display: inline-block;
    line-height: 75px;
    text-align: center;
    cursor: pointer;
    margin-left: 22px;
    color: #fff;
    font-size: 14px;
}

.g-topNav .g-op .item-1:hover {
    color: #3b8fea
}

.g-topNav .g-op .item-2 {
    padding: 0 7px;
    background-color: #387ee8
}

.g-topNav .g-op .item-2:hover {
    background-color: #508de8
}


/*banner*/

.g-swiperNews {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.1);
    background-color: #6F6E78\9;
}

.g-section-times {
    background-color: #f5f6f7;
}

.m-swiper {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center;
    user-select: none;
    -webkit-user-select: none;
}

.m-swiper-main {
    height: 580px;
}

.m-swiper-main .swiper-slide {
    overflow: hidden;
}

.m-swiper-main .swiper-slide.view_left,
.m-swiper-main .swiper-slide.view_center {
    position: relative;
    text-align: center;
}

.m-swiper-main .swiper-slide.view_left .container,
.m-swiper-main .swiper-slide.view_center .container {
    position: relative;
    width: 980px;
    height: 100%;
    text-align: center;
    margin: 0 auto;
}

@media screen and (min-width: 1200px) {
    .m-swiper-main .swiper-slide.view_left .container,
    .m-swiper-main .swiper-slide.view_center .container {
        width: 1180px;
    }
}

.m-swiper-main .swiper-slide.view_left .group_info {
    position: relative;
    top: 150px;
    text-align: left;
    z-index: 2;
}

.m-swiper-main .swiper-slide.view_left .group_info .info_img .img {
    width: 585px;
}

.m-swiper-main .swiper-slide.view_left .group_info .inf_btns {
    margin-top: 15px;
	margin-left: 140px;
}

.m-swiper-main .swiper-slide.view_left .group_bg {
    position: absolute;
    right: -125px;
    top: 0;
    bottom: 0;
    text-align: right;
    z-index: 1;
}

.m-swiper-main .swiper-slide.view_left .group_bg .img {
    width: 100%;
    height: auto;
}

.m-swiper-main .swiper-slide.view_center .container {
    text-align: center;
}

.m-swiper-main .swiper-slide.view_center .group_info {
    position: relative;
    margin: 364px auto 0 auto;
    z-index: 2;
}

.m-swiper-main .swiper-slide.view_center .group_bg {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1;
}

.m-swiper-main .swiper-slide.view_center .group_bg .img {
    position: relative;
    left: -50%;
}

.m-swiper-main .swiper-slide .u-btn {
    padding: 11px 43px;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-radius: 2px;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.3;
    color: #383838;
}

.m-swiper-main .swiper-slide .u-btn +.u-btn {
    margin-left: 20px;
}

.m-swiper-main .swiper-slide .u-btn.btn-fill {
    color: #fff;
    background-color: #488bff;
    border-color: #488bff;
}

.m-swiper-main .swiper-slide .u-btn.btn-fill:hover {
    color: #fff;
    border-color: #3981ff;
    background-color: #3981ff;
}

.m-swiper-main .swiper-slide .u-btn.btn-outline {
    color: #fff;
    background-color: rgba(255, 255, 255, 0);
}

.m-swiper-main .swiper-slide .u-btn.btn-outline:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
}

.m-swiper-main .pagination {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    width: auto;
    bottom: 138px;
    padding: 5px 13px;
    padding-bottom: 3px;
    border-radius: 16px;
    text-align: center;
}

.m-swiper-main .swiper-pagination-switch {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    width: 6px;
    height: 6px;
    background: url(../yximg/pagination-pt@2x_0bac32cd85c5340e9e631681367c2963.png) no-repeat;
    background: url(../yximg/pagination-pt@1x_4aeea570701aed0d65b10d144a757b65.png) no-repeat\9;
    background-size: 6px 6px;
    border-radius: 2px;
    cursor: pointer;
    margin-left: 6px;
    margin-right: 6px;
}

.m-swiper-main .swiper-pagination-switch.swiper-active-switch {
    width: 24px;
    height: 6px;
    background: url(../yximg/pagination-ptc@2x_e17c2fbe260739e783d5a90b49d4dd4e.png) no-repeat;
    background: url(../yximg/pagination-ptc@1x_ec5651e35ad3446cc52134c5ac9e079d.png) no-repeat\9;
    background-size: 24px 6px;
}

.m-swiperNews {
    *zoom: 1;
    width: 980px;
    margin: 0 auto;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.m-swiperNews:before,
.m-swiperNews:after {
    display: table;
    content: "";
    line-height: 0;
}

.m-swiperNews:after {
    clear: both;
}

.m-swiperNews .list {
    display: table;
    table-layout: fixed;
    width: 100%;
    vertical-align: top;
    white-space: nowrap;
    text-align: left;
}

.m-swiperNews .list li {
    box-sizing: border-box;
    display: table-cell;
    padding: 27px 44px 27px 40px;
    text-align: left;
    color: #fff;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.m-swiperNews .list li:hover {
    background-color: rgba(255, 255, 255, 0.05);
}

.m-swiperNews .list li:first-child {
    border-left: 0;
}

.m-swiperNews .list li .list_pic {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 20px;
    text-align: center;
}

.m-swiperNews .list li .list_pic:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.m-swiperNews .list li .list_pic img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.m-swiperNews .list li .list_main {
    overflow: hidden;
}

.m-swiperNews .list li .list_main .list_main-title {
    font-size: 16px;
    line-height: 1.8;
    color: #fff;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.m-swiperNews .list li .list_main .list_main-desc {
    font-size: 14px;
    line-height: 1.8;
    color: #fff;
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.m-swiperNews .list li a {
    font-size: 14px;
    line-height: 35px;
    color: #fff;
}

.m-swiperNews .list li a:hover {
    color: #efefef;
    text-decoration: none;
}

.m-swiperNews .more {
    float: right;
    display: block;
    width: 50px;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    white-space: nowrap;
}

.m-swiperNews .more .gt {
    font-family: "WenQuanYi Micro Hei", sans-serif;
    font-size: 22px;
    line-height: 1;
    font-weight: 400;
    vertical-align: -2px;
    margin-left: 5px;
}

@media screen and (min-width: 1200px) {
    .m-swiperNews {
        width: 1200px;
    }
    .m-swiperNews .list li {
        width: 320px;
    }
}


/*产品 开始*/

.ind_part2 {
    padding-top: 30px;
    text-align: center;
}

.ind_part2 .pub_tit {
    background-color: #fff;
}

.ind_part2 .tabPro {
    width: 100%;
    margin-top: 25px;
    background-color: #fff;
}

.ind_part2 .tabPro .hd {
    width: 1200px;
    margin: 0 auto;
}

.tabPro .hd li {
    float: left;
    width: 33.3333333%;
    text-align: center;
    padding: 40px 0;
    cursor: pointer;
}

.tabPro .hd li.on {
    border-bottom: 2px solid #488bff;
}

.tabPro .hd li a {
    display: block;
    font-size: 18px;
    color: #666;
}

.tabPro .hd li.on a {
    color: #488bff;
    text-shadow: #666;
}

.tabPro .hd li .pro-icon {
    display: inline-block;
    width: 55px;
    height: 55px;
    display: block;
    margin: 0 auto 15px;
}

.tabPro .hd li .pro-icon.icon_1 {
    background: url(../yximg/pro_icon1.png) no-repeat center;
    background-size: 55px 55px;
}

.tabPro .hd li .pro-icon.icon_2 {
    background: url(../yximg/pro_icon2.png) no-repeat center;
    background-size: 55px 50px;
}

.tabPro .hd li .pro-icon.icon_3 {
    background: url(../yximg/pro_icon3.png) no-repeat center;
    background-size: 55px 43px;
}

.tabPro .hd li.on .pro-icon.icon_1 {
    background-image: url(../yximg/pro_icon1-on.png);
}

.tabPro .hd li.on .pro-icon.icon_2 {
    background-image: url(../yximg/pro_icon2-on.png);
}

.tabPro .hd li.on .pro-icon.icon_3 {
    background-image: url(../yximg/pro_icon3-on.png);
}

.ind_part2 .tabPro .bd {
    padding: 20px 86px 50px;
    background-color: #F7F7F7;
    height: 320px;
}

.ind_part2 .tabPro .conWrap {
    width: 1200px;
    margin: 0 auto;
}

.Micromall .mall_right dl dd:nth-child(4n) {
    margin-right: 0;
}

.Micromall .mall_right dl dd a .iconfont {
    font-size: 40px;
    color: #777;
}

.Micromall .mall_right dl dd a .name {
    display: block;
    margin-top: 7px;
    font-size: 14px;
    color: #999;
}

.Micromall .mall_right dl dd a {
    font-size: 16px;
    color: #333;
    display: block;
}

.Micromall .mall_right dl dd a img{
    margin-right: 8px;
    vertical-align: middle;
}

.Micromall .mall_right dl dd:hover a {
    color: #3ea0ff;
}

.Micromall .mall_right dl dd {
    margin-left: 80px;
    margin-top: 35px;
    width: 220px;
    height: 90px;
    text-align: left;
}

.Micromall .mall_right dl dd.fl1 {
    width: 400px;
}

.Micromall .mall_right dl dd.fl2 {
    width: 500px;
}

.Micromall .mall_right dl dd span {
    font-size: 14px;
    color: #a1a6ab;
    display: block;
    margin-top: 12px;
    line-height: 30px;
}


/*产品 结束*/


/*解决方案 开始*/

.ind_part3 {
    height: 600px;
    position: relative;
    padding-top: 0px;
}

.ind_part3 .bd .conWrap .con_bg {
    width: 100%;
    height: 600px;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.ind_part3 .title{
	text-align:center;
	position: absolute;
	margin:0 auto;
	width: 100%;
}

.ind_part3 .title h2 {
    margin-top: 0;
    padding-top: 55px;
    margin-bottom: 15px;
    color: #fff;
    position: relative;
    z-index: 9;
}

.ind_part3 .title h3 {
    color: rgba(255, 255, 255, .9);
    position: relative;
    z-index: 9;
}

.ind_part3 .pub_tit h5 {
    position: relative;
    z-index: 9;
    color: #fff;
}

.ind_part3 .tabSolution {
    width: 100%;
}

.tabSolution .hd {
    width: 200px;
    position: absolute;
    top: 180px;
    left: 50%;
    z-index: 99;
    margin-left: -535px;
}

.tabSolution .hd ul {
    padding-left: 40px;
}

.tabSolution .hd li {
    width: 100%;
    padding: 50px 0;
    border-right: 1px solid #b2b2b2;
    cursor: pointer;
    position: relative;
    top: -10px;
}

.tabSolution .hd li a {
    font-size: 18px;
    color: #fff;
}

.tabSolution .hd li a span img {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 48px;
    left: -42px;
    z-index: 99;
}

.tabSolution .hd li a span img.img2 {
    display: none;
}

.tabSolution .hd li.on a {
    color: #FFD903;
}

.tabSolution .hd li .dot {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: #ACACAC;
    border-radius: 50%;
    position: absolute;
    top: 54px;
    right: -8px;
    z-index: 99;
}

.tabSolution .hd li.on .dot {
    display: block;
    width: 22px;
    height: 22px;
    background-color: #FFD903;
    border: 3px solid #69520C;
    top: 52px;
    right: -10px;
    opacity: 1;
}

.tabSolution .hd li.on span .img2 {
    display: block;
}

.tabSolution .hd li.on span .img1 {
    display: none;
}

.tabSolution .bd {
    width: 100%;
    height: 668px;
}

.tabSolution .bd .conWrap {
    width: 100%;
    height: 100%;
}

.tabSolution .bd .conWrap .con_bg {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.tabSolution .bd .conWrap .solution_list_box {
    width: 835px;
    position: absolute;
    top: 155px;
    left: 50%;
    margin-left: -255px;
    z-index: 99;
}

.solution_list_box .solution-name {
    font-size: 16px;
    line-height: 16px;
    color: #fffefe;
}

.solution_list_box .item_name {
    font-size: 24px;
    font-weight: normal;
    color: #4091ff;
    padding: 45px 0 25px;
}

.solution_list_box .item_text {
    font-size: 16px;
    color: #fff;
    line-height: 200%;
}

.solution_list_box .btn_mfsy {
    display: block;
    margin: 20px 0 35px;
    width: 132px;
    text-align: center;
    height: 42px;
    line-height: 42px;
    background-color: #4091ff;
    border-radius: 3px;
    font-size: 16px;
    color: #fff;
}

.solution_list_box .btn_mfsy:hover {
    opacity: .9;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
}

.solution_list_box .shop_list {
    padding-top: 35px;
    border-top: 1px solid #f0f0f0;
}

.solution_list_box .shop_list dd {
    float: left;
    margin-right: 13px;
    padding-top: 15px;
}

.solution_list_box .shop_list dd:last-child {
    margin-right: 0;
}

.solution_list_box .shop_list dd a {
    display: block;
    width: 156px;
    height: 58px;
    overflow: hidden;
    box-sizing: border-box;
}

.solution_list_box .shop_list dd .img_box {
    width: 156px;
    height: 58px;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}

.solution_list_box .shop_list dd img {
    display: block;
    width: 156px;
    height: 58px;
    margin: 0 auto;
    vertical-align: middle;
}

.tabSolution .bd .con {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
	position: relative;
}

.tabSolution .bd .con.active {
    opacity: 1;
    z-index: 1;
}


/*解决方案  结束*/


/*案例开始*/

.g-case {
    text-align: center;
}

.g-case .m-case {
    width: 1200px;
    box-sizing: border-box;
    margin: 52px auto 40px;
    text-align: left;
    position: relative;
    padding: 0 29px;
    font-size: 0;
}

.g-case .m-case >a:nth-child(5n) .item {
    margin-right: 0;
}

.g-case .m-case .item {
    text-align: center;
    vertical-align: top;
    box-sizing: border-box;
    display: inline-block;
    margin-bottom: 20px;
    width: 255px;
    height: 370px;
    margin-right: 15px;
    border: 1px solid #e9ecef;
    box-shadow: 0 3px 8px 0 rgba(205, 205, 205, 0.4);
    border-radius: 4px;
}

.g-case .m-case .item:hover .m-case-ft {
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    background-color: rgba(62, 160, 255, 0.3);
}

.g-case .m-case .item div.img {
    width: 114px;
    height: 114px;
    margin: 42px auto 16px auto;
}

.g-case .m-case .item div.img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.g-case .m-case .item div.content .m-case-title {
    font-size: 18px;
    color: #383838;
    letter-spacing: 0.5px;
    line-height: 26px;
    margin-bottom: 17px;
}

.g-case .m-case .item div.content .m-case-content {
    padding: 0 30px 21px;
    height: 100px;
    font-size: 14px;
    color: #808286;
    letter-spacing: 0;
    line-height: 20px;
}

.g-case .m-case .item .m-case-ft {
    height: 53px;
    background-color: rgba(62, 160, 255, 0.15);
}

.g-case .m-case .item .m-case-ft p {
    font-size: 18px;
    padding-top: 13px;
    color: #3ea0ff;
    letter-spacing: 0.5px;
    line-height: 26px;
}

.g-case .case_prev,
.g-case .case_next {
    position: absolute;
    width: 14px;
    height: 26px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../yximg/index_img24.png) no-repeat center;
    z-index: 999;
    cursor: pointer;
}

.g-case .next {
    float: right;
}

.g-case .prev {
    float: left;
}

.g-case .case_next {
    right: 0;
    left: auto;
    background: url(../yximg/index_img25.png) no-repeat center;
}

.case_box li {
    overflow: hidden;
    width: 255px;
    position: relative;
    margin: 0 15px;
    text-align: center;
    float: left;
}

.case_box li * {
    position: relative;
    z-index: 9;
    color: #fff;
}

.g-case .reg-btn {
    display: block;
    background: #09f;
    border-radius: 4px;
    width: 180px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    transition: all .3s ease;
    margin-bottom: 65px;
}

.g-case .reg-btn:hover {
    opacity: .85;
}


/*案例结束*/


/*客户开始*/

.customercase {
    background-color: #f5f6f7;
}

.customercase .title h2 {
    margin-top: 0px;
}

.customercase .customercase-content {
    padding: 80px 0;
}

.customercase .ali-content-item {
    float: left;
    width: 33.3%;
    padding-left: 10px;
    padding-right: 10px
}

.customercase .ali-content-item .item-box {
    transition: all .15s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #c5d8db;
    height: 230px
}

.customercase .ali-content-item .item-box .img-area {
    width: 100%;
    overflow: hidden;
    height: 170px
}

.customercase .ali-content-item .item-box .img-area img {
    transition: all .5s ease;
    width: 100%
}

.customercase .ali-content-item .item-box .box-header {
    padding: 18px 25px;
    font-size: 14px;
    color: #373d41
}

.customercase .ali-content-item .item-box:hover {
    box-shadow: 0 0 15px rgba(186, 204, 207, .7)
}

.customercase .ali-content-item .item-box:hover .img-area img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.customercase .ali-content-item .item-appendix {
    font-size: 14px;
    padding-left: 0;
    line-height: 2
}

.customercase .ali-content-item .item-appendix a {
    transition: all .15s cubic-bezier(.4, 0, .2, 1);
    color: #373d41;
    text-decoration: none;
    font-size: 14px;
}

.customercase .ali-content-item .item-appendix a:hover {
    color: #3ea0ff;
}


/*客户结束*/


/*免费注册 开始*/

.employ {
    padding-top: 90px;
}

.employ .user-num {
    height: 450px;
    overflow: hidden;
}

.employ .user-num .text {
    height: 40px;
    line-height: 40px;
    vertical-align: top;
    text-align: center;
    font-size: 34px;
    display: block;
}

.employ .user-num p {
    font-size: 16px;
    color: #a1a6ab;
    margin: 20px 0;
    text-align: center;
}

.employ .reg-btn {
    display: block;
    background: #09f;
    border-radius: 4px;
    width: 166px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    margin: 60px auto 0;
    transition: all .3s ease;
}

.employ .reg-btn:hover {
    background-color: #0078ff
}

.employ .frm {
    margin: 70px auto 0;
}

.employ .frm .item {
    position: relative;
    margin: 0 auto 14px;
    width: 304px；
}

.employ .frm input {
    display: block;
    margin: 0 auto;
    padding: 12px;
    width: 278px;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}

.employ .frm input:focus {
    border: 1px solid #09f
}

.employ .fot-line {
    height: 306px;
    background-image: url(../yximg/index-employ-fot-line-bg-1.png);
    background-repeat: no-repeat;
    background-size: 1448px auto;
    background-position: top center;
    position: relative;
    top: -216px;
    z-index: -1;
}


/*免费注册 结束*/


/*footer 开始*/

.footer {
    background-color: #1b1f22
}

.footer .main {
    padding-top: 56px;
    width: 1200px;
    margin: 0 auto 30px;
}

.footer dl {
    display: inline-block;
    margin-right: 100px;
    line-height: 34px;
    vertical-align: top
}

.footer .margin_right_no{
    margin-right: 0;
}

.footer dl dd{
    text-align: center;
}

.footer dl.margin_r_50{
    margin-right: 50px;
}

.footer dl.margin_t_30{
    margin-top: 32px;
}

.footer dl.margin_l_18{
    margin-left: 18px;
}

.footer dl dt,
.footer dl.other dd>a div.yx p {
    line-height: 1
}

.footer dl dt {
    margin-bottom: 15px;
    font-size: 16px;
    color: #ccc;
    text-align: center;
}

.footer .other dt{
    text-align: left;
}

.footer dl dd a {
    position: relative;
    font-size: 14px;
    color: #868e94
}

.footer dl dd a:hover {
    color: #ccc
}

.footer dl.other {
    float: right;
    margin-right: 52px
}

.footer dl.other dd {
    font-size: 20px;
    color: #ccc
}

.footer dl.other dd:nth-child(3) {
    margin-top: 24px;
    font-weight: 400
}

.footer dl.other dd em {
    display: block;
    margin-top: 6px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #868e94
}

.footer dl.other dd>a {
    position: relative;
    display: inline-block;
    margin-right: 20px;
    width: 24px;
    height: 24px;
    text-align: center;
    color: #ccc;
    background-color: #3b454d;
    border-radius: 12px
}

.footer dl.other dd>a:before {
    position: relative;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    color: #b0bac2;
    display: block;
}

.footer dl.other dd>a.email:before {
    content: '';
    background: url(../yximg/email.png)no-repeat;
    background-size: 16px 12px;
    top: 6px;
}

.footer dl.other dd>a.wx:before {
    content: '';
    background: url(../yximg/wx.png)no-repeat;
    background-size: 16px 13px;
    top: 5.5px;
}

.footer dl.other dd>a.weibo:before {
    content: '';
    background: url(../yximg/wb.png)no-repeat;
    background-size: 16px 14px;
    top: 5px;
}

.footer dl.other dd>a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #657683
}

.footer dl.other dd>a:hover:before {
    color: #fff
}

.footer dl.other dd>a:hover div {
    display: block
}

.footer dl.other dd>a div {
    display: none;
    position: absolute;
    left: -170%;
    top: 34px;
    z-index: 3;
    padding: 4px 7px 11px;
    background-color: #fff;
    border-radius: 4px
}

.footer dl.other dd>a div:before {
    content: "";
    display: block;
    margin: -12px auto 0;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff
}

.footer table td,
.footer table th {
    border-right: 1px solid #efefef
}

.footer dl.other dd>a div.ecode {
    width: 100px;
    height: 101px
}

.footer dl.other dd>a div.ecode:after {
    content: "";
    display: block;
    width: 86px;
    height: 86px;
    background: url(../yximg/ewm.jpg) no-repeat;
    background-size: 100%
}

.footer dl.other dd>a div.yx p:nth-child(1) {
    font-size: 13px;
    color: #333
}

.footer .copyright {
    margin: 0 auto;
    width: 1200px;
    font-size: 13px;
    line-height: 70px;
    text-align: center;
    color: #868e94;
    border-top: 1px solid #21272b
}


/*footer 结束*/


/*在线客服 开始*/

.m-confirm {
    visibility: hidden;
    filter: alpha(opacity=0);
    opacity: 0;
    transition: 0.2s ease-out;
    position: fixed;
    width: 70px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    font-size: 12px;
    color: #fff;
    z-index: 9999;
}

.m-confirm.z-show {
    visibility: visible;
    filter: alpha(opacity=100);
    opacity: 1;
}

.m-confirm .m-confirm__item {
    position: relative;
    box-sizing: border-box;
    width: 70px;
    padding-top: 14px;
    padding-bottom: 15px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background-color: #488bff;
    z-index: 1;
}

.m-confirm .m-confirm__item:before {
    content: "";
    position: absolute;
    width: 55px;
    left: 5px;
    top: 0;
    height: 1px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.3);
}

.m-confirm .m-confirm__item:first-child:before {
    display: none;
}

.m-confirm .m-confirm__item .u-iconfont {
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 auto 10px;
}

.m-confirm .m-confirm__item .u-iconfont img {
    display: block;
    width: 100%;
}

.m-confirm .m-confirm__item p {
    margin-top: 0;
}

.m-confirm .m-confirm__item p en {
    font-size: 12px;
}

.m-confirm .m-confirm__item:hover {
    background-color: #2e7bff;
}

.m-confirm .m-confirm__item.online {
    border-radius: 2px 2px 0 0;
}

.m-confirm .m-confirm__item.tel:hover .content {
    visibility: visible;
    right: 66px;
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 1;
    transition: 0.3s ease-out;
}

.m-confirm .m-confirm__item.tel .content {
    visibility: hidden;
    position: absolute;
    right: 53px;
    top: -1px;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 0;
    transition-delay: 0.2s;
    transition-duration: 0.35s;
    transition-timing-function: ease-out;
}

.m-confirm .m-confirm__item.gotop {
    display: block;
    border-radius: 0 0 2px 2px;
}


/*在线客服结束*/


/*底部浮层*/

.content_flash {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9;
    background: url(../yximg/bg_black07.png);
    width: 100%;
}

.content_main {
    width: 1200px;
    margin: 0 auto;
    height: 130px;
    padding: 20px 0 10px 0;
    position: relative;
}

.content-left {
    float: left;
    color: #fee70f;
    font-size: 28px;
    font-weight: bold;
    padding-top: 22px;
}

.content-left span {
    font-size: 40px;
    color: #fee70f;
}

.content_main .content_form {
    float: right;
    width: 500px;
}

.cf-hint {
    padding: 10px 0 5px 10px;
    font-size: 14px;
    color: #fff;
}

.cf-hint span {
    color: #fee70f;
}

.content_main .content_form .form_phone {
    width: 540px;
    height: 42px;
    overflow: hidden;
}

.content_main .content_form .input {
    float: left;
    padding-left: 10px;
    width: 178px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e5e5e5;
    color: #333;
    margin-right: 3px;
}

.content_main .content_form .btn {
    float: left;
    width: 110px;
    height: 42px;
    display: block;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    border-radius: 0;
    background-color: #f52e2f;
}

.content_main .content_form .err {
    float: left;
    width: 180px;
    height: 42px;
    padding-left: 10px;
    line-height: 42px;
    font-size: 14px;
    color: #fff !important;
    background-color: #999;
    margin-top: 0;
}

.content_main .close_btn {
    position: absolute;
    right: 0;
    top: 6px;
}

.content_flash .increase {
    width: 336px;
    height: 34px;
    background-color: #fff;
    color: #ff6b6b;
    line-height: 34px;
    text-indent: 20px;
    font-size: 30px;
    display: none;
    overflow: hidden;
}

.flash_title {
    display: none;
    position: fixed;
    bottom: 50px;
    left: -100%;
    width: 273px;
    height: 151px;
    background: url(../yximg/flash_title.png) no-repeat left center;
    cursor: pointer;
}

.sigh {
    display: inline-block;
    overflow: hidden;
    zoom: 1;
    vertical-align: top;
    width: 19px;
    height: 17px;
    background: url(../yximg/icon_tirblue.png) center center no-repeat;
}

.black_close {
    width: 39px;
    height: 39px;
    background: url(../yximg/icon_clofu.png) center center no-repeat;
    display: inline-block;
    zoom: 1;
    *display: inline;
    overflow: hidden;
    zoom: 1;
    vertical-align: top;
}


/*成功弹窗*/

.pop-success {
    width: 404px;
    padding: 20px 30px;
    text-align: center;
    background-color: #fff;
    border: solid 1px #284ca4;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -100px;
    z-index: 99;
    display: none;
}

.pop-success h3 {
    border-bottom: solid 1px #e2e2e2;
    padding: 10px 0;
    line-height: 36px;
    font-size: 24px;
    color: #222;
}

.pop-success h3 img {
    vertical-align: top;
    margin-top: 2px;
}

.pop-success p {
    color: #434753;
    font-size: 14px;
    line-height: 30px;
    padding: 10px 0;
}

.pop-close {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    width: 36px;
    height: 36px;
}


/*产品二级页 开始*/


/*护宝权 开始*/

.ej-banner {
    width: 100%;
    overflow: hidden;
    height: 435px;
    position: relative;
}

.ej-banner2 {
    width: 100%;
    overflow: hidden;
    height: 435px;
    position: relative;
}

.help-banner {
    width: 100%;
    overflow: hidden;
    height: 200px;
    position: relative;
}

.bnr {
    position: absolute;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    height: 435px;
    top: 0;
    background: url(../yximg/hbq-banner.jpg) no-repeat center;
}

.ej-banner2 .bnr {
    height: 490px;
}


/*注册*/

.hbq-zc .wrap {
    text-align: center;
    margin-bottom: 70px;
}

.hbq-zc .inde_reg {
    background-color: #fff;
    border: 1px solid #e7e7e7;
    width: 385px;
    padding: 30px 20px;
    height: 382px;
    margin-left: 22px;
}

.hbq-zc .inde_reg img {
    margin: 0 auto;
}

.hbq-zc .inde_reg:hover {
    -webkit-box-shadow: 0 0 10px #a9a5a4;
    -moz-box-shadow: 0 0 10px #a9a5a4;
    box-shadow: 0 0 10px #a9a5a4;
}

.hbq-zc .inde_reg.reg_consultant {
    margin-left: 0;
    background-image: url(../yximg/reg_consultant_bg.png);
    background-repeat: no-repeat;
    background-position: right top;
}

.hbq-zc .inde_reg.reg_guarantee {
    margin-left: 0;
    background-image: url(../yximg/hot.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}

.hbq-zc .inde_reg .reg_til {
    font-size: 24px;
    color: #333;
    line-height: 38px;
}

.hbq-zc .inde_reg .reg_cont {
    font-size: 14px;
    color: #777;
    line-height: 22px;
}

.hbq-zc .inde_reg .reg_pre {
    font-size: 16px;
    color: #444;
    padding-top: 4px;
    height: 45px;
}

.hbq-zc .inde_reg .reg_pre .c_red {
    color: #ff3145;
    font-size: 34px;
}

.hbq-zc .inde_reg .reg_ensure {
    font-size: 12px;
    color: #ff3145;
    line-height: 20px;
}

.hbq-zc .inde_reg .reg_url_box {
    border-top: 1px solid #ffddcf;
    border-bottom: 1px solid #ffddcf;
    background-color: #fffbfa;
    margin-top: 10px;
    height: 42px;
    line-height: 40px;
}

.hbq-zc .inde_reg .reg_url_box .item {
    display: inline-block;
    padding-left: 20px;
    color: #ff4800;
    font-size: 12px;
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 20px;
}

.hbq-zc .inde_reg .reg_url_box .item.item_bi {
    background-image: url(../yximg/reg_url_bi.png);
}

.hbq-zc .inde_reg .reg_url_box .item.item_xin {
    background-image: url(../yximg/reg_url_xin.png);
}

.hbq-zc .inde_reg .reg_url_box .item.item_ren {
    background-image: url(../yximg/reg_url_ren.png);
}

.hbq-zc .inde_reg .reg_url_box .item.item_bao {
    background-image: url(../yximg/reg_url_bao.png);
}

.hbq-zc .inde_reg .reg_url_box .item.item_huan {
    background-image: url(../yximg/reg_url_huan.png);
}

.hbq-zc .btn {
    color: #fff !important;
    display: inline-block;
    line-height: 30px;
    padding: 6px 20px;
    margin: 0 5px;
    text-align: center;
    background-color: #428ae2;
    border-radius: 3px !important;
    font-size: 16px;
    border: none;
    cursor: pointer;
    position: relative;
}

.hbq-zc .btn:hover {
    background-color: #206ecd;
    color: #fff;
}

.hbq-zc .btn.btn_red {
    background-color: #ff4800;
}

.hbq-zc .btn.btn_red:hover {
    background-color: #ff6700;
}


/*商标注册，品牌基石*/

.hbq-service {
    background-color: #f7f7f7;
    padding: 60px 0 70px;
}

.hbq-service .title h1 {
    margin-top: 0;
}

.hbq-service img {
    display: block;
    margin: 0 auto;
}

.hbq-service .twoCenter {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    margin-top: 32px;
}

.hbq-service .twoCenter li {
    float: left;
    width: 25%;
}

.hbq-service .twoCenter li:last-child {
    margin-right: 0;
}

.hbq-service .twoSay {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    margin-top: 31px;
}

.hbq-service .twoSay li h3 {
    color: #197bdd;
    font-size: 20px;
    margin-bottom: 29px;
}

.hbq-service .twoSay li {
    color: #197bdd;
    font-size: 14px;
    text-decoration: none;
    color: #909090;
    display: block;
    line-height: 26px;
    cursor: pointer;
    float: left;
    text-align: center;
    width: 25%;
    padding: 0 55px;
}

.hbq-service .twoSay li a:hover {
    color: #c80101;
}

.hbq-service .twoSay li:last-child {
    margin-right: 0;
}


/*5大服务*/

.hbq-five .hd {
    background-color: #fff;
    text-align: center;
}

.hbq-five .hd ul {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.hbq-five .hd ul li {
    float: left;
    width: 20%;
    cursor: pointer;
    padding: 30px 0 0;
}

.hbq-five .hd ul li .l_wor {
    color: #222;
    font-size: 18px;
    line-height: 18px;
    margin: 37px 0 60px;
}

.hbq-five .hd ul .lu_bgca {
    width: 135px;
    height: 135px;
    margin: 0 auto;
    padding-top: 35px;
    position: relative;
    transition: all 0.5s;
}

.hbq-five .hd ul .lu_bgcai1 {
    background: url(../yximg/icon_qbg1.png) no-repeat center;
    background-size: 80%;
}

.hbq-five .hd ul .lu_bgcai2 {
    background: url(../yximg/icon_qbg2.png) no-repeat center;
    background-size: 80%;
}

.hbq-five .hd ul .lu_bgcai3 {
    background: url(../yximg/icon_qbg3.png) no-repeat center;
    background-size: 80%;
}

.hbq-five .hd ul .lu_bgcai4 {
    background: url(../yximg/icon_qbg4.png) no-repeat center;
    background-size: 80%;
}

.hbq-five .hd ul .lu_bgcai5 {
    background: url(../yximg/icon_qbg5.png) no-repeat center;
    background-size: 80%;
}

.hbq-five .hd ul li:hover .lu_bgca,
.hbq-five .hd ul li.on .lu_bgca {
    background-size: 100%;
}

.hbq-five .hd ul li .lu_bgca:after {
    content: '';
    display: block;
    width: 132px;
    height: 132px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.8s;
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.hbq-five .hd ul li .lu_bgcai1:after {
    border: 2px solid #ff5b87;
}

.hbq-five .hd ul li .lu_bgcai2:after {
    border: 2px solid #0a84ff;
}

.hbq-five .hd ul li .lu_bgcai3:after {
    border: 2px solid #7b3bfc;
}

.hbq-five .hd ul li .lu_bgcai4:after {
    border: 2px solid #01a3d7;
}

.hbq-five .hd ul li .lu_bgcai5:after {
    border: 2px solid #ff9b2f;
}

.hbq-five .hd ul li:hover .lu_bgca:after,
.hbq-five .hd ul li.on .lu_bgca:after {
    width: 152px;
    height: 152px;
    top: -10px;
    left: -10px;
    display: block;
    opacity: 1;
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
}

.hbq-five .trg {
    background-color: #f5f5f5;
    text-align: center;
}

.hbq-five .tabPro .conWrap {
    width: 1200px;
    margin: 0 auto;
}

.hbq-five .tabPro .hd li.on {
    border-bottom: none;
}

.hbq-five .tabPro .bd {
    background-color: #f7f7f7;
    padding-bottom: 100px;
}

.hbq-five .quickness-trg {
    height: 35px;
    text-align: center;
    background-color: #fff;
}


/*******免费专业分析服务*******/

.lofir {
    padding-top: 35px;
    text-align: center;
}

.lf_tit {
    position: relative;
    margin-bottom: 76px;
}

.lf_tit h3 {
    position: absolute;
    left: 50%;
    background-color: #f5f5f5;
    z-index: 1;
    font-size: 35px;
    color: #333;
}

.lofir .lf_tit h3,
.lothr .lf_tit h3,
.lofour .lf_tit h3 {
    margin-left: -195px;
}

.losec .lf_tit h3 {
    margin-left: -215px;
}

.losec .lf_tit,
.lothr .lf_tit,
.lofour .lf_tit {
    padding-bottom: 70px;
}

.ls_tips li a,
.lt_list .btn_lejie {
    margin: 30px auto;
    background-color: #df1344;
    width: 180px;
    height: 38px;
    color: #fff;
    font-size: 16px;
    line-height: 38px;
    display: block;
}

.lt_list .btn_lejie:hover {
    background: #BF0431
}

.lf_tit h3 .icon_l {
    margin: 0 20px 0 30px;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    display: inline-block;
    zoom: 1;
    background: url(../yximg/icon_fu1.png) center center no-repeat;
    background-size: 100%;
}

.lf_tit .solid {
    background-color: #d9d9d9;
    height: 1px;
    width: 1200px;
    position: absolute;
    top: 27px;
    left: 50%;
    margin-left: -600px;
}

.l_intr {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.l_intr ul {
    margin: 0 154px;
    padding-top: 75px;
    overflow: hidden;
}

.l_intr .lin_list {
    float: left;
    cursor: pointer;
}

.l_intr .lin_ltwo {
    margin-right: 40px;
}

.l_intr .lin_bot {
    margin-bottom: 40px;
}

.l_intr .lin_mid {
    position: absolute;
    top: 136px;
    left: 484px;
}


/*******及时申报服务 开始*******/

.losec .lf_tit h3 .icon_l {
    background-image: url(../yximg/icon_fu2.png);
}

.ls_wor .ls_tips {
    width: 1200px;
    margin: 0 auto;
    padding-top: 20px;
    overflow: hidden;
    padding-left: 70px;
}

.ls_tips li {
    float: left;
    margin-right: 20px;
    border-radius: 0 10px 10px 10px;
    color: #222;
    width: 340px;
    height: 200px;
    cursor: pointer;
}

.ls_tips .t_fir {
    background: #fff url(../yximg/img_s01.png) top left no-repeat;
    background-position: 3px 3px;
}

.ls_tips .t_sec {
    background: #fff url(../yximg/img_s02.png) top left no-repeat;
    background-position: 3px 3px;
}

.ls_tips .t_thr {
    background: #fff url(../yximg/img_s03.png) top left no-repeat;
    background-position: 3px 3px;
}

.ls_tips li h6 {
    font-size: 30px;
    margin: 55px 0 28px;
    line-height: 30px;
    font-weight: normal;
}

.ls_tips li p {
    font-size: 16px;
    color: #626262;
    line-height: 22px;
}


/*******及时申报服务 结束*******/


/*******办理状态随时通知 开始*******/

.lothr .lf_tit h3 .icon_l {
    background-image: url(../yximg/icon_fu3.png);
}

.lothr ul .lt_list {
    float: left;
    width: 33.3333333%;
    margin-top: 35px;
    background: url(../yximg/img_thr1.png) center center no-repeat;
    height: 368px;
    cursor: pointer;
}

.lothr ul .lt_thr {
    margin-right: 0;
}

.lt_list h6 {
    font-size: 24px;
    color: #222;
    font-weight: normal;
}

.lt_list h6 {
    margin: 87px 0 25px;
}

.lt_list p {
    font-size: 16px;
    line-height: 22px;
    color: #626262;
}

.lt_fir .btn_lejie {
    margin-top: 50px;
}

.lt_sec .btn_lejie {
    margin-top: 26px;
}

.lt_thr .btn_lejie {
    margin-top: 30px;
}


/*******办理状态随时通知 结束*******/


/*******发票快递正规服务 开始*******/

.lofour .lf_tit h3 .icon_l {
    background-image: url(../yximg/icon_fu4.png);
}

.lfu_tips span {
    margin-left: 10px;
    width: 83px;
    height: 41px;
    background-color: #2da7ff;
    color: #fff;
    display: inline-block;
    zoom: 1;
    *display: inline;
    border-radius: 8px;
    font-size: 26px;
    line-height: 41px;
    text-align: center;
}

.lofour .lfu_tips {
    font-size: 26px;
    color: #222;
}

.lofour .lfi_img {
    margin: -14px 0 126px;
}


/*******发票快递正规服务 结束*******/


/*******免费终身享受售后服务 开始*******/

.lofive .lf_tit h3 .icon_l {
    background-image: url(../yximg/icon_fu5.png);
}

.lofive .lf_tit h3 {
    margin-left: -210px;
}


/*******免费终身享受售后服务 结束*******/


/*所需资料*/

.hbq-zl {
    margin-bottom: 70px;
}

.title2 .title {
    text-align: center;
}

.title2 .title h1 {
    display: inline-block;
    margin: 70px 50px;
    color: #4e57ea;
}

.title2 .title span {
    display: inline-block;
    width: 180px;
    height: 1px;
    background: #d6dff6;
    margin-bottom: 10px;
}

.title2 .title p {
    font-size: 22px;
    color: #333;
    letter-spacing: .5px;
    margin-bottom: 65px;
}

.hbq-zl .left {
    width: 50%;
    float: left;
    padding-left: 50px;
    border-right: 1px solid #ddd;
}

.hbq-zl .fl {
    width: 45%;
}

.hbq-zl .fr {
    width: 55%;
    padding-top: 30px;
}

.hbq-zl .fr h1 {
    position: relative;
    color: #333;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 30px;
    padding-left: 22px;
}

.hbq-zl li {
    margin-bottom: 20px;
    color: #666;
    letter-spacing: .3px;
    font-size: 17px;
    line-height: 17px;
}

.hbq-zl li i {
    color: #f95f45;
}

.hbq-zl .fr h1:before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 4px;
    height: 20px;
    background: #f95f45;
}

.hbq-zl .right {
    width: 50%;
    padding-left: 50px;
    float: right;
}


/*服务流程*/

.hbq-lc {
    width: 100%;
    height: 900px;
    background: url(../yximg/hbq-lc.jpg)no-repeat center;
}

.hbq-lc.title2 .title h1 {
    margin-bottom: 20px;
}

.hbq-lc .word li {
    width: 221px;
    height: 323px;
    margin-top: 20px;
    background: url(../yximg/lc-li-bg.png)no-repeat center;
    margin-right: 23.5px;
    float: left;
}

.hbq-lc .word li:last-child {
    margin-right: 0;
}

.hbq-lc .word li .img {
    height: 90px;
    margin-top: -10px;
    margin-bottom: 75px;
}

.hbq-lc .word li .img img {
    display: block;
    margin: 0 auto;
}

.hbq-lc .word li span {
    display: block;
    margin: 0 auto;
    width: 24px;
    height: 2px;
    background: #ccc;
    margin-bottom: 15px;
}

.hbq-lc .word li h1 {
    font-size: 22px;
    line-height: 22px;
    color: #333;
    text-align: center;
    margin-bottom: 18px;
}

.hbq-lc .word li p {
    line-height: 26px;
    font-size: 16px;
    color: #666;
    text-align: center;
    padding: 0 15px;
}

.hbq-lc .word li p a {
    color: #4e57ea;
    display: block;
    font-size: 16px;
    text-align: center;
}

.hbq-lc .down {
    padding-top: 90px;
    text-align: center;
}

.hbq-lc .down .p1 i {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.hbq-lc .down .p1 {
    font-size: 18px;
    color: #4e57ea;
    line-height: 24px;
    margin-bottom: 40px;
}

.hbq-lc .down .p2 span {
    display: inline-block;
    width: 35px;
    height: 2px;
    margin: 0 15px 5px;
    background: #4b4c4c;
}

.hbq-lc .down .p2 {
    font-size: 20px;
    color: #4b4c4c;
}


/*问答咨询*/

.hbq-wd li {
    width: 50%;
    float: left;
    padding: 0 20px;
    margin-bottom: 90px;
}

.hbq-wd li h1 {
    background: url(../yximg/wd1.png)no-repeat left center;
    height: 24px;
    color: #5e5e5e;
    line-height: 24px;
    padding-left: 40px;
    font-size: 20px;
    margin-bottom: 20px;
}

.hbq-wd li p {
    background: url(../yximg/wd2.png)no-repeat top left;
    padding-left: 40px;
    line-height: 24px;
    font-size: 15px;
    color: #999;
}


/*护宝权 结束*/


/*建站通 开始*/

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    outline: none;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


/*slick-theme.css*/

.met-index-gn {
    min-height: 700px;
    padding-top: 20px;
}

.met-index-gn .wrap {
    position: relative;
}

.met-index-gn [class*=gn-img] {
    position: relative;
    margin: 0 auto -30px;
}

.met-index-gn [class*=gn-img] .gn-slick {
    overflow: hidden;
    position: absolute;
}

.met-index-gn [class*=gn-img] .gn-slick .slick-slide {
    width: 100%;
}

.met-index-gn [class*=gn-img] .gn-slick .slick-slide:first-child {
    display: block;
}

.met-index-gn [class*=gn-img] .gn-slick img {
    width: 100%;
}

.met-index-gn .gn-img1 {
    width: 254px;
    height: 487px;
    z-index: 2;
}

.met-index-gn .gn-img1 .gn-slick {
    width: 225px;
    height: 389px;
    top: 44px;
    left: 14px;
    border: 1px solid #ddd;
}

.met-index-gn .gn-img2 {
    width: 960px;
    height: 772px;
}

.met-index-gn .gn-img2 .gn-slick {
    width: 885px;
    height: 465px;
    top: 70px;
    left: 38px;
}

@media (min-width: 992px) {
    .met-index-gn .row {
        margin-top: 50px;
        position: relative;
    }
    .met-index-gn .row > div:first-child {
        position: static;
    }
    .met-index-gn .gn-img1 {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 1;
    }
}

@media (max-width: 991px) {
    .met-index-gn {
        padding-top: 90px;
    }
    .met-index-gn .gn-img1 {
        margin: 40px auto 30px;
    }
    .met-index-gn .gn-img2 {
        width: 720px;
        height: 579px;
        margin: 0 auto -20px;
    }
    .met-index-gn .gn-img2 .gn-slick {
        width: 663px;
        height: 360px;
        top: 52px;
        left: 29px;
    }
}

@media (max-width: 767px) {
    .met-index-gn .gn-img1 {
        width: 206px;
        height: 391px;
    }
    .met-index-gn .gn-img1 .gn-slick {
        width: 184px;
        height: 317px;
        top: 35px;
        left: 11px;
    }
    .met-index-gn .gn-img2 {
        width: 450px;
        height: 362px;
    }
    .met-index-gn .gn-img2 .gn-slick {
        width: 415px;
        height: 220px;
        top: 33px;
        left: 18px;
    }
}

@media (max-width: 479px) {
    .met-index-gn {
        padding-top: 60px;
    }
    .met-index-gn .gn-img1 {
        width: 180px;
        height: 345px;
        margin-top: 30px;
    }
    .met-index-gn .gn-img1 .gn-slick {
        width: 160px;
        height: 276px;
        top: 31px;
        left: 10px;
    }
    .met-index-gn .gn-img2 {
        width: 290px;
        height: 233px;
        margin-bottom: -10px;
    }
    .met-index-gn .gn-img2 .gn-slick {
        width: 267px;
        height: 140px;
        top: 21px;
        left: 12px;
    }
}

.jzt-jzxt .floortitle {
    text-align: center;
    padding: 0 0 20px 0;
}

.jzt-jzxt .title h1 {
    font-size: 40px;
}

.jzt-jzxt .floortitle h2 {
    font-size: 30px;
    padding: 10px 0;
    color: #333;
    background: url(../yximg/bg-floortitle.jpg) no-repeat bottom center;
}

.jzt-jzxt .floortitle h3 {
    font-size: 16px;
    color: #666;
    margin-top: 12px;
}

.jzt-jzxt .floortitle h3 span {
    font-size: 30px;
    color: #ff6b6b;
    font-weight: bold;
}

.wrap2 {
    width: 1200px;
    margin: 0 auto;
}

.jzt_cp h3 {
    font-size: 34px;
    line-height: 50px;
    margin: 0 0 20px;
    color: #37474f;
}

.jzt_cp p {
    font-size: 16px;
    line-height: 30px;
    margin: 0;
    color: #555;
}

.jzt_cp .jzt-dz p {
    font-size: 16px;
    color: #a1a6ab;
    margin-bottom: 45px;
}


/*响应式*/

.jzt-xys {
    background: #f7f7f7;
    padding: 50px 0 0;
}

.jzt-xys .word {
    max-width: 340px;
    float: right;
}

.jzt-xys img {
    margin: 60px auto -40px -60px;
}

.jzt-xys .left {
    width: 58%;
    vertical-align: middle;
    display: inline-block;
    padding: 0 15px;
    max-width: 100%;
}

.jzt-xys .right {
    width: 41%;
    vertical-align: middle;
    display: inline-block;
    padding: 0 15px;
}


/*后台管理*/

.jzt-jzxt img {
    display: block;
    margin: 0 auto;
}

.jzt-htgl .word {
    max-width: 338px;
    margin: 80px auto 0;
}

.jzt-htgl img {
    margin: 100px auto -40px 60px;
}

.jzt-htgl .right {
    width: 58%;
    vertical-align: middle;
    display: inline-block;
    padding: 0 15px;
    max-width: 100%;
}

.jzt-htgl .left {
    width: 41%;
    vertical-align: middle;
    display: inline-block;
    padding: 0 15px;
}


/*全面的搜索引擎优化*/

.jzt-ss {
	width: 100%;
    background: #f7f7f7;
    padding: 60px 0 60px;
}

.jzt-ss .word {
    width: 600px;
    margin-top: 40px;
    text-align: right;
    float: right;
}

.jzt-ss .left {
    width: 50%;
    vertical-align: middle;
    display: inline-block;
    padding: 0 15px;
    max-width: 100%;
}

.jzt-ss .right {
    width: 100%;
    vertical-align: middle;
    display: inline-block;
    max-width: 400px;
}

.jzt-ss img {
    margin: 60px auto 0 0px;
}


/*高端网站定制*/

.jzt-dz {
    padding: 60px 0 80px;
}

.jzt-dz .title h2 {
    margin-top: 40px;
    font-size: 34px;
}

.jzt h3 {
    font-size: 34px;
    line-height: 50px;
    margin: 0 0 20px;
    color: #37474f;
}

.jzt-dz .twofloor-img {
    text-align: center;
    margin-top: 60px;
}

.jzt-dz .twofloor-con {
    padding: 15px;
}

.jzt-dz .twofloor-con li {
    float: left;
    width: 210px;
    margin-right: 108px;
}

.jzt-dz .twofloor-con li h3 {
    font-size: 20px;
    color: #333;
    text-align: center;
    margin-bottom: 35px;
}

.jzt-dz .twofloor-con li p {
    font-size: 14px;
    color: #999;
    line-height: 22px;
}

.jzt-dz .twofloor-con .li-last {
    margin-right: 0;
}

.jzt-dz .btn-blue {
    display: inline-block;
    background-color: #2377e2;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    text-align: center;
}

.jzt-dz .btn-red {
    display: inline-block;
    background-color: #ff6b6b;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    text-align: center;
}

.jzt-dz .btn-blue:hover {
    background-color: #136de0;
}

.jzt-dz .btn-red:hover {
    background-color: #fb5858;
}

.jzt-dz .twofloor-btn {
    text-align: center;
    margin-top: 60px;
}

.jzt-dz .twofloor-btn a {
    width: 200px;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
}

.jzt-dz .twofloor-btn .btn-blue {
    margin-right: 100px;
}


/*底部浮层*/

body.jzt .content_flash {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 20;
    background: url(../yximg/bg_black07.png);
    width: 100%;
}

body.jzt .content_main {
    width: 1190px;
    margin: 0 auto;
    height: 163px;
}

body.jzt .cf-prompt {
    width: 166px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background-color: #58b850;
    font-size: 12px;
    color: #fff;
    border-radius: 2px;
    margin: 5px 0 2px 0;
}

body.jzt .cf-prompt img {
    vertical-align: top;
    margin-top: 4px;
}

body.jzt .content_main .content_form {
    margin-right: 20px;
    margin-top: 20px;
    float: right;
    width: 560px;
}

body.jzt .content_main .content_form .form_phone {
    width: 540px;
    height: 42px;
    overflow: hidden;
}

body.jzt .content_main .content_form .inp_text {
    float: left;
    padding-left: 10px;
    width: 324px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #e5e5e5;
    color: #333;
}

body.jzt .content_main .content_form .btn {
    float: left;
    width: 194px;
    height: 42px;
    display: block;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    border-radius: 0;
}

body.jzt .content_main .content_form .err {
    float: left;
    width: 326px;
    height: 42px;
    padding-left: 10px;
    line-height: 42px;
    font-size: 14px;
    color: #fff !important;
    background-color: #999;
    margin-top: 0;
}

body.jzt .content_main .content_form .number {
    display: none;
    width: 351px;
    height: 36px;
    background-color: #fff;
    font-size: 30px;
    line-height: 36px;
    color: #3398ff;
    text-indent: 20px;
}

body.jzt .content_main .content_form .dialog {
    display: none;
    position: absolute;
    background: #fff;
    width: 320px;
    height: 78px;
    padding: 15px 10px 10px 40px;
    z-index: 10;
    margin-top: -115px;
    border: 1px solid #deddde;
    font-size: 12px;
    line-height: 20px;
    color: #222;
}

body.jzt .content_main .content_form .dialog .dialog_arrow {
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 7px;
    border-style: solid dashed dashed dashed;
    border-color: #fff transparent transparent transparent;
    border-bottom: none;
    position: absolute;
    left: 40px;
    bottom: -7px;
}

body.jzt .content_main .content_form .dialog .sigh {
    position: absolute;
    margin-left: -25px;
}

body.jzt .content_main .left_img_01 {
    margin-top: -65px;
}

body.jzt .content_main .left_img_02 {
    margin-bottom: 25px;
}

body.jzt .content_main .close_btn {
    margin-left: 20px;
    margin-right: 10px;
    margin-top: 10px;
    float: right;
}

body.jzt .content_flash .increase {
    width: 336px;
    height: 34px;
    background-color: #fff;
    color: #ff6b6b;
    line-height: 34px;
    text-indent: 20px;
    font-size: 30px;
    display: none;
    overflow: hidden;
}

body.jzt .flash_title {
    display: none;
    position: fixed;
    bottom: 70px;
    left: -100%;
    width: 206px;
    height: 151px;
    background: url(../yximg/flash_title.png) no-repeat left center;
    cursor: pointer;
}

body.jzt .sigh {
    display: inline-block;
    overflow: hidden;
    zoom: 1;
    vertical-align: top;
    width: 19px;
    height: 17px;
    background: url(../yximg/icon_tirblue.png) center center no-repeat;
}

body.jzt .black_close {
    width: 39px;
    height: 39px;
    background: url(../yximg/icon_clofu.png) center center no-repeat;
    display: inline-block;
    zoom: 1;
    *display: inline;
    overflow: hidden;
    zoom: 1;
    vertical-align: top;
}


/*  提交成功弹窗  */

body.jzt .pop-success {
    width: 340px;
    padding: 20px 30px;
    border: solid 1px #ff6b6b;
    border-top: solid 6px #ff6b6b;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -130px;
    background-color: #fff;
    z-index: 99;
    display: none;
}

body.jzt .pop-success .ps-close {
    height: 30px;
    width: 30px;
    position: absolute;
    right: 0;
    top: 0;
}

body.jzt .pop-success h3 {
    color: #ff6b6b;
    font-size: 24px;
    padding: 10px 0;
    border-bottom: solid 1px #bdbdbd;
}

body.jzt .pop-success h3 img {
    vertical-align: top;
    margin-top: 2px;
}


/*建站通 结束*/


/*优词宝 开始*/


/*********** 问题 ***********/

.ybt-question .ybt-img {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 733px;
}

.ybt-question .title h1 {
    margin-top: 70px;
    margin-bottom: 40px;
}

.ybt-question .ybt-img .box {
    position: absolute;
    width: 1920px;
    left: 50%;
    height: 733px;
    margin-left: -960px;
}

.ybt-question .pc-btn .btn-red {
    width: 240px;
    line-height: 44px;
    position: absolute;
    left: 71%;
    margin-left: -120px;
    bottom: 64px;
}

.ybt-question .btn-red {
    display: inline-block;
    background-color: #f93d3e;
    border-radius: 2px;
    text-align: center;
    color: #fff;
    border: none;
    height: 44px;
    font-size: 18px;
    cursor: pointer;
}

.ybt-question .btn-red:hover {
    background-color: #f52e2f;
}


/*********** SEO优化优势 ***********/

.ybt-ys {
    background: #f7f7f7;
    padding: 80px 0 30px;
}

.ybt-ys .title h1 {
    margin-top: 0;
    margin-bottom: 60px;
}

.ybt-ys li {
    width: 33.33333333333333%;
    float: left;
    margin-bottom: 50px;
}

.ybt-ys li .fl {
    width: 56px;
    margin-left: 15px;
}

.ybt-ys li .fl span {
    display: block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    background: #8E4E96;
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
    color: #fff;
    font-family: "Arial";
    margin-top: 5px;
}

.ybt-ys li .fr {
    width: 78%;
    padding-right: 15px;
}

.ybt-ys li .fr h1 {
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 5px;
    color: #8E4E96;
}

.ybt-ys li .fr p {
    font-size: 15px;
    line-height: 24px;
    color: #666;
}

.ybt-ys li:nth-child(2) .fl span {
    background: #16B1C2;
}

.ybt-ys li:nth-child(2) .fr h1 {
    color: #16B1C2;
}

.ybt-ys li:nth-child(3) .fl span {
    background: #64AFDD;
}

.ybt-ys li:nth-child(3) .fr h1 {
    color: #64AFDD;
}

.ybt-ys li:nth-child(4) .fl span {
    background: #8DB20B;
}

.ybt-ys li:nth-child(4) .fr h1 {
    color: #8DB20B;
}

.ybt-ys li:nth-child(5) .fl span {
    background: #DB9700;
}

.ybt-ys li:nth-child(5) .fr h1 {
    color: #DB9700;
}

.ybt-ys li:nth-child(6) .fl span {
    background: #C55375;
}

.ybt-ys li:nth-child(6) .fr h1 {
    color: #C55375;
}


/*********** 团队 ***********/

.introduce-pic {
    width: 38.75%;
    margin: 0 auto;
    position: relative;
}

.ycb-team .wrap {
    padding-top: 200px;
    padding-bottom: 215px;
}

.ycb-team .title h1 {
    margin-top: 80px;
    margin-bottom: 0;
}

.introduce-top {
    position: absolute;
    top: -25%;
    left: 50%;
    margin-left: -54px;
}

.introduce-left {
    position: absolute;
    top: 17%;
    left: -35%;
}

.introduce-bot {
    position: absolute;
    bottom: -26%;
    left: 50%;
    margin-left: -66px;
}

.introduce-left2 {
    position: absolute;
    bottom: 13%;
    left: -35%;
}

.introduce-right {
    position: absolute;
    top: 17%;
    right: -35%;
}

.introduce-right2 {
    position: absolute;
    right: -35%;
    bottom: 13%;
}

.line-t:before {
    content: "";
    width: 230px;
    height: 0;
    border: 1px dotted #d1d1d1;
    display: block;
    position: absolute;
    bottom: -60px;
}

.line-b:before {
    content: "";
    width: 330px;
    height: 0;
    border: 1px dotted #d1d1d1;
    display: block;
    position: absolute;
    bottom: -60px;
}

.introduce-left:before {
    right: 0;
}

.introduce-right:before {
    left: 0;
}

.introduce-left2:before {
    right: -100px;
}

.introduce-right2:before {
    left: -100px;
}

.top1 {
    font-size: 20px;
    color: #444;
}

.seo_ioc {
    width: 46px;
    margin: 0 auto;
    margin-bottom: 13px;
}

.introduce-top .hide-pic {
    width: 418px;
    position: absolute;
    top: -65%;
    left: 50%;
    margin-left: -209px;
    z-index: 5;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.3);
}

.introduce-top .hide-pic:before {
    content: "";
    width: 21px;
    height: 14px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -14px;
    margin-left: -10px;
    background: url("../yximg/seo_yy_07.png") no-repeat center;
}

.introduce-left .hide-pic {
    width: 418px;
    position: absolute;
    top: 10%;
    left: -290px;
    z-index: 5;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.3);
}

.introduce-left .hide-pic:before {
    content: "";
    width: 24px;
    height: 23px;
    display: block;
    position: absolute;
    right: -24px;
    top: 50%;
    margin-top: -11px;
    background: url("../yximg/seo_zy_17.png") no-repeat center;
}

.introduce-left2 .hide-pic {
    width: 418px;
    position: absolute;
    top: 9%;
    left: -275px;
    z-index: 5;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.3);
}

.introduce-left2 .hide-pic:before {
    content: "";
    width: 24px;
    height: 23px;
    display: block;
    position: absolute;
    right: -24px;
    top: 50%;
    margin-top: -11px;
    background: url("../yximg/seo_zy_17.png") no-repeat center;
}

.introduce-right .hide-pic {
    width: 418px;
    position: absolute;
    top: 10%;
    right: -275px;
    z-index: 5;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.3);
}

.introduce-right .hide-pic:before {
    content: "";
    width: 24px;
    height: 23px;
    display: block;
    position: absolute;
    left: -24px;
    top: 50%;
    margin-top: -11px;
    background: url("../yximg/seo_zy_20.png") no-repeat center;
}

.introduce-right2 .hide-pic {
    width: 418px;
    position: absolute;
    top: 10%;
    right: -275px;
    z-index: 5;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.3);
}

.introduce-right2 .hide-pic:before {
    content: "";
    width: 24px;
    height: 23px;
    display: block;
    position: absolute;
    left: -24px;
    top: 50%;
    margin-top: -11px;
    background: url("../yximg/seo_zy_20.png") no-repeat center;
}

.introduce-bot .hide-pic {
    width: 418px;
    position: absolute;
    top: -2%;
    left: 50%;
    margin-left: -209px;
    z-index: 5;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.3);
}

.introduce-bot .hide-pic:before {
    content: "";
    width: 21px;
    height: 14px;
    display: block;
    position: absolute;
    left: 50%;
    top: -14px;
    margin-left: -10px;
    background: url("../yximg/seo_bot1_30.png") no-repeat center;
}

.hide-pic .hide-pic-z {
    padding: 35px 17px 35px 22px;
    width: 117px;
    display: inline-block;
    float: left;
}

.hide-pic .hide-pic-txt {
    width: 287px;
    float: left;
}

.hide-pic .hide-pic-txt h6 {
    padding-top: 8px;
    line-height: 54px;
    color: #2d4c9c;
    font-size: 20px;
}

.hide-pic .hide-pic-txt p {
    font-size: 15px;
    line-height: 24px;
    color: #444;
}

.hide-pic {
    display: none;
}

.introduce-ac:hover .top1 {
    opacity: 0;
}

.introduce-ac:hover .hide-pic {
    display: block;
}


/*********** 四大独家优势 ***********/

.ycb-goodness {
    background-color: #f7f7f7;
    padding-top: 60px;
}

.ycb-goodness .title h1 {
    margin-top: 10px;
    margin-bottom: 0
}

.ycb-goodness ul {
    width: 1200px;
    margin: 0 auto;
    height: 540px;
    padding-top: 60px;
}

.ycb-goodness li:first-child {
    margin-left: 15px;
}

.ycb-goodness li {
    float: left;
    height: 400px;
    border-radius: 10px;
    width: 270px;
    background-color: #fff;
    margin-right: 25px;
    text-align: center;
}

.ycb-goodness li div {
    padding-top: 40px;
}

.ycb-goodness h4 {
    font-size: 20px;
    color: #333333;
    margin-top: 35px;
}

.ycb-goodness p {
    line-height: 30px;
    width: 200px;
    margin-left: 30px;
    margin-top: 25px;
    font-size: 15px;
    color: #555
}

.ycb-fourereason {
    background-color: #fff;
}

.ycb-fourereason .title {
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
    margin-bottom: 20px;
}

.ycb-fourereason .reasonbox {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
}

.ycb-fourereason .reason-left {
    float: left;
    width: 565px;
}

.ycb-fourereason .reason_left_top {
    text-align: center;
    background: url("../yximg/reason.gif") no-repeat center;
    width: 565px;
    height: 420px;
    position: relative;
}

.ycb-fourereason .reason_left_top p a {
    font-size: 16px;
    font-weight: bold;
    line-height: 14px;
}

.ycb-fourereason .reason_left_top p span {
    font-family: arial;
    font-weight: normal;
    color: #999;
    font-size: 12px;
}

.ycb-fourereason .reason_left_t {
    position: absolute;
    top: 47px;
    width: 85px;
    left: 240px;
    line-height: 23px;
}

.ycb-fourereason .reason_left_l {
    position: absolute;
    top: 205px;
    left: 55px;
    width: 100px;
    line-height: 25px;
}

.ycb-fourereason .reason_left_r {
    position: absolute;
    top: 205px;
    left: 410px;
    width: 95px;
    line-height: 25px;
}

.ycb-fourereason .reason_left_b {
    position: absolute;
    top: 360px;
    left: 250px;
    line-height: 25px;
}

.ycb-fourereason .reason_left_bottom>a>p {
    width: 150px;
    height: 36px;
    line-height: 36px;
    color: #fff;
    font-size: 18px;
    background: #499ffe;
    text-align: center;
    margin: 10px auto 0;
    border-radius: 5px;
}

.ycb-fourereason .reason_left_bottom>a>p:hover {
    background-color: #3092fe;
}

.ycb-fourereason .reason-right {
    float: left;
}

.ycb-fourereason .reason-rightbox {
    background-image: url(../yximg/reason-xian.png);
    background-repeat: repeat-y;
    background-position: 34px top;
    padding-top: 50px;
    padding-bottom: 20px;
}

.ycb-fourereason .reason-rightbox li {
    background-repeat: no-repeat;
    background-position: left center;
    height: 80px;
    padding-left: 95px;
    width: 540px;
    margin-bottom: 30px;
}

.ycb-fourereason .reason-rightbox li:nth-child(3) {
    padding-top: 5px;
}

.ycb-fourereason .reason-rightbox li h3 {
    font-size: 20px;
    margin-bottom: 10px;
    text-align: left;
    color: #3b8fea;
    line-height: 30px;
}

.ycb-fourereason .reason-rightbox li p {
    text-align: left;
    font-size: 15px;
    color: #555;
}

.ycb-fourereason .reason-icon01 {
    background-image: url(../yximg/icon30.png);
}

.ycb-fourereason .reason-icon02 {
    background-image: url(../yximg/icon31.png);
}

.ycb-fourereason .reason-icon03 {
    background-image: url(../yximg/icon32.png);
}

.ycb-fourereason .reason-icon04 {
    background-image: url(../yximg/icon33.png);
}


/*优词宝 结束*/


/*视频宝  开始*/

.title b {
    display: block;
    font-weight: bold;
    text-align: center;
    color: #ffea00;
    line-height: 100px;
    font-size: 70px;
}

.head {
    height: 650px;
    background: url(../yximg/index_01.jpg) no-repeat center 0
}

.head .headbox {
    width: 1200px;
    height: 650px;
    position: relative;
    margin: 0 auto
}

.head .headbox .header-submit {
    width: 300px;
    height: 70px;
    position: absolute;
    top: 514px;
    left: 450px;
    z-index: 10
}

.head .headbox .header-submit button {
    width: 300px;
    height: 70px;
    padding: 0;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    background: #ec2828;
    color: #fff;
    border: 1px solid #ec2828;
}


/******专业团队挖掘广告与艺术的力量******/

.spb-con1 {
    background: url(../yximg/001.jpg) no-repeat center 0 #060505;
    height: 814px;
    padding-top: 100px;
}

.spb-con1 ul {
    background: url(../yximg/index_04.jpg)no-repeat center;
    height: 567px;
    margin-top: 40px;
    position: relative;
}

.spb-con1 li {
    width: 342px;
    position: absolute;
    height: 191px;
    top: 0;
}

.spb-con1 li:nth-child(3),
.spb-con1 li:nth-child(4) {
    top: 200px;
}

.spb-con1 li:nth-child(5),
.spb-con1 li:nth-child(6) {
    top: 374px;
}

.spb-con1 li h1 {
    font-size: 40px;
    color: #ffea00;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 15px;
    padding-top: 10px;
}

.spb-con1 li p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.spb-con1 li:nth-child(1) .fl,
.spb-con1 li:nth-child(3) .fl,
.spb-con1 li:nth-child(5) .fl {
    width: 243px;
}

.spb-con1 li:nth-child(2) .fl,
.spb-con1 li:nth-child(4) .fl,
.spb-con1 li:nth-child(6) .fl {
    width: 79px;
}

.spb-con1 li:nth-child(2) .fr,
.spb-con1 li:nth-child(4) .fr,
.spb-con1 li:nth-child(6) .fr {
    width: 243px;
}

.spb-con1 li:nth-child(1) .fr,
.spb-con1 li:nth-child(3) .fr,
.spb-con1 li:nth-child(5) .fr {
    width: 71px;
}

.spb-con1 li:nth-child(1),
.spb-con1 li:nth-child(3),
.spb-con1 li:nth-child(5) {
    left: 0;
}

.spb-con1 li:nth-child(2),
.spb-con1 li:nth-child(4),
.spb-con1 li:nth-child(6) {
    right: 0
}

.spb-con1 img {
    display: block;
    margin: 38px auto 0;
}

.spb-con1 li:nth-child(2) img {
    margin: 34px auto 0;
}

.spb-con1 li:nth-child(4) img {
    margin: 43px auto 0;
}

.spb-con1 li:nth-child(5) img {
    margin: 43px auto 0;
}

.spb-con1 li:nth-child(6) img {
    margin: 47px auto 0;
}


/****** 匠心精心打磨，出品高端影视 ******/

.spb-con2 {
    padding-top: 40px;
}

.spb-con2 .title b {
    color: #000;
}

.title .xz {
    text-align: center;
    line-height: 30px;
    padding-bottom: 30px;
    font-size: 20px;
}

.chuangyi-tab {
    width: 1200px;
    height: 80px;
    background-image: url(../yximg/tab-bg.jpg);
    background-repeat: no-repeat;
    padding-left: 240px
}

.chuangyi-tab span {
    display: block;
    float: left;
    width: 260px;
    height: 60px;
    padding-top: 20px;
    cursor: pointer
}

.chuangyi-tab.active0 {
    background-position: center 0
}

.chuangyi-tab.active1 {
    background-position: center -80px
}

.chuangyi-tab.active2 {
    background-position: center -160px
}

.spb-con2 .chuangyi-wrap {
    clear: both
}

.spb-con2 .chuangyi-wrap .chuangyi-item {
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 640px;
    background-color: #fff;
    padding-right: 30px;
    width: 1200px;
    padding-top: 50px
}

.spb-con2 .chuangyi-wrap .chuangyi-item.bg1 {
    background-image: url(../yximg/002.jpg)
}

.spb-con2 .chuangyi-wrap .chuangyi-item.bg2 {
    background-image: url(../yximg/index_07.jpg)
}

.spb-con2 .chuangyi-wrap .chuangyi-item.bg3 {
    background-image: url(../yximg/003.jpg)
}

.spb-con2 .chuangyi-wrap .chuangyi-item li {
    width: 420px;
    height: 260px;
    padding: 20px 30px;
    margin-left: 10px;
    margin-bottom: 10px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    box-shadow: 0 0 5px #999
}

.spb-con2 .chuangyi-wrap .chuangyi-item dl {
    width: 310px;
    padding: 35px 25px 0;
}

.spb-con2 .chuangyi-wrap .chuangyi-item dt h1 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.spb-con2 .chuangyi-wrap .chuangyi-item dd p {
    line-height: 26px;
    font-size: 20px;
    color: #fff;
    text-align: left;
}

.spb-con2 .chuangyi-wrap .chuangyi-item ul {
    width: 860px;
}

.spb-con2 .chuangyi-wrap .chuangyi-item li .label-btn {
    clear: both;
    height: 120px;
    padding: 20px 0
}

.spb-con2 .chuangyi-wrap .chuangyi-item li .tit {
    line-height: 50px;
    font-size: 40px;
}

.spb-con2 .chuangyi-wrap .chuangyi-item li .label-btn span {
    display: inline-block;
    border: 1px solid gray;
    color: gray;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    font-size: 16px;
    white-space: nowrap
}

.spb-con2 .chuangyi-wrap .chuangyi-item li .button {
    display: inline-block;
    line-height: 14px;
    padding: 5px 10px;
    color: #666;
    border: 1px solid #dfdfdf;
    background: #f4f4f4;
    white-space: nowrap;
    overflow: visible;
    cursor: pointer;
    text-decoration: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    zoom: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.spb-con2 .chuangyi-wrap .chuangyi-item li .button.red {
    background-color: #fff;
    color: #ec2828;
    padding: 11px 15px;
    font-size: 16px;
    border: 1px solid #ec2828;
}

.spb-con2 .chuangyi-wrap .chuangyi-item li .button.red:hover {
    background: #e61717;
    background: -moz-linear-gradient(left, #e61717 0%, #ff4c4c 100%);
    background: -webkit-linear-gradient(left, #e61717 0%, #ff4c4c 100%);
    background: linear-gradient(to right, #e61717 0%, #ff4c4c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e61717', endColorstr='#ff4c4c', GradientType=1);
    color: #fff;
}


/****** 案例展示 ******/

.spb-con3 .video-list {
    clear: both;
    width: 1200px
}

.spb-con3 .title b {
    padding-top: 60px;
    color: #000;
    line-height: 90px;
}

.spb-con3 .video-list ul {
    width: 1260px;
    display: block
}

.spb-con3 .video-list ul li {
    width: 360px;
    height: 336px;
    float: left;
    margin-right: 60px;
    margin-bottom: 20px;
    background: url(../yximg/index_09.jpg) no-repeat 0 0;
    padding-top: 14px
}

.spb-con3 .video-list ul li em,
.spb-con3 .video-list ul li>span {
    display: block;
    height: 270px;
    overflow: hidden
}

.spb-con3 .video-list ul li>span {
    width: 360px;
    height: 46px;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 46px;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 16px;
    text-align: center
}


/****** 服务流程 ******/

.spb-con4 {
    margin-bottom: 80px;
}

.spb-con4 .title b {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
    color: #000;
}

.spb-con4 ul {
    text-align: center;
}

.spb-con4 li {
    float: left;
    height: 136px;
    width: 12%;
    padding-top: 37px;
    text-align: center;
}

.spb-con4 li img {
    display: block;
    margin: 0 auto 30px;
}

.spb-con4 li:nth-child(2n) {
    width: 27px;
    background: url(../yximg/lc-bg.png)no-repeat center;
}

.spb-con4 li p {
    color: #333;
    font-size: 16px;
    line-height: 16px;
}


/*视频宝  结束*/


/*网证宝 开始*/

::selection {
    background: #3b8fea;
    color: #fff;
    text-shadow: none
}

.middle {
    width: 1200px;
    margin: 0 auto;
}


/*一站式网站认证服务平台 开始*/

.kuai {
    background: #fff;
    padding: 50px 0;
}

.kuais {
    background: #efefef;
    padding: 50px 0;
}

.htitle {
    text-align: center;
    margin-bottom: 30px;
}

.htitle strong {
    font-weight: normal;
    font-size: 36px;
    color: #3e464c;
    margin-bottom: 15px;
}

.htitle p {
    margin-top: 15px;
    font-size: 14px;
    font-weight: normal;
    color: #a1a6ab;
    text-transform: uppercase;
}

.kuais .htitle div {
    background-position: -110px -671px;
}

.eightul {}

.eightul li {
    float: left;
    width: 262px;
    margin: 70px 50px 20px 0;
    position: relative;
    text-align: center;
    border: solid 1px #3b8fea;
    border-radius: 4px;
}

.eightul li .eiicon {
    display: block;
    width: 90px;
    height: 90px;
    background: #fff url(../yximg/icon.png) no-repeat -0px -40px;
    border: solid 1px #3b8fea;
    border-radius: 46px;
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -46px;
}

.eightul li h2 {
    margin: 64px 0 6px;
}

.eightul li h2 a {
    font-size: 18px;
    font-weight: normal;
    color: #333;
}

.eightul li h2 a:Hover {
    color: #3b8fea;
}

.eightul li p {
    font-size: 12px;
    color: #999;
    margin-bottom: 30px;
}

.eightul li .eibtn {
    display: inline-block;
    width: 130px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #428ae2;
    color: #fff;
}

.eightul li .eibtns {
    width: 129px;
    margin-left: 1px;
}

.eightul li.eightli02 .eiicon {
    background-position: -90px -40px;
}

.eightul li.eightli03 .eiicon {
    background-position: -180px -40px;
}

.eightul li.eightli05 {
    margin-right: 0;
}

.eightul li.eightli04 .eiicon {
    background-position: -270px -40px;
}

.eightul li.eightli05 .eiicon {
    background-position: -360px -40px;
}

.eightul li.eightli06 .eiicon {
    background-position: -450px -40px;
}

.eightul li.eightli07 .eiicon {
    background-position: -540px -40px;
}

.eightul li.eightli06 {
    margin-right: 0;
}

.eightul li.eightli08 .eiicon {
    background-position: -0px -130px;
}

.eightul li:hover {
    border-color: #3b8fea;
}

.eightul li:hover .eiicon {
    border-color: #3b8fea;
}

.eightul li:hover .eibtn {
    background: #206ecd;
}

.eightul li:hover .eibtn:hover {
    background: #206ecd;
}

.whyrz {
    background: #eee url(../yximg/kuais01.jpg) no-repeat center bottom;
}

.whyrzs {
    height: 300px;
    position: relative;
}

.whyrzs01,
.whyrzs02 {
    padding: 32px 0 0 170px;
    position: absolute;
    top: 40px;
    left: 0;
}

.whyrzs01 div,
.whyrzs02 div {
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    height: 100px;
    padding: 50px 20px 0 20px;
    ;
    background: #f76a3d;
    border-radius: 75px;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
}

.whyrzs01 p,
.whyrzs02 p {
    color: #333;
    font-size: 14px;
    line-height: 22px;
    width: 200px;
    position: relative;
    padding-left: 20px;
    margin-top: 6px;
}

.whyrzs01 p span,
.whyrzs02 p span {
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    border-radius: 8px;
    background: #f76a3d;
    color: #fff;
    text-align: center;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 3px;
}

.whyrzs02 {
    left: 826px;
}

.whyrzs02 div,
.whyrzs02 p span {
    background: #40b800;
}


/*网站认证的六大核心价值*/

.sixul li {
    float: left;
    width: 386px;
    height: 152px;
    padding: 20px 20px 0 0;
    margin: 10px 20px 10px 0;
    position: relative;
    padding-left: 150px;
    background: #f0f0f0;
    border: solid 1px #e9e9e9;
}

.sixul li .sixicon {
    width: 110px;
    height: 110px;
    background: #fff url(../yximg/icon.png) no-repeat -0px -336px;
    border-radius: 55px;
    position: absolute;
    left: 20px;
    top: 20px;
}

.sixul li h3 {
    font-size: 18px;
    font-weight: normal;
    color: #333;
    margin: 4px 0 10px;
}

.sixul li p {
    font-size: 12px;
    line-height: 24px;
    color: #666;
}

.sixul li .sixicon02 {
    background-position: -110px -336px;
}

.sixul li .sixicon03 {
    background-position: -220px -336px;
}

.sixul li .sixicon04 {
    background-position: -330px -336px;
}

.sixul li .sixicon05 {
    background-position: -440px -336px;
}

.sixul li .sixicon06 {
    background-position: -550px -336px;
}

.sixul li:hover {
    background: #3b8fea;
    border-color: #3b8fea;
}

.sixul li:hover h3,
.sixul li:hover p {
    color: #fff;
}


/*网站认证为什么选择 新万网*/

.whyxz {
    background: #eee url(../yximg/kuais02.gif) no-repeat center bottom;
}

.whyxzs {
    height: 400px;
    position: relative;
}

.whyxzs .whyxzs01 {
    position: absolute;
    top: 30px;
    left: 0;
    width: 320px;
}

.whyxzs .whyxzs01 .whyxzsicon {
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 28px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #b086b8;
    position: absolute;
    top: 0;
    right: 0;
}

.whyxzs .whyxzs01 h3 {
    font-size: 18px;
    color: #874593;
    font-weight: normal;
}

.whyxzs .whyxzs01 p {
    font-size: 13px;
    color: #666;
    line-height: 24px;
    margin-top: 10px;
    width: 250px;
}

.whyxzs .whyxzs02 {
    position: absolute;
    top: 50px;
    left: 880px;
    width: 250px;
    padding-left: 70px;
}

.whyxzs .whyxzs02 .whyxzsicon {
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 28px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #7ea1bf;
    position: absolute;
    top: 0;
    left: 0;
}

.whyxzs .whyxzs02 h3 {
    font-size: 18px;
    color: #487093;
    font-weight: normal;
}

.whyxzs .whyxzs02 p {
    font-size: 13px;
    color: #666;
    line-height: 24px;
    margin-top: 10px;
}

.whyxzs .whyxzs03 {
    position: absolute;
    top: 232px;
    left: 0;
    width: 350px;
}

.whyxzs .whyxzs03 .whyxzsicon {
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 28px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #ebae44;
    position: absolute;
    top: 0;
    right: 0;
}

.whyxzs .whyxzs03 h3 {
    font-size: 18px;
    color: #b58023;
    font-weight: normal;
}

.whyxzs .whyxzs03 p {
    font-size: 13px;
    color: #666;
    line-height: 24px;
    margin-top: 10px;
    width: 270px;
}

.whyxzs .whyxzs04 {
    position: absolute;
    top: 220px;
    left: 836px;
    width: 296px;
    padding-left: 70px;
}

.whyxzs .whyxzs04 .whyxzsicon {
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 28px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    background: #901a4e;
    position: absolute;
    top: 0;
    left: 0;
}

.whyxzs .whyxzs04 h3 {
    font-size: 18px;
    color: #901a4e;
    font-weight: normal;
}

.whyxzs .whyxzs04 p {
    font-size: 13px;
    color: #666;
    line-height: 24px;
    margin-top: 10px;
}


/*申请网站认证的操作流程*/

.liucul li {
    float: left;
    text-align: center;
}

.liucul li .liucicon {
    width: 92px;
    height: 92px;
    background: #559AFF url(../yximg/icon.png) no-repeat -0px -542px;
    border-radius: 6px;
}

.liucul li h3 {
    font-size: 14px;
    font-weight: normal;
    margin-top: 10px;
    color: #666;
}

.liucul li .liucjt {
    background: url(../yximg/icon.png) no-repeat 26px -222px;
    height: 92px;
    width: 92px;
}

.liucul li .liucicon02 {
    background-position: -92px -542px;
}

.liucul li .liucicon03 {
    background-position: -184px -542px;
}

.liucul li .liucicon04 {
    background-position: -276px -542px;
}

.liucul li .liucicon05 {
    background-position: -368px -542px;
}

.liucul li .liucicon06 {
    background-position: -460px -542px;
}

.liucul li .liucicon07 {
    background-position: -554px -542px;
}

.liucul li:hover h3 {
    color: #3b8fea;
}

.liucul li:hover .liucicon {
    background-color: #3b8fea;
    background-position: -0px -542px;
}

.liucul li:hover .liucicon02 {
    background-position: -92px -542px;
}

.liucul li:hover .liucicon03 {
    background-position: -184px -542px;
}

.liucul li:hover .liucicon04 {
    background-position: -276px -542px;
}

.liucul li:hover .liucicon05 {
    background-position: -368px -542px;
}

.liucul li:hover .liucicon06 {
    background-position: -460px -542px;
}

.liucul li:hover .liucicon07 {
    background-position: -554px -542px;
}


/*客户*/

.ul_h_case li:nth-child(6n) {
    margin-right: 0
}

.ul_h_case li {
    width: 180px;
    height: 88px;
    float: left;
    margin: 0 24px 24px 0;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 0 4px #ddd;
    -moz-box-shadow: 0 0 4px #ddd;
    box-shadow: 0 0 4px #ddd;
    border: solid 1px #ddd;
}

.ul_h_case li .limg {
    width: 178px;
    height: 88px;
    background: #fff;
}

.ul_h_case li .limg div {
    width: 178px;
    height: 88px;
    overflow: hidden;
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.ul_h_case li .limg div span {
    position: static;
    +position: absolute;
    top: 51%
}

.ul_h_case li .limg div span img {
    position: static;
    +position: relative;
    top: -50%;
    left: -50%;
    max-width: 178px;
    max-height: 88px;
}

.ul_h_case li p {
    height: 88px;
    line-height: 88px;
    text-align: center;
    font-size: 14px;
    opacity: 0;
    background: #e54c45;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all .4s;
}

.ul_h_case li:hover p {
    opacity: 1;
}

.btna {
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    border: solid 1px #3b8fea;
    color: #3b8fea;
    margin: 0 auto;
    text-align: center;
}

.btna:hover {
    background: #3b8fea;
    color: #fff;
}


/*指导单位与合作机构*/

.tablist {
    text-align: center;
    margin-bottom: 20px;
}

.tablist a {
    display: inline-block;
    padding: 8px 28px;
    background: #fff;
    color: #666;
    border: solid 1px #ddd;
    margin: 0 10px;
    cursor: pointer;
}

.tablist a.active {
    background: #3b8fea;
    color: #fff;
    border-color: #3b8fea;
}

.tabbody .tabbodys {
    display: none;
}


/*新闻中心*/

.ul_h_news {}

.ul_h_news li {
    padding: 16px 20px 20px;
    background: #fff;
    margin: 10px 30px 20px 0;
    width: 380px;
    float: left;
    -webkit-box-shadow: 0 0 4px #ddd;
    -moz-box-shadow: 0 0 4px #ddd;
    box-shadow: 0 0 4px #ddd;
}

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

.ul_h_news li h3 a {
    font-size: 16px;
    font-weight: normal;
    color: #666;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ul_h_news li h3 a:hover {
    color: #3b8fea;
}

.ul_h_news li h4 {
    font-size: 12px;
    font-weight: normal;
    border-top: solid 1px #eee;
    color: #999;
    padding-top: 6px;
    margin: 8px 0 14px;
}

.ul_h_news li .h_news_img {
    display: block;
    width: 100px;
    height: 100px;
    float: left;
}

.ul_h_news li .h_news_img img {
    width: 100%;
    height: 100%;
}

.ul_h_news li p {
    float: right;
    width: 224px;
    font-size: 12px;
    color: #666;
    line-height: 20px;
}

.ul_h_cases li {
    border: solid 1px #ddd;
    padding: 20px;
    background: #fff;
    width: 300px;
    float: left;
    margin: 0 -1px -1px 0;
    text-align: center;
}


/*在线申请*/

.rztijiao {
    width: 1100px;
    margin: 0 auto;
}

.rztijiao table td {
    padding: 8px 0;
}

.rztijiao .text {
    height: 38px;
    line-height: 38px;
    width: 380px;
    padding-left: 4px;
    border: solid 1px #999;
    border-radius: 2px;
    font-family: "Microsoft YaHei";
}

.rztijiao .text2 {
    width: 150px;
    margin: 0;
    background: #fff;
    border: solid 1px #999;
    border-radius: 2px;
}

.rztijiao .textarea {
    height: 138px;
    width: 430px;
}

.rztijiao .submit {
    border: 0;
    background: none;
    display: block;
    height: 50px;
    width: 200px;
    font-weight: bold;
    margin: 0;
    background: #d20200;
    color: #fff;
    font-family: "Microsoft YaHei";
    font-size: 16px;
    cursor: pointer;
    border-radius: 4px;
}

.rztijiao .submit:hover {
    background: #f90200;
}

.rztijiao {
    padding: 50px 50px 0 50px;
}

.rztijiao h2 {
    font-size: 24px;
    color: #d20200;
}

.rztijiao table {
    width: 100%;
}

.rztijiao .td_l {
    width: 360px;
    text-align: right;
    vertical-align: top;
    line-height: 32px;
}

.rztijiao td label {
    margin: 0 20px 0px 2px;
    display: inline-block;
    text-align: left;
    color: #333;
    cursor: pointer;
}

.rztijiao td label img {
    height: 40px;
}

.rztijiao td {
    color: #333;
}

.rztijiao td * {
    vertical-align: middle;
}

.rztijiao td p {
    color: #f90200;
    margin: 4px 0 2px;
    text-align: center;
}

.rztijiao td h3 {
    text-align: center;
}

.rztijiao td span {
    color: red;
    font-family: '宋体';
    font-size: 12px;
}


/*可信网站*/

.kxwz01 {
    height: 230px;
    background: url(../yximg/kxwz01.jpg) no-repeat left center;
    padding: 70px 0 0 450px;
}

.kxwz01 h1 {
    font-size: 26px;
    color: #666;
}

.kxwz01 p {
    font-size: 14px;
    line-height: 26px;
    color: #333;
    margin-top: 20px;
}

.kxwz02 {}

.kxwz02 li {
    background: #fff;
    width: 219px;
    padding: 40px;
    float: left;
    margin: 10px -1px 20px 0;
    text-align: center;
    -webkit-box-shadow: 0 0 4px #ddd;
    -moz-box-shadow: 0 0 4px #ddd;
    box-shadow: 0 0 4px #ddd;
    border: solid 1px #ddd;
}

.kxwz02 li img {
    height: 51px;
}

.kxwz02 li h3 {
    font-size: 18px;
    font-weight: normal;
    color: #333;
    margin: 20px 0 4px;
}

.kxwz02 li h4 {
    font-size: 12px;
    font-weight: normal;
    color: #999;
}

.kxwz02 li p {
    font-size: 14px;
    color: #333;
    margin: 20px 0 20px;
}

.kxwz02 li p b {
    font-size: 18px;
    color: #d20200;
}

.kxwz02 li a.kbtna,
.kxwz02 li a.kbtnas {
    display: inline-block;
    width: 86px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 2px;
    background: #d20200;
    border: solid 1px #d20200;
    color: #fff;
    font-size: 13px;
}

.kxwz02 li a.kbtnas {
    border-color: #ff8900;
    color: #ff8900;
    background: none;
    margin-left: 18px;
}

.kxwz02 li a.kbtna:hover {
    background: #f03432;
}

.kxwz02 li a.kbtnas:hover {
    background: #ff8900;
    color: #fff;
}

.kxwz0102 {
    padding: 50px 0;
    padding-right: 400px;
    background: url(../yximg/2016120601.jpg) no-repeat right center;
}

.kxwz0102 h2 {
    font-size: 26px;
    color: #666;
}

.kxwz0102 p {
    font-size: 14px;
    line-height: 26px;
    color: #333;
    margin-top: 20px;
}

.kxwz0103 {
    padding: 60px 0;
    padding-left: 450px;
    background: url(../yximg/2016120602.jpg) no-repeat left center;
}

.kxwz0103 h2 {
    font-size: 26px;
    color: #666;
}

.kxwz0103 p {
    font-size: 14px;
    line-height: 26px;
    color: #333;
    margin-top: 20px;
}

.m-pack {
    text-align: center;
    margin-bottom: 20px;
}

.m-pack li {
    float: left;
    display: inline;
    position: relative;
}

.m-pack .c_hd {
    font-size: 12px;
    color: #666;
    width: 362px;
    background-color: #fbfbfb;
}

.m-pack .c_hd .s_th span {
    display: block;
    padding-top: 90px;
    font-size: 18px;
}

.m-pack .c_hd .s_td {
    padding-left: 15px;
    text-align: left;
}

.m-pack .c_bd {
    width: 279px;
    background-color: #FFF;
}

.m-pack .c_bd p {
    font-size: 12px;
    color: #999;
    padding: 10px;
    text-align: left;
}

.m-pack .s_th,
.m-pack .s_td {
    border: 1px solid #ddd;
    margin: -1px;
}

.m-pack .s_th {
    height: 235px;
    position: relative;
}

.m-pack .s_td {
    height: 40px;
    line-height: 40px;
}

.m-pack .s_td p {
    font-size: 12px;
    color: #999;
    line-height: 17px;
    padding: 4px;
}

.m-pack .dui {
    background: url(../yximg/dui.gif) no-repeat center center;
}

.m-pack .c_bd:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    color: #d20200;
    z-index: 1;
}

.m-pack .c_bd:hover {
    margin-top: -20px;
}

.m-pack .c_bd:hover .s_th {
    height: 255px;
    background-color: #d20200;
    color: #fff;
    border-color: #d20200;
}

.m-pack .c_bd:hover .s_c,
.m-pack .c_bd:hover .s_c del,
.m-pack .c_bd:hover .s_c strong,
.m-pack .c_bd:hover .s_one {
    color: #fff;
}

.m-pack .s_one {
    display: block;
    padding-top: 15px;
    color: #666;
    font-size: 20px;
}

.m-pack .s_a {
    height: 110px;
    margin-bottom: 5px;
}

.m-pack .s_a img {
    height: 50px;
    margin-top: 10px;
}

.m-pack .s_a strong {
    display: block;
    text-align: center;
    margin: 20px 0 6px;
    font-size: 22px;
    font-weight: normal;
}

.m-pack .s_c {
    font-size: 12px;
    line-height: 1.5;
    color: #999;
}

.m-pack .s_c strong {
    font-size: 20px;
    display: block;
    color: #666;
    font-weight: normal;
}

.m-pack .s_d {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
}

.m-pack .s_td_l {
    height: 76px;
}

.m-pack .a {
    color: #333;
    height: 1px;
    width: 11px;
    background-color: #333;
    overflow: hidden;
    display: inline-block;
}

.bt-1 {
    display: inline-block;
    padding: 0 40px;
    height: 30px;
    line-height: 30px;
    color: #d20200;
    border: 1px solid #d20200;
}

.bt-1:hover,
.bt-1:focus {
    text-decoration: none;
}

.m-pack .c_bd:hover .bt-1,
.m-pack .s_td_l .bt-1 {
    background-color: #fff;
    border-color: #fff;
    color: #d20200;
}

.pack-hd {
    width: 100%;
    border-top: 1px solid #ddd;
    margin-top: -1px;
    border-collapse: collapse;
    vertical-align: middle;
}

.pack-hd .s_e {
    padding: 0 10px;
    width: 1em;
    text-align: center;
}

.pack-hd .s_e span {
    display: inline-block;
    vertical-align: middle;
    width: 1em;
    line-height: 1.2;
}

.pack-hd .s_e span i {
    font-style: normal;
    margin-left: -1px;
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.pack-hd th,
.pack-hd td {
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.pack-hd th {
    height: 235px;
}

.pack-hd td {
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    text-align: left;
}

.pack-hd .s_f {
    border-right: 1px solid #fbfbfb;
}

.pack-a {
    height: 100%;
    width: 100%;
    font-size: 18px;
    color: #666;
    font-weight: normal;
    position: relative;
}

.pack-a .s1 {
    top: 51px;
    left: 200px;
    z-index: 1;
}

.pack-a .s2 {
    left: 54px;
    top: 157px;
}

.pack-a .s3,
.pack-a .s3 b {
    border-left: 179px dashed transparent;
    border-bottom: 117px dashed transparent;
}

.pack-a .s3 {
    top: 0;
    left: 0;
    height: 0;
    width: 0;
    border-right: 179px solid #ddd;
    border-top: 117px solid #ddd;
}

.pack-a .s3 b {
    position: absolute;
    top: 0;
    left: 2px;
    height: 0;
    width: 0;
    border-right: 179px solid #fbfbfb;
    border-top: 117px solid #fbfbfb;
}

.pack-a .i,
.pack-a i {
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat
}

.pa {
    position: absolute
}


/*网站为什么要进行认证？*/

.kxwz03 {
    height: 490px;
    background: url(../yximg/kxwz02.jpg) no-repeat center 10px;
    position: relative;
}

.kxwz03 p {
    font-size: 20px;
    line-height: 24px;
    color: #444;
    position: absolute;
    top: 100px;
    left: 500px;
}

.kxwz03 p span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #666;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
    margin-right: 8px;
    border-radius: 12px;
}

.kxwz03 p b {
    font-weight: normal;
    line-height: 24px;
    display: inline-block;
}

.kxwz03 p * {
    vertical-align: middle;
}

.kxwz03 .kxwz0301 {
    top: 0px;
    left: 210px;
}

.kxwz03 .kxwz0302 {
    top: 0px;
    left: 810px;
    color: #e70012;
}

.kxwz03 .kxwz0302 span {
    background: #e70012;
}

.kxwz03 .kxwz0303 {
    top: 212px;
    left: 84px;
}

.kxwz03 .kxwz0304 {
    top: 212px;
    left: 928px;
    color: #e70012;
}

.kxwz03 .kxwz0304 span {
    background: #e70012;
}

.kxwz03 .kxwz0305 {
    top: 435px;
    left: 120px;
}

.kxwz03 .kxwz0306 {
    top: 435px;
    left: 810px;
    color: #e70012;
}

.kxwz03 .kxwz0306 span {
    background: #e70012;
}

.kxwz0301 li {
    float: left;
    width: 324px;
    height: 458px;
    padding: 20px;
    margin-right: 50px;
    border: solid 1px #ddd;
    background: #fff;
}

.kxwz0301 li h2 {
    font-size: 18px;
    color: #333;
    text-align: center;
    line-height: 30px;
}

.kxwz0301 li h3 {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    text-align: center;
}

.kxwz0301 li img {
    display: block;
    margin: 10px 0;
}

.kxwz0301 li p {
    font-size: 13px;
    line-height: 24px;
    color: #333;
}

.kxwz04 {}

.kxwz04 li {
    float: left;
    width: 550px;
    margin: 10px 0px 40px 100px;
}

.kxwz04 li .limg {
    float: left;
    width: 120px;
}

.kxwz04 li .limg img {
    display: block;
    width: 100%;
    height: 100%;
}

.kxwz04 li .rnei {
    float: right;
    width: 400px;
}

.kxwz04 li .rnei h3 {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
    line-height: 18px;
}

.kxwz04 li .rnei p {
    font-size: 14px;
    color: #888;
    line-height: 24px;
}

.liuculs li .liucicon {
    /*background-color:#fff;*/
    border-radius: 46px;
}


/*网证宝 结束*/


/*上词宝 开始*/


/******海量精准关键词快速霸屏搜索首页******/

.scb-con1 {
    padding-bottom: 60px;
}

.scb-con1 .features {
    overflow: hidden;
    width: 680px;
    margin: 50px auto;
    text-align: center;
}

.scb-con1 .features dl {
    width: 220px;
    padding: 0 20px;
    float: left;
    border-right: 1px solid #ccc;
    color: #666;
}

.scb-con1 .features dl:last-child {
    border-right: none;
}

.scb-con1 .features dt {
    font-size: 14px;
    height: 60px;
    line-height: 55px;
    color: #428ae2
}

.scb-con1 .features dt span {
    font-size: 60px;
}

.scb-con1 .features dd {
    font-size: 15px;
    line-height: 30px;
    color: #333;
}

.scb-con1 p {
    width: 1000px;
    margin: auto;
    line-height: 30px;
    color: #444;
    font-size: 17px;
}


/******海量关键词排名******/

.scb-con2 img {
    display: block;
    width: 100%;
}

.scb-con2 .scb-pm {
    padding: 55px 0 0;
    background: #f7f7f7;
}

.scb-con2 .scb-pm .title h1 {
    margin-top: 0
}

.scb-con2 .scb-pm .title p {
    margin-bottom: 30px;
    font-size: 16px;
}

.scb-con2 .scb-pm img {
    margin-bottom: -30px;
}


/******帮你霸占更多曝光资源******/

.scb-con2 .jzt-ss .left {
    width: 69%;
}

.scb-con2 .jzt-ss .right {
    width: 30%;
}


/******关键词排名在首页******/

.scb-gjc .word {
    max-width: 500px;
}

.scb-gjc {
    padding: 100px 0 80px;
}

.scb-gjc img {
    margin: 0 auto 0 60px;
}

.scb-gjc .right {
    width: 58%;
    vertical-align: middle;
    display: inline-block;
    padding: 0 15px;
    max-width: 100%;
}

.scb-gjc .left {
    width: 41%;
    vertical-align: middle;
    display: inline-block;
    padding: 0 15px;
}


/******关键词推广行业服务效果对比******/

.scb-con3 {
    padding-top: 70px;
    font-size: 16px;
}

.scb-con3 .wrap {
    padding-bottom: 80px;
    padding-top: 30px;
}

.scb-con3 table {
    border-collapse: separate;
}

.scb-con3 table tbody .top {
    height: 60px;
}

.scb-con3 table tbody .top .top-td {
    /*width: 450px;*/
    text-align: center;
    vertical-align: middle;
}

.scb-con3 table tbody .content-tr .one {
    border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    border-top: 1px solid #e4e4e4;
    width: 149px;
}

.scb-con3 table tbody .top .first {
    width: 149px;
}

.scb-con3 table tbody .top .ios {
    background-color: #888888;
    border-radius: 10px 0 0 0;
    -moz-border-radius: 10px 0 0 0;
    -webkit-border-radius: 10px 0 0 0;
    color: #fff;
    width: 300px;
}

.scb-con3 table tbody .top .pc {
    background-color: #e82828;
    border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 10px 0 0;
    color: #fff;
    font-size: 24px;
    border-bottom: 1px solid #c90000;
    height: 70px;
    line-height: 70px;
}

.scb-con3 table tbody .content-tr {
    height: 98px;
}

.scb-con3 table tbody .content-tr .first {
    background-color: #f5f5f5;
    line-height: 1.2;
}

.scb-con3 table tbody .content-tr .last {
    border-right: 1px solid #e4e4e4;
}

.scb-con3 table tbody .content-tr td {
    text-align: center;
    color: #626262;
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    line-height: 35px;
    padding: 0 10px;
}

.scb-con3 table tbody .content-tr td.tdbg {
    color: #626262;
    background: #f5f5f5;
}

.scb-con3 table tbody .content-tr td.tdbgred {
    color: #fff;
    background: #E82828;
    border-bottom: 1px solid #c90000;
    line-height: 35px;
}


/*上词宝 结束*/


/*搜媒通 开始*/


/******全网新闻媒体覆盖******/

.smt-con1 .cutin ul {
    width: 290px;
    position: relative;
}

.smt-con1 .cutin .fl {
    width: 290px;
}

.smt-con1 .tab-content {
    width: 900px;
    height: 353px;
}

.smt-con1 .multi {
    border: 1px solid #ddd;
    text-align: center;
    font-size: 24px;
    color: #999;
    line-height: 65px;
    border-radius: 5px;
    margin-bottom: 10px;
    width: 290px;
}

.smt-con1 .multi_left {
    float: left;
    width: 140px;
    border: 1px solid #ddd;
    border-radius: 5px;
    color: #999;
    height: 60px;
    padding-left: 50px;
    position: relative;
    line-height: 60px;
    font-size: 14px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.smt-con1 .multi_right {
    float: left;
    width: 140px;
}

.smt-con1 .multi_right {
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 128px;
    color: #999;
    position: relative;
    margin-bottom: 10px;
    text-align: center;
}

.smt-con1 .multi_right.active,
.smt-con1 .multi_left.active {
    border: 1px solid #efaf4d;
    background: #efaf4d;
    color: #fff;
}

.smt-con1 .multi_left i img {
    position: absolute;
    left: 10px;
    top: 10px;
}

.smt-con1 img {
    vertical-align: middle;
}

.smt-con1 img.img2 {
    display: none;
}

.smt-con1 .cutin .smartul li {
    cursor: pointer;
}

.smt-con1 .cutin li.active img.img1 {
    display: none;
}

.smt-con1 .cutin li.active img.img2 {
    display: block;
}

.smt-con1 .multi_right i {
    display: block;
    position: absolute;
    left: 36px;
    top: 13px;
    font-size: 60px;
    line-height: 60px;
}

.smt-con1 .multi_right span {
    display: block;
    position: absolute;
    bottom: 15px;
    width: 100%;
    text-align: center;
}

.smt-con1 .tab-content .tabpanel img {
    position: absolute;
}

.smt-con1 .tab-content .tabpanel {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.smt-con1 .tab-content .tabpanel.active {
    opacity: 1;
    z-index: 1;
}


/******案例******/

.smt-con2 {
    margin-bottom: 40px;
}

.smt-con2 .down {
    padding-top: 40px;
}

.smt-con2 .tab_one_menu {
    border-top: 1px solid #e4e4e4;
}

.smt-con2 .tab_one_menu li,
.smt-con2 .tab_one_menu li a {
    width: 100%;
    height: 80px;
    line-height: 78px;
    background: #fff;
}

.smt-con2 .tab_one_menu li {
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 150px;
}

.smt-con2 .tab_one_menu li .pose-info {
    display: block;
    text-decoration: none;
    color: #333;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding-left: 20px;
    font-size: 16px;
}

.smt-con2 .tab_one_menu li .pose-info:hover,
.smt-con2 .tab_one_menu li.active .pose-info {
    text-decoration: none;
    color: #1d82c8;
    border-right: 1px solid #1d82c8;
    border-left: 1px solid #1d82c8;
    transition: all 0.3s linear 0s;
}

.smt-con2 .tab_one_menu li span.keytitle {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: left;
    display: inline-block;
    font-size: 18px;
    color: #f15433;
    margin-top: 30px;
    margin-bottom: 5px;
}

.smt-con2 .tab_one_menu li.active b,
.smt-con2 .tab_one_menu li.active b:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.smt-con2 .tab_one_menu li.active b {
    border-width: 10px;
}

.smt-con2 .tab_one_menu li.active b {
    top: 50%;
    right: 0px;
    margin-top: -10px;
    border-left-width: 0;
    border-right-color: #1d82c8;
}

.smt-con2 .tab_one_menu li.active b:after {
    content: "";
    border-width: 9px;
}

.smt-con2 .tab_one_menu li.active b:after {
    right: -10px;
    margin-top: -9px;
    content: " ";
    border-left-width: 0;
    border-right-color: #fff;
}

.smt-con2 .news_one_conter {
    width: 966px;
    border-radius: 4px;
    margin-left: -1px;
    position: relative;
}

.smt-con2 .news_one_accout {
    width: 280px;
    position: relative;
    border-radius: 5px;
    margin: 40px 20px 20px 20px;
    border: 1px solid #ebebeb;
}

.smt-con2 .news_one_accout .accout_nav {
    padding: 90px 30px 20px 30px;
}

.smt-con2 .news_one_accout .news_img {
    position: absolute;
    left: 50%;
    top: -40px;
    margin-left: -48px;
    width: 96px;
    height: 125px;
}

.smt-con2 .news_one_accout .news_img a {
    width: 95px;
    height: 95px;
    overflow: hidden;
    display: block;
    border: 4px solid #eee;
    border-radius: 85px;
}

.smt-con2 .news_one_accout .news_img img {
    width: 85px;
    height: 45px;
    margin: 25px 0px;
    vertical-align: middle;
}

.smt-con2 .accout_name {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    overflow: hidden;
    font-weight: bold;
    text-align: center;
}

.smt-con2 .news_account_div {
    width: 108px;
    line-height: 24px;
    text-align: center;
    color: #d62f40;
    border-right: 1px solid #e5ece9;
    margin-bottom: 10px;
    padding-bottom: 10px;
    height: 24px;
}

.smt-con2 .news_account_div:nth-child(2) {
    border-right: none;
}

.smt-con2 .bor_bottom {
    border-bottom: 1px solid #e5ece9;
    margin-bottom: 10px;
}

.smt-con2 .news_account_label {
    color: #666;
    overflow: hidden;
    height: 44px;
    line-height: 22px;
}

.smt-con2 .news_one_bottom {
    position: absolute;
    left: 650px;
    font-size: 16px;
    bottom: 0px;
    width: 100px;
    height: 20px;
}

.smt-con2 .word {
    padding: 35px 0 20px 40px;
    background-color: #fff;
    height: 320px;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    border-top: 1px solid #e4e4e4;
    width: 1050px;
    position: absolute;
}

.smt-con2 .tab_box .word {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    visibility: hidden;
}

.smt-con2 .tab_box .word.clearfix.active {
    opacity: 1;
    z-index: 1;
    visibility: visible;
}

.smt-con2 .btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.smt-con2 .btn {
    display: inline-block;
    padding: 6px 12px;
    width: 82px;
    height: 34px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #fff;
}

.btn-danger.active,
.btn-danger.focus,
.btn-danger:active,
.btn-danger:focus,
.btn-danger:hover,
.open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925;
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.smt-con2 .btn.active,
.smt-con2 .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.smt-con2 .btn-danger {
    border: 1px solid #d62f40;
    background-color: #d62f40;
}

.smt-con2 .blank10 {
    height: 10px;
}

.smt-con2 .smt-btn {
    text-align: center;
}


/******如何做软文营销推广？******/

.smt-con3 {
    background: #f7f7f7;
    padding: 55px 0;
    margin-top: 80px;
}

.smt-con3 .title h1 {
    margin-top: 0;
}

.smt-con3 .ulbox5 {
    position: absolute;
    left: 0px;
    top: 7px
}

.smt-con3 .ulbox5 li {
    width: 236px;
    padding: 0px 18px;
    float: left;
    margin-right: 85px
}

.smt-con3 .ulbox5 li h3 {
    text-align: center;
    color: #636363;
    font-size: 22px;
    padding-top: 20px;
    margin-bottom: 148px;
    font-weight: bold;
}

.smt-con3 .ulbox5 li p {
    color: #8e8e8e;
    line-height: 22px;
    font-size: 14px;
}


/******新闻营销优势******/

.smt-con4 {
    margin-bottom: 80px;
}

.smt-con4 .platform {
    background: url("../yximg/news_con6_1.jpg") no-repeat center;
    height: 320px;
    position: relative;
}

.smt-con4 .f16 {
    font-size: 18px;
    color: #333;
    line-height: 30px;
}

.smt-con4 .co9 {
    color: #777;
    font-size: 15px;
    line-height: 22px;
}

.smt-con4 .teri {
    text-align: right;
}

.smt-con4 .tele {
    text-align: left;
}

.smt-con4 .plat1 {
    width: 380px;
    position: absolute;
    top: 20px;
    left: 20px;
}

.smt-con4 .plat2 {
    width: 380px;
    position: absolute;
    top: 120px;
    left: -10px;
}

.smt-con4 .plat3 {
    width: 380px;
    position: absolute;
    top: 250px;
    left: 20px;
}

.smt-con4 .plat4 {
    width: 380px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.smt-con4 .plat5 {
    width: 380px;
    position: absolute;
    top: 120px;
    right: -10px;
}

.smt-con4 .plat6 {
    width: 380px;
    position: absolute;
    top: 250px;
    right: 20px;
}


/******软文营销分析******/

.smt-con5 {
    background: #f7f7f7;
    padding: 55px 0;
}

.smt-con5 .title h1 {
    margin-top: 0
}

.smt-con5 .softwen {
    width: 286px;
    height: 300px;
    background: #fff;
    float: left;
    margin-right: 16px;
    border: 1px solid #ebebeb;
}

.smt-con5 .softwen:hover {
    filter: alpha(opacity=9);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 1px 10px #aaa;
}

.smt-con5 .enterprise {
    text-align: center;
    margin-top: 10px;
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 30px;
}

.smt-con5 .softwen dd {
    border-top: 1px solid #ddd;
    margin: 0 15px;
    padding-top: 5px;
}

.smt-con5 .major {
    float: left;
    width: 125px;
    margin-top: 10px;
    padding-left: 20px;
}

.smt-con5 .major span {
    font-size: 12px;
    color: #666;
    line-height: 17px;
}

.smt-con5 .major span i {
    margin-right: 5px;
    color: #666;
    font-size: 12px;
    display: inline-block;
    width: 12px;
    height: 17px;
    background: url(../yximg/icon-duihao.png)no-repeat center;
    background-size: 12px;
}

.smt-con5 .major_but {
    text-align: center;
    margin-top: 35px;
}

.smt-con5 .tace {
    text-align: center;
    margin-top: 20px;
}

.smt-con5 .celebrity_but {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    padding: 10px 30px;
    font-size: 18px;
    border-radius: 5px;
}

.smt-con5 .celebrity_but:active,
.smt-con5 .celebrity_but:focus,
.smt-con5 .celebrity_but:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}


/****** 新闻营销案例精选 ******/

.carousel {
    position: relative;
}

.smt-con6 {
    position: relative;
}

.smt-con6 .title {
    margin-bottom: 100px;
}

.smt-con6 .carousel-indicators {
    position: absolute;
    top: -70px;
    left: 0px;
    width: 100%;
    height: 60px;
    padding-left: 0;
    margin-left: 0px;
    text-align: center;
    list-style: none;
}

.smt-con6 .carousel-indicators li {
    position: relative;
    display: inline-block;
    *display: inline;
    width: 160px;
    height: 56px;
    line-height: 56px;
    _line-height: 56px;
    font-size: 18px;
    text-align: center;
    *zoom: 1;
    *vertical-align: top;
    color: #333;
    margin: 0px;
    text-indent: 0px;
    cursor: pointer;
    border: 0px;
    border-radius: 0px;
    background: #FFF;
}

.smt-con6 .carousel-indicators li.active {
    color: #e2a114;
    border-bottom: 3px solid #e2a114;
}

.smt-con6 .carousel-indicators li i {
    width: 35px;
    height: 35px;
}

.smt-con6 .carousel-indicators li i img {
    position: absolute;
    left: 12px;
    top: 10px;
}

.smt-con6 .carousel-indicators li img.img2 {
    display: none;
}

.smt-con6 .carousel-indicators li.active img.img2 {
    display: block;
}

.smt-con6 .carousel-indicators li.active img.img1 {
    display: none;
}

.smt-con6 .carousel-indicators li span {
    padding: 0px 10px 0px 20px;
}

.smt-con6 .mod_success_case {
    padding: 0px 50px;
}

.smt-con6 .mod_success_case dt {
    overflow: hidden;
    width: 690px;
}

.smt-con6 .mod_success_case dt img {
    height: 384px;
    margin: 24px 0 0 0;
}

.smt-con6 .mod_success_case dd {
    width: 400px;
}

.smt-con6 .mod_success_case dd .case_group_img {
    overflow: hidden;
    height: 115px;
}

.smt-con6 .mod_success_case dd .case_group_info {
    overflow: hidden;
    height: 124px;
}

.smt-con6 .mod_success_case dd h3 {
    font-weight: bold;
    color: #333;
    font-size: 18px;
    line-height: 40px;
    padding-left: 20px;
    height: 40px;
    text-align: left;
    border-bottom: 1px solid #e5ece9;
}

.smt-con6 .mod_success_case dd p {
    line-height: 30px;
    color: #999;
}

.smt-con6 .mod_success_case .case_group {
    padding: 0px;
    overflow: hidden;
    margin-top: 20px;
}

.smt-con6 .mod_success_case .case_group .control-label {
    text-align: right;
}

.smt-con6 .mod_success_case .case_group .case_col-1 {
    padding: 0px 0px 0px 30px;
    height: 26px;
    line-height: 30px;
    background: url(../yximg/icon_p.png) no-repeat 0px 2px;
}

.smt-con6 .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.smt-con6 .carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .smt-con6 .carousel-inner>.item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000
    }
    .smt-con6 .carousel-inner>.item.active.right,
    .smt-con6 .carousel-inner>.item.next {
        left: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    .smt-con6 .carousel-inner>.item.active.left,
    .smt-con6 .carousel-inner>.item.prev {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    .smt-con6 .carousel-inner>.item.active,
    .smt-con6 .carousel-inner>.item.next.left,
    .smt-con6 .carousel-inner>.item.prev.right {
        left: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.smt-con6 .carousel-inner>.active,
.smt-con6 .carousel-inner>.next,
.smt-con6 .carousel-inner>.prev {
    display: block
}

.smt-con6 .carousel-inner>.active {
    left: 0
}

.smt-con6 .carousel-inner>.next,
.smt-con6 .carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.smt-con6 .carousel-inner>.next {
    left: 100%
}

.smt-con6 .carousel-inner>.prev {
    left: -100%
}

.smt-con6 .carousel-inner>.next.left,
.smt-con6 .carousel-inner>.prev.right {
    left: 0
}

.smt-con6 .btn-danger {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.smt-con6 .btn-danger:hover {
    background-color: #286090;
    border-color: #204d74;
}

.smt-con6 {
    padding-bottom: 80px;
}


/******服务流程******/

.smt-con7 {
    background: url(../yximg/process.jpg) no-repeat center top;
    padding-top: 55px;
    padding-bottom: 20px;
}

.smt-con7 .title h1 {
    margin: 0;
    color: #fff;
}

.smt-con7 .show-content .tab-tit {
    text-align: center;
    padding: 40px 0px
}

.smt-con7 .show-content .tab-tit li {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    padding: 0 30px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #ddd;
    margin: 0px 15px;
    cursor: pointer
}

.smt-con7 .show-content .tab-tit li.current {
    background: #2e7bff;
    color: #fff;
}

.show-content .tab-content {
    padding: 30px 0px 70px
}

.show-content .tab-content img {
    display: block;
    margin: 0 auto;
}


/*搜媒通 结束*/


/*采编通 开始*/


/******媒体报道******/

.cbt-con1 .title h2 {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 15px;
}

.cbt-con1 .title h1 {
    margin-top: 40px;
}

.cbt-con1 p {
    max-width: 1000px;
    text-align: center;
    margin: 0 auto 10px;
    color: #666;
    font-size: 16px;
    line-height: 32px;
}


/******媒体邀约服务******/

.cbt-con2 .up {
    background-color: #fff;
    text-align: center;
}

.cbt-con2 .up ul li {
    float: left;
    width: 33.3333333%;
    cursor: pointer;
    padding: 30px 0 0;
}

.cbt-con2 .up ul .lu_bgca {
    width: 213px;
    height: 213px;
    margin: 0 auto;
    padding-top: 35px;
    position: relative;
    transition: all 0.5s;
}

.cbt-con2 .up ul .lu_bgcai1 {
    background: url(../yximg/tv-yaoyue1.jpg) no-repeat center;
    background-size: 80%;
}

.cbt-con2 .up ul .lu_bgcai2 {
    background: url(../yximg/tv-yaoyue2.jpg) no-repeat center;
    background-size: 80%;
}

.cbt-con2 .up ul .lu_bgcai3 {
    background: url(../yximg/tv-yaoyue3.jpg) no-repeat center;
    background-size: 80%;
}

.cbt-con2 .up ul li:hover .lu_bgca,
.cbt-con2 .up ul li.on .lu_bgca {
    background-size: 95%;
}

.cbt-con2 .up ul li .lu_bgca:after {
    content: '';
    display: block;
    width: 212px;
    height: 212px;
    border: 2px dashed #B7D7FF;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.8s;
    opacity: 0;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}

.cbt-con2 .up ul li:hover .lu_bgca:after,
.cbt-con2 .up ul li.on .lu_bgca:after {
    width: 220px;
    height: 220px;
    top: -5px;
    left: -5px;
    display: block;
    opacity: 1;
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -ms-transform: scale(1.0);
    -o-transform: scale(1.0);
    transform: scale(1.0);
}

.cbt-con2 .up ul li .l_wor {
    color: #4fade1;
    font-size: 22px;
    line-height: 18px;
    margin: 22px 0 15px;
}

.cbt-con2 .up ul li p {
    line-height: 1.65;
    font-size: 15px;
    color: #666;
    margin-bottom: 60px;
}

.cbt-con2 .trg {
    background-color: #f5f5f5;
    text-align: center;
}

.cbt-con2 .conWrap {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.cbt-con2 .up li.on {
    border-bottom: none;
}

.cbt-con2 .down {
    background-color: #f7f7f7;
    padding-bottom: 100px;
    height: 1000px;
    position: relative;
}

.cbt-con2 .quickness-trg {
    height: 35px;
    text-align: center;
    background-color: #fff;
}

.cbt-con2 .down .con {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    position: absolute;
}

.cbt-con2 .down .con.active {
    opacity: 1;
    z-index: 1;
}

.cbt-con2 .box_szm {
    color: #FFBC4D;
    font-size: 90px;
    line-height: 80px;
    padding-right: 5px;
}

.cbt-con2 .box_cn {
    color: #488BFF;
    font-size: 40px;
    line-height: 50px;
}

.cbt-con2 .box_en {
    color: #bbbbbb;
    font-size: 20px;
}

.cbt-con2 .lofir .lf_tit h3 {
    margin-left: -94px;
}

.cbt-con2 .lofir.lotwo .lf_tit h3 {
    margin-left: -138.5px;
}

.cbt-con2 .lofir.lotr .lf_tit h3 {
    margin-left: -121px;
}

.cbt-con2 .lf_tit h3 {
    padding-right: 15px;
}

.cbt-con2 .l_intr {
    padding-top: 20px;
}

.cbt-con2 .slidebox .hd {
    position: relative;
}

.cbt-con2 .slidebox .hd a {
    width: 30px;
    height: 50px;
    position: absolute;
    top: 200px;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.3);
    background-position: center center;
    background-repeat: no-repeat;
    transition: 0.5s;
}

.cbt-con2 .slidebox .hd .left_icon {
    background-image: url(../yximg/prev.png);
    left: -50px;
}

.cbt-con2 .slidebox .hd .right_icon {
    background-image: url(../yximg/next.png);
    right: -50px;
}

.cbt-con2 .slidebox .hd .left_icon:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.cbt-con2 .slidebox .hd .right_icon:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.cbt-con2 .slidebox .bd li {
    height: 776px;
    width: 1140px !important;
    padding-left: 20px;
}

.cbt-con2 .slidebox .bd li img {
    display: block;
    width: 100%;
}

.cbt-con2 .slidebox .bd li>h3 {
    text-align: center;
    font-size: 28px;
    color: #333;
    padding: 60px 0 50px;
}

.cbt-con2 .case_prev,
.cbt-con2 .case_next {
    position: absolute;
    width: 14px;
    height: 26px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../yximg/index_img24.png) no-repeat center;
    z-index: 999;
    cursor: pointer;
}

.cbt-con2 .case_next {
    right: 0;
    left: auto;
    background: url(../yximg/index_img25.png) no-repeat center;
}


/****** 百万优质媒体资源 ******/

.cbt-con3 {
    padding-bottom: 80px;
}

.cbt-con3 .media-box .media-img {
    width: 300px;
}

.cbt-con3 .media-box .media-text {
    width: 890px;
    background: #fff;
    border-top: 2px solid #50acea;
}

.cbt-con3 .media-box .media-text .tab-tit {
    height: 55px;
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    line-height: 55px
}

.cbt-con3 .media-box .media-text .tab-tit li {
    float: left;
    color: #727272;
    font-size: 16px;
    cursor: pointer;
    border-left: 1px solid #ebebeb;
    text-align: center;
    width: 33.3333333%;
}

.cbt-con3 .media-box .media-text .tab-tit li.first {
    border-left: none;
}

.cbt-con3 .media-box .media-text .tab-tit li.current {
    background: #50acea;
    color: #fff
}

.cbt-con3 .media-box.media2 .media-text .tab-tit li.current {
    background: #e83737
}

.cbt-con3 .media-box.media3 .media-text .tab-tit li.current {
    background: #50acea
}

.cbt-con3 .tab-box .img-list {
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    overflow: hidden;
    padding: 40px 0px 28px 0px;
}

.cbt-con3 .tab-box .img-list a {
    width: 178px;
    height: 88px;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    display: block;
    margin: 0px 0px 13px 34px;
    float: left
}

.cbt-con3 .tab-box .img-list a span {
    width: 178px;
    height: 88px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.cbt-con3 .tab-box .img-list img {
    max-width: 178px;
    max-height: 88px
}


/****** 我们的优势 ******/

.cbt-con4 {
    background: #f7f7f7 url(../yximg/6bx-bg.jpg) no-repeat center bottom;
    padding: 70px 0;
}

.cbt-con4 .wrap {
    height: 460px;
    width: 1400px;
    position: relative;
}

.cbt-con4 .title h1 {
    margin-top: 0;
    font-size: 36px;
    color: #454545;
    font-weight: bold;
}

.cbt-con4 .title h3 {
    margin-bottom: 0;
}

.cbt-con4 .bxBox {
    width: 20%;
    position: absolute;
}

.cbt-con4 .bxBox h2 {
    width: 145px;
    height: 165px;
    text-align: center;
    display: block;
    padding-top: 50px;
    color: #fff;
    font-weight: normal;
    margin: 0 auto;
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 16px;
}

.cbt-con4 .bxBox h2 i {
    font-size: 30px;
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
}

.cbt-con4 .bxBox1 {
    left: 0;
    top: 30px;
}

.cbt-con4 .bxBox1 h2 {
    background: url(../yximg/6bx1.png)no-repeat center;
}

.cbt-con4 .bxBox p {
    font-size: 14px;
    color: #666;
    line-height: 28px;
    text-align: center;
}

.cbt-con4 .bxBox2 {
    left: 300px;
    top: 160px;
}

.cbt-con4 .bxBox2 h2 {
    background: url(../yximg/6bx2.png)no-repeat center;
}

.cbt-con4 .bxBox3 {
    left: 600px;
    top: 60px;
}

.cbt-con4 .bxBox3 h2 {
    background: url(../yximg/6bx3.png)no-repeat center;
}

.cbt-con4 .bxBox4 {
    right: 222px;
    top: 160px;
}

.cbt-con4 .bxBox4 h2 {
    background: url(../yximg/6bx4.png)no-repeat center;
}

.cbt-con4 .bxBox5 {
    right: -60px;
    top: 60px;
}

.cbt-con4 .bxBox5 h2 {
    background: url(../yximg/6bx5.png)no-repeat center;
}

.cbt-con4 .bxBox6 {
    left: 1020px;
    top: 120px;
}

.cbt-con4 .bxBox6 h2 {
    background: url(../yximg/6bx6.png)no-repeat center;
}


/****** 我们的案例 ******/

.cbt-con5 li {
    float: left;
    width: 360px;
    margin: 0 30px 30px 0;
}

.cbt-con5 li img {
    display: block;
    margin: 0 auto;
    padding: 15px;
    width: 360px;
}

.cbt-con5 li h1 {
    font-size: 20px;
    color: #333;
    margin: 5px 0 10px;
}

.cbt-con5 li p {
    font-size: 14px;
    line-height: 28px;
    color: #777;
    padding: 0 15px;
    margin-bottom: 30px;
}

.cbt-con5.g-case .m-case .item {
    text-align: center;
    width: 360px;
    height: 460px;
}


/*采编通 结束*/


/*知汇通 开始*/

.reputation-wdyx {
    background: url("../yximg/reputation-wdyx.png") no-repeat center top;
    width: 930px;
    margin: 0 auto;
    height: 502px;
}

.contain {
    width: 1200px;
    margin: 0 auto;
}

.reputation-wdyx .live-main {
    position: relative;
    width: 1200px;
    height: 500px;
    margin: auto;
    overflow: hidden;
}

.reputation-wdyx .live-box {
    position: absolute;
    overflow: hidden;
    height: 500px;
    top: 0;
    left: 0;
}

.reputation-wdyx .live-box>div {
    float: left;
}

.reputation-wdyx .live-box>div.activity-content {
    width: 1200px;
    height: 500px;
}

.live-btn>span {
    width: 15px;
    height: 15px;
    background: #F1A299;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    margin-left: 12px;
}

.live-btn>span.active {
    background: #3383cc;
    border-radius: 50%;
    border: solid 1px #3383cc;
}

.live-btn1>span {
    width: 11px;
    height: 11px;
    background: #cecece;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    margin-left: 12px;
}

.live-btn1>span.active {
    background: #afafaf;
    border-radius: 50%;
    border: solid 1px #afafaf;
}

.dsp-btn1>span {
    width: 11px;
    height: 11px;
    background: #cecece;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    margin-left: 12px;
}

.dsp-btn1>span.active {
    background: #afafaf;
    border-radius: 50%;
    border: solid 1px #afafaf;
}

.reputation-wdyx .prev,
.live-main .prev,
.reputation-wdyx .prev1 {
    width: 50px;
    height: 70px;
    background: url("../yximg/live_left.png") no-repeat;
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    margin-top: -20px;
    font-weight: bold;
    cursor: pointer;
    display: none;
    z-index: 1111;
}

.reputation-wdyx .next,
.live-main .next,
.reputation-wdyx .next1 {
    width: 50px;
    height: 70px;
    background: url("../yximg/live_right.png") no-repeat;
    position: absolute;
    top: 50%;
    right: -3px;
    text-align: center;
    line-height: 70px;
    margin-top: -20px;
    cursor: pointer;
    z-index: 1111;
    display: none;
}

#live-banner:hover .prev,
#live-banner:hover .next,
#live-banner1:hover .prev1,
#live-banner1:hover .next1,
#dsp-banner:hover .next1,
#dsp-banner:hover .prev1 {
    display: block;
}

#live-help-banner:hover .prev1,
#live-help-banner:hover .next1,
#live-help-banner1:hover .prev1,
#live-help-banner1:hover .next1 {
    display: block;
}

#live-help-banner .prev1,
#live-help-banner .next1 {
    top: 50%;
    margin-top: 0px;
}

#live-banner1 .prev1,
#live-banner1 .next1 {
    top: 34%;
    margin-top: 0px;
}

.lunbo3:hover> .prev1,
.lunbo3:hover> .next1 {
    display: block;
}

.lunbo4:hover> .prev1,
.lunbo4:hover> .next1 {
    display: block;
}

.lunbo3> .prev1,
.lunbo3> .next1 {
    top: 40%;
    right: 10%;
}

.lunbo4> .prev1,
.lunbo4> .next1 {
    top: 40%;
    right: 10%;
}

.reputation-wdyx .live-box>div.activity-content {
    height: 510px!important;
}


/******百科营销的优势******/

.zht-con2.cbt-con4 .bxBox p {
    padding: 0 15px;
}

.zht-con2.cbt-con4 {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 70px 0 30px;
}


/******一搜百应知汇通百科资源******/

.zht-con3 {
    padding-bottom: 50px;
}

.zht-con3 .title h1 {
    margin-top: 70px;
    font-size: 36px;
    color: #454545;
    font-weight: bold;
}

.zht-con3 .new-partner li {
    width: 240px;
    float: left;
    height: 180px;
    background: url(../yximg/index_whyme14.png) no-repeat center;
    text-align: center;
    margin-top: -10px;
}

.zht-con3 .new-partner li img {
    margin-top: 52px;
}

.zht-con3 .new-partner li p {
    margin-top: 24px;
    color: #454545;
    font-size: 14px;
}


/******知汇通问答营销******/

.zht-con4 {
    background: #f7f7f7;
    padding: 55px 0 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.zht-con4 .reputation-wdyx {
    background: url(../yximg/reputation-wdyx2.png) no-repeat center top;
}

.zht-con4 .title h1 {
    margin-top: 0;
}


/****** 问答营销能为企业带来什么?******/

.zht-con5 .wrap {
    margin-top: 60px;
    margin-bottom: 80px;
}

.zht-con5 .wrap dl {
    float: left;
    width: 280px;
    height: 188px;
    padding: 30px 20px;
    margin-right: 26px;
    border: 1px solid #e9ecef;
    text-align: left;
}

.zht-con5 .wrap dl:hover {
    border: 1px solid #488bff;
    transition: border 1s;
}

.zht-con5 .wrap dl p {
    font-size: 16px;
    color: #333333;
    margin-top: 0;
}

.zht-con5 .wrap dl span {
    display: block;
    width: 55px;
    height: 2px;
    background: #3b8fea;
    margin-bottom: 12px;
    margin-top: 14px;
}

.zht-con5 .wrap dd {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    color: #888888;
}

.zht-con5 .wenda-dailai-center1 {
    background: #FFFFFF url(../yximg/wenda-back1.png) no-repeat right 20px bottom 15px;
}

.zht-con5 .wenda-dailai-center2 {
    background: #FFFFFF url(../yximg/wenda-back2.png) no-repeat right 20px bottom 15px;
}

.zht-con5 .wenda-dailai-center3 {
    background: #FFFFFF url(../yximg/wenda-back3.png) no-repeat right 20px bottom 15px;
}

.zht-con5 .wenda-dailai-center4 {
    background: #FFFFFF url(../yximg/wenda-back4.png) no-repeat right 20px bottom 15px;
}

.zht-con5 .wenda-mar-no {
    margin-right: 0 !important;
}


/****** 一搜百应知汇通百科资源 ******/

.zht-con6.zht-con3 .new-partner li {
    width: 170.5px;
}


/****** 客户案例 ******/

.zht-con7 {
    height: 580px;
    background: url(../yximg/wd_bg4.jpg) center 0 no-repeat;
    padding: 55px 0;
    background-size: cover;
}

.zht-con7 .title h1 {
    margin-top: 0;
    color: #fff;
}

.zht-con7 .case_box li {
    float: left;
    width: 360px;
    margin: 30px 30px 0 0;
}

.zht-con7.g-case .m-case .item {
    text-align: center;
    width: 360px;
    height: 230px;
    border: none;
    box-shadow: none;
}

.zht-con7 li p {
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    margin-top: 15px;
}


/*知汇通 结束*/


/*流量通  开始*/


/******* 一站式海量跨平台优质资源 *******/

.llt-con1 .title h3 {
    line-height: 30px;
    letter-spacing: 1px;
}

.llt-con1 img {
    width: 750px;
    display: block;
    margin: 0 auto;
}

.llt-con1 .wrap {
    position: relative;
    height: 420px;
}

.llt-con1 .direction {
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}

.llt-con1 .circle-xin {
    width: 156px;
    height: 156px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-bottom: -78px;
    z-index: 100;
    background: url(../yximg/circle_xin.png) no-repeat center;
}

.llt-con1 .direction ul {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-image: url(../yximg/semicircle.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 836px;
    height: 410px;
    animation: kuosan 1s linear;
}

.llt-con1 .direction ul li {
    position: absolute;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    bottom: -15px;
    left: 50%;
    height: 10px;
    animation-duration: 1.5s;
    animation-fill-mode: both;
}

.llt-con1 .direction ul li.isIe {
    opacity: 1;
}

.llt-con1 .direction ul li.notIe {
    opacity: 0;
}

.llt-con1 .direction ul li.li1 {
    width: 400px;
    -webkit-transform: rotate(-160deg);
    -moz-transform: rotate(-160deg);
    -ms-transform: rotate(-160deg);
    -o-transform: rotate(-160deg);
    transform: rotate(-160deg);
    background: url("../yximg/xian_01.png") center;
}

.llt-con1 .direction ul li.li2 {
    z-index: 10;
    width: 105px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    background: url("../yximg/xian_02.png") center;
}

.llt-con1 .direction ul li.li3 {
    width: 231px;
    -webkit-transform: rotate(-120deg);
    -moz-transform: rotate(-120deg);
    -ms-transform: rotate(-120deg);
    -o-transform: rotate(-120deg);
    transform: rotate(-120deg);
    background: url("../yximg/xian_03.png") center;
}

.llt-con1 .direction ul li.li4 {
    width: 297px;
    -webkit-transform: rotate(-98deg);
    -moz-transform: rotate(-98deg);
    -ms-transform: rotate(-98deg);
    -o-transform: rotate(-98deg);
    transform: rotate(-98deg);
    background: url("../yximg/xian_04.png") center;
}

.llt-con1 .direction ul li.li5 {
    z-index: 1;
    width: 137px;
    -webkit-transform: rotate(-75deg);
    -moz-transform: rotate(-75deg);
    -ms-transform: rotate(-75deg);
    -o-transform: rotate(-75deg);
    transform: rotate(-75deg);
    background: url("../yximg/xian_05.png") center;
}

.llt-con1 .direction ul li.li6 {
    width: 296px;
    -webkit-transform: rotate(-65deg);
    -moz-transform: rotate(-65deg);
    -ms-transform: rotate(-65deg);
    -o-transform: rotate(-65deg);
    transform: rotate(-65deg);
    background: url("../yximg/xian_06.png") center;
}

.llt-con1 .direction ul li.li7 {
    width: 150px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: url("../yximg/xian_07.png") center;
}

.llt-con1 .direction ul li.li8 {
    width: 368px;
    -webkit-transform: rotate(-25deg);
    -moz-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    -o-transform: rotate(-25deg);
    transform: rotate(-25deg);
    background: url("../yximg/xian_08.png") center;
}

.llt-con1 .direction ul li div {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 20px rgba(127, 177, 255, .2);
    -moz-box-shadow: 0 0 20px rgba(127, 177, 255, .2);
    box-shadow: 0 0 20px rgba(127, 177, 255, .2);
    position: absolute;
    top: -40px;
    width: 100px;
    height: 100px;
    border: 1px solid rgba(60, 136, 255, 0);
    transition: all 0.3s linear;
}

.llt-con1 .direction ul li div:hover {
    border: 1px solid #3c88ff;
    -webkit-box-shadow: 0 0 20px rgba(60, 137, 255, 0.24);
    -moz-box-shadow: 0 0 20px rgba(60, 137, 255, 0.24);
    box-shadow: 0 0 20px rgba(60, 137, 255, 0.24);
}

.llt-con1 .direction ul li i {
    position: absolute;
    left: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background: url("../yximg/xian_dian.png") no-repeat center;
}

.llt-con1 .direction ul li.li1 div {
    -webkit-transform: rotate(160deg);
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -o-transform: rotate(160deg);
    transform: rotate(160deg);
    left: 106%;
    background: url("../yximg/tubiao_01.png") no-repeat center;
}

.llt-con1 .direction ul li.li2 div {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 120%;
    background: url("../yximg/tubiao_02.png") no-repeat center;
}

.llt-con1 .direction ul li.li3 div {
    -webkit-transform: rotate(120deg);
    -moz-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    -o-transform: rotate(120deg);
    transform: rotate(120deg);
    left: 110%;
    background: url("../yximg/tubiao_03.png") no-repeat center;
}

.llt-con1 .direction ul li.li4 div {
    -webkit-transform: rotate(98deg);
    -moz-transform: rotate(98deg);
    -ms-transform: rotate(98deg);
    -o-transform: rotate(98deg);
    transform: rotate(98deg);
    left: 110%;
    background: url("../yximg/tubiao_04.png") no-repeat center;
}

.llt-con1 .direction ul li.li5 div {
    -webkit-transform: rotate(75deg);
    -moz-transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    -o-transform: rotate(75deg);
    transform: rotate(75deg);
    left: 110%;
    background: url("../yximg/tubiao_05.png") no-repeat center;
}

.llt-con1 .direction ul li.li6 div {
    -webkit-transform: rotate(65deg);
    -moz-transform: rotate(65deg);
    -ms-transform: rotate(65deg);
    -o-transform: rotate(65deg);
    transform: rotate(65deg);
    left: 110%;
    background: url("../yximg/tubiao_06.png") no-repeat center;
}

.llt-con1 .direction ul li.li7 div {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 110%;
    background: url("../yximg/tubiao_07.png") no-repeat center;
}

.llt-con1 .direction ul li.li8 div {
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    -o-transform: rotate(25deg);
    transform: rotate(25deg);
    left: 106%;
    background: url("../yximg/tubiao_08.png") no-repeat center;
}


/******* 精准的定向能力  瞄准活跃目标客户*******/

.llt-con2 {
    position: relative;
    width: 100%;
    height: 820px;
    background-color: #f0f3f8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 97px;
}

.llt-con2 .title h1 {
    margin-top: 15px;
    margin-bottom: 10px;
}

.llt-con2 .title h3 {
    line-height: 26px;
    letter-spacing: .5px;
}

.llt-con2 .jiantou-down {
    width: 30px;
    height: 36px;
    margin: 0 auto;
    position: relative;
    background: url("../yximg/jiantou_down.png") no-repeat center;
}

.llt-con2 .target-customer-container {
    margin: 55px auto 0;
    position: relative;
    z-index: 10;
    width: 1200px;
    height: 420px;
    background: url("../yximg/computer.png") no-repeat center;
}

.llt-con2 .computer1 {
    -webkit-animation: computer1 2s linear infinite;
    -o-animation: computer1 2s linear infinite;
    animation: computer1 2s linear infinite;
    position: absolute;
    width: 51px;
    height: 104px;
    left: 517px;
    top: 93px;
    background: url("../yximg/computer1.png") no-repeat center;
}

.llt-con2 .computer2 {
    -webkit-animation: computer2 2s linear infinite;
    -o-animation: computer2 2s linear infinite;
    animation: computer2 2s linear infinite;
    position: absolute;
    width: 119px;
    height: 158px;
    left: 533px;
    top: 80px;
    background: url("../yximg/computer2.png") no-repeat center;
}

.llt-con2 .computer3 {
    -webkit-animation: computer3 2s linear infinite;
    -o-animation: computer3 2s linear infinite;
    animation: computer3 2s linear infinite;
    position: absolute;
    width: 51px;
    height: 102px;
    left: 633px;
    top: 127px;
    background: url("../yximg/computer3.png") no-repeat center;
}

.llt-con2 .jiantou-down-one {
    animation: scrollmove ease-out 2s infinite;
    -webkit-animation: scrollmove ease-out 2s infinite;
    -moz-animation: scrollmove ease-out 2s infinite;
    -o-animation: scrollmove ease-out 2s infinite;
}

.llt-con2 .jiantou-down-two {
    position: relative;
    left: 0;
    right: 0;
    top: -30px;
    margin: 0 auto;
    animation: scrollmove ease-out 2s infinite;
    -webkit-animation: scrollmove ease-out 2s infinite;
    -moz-animation: scrollmove ease-out 2s infinite;
    -o-animation: scrollmove ease-out 2s infinite;
}

@keyframes scrollmove {
    0% {
        transform: translateY(-25%);
        opacity: 0;
    }
    50% {
        transform: translateY(20%);
        opacity: 1;
    }
    100% {
        transform: translateY(30%);
        opacity: 0;
    }
}

.llt-con2 .target-customer-xian {
    -webkit-animation: treeLine 1s linear;
    -o-animation: treeLine 1s linear;
    animation: treeLine 1s linear;
    position: absolute;
    width: 660px;
    height: 356px;
    top: 329px;
    left: 50%;
    margin-left: -330px;
    background: url(../yximg/tree_line.png) no-repeat center 15px;
}

.llt-con2 .target-customer-label {
    position: absolute;
    width: 260px;
    height: 106px;
    -webkit-box-shadow: 6px -6px 0px 3px #9ec4ff;
    -moz-box-shadow: 6px -6px 0px 3px #9ec4ff;
    box-shadow: 6px -6px 0px 3px #9ec4ff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #e0ecff;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.llt-con2 .label,
.llt-con2 .label-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    padding: 0 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.llt-con2 .label {
    margin: 10px auto 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 18px;
}

.llt-con2 .label-container {
    height: 64px;
    margin: auto;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    padding-top: 5px;
}

.llt-con2 .label-one {
    top: 0;
    left: 0;
}

.llt-con2 .label-two {
    top: 155px;
    left: 0;
}

.llt-con2 .label-three {
    bottom: 0;
    left: 0;
}

.llt-con2 .label-four {
    top: 0;
    right: 0;
}

.llt-con2 .label-five {
    top: 155px;
    right: 0;
}

.llt-con2 .label-six {
    bottom: 0;
    right: 0;
}

.llt-con2 .btn-server {
    cursor: pointer;
    width: 160px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    background-color: #3c88ff;
    border-radius: 3px;
    margin: 0 auto;
    border: solid 1px #3c88ff;
}

.llt-con2 .btn-server a {
    color: #ffffff;
}

.llt-con2 .jiantou23 {
    color: #ffffff;
    margin-right: 20px
}

.llt-con2 .jiantou24 {
    color: #ffffff;
    margin-left: 20px
}

.llt-con2 .btn-server:hover {
    border: solid 1px #3c88ff;
    background: transparent;
}

.llt-con2 .btn-server:hover a {
    color: #3c88ff
}

.llt-con2 .btn-server:hover .iconfont {
    color: #3c88ff !important;
}


/*******投广告*******/

.llt-con3 .bx3-t1 {
    padding-top: 60px;
    color: #fff;
    font-size: 36px;
    font-weight: 300;
    text-align: center;
}

.llt-con3 .bx3-t2 {
    margin-top: 15px;
    line-height: 1;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}

.llt-con3 .bx3-t3 {
    margin-top: 25px;
    color: #fff;
    font-size: 14px;
    line-height: 2;
    text-align: center;
}

.llt-con3 .blue-frame {
    width: 100%;
    background: #1977DF;
    padding-bottom: 80px;
}

.llt-con3 .roll-steps {
    width: 800px;
    height: 96px;
    margin: 0 auto;
    position: relative;
    background: url(../yximg/line.png) no-repeat center top;
    background-image: -webkit-image-set(../../img/llt/url(../yximg/line.png) 1x, url(../../img/llt/line@2x.png) 2x);
    background-image: -moz-image-set(../../img/llt/url(../yximg/line.png) 1x, url(../../img/llt/line@2x.png) 2x);
    background-image: -ms-image-set(../../img/llt/url(../yximg/line.png) 1x, url(../../img/llt/line@2x.png) 2x);
    background-image: -o-image-set(../../img/llt/url(../yximg/line.png) 1x, url(../../img/llt/line@2x.png) 2x);
}

.llt-con3 .rollBox {
    padding-top: 50px;
    position: relative;
}

.llt-con3 .rollBox a.roll-prev,
.llt-con3 .rollBox a.roll-next {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    opacity: 0.5;
    filter: alpha(opacity=50);
    transition: all 0.5s;
    top: 400px;
}

.llt-con3 .rollBox a.roll-prev:hover,
.llt-con3 .rollBox a.roll-next:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.llt-con3 .rollBox a.roll-prev {
    background: url("../yximg/prev.png") no-repeat center center;
    background-image: -webkit-image-set(url(../yximg/prev.png) 1x, url(../../img/llt/prev@2x.png) 2x);
    background-image: -moz-image-set(url(../yximg/prev.png) 1x, url(../../img/llt/prev@2x.png) 2x);
    background-image: -ms-image-set(url(../yximg/prev.png) 1x, url(../../img/llt/prev@2x.png) 2x);
    background-image: -o-image-set(url(../yximg/prev.png) 1x, url(../../img/llt/prev@2x.png) 2x);
    left: 20%;
}

.llt-con3 .rollBox a.roll-next {
    background: url("../yximg/next.png") no-repeat center center;
    background-image: -webkit-image-set(../../img/llt/url(../yximg/next.png) 1x, url(../../img/llt/next@2x.png) 2x);
    background-image: -moz-image-set(../../img/llt/url(../yximg/next.png) 1x, url(../../img/llt/next@2x.png) 2x);
    background-image: -ms-image-set(../../img/llt/url(../yximg/next.png) 1x, url(../../img/llt/next@2x.png) 2x);
    background-image: -o-image-set(../../img/llt/url(../yximg/next.png) 1x, url(../../img/llt/next@2x.png) 2x);
    right: 20%;
}

.llt-con3 .roll-steps {
    width: 800px;
    height: 96px;
    margin: 0 auto;
    position: relative;
    background: url("../yximg/line.png") no-repeat center top;
    background-image: -webkit-image-set(url(../yximg/line.png) 1x, url(../../img/llt/line@2x.png) 2x);
    background-image: -moz-image-set(url(../yximg/line.png) 1x, url(../../img/llt/line@2x.png) 2x);
    background-image: -ms-image-set(url(../yximg/line.png) 1x, url(../../img/llt/line@2x.png) 2x);
    background-image: -o-image-set(url(../yximg/line.png) 1x, url(../../img/llt/line@2x.png) 2x);
}

.llt-con3 .roll-steps .item {
    line-height: 30px;
    text-align: center;
    position: absolute;
    font-size: 16px;
    color: #1977DF;
    width: 30px;
    height: 30px;
    background: url("../yximg/c.png") no-repeat center;
    background-image: -webkit-image-set(url(../yximg/c.png) 1x, url(../../img/llt/c@2x.png) 2x);
    background-image: -moz-image-set(url(../yximg/c.png) 1x, url(../../img/llt/c@2x.png) 2x);
    background-image: -ms-image-set(url(../yximg/c.png) 1x, url(../../img/llt/c@2x.png) 2x);
    background-image: -o-image-set(url(../yximg/c.png) 1x, url(../../img/llt/c@2x.png) 2x);
    transition: all 1s;
}

.llt-con3 .roll-steps .active {
    background: url("../yximg/c-active.png") no-repeat center;
    background-image: -webkit-image-set(url(../yximg/c-active.png) 1x, url(../../img/llt/c-active@2x.png) 2x);
    background-image: -moz-image-set(url(../yximg/c-active.png) 1x, url(../../img/llt/c-active@2x.png) 2x);
    background-image: -ms-image-set(url(../yximg/c-active.png) 1x, url(../../img/llt/c-active@2x.png) 2x);
    background-image: -o-image-set(url(../yximg/c-active.png) 1x, url(../../img/llt/c-active@2x.png) 2x);
}

.llt-con3 .roll-steps .step1 {
    left: 150px;
    top: 12px;
}

.llt-con3 .roll-steps .step2 {
    left: 327px;
    top: -12px;
}

.llt-con3 .roll-steps .step3 {
    left: 504px;
    top: -8px;
}

.llt-con3 .roll-steps .step4 {
    left: 662px;
    top: 25px;
}

.llt-con3 .textBox {
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    margin: -34px auto 0;
}

.llt-con3 .textBox ul {
    width: 100%;
    position: relative;
    height: 60px;
}

.llt-con3 .textBox ul li {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.1s;
}

.llt-con3 .textBox ul li.active {
    opacity: 1;
    filter: alpha(opacity=100);
}

.llt-con3 .imgBox {
    width: 230px;
    height: 475px;
    overflow: hidden;
    margin: 0 auto;
}

.llt-con3 .imgBox ul {
    width: 100%;
    height: 100%;
    position: relative;
}

.llt-con3 .imgBox li {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.5s ease-out;
    width: 100%;
    height: 100%;
    background: url(../yximg/iphonex.png) no-repeat center;
    background-size: 230px 475px;
}

.llt-con3 .imgBox li img {
    width: 203.5px;
    height: 359px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

.llt-con3 .imgBox li.prev {
    left: -100%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.llt-con3 .imgBox li.next {
    left: 100%;
    opacity: 0;
    filter: alpha(opacity=0);
}

.llt-con3 .imgBox li.active {
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100);
}


/******* 多种渠道资源 *******/

.llt-con4 {
    width: 100%;
    background-color: #ffffff;
}

.llt-con4 .display_list {
    width: 100%;
    height: 368px;
    display: inline-block;
    margin: 20px auto 0 auto;
    position: relative;
    background-color: rgba(136, 136, 136, 0);
}

.llt-con4 .display_list > ul {
    display: inline-block;
    width: 100%;
    height: 102px;
    line-height: 102px;
    margin: 128px auto 0 auto;
    overflow: hidden
}

.llt-con4 .display_list > ul li {
    float: left;
    margin-right: 64px;
    transform: scale(1);
    transition: all 0.2s linear;
}

.llt-con4 .display_list > ul li:hover {
    transform: scale(1.1);
}

.llt-con4 .display_list > ul li:nth-of-type(1) {
    opacity: 0.2;
    margin-left: 15px;
}

.llt-con4 .display_list > ul li:nth-of-type(2) {
    opacity: 0.5;
}

.llt-con4 .display_list > ul li:nth-of-type(3) {
    opacity: 0.8;
    margin-right: 0px;
}

.llt-con4 .display_list > ul li:nth-of-type(4) {
    opacity: 0;
    margin-right: 205px;
    margin-left: 205px;
}

.llt-con4 .display_list > ul li:nth-of-type(5) {
    opacity: 0.8;
}

.llt-con4 .display_list > ul li:nth-of-type(6) {
    opacity: 0.5;
}

.llt-con4 .display_list > ul li:nth-of-type(7) {
    opacity: 0.2;
    margin-right: 0;
}

.llt-con4 img {
    vertical-align: middle;
}

.llt-con4 .display_list .show_box ul {
    display: block;
    width: 384px;
    height: 340px;
    background-color: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border-radius: 12px;
}

.llt-con4 .display_list .show_box ul li {
    display: none;
    width: 100%;
    height: 100%;
    -moz-box-shadow: 0px 1px 18px rgba(60, 136, 255, 0.2);
    -webkit-box-shadow: 0px 1px 18px rgba(60, 136, 255, 0.2);
    box-shadow: 0px 1px 18px rgba(60, 136, 255, 0.2);
    position: relative;
}

.llt-con4 .show_box ul li .show_logo,
.llt-con4 .show_box ul li .tit,
.llt-con4 .show_box ul li .bottom_solid,
.llt-con4 .show_box ul li .context {
    position: relative;
    top: -25px;
}

.display_list .show_box ul li .show_logo {
    width: 80px;
    height: 80px;
    margin: 0 auto;
}

.llt-con4 .display_list li img,
.display_list .show_box ul li .show_logo img {
    border-radius: 15px;
}

.display_list .show_box ul li .tit {
    text-align: center;
    font-size: 24px;
    color: #333333;
    margin-top: 37px;
}

.display_list .show_box ul li .bottom_solid {
    margin: 18px auto 25px auto;
    width: 16px;
    height: 2px;
    background-color: #fd4249;
}

.display_list .show_box ul li .context {
    height: 112px;
    margin: 0 auto;
    padding: 0 43px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    color: #808080;
    line-height: 28px;
}

.llt-con4 .easeIn {
    top: 0!important;
    opacity: 1;
    transition: all 500ms linear;
}

.llt-con4 .llt-con4 .easeOut {
    top: 120px!important;
    opacity: 0;
    transition: all 500ms linear;
}

.llt-con4 .reg-btn {
    display: block;
    background: #09f;
    border-radius: 4px;
    width: 180px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    transition: all .3s ease;
    margin: 50px auto 65px;
}

.llt-con4 .reg-btn:hover {
    opacity: .85;
}


/***** 案例 *****/

.llt-con6 .case-banner {
    width: 1200px;
    height: 554px;
    margin: 0 auto;
    position: relative;
}

.llt-con6 .btn-direction {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 48px;
    height: 120px;
    line-height: 120px;
    background-color: #f0f3f8;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s linear;
}

.llt-con6 .btn-direction span {
    color: #a7a8aa;
    width: 48px;
    height: 120px;
    display: block;
    position: relative;
}

.llt-con6 .btn-direction span img {
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    left: 50%;
    margin-left: -7px;
}

.llt-con6 .btn-direction span img.img2 {
    display: none;
}

.llt-con6 .btn-left {
    left: 0;
}

.llt-con6 .btn-right {
    right: 0;
}

.llt-con6 .btn-left:hover,
.llt-con6 .btn-right:hover {
    background-color: #3c88ff;
}

.llt-con6 .btn-left:hover span img.img2,
.llt-con6 .btn-right:hover span img.img2 {
    display: block;
}

.llt-con6 .btn-left:hover span img.img1,
.llt-con6 .btn-right:hover span img.img1 {
    display: none
}

.llt-con6 .btn-click {
    background-color: #3c88ff !important;
}

.llt-con6 .btn-click span {
    color: #ffffff !important;
}

.llt-con6 .case-container-copy,
.llt-con6 .case-container {
    height: 100%;
    width: 810px;
    margin: 0 auto;
    transition: all 0.5s linear;
}

.llt-con6 .case-container-copy {
    overflow: hidden;
}

.llt-con6 .case-container-copy ul {
    /*-webkit-transition: All .5s linear;*/
    /*-moz-transition: All .5s linear;*/
    /*-ms-transition: All .5s linear;*/
    /*-o-transition: All .5s linear;*/
    /*transition: All .5s linear;*/
    /*width: 100000px;*/
    width: 100%;
    height: 100%;
}

.llt-con6 .fade-in {
    -webkit-animation: fade-in .5s linear;
    -o-animation: fade-in .5s linear;
    animation: fade-in .5s linear;
}

.llt-con6 .fade-out {
    -webkit-animation: fade-out .5s linear;
    -o-animation: fade-out .5s linear;
    animation: fade-out .5s linear;
}

@keyframes fade-out {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.llt-con6 .case-left {
    width: 357px;
    height: 285px;
    margin-top: 107px;
}

.llt-con6 .case-tit {
    height: 108px;
    width: 357px;
    border-bottom: 1px solid rgba(25, 25, 25, .1);
}

.llt-con6 .case-tit img {
    width: 64px;
    height: 64px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.llt-con6 .case-tit img,
.llt-con6 .case-tit div {
    margin: 12px 0 0 5px;
}

.llt-con6 .case-tit div {
    width: 280px;
    height: 64px;
}

.llt-con6 .case-tit div a,
.llt-con6 .case-tit div p {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.llt-con6 .case-tit div a {
    display: inline-block;
    font-size: 20px;
    color: #333333;
}

.llt-con6 .case-tit div p {
    color: #999999;
    margin-top: 5px;
}

.llt-con6 .case-explain {
    width: 100%;
    margin-top: 32px;
    color: #999999;
    line-height: 36px;
    height: 280px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
}

.llt-con6 .case-pic {
    width: 304px;
    height: 631px;
    background: url("../yximg/iphonex.png") no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    margin-top: 8px;
    position: relative;
}

.llt-con6 .case-pic img {
    width: 260px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}


/*流量通 结束*/


/*红人推 开始*/


/*******精选热门网红直播资源*******/

.hrt-con1 .media-nav {
    width: 100%;
}

.hrt-con1 .wrap {
    border: 1px solid #E8E8E8;
}

.hrt-con1 .icon-media {
    width: 21px;
    position: relative;
    display: inline-block;
    height: 21px;
    margin-right: 5px;
}

.hrt-con1 .icon-media img {
    position: absolute;
    top: 5px;
    left: 0;
}

.hrt-con1 .icon-media img.img2 {
    display: none;
}

.hrt-con1 li.active .icon-media img.img2 {
    display: block;
}

.hrt-con1 li.active .icon-media img.img1 {
    display: none;
}

.hrt-con1 .media-nav ul {
    background: #fff;
    border-bottom: 1px solid #E8E8E8;
}

.hrt-con1 .media-nav ul li {
    width: 240px;
}

.hrt-con1 .media-yx ul li {
    width: 25%;
}

.hrt-con1 .media-nav ul li {
    text-align: center;
    color: #666;
    height: 60px;
    cursor: pointer;
    background: #fff;
    float: left;
    font-size: 16px;
    position: relative;
}

.hrt-con1 .media-nav ul li:hover,
.hrt-con1 .media-nav ul li.active {
    color: #fff;
    background: #07559D;
}

.hrt-con1 .d-tab .d-item .d-con {
    height: 60px;
    line-height: 60px;
}

.hrt-con1 .d-tab .d-item.active {
    background-color: #07559D;
}

.hrt-con1 .d-tab .d-item.active::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -15px;
    margin-left: -15px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #07559D;
    display: block;
    width: 0;
    height: 0;
    opacity: 1;
    transition: all ease 0.4s;
}

.hrt-con1 .d-tab .d-item.inactive .d-con {
    border-left: 1px solid #ddd;
}


/******模特明星******/

.hrt-con1 .media-select {
    padding: 50px;
    background: #fff;
}

.hrt-con1 .live-item .live-dtx {
    width: 246px;
    height: 246px;
    overflow: hidden;
    border-radius: 10px;
    position: relative;
}

.hrt-con1 .live-item:nth-child(4n) {
    margin-right: 0;
}

.hrt-con1 .live-item .live-dtx>img {
    width: 100%;
}

.hrt-con1 .live-item .live-dtx .live-dtx-mask {
    position: absolute;
    bottom: 0;
    height: 45px;
    width: 246px;
    text-align: center;
    color: #fff;
    line-height: 45px;
    font-size: 14px;
    background: rgba(0, 0, 0, 0.35);
}

.hrt-con1 .live-intro {
    padding: 20px 0 1px 30px;
}

.hrt-con1 .livevideo-info-avatar {
    position: relative;
    width: 72px;
    height: 72px;
}

.hrt-con1 .livevideo-info-avatar img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    border: 2px solid #f5f5f5;
}

.hrt-con1 .livevideo-platform1 {
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: url(../yximg/platform.png) no-repeat -2px -2px;
}

.hrt-con1 .live-info-main {
    margin-left: 15px;
    padding-top: 8px;
}

.hrt-con1 .live-info-main .live-info-base {
    text-align: left;
}

.hrt-con1 .live-info-main .live-info-base span {
    font-size: 14px;
    color: #333;
    display: inline-block;
    margin-bottom: 8px;
    text-align: left;
}

.hrt-con1 .live-info-main p.live-info-tips {
    font-size: 12px;
    color: #666;
    margin-bottom: 8px;
    text-align: left;
}

.hrt-con1 .live-info-main p.live-info-tips span {
    font-weight: 600;
}

.hrt-con1 .live-back {
    width: 246px;
    height: 405px;
    overflow: hidden;
}

.hrt-con1 .live-back a {
    width: 100%;
    height: 100%;
    display: block;
    cursor: pointer;
}

.hrt-con1 .live-back>a>img {
    width: 100%;
}

.hrt-con1 .price {
    text-align: center;
    padding: 15px 0;
    margin-top: 20px;
}

.hrt-con1 .price a {
    border-radius: 20px;
    color: #3383cc;
    border: 1px solid #3383cc;
    padding: 9px 41px;
    font-size: 14px;
    transition: all ease 0.5s;
}

.hrt-con1 .price a:hover {
    color: #fff;
    background: #3383cc;
}

.hrt-con1 .part1-cont {
    padding-top: 30px;
}


/*3d转换*/

.hrt-con1 .live-item {
    width: 246px;
    margin-right: 38px;
    position: relative;
    perspective: 800px;
    height: 420px;
    float: left;
}

.hrt-con1 .card {
    width: 100%;
    height: 100%;
    position: absolute;
    transform-style: preserve-3d;
    transition: transform 1s;
}

.hrt-con1 .card figure {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.hrt-con1 .card .front {
    background: #fff;
}

.hrt-con1 .card .back {
    transform: rotateY( 180deg);
}

.hrt-con1 .card.flipped {
    transform: rotateY( 180deg);
}

/*微信大号*/

.tab-box .details li {
    float: left;
    overflow: hidden;
    position: relative;
    padding-top: 20px;
    width: 285px;
    /*height: 200px;*/
    background: #fbfbfb;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-right: 20px;
    padding-bottom: 15px;
}

.tab-box .details li .head_img {
    padding-left: 20px;
    width: 75px;
    float: left;
    position: relative;
}

.tab-box .details li .head_img img {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    -o-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border: 5px solid #eee;
}

.tab-box .details li .head_img .v_lan {
    position: absolute;
    bottom: 5px;
    right: 0px;
    width: 20px;
    height: 20px;
    display: block;
    background: url(../yximg/v_lan.png) no-repeat center center;
}

.tab-box .details li .text {
    width: 150px;
    height: 96px;
    float: left;
    padding: 0 20px 0 20px;
}

.details{
    margin-top: 40px;
}

.tab-box .details li .text h2 {
    font-size: 18px;
    color: #666;
}

.tab-box .details li .text p {
    font-size: 12px;
    color: #999;
    padding-top: 5px;
    height: 55px;
    overflow: hidden;
    text-align: left;
    line-height: 17px;
}

.tab-box .details li .fans {
    float: left;
    /*margin-top: 15px;*/
}

.tab-box .details li .fans li {
    width: 95px;
    text-align: center;
    float: left;
    margin-right: 0;
}

.tab-box .details li .fans li p {
    font-size: 12px;
    color: #999;
}

.tab-box .details li .fans li .p_color {
    font-size: 14px;
    color: #ffa903;
}

.tab-box .details li .wrap_out {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    width: 285px;
    height: 0px;
    transition: 0.5s;
    border-radius: 5px;
    -o-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.tab-box .details li .wrap_out input {
    margin: 0 auto;
    display: block;
    width: 108px;
    height: 30px;
    border-radius: 30px;
    -o-border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    background: #ffa903;
    border: none;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    transition: 0.5s;
    opacity: 0;
}
/*新浪微博*/

.media2 .tab-content .tab-box .box .tuba .des .number em,
.media2 .tab-content .fans .f-box p em {
    color: #e83737
}

.media2 .tab-content .tab-box .box .tuba .price {
    color: #e83737;
    border: 1px solid #e83737
}

.media2 .tab-content .tab-box .box .tuba .price:hover {
    background: #e83737;
    color: #FFF;
}

.media2 .tab-content .read .lbox dl.fl dt span {
    background: url(../yximg/pl.gif) no-repeat left center;
    padding-left: 25px
}

.media2 .tab-content .read .lbox dl.fr dt span {
    background: url(../yximg/zf.gif) no-repeat left center;
    padding-left: 25px
}

.media2 .bj ul {
    padding-top: 35px
}

.media2 .bj ul li {
    width: 89px;
    height: 89px;
    float: left;
    margin: 0px 28px 23px 18px;
}

.media2 .bj ul li p {
    position: relative;
    color: #fff
}

.media2 .bj ul li p .font {
    position: absolute;
    left: 9px;
    top: 8px;
    background: url(../yximg/col_5.png) no-repeat center center;
    width: 71px;
    height: 71px;
    display: block;
    text-align: center;
    font-size: 18px;
    font-family: 'Arial';
    font-weight: bold;
    line-height: 50px
}

.media2 .bj ul li p span {
    position: absolute;
    left: 9px;
    bottom: 25px;
    width: 71px;
    text-align: center
}


/*直播平台*/

.media1 .tab-box .img-list a {
    width: 192px;
    height: 88px;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    display: block;
    margin: 0px 34px 13px 0;
    float: left
}

.media1 .tab-box .img-list a:nth-child(5n) {
    margin-right: 0
}

.media1 .tab-box .img-list a span {
    width: 178px;
    height: 88px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.media1 .tab-box .img-list img {
    max-width: 178px;
    max-height: 88px
}


/*人气网红排行榜*/

.hrt-con1 .media-select {
    padding: 10px 50px 25px;
    background: #fff;
}

.hrt-con1 .live-rank-block h5 {
    font-size: 18px;
    color: #353535;
    text-align: center;
    margin-bottom: 30px;
    line-height: 32px
}

.hrt-con1 .live-data-table {
    width: 1107px;
    table-layout: fixed;
}

.hrt-con1 .live-data-table tbody tr:hover {
    background: #F5F5F5;
}

.hrt-con1 .live-data-table tr th {
    height: 52px;
    text-align: center;
    font-size: 14px;
    color: #666;
    font-weight: normal;
}

.hrt-con1 .live-data-table thead {
    background: #F5F5F5;
}

.hrt-con1 .rank-num {
    width: 20px;
    height: 20px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
}

.hrt-con1 .rank-num-red {
    background: #3383cc;
}

.hrt-con1 .rank-num-grey {
    background: #DBDBDB;
}

.hrt-con1 .account-portrait {
    width: 60px;
    height: 60px;
    margin-right: 15px;
    border-radius: 50%;
    margin-top: 13px;
}

.hrt-con1 .portrait span {
    font-size: 14px;
    color: #666;
    line-height: 85px;
}

.hrt-con1 .account-male .title-icon {
    background-position: -5px -52px;
}

.hrt-con1 .account-woman .title-icon {
    background-position: -5px -5px;
}

.hrt-con1 .account-nickname .title-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 7px -2px 0;
    background-image: url(../yximg/video-verified-icons.png);
    background-repeat: no-repeat;
    position: relative;
    top: 35px;
    left: 5px;
}

.hrt-con1 .font14 {
    font-size: 14px;
}

.hrt-con1 .text999 {
    color: #999;
}

.hrt-con1 .live-mode {
    padding-left: 38px;
}

.hrt-con1 .live-mode span {
    padding: 8px 20px;
    border: 1px solid #e0e0e0;
    border-radius: 30px;
    color: #999;
    margin-right: 10px;
    float: left;
}

.hrt-con1 .live-mode span:last-child {
    margin-right: 0;
}

.hrt-con1 .live-link a {
    width: 75px;
    height: 30px;
    display: block;
    background: #3383cc;
    color: #fff;
    line-height: 30px;
    border-radius: 30px;
    text-align: center;
}

.hrt-con1 .freelogin {
    text-align: center;
    height: 38px;
    margin-top: 20px;
}

.hrt-con1 .freelogin a {
    border-radius: 18px;
    color: #fff;
    background: #3383cc;
    padding: 9px 41px;
    font-size: 14px;
    cursor: pointer;
}


/*微信公众号*/

.hrt-con1 .tab-content .tab-box .box {
    width: 544px;
}

.hrt-con1 .tab-content .tab-box .box.fl {
    border-right: 1px solid #ebebeb
}

.hrt-con1 .tab-content .tab-box .box .tuba {
    position: relative;
    padding: 0px 0px 0px 97px;
    min-height: 80px
}

.hrt-con1 .tab-content .tab-box .box .tuba .img {
    position: absolute;
    left: 0px;
    top: 0px
}

.hrt-con1 .tab-content .tab-box .box .tuba .img img {
    width: 80px;
    height: 80px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    display: block
}

.hrt-con1 .tab-content .tab-box .box .tuba .price {
    position: absolute;
    top: 14px;
    right: 39px;
    width: 90px;
    height: 35px;
    border: 1px solid #62b900;
    color: #62b900;
    text-align: center;
    line-height: 35px;
    display: block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    padding: 0;
}

.hrt-con1 .tab-content .tab-box .box .tuba .price:hover {
    background: #62b900;
    color: #FFF;
}

.hrt-con1 .tab-content .tab-box .box .tuba .des .name {
    font-size: 16px;
    color: #2d2d2d
}

.hrt-con1 .tab-content .tab-box .box .tuba .des .number {
    color: #757575;
    padding: 10px 0px
}

.hrt-con1 .tab-content .tab-box .box .tuba .des .number em {
    color: #62b900;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Arial';
    margin-left: 14px
}

.hrt-con1 .tab-content .tab-box .box .tuba .des .tag span,
.hrt-con1 .tab-content .tab-box .f-box .text .textbox .tag span {
    color: #858585;
    background: url(../yximg/spanicon.gif) no-repeat left center;
    display: inline-block;
    padding-left: 20px;
    margin-right: 20px;
    line-height: 20px;
    height: 20px
}

.hrt-con1 .list .progress {
    width: 29px;
    height: 144px;
    background: url(../yximg/progress.gif) no-repeat left top;
    overflow: hidden;
    position: relative;
    margin: 1px 0px 0px 4px
}

.hrt-con1 .list .progress .progress-bar {
    background: #70c207;
    width: 24px;
    position: absolute;
    left: 2px;
    bottom: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    border-radius: 6px
}

.hrt-con1 .tab-content .list .number {
    background: url(../yximg/number.gif) no-repeat left center;
    width: 37px;
    height: 44px;
    text-align: center;
    line-height: 37px;
    color: #70c207;
    font-weight: bold
}

.hrt-con1 .tab-content .list ul li {
    float: left;
    padding: 0px 22px;
    margin-bottom: 20px
}

.hrt-con1 .tab-content .list ul li .tit {
    color: #757575;
    padding: 20px 0px 10px
}

.hrt-con1 .tab-content .read {
    border-top: 1px solid #ebebeb;
    padding-top: 7px
}

.hrt-con1 .tab-content .read .sex {
    float: right;
    padding-top: 16px;
}

.hrt-con1 .tab-content .read .sex div {
    position: relative;
}

.hrt-con1 .tab-content .read .sex span {
    display: block;
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    position: absolute;
    top: -30px;
}

.hrt-con1 .tab-content .read .sex em {
    color: #9ba1a4;
    font-size: 12px;
    display: block;
    width: 100%;
    text-align: center;
    height: 20px;
    line-height: 20px;
}

.hrt-con1 .tab-content .read .sex .male span {
    color: #54bfa1;
}

.hrt-con1 .tab-content .read .sex .female span {
    color: #fead00;
}

.hrt-con1 .tab-content .read .sex .male {
    position: relative;
    display: inline-block;
    background: url(../yximg/sex-icon.png) center top no-repeat;
    width: 106px;
    height: 82px;
    margin-top: 16px;
    border-right: 1px dashed #ffe4c5;
}

.hrt-con1 .tab-content .read .sex .female {
    display: inline-block;
    background: url(../yximg/sex-icon.png) center bottom no-repeat;
    width: 106px;
    height: 82px;
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
    margin-top: 16px;
}

.hrt-con1 .tab-content .read .lbox {
    width: 207px;
    color: #757575
}

.hrt-con1 .tab-content .read .rbox {
    width: 212px;
    border-left: 1px solid #ebebeb
}

.hrt-con1 .tab-content .read .lbox dl,
.hrt-con1 .tab-content .read .rbox dl {
    width: 50%;
    text-align: center
}

.hrt-con1 .tab-content .read .lbox dl {
    margin: 10px 0px 0px
}

.hrt-con1 .tab-content .read .lbox dl.fl dt span {
    background: url(../yximg/yd.gif) no-repeat left center;
    padding-left: 28px
}

.hrt-con1 .tab-content .read .lbox dl.fr dt span {
    background: url(../yximg/dz.gif) no-repeat left center;
    padding-left: 26px
}

.hrt-con1 .tab-content .read .lbox dl.fl dd {
    padding-left: 28px
}

.hrt-con1 .tab-content .read .lbox dl.fr dd {
    padding-left: 26px
}

.hrt-con1 .tab-content .read .lbox dl dd {
    color: #f15210;
    font-size: 16px;
    font-family: 'Arial';
    font-weight: 600;
    padding-top: 12px
}

.hrt-con1 .tab-content .read .rbox dl dt {
    padding: 6px 0px
}

.hrt-con1 .tab-content .read .rbox dl dd {
    padding-bottom: 3px;
    color: #757575
}

.hrt-con1 .tab-content .read .rbox dl.fl dd span {
    color: #33c2e5;
    font-weight: bold;
    margin-left: 5px
}

.hrt-con1 .tab-content .read .rbox dl.fr dd span {
    color: #f07474;
    font-weight: bold;
    margin-left: 5px
}

.hrt-con1 .tab-content .fans {
    border-top: 1px solid #ebebeb;
    margin-top: 7px;
    padding: 14px 0px 10px
}

.hrt-con1 .tab-content .fans .f-box {
    border-left: 1px solid #ebebeb;
    width: 274px;
    padding-bottom: 5px;
    padding: 0 15px;
}

.hrt-con1 .tab-content .fans .f-box .imgicon img {
    width: 77px;
    height: 77px;
    display: block;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%
}

.hrt-con1 .tab-content .fans .f-box.first {
    border-left: none;
}

.hrt-con1 .tab-content .fans .f-box p {
    color: #757575;
    font-size: 12px;
    margin-top: 8px
}

.hrt-con1 .tab-content .fans .f-box p em {
    font-family: 'Arial';
    color: #70c207;
    font-weight: bold;
    margin-left: 10px
}

.hrt-con1 .tab-content .fans .f-box p.name {
    font-size: 15px;
    color: #2d2d2d;
    width: 105px;
    height: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hrt-con1 .tab-content .fans .f-box .see {
    padding-left: 70px;
    font-size: 12px;
    padding-top: 10px
}

.hrt-con1 .tab-content .fans .f-box .see a {
    color: #757575
}

.hrt-con1 .tab-content .fans .f-box .see a:hover {
    color: #e83737;
    text-decoration: underline;
}


/******为什么要做网红推广******/

.hrt-con2 {
    background: #f7f7f7;
    padding: 55px 0;
    margin-top: 80px;
}

.hrt-con2 .title h1 {
    margin-top: 0
}

.hrt-con2 .home-advantage {
    text-align: center;
}

.hrt-con2 .cTheme {
    height: 85px;
    margin-top: 10px;
}

.hrt-con2 .cTheme img {
    display: block;
    width: 82px;
    margin: 0 auto;
}

.hrt-con2 .home-advantage li {
    float: left;
    width: 25%;
    padding-left: 30px;
    margin-bottom: 30px;
}

.hrt-con2 .home-advantage li .__li {
    background-color: #fff;
    padding: 20px;
    transition: all .3s;
	height:240px;
}

.hrt-con2 h4 {
    margin-bottom: 20px;
    color: #666;
    font-weight: 700;
    font-size: 18px;
}

.hrt-con2 p {
    color: #888;
    font-size: 14px;
    margin: 0 0 10px;
}


/****** 约网红，红人推帮您做直播 ******/

.hrt-con3 {
    padding-bottom: 80px;
}

.hrt-con3 .live-help-list-item {
    float: left;
    width: 204px;
    height: 263px;
    border: 1px solid #e2e2e2;
    background: #fff;
    padding: 30px;
    text-align: center;
    border-radius: 10px;
    margin-right: 45px;
    transition: all ease 0.5s;
    margin-top: 20px;
}

.hrt-con3 .live-help-list-item i {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    position: relative;
}

.hrt-con3 .live-help-list-item i img {
    position: absolute;
    top: 0;
    left: 0;
}

.hrt-con3 .live-help-list-item i img.img2 {
    display: none;
}

.hrt-con3 .live-help-list-item:hover {
    background: #3383cc;
}

.hrt-con3 li:hover i img.img2 {
    display: block;
}

.hrt-con3 li:hover i img.img1 {
    display: none;
}

.hrt-con3 .live-help-list-item:hover h5 {
    color: #fff;
}

.hrt-con3 .live-help-list-item:hover p {
    color: #fff;
}

.hrt-con3 .live-help-list-item:hover .icon-live-help {
    color: #fff;
}

.hrt-con3 .live-help-list-item:last-child {
    margin-right: 0;
}

.hrt-con3 .live-help-list-item h5 {
    font-size: 18px;
    color: #353535;
    margin: 15px 0;
    font-weight: 600;
}

.hrt-con3 .live-help-list-item p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

.hrt-con3 .live-help-list-item a {
    font-size: 14px;
    color: #3383cc;
    display: block;
    width: 99px;
    height: 30px;
    background: #fff;
    text-align: center;
    line-height: 30px;
    margin: 15px auto 0;
    border: 1px solid #3383cc;
    border-radius: 30px;
}


/******投放 从未如此精准有效******/

.hrt-con4 {
    background: #f7f7f7;
    padding: 55px 0;
}

.hrt-con4 .title h1 {
    margin-top: 0
}


/****** 直播营销的流程******/

.hrt-con5 {
    padding-bottom: 70px
}

.hrt-con5 .process_line1 {
    width: 1200px;
    margin: 30px auto 0;
}

.hrt-con5 .pro_li_inner,
.hrt-con5 .process_line1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hrt-con5 .pro_li_txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.hrt-con5 .pro_li {
    border: 1px solid #e9ecef;
    border-radius: 4px
}

.hrt-con5 .pro_li_inner {
    width: 330px;
    height: 100px;
    margin: 45px 20px
}

.hrt-con5 .pro_li_inner img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
    margin: 10px
}

.hrt-con5 .pro_li_txt {
    width: 224px
}

.hrt-con5 .pro_li_txt h3 {
    text-align: left;
    font-size: 18px;
    color: #666;
    font-weight: 700
}

.hrt-con5 .pro_li_txt p {
    margin-top: 10px;
    text-align: left;
    font-size: 12px;
    color: #666;
    line-height: 20px
}


/******精选案例******/

.hrt-con6 {
    background: #FAF9F5;
    padding: 55px 0;
}

.hrt-con6 .title h1 {
    margin-top: 0;
}

.hrt-con6 .icon-play img {
    margin-right: 30px;
    display: inline-block;
    width: 50px;
}

.hrt-con6 .act-left {
    width: 545px;
    padding-left: 70px;
    padding-top: 140px;
}

.hrt-con6 .act-right {
    width: 375px;
    padding-top: 100px;
    padding-right: 75px;
}

.hrt-con6 .act-left-title {
    font-size: 36px;
    font-weight: bold;
    color: #666;
    position: relative;
    top: 9px;
}

.hrt-con6 .act-left-title2 {
    font-size: 36px;
    font-weight: bold;
    color: #666;
    position: relative;
    top: 9px;
}

.hrt-con6 .act-left-con {
    font-size: 14px;
    line-height: 24px;
    margin-top: 40px;
}

.hrt-con6 .act-left-con ul li {
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

.hrt-con6 .activity1 {
    background: url(../yximg/livevideo-activity01.png) no-repeat;
}

.hrt-con6 .activity2 {
    background: url(../yximg/livevideo-activity02.png) no-repeat;
}

.hrt-con6 .activity3 {
    background: url(../yximg/livevideo-activity04.png) no-repeat;
}

.hrt-con6 .activity4 {
    background: url(../yximg/livevideo-activity03.png) no-repeat;
}

.hrt-con6 .live-main {
    position: relative;
    width: 1200px;
    height: 500px;
    margin: auto;
    overflow: hidden;
}

.hrt-con6 .live-box {
    position: absolute;
    overflow: hidden;
    height: 500px;
    top: 0;
    left: 0;
}

.hrt-con6 .live-box>div {
    float: left;
}

.hrt-con6 .live-box>div.activity-content {
    width: 1200px;
    height: 500px;
}


/*红人推 结束*/


/* 海推社 开始 */

.hts-con1 li {
    float: left;
    text-align: center;
    transition: all .3s ease;
}

.hts-con1 li a {
    display: block;
    width: 300px;
    height: 300px;
    padding: 0 20px;
    padding-top: 150px;
    transition: all .3s ease;
    position: relative;
    top: 0;
}

.hts-con1 ul {
    padding: 10px 0 60px;
    font-size: 0;
}

.hts-con1 li a:before {
    content: '';
    background-image: url(../yximg/index-icon-1.svg);
    background-repeat: no-repeat;
    background-size: 1000px auto;
    width: 66px;
    height: 66px;
    margin-left: -33px;
    position: absolute;
    top: 40px;
    left: 50%
}

.hts-con1 li h4 {
    font-size: 20px;
    color: #0078dc;
    margin-bottom: 15px;
}

.hts-con1 li p {
    font-size: 15px;
    color: #666;
    line-height: 26px;
    letter-spacing: .3px;
}

.hts-con1 li:nth-child(1) a:before {
    width: 66px;
    height: 68px;
    background-position: 0 -1048px
}

.hts-con1 li:nth-child(2) a:before {
    height: 56px;
    background-position: 4px -1187px;
    top: 45px
}

.hts-con1 li:nth-child(3) a:before {
    height: 68px;
    background-position: 0 -1300px
}

.hts-con1 li:nth-child(4) a:before {
    height: 70px;
    background-position: 8px -1437px
}

.hts-con1 li:hover {
    box-shadow: 0 7px 10px 0 rgba(6, 8, 27, .06)
}

.hts-con1 li:hover a {
    top: -10px
}

.hts-con1 li:hover:nth-child(1) a:before {
    background-position: 0 -1118px
}

.hts-con1 li:hover:nth-child(2) a:before {
    background-position: 4px -1243px
}

.hts-con1 li:hover:nth-child(3) a:before {
    background-position: 0 -1370px
}

.hts-con1 li:hover:nth-child(4) a:before {
    background-position: 8px -1508px
}


/****** 优势 ******/

.hts-con2 {
    background-color: #f0f1f2;
    background-image: url(../yximg/box_map.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding: 80px 0 220px 0;
}

.hts-con2 .title h1 {
    margin: 0;
}

.hts-con2 .h_tool_box {
    font-size: 16px;
    position: relative;
    margin: 110px 0 0 0;
}

.hts-con2 .h_tool_box .blue_text {
    font-size: 22px;
    line-height: 1.1;
    margin-bottom: 8px;
    color: #0078dc;
}

.hts-con2 .h_tool_box .tr {
    padding: 20px 0 0 0;
}

.hts-con2 .h_tool_d {
    padding-top: 8px;
}

.hts-con2 .h_tool_box .ul_d {
    margin: 0px 0 0 200px;
    width: 1140px;
}

.hts-con2 .h_tool_box .ul_t {
    margin: 0px 0 0 0px;
    width: 1140px;
}

.hts-con2 .h_tool_box li {
    position: relative;
    float: left;
    width: 33.33%;
    height: 110px;
}

.hts-con2 .h_tool_box .ul_d li {
    padding: 30px 0 0 0;
    height: 90px;
}

.step_line {
    position: absolute;
    top: 118px;
    width: 950px;
    left: 50px;
    border-top: 1px dashed #0078dc;
    font-size: 0;
    overflow: hidden;
}

.hts-con2 .step_r_s {
    width: 12px;
    height: 12px;
    overflow: hidden;
    position: absolute;
    left: 32px;
    bottom: -16px;
    font-size: 0;
    border: 2px solid #0078dc;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #f0f1f2;
}

.hts-con2 li:hover .step_r_s {
    background-color: #0078dc;
    border-color: #adcfec;
    width: 10px;
    height: 10px;
    border-width: 3px;
}

.hts-con2 .ul_d .step_r_s {
    top: -8px;
    bottom: auto;
}

.hts-con2 .icon_box_2 {
    text-align: center;
    width: 80px;
    height: 90px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    background-image: url(../yximg/icon_box.png);
    background-repeat: no-repeat;
    margin: 0 20px 0 0;
}

.hts-con2 li:hover .icon_box_2 {
    background-position: 0 -90px;
}

.hts-con2 .icon_b {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
    margin: 25px 0 0 0;
    font-size: 0;
    overflow: hidden;
    background-image: url(../yximg/icon.png);
    background-repeat: no-repeat;
    transition: all .3s linear;
}

.hts-con2 .icon_b2 {
    background-position: 0 -40px;
}

.hts-con2 .icon_b3 {
    background-position: 0 -80px;
}

.hts-con2 .icon_b4 {
    background-position: 0 -120px;
}

.hts-con2 .icon_b5 {
    background-position: 0 -160px;
}

.hts-con2 .icon_b6 {
    background-position: 0 -200px;
}

.hts-con2 li:hover .icon_b {
    background-position: -40px 0;
}

.hts-con2 li:hover .icon_b2 {
    background-position: -40px -40px;
}

.hts-con2 li:hover .icon_b3 {
    background-position: -40px -80px;
}

.hts-con2 li:hover .icon_b4 {
    background-position: -40px -120px;
}

.hts-con2 li:hover .icon_b5 {
    background-position: -40px -160px;
}

.hts-con2 li:hover .icon_b6 {
    background-position: -40px -200px;
}


/****** 优势 ******/

.hts-con3 ul li {
    display: inline;
    float: left;
    height: 360px;
    width: 183px;
    margin: 0px 10px;
    overflow: hidden;
    text-align: center;
}

.hts-con3 ul li a {
    width: 181px;
    height: 91px;
    border: 1px solid #ebebeb;
    display: block;
    margin: 24px 0px 0px;
    border-radius: 4px;
}

.hts-con3 ul li a span {
    width: 181px;
    height: 91px;
    display: table-cell;
    vertical-align: middle
}

.hts-con3 .case_prev,
.hts-con3 .case_next {
    position: absolute;
    width: 14px;
    height: 26px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../yximg/index_img24.png) no-repeat center;
    z-index: 999;
    cursor: pointer;
}

.hts-con3 .next {
    float: right;
}

.hts-con3 .prev {
    float: left;
}

.hts-con3 .case_next {
    right: 0;
    left: auto;
    background: url(../yximg/index_img25.png) no-repeat center;
}

.hts-con3 .m-case {
    width: 1200px;
    box-sizing: border-box;
    margin: 52px auto 40px;
    text-align: left;
    position: relative;
    padding-left: 95px;
    font-size: 0;
}


/****** 为什么选择我们 ******/

.hts-con4 {
    background-color: #26272d;
    padding: 60px 0 30px 0;
    background-image: url(../yximg/box_bj1.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

.hts-con4 .title h1 {
    color: #fff;
}

.hts-con4 .h_why_ul {
    text-align: center;
    color: #fff;
    padding: 30px 0 20px 0;
    width: 1220px;
}

.hts-con4 .h_why_ul li {
    float: left;
    width: 24.99%;
}

.hts-con4 .h_why_ul h5 {
    font-size: 24px;
    margin-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, .2);
    border-top: 1px solid #555d69\9;
    *border-top: 1px solid #555d69;
    padding: 18px 0;
    line-height: 1.1;
}

.hts-con4 .h_why_ul p {
    color: #96a0b0;
    font-size: 16px;
}

.hts-con4 .h_why_ul .box {
    margin: 0 20px 0 0;
    padding: 60px 60px 0 60px;
    background-image: url(../yximg/arrow_box1.png);
    background-position: center top;
    background-repeat: no-repeat;
    height: 320px;
    transition: all .3s linear;
}

.hts-con4 .icon_c {
    width: 70px;
    height: 70px;
    overflow: hidden;
    background-image: url(../yximg/icon_b.png);
    background-repeat: no-repeat;
    font-size: 0;
    vertical-align: top;
    display: inline-block;
}

.hts-con4 li:hover .icon_c,
.hts-con4 li:hover .icon_d,
.hts-con4 li:hover .icon_f,
.hts-con4 li:hover .icon_e,
.hts-con5 .box:hover .icon_h,
.hts-con5 .box:hover .icon_g {
    animation: landr 0.8s ease-in-out;
    -ms-animation: landr 0.8s ease-in-out;
    -moz-animation: landr 0.8s ease-in-out;
    -webkit-animation: landr 0.8s ease-in-out;
    -o-animation: landr 0.8s ease-in-out;
}

@keyframes landr {
    0% {
        transform: rotate(0deg);
        transform-origin: right bottom 0;
    }
    39% {
        transform: rotate(5deg);
        transform-origin: right bottom 0;
    }
    40% {
        transform: rotate(5deg);
        transform-origin: left bottom 0;
    }
    75% {
        transform: rotate(-10deg);
        transform-origin: left bottom 0;
    }
    100% {
        transform: rotate(0deg);
        transform-origin: left bottom 0;
    }
}

@-webkit-keyframes landr {
    0% {
        -webkit-transform: rotate(0deg);
        -webkit-transform-origin: right bottom 0;
    }
    39% {
        -webkit-transform: rotate(5deg);
        webkit-transform-origin: right bottom 0;
    }
    40% {
        -webkit-transform: rotate(5deg);
        -webkit-transform-origin: left bottom 0;
    }
    75% {
        -webkit-transform: rotate(-10deg);
        -webkit-transform-origin: left bottom 0;
    }
    100% {
        -webkit-transform: rotate(0deg);
        -webkit-transform-origin: left bottom 0;
    }
}

.hts-con4 .icon_c2 {
    background-position: 0 -70px;
}

.hts-con4 .icon_c3 {
    background-position: 0 -140px;
}

.hts-con4 .icon_c4 {
    background-position: 0 -210px;
}

.hts-con4 .h_why_ul .box:hover {
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    filter: drop-shadow(0px 15px 15px rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow(0px 15px 15px rgba(0, 0, 0, 0.2));
    -moz-filter: drop-shadow(0px 15px 15px rgba(0, 0, 0, 0.2));
    transform: translate3d(0, -.5em, 0);
    -moz-transform: translate3d(0, -.5em, 0);
    -webkit-transform: translate3d(0, -.5em, 0);
}


/****** 推广流程 ******/

.hts-con5 {
    background: #f7f7f7;
    padding: 55px 0 70px;
}

.hts-con5 .title h1 {
    margin: 0
}

.hts-con5 .h_step_div {
    margin: 60px 0 0 0;
    position: relative;
}

.hts-con5 .step_line_white {
    position: absolute;
    width: 960px;
    left: 120px;
    top: 32px;
    height: 2px;
    background-color: #3393E3;
    background-color: #3393e3\9;
    *background-color: #3393e3;
}

.hts-con5 .h_step_ul {
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 40px;
}

.hts-con5 .icon_box_3 {
    width: 60px;
    height: 65px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    font-size: 0;
    background-image: url(../yximg/arrow_box_w.png);
    background-repeat: no-repeat;
}

.hts-con5 .h_step_ul h5 {
    font-size: 14px;
    margin: 20px 0 0 0;
}

.hts-con5 .text_m {
    display: inline-block;
    vertical-align: middle;
}

.hts-con5 .h_step_div .d_btn {
    text-align: center;
    margin: 0 0 -25px 0;
}

.hts-con5 .h_step_div li {
    position: relative;
    float: left;
    width: 19.99%;
}

.step_arrow {
    width: 16px;
    height: 16px;
    font-size: 0;
    overflow: hidden;
    background-image: url(../yximg/step_arrow.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 25px;
    right: 0;
}

.hts-con5 .icon_d {
    width: 40px;
    height: 40px;
    overflow: hidden;
    font-size: 0;
    background-image: url(../yximg/icon_s.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: top;
    margin: 12px 0 0 0;
    transition: all .3s linear;
}

.hts-con5 .num_text {
    color: #3393e3;
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    overflow: hidden;
    font-size: 14px;
    line-height: 18px;
    height: 20px;
    width: 20px;
    text-align: center;
    border: 1px solid #95baec;
    border-radius: 50%;
}

.hts-con5 li:hover .num_text {
    background-color: #0078dc;
    color: #fff;
    border-color: #0078dc;
}

.hts-con5 .icon_d2 {
    background-position: 0 -40px;
}

.hts-con5 .icon_d3 {
    background-position: 0 -80px;
}

.hts-con5 .icon_d4 {
    background-position: 0 -120px;
}

.hts-con5 li:hover .icon_c,
.hts-con5 li:hover .icon_d,
.hts-con5 li:hover .icon_f,
.hts-con5 li:hover .icon_e,
.hts-con5 .box:hover .icon_h,
.hts-con5 .box:hover .icon_g {
    animation: landr 0.8s ease-in-out;
    -ms-animation: landr 0.8s ease-in-out;
    -moz-animation: landr 0.8s ease-in-out;
    -webkit-animation: landr 0.8s ease-in-out;
    -o-animation: landr 0.8s ease-in-out;
}

.hts-con5 .white_btn {
    width: 220px;
    margin-top: 20px;
    line-height: 50px;
    display: inline-block;
    vertical-align: top;
    background-color: #fff;
    text-align: center;
    transition: all .3s linear;
    border-radius: 2em;
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    color: #444;
}

.hts-con5 .white_btn:hover {
    -moz-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -moz-box-shadow: 0 5px 25px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 25px rgba(0, 0, 0, .2);
}


/****** 中国品牌出海 ******/

.hts-con6.hts-con3 ul li {
    height: 240px;
}


/* 海推社 结束 */


/*产品二级页 结束*/


/*解决方案 二级页 开始*/


/*区块链接 开始*/


/****** 全网覆盖上百家高价值媒体关系******/

.qklj-con1 .word {
    width: 100%;
    background: url(../yximg/qklj-bg.png)no-repeat center;
    height: 390px;
    margin-top: 20px;
}

.qklj-con1 .word li {
    float: left;
    position: relative;
}

.qklj-con1 .word li:nth-child(1) {
    height: 146px;
    text-align: right;
    width: 475px;
}

.qklj-con1 .word li:nth-child(2) {
    width: 725px;
    height: 145px;
}

.qklj-con1 .word li:nth-child(3) {
    width: 100%;
    float: right;
    height: 105px;
}

.qklj-con1 .word li:nth-child(4) {
    height: 139px;
    width: 475px;
    text-align: right;
}

.qklj-con1 .word li:nth-child(5) {
    width: 725px;
    height: 61px;
}

.qklj-con1 .word li>div {
    position: absolute;
}

.qklj-con1 .word li .left {
    right: 74px;
}

.qklj-con1 .word li .right {
    right: 20px;
}

.qklj-con1 .word li:nth-child(1) .left {
    top: 72px;
}

.qklj-con1 .word li:nth-child(1) .right {
    top: 86px;
    right: 12px;
}

.qklj-con1 .word li:nth-child(2) .right {
    left: 173px;
    top: 20px;
}

.qklj-con1 .word li:nth-child(2) .left {
    left: 251px;
    width: 500px;
    top: 6px;
}

.qklj-con1 .word li:nth-child(3) .right {
    left: 754px;
    top: 18px;
}

.qklj-con1 .word li:nth-child(3) .left {
    left: 825px;
    width: 500px;
    top: 6px;
}

.qklj-con1 .word li:nth-child(4) .left {
    right: 95px;
}

.qklj-con1 .word li:nth-child(5) .right {
    left: 161px;
    top: 95px;
}

.qklj-con1 .word li:nth-child(5) .left {
    left: 230px;
    top: 83px;
}

.qklj-con1 .word li h1 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
}

.qklj-con1 .word li p {
    font-size: 14px;
    color: #666;
    line-height: 14px;
}


/****** 一站式区块链推广解决方案 ******/

.qklj-con2 {
    background: #f7f7f7;
    padding: 55px 0;
    margin-top: 70px;
}

.qklj-con2 .title h1 {
    margin-top: 0;
}

.qklj-con2 .mod_body {
    position: relative;
    height: 631px;
}

.qklj-con2 .text_two {
    width: 80px;
    height: 60px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    display: block;
    position: absolute;
}

.qklj-con2 .text_two_1 {
    left: 556px;
    top: 40px;
}

.qklj-con2 .text_two_2 {
    left: 556px;
    top: 170px;
}

.qklj-con2 .text_two_3 {
    left: 556px;
    top: 306px;
}

.qklj-con2 .text_two_4 {
    left: 556px;
    top: 440px;
}

.qklj-con2 .text_two_5 {
    left: 557px;
    top: 572px;
}

.qklj-con2 .nav_two_text {
    position: absolute;
}

.qklj-con2 .nav_two_text li {
    color: #666;
    height: 26px;
    line-height: 26px;
    padding-left: 20px;
    background: url(../yximg/blockchain_bluedot.png) no-repeat left center;
}

.qklj-con2 .nav_two_text_1 {
    width: 100px;
    left: 220px;
    top: 110px;
}

.qklj-con2 .nav_two_text_2 {
    width: 311px;
    left: 0;
    top: 360px;
}

.qklj-con2 .nav_two_text_3 {
    width: 200px;
    left: 120px;
    top: 520px;
}

.qklj-con2 .nav_two_text_4 {
    width: 250px;
    left: 900px;
    top: 220px;
}

.qklj-con2 .nav_two_text_5 {
    width: 250px;
    left: 890px;
    top: 460px;
}


/****** 区块链接媒体展示 ******/

.qklj-con3.cbt-con3 {
    padding-bottom: 50px;
}

.qklj-con3.cbt-con3 .media-box .media-text {
    width: 100%;
    border-top: none;
}

.qklj-con3.cbt-con3 .media-box .media-text .tab-tit {
    text-align: center;
}

.qklj-con3.cbt-con3 .media-box .media-text .tab-tit li {
    color: #727272;
    font-size: 16px;
    cursor: pointer;
    width: 120px;
    border: none;
    margin: 0 20px;
    display: inline-block;
    text-align: center;
    float: initial;
}

.qklj-con3.cbt-con3 .media-box .media-text .tab-tit li.first {
    border-left: none;
    width: 120px;
}

.cbt-con3 .media-box .media-text .tab-tit li.current {
    color: #50acea;
    border-bottom: 2px solid #50acea;
    background: #fff;
}

.qklj-con3.cbt-con3 .media-box .media-text .tab-tit,
.qklj-con3.cbt-con3 .tab-box .img-list {
    border: none;
}

.qklj-con3.cbt-con3 .tab-box .img-list a {
    width: 220px;
    margin: 0px 0px 20px 20px;
}

.qklj-con3.cbt-con3 .tab-box .img-list a span {
    width: 220px;
}


/****** 网站套餐产品 ******/

.qklj-con4 {
    background: #f7f7f7;
    padding: 55px 0;
}

.qklj-con4 .title h1 {
    margin-top: 0;
}

.table_box {
    padding: 10px;
    background: #fff;
    margin-top: 30px;
}

.qklj-con4 .table_box table {
    width: 100%;
    text-align: center;
}

.table_box>table {
    border-collapse: collapse;
    border: 1px solid #e5e5e5;
}

.qklj-con4 .table_box table thead tr {
    background: #e5e5e5;
}

.qklj-con4 .table_box table thead tr th {
    padding: 10px 0;
    font-size: 16px;
    color: #333;
}

.qklj-con4 .table_box table tbody tr td:first-child+td+td+td+td {
    width: 190px;
}

.qklj-con4 .table_box table tbody tr .fen_lei {
    width: 100px;
    font-size: 18px;
}

.qklj-con4 .table_box table tr td:first-child+td table td {
    font-weight: 700;
}

.qklj-con4 .table_box table tbody tr td:first-child+td {
    width: 200px;
}

.qklj-con4 .table_box table tbody tr td:first-child+td+td {
    width: 110px;
}

.qklj-con4 .table_box .in_table tr td {
    padding: 10px 0;
    border-top: 1px solid #e5e5e5;
}

.qklj-con4 .table_box .in_table tr:first-child td {
    border: none;
}

.qklj-con4 .table_box .in_table tr td span {
    display: inline-block;
    margin: 0 10px;
}

.qklj-con4 .table_box tr td p {
    font-size: 14px;
}

.qklj-con4 .table_box tr td p:first-child {
    color: #488bff;
    font-size: 16px;
}

.qklj-con4 .table_box tr td p:first-child+p {
    margin: 5px auto 10px auto;
}

.qklj-con4 .table_box tr td p:first-child span {
    font-size: 26px;
}

.qklj-con4 .table_box tr td p a {
    display: inline-block;
    background: #337ab7;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 5px 20px;
}

.qklj-con4 .table_box div {
    font-size: 14px;
    color: #666;
    padding: 10px 0 0 0;
}


/****** 品牌展示 ******/

.qklj-con5 .blockchain_nine_nav li {
    float: left;
    width: 18.6%;
    height: 90px;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
}

.qklj-con5 .blockchain_nine_nav li:nth-child(5n) {
    margin-right: 0;
}

.qklj-con5 .blockchain_nine_nav li img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.qklj-con5 .blockchain_nine_nav li img:hover {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    -moz-opacity: 1;
    opacity: 1;
}


/*区块链接 结束*/


/*企业融资报道 开始*/


/******关于融资报道******/

.rzbd-con1 {
    margin-bottom: 60px;
}

.rzbd-con1 .title h1 {
    margin-bottom: 55px;
}

.rzbd-con1 .js {
    line-height: 30px;
    font-size: 16px;
    color: #555;
    height: 66px;
    text-align: center;
    width: 1000px;
    letter-spacing: .5px;
    margin: 0 auto;
}

.rzbd-con1 ul {
    margin-top: 35px;
}

.rzbd-con1 ul li {
    text-align: center;
    width: 180px;
    float: left;
    margin-left: 95px;
    font-size: 16px;
    line-height: 35px;
}

.rzbd-con1 ul li img {
    margin-bottom: 20px;
}


/****** 服务 ******/

.rzbd-con2 {
    width: 100%;
    min-height: 400px;
    height: auto;
    overflow: hidden;
    background: #f7f7f7;
    text-align: center;
    padding-bottom: 50px;
}

.rzbd-con2 .wrap {
    width: 1200px;
    box-sizing: border-box;
    margin: 52px auto 40px;
    position: relative;
    padding: 0 40px;
    font-size: 0;
}

.rzbd-con2 .iteam li {
    float: left;
    width: 100%;
    height: 279px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff
}

.rzbd-con2 .qyrz-con .fl {
    width: 75%;
}

.rzbd-con2 .qyrz-con .fl dd {
    border: 1px solid #e5e5e5;
    padding: 15px 0;
    float: left;
    display: table-cell;
    vertical-align: inherit;
    width: 20.1%;
    margin: 0 -1px -1px 0;
}

.rzbd-con2 .qyrz-con .fr {
    width: 25%;
    padding: 38px 0;
    height: 223px;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.rzbd-con2 p.bt-p {
    font-size: 20px;
    background-color: rgba(62, 160, 255, 0.15);
    height: 57px;
    line-height: 57px;
    color: #3ea0ff;
    border: 1px solid #e5e5e5;
    border-bottom: none;
}

.rzbd-con2 p.nr-p1 {
    color: #333;
    font-size: 18px;
    line-height: 35px;
}

.rzbd-con2 p.nr-p2 {
    color: #333;
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 20px;
}

.rzbd-con2 p.nr-p2 b {
    color: #197bdd;
}

.rzbd-con2 .qyrz-con .iteam span {
    line-height: 20px;
    color: #666;
    font-size: 14px;
}

.rzbd-con2 .down {
    border: 1px solid #e5e5e5;
    border-top: none;
    padding: 10px 0 20px;
    background: #fff
}

.rzbd-con2 .down p.nr-jg {
    color: #197bdd;
    font-size: 16px;
    line-height: 50px;
}

.rzbd-con2 .down p.nr-jg b {
    font-size: 36px;
}

.rzbd-con2 .down span {
    line-height: 20px;
    color: #666;
    font-size: 14px;
}

.rzbd-con2 .down a {
    background: #197bdd;
    border: none;
    padding: 8px 30px;
    color: #FFFFFF;
    cursor: pointer;
    margin: 30px auto 0;
    font-size: 16px;
    display: inline-block;
}

.rzbd-con2 .case_prev,
.rzbd-con2 .case_next {
    position: absolute;
    width: 14px;
    height: 26px;
    left: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../yximg/index_img24.png) no-repeat center;
    z-index: 999;
    cursor: pointer;
}

.rzbd-con2 .next {
    float: right;
}

.rzbd-con2 .prev {
    float: left;
}

.rzbd-con2 .case_next {
    right: 10px;
    left: auto;
    background: url(../yximg/index_img25.png) no-repeat center;
}


/****** 3步 ******/

.rzbd-con3 {
    margin-bottom: 60px;
}

.rzbd-con3 li {
    width: 20%;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #444;
    height: 215px;
}

.rzbd-con3 li i {
    display: block;
    height: 165px;
}

.rzbd-con3 li p {
    margin-top: 30px;
}

.rzbd-con3 li:nth-child(2n) {
    background: url(../yximg/icon-right.png)no-repeat center;
}

.rzbd-con3 li img {
    display: block;
    margin: 0 auto;
}


/****** 全网至少20家垂直媒体发声 ******/

.rzbd-con4 {
    width: 100%;
    height: 594px;
    background: url(../yximg/rz-bg.png) center 0 no-repeat;
    min-width: 1200px;
}

.rzbd-con4 .title h1 {
    margin-top: 0;
    color: #fff;
    padding-top: 70px;
}

.rzbd-con4 .title h3 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 40px;
}

.rzbd-con4 ul li {
    width: 387px;
    float: left;
    background: #fff;
    text-align: center;
    padding: 20px;
    margin-right: 19px;
}

.rzbd-con4 ul li p {
    line-height: 35px;
    color: #000;
    font-size: 20px;
}

.rzbd-con4 ul li:nth-child(3) {
    width: 387px;
    float: right;
    background: #fff;
    text-align: center;
    padding: 20px;
    margin-right: 0px;
}


/****** 服务流程 ******/

.rzbd-con5 {
    margin-bottom: 60px;
}

.rzbd-con5 ul {
    background: url(../yximg/rz_63.jpg) center 0 no-repeat;
    height: 165px;
    width: 998px;
    margin: 0 auto;
}

.rzbd-con5 li {
    float: left;
    width: 20%;
    text-align: center;
    line-height: 165px;
    font-size: 19px;
    color: #fff;
    padding-left: 20px;
}


/*企业融资报道 结束*/


/*新产品推广 开始*/


/******做产品推广面临的一些困境******/

.xcp-con1 .trouble {
    width: 1200px;
    height: 330px;
    margin: 0 auto
}

.xcp-con1 .trouble_li {
    width: 240px;
    float: left;
    padding-top: 1px
}

.xcp-con1 .trouble_li img {
    width: 130px;
    height: 130px;
    margin: 20px 55px 0
}

.xcp-con1 .trouble_underline {
    width: 23px;
    height: 4px;
    border-radius: 15px;
    background-color: #ffc25a;
    margin: 15px auto 28px
}

.xcp-con1 .trouble_li p {
    font-size: 20px;
    color: #666;
    text-align: center
}

.xcp-con1 .trouble_number {
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin: 20px auto;
    text-align: center;
    color: #eb7651;
    font-size: 18px;
    border: 1px solid #eb7651;
    border-radius: 100%
}


/******智能大数据分析******/

.xcp-con2 {
    background: #f7f7f7;
    padding: 55px 0 0;
}

.xcp-con2 .title h1 {
    margin-top: 0;
}

.xcp-con2 .data_content {
    width: 1200px;
    height: 400px;
    background-size: cover;
    background: url(../yximg/data_background.019f4f8.png) no-repeat;
    margin: 43px auto;
}

.xcp-con2 .data_li {
    width: 255px;
    height: 344px;
    float: left;
    -webkit-box-shadow: 0 2px 4px 0 hsla(0, 0%, 89%, .5);
    box-shadow: 0 2px 4px 0 hsla(0, 0%, 89%, .5);
    margin-left: 100px;
    background-color: #fff;
    overflow: hidden;
    text-align: center;
}

.xcp-con2 .blue {
    border-top: 3px solid #3976ec
}

.xcp-con2 .yellow {
    border-top: 3px solid #e48b35
}

.xcp-con2 .green {
    border-top: 3px solid #68b247
}

.xcp-con2 .data_circle {
    width: 85px;
    height: 85px;
    margin: 40px auto 30px;
    border-radius: 100%
}

.xcp-con2 .market {
    background: #3b85ed;
    background: -moz-linear-gradient(top, #3b85ed, #55b5f0);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#55b5f0), to(#3b85ed));
    -webkit-box-shadow: 12px 0 10px rgba(37, 100, 199, .15);
    box-shadow: 12px 0 10px rgba(37, 100, 199, .15)
}

.xcp-con2 .compet {
    background: #55b5f0;
    background: -moz-linear-gradient(top, #e69b3f, #edbd53);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#edbd53), to(#e69b3f));
    -webkit-box-shadow: 12px 0 10px rgba(207, 139, 52, .15);
    box-shadow: 12px 0 10px rgba(207, 139, 52, .15)
}

.xcp-con2 .theuser {
    background: #6cba46;
    background: -moz-linear-gradient(top, #6cba46, #6cba46);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#84cd56), to(#6cba46));
    -webkit-box-shadow: 12px 0 10px rgba(81, 160, 42, .15);
    box-shadow: 12px 0 10px rgba(81, 160, 42, .15)
}

.xcp-con2 .icon-iconsy1,
.xcp-con2 .icon-jingpinfenxi,
.xcp-con2 .icon-yonghufenxi {
    font-size: 50px;
    color: #fff;
    display: block;
    line-height: 85px
}

.xcp-con2 i.iconfont {
    padding-top: 20px;
}

.xcp-con2 .analyse_title {
    font-size: 20px;
    color: #666;
    text-align: center
}

.xcp-con2 .analyse_text {
    width: 75px;
    margin: 0 auto
}

.xcp-con2 .analyse_text_circle {
    float: left;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #eb7651;
    margin: 12px 6px 12px 0
}

.xcp-con2 .analyse_text_font {
    float: left;
    font-size: 14px;
    color: #999;
    height: 30px;
    line-height: 30px
}


/******新品推广策略******/

.xcp-con3 {
    padding-bottom: 50px;
}

.xcp-con3 .strategy_content {
    width: 800px;
    margin: 0 auto;
    height: 444px;
    position: relative;
    left: 0;
    right: 0
}

.xcp-con3 .strategy_li {
    width: 180px;
    height: 180px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 6px rgba(235, 118, 81, .15);
    box-shadow: 0 0 6px rgba(235, 118, 81, .15);
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    cursor: pointer
}

.xcp-con3 .strategy_li,
.xcp-con3 .strategy_li:hover {
    -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
    transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.xcp-con3 .strategy_li:hover {
    background-color: #eb7651
}

.xcp-con3 .strategy_li:hover .strategy_hover {
    display: block;
    z-index: 999;
    -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
    transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.xcp-con3 .strategy_hover,
.xcp-con3 .strategy_li:hover .strategy_circle {
    display: none
}

.xcp-con3 .strategy_hover h4 {
    font-size: 18px;
    margin-top: 55px;
    margin-right: 40px
}

.xcp-con3 .strategy_hover h4,
.xcp-con3 .strategy_hover p {
    color: #fff;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.xcp-con3 .strategy_hover p {
    width: 180px;
    margin-top: 12px;
    margin-left: 23px;
    font-size: 14px;
    line-height: 20px
}

.xcp-con3 .strategy_first {
    top: 62px;
    left: 33px
}

.xcp-con3 .strategy_second {
    top: 62px;
    left: 310px
}

.xcp-con3 .strategy_third {
    top: 62px;
    left: 588px
}

.xcp-con3 .strategy_four {
    top: 211px;
    left: 175px
}

.xcp-con3 .strategy_five {
    top: 210px;
    left: 452px
}

.xcp-con3 .strategy_circle {
    margin: 20px auto;
    width: 130px;
    height: 130px;
    text-align: center;
    border: 2px solid #eb7651;
    border-radius: 100%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.xcp-con3 .strategy_circle p {
    margin-top: 20px;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    color: #eb7651
}

.xcp-con3 .icon-huabanchuangyi,
.xcp-con3 .icon-jiance,
.xcp-con3 .icon-koubeixiaoguoyuce,
.xcp-con3 .icon-shujufenxi,
.xcp-con3 .icon-tuiguangguanggaowei {
    position: relative;
    top: 20px;
    font-size: 45px;
    color: #eb7651
}

.xcp-con3 .ways {
    background-color: #373d41;
    width: 100%;
    height: 420px
}

.xcp-con3 .ways_inner {
    width: 1200px;
    height: 420px;
    margin: 0 auto
}

.xcp-con3 .ways_li {
    width: 240px;
    height: 420px;
    float: left;
    text-align: center;
    background-size: cover;
    overflow: hidden;
    position: relative
}

.xcp-con3 .ways_li h3 {
    font-size: 22px;
    color: #fff;
    font-weight: 500
}

.xcp-con3 .ways_li h3,
.xcp-con3 .ways_seperate {
    position: relative;
    z-index: 999;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

.xcp-con3 .ways_seperate {
    width: 22px;
    height: 2px;
    background-color: #fff;
    margin: 30px auto 20px
}

.xcp-con3 .ways_p {
    width: 185px;
    height: 72px;
    font-size: 16px;
    line-height: 24px;
    margin: 30px auto;
    color: #fff;
    display: none;
    position: relative;
    z-index: 999;
    left: 0;
    right: 0;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

.xcp-con3 .ways_li:hover {
    cursor: pointer
}

.xcp-con3 .ways_li:hover .ways_li_mask,
.xcp-con3 .ways_li:hover .ways_p {
    display: block;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

.xcp-con3 .ways_li:hover .ways_mark {
    margin-top: 95px;
    position: relative;
    right: 0;
    z-index: 999
}

.xcp-con3 .ways_li:hover .ways_mark,
.xcp-con3 .ways_li_mask {
    left: 0;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

.xcp-con3 .ways_li_mask {
    width: 240px;
    height: 420px;
    background-color: rgba(235, 118, 81, .6);
    position: absolute;
    top: 0;
    display: none
}

.xcp-con3 .mouthB {
    background-image: url(../yximg/wordofmouth.f6d2561.png)
}

.xcp-con3 .event {
    background-image: url(../yximg/event.51abc15.png)
}

.xcp-con3 .borrow {
    background-image: url(../yximg/phone.4249669.png)
}

.xcp-con3 .putmarket {
    background-image: url(../yximg/put.c0597c4.png)
}

.xcp-con3 .videomarket {
    background-image: url(../yximg/video.564b6c3.png)
}

.xcp-con3 .ways_mark {
    width: 70px;
    height: 70px;
    margin: 145px auto 0
}

.xcp-con3 .icon-dianpushilibang,
.xcp-con3 .icon-koubeiyingxiao,
.xcp-con3 .icon-shijian,
.xcp-con3 .icon-shipin,
.xcp-con3 .icon-toufang {
    color: #fff;
    display: block;
    text-align: center;
    line-height: 70px
}


/******新品推广策略******/

.xcp-con4 {
    padding-top: 50px;
    position: relative;
    background: url("../yximg/solution_bot_bg.jpg") no-repeat bottom center;
    height: 640px
}

.xcp-con4 .title h1 {
    margin-top: 0;
    color: #fff;
}

.xcp-con4 .wrap {
    position: absolute;
    height: 210px;
    left: 50%;
    top: 50%;
    margin-top: -110px;
    margin-left: -600px;
}

.xcp-con4 .wrap .bot_box {
    position: relative;
    height: 210px;
    width: 238px;
    text-align: center;
    font-size: 18px;
}

.xcp-con4 .wrap .bot_box img {
    transition: all 0.8s linear 0s;
    width: 180px;
}

.xcp-con4 .wrap .bot_box img:hover {
    transform: rotateY(180deg);
}

.xcp-con4 .btn-package a,
.xcp-con4 .btn-package a:active,
.xcp-con4 .btn-package a:focus,
.xcp-con4 .btn-package a:hover {
    color: #fff;
    background-color: #e6192e;
    border-color: #e6192e;
    padding: 10px 30px;
    font-size: 18px;
    border-radius: 5px;
}

.xcp-con4 span {
    position: absolute;
    color: #fff;
    left: 0px;
    bottom: -50px;
    width: 100%;
    line-height: 28px;
}

.xcp-con4 .btn-package {
    position: absolute;
    left: 50%;
    bottom: 40px;
    z-index: 800;
    width: 210px;
    margin-left: -100px;
}


/*新产品推广 结束*/


/*解决方案 二级页 结束*/


/*案例 二级页 开始*/

.case-con1 {
    background: #f7f7f7;
    padding: 80px 0 20px;
}

.case-con1 .title h1 {
    margin-top: 0
}

.case-con2 .m-listbox {
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
    font-size: 18px;
}

.case-con2 .m-listbox .m-listbox-itm {
    margin-right: 30px;
    text-align: center;
    display: inline-block;
    border: 1px solid #808286;
    border-radius: 38px;
    width: 88px;
    height: 44px;
    line-height: 44px;
}

.case-con2 .m-listbox .m-listbox-itm.mrz {
    margin-right: 0;
}

.case-con2 .m-listbox .m-listbox-itm:hover,
.case-con2 .m-listbox .m-listbox-itm.z-sel {
    color: #3ea0ff;
    border: 1px solid #3ea0ff;
}

.case-con2 .m-normallist {
    display: none;
}

.case-con2 .m-normallist.z-sel {
    display: block;
}

.case-con2 .m-normallist .m-list-group {
    padding: 50px 0;
}

.case-con2 .m-normallist .m-list-group .m-list-item {
    vertical-align: top;
    box-sizing: border-box;
    display: inline-block;
    width: 196px;
    height: 240px;
    text-align: center;
}

.case-con2 .m-normallist .m-list-group .m-list-item:hover {
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    background: #fff;
    box-shadow: 0 3px 8px 0 rgba(205, 205, 205, 0.4);
    border-radius: 4px;
}

.case-con2 .m-normallist .m-list-group .m-list-item:hover .m-normallist-ft p {
    visibility: visible;
}

.case-con2 .m-normallist .m-list-group .m-list-item div.img {
    width: 114px;
    height: 114px;
    margin: 42px auto 16px auto;
}

.case-con2 .m-normallist .m-list-group .m-list-item div.img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.case-con2 .m-normallist .m-list-group .m-list-item .content .m-normallist-title {
    font-size: 16px;
    color: #383838;
    letter-spacing: 0.5px;
    line-height: 26px;
    white-space: normal;
    word-break: break-all;
}

.case-con2 .m-normallist .m-list-group .m-list-item .m-normallist-ft p {
    visibility: hidden;
    font-size: 14px;
    color: #3ea0ff;
    letter-spacing: 0.39px;
}

.case-con2 .m-normallist .m-list-group .m-list-item .m-normallist-ft p .m-icon-more {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url(../yximg/more_02c7b343a2376138ddcc627cbc94cd51.png) center no-repeat;
    background-size: cover;
    position: relative;
    top: 2px;
}


/*****底部申请*****/

.g-section {
    width: 100%;
    min-width: 1000px;
}

.g-section.shiyong {
    background: #337eff url(../yximg/bg-shiyong.png) no-repeat center bottom;
    background-size: auto 297px;
}

.g-section.shiyong1 {
    background: #545b69 url(../yximg/bg-shiyong.png) no-repeat center bottom;
    background-size: auto 297px;
}

.g-section.sitemap {
    background-color: #30343e;
}

.m-shiyong {
    display: block;
    width: 1000px;
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
    user-select: none;
    -webkit-user-select: none;
}

.m-shiyong .content {
    font-size: 35px;
    color: #fff;
    text-align: center;
    padding-bottom: 30px;
}

.m-shiyong .iptWrap .ipts {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    vertical-align: top;
}

.m-shiyong .iptWrap .ipt {
    width: 387px;
    height: 48px;
    padding: 12px 15px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    color: #333;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 4px 0 0 4px;
    vertical-align: middle;
}

.m-shiyong .iptWrap .ipt::-webkit-input-placeholder {
    font-weight: 400;
    color: #999;
    opacity: 0.8;
}

.m-shiyong .iptWrap .ipt::-moz-input-placeholder {
    font-weight: 400;
    color: #999;
    opacity: 0.8;
}

.m-shiyong .iptWrap .ipt::-ms-input-placeholder {
    font-weight: 400;
    color: #999;
    opacity: 0.8;
}

.m-shiyong .iptWrap .ipt:focus {
    border-color: #fff;
}

.m-shiyong .iptWrap .btn {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    padding: 9px 30px;
    margin-left: -5px;
    background-color: #488bff;
    border-radius: 0 4px 4px 0;
    border: 1px solid #fff;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    line-height: 28px;
    letter-spacing: 2px;
    transition: 0.5s;
    cursor: pointer;
}

.m-shiyong .iptWrap .btn:hover {
    background-color: #2e7bff;
    transition: 0.5s;
}

.m-section-sitemap {
    padding-top: 60px;
    padding-bottom: 50px;
    margin: 0 auto;
    text-align: left;
    width: 980px;
    padding-left: 10px;
    padding-right: 10px;
}


/*案例 二级页 结束*/


/*合作计划 二级页 开始*/

.partner-placard {
    display: table;
    table-layout: fixed;
    width: 100%;
    background: url(../yximg/hz-banner.jpg) top center no-repeat;
    background-size: cover;
    position: relative;
}

.partner-placard .partner-inner {
    display: table-cell;
    vertical-align: middle;
    height: 435px;
    text-align: center;
    line-height: 1.5;
    color: #fff
}

.partner-placard .placard-title {
    margin: 0 0 7px;
    font-size: 34px;
    font-weight: 400
}

.partner-placard .placard-desc {
    font-size: 16px
}

.partner-placard .placard-btns {
    margin-top: 46px;
    font-size: 0;
    color: #bbb
}

.partner-placard .placard-btn {
    margin: 0 10px;
    padding: 0;
    box-sizing: border-box;
    width: 124px;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 2px;
    background-color: #00a4ff;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    transition: all .2s
}

.partner-placard .placard-btn:hover {
    background-color: #0092ee
}

.partner-placard .placard-btn.weak {
    border-color: #fff;
    background-color: transparent
}

.partner-placard .placard-btn.weak:hover {
    background-color: #fff;
    color: #00a4ff
}

.partner-placard .placard-btns p {
    margin-top: 17px;
    font-size: 14px
}

.partner-placard a {
    color: #fff
}

.partner-placard a:hover {
    text-decoration: underline
}

.partner-placard .join-step-wrap {
    position: absolute;
    left: 50%;
    margin-left: -590px;
    bottom: -40px;
    z-index: 10;
    width: 1180px;
    height: 80px;
    box-sizing: border-box;
    padding: 40px 40px 0;
    background: #00c1de;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .15)
}

.partner-placard .join-step-wrap ul {
    float: left;
    margin-left: 40px;
    border-top: 2px solid #7fe0ee;
    *zoom: 1
}

.partner-placard .join-step-wrap ul:after,
.partner-placard .join-step-wrap ul:before {
    content: "";
    display: table
}

.partner-placard .join-step-wrap ul:after {
    clear: both
}

.partner-placard .join-step-wrap ul li {
    position: relative;
    top: -20px;
    float: left;
    margin-left: 100px;
    line-height: 40px;
    font-weight: 700;
    font-size: 16px;
    color: #fff;
}

.partner-placard .join-step-wrap ul li.first {
    margin-left: 0
}

.partner-placard .join-step-wrap ul li span {
    padding: 15px;
    background: #00c1de
}

.partner-placard .join-step-wrap ul li i {
    display: inline-block;
    width: 16px;
    height: 16px;
    color: #fff;
    font-size: 13px;
    line-height: 17px;
    font-weight: 400;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 100%
}

.partner-placard .join-step-wrap ul li a {
    color: #fff;
    text-decoration: none
}


/******渠道分销合作计划权益及要求******/

.hz-con1 {
    padding-top: 120px
}

.hz-con1 .title h1 {
    margin-top: 0
}

.hz-con1 .tabs-wrap {
    margin: 0 10px
}

.hz-con1 .tabs-wrap .tab-nav {
    width: 205px;
    margin: 0 auto 50px;
    *zoom: 1
}

.hz-con1 .tabs-wrap .tab-nav:after,
.hz-con1 .tabs-wrap .tab-nav:before {
    content: "";
    display: table
}

.hz-con1 .tabs-wrap .tab-nav:after {
    clear: both
}

.hz-con1 .tabs-wrap .tab-nav li {
    position: relative;
    float: left;
    margin-left: -1px;
    line-height: 36px;
    width: 100px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    color: #373d41;
    background: #fff;
    cursor: pointer;
    border: 1px solid #d7d8d9;
}

.hz-con1 .tabs-wrap .tab-nav li.active {
    color: #fff;
    background: #00c1de;
    border-color: #00c1de;
    z-index: 2
}

.hz-con1 .panel-box {
    background: #fff;
    border: 1px solid #d7d8d9;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .15)
}

.hz-con1 .panel-box table {
    width: 100%
}

.title_min_hzjh{
    font-size: 16px;
    color: #898b93;
    line-height: 22px;
    margin-top: -25px;
    text-align: center;
}

.hz-con1 .panel-box .table_cologr_1{
    width: 196px;
    float: left;
}

.position_rec_img{
    position: relative;
}

.position_ab_img{
    position: absolute;
    top: -80px;
    left: -35px;
    width: 220px;
    z-index: 5;
}

.position_ab_img img{
    width: 100%;
}

.on_mouse_01{
    float: left;
}

.yys_box_a{
    position: relative;
    text-align: center;
    width: 491px;
}

.on_mouse_01  .box_border_bg{
    float: left;
    margin-top: -2px;
}

.on_mouse_01  .box_border_bg.on .yys_box_a{
    box-shadow: 0 0 20px rgba(50, 133, 255, 0.5);
    border: 1px solid #3285ff;
}

.on_mouse_01  .box_border_bg.on .sj_box{
    background: #3285FF;
    color: #fff;
    margin-top: -1px;
    margin-left: -1px;
}

.color_text_sj img{
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%) translateY(0);
}

.fws_box_a{
    float: left;
    position: relative;
    text-align: center;
    width: 491px;
}

.colp_line_he{
    height: 61px;
    line-height: 61px;
}

.colp_line_he img{
    margin-top: 17px;
}

.bott_bor{
    border-bottom: 1px solid #f2f2f2;
}

.sj_box{
    display: block;
    padding: 42px 0 4px;
}

.hz-con1 .panel-box table.table-3-col td>div,
.hz-con1 .panel-box table.table-3-col th>div {
    width: 390px
}

.hz-con1 .panel-box table.table-4-col td>div,
.hz-con1 .panel-box table.table-4-col th>div {
    width: 292.5px
}

.hz-con1 .panel-box table.table-5-col td>div,
.hz-con1 .panel-box table.table-5-col th>div {
    width: 234px
}

/*.hz-con1 .panel-box table.table-6-col td>div,
.hz-con1 .panel-box table.table-6-col th>div {
    width: 195px
}*/

.hz-con1 .panel-box table.table-7-col td>div,
.hz-con1 .panel-box table.table-7-col th>div {
    width: 167.14285714px
}

.hz-con1 .panel-box table tr:hover {
    background: #f8f8f9
}

.hz-con1 .panel-box table th {
    position: relative;
    font-size: 18px;
    color: #666;
    text-align: center;
    font-weight: 400;
    border-bottom: 1px solid #f8f8f9;
    box-sizing: border-box
}

.hz-con1 .panel-box table th>div {
    padding: 52px 35px 20px;
    /*width: 195px;*/
    box-sizing: border-box
}

.hz-con1 .panel-box table th.hover {
    background: #f8f8f9
}

.hz-con1 .panel-box table th .icon {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -32px;
    top: -18px;
    width: 64px;
    height: 64px
}

.hz-con1 .panel-box table td {
    text-align: center;
    font-size: 14px;
    color: #373d41;
    box-sizing: border-box
}

.hz-con1 .panel-box table td>div {
   /* width: 195px;*/
    padding: 20px 35px;
    box-sizing: border-box
}

.hz-con1 .panel-box table td.hover {
    background: #f8f8f9
}

.hz-con1 .panel-box table td.name {
    text-align: left
}

.hz-con1 .panel-box .more-info-btn {
    display: none;
    padding: 20px 0;
    font-size: 14px;
    color: #00c1de;
    text-align: center;
    cursor: pointer
}

.hz-con1 .color_text_sj{
    font-size: 30px;
    color: #0096de;
}


/******一搜百应代理商扶持计划******/

.hz-con2 {
    background-color: #f7f7f7;
    padding-top: 65px;
    margin-top: 80px
}

.hz-con2 .title h1 {
    margin-top: 0;
}

.hz-con2 .m-list li {
    width: 11.1111111%;
    text-align: center;
    float: left;
}

.hz-con2 .m-list li:last-child {
    margin-right: 0;
}

.hz-con2 .img-box {
    width: 100%;
    height: 72px;
}

.hz-con2 .m-list li .img-box {
    background-size: 72px;
    background-repeat: no-repeat;
    background-position: center;
}

.hz-con2 .m-saas {
    margin: 40px auto 0;
    display: flex;
    width: 680px;
    justify-content: space-between;
    align-items: center;
}

.hz-con2 .m-saas .m-left {
    width: 360px;
    text-align: left;
}

.hz-con2 .m-saas .m-left h1 {
    font-size: 18px;
    color: #373d40;
    font-weight: normal;
}

.hz-con2 .m-saas .m-left .m-line {
    width: 330px;
    border-top: 1px solid #488bff;
    margin: 16px 0;
}

.hz-con2 .m-saas .m-left .txt-content {
    color: #9b9ba3;
    font-size: 14px;
}

.hz-con2 .m-saas .m-right {
    width: 300px;
    height: 319px;
    background: url(../yximg/qy-web-zs-2.0-icon@2x_fe96e2a3ed35b9183c615b100451fc65.png) no-repeat;
    background-size: contain;
}


/******代理商查询******/

.m-merchants {
    width: 1000px;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 83px 10px;
}

.m-merchants .u-title {
    font-size: 34px;
    margin-bottom: 4px;
    color: #373d40;
	text-align:center;
}

.m-merchants .u-summary {
    font-size: 16px;
    color: #898b93;
    line-height: 22px;
    margin-bottom: 80px;
    text-align: center;
}

.m-merchants .m-maps {
    *zoom: 1;
}

.m-merchants .m-maps:before,
.m-merchants .m-maps:after {
    display: table;
    content: "";
    line-height: 0;
}

.m-merchants .m-maps:after {
    clear: both;
}

.m-merchants .m-maps .m-echart {
    float: left;
    width: 500px;
}

.m-merchants .m-maps .m-search {
    float: left;
    width: 450px;
}

.m-echart {
    width: 380px;
    height: 450px;
}

.m-echart .map {
    float: right;
    width: 600px;
    height: 600px;
    margin-top: -110px;
    margin-right: -55px;
}

.m-search {
    padding-left: 45px;
    padding-top: 60px;
}

.m-search .searchBar {
    height: 48px;
    line-height: 48px;
}

.m-search .searchBar .u-ipt {
    width: 314px;
    height: 48px;
    padding-top: 0;
    padding-bottom: 0;
}

.m-search .searchBar .btn-search {
    height: 100%;
    width: 94px;
    vertical-align: top;
    margin-left: 10px;
    opacity: 0.7;
    background: #49a0f5;
    border-radius: 3px;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0.45px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    outline: none;
    border: none;
}

.m-search .searchBar .btn-search:hover {
    opacity: 1;
}

.m-search .searchBar .btn-search.z-dis {
    background-color: #49a0f5;
    cursor: default;
    opacity: 0.6;
}

.m-search .searchBar .btn-search.z-dis:hover {
    background-color: #49a0f5;
}

.m-search .resultBar {
    display: none;
    padding: 21px 16px;
    width: 396px;
    background: #fff;
    border: 1px solid #e4e4e4;
    box-shadow: 0px 2px 4px 0px rgba(213, 213, 213, 0.5);
    border-radius: 3px;
    margin-top: 10px;
}

.m-search .resultBar.z-show {
    display: block;
}

.m-search .resultBar.noResult .title {
    text-align: center;
}

.m-search .resultBar .title {
    font-size: 20px;
    line-height: 1;
    color: #383838;
}

.m-search .resultBar .content {
    margin-top: 22px;
}

.m-search .resultBar .content li {
    *zoom: 1;
    padding: 4px 0;
    line-height: 1.5;
}

.m-search .resultBar .content li:before,
.m-search .resultBar .content li:after {
    display: table;
    content: "";
    line-height: 0;
}

.m-search .resultBar .content li:after {
    clear: both;
}

.m-search .resultBar .content .name {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    width: 80px;
    font-size: 16px;
    color: #383838;
    vertical-align: top;
}

.m-search .resultBar .content .value {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    width: 285px;
    font-size: 16px;
    color: #808286;
    white-space: normal;
    word-break: break-all;
    vertical-align: top;
}


/******加入我们******/

.hz-con4 {
    background: url(../yximg/wenli@2x_74f9ddfd04659441519da22c4ee54445.png) #488bff center bottom no-repeat;
    height: 670px;
}

.hz-con4 .title h1 {
    margin-top: 0
}

.hz-con4 .m-joinForm {
    box-sizing: border-box;
    padding: 50px;
    width: 530px;
    margin: 0 auto;
    border: 1px solid #0fdebd;
    background-color: #fff;
    border-radius: 4px;
}

.hz-con4 .g-section-joinForm__content {
    position: relative;
    z-index: 1;
    padding-top: 80px;
}

.hz-con4 .m-form__itemError {
    color: #f00;
    margin-top: -10px;
    margin-bottom: -10px;
}

.hz-con4 .m-form__item-lab {
    box-sizing: border-box;
    position: absolute;
    padding-left: 18px;
    width: 95px;
    padding-right: 20px;
}

.hz-con4 .m-form__item-ipt {
    padding-left: 95px;
}

.hz-con4 .m-form__item-require {
    position: absolute;
    right: 20px;
    top: 2px;
    color: #f00;
}

.hz-con4 .m-joinForm .m-form__item {
    width: 400px;
    position: relative;
    white-space: nowrap;
    height: 45px;
    line-height: 45px;
    padding-right: 2px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.hz-con4 .m-joinForm .m-joinForm__head {
    padding-bottom: 20px;
    text-align: center;
}

.hz-con4 .m-joinForm .m-joinForm__head .center {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
}

.hz-con4 .m-joinForm .m-joinForm__head .logo {
    width: 48px;
    height: 43px;
    vertical-align: top;
}

.hz-con4 .m-joinForm .m-joinForm__head .ttl {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    margin-left: 20px;
    font-size: 34px;
    color: #383838;
    vertical-align: top;
    line-height: 1.3;
}

.hz-con4 .m-joinForm__body {
    text-align: center;
}

.hz-con4 .m-joinForm__foot {
    margin-top: 45px;
}

.hz-con4 .m-joinForm__foot .u-btn-submit {
    display: block;
}

.hz-con4 .m-joinForm__resultCnt {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    padding-top: 30px;
    text-align: center;
}

.hz-con4 .m-joinForm__resultCnt .sectioin {
    padding: 10px;
}

.hz-con4 .m-joinForm__resultCnt .ttl {
    font-size: 22px;
    line-height: 2;
    color: #383838;
}

.hz-con4 .m-joinForm__resultCnt .summary {
    font-size: 14px;
    color: #9b9ba3;
}

.hz-con4 .m-form__input {
    margin: 0;
    padding: 0;
}

.hz-con4 .m-form__input .m-form__input-wgt {
    box-sizing: border-box;
    position: relative;
    padding: 4px 0;
    padding-right: 30px;
    width: 100%;
    border: 0;
    z-index: 1;
    font-size: 14px;
    line-height: 1.5;
}

.hz-con4 .m-form__input .m-form__input-wgt.z-focus ~ .m-form__border {
    border-color: #49a0f5;
    transition: 0.3s;
}

.hz-con4 .m-form__input .m-form__input-wgt.z-error ~ .m-form__border {
    border-color: #f00;
    transition: 0.3s;
}

.hz-con4 .m-form__input .m-form__input-wgt.z-focus ~ .m-form__iptClear {
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}

.hz-con4 .m-form__border {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #d7d7db;
    border-radius: 5px;
    user-select: none;
    z-index: 0;
    transition: 0.3s;
}

.hz-con4 .u-btn.u-btn-submit {
    display: block;
    width: 100%;
    padding: 10px 25px;
    background-color: #488bff;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    border: 0;
}

.hz-con4 .m-joinForm .m-joinForm__foot .u-btn-submit {
    display: block;
}

.hz-con4 .u-btn.u-btn-submit.z-disabled {
    background-color: #aeccff;
    cursor: default;
}


/*合伙计划 二级页 结束*/


/*服务与支持 二级页 开始*/


/******banner******/

.c-hero-bar {
    background-image: url(../yximg/banner_pc.png)
}

.c-hero-bar-inner {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 10px;
    max-width: 1200px;
    height: 300px;
    color: #fff;
    line-height: 1.5;
    font-size: 0;
    text-align: center;
}

.c-hero-bar-inner:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}

.c-hero-bar-ct {
    display: inline-block;
    vertical-align: middle;
    max-width: 99%;
    padding-top: 50px
}

.c-hero-bar-tit {
    margin-bottom: 8px;
    font-size: 34px;
    font-weight: 400;
}

.p-all-bar {
    white-space: nowrap;
    padding-top: 10px;
    margin: 10px auto 0;
    position: relative;
    z-index: 10;
    width: 650px;
    max-width: 650px;
}

.p-all-bar .p-all-search {
    display: inline-block;
    white-space: nowrap;
    font-size: 0;
    vertical-align: middle;
    position: relative;
    width: 100%;
    margin: 0;
}

.c-search-input {
    padding: 4px 140px 4px 20px;
    border-radius: 0;
    -webkit-appearance: none;
    width: calc(100% - 35px);
    box-shadow: none;
    display: inline-block;
    line-height: 1;
    height: 45px;
    font-size: 16px;
    border: none;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: top;
}

.c-search-btn {
    position: relative;
    right: 0;
    top: 0;
    width: 35px;
    height: 45px;
    box-sizing: border-box;
    transition: background .2s ease;
    -webkit-transition: background .2s ease;
    background: #00a4ff;
    border: none;
    line-height: 250px;
    overflow: hidden;
    outline: 0;
    text-indent: -10000px;
    border-radius: 0;
    vertical-align: top;
    border: none;
}

.p-all-bar .c-search-btn,
.p-all-bar .c-search-btn:hover {
    background-color: #fff;
}

.c-search-btn:after {
    position: absolute;
    content: "";
    display: inline-block;
    background-image: url(../yximg/global-201808281041.svg);
    width: 24px;
    height: 24px;
    top: 13px;
    left: 50%;
    margin-left: -12px;
    background-position: 35.980000000000004% 29.84%;
    background-size: 1200% 1133.3333333333335%;
    background-repeat: no-repeat;
}

.c-hero-bar .p-all-bar .c-search-btn:after {
    background-image: url(../yximg/index-201808082213.svg);
    background-position: 2.5% 94.44%;
    background-size: 350% 212.5%;
    background-repeat: no-repeat;
}

.c-hero-bar .c-search-tip {
    font-size: 14px;
    padding: 15px 0;
    text-align: left;
}

.c-hero-bar .c-search-tip>span {
    color: #ccc;
}

.c-hero-bar .c-search-tip>a {
    color: #fff;
}


/******四大模块******/

.ser-con1 {
    padding: 45px 10px 50px;
    background: #f7f7f7;
}

.ser-con1 .doc-entry-mod.header {
    margin-left: -10px;
    margin-right: -10px;
}

.ser-con1 .c-g-6 {
    display: inline-block;
    width: 300px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: top;
}

.ser-con1 .c-media {
    line-height: 1.5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    padding: 20px;
    display: block;
    box-shadow: #ccc 0 0 3px;
    transition: all .4s;
    padding-top: 30px;
    padding-bottom: 30px;
}

.ser-con1 .doc-entry-mod .c-media-img {
    width: 48px;
    height: 48px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}

.ser-con1 .doc-entry-mod .c-media-img img {
    width: 100%;
    position: relative;
}

.ser-con1 .doc-entry-mod .c-media-body,
.ser-con1 .doc-entry-mod.footer .c-media-body {
    margin-top: 13px;
}

.ser-con1 .c-media-heading {
    text-align: center;
    font-size: 18px;
    color: #333;
    margin: 0;
    padding: 0;
    font-weight: 400;
    line-height: 1.5;
}

.ser-con1 .c-media-info {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
    line-height: 1.7;
    word-wrap: break-word;
    text-align: center;
    margin-top: 1px;
}

.ser-con1 .doc-entry-mod .c-media:hover {
    transition: all .4s;
    transform: translate3d(0, -4px, 0);
    color: #00a4ff;
}

.ser-con1 .doc-entry-mod .c-media:hover .c-media-heading {
    color: #00a4ff;
}


/******产品模块******/

.ser-con2 .c-media-row .c-media-cell {
    display: inline-block;
    width: calc((73% - 120px)/ 3);
    vertical-align: top;
    margin-right: 60px;
    padding-right: 0;
    padding-bottom: 40px;
    box-sizing: border-box;
    transition: max-height .2s;
}

.ser-con2 .c-media-tit-list {
    font-size: 0;
}

.ser-con2 .c-media-row .c-media-cell:last-child {
    margin-right: 0
}

.ser-con2 .c-media-cell-tit {
    overflow: hidden
}

.ser-con2 .c-media-cell-icon {
    width: 32px;
    height: 32px;
    float: left
}

.ser-con2 .c-media-cell-icon img {
    max-width: 100%
}

.ser-con2 .c-media-cell-tit h2 {
    margin-left: 50px;
    font-size: 18px;
    border-bottom: #e5e5e5 1px solid;
    padding-bottom: 15px;
    padding-top: 3px;
    font-weight: 400;
    color: #000
}

.ser-con2 .c-media-cell-con {
    padding-left: 50px;
    font-size: 14px
}

.ser-con2 .c-media-cell-item {
    border-bottom: #e5e5e5 1px solid;
    position: relative
}

.ser-con2 .c-media-cell-item h3 {
    font-weight: 400;
    position: relative
}

.ser-con2 .c-media-cell-item h3 .doc-icon-download {
    position: absolute;
    top: 10px;
    right: 0
}

.ser-con2 .c-media-cell-item a {
    display: block;
    padding: 8px;
    color: #333;
    font-size: 15px;
}

.ser-con2 .c-media-cell-item a:hover {
    background-color: #f7f8fa;
    color: #00a4ff
}

.ser-con2 .c-media-cell-item a.doc-icon-download {
    display: inline-block;
    padding: 0
}


/*服务与支持 二级页 结束*/


/*价格 二级页 开始*/


/****** 计费模式 ******/

.pri-con1 {
    overflow: hidden;
    padding-top: 56px;
    padding-bottom: 60px;
}

.pri-con1 .list-li {
    width: 25%;
    float: left;
}

.pri-con1 .title h1 {
    margin-top: 0;
    margin-bottom: 50px;
}

.pri-con1 .list-li .logo {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 22px;
}

.pri-con1 .list-li .tit {
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #373D41;
    overflow: hidden;
    margin-bottom: 14px;
}

.pri-con1 .list-li .exp {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #73777A;
    line-height: 24px;
    overflow: hidden;
}


/****** 产品价格详情 ******/

.pri-con2 {
    padding-top: 60px;
    padding-bottom: 50px;
    background: #f7f7f7;
}

.pri-con2 .title h1 {
    margin-top: 0;
}

.pri-con2 .inner-con {
    height: 35px;
    padding-top: 10px;
    overflow: hidden;
    width: 100%;
    text-align: center;
    font-size: 0;
    margin-bottom: 40px;
}

.pri-con2 .inner-con li {
    height: 18px;
    line-height: 18px;
    display: inline-block;
    padding: 0 16px;
    overflow: hidden;
    font-size: 16px;
    color: #373D41;
    border-right: 1px solid #ccc;
    cursor: pointer;
}

.pri-con2 .inner-con li.act {
    color: #197bdd;
}

.pri-con2 .down .list-li {
    background: #fff;
    overflow: hidden;
    border: 1px solid #eee;
    box-shadow: 0 2px 4px 0 rgba(226, 226, 226, 0.5);
    margin-bottom: 20px;
    width: 277px;
    margin-right: 30px;
    float: left;
}

.pri-con2 .down .list-li:nth-child(4n) {
    margin-right: 0
}

.pri-con2 .down .list-li .top {
    height: 50px;
    overflow: hidden;
    background: #373D41;
}

.pri-con2 .down .list-li .top .text {
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    overflow: hidden;
}

.pri-con2 .down .list-li .middle {
    padding: 0 22px;
    width: 100%;
    overflow: hidden;
}

.pri-con2 .down .list-li .middle .st {
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #373D41;
    height: 190px;
    overflow: hidden;
}

.pri-con2 .down .list-li .middle .price {
    height: 44px;
    line-height: 44px;
    border-top: 1px solid #EBECEC;
    font-size: 14px;
    color: #73777A;
    overflow: hidden;
    text-align: center;
}

.pri-con2 .down .list-li .middle .price span {
    font-size: 18px;
    color: #FF9B25;
}

.pri-con2 .down .list-li .middle .more {
    display: block;
    height: 44px;
    line-height: 44px;
    float: right;
    font-size: 12px;
    color: #488bff;
    overflow: hidden;
}

.pri-con2 .down .list-li .middle .more:hover {
    text-decoration: underline;
}


/****** 成本估算 ******/

.pri-con3 {
    overflow: hidden;
    height: 310px;
    background: url(../yximg/cbgs-bg.jpg) no-repeat center top;
    background-size: 100% 100%;
    padding: 60px 0;
}

.pri-con3 .title h1 {
    margin-top: 0;
    color: #fff;
    margin-bottom: 40px;
}

.pri-con3 .list-li {
    float: left;
    width: 560px;
    margin-right: 60px;
}

.pri-con3 .list-li:last-child {
    margin-right: 0
}

.pri-con3 .list-li {
    overflow: hidden;
    height: 117px;
    background: #fff;
    position: relative;
    box-shadow: 0 2px 15px 0 rgba(0, 0, 0, .15)!important;
}

.pri-con3 .list-li .golink {
    height: 117px;
    text-decoration: none;
    display: block;
    padding-top: 35px;
    padding-left: 70px;
    padding-right: 130px;
    border: 1px solid #eee;
}

.pri-con3 .list-li .tip {
    position: absolute;
    left: 8px;
    top: 8px;
    display: block;
    width: 47px;
    height: 47px;
    overflow: hidden;
}

.pri-con3 .list-li .logo {
    position: absolute;
    right: 50px;
    top: 28px;
    display: block;
    width: 60px;
    height: 60px;
    overflow: hidden;
}

.pri-con3 .list-li .tit {
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    color: #373D41;
    overflow: hidden;
    margin-bottom: 8px;
    font-weight: bold;
}

.pri-con3 .list-li .exp {
    font-size: 12px;
    color: #373D41;
    line-height: 17px;
    overflow: hidden;
}


/****** 品牌建设精选套餐 ******/

.pri-con4 {
    background-color: #f7f7f7;
    padding: 60px 0;
}

.pri-con4 .title h1 {
    margin-top: 0;
    margin-bottom: 50px;
}

.brand-building__price .card {
    position: relative;
    z-index: 10;
    float: left;
    width: 24%;
    height: 570px;
    background-color: #fff;
    border: 1px solid #DBDBDD;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform-style: preserve-3d;
}

.brand-building__price hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
}

.brand-building__price .card.on {
    z-index: 100;
    border: 1px solid #3285FF;
    box-shadow: 0 0 20px rgba(50, 133, 255, 0.5);
    width: 28%
}

.brand-building__price .card + .card {
    margin-left: -1px
}

.brand-building__price .card-title {
    position: relative;
    margin-left: 0;
    margin-right: -1px;
    z-index: 1;
    text-align: center;
    background-color: #EBEBEC;
    height: 170px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)
}

.brand-building__price .card.on .card-title {
    margin-top: -15px;
    margin-left: -1px;
    color: #fff;
    background-color: #3285FF;
    height: 185px
}

.card-title-content {
    position: absolute;
    left: 0;
    bottom: 20px;
    width: 100%
}

.brand-building__price .card-title h3 {
    margin: 10px 0;
    font-size: 20px;
    font-weight: bold
}

.brand-building__price .card-title h3 small {
    display: inline-block;
    width: 40px;
    height: 20px;
    font-size: 65%;
    line-height: 20px;
    font-weight: normal;
}

.brand-building__price .card-title p {
    margin-bottom: 0
}

.brand-building__price .card-content-1 {
    text-align: center;
    font-size: 16px
}

.brand-building__price .card.on .card-content-1 {
    visibility: hidden;
    opacity: 0
}

.brand-building__price .card-content-1 p {
    margin-top: 15px;
    margin-bottom: 0;
    color: #666
}

.brand-building__price .card-content-2 {
    position: absolute;
    top: 185px;
    left: 0;
    width: 100%;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    padding: 0 20px 20px 20px;
    font-size: 16px
}

.brand-building__price .card.on .card-content-2 {
    visibility: visible;
    opacity: 1;
    transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0.2s
}

.brand-building__price .card-content-2 p {
    margin-top: 15px;
    margin-bottom: 0;
    color: #666
}

.brand-building__price .card-content-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    text-align: center;
    background-color: #EBEBEC
}

.brand-building__price .card.on .card-content-footer {
    background-color: #3285FF;
    color: #fff
}

.brand-building__price .card-content-footer span {
    font-size: 26px
}

.cm_footer_choice {
    background-color: #f6f6f6
}

.brand-building__price .btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

.brand-building__price .btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

.brand-building__price .card i {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.brand-building__price .card i img {
    position: absolute;
    top: 0;
    left: 0;
}

.brand-building__price .card i img.img2 {
    display: none;
}

.brand-building__price .card.on i img.img2 {
    display: block;
}

.brand-building__price .card.on i img.img1 {
    display: none;
}

.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
    color: #fff;
    background-color: #ac2925;
    border-color: #761c19;
}

.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
    color: #fff;
    background-color: #269abc;
    border-color: #1b6d85;
}


/*价格 二级页 结束*/


/*百应商学院 二级页 开始*/


/*****左侧*****/

.school-content {
    padding-bottom: 40px;
}

.school-content .fl {
    width: 812px;
    min-height: 100px;
    height: auto;
    overflow: hidden;
}

.school-content .fl .xy-conld {
    width: 812px;
    min-height: 50px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}

.school-content .fl .xy-conld h1 {
    margin: 30px auto;
    font-size: 18px;
    height: 25px;
    line-height: 25px;
    border-left: 2px solid #eb6317;
    padding-left: 20px;
    font-weight: normal;
}

.school-content .fl .xy-list {
    width: 812px;
    min-height: 100px;
    height: auto;
    overflow: hidden;
    border-top: 1px solid #e5e5e5;
}

.school-content .fl .xy-lista {
    width: 812px;
    min-height: 100px;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    padding: 20px 0;
}

.school-content .fl .xy-list img.xy-rw {
    width: 229px;
    height: 154px;
    float: left;
}

.school-content .fl .xy-list img.xy-rw img {
    width: 229px;
    height: 154px;
}

.school-content .fl .xy-list .xy-listr {
    width: 510px;
    min-height: 50px;
    height: auto;
    overflow: hidden;
    float: left;
    margin-left: 30px;
}

.school-content .fl .xy-list .xy-listr h2 a {
    color: #333;
    font-weight: normal;
    font-size: 18px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-orient: vertical;
}

.school-content .fl .xy-list .xy-listr p {
    height: 50px;
    color: #666;
    line-height: 25px;
    font-size: 14px;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.school-content .fl .xy-list .xy-listr .xy-a {
    width: 510px;
    height: 30px;
    line-height: 30px;
    margin-top: 38px;
}

.school-content .fl .xy-list .xy-listr .xy-a img {
    float: left;
    margin: 5px 5px 0 0;
}

.school-content .fl .xy-list .xy-listr .xy-a p.rw-pa {
    width: 100px;
    height: 30px;
    float: left;
    margin-top: 3px;
}

.school-content .fl .xy-list .xy-listr .xy-a .xy-b {
    width: 350px;
    float: left;

    padding-left: 8px;
    margin-top: 3px;
}

.school-content .fl .xy-list .xy-listr .xy-a .xy-b img {
    float: left;
}

.school-content .fl .xy-list .xy-listr .xy-a .xy-b p {
    float: left;
    margin-top: 0;
    height: 20px;
    padding-right: 25px;
}

.school-content .fl img.xy-img {
    width: 812px;
    height: 173px;
    margin: 30px auto;
}


/*****右侧*****/

.school-content .fr {
    width: 355px;
    min-height: 100px;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
}

.school-content .fr .phb-top {
    width: 355px;
    min-height: 100px;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    margin-top: 20px;
    position: relative;
    padding-bottom: 10px;
}

.school-content .fr .phb-top ul {
    width: 110px;
    height: 62px;
    background: #fff;
    margin: 0 auto;
    border-bottom: 1px solid #eb6317;
    padding-top: 17px;
    float: right;
}

.school-content .fr .phb-top ul li {
    float: left;
    font-size: 16px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    margin: 0 5px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.school-content .fr .pp-lefta {
    width: 245px;
    height: 62px;
    float: left;
    border-bottom: 1px solid #eb6317;
}

.school-content .fr .pp-left {
    width: 230px;
    height: 23px;
    float: left;
    border-left: 2px solid #EB6317;
    padding-left: 10px;
    font-size: 18px;
    margin-top: 19px;
}

.school-content .fr .phb-top .hit {
    cursor: pointer;
    color: #fff;
    background: #eb6317;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.school-content .fr .pane {
    width: 355px;
    min-height: 100px;
    display: none;
    margin-top: 70px;
}

.school-content .fr .pa-a {
    width: 355px;
    height: 45px;
    padding: 0 0 0 20px;
    line-height: 45px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-orient: vertical;
    position: relative;
}

.school-content .fr .pa-a span {
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #eb6317;
    position: absolute;
    top: 23px;
    left: 5px;
}

.school-content .fr .pane a {
    color: #666;
    font-size: 16px;
}

.school-content .fr .re-s {
    width: 355px;
    height: 380px;
    background: #f8f9f9;
    padding: 50px 0 50px;
}

.school-content .fr .re-bt {
    width: 355px;
    height: 50px;
    border-bottom: 1px solid #e5e5e5;
}

.school-content .fr .re-bt h3 {
    font-size: 18px;
    color: #000;
    font-weight: normal;
    margin-top: 18px;
    padding-left: 5px;
    border-left: 2px solid #EB6317;
}

.school-content .fr .zt-img {
    width: 334px;
    min-height: 100px;
    height: auto;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    text-align: center;
    margin-top: 15px;
    padding: 10px 0 15px;
}

.school-content .fr .zt-img img {
    width: 314px;
    margin: 0 auto;
}

.school-content .fr .zt-img h4 {
    line-height: 35px;
    font-size: 16px;
    text-align: left;
    padding: 0 10px;
    margin-top: 10px;
    font-weight: normal;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-orient: vertical;
}

.school-content .fr .zt-img h4 a {
    color: #333;
}

.school-content .fr .zt-img p.zt-p {
    text-align: left;
    line-height: 20px;
    padding: 0 10px;
    color: #666;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-orient: vertical;
    text-align: left;
}

.school-content .fr p.zt-pa {
    text-align: left;
    padding: 0 10px;
    color: #666;
    margin-top: 25px;
}

.school-content .fr p.zt-pa span {
    padding-left: 20px;
}


/*百应商学院 二级页 结束*/


/*百应商学院 详情页 开始*/


/******内页位置 开始******/

.erMap {
    background: #f6f6f6;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    padding: 120px 0 40px;
    background-size: 100% 200px;
}

.erMap .wrap {
    position: relative;
}

.erMap h2 {
    display: inline-block;
    font-size: 48px;
    text-transform: uppercase;
    color: rgba(25, 49, 113, 0.1);
    font-family: arial;
}

.erMap h2 b {
    font-size: 32px;
    color: #203071;
    display: block;
    margin-top: -38px;
    font-family: "Microsoft YaHei";
    font-weight: normal;
}

.erMap p {
    color: #4c4c4c;
    font-size: 15px;
    position: absolute;
    bottom: 10px;
    right: 0;
}

.erMap p a {
    color: #4c4c4c;
    margin: 0 2px;
}

.erMap p a.active,
.erMap p a:hover {
    color: #203071;
    font-weight: bold;
}


/******内页位置 end******/

.school-content .fl .wz-bt {
    width: 812px;
    height: 130px;
}

.school-content .fl .wz-bt h1 {
    font-size: 18px;
    color: #000;
    font-weight: normal;
    line-height: 100px;
    text-align: left;
}

.school-content .fl .wz-p {
    color: #999999;
    line-height: 20px;
}

.school-content .fl .wz-p p {
    float: left;
    margin-right: 45px;
}

.school-content .fl .wz-p p img {
    float: left;
    margin: 2px 5px 0 0;
}

.school-content .fl .wz-wz p {
    color: #333;
    padding: 10px 0;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
}

.school-content .fl .wz-wz img {
    margin: 10px auto;
}

.school-content .fl .wz-wz p span {
    font-weight: bold;
}

.school-content .fl .wz-biao {
    width: 812px;
    min-height: 50px;
    height: auto;
    overflow: hidden;
    font-size: 16px;
    color: #666;
    margin-top: 15px;
}

.school-content .fl .wz-biao p {
    line-height: 35px;
}

.school-content .fl .wz-biao ul li {
    padding: 0 15px;
    border: 1px solid #a0a0a0;
    float: left;
    line-height: 30px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    margin: 10px 15px 0 0;
}

.school-content .fl .wz-biao ul li a {
    color: #666;
}

.school-content .fl .wz-pian {
    width: 812px;
    min-height: 50px;
    height: auto;
    overflow: hidden;
    margin: 35px auto;
}

.school-content .fl .wz-pian .wz-piana {
    width: 670px;
    float: left;
}

.school-content .fl .wz-pian .wz-piana p {
    font-size: 16px;
    line-height: 35px;
    color: #666;
}

.school-content .fl .wz-pian .wz-piana p a {
    color: #666;
}

.school-content .fl .wz-share {
    width: 812px;
    height: 50px;
    margin: 20px auto;
}

.school-content .fl .wz-share p {
    font-size: 16px;
    /*color: #666;*/
    float: left;
    padding-right: 15px;
    line-height: 35px;
}

.school-content .fl .xq-wz {
    width: 812px;
    min-height: 50px;
    height: auto;
    overflow: hidden;
    font-size: 16px;
}

.school-content .fl .xq-wz p {
    font-size: 18px;
    padding-left: 10px;
    border-left: 2px solid #eb6317;
}

.school-content .fl .xq-wz ul li {
    width: 180px;
    float: left;
    margin: 20px 30px 20px 0;
}

.school-content .fl .xq-wz ul li a {
    font-size: 14px;
    color: #333;
    display: block;
    height: 42px;
    line-height: 21px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.school-content .fl .xq-wz ul li img {
    width: 100%;
    height: 120px;
}

.school-content .fl .xq-wz ul li:nth-child(4n) {
    width: 180px;
    float: right;
    margin: 20px 0px 0 0;
}

.school-content.ny .fr {
    margin-top: 0
}


/*百应商学院 详情页 结束*/


/*关于我们 二级页 开始*/

.about-con1 {
    padding: 60px 0;
}

.about-con1 .general_con_c_ri_title {
    color: #ccc;
    font-size: 26px;
    font-family: "微软雅黑";
    margin-bottom: 30px;
    font-weight: bold;
}

.about-con1 .general_con_c_ri_word {
    color: #666;
    font-size: 15px;
    line-height: 26px;
}

.boxneral_title {
    background: url(../yximg/tit_linebg.gif) no-repeat center 0;
    font-size: 34px;
    font-family: "微软雅黑";
    text-align: center;
    margin: 0 auto 50px;
    height: 40px;
    line-height: 40px;
}

.about-con1 .fl {
    width: 400px;
}

.about-con1 .fl img {
    display: block;
    margin: 100px auto 0;
}

.about-con1 .fr {
    width: 700px;
}

.box-do {
    border-top: 1px solid #eee;
    font-size: 14px;
    color: #202020;
}

.line-more-lf {
    background: url(../yximg/ab_03.jpg) no-repeat top left;
    color: #aaa;
    font-size: 14px;
    text-align: left;
}

.line-lf {
    width: 75%;
    float: left;
    text-indent: 2em;
    line-height: 65px;
}

.line-rg {
    width: 23%;
    float: right;
    color: #00a0e9;
    text-align: right;
}

.line-rg a {
    margin-right: 0;
}

.box-do ul {
    overflow: hidden;
}

.box-do li {
    width: 25%;
    float: left;
    margin-bottom: 45px;
    text-align: center;
    padding: 0 3%;
    word-break: break-all;
    transition: all 0.2s;
}

.box-do li img {
    display: inline-block;
    margin-bottom: 25px;
    transition: all 0.2s;
}

.box-do li span {
    line-height: 25px;
    min-height: 50px;
    display: block;
}

.box-do li:hover img {
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
}

.box-do li:hover {
    color: #00a0e9;
}

.box-chose {
    padding-top: 50px;
    overflow: hidden;
    width: 100%;
    padding-bottom: 50px;
}

.box-chose .bx-pager {
    display: none;
}

.box-chose .title-h2 {
    padding-bottom: 40px;
}

.chose-list {
    position: relative;
}

.chose-list .slide {
    text-align: center;
}

.chose-list ul {
    margin: 0 auto;
    width: 1200px;
}

.chose-list li {
    width: 1200px;
    text-align: center;
    width: 100%;
}

.box-chose .bx-controls-direction {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -19px;
}

.box-chose .bx-prev {
    background: #f4f4f4 url(../yximg/left_03.png) no-repeat center center;
    display: block;
    width: 38px;
    height: 38px;
    left: 0;
    float: left;
    text-indent: -99999px;
}

.box-chose .bx-next {
    background: #f4f4f4 url(../yximg/right_03.png) no-repeat center center;
    display: block;
    width: 38px;
    height: 38px;
    right: 0;
    float: right;
    text-indent: -99999px;
}


/*关于我们 二级页 结束*/


/*pages*/

.Pages {
    padding: 0px;
    zoom: 1;
    overflow: hidden;
    text-align: center;
    color: #555;
    clear: both;
}

.Pages span {
    padding: 0px 3px;
    display: inline-block;
}

.Pages a {
    display: inline-block;
    margin: 0px 2px;
    font-size: 16px;
    width: 37px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    background: #e5e5e5;
}

.Pages .p_page a {
    display: inline-block;
    vertical-align: middle;
}

.Pages .p_page .a_prev,
.Pages .p_page .a_next,
.Pages .p_page .a_first,
.Pages .p_page .a_end {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 2px;
    background: #e6e6e6;
    color: #595757;
}

.Pages .p_page .a_prev:hover,
.Pages .p_page .a_next:hover,
.Pages .p_page .a_first:hover,
.Pages .p_page .a_end:hover {}

.Pages .p_page .num a {
    display: inline-block;
    background: #e6e6e6;
    vertical-align: middle;
    color: #595757;
}

.Pages .p_page .num a:hover,
.Pages .p_page .num a.a_cur {
    background: #4091ff;
    color: #fff;
}

.Mores {
    text-align: right;
    padding: 0 3% 0 3%;
}

.Mores a {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    text-align: center;
    background: #c41a7b;
    width: 118px;
    line-height: 32px;
}


/*pages end*/


/*在线申请*/

.zxsq .box.footer-apply {
    background-color: #F7F8FA;
    background-image: url(../yximg/bgapplyfooter.svg);
    background-position: right center;
    background-repeat: no-repeat;
    padding: 55px 0;
}

.zxsq .wrap {
    position: relative;
}

.zxsq .box h2 {
    font-size: 40px;
    color: #333333;
    line-height: 55px;
    margin-bottom: 20px;
    position: relative;
}

.zxsq .apply-form {
    padding-top: 40px;
    width: 64%;
}

.zxsq .apply-form ul {
    overflow: hidden;
    padding-bottom: 20px;
}

.zxsq .apply-form li {
    height: 45px;
    width: 40%;
    float: left;
    padding-right: 20px;
    padding-left: 110px;
    position: relative;
    margin-bottom: 30px;
}

.zxsq .apply-form li:nth-of-type(2n) {
    width: 60%;
    padding-left: 130px;
    padding-right: 0;
}

.zxsq .apply-form li label {
    font-size: 18px;
    line-height: 45px;
    color: #333333;
    display: block;
    width: 110px;
    position: absolute;
    left: 0;
    top: 0;
}

.zxsq .apply-form li label.must b {
    color: #FF2121;
}

.zxsq .apply-form li:nth-of-type(2n) label {
    left: 20px;
}

.zxsq .case-filter select,
.zxsq .apply-form li select,
.zxsq .apply-form li input {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 3px;
    font-size: 14px;
    line-height: 18px;
    height: 45px;
    padding: 13px;
    box-sizing: border-box;
}

.zxsq .apply-form li .error-tip {
    position: absolute;
    font-size: 12px;
    left: 110px;
    top: 45px;
    line-height: 20px;
    color: #FF0012;
}

.zxsq .apply-form li input.error,
.zxsq .apply-form li select.error {
    border: 1px solid #FF0012;
}

.zxsq .blue-btn {
    width: 170px;
    height: 50px;
    border: none;
    border-radius: 100px;
    color: #fff;
    line-height: 50px;
    font-size: 18px;
    display: block;
    text-align: center;
    position: relative;
    overflow: hidden;
    background-color: #294DF7;
    background-image: -webkit-linear-gradient(52deg, #182FEC 0%, #0D6AF2 39%, #00C1DF 120%);
    background-image: -o-linear-gradient(52deg, #182FEC 0%, #0D6AF2 39%, #00C1DF 120%);
    background-image: -moz-linear-gradient(52deg, #182FEC 0%, #0D6AF2 39%, #00C1DF 120%);
    background-image: linear-gradient(52deg, #182FEC 0%, #0D6AF2 39%, #00C1DF 120%);
    transition: all 0.75s ease;
}

.zxsq .blue-btn:hover {
    background-image: -webkit-linear-gradient(52deg, #182FEC 0%, #00C1DF 39%, #0D6AF2 120%);
    background-image: -o-linear-gradient(52deg, #182FEC 0%, #00C1DF 39%, #0D6AF2 120%);
    background-image: -moz-linear-gradient(52deg, #182FEC 0%, #00C1DF 39%, #0D6AF2 120%);
    background-image: linear-gradient(52deg, #182FEC 0%, #00C1DF 39%, #0D6AF2 120%);
}

.zxsq .service-call {
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    right: 0;
    font-size: 18px;
    color: #333333;
    line-height: 44px;
}

.zxsq .service-call a {
    display: inline-block;
    padding-left: 55px;
    font-size: 46px;
    color: #294DF7;
    line-height: 56px;
    font-family: 'DINPro-Medium';
    background: url(../yximg/iconphone.svg) no-repeat left 7px;
}


/*成功*/

.dialog {
    background: #FFFFFF;
    border-radius: 6px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 12;
    display: none;
}

.dialog a.close {
    font-size: 24px;
    color: #979797;
    position: absolute;
    right: 20px;
    top: 10px;
}

.dialog.submit-success {
    width: 800px;
    height: 480px;
    margin: -240px 0 0 -400px;
}

.submit-success h2 {
    font-size: 30px;
    color: #333;
    padding-top: 80px;
    text-align: center;
    background: url(../yximg/duigou.svg) no-repeat top center;
    background-size: 64px;
    margin-top: 10%;
}

.submit-success p {
    width: 62%;
    margin: 30px auto 0;
    font-size: 16px;
    line-height: 24px;
    color: #666;
    text-align: center;
}

.submit-success p .font-din {
    color: #294DF7;
}

.qcc-footer-s .footer {
    padding-right: 20px;
    background-color: #f5f8fa;
    max-width: 1180px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
}

.qcc-footer-s .footer dl dt {
    margin-bottom: 15px;
    font-size: 16px;
    color: #999;
}

.qcc-footer-s .footer .copyright {
    border-top: 1px solid #ccc;
}

body.product .g-topNav.moveDown,
body.xq-school .g-topNav.moveDown {
    background-color: #333
}

body.product {
    background-color: #f5f8fa;
}


/*合作伙伴*/

.sponsor{
	width:232px;
	height:160px;
	float:left;
	margin:4px;

	/* Giving the sponsor div a relative positioning: */
	position:relative;
	cursor:pointer;
}

.sponsorFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */

	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #ddd;
	background:url("#") no-repeat center center #fff;
}

.sponsorFlip:hover{
	border:1px solid #ccc;

	/* CSS3 inset shadow: */
	-moz-box-shadow:0 0 10px #EEEEEE inset;
	-webkit-box-shadow:0 0 10px #EEEEEE inset;
	box-shadow:0 0 10px #EEEEEE inset;
}

.sponsorFlip img{
	/* Centering the logo image in the middle of the sponsorFlip div */

	position:absolute;
	top:15px;
	left:16px;
	margin:0 auto;
}

.sponsorData{
	/* Hiding the .sponsorData div */
	display:none;
}

.sponsorDescription{
	font-size:11px;
	padding:50px 10px 20px 20px;
	font-style:italic;
}

.sponsorURL{
	font-size:10px;
	font-weight:bold;
	padding-left:20px;
}

/*媒体合作*/
.div_width_100per{float:left; width:100%;}
.div_width_1000_auto{width:1000px; margin: 0 auto;}

.a_welcome_about_menu{float:left; width:171px; font-size:14px; border-left:4px solid #ffffff; line-height:20px; margin-top:20px;}
.a_welcome_about_menu font{margin-left:25px;}
.a_welcome_about_menu.index,.a_welcome_about_menu:hover{color:#2085e9; border-left:4px solid #2085e9;}
.a_welcome_about_menu:hover:hover{border-left:4px solid #ffffff;}
.p_welcome_about_normal{float:left; width:748px; margin:22px 0 0 10px; line-height:30px; font-size:14px; color:#424242;}
.div_welcome_role_item{float:left; width:100%; margin:105px 0 0 0;}
.div_welcome_role_title{float:left; width:100%; text-align:center; margin-top:30px; line-height:30px; color:#424242; font-size:30px;}
.div_welcome_role_title .div_welcome_role_subtitle{float:left; width:140px; margin:-15px 0 10px 380px;}
.div_welcome_role_subtitle font{position:absolute;background:#f6f6f6;font-size:16px;z-index:100;color:#bbb;width:240px;text-align:center;margin:0;left:0;top: 1px;}
.div_welcome_role_detail{float:left; margin:80px 0 0 40px; min-height:220px; width:750px;}
.div_welcome_role_detail.bottom_item{margin:63px 0 0 125px;}
.div_welcome_role_detail img{float:left;}
.div_welcome_role_detail.bottom_item img{float:right;}
.div_welcome_role_detail .dv_welcome_rd_text{float:left; margin:30px 0 0 40px; color:#999; font-size:16px;}
.div_welcome_role_detail .dv_welcome_rd_text li{width:270px;height:110px;float:right;margin:5px 20px 30px 20px;text-align:center;}
.div_welcome_role_detail .font_welcome_rd_title{color:#424242; font-size:24px; line-height:50px;}
.div_welcome_role_detail.bottom_item .dv_welcome_rd_text{margin:47px 0 0 0;}
.a_welcome_role_but{float:left; width:215px; margin:54px 0 0 390px; line-height:55px; color:white; font-size:16px; cursor:pointer; background:url(../yximg/index_pics_20140626.png) -8px -8px no-repeat;}
.a_welcome_role_but.index_business{background:url(../yximg/index_pics_20140626.png) -452px -8px no-repeat;}
.a_welcome_role_but.index_candidate{background:url(../yximg/index_pics_20140626.png) -230px -8px no-repeat;}
.div_welcome_role_item .welcome_r_item{float:left; width:33%; font-size:16px; line-height:30px; color:#999999; text-align:center;}
@-webkit-keyframes welcome-index-role_left{0%{-webkit-transform:rotateY(0deg);} 100%{-webkit-transform-origin:center top;-webkit-transform:rotateZ(45deg);display:none;}}
.div_welcome_role_item .a_welcome_item_bg{float:left; width:160px; height:160px; margin-left:85px; cursor:pointer;}
.div_welcome_role_item .a_welcome_item_bg:hover .font_wr_animate{display:none;}
.div_welcome_role_item .a_welcome_item_bg:hover .font_wr_go_text{display:block;}
.div_welcome_role_item .a_welcome_item_bg.business{background:url(../yximg/business_role_bg.png) no-repeat;}
.div_welcome_role_item .a_welcome_item_bg.candidate{background:url(../yximg/candidate_role_bg.png) no-repeat;}
.div_welcome_role_item .a_welcome_item_bg.hunter{background:url(../yximg/hunter_role_bg.png) no-repeat;}
.div_welcome_role_item .font_wr_h{float:left; width:53px; height:55px; margin:52px 0 0 54px;}
.div_welcome_role_item .font_wr_b{float:left; width:50px; height:50px; margin:52px 0 0 60px; border-left:2px solid #fff; border-bottom:2px solid #fff;}
.div_welcome_role_item .font_wr_c{float:left; width:62px; height:50px; margin:55px 0 0 49px; background:url(../yximg/welcome_role_pics.png) -15px -5px no-repeat;}
.div_welcome_role_item .font_wr_go_text{float:left; width:52px; line-height:28px; margin:52px 0 0 54px; color:white; font-size:24px; display:none;}
.div_welcome_role_item .font_wr_h i.i_wr_ld_top{float:left; width:20px; height:13px; margin:0 0 0 15px; clear:both; background:url(../yximg/welcome_role_pics.png) -75px -70px no-repeat;}
.div_welcome_role_item .font_wr_h i.i_wr_ld_bot{float:left; width:25px; height:45px; margin:-3px 0 0 13px; background:url(../yximg/welcome_role_pics.png) -136px -65px no-repeat;}
.div_welcome_role_item .font_wr_c i.i_wr_head_left{float:left; width:25px; height:29px; margin:-5px 0 0 13px; background:url(../yximg/welcome_role_pics.png) -15px -110px no-repeat;}
.div_welcome_role_item .font_wr_c i.i_wr_head_right{float:left; width:17px; height:22px; margin:-22px 0 0 37px; background:url(../yximg/welcome_role_pics.png) -15px -65px no-repeat;}
.div_welcome_role_item .font_wr_b i{float:left; border:2px solid #ffffff; width:6px; margin:0 0 0 3px;}
.div_welcome_role_item .font_wr_b i.i_wr_first{height:22px; margin-top:20px;}
.div_welcome_role_item .font_wr_b i.i_wr_second{height:35px; margin-top:7px;}
.div_welcome_role_item .font_wr_b i.i_wr_third{height:12px; margin-top:30px;}
.div_welcome_role_item .p_welcome_role_title{line-height:54px; margin-top:20px; color:#424242; font-size:24px;}
.div_resume_labels_add{float: left; width: 100%; margin-top: 20px; margin-left: 10px;}
.a_add_label{float: left; width: 70px; line-height: 30px; font-size: 14px; text-align: center; margin-left: 21px; background: #278cde; border: 1px solid #278cde; color: white;}
.a_add_label:hover{cursor: pointer; color: #494949; border: 1px solid #d5d5d5; background: #fdfdfd;}
.span_welcome_sync{float: left; height: 25px; margin-top: 10px;}
.span_welcome_sync img{float: left; margin-left: 5px; margin-top: 5px;}
.span_welcome_sync img:hover{cursor: pointer;}
.span_welcome_sync a{float: left; margin-left: 10px; line-height: 23px; height: 23px;max-width:500px; border: 1px solid #cccccc; border-right: none; background: white; font-size: 14px; padding-right: 5px; padding-left: 5px;}
.span_welcome_sync font{float: left;max-width:480px;}
div.resume_detail .span_welcome_sync a{margin-left: 0px;}
div.resume_detail .span_welcome_sync{margin-right: 5px;}
.span_welcome_sync a:hover{cursor: pointer; color: #278cde;}
.span_welcome_sync i{float: left; width: 10px; height: 25px; background: url(../yximg/welcome_big.png) -11px -120px;}
.div_pos_search_top{float: left; width: 100%; background: white;}
.div_welcome_pos{float: left; width: 100%; background: white;}
.div_welcome_pos.bg{background: #f8fafa;}
.div_welcome_pos.no-bg{background:none;}
.div_welcome_pos.white-bg{background: white;}
div.div_welcome_pos.bot{margin-top: 20px; _width: 1000px; *width: 1000px;}

.div_candidate_login_companys .div_company_text{float:left; width:100%; text-align:center; font-size:14px; color:#999999; line-height:35px;}
.div_business_login_progress .title{float: left; width: 100%;}
.div_business_login_title_line{float: left; width: 100%; border-bottom: 2px solid #ebebeb; height:40px;}
.div_business_login_title_text{float: left; background:white; margin-top:-20px; height:30px; margin-left:276px; color: #278cde; font-size: 24px; border:none;}
.div_business_login_title_text.b{margin-left:430px;}


.box_title{
	margin-top: 50px;
	width: 200px;
	margin: 0 auto;
}
.box_szm{
	color: #f7ab00;
	font-size: 90px;
	line-height: 80px;
	padding-right: 5px;
}
.box_cn{
	color: #20bea7;
	font-size: 40px;
	line-height: 50px;
}
.box_en{
	color: #bbbbbb;
	font-size: 20px;
}
.box_en span{color:#f7ab00;font-size: 20px;}
.box_k{
	padding: 40px;
	border-top: 1px solid #DFDFDF;
	margin-top: 35px;
}


.box_nr{
	font-size: 16px;
	line-height: 36px;
	text-align: left;
	float: none;
	clear: both;
	color: #999999;

}
.box_nr h1{
	font-size: 24px;
	line-height: 48px;
	text-align: left;
	float: none;
	clear: both;
	color: #279282;
	font-weight: normal;
	margin-top: 30px;
}

.box_nr h2{
	font-size: 30px;
	line-height: 48px;
	float: none;
	clear: both;
	color: #20bea7;
	font-weight: normal;
	margin-top: 30px;
	text-align: center;
	padding-bottom: 20px;
}
.box_nr p{
	font-size: 18px;
	line-height: 36px;
	text-align: left;
	float: none;
	clear: both;
	color: #333333;
	text-indent: 2em;

}



table{border-collapse: collapse; border-spacing: 0;}


/*下方表单*/
.contact{width: 100%;height: 640px;background-color: #f0f3f8;}
.contact .contact_box .content {width: 100%;height: 340px;}
.contact_box .content .left {width: 600px;height: 100%;float: left;background-image: url("../yximg/tel_bg_03.png");background-repeat: no-repeat;background-size: 100%;}
.contact_box .content .right {width: 600px;height: 340px;float: right;background-color: white;padding: 16px 0 0 9px;}
.contact_box .content .left .position {margin: 166px 0 0 160px;}
.contact_box .content .left .position h2 {font-size: 39px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #fd4249;line-height:0;display: inline-block;}
.contact_box .content .left .position p {font-size: 13px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #333333;margin-top: 15px;}
.contact_box .content .right .searchBlock {width: 352px;height: 50px;border: solid 1px #ddd;background-color: #ffffff;box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.06);margin-top:20px;position: relative;}
/*.contact_box .content .right .searchBlock:hover {border-color: #3c89ff;box-shadow: 0px 10px 24px 0px rgba(60, 137, 255, 0.1);}*/
.contact_box .content .right .searchBlock label {width: 44px;text-align: center;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.contact_box .content .right .searchBlock span {width: 308px;display: inline-block;}
.contact_box .content .right .searchBlock .nickname,
.contact_box .content .right .searchBlock .mobile {border: none;width: 298px;height: 46px;margin: 0 0 0 30px;outline: 0 none;font-size: 14px;font-weight: normal;font-stretch: normal;line-height: 46px;letter-spacing: 0px;color: #a7a7a7;}
.contact_box .content .right .btn_box {width: 354px;height: 52px;margin-top: 40px;}
.contact_box .content .right .btn_box a {display:inline-block;position: relative;width: 171px;height: 50px;line-height:50px;font-size: 18px;border-radius: 3px;border: solid 1px #3c88ff;}
.contact_box .content .right .btn_box .btn_left {float: left;background-color: #3c88ff;color:white;}
.contact_box .content .right .btn_box .btn_right {float: right;background-color: #ffffff;color: #3c88ff;}
.contact_box .content .right .btn_box .btn_left:hover {background-color: #f0f3f8;color: #3c88ff;}
.contact_box .content .right .btn_box .btn_right:hover {background-color: #3c88ff;color:white;}

/*提交弹框*/
.alertbox { width: 100%; height: 100%; background: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; z-index: 999999; display: none}
.alertbd{ width: 454px; height: 306px; background: url("../yximg/alert_bg.png") no-repeat; position: absolute; top: 50%; left: 50%; margin-left: -227px; margin-top: -153px; }
.alert_close{ width: 36px; height: 36px; background: url("../yximg/alert_close.png") no-repeat; position: absolute; right: -16px; top: -16px; cursor: pointer; border-radius: 100%; -webkit-border-radius: 100%; }
.alertbd .text{ padding: 80px 30px 20px 93px; font-size: 16px; color: #808080; line-height: 30px; }
.alertbd .text span{ display: inline-block; color: #fd4249; line-height: 30px; }
.alertbd .know{ width: 112px; height: 34px; line-height: 34px; text-align: center; font-size: 16px; color: #fff; background: #3c88ff; border-radius: 4px; -webkit-border-radius: 4px; cursor: pointer; margin-left: 95px; }
/*focus*/
#nickname:focus,#mobile:focus{
    color: #1F1F24;
}
.shadow{
    border: 1px solid #3c88ff!important;
    -webkit-box-shadow: 0 0 20px #3c88ff!important;
    -moz-box-shadow: 0 0 20px #3c88ff!important;
    box-shadow: 0 0 20px #3c88ff!important;
}
.public_box {width: 1200px;height: 100%;margin: 0 auto;text-align: center;}
.public_box h1 {font-size: 30px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #333333;display: inline-block;margin-top: 79px;}
.public_box p {font-size: 14px;font-weight: normal;font-stretch: normal;letter-spacing: 0px;color: #999999;margin-top: 20px;}
.public_box .solid_bottom {width: 46px;height: 50px;color: #dedede;margin: 0 auto;padding-top: 19px;}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

/*上词宝*/
.font60{ font-size:60px;}
.font45{ font-size:45px; text-align: left;}
.font48{ font-size:48px;}
.font30{ font-size:30px;}
.font18{ font-size:18px;}
.mart50{ margin-top:50px;}
.mart80{ margin-top:80px;}
.mart30{ margin-top:30px;}
.mart100{ margin-top:100px;}
.wid660{ width:660px; margin: auto; font-size: 16px;}
.wid880{ width:880px; margin: auto; margin-top:40px;}
.wi830{ width:820px; margin: auto; }
.corred{ color:#f00;}
.mart10{ margin-top:10px;}

.main_9{ background-color: #F7F7F7; text-align:center; height:825px;overflow:hidden; color:#37474F;position:relative;}
.meteor-item {
    width: 156px;
    height: 103px; display:inline-block;
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
	background: url(../yximg/liux.png) top no-repeat;
    -webkit-animation: meteoFlush 2.4s .12s linear infinite;
    animation: meteoFlush 2.4s .12s linear infinite;
	opacity:0;
}

.meteor-list .item--11 {
-webkit-animation-delay: 1.3s;
    animation-delay: 1.3s;   left:0;
    position: absolute;
}

/*海量关键词挖掘*/
.llkey{ bottom: 100px;position: relative; margin: 0 auto; width: 800px;margin-top: 200px;height: 350px; z-index: 96;}
.keyword1{ position:absolute; left:0px; bottom:50px;display:inline-block; font-size: 16px;}
.keyword2{ position:absolute; left:200px; bottom:200px;display:inline-block; font-size: 16px; }
.keyword3{ position:absolute; left:330px; bottom:30px;display:inline-block; font-size: 16px; }
.keyword4{ position:absolute; right:0px; bottom:200px;display:inline-block; font-size: 16px;}
.kword1{background:url(../yximg/keyw1.png) center bottom no-repeat; width:100px; height:130px; display:inline-block;}
.kword2{background:url(../yximg/keyw2.png) center bottom no-repeat;width:65px; height:85px;display:inline-block; }
.kword3{background:url(../yximg/keyw3.png) center bottom no-repeat;width:100px; height:130px; display:inline-block;}
.kword4{background:url(../yximg/keyw4.png) center bottom no-repeat;width:100px; height:110px; display:inline-block;}

/*B2B优质平台滚动效果*/
/* flexslider */
.flexslider{margin:41px;position:relative;width:922px;height:420px;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../yximg/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../yximg/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

.pcimg{background: url(../yximg/ban07.png) top no-repeat;
    width: 1052px;
    height: 460px;
    display: block;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    margin-top: 100px;}
/*AIP 效果*/
.rotbox{ margin: 0 auto;
    width: 920px;
    position: relative;
    left: 26%;}
.i{  width: 300px;
    height: 300px;
    border-left: 0;border: 3px solid #62C4EA;
    position: absolute;
    border-bottom: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
    -webkit-animation: ripple 10s infinite ease-out;
    -moz-animation: ripple 10s infinite ease-out;
    animation: ripple 10s infinite ease-out; }
	
.rot1{webkit-animation: ripple 10s infinite ease-out;
    -moz-animation: ripple 10s infinite ease-out;
    animation: ripple 10s infinite ease-out;}
	
.rot2{ -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
     animation-delay: 2s; }
.rot3{ -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
     animation-delay: 4s; } 
.rot4{ -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
     animation-delay: 6s; } 
.rot5{ -webkit-animation-delay: 8s;
    -moz-animation-delay: 8s;
     animation-delay: 8s; } 
	 



/*上词宝案例*/
.i-img{float:left;padding:10px; border:1px solid #ddd;}
.i-img img{ display:inline-block; width:470px; height:308px; }
.new_tit{ overflow:hidden; margin:10px;}
.new_tit a{ color:#333;}
.new_tit span{ font-size:18px;}
.tg_news
{   
    padding-bottom: 20px;
    overflow: hidden;
}
.tg_news li
{
    border: 1px dotted #eee;
    padding: 20px;
    background: #fff;
    margin-bottom: 5px;
    overflow: hidden;
    float: left;
    margin: 0;
    width: 50%;
}
.tg_news li h3
{
    color: #111;
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: normal;
}
.tg_news li h3:hover{
	color:#FF0000 ;
}
.tg_news li p
{
    color: #888;
    font-size: 16px;
    line-height: 25px;
    margin-right: 5px;
    text-align: left;
    text-indent: 0;
}

.ntxt
{
display: inline-block;
float: left;
overflow: hidden;
width: 100%;
}
.noticetxt a
{
    display: block;
    width: 100%;
}
.tg_news li:hover
{
    background: #eee;
}

.neitit
{
    text-align: center;
    line-height: 40px;
    margin-top: 10px;
    color: #555;
}

.ship_link{
    width: 1200px;
    margin:0 auto 30px auto;
}

.ship_link span{
    font-size: 16px;
    color: #ccc;
}

.ship_link a{
    font-size: 14px;
    color: #868e94;
    padding-right: 5px;
}

/* 服务与支持新增视频中心 */

.video_bigbox{
    width: 100%;
    background: rgba(247,247,247);
    padding-bottom: 40px;
}

.video_center_box{
    width: 1200px;
    margin:0 auto; 
    text-align: center;
}

.video_center_box h1{
    font-size: 36px;
    color: #3e464c;
    padding-top: 55px;
    margin-bottom: 30px;
}

.video_content{
    overflow: hidden;
}

.video_tit{
    width: 100%;
    margin:0;
    padding:0;
    letter-spacing: -4px;
}

.video_tit li{
    display: inline-block;
    width: 120px;
    height: 34px;
    line-height: 30px;
    border:2px solid #1e88e5; 
    letter-spacing: 0;
    margin-right: 15px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
}

.video_tit li.on{
    background: #1e88e5;
    color: #fff;
}

.video_list_box{
    width: 1200px;
    margin:0 auto;
    padding-top: 30px;
}

.video_list_box ul{
    letter-spacing: -4px;
}

.video_list_box .video_list li{
    display: inline-block;
    letter-spacing: 0;
    margin-right: 20px;
    width: 380px;
    height: 220px;
    position: relative;
}

/*.video_list_box .video_list li iframe{
    display: block;
}*/

.video_list_box .video_list li:last-child{
    margin-right: 0;
}

.video_list_box .video_list li a{
    display: block;
    width: 380px;
    height: 220px;
}

.bg_video{
    display: block;
    width: 380px;
    height: 220px;
}

.video_title{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 380px;
    line-height: 42px;
    display: block;
    background: rgba(0,0,0,0.6);
    font-size: 14px;
    color: #fff;
    border-top: 4px solid rgba(255, 255, 255, 0.4);
}

.video_btn{
    width: 80px;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%)translateY(-50%);
}

.display_none_box{
    display: none;
}

.more_box{
    width: 100%;
    text-align: center;
    margin:20px 0 0 0;
}

.more_box a{
    border: 1px solid #1e88e5;
    font-size: 12px;
    color: #1e88e5;
    width: 120px;
    height: 30px;
    line-height: 30px;
    display: block;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.more_box a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #1e88e5;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: all .3s ease-out;
}

.more_box a:hover{
    color: #fff;
}

.more_box a:hover:before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}



/*商标注册*/
.lf{ float: left;}
.rg{ float: right;}
.seach-box {
    width: 700px;
    position: absolute;
   top: 56%;
    display: flex;
    left: 50%;
    margin-left: -430px;
}

.seach-title {
    color: #fff;
    font-size: 34px;
    letter-spacing: 4px;
    display: inline-block;
    margin-top: -6px;
}

.select-on .select-center{ display: block; transition: all 0.45s ease-in-out ;}

.trademark-btn {
    width: 140px;
    height: 51px;
    color: #fff;
    text-align: center;
    line-height: 51px;
    display: block;
    background-color: #387ee8;
    font-size: 16px;
    margin-left: 10px;
}

.trademark-btn:hover{ color: #fff;}
.seach {
    flex: 2;

    background-color: #387ee8;
    height: 51px;
}

.seach-lf {
    width: 80%;
    height: 51px;
    border: 3px solid #387ee8;
    border-right: none;
    cursor: pointer;
    transition: all 0.45s ease-in-out;
    background-color: #ffff;
    display: flex;
}

.seach-lf:hover {
    border-color: #d3cbc6;
}


/*搜索下拉*/

.seach-select {
    width: 100px;
    position: relative;
    background-color: #ffff;
}

.arrows-icon {
    line-height: 45px;
    color: #999;
    margin-right: 5px;
}

.select-text {
    width: 76%;
    height: 46px;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
}

.select-text:hover {
    color: #2ca9e1;
}

.select-center {
    position: absolute;
    top: 45px;
    border: 1px solid #ebecec;
    background-color: #fff;
    width: 99.5%;
    display: none;
}

.select-center li {   
    text-align: left;
    padding-left: 5px;
    height: 30px;
    line-height: 30px;
}

.select-center li i {
    display: inline-block;
    width: 16px;
    margin-right: 5px;
    color: #2ca9e1;
}

.select-center li:hover {
    background-color: #ebecec;
}

/*搜索文本*/

.seach-text {
    height: 45px;
    width: 83%;
    text-indent: 15px;
    border: none;
}

.input-close {
    line-height: 45px;
    color: #ccc;
    font-size: 18px;
    display: inline-block;
    padding-right: 10px;
}

.input-close:hover {
    color: #666;
    transition: all 2s;
}

.seach-select {
    border-right: 1px solid #ebecec;
    height: 45px;
    line-height: 45px;
}


/*搜索按钮*/

.seach-rg button {
    color: #fff;
    width: 104px;
    height: 51px;
    line-height: 51px;
    background-color: #387ee8;
    font-size: 16px;
    cursor: pointer;
}
/*icon*/

@font-face {
  font-family: 'iconfont';  /* project id 1123955 */
  src: url('//at.alicdn.com/t/font_1123955_ygt3uk5csea.eot');
  src: url('//at.alicdn.com/t/font_1123955_ygt3uk5csea.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1123955_ygt3uk5csea.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1123955_ygt3uk5csea.woff') format('woff'),
  url('//at.alicdn.com/t/font_1123955_ygt3uk5csea.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1123955_ygt3uk5csea.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
#pagelist { }
#pagelist ul { text-align: center; position: relative; left: -120px; }
#pagelist ul li { display: inline-block; float: none; border: 1px solid var(--pagecolor); transition: all .3s; }
#pagelist ul li:hover { background: var(--pagecolor); }
#pagelist ul li:hover a { color: #fff; }
#pagelist ul li a { }
#pagelist ul li.pages_hollow { }
#pagelist ul li.pages_solid { background: var(--pagecolor); color: #fff; }
#pagelist ul li:last-child { border: none; }
#pagelist ul li:last-child:hover { background: #FFF; cursor: not-allowed; }
#pagelist ul li:last-child a { }
#pagelist ul li:last-child span { }