.app-wrap{}
.banner {position: relative;width: 100%;overflow: hidden;margin: 0 auto;text-align: center;height: 640px;background: url(../img/app/banner.jpg) no-repeat center 0 #f8f3f1;}
.index-title {text-align: center;margin-bottom: 25px;}
.index-btitle {font-size: 34px;}
.index-stitle {
    font-size: 18px;
    margin-top: 20px;
    color: #4d4b4b;
}
.juzhongY {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
/*app 页面st*/
.app-about {width: 1200px;margin: 50px auto;}
.title-1200 {width: 1200px;margin: 0 auto;margin-top: 20px;line-height:36px;}
.app-about-con {margin-top: 50px;}
.app-about-left {width: 620px;float: left;}
.app-about-right {width: 545px;float: right;}
.app-about-left li img {float: left;margin-right: 20px;}
.app-about-left li {height: 73px;margin-bottom: 20px;}
.app-about-title {font-size: 22px;}
.app-about-text {font-size: 16px;margin-top: 8px;}


.app-service {
    width: 1200px;
    margin: 25px auto;
}
.flex-san-box {
	width: 100%;
	height: auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex-san-box li {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 370px;
	height: 386px;
	position: relative;
	width: 370px;
}

.flex-san-box li img {
	width: 100%;
	height: 100%;
}

.flex-san-box li .shade-bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #ffffff;
	border: 1px solid #eeeeee;
}

.flex-san-box li .shade-bg:hover {
	background: #eeeeee;
}

.flex-san-box li .shade-bg:hover .check-detail {
	display: block !important;
}

.flex-san-box li .shade-bg .txt-icon-btn {
	width: 100%;
	height: auto;
	font-size: 14px;
	color: #fff;
}

.flex-san-box li .shade-bg .txt-icon-btn .icon {
	width: 115px;
	height: 115px;
	margin: 0 auto 38px;
	margin-left: 135px;
}

.flex-san-box li .shade-bg .txt-icon-btn .icon.ued {
	background: url(../img/app/app_icon_ued.png) no-repeat;
}

.flex-san-box li:hover .shade-bg .txt-icon-btn .icon.ued {
	background: url(../img/app/app_icon_ued_h.png) no-repeat;
}

.flex-san-box li .shade-bg .txt-icon-btn .icon.ios {
	background: url(../img/app/app_icon_ios.png) no-repeat;
}

.flex-san-box li:hover .shade-bg .txt-icon-btn .icon.ios {
	background: url(../img/app/app_icon_ios_h.png) no-repeat;
}

.flex-san-box li .shade-bg .txt-icon-btn .icon.android {
	background: url(../img/app/app_icon_android.png) no-repeat;
}

.flex-san-box li:hover .shade-bg .txt-icon-btn .icon.android {
	background: url(../img/app/app_icon_android_h.png) no-repeat;
}

.flex-san-box li .shade-bg .txt-icon-btn .icon.weixin {
	background: url(../img/app/app_icon_weixin.png) no-repeat;
}

.flex-san-box li:hover .shade-bg .txt-icon-btn .icon.weixin {
	background: url(../img/app/app_icon_weixin_h.png) no-repeat;
}

.flex-san-box li .shade-bg .txt-icon-btn .icon.xcx {
	background: url(../img/app/app_icon_xcx.png) no-repeat;
}

.flex-san-box li:hover .shade-bg .txt-icon-btn .icon.xcx {
	background: url(../img/app/app_icon_xcx_h.png) no-repeat;
}

.flex-san-box li .shade-bg .txt-icon-btn .icon.web {
	background: url(../img/app/app_icon_web.png) no-repeat;
}

.flex-san-box li:hover .shade-bg .txt-icon-btn .icon.web {
	background: url(../img/app/app_icon_web_h.png) no-repeat;
}

.flex-san-box li .shade-bg .txt-icon-btn .title-txt {
	font-size: 24px;
	line-height: 2em;
	text-align: center;
	color: #010101;
}

.flex-san-box li .shade-bg .txt-icon-btn .txt {
	text-align: center;
	line-height: 2em;
	margin-bottom: 1em;
	color: #767676;
	font-size: 14px;
}

.flex-san-box li .shade-bg .txt-icon-btn .check-detail {
	text-align: center;
	display: none;
	width: 8em;
	margin: 0 auto;
	line-height: 3em;
	border: 1px solid #fff;
	font-size: 14px;
	color: #fff;
}

/*app-advantage*/

.app-advantage {
	margin: 35px auto;
	background: #fafafa;
	padding-top: 50px;
}
.box {
    width: 100%;
    height: auto;
    position: relative;
}
.pb50 {
    padding-bottom: 50px;
}
.app-advcon {
    width: 1200px;
    margin: 0 auto;
}
.ctrl-slide-box {
	border-bottom: 1px solid #e6e6e6;
	width: 756px;
	margin: 0 auto;
	margin-bottom: 50px;
}

.ctrl-slide-box ul {
	float: left;
	display: inline-block;
	border-top: 1px solid #e6e6e6;
	border-left: 1px solid #e6e6e6;
	background: #f8f8f8;
}

.ctrl-slide-box ul li {
	float: left;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-right: 1px solid #e6e6e6;
	cursor: pointer;
}

.ctrl-slide-box ul li.active {
	background: #fff;
	border-top: 1px solid #35cbfd;
}

.slide-of-ctrl .swiper-slide {
	padding-bottom: 38px;
}

.slide-of-ctrl .swiper-slide img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.slide-of-ctrl .swiper-pagination-bullet {
	width: 50px;
	height: 2px;
	background: #bebebf;
	opacity: 1;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}

.slide-of-ctrl .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
}

.slide-of-ctrl .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	/* opacity: 1; */
	background: #333;
	float: left;
	z-index: 10000;
	animation: ainimeta_width 5s linear;
	-moz-animation: ainimeta_width 5s linear;
	-webkit-animation: ainimeta_width 5s linear;
	-o-animation: ainimeta_width 5s linear;
	-ms-animation: ainimeta_width 5s linear;
}

.app-cancon {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.slide-of-ctrl .swiper-pagination-bullet {
	width: 50px;
	height: 2px;
	background: #bebebf;
	opacity: 1;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
}

.slide-of-ctrl .swiper-pagination-bullet.swiper-pagination-bullet-active {
	opacity: 1;
}

.slide-of-ctrl .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	/* opacity: 1; */
	background: #333;
	float: left;
	z-index: 10000;
	animation: ainimeta_width 5s linear;
	-moz-animation: ainimeta_width 5s linear;
	-webkit-animation: ainimeta_width 5s linear;
	-o-animation: ainimeta_width 5s linear;
	-ms-animation: ainimeta_width 5s linear;
}
.link_btn {
	text-align: center;
	display: inline-block;
	position: absolute;
	line-height: 54px;
	border-radius: 27px;
	z-index: 2;
	height: 54px;
	border: 1px solid #59b6d7;
	bottom: 88px;
	width: 221px;
	color: #59b6d7;
	left: 50%;
	margin-left: -110px;
	font-size: 16px;
}

.link_btn:hover {
	background-color: #59b6d7;
	color: #FFF
}



.app-can{}
.app-cancon {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.lm-louceng2-ul1{width: 1176px; margin: 40px auto; font-size: 16px;}
.lm-louceng2-ul1 li{width: 105px; float: left;text-align:center;margin: 0px 90px;margin-bottom:45px;}
.lm-louceng2-ul1 li span{display: block; width: 105px; height: 105px; border-radius: 50%; border: 2px solid #3083d7;}
.lm-louceng2-ul1 li img{margin-top: 24px;}
.lm-louceng2-ul1 li p{margin-top: 15px;color: #3083d7;text-align: center;}
.lm-louceng2-two{padding-top: 75px; padding-bottom: 90px; overflow: hidden;}
.lm-louceng2-ul1 li div{width: 105px; height: 90px;}
.lm-louceng2-ul1 li span{ cursor: pointer; transition:All 0.2s ease-in-out; -webkit-transition:All 0.2s ease-in-out;-moz-transition:All 0.2s ease-in-out; -o-transition:All 0.2s ease-in-out;}
.lm-louceng2-ul1 li span:hover{
	transform: translateY(-10px);
	-ms-transform: translateY(-10px);		
	-webkit-transform: translateY(-10px);	
	-o-transform: translateY(-10px);		
	-moz-transform: translateY(-10px);
}
.lm-louceng2-ul2{}
.lm-louceng2-ul2 li span{border: 2px solid #030303;}
.lm-louceng2-ul2 li p{color: #030303;}
.lm-louceng2-ul1 li{border: 1px solid #eee;width: 200px;margin: 0px 40px;height: 200px;
border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;margin-bottom: 20px;}
.lm-louceng2-ul1 li span{margin-left:45px;margin-top:30px;}

/*定制服务流程*/

.app-process {
	padding: 30px 0px;
	background: #4c90e5;
}

.app-process .index-title {
	color: #fff;
}

.app-process .index-stitle {
	color: #fff;
}

.c-row-inner {
	flex-direction: column;
	width: 100%;
	display: flex;
}

.develop-item {
	margin: 0 auto;
	width: 100%
}

.develop-item .item {
	width: 96px;
	text-align: center;
	float: left;
	display: flex;
	flex-direction: column;
	align-items: center;
	white-space: nowrap;
}

.develop-item .item>a {
	width: 96px;
	height: 96px;
	display: block;
	border-radius: 50%;
	background: rgba(255, 255, 255, .2)
}

.develop-item .item>a>img {
	margin: 18px;
	transition: all .3s
}

.develop-item .item>a>img.bc {
	display: none
}

.develop-item .item>span {
	font-size: 14px;
	color: #fff;
	display: block;
	margin: 20px 0 10px
}

.develop-item .item.active>a,
.develop-item .item:hover>a {
	background: #fff
}

.develop-item .item.active>a>img.bc,
.develop-item .item:hover>a>img.bc {
	display: inline!important
}

.develop-item .item.active>a>img.ac,
.develop-item .item:hover>a>img.ac {
	display: none!important
}

.develop-item .a-right {
	width: 50px;
	height: 50px;
	margin: 30px 40px;
	float: left
}

.develop-item .a-down {
	width: 50px;
	height: 50px;
	margin: 30px 0
}

.develop-item .develop_item_info {
	background: #FFF;
	border-radius: 6px;
	border: 1px solid #dedede;
	margin: 50px 0px;
	width: 755px;
	height: 225px;
	padding: 40px 45px 45px;
	font-size: 1rem
}

.develop-item .develop_item_info>ul.dev_text {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.develop-item .develop_item_info>ul.dev_text>li {
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0
}

.develop-item .develop_item_info>ul.dev_text>li:first-child {
	display: block
}

@media screen and (max-width:768px) {
	.develop-item {
		display: flex;
		flex-wrap: nowrap
	}
	.develop-item>* {
		display: inline-block;
		float: left\9;
		flex-grow: 1;
		flex-shrink: 1
	}
	.develop-item .item>a {
		width: 50px;
		height: 50px;
		margin: auto
	}
	.develop-item .item>a>img {
		margin: 5%;
		width: 90%;
		line-height: 50px
	}
	.develop-item .item span {
		margin-top: 8px;
		font-size: .625rem
	}
	.develop-item .a-down,
	.develop-item .a-right {
		display: none
	}
}
._fr {
	float: right!important;
}
.c-row-inner {
	width: 1000px;
	margin: 0 auto;
}

.dev_text p {
	text-align: left;
	font-size: 16px;
	line-height: 1.5;
	margin-top: 9px;
	margin-bottom: 9px;
	color: #999;
}



.box.app-koubei {
    padding: 50px 0px;
}
.app-koubei .content {
	width: 1200px;
	margin: 0 auto;
}

.app-koubei .min-content {
	width: 940px;
	margin: 0 auto;
}

.juzhongX {
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.jianBian-fafafc {
	background: -webkit-linear-gradient(#fafafc, #fff);
	/* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#fafafc, #fff);
	/* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#fafafc, #fff);
	/* Firefox 3.6 - 15 */
	background: linear-gradient(#fafafc, #fff);
	/* 标准的语法 */
}

.txt-hidden {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.phone-bg {
	width: 356px;
	height: 622px;
}

.hyb-1-bg {
	background: url(../img/app/hyb-1.png?14) no-repeat;
}

.hyb-2-bg {
	background: url(../img/app/hyb-2.png?133) no-repeat;
	background-position: 10px 0;
}

.malai-1-bg {
	background: url(../img/app/malai-1.png?13) no-repeat;
}

.malai-2-bg {
	background: url(../img/app/malai-2.png?13) no-repeat;
	background-position: 10px 0;
}

.xiandai-1-bg {
	background: url(../img/app/xiandai-1.png?12) no-repeat;
}

.xiandai-2-bg {
	background: url(../img/app/xiandai-2.png?1) no-repeat;
	background-position: 10px 0;
}

.pingan-1-bg {
	background: url(../img/app/pingan-1.png?13) no-repeat;
}

.pingan-2-bg {
	background: url(../img/app/pingan-2.png?12) no-repeat;
	background-position: 10px 0;
}

.e-1-bg{
background: url(../img/app/e-1.png?13) no-repeat;
}
.e-2-bg{
 	background: url(../img/app/e-2.png?1) no-repeat;
	background-position: 10px 0;
}

.r-1-bg{
background: url(../img/app/r-1.png?13) no-repeat;
}
.r-2-bg{
background: url(../img/app/r-2.png?12) no-repeat;
	background-position: 10px 0;
}

.m-1-bg{
background: url(../img/app/m-1.png?13) no-repeat;
}

.m-2-bg{
background: url(../img/app/m-2.png?12) no-repeat;
	background-position: 10px 0;
}
.koubei {
	height: 100%;
	position: relative;
}

.koubei .l-phone {
	width: 30%;
	height: 100%;
	position: absolute;
	left: -100px;
	top: 0;
}

.koubei .mid-txt {
	width: 40%;
	height: 100%;
	text-align: center;
	color: #333;
	padding-top: 175px;
	position: relative;
}

.koubei .mid-txt h2 {
	font-size: 32px;
	margin-bottom: 50px;
}

.koubei .mid-txt p {
	text-align: center;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 50px;
}

.koubei .mid-txt h3 {
	display: inline-block;
	font-size: 32px;
	color: #1673b9;
	border-bottom: 2px solid #1673b9;
}
.koubei .mid-txt h5 {
	font-size: 12px;
	color: #1673b9;
	line-height: 2em;
}
.koubei .r-phone {
	width: 30%;
	height: 100%;
	position: absolute;
	right: -100px;
	top: 0;
}
.koubei .mid-txt p.txt-hidden {
	font-size: 32px;
	margin-bottom: 50px;
}




.less-swiper .swiper-container {
	width: 100%;
	height: auto;
}

.less-swiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
}

.less-swiper .swiper-container .swiper-slide {
	height: 654px;
}

.less-swiper .swiper-slide {
	background: none;
}

.swiper-container {
	width: 100%;
	height: auto;
}