﻿/*banner*/
#banner {
	margin-top: 1.2rem;
}
.slider_img {
	width: 100%;
}
/*轮播分页器*/
.swiper-pagination-bullet {
	background: #ffffff;
	opacity: .5;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #ffffff;
}
/*市场*/
.index_market_box {
	display: -webkit-flex;
	-webkit-flex-direction: column;
	display: flex;
	flex-direction: column;
	margin-top: 1rem;
	margin-bottom: 1rem;
	background: url('../images/market_bg.png');
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
}
.index_market_title {
 margin-bottom: .3rem;
	text-align: center;
}
.index_market {
	display: -webkit-flex;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
 padding: 0 .3rem;
	text-align: center;
 margin-top: .1rem;
}
.index_market_item {
	display: -webkit-flex;
	-webkit-flex-direction: column;
	display: flex;
	flex-direction: column;
	width: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}
.index_market div.index_market_item:nth-child(even) {
 padding: .6rem .2rem 0 .25rem;
}
.index_market div.index_market_item:nth-child(odd) {
 padding: .6rem .25rem 0 .2rem;
}
.index_market_item > div {
	position: relative;
	height: 1.5rem;
	text-align: center;
}
.index_market_img {
	width: 1.5rem;
	height: 1.5rem;
	margin: auto;
}
.bg_market_1 {
	background: #83d5ff;
}
.bg_market_2 {
	background: #ff9a97;
}
.bg_market_3 {
	background: #ffda41;
}
.bg_market_4 {
	background: #b997ff;
}
.index_market_item > span {
	text-align: justify;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
/*应用大厅*/
.application_hall {
 padding: 1rem .3rem;
	background: #f8f8f8;
}
.application_hall .application_desc {
 line-height: .4rem;
 margin-top: .2rem;
	text-align: center;
}
.application_cont {
	display: -webkit-flex;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	text-align: center;
 margin-top: .4rem;
	margin-bottom: 1rem;
}
.application_item {
	display: -webkit-flex;
	-webkit-flex-direction: column;
	display: flex;
	flex-direction: column;
	width: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
}
.application_img {
	height: 1.6rem;
}
.application_cont a.application_item:nth-child(even) {
 padding: .6rem .2rem 0 .25rem;
}
.application_cont a.application_item:nth-child(odd) {
 padding: .6rem .25rem 0 .2rem;
}
/*接入流程*/
.index_process {
 margin: 1rem .3rem 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.index_process_list {
	position: relative;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	display: flex;
	flex-direction: column;
	margin-left: 1.1rem;
 margin-top: .6rem;
 margin-bottom: .9rem;
}
.index_process_list:before {
	content: '';
	position: absolute;
	top: 0;
 left: .3rem;
	height: 100%;
	background: #d7e4ed;
	border-left: 1px dashed #36bb81;
	z-index: -1;
}
.index_process_item {
	display: -webkit-flex;
	-webkit-flex-direction: row;
	display: flex;
	flex-direction: row;
	align-items: center;
 padding: .33rem 0;
}
.index_process_left {
 width: .6rem;
 height: .6rem;
	background: url('../images/index_oval.png');
	background-size: 100%;
	background-position: center center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
 line-height: .6rem;
	text-align: center;
 font-size: .3rem;
	color: #fff;
 margin-right: .25rem;
}
/*小程序案例*/
.index_anli {
 padding: 0 .3rem 1rem;
}
.index_anli_list {
 margin-top: .2rem;
	display: -webkit-flex;
	-webkit-flex-direction: row;
	-webkit-flex-wrap: wrap;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.index_anli_list .index_anli_item {
	width: 50%;
	display: -webkit-flex;
	-webkit-flex-direction: column;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.index_anli_list .index_anli_item > img {
	width: 2.5rem;
	height: 2.5rem;
	margin-top: 1rem;
 margin-bottom: .3rem;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.index_anli_list .index_anli_item > span {
 font-size: .28rem;
	color: #333333;
}
.more_anli {
	width: 3rem;
 height: .8rem;
 line-height: .8rem;
	background: #36bb81;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 0;
	text-align: center;
}
.more_anli > a {
	display: block;
}
/*核心优势*/
.index_advantages {
 padding: 1rem .3rem 0;
	background: url('../images/advantages_bg.png');
	background-position: center bottom;
	background-size: 100% 37%;
	background-repeat: no-repeat;
}
.index_advantages_list {
 padding: .7rem .2rem
}
.index_advantages_item {
	display: -webkit-flex;
	-webkit-flex-direction: row;
	display: flex;
	flex-direction: row;
	align-items: center;
 padding: .3rem 0;
}
.index_advantages_item > img {
	width: 1.2rem;
	height: 1.2rem;
	flex-shrink: 0;
}
.advantages_item_text {
 margin-left: .5rem;
}
.advantages_item_text span {
	display: block;
 margin-top: .2rem;
 line-height: .42rem;
 font-size: .28rem;
	color: #666;
}
/*行业热文*/
.hotText_box {
 padding: 1rem .3rem;
	background: #fff;
}
.index_hotText_list {
 margin-top: .5rem;
	overflow: hidden;
}
.hotText_item {
	display: block;
 margin-top: .5rem;
}
.hotText_item > img {
	width: 100%;
	height: 3.7rem;
}
.hotText_item .hotText_cont {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
 padding: .3rem;
	border: 1px solid #f0f0f0;
	border-top: none;
}
.hotText_item .hotText_cont h2 {
 margin: 0 0 .3rem;
	width: 100%;
	word-break: keep-all;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/*开启小程序时代*/
.openEre_box {
	background: url('../images/open_era_bg.png');
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
}
.openEre_cont {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	text-align: center;
 margin-top: .8rem;
}
.openEre_num {
	display: -webkit-flex;
	display: flex;
	text-align: center;
	justify-content: center;
	color: #fff;
}
.openEre_num > span:first-child {
 font-size: .48rem;
}
.openEre_num > span:nth-child(2) {
 font-size: .24rem;
	align-self: flex-end;
 margin-bottom: .08rem;
 padding: 0 .05rem;
}
.openEre_num > span:last-child {
 font-size: .24rem;
 margin-top: .08rem;
}
.openEre_cont > span {
 font-size: .24rem;
	color: #fff;
	opacity: .5;
}
.index_case_box {
	background: url('../images/case_bg_1.png');
	background-size: 100% 100%;
	background-position: center center;
	background-repeat: no-repeat;
 padding: 1rem .5rem;
}
.index_case_box .case_desc {
 font-size: .24rem;
	color: #fff;
 line-height: .4rem;
	text-align: center;
 margin-top: .3rem;
}
.case_cont_box {
	display: -webkit-flex;
	display: flex;
	margin-top: 1rem;
}
.case_cont_box ul {
	list-style: none;
}
.case_cont_box ul.lf_menu {
	border-left: 1px solid rgba(255, 255, 255, .5);
 padding: .3rem 0;
	margin-bottom: 0;
	width: 1.9rem;
	align-self: flex-start;
	flex-shrink: 0;
}
.case_cont_box ul.lf_menu li {
	position: relative;
 line-height: .4rem;
 font-size: .28rem;
	color: rgba(255, 255, 255, .5);
 padding: .2rem 0 .2rem .35rem;
}
.case_cont_box ul.lf_menu li.active {
	color: #fff;
}
.case_cont_box ul.lf_menu li.active::before {
	position: absolute;
	left: 0;
	display: block;
	content: '';
 width: .04rem;
 height: .4rem;
	background: #fff;
}
.case_cont_box ul.rt_cont {
	padding-left: 0;
	margin-bottom: 0;
	align-self: flex-start;
	display: flex;
	flex-wrap: wrap;
	flex: 1;
}
.case_cont_box ul.rt_cont::after {
	display: block;
	content: '';
	width: 0;
	height: 0;
	clear: both;
	overflow: hidden;
}
.case_cont_box ul.rt_cont li {
	width: 50%;
	text-align: center;
 margin-top: .5rem;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
}
.case_cont_box ul.rt_cont li img {
	width: 2rem;
	height: 2rem;
 border: .1rem solid rgba(255, 255, 255, .1);
	border-radius: 50%;
}
.case_cont_box ul.rt_cont li p {
	width: 2rem;
 margin: .2rem 0;
	color: #fff;
 font-size: .24rem;
	text-align: center;
}
.case_cont_box ul.rt_cont li:nth-child(odd) {
	align-items: flex-start;
}
.case_cont_box ul.rt_cont li:nth-child(even) {
	align-items: flex-end;
}
.index_case_box .view_more_btn {
	border: 1px solid #fff;
}
.index_case_box .view_more_btn a {
	color: #fff;
}
/*我要合作*/
.cooperation {
 padding: 1rem .6rem;
}
.cooperation_input_box {
	position: relative;
 margin: .3rem 0;
	border: 1px solid #e9e9e9;
	height: 1rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	line-height: 1rem;
	display: -webkit-flex;
	display: flex;
	align-items: center;/*padding-left: .3rem;*/
}
.cooperation_input_box input {
	-webkit-flex: 1;
	flex: 1;
 text-indent: .9rem;
	line-height: 1rem;
	border: none;
}
.cooperation_input_box .index_ipt_1 {
	background: url(../images/user_icon_def.png);
 background-position: .34rem;
	background-repeat: no-repeat;
 background-size: .23rem .32rem;
}
.index_ipt_1:focus {
	background: url(../images/user_icon_sel.png);
 background-position: .34rem;
	background-repeat: no-repeat;
 background-size: .23rem .32rem;
}
.cooperation_input_box .index_ipt_2 {
	background: url(../images/phone_icon_def.png);
 background-position: .34rem;
	background-repeat: no-repeat;
 background-size: .23rem .32rem;
}
.index_ipt_2:focus {
	background: url(../images/phone_icon_sel.png);
 background-position: .34rem;
	background-repeat: no-repeat;
 background-size: .23rem .32rem;
}
.cooperation_input_box .index_ipt_3 {
	background: url(../images/company_icon_def.png);
 background-position: .34rem;
	background-repeat: no-repeat;
 background-size: .32rem;
}
.index_ipt_3:focus {
	background: url(../images/company_icon_sel.png);
 background-position: .34rem;
	background-repeat: no-repeat;
 background-size: .32rem;
}
.radio-group {
	display: -webkit-flex;
	display: flex;
	align-items: center;
 margin-top: .4rem;
 margin-bottom: .4rem;
}
.radio-group > div:first-child {
 margin-right: .8rem;
}
.radio-box img {
 width: .4rem;
 height: .4rem;
 margin-right: .23rem;
}
.radio-box input {
	opacity: 0;
}
.radio-box label {
 font-size: .3rem;
	color: #333333;
	vertical-align: middle;
	margin-bottom: 0;
	font-weight: normal;
}
.index_submit_btn {
	width: 100%;
	background: #36bb81;
 font-size: .3rem;
	color: #ffffff;
	height: 1rem;
	line-height: 1rem;
	box-sizing: border-box;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
/*联系我们*/
.index_contactUs {
 padding: 1rem .3rem .65rem;
	background: #f8f8f8;
}
.usInfo {
	display: -webkit-flex;
	-webkit-flex-direction: column;
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 1px solid #e9e9e9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
 padding-top: .56rem;
 padding-bottom: .56rem;
	margin-top: 1rem;
}
.usInfo span {
 font-size: .28rem;
	color: #666666;
 line-height: .72rem;
}
.usInfo a.us_phone {
	text-decoration: underline;
	color: #3192ec;
}
.usInfo a.us_phone:hover {
 color: #3192ec !important；
}
