.company-b-c {
	margin-top: 60px;
	position: relative
}

.banner {
	margin-top: 120px;
	width: 100%;
	height: 0;
	padding-bottom: 20.5%;
	background-image: url("banner.png")
}

.banner-txt {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	align-items: center;
	justify-content: center
}

.banner-txt-con {
	border: 1px solid #fff;
	color: #fff;
	width: 40%;
	height: 30%;
	text-align: center;
	flex-direction: column;
	justify-content: center
}

.banner-txt-con>h3 {
	font-size: 52px;
	font-family: Arial;
	font-weight: bold;
	margin-bottom: 5%
}

.banner-txt-con>span {
	display: inline-block;
	font-size: 14px;
	line-height: 20px;
	padding: 0 10%
}

.who-am {
	padding: 6% 0 6% 6%;
	background-color: #fff;
	overflow: hidden;
	position: relative;
	z-index: 100;
	box-shadow: 0 0 6px #ccc
}

.who-am p {
	font-size: 18px;
	line-height: 2em;
	margin-bottom: 10px;
	color: #818181
}

.who-can {
	margin-bottom: 50px;
}

.who-can>h3,
.who-am>h3 {
	color: #333;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 1em;
	font-family: impact;
	text-transform: uppercase;
	text-align: center;
	line-height: 50px
}

.who-can>span {
	font-size: 18px;
	line-height: 6em
}

.what-can-con {
	overflow: hidden;
	margin-top: 3%
}

.what-can-con-l {
	float: left;
	width: 48%;
	height: 0;
	padding-bottom: 35%;
	background-image: url("/index/img/company/cando.png")
}

.what-can-con-r {
	float: left;
	width: 48%;
	height: 100%;
	margin-left: 4%;
	text-align: left
}

.what-can-con-r>h3 {
	font-size: 18px;
	line-height: 2em;
	margin-top: 2%
}

.what-can-con-r>p {
	font-size: 18px;
	line-height: 1.6em;
	color: #767676;
	margin-bottom: 1em
}

.can-item {
	font-size: 18px;
	padding: 1em 0
}

.p-line {
	display: inline-block;
	width: 26px;
	height: 0;
	background-color: #004697;
	margin-right: 10px;
	vertical-align: middle
}

.enter-l-template {
	overflow: hidden
}

.enter-r-template {
	overflow: hidden
}

.enter-item1,
.enter-item2,
.enter-item3 {
	float: left
}

.enter-item1 {
	width: 40%;
	height: 0;
	line-height: 19%;
	padding-bottom: 5%;
	padding-top: 0;
	text-align: center;
	margin-left: 30%
}

.enter-item2 {
	width: 20%;
	position: absolute;
	top: 0;
	left: 40%;
	right: 40%;
	bottom: 0;
	justify-content: center;
	align-items: center
}

.enter-item2>img {
	display: inline-block;
	width: 28px
}

.enter-item3 {
	width: 40%;
	position: absolute;
	top: 0;
	left: 55%;
	right: 0;
	bottom: 0;
	text-align: left;
	align-items: center
}

.enter-r-template>.enter-item3 {
	width: 40%;
	position: absolute;
	top: 0;
	left: 5%;
	right: 60%;
	bottom: 0;
	text-align: left;
	align-items: center
}

.enter-r-template>.enter-item1 {
	margin-left: 30%
}

.enter-item1 .act-title {
	font-size: 24px;
	font-weight: 700;
	color: #084d9a
}

.act-title {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 4px;
	line-height: 2em;
	color: #818181
}

.enter-item3>p {
	font-size: 14px;
	line-height: 2em;
	color: #a6a6a6
}

.act-info {
	font-size: 16px;
	line-height: 1.6em;
	color: #838383;
	position: relative;
	padding-left: 10px
}

.p-v-line {
	position: absolute;
	top: 7px;
	left: 0;
	width: 2px;
	height: 41px;
	background-color: #004697
}

.enter-news-con {
	position: relative
}

.mid-line {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	background-color: #e6e6e6
}

swiper-slide {
	width: auto
}

.index-swiper31 {
	margin-bottom: 50px
}

.slide-swiper3>img {
	width: 100%
}

.index-swiperpagination4,
.index-swiperpagination31 {
	width: 100%;
	bottom: -40px !important
}

.index-swiperpagination4>.swiper-pagination-bullet,
.index-swiperpagination31>.swiper-pagination-bullet {
	margin-left: 20px;
	width: 30px;
	border-radius: 3px
}

.index-swiperpagination4>.swiper-pagination-bullet:first-child,
.index-swiperpagination31>.swiper-pagination-bullet:first-child {
	margin-left: 0
}

.index-swiperpagination4>.swiper-pagination-bullet-active,
.index-swiperpagination31>.swiper-pagination-bullet-active {
	background-color: #fff;
	border: 1px solid #004697;
	-webkit-transition: transform .5s;
	-moz-transition: transform .5s;
	-ms-transition: transform .5s;
	-o-transition: transform .5s;
	-webkit-transform: scale(1.5);
	transform: scale(1.5)
}

.swiper-button-next1 {
	position: relative;
	margin: 20px auto 6%;
	background-image: url("/index/img/company/more.png");
	right: 0;
	background-size: 44px 44px;
	z-index: 1000;
	outline: 0
}

.swiper-button-next2 {
	position: relative;
	margin: 20px auto 6%;
	background-image: url(/index/img/company/more2.png);
	right: 0;
	background-size: 44px 44px;
	z-index: 1000;
	outline: 0
}

.company-container {
	padding: 20px 35px
}

@media screen and (max-width:900px) {
	.company-container {
		padding: 20px 35px
	}

	.index-swiper4 img {
		width: 100%
	}

	.index-swiper31 img {
		width: 100%
	}

	.who-am-l>p:nth-child(2) {
		font-size: 16px !important
	}

	.who-am-l>p {
		font-size: 14px !important
	}

	.banner-txt-con {
		width: 75%;
		height: 56%
	}

	.banner-txt-con>h3 {
		font-size: 20px;
		margin-bottom: 2%
	}

	.banner-txt-con>span {
		font-size: 12px;
		line-height: 1.4em;
		padding: 0 6px;
		text-align: left
	}

	.who-am {
		padding: 1px;
		box-shadow: none
	}

	.who-am-l {
		width: 100%;
		box-shadow: 0 0 6px #ccc;
		padding: 5%
	}

	.who-am-r {
		width: 100%;
		margin: 0;
		box-shadow: 0 0 6px #ccc;
		padding: 5%;
		margin-top: 5%
	}

	.who-am-r>h3 {
		margin-top: 6%
	}

	.who-am-l>h3,
	.who-am-r>h3 {
		font-size: 20px;
		margin-top: 0;
		margin-bottom: 2%
	}

	.who-am-r>p {
		font-size: 14px;
		color: #818181;
		margin: 0
	}

	.who-can>h3 {
		font-size: 20px
	}

	.what-can-con-l {
		width: 100%;
		padding-bottom: 72.91%
	}

	.what-can-con-r {
		width: 100%;
		margin: 0
	}

	.what-can-con-r>h3 {
		font-size: 16px;
		line-height: 1.4em;
		margin-top: 3%
	}

	.what-can-con-r>p {
		font-size: 14px
	}

	.can-item {
		font-size: 14px;
		padding: 6px 0;
		overflow: hidden
	}

	.p-line {
		width: 10px;
		margin-right: 2px;
		float: left;
		margin-top: 6px
	}

	.act-title {
		font-size: 14px;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		line-height: 1.2em
	}

	.enter-item3>p {
		font-size: 12px;
		line-height: 1.4em
	}

	.act-info {
		display: none
	}

	.who-can>span {
		line-height: 3em
	}

	.can-item>span:last-child {
		display: inline-block;
		float: left;
		width: 90%
	}

	.index-his-p {
		display: none !important
	}

	.index-his-m {
		display: block !important
	}
}

.product-section {
	position: relative;
	background: url(bghistroy.jpg) no-repeat;
	background-size: cover
}

.product-wrapper {
	background: #f3f3f3;
	opacity: .8
}

.index-his-p {
	display: block
}

.index-his-m {
	display: none
}

.product-features .product-body {
	margin: 0 25px
}

.product-features .product-body:after {
	content: "";
	width: 100%;
	height: 3px;
	background: url(productBase-features-model.png) no-repeat;
	background-size: 100% auto;
	background-position: center;
	position: absolute;
	top: 50px;
	left: 0;
	z-index: 0
}

.features-item {
	position: relative;
	float: left;
	margin-top: 100px
}

.features-slide .features-item>* {
	text-align: center
}

.features-item h3 {
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 50px;
	color: #131d3b;
	transition: all .1s
}

.features-item i {
	position: absolute;
	width: 75%;
	height: 33px;
	background: url(productBase-features-timeline.png) no-repeat;
	background-size: contain;
	background-position: right center;
	left: -25%;
	margin-left: 10px;
	top: 35px;
	z-index: 3
}

.features-item .features-info {
	display: block;
	margin: 0 auto;
	padding: 20px 53px;
	transition: all .3s;
	border-radius: 2px
}

.features-item .features-info .features-info-i {
	font-size: 14px;
	color: #a0a2a8;
	line-height: 22px;
	margin-bottom: 10px
}

.features-item .features-info .features-info-s {
	font-size: 16px;
	color: #131d3b;
	line-height: 24px;
	text-align: left
}

.features-item.dark i {
	background: url(productBase-features-timeline-dark.png) no-repeat;
	background-size: contain;
	background-position: right center
}

.features-item:hover h3 {
	font-size: 22px;
	line-height: 28px;
	opacity: .9
}

.features-item:hover i {
	width: 75%;
	margin-left: 13px;
	background: url(productBase-features-timeline-hover.png) no-repeat;
	background-size: contain;
	background-position: right center
}

.features-item:hover a {
	background: url(productBase-features-info.png) no-repeat;
	background-size: 100% 100%
}

.product-features .swiper-button-prev {
	width: 30px;
	height: 40%;
	left: -15px;
	top: 60%;
	background: 0
}

.product-features .swiper-button-prev:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 30px;
	background: url(productBase-features-left.png) no-repeat;
	background-size: 100% 100%;
	top: 50%;
	margin-top: -15px;
	left: 50%;
	margin-left: -7px
}

.product-features .swiper-button-next {
	width: 30px;
	height: 40%;
	right: -15px;
	top: 60%;
	background: 0
}

.product-features .swiper-button-next:after {
	content: "";
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 30px;
	background: url(productBase-features-right.png) no-repeat;
	background-size: 100% 100%;
	top: 50%;
	margin-top: -15px;
	left: 50%;
	margin-left: -7px
}