.mb-top, .mb-banner, .mb-special, .mb-case, .mb-effect, .mb-whatdo, .mb-information, .mb-hq, .mb-footer, .mb-concept, .mb-yh-content, .mb-chose, .mb-service-team, .mb-Service-flow, .mb-main2, .mb-news{ display: none;}


/* 屏幕宽度小于1100px时 */
@media screen and (max-width: 1100px){

	.container{ width: 96%; margin: 0 2%;}
	.header-b{ width: auto;}
	.suoqu{ display: none;}
	.vision-wen p{ height: 84px; overflow: hidden;}

	.effect-wen h2{ height: 22px; line-height: 22px; overflow: hidden;}
	.what-l{ margin-right: 4%;}
	.whatdo-con > img{ width: 23%;}

}


/* 屏幕宽度小于1000px时 */
@media screen and (max-width: 1000px){
	
	.case-con a.more{ display: none;}


}



/* 屏幕宽度小于900px时 */
@media screen and (max-width: 900px){
	.sider_box{ display: none; }
	
	.header, .banner, .special, .case, .effect, .whatdo, .vision, .information, .diagnosis, .footer, .ny-banner, .weizhi, .concept, .yh-content, .chose, .service-team, .Service-flow{ display: none;}
	.mb-top{ display: block;}

	.mb-top{ margin: 0; padding: 0 3%; height: 70px; border-bottom: 1px solid #e9e9e9; position: relative;}
	.mb-top img{ height: 70px;}

	.lb{ width: 41px; height: 24px; margin-top: 20px; margin-right:15px;}
	.lb img{ width: 100%; height:auto;}
	.mb-logo{ position: absolute; left: 43%; top: 0; margin-left: -44px;}
	.mb-nav{ position: absolute; left: 100%; top: 0; width: 80%; min-height: 500px; z-index: 9999; background-color: #fff;}
	.mb-nav ul li{ line-height: 40px; text-indent: 20px; font-size: 14px;}
	.mb-nav ul li > a{ display: block; color: #333; height: 40px; border-bottom: 1px solid #ccc;}
	.mb-nav ul li .mb-topnaver{ border-bottom: 1px solid #ccc; display: none;}
	.mb-nav ul li .mb-topnaver span{ display: block; text-indent: 26px; font-size: 14px; height: 40px; line-height: 40px;}
	.mb-share{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,.5); display: none;}

	.mb-banner{ display: block; position: relative;}
	.mb-banner .slide{ text-align: center;}
	.mb-banner .bx-viewport{ overflow: hidden;}
	.mb-banner .bx-controls-direction{ display: none;}
	.mb-banner .bx-pager{ position: absolute; width: 100%; left: 0; bottom: 20px; text-align: center;}
	.mb-banner .bx-pager-item{ display: inline-block; margin: 0 7px; border-radius: 5px; text-indent: -999px; overflow: hidden;}
	.mb-banner .bx-pager-item a{ display: block; width: 10px; height: 10px; background-color: rgba(255,255,255,.25);}
	.mb-banner .bx-pager-item a.active{ background-color: rgba(255,255,255,.6);}

	.mb-special{ display: block; background-color: #f8f8f8; padding-bottom: 30px;}
	.mb-title{ text-align: center; padding: 30px 0;}
	.mb-title h2{ font-weight: normal; font-size: 20px; color: #272636;}
	.mb-title h2 i{ font-style: normal; color: #00a0e9;}
	.mb-title span{ display: block; font-size: 14px; color: #b5b5b5; text-transform: uppercase; padding-top: 4px;}
	.mb-special ul li{ box-sizing: border-box; float: left; width: 33.33%; border-right: 1px solid #e5e5e5; text-align: center;}
	.mb-special ul li:last-child{ border-right: 0;}
	.mb-special ul li img{ width: 40px;}
	.mb-special ul li p{ text-align: center; font-size: 16px; color: #272636; margin-top: 14px;}

	.mb-case{ display: block; padding-bottom: 30px;}

	.mb-effect{ display: block; background-color: #272727; padding-bottom: 30px;}
	.mb-title2 h2{ color: #fff;}
	.mb-title2 span{ color: #c1c1c1;}
	.mb-effect ul{ width: 94%; margin: 0 3%;}
	.mb-effect ul li{ overflow: hidden; border: 1px solid #343434; box-shadow: 1px 1px 20px rgba(0,0,0,.24); margin: 10px 0; padding: 6px;}
	.mb-date{ width: 50px; height: 50px; background: url(../images/mb-bg_03.jpg) no-repeat; background-size: cover; text-align: center; line-height: 50px; font-size: 30px; color: #fff; float: left;}
	.mb-effect ul li p{ margin-left: 64px; line-height: 50px; height: 50px; overflow: hidden; font-size: 14px; color: #fff;}

	.mb-whatdo{ display: block; padding-bottom: 30px;}

	.mb-information{ display: block; padding-bottom: 30px; background-color: #272727;}
	.mb-information-con{ position: relative;}
	.mb-information-con .bx-wrapper{ margin: 0 auto;}
	.mb-information-con .bx-viewport{ overflow: hidden; padding-right: 6px;}
	.mb-information-con .bx-pager{ display: none;}
	.mb-information-con .slide{ box-sizing: border-box; border: 1px solid #656565; height: 30px; line-height: 28px; text-align: center; font-size: 14px; color: #656565;}
	.mb-information-con .slide.active{ border: 1px solid #00a0e9; color: #00a0e9;}
	.mb-information-con .bx-controls-direction a{ display: block; position: absolute; width: 22px; height: 16px; text-indent: -999px; overflow: hidden; top: 8px;}
	.mb-information-con .bx-controls-direction a.bx-prev{ background: url(../images/mb-l_03.jpg) no-repeat; background-size: 100% auto; left: 4px;}
	.mb-information-con .bx-controls-direction a.bx-next{ background: url(../images/mb-r_03.jpg) no-repeat; background-size: 100% auto; right: 4px;}
	.mb-information-list{ width: 94%; margin: 30px auto 0;}
	.mb-information-list ul li{ padding: 20px 0; border-bottom: 1px solid #3a3a3a; overflow: hidden;}
	.mb-info-date{ width: 60px; padding-top: 6px; height: 54px; background: url(../images/mb-bg_03.jpg) no-repeat; background-size: cover; text-align: center; font-size: 30px; color: #fff; float: left;}
	.mb-info-date span{ display: block; font-size: 12px;}
	.mb-info-con{ margin-left: 70px;}
	.mb-info-con h2{ font-weight: normal; font-size: 16px; color: #fff; height: 24px; line-height: 24px; overflow: hidden;}
	.mb-info-con p{ font-size: 13px; line-height: 20px; height: 40px; overflow: hidden; color: #999;}
	a.mb-loadmore{ display: block; border: 1px solid #3a3a3a; text-align: center; line-height: 40px; height: 40px; font-size: 16px; color: #00a0e9; margin-top: 20px;}

	.mb-hq{ display: block; margin-bottom: 50px;}
	.mb-footer{ display: block; height: 50px; position: fixed; width: 100%; left: 0; bottom: 0; background-color: #0a0a0a;}
	.mb-footer ul li{ box-sizing: border-box; float: left; height: 50px; width: 25%; text-align: center; border-right: 1px solid #282828;}
	.mb-footer ul li img{ height: 50px;}

	.mb-concept{ display: block; padding-bottom: 30px;}
	.mb-concept-con{ width: 94%; margin: 0 auto;}
	.mb-concept-con p{ font-size: 14px; color: #999; line-height: 22px; margin-bottom: 18px;}

	.mb-yh-content{ display: block; background-color: #f5f5f5; padding-bottom: 30px;}
	.mb-yh-content-con{ padding: 0 3%;}
	.mb-yh-content-con ul li{ float: left; width: 31.33%; margin: 0 1%; background-color: #fff; text-align: center; padding: 16px 0; margin-bottom: 5px; box-shadow: 1px 1px 10px rgba(0,0,0,.08); border-radius: 4px;}
	.mb-yh-content-con ul li img{ width: 50%;}
	.mb-yh-content-con ul li p{ font-size: 14px; color: #202020; margin-top: 14px;}

	.mb-chose{ display: block; padding-bottom: 30px;}

	.mb-service-team{ display: block; background: url(../images/mb-bg2_02.jpg) no-repeat; background-size: cover; padding-bottom: 30px;}
	.mb-title3 h2{ color: #fff;}
	.mb-title3 span{ color: #c1c1c1;}

	.mb-Service-flow{ display: block; padding: 0 3%; margin-bottom: 50px; padding-bottom: 30px;}
	
	
	.ny-title h2{ font-size: 20px;}
	.case-list ul li{ margin: 10px 0;}
	.case-list ul li .case-pic{ width: 100%;}
	.case-list ul li .case-wen{ width: 100%; padding-top: 0;}
	.case-list ul li .case-wen div{ float: none !important;}
	.case-list ul li .case-wen div span{ font-size: 30px; display: inline; padding-right: 14px;}
	.case-list ul li .case-wen img{ float: none; display: block; width: 100px;}
	.case-list ul li .case-wen p{ margin-top: 10px;}
	.case-list ul li .case-wen:after{ width: 100%;}
	.case-list ul li .case-wen b{ margin-top: 14px;margin-bottom: 20px;}
	.case-list ul li.list2{ margin: 24px 0;}
	.case-list ul li.list2 .case-wen{ width: 100%; padding-top: 0;}
	.case-list ul li.list2 .case-pic{ width: 100%;}
	.case-list ul li.list2 .case-wen div{ text-align: left;}
	.case-list ul li.list2 .case-wen div span{ display: inline; padding-right: 14px; font-size: 30px;}
	.case-list ul li.list2 .case-wen p{ text-align: left; margin-top: 10px;}
	.case-list ul li.list2 .case-wen:after{ width: 100%;}
	.case-list ul li.list2 .case-wen b{ margin-top: 14px; float: left;}
	.kehu-list{ height: 1px; margin: 0 0 80px 0; overflow: hidden;}

	.contact-ico, .ditu{ display: none;}
	.contact-wen ul li{ width: 100%;}

	.pc-con, .resp-form{ display: none;}
	
	.mb-main2{ display: block;}
	.mb-k2{ padding: 0 3%;}
	.mb-marketing-tit{ text-align: center;}
	.mb-marketing-tit strong{ display: block; font-weight: normal; font-size: 20px; color: #202020; margin-top: 30px;}
	.mb-marketing-tit span{ display: block; font-size: 14px; color: #aaa; text-transform: uppercase;}
	.mb-k2-con ul.mb-jr li{ font-size: 14px; color: #999; line-height: 24px; margin-top: 5px; padding-left: 20px; background: url(../images/xp_03.jpg) no-repeat 5px 8px; background-size: 1.8%;}
	.mb-k2{ margin-top: 14px; padding-bottom: 30px; background: url(../images/bbg_02.jpg) no-repeat left bottom; background-size: 100% auto;}
	.mb-k2-con p{ font-size: 14px; color: #999; line-height: 24px; margin-top: 20px;}
	.backgroundNone{ margin-bottom: 50px; background: none;}
	
	.comt{ display: none;}
	.viewtit p{ margin: 0; padding-top: 18px;}
	.nywrap-tit{ height: auto; padding-bottom: 18px; margin-bottom: 24px; margin-top: 0;}
	.team-w{ margin-top: 20px;}
	.team-w a{ display: none;}
	.a_add{ display: none;}

	.weizhi2, .impor-news, .news-list, a.loadmore{ display: none;}

	.mb-news{ display: block;}
	.mb-news-tit{ padding: 10px 0; border-bottom: 1px solid #e4e4e4;}
	.mb-news-tit .slide{ text-align: center; font-size: 14px; height: 26px; line-height: 26px; border: 1px solid #fff; border-radius: 13px;}
	.mb-news-tit .slide a{ color: #202020;}
	.mb-news-tit .slide.active{ border: 1px solid #e4e4e4;}
	.mb-news-tit .slide.active a{ color: #00a0e9;}
	.mb-news-tit .bx-wrapper{ margin-left: 10px;}
	.mb-news-tit .bx-pager, .mb-news-tit .bx-controls-direction{ display: none;}

	.mb-first-news{ margin-top: 20px; padding: 0 3% 20px; border-bottom: 1px solid #e4e4e4;}
	.mb-first-news h2{ font-weight: normal; font-size: 16px; color: #121212; height: 26px; line-height: 26px; overflow: hidden; margin-top: 12px;}
	.mb-first-news p{ font-size: 14px; color: #999; line-height: 24px; height: 48px; overflow: hidden;}
	.mb-news{ margin-bottom: 80px;}
	.mb-news ul li{ padding: 20px 0; margin: 0 3%; border-bottom: 1px solid #e4e4e4; overflow: hidden;}
	.mb-info-date2{ width: 60px; padding-top: 6px; height: 54px; background: url(../images/mb-bg3_03.jpg) no-repeat; background-size: cover; text-align: center; font-size: 30px; color: #999; float: left;}
	.mb-info-date2 span{ display: block; font-size: 12px;}
	.mb-info-con2{ margin-left: 70px;}
	.mb-info-con2 h2{ font-weight: normal; font-size: 16px; color: #121212; height: 24px; line-height: 24px; overflow: hidden;}
	.mb-info-con2 p{ font-size: 13px; line-height: 20px; height: 40px; overflow: hidden; color: #999;}
	a.loadmore2{ display: block; background-color: #9ea6ad; text-align: center; line-height: 40px; height: 40px; font-size: 16px; color: #fff; margin: 20px 3% 0;}

	.nyleft{ display: none;}
	.nyright{ width: 100%;}
	.compile{ margin-top: 16px;}
	.compile .fx3{ display: none;}
	.detail-tit{ line-height: 32px; height: auto; padding: 19px 0;}
	.label img{ display: none;}
	.fanye{ margin: 20px 0;}
	.fanye p{ width: 100%; padding: 0; background: none;}
	.fanye p.next-chapter{ background: none; text-align: left; padding: 0;}
	.interested{ display: none;}
	.detail-container p{ width: auto !important;}

	.marketing-detail-l{width: 100%; margin-top: 20px; padding-top: 20px;}
	.marketing-detail-r{ width: 100%; margin: 20px 0 80px;}
	.marketing-detail-tit strong{ font-size: 20px;}
	.marketing-detail-pad{ width: 90%; height: auto; margin: 0 auto; background-size: 102%  auto; padding-top: 28px; padding-bottom: 34px;}
	.marketing-detail-item{ width: 80%; margin: 0 auto; height: auto;}
	.marketing-detail-l ul li{ margin-bottom: 10px;}
	.marketing-detail-l ul li.active:after{ display: none;}
	.marketing-detail-l ul{ margin-top: 20px;}

	.label-l a{ margin-bottom: 10px;}


	.xz-banner .xz-news{display: none;}
	.xz-mb-news{ display: block; }
}