* {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Roboto, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei, Microsoft Jhenghei, sans-serif;
}

a {
    text-decoration: none;
}

ul, li {
    list-style: none;
}

.a {
    animation-delay: .25s;
    -webkit-animation-delay: .25s;
}

.a1 {
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.a2 {
    animation-delay: .75s;
    -webkit-animation-delay: .75s;
}

.bl {
    display: block !important;
}
.vi{
    visibility: visible!important;
}
.clf {
    color: #fc9c2a !important;
}
/*头部*/
.header {
    min-width: 1450px;
    height: 30px;
    background: #3f3b3c;
}

.header_main {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.header_main_left {
    float: left;
    color: #999;
    font-size: 14px;
    line-height: 30px;
}

.header_main_right {
    float: right;
    color: #999;
    font-size: 14px;
    line-height: 30px;
}

.header_main_right a {
    color: #999;
    margin-left: 20px;
}

.header_main_right a:hover {
    color: #fff;
}

.header_wx {
    margin: 8px 0 0 0;
    float: right
}

.header_weibo {
    margin: 8px 10px 0 20px;
    float: right
}

.header_app {
    margin: 8px 10px 0 0;
    float: left
}

.nav {
    height: 80px;
    background: #ffffff;
    box-shadow: inset 0 -1px 3px -1px #ccc;
}

.nav_main {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.nav_main_menu {
    height: 100%;
    line-height: 80px;
    float: right;
}

.nav_main_menu li {
    float: left;
}

.nav_main_menu li > a {
    padding: 0 20px;
    display: block;
    color: #333;
}

.nav_main_menu li > a:hover {
    color: #ffa000;
}

.nav_main_menu li span{
    margin-left: 5px;
    margin-top: 38px;
    float: left;
    width: 4px;
    height: 4px;
    background: #ffa000;
    display: inline-block;
}

.up {
    position: relative;
}

.nav_child {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 99999;
    background-color: #fff;
    display: none;
}

.nav_child li {
    float: none !important;
}

.nav_child li a {
    text-align: center !important;
    padding: 0 15px !important;
    font-size: 14px !important;
    height: 40px !important;
    line-height: 40px !important;
    margin-top: 0 !important;
    border-bottom: 1px solid #e4e4e4;
}

.header_bg {
   /* background: url(../../images/site/header_bg.jpg) no-repeat;*/
    height: 510px;
    min-width: 1450px;
    background-size: cover;
}

/*banner*/
.banner {
    width: 1450px;
    height: 630px;
    margin: 0 auto;
}

.banner_box {
    padding: 180px 0 0 120px;
    color: #fff;
}

.banner_box p:nth-child(1) {
    font-size: 40px;
    margin-top: 45px;
}

.banner_box p:nth-child(2) {
    font-size: 18px;
    margin-top: 45px;
}

.banner_box p:nth-child(3) {
    font-size: 18px;
    margin-top: 5px;
}

.banner_box a {
    width: 140px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 8px;
    margin-top: 50px;
    display: block;
    color: #fff;
}

.banner_box a:hover {
    background: #6b86d9;
}

/*新闻*/
.new {
    width: 1040px;
    height: 90px;
    background: url(../../images/site/new_bg.png)/*tpa=/images/new_bg.png*/ no-repeat;
    background-size: cover;
    margin: -40px auto 0;
    padding: 75px 0 0 100px;
}

.swiper-container1 {
    width: 500px;
    height: 30px;
    overflow: hidden;
}

.swiper-container1 .swiper-slide {
    font-size: 20px;
    color: #fff;
}

/*内容块*/
.content {
    width: 1200px;
    margin: 0 auto;
}

.title {
    margin: 100px 60px 0;
    height: 200px;
}

.title_left {
    float: left;
}

.title_right {
    float: right;
    margin-top: 30px;
}

.inner {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
}

.side {
    height: 100%;
    padding-top: 100px;
    z-index: 1;
    display: none;
}

.content_l {
    text-align: center;
}

.content_r {
    padding-top: 40px;
}

.content_r .item {
    text-align: center;
    color: #333;
}

.content_r .item p {
    margin-top: 35px;
}

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

.content_r .pic a {
    color: #666;
    margin: 0 10px;
}

.add {
    color: #000 !important;
}

.b-sly-slider {
    position: relative;
    overflow: hidden;
}

#frame {
    height: auto;
    overflow: hidden;
}

#frame .slidee {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 100%;
}

#frame .slidee li {
    float: left;
    width: 255px;
    height: 150px;
    margin: 70px 0 50px 0;
    padding: 0 15px;
    cursor: pointer;
}

.scrollbar {
    margin: 0 0 70px 0;
    height: 5px;
    background: #e8ecef;
    line-height: 0;
    border-radius: 5px;
}

.scrollbar .handle {
    width: 28px;
    height: 28px;
    background: #fff;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #c5c6c6;
    -webkit-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.15);
    position: relative;
    top: -13px;
}

.swiper-scrollbar {
    height: 5px;
    background: #e8ecef;
    line-height: 0;
    border-radius: 5px;
    width: 700px;
    margin: 20px auto 70px;
}

.fullpage-wrapper {
    position: relative;
    padding-bottom: 140px;
}

.button-next {
    background-image: url(../../../images/site/site/btn_right.png)/*tpa=/images/btn_right.png*/;
    right: 0;
    left: auto;
}

.button-next {
    position: absolute;
    top: 50%;
    margin-top: -150px;
    width: 86px;
    height: 86px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 86px 86px;
    -webkit-background-size: 86px 86px;
    background-size: 86px 86px;
    background-position: center;
    background-repeat: no-repeat;
}

/*内容块1*/
.app_content {
    background: url(../../images/site/content1_bg.png)/*tpa=/images/content1_bg.png*/ no-repeat;
    background-size: cover;
    height: 600px;
    clear: both;
    min-width: 1450px;
}

.app_main {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.app_main_left {
    float: left;
    width: 500px;
    color: #2b2b2b;
    margin-top: 150px;
}

.app_main_left p:nth-child(1) {
    font-size: 35px;
    margin: 30px 0 0 205px;
}

.app_main_left p:nth-child(2) {
    margin: 30px 0 0 205px;
}

.app_main_btn {
    background: url(../../images/site/app_main_btn.png)/*tpa=/images/app_main_btn.png*/ no-repeat;
    width: 286px;
    height: 76px;
    line-height: 76px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    clear: both;
    margin: 100px 0 0 70px;
    cursor: pointer;
}

.app_main_right {
    width: 700px;
    height: 100%;
    float: right;

}

.app_bg {
    background: url(../../images/site/app_bg.png)/*tpa=/images/app_bg.png*/ no-repeat;
    width: 350px;
    height: 314px;
    float: right;
    margin-top: 120px;
}

.side1 {
    height: 100%;
    z-index: 1;
    display: none;
}

.content_l1 {
    position: absolute;
    right: 190px;
    top: 40px;
}

.content_r1 {
    position: absolute;
    right: 115px;
    top: 120px;
}

.content_r1 a {
    color: #333;
    margin-top: 63px;
    display: block;
    font-size: 18px;
}

.content_r1 .icon {
    position: absolute;
    right: 55px;
    top: -1px;
    width: 5px;
    height: 23px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6904), to(#ffb63d));
    margin-top: 65px;
    border-radius: 8px;
}

.content_r1 .icon1 {
    position: absolute;
    right: 55px;
    top: 99px;
    width: 5px;
    height: 23px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6904), to(#ffb63d));
    margin-top: 64px;
    border-radius: 8px;
}

.content_r1 .icon2 {
    position: absolute;
    right: 55px;
    top: 194px;
    width: 5px;
    height: 23px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ff6904), to(#ffb63d));
    margin-top: 64px;
    border-radius: 8px;
}

/*产品与服务*/
.warp {
    min-width: 1450px;
    overflow: hidden;
}

.warp_main, .warp_main1 {
    width: 1200px;
    margin: 0 auto;
}

.warp_main_title {
    text-align: center;
    margin: 150px 0 100px 0;
}

.warp_main_one {
    width: 600px;
    height: 150px;
    float: left;
}

.mate, .mate1, .mate2, .mate3 {
    display: none;
}

.warp_main_one .one {
    height: 136px;
    width: 446px;
    background: url(../../images/site/warp_main_bg.png)/*tpa=/images/warp_main_bg.png*/ no-repeat;
    background-size: cover;
    margin: 0 auto;
    cursor: pointer;
}

.warp_main_one .img_left {
    float: left;
    margin: 25px 0 0 -30px;
}

.warp_main_one .img_right {
    float: right;
    margin: -35px 30px 0 0;
}

.warp_main_one .one p:nth-child(2) {
    font-size: 18px;
    font-weight: bold;
    padding: 35px 0 0 80px;
}

.warp_main_one .one p:nth-child(3) {
    font-size: 16px;
    color: #666;
    padding: 20px 0 0 80px;
}

/*定制开发*/
.warp_main1_left {
    width: 600px;
    height: 300px;
    float: left;
    background: url(../../images/site/dingzhi_01.png)/*tpa=/images/dingzhi_01.png*/ no-repeat 100px 90px;
    text-align: left;
    margin-bottom: 100px;
}

.warp_main2_right {
    width: 600px;
    height: 300px;
    float: left;
    background: url(../../images/site/dingzhi_02.png)/*tpa=/images/dingzhi_02.png*/ no-repeat 0 60px;
    margin-bottom: 100px;
}

.warp_main3_left {
    width: 600px;
    height: 300px;
    float: left;
    background: url(../../images/site/dingzhi_03.png)/*tpa=/images/dingzhi_03.png*/ no-repeat 100px 60px;
    text-align: left;

}

.warp_main1_left p:nth-child(1), .warp_main3_left p:nth-child(1) {
    font-size: 20px;
    margin: 145px 0 0 125px;
}

.warp_main2_right p:nth-child(1) {
    font-size: 20px;
    margin: 115px 0 0 35px;
}

.warp_main1_left p:nth-child(2), .warp_main3_left p:nth-child(2) {
    font-size: 14px;
    color: #666;
    margin: 15px 0 0 125px;
}

.warp_main2_right p:nth-child(2) {
    font-size: 14px;
    color: #666;
    margin: 15px 0 0 35px;
}

.warp_main1_left p:nth-child(3), .warp_main3_left p:nth-child(3), .warp_main3_left p:nth-child(4) {
    font-size: 14px;
    color: #666;
    margin: 15px 0 0 125px;
}

.warp_main2_right p:nth-child(3) {
    font-size: 14px;
    color: #666;
    margin: 15px 0 0 35px;
}

.warp_main1_right, .warp_main3_right {
    width: 600px;
    height: 300px;
    float: right;
}

.warp_main2_left {
    float: left;
    width: 600px;
    height: 300px;
}

/*商家入驻*/
.business {
    min-width: 1450px;
    height: 740px;
    background: url(../../images/site/business_bg.png)/*tpa=/images/business_bg.png*/ no-repeat;
    background-size: cover;
    margin-top: 100px;
}

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

.business_main .business_main_title {
    padding-top: 120px;
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
}

.business_main .business_main_title h1 {
    font-size: 40px;
}

.business_main .business_main_title p {
    font-size: 16px;
    margin-top: 30px;
}

.business_main li {
    width: 25%;
    float: left;
    text-align: center;
    margin-top: 25px;
}

.business_main_bottom {
    clear: both;
    text-align: center;
    margin-top: 65px;
}

/*我们的优势*/
.goodness {
    min-width: 1450px;
    height: 800px;
    overflow: hidden;
}

.goodness_main {
    width: 1200px;
    height: 320px;
    margin: 150px auto 0;
    border: 1px solid #e4e4e4;
    position: relative;
}

.goodness_main_box {
    width: 321px;
    height: 111px;
    padding-top: 210px;
    background: url(../../images/site/goodness_main.png)/*tpa=/images/goodness_main.png*/ no-repeat;
    background-size: cover;
    margin-top: -50px;
    margin-left: 30px;
}

.goodness_main_box .join_btn {
    width: 150px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    text-align: center;
    color: #ffa000;
    font-size: 18px;
    background: #fbe9cd;
    border-radius: 8px;
    cursor: pointer;
}

.goodness_main_box .join_btn:hover {
    background: #fff;
}

.goodness_main_one {
    position: absolute;
    left: 400px;
    top: 55px;
}

.goodness_main_two {
    position: absolute;
    left: 800px;
    top: 55px;
}

.goodness_main_three {
    position: absolute;
    left: 400px;
    top: 185px;
}

.goodness_main_four {
    position: absolute;
    left: 800px;
    top: 185px;
}

.goodness_ul {
    width: 1200px;
    margin: 100px auto 0;
}

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

.goodness_test {
    width: 1200px;
    margin: 100px auto 0;
    text-align: center;
}

/*底部*/
.foot_banner {
    min-width: 1450px;
    background: url(../../images/site/foot_bg.png)/*tpa=/images/foot_bg.png*/ no-repeat;
    height: 200px;
}

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

.foot_banner_main .left {
    width: 500px;
    line-height: 220px;
    text-align: right;
    font-size: 20px;
    color: #fff;
    padding-right: 100px;
    float: left;
}

.foot_banner_main .right {
    width: 600px;
    float: right;
}

.foot_btn {
    background: url(../../images/site/index_btn.png)/*tpa=/images/index_btn.png*/ no-repeat;
    background-size: 100% 100%;
    width: 190px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    margin: 80px;
    text-align: center;
    cursor: pointer;
}

.footer {
    min-width: 1450px;
    background: url(../../images/site/footer_bg.jpg)/*tpa=/images/footer_bg.jpg*/ no-repeat;
    height: 287px;
    border-top: 1px solid #e4e4e4;
}

.footer_content {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-top: 80px;
}

.footer_content .one {
    float: left;
    width: 330px;
    text-align: center;
}

.footer_content .one img {
    margin-top: 20px;
}

.footer_content .one p, .footer_content .three p {
    font-size: 14px;
    color: #333;
    margin-top: 20px;
}

.footer_content .two {
    float: left;
    width: 530px;
    margin-left: 60px;
    margin-top: 20px;
}

.footer_content .two .menu {
    float: left;
    width: 25%;
    text-align: left;
}

.footer_content .two .menu a {
    color: #666;
    font-size: 14px;
    margin-top: 10px;
    display: block;
}

.footer_content .two .menu a:hover {
    color: #ffa000;
}

.footer_content .three {
    float: left;
    width: 240px;
    text-align: center;
}

.footer_content .border {
    width: 1px;
    height: 70px;
    background: #ccc;
    position: absolute;
    left: 320px;
    bottom: -100px;
}

.footer_content .border1 {
    width: 1px;
    height: 70px;
    background: #ccc;
    position: absolute;
    left: 910px;
    bottom: -100px;
}

.footer_bottom {
    min-width: 1450px;
    background: #414040;
}

.footer_bottom p {
    width: 1200px;
    margin: 0 auto;
    height: 60px;
    color: #999;
    text-align: center;
    line-height: 60px;
    font-size: 14px;
}

.top {
    position: fixed;
    right: 30px;
    bottom: 200px;
    cursor: pointer;
    display: none;
}

.top_img {
    position: absolute;
    top: 12px;
    right: 70px;
    display: none;
}

.banner_bg {
    min-width: 1450px;
    background: url(../../images/site/banner_bg.png)/*tpa=/images/banner_bg.png*/ no-repeat;
    background-size: cover;
}

.tiyan_btn {
    position: absolute;
    right: 0;
    top: -40px;
    z-index: 999;
}

.header_bg1 {
    height: 490px;
    min-width: 1450px;
    background-size: cover;
}

.payment_banner {
    width: 1450px;
    height: 660px;
    margin: 0 auto;
    background: url(../../images/site/banner3.png)/*tpa=/images/banner3.png*/ no-repeat;
    background-size: cover;
}

.payment_banner .banner_img {
    margin-top: -450px;
    text-align: center;
    color: #fff;
}

.payment_banner .banner_img p:nth-child(1) {
    font-size: 55px;
    padding-top: 170px;
}

.payment_banner .banner_img p:nth-child(2) {
    font-size: 26px;
    padding-top: 35px;
}

.payment_banner .banner_img p:nth-child(4) {
    font-size: 30px;
}

.payment_banner .banner_btn {
    background: url(../../images/site/payment_btn.png)/*tpa=/images/payment_btn.png*/ no-repeat;
    background-size: cover;
    width: 206px;
    height: 76px;
    line-height: 72px;
    text-align: center;
    color: #fff;
    margin: 80px auto 70px;
    font-size: 18px;
    cursor: pointer;
}

.payment_main {
    width: 1200px;
    margin: 110px auto 0;
}

.payment_main .left {
    width: 600px;
    float: left;
}

.payment_main .left p:nth-child(2) {
    text-indent: 2em;
    letter-spacing: 2px;
    line-height: 40px;
    margin-top: 50px;
}

.payment_main .left p:nth-child(3) {
    text-indent: 2em;
    letter-spacing: 2px;
    line-height: 40px;
    margin-top: 10px;
    margin-bottom: 100px;
}

.payment_main .right {
    width: 600px;
    float: right;
}

.payment_main .right img {
    margin: 70px 0 0 150px;
}

.payment_main1 {
    background: url(../../images/site/payment_bg.png)/*tpa=/images/payment_bg.png*/ no-repeat;
    height: 850px;
    min-width: 1450px;
    background-size: cover;
}

.payment_main1 .title, .payment_main2 .title {
    width: 900px;
    margin: 0 auto;
    padding: 100px 0 0 0;
    text-align: center;
}

.payment_main1_ul {
    width: 1200px;
    margin: -30px auto 0;
}

.payment_main1_li {
    width: 298px;
    height: 368px;
    float: left;
    border: 1px solid #e4e4e4;
    background: #fff;
    text-align: center;
    padding-top: 70px;
}

.payment_main1_li p:nth-child(2) {
    font-size: 20px;
    font-weight: bold;
    margin-top: 30px;
}

.payment_main1_li p:nth-child(3), .payment_main1_li p:nth-child(4), .payment_main1_li p:nth-child(5), .payment_main1_li p:nth-child(6) {
    font-size: 16px;
    margin-top: 12px;
    color: #666;
}

/*360度旋转动画*/
.change {
    animation: change .75s ease-in-out;
    -webkit-animation: change .75s ease-in-out;
}

@-webkit-keyframes change {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-ms-keyframes change {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes change {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@keyframes change {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

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

.payment_main2 .left {
    width: 600px;
    float: left;
    margin-bottom: 120px;
}

.payment_main2 .right {
    width: 600px;
    float: right;
}

.payment_main2 .right p:nth-child(2) {
    font-size: 20px;
    font-weight: bold;
    margin: 70px 0 0 20px;
}

.payment_main2 .right p:nth-child(3), .payment_main2 .right p:nth-child(4), .payment_main2 .right p:nth-child(5), .payment_main2 .right p:nth-child(7) {
    margin: 20px 0 0 20px;
    color: #666;
}

.payment_main2 .right p:nth-child(6) {
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0 0 20px;
}

.payment_main3 {
    background: url(../../images/site/payment_bg1.png)/*tpa=/images/payment_bg1.png*/ no-repeat;
    height: 405px;
    min-width: 1450px;
    background-size: cover;
}

.payment_width {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.payment_width .left {
    width: 600px;
    float: left;
    height: 100%;
    text-align: center;
}

.payment_width .left .test {
    font-size: 36px;
    margin-top: 100px;
}

.payment_width .left ul {
    margin-top: 40px;
}

.payment_width .left ul li {
    float: left;
    width: 33%;
    text-align: center;
}

.payment_width .right {
    width: 600px;
    height: 100%;
    float: right;
    position: relative;
    overflow: hidden;
}

.payment_width .right img {
    position: absolute;
    top: 150px;
    right: 20px;
}

#change1 {
    animation: change 8s linear infinite;
    -webkit-animation: change 8s linear infinite;
}

@-webkit-keyframes change1 {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-ms-keyframes change1 {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes change1 {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@keyframes change1 {
    0% {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

.payment_main4, .payment_main5 {
    width: 1200px;
    margin: 0 auto;
}

.payment_main4 .title, .payment_main4 .title1, .payment_main5 .title {
    text-align: center;
    height: 100px;
}

.payment_main4 ul li {
    float: left;
    width: 20%;
    text-align: center;
    display: none;
}

.payment_main5_li {
    height: 228px;
    width: 398px;
    float: left;
    border: 1px solid #e4e4e4;
    text-align: center;
    padding-top: 60px;
    cursor: pointer;
}

.payment_main5_li p:nth-child(2) {
    font-size: 20px;
    font-weight: bold;
    margin-top: 30px;
}

.payment_main5_li p:nth-child(3), .payment_main5_li p:nth-child(4) {
    margin-top: 10px;
    color: #666;
}

.payment_main6 {
    width: 1200px;
    text-align: center;
    margin: 110px auto;
}

/*关于我们*/
.about_banner{
    min-width: 1450px;
    height: 800px;
    background: url(../../images/site/about_banner.png)/*tpa=/images/about_banner.png*/ no-repeat center 0;
    background-size: cover;
}
.about_text{
    width:1200px;
    margin:0 auto;
    text-align: center;
}
.about_title{
    margin-bottom: 80px;
}
.about_text p{
    color: #333;
    letter-spacing: 1px;
    margin-top: 15px;
}
.about_bg{
    min-width: 1450px;
    height: 336px;
    background: url(../../images/site/about_bg.jpg)/*tpa=/images/about_bg.jpg*/ no-repeat center 0;
    background-size: 100% 100%;
}
.about_bg_main{
    width:1200px;
    text-align: center;
    margin:0 auto;
}
.about_bg_main p:first-child{
    font-size: 48px;
    color: #fff;
    padding-top: 80px;
}
.about_bg_main p:last-child{
    font-size: 20px;
    color: #fff;
    margin-top: 50px;
}

.page-section_title{
    margin:115px 0;
}
.page-section2 {
    height: 673px;
    overflow: hidden;
}

.page-section {
    width: 100%;
}

.round4 {
    width: 100%;
    height: 100%;
    position: relative;
}

.section-content {
    overflow: hidden;
}

.section-content {
    width: 1000px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.section-content {
    width: 100%;
    min-width: 1000px;
    overflow: hidden;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    position: relative;
    z-index: 3;
}

.company-rule {
    width: 1200px;
    height: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
}

.rule-list li {
    width: 25%;
    height: 390px;
    float: left;
    text-align: center;
    color: #999999;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.rule-list li div{
    width:230px;
    margin:0 auto;
}

.rule-list .c-icon1 {
    background: url(../../images/site/about.png)/*tpa=/images/about.png*/ no-repeat;
}

.rule-list .c-icon2 {
    background: url(../../images/site/about1.png)/*tpa=/images/about1.png*/ no-repeat;
}

.rule-list .c-icon3 {
    background: url(../../images/site/about2.png)/*tpa=/images/about2.png*/ no-repeat;
}

.rule-list .c-icon4 {
    background: url(../../images/site/about3.png)/*tpa=/images/about3.png*/ no-repeat;
}

.rule-list i {
    width: 100px;
    height: 100px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 70px;
    transition: margin-top 0.5s;
    -webkit-transition: margin-top 0.5s;
}

.rule-list .c-h1 {
    width: 105px;
    background-position: -627px -401px;
}

.rule-list .c-h2 {
    width: 115px;
    background-position: -796px -401px;
}

.rule-list .c-h3 {
    width: 138px;
    background-position: -964px -401px;
}

.rule-list .c-h4 {
    width: 170px;
    background-position: -1146px -401px;
}

.rule-list span {
    height: 30px;
    margin-top: 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

.rule-list p {
    width: 180px;
    display: block;
    line-height: 25px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    color: #666;
    margin:180px auto 35px;
    text-align: center;
}

.rule-list li.active,
.rule-list li div:hover {
    width: 230px;
    background: #ffffff;
    border-top: 4px solid #ffa000;
    border-right:1px solid #ffa000;
    border-left:1px solid #ffa000;
    border-bottom:1px solid #ffa000;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
}

.rule-list li.active i,
.rule-list li div:hover i {
    margin-top: 60px;
}

.rule-list li.active p,
.rule-list li div:hover p {
    margin-top: 15px;
}

.rule-list li.active .c-icon1,
.rule-list li div:hover .c-icon1 {
    background: url(../../images/site/about-1.png)/*tpa=/images/about-1.png*/ no-repeat;
}

.rule-list li.active .c-icon2,
.rule-list li div:hover .c-icon2 {
    background: url(../../images/site/about1-1.png)/*tpa=/images/about1-1.png*/ no-repeat;
}

.rule-list li.active .c-icon3,
.rule-list li div:hover .c-icon3 {
    background: url(../../images/site/about2-1.png)/*tpa=/images/about2-1.png*/ no-repeat;
}

.rule-list li.active .c-icon4,
.rule-list li div:hover .c-icon4 {
    background: url(../../images/site/about3-1.png)/*tpa=/images/about3-1.png*/ no-repeat;
}
.section-content .title p:first-child {
    font-size: 36px;
    color: #333;
    font-family: "SF Pro SC", "SF Pro Display", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-weight: 300;
    margin-top: 50px;
}

.about_main{
    width:1200px;
    margin:0 auto;
    overflow: hidden;
    text-align: center;
}
.about_main .about_main_title{
    margin: 100px 0;
}
.about_main .left{
    width:600px;
    float: left;
}
.about_main .right{
    width:600px;
    float: right;
    text-align: left;
}
.about_main .right p:nth-child(1){
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0 0 50px;
}
.about_main .right p:nth-child(2),.about_main .right p:nth-child(3),.about_main .right p:nth-child(4),.about_main .right p:nth-child(5),.about_main .right p:nth-child(6),.about_main .right p:nth-child(7),.about_main .right p:nth-child(8){
    margin: 15px 0 0 50px;
    color: #333;
}
.about_main .right p:nth-child(4){
    font-size: 20px;
    font-weight: bold;
    margin: 20px 0 0 50px;
}
.about_main_btn{
    background: url(../../images/site/app_main_btn.png)/*tpa=/images/app_main_btn.png*/ no-repeat;
    width: 286px;
    height: 76px;
    line-height: 76px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    clear: both;
    margin:140px auto 0;
    cursor: pointer;
}
.about_up{
    margin-top: 40px;
    margin-bottom: 80px;
}
.bounce {
    animation: bounce linear infinite;
    -webkit-animation: bounce linear infinite;
}
.about_main .about_test{
    color: #333;
    letter-spacing: 1px;
    display: none;
}
.about_main .about_test p{
    margin-top: 10px;
}
.container1 {
    width: 1200px;
    margin: 50px auto 200px;
    position: relative;
    display: none;
}

.zhaopin {
    text-align: center;
}

/*体验中心*/
.experience{
    min-width: 1450px;
    height:980px;
    background: url(../../images/site/experience_bg.png)/*tpa=/images/experience_bg.png*/ no-repeat;
    background-size: cover;
}
.experience_main{
    width:1200px;
    margin:0 auto;
}
.experience_left {
    float: left;
    margin-top: 90px;
}
.experience_code,.experience_code1,.experience_code2{
    position: absolute;
    top: 92px;
    left: 22px;
    z-index: 99;
    display: none;
}
.experience_right{
    float: right;
}
.experience_right_one{
    margin-top:120px;
}
.experience_right_two{
    text-align: center;
    font-size: 18px;
    color: #333;
}
.experience_right_two p:first-child{
    margin-top: 80px;
}
.experience_right_two p:last-child{
    margin-top: 5px;
}
.experience_right_three{
    background: url(../../images/site/experience_btn1.png)/*tpa=/images/experience_btn1.png*/ no-repeat;
    width:340px;
    height:76px;
    background-size: 100% 100%;
    margin:80px auto 0;
    line-height: 72px;
    color: #fff;
    cursor: pointer;
    font-size: 18px;
}
.experience_right_three img{
    float: left;
    margin: 25px 20px 0 50px;
}
.experience_right_five{
    margin-top: 65px;
    text-align: center;
}
.experience_right_five .ios{
    margin-left: 20px;
    cursor: pointer;
}
.experience_right_five .android{
    margin-right: 20px;
    cursor: pointer;
}


/*智慧收银系统*/
.sharply_banner{
    width: 1450px;
    height: 660px;
    margin: -450px auto 0;
    background: url(../../images/site/sharply_banner.png)/*tpa=/images/sharply_banner.png*/ no-repeat;
    background-size: cover;
}
.sharply_main{
    width: 1200px;
    margin: 110px auto 0;
}
.sharply_main .left {
    width: 600px;
    float: left;
}
.sharply_main .left p img{
    margin-right: 35px;
}
.sharply_main .left p:nth-child(2){
    text-indent: 2em;
    line-height: 40px;
    margin-top: 50px;
}
.sharply_main .left p:nth-child(3){
    margin-top: 10px;
}
.sharply_main .left p:nth-child(4){
    margin-top: 70px;
    letter-spacing: 1px;
}
.sharply_main .left p:nth-child(5){
    margin-top: 25px;
    letter-spacing: 1px;
}
.sharply_main .left p:nth-child(6){
    margin-top: 25px;
    margin-bottom: 100px;
    letter-spacing: 1px;
}
.sharply_main .right {
    width: 600px;
    float: right;
}
.sharply_main .right img{
    margin: 30px 0 0 150px;
}
.sharply_main1{
    min-width: 1450px;
    height:1120px;
    background: #fafafa;
}
.sharply_main1_title{
    text-align: center;
    padding-top: 95px;
}
.sharply_menu{
    width:1000px;
    margin:120px auto 0;
}
.sharply_menu li{
    width:33.3%;
    height:320px;
    float: left;
}
.sharply_menu_box{
    border:1px solid #e4e4e4;
    width:258px;
    height:238px;
    float: right;
    text-align: center;
    padding-top: 80px;
    background: #fff;
}
.sharply_menu_box:hover,.sharply_menu_box1:hover,.sharply_menu_box2:hover{
    border-top:4px solid #ffa000;
    border-right: 1px solid #ffa000;
    border-left: 1px solid #ffa000;
    border-bottom: 1px solid #ffa000;
    height:235px;
}
.sharply_menu_box p:nth-child(2),.sharply_menu_box1 p:nth-child(2),.sharply_menu_box2 p:nth-child(2){
    color: #333;
    font-size: 20px;
    font-weight: bold;
    margin-top: 50px;
}
.sharply_menu_box p:nth-child(3),.sharply_menu_box1 p:nth-child(3),.sharply_menu_box2 p:nth-child(3),.sharply_menu_box p:nth-child(4),.sharply_menu_box1 p:nth-child(4),.sharply_menu_box2 p:nth-child(4){
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}
.sharply_menu_box1{
    border:1px solid #e4e4e4;
    width:258px;
    height:238px;
    margin:0 auto;
    text-align: center;
    padding-top: 80px;
    background: #fff;
}
.sharply_menu_box2{
    border:1px solid #e4e4e4;
    width:258px;
    height:238px;
    float: left;
    text-align: center;
    padding-top: 80px;
    background: #fff;
}

.sharply_menu1{
    width:1200px;
    margin:40px auto 0;
}
.sharply_menu1 li{
    width:25%;
    height:320px;
    float: left;
}
.sharply_main2{
    width:1200px;
    margin:0 auto;
    text-align: center;
}
.sharply_main2_title{
    text-align: center;
    padding-top: 95px;
}
.sharply_main3{
    width:1200px;
    margin:0 auto;
}
.sharply_main3 p{
    font-size: 16px;
    color: #666;
}
.sharply_main3 b{
    width:12px;
    height:12px;
    border-radius: 50%;
    border:1px solid #ffa000;
    display: inline-block;
    margin-right: 20px;
}
.sharply_main3 span{
    font-size: 18px;
    color: #333;
    font-weight: bold;
}
.sharply_main3 p:nth-child(1){
    margin-left: 300px;
    margin-top: 85px;
}
.sharply_main3 p:nth-child(2),.sharply_main3 p:nth-child(4){
    margin-left: 300px;
    margin-top: 20px;
}
.sharply_main3 p:nth-child(3),.sharply_main3 p:nth-child(5),.sharply_main3 p:nth-child(6),.sharply_main3 p:nth-child(7){
    margin-left: 425px;
    margin-top: 20px;
}
.sharply_hover {
    width: 1200px;
    margin: 130px auto 0;
}
.sharply_hover li{
    width:33%;
    float: left;
    cursor: pointer;
    margin-bottom: 10px;
}
.sharply_hover .b2,.sharply_hover .b3{
    display: none;
}

/*智能点餐系统*/
.order_banner {
    width: 1450px;
    height: 660px;
    margin: -450px auto 0;
    background: url(../../images/site/order_banner.png)/*tpa=/images/order_banner.png*/ no-repeat;
    background-size: cover;
}
.order_main{
    width:1200px;
    margin:110px auto 0;
}
.order_main .left {
    width: 600px;
    float: left;
}
.order_main .left p:nth-child(2) {
    text-indent: 2em;
    margin-top: 50px;
}
.order_main .left p:nth-child(3),.order_main .left p:nth-child(4){
    margin-top: 25px;
}
.order_main .left p:nth-child(5){
    margin-top: 25px;
    margin-bottom: 160px;
}
.order_main .right {
    width: 600px;
    float: right;
}
.order_main1{
    min-width: 1450px;
    height: 1000px;
    background: #fafafa;
}
.order_main1_title {
    text-align: center;
    padding-top: 95px;
}
.order_menu{
    width:1200px;
    margin:140px auto 0;
}
.order_menu1{
    width:1000px;
    margin:140px auto 0;
}
.order_menu li{
    width:20%;
    float: left;
    text-align: center;
}
.order_menu1 li{
    width:25%;
    float: left;
    text-align: center;
}
.order_main2{
    width: 1200px;
    margin:0 auto;
}
.order_main2 .left{
    width: 600px;
    height: 250px;
    float: left;
    background: url(../../images/site/dingzhi_01.png)/*tpa=/images/dingzhi_01.png*/ no-repeat 100px 90px;
    text-align: left;
    margin-top: 30px;
}
.order_main2 .left p:nth-child(1){
    font-size: 20px;
    margin: 145px 0 0 125px;
}
.order_main2 .left p:nth-child(2){
    font-size: 16px;
    margin: 15px 0 0 125px;
    color: #666;
}
.order_main2 .right {
    width: 600px;
    height: 250px;
    float: right;
    background: url(../../images/site/dingzhi_02.png)/*tpa=/images/dingzhi_02.png*/ no-repeat 0 90px;
    margin-top: 30px;
}
.order_main2 .right p:nth-child(1){
    font-size: 20px;
    margin: 145px 0 0 25px;
}
.order_main2 .right p:nth-child(2){
    font-size: 16px;
    margin: 15px 0 0 25px;
    color: #666;
}
.order_main3{
    width: 1200px;
    margin:0 auto;
}
.order_main3_test{
    background: url(../../images/site/order_main1.png)/*tpa=/images/order_main1.png*/ no-repeat;
    background-size: 100% 100%;
    width:950px;
    height:190px;
    margin:50px auto 150px;
    text-align: center;
    color: #333;
    font-size: 16px;
}
.order_main3_test p:nth-child(1){
    padding-top: 60px;
}
.order_main3_test p:nth-child(2),.order_main3_test p:nth-child(3){
    margin-top: 10px;
}

.order_main4{
    min-width: 1450px;
    height:300px;
    margin:0 auto;
    background: url(../../images/site/order_bg.png)/*tpa=/images/order_bg.png*/ no-repeat;
    background-size: cover;
}
.order_main4_center{
    width:1200px;
    height:100%;
    margin:0 auto;
}
.order_main4_center img{
    margin:50px 100px 0 110px;
    float: left;
}
.order_main4_center p:nth-child(2){
    font-size: 30px;
    color: #333;
    font-weight: bold;
    padding-top:110px;
}
.order_main4_center p:nth-child(3){
    font-size: 24px;
    color: #333;
    margin:30px 0 0 470px;
}
.order_main5{
    width:1200px;
    margin:0 auto;
    text-align: center;
    padding-top: 140px;
}

/*移动电商系统*/
.mobile_banner{
    width: 1450px;
    height: 660px;
    margin: -450px auto 0;
    background: url(../../images/site/mobile_banner.png)/*tpa=/images/mobile_banner.png*/ no-repeat;
    background-size: cover;
}
.mobile_main{
    width: 1200px;
    margin:110px auto 0;
}
.mobile_main .left{
    width:600px;
    float: left;
}
.mobile_main .left p:nth-child(2) {
    line-height: 40px;
    margin-top: 40px;
}
.mobile_main .left p:nth-child(3),.mobile_main .left p:nth-child(4),.mobile_main .left p:nth-child(5),.mobile_main .left p:nth-child(6),.mobile_main .left p:nth-child(7),.mobile_main .left p:nth-child(8),.mobile_main .left p:nth-child(9){
    margin-top: 20px;
}
.mobile_main b {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 3px solid #ffa000;
    display: inline-block;
    margin-right: 15px;
}
.mobile_main .right{
    width:600px;
    float: right;
}
.mobile_main .right img {
    margin: 50px 0 0 100px;
}
.mobile_main1{
   min-width: 1450px;
    background: #fafafa;
    height:720px;
}
.mobile_main1_ul{
    width:1200px;
    margin:0 auto;
}
.mobile_main1_ul .clear{
    width:1195px;
    height:318px;
    margin-top: 100px;
    border:1px solid #e4e4e4;
}
.mobile_main1_ul .clear li{
    width: 139px;
    height: 243px;
    position: relative;
    overflow: hidden;
    _zoom: 1;
    float: left;
    text-align: left;
    padding-top: 75px;
    background: #fff;
    border-left: 1px solid #e4e4e4;
}
.mobile_main1_ul .clear .cf_active{
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#fffffe), to(#fffbf3));
    width:480px;
    height:243px;
}
.mobile_main1_ul .clear .ci_txt {
    position: absolute;
    width: 286px;
    left: 176px;
    top: 110px;
    font-size: 16px;
    color: #333;
}
.ci_wrap img{
    margin-left: 35px;
}
.ci_txt p:nth-child(2),.ci_txt p:nth-child(3),.ci_txt p:nth-child(4){
    margin-top: 20px;
}

.mobile_main2{
    width:1200px;
    height:560px;
    margin:110px auto 0;
}
.mobile_main2_active{
    background: #ffa000!important;
}
.mobile_main2 .right{
    width:600px;
    float: right;
}
.mobile_main2_img,.mobile_main2_img1,.mobile_main2_img2{
    text-align: center;
}
.mobile_main2_img img{
   margin-top: 50px;
}
.mobile_main2_img1 img{
    margin-top: 120px;
}
.mobile_main2_img2 img{
    margin-top: 200px;
}
.mobile_main2 .left{
    width:600px;
    float: left;
}
.mobile_main2_ul{
    width:450px;
    height:60px;
    margin:75px auto 40px;
}
.mobile_main2_ul li{
    float: left;
    width:140px;
    height:60px;
    line-height: 65px;
    text-align: center;
    color: #fff;
    background: #ffbc4c;
    cursor: pointer;
}
.mobile_main2_ul li:hover{
    background: #ffa000;
}
.mobile_main2_two{
    margin: 0 12px;
}
.mobile_main2_box{
    color: #333;
    font-size: 16px;
}
.mobile_main2_box p:nth-child(1),.mobile_main2_box1 p:nth-child(1),.mobile_main2_box2 p:nth-child(1){
   text-indent: 2em;
    margin-left: 50px;
}
.mobile_main2_box p:nth-child(2),.mobile_main2_box p:nth-child(3),.mobile_main2_box p:nth-child(4){
    margin-top: 20px;
    margin-left: 50px;
}
.mobile_main2_box1 p:nth-child(2),.mobile_main2_box1 p:nth-child(3),.mobile_main2_box1 p:nth-child(4),.mobile_main2_box1 p:nth-child(5){
    margin-top: 20px;
    margin-left: 50px;
}
.mobile_main2_box2 p:nth-child(2),.mobile_main2_box2 p:nth-child(3),.mobile_main2_box2 p:nth-child(4),.mobile_main2_box2 p:nth-child(5),.mobile_main2_box2 p:nth-child(6),.mobile_main2_box2 p:nth-child(7){
    margin-top: 20px;
    margin-left: 50px;
}

/*公众号服务*/
.service_banner {
    width: 1450px;
    height: 660px;
    margin: -450px auto 0;
    background: url(../../images/site/service_banner.png)/*tpa=/images/service_banner.png*/ no-repeat;
    background-size: cover;
}
.service_main{
    width:1200px;
    margin:0 auto;
}
.service_menu{
    margin-top: 100px;
}
.service_menu li{
    width:33.3%;
    float: left;
    text-align: center;
    visibility: hidden;
}
.service_menu li p:nth-child(2){
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-top: 30px;
}
.service_menu li p:nth-child(3),.service_menu li p:nth-child(4),.service_menu li p:nth-child(5){
    color: #666;
    font-size: 16px;
    margin-top: 15px;
}
.service_main1{
    min-width: 1450px;
    height: 480px;
    background: #fafafa;
}
.service_main1_ul{
    width: 1200px;
    margin:0 auto;
}
.service_main1_one{
    width:33.3%;
    height:300px;
    float: left;
    background: url(../../images/site/dingzhi_01.png)/*tpa=/images/dingzhi_01.png*/ no-repeat 50px 70px;
}
.service_main1_two{
    width:33.3%;
    height:300px;
    float: left;
    background: url(../../images/site/dingzhi_02.png)/*tpa=/images/dingzhi_02.png*/ no-repeat 50px 70px;
}
.service_main1_three{
    width:33.3%;
    height:300px;
    float: left;
    background: url(../../images/site/dingzhi_03.png)/*tpa=/images/dingzhi_03.png*/ no-repeat 50px 70px;
}
.service_main1_one p:nth-child(1),.service_main1_two p:nth-child(1),.service_main1_three p:nth-child(1){
    font-size: 20px;
    margin: 125px 0 0 80px;
}
.service_main1_one p:nth-child(2),.service_main1_one p:nth-child(3),.service_main1_one p:nth-child(4){
    font-size: 14px;
    color: #666;
    margin: 15px 0 0 80px;
}
.service_main1_two p:nth-child(2),.service_main1_two p:nth-child(3),.service_main1_three p:nth-child(2),.service_main1_three p:nth-child(3){
    font-size: 14px;
    color: #666;
    margin: 15px 0 0 80px;
}
.service_main2{
    width:1200px;
    margin:0 auto;
}
.service_main2_ul{
    margin-top: 80px;
}
.service_main2_ul li{
    width:25%;
    float: left;
    text-align: center;
}
.service_main2_ul li p:nth-child(2){
    font-size: 20px;
    font-weight: bold;
    margin:35px auto 10px;
}
.service_main2_ul li p:nth-child(3),.service_main2_ul li p:nth-child(4){
    font-size: 16px;
    color: #666;
    margin-top: 10px;
}
.service_main3{
    width:1200px;
    margin:150px auto 0;
}
.service_main3 .left{
    width:600px;
    float: left;
}
.service_main3 .right{
    width:600px;
    float: right;
}
.service_main3 .right img {
    margin: 10px 0 0 130px;
}
.service_main3 p {
    font-size: 16px;
    color: #666;
}
.service_main3 p:nth-child(2){
    margin-top: 80px;
}
.service_main3 p:nth-child(3),.service_main3 p:nth-child(4),.service_main3 p:nth-child(5){
    margin-top: 30px;
}
.service_main3 b {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 3px solid #ffa000;
    display: inline-block;
    margin: 0 50px;
}
.service_main3 span {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}
.service_main4{
    min-width: 1450px;
    height: 600px;
    background: #fafafa;
}
.service_main4_ul{
    width:1200px;
    margin:0 auto;
}
.service_main4_ul li{
    width:276px;
    height:186px;
    border:2px solid #ffa000;
    float: left;
    margin: 80px 20px 70px 0;
    background: #fff;
    position: relative;
}
.service_main4_box{
    height:65px;
    line-height: 65px;
    text-align: center;
    margin-top: 65px;
}
.service_main4_box img{
    float: left;
    margin-left: 50px
}
.service_main4_text{
    font-size: 18px;
    color: #666;
    text-align: center;
}
.service_main5 {
    width: 1200px;
    text-align: center;
    margin: 80px auto;
}

.model{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.7;
    color: #fff;
    text-align: center;
    line-height: 190px;
    z-index: 999;
}

/*申请*/
.withdrawCash_bg {
    height: 100%;
    width: 100%;
    background: #000;
    position: absolute;
    top: 0;
    opacity: .4;
    z-index: 999;
}

.withdrawCash_box, .withdrawCash_box1 {
    width: 470px;
    height: 360px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -180px;
    margin-left: -235px;
    z-index: 1999;
    text-align: center;
}

.withdrawCash_box .title, .withdrawCash_box1 .title {
    height: 60px;
    line-height: 60px;
    background: #f7f7f7;
    text-align: center;
    margin:0;
}

.withdrawCash_box .name, .withdrawCash_box .phone {
    width: 290px;
    height: 43px;
    line-height: 43px;
    margin: 50px auto 0;
    display: block;
    font-size: 20px;
    padding-left: 50px;
    outline: none;
    border-radius: 5px;
    background: none;
    border: none;
    border: 1px solid #ccc;
}

.withdrawCash_box .login {
    position: relative;
    width: 340px;
    margin: 0 auto;
}

.withdrawCash_box .btn, .withdrawCash_box1 .btn1 {
    width: 340px;
    height: 45px;
    margin: 30px auto 0;
    line-height: 45px;
    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#FFC045), to(#FF6300));
    text-align: center;
    color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    border: none;
}

.withdrawCash_box .text1 {
    width: 340px;
    margin: 20px auto 0;
    text-align: center;
    font-size: 14px;
    color: #666 !important;
}

input[type="text"]:focus, input[type="password"]:focus {
    border: 1px solid #ffa000;
}

input::-webkit-input-placeholder { /* WebKit browsers */
    color: #ccc;
    font-size: 14px;
}

.ico {
    background: url(../../images/site/name.png)/*tpa=/images/name.png*/ no-repeat;
    width: 22px;
    height: 22px;
    position: absolute;
    top: 12px;
    left: 15px;
}

.ico1 {
    background: url(../../images/site/pass.png)/*tpa=/images/pass.png*/ no-repeat;
    width: 18px;
    height: 23px;
    position: absolute;
    top: 12px;
    left: 15px;
}

/*智慧酒店*/
.hotel_banner{
    background: url(../../images/site/hohel_banner.png)/*tpa=/images/hohel_banner.png*/ no-repeat;
    background-size: cover;
    height:592px;
    min-width: 1450px;
}
.hotel_main{
    width:1200px;
    margin:0 auto;
    text-align: center;
}
.hotel_text{
    text-align: left;
    margin-top: 120px;
    font-size: 18px;
    color: #333;
}
.hotel_text1{
    text-align: left;
    margin-top: 60px;
    font-size: 18px;
    color: #333;
}
.hotel_text1 p:nth-child(1){
    text-indent: 1em;
}
.hotel_text1 p:nth-child(2),.hotel_text1 p:nth-child(3),.hotel_text1 p:nth-child(4),.hotel_text1 p:nth-child(5){
    text-indent: 2em;
    margin-top: 10px;
    line-height: 40px;
}

/*智慧KTV*/
.ktv_banner{
    background: url(../../images/site/ktv_banner.png)/*tpa=/images/ktv_banner.png*/ no-repeat;
    background-size: cover;
    height:600px;
    min-width: 1450px;
}
.ktv_main{
    width:1200px;
    margin:0 auto;
    text-align: center;
}
.ktv_list{
    text-align: left;
    height: 300px;
    margin-top: 50px;
}
.ktv_list .left{
    width: 400px;
    height: 100%;
    float: left;
    background: url(../../images/site/dingzhi_01.png)/*tpa=/images/dingzhi_01.png*/ no-repeat 50px 70px;
}
.ktv_list .left p:nth-child(1){
    font-size: 20px;
    margin: 125px 0 0 80px;
}
.ktv_list .left p:nth-child(2),.ktv_list .left p:nth-child(3),.ktv_list .left p:nth-child(4){
    font-size: 16px;
    color: #666;
    margin: 15px 0 0 80px;
}
.ktv_list .right{
    float: right;
    text-align: left;
    padding-top: 140px;
    margin-right: 50px;
}

.ktv_list1{
    text-align: left;
    height: 300px;
    margin-top: 50px;
}
.ktv_list1 .left{
    width: 450px;
    height: 100%;
    float: left;
    background: url(../../images/site/dingzhi_02.png)/*tpa=/images/dingzhi_02.png*/ no-repeat 50px 70px;
}
.ktv_list1 .left p:nth-child(1){
    font-size: 20px;
    margin: 125px 0 0 80px;
}
.ktv_list1 .left p:nth-child(2),.ktv_list1 .left p:nth-child(3),.ktv_list1 .left p:nth-child(4){
    font-size: 16px;
    color: #666;
    margin: 15px 0 0 80px;
}
.ktv_list1 .right{
    float: right;
    text-align: left;
    padding-top: 140px;
    margin-right: 50px;
}

.ktv_list2{
    text-align: left;
    height: 300px;
    margin-top: 50px;
}
.ktv_list2 .left{
    width: 450px;
    height: 100%;
    float: left;
    background: url(../../images/site/dingzhi_03.png)/*tpa=/images/dingzhi_03.png*/ no-repeat 50px 70px;
}
.ktv_list2 .left p:nth-child(1){
    font-size: 20px;
    margin: 125px 0 0 80px;
}
.ktv_list2 .left p:nth-child(2),.ktv_list2 .left p:nth-child(3),.ktv_list2 .left p:nth-child(4){
    font-size: 16px;
    color: #666;
    margin: 15px 0 0 80px;
}
.ktv_list2 .right{
    float: right;
    text-align: left;
    padding-top: 140px;
    margin-right: 50px;
}

.ktv_list3{
    text-align: left;
    height: 300px;
    margin-top: 50px;
}
.ktv_list3 .left{
    width: 450px;
    height: 100%;
    float: left;
    background: url(../../images/site/dingzhi_04.png)/*tpa=/images/dingzhi_04.png*/ no-repeat 50px 70px;
}
.ktv_list3 .left p:nth-child(1){
    font-size: 20px;
    margin: 125px 0 0 80px;
}
.ktv_list3 .left p:nth-child(2),.ktv_list3 .left p:nth-child(3),.ktv_list3 .left p:nth-child(4){
    font-size: 16px;
    color: #666;
    margin: 15px 0 0 80px;
}
.ktv_list3 .right{
    float: right;
    text-align: left;
    padding-top: 140px;
    margin-right: 50px;
}

.ktv_list4{
    text-align: left;
    height: 300px;
    margin-top: 50px;
}
.ktv_list4 .left{
    width: 450px;
    height: 100%;
    float: left;
    background: url(../../images/site/dingzhi_05.png)/*tpa=/images/dingzhi_05.png*/ no-repeat 50px 70px;
}
.ktv_list4 .left p:nth-child(1){
    font-size: 20px;
    margin: 125px 0 0 80px;
}
.ktv_list4 .left p:nth-child(2),.ktv_list4 .left p:nth-child(3),.ktv_list4 .left p:nth-child(4){
    font-size: 16px;
    color: #666;
    margin: 15px 0 0 80px;
}
.ktv_list4 .right{
    float: right;
    text-align: left;
    padding-top: 140px;
    margin-right: 50px;
}

.ktv_main1{
    width:1000px;
    margin:0 auto;
}


.develop-ul {
    width: 100%;
    height: 380px;
    margin-top: 100px;
    margin-bottom: 150px;
}

.develop-ul li {
    float: left;
    position: relative;
    height: 380px;
    width: 280px;
}

.develop-ul li:nth-child(1),.develop-ul li:nth-child(2){
    margin-right: 80px;
}
.develop-ul li .ch-info-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-perspective: 800px;
    perspective: 800px;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}

.develop-ul li .ch-info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.develop-ul li .develop-div {
    position: absolute;
    left: 0;
    top: 0;
    height: 380px;
    width: 280px;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateX(0);
    color: #fff
}

.develop-ul li .develop-3d {
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    -moz-transform: rotate3d(0, 1, 0, 180deg);
    -o-transform: rotate3d(0, 1, 0, 180deg);
    -ms-transform: rotate3d(0, 1, 0, 180deg);
    transform: rotate3d(0, 1, 0, 180deg)
}

.develop-ul li .develop-div1 {
    background: url(../../images/site/ktv_li.png)/*tpa=/images/ktv_li.png*/ no-repeat;
}

.develop-ul li .develop-div2 {
    background: url(../../images/site/ktv_li-1.png)/*tpa=/images/ktv_li-1.png*/ no-repeat
}

.develop-ul li .develop-div3 {
    background: url(../../images/site/ktv_li1.png)/*tpa=/images/ktv_li1.png*/ no-repeat;
}

.develop-ul li .develop-div4 {
    background: url(../../images/site/ktv_li1-1.png)/*tpa=/images/ktv_li1-1.png*/ no-repeat
}

.develop-ul li .develop-div5 {
    background: url(../../images/site/ktv_li2.png)/*tpa=/images/ktv_li2.png*/ no-repeat;
}

.develop-ul li .develop-div6 {
    background: url(../../images/site/ktv_li2-1.png)/*tpa=/images/ktv_li2-1.png*/ no-repeat
}

.develop-ul li:hover .ch-info {
    -webkit-transform: rotate3d(0, 1, 0, -180deg);
    -moz-transform: rotate3d(0, 1, 0, -180deg);
    -o-transform: rotate3d(0, 1, 0, -180deg);
    -ms-transform: rotate3d(0, 1, 0, -180deg);
    transform: rotate3d(0, 1, 0, -180deg)
}