@charset "utf-8";
/*自定义字体样式*/
@font-face {
	font-family: 'DIN';
	src: url('../font/DIN-Medium.eot'); /* IE9*/
	src: url('../font/DIN-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/DIN-Medium.woff') format('woff'), /* chrome、firefox */
         url('../font/DIN-Medium.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
         url('../font/DIN-Medium.svg#DIN-Medium') format('svg'); /* iOS 4.1- */
}
* {
    margin: 0;
    padding: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}
body, a {
    font-size: 62.5%;
    font-family: Arial, "微软雅黑";
}
body {
	width: 100%;
    margin: 0 auto;
    background-color: #fff;
}
ul, li {
    list-style: none;
}
header, footer {
    display: block;
}
a {
    text-decoration: none;
}
.clear {
    clear: both;
}
.animate-box {
    opacity: 0;
}
.icon{
	background-image: url(../image/icon.png);
	background-repeat: no-repeat;
}
header{
	width: 100%;
	min-width: 1800px;
	height: 130px;
}
header>.logo{
	width: 460px;
	height: 42px;
	float: left;
	margin: 44px 0 0 60px;
}
header>.logo>img{
	width: 100%;
}
header>.menu{
	float: right;
}
header>.menu>a{
	display: block;
	height: 130px;
	float: left;
	margin: 0 25px;
	line-height: 130px;
	font-size: 1.8em;
	color: #333;
	position: relative;
	transition: .3s;
}
header>.menu>a:hover,header>.menu>a.action{
	color: #0d6fb8;
}
header>.menu>a.action>i{
	display: block;
	width: 100%;
	height: 4px;
	background-color: #0d6fb8;
	position: absolute;
	left: 0;
	bottom: 0;
}
header>.weixin{
	float: right;
	width: 24px;
	height: 24px;
	position: relative;
	background-position: -176px 0;
	margin: 53px 60px 0 25px;
}
header>.weixin:hover>.pic{
	display: block;
}
header>.weixin>.pic{
	display: none;
	z-index: 99;
	width: 140px;
	height: 140px;
	position: absolute;
	left: -58px;
	top: 35px;
	background-color: #f5f5f5;
	padding: 5px;
}
header>.weixin>.pic>img{
	width: 130px;
}
header>.weixin>.pic>i{
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;  
	border-right: 10px solid transparent;  
	border-bottom: 10px solid #f5f5f5;
	position: absolute;
	top: -5px;
	left: 60px;
}
.banner {
	width: 100%;
	min-width: 1800px;
	position: relative;
}
.banner>div>a>img {
	width: 100%;
	min-width: 1200px;
}
.banner>.owl-dots {
	display: none;
}
.banner>.owl-nav{
	display: block !important;
	position: absolute;
	width: 100%;
	height: 48px;
	top: 50%;
	margin-top: -24px !important;
	z-index: 1;
}
.banner>.owl-nav>button{
	position: absolute;
	width: 48px;
	height: 48px;
	border-radius: 50% !important;
	background-image: url(../Image/icon.png) !important;
	background-repeat: no-repeat !important;
	overflow: hidden !important;
	line-height: 120px !important;
	outline: none;
}
.banner>.owl-nav>.owl-prev{
	left: 60px;
	background-position: 0px 0 !important;
	transition: .3s;
}
.banner>.owl-nav>.owl-prev:hover{
	background-position: -49px 0 !important;
}
.banner>.owl-nav>.owl-next{
	right: 60px;
	background-position: -49px -49px !important;
	transition: .3s;
}
.banner>.owl-nav>.owl-next:hover{
	background-position: 0 -49px !important;
}
.business,.customer{
	width: 1800px;
	margin: 88px auto 0 auto;
}
.title{
	width: 50%;
	text-align: left;
	float: left;
}
.title>span{
	display: block;
	font-size: 3.6em;
	color: #0d6fb8;
}
.title>h3{
	font-size: 3.6em;
	color: #0d6fb8;
}
.title>p{
	font-size: 2.4em;
	font-family: DIN;
	color: #999;
	text-transform: uppercase;
	margin-top: 6px;
}
.more{
	display: block;
	font-size: 1.6em;
	color: #999;
	float: right;
	transition: .3s;
	margin-top: 100px;
}
.more:hover{
	color: #0d6fb8;
}
.more>i{
	display: inline-block;
	width: 8px;
	height: 14px;
	background-position: -128px -73px;
	transition: .3s;
	margin-left: 5px;
	position: relative;
	top: 1px;
}
.more:hover>i{
	background-position: -119px -73px;
}
.business>.list{
	margin-top: 45px;
}
.business>.list>ul{
	position: relative;
}
.business>.list>ul>.owl-stage-outer>.owl-stage>.owl-item>li{
	cursor: pointer;
	background-color: #fff;
	transition: .3s;
}
.business>.list>ul>.owl-stage-outer>.owl-stage>.owl-item>li:hover{
	background-color: #0d6fb8;
	cursor: default !important;
}
.business>.list>ul>.owl-stage-outer>.owl-stage>.owl-item>li>.pic{
	width: 100%;
	height: auto;
	overflow: hidden;
}
.business>.list>ul>.owl-stage-outer>.owl-stage>.owl-item>li>.pic>img{
	width: 100%;
	transition: .5s;
}
.business>.list>ul>.owl-stage-outer>.owl-stage>.owl-item>li:hover>.pic>img{
	transform: scale(1.2);
}
.business>.list>ul>.owl-stage-outer>.owl-stage>.owl-item>li>.content{
	position: relative;
	width: 100%;
	height: 100px;
	padding: 20px;
}
.business>.list>ul>.owl-stage-outer>.owl-stage>.owl-item>li>.content>p{
	font-size: 2em;
	color: #0d6fb8;
	transition: .3s;
}
.business>.list>ul>.owl-stage-outer>.owl-stage>.owl-item>li:hover>.content>p{
	color: #fff;
}
.business>.list>ul>.owl-stage-outer>.owl-stage>.owl-item>li>.content>span{
	display: block;
	font-size: 1.4em;
	color: #999;
	transition: .3s;
	margin-top: 13px;
}
.business>.list>ul>.owl-stage-outer>.owl-stage>.owl-item>li:hover>.content>span{
	color: #fff;
}
.business>.list>ul>.owl-nav{
	display: none;
}
.business>.list>ul>.owl-dots{
	width: 100%;
	text-align: center;
	height: 10px;
	margin-top: 49px;
}
.business>.list>ul>.owl-dots>button{
	display: inline-block !important;
	width: 10px !important;
	height: 10px !important;
	margin: 0 5px !important;
	border-radius: 50% !important;
	background-color: #cacaca;
	outline: none;
}
.business>.list>ul>.owl-dots>button.active{
	background-color: #0d6fb8;
}
.about{
	margin: 100px auto 0 auto;
	width: 1800px;
}
.about>.left{
	width: 50%;
	height: 600px;
	overflow: hidden;
	float: left;
}
.about>.left>img{
	width: 100%;
}
.about>.right{
	width: 50%;
	height: 600px;
	float: left;
	padding: 0 0 0 50px;
}
.about>.right>.title{
	float: none;
	margin-bottom: 37px;
}
.about>.right>p{
	font-size: 1.6em;
	line-height: 32px;
	color: #999;
	text-align: justify;
}
.about>.right>ul{
	margin-top: 95px;
}
.about>.right>ul>li{
	width: 33.33%;
	float: left;
	text-align: center;
}
.about>.right>ul>li>h3{
	font-size: 8em;
	font-family: DIN;
	color: #0d6fb8;
}
.about>.right>ul>li>h3>span{
	font-size: 28px;
	position: relative;
	top: -35px;
}
.about>.right>ul>li>p{
	font-size: 1.6em;
	color: #666;
}
.case {
	width: 1800px !important;
	position: relative;
	margin: 100px auto 0 auto;
}
.case .owl-item>div{
	position: relative;
	width: 100%;
	height: 600px;
}
.case .owl-item>div>img {
	width: 100%;
}
.case .owl-item>div>.text{
	position: absolute;
	top: 72px;
	left: 80px;
	z-index: 2;
	color: #fff;
}
.case .owl-item>div>.text>h3{
	font-size: 3.6em;
}
.case .owl-item>div>.text>span{
	display: block;
	font-size: 2em;
	margin-top: 12px;
}
.case>.owl-dots {
	display: none !important;
}
.case>.owl-nav{
	display: block !important;
	position: absolute;
	width: 100%;
	height: 48px;
	top: 50%;
	margin-top: -24px !important;
	z-index: 1;
}
.case>.owl-nav>button{
	position: absolute;
	width: 48px;
	height: 48px;
	border-radius: 50% !important;
	background-image: url(../Image/icon.png) !important;
	background-repeat: no-repeat !important;
	overflow: hidden !important;
	line-height: 120px !important;
	outline: none;
}
.case>.owl-nav>.owl-prev{
	left: 50px;
	background-position: 0px 0 !important;
	transition: .3s;
}
.case>.owl-nav>.owl-prev:hover{
	background-position: -49px 0 !important;
}
.case>.owl-nav>.owl-next{
	right: 50px;
	background-position: -49px -49px !important;
	transition: .3s;
}
.case>.owl-nav>.owl-next:hover{
	background-position: 0 -49px !important;
}
.customer .owl-item>li{
	background-color: #fff;
	border: 1px solid #f2f2f2;
	transition: .3s;
}
.customer .owl-item>li:hover{
	border: 1px solid #0d6fb8;
}
.customer .owl-item>li>img{
	width: 100%;
}
.customer>.list{
	margin-top: 45px;
}
.customer>.list>ul>.owl-dots{
	display: none;
}
.customer>.list>ul>.owl-nav{
	display: block !important;
	position: absolute;
	width: 100%;
	height: 24px;
	top: 50%;
	margin-top: -12px !important;
	z-index: 1;
}
.customer>.list>ul>.owl-nav>button{
	position: absolute;
	width: 24px;
	height: 24px;
	border-radius: 50% !important;
	background-image: url(../Image/icon.png) !important;
	background-repeat: no-repeat !important;
	overflow: hidden !important;
	line-height: 120px !important;
	outline: none;
}
.customer>.list>ul>.owl-nav>.owl-prev{
	left: -34px;
	background-position: -151px -60px !important;
	transition: .3s;
}
.customer>.list>ul>.owl-nav>.owl-prev:hover{
	background-position: -176px -60px !important;
}
.customer>.list>ul>.owl-nav>.owl-next{
	right: -34px;
	background-position: -176px -85px !important;
	transition: .3s;
}
.customer>.list>ul>.owl-nav>.owl-next:hover{
	background-position: -151px -85px !important;
}
footer{
	width: 100%;
	height: auto;
	background-color: #1b1b1b;
	margin-top: 100px;
}
footer>.title{
	margin: 50px 0 0 60px;
}
footer>.title>span,footer>.title>h3,footer>.title>p{
	color: #fff;
}
footer>.weixin{
	float: right;
	margin: 50px 60px 0 0;
	width: 190px;
	height: 190px;
}
footer>.weixin>img{
	width: 100%;
}
footer>.title{
	width: 70%;
}
footer>.title>ul{
	margin-top: 30px;
}
footer>.title>ul>li{
	float: left;
	margin-right: 50px;
	font-size: 2em;
	color: #fff;
	font-family: DIN,"微软雅黑";
}
footer>.title>ul>li>i{
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-right: 10px;
	position: relative;
	top: 3px;
}
footer>.title>ul>li>i.i1{
	background-position: -136px -35px;
}
footer>.title>ul>li>i.i2{
	background-position: -158px -35px;
}
footer>.title>ul>li>i.i3{
	background-position: -180px -35px;
}
footer>.copy{
	width: 100%;
	height: 100px;
	margin-top: 50px;
	overflow: hidden;
	border-top: 1px solid rgba(255,255,255,.3);
}
footer>.copy>.left{
	font-size: 1.4em;
	color: #999;
	line-height: 100px;
	float: left;
	margin-left: 60px;
}
footer>.copy>.left>span{
	margin-right: 50px;
}
footer>.copy>.left>a{
	color: #999;
	font-size: 1em;
}
footer>.copy>.left>a:hover{
	color: #fff;
}
footer>.copy>.right{
	float: right;
	margin-right: 60px;
	font-size: 1.4em;
	color: #999;
	line-height: 100px;
}
@media only screen and (max-width: 799px){
	header {
		width: 100%;
		min-width: 320px;
		height: 80px;
		background-color: #fff;
	}
	header>.logo {
		width: 170px;
		height: 30px;
		float: left;
		margin: 25px 0 0 15px;
	}
	header>.logo>img {
		width: 100%;
	}
	header>.menu {
		float: none;
		line-height: 100px;
		overflow: hidden;
		position: absolute;
		top: 80px;
		left: 0;
		width: 100%;
		height: 0;
		background-color: #fff;
		transition: .5s;
		z-index: 10;
		margin: 0;
	}
	header>.menu>a {
		display: block;
		width: 100%;
		height: 80px;
		margin: 0;
		text-align: center;
		line-height: 80px;
		margin-right: 0;
		font-size: 1.8em;
		color: #333;
		padding: 0;
		float: none;
	}
	header>.menu>a.action>i {
		width: 40%;
		left: 30%;
	}
	header>.menu>.weixin{
		display: none;
	}
	.menu-icon {
		width: 24px;
		height: 20px;
		position: fixed;
		overflow: hidden;
		top: 30px;
		right: 20px;
		z-index: 999;
	}	
	.menu-icon>i{
		display: block;
		width: 24px;
		height: 4px;
		border-radius: 2px;
		background-color: #333;
		transition: .5s;
		position: relative;
	}
	.menu-icon>i.i2 {
		width: 20px;
		margin-left: 4px;
	}
	.menu-icon>i.i2,.menu-icon>i.i3{
		margin-top: 4px;
	}
	header>.weixin{
		margin: 28px 60px 0 0;
	}
	.banner {
		min-width: 320px;
	}
	.banner>div>a>img {
		min-width: 320px;
	}
	.banner>.owl-nav{
		top: unset;
		bottom: 15px;
	}
	.banner>.owl-nav>.owl-prev{
		left: unset;
		right: 73px;
	}
	.banner>.owl-nav>.owl-next{
		right: 15px;
	}
	.title{
		float: none;
		width: 100%;
	}
	.more{
		display: none;
	}
	.business,.customer{
		width: 94%;
		margin: 38px auto 0 auto;
	}
	.business>.list{
		margin-top: 35px;
	}
	.business>.list>ul>.owl-stage-outer>.owl-stage>.owl-item>li>.content{
		height: auto;
		padding: 20px 15px;
	}
	.business>.list>ul>.owl-stage-outer>.owl-stage>.owl-item>li>.content>span{
		line-height: 24px;
	}
	.business>.list>ul>.owl-stage-outer>.owl-stage>.owl-item>li:hover>.content>span{
		color: #fff;
		text-align: justify;
	}
	.business>.list>ul>.owl-dots{
		margin-top: 29px;
	}
	.about{
		margin: 50px auto 0 auto;
		width: 94%;
	}
	.about>.left{
		width: 100%;
		height: auto;
		float: none;
	}
	.about>.left>img{
		width: 100%;
	}
	.about>.right{
		width: 100%;
		height: auto;
		float: none;
		padding: 0;
		margin-top: 35px;
	}
	.about>.right>ul{
		margin-top: 0;
	}
	.about>.right>ul>li{
		width: 100%;
		float: none;
		margin-top: 27px;
	}
	.case {
		width: 100% !important;
		position: relative;
		margin: 50px auto 0 auto;
	}
	.case .owl-item>div{
		height: 100%;
	}
	.case .owl-item>div>.text{
		top: unset;
		bottom: 20px;
		left: 20px;
	}
	.case .owl-item>div>.text>h3{
		font-size: 2.4em;
	}
	.case .owl-item>div>.text>span{
		font-size: 1.6em;
	}
	.case>.owl-nav>.owl-prev{
		left: 20px;
	}
	.case>.owl-nav>.owl-next{
		right: 20px;
	}	
	.customer>.list>ul{
		width: 80% !important;
		margin: 0 auto;
	}
	footer{
		margin-top: 50px;
		padding-left: 20px;
	}
	footer>.title{
		margin: 0;
		padding-top: 38px;
		float: none;
	}
	footer>.weixin{
		float: none;
		margin: 50px auto 0 auto;
	}
	footer>.title{
		width: 100%;
	}
	footer>.title>ul{
		margin-top: 30px;
	}
	footer>.title>ul>li{
		float: none;
		margin-right: 0;
		line-height: 40px;
	}
	footer>.copy{
		width: 94%;
		height: auto;
		margin: 50px auto 0 auto;
		padding: 20px 0;
	}
	footer>.copy>.left{
		line-height: 28px;
		float: none;
		margin-left: 0;
	}
	footer>.copy>.left>span{
		margin-right: 20px;
	}
	footer>.copy>.right{
		float: none;
		margin-right: 0;
		line-height: 28px;
	}
}