body{
font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif;
}
ul li { list-style-type: none; margin: 0; padding: 0; }
.clearfloat:after { visibility:hidden; content:""; font-size:0px; clear:both; height:0px; display:block; }
.clearfloat { zoom:1 }
.float-right { float: right; }
.float-left { float: left; }
.text-center { text-align: center; }
.write-color { color: #fff !important; }
h3 { font-size: 30px; line-height: 150%; font-weight: normal; margin: 0; }
h4 { font-size: 20px; font-weight: normal; margin: 0; }
h6 { font-size: 16px; font-weight: normal; margin: 0; }
a:hover,a:visited,a:active { text-decoration: none; }
img { width: 100%; height: auto; display: block; }
.pre { position: relative; }
.tittle { text-align: center; padding: 5% 0 3%; }
.font16 { font-size: 16px; line-height: 28px; }
.gray { color: #6e6e6e; }
.color { color: #fc3768; }
.margin-top15 { margin-top: 15px; }
.pubmt { margin-top: 5%; }

/* 头部 */
.container1 { width: 90%; }
.header .top .logo{float:left;padding-left:100px;overflow: hidden;}
.header .top .logo a,.header .top .logo .last{display:block;float:left;height:100%;}
.index-nav{float:right;padding-right:100px;padding-top:30px; position: relative; }
.index-nav>a{padding:0px 25px;line-height:40px;font-size:18px;color:#fff;display:block;float:left;}
.index-nav>a:hover{color:#ff3366;border:1px solid #ff3366;border-radius:5px;padding:0px 24px;}
.index-nav>a:hover{border:none;color:#fe3366;padding:0px 25px;}
.index-nav-icon{position:absolute;right:15px;top:20px;display:none;}
.index-nav-icon p{width:30px;}
.index-nav-icon p.active span{background:#e60012;}
.index-nav-icon p span{display:block;height:3px;width:100%;background:#ff3366;margin:5px 0px;}
.header{position: absolute;top:0;width: 100%;z-index: 5;height: 90px;
    background:none;transition:all .6s;
    -moz-transition:all .6s; /* Firefox 4 */
    -webkit-transition:all .6s; /* Safari and Chrome */
    -o-transition:all .6s; /* Opera */}
.header .top .logo a{
    width:95px;
    height: 90px;
    transition:all .6s;
    -moz-transition:all .6s; /* Firefox 4 */
    -webkit-transition:all .6s; /* Safari and Chrome */
    -o-transition:all .6s; /* Opera */}
.header .top .logo .last{
    width: 140px;
    height: 90px;
    transition:all .6s;
    -moz-transition:all .6s; /* Firefox 4 */
    -webkit-transition:all .6s; /* Safari and Chrome */
    -o-transition:all .6s; /* Opera */}
.header .index-nav{transition:all .6s;
    -moz-transition:all .6s; /* Firefox 4 */
    -webkit-transition:all .6s; /* Safari and Chrome */
    -o-transition:all .6s; /* Opera */}
.header .index-nav-icon{cursor: pointer;}
.header .index-nav-phone{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;
    background: #fe3366 url(../images/bg-float.jpg) top left repeat-x;}
.header .index-nav-phone .btn-close2{position: fixed;right: 15px;top: 20px;cursor: pointer;width: 27px;height: 27px;}
.header .index-nav-phone .btn-close2 img{width: 100%;}
.header .index-nav-phone .top{position: absolute;top: 20%;width: 100%;text-align: center;
    color: #fff;font-size:18px;line-height: 24px;letter-spacing: 0.1em;}
.header .index-nav-phone .top a{ margin-bottom: 40px;cursor: pointer; color: #fff; display: block; }
.header .index-nav-phone .bottom { position: absolute;bottom:12%;width: 100%;text-align: center;}
.header .index-nav-phone .bottom .btn{padding:0 20px;}
.header .index-nav-phone .bottom .text{color: #fff;height: 60px;line-height: 60px; border-radius: 10px;font-size: 18px; border:1px solid #fff;margin-bottom: 20px;}
.header .index-nav-phone .bottom .text span{padding:0 20px;}
.header .index-nav-phone .bottom a{color: #fff;display: block;height: 60px;line-height: 60px;text-indent: 40px; border-radius: 10px;font-size: 20px; background:url(../images/s11.png) no-repeat 35% center;border:1px solid #fff;}

.header.on{position: fixed; background: rgba(0,0,0,.7); height: 67px;
    transition:all .6s;
    -moz-transition:all .6s; /* Firefox 4 */
    -webkit-transition:all .6s; /* Safari and Chrome */
    -o-transition:all .6s; /* Opera */
}
.header.on .top .logo a{height: 67px;width: 370px;
    transition:all .6s;
    -moz-transition:all .6s; /* Firefox 4 */
    -webkit-transition:all .6s; /* Safari and Chrome */
    -o-transition:all .6s; /* Opera */}
.header.on .top .logo .last{
    height: 67px;
    width: 90px;
    transition:all .6s;
    -moz-transition:all .6s; /* Firefox 4 */
    -webkit-transition:all .6s; /* Safari and Chrome */
    -o-transition:all .6s; /* Opera */
}
.header.on .top .logo img{height: 100%;width: auto;}
.header.on .index-nav{padding-top: 13px;transition:all .6s;
    -moz-transition:all .6s; /* Firefox 4 */
    -webkit-transition:all .6s; /* Safari and Chrome */
    -o-transition:all .6s; /* Opera */}

/* 全链条微信解决方案 */
.index-fangan .min-title { text-align: center; color: #333; }
.index-fangan img { width: 220px; height: auto; margin: 0 auto 18%; max-width: 100%; }
.index-fangan .col-md-3 a { display: block; }

.gray-bg { background: #f2f2f2; padding: 0 0 5%; }
/* 优势 */
.index-youshi { margin-top: 5%; }
.index-youshi .col-sm-6 { margin: 1% 0 2%; }
.index-youshi .col-md-8 { margin-top: 6%; }

/* 案例 */
.index-case .col-sm-4 { padding: 0; margin-bottom: 25px; }
.index-case .col-sm-4 img { margin-bottom: 10px; }
.index-case .col-sm-4 p, .index-case .col-sm-4 h6 { color: #666; padding-left: 2%; }
.index-case .col-sm-4 p { font-size: 12px; color: #878787; line-height: 24px; }

/* 经典案例 */
.portfolio_strict p { padding: 3% 0 6%; font-size: 16px; color: #666; }
.portfolio_strict .portfolio_item:hover a {
  text-decoration: none;
  opacity: 100 !important;
  filter: alpha(opacity=10000) !important;
}
.portfolio_strict .portfolio_item .portfolio_photo {
  height: 220px; width: 100%;
  background: no-repeat center center;
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto; border-radius: 10px 10px 0 0;
}
.portfolio_strict .portfolio_item .portfolio_photo a p {
  height:220px; vertical-align:middle; display:table-cell;
}
.portfolio_strict .portfolio_item .portfolio_photo a {
  display:table;
  width: 100%;
  height: 100%;
  color: #ffffff;
  text-decoration: none;
  background: #000000;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 500ms linear;
  transition: all 500ms linear;
  position: relative;
  border-radius: 3px;
}
.portfolio_strict .portfolio_item .portfolio_photo a p img{ width:50%; display:block; margin:0 auto; vertical-align:middle; max-height:180px;}

/* 底部关于我们 */
.index-lian{ background:url(../images/about-bg.jpg) no-repeat center; margin-top: 150px; height:600px; width:100%;position:relative; }
.index-lian .state{float:left;color:#fff;}
.index-lian .state h2{font-size:50px;color:#fff;line-height:80px;padding-top:150px;}
.index-lian .state h3{font-size:24px;line-height:50px;}
.index-lian .state .btn{padding-top:60px;overflow: hidden;}
.index-lian .state .btn p{float:left;}
.index-lian .state .btn .text{display:block;line-height:58px;padding:0px 22px;border:1px solid #f13c33;border-radius:10px;font-size:18px;color:#ff3366;float:left;height:58px;}
.index-lian .state .btn .text span{font-size:30px;font-weight:normal;padding:0px 20px;font-style:normal;color:#ff3366;-webkit-appearance:none;appearance:none;}
.index-lian .state .btn .phone a{display:block;line-height:60px;padding:0px 100px;background:#ff3366 url(../images/s11.png) no-repeat 100px center;float:left;color:#fff;font-size:20px;margin-left:50px;border-radius:10px;text-indent:40px;overflow: hidden;position:relative;}
.index-lian .state .btn .phone a:hover{background-color:#e53964;}
.index-lian .tel{float:right;width:306px;height:563px;background:url(../images/s12.png) no-repeat;box-shadow:0 0 3px #333;margin-top:-50px;padding:20px;}
.index-lian .tel .wei{padding:30px 0px 0px 30px;}
.index-lian .tel h4{font-size:18px;line-height:30px;padding:125px 0px 10px;overflow: hidden;color:#fff;opacity:0.7;filter:alpha(opacity = 70);}
.index-lian .tel .item{border-bottom:1px solid #5b4ab2;height:50px;}
.index-lian .tel .item input{height:50px;line-height:50px;border:none;background:none;font-size:14px;color:#ddd;vertical-align:middle;}
.index-lian .tel .button{text-align: center;padding-top:40px;overflow: hidden;}
.index-lian .tel .button span{line-height:40px;font-size:16px;color:#ddd;display:block;width:100%;text-align: center;}
.index-lian img { width: auto; text-align: center; margin: 0 auto; }
.index-lian .state .tip{font-size: 20px;color:#ff3366;margin:30px 0 10px;}
.index-lian .state .btn .callback{float: left;}
.callback div{float:left;}
.callback .input-wrap{padding:13px 0;border-bottom: 1px solid #ff3366;}
.callback .input-wrap input{border:0;outline:none;background: none;color:#ff3366;font-size:30px; width: 243px;}
.index-lian .state .btn .callback .btn-wrap a{display:block;padding:0 15px;height:60px;line-height:60px;font-size:20px;color:#fff;background-color:#ff3366;border-radius: 5px;margin-left: 24px;}
.index-lian .state .btn .phone a{border-radius: 5px;}
.index-lian .tel h4{font-size:28px;line-height: 50px;padding-top: 115px; opacity:1;filter:alpha(opacity = 100);color:#ff3366;font-weight: normal;}
.index-lian .tel h4 strong{display: block;font-size: 38px;font-weight: normal;}

/* 底部样式 */
.index-foot{overflow: hidden;position:relative;padding:60px 0px 30px;}
.index-foot .left{float:left;}
.index-foot .cent{float:left;padding-left:5%;}
.index-foot .right{float:right;}
.index-foot .cent .top{overflow: hidden;}
.index-foot .cent .top p { float:left; width:33%;line-height:30px;font-size:14px;}
.index-foot .cent .top p span { display: block; color: #6e6e6e; }
.index-foot .cent .bottom{overflow: hidden;padding-top:20px;}
.index-foot .cent .bottom .tn{overflow: hidden;}
.index-foot .cent .bottom .tn a{margin-right:35px;line-height:30px;font-size:16px;color:#333;}
.index-foot .cent .bottom .tn a:hover{text-decoration:underline;}
.index-foot .cent .bottom .tx{font-size:11px;line-height:34px; color: #878787; }
.index-foot .right h3{font-size:16px;line-height:20px;color:#333;margin-bottom:5px;}
.index-foot .right .share .jiathis_style_32x32 .jiathis_txt{background:none;padding:0px !important;margin:5px !important;height:36px !important;}
.index-foot .right .share img { display: inline-block; width: 37px; }

/* lg.css query-tag */
.query-tag { position: fixed; right: 1px; bottom: 1px; z-index: 9999; margin-bottom: 90px; }
.query-tag a { display: block; width: 100px; height: 110px; margin-top: 1px; text-align: center; font-size: 20px; color: #fff; line-height: 170px; }
.query-tag a.tel { background: url(../images/query-tag.png) no-repeat 0 0; }
.query-tag a.net { background: url(../images/query-tag.png) no-repeat 0 -111px; }

.query-cover { position: fixed; left: 0; top: 0; z-index: 10000; width: 100%; height: 100%; background: #000; opacity: 0.9; filter: alpha(opacity=70); display: none; }
.query-pop { position: fixed; left: 50%; top: 50%; z-index: 20000; width: 400px; height: 230px; padding-top: 15px; margin-left: -200px; margin-top: -120px; background: #fff; display: none; }
.query-pop .tel { overflow: hidden; }
.query-pop .tel .input-wrap,
.query-pop .tel .btn-wrap { float: left; }
.query-pop .tel .input-wrap { width: 188px; height: 39px; border-bottom: 1px solid #333;  margin-right: 10px; }
.query-pop .tel .btn-wrap { width: 120px; }
.query-pop .tel .input-wrap input { border: 0; height: 39px; width: 90%; border-bottom: 1px solid #333; line-height: 39px; padding: 0; font-size: 20px; }
.query-pop .tel,
.query-pop .net { padding: 0 40px; margin: 15px 0; }
.query-pop .btn-wrap a { background: #e60012; border: none; color: #fff; cursor: pointer; display: block; width: 100%; font-size: 18px; height: 40px; line-height: 38px; text-align: center; }
.query-pop .tip { padding-bottom: 5px; }
.query-pop .close-btn { position: absolute; top: 10px; right: 10px; text-decoration: underline; color: #999; font-size: 12px; width: 25px; height: 25px; text-indent: -100em; overflow: hidden; background: url(../images/pop-closebtn.png) no-repeat center center; }

/* 联系我们弹出层 */
.index-float{display:none;position:fixed;height: 100%;width: 100%;background: #fe3366 url(../images/bg-float.jpg) left bottom repeat-x;z-index: 10;top:0;left: 0;}
.index-float .top{position: absolute;top:0;width: 100%;left: 0;z-index: 2;}
.index-float .top .logo{ padding-left: 100px;overflow: hidden;}
.index-float .top .logo a, .index-float .top .logo .last{float: left;}
.index-float .top .btn-close{position: fixed;right:150px;top:40px;z-index: 10;}
.index-float .top .scrolltext ul{width: 1000%;position: relative;left:0%;margin-top: 50px;}
.index-float .top .scrolltext ul li{float: left;margin-right: 45px;height: 76px;}
.index-float .top .scrolltext ul li img{height: 100%;}
.index-float .center{font-size: 20px;color:#fff;display: table;position: relative; left: 50%; margin-left: -640px; height: 100%;}
.index-float .center .container{display: table-cell;vertical-align: middle; *position:absolute;*top:50%;*margin-top:-56px;padding:0 100px;width: 1240px;}
.index-float .center .title{margin-bottom:20px;font-weight: normal;}
.index-float .center .center-l{float: left;margin-right: 200px;}
.index-float .center .center-l .text{font-size: 30px;}
.index-float .center .center-l .tip{font-size: 14px;}
.index-float .center .center-m{float: left;}
.index-float .center .center-m .text a{display: block;border:1px solid #fff;border-radius:5px;line-height: 60px;padding: 0px 64px;background: url(../images/s11.png) no-repeat 64px center;color: #fff;font-size: 20px;text-indent: 40px; overflow: hidden; position: relative;}
.index-float .center .center-r{float: right;}
.index-float .center .center-r .text input{outline: none;border:0 none;background: none;color:#fff;font-size: 30px;padding-bottom: 10px;border-bottom:1px solid #fff;width: 250px;}
.index-float .center .center-r .text a{display: inline-block;*zoom:1;*display:inline;color:#fff;border:1px solid #fff;line-height: 60px;padding: 0 20px;border-radius: 5px;margin-left: 20px;}
.index-float .bottom{position: fixed;bottom: 50px;width: 100%;}
.index-float .bottom .container{width: 1240px;padding:0 100px;}
.index-float .bottom .bottom-l{float: left;}
.index-float .bottom .bottom-r{float: right;}
.index-float .bottom .bottom-l p{float: left;width: 260px;line-height: 30px;font-size: 14px;color:#fff;}

/* 微物业 */
#property .plan { width: 14%; float: left; margin-right: 7.5%; }
#property .plan:last-child { float: right; margin-right: 0; }
#property .plan p { color: #8e8e8e; font-size: 120%; line-height: 160%; padding: 15px 10% 20px 12%; text-align: justify; }
.page1 { height: 600px; color: #fff; }
.clearfloat>div { width: 50%; }
#property .zhuce { background: url(../images/property8.png) right bottom no-repeat; padding: 30px 545px 20px 0; margin: 60px 0; max-height: 390px; }
#property .pagetitle { padding: 8% 0 5%; }
#property .zhuce .first { padding-right: 150px; }
.service img, .service p { width: 50%; margin: 0 auto; }
.service p { padding-top: 10px; }
.add .col-md-9 { margin-top: 5%; line-height: 200%; }

/* 微票务 */
#ticket .font16 { color: #7c7f86; line-height: 220%; font-size: 18px; }
#ticket .tittle { text-align: left; }
#ticket .col-sm-3 img { max-width: 200px; width: 88%; margin: 0 auto 15px; }
#ticket .write-bg { padding: 4% 2%; }
#ticket .index-lian { margin-top: 0; }

/* 盈趣 */
.page { padding: 8% 0; color: #fff; margin-top: 6%; }
.page .tittle { padding-top: 0; }
#saas .youshi .img { width: 20%; float: left; margin-bottom: 2%; }
#saas .youshi .img img { width: 90%; margin: 0 auto; }
#saas .game {
  background-color:#fff;
  border-radius:10px; margin-top:20px; padding: 0px; box-shadow: 0 0 0 #fff; border: 0; margin-bottom: 0px; height: auto;
}
#saas .game-logo { width:100%; height:auto;
  border-radius:10px 10px 0 0
}
#saas .game-logo img {  width:65%; height:auto; display:block; margin: 0 auto;
}
#saas .game-info {
  border:1px solid #E3E3E3;
  border-top:none; height:auto;
  padding:10px 10px 20px;
  border-radius:0 0 10px 10px; text-align: center;
}
#saas .game-info .title {
  font-size:18px;
  color:#000;
  padding-bottom:10px; height:24px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
#saas .game-info .des { color:#999; }
#saas .game-info footer {
  height:38px;
  margin-top:15px; background:none !important;
}
#saas .game-info .btn-play {
  height:36px;
  width:140px;
  border:1px solid #e62111;
  background-color:#e62111;
  color:#fff;
  font-weight:16px;
  text-align:center;
  line-height:36px;
  display:inline-block;
  border-radius:5px; margin: 0 auto; position: relative;
}
#saas .game-info .btn-play:hover {
  background-color:#ce1304;
  border-color:#ce1304
}
#saas .game-info .qr-wrap {
  height:38px;
  width:38px; background:url(images/min_ma.jpg) left top no-repeat; background-size:38px 38px;
  float:right;
  position:relative;
  cursor:pointer
}

@media all and (max-width:481px) {

  #saas .game {
    padding: 10px 10px 10px 80px;
    border: 1px solid #E3E3E3;
    margin: 10px 0 0;
    min-height: 77px;
    height: auto;
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
  }

  #saas .game .game-logo {
    height: 57px;
    width: 57px;
    position: absolute;
    left: 10px;
    top: 10px;
    border-radius: 10px
  }

  #saas .game .game-logo img {
    border-radius: 10px
  }

  #saas .game .game-info {
    margin: 0 0 0 10px;
    height: auto;
    padding: 0 70px 0 0;
    position: relative;
    font-size: 12px;
    float: left;
    border: none;
    background-color: none;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left !important;
  }

  #saas .game .game-info .title {
    padding-bottom: 5px;
    font-size: 14px
  }

  #saas .game-info .des {
    min-height: 0
  }

  #saas .game .game-info footer {
    position: absolute;
    right: 10px;
    top: 0;
    height: 30px;
    line-height: 30px;
    width: 60px
  }

  #saas .game .game-info .btn-play {
    height: 30px;
    line-height: 30px;
    width: 60px
  }

  #saas .game .game-info .btn-play:after, #content .game .game-info .qr-wrap {
    display: none
  }

  .game .game-logo .portfolio_photo { background-size: 57px 57px; width: 57px; height: 57px; border-radius: 5px; }
}

@media screen and (max-width: 768px) {
  #saas .portfolio_photo a { display: none; }
  #saas .game-logo img { width: 200px !important; }
}


/* 智慧餐厅 */
#dinging .desc { border: 1px solid #e80013; width: 80%; margin: 0 auto; height: 300px; padding: 20px 0; }
#dinging .desc img { width: 110px; margin: 0 auto 20px; }
#dinging .desc p { width: 150px; margin: 20px auto 0; }
#dinging .page1 { height: 740px; }
#dinging .ding-inco label { margin: 2% 8% 6%; border: 1px solid #e2e2e2; background: #fff; padding: 7% 10%; display: block; font-size: 16px; font-weight: normal; }
#dinging .ding-inco label img { width: 69px; height: 69px; display: inline-block; margin-right: 5%; }
#dinging .ding-inco .col-md-4:last-child label span { line-height: 20px; display: inline-block; vertical-align: -12px; }
#dinging .ding-box label{ font-size: 20px; border: 2px solid #fff; font-weight: normal; display: block; padding: 3% 0; margin: 18% 3% 0; text-align: center; }

/* 新媒体 */
#operate .desc { border: 1px solid #e80013; width: 80%; margin: 0 auto; height: 250px; padding: 20px 0; color: #e80013; font-size: 20px; line-height: 30px; }
#operate .desc img { width: 50%; margin: 0 auto 20px; }
#operate .help { padding: 4% 0; }
#operate .help img { width: 230px; max-width: 60%; margin: 0 auto 15px; }
#operate .portfolio_item { border: 1px solid #e80013; width: 80%; margin: 0 auto; padding: 20px 0; height: 360px; line-height: 26px; }
#operate .portfolio_item h4 { text-align: center; margin-top: 20px; line-height: 180%; color: #000; }
#operate .portfolio_item p { width: 80%; text-align: center; }
#operate .service-page p { text-align: center; margin-top: 15px; }

/* 分销 */
#wechatdis .desc { border: 1px solid #e80013; width: 80%; margin: 0 auto; padding: 30px; height: 300px; color: #666; line-height: 180%; }
#wechatdis .desc img { width: 35%; margin: 0 auto 30px; }
#wechatdis .desc h4 { margin-bottom: 10px; color: #000; line-height: 160%; }
#wechatdis .pre .tittle { position: absolute; top: 0; left: 0; width: 100%; padding-top: 4%; }

/* 详情页面 */
#read { background: #f8f8f8; }
#read .read { color: #666; }
#read .read img { display: block; width: 100%; }
#read .read .write-bg { background: #fff; border: 1px solid #ebebeb; }
#read .read .write-bg .font16 { width: 78%; margin: 0 auto; }

/*分享*/
#jiathis_weixin_h3 { font-size: 12px; }
#jiathis_webchat img { width: 220px; margin: 15px auto 0; }
#jiathis_modal_body { height: 240px !important; }

@media (max-width: 1440px) and (min-width: 992px) {
  .index-lian .state { padding-left: 20px; margin: 0; text-align: left; }
  .index-lian .state h2 { padding-top: 50px; }
  .index-lian .state .btn .callback { float: none; }
  .index-lian .state .btn .phone a { margin-top: 30px;}
  .index-float .center { left: -4%; margin-left: 0; }
}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (max-width: 993px) {
  h1 { font-size: 45px; }
  h3 { font-size: 20px; }
  h4 { font-size: 14px; }
  h6 { font-size: 12px; }
  .font16 { font-size: 12px; }

  .navbar-header { width: 40%; }
  .img { width: 80%; margin: 0 auto; }
  .page1 { height: 460px; }

  #property .zhuce { background: url(../images/property8.png) right bottom no-repeat; background-size: 400px auto; padding: 30px 370px 20px 0; }
  #property .zhuce .first { padding-right: 0px; }
  #dinging .page1 { height: 480px; }
  #dinging .ding-box label { font-size: 16px; }

  #operate .desc { height: 200px; font-size: 16px; }
  #operate .box { width: 500px; padding: 50px 40px; margin: 0 auto; background: #fff; font-size: 16px; line-height: 32px; }
  #operate .portfolio_item { height: 320px; }
  #wechatdis .desc { height: 340px; }
}

@media (max-width: 991px) and (min-width: 768px) {
  .index-lian .state { width: 360px; }
  .index-lian .state h2 { padding-top: 50px; }
  .index-lian .state .btn .callback { float: none; }
  .index-lian .container { padding: 0; }
  .index-lian .state .btn .callback .input-wrap input { width: 230px; }
  .index-lian .state .btn .phone a { margin-top: 30px;}
}

/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 769px) {
  h1 { font-size: 36px; }
  h3 { font-size: 16px; }

  .header .top .logo{padding-left:15px;height:70px;}

  .index-nav-icon{display:block;}
  .index-nav{display:none;position:absolute;right:0px;top:70px;background:#e60012;padding:10px 0px;width:50%;}
  .index-nav a{display:block;float:none;border-top:1px solid red;}
  .index-nav a.tel{border:none;}
  .index-nav a:hover{border:none;color:#fff;padding:0px 25px;border-top:1px solid red;}
  .index-nav a.tel:hover{border:none;}
  .header .top .logo a{
        height: 50px; width: 52px;
        transition:all .6s;
        -moz-transition:all .6s; /* Firefox 4 */
        -webkit-transition:all .6s; /* Safari and Chrome */
        -o-transition:all .6s; /* Opera */
    }
    .header .top .logo .last{
        transition:all .6s;
        -moz-transition:all .6s; /* Firefox 4 */
        -webkit-transition:all .6s; /* Safari and Chrome */
        -o-transition:all .6s; /* Opera */}
    .header .top .logo img{height: 50px;width:auto;
        transition:all .6s;
        -moz-transition:all .6s; /* Firefox 4 */
        -webkit-transition:all .6s; /* Safari and Chrome */
        -o-transition:all .6s; /* Opera */
    }
    .header .index-nav-icon{top: 12px;
        transition:all .6s;
        -moz-transition:all .6s; /* Firefox 4 */
        -webkit-transition:all .6s; /* Safari and Chrome */
        -o-transition:all .6s; /* Opera */
    }
    .header .index-nav-phone .bottom .btn { width: 80%; }

  .index-fangan img { margin-bottom: 10px; }
  .index-fangan .col-sm-3 { margin-bottom: 15px; width: 50%; float: left; }
  .index-youshi .col-sm-6 { width: 50%; float: left; }
  .index-youshi .col-sm-8 { margin-top: 10px; margin-bottom: 15px; }
  .index-case h6 { font-size: 14px; }
  .index-case .col-sm-4 { float: left; width: 50%; margin-bottom: 20px; }
  .index-lian{height:auto;background:#372e5a;overflow: hidden; margin-top: 40px; }
  .index-lian .state .btn .callback { float: none; }
  .index-lian .state .btn .callback div{float: none;}
  .index-lian .container{padding:0px;}
  .index-lian .state{padding:0px 15px;float:none;text-align: center;}
  .index-lian .state h2{padding-top:20px;font-size:30px;}
  .index-lian .state h3{line-height:26px;padding-top:0px;font-size:16px;}
  .index-lian .tel{float:none;background:#43379e;width:auto;margin-top:30px;text-align: center;height:auto;}
  .index-lian .state .btn{padding-top:40px;padding-bottom:20px; width: 100%; }
  .index-lian .state .btn p{float:none;}
  .index-lian .state .btn .text{float:none;overflow: hidden;padding:0px;}
  .index-lian .state .btn .text span{font-size:20px;}
  .index-lian .state .btn .phone{margin-top:30px;}
  .index-lian .state .btn .phone a{margin-left:0px;float:none;}
  .index-lian .state .btn .phone a{background-position:35% center;height:60px;padding:0px;}
  .index-lian .state .btn .callback .btn-wrap a{text-align: center;margin-left: 0;}
  .index-lian .state .btn .callback .input-wrap{margin:0 35px 30px;}

  .index-lian .tel .wei{padding-left:40px;padding-top:20px;}
  .index-lian .tel h4{padding-top:60px;}
  .index-lian .tel .item input{font-size:16px;}

  .index-foot{padding-top:40px;}
  .index-foot .left{float:none; display: none; }
  .index-foot .right{display:none;}
  .index-foot .cent{padding-left:0px;float:none;padding-top:30px;}
  .index-foot .cent .top p{width:32%;margin-left:2%;}
  .index-foot .cent .top p:first-child{margin-left:0px;}
  .index-foot .cent .bottom .tx{line-height:20px;padding:8px 0px;}

  .query-tag { display: none; }
  .query-cover { display: none !important; }
  .query-pop { display: block !important; position: fixed; left: 0; top: auto; bottom: 0; width: 100%; height: 40px; margin: 0; padding: 0; background: #e60012; }
  .query-pop .tip { display: none; }
  .query-pop .close-btn { display: none; }
  .query-pop .tel { float: left; width: 80%; margin: 0; padding: 0; }
  .query-pop .net { float: left; width: 20%; margin: 0; padding: 0; }
  .query-pop .tel .input-wrap { width: 75%; height: 40px; margin: 0; padding: 0; border: 0; }
  .query-pop .tel .input-wrap input { padding-left: 10px; width: 100%; height: 40px; box-sizing: border-box; font-size: 18px; }
  .query-pop .tel .btn-wrap { width: 25%; height: 40px; margin: 0; padding: 0; box-sizing: border-box; border-right: 1px solid #fff; }
  .query-pop .btn-wrap a { font-size: 14px; line-height: 40px; }

  .page1 { height: 340px; }
  #property .zhuce { background: none; padding: 0; }
  #property .add img { width: 60px; }
  .add .col-md-9 { margin-top: 0; }

  #dinging .desc, #operate .desc { width: 70%; margin-bottom: 15px; }

  #operate .desc { height: 250px; }
  #operate .desc img, #operate .portfolio_item img { width: 100px; }
  #operate .help { padding: 2% 0; }
  #operate .help .col-sm-3 { width: 25%; float: left; }
  #operate .help .col-sm-3 img { width: 38%; }
  #operate .portfolio_item { margin-bottom: 15px; height: 270px; }
  #operate .hangye .col-sm-4 { float: left; width: 50%; text-align: left; }
    #operate .hangye .col-sm-4 .font16 { line-height: 24px; margin-bottom: 0; }
  #wechatdis .desc, #wechatdis .service { height: auto; margin-bottom: 15px; font-size: 12px; }

  #saas .youshi .img { width: 33.33%; margin-bottom: 40px; }

@media(max-width:769px){
    .index-lian .state .tip{font-size: 16px;}
    .index-lian .state .btn{padding-top: 20px;}
    .index-lian .state .btn .callback{float: none;}
    .index-lian .state .btn .callback div{float: none;}

    .index-lian .state .btn .callback .input-wrap input{width: 100%;text-align: center;font-size: 24px;}

    .index-lian .tel h4{padding-top: 100px;font-size: 22px;}
    .index-lian .tel h4 strong{font-size: 28px;}
    .index-lian .tel .button{padding-bottom: 50px;}
    .int-product .top a{margin:0;}

    #property .plan { width: 33%; float: left; margin-right: 0; }
    #property .plan img { width: 60%; margin: 0 auto;}
    #property .plan:last-child { float: left; }
    #property .plan p { font-size: 100%; }
    .service-page .service { width: 25%; float: left; }
    .service-page .service p { width: 90%; font-size: 12px; }
    .service-page { height: 350px; }

    .banner { height: 280px; width: 100%; }
    .banner img { display: none; }
    .index { background: url(../images/banner1.jpg) center no-repeat; background-size: auto 280px; }
    #weixin .banner { background: url(../images/banner2.jpg) center no-repeat; background-size: auto 280px; }
    #saas .banner { background: url(../images/banner3.jpg) center no-repeat; background-size: auto 280px; }
    #operate .banner { background: url(../images/banner4.jpg) center no-repeat; background-size: auto 280px; }
    .website { background: url(../images/banner5.jpg) center no-repeat !important; background-size: auto 280px !important; }
    .dinging { background: url(../images/banner6.jpg) center no-repeat; background-size: auto 280px; }
    #wechatdis .banner { background: url(../images/banner7.jpg) center no-repeat; background-size: auto 280px; }
    #property .banner { background: url(../images/banner8.jpg) center no-repeat; background-size: auto 280px; }
    #ticket .banner { background: url(../images/banner9.jpg) center no-repeat; background-size: auto 280px; }
    .read1 { background: url(../images/banner10.jpg) center no-repeat; background-size: auto 280px; }
    .read2 { background: url(../images/banner11.jpg) center no-repeat; background-size: auto 280px; }
    .read3 { background: url(../images/banner12.jpg) center no-repeat; background-size: auto 280px; }
    .read4 { background: url(../images/banner13.jpg) center no-repeat; background-size: auto 280px; }
    .read5 { background: url(../images/banner14.jpg) center no-repeat; background-size: auto 280px; }
    .read6 { background: url(../images/banner15.jpg) center no-repeat; background-size: auto 280px; }
}


/* 手机（手机小于 414px） */
@media (max-width: 414px) {
  h1 { font-size: 18px; }
  h3 { font-size: 14px; }
  h4 { font-size: 12px; }
  .page1 { height: 200px; }
  .service-page .service { width: 50%; float: left; height: 230px; }
  .service-page .service img { width: 70px; }
  .service-page { height: 500px; }
  #dinging .page1 { height: 260px; }
  #operate .portfolio_item { height: 300px; }
  #operate .help .col-sm-3 { width: 50%; float: left; height: 120px; }
  .header .index-nav-phone .top { top: 12%; }
  .header .index-nav-phone .top a { margin-bottom: 20px; }
  .dropdown-menu { margin-bottom: 20px; }

  .banner { height: 160px; }
  .banner img { display: none; }
  .index { background: url(../images/banner1.jpg) center no-repeat; background-size: auto 160px; }
  #weixin .banner { background: url(../images/banner2.jpg) center no-repeat; background-size: auto 160px; }
  #saas .banner { background: url(../images/banner3.jpg) center no-repeat; background-size: auto 160px; }
  #operate .banner { background: url(../images/banner4.jpg) center no-repeat; background-size: auto 160px; }
  .website { background: url(../images/banner5.jpg) center no-repeat !important; background-size: auto 160px !important; }
  .dinging { background: url(../images/banner6.jpg) center no-repeat; background-size: auto 160px; }
  #wechatdis .banner { background: url(../images/banner7.jpg) center no-repeat; background-size: auto 160px; }
  #property .banner { background: url(../images/banner8.jpg) center no-repeat; background-size: auto 160px; }
  #ticket .banner { background: url(../images/banner9.jpg) center no-repeat; background-size: auto 160px; }
  .read1 { background: url(../images/banner10.jpg) center no-repeat; background-size: auto 160px; }
  .read2 { background: url(../images/banner11.jpg) center no-repeat; background-size: auto 160px; }
  .read3 { background: url(../images/banner12.jpg) center no-repeat; background-size: auto 160px; }
  .read4 { background: url(../images/banner13.jpg) center no-repeat; background-size: auto 160px; }
  .read5 { background: url(../images/banner14.jpg) center no-repeat; background-size: auto 160px; }
  .read6 { background: url(../images/banner15.jpg) center no-repeat; background-size: auto 160px; }
}