.ovh1{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.flexb{display: flex;align-items: center;justify-content: center;}
.flexb2{display: flex;align-items: center;justify-content: space-between;}
.flexb3{display: flex;align-items: flex-start;justify-content: space-between;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.row{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col-6{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 2);
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
}
.col-4{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3);
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
}
.col-3{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 4);
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
}
.col-2{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 6);
    flex: 0 0 calc(100% / 6);
    max-width: calc(100% / 6);
}
.col-25{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 5);
    flex: 0 0 calc(100% / 5);
    max-width: calc(100% / 5);
}
.col-27{
	-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 7);
    flex: 0 0 calc(100% / 7);
    max-width: calc(100% / 7);
}




*{box-sizing: border-box;}
header{display: none;}
.container{width: 1108px;margin: 0 auto;}
.swiper{overflow: hidden;}
.banner .swiper{position: relative;}
.banner .imgB{display: block;}
.banner .imgB img{display: block;width: 100%;}
.banner .swiper-pagination-bullet{ width: 54px; height: 8px; margin: 0 3px; background-color: #848999;border-radius: 0;}
.banner .swiper-pagination-bullet-active{ background-color: #de5b20; } 
.banner .swiper-button-prev::after,
.banner .swiper-button-next::after{font-size: 40px;color: #ffffff;}

#Banner{display: none;}
.Foot-menu ul li{width: auto;}
.Foot-menu ul li a{width: max-content;}
.Foot-map{margin-left: 16px;}





@media (max-width:1200px) {
	.iBanner,
	.Banner,
	.service,
	.Head{width: 100%;height: auto;margin: 0;position: relative;left: unset;top: unset;}
	.container{width: 980px;margin: 0 auto;}
	.Header{padding: 0 16px;}
	.Head-logo{width: 200px;background-size: 100% auto;}
	.Head-ray{width: auto;}
	.Head-phone{display: block;}
	.Head-menu{width: auto;float: none;clear: both;}
	.choose .nrBox{padding: 0 32px;}
	.choose .swiper-button-prev{left: 0;}
	.choose .swiper-button-next{right: 0;}
}
@media (max-width:996px) {
	.container{width: 750px;margin: 0 auto;}
	.title{height: auto;}
	.Head,
	.loca,
	.main,
	.services{
		width: calc(100% - 16px);
	}
	.Header{display: none;}
	.zwtop{height: 50px;}
	header{display: block;position: fixed;top: 0;left: 0;width: 100%;z-index: 99;}
	header .line1{height: 50px;padding: 0 16px;position: relative;z-index: 2;background: #ffffff;}
	header .logo{height: 50px;display: flex;justify-content: center;align-items: center;}
	header .logo img{max-width: 100%;max-height: 84%;display: block;}
	header .mBtn{width: 50px;height: 50px;background: url(../images/menu1.png) center no-repeat;cursor: pointer;}
	header.on .mBtn{background-image: url(../images/menu-hide1.png);}
	header .menum{
		position: absolute;
		right: 0;
		top: 50px;
		width: 80%;
		height: calc(100vh - 50px);
		background: #ffffff;
		box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);
		z-index: 99;
		right: -80%;
		transition: all 0.3s;
	}
	header .yy{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0,0,0,0.5);
		z-index: 1;
		display: none;
	}
	header .menum ul{
		padding: 16px;
		
	}
	header .menum a{
		display: block;
		padding: 8px;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		color: #333333;
	}
	header.on .menum{right: 0;}
	header.on .yy{display: block;}
	.Banner .hd{width: 100%;text-align: center;margin-left: 0;left: 0;}
	.Banner .hd ul{text-align: center;width: 100%;}
	.Banner .hd ul li{float: none;display: inline-block;}
	.Banner .prev{left: 24px;}
	.Banner .next{right: 24px;}
	.Banner .hd ul li{width: 32px;height: 4px;}
	.services{height: auto;}
	.services ul li{width: 25%;padding: 0 4px;}
	.services ul li img{width: 100%;height: auto;}
	.services ul li p{width: 100%;}
	.services ul li a{width: 72px;height: 72px;left: calc(50% - 36px);top: calc(50% - 36px);text-align: center;}
	.services ul li a{font-size: 12px;}
	.choose .imgB{width: 140px;height: 140px;}
	.choose .imgB p{font-size: 20px;}
	.Foot-menu{display: none;}
	.Foot-nav a{padding: 0 8px;}
	.left{width: 100%;}
	.lefts ul li a,
	.lefts ul li a:hover, 
	.lefts ul li a.on{background-position: calc(100% - 16px) center;}
	
	
}
@media (max-width:768px) {	
	body{width: 100vw;overflow: hidden;}
	.container{width: calc(100% - 32px);}
	.Head, .loca, .main, .services{width: 100%;}
	header .line1{padding: 0 16px;width: 100%;}
	.banner .swiper-pagination-bullet{width: 24px; height: 2px; margin: 0 3px;}
	.banner .swiper-button-prev::after,
	.banner .swiper-button-next::after,
	.choose .swiper-button-prev::after,
	.choose .swiper-button-next::after{font-size: 24px;color: #ffffff;}
	.banner .imgB img{display: none;}
	.banner .imgB{height: 40vw;background: url() center no-repeat;background-size: cover;}
	.services ul,
	.cases ul{margin: -4px;}
	.services ul li,
	.cases ul li{-webkit-box-flex: 0;-ms-flex: 0 0 calc(100% / 2);flex: 0 0 calc(100% / 2);max-width: calc(100% / 2);padding: 4px;}
	.services ul li a{opacity: 1;}
	.down{width: 40px;height: 40px;margin: 16px auto 24px;background-size: 100%;}
	.choose{height: auto;padding-bottom: 40px;}
	.choose .imgB p{font-size: 18px;}
	.new{padding: 24px 0;}
	.news{width: 100%;float: none;}
	.newstitle span,
	.title span{font-size: 24px;height: auto;}
	.newss{padding: 0;}
	.newss ul li a h1{height: auto;line-height: 2.2;}
	.newsi{height: auto;padding: 0;}
	.newsi ul li a span i{font-size: 40px;}
	.newsi ul li a h1{height: auto;line-height: 2.2;font-size: 16px;}
	.partners ul li{width: calc(100% / 4);}
	.Foot-nav{height: auto;}
	.Foot-botter-m{height: auto;width: 100%;padding: 0 16px;}
	.Foot-map{float: none;}
	.Foot-map .ewm{width: 100%;float: none;}
	.Foot-map .map{width: 100%;float: none;}
	.copyright{padding: 0 16px;}
	.copyright p{height: auto;line-height: 2;}
	.loca{padding: 0 16px;}
	.main{padding: 16px;}
	.left{float: none;width: 100%;}
	.right{float: none;width: 100%;}
	.info ul li a{display: block;width: 100%;}
	.info ul li a img{width: 100%;display: block;height: auto;margin: 0;padding: 0;float: none;}
	.info ul li a h1,
	.info ul li a h2,
	.info ul li a h3{width: 100%;}
	.info ul li{padding: 8px 0;}
	.show ul li{width: 50%;}
	.contact{width: 100%;float: none;}
	.contact span{padding: 0;}
	.contact span a{width: auto;padding: 0;margin: 0 16px 4px 0;}
	.what{padding: 0;}
	.what ul li{float: none;width: 100%;}
	.what ul li a{width: 160px;height: 160px;}
	.what ul li a.what1{background-size: cover;background-position: center;}
	.what ul li a.what2,
	.what ul li a.what3{
		width: 100%;
		height: auto;
		margin-top: 8px;
	}
	.what ul li a.what2{
		background: url(../images/tel.png) no-repeat 16px center;
		background-size: 40px;
	}
	.what ul li a.what3{
		background: url(../images/qq.png) no-repeat 16px center;
		background-size: 40px;
	}
	.what ul li a p{padding: 0;}
	.shows{padding: 0;}
	.ltitle h1{font-size: 20px;line-height: 1.6;height: auto;}
	
	
	
	
}