:root {
	--swiper-theme-color: #0055a2;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td,header,main,footer,aside,section,article,nav {
	padding: 0;
	margin: 0;
}

fieldset,img {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol,ul {
	list-style-type: none;
}

address,caption,cite,code,dfn,em,th,var {
	font-weight: normal;
	font-style: normal;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}

p:before,p:after {
	content: '';
}

abbr,acronym {
	border: 0;
}

a {
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.clr {
	HEIGHT: 0px;
	VISIBILITY: hidden;
	CLEAR: both;
	FONT-SIZE: 0px;
	OVERFLOW: hidden;
	width: 100%;
}

body,samp {
	font-size: 12px;
	color: #333;
	font-family: '微软雅黑','Microsoft YaHei',"Arial",'SimSun',Serif,"PingFang SC","苹方";
}
.home {
	background: #fff;
}

input[type="text"],
input[type="hidden"],
input[type="button"],
input[type="radio"],
input[type="submit"],
input[type="checkbox"],
input[type="password"],
button,textarea,select {
	outline: none;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}
body {
	cursor: default;/*手势*/
}
img {
	-webkit-transition: all 0.6s ease 0s;
	-moz-transition: all 0.6s ease 0s;
	-ms-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
img {
	vertical-align: bottom;
}
html::-webkit-scrollbar {
	position: absolute;
	width: 4px;
	height: 4px;
}
html::-webkit-scrollbar-thumb {
	width: 4px;
	height: 4px;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.25);
}
html::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0.1);
}
::selection {
	background: #00457b;
	color: #fff;
	text-shadow: none;
}
/*基础样式*/
/*
::after{
	content: '';
    position: absolute;
}
*/
/*.even:nth-child(even){
	表示偶数
}*/
/*.odd:nth-child(odd){
	表示奇数
}*/
/*:first-child{
	首个子元素
}*/
/*:nth-child(2){
	第二个子元素
}*/
/*:last-child{
	最后一个子元素
}*/
/*字体大小*/
.fon_size_24{
	font-size: 24px;
}
.fon_size_18{
	font-size: 18px;
}
.fon_size_16{
	font-size: 16px;/*导航*/
}
.fon_size_14{
	font-size: 14px;
}
.fon_size_12{
	font-size: 12px;/*待定*/
}
/*字体颜色*/
.color_00{
	color: #0055a2;/*主色*/
}
.color_33{
	color: #333333;
}
.color_80{
	color: #808080;
}
.color_fff{
	color: #fff;
}
.cursor{
	cursor: default;/*手势*/
}
.a-i-c{
	display: flex;
	align-items: center;/*垂直居中*/
}
.a-i-f{
	display: flex;
	align-items:flex-end;/*下对齐*/
}
.j-c-f-s{
	display: flex;
	justify-content:flex-start;/*左对齐*/
}
.j-c-f-e{
	display: flex;
	justify-content:flex-end;/*右对齐*/
}
.j-c-c{
	display: flex;
	justify-content:center;/*水平居中*/
}
.j-c-s-b{
	display: flex;
	align-items: center;
	justify-content: space-between;/*两端对齐，项目之间的间隔都相等。*/
}
.w-l-c-1{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	/*段落限制1行*/
}
.w-s-n{
	/*单行省略号*/
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.w-w-b-w{
	word-wrap: break-word;/*换行*/
}
/*下拉缓慢加载*/
.move1,.move2,.move3,.move4,.move5 {
	opacity: 0;
	transition: all 0.8s ease 0.3s
}
.move1 {
	transform: translateY(70px)
}
.move2 {
	transform: translateY(-70px)
}
.move3 {
	transform: translateX(70px)
}
.move4 {
	transform: translateX(-70px)
}
.move5 {
	transform: translateY(70px)
}
.move1.move-run,.move2.move-run {
	transform: translateY(0px);
	opacity: 1
}
.move3.move-run,.move4.move-run {
	transform: translateY(0px);
	opacity: 1
}
.move5.move-run {
	transform: translateY(0px);
	opacity: 1
}
@keyframes show {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}
@keyframes suofang {
	0% {
		transform: scale(1)
	}

	100% {
		transform: scale(1.3)
	}
}
@keyframes trans {
	0% {
		opacity: 0;
		transform: translateY(60px)
	}

	100% {
		opacity: 1;
		transform: translateY(0px)
	}
}
@keyframes move {
	0% {
		transform: translateY(-10px)
	}

	100% {
		transform: translateY(10px)
	}
}
/*基础样式 end*/
.menu span,.header-right {
	-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-lang {
	float: left;
	width: auto;
	position: relative;
	font-size: 14px;
	cursor: pointer;
	height: 90px;
	line-height: 90px;
}
.header-lang span {
	position: relative;
	height: 30px;
	border-radius: 30px;
	border: 1px solid #000;
	padding:5px 10px 5px 30px;
	color: #333333;
	-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-lang span:before {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 8px;
	top: 0px;
	background: url("../images/nav1.png") no-repeat left 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-lang span:after {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	left: 8px;
	top: 0px;
	background: url("../images/nav1on.png") no-repeat left 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;
	opacity: 0;
}
.header-lang p {
	width: 100px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%) scaleY(0);
	top: 90px;
	background: #fff;
	box-shadow: 0px 0px 12px 4px rgba(0,0,0,0.06);
	padding: 10px 0px;
	-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;
	border-radius: 6px;
	opacity: 0;
	visibility: hidden;
	transform-origin: top;
}
.header-lang p a {
	width: 100%;
	line-height: 32px;
	text-align: center;
	display: block;
	font-size: 14px;
	color: #333333;
}
.header-lang p:before {
	width: auto;
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -10px;
	border-bottom: 10px #fff solid;
	border-left: 10px transparent solid;
	border-right: 10px transparent solid;
}
.header-lang p a:hover {
	color: #0055a2;
}
.header-lang:hover p {
	transform: translateX(-50%) scaleY(1);
	opacity: 1;
	visibility: visible;
}
/**********************导航**********************/
.header {
	width: 100%;
	height: 90px;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1000;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.02);
	-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 .logo {
	height: 90px;
	display: flex;
	align-items: center;/*垂直居中*/
	float: left;
	-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 .logo img {
	display: block;
	width: 100%;
}
.header .logo img:last-child {
	display: none;
}
.header .header-ul {
	float: right;
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.header .header-ul ul {
	width: auto;
	height: 100%;
}
.header .header-ul ul li {
	float: left;
	width: auto;
	height: 100%;
	margin-right: 50px;
	position: relative;
}
.header .header-ul ul li.act {
	position: static;
}
.header .header-ul ul li:last-child {
	margin-right: 0px;
}
.header .header-ul ul li span {
	width: 100%;
	height: 90px;
	line-height: 90px;
	display: block;
	overflow: hidden;
	position: relative;
}
.header .header-ul ul li span:before {
	width: 0%;
	height: 2px;
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #0055a2;
	-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 .header-ul ul li span a {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	font-size: 16px;
	color: #333333;
	-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 .header-ul ul li:hover span:before,
.header .header-ul ul li.ons span:before {
	width: 100%;
}
/*导航下拉*/
.header .sub-nav {
	width: auto;
	position: absolute;
	left: 50%;
	top: 90px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	opacity: 0;
	visibility: hidden;
	transform-origin: top;
	transform: translateX(-50%) scaleY(0);
	box-shadow: 0px 5px 12px 5px rgba(0,0,0,0.02);
}
.header .header-ul ul li:hover .sub-nav {
	opacity: 1;
	visibility: visible;
	transform: translateX(-50%) scaleY(1);
}
.header .sub-nav p {
	width: 100%;
	background: #fff;
	overflow: hidden;
	border-radius: 0px 0px 5px 5px;
	padding: 10px 0px;
}
.header .sub-nav p em {
	width: 100%;
	display: block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	position: relative;
}
.header .sub-nav p em:before {
	width: 0%;
	height: 100%;
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	background: #0055a2;
	-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 p em:hover:before {
	width: 100%
}
.header .header-ul ul li .sub-nav p em a {
	width: 100%;
	height: 100%;
	display: block;
	font-size: 14px;
	color: #333333 !important;
	white-space: pre;
	padding: 0px 20px;
	box-sizing: border-box;
	position: relative;
	z-index: 12
}
.header .header-ul ul li .sub-nav p em:hover a {
	color: #fff !important
}
/*导航下拉 end*/
.header .header-right {
	width: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	height: 100%;
}
.header .menu {
	display: none;
}
.nav-style1 .header {
	background: #fff !important;
	box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.02) !important;
}
.nav-style1 .header .logo img {
	display: block !important;
}
.nav-style1 .header .logo img:last-child {
	display: none !important;
}
.nav-style1 .header .header-ul ul li span a {
	color: #333333 !important;
}
.nav-style1 .header .header-ul ul li:before {
	background: #000 !important;
}
.nav-style1 .header a:before,
.nav-style1 .header .header-lang span:before {
	opacity: 1 !important;
}
.nav-style1 .header a:after,
.nav-style1 .header .header-lang span:after {
	opacity: 0 !important;
}
.nav-style1 .header a,
.nav-style1 .header a,
.nav-style1 .header{
	color: #333333 !important;
}
.nav-style1 .header .header-lang span {
	color: #333333 !important;
	border: 1px solid #000 !important;
}
/*导航切换一*/
.nav-style .header.bg1 {
	background: rgba(255,255,255,0);
	box-shadow: none;
}
.nav-style .header.bg1 .logo img {
	display: none;
}
.nav-style .header.bg1 .logo img:last-child {
	display: block;
}
.nav-style .header.bg1 .header-ul ul li span a {
	color: #333333;
}
.nav-style .header.bg1 .header-ul ul li:before {
	background: #fff;
}
.nav-style .header.bg1 a:before,
.nav-style .header.bg1 .header-lang span:before {
	opacity: 0;
}
.nav-style .header.bg1 a:after,
.nav-style .header.bg1 .header-lang span:after {
	opacity: 1;
}
.nav-style .header.bg1 a,
.nav-style .header.bg1 a,
.nav-style .header.bg1 {
	color: #333333;
}
.nav-style .header.bg1 .header-lang span {
	color: #fff;
	border: 1px solid #fff;
}
/*导航切换二*/
.nav-style .header.bg2 {
	background: rgba(255,255,255,0);
	box-shadow: none;
}
.nav-style .header.bg2 .logo img {
	display: none;
}
.nav-style .header.bg2 .logo img:last-child {
	display: block;
}
.nav-style .header.bg2 .header-ul ul li span a {
	color: #fff;
}
.nav-style .header.bg2 .header-ul ul li:before {
	background: #fff;
}
.nav-style .header.bg2 a:before,
.nav-style .header.bg2 .header-lang span:before {
	opacity: 0;
}
.nav-style .header.bg2 a:after,
.nav-style .header.bg2 .header-lang span:after {
	opacity: 1;
}
.nav-style .header.bg2 a,
.nav-style .header.bg2 a,
.nav-style .header.bg2 {
	color: #333333;
}
.nav-style .header.bg2 .header-lang span {
	color: #fff;
	border: 1px solid #fff;
}
/**********************导航 end******************/
.img_on {
	margin: 0 auto;
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%, 0%);
	/* Adjust for img size */
	text-align: center;
	margin: 0 auto;
	display: block;
	image-rendering: -webkit-optimize-contrast;
}
/**********************首页大图 ******************/
.swiper {
    height: 100%;
}
.banner {
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: relative;
}
.banner img {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden;
	object-fit: cover;
}
.banner .swiper-slide {
	overflow: hidden;
	position: relative;
}
.banner .swiper-slide a {
	width: 100%;
	height: 100%;
	display: block;
}
.banner .swiper-button-prev,
.banner .swiper-button-next{
	display: block;
}
.banner-ver{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 12;
	color: #fff;
}
.banner-ver h3 {
	width: 100%;
	font-size: 50px;
	font-weight: bold;
	transform: translateY(60px);
	opacity: 0;
	-webkit-transition: all 1.5s ease 1s;
	-moz-transition: all 1.5s ease 1s;
	-ms-transition: all 1.5s ease 1s;
	-o-transition: all 1.5s ease 1s;
	transition: all 1.5s ease 1s;
}
.Project_Name{
	position: absolute;
	left: 50%;
	bottom: 80px;
	transform: translate(-50%, -50%);
	z-index: 12;
	color: #fff;
}
.Project_Name p{
	font-size: 26px;
	text-align: right;
	line-height: 32px;
	transform: translateY(60px);
	opacity: 0;
	-webkit-transition: all 1.5s ease 1s;
	-moz-transition: all 1.5s ease 1s;
	-ms-transition: all 1.5s ease 1s;
	-o-transition: all 1.5s ease 1s;
	transition: all 1.5s ease 1s;
}
/* .banner-ver p {
	width: 52%;
	font-size: 18px;
	line-height: 32px;
	margin-top: 44px;
	transform: translateY(60px);
	opacity: 0;
	-webkit-transition: all 1.5s ease 0.2s;
	-moz-transition: all 1.5s ease 0.2s;
	-ms-transition: all 1.5s ease 0.2s;
	-o-transition: all 1.5s ease 0.2s;
	transition: all 1.5s ease 0.2s;
}
.banner-more {
	width: 100%;
	margin-top: 42px;
	transform: translateY(60px);
	opacity: 0;
	-webkit-transition: all 1.5s ease 0.2s;
	-moz-transition: all 1.5s ease 0.2s;
	-ms-transition: all 1.5s ease 0.2s;
	-o-transition: all 1.5s ease 0.2s;
	transition: all 1.5s ease 0.2s;
}
.banner-ver em {
	width: 136px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	display: block;
	border-radius: 20px;
	background: #ff4b40;
	text-align: center;
	font-size: 16px;
	-webkit-transition: all 1.5s ease 0.2s;
	-moz-transition: all 1.5s ease 0.2s;
	-ms-transition: all 1.5s ease 0.2s;
	-o-transition: all 1.5s ease 0.2s;
	transition: all 1.5s ease 0.2s;
	color: #fff;
} */
.banner-ver em:hover {
	box-shadow: 0px 0px 12px 5px rgba(255,77,65,0.5);
}
.banner .swiper-pagination {
	bottom: 30px;    
	bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.banner .swiper-pagination span {
	background: #fff;
	margin: 0 5px;
	opacity: 1;
	-webkit-transition: all 1.5s ease 0.2s;
	-moz-transition: all 1.5s ease 0.2s;
	-ms-transition: all 1.5s ease 0.2s;
	-o-transition: all 1.5s ease 0.2s;
	transition: all 1.5s ease 0.2s;
}
.banner .swiper-pagination .swiper-pagination-bullet-active {
	background: #0055a2;
}
.banner .swiper-slide-active .banner-ver h3,
.banner .swiper-slide-active .banner-ver p,
.banner .swiper-slide-active .banner-more {
	opacity: 1;
	transform: translateY(0px);
}
.banner .swiper-slide:nth-child(7) .banner-ver h3,
.banner .swiper-slide:nth-child(7) .banner-ver p,
.banner .swiper-slide:nth-child(7) .banner-ver .banner-more{
	color: #fff;
	/* transform: translateY(-90px); */
}
.banner .swiper-slide-active .Project_Name p{
	opacity: 1;
	transform: translateY(0px);
}

/**********************首页大图 end***************/
/**********************内页大图 ******************/
.page_banner_img{
	width: 100%;
    position: relative;
    padding-top: 26%;
    margin: 0 auto;
    overflow: hidden;
}
.page_banner_img img {
	position:absolute;
    top: 0;
    left: 0%;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.page_banner_img .title{
	position: absolute;
	top: 50%;
	left: 0%;
	right: 0;
	transform: translate(0%, -50%);
	z-index: 1;
	margin: 0 auto;
	color: #fff;
}
.page_banner_img .title h1{
	font-size: 58px;
	font-weight: normal;
	line-height: 1;
}
/**********************内页大图 end***************/
.w1200{
	width: 1200px;
	margin: 0 auto;
}
.w1000{
	width: 1000px;
	margin: 0 auto;
}
.m-t{
	margin-top: 120px;
}
.m-b{
	margin-bottom: 120px;
}
.p-t-b{
	padding-top: 120px;
	padding-bottom: 120px;
}
/*右侧悬浮**/
.Top_up_right {
	width: auto;
	position: fixed;
	right: 10px;
	bottom: 10%;
	transform: translateY(-50%);
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	-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;
}
.Top_up_right.active {
	opacity: 1;
	visibility: visible;
}
.Top_up_back {
	width: 50px;
	height: 50px;
	background: rgba(0,0,0,0.4) url("../images/top-4.png") no-repeat center;
	background-size: 30px 30px;
	cursor: pointer;
}
.Top_up_back:hover {
	background: #0055a2 url("../images/top-4.png") no-repeat center;
	background-size: 30px 30px;
}
/**********************首页标题******************/
.home_tithead {
	text-align: left;
	position: relative;
	z-index: 12;
	margin-top: 0px;
	margin-bottom: 40px;
}
.home_tithead h3 {
	width: 100%;
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	color: #0055a2;
	white-space: pre;
}
.home_tithead p {
	width: 100%;
	font-size: 18px;
	color: #808080;
	line-height: 1;
	font-weight: normal;
	margin-top: 10px;
	text-transform: capitalize;/*首字母大写*/
}
/**********************首页标题 end**************/
/**********************内页-公共标题 *************/
.page_Tit{
	text-align: center;
}
.page_Tit span {
	font-size: 48px;
	letter-spacing: 2px;
	line-height: 1.4;
	font-weight: 600;
}
.page_Tit span b {
	color: #0055a2;
	font-size: 48px;
	line-height: 1.4;
	letter-spacing: 2px;
	font-weight: 600;
}
.page_Tit p{
	color: #cbcbcb;
	font-size: 24px;
	line-height: 1;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 5px;
}
/**********************内页-公共标题 end**********/
/**********************首页-关于我们 *************/
.hydl_Content_1{
	overflow: hidden;
	background: #f5f5f5;
}
.hydl_Content_1 .hydl_Content_1Aboutus .content{
	background-color: #fff;
	display: flex;
	align-items: center;/*垂直*/
	justify-content: space-between;/*两端对齐*/
}
.hydl_Content_1 .hydl_Content_1Aboutus .content .w50{
	/* width: 50%; */
	width: 600px;
}
.hydl_Content_1 .hydl_Content_1Aboutus .content .img{
	position: relative;
	padding-top: 21.666%;
	margin: 0 auto;
	overflow: hidden;
	transition: all 1s;
}
.hydl_Content_1 .hydl_Content_1Aboutus .content img{
	position: absolute;
	top: 0;
	left: 0%;
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: all 0.48s;
}
.hydl_Content_1 .hydl_Content_1Aboutus .content:hover .img img{
	/*图片放大*/
	transform:scale(1.1);
	transition:all 1s;
}
.hydl_Content_1 .hydl_Content_1Aboutus .content .text{
	width: 500px;
	padding: 0 50px;
	display: flex;
	justify-content:flex-start;/*左对齐*/
	flex-wrap: wrap;/*换行*/
}
.hydl_Content_1 .hydl_Content_1Aboutus .content .text h1{
	position: relative;
	margin-bottom: 40px;
}
.hydl_Content_1 .hydl_Content_1Aboutus .content .text h1::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #333333;
	left: 0;
	bottom: -8px;
}
.hydl_Content_1 .hydl_Content_1Aboutus .content .text p{
	line-height: 24px;
	text-align: justify;
	/*段落限制1行*/
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.hydl_Content_1 .hydl_Content_1Aboutus .content .text .more{
	width: 107px;
	height: 29px;
	line-height: 29px;
	background-color: #808080;
	border-radius: 4px;
	text-align: center;
	margin-top: 35px;
}
.hydl_Content_1 .hydl_Content_1Aboutus .content .text .more:hover{
	background-color: #0055a2;
}
/**********************首页-工程案例 *************/
.hydl_Content_2{
	overflow: hidden;
	background: #fff;
}
.hydl_Content_2 .Case_more{
	margin: 0 auto;
	margin-top: 40px;
}
.hydl_Content_2 .Case_more,
.hydl_Content_3 .New_more{
	width: 78px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	background: #549cdd;
	display: block;    
	padding-left: 10px;
}	
.hydl_Content_2 .Case_more span,
.hydl_Content_3 .New_more span{
	width: 31px;
	height: 26px;
	line-height: 26px;
	background: #0055a2;
	font-weight: bold;
	display: block;
	text-align: center;
    float: right;
}
.hydl_Content_2Case{
	position: relative;
}
.hydl_Content_2Case .Content_2Case .Content_2Case_list{
	display: block;
	background: #f5f5f5;
}
.hydl_Content_2Case .Content_2Case .Content_2Case_list .content_list_img{
	position: relative;
	display: block;
	width: 100%;
	padding-top: 52.333%;
	margin: 0 auto;
	overflow: hidden;
	transition: all 1s;
}
.hydl_Content_2Case .Content_2Case .Content_2Case_list .content_list_img img{
	position:absolute;
	top: 0;
	left:0%;
	height:100%;
	width: 100%;
	object-fit: cover;
	transition: all 0.48s;
}
.hydl_Content_2Case .Content_2Case .Content_2Case_list:hover .content_list_img img{
	/*图片放大*/
	transform:scale(1.1);
	transition:all 1s;
}
.hydl_Content_2Case .Content_2Case .Content_2Case_list .content_list_title{
	font-weight: bold;
	text-align: center;
	padding: 0 20px;
	margin: 20px 0;
	/*段落限制1行*/
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.hydl_Content_2Case .Content_2Case .Content_2Case_list:hover .content_list_title{
	color: #005ecc;
}
.hydl_Content_2Case .Content_2Case .Content_2Case_list p{
	line-height: 24px;
	text-align: justify;
	padding: 0 22px;
	/*段落限制3行*/
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.hydl_Content_2Case .Content_2Case .Content_2Case_list .more{
	display: block;
	width: 122px;
	line-height: 36px;
	border-radius: 36px;
	text-align: center;
	border: 1px solid #808080;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.hydl_Content_2Case .Content_2Case .Content_2Case_list:hover .more{
	border: 1px solid #005ecc;
	background: #005ecc;
	color: #fff;
}
.hydl_Content_2Case .Content_2Case .swiper-button-prev:after,
.hydl_Content_2Case .Content_2Case .swiper-button-next:after{
	font-size: 36px;
}
.hydl_Content_2Case .Content_2Case .swiper-button-prev{
	left: 0px;
}
.hydl_Content_2Case .Content_2Case .swiper-button-next{
	right: 0px;
}
.hydl_Content_2Case .Content_2Case .swiper-pagination{
	display: flex;
	justify-content: center;
	width: 100%;
}
.hydl_Content_2Case .Content_2Case .swiper-pagination p,
.hydl_Content_2Case .Content_2Case .swiper-pagination span{
	display: block;
}
.hydl_Content_2Case .Content_2Case .swiper-pagination span{
	margin: 0px 4px;
	margin-top: 40px;
}
/**********************首页-新闻中心 *************/
.hydl_Content_3{
	background: url("../images/new_bg.jpg") no-repeat;
	background-color: #f5f5f5;
	background-size: cover;
	background-position: center bottom;
}
.hydl_Content_3New{
	overflow: hidden;
}
.hydl_Content_3New .Content_3New_fl{
	float: left;
	width: 475px;
}
.hydl_Content_3New .Content_3New_fl .new_img{
	position: relative;
	display: block;
	width: 100%;
	padding-top: 51%;
	margin: 0 auto;
	overflow: hidden;
	transition: all 1s;
}
.hydl_Content_3New .Content_3New_fl .new_img img{
	position:absolute;
	top: 0;
	left: 0%;
	height: 100%;
	width: 100%;
	object-fit: cover;
	transition: all 0.48s;
}
.hydl_Content_3New .Content_3New_fl:hover .new_img img{
	/*图片放大*/
	transform:scale(1.1);
	transition:all 1s;
}
.hydl_Content_3New .Content_3New_fl .new_text{
	background: #fff;
	padding: 20px;
}
.hydl_Content_3New .Content_3New_fl .new_text h1{
	font-weight: bold;
	/*段落限制1行*/
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.hydl_Content_3New .Content_3New_fl .new_text p{
	line-height: 24px;
	margin: 15px 0;
	/*段落限制2行*/
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.hydl_Content_3New .Content_3New_fr{
	float: right;
	width: 687px;
}
.hydl_Content_3New .Content_3New_fr ul li{
	border: 1px solid #e5e5e5;
	background: #f9f9f9;
	padding: 15px;
	overflow: hidden;
	position: relative;
}
.hydl_Content_3New .Content_3New_fr ul li a{
	display: flex;
	align-items: center;/*垂直*/
	justify-content:flex-start;/*左对齐*/
	flex-wrap: wrap;/*换行*/
 }
.hydl_Content_3New .Content_3New_fr ul li .fl{
	background: #549cdd;
	width: 14%;
}
.hydl_Content_3New .Content_3New_fr ul li .fr{
	width: 82%;
	padding-left: 3%;
}
.hydl_Content_3New .Content_3New_fr ul li .fl p{
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.hydl_Content_3New .Content_3New_fr ul li .fl p:nth-child(1){
	font-size: 48px;
	line-height: 62px;
	height: 62px;
}
.hydl_Content_3New .Content_3New_fr ul li .fl p:nth-child(2){
	font-size: 16px;
	line-height: 26px;
	height: 26px;
	background: #0055a2;
}
.hydl_Content_3New .Content_3New_fr ul li .fr h1{
	font-weight: bold;
	/*段落限制1行*/
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.hydl_Content_3New .Content_3New_fr ul li .fr p{
	line-height: 24px;
	margin-top: 8px;
	/*段落限制2行*/
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.hydl_Content_3New .Content_3New_fr ul li a:hover .fr h1{
	color: #0055a2;
}
.hydl_Content_3New .Content_3New_fr ul li a::before{
	content: '+';
	position: absolute;
	right: 6px;
	bottom: 2px;
	z-index: 2;
	color: #fff;
    font-size: 20px;
    font-weight: bold;
}
.hydl_Content_3New .Content_3New_fr ul li a::after{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: 0;
	height: 0;
	/* 保留顶部（透明）、左侧（透明），不保留底部和右侧（实心） */
	border-top: 22px solid transparent;
	border-left: 22px solid transparent;
	border-bottom: 22px solid #0055a2;
	border-right: 22px solid #0055a2;
}
.hydl_Content_3New .Content_3New_fr ul li.m-b{
	margin-bottom: 20px;
}
/**********************首页-底部 *******************/
.hydl_Content_4{
	background: #484848;
	height: 111px;
	display: flex;
	align-items: center;/*垂直*/
}
.hydl_Content_4 .Content_4Footer{
	display: flex;
	align-items: center;/*垂直*/
	justify-content: space-between;/*两端对齐，项目之间的间隔都相等。*/
}
.hydl_Content_4 .Content_4Footer .logo{
	display: flex;
	align-items: center;/*垂直*/
}
.hydl_Content_4 .Content_4Footer .textl{
	width: 470px;
	height: 60px;
	display: flex;
	flex-wrap: wrap;/*换行*/
	align-items: center;/*垂直*/
	justify-content: space-between;/*两端对齐，项目之间的间隔都相等。*/
}
.hydl_Content_4 .Content_4Footer .textl p{
	position: relative;
}
.hydl_Content_4 .Content_4Footer .textl p:nth-child(1)::after{
	content: '';
	position: absolute;
	left: -22px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	width: 12px;
	height: 16px;
	background: url("../images/icon1.png") no-repeat;
	background-size: cover;
	background-position: center center;
}
.hydl_Content_4 .Content_4Footer .textl p:nth-child(2)::after{
	content: '';
	position: absolute;
	left: -22px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	width: 14px;
	height: 16px;
	background: url("../images/icon2.png") no-repeat;
	background-size: cover;
	background-position: center center;
}
.hydl_Content_4 .Content_4Footer .textl p,
.hydl_Content_4 .Content_4Footer .textl p a{
	color: #fff;
}
.hydl_Content_4 .Content_4Footer .qr_code p{
	margin-top: 10px;
}
/*********************内页公共*********************/
.Inside_center{
    overflow: hidden;
}
.Inside_center .Inside_l{
    width: 260px;
    float: left;
    overflow: hidden;
    background-color: #0055a2;
}
.Inside_center .Inside_l .Page_title h2{
    font-weight: bold;
    height: 75px;
    line-height: 75px;
    text-align: left;
    padding-left: 50px;
}
.Inside_center .Inside_l .Page_class{
    display: block;
    margin-left:12px;
    background-color: #ebf0fa;
    background-position:bottom right;
    padding-top: 7px;
    padding-bottom: 70px;
}
.Inside_center .Inside_l .Page_class .class_item{
    display: block;
    width: auto;
    border-bottom: 2px solid #fff;
}
.Inside_center .Inside_l .Page_class .class_item a.selected{
    background-color: #0055a2;
    color: #fff;
    border-bottom: 2px solid #fff;
    margin-top: 5px;
}
.Inside_center .Inside_l .Page_class .class_item a{
    display: block;
    padding-left: 40px;
    width: auto;
    height: 55px;
    line-height: 55px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    font-weight: normal;
    word-wrap: break-word;
    background: none;
    border-bottom: none;
    border-top: none;
    text-align: left;
}
.Inside_center .Inside_l .Page_class .class_item .sub_list a{
    color: #5f6366;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    border-top: none;
    background: #fff;
    height: 40px;
    line-height: 40px;
    padding-left: 60px;
}
.Inside_center .Inside_l .Page_class .class_item:hover{
    background-color: #0055a2;
}
.Inside_center .Inside_l .Page_class .class_item:hover .class_name{
    color: #fff;
}
/*右*/
.Inside_center .Inside_r{
    width: 880px;
    min-height: 650px;
    float: right;
}
.Inside_center .Inside_r .Page_title{
    background-color:#f2f2f2;
    position: relative;
}
.Inside_center .Inside_r .Page_title h2{
    padding-left: 50px;
    font-weight: bold;
    height: 42px;
    line-height:42px;
    position: relative;
    width: 34%;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.Inside_center .Inside_r .Page_title h2::after{
    content: '';
    position: absolute;
    width: 20px;
    height: 4px;
    background-color: #0055a2;
    left:20px;
    top: 50%;
    transform: translate(0%,-50%);
}
.Inside_center .Inside_r .Page_title .bread{
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translate(0%,-50%);
}
.Inside_center .Inside_r .Page_title .bread a:hover{
    color: #0055a2;
}
.Inside_center .Inside_r .Page_title .bread .possplit{
    margin: 0 5px;
}
/*********************内页页码 ********************/
.page {
	text-align: center;
	display: flex;
	justify-content:center;/*水平居中*/
}
.prev, .next {
	display: block;
	position: relative;
	width: 60px !important;
	height: 48px;
	line-height: 48px;
	text-align: center;
	box-sizing: border-box;
	font-size: 14px;
	color: #333;
	border: #eee solid 1px;
	background: #fff;
	margin: 0 6px;
	border-radius: 4px;
}
.page a {
	display: block;
	position: relative;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	box-sizing: border-box;
	font-size: 14px;
	color: #333;
	border: #eee solid 1px;
	background: #fff;
	margin: 0 6px;
	border-radius: 4px;
}
.page .current{
	background-color: #0055a2;
	color: #fff;
	border: 1px solid #eee;
	display: block;
	position: relative;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	box-sizing: border-box;
	font-size: 14px;
	margin: 0 6px;
	border-radius: 4px;
}
.page .num{
	font-size: 14px;
	color: #333;
	background-color: #fff;
	border: 1px solid #eee;
}
.page .prev{
	background-color: #fff;
	border: 1px solid #eee;
	color: #333;
}
.page .next{
	background-color: #fff;
	border: 1px solid #eee;
	color: #333;
}
.page .end{
	font-size: 14px;
	color: #333;
	background-color: #fff;
	border: 1px solid #eee;
}
.page .end:hover{
	background-color: #0055a2;
	color: #fff;
}
.page .num:hover{
	background-color: #0055a2;
	color: #fff;
}
.page .prev:hover{
	background-color: #0055a2;
	color: #fff;
}
.page .next:hover{
	background-color: #0055a2;
	color: #fff;
}
.page .selected{
	background-color: #0055a2;
	color: #fff;
}
/*********************内页新闻 ********************/
.page_New .Content_3New_fr{
	width: auto;
}
.page_New .Content_3New_fr ul li{
	margin-top: 30px;
}
.page_New .Content_3New_fr ul li .fl{
	width: 88px;
}
.page_New .Content_3New_fr ul li .fr{
	width: 86%;
}
/*********************内页案例 ********************/
.page_Case .Content_2Case{
	margin-top: 30px;
	display: flex;
	justify-content:flex-start;/*左对齐*/
	flex-wrap: wrap;/*换行*/
}
.page_Case .Content_2Case .Content_2Case_list{
	width: 32%;    
	margin-left: 2%;
	margin-bottom: 2%;
}
.page_Case .Content_2Case .Content_2Case_list:nth-child(3n+1){
    margin-left: 0%;
}
.page_Case .Content_2Case .Content_2Case_list .content_list_img{
	padding-top: 64%;
}
/*********************内页详情 ********************/
.page_details{
	overflow: hidden;
	margin-top: 40px;
}
.page_details .details_title{
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}
.page_details .details_title dd{
	line-height: 2;
    font-weight: bold;
    padding-bottom: 20px;
}
.page_details .details_title .vertical{
	display: flex;
	justify-content:center;/*水平居中*/
}
.page_details .details_title dt div {
    padding-right: 50px;
    display: inline-block;
    line-height: 2;
}
.page_details .details_title dt div:last-child{
	/*最后一个子元素*/
    padding-right: 0px;
}
.page_details .details_content{
    padding: 35px 0px;
	min-height: 600px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
}
.page_details .details_content .details_content_top{
    width: auto;
    margin: 0 auto;
}
.page_details .details_content .details_content_top p{
	font-size: 16px;
    line-height: 2;
}
.page_details .details_content img{
    width: 100%;
    display: block;
    margin: 0 auto;
}
.page_details .details_content .details_page{
	margin-top: 35px;
    padding-top: 35px;
	padding-bottom: 35px;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
.page_details .details_content .details_page .page_left_list {
    font-size: 14px;
    color: #333;
    margin-top: 18px;
}
.page_details .details_content .details_page .page_left_list a{
    color: #333;
}
.page_details .details_content .details_page .page_left_list:first-child {
    margin-top: 0px;
}
.page_details .details_content .details_page .page_left_list a:hover{
    color: #0055a2;
}