@charset "utf-8";
@media screen and (max-width: 640px)
{
	html{font-size:625%;font-family:"微软雅黑";}
	body{min-width:3.2rem;max-width:6.4rem;overflow-x:hidden;}
	img {width:100%;display:inline-block;}
	.mobile{display:none;}
	.container{width:100%;float:left;}
	.hide{width:100%;display:block;}
	
	header{width:100%;height:auto;float:left;background:#FFF;position:fixed;left:0;top:0;z-index:9999;}
	.logo{width:38.75%;max-width:248px;display:inline-block;float:left;margin:0 15.325%;}
	
	#arrow{width:15.3%;max-width:98px;float:left;display:block;}
	#arrow img{width:100%;display:none;}
	#arrow img.arrowOne{display:block;}
	
	nav{width:85%;height:auto;line-height:.54rem;background:#111111;position:fixed;left:-85%;z-index:9998;top:0;border:none;text-align:left;padding-bottom:.54rem;}
	nav ul{max-width:6.4rem;width:100%;height:auto;float:left;}
	nav ul li{width:100%;height:.54rem;float:left;background:none;border-bottom:1px solid #2f3031;}
	nav ul li a{display:block;font-size:.14rem;color:#FFF;border:none;}
	nav ul li span{width:0.1rem;height:.1rem;border:2px solid #FFF;display:inline-block;border-radius:50%;box-sizing:border-box;margin:0.22rem 5%;float:left;}
	nav ul li mark,nav ul li mark i{width:.16rem;height:.04rem;display:block;float:right;background:#0086e6;margin:0.25rem 5%;display:none;}
	nav ul li mark i{margin:0;transform:rotate(90deg);}
	
	nav ul li:hover a,nav ul li.hover a{color:#FFF;border:none;margin:0;background:#0086e6;}
	nav ul li.active{display:none;}
	
	/**首页页尾**/
	.indexEnd{float:left;margin:.2rem 0;}
	.wholeTop{width:100%;text-align:center;float:left;width:100%;margin:5% 0;}
	.wholeTop h3,.wholeTop h3.title{font-size:.20rem;color:#333;}
	.wholeTop p{font-size:.14rem;color:#888;margin:1% 0 0 0;}
	
	.address,.cont_union{width:94%;padding:0 3%;float:left;overflow:hidden;}
	.address h3{font-size:.16rem;color:#333;margin:.2rem 0 .05rem;}
	.address p{font-size:14px;color:#9b9b9b;line-height:.24rem;}
	.address p span{color:#686868;text-decoration:underline;font-size:.14rem;}
	
	/**页尾综合**/
	footer,.footerTel{width:100%;float:left;height:auto;background:none;}
	.copybottom{width:100%;float:left;height:.6rem;line-height:.6rem;font-size:.14rem;border:none;border-left:none;border-right:none;box-sizing:border-box;}
	.copyright p,.copyright p a{color:#666;font-size:.14rem;}
	.copyright p{width:100%;background-color:#f3f3f3;text-align:center;}
	
	.mobileFoot{width:100%;float:left;}
	.footFix{width:100%;background:#194395;overflow:hidden;position:fixed;bottom:0;}
	.footFix ul li{width:25%;max-width:1.6rem;float:left;padding:2% 0;text-align:center;}
	.footFix ul li mark{width:100%;text-alingn:center;color:#FFF;display:block;font-size:.14rem;margin-top:2%;}
	.footFix ul li img{margin:0 auto;display:block;}
	.footFix ul li:nth-child(2) img{width:22%;max-width:.33rem;}
	.footFix ul li:nth-child(3) img{width:27%;max-width:.41rem;}
	.footFix ul li:nth-child(1) img{width:33.5%;max-width:.51rem;}
	.footFix ul li:nth-child(4) img{width:28%;max-width:.42rem;}*/
	.footFix ul li a{width:100%;display:block;float:left;}
	
	/**分类**/
	.mComprClass{width:100%;position:fixed;float:left;z-index:999;}
	.mComprClass h2{width:100%;height:.4rem;overflow:hidden;background:#194395;float:left;line-height:.4rem;overflow:hidden;}
	.mComprClass h2 span{color:#FFF;font-size:.14rem;margin:0 0;margin-left:5%;display:block;float:left;}
	.mComprClass h2 a{width:5%;height:.4rem;float:right;display:block;margin-right:5%;color:none;}
	.mComprClass h2 a img{float:left;margin:.14rem 0 0 0;}
	
	#wholeClass{width:100%;height:100%;position:absolute;top:.4rem;background:#000;display:none;text-align:center;}
	#wholeClass ul li a{width:100%;background:#FFF;font-size:.14rem;display:block;text-align:left;text-indent:2em;padding:.1rem 0;border-bottom:1px solid #d9d9d9;color:#888;}
	#wholeClass ul li.hover a,#navPro ul li:hover a{background:#f0f0f0;}
	#wholeClass ul li.btn_up a{background:#FFF;text-align:center;display:block;}
	#wholeClass ul li.btn_up a img{width:10%;display:block;margin:0 auto;}
	
	/**联系我们**/
	.mAsideRight address{width:100%;height:auto;margin:0;float:left;font-size:.13rem;color: #666;line-height:.24rem;}
	.mAsideRight address section{margin-top:5%;font-size:.13rem;}
	.cont_union h3{margin-bottom:3%;font-size:.15rem;color:#333;}
	.cont_unionCont{width:100%;float:left;margin:.2rem 0;}
	
	.mOnMessage{width:100%;float:left;margin:.2rem 0;}
	.mOnMessage input,.mOnMessage textarea{width:100%;height:.35rem;border:1px solid #ccc;padding-left:.1rem;color:#666;box-sizing:border-box;margin-bottom:.1rem;float:left;}
	.mOnMessage p{width:100%;height:.35rem;float:left;overflow:hidden;font-size:.14rem;color:#666;margin:0 0 .2rem 0;padding:0;box-sizing:border-box;}
	.mOnMessage section{width:100%;float:left;}
	.mOnMessage textarea{height:1.5rem;max-height:1.5rem;max-width:100%;line-height:.26rem;}
	.mOnMessage input.button{background:#194395;width:1.4rem;height:.34rem;font-size:.14rem;line-heihgt:.34rem;text-align:center;cursor:pointer;color:#FFF;float:right;margin-top:.3rem;}
	
	/**荣誉证书**/
	.mobileHonor{width:100%;}
	.mobileHonor ol{width:94%;padding:0 3%;}
	.mobileHonor ol li{width:48%;float:left;margin:0 0 5% 0;}
	.mobileHonor ol li mark{width:100%;height:2rem;overflow:hidden;float:left;}
	.mobileHonor ol li img{width:100%;height:;margin:0 auto;display:block;}
	.mobileHonor ol li.active{float:right;}
	.mobileHonor ol li h3{width:100%;float:left;font-size:.14rem;color:#666;text-align:center;line-height:.26rem;margin:0;}
	.mobileHonor .more{width:30%;margin:3% 35% 5%;display:block;font-size:.16rem;float:left;background:#eee;text-align:center;color:#333;}
	
	.maskGray{display:none;}
	#bigImg{max-width:6.4rem;min-width:3.2rem;width:100%;position:fixed;left:0;top:15%;margin:0;display:none;}
	#bigImg img{width:100%;max-width:6.4rem;}
	
	/**新闻中心**/
	.mNewsContTwo,.mContainer{width:94%;padding:0 3%;}
	.mNewsContTwo ol li time{width:100%;float:left;font-size:.13rem;color:#999;font-family:"方正中等线简体";margin-bottom:.1rem;font-family:Arial, Helvetica, sans-serif;}
	.mNewsContTwo ol li{width:100%;float:left;margin:10% 0 0;border-bottom:1px solid #e5e5e5;padding-bottom:8%;}
	.mNewsContTwo li h3{margin:.15rem 0 .1rem;color:#333;font-size:.16rem;}
	.mNewsContTwo li p{color:#888;font-size:.14rem;line-height:.26rem;}
	
	.mPageThree{width:100%;float:left;text-align:center;margin-top:-0.4rem;}
	.mPageThree ul{display:inline-block;}
	.mPageThree ul li{height:.32rem;display:inline-block;float:left;margin:0 3px;}
	.mPageThree ul li a{line-height:.3rem;display:block;padding:0 .1rem;font-size:.14rem;border:1px solid #ccc;transition:all 0.3s ease-in 0s;box-sizing:border-box;float:left;}
	.mPageThree a:hover,.mPageThree ul li.hover a{background:#194395;color:#FFF;}
	
	
	.mContainer{height:auto;padding-bottom:.2rem;margin:.2rem 0 0 0;border-bottom:1px solid #ccc;}
	.mContainer h4{margin:.1rem 0 0 0;}
	.mContainer h3{font-size:.16rem;}
	.mContainer p,.mContainer h4,.mContainer h4 mark,.mContainer h4 time{font-size:.14rem;}
	
	/**产品中心**/
	.mProCont,.mobileProShow{width:94%;padding:0 3%;float:left;border-bottom:1px solid #ccc;}
	.mProCont ol li{width:48%;height:auto;float:left;margin-bottom:3%;}
	.mProCont ol li.active{width:48%;float:right;}
	.mProCont ol li mark{width:100%;height:2.7rem;float:left;}
	.mProCont ol li img{float:left;}
	.mProCont ol li h3{width:98%;line-height:.3rem;font-size:.14rem;color:#444;padding-left:2%;float:left;}
	
	.productList{background:#FFF;border:none;padding-bottom:.44rem;}
	#aboutFlash h3{text-align:center;font-size:.18rem;color:#333;margin:5% 0;}
	#aboutFlash span{width:10%;float:left;margin-top:18%;}
	#aboutFlash span.next3{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);}
	.aboutFlash{width:70%;float:left;margin:0 5%;overflow:hidden;}
	.aboutFlash ul{width:400%;float:left;}
	.aboutFlash ul li{width:25%;float:left;}
	
	.mobileProShow ol{width:100%;float:left;margin:5% 0;font-size:.14rem;line-height:.3rem;}
	.mobileProShow ol h3{font-size:.16rem;color:#333;float:left;width:100%;margin:0 0 3% 0;}
	.mobileProShow ol li{width:100%;float:left;margin:1% 0;margin-bottom:3%;border-bottom:1px dotted #ccc;}
	.mobileProShow ol li mark{float:left;width:20%;font-size:.14rem;color:#0089e1;}
	.mobileProShow ol li span{float:left;width:80%;font-size:.13rem;color:#666;}
	.mobileProShow ol img{width:100%;float:left;}
	
	.solCaseOne{width:94%;padding:0 3%;float:left;}
	
	/**关于我们**/
	.aboutBridfCont img{margin-bottom:5%;}
	.aboutBridfCont,.maboutHistory,.msolCaseFlash{width:94%;padding:0 3%;}
	
	/**解决方案**/
	.msolCaseOne section img{float:left;}
	.msolCaseFlash ul{width:100%;float:left;}
	.msolCaseFlash ul li{width:100%;height:235px;overflow:hidden;margin:50px 0;padding:0;float:left;background:#FFf;}
	.msolCaseFlash ul li.active{float:right;}
	.msolCaseFlash ul li video,.msolCaseFlash ul li mark{width:100%;float:left;}
	
	
	/**首页**/
	.indexProduct{height:auto;background:none;}
	.mobileITop{width:100%;text-align:center;margin:5% 0 0 0;}
	.mobileITop h3{font-size:.16rem;color:#686868;line-height:.20rem;}
	.mobileITop h3 img{max-width:17px;margin:-.06rem .1rem;float:none;}
	.mobileITop h4{font-size:.26rem;font-family:"方正正粗黑简体";color:#194395;letter-spacing:.1rem;margin:3% 0;}
	.mobileITop h5{font-size:.14rem;font-family:Arial, Helvetica, sans-serif;color:#194395;text-transform:uppercase;letter-spacing:.05rem;}
	.indexProduct{width:94%;padding:0 3%;}
	.mContRight{width:100%;float:left;margin-top:5%;}
	.mContRight ul li{width:48%;float:left;}
	.mContRight ul li.active{width:48%;float:right;}
	.mmore a{width:40%;border:1px solid #ccc;border-radius:.4rem;line-height:.4rem;display:block;margin:0 atuo;font-size:.17rem;color:#194395;text-align:center;text-transform:uppercase;margin:5% 30%;}
	/**首页应用样品**/
	.mindexAdv,.mProblemCont{width:94%;padding:0 3%;margin:5% 0;}
	.mindexAdv span,.mProblemCont span{width:8%;max-width:54px;display:block;float:left;}
	.mindexAdv span.next3 img,.mProblemCont span.next4 img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);}
	.mindexAdvCont,.mProblemFlash{width:78%;float:left;margin:0 3%;overflow:hidden;float:left;}
	.mindexAdvCont ul{width:400%;float:left;}
	.mindexAdvCont ul li{width:25%;height:auto;float:left;}
	.mindexAdvCont ul li section img{width:100%;height:auto;}
	.mindexAdvCont ul li section{width:48%;float:left;}
	.mindexAdvCont ul section.active{float:right;}
	.shuiying{display:none;}
	.mindexAdv ul li section h3{width:100%;line-height:.3rem;text-align:center;float:left;font-size:.14rem;color:#444;}
	
	.indexProblem{background:none;height:auto;}
	.mProblemCont section{width:100%;float:left;margin-top:10%;}
	.mProblemFlash{height:auto;background:url(../images/mobile/mProblemFlash.jpg) no-repeat center top;}
	.mProblemFlash ul{width:400%;float:left;}
	.mProblemFlash ul li{width:25%;float:left;text-align:center;padding:1.5% 0 3%;}
	.mProblemFlash ul li h3{font-size:.65rem;width:100%;float:left;color:#FFF;}
	.mProblemFlash ul li p{width:90%;padding:0 5%;font-size:.18rem;float:left;color:#FFF;line-height:.3rem;}
	
	.mindexAdvSev{width:94%;padding:0 3%;margin:5% 0;float:left;text-align:center;}
	.mindexAdvSev section{text-align:center;float:left;position:relative;}
	.mindexAdvSev ul{width:100%;display:inline-block;position:absolute;bottom:0;left:50%;margin-left:-.15rem;}
	.mindexAdvSev section p{float:left;display:none;}
	.mindexAdvSev section p.hover{display:block;}
	.mindexAdvSev ul{display:inline-block;}
	.mindexAdvSev ul li{width:.1rem;height:.1rem;float:left;background:rgba(25,67,149,.4);border-radius:.1rem;margin:0 .05rem;}
	.mindexAdvSev ul li.hover{background:rgba(25,67,149,1);}
	
	.mindexAdvSev dl{display:none;}
	.mindexAdvSev dl.active{display:none;}
	.mindexAdvSev dd.title{font-size:.26rem;color:#616161;}
	.mindexAdvSev dd{font-size:.16rem;color:#909090;margin-top:3%;}
	
	.indexPart,.mobileAbout{width:94%;padding:0 3%;height:auto;}
	
	.mobileAboutTop p{width:100%;font-size:.14rem;line-height:.26rem;}
	.mobileAbout section{width:100%;margin-top:5%;float:left;}
}

@media screen and (max-width: 580px)
{
	.mobileHonor ol li mark{height:1.7rem;}
	.mProCont ol li mark{height:2.4rem;}
	.mProblemFlash ul li h3{font-size:.6rem;}
	.mProblemFlash ul li p{font-size:.16rem;}
	.mobileITop h3{font-size:.13rem;}
	.mobileITop h4{font-size:.22rem;letter-spacing:.045rem;}
}
@media screen and (max-width: 480px)
{
	.mobileHonor ol li mark{height:1.4rem;}
	.mobileHonor .more{font-size:.14rem;}
	.mProCont ol li mark{height:2rem;}
	.mmore a{width:50%;border-radius:.35rem;line-height:.35rem;font-size:.16rem;margin:5% 25%;}
	.mProblemFlash ul li h3{font-size:.55rem;}
	.mobileITop h3{font-size:.13rem;}
	.mobileITop h4{font-size:.18rem;letter-spacing:.045rem;}
	.mobileITop h5{font-size:.13rem;letter-spacing:.045rem;}
}
@media screen and (max-width: 400px)
{
	.mobileHonor ol li mark{height:1.2rem;}
	.mobileHonor .more{font-size:.13rem;}
	.mProCont ol li mark{height:1.75rem;}
	.mmore a{width:60%;border-radius:.3rem;line-height:.3rem;font-size:.14rem;margin:5% 20%;}
	.mProblemFlash ul li h3{font-size:.5rem;}
	.mProblemFlash ul li p{font-size:.14rem;}
	.mobileITop h3{font-size:.14rem;}
	.mobileITop h4{font-size:.16rem;letter-spacing:.045rem;}
	.mobileITop h5{font-size:.14rem;letter-spacing:.04rem;}
}
@media screen and (max-width: 370px)
{
	.mobileHonor ol li mark{height:1.1rem;}
	.mProCont ol li mark{height:1.65rem;}
	.msolCaseFlash ul li{width:100%;height:235px;}
	.msolCaseFlash ul li video{width:100%;height:205px;}
	.mindexAdv ul li section h3{font-size:.12rem;}
	.mProblemFlash ul li h3{font-size:.40rem;}
	.mProblemFlash ul li p{font-size:.13rem;}
	.mobileITop h3{font-size:.13rem;}
	.mobileITop h4{font-size:.15rem;letter-spacing:.045rem;}
	.mobileITop h5{font-size:.13rem;letter-spacing:.03rem;}
}
@media screen and (max-width: 350px)
{
	.mComprClass h2 a{width:6%;}
	.mobileHonor ol li mark{height:1rem;}
	.mProCont ol li mark{height:1.45rem;}
	.msolCaseFlash ul li{width:100%;height:2.35rem;}
	.mobileITop h3{font-size:.12rem;}
	.mobileITop h4{font-size:.15rem;letter-spacing:.02rem;}
	.mobileITop h5{font-size:.12rem;}
	
}