.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;  top: 0; }

	.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; }
	
	
	.top { display:none}
	.homebox01 .title .cn { font-size:18px;}
	.homebox02 .title .cn { font-size:18px;}
	.homebox03 .title .cn { font-size:18px;}
	.page07box04 .tit .cn { font-size:20px;}
	.page07box04 .tit .tip { font-size:13px;}
	.homebox07 .sub a {padding: 0 10px;}
	.fot_contact h4 { font-size:13px;}
	.homebox03 .list .item .nam { height:auto;font-size:12px;}
	.homebox03 .list .item .txt { font-size:12px;}
	.container { width:100%; margin:0}
	.homebox03 .title {margin-bottom:0px;}
	.homebox03 .list .item { margin-top: 20px; height:10rem;}
	.homebox07 .list .item { margin:0}
	.page0202box02 .jtitle .cn { font-size:22px;}
	.page0203box03 .jlist .item { height:3rem;}
	.page0203box02 .jlist .item { height:13rem;}
	.page0203box02 .jlist .item .con h3 { font-size:14px; }
	.page03box02 .jlist .item h3 { font-size:15px}
	.navname ul li {padding: 0 18px;}
	.fb-body .sep-section1 .datalist { padding:0 !important}
	.fb-body .sep-section1 .datalist li { width:48% !important;}
	.fb-body .sep-section1 .datalist li .title { margin:0 !important}
	.page03box01 {padding: 0px 20px !important; }
	.fb-body .sep-section3 .datalist li { width:100% !important; float:none !important; padding:0 !important}
	.fb-body .sep-section3 .datalist li .box .title { text-align:left !important; padding:0 !important;}
	.hf-banner .hf-title { font-size:28px !important;}
	.hf-banner .hf-text { font-size:20px !important; padding:0 5% !important}
	.fb-body .sep-section4 .datalist { padding:0 5px !important; margin-top:10px;}
	.fb-body .sep-section4 .datalist li { width:48% !important; }
	.fb-body .sep-section3 .datalist2 li { width:48% !important; }
	.fb-body .sep-section3 .datalist2 li .box .title { font-size: 16px !important;}
	.index_version_box { width:90% !important;}
	.index_version_box_vip { margin:0 !important}
	.index_case_wrap { padding:10px !important}
	.index_case_item_wrap { width:100% !important}
	.index_case_item { width:48% !important; margin:0 1% !important}
	.index_advantage_wrap, .index_use_function_wrap { width:100% !important}
	.index_advantage_item { width: 46% !important; margin: 0 2% !important; float:left !important; padding-right:0 !important }
	.index_advantage_item_title { font-size:16px !important;}
	.ggjj-body .ggjj-section3-new .box { width:44% !important; margin:0 1% !important; padding:0 2% !important ;}
	
	.ggjj-body .ggjj-section1-new .box { margin-left:0 !important; padding-left:0 !important;height:auto !important; position:inherit !important; padding:10px !important}
	.ggjj-body .ggjj-section1-new .box .thumb { width:100% !important; position:inherit !important; top:0 !important; left: auto !important; height:auto !important}
	.ggjj-body .ggjj-section1-new.bing-section1-new .box .text { padding:0 !important}
	.ggjj-body .ggjj-section1-new.yandex-section1-new .box .text { padding:0 !important}
	.ggjj-body .ggjj-section3-new .box .summary { height: 10em !important;}
	.ggjj-body .ggjj-section1-new.yandex-section1-new { background: url(../images/yandex-new-bg.jpg) no-repeat #e0d4d4 !important;}
	.ggjj-body .ggjj-section2-new .sep-container { padding:0 !important}
	.ggjj-body .ggjj-section2-new.yandex-section2-new .sep-container { background-size:100% !important;}
	.ggjj-body .ggjj-section3-new.yandex-section3-new { background: url(../images/yandex-new-3-bg.jpg) #78818a no-repeat center !important;}
	.ggjj-body .ggjj-section2-new.bing-section2-new .sep-container { background-size:100% !important;}
	.ggjj-body .ggjj-section2-new .sep-container {background: url(../images/map3.png) center no-repeat !important; background-size:100% !important;}

	.qy_indexIcon_ad_wechat_1 {background-image: url(../images/indexIcons_2x47b555-1.png) !important;}
	.ggjj-body .ggjj-section2-new .title { text-align: center !important}
	
	.whatVR { min-width: 100% !important;}
	.whatVRintro  { width: 100% !important;}
	.introcon { margin:5% !important}
	.introcon .p2 { padding:0 !important}
	.introcon .p1 { margin-bottom: 20px !important;}
	
	.charalist li p { font-size: 16px !important;}
	.area2 { width: 100% !important;}
	.charalist li { width: 25% !important; margin: 0 4% !important;}
	.Characon { margin-top: 10px !important;}
	.Characteristic {background: url(../images/chara.jpg) top center no-repeat !important;background-size:420% !important;height: auto !important;}
	.inchara1  { height:auto !important; padding:20px 2% !important;}
	.inchara1 .whiteline { margin: 20px auto 20px auto !important;}
	
	.inchara2  { height:auto !important; padding:20px 2% !important;}
	.inchara2 .whiteline { margin: 20px auto 20px auto !important;}
	
	.inchara3  { height:auto !important; padding:20px 2% !important;}
	.inchara3 .whiteline { margin: 20px auto 20px auto !important;}
	.inchara3 h1 { font-size: 20px !important; line-height:100% !important}
	
	.tab-cont1 { width:80% !important;}
	.mb-banner .slide { height:200px !important;}
	.homebox01 .list { margin-top: 20px}
	
	.page07box03 .tit .tip {font-size: 13px;}
	
	
}
	
	

}