body {
    
    
    font-family: "华文细黑";

    font-size: 15px;
    color: #444444;
}

ul,
li {
    list-style: none;
}

.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #fff;
}

.container {
    max-width: 1180px;
}

.relative {
    position: relative;
    text-align: center;
}

a,
a:visited {
    color: #444444;
}

a:hover,
a:focus {
    color: #5dc55d;
    background-color: transparent;
    text-decoration: none;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.mt-30 {
    margin-top: 30px
}

.mt-50 {
    margin-top: 50px
}

.mt-84 {
    margin-top: 84px;
}

.mt-100 {
    margin-top: 100px
}

.mt-130 {
    margin-top: 130px;
}

.mt-150 {
    margin-top: 150px
}

.mt-200 {
    margin-top: 200px
}

.mt-215 {
    margin-top: 215px;
}

.ml-50 {
    margin-left: 50px
}

.ml-100 {
    margin-left: 100px
}

.ml-150 {
    margin-left: 150px
}

.ml-160 {
    margin-left: 160px
}

.mb-46 {
    margin-bottom: 46px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-180 {
    margin-bottom: 180px;
}

.mb-200 {
    margin-bottom: 200px;
}

.mr-100 {
    margin-right: 100px;
}

.mr-50 {
    margin-right: 50px;
}

.font-12 {
    font-size: 12px;
}

.width-160 {
    width: 160px;
}

.clearfix {
    zoom: 1;
}




.sub-nav-bg .anim li a .sub-nav-huiyuan:hover, .sub-nav-bg.anim li a .sub-nav-huiyuan-hover {
  background: url(../image/nav_huiyuan_hover.png) center center no-repeat;
}

.sub-nav-bg .anim li a .sub-nav-sale {
    background: url(../image/nav_sale.png) center center no-repeat;
}

.login-show-span {
    display: none;
    position: absolute;
    left: 235px;
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    font-family: Microsoft YaHei;
    font-weight: 300;
    height: 98px;
    line-height: 98px;
}

.login-show-span::before {
    content: '';
    display: block;
    width: 1px;
    height: 34px;
    background: rgba(231, 231, 231, 1);
    position: absolute;
    left: -23px;
    top: 32px;
}


a:focus {
    outline: none;
}


@media only screen and (max-width: 767px) {
    .phone-consult {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 100;
        height: 50px;
        background: #5988E8;
        line-height: 50px;
    }

    .phone-consult div, .phone-consult a {
        float: left;
        width: 50%;
        box-sizing: border-box;
        font-size: 15px;
        font-family: PingFang-SC-Bold;
        font-weight: bold;
        color: #FFFFFF;
        text-align: center;
        position: relative;
    }

    .phone-consult a img {
        margin-right: 6px;
    }

    .phone-consult a::after {
        display: inline-block;
        content: '';
        width: 1px;
        height: 15px;
        background: white;
        position: absolute;
        right: 0;
        top: 17.5px;
    }

    .phone-consult a img {
        width: 17px;
        position: relative;
        top: -1px;
    }

    .phone-consult div img {
        width: 16.5px;
        margin-right: 6px;
    }

    .phone-message-consult {
        display: none;
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #fff;
        z-index: 1100;
    }

    .phone-message-consult .pmc-title {
        font-size: 15px;
        font-family: PingFang-SC-Medium;
        font-weight: 500;
        color: rgba(102, 102, 102, 1);
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-bottom: 1px solid rgba(231, 231, 231, 1);
    }

    .phone-message-consult .pmc-title img {
        width: 11px;
        float: right;
        margin-right: 19px;
        margin-top: 19.5px;
    }

    .phone-message-consult .pmc-call {
        text-align: center;
        padding-bottom: 29px;
        border-bottom: 1px solid rgba(231, 231, 231, 1);
        width: 84%;
        margin: 0 auto;
    }

    .phone-message-consult .pmc-call p {
        font-size: 15px;
        color: rgba(51, 51, 51, 1);
        margin-top: 24px;
        margin-bottom: 17px;
    }

    .phone-message-consult .pmc-call span {
        font-size: 19px;
        color: rgba(64, 191, 105, 1);
    }

    .phone-message-consult .pmc-form {

    }

    .phone-message-consult .pmc-form p {
        font-size: 14px;
        color: rgba(51, 51, 51, 1);
        margin-top: 25px;
        margin-bottom: 20px;
        text-align: center;
    }

    .phone-message-consult .pmc-form {
        width: 84%;
        margin: 0 auto;
    }

    .phone-message-consult .form-control {
        height: 42px;
    }

    .phone-message-consult #submit-leave2 {
        height: 42px;
        line-height: 42px;
        text-align: center;
        background: rgba(64, 191, 105, 1);
        border-radius: 2px;
        width: 84%;
        margin: 0 auto;
        margin-top: 40px !important;
        margin-bottom: 49px;
        padding: 0;
        color: #fff;
        font-size: 15px;
    }
}


.new-users-apply {
    display: none;
    border: 1px solid #ddd;
    z-index: 1000;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    width: 100%;
    height: 100%;
}

.new-users-apply > div {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 800px;
    height: 660px;
    background: rgba(255, 255, 255, 1);
    border-radius: 4px;
    left: 50%;
    margin-left: -400px;
    text-align: right
}

.new-users-apply > div > img {
    width: 42px;
    margin-right: 26px;
    margin-top: 21px;
    margin-bottom: 26px;
    cursor: pointer;
}

.new-users-apply-top {
    width: 812px;
    height: 60px;
    background: rgba(60, 162, 230, 1);
    line-height: 60px;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    position: relative;
    left: -6px;
}

.new-users-apply-title {
    text-align: center;
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: rgba(153, 153, 153, 1);
    line-height: 50px;
    height: 50px;
}

.new-users-apply-form {
    margin-top: 30px;
}

.new-users-apply-form .form-group {
    clear: both;
    overflow: hidden;
    position: relative;
}

.new-users-apply-form label {
    position: absolute;
    left: 98px;
    text-align: right;
    width: 95px;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.new-users-apply-form label i {
    font-size: 36px;
    font-weight: 400;
    color: rgba(247, 93, 93, 1);
    font-style: normal;
    position: relative;
    top: 7px;
}

.new-users-apply-form .form-control {
    float: left;
    width: 390px;
    height: 50px;
    line-height: 50px;
    background: rgba(238, 238, 238, 0);
    border: 1px solid rgba(201, 201, 201, 1);
    border-radius: 2px;
    margin-left: 206px;
    padding-top: 0 !important;
}

.new-users-apply-form textarea {
    height: 118px !important;
    font-size: 18px;
}

.new-users-apply-form .form-group span {
    position: relative;
    top: -5px;
    margin-left: 5px;
}

.new-users-apply-form .btn {
    display: block;
    width: 390px;
    height: 60px;
    background: rgba(60, 162, 230, 1);
    border-radius: 2px;
    font-size: 26px;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    margin-left: 206px;
}

.new-users-apply-des {
    width: 390px;
    margin-bottom: 30px;
    margin-left: 206px;
    margin-top: -10px !important;
    font-size: 18px;
    color: rgba(153, 153, 153, 1);
    text-align: left;
}

.new-users-apply-des i {
    font-size: 18px;
    font-weight: 400;
    color: rgba(247, 93, 93, 1);
    font-style: normal;
}


.sliderbar-leav {
    position: absolute;
    left: 0;
    top: 140px;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.sliderbar-leav img {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 11px;
    left: 14px;
}

.sliderbar-leav p {
    font-size: 12px;
    color: white;
    text-align: center;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
}


.experience__wrapper {
    display: none;
}

@media only screen and (max-width: 414px) {
    .experience__wrapper {
        display: block;
    }
}

.experience__container {
    height: 48px;
    background: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}

.experience__container .left {
    font-size: 15px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.experience__container .right {
    width: 59px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    background: rgba(64, 191, 105, 1);
    border-radius: 2px;
    display: block;
    font-size: 11px;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color: rgba(255, 255, 255, 1);
}

.experience__container > .right.blue {
    background: #1088F1;
}

.experience__container > .right.purple {
    background: #6D82E8;
}




.error-layout {
    margin: 100px auto;
    float: left;
    margin-left: 12%;
}

.error_question {
    height: 360px;
    background: url(../image/whatitis.png) no-repeat;
    padding-left: 250px;
}

.error-code {
    margin-top: 70px;
    margin-left: 50px;
    float: left;
    margin-bottom: 10px;
}

.error-message {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    color: #454545;
}

.error_action {
    text-align: center;
}

.error_action a {
    margin-right: 20px;
}

.error_action .btn-success {
    color: #5cb85c;
    background-color: #fff;
}

.error_action .btn-info {
    color: #5bc0de;
    background-color: #fff;
}


.head-guidance{
	background-color: #F5F5F5;
}
.head-tips{
	width: 1180px;
	height: 36px;
	margin: 0 auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.head-left{
	color: #656565;
	font-size: 14px;
	font-family: "microsoft yahei";
	line-height: 36px;
}
.head-right{
	color: #656565;
	font-size: 14px;
	font-family: "microsoft yahei";
	line-height: 36px;
}
.weibo,.download,.service,.phone{
	display: inline-block;
	margin-right: 20px;
}
.service{
	cursor: pointer;
}
.service:hover{
	color: #40BF69;
}
.weibo-img{
	width: 20px;
	height: 16px;
	margin-bottom: 4px;
	margin-right: 6px;
}
.download-img{
	width: 16px;
	height: 16px;
	margin-bottom: 4px;
	margin-right: 6px;
}
.service-img{
	width: 16px;
	height: 17px;
	margin-bottom: 4px;
	margin-right: 6px;
}
.phone-img{
	width: 16px;
	height: 16px;
	margin-bottom: 4px;
	margin-right: 6px;
}


.navbar {
    height: 74px;
    border-radius: 0;
    margin: 0;
    background: white;
    border-bottom: 1px solid #ebebeb;
    
	box-shadow: 0 4px 8px rgba(0,0,0,.08);
    z-index: 999;
    position: relative;
}

.add-padding{
	padding-top: 110px;
}

#navbar {
    margin-top: 0px;
    padding: 0;
	font-family: "microsoft yahei";
}


.navbar-nav>li {
    height: 74px;
}

.navbar-nav>li .second__nav {
    display: none;
}

.navbar-nav .caret {
    position: relative;
    margin-left: 6px;

}

.navbar-nav img {
    display: none;
}

.close__navbar {
    display: none;
}

.navbar-nav .caret:before {

    top: -6px;
    z-index: 2;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    left: -4px;
    border: 4px solid transparent;
    border-top-color: #ffffff;
}

.navbar .nav-user-photo {
    max-width: 40px;
}

.navbar .navbar-toggle {
    border-color: #d0d0d0;
	
}
.navbar-btn{
	width: 21px;
	height: 16px;
	float: right;
	margin-top: 20px;
	margin-right: 15px;
	color: #40ba68;
}
.navbar-btn img{
	width: 21px;
	height: 16px;
}
.navbar .navbar-toggle .icon-bar {
    background-color: #c0c0c0;
}
.navbar>.container .navbar-brand{
	margin-left: -20px;
}
.navbar-brand {
    position: relative;
    margin-top:14px;
}
.navbar-brand img{
	width: 60px;
	height: 46px;
}
.navbar-brand .navbar-brand-text {
    position: absolute;
    left: 60px;
    top: -2px;
    width: 172px;
}

.navbar-brand-text .logo_main {
    font-size: 26px;
    color: #43B868;
    font-family: '微软雅黑';
    margin-bottom: 0;
    
    font-weight: bold;
}

.navbar-brand-text .logo_main span {
    margin-right: 3px;
    margin-left: 5px;
}

.navbar-brand-text p {
    font-size: 14px;
    color: #999999;
    font-family: '微软雅黑';
	margin-top: 5px;
	margin-left: 3px;
}

.navbar-nav .active a,
.navbar-nav .active a:hover,
.navbar-nav .active a:focus {
    color: #444444;
    background-color: transparent;
    
    color: #40ba68;
}

.active {
    color: #40ba68 !important;
}

.navbar li a:hover {
    color: #40ba68;
    background-color: transparent;
}

.navbar-nav li a {
    padding: 0px 20px;
	font-size: 16px;
	line-height: 74px;
}
.navbar-nav li:first-child a{
	padding: 0;
}
.navbar-nav li:nth-child(2) a{
	padding-left: 40px;
	padding-right: 20px;
}
.navbar-nav li:nth-child(3) a{
	padding-left: 20;
}
.navbar-top {
    position: absolute;
    right: 15px;
}

.navbar-top ul {
    padding: 0;
}

.navbar-top li {
    float: left;
    padding: 0 14px;
    font-size: 13px;
    color: #888585;
}

.navbar-top li a {
    font-size: 13px;
    color: #888585;
}

.navbar-top li:nth-child(1) {
    padding-right: 5px;
}

.navbar-top li:last-child {
    padding-right: 0;
    border-left: 1px solid #666666;
}




.navbar .container {
    position: relative;
}







.nav-bar-show {
    float: left;
    text-align: left;
    width: 25%;
    margin-top: 40px;
    margin-bottom: 40px;
	height: 290px;
    border-right: 1px solid #dddddd;
}
.nav-bar-show:last-child{
	border-right: none;
}


.nav-bar-show:nth-child(1):before {
    display: none;
}
.nav-bar-show .nav-second-title{
	font-size: 18px;
}
.nav-bar-show .product {
    padding-left: 34px;
}

.nav-bar-show .merchant {
    padding-left: 50px;
}

.nav-bar-show .project {
    padding-left: 58px;
}

.nav-bar-show .download {
    padding-left: 36px;
}

.nav-bar-show ul {
    margin-top: 38px;
    padding: 0 22px;
}

.nav-bar-show ul li {
    
    
    
    font-size: 14px;
    line-height: 1;
}

.nav-bar-show:nth-child(1) ul li {
    padding-left: 12px;
}


.nav-bar-show ul li a:hover {
    color: #333;
}

.nav-bar-show ul li:hover {
    background-color: #F7F8FB;
}

.nav-bar-show:nth-child(2) ul li {
    padding-left: 36px;
}

.nav-bar-show:nth-child(3) ul li {
    padding-left: 28px;
}

.nav-bar-show:nth-child(4) ul li {
    padding-left: 14px;
}

.nav-bar-show ul li span {
    display: block;
    padding: 10px 0;
    color: #333;
    font-size: 16px;
}

.nav-bar-show ul li span:nth-child(2) {
    padding-top: 0;
    color: #999;
    font-size: 12px;
}

.top-layout {
    position: absolute;
    top: -30px;
    right: 45px;
}

.top-item {
    display: inline-block;
    padding-left: 10px;
    padding-right: 11px;
    margin-right: -3px;
    height: 14px;
    line-height: 14px;
    border-right: 1px solid #c5c5c5;
    font-size: 12px;
}

.top-item-last {
    border-right: none;
    padding-right: 2px;
}

.dropdown {
    display: inline-block;
}

.navbar-nav .new_flag {
    margin-top: -15px;
    width: 32px;
    height: 32px;
}

.navbar .oth {
    line-height: 1;
    float: right;
    padding-top: 22px;
}

.navbar .light-blue {
    float: right;
    position: relative;
    font-size: 12px;
	margin-top: 14px;
    
}

.navbar .user-info small {
    display: block;
}

.navbar .small,
small {
    font-size: 85%;
}

.navbar .oth a.sqbtn {
    color: #5dc55d;
    border-color: #5dc55d;
    
    line-height: 30px;
}

.navbar .oth a.sjbtn {
    width: 82px;
    background-color: #40BF69;
    border: 1px solid #40BF69;
    color: #fff;
    line-height: 30px;
    margin-left: 6px;
}

.navbar .oth a.sjbtn:hover {
    opacity: .8;
}

.list-text {
    text-align: left;
    padding: 0;
}

.navbar .oth a {
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
    zoom: 1;
    width: 80px;
    height: 30px;
    
    text-align: center;
    vertical-align: middle;
    color: #9ea7b6;
    border: 1px solid #c7d4da;
    border-radius: 2px;
}

.navbar .oth a:hover {
    color: #fff;
    background-color: #5dc55d;
}

.navbar .nav-user-photo {
    border-radius: 100%;
    border: 2px solid #FFF;
}

.navbar .user-info {
    max-width: 100px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    vertical-align: top;
    line-height: 15px;
    margin-top: 6px;
    color: #9ea7b6;
}

.subnav-bar {
    background-color: #FFFFFF;
    position: absolute;
    display: none;
    width: 100%;
    z-index: 9998;
	box-shadow:inset 0 4px 8px rgba(0,0,0,.08);
}
.nav-solution .nav-bar-show-solution{
	float: left;
	text-align: left;
	width: 100%;
	height: auto;
	margin-top: 61px;
	margin-bottom: 65px;
}

.nav-solution .nav-bar-show-solution ul{
	padding: 0;
	margin-top: 0;
}
.nav-solution .nav-bar-show-solution ul li {
    float: left;
    font-size: 14px;
    line-height: 1;
	width: 25%;
	padding: 15px 20px;
	display: flex;
	align-items: flex-start;
}
.nav-solution .nav-bar-show-solution ul li a{
	margin-left: 9px;
}
.nav-bar-show-solution ul li span {
    display: block;
    
    color: #333;
    font-size: 16px;
}
.nav-bar-show-solution ul li:hover {
    background-color: #F7F8FB;
}
.nav-bar-show-solution ul li span:nth-child(2) {
    padding-top: 4px!important;
    color: #999;
    font-size: 12px;
}
.nav-solution .nav-bar-show-solution ul li span:nth-child(2) {
    padding-top: 0;
    color: #999;
    font-size: 14px;
	line-height: 22px;
}
.subnav-bar.nav-product,.subnav-bar.nav-solution {
    height: auto;
}

.sub-nav-bg.anim ul {
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.nav-aboutus .sub-nav-bg.anim ul {
    float: right;
}

.nav-aboutus .sub-nav-bg.anim li {
    max-width: 98px;
    height: 40px;
	line-height: 40px;
    margin-left: 40px;
    margin-right: 0px;
    
}

.js-citypartner-nav .sub-nav-bg.anim li {
    max-width: 130px;
    height: 40px;
    margin-left: 40px;
    margin-right: 0px;
    padding-top: 8px;
}

.sub-nav-bg.anim li {
    overflow: hidden;
    display: inline-block;
    list-style-type: none;
    height: 60px;
    max-width: 48px;
    
    text-align: center;
    margin-right: 44px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.sub-nav-bg.anim li:last-child {
    margin-right: 0;
}
.nav-product .content{
	width: 1210px;
	margin: 0 auto;
}
.nav-solution .content{
	width: 1210px;
	margin: 0 auto;
}
.product{
	margin-top: 0!important;
}


@-moz-document url-prefix() {
    .sub-nav-bg.anim li {
        height: 80px;
    }
}

.sub-nav-bg.anim li .sub-nav-img {
    display: inline-block;
    width: 38px;
    height: 38px;
}

.sub-nav-bg.anim li a {
    font-size: 12px;
    
}

.nav-aboutus .sub-nav-bg.anim li a {
    font-size: 16px;
}

.sub-nav-bg.anim li a:hover {
    color: #5dc55d;
}

.sub-nav-bg.anim li .a-hover {
    color: #5dc55d;
}

.sub-nav-bg.anim li a .sub-nav-waimai {
    background: url(../image/nav_waimai.png) center center no-repeat;
}

.sub-nav-bg.anim li a .sub-nav-waimai:hover,
.sub-nav-bg.anim li a .sub-nav-waimai-hover {
    background: url(../image/nav_waimai_hover.png) center center no-repeat;
}

.sub-nav-bg.anim li a .sub-nav-xiadan {
    background: url(../image/nav_xiadan.png) center center no-repeat;
}

.sub-nav-bg.anim li a .sub-nav-xiadan:hover,
.sub-nav-bg.anim li a .sub-nav-xiadan-hover {
    background: url(../image/nav_xiadan_hover.png) center center no-repeat;
}

.sub-nav-bg.anim li a .sub-nav-paotui {
    background: url(../image/nav_paotui.png) center center no-repeat;
}

.sub-nav-bg.anim li a .sub-nav-paotui:hover,
.sub-nav-bg.anim li a .sub-nav-paotui-hover {
    background: url(../image/nav_paotui_hover.png) center center no-repeat;
}

.sub-nav-bg.anim li a .sub-nav-tuangou {
    background: url(../image/nav_tuangou.png) center center no-repeat;
}

.sub-nav-bg.anim li a .sub-nav-tuangou:hover,
.sub-nav-bg.anim li a .sub-nav-tuangou-hover {
    background: url(../image/nav_tuangou_hover.png) center center no-repeat;
}

.sub-nav-bg.anim li a .sub-nav-shouyin {
    background: url(../image/nav_shouyin.png) center center no-repeat;
}

.sub-nav-bg.anim li a .sub-nav-shouyin:hover,
.sub-nav-bg.anim li a .sub-nav-shouyin-hover {
    background: url(../image/nav_shouyin_hover.png) center center no-repeat;
}

.sub-nav-bg.anim li a .sub-nav-huiyuan {
    background: url(../image/nav_huiyuan.png) center center no-repeat;
}

.sub-nav-bg.anim li a .sub-nav-huiyuan:hover,
.sub-nav-bg.anim li a .sub-nav-huiyuan-hover {
    background: url(../image/nav_huiyuan_hover.png) center center no-repeat;
}

.sub-nav-bg.anim li a .sub-nav-sale {
    background: url(../image/nav_sale.png) center center no-repeat;
}

.sub-nav-bg.anim li a .sub-nav-sale:hover,
.sub-nav-bg.anim li a .sub-nav-sale-hover {
    background: url(../image/nav_sale_hover.png) center center no-repeat;
    background-size: 32px 32px;
}

.sub-nav-bg.anim li a .sub-nav-tongji {
    background: url(../image/nav_tongji.png) center center no-repeat;
}

.sub-nav-bg.anim li a .sub-nav-tongji:hover,
.sub-nav-bg.anim li a .sub-nav-tongji-hover {
    background: url(../image/nav_tongji_hover.png) center center no-repeat;
}

.sub-nav-bg.anim li a .sub-nav-download {
    background: url(../image/nav_download.png) center center no-repeat;
}

.sub-nav-bg.anim li a .sub-nav-download:hover,
.sub-nav-bg.anim li a .sub-nav-download-hover {
    background: url(../image/nav_download_hover.png) center center no-repeat;
}

.sub-nav-bg.anim li a .sub-nav-mini-program {
    background: url(../image/nav_mini-program.png) center center no-repeat;
}

.sub-nav-bg.anim li a .sub-nav-mini-program:hover,
.sub-nav-bg.anim li a .sub-nav-mini-program-hover {
    background: url(../image/nav_mini-program_hover.png) center center no-repeat;
}

.min-program-position {
    margin-top: 10px;
}

.min-program-position .position-text {
    font-size: 16px;
    color: #999999;
}

.start-shop-layout {
    width: 196px;
    height: 229px;
    box-shadow: 0 5px 10px rgb(158, 158, 158);
    position: relative;
}

.start-shop-show {
    width: 196px;
    height: 179px;
    padding: 6px 6px 0px 6px;
}

.start-shop-show img {
    width: 100%;
    height: 100%;
}

.start-shop-layout .start-name {
    height: 44px;
    bottom: -2%;
}

.start-shop-layout .block-item-qrcode {
    left: 6px;
}

.wx_start_layout .block-item-3 {
    margin-left: 190px;
    width: 20%;
}



.sliderbar {
    width: 60px;
    height: 200px;
    position: fixed;
    z-index: 100;
    top: 50%;
    margin-top: -100px;
    right: 10px;
}

.sliderbar-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    display: block;
    background-color: black;
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
    opacity: 0.25;
    cursor: pointer;
}

.sliderbar-item.active {
    background-color: #646464;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.sliderbar-up {
    position: absolute;
    z-index: 100;
    left: 0px;
    bottom: -140px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    display: none;
}

.sliderbar-up img {
    position: absolute;
    top: 18px;
    left: 14px;
}

.sliderbar-qq {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.sliderbar-qq img {
    position: absolute;
    top: 8px;
    left: 14px;
}

.sliderbar-qq p,
.sliderbar-phone p {
    font-size: 12px;
    color: white;
    text-align: center;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
}

.sliderbar-phone {
    position: absolute;
    left: 0;
    top: 70px;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.sliderbar-phone img {
    position: absolute;
    top: 8px;
    left: 14px;
}

.sliderbar-phone-show {
    position: absolute;
    width: 220px;
    height: 60px;
    top: 70px;
    left: -235px;
    background-color: #646464;
    line-height: 60px;
    text-align: center;
    color: white;
    display: none;
}

.sliderbar-qrcode {
    position: absolute;
    left: 0;
    top: 210px;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.sliderbar-qrcode img {
    position: absolute;
    top: 8px;
    left: 14px;
}

.sliderbar-qrcode p {
    font-size: 12px;
    color: white;
    text-align: center;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
}

.sliderbar-qrcode-show {
    position: absolute;
    
    
    bottom: -70px;
    left: -215px;
    border: 1px solid #a7a7a7;
    background-color: white;
    text-align: center;
    color: #a7a7a7;
    display: none;
}

.sliderbar-qrcode-show img {
    width: 100%;
    height: auto;
}



.main {
    width: 327px;
    height: 172px;
    background-repeat: no-repeat;
    display: block;
    position: fixed;
    z-index: 99999 !important;
    left: 50%;
    right: auto;
    margin-left: -163px;
    top: 50%;
    bottom: auto;
    margin-top: -86px;
}

.jion-qq {
    background: url(../image/background.png) no-repeat center center;
}

.jion-qq .launchBtn {
    top: 145px;
    left: 173px;
    width: 70px;
    height: 22px;
    background: url(../image/launchbtn.png) no-repeat center center;
}

.jion-qq .btn {
    position: absolute;
    display: block;
}

.jion-qq .laterBtn {
    top: 145px;
    left: 248px;
    width: 70px;
    height: 22px;
    background: url(../image/laterbtn.png) no-repeat center center;
}

.jion-qq .closeBtn {
    top: 0;
    right: 6px;
    width: 39px;
    height: 26px;
    background: url(../image/closebtn.png) no-repeat center center;
}

.jion-qq #title {
    position: absolute;
    top: 1px;
    left: 17px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #000;
}

.jion-qq .content {
    position: absolute;
    top: 45px;
    left: 114px;
}

.jion-qq .content h1 {
    font-size: 24px;
    font-weight: normal;
    color: #205b84;
    line-height: 34px;
}

.jion-qq .content .subTitle {
    height: 22px;
    font-size: 18px;
    font-weight: normal;
    color: #225e8d;
    line-height: 22px;
    overflow-y: hidden;
}

.jion-qq .content .plainText {
    height: 14px;
    margin-top: 10px;
    font-size: 12px;
    color: #2f6b99;
    line-height: 14px;
    overflow-y: hidden;
}



.leave-message {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 250px;
    height: 360px;
    background: #f5f5f5;
    border-radius: 10px;
    padding: 10px;
    padding-top: 100px;
    overflow: hidden;
}

.leave-message-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    box-sizing: border-box;
    padding: 10px 10px;
    padding-right: 20px;
    margin-bottom: 10px;
    border-radius: 10px;
    background: #e4e4e4;
}

.leave-message-title-top h3 {
    float: left;
    font-size: 18px;
    font-weight: 900;
    margin-top: 0px;

}

.leave-message-title-top div {
    position: absolute;
    top: 3px;
    right: 13px;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0);
}

.client-name {
    padding-left: 22px;
    background: url(../image/icon_user.png) no-repeat 4px center;
    background-color: #ffffff;

}

.client-phone {
    padding-left: 22px;
    background: url(../image/icon_phone.png) no-repeat 4px center;
    background-color: #ffffff;
}

.leave-message-title-top .hidden-leave-message {
    float: right;
    margin-top: 5px;
    width: 15px;
    height: 4px;
    background: #000000;
}

.leave-message-title-bottom {
    margin-top: 15px;
}

#submit-leave {
    width: 100%;
    margin-top: 10px;
    background-color: #40bf69;
    color: #fff;
}

.hidden-leave {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 250px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 700;
    background: #40bf69;
}

.deploy-leave-heng {
    position: absolute;
    right: 30px;
    top: 20px;
    width: 20px;
    height: 4px;
    border-radius: 2px;
    background-color: #fff;
}

.deploy-leave-shu {
    position: absolute;
    right: 38px;
    top: 12px;
    width: 4px;
    height: 20px;
    border-radius: 2px;
    background-color: #fff;
}

.leave-message-phone {
    display: none;
}

.navbar-toggle {
    display: none !important;
}

.navbar-nav>li .default-open {
    display: none;
}

@media only screen and (max-width:768px) {

    
    .navbar {
        height: 55px;
    }

    .navbar-toggle {
        display: block !important;
    }

    .navbar-toggle {
        margin-top: 15px;
    }

    .leave-message {
        display: none;
    }

    .leave-message-phone {
        display: block;
        position: absolute;
        left: 0;
        top: 210px;
        width: 60px;
        height: 60px;
        cursor: pointer;
    }

    .leave-message-phone img {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 10px;
        left: 14px;
    }

    .leave-message-phone p {
        font-size: 12px;
        color: white;
        text-align: center;
        margin: 0;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 2px;
    }

    .leave-message {
        width: 100%;
        z-index: 101;
    }

}




.section-first {
    background-color: #5dc55d;
}

.index-screen {
    height: 700px;
    background: url(../image/large_screen.png) no-repeat center center;
    background-size: auto 600px;
    position: relative;
}

.section-index-title {
    width: 100%;
    color: #fff;
    position: absolute;
    top: 9%;
    text-align: center;
    border: 1px solid #5dc55d;
}

.section-index-title h1 {
    font-size: 55px;
    font-weight: 900;
    margin-bottom: 20px;
}

.section-title {
    font-size: 36px;
    color: #454545;
    font-weight: 600;
}

.section-des {
    font-size: 18px;
    color: #454545;
}

.side-title-common {
    margin-top: 20%;
    margin-bottom: 30px;
}

.section-side-image {
    margin-top: 0px;
}

.section-des-p {
    margin-top: 40px;
}

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

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-line {
    height: 35px;
    line-height: 35px;
}

.row-imgage-layout {
    width: 100%;
    float: left;
    margin-top: 80px;
    margin-left: 8%;
    text-align: center;
}

.row-imgage-layout .row-imgage-box {
    float: left;
    width: 10%;
    height: 130px;
    margin-left: 15%;
}

.row-imgage-layout .row-image-small {
    width: 102px;
    height: 101px;
    margin-bottom: 15px;
}

.row-imgage-layout .row-imgage-box2 {
    float: left;
    width: 19%;
    height: 210px;
    margin-left: 8%;
}

.row-imgage-layout .row-image-title {
    font-size: 26px;
    color: #fff;
    margin-top: 13px;
}

.row-imgage-layout .row-image-des {
    font-size: 14px;
    color: #fff;
}

.row-imgage-layout. a.join:hover {
    color: #66b868;
}

.seventh-image1 {
    height: 200px;
    background: url(../image/0menkan.png) no-repeat center center;
    background-size: auto auto;
}

.seventh-image2 {
    height: 623px;
    background: url(../image/newlife.png) no-repeat center center;
}

.articlelist-layout .article-content img {
    width: 100% !important;
}

.index-article .news-box {
    float: left;
    width: 28%;
}

.news-box .news-index-title {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

.news-box .news-title {
    font-size: 20px;
}

.news-box .more-news-title a {
    color: #666666;
    font-size: 14px;
    float: right;
    margin-top: 8px;
    margin-right: 5px;
}

.news-box .news-detail-list {
    margin-top: 10px;
}

.news-box .news-detail-list p {
    height: auto;
    line-height: 25px;
    text-align: left;
    
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.section-mt-80 {
    margin: 80px 0;
    background-color: #fff;
}

.section-500 {
    height: 450px;
    background-color: #fff;
}

.section-700 {
    height: 550px;
}

.order-show-layout {
    position: relative;
    margin: 38px 0 0 0;
}

.order-show-layout .order-show-iphone {
    width: 100%;
    height: auto;
}

.order-slider {
    position: absolute;
    top: 14%;
    bottom: 25%;
    left: 11%;
    right: 27%;
}

.arrow {
    background: url(../image/arrow.png) repeat-x;
    height: 9px;
    width: 100%;
}

.section-second .gushi-show {
    margin: 63px 0 63px 0;
    width: 100%;
    height: auto;
}

.section-second .gushi-title-first {
    margin: 75px 0 0 0;
}

.section-second .gushi-title {
    margin-bottom: 0;
    font-size: 13px;
    color: #3c4658;
}

.section-second .gushi-des-first {
    margin: 5px 0 0 0;
}

.section-second .gushi-des {
    margin-bottom: 0;
    font-size: 10px;
    color: #909cb1;
}

.section-third {
    background-color: #f4f6f8;
}

.section-third .gongneng-show {
    margin-top: 60px;
    width: 100%;
    height: auto;
}

.section-third .gongneng-title-first {
    margin: 40px 0 0 0;
}

.section-third .gongneng-title {
    margin-bottom: 0;
    font-size: 13px;
    color: #3c4658;
    text-align: right;
}

.section-third .gongneng-des-first {
    margin: 5px 0 0 0;
}

.section-third .gongneng-des {
    margin-bottom: 0;
    font-size: 10px;
    color: #909cb1;
    text-align: right;
}

.section-fourth .jincheng-show {
    margin-top: 68px;
    margin-bottom: 68px;
    width: 200%;
    height: auto;
}

.section-fourth .jincheng-title-first {
    margin: 30px 0 0 0;
}

.section-fourth .jincheng-title {
    margin-bottom: 0;
    font-size: 13px;
    color: #3c4658;
}

.section-fourth .jincheng-des-first {
    margin: 5px 0 0 0;
}

.section-fourth .jincheng-des {
    margin-bottom: 0;
    font-size: 10px;
    color: #909cb1;
}

.section-fifth {
    background-color: #f4f6f8;
}

.section-fifth .kehu-title-first {
    margin: 35px 0 0 0;
}

.section-fifth .kehu-title {
    margin-bottom: 0;
    font-size: 13px;
    color: #3c4658;
    text-align: center;
}

.section-fifth .kehu-des {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 10px;
    color: #909cb1;
    text-align: center;
}

.balloon-layout {
    position: relative;
}

.balloon-zise {
    position: absolute;
    left: 100px;
    top: -125px;
}

.balloon-lvse {
    position: absolute;
    right: 150px;
    top: -250px;
}

.balloon-huangse {
    position: absolute;
    right: 50px;
    top: -145px;
}

.section-fifth .client-slider-layout {
    height: 200px;
    margin: 20px 0 0 0;
    overflow: hidden;
}

.section-fifth .client-item {
    display: inline-block;
    padding-right: 30px;
    margin-right: -3px;
    width: 195px;
    height: 200px;
    position: relative;
}

.section-fifth .client-name {
    position: absolute;
    left: 0;
    right: 30px;
    bottom: 0;
    text-align: center;
    margin-bottom: 0;
}

#index-yonghedoujiang.client-name {
    bottom: 10px;
}




.product-img {
    margin: 30px 0 0 0;
    width: 100%;
    height: auto;
    max-width: 142px;
}

.product-title {
    font-size: 18px;
    color: #222222;
    margin: 40px 0 0 0;
}

.product-title.product-printer-title {
    margin: 20px 0 0 0;
}

.product-title.product-pay-title {
    margin: 20px 0 0 0;
}

.product-title.product-member-title {
    margin: 20px 0 0 0;
}

.product-title.product-yingxiao-title {
    margin: 30px 0 0 0;
}

.product-title.product-delivery-title {
    margin: 30px 0 0 0;
}

.product-title.product-pindan-title {
    margin: 30px 0 0 0;
}

.product-title.product-lekuaisong-title {
    margin: 20px 0 0 0;
}

.product-des {
    font-size: 14px;
    color: #aaaaaa;
    margin-bottom: 0;
}

.last-product {
    margin-bottom: 120px;
}




.success-item-layout.affix {
    position: absolute;
    top: 0;
}

.success-item-layout {
    margin-top: 70px;
}

.success-item-layout .nav {
    border: 1px solid #ddd;
    width: 179px;
}

.success-item-layout .nav>li>a {
    width: 178px;
    height: 50px;
    line-height: 30px;
    text-align: center;
    outline: none;
}

.success-item-layout .nav>li>a:hover {
    background-color: transparent;
}

.success-item-layout .active a,
.success-item-layout .nav>li.active>a {
    background-color: #5dc55d;
    color: white;
    display: inline-block;
}




.container-p-n {
    padding: 0;
}

.success-layout .row {
    margin: 0;
}

.container-p-n .col-md-10 {
    padding: 0;
    width: 85%;
}

.container-p-n .col-md-2 {
    width: 15%;
}

.success-row-layout {
    margin-left: 15px;
}

.success-layout {
    display: none;
}

.container-p-n .row .success-layout:nth-child(2) {
    display: block;
}

.success-row-layout ul {
    list-style: none;
    padding: 70px 0 0 34px;
}

.success-row-layout ul li {

    width: 100%;
    height: 220px;
    border: 1px solid #e7e7e7;
    margin-bottom: 20px;
}

.success-row-layout ul li:nth-child(3n) {
    margin-right: 0;
}

.success-row-layout .zhezhao {
    z-index: 50;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: black;
    opacity: 0.5;
    display: none;
    
    height: 220px;
}

.success-row-layout ul .shop-logo {
    position: relative;
    float: left;
    width: 340px;
    height: 218px;
    background-repeat: no-repeat;
    background-size: cover;
}

.success-row-layout ul .shop-logo:hover .zhezhao {
    display: block;
}

.success-row-layout ul .shop-logo:hover .shop_qrcode {
    display: block;
    top: 0;
}

.success-row-layout ul .shop_qrcode {
    z-index: 1000;
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 150px;
    height: 150px;
    display: none;
}

.page {
    text-align: right;
}

.page div {
    font: 18px/18px '华文细黑';
    color: #3db965;
    width: 100px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #3db965;
    margin-left: 20px;
    margin-bottom: 50px;
    display: inline-block;
    cursor: pointer;
}

.page .pre-page {
    display: none;
}

.active-page {
    background-color: #3db965;
    color: #fff !important;
}

.success-row-layout ul .shop_qrcode img {
    width: 150px;
    height: 150px;
}

.success-row-layout ul .case-wrap {
    float: right;
    width: 65%;
    height: 218px;
    padding: 0px 30px;
}

.success-row-layout ul .case-wrap .shoptitle {
    text-align: left;
    font-size: 20px;
    margin-top: 32px;
    color: #333333;
}

.success-row-layout ul .case-wrap .wechat {
    font-size: 14px;
    color: #333333;
    text-align: center;
}

.success-row-layout ul .case-wrap .shopcontent {
    line-height: 22px;
    color: #a1a1a1;
    font-size: 14px;
    
    margin: 0;
    
    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.success-row-layout ul .case-wrap .belong-wrapper {
    
    text-align: left;
    margin-top: 30px;
}

.success-row-layout a {
    text-decoration: none;
    color: #2c3a46;
}

.success-row-layout ul .case-wrap .look-belong {
    color: #40bf69;
    font: 14px/14px '华文细黑';
    
}

.success-row-layout.success-row-layout-last {
    border-bottom: none;
}

.success-slider-layout {
    margin: 62px 0 62px 0;
    position: relative;
}

.success-slider {
    position: absolute;
    top: 14%;
    bottom: 25%;
    left: 6.5%;
    width: 250px;
}

.success-title {
    font-size: 18px;
    font-weight: 500;
    color: #3a3a3a;
    margin: 20px 0 20px 0;
}

.success-text {
    font-size: 14px;
}

.success-bianlidian {
    display: none;
}

.success-shuiguodian {
    display: none;
}

.success-dangaodian {
    display: none;
}

.success-naichadian {
    display: none;
}

.success-tianpindian {
    display: none;
}

.success-xianhuadian {
    display: none;
}

.success-daigou {
    display: none;
}

.success-ktv {
    display: none;
}

.success-canting {
    display: none;
}

.success-tuangou {
    display: none;
}

.success-paotui {
    display: none;
}

.success-bianlidian {
    display: none;
}

.success-o2o {
    display: none;
}

.success-ganxi {
    display: none;
}

.success-rihan {
    display: none;
}

.success-coffee {
    display: none;
}




.member-section-first {
    height: 638px;
    background: url(../image/member_screen.jpg) repeat-x;
    background-size: auto 550px;
}

.member-screen {
    height: 660px;
    background: url(../image/member-crm.png) no-repeat center center;
    background-size: auto 630px;
    position: relative;
}

.member-image-box {
    float: left;
    width: 24%;
    height: 210px;
    margin-left: 12%;
    font-color: #ccc;
}

.member-image-title {
    font-size: 26px;
    margin-top: 13px;
}

.member-image-des {
    font-size: 14px;
}

.side-member-title-common {
    margin-top: 30%;
}

.section-member-desc {
    position: absolute;
    top: 15%;
    right: 10%;
}

.section-member-desc h1 {
    font-size: 42px;
    font-weight: 900;
    color: #fedaaf;
}

.section-member-desc h2 {
    font-size: 18px;
    color: #fff;
    margin-top: 30px;
}











.contactus-layout {
    margin: 80px auto;
}

.contactus-layout span {
    font-family: '华文细黑'
}

.contactus-layout .map {
    width: 100%;
    height: 500px;
}




.w {
    width: 100%;
    margin: 0 auto;
}

.contactus-layout .contactus-info p {
    color: #454545;
    margin-top: 25px;
    font-size: 18px;
    float: left;
    
}

.contactus-info {
    margin: 2% 0 0 1%;
}

.contactus-layout .contactus-info .contactus-logo {
    margin-right: 10px;
}

.contactus-layout .contactus-info .contactus-text {
    vertical-align: middle;
}

.contactus-layout .contactus-info .contactus-qq {
    position: absolute;
    bottom: 81%;
    left: 26%;
}




.articlelist-layout ul {
    list-style-type: none;
    font-size: 18px;
    padding: 0;
    margin: 0;

    display: inline-block;
}

.articlelist-layout ul li {
    margin-bottom: 50px;
}

.articlelist-layout ul li a {
    color: #666666;
}

.news-detail-list a {
    color: #666666;
}

.articlelist-layout ul li .article-title {
    display: inline;
    font-family: '华文细黑';
    font-size: 20px;
    font-weight:bold;
    color:rgba(51,51,51,1);
}

.articlelist-layout ul li .pub-date {
    display: inline-block;
    width: 160px;
}

.articlelist-layout ul li .pub-date-detail {
    font-size: 18px;
    color: #999999;
    margin-top: 10px;
    padding-left: 20px;
}

.articlelist-layout ul li .pub-date-detail2 {
    font-size: 18px;
    color: #666666;
    margin-top: 30px;
    padding-left: 20px;
}
.top-article-layout .top-article {
    height: 16px;
    background: url('../image/article-jiantou.png') no-repeat;
    background-position-y: 4px;
    padding-left: 20px;
}

.top-article-layout .scan-more {
    margin-top: 10px;
    font-size: 14px;
    color: #6699CC;  
}







.join-top-layout {
    margin: 0;
    position: relative;
}

.join-row2 .join-second-img {
    margin: 72px 0 36px 0px;
}

.join-title {
    font-size: 19px;
    color: #3a3a3a;
    margin: 20px 0 5px 0;
}

.join-row2 .col-width {
    width: 20%;
    text-align: center;
}

.comen {
    height: 300px;
    background: url("../image/co_men.png") no-repeat center center;
}

.join-row2 img {
    width: 120px;
    height: 120px;
}

.join-phone-bkg {
    position: relative;
    width: 100%;
    height: 78px;
    background-color: #5dc55d;
    -moz-border-radius: 5px;
    
    -webkit-border-radius: 5px;
    
    border-radius: 5px;
}

.join-phone-icon {
    position: absolute;
    left: 20px;
    top: 17px;
}

.join-phone-title {
    position: absolute;
    left: 75px;
    top: 17px;
    color: white;
    font-size: 14px;
    font-weight: bold;
}

.join-phone-content {
    position: absolute;
    left: 75px;
    top: 35px;
    color: white;
    font-size: 16px;
    font-weight: bold;
}

.join-phone-content-num {
    font-family: Arial;
    font-size: 16px;
    color: white;
}

.join-email-bkg {
    position: relative;
    width: 100%;
    height: 78px;
    line-height: 78px;
    margin-top: 15px;
    background-color: #4fb0f2;
    -moz-border-radius: 5px;
    
    -webkit-border-radius: 5px;
    
    border-radius: 5px;
    border: 1px solid #4fb0f2;
    cursor: pointer;
}

.agent-select {
    position: relative;
    width: 100%;
    height: 78px;
    margin-top: 15px;
}

.agent-select-content {
    font-size: 20px;
    cursor: pointer;
    font-family: Arial;
    font-weight: bold;
    text-align: center;
    color: #4fb0f2;
}

.join-email-content {
    font-size: 24px;
    font-family: Arial;
    font-weight: bold;
    text-align: center;
    color: #fff;
    
}

.join-chinamap {
    width: 100%;
    height: auto;
    margin: 20px 0;
}

.join-second-title {
    font-size: 33px;
    color: #3a3a3a;
    margin: 90px 0 5px 0;
    text-align: center;
}

.join-second-img {
    margin: 72px 0 40px 75px;
}

.join-second-img-2 {
    margin: 36px 0 28px 75px;
}

.join-second-des {
    font-size: 14px;
    color: #303030;
    text-align: center;
    margin-bottom: 5px;
}

.join-second-des.join-green {
    color: #5dc560;
}

.join-second-bottom {
    display: block;
    height: 110px;
}

.join-third-img {
    margin: 150px 0 0 0;
}

.join-third-title {
    font-size: 20px;
    color: #303030;
    margin: 110px 0 15px 0;
}

.yellow_flag {
    height: 68px;
    width: 259px;
    text-align: center;
    padding-top: 19px;
    background: url('../image/yellow_flag.png') no-repeat;
}

.green_flag {
    height: 68px;
    width: 259px;
    text-align: center;
    padding-top: 19px;
    background: url('../image/green_flag.png') no-repeat;
}

.join-third-content {
    font-size: 16px;
    color: #303030;
    margin-bottom: 5px;
    background: url('../image/gou.png') no-repeat;
    text-indent: 30px;
}

.join-third-bottom {
    height: 95px;
}

.join-fourth-title {
    font-size: 20px;
    color: #303030;
    margin: 50px 0 0 60px;
}

.join-fourth-img {
    
    width: 150px;
    height: 150px;
}

.join-fourth-des {
    font-size: 14px;
    color: #303030;
    text-align: center;
    margin-bottom: 5px;
    
    margin-top: 20px;
}

.join-fourth-arrow {
    position: absolute;
    top: 80px;
    left: 20px;
}

.join-fourth-niu {
    font-size: 25px;
    color: #ecb319;
    text-align: center;
    margin: 50px 0 70px 0;
}

.join-apply {
    width: 90%;
    height: 481px;
    margin: 0 auto;
    text-align: center;
}

.apply_notice {
    font-size: 36px;
    color: #454545;
    margin-top: 105px;
}

.apply_after {
    font-size: 18px;
    color: #3995d3;
    margin-top: 22px;
}

.join-at-once {
    width: 379px;
    height: 94px;
    background-color: #3ca2e6;
    color: #fff;
    font-size: 28px;
    margin: 61px auto 0;
    border-radius: 5px;
    padding-top: 25px;
    cursor: pointer;
}

.online_apply {
    background-color: #fff;
    border: 1px solid #ddd;
    z-index: 1000;
    width: 949px;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 5%;
    margin-left: auto;
    margin-right: auto;
}

.online_apply .top_action {
    height: 79px;
}

.top_action .action-close {
    position: absolute;
    right: 24px;
    top: 18px;
    cursor: pointer;
}

.online_apply .lead_bar {
    height: 85px;
    width: 962px;
    position: absolute;
    left: -7px;
    top: 80px;
    z-index: -10;
    background: url("../image/lead_bar.png") no-repeat center center;
}

.online_apply .login-title {
    left: -40px;
    width: 100px;
}

.online_apply .login-input {
    width: 342px;
}

.online_apply .register-layout {
    margin: 94px auto 56px;
}

.online_apply .apply_btn {
    width: 306px;
    height: 68px;
    background-color: #3ca2e6;
    color: #fff;
    font-size: 26px;
    border-radius: 5px;
    padding-top: 15px;
    cursor: pointer;
    text-align: center;
    margin: 0 auto;
}




.lewaimai-agent {
    margin-bottom: 56px;
}

.lewaimai-agent img {
    float: left;
    width: 100px;
    height: 80px;
}

.lewaimai-agent-title {
    height: 41px;
    line-height: 41px;
    font-size: 36px;
    color: #333333;
    font-family: 'Arial Negreta', 'Arial';
    font-weight: 700;
    margin-top: 5px;
    float: left;
    margin-left: 10px;
}

.lewaimai-agent-subtitle {
    font-family: 'Arial Normal', 'Arial';
    font-weight: 400;
    font-size: 20px;
    color: #666666;
    float: left;
    margin-left: 10px;
}

.custom-search {
    padding: 10px;
}

.custom-search form {
    margin: 0;
    position: relative;
    border: 1px solid #c0c0c0;
    background: #fff;
    border-radius: 1px;
    overflow: hidden;
}

.custom-search .custom-search-input {
    margin: 0;
    padding: 0 10px 0 40px;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    height: 45px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0px none;
    outline: none;
    font-size: 16px;
    -webkit-box-shadow: 0 0 0 0;
    box-shadow: 0 0 0 0;
}

.custom-search input[disabled] {
    cursor: default;
    background-color: #fff;
}

.custom-search-button {
    position: absolute;
    top: 0;
    left: 0;
    border: 0px none;
    height: 45px;
    line-height: 35px;
    width: 37px;
    padding: 0;
    color: #fff;
    font-size: 14px;
    text-indent: -9999px;
    background: #fff url("../image/search_icon.png") center center no-repeat;
    background-size: 25px 25px;
    border-radius: 5px 0 0 5px;
}

.agent-select-submit {
    line-height: 55px;
    font-size: 16px;
    color: white;
    text-align: center;
    margin-top: 32px;
    margin-bottom: 35px;
    border: none;
    background-color: #5dc55d;
    cursor: pointer;
    display: block;
}

a.agent-select-submit:hover,
a.agent-select-submit:focus {
    color: white;
    background-color: #39a43c;
}

#auth-book-layout {
    margin-top: 100px;
}

#auth-book-layout img {
    width: 424px;
    height: 600px;
}




.app-img {
    margin: 80px 0 0 0;
}

.app-title {
    color: #3c4658;
    font-size: 20px;
    margin: 90px 0 10px -15px;
}

.app-des {
    color: #3c4658;
    font-size: 14px;
    margin: 0 0 0 -15px;
}

.app-des-green {
    color: #5dc560;
    font-size: 14px;
    margin: 0 0 0 -15px;
	margin-bottom: 10px;
}

.app-des-green-first {
    margin-top: 25px;
	margin-bottom: 10px;
}

.app-android-download {
    display: block;
    font-size: 10px;
    color: white;
    margin: 40px 0 0 -15px;
    width: 212px;
    height: 60px;
    line-height: 60px;
    background-color: #5dc560;
    -moz-border-radius: 5px;
    
    -webkit-border-radius: 5px;
    
    border-radius: 5px;
    
    position: relative;
    text-align: right;
    cursor: pointer;
}

.app-android-download:hover {
    background-color: #49a84c;
}

.app-icon-android {
    position: absolute;
    left: 25px;
    top: 10px;
}

.app-qrcode {
    width: 170px;
    height: 170px;
    margin: 80px 0 0 30px;
}

.app-qrcode-des {
    color: #3c4658;
    font-size: 14px;
    margin: 0 0 0 30px;
    width: 170px;
    text-align: center;
}

.app-android-download p {
    font-size: 16px;
    color: white;
    margin: 0 25px 0 0;
}

.app-download-des {
    font-size: 14px;
    margin: 5px 0 10px 0;
    text-align: left;
    margin-left: -15px;
}

.app-ios-download {
    display: block;
    font-size: 10px;
    color: white;
    margin: 40px 0 0 -15px;
    width: 212px;
    height: 60px;
    line-height: 60px;
    background-color: #4fb0f2;
    -moz-border-radius: 5px;
    
    -webkit-border-radius: 5px;
    
    border-radius: 5px;
    
    position: relative;
    text-align: right;
    cursor: pointer;
}

.app-ios-download:hover {
    background-color: #3896d6;
}

.app-icon-ios {
    position: absolute;
    left: 40px;
    top: 10px;
}

.app-ios-download p {
    font-size: 16px;
    color: white;
    margin: 0 50px 0 0;
}

.app-line {
    padding-bottom: 100px;
    border-bottom: 1px dashed #ababab;
}

.app-second {
    padding-bottom: 100px;
}




.lekuaisong-img-1 {
    margin: 90px 0 90px 90px;
}

.lekuaisong-title {
    font-size: 20px;
    color: #3a3a3a;
    margin-bottom: 0;
    margin-left: 40px;
}

.lekuaisong-title-top-1 {
    margin-top: 80px;
}

.lekuaisong-des {
    font-size: 14px;
    color: #818181;
    margin: 20px 70px 20px 40px;
}

.lekuaisong-guanwang {
    width: 210px;
    height: 60px;
    line-height: 55px;
    font-size: 16px;
    color: white;
    text-align: center;
    margin-left: 40px;
    margin-top: 30px;
    margin-bottom: 35px;
    border: none;
    background-color: #5dc55d;
    cursor: pointer;
    display: block;
    -moz-border-radius: 3px;
    
    -webkit-border-radius: 3px;
    
    border-radius: 3px;
    
}

a.lekuaisong-guanwang {
    color: white;
}

a.lekuaisong-guanwang:hover,
a.lekuaisong-guanwang:focus {
    color: white;
    background-color: #39a43c;
}

.lekuaisong-row-line {
    border-bottom: 1px dashed #ababab;
}

.lekuaisong-img-2 {
    margin: 85px 0 0 40px;
}

.lekuaisong-title-2 {
    font-size: 20px;
    color: #3a3a3a;
    text-align: right;
    margin-right: 15px;
}

.lekuaisong-title-top-2 {
    margin-top: 100px;
}

.lekuaisong-des-2 {
    font-size: 14px;
    color: #818181;
    margin: 0 15px 5px 0;
    text-align: right;
}

.lekuaisong-img-3 {
    margin: 85px 0 0 295px;
}

.lekuaisong-title-3 {
    font-size: 20px;
    color: #3a3a3a;
    text-align: left;
    margin-left: 40px;
}

.lekuaisong-title-top-3 {
    margin-top: 130px;
}

.lekuaisong-des-3 {
    font-size: 14px;
    color: #818181;
    margin: 0 0 5px 40px;
    text-align: left;
}

.lekuaisong-img-5 {
    margin: 85px 0 0 260px;
}

.lekuaisong-row-last {
    margin-bottom: 125px;
}





.register-layout {
    width: 360px;
    
    position: relative;
    margin: 50px auto;
    display: block;
}

.register-main {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.register-xing {
    color: #f50000;
}

.register-form-attention {
    font-size: 14px;
    font-weight: bold;
    color: #444444;
    position: absolute;
    top: -50px;
}

.register-select {
    width: 138px;
    height: 48px;
    border: 1px solid #d1d1d1;
    -moz-border-radius: 3px;
    
    -webkit-border-radius: 3px;
    
    border-radius: 3px;
    
    color: #b1b1b1;
    font-size: 14px;
    text-indent: 10px;
}

.register-select-1 {
    margin-left: 80px;
}

.register-select-2 {
    position: absolute;
    left: 225px;
    top: 0;
}

.register-select-3 {
    position: absolute;
    left: 370px;
    top: 0;
}

.register-select.error {
    border: 1px solid #f50000;
}

select.register-select:focus {
    border-color: #5dc55d;
    outline: 0;
}

select option {
    color: #333;
}

a.register-xieyi {
    color: #5dc55d;
    font-size: 14px;
}

.register-address-error {
    position: absolute;
    left: 530px;
    width: 300px;
    top: 12px;
    font-size: 14px;
    color: #f50000;
}

#register-verifycode.login-input {
    width: 138px;
}

.image-verifycode {
    position: absolute;
    left: 230px;
    top: 4px;
}

#login-verifycode-error.login-error {
    left: 200px;
    top: 75px;
}




.job-layout {
    background: url(../image/job_bg.png) no-repeat;
}

.job_biaoyu {
    text-align: center;
    color: #fff;
    margin-top: 50px;
    position: relative;
}

.job_biaoyu_text {
    font-weight: 900;
    font-size: 34px;
    margin-left: 20px;
    margin-right: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    top: -11px;
    right: 0;
}

.job_biaoyu_box {
    width: 200px;
    display: inline-block
}

.job_biaoyu_fuzhu {
    border-top: 3px solid #fff;
    height: 1px;
    width: 50px;
    display: inline-block;
}

.job_content_layout {
    background-color: #fbfbfb;
    margin-top: 60px;
    border-right: 1px solid #ededed;
    box-shadow: 4px 0px 5px #ededed;
}

.post .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.post .joblist {
    padding-top: 20px;
    border-right: 1px solid #ededed;
    padding-right: 15px;
    box-shadow: 4px 0px 5px #ededed;
    min-height: 700px;
    padding-bottom: 50px;
}

.job_content_layout ol,
.job_content_layout ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.joblist .cat-li {
    width: 190px;
    margin-top: 20px;
}

.joblist .cat-li:first-child {
    margin-top: 0px;
}

.joblist .category {
    display: inline-block;
    color: #333;
    font-family: 'Microsoft Yahei';
    font-size: 22px;
    font-weight: 900;
    height: 34px;
    text-indent: 5px;
    border-bottom: 2px solid #ededed;
    width: 100%;
}

.joblist .cat-cont {
    font-size: 14px;
}

.joblist .cat-cont a {
    text-indent: 10px;
    display: inline-block;
    width: 230px;
    line-height: 30px;
    color: #333;
    position: relative;
}

.cat-job-item {
    text-align: center;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.cat-job-item:hover {
    background-color: #ededed;
    color: #54b7f0 !important;
}

.cat-job-item.active {
    background-color: #ededed;
    color: #54b7f0 !important;
}

.job-desc {
    padding-top: 20px;
    padding-left: 30px;
    width: 100%;
}

.job-desc h3 {
    margin: 0px;
    font-size: 22px;
    position: relative;
}

.job-desc-sub {
    margin-top: 10px;
    color: rgba(45, 45, 45, 0.83);
    font-size: 14px;
}

.job-desc-sub .num {
    display: inline-block;
    margin-left: 30px;
}

.job-desc-sub .date {
    float: right;
    margin-right: 30px;
}

.job-salary {
    font-size: 12px;
    color: #fff;
    background-color: #5dc55d;
    padding: 2px 5px;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
}

.job-desc h4 {
    margin-top: 50px;
}

.fuzhuxian-short {
    border-bottom: 3px solid #86c6e4;
    width: 25px;
    height: 1px;
    margin-top: 15px;
}

.job_content {
    margin-top: 15px;
    font-size: 14px;
    line-height: 18px;
}

.job-desc .contact-us {
    font-size: 14px;
    margin-top: 50px;
    margin-bottom: 30px;
}

.job-desc .email {
    font-size: 16px;
    font-weight: 900;
}

.job-desc .contact-us a {
    color: #428bca;
    text-decoration: underline;
}




.wxagent-first {
    background-color: #3995d3;
    width: 100%;
    height: 618px;
}

.main-title {
    font: 40px/40px '华文细黑';
    margin: 0;
    color: #fff;
    margin-top: 190px;
    margin-bottom: 20px;
}

.wxagent-first .field-1 p {
    font: 22px/28px '华文细黑';
    margin: 0;
    color: #fff;
    margin-bottom: 40px;
}

.wxagent-first .field-1 p:nth-child(5) {
    margin-bottom: 40px;
}

.subhead {
    
}

.wxagent-first .field-1 .free-use {
    font: 20px/20px '华文细黑';
    width: 218px;
    height: 56px;
    text-align: center;
    line-height: 56px;
    color: #fff;
    border: 1px solid #fff;
}

.wxagent-first .container {
    height: 618px;
    
}

.wxagent-first .field-1 {
    float: left;
    text-align: left;
}

.wxagent-first .field-2 {
    
    margin-top: 120px;
}

.problem {
    height: 500px;
    background-color: #fff;
    text-align: center;

}

.problem .row {
    margin: 0;
}

.problem h5 {
    font: 38px/38px '华文细黑';
    margin: 0;
    color: #333;
    margin-top: 60px;
    margin-bottom: 80px;
}

.problem .container {
    padding: 0 50px;
}

.problem .problem-item {
    position: relative;
}

.problem .hexagon {
    width: 198px;
    height: 228px;
    overflow: hidden;
}

.problem .hexagon:before {
    content: "";
    position: absolute;
    top: 59px;
    left: 0;
    width: 2px;
    height: 113px;
    background-color: #2cb5ee;
}

.problem .hexagon:after {
    content: "";
    position: absolute;
    top: 59px;
    right: 69px;
    width: 2px;
    height: 112px;
    background-color: #2cb5ee;
}

.problem .hexagon-one:before,
.problem .hexagon-one:after {
    width: 0;
    height: 0;
}

.problem .hexagon-three:before,
.problem .hexagon-three:after {
    background-color: #36d86a;
}

.problem .hexagon div {
    width: 197px;
    height: 230px;
    overflow: hidden;
}

.problem .title {
    position: absolute;
    width: 198px;
    top: 86px;
}

.problem .title p {
    font: 20px/20px '华文细黑';
    margin: 0;
    color: #333;
    margin-bottom: 10px;
}

.problem .cont {
    transform: rotateZ(60deg);
}

.problem .cont:before {
    content: "";
    position: absolute;
    top: 58px;
    right: 193px;
    width: 2px;
    height: 114px;
    background-color: #2cb5ee;
}


.problem .inner {
    transform: rotateZ(-120deg);
}

.problem .inner-one {
    background-color: #36d86a;
}

.problem .inner-one p {
    color: #fff;
}

.problem .cont-two {
    
    border-right: 2px solid #2cb5ee;
}

.problem .cont-three {
    
    border-right: 2px solid #36d86a;
}

.problem .cont-three:before {
    background-color: #36d86a;
}

.problem .cont-four {
    
    border-right: 2px solid #2cb5ee;
}

.problem .inner-two {
    border-left: 2px solid #2cb5ee;
    border-right: 2px solid #2cb5ee;
}

.problem .inner-three {
    border-left: 2px solid #36d86a;
    border-right: 2px solid #36d86a;
}

.problem .inner-four {
    border-left: 2px solid #2cb5ee;
    border-right: 2px solid #2cb5ee;
}

.section-third4 {
    width: 100%;
    height: 500px;
    background-color: #ffffff;
}

.section-third4 .container {
    padding: 0 50px;
}

.section-third4-left {
    margin-top: 120px;
    float: left;
}

.section-third4-right {
    text-align: left;
    float: right;
}

.section-third4-right h5 {
    font: 36px/36px '华文细黑';
    margin: 0;
    color: #333;
    margin-top: 140px;
    margin-bottom: 20px;
}

.section-third4-right p {
    font: 20px/20px '华文细黑';
    margin: 0;
    color: #666;
}

.section-third4-right .wxagent-head {
    margin-bottom: 10px;
}

.section-third2 {
    width: 100%;
    height: 500px;
    background-color: #f5f5f5;
}

.baojia-tabbar {
    width: 380px;
    height: 40px;
    border: 1px solid rgba(61, 185, 101, 1);
    margin: 0 auto;
    margin-bottom: 30px;
}

.baojia-tabbar span {
    display: inline-block;
    width: 50%;
    height: 100%;
    line-height: 40px;
    text-align: center;
    color: #333;
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    cursor: pointer;
}

.baojia-active {
    background-color: #3DB965;
    color: #fff !important;
}

.baojia-title {
    text-align: center;
    font-size: 20px;
    font-family: MicrosoftYaHei-Bold;
    font-weight: bold;
    color: rgba(72, 72, 72, 1);
    line-height: 26px;
    padding-bottom: 7px;
    border-bottom: 1px solid #D5E3EF;
    margin-bottom: 17px;
}

.section-third5 {
    height: 540px;
}

.section-third2 .container {
    padding: 0 50px;
}

.section-third2-left {
    text-align: left;
    float: left;
}

.section-third2-left h5 {
    font: 36px/36px '华文细黑';
    margin: 0;
    color: #333;
    margin-top: 140px;
    margin-bottom: 20px;
}

.section-third2-left p {
    font: 20px/20px '华文细黑';
    margin: 0;
    color: #666;
}

.section-third2-left .wxagent-head {
    margin-bottom: 10px;
}

.section-third2-right {
    float: right;
    margin-top: 40px;
}

.section-fourth-left {
    float: left;
    margin-top: 60px;
}

.section-fourth-right {
    float: right;
    text-align: left;
}

.section-fourth-right h5 {
    font: 36px/36px '华文细黑';
    margin: 0;
    color: #333;
    margin-top: 140px;
    margin-bottom: 20px;
}

.section-fourth-right p {
    font: 20px/20px '华文细黑';
    margin: 0;
    color: #666;
}

.section-fourth-right .wxagent-head {
    margin-bottom: 10px;
}

.section-third2-left .wxagent-first .yuandian {}

.wxagent-first h4 {
    font-weight: normal;
}

.wxagent-head {
    font-size: 40px;
    font-weight: 900;
}

.wxagent-sub-head {
    font-size: 18px;
    color: #6b6b6b;
    margin: 0;
    padding: 0;
}

.package_price {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 18px;
    color: #333333;
}

.package_price .unit {
    font-size: 12px;
}

.wxagent-buy-atonce .purchase_btn {
    background-color: #ff2121;
    border-color: #ff2121;
    color: #fff;
    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;
}




.footer-web {
    display: none;
}

.footer {
    
    height: 450px;
    background-color: #2F3235;
    color: #fff;
    padding-top: 61px;
	font-family: "microsoft yahei";
	margin-bottom: 86px;
}
.footer .col-sm-12{
	padding: 0;
}
.footer-right .col-sm-12{
	width: 0;
}
.footer .row {
    padding-bottom: 50px;
    border-bottom: 1px solid #7C7C7C;
}

.footer .container {
    padding: 0 15px;
}

.footer .daosanjiao {
    height: 44px;
    background: url("../image/daosanjiao.png") no-repeat center center;
}

.footer-left ul {
    float: left;
    margin-right: 50px;
}

.footer-left ul p {
    font-size: 18px;
}

.footer-left ul:first-child {
    margin-right: 50px;
}
.footer-left ul:nth-child(2) li{
	width: 320px;
}
.footer-left ul:nth-child(2) li a:first-child{
	width: 64px;
	display: inline-block;
}



.footer-left ul:nth-child(4) {
    margin-right: 54px;
}

.footer-left ul:nth-child(5) {
    margin-right: 66px;
}

.footer-left ul:last-child {
    
}

.footer-left ul:last-child li:nth-child(3) {
    font-size: 14px;
}
.footer-left ul:last-child li:nth-child(4) span{
	color: #40BF69;
}
.footer-left ul:last-child li:nth-child(5){
	display: flex;
	flex-direction: row;
}
.footer-left ul:last-child li:nth-child(5) span{
	display: inline-block;
}
.footer-left ul:last-child li:nth-child(5) span:last-child{
	width: 120px;
}
.footer-left ul:last-child li:nth-child(5) .work-time{
	margin-top: 16px;
}
.footer-left ul li:last-child{
	margin-bottom: 0;
}
.footer-left ul li {
    margin-bottom: 16px;
	font-size: 14px;
	color: #CFCFCF;
}

.footer-left .qq-launchBtn {}

.footer-left ul li a {
    font-size: 14px;
	color: #CFCFCF;
}
.footer-left ul li a:hover{
	color: #40BF69;
}
.footer-left ul p {
    margin-bottom: 20px;
}

.footer-right {
    float: left;
    text-align: center;
    
}

.footer-right .footer-right-qrcode {
    width: 128px;
    height: 90px;
}

.footer-right img {
    width: 92px;
    height: 92px;
    
}
.footer p:first-child{
	color: #FFFFFF;
	font-size: 18px;
	margin-bottom: 19px;
}
.footer-right p {
    margin-top: 10px;
	color: #CFCFCF;
	font-size: 16px;
}

.footer .qrcode-div {
    margin-top: 35px;
    width: 220px;
    height: 260px;
    padding: 20px;
    background-color: #55555A;
}

.footer .qrcode {
    width: 180px;
    height: 180px;
}

.footer .qrcode-text {
    width: 150px;
    margin: 10px auto;
    text-align: center;
    font-size: 16px;
}

.footer .footer-info-layout {
    margin-top: 50px;
    height: 190px;
    position: relative;
}

.footer .link-item {
    display: inline-block;
    padding-left: 10px;
    padding-right: 11px;
    margin-right: -3px;
    height: 14px;
    line-height: 14px;
    border-right: 1px solid #c5c5c5;
    font-weight: bold;
}

.footer .link-item-first {
    padding-left: 0;
}

.footer .link-item-last {
    border-right: none;
}

.footer .contact-layout {
    margin-top: 10px;
}

.footer .contact-item {
    display: inline-block;
    padding-right: 30px;
    margin-right: -3px;
    margin-bottom: 5px;
    height: 25px;
    vertical-align: top;
}

.footer .weibo-layout {
    position: relative;
    height: 34px;
}

.footer .weibo-text {
    position: absolute;
    left: 0;
    top: 0;
}

.askfor_business {
    vertical-align: middle;
    margin-bottom: -10px;
}

.footer .index-weibo {
    display: inline-block;
    width: 26px;
    height: 26px;
    vertical-align: middle;
    background: url(../image/weibo.png) center center no-repeat;
    margin-bottom: 5px;
}

.footer a .index-weibo:focus {
    background: url(../image/weibo-focus.png) center center no-repeat;
}

.footer .copyright {
    margin-top: 8px;
    width: 100%;
    display: inline-block;
	color: #CFCFCF;
	font-size: 14px;
}

.footer .cnnz {
    display: inline-block;
    
}

.footer .copyright-declare {
    margin-bottom: 10px;
}

.footer .gongshang-wangjian {
    display: inline-block;
}

.tel-copyright {
    display: inline-block;
    margin: 0px 20px;
}

.footer-ul-item {
    margin-top: 20px;
    padding-bottom: 50px;
}

.footer-ul-item div,
.footer-ul-item ul {
    float: left;
}

.footer-ul-name {
    width: 12%;
    font-size: 20px;
    line-height: 50px;
}

.footer-ul-item ul {
    width: 79%;
}

.footer-ul-item li {
    display: inline-block;
    list-style-type: none;
    margin-right: 30px;
    line-height: 52px;
    vertical-align: middle;
}

.footer a {
    color: #fff;
}

.footer .copyright-div {
    width: 100%;
    
    text-align: center;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}
.footer .copyright-div .purpose{
	font-size: 14px;
	color: #CFCFCF;
	margin-bottom: 8px;
}
.footer .copyright-div .Partners{
	font-size: 14px;
	color: #CFCFCF;
}
.footer .copyright-div .Partners a{
	color: #CFCFCF;
}
.footer .copyright-div .business-license{
	font-size: 14px;
	color: #CFCFCF;
	margin-top: 9px;
}
.footer .copyright-div .business-license a{
	color: #CFCFCF;
	font-size: 14px;
}
.footer .copyright-div .licence-logo{
	margin-top: 9px;
}
.get-phone-number{
	
	height: 86px;
	line-height: 86px;
	
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999;
}
.get-phone-number-box{
	position: relative;
	height: 100%;
}
.get-phone-number-mask{
	background-color: #000000;
	opacity: 0.8;
	width: 100%;
	height: 100%;
}
.get-phone-number .container{
	width: 1180px;
	margin: 0 auto;
	text-align: center;
}
.get-phone-number .quotation-scheme{
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	position: absolute;
	left: 50%;
	top: 22px;
	transform: translate(-50%);
}
.get-phone-number .form-group{
	width: 250px;
	height: 40px;
	margin-bottom: 0;
	margin-top: 6px;
}
.get-phone-number .footer-get-quote{
	width: 150px;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	background-color: #40BF69;
	text-align: center;
	border-radius: 4px;
	margin-left: 20px;
	cursor: pointer;
}
.close-quote{
	position: absolute;
	right: 20px;
	top: 8px;
	width: 30px;
	height: 30px;
}
.close-quote img{
	display: block;
}





.askfor_business {
    width: 92px;
    position: relative;
}

#qq-launchBtn {
    width: 92px;
    height: 22px;
    background-repeat: no-repeat;
    text-indent: 15px;
    line-height: 22px;
    cursor: pointer;
    position: absolute;
    top: -15px;
}

#qq-launchBtn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAAWCAMAAAB68gtgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REMxNzIxQUM1ODZFMTFFMkE2QUJERjZDOTBFMjlDMzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REMxNzIxQUQ1ODZFMTFFMkE2QUJERjZDOTBFMjlDMzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQzE3MjFBQTU4NkUxMUUyQTZBQkRGNkM5MEUyOUMzNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQzE3MjFBQjU4NkUxMUUyQTZBQkRGNkM5MEUyOUMzNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pvt6ESkAAAMAUExURand9oa71Kji/Wias/7rtJ3Y9aXe+f+yOqHZ9fdKLKXh/fvTkut3J/SbK//snv+lGv2rIo7I5a3h+vv7/PWxcpzT7CkpNcnO1Z3e/dCRMa7k/e+Waq3e9VqHnf/TLqLg/fnHeZZ6Wv/LVvrDZrl7ULHi+f+5QaHd+i5UaK6QdNF+LElxhf+hFYnB3JnW9KTb9WqUqpHO6skkF6rf+Jna+abc9qrh+vuHBIKzyjtidnKlvv/BS6nV68Xs/3apwbLg9ltrevOLGPu7FG+KnPJaQqzj/Mjt/7no/+Li4//GUYOjt5jV8v+fEvKFGf61K5HL5sHr/3XF7/rZr5XU87ni9/aTFbzp/7Xh9nvJ8LDk/PIUDrbn/vabF82EQ/mmFcLm+Lzk9/czFP7RapzF2uauUL+ab/iWFfumIa/f9rcOD7bm/aDf/P+wJf+pHUwtJUBGUf/89LTk+/fHp5rP526etDc3RJ7c+pTU9HyrwSIfKPqsKPOkWsbr/JfW9PanScTp+rp0Ov737e3y9pPT8ml9kEVvhH+20f308rPm/rHm/unt8f3WfFF8kf+7MYHM8Ux6kPX19x5FWJrc+o8xLOg4Idzl7pbV9J3a9//NF/L1+f713m6jvboyI50qFXWgtpvd/JzX9ZLU88np+ZbX9rDl/v/1yabf+5/f/prY9sDl97Dm/vihFm/B77Pi+Kvj/pXW9f+9Sff4+rbk/KHb95zX82y/7h4bJAszRvB/Gf+9M/++NLfo/rHl/f+4LgICApfY98TBvZfZ+P/cUJPU83mnvnKnwPSPGrLl/nivyvepOmGRqeipoXyaq3mwy6HX8bLV6n1GKqna8r+ylf2/Vt+lTMm2cO6KQP+rA0U+QouuwuiICImOnZK4y7Oztv+XBFB6kHZnXdQvHefKyFJgbeumBpLF37WKNv7hkqAYDtPb4/nm5neov83v/tybmsKwofS2i/GEEPOLFM/w/3Wsx/izR/ivS32qwP7uy5bP6fzo2qKBTLXl+4XO8Wq+7v///////8s3US4AAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAFAklEQVR42qzTfVRTdRjA8bsmIDr3puDAXSVs7Cc4YDCmd6igOQ2VzTQ0FFEp2Yoh4YZ4MQrTTUWQc31L1HhRnJYaGOW1EjMRNHoly7I3MyPt3dKMwkbP795NFI7/+d3Ovds593zOc579RnTfvBd9mtm3sG7i5qI/p/RuvK+Z42f2NAe/vE31NZ8vMyu8d1mZYcTGX+a8yeV9bB3f+vXrX6qrqwvFvcx1H9cArhF8+/gUCkVm+Bt9ysokNk7xuueTaTr40lccffr0sWPHePlO+274gfDX+xR+AOOYnrqmIJim6SN5792yfbjReBc8J2dfNG8rDqSUl5uKbstUXp6C8flPQucL8k54jntOHMl7bB3Q6enpvGu8nQZ2AsXLAsc+gTanBSkULYrq6mqMFz3lwYm5ijj8UQ6fnxxc4Dm+5riHDk7GdmhoXRViWWoFlmNZlo3qGGCfgGMc+JqjRY4WpBVSWmcF2NUZKU1NRau8eL+9e8VFTU0pGYDjwbtomp8c7njs9PRYtspojGXHGo0U0uj7RzH2sainaLWGUjgETuf7bdWboIwUk6lohxcPE4nCpCYTxp/u6urKVy6lv9g+fPik78fQBap0VagqiL0hN8pDSaRfwdr1brcbke4R7k5Sre4s06rV5paW6dWbDAyJDEDrdBmJJpP0bx6fBfYGi8mUiPFX8vPzP9z1xJUxkz77ZsyVK7usKrlKXsXKIb2A7SiLcscD7mDc/p3IoVar25BguYZkzQaKMZw5gyp0UHaizWTpx+H9zolWirMsNlNiNuBg538ZN+/iRy9AcfM2P6gCtgrJ9Xq93M4Kokg37mfWvwOVAW5GZYxguRlwUmZAutUGjKcl2myWgedEQzyelaJzYvFIi82WmEY8jPFpwZvnLQ6cHBi4eEscXTAN46w+Hupg7TC5P+RAasoxHViSWi4QYlxI6oRIp6HehtIabFLLwH9EomXLRKLLYvFZi9TWAPizhw7lJ9Of/xp3MXDysHe/Kz0SfAlwO3sD4yQiTrF2jCOyEXIgA6N5HpKxMh11rYJxoZ1vQa0NUqllpAfWDQuHk3hdIpU2tGJcpaLpb3/aElg5eLDncOlSusAIbCxTRcTDaUnwpyhBTJCTMWO80cm2YXu/jBUKXS7GWbFzD641Qpor+cvj+V0EC4fekeTmRvjwNf+uDQyEX2NwZen95/OsgBNVDJzzU3hoEs55mSamsTHI4GQuMKSGw5HMhSq0iNRifGJEbq5kEADDOFs8COMTiYOwFlX7uB9+rDyM7a0PhbTjfcQTBPEBhQQJCQkxCY0aRJljzE4GCWV+MpJBbdEaykWxZP0eGWKuFdbXT4yQSCTZYas8q9YCffn6H/CVx5OSkj4O+WRo6eHK57aeCAlRcjIuwcGyZAwu6ALLGoQuP9z+TuHO/dHRxUJXffGeWq1Qu62wMDVCMhr01ln4TzSyNRvs0RGpxMGFSVarNfLk9gVLvh762+OTTkZGemUcJ/fn8/ODdw0EMlS8jau5trmwuTk1YDRX2jM7NgxKm8F9DkglXuPwUSUlJQ+MGge3yAVLbtkxPTaGcTXRfMXFHF4IcHNzba0Pn5F99Wo2b3P47rmAW+WqJKVS2d4OLHch7rQxXlPzKoTl6bjZUOHs1XypATN6J2kAXLl7YU8velvk6xFfc30l+bLywUxK69GzAb1rSB1CdP93L1pytG9Duv8XYACYZVDdZpPw6wAAAABJRU5ErkJggg==);
    margin: 72px 0 0 0;
}




@media (min-width: 992px) {
    .subnav-bar:hover {
        display: block !important;
    }

    .sliderbar {
        right: 60px;
    }

    
    .sliderbar-up {
        right: 60px;
    }

    .footer .copyright {
        width: 100%;
    }

    .section-first {
        height: 600px;
    }

    .section-first .title {
        font-size: 35px;
        margin-top: 135px;
    }

    .section-first .des {
        font-size: 20px;
    }

    .section-first .newlife {
        font-size: 20px;
        margin: 25px 0 0 0;
    }

    .section-first .join {
        font-size: 20px;
        margin: 35px 0 0 0;
        width: 242px;
        height: 70px;
        line-height: 70px;
        -moz-border-radius: 5px;
        
        -webkit-border-radius: 5px;
        
        border-radius: 5px;
        
    }

    .order-show-layout {
        position: relative;
        margin: 38px 0 0 70px;
    }

    .order-show-layout .order-show-iphone {
        width: 422px;
        height: 745px;
    }

    .order-slider {
        position: absolute;
        width: 254px;
        height: 450px;
        top: 112px;
        left: 49px;
    }

    .section-second {
        height: 685px;
    }

    .section-second .gushi-show {
        margin: 163px 0 0 0;
        width: 483px;
        height: 372px;
    }

    .section-second .gushi-title-first {
        margin: 305px 0 0 0;
    }

    .section-second .gushi-title {
        margin-left: 30px;
        margin-bottom: 0;
        font-size: 26px;
    }

    .section-second .gushi-des-first {
        margin: 20px 0 0 0;
    }

    .section-second .gushi-des {
        margin-left: 30px;
        margin-bottom: 0;
        font-size: 20px;
    }

    .section-third {
        height: 600px;
    }

    .section-third .gongneng-show {
        margin-top: 60px;
        width: 519px;
        height: 539px;
    }

    .section-third .gongneng-title-first {
        margin: 220px 0 0 0;
    }

    .section-third .gongneng-title {
        margin-right: 30px;
        margin-bottom: 0;
        font-size: 26px;
    }

    .section-third .gongneng-des-first {
        margin: 20px 0 0 0;
    }

    .section-third .gongneng-des {
        margin-right: 30px;
        margin-bottom: 0;
        font-size: 20px;
    }

    .section-fourth {
        height: 770px;
    }

    .section-fourth .jincheng-show {
        margin-top: 168px;
        width: 997px;
        height: 422px;
    }

    .section-fourth .jincheng-title-first {
        margin: 235px 0 0 0;
    }

    .section-fourth .jincheng-title {
        margin-left: 90px;
        margin-bottom: 0;
        font-size: 26px;
        color: #3c4658;
    }

    .section-fourth .jincheng-des-first {
        margin: 20px 0 0 0;
    }

    .section-fourth .jincheng-des {
        margin-left: 90px;
        margin-bottom: 0;
        font-size: 20px;
        color: #909cb1;
    }

    .section-fifth {
        height: 595px;
        background-color: #f4f6f8;
    }

    .section-fifth .kehu-title-first {
        margin: 115px 0 0 0;
    }

    .section-fifth .kehu-title {
        margin-bottom: 0;
        font-size: 26px;
        color: #3c4658;
        text-align: center;
    }

    .section-fifth .kehu-des {
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 20px;
        color: #909cb1;
        text-align: center;
    }

    .balloon-layout {
        position: relative;
    }

    .balloon-zise {
        position: absolute;
        left: 100px;
        top: -125px;
    }

    .balloon-lvse {
        position: absolute;
        right: 150px;
        top: -250px;
    }

    .balloon-huangse {
        position: absolute;
        right: 50px;
        top: -145px;
    }

    .section-fifth .client-slider-layout {
        height: 200px;
        margin: 100px -30px 0 0;
        overflow: hidden;
    }

    .section-fifth .client-item {
        display: inline-block;
        padding-right: 30px;
        margin-right: -3px;
        width: 195px;
        height: 200px;
        position: relative;
    }

    .section-fifth .client-name {
        position: absolute;
        left: 0;
        right: 30px;
        bottom: 0;
        text-align: center;
        margin-bottom: 0;
    }

    
    .product-img {
        margin: 82px 0 0 30px;
        width: auto;
        height: auto;
    }

    .product-title {
        font-size: 18px;
        color: #222222;
        margin: 120px 0 0 0;
    }

    .product-title.product-printer-title {
        margin: 100px 0 0 0;
    }

    .product-title.product-pay-title {
        margin: 100px 0 0 0;
    }

    .product-title.product-member-title {
        margin: 100px 0 0 0;
    }

    .product-title.product-yingxiao-title {
        margin: 110px 0 0 0;
    }

    .product-title.product-delivery-title {
        margin: 110px 0 0 0;
    }

    .product-title.product-pindan-title {
        margin: 110px 0 0 0;
    }

    .product-title.product-lekuaisong-title {
        margin: 100px 0 0 0;
    }

    
    .solution-iphone {
        width: 292px;
        height: 617px;
    }

    .solution-title {
        margin: 135px 0 25px 75px;
        font-size: 20px;
    }

    .solution-text {
        margin-left: 75px;
    }

    
    .cooperation-first {
        height: 570px;
        background: url(../image/cooperation_bg.png) no-repeat center center;
        background-size: 100% 100%;
    }

    .cooperation-first-pt {
        height: 570px;
        background: url(../image/ptb_banner_bg_02.png) no-repeat center center;
        background-size: 100% 100%;
    }

    .cooperation-desc-pt {
        height: 570px;
        background: url(../image/ptb_banner1.png) no-repeat center bottom;
        position: relative;
    }

    .cooperation-desc-pt .cooperation-text {
        position: absolute;
        top: 50px;
        left: 25%;
        text-align: center;
    }

    .cooperation-text h1 {
        font-family: '华文细黑';
        font-size: 44px;
        color: #fff;
    }

    .cooperation-text h1 span {
        color: #f6ff00;
    }

    .cooperation-text p {
        font-family: '华文细黑';
        font-size: 20px;
        color: #d5e2ff;
        margin-bottom: 24px;
        margin-top: 10px;
    }

    .cooperation-text div {
        width: 198px;
        height: 33px;
        border: 1px solid #5dc55d;
        border-radius: 15px;
        font-family: '华文细黑';
        font-size: 16px;
        text-align: center;
        line-height: 30px;
        margin: 0 auto;
        background: #5dc55d;
        color: white;
        cursor: pointer;
    }

    .success-title {
        margin: 80px 0 20px 0;
    }

    
    .join-top-layout {
        margin: 0 0 0 70px;
        position: relative;
    }

    .join-title {
        font-size: 38px;
        color: #3a3a3a;
        margin: 80px 0 5px 0;
    }

    .join-phone-bkg {
        position: relative;
        width: 324px;
        height: 78px;
    }

    .join-phone-icon {
        position: absolute;
        left: 20px;
        top: 17px;
    }

    .join-phone-title {
        position: absolute;
        left: 75px;
        top: 17px;
        color: white;
        font-size: 14px;
        font-weight: bold;
    }

    .join-phone-content {
        position: absolute;
        left: 75px;
        top: 35px;
        color: white;
        font-size: 22px;
        font-weight: bold;
    }

    .join-phone-content-num {
        font-family: Arial;
        font-size: 24px;
        color: white;
    }

    .join-email-bkg {
        position: relative;
        width: 324px;
        height: 78px;
        line-height: 78px;
        margin-top: 15px;
    }

    .join-email-content {
        left: 75px;
        top: 25px;
        font-size: 20px;
    }

    .join-chinamap {
        margin: 90px 0 0 40px;
        width: 382px;
        height: 305px;
    }

    .join-third-img {
        margin: 150px 0 0 120px;
    }

    .join-fourth-des {
        text-align: center;
        margin-bottom: 5px;
        
    }
}



.main-title-style {
    font: normal 40px/40px '华文细黑';
    color: #333333;
}




.subhead-style {
    font: 20px/20px '华文细黑';
    color: #333333;
}

@media only screen and(min-width: 1200px) {
    .footer-left {
        width: 86%;
    }

    .footer-right {
        width: 14%;
    }
}

@media only screen and (max-width:414px) {
	.add-padding{
		padding-top: 54px;
	}
	.navbar>.container .navbar-brand{
		margin-left: 10px;
	}
	
	.get-phone-number{
		display: none;
	}
    .cnnz {
        display: inline-block;
    }

    .footer-web {
        display: block;
        height: auto;
        background: #2F3235;
        padding-top: 30px;
        padding-bottom: 50px;
		font-family: "microsoft yahei";
    }

    .footer-web .container {
        padding: 0 25px;
    }

    .links {
        display: none;
    }

    .footer-web .about-us a {
        font-size: 15px;
        color: #FFFFFF;
        
    }

    .footer-web ul li {
        display: inline-block;
        flex: 1;
        width: 32%;
    }

    .footer-web ul p a {
        color: #FFFFFF;
        font-size: 20px;
        font-weight: bold;
    }

    .footer-web ul li a {
        color: #FFFFFF;
        font-size: 14px;
        font-family: PingFangSC-Regular;
    }

    .about__us_ul {
		padding: 40px 0;
	}

    .product__server a.moblie__btn {
        color: #40BF69;
        
        font-size: 15px;
    }

    .about__us_ul li a {
        display: block;
        
    }

    .qrcode__us {
        text-align: center;
    }

    .qrcode__us img {
        width: 50%;
    }

    .qrcode__us p {
        color: white;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .worktime {
        color: #E1E1E1;
        font-family: PingFangSC-Regular;
        font-weight: 400;
		display: flex;
		flex-direction: column;

    }
	.worktime-detail span:last-child{
		display: flex;
		flex-direction: column;
	}
    .service {
        font-size: 15px;
        font-family: PingFangSC-Regular;
    }

    .phone {
        font-size: 14px;
        margin-top: 15px;
    }

    .phone a {
        color: #40BF69;
    }

    .worktime-detail {
        font-size: 14px;
		display: inline-flex;
        margin-top: 15px;
        
    }
	.work-time{
		margin-top: 10px;
	}

    .address {
        font-size: 14px;
    }

    .copyright-div {
        color: #FFFFFF;
        border-top: 1px solid #7C7C7C;
    }

    .copyright {
        font-size: 10px;
        margin-top: 21px;
        font-weight: 400;
        color: #CFCFCF;
        
    }
	.copyright-second{
		font-size: 10px;
		margin-top: 6px;
		font-weight: 400;
		color: #CFCFCF;
		
		margin-bottom: 20px;
	}
    .copyright-declare {
        margin-top: 10px;
    }

    .gongshang-wangjian {
        width: 40%;
        float: left;
        text-align: right;
    }

    .copyright-declare a {
        color: #FFFFFF;
    }

    
    .wantHide {
        display: none !important;
    }

    .navbar-brand .navbar-brand-text {
        position: absolute;
        left: 30px;
        top: -4px;
        width: 118px;
    }

    .navbar-brand {
        margin-left: 15px;
		height: 42px;
    }

    .login-layout .login-input,
    .login-layout .login-submit {
        width: 250px;
        margin-left: 0px;
    }
    .login-layout a.login-remember-forget {
        left: 250px;
    }

    
    .navbar-collapse-header {
        display: block;
        width: 100%;
        height: 68px;
        line-height: 68px;
        border-bottom: 1px solid #E7E7E7;
        

    }
	.navbar-brand-text .logo_main {
		font-size: 18px;
		color: #43B868;
		font-family: '微软雅黑';
		margin-bottom: 0;
		
		font-weight: bold;
	}

	.navbar-brand-text p {
		font-size: 12px;
        margin-top: 0px;
	}
    .navbar-collapse-header .nav__main {
        position: relative;
        padding: 15px 20px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .navbar-collapse-header .navbar-close {
        position: absolute;
        top: 50%;
        left: 280px;
        transform: translateY(-50%);

    }

    .navbar-mask {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.7);
    }

    #navbar {
        padding: 0;
        position: fixed;
        right: -80%;
        bottom: 0;
        top: 0px;
        width: 100%;
        background: white;
        z-index: 1001;
        padding-bottom: 20px;
        overflow-y: auto;
    }

    .banner .banner-bx {
        position: relative;
        width: 50%;
        height: 50%;
    }
	.navbar-nav li:nth-child(2) a{
		padding: 0;
	}
    
    .navbar-nav {
        margin: 0;
        padding-top: 21px;
        
        overflow-y: auto;
        
    }

    #navbar a {
        color: #333333;
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: 500;
    }

    .navbar-nav>li {
        height: auto;
        margin-bottom: 20px;
        text-align: left;
        padding-left: 20px;

    }

    .navbar-nav li a {
        padding: 0;
		line-height: 14px;

    }

    .close__navbar {
        width: 16px;
        height: 16px;
        right: 24px;
        top: 20px;
        position: absolute;
    }

    .close__navbar img {
        width: 100%;
        height: 100%;
    }

    .collapse {
        visibility: inherit;
        
        z-index: 10;
        top: 0;
        background: white;
    }

    .navbar-nav>li .second__nav {
        padding-left: 25px;
    }

    .navbar-nav>li .default-open {
        display: block;
    }

    .navbar-nav>li .second__nav .title {
        display: block;
        font-size: 13px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 19px;
        color: #999999;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .nav .open>a,
    .nav .open>a:hover,
    .nav .open>a:focus {
        background-color: #ffffff;
    }

    .navbar-nav>li .second__nav>.second__nav__content>a {
        width: 50%;
        float: left;
        font-size: 15px !important;
        font-family: PingFang SC;
        font-weight: 400 !important;
        color: #333333;
        margin-top: 10px;
        margin-bottom: 13px;
    }

    .navbar-brand {
        margin-top: 12px;
    }

    .navbar .oth a.sjbtn {
        width: 100px;
        background-color: #5dc55d;
        border: 1px solid #5dc55d;
        color: #fff;
        margin-top: 18px;
    }

    .navbar-top {
        display: none;
    }

    .navbar-brand img {
        
        width: 41px;
		height: 30px;
    }

    .navbar .light-blue {
        margin-right: 10%;
        float: left;
        padding-left: 55px;
    }




    .subnav-bar.nav-product {
        height: auto;
    }

    .nav-bar-show {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 30px;
    }

    .nav-bar-show ul li {
        width: 100%;
        text-align: center;
        margin-right: 0;
    }

    .navbar-nav .caret {
        border-top: 4px solid #444444;
        display: none;
    }

    .navbar-nav li img.img-default {
        transform: rotate(0);
    }

    .navbar-nav li.open img.img-default {
        transform: rotate(-180deg);
    }

    .navbar-nav li.open img {
        transform: rotate(0deg);
    }

    .navbar-nav img {
        display: inline-block;
        width: 9px;
        height: 7px;
        transform: rotate(-180deg);
        transition: ease-in-out .3s;
        vertical-align: middle;
    }

    
    
    .wxagent-first {
        width: 100%;
        height: auto;
        padding: 20px 0 !important;
    }

    .wxagent-first .container {
        
        width: 100%;
        height: auto;
    }

    .wxagent-first .container .row {
        margin: 0 auto;
    }

    .wxagent-first .field-1 {
        
        width: 100% !important;
        float: none;
        text-align: center;
    }

    .main-title {
        font-size: 24px;
        font-family: PingFangSC-Regular;
        font-weight: 400;
        margin-top: 0;
        margin-bottom: 16px;
    }

    .wxagent-first .field-1 p {

        font-size: 14px;
        font-family: PingFangSC-Regular;
    }

    .wxagent-first .field-1 p:nth-child(3) {
        margin-bottom: 0;
    }

    .wxagent-first .field-1 .free-use {
        font-size: 14px;
        font-family: PingFangSC-Regular;
        margin: 0 auto;
        width: 140px;
        height: 35px;
        line-height: 35px;
        margin-top: 20px;
    }

    .wxagent-first .field-2 {
        width: 100% !important;
        float: none;
        margin-top: 20px;
        text-align: center;
    }

    .wxagent-first .field-2 img {
        width: 90%;
    }

    
    .problem {
        width: 100%;
        height: auto;
        padding: 20px 0;
    }

    .problem .container {
        padding: 0;
    }

    .problem h5 {
        font-size: 20px;
        font-family: PingFangSC-Regular;
        margin-top: 0;
        margin-bottom: 20px;
    }

    
    .problem .hexagon {
        width: 90px;
        height: 120px;
    }

    .problem .hexagon div {
        width: 89px;
        height: 138px;
    }

    .problem .hexagon:before {
        top: 44px;
        height: 50px;
    }

    .problem .hexagon:after {
        top: 44px;
        height: 50px;
        left: 88px;
        right: auto;
    }

    .problem .cont:before {
        top: 44px;
        right: 85px;
    }

    .problem .title {
        width: 90px;
        top: 50px;
    }

    .problem .title p {
        font-size: 12px;
        font-family: PingFangSC-Regular;
        margin-bottom: 10px;
    }

    
    .section-third4 {
        width: 100%;
        height: auto;
        padding: 20px 0;
    }

    .section-third4 .container {
        padding: 0;
    }

    .section-third4-left {
        float: none;
        margin-top: 0;
        text-align: center;
    }

    .section-third4-left img {
        width: 80%;
    }

    .section-third4-right {
        float: none !important;
        text-align: center;
    }

    .section-third4-right h5 {

        margin-top: 20px;
        margin-bottom: 10px;
    }

    .section-third4-right p {
        font-size: 14px;
        font-family: PingFangSC-Regular;
    }

    
    .section-third2 {
        width: 100%;
        height: auto;
        background-color: #fff;
        padding: 20px 0;
    }

    .section-third2 .container {
        
        padding: 0;
    }

    .section-third2-left {
        float: none;
        text-align: center;
    }

    .section-third2-left h5 {
        font-size: 20px;
        font-family: PingFangSC-Regular;
        margin-top: 0;
        margin-bottom: 10px;
    }

    .section-third2-left p {
        font-size:14px;
        font-family: PingFangSC-Regular;
    }

    .section-third2-right {
        float: none;
        text-align: center;
    }

    .section-third2-right img {
        width: 60%;
    }

    
    #section-fourth {
        background-color: #f5f5f5;
    }

    .section-fourth-left {
        float: none;
        text-align: center;
        margin-top: 0;
    }

    .section-fourth-left img {
        width: 80%;
    }

    .section-fourth-right {
        float: none;
        text-align: center;
    }

    .section-fourth-right h5 {
        font-size: 20px;
        font-family: PingFangSC-Regular;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .section-fourth-right p {
        font-size: 14px;
        font-family: PingFangSC-Regular;
    }

    .subhead {
        font-size: 17px;
    }

    .mt-200 {
        text-align: center;
        position: absolute;
        margin-top: 15px;
        width: 100%;
    }

    .wxagent-head {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .wxagent-sub-head {
        font-size: 12px;
    }

    .mt-84 {
        width: 100%;
    }

    
    #section-fourth .mt-130 {
        margin-top: 15px;
        position: absolute;
        width: 100%;
    }

    #section-third .row {
        background-color: #31aaef;
        padding-bottom: 20px;
    }

    #section-third .mt-215 {
        margin-top: 25px;
        width: 100%
    }

    #section-first {
        padding-top: 20px !important;
    }

    #section-first .header {
        flex-direction: column;
        align-items: center;
    }

    #section-first .container {
        overflow: hidden;
    }

    #section-first .table-striped {
        width: 1140px;
    }

    #section-third .mt-130 {
        margin-top: 15px;
        width: 100%;
    }

    .mt-130 .wxagent-sub-head {
        display: inline;
    }

    .col-xs-6.one {
        width: 100%;
        margin-top: 100px;
    }

    .col-xs-6.one img {
        width: 90%;
    }




    

    #section-first {
        padding: 0;
    }

    .cooperation-first-pt {
        width: 100%;
        height: 300px;
        background: url(../image/ptb_banner_bg_02.png) no-repeat center center;
        background-size: 100% 100%;
    }

    .cooperation-text {
        margin-top: 80px;
    }

    .cooperation-text h1 {
        text-align: center;
        font-size: 20px;
        color: #ffffff;
    }

    .cooperation-desc {
        height: 300px !important;
    }

    .cooperation-text h1 span {
        color: #f6ff00;
    }

    .cooperation-text p {
        font-family: '华文细黑';
        font-size: 14px;
        color: #d5e2ff;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .cooperation-text div {
        width: 198px;
        height: 33px;
        border: 1px solid #8db1ff;
        border-radius: 15px;
        font-family: '华文细黑';
        font-size: 14px;
        text-align: center;
        line-height: 30px;
        color: #8db1ff;
        margin: 0 auto;
    }

    .container-p-n .col-md-2 {
        width: 100%;
    }

    .row {
        margin: 0 auto;
    }

    .success-item-layout {
        margin-top: 20px;
    }

    .success-item-layout.affix {
        position: static;
    }

    .success-item-layout .nav {
        border: 1px solid #ddd;
        width: 100%;
    }

    .success-item-layout .nav>li {
        float: left;
        width: 33.33%;
        position: static;
        
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .success-item-layout .nav>li:nth-child(3n) {
        border-right: none;
    }

    
    .no-border {
        border-bottom: none !important;
    }

    .success-item-layout .nav>li>a {
        width: 100%;
    }

    .container-p-n .col-md-10 {
        width: 100%;
    }

    .success-row-layout ul {
        
        padding: 20px 15px 0 15px;
    }

    .success-row-layout ul .case-wrap {
        padding: 0 15px;
    }

    .success-row-layout ul .case-wrap .shoptitle {
        font-size: 16px;
    }

    .success-row-layout ul .case-wrap .shopcontent {
        font-size: 12px;
    }

    .success-row-layout ul .case-wrap .look-belong {
        font-size: 12px;
        font-family: PingFangSC-Regular;
    }

    
    #navbar.navbar-collapse {
        margin-top: 0;
        width: 80%;
        margin-right: 0;
        margin-left: 0;
        max-height: 100vh;
        overflow: auto;
    }

    #login_status_unlogin {
        
        background: white;
        
        height: 85px;
        display: block;



        padding: 0 20px;
    }

    .login__status__main {
        width: 100%;
        border-top: 1px solid #F2F2F2;
        height: 100%;
        display: flex;
        align-items: center;
    }

    #login_status_unlogin a {
        width: 125px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        background: #40BF69;
        color: white;
        line-height: 40px;
        text-align: center;
        font-weight: normal;
        margin-top: 0;
    }

    #login_status_unlogin a.sqbtn {
        border: 1px solid #40BF69;
        color: #40BF69;
        background: white;
        margin-right: 10px;
    }

    #navbar.navbar-collapse .oth {

        float: none;
        
        
        
    }

    #navbar.navbar-collapse .oth a {
        margin-left: 0;
    }

    
    .subnav-bar.nav-product,
    .subnav-bar.nav-aboutus {
        background-color: #4c4c4c;
        width: 200px;
        height: 382px;
        position: fixed;
        
        top: 175px;
        right: 0;
        border-radius: 8px;
    }

    .subnav-bar .nav-bar {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0px;
    }

    .subnav-bar .container {
        padding-right: 0;
    }

    .subnav-bar .nav-bar-show {
        width: 50%;
        margin-top: 10px;
        margin-bottom: 0px;
        padding-left: 20px;
        text-align: left;
    }

    .subnav-bar .nav-bar-show ul {
        margin-top: 10px;
    }

    .subnav-bar .nav-bar-show h4,
    .subnav-bar .nav-bar-show li a {
        color: #fff;
        font-size: 14px;
        text-align: center;
    }

    .subnav-bar .nav-bar-show h4 {
        color: #BCBCBC;
        text-align: left;
    }

    .subnav-bar .nav-bar-show li {
        float: initial;
        margin-right: 0;
        text-align: center;
    }

    .subnav-bar .nav-bar-show .product {
        padding-left: 0;
    }

    .subnav-bar .nav-bar-show .project {
        padding-left: 0;
    }

    .subnav-bar .nav-bar-show .merchant {
        padding-left: 0;
    }

    .subnav-bar .nav-bar-show .download {
        padding-left: 0;
    }

    .subnav-bar .nav-bar-show:before {
        display: none;
    }

    .subnav-bar .nav-bar-show ul {
        padding: 0;
    }

    .subnav-bar .nav-bar-show ul li {
        padding-left: 0;
    }

    
    .subnav-bar .nav-bar-show ul li span {
        text-align: left;
    }

    .subnav-bar .nav-bar-show ul li span:nth-child(2) {
        display: none;
    }

    
    .subnav-bar.js-service-nav {
        top: 435px;
        height: 100px !important;
    }

    .subnav-bar.js-citypartner-nav {
        top: 245px;
    }

    .subnav-bar.js-citypartner-nav li {
        height: 40px !important;
    }

    .subnav-bar.nav-aboutus .sub-nav-menu {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .nav-aboutus .sub-nav-bg.anim li {
        margin: 0;
        padding: 0;
        height: 30px;
        width: 49%;
    }

    .nav-aboutus .sub-nav-bg.anim li a {
        color: #fff;
        font-size: 14px;
    }

    
    .navbar-nav .caret.caret-rotate {
        transform: rotate(180deg);
    }

}

@media only screen and (max-width:320px) {
    .login-title {
        left: -40px;
    }

    .login-input {
        margin-left: 60px;
    }

    .login-remember-btn {
        left: 60px;
    }

    .login-remember-text {
        margin-left: 80px;
    }

    .login-layout a.login-remember-forget {
        left: 240px;
    }

    .login-submit {
        margin-left: 60px;
    }
}