
@media screen and (max-width: 1920px){
	#Scheme .SchemeLeft h3,
	#Scheme .SchemeLeft h2,
	#ConstructionGoals h3,
	#ConstructionGoals  h4,
	#RelatedProducts h3,
	#RelatedProducts h2,
	#Schemes h3,
	#Schemes h2,
	#Positioning h4 ,
	#Positioning h3,
	#RelatedProductss h3,
	#RelatedProductss h2,
	.FutureDevelopment .IndustryMigration h3,
	.FutureDevelopment .IndustryMigration h2,
	#RelatedProductsL .RelatedProductsH3,
	#RelatedProductsL .RelatedProductsH4,
	.Overright .Oberrighttitle,
	.Overright .Oberrighttitle2,
	#CompanyAdvantages .Oberrighttitle,
	#CompanyAdvantages .Oberrighttitle2
	{
		font-size: 28px;
	}
	#ConstructionGoals .constuctionCardItemP,
	#Schemes .SchemeRights p,
	#Positioning .P,
	#Scheme .SchemeLeft p
	{
		font-size: 16px;
	}
}
@media screen and (max-width: 1700px){
	.swiper-container-Honer{
		max-width: 90% !important;
		padding: 30px !important;
	}
	.team .flexslider li .pic{margin-right: 0;width: 50%;}
	.news-bg .txt p{
		line-height:28px;
	}
	.features-item .features-info{
		padding: 20px !important;
	}
	.news-bg .txt{
	padding-right: 150px;
	}
	.CompanyAdvantages .AdvanRight{
		max-width: 630px;
	}
	#Scheme,
	.RelatedProductsHeart,
	.ConstructionGoalsHeart,
	#Schemes,
	.PositioningHeart,
	.RelatedProductsHeart,
	.Overview,
	.OtherRelatedProducts,
	#file,
	.about-honor-img,
	.wpl	
	{
		max-width: 1200px !important;
		
	}
	.IndustryMigration{
		max-width: 1300px !important;
	}
	.SchemeRight{
		width: 60%;
	}
	.SchemeImg,
	.Shemesdiv4,
	.Shemesdiv1,
	.Shemesdiv2,
	.Shemesdiv3
	{
		display: none;
	}
	#Scheme .SchemeLeft h3{
		margin-top: 50px;
	}
	#Scheme .SchemeLeft{
		padding-left: 0;
	}
	
	#ConstructionGoals .constuctionCardItemNum{
		font-size: 40px;
	}
	#ConstructionGoals .constuctionCardItemTitle{
		font-size: 20px;
	}

	#Schemes .SchemeRights p{
		margin-top: 20px;
	}
	.CompanyProfile .Overleft{
		width: 500px;
	}
	.Overright .CompanyDescription{
		/* font-size: 16px; */
		margin-top: 20px;
	}
	.Overright .Oberrighttitle{
		margin-top: 0;
	}
}
@media screen and (max-width:1220px) {
	.StepByStep{
		height: 2800px !important;
	}
	.StepBystepCard .StepBystepNew .imgRight{
	width: 100%;
    left: 0%;
    top: -27px;
	}
	.StepBystepNew .StepBystepNewLeft {
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 334px 4% 0 3%;
	}
	.StepBystepCard .StepBystepNew{
		height: 600px;
	}
	.StepBystepCard .StepBystepNew .imgLeft
	{
		width: 100%;
		left: 0%;
		top: -27px;
	}
	.StepBystepNew .StepBystepNewRight{
		width: 100%;
		right: 0%;
		bottom: 0;
		padding: 334px 4% 0 3%;
	}
	.StepBystepNew .StepBystepNewRightp{
		margin-top: 3%;
	}
	.StepBystepNew .StepBystepNewRightp p{
		display: inline;
	}
}
@media screen and (max-width: 1169px){
	#file .swiper-button-next{
		right: 0%;
		width: 60px;
		height: 60px;
		padding-left: 4px;
		padding-right: 4px;
	}
	#file .swiper-button-prev{
		left: 0;
		width: 60px;
		height: 60px;
		padding-left: 4px;
		padding-right: 4px;
	}
	.pc-div{display: none;}
	.media-div{display: block;}
	#hd .logo{
		margin-right: 0;
	}
	#hd .tel{
		float: left;
	}
	#banner .flex-control-nav{
		bottom: 20px;
	}
	.ul-service li{
		/*margin-right: 10px;*/
	}
	.tab-con-box{
		width: 54%;
	}

}

@media screen and (max-width: 1068px){
	.Height{
		height: 50px;
	}
	.RelatedProductsCard .RelatedProductsItem .RelatedProductsItemMask p{
		font-size: 16px;
	}
	.RelatedProductsCard{
		padding-right: 20px;
	}
	.RelatedProductsCard .RelatedProductsItem .RelatedProductsItemMask h5
	{
		font-size: 16px;
	}
	.RelatedProductsCard .RelatedProductsItem h4,
	.RelatedProductsBottom .RelatedProductsBottomItem h4
	{
		font-size: 18px;
		height: 40px;
		line-height: 40px;
	}
	.leftsTitle .Time{
		display: none;
	}
	#solution{
		display: block;
	}
	.advantage-item{
		height: auto;
    flex-wrap: wrap;
    justify-content: left;
	}
	.advantage-item div{
		width:30%;
		height:200px;
	}
	#hd{
		display: none !important;
	}
	#m-hd{
		display: block;
	}
	.wp{
		padding: 0 10px;
	}
	#bd{
		padding-top: 50px;
	}
	
	.process em{
		-webkit-background-size: 80%;
		background-size: 80%;
	}
	
 
}

@media screen and (max-width: 1020px){
	.tab-con-box{
		width: 45%;
	}
}


@media screen and (max-width: 1048px){
	.swiper-wrapper .liTop{
		margin-top: 0px !important;
	}
	.swiper-container-team .li{
		width:48%;
	}

}

@media screen and (max-width: 1024px){
	.team .flexslider li .txt{width: 100%;float: none;}
	.team .flexslider li .pic{width: 100%;float: none;height: 419px;margin-bottom: 20px;}
	.team .flexslider .slides li{height: auto;}
}


@media screen and (max-width: 976px){
	#ConstructionGoals{
		height: 1200px;
	}
	.constuctionCard{
		padding-right: 20px;
	}
	.constuctionCard .contuctionbackground{
		width: calc( 50% - 32px);
	}
	.constuctionCard .contuctionbackground:nth-child(1),
	.constuctionCard .contuctionbackground:nth-child(2)
	{
		margin-top: 0;
	}
}
@media screen and (max-width: 960px){
	.CompanyVision{
		background: url('') !important;
		background-color: #e8e8e8 ;
	}
	#aboutHonor{
		background: url('');
		background-color: #e8e8e8;
	}
	#ConstructionGoals h4{
		color: #344c7b;
		padding-right: 10px;
	}
	#ConstructionGoals{
		background: url('');

		background-color: #2a4372;
	}
	#ourcus
	{
		background: url('');
		background-color: #2b4473;
	}
	#RelatedProductsL .RelatedProductsH3{
		top: 620px;
	}
	#RelatedProductsL .RelatedProductsH4{
		top: 720px;
	}
	#RelatedProductsL{
		height: 1300px;
	}
	.ControlSystemBottomItem .ControlSystemBottomItemTitle{
		font-weight: 500;
    	font-size: 18px;
	}
	.ControlSystemBottomItem  .ControlSystemBottomText{
		font: 14px/1.5 SourceHanSansCN-Normal, SourceHanSansCN;
		/* font-family:  ; */
	}
	.FutureDevelopment{
		height: 1000px !important;
	}
	.ControlSystemBottom{
		flex-wrap: wrap;
	}
	.ControlSystemBottom
	.ControlSystemBottomItem{
		margin-right: 0;
		margin-top: 30px;
	}
	html,body{
		/*overflow-x: hidden; */
	}
	.ul-list li{
		width: 33.3333%;
	}
	.ul-service li{
		width: 100%;
	}
	.service-con .col-l,.service-con .col-r{
		width: 100%;
	}
	/* 图知新闻页 */
	.rightsl,.leftsl{
		float: none !important;
		width: 100% !important;
	}
	.rightsl{
		margin-top: 20px;
	}
	 .PressImages .rightsl .rightItem{
		width: calc(50% - 5px) ;
	}
	.headlines{
		width: 100% !important; 
	}
	.bottomDate .Dateleft{
		display: none;
	}
	.PressReleases .journalism .headlines{
		margin-right: 0;
	}
	.rightItem:nth-child(1){
		margin-left: 0 !important;
	}
	.rightItem:nth-child(3){
		margin-left: 0 !important;

	}
	/* 图知新闻 */
	.ul-customer li{
		width: 33.3333%;
		text-align: center;
	}
	.tit-i{
		padding: 20px 0;
	}

	
	.tab-con{
		width: 100%;
	}
	.ul-solution li{
		width: 33.333%;
	}
	.webset-pop .txt{
		width: 50%;
		margin-bottom: 20px;
	}
	.webset-pop .txt1{
		width: 100%;
	}
	
	/* .bg-blue{
		background: #f5f6fa;
	} */
	.web-con .shou{
		top: 146px;
	}
	.tab-con{
		min-height: 419px;
	}
	.tab-con-box{
		width: 65%;
	}
	.NewDetails{
		flex-wrap: wrap;
	}
	.NewDetails .Newdetailsleft{
		width: 100%;
		margin-right: 0;
	}
	.NewDetails .NewdetailsRight{
		width: 100%;
		height: 100%;
		margin-top: 20px;
	}
	.NewDetails .NewdetailsRight .Recomendation{
		display: flex;
	}
	.NewDetails .NewdetailsRight .Recomendation .Recommendations{
		margin-right: 10px;
	}
}

@media screen and (max-width: 900px){
	.Overright .Oberrighttitle{
		margin-top: 0;
		margin-left: 10px;
	}
	.Overright .Oberrighttitle2{
		margin-left: 10px;
	}
	.AdvanLeft .Oberrighttitle,
	.AdvanLeft .Oberrighttitle2{
		margin-left: 10px;
	}
		
	.advantage-item{
		height: auto;
    flex-wrap: wrap;
    justify-content: left;
	}
	.advantage-item div{
		width:45%;
		height:200px;
	}
	.ul-case li{
		width: 50%;
	}
	.side,.side2{
		display: none;
	}
	.ul-news-i li{
		width: 50%;
		margin-bottom: 10px;
	}
	/* .news-bg{
		background: rgba(0,0,0,0.6);

	} */
	/*  */
	.CompanyProfile .Overview{
		display: block;
		position: relative;
		height: 1050px;
	}
	.Overview .Overleft{
		position: absolute;
		width: 100%;
		height: 600px;
		top: 400px;
		bottom: 0;
		left: 0;
		max-width: 1170px;

	}
	.Overview .Overright{
		position: absolute;
		width: 100%;
		top: 40px;
		left: 0;
		margin-left: 0;
	}
	.Overview .CompanyDescription{
		padding-left: 10px;
		padding-right: 10px;
		max-width: 100%;
	}
	#CompanyAdvantages{
		display: block;
	}
	#CompanyAdvantages{
		padding-top: 0px;
		padding-bottom: 0px;
	}
	#CompanyAdvantages .AdvanLeft{
		margin-right: 0;
	}
	.AdvanLeft .CompanyDescription{
		padding:0 10px 0 10px;
		max-width: 100%;
	}
	.AdvanLeft .AdvanBottom{
		padding:0 10px 0 10px;
	}
	#CompanyAdvantages .AdvanRight{
		margin-top: 20px;
	}
	.about-i {
	    width: 100%;
	    margin-bottom:0;
	}	
	.news-bg .txt{
		width: 100%;
		    position: initial;
		    padding: 10px 50px;
			color:#fff;
	}
	.contactus .contact-l,.contactus .contact-r{
		width:100%;
		flex-shrink: 0;
		padding:20px;
	}
	.flex-space{
		flex-wrap: wrap;
	}
	.product-item{
		margin:50px auto;
	}
	.con-show01{
		width:140px;
	}
	.con-show03 img{
		margin-top:45px;
	}
	.margin-left{margin-left: 80px;}
	.margin-top{margin-top: -120px;}
}

@media screen and (max-width: 917px){

	div.p_content .flex-detail-item{
		width:48%;
	}
}

@media screen and (max-width: 768px){
	.template{
		height: 400px;
	}
	.flex-Container{
		padding-top:50px !important;
	}
	#Scheme{
		padding-top: 0;
	}
	.SchemeRight{
		width: 100%;
	}
	#Scheme .SchemeLeft{
		padding-left: 0;
	}
	#Scheme .SchemeLeft h3{
		margin-top: 50px;
	}
	#Scheme p{
		max-width: 100%;
	}
	.schemesIm{
		height: 1000px !important;
	}
	.schemesIm .SchemeLefts{
		top: 500px !important;
	}
	#banner{
		display: none;
	}
	#m-video{
		display: block;
	}
	#Schemes{
		display: block;
		position: relative;
		height: 1100px;
		/* padding-left:20px ;
		padding-right: 20px; */
	}
	#SchemesL{
		height: 1100px !important;
	}
	#Schemes .SchemeRights{
		position: absolute;
		margin: 0;
		margin-top: 40px;
		top: 0;
	}
	
	#Schemes .SchemeLefts{
		position: absolute;
		top: 600px ;
		/* height: 400px; */
		padding-left: 10px;
		padding-right: 20px;
		/* top: 350px; */
	}
	.StepBystepCard .StepBystepItemRightArrow{
		display: none;
	}
	#ConstructionGoals{
		height: 1000px;
	}
	#Scheme{
		flex-wrap: wrap;
		padding-bottom: 0;
	}
	#Scheme .SchemeRight{
		padding-left: 0;
		margin-top: 40px;
		padding-bottom: 40px;
	}
	#Scheme .SchemeRight img{
		height: 400px;
	}
	.Vision{
		max-width: 1200px;
	}
	.PositioningHeart .PositioningCard{
		flex-wrap: wrap;
	}
	.PositioningCard .PositioningItem{
		width: calc( 50% - 20px) ;
	}
	.PositioningCard .PositioningItem:nth-child(4){
		margin-top: 40px;
	}
	#Positioning{
		height: 1200px;
	}
	.PositioningCard .PositioningItem:nth-child(3){
		margin-left: 0;
		margin-top: 40px;
	}
	.ConstructionGoalsHeart .constuctionCard{
		flex-wrap: wrap;
	}
	.constuctionCard .constuctionCardItem{
		width: calc( 50% - 20px) ;
	}
	.constuctionCard .constuctionCardItem:nth-child(4){
		margin-top: 40px;
	}
	.constuctionCard .constuctionCardItem:nth-child(3){
		margin-left: 0;
		margin-top: 40px;

	}
	/* 关于我们 */
	#aboutHonor{
		padding-top: 20px;
	}
	.about-honor-img .about-honor-img-Top,
	.about-honor-img .about-honor-img-Bottom
	{
		display: inline-block;
	}
	.about-honor-img .about-honor-img-Top img{
		width: 49%;
		margin-right: 0;
		height:inherit !important;
	}
	.about-honor-img .about-honor-img-Bottom img{
		width: 49%;
		margin-left: 0;
		margin-top: 20px;
		height:initial !important;
	}
	/* 关于我们 */
	.about-info-item div.about-info-item-left .about-info-item-img{
		height:auto;
	}
	.about-i{
		flex-wrap: wrap;
	}
	#banner .slides .s3 .ban-txt h2{
		display: none;
	}
	.about-i .pic, .about-i .txt{
		width:100%;
	}
	.ul-about li h3{
		font-size:18px;
	}
	.swiper-container-team .li{
		width:48%;
	}
	.about-info-item div.about-info-item-left{
		width:100%;
		margin-top:20px;
	}
	.about-info-item div.about-info-item-right{
		display: none;
	}
	.ul-icon-i li{
		width: 50%;
	}
	.case-i-l,.case-i-r{
		width: 100%;
		padding: 0;
		float: none;
	}
	.ul-case-i{margin: 0}
	.ul-case-i-1 li{
		width: 50%;
	}
	.ul-news-i{
		width: 100%;
		margin-left: 5px;
		margin-right: 0;
	}
	.ul-news-i li{
		width: 50%;
		margin-bottom: 10px;
	}
	.ul-news-i li .hover{
		left: 0;
		width: 100%;
	}
	.ul-news-i li:last-child{
		width: 50%;
	}
	.news-more{
		padding: 0 10px;
		display: none;
	}
	.contact-l,.contact-r{
		width: 100%;
		clear:both;
	}

	div.p_content .flex-detail-item{
		width:100%;
	}
	div.p_content .work_flow_item{
		width:100%;
	}
	.ul-about li,.ul-webset li{
		width: 50%;
		height:350px;
		margin-bottom: 15px;
	}

	#fd .fd-copy{
		text-align: center;
		background: none;
		height: auto;
		padding: 8px 0;
	}
	#banner{
		/*padding-top: 50px;*/
		overflow: hidden;
	}

	#banner .slides li .ban-txt{
		margin-top: 0;
		top: 20px;
		left: 0;
		margin-left: 0;
		text-align: center;
		width: 100%;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	.news-bg{
		background: #16182c;
	}
	#banner .slides li .ban-txt h5{
		font-size: 26px;
		margin-top: -10px;
	}
	#banner .slides li .ban-txt h3{
		font-size: 26px;
	}
	#banner .slides li .ban-txt h2{
		font-size: 50px;
	}
	#banner .slides li .ban-txt h2{
		height: 84px;
		line-height: 84px;
	}
	#banner .slides li.s2 .ban-txt{
		margin: 0;
		width: 100%;
	}
	#banner .slides li.s2 .ban-txt h2{
		font-size: 50px;
	}
	#banner .slides li.s3 .ban-txt h3{
		font-size: 40px;
	}
	.case-img{
		margin-bottom: 30px;
	}
	.side,.side2{
		display: none;
	}
	.ul-list li,.ul-case li{
		width: 50%;
	}
	.ul-service li{
		padding-right: 0;
	}
	.tab-con .txt{
		width: 100%;
		float: none;
	}
	.tab-con .pic{
		width: 223px;
		margin: 0 auto;
		float:none;
	}
	.tab-con img{
		/*width: 100%;*/
		float: none;
	}
	.ul-icon{
		padding-right: 0;
		text-align: center;
	}
	.ul-icon li{
		display: inline-block;
		float: none;
	}
	
	#ban-in .ban-bg{
		display: none;
	}
	.team .flexslider li .txt{
		width: 100%;
	}
	
	.team .flex-direction-nav .flex-next{
		left: 0;
		margin-top: 10px;
	}
	.process{
		display: none;
	}
	.web-con .shou{
		display: none;
	}
	.tab-con .pic .img{
		display: none;
	}
	#fd{
		padding-top: 0;
	}
	#fd .fd-top{
		display: none;
	}
	.service{
		background: #181837;
	}
	.row2{
		background: #f5f6fa;
	}
	.map-s .map-bg3{
		display: block;
	}
	.index-fd{
		margin-top: -1px;
	}
	
	.team .flex-direction-nav{
		background: none;
	}
	#banner .flex-control-nav{
		display: none;
	}
	.tab-con-box{
		width: 100%;
		float: none;
	}
	.web-con .pic{
		width: 100%;
		float: none;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.tab-con{
		min-height: auto;
	}
	.team .flexslider li .pic{height: 300px;}
	.map-bg3{display: block;}
	.map .map-bg2{display: none;}
	#banner .slides li.s1 .ban-txt h3{font-size: 12px;}
	
	.product-item{
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
	.product-item-right{
		width:100%;
		flex-shrink: 0;
	}
	.con-show01{
		width:100px;
	}
	.con-show03 img{
		margin-top:67px;
	}
	.margin-left{margin-left: 65px;}
	.margin-top{margin-top: -150px;}
	.newsSwiper .swiper-slide-next {
	    transform: scale(1);
	    z-index: 9;
	}
	/* .product-item-left{
		margin-left:20px;
	} */
	.news-slide{
		margin: 0 0 60px 0;
		height: 300px;
	}
	.news-slide .swiper-container-horizontal>.swiper-pagination-bullets, .news-slide .swiper-pagination-custom, .news-slide .swiper-pagination-fraction{
		bottom:-40px;
	}
	.con-show03 > div{
		padding:0 5px;
	}
	.ul-contact{
		display: inherit;
	}
}

@media screen and (max-width: 667px){
	#file .swiper-button-next{
		right: -7%;
	}
	.tit-i img{
		width:75%;
	}
	.product-item-right .product-item-title{
		width:50%;
	}
	#file .swiper-button-prev{
		left: -7%;

	}
	.schemesIm .SchemeLefts{
		top: 550px !important;
	}
	#RelatedProductsL .RelatedProductsH3{
		top: 720px;
		padding-right: 20px;
	}
	#RelatedProductsL .RelatedProductsH4{
		top: 840px;
	}
	#Positioning .P{
		width: 80%;
		top: 280px;
	}
	#Positioning h3{
		top: 200px;
	}
	.PositioningHeart .PositioningCard{
		top: 530px;
	}
	.StepByStep .StepBystepCard{
	padding-left: 20px;
	/* padding-right: 20px; */
	}
	.StepBystepCard .StepBystepItem img{
		width: 100px;
		height: 100px;
	}
	.StepByStep .StepBystepItem li{
		font-size: 16px;
	}
	#ConstructionGoals h3 {
		/* top: 200px; */
	}
	#ConstructionGoals .constuctionCard{
		/* top: 290px; */
	}
	#ConstructionGoals{
		height: 1900px;
	}
	.constuctionCard .contuctionbackground{
		width: 100%;
	}
	.constuctionCard .contuctionbackground{
		/* padding: 30px; */
	}
	.constuctionCard .contuctionbackgroundH3{
		font-size: 16px;
	}
	.constuctionCard  .contuctionbackgroundP{
		font-size: 14px;
	}
	.constuctionCard .contuctionbackground:nth-child(2){
		margin-top: 37px;
	}
	.OtherRelatedProductsItem:nth-child(1) {
		margin-top: 30px;
	}
	.OtherRelatedProductsFlex
	.OtherRelatedProductsItem{
		margin-left: 0;
	}
	.OtherRelatedProducts 
	.OtherRelatedProductsFlex{
		flex-wrap: wrap;
	}
	#OtherRelatedProductsBackground{
		/* height: 2260px; */
		padding-top: 40px;
	}
	.FutureDevelopment{
		height: 900px !important;
	}
	#RelatedProductsL{
		height: 2200px;
	}
	.RelatedProductsBottom{
		flex-wrap: wrap;
	}
	.RelatedProductsBottom 
	.RelatedProductsBottomItem{
		margin-left: 0;
		margin-top: 20px;
	}
	#RelatedProductss{
		height: 1900px;
	}
	#RelatedProducts{
		height: 1500px;
	}
	.RelatedProducts .RelatedProductsHeart h3{
		font-size: 36px;
		/* margin-left: -207px; */
	}
	.RelatedProducts .RelatedProductsHeart h2{
		font-size: 30px;
	}
	.RelatedProductsHeart .RelatedProductsCard{
		bottom: 100px;
	}
	#RelatedProducts .RelatedProductsCard{
		padding-left: 20px;
		padding-right: 30px;
	}
	 .RelatedProductsHeart .RelatedProductsCard{
		flex-wrap: wrap;
	 }
	 .RelatedProductsHeart .RelatedProductsCard .RelatedProductsItem{
		margin-left: 0;
		margin-top: 20px;
	 }
}
@media screen and (max-width: 620px){
	.StepByStep .StepBystepCard{
		padding-top: 20px;
	}
	.StepByStep{
		height: 3200px !important;
	}
	.StepBystepCard .StepBystepNew {
		height: 700px;
	}
	.ControlSystem .ControlSystemBottom{
		margin-top: 0px;
	}
	.ControlSystem .ControlSystemCenter{
		margin-bottom: 20px;
	}
	
	/* 关于我们 */
	.CompanyProfile .Overview{
		height: 900px;
	}
	.CompanyProfile .Overleft{
		height: 400px;
	}
	.Overview .Overleft{
		top: 420px;
	}
	.Vision  .VisionFlex{
		flex-wrap: wrap;
		margin-top: 20px;
	}
	.VisionFlex .VisionFlexItem{
		width: 100%;
		/* margin-left: 50px;
		margin-top: 50px;
		margin-right: 50px; */
		margin: 70px 50px 0 50px !important;
	}
	/* 关于我们 */
	.advantage-item div {
		width: 100%;
		height: 160px;
	}
	.rfgdswrj_box2 ul li{width:100% !important;margin-bottom:20px;}
	.media-flex{
		flex-wrap: wrap;
	}
	.media-flex div{
		width:100%;
	}
	.media-flex img{width: 80%;
		max-width: inherit;}
	.tab-nav li{
		padding: 10px;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-right: 10px;
	font-size:16px;
	}
	
	#banner .slides .s3 .ban-txt h2{
		display: none;
	}
	.about-honor-img-left,.about-honor-img-right{
		width:100%;
	}
	.swiper-pagination-index{
		display: none;
	}
	.swiper-container-team .li{
		width:100%;
	}
	/* .swiper-container-team .li img{
		width:130px;
	} */
	#banner .slides li.s1 .ban-txt h3{font-size: 8px;}
	
	#banner .slides li .ban-txt h5,
	#banner .slides li .ban-txt h3,
	#banner .slides li.s2 .ban-txt h4,
	#banner .slides li.s2 .ban-txt h6,
	#banner .slides li.s3 .ban-txt h4{display: none;}
	#banner .slides li .ban-txt h2{font-size: 25px;}
	#banner .slides li.s1 .ban-txt{background: none;}
	#banner .slides li.s3 .ban-txt h3{border-bottom: none;}

}



@media screen and (max-width: 640px){

	.banner-bg{display: none;}
	.about-info-item div h3{
		font-size:20px;
	}
	.tit-i h3{
		font-size:24px;
	}
	.tit-i h5{
		font-size:18px;
	}
	#banner .slides li .ban-txt h5{
		font-size: 20px;
	}
	#banner .slides li .ban-txt h2{
		font-size: 25px;
	}
	#banner .slides li .ban-txt h2{
		height: 84px;
		line-height: 84px;
	}
	#banner .slides li .ban-txt h3{
		font-size: 13px;
	}
	#banner .slides li.s2 .ban-txt h2{
		font-size: 30px;
	}
	#banner .slides li.s2 .ban-txt h3{
		font-size: 25px;
	}
	#banner .slides li.s3 .ban-txt h2{
		font-size: 30px;
	}
	#banner .slides li.s3 .ban-txt h3{
		font-size: 25px;
	}

	.ul-customer li{
		width: 33.333%;
	}
	.team .flexslider .slides li{
		background: none !important;
	}
	
	.ul-case li{
		width: 100%;
	}
	.ul-customer li{
		width: 50%;
	}
	.sub-nav{
		text-align: left;
	}
	.sub-nav ul li{
		width: 36%;
	}
	.article-prev, .article-next{
		display: none;
	}
	/* .case-article .computer-bg{
		padding-bottom: 0;
		bottom: 0;
	} */
	.service-btn a{
		margin-bottom: 15px;
	}
	#banner .slides li.s1 .ban-txt h3{font-size: 12px;}

}
@media screen and (max-width: 576px) {
	#Schemes .SchemeLefts{
		top: 740px;
	}
	#Schemes{
		height: 1200px;
	}
	/* .StepBystepCard .StepBystepItemRightArrow{
		width: 100px;
		height: 20px;
		padding: 0 20px 0 20px;
	} */
	/* .StepBystepHeart  .StepBystepCard{
		top: 50px;
	} */

}
@media screen and (max-width: 545px){
	.RelatedProducts .RelatedProductsHeart h3{
		top: 50px !important;
	}
	.RelatedProducts .RelatedProductsHeart h2{
		top: 100px !important;
	}
	.OtherRelatedProducts .OtherRelatedProductsFlex{
		margin-top: 0px;
	}
	.OtherRelatedProducts .OtherRelatedProductsItem h4{
		margin-top: 20px;
		font-size: 18px;
	}
	.OtherRelatedProducts .OtherRelatedProductsItem p{
		font-size: 14px;
		margin-top: 10px;
	}
	#OtherRelatedProductsBackground{
		padding-bottom: 20px;
	}
	.Positioning{
		background:url('')  !important;
		background-color: #1b376d !important;
	}

	.AdvanLeft .Oberrighttitle,
	 .AdvanLeft .Oberrighttitle2,
	 .Overright .Oberrighttitle,
	 .Overright .Oberrighttitle2
	{
		font-size: 28px;
	}
	#OtherRelatedProductsBackground  h3,
	#OtherRelatedProductsBackground  h2,
	#Scheme .SchemeLeft h2,
	#Scheme .SchemeLeft h3{
		font-size: 20px;
	}
	#Scheme p{
		font-size: 14px;
	}
	#RelatedProductsL .RelatedProductsH3{
		top: 600px;
		font-size: 20px;
		
	}
	#RelatedProductsL .RelatedProductsH4{
		top: 650px;
		font-size: 20px;
	}
	#RelatedProductsL{
		height: 2000px;
	}
	.StepByStep .StepBystepCard{
		/* top: 50px; */
	}
	.FutureDevelopment .IndustryMigration h3,
	#ConstructionGoals .StepBystepHeart h4,
	#ConstructionGoals .StepBystepHeart h3
	{
		top: 54px;
		font-size: 20px !important;
	}
	#ConstructionGoals .StepBystepHeart h3{
		margin-top: 0;
	}
	.FutureDevelopment{

		background:url('')  !important;
		background-color: #1b376d !important;
	}
	.PositioningItem .PositioningHexagon{
		width: 120px;
	}
	.PositioningCard .PositioningItem h2{
		margin-top: 20px;
		font-size: 18px;
	}
	.PositioningCard .PositioningItem p{
		font-size: 14px;
	}
	.FutureDevelopment .IndustryMigration h2{
		font-size: 20px;
		top: 100px;
	}
	.RelatedProducts .RelatedProductsHeart h2{
		font-size: 20px;
		top: 100px;
	}
	#RelatedProducts .RelatedProductsCard{
		bottom: 120px;
	}
	#Positioning .P{
		font-size: 14px;
		top: 160px;
	}
	.PositioningHeart .PositioningCard{
		top: 350px;
	}
	#Positioning h4{
		font-size: 20px;
	}
	#Positioning h3{
		font-size: 20px;
		top: 100px;
	}
	#RelatedProductss h3{
		top: 50px;
		font-size: 20px;
	}
	#RelatedProductss h2{
		top: 100px;
		font-size: 20px;
	}
	#RelatedProductss{
		height: 1380px;
	}
	#RelatedProducts{
		height: 1400px;
	}
	.RelatedProducts .RelatedProductsHeart h3{
		font-size: 20px;
		top: 54px;
	}
	#ConstructionGoals h4{
		font-size: 20px;
	}
	#ConstructionGoals h3{
		font-size: 20px;
		top: 100px;
	}
	#ConstructionGoals h2{
		font-size: 20px;
		top: 100px;
	}
	.StepByStep .StepBystepItem li{
		font-size: 14px;
	}
	#ConstructionGoals .constuctionCard{
		top: 180px;
	}
	.constuctionCardItem .constuctionCardItemNum{
		font-size: 32px;
	}
	.constuctionCardItem .constuctionCardItemTitle{
		font-size: 20px;
	}
	.constuctionCardItem .constuctionCardItemP{
		font-size: 14px;
	}
	#customertit{
		padding-top: 60px !important;
	}
	.swiper-slide .tit-i h5 span{
		font-size: 32px;
	}
	.swiper-slide .tit-i h3{
		font-size: 28px;
	}
	.CorporateHonor{
		padding: 20px !important;
	}
	.CorporateHonor .CorporateItem{
		font-size: 32px;
	}
	.CorporateHonor .CorporateTitle{
		margin-top: 15px;
		font-size: 28px;
	}
	.VisionTtitl .VisionItem{
		font-size: 32px;
	}
	.VisionTtitl .VisionItem1{
		font-size: 28px;
	}
	#Development #fazhan,
	#ourcus #fazhan
	{
		font-size: 28px;
	}
	#Development .tit-i h5,
	#ourcus .tit-i h5
	{
		font-size: 32px !important;
	}
	.IndustryMigration  .ControlSystem{
		top: 180px;
		padding-left: 40px;
		padding-right: 40px;
	}
	#Schemes h3{
		font-size: 20px;
	}
	#Schemes h2{
		font-size: 20px;
	}
	#Schemes .SchemeRights p{
		font-size: 14px;
	}
	#Schemes .SchemeLefts{
		top: 540px;
	}


	#Schemes{
		height: 1000px;
	}
	.IndustryMigration  .ControlSystemP{
		font-size: 16px;
	}
	
	#RelatedProductsL .RelatedProductsBottom{
		bottom: 150px;
	}
}
@media screen and (max-width: 480px){
	.features-item .features-info{
		padding: 20px 30px;
	}
	.features-item .features-info .features-info-s p{
		font-size: 14px;
		line-height: 24px;
	}
	.features-item .xuxian{
		/* left: 220px; */
	}
	.schemesIm .SchemeLefts{
		top: 400px !important;
	}
	.schemesIm{
		height: 680px !important;
	}
	.StepByStep .StepBystepCard{
		/* top: 450px; */
	}
	#SchemesL{
		height: 1000px ;
	}
	.StepBystepCard .StepBystepItemRightArrow{
		width: 80px ;
		height: 20px;
		padding: 0 20px 0 20px;
	}
	.StepBystepCard .StepBystepItemRightArrow{
		display: none;
	}
	.StepBystepCard .StepBystepItem img{
		width: 100px;
		height: 100px;
	}
	#Positioning{
		height: 2000px;
	}
	#Positioning .PositioningCard{
		padding-left: 20px;
		padding-right: 30px;
		/* top: 120px; */
	}
	.PositioningCard .PositioningItem{
		width: 100% ;
		margin-left: 0;
		margin-top: 40px;
	}
	#ConstructionGoals{
		/* height: 1500px; */
	}
	 #ConstructionGoals .constuctionCard{
		/* padding: 20px; */
		padding-left: 20px;
		padding-right: 30px;
		/* top: 290px; */
	 }
	.constuctionCard .constuctionCardItem{
		width: 100% ;
		margin-left: 0;
		margin-top: 40px;
	}
	.constuctionCard .constuctionCardItem:nth-child(1){
		margin-top: 0;
	}
	#Scheme .SchemeRight img{
		height: 300px;
	}
	.NewDetails .NewdetailsRight .Recomendation{
		display: block;
	}
	.swiper-button-next-index,.swiper-button-prev-index{
		padding:0 10px;
	}
	.flex{
		flex-wrap: wrap;
	}
	.ul-icon-i li,.ul-case-i li{
		width: 50%;
		padding-bottom: 30px;
	}
	.ul-icon-i li .pad{
		padding:0 10px;
	}
	.ul-case-i-1 li{
		width: 100%;
	}
	.ul-news-i li,.ul-news-i li:last-child{
		width: 100%;
		padding-right: 0;
	}
	
	#fd dl{
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	#fd .fd-copy{
		height: auto;
	}
	.contact-form .inp{
		width: 100%;
		/* height: 35px; */
	}
	#banner .slides li .ban-txt{
		height: auto;
	}
	#banner .slides li .ban-txt h5{
		font-size: 14px;
	}
	#banner .slides li .ban-txt h3{
		font-size: 12px;
		padding-top: 15px;
	}
	#banner .slides li .ban-txt h2{
		height: 54px;
		line-height: 54px;
	}
	#banner .slides li.s1 .ban-txt h3{
		font-size: 12px;
	}
	#banner .slides li.s2 .ban-txt h2{
		font-size: 25px;
	}
	#banner .slides li.s2 .ban-txt h3{
		font-size: 22px;
	}
	#banner .slides li.s3 .ban-txt h2{
		font-size: 25px;
	}
	#banner .slides li.s3 .ban-txt h3{
		font-size: 22px;
	}
	#banner .slides li.s3 .ban-txt h4{
		font-size: 12px;
	}
	#banner .flex-control-nav{
		bottom: -5px;
	}
	.ul-list li,.ul-case li{
		width: 100%;
	}
	.ul-solution li{
		width: 100%;
	}

	#ban-in{
		height: 250px;
	}
	.team .flex-direction-nav{
		background: none;
	}
	
	.ul-list li .pic img{
		transform: perspective(000px) rotateY(0deg);
		transition: all 1s ease 0s;
		-moz-transform: perspective(000px) rotateY(0deg);
		-moz-transition: all 1s ease 0s;
		-webkit-transform: perspective(000px) rotateY(0deg);
		-webkit-transition: all 1s ease 0s;
		-o-transform: perspective(000px) rotateY(0deg);
		-o-transition: all 1s ease 0s;
		-ms-transform: perspective(000px) rotateY(0deg);
		-ms-transition: all 1s ease 0s;
	}
	.web-con .shou{
		position: relative;
		display: none;
	}
	.team .flexslider li .pic{height: 245px;}
	#banner .slides li.s1 .ban-txt h3{/*margin-left: -40%;*/top: 30%;}
	#banner .slides li.s1 .ban-txt h2{line-height: 43px;}
	#banner .slides li.s2 .ban-txt h4{font-size: 12px;}
	#banner .slides li.s2 .ban-txt h6{display: none;}
	#banner .slides li.s3 .ban-txt{top: 0;}
	#banner .slides li.s3 .ban-txt h4{line-height: 18px;}
	#banner .slides li.s3 .ban-txt h2{height: 50px;line-height: 50px;}


}
@media screen and (max-width:450px) {
	#RelatedProductsL .RelatedProductsH3{
		top: 720px;
	}
	#RelatedProductsL .RelatedProductsH4{
		top: 750px;
	}
	#RelatedProductsL{
		height: 2060px;
	}
	#RelatedProductsL .RelatedProductsBottom{
		bottom: 120px;
	}
}
@media screen and (max-width: 414px){
	#OtherRelatedProductsBackground{
		/* height: 2560px; */
	}
	#RelatedProducts .RelatedProductsItemMask{
		padding: 30px;
	}
	
	/* 关于我们 */
	/* .CompanyProfile .Overview{
		height: 1000px;
	} */
	.CompanyProfile .Overleft{
		height: 300px;
	}
	.Overview .Overleft{
		top: 480px;
	}
	.CompanyProfile .Overview {
		height: 800px;
	}
	/* 关于我们 */
	#banner .slides li.s1 .ban-txt h3{top: 40%;font-size: 12px;}
	#banner .slides li.s1 .ban-txt h2{line-height: 20px;}
	#banner .slides li.s3 .ban-txt{top: 20px;}
	/* #ban-in{display: none;} */
	#m-hd{border-bottom: 1px solid #ccc;}
}


@media screen and (max-width: 375px){
	/* .features-item .xuxian{
		left: 200px;
		width: 180px;
	} */
	#banner .slides li.s1 .ban-txt h3{top: 37%;font-size: 12px;}
}
@media screen and (max-width: 320px){
	#banner .slides li.s1 .ban-txt h3{font-size: 12px;}
	
	#banner .slides li .ban-txt h5{
		font-size: 12px;
		margin-top: -5px;
	}

	#banner .slides li .ban-txt h2{
		font-size: 18px;
		height: 30px;
		line-height: 30px;
	}
	#banner .slides li .ban-txt h3{
		font-size: 12px;
	}


	#banner .slides li.s2 .ban-txt h2{
		font-size: 18px;
		height: 20px;
		line-height: 20px;
	}
	#banner .slides li.s2 .ban-txt h3{
		font-size: 14px;
	}
	#banner .slides li.s3 .ban-txt h2{
		font-size: 18px;
		height: 24px;
		line-height: 24px;
	}
	#banner .slides li.s3 .ban-txt h3{
		font-size: 14px;
	}
	#banner .slides li.s3 .ban-txt h4{
		font-size: 12px;
		margin-top: 5px;
	}


	.team .flexslider li .pic{height: 160px;}
	.ul-customer li{width: 100%;}

}


#ourcus{display: none;}
