@charset "utf-8";
body {min-width:1280px;}
.layout{width:1240px;margin-left:auto;margin-right:auto;}
.layout-2{width:1300px;margin-left:auto;margin-right:auto;}
.bg-gray{background: #f8f8f8;}

/*头部*/
.header-box{width:100%;height:80px;line-height:80px;z-index:10000;position:absolute;top:0;left:0;min-width:1400px;}
.header-box .logo{float:left;margin-left:10%;padding-top:16px;}
.header-box .logo img{float:left;}
.header-box .nav-box{float:right;margin-right:10%;}
.header-box .nav-box li{float:right;margin-left:30px;}
.header-box .nav-box li a{color:#fff;font-size:16px;padding-bottom:5px;}
.header-box .nav-box li.cur a,.header-box .nav-box li a:hover{border-bottom:2px solid #fff;}
.header-box-2{position:relative;background:#00a9ce;}
.header-box-fixed{position:fixed;background:#fff;top:-80px;left:0;width:100%;z-index:1000;}
.header-box-fixed .nav-box li a{color:#333;}
.header-box-fixed .nav-box li.cur a,.header-box-fixed .nav-box li a:hover{border-bottom:2px solid #333;}

/*banner*/
.banner-box{width:100%;height:960px;overflow:hidden;position:relative;background:#2a2e37;/*background:url("../images/banner.jpg") no-repeat center top;*/overflow:hidden;}
.banner-box .txt{position:absolute;top:50%;left:0;width:100%;height:150px;margin-top:-75px;text-align:center;color:#fff;}
.banner-box .txt .t1{font-size:90px;height:100px;line-height:100px;letter-spacing:20px;}
.banner-box .txt .t2{font-size:30px;height:50px;line-height:50px;letter-spacing:10px;}
.arrow-box{width:100%;height:100%;position:absolute;top:0;left:0;}
.arrow-box .arrow-slide{position:absolute;left:0;right:0;bottom:60px;width:33px;height:48px;margin:auto;z-index:1000}
.arrow-box .arrow-slide .ups{
	width:33px;
	height:48px;
	display:block;
	background:url(../images/icon-slide.png) no-repeat;
	background-size:100%;z-index:100;
	animation:up 1s ease-in infinite;
	-moz-animation:up 1s ease-in infinite;
	-webkit-animation:up 1s ease-in infinite;
	position:absolute;
	left:0;
	bottom:10px
	}
@keyframes up{
    0%{transform:translateY(0);opacity:0}
    50%{transform:translateY(20px);opacity:1}
    100%{transform:translateY(40px);opacity:0}
}
@-webkit-keyframes up{
    0%{-webkit-transform:translateY(0);opacity:0}
    50%{-webkit-transform:translateY(20px);opacity:1}
    100%{-webkit-transform:translateY(40px);opacity:0}
}

/*简介*/
.intro-box{text-align:center;font-size:28px;color:#686868;line-height:54px;padding:80px 0 60px;width:1200px;margin:0 auto;}
/*数据*/
.data-box{padding-bottom:100px;}
.data-box .content{width:1164px;margin:0 auto;}
.data-box .content .item{width:290px;height:135px;float:left;border-right:1px dashed #d8d8d8;text-align:center;}
.data-box .content .item .num{font-size:48px;line-height:60px;color:#e83428;}
.data-box .content .item .num span{font-size:14px;}
.data-box .content .item .txt{font-size:18px;line-height:30px;color:#666;}
.data-box .content .item:hover .num{animation:jump 0.5s;
-moz-animation: jump 0.5s;	/* Firefox */
-webkit-animation: jump 0.5s;	/* Safari 和 Chrome */
-o-animation: jump 0.5s;
}

@keyframes jump{
  0%,
  100%,
  20%,
  50%,
  80% {
  transition-timing-function: cubic-bezier(0.215,.61,.355,1); 
  transform: translate3d(0,0,0); 
  }
  40%,
  43%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-30px,0);
  }
  70%{
  transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
  transform: translate3d(0,-15px,0);
  }
  90%{
  transform: translate3d(0,-4px,0);
  }
}

/*企业文化*/
.culture-box{width:100%;height:580px;background:#a5243b url("../images/bg-culture.jpg") center center;}
.culture-box .title{width:430px;display:inline-block;text-align:center; vertical-align:middle;}
.culture-box .content{width:800px;display:inline-block;color:#fff;vertical-align:middle;padding:60px 0;}
.culture-box .content .item{border-bottom:1px dashed #fff;font-size:22px;padding:40px 0;}
.culture-box .content .item .tit{width:100px;text-align:right;float:left;}
.culture-box .content .item .con{margin-left:110px;}

/*功能特色*/
.feature-box{padding-top:90px;}
.feature-box .title{text-align:center;font-size:30px;margin-bottom:90px;}
.feature-box .title .tit{font-weight:bold;color:#000;}
.feature-box .title p{color:#686868;font-size:20px;}
.feature-box .content{margin-left:-20px;}
.feature-box .content .item{width:400px;height:250px;position:relative;float:left;margin-left:20px;}
.feature-box .content .item .pic{width:100%;height:100%;}
.feature-box .content .item .pic img{width:100%;height:100%;}
.feature-box .content .item .hover-box{position:absolute;background:rgba(0,0,0,0.5);width:100%;height:100%;top:0;left:0;color:#fff;font-size:26px;text-align:center;}
.feature-box .content .item .hover-box .tit{margin-top:70px;}
.feature-box .content .item .hover-box .line{width:124px;height:2px;background:#fff;overflow:hidden;margin:5px auto 0;display:none;}
.feature-box .content .item:hover .hover-box{background:rgba(200,17,40,0.88);}
.feature-box .content .item:hover .hover-box .line{display:block;}

/*合作机构*/
.cooperative-box{padding-top:90px;}
.cooperative-box .title{text-align:center;font-size:30px;margin-bottom:90px;}
.cooperative-box .title p{color:#686868;font-size:20px;}
.cooperative-box .content{width:1235px;margin-left:-45px;margin-top:-25px;padding:0 25px;}
.cooperative-box .content .item{width:200px;height:104px;border-radius:10px;overflow:hidden;border:1px solid #efefef;float:left;margin-left:45px;margin-top:25px;transition: all 0.3s ease;}
.cooperative-box .content .item img{width:100%;height:100%;}
.cooperative-box .content .item:hover{transform:scale(1.05);box-shadow:0 0 10px rgba(0,0,0,0.08);transition: all 0.3s ease;}

/*联系我们*/
.contact-box{padding-top:90px;padding-bottom:90px;}
.contact-box .title{text-align:center;font-size:30px;margin-bottom:90px;}
.contact-box .title p{color:#686868;font-size:20px;}
.contact-box .content{}
.contact-box .content .pic{width:200px;height:104px;}
.contact-box .city-box{margin-top:70px;}
.contact-box .city-box .tit{font-size:16px;color:#414141;}
.contact-box .city-box .tab-menu{font-size:18px;margin-top:30px;}
.contact-box .city-box .tab-menu .item{display:inline-block;cursor:pointer;margin-right:60px;}
.contact-box .city-box .tab-menu .item.cur{border-top:2px solid #c81128;}
.contact-box .city-box .tab-con{font-size:16px;margin-top:30px;}

/*地图*/
#serve-img-area{font-size:15px;}
#serve-img-area .point-area {	
	text-align: center;
	position: absolute;
	width: 9em;
	height: 9em;
	visibility: visible;
	opacity: 1;
	transition: opacity .5s ease-out
}

#serve-img-area .point-area .point {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 10px;
	height: 10px;
	margin: auto;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	background: transparent
}

#serve-img-area .point-area .point-shadow:after {
	box-shadow: inset 0 0 5em rgba(0,205,236,.16)
}

#serve-img-area .point-area .point-white {
	background-color: #fff;
	border: 1px solid #00c1de
}

#serve-img-area .point-area .point-dot {
	z-index: 1;
	background-color: #003b90;
	height: .3em;
	width: .3em;
	border: 1px solid rgba(0,205,236,.37)
}

#serve-img-area .point-area .point-10 {
	width: 100%;
	height: 100%
}

#serve-img-area .point-area .point-10:after {
	-webkit-animation: ripple 4.5s ease-out 225ms infinite;
	animation: ripple 4.5s ease-out 225ms infinite;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #003b90;
	opacity: 0
}

#serve-img-area.paused .point-area .point-10:after {
	animation-play-state: paused;
	-webkit-animation-play-state: paused
}

#serve-img-area .point-area .point-20 {
	width: 100%;
	height: 100%
}

#serve-img-area .point-area .point-20:after {
	-webkit-animation: ripple 4.5s ease-out .45s infinite;
	animation: ripple 4.5s ease-out .45s infinite;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #003b90;
	opacity: 0
}

#serve-img-area.paused .point-area .point-20:after {
	animation-play-state: paused;
	-webkit-animation-play-state: paused
}

#serve-img-area .point-area .point-30 {
	width: 100%;
	height: 100%
}

#serve-img-area .point-area .point-30:after {
	-webkit-animation: ripple 4.5s ease-out 675ms infinite;
	animation: ripple 4.5s ease-out 675ms infinite;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #003b90;
	opacity: 0
}

#serve-img-area.paused .point-area .point-30:after {
	animation-play-state: paused;
	-webkit-animation-play-state: paused
}

#serve-img-area .point-area .point-40 {
	width: 100%;
	height: 100%
}

#serve-img-area .point-area .point-40:after {
	-webkit-animation: ripple 4.5s ease-out .9s infinite;
	animation: ripple 4.5s ease-out .9s infinite;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #003b90;
	opacity: 0
}

#serve-img-area.paused .point-area .point-40:after {
	animation-play-state: paused;
	-webkit-animation-play-state: paused
}

#serve-img-area .point-area .point-50 {
	width: 100%;
	height: 100%
}

#serve-img-area .point-area .point-50:after {
	-webkit-animation: ripple 4.5s ease-out 1125ms infinite;
	animation: ripple 4.5s ease-out 1125ms infinite;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #003b90;
	opacity: 0
}

#serve-img-area.paused .point-area .point-50:after {
	animation-play-state: paused;
	-webkit-animation-play-state: paused
}

#serve-img-area .point-area .point-60 {
	width: 100%;
	height: 100%
}

#serve-img-area .point-area .point-60:after {
	-webkit-animation: ripple 4.5s ease-out 1.35s infinite;
	animation: ripple 4.5s ease-out 1.35s infinite;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #003b90;
	opacity: 0
}

#serve-img-area.paused .point-area .point-60:after {
	animation-play-state: paused;
	-webkit-animation-play-state: paused
}


#serve-img-area .point-area .point-70 {
	width: 100%;
	height: 100%
}

#serve-img-area .point-area .point-70:after {
	-webkit-animation: ripple 4.5s ease-out 1575ms infinite;
	animation: ripple 4.5s ease-out 1575ms infinite;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #003b90;
	opacity: 0
}

#serve-img-area.paused .point-area .point-70:after {
	animation-play-state: paused;
	-webkit-animation-play-state: paused
}

#serve-img-area .point-area .point-80 {
	width: 100%;
	height: 100%
}

#serve-img-area .point-area .point-80:after {
	-webkit-animation: ripple 4.5s ease-out 1.8s infinite;
	animation: ripple 4.5s ease-out 1.8s infinite;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #003b90;
	opacity: 0
}

#serve-img-area.paused .point-area .point-80:after {
	animation-play-state: paused;
	-webkit-animation-play-state: paused
}

#serve-img-area .point-area .point-90 {
	width: 100%;
	height: 100%
}

#serve-img-area .point-area .point-90:after {
	-webkit-animation: ripple 4.5s ease-out 2025ms infinite;
	animation: ripple 4.5s ease-out 2025ms infinite;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #003b90;
	opacity: 0
}

#serve-img-area.paused .point-area .point-90:after {
	animation-play-state: paused;
	-webkit-animation-play-state: paused
}

#serve-img-area .point-area .point-100 {
	width: 100%;
	height: 100%
}

#serve-img-area .point-area .point-100:after {
	-webkit-animation: ripple 4.5s ease-out 2.25s infinite;
	animation: ripple 4.5s ease-out 2.25s infinite;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 50%;
	border: 2px solid #003b90;
	opacity: 0
}

#serve-img-area.paused .point-area .point-100:after {
	animation-play-state: paused;
	-webkit-animation-play-state: paused
}

@-webkit-keyframes ripple {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1)
	}

	5% {
		opacity: 1
	}

	to {
		opacity: 0;
		-webkit-transform: scale(1)
	}
}

@keyframes ripple {
	0% {
		opacity: 0;
		transform: scale(.1)
	}

	5% {
		opacity: 1
	}

	to {
		opacity: 0;
		transform: scale(1)
	}
}

/*品牌业务*/
.brand-box{width:100%;height:1200px;position:relative;background:#fff url("../images/bg-pro-otw.jpg") center top;overflow:hidden;}
.brand-box.otw{background-image:url("../images/bg-pro-otw.jpg");}
.brand-box.lulu{background-image:url("../images/bg-pro-lulu.jpg");}
.brand-box.51book{background-image:url("../images/bg-pro-51book.jpg");}
.brand-box.jiuzhou{background-image:url("../images/bg-pro-jiuzhou.jpg");}
.brand-box.cloud{background-image:url("../images/bg-pro-cloud.jpg");}
.brand-box.trip{background-image:url("../images/bg-pro-trip.jpg");}
.brand-box.b2b{background-image:url("../images/bg-pro-b2b.jpg");}
.brand-box .content{width:500px;}
.brand-box .content .tit{font-size:28px;padding-top:160px;}
.brand-box .content .sub{font-size:20px;color:#797979;margin-top:50px;}
.brand-box .content .con{font-size:16px;color:#787878;margin-top:10px;line-height:42px;min-height:280px;}
.brand-box .content .more{font-size:16px;}
.brand-box .content .more a{color:#fc2c2a;}
.brand-box .content .btn-go{width:186px;height:53px;cursor:pointer;display:block;margin-top:30px;}
.brand-box .pic-box{width:700px;height:400px;position:absolute;top:240px;right:-110px;background:url("../images/bg-pro-mac.png") 0 0 no-repeat;}
.brand-box .pic-box img{width:300px;}

/*侧边栏导航*/
.sidebar-box{width:120px;height:552px;position:fixed;top:50%;right:50px;margin-top:-276px;}
.sidebar-box .item{width:72px;height:72px;cursor:pointer;margin:0 auto;transition: all 0.5s ease;}
.sidebar-box .item img{width:100%;height:100%;float:left;}
.sidebar-box .item.cur{width:120px;height:120px;}
.sidebar-box .item.cur:hover{width:120px;height:120px;}
.sidebar-box .item:hover{width:120px;height:120px;transition: all 0.5s ease;}

/*新闻banner*/
.banner-news-box{width:100%;height:520px;background:url("../images/banner-news.jpg") center top;}

/*新闻列表*/
.news-list-box{width:1210px;margin:0 auto 80px;}
.news-list-box .title{text-align:center;font-size:28px;color:#686868;padding:100px 0 90px;}
.news-list-box .content {margin-left:-80px;height:1100px;width:1320px;overflow:hidden;}
.news-list-box .add{height:auto;}
.news-list-box .content .item{display:block;width:350px;height:470px;border-top-left-radius:10px;border-top-right-radius:10px;overflow:hidden;box-shadow:0 0 6px rgba(0,0,0,0.14);float:left;margin-left:80px;background:#fff;margin-bottom:70px;}
.news-list-box .content .item .pic{width:350px;height:190px;overflow:hidden;}
.news-list-box .content .item .pic img{width:350px;height:190px;transition:all 0.3s ease;}
.news-list-box .content .item .text{padding:20px;}
.news-list-box .content .item .text .tit{font-size:18px;font-weight:bold;height:60px;overflow:hidden;line-height:28px;}
.news-list-box .content .item .text .info{font-size:14px;color:#a7a7a7;height:30px;line-height:30px;}
.news-list-box .content .item .text .con{color:#646a73;line-height:24px;margin-top:5px;height:145px;overflow:hidden;}
.news-list-box .content .item:hover{box-shadow:0 0 18px rgba(0,0,0,0.14);}
.news-list-box .content .item:hover .pic img{transform:scale(1.05); transition:all 0.3s ease;}
.news-list-box .btn-more{width:200px;height:45px;background:#f92c2c;border-radius:4px;text-align:center;line-height:45px;color:#fff;cursor:pointer;font-size:16px;box-shadow:0 2px 0 #c61717;margin:0 auto;}

/*加入我们banner*/
.banner-join-box{width:100%;height:750px;background:#2a2e37;/*background:url("../images/banner-join.jpg") center top;*/position:relative;overflow:hidden;}
.banner-join-box .txt{position:absolute;top:50%;left:50%;width:1240px;text-align:center;margin-top:-50px;margin-left:-620px;color:#fff;font-size:76px;height:100px;line-height:100px;letter-spacing:20px;text-align:center;}
/*style*/
.style-box{width:100%;height:680px;margin-top:110px;}
.style-box .pic-box{width:745px;height:450px;float:left;}
.style-box .content{float:right;width:400px;}
.style-box .content .tit{font-size:28px;font-weight:bold;padding-bottom:30px;border-bottom:1px solid #dee0e3;margin-bottom:30px;}
.style-box .content .sub{font-size:20px;font-weight:bold;margin-bottom:30px;}
.style-box .content .con{font-size:16px;line-height:48px;color:#646a73;}

/*人才*/
.personnel-box{width:100%;height:680px;}
.personnel-box .pic-box{width:745px;height:450px;float:right;}
.personnel-box .content{float:left;width:410px;}
.personnel-box .content .tit{font-size:28px;font-weight:bold;padding-bottom:30px;border-bottom:1px solid #dee0e3;margin-bottom:30px;}
.personnel-box .content .sub{font-size:20px;font-weight:bold;margin-bottom:20px;}
.personnel-box .content .con{font-size:16px;line-height:48px;color:#646a73;}
.personnel-box .content .con .promote-box{margin-top:30px;}
.personnel-box .content .con .promote-box .item{float:left;text-align:center;width:70px;margin-right:30px;}
.personnel-box .content .con .promote-box .item .pic{height:45px;margin-bottom:10px;}
.personnel-box .content .con .promote-box .item .pic img{width:45px;height:45px; vertical-align:middle;}
.personnel-box .content .con .promote-box .item .text{font-size:14px;line-height:20px;}

/*生活*/
.life-box{width:100%;height:680px;}
.life-box .pic-box{width:745px;height:450px;float:left;}
.life-box .content{float:right;width:400px;}
.life-box .content .tit{font-size:28px;font-weight:bold;padding-bottom:30px;border-bottom:1px solid #dee0e3;margin-bottom:30px;}
.life-box .content .sub{font-size:20px;font-weight:bold;margin-bottom:30px;}
.life-box .content .con{font-size:16px;line-height:36px;color:#646a73;}
.life-box .content .con2{font-size:16px;line-height:36px;color:#646a73;margin-top:50px;}
.life-box .content .con2 p::before{content:"";display:inline-block;width:4px;height:4px;border-radius:2px;background:#646a73;vertical-align:middle;margin-right:10px;}

/*照片墙*/
.photo-box{width:100%;max-width:1904px;margin:0 auto;}
.photo-box img{width:100%;}

.student .type-box{
  margin-top: 44px;
}
.type-box .row{
	width: 100%;
}
.type-box .row-1 .item-1{
	width: 66.66666666%;
	background: url(../images/txt-1-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	padding: 40px;
}
.type-box .row-1 .item-2{
	width: 33.33333333%;
	background: url(../images/txt-2-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	padding: 40px;
}
.type-box .row-2 .item-3{
	width: 33.33333333%;
	background: url(../images/txt-3-bg.jpg) no-repeat center;
	background-size: cover;
	height: 271px;
	float: left;
	padding: 40px;
}
.type-box .row .item{
	box-sizing: border-box;
	float: left;
	padding: 40px;
	height: 271px;
	position: relative;
	overflow: hidden;
}
.type-box .row .item .title{
	font-size: 30px;
  color: #FFFFFF;
  letter-spacing: 0;
  margin-bottom: 25px;
  position: relative;
  font-family: 'TencentSansw7';
}
.type-box .row .item .mask-bg{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	top: 0;
    left: 0;
    transform: translate(0, 271px);
    transform-origin: bottom;
    transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: all .5s cubic-bezier(0.2, 0.0, 0.2, 1);
}
.type-box .row-1 .item-1 .mask-bg{
	background: rgba(0,82,217,1)
}
.type-box .row-1 .item-2 .mask-bg{
	background: #9B26B6
}
.type-box .row-2 .item-1 .mask-bg{
	background: rgba(255,103,31,1)
}
.type-box .row-2 .item-2 .mask-bg{
	background: rgba(121,192,0,1)
}
.type-box .row-2 .item-3 .mask-bg{
	background: #00A9CE
}
.type-box .row-2 .item-4 .mask-bg{
	background: rgba(255,103,31,1)
}
.type-box .row-2 .item-5 .mask-bg{
	background: #00A9CE
}
.type-box .row-3 .item-6 .mask-bg{
	background: rgba(150,140,131,1)
}
.type-box .row-3 .item-7 .mask-bg{
	background: rgba(121,192,0,1)
}


.type-box .row .item .label{
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: 0;
	line-height: 26px;
	margin-top: 25px;
	margin-right: 40px;
	position: relative;
	opacity: 0;
	transform: translate(0, 80px);
    transform-origin: bottom;
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: transform .5s cubic-bezier(0.2, 0.0, 0.2, 1), opacity .3s cubic-bezier(0.2, 0.0, 0.2, 1);
}
.type-box .row .item:hover .mask-bg{
	transform: translate(0, 0px);
	-webkit-transform: translate(0, 0px);
	-moz-transform: translate(0, 0px);
	-ms-transform: translate(0, 0px);
	-o-transform: translate(0, 0px);
}
.type-box .row .item:hover .label{
	opacity: 1;
    transform: translate(0, 0px);
	-webkit-transform: translate(0, 0px);
	-moz-transform: translate(0, 0px);
	-ms-transform: translate(0, 0px);
	-o-transform: translate(0, 0px);
}
.type-box .row-2 .item-4{
	width: 33.33333333%;
	background: url(../images/txt-4-bg.jpg) no-repeat center;
	background-size: cover;
}
.type-box .row-2 .item-5{
	width: 33.3333333%;
	background: url(../images/txt-5-bg.jpg) no-repeat center;
	background-size: cover;
}
.type-box .row-3 .item-6{
	width: 33.33333333%;
	background: url(../images/txt-6-bg.jpg?v=2) no-repeat center;
	background-size: cover;
}
.type-box .row-3 .item-7{
	width: 66.66666666%;
	background: url(../images/txt-7-bg.jpg) no-repeat center;
	background-size: cover;
}



/*员工故事*/
.story-box{width:1080px;margin:110px auto 0;}
.story-box .title{margin-bottom:40px;}
.story-box .content {margin-left:-130px;}
.story-box .content .item{display:block;width:475px;height:480px;borde-radius:5px;overflow:hidden;box-shadow:0 0 6px rgba(0,0,0,0.14);float:left;margin-left:130px;background:#fff;position:relative;}
.story-box .content .item .pic{width:475px;height:280px;overflow:hidden;border-radius:5px;}
.story-box .content .item .pic img{width:475px;height:280px;transition:all 0.3s ease;}
.story-box .content .item .text{width:415px;padding:20px 30px;position:absolute;top:250px;background:#fff;left:30px;box-sizing:border-box;}
.story-box .content .item .text .tag{font-size:18px;color:#818181;height:30px;line-height:30px;margin-bottom:10px;}
.story-box .content .item .text .tit{font-size:26px;font-weight:bold;height:90px;overflow:hidden;line-height:36px;}
.story-box .content .item .text .more{line-height:45px;cursor:pointer;font-size:20px;color:#0958da;}
.story-box .content .item:hover{box-shadow:0 0 18px rgba(0,0,0,0.14);}
.story-box .content .item:hover .pic img{transform:scale(1.05); transition:all 0.3s ease;}


/*加入我们*/
.join-box{width:100%;max-width:1327px;margin:150px auto;}
.join-box img{width:100%;}

/*页脚*/
.footer-box{width:100%;background:#333;padding:50px 0;color:#666;}
.footer-box .title{display:inline-block;width:360px;padding-left:40px;}
.footer-box .content{font-size:16px;color:#818181;}
.footer-box .content a{color:#818181;}
.footer-box .content a:hover{color:#aaa;}
.footer-box .content .item{padding:10px 0;}

.footer-box .con-1{display:inline-block;width:150px;}
.footer-box .con-2{display:inline-block;width:550px;}
.footer-box .con-3{display:inline-block;width:100px;}
.footer-box .con-3 img{width:180px;}