/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots, .owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
	margin-top: 10px
}
.owl-theme .owl-nav [class*=owl-] {
	color: #FFF;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #D6D6D6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px
}
.owl-theme .owl-nav [class*=owl-]:hover {
	background: #0f48a6;
	color: #FFF;
	text-decoration: none
}
.owl-theme .owl-nav .disabled {
	opacity: .3;
	cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 15px
}
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	outline: none;
}
.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #D6D6D6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #0f48a6
}
/*初始设定*/



#banner {
	position: relative;
	font-size: 0px;
	overflow: hidden;
}
#banner .item {
	display: flex;
	justify-content: space-around;
	width: 1140px;
	height: 560px;
	margin: auto;
}
#banner .item>div {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	height: 100%;
}
#banner .item>div.banner-text div {
	padding-right: 60px;
}
#banner .item .banner-text strong {
	font-size: 22px;
	line-height: 1em;
	color: #595959;
}
#banner .item .banner-text h2 {
	margin: 8px 0px 30px;
	font-size: 42px;
	line-height: 1em;
	color: #595959;
}
#banner .item .banner-text p {
	margin-bottom: 50px;
	font-size: 16px;
	line-height: 1.5em;
	color: #666;
}
#banner .item .banner-text a {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0px 25px;
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
	color: #0f48a6;
	border: 1px solid #0f48a6;
	transition: all .3s;
}
#banner .item .banner-text a:hover {
	color: #fff;
}
#banner .item .banner-text a:before {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 0px;
	left: 0%;
	width: 100%;
	height: 0%;
	background-color: #0f48a6;
	transition: all .3s;
}
#banner .item .banner-text a:hover:before {
	content: "";
	height: 100%;
}
#banner .item>div.banner-img {
	text-align: center;
}
#banner .item>div.banner-img a {
	display: inline-block;
	width: 100%;
	padding-left: 20px;
	text-align: center;
}
#banner .item>div.banner-img a img {
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 400px;
}
/*banner按钮*/
#banner .owl-nav.disabled+.owl-dots {
	margin-top: 0px;
}
#banner .owl-dots {
	position: relative;
	z-index: 1;
	display: flex;
	justify-content: space-between;
	width: 1140px;
	margin: auto;
	margin-top: 0px;
}
#banner .owl-dots:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0px;
	left: 50%;
	transform: translate(-50%, 0%);
	width: 100vw;
	height: 100%;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
#banner .owl-dots:after {
	content: "";
	position: absolute;
	z-index: -2;
	top: 0px;
	left: 50%;
	transform: translate(-50%, 0%);
	width: 100vw;
	height: 100%;
	background: #fafafa;
}
#banner .owl-dots .owl-dot {
	display: block;
	width: 100%;
	margin-left: -1px;
	font-size: 14px;
	line-height: 40px;
	color: #666;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
}
#banner .owl-dots .owl-dot:hover {
	color: #0f48a6;
}
#banner .owl-dots .owl-dot.active {
	color: #666;
	background: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e6e6e6;
}
/*banner翻页*/


/*产品*/
#index-app .item{
}
#index-app .item .index-app-text{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	height: 400px;
	color: #fff;
}
#index-app .item h3{
	font-size: 30px;
	margin-top: 0px;
	margin-bottom: 20px;
}
#index-app .item a {
	position: relative;
	z-index: 1;
	display: inline-block;
	padding: 0px 25px;
	margin-top: 25px;
	font-size: 14px;
	line-height: 40px;
	font-weight: bold;
	color: #fff;
	border: 1px solid #fff;
	transition: all .3s;
}
#index-app .item a:hover {
	color: #0f48a6;
}
#index-app .item a:before {
	content: "";
	position: absolute;
	z-index: -1;
	bottom: 0px;
	left: 0%;
	width: 100%;
	height: 0%;
	background-color: #fff;
	transition: all .3s;
}
#index-app .item a:hover:before {
	content: "";
	height: 100%;
}
#index-app .owl-nav{
	position: absolute;
	z-index: 2;
	bottom: 30px;
	left: 50%;
	margin-left: -570px;
}
#index-app .owl-nav [class*=owl-] {
	display: inline-block;
	color: #FFF;
	font-size: 14px;
	margin: 5px;
	background: rgba(255,255,255,0.7);
	cursor: pointer;
	border-radius: 0px
}
#index-app .owl-nav [class*=owl-]:hover {
	background: #0f48a6;
	color: #FFF;
	text-decoration: none
}
#index-app .owl-nav [class*=owl-] i {
	display: inline-block;
	width: 36px;
	height: 32px;
	line-height: 32px;
	font-size: 26px;
	text-align: center;
	color: #333;
}
#index-app .owl-nav [class*=owl-]:hover i {
	color: #fff;
}
#index-app .owl-dots {
	position: absolute;
	z-index: 3;
	bottom: 30px;
	left: 50%;
	margin-left:-470px;
}
#index-app .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	margin: 8px 7px;
}