img {
	border: none;
}

a {
	text-decoration: none;
}




/*首页01行业前景*/
.w1400 {
	width: 1400px;
	margin: 0 auto;
	position: relative;margin-top: 30px;
}
.w800 {
	width: 800px;
	margin: 0 auto;
	position: relative;margin-top:30px;
}
.case_box {
	background:#fff;
	height: 1034px;
}
.LINE{
	width:40px;

	margin:8px auto;
	height:2px;
	background:#000;
}
.wow .serve-content-title {
	color: #000;
	font-weight: normal;
	font-size:24px;
	padding-top: -10px;
	padding-bottom: 0px;
	text-align: center;
}
.serve-content-text{
	
	color: #000;
	font-weight: bold;
	font-size: 15px;
	padding-top: -15px;
	padding-bottom: 30px;
	text-align: center;
}
.case_box .category ul {
	padding-left: 50px;
	padding-bottom: 40px;
	display: block;
	height: auto;
	overflow: hidden;
}

.case_box .category ul li {
	float: left;
	font-size: 17px;
	text-align: center;
	width: 115px;
	height: 58px;
	line-height: 58px;
	color: #000;
padding: 0 10px;
	cursor: pointer;
}

.case_box .category ul li.active {
	color: #000;
border-bottom:2px solid #000;
}

.case_box .content {
	padding-left: 50px;
}

.case_box .content .cont {
	height: 650px;
	display: none;
}

.case_box .content .cont.active {
	display: block;
}

.case_box .content .cont img.bg {
	position: absolute;
	right: 80px;
	top: 0;
}

.case_box .content .cont .info {
	position: absolute;
	width: 520px;
	height: 450px;
	background: #fff;
	box-shadow: 0px 0px 70px rgba(157, 179, 208, 0.4);
	left: 80px;
	top: 80px;
	padding: 20px 40px 0;
	
}

.case_box .content .cont .info .title .logo {
	float: left;
	padding-right: 25px;
}

.case_box .content .cont .info .title:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	clear: both;
}

.case_box .content .cont .info .title h4 {
	float: left;
	padding-top: 10px;
	font-size: 16px;
	color: #081232;
}
.case_box .content .cont .info .title h4  em{
	font-size: 16px;
	font-weight:normal;
	border-top:2px solid #000;
	

}
.case_box .content .cont .info p {
	font-size: 14px;
	line-height: 32px;
	padding-top: 30px;
	color: #000;
	

}


/*解决方案*/

*{margin:0;padding:0;list-style:none;font-family:"微软雅黑"}

 ul{list-style:none}
a{text-decoration:none}
.logout-solution-wrap{width:100%;background:#fff}
.logout-solution{max-width:1400px;margin:0 auto;position:relative;}
.logout-solution .title{width:100%;line-height:56px;font-size:40px;color:#333;text-align:center;padding-top: 124px;}
.logout-solution .title a{float:right;text-decoration:none;font-size:14px;color:#000;letter-spacing:0;text-align:right;position:absolute;right:0}
.logout-solution .title a:hover{text-decoration:underline}
.lsbs{height:460px;margin-top:40px;}
.lsbs-container>div:first-child,.lsbs-container>div:first-child a{border-radius:4px 0 0 4px}
.lsbs-container>div:last-child,.lsbs-container>div:last-child a{border-radius:0 4px 4px 0}
.lsb-background{width:460px;height:400px;float:left;}
.lsb-background:nth-child(1){background: url(../images/bg1.png) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb-background:nth-child(2){background: url(../images/bg2.jpg) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb-background:nth-child(3){background: url(../images/bg3.png) center center no-repeat rgb(244, 245, 250);background-size: 100% 100%;}
.lsb{width:100%;height:100%;padding:0px;background:#185291;text-align:center;position:relative;transition:all .7s;display:block;overflow:hidden}
.lsb:hover{cursor:pointer;background:rgba(0,0,0,.5)}
.lsb:hover .lsb-icon{margin-top:-44px}
.lsb:hover .lsb-name{margin-top:106px}
.lsb:hover .lsb-span{margin-top:28px}
.lsb:hover .lsb-introduce{margin-top:16px;margin:0 50px;}
.lsb:hover .lsb-href{margin-top:32px}
.lsb-icon{width:44px;height:44px;margin:auto;margin-top:135px;transition:all .5s}
.lsb-icon img{width:100%;height:100%}
.lsb-name{font-size:16px;color:#fff;margin-top:24px;line-height:33px;transition:all .5s}
.lsb-span{width:24px;height:4px;background:#fff;transition:all .5s;margin:auto;margin-top:24px}
.lsb-introduce{font-size:14px;color:#fff;display:-webkit-box;transition:all .5s;margin-top:136px}
.lsb-href{width:144px;height:40px;padding:9px 18px;border:1px solid #fff;border-radius:2px;text-decoration:none;transition:all .5s;margin:auto;margin-top:32px;color:#fff}
.lsb-href>div{width: 108px;}
.lsb-href span{font-size:16px;line-height:22px;float:left}
.lsb-href .icon-jinru{width:8px;height:22px;line-height:22px;font-family:iconfont!important;font-style:normal;float:right;color:"#fff";font-size:16px}
.lsb-href:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0}
.lsb-href:hover{background:#fff;color:#000}
.lsb-href:hover .icon-jinru{color:#000}
/* 结束*/




/* 关于我们css */


.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}

/* 必要布局样式css */
.home-banner {
    background: #fff;
    height: 930px;
}

.home-banner-box {
    width: 1200px;
    margin: 0 auto;
}

.home-banner-head {
    padding-top: 97px;
    padding-bottom: 0;
    text-align: center;
}

.home-banner-head h2 {
    font-size: 50px;
    color: #333;
    font-weight: normal;
    line-height: 1;
}

.home-banner-body {
    margin-top: 40px;
    position: relative;
}

.home-banner-bg {
    height: 276px;
    position: absolute;
    left: 0;
    top: 114px;
    width: 100%;
    background: url(../images/icon-bg.jpg) no-repeat center center;
}

.home-banner-slider {
    position: absolute;
    width: 1024px;
    top: 0;
    left: 50%;
    margin-left: -512px;
    min-height: 60px;
    /*background:#900;*/
}

.prev, .next {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background: url(../images/icon-row.png) no-repeat 0 0px;
    position: absolute;
    left: 0;
    top: 200px;
    cursor: pointer;
	
}

.next {
    right: 0;
    left: auto;
    background-position: -116px 0px;
}

.prev:hover {
    background-position: 0 -119px;
}

.next:hover {
    background-position: -116px -119px;
}

.home-banner-con {
    width: 740px;
    margin: 0 auto;
}

.home-banner-line {
    width: 100%;
    background: #f5f5f5;
    height: 45px;
}

.home-banner-list {
    padding-top: 17px;
    padding-left: 20px;
    font-size: 0;
}

.item-q {
    width: 10px;
    height: 10px;
    display: inline-block;
    _zoom: 1;
    margin-right: 8px;
    background: #ddd;
    border-radius: 50%;
}

.home-shadow {
    height: 524px;
   
    position: relative;
    background: #fff;
}

.home-banner-text {
    width: 100%;
    text-align: center;
	margin-top: 30px;


   
}


.home-title {
    font-size: 18px;
    color: #333;
    padding-top: 10px;
    padding-bottom: 42px;
    line-height: 1;
    text-align: center;
}

.home-text {
    font-size: 14px;
    color: #000;
    height: 67px;
    text-align: center;
    line-height: 1.8;
    margin-top: -5px;
}

.home-button a {
    width: 184px;
    height: 54px;
    text-align: center;
    border: solid #185291 1px;
    border-radius: 28px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 54px;
    background: #fff;
    display: block;
    color: #000;
    transition: background-color .3s;
}

.home-button a:hover {
    background-color: #185291;
    color: #fff
}
/* 结束*/






/*产品中心 公共样式表css */

/* 必要布局样式css */
.banner-content{
    width: 1400px;
    margin: 0 auto;

}

.banner-content-box{
    position:relative;
}

.banner-nav-left ul{
    position: absolute;
    top: 0;
    left: 0;
    width: 235px;
    height: 630px;
    padding: 10px 25px 20px 20px;
    background: #000;
    background: #185291;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000,endColorstr=#80000000)";
    filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#80000000, endColorstr=#80000000)";
    z-index: 5
}

.banner-nav-left ul li{
    padding: 55px 0 20px;
    color: #fff;
    border-bottom: #ffffff solid 1px;
}
.banner-nav-left ul li h3{
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 500;
}
.banner-nav-left ul li a{
    display: inline-block;
    margin-right: 10px;
    color: #cdcdcd;
    font-size: 14px;
}

.banner-nav-left ul li.bor-none {
    border-bottom: 0;
}

.banner-content .prev{
    position: absolute;
    left: 21%;
    top: 55%;
    margin-top:285px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../images/pre-btn.png) no-repeat;
    filter: alpha(opacity=90);
    opacity: 0.9;
}

.banner-content .next{
    position: absolute;
    right: 1%;
    top: 55%;
    margin-top: 285px;
    display: block;
    width: 32px;
    height: 40px;
    background: url(../images/next-btn.png)  no-repeat;
    filter: alpha(opacity=90);
    opacity: 0.9;
}

.banner-slide{
    position:relative;
}

.banner-slide-circle ul li{
    float: left;
    margin-right: 10px;
    height: 10px;
    width: 10px;
    background: #fff;
    border-radius: 10px;
}

.banner-slide-circle{
    position: absolute;
    right: 20px;
    top: 635px;
    z-index:10002;
}

.banner-slide-circle ul .on{
    cursor: pointer;
    height: 10px;
    width: 20px;
    background: #4d4842;
    border-radius: 5px;
}

.banner-slide-body ul li a img{
    width: 1400px;
    height: 660px;
    display:block;
    border:none;
}




/* 优势css */

* {
	padding: 0;
	margin: 0;
}

b,
em,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
	font-weight: 700;
	font-style: normal;
}

ul,
ol {
	list-style: none;
}

a {
	text-decoration: none;
}
.yun-main-solution{
clear:both;
	width:1400px;
	margin:30px auto;

}


.yun-main-bd {
	padding-top: 30px
}

.w {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.yun-solution-slider {
	margin-top: 30px
}

.yun-solution-slider-content {
	position: relative
}

.yun-solution-slider-content .yun-solution-wrap {
	position: relative;
	height: 459px;
	height: 460px\0;
	
}

.yun-solution-slider-content .yun-solution-item {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	height: 475px;
	color: #fff;
	background-size: cover!important;
	-webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1);
	transition: all .2s cubic-bezier(.4, 0, .2, 1)
}

.yun-solution-slider-content .yun-solution-item.current {
	z-index: 2;
	opacity: 1;
	filter: alpha(opacity=100)
}

.yun-solution-slider-content .yun-solution-item-content {
	margin: 0 auto;
	padding-top: 130px;
	width: 91.66666666666667%;
	max-width: 1100px
}

.yun-solution-slider-content .yun-solution-text-wrap {
	float: left;
	padding-right: 40px;
	width: 590px
}

.yun-solution-slider-content .yun-solution-text-wrap .yun-solution-btn {
	margin-top: 15px;
	display: inline-block;
	box-sizing: border-box;
	min-width: 70px;
	background: #fff;
	color: #000;
	text-align: center;
	padding: 0 30px;
	height: 36px;
	line-height: 36px;
	border-radius: 18px;
	font-size: 14px;
	opacity: .9;
	filter: alpha(opacity=90);
	-webkit-transition: all .25s ease;
	transition: all .25s ease
}

.yun-solution-slider-content .yun-solution-text-wrap .yun-solution-btn:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	box-shadow: 0 0 10px 0 rgba(3, 0, 76, .3)
}

.yun-solution-slider-content .yun-solution-title {
	line-height: 44px;
	font-size: 24px;
	font-weight: 700;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.yun-solution-slider-content .yun-solution-title em {
	font-size: 28px
}

.yun-solution-slider-content .yun-solution-des {
	margin-top: 15px;
	max-height: 120px;
	line-height: 30px;
	overflow: hidden;
	font-size: 16px
}

.yun-solution-slider-content .yun-solution-logo-wrap {
	float: left;
	margin-left: 40px;
	width: 420px;
	max-height: 230px;
	overflow: hidden;
	font-size: 0
}

.yun-solution-slider-content .yun-solution-logo-wrap:after {
	content: "";
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle
}

.yun-solution-slider-content .yun-solution-logo-list {
	display: inline-block
}

.yun-solution-slider-content .yun-solution-logo-list li {
	display: inline-block;
	margin-top: 40px;
	width: 33%;
	vertical-align: middle;
	text-align: left
}

.yun-solution-list-wrap {
	position: relative;
	height: 132px;
	overflow: hidden
}

.yun-solution-list-wrap:hover .yun-solution-btn {
	display: block
}

.yun-solution-list-wrap .yun-solution-btn {
	display: none;
	position: absolute;
	top: 60px;
	width: 40px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 40px;
	color: #000;
	opacity: .6;
	filter: alpha(opacity=60);
	-webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
	transition: all .4s cubic-bezier(.4, 0, .2, 1)
}

.yun-solution-list-wrap .yun-solution-btn:hover {
	opacity: 1;
	filter: alpha(opacity=100)
}

.yun-solution-list-wrap .yun-solution-btn.disabled {
	display: none
}

.yun-solution-list-wrap .yun-solution-btn-prev {
	left: 0
}

.yun-solution-list-wrap .yun-solution-btn-next {
	right: 0
}

.yun-solution-list {
	padding-top: 35px;
	text-align: center;
	font-size: 0
}

.yun-solution-list .yun-solution-list-item {
	display: inline-block;
	vertical-align: top;
	width: 12.5%;
	text-align: center;
	font-size:16px;font-weight:bold;
	cursor: pointer
}

.yun-solution-list .img-wrap {
	margin: 0 auto;
	width: 42px;
	height: 42px;
	overflow: hidden;
	background-size: 42px;
	background-position: 0 0
}

.yun-solution-list .yun-solution-text {
	margin-top: 15px;
	line-height: 20px;
	color: #000
}

.yun-arrow-wrap {
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 0;
	display: table;
	width: 100%;
	height: 18px;
	overflow: hidden
}

.yun-arrow-wrap .yun-arrow-item {
	display: table-cell;
	position: relative;
	width: auto;
	background-color: #fff
}

.yun-arrow-wrap .yun-arrow-triangle {
	width: 1200px;
	height: 17px;
	background-color: transparent
}

.yun-arrow-wrap .yun-arrow-triangle:after,
.yun-arrow-wrap .yun-arrow-triangle:before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 50%;
	box-sizing: border-box
}

.yun-arrow-wrap .yun-arrow-triangle:before {
	right: 50%;
	border-bottom: 18px solid #fff;
	border-right: 22px solid transparent
}

.yun-arrow-wrap .yun-arrow-triangle:after {
	left: 50%;
	border-bottom: 18px solid #fff;
	border-left: 22px solid transparent
}

.yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:before {
	right: 94%
}

.yun-arrow-wrap.yun-arrow-current1 .yun-arrow-triangle:after {
	left: 6%;
	width: 94%
}

.yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:before {
	right: 81%
}

.yun-arrow-wrap.yun-arrow-current2 .yun-arrow-triangle:after {
	left: 19%;
	width: 81%
}

.yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:before {
	right: 69%
}

.yun-arrow-wrap.yun-arrow-current3 .yun-arrow-triangle:after {
	left: 31%;
	width: 69%
}

.yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:before {
	right: 56%
}

.yun-arrow-wrap.yun-arrow-current4 .yun-arrow-triangle:after {
	left: 44%;
	width: 56%
}

.yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:before {
	right: 44%;
	width: 56%
}

.yun-arrow-wrap.yun-arrow-current5 .yun-arrow-triangle:after {
	left: 56%
}

.yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:before {
	right: 31%;
	width: 69%
}

.yun-arrow-wrap.yun-arrow-current6 .yun-arrow-triangle:after {
	left: 69%
}

.yun-arrow-wrap.yun-arrow-current7 .yun-arrow-triangle:before {
	right: 19%;
	width: 81%
}

.yun-arrow-wrap.yun-arrow-current7 .yun-arrow-triangle:after {
	left: 81%
}

.yun-arrow-wrap.yun-arrow-current8 .yun-arrow-triangle:before {
	right: 6%;
	width: 94%
}

.yun-arrow-wrap.yun-arrow-current8 .yun-arrow-triangle:after {
	left: 94%
}









/* 流程css */



.container{width:1180px;margin-right:auto;margin-left:auto;*zoom:1}
.process{padding:80px 0;text-align:center;}
.process h3{font-size:30px;line-height:52px;color:#23292E;font-weight:400;}
.process p{line-height:26px;font-size:14px;color:#999;}
.process .flowline{margin-top:50px;margin-left:40px;*zoom:1}
.process .flowline li{float:left;margin-left:110px;text-align:center;list-style:none}
.process .flowline li .icon-block{position:relative;display:inline-block;width:72px;height:72px;-webkit-border-radius:72px;-moz-border-radius:72px;border-radius:72px;background-color:#181820;line-height:0;margin-top:0}
.process .flowline li .icon-block img{width:32px;height:32px;background:url(../images/icon.png) 0 0 no-repeat;background-size:192px 64px;margin:20px 20px 0 20px}
.process .flowline li .icon-block:before{content:''}
.process .flowline li .icon-block span{margin:0}
.process .flowline li span{display:inline-block;margin-top:20px;font-size:18px;line-height:36px;color:#333}
.process .flowline li.process-0{margin-left:10px}
.process .flowline li.process-1{margin-left:110px}
.process .flowline li.process-4{margin-left:112px}
.process .flowline li.process-5{margin-left:115px}
.process .flowline li.process-5 .flow-line{display:none}
.process .flowline .flow-line{position:absolute;top:36px;left:92px;width:77px;border-bottom:1px dotted #979797}.





/* 招商加盟 */



.zsjm_zong{width:1400px;margin:0 auto;}

.zsjm_1{

	width:1400px;height:360px;margin:10px auto;background:none;
}


.zsjm_2{
	width:690px;height:360px;float:left;background:url(../images/fuchi1.jpg) no-repeat;
}

.zsjm_3{
	width:310px;height:360px;float:left;margin-left:20px;background:url(../images/fuchi2.jpg) no-repeat;
}

.zsjm_4{
	width:170px;height:360px;float:left;margin-left:20px;background:url(../images/fuchi3.jpg) no-repeat;
}
.zsjm_5{
	width:170px;height:360px;float:right;margin-left:20px;background:url(../images/fuchi4.jpg) no-repeat;
}



.zsjm_6{
	width:1400px;height:360px;margin:10px auto;background:#fff;
}


.zsjm_7{
	width:335px;height:360px;float:left;background:url(../images/fuchi5.jpg) no-repeat;
}

.zsjm_8{
	width:335px;height:360px;float:left;margin-left:20px;background:url(../images/fuchi6.jpg) no-repeat;
}

.zsjm_9{
	width:690px;height:360px;float:right;margin-left:20px;background:url(../images/fuchi7.jpg) no-repeat;
}

.zsjm p{
	text-align:center;font-size:16px; line-height:50px;margin-top:310px; color:#fff;
}






/* jmly */
.index_jmly {width:1920px;  height:600px;margin:10px auto;  background:#fff
	
}
.index_jm1200{
	width:1400px;  height:600px;margin:10px auto;
	
	background:url(../images/liuyanbg.jpg) no-repeat;
	
}
.jm_left{
	float:left;
	width:800px;  height:600px;  
	
}
.jm_right{
	float:left;
	width:600px;  height:600px; 
	
}
.jm_right .con{
	float:left;
	width:600px;  height:100px; margin-top:155px;
}

.jm_right .con li {
	height: 55px;
	line-height: 55px;
	font-size: 18px;
	color: #ccc;
	border: 3px solid #eee;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.jm_right .con li {
	color: #aaa;
	margin-left: 18px;
	text-decoration: none;
}

.jm_right .con li a{
	
	color: #fff;font-weight:normal;
	font-size: 26px;
}
.jm_right .con li span {
	color: #fff;
	font-weight: bold;
	font-size: 26px;
}
.jm_right .con p{
text-indent:20px;	
font-size: 16px;
	color: #ccc;	
	height:30px;
	line-height:30px;
}

.optiontest{
	
color: #ccc;	
	
}


/*messages*/
.clears{ clear:both;}
.messages{width:800px;  height:600px; padding-top:105px;padding-left:55px;}
.messages input,.messages select,.messages textarea{margin:0;padding:0; background:#fff;font-size:15px; border:0; font-family:"Microsoft Yahei";}
.messlist {height:50px;margin-bottom:10px;}
.messlist label{float:left;width:70px; height:50px; font-size:14px;color:#fff; line-height:50px; text-align:left;padding-left:50px;}
.messlist input{float:left;width:400px;height:48px;padding-left:5px;border:#666 1px solid;}
.messlist.textareas{ height:auto;}
.messlist textarea{float:left;width:396px; height:110px;padding:5px;border:#666 1px solid;}
.messlist.yzms input{width:100px;height:50px;}
.messlist.yzms a{line-height:230%; color:#ccc;}
.messlist.yzms img{ float:left;margin-left:10px;margin-top:2px;}
.messsub{padding:30px 0 0 120px;}
.messsub input{width:100px; height:35px; background:#ddd; font-size:14px; font-weight:bold; cursor:pointer;margin-right:15px}
.messsub input:hover{ background:#000;color:#fff;}
#label0{display:none;color:#f0f0f0;height:28px;line-height:28px;}
#label1{display:none;color:#f0f0f0;height:28px;line-height:28px;}
#label2{display:none;color:#f0f0f0;height:28px;line-height:28px;}
#label3{display:none;color:#f0f0f0;height:28px;line-height:28px;}
#label4{display:none;color:#f0f0f0;height:28px;line-height:28px;}
#label5{display:none;color:#f0f0f0;height:28px;line-height:28px;}
#label6{display:none;color:#f0f0f0;height:28px;line-height:28px;}
#label7{display:none;color:#f0f0f0;height:28px;line-height:28px;}
#label8{display:none;color:#f0f0f0;height:48px;line-height:48px;}
#label9{display:none;color:#f0f0f0;height:48px;line-height:48px;}
#label10{display:none;color:#f0f0f0;height:48px;line-height:48px;}


/* 加盟流程必要布局样式css */
.i-process .list {
    background: #fff url("../images/line.png") no-repeat center ;
    margin: 0 auto;
    width: 1200px;
    height: 333px;
	font-size:14px;
	font-weight:bold;
	color:#666;
}

.fl {
    float: left;
    display: inline;
}

.fr {
    float: right;
    display: inline;
}

.por {
    position: relative;
}

.poa {
    position: absolute;
}

.flow, .cooperation {
    background-color: #fff;
}

.flow {
    height: 385px;
    text-align: center;
}

.fp-tableCell {
}

.title {
    padding: 60px 0 80px 0;
}

.title-text {
    position: relative;
    padding-bottom: 20px;
    font-size: 34px;
    color: #666666;
    font-weight: normal;
}

.title-text:after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 110px;
    height: 6px;
    margin-left: -52px;
    background-color: #666;
}

.title-description {
    margin-top: 40px;
    color: #b0b0b0;
}

.title-description {
    margin-top: 30px;
}

.inner-item {
    margin: 0 auto;
    position: relative;
}

.i-process {
    position: relative;
    width: 1200px;
    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.cur {
    color: #185291;
}

.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: #000;
    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: #000;
}

.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;
    }
}