/*全部样式*/
body,h1,h2,h3,h4,h5,h6,p,a,img,table,tr,td,dl,dd,dt,ul,li{
	margin:0px; 
	padding:0px;
}
*{
    -webkit-transition:all .2s;
          transition:all .2s;  
}
img{
  border:0;
}
ul, ol{
	list-style: none;
}
body{
	font-family: "microsoft yahei";
	background:#fff;
}
a,a:hover{
	color: black;
	text-decoration: none;
}
html,body{
	height:100%;
}

/*局部样式*/
/*navbar*/
.navbar-default {
    background-color: rgba(255,255,255,1);
    border: none;
    box-shadow: 0 1px 2px #bbb;
}
.navbar-nav > li {
    margin-right:0;
    margin-left: 70px;
}
.nav > li > a {
    padding:0;
	line-height: 70px;
}
.navbar {
    min-height: 70px
    margin-bottom: 0px;
}
.navbar-nav > li > a {
    padding:0;
    font-size:16px;
}
.navbar > .container .navbar-brand{
    margin-left: 0px;
}
.navbar a.navbar-brand {
    background: url(../img/logo1.png) center no-repeat;
    width: 134px;
    height: 50px;
    background-size: cover;  
    margin-top:10px;
}
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #333;
	 background-color: transparent;
    border-bottom:none;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #eb3e38;
   background-color: transparent;
  border-bottom:none;
}
.navbar-default .navbar-nav > li > a ,
.navbar-default .navbar-nav > li > a:active{
    color: #333;
}
.navbar-brand {
    height: 70px;
    line-height: 70px;
}
/* 移动端导航 侧边栏 */
@-webkit-keyframes bounce-in {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-800px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0); 
	}
}
@keyframes bounce-in {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-800px);
		        transform: translateX(-800px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0); 
		        transform: translateX(0); 
	}
}
.bounce-in {
	-webkit-animation-name: bounce-in;
	animation-name: bounce-in;
}

@-webkit-keyframes bounce-out {
	0% {
		-webkit-transform: translateX(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-800px);
	}
}
@-moz-keyframes bounce-out {
  0% {
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-800px);
  }
}

@-o-keyframes bounce-out {
  0% {
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-800px);
  }
}

@keyframes bounce-out {
	0% {
		-webkit-transform: translateX(0);
				transform: translateX(0);
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-800px);
				transform: translateX(-800px);
	}
}
.bounce-out {
	-webkit-animation-name: bounce-out;
	animation-name: bounce-out;
}
.mobile-nav{
	position: fixed;
    top: 60px;
    bottom: 0;
    left:0px;
    height: 100%;
    width: 240px;
    z-index: 99;
    overflow-y: auto;
    padding:20px;
    background-color:#fff;
}
.mobile-nav.bounce-in,.mobile-nav.bounce-out {
	left: 0px;
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.mobile-nav li{
	border-bottom:1px solid rgba(235,235,235,.6);
}
.mobile-nav li a {
	display: inline-block;
	padding-left: 85px;
	line-height:60px;
	text-align: left;
	color: #808b96;	
	font-size: 14px;
}
.mobile-nav li a:hover,
.mobile-nav li a:active,
.mobile-nav li a:focus {
	color: #808b96;
	text-decoration: none;
}
/*主屏幕*/
#a1 {
    height: 846px;
}
#a1 .col-sm-2{
    width: 12.5%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
#a1 .col-sm-2.mar_l{
  margin-left:16.667%;
}
#a1 p{
	color:#fff;	
	line-height:40px;
	font-size:20px;
  text-align:center;
}
.to_small:hover{
  -webkit-transform:scale(0.92);
     -moz-transform:scale(0.92);
       -o-transform:scale(0.92);
          transform:scale(0.92);
}
#a1  img{
  width:100%;
}
.to_top:hover{
   -webkit-transform:translateY(-10px);
      -moz-transform:translateY(-10px);
        -o-transform:translateY(-10px);
           transform:translateY(-10px); 
}
.to_left:hover{
  -webkit-transform:translateX(-10px);
     -moz-transform:translateX(-10px);
       -o-transform:translateX(-10px);
          transform:translateX(-10px);  
}
.to_right:hover{
  -webkit-transform:translateX(10px);
     -moz-transform:translateX(10px);
       -o-transform:translateX(10px);
          transform:translateX(10px);  
}
.to_big:hover{
  -webkit-transform:scale(1.02);
     -moz-transform:scale(1.02);
       -o-transform:scale(1.02);
          transform:scale(1.02);   
}
.trans_bg1{
  -webkit-animation: trans_bg1 1s forwards;
      -ms-animation: trans_bg1 1s forwards;
       -o-animation: trans_bg1 1s forwards;
          animation: trans_bg1 1s forwards;
}
@-keyframes trans_bg1{
  0%{
    background-image: url(../img/bg1.jpg);
  }
  100%{
    background-image: url(../img/pay10.jpg);
  }
}
@-webkit-keyframes trans_bg1{
  0%{
    background-image: url(../img/bg1.jpg);
  }
  100%{
  background-image: url(../img/pay10.jpg);
  }
}
@-ms-keyframes trans_bg1{
  0%{
    background-image: url(../img/bg1.jpg);
  }
  100%{
  background-image: url(../img/pay10.jpg);
  }
}
@-o-keyframes trans_bg1{
  0%{
    background-image: url(../img/bg1.jpg);
  }
  100%{
  background-image: url(../img/pay10.jpg);
  }
}
.trans_bg2{
  -webkit-animation: trans_bg2 1s forwards;
      -ms-animation: trans_bg2 1s forwards;
       -o-animation: trans_bg2 1s forwards;
          animation: trans_bg2 1s forwards;
}
@-keyframes trans_bg2{
  0%{
    background-image: url(../img/bg1.jpg);
  }
  100%{
  background-image: url(../img/app15.jpg);
  }
}
@-webkit-keyframes trans_bg2{
  0%{
    background-image: url(../img/bg1.jpg);
  }
  100%{
  background-image: url(../img/app15.jpg);
  }
}
@-ms-keyframes trans_bg2{
   0%{
    background-image: url(../img/bg1.jpg);
  }
  100%{
  background-image: url(../img/app15.jpg);
  }
}
@-o-keyframes trans_bg2{
   0%{
    background-image: url(../img/bg1.jpg);
  }
  100%{
  background-image: url(../img/app15.jpg);
  }
}
.trans_bg3{
  -webkit-animation: trans_bg3 1s forwards;
      -ms-animation: trans_bg3 1s forwards;
       -o-animation: trans_bg3 1s forwards;
          animation: trans_bg3 1s forwards;
}
@-keyframes trans_bg3{
  0%{
    background-image: url(../img/bg1.jpg);
  }
  100%{
  background-image: url(../img/par7.jpg);
  }
}
@-webkit-keyframes trans_bg3{
  0%{
    background-image: url(../img/bg1.jpg);
  }
  100%{
  background-image: url(../img/par7.jpg);
  }
}
@-ms-keyframes trans_bg3{
   0%{
    background-image: url(../img/bg1.jpg);
  }
  100%{
  background-image: url(../img/par7.jpg);
  }
}
@-o-keyframes trans_bg3{
   0%{
    background-image: url(../img/bg1.jpg);
  }
  100%{
  background-image: url(../img/par7.jpg);
  }
}
.trans_bg4{
  -webkit-animation: trans_bg4 1s forwards;
      -ms-animation: trans_bg4 1s forwards;
       -o-animation: trans_bg4 1s forwards;
          animation: trans_bg4 1s forwards;
}
@-keyframes trans_bg4{
  0%{
    background-image: url(../img/bg1.jpg);
  }
  100%{
  background-image: url(../img/emb1.jpg);
  }
}
@-webkit-keyframes trans_bg4{
  0%{
    background-image: url(../img/bg1.jpg);
  }
  100%{
  background-image: url(../img/emb1.jpg);
  }
}
@-ms-keyframes trans_bg4{
   0%{
    background-image: url(../img/bg1.jpg);
  }
  100%{
  background-image: url(../img/emb1.jpg);
  }
}
@-o-keyframes trans_bg4{
   0%{
    background-image: url(../img/bg1.jpg);
  }
  100%{
  background-image: url(../img/emb1.jpg);
  }
}
/*第一栏*/
#a2 {
    height: 520px;
}
.cont1 .intro{
	padding-top:130px;
}
.cont1  p{
	line-height: 46px;
	font-size:25px;
	color:#070033;
	padding: 20px 0;
}
.cont1 .btn-eb3e38 {
    background: rgba(235,62,56,1);
    width: 200px;
    height: 56px;
    border: none;
    font-size:18px;
    margin: 0 auto;
    line-height: 56px;
    color: #fff;
    border-radius: 6px;
}
.cont1 .btn-eb3e38:hover{
    background: rgba(235,62,56,0);
    border:1px solid #eb3e38;
    color:#eb3e38;
}
.cont1 .col-sm-6{
	padding:0 70px;
}
.cont1 .phone_wrap{
  width:100%;
   height:217px;
   position:relative;
   overflow:hidden;
   padding-top:20px;
}
.cont1 .img-responsive.phone-ani{
  position:absolute;
  top:0;
  left:0;
  right:0;
  margin:0 auto;
  width:413px;
  height:217px;
  margin-top: 50%;
  -webkit-animation:phone_h 1s ease-in-out forwards;
     -moz-animation:phone_h 1s ease-in-out forwards;
       -o-animation:phone_h 1s ease-in-out forwards;
          animation:phone_h 1s ease-in-out forwards;
}
@-webkit-keyframes phone_h{
  0%{
     margin-top: 50%;
     opacity:0;
     filter:alpha(opacity=0); 
  }
  100%{
    margin-top: 0%;
    opacity:1;
    filter:alpha(opacity=100); 
  }
}
@-moz-keyframes phone_h{
  0%{
     margin-top: 50%;
     opacity:0;
     filter:alpha(opacity=0); 
  }
  100%{
    margin-top: 0%;
    opacity:1;
    filter:alpha(opacity=100); 
  }
}
@-o-keyframes phone_h{
  0%{
     margin-top: 50%;
     opacity:0;
     filter:alpha(opacity=0); 
  }
  100%{
    margin-top: 0%;
    opacity:1;
    filter:alpha(opacity=100); 
  }
}
@keyframes phone_h{
  0%{
     margin-top: 50%;
     opacity:0;
     filter:alpha(opacity=0);  
  }
  100%{
    margin-top: 0%;
    opacity:1;
    filter:alpha(opacity=100); 
  }
}
/*第二栏*/
#a3{
	height:520px;
}
.cont2 .intro {
    padding-top:60px;
}
.cont2 .col-sm-8.col-sm-offset-2 {
    padding-bottom: 60px;
}
.cont2 p{
	line-height: 46px;
	font-size:25px;
	color:#070033;	
}
.cont2 .col-sm-48 {
    width: 40%;
    margin-left:30%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.cont2  .carousel {
    position: relative;
}
.cont2 .carousel-indicators {
    bottom: -50px;
}
.cont2 .carousel-indicators li {
    width: 16px;
    height: 16px;   
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #808080;    
    border-radius: 10px;
    margin:0 0 0 10px;
}
.cont2 .carousel-indicators .active {
    background-color: #808080;  
    width: 16px;
    height: 16px;
    margin:0px 0 0 10px;
}
.cont2 .carousel .path {
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.cont2 .carousel .carousel1{
     background-image: url(../img/carousel1.png);
}
.cont2 .carousel .carousel2{
     background-image: url(../img/carousel2.png);
}
.cont2 .carousel .carousel3{
     background-image: url(../img/carousel3.png);
}
/*第四栏*/
#a4{
	height:520px;
}
.cont3 .intro{
	padding-top:80px;
}
.cont3 p{
	color:#808080;
	font-size:18px;
	line-height:40px;
}
.cont3 p.cont3_tip{
	color:#808080;
	font-size:18px;
	line-height:46px;
	padding-top:10px;
}
/*footer*/
#a5 .container{
  position:relative;
}
.footer {
    background: #292424;
    height: auto;
}
.footer .intro{
	padding-top:50px;
}
.footer h5{
	color:#fff;
	font-size:18px;
	line-height:60px;
}
.footer  .social {
    margin-left: 100px;
    text-align: center;
    width: 100px;
}
.footer .links {
   margin-right: 5%;

}
.footer  .social li{
	display:inline-block;
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	background:#fff;
	border-radius:100%;
}
.footer  .social li:hover{
	background:#8d8d91;
}
.footer .social li.wechat{
	margin-top: 10px;
}
.footer .social li img{
	width:30px;
	height:30px;
}
.footer .links li{
	color:#fff;
	line-height:30px;
}
.footer .copyright{
	color:#555;
	padding: 50px 0 5px;
	font-size:14px;
}
.footer .social img.goIn {;
    opacity: 1;
    transform: translateY(-40px);
    -webkit-transform: translateY(-40px);
}
.footer .social .qrcode {
    position: absolute;
    left: 0%;
    bottom:80%;
    width: 300px;
    transition: all ease 1s;
    -webkit-transiton: all ease 1s;
    opacity: 0;
    box-shadow:0 0 6px rgba(0,0,0,.1);
}
/*所有背景*/
.bg1 {
	position: relative;
	width: 100%;
	height: 920px;
	background-image: url(../img/bg1.jpg);
	background-repeat: no-repeat;;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
.blur{
	width: 100%;
    height: 100%;
   	background-color: rgba(7,0,51,.5);  
   	padding-top:380px; 
}
.bg{
    width: 100%;
    height: 520px;
    position: relative;
}
.cont {
    width: 100%;
    height: auto;
    position: relative;
}
.content {
	width: 100%
	height: 100%;
	border:1px solid transparent;
	margin: 0 auto;
	position: relative;
}
.bg {
	-webkit-transition:all ease .3s;
	transition:all ease.3s;
	position: relative;
}
.bg:after {
	content: '';
	width: 100%;
	height: 100%;
	background: rgba(7,0,51,.4);
	position: absolute;
	left: 0;
	top: 0;
}
.bg2 {
	height:400px;
	background-image: url(../img/bg2.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
.bg3 {
	height:400px;
	background-image: url(../img/bg3.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
.bg4 {
	height:580px;
	background-image: url(../img/bg4.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}
/***************子页面***************/
/*微信支付*/
.nav_son {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    min-height: 70px;
    background-color: rgba(255,255,255,1);
    box-shadow: 0 1px 2px #bbb;
}
.nav_son .left{
    width:134px;
    height:50px;
    background:url(../img/logo1.png) center no-repeat;
    background-size:100%;
    float:left;
    margin-top:10px;
}
.nav_son .right{
	height: 70px;
    line-height: 70px;
    color:#333;
    font-size:16px;
    float:right;
}
.nav_son .right a{
	color:#333;
}
.nav_son .right a:hover{
  opacity:#999;
}
.son_bg{
	position: relative;
    width: 100%;
    height: 846px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.pay1{
	 background-image: url(../img/pay10.jpg);
}
.son_bg p{
	font-size:22px;
	color:#fff;
}
.son_bg .blur{
	padding-top:300px;
}
.to_down{
  margin:0 auto;
  position:absolute;
  left:0;
  right:0;
  bottom:25px;
  width:80px;
  height:80px;
 line-height: 80px;
  text-align: center;
  background:url(../img/pay23.png) center no-repeat;
  background-size:cover;
}
.to_down img{
  width:20px;
  height:20px;
  margin-top: -15px;
  -webkit-animation: icon-pull-down 1.5s linear infinite;
  animation: icon-pull-down 1.5s linear infinite;
}
@-webkit-keyframes icon-pull-down {
  0% {
    opacity: 1;
    filter:Alpha(Opacity=100);
    margin-top: -15px;
  }
  50% {
    opacity: 0.5;
    filter:Alpha(Opacity=50);
    margin-top: 0;
  }
  100% {
    opacity: 0;
    filter:Alpha(Opacity=0);
    margin-top: 15px;
  }
}
@-moz-keyframes icon-pull-down {
  0% {
    opacity: 1;
    filter:Alpha(Opacity=100);
    margin-top: -15px;
  }
  50% {
    opacity: 0.5;
    filter:Alpha(Opacity=50);
    margin-top: 0;
  }
  100% {
    opacity: 0;
    filter:Alpha(Opacity=0);
    margin-top: 15px;
  }
}
@-o-keyframes icon-pull-down {
  0% {
    opacity: 1;
    filter:Alpha(Opacity=100);
    margin-top: -15px;
  }
  50% {
    opacity: 0.5;
    filter:Alpha(Opacity=50);
    margin-top: 0;
  }
  100% {
    opacity: 0;
    filter:Alpha(Opacity=0);
    margin-top: 15px;
  }
}
@keyframes icon-pull-down {
  0% {
    opacity: 1;
    filter:Alpha(Opacity=100);
    margin-top: -15px;
  }
  50% {
    opacity: 0.5;
    filter:Alpha(Opacity=50);
    margin-top: 0;
  }
  100% {
    opacity: 0;
    filter:Alpha(Opacity=0);
    margin-top: 15px;
  }
}
.pay2 .intro{
	padding:50px 0;
}
.pay2 p{
	color:#555;
	line-height:32px;
}
.pay3{
	width:100%;
	height:auto;
	background:#f2f2f2;
}
.pay3 h4{
	line-height:60px;
	font-size:20px;
	color:#555;
}
.pay3 .intro{
	padding:50px 0;
}
.pay3 .list{
	text-align:left;
	width:100%;
	position:relative;
	min-height:72px;
	line-height:72px;
}
.pay3 .list img{
	width:56px;
	height:56px;
	position:absolute;
	top:5px;
}
.pay3 .list p{
	line-height:36px;
	color:#555;
	font-size:16px;
	padding-left:66px;
}
.pay4 .intro,.pay5 .intro,.pay6 .intro,.pay7 .intro{
	padding:50px 0;
}
.pay4  p,.pay5  p,.pay6 p{
	line-height:36px;
	color:#555;
	font-size:16px;
}
.pay5 h3,.pay5 p{
  text-align:right;
}
.pay4 h3, .pay5 h3, .pay6 h3 {
    color: #111;
    font-size: 24px;
    padding-top: 32%;
    line-height: 50px;
}
.pay6{
  background:#fff;
}
.pay6 h3 {
  padding-top:0;
}
.pay4 .col-sm-6 ,.pay5 .col-sm-6{
    width: 50%;
    padding: 0 8%;
}
.pay5,.pay7{
	width:100%;
	height:auto;
	background:#f2f2f2;
}
.pay6 .col-sm-7 {
    width: 86%;
    margin-left: 6%;
    position: relative;
}
.pay6_img {
    width: 60%;
}
.pay6 .font6 {
    position: absolute;
    top: 32%;
    right: 13%;
    width: 28%;
}
.pay6 h3{
    text-align:left;
}
.pay6 p{
  text-align:left;
}
.pay7 h3{
    color: #111;
    font-size:24px;
    padding-top:0;
    text-align:center;
}
.pay7 .flow_img{
	   width: 1103px;
    height: 656px;
    margin: 30px auto 0;
    background-image: url(../img/pay13.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.app4 .app4_img{
    background-image: url(../img/app16.png);
}
/*嵌入式开发*/
.emb1{
	 background-image: url(../img/emb1.jpg);
}
.emb3{
	width:100%;
	height:auto;
	background:#f2f2f2;
}
.emb2 .col-sm-11{
	width:90%;
	margin-left:5%;
}
.emb2 .intro,.emb3 .intro{
	padding:50px 0;
}
.emb2 h3,.emb3 h3{
    color: #111;
    text-align: center;
    padding-bottom: 20px;
    font-size: 24px;
}
.emb2 p{
	 line-height: 36px;
    color: #555;
    font-size: 18px;
}
/*应用开发*/
.app1{
	 background-image: url(../img/app15.jpg);
}
.app2 .intro,.app2 .intro,.app3 .intro{
	padding:50px 0;
}
.app2 .table_list {
  width: auto;
  margin: 0 auto;
  line-height: 20px;
}
.app2 .app2_text h3,.app3 h3{
    color: #111;
    text-align:center;
    padding-bottom:20px;
    font-size:24px;
}
.app2 .app2_text p,.app3 p{
	line-height:36px;
	color:#555;
	font-size:18px;	
}
.app2 .table_list table {
  border-collapse: separate;
  margin-top:30px;
}
.app2 .table_list table .top {
  height: 94px;
}
.app2 .table_list table .top .first {
  width: 149px;
}
.app2 .table_list table .top .top-td {
  width: 175px;
  text-align: center;
  vertical-align: middle;
}
.app2 .table_list table .top .top-td p {
  margin-top: 10px;
  font-size: 14px;
  color: #ffffff;
}
.app2 .table_list table .top .ios {
  background-color: #888888;
  border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  -webkit-border-radius: 10px 0 0 0;
}
.app2 .table_list table .top .android {
  background-color: #9dc446;
}
.app2 .table_list table .top .phone {
  background-color: #ec9e19;
}
.app2 .table_list table .top .pc {
  background-color: #fe544a;
  border-radius: 0 10px 0 0;
  -moz-border-radius: 0 10px 0 0;
  -webkit-border-radius: 0 10px 0 0;
}
.app2 .table_list table .content-tr {
  height: 98px;
}
.app2 .table_list table .content-tr .first {
  background-color: #f5f5f5;
  line-height: 1.2;
}
.app2 .table_list table .content-tr .one {
  border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  -webkit-border-radius: 10px 0 0 0;
}
.app2 .table_list table .content-tr td {
  text-align: center;
  font-size: 12px;
  color: #626262;
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
}
.app2 .table_list table .content-tr .last {
  border-right: 1px solid #e4e4e4;
}
.app2 .table_list table .sec {
  height: 55px;
}
.app2 .table_list table .three {
  height: 40px;
}
.app2 .table_list table .four {
  height: 35px;
}
.app2 .table_list table .five {
  height: 60px;
}
.app2 .table_list table .six {
  height: 40px;
}
.app2 .table_list table .seven {
  height: 45px;
}
.app2 .table_list table .eight {
  height: 80px;
}
.app2 .table_list table .nine {
  height: 35px;
}
.app2 .table_list table .nine .one,.app2 .table_list table .nine .last {
  border-radius: 0 0 0 10px;
  -moz-border-radius: 0 0 0 10px;
  -webkit-border-radius: 0 0 0 10px;
}
.app2 .table_list table .nine td {
  border-bottom: 1px solid #e4e4e4;
}
.app2 .table_list table .nine .last {
  border-radius: 0 0 10px 0;
  -moz-border-radius: 0 0 10px 0;
  -webkit-border-radius: 0 0 10px 0;
}
.app3{
	width:100%;
	height:auto;
	background:#f2f2f2;
}
.app3 .text-list{
	padding-top:30px;
}
.app3 .text-list p{
	line-height:32px;
	color:#555;
	font-size:16px;	
	text-align:left;	
	padding-top:30px;
}
.app3 .to_img{
    display: inline-block;
    height: 100px;
    width: 100px;
    margin: 0 auto;
    -webkit-transition:all .6s ease;
           transition:all .6s ease;

}
.app3 .img1{
  background: url(../img/app7.png) no-repeat center;
  background-size: 100%;
}
.app3 .img2{
  background: url(../img/app8.png) no-repeat center;
  background-size: 100%;
}
.app3 .img3{
  background: url(../img/app9.png) no-repeat center;
  background-size: 100%;
}
.app3 .img4{
  background: url(../img/app10.png) no-repeat center;
  background-size: 100%;
}
.app3 .img1:hover{
    background: url(../img/app11.png) no-repeat center;
    background-size: 100%;
}
.app3 .img2:hover{
    background: url(../img/app12.png) no-repeat center;
    background-size: 100%;
}
.app3 .img3:hover{
    background: url(../img/app13.png) no-repeat center;
    background-size: 100%;
}
.app3 .img4:hover{
    background: url(../img/app14.png) no-repeat center;
    background-size: 100%;
}
.app4{
	background:#fff;
}
/*智慧停车*/
.par1{
	 background-image: url(../img/par7.jpg);
}
.par2 .col-sm-12,.par3 .col-sm-12  {
    width: 92%;
    margin-left: 4%;
}
.par2 .intro,.par3 .intro,.par4 .intro{
	padding:50px 0;
}
.par2 img{
	padding-bottom:20px;
}
.par2 p,.par3 p,.par4 p{
	line-height:32px;
	color:#555;
	font-size:16px;
	text-align:left;	
}
.par3 .to_pic{
  width:97px;
  height:97px;
  margin: 0 auto;
  display: inline-block;
}
.par3 .pic1{
  background: url(../img/par1.png) no-repeat center;
  background-size: 100%;
}
.par3 .pic2{
  background: url(../img/par2.png) no-repeat center;
 background-size: 100%;
}
.par3 .pic3{
  background: url(../img/par3.png) no-repeat center;
  background-size: 100%;
}
.par3 .pic1:hover{
  background: url(../img/par7.png) no-repeat center;
  background-size: 100%;
}
.par3 .pic2:hover{
  background: url(../img/par9.png) no-repeat center;
  background-size: 100%;
}
.par3 .pic3:hover{
  background: url(../img/par8.png) no-repeat center;
  background-size: 100%;
}
.par3,.par5{
	width:100%;
	height:auto;
	background:#f2f2f2;
}
.par3 h3,.par4 h3{
    color: #111;
    text-align:center;	
    font-size:24px;
    padding-bottom:20px;
}
.par3 h4,.par4 h4{
    color: #555;
    padding:18px 0;
    font-size:20px;	
}
.par4 .par4_list{
	line-height:36px;
	color:#555;
	font-size:16px;
	text-align:left;	
}
.par4 img{
	margin-right:3px;
}
/*成功案例*/
.cas1{
	 background-image: url(../img/app15.jpg);
}
.cas2 .intro{
	padding:50px 0 0px;
}
.col-lg-4.col-md-6.col-sm-6.clear2 {
    clear: both;
}
.cas2 .phone{
	width:100%;
	height:100%;
    background-size: 100% 60px;
    background-repeat: no-repeat;
    background-position: bottom center;
}
.cas2 .phone.item1,.cas2 .phone.item4{
	background-image: url(../img/cas8.png);
}
.cas2 .phone.item2,.cas2 .phone.item5{
	background-image: url(../img/cas9.png);
}
.cas2 .phone.item3,.cas2 .phone.item6{
	background-image: url(../img/cas10.png);
}
.cas2 .phone img{
	width:300px;
}
.cas2 .dl-horizontal {
    padding: 20px 0 30px;
    width: 300px;
    margin: 0 auto;
}
.cas2 .dl-horizontal dt {
    width: 80px;
    font-weight: normal;
    color:#555;
    line-height:32px;
    padding-left:0;
    text-align: left;
    font-size:14px;
}
.cas2  .dl-horizontal dd {
    margin-left: 80px;
    color:#555;
    line-height:32px;
    text-align: left;
    font-size:14px;
}
.cas2  .dl-horizontal dd.name {
    color:#111;
}
.cas2 .col-lg-4,.cas2 .col-md-6,.cas2 .col-sm-6{
    padding-right:0px;
    padding-left:0px;
}
.col-lg-4.col-md-6.col-sm-6.text-center.clear_left {
    clear: none;
}
.pagination > li > a {
    padding: 6px 5px;
    margin-right: 15px;
    border: none; 
    color:#555;
}
.pagination {
    margin: 0px 0 30px;
}
.pagination > .active > a,.pagination > .active > a:hover,.pagination > .active > a:focus{
    color: #eb3e38;
    background-color: rgba(0,0,0,0);
    border-bottom: 1px solid #eb3e38;
}
.pagination > li > a:hover,.pagination > li > a:focus{
    color: #eb3e38;
    background-color: rgba(0,0,0,0);
    border-bottom: 1px solid #eb3e38;
}
@media (max-width: 1199px) {
#a1 .col-sm-2{
    width: 17%;
}
#a1 .col-sm-2.mar_l{
  margin-left:10.66%;
}
#a1 img{
  width:100px;
  height:100px;
}
#a2{
	height:auto;
}
.cont1 .intro {
    padding: 70px 0;
}
.cont1 .col-sm-6 {
    padding: 20px;
}
.cont1 p {
    line-height: 40px;
    font-size: 24px;
}
#a3{
	height:auto;
}
.cont2 .intro {
    padding: 70px 0;
}
.cont2 p {
    line-height: 40px;
    font-size: 24px;
}
.cont2  .col-sm-48 {
    width: 60%;
    margin-left: 20%;
}
.cont2 .col-sm-8 {
    width: 84%;
}
.cont2  .col-sm-8.col-sm-offset-2 {
    margin-left: 8%;
}
#a4{
	height:auto;
}
.cont3 .intro {
    padding: 70px 0;
}
.cont3 .col-sm-10 {
    width: 100%;
}
.cont3 .col-sm-10.col-sm-offset-1{
	margin:0;
}
/*子页面*/
.pay2 .col-sm-8.col-sm-offset-2 {
    width: 80%;
    margin-left: 10%;
}
.pay3 .list p {
    line-height: 32px;
    font-size: 14px;
    padding-left: 60px;
}
.pay3 .list img {
    width: 50px;
    height: 49px;
}
.pay4 .col-sm-6 ,.pay5 .col-sm-6{
    width: 50%;
    padding: 0;
}
.pay6_img img{
    width: 100%;
}
.pay6 .font6 {
    top: 18%;
    width:33%;
}
.pay7 .flow_img {
    height: 575px;
    width: 100%;
}
.par3 h4, .par4 h4 {
    font-size: 18px;
    line-height:25px;
}
.col-sm-10.col-sm-offset-1 {
    width: 92%;
    margin-left: 4%;
}
.col-lg-4.col-md-6.col-sm-6.clear1 {
    clear: both;
}
.col-lg-4.col-md-6.col-sm-6.clear2 {
    clear: none;
}
.cas2 .phone.item1,.cas2 .phone.item3,.cas2 .phone.item5{
	background-image: url(../img/cas8.png);
}
.cas2 .phone.item2,.cas2 .phone.item4,.cas2 .phone.item6{
	background-image: url(../img/cas10.png);
}
.col-lg-4.col-md-6.col-sm-6.text-center.clear_left {
    clear: both;
}
}
@media (max-width: 991px) {
.navbar-nav > li {
    margin-left: 50px;
}
.cont1 .col-sm-6 {
    padding:0 20px;
}
.cont1 p {
    line-height: 40px;
    font-size: 22px;
}
.cont1 .btn-eb3e38 {
    width: 180px;
    height: 50px;
    line-height:50px;
    font-size: 18px;
    margin-top: 10px;
}
.cont1 .img-responsive.phone-ani {
    width: 100%;
    height: auto;
}
#a1 .col-sm-2{
    width: 19%;
}
#a1 .col-sm-2.mar_l{
  margin-left:8%;
}
#a1 p{
  font-size:18px;
}
.cont2 p {
    line-height: 40px;
    font-size: 20px;
}
.cont2 .col-sm-48 {
    width: 80%;
    margin-left: 10%;
}
.cont2 .col-sm-8.col-sm-offset-2 {
    width: 100%;
    margin-left:0;
}
/*子页面*/
.pay2 img{
	width:100%;
}
.pay4 .col-sm-8.col-sm-offset-2 ,.pay5 .col-sm-8.col-sm-offset-2 {
    width: 80%;
    margin-left: 10%;
}
.pay6 .col-sm-7 {
    width: 80%;
}
.pay6_img {
    width: 70%;
}
.pay6 img{
  width:100%;
}
.pay6 .font6 {
    top: 10%;
    right: -5%;
    width: 42%;
}
.pay7 .flow_img {
    height: 422px;
    width: 100%;
}
.par2 img{
	width:100%;
}
.par2 .col-sm-12, .par3 .col-sm-12 {
    width: 100%;
    margin-left: 0%;
}
.col-sm-10.col-sm-offset-1 {
    width: 100%;
    margin-left: 0%;
}
.footer .social .qrcode {
    width: 270px;
}
}
@media (max-width:767px) {
.visible-xs {
    display: block!important;
}
.navbar-toggle {
	margin-top:23px;
    margin-bottom: 0px; 
    background-color:  rgba(0,0,0,0);

}
.navbar-default .navbar-toggle {
    border-color: rgba(255, 255, 255, 0);
}
.container > .navbar-header{
    height: 60px;
}
.navbar-default .navbar-toggle:hover{
	background: rgba(0,0,0,0);
}


.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default {
    background-color: rgba(0,0,0,1);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}
.navbar a.navbar-brand {
    background: url(../img/logo.png) center no-repeat;
    width: 107px;
    height: 40px;
}
.navbar > .container .navbar-brand {
    margin-left: 15px;
}
.blur {
    padding-top: 158px;
}
#a1{
    height: 610px;
}
#a1 .col-sm-2 {
    width: 50%;
    float: left;
    margin-bottom: 30px;
}
#a1 .col-sm-2.mar_l {
    margin-left: 0%;
}
.navbar-brand {
    height: 60px;
    padding: 10px 15px;
}
.navbar-default .navbar-toggle {
  border-color: rgba(0,0,0,0);
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: rgba(0,0,0,0);
}
.navbar-toggle {
    margin-top: 13px;
}
.navbar-brand img{
  height:40px;
}
.cont1 .col-sm-6 {
    padding:0 15%;
}
.cont1 p {
    line-height: 40px;
    font-size: 20px;
}
.cont1 .img-responsive.phone-ani {
    top: 20px;
    width: 413px;
    height: 217px;
    margin: 0 auto;
}
.cont2 p {
    line-height: 40px;
    font-size: 20px;
}
.cont1 .btn-eb3e38 {
    width: 170px;
    height: 50px;
}
.cont2  .col-sm-48 {
    width: 84%;
    margin-left: 8%;
}
.cont2 .carousel .path {
    height: 181px;
}
.cont3 p.cont3_tip {
    color: #808080;
    font-size: 16px;
    line-height: 32px;
}
.cont3 img{
  width:110px;
  height:110px;
}
.cont3 p {
    color: #555;
    font-size: 16px;
    padding-bottom: 10px;
    line-height:40px;
}
.footer {
    background: #292424;
    height: auto;
}
.footer  .social {
    margin:0 auto 20px;
 
}
.footer .links {
    margin:0 auto;
    width:283px;
}
.footer .social.pull-left,.footer .links.pull-right{
	float: none !important;
}
.footer .intro {
    padding-top: 25px;
}
.footer  .col-sm-4.pull-left {
    width: 100%;
}
.footer  .col-sm-4.pull-right {
    width: 100%;
}
.footer .social .qrcode {
    left: 50%;
    margin-left: -130px;
    bottom: 90%;
    width:260px;
}
.bg1,.bg2,.bg3,.bg4 {
    background-attachment: scroll;
}
/*子页面*/
.son_bg {
    height: 610px;
}
.son_bg .icon_img img{
    width:110px;
    height:110px;
}
.son_bg p{
  line-height:40px;
  font-size:18px;
}
.son_bg .blur {
    padding-top: 250px;
}
.to_down {
    bottom: 10px;
}
.nav_son {
    min-height: 60px;
    background-color: rgba(0,0,0,1);
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1);
}
.nav_son .left{
    width:107px;
    height:40px;
    background:url(../img/logo.png) center no-repeat;
}
.nav_son .right{
  height: 60px;
    line-height: 60px;
    color:#fff;
}
.nav_son .right a{
  color:#fff;
}
.nav_son .right a:hover{
  opacity:#eee;
}
.pay2 .col-sm-10.col-sm-offset-1 {
    width: 80%;
    margin-left: 10%;
}
.pay2 .col-sm-8.col-sm-offset-2 {
    width: 90%;
    margin-left: 5%;
}
.pay3 .col-sm-4.text-center {
    width: 60%;
    margin-left: 20%;
    margin-bottom:20px;
}
.pay3 img{
  width:80px;
  height:80px;
}
.pay3 .list img {
    width: 50px;
    height: 50px;
}
.pay3 .list p {
    line-height: 30px;
    font-size: 14px;
    padding-left: 60px;
}
.pay3 h4 {
    line-height: 50px;
    font-size: 20px;
}
.pay4 .col-sm-8.col-sm-offset-2, 
.pay5 .col-sm-8.col-sm-offset-2 {
    width: 80%;
    margin-left: 10%;
}
.pay4 .col-sm-6 ,.pay5 .col-sm-6{
    float: left;
}
.pay4 h3, .pay5 h3 {
    font-size: 18px;
    padding-top: 50%;
    line-height:38px;
}
.pay6 h3 {
    font-size: 18px;
    line-height:38px;
}
.pay4 p, .pay5 p, .pay6 p {
    line-height: 28px;
    font-size: 14px;
}
.pay6_img {
    width: 80%;
    margin-left: 10%;
}
.pay6 .col-sm-7 {
    width: 100%;
    margin-left: 0;
}
.pay6 .font6 {
    top: 0;
    right: 0;
    width: 50%;
    position: relative;
    margin-left: 25%;
}
.pay7 .col-sm-12 {
    width: 90%;
    margin-left: 5%;
}
.pay7 .flow_img {
    height: 541px;
    width: 510px;
    background-image: url(../img/pay9.png);
}
.app4 .app4_img{
    background-image: url(../img/app17.png);
}
.pay7 h3 {
    font-size: 20px;
}
.app2 .app2_text h3, .app3 h3 {
    font-size: 20px;
}
.app2 .app2_text p, .app3 p {
    line-height: 32px;
    font-size: 16px;
}
.app3 .to_img {
    height: 80px;
    width: 80px;
}
.col-sm-3.col-xs-6.text-list.text-center.clear {
    clear: both;
}
.app3 .text-list p {
    line-height: 28px;
    font-size: 14px;
    padding: 30px 10%;
}
.app3  .col-sm-12 {
    width: 92%;
    margin-left: 4%;
}
.emb2 h3, .emb3 h3 {
    font-size: 20px;
}
.emb2 p {
    line-height: 32px;
    font-size: 16px;
}
.emb2 .col-sm-11 {
    width: 100%;
    margin-left: 0%;
}
.par2 .col-sm-12, .par3 .col-sm-12 {
    width: 90%;
    margin-left: 5%;
}
.par4 .col-sm-10.col-sm-offset-1 {
    width: 76%;
    margin-left: 12%;
}
.par2 .col-sm-12, .par3 .col-sm-12 {
    width: 100%;
    margin-left: 0%;
}
.par2 p, .par3 p, .par4 p {
    font-size: 14px;
} 
.par4 .par4_list {
    font-size: 14px;
}
.par3 h3, .par4 h3 {
    font-size: 20px;
    padding-bottom: 10px;
}
.par3 h4, .par4 h4 {
    padding: 10px 0;
}
.par2 p, .par3 p, .par4 p {
    line-height: 28px;
}
.par4 .par4_list img{
    width:24px;
    height:24px;
}
.cas2 .col-lg-4, .cas2 .col-md-6, .cas2 .col-sm-6 {
    padding-right: 15px;
    padding-left: 15px;
}
.cas2 .phone img {
    width: 335px;
}
.cas2 .dl-horizontal {
    width: 335px;
}
.cas2 .dl-horizontal dt {
    float: left;
}
.cas2 .phone.item1, .cas2 .phone.item2, .cas2 .phone.item3,.cas2 .phone.item4, .cas2 .phone.item5, .cas2 .phone.item6 {
    background-image: url(../img/cas11.png);
}
.footer .copyright {
    padding-top: 30px;
    font-size: 12px;
    padding-bottom: 6px;
}
}
@media (max-width: 660px){
.pay7 .flow_img {
    height: 432px;
    width: 407px;
}
}
@media (max-width:560px) {
.pay4 .col-sm-8.col-sm-offset-2, .pay5 .col-sm-8.col-sm-offset-2 {
    width: 84%;
    margin-left: 8%;
}
.pay4 h3, .pay5 h3 {
    padding-top: 31%;
}
.pay6_img {
    width: 84%;
    margin-left: 8%;
}
.cont1 .img-responsive.phone-ani {
    width: 100%;
    height: auto;
}
.cont2 .col-sm-8.col-sm-offset-2 {
    width: 84%;
    margin-left:8%;
}
.cont2 .carousel .path {
    width: 100%;
    height: 370px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.cont2 .carousel .carousel1{
     background-image: url(../img/carousel4.png);
}
.cont2 .carousel .carousel2{
     background-image: url(../img/carousel5.png);
}
.cont2 .carousel .carousel3{
     background-image: url(../img/carousel6.png);
}
.pay4 img,.pay5 img{
	width:100%;
}
.pay7 .col-sm-12 {
    width: 84%;
    margin-left: 8%;
}
.pay7 .flow_img {
    height: 440px;
}
.emb3 img{
	width:100%;
}
.app3 img{
    width: 80px;
}
.app3 .clear {
    clear: both;
}
.app3 .col-sm-12 {
    width: 92%;
    margin-left: 4%;
}
.app3 .text-list p {
    padding: 30px 4%;
}
.par4 .col-sm-10.col-sm-offset-1 {
    width: 84%;
    margin-left: 8%;
}
}
@media (max-width:480px) {
#a1 img {
    width: 90px;
    height: 90px;
}
#a1 p {
    line-height: 32px;
    font-size: 16px;
}
.blur {
    padding: 170px 0;
}
.cont1 p {
    line-height: 36px;
    font-size: 18px;
}
.cont2 .col-sm-8.col-sm-offset-2 {
    width: 100%;
    margin-left: 0%;
}
.cont2 .carousel .path{
  height:382px; 
}
.cont1 img {
    margin-top: 60px;
}
.cont1 .col-sm-6 {
    padding: 0 10%;
}
.cont1 .intro,.cont2 .intro,.cont3 .intro {
    padding: 50px 0;
}
.cont1 p {
    line-height: 36px;
    padding: 10px 0;
}
.cont1 .col-sm-3.col-xs-6.text-center {
    padding-bottom: 20px;
}
.mobile-nav {
    top: 50px;
}
.cont3 img{
	width:90px;
  height:90px;
}
.cont2 .col-sm-8 {
    width: 100%;
}
.cont2 .col-sm-48 {
    width: 90%;
    margin-left: 5%;
}
.bg4 {
    height: 500px;
}
.footer h5 {
    line-height: 50px;
}
.footer .intro {
    padding-top: 15px;
}
.footer .copyright {
    padding-top: 20px;
    font-size: 12px;
}
.cont2 p {
    line-height: 36px;
    font-size: 18px;
}
.cont3 p.cont3_tip {
    color: #808080;
    font-size: 14px;
    line-height: 30px;

}
/*子页面*/
.icon_img img{
  width:120px;
  height:120px;
}
.pay6_img {
    width: 100%;
    margin-left: 0%;
}
.pay2 p {
    line-height: 32px;
}
.pay2 .col-sm-10.col-sm-offset-1 {
    width:100%;
    margin-left: 0%;
}
.pay2 .col-sm-8.col-sm-offset-2 {
    width:100%;
    margin-left: 0%;
}
.pay3 h4 {
    line-height: 50px;
}
.pay3 .col-sm-4.text-center {
    width: 80%;
    margin-left: 10%;
}
.pay4 h3 ,.pay5 h3 {
    padding-top: 40px;
    font-size: 16px;
}
.pay4 p ,.pay5 p{
    line-height: 30px;
    font-size: 14px;
}
.pay4 .col-sm-8.col-sm-offset-2, .pay5 .col-sm-8.col-sm-offset-2 {
    width: 100%;
    margin-left: 0%;
}
.pay6 h3 {
    font-size: 16px;
}
.pay6 .font6 {
   width: 60%;
}
.pay4 p, .pay5 p, .pay6 p {
    line-height: 30px;
    font-size: 14px;
}
.pay6 .col-sm-7 {
    margin-left: 0;
    width: 100%;
}
.pay6 .font6 {
    width:60%;
    margin-left: 20%;
}
.pay7 .col-sm-12 {
    width: 100%;
    margin-left: 0%;
}
.pay7 .flow_img {
    height: 352px;
    width: 332px;
}
.cas2 .col-lg-4, .cas2 .col-md-6, .cas2 .col-sm-6 {
    padding-right: 0px;
    padding-left: 0px;
}
.cas2 .phone img,.cas2 .dl-horizontal {
    width: 70%;
}
.app3 .col-sm-12 {
    width: 100%;
    margin-left: 0%;
}
.app3  .col-sm-3.col-xs-6.text-list.text-center {
    padding-left: 8px;
    padding-right: 8px;
}
.app3 .text-list {
    padding-top: 20px;
}
.par3 .to_pic {
    width: 87px;
    height: 87px;
    margin: 10px 0;
}
.par4 .col-sm-10.col-sm-offset-1 {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}
.app2 .table_list table .top .top-td p {
    line-height: 18px;
}
.app2 .table_list table .top img{
    padding-top: 5px;
    width:26px;
}
.app2 .table_list table .top .top-td p {
    margin-top: 6px;
    font-size: 14px;
}
}
@media (max-width:375px) {
.pay7 .flow_img {
    height: 361px;
    width: 100%;
} 
.app3 .text-list p {
    padding: 15px 0%;
}
.cont2 .carousel .path {
    height: 320px;
}
}
@media (max-width:310px) {
.footer .links {
    margin: 0 auto;
    width: auto;
}
}
@media (max-width:280px) {
.footer .links {
    margin: 0 auto;
    width: auto;
}
.footer .social .qrcode {
    left: 0;
    bottom: 90%;
    width: 100%;
    margin-left: 0;
}
.cont3 img {
    width: 100%;
    height:100%;
}
#a1 img {
    width: 100%;
    height: 100%;
}
}