/************************手机屏 小于1200px******************************/
@media (max-width:1200px) {
	.ship_n p{margin-bottom:0;}
	.ship_n .p1{margin-bottom:10px;}
	#main .news .company-news .cnews{overflow:hidden;height:95px;}
	#marketing-web .marketing-info .marketing-info-li{list-style: none;}/*营销型网站*/
/*APP*/
	#app .app-advantage .content-outside{
		width: 160px;
	    height: 160px;
		margin-left: -80px;
	    margin-top: -80px;	
	}
	#app .app-advantage .content-inside{
		width: 120px;
	    height: 120px;
		margin-left: -60px;
	    margin-top: -60px;
	}
	#app .app-advantage .content-word{
		font-size: 24px;
	}
	#app .app-process .process-content{text-align: center;}
	#app .app-process .content-li {
		display: inline-block;
		width:130px;
	}
	#app .app-process .content-li-as{
	    display: inline-block;
	    height: 130px;
	    background: url(../images/bg/app-process.png) 10px no-repeat;
	    line-height: 130px;
	    text-align: center;
	    color: #fff;
	    font-size: 20px;
	    position: relative;
	    z-index: 2;		
		width: 130px;
	}
	#app .app-process .list-small {
	    position: absolute;
	    display: inline-block;
	    width: 100%;
	    font-size: 12px;
	    top: 65%;
	    left: 0;
	    color: #9a9a9a;
	}
	#app .app-process .list-small-two {
	    position: absolute;
	    display: inline-block;
	    width: 100%;
	    font-size: 12px;
	    top: 50%;
	    left: 0;
	    color: #9a9a9a;
	}		
	#app .app-process .content-li-as2{
		line-height: 110px;
		top: -10px;
	}
	#app .app-process .content-li-a1 {
	  background-position: 0 0;
	}
	#app .app-process .content-li-a2 {
	  background-position: 0 -140px;
	}
	#app .app-process .content-li-a3 {
	  background-position: 0 -280px;
	}
	#app .app-process .content-li-a4 {
	  background-position: 0 -420px;
	}
	#app .app-process .content-li-a5 {
	  background-position: 0 -560px;
	}
	#app .app-process .content-li-a6 {
	  background-position: 0 -700px;
	}
	#app .app-process .content-li-a7 {
	  background-position: 0 -840px;
	}	
/*APP 结束*/
/*新闻中心服务客户2016-05-06*/
	.Clientlist ul li dl{ margin:auto;}

/*about title 导航栏 2016-05-16*/
	#about .nav-tabs > li > a {
		width: 150px;
	}
	#about .nav-tabs {
		width: 810px;
	}
	/*#about .nav-tabs > li:nth-child(6) {
		padding-left: 82px;
	}*/
	.counsel-col-left {
		padding:50px 0 50px 40px;
	}
/*about 联系我们2016-05-18*/
	.grid figure figcaption p {
		font-size: 14px;
	}
	.grid figure{height:310px;}
}
/******************************小于992px******************************/
@media (max-width:992px) {
	/*新闻中心服务客户2016-05-06*/
	.Clientlist ul li{padding:0 55px;}
	.Clientlist ul li dl{ margin:auto;}
	.Clientbox a.ClientPrev,.Clientbox a.Clientnext{width:37px; height:71px; top:50%; line-height:71px; margin-top:-35px;}

	/*about title 导航栏 2016-05-16*/
	#about .nav-tabs > li > a {
		width: 150px;
	}
	#about .nav-tabs {
		width: 656px;
	}
	#about .nav-tabs > li:nth-child(6) {
		padding-left: 0px;
	}
	.counsel-col-left {
		padding:50px 0 0 40px;
	}
/*about 联系我们2016-05-18*/
	.grid figure figcaption p {
		font-size: 13px;
	}
	.grid figure figcaption {
		padding: 1em;
	}
	.grid figure{height:270px;}
	#about .about-entry {
		padding: 30px 0 20px 0;
	}
	#marketing-web .marketing-list .vs{margin:100px 0;text-align:center;}
	#marketing-web .marketing-list .vs img{width:70%;}
	#marketing-web .marketing-list .vs1{display:none;}
	#marketing-web .marketing-list .rwm{padding:50px 0 70px 0;text-align:center;}
	#marketing-web .marketing-list .rwm .bt{font-size:22px;}
	#marketing-web .marketing-list .rwm .bt1{margin:0;margin-bottom:10px;}
	#marketing-web .marketing-list .rwm p{margin:0 auto;width:270px;text-align:left;font-size:14px;}
	#marketing-web .marketing-list .rwm .pic img{width:100%;}
	#marketing-web .marketing-list .marketing-show .media-content span{font-size:14px;}
	.ship{display:none;}
	.ship1{display:block;padding-top:20px;}
	.ship2{display:none;}
}
/*****************************手机屏 小于768px***************************/
@media (max-width:768px) {
/*头部*/
	#header .header-bottom-left{
		width: 280px;
		margin-top:2px;
	}
	#header .header-bottom-ico{
		width: 40px;
		float: right;
		text-align: right;
	}
	#header .header-bottom-ico>.glyphicon{
	    font-size: 25px;
	    height: 57px;
	    line-height: 57px;
	    color: #2b4c9c;
	}
	#header .header-bottom{height: 57px;border-bottom: 0;}
	#header .header-bottom-center{
		background: #fff;
		left: 0;
		right: 0;
		margin-left: 0;
	    top: 57px;
	    display: none;
	    position: absolute;
	    border-top:1px solid #eee;
	}
	#header .nav-li:hover > a{
		background: #fff;
		color: #000;
	}
	#header .nav-li.active > a, #header .nav-li:hover > a{border-width: 0;}
	#header .nav-li{
		float: none;
		height: auto;
		line-height: 45px;
		padding:0;
		text-align: left;
		border-bottom: 1px solid #eee;
		border-right: 1px solid #eee;
		width: 30%;
		background: #f9f9f9;
	}
	#header .nav-li.active{
		border-right: 0;
	}
	#header .nav-li ~ :before{
		content: '';
		padding:none;
		display: none;
	}
	#header .nav-li > a{
		width: 100%;
		border-radius: 0;
		height: 45px;
		line-height: 45px;
		padding: 0 10px;
	}
	#header .header-tab{
	    position: absolute;
	    background: #fff;
	    width: 60%;
	    right: 0;
	    top: 58px;
	}
	#header .header-tab>.tab-pane{width: 100%;}
	#header .nav-sub-ul{width:100%;margin-top: 0;}
	#header .nav-sub-li{width: 50%;margin: 0;text-align: center;height: 45px;overflow: hidden;}
	#header .nav-sub-li > a{width: 100%;height: 45px;line-height: 50px;padding: 0 10px;}
/*头部 结束*/
.carousel-indicators{bottom: -5px;left: 60%;}
.main{margin-top: 57px;}
/*首页*/
	#main{margin-top: 57px;}
    #main .com-h2{font-size: 20px!important;}
    #main .com-p{font-size: 14px!important;}
    #main .com-h5{font-size: 12px!important;}
    #main .server .server-list img{width: 80%;}
    #main .server .server-box{
    	border-top: 1px dashed #d1d1d1;
    	border-left: 1px dashed #d1d1d1;
    }
    #main .server .server-list{
    	border-top: none;
    	border-left: none;
    	border-bottom: 1px dashed #d1d1d1;
    	border-right: 1px dashed #d1d1d1;
    }  
    .server .server-list img{width:45%;}
    #footer .col-md-12{margin-bottom: 0!important;padding-bottom: 0!important;}
    #footer .address{float: right;}
    /*百度地图*/
    #allmap{height: 300px!important;}
    .map .container{padding: 0;}
    #dituContent{height: 200px!important;}   
    .BMap_omCtrl{display: none;}
/*首页结束*/  
/*营销型网站*/	
	/*左右信息展示*/
	.media-left img{width: 100%;}
	.media-right img{width: 100%;}
	.media-body{width: 50%;}
	#marketing-web .marketing-list .marketing-show .media-heading{
		font-size: 20px;
		margin-bottom: 10px;
		margin-top: 20px;
	}
	#marketing-web .marketing-list .marketing-show .media-content{font-size: 14px;}
	#marketing-web .marketing-list{
		height: auto;
		overflow: hidden;
	}
	#marketing-web .marketing-list .marketing-show .media-body, #marketing-web .marketing-list .marketing-show .media-left, #marketing-web .marketing-list .marketing-show .media-right{
		height: 150px;
		padding:10px 0;
	}
	#marketing-web .marketing-list .marketing-show .media-body{vertical-align: top;}
	/*左右信息展示 结束*/
	#marketing-web .marketing-list .marketing-title-en{
		line-height: 25px;
	}
	#marketing-web .marketing-list .marketing-description{
		margin-bottom: 0;
		width: 96%;
		margin: 0 2%;
		height: auto;
		font-size: 13px;
		line-height: 25px;
		margin-bottom: 10px;
	}
	#marketing-web .marketing-how{height: auto;}
	#marketing-web .marketing-list .marketing-box{
		width: 100%;
		height: 250px;
		left: 0;
	}
	#marketing-web .marketing-list .marketing-content{margin-bottom: 0;border-bottom: 1px solid #ddd;padding-bottom:20px;}
	#marketing-web .marketing-list .marketing-content-ul{width: 100%;}
	#marketing-web .marketing-news,#marketing-web .marketing-how,#marketing-web .marketing-who{height: auto;}
	#marketing-web .marketing-news .marketing-info{border-bottom: 1px solid #ddd;}
	#marketing-web .marketing-list .marketing-content-li{
		margin: 0;
		width: 33.33333%;
	}
	#marketing-web .marketing-list .marketing-sign-list{width:77px;height: 77px;}
	#marketing-web .marketing-list .marketing-content-sign{margin: 5px 0;}
/*营销型网站 结束*/	

/*网站推广*/	
	#promotion  .promotion-list{padding: 15px 0;}
	#promotion .promotion-list-problems{height: auto;}
	#promotion .promotion-list-problems .save-problems{margin: 10px 0;}
	#promotion .promotion-list-problems .save-problems-qq{margin-top: 0;}
	#promotion .promotion-list-top{height: 130px;}
	#promotion .promotion-list-top .top-text{font-size: 16px;height:auto;margin-bottom:5px;}
	#promotion .promotion-list-bottom .promotion-description{padding-top: 30px;height: 300px;}	
	#promotion .promotion-list-bottom .content-title{font-size: 20px;}
	#promotion .promotion-list-bottom .content-list{
	    width: 300px;
	    margin-left: -140px;
	    margin-top: 20px;		
	}
	#promotion .promotion-list-bottom .content-list-div{
		font-size: 14px;
		line-height: 36px;
	}
	#promotion .promotion-list-bottom .content-list-a{margin-top: 20px;}
	#promotion .promotion-list-bottom .content-list-a > a{
		font-size: 16px;
    	width: 100px;
	    height: 40px;
	    line-height: 40px;
	}
	#promotion .promotion-list .promotion-title{
		font-size: 18px;
		margin-top: 20px;
	}
	#promotion .promotion-list .promotion-title-en{height: auto;}
	#promotion .promotion-list .media-heading{
		font-size: 14px;
		margin-bottom: 20px;
	}
	#promotion .promotion-list .heading-sign{
		font-size: 22px;
		width: 32px;
		height: 30px;
		background-size: 100% 100%;
		padding-top: 0;
	}
	#promotion .promotion-list .media-content{
	    font-size: 12px;
	    background: url(../images/bg/ico-mark01.png) 1% 15% no-repeat;
	    padding-left: 30px;
	    background-size: 13px 9px;		
	}
	#promotion .promotion-list .media-body, #promotion .promotion-list .media-left, #promotion .promotion-list .media-right{height: auto;}
	#promotion .promotion-list-right .media-footer{
		font-size: 16px;
		margin-top: 0;
	}
	#promotion .promotion-list-right .media-heading {
	    width: 185px;
	    line-height: 20px;
	}
	#promotion .promotion-list-top .top-content{
		width:100%;
	    left: 0;
	    margin-left: 0;		
	}
	#promotion .promotion-list-top1{height: 165px;}
	#promotion .promotion-list-top1 .content-qq{margin-top:0;width:130px;height:36px;line-height:36px;font-size:16px;}
	#promotion .promotion-case{margin-bottom: 20px;}
	#promotion .promotion-knowledge,#promotion .promotion-contact{height: auto;}
	#promotion .promotion-knowledge .nav-tabs{margin-bottom: 0;}
	#promotion .promotion-contact{border-bottom: 1px solid #ddd;}
	#promotion .promotion-contact .contact-title{
		font-size: 20px;
		margin:10px 0;
	}
	#promotion .promotion-contact .col-md-7{padding: 0;}
/*网站推广 结束*/

/*尾部*/
    #footer .col-md-12{margin-bottom: 0!important;padding-bottom: 0!important;}
    #footer .address{float: right;}
	.step-ctrl{right: -10px;bottom:200px;}  
	#leftsead{bottom: 10px;} 
/*尾部 结束*/
/*APP*/
	#app .app-list .media-content{height: auto;}
	#app .app-case{border-bottom: 1px solid #ddd;}
	#app .app-case .case-content-row{height: auto;text-align: center;}
	#app .app-case .case-content-list{width: 100%;}
/*APP 结束*/
/* 经典案例 */
	#case .case-title{font-size: 20px;}
	#case .case-title > .case-title-prev{
	    background-size: 100% 100%;
	    width: 105px;
	    height: 18px;
	    margin-right: 10px;
    }
	#case .case-title-ch{font-size: 18px;}
	#case .case-desc{
		font-size: 14px;
		line-height: 20px;
	    margin-top: 10px;
	}
	#case .nav-tabs > li{
		margin:5px 0;
		padding:0 5px;
		width: 33.333333%;
	}
	#case .nav-tabs > li > a{
		padding: 0;
		width: 100%;
		height: 40px;
		line-height: 40px;
	}
/* 经典案例 结束*/
/* 新闻中心 */
	#news .news-title{font-size: 20px;}
	#news .news-title > .news-title-prev{
	    background-size: 100% 100%;
	    width: 105px;
	    height: 18px;
	    margin-right: 10px;		
	}
	#news .news-title-ch{font-size: 18px;}
	#news .news-desc{font-size: 14px;}
	#news .nav-tabs > li > a{
	    width: 102px;
	    height: 40px;
	    line-height: 20px;	
	}	
/* 新闻中心 结束*/
/*关于我们*/
	#about .about-title{font-size: 24px;}
	#about .about-title > .about-title-prev{
	    background-size: 100% 100%;
	    width: 105px;
	    height: 18px;
	    margin-right: 10px;	
	}
	#about .about-title-ch{font-size: 18px;}
	#about .about-desc{padding: 20px 0;}
	#about .about-desc-content{text-align: left;}
	#about .about-desc-content .title{font-size: 20px;text-align: center;}
	#about .about-desc-content .title-desc{font-size: 18px;}
	#about .about-team > .container{padding: 20px 15px;}
	#about .about-team .team-content{margin: 20px 0 0 0;}
	#about .about-team{background: #f5f5f5;}
	#about .about-team .team-title{font-size: 21px;color: #000;}
	#about .about-team .content-desc{color: #333;}
	#about .about-team .caption-job{color: #000;}
	#about .about-team .caption-name, #about .about-team .caption-desc{color: #333;}
	#about .about-team .caption, #about .about-team .caption-detail{margin-top: 10px;}
	#about .about-team .caption-p{color: #333;}
	#about .about-team #team-box{height:auto;}
	#about .about-team .team-li{
		border-bottom: 1px solid #efefef;
		width: 50%;
		margin:0;
		padding:20px 15px;
	}
	#about .about-team .obj-img{
		width: 100%;
		/*height: 100%;*/
	}
	#about .about-history{padding: 20px 0;}
	#about .about-history #timeline{margin-top: 10px;}
	#about .about-history #issues{height: auto;margin-top: -20px;margin-bottom: 15px;}
	#about .about-history #issues .issues-li{
		display: block;
		position: relative;
		border-bottom: 1px solid #ddd;
	}
	#about .about-history #issues .issues-li > p{font-size: 14px;}
	#about .nav-tabs > li{
		margin:5px 0;
		padding:0 5px;
		width: 25%;
	}
	#about .nav-tabs > li > a{
		padding: 0;
		width: 100%;
		height: 40px;
		line-height: 40px;
	}
/*关于我们 结束*/
/*微信开发*/
#weixin .weixin-list .media-left, #weixin .weixin-list .media-right,#weixin .weixin-list .media-body{height: auto;padding: 20px 0;}
#weixin .weixin-list .media-heading{font-size: 16px;}
#weixin .weixin-list .media-content{font-size: 12px;margin: 10px 0;}
#weixin .weixin-list .media-contact > a{
	width: 52px;
	height: 30px;
	line-height: 30px;
	font-size: 12px;
}
#weixin .weixin-list-show1 .media-body,#weixin .weixin-list-show3 .media-body{padding-left: 0;}
/*微信开发 结束*/
/*电商策划*/
#eco .eco-sys .sys-pic{
	width: 120px;
	height: 120px;
	background-size: 100%;
}
#eco .eco-sys .sys-pic-2 {background-position: 0px -127px;}
#eco .eco-sys .sys-pic-3 {background-position: 0px -255px;}
#eco .eco-sys .sys-pic-4 {background-position: 0px -381px;}
#eco .eco-sys figcaption{font-size: 16px;}
#eco .eco-us .content-p{font-size: 14px;}
#eco .eco-case .case-content-row{height: auto;text-align: center;}
#eco .eco-case .case-content-list{width: 100%;}
/*电商策划 结束*/
/*新闻中心服务客户2016-05-06*/
	.Clientbox{ width:100%;}
	.Clientlist ul{width:300%;}
	.Clientlist ul li{padding:0 55px;}

	.Clientbox a.ClientPrev,.Clientbox a.Clientnext{width:17px; height:51px; top:40%; line-height:51px;}

	.Clientbox a.ClientPrev{background-position:0px -277px; left:0px;}

	.Clientbox a.Clientnext{background-position:-62px -277px; right:0px;}

	.Clientbox2{ width:100%;}
	.Clientlist2 ul{width:500%;}
	.Clientlist2 ul li{width:20%;padding:0 55px;}

	.Clientbox2 a.ClientPrev2,.Clientbox2 a.Clientnext2{width:17px; height:51px; line-height:51px;}

	.Clientbox2 a.ClientPrev2{background-position:0px -277px; margin: auto; top: 0; left: 0px; bottom: 0;}

	.Clientbox2 a.Clientnext2{background-position:-62px -277px; margin: auto; top: 0; bottom: 0; right: 0px;}

	#main .customer .cus-list > a {width: 50%;}
	#about .about-customer .cus-list > a {width: 50%;}

	/*about title 导航栏 2016-05-16*/
	#about .nav-tabs > li > a {
		width: 100%;
	}
	#about .nav-tabs {
		width: 100%;
	}
	#about .nav-tabs > li:nth-child(6) {
		padding-left: 5px;
	}
	.counsel-col-left-span {text-align:left; color: #fff; font-size:16px;}
	.counsel-col-left-span-big {font-size: 20px; color:#fff;}
	.counsel-col-right-span {color: #fff;font-size:14px}
	.counsel-col-right-span-big {font-size: 18px; color:#fff;}
	.counsel-col-left {padding: 50px 0 0 0;}
	.counsel-col-center {position: absolute;width: 100%; margin-top: -4px; text-align: center}
	.counsel-col-center-img {width: 100px;}
	#about .about-entry {
		padding: 30px 0 20px 0;
	}
	.beijing{ width:470px; height:180px; padding-top:8px;}
	/*.beijing p {margin: 0;}*/
	/*.beijing span {font-size: 15px;}*/
	.beijing .beijingtitle {font-size: 19px;}

/*about 联系我们2016-05-18*/
	.grid figure figcaption p {
		font-size: 13px;
	}
	.grid figure figcaption {
		padding: 2em;
	}
	/*figure.effect-apollo h2 {*/
		/*font-size: 1em;*/
	/*}*/


	#marketing-web .marketing-list .vs{margin:70px 0;text-align:center;}
	#marketing-web .marketing-list .vs1{display:block;}
	#marketing-web .marketing-list .vs img{width:80%;}
	#marketing-web .marketing-list .rwm{padding:20px 0 20px 0;text-align:center;}
	#marketing-web .marketing-list .rwm .bt{font-size:14px;margin-bottom:10px;}
	#marketing-web .marketing-list .rwm .bt1{margin:0;margin-bottom:10px;}
	#marketing-web .marketing-list .rwm p{margin:0 auto;width:120px;text-align:left;font-size:12px;}
	#marketing-web .marketing-list .rwm .col-xs-4{padding:0;}
	#marketing-web .marketing-list .rwm .col-xs-5{padding:0;}
	#marketing-web .marketing-list .rwm .pic1{padding:0 15px;}
	#marketing-web .marketing-list .rwm .col-xs-4 p{margin-bottom:5px;}
	#marketing-web .marketing-list .rwm .col-xs-5 p{margin-bottom:5px;}
	#marketing-web .marketing-list .rwm .pic img{width:100%;}
}
/*****************************768px 到 1200px***************************/  
@media (min-width: 768px) and (max-width: 1199px){
	#header .nav-li > a{height: 50px;line-height: 50px;}
	#carousel-ad .caption-text{font-size: 30px;} /*焦点图*/

/*营销型网站*/	
	#marketing-web .marketing-info{
		margin-top: 20px;
		padding:0 20px;
	}

	/*左右信息展示*/
	.media-left img{width: 100%;}
	.media-right img{width: 100%;}
	.media-body{width: 50%;}
	
	#marketing-web .marketing-list .marketing-show .media-heading{
		font-size: 20px;
		margin-bottom: 10px;
		margin-top: 60px;
	}
	#marketing-web .marketing-list .marketing-show .media-content{font-size: 14px;}
	#marketing-web .marketing-list{
		height: 300px;
		overflow: hidden;
	}
	#marketing-web .marketing-news,#marketing-web .marketing-how,#marketing-web .marketing-who{height: auto;}
	#marketing-web .marketing-list .marketing-show .media-body, #marketing-web .marketing-list .marketing-show .media-left, #marketing-web .marketing-list .marketing-show .media-right{
		height: 150px;
		padding:10px 0;
	}
	#marketing-web .marketing-list .marketing-show .media-body{vertical-align: top;}
	/*左右信息展示 结束*/
	#marketing-web .marketing-list .marketing-box{
		width: 80%;
		left: 10%;
	}
	#marketing-web .marketing-list .marketing-title{margin-top: 15px;}
	#marketing-web .marketing-case{margin-top: 15px;}
	#marketing-web .marketing-case .media-object{width: 100%;}
	#marketing-web .marketing-case .media-body{width: 60%;}
	#marketing-web .marketing-list .marketing-content{margin-bottom: 20px;}
	#marketing-web .marketing-info .market-info-text{width: 170px;}
/*营销型网站 结束*/	

/*网站推广*/
	#promotion .promotion-list-center .promotion-description{
	    height: 240px;
	    padding-top: 30px;		
	}
	#promotion .promotion-list-bottom .promotion-description{
		height: 350px;
		padding-top: 30px;
	}
	#promotion .promotion-description-type{font-size: 24px;}
	#promotion .promotion-list-bottom .content-list{margin-top: 20px;}
	#promotion .promotion-list-bottom .content-title{font-size: 24px;}
	#promotion .promotion-list-bottom .content-list-div{font-size: 16px;}
	#promotion .promotion-list-bottom .content-list-a{margin-top: 30px;}
	#promotion .promotion-list-bottom .content-list-a > a{font-size: 16px;width:130px;}
	#promotion .promotion-list .media-body, #promotion .promotion-list .media-left, #promotion .promotion-list .media-right{height: 380px;}
	#promotion .promotion-list-right .media-footer{font-size: 20px;}
	#promotion .promotion-list .media-heading{font-size: 24px;}
	#promotion .promotion-list .media-content{font-size: 16px;}
	#promotion .knowledge-content-title{width:170px;}
	#promotion .promotion-knowledge{height: auto;}
	#promotion .promotion-contact .form-group{width:100%;}
	#promotion .promotion-contact{height: auto;}
/*网站推广 结束*/
/*APP*/
	#app #carousel-ad .caption-text{top: 35%;}
	#app .caption-text-left .text-list{font-size: 18px;}
	#app .caption-text-right .text-list{font-size: 24px;}
/*APP 结束*/
/*电商推广*/
	#eco .eco-us .choose-title{font-size: 24px;}
	#eco .eco-us .why-choose{height: 100px;margin-top: -50px;}
/*电商推广 结束*/
/*关于我们*/
#about .about-team .team-li{margin: 30px 45px 0 45px;}
#about .about-history #dates{width: 850px;background: url(../images/bg/about-timestep.png) left 50px repeat-x;}
#about .about-history .timeline-sign-left{left: 15px;top: 44px;}
#about .about-history .timeline-sign-right{right: 15px;top: 44px;}
#about .about-history #dates > li{font-size: 16px;}
#about .about-history #dates > li > a{width: 88px;height: 60px;}
/*关于我们 结束*/
}
/*****************************768px 到 991px***************************/   
@media (min-width: 768px) and (max-width: 991px){
/*营销型网站*/		
	#marketing-web .marketing-news .marketing-info{border-bottom: 1px solid #ddd;}
	#marketing-web .marketing-info .market-info-text{width: 580px;}
/*营销型网站 结束*/	

/*网站推广*/
	#promotion .caption-text-top{font-size: 36px;}
	#promotion .caption-bottom-span{font-size: 18px;}
	#promotion .promotion-list-right .media-heading{width: 400px;}
	#promotion .knowledge-content-title{width: 500px;}
/*网站推广 结束*/

/*APP*/
	#app .app-advantage .content-list{text-align: left;}
/*APP 结束*/
/*关于我们*/
#about .about-history #dates{width: 600px;}
#about .about-history #dates > li > a{width: 66px;}
/*关于我们 结束*/
/*微信开发*/
#weixin .weixin-list .media-heading{font-size: 24px;}
#weixin .weixin-list .media-content{font-size: 16px;}
#weixin .weixin-list .media-contact > a{font-size: 16px;width: 100px;height: 35px;line-height: 35px;}
/*微信开发 结束*/
}
/*****************************504px 以下***************************/ 
@media(max-width: 504px){  /*455*/

/*营销型网站*/
	#marketing-web .marketing-info .marketing-info-title{font-size: 18px;}
	#marketing-web .marketing-info .marketing-info-more{margin-top: 5px;}
	#marketing-web .marketing-info .market-info-text{width: 73%;}
	#marketing-web .marketing-info .marketing-info-time{
		display: block;
	}
	#marketing-web .marketing-list .marketing-box{
		height: 350px;
	}
/*营销型网站 结束*/

/*网站推广 */
	#promotion .promotion-knowledge .nav-tabs > li > a{width:120px;}
	#promotion .knowledge-content-title{width:160px;}
	#promotion .caption-text-top{font-size: 18px;}
	#promotion .caption-bottom-span{font-size: 13px;background-size:20px;padding-left:26px;}
	#promotion .promotion-list-right .media-heading{width: 400px;}
	#promotion .knowledge-content-title{width: 500px;}
	#carousel-ad .caption-text{margin-left:0;margin-top:0;top:24%;left:0;width:100%;}
	.caption-bottom-div{padding:0 17px;}
/*网站推广 结束*/
/*新闻中心服务客户2016-05-06*/
	.Clientbox{ width:100%;}
	.Clientlist ul{width:300%;}
	.Clientlist ul li{padding:0 18px;}

	.Clientbox a.ClientPrev,.Clientbox a.Clientnext{width:10px; height:31px; top:40%;line-height:31px;}

	.Clientbox a.ClientPrev{background-image:url(../images/bg/icon.png); background-repeat:no-repeat; background-position:0px -285px; left:0px;}

	.Clientbox a.Clientnext{background-image:url(../images/bg/icon.png); background-repeat:no-repeat; background-position:-69px -285px; right:0px;}

	.Clientlist2 ul li{padding:0 18px;}

	.Clientbox2 a.ClientPrev2,.Clientbox2 a.Clientnext2{width:10px; height:31px; line-height:31px;}

	.Clientbox2 a.ClientPrev2{background-image:url(../images/bg/icon.png); background-repeat:no-repeat; background-position:0px -285px; left:0px;}

	.Clientbox2 a.Clientnext2{background-image:url(../images/bg/icon.png); background-repeat:no-repeat; background-position:-69px -285px; right:0px;}

}
/******************************1200px 到 992px******************************/
@media (min-width: 768px) and (max-width: 992px) {
/*头部*/
	#header .header-bottom{
		height: 116px;
	}
	#header .header-bottom-center{
		position: absolute;
		left: 50%;
    	margin-left: -300px;
	    background: #fff;
	    top: 66px;
	}
	#header .nav-li{
		height: 49px;
		line-height: 49px;
		width: auto !important;
	}
	#header .nav-li > a{
		height: 50px;
		line-height: 50px;
	}
	#header .header-tab{text-align: left;}
/*头部 结束*/	
	#main,.main{margin-top: 116px;}

	#header .header-bottom-left {width: 330px;}
}
/******************************992px 到 1385px******************************/
@media (min-width: 992px) and (max-width: 1200px) {
/*头部*/
	#header .header-bottom-right .header-bottom-li{
		height: 35px;
		line-height: 35px;
	}
	#header .header-bottom{
		height: 87px;
	}
	#header .header-bottom-center{
		position: absolute;
		right: 0;
    	margin-left: 0;
	    background: #fff;
	    top: 37px;
	    width: auto;	
	}
	#header .header-bottom-left {
		margin-top: 5px;
	}
	#header .nav-li{
		height: 49px;
		line-height: 49px;
		width: auto !important;
	}
	#header .nav-li > a{
		height: 50px;
		line-height: 50px;
	}
	#header .header-tab{text-align: right;}
	#header .header-bottom-right{right: 15px;}
	#app .app-case .case-content-row{
		width: 780px;
		margin: 0 auto;
	}
	#app .app-case .case-prev{left: 0;}
	#app .app-case .case-next{right: 0;}
	#eco .eco-case .case-content-row{
		width: 780px;
		margin: 0 auto;
	}
	#eco .eco-case .case-prev{left: 0;}
	#eco .eco-case .case-next{right: 0;}	
}
@media (min-width: 1200px) and (max-width: 1385px) {
	#header .nav-li > a{padding: 0 10px;}
	#header .header-bottom-left {width: 320px;margin-top: 8px;}
}
/******************************小于992px******************************/
@media (max-width:992px) {
/*尾部*/
	#footer .col-md-12 {border: transparent;}
	#footer .con-left{line-height: 25px;}	
	#footer .address-num{display: block;}
	#footer .footer-jq{
		height: 100px;
    	padding-top: 30px;
	}
	#footer .footer-jq img{height: 30px;}
	#footer .footer-jq .footer-gs img{height: 20px;}
	#back-top{
		right: 15px;
		width:40px;
		height: 40px;
	}
	#main .news .company-news1{padding:13px 20px 12px;}
/*尾部 结束*/
}
/******************************大于1200px******************************/
@media (min-width:1200px) {
#marketing-web .marketing-info .marketing-info-title{margin-left: -14px;}	
/*APP*/	
	#app .app-process .process-content {
	  position: relative;
	  margin: 100px 0;
	}
	#app .app-process .content-li {
	  float: left;
	  height: 230px;
	  width: auto;
	  margin-left: -10px;
	  position: relative;
	}
	#app .app-process .content-li.content-li-t {
	  border-left: 10px solid #ddd;
	  border-bottom: 10px solid #ddd;
	  border-radius: 0 0 10px 10px;
	  margin-top: 10px;
	}
	#app .app-process .content-li.content-li-t:last-child {
	  border-right: 10px solid #ddd;
	}
	#app .app-process .content-li.content-li-b {
	  padding-top: 90px;
	  border-top: 10px solid #ddd;
	  border-left: 10px solid #ddd;
	  border-radius: 10px 10px 0 0;
	  margin-bottom: 10px;
	}
	#app .app-process .content-li-as {
	  display: inline-block;
	  width: 160px;
	  height: 130px;
	  background: url(../images/bg/app-process.png) 10px no-repeat;
	  line-height: 130px;
	  text-align: center;
	  color: #fff;
	  font-size: 20px;
	  position: relative;
	  z-index: 2;
	}
	#app .app-process .content-li-as2{
	  line-height: 110px;
	  top: 0;
	}	
	#app .app-process .list-small{
	  position: absolute;
	  display: inline-block;
	  width: 100%;
	  font-size: 12px;
	  top: 65%;
	  left: 0;
	  color: #9a9a9a;
	}	
	#app .app-process .list-small-two{
	  position: absolute;
	  display: inline-block;
	  width: 100%;
	  font-size: 12px;
	  top: 50%;
	  left: 0;
	  color: #9a9a9a;
	}
	#app .app-process .process-start{
	  position: absolute;
	  left: -25px;
	  top: -15px;
	  display: inline-block;
	  width: 0;
	  height: 0;
	  border-color: transparent;
	  border-top-color: #ddd;
	  border-style: solid;
	  border-width: 30px 20px 0;
	}
	#app .app-process .process-end{
	  position: absolute;
	  right: -5px;
	  top: -15px;
	  display: inline-block;
	  width: 0;
	  height: 0;
	  border-color: transparent;
	  border-bottom-color: #ddd;
	  border-style: solid;
	  border-width: 0 20px 30px;
	}
	#app .app-process .content-li-a1{
	  background-position: 10px 0px;
	}
	#app .app-process .content-li-a2{
	  background-position: 10px -140px;
	}
	#app .app-process .content-li-a3{
	  background-position: 10px -280px;
	}
	#app .app-process .content-li-a4{
	  background-position: 10px -420px;
	}
	#app .app-process .content-li-a5{
	  background-position: 10px -560px;
	}
	#app .app-process .content-li-a6{
	  background-position: 10px -700px;
	}
	#app .app-process .content-li-a7{
	  background-position: 10px -840px;
	}
	#app .app-process .content-li-t .vertical-line{
		position: absolute;
		display: inline-block;
		width: 2px;
	    height: 90px;
	    background: #ddd;
	    left: 46%;
	    bottom: 0;
	    z-index: 1;
	}
	#app .app-process .content-li-b .vertical-line{
		position: absolute;
		display: inline-block;
		width: 2px;
	    height: 90px;
	    background: #ddd;
	    left: 46%;
	    top: 0;
	    z-index: 1;
	}
	#header .nav-li{
		height: 49px;
		line-height: 49px;
		width: auto !important;
	}
/*APP 结束*/
/*关于我们*/

/*关于我们 结束*/
}
/******************************1200px 到 1385px******************************/
@media (min-width: 1200px) and (max-width: 1250px) {
/*APP 结束*/	
	#app .app-case .case-prev{left: 10px;}
	#app .app-case .case-next{right: 10px;}
/*APP*/	
}
/*****************************768px 到 850px*****************************/
@media (min-width: 768px) and (max-width: 850px) {
/*首页*/	
	#main #carousel-ad .ad-bottom p{height: 60px;overflow: hidden;}
	#main .com-h5{font-size: 16px!important;}
	#main .news .company-news1{padding:13px 20px 12px;}
/*首页结束*/	
}
@media screen and (min-width: 768px){
	.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev{margin-left: -60px;}
	.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next{margin-right: -60px;}
}

.beijing{position:relative;}
.wx_pic{position:absolute;right:8px;top:8px;}
.wx_pic img{width:160px;}
.wx_wz{width:66%;font-size:14px;}
	.wx_wz strong{font-size:14px;color: rgb(12, 12, 12);line-height:40px;}
.wx_wz .s1{color:#2b4c9c;}
/*about 联系我们2016-05-18*/
.ship{padding:13px 0;}
.ship1{background:#f8f8f8;padding-left:30px;padding-right:30px;}
.ship2{background:#f8f8f8;padding-left:30px;padding-right:30px;}
@media screen and (max-width: 520px){
	.grid figure figcaption p {
	font-size: 13px;
	}
	.grid figure figcaption {
		padding: 0.8em 1em;
	}
	figure.effect-apollo h2 {
		font-size: 18px;
	}
	.grid figure{height:255px;}
	figure.effect-apollo p{padding-right:0;}
	.beijing{ width:100%; height:108px;padding:4px 10px 0 10px;margin-bottom:30px; border-radius:5px; margin: 0 auto 30px;position:relative;    background: url(../images/bg/pay_bg1.jpg) no-repeat 0 0;background-size:100%;}
	.beijing p {margin: 0;}
	.beijing p:first-child{margin-bottom:5px;}
	.beijing span {font-size: 12px;}
	.beijing .beijingtitle {font-size: 15px;}
	.ship{display:none;}
	.ship1{display:none;}
	.ship2{display:block;padding-top:20px;padding-bottom:10px;}
	.wx_pic{position:absolute;right:3px;top:4px;}
	.wx_pic img{height:100px;}
	.wx_wz{width:66%;font-size:12px;margin-top:8px;}
	.wx_wz strong{font-size:12px;color: rgb(12, 12, 12);line-height:40px;display:none;}

	#main #carousel-ad1 .carousel-indicators li{width:20px;}
	#main #carousel-ad1 .carousel-indicators li a{width:20px;height:2px;}
	.carousel-indicators{left:auto;right:0;}
	#main #carousel-ad1 .carousel-indicators li.active{width:20px;}
	#main .news .company-news1{padding:13px 20px 12px;}
	#main .news .company-news .cnews{overflow:hidden;height:95px;}
	#about .about-info{padding:30px 0 50px;}
	.grid{padding:0;}
}
@media screen and (max-width: 768px){
	.wx_pic img{width:139px;}
}
@media screen and (max-width: 992px){
	.wx_pic img{width:160px;}
}
@media (min-width: 1240px) and (max-width: 1259px) {
	#header .header-bottom-left {width:400px;margin-top: 1px;}
	#header .header-bottom-center{width:440px;}
	#header .nav-li > a{padding:0 5px;}
}
@media (min-width: 1260px) and (max-width: 1385px) {
	#header .header-bottom-left {width:400px;margin-top: 1px;}
	#header .header-bottom-center{width:500px;}
}