@charset "utf-8";

.swiper-banner{
	position: relative;
	width: 100%;
	max-height: 100vh;
	color: #fff;
	text-align: center;
	overflow: hidden;
}
.ban-pagination{
	position: absolute;
	z-index: 20;
	left: 0%;
	bottom: 10px;
	width: 100%;
	margin: 20px 0;
}
.swiper-banner .ban_img{
	min-height: 250px;
	object-fit: cover;
	display: block;
}
.ban-pagination .swiper-pagination-bullet{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	margin:0 7px !important;
	opacity:1;
	cursor: pointer;
	background: #fff;
}
.ban-pagination .swiper-pagination-bullet-active{
	background: #005f5c;
}

.ind_band{
	background: #00524c;
	padding: 1.5% 0 1%;
}
.ind_band .ind_banl{
	width: 26.75%;
	text-align: right;
	padding-top: 6px;
}
.ind_band .ind_banr{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.ind_band .ind_ss{
	width: 60%;
}
.ind_band .ss_txt{
	flex: 1;
	line-height: 25px;
	padding: 10px 20px 10px 60px;
	box-sizing: border-box;
	background:url(../images/ss_ico.png) no-repeat 18px center #fff;
	font-size: 14px;
	border: none;
	background-size: 22px;
}
.ind_band .ss_btn{
	background: #00a42e;
	color: #fff;
	font-size: 16px;
	padding: 10px 35px;
	line-height: 25px;
	border: none;
	cursor: pointer;
}
.ind_band .ind_rmss{
	padding-top: 18px;
}
.ind_band .ind_rmss a{
	color:rgba(255,255,255,0.6);
	display: inline-block;
	padding: 2px 8px;
}
.ind_band .ind_rmss a:hover{
	color: #fff;
}
.ind_a{
	background: url(../images/ind_abg.jpg) no-repeat center center #efeff0;
	background-size: cover;
}
.ind_a .ind_aa{
	padding-top: 10%;
}
.ind_a .ind_aa .p{
	padding: 0.5% 0;
}
.ind_a .ind_ad{
	padding: 8% 6% 10%;
}
.ind_a .ind_ad .a{
	justify-content: center;
	position: relative;
	display: inline-block;
}
.ind_a .ind_ad .nb{
	font-size: 100px;
	line-height: 1;
}
.ind_a .ind_ad .sup{
	font-size: 30px;
	font-weight: bold;
	padding-left: 10px;
	position: absolute;
	right: -24px;
	top: 4px;
	line-height: 1;
}
.ind_a .ind_ad .p{
	position: absolute;
	right: -24px;
	bottom: 9px;
}
.ind_tt{
	line-height: 1.2;
}
.ind_tt .cn{
	padding-bottom: 30px;
	position: relative;
	display: inline-block;
}
.ind_tt .cn::after{
	width: 50%;
	height: 3px;
	background: #c3c4c4;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
}

.ind_b .ind_bl{
	width: 38%;
	padding:8% 0;
	text-align: justify;
}
.ind_b .ind_bl .ind_bab{
	padding: 8% 0;
	font-size: 15px;
}
.ind_b .ind_br{
	width:53%;
	padding: 8% 0;
}
.ind_b .ind_br img{
	cursor: pointer;
}
.ind_m a{
	border: 2px solid #b2b3b3;
	display: inline-block;
	padding: 6px 20px;
	line-height: 20px;
	color:rgba(85,86,87,0.5);
}
.ind_m a p{
	padding-right: 20px;
	display: inline-block;
	vertical-align: top;
}
.ind_m a i{
	width: 20px;
	height: 20px;
	background: url(../images/m_ico.png) no-repeat center center;
	display: inline-block;
	vertical-align: top;
}
.ind_m a:hover{
	border-color: #009944;
	background: #009944;
	color: #fff;
}
.ind_m a:hover i{
	background-image: url(../images/m_ico_hv2.png);
}


.ind_c .ind_ct2{
	max-width: 1100px;
	margin: 0 auto;
	font-size: 15px;
}
.ind_cd li{
	width: 22.48%;
}
.ind_cd li .padd{
	display: block;
	border-bottom: 6px solid #fff;
}
.ind_cd li .imgs{
	padding-bottom: 91%;
}
.ind_cd li .ico{
	padding-top: 10%;
}
.ind_cd li .ico .i2{
	display: none;
}
.ind_cd li .p{
	padding-top: 8px;
	padding-bottom: 10%;
}
.ind_cd li:hover .ico .i1{
	display: none;
}
.ind_cd li:hover .ico .i2{
	display: inline-block;
}
.ind_cd li:hover .padd{
	border-color: #00a42e;
	transform: translateY(-6px);
}

.ind_d{
	padding: 5.6% 0;
	background: url(../images/ind_dbg.jpg) no-repeat center center;
	background-size: cover;
}
.ind_dpadd{
	position: relative;
}
.ind_d .ind_dpadd::after{
	position: absolute;
	width:100%;
	height: 100%;
	background: #EEEEEE;
	content: '';
	left: 50%;
	top: 0;
}
.ind_d .ind_dl{
	width: 22%;
	padding-left: 6%;
	padding-top: 5%;
	padding-bottom: 5%;
}
.ind_d .ind_dflex{
	position: relative;
	z-index: 2;
}
.ind_d .ind_dnav{
	padding-top: 10%;
}
.ind_d .ind_dnav li{
	padding: 2px 0;
	position: relative;
}
.ind_d .ind_dnav li::after{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	content: '';
	
	transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
}
.ind_d .ind_dnav li a{
	display: block;
	line-height: 25px;
	padding: 4px 45px 4px 12px;
	font-size: 15px;
	position: relative;
	z-index: 9;
	overflow: hidden;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;          /* for IE */
	-o-text-overflow: ellipsis;      /* for Opera */
	-icab-text-overflow: ellipsis;   /* for iCab */
	-khtml-text-overflow: ellipsis;  /* for Konqueror Safari */
	-moz-text-overflow: ellipsis;    /* for Firefox,mozilla */
	-webkit-text-overflow: ellipsis; /* for Safari,Swift*/
}
.ind_d .ind_dnav li a i{
	position: absolute;
	width: 30px;
	height: 25px;
	background: url(../images/ind_dico.png) no-repeat center center;
	right: 80%;
	top: 2px;
	opacity: 0;
	transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
}
.ind_d .ind_dnav li:hover::after,.ind_d .ind_dnav li.on::after{
	width: 100%;
}
.ind_d .ind_dnav li:hover::after{
	background: rgba(75,75,75,1);
}
.ind_d .ind_dnav li.on::after{
	background: #009944;
}
.ind_d .ind_dnav li:hover a,.ind_d .ind_dnav li.on a{
	color: #fff;
}
.ind_d .ind_dnav li.on a i,.ind_d .ind_dnav li:hover a i{
	right: 15px;
	opacity: 1;
}
.ind_d .ind_dr{
	width: 67%;
	padding: 8% 0;
	position: relative;
}
.ind_d .ind_dr .ind_drpadd{
	position: relative;
	padding-bottom: 46.85%;
	overflow: hidden;
}
.ind_d .ind_dr .con{
	position: absolute;
	width: 100%;
	right:50%;
	opacity: 0;
	top: 0;
	z-index: -1;
	transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
}
.ind_d .ind_dr .con.onn{
	opacity: 1;
	z-index: 99;
	right: 0;
	overflow: hidden;
}
.ind_d .ind_dr .imgs{
	padding-bottom: 92%;
}
.ind_d .ind_dr .l{
	width: 51%;
}
.ind_d .ind_dr .r{
	flex: 1;
	padding: 5% 5% 5% 8%;
	flex-direction: column;
}
.ind_d .ind_dr .r .p{
	padding-top: 9%;
	padding-bottom: 0;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 7; 
	line-height: 1.9;
	-webkit-box-orient: vertical;
}
.ind_d .ind_dr .r .m{
	padding-top: 8%;
}
.ind_d .ind_dr .ind_tt{
	line-height: 1.5;
}
.ind_d .ind_dr .ind_tt .cn{
	padding-bottom: 15px;
}
.ind_d .ind_dr .ind_tt .cn::after{
	background: #36ac3c;
}
.ind_d .ind_dr .m{
	padding-top: 2%;
	text-align: right;
}
.ind_d .ind_dr .m a{
	display: inline-block;
	line-height: 25px;
	padding: 3px 15px;
	background: #36ac3c;
	color: #fff;
}
.ind_d .ind_dr .m a:hover{
	margin-right: 6px;
}


.ind_e .ind_tt .cn::after{
	left: 25%;
}
.ind_e .ind_ed{
	padding:1% 2%;
}
.ind_e .ind_edli{
	width: 49.5%;
	box-sizing: border-box;
	padding: 2%;
}
.ind_e .ind_edli .ind_ett{
	border-bottom: 1px solid #b8b8b9;
	padding-bottom:8px;
}
.ind_e .ind_edli dl{
	padding-top: 4%;
}
.ind_e .ind_edli dt .l{
	width: 50%;
}
.ind_e .ind_edli dt .imgs{
	padding-bottom: 63%;
}
.ind_e .ind_edli dt .r{
	width: 50%;
	padding:4% 3% 2% 4%;
	box-sizing: border-box;
}
.ind_e .ind_edli dt .tm{
	text-align: right;
	padding-top: 5%;
}
.ind_e .ind_edli dt{
	margin-bottom: 5%;
}
.ind_e .ind_edli dd{
	padding: 6px 0;
}
.ind_e .ind_edli dd a{
	display: block;
	font-size: 15px;
}
.ind_e .ind_edli dd span{
	float: right;
	color: rgba(85,86,87,0.5);
	padding-left: 5%;
}

.video-bg{
	position: fixed;
	z-index: 9991;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.2);
	width: 100%;
	height: 100%;
	display: none;
}
.video-com{
	width: 80%;
	max-width: 1000px;
	position: fixed;
	z-index: 9992;
	left: 50%;
	margin-left: -500px;
	top: 20%;
	display: none;
}
.video-com  .video-v{
	position:relative;
}
.closevdo{
	position:absolute;
	width:30px;
	height:30px;
	top:-30px;
	right:-30px;
	cursor:pointer;
	background:url(../images/close.png) no-repeat center center;
	background-size:40%;
	border:1px solid #fff;
	border-radius:50%;
}


@media screen and (max-width:1400px ) {
	.ind_d .ind_dr .r .p{
		-webkit-line-clamp: 5;
	}
}
@media screen and (max-width:1280px ) {
	.ban-pagination{
		margin:10px 0;
	}
	.ind_a .ind_ad .nb{
		font-size: 90px;
	}
	.ind_d .ind_dnav li.on a i, .ind_d .ind_dnav li:hover a i{
		right: 8px;
	}
	.ind_d .ind_dnav li a i{
		background-size: 22px;
	}
	.ind_d .ind_dr .r .p{
		-webkit-line-clamp: 4;
	}
	.video-com{
		margin-left: 0;
		left: 10%;
	}
}
@media screen and (max-width:1024px ) {
	.ind_a .ind_ad .nb{
		font-size:80px;
	}
	.ind_d .ind_dnav li.on a i, .ind_d .ind_dnav li:hover a i{
		right: 6px;
	}
	.ind_d .ind_dnav li a i {
	    background-size: 18px;
	}
	.ind_d .ind_dr .r .p{
		-webkit-line-clamp: 3;
	}
}
@media screen and (max-width:960px ) {
	.ind_a .ind_ad .nb{
		font-size:70px;
	}
	.ind_band .ind_ss{
		width: 100%;
	}
	.ind_band .ss_txt,.ind_band .ss_btn{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.ind_d .ind_dr .r .p{
		-webkit-line-clamp: 2;
	}
}
@media screen and (max-width:800px ) {
	
	.ind_a .ind_ad li{
		width: 50%;
		padding: 5% 0;
	}
	.ind_a .ind_ad .sup{
		top: 0;
		font-size: 26px;
		right: -20px;
	}
	.ind_a .ind_ad .p{
		right: -18px;
	}
	.ind_b .ind_bl,.ind_b .ind_br{
		width: 100%;
		padding: 8% 0;
	}
	.ind_b .ind_br{
	 padding-top:2%;
	}
	
	.ind_d .ind_dr .ind_drpadd{
		padding-bottom: 0;
	}
	.ind_d .ind_dr .con.onn{
		position: relative;
	}
	.ind_d .ind_dr .r .p{
		display: none;
	}
	.ind_d .ind_dr .l,.ind_d .ind_dr .r{
		width: 100%;
	}
	.ind_d .ind_dr .r{
		padding-bottom: 6%;
	}
	.ind_d{
		background: url(../images/ind_dbg_m.jpg) no-repeat center top;
		background-size: 100%;
	}
	.ind_d .ind_dpadd::after{
		display: none;
	}
	.ind_d .ind_dl{
		width: 100%;
		box-sizing: border-box;
		padding-right: 6%;
		overflow: hidden;
	}
	.ind_d .ind_dnav{
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		padding-top: 6%;
	}
	.ind_d .ind_dnav li{
		white-space:nowrap;
	}
	.ind_d .ind_dnav li a{
		padding: 3px 15px;
	}
	.ind_d .ind_dnav li:hover a, .ind_d .ind_dnav li.on a {
	    color: #fff;
		padding-right: 50px;
	}
	.ind_d .ind_dnav li a i{
		background-size: 20px;
	}
	.ind_d .ind_dnav li.on a i, .ind_d .ind_dnav li:hover a i{
		right: 10px;
	}
	.ind_d .ind_dr{
		width: 100%;
	}
	.ind_d .ind_dr{
		box-sizing: border-box;
		padding: 2% 6% 8%;
	}
	
	.ind_d .ind_dr .m{
		padding-top: 8%;
	}
	
	
}
@media screen and (max-width:600px ) {
	.ban-pagination{
		margin:3px 0;
	}
	.ban-pagination .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
	}
	.ind_band .com_pad{
		flex-direction: column;
	}
	.ind_band .ind_banl,.ind_band .ind_banr,.ind_band .ind_ss{
		width: 100%;
		text-align: left;
		padding-left: 0;
	}
	.ind_band .ind_banl{
		padding-bottom: 5px;
	}
	.ind_band .ss_btn,.ind_band .ss_txt{
		line-height: 20px;
	}
	.ind_band .ss_btn{
		padding: 10px 25px;
	}
	.ind_band .ss_txt{
		padding: 5px 10px 5px 40px;
		background-size: 18px;
		background-position: 12px center;
	}
	.ind_band .ind_rmss{
		padding: 12px 0 0;
	}
	.ind_band .ind_banr{
		padding-bottom: 8px;
	}
	.ind_a .ind_ad{
		padding-top: 4%;
	}
	.ind_a .ind_aa .p strong{
		display: block;
	}
	
	.ind_a .ind_ad .nb{
		font-size: 50px;
	}
	.ind_a .ind_ad .sup{
		font-size: 20px;
		right: -16px;
	}
	.ind_a .ind_ad .p{
		bottom: 4px;
	}
	
	.ind_tt .cn{
		padding-bottom: 15px;
	}
	.ind_tt .cn::after{
		height: 2px;
	}
	.ind_b .ind_bl .ind_bab{
		font-size: 13px;
		padding: 5% 0;
	}
	.ind_m a{
		border-width: 1px;
		padding: 4px 10px;
	}
	.ind_m a p{
		padding-right: 10px;
	}
	.ind_cd li{
		width: 48%;
		padding: 2% 0;
	}
	.ind_c .ind_ct{
		padding-top: 8%;
	}
	.ind_c .ind_ct2{
		font-size: 13px;
	}
	.ind_cd li .ico img{
		width: 28px;
	}
	.ind_d .ind_dnav li a{
		font-size: 14px;
	}
	.ind_e{
		padding-top:3%;
	}
	.ind_e .ind_edli{
		width: 100%;
	}
	.ind_e .ind_edli dt .r{
		padding:3% 3% 1% 4%;
	}
	.ind_e .ind_edli dd a{
		font-size: 13px;
	}
	.ind_e .ind_edli dd span{
		font-size: 12px;
	}
	
}

@media screen and (min-width:1450px ) {
	.ind_b .ind_tt{ margin-top: -10px;}
	.ind_d .ind_dr .ind_drpadd{ padding-bottom: 49%; margin-top: 1.2%;}
	.ind_d .ind_dr .imgs{ padding-bottom: 96%;}

}