@media screen and (max-width: 1600px) {
	.banner-ver,
	.Project_Name{
		width: 1200px;
	}
	.banner-ver h3{
		font-size: 40px;
	}
	.Project_Name p{
		font-size: 20px;
	}
	.page_banner_img .title{
		width: 1200px;
	}
	.m-t{
		margin-top: 80px;
	}
	.m-b{
		margin-bottom: 80px;
	}
	.p-t-b{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	/**********************内页-公共标题 *************/
	.page_Tit span {
		font-size: 40px;
		line-height: 40px;
	}
	.page_Tit span b {
		font-size: 40px;
		line-height: 40px;
	}
	.page_Tit p{
		font-size: 18px;
		line-height: 18px;
		margin-top: 10px;
	}
	/**********************内页-公共标题 end**********/
	/**********************内页大图 ******************/
	.page_banner_img .title h1{
		font-size: 40px;
	}
	.page_banner_img .title span{
		font-size: 18px;
	}
	/**********************导航**********************/
	/* .header .header-ul {
		width: calc(100% - 475px - 0px);
	} */
	.header .sub-nav p em {
		height: 32px;
		line-height: 32px;
	}
	.header .sub-1 {
		top: 60px;
	}
	.header .sub-1center,.header .sub-2center {
		width: 70%;
		padding: 48px 36px 36px;
	}
	.header .sub-1item {
		padding: 0px 7%;
	}
	.header .sub-1li {
		margin-top: 26px;
	}
	.header .sub-2 {
		width: calc(100% - 150px - 60px);
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 30px;
	}
	.header .sub-2 .sub_2projects {
		padding-right: 18px;
	}
	/**********************导航 end********************/
	
}
@media screen and (max-width: 1440px) {
	.w1200{
		width: 1000px;
	}
	.w1000{
		width: 880px;
	}
	.banner-ver,
	.Project_Name{
		width: 1000px;
	}
	.page_banner_img .title{
		width: 1000px;
	}
	.m-t{
		margin-top: 60px;
	}
	.m-b{
		margin-bottom: 60px;
	}
	.p-t-b{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	/*首页标题*/
	/* .home_tithead {
		margin-top: 60px;
		margin-bottom: 60px;
	} */
	/* .home_tithead h3 {
		font-size: 40px;
		line-height: 40px;
	}
	.home_tithead p {
		font-size: 18px;
		line-height: 18px;
	} */
	/**********************导航**********************/
	/* .header .header-ul {
		width: calc(100% - 405px - 0px);
	} */
	.header .header-ul ul li {
		margin-right: 36px;
	}
	/**********************首页大图 ******************/
	.banner {
		height: auto;
	}
	/**********************内页大图 ******************/
	.page_banner_img .title{
		width: 1000px;
	}
	/**********************首页-关于我们 *************/
	.hydl_Content_1 .hydl_Content_1Aboutus .content .text h1{
		margin-bottom: 16px;
	}
	.hydl_Content_1 .hydl_Content_1Aboutus .content .text .more{
		margin-top: 16px;
	}
	/**********************首页-工程案例 *************/
	.hydl_Content_2Case .Content_2Case .Content_2Case_list .content_list_title{
		margin: 16px 0;
		padding: 0 16px;
	}
	.hydl_Content_2Case .Content_2Case .Content_2Case_list p{
		padding: 0 16px;
	}
	.hydl_Content_2Case .Content_2Case .Content_2Case_list .more{
		margin-top: 16px;
		margin-bottom: 16px;
	}
	/**********************首页-新闻中心 *************/
	.hydl_Content_3New .Content_3New_fl{
		width: 442px;
	}
	.hydl_Content_3New .Content_3New_fr{
		width: 530px;
	}
	.hydl_Content_3New .Content_3New_fr ul li.m-b{
		margin-bottom: 16px
	}
	.hydl_Content_3New .Content_3New_fr ul li .fl{
		width: 17%;
	}
	.hydl_Content_3New .Content_3New_fr ul li .fr{
		width: 76%;
	}
	/*********************内页公共*********************/
	.Inside_center .Inside_r {
		width: 710px;
	}
	/*********************内页新闻 ********************/
	.page_New .Content_3New_fr{
		width: auto;
	}
	.page_New .Content_3New_fr ul li .fl{
		width: 84px;
	}
	.page_New .Content_3New_fr ul li .fr{
		width: 80%;
	}
	.page_New .Content_3New_fr ul li{
		margin-top: 16px;
	}
	/*********************内页案例 ********************/
	.page_Case .Content_2Case .Content_2Case_list{
		width: 49%;
	}
	.page_Case .Content_2Case .Content_2Case_list:nth-child(3n+1) {
		margin-left: 2%;
	}
	.page_Case .Content_2Case .Content_2Case_list:nth-child(2n+1) {
		margin-left: 0%;
	}
	.page_Case .Content_2Case .Content_2Case_list .content_list_img{
		padding-top: 52.666%;
	}

}
/*手机端*/
@media screen and (max-width: 1100px) {
	.fon_size_24{
		font-size: 18px;
	}
	.fon_size_18{
		font-size: 16px;
	}
	.w1200{
		width: 90%;
	}
	.banner-ver,
	.Project_Name{
		width: 90%;
	}
	.banner {
		margin-top: 50px;
		height: 420px;
	}
	.banner-ver h3 {
		font-size: 30px;
	}
	.Project_Name{
		bottom: 30px;
	}
	.Project_Name p{
		font-size: 16px;
	}
	.page_banner_img .title{
		width: 90%;
	}
	.m-t{
		margin-top: 30px;
	}
	.m-b{
		margin-bottom: 30px;
	}
	.p-t-b{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	/*首页标题*/
	.home_tithead{
		margin-bottom: 30px;
	}
	.home_tithead h3 {
		font-size: 18px;
		line-height: 18px;
	}
	.home_tithead p {
		font-size: 16px;
		line-height: 16px;
	}
	/**********************内页-公共标题 *************/
	.page_Tit span {
		font-size: 24px;
		line-height: 24px;
	}
	.page_Tit span b {
		font-size: 24px;
		line-height: 24px;
	}
	.page_Tit p{
		font-size: 16px;
		line-height: 16px;
	}
	/**********************内页-公共标题 end**********/
	/**********************内页大图 ******************/
	.page_banner_img{
		margin-top: 50px;
	}
	.page_banner_img .title h1{
		font-size: 24px;
	}
	.page_banner_img .title span{
		font-size: 16px;
	}
	/**********************导航 *********************/
	.header .logo{
		height: 50px;
	}
	.header .logo img{
		width: auto;
		height: 36px;
	}
	.header {
		height: 50px;
	}
	.nav-style .header.bg1{
		background: #fff;
	}
	.nav-style .header.bg1 .logo img{
		display: block !important;
	}
	.nav-style .header.bg1 .logo img:last-child {
		display: none !important;
	}
	.nav-style .header.bg2{
		background: #fff;
	}
	.nav-style .header.bg2 .logo img{
		display: block !important;
	}
	.nav-style .header.bg2 .logo img:last-child {
		display: none !important;
	}
	.nav-style .header.bg1 a,.nav-style .header.bg1 a,.nav-style .header.bg1 {
		color: #333 !important;
	}
	.nav-style .header.bg2 .header-ul ul li span a {
		color: #333 !important;
	}
	.header .header-ul {
		float: none;
		width: 100%;
		height: calc(100% - navheight);
		display: block;
		left: -100%;
		top: 50px;
		z-index: 20000;
		background: #fff;
		border-top: 1px #eee solid;
		box-sizing: border-box;
		overflow-y: auto;
		position: fixed;
		padding-bottom: 60px;
		-webkit-transition: all 0.8s ease 0s;
		-moz-transition: all 0.8s ease 0s;
		-ms-transition: all 0.8s ease 0s;
		-o-transition: all 0.8s ease 0s;
		transition: all 0.8s ease 0s;
	}
	.header .header-ul ul {
		width: 90%;
		height: auto;
		margin: 0px auto;
		overflow: hidden;
	}
	.header .header-ul ul li {
		width: 100%;
		height: auto;
		margin-right: 0vw;
		border-bottom: 1px #eee solid;
		position: relative;
	}
	.header .header-ul ul li span {
		height: 50px;
		line-height: 50px;
	}
	.header .header-ul ul li span a {
		width: auto;
		height: 100%;
		/* display: block; */
	}
	.header .header-ul ul li samp {
		display: block;
		width: 50px;
		height: 50px;
		position: absolute;
		right: 0px;
		top: 0px;
		z-index: 22;
		cursor: pointer;
	}
	.header .header-ul ul li samp:before {
		width: 100%;
		height: 100%;
		content: "";
		position: absolute;
		left: 0px;
		top: 0px;
		background: url("../images/icon-13.png") no-repeat center;
		-webkit-transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-ms-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
	}
	.header .sub-nav {
		width: 98%;
		position: relative;
		left: 0%;
		top: 0px;
		transition: none;
		opacity: 1;
		visibility: visible;
		transform: translateX(0%) scaleY(1);
		box-shadow: 0px 5px 12px 5px rgba(0,0,0,0.02);
		margin: 0px auto 20px;
		display: none;
	}
	.header .header-ul ul li.on samp:before {
		transform: rotate(90deg)
	}
	.header .header-ul ul li:hover .sub-nav {
		transform: translateX(0%) scaleY(1);
		display: block;
	}
	.header .sub-nav p em a {
		text-align: left;
	}
	.header .header-right {
		width: 90%;
		float: none;
		margin: 0px auto;
		height: auto
	}
	.header .menu {
		float: right;
		width: 50px;
		display: block;
		position: relative;
		z-index: 820;
		cursor: pointer;
		height: 50px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: center;
		align-content: space-between;
		padding: 15px;
		box-sizing: border-box;
		position: relative;
		margin-right: -15px;
	}
	.header .menu span {
		float: left;
		width: 100%;
		background: #ff3c37;
		height: 2px;
		border-radius: 2px;
	}
	.header .menu span:nth-child(2) {
		width: 50%;
	}
	.header .menu span:nth-child(3) {
		width: 70%;
	}
	.header-slide .menu span {
		opacity: 0;
	}
	.menu,.menu:active,.menu:visited,.menu:link,.menu:focus{
		/*取消颜色*/
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		-webkit-tap-highlight-color: transparent;
		outline:none;
		background: none;
		text-decoration: none;
	}
	.header .menu{
		-webkit-tap-highlight-color:rgba(0,0,0,0);/*取消颜色*/
	}
	.menu,.menu:active,.menu:visited,.menu:link,.menu:focus{
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		-webkit-tap-highlight-color: transparent;
		outline:none;
		background: none;
		text-decoration: none;
	}
	.header samp{
		-webkit-tap-highlight-color:rgba(0,0,0,0);
	}
	samp,samp:active,samp:visited,samp:link,samp:focus{
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		-webkit-tap-highlight-color: transparent;
		outline:none;
		background: none;
		text-decoration: none;
	}
	.header .menu em {
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0px;
		top: 0px;
		transform: rotate(45deg);
	}
	.header .menu em:before {
		width: 0%;
		height: 2px;
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		background: #ff3c37;
		border-radius: 2px;
		-webkit-transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-ms-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
	}
	.header .menu em:after {
		width: 2px;
		height: 0%;
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		background: #ff3c37;
		border-radius: 2px;
		-webkit-transition: all 0.4s ease 0s;
		-moz-transition: all 0.4s ease 0s;
		-ms-transition: all 0.4s ease 0s;
		-o-transition: all 0.4s ease 0s;
		transition: all 0.4s ease 0s;
	}
	.header-slide .menu em:before {
		width: 50%;
	}
	.header-slide .menu em:after {
		height: 50%;
	}
	.header-slide .header-ul {
		left: 0px;
	}
	.header .header-ul ul li.act {
		position: relative;
	}
	.header .sub-1 {
		position: relative;
		left: 0px;
		top: 0px;
		background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0));
		background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0));
		background: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0));
		background: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0));
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		transform: scaleY(1);
		transition: none;
		display: none;
	}
	.header .sub-1center,.header .sub-2center {
		width: 98%;
		margin: 10px auto;
		overflow: hidden;
		background: none;
		padding: 15px;
		box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.02);
	}
	.header .sub-1left {
		width: 100%;
	}
	.header .sub-1right {
		float: right;
		width: 100%;
		padding-right: 0%;
	}
	.header .sub-1right:before {
		display: none;
	}
	.header .sub-1item {
		width: 100%;
		padding: 0px;
		margin-top: 20px;
		border-bottom: 1px #eee solid;
		padding-bottom: 20px;
	}
	.header .sub-1item:nth-child(2) {
		padding-bottom: 0px;
		border: none;
	}
	.header .sub-1item h4 {
		width: 100%;
		overflow: hidden;
	}
	.header .sub-1item h4 a {
		width: 100%;
		display: block;
		overflow: hidden;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
	}
	.header .sub-1item h4 samp {
		width: 15px !important;
		display: block;
		position: relative !important;
		height: auto !important;
	}
	.header .sub-1item h4 samp:before {
		display: none !important;
	}
	.header .sub-1li {
		margin-top: 15px;
	}
	.header .sub-2 {
		float: left;
		width: 100%;
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 15px;
		margin-top: 20px;
	}
	.header .sub-2 .sub_2projects {
		padding-right: 0px;
	}
	.header .sub-2 .sub_2projects h4 samp {
		width: 15px !important;
		display: block;
		position: relative !important;
		height: auto !important;
	}
	.header .sub-2 .sub_2projects h4 samp:before {
		display: none !important;
	}
	/**********************导航 end******************/
	/**********************首页-关于我们 *************/
	.hydl_Content_1 .hydl_Content_1Aboutus .content{
		display: block;
	}
	.hydl_Content_1 .hydl_Content_1Aboutus .content .w50{
		width: 100%;
	}
	.hydl_Content_1 .hydl_Content_1Aboutus .content .img{
		padding-top: 44%;
	}
	.hydl_Content_1 .hydl_Content_1Aboutus .content .text{
		padding: 0px 0px;
	}
	.hydl_Content_1 .hydl_Content_1Aboutus .content .text h1{
		margin-left: 15px;
		margin-top: 15px;
	}
	.hydl_Content_1 .hydl_Content_1Aboutus .content .text p{
		padding: 0 15px;
	}
	.hydl_Content_1 .hydl_Content_1Aboutus .content .text .more{
		margin-left: 15px;
		margin-bottom: 15px;
	}
	.hydl_Content_1 .hydl_Content_1Aboutus .Aboutus_bottom{
		margin-top: 30px;
	}
	.hydl_Content_1 .hydl_Content_1Aboutus .Aboutus_bottom{
		/*控制顺序*/
		display: grid;
		/* 网格列数设为1列，实现垂直排列 */
		grid-template-columns: 1fr;
		/* 去除ul默认样式（可选，美化） */
		padding-left: 0;
		list-style: none;
		gap: 5px; /* 可选，设置li之间的间距，替代margin */
	}
		/* 同样用order属性控制显示顺序 */
	.hydl_Content_1 .hydl_Content_1Aboutus .Aboutus_bottom .text{
    	order: 1;
	}	
	.hydl_Content_1 .hydl_Content_1Aboutus .Aboutus_bottom .img{
    	order: 0;
	}	
	/**********************首页-新闻中心 *************/
	.hydl_Content_3New .Content_3New_fl{
		width: 100%;
	}
	.hydl_Content_3New .Content_3New_fr{
		width: 100%;
		margin-top: 30px;
	}
	.hydl_Content_3New .Content_3New_fr ul li .fl{
		width: 84px;
	}
	.hydl_Content_3New .Content_3New_fr ul li.m-b{
		margin-bottom: 30px;
	}
	.hydl_Content_3New .Content_3New_fr ul li .fr{
		width: 80%;
	}
	/*********************内页新闻 ********************/
	.page_New .Content_3New_fr ul li{
		margin-top: 0px;
		margin-bottom: 30px;
	}
	/*********************内页公共********************/
	.Inside_center .Inside_l{
		width: 100%;
	}
	.Inside_center .Inside_r{
		width: 100%;
		margin-top: 30px;
	}
	.Inside_center .Inside_l .Page_title h2 {
		height: 60px;
		line-height: 60px;
		padding-left: 30px;
	}
	.Inside_center .Inside_l .Page_class{
		padding-top: 30px;
		padding-bottom: 30px
	}
	.Inside_center .Inside_l .Page_class .class_item a {
		padding-left: 20px;
		height: 40px;
		line-height: 40px;
	}
	.Inside_center .Inside_r .Page_title h2 {
		padding-left: 40px;
	}
	.Inside_center .Inside_r .Page_title h2::after {
		width: 15px;
		height: 2px;
		left: 15px;
	}
	.Inside_center .Inside_r .Page_title .bread {
		right: 15px;
	}
	/*********************内页公共 end****************/
	/*********************内页详情********************/
	.page_details {
		margin-top: 30px;
	}
	.page_details .details_title dd {
		line-height: 26px;
		padding-bottom: 15px;
	}
	.page_details .details_title dt div {
		padding-right: 40px;
	}
	.page_details .details_content {
		padding: 30px 0px;
		min-height: 570px;
	}
	.page_details .details_content .details_content_top {
		width: 100%;
	}
	.page_details .details_content .details_content_top p{
		line-height: 26px;
		font-size: 16px;
	}
	.page_Case ul li .title h5{
		font-size: 14px;
	}
	.page_details .details_content .details_page {
		margin-top: 30px;
		padding-top: 30px;
		padding-bottom: 30px;
	}


}
@media screen and (max-width: 768px) {
	.bay_window {
		bottom: 23%;
		width: 100px;
	}
	.bay_window a img{
		width: 100%;
	}
	/**********************导航 *********************/
	.header {
		background: #fff !important;
		box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.02) !important;
	}
	/**********************导航 end******************/
	/**********************内页大图 ******************/
	.page_banner_img{
		padding-top: 34%;
	}
	/**********************首页大图 ******************/
	.banner{
		height: 220px;
	}
	.banner .swiper-pagination{
		bottom: 10px;
	}
	.banner-ver{
		width: 65%;
	}
	.banner-ver h3 {
		font-size: 18px;
		line-height: 36px;
		text-align: center;
	}
	.Project_Name{
		bottom: 10px;
	}
	.Project_Name p{
		font-size: 12px;
		text-align: center;
	}
	.swiper-button-next,.swiper-button-prev{
		width: 17px;
		height: 28px;
	}
	.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
		width: 17px !important;
		height: 28px !important;
		background-size: 100% 100% !important;
	}
	.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
		width: 17px !important;
		height: 28px !important;
		background-size: 100% 100% !important;
	}
	.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
		left: 20px !important;
	}
	.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
		right: 20px !important;
	}
	/**********************首页大图 end***************/
	/**********************首页-新闻中心 *************/
	.hydl_Content_3New .Content_3New_fr ul li .fl{
		width: 65px;
	}
	.hydl_Content_3New .Content_3New_fr ul li .fl p:nth-child(1){
		font-size: 33px;
		height: 42px;
		line-height: 42px;
	}
	.hydl_Content_3New .Content_3New_fr ul li .fl p:nth-child(2){
		font-size: 12px;
	}
	.hydl_Content_3New .Content_3New_fr ul li .fr{
		width: 72%;
	}
	.hydl_Content_3New .Content_3New_fr ul li .fr p{
		margin-top: 2px;
	}
	/**********************首页-底部 *******************/
	.hydl_Content_4{
		height: auto;
	}
	.hydl_Content_4 .Content_4Footer{
		display: block;
		padding: 30px 0px;
	}
	.hydl_Content_4 .Content_4Footer .logo img{
		display: block;
		margin: 0 auto;
		height: 36px;
	}
	.hydl_Content_4 .Content_4Footer .textl {
		width: auto;
		height: auto;
		padding: 15px 0;
		justify-content:flex-start;/*左对齐*/
	}
	.hydl_Content_4 .Content_4Footer .textl p{
		line-height: 24px;
		width: 100%;
		text-align: center;
	}
	.hydl_Content_4 .Content_4Footer .textl p:nth-child(1)::after{
		display: none;
	}
	.hydl_Content_4 .Content_4Footer .textl p:nth-child(2)::after{
		display: none;
	}
	.hydl_Content_4 .Content_4Footer .qr_code img{
		display: block;
		margin: 0 auto;
	}
	.hydl_Content_4 .Content_4Footer .qr_code p{
		text-align: center;
	}
	/*********************内页案例 ********************/
	.page_Case .Content_2Case .Content_2Case_list .content_list_img{
		padding-top: 90%;
	}
	.hydl_Content_2Case .Content_2Case .Content_2Case_list .content_list_title{
		-webkit-line-clamp: 2;
		margin: 15px 0;
        padding: 0 15px;
	}
	.hydl_Content_2Case .Content_2Case .Content_2Case_list .more{
		margin-top: 15px;
        margin-bottom: 15px;
	}
	/**********************内页页码 *****************/
	.prev, .next {
		height: 28px;
		line-height: 28px;
		margin: 0 4px;
	}
	.page a {
		width: 28px;
		height: 28px;
		line-height: 28px;
		margin: 0 4px;
	}
	.page .current{
		width: 28px;
		height: 28px;
		line-height: 28px;
		margin: 0 4px;
	}
	/*********************内页公共*********************/
	.Inside_center .Inside_l .Page_class{
		padding-top: 15px;
	}
	.Inside_center .Inside_r{
		min-height: auto;
	}
	.Inside_center .Inside_r .Page_title .bread{
		display: none;
	}
	.page_details .details_title .vertical{
		display: block;
	}

}