video,
img{border:none;vertical-align: middle;}

.clearfix:before,
.clearfix:after{ display:table; content:" "; }
.clearfix:after{ clear:both; }

.ellipsis{ display: -webkit-box!important; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.ellipsis.lc2 { -webkit-line-clamp: 2; }
.ellipsis.lc3 { -webkit-line-clamp: 3; }
.ellipsis.lc4 { -webkit-line-clamp: 4; }
.ellipsis.lc5 { -webkit-line-clamp: 5; }

header.hover{ background:rgba(0, 0, 0, .7); }

/** 搜索框样式 */
.search-content-box{ display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); position: fixed; top: 0; right: 0; z-index: 100; opacity: 0; transition: all 0.3s; }
.search-content-box.show{ display: block; opacity: 1; }

	.float-window{ width: 350px; background-color: #fff; position: fixed; z-index: 101; bottom: 0; right: calc(50% - 175px); border-radius: 5px; transform: scale(0.1, 0.1); transition: all 0.3s; opacity: 0; }
	.search-content-box.show .float-window{ transform: scale(1, 1); opacity: 1; bottom: calc(50% - 100px); transition: all 0.3s; }
	.float-window .no{ width: 100%; display: flex; flex-direction: row-reverse; padding-right: 15px; padding-top: 10px; box-sizing: border-box; cursor: pointer; }
	.float-window .search{ font-size: 16px; font-weight: bold; padding-left: 20px; box-sizing: border-box; }
	.float-window input{ margin:30px 20px 20px; width: calc(100% - 40px); box-sizing: border-box; padding: 5px 10px; border-radius: 5px; border: 1px solid #ccc; outline: none; height: 35px; }
	.float-window button{ margin:-5px 20px 20px; width: calc(100% - 40px); background-color: #f90505; height: 35px; color: #fff; border-radius: 5px; margin-bottom: 54px; border:none; }

.zoomImg{ cursor:pointer; }

/** 分页样式 */
.pagination{ text-align:center; margin-top:60px; margin-bottom:30px; }
.pagination span,
.pagination a,
.pagination strong{ display: inline-block; height:40px; line-height:40px; padding:0 15px; color:#fff; background: rgba(0, 0, 0, 0.5); border-left:1px solid #999; }
.pagination :first-child{ border-left: none; }
.pagination span{ color:#fff; }
.pagination a:hover,
.pagination strong{ background:#0070c0; color:#fff; }


.textbox{
	position: relative;
}

.textbox .notes{
	font-size: 14px;
	color: #434343;
	max-height: 306px;
	overflow-y: overlay;
	text-align: justify;
	padding-right: 10px;
	
}
.textbox .notes::-webkit-scrollbar {/*滚动条整体样式*/
	width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}
.textbox .notes::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
	border-radius: 4px;
	background-color: rgba(0, 0, 0, 0.3);

}
.textbox .notes::-webkit-scrollbar-track {/*滚动条里面轨道*/
	background-color: rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}

.bottom-contact p{ padding-left:1em; position:relative; }
.bottom-contact p:before{ content:" - "; display:inline-block; position:absolute; left:0; top:0; }
.product-details .list_img{ width:calc(100% - 30px); }
.point_item{ line-height:2; }

.index_news .pager{ position: absolute; right:0; bottom:0; z-index:999; }
.index_news .pager button{ background: transparent; float: right; border: none; margin: 0 5px; padding:28px 10px; cursor:pointer; }
.index_news .pager button i{ color: #fff; }

/*.cptd p:nth-child(1){ text-indent:2em; }*/

.prolist_item .swiper-container .li{ background: url(../../statics/img/cpbj.jpg) no-repeat; background-size: cover; padding: 40px 30px; box-sizing: border-box; text-align: left; }



.prolist_item .swiper-container .li .mask{ 
	bottom: 40px; 
	width: 100%;
	position: absolute;
	left: 0;
	text-align: center;
}

.prolist_item .swiper-container .li .mask img{
	max-width: 58%;
	transition: all .25s ease;
	transform: scale(1.0);
	cursor: pointer;
}



.prolist_item .swiper-container .li h4{ color: #fff; line-height: 1; font-weight: 400; width: 100%; }
.prolist_item .swiper-container .li p{ width: 100%; font-size: 14px; line-height: 2; color: #fff; cursor: default;letter-spacing: 1px;}
.prolist_item .swiper-container .li .ljgd_1{ font-size: 14px; color: #fff; line-height: 3; margin-top: 30px; display: inline-block; }
.prolist_item .swiper-container .li .ljgd_1 img{ margin-left: 15px; width: 22px; height: 9px; }
.prolist_item .swiper-container .li .ljgd_1:hover{ background: #658fb5; border-radius: 4px; color: #fff; padding: 0 20px; }

.prolist_item .attach{ width:100%; position:relative; padding:18px 0; }
.prolist_item .attach .swiper-button-prev,
.prolist_item .attach .swiper-button-next{ background-color:#747378; background-size:40%; height:44px; width:44px; outline:none; }
.prolist_item .attach .swiper-button-prev{ left:50%; right:auto; margin-left:-88px; }
.prolist_item .attach .swiper-button-next{ right:50%; left:auto; margin-right:-88px; }
.prolist_item .attach .attline{ width:80px; margin:auto; height:44px; line-height:44px; background-color:#747378; color:#fff; }

.historySwiper2 .swiper-slide .fzlc-nr{ display:block; padding:0 50px; width:auto; }

.fz-sjx .fzlc-nf{ padding: 6px 15px 0 15px; }
.historySwiper.swiper-container{ margin-top: -6px; }
.historySwiper .swiper-slide{ text-align:center;font-size: 18px; color: #eee; font-weight: 500; line-height: 64px; position: relative; cursor:pointer; }
.historySwiper .swiper-slide i{ width: 10px; height: 10px; border-radius: 10px; background: #fff; display: inline-block; position: absolute; top: -0; left: 45%; }
.historySwiper .swiper-slide.swiper-slide-thumb-active{ font-size: 22px; color: #fff; }
.historySwiper .swiper-slide.swiper-slide-thumb-active i{ border: 2px solid #fff; background: #1177df; top: 0; }

.fzsj{ min-height: 160px; }
/*.gszp { float: none; width: 48%; position: absolute; top: 0; right: 50px; }*/

.product_tab .swiper-wrapper .swiper-slide{ width:auto; }
@media (max-width:768px){
	.historySwiper2 .swiper-slide .fzlc-nr{
		padding: 0 15px;
	}
	.fzlc-wrap .swiper-button-next, .fzlc-wrap .swiper-button-prev{
		margin-top: -6px !important;
	}

	.product-details .list_img{
		width: 100%;
	}
	
	.bottom-contact p{
		margin-bottom: 0;
		position: relative;
		padding-left: 65px;
	}
}



.layui-carousel-ind{
	box-sizing: border-box;
	padding-right: 5%;
	text-align: right !important;

}

.layui-carousel-ind ul li{
	width: 40px !important;
	height: 3px !important;
	border-radius: 0 !important;
}


.dtjt{
	position: fixed;
	left: calc((100vw - 100px) / 2);
	bottom: 10px;
	z-index: 99;
	text-align: center;
	width: 100px;

}

.dtjt p{
	font-size: 16px;
	color: #fff;
}

.dtjt img{
	width:100%;
}


.swiper-button-next, .swiper-button-prev{
	transition: all 0.2s;
	transform: scale(1.0);
}

.swiper-button-next:hover, .swiper-button-prev:hover{
	transform: scale(1.2);
}