/*关于我们*/
/* .banner{height: 700px;} */
body{min-width: 1480px;}
.banner .swiper-slide img{
		transition:1s linear 2s;
		transform:scale(1.1,1.1);
		}
.banner .swiper-slide-active img,.swiper-slide-duplicate-active img{
		transition:6s linear;
		transform:scale(1,1);
		}
		
		
.bga{background: url(../images/bg.jpg) center -120px no-repeat;}
.ab_box {
	padding-bottom: 30px;
	/* border-bottom: 1px dotted #ccc; */
	margin-bottom: 60px;
}

.about {
	width: 1200px;
	margin: auto;
	margin-top: 80px;
	padding-right: 100px;
}

.about .abl {
	width: 600px;
	max-height: 586px;
	overflow: hidden;
	border-radius: 192px 108px 198px 121px;
}

.about .abl li img {
	width: 100%;
	height: auto;
	left: 0 !important;
	margin-left: 0 !important;
	/* filter: grayscale(100%); */
	-moz-filter: grayscale(100%);
	/* -webkit-filter: grayscale(100%); */
	transition: all 0.4s ease-in-out;
}

.about .abl li img:hover {
	filter: grayscale(0);
	-moz-filter: grayscale(0);
	-webkit-filter: grayscale(0);
}

/* .about .abl .dots {
	bottom: 10px;
}

.about .abl .dots span {
	width: 8px;
	height: 8px;
	border-radius: 4px;
	margin: 0 3px;
}

.about .abl .dots span.active {
	background: #000;
} */

.about .abr {
	width: calc(100% - 690px);
}

.about .abr .you01 {
	width: 100%;
	transition: 0.6s;
}

.about .abr img {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 40px;
	transition: 0.5s;
}

.about .abr li {
	width: 100%;
	/* margin-top: 55px; */
	font-family: "思源黑体";
	transition: 0.5s;
	cursor: default;
}

.about .abr li div.okr {
	position: relative;
	transition: 0.4s;
}

.about .abr li div.okr span {
	display: block;
	position: absolute;
	left: 0;
	top: 26px;
	width: 40px;
	height: 1px;
	background: #fff;
	transition: 0.4s;
}

.about .abr li:hover div.okr span {
	width: 100px;
	background: #999;
}

.about .abr li:hover div.okr {
	padding-left: 60px;
}

.about .abr li h3 {
	float: left;
	font-size: 20px;
	line-height: 22px;
	/* width: 92px; */
	color: #444;
	padding-right: 20px;
}

.about .abr li h4 {
	float: left;
	line-height: 22px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 300;
	color: #e7c8a5;
	transition: 0.4s;
}

.about .abr li:hover h4 {
	color: #4c6547;
}

.about .abr li p {
	float: left;
	width: 100%;
	margin-top: 16px;
	color: #777;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 1.5px;
	text-indent: 2.2em;
}

.abmore {
	margin: auto;
	margin-top: 40px;
	display: block;
	line-height: 20px;
	width: 55px;
	background: url("/temp/temp/53/53-0018/201904181033/images/go01.png") no-repeat center right;
	font-size: 16px;
	opacity: 0.7;
	transition: 0.3s;
}

.abmore:hover {
	opacity: 1;
	color: #000;
}


.abbanner .dots {
    position: absolute;
    bottom: 10px !important;
    z-index: 2;
    text-align: center;
}
.abbanner .dots span{
	width:6px;
	height:6px;
	margin:0 15px !important;
	background:#fff ;
	opacity:1;
	border-radius:50%;
}
.abbanner .dots .swiper-pagination-bullet-active{
	transform:scale(2);
	-ms-transform:scale(2);
	-moz-transform:scale(2);
	-webkit-transform:scale(2);
	-o-transform:scale(2);
}

.t02 .dots {
    /* position: absolute;
    bottom: 10px !important; */
    z-index: 2;
    text-align: center;
}
.t02 .dots span{
	width:6px;
	height:6px;
	margin:0 15px !important;
	background:#ad804b ;
	opacity:1;
	border-radius:50%;
}
.t02 .dots .swiper-pagination-bullet-active{
	transform:scale(2);
	-ms-transform:scale(2);
	-moz-transform:scale(2);
	-webkit-transform:scale(2);
	-o-transform:scale(2);
}

.labout{/* padding-top: 100px; *//* margin-bottom: 160px; */max-width: 100%;height: auto;overflow: hidden;background: #f8f8f8;}

.labout .lab01 .lab01t{

	width: 100%;

	margin-top: 40px;

}

.labout .lab01 .lab01t div{

	float: left;

	width: 40%;

	margin-top: 40px;

}

.labout .lab01 .lab01t div img{

	width: auto;

}

.labout .bigimg{

	overflow: hidden;

	height: auto;

	margin-top: 0;

	width: 50%;

}

.labout .lab01 .lab01t .bigimg{

	float: right;

}

.labout .bigimg img{

	width: 100%;

	height: auto;

	transition: 0.5s;

}

.labout .bigimg:hover img{

	transform: scale(1.06);

}

.labout p.abt{

	color: #777;

	line-height: 30px;

	font-size: 14px;

	letter-spacing:1px;

	margin-top: 30px;

	font-family: "微软雅黑";

}


.lab07{

	background: #f8f8f8;

    padding-top: 50px;

    padding-bottom: 120px;

    margin-top: 60px;

}

.lab07 .lab07tit img,.lab08 .lab08tit img{

	width: 100%;

	height: auto;

}

.lab07 .plan01,.lab08 .effect01{

	margin-top: 100px;

}

.lab07 .plan01 li.t01{

	float: left;

	width: 32%;

    margin-top: 80px;

}

.lab07 .plan01 li.t02,.lab08 .effect01 li.t02,.lab08 .effect03 li.t02{

	float: right;

	width: 50%;

	overflow: hidden; 

}

.lab07 .plan01 li.t02 img,.lab07 .plan02 li.t02 img

,.lab08 .effect01 li.t02 img,.lab08 .effect02 li.t02 img{

	width: 100%;

	height: auto;

}

.lab07 .plan02 {

	margin-top: 180px;

}

.lab07 .plan02 li.t01{

	float: right;

	width: 42%;

	margin-top: 80px;

}

.lab07 .bigimg,.lab08 .bigimg{

	width: 100%;

}

.lab07 .plan02 li.t02,.lab08 .effect02 li.t02{

	float: left;

	width: 50%;

}

.lab08{margin-top: 120px;margin-bottom: 100px;}

.lab08 .effect01 li.t01,.lab08 .effect03 li.t01{

	float: left;

	width: 42%;

	margin-top: 40px;

}

.lab08 .effect02 li.t01{

	float: right;

	width: 42%;

	margin-top: 48px;

	text-align: right;

}

.lab08 .effect02 li.t01 p.abt{

	text-align: left;

}

.lab08 .effect02{

	margin: 160px auto;

}

.lab08 .effect03 li.t02 img{

	width: 100%;

	height: auto;

}

.lab08 .effect03 li.t02 div{text-align: right;width: 100%;margin-top: 20px;border-radius: 294px 90px 238px 90px;}

.lab08 .effect03 li.t02 .img02 img{

	width: auto;

}


.lab03 {
	background: #f8f8f8;
	padding-top: 50px;
	padding-bottom: 120px;
	margin-top: 60px;
}
.lab08 .wp{width: 1180px;}

.lab03 .ab031 img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.lab03 .ab032 .bigimg {
	width: 50%;
	float: left;
}

.lab03 p.abt {
	float: right;
	width: 42%;
	margin-top: 85px;
}



.sampleban02 .prev, .sampleban02 .next {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0px;
    z-index:1;
    background: url(../images/jt02.png) no-repeat left center;
    top: 0;
    /* margin-top:-25px; */
    background-size: 16px;
}
.sampleban02 .prev::after, .sampleban02 .next::after {
    position: absolute;
    content: '';
    width: 0;
	opacity:0;
    height: 0px;
    background: #fff;
    top: 25px;
    left: 2px;
	transition: all .3s;
}
.sampleban02 .next::after{
	left:auto;
	right:2px;
}
.sampleban02 .prev:hover::after, .sampleban02 .next:hover::after {
	opacity:1;
	width:48px;
}
.sampleban02 .next{
	left:auto;
	right: 0px;
	background: url(../images/jt01.png) no-repeat right center;
	background-size: 16px;
}



.fade_in_down{

	opacity: 0;

	transform: translateY(100px);

	-ms-transform:translateY(100px);

	-moz-transform:translateY(100px);

	-webkit-transform:translateY(100px);

	-o-transform:translateY(100px);

}

.fade_in_up{

	opacity: 1;

	transform: translateY(0);

	transform: translateX(0);

	transition: 1.5s;

}

.fade_in_down.quan03,.fade_in_down.abl{

	transform: translateY(0);

	transform: translateX(-100px);

	-ms-transform:translateX(-100px);

	-moz-transform:translateX(-100px);

	-webkit-transform:translateX(-100px);

	-o-transform:translateX(-100px);

}

.fade_in_down.quan03,.abr img.fade_in_down{

	transform: translateY(0);

	transform: translateX(100px);

	-ms-transform:translateX(100px);

	-moz-transform:translateX(100px);

	-webkit-transform:translateX(100px);

	-o-transform:translateX(100px);

}

.fade_in_up.works01,.fade_in_up.works02

,.fade_in_up.abl,.abr img.fade_in_up{

	transform: translateX(0);

	opacity: 1;

}


.z_cloud {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	pointer-events: none;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.z_cloud img {
	animation: cloudSclae 30s linear infinite alternate;
	width: 100%;
	height: 100%;
}

@keyframes cloudSclae {
	0% {
		transform: scale(1, 1);
	}

	50% {
		transform: scale(2, 2);
	}

	100% {
		transform: scale(1.2, 1.2);
	}
}


.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.cont{
	width:1200px;
	margin:0 auto;
	padding: 90px 0 50px;
}
.biz-timeline-box{
	width: 1184px;
	margin: 0 auto 45px;
}
/*奇数 odd*/
.biz-timeline-box:nth-child(odd) .biz_timeline-eventbox{
	-webkit-border-radius:  0 40px 40px 0;
	-moz-border-radius:  0 40px 40px 0;
	border-radius: 0 40px 40px 0;
	float:right;
}
/*偶数 even*/
.biz-timeline-box:nth-child(even) .biz_timeline-eventbox{
	-webkit-border-radius:  40px 0 0 40px;
	-moz-border-radius: 40px 0 0 40px;
	border-radius: 40px 0 0 40px;
	float:left;
}
/*奇数 odd*/
.biz-timeline-box:nth-child(odd) .biz_timeline-event{
	-webkit-border-radius:0 30px 30px 0;
	-moz-border-radius:0 30px 30px 0;
	border-radius:0 30px 30px 0;
}
/*偶数 even*/
.biz-timeline-box:nth-child(even) .biz_timeline-event{
	-webkit-border-radius:  30px 0 0 30px;
	-moz-border-radius: 30px 0 0 30px;
	border-radius: 30px 0 0 30px;
	text-align: right;
}
.biz-timeline-box:nth-child(odd) .biz_timeline-time{
	float:left;
	width: 544px;
	text-align: right;
}
.biz-timeline-box:nth-child(even) .biz_timeline-time{
	float:right;
	width: 544px;
	text-align: left;
}
.biz-timeline-box:nth-child(even) .biz_timeline-node{
	float:right;
}
.biz-timeline-box:nth-child(odd) .biz_timeline-node{
	float:left;
}
.biz_timeline-time{
	font-size: 19px;
	color: #353535;
	font-weight: 600;
	line-height: 32px;
}
.biz_timeline-eventbox{
	width: 544px;
	/* height: 69px; */
	/* border: 4px solid #d94646; */
	text-align: right;
}
.biz_timeline-event{
	width: 100%;
	/* height:57px; */
	/* margin:6px; */
	color: #353535;
	/* background:#d94646; */
	text-align: left;
	font-size:16px;
	line-height: 32px;
}
.biz_timeline-node{
	width:8px;
	height:8px;
	border-radius: 50%;
	background: #ad804b;
	border: 4px solid #d6bfa1;
	margin: 9px 40px;
}
.biz_longString{
	position:absolute;
	left:50%;
	width: 2px;
	height:200px;
	background: #ad804b;
	top: 10px;
	z-index:10;
	margin-left: -1px;
}
.biz_timtline-box{
	position: relative;
	margin-top: 70px;
	overflow: hidden;
}
.biz_timeline{
	z-index:20;
	position:relative;
}
.biz_title{
	text-align: center;
	margin:0 auto 35px;
}
.biz_title h2{
	font-size: 41px;
	color: #414040;
	letter-spacing: 12px;
}
.biz_title p{
	color: #7a7979;
	/* margin-top:15px; */
	font-size: 15px;
	letter-spacing: 6px;
}


.DCindexnews_more {
	/* width: 156px; */
	height: 42px;
	float: left;
	margin-left: 310px;
	margin-top: 50px;
	margin-bottom: 30px;
	display: inline;
	/* background: #87bb4e; */
	border-radius: 30px;
	text-align: center;
	line-height: 42px;
	font-size: 14px;
}
.DCindexnews_more a i {
    display: inline-block;
    background: url(../images/mgs_icon.png) no-repeat;
    width: 25px;
    height: 7px;
    background-position: -2px -76px;
    margin-right: 10px;
    vertical-align: middle;
    margin-top: -5px;
 }

.DCindexnews_morea {
	width: 156px;
	height: 42px;
	margin-left: 86px;
	/* margin-top: 20px;
	margin-bottom: 30px;
	display: inline;
	background: #87bb4e;
	border-radius: 30px;
	text-align: center;
	line-height: 42px; */
}
.DCindexnews_morea i {
    display: inline-block;
    background: url(../images/news_arrow.png) no-repeat;
    width: 25px;
    height: 17px;
    /* background-position: -2px -66px;
    margin-right: 10px; */
    vertical-align: middle;
 /*   margin-top: -5px; */
	}

.move{
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    -ms-animation: move 2s linear infinite;
    animation: move 2s linear infinite;
}
@-webkit-keyframes move {
    0% { transform:translate(-5px, 0); -webkit-transform:translate(-5px, 0);-moz-transform:translate(-5px, 0);-ms-transform:translate(-5px, 0); }
    50% { transform:translate(5px, 0); -webkit-transform:translate(5px, 0); }
    100% {transform:translate(-5px, 0); -webkit-transform:translate(-5px, 0); }
}
@keyframes move {
    0% { transform:translate(-5px, 0); -webkit-transform:translate(-5px, 0); }
    50% { transform:translate(5px, 0); -webkit-transform:translate(5px, 0); }
    100% {transform:translate(-5px, 0); -webkit-transform:translate(-5px, 0); }
}


.DCindexnews_more a,
.DCindexnews_more a:link {
	color: #7d7d7d;
}

.DCindexnews_more a:hover {
	color: #424141;
	text-decoration: underline;
}