@charset "utf-8";

/*     bjb     */
@media screen and (max-width: 1400px) {
	.w { width: 100%;}
	.header {padding: 20px 0;}
	.header li > a {padding: 0 14px;}

	.footer dl { margin-right: 40px;}
	.ft-info { padding-left: 40px !important;}
}

/*    PC     */
@media screen and (min-width: 1025px) {
	.pc-1 li {width: 100%;}
	.pc-2 li {width: 50%;}
	.pc-3 li {width: 33.3%;}
	.pc-4 li {width: 25%;}
	.pc-5 li {width: 20%;}

	.header .nav {margin: 6px auto 0;display: table;}
	.nav li:hover:after {content:'';width: 227px;position: absolute;height: 40px;}
	.nav .subNav {visibility:hidden;margin-top:20px;border-top: 3px solid #f7a30d;position: absolute;width: 227px;background: rgba(72,130,171,.9);opacity: 0;left: 0;line-height: 50px;text-align: left;}
	.nav li:hover .subNav {transition:.3s;margin-top: 40px;visibility:visible;opacity: .9;}
	.nav .subNav dd a {padding: 18px 20px 18px 0;color: #fff;display: block;background: url(../images/arrow_right.png) no-repeat right center;line-height:24px;display: block;}
	.nav .subNav dd {padding: 0 31px 0 27px;}
	.nav .subNav dd + dd {border-top: 1px solid #0a4874;}
	.nav .subNav dd:hover {background: #2072ac;}
	.header .nav li:hover>a,.header .nav li.current>a {background: #063d64;color: #fff;}
	.header .RT {position: absolute;right: 3%;top:50%;transform:translateY(-50%);}

}




/*    PAD     */
@media screen and (max-width: 1024px) and (min-width: 768px) {
	.pb-1 li {width: 100%;}
	.pb-2 li {width: 50%;}
	.pb-3 li {width: 33.3%;}
	.pb-4 li {width: 25%;}
	.pb-5 li {width: 20%;}
	body {font-size: 14px;}
	.banner .swiper-container {width:100%;height: 300px;}
	.banner .item {height: 300px;background-size: cover;background-position:center 0;}

	.nav .subNav {transition:.5s;visibility:hidden;margin-top: -40px;position: absolute;width: 100%;background: #fff;opacity: 0;left: 0;line-height: 50px;text-align: center;}
	.nav li:hover .subNav {margin-top: 0;visibility:visible;opacity: .9;}
	.nav .subNav dd a {display: block;line-height: 40px;}

}




/*   VERTICAL PAD / MOBILE     */
@media screen and (max-width: 1025px)  {

	/*   首页和公共模块样式    */
	body {font-size: 14px;}
	.tit {padding: 0;}
	.w {width: auto;padding: 0 4%;}
	img {width: 100%;height: auto;max-width: 100%;}
	.gap {padding: 0 4%;}
	.txt-wrap {padding: 20px 0;}

	ul.fix {margin: 0;}
	.fix li {margin: 0;}
	.header {padding: 10px 4%;}
	.logo img { width: auto; height: 22px; margin-top: 3px;}

	.wrapper:before {visibility: hidden;opacity:0;content:'';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.5);z-index: 9;}
	.wrapper.on:before {visibility:visible;opacity:1;}

	.header .hd {position: static;}
	.header .nav-btn {float: right;background: url(../images/nav_btn.png) no-repeat 0 0/100%;width: 26px;height: 26px;}
	.header .bd {background: #f7f5f6;margin: 0;position: fixed; top: 0; right: 0; z-index: 100; width: 100%; height: 100%; transform: translateX(100%); -webkit-transform: translateX(100%); transition: 0.36s; -webkit-transition: 0.36s; }
	.header .bd .close {position: absolute;background: url(../images/close.jpg);width: 25px;height: 25px;position: absolute;right: 28%;top: 5px;}
	.header .bd.on {transform: translateX(25%); -webkit-transform: translateX(25%); }
	.header .nav {height: 100%;position: relative;}
	.nav ul {height: 100%; -webkit-overflow-scroll: touch;padding:30px 25% 60px 0;}	
	.nav li {float: none;;border-bottom: 1px solid #c6c6c6; text-align: center;}
	.nav li>a {padding: .2rem 0; display: block; line-height: 30px;background: url(../images/arr1.png) no-repeat 95% center;}
	.nav li .fr {margin-right: .4rem; } 
	.nav li span + span {padding: 0 10px; }
	.nav li ul {display: none; background: #eee; line-height: .7rem; }
	.nav li.on > a {background: #bbb; }
	.nav li.on ul {display: block; }
	.nav .subNav {display: none;background: #f0f0f0;text-align: center;padding: 4px 0;}
	.nav .subNav dd a {display: block;line-height: 20px;margin: 0 10px;color: #888;padding: 8px 0;}
	.nav .subNav dd + dd a {border-top: 1px solid #fff;}

	.header .RT {bottom: 10px;width: 100%;position: absolute;padding: 0 4%;}
	.header .qrcode {display: none;}



	.main1 li {line-height: 2;padding-bottom: 20px;}
	.main2 .content {margin: 0;padding: 60px 0;}
	.main3 h3 {padding: 0;font-size: 16px;margin:3px 0 6px;}
	.main3 li {padding-bottom: 20px;font-size: 12px; padding-right: 0px;}
	.main5 li { padding: 0 10px;}
	.main5 li p { padding: 30px 0; font-size: 14px; line-height: 18px;}

	.ft-nav { display: none;}
	.footer .ft-info { clear: both; float: none; padding-left: 0 !important; width: 100%; border: 0; padding-right: 0px;}
	.footer .tel-list .fl + .fl { margin-left: 0;}
	.footer .tel-list .fl { margin-right: 20px;}
	.footer .cr ul { display: none;}

	/*contact*/
	.contact .contact-text .map { float: none; width: 100%;}
	.contact .contact-text .text { float: none; width: 100%; padding-left: 0;}
	.contact-form .text input {float: left; width: 32%; margin-right: 1%;}
	/*企业信息安全-企业安全及威胁防御解决方案*/
	.jj-list li { width: 20%;}
	.jj-list li:last-child { width: 20%;}
	/*产品及服务*/
	.office365 h2 { font-size: 20px;}
	/*产品及服务-诺勤智能支持平台*/
	.znzc-list li h3 { margin-bottom: 10px; font-size: 20px;}
	.znzc-list li h4 { margin-bottom: 15px; font-size: 16px; }
	.znzc-list1 li { height: 255px; font-size: 14px; line-height: 26px;}
	/*企业协作通讯-企业统一协作解决方案*/
	.znzc-list2 li.i4,.znzc-list2 li.i5,.znzc-list2 li.i6,.znzc-list2 li.i7 { height: 325px;}
	/*无线勘测服务*/
	.wxkc-list li { min-height: 1012px;}
	.main4 li img{height: 120px;}
	.main4 li .txt{padding: 10px;}
	.main4 li .txt p{height: 80px; overflow: hidden;}
	.main3 li .txt{padding-left: 1px;}
	.main2 .content{width: 100%;}
	.main2 .content p{line-height: 22px; text-align: justify;}
	.contact-form h2{font-size: 18px;}
	.contact-form h3{font-size: 14px;}
}

/*    MOBILE     */
@media screen and (max-width: 768px) {
	/*p文字缩小*/ .m-font22 { font-size: 22px !important;}
	/*   首页和公共模块样式    */
	.sj-1 li {width: 50%;}
	.sj-2 li {width: 50%;}
	.sj-3 li {width: 33.3%;}
	.sj-4 li {width: 25%;}
	.sj-5 li {width: 20%;}
	.Mearki-list li p{font-size: 14px; line-height: 20px;}

	.banner .swiper-container {width:100%;height: 200px;}	
	.banner .item {height: 200px;background-size: cover;background-position:center 0;}
	.main5 li .text span {font-size: 45px;}
	/*内页tittle*/
	.tittle { font-size: 20px; line-height: 24px; padding: 15px 0;}
	.sidebar .swiper-container {margin: 20px 0 30px;}
	.sidebar li {text-align: center;width: 35%;}
	.sidebar li a {padding: 0 3px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	.sidebar .swiper-container:before {content:'';position: absolute;right: 0;z-index: 99;width: 35px;height: 35px;background: url(../images/alpha.png);}
	/*honor*/
	.honor li { padding: 0 9px 20px;}
	.honor li .text p span { font-size: 12px; line-height: 18px;}
	/*join*/
	.join li { width: 100%; margin: 0 0 2%; }
	.join-form li .lable { width: 30%; }
	.join-form li input { width: 70%; }
	.join-form li textarea { width: 70%; }
	.join-form li.i2 .text { float: none; width: 100%;}
	.join-form li.i2 .text .lable { width: 30%; font-size: 16px; border-bottom: 1px solid #dbdbdb;}
	.join-form li.i2 .text input { width: 70%; border-right: 0; border-bottom: 1px solid #dbdbdb;}
	.join-form li.i2 .text:last-child .lable { border-bottom: 0;}
	.join-form li.i2 .text:last-child input { border-right: 0; border-bottom: 0;}

	/*contact*/
	.contact-form .text input {float: none; width: 100%; margin-right: 1%; margin-bottom: 10px;}
	/*activity*/
	.activity .list li .text { float: none; width: 100%; padding: 3%;}
	.activity .list li .img { float: none; width: 100%; text-align: center;}
	.activity .list li .img img { width: 100%; max-width: 100%;}

	/* about  */
	.about h2 {font-size: 22px; margin-bottom: 10px;}
	.about .s-b-text>div { float: none; width: 100%;}
	.about .s-b-text .text { padding: 10px 0;}
	.about .s-b-text .text h3 { padding: 0 0 2%; font-size: 18px;}
	.about .s-b-text .text p { font-size: 16px; line-height: 26px;}
	/*产品及服务*/
	.about .office365 .about-text div,.about .office365 .about-text .j-middle-bd { width: 100%;}
	.office365 .j-middle div { float: none; width: 100%; padding: 0 0 10px;}
	.office365 .j-middle .j-middle-bd { float: none; width: 100%;}
	.office365 .j-middle .j-middle-bd em { font-size: 20px;}
	.office365 .j-middle1 p,.office365 .j-middle2 p { float: none; width: 100%; }
	.office365 .j-middle1 p em,.office365 .j-middle2 p em { font-size: 20px;}
	.jcfwly-list li { width: 50%;}
	.jcfwly-list li p { font-size: 12px;}
	.cpfw-t { margin: 4% 0 5%; height: auto; border-bottom: 0px solid #e5e5e5;}
	.cpfw-t h1 { display: table; margin: 0 auto; background: none; padding: 0; font-size: 30px; text-align: center;}
	.cpfw-t h1 em { display: block; padding-left: 0; font-size: 20px;}
	/*企业协作通讯-统一接入网络*/
	.list-3 li:last-child { width: 100%;}
	/*企业信息安全-企业安全及威胁防御解决方案*/
	.jj-list li { width: 33.3%;}
	.jj-list li:last-child { width: 33.4%;}
	/*云计算-Meraki*/
	.yjs-list li { float: none; width: 100%;}
	.yjs-list li:last-child { width: 100%;}
	.yjs-table li { float: none; width: 100%; margin-right: 2%;}
	.yjs-list1 li { float: none; width: 100%; min-height: auto !important;}
	/*解决方案-中小企业联络中心解决方案*/
	.jjfa-list li { float: none; width: 100%; min-height: auto;}
	.jjfa-list li.arrow { width: 30px; height: 50px; margin: 0 auto; -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}
	/*产品及服务-诺勤智能支持平台*/
	.znzc-list li { float: none; margin-bottom: 15px; width: 100%;}
	.znzc-list li h3 { margin-bottom: 10px; font-size: 20px;}
	.znzc-list li h4 { margin-bottom: 15px; font-size: 16px; }
	.znzc-list1 li { float: none; width: 100% !important; height: auto !important;}
	.znzc-list1 li.i5 { background-size: 100% !important; height: 200px !important; }
	/*企业协作通讯-企业统一协作解决方案*/
	.znzc-list2 li { float: none; width: 100% !important; height: auto !important;}
	/*无线勘测服务*/
	.wxkc-list li { float: none; margin-bottom: 20px; width: 100%; min-height: auto;}
	/*产品&服务-智能服务套餐*/
	.table3 td { font-size: 12px;}
	.znfwu .list .l { float: none; width: 100%; padding: 2%;}
	.znfwu .list .r { float: none; width: 100%; padding: 2%;}
	.Mearki-list li h3{font-size: 16px; padding: 10px 0 10px;}
	.footer .address p{margin-top: 10px;}
	.footer .ft-up{padding: 20px;}
	.contact-form button{width: 100%; margin-top: 15px;}
	.tit h1{font-size: 20px;}
	.tit span{font-size: 14px;}
	.main3 ul{padding-top: 30px;}
	.main3 li .txt p{height: 80px; overflow: hidden; line-height: 20px;}
	.main2 h1{font-size: 20px;}
}

@media screen and (max-width: 800px) {
	/*云计算-Meraki*/
	.yjs-list1 li { min-height: 488px;}
	.yjs-list1 li img { display: block; margin: 0 auto 15px; float: none !important; width: auto !important; padding: 0;}
	.yjs-list1 li .text { float: none; width: 100% !important;}
}

@media screen and (max-width: 400px) {
	.header .tel { font-size: 15px;}
}