/* 公共样式 */

/* 最外层 */

.inner{

	width: 93%;

	margin: 0 auto;

	overflow: hidden;

}

#wraps{

	width: 100%;

	position: relative;

	min-height: 100%;

}

#warps-bg{

	background: url(../img/pages-bg.jpg) center no-repeat;

	background-size: 100%;

	background-repeat: repeat-y;

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: -1;

}

/* pc 头部 */

#header{

	position: fixed;

	top:0;

	left: 0;

	width: 100%;

	height: 110px;

	line-height: 110px;

	z-index: 11;

	background: transparent;	

}

#header.on{

	background: #000;

}

#header .header-warps{

	width: 93%;

	margin: 0 auto;

	display: flex;

	justify-content: space-between;

	overflow: hidden;

}

#header .header-warps .logo img{

vertical-align: middle;

}

#header .header-warps .nav{

	display: flex;

}

#header .header-warps .nav li{

	margin-left: 90px;

}

#header .header-warps .nav li a{

	font-size: 18px;

}

#header .header-warps .nav li.active a,#header .header-warps .nav li:hover a{

	color: #13bfd7;

}

/* 手机端 */
.headerSJ {
	display: none;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	z-index:70;
    background-color: #000;
	box-shadow:0 0 9px rgba(0,0,0,0.25);
}
.headerSJ .headerSC {
	width: 95%;
	height:80px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.headerSJ .logo img {
	height: 45px;
	margin-right: 20px;
}

.headerSJ .navbar0 {
	position:relative;
	cursor:pointer;
	background-color:transparent;
	background-image:none;
}
.headerSJ .navbar0 .icon-bar {
	display:block;
	width:18px;
	height:2px;
	border-radius:1px;
	background-color:#fff;
}
.headerSJ .navbar0 .icon-bar + .icon-bar {
	margin-top:4px;
}

.headerSJ .navbg0 {
	display:none;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:71;
	background-color:rgba(0,0,0,0.7);
}
.headerSJ .navbg0 .closeSJ {
	position:absolute;
	right:24px;
	top:18px;
	cursor:pointer;
}
.headerSJ .navwrap0 {
	position:fixed;
	top:0px;
	left:-50%;
	width:65%;
	height:100%;
	opacity:0;
	z-index:72;
    background-color: rgba(0,0,0,.6);
}
.headerSJ .navwrap0 .nav0 {
	height:100%;
	padding:10px 5% 0px 5%;
	overflow-y:auto;
}

.headerSJ .navwrap0 .nav0 li {
	line-height:40px;
	padding:0 3%;
	border-bottom:1px solid rgba(255,255,255,0.3);
}
.headerSJ .navwrap0 .nav0 li a {
	display:block;
	color:#fff;
	font-size:15px;
}

.headerSJ .navwrap0 .nav0 .SJbod {
	display:none;
}
.headerSJ .navwrap0 .nav0 .SJbod dd a {
	line-height:33px;
	font-size:13px;
}
.headerSJ .navwrap0 .nav0 .plus a {
	background:url(../img/plus.png) right center no-repeat;
}
.headerSJ .navwrap0 .nav0 .minus a {
	background:url(../img/minus.jpg) right center no-repeat;
}
.headerSJ .navwrap0 .nav0 .lan .SJtit a {
	display:inline-block;
}
.headerSJ .navwrap0 .nav0 .lan .SJtit span {
	color:#fff;
	font-size:16px;
	display:inline-block;
	padding:0px 5px;
}

.headerSJ .nav0_phone{
	margin-top: 25px;
	padding-left: 5%;
}
.headerSJ .nav0_phone a{
	display: flex; 
	align-items: center;
	color: #fff;
}
.headerSJ .nav0_phone img{
	width: 25px;
	margin-right: 8px;
}
.headerSJ .nav0_phone h4 span{
	display: block;
	margin-bottom: 3px;
	 font-size: 12px;
 }
.headerSJ .nav0_phone h4 strong{
	font-size: 15px;
}
.headerSJ .lx{margin-top: 15px;}
.headerSJ .lx a{display: flex; align-items: center; color: #fff;}
.headerSJ .lx img{width: 71px; margin-right: 5px;}
.headerSJ .lx h4{font-size: 15px; margin-left: 0px; line-height: 25px;}
.headerSJ .lx h4 span{display: block;}
.headerSJ .lx h4 strong{font-weight: normal;}



#footer{

	text-align: center;

	background: #00bad2;

	font-size: 14px;

	line-height: 40px;

}

#footer .link{

	padding: 20px 0 0;

	display: flex;

	justify-content: center;

}

#footer .link h2{
	position: relative;
	margin: 0px 10px;
}

#footer .link h2 span{
	position: absolute;
	line-height: 20px;
	bottom: 60px;
	left: -50px;
	text-align: center;

	display: none;
	
}

#footer .link h2:hover span{ display: block;}

#footer .link h2 span img{ width: 150px; height: 150px;}


#footer .contact{

	display: flex;

	justify-content: center;

	align-items: center;

}

#footer .contact .item{

	margin: 0 15px;

}

#footer .contact .item img{

	vertical-align: middle;

}

#footer .banquan{

	line-height: 45px;

	border-top: 1px solid #33c8db;

}

.main {
    box-sizing: content-box;
    position: relative;
    z-index: 5;
}

/* 轮播图 */

.banner{

	position: relative;
	height: 100vh;

}

.banner .swiper-container{
	height: 100%;
}

.banner .swiper-slide{

	text-align: center;

	position: relative;

	display: flex;
	align-items: center;
	justify-content: center;

	

}

.banner .swiper-slide .bg{

	position: absolute;

	top:200px;

	left:0;

	text-align: center;

	width: 100%;

	height: calc(100% - 400px);

	background-size:100% auto;

	z-index: -1;

}

.banner .swiper-slide video{

	display: block;

	width: 100%;

	height: 675px;

}

.banner .swiper-slide .img{

	width: auto;

	height: 75vh;

	width: 65vw;

	margin: 0 auto;

	z-index: 2;

	background-size: cover;

	background-position: center center;

	background-repeat: no-repeat;

}

.banner .swiper-pagination{

	width: 100%;

	text-align: center;

	margin: 45px 0;

	position: absolute;
	
	left: 0px;
	bottom: 0px;

}

.banner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #fff;
    opacity: 1;

	margin: 0 6px;
}

.banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #13bfd7;
}

/* 首页---关于我们 */

.about{

	padding: 170px 0;

	display: flex;

	justify-content: space-around;

}

.about .aboutL{

	width: 31%;

	padding: 80px 0 0 90px;

	overflow: hidden;

}

.about .aboutL h3{

	font-size: 50px;

	overflow: hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

}

.about .aboutL h4{

	font-size: 30px;

	color: #00bad2;

	overflow: hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

}

.about .aboutL .desc{

	font-size: 16px;

	line-height: 30px;

	max-height: 120px;

	margin: 25px 0 45px;

	overflow: hidden;

	text-overflow:ellipsis;

	display:-webkit-box;

	-webkit-line-clamp:4;

	-webkit-box-orient:vertical;

}

.about .aboutL .more{

	display: block;

	font-size: 14px;

	text-align: center;

	width: 200px;

	height: 50px;

	line-height: 50px;

	border-radius: 25px;

	border: 1px solid #fff;

}

.about .aboutL .more:hover{

	background: #00BAD2;

	border: 1px solid #00BAD2;

}

.about .aboutR{

	display: flex;

	width: 58%;

	overflow: hidden;

	align-items: center;

}

.about .aboutR .img{

	display: none;

}

.about .aboutR .imgBg{

	width: 86.5%;

	height: 500px;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

}

.about .aboutR .font{

	width: 9%;

	max-width:63px ;

	/* height: 460px; */

	margin-left: 8px;

}

.index-title{

	text-align: center;

}

.index-title h3{

	font-size: 50px;

}

.index-title h4{

	font-size: 30px;

	color: #00bad2;

}

/* 业务类型 */

/* .business .swiper-container { */

/* 	width: 100%;

	padding-top: 50px;

	padding-bottom: 50px;

} */

.businessBanner{

	padding: 70px 0 200px;

}

.business .swiper-slide {

	

	width: 35% !important;

	height: 587px;

	position: relative;

	overflow: hidden;

}

.business .swiper-slide .img{

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center;

	background-size: cover;

	transition: All 0.5s ease-in-out;

	-webkit-transition: All 0.5s ease-in-out;

	-moz-transition: All 0.5s ease-in-out;

	-o-transition: All 0.5s ease-in-out;

	transition: All 0.5s ease-in-out;

}

.business .swiper-slide:hover .img{

	transform: scale(1.07,1.07);

	-webkit-transform: scale(1.07,1.07);

	-moz-transform: scale(1.07,1.07);

	-transform: scale(1.07,1.07);

	-o-transform: scale(1.07,1.07);

	-ms-transform: scale(1.07,1.07);

}

.business .swiper-slide:hover{

	/* background-size: 120%; */

}

.business .swiper-slide .progress{

	position: absolute;

	bottom: 0;

	left: 0;

	height: 3px;

	background: #00BAD2;

	animation-duration: 3s;

	animation-name: width;

}

.business .swiper-slide:hover .progress{

	display: none;

}


/* ANIMATIONS */
@keyframes width {
  0%, 100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}

.business .swiper-slide .mask{

	position: absolute;

	top: 50%;

	left: 50%;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.4);

	text-align: center;

	transform: translate(-50%,-50%);

}

.business .swiper-slide .mask .center{

	position: absolute;

	top: 50%;

	left: 50%;

	width: 100%;

	padding: 0 70px;

	text-align: center;

	transform: translate(-50%,-50%);

}

.business .swiper-slide .mask .center .title{

	font-size: 40px;

	height: 50px;

	line-height: 50px;

	overflow: hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

}

.business .swiper-slide .mask .center .eng{

	font-size: 24px;

	height: 50px;

	line-height: 50px;

	overflow: hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

}

.business .swiper-slide .mask .center .desc{

	margin-top: 30px;

	font-size: 16px;

	line-height: 30px;

	height: 120px;

	overflow: hidden;

	text-overflow:ellipsis;

	display:-webkit-box;

	-webkit-line-clamp:4;

	-webkit-box-orient:vertical;

	display: none;

}

.business .swiper-slide-active .mask .center .desc{

	display: block;

}

.business .swiper-slide .progress{

	display: none;

}

.business .swiper-slide-active .progress{

	display: block;

}

/*首页-- 服务特色 */

.serviceList{

	width: 80%;

	margin: 100px auto 0;

	overflow: hidden;

}

.serviceList li{

	float: left;

	width: 25%;

	text-align: center;

	overflow: hidden;

}

.serviceList li .img{

	width: 102px;

	height: 115px;

	margin: 0 auto;

	transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;

}

.serviceList li:nth-child(1) .img{

	background: url(../img/ic-xmch01.png) no-repeat;

	background-size:100% 100%;

}

.serviceList li:nth-child(1) .img:hover{

	background: url(../img/ic-xmch02.png) no-repeat;

	background-size:100% 100%;

}

.serviceList li:nth-child(2) .img{

	background: url(../img/ic-xmzx01.png) no-repeat;

	background-size:100% 100%;

}

.serviceList li:nth-child(2) .img:hover{

	background: url(../img/ic-xmzx02.png) no-repeat;

	background-size:100% 100%;

}

.serviceList li:nth-child(3) .img{

	background: url(../img/ic-xmcy01.png) no-repeat;

	background-size:100% 100%;

}

.serviceList li:nth-child(3) .img:hover{

	background: url(../img/ic-xmcy02.png) no-repeat;

	background-size:100% 100%;

}

.serviceList li:nth-child(4) .img{

	background: url(../img/ic-xmzl01.png) no-repeat;

	background-size:100% 100%;

}

.serviceList li:nth-child(4) .img:hover{

	background: url(../img/ic-xmzl02.png) no-repeat;

	background-size:100% 100%;

}

.serviceList li h4{

	font-size: 20px;

	height: 60px;

	line-height: 60px;

	overflow: hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

}

.serviceList li i{

	display: block;

	width: 37px;

	height: 1px;

	margin: 0 auto;

	background: #fff;

}

.serviceList li .desc{

	margin-top: 20px;

}

.serviceList li .desc .item{

	font-size: 14px;

	display: flex;

	width: 100%;

	justify-content: center;

	align-items: center;

	text-align: center;

	overflow: hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

}

.serviceList li .desc .item p{

	line-height: 30px;

	height: 30px;

	color: #999;

	overflow: hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

}

.serviceList li .desc .item span{

	width: 5px;

	height: 5px;

	float: left;

	background: #fff;

	border-radius: 5px;

	margin-right: 5px;

}

/* 首页--案例 */

.caseTitle{

	padding: 120px 0 50px;

	background: url(../img/case-oneway-bg.png) no-repeat center;

}

.caseList li{

	width: 100%;

	display: flex;

	position: relative;

	justify-content: space-around;

	margin-bottom: 270px;

}

/* 图片 */

.caseList li.type01>.img{

	padding-left: 80px;

	position: relative;

	width: 55.4%;

	transition: All 0.5s ease-in-out;

	-webkit-transition: All 0.5s ease-in-out;

	-moz-transition: All 0.5s ease-in-out;

	-o-transition: All 0.5s ease-in-out;

	transition: All 0.5s ease-in-out;

	overflow: hidden;

}

.caseList li.type01>.img:hover{

	transform: scale(1.03,1.03);

	-webkit-transform: scale(1.03,1.03);

	-moz-transform: scale(1.03,1.03);

	-transform: scale(1.03,1.03);

	-o-transform: scale(1.03,1.03);

	-ms-transform: scale(1.03,1.03);

}

.caseList li.type02>.img{

	transition: All 0.5s ease-in-out;

	-webkit-transition: All 0.5s ease-in-out;

	-moz-transition: All 0.5s ease-in-out;

	-o-transition: All 0.5s ease-in-out;

	transition: All 0.5s ease-in-out;

	overflow: hidden;

}

.caseList li.type02>.img:hover{

	transform: scale(1.03,1.03);

	-webkit-transform: scale(1.03,1.03);

	-moz-transform: scale(1.03,1.03);

	-transform: scale(1.03,1.03);

	-o-transform: scale(1.03,1.03);

	-ms-transform: scale(1.03,1.03);

}

.caseList li.type01>.img .font{

	position: absolute;

	top:0;

	left: 0px;

	z-index: -1;

}

.caseList li.type01>.img .bigImg{

	width: 100%;

	height: 627px;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

	transform: perspective(627px) rotateY(6deg);

	-webkit-transform: perspective(627px) rotateY(6deg);    

	overflow: hidden;

	

}

.caseList li>.img .bigImg .imgBg{

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

	transition: All 0.4s ease-in-out;

	-webkit-transition: All 0.4s ease-in-out;

	-moz-transition: All 0.4s ease-in-out;

	-o-transition: All 0.4s ease-in-out;

	transition: All 0.4s ease-in-out;

	 

}

.caseList li>.img .bigImg:hover{

	transform: scale(1.03,1.03);

	-webkit-transform: scale(1.03,1.03);

	-moz-transform: scale(1.03,1.03);

	-transform: scale(1.03,1.03);

	-o-transform: scale(1.03,1.03);

	-ms-transform: scale(1.03,1.03);

	transform: perspective(627px) rotateY(6deg);

	-webkit-transform: perspective(627px) rotateY(6deg);   

}





.caseList li>.intro{

	width: 44%;

	padding:0 80px 0 145px;

}

.caseList li>.intro h3{

	font-size: 34px;

	line-height: 50px;

	padding: 30px 0;

}



.caseList li>.intro .desc{

	font-size: 16px;

	line-height: 30px;

	max-height: 150px;

	overflow: hidden;

	text-overflow:ellipsis;

	display:-webkit-box;

	-webkit-line-clamp:5;

	-webkit-box-orient:vertical;

	

}

.caseList li>.intro .more{

	display: block;

	margin-top: 45px;

	font-size: 14px;

	text-align: center;

	width: 200px;

	height: 50px;

	line-height: 50px;

	border-radius: 25px;

	border: 1px solid #fff;

}



.caseList li>.intro .more:hover{

	background: #00BAD2;

	border: 1px solid #00BAD2;

}

.caseList li.type01>.imgList{

	position: absolute;

	right: 80px;

	bottom: 50px;

	width: 50%;

	display: flex;

	justify-content: space-between;

}

.caseList li.type01>.imgList .item{

	width: 30%;

	height: 160px;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

	margin-left: 3%;

	overflow: hidden;

	border: 4px solid #fff;

	transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;

	cursor: pointer;

}

.caseList li.type01>.imgList .item:hover{

	border: 4px solid #00bad2;

}

.caseList li.type02>.intro {
    width: 44%;
    padding: 0 145px 0 80px;
}

.caseList li.type02>.imgList {
    position: absolute;
    left: 80px;
    bottom: 50px;
    display: flex;

	width: 50%;

	z-index: 2;
}

.caseList li.type02>.imgList .item{

	width: 30%;

	height: 160px;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

	margin-right: 3%;

	overflow: hidden;

	border: 4px solid #fff;

	transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;

	cursor: pointer;

}

.caseList li.type02>.imgList .item:hover{

	border: 4px solid #00bad2;

}

.caseList li.type02>.img {
    padding-right: 80px;
    position: relative;
    width: 55.4%;
}

.caseList li.type02>.img .font{

	position: absolute;

	top:0;

	right: 0px;

	z-index: -1;

}

.caseList li.type02>.img .bigImg{

	width: 100%;

	height: 627px;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

	position: relative;

	transform: perspective(627px) rotateY(-6deg);

	-webkit-transform: perspective(627px) rotateY(-6deg);

}

/* 内页样式 */

.inner-title{

	

	padding: 70px 0;

	text-align: center;

	color: #fff;

}

.inner-title h3{

	font-size: 40px;

	font-weight: 600;

}

.inner-title i{

	width: 40px;

	height: 1px;

	display: block;

	margin: 20px auto 0;

	background: #fff;

}

/* 精选案例 */

.case-tabs ul{

	width: 1000px;

	margin: 0 auto 120px;

	background: rgba(255,255,255,.5);

	border-radius: 6px;

	overflow: hidden;

	justify-content: center;

	display: flex;

	justify-content: space-between;

	padding: 0px 20px;

}

.case-tabs li{

	height: 75px;

	line-height: 75px;

}

.case-tabs li a{

	font-size: 20px;

	color: #ccc;

}

.case-tabs li.active a{

	color: #fff;

	padding-bottom: 5px;

	border-bottom: 2px solid #fff;

}

.case-tabs li:hover a{

	color: #fff;

}

.caseList-inner li{

	width: 100%;

	/* display: flex; */

	position: relative;

	/* justify-content: space-around; */

	padding-bottom: 160px;

	margin-bottom: 70px;

}

/* 图片 */

.caseList-inner li.type01>.img{

	padding-left: 80px;

	position: relative;

	width: 52.5%;

	z-index: 11;

}

.caseList-inner li.type01>.img .font{

	position: absolute;

	bottom:50px;

	left: 30px;

	z-index: -1;

}

.caseList-inner li.type01>.img .bigImg{

	width: 100%;

	height: 500px;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

	position: relative;

	transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;

}

.caseList-inner li>.img .bigImg .mask{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.5);

	opacity: 0;

	transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;

}

.caseList-inner li>.img .bigImg:hover .mask{

	opacity: 1;

}

.caseList-inner li>.img .bigImg .mask .more{

	position: absolute;

	top: 50%;

	left: 50%;

	text-align: center;

	transform: translate(-50%,-50%);

	-webkit-transform: translate(-50%,-50%);

	-moz-transform: translate(-50%,-50%);

	-transform: translate(-50%,-50%);

	-o-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	font-size: 16px;

	width: 95px;

	height: 95px;

	line-height: 95px;

	border-radius: 95px;

	border: 3px solid rgba(255,255,255,.5);

}

.caseList-inner li>.intro{

	position: absolute;

	top:50px;

	left: 50%;

	width: 42%;

	height: 415px;

	padding:0 80px 0 160px;

	background: url(../img/case-textbg.png) no-repeat center center;

	background-size:cover;

	z-index: 1;

}

.caseList-inner li>.intro h3{

	font-size: 34px;

	line-height: 50px;

	padding: 40px 0 30px;

	color: #333;

}

.caseList-inner li>.intro .desc{

	font-size: 16px;

	line-height: 30px;

	max-height: 150px;

	color: #666;

	overflow: hidden;

	text-overflow:ellipsis;

	display:-webkit-box;

	-webkit-line-clamp:5;

	-webkit-box-orient:vertical;

	

}

.caseList-inner li>.intro .more{

	display: block;

	font-size: 14px;

	text-align: right;

	color: #333;

	height: 40px;

	line-height: 40px;

	border-bottom: 1px solid #bfbfbf;

}

.caseList-inner li>.intro .more:hover a{

	color: #00bad2;

}

.caseList-inner li>.intro .more  img{

	position: relative;

	top:-2px;

}

.caseList-inner li>.intro .car{

	font-size: 16px;

	display: flex;

	justify-content: space-between;

	line-height: 80px;

	align-items: center;

	color: #999;

}

.caseList-inner li>.intro .car span{

	color: #333;

}

.caseList-inner li>.buleB{

	position: absolute;

	top: 160px;

	right: 130px;

	width: 30px;

	height: 130px;

	background: #13bfd7;

}

.caseList-inner li>.name{

	position: absolute;

	left: 40%;

	bottom: 40px;

	height: 80px;

	line-height: 80px;

	right: 130px;

	font-size: 34px;

	

}

.caseList-inner li>.name .line{

	width: 400px;

	height: 1px;

	display: inline-block;

	background: #fff;

	position: relative;

	top:-10px;

}

.caseList-inner li.type02{

}

.caseList-inner li.type02>.img {

	width: 52.5%;

	z-index: 11;
    padding-right: 80px;
    position: relative;

	margin-left: 40%;
}

.caseList-inner li.type02>.img .font{

	position: absolute;

	top:0;

	right: 30px;

	z-index: -1;

}

.caseList-inner li.type02>.img .bigImg{

	width: 100%;

	height: 500px;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

	position: relative;

}

.caseList-inner li.type02>.intro {

    left: 80px;

    padding:0 160px 0 80px;
}

.caseList-inner li.type02>.buleB{

	top: 160px;

	left: 70px;



}

.caseList-inner li.type02>.name{

	position: absolute;

	left: 10%;

	bottom: 40px;

	height: 80px;

	line-height: 80px;

	right: 130px;

	font-size: 34px;

}

/* 详情 */

.details-Box{

	max-width: 1370px;

	margin: 0 auto;

}

.details-Box>.info{

	display: flex;

	height: 50px;

	line-height: 50px;

	justify-content: space-between;

}

.details-Box>.info .share{

	display: flex;

	align-items: center;

}

.details-Box>.info .share .bds_tsina{

	width: 28px;

	height: 22px;

	background: url(../img/weibo.png) no-repeat center center;

}

.details-Box>.info .share .bds_weixin{

	width: 28px;

	height: 22px;

	background: url(../img/wechat.png) no-repeat center center;

	margin-right: 15px;

}

.details-Box>.details{

	width: 100%;

	padding: 20px 115px;

	background: #fff;

}

.details-Box>.details .title{

	text-align: center;

	padding: 20px 0;

}

.details-Box>.details .title h3{

	font-size: 34px;

	color: #333;

}

.details-Box>.details .title .times{

	font-size: 16px;

	color: #999;

	line-height: 50px;

}

.details-Box>.details .contents img{

	max-width: 100% !important; 

}

.details-Box>.details .contents p{

	font-size: 16px;

	line-height: 30px;

	color: #666;

}

.details-Box>.details .return img{

	display: block;

	margin: 50px auto; 

}

/* 相关推荐 */

.details-Box>.recommend{

	width: 100%;

	padding: 20px 115px;

	background: #fff;

	padding-bottom: 50px;

	margin-bottom: 180px;

	border-top: 1px solid #eee;

}

.bdshare-slide-button{

	display: none;

}

.details-Box>.recommend>.title{

	color: #333;

	font-size: 34px;

	line-height: 120px;

}

.details-Box>.recommend>.title span{

	font-size: 18px;

	color: #999;

}

.details-Box>.recommend .recommend-list{

	display: flex;

	justify-content: space-between;

}

.details-Box>.recommend .recommend-list li{

	width: 32%;

	overflow: hidden;

}

.details-Box>.recommend .recommend-list li a{

	display: block;

	width: 100%;

}

.details-Box>.recommend .recommend-list li a .img .bg{

	width: 100%;

	height: 220px;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

}

.details-Box>.recommend .recommend-list li a .time{

	font-size: 16px;

	color: #999;

	line-height: 40px;

	padding-top: 10px;

}

.details-Box>.recommend .recommend-list li a .name{

	font-size: 24px;

	color: #333;

}

/* 加入我们 */

.joinUs{

	max-width: 1370px;

	margin: 0 auto 170px;

	background: #fff;

}

.joinUs>div>.title{

	max-width: 500px;

	margin: 0 auto;

	text-align: center;

	padding: 60px 0 40px;

}

.joinUs>div>.title>h3{

	font-size: 28px;

	color: #333;

	line-height: 50px;

}

.joinUs>div>.title>.intro{

	font-size: 16px;

	color: #666;

	line-height: 35px;

}

.joinUs .environment{

	padding: 0 115px;

}

.joinUs .imgAverage,.joinUs .imgRandom{

	display: flex;

	justify-content: space-between;

	margin-bottom: 15px;

}

.joinUs .imgAverage .item,.joinUs .imgRandom .item{

	width: 49.5%;

	height: 360px;

	background-repeat: no-repeat;	

	background-position: center center;	

	background-size: cover;

	position: relative;

}



.joinUs .item .mask{

	position: absolute;

	top: 50%;

	left: 50%;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.6);

	text-align: center;

	transform: translate(-50%,-50%);

	opacity: 0;

	transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;

}

.joinUs .item:hover .mask{

	opacity: 1;

}

.joinUs .item .mask .add{

	position: absolute;

	top: 50%;

	left: 50%;

	text-align: center;

	transform: translate(-50%,-50%);

	

}

.joinUs .imgRandom .small{

	width: 26.5%;

}

.joinUs .imgRandom .big{

	width: 72.5%;

}

.joinUs .recruit{

	padding: 0 115px;

}

.joinUs .recruit>.content{

	display: flex;

	justify-content: space-between;

}

.joinUs .recruit .left{

	width: 26.5%;

}

.joinUs .recruit .left .title{

	height: 90px;

	line-height: 90px;

	text-align: center;

	font-size: 34px;

	background: #333;

}

.joinUs .recruit .left ul li{

	border-bottom: 1px solid #fff;

}

.joinUs .recruit .left ul li a{

	display: block;

	font-size: 18px;

	color: #444;

	height: 80px;

	line-height: 80px;

	padding-left: 70px;

	border-left: 2px solid transparent;

	overflow: hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	

	background: #eeeeee;

}

.joinUs .recruit .left ul li.active a{

	color: #00bad2;

	border-left: 2px solid #00bad2;

	background: #fff;

}

.joinUs .recruit .left ul li:hover a{

	color: #00bad2;

}

.joinUs .recruit .right{

	width: 70%;

	padding: 20px 10px;

}



.joinUs .recruit .right .content{

	width: 100%;

}

.joinUs .recruit .right .content img{

	max-width: 100%!important;

}

.joinUs .contact{

	/* padding: 0 115px; */

}

.joinUs .contact .info{
    display: flex;
    justify-content: center;
    align-items: center;

	line-height: 40px;

	margin-bottom: 20px;
}

.joinUs .contact .info .item {
    margin: 0 15px;

	font-size: 18px;

	color: #666;

	padding: 0 50px;
}

.joinUs .contact .info .item:nth-child(2){

	color: #333;

	border-left: 1px solid #bfbfbf;

	border-right: 1px solid #bfbfbf;

}

.joinUs .contact .info .item img{

	vertical-align: middle;

	margin-right: 5px;

}

.joinUs .contact .content{

	width: 100%;

}

.joinUs  .right .content>div{

	display: none;

}

.joinUs  .right .content>div.active{

	display: block;

	color: #333;

}

.joinUs  .right .content>div .post{

	border-bottom: 1px solid #dcdcdc;

}

.joinUs  .right .content>div .post h4{

	font-size: 20px;

	line-height: 50px;

	font-weight: 600;

}

.joinUs  .right .content>div .post ul{

	display: flex;

	flex-wrap: wrap;

	margin-bottom: 30px;

}

.joinUs  .right .content>div .post ul li{

	padding: 0 20px;

	font-size: 14px;

	color: #666;

	border-right: 1px solid #dcdcdc;

}

.joinUs  .right .content>div .post ul li:first-child{

	padding-left: 0;

}

.joinUs  .right .content>div .post ul li:last-child{

	border-right: none;

}

.joinUs  .right .content>div .desc h4{

	font-size: 20px;

	margin: 30px 0 10px;

	font-weight: 600;

}

.joinUs  .right .content>div .desc h5{

	font-size: 14px;

	color: #444;

	margin: 20px 0 10px;

	font-weight: 600;

}

.joinUs  .right .content>div .desc .reques{

	font-size: 14px;

	color: #999;

}

.joinUs  .right .content>div .desc .reques p{

	line-height: 30px;

	margin-bottom: 10px;

}

.joinUs  .right .content>div .email{

	font-size: 14px;

	color: #333;

	margin-top: 40px;

	font-weight: 600;

}

.joinUs .contact .content>#map{

	width: 100%;

	height: 370px;

}

.joinus-shadow{

	position: fixed;

	top: 0;

	left: 0;

	display: none;

	width: 100%;

	height: 100%;

	background: rgba(0,0,0,.7);

	z-index: 111;

}

.joinus-shadow .close {
    text-align: right;

	color: #fff;

	line-height: 30px;

	font-size: 20px;
}

.joinus-shadow .contentBox{

	width: 100%;

	height: 100%;

	position: relative;

}

.joinus-shadow .contentBox>div{
    position: absolute;
    top: 50%;
    left: 50%;

	max-width: 100%;

	overflow: hidden;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
   
}

.joinus-shadow .contentBox>div .bigBanner{

	max-width: 1150px;

	margin: 0 auto;

	text-align: center;

	padding-bottom: 80px;

}

.joinus-shadow .contentBox>div .bigBanner .swiper-container-horizontal>.swiper-pagination-bullets, .joinus-shadow .contentBox>div .bigBanner .swiper-pagination-custom, .swiper-pagination-fraction {
    top: 82%;
    left: 0;
    width: 100%;
}

.joinus-shadow .contentBox>div .bigBanner .swiper-button-next{

	position: absolute;

	top: 82%;

	left: calc(50% + 54px);

	width: 46px;

	height: 46px;

	background:url(../img/ic-circle-right-fff.png) no-repeat center center;

}

.joinus-shadow .contentBox>div .bigBanner .swiper-button-prev{

	position: absolute;

	top: 82%;

	left: calc(50% - 100px);

	width: 46px;

	height: 46px;

	background:url(../img/ic-circle-left-fff.png) no-repeat center center;

}



.joinus-shadow .contentBox>div .bigBanner .swiper-slide{

	width: 100%;

	overflow: hidden;

}

.joinus-shadow .contentBox>div .bigBanner .swiper-slide img{

	max-width: 100%;

	height: auto;

	margin: 0 auto;

}

.joinus-shadow .contentBox>div img{

	max-width: 100%;

	height: auto;

}

.anchorBL{

	display: none !important;

}

/* 关于我们页面 */

.aboutUs-inner{

	max-width: 1370px;

	margin: 0 auto 190px;

	background: #fff;

}

.about-part01{

	width: 100%;

	height: 500px;

	background-repeat: no-repeat;

	background-position: center center;	

	background-size: cover;

	position: relative;

}

.about-part01 .mask{

	width: 100%;

	padding: 40px 8%;

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%,-50%);

	-webkit-transform: translate(-50%,-50%);

	-moz-transform: translate(-50%,-50%);

	-transform: translate(-50%,-50%);

	-o-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);

	background: rgba(0,0,0,.5);

}

.about-part01 .mask h3{

	font-size: 40px;

}

.about-part01 .mask h3 span{

	color: #00bad2;

	font-size: 48px;

}

.about-part01 .mask h4{

	font-size: 24px;

	line-height: 50px;

}

.about-part01 .mask p{

	font-size: 16px;

}

.about-part02{

	width: 84%;

	background: #fff;

	padding: 100px 0 115px;

	margin: 0 auto;

	display: flex;

	justify-content: space-between;

	

}

.about-part02 .aboutL{

	width: 49.5%;

	height: 400px;

	background-repeat: no-repeat;

	background-position: center center;	

	background-size: cover;

}

.about-part02 .aboutR{

	width: 44.5%;

	overflow: hidden;

	color: #333;

}

.about-part02 .aboutR h3{

	font-size: 28px;

	color: #333;

	line-height: 50px;

}

.about-part02 .aboutR .desc{

	font-size: 14px;

	line-height: 30px;

	max-height: 60px;

	overflow: hidden;

	text-overflow:ellipsis;

	display:-webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient:vertical;

}

.about-part02 .aboutR ul{

	margin-top: 15px;

}

.about-part02 .aboutR ul li{

	font-size: 16px;

	color: #666;

	height: 40px;

	line-height: 40px;

	overflow: hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	display: flex;

	align-items: center;

}

.about-part02 .aboutR ul li i{

	width: 5px;

	height: 5px;

	background-color:#00BAD2;

	border-radius: 5px;

	margin-right: 5px;

	

}

.about-part02 .aboutR ul li span{

	color: #333;

}

.about-part02 .aboutR .numShow{

	display: flex;

	margin-top: 20px;

}

.about-part02 .aboutR .numShow .item{

	flex: 1;

}

.about-part02 .aboutR .numShow .item p{

	font-size: 18px;

	color: #666;

	line-height: 30px;

}

.about-part02 .aboutR .numShow .item div{

	font-size: 18px;

	color: #999;

}

.about-part02 .aboutR .numShow .item div span{

	font-size: 48px;

	color: #333;

	padding-right: 5px;

}

/* 特色服务 */

.about-part03{

	width: 84%;

	margin: 0 auto 140px;

	

}

.about-part03>.title{

	position: relative;

	padding: 40px 0 0;

}

.about-part03>.title .line{

	width:100%;

	height: 1px;

	background: #e5e5e5;

	margin-bottom: 30px;

}

.about-part03>.title h3{

	position: absolute;

	top: 14px;

	left: 0;

	font-size: 28px;

	line-height: 50px;

	height: 50px;

	color: #333;

	padding-right: 25px;

	background: #fff;

	overflow: hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

}

.about-part03>.title p{

	font-size: 14px;

	color: #999;

	line-height: 30px;

	overflow: hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

}

.about-part03>ul{

	display: flex;

	justify-content: space-between;

	padding-top: 50px;

}

.about-part03>ul li{

	width: 23.4%;

	box-shadow:0 0 35px 5px #ddd;

}

.about-part03>ul li>.img{

	width: 100%;

	height: 275px;

	overflow: hidden;

}

.about-part03>ul li>.img .imgBg{

	width: 100%;

	height: 100%;

	background-repeat: no-repeat;

	background-position: center center;	

	background-size: cover;

}

.about-part03>ul li>.intro{

	width: 100%;

	height: 100px;

	padding: 0 50px;

	font-size: 20px;

	color: #333;

	position: relative;

	display: flex;

	text-align: center;

	/* align-items: center; */

}

.about-part03>ul li>.intro .num{

	position: absolute;

	top:10px;

	left: 50px;

	font-family: 'Monotype Corsiva';

	font-size: 60px;

	transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;

}

.about-part03>ul li:hover>.intro .num{

	color: #00bad2;

}

.about-part03>ul li>.intro i{

	position: absolute;

	top:20px;

	left: 100px; 

	width: 1px;

	height: 60px;

	background: #b0b0b0;

	transform:rotate(15deg);

	-ms-transform:rotate(15deg); /* Internet Explorer */

	-moz-transform:rotate(15deg); /* Firefox */

	-webkit-transform:rotate(15deg); /* Safari 和 Chrome */

	-o-transform:rotate(15deg); /* Opera */

}

.about-part03>ul li>.intro .font{

	position: absolute;

	right:45px ;

	bottom:25px;

	font-size: 20px;

	color: #333;

	width: 100px;

	text-align: left;

	overflow: hidden;

	text-overflow:ellipsis;

	display:-webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient:vertical;

}

/* 资源覆盖 */

.about-part04{

	width: 100%;

	padding: 0 8%;

	margin: 0 auto 90px;

	background: url(../img/about-zyfg-bg.jpg) no-repeat center center;

	background-size: cover;

	background-color:rgba(0,0,0,.61) ;

	

}

.about-part04>.title{

	position: relative;

	padding: 40px 0 0;

}



.about-part04>.title h3{

	font-size: 28px;

	line-height: 50px;

	height: 50px;

	overflow: hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

}

.about-part04>.title p{

	font-size: 14px;

	line-height: 30px;

	overflow: hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

}

.about-part04>ul{

	display: flex;

	flex-wrap: wrap;

	padding-top: 50px;

}

.about-part04>ul li{

	width:24.5%;

	margin:0 4.415% ;

	text-align: center;

	margin-bottom: 50px;

	transition: All 0.4s ease-in-out;

	-webkit-transition: All 0.4s ease-in-out;

	-moz-transition: All 0.4s ease-in-out;

	-o-transition: All 0.4s ease-in-out;

	transition: All 0.4s ease-in-out;

	

}

.about-part04>ul li>.img{

	width: 80px;

	height: 80px;

	border-radius: 80px;

	background: #00bad2;

	margin: 0 auto;

	position: relative;

	overflow: hidden;

	transition: All 0.4s ease-in-out;

	-webkit-transition: All 0.4s ease-in-out;

	-moz-transition: All 0.4s ease-in-out;

	-o-transition: All 0.4s ease-in-out;

	transition: All 0.4s ease-in-out;

}

.about-part04>ul li:hover>.img{

	transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-transform: rotate(180deg);

	-o-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

}

.about-part04>ul li>.img img{

	position: absolute;

	top: 50%;

	left: 50%;

	text-align: center;

	transform: translate(-50%,-50%);

	-webkit-transform: translate(-50%,-50%);

	-moz-transform: translate(-50%,-50%);

	-transform: translate(-50%,-50%);

	-o-transform: translate(-50%,-50%);

	-ms-transform: translate(-50%,-50%);	

}



.about-part04>ul li .intro h4{

	font-size: 16px;

	line-height: 50px;

	overflow: hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	transition: All 0.4s ease-in-out;

	-webkit-transition: All 0.4s ease-in-out;

	-moz-transition: All 0.4s ease-in-out;

	-o-transition: All 0.4s ease-in-out;

	transition: All 0.4s ease-in-out;

}

.about-part04>ul li:hover .intro h4{

	font-size: 17px;

}

.about-part04>ul li .intro>div{

	font-size: 14px;

	line-height: 30px;

	overflow: hidden;

	text-overflow:ellipsis;

	display:-webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient:vertical;

}

.about-part05{
	position: relative;
	

	width: 100%;
}

.about-part05>.title{

	text-align: center;

	padding-bottom: 30px;

}
.about-part05>.title h3{
	font-size: 28px;
	color: #333;

	line-height: 50px;
}

.about-part05>.title p{

	font-size: 16px;

	color: #666;

	line-height: 40px;

}

.about-part05 .bannerAbout{

	width: 100%;

	padding: 40px 0 85px;

	background: #f7f7f7;

	position: relative;

}
.about-part05 .swiper-button-prev{
	background-image: url(../img/ic-circle-left.png);
    left: 19px;
	width: 84px;

	height: 84px;
	background-size: cover;
    right: auto;

	transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;
}

.about-part05 .swiper-button-prev:hover{
	background-image: url(../img/ic-circle-left-active.png);
}
.about-part05 .swiper-button-next{ 
	background-image: url(../img/ic-circle-right.png);
    right: 19px;
	width: 84px;
	height: 84px;
	background-size: cover;
    left: auto;

	transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;
}

.about-part05 .swiper-button-next:hover{

	background-image: url(../img/ic-circle-right-active.png);

}

.about-part05 .swiper-pagination{

	width: 100%;

	text-align: center;

	top:350px;

}

.about-part05 .swiper-pagination-bullet {
    width: 15px;
    height: 2px;
    display: inline-block;
    border-radius: 100%;
    background: #000;

	border-radius: 0;
    opacity: .2;

	margin: 0 5px;
}

.about-part05 .swiper-pagination-bullet-active {
    opacity: 1;
    background: #00bad2;
}

.about-part05 .related{
	width: 84%;

	margin: 0 auto;

	
}

.about-part05 .related .swiper-slide{

	position: relative;

	padding-top: 75px;

}

.about-part05 .related .swiper-slide .img{

	position: absolute;

	top:0;

	left: calc(50% - 65px);

	width: 130px;

	height: 130px;

	border-radius: 130px;

	margin: 0 auto;

	border:1px solid transparent;

	transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;

}

.about-part05 .related .swiper-slide:hover .img{

	border:1px solid #00BAD2;

}

.about-part05 .related .swiper-slide .img img{

	width: 100%;

	height: 100%;

	

}
.about-part05 .related .swiper-slide .intro{
	width: 100%;

	background: #fff;

	color: #333;

	border-radius: 10px;

	padding: 65px 20px 20px;

	text-align: center;

	transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;

	/* box-shadow:0 0 15px 5px #ddd; */
}



.about-part05 .related .swiper-slide .intro h4{

	font-size: 18px;

	color: #333;

	line-height: 40px;

	height: 40px;

	overflow: hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;

}

.about-part05 .related .swiper-slide .intro p{

	font-size: 14px;

	color: #666;

	line-height: 30px;

	height: 30px;

	overflow: hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;

}

.about-part05 .related .swiper-slide .intro div{

	font-size: 14px;

	color: #999;

	line-height: 25px;

	overflow: hidden;

	text-overflow:ellipsis;

	display:-webkit-box;

	-webkit-line-clamp:2;

	-webkit-box-orient:vertical;

	transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;

}

.about-part05 .related .swiper-slide:hover .intro{

	background: #00BAD2;

	

}

.about-part05 .related .swiper-slide:hover .intro h4,.about-part05 .related .swiper-slide:hover .intro p,.about-part05 .related .swiper-slide:hover .intro div{

	color: #fff;

}

/* 合作伙伴 */

.about-part06{
	position: relative;

	width: 100%;
}

.about-part06>.title{

	padding-top: 90px;

	text-align: center;

	padding-bottom: 30px;

}
.about-part06>.title h3{
	font-size: 28px;
	color: #333;

	line-height: 50px;
}

.about-part06>.title p{

	font-size: 16px;

	color: #666;

	line-height: 40px;

}

.about-part06 ul{

	width: 84%;

	margin: 0 auto;

	display: flex;

	align-items: center;

	flex-wrap: wrap;

}

.about-part06 ul li{

	width: 25%;

}

.about-part06 ul li img{

	max-width: 100%;

	height: auto;

}

/* 公司动态 */

.about-part07{

	width: 84%;

	margin: 90px auto;

	padding-bottom: 120px;

}

.about-part07>.title{

	padding: 20px 0;

}

.about-part07>.title span{
	float: right;
	padding-top: 20px;
}

.about-part07>.title span a{
	color: #333;
}

.about-part07>.title h3{

	font-size: 28px;

	line-height: 50px;

	color: #333;

}

.about-part07>.title p{

	font-size: 14px;

	color: #999;

}

.about-part07>.newsBox{

	width: 100%;

	display: flex;

	justify-content: space-between;

	color: #333;

}

.about-part07>.newsBox .left{

	width: 48%;

	height: 315px;

	border-radius: 20px 0 0 20px;

	overflow: hidden;

	position: relative;

	background-repeat: no-repeat;

	background-position: center center;

	background-size: cover;

}

.about-part07>.newsBox .left a{

	display: block;

	width: 100%;

	height: 100%;

}

.about-part07>.newsBox .left .ic-top{

	position: absolute;

	top:0;

	left: 0;

	font-size: 18px;

	color: #fff;

	width: 120px;

	height: 45px;

	line-height: 45px;

	text-align: center;

	background: #19c0d6;

	border-radius: 20px 0 20px 0;

}

.about-part07>.newsBox .left .title{

	position: absolute;

	bottom:0;

	left: 0;

	display: flex;

	font-size: 16px;

	color: #fff;

	justify-content: space-between;

	width: 100%;

	padding: 0 10px;

	align-items: center;

	height: 50px;

	line-height: 50px;

	background: rgba(25,192,214,.6);

}

.about-part07>.newsBox .left .title .font{

	flex: 1;

	overflow: hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

	padding: 0 10px 0 30px;

}

.about-part07>.newsBox .left .title .time{

	font-size: 12px;

}

.about-part07>.newsBox .right{

	width: 48%;

	height: 315px;

	padding: 0 20px;

}

.about-part07>.newsBox .right ul li a{

	display: flex;

	justify-content: space-between;

	align-items: center;

	height: 75px;

	border-bottom: 1px solid #e5e5e5;

}

.about-part07>.newsBox .right ul li a .date{

	font-size: 18px;

	color: #bdbdbd;

	transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;

}

.about-part07>.newsBox .right ul li a .date span{

	font-size: 26px;

	color: #444;

	transition: all 0.5s ease-out;

	-webkit-transition: all 0.5s ease-out;

}

.about-part07>.newsBox .right ul li a:hover .date,.about-part07>.newsBox .right ul li a:hover .date span{

	color: #00bad2;

}

.about-part07>.newsBox .right ul li a .title{

	font-size: 16px;

	color: #333;

	flex: 1;

	text-align: right;

	overflow: hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

}

/* 新闻详情 */

.details-Box>.details.newsDetails{

	padding-top: 50px;

}

/* 相关推荐 */

.details-Box>.newsRecommend{

	width: 100%;

	padding: 20px 115px;

	background: #fff;

	padding-bottom: 50px;

	margin-bottom: 180px;

	border-top: 1px solid #eee;

}

.details-Box>.newsRecommend>.title{

	color: #666;

	font-size: 16px;

	line-height: 50px;

}



.details-Box>.newsRecommend .recommend-list li a{

	display: block;

	width: 100%;

	font-size: 14px;

	color: #666;

	line-height: 35px;

	overflow: hidden;

	white-space:nowrap;

	text-overflow:ellipsis;

}

.details-Box>.newsRecommend .recommend-list li:hover a{

	color: #00bad2;

}

.details-Box>.newsRecommend .recommend-list li a i{

	display: inline-block;

	width: 5px;

	height: 5px;

	background: #dcdcdc;

	border-radius: 5px;

	position: relative;

	top:-3px;

	margin-right: 2px;

}



.pagination1{
	padding-top: 15px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pagination1 a {
    text-decoration: none;
	border: 1px solid #13bfd7;
	color: #13bfd7;
}

.pagination1 a, .pagination1 p {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 5px;
	margin-bottom: 5px;
}

.pagination1 .cur {
    background: #13bfd7;
    color: #fff;
	border: 1px solid #13bfd7;
}

.pagination1 .current.prev, .pagination1 .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}


.right_flo{
	width: 200px;
	position: fixed;
	right: 10px;
	top: 40%;
	z-index: 100;
}

.right_flo img{
	width: 100%;
	height: auto;
	display: block;
}