@charset "utf-8";
@font-face {
	font-family:'siyuan';
	src: url(../assets/fonts/SourceHanSerifCN.otf);
}

*{margin: 0;padding: 0;font-family: "微软雅黑";font-size: 14px;}
body{width: 100%;height: 100%}
ul{list-style: none;display:flow-root;width:100%;}
a{text-decoration: none;    color: #686868;}
img{border: none;}
.l{float:left}
.gy{max-width:1400px;margin:0 auto;}
.gy2{max-width:1200px;margin:0 auto;}
#headdiv{height: 131px; position: fixed; top: 0px; width: 100%; z-index: 1000;}
.f90{ font-size:90px;}
.f72{ font-size:72px;}
.f48{ font-size:48px;}
.f16{ font-size:16px;}
.f40{ font-size:40px;}
.f36{ font-size:36px;}
.f30{ font-size:30px;}
.f20{ font-size:20px;}
/*顶部bar*/
.top01{width:100%;height:38px;line-height:38px;background:#f67524;color:#fff;overflow:hidden;font-size:12px}
.top01 .l{font-size:14px}
.top01_center{text-align:left;float:right;font-size:14px}
.top01_center img{vertical-align:sub;display:inline-block;margin-right:8px}
/*logo和导航*/
.top02_center{position: relative;height: 85px;}
.logo{width:25%;height:50px;float:left;padding-top:13px}
.logo img{float:left;width: 100%;}
.nav{float:left;width: 65%;margin-left: 10%;}
.nav li.m{float:left;text-align:left;padding-right: 1.4vw;}
.nav li.m:last-child{padding-right: 0;}
.nav .m.on a.mmm{color:#f3782a}
.nav a.mmm{height:46px;padding-top:28px;display:block;font-size:16px;color:#333}
.mobile-nav{display: none;}
/*优势*/
.i_bg{background-color:#f5f5f5;overflow:hidden}
.i_one{background-color:#fff;overflow:hidden;height:316px;margin:0 auto;margin-bottom:40px}
.i_service_t{text-align:center;padding-top:15px;color:#666;font-size:18px;line-height:32px;padding-bottom:50px}
.i_service_t h2{height:66px;line-height:66px;font-size:40px;color:#000;font-weight:400;letter-spacing:1px;font-family:"华文细黑"}
.i_service_t p{font-size:16px}
.advantage{text-align:center;overflow:hidden}
.num_box{width:25%;float:left;height:124px;}
.num_box:last-child{background:0 0}
.num_box .num{font-weight:700;color:#f67524;font-family:"微软雅黑";font-weight:400;font-size:60px;width:100%;height:70px;line-height:70px;text-align:center;position:relative;z-index:2;letter-spacing:1px;margin-top:10px}
.num_box h3{font-size:16px;color:#333;font-weight:400;line-height:30px}
/*服务项目*/
.t-bg .fuwu-bg{width: 100%;height: 450px;object-fit: cover;}
.t-bg .title{text-align: center;padding-top: 70px;}
.t-bg .title p{color: grey;padding-top: 20px;}
.t-bg .zx{position: absolute;}
.t-bg .type-back{margin-top: 260px;}
.t-bg .type-next{margin-top: -190px;margin-left: 15px;}
.type-list p:nth-child(3){height: 60px;overflow: hidden;}
/*流程*/
.flow2{width: 100%;display: none;}
.i-process .list {
	background: #fff url("../images/flow-line.png") no-repeat center ;
	margin: 0 auto;
	width: 1300px;
	height: 333px;
	margin-left: -50px;
}

.fl {
	float: left;
	display: inline;
}

.fr {
	float: right;
	display: inline;
}

.por {
	position: relative;
}

.poa {
	position: absolute;
}

.flow, .cooperation {
	background-color: #fff;
}

.flow {
	height: 700px;
	width: 100%;
	text-align: center;
	position: relative;
}

.fp-tableCell {
	position: relative;
	top: -380px;
}

.title {
	padding: 60px 0 30px 0;
}

.title-text {
	position: relative;
	padding-bottom: 20px;
	font-size: 34px;
	color: #666666;
	font-weight: normal;
}

.title-description {
	margin-top: 40px;
	color: #b0b0b0;
}

.title-description {
	margin-top: 0;
}

.inner-item {
	margin: 0 auto;
	position: relative;
}

.i-process {
	position: relative;
	width: 1300px;
	margin: 0 auto;
}

.i-process .hold {
	width: 1106px;
	height: 352px;
	margin: 0 auto;
}

.i-process .btn {
	width: 68px;
	height: 150px;
	line-height: 2;
	color: #8f8f95;
	text-align: center;
	transform: translateX(50px);
	opacity: 0;
}
.i-process .btn p{font-size: 16px;}
.i-process .btn.cur {
	color: #43cdab;
}

.i-process .btn:nth-child(1) {
	left: 33px;
	top: 165px;
}

.i-process .btn:nth-child(2) {
	left: 151px;
	top: 61px;
}

.i-process .btn:nth-child(3) {
	left: 294px;
	top: 117px;
}

.i-process .btn:nth-child(4) {
	left: 439px;
	top: 46px;
}

.i-process .btn:nth-child(5) {
	left: 618px;
	top: 54px;
}

.i-process .btn:nth-child(6) {
	left: 776px;
	top: 46px;
}

.i-process .btn:nth-child(7) {
	left: 957px;
	top: 148px;
}

.i-process .btn:nth-child(8) {
	left: 1087px;
	top: 58px;
}

.i-process .btn .light {
	float: left;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background: #fff;
	margin: 12px 29px;
}

.i-process .btn .light:after {
	content: "";
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: -1;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: #43cdab;
	opacity: 0.3;
}

.i-process .btn.cur .light:after {
	animation: Circle 1.2s infinite linear;
}

.i-process .btn.cur .light:after {
	animation: Circle 1.2s infinite linear;
}

.i-process .btn .circle {
	width: 68px;
	height: 68px;
	border-radius: 34px;
	background: #edeff1;
	margin: 12px 0;
}

.i-process .btn.cur .circle {
	background: #43cdab;
}

.i-process .btn .circle:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 68px;
	height: 68px;
	background: url(../images/bg_sign06.png) no-repeat;
}

.i-process .btn.cur .circle:after {
	background-position: 0 -68px;
}

.i-process .btn:nth-child(2) .circle:after {
	background-image: url(../images/bg_sign07.png);
}

.i-process .btn:nth-child(3) .circle:after {
	background-image: url(../images/bg_sign08.png);
}

.i-process .btn:nth-child(4) .circle:after {
	background-image: url(../images/bg_sign09.png);
}

.i-process .btn:nth-child(5) .circle:after {
	background-image: url(../images/bg_sign10.png);
}

.i-process .btn:nth-child(6) .circle:after {
	background-image: url(../images/bg_sign11.png);
}

.i-process .btn:nth-child(7) .circle:after {
	background-image: url(../images/bg_sign12.png);
}

.i-process .btn:nth-child(8) .circle:after {
	background-image: url(../images/bg_sign13.png);
}

.i-process {
	/* height: 350px; */
}

.w-f {
	width: 100%;
}

.h-f {
	height: 100%;
}

.fwn {
	font-weight: normal;
}

.tac {
	text-align: center;
}

.t-f {
	transition: all 0.5s;
}

.t-c {
	transition: color 0.5s;
}

.t-bg {
	transition: background 0.5s;
}

@keyframes Circle {
	0% {
		transform: scale(0.5);
		opacity: 0;
	}

	50% {
		transform: scale(1);
		opacity: 0.3;
	}

	100% {
		transform: scale(0.5);
		opacity: 0;
	}
}

        
        
        