/*自定义字体样式*/
@font-face {
	font-family: "iconfont";
	src: url('../font/iconfont.eot'); /* IE9*/
	src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../font/iconfont.woff') format('woff'), /* chrome、firefox */
         url('../font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
         url('../font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
/*滚动条样式*/
::-webkit-scrollbar{
	width: 10px;
	height: 10px;
}
::-webkit-scrollbar-thumb{
	background-color: #999;
	border-radius: 5px;
	border: none;
}
::-webkit-scrollbar-track{
	background-color: #f5f5f5;
}
* {
    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 {
    min-width: 1400px;
	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;
}

header{
	width: 100%;
	min-width: 1400px;
	height: 120px;
	background-color: #fff;
}
header>.logo{
	float: left;
	margin: 38px 0 0 38px;
}
header>.logo>i{
	font-size: 4.4em;
	font-family: iconfont;
	font-style: normal;
	color: #f00;
	float: left;
}
header>.logo>i:before{	
	content: "\e632";
}
header>.logo>h3{
	float: left;
	font-size: 2.8em;
	color: #333;
	font-weight: bold;
	margin: -3px 0 0 5px;
}
header>.logo>h3>span{
	display: block;
	font-size: 10.3px;
	font-weight: normal;
	color: #999;
	text-transform: uppercase;
}
header>.menu{
	float: right;
	height: 100%;
	margin-right: 38px;
}
header>.menu>a{
	display: block;
	height: 100%;
	float: left;
	padding: 0 24px;
	line-height: 120px;
	font-size: 2em;
	color: #333;
	position: relative;
}
header>.menu>a.active:before{
	content: "";
	width: 100%;
	height: 4px;
	background-color: #f00;
	position: absolute;
	bottom: 0;
	left: 0;
}
header>.menu>i{
	float: left;
	font-size: 2.4em;
	color: #333;
	font-style: normal;
	font-family: iconfont;
	margin-top: 48px;
	cursor: pointer;
	margin-left: 10px;
	position: relative;
}
header>.menu>i:before{
	content: "\e630";
}
header>.menu>i>img{
	width: 120px;
	position: absolute;
	right: -38px;
	top: 72px;
	display: none;
	z-index: 100;
}
header>.menu>i:hover>img{
	display: block;
}
.banner {
	width: 100%;
	min-width: 1400px;
	position: relative;
}
.banner>.disabled{
	display: block !important;
	position: absolute;
	width: 100%;
	height: 24px;
	top: 50%;
	margin-top: -12px !important;
	z-index: 1;
}
.banner>.disabled>button{
	position: absolute;
	width: 50px;
	height: 80px;
	line-height: 80px;
	background-color: rgba(0,0,0,.3) !important;
	border-radius: 4px;
	top: -33px;
	font-family: iconfont !important;
	text-align: center;
	color: #fff !important;
	font-size: 2.8em !important;
	transition: .3s;
}
.banner>.disabled>.owl-prev{
	left: 20px;
}
.banner>.disabled>.owl-prev:before{
	content: "\e626";
}
.banner>.disabled>.owl-next{
	right: 20px;
}
.banner>.disabled>.owl-next:before{
	content: "\e635";
}
.banner>.disabled>.owl-prev:hover,.banner>.disabled>.owl-next:hover{
	background-color: rgba(0,0,0,.7) !important;
}
.content-box{
	width: 1400px;
	margin: 80px auto;
}
.floor-title>span{
	font-size: 2.8em;
	color: #f00;
	font-weight: bold;
	display: block;
}
.floor-title>h3{
	font-size: 2.8em;
	color: #333;
}
.floor-title>p{
	font-size: 1.8em;
	color: #999;
	text-align: justify;
	margin-top: 5px;
}
.business-floor-list,.strength-floor-list{
	margin-top: 50px;
}
.business-floor-list>ul,.strength-floor-list>ul{
	width: 1440px;
}
.business-floor-list>ul>li,.strength-floor-list>ul>li{
	width: 340px;
	float: left;
	padding: 50px 24px;
	margin-right: 20px;
	background-color: #fff;
	border-radius: 16px;
	box-shadow: 2px 2px 15px rgba(0,0,0,.1);
	text-align: center;
	position: relative;
	transition: .5s;
}
.business-floor-list>ul>li:hover,.strength-floor-list>ul>li:hover{
	margin-top: -20px;
	box-shadow: 3px 3px 20px rgba(0,0,0,.15);
}
.business-floor-list>ul>li>i,.strength-floor-list>ul>li>i{
	display: inline-block;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	text-align: center;
	line-height: 120px;
	color: #fff;
	font-size: 6.4em;
	font-family: iconfont;
	font-style: normal;
}
.business-floor-list>ul>li>i.i1{
	background-color: #9c1f24;
}
.business-floor-list>ul>li>i.i1:before{
	content: "\e62f";
}
.business-floor-list>ul>li>i.i2{
	background-color: #bed8f1;
}
.business-floor-list>ul>li>i.i2:before{
	content: "\e634";
}
.business-floor-list>ul>li>i.i3{
	background-color: #043b5c;
}
.business-floor-list>ul>li>i.i3:before{
	content: "\e62c";
}
.business-floor-list>ul>li>i.i4{
	background-color: #227687;
}
.business-floor-list>ul>li>i.i4:before{
	content: "\e62a";
}
.business-floor-list>ul>li>h3,.strength-floor-list>ul>li>h3{
	font-size: 2em;
	color: #333;
	margin: 20px 0;
}
.business-floor-list>ul>li>p,.strength-floor-list>ul>li>p{
	font-size: 1.6em;
	color: #999;
	line-height: 28px;
}
.strength{
	padding: 1px 0;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-image: url(../image/strength-bg.jpg);
}
.strength-floor-list>ul>li>i{
	background-color: #edf2f4;
	color: #3f70b4;
}
.strength-floor-list>ul>li>i.i1:before{
	content: "\e629";
}
.strength-floor-list>ul>li>i.i2:before{
	content: "\e627";
}
.strength-floor-list>ul>li>i.i3:before{
	content: "\e62e";
}
.strength-floor-list>ul>li>i.i4:before{
	content: "\e62b";
}
.about-floor-left{
	width: 750px;
	float: left;
	margin-top: 30px;
}
.about-floor-left>p{
	color: #666;
	font-size: 1.6em;
	text-align: justify;
	line-height: 28px;
}
.about-floor-left>ul{
	width: 800px;
}
.about-floor-left>ul>li{
	width: 350px;
	margin-right: 50px;
	float: left;
	margin-top: 60px;
}
.about-floor-left>ul>li>i{
	display: block;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background-color: #3f70b4;
	color: #fff;
	font-size: 3.2em;
	font-family: iconfont;
	font-style: normal;
	float: left;
	line-height: 64px;
	text-align: center;
}
.about-floor-left>ul>li>i.i1:before{
	content: "\e633";
}
.about-floor-left>ul>li>i.i2:before{
	content: "\e631";
}
.about-floor-left>ul>li>i.i3:before{
	content: "\e628";
}
.about-floor-left>ul>li>i.i4:before{
	content: "\e62d";
}
.about-floor-left>ul>li>h3{
	font-size: 2em;
	color: #333;
	margin-left: 74px;
}
.about-floor-left>ul>li>h3>p{
	color: #666;
	font-size: .8em;
	font-weight: normal;
	text-align: justify;
	line-height: 28px;
	padding-top: 5px;
}
.about-floor-right{
	float: right;
	width: 600px;
	height: 380px;
	overflow: hidden;
}
.about-floor-right>img{
	width: 100%;
	margin-top: 30px;
}
.mt0{
	margin-top: 0;
}
.case-floor-list{
	margin-top: 50px;
}
.case-floor-list>ul{
	width: 1440px;
}
.case-floor-list>ul>li{
	width: 340px;
	float: left;
	margin-right: 20px;
	position: relative;
	transition: .3s;
}
.case-floor-list>ul>li:hover{
	margin-top: -20px;
}
.case-floor-list>ul>li>.photo{
	width: 100%;
	height: 450px;
	border-radius: 16px;
	overflow: hidden;
}
.case-floor-list>ul>li>.photo>img{
	width: 100%;
}
.case-floor-list>ul>li>h3{
	font-size: 1.8em;
	color: #333;
	line-height: 40px;
	margin-top: 10px;
}
.case-floor-list>ul>li>h3>i{
	display: inline-block;
	width: 10px;
	height: 2px;
	background-color: #333;
	margin-right: 5px;
	transition: .3s;
	position: relative;
	top: -5px;
}
.case-floor-list>ul>li:hover>h3>i{
	width: 20px;
	background-color: #f00;
}
.case-floor-list>ul>li>p{
	font-size: 1.6em;
	color: #999;
	text-align: justify;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*子页banner*/
.sub-about-banner,.sub-case-banner,.sub-partner-banner,.sub-contact-banner{
	width: 100%;
	min-width: 1400px;
}
.sub-about-banner>img,.sub-case-banner>img,.sub-partner-banner>img,.sub-contact-banner>img{
	width: 100%;
}
/*子页内容盒子*/
.sub-box{
	width: 1400px;
	margin: 80px auto;
}
.sub-box>.company-Introduction{
	margin-top: 50px;
}
.sub-box>.company-Introduction>.text{
	width: 750px;
	float: left;
}
.sub-box>.company-Introduction>.text>p{
	font-size: 1.6em;
	line-height: 28px;
	text-align: justify;
	color: #666;
	margin-bottom: 20px;
}
.sub-box>.company-Introduction>.image{
	width: 600px;
	float: right;
}
.sub-box>.company-Introduction>.image>img{
	width: 100%;
}
.sub-box>.company-Introduction>ul{
	width: 102%;
	margin-top: 50px;
}
.sub-box>.company-Introduction>ul>li{
	width: 23%;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 2px 2px 20px rgba(0,0,0,.1);
	transition: .3s;
	float: left;
	margin-right: 2%;
	padding: 25px;
	text-align: center;
}
.sub-box>.company-Introduction>ul>li:hover{
	margin-top: -10px;
}
.sub-box>.company-Introduction>ul>li>i{
	display: inline-block;
	font-style: normal;
	color: #3f70b4;
	font-size: 4.8em;
	font-family: iconfont;
}
.sub-box>.company-Introduction>ul>li>i.i1:before{
	content: "\e633";
}
.sub-box>.company-Introduction>ul>li>i.i2:before{
	content: "\e631";
}
.sub-box>.company-Introduction>ul>li>i.i3:before{
	content: "\e628";
}
.sub-box>.company-Introduction>ul>li>i.i4:before{
	content: "\e62d";
}
.sub-box>.company-Introduction>ul>li>h3{
	font-size: 2em;
	margin: 15px 0;
	color: #3f70b4;
}
.sub-box>.company-Introduction>ul>li>p{
	font-size: 1.5em;
	color: #666;
	line-height: 26px;
}
.sub-box>.qualification{
	margin-top: 80px;
}
.sub-box>.qualification>ul{
	width: 104%;
}
.sub-box>.qualification>ul>li{
	width: 46%;
	float: left;
	margin-right: 4%;
	margin-top: 4%;
}
.sub-box>.qualification>ul>li>a>img{
	width: 100%;
}
.sub-box>ul{
	width: 1440px;
	margin-top: 10px;
}
.sub-box>ul>li{
	width: 340px;
	float: left;
	margin-right: 20px;
	position: relative;
	transition: .3s;
	margin-top: 40px;
}
.sub-box>ul>li>.photo{
	width: 100%;
	height: 450px;
	border-radius: 16px;
	overflow: hidden;
}
.sub-box>ul>li>.photo>img{
	width: 100%;
}
.sub-box>ul>li>h3{
	font-size: 1.8em;
	color: #333;
	line-height: 40px;
	margin-top: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sub-box>ul>li>h3>i{
	display: inline-block;
	width: 10px;
	height: 2px;
	background-color: #333;
	margin-right: 5px;
	transition: .3s;
	position: relative;
	top: -5px;
}
.sub-box>ul>li:hover>h3>i{
	width: 20px;
	background-color: #f00;
}
.sub-box>ul>li>p{
	font-size: 1.6em;
	color: #999;
	text-align: justify;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sub-box>.partner-list{
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	margin-top: 50px;
}
.sub-box>.partner-list>ul>li{
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	float: left;
	width: 25%;
}
.sub-box>.partner-list>ul>li:hover{
	background-color: #f5f5f5;
}
.sub-box>.partner-list>ul>li>img{
	width: 100%;
	transition: .3s;
}
.sub-box>.partner-list>ul>li:hover>img{
	transform: scale(.9);
}
.sub-box>.map{
	margin-top: 50px;
	width: 100%;
	height: 400px;
}
.sub-box>.map .iw_poi_title{
	color:#CC5522;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	padding-right:13px;
	white-space:nowrap;
}
.sub-box>.map .iw_poi_content{
	font:14px arial,sans-serif;
	overflow:visible;
	padding-top:4px;
	white-space:-moz-pre-wrap;
	word-wrap:break-word;
}
.BMap_omCtrl{
	display: none;
}
footer{
	width: 100%;
	background-color: #333;
}
footer>.box{
	width: 1400px;
	margin: 0 auto;
	padding: 50px 0 40px 0;
}
footer>.box>.box-left{
	float: left;
}
footer>.box>.box-left>p{
	font-size: 1.6em;
	color: #fff;
	line-height: 40px;
}
footer>.box>.box-left>p.company{
	font-size: 1.8em;
}
footer>.box>.box-left>p>span{
	margin-left: 60px;
}
footer>.copy{
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-align: center;
	border-top: 1px solid rgba(255,255,255,.3);
	font-size: 1.6em;
	overflow: hidden;
}
footer>.copy>a{
	margin-left: 60px;
	font-size: 1em;
	color: #fff;
}
footer>.copy>a:hover{
	text-decoration: underline;
}
footer>.box>.box-right{
	float: right;
}
footer>.box>.box-right>.qr-code{
	float: right;
	margin-left: 20px;
	width: 120px;
}
footer>.box>.box-right>.qr-code>img{
	width: 100%;
}
footer>.box>.box-right>.qr-code>p{
	width: 100%;
	font-size: 1.6em;
	text-align: center;
	color: #fff;
	line-height: 40px;
}
@media only screen and (max-width: 799px){
	body{
		padding-top: 80px;
		min-width: 375px;
	}
	header{
		min-width: 375px;
		height: 80px;
		position: fixed;
		top: 0;
		z-index: 999;
	}
	header>.logo{
		margin: 20px 0 0 20px;
	}
	header>.logo>h3{
		margin: -5px 0 0 5px;
	}
	header>.logo>h3>span{
		font-size: 12.2px;
	}
	header>.menu{
		float: none;
		margin-right: 0;
		width: 100%;
		height: 0;
		overflow: hidden;
		background-color: #fff;
		transition: .3s;
	}
	header>.menu>a{
		display: block;
		width: 100%;
		height: 80px;
		float: none;
		padding: 0;
		line-height: 60px;
		line-height: 80px;
		text-align: center;
	}
	header>.menu>a.active:before{
		width: 80%;
		margin: 0 10%;
	}
	.menu-icon {
		width: 24px;
		height: 20px;
		position: absolute;
		overflow: hidden;
		top: 30px;
		right: 2%;
		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;
	}
	.mask{
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,.5);
		position: fixed;
		top: 0;
		z-index: 3;
	}
	.banner {
		min-width: 375px;
	}
	.banner>.disabled>button{
		width: 30px;
		height: 30px;
		line-height: 30px;
		top: -7px;
		font-size: 1.8em !important;
	}
	.banner>.disabled>.owl-prev{
		left: 5px;
	}
	.banner>.disabled>.owl-next{
		right: 5px;
	}
	.content-box{
		width: 96%;
		min-width: 375px;
		margin: 40px auto;
	}
	.business-floor-list,.strength-floor-list{
		margin-top: 30px;
	}
	.business-floor-list>ul,.strength-floor-list>ul{
		width: 100%;
	}
	.business-floor-list>ul>li,.strength-floor-list>ul>li{
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	.business-floor-list>ul>li:hover,.strength-floor-list>ul>li:hover{
		margin-top: 0;
		box-shadow: 3px 3px 20px rgba(0,0,0,.15);
	}
	.about-floor-left{
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.about-floor-left>ul{
		width: 100%;
	}
	.about-floor-left>ul>li{
		width: 100%;
		margin-right: 0;
		float: none;
		margin-top: 30px;
	}
	.about-floor-right{
		float: none;
		width: 100%;
		height: auto;
	}
	.case-floor-list{
		margin-top: 30px;
	}
	.case-floor-list>ul{
		width: 100%;
	}
	.case-floor-list>ul>li{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.case-floor-list>ul>li:hover{
		margin-top: 0;
	}
	/*子页banner*/
	.sub-about-banner,.sub-case-banner,.sub-partner-banner,.sub-contact-banner{
		width: 100%;
		min-width: 375px;
	}
	/*子页内容盒子*/
	.sub-box{
		width: 96%;
		margin: 30px auto;
	}
	.sub-box>.company-Introduction{
		margin-top: 30px;
	}
	.sub-box>.company-Introduction>.text{
		width: 100%;
		float: none;
	}
	.sub-box>.company-Introduction>.image{
		width: 100%;
		float: none;
		border-radius: 10px;
		overflow: hidden;
	}
	.sub-box>.company-Introduction>ul{
		width: 100%;
		margin-top: 5%;
	}
	.sub-box>.company-Introduction>ul>li{
		width: 100%;
		float: none;
		margin-right: 0%;
		margin-bottom: 5%;
	}
	.sub-box>.company-Introduction>ul>li:hover{
		margin-top: 0;
	}
	.sub-box>.qualification{
		margin-top: 50px;
	}
	.sub-box>.qualification>ul{
		width: 100%;
	}
	.sub-box>.qualification>ul>li{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-top: 5%;
	}
	.sub-box>ul{
		width: 100%;
		margin-top: 10px;
	}
	.sub-box>ul>li{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-top: 40px;
	}
	.sub-box>ul>li>.photo{
		height: auto;
	}
	.sub-box>.partner-list{
		border-top: none;
		border-left: none;
		margin-top: 30px;
		overflow: hidden;
	}
	.sub-box>.partner-list>ul{
		width: 104%;
	}
	.sub-box>.partner-list>ul>li{
		border: 1px solid #ddd;
		float: left;
		width: 46%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.sub-box>.partner-list>ul>li:hover>img{
		transform: scale(1);
	}
	.sub-box>.map{
		margin-top: 30px;
		height: 400px;
	}
	footer{
		width: 100%;
		background-color: #333;
	}
	footer>.box{
		width: 96%;
		padding: 30px 0 20px 0;
	}
	footer>.box>.box-left{
		float: none;
		margin-bottom: 20px;
	}
	footer>.box>.box-left>p>span{
		margin-left: 40px;
	}
	footer>.copy{
		width: 100%;
		height: auto;
		line-height: 28px;
		text-align: justify;
		border-top: 1px solid rgba(255,255,255,.3);
		padding: 8px 2%;
	}
	footer>.copy>a{
		display: block;
		margin-left: 0;
	}
	footer>.copy>a:hover{
		text-decoration: underline;
	}
	footer>.box>.box-right{
		float: none;
	}
	footer>.box>.box-right>.qr-code{
		float: left;
		margin-left: 0;
		margin-right: 20px;
	}
}