/*banner*/
.banner .img {
	padding-bottom: 43%;
}

.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.flex-column {
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

.flex-row {
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}

.g-row {
	width: 1200px;
	margin: 0 auto;
}

/*标题*/
.header-title {
	justify-content: center;
	align-content: center;
	align-items: center;
	width: 100%;
}

.header-title .english-text {
	font-size: .14rem;
	font-weight: 300;
	color: #cccccd;
}

.header-title .english-text2 {
	color: #7f6803;
}

.header-title .chinese-text {
	font-size: .2rem;
	color: #000106;
	font-weight: 600;
}

.header-title .imgline {
	width: 1.4rem;
	height: 1px;
	background: #afafaf;
	position: relative;
	margin-top: .06rem;
}

.header-title .imgline span {
	display: block;
	height: .02rem;
	width: .4rem;
	background: #afafaf;
	position: absolute;
	left: 50%;
	margin-left: -.2rem;
	top: -.01rem;
}

.header-title .p {
	font-size: .12rem;
	color: #868686;
	margin-top: .1rem;
	text-align: center;
}

.header-title .p2 {
	color: #000000;
}

.s_down {
	box-shadow: 0 0 .05rem #888;
}

.index-section{ overflow: hidden;}
/*解决方案*/
.section-item-1 {
	padding: .2rem 0;
	background: #f2f2f2;
}

.section-item-1 .content {
	position: relative;
	justify-content: center;
	align-content: center;
	align-items: center;
	width: 100%;
	padding: .15rem .05rem .15rem .1rem;
}

.section-item-1 .content .box {
	width: 50%;
	float: left;
	position: relative;
	justify-content: center;
	align-content: center;
	align-items: center;
	margin-bottom: .1rem;
	padding-right: .05rem;
}
/*
.section-item-1 .content .box:nth-child(4),
.section-item-1 .content .box:nth-child(5) {
	width: 50%;
}*/

.section-item-1 .content .box .img {
	position: relative;
	width: 100%;
	height: 1rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.section-item-1 .content .box .img .img-icon {
	max-height: 90%;
	max-width: 90%;
	margin: 0 auto;
}

.section-item-1 .content .box .img .img-bg {
	position: absolute;
	bottom: 0px;
	border-radius: 5px 5px 0 0;
}

.section-item-1 .content .box .text {
	position: relative;
	justify-content: center;
	align-content: center;
	align-items: center;
	width: 100%;
	height: .5rem;
	background-color: #fff;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.section-item-1 .content .box .text h3 {
	font-size: .15rem;
	color: #000000;
	font-weight: 600;
}

.section-item-1 .datanumber {
	justify-content: center;
	align-content: center;
	align-items: center;
	width: 100%;
	text-align: center;
}

.datanumber .box {
	width: 25%;
}

.datanumber .number {
	font-size: .16rem;
color: #333;
}

.datanumber .txt {
	font-size: .11rem;
	color: #999;
}

/*方案分析*/
.section-item-2 {
	background: #fff;
}

.f2-icon {
	background-image: url(../images/index/f2_icns.png);
	background-repeat: no-repeat;
	width: .26rem;
	height: .26rem;
	background-size: 100% auto;
}

.f2-zxsc {
	background-position: 0 0;
}

.f2-dhxt {
	background-position: 0 -.26rem;
}

.f2-gyl {
	background-position: 0 -.52rem;
}

.f2-ptkj {
	background-position: 0 -.78rem;
}

.f2-fx {
	background-position: 0 -1.04rem;
}

.f2-vip {
	background-position: 0 -1.28rem;
}

.f2-shop {
	background-position: 0 -1.54rem;
}

.f2-zxjy {
	background-image: url(../images/index/icns_zxjy.png);
}

.f2-hygl {
	background-image: url(../images/index/icns_hygl.png);
}

.f2-ktfx {
	background-image: url(../images/index/icns_ktfx.png);
}

.f2-qynx {
	background-image: url(../images/index/icns_qynx.png);
}

.f2-zstk {
	background-image: url(../images/index/icns_zstk.png);
}

.f2-sqyy {
	background-image: url(../images/index/icns_sqyy.png);
}

.f2-tbk {
	background-image: url(../images/index/icns_tbk.png);
}

.f2-sypt {
	background-image: url(../images/index/icns_sypt.png);
}

.f2-sdxt {
	background-image: url(../images/index/icns_sdxt.png);
}

.f2-dlmjk {
	background-image: url(../images/index/icns_dlmjk.png);
}

.f2-yxhd {
	background-image: url(../images/index/icns_yxhd.png);
}

.f2-szhb {
	background-image: url(../images/index/icns_szhb.png);
}

.f2-qklsc {
	background-image: url(../images/index/icns_qklsc.png);
}

.f2-jys {
	background-image: url(../images/index/icns_jys.png);
}

.f2-dzbqb {
	background-image: url(../images/index/icns_dzbqb.png);
}

.f2-wk {
	background-image: url(../images/index/icns_wk.png);
}

.f2-zl {
	background-image: url(../images/index/icns_zl.png);
}

.f2-qb {
	background-image: url(../images/index/icns_qb.png);
}

.f2-r {
	width: 100%;
	background: #f1f1f5 url(../images/index/bg_ds.jpg) center no-repeat;
	color: #fff;
	background-size: cover;
	background-color: #4f576b;
	padding: .15rem .1rem 0;
}

.section-item-2 .bg_0 {
	background-image: url(../images/index/bg_ds.jpg);
}

.section-item-2 .bg_1 {
	background-image: url(../images/index/bg_ls.jpg);
}

.section-item-2 .bg_2 {
	background-image: url(../images/index/bg_cy.jpg);
}

.section-item-2 .bg_3 {
	background-image: url(../images/index/bg_travel.png);
}

.m-dl2 {
	padding: .2rem .1rem;
}

.m-dt-t1 {
	text-align: center;
	font-size: .16rem;
}

.m-dt-t2 {
	text-align: center;
	font-size: .12rem;
	margin-top: .05rem;
	margin-bottom: .1rem;
}

.f2-l {
	text-align: center;
}

.f2-lul {
	display: inline-block;
	border-radius: .2rem;
	border: 1px solid #2589ff;
}

.f2-lul>li {
	height: .34rem;
	float: left;
	line-height: .34rem;
	text-align: center;
	font-size: .14rem;
	color: #333;
	padding: 0 .12rem;
	transition: background .2s linear;
}

.f2-lul>li:hover,
.f2-lul>li.active {
	background-color: #2589ff;
	border-radius: .2rem;
	color: #fff;
}

.f2-item {
	position: relative;
	display: none;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}

.f2-item.active {
	display: block;
}

.f2-item>.s-fs26 {
	width: 100%;
	text-align: center;
}

.s-fs26 {
	font-size: .18rem;
}

.g-mt10 {
	margin-top: .02rem;
}

.f-ib {
	display: inline-block;
}

.f2-bd {
	font-size: .13rem;
	margin-top: .05rem;
}

.f2-rul {
	width: 100%;
	font-size: 0;
}

.f2-rul>li {
	display: inline-block;
	width: 20%;
	text-align: center;
	font-size: .12rem;
margin-bottom: .1rem;
}

.f2-rul>li i {
	display: block;
	margin: 0 auto;
}

.f2-rul1 {
	width: 100%;
	font-size: 0;
	margin-top: .1rem;
	border-top: 1px dashed rgba(255, 255, 255, .2);
}

.f2-rul1>li {
	width: 25%;
	display: inline-block;
	position: relative;
}

.f2-rul1>li:first-child {
	margin-left: 0;
}

.f2-rul1>li>img {
	height: 100%;
	width: 100%;
}

.f2-rul1-qr {
	position: absolute;
	background-color: #fff;
	border-radius: 4px;
	bottom: 0;
	height: 0;
	left: 0;
	right: 0;
	text-align: center;
	overflow: hidden;
	opacity: 0;
	filter: Alpha(opacity=0);
	font-size: 12px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
}

.f2-rul1-qr>img {
	width: 90px;
	margin: 12px auto 9px;
}

.f2-rul1>li:hover .f2-rul1-qr {
	height: 140px;
	opacity: 1;
	filter: Alpha(opacity=100);
	color: #595961;
}

.f2-box {
	width: 100%;
	margin: .1rem 0;
}

.f2-box>li {
	position: relative;
	width: 100%;
	margin-bottom: .1rem;
}

.f2-box .box {
	border: 1px solid #fff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-box-pack: justify;
	webkit-box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: justify;
	justify-content: flex-start;
}

.f2-box .box .box_l {
	width: .9rem;
	text-align: center;
}

.f2-box .iconimg {
	margin: 0 auto;
	height: .3rem;
	width: .3rem;
}

.f2-box>li .box>p {
	text-align: center;
	font-size: .15rem;
	line-height: 1;
}

.f2-box .txtlist {
	padding: .1rem;
	border-left: 1px solid #fff;
}

.f2-box .txtlist li {
	line-height: .2rem;
	font-size: .12rem;
}

.f2-box .txtlist li:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: .04rem;
	width: .04rem;
	margin-right: .1rem;
	border-radius: 50%;
	background: #fff;
}

/*案例*/
.section-item-3 {
	padding: .2rem 0;
	background: #f2f2f2;
}

.section-item-3 .weapp-case-items {
	margin: 0 auto;
	text-align: center;
	font-size: 0;
	line-height: 1;
}

.section-item-3 .weapp-case-item {
	display: inline-block;
	margin: 0 0 .05rem;
	width: 50%;
}

.section-item-3 .weapp-case-show {
	position: relative;
}

.section-item-3 .weapp-case-pc {
	position: relative;
	top: 0;
	left: -.15rem;
	width: 72%;
}

.section-item-3 .weapp-case-mobi {
	position: absolute;
	width: 48%;
	right: .1rem;
	top: .06rem;
	z-index: 0;
}

.section-item-3 .weapp-case-mobi,
.section-item-3 .weapp-case-pc {
	display: inline-block;
	vertical-align: middle;
}

.section-item-3 .weapp-case-mobi>img,
.section-item-3 .weapp-case-pc>img {
	display: block;
	width: 100%;
	max-width: 100%;
	max-height: 100%;
}

.section-item-3 .weapp-case-qr {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	opacity: 0;
	width: 155px;
	height: 303px;
	border-radius: 30px;
	background-color: rgba(0, 0, 0, .6);
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}

.section-item-3 .weapp-case-qr>img {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 84%;
	border: 10px solid #fff;
	border-radius: 10px;
	background-color: #fff;
}

.section-item-3 .weapp-case-cont {
	margin: .05rem 0 0;
}

.section-item-3 .weapp-case-name {
	margin: 0 0 .05rem;
	font-size: .16rem;
	color: #404040;
}

.section-item-3 .weapp-case-desc {
	font-size: .12rem;
	color: #b2b2b2;
	height: .36rem;
	line-height: .18rem;
}

.section-item-3 .weapp-case-show:hover .weapp-case-mobi .weapp-case-qr {
	/* z-index: 1;
	opacity: 1; */
}


.section-item-4 {
	padding: .2rem 0;
}

.customersList {
	padding-left: .1rem;
}

.customersList li {
	float: left;
}

.customersList li .box {
	width: 100%;
	padding-right: .1rem;

	text-align: center;
	display: block;
}

.customersList li .box .table-cell {
	height: .6rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.customersList .box img {
	max-height: .4rem;
	max-width: 100%;
	margin: 0 auto;
}

.title-tab {
position: relative;
	background: rgba(255, 255, 255, .95);
	width: 100%;
	margin: 0 auto;
	line-height: .4rem;
	height: .4rem;
}

.title-tab:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: auto;
	top: auto;
	height: 1px;
	width: 100%;
	background-color: #e7e7e7;
	display: block;
	z-index: 2;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
}

.scroll-container {
	position: relative;
	height: .4rem;
	overflow: hidden;
}

.title-tab .wrap {
	position: absolute;
	overflow: hidden;
}

.title-tab ul li {
	padding: 0 .1rem;
}

.title-tab ul li a {
	display: inline-block;
	height: .4rem;
	font-size: .15rem;
	text-align: center;
	cursor: pointer;
	color: #999;
}

.title-tab ul li a .iconfont {
	padding-right: .15rem;
	color: #999;
}

.title-tab ul li.active a {
	color: #333;
	position: relative;
}

.title-tab ul li.active a:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 100%;
	background: #5190ec;
}

.title-tab ul li {
	float: left;
}

.future-tabs .tab {
	display: none;
}

.title-tab .scroll-container:after {
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9) 90%);
	width: .2rem;
	height: .4rem;
	position: absolute;
	right: 0;
	top: 0;
	content: "";
	z-index: 10;
}

.title-tab .scroll-container:before {
	background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9) 90%);
	width: .2rem;
	height: .4rem;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	z-index: 10;
}

.blog_selCon .recomnewslist {
	width: 100%;
}

.recomnewslist li .box {
	padding: 0 .1rem;
	background: #f5f5f5;
}

.recomnewslist li .box a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	padding: .1rem 0;
	overflow: hidden;
	border-bottom: 1px solid #e6e6e6;
}

.recomnewslist li:first-child .box a,
.recomnewslist li:last-child .box a {
	border-bottom: none;
}

.recomnewslist li.first .box {
	padding: .1rem .1rem 0;
	height: 1.8rem;
}

.recomnewslist li.first .box a {
	display: block;
	padding: 0;
	height: 100%;
}

.recomnewslist li .bg_img {
	width: .6rem;
	height: .6rem;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
}

.recomnewslist li .four-title {
	max-width: 2.64rem;
	font-size: .16rem
}

.recomnewslist li.first .bg_img {
	width: 100%;
	height: 100%;
	background-position: 50% 50%;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
}

.recomnewslist li.first .four-title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	max-width: 100%;
	background: #000;
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	/*FireFox*/
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	/* Opear */
	background: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
	/*IE10及IE10+*/
	color: #fff;
	padding: .1rem;
}

.blog_selCon .newsList .box {
	padding: 0 .1rem;
	background: #f5f5f5;
}

.blog_selCon .newsList li a {
	position: relative;
	display: block;
	padding: .15rem .22rem .15rem .56rem;
	background: url(../images/icons/inewarr.png) no-repeat right center;
	background-size: .2rem;
	border-bottom: 1px solid #e6e6e6;
}
.blog_selCon .newsList li:last-child a{
	border-bottom: none;
}

.newsList .four-title {
	font-size: .16rem;
	line-height: .24rem;
	height: .48rem;
	display: -webkit-box !important;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.blog_selCon .newsList li .date {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -.24rem;
	font-size: .12rem;
	line-height: .2rem;
	color: #999;
	text-align: center;
	font-family: Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif;
}

.blog_selCon .newsList li .date span {
	display: block;
	font-size: .3rem;
	line-height: .3rem;
	font-weight: bold;
}

.blog_selCon .newsList li a:hover,
.blog_selCon .newsList li a:hover .date {
	color: #3f9cfa !important;
}
.ftInfo{ background: #24222b; padding: .2rem .1rem;}
.ftInfo p{color: #d9d8dd; font-size: .13rem; line-height: 1.8;}
.ftInfo .p1{ font-size: .16rem;}
.ftInfo .tel{ font-size: .22rem;}