@charset "utf-8";



/*6.16 add*/

.pb50 {

	padding-bottom: 50px;

}



.prog_ban .pbtxts {

	bottom: inherit;

	top: 50%;

	transform: translateY(-50%);

}



.prog_bottom {

	position: absolute;

	bottom: 50px;

	left: 50%;

	transform: translateX(-50%);

	z-index: 9;

}



.prog_bottom .left {

	float: left;

	font-size: 16px;

	color: #023156;

	margin-top: 5px;

	line-height: 30px;

	background: url(../images/home_white.svg) no-repeat left;

	padding-left: 15px;

}



.prog_bottom .left a {

	font-size: 15px;

	font-weight: bold;

	color: rgba(255, 255, 255, 0.5);

	background: url(../images/njt.png) no-repeat left;

	padding-left: 15px;

	margin-left: 17px;

}



.prog_bottom .left a:hover {

	color: #ffffff;

}



.prog_bottom .line {

	float: right;

	width: 30px;

	height: 40px;

	text-align: center;

	border-radius: 30%;

	cursor: pointer;

	border: 2px solid #fff;

}



.prog_bottom .line img {

	animation: b_jump 1.5s ease-in-out 0.1s alternate infinite;

	-webkit-animation: b_jump 1.5s ease-in-out 0.1s alternate infinite;

}



.indus_menu {

	margin-top: -40px;

	position: relative;

	width: 100%;

	background: #FFFFFF;

	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);

	border-radius: 12px;

	z-index: 9;

}



.sticky {

	margin-top: 0;

}



.indus_menu ul {

	display: flex;

	height: 80px;

	align-items: center;

	justify-content: center;

}



.indus_menu ul li {

	padding: 0 40px;

}



.indus_menu ul li a {

	position: relative;

	display: block;

	font-weight: 700;

	font-size: 18px;

	line-height: 27px;

	color: #333333;

}



.indus_menu ul li a:after {

	content: "";

	position: absolute;

	width: 0;

	left: 0;

	height: 4px;

	bottom: -26px;

	opacity: 0;

	background: #C50009;

	border-radius: 10px;

	transition: all .4s;

}



.indus_menu ul li:last-child a {

	width: 128px;

	height: 50px;

	background: #C50009;

	border-radius: 50px;

	display: flex;

	align-items: center;

	justify-content: center;

	font-weight: 400;

	font-size: 16px;

	line-height: 26px;

	color: #FFFFFF;

}



.indus_menu ul li.active a {

	color: #C50009;

	font-size: 22px;

}
.indus_menu ul li:last-child.active a {
	color: #fff;
}


.indus_menu ul li.active a:after {

	opacity: 1;

	width: 100%;

}



.header {

	height: 95px;

}



header .logo {

	margin-top: -5px;

}



header .logo img {

	height: 70px;

}



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

}



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

	header .header {

		padding-top: 15px;

		padding-bottom: 10px;

	}



	header .logo img {

		max-height: 50px;

	}



	.indus_menu ul {

		justify-content: space-between;

	}



	.indus_menu ul li {

		padding: 0;

	}



	.indus_menu ul li:last-child a {

		width: 128px;

		height: 46px;

	}



}



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

	.prog_bottom {

		width: 100%;

	}



	.prog_bottom .line {

		display: none;

	}

.prog_bottom .left {

	line-height: 20px;

	display: none !important;

}

	.prog_bottom .left a {

		font-size: 14px;

		padding-left: 10px;

		margin-left: 12px;

	}



	.indus_menu ul li a {

		font-size: 16px;

		font-weight: 500;

	}





	.indus_menu ul {

		display: block;

		height: auto;

	}



	.indus_menu ul li {

		width: 33.33%;

		float: left;

		padding: 10px;

		text-align: center;

	}



	.indus_menu ul li a {

		display: inline-block;

		line-height: 36px;

	}



	.indus_menu ul li.active a {

		font-size: 18px;

		font-weight: 700;

	}



	.indus_menu ul li a::after {

		height: 2px;

		bottom: 0px;

	}



	.indus_menu ul li:last-child a {

		margin: 0 auto;

		height: 36px;

		width: 100%;

	}

	header .logo {

    max-width: 50%;

}



}



/*绿色低碳*/

.indus_bottom img {

	max-width: 100%;

}



.prog_one {

	background-color: #ffffff;

	position: relative;

	z-index: 1;

}



.prog_one:before {

	content: "";

	position: absolute;

	left: 0;

	top: 0;

	background-image: url(../images/ls_bg01.svg);

	background-size: 100%;

	background-repeat: no-repeat;

	width: 440px;

	height: 440px;

	z-index: -1;

}



.prog_one ._cont {

	padding-top: 65px;

	display: flex;

	flex-flow: row wrap;

	align-items: stretch;

	justify-content: space-between;

}



.indus_bottom .sticky {

	margin-top: 0;

	width: 100% !important;

	left: 0 !important;

	border-radius: 0;

}



.prog_one ._cont .text {

	font-weight: 700;

	line-height: 1.2;

	color: #333333;

}



.prog_one ._cont .text h3 {

	font-weight: 400;

	padding-top: 5px;

	color: #333333;

}



.prog_one ._cont .text p {

	padding-top: 15px;

	font-weight: 400;

	font-size: 16px;

	line-height: 26px;

	color: #999999;

}



.prog_one ._cont .left {

	flex: 1;

	background-image: url(../images/ls_bg02.svg);

	background-repeat: no-repeat;

	background-position: right bottom;

}



.prog_one ._cont .right {

	width: 50%;

	position: relative;

	margin-left: 80px;

}



.prog_one ._cont .right:before {

	content: "";

	position: absolute;

	left: -56px;

	width: 70px;

	height: 82px;

	background-image: url(../images/dian.svg);

	background-repeat: no-repeat;

}



.prog_one ._cont .right .bg {

	width: 100%;

	height: 588px;

	background-repeat: no-repeat;

	background-size: cover;

	background-position: center;

	border-radius: 16px;

}



.prog_one ._cont .right .bg img {

	display: none !important;

}



.text_list {

	padding-top: 55px;

}



.text_list li {

	padding: 8px 0;

}



.text_list li p {

	background-image: url(../images/ls_right.svg);

	background-repeat: no-repeat;

	background-size: 24px 24px;

	padding-left: 36px;

	font-weight: 400;

	font-size: 16px;

	line-height: 26px;

	color: #333333;

}



/*two*/

.trait_bg {



	/*margin-top: 85px;*/

	padding: 60px 0;

	background-repeat: no-repeat;

	background-size: cover;

}



.t_title {

	font-weight: 700;

	line-height: 1.2;

}



.text_white {

	color: #fff;

}



.trait-swiper {

	margin-top: 50px;

	border-radius: 30px;

}



.News-content-ever {

	padding: 36px 28px;

	background: #FFFFFF;

	border-radius: 30px;

}



.trait-swiper .icon span {

	display: flex;

	align-items: center;

	justify-content: center;

	background: #F4F4F4;

	width: 74px;

	height: 74px;

	border-radius: 50%;

}



.trait-swiper .icon span img {

	width: 42px;

}



.trait-swiper .sizehover {

	padding-top: 25px;

	font-weight: 700;

	font-size: 20px;

	line-height: 30px;

	color: #333333;

}



.trait-swiper .text::-webkit-scrollbar {

	width: 8px;

}



.trait-swiper .text::-webkit-scrollbar-button {

	display: none;

}



.trait-swiper .text::-webkit-scrollbar-track {

	background-color: #eee;

}



.trait-swiper .text::-webkit-scrollbar-thumb {

	background-color: #F4F4F4;

}



.trait-swiper .text {

	margin-top: 15px;

	font-weight: 400;

	font-size: 16px;

	line-height: 26px;

	color: #666666;

	height: 78px;

	overflow-y: auto;

}



.trait-pagination {

	margin-top: 20px;

	text-align: center;

}



.swiper-pagination-bullet {

	outline: 0;

}



.trait-pagination span {

	width: 10px;

	height: 4px;

	margin: 0 2px;

	background: rgba(255, 255, 255, 0.5);

	border-radius: 2px;

}



.trait-pagination span.swiper-pagination-bullet-active {

	width: 16px;

	background: #FFFFFF;

}



.train_button {

	display: flex;

	align-items: center;

	justify-content: center;

	padding-top: 55px;

}



.train_button a {

	margin: 0 7px;

	display: inline-block;

	padding: 12px 32px;

	border: 1px solid #fff;

	border-radius: 50px;

	font-weight: 400;

	font-size: 16px;

	line-height: 26px;

}



.train_button .whole {

	background: #FFFFFF;

	color: #333333;

}



.train_button .seek {

	color: #FFFFFF;

}



.train_button .whole:hover {

	color: #C50009;

}



.train_button .seek:hover {

	color: #C50009;

	background: #FFFFFF;

}



/*tan zu ji*/

.footprint_bg {



	/*padding-top: 50px;*/

}



.text_black {

	color: #333333;

}



.footprint_bg .big_text {

	padding-top: 12px;

	font-weight: 400;

	font-size: 16px;

	line-height: 26px;

	text-align: center;

	color: #666666;

}



.index_pro_t {

	margin-top: 40px;

	border-bottom: 1px solid #EEEEEE;

}



.index_pro_t .swiper-slide {

	width: auto;

}



.index_pro_down .swiper-slide {

	opacity: 0 !important;

}



.index_pro_down .swiper-slide.swiper-slide-active {

	opacity: 1 !important;

}



.index_pro_t .swiper-slide a {

	display: flex;

	align-items: center;

	font-weight: 400;

	font-size: 16px;

	line-height: 21px;

	padding-bottom: 15px;

}



.index_pro_t .swiper-slide span {

	width: 24px;

	margin-right: 8px;

}



.index_pro_t .swiper-slide span img {

	width: 24px;

}



.index_pro_t .swiper-slide span img:first-child {

}



.index_pro_t .swiper-slide span img:nth-child(2) {

	display: none;

}



.index_pro_t .swiper-slide-thumb-active a {

	position: relative;

	color: #C50009;

}



.index_pro_t .swiper-slide a:before {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 0;

	background-color: #C50009;

	height: 2px;

	transition: width .4s;

}



.index_pro_t .swiper-slide-thumb-active a:before {

	width: 100%;

}



.index_pro_t .swiper-slide-thumb-active span img:first-child {

	display: none;

}



.index_pro_t .swiper-slide-thumb-active span img:nth-child(2) {

	display: inline-block;

}



.footp_bottom {

	margin-top: 24px;

	position: relative;

}



.footp_bottom:before {

	content: "";

	position: absolute;

	left: -56px;

	top: 20px;

	width: 70px;

	height: 82px;

	background-image: url(../images/dian.svg);

	background-repeat: no-repeat;

	z-index: 2;

}



.index_pro_down {

	padding-top: 40px;
	padding-bottom: 40px;

	padding-left: 45px;

	padding-right: 45px;

	background-color: #D9D9D9;

	border-radius: 16px;

	overflow: hidden;

	background-image: url(../images/foot_bg2.jpg);

	background-repeat: no-repeat;

	background-size: cover;

}



.footp_cont {

	display: flex;

	justify-content: center;

	flex-flow: row wrap;

	align-items: stretch;

}



.footp_cont .left {

	flex: 1;

	padding-right: 30px;

	padding-top: 80px;

}



.footp_cont .left .m_scoll {

	max-height: 290px;

	padding-right: 10px;

	overflow-y: auto;

}



.m_scoll::-webkit-scrollbar {

	width: 8px;

}



.m_scoll::-webkit-scrollbar-button {

	display: none;

}



.m_scoll::-webkit-scrollbar-track {

	background-color: #eee;

}



.m_scoll::-webkit-scrollbar-thumb {

	background-color: #C50009;

}



.footp_cont .right {

	width: 955px;

	max-width: 70%;

	text-align: center;

}



.footp_cont .right img {

	overflow: hidden;

	border-radius: 22px;/*background: rgba(198, 213, 255, 0.60);

	box-shadow: 2px 2px 3px 0px rgba(255, 255, 255, 0.80) inset;*/

	border-bottom-left-radius: 0;

	border-bottom-right-radius: 0;

	border-bottom: none;

	padding: 8px;

	padding-bottom: 0;

	backdrop-filter: blur(4px);

}



.footp_cont .left h3 {

	position: relative;

	font-weight: 700;

	font-size: 30px;

	line-height: 1.2;

	color: #333333;

	z-index: 1;

}



@font-face {

	font-family: 'DIN';

	src: url('../fonts/dincond-medium-webfont.eot');

	src: url('../fonts/dincond-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/dincond-medium-webfont.woff') format('woff'), url('../fonts/dincond-medium-webfont.ttf') format('truetype'), url('../fonts/dincond-medium-webfont.svg#novecentowide-bold-webfont') format('svg');

	font-weight: normal;

	font-style: normal;

}



.footp_cont .left h3 span {

	position: absolute;

	left: 0;

	bottom: -10px;

	font-family: 'DIN';

	font-size: 120px;

	line-height: 1;

	color: #E2E4EB;

	letter-spacing: 10px;

	z-index: -1;

}



.footp_cont .left>p {

	min-height: 78px;

	max-width: 397px;

}



.footp_cont .left p {

	margin-top: 5px;

	font-weight: 400;

	font-size: 16px;

	line-height: 26px;

	color: #666666;

}



.footp_num {

	padding-top: 10px;

}



.footp_num li {

	padding-bottom: 5px;

}



.footp_num .m_num {

	font-family: 'DIN';

	font-size: 40px;

	line-height: 50px;

	color: #333333;

}



.footp_num .m_num span {

	padding-left: 4px;

	font-weight: 400;

	font-size: 18px;

	line-height: 24px;

	color: #333333;

}



.footp_num .text {

	font-weight: 400;

	font-size: 16px;

	line-height: 26px;

	min-height: 52px;

	color: #333333;

}



.swiper-slide .footp_cont .right {

	transform: translateY(30px);

	transition: all .8s;

}



.swiper-slide-active .footp_cont .right {

	transform: translateY(0);

}



/*last*/

.fit_bg {



	/*margin-top: 55px;*/

	background-color: #F2F4F8;

	background-image: url(../images/ami_lastbg.jpg);

	background-size: cover;

	background-repeat: no-repeat;

	background-position: center;

	padding-top: 65px;

	padding-bottom: 65px;

}



.fit_bg .big_text {

	padding-top: 12px;

	text-align: center;

	font-weight: 400;

	font-size: 16px;

	line-height: 26px;

	color: #666666;

}



.fit_button {

	display: flex;

	align-items: center;

	justify-content: center;

	padding-top: 55px;

}



.fit_button a {

	margin: 0 7px;

	display: inline-block;

	padding: 12px 32px;

	border: 1px solid #C50009;

	border-radius: 50px;

	font-weight: 400;

	font-size: 16px;

	line-height: 26px;

}



.fit_button .whole {

	background: #C50009;

	color: #fff;

}



.fit_button .seek {

	color: #C50009;

}



.fit-pagination {

	margin-top: 20px;

	text-align: center;

}



.fit-pagination span {

	width: 10px;

	height: 4px;

	margin: 0 2px;

	background: rgba(152, 152, 152, 0.8);

	border-radius: 2px;

}



.fit-pagination span.swiper-pagination-bullet-active {

	width: 16px;

	background: #C50009;

}



.fit_button .seek:hover {

	color: #fff;

	background: #C50009;

}



.fitpro-swiper .swiper-container {

	margin-top: 30px;

	padding-top: 10px;

}



.fitpro-swiper .swiper-slide a {

	display: block;

	transition: transform .4s;

}



.fitpro-swiper .swiper-slide a:hover {

	transform: translateY(-5px);

}



.fitpro-swiper .swiper-slide .fit_pic {

	position: relative;

	background: #FFFFFF;

	border-radius: 8px;

	padding: 16px;

	overflow: hidden;

}



.fitpro-swiper .swiper-slide h3 {

	margin-top: 16px;

	font-weight: 700;

	font-size: 17px;

	line-height: 26px;

	text-align: center;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	color: #333333;

}



.fit_pic i {

	position: absolute;

	left: 16px;

	top: 16px;

	width: calc(100% - 32px);

	height: calc(100% - 32px);

	background-repeat: no-repeat;

	background-position: center;

	background-size: contain;

}



.fit_bottom {

	position: relative;

}



.fit_bottom .fit-button {

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	margin-top: -16px;

	width: 48px;

	height: 48px;

	background-color: #FFFFFF;

	background-repeat: no-repeat;

	background-position: center;

	border-radius: 90px;

	outline: 0;

	transition: background-color .4s;

}



.fit_bottom .fit-prev {

	left: -64px;

	background-image: url(../images/chevron-left.svg);

}



.fit_bottom .fit-next {

	right: -64px;

	background-image: url(../images/chevron-right.svg);

}



.fit_bottom .fit-button:hover {

	background: #C50009;

	background-repeat: no-repeat;

	background-position: center;

}



.fit_bottom .fit-prev:hover {

	background-image: url(../images/chevron-lefth.svg);

}



.fit_bottom .fit-next:hover {

	background-image: url(../images/chevron-righth.svg);

}



.font40 {

	font-size: 40px;

}



.pbtxts .cn {

	line-height: 1.2;

}



.show_mb {

	margin-bottom: 50px;

}



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

	.fit_button .seek {

		transition: background .3s

	}



}



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

	.fit_bottom {

		padding-left: 66px;

		padding-right: 66px;

	}



	.fit_bottom .fit-prev {

		left: 0;

	}



	.fit_bottom .fit-next {

		right: 0;

	}



}



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

	.font40 {

		font-size: 36px;

	}



	.prog_one::before {

		width: 340px;

		height: 340px;

	}



	.text_list {

		background-size: 50%;

		padding-bottom: 50px;

	}



	.trait-swiper .icon span {

		width: 64px;

		height: 64px;

	}



	.trait-swiper .icon span img {

		width: 32px;

	}



	.prog_one ._cont .left {

		padding-right: 30px;

	}



	.footp_cont .right {

		width: 60%;

	}



	.footp_cont .left {

		padding-bottom: 10px;

	}



	.footp_cont .left {

		padding-top: 40px;

	}



	.footp_cont .left h3 span {

		font-size: 100px;

	}



}



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

	.header {

		height: 80px;

	}



	header .logo img {

		max-height: 60px;

	}



	.prog_one .sticky {

		top: 80px !important;

	}



}



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

	.font40 {

		font-size: 34px;

	}



	.sticky {

		top: 70px !important;

	}



	.News-content-ever {

		padding: 36px 20px;

	}



	.trait-swiper .sizehover {

		font-size: 18px;

		padding-top: 15px;

	}



	.prog_one ._cont {

		padding-top: 65px;

		display: block;

	}



	.prog_one ._cont .right {

		width: 100%;

		margin-left: 0;

	}



	.prog_one ._cont .right .bg {

		height: auto;

		background-image: none !important;

	}



	.prog_one ._cont .right .bg img {

		display: block !important;

	}



	.footp_cont {

		display: block;

		overflow: hidden;

	}



	.footp_cont .left {

		width: 100%;

		padding-right: 0;

	}



	.footp_cont .right {

		width: 100%;

		max-width: 100%;

	}



	.footp_cont .left h3 span {

		font-size: 100px;

	}



}



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

	.header {

		height: 70px;

	}



	.prog_ban .pbtxts p {

		margin-top: 10px;

	}



	.font40 {

		font-size: 30px;

	}



	.footp_cont .left h3 {

		font-size: 26px;

	}



	.prog_one::before {

		width: 240px;

		height: 240px;

	}





	.prog_one ._cont .left {

		background-size: 60%;

		background-position: 94% 94%;

	}



	.News-content-ever {

		padding: 30px 20px;

	}



	.train_button {

		padding-top: 35px;

	}



	.trait-pagination {

		display: block !important;

	}



	.trait-swiper .icon span {

		width: 54px;

		height: 54px;

	}



	.trait-swiper .icon span img {

		width: 26px;

	}



	.index_pro_down {

		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30px;

		padding-right: 30px;

	}



	.fit_bottom {



		padding-left: 0;

		padding-right: 0;

	}



	.fit_bottom .fit-button {

		display: none !important;

		margin-top: -16px;

		width: 40px;

		height: 40px;

		border-radius: 50%;

	}



	.index_pro_down .swiper-slide {

		height: 0;

	}



	.index_pro_down .swiper-slide.swiper-slide-active {

		height: auto;

	}



	.fit_bg {

		/*margin-top: 55px;*/

		padding-top: 50px;

		padding-bottom: 50px;

	}



	.train_button a, .fit_button a {

		padding: 10px 32px;

	}



	.index_pro_t .swiper-slide span {

		width: 20px;

		margin-right: 4px;

	}



	.footp_cont .left .m_scoll {

		max-height: 332px;

	}



}



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

	.font40 {

		font-size: 28px;

	}



}



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

	.font40 {

		font-size: 26px;

	}



}



/*cloud*/

.cloud_one {

	padding-top: 50px;

}



.small_text {

	padding-top: 12px;

	text-align: center;

	font-weight: 400;

	font-size: 16px;

	line-height: 26px;

	color: #666666;

}



.fixedSubNav02 .header {

	background: rgba(0, 0, 0, 0.5) !important;

}



.cloud_two {



	/*margin-top: 50px;*/

	padding-top: 50px;

	padding-bottom: 65px;

	overflow-x: hidden;

	background-image: url(../images/cloud_bg2.jpg);

	background-repeat: no-repeat;

	background-size: cover;

}



.cloud_pic2 {

	padding-top: 35px;

	text-align: center;

}



.list_six_pic {

	cursor: zoom-in;

}



.platform_bg {



	/*padding-top: 50px;*/

}



.plat-swiper {

	padding-top: 40px;

}



.plat_border {

	padding: 35px 30px;

	background-image: url(../images/plat_bg.png);

	background-repeat: no-repeat;

	background-size: cover;

	height: 248px;

	border-radius: 8px;

	border: 1px solid #DFE2E8;

	transition: transform .4s;

}



.plat_border:hover {

	transform: translateY(-5px);

}



.plat_border .icon span {

	display: inline-block;

	width: 48px;

	height: 48px;

}



.plat_border .icon span img {

	width: 100%;

}



.plat_border .sizehover {

	margin-top: 15px;

	font-weight: 700;

	font-size: 18px;

	line-height: 26px;

	color: #333333;

}



.plat_border .text {

	font-weight: 400;

	font-size: 16px;

	line-height: 26px;

	color: #666666;

	margin-top: 8px;

	height: 78px;

	overflow-y: auto;

}



.plat_border .text::-webkit-scrollbar {

	width: 8px;

}



.plat_border .text::-webkit-scrollbar-button {

	display: none;

}



.plat_border .text::-webkit-scrollbar-track {

	background-color: #eee;

}



.plat_border .text::-webkit-scrollbar-thumb {

	background-color: #F4F4F4;

}



.cloud_four {

	background: linear-gradient(180deg, rgba(236, 242, 251, 0.9) 0%, rgba(236, 242, 251, 0) 100%);

	background-image: url(../images/sys_bg2.jpg);

	background-repeat: no-repeat;

	background-size: cover;

	background-position: top center;	/*margin-top: 50px;*/

	padding-top: 50px;

	padding-bottom: 50px;

}



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

	.cloud_pro .clopro-swiper .swiper-wrapper {

		display: flex;

		justify-content: center;

	}



}



/*燃气功能介绍轮播*/

.eight_cont {

	position: relative;

	margin-top: 40px;

	z-index: 1;

}



.eight_cont .eight_l {

	position: absolute;

	left: 0;

	top: 0;

	width: 48%;

	padding: 40px;

	height: 390px;

	background: linear-gradient(94.51deg, rgba(197, 0, 9, 0.8) 7.3%, rgba(197, 0, 9, 0) 96.17%);

	background-image: url(../images/eight_bg.svg);

	background-repeat: no-repeat;

	background-size: cover;

	border-radius: 8px 0 0 8px;

	z-index: -1;

}



.eight_cont .swiper-left {

	overflow: hidden;

	width: 100%;

	height: 100%;

}



.eight_cont .swiper-right {

	float: right;

	width: 52%;

	border-radius: 0px 8px 8px 8px;

	overflow: hidden;

}



.eight_cont .swiper-left .swiper-wrapper {

	display: block;

}



.eight_cont .swiper-left .swiper-slide {

	height: 30px;

}



.eight_cont .swiper-left span {

	padding-left: 18px;

	font-weight: 400;

	font-size: 18px;

	min-height: 26px;

	line-height: 26px;

	position: relative;

	color: rgba(255, 255, 255, 0.8);

	transition: all 0.4s;

	cursor: pointer;

}



.eight_cont .swiper-left span:after {

	content: '';

	width: 6px;

	height: 6px;

	border-radius: 50%;

	background: rgba(255, 255, 255, 0.8);

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	transition: opacity 0.3s;

}



.eight_cont .swiper-left span:before {

	content: '';

	position: absolute;

	left: 0;

	top: 50%;

	transform: translateY(-50%);

	width: 0;

	height: 2px;

	background-color: #fff;

	transition: width 0.4s;

}



.eight_cont .swiper-left .swiper-slide-thumb-active span {

	font-weight: 700;

	font-size: 20px;

	padding-left: 40px;

	color: #fff;

}



.eight_cont .swiper-left .swiper-slide-thumb-active span:after {

	opacity: 0;

}



.eight_cont .swiper-left .swiper-slide-thumb-active span:before {

	width: 30px;

}



.eight_button {

	position: absolute;

	bottom: 10px;

	right: 55%;

	width: 50%;

	text-align: right;

	z-index: 1;

}



.eight_button .eight_but {

	width: 40px;

	height: 40px;

	float: right;

	border-radius: 50%;

	border: 1px solid #eaeaea;

	background-color: #fff;

	display: inline-block;

	background-position: center;

	background-repeat: no-repeat;

	outline: 0;

	cursor: pointer;

}



.eight_button .eight-prev {

	background-image: url(../images/ch_left.svg);

}



.eight_button .eight-next {

	background-image: url(../images/ch_right.svg);

}



.eight_button .eight-pagination {

	float: right;

	width: auto;

	margin: 0 15px;

	display: inline-block;

	line-height: 40px;

}



.eight_button .eight-pagination, .eight_button .eight-pagination span {

	font-weight: 400;

	font-size: 20px;

	line-height: 40px;

	color: #999999;

}



.eight_cont .swiper-right .swiper-slide {

	opacity: 0 !important;

}



.eight_cont .swiper-right .swiper-slide.swiper-slide-active {

	opacity: 1 !important;

}



.eight_cont .swiper-right i {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

}



.eight_mask .e_title {

	position: relative;

	display: none;

	z-index: 9;

}



.eight_mask h3 {

	position: relative;

	font-weight: 400;

	font-size: 16px;

	line-height: 26px;

	color: #ffffff;

	z-index: 9;

}



.eight2-pagination, .nine-pagination {

	display: none;

	float: left;

	width: 100%;

	margin-top: 30px;

	text-align: center;

}



.eight2-pagination span, .nine-pagination span {

	width: 8px;

	height: 4px;

	opacity: 1;

	margin: 0 2px;

	background: transparent;

	border-radius: 2px;

	border: 2px solid #d9d9d9;

}



.eight2-pagination span.swiper-pagination-bullet-active, .nine-pagination span.swiper-pagination-bullet-active {

	background: #C50009;

	border-color: #C50009;

	width: 12px;

}



@media (min-width:901px) {

	.eight_cont:before {

		content: '';

		position: absolute;

		width: 45%;

		height: 162px;

		background-image: url(../images/eight_bg3.png);

		background-size: contain;

		background-repeat: no-repeat;

		background-position: left bottom;

		left: -45px;

		bottom: 0;

		z-index: -1;

	}



	.eight_cont .swiper-right .swiper-slide {

		min-height: 480px;

	}



	.e_thumb {

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

	}



	.eight_mask {

		display: flex;

		align-items: flex-end;

		position: absolute;

		padding: 40px;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

	}



	.eight_mask:before {

		content: '';

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 53.94%);

		transform: matrix(1, 0, 0, -1, 0, 0);

	}



}



@media (max-width:900px) {

	.eight_cont .eight_l {

		display: none;

	}



	.eight_cont .swiper-right {

		width: 100%;

		border-radius: 8px

	}



	.eight_button {

		display: none;

	}



	.e_thumb {

		position: relative;

		width: 100%;

	}



	.eight_mask {

		position: relative;

		padding: 24px;

		background: linear-gradient(94.51deg, rgba(197, 0, 9, 0.8) 7.3%, rgba(197, 0, 9, 0) 96.17%);

		border-radius: 0px 0px 4px 4px;

		background-image: url(../images/eight_bg.svg);

		background-size: cover;

		background-repeat: no-repeat;

		background-position: center;

	}



	.eight_mask .e_title {

		display: inline-block;

		font-weight: 700;

		font-size: 18px;

		line-height: 1.2;

		color: #ffffff;

	}



	.eight_mask h3 {

		font-weight: 400;

		font-size: 12px;

		line-height: 20px;

		color: rgba(255, 255, 255, 0.8);

	}



	.eight2-pagination, .nine-pagination {

		display: block;

	}



}



/*xitong*/

#certify {

	margin-top: 15px;

	position: relative;

}



.sys-swiper {

	padding: 160px 0;

}



.sys-swiper .img {

	transition: all 0.6s;

	transform: scale(0.95);

	position: relative;

	padding: 10px;

	background: rgba(200, 208, 219, 0.7);

	box-shadow: 0px 14px 20px rgba(0, 0, 0, 0.05);

	backdrop-filter: blur(3px);

	border-radius: 12px;

}



.sys-swiper .ss .img img {

	width: 100%;

	border-radius: 6px

}



.sys-swiper .swiper-slide-active {

	z-index: 10;

}



.sys-swiper .swiper-slide-active .ss .img {

	transform: scale(2);

	transition: all 0.6s;

	border-radius: 6px;

	padding: 5px;

	box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.05);

}



.sys_button {

	position: absolute;

	width: 48px;

	height: 48px;

	top: 50%;

	transform: translateY(-50%);

	background-color: rgba(197, 0, 9, 0.6);

	background-repeat: no-repeat;

	background-position: center;

	background-size: 24px 24px;

	border-radius: 50%;

	outline: 0;

	z-index: 8;

}



.sys_button:hover {

	background-color: rgba(197, 0, 9, 0.8);

}



.sys-prev {

	left: 11%;

	background-image: url(../images/chevron-lefth.svg);

}



.sys-next {

	right: 11%;

	background-image: url(../images/chevron-righth.svg);

}



.cloud_four .sys-pagination {

	margin-top: 0;

}

.sy_table {

	padding-bottom: 50px;

}

.sy_table table tr td {

    padding: 10px 5px;

}    

.sy_table .table_title {

    padding-top: 30px;

    font-weight: 600;

    color: #333;

}

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

	.sys-swiper {

		padding: 140px 0;

	}



}



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

	.sys-swiper {

		padding: 110px 0;

	}



}



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

	.sys-swiper {

		padding: 80px 0;

	}



	.sys-prev {

		left: 8%;

	}



	.sys-next {

		right: 8%;

	}



}



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

	.clopro-pagination {

		display: block !important;

	}



	.sys-swiper {

		padding: 30px 0;

	}



	.sys-swiper .swiper-slide-active .ss .img {

		transform: scale(1);

		border-radius: 12px;

		padding: 8px;

		box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.05);

	}



	.eight2-pagination, .nine-pagination {

		margin-top: 20px;

	}



	.cloud_two {

		padding-top: 40px;

		padding-bottom: 50px;

	}



	.plat_border .icon span {

		width: 40px;

		height: 40px;

	}



	.cloud_four {

		padding-top: 40px;

		padding-bottom: 40px;

	}



	.sys-prev {

		left: 0;

	}



	.sys-next {

		right: 0;

	}



	.fit_button {

		padding-top: 40px;

	}



}