/* 初始化样式 */
html,
body {
  font-family: '微软雅黑', 'Roboto-Regular';
  font-size: 100%;
  background: #f9f9f9;
  color: #666666 !important;
  margin: 0 auto;
  padding: 0;
}
a {
  text-decoration: none;
  color: #333;
  outline: none;
}
a:focus,
a:hover {
  color: #f07203;
  outline: none;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: #f07203;
}
ul,
li {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
body,
div,
span,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 14px;
  font: inherit;
  vertical-align: baseline;
}
img {
  border: 0;
  vertical-align: bottom;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
ul,
ol,
li {
  margin: 0;
}
p {
  margin: 0;
}
.img {
  display: block;
  max-width: 100%;
  height: auto;
}
h5 {
  font-size: 18px;
  color: #595757;
  text-transform: uppercase;
}

.fl {
  float: left;
}
.fr {
  float: right;
}
.m-t-20 {
  margin-top: 20px;
}
.m-t-30 {
  margin-top: 30px;
}
.m-t-50 {
  margin-top: 50px;
}
.m-t-60 {
  margin-top: 60px;
}
.c-orange {
  color: #e9791a;
}
.bg-gray {
  background: #f2f2f2;
  width: 100%;
  float: left;
  overflow: hidden;
}
.bg-gray1 {
  background: #dedede;
}
.bg-white {
  background: #fff;
}
.line_d {
  border-bottom: 1px solid #313234;
  width: 100%;
  height: 1px;
  clear: both;
}

.content {
  width: 100%;
  margin: auto;
}
.title {
  background: #fff;
  width: 100%;
  float: left;
}
.title span {
  margin: 20px 0 20px 50px;
  width: 92%;
  color: #666;
  display: block;
  float: left;
}
.p_title {
  width: 100%;
  float: left;
  margin: 100px 0 40px;
  text-align: center;
}
.p_title span {
  font-size: 34px;
}
.p_title p {
  line-height: 40px;
}
.container {
  padding: 0 !important;
}

/* top */
/*--top--*/
/* header{position:fixed; top:0; z-index:9999;   z-index:999; background-attachment:fixed;}
header .headerbg{position:fixed; top:0; background:#fff;filter:alpha(opacity=100); opacity:1; width:100%; min-height:100px; z-index:-1; } */
header{ width:100%; background:#fff; 
  -webkit-transition:0.3s; 
  -moz-transition:0.3s; 
  transition:0.3s; 
  -webkit-animation:gupIn 1s 0.1s both; 
  -moz-animation:gupIn 1s 0.1s both; 
  animation:gupIn 1s 0.1s both;}
  .navbar-default {background:none !important; min-height:60px;
  box-shadow:0 0 5px 1px rgba(0,0,0,.2);
  -o-box-shadow:0 0 5px 1px rgba(0,0,0,.2);
  -ms-box-shadow:0 0 5px 1px rgba(0,0,0,.2);
  -moz-box-shadow:0 0 5px 1px rgba(0,0,0,.2);
  -webkit-box-shadow:0 0 5px 1px rgba(0,0,0,.2);  }
  .logo {width:17%; float:left; padding: 10px}
  .logo h1 {margin:0; display:block; margin-top:10px; margin-bottom:3px; width:100%; float:left;}
  .logo h1 img{ width:80%;}
  .navbar-collapse {width:76%; float:right; margin-top:40px; text-align:center; }
  .navbar-collapse ul{ float:right;}
  .navbar-collapse li{ float:left; font-size:18px; line-height:80px; margin-left:80px; text-align:center;}
  .navbar-collapse li:hover{ background-color: rgb(1, 51, 80); }
  .navbar-collapse li a{ display:block; padding:0 10px; height:40px; color:#333 !important;}
  .navbar-collapse li a:hover{color: #ffffff !important}
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right:0px;
    margin-left:0px;
  }
  
  .p_title{width:100%; float:left; margin:100px 0 50px 0; text-align:center; }
  .p_title h2{ font-size:34px; -webkit-animation:gdownIn 1s 0.7s both; -moz-animation:gdownIn 1s 0.7s both; animation:gdownIn 1s 0.7s both;}
  .p_title p{ line-height:40px; -webkit-animation:gdownIn 1s 0.9s both; -moz-animation:gdownIn 1s 0.9s both; animation:gdownIn 1s 0.9s both;}
  


/*--banner--*/
.banner{text-align:center; height:600px; width:100%; padding-top:0em !important; -webkit-animation:gfadeIn 1s 0.4s both; -moz-animation:gfadeIn 1s 0.4s both; animation:gfadeIn 1s 0.4s both; }
.banner p{ width:100%; height:600px; display:block; float:left;}
.banner2{width:100%;  height:450px; float:left;}
.banner2 p{ width:100%; height:450px; display:block; float:left;}

/* product */
img.zoom-img {
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
img.zoom-img:hover {
  -webkit-transform: scale(1.1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1.1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
  overflow: hidden;
}
.tabs-qh {
  width: 100%;
  float: left;
}
.index_news_title {
  width: 100%;
  float: left;
  margin-bottom: 50px;
  text-align: center;
  -webkit-animation: gdownIn 1s 0.7s both;
  -moz-animation: gdownIn 1s 0.7s both;
  animation: gdownIn 1s 0.7s both;
}
.index_news_title dd {
  display: inline;
  cursor: pointer;
  padding: 3px 6px;
  text-align: center;
}
.index_news_title a {
  padding: 8px 20px;
  color: #a4a4a4;
  border-radius: 5px;
  border: 1px solid #dfdfdf;
}
.index_news_title a:hover {
  color: #333;
}
.index_news_title a.tab-now {
  font-size: 30px;
  background: #ff8a00;
  border: 1px solid #ff8a00;
  filter: alpha(opacity=100);
  opacity: 1;
  color: #fff;
  transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
  -ms-transition: 0.5s all;
}
#index_news_list {
  width: 100%;
  padding-bottom: 60px;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
  -webkit-animation: gdownIn 1s 0.9s both;
  -moz-animation: gdownIn 1s 0.9s both;
  animation: gdownIn 1s 0.9s both;
}
#index_news_list div {
  display: none;
}
#index_news_list div.now {
  display: block;
}
#index_news_list div.now div {
  display: block;
}
#index_news_list ul {
  width: 100%;
  float: left;
  display: block;
  padding-bottom: 60px;
}
#index_news_list ul li {
  width: 20%;
  height: 480px;
  display: block;
  float: left;
  background: url(../images/phonebg.png) top no-repeat;
}
#index_news_list ul li:nth-child(6) {
  display: none;
}
#index_news_list {
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-animation: gfadeIn 1s 0.5s both;
  -moz-animation: gfadeIn 1s 0.5s both;
  animation: gfadeIn 1s 0.5s both;
}
#index_news_list ul li a {
  display: block;
  width: 187px;
  height: 331px;
  overflow: hidden;
  margin: 51px 0 0 24px;
  background: #fff;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
#index_news_list ul li article {
  position: relative;
  width: 100%;
  height: 334px;
  padding-top: 62.4%;
  overflow: hidden;
}
#index_news_list ul li article img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#index_news_list ul li article summary {
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: -50px;
  left: 0;
  line-height: 50px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  background: #6669;
  z-index: 3;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
}

#index_news_list ul li a:hover {
  background-color: transparent;
}
#index_news_list ul li a:hover article summary {
  bottom: 0;
}
#index_news_list ul li a:hover article img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: scale(1.1);
}
#index_news_list ul li a:hover article:before {
  opacity: 1;
  filter: alpha(opacity=100);
  zoom: 1;
}
#index_news_list ul li a:hover article:after {
  opacity: 1;
  filter: alpha(opacity=100);
  zoom: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}
.case_a_cont {
  width: 100%;
}
.case_a_cont .ma10 {
  width: 33.333%;
  min-height: 250px;
  overflow: hidden;
  float: left;
  display: block;
}
.case_a_cont .ma10 .ma10_more {
  padding-top: 200px;
}
.case_a_cont a {
  display: block;
  width: 97%;
  margin: 1.5%;
  background: #fff;
  border-radius: 2px;
  padding: 10px 10px;
  float: left;
  position: relative;
  overflow: hidden;
  text-align: left;
}
.case_a_cont a div {
  width: 100%;
  overflow: hidden;
}
.case_a_cont a img {
  width: 100%;
}
.case_a_cont a span {
  display: block;
  width: 100%;
  padding-top: 10px;
  font-size: 16px;
}
.case_a_cont a p {
  font-size: 14px;
  color: #8f8f8f;
  margin-top: 5px;
  height: 50px;
  overflow: hidden;
}
/* 应用场景 */
.welcome-gridsinfo {
  text-align: center;
  padding-bottom: 50px;
}
.welcome-grid {
  width: 25%;
  padding: 0 5px;
  margin: 50px 0 50px;
  float: left;
  position: relative;
  cursor: pointer;
}
.welcome-grid b.b1 {
  background-position: 0 0;
}
.welcome-grid b.b2 {
  background-position: 309px 0px;
}
.welcome-grid b.b3 {
  background-position: 206px 0px;
}
.welcome-grid b.b4 {
  background-position: 103px 0px;
}
.welcome-grid p {
  font-size: 0.85em;
  line-height: 1.8em;
}
.welcome-grid h3 {
  color: #797979;
  padding: 21px 0 6px;
}
.welcome-grid .prd_box {
  width: 100%;
  float: left;
}
.welcome-grid .prd_1 .prd_d {
  background-color: #f86d0d;
}
.welcome-grid .prd_2 .prd_d {
  background-color: #96cb11;
}
.welcome-grid .prd_3 .prd_d {
  background-color: #4c8da5;
}
.welcome-grid .prd_4 .prd_d {
  background-color: #35af7c;
}
.welcome-grid .prd_1 .prd_t {
  background: #797979 url(../imgs/class7.jpg);
}
.welcome-grid .prd_2 .prd_t {
  background: #797979 url(../imgs/class9.jpg);
   
}
.welcome-grid .prd_3 .prd_t {
  background: #797979 url(../imgs/class1.png);
}
.welcome-grid .prd_4 .prd_t {
  background: #797979 url(../imgs/class2.png);
}
.welcome-grid .prd_t {
  width: 100%;
  height: 270px;
  padding: 20px 0 10px;
  overflow: hidden;
  text-align: center;
  color: #fff;
}
.welcome-grid .prd_t h4 {
  font-size: 20px;
  font-weight: normal;
  line-height: 30px;
  margin: 0 0 10px 0;
}
.welcome-grid .prd_t p {
  font-size: 12px;
  line-height: 24px;
  padding: 0 20px;
}
.welcome-grid .prd_d {
  width: 100%;
  height: 52px;
  overflow: hidden;
  line-height: 52px;
  text-align: center;
}
.welcome-grid .prd_d:hover {
  filter: alpha(opacity=90); /*IE滤镜，透明度50%*/
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.welcome-grid .prd_d a {
  font-size: 16px;
  color: #fff;
}
.welcome-grid .prd_d a:hover {
  color: #fff;
}
.fm_more {
  width: 100%;
  height: 350px;
  text-align: center;
  float: left;
}
.fm_more a {
  color: #cbcbcb;
  font-size: 18px;
  line-height: 40px;
  border: 2px solid #cbcbcb;
  padding: 10px 32px;
}
.fm_more a:hover {
  color: #fff;
  background: #797979;
  border: 2px solid #797979;
}

/*--首页新闻--*/
.index_news {
  background: #e3e3e3 url(../images/bgSection.png);
  width: 100%;
  padding-bottom: 50px;
}
.new_list {
  width: 46%;
  margin: 0 2%;
  float: left;
  -webkit-animation: gdownIn 1s 0.7s both;
  -moz-animation: gdownIn 1s 0.7s both;
  animation: gdownIn 1s 0.7s both;
}
.new_list h2 {
  font-size: 26px;
  margin: 45px auto 0px;
}
.new_list h5 {
  font-size: 18px;
  color: #8b8a8c;
  padding: 0;
  margin-bottom: 20px;
}
.new_list ul li {
  line-height: 35px;
  font-size: 14px;
  color: #404040;
  width: 100%;
  float: left;
}
.new_list ul p {
  line-height: 35px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 78%;
}
.new_list ul p a {
  display: block;
  text-overflow: ellipsis;
}
.new_list ul span {
  color: #404040;
  display: inline-block;
  line-height: 35px;
  float: left;
  width: 18%;
  margin-right: 2%;
}
.new_list ul p a {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.new_list ul p a:hover {
  color: #f07203;
  -webkit-transform: translateX(10px);
  -moz-transform: translateX(10px);
  transform: translateX(10px);
}

/*--合作伙伴--*/
#client ul {
  width: 100%;
  margin: 0px auto 70px;
  overflow: hidden;
  padding: 1px 0 0 1px;
  -webkit-animation: gdownIn 1s 0.9s both;
  -moz-animation: gdownIn 1s 0.9s both;
  animation: gdownIn 1s 0.9s both;
}
#client ul li {
  float: left;
  width: 20%;
  min-height: 100px;
  display: block;
  border: 1px solid #dedede;
  margin: -1px 0 0 -1px;
  text-align: center;
  position: relative;
}
#client ul li a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-align: center;
}
#client ul li i,
#client ul li em {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
}
#client ul li i {
  opacity: 0.6;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
#client ul li a:hover i {
  opacity: 1;
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  filter: none;
  -webkit-transform: scale(0.9) translateY(-8px);
  -moz-transform: scale(0.9) translateY(-8px);
  transform: scale(0.9) translateY(-8px);
}
#client ul li a:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: inset 0 0 0 0 #eee;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  transition: 0.2s;
}
#client ul li a:hover:after {
  box-shadow: inset 0 0 0 10px #f6f6f6;
}
#client ul li a p {
  margin-top: 150px;
  color: #333;
  position: relative;
  z-index: 5;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
  zoom: 1;
}
#client ul li a:hover p {
  margin-top: 135px;
  opacity: 1;
  filter: alpha(opacity=100);
}
#client ul li a span {
  font-size: 18px;
  line-height: 178px;
  color: #a7a7a7;
}
/*产品中心*/
.platform-a-title h1 {  font-size:30px;  text-align:center;  font-weight:bold;  margin-top:40px;}
.platform-related-title {  padding:30px 0 10px;  text-align:center;}
.platform-related-title h2 {  font-size:30px;  color:#3f3f3f;  font-weight:400;}
.platform-related-title h2 span {  color:#ff7852;}
.platform-related-title p {  color:#888888;  font-size:14px;  margin-top:8px;}


.platform-item .sys-left { width:100%; padding:60px 0 0 0; margin:100px 0; float:left;}
.platform-item .sys-left h3 { font-size:30px;  font-weight:400;}
.platform-item .sys-left h3 b { color:#ff7852; font-weight:400;}
.platform-item .sys-left h3 span { display:block; margin-top:8px; color:#888888; font-weight:normal;}
.platform-item .sys-left .line { width:50px; height:28px; border-bottom:2px solid #ff7852;}
.platform-item .sys-left p {color:#888888; line-height:30px; padding-top:24px; width:90%;}
.platform-item .sys-right { height:409px; width:40%; float:right; text-align:center; margin-top:70px;}

/*-- footer --*/
.footer {
  padding: 1em 0 0 0;
  background: #232426 top center no-repeat;
  color: #cccccc;
}
.footer_d {
  line-height: 50px;
  min-height: 50px;
  background: #2a2a2a;
  color: #3f4041;
  font-size: 12px;
  float: left;
  width: 100%;
  display: block;
}
.copyright {
  line-height: 50px;
  font-size: 12px;
  min-height: 50px;
  text-align: center;
  color: #c2c2c2;
}
.footer a {
  color: #666;
}
.footer a:hover {
  color: #f07203;
}

.footer .advantage .nr .item .circle span.c-1 {
  background: url(../imgs/qq_02.png) center no-repeat;
}
.footer .advantage .nr .item .circle span.c-2 {
  background: url(../imgs/qq_02-04.png) center no-repeat;
}
.footer .advantage .nr .item .circle span.c-3 {
  background: url(../imgs/qq_02-06.png) center no-repeat;
}
.footer .advantage .nr .item .circle span.c-4 {
  background: url(../imgs/qq_02-08.png) center no-repeat;
}
.footer .advantage .inner {
  left: 0;
  right: 0;
}
.footer .advantage .nr {
  padding: 0;
  width: 100%;
  float: left;
  margin: 30px 0 20px 0;
}
.footer .advantage .nr li {
  width: 25%;
  float: left;
  display: inline;
}
.footer .advantage .nr li:nth-child(1),
.footer .advantage .nr li:nth-child(2) {
  -webkit-transform: translate3d(-100px, 0px, 0);
  -moz-transition: translate3d(-100px, 0px, 0);
  -o-transition: translate3d(-100px, 0px, 0);
  transition: translate3d(-100px, 0px, 0);
}
.footer .advantage .nr li:nth-child(3),
.footer .advantage .nr li:nth-child(4) {
  -webkit-transform: translate3d(100px, 0px, 0);
  -moz-transition: translate3d(100px, 0px, 0);
  -o-transition: translate3d(100px, 0px, 0);
  transition: translate3d(100px, 0px, 0);
}
.footer .advantage.active .nr li {
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transition: translate3d(0, 0, 0);
  -o-transition: translate3d(0, 0, 0);
  transition: translate3d(0, 0, 0);
  transition-delay: 600ms;
  -o-transition-delay: 600ms;
  -moz-transition-delay: 600ms;
  -webkit-transition-delay: 600ms;
}
.footer .advantage.active .nr li:nth-child(2),
.footer .advantage.active .nr li:nth-child(3) {
  transition-delay: 400ms;
  -o-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -webkit-transition-delay: 400ms;
}
.footer .advantage .nr .item {
  display: block;
  width: 100%;
  position: relative;
  color: #cccccc;
}
.footer .advantage .nr .item .circle {
  width: 100px;
  height: 100px;
  margin: 10px auto 0px;
  position: relative;
  color: #333;
  background: none;
  border: 2px solid #ccc;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
  behavior: url(ie-css3.htc);
  z-index: 2;
}
.footer .advantage .nr .item .circle span {
  display: block;
  height: 100px;
  width: 100px;
  line-height: 100px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  transition: 0.3s;
}
.footer .advantage .nr .item p {
  line-height: 28px;
  font-size: 15px;
  padding: 25px 0 10px;
  margin-left: 60px;
}
.footer .advantage .nr .item:hover .circle {
  background: none;
  color: #fff;
  -webkit-transform: translate3d(0px, -10px, 0);
  -moz-transition: translate3d(0px, -10px, 0);
  -o-transition: translate3d(0px, -10px, 0);
  transition: translate3d(0px, -10px, 0);
  transition-delay: 300ms;
  -o-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -webkit-transition-delay: 300ms;
}
.footer .advantage .nr .item:hover h1,
.footer .advantage .nr .item:hover p {
  color: #fff;
  -webkit-transform: translate3d(0px, 10px, 0);
  -moz-transition: translate3d(0px, 10px, 0);
  -o-transition: translate3d(0px, 10px, 0);
  transition: translate3d(0px, 10px, 0);
  transition-delay: 300ms;
  -o-transition-delay: 300ms;
  -moz-transition-delay: 300ms;
  -webkit-transition-delay: 300ms;
}


@media(max-width:1199px){
	/*--top--*/
	.logo {width:20%; float:left; }
	.logo h1 {margin:0; display:block; margin-top:10px;}
	.navbar-collapse {width:80%; float:right; margin-top:43px; padding:0;}
	.navbar-collapse ul{ float:right;}
	.navbar-collapse li{ margin-left:6px; text-align:center;}
	.navbar-collapse li a{ display:block; padding:0 15px; height:35px;}
	
	.banner,.banner p{ width:100%; height:470px; display:block; float:left;}
	.banner2,.banner2 p{ width:100%; height:360px; display:block; float:left;}
	
	/*--服务流程--*/
	.liucheng{ background:#e3e3e3 url(../images/bgSection.png) repeat; width:100%;}
	.lc2{ background:url(../images/line.png) center no-repeat;}
	.lc_list{ width:100%; float:left; margin-bottom:80px;}
	.lc_list li{ width:126px; margin:0 6px;  background-size:126px 126px;}
	.lc_list li span{ width:60px; height:60px; background:url(../images/icon.png) repeat; display:block; float:left; margin:33px 0 50px 32px;}
	.lc_list li p{ width:100%; display:block; float:left; text-align:center; font-size:18px;}
	.lc_list li p font{ font-size:14px; margin-top:10px; width:100%; display:block; color:#666;}
	
	
	/*--首页案例--*/
	.index_news_title{ margin-bottom:50px;	}
	.index_news_title dd{ padding:3px 4px; }
	.index_news_title a{ padding:8px 12px;}
	#index_news_list ul li{ width:20%; height:400px; background-size:93%; }
	#index_news_list ul li a{ width:159px; height:283px; overflow:hidden; margin:43px 0 0 18px; }
	#index_news_list ul li article{position:relative; width:100%; height:285px; padding-top:62.4%; overflow:hidden;}
	
	/*--合作伙伴--*/
	#client ul li{ height:120px; }
	#client ul li i, #client ul li em{padding:30px 0 0 0;}
	#client ul li i img{ width:80%;}
	.xnav{ height:60px; line-height:60px; margin-bottom:30px;}
	.plan_title a{ padding:16px 0;}


}


@media(max-width:1024px){
	/*--top--*/
	.logo {width:20%; float:left; }
	.logo h1 {margin:0; display:block; margin-top:10px;}
	.logo h1 a img{ width:90%;}
	.navbar-collapse {width:80%; float:right; margin-top:43px; padding:0;}
	.navbar-collapse ul{ float:right;}
	.navbar-collapse li{line-height:50px; margin-left:10px; text-align:center;}
	.navbar-collapse li a{ display:block; font-size:16px; padding:0 10px; height:35px;}
	
	.banner,.banner p{ width:100%; height:470px; display:block; float:left;}
	.banner2,.banner2 p{ width:100%; height:350px; display:block; float:left;}
	
	/*--服务流程--*/
	.liucheng{ background:#e3e3e3 url(../images/bgSection.png) repeat; width:100%;}
	.lc2{ background:url(../images/line.png) center no-repeat;}
	.lc_list{ width:100%; float:left; margin-bottom:80px;}
	.lc_list li{ width:126px; margin:0 6px;  background-size:126px 126px;}
	.lc_list li span{ width:60px; height:60px; background:url(../images/icon.png) repeat; display:block; float:left; margin:33px 0 50px 32px;}
	.lc_list li p{ width:100%; display:block; float:left; text-align:center; font-size:18px;}
	.lc_list li p font{ font-size:14px; margin-top:10px; width:100%; display:block; color:#666;}


	.grid li {display:inline-block;  width:311px;  margin:0;  padding:3px;  text-align:left;  position:relative;}
	.news-grid a h4 {font-size: 1em; }
	.welcome {padding: 3em 0 6em; }
	.effect-grid {padding: 5em 0; }
	.news {padding: 4em 0; }
	.news-text h3 {padding: 0; }
	.news-grids {margin-top: 1em; }
	.cf-1 {margin: 3em 0 2em; }
	a.navbar-brand span {padding-top: 6px; }
	.login-pop {margin: 18px auto 0; }
	.view h3 {padding: 26px 0 10px; }
	
	

	
	

}


@media(min-width:768px) and (max-width:991px){
	/*--top--*/
	.logo {width:20%; float:left; }
	.logo h1 {margin:0; display:block; margin-top:10px;}
	.navbar-collapse {width:80%; float:right; margin-top:40px; padding:0;}
	.navbar-collapse ul{ float:right;}
	.navbar-collapse li{ float:left; font-size:14px; line-height:50px; margin-left:5px; text-align:center;}
	.navbar-collapse li a{ display:block; padding:0 8px; height:35px;}
	
	.banner,.banner p{ width:100%; height:370px; display:block; float:left;}
	.banner2,.banner2 p{ width:100%; height:330px; display:block; float:left;}
	
	/*--解决方案--*/
	.welcome-grid {width:25%; float: left; margin-top: 2em; }
	.welcome-grid h3 {padding: 14px 0 4px; }
	.welcome-grid .prd_t h4{ font-size:18px; font-weight:normal; line-height:30px; margin:0;}


	/*--服务流程--*/
	.p_title{ margin:30px 0;}
	.lc2{background-size:100%;}
	.advantage .nr{ padding:0; width:100%; float:left; margin-bottom:60px;}
	.advantage .nr li{ width:14.285%; float:left; display:inline;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0; 
	opacity:0;}
	.advantage .nr .item .circle{ width:94px; height:94px; margin:10px auto 0px; 
	-webkit-border-radius:60px;
	-moz-border-radius: 60px;
	border-radius: 60px;}
	.advantage .nr .item .circle .circle_l,
	.advantage .nr .item .circle .circle_r{width:47px; height:94px;}
	.advantage .nr .item .circle .circle_l{ left:0px;
	-webkit-border-radius:62px 0 0 62px;
	-moz-border-radius: 62px 0 0 62px;
	border-radius: 62px 0 0 62px;}
	.advantage .nr .item .circle .circle_r{ right:0px; border-left:0;clip:rect(0px,62px,0px,0);
	-webkit-border-radius:0 62px 62px 0;
	-moz-border-radius: 0 62px 62px 0;
	border-radius: 0 62px 62px 0;
	behavior: url(ie-css3.htc); z-index:2;}
	.advantage .nr .item .circle span{height:94px; width:94px; line-height:94px;}
	.advantage .nr .item h1{ font-size:18px; padding:18px 0 10px; line-height:22px;}
	.advantage .nr .item p{ line-height:20px; font-size:13px; padding:0 5px;}
	.advantage .nr .item:hover .circle_l{ clip: rect(0,62px,124px,0); border-color:#ff8a00;}
	.advantage .nr .item:hover .circle_r{ clip: rect(0,62px,124px,0); border-color:#ff8a00;}
	.advantage .nr .item:hover .circle{ background:#ff8a00; color:#fff;}



	/*--首页案例--*/
	.index_news_title{ margin-bottom:40px;	}
	.index_news_title dd{ padding:3px 2px; }
	.index_news_title a{ padding:6px 8px; font-size:14px;}
	#index_news_list ul{padding-bottom:40px;}
	#index_news_list ul li{ width:20%; height:300px; background-size:93%; }
	#index_news_list ul li a{ width:122px; height:217px; overflow:hidden; margin:34px 0 0 14px; }
	#index_news_list ul li article{position:relative; width:100%; height:217px; padding-top:62.4%; overflow:hidden;}
	
	#client ul li{ height:120px; }
	#client ul li i, #client ul li em{padding:30px 0 0 0;}
	#client ul li i img{ width:80%;}
	.xnav{ height:60px; line-height:60px; margin-bottom:30px;}
	.plan_title a{ padding:16px 0;}



	/*二级-案例列表*/
	.plan_title dd{ width:25%; margin:5px 0; padding:0 5px;}
	.case_a_cont{ width:100%; padding:0 10px;}
	.case_a_cont .ma10{ width:33.333%; padding:12px; background:#fff;  overflow:hidden; float:left; display:block;}
	.case_a_cont a{	display:block; width:100%; float:left; position:relative; overflow:hidden; text-align:left;}
	.case_a_cont a img{ width:100%; height:auto;}
	.case_a_cont a span{ display:block;	width:100%;   padding-top:10px; font-size:18px;}
	.case_a_cont a p{ font-size:13px; color:#8f8f8f; margin-top:5px; margin-bottom:5px; height:auto;}



	/*--二级-解决方案切换--*/
	.xnav{ height:60px; line-height:60px; margin-bottom:30px; }
	.plan_title dd{ display:inline; cursor:pointer;  padding:0px 5px; margin-right:8px;}
	.plan_title a{  color:#666; padding:16px 0px;}
	.plan_title a:hover { color:#f07203; }
	.plan_title a.tab-now { color:#f07203; border-bottom:3px solid #f07203;}
	#plan_list{width:100%; padding:0; overflow:hidden; margin:0 auto; padding:0 6px;}
	#plan_list div h3{ font-size:30px; margin:20px 0 40px 0; width:100%; display:block; text-align:center;}
	#plan_list div strong{ font-size:26px; font-weight:500; color:#f07203; padding:20px 0 10px; display:block;}
	#plan_list div.p_content{ line-height:36px; width:100%; float:left; }
	#plan_list ul{ width:100%; float:left; display:block; padding:50px 0 60px; margin-top:30px; border-top:2px solid #e3e3e3;}
	#plan_list ul li{ width:25%; height:140px; overflow:hidden; float:left; padding:0 5px; }
	#plan_list ul li .dt{ width:100%; height:100%; display:block; background:#f07203; float:left;}
	#plan_list ul li span{ font-size:24px; color:#fff; margin:20px 0 0 15px; width:100%; display:block; float:left;}
	#plan_list ul li p{ font-size:18px; color:#fff; margin:5px 0 0 15px; width:100%; display:block; float:left;}

	#client ul li{ height:100px; }
	.products .pro{padding:10px;line-height:30px;padding:10px 30px;}
	
	
	
	/*--footer--*/	
	.footer .advantage .nr .item .circle span.c-1{background:url(../images/qq_02.png) center no-repeat; background-size:50%; }
	.footer .advantage .nr .item .circle span.c-2{background:url(../images/qq_02-04.png) center no-repeat; background-size:50%;}
	.footer .advantage .nr .item .circle span.c-3{background:url(../images/qq_02-06.png) center no-repeat; background-size:50%;}
	.footer .advantage .nr .item .circle span.c-4{background:url(../images/qq_02-08.png) center no-repeat; background-size:50%;}
	.footer .advantage .nr{ padding:0; width:100%; float:left; margin:30px 0 20px 0;}
	.footer .advantage .nr .item .circle{ width:80px; height:80px; margin:10px auto 0px; }
	.footer .advantage .nr .item .circle span{ height:80px; width:80px; line-height:80px; }
	.footer .advantage .nr .item p{ line-height:24px; font-size:12px; padding:15px 0 10px;}

	.pf_icon{ margin-bottom:30px;}
	.pf_icon li{ padding:0 5px;}
	.pf_icon .iconList { height:180px; }
	.pf_icon .iconList .iconPic { display:inline-block; margin-top:15px;}
	.pf_icon .iconList .iconPic img{ width:80%;}
	.pf_icon .iconList h3 { font-size:16px; color:#555; margin-top:10px;}
	.pf_icon .iconList p { font-size:12px;  line-height:18px; padding:10px 8px;}

	.platform-item .sys-left { width:60%; padding:40px 0 0 0; margin-top:30px; float:left;}
	.platform-item .sys-left h3 { font-size:26px; }
	.platform-item .sys-left h3 span { display:block; margin-top:8px; color:#888888; font-weight:normal;}
	.platform-item .sys-left .line { width:50px; height:20px; border-bottom:2px solid #ff7852;}
	.platform-item .sys-left p { line-height:24px; font-size:13px; padding-top:24px; width:95%;}
	.platform-item .sys-right { height:327px; width:40%; float:right; text-align:center; margin-top:50px;}
	.platform-item .sys-right img{ width:80%;}
	
	
	.platform-advantage .platform-subject-item {  padding-bottom:30px; width:33.333%; float:left;}
	.platform-advantage .platform-subject-item .item-left { width:100%; height:120px; float:left; text-align:center; margin-top:20px;}
	.platform-advantage .platform-subject-item .item-right { width:100%;  float:left;  margin-top:30px;}
	.platform-advantage .platform-subject-item .item-right h3 { font-size:18px; text-align:center;}
	.platform-advantage .platform-subject-item .item-right h3 span { display:block; font-size:14px;  margin-top:8px; color:#2b2b2b;   font-weight:normal;}
	.platform-advantage .platform-subject-item .item-right .line { width:50px; height:10px;  border-bottom:2px solid #ff7852; margin:0 auto;}
	.platform-advantage .platform-subject-item .item-right p { font-size:12px;  line-height:24px; padding:10px 20px;}
	.item2{ height:400px;}

}

@media(max-width:767px){
	/*--top--*/
	.logo {width:100%;}
	.logo h1 {margin:0; display:block; margin-top:10px; margin:10px 0 0 10px; width:160px;}
	.navbar-collapse {width:100%; float:left; background:#454545; margin:0; padding:0; }
	.navbar-collapse ul.navbar-nav{ float:right; margin:0; padding:0; width:100%;}
	.navbar-collapse li{ width:100%; float:left; font-size:16px; line-height:50px; text-align:center; border-bottom:1px solid #333; margin-left:0;}
	.navbar-collapse li a{ color:#fff !important; display:block; height:60px; line-height:60px; border-top:1px solid #4B4B4B;}
	.navbar-collapse li a:hover{ background:#505050 !important;}
	.navbar-collapse li a.now{ background:#505050; border-bottom:0;}
	.navbar-toggle {border-color:none !important; margin-top:10px; margin-bottom:0; border:0;  }
	.navbar-toggle:hover {background:none !important;}
	.navbar-toggle .icon-bar {background-color:red !important; height:3px; width:30px; margin:7px 0; }
	.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {  background:none !important;}

	/*--banner--*/
	.banner,.banner p{ width:100%; height:330px; display:block; float:left;}
	.banner2,.banner2 p{ width:100%; height:250px; display:block; float:left;}

	/*--解决方案--*/
	.welcome-gridsinfo{ padding-left:10px; padding-right:10px;}
	.welcome-grid {width:50%; float: left; margin-top: 2em; }
	.welcome-grid h3 {padding: 14px 0 4px; }
	.welcome-grid .prd_t h4{ font-size:20px; font-weight:normal; line-height:30px; margin:0;}

	/*--服务流程--*/
	.p_title{ margin:30px 0;}
	.lc2{background-size:100%;}
	.advantage .nr{ padding:0; width:100%; float:left; margin-bottom:60px; padding:0 20px;}
	.advantage .nr li{ width:14.285%; float:left; display:inline;
	filter: alpha(opacity=0);
	-khtml-opacity: 0;
	-moz-opacity: 0; 
	opacity:0;}
	.advantage .nr .item .circle{ width:94px; height:94px; margin:10px auto 0px; 
	-webkit-border-radius:60px;
	-moz-border-radius: 60px;
	border-radius: 60px;}
	.advantage .nr .item .circle .circle_l,
	.advantage .nr .item .circle .circle_r{width:47px; height:94px;}
	.advantage .nr .item .circle .circle_l{ left:0px;
	-webkit-border-radius:62px 0 0 62px;
	-moz-border-radius: 62px 0 0 62px;
	border-radius: 62px 0 0 62px;}
	.advantage .nr .item .circle .circle_r{ right:0px; border-left:0;clip:rect(0px,62px,0px,0);
	-webkit-border-radius:0 62px 62px 0;
	-moz-border-radius: 0 62px 62px 0;
	border-radius: 0 62px 62px 0;
	behavior: url(ie-css3.htc); z-index:2;}
	.advantage .nr .item .circle span{height:94px; width:94px; line-height:94px;}
	.advantage .nr .item h1{ font-size:18px; padding:18px 0 10px; line-height:22px;}
	.advantage .nr .item p{ line-height:20px; font-size:13px; padding:0 5px;}
	.advantage .nr .item:hover .circle_l{ clip: rect(0,62px,124px,0); border-color:#ff8a00;}
	.advantage .nr .item:hover .circle_r{ clip: rect(0,62px,124px,0); border-color:#ff8a00;}
	.advantage .nr .item:hover .circle{ background:#ff8a00; color:#fff;}

	/*--成功案例--*/	
	.tabs-qh{ width:100%; float:left;}
	.index_news_title{ width:100%; float:left;  margin-bottom:20px; text-align:center; padding:0 3px; }
	.index_news_title dd{ display:block; width:25%; float:left; cursor:pointer; }
	.index_news_title a{ display:block; color:#4a4a4a;}
	

	#index_news_list ul{padding-bottom:40px;}
	#index_news_list ul li{ width:25%; height:360px; background-size:90%; }
	#index_news_list ul li a{ width:150px; height:263px; overflow:hidden; margin:40px 0 0 19px; }
	#index_news_list ul li article{position:relative; width:100%; height:263px; padding-top:62.4%; overflow:hidden;}
	#index_news_list ul li:nth-child(5){ display:none;}
	
	
	/*二级-案例列表*/
	.case_a_cont{ width:100%; padding:0 10px;}
	.case_a_cont .ma10{ width:50%; padding:12px; background:#fff;  overflow:hidden; float:left; display:block;}
	.case_a_cont a{	display:block; width:100%; float:left; margin:0;  position:relative; overflow:hidden; text-align:left;}
	.case_a_cont a img{ width:100%; height:auto;}
	.case_a_cont a span{ display:block;	width:100%;   padding-top:10px; font-size:18px;}
	.case_a_cont a p{ font-size:13px; color:#8f8f8f; margin-top:5px; margin-bottom:5px; height:auto;}
	

			/*--二级-解决方案切换--*/
	.xnav{border-bottom:none; width:100%; height:auto; line-height:80px; float:left; display:block; margin-bottom:30px; background:none; }
	.plan_title{ width:100%; float:left; text-align:center;  margin:20px 0 10px; padding:0 5px; }
	.plan_title dd{ display:block; float:left;  margin-right:0 !important; width:25%; margin:5px 0; padding:0 5px;}
	.plan_title a{  color:#666; padding:10px 0px; background:#fff; display:block; border:1px solid #CCC; border-radius:5px;}
	.plan_title a.tab-now { color:#fff; border-bottom:none; background:#f07203; border:1px solid #f07203;}
	
	
	/*--footer--*/	
	.footer .advantage .nr .item .circle span.c-1{background:url(../images/qq_02.png) center no-repeat; background-size:50%; }
	.footer .advantage .nr .item .circle span.c-2{background:url(../images/qq_02-04.png) center no-repeat; background-size:50%;}
	.footer .advantage .nr .item .circle span.c-3{background:url(../images/qq_02-06.png) center no-repeat; background-size:50%;}
	.footer .advantage .nr .item .circle span.c-4{background:url(../images/qq_02-08.png) center no-repeat; background-size:50%;}
	.footer .advantage .nr{ padding:0; width:100%; float:left; margin:30px 0 20px 0;}
	.footer .advantage .nr .item .circle{ width:80px; height:80px; margin:10px auto 0px; }
	.footer .advantage .nr .item .circle span{ height:80px; width:80px; line-height:80px; }
	.footer .advantage .nr .item p{ line-height:24px; font-size:12px; padding:15px 0 10px;}

	.grid-4 {width:46%; float: left; margin: 0% 2% 3% 2%; }	
	.new_list{ width:96%; margin:2%;}
	#client ul li{ height:100px; width:25%; }
	
		.pf_icon{ margin-bottom:30px;}
	.pf_icon li{ padding:0 5px;}
	.pf_icon .iconList { height:180px; }
	.pf_icon .iconList .iconPic { display:inline-block; margin-top:15px;}
	.pf_icon .iconList .iconPic img{ width:80%;}
	.pf_icon .iconList h3 { font-size:16px; color:#555; margin-top:10px;}
	.pf_icon .iconList p { font-size:12px;  line-height:18px; padding:10px 8px;}

	.platform-item .sys-left { width:60%; padding:30px 0 0 20px; margin-top:30px; float:left;}
	.platform-item .sys-left h3 { font-size:26px; }
	.platform-item .sys-left h3 span { display:block; margin-top:8px; font-size:20px; color:#888888; font-weight:normal;}
	.platform-item .sys-left .line { width:50px; height:10px; border-bottom:2px solid #ff7852;}
	.platform-item .sys-left p { line-height:24px; font-size:13px; padding-top:24px; width:100%;}
	.platform-item .sys-right { height:293px; width:40%; float:right; text-align:center; margin-top:50px;}
	.platform-item .sys-right img{ width:70%;}
	
	
	.platform-advantage .platform-subject-item {  padding-bottom:30px; width:33.333%; float:left;}
	.platform-advantage .platform-subject-item .item-left { width:100%; height:120px; float:left; text-align:center; margin-top:20px;}
	.platform-advantage .platform-subject-item .item-right { width:100%;  float:left;  margin-top:30px;}
	.platform-advantage .platform-subject-item .item-right h3 { font-size:18px; padding:0 15px; text-align:center;}
	.platform-advantage .platform-subject-item .item-right h3 span { display:block; font-size:14px;  margin-top:8px; color:#2b2b2b;   font-weight:normal;}
	.platform-advantage .platform-subject-item .item-right .line { width:50px; height:10px;  border-bottom:2px solid #ff7852; margin:0 auto;}
	.platform-advantage .platform-subject-item .item-right p { font-size:12px;  line-height:24px; padding:10px 20px;}
	.item2{ height:400px;}


}

@media(max-width:640px){
	/*--banner--*/
	.banner,.banner p{ width:100%; height:280px; display:block; float:left;}
	.banner2,.banner2 p{ width:100%; height:230px; display:block; float:left;}

	/*--解决方案--*/
	.welcome-grid {width:50%; float: left; margin-top: 2em; }
	.welcome-grid h3 {padding: 14px 0 4px; }
	.welcome-grid .prd_t h4{ font-size:20px; font-weight:normal; line-height:30px; margin:0;}

	/*--服务流程--*/
	.lc_list{ width:100%; float:left; margin-bottom:30px;}
	.lc2{ background:none;}
	.advantage .nr li{ width:25%;}

	/*--成功案例--*/	
	.tabs-qh{ width:100%; float:left;}
	.index_news_title{ width:100%; float:left;  margin-bottom:20px; text-align:center; padding:0 3px; }
	.index_news_title dd{ display:block; width:25%; float:left; cursor:pointer; }
	.index_news_title a{ display:block; color:#4a4a4a;}
	#index_news_list ul li{ width:50%; display:block; float:left; padding:10px 8px; background:none;}
	#index_news_list ul li a{ width:100%; height:100%; margin:0;}
	#index_news_list ul li a img{ width:100%;}
	
	#index_news_list ul{padding-bottom:40px;}
	#index_news_list ul li a{  overflow:hidden;}
	#index_news_list ul li article{position:relative; width:100%; height:100%; padding-top:62.4%; overflow:hidden;}
	#index_news_list ul li:nth-child(5){ display:none;}
	
	
	/*二级-案例列表*/
	.plan_title{ margin:20px 0 10px; padding:0 5px;}
	.plan_title dd{ width:25%; margin:5px 0; padding:0 5px;}
	.case_a_cont{ width:100%; padding:0 10px;}
	.case_a_cont .ma10{ width:50%; padding:12px; background:#fff;  overflow:hidden; float:left; display:block;}
	.case_a_cont a{	display:block; width:100%; float:left; position:relative; overflow:hidden; text-align:left;}
	.case_a_cont a img{ width:100%; height:auto;}
	.case_a_cont a span{ display:block;	width:100%;   padding-top:10px; font-size:18px;}
	.case_a_cont a p{ font-size:13px; color:#8f8f8f; margin-top:5px; margin-bottom:5px; height:auto;}
	
	
	
	/*--新闻/案例详情--*/
	.products { padding:15px; }
	.products h1{font-size:20px;color:#333;padding:10px 0 0px 0; font-weight:400; text-align:left;}
	.products .pro{padding:0;line-height:30px;}
	.products .pro-img{text-align:left;float:left;}
	.products .pro strong{font-size:18px;color:#00a0ea; display:block;}
	.daline{ border-bottom:1px solid #f2f2f2;  width:100%; margin:0 0 20px 0; text-align:left; padding:10px 0; color:#bebebe; font-size:14px;}
	.pager{ width:100%; padding:0; text-align:left; line-height:40px;}
	.pager span{ width:100%; display:block; float:left;}
	.pager span:last-child{ text-align:left;}
	.pager a{display:inline-block;padding:0 13px;}





	.new_list{ width:96%; margin:2%;}
	.new_list ul p {line-height:30px;}
	
	
	.gallery {padding: 1.5em 0; }
	.typrography {padding: 3em 0; }
	h3.first {padding-top: 0; }
	.cf-1 {margin: 2em 0 2em; }
	.abt-info-pic ul {margin-top: .7em; }
	.logo a.navbar-brand {font-size: 2.4em; }
	.login-pop {float: right; width: 13%; margin: 13px auto 0; }


	a.navbar-brand span {margin-left: 0; padding-top: 6px; }
	.rslides {height: 350px; }
	


	.related-tell .appcase-con .appcase-con-list .appcase-con-item { margin:10px 0px; float:left; width:50%; padding:0 10px;}
	.pf_icon{ margin-bottom:30px;}
	.pf_icon li{ padding:0 5px; width:50%;}
	.pf_icon .iconList { height:180px; }
	.pf_icon .iconList .iconPic { display:inline-block; margin-top:15px;}
	.pf_icon .iconList .iconPic img{ width:80%;}
	.pf_icon .iconList h3 { font-size:20px; color:#555; margin-top:10px;}
	.pf_icon .iconList p { font-size:16px;  line-height:18px; padding:10px 8px;}

	.platform-item .sys-left { width:100%; padding:30px 20px; margin-top:30px; float:left;}
	.platform-item .sys-left h3 { font-size:26px; text-align:center; }
	.platform-item .sys-left h3 span { display:block; margin-top:8px; font-size:20px; color:#888888; font-weight:normal; display:none;}
	.platform-item .sys-left .line { width:50px; height:10px; border-bottom:2px solid #ff7852; display:none;}
	.platform-item .sys-left p { line-height:30px; font-size:16px; padding-top:24px; width:100%;}
	.platform-item .sys-right { display:none; height:293px; width:40%; float:right; text-align:center; margin-top:50px;}
	.platform-item .sys-right img{ width:70%;}
	
	
	.platform-advantage .platform-subject-item {  padding-bottom:30px; width:100%; float:left; padding:0 10px;}
	.platform-advantage .platform-subject-item .item-left { width:30%; height:120px; float:left; text-align:center; margin-top:20px;}
	.platform-advantage .platform-subject-item .item-right { width:65%; margin-left:3%;  float:left;  margin-top:30px;}
	.platform-advantage .platform-subject-item .item-right h3 { font-size:18px; padding:0 ; text-align:left;}
	.platform-advantage .platform-subject-item .item-right h3 span { display:block; font-size:14px;  margin-top:8px; color:#2b2b2b;   font-weight:normal;}
	.platform-advantage .platform-subject-item .item-right .line { width:50px; height:10px;  border-bottom:2px solid #ff7852; margin:0 auto; float:left;}
	.platform-advantage .platform-subject-item .item-right p { font-size:14px;  line-height:24px; padding:10px 0px; margin-top:5px;}
	.item2{ height:auto; border-bottom:1px solid #dddddd !important;  border-right:none !important;}
	#platform-question.platform-question .platform-question-con .question-item{ width:100%; padding:0 10px;}
	
	
	/*--合作伙伴--*/
	#client ul { padding:1px 10px;}
	#client ul li{ height:auto; width:48%; margin:1%; }
	#client ul li i, #client ul li em{padding:20px 0;}
	#client ul li i img{ width:80%;}
	
	
/*-- footer --*/
.footer .advantage .nr li{ width:50%; float:left; display:inline;}
	
}


@media(max-width:480px){

	/*--banner--*/
	.banner,.banner p{ width:100%; height:200px; display:block; float:left;}
	.banner2,.banner2 p{ width:100%; height:150px; display:block; float:left;}

	/*--解决方案--*/
	.welcome-grid {width:100%; float: left; margin-top: 2em; }
	.welcome-grid h3 {padding: 14px 0 4px; }
	.welcome-grid .prd_t h4{ font-size:20px; font-weight:normal; line-height:30px; margin:0;}


	/*--服务流程--*/
	.liucheng{ background:#e3e3e3 url(../images/bgSection.png) repeat; width:100%;}
	.p_title{ margin:30px 0;}
	.lc2{ background:none;}
	.advantage .nr li{ width:33.333%; height:230px;}

	
	/*--成功案例--*/	
	.tabs-qh{ width:100%; float:left;}
	.index_news_title{ width:100%; float:left;  margin-bottom:30px; text-align:center; }
	.index_news_title dd{ display:block; float:left; cursor:pointer; width:50%; padding:3px 6px; margin:0; }
	
	.new_list{ width:96%; margin:0 2%;}
	
	/*--二级新闻列表--*/
	.nContainer{ padding-bottom:50px;}
	.newCenterRight{/*float:left;*/ padding-top:50px; }
	.newCenterRight .rightListBox{/*float:left;*/ width:100%; display:none;}
	.newCenterRight .rightListBox li{width:94%; margin:0 3%; display:inline-block; margin-bottom:20px; background:none;}
	.newCenterRight .rightListBox li .listCon{float:left; padding:10px; border:1px solid #e1e1e2; border-radius:5px; background:#fff;}
	.newCenterRight .rightListBox li:hover{box-shadow:0px 1px 12px 5px rgba(0,0,0,0.15);}
	.newCenterRight .rightListBox li .imgPic{float:left; width:100%; height:145px;}
	.newCenterRight .rightListBox li .listInfo{ margin:0; }
	
	.listInfo .nTitile{font-size:18px; color:#333333; line-height:42px; font-weight:400;}
	.listInfo .nTitile a{color:#333;}
	.listInfo .nTitile a.cur,.listInfo .nTitile a:hover{color:#1475b9;}
	.listInfo p{color:#999; line-height:22px; font-size:14px;}
	.listInfo .n_bottom{margin:10px 0; color:#999;}
	.listInfo .n_bottom span{float:left; padding-right:30px; font-size:12px;}
	.listInfo .n_bottom span a{float:left; margin:0 6px; display:none;}
	.listInfo .n_bottom span a:hover,.listInfo .n_bottom span a.cur{color:#1165a9;}
	.listInfo .n_bottom span i{float:left; width:15px; height:15px;  background:url(../images/label-icon.png) no-repeat 0 2px;}
	.listInfo .n_bottom span i.cur{background:url(../images/label-icon.png) no-repeat 0 -28px;}
	.listInfo .n_bottom a{float:right; color:#999;}
	.listInfo .n_bottom a:hover,.listInfo .n_bottom a.cur{color:#1165a9;}
	
	/*二级-案例列表*/
	.plan_title{ margin:20px 0 0;}
	.plan_title dd{ width:50%; margin:5px 0;}
	.case_a_cont{ width:100%}
	.case_a_cont .ma10{ width:100%; margin-top:20px; padding:10px; background:#fff;border:1px solid #e1e1e2; border-radius:5px;  overflow:hidden; float:left; display:block;}
	.case_a_cont a{	display:block; width:100%; float:left; margin:0; position:relative; overflow:hidden; text-align:left;}
	.case_a_cont a img{ width:100%; height:auto;}
	.case_a_cont a span{ display:block;	width:100%;   padding-top:10px; font-size:18px;}
	.case_a_cont a p{ font-size:13px; color:#8f8f8f; margin-top:5px; margin-bottom:5px; height:auto;}
	
	
	.platform-advantage .platform-subject-item .item-left img{ width:100%; height:auto;}
	.platform-advantage .platform-subject-item .item-right { width:65%; margin-left:3%;  float:left;  margin-top:30px;}
	.platform-advantage .platform-subject-item .item-right h3 { font-size:18px; padding:0 ; text-align:left;}
	
	

	/*--二级-解决方案切换--*/
	#plan_list{width:100%; padding:0; overflow:hidden; margin:0 auto; padding:0 15px;}
	#plan_list div h3{ font-size:30px; margin:20px 0 40px 0; width:100%; display:block; text-align:center;}
	#plan_list div strong{ font-size:22px; font-weight:500; color:#f07203; padding:20px 0 10px; display:block;}
	#plan_list div.p_content{ line-height:30px; width:100%; float:left; }
	#plan_list div.p_content .fr{ width:100%; text-align:center; margin:0 0 20px 0;}
	#plan_list div.p_content .fr img{ width:80%;}
	#plan_list ul{ width:100%; float:left; display:block; padding:30px 0 40px; margin-top:30px; border-top:2px solid #e3e3e3;}
	#plan_list ul li{ width:25%; height:80px; overflow:hidden; float:left; padding:0 5px; }
	#plan_list ul li .dt{ width:100%; height:100%; display:block; background:#f07203; float:left;}
	#plan_list ul li span{ font-size:14px; color:#fff; margin:5px 0 0 5px; width:100%; display:block; float:left;}
	#plan_list ul li p{ font-size:12px; color:#fff; margin:5px 0 0 5px; width:100%; display:block; float:left;}

	/*-- footer --*/
	.footer .advantage .nr{ padding:0; width:100%; float:left; margin:20px 0 10px 0;}
.footer .advantage .nr li{ width:50%; float:left; display:inline; height:180px;}
.footer .advantage .nr li p{ line-height:22px;}

}

@media(max-width:480px){
		/*--banner--*/
	.banner,.banner p{ width:100%; height:150px; display:block; float:left;}
	.banner2,.banner2 p{ width:100%; height:120px; display:block; float:left;}
		#index_news_list ul li{ height:300px; background-size:90%; }
	}

@-webkit-keyframes gupIn{
	from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}
}
@-moz-keyframes gupIn{
	from{opacity:0; -moz-transform:translate3d(0,-30px,0);}
}
@keyframes gupIn{
	from{opacity:0; transform:translate3d(0,-30px,0);}
}


@-webkit-keyframes gdownIn{
	from{opacity:0; -webkit-transform:translate3d(0,30px,0);}
}
@-moz-keyframes gdownIn{
	from{opacity:0; -moz-transform:translate3d(0,30px,0);}
}
@keyframes gdownIn{
	from{opacity:0; transform:translate3d(0,30px,0);}
}


@-webkit-keyframes gleftIn{
	0%{opacity:0; -webkit-transform:translate3d(-30px,0,0);}
	100%{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@-moz-keyframes gleftIn{
	0%{opacity:0; -moz-transform:translate3d(-30px,0,0);}
	100%{opacity:1; -moz-transform:translate3d(0,0,0);}
}
@keyframes gleftIn{
	0%{opacity:0; transform:translate3d(-30px,0,0);}
	100%{opacity:1; transform:translate3d(0,0,0);}
}


@-webkit-keyframes grightIn{
	0%{opacity:0; -webkit-transform:translate3d(80px,0,0);}
	100%{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@-moz-keyframes grightIn{
	0%{opacity:0; -moz-transform:translate3d(80px,0,0);}
	100%{opacity:1; -moz-transform:translate3d(0,0,0);}
}
@keyframes grightIn{
	0%{opacity:0; transform:translate3d(80px,0,0);}
	100%{opacity:1; transform:translate3d(0,0,0);}
}


@-webkit-keyframes gfadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes gfadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes gfadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}


@-webkit-keyframes gfadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@-moz-keyframes gfadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@keyframes gfadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}