.mobile-inner{ display:none;}
.wap{ display:none;}
.inner-menu h1{  display:none;}

@media only screen and (min-width:240px) and (max-width: 1023px){
header{display:none;}
.mobile-inner{ display:block;}
.pc{ display:none;}
.wap{ display:block;}
/*手机导航start*/
.mobile-inner{width: 100%; margin:0 auto;background-color:#1a73e8;position:fixed; left:0; top:0; z-index:99999;}
.mobile-inner img{width: 100%;margin-bottom: 30px;}
.mobile-inner p{color: #676767;	line-height: 25px;font-size: 16px;	padding-bottom: 30px;padding-right: 30px;padding-left: 30px;margin:0px;}
.mobile-inner-header{background-color:#1a73e8;width:100%;height:50px;position: absolute;	top:0px;left: 0%;}
.mobile-inner-header .ACargo{ display:inline-block; position: absolute;	top:11px;right:60px;}
.mobile-inner-header .ACargo a{ display:inline-block; background:#269FDA; color:#fff; padding:5px; font-size:14px;}
.mobile-inner-header .mobile-inner-logo{ float:left;}
.mobile-inner-header .mobile-inner-logo a{ display:inline-block;}
.mobile-inner-header .mobile-inner-logo img{ height:40px; width:auto; margin:5px 0 0 5px;}
.mobile-inner-header .mobile-inner-logo span{ float:right;}
.mobile-inner-header .mobile-inner-logo span a{ color:#ccc; border:1px solid #ccc; display:inline-block; padding:1px 5px; border-radius:5px; margin-top:16px;}
.mobile-inner-header-icon{position:absolute; top:0; right:0; z-index:999;
background:#000; font-size:25px;text-align: center; width: 50px;height: 50px;-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{cursor: pointer;}
.mobile-inner-header-icon span{	position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 2px;background-color: rgba(255,255,255,0.9);}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(6px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){opacity:1;	}
.mobile-inner-header-icon span:nth-child(3){transform: translateY(-6px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;	animation-fill-mode: both;animation-name: fadeOut;}
.mobile-inner-header-icon-click span:nth-child(3){animation-duration: 0.5s;	animation-fill-mode: both;animation-name: clicksecond;}

.mobile-title-icon{position:absolute; top:0; right:50%; margin-right:-118px; z-index:999;
 font-size:22px;text-align: center; width: 50px;height: 50px;-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-title-icon:hover{cursor: pointer;}
.mobile-title-icon span{	position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 2px;background-color: rgba(255,255,255,0.9);}
.mobile-title-icon span:nth-child(1){transform: translateY(6px) rotate(0deg);}
.mobile-title-icon span:nth-child(2){opacity:1;	}
.mobile-title-icon span:nth-child(3){transform: translateY(-6px) rotate(0deg);}
@keyframes clickfirst {
  0% { transform: translateY(6px) rotate(0deg); }
  100% {  transform: translateY(0) rotate(45deg); }}	
@keyframes clicksecond {
	0% { transform: translateY(-6px) rotate(0deg);  }
  100% {  transform: translateY(0) rotate(-45deg); }}	
@keyframes fadeOut {
    0% { opacity: 1 }
    100% {  opacity: 0}}
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){}
.mobile-inner-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}

@keyframes outfirst {
  0% {  transform: translateY(0) rotate(-45deg);  }
  100% {   transform: translateY(-6px) rotate(0deg);  }
}	

@keyframes outsecond {
  0% {    transform: translateY(0) rotate(45deg);  }
  100% {    transform: translateY(6px) rotate(0deg);  }
}
.mobile-inner-nav{width:100%;position: absolute;top:50px;left:0px;display: none;}
.mobile-inner-nav .moul li{ position:relative;}
.mobile-inner-nav .moul li a{display: inline-block;line-height:40px;text-decoration: none;width:100%; padding:0 4%; color: #fff; font-size:0.8rem;background-color:#269FDA;
border-bottom:1px solid #eee;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;font-weight:300;}
.mobile-inner-nav .moul li a.ov{ background:#269FDA; color:#fff;}
.mobile-inner-nav .moul li ul li a{line-height: 40px;text-decoration: none;width:100%;margin-left:0%;color: #666;background-color:#f0f0f0;border-bottom:1px solid #ddd;}
.mobile-inner-nav .moul li span{ display:inline-block; color:#666; font-size:1em; position:absolute; top:8px; right:10px;}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);	border-bottom: solid 1px rgba(255,255,255,0.2);}
.mobile-inner-nav .mosmul li a{line-height: 30px;text-decoration: none;width:100%;color: #666;}
.mobile-inner-nav .moul li ul{margin-left:0px; display:none}
.mobile-inner-nav .moul li ul li dl{display:none}
.mobile-inner-nav .moul li ul li dl dd a{line-height: 30px;text-decoration: none;width: 80%;margin-left: 15%;color: #666;}
/*手机导航end*/
/*-------隐藏浮动连接---------*/
.inWrap{ width:96%; max-width: auto;min-width: auto; margin: 0 auto; }
.inWrap3{ width:96%; max-width: auto; margin: 0 auto; }
.inWrap4{ width:96%;margin: 2rem auto; }
.inWrap42{ width:96%;margin:0 auto; }
.inWrap2{ width:96%;min-width: auto; margin: 0 auto; }

.fixedBan { min-height: auto;padding:3em 0;background: #333 url(../images/ban1m.jpg) no-repeat fixed 66% 50%/cover; background-size: 100% auto ;}
.Baninfo { color:#fff;;padding:1rem 0em;}
.Baninfo h1{font-size:1.4rem;   }
.Baninfo h2{ padding: .25em .2em; position: relative; font-size: 1.4rem; margin:1rem 0;}
.Baninfo .serList{ width:100%; text-align:center;padding:0px; margin:0 auto; max-width:auto; min-width:auto}
.Baninfo .serList ul li{ display:inline-block; padding:0.5rem 1%; border:1px solid #fff; margin:0.5em 0.5%;}
.Baninfo .serList ul li:hover{ background:#269FDA;transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s;}
.Baninfo .serList ul li a{ color:#fff; font-size:0.8rem; display:block; }

.fixedAbout {min-height: auto;padding: 3em 0;background: #333 url(../images/ban2.jpg) no-repeat fixed 66% 50%/cover; background-size: auto 100% ;}
.Aboutinfo h1{font-size:1.3rem; margin-bottom:2rem; text-align:center}
.Aboutinfo p{font-size:0.8rem; margin-top:1.2rem; line-height:180%; }




.mnuKong{ height:70px; background:#eee}
.site-inner{ position:relative; min-height:auto;}
.menu-sidebar { background: none;  position: absolute; top: 0;left: 0;width:100%; max-width: 100%;height:auto; z-index: 1;text-align: left; background:#269FDA; padding-bottom:10px;}
.menu-sidebar::before {  content: '';   position: absolute;  top: 0; right:0px;  width: 100%;  height:auto; display: block; background: #1a73e8; border-radius:0 0 0 0;}
.inner-menu{ margin:0rem 0 0px 0rem;}
.inner-menu ul{ display:none;}
.inner-menu h1{ position:relative; display:block; color:#fff;background: #269FDA; text-align: center; padding:12px 0px 6px; font-size:1.2rem;}
.inner-menu ul li{ line-height:1.5rem; position:relative; margin-bottom:10px; text-align:center;}
.inner-menu ul li a{ color:#fff; font-size:1rem; line-height:200%; padding-bottom:10px;  border-bottom: 1px solid #fff;}
.inner-menu ul li a:hover, .inner-menu ul li.ov a{ color:#88dbfd; }

.abinfo{min-height:auto;}
.abinfo p{ margin-bottom:10px; line-height:200%; font-size:1.0em;}
.abinfo p strong{ color:#1a73e8;}

.INcont{padding:2em 0; background: linear-gradient(to bottom, #ededed 0%, #fff 100%); border-top:1px solid #ccc;}
.INcont h1{ color:#1a73e8; font-size:1.2rem; text-align:center;}
.INcont .serList{ float:none;  width:100%;}
.INcont .serList ul { float:none; width:100%; margin-bottom:0rem;}
.INcont .serList ul li{ line-height:2rem; position:relative; padding-left:20px;}
.INcont .serList ul li a{ font-size:0.8rem;}
.INcont .serList ul li::before { content: ''; display: block;   position: absolute;   top:0.9rem;   left: 0;   width:4px;   height:4px;   background:#000; border-radius:2px;}

.INcont .info{ float:none;  width:100%; text-align:center; margin-top:1rem;}
.INcont .info p{line-height:2rem;}
.INcont .info p img{ height:120px;}

._left{ float:none;  width:100%;}
._right{ float:none;  width:100%; margin-top:0px; }

.title-container { background: #f2f2f2; padding: 2rem 1em 1em;}
.TitleNow h1{ font-size:1.3rem; text-align:center; margin-top:50px; }
.TitleNow2 {color:#aaa; text-align:right}
.TitleBig h1{color:#333; font-size:1.2rem; padding:1rem 2rem 1rem;}

.teamList{ margin-top:2rem;}
.teamList ul li{ line-height:2rem; position:relative;  border-bottom:1px solid #ccc; padding-bottom:2rem; margin-bottom:3rem;}
.teamList .pic{ float:none;  width:100%; text-align:center}
.teamList .info{float:none;  width:100%;}
.teamList .info h1{ font-size:1.3rem; text-align:center;}
.teamList .info p{ line-height:260%; font-size:1rem;}

.caselist ul li{ float:left; width:32%; margin-right:2%; margin-bottom:1rem;border:1px solid #eee; padding:2px 0;}
.caselist ul li:nth-child(4n){margin-right:2%;}
.caselist ul li:nth-child(3n){margin-right:0%;}
.caselist ul li .pic { height:80px;  overflow:hidden; text-align:center}

}