@charset "utf-8";
    article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display:block
}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,dd,form,textarea {
    margin:0 0 10px 0
}
ul,ol,td,th,textarea,option {
    padding:0
}
ul,ol {
    list-style:none
}
a {
    text-decoration:none;
    outline:0 none
}
img {
    border:0 none;
    vertical-align:top
}
var {
    display:inline-block;
    height:100%;
    width:0;
    vertical-align:middle
}
table {
    border-spacing:0;
    border-collapse:collapse;
    table-layout:fixed;
    width:100%
}
iframe {
    vertical-align:top;
    vertical-align:middle \9
}
html {
    height:100%;
    font-size:14px;
    font-weight:normal;
    line-height:30px;
    font-family:Arial,sans-serif;
    color:#333;
    background:#fff
}
body {
    position:relative
}
a {
    color:#939393
}
a:visited {
    color:#939393
}
select {
    margin:0;
    padding:0;
    background:#fff;
    border:1px solid #d9d9d9;
    background-size:cover
}
textarea {
    white-space:pre-wrap;
    text-align:justify;
    text-justify:inter-ideograph;
    overflow-y:auto;
    resize:none;
    outline:0;
    line-height:16px
}
input[type=text],input[type=password] {
    zoom:1;
    line-height:16px;
    vertical-align:top;
    outline:0;
    margin:0;
    -webkit-appearance:none
}
.ku_pos_r {
    position:relative
}
.ku_pos_a {
    position:absolute
}
.ku_fix {
    zoom:1
}
.ku_fix:after {
    display:block;
    content:"";
    height:0;
    clear:both;
    overflow:hidden;
    visibility:hidden
}
#product_index{
    right:424px;
    width:100px;
    height:320px
}
.parkingSystem_img{
    width: 500px;
    margin-top: 90px;
    margin-left: 21%;
}
.parkingSystem_icon{
    width: 50px;
    vertical-align: middle;
    margin-right: 20px;
}
.parkingSystem_div h2 {
    font-size: 40px;
    line-height: 80px;
}
.parkingSystem_div{
    display: inline-block;
    margin-left: 12%;
    margin-top: 152px;
}
.stateSystem_two{
    width: 1200px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -600px;
    top: 20%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.stateSystem_two_img{
    position: absolute;
    bottom: 60px;
    width: 70%;
    text-align: center;
    margin-left:15%;
}
.stateSystem_two_img img{
    width: 40%;
   
}
.img_animation{
    -webkit-animation:upmove2 1s linear;
    animation:upmove2 1s linear
}
@-webkit-keyframes upmove2 {
    0% {
    bottom:-1000px
}
100% {
    bottom:60px;
}
}@keyframes upmove2 {
    0% {
     bottom:-1000px
}
100% {
    bottom:60px;
}
}
#stateSystem_two_p{
    margin-top: 20px;
}
#stateSystem_two_p p{
    width:100%;
    margin-left:0;
    color:#3c3c3b;
}
.stateSystem_two_ul ul li{
    display: inline-block;
    font-size: 34px;
    margin-left: 40px;
    margin-top: 20px;
}
.ku_fl_l {
    float:left
}
.ku_fl_r {
    float:right
}
.ku_ov_h {
    overflow:hidden
}
.ku_ov_a {
    overflow:auto
}
.ku_cell {
    display:table-cell;
    *display:inline-block;
    width:20000px;
    *width:auto
}
.ku_thide {
    position:absolute!important;
    top:-100000px!important;
    overflow:hidden!important;
    height:0!important;
    font-size:0!important;
    line-height:0!important
}
.ku_va_m {
    vertical-align:middle!important;
    display:inline-block;
    *display:inline
}
html,body {
    background:#fff;
    font-family:'微软雅黑','STHeiti';
    min-width:660px
}
.header-bg {
    height:62px;
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:99
}
.header {
    height:62px;
    position:fixed;
    top:0;
    left:50%;
    width:1200px;
    margin-left:-600px;
    z-index:99
}
body.index .header-bgChange,.header-bgChange2 {
    -webkit-animation:xing2 1s linear;
    animation:xing2 1s linear
}
@-webkit-keyframes xing2 {
    0% {
    opacity:0
}
100% {
    opacity:1
}
}@keyframes xing2 {
    0% {
    opacity:0
}
100% {
    opacity:1
}
}body.index .header,body.index .header-bg {
    height:56px;
    padding-bottom:6px
}
body.index .header .nav {
    padding-top:14px
}
body.index .header img {
    padding-top:15px;
    float:left;
    margin-left:30px
}
.leaseSystem_title {
    text-align: center;
    margin-top: 30px;
    
}
.leaseSystem_title h2{
    font-size: 40px;
    line-height: 80px;
}
.leaseSystem5_title{
    text-align: center;
}
.leaseSystem5_title h2{
    font-size: 40px;
    line-height: 120px;
}
.leaseSystem_title p{
    font-size: 30px;

}
.contactSystem_1 .leaseSystem_title{
        color:#fff;
        text-align: center;
    word-spacing: 10px;
    float: right;
    margin-right: 27%;
    margin-top: 140px;
    }
    .contact_content{
        background-color: #fff;
        box-sizing: border-box;
        width: 100%;
        padding:20px 20% ;
        height: 600px
    }
    .contact_content td{
        padding:20px 20px;
    }
    .contact_div p{
        color:#808080;
    }
    .contact_div h2{
        color:#151515;
    }
.leaseSystem_2{
    background: url(../images/leaseSystem_2_bg.png) no-repeat;
    background-size: cover;
    width:100%;
    min-height:720px;
   
}
.pinCSystem_2{
    background: url(../images/movingHouse.png) no-repeat;
    background-size: cover;
    width:100%;
    min-height:720px;
    color:#fff;
    line-height: 40px;
}
.parkingSystem_2{
    background: url(../images/parking_2.png) no-repeat;
    background-size: cover;
    width:100%;
    min-height:720px;
    color:#fff;
    line-height: 40px;
}
.cashierSystem_4{
    background: url(../images/cashier_4.png) no-repeat;
    background-size: cover;
    width:100%;
    min-height:720px;
    line-height: 40px;
}
.costSystem_2{
    background: url(../images/costControl_2.png) no-repeat;
    background-size: cover;
    width:100%;
    min-height:720px;
    line-height: 40px;
}
.costSystem_4{
    background: url(../images/costControl_4.png) no-repeat;
    background-size: cover;
    width:100%;
    min-height:720px;
    line-height: 40px;
}
.guardSystem_2{
    background: url(../images/guard_2.png) no-repeat;
    background-size: cover;
    width:100%;
    min-height:720px;
    color:#fff;
    line-height: 40px;
}
.parkingSystem_4{
    background: url(../images/parking_41.png) no-repeat;
    background-size: cover;
    width:100%;
    min-height:720px;
    color:#fff;
    line-height: 40px;
}
.wxw_title{
    font-size: 60px;
    line-height: 130px;
    text-align: center;
}
.guardSystem_4{
    background: url(../images/guard_41.png) no-repeat;
    background-size: cover;
    width:100%;
    min-height:720px;
    color:#fff;
    line-height: 40px;
}
.pinCSystem_title{
    margin-top: 140px;
}
.pinCSystem_title h2{
    font-size: 40px;
    line-height: 80px;
}
.pinCSystem_title p{
    font-size: 26px;
    line-height: 80px;
}
.costSystem_div{
    display: inline-block;
    margin-left: 8%;
    margin-top: 160px;
}
.costSystem_img{
    width: 400px;
    margin-top: 151px;
    margin-left: 20%;
}
.contactSystem_1{
    background: url(../images/contact.png) no-repeat;
    background-size: cover;
    width:100%;
    min-height:450px;
}

.propertySystem_2{
    background: url(../images/service.png) no-repeat;
    background-size: cover;
    width:100%;
    min-height:720px;
}

.leaseSystem3_img{
    margin-top:50px;
    text-align: center;
}
.propertySystem3_img{
    background: url(../images/phone.png) no-repeat;
    background-size: cover;
    width: 19%;
    height: 504px;
    margin-top: 106px;
    width: 389px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -200px;
}
.leaseSystem3_img img{
    height: 500px;
}
.leaseSystem4_img{
    margin: 161px 0 0 0;
    text-align: center;
}
.leaseSystem_4{
    background: url(../images/leaseSystem_4.png) no-repeat;
    background-size: cover;
    width:100%;
    
}
.pinCSystem_4{
    background: url(../images/pinC_bg.png) no-repeat;
    background-size: cover;
    width:100%;
}
.propertySystem_4{
    background: url(../images/inventory_bg.png) no-repeat;
    background-size: cover;
    width:100%;
}
.leaseSystem_5{
    background-color:#efeff4;
    background-size: cover;
    width:100%;
    
}
.leaseSystem_ul {
    width: 100%;
    padding: 115px 10%;
    box-sizing: border-box;
   
}
.leaseSystem_ul ul{
    width:100%;
    box-sizing: border-box;
}
.leaseSystem_ul ul li {
    width: 19%;
    display:inline-block;
    text-align: center;
}
.leaseSystem_ul ul li img {
    width: 80%;
}
.news_detil_all{
    cursor: pointer;
}
.img_phone01 {
    -webkit-animation: img_phone .5s ease-out 0s both;
    animation: img_phone .5s ease-out 0s both;
}

.leaseSystem_point{
     width: 130px; 
     height: 130px; 
     color: #fff; 
     border-radius: 50%; 
    background-color: #556875;
    font-size: 20px;
    line-height: 130px;
    text-align: center;
    margin-left: 35%;
}
.header .nav {
    float:right;
    line-height:30px;
    padding-top:15px;
    margin-right:80px
}
.header .nav a {
    float:left;
    padding:0 16px;
    color:#fff
}
.header .nav a:hover,.header .nav a.on {
    color:#f7dc3e!important
}
.header_tel {
    position:absolute;
    right:40px;
    right:20px\0;
    *right:20px;
    top:14px;
    top:16px\0;
    *top:16px;
    font-size:16px;
    font-size:12px\0;
    *font-size:12px;
    color:#333
}
.fbox {
    position:fixed;
    top:50%;
    right:0;
    height:243px;
    width:60px;
    margin-top:-121px;
    background:url(../images/fbox.png) no-repeat 100% 0;
    z-index:2
}
.fbox .div {
    width:60px;
    height:60px;
    display:block;
    color:#fff
}
.fbox .div .inner {
    position:absolute;
    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000',endColorstr='#66000000');
    background:rgba(0,0,0,0.4);
    display:none;
    right:70px
}
:root .fbox .div .inner {
    filter:none
}
.fbox .tnum {
    width:210px;
    height:60px;
    top:0;
    background:url(../images/fbox.png) no-repeat 0 0!important
}

.fbox .tnum p {
    padding-right:10px;
    font-size:24px;
    font-weight:bold;
    text-align:center;
    line-height:60px
}
.fbox .line {
    height:1px;
    overflow:hidden;
    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#19FFFFFF',endColorstr='#19FFFFFF');
    background:rgba(255,255,255,0.1)
}
:root .fbox .line {
    filter:none
}
.fbox .arrow {
    display:block;
    position:absolute;
    right:-10px;
    top:21px;
    overflow:hidden;
    width:10px;
    height:14px;
    background:url(../images/fbox.png) no-repeat -200px -82px
}
.fbox .qnum {
    width:190px;
    padding:5px 20px;
    top:60px;
    right:79px!important
}
.fbox .qnum p {
    padding:12px 0;
    font-size:14px;
    line-height:15px
}
.fbox .wxnum {
    width:132px;
    height:292px;
    top:120px;
    background:url(../images/fbox.png) no-repeat -78px -182px!important
}
.fbox .add {
    width:60px;
    height:60px;
    display:block
}
.fbox a {
    color:#fff
}
.roller {
    width:100%;
    overflow:hidden
}
.stage0 .roller {
    overflow:inherit
}
.roller ul {
    width:20000px
}
.roller ul li {
    width:1200px;
    float:left;
    position:relative;
    min-height:400px
}
.roller ul li .beforeimg {
    margin:0 auto;
    position:relative
}
.stage0 .state {
    margin-top:44px
}
.stage0 .state2 {
    margin-top:64px
}
.sg0_content {
    width:1020px;
    margin:0 auto
}
.sg0_content p {
    max-height:inherit!important
}
.sg0_content i {
    font-style:normal;
    display:inline-block;
    width:44px;
    height:72px;
    background:url(../images/number.png) no-repeat
}
.sg0_content .case {
    display:inline-block;
    width:22px;
    height:72px;
    vertical-align:top
}
.pinCSystem_ul{
        width: 820px;
        position: relative;
        left: 50%;
        margin-left: -410px;
        margin-top: 25px;
        background: url(../images/ipad_bg.png);
        height: 580px;
    }
    .pinCSystem_ul iframe{
       width: 657px;
        height: 500px;
        margin-left: 77px;
        margin-top: 37px;
    }
    .pinCSystem_3{
        width:1000px;
        margin:20px auto;
    }
    .pinCSystem_3_img{
        width: 420px;
        margin-top: 65px;
        margin-left:50px; 
    }
    .pinCSystem_div{
        display: inline-block;
    margin-left:40px;
    margin-top: 55px;
    width:420px;
    margin-right: 50px
    }
    .pinCSystem_4_title{
        display: inline;
    margin-top: 105px;
    float: left;
    color: #fff;
    margin-left: 120px;
    text-align: center;
    }
    .pinCSystem_4_title h2{
        font-size: 40px;
        line-height: 80px;
    }
    .pinCSystem_4_title img{
        width:380px;
        margin-top: 40px;
    }
    .pinCSystem_4_img{
        width: 320px;
        margin-left: 157px;
        margin-top: 110px;
    }
.total {
    overflow:hidden;
    margin:56px 0 0;
    color:#eee
}
.total .num {
    height:80px;
    font-size:72px!important;
    line-height:72px!important;
    margin-bottom:20px;
    font-weight:bold;
    color:#fff
}
.total .section {
    float:left;
    height:120px
}
.total .section1 {
    width:220px
}
.total .section2 {
    width:400px
}
.total .section3 {
    width:400px
}
.stage_bg {
    position:absolute;
    left:0;
    top:0;
    z-index:0;
    width:100%;
    height:100%;
    overflow:hidden;
    background:url(../images/img_stage_bg.jpg) no-repeat;
    background-size:100% 100%
}
.stage_bg img {
    width:100%;
    height:100%;
    max-width:inherit
}
.stage>div {
    width:100%;
    width:98.59%\9;
    width:100%\0;
    height:1080px;
    background-size:cover;
    position:relative;
    top:0;
    left:0;
    *background:0
}
.center_two {
    width:1200px;
    text-align:center;
    color:#fff;
    position:absolute;
    left:50%;
    margin-left:-600px;
    top:48%;
    margin-top:20px;
    -webkit-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    transform:translate(0,-50%)
}
.center_thr {
    width:1200px;
    text-align:center;
    color:#fff;
    position:absolute;
    left:50%;
    margin-left:-600px
}
.stage0 .center_thr {
    top:25%
}
.stage1 .center_thr {
    top:5%;
    _top:5%;
    *top:5%
}
.stage2 .center_thr,.stage3 .center_thr,.stage4 .center_thr,.stage5 .center_thr {
    top:10%;
    _top:10%;
    *top:10%
}
#stage0_bg {
    display:block;
    width:100%;
    height:100%
}
#stage0_bg img {
    margin:0
}
#stage0_bg .stage_bg {
    display:none
}
.stage1 {
    background:#fff
}
.swiper1,.swiper2,.swiper3 {
    width:100%;
    height:100%;
    background:url(../images/chanp_bg.png);
    background-size:100% 100%
}
.swiper2 {
    background:url(../images/swiper2.png);
    background-size:100% 100%
}
.swiper3 {
    background:url(../images/swiper3.png);
    background-size:100% 100%
}
.stage3 {
    background:#fff
}
/**/
.intelligent_top{
    width:100%;
}
.intelligent_top ul{
    width:84%;
    margin-left: 8%;
    -webkit-animation:intelligent_ul .4s ease-out .3s both;
    animation:intelligent_ul .4s ease-out both
}
@-webkit-keyframes intelligent_ul {
    0% {
        opacity:0;
        transform:translateY(400px);
        -webkit-transform:translateY(400px)
    }
    100% {
        opacity:1;
        transform:translateY(0px);
        -webkit-transform:translateY(0px)
    }
}
@keyframes intelligent_ul {
    0% {
        opacity:0;
        transform:translateY(400px);
        -webkit-transform:translateY(400px)
    }
    100% {
        opacity:1;
        transform:translateY(0px);
        -webkit-transform:translateY(0px)
    }
}
.intelligent_top ul li{
    width:25%;
    float:left;
    text-align: center;
    cursor:pointer;
}
.intelligent_top ul li img.intelligent_img{
    width:110px; 
    height:74px;
}
.intelligent_top ul li.current{
    -webkit-animation:intelligent_li .4s ease-out .3s both;
    animation:intelligent_li .4s ease-out both
}
@-webkit-keyframes intelligent_li {
    0% {
        opacity:0;
        transform:translateY(0);
        -webkit-transform:translateY(0)
    }
    100% {
        opacity:1;
        transform:translateY(-10px);
        -webkit-transform:translateY(-10px)
    }
}
@keyframes intelligent_li {
    0% {
        opacity:0;
        transform:translateY(0);
        -webkit-transform:translateY(0)
    }
    100% {
        opacity:1;
        transform:translateY(-10px);
        -webkit-transform:translateY(-10px)
    }
}
.intelligent_top ul li div{
    font-size: 26px;
    text-align: center;
    color:#1f1f1f;
}
.intelligent_bottom{
    width:100%;
    
}
.intelligent_img_show{
    width:90%;
    display:none;
}
.intelligent_img_show.current {
    display: inline-block;
    -webkit-animation:intelligent_img_show .4s ease-out .3s both;
    animation:intelligent_img_show .4s ease-out both
}
@-webkit-keyframes intelligent_img_show {
    0% {
        opacity:0;
        transform:translateX(800px);
        -webkit-transform:translateX(800px)
    }
    100% {
        opacity:1;
        transform:translateX(0px);
        -webkit-transform:translateX(0px)
    }
}
@keyframes intelligent_img_show {
    0% {
        opacity:0;
        transform:translateX(800px);
        -webkit-transform:translateX(800px)
    }
    100% {
        opacity:1;
        transform:translateX(0px);
        -webkit-transform:translateX(0px)
    }
}
.mobilemarketing{
    color: #fff;
}
.marketingtitle{
    font-size: 42px;
    margin-top: 56px;
    text-align: center;
    line-height: 150px;
}
.marketingbox ul{
    width:100%;
     -webkit-animation:intelligent_ul_1 .4s ease-out .3s both;
    animation:intelligent_ul_1 .4s ease-out both
}
@-webkit-keyframes intelligent_ul_1 {
    0% {
        opacity:0;
        transform:translateY(400px);
        -webkit-transform:translateY(400px)
    }
    100% {
        opacity:1;
        transform:translateY(0px);
        -webkit-transform:translateY(0px)
    }
}
@keyframes intelligent_ul_1 {
    0% {
        opacity:0;
        transform:translateY(400px);
        -webkit-transform:translateY(400px)
    }
    100% {
        opacity:1;
        transform:translateY(0px);
        -webkit-transform:translateY(0px)
    }
}
.marketingbox ul li{
    width:33%;
    float:left;
    padding: 0 9%;
    box-sizing: border-box;
    text-align: center;
}
.marketing_list_title{
    font-size: 28px;
    line-height: 60px;
}
.marketingbox{
    width: 75%;
    margin:0 auto;
}
.marketingdiv{
    border: 3px solid #2881ed;
    height: 150px;
    width: 70%;
   
   

    text-align: center;
}
.marketing_list_con{
    font-size: 20px;
    line-height: 40px;
}
.img_phone_box{
    width: 100%;
    position: absolute;
    bottom:-8px;
    padding: 0 12%;
    box-sizing: border-box;
}
.img_phone_box ul{
    width:100%;
}
.img_phone_box ul li{
    width: 19%;
    display: inline-block;
    text-align: center;
   
}
.img_phone_box ul li img{
    width: 80%;
}
.img_phone01{
    -webkit-animation:img_phone .5s ease-out 0s both;
    animation:img_phone .5s ease-out 0s both;
}
.img_phone02{
    -webkit-animation:img_phone .5s ease-out 0.3s both;
    animation:img_phone .5s ease-out 0.3s both;
}
.img_phone03{
    -webkit-animation:img_phone .5s ease-out .6s both;
    animation:img_phone .5s ease-out .6s both;
}
.img_phone04{
    -webkit-animation:img_phone .5s ease-out .9s both;
    animation:img_phone .5s ease-out .9s both;
}
.img_phone05{
    -webkit-animation:img_phone .5s ease-out 1.2s both;
    animation:img_phone .5s ease-out 1.2s both;
}
/*.img_phone05{
    -webkit-animation:img_phone .4s ease-out 1.5s both;
    animation:img_phone .4s ease-out both;
}*/
@-webkit-keyframes img_phone {
    0% {
        opacity:0;
        transform:translateY(200px);
        -webkit-transform:translateY(200px)
    }
    100% {
        opacity:1;
        transform:translateY(0px);
        -webkit-transform:translateY(0px)
    }
}
@keyframes img_phone {
    0% {
        opacity:0;
        transform:translateY(200px);
        -webkit-transform:translateY(200px)
    }
    100% {
        opacity:1;
        transform:translateY(0px);
        -webkit-transform:translateY(0px)
    }
}
.stage5 {
    width:100%;
    height:600px;
    background:url(../images/map_bg.png);
    background-size:100% 600px;
    position:relative
}
.stage .center p {
    float:left;
    font-size:25px;
    line-height:32px;
    text-align:center;
    color:#999;
    margin-left:75px
}
.stage1 .center p {
    cursor:pointer;
    padding-top:30px
}
.stage .center p.stage2_shoulou {
    width:350px;
    margin-top:15px;
    margin-left:0;
    text-align:left;
    color:#fff;
    font-size:22px
}
.stage .center p.stage2_shoulouF {
    width:350px;
    font-size:15px;
    margin-top:2px;
    margin-left:0;
    text-align:left;
    color:#fff
}
.stage0 .center p {
    font-size:16px
}
.stage .center a {
    font-size:18px;
    color:#b7b7b7
}
.stage h1{
    font-size:40px;
    line-height:42px;
    font-weight:normal;
}
.stage h2 {
    font-size:34px;
    line-height:42px;
    font-weight:normal;
    color:#151515;
    margin-top:40px
}
.stage h3 {
    font-size:16px;
    font-weight:normal;
    line-height:20px;
    max-height:40px;
    overflow:hidden;
    text-align:left
}
.stage li p {
    font-size:12px;
    line-height:16px;
    overflow:hidden;
    text-align:left
}
.stage .next {
    position:absolute;
    bottom:0;
    left:50%;
    width:140px;
    margin-left:-70px;
    color:#fff;
    line-height:18px;
    cursor:pointer
}
.stage .next.grey {
    color:#555
}
.stage .next a {
    bottom:0;
    display:block;
    height:30px;
    left:50%;
    margin-left:-15px;
    position:absolute;
    width:30px;
    background:url(../images/btn.png) 0 -30px no-repeat;
    -webkit-animation:a_opacity 1.2s linear infinite
}
.stage .next em {
    text-align:center;
    height:25px;
    display:block
}
.stage .next em:after {
    vertical-align:middle;
    content:" ";
    width:10px;
    height:10px;
    border-width:0 0 2px 2px;
    display:inline-block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    border-style:solid
}
.stage .roller-nav {
    position:absolute;
    width:130px;
    text-align:center;
    height:10px;
    left:50%;
    margin-left:-65px
}
.stage .roller-nav span {
    width:9px;
    height:9px;
    display:inline-block;
    padding:5px;
    vertical-align:middle
}
.stage .roller-nav em {
    width:8px;
    height:8px;
    display:block;
    border-radius:50%;
    border:1px solid #fff
}
.stage .roller-nav span.on em {
    margin-top:-1px;
    background:0;
    background:#fff
}
.stage0 .tit2 {
    margin-top:50px
}
.stage0 h1,.stage0 h2{
    color: #fff;
}
.stage0 a.linkbtn {
    display:block;
    margin:0 auto;
    width:188px;
    height:46px;
    line-height:46px;
    margin-top:40px;
    font-size:18px;
    color:#fff;
    background:#f60
}
.stage0 a.linkbtn:hover {
    color:#fff!important
}
.stage0 .roller-nav {
    bottom:110px
}
.stage1 .roller-nav {
    bottom:30px
}
.stage2 .roller-nav {
    bottom:0
}
.stage .t-word {
    position:absolute;
    top:0;
    left:0;
    right:0
}
.stage .p-show {
    position:absolute;
    bottom:0;
    left:0;
    right:0
}
.stage0,.stage1,.stage2,.stage3,.stage4,.stage5 {
    overflow:hidden
}
.stage0 .ul li {
    float:left
}
.stage0 .roller-nav {
    bottom:80px
}
.stage0 .center {
    width:100%;
    left:0;
    margin-left:0
}
.stage1 .news .title p {
    padding:30px 0 0 0
}
.stage2 .product {
    color:#555
}
.center_two .iphone {
    float:left;
    width:430px;
    margin-left:40px;
    margin-top:50px;
    -webkit-animation:iphone .4s ease-out .3s both;
    animation:iphone .4s ease-out both
}
.center_two_font2 {
    float:left;
    width:470px;
    margin-top:0;
    margin-left:100px;
    -webkit-animation:iphone .4s ease-out .3s both;
    animation:iphone .4s ease-out both
}
.center_two_font2 h2 {
    text-align:left;
    margin-top:20px
}
.center_two_font2 h2 span {
    margin-left:60px;
    color:#fff
}
@-webkit-keyframes iphone {
    0% {
    opacity:0;
    transform:translateX(-800px);
    -webkit-transform:translateX(-800px)
}
100% {
    opacity:1;
    transform:translateX(0px);
    -webkit-transform:translateX(0px)
}
}@keyframes iphone {
    0% {
    opacity:0;
    transform:translateX(-800px);
    -webkit-transform:translateX(-800px)
}
100% {
    opacity:1;
    transform:translateX(0px);
    -webkit-transform:translateX(0px)
}
}.center_two_font,.iphone2 {
    width:500px;
    position:absolute;
    top:50%;
    margin-top:-270px;
    right:30px;
    -webkit-animation:center_two_font .4s ease-out .3s both;
    animation:center_two_font .4s ease-out both
}
.center_two_font {
    right:10px
}
.iphone2 {
    margin-top:-260px
}
@-webkit-keyframes center_two_font {
    0% {
    opacity:0;
    transform:translateX(800px);
    -webkit-transform:translateX(800px)
}
100% {
    opacity:1;
    transform:translateX(0px);
    -webkit-transform:translateX(0px)
}
}@keyframes center_two_font {
    0% {
    opacity:0;
    transform:translateX(800px);
    -webkit-transform:translateX(800px)
}
100% {
    opacity:1;
    transform:translateX(0px);
    -webkit-transform:translateX(0px)
}
}.center_two_font .h2 {
    text-align:left;
    color:#fff;
    font-size:40px;
    line-height:60px;
    font-weight:normal;
    margin-top:35px
}
.center_two_font .h2 img {
    width:65px
}
.stage3 .doSomething {
    font-size:36px;
    color:#151515;
    
    -webkit-animation:doSomething 1s ease-out .3s both;
    animation:doSomething 1s ease-out both;
    margin-top:25px;
    margin-bottom:25px
}
@-webkit-keyframes doSomething {
    0% {
    opacity:1;
    -webkit-transform:scale3d(.5,.5,.5);
    transform:scale3d(.5,.5,.5)
}
50% {
    opacity:0;
    -webkit-transform:scale3d(1.5,1.5,1.5);
    transform:scale3d(1.5,1.5,1.5)
}
to {
    opacity:1;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}
}@keyframes doSomething {
    20% {
    opacity:1;
    -webkit-transform:scale3d(.5,.5,.5);
    transform:scale3d(.5,.5,.5)
}
50% {
    opacity:0;
    -webkit-transform:scale3d(1.5,1.5,1.5);
    transform:scale3d(1.5,1.5,1.5)
}
to {
    opacity:1;
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}
}.doSomething_fontAll {
    float:left;
    width:300px;
    height:230px;
    margin-left:75px;
    margin-top:0
}
.doSomething_img {
    width:100%;
    color:#111;
    font-size:26px;
    cursor:pointer;
}
.doSomething_font {
    margin-top:15px
}
.doSomething_font2 {
    color:#777;
    font-size:14px;
    text-align:left;
    margin-top:10px;
    line-height:26px
}
.doSomething_img img {
    width:45px
}
.stage3_fir {
    -webkit-animation:stage3_fir .6s ease-out .3s both;
    animation:stage3_fir .6s ease-out both
}
@-webkit-keyframes stage3_fir {
    0% {
    opacity:0;
    transform:translate(-800px,-800px);
    -webkit-transform:translate(-800px,-800px)
}
100% {
    opacity:1;
    transform:translateX(0px);
    -webkit-transform:translateX(0px)
}
}@keyframes stage3_fir {
    0% {
    opacity:0;
    transform:translate(-800px,-800px);
    -webkit-transform:translate(-800px,-800px)
}
100% {
    opacity:1;
    transform:translate(0px);
    -webkit-transform:translate(0px)
}
}.stage3_sec {
    -webkit-animation:stage3_sec .6s ease-out .3s both;
    animation:stage3_sec .6s ease-out both
}
@-webkit-keyframes stage3_sec {
    0% {
    opacity:0;
    transform:translateY(-800px);
    -webkit-transform:translateY(-800px)
}
100% {
    opacity:1;
    transform:translateY(0px);
    -webkit-transform:translateY(0px)
}
}@keyframes stage3_sec {
    0% {
    opacity:0;
    transform:translateY(-800px);
    -webkit-transform:translateY(-800px)
}
100% {
    opacity:1;
    transform:translateY(0px);
    -webkit-transform:translateY(0px)
}
}.stage3_thr {
    -webkit-animation:stage3_thr .6s ease-out .3s both;
    animation:stage3_thr .6s ease-out both
}
@-webkit-keyframes stage3_thr {
    0% {
    opacity:0;
    transform:translate(800px,-800px);
    -webkit-transform:translate(800px,-800px)
}
100% {
    opacity:1;
    transform:translate(0px);
    -webkit-transform:translate(0px)
}
}@keyframes stage3_thr {
    0% {
    opacity:0;
    transform:translate(800px,-800px);
    -webkit-transform:translate(800px,-800px)
}
100% {
    opacity:1;
    transform:translate(0px);
    -webkit-transform:translate(0px)
}
}.stage3_for {
    -webkit-animation:stage3_for .6s ease-out .3s both;
    animation:stage3_for .6s ease-out both
}
@-webkit-keyframes stage3_for {
    0% {
    opacity:0;
    transform:translate(-800px,800px);
    -webkit-transform:translate(-800px,800px)
}
100% {
    opacity:1;
    transform:translate(0px);
    -webkit-transform:translate(0px)
}
}@keyframes stage3_for {
    0% {
    opacity:0;
    transform:translate(-800px,800px);
    -webkit-transform:translate(-800px,800px)
}
100% {
    opacity:1;
    transform:translate(0px);
    -webkit-transform:translate(0px)
}
}.stage3_fif {
    -webkit-animation:stage3_fif .6s ease-out .3s both;
    animation:stage3_fif .6s ease-out both
}
@-webkit-keyframes stage3_fif {
    0% {
    opacity:0;
    transform:translateY(800px);
    -webkit-transform:translateY(800px)
}
100% {
    opacity:1;
    transform:translate(0px);
    -webkit-transform:translate(0px)
}
}@keyframes stage3_fif {
    0% {
    opacity:0;
    transform:translateY(800px);
    -webkit-transform:translateY(800px)
}
100% {
    opacity:1;
    transform:translate(0px);
    -webkit-transform:translate(0px)
}
}.stage3_six {
    -webkit-animation:stage3_six .6s ease-out .3s both;
    animation:stage3_six .6s ease-out both
}
@-webkit-keyframes stage3_six {
    0% {
    opacity:0;
    transform:translate(800px,800px);
    -webkit-transform:translate(800px,800px)
}
100% {
    opacity:1;
    transform:translate(0px);
    -webkit-transform:translate(0px)
}
}@keyframes stage3_six {
    0% {
    opacity:0;
    transform:translate(800px,800px);
    -webkit-transform:translate(800px,800px)
}
100% {
    opacity:1;
    transform:translate(0px);
    -webkit-transform:translate(0px)
}
}:root .stage4 .sort .lists .hover {
    filter:none
}
.lists h4 {
    margin:8px 0 6px;
    text-align:center;
    font-size:14px;
    font-weight:normal;
    color:#fff
}
.lists p {
    padding:0 20px;
    line-height:1.6em!important;
    font-size:12px!important;
    text-align:left!important
}
.stage4 h2,.swiper2 h2 {
    color:#fff;
    margin-bottom:30px
}
.stage4 {
    background:url(../images/hezuo_bg.png) no-repeat center center;
    background-size:100% 100%;
    position:absolute;
    left:0;
    top:0;
    z-index:0;
    width:100%;
    height:100%;
    overflow:hidden
}
.stage4 h4,.swiper2 h4 {
    font-size:30px;
    font-weight:normal;
    margin-bottom:30px;
    color:#fff
}
.stage4_image {
    padding:20px 80px 20px 80px;
    background:#fff;
    float:left;
    margin-left:60px;
    margin-top:25px;
    margin-bottom:25px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px
}
.stage4_image img {
    width:160px;
    height:50px
}
.stage4_top {
    -webkit-animation:downmove1 .4s ease-out .3s both;
    animation:downmove1 .4s ease-out both
}
.stage4_bottom {
    -webkit-animation:upmove1 .4s ease-out .3s both;
    animation:upmove1 .4s ease-out both
}
.swiper2 .stage4_bottom img {
    width:850px
}
.stage4 .center_thr {
    top:5%
}
.stage5 .country {
    float:left;
    width:600px;
    height:477px;
    position:relative;
    -webkit-animation:iphone .4s ease-out .3s both;
    animation:iphone .4s ease-out both
}
.stage5 .country .country_img {
    width:600px;
    height:477px;
    position:absolute;
    left:0;
    top:0
}
.stage5 .country .xing {
    position:absolute;
    right:100px;
    bottom:68px;
    -webkit-animation-delay:.4s;
    animation-delay:.4s;
    -webkit-animation:xing 2.5s infinite linear;
    animation:xing 2.5s infinite linear
}
@-webkit-keyframes xing {
    0% {
    opacity:1
}
25% {
    opacity:0
}
50% {
    opacity:1
}
75% {
    opacity:0
}
100% {
    opacity:1
}
}@keyframes xing {
    0% {
    opacity:1
}
25% {
    opacity:0
}
50% {
    opacity:1
}
75% {
    opacity:0
}
100% {
    opacity:1
}
}.stage5 .lianxi_phone {
    width:320px;
    background:#fff;
    position:absolute;
    right:70px;
    top:90px;
    z-index:10;
    padding:20px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    color:#151515;
    font-size:30px
}
.stage5 .center {
    height:500px;
    position:relative;
    z-index:9
}
.stage5 .lianxi_all {
    padding:100px 0 0 0;
    position:relative
}
.stage5 .lianxi_phone_all {
    position:relative;
    margin-top:20px
}
.stage5 .lianxi_phone_fir {
    margin-top:10px
}
.stage5 .lianxi_phone_all img {
    width:50px;
    position:absolute;
    top:0;
    left:0
}
.stage5 .lianxi_phone_all span {
    float:left;
    width:250px;
    text-align:left;
    color:#363636;
    margin-left:75px;
    font-size:16px
}
.stage5 h2 {
    margin-top:0;
    margin-bottom:20px;
    color:#151515;
    font-size:26px;
    font-weight:normal
}
.page-end {
    height:290px;
    border-top:1px solid #dbdbdb
}
.page-end .about {
    padding:0 0 0 30px;
    text-align:left;
    margin:0 auto
}
.page-end .about,.page-end_bottom div {
    width:1200px
}
.page-end .service {
    height:260px;
    background:#1b1c1f;
    position:relative
}
.page-end .service .info ul {
    float:left;
    margin:40px 0 32px 0;
    padding:0 45px
}
.page-end .service .info ul.first {
    margin-left:85px
}
.page-end .service .info ul.first {
    padding:0 20px 0 0
}
.page-end .service .info ul.first li {
    width:100px
}
.page-end .service .info ul li {
    color:#4e4e4e;
    padding:10px 0;
    font-size:12px;
    line-height:12px
}
.page-end .service .info ul li.first {
    padding:0 0 15px 0;
    width:100%;
    clear:both
}
.page-end .service .info ul h3 {
    font-size:20px;
    line-height:18px;
    color:#fff;
    font-weight:normal
}
.page-end .service .info ul a {
    color:#afafaf
}
.page-end .service .online {
    float:left;
    margin-left:50px;
    overflow:hidden;
    padding:30px 0 0 0;
    line-height:34px
}
.page-end .service .online p {
    font-size:12px;
    line-height:18px;
    text-align:left;
    color:#999
}
.page-end .service .online .tel {
    line-height:51px;
    font-size:28px;
    color:#3b3b3b
}
.page-end .copyright {
    height:49px;
    background:#424242;
    padding-top:15px
}
.page-end .copyright .msg {
    width:1200px;
    margin:0 auto
}
.page-end .copyright p {
    font-size:12px;
    color:#a3a3a3;
    line-height:17px
}
.page-end .copyright p a {
    color:#a3a3a3
}
.online {
    width:150px;
    height:200px
}
.online span {
    float:left;
    color:#fff;
    font-size:20px
}
.online img {
    float:left;
    width:150px;
    margin-top:15px
}
.page-end_bottom {
    width:100%;
    background:#16171a;
    position:absolute;
    bottom:0;
    height:30px
}
.page-end_bottom>span {
    position:absolute;
    left:50%;
    margin-left:-500px
}
.page-end_bottom div {
    height:50px;
    margin:0 auto;
    text-align:left;
    color:#afafaf;
    font-size:18px;
    line-height:50px
}
.page-end_bottom div span {
    margin-left:90px
}
.header-bg.style {
    background:#0b0b0d;
    position:fixed;
    left:0;
    top:0;
    border-bottom:0;
    display:none
}
.header-bg.style .header_tel {
    top:25px;
    color:#8b8b8b
}
.banner img {
    display:block;
    width:100%;
    position:relative
}
.banner img.news_banner {
    width:25%;
    position:absolute;
    top:7%;
    left:20%
}
.newsBu {
    width:100%;
    height:62px;
    display:none
}
.header.style img {
    padding-top:15px;
    float:left
}
.news_tab {
    width:100%
}
.news_tab ul {
    margin-top:10px
}
.news_tab ul li {
    float:left;
    font-size:24px;
    color:#151515;
    margin-left:50px;
    width:100px;
    height:54px;
    line-height:60px;
    cursor:pointer
}
.news_tab ul li.news_change {
    margin-left:0
}
.news_tab ul li.news_tabAll {
    border-bottom:2px solid #1d95d3;
    color:#1d95d3
}
.news_detil_all {
    width:100%;
    padding:30px 0 30px 0;
    border-bottom:1px solid #ccc;
    box-sizing:border-box
}
.news_detil_img {
    float:left;
    width:350px;
    height:240px;
    overflow:hidden;
    margin-right:50px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px
}
.news_detilFont {
    float:left;
    width:580px;
    height:275px;
    margin-left:40px;
    box-sizing:border-box;
    position:relative
}
.news_detil_img img {
    width:390px;
    height:269px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px
}
.nlists {
    width:1200px;
    margin:0 auto;
    padding:0 90px 0 90px;
    box-sizing:border-box;
    background:#fff
}
.news_detilFont p.bigFont {
    width:100%;
    font-size:28px;
    color:#151515;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    line-height:60px
}
.news_detilFont p.smail {
    width:100%;
    height:155px;
    overflow:hidden;
    font-size:20px;
    color:#8c8c8c;
    line-height:35px
}
.news_detilFont .lick {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    color:#b4b4b4;
    font-size:18px;
    height:30px
}
.news_detilFont .lick p {
    float:right;
    line-height:30px;
    position:relative;
    margin-right:40px
}
.likeFir {
    cursor:pointer
}
.news_detilFont .lick p img {
    width:16px;
    height:16px;
    position:absolute;
    top:50%;
    margin-top:-8px
}
.news_detilFont .lick p span {
    margin-left:25px
}
.mod_page {
    text-align:center;
    height:38px;
    margin-bottom:80px;
    margin-top:30px
}
.mod_page .page {
    display:inline-block;
    font-family:Verdana
}
.mod_page a,.mod_page span,.mod_page strong {
    float:left;
    height:36px;
    line-height:36px;
    padding:0 15px;
    border:1px solid #dbdbdb;
    background:#fff
}
.mod_page a {
    color:#9d9d9d;
    border-width:1px;
    margin-right:10px
}
.mod_page a:hover {
    border:1px solid #9b9b9b;
    background:#f2f2f2;
    color:#9d9d9d!important
}
.mod_page span {
    background:#9b9b9b;
    color:#fff;
    border-width:1px;
    border-color:#9b9b9b;
    margin-right:10px
}
.mod_page strong {
    background:0;
    font-weight:normal;
    line-height:38px;
    border-width:0;
    margin-right:10px
}
.mod_page .nodata {
    line-height:36px;
    font-size:14px
}
.recruit img {
    width:1200px;
    height:98px;
    margin-top:10px
}
.recruit h3 {
    color:#f60;
    font-size:24px;
    line-height:36px;
    text-align:center;
    margin-top:30px
}
.recruit .join {
    width:270px;
    margin:10px auto 40px
}
.recruit .join p {
    color:#555;
    font-size:14px;
    line-height:28px
}
.recruit .job {
    width:1200px;
    border:1px solid #ddd;
    margin-bottom:75px
}
.recruit .job .job_tit {
    height:77px;
    line-height:77px;
    border-bottom:1px dashed #ddd;
    padding:0 60px
}
.recruit .job .job_tit li a {
    width:154px;
    text-align:left;
    float:left;
    color:#333;
    font-weight:bold;
    font-size:18px;
    display:block
}
.recruit .job .job_tit li.select a {
    color:#f60
}
.recruit .job .job_con {
    padding:13px 60px;
    min-height:132px
}
.recruit .job .job_con li {
    width:180px;
    text-align:left;
    float:left;
    display:block;
    color:#555;
    font-size:14px;
    line-height:44px;
    height:44px
}
.recruit .job .job_con li a {
    position:relative
}
.recruit .job .job_con li img {
    position:absolute;
    top:-18px;
    width:22px;
    height:12px;
    right:-23px
}
.job_name {
    margin-bottom:20px
}
.job_name h3 {
    font-size:24px;
    line-height:30px;
    color:#333;
    font-weight:normal
}
.duty {
    border-top:1px dashed #ddd;
    padding:20px 0;
    position:relative
}
.duty span {
    position:absolute;
    top:20px;
    left:0;
    font-size:14px;
    color:#f60;
    width:75px;
    line-height:24px;
    font-weight:bold
}
.duty .list {
    padding-left:75px
}
.duty .list p {
    color:#333;
    font-size:14px;
    line-height:24px
}
button.email {
    width:188px;
    height:46px;
    line-height:46px;
    background:#f60;
    text-align:center;
    color:#fff;
    font-size:18px;
    border:0;
    margin:10px 0 35px 75px
}
button.email a {
    display:block;
    color:#fff
}
button.email a:hover {
    color:#fff!important
}
.stage1 .title_active {
    padding:0 50px 0 50px
}
.stage1 .title_active {
    -webkit-animation:downmove1 .4s ease-out .3s both;
    animation:downmove1 .4s ease-out both
}
.stage1 .roller_box_active {
    -webkit-animation:upmove1 .4s ease-out .3s both;
    animation:upmove1 .4s ease-out both
}
.propertySystem_img{
        width: 300px;
        margin-top: 65px;
        margin-left: 22%;
    }
    .left_display{
        webkit-animation: iphone .4s ease-out .3s both;
        animation: iphone .4s ease-out both;
    }
    .left_display_1{
        webkit-animation: iphone .4s ease-out .3s both;
        animation: iphone .4s ease-out both;
    }
    .propertySystem_div{
        display: inline-block;
        margin-left: 8%;
        margin-top: 55px;
        width: 40%;

    }
    .propertySystem_div h2{
        font-size: 40px;
        line-height: 80px;
    }
    .right_display{
        -webkit-animation: center_two_font .4s ease-out .3s both;
        animation: center_two_font .4s ease-out both;
    }
    .propertySystem_div_1{
        margin-top: 10px;
        cursor: pointer;
    }
    .propertySystem_div_1 h3{
        font-size: 30px;
        line-height: 50px;
    }
    .propertySystem_div_1 p{
        font-size: 20px;
        line-height: 50px;
    }
    .property_check{
        margin-top: 5px;
        color:#27b5f7;
    }
    .property_check h3{
        font-size: 32px;
    }
    .property_check p{
        font-size: 22px;
    }
    .propertySystem_table{
        text-align: center;
        width:70%;
        margin:120px auto;
        color:#fff;
    }
    .propertySystem_table img{
       width:70%;
    }
    .propertySystem_table h2{
        line-height: 50px
    }
    .propertySystem_table p{
        padding:0 20px;
    }
    .propertySystem3_img .swiper-slide img{
        width: 87%;
    margin-left: 25px;
    margin-top: 23%;
    }
.header .about{
    display: none;
}
.header .product{
    display: none;
}
 .article{
        width: 1200px;
        margin:20px auto;
    }
    .article_title{
        margin-top: 20px;
    }
    .article_guide{
        color:#c3c3c3;
    }
    .article .lick {
    
    width: 100%;
    color: #b4b4b4;
    font-size: 18px;
    height: 30px;
}
.article h2{
    color:#1d95d3;
}
    .article .lick p{
        line-height: 40px;
    position: relative;
    margin-right: 40px;
    float: left;

    }
    .article .lick img{
        vertical-align: initial
    }
    .article_content{
        margin-top: 20px;
        border-top:1px solid #ccc;
    }
    .article_pic{
        text-align: center;
        margin:10px 0;
    }
.index_about{
    position: absolute;
    right: 83px;
    top: 60px;
    background-color: #0b0b0d;
    color: #fff;
    height: 120px;
    width: 80px;
    text-align: center;
    padding-top:5px;
    border-radius: 2px;
    -moz-opacity: 0.6;  opacity:.60;  filter: alpha(opacity=40);
}
.index_about_ul{
    cursor: pointer;
    display: inline;
    color: #fff;
    position: absolute;
    right: 95px;
    z-index: 100000000;
   margin-top:2%;
   line-height: 40px;
}
.leaseS{
    height: 750px;
    width:100%;
    overflow: hidden
}
.leftmove{
    -webkit-animation:leftmove 2s ease-out .3s both;
    animation:leftmove 2s ease-out both
}
@-webkit-keyframes downmove1 {
    0% {
    opacity:0;
    transform:translateY(-500px);
    -webkit-transform:translateY(-500px)
}
100% {
    opacity:1;
    transform:translateY(0px);
    -webkit-transform:translateY(0px)
}
}@keyframes downmove1 {
    0% {
    opacity:0;
    transform:translateY(-500px);
    -webkit-transform:translateY(-500px)
}
100% {
    opacity:1;
    transform:translateY(0px);
    -webkit-transform:translateY(0px)
}
}@-webkit-keyframes downmove2 {
    0% {
    opacity:0;
    transform:translateY(-300px);
    -webkit-transform:translateY(-300px)
}
100% {
    opacity:1;
    transform:translateY(0px);
    -webkit-transform:translateY(0px)
}
}@keyframes downmove2 {
    0% {
    opacity:0;
    transform:translateY(-300px);
    -webkit-transform:translateY(-300px)
}
100% {
    opacity:1;
    transform:translateY(0px);
    -webkit-transform:translateY(0px)
}
}@-webkit-keyframes upmove1 {
    0% {
    opacity:0;
    transform:translateY(800px);
    -webkit-transform:translateY(800px)
}
100% {
    opacity:1;
    transform:translateY(0px);
    -webkit-transform:translateY(0px)
}
}@keyframes upmove1 {
    0% {
    opacity:0;
    transform:translateY(800px);
    -webkit-transform:translateY(800px)
}
100% {
    opacity:1;
    transform:translateY(0px);
    -webkit-transform:translateY(0px)
}
}@-webkit-keyframes leftmove {
    0% {
    opacity:0;
    transform:translateX(800px);
    -webkit-transform:translateX(800px)
}
100% {
    opacity:1;
    transform:translateX(0px);
    -webkit-transform:translateX(0px)
}
}@keyframes leftmove {
    0% {
    opacity:0;
    transform:translateX(800px);
    -webkit-transform:translateX(800px)
}
100% {
    opacity:1;
    transform:translateX(0px);
    -webkit-transform:translateX(0px)
}
}@-webkit-keyframes rightmove {
    0% {
    opacity:0;
    transform:translateX(-800px);
    -webkit-transform:translateX(-800px)
}
100% {
    opacity:1;
    transform:translateX(0px);
    -webkit-transform:translateX(0px)
}
}@keyframes rightmove {
    0% {
    opacity:0;
    transform:translateX(-800px);
    -webkit-transform:translateX(-800px)
}
100% {
    opacity:1;
    transform:translateX(0px);
    -webkit-transform:translateX(0px)
}
}@-webkit-keyframes opacity4 {
    0% {
    opacity:0
}
100% {
    opacity:1
}
}@keyframes opacity4 {
    0% {
    opacity:0
}
100% {
    opacity:1
}
}.icon_circle {
    -webkit-animation-delay:.3s;
    animation-delay:.3s;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    opacity:0
}
:root .icon_circle {
    opacity:1
}
.icon_circle_active {
    -webkit-animation-name:rollIn;
    animation-name:rollIn
}
.icon_circle1 {
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.icon_circle2 {
    -webkit-animation-delay:.7s;
    animation-delay:.7s
}
@-webkit-keyframes rollIn {
    0% {
    opacity:0;
    -webkit-transform:translateX(-100%) rotate(-120deg);
    transform:translateX(-100%) rotate(-120deg)
}
100% {
    opacity:1;
    -webkit-transform:translateX(0px) rotate(0deg);
    transform:translateX(0px) rotate(0deg)
}
}@keyframes rollIn {
    0% {
    opacity:0;
    -webkit-transform:translateX(-100%) rotate(-120deg);
    -ms-transform:translateX(-100%) rotate(-120deg);
    transform:translateX(-100%) rotate(-120deg)
}
100% {
    opacity:1;
    -webkit-transform:translateX(0px) rotate(0deg);
    -ms-transform:translateX(0px) rotate(0deg);
    transform:translateX(0px) rotate(0deg)
}
}.cloud {
    position:absolute;
    z-index:0;
    top:150px;
    left:50%;
    margin-left:-715px;
    width:1430px;
    height:530px
}
.cloud_left {
    background:url(../images/cloud_lift.png) no-repeat
}
.cloud_right {
    background:url(../images/cloud_right.png) no-repeat
}
.cloud_left_active {
    -webkit-animation:orbmove 48s linear infinite;
    animation:orbmove 48s linear infinite
}
.cloud_right_active {
    -webkit-animation:orbmove2 96s linear infinite;
    animation:orbmove2 96s linear infinite
}
@-webkit-keyframes orbmove {
    0% {
    -webkit-transform:translateX(0px)
}
50% {
    -webkit-transform:translateX(-1000px)
}
100% {
    -webkit-transform:translateX(0px)
}
}@keyframes orbmove {
    0% {
    transform:translateX(0px)
}
50% {
    transform:translateX(-1000px)
}
100% {
    transform:translateX(0px)
}
}@-webkit-keyframes orbmove2 {
    0% {
    -webkit-transform:translateX(0px)
}
50% {
    -webkit-transform:translateX(1000px)
}
100% {
    -webkit-transform:translateX(0px)
}
}@keyframes orbmove2 {
    0% {
    transform:translateX(0px)
}
50% {
    transform:translateX(1000px)
}
100% {
    transform:translateX(0px)
}
}@-webkit-keyframes downmove {
    0% {
    opacity:0;
    -webkit-transform:translateY(-800px);
    transform:translateY(-800px)
}
60% {
    opacity:1;
    -webkit-transform:translateY(30px);
    transform:translateY(30px)
}
80% {
    -webkit-transform:translateY(-10px);
    transform:translateY(-10px)
}
100% {
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
}@keyframes downmove {
    0% {
    opacity:0;
    -webkit-transform:translateY(-800px);
    -ms-transform:translateY(-800px);
    transform:translateY(-800px)
}
60% {
    opacity:1;
    -webkit-transform:translateY(30px);
    -ms-transform:translateY(30px);
    transform:translateY(30px)
}
80% {
    -webkit-transform:translateY(-10px);
    -ms-transform:translateY(-10px);
    transform:translateY(-10px)
}
100% {
    opacity:1;
    -webkit-transform:translateY(0);
    -ms-transform:translateY(0);
    transform:translateY(0)
}
}@-webkit-keyframes bounceIn {
    0% {
    -webkit-transform:scale3d(.3,.3,.3);
    transform:scale3d(.3,.3,.3)
}
to {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}
}@keyframes bounceIn {
    0% {
    -webkit-transform:scale3d(.3,.3,.3);
    transform:scale3d(.3,.3,.3)
}
to {
    -webkit-transform:scale3d(1,1,1);
    transform:scale3d(1,1,1)
}
}.flipInY {
    -webkit-animation:flip 1s linear;
    animation:flip 1s linear
}
@-webkit-keyframes flip {
    from {
    -webkit-transform:perspective(700px) rotate3d(0,1,0,-360deg);
    transform:perspective(700px) rotate3d(0,1,0,-360deg)
}
40% {
    -webkit-transform:perspective(700px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
    transform:perspective(700px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg)
}
50% {
    -webkit-transform:perspective(700px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
    transform:perspective(700px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg)
}
to {
    -webkit-transform:perspective(700px) scale3d(.95,.95,.95);
    transform:perspective(700px) scale3d(.95,.95,.95)
}
}@keyframes flip {
    from {
    -webkit-transform:perspective(700px) rotate3d(0,1,0,-360deg);
    transform:perspective(700px) rotate3d(0,1,0,-360deg)
}
40% {
    -webkit-transform:perspective(700px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
    transform:perspective(700px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg)
}
50% {
    -webkit-transform:perspective(700px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
    transform:perspective(700px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg)
}
to {
    -webkit-transform:perspective(700px) scale3d(.95,.95,.95);
    transform:perspective(700px) scale3d(.95,.95,.95)
}
}.join h2 {
    text-align:center;
    line-height:1em;
    margin-bottom:35px;
    font-weight:bold;
    font-size:50px;
    color:#555
}
.join h3 {
    line-height:1em;
    margin-bottom:10px;
    font-weight:bold;
    font-size:16px;
    color:#333
}
.join .fix_wid {
    width:1200px;
    margin:0 auto
}
.join .section1 {
    padding:98px 0;
    text-align:center
}
.join .section1 p {
    font-size:12px;
    color:#555
}
.join .section1 li {
    float:left;
    width:25%
}
.join .section1 .icon {
    width:128px;
    height:128px;
    margin:32px auto;
    background:url(../images/join_bg.png) no-repeat
}
.join .section1 .icon1 {
    background-position:0 0
}
.join .section1 .icon2 {
    background-position:-129px 0
}
.join .section1 .icon3 {
    background-position:-258px 0
}
.join .section1 .icon4 {
    background-position:-387px 0
}
.join .section2 {
    padding:80px 0 60px;
    background:#f1eeea
}
.join .section2 p {
    text-align:center;
    margin-top:36px
}
.join .section2 ul {
    margin:60px 0 0 300px;
    font-size:16px;
    font-weight:bold;
    color:#333
}
.join .section2 li {
    margin-bottom:28px
}
.join .section2 ul span {
    display:inline-block;
    width:30px;
    height:30px;
    line-height:30px;
    margin-right:28px;
    text-align:center;
    color:#fff;
    background:url(../images/join_bg.png) no-repeat -532px 0
}
.join .section3 {
    padding:106px 0
}
.join .section3 .state {
    margin-top:36px;
    text-align:center;
    color:#555
}
.join .section3 .process {
    width:605px;
    height:85px;
    line-height:85px;
    margin:50px auto 0;
    background:url(../images/join_bg.png) no-repeat 0 -130px
}
.join .section3 .process li {
    float:left;
    width:25%;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:#fff
}
.join table {
    width:100%;
    margin-top:90px;
    border:#ddd solid 1px
}
.join th {
    height:52px;
    padding-left:30px;
    text-align:left;
    background:#f1eeea
}
.join td {
    padding:0 30px
}
.join th,.join td {
    border-right:#ddd solid 1px;
    border-bottom:#ddd solid 1px
}
.join p {
    line-height:40px
}
.join .link {
    margin-top:90px;
    text-align:center
}
.join .link a {
    display:inline-block;
    width:188px;
    height:46px;
    line-height:46px;
    text-align:center;
    font-size:18px;
    color:#fff;
    background:#f60
}
.join .link a:hover {
    color:#fff!important
}
.applywifi {
    width:1200px;
    margin:0 auto
}
.applywifi .banner {
    margin:28px 0
}
.applywifi .m_title {
    line-height:1em;
    font-size:18px;
    padding-bottom:8px;
    font-weight:normal;
    border-bottom:#f5f5f5 solid 1px
}
.applywifi .conbox {
    padding:20px 0 100px;
    border-bottom:#f5f5f5 solid 1px
}
.conbox .success {
    padding:152px 0 100px 418px;
    font-size:16px
}
.conbox .success i {
    display:inline-block;
    vertical-align:middle;
    width:36px;
    height:36px;
    margin-right:22px;
    background:url(../images/icon2.png) no-repeat
}
.conbox .success i.s {
    background-position:0 0
}
.conbox .success i.e {
    background-position:0 -46px
}
.conbox .success .link {
    display:inline-block;
    width:128px;
    height:36px;
    line-height:36px;
    margin:54px 0 0 128px;
    text-align:center;
    font-size:14px;
    color:#fff;
    background:#f60
}
.conbox .success .link:hover {
    color:#fff!important
}
.conbox .error .link {
    background:#a9a9a9
}
.applywifi .formbox {
    float:left;
    width:640px;
    padding:20px 0 30px;
    font-size:12px;
    border-right:#f5f5f5 solid 1px
}
.applywifi .formbox select {
    font-size:12px
}
.applywifi .formbox dl {
    height:66px;
    overflow:hidden
}
.applywifi .formbox dl.ctiy {
    height:75px
}
.applywifi .formbox dl.operators {
    height:56px
}
.applywifi .formbox dl.address {
    height:106px
}
.applywifi .formbox dl.bandwidth {
    height:102px
}
.applywifi .formbox dt {
    float:left;
    width:145px;
    height:66px;
    margin-right:25px;
    text-align:right
}
.applywifi .formbox dd {
    overflow:hidden
}
.applywifi .formbox .state {
    margin:2px 0 0;
    line-height:18px;
    color:#999
}
.applywifi textarea {
    font-size:12px!important
}
.applywifi .text {
    width:314px;
    height:20px;
    line-height:20px;
    padding:5px;
    border:#e7e7eb solid 1px;
    background:#fff
}
.applywifi .text:focus {
    border-color:#70a424
}
.applywifi .text2 {
    width:60px;
    padding:2px
}
.applywifi .text3 {
    height:60px
}
.applywifi select {
    width:160px;
    height:30px;
    height:inherit\0;
    padding:4px 0\0;
    margin-right:2px;
    color:#333
}
*+html .applywifi select {
    height:22px
}
.applywifi label,.applywifi .label {
    width:108px;
    display:block;
    float:left;
    color:#a9a9a9
}
.applywifi label.on,.applywifi .label.on {
    color:#333
}
.applywifi label input,.applywifi .label input {
    vertical-align:-1px;
    margin:0 4px 0 0
}
.applywifi .btnbox {
    padding:0 0 0 170px
}
.applywifi .btnbox input {
    width:128px;
    height:36px;
    cursor:pointer;
    font-size:14px;
    font-family:'microsoft yahei';
    color:#fff;
    border:none 0;
    background:#f60
}
.applywifi .desbox {
    float:right;
    width:550px
}
.applywifi .desbox h2 {
    margin-top:10px
}
.applywifi .desbox h2,.applywifi .desbox ul {
    padding-left:66px;
    font-size:16px
}
.applywifi .desbox li {
    margin-top:30px;
    line-height:1.2em
}
.applywifi .desbox a {
    padding-left:30px;
    color:#333;
    background:url(../images/listicon2.png) no-repeat left 2px
}
.applywifi .desbox a:hover {
    background-position:left -22px
}
.applywifi .desbox .img1 {
    margin:60px 0 0 85px
}
.sectionbox h4 {
    line-height:1.2em;
    font-size:32px;
    font-weight:normal;
    color:#333
}
.applywifi .section {
    overflow:hidden
}
.applywifi .section_1 {
    padding:130px 0 0 60px
}
.applywifi .section_1 .thumb {
    float:left;
    margin-right:75px
}
.applywifi .section_1 p {
    margin:30px 0 50px;
    line-height:1.5em;
    font-size:16px
}
.applywifi .section_2 {
    padding-top:95px;
    background:#f4f4f4
}
.applywifi .section_2 .thumb {
    float:right;
    margin:0 125px 0 140px
}
.applywifi .section_3 {
    padding:120px 0 135px
}
.applywifi .section_3 h4 {
    float:right;
    margin:120px 40px 0 0
}
.section_3 .itemsbox {
    float:left;
    width:490px;
    margin:0 0 0 95px
}
.section_3 .itemul {
    position:relative;
    height:292px
}
.section_3 .item {
    position:absolute;
    left:0;
    top:0;
    display:none;
    line-height:28px;
    font-size:16px
}
.section_3 .item h3 {
    padding-bottom:8px;
    font-size:24px;
    font-weight:normal
}
.section_3 .item p,.section_3 .item ul {
    margin-top:20px
}
.section_3 .item .num {
    margin:0 3px;
    color:#f80
}
.section_3 .btn {
    display:block;
    margin-top:34px;
    width:128px;
    height:36px;
    line-height:36px;
    text-align:center;
    font-size:14px;
    color:#999;
    background:#dbdbdb
}
.applywifi .section_4 {
    padding:78px 0 0;
    background:#f4f4f4
}
.applywifi .section_4 .thumb {
    float:right;
    margin:0 100px 0 0
}
.applywifi .section_2 h4,.applywifi .section_4 h4 {
    margin:100px 0 0 80px;
    float:left
}
.applywifi .section_5 {
    padding:120px 0 94px 80px
}
.applywifi .section_5 .thumb {
    float:left
}
.applywifi .section_5 h4 {
    float:left;
    margin:170px 0 0 120px
}
.applywifi .section_6 {
    padding:100px 0 0;
    background:#f4f4f4
}
.applywifi .section_6 .thumb {
    float:right;
    margin-right:150px
}
.applywifi .section_6 h4 {
    float:left;
    margin:100px 0 0 80px
}
.applywifi .section_7 {
    padding:110px 0 100px 340px
}
.applywifi .section_7 .thumb {
    float:left;
    margin-right:60px
}
.applywifi .section_7 h4 {
    float:left;
    margin-top:25px
}
.about_ld .content {
    font-size:14px
}
.about_ld .state {
    margin:30px 0;
    font-size:16px;
    color:#555
}
.about_ld .line {
    height:0;
    overflow:hidden;
    margin:44px 0;
    border-bottom:#ddd dashed 1px
}
.about_ld .section {
    overflow:hidden
}
.about_ld .thumb {
    float:left;
    margin-right:22px;
    border:#e3e3e3 solid 1px
}
.about_ld .t1 {
    font-size:30px
}
.about_ld .t2 {
    font-size:20px
}
.about_ld .t1,.about_ld .t2 {
    margin-bottom:12px;
    font-weight:bold;
    color:#494949
}
.about_ld .bd {
    overflow:hidden
}
.about_ld .con {
    text-indent:28px;
    color:#555
}
.about_ld .state,.about_ld .con {
    line-height:24px!important
}
.about_ld .content .detail img {
    width:auto;
    margin-bottom:0
}
.about_ld .content .detail p {
    padding:0;
    line-height:1.2
}
.about_ld .content .title {
    border:0 none
}
.form_tip {
    display:none;
    *zoom:1;
    line-height:18px;
    font-style:normal;
    font-size:12px
}
.form_tip .icon {
    display:none
}
.form_tip_error {
    display:block;
    color:red
}
.jiathis_weixin_modal {
    height:380px!important
}
.bdtj_box {
    height:0;
    overflow:hidden
}
#weixin_banner2 img {
    width:28%;
    position:absolute;
    right:3%;
    top:50%;
    margin-top:-82px
}
#weixin_banner img {
    width:30%;
    position:absolute;
    right:5%;
    top:50%;
    margin-top:-81px
}
.body_profile .article .content .title {
    border:0
}
.profile {
    line-height:1.5em;
    text-indent:32px;
    font-size:16px;
    border-bottom:#ddd dashed 1px
}
.profile p {
    margin-bottom:25px;
    padding:0!important
}
.profile_contact {
    overflow:hidden
}
.profile_contact h4 {
    margin:30px 0 28px;
    font-size:18px;
    color:#f60
}
.profile_contact li {
    line-height:22px;
    margin-bottom:20px
}
.profile_contact p {
    padding:0!important;
    color:#333!important
}
.profile_contact .b {
    font-weight:bold
}
.profile_contact .map {
    margin-bottom:12px;
    padding:4px;
    background:#fff;
    border:#dbdbdb solid 1px
}
.profile_contact img {
    margin:0!important
}
.route_info {
    line-height:1.5em;
    font-size:16px
}
.route_info p {
    text-indent:32px;
    padding:0!important
}
.route_info .img {
    margin:20px 0 50px!important
}
.route_info img {
    margin:0!important
}
.route_info .section {
    margin-bottom:28px;
    padding-bottom:20px;
    line-height:24px;
    font-size:14px
}
.route_info .section p {
    margin-bottom:30px;
    text-indent:28px
}
.route_info h4 {
    margin-bottom:5px;
    font-size:18px;
    color:#333
}
.route_info .bor {
    border-bottom:#ddd dashed 1px
}
.stage1_image {
    float:left;
    width:310px;
    height:229px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    margin-left:55px;
    margin-top:60px;
    background:#d8dbe5;
    position:relative;
    pointer-events:none
}
.stage1_image img {
    width:310px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    pointer-events:auto
}
.stage1_image .dis {
    width:100%;
    height:100%;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    background:rgba(0,0,0,.5);
    position:absolute;
    left:0;
    top:0;
    font-size:24px;
    color:#fff;
    display:none;
    _display:none!important;
    *display:none!important;
    -webkit-animation:bounceIn .7s linear;
    animation:bounceIn .7s linear
}
.stage1_image .font {
    width:100%;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-160px;
    margin-top:-15px;
    font-size:24px;
    display:none;
    _display:none!important;
    *display:none!important;
    -webkit-animation:bounceIn .7s linear;
    animation:bounceIn .7s linear
}
.clearfloat:before,.clearfloat:after {
    content:"";
    display:table
}
.clearfloat:after {
    clear:both;
    overflow:hidden
}
.clearfloat {
    zoom:1
}
.about-scrolling-bg {
    width:100%;
    background:#ebebeb
}
.src-2-cmainbox {
    width:1400px;
    margin:0 auto;
    padding-bottom:30px;
    padding-top:30px
}
.addbox {
    float:left;
    margin-left:220px
}
.stage5 .disDiv {
    width:100%;
    height:100%;
    background:#000;
    opacity:.5;
    -webkit-opacity:.5;
    -moz-opacity:.5;
    -ms-opacity:.5;
    alpha(opacity=50)\0,alpha(opacity=50)\9;
    position:absolute;
    top:0;
    right:0;
    z-index:9
}
.stage5 .center_two .link {
    float:left;
    margin-top:80px;
    margin-left:170px;
    position:relative
}
.icon_circle_about {
    margin-left:0
}
.stage5 .center_two .link span {
    color:#555;
    font-size:24px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    position:absolute;
    left:50%;
    top:220px;
    -webkit-transform:translate(-50%,0);
    -moz-transform:translate(-50%,0);
    transform:translate(-50%,0)
}
.about_root {
    width:1200px;
    margin:0 auto
}
.stage .center p.onFont {
    color:#151515
}
.stage5Th .disDiv {
    display:none
}
.stage5 .center_thr {
    top:-100px
}
.stage2_shoulouAll {
    width:350px;
    margin-left:60px
}
.stage2_shoulouAll,.chanp_yuan {
    float:left
}
.swiper2 .stage4_top {
    margin-bottom:65px
}
.chanp_yuan {
    margin-top:20px;
    margin-left:20px;
    width:22px
}
.zhuni {
    margin-left:30px
}
.stage5 .center_thr .lianxi_phone {
    top:0
}
@media only screen and (min-width:200px) and (max-width:1460px) {
    .propertySystem_div {
        margin-top: 25px;
    }
    #stateSystem_two_p{
        margin-top: 20px;
    }
    #stateSystem_two_p p{
        width:100%;
        margin-left:0;
        color:#3c3c3b;
    }
    .stateSystem_two_ul ul li{
        display: inline-block;
        font-size: 28px;
        margin-left: 40px;
        margin-top: 20px;
    }
    .stage1_image .font {
        margin-left:-120px
    }
    .marketing_list_title {
        font-size: 23px;
        line-height: 44px;
    }
    .marketing_list_con {
        font-size: 18px;
        line-height: 38px;
    }

    .marketingdiv {
        border: 3px solid #2881ed;
        height: 153px;
    }
    .stage4_image {
        padding:15px 25px 15px 25px;
        margin-top:20px;
        margin-bottom:20px
    }
    .stage4_image img {
        widtth:150px;
        height:45px
    }
    .stage4 h2 {
        margin-top:55px
    }
    .swiper-container-horizontal>.swiper-pagination {
        bottom:30px!important
    }
    .stage h2 {
        font-size:36px;
        margin-top:40px
    }
    .stage .center p {
        margin-left:95px;
        font-size:20px;
        line-height:27px
    }
    .header_tel {
        right:10px;
        font-size:12px
    }
    #weixin_banner h2.tit2,#weixin_banner2 h2.tit2 {
        margin-top:-10px
    }
    .stage1_image {
        float:left;
        width:250px;
        height:185px;
        border-radius:10px;
        -webkit-border-radius:10px;
        -moz-border-radius:10px;
        margin-left:100px;
        margin-top:25px;
        background:#d8dbe5;
        position:relative
    }
    .stage1 .news .title p {
        padding:10px 0 0 0
    }
    .stage1_image img {
        width:250px;
        height:185px
    }
    .stage1 .center p {
        padding-top:5px
    }
    .stage2 .center_two {
        padding-top:40px
    }
    .center_two_font {
        width:400px;
        height:500px;
        position:absolute;
        top:50%;
        margin-top:-240px;
        right:60px
    }
    .center_two_font h2 img {
        width:75px
    }
    .chanp_yuan {
        display:block;
        margin-left:30px;
        width:18px;
        margin-top:20px
    }
    .stage2_shoulouAll {
        width:290px;
        margin-left:60px
    }
    .center_two .iphone {
        float:left;
        width:325px;
        margin-left:160px
    }
    .center_two_font {
        right:130px
    }
    .doSomething_fontAll {
        float:left;
        width:300px;
        height:200px;
        margin-left:70px;
        margin-top:10px
    }
    .doSomething_img {
        font-size:24px
    }
    .doSomething_img img {
        width:45px
    }
    .doSomething_font2 {
        font-size:14px;
        margin-top:20px;
        line-height:26px
    }
    .stage5 .country {
        width:500px;
        height:397px;
        position:relative;
        margin-left:85px
    }
    .stage5 .country .country_img {
        width:500px;
        height:397px;
        position:absolute;
        left:0;
        top:0
    }
    .stage5 .lianxi_phone_fir {
        margin-top:10px
    }
    .stage5 .country .xing {
        position:absolute;
        right:70px;
        bottom:60px
    }
    .center_two_font .h2 {
        font-size:30px;
        line-height:50px;
        margin-top:65px
    }
    .stage .center p.stage2_shoulou {
        width:290px;
        margin-top:13px;
        font-size:20px
    }
    .stage .center p.stage2_shoulouF {
        width:290px;
        font-size:14px;
        margin-top:0
    }
    .stage3 .doSomething {
        font-size:30px;
        line-height:110px
    }
    .doSomething_fontAll {
        margin-top:0
    }
    .intelligent_top ul li img.intelligent_img{
        width:100px; 
        height:66px;
    }
    .intelligent_top ul li div{
        font-size: 24px;
    }
    .doSomething_img {
        font-size:22px
    }
    .doSomething_font2 {
        font-size:14px;
        margin-top:10px;
        line-height:25px
    }
    .doSomething_font {
        margin-top:10px
    }
    .stage5 .lianxi_all {
        padding:50px 0 0 0
    }
    .stage5 .lianxi_phone {
        width:315px;
        right:200px
    }
    .page-end {
        height:300px
    }
    .page-end .about {
        padding:0
    }
    .news_tab ul li {
        font-size:20px;
        width:80px
    }
    .news_detil_img img {
        width:350px;
        height:241px
    }
    .news_detilFont {
        width:480px;
        height:241px
    }
    .news_detilFont p.bigFont {
        font-size:24px
    }
    .news_detilFont p.smail {
        font-size:16px;
        line-height:28px
    }
    .stage5 .center {
        top:54%
    }
    .stage1_image .font {
        margin-left:-120px
    }
    .stage4_image {
        padding:15px 25px 15px 25px;
        margin-top:20px;
        margin-bottom:20px
    }
    .stage4_image img {
        widtth:150px;
        height:45px
    }
    .stage4 h2 {
        margin-top:55px
    }
    .stage4 h4,.swiper2 h4 {
        font-size:26px
    }
    .swiper2 .stage4_bottom img {
        width:600px
    }
    .swiper2 .stage4_top {
        margin-bottom:40px
    }
    .iphone2 {
        width:400px;
        right:160px;
        margin-top:-180px
    }
    .center_two_font2 h2 {
        margin-top:0
    }
    .stage5 {
        height:450px;
        background:url(../images/map_bg.png);
        background-size:100% 500px
    }
    .stage5 .lianxi_phone {
        top:100px
    }
    .stage5 .center_thr {
        top:10%!important
    }
    .center_thr h2 {
        margin-top:5px
    }
    .stage1 .center_thr {
        margin-top:30px!important
    }
    .center_thr .iphone {
        margin-top:15px!important
    }
    .stage5 .center_thr .lianxi_phone {
        width:320px;
        right:80px;
        top:-210px!important
    }
    .center_thr .stage4_top {
        margin-top:50px
    }
    .stage4_image img {
        widtth:150px;
        height:45px
    }
    .stage4 h2 {
        margin-top:55px
    }
    .stage4 h4,.swiper2 h4 {
        font-size:26px
    }
    .swiper2 h4 {
        font-size:22px
    }
    .swiper2 .stage4_bottom img {
        width:600px
    }
    .swiper2 .stage4_top {
        margin-bottom:40px
    }
    .iphone2 {
        width:400px;
        right:160px;
        margin-top:-190px
    }
    .center_two_font2 h2 {
        margin-top:0
    }
    .swiper2 h2 {
        margin-bottom:15px
    }
    .stage5 .center_thr {
        top:10%!important
    }
    .center_thr h2 {
        margin-top:5px
    }
    .stage1 .center_thr {
        margin-top:30px!important
    }
    .center_thr .iphone {
        margin-top:15px!important
    }
    .center_thr .stage4_top {
        margin-top:50px
    }
    .center_two_font .h2 img {
        width:55px
    }
    .stage5 .lianxi_phone_all {
        margin-top:10px
    }
    .stage5 h2 {
        margin-bottom:10px
    }
    .stage5 .lianxi_phone {
        top:110px
    }
    .center_two_font2 {
        margin-left:180px
    }
    .news_detil_all {
        padding:30px 45px 30px 45px
    }
    .news_tab ul {
        padding-left:45px
    }
    .marketingtitle{
        font-size: 42px;
        margin-top: 56px;
        text-align: center;
        line-height: 150px;
    }

}
@media only screen and (min-width:200px) and (max-width:1200px) {
    #stateSystem_two_p{
    margin-top: 20px;
}
#stateSystem_two_p p{
    width:100%;
    margin-left:0;
    color:#3c3c3b;
}
    .header {
    width:1000px;
    margin-left:-500px
}
.marketingtitle{
    font-size: 38px;
    margin-top: 56px;
    text-align: center;
    line-height: 150px;
}
.marketing_list_title {
    font-size: 22px;
    line-height: 60px;
}
.marketing_list_con {
    font-size: 18px;
    line-height: 36px;
}
.page-end .about,.page-end_bottom div {
    width:1000px
}
.center_two {
    width:1000px;
    margin-left:-500px
}
.stage1_image,.stage .center p {
    margin-left:82px
}
.doSomething_img {
    font-size:18px
}
.doSomething_font2 {
    font-size:12px
}
.doSomething_fontAll {
    margin-left:10px
}
.stage4_image {
    margin-left:30px
}
.stage5 .lianxi_phone {
    right:165px
}
.center_two .iphone {
    width:300px
}
.stage .center p.stage2_shoulouF {
    font-size:12px
}
.center_two .iphone {
    300px
}
.center_two_font .h2 img {
    width:50px
}
.zhuni {
    margin-left:20px
}
.chanp_yuan {
    width:17px;
    margin-left:20px
}
.stage .center p.stage2_shoulou {
    width:220px;
    margin-top:10px;
    font-size:16px
}
.stage .center p.stage2_shoulouF {
    font-size:12px;
    margin-top:0
}
.stage2_shoulouAll {
    margin-left:35px
}
.center_two_font {
    width:365px;
    right:100px
}
.center_two_font .h2 {
    margin-top:80px
}
.center_two_font2 h2 span {
    margin-left:35px
}
.swiper2 .stage4_bottom img {
    width:520px
}

.stage h2 {
    font-size:26px
}
.stateSystem_two_ul ul li{
        display: inline-block;
        font-size: 24px;
        margin-left: 40px;
        margin-top: 20px;
    }
.swiper2 h4 {
    font-size:20px
}
.iphone2 {
    width:360px;
    margin-top:-170px
}
.page-end .service .info ul {
    padding:0 30px
}
.stage5 .lianxi_phone {
    width:320px!important
}
.nlists {
    width:980px
}
.news_detil_img {
    width:300px
}
.news_detil_img img {
    width:300px;
    height:207px
}
.news_detilFont {
    width:350px
}
.news_detilFont p.bigFont {
    font-size:22px;
    line-height:50px
}
.news_detilFont p.smail {
    font-size:14px;
    line-height:23px
}
.news_detil_all {
    padding:30px;
    box-sizing:border-box
}
.news_detilFont {
    height:210px
}
.news_detilFont .lick {
    font-size:16px
}
.news_tab ul {
    padding-left:30px
}
.news_detilFont {
    height:175px
}
.news_detilFont p.smail {
    line-height:24px
}
.news_detilFont p.bigFont {
    line-height:40px
}
.page-end_bottom>span {
    position:absolute;
    left:50%;
    margin-left:-420px
}
}@media only screen and (min-width:200px) and (max-width:1000px) 
{
    #stateSystem_two_p{
    margin-top: 20px;
}
#stateSystem_two_p p{
    width:100%;
    margin-left:0;
    color:#3c3c3b;
}
    .header {
    width:800px;
    margin-left:-400px
}
.marketingtitle{
    font-size: 36px;
    margin-top: 56px;
    text-align: center;
    line-height: 150px;
}
.marketing_list_title {
    font-size: 20px;
    line-height: 56px;
}
.marketing_list_con {
    font-size: 13px;
    line-height: 36px;
}
.nlists {
    width:800px
}
.page-end .about,.page-end_bottom div {
    width:800px
}
.center_two {
    width:800px;
    margin-left:-400px
}
.stage1_image {
    margin-left:96px
}
.stage .center p {
    margin-left:30px
}
.intelligent_top ul li img.intelligent_img{
    width:80px; 
    height:54px;
}
.intelligent_top ul li div{
    font-size: 20px;
}
.stage1_imageOn {
    display:none!important
}
.stage .center p {
    font-size:16px;
    margin-left:41px
}
.stage h2 {
    font-size:22px
}
.stateSystem_two_ul ul li{
        display: inline-block;
        font-size: 20px;
        margin-left: 40px;
        margin-top: 20px;
    }
.center_two .iphone {
    width:270px;
    margin-left:90px
}
.center_two_font {
    right:10px
}
.chanp_yuan {
    width:16px;
    margin-top:15px
}
.stage .center p.stage2_shoulou {
    margin-top:5px
}
#weixin_banner img,#weixin_banner2 img {
    width:35%
}
.center_two_font2 {
    width:290px
}
.iphone2 {
    width:350px;
    right:60px
}
.doSomething_fontAll {
    margin-left:55px
}
.center_two_font .h2 {
    margin-top:95px
}
.stage4_image {
    margin-left:42px
}
.page-end .service .info ul {
    padding:0 17px
}
.page-end .service .info ul h3,.page-end_bottom div {
    font-size:16px
}
.stage5 {
    height:430px;
    background:url(../images/map_bg.png);
    background-size:100% 430px
}
.stage5 .lianxi_phone_all span {
    font-size:14px;
    width:220px;
    margin-left:65px
}
.stage5 .lianxi_phone_all img {
    width:45px
}
.stage5 .lianxi_phone {
    width:280px
}
.stage5 .lianxi_phone_all {
    margin-top:5px
}
.stage5 .lianxi_phone {
    right:110px
}
.page-end_bottom div {
    width:800px
}
.stage5 .lianxi_phone {
    width:280px!important
}
.news_detil_img {
    width:250px
}
.news_detil_img img {
    width:250px;
    height:173px
}
.news_detilFont p.bigFont {
    font-size:20px
}
.news_detilFont p.smail {
    font-size:12px
}
.news_detilFont {
    width:300px;
    margin-left:30px
}
.news_detilFont .lick {
    font-size:14px
}
.news_detil_all,.news_tab ul {
    padding:20px
}
.page-end_bottom>span {
    position:absolute;
    left:50%;
    margin-left:-320px
}
}@media only screen and (min-width:200px) and (max-width:660px) {

    #stateSystem_two_p{
    margin-top: 20px;
}
#stateSystem_two_p p{
    width:100%;
    margin-left:0;
    color:#3c3c3b;
}
    .header {
    width:660px;
    margin-left:-330px
}
.marketingtitle{
    font-size: 34px;
    margin-top: 56px;
    text-align: center;
    line-height: 150px;
}
.marketing_list_title {
    font-size: 20px;
    line-height: 52px;
}
.marketing_list_con {
    font-size: 13px;
    line-height: 30px;
}
.header .nav a {
    padding:0 5px
}
.header .nav {
    margin-right:50px
}
.center_two {
    width:660px;
    margin-left:-330px
}
#weixin_banner img,#weixin_banner2 img {
    width:40%
}
.stage .center p {
    margin-left:22px
}
.stage1_image,.stage1_image img {
    width:220px;
    height:163px
}
.stage1_image {
    margin-left:70px
}
.center_two .iphone {
    width:250px
}
.center_two_font {
    width:310px
}
.stage2_shoulouAll,.stage .center p.stage2_shoulou {
    width:220px
}
.center_two .iphone {
    margin-left:60px
}
.stage h2 {
    font-size:20px
}
.stateSystem_two_ul ul li{
        display: inline-block;
        font-size: 18px;
        margin-left: 40px;
        margin-top: 20px;
    }
.swiper2 h4 {
    font-size:16px
}
.center_two_font2 {
    margin-left:50px
}
.iphone2 {
    width:300px;
    margin-top:-125px;
    right:40px
}
.doSomething_fontAll {
    margin-left:20px
}
.doSomething_img img {
    width:40px
}
.doSomething_img {
    font-sie:16px
}
.stage3 .doSomething {
    font-sie:26px
}
.stage4_image {
    margin-left:10px;
    padding:10px 20px 10px 20px
}
.stage5 {
    height:370px;
    background:url(../images/map_bg.png);
    background-size:100% 370px
}
.stage5 .lianxi_phone {
    width:250px;
    padding:10px
}
.stage5 .lianxi_phone_all span {
    font-size:12px
}
.stage5 .lianxi_phone_all span {
    width:190px
}
.stage5 .lianxi_phone_all span {
    line-height:25px
}
.stage5 .lianxi_phone {
    top:135px
}
.page-end .service .info ul.first {
    padding:0
}
.page-end .service .info ul.first {
    margin-left:50px
}
.page-end .service .info ul {
    padding:0 10px
}
.online span {
    font-size:16px
}
.online img {
    width:115px
}
.page-end .service .online {
    margin-left:30px
}
.page-end_bottom div {
    width:660px
}
.page-end_bottom div span {
    margin-left:50px
}
}.scale_img.current {
    -webkit-animation:congobg 2s ease 0s;
    -ms-animation:congobg 2s ease 0s;
    -o-animation:congobg 2s ease 0s;
    -moz-animation:congobg 2s ease 0s;
    animation:congobg 2s ease 0s
}
@-ms-keyframes congobg {
    from {
    -ms-transform:scale(1,1)
}
to {
    -ms-transform:scale(1.05,1.05)
}
}@-webkit-keyframes congobg {
    from {
    -webkit-transform:scale(1,1)
}
to {
    -webkit-transform:scale(1.05,1.05)
}
}@-moz-keyframes congobg {
    from {
    -moz-transform:scale(1,1)
}
to {
    -moz-transform:scale(1.05,1.05)
}
}@-o-keyframes congobg {
    from {
    -o-transform:scale(1,1)
}
to {
    -o-transform:scale(1.05,1.05)
}
}@keyframes congobg {
    from {
    transform:scale(1,1)
}
to {
    transform:scale(1.05,1.05)
}
}.scale_img.cur {
    -webkit-animation:congobgcur 2s ease 0s;
    -ms-animation:congobgcur 2s ease 0s;
    -o-animation:congobgcur 2s ease 0s;
    -moz-animation:congobgcur 2s ease 0s;
    animation:congobgcur 2s ease 0s
}
@-ms-keyframes congobgcur {
    from {
    -ms-transform:scale(1.05,1.05)
}
to {
    -ms-transform:scale(1,1)
}
}@-webkit-keyframes congobgcur {
    from {
    -webkit-transform:scale(1.05,1.05)
}
to {
    -webkit-transform:scale(1,1)
}
}@-moz-keyframes congobgcur {
    from {
    -moz-transform:scale(1.05,1.05)
}
to {
    -moz-transform:scale(1,1)
}
}@-o-keyframes congobgcur {
    from {
    -o-transform:scale(1.05,1.05)
}
to {
    -o-transform:scale(1,1)
}
@keyframes congobgcur {
    from {
    transform:scale(1.05,1.05)
}
to {
    transform:scale(1,1)
}
}