﻿@media  screen and (max-width:1200px){
	#container span{
		display:none
		}	
	#mapdemo{
		height: 520px;
		position:relative
		}
	#container svg{
		  margin-top: -150px !important;
		  
		}
		
	 body .typemap{
			display:block;
			}
	
	
	body .mapframe{
		height:800px;
		display:block;
		}
	#mapdemo{
		height: 800px;
		position:relative
		}	
		body .jvectormap-label{
					display:none;
					
					}	
		
		
	}




@media  screen and (max-width:900px){
	.lin1,.lin2,.lin33{
		display:none
		}
	body .sildeProgram{
		display:block
		}

	/*#mapdemo{
		height: 520px;
		position:relative
		}*/
	#map{
		height:600px
		}
	/*#container span{
		display:none
		}	*/
	/* body .typemap{
			display:block
			}*/
	.fk{
		
		}
		body #container b{
									display:block;
									  font-size:12px;
									  z-index:10;
									  }	
									body .mapframe{
										display:block;
										}
							
			
			
	}
	
@media  screen and (max-width:800px){
	.fullSlide ul,.fullSlide .prev,.fullSlide .next{
				display:none
				
				}							
			body .xxy,body .xxy .prev,body .xxy .next{
				display:block
				}	
				
				
				
	}
@media  screen and (max-width:500px){
	
/*body #mapdemo{
		  height:600px;
		}
#container svg{
		  margin-top: -200px !important;
		  
		}		
		*/
		
		
/*body .mapframe{	  height: 620px;	}*/
	}	
@media  screen and (max-width:1024px){
	svg{
		  margin-top: -100px !important;
		  
		}

	
	// body .typemap{
//			display:block;
//			}
//	
//	
//	body .mapframe{
//		height:800px;
//		display:block;
//		}
//	#mapdemo{
//		height: 800px;
//		position:relative
//		}
		
    .banner{
		padding-left: 0;
		background:#252525;
		height:80px;
		}
	.title,.img1,.img2{
		display:none
		}	
		.lan a{
		color:#fff;
		font-size: 15px;
		letter-spacing:2px;
	/*	margin-left: -86%;*/
		 
			}
		.em{
		color:#9e0028	
			}	
	.banner .mob{
		display:block;
		  margin-top: 18px;
    margin-left: 4%;
		}	
			
.banner .lineTop{
	display:block;
	
	}	
		
	.lanIn{
/*	margin-left: 40%;*/
		}	
	.fullSlide .lan{
		right:102px;
	}
	.fullSlide .bd {
	padding-top:80px	
		}	
		
 	
 body .endtype{
	display:block
	}		
.exhibit .over{
	width:100%;
	}
	.exhibit .over1,.exhibit .over2,.exhibit .over5,.exhibit .over3{
	width:50%;
	float:left
	}
	
 .fullSlide .bannerType{
	display:none
	 }
	.person{
	display:none	
	}
	body .personType{
		display:block 
		 }
	.arch li span{
		top:58%;
		height:42%;
		display:block;
		
		}
	#arch .line1{
		  color: white;
  font-weight: bold;
  font-size: 15px;
  position: relative;
  padding-top: 6%;
  margin-left: 3%;
		  margin-right: 0;
		   overflow: hidden;  
    text-overflow: ellipsis;  
		}
	#arch .line3{
	display:none	
	}
	#arch .line2{
	display:none
	}
	.Pbanner .lan{
	right:102px;	
	height: 30px!important;
	}
		.Pbanner{
		height:80px;
		}
		.weixin,.bdsharebuttonbox{
		display:none
		}	
		.centerwhite{
		display:none
		}	
		.neirongT{
		height:45px;
		line-height:45px;
		font-size:15px;
		  padding-left: 5.3%;
		}
		.fontL{
 		width: 89%;
		margin: 0 auto;
		float:none
		}	
		.fontR{
		width: 94%;
		  padding-left: 5.3%;
		}	
		.neirong .serveTypez{
		width:100%;
		display:block;
		margin-top:30px
		}	
		.contimg{
		display:none
		}	
		.font3{
		width: 90%;
		}	
		
		.neirong{
			height:auto
		}
		.whiteLan2 .centerwhiteF{
			display:block
			}
			
		.selectLeft{
			    width: 94%;
				float:none;
				margin:0 auto
			}	
			
		.mean{
	 left: auto;
    right: 5%;
			}	
			
			.joinDes{
				width:93%;
				margin:0 auto;
				border:none;
				padding-top: 22px;
				}
			
.joinFrame	.jobtile{
		    font-size: 20px;
    padding-bottom: 7px;
		}		
	.joinFrameIn{
		min-height:150px
		}
		.joinFrame{
			height:auto
			}	
		.joinem{
			top: -34px;
			}
	.joinSlideFrame{
		    width: 94%;
			    margin: 0 3%;
				
		}		
	#SliderLeft{
		    width: 100%;
			overflow:visible;
			overflow-x:hidden;
			border-right:1px solid black;
		}		
			.SliderIn{
				    width: 100%;
					padding-left:0px;
					white-space: nowrap;float: none;display: inline-block
				}
		#SliderScroll{
			   display:none;
			}		
		#ScrollInside{
			    display:none
			}	
			
			body .serType{
				display:block
				}	
	.serverbk{
		display:none
		}		
	.framesun,.framesunz{
		width:50%
		}	
	.framesuno{
		width:100%
		}	
	.sRFrame1,.sRFrame2{
		float:left;
		width:50%
		}	
		
 body .sermob{
	display:block
	}	
.aa{
	display:none
	}	
	.li2img1,.serimg2,.img22{
		display:none;
		
	}
body .sixL img,body .sixR img{
		width:100%;
		/*display:block*/
		}	
	.serP{
		  font-size: 16px;
		    /*padding-top: 25%;*/
		}	
	.serF{
		  width: 90%;
		    font-size: 12px;
			  margin: 0 auto;
		}		
		
		
.six,.sixL,.sixR{
	height:auto
	}	
	.dibian{
		background:none;
		height:auto
		}
.dibian	.serbig{
		width:100%;
		display:block
		}	
	.contact{
		width: 144px;
  height: 48px;
		  line-height: 48px;
  font-size: 16px;
  top:60%;
  /*bottom:11%*/
  margin-left:-72px;
		}	
		
	.video .typetitle{
		display:block;
		}	
	.video .videoe{
		display:none
		}
	body .video{
	background:none;
	height:auto	
		}
	.video .typevideo{
		display:block
		}	

	body .lemon{
	display:block	
		}	
	.caitu,.caitu2,.caitu3,.caitu4,.daogray{
		display:none
		
		}
	
	.grayback p{
		  display: block;
  margin: 0 auto;
  letter-spacing: 2px;
  color: #303030;
  font-size:12px;
  line-height: 17px;
  width: 84%;
  padding:3% 0;
/*  padding-top: 5%;
  padding-bottom: 9%;*/
		}
		
		
		.vo{
			padding-left:0px
			}	
			
	.vouo li{
		  width: 45%;
  height: auto;
    margin-left: 3%;
	margin-top:0;
	margin-bottom: 24px;
		}
		.vouo li img{
			width: 85%;
			height:auto
			}
			.shadow{
				  width: 99% !important;
height: auto !important;
z-index:5!important
				}		
		.vouo li font{
			margin-top: 20%;
			}
		.bkbimg {
  width: 100%;
  height: 430px; 
  display: block;
  position: absolute;
   margin-left: 0; 
  left: 0; 
  display: none;
  z-index: 9999;
  padding-top: -10%;
 
}
	#eimg {
  width: 81%;
 height: auto; 
  float: left;
  margin-left: 10%;
}

.xx {
  float: left;
  cursor: pointer;
   margin-left:-10%;; 
  width: 10%;
}	
		
.vid{
	display:none !important
	}	
	
.transparent{
	display:none
	}		
	.voiceframe .mobvid{
	 display:block;
	 
	 }	
	 .voiceframe{
		 padding-top:20px
		 }
	 
	body .whiteLanType{
 display:block
  } 
	 .whiteLan{
		 
		 display:none}	
		 
	.whiteLanType {
		display:block
	}
	.whiteLanType .centerwhiteF{
		display:inline-block
		}
	.newsbk .imgframe{
		  width: 100%;
		  height:auto;
		    padding-bottom: 15px;
  padding-top: 15px;
  border-top: 1px solid #ddd;
  border-bottom:none
		}
		 .imgframe .bannerimg{
			 width:95%;
			 height:auto;
			 margin:0 2.5% !important
			 }
	.newsbk .bannerfont{
		width:100%;
		height：auto;
		float:none
		}		 
	.bannerfont .newx2{
		padding-bottom:0px;
		height:auto;
		  font-size: 20px;
		}	 
		
		.bannerfont .news5{
			padding-bottom:15px;
			font-size: 14px;
			height:auto
			}
			
			.bannerfont .newswq{
				padding-bottom: 41px;
				}
				
				.bannerfont{
				height:auto	
					}
					
				.newsbk{
					height:auto
					}	
			.bannerpng{
				display:none
				}		
		.li11{
			width:100%;
			float:none;
			border-bottom:1px solid #ddd;
  padding-bottom: 12%;
			}	
	.daosanjiao1{
		display:none
		}		
		.img785{
			max-width: 100%;
  margin: 0px 0 15px 0;

  position: absolute;
  top: 4%;
	  padding-bottom: 15px;
  	
  	}	
  
	.news32{
		
		top:auto
		}		
.imgSize{
	width:95%;
	margin:0 2.5%
	}	
	
	.newx2{
		font-size:20px;
		height:auto;
		line-height:normal
		}		
	.news3{
		font-size:14px;
		margin-top:15px;
		line-height:22px
		}	
	.pagin_btn{
		position:relative;
		bottom:auto;
		margin-top:20px;
		margin-bottom:15px
		}	
		.KVSCO,.KVSCO .bd1 ul{
			height:auto
			}
		.KVSCO li{
			height:auto;
			background:none;
			}	
	.KVSCO .bd1 img{
		display:block
		}		
	.biant{
		line-height: 21px;
		  font-size: 13px;
		  width:96%;
		  margin:0 2%;
		  height:auto
		}			
	.boldw{
		  font-size: 13px;
		}	
	.bkfont{
		height:auto;  /*padding-bottom: 15px;*/
		}
		
		.ove25{
		width:50%	
			}
	/*#container span{
		  margin-left: -39px;
		  display:none
		}*/
		.back{
			display:none
			}
			
			.innerLeft{
				  width: 115px;
				  padding: 0px 3px;
				    line-height:26px;
					font-size:20px
				}
				.inbanner{
					  min-height: 50px;
					}
				.inbanner table{
					height:auto!important;
					min-height:50px;
					}	
					.yiyi{
						  font-size: 13px;
						    padding: 22px 7px 9px 13px;
						}
					
		/*.zongR{
			display:none
			}*/
			/*#scrolls{
				display:none
				}		*/
				/*#zongbox,#lanF{
					width:100%
					}*/
				.zonrul img{
					width:100%!important;
					}
					
				/*	#wrap h3{
						  line-height: 20px;
						    font-size: 16px;
							  min-height: 79px;
						}
						*/
						
						.riy>li{
							  margin-bottom: 6px;
							}
							
						.riy img{
							width: 13px;
 						 position: absolute;
  			bottom: 0px;
 
  				left: 50%;
							}	
			/*.zonri{
				display:none;margin-top:2px
				}	*/
				
				/*#wrap>div{
					  min-height: 65px;
					margin-bottom:5px
					}		*/	
					body .mobback{
						display:block;
						}
				.mop{
					width:700px;
					  min-height: 35px;
					
					}	
					.mop a{
						line-height:55px;
						margin-right:10px;
						color:#4d4d4d
						}	
			body .scorl{
					display:block
					}		
				.mophy{
					
					width:200px;
					  min-height: 35px;
					  margin-left: 0px;
					  display:none
				}
				.mophy a{
						line-height:55px;
						margin-right:10px;
						color:#4d4d4d;  
						}	
						
						.fullSlide .bd li img{
							width:auto!important
							}	
							
							.caituTeam{
								display:none
								}		
							body .caituTeamm,body .moudao{
									display:block
									}
						.caituTeam2{
							display:none
							}			
						#btn2{
							right: 29px;
  bottom: 38px;
							}		
							
						.column li div{
							  font-size: 1.2em;
							  line-height:normal;
							
							}	
							
							.zonrie .prev{
								  width: 10%;
  height: 20%;
  background: url("../images/left.png") no-repeat;
  background-size:contain;
  position: absolute;
  left: 8%;
  top: 42%;
 display:block	
								}
								
								 .zonrie .next{
									  width: 10%;
  height: 20%;
  background: url("../images/right.png") no-repeat;
   background-size:contain;
  position: absolute;
  right: 8%;
   top: 42%;
				display:block		 
									 }
								
								.spirit{
									display:none
									}
						body .spiritmob{
									display:block
									}	
					/*#zongbox,#lanF{
						display:none
						}	*/		
			/*	#wrap{
					    margin-top: 4px;
						    position: relative;
					}	*/
					/*.mediaIn{
						display:none
						}		*/
						
				/*	.zonri .bd ul li{
						    opacity: 1!important;
						}		*/
						
				body .jvectormap-label{
					display:none;
					
					}	
					
					.lanIn a{
						height:30px;
						line-height:26px!important;
						border-radius:10px!important
						}
						.NewIn{
							margin: 0 2%;
							width: 96%;
							}
							
				.newsmob img{
					width:100%!important;
					height:auto!important
					}			
						.sun{
							display:block
							}	
							
							.hey{
								width:11%!important;
					height:auto!important
								}
								
								.hei .prev{
									  width: 45px;
  height: 45px;
    background: url("../images/left.png") no-repeat;
	  position: absolute;
  left: 8%;
top:45%
									}
									
									.hei .next{
								 width: 45px;
  								height: 45px;
										background: url("../images/right.png") no-repeat;
										  position: absolute;
  right: 8%;
top:45%
										}
										
						body .hei {
								display:block
								}
							body .KVSCO{
								display:none
								
								}	
								
							
								
								
								
											
			.exhibit span,.customb span{
				padding-top:11%
				
				}		
				
				.customb span img{
					display:none
					}
				.customb span font{
					font-size:13px;
					margin-top:6px
					}	
					.centerwhiteF a:hover,.mop a{
						text-decoration:none;
						
						
						}		
						
					.column li a{
						display:block
						}		
								.historyFrame{
						display:none
						
						}	
				 body .hismob{
					width:100%;
					height:auto;
					position:relative;
					display:block
					}		
			.hisimg{
				width:100%;
				height:auto;
				position:relative;
				}	
				.hisspan{
					width:100%;
					height：auto;
					position:absolute;
					top:0
					}		
				.hisspan li{
					width:93px;
					height:34px;
					position:absolute;
					
					}	
				.hisspan li span{
					color:white;
					font-size:2em;
					width:93px;
					text-align:right;
					margin-top:25px;
					width:100%;
					font-weight:bold
					}	
				.hisspan li div{
					color:white;
					font-size:1em;
					width:144px;
					display:none;
					font-weight:bold
					}				
						.sunzhezhao{
			display:none;position:absolute;
			top:0
			}
			body .sun{
				display:block
				}
				
				.sixIMg,sixIMg2,.li2{
				height:auto	
					}
					
				.customb .custombR{
						width:100%

						}
						
						
				.customb .customl,.customb .custombL,.customb .custom2,.customb .cue{
					width:50%
					}	
					.exhibit span img{
						display:none
						}
						
				.exhibit span font{
					font-size:13px;
					margin-top:6px; line-height: 2em; 
					}	
					.zongR{
						display:none;
						}	
						
				#zongbox,#lanF{
					width:100%
					
					}		
			#scrolls{
				display:none
				
				}	
				
		#lanF{
			  overflow-x: hidden;
			
			}		
			.zonri{
				display:none
				}	
				
				body .zonrie{
					  width: 100%;
  position: relative;
  padding: 0 0;
  overflow:hidden;
					display:none
					}	
					
			.zonrie .bd{
				margin: 0 auto;
  position: relative;
  z-index: 0;
  overflow: hidden;
			}		
			
			.zonrule{
				  width: 100% !important;
  list-style: none;
				}
					
				.zonrie .bd  li {
  vertical-align: middle;
  width: 100% !important;
  float: left;	}
					.zonrie .bd  li img{
						width:100%
						
						}
}



