.indexba {
    background: url("../images/icon/gallery_background.png") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    padding-bottom: 45px;
    
}
a:hover{
    text-decoration:none; 
}
.dowebok{
	 margin-top: 10px;
}
.bx-wrapper .bx-controls .bx-pager{
	border: none;
}
.carousel-list .carousel-game img{
	width: 300px;
	height: 176px;
}



.gallery h1 {
    text-align: center;
    font-size: 34px;
}
.titleBig{
	margin-top: 20px;
}

.carousel {
    margin: 10px 0;
}
.owl-pagination{
    padding-right: 50px;
}
.carousel div {
    text-align: center;
}
.owl-pagination{
   text-align: center; 
  
}
/*.owl-pagination{
   text-align: right !important; 
   padding-right: 50px;
}
.owl-pagination{
   text-align: right !important; 
   padding-right: 50px;
}*/
.owl-pagination div{
    display: inline-block;
}

.gallery-list {
    width: 840px;
    margin: 0 auto;
}

.gallery-list li {
    float: left;
    width: 120px;
    text-align: center;
    font-size: 24px;
    color: #999999;
}

.gallery-list-sub {
    display: block;
    width: 697px;
    margin: 20px auto 0 auto;
}

.server {
    background: url("../images/icon/server-bg.jpg");
    padding-top: 20px;
}

.server .title, .solution .title, .case .title, .partner .title, .industry .title, .contact .title {
    
    margin: 50px auto;
}

.server .server-subtitle, .solution .solution-subtitle, .case .case-subtitle, .partner .partner-subtitle {
    margin: 0 auto;
    width: 960px;
    text-align: center;
    font-size: 16px;
    line-height: 35px;
    letter-spacing: 3px;
}

.server .our-server {
    width: 1040px;
    min-height: 680px;
    margin: 0 auto;
}

.server-bg{
    width: 1169px;
    min-height: 680px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    text-align: center;
    background: url(../images/icon/server_bg.png) 23px center no-repeat;
}
.server .mobi {
    background: url("../images/icon/server.png")  no-repeat;
    background-position: 280px 20px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.server-bg img{
    position: absolute;
    left: 23px;
}

.our-server {
    position: relative;
}

.our-server > a {
    position: absolute;
    z-index: 22;
}

.our-server span {
    font-size: 18px;
}

.our-server span {
    color: #777;
}

.our-server span p.server-title {
    color: #000;
}


.our-server .server1 {
    left: 134px;
    top: 22px;
}




/*.server .our-server { 
    min-height: 620px;
    
}
.shujiang-img{
    width: 602px;
    top: -124px;
    left: 85px;
    background-image: url('../images/img/shujiang.png');
}
.yingyong-img{
    top: -119px;
    left: -285px;
    background-image: url('../images/img/yingyong.png');  
}
.Bangong24-img{
    top: -14px;
    left: -310px;
    background-image: url('../images/img/bangong24.png');  
}
.menglian-img{
    top: -14px;
   left:-289px;
    background-image: url('../images/img/menglian.png');  
}

.our-server .server6 span {
    float: left;
    margin-top: 81px;
    margin-right:-20px;
    text-align: right;
    position: relative;
    left: 34px;
    top:68px;
}

*/









.server1-detail{
    position:absolute;
    left:-10px;
    top:-10px;
    width:582px;
    height:318px;
    z-index: 10000;
    background: url('../images/img/BuleMobipanel.png');
    display: none;
}


.weijiang-img{
    background-image: url('../images/img/weijiang.png');
}  
.APPolls-img{
	transform-origin: 602px 318px;
    width: 602px;
    left: 28px;
    top: -112px;
    background-image: url('../images/img/APPOLLS.png');  
}    
.shujiang-img{
    width: 602px;
    top: -116px;
    left: 113px;
    background-image: url('../images/img/shujiang.png');
}
.yingyong-img{
    top: -182px;
    left: -291px;
    background-image: url('../images/img/yingyong.png');  
}
.Bangong24-img{
    top: -14px;
    left: -260px;
    background-image: url('../images/img/bangong24.png');  
}
.menglian-img{
    top: 39px;
   left:-220px;
    background-image: url('../images/img/menglian.png');  
}
.our-server .server1 span {
    float: right;
    margin-top: 43px;
    color: #777777;
}

.our-server .server2 {
    left: -3px;
    top: 180px;
}

.our-server .server2 span {
    float: right;
    margin-top: 30px;
}

.our-server .server3 {
      left: 22px;
    top: 330px;
}

.our-server .server3 span {
    float: right;
    margin-top: 85px;
    margin-left: -45px;
}

.our-server .server4 {
     left: 356px;
    top: 352px;
}

.our-server .server4 span {
    float: left;
    margin-top: 85px;
    text-align: right;
    margin-right: -40px;
}

.our-server .server5 {
    left: 575px;
    top: 220px;
}

.our-server .server5 span {
    float: left;
    margin-top: 32px;
    text-align: right;
}

.our-server .server6 {
    left: 629px;
    top: 305px;
}

.our-server .server6 span {
    float: left;
    margin-top: 81px;
    margin-right:-20px;
    text-align: right;
}

.our-server .server7 {
    left: 762px;
    top: 63px;
    width: 405px;
}

.our-server .server7 span {
    float: left;
    text-align: right;
    margin-right: -17px;
}

.solution{
    overflow: hidden;
}
.solution-list {
    width: 1004px;
    height: 586px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
}

.solution-list li {
    float: left;
    width: 25%;
}

.carousel-list {
    width: 1011px;
    margin: 0 auto;
    position: relative;
}

.carousel-list .cl-a{
    display: block;
    width: 300px;

    position: relative;
}

.c-screen{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(15,79,153,0.8);
}

.search-icon{
    width: 100%;
    height: 100%;
    display: block;
    background:  url(../images/icon/narrow.png) center 180px no-repeat;
}

.case{
    background: url("../images/icon/case-bg.jpg");
    background-size: 100% 100%;
}
.carousel-case p{
    text-align: center;
    font-size: 20px;
    margin-top: 20px;
}
.contact .nav{
    position:absolute;
    bottom:450px;
    left:30px;
    margin: 0;
    z-index: 100;
}

.nav{
    margin:50px auto;
    text-align: center;
    font-size: 0;
}
.nav li{
    display: inline-block;
    width: 94px;
    height: 41px;
    line-height: 41px;
    border:1px solid #c5c5c5;
    border-radius: 5px;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
}
.nav li.current{
    color: #fff;
    background: url(../images/icon/btn_bg_17.png) repeat-x;
}
.carousel-left-btn{
    position: absolute;
    left:-80px;
    top:120px;
}
.carousel-right-btn{
    position: absolute;
    right:-47px;
    top:120px;
}
.partner {

    overflow: hidden;
    background: url("../images/icon/partner-bg.jpg");
    background-size: 100% 100%;
}

.partner-list {
    width: 1140px;
    margin: 0 auto;
}

.partner-wrap{
    position: relative;
    height: 100%;
    width: 100%;
}

.none{
    display: none;
}

.chart {
  position: relative;
  display: inline-block;
  width: 148px;
  height: 148px;
  margin-bottom: 50px;
  text-align: center;
  transiton:1s;
}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 148px;
  height: 148px;
}
.percent {
  display: inline-block;
  line-height: 148px;
  z-index: 2; 
  font-size: 26px;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: 30px;
}
.chart .icon {
    width: 148px;
    height: 148px;
    background:  url() center no-repeat;
    -webkit-background-size: 100%;
    background-size: 100%;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 0;
    z-index: 99;
    transform: scale(0);
}
.chart .icon1 {
    background-image: url(../images/img/need.png);
}
.chart .icon2 {
    background-image: url(../images/img/ue.png);
}
.chart .icon3 {
    background-image: url(../images/img/ui.png);
}
.chart .icon4 {
    background-image: url(../images/img/paly.png);
}
.chart .icon5 {
    background-image: url(../images/img/test.png);
}
.chart .icon6 {
    background-image: url(../images/img/ok.png);
}




.partner-desc{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    top: 100%;
    left: 0;
}



.partner-list li {
    overflow: hidden;
    float: left;
    border: 1px solid #ecedee;
    height: 194px;
    width: 190px;
}

.math {
    background: url('../images/icon/math_bg.jpg');
    background-size: 100% 100%;
    height: 1141px;
}

.count-list {
    width: 1300px;
    margin: 0 auto;
    
    padding-top: 215px !important;
}

.count-list li {
    float: left;
    margin-left: 45px;
}

.three-box{
    width: 310px;
    height: 173px;
}

.two-box{
    width: 176px;
    height: 173px;
}

.count-list .num-wrap{
    position: relative;
    height: 174px;
    background-color: #fff;
    border-radius: 10px;
    padding: 20px 0;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.7);
    font-size: 160px;
    font-family: '黑体';
    font-weight: 700;
    line-height: 134px;
    text-align: center;
    color: #009de1;
    letter-spacing: -5px;
}

.add-icon{
    position: absolute;
    right: 10px;
    top: 10px;
    background:  url(../images/icon/add_icon.png) 0 0 no-repeat;
    width: 16px;
    height: 16px;
}

.white-line{
    position: absolute;
    height: 5px;
    background-color: #fff;
    left: 0;
    top: 50%;
    margin-top: -2px;
    z-index: 2;
    width: 100%;
}

.count-list li p {
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
    
}

.percent-list {
    width: 1300px;
    margin: 400px auto 0 auto;
}

.percent-list .owl-item {
    text-align: center;
}

.percent-data {
    position: absolute;
    left: 108px;
    top: 40px;
    font-size: 48px;
}

.percent-data span {
    font-size: 30px;
}

.percent-list .owl-item p {
    font-size: 22px;
    font-weight: bold;
}


.industry-time {
    float: left;
    position: relative;
    width: 210px;
}

.industry-time p {
    height: 50px;
    padding: 100px 0;
    line-height: 20px;
    position: relative;
    z-index: 2;
}
.industry-time span {
    padding: 10px;
    background:  url(../images/icon/button_img1.png) 0 0 no-repeat;
    color: #fff;
    line-height: 30px;
    cursor: pointer
}
.industry-time span.current{
    background: #ea6060;
}
.industry-time .circle {
    vertical-align: middle;
    margin-left: 28px;
    padding: 12px;
    background:  url(../images/icon/Shape-10-copy-4.png) center no-repeat;
}
.industry-time i.current {
    background-image: url(../images/icon/dot-red.png);
}

.dash-vertical {
    position: absolute;
    left: 137px;
    top: 0;
    height: 100%;
    z-index: 1;
    border-right: 1px dashed gray;
}
.industry {
    background: url("../images/icon/industry-bg.jpg");
    background-size: 100% 100%;
}
.industry-wrap {
    width: 1172px;
    margin: 0 auto;
}


.industry-event {
    width: 800px;
    float: left;
}

.industry-event div {
    padding-top: 80px;
    height: 200px;
}

.industry-event .event-title {
    font-size: 18px;
    font-weight: bolder;
}
.industry-event a{
	color: #0061B2;
}

.contact {
    width: 1172px;
    margin: 0 auto;
    position: relative;
}
.contact .new_list{
	width: 45%;
	float: right;
}
.contact .new_list h2{
	font-size:26px;
	margin: 45px auto 20px;
}
.contact .new_list h5{
	font-size:20px;
	color:#8b8a8c;
	margin-bottom: 20px
}
.new_list ul{
	/*//background: url(../images/icon/bgoo.jpg) no-repeat right top;*/
}
.new_list ul li{
	line-height: 35px;
	font-size: 14px;
	color: #404040;
	overflow: hidden;
}
.new_list ul p {
line-height: 35px;
float: left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 400px;
}



.new_list ul span {
	margin-right: 13px;
	color: #404040;
	display: inline-block;
	height: 100%;
	line-height: 35px;
	float: left;
	width: 88px ;
	
}

#demo ul span,#demo2 span {
	margin-right: 13px;
	color: #404040;
	display: inline-block;
	height: 100%;
	line-height: 35px;
	float: left;
	width: 88px;
	
}
#demo  ul p {
line-height: 35px;
float: left;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 400px;
}

#demo2 p {
  line-height: 35px;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 400px;
}

#demo ul li,#demo2 li{
	line-height: 35px;
	font-size: 14px;
	color: #404040;
	overflow: hidden;
}
#demo1{
	position: absolute;
	top: 0;
}




.contact .new_form{
	width: 100%;
	float: left;
}
.contact .subtitle {

    text-align: center;
    margin:45px auto;
}
.form{
    width:855px;
    margin: 0 auto;
}
.cm-input-text{
    width: 367px;
	font-size: 18px;
	padding: 12px;
	margin: 5px;
}
.cm-input-text.checkNum{
	width:152px;
	
}

.cm-textarea {
margin: 5px;
margin-top: 8px;
width: 748px;
font-size: 18px;
piadding: 15px;
height: 226px;
}




.btn-submit {
		color: white;
		background: url(../images/icon/button_img1.png);
		border: 0;
		text-align: center;
		line-height: 60px;
		margin: 7px 295px 7px;
		display: inline-block;
		width: 155px;
		font-size: 20px;
		width: 152px;
		height: 55px;
		cursor: pointer;
	    position:absolute;
	    right:140px;
}

.btn-submit:hover{
	color: #fff;
}
.footer-footer img{
    display: block;
    width:709px;
    height:218px;
    margin: 50px auto;
}
.footer-footer p{
    text-align: center;
    line-height: 26px;
}
.footer {
    background:url("../images/icon/footer-bg.jpg");
    background-size:100% 100%;
    height:600px;
    color:#999999;
}

.industry-con {

    
}
.industry-con::-webkit-scrollbar {
    width: 5px;

}/* 滚动槽 */
.industry-con::-webkit-scrollbar-track {   
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0);    
}/* 滚动条滑块 */
.industry-con::-webkit-scrollbar-thumb {    
    background: rgba(0,0,0,0.1);
}
.industry-con::-webkit-scrollbar-thumb:window-inactive {    
    background: rgba(0,0,0,0.1);
};



/**
 * 之后修改的
 */
.carousel-list li .cl-a{
		width: 24.5%;
		display: inline-block;
}
.carousel-list .bx-viewport{
		background: none !important;
		border: none !important;
		text-align: center;
	}
	.carousel-game  li p{
		margin-top:14px ;
		font-size: 16px;
		line-height: 0px;
	}
	.carousel-list {
		height: 450px;
		overflow: hidden;
	}
	
	.carousel-game li{
		width: 270px;
		/*padding-left: 15px;*/
	}
	
.indexba .bxslider img{
	/*height:610px ;*/
}

/**
 * 媒体查询
 */
/*@media screen */
@media screen and (min-width:768px) and (max-device-width:1600px)  { 
	.indexba .bxslider li img{
		
		width:61%;
		
	}
	.indexba .gallery-list-sub{
		margin: 0 auto;
	}
	
	.solution .title{
		margin: 25px auto;
}
 .solution .solution-subtitle{
 	line-height: 28px;
 }
.solution  {
	height: 688px;
}
 .solution-list{
 	height: 586px;
 	margin: 0 auto
 	
 }
 
.solution-list li{
	width: 25%;
	}
.case .title{
	margin: 25px auto;
}
	
.case .case-subtitle{
	line-height: 20px;
}
.case .nav{
	margin: 21px auto;
}
.partner  .partner-subtitle{
	padding-bottom:20px;
}
.industry-event div{
	height:180px ;
	margin-top: 15px;
}
 .industry .title {
	margin: 30px auto; 
	margin-bottom: -12px;
 }
 /**
  * 我们的服务
  */
 .server-bg{
 	min-width: 608px;
 	background-size: 80% 70% ;
 	top:-50px;
 	
 }
 .server .title {
		margin:12px auto !important;
		padding-top: 5px;;
}
	
	.server .server-subtitle{
		line-height: 26px;
	}
	.server .mobi{
		background-size: 38%;
		left:10px;
		top:30px;
		
	}


	.our-server .server1 {
	    left: 134px;
	    top: 22px;
	}
	
	.our-server .server2 {
    left: -3px;
    top: 180px;
}


.our-server .server3 {
    left: 22px;
    top: 330px;
}



.our-server .server4 {
    left: 356px;
    top: 352px;
}


.our-server .server5 {
    left: 575px;
    top: 220px;
}


.our-server .server6 {
    left: 629px;
    top: 305px;
}


.our-server .server7 {
    left: 762px;
    top: 63px;
    width: 405px;
}

.our-server span p{
	font-size: 14px !important;
}	
.server .our-server { 
    min-height: 620px;
    
}
.shujiang-img{
    width: 602px;
    top: -124px;
    left: 85px;
    background-image: url('../images/img/shujiang.png');
}
.yingyong-img{
    top: -119px;
    left: -285px;
    background-image: url('../images/img/yingyong.png');  
}
.Bangong24-img{
    top: -14px;
    left: -310px;
    background-image: url('../images/img/bangong24.png');  
}
.menglian-img{
    top: -14px;
   left:-289px;
    background-image: url('../images/img/menglian.png');  
}

.our-server .server6 span {
    float: left;
    margin-top: 81px;
    margin-right:-20px;
    text-align: right;
    position: relative;
    left: 34px;
    top:68px;
}



}















/**
 * 媒体查询
 *分辨大于1280
 */
/*@media screen */
@media screen and (min-width:1610px) and (max-width:3000px) { 

	.indexba .bxslider li img{
			width:50%;
	}
	.indexba .gallery-list-sub{
		 margin: 20px auto 0 auto;
	}
	
	.solution .title{
		margin: 50px auto;
}
 .solution .solution-subtitle{
 	line-height: 35px;
 }
.solution  {
	/*height: 688px;*/
}
 .solution-list{
 	height: 586px;
 	margin: 0 auto;
 	width:1004px;
 }
 
.solution-list li{
	width: 25%;
	}
.case .title{
	margin: 50px auto;
}
	
.case .case-subtitle{
	line-height: 35px;
}
.case .nav{
	margin: 50px auto;
}
.partner  .partner-subtitle{
padding-bottom:20px;
}
.industry-event div{
	height:200px ;
	
}
 .industry .title {
	margin: 50px auto; 
	
 }
 
 
  .server-bg{
 	min-width: 680px;
 	background-size:100% 100%;
 	top:0;
 }


.server .title {
		margin:50px auto !important;
		padding-top: 5px;;
	}
	
	.server .server-subtitle{
		line-height: 35px;
	}
	.server .mobi{
		background-size: 45%;
		left:0;
		top:0;
	}
	
	.our-server .server1 {
    left: 170px;
    top: 35px;
}
.our-server .server2 {
    left: 43px;
    top: 230px;
}


.our-server .server3 {
    left: 45px;
    top: 450px;
}



.our-server .server4 {
    left: 428px;
    top: 484px;
}


.our-server .server5 {
    left: 722px;
    top: 281px;
}


.our-server .server6 {
    left: 951px;
    top: 431px;
}


.our-server .server7 {
    left: 936px;
    top: 70px;
    width: 405px;
}
.our-server span p{
	font-size: 18px !important;
}
	
	.server .our-server { 
    min-height: 680px;
    
}

.shujiang-img{
    width: 602px;
    top: -116px;
    left: 121px;
    background-image: url('../images/img/shujiang.png');
}
.yingyong-img{
    top: -118px;
    left: -380px;
    background-image: url('../images/img/yingyong.png');  
}
.Bangong24-img{
    top: -14px;
    left: -280px;
    background-image: url('../images/img/bangong24.png');  
}
.menglian-img{
    top: -16px;
   left:-248px;
    background-image: url('../images/img/menglian.png');  
}

.our-server .server6 span {
    float: left;
    margin-top: 81px;
    margin-right:-20px;
    text-align: right;
    position: absolute;
    top:104px;
    left:-103px;
}

 .solution-list{
 	height: 586px;
 	margin: 0 auto;
 	width:1004px;
 }
 

}


@media screen and (min-width:768) and (max-device-width:1600px)  { 

 .solution-list{
 	height: 586px;
 	margin:0 auto;
 	width:1004px;
 }

}

@media screen and (min-width:320px) and (max-device-width:768px)  {
	.percent{
		margin-left: -23px;
		margin-top: -20px;
	} 
	.dash-vertical{
		left:126px;
	}
	
	.count-list .num-wrap .num-1{
		font-size: 140px;
		margin-left: -40px;
	}
	
	.chart .icon{
		left:-4px;
		top:2px;
		
	}	
		
	
	.indexba {
	    background: url("../images/icon/gallery_background.png") no-repeat;
	    background-size: 100% 100%;
	    width: 100%;
	    height: 46%;
	    padding-bottom: 45px;
    
}
	

}


.top0 {
	margin-top:0 !important;
}