/******************index*******************/

.our-serve {
	width: 100%;
	background-color: #EFF0F4;
	padding: 40px 0;
}

.our-serve .thumbnail {
	padding: 8px;
	box-shadow: 2px 3px 5px #888;
}

.our-serve .thumbnail:hover {
	background-color: #E8F6FD;
}

.our-serve .thumbnail .caption {
	padding: 0;
}

.our-serve .thumbnail .caption p {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

.our-serve .serve-cut {
	width: 100%;
	height: 22px;
	background: url("../img/index/a_fuwufenge.png") no-repeat;
	background-size: 100%;
	margin: 10px 0;
}

.our-advantage {
	background-color: #fff;
}

.our-advantage h1.title {
	width: 310px;
	text-align: center;
	margin: 0 auto;
	margin-top: -43px;
	background: #fff;
	font-weight: bold;
}

.our-advantage .advantage-cut {
	width: 100%;
	height: 22px;
	background: url("../img/index/a_youshifenge.png") no-repeat;
	background-size: 100%;
	margin: 10px 0;
}

.our-advantage .thumbnail {
	padding: 8px;
	border: none;
	box-shadow: none;
}

.advantage-img {
	width: 100px;
	height: 100px;
	margin: 0 auto;
}

.shijue {
	background: url("../img/index/a_youshi1@2x.png") no-repeat;
	background-size: 100%;
}

.shijue:hover {
	background: url("../img/index/a_youshi2@2x.png") no-repeat;
	background-size: 100%;
}

.ios {
	background: url("../img/index/a_youshi3@2x.png") no-repeat;
	background-size: 100%;
}

.ios.active {
	background: url("../img/index/a_youshi4@2x.png") no-repeat;
	background-size: 100%;
}

.android {
	background: url("../img/index/a_youshi5@2x.png") no-repeat;
	background-size: 100%;
}

.android.active {
	background: url("../img/index/a_youshi6@2x.png") no-repeat;
	background-size: 100%;
}

.wx {
	background: url("../img/index/a_youshi7@2x.png") no-repeat;
	background-size: 100%;
}

.wx.active {
	background: url("../img/index/a_youshi8@2x.png") no-repeat;
	background-size: 100%;
}

.h5 {
	background: url("../img/index/a_youshi9@2x.png") no-repeat;
	background-size: 100%;
}

.h5.active {
	background: url("../img/index/a_youshi10@2x.png") no-repeat;
	background-size: 100%;
}

.web {
	background: url("../img/index/a_youshi11@2x.png") no-repeat;
	background-size: 100%;
}

.web.active {
	background: url("../img/index/a_youshi12@2x.png") no-repeat;
	background-size: 100%;
}

.app-case {
	background-color: #EFF0F4;
	padding: 30px 0;
}

.app-case h1.title {
	width: 310px;
	text-align: center;
	margin: 0 auto;
	margin-top: -43px;
	background: #EFF0F4;
	font-weight: bold;
}

.case-menu {
	margin-bottom: 30px;
}

.case-menu-list a {
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #DFE0E4;
	cursor: pointer;
}

.case-menu-list a.active {
	background: #1DABEF;
	color: #fff;
}

.case-menu-list a:hover {
	background: #1DABEF;
	color: #fff;
}

.case-content .thumbnail .caption h4 {
	text-align: left;
	margin-top: 10px;
	font-weight: bold;
}

.case-content {
	position: relative;
}

.case-content .pic-btn {
	position: absolute;
	width: 50px;
	height: 50px;
	cursor: pointer;
}

.case-content .prev {
	top: 50%;
	left: -50px;
	margin-top: -25px;
	background: url("../img/index/a_xiayizhang3.png") no-repeat;
	background-size: 100%;
}

.case-content .next {
	top: 50%;
	right: -50px;
	margin-top: -25px;
	background: url("../img/index/a_xiayizhang1.png") no-repeat;
	background-size: 100%;
}

.case-content .prev:hover {
	background: url("../img/index/a_xiayizhang4.png") no-repeat;
	background-size: 100%;
}

.case-content .next:hover {
	background: url("../img/index/a_xiayizhang2.png") no-repeat;
	background-size: 100%;
}

.index .app-process {
	background-color: #2b2e35;
	padding: 60px 0;
}

.index .app-process h1.title {
	width: 310px;
	text-align: center;
	margin: 0 auto;
	margin-top: -43px;
	background: #2b2e35;
	font-weight: bold;
	color: #fff;
}

.index .app-process hr {
	margin-top: 45px;
	border-top: 1px solid #fff;
}

.index .app-process p.msg {
	width: 80%;
	margin: 30px auto;
	text-align: center;
	color: #fff;
}

.index .process-content {
	width: 100%;
	height: 450px;
	background: url("../img/index/line.png") no-repeat;
	background-size: 100%;
	position: relative;
	margin-top: 30px;
}

.index .process-content .process-box {
	position: absolute;
}

.index .process-content .process-box span {
	color: #fff;
	display: inline-block;
	width: 100%;
	text-align: center;
	margin: 5px 0;
	position: absolute;
}

.index .process-content .process-icon {
	width: 70px;
	height: 70px;
	position: relative;
	z-index: 10000;
	transition: transform 300ms;
}

.index .process-content .process-icon:hover {
	transform: scale(1.2);
}

.index .process-content .process-box .icon-list {
	display: none;
}

.gt-icon {
	top: 313px;
	left: 316px;
}

.xq-icon {
	top: 232px;
	left: 77px;
}

.sj-icon {
	top: 9px;
	left: 406px;
}

.qd-icon {
	top: 133px;
	right: 412px;
}

.qd-icon span,
.js-icon span,
.sj-icon span {
	top: -28px;
}

.js-icon {
	top: 34px;
	right: 218px;
}

.cs-icon {
	top: 164px;
	right: 0;
}

.cs-icon span {
	top: 21px;
	right: -56px;
}

.jf-icon {
	top: 290px;
	right: 198px;
}

.gt-icon .process-icon {
	background: url("../img/index/gt.png") no-repeat;
	background-size: 100%;
}

.xq-icon .process-icon {
	background: url("../img/index/xq.png") no-repeat;
	background-size: 100%;
}

.sj-icon .process-icon {
	background: url("../img/index/sj.png") no-repeat;
	background-size: 100%;
}

.qd-icon .process-icon {
	background: url("../img/index/qd.png") no-repeat;
	background-size: 100%;
}

.js-icon .process-icon {
	background: url("../img/index/js.png") no-repeat;
	background-size: 100%;
}

.cs-icon .process-icon {
	background: url("../img/index/cs.png") no-repeat;
	background-size: 100%;
}

.jf-icon .process-icon {
	background: url("../img/index/jf.png") no-repeat;
	background-size: 100%;
}

.xq-icon img {
	position: absolute;
	top: -48px;
	left: -105px;
	z-index: 999;
}

.sj-icon img {
	position: absolute;
	top: 46px;
	left: -98px;
	z-index: 999;
}

.qd-icon img {
	position: absolute;
	top: 36px;
	left: -74px;
	z-index: 999;
}

.js-icon img {
	position: absolute;
	top: 28px;
	left: -82px;
	z-index: 999;
}

.cs-icon img {
	position: absolute;
	top: -113px;
	left: -1px;
	z-index: 999;
}

.jf-icon img {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 999;
}


/****************app������������******************/

.app-info {
	padding: 40px 0;
}

.app-info-title {
	padding: 15px 0;
}

.app-qus-list {
	margin-bottom: 30px;
}

.app-qus-box,
.app-answer-box {
	clear: both;
	overflow: hidden;
}

.app-qus-box .app-qus-icon,
.app-answer-box .app-answer-icon {
	display: inline-block;
	width: 25px;
	height: 25px;
	float: left;
	margin: 0 10px 0 0;
	background: url("../img/index/a_wenti1.png") no-repeat;
	background-size: 100%;
}

.app-qus-box>div,
.app-answer-box>div {
	width: 100%;
}

.app-qus-box>div>h4 {
	margin: 0 0 0 34px;
	padding: 5px 0;
	border-bottom: 1px solid #d7d7d7;
}

.app-answer-box>div>h5 {
	margin: 10px 0 10px 34px;
	color: #999;
	line-height: 20px;
}

.app-answer-box .app-answer-icon {
	background: url("../img/index/a_wenti2.png") no-repeat;
	background-size: 100%;
	margin: 7px 10px 0 0;
}

.app-com .app-com-box {
	border-bottom: 3px solid #1DABEF;
	overflow: hidden;
	width: 100%;
	position: relative;
}

.app-com .app-com-box li {
	float: left;
	width: 25%;
	list-style: none;
}

.app-com .app-com-box .jiantou {
	border-bottom: 10px solid #1DABEF;
	border-top: 0;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	position: absolute;
	bottom: 0;
	left: 480px;
}

.app-com-list .com-list-pic {
	width: 120px;
	height: 120px;
	margin: 20px auto;
}

.com-list-pic1 {
	background: url("../img/index/a_touxiang1.png") no-repeat;
	background-size: 100%;
}

.com-list-pic1.active {
	background: url("../img/index/a_touxiang2.png") no-repeat;
	background-size: 100%;
}

.com-list-pic2 {
	background: url("../img/index/a_touxiang3.png") no-repeat;
	background-size: 100%;
}

.com-list-pic2.active {
	background: url("../img/index/a_touxiang4.png") no-repeat;
	background-size: 100%;
}

.com-list-pic3 {
	background: url("../img/index/a_touxiang5.png") no-repeat;
	background-size: 100%;
}

.com-list-pic3.active {
	background: url("../img/index/a_touxiang6.png") no-repeat;
	background-size: 100%;
}

.com-list-pic4 {
	background: url("../img/index/a_touxiang7.png") no-repeat;
	background-size: 100%;
}

.com-list-pic4.active {
	background: url("../img/index/a_touxiang8.png") no-repeat;
	background-size: 100%;
}

.app-com-title {
	color: #1DABEF;
	margin: 20px 0;
}

.app-com-content {
	color: #999;
}

.we-vooda {
	background: url("../img/index/a_vooda.png") no-repeat;
	background-size: 100%;
}

.index .we-vooda h1.title {
	width: 310px;
	text-align: center;
	margin: 0 auto;
	margin-top: -43px;
	background: #000;
	font-weight: bold;
	color: #fff;
}

.index .we-vooda hr {
	margin-top: 45px;
	border-top: 1px solid #fff;
}

.we-about {
	position: relative;
	width: 100%;
	height: 400px;
	margin: 40px 0;
}

.we-about-back {
	width: 100%;
	height: 400px;
	background: #000;
	opacity: .5;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
}

.we-about-content {
	width: 100%;
	height: 400px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
}

.we-about-content p {
	width: 100%;
	text-align: center;
	color: #fff;
	margin: 25px 0;
	line-height: 40px;
	font-size: 1.5rem;
}

@media (min-width: 1025px) and (max-width: 1440px) {
	.we-about,
	.we-about-back,
	.we-about-content {
		height: 280px;
	}
	.we-about-content p {
		margin: 15px 0;
	}
}

.app-news {
	background: #2B2E35;
	padding: 40px 0;
}

.index .app-news h1.title {
	width: 310px;
	text-align: center;
	margin: 0 auto;
	margin-top: -43px;
	background: #2B2E35;
	font-weight: bold;
	color: #fff;
	font-size: 30px;
}

.index .app-news hr {
	margin-top: 45px;
	border-top: 1px solid #fff;
}

.app-news .media-body h5 a {
	color: #fff;
}

.app-news .media-body p {
	margin: 0;
}

.app-news .media-body p a {
	color: #616772;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.app-news .media-body span {
	color: #616772;
}

.app-news .media-body ul {
	clear: both;
}

.news-list {
	margin-top: 15px;
}

.news-list li {
	list-style: none;
	padding: 10px 0;
}

.news-list li a {
	color: #ADB4CF;
}

#index_nav {
	float: right;
}

.myrow a {
	cursor: default;
}

.button {
	float: right;
	display: inline-block;
	border-radius: 4px;
	border: none;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	padding: 2px;
	/*width: 200px;*/
	transition: all 0.5s;
	cursor: pointer;
	margin-top: 10px;
}

.button:hover {
	/*background-color: #5DC9C9;
	border: 1px solid #000000;*/
}

.button span {
	color: #666;
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
	margin-right: 40px;
}

.button span:after {
	color: #666;
	content: '>>';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.button:hover span {
	padding-right: 25px;
}

.button:hover span:after {
	opacity: 1;
	right: 0;
}

.wenzi {
	position: absolute;
	z-index: 999;
	/*height: 100px;*/
	left: 500px;
	top: 230px;
}

.wenzi h2 {
	margin: 0px;
	font-size: 60px;
	color: #fff;
	font-family: 'Roboto', sans-serif;
}

.wenzi p {
	text-align: center;
	font-size: 22px;
	color: #fff;
	margin: 2em 0px;
}

.jr {
	text-align: center;
}

.jr a {
	display: inline-block;
	border: 1px solid #ffffff;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	background-color: #5DC9C9;
	padding: 14px 0px;
	width: 165px;
	height: 50px;
}

.jr a:hover {
	display: inline-block;
	border: 1px solid #ffffff;
	border-radius: 5px;
	text-align: center;
	color: #5DC9C9;
	background-color: #fff;
	padding: 14px 0px;
	width: 165px;
	height: 50px;
}

#bg {
	display: inline-block;
	float: left;
	opacity: 0.5;
	margin-left: 80px;
}

#bg:hover {
	display: inline-block;
	float: left;
	opacity: 0.5;
	margin-left: 80px;
	border-radius: 30px;
}

#bg_h2 {
	display: inline-block;
	float: right;
	opacity: 0.5;
	height: 200px;
	margin-right: 80px;
}

#bg_h2:hover {
	display: inline-block;
	float: right;
	height: 200px;
	margin-right: 80px;
	border-radius: 30px;
}

.h1_words {
	position: absolute;
	color: #888;
	margin-left: 80px;
	margin-top: 205px;
}

.h2_words {
	position: absolute;
	color: #888;
	margin-top: 205px;
	margin-left: 795px;
}

.team {
	margin-top: 20px;
	position: relative;
}

.fd {
	position: absolute;
	margin-left: 550px;
	margin-top: 20px;
	color: #738088;
}

.fd p:nth-child(2) {
	color: #5DC9C9;
}

.team img {
	border-radius: 50%;
	border: 3px solid #fff;
	height: 200px;
	margin-left: 100px;
}

.wz {
	position: relative;
	float: left;
	margin-top: 30px;
	margin-left: 50px;
}

.wwq {
	display: none;
	color: #738088;
	position: absolute;
	margin-left: 320px;
	margin-top: -160px;
	height: 100px;
	width: 200px;
}

.wwq p:nth-child(2) {
	color: #5DC9C9;
}

.zxy p:nth-child(2) {
	color: #5DC9C9;
}

.mn {
	position: relative;
	margin-top: 30px;
	margin-left: 350px;
	float: left;
}

.zxy {
	display: none;
	position: absolute;
	color: #738088;
	margin-top: -160px;
	margin-left: -70px;
	height: 100px;
	width: 200px;
}

.clearShadow:hover {
	box-shadow: 8px 8px 8px #aaaaaa;
}

.clearMaring {
	margin-bottom: 0px;
}