.swiper-container,
.swiper-container .swiper-slide a,
.swiper-container .swiper-slide img {
	width: 100%;
	height: 100%;
}

.banner {
	position: relative;
}

.down-arrow {
	position: absolute;
	left: 50%;
	bottom: 3%;
	z-index: 10;
	-webkit-animation: -webkit-scroll 4s infinite ease-in-out;
	-moz-animation: -moz-scroll 4s infinite ease-in-out;
	transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	-webkit-transition: .2s;
}

.banner-page {
	margin-top: 50px;
	cursor: pointer;

}

@keyframes -webkit-scroll {

	0%,
	40% {
		opacity: 0;
		-webkit-transform: translateY(-8px);
	}

	60%,
	90% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-webkit-transform: translateY(4px);
	}
}

@keyframes -moz-scroll {

	0%,
	40% {
		opacity: 0;
		-moz-transform: translateY(-8px);
	}

	60%,
	90% {
		opacity: 1;
		-moz-transform: translateY(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateY(4px);
	}
}



.swiper-pagination-bullet {
	background: #fff;
	width: 12px;
	height: 12px;
	opacity: 1;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
	border: 1px solid #fff;
	background: transparent;
	position: relative;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	content: "";
	background: #fff;
	width: 6px;
	height: 6px;
	border-radius: 6px;
}

/*产品*/
.product {
	margin-top: 60px;
}

.product-item>div {
	width: 50%;
	height: 354px;
}

.product-item>div img,
.product-item-left>a {
	width: 100%;
	height: 100%;
}

/*.product-item-left>a img{transition:transform .5s}
.product-item-left>a:hover img{transform:scale(1.1);}*/

.product-item-right {
	padding: 0 15px;
}

.band-name {
	margin-top: 70px;
	color: #999;
	font-size: 20px;
}

.product-title {
	font-size: 28px;
	margin: 70px 0 25px 0;
	display: inline-block;
}

.product-title:hover {
	color: #000;
}

.product-subtitle {
	padding: 0 50px;
	font-size: 16px;
	color: #666;
	height: 75px;
	width: 100%;
	overflow: hidden;
	line-height: 25px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;


}

.hover-img>img {
	transform: transform .6s !important;
}

.browse-product {
	display: inline-block;
	width: 250px;
	height: 45px;
	line-height: 45px;
	background-color: transparent;
	color: #666;
	border: 1px solid #000;
	transition: background-color .5s ease, color .5s ease;
	margin-top: 40px;
	font-size: 16px;
}

.browse-product:hover {
	background-color: #333333;
	color: #fff;
}

.product-item>div {
	background: #fff;
	transition: background 1s;
}

.product-item>div:hover {
	background: #fafafa;
}

/*新闻*/
.news {
	margin-top: 160px;
	margin-bottom: 120px;
}

.news * {
	font-size: 16px;
}

.new-left {
	height: 700px;
	width: 44.286%;
	margin-right: 4.7%;
}

.new-left .left-content {
	height: 200px;
	width: 100%;
	border: solid 1px #e9e9e9;
	border-bottom: 0;
	padding: 0 25px;
}

.new-title {
	margin-top: 40px;
	display: inline-block;
	font-size: 18px;
}

.new-subtitle {
	margin: 23px 0;
	height: 42px;
	text-align: justify;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.left-more {
	text-align: center;
	display: inline-block;
	width: 80px;
	height: 30px;
	line-height: 30px;
	border: solid 1px #979797;
	color: #9f9f9f;
	transition: background-color .5s linear, color .5s;
}

.left-more:hover {
	background-color: #000;
	color: #fff;
}

.new-left>a {
	display: inline-block;
	width: 100%;
	height: 500px;
}

.new-left>a>img {
	width: 100%;
	height: 100%;
}

.new-right {
	height: 700px;
	width: 50%;
}

/*新闻右边*/
.new-item {
	display: flex;
	height: 320px;
}

.new-item-left {
	width: 335px;
	padding: 0 35px;
	background-color: #939594;
}

.new-item-left * {
	color: #fff;
}

.new-item-left .new-title {
	margin-top: 64px;
	font-size: 18px;
}

.newSubtitle {
	margin: 30px 0;
	height: 42px;
	overflow: hidden;
}

.new-item>a {
	display: inline-block;
	width: 365px;
	height: 100%;
}

.new-item>a>img {
	width: 100%;
	height: 100%;
}

.new-item .left-more {
	border-color: #fff;
	color: #fff;
	transition: all .5s;
}

.new-item .left-more:hover {
	background: #000;
}

.new-right .new-item:not(:first-child) {
	margin-top: 60px;
}

/*blog*/
.blog img {
	width: 100%;
}

.blog-product {
	margin-bottom: 120px;
}

.bitem>div {
	background: #fff;
	transition: background .5s;
}

.bitem .product-item-right {
	padding: 0 55px;
}

.bitem>div:hover {
	background: #000;
}

.bitem>div * {
	color: #000;
}

.bitem .square {
	font-size: 30px;
	font-family: arial;
	position: relative;
	/* padding-left: 30px; */
	display: inline-block;
}

/* .bitem .square:before {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	background-color: #000;
	content: "";
} */

.bitem>div:hover * {
	color: #fff;
}

.bitem>div:hover .square:before {
	background-color: #fff;
}

.bitem .band-name {
	text-align: left;
}

.bcontent {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 30px;
	text-align: left;
	height: 60px;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.bmore {
	width: 100px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border: solid 1px #dbe4ed;
	font-size: 16px;
	float: left;
}

/*blog-detial*/
.blog-crumbs {
	padding: 10px 0;
	font-size: 16px;
}

.blog-crumbs>li>a {
	margin: 0 20px 0 5px;
	color: #838383;
}

.blog-crumbs>li:last-child a {
	color: #282828;
}

.blog-crumbs>li>i {
	font-size: 14px;
}

.blog-top {
	margin-bottom: 40px;
}

.all-blogs {
	position: relative;
	margin-top: 40px;
}

.all-blogs a {
	width: 20px;
}

.all-blogs a:hover i {
	transition: all .5s;
}

.all-blogs a:hover i {
	transform: translate(-20px)
}

.all-blogs>b {
	font-size: 15px;
}

.blog-top>h3 {
	margin: 27px 0;
	color: #282828;
	font-weight: 400;
	font-size: 40px;
}

.top-time {
	color: rgba(40, 40, 40, .4);
	font-size: 17px;
}

/*文章*/
.blog-article {
	/* padding: 50px 2%; */
	border-bottom: 1px solid #ddd;
}

.blog-article>p {
	color: #6e6e6e;
	font-size: 20px;
	padding: 1.5em 0;
}

.blog-article img {
	max-width: 100%;
}

/*适配手机*/
@media (max-width:767px) {
	.banner {
		height: auto;
	}

	.banner-page {
		height: auto;
		margin-top: 15px;
	}

	/*产品*/
	.product {
		margin-top: 30px;
	}

	.product-item>div {
		width: 50%;
		height: 200px;
	}

	.product-item>div img,
	.product-item-left>a {
		width: 100%;
		height: 100%;
	}

	.product-item .product-item-left {
		height: 200px;
		width: 50%;
	}

	.product-item-right {
		padding: 0 10px;
		height: auto;
	}

	.band-name {
		margin-top: 20px;
		color: #999;
		font-size: 15px;
	}

	.product-title {
		font-size: 18px;
		margin: 34px 0 10px 0;
		display: inline-block;
	}

	] .product-title:hover {
		color: #000;
	}

	.product-subtitle {
		font-size: 12px;
		color: #666;
		height: 50px;
		width: 100%;
		overflow: hidden;
		line-height: 25px;
	}

	.browse-product {
		display: inline-block;
		width: 150px;
		height: 30px;
		line-height: 30px;
		background-color: transparent;
		color: #666;
		border: 1px solid #000;
		transition: background-color .5s ease, color .5s ease;
		margin-top: 15px;
		margin-bottom: 10px;
	}

	.browse-product:hover {
		background-color: #333333;
		color: #fff;
	}

	/*.product>div:first-child .product-item-right,.product>div:last-child .product-item-right{background-color:#fafafa;}*/

	/*新闻*/
	.news {
		margin-top: 30px;
		margin-bottom: 50px;
	}

	.news * {
		font-size: 16px;
	}

	.new-left {
		height: auto;
		width: 100%;
		margin-right: 00;
	}

	.new-left .left-content {
		height: auto;
		width: 100%;
		border: solid 1px #e9e9e9;
		border-bottom: 0;
		padding: 0 10px;
	}

	.new-title {
		margin-top: 15px;
		display: inline-block;
		font-size: 18px;
	}

	.new-subtitle {
		margin: 10px 0;
		height: 40px;
		text-align: justify;
		overflow: hidden;
	}

	.left-more {
		text-align: center;
		display: inline-block;
		width: 80px;
		height: 30px;
		line-height: 30px;
		border: solid 1px #979797;
		color: #9f9f9f;
		transition: background-color .5s linear, color .5s;
		margin-bottom: 10px;
	}

	.left-more:hover {
		background-color: #000;
		;
		color: #fff;
	}

	.new-left>a {
		display: inline-block;
		width: 100%;
		height: 200px;
	}

	.new-left>a>img {
		width: 100%;
		height: 100%;
	}

	.new-right {
		height: auto;
		width: 100%;
		margin-top: 25px;
	}

	/*新闻右边*/
	.new-item {
		display: flex;
		height: 220px;
	}

	.new-item-left {
		width: 50%;
		padding: 0 10px;
		background-color: #939594;
	}

	.new-item-left * {
		color: #fff;
	}

	.new-item-left .new-title {
		margin-top: 15px;
		font-size: 18px;
	}

	.new-item-left .new-title:hover {
		color: #fff;
	}

	.newSubtitle {
		margin: 10px 0;
		text-align: justify;
		height: 42px;
		overflow: hidden;
	}

	.new-item>a {
		display: inline-block;
		width: 50%;
		height: 100%;
	}

	.new-item>a>img {
		width: 100%;
		height: 100%;
	}

	.new-item .left-more {
		border-color: #fff;
		color: #fff;
	}

	.new-right .new-item:not(:first-child) {
		margin-top: 15px;
	}

	/**/
	.blog img {
		width: 100%;
		height: auto;
	}

	.blog-product {
		margin-top: 20px;
		font-size: 15px;
		margin-bottom: 20px;
	}

	.bitem>div {
		background: #fff;
		transition: background .5s;
		height: 200px;
	}

	.bitem .product-item-right {
		padding: 0 10px;
	}

	.bitem>div:hover {
		background: #000;
	}

	.bitem>div * {
		color: #000;
		transition: color .5s
	}

	.bitem .square {
		font-size: 16px;
		position: relative;
		/* padding-left: 15px; */
		display: inline-block;
	}
/* 
	.bitem .square:before {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 13px;
		height: 13px;
		background-color: #000;
		content: "";
	} */

	.bitem>div:hover * {
		color: #fff;
	}

	.bitem>div:hover .square:before {
		background-color: #fff;
	}

	.bcontent {
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 20px;
		text-align: left;
		height: 40px;
		overflow: hidden;
	}

	.bmore {
		width: 64px;
		height: 28px;
		line-height: 28px;
		text-align: center;
		border: solid 1px #dbe4ed;
		font-size: 14px;
		float: left;
	}

	/*文章*/
	.blog-crumbs>li>a {
		margin: 0 10px 0 5px
	}

	.blog-crumbs {
		padding: 10px 0;
		font-size: 14px;
	}

	.all-blogs a {
		position: inherit;
		left: inherit;
	}

	.blog-top>h3 {
		margin: 15px 0;
		font-size: 24px;
	}

	.top-time {
		font-size: 12px;
	}

	.blog-article {
		padding: 10px;
	}

	.get-more {
		padding: 20px 0;
	}

	.get-more>h2 {
		font-size: 20px;
	}

	.more-link>div {
		padding: 25px 10px;
	}

	.submit-msg {
		padding: 30px 10px;
	}
	
	
}