@charset "utf-8";

/* CSS Document */
.banner {
	width: 100%;
	height: 410px;
	margin-top: 95px;
	display: table;
	position: relative;
}

.banner img {
	width: 100%;
	height: 410px !important;
}

.banner .banner-text {
	position: absolute;
	top: 30%;
	left: 10%;
}

.banner .banner-text .banner-text-pm {
	display: flex;
}

.banner .banner-text .banner-text-pm p {
	font-size: 43px;
	font-weight: 500;
	line-height: 60px;
}

.banner .banner-text .banner-text-pv p {
	font-weight: 500;
	font-size: 43px;
	color: #103E84;
	line-height: 60px;
}


.banner .banner-text span {
	display: inline-block;
	padding-top: 20px;
	font-weight: 400;
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	width: 538px;
	text-wrap: wrap;
}

.banner .text-color p {
	color: #103E84 !important;
}

.banner .banner-text p:first-child {
	font-size: 45px;
	font-weight: bold;
}
.banner .banner-text p:last-child {
	font-size: 32px;
	font-weight: bold;
}
.banner .contact-ui {
	height: 100px;
	display: none;
}

.banner .contact-ui p {
	margin-top: -100px;
	margin-left: 58px;
	font-size: 41px;
	font-weight: 600;
	background: linear-gradient(90deg, #ff0000, #00ff00, #0000ff, #ff0000);
	background-size: 200% auto;
	color: #000;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: shimmer 3s linear infinite;
	position: relative;

}

@keyframes shimmer {
	0% {
		background-position: 0% 50%;
	}

	100% {
		background-position: 100% 50%;
	}
}

.content {
	width: 100%;
	height: 100%;
	display: table;
	margin: 0 auto;
}

.content_1 {
	background-image: url('/uploads/160322/content_1.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.content_1_box {
	width: 82%;
	margin: 0 auto;
	padding: 96px 0;
}

.content_1_box_left {
	width: 40%;
}

.content_1_box_left p:nth-child(2) {
	padding: 45px 0;
}

.content_1_box_left_bg {
	width: 360px;
	height: 360px;
}

.content_1_box_right_div {
	width: 720px;
	height: 363px;
}

.content_1_box_right_1,
.box_right_2 {
	width: 15%;
	background: #103E84;
}

.box_right_2 {
	background: #FF833A;
}

.content_1_box_right_text {
	width: 36px;
	height: 272px;
	background-image: url('/uploads/160322/1-1.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.content_1_box_right_text_2 {
	width: 36px;
	height: 194px;
	background-image: url('/uploads/160322/1-4.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.content_1_box_right_2 {
	width: 85%;
	background: rgba(255, 255, 255, 0.9);
}

.content_1_box_right_2_cont {
	width: 90%;
}

.box_right-list {
	width: 56%;
	font-size: 10px;
}

.box_right-bg {
	width: 39%;
	height: 255px;
	flex-shrink: 0;
	background-image: url('/uploads/160322/1-3.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right center;
}

.box_right-bg_2 {
	width: 50%;
	height: 158px;
	background-image: url('/uploads/160322/1-6.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.content_2 {
	width: 100%;
	height: 1200px;
	background-image: url('/uploads/160322/1-7.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.bg_line {
	height: 1px;
	background-image: url('/uploads/151106/air-1-02.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.content_com_box {
	width: 82%;
	margin: 0 auto;
}

.content_com_box_icon {
	width: 38px;
	height: 38px;
	border: 2px solid #103E84;
}

.air_bg_1 {
	height: 663px;
	background-image: url('/uploads/151106/air-1-01.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.air_bg_2 {
	width: 450px;
	height: 400px;
	/* background-image: url('/uploads/151106/air-1-03.png');
	background-repeat: no-repeat;
	background-size: cover; */
}

.air_bg_3 {
	width: 600px;
	height: 285px;
	/* background-image: url('/uploads/151106/air-1-04.png');
	background-repeat: no-repeat;
	background-size: cover; */
}

.air_bg_4 {
	width: 600px;
	height: 334px;
	/* background-image: url('/uploads/151106/air-1-05.png');
	background-repeat: no-repeat;
	background-size: cover; */
}

.content_air_bg {
	background-image: url('/uploads/151106/air-1-06.png');
	background-repeat: no-repeat;
	background-size: cover;

	.content_air_bg_1 {
		margin: 0 auto;
	}

	.content_air_bg_2 {
		height: 473px;
		background-color: rgba(255, 255, 255, 0.8);

		.content_air_bg_3 {
			width: 380px;
			height: 280px;
		}
	}
}

.content_air_bg_12 {
	background-image: url('/uploads/151106/air-2-01.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.content_air_bg_13 {
	height: 1274px;
	background-image: url('/uploads/151106/air-2-02.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.content_air_bg_14 {
	width: 89%;
	height: 1658px;
	background-image: url('/uploads/151106/air-3-01.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.content_air_bg_15 {
	height: 976px;
	background-image: url('/uploads/151106/air-3-02.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.content_air_bg_16 {
	height: 422px;
	background-image: url('/uploads/151106/air-3-03.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.project_bg_1 {
	height: 436px;
	background-repeat: no-repeat;
	background-size: cover;
}

.content_build_1 {
	background-image: url('/uploads/151106/build-1.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.content_build_3 {
	width: 205px;
	height: 182px;
	background: rgba(16, 62, 132, 0.9);
	border-radius: 3px 3px 3px 3px;
}

.content_build_4 {
	width: 67px;
	height: 67px;
}

.content_build_5 {
	background-image: url('/uploads/151106/build-14.png');
	background-repeat: no-repeat;
	background-size: cover;

	.content_build_6 {
		width: 984px;
		height: 446px;
		background-image: url('/uploads/151106/build-15.png');
		background-repeat: no-repeat;
		background-size: cover;
	}
}

.content_build_7 {
	background-image: url('/uploads/151106/build-16.png');
	background-repeat: no-repeat;
	background-size: cover;
}

.content_air_bg_21 {
	background-image: url('/uploads/151106/build-23.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.PM-EN-1{
	height: 1080px;
	background-image: url('/templets/hzkl/images/PM-en-1.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.PM-EN-2{
	background-image: url('/templets/hzkl/images/PM-en-2.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.PM-EN-3{
	height: 474px;
	background-repeat: no-repeat;
	background-size: cover;
}
.content_air_bg_pm{
	background-image: url('/templets/hzkl/images/PM-en-5.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.PM-EN-bg-1{
	height:792px ;
	background-image: url('/templets/hzkl/images/PM-en-02.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.PM-EN-bg-2{
	background-image: url('/templets/hzkl/images/PM-en-03.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.PM-EN-bg-4{
	height:425px ;
	background-image: url('/templets/hzkl/images/PM-en-04.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.PM-EN-bg-5{
	height:722px ;
}
.PM-EN-bg-6{
	height:744px ;
}
.PM-EN-bg-7{
	height: 1080px;
	background-image: url('/templets/hzkl/images/PM-en-13.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.PM-EN-bg-8{
	background-image: url('/uploads/151106/Integrated-1.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.PM-EN-bg-9{
	height: 1078px;
	background-image: url('/uploads/151106/Integrated-10.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.PowerMonitoring-bg-1{
	background-image: url('/templets/hzkl/images/PowerMonitoring-2.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.PowerMonitoring-bg-2{
	height: 940px;
	background-image: url('/templets/hzkl/images/PowerMonitoring-4.png');
	background-repeat: no-repeat;
	background-size: cover;
}








.content2 {
	border: none;
	min-height: 400px;
}

.content b {
	font-size: 18px;
	font-weight: 300;
	color: #052453;
	display: inline;
}


.left {
	float: left;
	margin-left: 12%;
}

.left h2 {
	font-size: 25px;
	font-weight: bold;
	color: #363636;
	margin-left: 23px;
	margin-top: 20px;
}

.left ul {
	margin-top: 38px;
	display: table;
}

.left ul li {
	width: 254px;
	margin: 10px 0;
}

.left ul li h3 {
	font-size: 18px;
	color: #363636;
	height: 40px;
	margin-left: 23px;
	line-height: 40px;
	font-weight: bold;
}

.left ul li a {
	font-weight: 500;
	font-size: 18px;
	display: block;
	line-height: 60px;
	padding-left: 50px;
	color: #333333;
	background: #F0F2F6;
	border-radius: 6px;
	white-space: nowrap;
}

.left ul li a:hover {
	/* width: 280px; */
	/* background-color: #E1EBFB;
	color: #103E84; */
	/* background: url(../images/nav-bg.png) no-repeat;
	background-size: contain;
	color: #fff; */
}

.left ul li .on {
	width: 204px;
	background: url(../images/nav-bg.png) no-repeat;
	background-size: auto;
	color: #fff;
}

.left ul li dl {
	display: none;
}

.left ul li dl dd a {
	margin-left: 20px;
	padding-left: 40px;
	margin-top: 6px;
	background: #F0F2F6;
	line-height: 40px;
	border-radius: 5px;
}

.left ul li dl dd .son {
	width: 194px !important;
	background-color: #E1EBFB;
	color: #103E84;
}

.left ul div {
	display: flex;
	align-items: center;
}


.left ul div span {
	display: inline-block;
	width: 3px;
	height: 24px;
	background: #103E84;
}







.banner .left-div {
	width: 254px;
	height: 70px;
	border-radius: 10px 10px 0px 0px;
	background: #103E84;
	border-bottom: 2px solid #FF7316;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 12%;
	bottom: 0;
}

.banner .left-div h2 {
	font-family: PingFangSC, PingFang SC;
	font-weight: 500;
	font-size: 24px;
	color: #FFFFFF;
}

.banner .left-div p {
	font-family: PingFangSC, PingFang SC;
	font-weight: 100;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.4);
	margin-left: 24px;
}

.left ul div h3 {
	font-family: PingFangSC, PingFang SC;
	font-weight: 500;
	font-size: 22px;
	color: #103E84;
	line-height: 30px;
	margin-left: 13px;
}

.right {
	width: 68%;
	float: right;
	display: table;
	padding-bottom: 30px;
}

.noleft {
	width: 88% !important;
}

.right p {
	font-size: 16px;
	color: #333;
	line-height: 25px;
	padding-top: 15px;
}



.mbx_box {
	width: 90%;
	display: table;
	border-bottom: 1px solid #E3E7EA;
	padding-bottom: 5px;
}

.mbx_box-right {
	/* margin-left: 6%; */
}

.air-right {
	width: 100%;
}

.mbx_box h3 {
	float: left;
	font-family: PingFangSC, PingFang SC;
	font-weight: 500;
	font-size: 28px;
	color: #333333;
	line-height: 45px;
	margin-top: 42px;
}

.mbx_box h3::after {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	background-color: #1B63A8;
	position: relative;
	top: 5px;
}

.mbx_box h3 span {
	font-size: 14px;
	font-weight: 300;
	color: #B7B7B7;
	padding-left: 10px;
	text-transform: uppercase;
}

.mbx_box p {
	float: right;
	min-width: 200px;
}

.mbx_box p strong {
	font-weight: 200;
	color: #999;
}

.mbx_box p a {
	display: inline-block;
	margin-right: 5px;
	color: #999;
}

.mbx_box p a:hover {
	color: #052453;
}

.mbx_box p span {
	display: inline-block;
	margin-right: 5px;
	color: #999;
}

.mbx_box p font {
	display: inline-block;
	color: #999;
}

.content2 .mbx_box p {
	margin-top: 20px;
}



.chuanxin,
.wenhua,
.jiejue {
	display: table;
	width: 90%;
}

.wenhua_text {
	width: 100%;
	background: #0000ff;

}

.chuanxin h2 {
	font-size: 30px;
	color: #052453;
	clear: both;
}

.chuanxin2 h3 {
	font-size: 18px;
	font-weight: bold;
	color: #052453;
	margin-top: 10px;
	margin-bottom: 15px;

}

.chuanxin2 p {
	padding-top: 0px;
}

.news {
	width: 90%;
	padding: 25px 0;
	display: table;
}

.news dl {
	width: 100%;
	display: table;
	margin-top: 40px;
	padding-bottom: 20px;
	border-bottom: 1px solid #E2E2E2;
}

.news dl dt {
	width: 285px;
	height: 140px;
	float: left;
}

.news dl dt img {
	width: 285px;
	height: 140px;
}

.news dl dt img:hover {
	opacity: 0.9;
}

.news dl dd {
	width: 588px;
	float: right;
}

.news dl dd h3 a {
	font-size: 18px;
	color: #052453;
}

.news dl dd span {
	font-size: 12px;
	color: #999;
	display: inline-block;
	margin-top: 10px;
}

.news dl dd p {
	color: #666;
	line-height: 25px;
}

.news dl dd strong a {
	color: #FF9A22;
	font-weight: 300;
	display: inline-block;
	margin-top: 10px;
}

.news dl dd a:hover {
	text-decoration: underline;
}

.news ul {
	width: 100%;
	display: table;
	margin-top: 30px;
}

.news ul li {
	width: 100%;
	border-bottom: 1px dotted #CCC;
}

.news ul li a {
	display: inline-block;
	margin-left: 25px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #666;
}

.news ul li font {
	float: right;
	font-size: 14px;
	color: #ccc;
	line-height: 50px;
}

.news ul li span {
	display: inline-block;
	width: 2px;
	height: 10px;
	background-color: #CCC;
}

.news ul li:hover a {
	color: #052453;
}

.news ul li:hover span {
	background-color: #FF9A22;
}



.fanye {
	width: 100%;
	text-align: center;
	margin-top: 40px;
}

.fanye a {
	display: inline-block;
	margin-right: 8px;
	padding: 5px 10px;
	background-color: #E7E7E7;
	color: #474747;
}

.fanye a:hover {
	background-color: #FF9A22;
	color: #fff;
}

.fanye .on {
	background-color: #FF9A22;
	color: #fff;
}





.title {
	width: 100%;
	border-bottom: 1px solid #E2E2E2;
	display: table;
	margin-top: 20px;
	padding-bottom: 10px;
}

.title h3 {
	font-size: 18px;
	color: #052453;
	text-align: center;
}

.title p {
	font-size: 13px;
	color: #999;
	text-align: center;
	padding-top: 3px !important;
}

.title p span {
	display: inline-block;
	margin-right: 30px;
}



.fanpian {
	margin-top: 20px;
	display: table;
	width: 100%;
}

.fanpian p {
	color: #999;
}

.fanpian p a {
	color: #999;
}

.fanpian p a:hover {
	color: #052453;
}



.subfan1 {
	float: left;
}

.subfan2 {
	float: right;
	display: table;
	margin-top: 30px;
}

.subfan2 p {
	display: inline-block;
	float: left;
}

.bdsharebuttonbox {
	display: inline-block;
	float: left;
	vertical-align: middle;
	margin-top: 9px;
}



.wenhua h3 {
	font-size: 18px;
	color: #052453;
	padding-top: 15px;
}

.wenhua h3 span {
	font-size: 16px;
	color: #484848;
}

.wenhua p {
	color: #333;
}



.jiejue h3 {
	font-size: 18px;
	color: #052453;
	padding-top: 15px;
}

.jiejue p {
	color: #333;
}

.jiejue p span {
	display: inline-block;
	width: 33%;
}

.tuoguan ul {
	padding-top: 20px;
}

.tuoguan ul li {
	width: 100%;
	border-bottom: 1px solid #E2E2E2;
	padding-bottom: 20px;
	display: table;
}

.tuoguan ul li h3 {
	font-size: 18px;
	color: #052453;
	padding-top: 15px;
}

.tuoguan ul li p {
	width: 90%;
	margin: 0 auto;
}

.tuoguan ul li p strong {
	display: block;
}



.tuoguan ul li h4 {
	font-size: 15px;
	color: #052453;
	line-height: 25px;
	margin-top: 20px;
}



.content2 h2 {
	width: 100%;
	height: 40px;
	margin-top: 30px;
	background-color: #F8F8F8;
}

.content2 h2 a {
	display: inline-block;
	font-size: 14px;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	color: #363636;
	margin-right: 1px;
}



.content2 h2 a:hover {
	background-color: #052453;
	color: #fff;
}

.content2 h2 .on {
	background-color: #052453;
	color: #fff;
}

.content2 h4 {
	font-size: 17PX;
	color: #363636;
	padding-bottom: 20px;
	border-bottom: 1px solid #E2E2E2;
	margin-top: 30px;
	text-align: center;
}



.content2 ul {
	width: 100%;
	margin-top: 25px;
	display: table;
}

.content2 ul div {
	/* width: 110%; */
	display: table;
}

.content2 ul li {
	width: 220px;
	float: left;
	margin-right: 25px;
}

.content2 ul li dl {
	width: 100%;
	height: 202px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.content2 ul li dl dt {
	width: 220px;
	height: 150px;
}

.content2 ul li dl dd {
	width: 100%;
	height: 50px;
	text-align: center;
	line-height: 50px;
}

.content2 ul li dl dd a {
	font-size: 14px;
	color: #363636;
}



.content2 ul li dl .dt2 {
	display: table;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.7);
	position: absolute;
	top: -150px;
}

.content2 ul li dl .dt2 img {
	float: left;
	margin-left: 28px;
	margin-top: 50px;
	margin-right: 15px;
}

.content2 ul li dl .dt2 h6 {
	font-size: 15px;
	color: #073A7E;
	margin-top: 50px;
}

.content2 ul li dl .dt2 p {
	font-size: 13px;
	color: #073A7E;
}



.content2 ul li dl:hover .dt2 {
	position: absolute;
	top: 0px;

	transition: .4s;

	-webkit-transition: .4s;

	-moz-transition: .4s;

	-ms-transition: .4s;

	-o-transition: .4s;

}

.content2 ul li dl:hover dd {
	background-color: #EE9211;

	transition: .4s;

	-webkit-transition: .4s;

	-moz-transition: .4s;

	-ms-transition: .4s;

	-o-transition: .4s;

}

.content2 ul li dl:hover dd a {
	color: #fff;

	transition: .4s;

	-webkit-transition: .4s;

	-moz-transition: .4s;

	-ms-transition: .4s;

	-o-transition: .4s;



}





.recruiting {
	width: 90%;
	padding: 25px 0;
	display: table;
}

.recruiting h2 {
	font-size: 18px;
	color: #052453;
	margin-top: 20px;
	width: 100%;
	height: 25px;
	line-height: 25px;
	background: url(../images/youjian.jpg) no-repeat left center;
	padding-left: 50px;
}



.huoban1 {
	width: 110%;
	display: table;
}

.huoban1 dl {
	width: 168px;
	float: left;
	margin-right: 14px;
	margin-top: 32px;
}

.huoban1 dl img {
	border: 1px solid #E3E3E3;
}

.huoban1 dl dd {
	text-align: center;
	padding-top: 17px;
	font-size: 14px;
}



.huoban1 ul {
	width: 95%;
	display: table;
}

.huoban1 ul li {
	width: 95%;
	display: table;
	margin-top: 16px;
	cursor: pointer;
}

.huoban1 ul li h6 {
	width: 95%;
	height: 56px;
	border: 1px solid #E7E7E7;
}

.huoban1 ul li h6:hover {
	border: 1px solid #EF7B00;
}

.huoban1 ul li h6 span {
	display: inline-block;
	border-left: 3px solid #EF7B00;
	margin-top: 18px;
	margin-left: 15px;
	font-weight: bold;
	padding-left: 15px;
	font-size: 16px;
	color: #2F2F2F;
}

.huoban1 ul li h6 a {
	float: right;
	width: 80px;
	margin-top: 18px;
	padding-left: 35px;
	font-size: 15px;
	color: #2F2F2F;
	background: url(../images/hs-sj.jpg) no-repeat left center;
}

.huoban1 ul li h6 a:hover {
	color: #124199;
}

.huoban1 ul li .yc {
	display: none;
}

.huoban1 ul li.active .yc {
	display: block;
}

.huoban1 ul li.active h6 {
	border: 1px solid #EF7B00;
}

.huoban1 ul li table {
	margin: 33px auto 0;
}

.huoban1 ul li table td {
	height: 35px;
	font-size: 14px;
	color: #2D2D2D;
}

.huoban1 ul li .yq {
	width: 95%;
	border-top: 1px solid #E3E3E3;
	margin-top: 29px;
}

.huoban1 ul li .yq p {
	width: 100%;
	padding-top: 5px;
	padding-left: 20px;
}



.DIRSI {
	width: 100%;
	display: table;
	padding: 30px 0;
}

.DIRSI h2 {
	font-size: 18px;
	color: #052453;
	margin-top: 20px;
}

.DIRSI h3 {
	font-size: 18px;
	margin-top: 15px;
}

.DIRSI p span {
	display: inline-block;
	width: 33%;
}



.main {
	width: 100%;
	display: table;
	background: #EAEEF3;
}

.main .main-into,
.main .main-fun {
	width: 80%;
	height: 100%;
	padding-bottom: 60px;
	margin: 0 auto;
}

.main .main-into .main-into-flex {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main .main-into .main-into-flex img {
	width: 50%;
	height: 380px;
	border-radius: 8px;
}

.main .main-into .main-into-flex div {
	width: 45%;
	height: 100%;
}

.main .main-into .main-into-flex div p {
	font-size: 41px;
	color: #103E84;
}

.main .main-into .main-into-flex div p:first-child {
	color: #F3840E !important;
}

.main .main-into .main-into-flex div span {
	display: inline-block;
	margin-top: 50px;
	margin-right: 30px;
	font-size: 16px;
	color: #333;
	line-height: 25px;
}

.main .main-into .main-into-tag {
	width: 100%;
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	flex-shrink: 0;
}

.main .main-into .main-into-tag div {
	width: 17%;
	padding: 12px 0;
	border: 1px solid #5C9BD5;
	color: #103E84;
	border-radius: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: 600;
	margin-top: 20px;
}

.main .main-fun .main-fun-flex,
.main .main-into .main-sub-flex,
.main .main-into .main-digi {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	flex-shrink: 0;
}

.main .main-fun .main-fun-flex div {
	width: 24%;
	height: 300px;
	border: 1px solid #5C9BD5;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 20px 0;
}

.main .main-fun .main-fun-flex div img {
	width: 65px;
	height: 65px;
	padding: 40px 0 20px;
}

.main .main-fun .main-fun-flex div p {
	font-size: 20px;
	color: #103E84;
	font-weight: 600;
}

.main .main-fun .main-fun-flex div span {
	font-size: 16px;
	color: #333;
	padding: 20px 30px 10px;

}

.main .main-into .main-sub {
	text-align: center;
	margin-top: -40px;
}

.main .main-into .main-sub p {
	font-size: 24px;
	color: #103E84;
	font-weight: 600;
}

.main .main-into .main-sub span {
	font-size: 16px;
	color: #333;
	line-height: 40px;
}

.main .main-into .main-sub-flex .image-container {
	margin-top: 30px;
	width: 14.2%;
	height: 100%;
	position: relative;
}

.main .main-into .main-sub-flex .image-container img {
	width: 100%;
	height: 100%;
	border-radius: 8px;
}

.main .main-into .main-sub-flex .image-container div {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	background: url(../images/yunpt-010.png) no-repeat;
	background-size: 100%;
}

.main .main-into .main-sub-flex .image-container div p {
	font-size: 24px;
	color: #FFFFFF;
	font-weight: 500;
	position: absolute;
	bottom: 25px;
	left: 50%;
	transform: translateX(-50%);
	white-space: nowrap;
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.main .main-into .main-sub-flex .image-container .overlay {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: opacity 0.3s ease;
}

.main .main-into .main-sub-flex .image-container:hover {
	cursor: pointer;
}

.main .main-into .main-sub-flex .image-container:hover .overlay {
	opacity: 1;
}




.main .main-into .main-digi {
	margin-top: 20px;
}

.main .main-into .main-digi .main-digi-sub {
	width: 33%;
	margin-top: 30px;
	display: flex;
	justify-content: space-between;
}

.main .main-into .main-digi .main-digi-sub img {
	width: 15%;
	height: 100%;
}

.main .main-into .main-digi .main-digi-sub div {
	width: 80%;
	height: 100%;
}

.main .main-into .main-digi .main-digi-sub div p {
	font-size: 24px;
	color: #478AC7;
	font-weight: 600;
}

.main .main-into .main-digi .main-digi-sub div p::after {
	content: '';
	display: block;
	width: 70px;
	height: 3px;
	background-color: #478AC7;
	margin-top: 8px;
}

.main .main-into .main-digi .main-digi-sub div span {
	font-size: 16px;
	color: #333;
	display: inline-block;
	padding: 20px 20px 0px 0;
}

.main .main-fun .main-fun-plant {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}


.main .main-fun .main-fun-plant .main-fun-plant-text {
	width: 18%;
	text-align: center;
}

.main .main-fun .main-fun-plant .main-fun-plant-text:nth-child(2) {
	position: absolute;
	top: 140px;
	left: 322px;
}

.main .main-fun .main-fun-plant .main-fun-plant-text:nth-child(3) {
	position: absolute;
	top: 140px;
	right: 322px;
}

.main .main-fun .main-fun-plant .main-fun-plant-text:nth-child(4) {
	position: absolute;
	top: 281px;
	left: 112px;
}

.main .main-fun .main-fun-plant .main-fun-plant-text:nth-child(5) {
	position: absolute;
	top: 281px;
	right: 112px;
}

.main .main-fun .main-fun-plant .main-fun-plant-text p {
	color: #0886e7;
	font-size: 20px;
	font-weight: 600;
	text-wrap: nowrap;
}

.main .main-fun .main-fun-plant .main-fun-plant-text span {
	font-size: 16px;
	line-height: 24px;
	color: #333;
	display: inline-block;
	margin-top: 8px;
}

.main .main-fun .main-fun-plant .image-container {
	margin-top: 150px;
	width: 60%;
	height: 100%;
}

.main .main-fun .main-fun-plant .image-container img {
	width: 100%;
	height: 100%;
}

#text4 {}








/* .main .main-img {
	width: 100%;
	background-color: #FFFFFF;
	padding-bottom: 40px;
}

.main .main-img .img-style,
.main .main-div .img-style,
.main .cloud-face .img-style {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;

} */

.main h3 {
	text-align: center;
	font-weight: 600;
	font-size: 30px;
	color: #333333;
	font-style: normal;
	padding: 80px 0 50px 0;
}

/* .main .main-img img,
.main .main-div img,
.main .cloud-face img {
	width: 80%;
	max-width: 1331px;
	height: 664px;
} */

.main .main-div img {
	height: 580px !important;
}

.main .cloud-face img {
	height: 100% !important;
}

.main .main-div {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 80px;
}

.main .main-div .cloud-trade {
	width: 85%;
}

.main .main-div .cloud-trade p {
	font-weight: 600;
	font-size: 22px;
	color: #103E84;
}

.main .main-div .cloud-trade.cloud-trade-p p {
	margin: 40px 0 40px 0;
}

.main .main-div .cloud-trade .cloud-trade-wrap {
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-top: 20px;
}

.main .main-div .cloud-trade .cloud-trade-wrap .cloud-trade-wrap-block {
	width: 23%;
	height: 100px;
	background: #FFFFFF;
	display: flex;
	align-items: center;
	margin-top: 20px;
}

.main .main-div .cloud-trade .cloud-trade-wrap .cloud-trade-wrap-block img {
	width: 56px;
	height: 56px !important;
	padding-left: 30px;
}

.main .main-div .cloud-trade .cloud-trade-wrap .cloud-trade-wrap-block p {
	font-weight: 500;
	font-size: 20px;
	color: #333333;
	margin-left: 28px;
}

.main .main-div .cloud-trade .cloud-trade-blockrow {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.main .main-div .cloud-trade .cloud-trade-blockrow .cloud-trade-block {
	width: 32%;
	max-width: 440px;
	height: 465px;
}

.main .main-div .cloud-trade .cloud-trade-blockrow .cloud-trade-block img {
	width: 100%;
	height: 100%;
}

.main .cloud-face {
	width: 100%;
	height: 100%;
	padding-bottom: 80px;
	background: #FFFFFF;
}

.main .cloud-face .cloud-face-wrap {
	width: 100%;
	height: 454px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main .cloud-face .cloud-face-wrap .cloud-face-wrap-center {
	width: 74%;
	display: flex;
	justify-content: space-between;
}

.main .cloud-face .cloud-face-wrap .cloud-face-wrap-left {
	width: 10%;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.main .cloud-face .cloud-face-wrap .cloud-face-wrap-left a {
	font-weight: 600;
	font-size: 22px;
	color: #333333;
	line-height: 37px;
	display: inline-block;
	margin-bottom: 56px;
}

.main .cloud-face .cloud-face-wrap .cloud-face-wrap-left a:hover {
	color: #258AFF;
}

.main .cloud-face .cloud-face-wrap .cloud-face-wrap-left a.active {
	color: #258AFF;
}

.main .cloud-face .cloud-face-wrap .cloud-face-wrap-left a.active::after {
	content: '';
	display: block;
	width: 50%;
	height: 2px;
	background-color: #258AFF;
	margin-top: 10px;
}

.main .cloud-face .cloud-face-wrap .content-wrap {
	display: none;
	width: 85%;
}

.main .cloud-face .cloud-face-wrap .content-wrap.active {
	display: block;
	width: 85%;
}

.main .cloud-face .cloud-face-wrap .cloud-face-wrap-right {
	max-width: 1193px;
	background: linear-gradient(226deg, #69AAFF 0%, #5C97E0 100%);
	border-radius: 10px;
	display: flex;
	justify-content: center;
}

.main .cloud-face .cloud-face-wrap .cloud-face-wrap-right .cloud-face-wrap-right-cont {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px 0;
}

.main .cloud-face .cloud-face-wrap .cloud-face-wrap-right .cloud-face-wrap-right-cont:last-child {
	margin-right: 0 !important;
}

.main .cloud-face .cloud-face-wrap .cloud-face-wrap-right .cloud-face-wrap-right-cont img {
	width: 90%;
	height: 306px;
}

.main .cloud-face .cloud-face-wrap .cloud-face-wrap-right .cloud-face-wrap-right-cont p {
	font-weight: 600;
	font-size: 20px;
	color: #FFFFFF;
}

.main .cloud-face .cloud-face-wrap .cloud-face-wrap-right .cloud-face-wrap-right-cont span {
	font-weight: 600;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 23px;
	text-align: center;
	display: inline-block;
	width: 300px;
	margin-top: 10px;
}

.main .cloud-build {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	border: 1px solid #A5BBD8;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 140px;
}

.main .cloud-build img {
	width: 74%;
	max-width: 1400px;
	height: 658px;
}

.main .pm-des {
	width: 100%;
	padding-bottom: 90px;
	background: #FFFFFF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.main .pm-des .pm-des-wrap {
	width: 85%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main .pm-des .pm-des-wrap .pm-des-wrap-img {
	width: 55%;
	max-width: 693px;
	height: 381px;
}

.main .pm-des .pm-des-wrap .pm-des-wrap-img img {
	width: 100%;
	height: 100%;
}

.main .pm-des .pm-des-wrap .pm-des-wrap-text {
	width: 44%;
}

.main .pm-des .pm-des-wrap .pm-des-wrap-text p {
	font-weight: 500;
	font-size: 38px;
}

.main .pm-des .pm-des-wrap .pm-des-wrap-text p:first-child {
	color: #F3840E;
}

.main .pm-des .pm-des-wrap .pm-des-wrap-text p:last-child {
	font-size: 18px;
	color: #333333;
}

.main .pm-des .pm-des-wrap .pm-des-wrap-text span {
	font-weight: 400;
	font-size: 18px;
	color: #666666;
	line-height: 28px;
	display: inline-block;
	margin-top: 30px;
}

.main .pm-value {
	width: 100%;
	padding-bottom: 90px;
	background: #FFFFFF;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}

.main .pm-value .pm-value-img {
	width: 85%;
	max-width: 1247px;
	height: 377px;
	margin: 0 auto;
}

.main .pm-value .pm-value-img img {
	width: 100%;
	height: 100%;

}

.main .pm-value .pm-value-img-wrap {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main .pm-value .pm-value-img-wrap .pm-value-img-plan {
	width: 85%;
	height: 100%;
	max-width: 1400px;
	/* height: 274px; */
}

.main .pm-value .pm-value-img-wrap .pm-value-img-plan img {
	width: 100%;
	height: 100%;
}

.main .pm-value .pm-value-img-wrap .pm-plan-p,
.main .pm-value .pm-value-img-wrap .pm-plan-p-bot {
	display: flex;
}

.main .pm-value .pm-value-img-wrap .pm-plan-p div,
.main .pm-value .pm-value-img-wrap .pm-plan-p-bot div {
	text-align: center;
}

.main .pm-value .pm-value-img-wrap .pm-plan-p div p span,
.main .pm-value .pm-value-img-wrap .pm-plan-p-bot div p span {
	font-weight: 400;
	font-size: 14px;
	color: #666666;
	line-height: 20px;
}

.main .pm-value .pm-value-img-wrap .pm-plan-p div p,
.main .pm-value .pm-value-img-wrap .pm-plan-p-bot div p {
	font-weight: 600;
	font-size: 20px;
	color: #333333;
	line-height: 28px;
}

.main .pm-value .pm-value-img-wrap .pm-plan-p div:first-child {
	margin-left: 242px;
}

.main .pm-value .pm-value-img-wrap .pm-plan-p div:nth-child(2) {
	margin-left: 156px;
}

.main .pm-value .pm-value-img-wrap .pm-plan-p div:nth-child(3) {
	margin-left: 215px;
}

.main .pm-value .pm-value-img-wrap .pm-plan-p div:nth-child(4) {
	margin-left: 206px;
}

.main .pm-value .pm-value-img-wrap .pm-plan-p-bot div:nth-child(1) {
	margin-left: 198px;
}

.main .pm-value .pm-value-img-wrap .pm-plan-p-bot div:nth-child(2) {
	margin-left: 172px;
}

.main .pm-value .pm-value-img-wrap .pm-plan-p-bot div:nth-child(3) {
	margin-left: 150px;
}

.main .pm-value .pm-value-img-wrap .pm-plan-p-bot div:nth-child(4) {
	margin-left: 156px;
}

.main .pm-art {
	margin-bottom: 137px;
}

.main .pm-art .pm-art-div-wrap {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.main .pm-art .pm-art-wrap {
	width: 76%;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;

}

.main .pm-art .pm-art-wrap .pm-art-block {
	display: flex;
	width: 35%;
}


.main .pm-art .pm-art-wrap .pm-art-block img {
	width: 116px;
	height: 116px;

}

.main .pm-art .pm-art-wrap .pm-art-block .pm-art-block-text {
	margin-left: 40px;
	margin-right: 15px;
}

.main .pm-art .pm-art-wrap .pm-art-block .pm-art-block-text p {
	font-weight: 600;
	font-size: 20px;
	color: #333333;
	line-height: 28px;

}

.main .pm-art .pm-art-wrap .pm-art-block .pm-art-block-text span {
	font-weight: 400;
	font-size: 14px;
	color: #666666;
	line-height: 20px;
	display: inline-block;
	margin-top: 13px;
}

.pm-art-wrap .pm-art-wrap-last {}

.main .pv-plant {
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	padding-bottom: 114px;
}

.main .pv-plant-art {
	width: 100%;
	padding-bottom: 60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

}

.main .pv-plant-art .pv-plant-block {
	width: 75%;
	max-width: 1400px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.main .pv-plant-art .pv-plant-block .pv-plant-block-div {
	width: 19.3%;
	height: 374px;
	background: #FFFFFF;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.main .pv-plant-art .pv-plant-block .pv-plant-block-div img {
	width: 80px;
	height: 80px;
	padding-top: 54px;
}

.main .pv-plant-art .pv-plant-block .pv-plant-block-div p {
	font-family: PingFangSC, PingFang SC;
	font-weight: 600;
	font-size: 18px;
	color: #333333;
	line-height: 36px;
	margin: 20px 0 10px;
}

.main .pv-plant-art .pv-plant-block .pv-plant-block-div span {
	padding: 0 24px;
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	text-align: center;
}

.main .pv-plant-art .pv-plant-block img {
	width: 100%;
	height: 460px;
	max-width: 1400px;
}

.main .pv-plant-art .pv-plant-block .pv-plant-text {
	border: 1px solid #D8D8D8;
	width: 33.23%;
	height: 231px;
}

.main .pv-plant-art .pv-plant-block .pv-plant-text:nth-child(2) {
	border-left: 0;
	border-right: 0;
}

.main .pv-plant-art .pv-plant-block .pv-plant-text:nth-child(4) {
	border-right: 0;
}

.main .pv-plant-art .pv-plant-block .pv-plant-left {
	width: 49.88%;
	border-top: 0;
}

.main .pv-plant-art .pv-plant-block .pv-plant-text p {
	font-family: PingFangSC, PingFang SC;
	font-weight: 600;
	font-size: 30px;
	color: #333333;
	line-height: 42px;
	margin: 30px 0 30px 60px;
}

.main .pv-plant-art .pv-plant-block .pv-plant-text span {
	font-family: PingFangSC, PingFang SC;
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	line-height: 26px;
	text-align: left;
	display: inline-block;
	margin: 0 60px;
}

.main .pv-plant .pv-plant-wrap {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main .pv-plant .pv-plant-wrap img {
	display: inline-block;
	width: 75%;
	max-width: 1400px;
	height: 452px;
}

.main .pv-plant .pv-profit-wrap {
	width: 1400px;
	height: 447px;
	margin: 80px auto 0;
}

.main .pv-power .pv-power-wrap img,
.main .pv-plant .pv-profit-wrap img,
.main .pv-focus .pv-focus-wrap img,
.main .iems-service .iems-service-wrap img {
	width: 100%;
	height: 100%;
}

.main .pv-power {
	width: 100%;
	height: 720px;
	text-align: center;
}

.main .pv-power span {
	font-weight: 400;
	font-size: 18px;
	color: #666666;
	line-height: 28px;
}

.main .pv-power .pv-power-wrap {
	width: 1102px;
	height: 356px;
	margin: 68px auto 0;
}

.main .pv-focus {
	width: 100%;
	height: 960px;
}

.main .pv-focus .pv-focus-wrap {
	width: 1182px;
	height: 669px;
	margin: 50px auto 0;
}

.main .pv-run {
	width: 100%;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: #FFFFFF;
	padding-bottom: 90px;
}

.main .pv-run span {
	display: inline-block;
}

.main .pv-run .pv-run-flex {
	width: 75%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 50px;
}

.main .pv-run .pv-run-flex .pv-run-wrap {
	width: 25%;
}

.main .pv-run .pv-run-flex .pv-run-wrap .pv-run-wrap-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.main .pv-run .pv-run-flex .pv-run-wrap .pv-run-wrap-block span {
	width: 75%;
	display: inline-block;
	font-weight: 400;
	font-size: 16px;
	color: #666666;
	line-height: 22px;
}

.main .pv-run .pv-run-flex .pv-run-wrap .pv-run-wrap-block p {
	/* width: 75%; */
	font-weight: 600;
	font-size: 18px;
	color: #333333;
	line-height: 28px;
}

.main .pv-run .pv-run-flex .pv-run-wrap .pv-run-wrap-block img {
	width: 100%;
	max-width: 309px;
	height: 227px;
}

.main .pv-end {
	width: 100%;
	height: 100%;
	padding-bottom: 30px;
}

.main .pv-end .pv-end-img {
	margin: 30px auto 0;
	width: 80%;
	max-width: 1285px;
	height: 465px;
}

.main .pv-end .pv-end-img img {
	width: 100%;
	height: 100%;
}

.main .pv-end .pv-Soft-new {
	width: 75%;
	margin: 0 auto;
}

.pv-end .pv-Soft-app {
	width: 75%;
	height: 100%;
	margin: 34px auto 0;
}

.main .pv-end .pv-Soft-new .pv-Soft-list {
	height: 100%;
	padding: 0 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.pv-end .pv-Soft-app .pv-app-list {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.main .pv-end .pv-Soft-new .pv-Soft-list .pv-Soft-block,
.pv-end .pv-Soft-app .pv-app-list .pv-app-block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.pv-end .pv-Soft-app .pv-app-list .pv-app-block img {
	width: 100%;
	height: 296px;
}

.main .pv-end .pv-Soft-new .pv-Soft-list .pv-Soft-block img {
	width: 80px;
	height: 80px;
}

.main .pv-end .pv-Soft-new .pv-Soft-list .pv-Soft-block p {
	margin-top: 15px;
	font-weight: 500;
	font-size: 16px;
	color: #333333;
	line-height: 25px;
}






.main .pv-end .pv-Software {
	width: 660px;
	height: 516px;
	background: #FFFFFF;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.main .pv-end .pv-Software p {
	font-weight: 600;
	font-size: 40px;
	color: #333333;
	line-height: 56px;
	margin-top: 57px;
	margin-bottom: 24px;
}

.main .pv-end .pv-Software img {
	width: 534px;
	height: 326px;
}

.main .iems-service {
	width: 100%;
	padding-bottom: 100px;
	background: #FFFFFF;
}

.main .iems-service .iems-service-wrap {
	width: 76%;
	max-width: 1327px;
	height: 424px;
	margin: 0 auto;

}

.main .iems-product {
	width: 100%;
	padding-bottom: 100px;
}

.main .iems-product .iems-product-wrap {
	display: flex;
	justify-content: center;
}

.main .iems-product .iems-product-wrap .iems-product-block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 20%;
}

.main .iems-product .iems-product-wrap .iems-product-block img {
	width: 76px;
	height: 76px;
}

.main .iems-product .iems-product-wrap .iems-product-block p {
	margin-top: 40px;
	margin-bottom: 32px;
	font-weight: 600;
	font-size: 28px;
	color: #333333;
}

.main .iems-product .iems-product-wrap .iems-product-block span {
	display: inline-block;
	font-weight: 400;
	font-size: 14px;
	color: #666666;
	width: 80%;
}

.main .iems-case {
	width: 100%;
	padding-bottom: 90px;
}

.main .iems-case .iems-case-wrap {
	display: flex;
	justify-content: center;
}

.main .iems-case .iems-case-wrap .iems-case-block {
	width: 26%
}

.main .iems-case .iems-case-wrap .iems-case-block img {
	width: 90%;
	max-width: 430px;
	height: 242px;
}

.main .iems-case .iems-case-wrap .iems-case-block p {
	margin-top: 28px;
	margin-bottom: 14px;
	font-weight: 600;
	font-size: 20px;
	color: #333333;
	line-height: 28px;
}

.main .iems-case .iems-case-wrap .iems-case-block p::after {
	content: '';
	display: block;
	width: 30px;
	height: 2px;
	background-color: #297EFF;
	margin-top: 6px;
}

.main .iems-case .iems-case-wrap .iems-case-block span {
	display: inline-block;
	width: 86%;
}

.main .env-des {
	width: 100%;
	padding-bottom: 100px;
	background: #FFFFFF;
}

.main .env-des .env-des-wrap {
	display: flex;
	justify-content: center;
	align-items: center;

}

.main .env-des .env-des-wrap .env-des-block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 17%;
}

.main .env-des .env-des-wrap .env-des-block img {
	width: 129px;
	height: 129px;
}

.main .env-des .env-des-wrap .env-des-block p {
	font-weight: 500;
	font-size: 20px;
	color: #333333;
	line-height: 28px;
	margin-top: 30px;
}

.main .env-solution {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding-bottom: 80px;
}

.main .env-solution .env-solution-wrap {
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
	justify-content: space-between;
	align-items: center;
	width: 76%;

}

.main .env-solution .env-solution-wrap .env-solution-block {
	width: 24%;
	height: 189px;
	margin-bottom: 30px;
	position: relative;
}

.main .env-solution .env-solution-wrap .env-solution-block img {
	width: 100%;
	height: 100%;
	max-width: 322px;
}

.main .env-solution .env-solution-wrap .env-solution-block span {
	font-weight: 600;
	font-size: 26px;
	color: #FFFFFF;
	position: absolute;
	bottom: 16px;
	left: 30px;
}

.main .env-solution .env-solution-bg-wrap {
	width: 76%;
	height: 80px;
	margin: 0 auto;
	max-width: 1402px;
}

.main .env-solution .env-solution-bg-wrap .env-solution-bg {
	width: 100%;
	height: 80px;
	background: url(../images/envbg-1.png) no-repeat;
	background-size: contain;
	display: flex;
	position: relative;
	max-width: 1404px;
}

.main .sub_mainfw {
	width: 100%;
	height: 890px;
	margin: 0 auto;
}

.main .sub_mainfw img {
	width: 100%;
	height: 100%;
}


.main .env-solution .env-solution-bg-wrap .env-solution-bg .env-solution-text {
	position: absolute;
	top: 18px;
	text-align: center;
}

.main .env-solution .env-solution-bg-wrap .env-solution-bg .env-solution-text:nth-child(1) {
	left: 50px;
}

.main .env-solution .env-solution-bg-wrap .env-solution-bg .env-solution-text:nth-child(2) {
	left: 210px;
}

.main .env-solution .env-solution-bg-wrap .env-solution-bg .env-solution-text:nth-child(3) {
	right: 312px;
}

.main .env-solution .env-solution-bg-wrap .env-solution-bg .env-solution-text:nth-child(4) {
	right: -21px;
}


.main .env-solution .env-solution-bg-wrap .env-solution-bg .env-solution-text p {
	font-weight: 600;
	font-size: 20px;
	color: #103E84;
	line-height: 28px;

}

.main .env-solution .env-solution-bg-wrap .env-solution-bg .env-solution-text span {
	font-weight: 400;
	font-size: 14px;
	color: #666666;
	line-height: 20px;
}

.main .env-system {
	width: 100%;
	background: #FFFFFF;
	padding-bottom: 100px;
}

.main .env-system span,
.env-expert span,
.env-reform span {
	display: inline-block;
	margin: 0 0 60px 0;
	font-weight: 400;
	font-size: 18px;
	color: #666666;

}

.main .env-system .env-system-wrap {
	width: 76%;
	max-width: 1169px;
	margin: 0 auto;
}

.main .env-system .env-system-wrap img {
	width: 100%;
	height: 100%;
}

.main .env-solution-adv {
	width: 100%;
	padding-bottom: 70px;
}

.main .env-solution-adv .env-solution-adv-wrap {
	width: 76%;
	max-width: 1145px;
	height: 467px;
	margin: 0 auto;
}

.main .env-solution-adv .env-solution-adv-wrap img {
	width: 100%;
	height: 100%;
}

.main .env-expert {
	width: 100%;
	background: #FFFFFF;
}

.main .env-expert .env-expert-wrap {
	width: 76%;
	height: 467px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

.main .env-expert .env-expert-wrap .env-expert-block {
	width: 32%;
	height: 490px;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
	max-width: 432px;
}

.main .env-expert .env-expert-wrap .env-expert-block p {
	font-weight: 500;
	font-size: 24px;
	color: #103E84;
	line-height: 33px;
	margin: 38px 0 20px;
	text-align: center;
}

.main .env-expert .env-expert-wrap .env-expert-block .env-expert-block-list {
	width: 80%;
	max-width: 319px;
	height: 60px;
	background: #FFFFFF;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.19);
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 18px;
	color: #333333;
	line-height: 25px;
	margin-bottom: 22px;

}

.main .env-expert .env-expert-wrap .env-expert-block .border1 {
	border: 1px solid #5DCC7B;
}

.main .env-expert .env-expert-wrap .env-expert-block .border2 {
	border: 1px solid #8CB3E7;
}

.main .env-expert .env-expert-wrap .env-expert-block .env-expert-list {
	width: 80%;
	max-width: 370px;
	height: 82px;
	display: flex;
	justify-content: space-between;
}

.main .env-expert .env-expert-wrap .env-expert-block .env-expert-list .env-expert-block-short {
	width: 80%;
	max-width: 175px;
	height: 82px;
	background: #FFFFFF;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.19);
	border-radius: 5px;
	border: 1px solid #8CB3E7;
	font-weight: 500;
	font-size: 18px;
	color: #333333;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
}

.main .env-expert .env-expert-wrap .env-expert-block .env-expert-block-for {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;

}

.main .env-expert .env-expert-wrap .env-expert-block .env-expert-block-for .env-expert-block-small {
	width: 26%;
	height: 60px;
	background: #FFFFFF;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.19);
	border-radius: 5px;
	border: 1px solid #F2C761;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 500;
	font-size: 18px;
	color: #333333;
	line-height: 25px;
	margin-right: 12px;
}

.main .env-expert .env-expert-wrap .env-expert-block-bg {
	width: 45px;
	height: 100%;
	display: flex;
	align-items: center;
}

.main .env-expert .env-expert-wrap .env-expert-block-bg img {
	width: 100%;
	height: 61px;
}

.main .env-expert .env-expert-environment {
	width: 76%;
	max-width: 1296px;
	height: 438px;
	margin: 40px auto 0;
}

.main .env-expert .env-expert-environment img {
	width: 100%;
	height: 100%;
}

.main .env-reform {
	width: 100%;
	padding-bottom: 100px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.main .env-reform .env-reform-wrap {
	display: flex;
	justify-content: space-between;
	width: 78%;
}

.main .env-reform .env-reform-wrap .env-reform-wrap-block {
	width: 19%;
	max-width: 265px;
	height: 438px;
	position: relative;

}

.main .env-reform .env-reform-wrap .env-block {
	background: url(../images/env-17.png) no-repeat;
	background-size: contain;
}

.main .env-reform .env-reform-wrap .ele-block {
	background: url(../images/env-18.png) no-repeat;
	background-size: contain;
}

.main .env-reform .env-reform-wrap .water-block {
	background: url(../images/env-19.png) no-repeat;
	background-size: contain;
}

.main .env-reform .env-reform-wrap .hot-block {
	background: url(../images/env-20.png) no-repeat;
	background-size: contain;
}

.main .env-reform .env-reform-wrap .fee-block {
	background: url(../images/env-21.png) no-repeat;
	background-size: contain;
}

.main .env-reform .env-reform-wrap .env-reform-wrap-block .env-reform-wrap-div {
	position: absolute;
	left: 10%;
	top: 28%;

}

.main .env-reform .env-reform-wrap .env-reform-wrap-block .env-reform-wrap-div .nav {
	font-weight: 400;
	font-size: 24px;
}

.main .env-reform .env-reform-wrap .env-reform-wrap-block .env-reform-wrap-div span {
	margin: 0;
	padding: 0;
}

.main .env-reform .env-reform-wrap .env-reform-wrap-block .env-reform-wrap-div .num {
	font-weight: 500;
	font-size: 40px;
}

.main .env-reform .env-reform-wrap .env-reform-wrap-block .env-reform-wrap-div .sub {
	font-weight: 400;
	font-size: 14px;
	color: #666666;
	display: inline-block;
	margin-top: 20px;
}

.main .env-reform .env-reform-wrap .env-reform-wrap-block .env-reform-wrap-div .tit {
	font-weight: 600;
	font-size: 20px;
	color: #333333;
}

.big_main {
	width: 100%;
	background-color: #F4F4F4;
	padding: 35px 0;
}

.sub_ulmain {
	width: 1200px;
	margin: 0 auto;
	display: table;
}

.sub_ulmain div {
	width: 110%;
	display: table;
}

.sub_ulmain li {
	width: 205px;
	float: left;
	margin-right: 34px;
}

.sub_ulmain li dl {
	width: 100%;
	display: table;
}

.sub_ulmain li dl dt {
	float: left;
	width: 65px;
	height: 113px;
	border-right: 1px solid #E5E5E5;
	overflow: hidden;
	position: relative;
}

.sub_ulmain li dl dt h2 {
	font-size: 40px;
	font-weight: bold;
	color: #D0D0D0;
	position: absolute;
	right: -7px;
}

.sub_ulmain li dl dd {
	float: right;
}

.sub_ulmain li dl dd h3 {
	margin-top: 10px;
	margin-bottom: 20px;
}

.sub_ulmain li dl dd h3 a {
	font-size: 25px;
	color: #565656;
}

.sub_ulmain li dl dd h3 a:hover {
	/* color: #69B830; */
	color: #103E84;		
}

.sub_ulmain li dl dd p {
	font-size: 14px;
	color: #999999;
	padding-top: 5px;
}



.sub_main03 {
	width: 100%;
	padding: 0px 0;
	background-color: #F3F3F3;
}

.sub_main03 ul {
	width: 1200px;
	height: 150px;
	margin: 0 auto;
	padding: 20px 0;
	display: table;
}

.sub_main03 ul div {
	width: 110%;
	display: table;
}

.sub_main03 ul li {
	width: 290px;
	float: left;
	margin-right: 8px;
	border-right: 1px solid #D2D2D2;
	display: none;
}

.sub_main03 ul li dl {
	width: 100%;
}

.sub_main03 ul li dl dt {
	width: 100%;
	text-align: center;
}

.sub_main03 ul li dl dt h3 a {
	display: block;
	font-size: 20px;
	font-weight: bold;
	padding-top: 5px;
}

.sub_main03 ul li dl dd {
	width: 100%;
	text-align: center;
}

.sub_main03 ul li dl dd span {
	display: block;
	width: 20px;
	border-top: 1px solid #D2D2D2;
	margin: 10px auto;
}

.sub_main03 ul li dl dd p {
	font-size: 14px;
	color: #999;
	text-transform: uppercase;
}



.sub_main03 ul .uc1 dt h3 a {
	color: #F29D04;
}

.sub_main03 ul .uc2 dt h3 a {
	color: #37DEA6;
}

.sub_main03 ul .uc3 dt h3 a {
	color: #FF7B8B;
}

.sub_main03 ul .uc4 dt h3 a {
	color: #052453;
}

.sub_main03 ul .uc4 {
	border: none;
}



.big_main2 {
	width: 100%;
	margin: 0 auto;
	border-top: 1px solid #E2E2E2;
	display: table;
}

.submian {
	width: 1200px;
	display: table;
	margin: 40px auto;
}

.sub_tit {
	width: 100%;
	margin-top: 25px;
	text-align: center;
}

.sub_tit h3 {
	font-size: 20px;
	font-weight: bold;
	color: #232323;
}

.sub_tit h3 span {
	font-weight: 100;
	text-transform: uppercase;
}



.submian .subwap1 {
	width: 100%;
	margin-top: 20px;
	padding: 30px 0;
	border-bottom: 1px solid #E2E2E2;
	display: tablel;
}

.submian .subwap1 div {
	width: 110%;
	display: table;
}

.submian .subwap1 li {
	width: 65px;
	float: left;
	margin-left: 75px;
}

.submian .subwap1 li dl {
	width: 100%;
	text-align: center;
}

.submian .subwap1 li dl dd a {
	display: inline-block;
	font-size: 14px;
	margin-top: 30px;
}



.submian .subwap2 {
	border: none;
	margin-bottom: 30px;
}

.submian .subwap2 li {
	width: 105px;
	margin-left: 82px;
}



.big_yeji {
	width: 100%;
	background-color: #F2F2F2;
	display: table;
}

.yeji {
	width: 1200px;
	margin: 0 auto;
	display: table;
}

.yeji dl {
	width: 100%;
	display: table;
	margin-top: 50px;
	margin-bottom: 50px;
}

.yeji dl dt {
	width: 460px;
	float: left;
}

.yeji dl dd {
	width: 681px;
	float: right;
}

.yeji dl dd h3 {
	font-size: 23px;
	margin-bottom: 20px;
}

.yeji dl dd p {
	line-height: 25px;
	text-indent: 2em;
	font-size: 14px;
}

.yqwrap {
	width: 90%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.yqwrap .yqwrap-left {
	width: auto;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	border: 1px solid #90AFDD;
	padding: 20px 5px;
	margin-top: 20px;
	box-shadow: 5px 3px 10px #b0b0b0
}

.yqwrap .yqwrap-left img {
	padding: 0 20px;
}

.yqwrap .yqwrap-top {
	width: 100%;
	height: 150px;
	border-radius: 10px;
	border: 1px solid #E5E8EB;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px;
}



.yqwrap .yqwrap-right {
	width: 65%;
	height: 100%;
}

.yqwrap .yqwrap-right h3,
.yqwrap-text h3 {
	font-family: PingFangSC, PingFang SC;
	font-weight: 500;
	font-size: 20px;
	color: #103E84;
	margin: 10px 0;
}

.yqwrap .yqwrap-right p {
	padding-top: 5px;
}

.yqwrap .yqwrap-right span {
	color: #808080;
}

.yqwrap .yqwrap-right .down-more {
	width: 198px;
	padding: 10px 0;
	border-radius: 5px;
	border: 1px solid #90AFDD;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}

.yqwrap .yqwrap-right .down-more a {
	font-family: SourceHanSansCN, SourceHanSansCN;
	font-weight: 400;
	font-size: 16px;
	color: #103E84;
}