@charset "utf-8";
/* CSS Document */


@media screen and (max-width:1300px){
	#lstnav ul li > a { padding:0 1.15em;}
	.classify { margin-right:0;}
	.aboutBg{ background-color:#f2f2f2;}
	.trade > img{ width:10%; opacity:0.8;}
}
@media screen and (max-width:1200px){
	.success{ display:none}
	.customers .successBOx{ display:block;}
	.warp-pic-list{ display:none;}
	.slideGroup{ display:block;}
	.serve .serverLeft{ width:22%;}
}
@media screen and (max-width:1150px){
	#lstnav ul li > a { padding:0 1em;}
}
@media screen and (max-width:1100px){
	#lstnav ul li > a { padding:0 0.6em;}
}
@media screen and (max-width:1024px){
	.productTitle p{ width:24%;}
	.kehu p, .qiye p{ width:15%}
		.navBOxs dd{ height:200px;}
	.navBOxs{ height:400px;}
}
@media screen and (max-width:1000px){
	#lstnav ul li > a { padding:0 0.55em;}
}
@media screen and (max-width:1100px){
	.slideGroup .slideBox{ overflow:hidden;  width:756px; margin:0 auto;}
	.slideGroup .sNext{ right:0px;}
	.slideGroup .sPrev{left:0px;}
}

@media screen and (max-width:980px) {
	.nav{  position:relative;}
	.lstheader{ background:rgba(255,255,255,0.8);}
	#lstnav, #lstsubnav,.whlangude,.classify { display: none; }
	#padm_nav { display: block; height: 7.1em; color:#fff; }
	#padm_nav p.whlangude,#padm_nav .classify{display:block;}
	#padm_nav .padm_navtit { line-height: 2.4em; font-size: 3em; text-align: center; white-space: nowrap; overflow: hidden; color:#333; }
	#padm_nav .padm_navbtn { float: right; height: 100%; padding: 0 3em; background: #666; cursor: pointer; margin-top:0.25em; }
	#padm_nav .padm_navbtn:hover, #padm_nav .padm_navbtn.hv { background: #333; }
	#padm_nav .padm_navbtn img { margin-top: 2.5em; }
	#padm_navm { position: fixed; width: 200px; height: 100%; right: -201px; top: 0; z-index:9999; overflow-x: hidden; overflow-y: auto; background: #333; border-left: 1px solid #4d4d4d; }
	#padm_navm dl { margin-bottom: 4em; border-bottom:1px solid #4d4d4d;}
	#padm_navm dt { text-indent: 1em; font-size: 1.4em; font-weight: bold; }
	#padm_navm dd { text-indent: 2em; font-size: 1.2em; }
	#padm_navm a { display: block; border-bottom: 1px solid #1a1a1a; border-top:1px solid #4d4d4d; color: #fff; line-height: 2.5em; }
	#padm_navm dt a { padding: 0.5em 0; }
	#padm_navm a:hover { background: #1a1a1a; }
	.productTitle p{ width:30%;}
	.foot .footLeft,.foot .footMiddle{ width:48%; float:left; margin-bottom:1em;}
	.foot .footMiddle{border-right:none;}
	.foot .footRight{ width:100%;  border-top:#dcdcdc solid 2px; padding-top:1em;  }
	.series .seriesLeft{ display:none;}
	.series .seriesRight{ width:95%; margin:0 auto; padding:0; float:none;}
	.client ul li a,.successBOx li a{ width:17%;}
}
@media screen and (max-width:800px){
.slideGroup .sNext{ right:0px;}
.slideGroup .sPrev{left:0px;}
.slideGroup .slideBox{ width:375px; }
.skill ul li{ width:47%;}
.contact dt,.contact dd{ width:80%; margin:0 auto 1em; float:none;}
}
@media screen and (max-width:768px){
	#bannerbtn{text-align:center;}
	#banner li .bannertxt{left:50%; margin-left:-26em;}
	.productTitle p{ width:42%;}
	.trade{ background:#ebf8ff;}
	.client ul li a,.successBOx li a{ width:22%;}
	
}

@media screen and (max-width:640px){
	.case .selected,.case .latest{ width:90%; margin:0 auto 1em; float:none; padding:0;}
	.foot .footLeft,.foot .footMiddle,.foot .footRight{ width:90%; float:none; margin:0 auto; border-right:none;  border-bottom:#dcdcdc solid 2px; margin-bottom:1em; padding: 0 0 1em 0;}
	.foot .footRight{ border-top:none; border-bottom:none;}
	.serverLeft p,.SaaS .serverLeft p{ width:100px; height:90px; padding-top:10px;}
	.SaaSBox .serverLeft p{ width:100px; height:95px; padding-top:5px; font-size:1em;}
	.serverRight .serverRight_cont,.serverRight .serverRight_img{ width:90%; float:left;}
	.produceBox li{ margin:1em auto; float:none;}
	.develop{ margin-bottom:2em;}
	.cases ul li{ width:46%;}
	.trends ul li div.trendsLeft{ width:20%;}
	.trends ul li div.trendsRight{ width:76%;}
	.logistics .query{ background:#fdfdfd;}
	.query form{ width:80%;}
	.query form .text01{ width:93%;}
	.query p{ text-indent:0;}
	.query img{ display:none;}
	.trade > img{ display:none;}
.footMiddle,.sidekf,.contact dt img{ display:none;}
.analyse p i{ font-size:0.75em;}
.aboutBgTwo{ background:#fff; border-bottom:#eaeaea solid 1px;}
.serverRight .calling{ margin-bottom:0;}
.calling img{ display:block; max-width:100%; max-height:100%; display:block; float:left;}
}
@media screen and (max-width:520px){
	.productTitle p{ width:50%;}
	.productTitle h2{ font-size:2em;}
	.slideGroup .sPrev,.slideGroup .sNext{ display:none}
	.latest li .latestLeft{ width:25%;}
	.latest li .latestRight{ width:75%;}
}
@media screen and (max-width:450px){
	.padm_navtit{ display:none;}
	.serve .serverLeft{ width:25%;}
	.serve .serverRight{ width:75%;}
	.cases ul li{ width:80%; margin:0 auto 2em; float:none;}
	.query form button{ right:2%;}
}
@media screen and (max-width:415px){
	.productTitle p{ width:60%;}
	.productTitle h2{ font-size:1.5em;}
	.kehu p,.qiye p{ width:35%;}
	.lice p{ width:52%;}
	
}
@media screen and (max-width:375px){
	.productTitle p{ width:49%; font-size:1.6em;}
	.casestitle p,.skilltitle p{width:39%;}
	.productTitle p img{ margin:0;}
	.clienttitle p img{ margin-left:10%;}
	.slideGroup .slideBox ul li .pic img{ width:300px;}
	.slideGroup .slideBox{ width:315px; }
	.serverLeft p{ width:80px; height:65px; padding-top:15px; font-size:1em;}
	.SaaS .serverLeft p{width:80px; height:70px; padding-top:10px; font-size:1em; }
	.SaaSBox .serverLeft p{width:80px; height:80px; padding-top:0; font-size:0.875em; }
	.kehu p,.qiye p{ width:29%;}
	.lice p{ width:43%;}
}

@media screen and (max-width:350px){
	#lstlogo{ margin-left:0;}
	#padm_nav .padm_navbtn{ padding:0 2em;}
	.clienttitle p img{ margin-left:5%;}
	.latest li .latestLeft{ width:28%;}
	.latest li .latestRight{ width:72%;}
	.idea ul li{ margin:0.6em 0;}
	.casesPage h1 i{ font-size:1.1em; }
	.productTitle p{ width:57%;}
	.kehu p,.qiye p{ width:35%;}
	.clienttitle p{ width:53%;}
	.casestitle p,.skilltitle p{width:47%;}
	.kehu p,.qiye p{ width:33%;}
	.lice p{ width:50%;}
}