/* CSS Document */
html{
width: 100%;
}

a,a:hover{
	text-decoration: none;
}

.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both; padding:0; margin:0;} 
.DivFlow{ overflow:hidden;}

.DivMargin,.mn{ margin:0px auto;}
.imgauto img{
width: 100%; height: 100%;display:inline-block;
}
.cul ul,.cul li,.cul dl,.cul dt,.cul dd{ margin:0px; padding:0px; list-style:none;}
.posit{ position:relative;}
.trans *{
		transition: all .3s ease-out 0s;
		-moz-transition: all .3s ease-out 0s; /* Firefox 4 */
		-webkit-transition:all .3s ease-out 0s; /* Safari 和 Chrome */
		-o-transition: all .3s ease-out 0s; /* Opera */
}
input{ outline:none;}
h1,h2,h3,h4,p{ margin:0px; padding:0px;}

.p5{ padding-left:5px; padding-right:5px;}
.p10{ padding-left:10px; padding-right:10px;}
.p15{ padding-left:15px; padding-right:15px;}
.mn{ margin-left:auto; margin-right:auto;}
.trans *{
		transition: all .3s ease-out 0s;
		-moz-transition: all .3s ease-out 0s; /* Firefox 4 */
		-webkit-transition:all .3s ease-out 0s; /* Safari 和 Chrome */
		-o-transition: all .3s ease-out 0s; /* Opera */
}
.imgauto img{
width: 100%; height: 100%;display:inline-block;
}
.imgautos img{
width: 100%; height: 100%; display:block;
}

.DivW{ width:1035px;}

.fx1{
  overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.fx2{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.fx3{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}


@media ( max-width : 1005px){
	
	.DivW,.IndexComBody{ width:98%;}
	.indexLink{ width:100%;}
}

@media ( max-width : 992px){
	.b992{ display:block;}
	.n992{ display:none;}
	.DivY{
	top:50%; position:absolute;
	transform:translateY(-50%);
	-ms-transform:translateY(-50%); 	/* IE 9 */
	-moz-transform:translateY(-50%);	/* Firefox */ 
	-webkit-transform:translateY(-50%); /* Safari �� Chrome */
	-o-transform:translateY(-50%);	/* Opera */
}
.DivC{
		transform:translate(-50%,-50%);
		-ms-transform:translate(-50%,-50%); 	/* IE 9 */
		-moz-transform:translate(-50%,-50%);	/* Firefox */ 
		-webkit-transform:translate(-50%,-50%); /* Safari �� Chrome */
		-o-transform:translate(-50%,-50%);	/* Opera */
}
	
	
	
	.head{ background-image:none; position:relative;}
	
	
	.menu_and {
    width: 40px;
    height:40px;
    background-size: contain;
    position: absolute;
    right: 10px;
    display: block;
    background: url(../image/menuBs.png) no-repeat right center; background-size:contain;
}
.menu{ position:absolute; left:0px;  top:100px; z-index:10000;}
.menu,.MenuBody,.MenuBody ul li ul{ width:100%;}
.MenuBody{ height:auto;}
.MenuBody ul li ul li a:link{ background-image:none;}
.MenuBody ul li,.MenuBody ul li ul li{ width:100%; height:auto;}
.MenuBody ul li a,.MenuBody ul li ul li a{ width:100%; text-align:left;padding-left:20px;}
.MenuBody ul li ul{ position:static;}
	
.IndexSerBody .swiper-slide{ width:33.33%;}
.Service{ padding-bottom:20px;}
.IndexCom{ height:68px;}
.IndexCom .title,.IndexCom .rights{ padding-top:22px; height:68px;}
	
	.IndexSerBody .swiper-slide{ width:50%;}
	.IndexNew{ height:auto;}
	.IndexNewBody,.IndexNewFrist,.IndexCompany,.IndexCompanyBody{ height:auto; width:100%;}
	.IndexNewTitle,.IndexNewTitles,.IndexComTitle{ width:100%;}
	.ServiceList,.IndexNewFrist ul li{ width:50%;}
	.IndexNewFrist ul li:last-child{ display:none;}
	.footersLogo{ width:100%;}
	
		.SubRight{ width:100%;}
		.SubHeads,.SubBodys{ width:100%; padding-left:10px; padding-right:10px;}
		.SubHead{ height:92px;}
		.SubHeads{ padding-top:20px; height:92px;}
		.SubUrl{ padding-left:0px;}
		.SubRight { padding-top:0px;}
		.NewFirst,.NewSed,.SubRightCase{ width:100%; padding-top:0px;}
		.CaseList,
		.proList{ width:50%; padding:5px; margin-bottom:10px;}
	}
	

@media ( max-width : 768px){
	
	.p10{ padding-left:5px; padding-right:5px;}
	.p15{ padding-left:10px; padding-right:10px;}
	.b768{ display:block;}
	.n768{ display:none;}
	.head,.heads{ height:60px;}
	.menu{ position:absolute; top:60px;}
	.logo{ width:250px; height:auto;}
	.logo img{ width:100%; height:auto;}
	.Service{ padding-bottom:0px;}
	.IndexSerBody .swiper-button-next {WIDTH: 51px; HEIGHT:200px;   BACKGROUND: url(../image/feature_left.png)  no-repeat center top; top:10px;  margin:0px; left:10px; opacity:0;}
	.IndexSerBody .swiper-button-prev{WIDTH: 51px; HEIGHT: 200px; BACKGROUND: url(../image/feature_right.png) no-repeat center top; top:30px;  left:auto; right:10px; opacity:0;}
	.IndexNewTitle .title,.IndexNewTitles .title,.IndexComTitle .title{ font-size:20px; line-height:42px;}
	.indexLinkBody{ width:100%; height:auto;}
	.IndexCompanyBody{ padding-bottom:20px;}
	.footerDivs{ padding-bottom:20px;}
	.footersLogo{ padding-top:16px;}
	}
	
@media ( max-width : 640px){	

	.IndexComBody .divs{ width:100%; padding-top:5px; padding-bottom:15px;}
}
@media ( max-width : 480px){
	.b480{ display:block;}
	.n480{ display:none;}
	.logo{ width:225px; height:44px;}
	.menu_and {
    width: 30px;
    height:30px;
	}
	.DivW,.IndexComBody{ width:100%; padding-left:15px; padding-right:15px;}
	.CaseList{ width:50%;}
	.IndexSerBody .swiper-slide{ width:100%;}
	.IndexCompanyBody img{ width:100%; height:auto;}
	.indexLinkBody .bodys{ padding-right:0px; padding-bottom:15px; }
	.footersLogo{ padding-top:12px;}
	.fs24{ font-size:22px;}
	}
@media ( max-width : 360px){
	.b360{ display:block;}
	.n360{ display:none;}
	
	
	
	}