body {
	min-width: 1211px;
	box-sizing: border-box;
}

.fr {
	float: right;
}

.fl {
	float: left;
}

.fs-16{
	font-size: 16px!important;
}
.blue-text{
	color: #0177fa!important;
}
.fw-bold{
	font-weight: bold;
}
.fs-20{
	font-size: 20px!important;
}

/*公共头部*/
.cc-header-wrapper {
	width: 100%;
	height: 80px;
	background-color: rgba(252,252,252,1);
	border-bottom: 1px solid #C0C0C0;
	position: fixed;
	top: 0;
	z-index: 99;
}

.holder {
	width: 100%;
	height: 80px;
}

.header-content {
	width: 1100px;
	height: 100%;
	margin: 0 auto;
}

.logo {
	display: inline-block;
	float: left;
	margin-top: 5px;
	width: 190px;
}

.logo img {
	max-width: 190px;
}

.header-tabs {
	height: 100%;
	float: left;
	margin-left: 50px;
	margin-right: 50px;
	line-height: 80px;
}

.header-content .header-item {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	height: 79px;
}
.header-item:nth-child(2){
	text-align: center;
	padding-left: 15px;
	padding-right: 15px;
}
.header-content .header-item a {
	padding: 12px;
	color: #373d40;
}

.header-content .header-item:hover {
	border-bottom: 2px solid #007aff;
}

.header-content .header-item:hover > a {
	color: #007aff;
}

.drop-list {
	 position: absolute;
	 left: 0px;
	 width: 100px;
	 background-color: #000;
	 opacity: 1;
	 text-align: center;
	 display: none;
 }

.drop-item {
	line-height: 60px;
}

.drop-list .drop-item a {
	color: #FFFFFF;
}

.drop-list .drop-item a:hover {
	color: #34a9f8;
	border-bottom: 1px solid #34a9f8;
}

.child-menu{
	display: none;
}

.drop-list1 {
	display: flex;
	position: absolute;
	justify-content: center;
	left: 0px;
	width: 100%;
	height: 110px;
	background-color: rgba(252,252,252,0.9);
	opacity: 1;
	text-align: center;
	z-index: 999999;
}

.drop-list1 .drop-item{
	margin: 0 30px;
	cursor: pointer;
}

.drop-list1 .drop-item a{
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	color: #373d40;
	overflow: hidden;
}

.drop-list1 .drop-item span{
	position: relative;
	top: -45px;
	padding: 0 12px;
	font-size: 12px;
	color: #000000;

 }

.drop-list1 .drop-item  .menu-img {
	display: block;
	margin: 25px auto;
	width: 40px;
	height: 40px;
}
.drop-list1 .drop-item  .menu-img:nth-child(2){
	display: none;
}

.drop-list1 .drop-item:hover  .menu-img:nth-child(1){
	display: none;
}
.drop-list1 .drop-item:hover  .menu-img:nth-child(2){
	display: block;
}


.drop-list1 .drop-item:hover span {
	color: #34a9f8;
}

.drop-list1 .drop-item.menu-active  .menu-img:nth-child(1){
	display: none;
}
.drop-list1 .drop-item.menu-active  .menu-img:nth-child(2){
	display: block;
}
.drop-list1 .drop-item.menu-active span {
	color: #34a9f8;
}


.header-active {
	border-bottom: 2px solid #007aff;
}

.header-content .header-active > a {
	color: #007aff;
}

.login-content {
	float: left;
	line-height: 80px;
	right: 50px;
}

.btn-box {
	display: inline-block;
}

.login-content .login-btn {
	padding: 6px 20px;
	background-color: #00aaff;
	border-radius: 3px;
	color: #FFFFFF;
}

.login-content .login-btn:hover {
	background-color: #007aff;
}

.login-content .register-btn {
	padding: 6px 20px;
	background-color: #FFFFFF;
	border: 1px solid #34a9f8;
	border-radius: 3px;
	color: #34a9f8;
	margin-left: 10px;
}

.login-content .register-btn:hover {
	opacity: 0.7;
}

.login-drop {
	display: none;
	width: 100%;
	height: 110px;
	position: absolute;
	align-items: center;
	left: 0px;
	background-color: rgba(252,252,252,0.93);
	opacity: 1;
	text-align: center;
}

.login-drop .to-login-content{
	display: flex;
	margin: auto;
	justify-content: flex-end;
	align-items:center;
	width: 1180px;
	height: 110px;
	opacity: 1;
	text-align: center;
}
.to-login-content .login-item {
	padding: 0 20px;
	margin-left: 50px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #34A9F8;
	background-color: rgba(252,252,252,0);
	border: 1px solid #34A9F8;
	border-radius: 3px;
	cursor: pointer;
}

.to-login-content .login-item:last-child{
	margin-right: 17px;
}

.to-login-content .login-item:hover {
	background-color: #007aff
;
}

.to-login-content .login-item:hover a {
	color: #ffffff;
}

.to-login-content .login-item a {
	font-size: 14px;
	color: #34A9F8;
}

/*开发者中心*/


.guid-wrapper {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.guid-nav {
	width: 250px;
	float: left;
	background-color: #313a43;
	height: 100%;
	overflow-x: hidden;
	position: relative;
}

.guid-text-container > p{
	line-height: 24px;
	margin: 0;
	font-size: 16px;
	margin-bottom: 16px;
}
/*滚动条样式修改*/

.guid-nav::-webkit-scrollbar {
	width: 7px;
	background-color: #313a43
}

.guid-nav::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: #C0C0C0;
}

.guid-nav ::-webkit-scrollbar-button {
	display: none;
}

.guid-nav ::-webkit-scrollbar-track {
	width: 7px;
	background: #ebebeb;
}

.guid-logo {
	height: 80px;
	text-align: center;
	line-height: 90px;
	width: 250px;
	border-bottom: 1px solid #000;
}

.nav-wrapper{
	width: 250px;
}
.nav-wrapper *{
	box-sizing: border-box;
}

.nav-item {
	text-align: center;
	line-height: 60px;
	position: relative;
}

.nav-item>a {
	display: block;
	color: #FFFFFF;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #000;
	position: relative;
}

.nav-item ul {
	display: none;
}

.nav-item > a > span,.nav-item2 > a > span {
	position: absolute;
	right: 10px;
	top: 0;
	font-size: 25px;
}

.nav-item > a > span:nth-child(1),.nav-item2 > a > span:nth-child(1) {
	display: none;
}

.guid-active > a > span:nth-child(1) {
	display: block;
}

.guid-active > a > span:nth-child(2) {
	display: none;
}

.guid-active ul {
	display: block;
}

.nav-item-li {
	line-height: 30px;
	font-size: 14px;
}

.nav-item2 ul{
	display: none;
}
.nav-item2.guid-active ul {
	display: block;
}
.nav-wrapper .nav-item2.guid-active{
	background-color: transparent;
}
.nav-item2>a{
	display: inline-block;
	height: 60px;
	line-height: 60px;
	width: 100%;
	color: #666;
	padding-left: 21px;
	font-size: 14px;
}
.nav-item2 > a.bgc {
	color: #0177fa;
	background-color: rgba(231, 237, 247, 1)
}

.nav-item-li:hover{
	background-color: #465260;
}

.item-li-active{
	background-color: #465260;
}

.nav-item:hover {
	position: relative;
	z-index: 99;
}

.nav-item:hover::after{
	content: '';
	width: 6px;
	height: 60px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #1d89e4;
	z-index: 10000;
}


.guid-container {
	float: left;
	overflow: auto;
	width: 850px;
	height: 100%;
	background-color: #FFFFFF;
	margin-left: 20px;
	margin-top: 10px;
	padding: 0 30px;
}

.guid-text-container ul.title_ul{
	color: #828282;
	line-height: 25px;
}

.guid-active {
	background-color: #1C2226;
	position: relative;
}


.guid-active::before{
	content: '';
	width: 6px;
	height: 99%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #1C8BE7;
	z-index: 10000;
}

.nav-item > a.bgc{
	background-color: #1C8BE7;
}

.guid-main-wrapper {
	border-left: 5px solid #dfdfdf;
	padding-left: 26px;
}

.guid-title {
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #000000;
	font-weight: normal;
}

.guid-text-container {
	margin-top: 14px;
}

.guid-second-title {
	font-weight: normal;
	display: inline-block;
	border-bottom: 2px solid #1D89E4;
	font-size: 20px;
	margin: 30px 0;
}

.guid-text-container .guid-second-title1 {
	font-size: 18px;
	margin: 20px 0;
	font-weight: bold;
}

.guid-third-title {
	font-weight: normal;
	font-size: 18px;
	position: relative;
	margin-top: 30px;
}

.num-circl-out {
	position: absolute;
	width: 34px;
	height: 34px;
	background: #34A9F8;
	border-radius: 50%;
	opacity: 0.8;
	left: -46px;
	top: -4px;
}

.num-circl-in {
	display: block;
	font-style: normal;
	text-align: center;
	width: 24px;
	height: 24px;
	line-height: 24px;
	background: #1D89E4;
	border-radius: 50%;
	margin: 5px auto;
	color: #FFFFFF;
	font-size: 16px;
}

.guid-text-container .text {
	margin-top: 20px;
	margin-bottom: 20px;
	color: #828282;
}

.guid-text-container .text img{
	max-width: 100%;
	height: auto !important;
}

pre {
	white-space: pre;
	border: 1px solid #34A9F8;
	background-color: #eff2f7;
	color: #1D89E4;
	display: block;
	overflow-x: auto;
	-webkit-text-size-adjust: none;
}

pre code {
	white-space: pre;
	word-wrap: normal;
	display: block;
	padding: 12px;
	font-size: 12px;
}

.docutils {
	width: 100%;
	overflow: auto;
	display: block;
	border: none;
}

table.docutils {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	margin-bottom: 24px;
	margin-top: 10px;
}

.wy-table td,
.rst-content table.docutils td,
.rst-content table.field-list td,
.wy-table th,
.rst-content table.docutils th,
.rst-content table.field-list th {
	font-size: 90%;
	margin: 0;
	overflow: visible;
	padding: 8px 16px;
}

td,
th {
	border: 1px solid #e1e4e5 !important;
	border-collapse: collapse;
	color: #C0C0C0;
	padding: 5px 10px;
	font-size: 14px;
}

.wy-table-bordered-all td,
.rst-content table.docutils td {
	border-left: 1px solid #d0d8dd;
	border-bottom: 1px solid #d0d8dd;
}

.onRed {
	color: red;
}

/*首页*/

.banner-wrapper {
	width: 100%;
	height: 420px;
	background-image: url(../image/index/banner-new.png);
	background-size: 100% 100%;
}

.banner-content {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

.banner-text {
	position: absolute;
	color: #fff;
	width: 370px;
	top: 68px;
	left: 100px;
}

.banner-btn {
	display: block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	margin-top: 30px;
	border-radius: 3px;
}

.banner-btn:after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../image/index/play-btn.png);
	background-size: 100% 100%;
	margin-left: 8px;
	vertical-align: sub;
}

.banner-btn:hover {
	background-color: #FFFFFF;
	color: #007AFF;
}

.banner-text h1 {
	margin: 0;
	font-size: 46px;
	margin-bottom: 15px;
	font-weight: normal;
}

.banner-text p {
	font-size: 16px;
	line-height: 2em;
}

.banner-wrapper img {
	width: 100%;
	height: 420px;
}

.banner-wrapper img.index-banner-img {
	position: absolute;
	right: 80px;
	top: -10px;
	width: 600px;
	height: auto;
}

.index-main-wrapper {
	width: 1200px;
	margin: 0 auto;
}

.product-banner {
	width: 900px;
	height: 200px;
	margin: 0 auto;
	position: relative;
	top: -100px;
	border-radius: 5px;
	background-color: #FFFFFF;
	box-shadow: 3px 3px 3px #C0C0C0;
}

.product-banner .product-banner-item {
	width: 20%;
	height: 100%;
	float: left;
	text-align: center;
}

.product-banner .product-banner-item:before {
	content: '';
	display: block;
	width: 94px;
	height: 92px;
	margin: 30px auto;
}

.product-banner .product-banner-item:nth-child(1):before {
	background-image: url(../image/index/banner-circle-01.png);
}

.product-banner .product-banner-item:nth-child(2):before {
	background-image: url(../image/index/banner-circle-02.png);
}

.product-banner .product-banner-item:nth-child(3):before {
	background-image: url(../image/index/banner-circle-03.png);
}

.product-banner .product-banner-item:nth-child(4):before {
	background-image: url(../image/index/banner-circle-04.png);
}

.product-banner .product-banner-item:nth-child(5):before {
	background-image: url(../image/index/banner-circle-05.png);
}

/*兼容IE8*/

.product-banner .product-banner-item:first-child:before {
	background-image: url(../image/index/banner-circle-01.png);
}

.product-banner .product-banner-item:first-child + li:before {
	background-image: url(../image/index/banner-circle-02.png);
}

.product-banner .product-banner-item:first-child + li + li:before {
	background-image: url(../image/index/banner-circle-03.png);
}

.product-banner .product-banner-item:first-child + li + li + li:before {
	background-image: url(../image/index/banner-circle-04.png);
}

.product-banner .product-banner-item:first-child + li + li + li + li:before {
	background-image: url(../image/index/banner-circle-05.png);
}

.index-main-wrapper-01 {
	background-color: #FFFFFF;
}

.main-title {
	position: relative;
	text-align: center;
	font-size: 38px;
	font-weight: 700;
	color: #1d89e4;
	margin-top: 90px;
}

.title-text {
	text-align: center;
	padding: 15px 0;
	font-size: 22px;
}

.title-text span {
	padding-bottom: 5px;
	border-bottom: 1px solid #35ACFC;
	position: relative;
	color: #373d40;
}

.title-text span:before {
	content: "";
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -30px;
	width: 14px;
	height: 12px;
	background: url(../image/index/down-icon.png) no-repeat;
}

.contact-wrapper {
	width: 1000px;
	margin: 60px auto 90px auto;
}

.contact-item {
	width: 200px;
	height: 200px;
	float: left;
	position: relative;
}

.contact-item-text {
	position: absolute;
	bottom: 48px;
	left: 0;
	width: 100%;
	text-align: center;
	color: #7d8997;
}

.contact-text-color {
	color: #FFFFFF;
}

.item-add {
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	position: relative;
	top: 80px;
}

.index-main-wrapper-02 {
	width: 100%;
	height: 700px;
	background-color: #1d89e4;
	text-align: center;
	border-top: 1px solid #1d89e4;
}

.core-title {
	color: #FFFFFF;
	font-size: 36px;
	margin-top: 60px;
	margin-bottom: 15px;
}

.core-text {
	color: #FFFFFF;
	font-size: 20px;
}

.core-list {
	width: 1170px;
	height: 450px;
	margin: 60px auto;
}

.core-item {
	width: 270px;
	height: 440px;
	float: left;
	margin-right: 26px;
	background-color: #FFFFFF;
	line-height: 1.5em;
	cursor: pointer;
	transition: all 0.4s ease-in-out;
}

.core-item:hover .core-link {
	background-color: #35ACFC;
	color: #FFFFFF;
}

.core-item:hover {
	transform: scale(1.05);
}

.core-item img {
	margin-top: 10px;
}

.core-item h3 {
	font-weight: normal;
	color: #373d40;
}

.core-item h4 {
	margin-bottom: 10px;
	font-weight: normal;
	color: #373d40;
}

.core-item p {
	font-size: 12px;
	color: #7d8997;
}

.core-link {
	display: block;
	width: 160px;
	height: 36px;
	line-height: 36px;
	margin: 15px auto;
	border-radius: 3px;
	border: 1px solid #35ACFC;
	color: #35ACFC;
	transition: all 0.4s ease-in-out;
}

.core-item:nth-child(4) {
	margin-right: 0;
}

.core-item:first-child + li + li + li {
	margin-right: 0;
}

.index-main-wrapper-03 {
	width: 100%;
	height: 1828px;
	text-align: center;
	border-bottom: 1px solid #fff;
}

.percent-title {
	margin-top: 80px;
	font-weight: normal;
	font-size: 36px;
	color: #373d40;
}

.percent-line {
	width: 100px;
	height: 2px;
	background-color: #00a0e9;
	margin: 15px auto;
}

.percent-list {
	width: 800px;
	margin: 30px auto;
}

.percent-item {
	float: left;
	margin-right: 80px;
}

.percent-item:last-child {
	margin-right: 0;
}

.percent-item:first-child + li + li + li {
	margin-right: 0;
}

.business-wrapper {
	width: 100%;
	height: 724px;
	background-image: url(../image/index/business-banner.png);
	background-size: 100% 100%;
	text-align: center;
	border-top: 1px solid #fff;
}

.business-title {
	color: #fff;
	font-size: 38px;
	margin-top: 60px;
	margin-bottom: 15px;
}

.business-text {
	color: #fff;
	font-size: 20px;
	letter-spacing: 2px;
}

.business-list {
	width: 1176px;
	height: 278px;
	margin: 60px auto;
}

.business-item {
	width: 178px;
	height: 278px;
	background-color: #FFFFFF;
	border-radius: 5px;
	line-height: 30px;
	font-size: 14px;
	color: #99a2b1;
	float: left;
	margin-right: 20px;
}

.business-item:nth-child(6) {
	margin-right: 0;
}

.business-item:first-child + li + li + li + li + li {
	margin-right: 0;
}

.business-item img {
	margin-top: 20px;
}

.business-item h5 {
	font-size: 18px;
	color: #333;
	font-weight: 100;
}

.business-contact {
	width: 978px;
	height: 250px;
	background-color: #FFFFFF;
	border-radius: 5px;
	margin: 0 auto;
	position: relative;
	top: 80px;
	box-shadow: 0px 10px 90px 0px rgba(48,65,98,.1);
	border: 1px solid #FFFFFF;
}

.business-contact h2 {
	margin-top: 40px;
	margin-bottom: 15px;
	color: #1d89e4;
	font-size: 30px;
}

.business-contact p {
	font-size: 18px;
	color: #99a2b1;
	line-height: 34px;
}

.business-btn {
	display: block;
	width: 200px;
	height: 40px;
	line-height: 40px;
	background-color: #2c9ef3;
	color: #fff;
	border-radius: 30px;
	margin: 20px auto;
	box-shadow: 0 0px 37px 0px rgba(44,158,243,.4);
}

.custom {
	width: 100%;
	height: 830px;
	background-image: url(../image/index/custom-bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.custom-wrapper {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	top: 240px;
}

.custom-title {
	text-align: center;
	position: relative;
	bottom: 30px;
	font-size: 38px;
	color: #333;
}

.custom-text {
	position: relative;
	top: -10px;
	text-align: center;
	color: #99a2b1;
	font-size: 18px;
}

.custom-list {
	width: 100%;
	margin-top: 40px;
}

.custom-item {
	float: left;
	width: 230px;
	height: 70px;
	margin: 16px 30px;
	background-repeat: no-repeat;
	webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out
}

/*default*/

.custom-item:nth-child(1) {
	background-image: url(../image/index/service-logo-un/custom-fl.png);
}

.custom-item:nth-child(2) {
	background-image: url(../image/index/service-logo-un/custom-bgy.png);
}

.custom-item:nth-child(3) {
	background-image: url(../image/index/service-logo-un/custom-zs.png);
}

.custom-item:nth-child(4) {
	background-image: url(../image/index/service-logo-un/custom-kd.png);
}

.custom-item:nth-child(5) {
	background-image: url(../image/index/service-logo-un/custom-yf.png);
}

.custom-item:nth-child(6) {
	background-image: url(../image/index/service-logo-un/custom-df.png);
}

.custom-item:nth-child(7) {
	background-image: url(../image/index/service-logo-un/custom-hj.png);
}

.custom-item:nth-child(8) {
	background-image: url(../image/index/service-logo-un/custom-ny.png);
}

.custom-item:nth-child(9) {
	background-image: url(../image/index/service-logo-un/custom-zx.png);
}

.custom-item:nth-child(10) {
	background-image: url(../image/index/service-logo-un/custom-gm.png);
}

.custom-item:nth-child(11) {
	background-image: url(../image/index/service-logo-un/custom-gf.png);
}

.custom-item:nth-child(12) {
	background-image: url(../image/index/service-logo-un/custom-gl.png);
}

.custom-item:nth-child(13) {
	background-image: url(../image/index/service-logo-un/custom-slh.png);
}

.custom-item:nth-child(14) {
	background-image: url(../image/index/service-logo-un/custom-qfw.png);
}

.custom-item:nth-child(15) {
	background-image: url(../image/index/service-logo-un/custom-rb.png);
}

.custom-item:nth-child(16) {
	background-image: url(../image/index/service-logo-un/custom-zh.png);
}

/*hover*/

.custom-item:nth-child(1):hover {
	background-image: url(../image/index/service-logo-in/custom-fl.png);
}

.custom-item:nth-child(2):hover {
	background-image: url(../image/index/service-logo-in/custom-bgy.png);
}

.custom-item:nth-child(3):hover {
	background-image: url(../image/index/service-logo-in/custom-zs.png);
}

.custom-item:nth-child(4):hover {
	background-image: url(../image/index/service-logo-in/custom-kd.png);
}

.custom-item:nth-child(5):hover {
	background-image: url(../image/index/service-logo-in/custom-yf.png);
}

.custom-item:nth-child(6):hover {
	background-image: url(../image/index/service-logo-in/custom-df.png);
}

.custom-item:nth-child(7):hover {
	background-image: url(../image/index/service-logo-in/custom-hj.png);
}

.custom-item:nth-child(8):hover {
	background-image: url(../image/index/service-logo-in/custom-ny.png);
}

.custom-item:nth-child(9):hover {
	background-image: url(../image/index/service-logo-in/custom-zx.png);
}

.custom-item:nth-child(10):hover {
	background-image: url(../image/index/service-logo-in/custom-gm.png);
}

.custom-item:nth-child(11):hover {
	background-image: url(../image/index/service-logo-in/custom-gf.png);
}

.custom-item:nth-child(12):hover {
	background-image: url(../image/index/service-logo-in/custom-gl.png);
}

.custom-item:nth-child(13):hover {
	background-image: url(../image/index/service-logo-in/custom-slh.png);
}

.custom-item:nth-child(14):hover {
	background-image: url(../image/index/service-logo-in/custom-qfw.png);
}

.custom-item:nth-child(15):hover {
	background-image: url(../image/index/service-logo-in/custom-rb.png);
}

.custom-item:nth-child(16):hover {
	background-image: url(../image/index/service-logo-in/custom-zh.png);
}

/*IE8兼容*/

/*default*/

.custom-item:first-child {
	background-image: url(../image/index/service-logo-un/custom-fl.png);
}

.custom-item:first-child + li {
	background-image: url(../image/index/service-logo-un/custom-bgy.png);
}

.custom-item:first-child + li + li {
	background-image: url(../image/index/service-logo-un/custom-zs.png);
}

.custom-item:first-child + li + li + li {
	background-image: url(../image/index/service-logo-un/custom-kd.png);
}

.custom-item:first-child + li + li + li + li {
	background-image: url(../image/index/service-logo-un/custom-yf.png);
}

.custom-item:first-child + li + li + li + li + li {
	background-image: url(../image/index/service-logo-un/custom-df.png);
}

.custom-item:first-child + li + li + li + li + li + li {
	background-image: url(../image/index/service-logo-un/custom-hj.png);
}

.custom-item:first-child + li + li + li + li + li + li + li {
	background-image: url(../image/index/service-logo-un/custom-ny.png);
}

.custom-item:first-child + li + li + li + li + li + li + li + li {
	background-image: url(../image/index/service-logo-un/custom-zx.png);
}

.custom-item:first-child + li + li + li + li + li + li + li + li + li {
	background-image: url(../image/index/service-logo-un/custom-gm.png);
}

.custom-item:first-child + li + li + li + li + li + li + li + li + li + li {
	background-image: url(../image/index/service-logo-un/custom-gf.png);
}

.custom-item:first-child + li + li + li + li + li + li + li + li + li + li + li {
	background-image: url(../image/index/service-logo-un/custom-gl.png);
}

.custom-item:first-child + li + li + li + li + li + li + li + li + li + li + li + li {
	background-image: url(../image/index/service-logo-un/custom-slh.png);
}

.custom-item:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li {
	background-image: url(../image/index/service-logo-un/custom-qfw.png);
}

.custom-item:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li {
	background-image: url(../image/index/service-logo-un/custom-rb.png);
}

.custom-item:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li {
	background-image: url(../image/index/service-logo-un/custom-zh.png);
}

/*hover*/

.custom-item:first-child:hover {
	background-image: url(../image/index/service-logo-in/custom-fl.png);
}

.custom-item:first-child + li:hover {
	background-image: url(../image/index/service-logo-in/custom-bgy.png);
}

.custom-item:first-child + li + li:hover {
	background-image: url(../image/index/service-logo-in/custom-zs.png);
}

.custom-item:first-child + li + li + li:hover {
	background-image: url(../image/index/service-logo-in/custom-kd.png);
}

.custom-item:first-child + li + li + li + li:hover {
	background-image: url(../image/index/service-logo-in/custom-yf.png);
}

.custom-item:first-child + li + li + li + li + li:hover {
	background-image: url(../image/index/service-logo-in/custom-df.png);
}

.custom-item:first-child + li + li + li + li + li + li:hover {
	background-image: url(../image/index/service-logo-in/custom-hj.png);
}

.custom-item:first-child + li + li + li + li + li + li + li:hover {
	background-image: url(../image/index/service-logo-in/custom-ny.png);
}

.custom-item:first-child + li + li + li + li + li + li + li + li:hover {
	background-image: url(../image/index/service-logo-in/custom-zx.png);
}

.custom-item:first-child + li + li + li + li + li + li + li + li + li:hover {
	background-image: url(../image/index/service-logo-in/custom-gm.png);
}

.custom-item:first-child + li + li + li + li + li + li + li + li + li + li:hover {
	background-image: url(../image/index/service-logo-in/custom-gf.png);
}

.custom-item:first-child + li + li + li + li + li + li + li + li + li + li + li:hover {
	background-image: url(../image/index/service-logo-in/custom-gl.png);
}

.custom-item:first-child + li + li + li + li + li + li + li + li + li + li + li + li:hover {
	background-image: url(../image/index/service-logo-in/custom-slh.png);
}

.custom-item:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li:hover {
	background-image: url(../image/index/service-logo-in/custom-qfw.png);
}

.custom-item:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li:hover {
	background-image: url(../image/index/service-logo-in/custom-rb.png);
}

.custom-item:first-child + li + li + li + li + li + li + li + li + li + li + li + li + li + li + li:hover {
	background-image: url(../image/index/service-logo-in/custom-zh.png);
}

.index-contact-wrapper {
	width: 100%;
	height: 200px;
	background-color: #1d89e4;
	border-top: 1px solid #1D89E4;
}

.index-contact-text {
	font-size: 30px;
	color: #fff;
	text-align: center;
	margin-top: 60px;
}

.contact-input {
	display: flex;
	justify-content: center;
	margin: 30px auto;
	text-align: center;
}

.contact-input input {
	margin-right: 16px;
	outline: none;
	width: 380px;
	height: 36px;
	line-height: 36px;
	border: none;
	padding-left: 10px;
	border-radius: 3px;
	font-size: 14px;
	color: #99a2b1;
}

.contact-btn {
	display: inline-block;
	width: 120px;
	height: 38px;
	line-height: 38px;
	background-color: #FFFFFF;
	color: #1d89e4;
	font-size: 14px;
	border-radius: 3px;
}

.footer {
	width: 100%;
	height: 679px;
	background-image: url(../image/index/footer-bg.png);
}

.footer-wrapper {
	width: 1200px;
	margin: 0 auto;
}

.video-bg {
	width: 380px;
	height: 215px;
	background: url(../image/index/video-btn.png) no-repeat 100% 50%;
	margin: 0 auto;
	cursor: pointer;
}

.video-wrapper,.video-wrapper-online {
	width: 70%;
	border: 1px solid #000000;
	position: fixed;
	transform: translate(-50%,-50%);
	left:50%;
	top: 50%;
	background-color: #000;
	display: none;
	z-index: 100000;
}
.video-wrapper-online{
	width: 1000px;
}

.video-js {
    width: 100%!important;
    height: 600px;
}

.video-js video{
	/* object-fit: fill; */
}

.video-wrapper .my-video, .video-wrapper-online .online-video{
	width: 100%;
	height: 100%;
}

.video-close {
	float: right;
	cursor: pointer;
	color: #35ACFC;
}
.video-close-online{
	position: absolute;
    right: -12px;
    top: -17px;
    z-index: 10000000000;
	color: #35ACFC;
	cursor: pointer;
}

.footer-text {
	text-align: center;
	color: #FFFFFF;
	margin-top: 30px;
}

.footer-container {
	width: 100%;
	height: 360px;
	border-bottom: 2px solid #333;
}

.link-list-container {
	float: left;
	margin-right: 60px;
}

.link-list-container span {
	color: #c1c9d6;
	font-size: 14px;
	display: inline-block;
	width: 150px;
	vertical-align: top;
	margin-left: 15px;
}

.link-list-titel {
	color: #FFFFFF;
	font-size: 16px;
	margin-bottom: 30px;
}

.link-list-item {
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	color:#7f8693;
}

.link-list-item a:hover {
	color: #35ACFC;
}

.link-list-item a {
	color: #ebf3f6;
}

.footer-touch-wrapper {
	float: right;
	margin-right: 30px;
}

.footer-touch-wrapper > img {
	width: 300px;
	height: 90px;
	margin-right: -15px;
}

.touch-text {
	color: #00c0ff;
	text-align: right;
	margin: 15px 0;
}

.scan {
	margin-top: 30px;
	color: #FFFFFF;
	text-align: center;
	margin-left: 100px;
}

.scan-app {
	display: inline-block;
	margin-right: 30px;
}

.scan-wx {
	display: inline-block;
}

.scan h5 {
	margin-top: 8px;
}

.copy {
	color: #FFFFFF;
	text-align: center;
	line-height: 60px;
}

/*price*/

.price-banner {
	position: relative;
}

.price-btn {
	position: absolute;
	left: 50%;
	bottom: 140px;
	margin-left: -80px;
	width: 160px;
	height: 40px;
	background-color: #FFFFFF;
	color: #35ACFC;
	text-align: center;
	line-height: 40px;
	border-radius: 3px;
	font-size: 16px;
	transition: all 0.4s ease-out;
}

.price-btn:hover {
	background-color: #35ACFC;
	color: #FFFFFF;
}

.price-content {
	width: 100%;
	text-align: center;
	background-color: #dae3e9;
}

.price-container {
	position: relative;
	width: 1200px;
	height: 397px;
	margin: 0 auto;
	background-color: #f3f8fc;
	border: 1px solid #F3F8FC;
}

.price-list {
	position: absolute;
	width: 100%;
	height: 70px;
	left: 0;
	top: -71px;
	cursor: pointer;
}

.price-item {
	width: 240px;
	height: 70px;
	background-color: #526876;
	float: left;
	color: #FFFFFF;
	text-align: center;
	line-height: 70px;
	margin-right: 80px;
}

.price-item:nth-child(4) {
	margin-right: 0;
}

.price-item:first-child + li + li + li {
	margin-right: 0;
}

.price-text {
	width: 850px;
	height: 260px;
	background-color: #FFFFFF;
	border: 1px solid #35ACFC;
	margin: 60px auto;
	text-align: center;
	color: #FFFFFF;
	cursor: pointer;
}

.yly-price {
	width: 350px;
	height: 260px;
	background-color: #35ACFC;
	border: 1px solid #35ACFC;
	margin: 60px auto;
	text-align: center;
	color: #FFFFFF;
	cursor: pointer;
}

.yly-price-text {
	width: 100%;
	height: 100%;
	line-height: 60px;
}

.feature-price {
	width: 35%;
	height: 100%;
	background: #35ACFC;
	float: left;
}

.communication-price {
	float: left;
	width: 65%;
	height: 100%;
}

.feature-price {
	text-align: center;
	line-height: 60px;
}

.feature-title {
	margin-top: 40px;
	font-weight: normal;
}

.feature-btn {
	display: block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
	margin: 15px auto;
	border-radius: 3px;
	transition: all 0.4s ease-out
}

.feature-btn:hover {
	background-color: #FFFFFF;
	color: #35ACFC;
}

.feature-num {
	font-size: 18px;
}

.yuan {
	font-size: 30px;
}

.communication-header {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #007AFF;
}

.communication-main {
	margin-top: 50px;
	color: #00579c;
}

.communication-main li {
	line-height: 50px;
	width: auto;
}

.ykf-price-wrapper {
	width: 650px;
	height: 260px;
	margin: 70px auto;
}

.ykf-price {
	float: left;
	width: 290px;
	height: 260px;
	background-color: #35ACFC;
	color: #FFFFFF;
	text-align: center;
	line-height: 70px;
	cursor: pointer;
}

.ykf-price:nth-child(1) {
	margin-right: 70px;
}

.ykf-title {
	margin-top: 20px;
}

.price-active {
	background-color: #35ACFC;
}

/*右侧漂浮栏*/

.float-right-content {
	display: inline-block;
	position: fixed;
	right: 5px;
	top: 280px;
	z-index: 100;
}

.float-right-content li {
	cursor: pointer;
	border-bottom: 1px solid #FFFFFF;
	position: relative;
	width: 68px;
	height: 72px;
	background-color: #00aaff;
	text-align: center;
	transition: all 0.4s ease-in-out;
}

.float-right-content li.go-top {
	height: 44px;
	display: none;
}

.float-right-content li:hover {
	background-color: #007AFF;
}

.float-right-content li span {
	display: block;
	font-size: 10px;
	color: #FFFFFF;
}

.float-right-content li > img {
	position: relative;
	top: 5px;
}

.float-right-content li .wx-contact-image {
	position: absolute;
	width: 140px;
	height: 140px;
	border: 1px solid #35ACFC;
	background-color: #FFFFFF;
	top: 0px;
	right: 80px;
	display: none;
}

.float-right-content li .wx-contact-image span {
	color: #35ACFC;
	position: relative;
	top: 3px;
}

.float-right-content li .wx-contact-image:after {
	content: '';
	width: 10px;
	height: 10px;
	border-left: 1px solid transparent;
	border-bottom: 1px solid transparent;
	border-right: 1px solid #35ACFC;
	border-top: 1px solid #35ACFC;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	position: absolute;
	right: -7px;
	top: 12px;
	background: #fff;
}

.float-right-content li span.online-hover {
	position: absolute;
	width: 160px;
	height: 40px;
	border: 1px solid #35ACFC;
	background-color: #FFFFFF;
	content: "";
	left: -170px;
	top: 15px;
	color: #35ACFC;
	font-size: 14px;
	line-height: 40px;
	display: none;
}

.online-hover:before {
	content: '';
	width: 10px;
	height: 10px;
	border-left: 1px solid transparent;
	border-bottom: 1px solid transparent;
	border-right: 1px solid #35ACFC;
	border-top: 1px solid #35ACFC;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	position: absolute;
	right: -7px;
	top: 12px;
	background: #fff;
}

.phone-dialog {
	width: 350px;
	position: fixed;
	color: #fff;
	text-align: center;
	top: 50%;
	left: 50%;
	margin: -150px 0 0 -175px;
	color: #fff;
	text-align: center;
	z-index: 10000;
	display: none;
	transition: all 4s ease-in-out;
}

.phone-dialog-header {
	background: #35ACFC;
	line-height: 3;
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0;
	position: relative;
}

.phone-callback-iframe {
	width: 350px;
	height: 350px;
}

.close-phoneDialog {
	position: absolute;
	top: 0px;
	right: 12px;
	font-weight: bolder;
	cursor: pointer;
}

.mark {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 9000;
	background: rgba(0, 0, 0, 0.9);
	display: none;
}

/*帮助页面*/

.help-content {
	width: 1200px;
	height: 900px;
	margin: 0 auto;
}

.help-slide-wrapper {
	width: 200px;
	background-color: #f3f8fc;
	float: left;
	height: 600px;
}

.help-title {
	font-size: 24px;
	font-weight: normal;
	text-align: center;
	margin-top: 15px;
	cursor: pointer;
}

.help-title:before {
	content: '';
	display: inline-block;
	width: 42px;
	height: 30px;
	background: url(../image/help/help-fqa.png) no-repeat;
	background-size: 42px 30px;
	position: relative;
	right: 10px;
	top: 6px;
}

.basic-title {
	margin-left: 50px;
	cursor: pointer;
	position: relative;
}

.basic-list {
	text-align: left;
	margin-left: 50px;
	display: none;
}

.info-list {
	display: block;
}

.basic-item {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	cursor: pointer;
}

.basic-item a {
	color: #333333;
}

.basic-title {
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 500;
}

.basic-title:before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	background-image: url(../image/help/help-def.png);
	background-repeat: no-repeat;
	background-size: 12px 12px;
	left: -20px;
	top: 4px;
}

.help-active {
	color: #35ACFC;
}

.help-active:before {
	content: '';
	position: absolute;
	width: 12px;
	height: 12px;
	background-image: url(../image/help/help-acitve.png);
	background-repeat: no-repeat;
	background-size: 12px 12px;
	left: -20px;
	top: 4px;
}

.help-container {
	width: 950px;
	float: left;
	margin-left: 30px;
}

.help-container-wrapper {
	width: 760px;
	font-size: 14px;
}

.help-n {
	font-size: 16px;
	color: #35ACFC;
	margin-top: 15px;
	margin-bottom: 15px;
}

.help-q {
	margin-bottom: 10px;
}

.help-a {
	margin-left: 1em;
	line-height: 1.5em;
	margin-top: 10px;
	margin-bottom: 10px;
}

.help-a a {
	color: #35ACFC;
}

.help-k {
	color: red;
}

.help-container-wrapper img {
	margin-left: 1em;
}

.dashed-line {
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #C0C0C0;
	margin-top: 15px;
	margin-bottom: 15px;
}

/*案例页面*/

.case-content {
	width: 1200px;
	margin: 60px auto 0;
}

.case-title-zh {
	text-align: center;
	color: #35ACFC;
	margin-bottom: 10px;
}

.case-title-en {
	text-align: center;
	color: #C7CBCD;
}

.case-container {
	width: 1036px;
	margin: 0 auto;
}

.case-tabs {
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #000;
}

.case-tabs-item {
	float: left;
	width: 25%;
	height: 49px;
	text-align: center;
	cursor: pointer;
	color: #99a2b1;
	font-weight: 700;
}

.case-active {
	border-bottom: 3px solid #35ACFC;
}

.case-info {
	margin-top: 15px;
}

.case-list-contaier {
	width: 320px;
	height: 300px;
	float: left;
	margin-top: 48px;
	margin-right: 35px;
	cursor: pointer;
}

.case-list-contaier:hover {
	box-shadow: 5px 5px 5px #ebf2f7;
}

.case-list-contaier:nth-child(3) {
	margin-right: 0;
}

.case-list-contaier:first-child + div + div {
	margin-right: 0;
}

.case-list-title {
	margin-bottom: 10px;
	color: #CBCBCB;
	font-size: 14px;
	font-weight: normal;
}

.case-list-text {
	padding: 8px;
}

.case-list-text h4 {
	font-size: 14px;
	margin-top: 10px;
}

.case-list-text p {
	font-size: 12px;
	line-height: 2em;
}

.cooperation-wrapper {
	margin-top: 130px;
}

.cooperation-tabs {
	width: 950px;
	margin: 50px auto 0;
	height: 70px;
	border-bottom: 1px solid #35ACFC;
}

.cooperation-tabs-item {
	float: left;
	width: 98px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #35ACFC;
	color: #35ACFC;
	margin-right: 20px;
	border-radius: 5px;
	cursor: pointer;
}

.cooperation-tabs-item:last-child {
	margin-right: 0;
}

.cooperation-tabs-item:first-child + li + li + li + li + li + li + li {
	margin-right: 0;
}

.cooperation-active {
	background-color: #35ACFC;
	color: #FFFFFF;
	position: relative;
}

.cooperation-active:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top: 8px solid #35ACFC;
	bottom: -16px;
	left: 38px;
}

.cooperation-list {
	width: 940px;
	margin: 30px auto;
}

.cooperation-list-item {
	width: 210px;
	height: 270px;
	border: 1px solid #35ACFC;
	text-align: center;
	border-radius: 5px;
	float: left;
	margin-right: 28px;
	margin-bottom: 40px;
	cursor: pointer;
	transition: all 0.4s ease-in-out;
}

.cooperation-list-item:first-child + div + div + div {
	margin-right: 0;
}

.cooperation-list-item:last-child {
	margin-right: 0;
}

.cooperation-list-item:hover {
	border: 1px solid transparent;
	box-shadow: 5px 5px 5px 2px #EFF6FC;
}

.cooperation-list-item:hover .cooperation-btn {
	background-color: #35ACFC;
	color: #FFFFFF;
}

.cooperation-title {
	font-weight: normal;
}

.cooperation-text {
	padding: 0px 10px;
	font-size: 12px;
	color: #C0C0C0;
	line-height: 2em;
	height: 28px;
}

.cooperation-btn {
	display: block;
	margin: 2px auto;
	width: 140px;
	height: 35px;
	background-color: #fff;
	text-align: center;
	color: #35ACFC;
	line-height: 35px;
	border: 1px solid #35ACFC;
	border-radius: 20px;
	font-size: 14px;
	transition: all 0.4s ease-in-out;
}

.cooperation-img {
	width: 100%;
	height: 100px;
	transition: all 0.4s ease-in-out;
}

/*金融保险*/

.cooperation-img-01 {
	background: url(../image/case/case-logo-out/gfjj.png) no-repeat;
}

.cooperation-img-02 {
	background: url(../image/case/case-logo-out/gfyh.png) no-repeat;
}

.cooperation-img-03 {
	background: url(../image/case/case-logo-out/ybbx.png) no-repeat;
}

.cooperation-img-04 {
	background: url(../image/case/case-logo-out/zsyh.png) no-repeat;
}

.cooperation-img-05 {
	background: url(../image/case/case-logo-out/zgpa.png) no-repeat;
}

.cooperation-img-06 {
	background: url(../image/case/case-logo-out/zgrmbx.png) no-repeat;
}

.cooperation-img-07 {
	background: url(../image/case/case-logo-out/zgrs.png) no-repeat;
}

.cooperation-img-08 {
	background: url(../image/case/case-logo-out/zxyh.png) no-repeat;
}

/*hover*/

.cooperation-list-item:hover .cooperation-img-01 {
	background: url(../image/case/case-logo-on/gfjj.png);
}

.cooperation-list-item:hover .cooperation-img-02 {
	background: url(../image/case/case-logo-on/gfyh.png);
}

.cooperation-list-item:hover .cooperation-img-03 {
	background: url(../image/case/case-logo-on/ybbx.png);
}

.cooperation-list-item:hover .cooperation-img-04 {
	background: url(../image/case/case-logo-on/zsyh.png);
}

.cooperation-list-item:hover .cooperation-img-05 {
	background: url(../image/case/case-logo-on/zgpa.png);
}

.cooperation-list-item:hover .cooperation-img-06 {
	background: url(../image/case/case-logo-on/zgrmbx.png);
}

.cooperation-list-item:hover .cooperation-img-07 {
	background: url(../image/case/case-logo-on/zgrs.png);
}

.cooperation-list-item:hover .cooperation-img-08 {
	background: url(../image/case/case-logo-on/zxyh.png);
}

/*政府事业*/

.cooperation-img-09 {
	background: url(../image/case/case-logo-out/gdsw.png) no-repeat;
}

.cooperation-img-10 {
	background: url(../image/case/case-logo-out/gzsw.png) no-repeat;
}

.cooperation-img-11 {
	background: url(../image/case/case-logo-out/gzgj.png) no-repeat;
}

.cooperation-img-12 {
	background: url(../image/case/case-logo-out/qgws.png) no-repeat;
}

.cooperation-img-13 {
	background: url(../image/case/case-logo-out/szzf.png) no-repeat;
}

.cooperation-img-14 {
	background: url(../image/case/case-logo-out/zgyc.png) no-repeat;
}

.cooperation-img-15 {
	background: url(../image/case/case-logo-out/zgyz.png) no-repeat;
}

/*hover*/

.cooperation-list-item:hover .cooperation-img-09 {
	background: url(../image/case/case-logo-on/gdsw.png);
}

.cooperation-list-item:hover .cooperation-img-10 {
	background: url(../image/case/case-logo-on/gzsw.png);
}

.cooperation-list-item:hover .cooperation-img-11 {
	background: url(../image/case/case-logo-on/gzgj.png);
}

.cooperation-list-item:hover .cooperation-img-12 {
	background: url(../image/case/case-logo-on/qgws.png);
}

.cooperation-list-item:hover .cooperation-img-13 {
	background: url(../image/case/case-logo-on/szzf.png);
}

.cooperation-list-item:hover .cooperation-img-14 {
	background: url(../image/case/case-logo-on/zgyc.png);
}

.cooperation-list-item:hover .cooperation-img-15 {
	background: url(../image/case/case-logo-on/zgyz.png);
}

/*信息科技*/

.cooperation-img-16 {
	background: url(../image/case/case-logo-out/bd.png) no-repeat;
}

.cooperation-img-17 {
	background: url(../image/case/case-logo-out/de.png) no-repeat;
}

.cooperation-img-18 {
	background: url(../image/case/case-logo-out/hp.png) no-repeat;
}

.cooperation-img-19 {
	background: url(../image/case/case-logo-out/dsl.png) no-repeat;
}

.cooperation-img-20 {
	background: url(../image/case/case-logo-out/xhnf.png) no-repeat;
}

.cooperation-img-21 {
	background: url(../image/case/case-logo-out/lx.png) no-repeat;
}

.cooperation-img-22 {
	background: url(../image/case/case-logo-out/tztx.png) no-repeat;
}

.cooperation-img-23 {
	background: url(../image/case/case-logo-out/hgxy.png) no-repeat;
}

/*hover*/

.cooperation-list-item:hover .cooperation-img-16 {
	background: url(../image/case/case-logo-on/bd.png);
}

.cooperation-list-item:hover .cooperation-img-17 {
	background: url(../image/case/case-logo-on/de.png);
}

.cooperation-list-item:hover .cooperation-img-18 {
	background: url(../image/case/case-logo-on/hp.png);
}

.cooperation-list-item:hover .cooperation-img-19 {
	background: url(../image/case/case-logo-on/dsl.png);
}

.cooperation-list-item:hover .cooperation-img-20 {
	background: url(../image/case/case-logo-on/xhnf.png);
}

.cooperation-list-item:hover .cooperation-img-21 {
	background: url(../image/case/case-logo-on/lx.png);
}

.cooperation-list-item:hover .cooperation-img-22 {
	background: url(../image/case/case-logo-on/tztx.png);
}

.cooperation-list-item:hover .cooperation-img-23 {
	background: url(../image/case/case-logo-on/hgxy.png);
}

/*互联网*/

.cooperation-img-24 {
	background: url(../image/case/case-logo-out/58.png) no-repeat;
}

.cooperation-img-25 {
	background: url(../image/case/case-logo-out/bdwm.png) no-repeat;
}

.cooperation-img-26 {
	background: url(../image/case/case-logo-out/dd.png) no-repeat;
}

.cooperation-img-27 {
	background: url(../image/case/case-logo-out/ub.png) no-repeat;
}

.cooperation-img-28 {
	background: url(../image/case/case-logo-out/xhnf.png) no-repeat;
}

.cooperation-img-29 {
	background: url(../image/case/case-logo-out/tx.png) no-repeat;
}

/*hover*/

.cooperation-list-item:hover .cooperation-img-24 {
	background: url(../image/case/case-logo-on/58.png);
}

.cooperation-list-item:hover .cooperation-img-25 {
	background: url(../image/case/case-logo-on/bdwm.png);
}

.cooperation-list-item:hover .cooperation-img-26 {
	background: url(../image/case/case-logo-on/dd.png);
}

.cooperation-list-item:hover .cooperation-img-27 {
	background: url(../image/case/case-logo-on/ub.png);
}

.cooperation-list-item:hover .cooperation-img-28 {
	background: url(../image/case/case-logo-on/xhnf.png);
}

.cooperation-list-item:hover .cooperation-img-29 {
	background: url(../image/case/case-logo-on/tx.png);
}

/*制造业*/

.cooperation-img-30 {
	background: url(../image/case/case-logo-out/gl.png) no-repeat;
}

.cooperation-img-31 {
	background: url(../image/case/case-logo-out/op.png) no-repeat;
}

.cooperation-img-32 {
	background: url(../image/case/case-logo-out/rsd.png) no-repeat;
}

.cooperation-img-33 {
	background: url(../image/case/case-logo-out/rs.png) no-repeat;
}

.cooperation-img-34 {
	background: url(../image/case/case-logo-out/dfrc.png) no-repeat;
}

/*hover*/

.cooperation-list-item:hover .cooperation-img-30 {
	background: url(../image/case/case-logo-on/gl.png);
}

.cooperation-list-item:hover .cooperation-img-31 {
	background: url(../image/case/case-logo-on/op.png);
}

.cooperation-list-item:hover .cooperation-img-32 {
	background: url(../image/case/case-logo-on/rsd.png);
}

.cooperation-list-item:hover .cooperation-img-33 {
	background: url(../image/case/case-logo-on/rs.png);
}

.cooperation-list-item:hover .cooperation-img-34 {
	background: url(../image/case/case-logo-on/dfrc.png);
}

/*房地产*/

.cooperation-img-35 {
	background: url(../image/case/case-logo-out/hdjt.png) no-repeat;
}

.cooperation-img-36 {
	background: url(../image/case/case-logo-out/fldc.png) no-repeat;
}

.cooperation-img-37 {
	background: url(../image/case/case-logo-out/bgy.png) no-repeat;
}

.cooperation-img-38 {
	background: url(../image/case/case-logo-out/zydc.png) no-repeat;
}

.cooperation-img-39 {
	background: url(../image/case/case-logo-out/gldc.png) no-repeat;
}

.cooperation-img-40 {
	background: url(../image/case/case-logo-out/mth.png) no-repeat;
}

.cooperation-img-41 {
	background: url(../image/case/case-logo-out/zsdc.png) no-repeat;
}

/*hover*/

.cooperation-list-item:hover .cooperation-img-35 {
	background: url(../image/case/case-logo-on/hdjt.png);
}

.cooperation-list-item:hover .cooperation-img-36 {
	background: url(../image/case/case-logo-on/fldc.png);
}

.cooperation-list-item:hover .cooperation-img-37 {
	background: url(../image/case/case-logo-on/bgy.png);
}

.cooperation-list-item:hover .cooperation-img-38 {
	background: url(../image/case/case-logo-on/zydc.png);
}

.cooperation-list-item:hover .cooperation-img-39 {
	background: url(../image/case/case-logo-on/gldc.png);
}

.cooperation-list-item:hover .cooperation-img-40 {
	background: url(../image/case/case-logo-on/mth.png);
}

.cooperation-list-item:hover .cooperation-img-41 {
	background: url(../image/case/case-logo-on/zsdc.png);
}

/*旅游业*/

.cooperation-img-42 {
	background: url(../image/case/case-logo-out/gdds.png) no-repeat;
}

.cooperation-img-43 {
	background: url(../image/case/case-logo-out/gzds.png) no-repeat;
}

.cooperation-img-44 {
	background: url(../image/case/case-logo-out/szgd.png) no-repeat;
}

.cooperation-img-45 {
	background: url(../image/case/case-logo-out/gzrb.png) no-repeat;
}

.cooperation-img-46 {
	background: url(../image/case/case-logo-out/hqc.png) no-repeat;
}

/*hover*/

.cooperation-list-item:hover .cooperation-img-42 {
	background: url(../image/case/case-logo-on/gdds.png);
}

.cooperation-list-item:hover .cooperation-img-43 {
	background: url(../image/case/case-logo-on/gzds.png);
}

.cooperation-list-item:hover .cooperation-img-44 {
	background: url(../image/case/case-logo-on/szgd.png);
}

.cooperation-list-item:hover .cooperation-img-45 {
	background: url(../image/case/case-logo-on/gzrb.png);
}

.cooperation-list-item:hover .cooperation-img-46 {
	background: url(../image/case/case-logo-on/hqc.png);
}

/*其他行业*/

.cooperation-img-47 {
	background: url(../image/case/case-logo-out/hdbq.png) no-repeat;
}

.cooperation-img-48 {
	background: url(../image/case/case-logo-out/db.png) no-repeat;
}

.cooperation-img-49 {
	background: url(../image/case/case-logo-out/sf.png) no-repeat;
}

.cooperation-img-50 {
	background: url(../image/case/case-logo-out/ttkd.png) no-repeat;
}

.cooperation-img-51 {
	background: url(../image/case/case-logo-out/rrc.png) no-repeat;
}

.cooperation-img-52 {
	background: url(../image/case/case-logo-out/sjzd.png) no-repeat;
}

/*hover*/

.cooperation-list-item:hover .cooperation-img-47 {
	background: url(../image/case/case-logo-on/hdbq.png);
}

.cooperation-list-item:hover .cooperation-img-48 {
	background: url(../image/case/case-logo-on/db.png);
}

.cooperation-list-item:hover .cooperation-img-49 {
	background: url(../image/case/case-logo-on/sf.png);
}

.cooperation-list-item:hover .cooperation-img-50 {
	background: url(../image/case/case-logo-on/ttkd.png);
}

.cooperation-list-item:hover .cooperation-img-51 {
	background: url(../image/case/case-logo-on/rrc.png);
}

.cooperation-list-item:hover .cooperation-img-52 {
	background: url(../image/case/case-logo-on/sjzd.png);
}
/*移动坐席*/
.mobile-banner {
	width: 100%;
	height: 420px;
	background-image: url(../image/mobile/banner-01.jpg);
	background-size: cover;
	background-position: center;
	position: relative;
	margin-top: 80px;
	border-top:1px solid #FFFFFF ;
}
.b-img {
	width: 600px;
	position: absolute;
	left: calc(50% - 300px);
	top: 160px;
}
.b-text {
	text-align: center;
	font-size: 32px;
	color: #FFFFFF;
}
.b-text-1{
	margin-top: 50px;
}
.mobile-down-btn {
	text-align: center;
	margin-top: 30px;
}
.b-btn {
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	width: 120px;
	height: 40px;
	line-height: 40px;
	background-color: #FFFFFF;
	border-radius: 30px;
	position: relative;
	padding-left: 30px;
}
.ios-btn {
	color: #607285;
	font-size: 14px;
}
.adr-btn {
	color: #38bb69;
	font-size: 14px;
}
.ios-btn:before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	background: url(../image/mobile/icon-ios.png);
	background-size: cover;
	left: 10px;
	top: 4px;
}
.adr-btn:before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url(../image/mobile/icon-adr.png);
	background-size: cover;
	left: 10px;
	top: 4px;
}
.icon-list-wrapper{
	width: 100%;
	height: 320px;
	background-color: #FFFFFF;
	margin-bottom: 40px;
}
.icon-list-text{
	margin-top: 90px;
	text-align: center;
	color: #333333;
	font-size: 26px;
}
.icon-list-line{
	width: 80px;
	height: 3px;
	background: linear-gradient(#0068ff,#0bd4ff);
	margin: 20px auto;
}
.icon-list {
	width: 900px;
	margin: 60px auto 0;
}
.icon-list li{
	float: left;
	text-align: center;
	margin-right: 25px;
	margin-left: 25px;
}
.icon-list li h3{
	font-size: 16px;
	color: #2a36cb;
	margin-top: 5px;
	margin-bottom: 5px;
}
.icon-list li span {
	font-size: 12px;
	color: #535353;
}
.m-banner{
	width: 100%;
	height: 300px;
	background-image: url(../image/mobile/banner-03.jpg);
	background-size: cover;
	background-position: center;
	border-top: 1px solid #FFFFFF;
}
.m-banner p{
	width: 100%;
	font-size: 30px;
	color: #FFFFFF;
	text-align: center;
}
.m-banner-p{
	margin-top: 100px;
	margin-bottom: 10px;
}
.mobile-s-wrapper{
	width: 100%;
	height: 600px;
	background-color: #FFFFFF;
	position: relative;
}
.mobile-s-img{
	display: block;
	margin: 0 auto;
}
.s-title {
	text-align: center;
	color: #333;
	font-size: 30px;
	margin-top: 25px;
}
.s-text {
	text-align: center;
	color: #5b5b5b;
	font-weight: bold;
}
.fun-wrapper {
	width: 100%;
	height: 700px;
	background-image: url(../image/mobile/banner-04.jpg);
	background-size: cover;
	background-position: center;
	border-top: 1px solid transparent;
}
.fun-content{
	width: 1100px;
	height: 600px;
	margin: 0 auto;
}
.fun-title{
	font-size: 30px;
	text-align: center;
	margin:20px auto 5px;
	color: #fff;
}
.fun-line {
	width: 100px;
	height: 2px;
	margin: 0 auto 60px;
	background-color: #fff;
}
.f-left{
	float: left;
}
.l-item{
	margin-bottom: 80px;
	position: relative;
	cursor: pointer;
}
.l-item:after{
	content: '';
	width: 51px;
	height: 51px;
	position: absolute;
	right: -60px;
	top: 50%;
	margin-top: -25px;
	transition: all .3s;
}
.l-item:hover h3{
	color: #0068FF;
}
.l-01:after{
	background-image: url(../image/mobile/i-01.png);
}
.l-02:after{
	background-image: url(../image/mobile/i-02.png);
}
.l-03:after{
	background-image: url(../image/mobile/i-03.png);
}
.l-01:hover:after{
	background-image: url(../image/mobile/i-h-01.png);
}
.l-02:hover:after{
	background-image: url(../image/mobile/i-h-02.png);
}
.l-03:hover:after{
	background-image: url(../image/mobile/i-h-03.png);
}
.l-container{
	width: 310px;
	height: 110px;
	background-image: url(../image/mobile/left-box.png);
	background-size: cover;
	background-position: center;
}
.l-container h3{
	color: #333;
	font-size: 20px;
	line-height: 50px;
	margin-right: 20px;
	text-align: right;
}
.l-container p{
	width: 90%;
	margin-left: 10px;
	font-size: 14px;
	color: #666;
}
.f-right{
	float: right;
}
.r-item{
	margin-bottom: 80px;
	position: relative;
	cursor: pointer;
}
.r-item:after{
	content: '';
	width: 50px;
	height: 51px;
	position: absolute;
	left: -60px;
	top: 50%;
	margin-top: -25px;
	transition: all .3s;
}
.r-item:hover h3{
	color: #0068FF;
}
.r-01:after{
	background-image: url(../image/mobile/i-04.png);
}
.r-02:after{
	background-image: url(../image/mobile/i-05.png);
}
.r-03:after{
	background-image: url(../image/mobile/i-06.png);
}
.r-01:hover:after{
	background-image: url(../image/mobile/i-h-04.png);
}
.r-02:hover:after{
	background-image: url(../image/mobile/i-h-05.png);
}
.r-03:hover:after{
	background-image: url(../image/mobile/i-h-06.png);
}
.r-container{
	width: 310px;
	height: 110px;
	background-image: url(../image/mobile/right-box.png);
	background-size: cover;
	background-position: center;
}
.r-container h3{
	color: #333;
	font-size: 20px;
	line-height: 50px;
	margin-left: 20px;
	text-align: left;
}
.r-container p{
	width: 90%;
	margin-left: 30px;
	font-size: 14px;
	color: #666;
}
.f-center{
	width: 385px;
	height: 620px;
	float: left;
	margin-top: -40px;
	margin-left: 45px;
	margin-right: 45px;
	background-image: url(../image/mobile/phone.png);
	background-size: cover;
	background-position: center;
	position: relative;
}
.f-item{
	position: absolute;
	left: 51%;
	top:13px;
	margin-left: -141px;
}
.capacity-wrapper{
	width: 100%;
	height: 500px;
	background-image: url(../image/mobile/banner-07.jpg);
	background-size: cover;
	background-position: center;
	position: relative;
}
.capacity-text{
	position: absolute;
	text-align: center;
	right: 280px;
	top: 49%;
}
.capacity-text p{
	display: inline-block;
	margin-right: 50px;
}
.business-num{
	font-size: 36px;
	color: #03db27;
	vertical-align: sub;
}
.app-num{
	font-size: 36px;
	color: #009eff;
	vertical-align: sub;
}
.try-wrapper{
	width: 100%;
	height: 300px;
	background-image: url(../image/mobile/banner-06.png);
	background-size: cover;
	background-position: center;
	border-top: 1px solid transparent;
}
.try-content{
	width: 40%;
	height: 150px;
	background-color: #FFFFFF;
	margin: 75px auto;
	border-radius: 5px;
	box-shadow: 0px 5px 15px 3px #2773fc;
	border-top: 1px solid transparent;
}
.try-content p{
	text-align: center;
	color: #276dfd;
	margin-top: 30px;
	font-size: 24px;
	font-weight: 700;
}
.try-btn{
	display: block;
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 50px;
	margin: 20px auto;
	color: #fff;
	background: linear-gradient(#00c9fe,#0047ff);
}
.app-download{
	width: 100%;
	height: 600px;
	border-top: 1px solid #FFFFFF;
}
.app-content{
	width: 900px;
	margin: 0 auto;
	margin-top: 50px;
}
.app-content div {
	width: 320px;
	height: 500px;
	border: 1px solid #0047FF;
	float: left;
	margin-left: 60px;
	margin-right: 60px;
	border-radius: 5px;
	text-align: center;
}
.app-content div img{
	margin-top: 30px;
}
.app-content div h2{
	margin-top: 10px;
	margin-bottom: 10px;
}
.swiper-container {
  width: 800px;
  height: 400px;
  margin: 0 auto;
  box-shadow: -1px 7px 10px #D0D0D0;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
}
.sw-img{
	position: absolute;
	left: 0;
	top: 0;
}
.sw-content{
	position: absolute;
	right: 100px;
	top: 10px;
	text-align: left
}
.sw-content h1{
	font-size: 82px;
	color: #dcdcdc;
	margin-bottom: 10px;
}
.sw-content h3{
	font-size: 24px;
	color: #1b1b1b;
	margin-bottom: 10px;
}
.sw-content p{
	font-size: 14px;
	color: #434343;
	margin-bottom: 5px;
}
.reg-wrapper{
	width: 500px;
	height: 500px;
	background-color: #FFFFFF;
	border: 2px solid #0047ff;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -250px;
	z-index: 10000;
	display: none;
}
.reg-close{
	position: absolute;
	right: 30px;
	top: 35px;
	cursor: pointer;
}
.reg-title{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
	color: #003eff;
}
.reg-content{
	width: 340px;
	height: 50px;
	border: 1px solid #C0C0C0;
	margin: 0 auto;
	line-height: 50px;
	color: #C0C0C0;
	padding-left:10px;
	margin-bottom: 25px;
	position: relative;
}
.reg-text{
	float: left;
}
.reg-input{
	border: none;
	width: 230px;
	height: 48px;
	line-height: 48px;
	float: left;
	box-sizing: border-box;
}
.reg-btn{
	display: block;
	width: 352px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin: 40px auto;
	color: #FFFFFF;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#00d6fe), to(#003fff));
	background: -webkit-linear-gradient(#00d6fe, #003fff);
	background: -moz-linear-gradient(#00d6fe, #003fff);
	background: -o-linear-gradient(#00d6fe, #003fff);
	background: linear-gradient(#00d6fe, #003fff);
}
.vali-input{
	width: 165px;
}
.vali-btn{
	width: 101px;
	outline: none;
	border: none;
	height: 48px;
	position: absolute;
	right: 0;
	text-align: center;
	background-color: #e9ecf2;
	color: #003eff;
}