@charset "utf-8";

/* 初始化开始 */
body,
html,
div,
dl,
dt,
dd,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
th,
td,
a,
img,
span {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Microsoft YaHei";
	font-size: 14px;
	color: #474747;
	_height: 100%;
}

html {
	_overflow: hidden;
	min-width: 1230px;
}


ul,
ol,
li,
dl,
dt,
dd {
	list-style: none;
}

img {
	border: 0;
}

a {
	color: #474747;
	cursor: pointer;
}

a:focus,
a:hover {
	color: #474747;
	cursor: pointer;
}

a:hover {
	text-decoration: none;
}

.of {
	overflow: hidden;
}

.clear{
	clear: both;
}

input {
	outline: none;
}

.margin30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.margin6030 {
	margin-top: 60px;
	margin-bottom: 30px;
}

.margin1530 {
	margin-top: 15px;
	margin-bottom: 30px;
}

.none {
	display: none;
}

.padding {
	padding: 0;
}

.F5F8FA{
	background-color: #F5F8FA;
	padding-bottom: 30px;
}

/* 初始化结束 */
.center {
	width: 1200px;
	margin: 0 auto;
}

/* 导航+底部 开始 */
.navBox {
	background-color: #FFFFFF;
	height: 60px;
	line-height: 60px;
}

.nav img {
	margin-top: 15px;
}

.nav a {
	font-size: 16px;
	margin-left: 40px;
	padding-bottom: 18px;
	color: #5a5a5c;
}

.nav a:hover {
	color: #0085DD;
	border-bottom: 3px solid #0085DD;
}

.navActive {
	color: #0085DD !important;
	border-bottom: 3px solid #0085DD;
}
.btnBorder{
	border: 1px solid #0085DD;
	color: #0085DD;
	border-radius: 18px;
	padding: 8px 30px;
	line-height: 40px;
}
.btnBorder:hover{
	color: #fff;
	background-color: #0085DD;
}
.height{
	height: 40px;
}
.title{
	margin: 60px 0 40px 0;
}

#wrap {
	width: 1200px;
	height: 270px;
	margin: 30px auto;
}

#show {
	width: 1132px;
	height: 270px;
	overflow: hidden;
	float: left;
	margin: 0 8px;
}

#show img {
	width: 270px;
	height: 270px;
}

#wrap ul {
	width: 1000%;
	height: 61px;
	margin-left: 0;
}

#wrap ul li {
	list-style: none;
	float: left;
	width: 270px;
	height: 270px;
	background: #FFF;
	border: 1px solid #ddd;
	margin: 0 10px;
	position: relative;
}
#wrap ul li:first-child{
	margin-left: 0;
}
#wrap ul li:hover .allText{
	display: block;
}
#wrap ul li:hover .bottomText{
	display: none;
}
#prev,
#next {
	float: left;
	cursor: pointer;
	border: 1px solid #ddd;
	color: #808080;
	padding: 50px 5px;
	margin-top: 50px;
}

.bottomText{
	position: absolute;
	left: 0;
	bottom: -1px;
	background-color: rgba(0, 0, 0, .5);
	width: 270px;
	padding: 8px;
	color: #FFFFFF;
	text-align: center;
}
.allText{
	position: absolute;
	top: 0;
	left: 0;
	width: 270px;
	height: 270px;
	background-color: rgba(0, 0, 0, .5);
	color: #FFFFFF;
	text-align: center;
	display: none;
}
.allText p:first-child{
	font-size: 20px;
	padding: 30px 15px 15px;
}
.allText p:last-child{
	padding: 0 30px;
	text-align: justify;
}
/* 服务 */
.serve{
	height: 736px;
}
.iconList a{
	box-shadow: -1px 2px 8px 0px #fff;
}
.iconList img{
	margin: 20px 0;
}
.iconList .iconFirst{
	padding-bottom: 20px;
	color: #404040;
	font-size: 20px;
}
.iconList .iconTwo{
	font-size: 16px;
	margin-bottom: 5px;
}
.iconList .iconLast{
	color: #808080;
	padding: 0 20px 20px 20px;
}
.iconList a:hover{
	box-shadow: -1px 2px 8px 0px #E8EBED;
	border-radius: 12px;
	cursor: pointer;
}

.serveThreeBg{
	background-color: #F5F8FA;
	padding-bottom: 60px;
}

.serveThreeText>div{
	background-color: #FFFFFF;
	padding-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	width: 584px;
	overflow: hidden;
	float: left;
}
.serveThreeText>div>div{
	width: 400px;
	margin-left: 15px;
}
.serveThreeText>div>div p:first-child{
	color: #48668A;
	font-size: 20px;
	margin-top: 30px;
}
.serveThreeText>div>div p:last-child{
	color: #708298;
	margin-top: 15px;
}
/* 选择我们 */
.contact{
	background-color: #F5F8FA;
	margin-top: 60px;
	padding-bottom: 60px;
}

.contact .photo{
	padding-bottom: 30px;
}
/* 关于我们 */
.aboutBox{
	background-color: #F5F8FA;
	margin-top: 60px;
	padding-bottom: 60px;
	height: 500px;
}
.about img{
	float: left;
}
.aboutText{
	width: calc(100% - 300px);
	float: right;
}
.aboutText .aboutFirst{
	color: #404040;
	font-size: 20px;
	margin: 20px 0;
}
.aboutText .aboutLast{
	color: #808080;
	font-size: 16px;
	margin-bottom: 100px;
}
/* 合作伙伴 */
.cooperation{
	margin-bottom: 80px;
}
.cooperation .cooperationPic{
	background-color: #F5F8FA;
	width: 224px;
	height: 66px;
	line-height: 66px;
	text-align: center;
	float: left;
	margin-right: 16px;
	margin-bottom: 15px;
}
.cooperation .cooperationPic:last-child{
	margin: 0;
}
/* 底部 */
.footer{
	background-color: #F0F1F2;
	padding-top: 30px;
}
.footer div:first-child{
	color: #000000;
	font-size: 20px;
	margin-bottom: 15px;
}
.footer div:last-child{
	border-top: 1px solid #e3e4e5;
	padding: 15px;
	color: #828282;
}

/* 产品页面 */
.productBox{
	margin: 60px 0;
}
.productBox .productPic{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 386px;
}
.productBox .productPic:nth-child(3n){
	margin: 0;
}
.productBox .productText{
	background-color: #F5F8FA;
	padding: 20px;
}
.productBox .productText p:first-child{
	color: #404040;
	font-size: 16px;
	margin-bottom: 15px;
}
.productBox .productText p:last-child{
	color: #808080;
}
.productBox .productPic:nth-child(4) .productText,
.productBox .productPic:nth-child(5) .productText,
.productBox .productPic:nth-child(6) .productText{
	height: 197px;
}
.productBox .productPic:nth-child(9) .productText{
	height: 138px;
}

/* 服务页面 */
.businessBox {
	padding: 60px 0;
}
.businessTitle {
	color: #333333;
	font-size: 40px;
	padding-bottom: 50px;
}
.leftsidebarBox {
	overflow: hidden
}
.leftsidebarBox ::-webkit-scrollbar {
	width: 0px;
}
#leftsidebar{
	margin-left: 220px;
}
#leftsidebar ul{
	margin-left: 300px;
}

#leftsidebar li {
	float: left;
	font-size: 16px;
	padding: 10px 0;
	text-align: center;
	cursor: pointer;
	margin: 0 30px;
}
.cur {
	border-bottom: 3px solid #404040 !important;
	border-radius: 1.5px;
}
.none {
	display: none;
}
.qh{
	overflow: hidden;
}
/* 求贤若渴 */
.bringText {
	margin-bottom: 30px;
}
.bringText p{
	line-height: 24px;
	margin-bottom: 15px;
	font-size: 16px;
}
.moreTitle{
	color: #404040;
	font-size: 50px;
	margin: 60px 0 20px;
}
.moreCouent{
	color: #808080;
	font-size: 26px;
	margin-bottom: 80px;
}

.contactMap{
	margin-bottom: 60px;
}

/* 服务页面 */
.serveOneLeft{
	margin-top: 30px;
	margin-bottom: 30px;
}
.serveOneLeft span{
	border-bottom: 4px solid #404040;
	padding-bottom: 10px;
	font-size: 30px;
	margin-bottom: 80px;
}
.serveOneLeft .p{
	margin-top: 50px;
	color: #5C5C5C;
	font-size: 22px;
	line-height: 36px;
	width: 684px;
	text-align: justify;
}
.serveOneApp{
	background-color: #F5F8FA;
	padding-bottom: 60px;
	overflow: hidden;
}
.serveOneApp div p:first-child{
	color: #404040;
	font-size: 20px;
	margin: 30px 0 15px;
}
.serveOneApp div p:last-child{
	color: #808080;
}
.serveOnePic{
	background-color: #F5F8FA;
	padding-bottom: 60px;
	overflow: hidden;
	margin-top: 60px;
}
.picBox .picList{
	width: 224px;
	float: left;
	margin-right: 20px;
}
.picBox .picList p{
	padding: 15px 0;
}
.picBox .picList:nth-child(5n){
	margin: 0;
}

/* 合作页面 */
.cooperationOne{
	margin-bottom: 30px;
}
.cooperationOne p{
	color: #808080;
	font-size: 18px;
	line-height: 30px;
}
.cooperationTwo>div{
	background-color: #F5F8FA;
	padding-left: 15px;
	margin-right: 15px;
	margin-bottom: 60px;
	width: 584px;
	overflow: hidden;
	float: left;
}
.cooperationTwo>div>div{
	width: 300px;
}
.cooperationTwo>div>div p:first-child{
	color: #48668A;
	font-size: 20px;
	margin-top: 30px;
}
.cooperationTwo>div>div p:last-child{
	color: #708298;
	margin-top: 15px;
}


.productBox2{
	margin: 60px 0;
}
.productBox2 .productPic{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 386px;
}
.productBox2 .productPic:nth-child(3n){
	margin: 0;
}
.productBox2 .productText{
	background-color: #fff;
	padding: 20px;
}
.productBox2 .productText p:first-child{
	color: #404040;
	font-size: 16px;
	margin-bottom: 15px;
}
.productBox2 .productText p:last-child{
	color: #808080;
}
.productBox2 .productPic:nth-child(1) .productText,
.productBox2 .productPic:nth-child(2) .productText,
.productBox2 .productPic:nth-child(3) .productText{
	height: 178px;
}
.productBox2 .productPic:nth-child(4) .productText,
.productBox2 .productPic:nth-child(5) .productText,
.productBox2 .productPic:nth-child(6) .productText{
	height: 197px;
}


.productBox3{
	margin: 60px 0;
}
.productBox3 .productPic{
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 386px;
}
.productBox3 .productPic:nth-child(3n){
	margin: 0;
}
.productBox3 .productText{
	background-color: #F5F8FA;
	padding: 20px;
}
.productBox3 .productText p:first-child{
	color: #404040;
	font-size: 16px;
	margin-bottom: 15px;
}
.productBox3 .productText p:last-child{
	color: #808080;
}