.phone-title,.phone-title::before {

	position: absolute;

	background: #fff

}



#zhichiBtnBox,.telephone {

	transition: opacity .5s ease-in-out

}



.footer .footer-inner ul,.sub-nav-outer-website ul,.zc-top-nav .zc-top-nav-inner .nav-outer ul.topnav,ol,ul {

	list-style-type: none;

	list-style-position: inside

}



body,html {

	padding: 0;

	margin: 0;

	color: #545d69;

	font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC",'Microsoft YaHei','WenQuanYi Micro Hei',sans-serif

}



#zhichiBtnBox {

	opacity: 0

}



#zhichiBtnBox.show {

	opacity: 1

}



.phone-title {

	color: #555556;

	font-size: 13px;

	border: 1px solid #ebeff0;

	right: -26px;

	top: -43px;

	line-height: 30px;

	box-shadow: rgba(107,113,114,.14902) 0 2px 4px 0;

	font-family: "Microsoft Yahei",Arial,Helvetica;

	width: 100px;

	height: 30px;

	border-radius: 3px;

	z-index: 100001;

	display: none;

	text-align: center

}



.phone-title.show {

	display: block

}



.phone-title::before {

	content: '';

	bottom: -4px;

	left: 42px;

	width: 10px;

	height: 10px;

	z-index: -1;

	transform: rotate(45deg)

}



.phone-title span {

	line-height: 34px;

	font-size: 13px;

	color: #555556

}



.telephone {

	position: fixed;

	bottom: 20px;

	right: 130px;

	width: 60px;

	height: 60px;

	background: url(../images/phone-e6d5e7e128.png) 19px -357px no-repeat #13c9cb;

	cursor: pointer;

	z-index: 1000000;

	border-radius: 50%;

	box-shadow: rgba(15,66,76,.25) 0 0 14px 0;

	opacity: 0

}



.telephone.show {

	opacity: 1

}



.telephone:hover {

	box-shadow: rgba(15,66,76,.35) 0 0 24px 0

}



.telephonemain {

	display: none;

	position: fixed;

	bottom: -1px;

	right: 50px;

	width: 240px;

	height: 0;

	border-radius: 3px;

	border: 1px solid #13c9cb;

	border-bottom: none;

	z-index: 21474835833

}



.telephonemain .title {

	width: 100%;

	height: 30px;

	background: #13c9cb

}



.telephonemain .phoneicon {

	float: left;

	width: 14px;

	height: 17px;

	background: url(../images/telephone2-b3f65d0985.png);

	margin: 7px 6px 0 12px

}



.telephonemain .txttitle {

	float: left;

	font-size: 12px;

	color: #fff;

	height: 30px;

	line-height: 30px;

	margin: 0

}



.telephonemain .closetelephone {

	float: right;

	width: 8px;

	height: 8px;

	background: url(../images/telephone3-96cb5b5800.png);

	margin: 9px 6px 0 0;

	cursor: pointer

}



.telephonemain .inner {

	width: 100%;

	background: #fff

}



.telephonewidely .telephonemain .inner #telInput {

	width: 204px;

	height: 38px;

	line-height: 38px;

	font-size: 14px;

	padding-left: 6px;

	color: #c4c4c4!important;

	border: 1px solid #13c9cb;

	border-radius: 2px;

	margin-left: 8px;

	margin-top: 10px

}



.telephonemain #callBtn {

	display: block;

	width: 95px;

	height: 33px;

	line-height: 33px;

	cursor: pointer;

	margin: auto;

	font-size: 14px;

	color: #2db6b6;

	border: 0;

	background: 0 0

}







input {

	-webkit-appearance: none

}



.spec .zc-top-nav {

	background-color: transparent;

	box-shadow: 0 0 0 transparent

}



.spec .zc-top-nav .zc-top-nav-inner .logo-outer {

	background-position: -130px -68px

}



.spec .zc-top-nav .zc-top-nav-inner .nav-outer ul.topnav li.top-nav-item>a,.spec .zc-top-nav .zc-top-nav-inner .nav-outer ul.topnav li.top-nav-item>span {

	color: #fff

}



.spec .zc-top-nav .zc-top-nav-inner .nav-outer ul.topnav li.top-nav-item em {

	background-position: -40px -29px

}



.spec .zc-top-nav-m {

	background-color: transparent;

	border-bottom: 0

}



.spec .zc-top-nav-m .register-link {

	background-color: transparent;

	border: 1px solid #fff

}



.spec .zc-top-nav-m .switch-btn li,.zc-top-nav {

	background-color: #fff

}



.spec .zc-top-nav-m .switch-btn {

	cursor: pointer

}



.spec .zc-top-nav-m .logo-outer img {

	display: none

}



.spec .zc-top-nav-m .logo-outer img.white {

	display: inline-block

}



.zc-top-nav {

	height: 65px;

	width: 100%;

	position: fixed;

	top: 0;

	z-index: 10000;



	color: #545d69;

	transition: background-color .3s ease-out;

	box-shadow: 0 0 13px rgba(0,0,0,.2)

}



.zc-top-nav .zc-top-nav-inner {

	max-width: 1200px;

	box-sizing: border-box;

	padding: 0 30px;

	margin: auto;

	height: 100%

}



.zc-top-nav .zc-top-nav-inner .nav-outer {

	height: 100%;

	float: right;

	min-width: 10px;

	position: relative

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer {

	position: absolute;

	top: 100%;

	display: none;

	overflow: hidden;

	left: -280px;

	height: 130px;

	min-width: 10px;

	width: 840px;

	background-color: #fff;

	box-shadow: 0 0 13px rgba(0,0,0,.1);

	border-radius: 2px

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer.solution {

	width: 720px;

	left: -170px

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul {

	list-style-type: none;

	list-style-position: inside;

	margin: 0;

	padding: 0;

	overflow: hidden;

	height: 100%

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li {

	height: 100%;

	float: left;

	width: 120px;

	box-sizing: border-box;

	position: relative

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li.active,.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li:hover {

	background-color: #f6f6f9

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li a {

	text-decoration: none

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li:last-child:after {

	display: none

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li:after {

	content: " ";

	display: block;

	height: 99px;

	width: 1px;

	background-color: #edf1f5;

	position: absolute;

	right: 0;

	top: 14px

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li .icon-logo {

	margin: 25px auto auto;

	height: 33px;

	width: 39px;

	background-image: url(../images/major_spirite-9e4f87e8ce.png)

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li .icon-logo.solution {

	height: 24px;

	margin-bottom: 18px;

	background-position: -53px -3px

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li .icon-logo.cloud {

	height: 34px;

	margin-bottom: 8px;

	background-position: -95px 0

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li .icon-logo.robot {

	height: 26px;

	margin-bottom: 16px;

	width: 44px;

	background-position: -141px 0

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li .icon-logo.manual {

	height: 31px;

	margin-bottom: 11px;

	background-position: -186px 0

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li .icon-logo.workorder {

	height: 31px;

	margin-bottom: 11px;

	background-position: -224px 0

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li .icon-logo.app {

	height: 31px;

	width: 25px;

	margin-bottom: 11px;

	background-position: -264px 0

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li .icon-logo.platform {

	height: 33px;

	margin-bottom: 11px;

	background-position: -293px 0

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li .icon-logo.economic {

	height: 35px;

	margin-bottom: 11px;

	background-position: 2px -259px

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li .icon-logo.education {

	height: 35px;

	margin-bottom: 11px;

	background-position: -36px -259px

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li .icon-logo.business {

	height: 35px;

	margin-bottom: 11px;

	background-position: -76px -259px

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li .icon-logo.company {

	height: 35px;

	margin-bottom: 11px;

	background-position: -119px -259px

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li .icon-logo.life {

	height: 35px;

	margin-bottom: 11px;

	background-position: -162px -259px

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li .icon-logo.other {

	height: 35px;

	margin-bottom: 11px;

	background-position: -203px -259px

}



.zc-top-nav .zc-top-nav-inner .nav-outer ul.topnav li.top-nav-item.active em,.zc-top-nav .zc-top-nav-inner .nav-outer ul.topnav li.top-nav-item:hover em {

	background-position: -40px -6px

}



.zc-top-nav .zc-top-nav-inner .nav-outer .sub-nav-outer ul li .text {

	max-width: 85px;

	margin: auto;

	font-size: 14px;

	line-height: 17px;

	color: #535b6d;

	text-align: center

}



.zc-top-nav .zc-top-nav-inner .nav-outer ul.topnav {

	margin: 0;

	padding: 0;

	height: 100%

}



.zc-top-nav .zc-top-nav-inner .nav-outer ul.topnav li.top-nav-item {

	height: 100%;

	line-height: 65px;

	float: left;

	padding-right: 40px;

	font-size: 16px;

	cursor: pointer

}



.zc-top-nav .zc-top-nav-inner .nav-outer ul.topnav li.top-nav-item>a {

	color: #545d69;

	text-decoration: none;

	transition: color .3s ease-in-out;

	display: block;

}



.zc-top-nav .zc-top-nav-inner .nav-outer ul.topnav li.top-nav-item>span {

	color: #6a7383;

	transition: color .3s ease-in-out

}



.zc-top-nav .zc-top-nav-inner .nav-outer ul.topnav li.top-nav-item.active>a,.zc-top-nav .zc-top-nav-inner .nav-outer ul.topnav li.top-nav-item.active>span,.zc-top-nav .zc-top-nav-inner .nav-outer ul.topnav li.top-nav-item:hover>a,.zc-top-nav .zc-top-nav-inner .nav-outer ul.topnav li.top-nav-item:hover>span {

	color: #09aeb0

}



.zc-top-nav .zc-top-nav-inner .nav-outer ul.topnav li.top-nav-item:hover .sub-nav-outer {

	display: block

}



.zc-top-nav .zc-top-nav-inner .nav-outer ul.topnav li.top-nav-item em {

	margin-left: 8px;

	font-style: normal;

	height: 6px;

	width: 11px;

	position: relative;

	top: -2px;

	background-image: url(../images/major_spirite-9e4f87e8ce.png);

	background-position: -40px -18px;

	display: inline-block

}



.zc-top-nav .zc-top-nav-inner .dingding-outer {

	width: 98px;

	height: 24px;

	float: left;

	margin-top: 17px;

	margin-left: 20px

}



.zc-top-nav .zc-top-nav-inner .dingding-outer .dingding-logo,.zc-top-nav .zc-top-nav-inner .dingding-outer img {

	height: 100%

}



.zc-top-nav .zc-top-nav-inner .logo-outer {

	cursor: pointer;

	float: left;

	margin-top: 15px;

	width: 135px;

	height: 35px;

	background-position: 0 -70px;

	background-image: url(../images/major_spirite-9e4f87e8ce.png)

}



.zc-top-nav .zc-top-nav-inner .logo-outer .logo-text {

	display: inline-block;

	vertical-align: middle;

	height: 34px;

	text-align: left

}



.zc-top-nav .zc-top-nav-inner .logo-outer .logo-text .text {

	font-size: 16px;

	font-weight: 700;

	color: #333;

	transition: color .3s ease-in-out;

	max-width: 65px

}



.zc-top-nav .zc-top-nav-inner .logo-outer .logo-text .text.spec {

	font-size: 12px;

	font-weight: 400;

	position: relative;

	left: -8px;

	top: -3px;

	transform: scale(.7)

}



.zc-top-nav .zc-top-nav-inner .logo-outer .logo-image {

	height: 34px;

	background-position: -2px -35px;

	vertical-align: middle;

	display: inline-block;

	width: 34px;

	background-image: url(../images/major_spirite-9e4f87e8ce.png)

}



.common-waist,.footer {

	background-position: center 0

}



.zc-top-nav .zc-top-nav-inner .buttons-outer {

	height: 100%;

	float: right;

	min-width: 20px

}



.zc-top-nav .zc-top-nav-inner .buttons-outer a.btn {

	background-color: transparent;

	border: 1px solid #09aeb0;

	border-radius: 2px;

	color: #09aeb0;

	text-align: center;

	text-decoration: none;

	line-height: 34px;

	display: inline-block;

	width: 178px;

	font-size: 14px;

	margin-top: 15px;

	transition: background-color .2s ease-in-out;

	height: 34px

}



.zc-top-nav-m.show .sub-nav,.zc-top-nav-m.show div.sub-nav-ul .production-list .sub-sub-nav {

	height: auto;

	min-height: 10px

}



.zc-top-nav .zc-top-nav-inner .buttons-outer a.btn:hover {

	background-color: rgba(9,174,176,.1)

}



.zc-top-nav .zc-top-nav-inner .buttons-outer a.btn.btn-register {

	background-color: #09aeb0;

	margin-left: 10px;

	color: #fff

}



.zc-top-nav .zc-top-nav-inner .buttons-outer a.btn.btn-register:hover {

	background-color: #039d9f

}



.zc-top-nav-m {

	transition: background-color .3s ease-in-out,border-width .3s ease-in-out;

	background-color: #fff;

	width: 100%;

	position: fixed;

	z-index: 10000;

	min-height: 50px;

	border-bottom: 1px solid #e0e5eb

}



.zc-top-nav-m.show .sub-nav {

	opacity: 1;

	border-top: 1px solid #e0e5eb

}



.zc-top-nav-m .sub-nav {

	width: 100%;

	height: 0;

	overflow: hidden;

	clear: both;

	opacity: 0;

	transition: opacity .3s ease-in-out;

	background-color: #f8f8f8;

	margin-top: 10px

}



.zc-top-nav-m .sep-line {

	height: 1px;

	clear: both

}



.zc-top-nav-m div.sub-nav-ul:after {

	content: " ";

	display: block;

	height: 1px;

	visibility: hidden;

	clear: both

}



.zc-top-nav-m div.sub-nav-ul .links-list {

	float: left;

	width: 37%

}



.zc-top-nav-m div.sub-nav-ul .links-list li {

	height: 44px;

	line-height: 44px;

	margin-top: 15px;

	text-align: left;

	box-sizing: border-box

}



.zc-top-nav-m div.sub-nav-ul .links-list li:active {

	background-color: #e8ecec

}



.zc-top-nav-m div.sub-nav-ul .links-list li a {

	padding-left: 16px;

	display: block;

	width: 100%;

	height: 100%;

	font-size: 15px;

	color: #6d7787;

	text-decoration: none

}



.zc-top-nav-m div.sub-nav-ul .links-list li a:active {

	background-color: transparent

}



.zc-top-nav-m div.sub-nav-ul .production-list {

	width: 63%;

	min-height: 10px;

	box-sizing: border-box;

	border-right: 1px solid #e0e5eb;

	float: left;

	padding-bottom: 15px

}



.zc-top-nav-m div.sub-nav-ul .production-list .sub-sub-nav {

	padding: 0;

	background-color: #f8f8f8;

	height: 0;

	overflow: hidden;

	transition: padding .3s ease-in-out,height .3s ease-in-out

}



.zc-top-nav-m div.sub-nav-ul .production-list .sub-sub-nav li a:active,.zc-top-nav-m div.sub-nav-ul .production-list .sub-sub-nav li.active {

	background-color: #e8ecec

}



.zc-top-nav-m div.sub-nav-ul .production-list .sub-sub-nav li {

	box-sizing: border-box;

	text-align: left;

	font-size: 15px;

	min-height: 44px;

	line-height: 44px;

	position: relative;

	margin-top: 15px

}



.zc-top-nav-m div.sub-nav-ul .production-list .sub-sub-nav li a {

	display: block;

	height: 100%;

	color: #6d7787;

	text-decoration: none;

	padding-left: 25px;

	width: 100%;

	box-sizing: border-box

}



.zc-top-nav-m div.sub-nav-ul .production-list .sub-sub-nav li .img-outer {

	text-align: center;

	display: inline-block;

	height: 36px;

	width: 60px;

	vertical-align: middle

}



.zc-top-nav-m div.sub-nav-ul .production-list .sub-sub-nav li .img-outer.spec {

	height: 25px

}



.zc-top-nav-m div.sub-nav-ul .production-list .sub-sub-nav li .img-outer img {

	height: 100%

}



.zc-top-nav-m div.sub-nav-ul .production-list .sub-sub-nav li .img-outer img.spec {

	height: 35px;

	position: relative;

	top: -7px

}



.zc-top-nav-m .register-link {

	text-decoration: none;

	display: block;

	float: right;

	height: 30px;

	box-sizing: border-box;

	width: 92px;

	background-color: #09aeb0;

	border-radius: 2px;

	text-align: center;

	line-height: 30px;

	font-size: 15px;

	color: #fff;

	margin-top: 10px;

	margin-right: 26px;

	transition: background-color .3s ease-in-out,border-color .3s ease-in-out

}



.common-waist h1.mobile,.footer .footer-inner .super-nav-mobile,.zc-top-nav-m .logo-outer img.white {

	display: none

}



.zc-top-nav-m .switch-btn {

	width: 20px;

	height: 17px;

	margin: 16px 15px 0 0;

	padding: 0;

	float: right;

	cursor: pointer

}



.zc-top-nav-m .switch-btn li {

	width: 100%;

	height: 2px;

	margin-top: 5px;

	border-radius: 1px;

	background-color: #09aeb0;

	transition: background-color .3s ease-in-out

}



.zc-top-nav-m .switch-btn li:first-child {

	margin-top: 0

}



.zc-top-nav-m .logo-outer {

	width: 102px;

	height: 29px;

	margin-top: 10px;

	float: left;

	margin-left: 15px

}



.zc-top-nav-m .logo-outer img {

	height: 100%;

	width: 100%

}







button,input,ol,p,span,ul {

	font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC",'Microsoft YaHei','WenQuanYi Micro Hei',sans-serif

}



ol,ul {

	margin: 0;

	padding: 0

}



.common-waist {

	width: 100%;

	height: 342px;

	padding-top: 1px;

	text-align: center;

	background-image: url(../images/waist-banner-f77fbca780.png)

}



.common-waist h1 {

	text-align: center;

	color: #fff;

	font-weight: 400;

	font-size: 30px;

	margin-top: 59px;

	margin-bottom: 45px

}



.common-waist h1 em {

	font-size: 14px;

	font-style: normal

}



.common-waist button.btn {

	height: 44px;

	vertical-align: top;

	margin-left: -6px;

	width: 137px;

	background-color: #3ff9f8;

	font-size: 18px;

	color: #0d848a;

	border: 0;

	outline: 0;

	padding: 0;

	cursor: pointer;

	border-radius: 0 2px 2px 0

}



.common-summary i,.footer .footer-inner .summary-list li i {

	vertical-align: middle;

	background-image: url(../images/major_spirite-9e4f87e8ce.png)

}



.common-waist button.btn:hover {

	background-color: #27e1e0

}



.common-waist input {

	height: 44px;

	width: 347px;

	font-size: 18px;

	padding: 0 0 0 14px;

	outline: 0;

	border: 0;

	border-radius: 2px 0 0 2px

}



.common-waist input::-webkit-inner-spin-button,.common-waist input::-webkit-outer-spin-button {

	-webkit-appearance: none!important;

	margin: 0

}



.common-waist input::-webkit-input-placeholder {

	color: #d8d8d8

}



.footer {

	width: 100%;

	height: 451px;

	padding-top: 1px;

	background-color: #505663;

	font-size: 14px;

	overflow: hidden;

	background-image: url(../images/footer-banner-34f2f9001f.png)

}



.footer .footer-inner {

	width: 960px;

	min-height: 100px;

	margin: 74px auto auto

}



.footer .footer-inner ul {

	margin: 0;

	padding: 0

}



.footer .footer-inner .super-nav-mobile li {

	height: 30px;

	line-height: 30px;

	font-size: 12px;

	text-align: center

}



.footer .footer-inner .super-nav-mobile li a {

	text-decoration: none;

	color: #9ea7b2

}



.footer .footer-inner .super-nav {

	margin-left: 360px

}



.footer .footer-inner .super-nav h4 {

	font-size: 16px;

	color: #fff;

	margin-top: 0;

	font-weight: 400

}



.footer .footer-inner .super-nav ul li {

	height: 30px;

	line-height: 30px

}



.footer .footer-inner .super-nav ul li:hover a {

	color: #fff

}



.footer .footer-inner .super-nav ul li a {

	color: #9ea7b2;

	text-decoration: none

}



.footer .footer-inner .super-nav>li {

	width: 172px;

	float: right

}



.footer .footer-inner .super-nav>li:first-child {

	margin-right: -107px

}



.footer .footer-inner .summary-info {

	width: 277px;

	float: left

}



.footer .footer-inner .summary-desc {

	font-size: 16px;

	color: #9ea7b2;

	margin-top: 18px

}



.footer .footer-inner .summary-list {

	margin: 45px 0 0;

	padding: 0;

	list-style-type: none;

	list-style-positin: none

}



.footer .footer-inner .summary-list li {

	height: 38px;

	color: #9ea7b2;

	line-height: 38px

}



.footer .footer-inner .summary-list li a {

	color: #fff;

	text-decoration: none

}



.footer .footer-inner .summary-list li i {

	display: inline-block;

	width: 27px;

	height: 22px;

	position: relative;

	margin-right: 9px;

	z-index: 10;

	cursor: pointer

}



.footer .footer-inner .summary-list li i:hover .qrcode-outer {

	display: block

}



.footer .footer-inner .summary-list li i .qrcode-outer {

	z-index: 100;

	display: none;

	position: absolute;

	height: 150px;

	width: 122px;

	background-color: #fff;

	text-align: center;

	top: -160px;

	left: -50px

}



.footer .footer-inner .summary-list li i .qrcode-outer:after {

	content: " ";

	display: block;

	width: 0;

	height: 0;

	top: 150px;

	left: 50px;

	position: absolute;

	border: 10px solid transparent;

	border-top: 10px solid #fff

}



.footer .footer-inner .summary-list li i .qrcode-outer .text {

	text-align: center;

	font-size: 14px;

	height: 34px;

	line-height: 34px;

	color: #a0a9b4;

	font-style: normal

}



.footer .footer-inner .summary-list li i.tel {

	background-position: -85px -46px

}



.footer .footer-inner .summary-list li i.weixin {

	background-position: -47px -44px

}



.footer .footer-inner .summary-list li:first-child {

	color: #fff

}



.footer .footer-inner .logo-outer {

	cursor: pointer;

	display: block;

	width: 135px;

	height: 34px;

	background-position: -129px -68px;

	background-image: url(../images/major_spirite-9e4f87e8ce.png)

}



.footer .footer-inner .logo-outer img {

	display: none

}



.common-summary {

	height: 60px;

	background-color: #2f3542;

	text-align: center;

	line-height: 60px;

	color: #69737f;

	font-size: 14px

}



.common-summary i {

	display: inline-block;

	height: 29px;

	width: 44px;

	background-position-y: -71px;

	background-position-x: -340px;

	margin-left: 10px

}



.common-summary i:nth-child(2) {

	width: 37px;

	background-position-x: -300px

}



.common-summary img {

	display: none

}



.gray .sub-nav-outer-website {

	background-color: #f9f9fb

}



.sub-nav-outer-website {

	width: 100%;

	background-color: #fff;

	padding: 100px 0;

	text-align: center

}



.sub-nav-outer-website h3 {

	font-size: 24px;

	color: #7b8390;

	font-weight: 400;

	text-align: center;

	margin: 0

}



.sub-nav-outer-website ul {

	margin: 40px 0 0;

	padding: 0

}



.sub-nav-outer-website ul:after {

	content: " ";

	display: block;

	height: 1px;

	clear: both;

	visibility: hidden

}



.sub-nav-outer-website ul li {

	display: inline-block;

	padding: 0 20px;

	border-radius: 2px;

	height: 44px;

	line-height: 44px

}



.sub-nav-outer-website ul li:hover {

	background-color: #09aeb0

}



.sub-nav-outer-website ul li:hover a {

	color: #fff

}



.sub-nav-outer-website ul li a {

	text-decoration: none;

	color: #09aeb0

}



.grid-outer {

	width: 960px;

	min-height: 10px;

	margin: 50px auto auto;

	padding-top: 1px

}



.grid-outer:after {

	content: " ";

	display: block;

	height: 1px;

	clear: both;

	visibility: hidden

}



.grid-outer .grid-column {

	width: 220px;

	margin-left: 25px;

	height: 204px;

	box-sizing: border-box;

	float: left;

	border: 1px solid #d5dce3;

	border-radius: 2px;

	position: relative;

	margin-top: 27px;

	padding-top: 1px;

	cursor: pointer;

	overflow: hidden;

	transition: border .2s ease-in-out

}



.grid-outer .grid-column:hover {

	box-shadow: 0 0 10px 1px rgba(189,207,207,.75);

	border: 1px solid #09aeb0

}



.grid-outer .grid-column:hover .desc {

	top: 0

}



.grid-outer .grid-column .desc {

	position: absolute;

	height: 100%;

	transition: top .2s ease-in-out;

	top: -105%;

	padding: 16px 16px 0;

	box-sizing: border-box;

	width: 100%;

	background-color: #fff;

	font-size: 14px;

	color: #7b8390;

	line-height: 30px;

	text-align: center

}



.grid-outer .grid-column .logo-outer {

	width: 66px;

	height: 50px;

	margin: 54px auto auto;

	position: relative;

	top: -11px

}



.grid-outer .grid-column .text {

	width: 100%;

	font-size: 18px;

	position: absolute;

	top: 125px;

	color: #2f3542;

	text-align: center

}



.grid-outer .grid-column:first-child,.grid-outer .grid-column:nth-child(4n+1) {

	margin-left: 0

}









.width1200{

	width: 1100px;

	margin: auto;

}

/*.application-content*/

.application-content {

	padding: 50px 0 55px 0;

}

	.application-content .col-box {

		overflow: hidden;

	}

	.application-content .col-else {

		text-align: center;

		margin: 25px 0 0 0;

		padding-top: 10px;

	}

	.application-content .col-else:after {

		content: "";

		width: 120px;

		height: 6px;

		display: block;

		background: #2c353d;

		position: absolute;

		left: 50%;

		margin-left: -60px;

		top: 0;

	}

		.application-content .col {

			float: left;

			box-sizing: border-box;

			padding: 0 15px;

		}

		.application-content .col.width30 {

			width: 30%;

		}

		.application-content .col.width40 {

			width: 40%;

			padding: 0; text-align:center

		}

			.application-content .col .row {

				height: 110px;

				position: relative;

			}

			.application-content .col .row.purple {

				margin-bottom: 100px;

				padding: 0 30px 0 0;

			}

			.application-content .col .row.light-blue {

				padding: 0 30px 0 0;

			}

			.application-content .col .row.red {

				margin-bottom: 100px;

				padding: 0 0 0 30px;

			}

			.application-content .col .row.blue {

				padding: 0 0 0 30px;

			}

			.application-content .col .row:after {

				content: "";

				width: 6px;

				height: 110px;

				display: block;

				position: absolute;

				right: 0;

				top: 0;

			}

			.application-content .col .row.purple:after {

				background: #322c69;

			}

			.application-content .col .row.light-blue:after {

				background: #2e92c6;

			}

			.application-content .col .row.red:after {

				left: 0;

				background: #2E92C6;

			}

			.application-content .col .row.blue:after {

				left: 0;

				background: #395b9c;

			}

			.application-content .col .circle {

				width: 378px;

				height: 385px;

				background: url(../images/circle.png) no-repeat center;

				display: inline-block;

			}	

				.application-content .col .circle .title {

					font-size: 40px;

					font-weight: bold;

					margin: 120px 0 10px 0; text-align:center

				}

				.application-content .col .circle .info {

					color: #555;

					font-size: 26px;text-align:center

				}

				.application-content .col .row .title,

				.application-content .col-else .title {

					font-size: 24px;

					line-height: 43px;

					margin-bottom: 17px;

				}

				.application-content .col .row .info {

					color: #888;

					font-size: 18px;

					line-height: 24px;

				}

				.application-content .col-else .info {

					color: #888;

					font-size: 16px;

				}

.awt-a{ background-color: #f6f6f6; margin:0 auto; padding:0px;}

.w-1200{ height: 410px; background:url(../images/ai-2.jpg) no-repeat right; width:1200px; margin:0 auto}

.awt-a dl{ padding-top:85px;}

.awt-a dt{ color: #434343; font-size: 30px; line-height: 30px; margin-bottom: 50px;}

.awt-a dd{ color: #434343; font-size: 24px;}

.awt-a dd span{ color: #fff; font-size: 24px; width: 48px; height: 48px; text-align: center; line-height:48px; display: inline-block; background-color: #818181; border-radius: 50%; margin-right: 15px;}



.buttons-outer audio{width: 90%;margin-top: 10px;}

/*关于我们*/

.overflow{overflow: hidden;}

.ab-banner{

	background: #f7fafb;

	padding: 80px 0 30px;

	background-image: url(../images/index-banner-bbd0ad9515.jpg);

	color:#fff;

}

.ab-banner h3{margin: 65px auto auto; font-size: 50px;}

.ab-banner p{width:40%;margin-top:15px;line-height:35px;font-size:18px;margin-bottom:80px;}

.ab-banner .txt{display:inline-block;float:right;font-size: 16px; font-weight: 400;    margin-top: 36px;}

.abjaj h2{text-transform:uppercase;text-align:center;font-size:30px;margin-bottom:30px;background:url(../images/abouth.png) no-repeat center bottom;    padding-bottom: 20px;}

.abjaj h3{font-size:24px;font-weight:normal;margin-top:20px;}

.abjaj p.biao{border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px;}

.abjaj{padding-top:30px;padding-bottom:50px;}

.abjaj .text{width:45%;float:right;position:relative;}

.abjaj .text p{margin-top:12px;}

.abjaj .img{width:50%;float:left;text-align:center;border:1px solid #eee;padding:10px;box-sizing: border-box;}

.abjaj .img img{width:100%;}

.caico{width: 24px;margin-right: 20px;vertical-align: middle;}

.ac-con{padding:40px 0 60px;}

.ac-con h2{text-align:center;font-weight:normal;font-size:22px;}

.ac-con .biao{margin-top:10px;font-size:14px;text-align:center;padding-bottom:8px;border-bottom:1px solid #cbcbcb;color:#999; }

.ac-con .txt{padding:20px 10px;line-height:28px;}

.contact{position:relative;}

.contact a{position:absolute;top:-100px;}

@media screen and (max-width: 1200px) {

   html,body{width:1200px;}

}