.mobile-inner{ display:none;}
@media only screen and (min-width:240px) and (max-width: 900px){
.header{display:none;}
.mobile-inner{ display:block;}

/*-------隐藏浮动连接---------*/
/*手机导航start*/
/*手机导航start*/
.mobile-inner{width: 100%;margin:0 auto;background-color: #fafafa;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: rgb(255,255,255);width: 100%;height: 50px;position: absolute;	top: 0px;left: 0px;}
.mobile-inner-header .mo-ser{width:40%;float:left; text-align:right; position:relative; margin-top:16px}
.mobile-inner-header .mo-ser .search__input{width:90%; text-align:left; height:24px; line-height:24px; border:1px solid #ccc; padding:5px 24px 5px 10px; border-radius:3px;}
.mobile-inner-header .mo-ser .search-sub{ position:absolute; right:2px; top:3px; width:24px; height:20px;
 background:url(../images/sers.png) no-repeat 0 0;border:0; background-size: auto 100%;}
.mobile-inner-header .mobile-inner-logo{ float:left; width:40%;}
.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 10px;}
.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{color: #ffffff;height: 50px;font-size:25px;text-align: center;float:right;width: 50px;position: relative;-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{background-color: rgba(255,255,255,0.2);cursor: pointer;}
.mobile-inner-header-icon span{	position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 1px;background-color: rgba(0,0,0,1);}
.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;}

@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{	background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top: 50px;left: 0px;padding-top: 10px;padding-bottom: 20px;display: none;}
.mobile-inner-nav .moul li a{display: inline-block;line-height: 40px;text-decoration: none;width: 80%;margin-left: 10%;color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.3);	-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 ul li a{line-height: 30px;text-decoration: none;width: 80%;margin-left: 10%;color: #ccc;}
.mobile-inner-nav .moul li a span{ display:inline-block; margin-left:5px;}
.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: 80%;margin-left: 10%;color: #FFFFFF;}
.mobile-inner-nav .moul li ul{ margin-left:30px; 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: #ccc;}

/*手机导航end*/

/*手机导航end*/
.headerKong{height:50px;}
.pageMain{width:98%; margin:0 auto;}
.pageMain3{width:98%; margin:0 auto;}
.pagebg{ padding:10px 0;}

.titleBox{ width:100%; margin:0 0 30px 0;}
.titleBox h1{ font-size:2.5em; text-align:center;} 
.titleBox p{font-size:1em; text-align:center}

/*-------顶部 end ---------*/
.banner{ width:100%;overflow:hidden;height:100px;  position:relative;font-size:0;}
.b-img{ height:100px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:100px; float:left;}
.b-list{ height:50px; padding-top:95px; position:relative;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:4px; height:4px; border-radius:50%; border:2px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:2px solid #384e9b;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; display:none }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; display:none}

.Inpro{ border:1px solid #ccc; background:#FFF; padding:20px 10px 10px;}
.Inpro ul{ margin:0 auto; }
.Inpro ul li{ background:#fff; float:left; width:23.5%;  margin-right:2%; margin-bottom:10px; position:relative; cursor:pointer;}
.Inpro ul li:nth-child(4n){margin-right:0%;}
.Inpro ul li .pic{ text-align:center; overflow:hidden; height:216px;} 
.Inpro ul li h1{height:35px; line-height:35px; overflow:hidden; background:#d5d5d5; text-align:center} 
.Inpro ul li h1:hover{background:#014ea0; color:#fff;} 

.Inpro .infb{border:1px solid #ccc; background:#FFF; border-radius:5px; width:95%; margin:10px auto; padding:10px; display:none; position:relative;}
.Inpro .infb p{ font-size:1.2em; color:#444}
.Inpro #serI1{ display:block;}
.Inpro #serI1 span{ background:url(../images/icon1.png) no-repeat; height:11px; width:11px; display:inline-block; position:absolute; top:-11px; left:10%; }
.Inpro #serI2 span{ background:url(../images/icon1.png) no-repeat; height:11px; width:11px; display:inline-block; position:absolute; top:-11px; left:34%; }
.Inpro #serI3 span{ background:url(../images/icon1.png) no-repeat; height:11px; width:11px; display:inline-block; position:absolute; top:-11px; left:58%; }
.Inpro #serI4 span{ background:url(../images/icon1.png) no-repeat; height:11px; width:11px; display:inline-block; position:absolute; top:-11px; left:86%; }

.InContact .InBoutL{ width:100%; float:none}
.InContact .InBoutR{ width:100%; float:none; margin-top:20px;}
.InContact2 .InBoutL{width:100%; float:none}
.InContact2 .InBoutR{width:100%; float:none; margin-top:20px;}
/*底部*/
.footer{ border:1px solid #eee; padding:50px 0 10px;color:#fff; background:#442d2d;}
.footer h2{ font-size:1.4em; margin-bottom:20px;}
.footer p{ line-height:200%;}
.footer .fotC{ float:right; width:65%;}
.footer .fotC a{ display:inline-block; width:30%; font-size:1.2em; margin:0 auto; text-align:center;}
.footer .fotC a img{ height:40px;}
.footer .fotC a:hover{ color:#fff;}
.footer .fotC2{ float:left; width:33%;}
.footer .fotC2 a{ display:block; color:#d9d9d9; height:30px; line-height:30px;}
.footer .fotR{ float:left; width:32%;}

.numvb{ margin-top:20px;}
.numvb a{ line-height:30px;
	display: inline-block;
	width:48%;
	font-size: 1.2em;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	text-decoration: underline;
}
}