@media screen and (max-width:1660px) {

	.inner{ width:1360px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1360px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1360px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1360px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1360px)/2);}

	.logoImg{ height: 60px;}
	.oneNav{    line-height: 90px;}
	.zwHeader{ height: 90px;}
	.zw{ margin-top: -100px; padding-top: 100px;}
	.headerTel{ height: 90px;}


}

@media screen and (max-width:1440px) {

	body{ font-size: 14px }
	.inner{ width:1240px;   margin: 0 auto;  }
	.pl-inner{ padding-left: calc((100vw - 1240px)/2);}
	.pr-inner{ padding-right: calc((100vw - 1240px)/2);}
	.ml-inner{ margin-left: calc((100vw - 1240px)/2);}
	.mr-inner{ margin-right: calc((100vw - 1240px)/2);}

	.logoImg{ height: 50px;}
	.oneNav{    line-height: 80px; font-size: 16px;}
	.zwHeader{ height: 80px;}
	.zw{ margin-top: -90px; padding-top: 90px;}
	.headerTel{ height: 80px;}

	.banCaseImg,.banCaseText{ width: 70px; height: 70px;}
	.idxServUl li .btn{ width: 50px; height: 50px;}
	.idxServUl li .tit{width: calc(100% - 65px);}
	.newslist li{width: calc((100% - 140px)/3);margin-right: 70px;}
	.footRound{ width: 58px; height: 58px;}
	.banCase{ bottom: -100px;}
	.idxServiceLeft::after{    width: calc(100% + 80px); height: calc(100% + 80px);top: -40px;    left: -40px;}

	.neiBan .text .round{ width: 70px; height: 70px;}
	.neiBan .text .round:hover{    width: 60px; height: 60px; }

	#fh5co-board .item{    margin: 0 30px;}
	.newsRightUl a .img{ width: 165px; height: 100px;} 
	.newsRightUl a .text{ width: calc(100% - 190px);}
	.contactStyleIcon{ width: 60px;}

	.assuranceUl li .text{ margin-top: -100px;}
	.assuranceUl li:hover .text{ transform: translateY(25px); -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -ms-transform: translateY(25px); -o-transform: translateY(25px); }
	
     
}

@media screen and (max-width:1280px) { 

	 div.video-wrap{ width: 90vw;height: auto;}
	 
	 .inner{ width:88%;   margin: 0 auto;  }
	.pl-inner{ padding-left: 6vw;}
	.pr-inner{ padding-right:6vw;}
	.ml-inner{ margin-left:6vw;}
	.mr-inner{ margin-right:6vw;}

	.banCaseImg,.banCaseText{ width: 60px; height: 60px;}
	.newslist li{width: calc((100% - 100px)/3);margin-right: 50px;}
	.footRound{  width: 50px; height: 50px;}
	 
	.neiBan .text .round{ width: 60px; height: 60px;}
	.neiBan .text .round:hover{    width: 50px; height: 50px; }

	#fh5co-board .item{    margin: 0 25px;}
	.newsRightUl a .img{ width: 145px; height: 100px;} 
	.newsRightUl a .text{ width: calc(100% - 160px);}
	.contactStyleIcon{ width: 50px;}

	.assuranceUl li .text{ margin-top: -70px;}
	.assuranceUl li:hover .text{ transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); }
	
}

@media screen and (max-width:1100px) {

	.iPad-show{ display: block;}
	.iPad-none{ display: none;}
	.inner{ width:96%;   margin: 0 auto;  }
	.pl-inner{ padding-left: 2vw;}
	.pr-inner{ padding-right:2vw;}
	.ml-inner{ margin-left:2vw;}
	.mr-inner{ margin-right:2vw;}

	.logoImg{ height: 40px;}
	.oneNav{    line-height: 70px; font-size: 15px;}
	.zwHeader{ height: 70px;}
	.zw{ margin-top: -80px; padding-top: 80px;}
	.headerTel{ height: 70px;}

	.newslist li{width: calc((100% - 50px)/3);margin-right: 25px;}
	.line-height2-4{ line-height: 2;}
	.servicelist li .item,.idxServUl li .bottom .item{    min-width: 45%;margin-right: 5%;}

	.idxLine{ margin: 8px 0;}

	.neiBan .text .round{ width: 50px; height: 50px;}
	.neiBan .text .round:hover{    width: 40px; height: 40px; }

	#fh5co-board .item{    margin: 0 20px;}
	.contactStyleIcon{ width: 40px;}
    
}
@media screen and (max-width:900px) {

	body{ font-size: 12px }
	.iconfont{ font-size: 16px;}
	.inner{ width:calc(100% - 40px);   margin: 0 auto;  }
	.pl-inner{ padding-left: 20px;}
	.pr-inner{ padding-right:20px;}
	.ml-inner{ margin-left:20px;}
	.mr-inner{ margin-right:20px;}


	header .con{ padding: 0 0 0 20px !important; width: 100%;}
	/* .idxBan{ margin-top: 60px;} */
	.banSearch{ position: relative;  left: 20px; justify-content: space-between; top: auto; width: calc(100% - 40px); margin: 0; }
	.banSearch input{ width: calc(100vw - 160px); height: 38px;}
	.banSearch button{ width: 90px;}
	.idxBanTextSwiper{ margin-top: 20px;}
	.idxService .left{ padding-top: 0;}
	.idxServiceLeft::after{ height: 100%; top: 0; width: calc(100% + 20px); left: -20px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
	.idxServiceLeft{ padding: 25px 0;}
	.idxServUl li .btn{ width: 32px; height: 32px;}
	.idxServUl li .tit{width: calc(100% - 50px);}
	.idxServiceImg{ width: 100%; height: 220px; object-fit: cover;}
	.idxCase .w47 + .w47{ margin-top: 20px;}

	.newslist li{ width: 48%; margin-right: 4%;}
	.newslist li:nth-child(3n){ margin-right:4%}
	.newslist li:nth-child(2n){ margin-right: 0;}
	.idxNews  .newslist li:last-child{ display: none;}
	footer .center  .con{ flex-wrap: wrap;}
	.footRound{ width: 42px; height: 42px;}
	.footItem{ margin-top: 18px;}
	.footItem{ max-width: 100%;}

	.neiBan .text .round{ width: 40px; height: 40px;}
	.neiBan .text .round:hover{    width: 30px; height: 30px; }

	#fh5co-board .item{    margin: 0 15px;}
	.zwHeader{ height:60px;}
	.zw{ margin-top: -70px; padding-top: 70px;}

	.contactStyleUl li{ max-width: 100%;}
	.contactStyleUl li + li{ margin-top: 15px;}
	.contactImg{ width: 100%; height: 200px; object-fit: cover;}

	.aboutHome{ z-index: 2;}
	.brief{ margin-top: 0;}
	.briefcon{ padding: 0; margin-top: 15px;}
	.briefUl li  { margin-top: 15px;}
	.briefUl li img{ width: 100%; object-fit: cover; height: 180px;}
	.aboutWhyUl  li + li{ margin-top: 20px;}
	.assuranceUl li .text{ margin-top: -50px;}
	.assuranceUl li:hover .text{ transform: translateY(-10px); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); }
	
	.cooperation .inner{ padding: 0;}
	.line-height{ line-height: 1.6;}
	.idxLine,.idxSamllLine,.idxSamllLineGreen{ height: 5px;}
}

@media screen and (max-width:560px) { 

	.newslist li{ width: 100%; margin-right: 0 !important;}

	.neiBan .text .round{ width: 30px; height: 30px;}
	.neiBan .text .round:hover{    width: 30px; height: 30px; }

	#fh5co-board .item{    margin: 0 ;}
}

@media screen and (min-width:750px) { }