@media only screen and (max-width:1700px) {
	.hservice .bigtitle,
	.hclientsl .bigtitle,
	.hcasel .bigtitle{
		font-size: 76px;
	}
	.hservice .bigtitle{
		padding-left: 10vw;
	}
	.hservice-tabhd .item .en{
		font-size: 16px;
	}
	.hservice-tabhd .item .title{
		font-size: 28px;
	}
	.hservice-tabhd{
		margin-left: 3vw;
	}
	.hservice-tabsubhd .item .suben{
		font-size: 13px;
	}
	.hservice-tabsubhd .item .subtitle{
		font-size: 20px;
	}
	.hclientsl .title,
	.hclientsr .listhd,
	.hcasel .title{
		font-size: 30px;
	}
	.hnews-info .title img{
		height: 50px;
	}
	.hservice-tabhd .item {
		margin-bottom: 1.5vw;
	}
	.hservice-tabhd .item .tit{
		font-size: 20px;
	}
	.hservice-tabhd .item.active .tit{
		font-size: 22px;
	}
	.hservice-tabhd .item .subtitle{
		font-size: 14px; margin-bottom: 1vw;
	}
	.hservice-tabhd .subtitlist{
		left: 34vw;
	}
	.hservice-tabhd .subtitlist:before{
		bottom: 1vw; left: -2vw;
	}
	.hnews-info .text{
		font-size: 14px;
	}
	.hnews-list li .title{
		font-size: 20px;
	}
	.hnews-list li .text{
		font-size: 14px;
	}
	.hnews-list li .info{
		width: calc(100% - 70px);
	}
	.hnews-list li .time{
		font-size: 30px; width: 70px;
	}
	.hnews-list li{
		padding: 0.3vw 0;
	}
	.habout .info .title{
		margin-bottom: 10px;
	}
	.habout .info .title h2{
		font-size: 26px;
	}
	.habout .info .title .en{
		font-size: 12px; margin-left: 5px;
	}
	.habout .info .text{
		font-size: 14px;
	}
	.habout .info .text p{
		margin-bottom: 8px;
	}
	.hcontactl .bigtitle{
		margin-top: 3vw; font-size: 40px;
	}
	.hcontactl .form .title{
		font-size: 20px;
	}
	.hcontactl .form .inputtext{
		font-size: 16px; height: 35px;
	}
	.hcontactl .form .textarea{
		height: 120px; font-size: 16px; padding: 5px;
	}
	.hcontactl .formbtn{
		font-size: 16px;
	}
	.hcontactr .img{
		height: 90%;
	}
	.hcontactr .lag-tit{
		font-size: 20px;
	}
	.lag-info{
		font-size: 23px; margin-left: 20px;
	}
	.hclientsl{
		width: 500px; padding-top: 5vw; padding-left: 60px;
	}
	.hclientsr{
		width: 1700px;
	}
	.hclientsr .list{
		width: 500px;
	}
	.hcasel{ 
		width: 500px; padding-top: 3.5vw; padding-left: 90px;
	}
	.hclientsl .bigtitle,
	.hcasel .bigtitle{
		margin-bottom: 25px;
	}
	.hclientsr .list{
		margin-top: 5vw; margin-bottom: 5vw; height: 500px;
	}
	.hclientsr .listhd{
		margin-bottom: 40px;
	}
	.hclientsr .listbd{
		padding: 0 45px;
	}
	.hclientsr .list1 .listbd{
		padding: 0 80px;
	}
	.hmore{
		width: 300px; font-size: 16px; padding-left: 80px;
	}
	.hcaser{
		width:2850px;
	}
	.hcaser .list{
		margin-top: 2vw; margin-bottom: 2vw;
	}
	.hcaser .list li{
		width: 500px; margin-right: 20px;
	}
	.hcaser .list .info{
		padding: 270px 40px 0 40px;
	}
	.hcaser .list .infohd{
		margin-bottom: 10px;
	}
	.hcaser .list .infohd p{
		font-size: 20px;
	}
	.hcaser .list .infohd h3{
		font-size: 26px;
	}
	.hcaser .list .infobd{
		font-size: 14px;
	}
	.hcaser .list .text .title{
		font-size: 20px;
	}
	.hcaser .list .text .time{
		font-size: 16px; margin-left: 30px;
	}
}
@media only screen and (max-width:1150px) {
	.wrapper-scroll{
		position: static;
	}
	.scroll-progress{
		display: none;
	}
	.content {
  width: auto;
   
}
section{
	float: none;
	min-width: inherit;
	overflow: visible;
	width: auto !important;
}
.page{
	height: auto;
	min-height: inherit;
}
	.menu{
		left: 0; bottom: auto; width: 100%; height: 60px; display: flex; justify-content: space-between; padding: 0 3%;
	}
	.menu-logo{
		margin-top: 0; height: 60px; display: flex; align-items: center; 
	}
	.menu-logo img{
		width: 35px;
	}
	.menu-btn{
		top: 0; height: 60px; background-size: 15px auto; left: 50%; margin-left: -15px; right: auto; width: 30px; transform: rotate(90deg);
	}
	.menu-title{
		position: static; font-size: 12px; height: 60px;  align-items: center; padding-top: 15px;
	}
	.page{
		min-height: auto;
	}
	.habout{
		margin-top: 60px; min-height: 100vh;
	}
	.habout .logo-big{
		right: 0;
	}
	.habout .logo{
		 text-align: center; 
		 /*padding-top: 10vh;*/ 
	}
	.habout .logo img{
		height: 60px;
	}
	.habout .info{
		position: static; margin-top: 30px; padding: 0 6%; width: auto; margin-bottom: 0;
		padding-top: 17vh;
	}
	.habout .info .title h2{
		display: block;
	}
	.habout .info .title .en{
		display: block; margin-left: 0; margin-top: 5px;
	}
	
	.hservice{
		display: block; 
	}
	.hservice .bigtitle, .hclientsl .bigtitle, .hcasel .bigtitle{
		font-size: 40px;
	}
	.hservice .bigtitle{
		margin-bottom: 15px; padding-left: 5%; padding-right: 5%;
	}
	.hservicel{
		width: auto;
	}
	.hservicer{
		width: 100%; height: 500px;
	}
	.hservice-tab{
		display: block;
	}
	.hservice-tabhd{
		display: block; margin-left: 0; display: flex; flex-wrap: wrap; padding: 0 3%;
	}
	.hservice-tabhd .item{
		width: 50%; margin-bottom: 10px;
	}
	.hservice-tabhd .item .en{
		font-size: 12px; line-height: 1.05;
	}
	.hservice-tabhd .item .title{
		font-size: 16px;
	}
	.hservice-tab .line{
		width: 94%; height: 1px; margin: 2vh auto; display: block;
	}
	.hservice-tabsubhd {
		padding: 0 3%; display: block; padding-bottom: 15px;
	}
	.hservice-tabsubhd .item .suben{
		font-size: 12px;
	}
	.hservice-tabsubhd .item .subtitle{
		font-size: 14px;
	}
	.hservice-tabsubhd .item{
		text-align: center; display: block;
	}
	.hclients-box{
		min-height: auto; display: block;
	}
	.hclientsl{
		width: 100%; height: auto; padding: 40px 5%;
	}
	.hclientsl .bigtitle, .hcasel .bigtitle{
		margin-bottom: 0;
	}
	.hclientsl .title, .hclientsr .listhd, .hcasel .title{
		font-size: 20px;
	}
	.hclientsr{
		width: auto; display: block; padding: 0 3%;
	}
	.hclientsr .listhd{
		margin-bottom: 25px;
	}
	.hclientsr .list{
		width: 100%; height: auto; margin-top: 25px; margin-bottom: 25px;border-bottom: 1px solid #939393; border-right: 0;
	}
	.hclientsr .listbd{
		padding: 0 15px;
	}
	.hclientsr .listbd li{
		margin-bottom: 15px;
	}
	.hclientsr .listbd li img{
		max-width: 80%; 
	}
	.hclientsr .list1 .listbd{
		padding: 0 30px;
	}
	.hmore{
		width: 100%; height: auto; display: block; text-align: center; padding-left: 0;
	}
	 .hcase-box{
		 min-height: auto; display: block;
	 }
	.hcasel{
		width: 100%; height: auto;padding: 40px 5%;
	}
	.hcaser{
		display: block; width: auto; padding: 0 3% 30px 3%;
	}
	.hcaser .list{
		margin-top: 0; margin-bottom: 0; display: block;
	}
	.hcaser .list li{
		width: 100%; height: auto; margin-left: 0 ; margin-bottom: 10px;
	}
	.hcaser .list li .info{
		opacity: 1; visibility: visible; position: static; height: auto; padding: 15px 0;
	}
	.hcaser .list .text{
		display: none;
	}
	/* .hcaser .list .infohd{
		text-align: center;
	} */
	.hcaser .list .infohd p{
		font-size: 14px;
	}
	.hcaser .list .infohd h3{
		font-size: 18px;
	}
	.hcaser .list .infobd{
		font-size: 14px;
	}
	.hnews{
		display: block; background: none;
	}
	.hnewsl{
		width: 100%; height: 500px; 
	}
	.hnewsr{
		width: 100%; padding: 25px 3%;
	}
	.hnews-info .title{
		margin-bottom: 10px; text-align: center;
	}
	.hnews-info .title img{
		height: 40px;
	}
	.hnews-info .text{
		margin-bottom: 15px;
	}
	.hnews-list{
		margin-top: 15px;
	}
	.hnews-list li{
		padding: 5px 0;
	}
	.hnews-list li .title{
		font-size: 16px;
	}
	.hnews-list li .text{
		font-size: 13px;
	}
	.hcontact{
		padding: 60px 3% 0 3%;  height: 100vh; overflow-y: auto; bottom: auto;
	}
	.hcontact-box{
		display: block;
	}
	.hcontactl{
		width: auto; float: none;
	}
	.hcontactl .logo{
		text-align: center;
	}
	.hcontactl .logo img{
		height: 30px;
	}
	.hcontactl .bigtitle{
		margin-top: 10px; font-size: 22px; font-weight: normal;text-align: center;
	}
	.hcontactl .form .title{
		font-size: 14px;
	}
	.hcontactl .form .inputtext{
		font-size: 14px; height: 30px; border-bottom-width:1px ;
	}
	.hcontactl .form-row{
		margin-top: 10px;
	}
	.hcontactl .form .textarea{
		height: 50px; border-width: 1px; font-size: 14px;
	}
	.hcontactl .formbtn{
		width: 100%;font-size: 14px;
	}
	.hcontactr{
		width: 100%; margin-top: 10px;
	}
	.hcontactr .img{
		height: auto;
	}
	.hcontactr .lag{
		position: absolute; right: 3%; top: 60px;
	}
	.hcontactr .lag .lag-tit{
		display: none;
	}
	.hcontactr .lag-info{
		font-size: 18px; margin-left: 0;
	}
	.hcontactr .lag-info a:after{
		height: 18px;
	}
	.htext-wrap{
		height: auto; display: block;
	}
	.htextl{
		width: 100%; height: auto;
	}
	.htextl .tit{
		padding:50px 25px; position: static;
	}
	.htextl .tit img{
		display: block;
	}
	.htextr{
		width: 100%; display: block;
	}
	.htextr .info{
		width: 100%; padding: 25px; margin: 0;
	}
	.htextr .img{
		position: static; left: 0; width: 100%; margin: 0 auto 25px auto; text-align: center; 
	}
	.copyright{
		padding: 15px;
	}
	.hindex-wrap .text{
		right: 30px; font-size: 12px;
	}
	.hservice-tabhd {
		margin-bottom: 20px;
	}
	.hservice-tabhd .item{
		width: 100%; overflow: hidden;
	}
	.hservice-tabhd .item .tit{
		width: 100%;text-align: left; font-size: 16px;
	}
	.hservice-tabhd .item.active .tit{
		font-size: 20px;
	}
	.hservice-tabhd .subtitlist{
		left: 0;  position: relative; padding-top: 20px; max-height: 0;
	}
	.hservice-tabhd .subtitlist:before{
		left: 0;top: 0; bottom: auto; width: 100%; right: 0; height: 1px; margin-top: 10px;
	}
	.hservice-tabhd .item.active .subtitlist{
		max-height: inherit;
	}
	.hindexon-wrap{
			padding-top: 30vw; padding-left: 5vw; padding-right: 5vw; background-position: right center;
	}
	.hindex-wrap .logo{
		bottom: 70px;
	}
	.hindex-loaded .hindex-wrap .logo {
    left: 4vw;
    width: 145px;
    bottom: 80vh;
}
	.hindexon-logo{
		/*top: 0; left: 0; position: static;*/ 
		position: absolute; left: 5vw; top: 25vw; 
	}
	.hindexon-logo img{
		width: 150px;
	}
	
	.hindexon-info{
		width: auto; position: static; left: 0;bottom: 0; margin-top: 20vw;
	}
	.hindexon-info .title{
		font-size: 22px;
	}
	.hindexon-info .desc{
		margin-top: 15px;
	}
	.copyright{
		/*width:80%;*/
		 font-size: 12px;
	}
	.lag-info{
		width: 80px;
		font-size: 14px; margin-left: 0; margin-right:15px;
	}
	.hindexon-bg{
		background-position: right center;
		background-size: cover;
	}
}