.sand-nav {
	border-bottom: 1px solid #e5e5e5;
}

.scroll-nav {
	position: relative;
	height: 45px;
	width: 100%;
	background: #fff;
	border-bottom: 1px solid #EDF1F5;
	box-sizing: border-box;
	z-index: 999;
}
.scroll-nav.top{
	position: fixed;
	top: 0px;
}

.scroll-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #EDF1F5;
}

.scroll-nav li {
	width: 14.28%;
	float: left;
	height: 45px;
	text-align: center;
}

.scroll-nav li a {
	display: inline-block;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #303133;
	font-size: 18px;
}

.scroll-nav li a.active,.scroll-nav li a:hover {
	border-bottom: 3px solid #3879FF;
	box-sizing: border-box;
	position: relative;
	top: 2px;
	color: #3879FF;
	line-height: 41px;
}
.about-pic{
	width: 100%;
	height: 480px;
	background: url(../images/aboutBg.png) #9c9fa1 no-repeat center;
	background-size: cover;
	text-align: center;
	color: #ffffff;
}
.about-title{
	font-size: 48px;
	padding-top: 200px;
}
.intro-sec {
	width: 100%;
	padding-bottom: 40px;
	overflow: hidden;
	clear: both;
}
.intro-title{
	position: relative;
}
.title {
	text-align: center;
	font-size: 34px;
	font-family: "microsoft yahei", "Hiragino Sans GB", Helvetica;
	font-weight: bold;
	color: #333333;
	margin-bottom: 30px;
	position: relative;
	z-index: 99;
}

.title-shadow {
	width: 100%;
	text-align: center;
	font-family: Helvetica;
	position: absolute;
	top: -50px;
	font-size: 34px;
	font-weight: bold;
	color: #EAEAEA;
}
.intro-sec .text {
	font-size: 14px;
	color: #333333;
	line-height: 2.3;
	text-indent: 4ch;
	margin: 0;
	font-family: Regular;
}

.intro-cont {
	padding: 15px;
}
.intro-text{
	color: #666666;
	font-size: 16px;
	line-height: 1.5;
}
.about-logo {
	float: right;
	margin: 100px 30px;
}

.culture-sec {
	width: 100%;
	background: #ffffff;
	overflow: hidden;
}

.culture-cont{
	display: table;
	margin: 20px 0;
}
.culture-cont .left{
	display: table-cell;
	vertical-align: middle;
	width: 530px;
	color: #666666;
}
.culture-cont .left p{
	margin: 0;
	padding: 0;
	line-height: 1.5;
}
.culture-cont .left p:nth-child(odd){
	margin-top: 18px;
}
.culture-cont .right{
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
.culture-sec .text {
	color: #737373;
	font-size: 14px;
	margin: 0 0 16px 0;
}

.culture-sec .text .bold {
	display: inline-block;
	width: 96px;
	font-family: "microsoft yahei", "Hiragino Sans GB",
		宋体, 新宋体;
}

.cul-pic {
	position: relative;
	left: 135px;
	bottom: 0;
}

.h370 {
	height: 370px;
}

.develop-sec {
	width: 100%;
	overflow: hidden;
	padding-bottom: 50px;
}


.develop-box {
	width: 1200px;
	height: 950px;
	position: relative;
	white-space: nowrap;
	/*overflow: auto;*/
	margin-bottom: 10px;
}
.cont-left{
	position: absolute;
	left:100px;
	text-align: right;
}
.cont-left .arrow {
	margin-left: 435px;
	display: block;
	height: 0;
	width: 0;
	border-bottom: 12px solid #F6F6F6;
	border-left: 9px solid transparent;
	border-right: 8px solid transparent;
	border-top: 2px solid transparent;
}
.cont-right{
	position: absolute;
	right: 100px;
	text-align: left;
}
.cont-right .arrow {
	margin-left: 15px;
	display: block;
	height: 0;
	width: 0;
	border-bottom: 12px solid #F6F6F6;
	border-left: 9px solid transparent;
	border-right: 8px solid transparent;
	border-top: 2px solid transparent;
}
.cont-center {
	position: relative;
	height: 105px;
	padding: 0 25px;
}

.line {
	display: block;
	background: #cccccc;
	height: 1000px;
	width: 1px;
	position: absolute;
	left: 50%;
	z-index: -1;
}

.circle-box {
	position: relative;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #3879FF;
	margin-bottom: 150px;
	margin-left: calc(50% - 6px);
}
.circle-box:last-child{
	margin-bottom: 0;
}

.circle-box .arrow {
	display: block;
	height: 0;
	width: 0;
	border-top: 9px solid #87c5ff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 9px solid transparent;
	margin: 14px auto;
}

.circle-box.two .arrow,.circle-box.four .arrow {
	border-top: 9px solid transparent;
	border-bottom: 9px solid #87c5ff;
	position: absolute;
	top: -28px;
	margin: 0;
	left: 30px;
}

.circle-box.two,.circle-box.three,.circle-box.four,.circle-box.five,.circle-box.six
	{
	margin-left: 188px;
}

.circle-box.two span {
	background: #6eb9ff;
}

.circle-box.three span {
	background: #54acff;
}

.circle-box.four span {
	background: #3ba0ff;
}

.circle-box.five span {
	background: #2194ff;
}
.textBox{
	background: #F6F6F6;
	color: #666666;
	border-radius: 5px;
	width: 450px;
	padding: 5px 15px;
}


.leader-sec {
	background: #f1f2f5;
	overflow: hidden;
	padding: 30px 0 80px 0;
}

.staff-sec {
	background: #f1f2f5;
	overflow: hidden;
	padding: 30px 0 150px 0;
}

.leader-sec  .title,.branch-sec .title,.staff-sec .title,.contact-sec .title
	{
	font-size: 18px;
	color: #1a1a1a;
	margin: 28px 0;
}

.leader-text {
	display: inline-block;
	width: 950px;
	vertical-align: top;
}

.leader-text p {
	color: #999999;
	font-size: 14px;
	text-indent: 4ch;
	line-height: 2;
	margin: 3px 20px;
}

.leader-name {
	text-align: right;
	color: #1a1a1a !important;
}

.leader-honor {
	color: #999999;
	font-size: 12px !important;
	line-height: 1.4 !important;
	text-align: right;
	transform: scale(0.85);
	transform-origin: right;
}

.branch-sec {
	overflow: hidden;
	padding: 30px 0 80px 0;
}

.area-box {
	width: 660px;
	display: inline-block;
	float:left;
	box-sizing: border-box;
}

.map-box {
	width: 530px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	float:right;
}

.map-div {
	position: relative;
	color: #ff3621;
	font-size: 14px;
}

.map-div .red-dot {
	display: inline-block;
	background: #ff3621;
	height: 6px;
	width: 6px;
	border-radius: 100%;
}

.select-city {
	color: #999999;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 10px;
}

.select-city .city {
	color: #1a1a1a;
	font-size: 12px;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
	padding: 1px 5px;
	cursor: default;
	margin-left: 5px;
}

.select-city .icaret {
	display: inline-block;
	height: 0;
	width: 0;
	border-top: 5px solid #1a1a1a;
	border-left: 3px solid transparent;
	border-right: 3px solid transparent;
	border-bottom: 5px solid transparent;
	vertical-align: middle;
	margin-left: 3px;
}

.box-item {
	width: 314px;
	height: 150px;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	float: left;
	font-size: 14px;
	color: #999;
	margin-bottom: 18px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right:5px;
}

.box-item  .com {
	color: #1a1a1a;
	margin-top: 15px;
}

.map-title {
	color: #737373;
	font-size: 14px;
	text-align: center;
	margin-bottom: 40px;
}

.box-item  p{
	margin: 5px 0;
}

.box-item  p.select-address {
	margin: 5px 0;
	max-height: 41px;
	height: auto !important;
	height: 41px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -moz-box;
	display: block;
	-moz-box-orient: vertical;
	line-height: 1.5;
}
.box-item  p.select-card,.box-item  p.select-phone{
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	display: -moz-box;
	display: block;
	-moz-box-orient: vertical;
	margin: 5px 0;
} 
.staff-act-box {
	position: relative;
	white-space: nowrap;
	left: 0;
	transition: all .5s ease;
	-moz-transition: all .5s ease; /* Firefox 4 */
	-webkit-transition: all .5s ease; /* Safari 和 Chrome */
	-o-transition: all .5s ease;
}

.staff-act-box .tempWrap {
	width: 1180px !important;
}

.staff-act-box ul {
	height: 240px;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

.staff-act-box ul li {
	list-style: none;
}

.img-box {
	position: relative;
	display: inline-block;
	width: 280px;
	height: 240px;
	text-align: center;
	margin-right: 26px;
}

.img-box:last-child {
	margin-right: 0
}

.hover-c {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 0;
	color: #fff;
	z-index: 1;
	font-size: 14px;
	background: rgba(0, 0, 0, .6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,
		endColorstr=#99000000 );
	overflow: hidden;
	transition: all .2s ease;
	-moz-transition: all .2s ease; /* Firefox 4 */
	-webkit-transition: all .2s; /* Safari 和 Chrome */
	-o-transition: all .2s ease;
}

.hover-c .name {
	margin: 25px 0 10px 0;
}

.img-box:hover .hover-c {
	height: 120px;
	transition: all .2s ease;
	-moz-transition: all .2s ease; /* Firefox 4 */
	-webkit-transition: all .2s; /* Safari 和 Chrome */
	-o-transition: all .2s ease;
}

.photo-btn {
	display: block;
	width: 110px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	margin: 18px auto;
	background: #0465bf;
	border-radius: 25px;
	overflow: hidden
}

.icon-look {
	display: inline-block;
	background: url(../images/icon-look.png) no-repeat center;
	width: 15px;
	height: 15px;
	vertical-align: sub;
	margin-left: 5px;
}

.contact-sec {
	overflow: hidden;
}

.contact-sec .title {
	margin: 60px 0 30px 0;
}

.contact-sec .text {
	color: #999999;
	font-size: 14px;
	margin: 5px 0;
}

.contact-way {
	color: #737373;
	font-size: 18px;
	margin-bottom: 10px;
}

.contact-sec .advise {
	color: #999999;
	font-size: 18px;
	margin-top: 20px;
}

.input-box {
	background: #f1f2f5;
	height: 43px;
	line-height: 43px;
	width: 273px;
	border-radius: 8px;
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 25px;
}

.input-box input {
	height: 43px;
	line-height: 43px;
	width: 160px;
	background: transparent;
	border: none;
	color: #969799;
	font-size: 14px;
	margin-left: 8px;
	font-family: "microsoft yahei",
		"Hiragino Sans GB", 宋体, 新宋体;
}

.input-box input:focus {
	outline: none;
}

.icon-username {
	display: inline-block;
	width: 16px;
	height: 20px;
	background: url(../images/icon-username.png) no-repeat center;
	vertical-align: text-bottom;
	margin: 0 10px;
}

.icon-tel {
	display: inline-block;
	width: 16px;
	height: 18px;
	background: url(../images/icon-tel.png) no-repeat center;
	vertical-align: text-bottom;
	margin: 0 10px;
}

.icon-email {
	display: inline-block;
	width: 16px;
	height: 20px;
	background: url(../images/icon-mail.png) no-repeat center;
	vertical-align: text-bottom;
	margin: 0 10px;
}

.icon-edit {
	display: inline-block;
	width: 16px;
	height: 18px;
	background: url(../images/icon-edit.png) no-repeat center;
	vertical-align: top;
	margin: 0 10px;
}

.textarea-box {
	position: relative;
	display: block;
	background: #f1f2f5;
	height: 88px;
	line-height: 103px;
	width: 415px;
	border-radius: 8px;
	margin-bottom: 20px;
	padding-top: 15px;
}

.textarea-box textarea {
	margin-left: 4px;
	color: #969799;
	background: transparent;
	border: none;
	font-size: 14px;
	font-family: "microsoft yahei",
		"Hiragino Sans GB", 宋体, 新宋体;
	padding: 0;
	resize: none;
	width: 337px;
}

.textarea-box textarea:focus {
	outline: none;
}

.icon-textarea {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 21px;
	height: 21px;
	background: url(../images/icon-textarea.png) no-repeat center;
}

.send-btn {
	display: block;
	background: #0465bf;
	font-size: 16px;
	color: #fff;
	text-align: center;
	width: 140px;
	height: 43px;
	line-height: 43px;
	border-radius: 25px;
	margin-bottom: 50px;
	transition: all .5s ease;
	-moz-transition: all .5s ease; /* Firefox 4 */
	-webkit-transition: all .5s; /* Safari 和 Chrome */
	-o-transition: all .5s ease;
}

.send-btn:hover {
	background: #1279d8;
}

.send-btn .icon-send {
	display: inline-block;
	background: url(../images/icon-send.png) no-repeat center;
	width: 18px;
	height: 18px;
	margin-left: 20px;
	position: relative;
	top: 3px;
}

.service {
	position: absolute;
	right: 130px;
	bottom: -30px;
}

.map-span {
	cursor: pointer;
	transition: all .2s ease;
	-moz-transition: all .2s ease; /* Firefox 4 */
	-webkit-transition: all .2s; /* Safari 和 Chrome */
	-o-transition: all .2s ease;
}

.map-span .map-pos {
	margin-left: 5px;
	opacity: 0;
	transition: all .2s ease;
	-moz-transition: all .2s ease; /* Firefox 4 */
	-webkit-transition: all .2s; /* Safari 和 Chrome */
	-o-transition: all .2s ease;
}

.map-span.heilongjiang {
	position: absolute;
	top: 48px;
	right: 30px;
}

.map-span.liaoning {
	position: absolute;
	top: 110px;
	right: 70px;
}

.map-span.beijing {
	position: absolute;
	top: 128px;
	right: 114px;
}

.map-span.tianjin {
	position: absolute;
	top: 137px;
	right: 105px;
}

.map-span.hebei {
	position: absolute;
	top: 150px;
	right: 125px;
}

.map-span.shandong {
	position: absolute;
	top: 163px;
	right: 91px;
}

.map-span.shanxi {
	position: absolute;
	top: 168px;
	right: 145px;
}

.map-span.shangxi {
	position: absolute;
	top: 202px;
	right: 180px;
}

.map-span.henan {
	position: absolute;
	top: 197px;
	right: 140px;
}

.map-span.anhui {
	position: absolute;
	top: 215px;
	right: 100px;
}

.map-span.jiangsu {
	position: absolute;
	top: 196px;
	right: 91px;
}

.map-span.shanghai {
	position: absolute;
	top: 217px;
	right: 60px;
}

.map-span.zhejiang {
	position: absolute;
	top: 239px;
	right: 79px;
}

.map-span.hubei {
	position: absolute;
	top: 225px;
	right: 145px;
}

.map-span.sichuan {
	position: absolute;
	top: 234px;
	right: 243px;
}

.map-span.chongqing {
	position: absolute;
	top: 240px;
	right: 185px;
}

.map-span.hunan {
	position: absolute;
	top: 256px;
	right: 150px;
}

.map-span.jiangxi {
	position: absolute;
	top: 252px;
	right: 110px;
}

.map-span.fujian {
	position: absolute;
	top: 272px;
	right: 94px;
}

.map-span.guizhou {
	position: absolute;
	bottom: 84px;
	right: 190px;
}

.map-span.yunnan {
	position: absolute;
	bottom: 58px;
	right: 240px;
}

.map-span.guangxi {
	position: absolute;
	bottom: 55px;
	right: 180px;
}

.map-span.guangdong {
	position: absolute;
	bottom: 48px;
	right: 139px;
}

.map-span.hainan {
	position: absolute;
	bottom: 6px;
	right: 160px;
}

.map-span.neimenggu {
	position: absolute;
	bottom: 235px;
	right: 168px;
}

.map-span.jilin {
	position: absolute;
	bottom: 280px;
	right: 58px;
}

.map-span.gansu {
	position: absolute;
	bottom: 180px;
	right: 215px;
}

.map-span.xinjiang {
	position: absolute;
	bottom: 246px;
	right: 368px;
}

.map-span:hover .red-dot:after,.map-span.active .red-dot:after {
	position: absolute;
	bottom: 6px;
	left: -6px;
	display: block;
	height: 25px;
	width: 17px;
	content: url(../images/icon-place.png);
}

.map-span:hover .red-dot,.map-span.active .red-dot {
	background: transparent;
}

.map-span:hover .map-pos,.map-span.active .map-pos {
	opacity: 1;
}

.staff-right,.staff-left {
	position: absolute;
	top: 85px;
	width: 36px;
	height: 56px;
	z-index: 10;
	cursor: pointer;
}

.staff-left {
	background: url(../images/staff-left.png) no-repeat 10px center,
		rgba(0, 0, 0, .5);
	left: 0;
}

.staff-right {
	background: url(../images/staff-right.png) no-repeat 15px center,
		rgba(0, 0, 0, .5);
	right: 0;
}

.staff-right.nextStop,.staff-left.prevStop {
	display: none;
}

.city-box {
	position: relative;
	display: inline-block;
	width: 80px;
	height: 21px;
	line-height: 21px;
}

.city-box ul {
	list-style: none;
	position: absolute;
	top: 21px;
	left: 5px;
	padding: 6px 0 6px 6px;
	margin: 0;
	color: #1a1a1a;
	font-size: 12px;
	background: #fff;
	border: 1px solid #e5e5e5;
	height: auto;
	width: 220px;
	display: none;
}

.city-box ul li {
	color: #999;
	font-size: 12px;
	width: 70px;
	display: inline-block;
	height: 20px;
	cursor: pointer;
}

.city-box ul li a {
	color: #999;
}

.city-box ul li:hover {
	color: #0066b3;
}

.staff-content {
	position: relative;
	overflow: hidden;
}

.toTop{
	position: absolute;
	right: 0;
	width: 38px;
	height: 38px;
	border-radius: 2px;
	text-align: center;
	background: rgba(0,0,0,.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
}
.toTop a{
	display: block;
	width: 100%;
	height: 80px;
	padding-top: 40px;
	color: rgba(0,0,0,.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000,endColorstr=#7F000000);
	background: url(../images/toTop.png) no-repeat center 13px;
}

.swiper-slide img{
	width: 100%;
	height: 340px;
	margin: 10px 0;
	box-shadow: 0 0 24px rgba(163,177,191,0.35);
}
.swiper-slide .slideDiv{
	display: inline-block;
	width: 540px;
	height: 370px;
	margin: 10px 0;
	box-shadow: 0 0 24px rgba(163,177,191,0.35);
}
.swiper-slide p{
	text-align: center;
	font-size: 20px;
	width: 570px;
	color: #666666;
	margin: 0 auto;
}