/* Welcome to Compass. Use this file to write IE specific override styles.
 * Import this file using the following HTML or equivalent: */
@charset "utf-8";
html, body {
	font: 12px/1.5 'miscrosoft yahei', '微软雅黑', tahoma, arial, 'Hiragino Sans GB', sans-serif;
}
/* line 9, ../sass/_screen.scss */
html, body, div, menu, ol, ul, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, input, p, form, header, nav, article, section, aside, footer, video, audio, figure, textarea {
	padding: 0;
	margin: 0;
}
/* line 13, ../sass/_screen.scss */
input, select, textarea, img, area {
	outline: none;
	border: none;
}
/* line 17, ../sass/_screen.scss */
input, select, textarea {
	background: #fff;
}
/* line 20, ../sass/_screen.scss */
mark {
	background: none;
}
/* line 23, ../sass/_screen.scss */
img {
	vertical-align: top;
	font-size: 0;
	line-height: 1;
}
/* line 28, ../sass/_screen.scss */
textarea {
	resize: none;
}
/* line 31, ../sass/_screen.scss */
menu, ul, ol {
	list-style-type: none;
}
/* line 37, ../sass/_screen.scss */
em, i, strong, b, small, h1, h2, h3, h4, h5, h6, address {
	font-style: normal;
	font-weight: normal;
}
/* line 42, ../sass/_screen.scss */
a {
	text-decoration: none;
	outline: none;
	color: inherit;
}
/* line 47, ../sass/_screen.scss */
a:focus, a:hover {
	text-decoration: none;
	outline: none;
}
/* line 51, ../sass/_screen.scss */
button {
	margin: 0;
	padding: 0;
	background: #fff;
	outline: none;
}
/* line 57, ../sass/_screen.scss */
.fl {
	float: left;
}
/* line 60, ../sass/_screen.scss */
.fr {
	float: right;
}
/*clearFix*/
/* line 65, ../sass/_screen.scss */
.clearFix {
	clear: both;
 *zoom: 1;
}
/* line 69, ../sass/_screen.scss */
.clearFix:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	line-height: 0;
	content: "";
	font-size: 0;
}
/*必须包含一个大盒子*/
#contains {
	min-width: 1200px;
	margin: 0 auto;
	display: block;
}
/*top样式*/
.page {
	margin: 0 auto;
	width: 1000px;
}
/* line 14, ../sass/_index.scss */
.page-header {
	width: 100%;
	background: #040519;
	height: 60px;/* border-bottom: 1px rgba(255, 255, 255, 0.15) solid; */
}
.page-header:hover {
	background: #1d1e20;
}
/* line 18, ../sass/_index.scss */
.page-header-box {
	margin: 0 auto;
	width: 1200px;
	height: 60px;
}
/* line 22, ../sass/_index.scss */
.page-header-left {
	margin-right: 15px;
	float: left;
	height: 60px;
}
/* line 27, ../sass/_index.scss */
.page-header-left a {
	display: block;
	height: 60px;
	line-height: 60px;
}
.page-header-left a img {
	max-height: 44px;
	display: inline-block;
	vertical-align: middle;
}
/* line 37, ../sass/_index.scss */
.page-header-right {
	float: right;
	height: 60px;
	font-size: 0;
}
.page-header-right a {
	padding: 0 10px;
	display: inline-block;
	font-size: 14px;
	color: #fff;
	line-height: 60px;
	vertical-align: middle;
	transition: 0.4s;
}
.page-header-right a:hover {
	color: #268cf4;
}
.page-header-right a.reg {
	margin-left: 10px;
	padding: 0 30px;
	height: 28px;
	background: #268cf4;
	line-height: 28px;
	border-radius: 4px;
}
.page-header-right a.reg:hover {
	color: #fff;
}
.page-header-right a.page-header-user {
	color: #f95918;
}
/* 右侧悬浮 */
.awords {
	width: 40px;
	height: 100%;
	background: #222;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 49;
	padding-top: 120px;
	box-sizing: border-box;
	text-align: center;
	transition: 0.4s;
}
.awords.on {
	right: -40px;
}
.awords ul li {
	width: 40px;
	height: 40px;
	line-height: 36px;
	position: relative;
	transition: 0.2s;
}
.awords ul li a {
	height: 100%;
	display: block;
}
.awords ul li a img {
	vertical-align: middle;
}
.awords ul li:hover {
	background: #268cf4;
}
.awords ul li.imqq {
	height: auto;
}
.awords ul li.imqq {
	margin-bottom: 20px;
	padding: 10px 0;
	line-height: 1;
}
.awords ul li.imqq em {
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
}
.awords ul li.imqq img {
	line-height: 1;
	margin-bottom: 5px;
}
.awords ul li.download {
	margin-top: 10px;
	height: auto;
}
.awords ul li.download span {
	padding: 6px 0;
	display: block;
	font-size: 12px;
	line-height: 14px;
	color: #fff;
	background: #268cf4;
	letter-spacing: 1px;
}
.awords ul li.redbag {
	margin-top: 10px;
	padding: 10px 0;
	height: auto;
	line-height: 1;
	cursor: pointer;
}
.awords ul li.redbag img {
	width: 25px;
}
.awords ul li.redbag:hover {
	background: none;
}
.awords ul li.redbag:hover img {
	-webkit-animation: redBag 1.3s linear 1;
	-moz-animation: redBag 1.3s linear 1;
	-ms-animation: redBag 1.3s linear 1;
	-o-animation: redBag 1.3s linear 1;
	animation: redBag 1.3s linear 1;
}
@-webkit-keyframes redBag {
 0% {
width: 25px;
}
 20% {
width: 35px;
}
 30% {
width: 25px;
}
 45% {
width: 32px;
}
 60% {
width: 25px;
}
 80% {
width: 30px;
}
 100% {
width: 25px;
}
}
@-moz-keyframes redBag {
 0% {
width: 25px;
}
 20% {
width: 35px;
}
 30% {
width: 25px;
}
 45% {
width: 32px;
}
 60% {
width: 25px;
}
 80% {
width: 30px;
}
 100% {
width: 25px;
}
}
@-ms-keyframes redBag {
 0% {
width: 25px;
}
 20% {
width: 35px;
}
 30% {
width: 25px;
}
 45% {
width: 32px;
}
 60% {
width: 25px;
}
 80% {
width: 30px;
}
 100% {
width: 25px;
}
}
@-o-keyframes redBag {
 0% {
width: 25px;
}
 20% {
width: 35px;
}
 30% {
width: 25px;
}
 45% {
width: 32px;
}
 60% {
width: 25px;
}
 80% {
width: 30px;
}
 100% {
width: 25px;
}
}
@keyframes redBag {
 0% {
width: 25px;
}
 20% {
width: 35px;
}
 30% {
width: 25px;
}
 45% {
width: 32px;
}
 60% {
width: 25px;
}
 80% {
width: 30px;
}
 100% {
width: 25px;
}
}
.awords ul li:hover .awords-tip {
	opacity: 1;
	right: 55px;
}
.awords-tip {
	padding: 12px 20px;
	background: #222;
	position: absolute;
	top: 2px;
	right: -212px;
	transition: 0.4s;
	z-index: -1;
}
.awords-tip:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid #222;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	position: absolute;
	top: 12px;
	right: -10px;
}
.awords-tip p {
	font-size: 14px;
	line-height: 1;
	color: #fff;
}
.awords .phone .awords-tip {
	width: 172px;
}
.awords-phone {
	display: inline-block;
	width: 16px;
	height: 18px;
	vertical-align: middle;
	background: url('awords-phone1.png') no-repeat;
	background-size: 100% 100%;
	-webkit-animation: switchImg 1s linear infinite;
	animation: switchImg 1s linear infinite;
}
@-webkit-keyframes switchImg {
 0% {
 background: url('awords-phone1.png') no-repeat;
 background-size: 100% 100%;
}
 25% {
 background: url('awords-phone2.png') no-repeat;
 background-size: 100% 100%;
}
 50% {
 background: url('awords-phone3.png') no-repeat;
 background-size: 100% 100%;
}
 75% {
 background: url('awords-phone4.png') no-repeat;
 background-size: 100% 100%;
}
 100% {
 background: url('awords-phone1.png') no-repeat;
 background-size: 100% 100%;
}
}
@keyframes switchImg {
 0% {
 background: url('awords-phone1.png') no-repeat;
 background-size: 100% 100%;
}
 25% {
 background: url('awords-phone2.png') no-repeat;
 background-size: 100% 100%;
}
 50% {
 background: url('awords-phone3.png') no-repeat;
 background-size: 100% 100%;
}
 75% {
 background: url('awords-phone4.png') no-repeat;
 background-size: 100% 100%;
}
 100% {
 background: url('awords-phone1.png') no-repeat;
 background-size: 100% 100%;
}
}
.awords .qrcode .awords-tip {
	top: -60px;
	width: 122px;
	padding: 12px;
}
.awords .qrcode .awords-tip:after {
	top: 75px;
}
.awords .qrcode .awords-tip p {
	margin-top: 8px;
}
.awords .service .awords-tip {
	width: 95px;
}
.awords .developer .awords-tip {
	width: 70px;
}
.awords .backtop .awords-tip {
	width: 56px;
}
.awords .backtop {
	position: absolute;
	left: 0;
	bottom: 40px;
}
.awords-move {
	width: 122px;
	height: 122px;
	position: relative;
}
.awords-move img {
	display: block;
	width: 100%;
	height: 100%;
}
.awords-move .footer-line {
	width: 100%;
	height: 0;
	border-bottom: 2px solid #268cf4;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(38, 140, 244, 0.2);
	-webkit-animation: move 5s linear infinite;
	-moz-animation: move 5s linear infinite;
	-ms-animation: move 5s linear infinite;
	-o-animation: move 5s linear infinite;
	animation: move 5s linear infinite;
}
.awords-shrink {
	display: block;
	width: 16px;
	height: 115px;
	background: #222;
	position: absolute;
	top: 120px;
	right: 40px;
	cursor: pointer;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	line-height: 115px;
	vertical-align: middle;
	text-align: center;
}
.awords-shrink img {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}
.awords.on .awords-shrink img {
	transform: rotate(180deg);
}
/* nav */
.nav {
	height: 60px;
	float: left;
}
.nav ul {
	font-size: 0;
}
.nav ul li {
	height: 60px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.nav ul li.hot {
	background: url('hot.png') no-repeat 64px 6px;
	background-size: 24px 16px;
}
.nav ul li:after {
	content: "";
	margin-top: -3px;
	display: block;
	width: 0px;
	height: 3px;
	background: #268cf4;
	transition: 0.4s;
}
.nav ul li:hover:after {
	width: 100%;
}
.nav ul li a {
	padding: 0 18px;
	display: inline-block;
	font-size: 14px;
	line-height: 60px;
	color: #f6f6f7;
}
.nav-box {
	width: 100%;
	height: 0;
	background: url('navbox_arrow.png') no-repeat center 476px rgba(39, 39, 39, 0.98);
	background-size: 22px 10px;
	transition: 0.4s;
	overflow: hidden;
	position: fixed;
	top: 60px;
	left: 0;
	z-index: 49;
}
.nav ul li.act:hover .nav-box {
	height: 500px;
}
.nav-content {
	margin: 0 auto;
	padding-top: 20px;
	width: 1200px;
	height: 100%;
	box-sizing: border-box;
}
.nav-product dl {
	font-size: 0;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.nav-product dl dd:first-child {
	margin-left: -20px;
}
.nav-product dl dd {
	-webkit-box-flex: 2;
	-moz-box-flex: 2;
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;
	padding-left: 20px;
	display: inline-block;
	border-right: 1px rgba(255, 255, 255, 0.3) solid;
	vertical-align: top;
	box-sizing: border-box;
}
.nav-product.nav-service dl dd {
	height: 440px;
}
.nav-product.nav-solution dl dd {
	height: 440px;
}
.nav-product.nav-service dl dd:last-child {
	-webkit-box-flex: 3;
	-moz-box-flex: 3;
	-webkit-flex: 3;
	-ms-flex: 3;
	flex: 3;
}
.nav-product dl dd:last-child {
	border-right: none;
}
.nav-product dl dd h2 {
	margin-bottom: 20px;
	padding-left: 15px;
	font-size: 18px;
	line-height: 34px;
	color: #fff;
	background: #268cf4;
}
.nav-product dl dd .nav-product-list {
	margin: 0 0 10px;
	position: relative;
}
.nav-product dl dd .nav-product-list.hot:after {
	content: "";
	display: block;
	width: 36px;
	height: 36px;
	background: url('listhot1.png') no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.nav-product dl dd .nav-product-list:last-child {
	margin: 0;
}
.nav-product dl dd .nav-product-list a {
	padding: 10px 15px;
	width: 100%;
	height: 78px;
	display: block;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.1);
	transition: 0.2s;
}
.nav-product dl dd .nav-product-list a:hover {
	background: #268cf4;
}
.nav-product dl dd .nav-product-list a:hover p {
	color: #fff;
}
.nav-product dl dd .nav-product-list h3 {
	margin-bottom: 8px;
	font-size: 14px;
	line-height: 1;
	color: #fff;
}
.nav-product dl dd .nav-product-list p {
	font-size: 12px;
	line-height: 18px;
	color: #999;
}
.nav-product dl dd .nav-product-hot {
	margin-bottom: 10px;
	position: relative;
}
.nav-product dl dd .nav-product-hot.hot:after {
	content: "";
	display: block;
	width: 25px;
	height: 25px;
	background: url('listhot2.png') no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	right: 0;
}
.nav-product dl dd .nav-product-hot a {
	padding: 10px 15px;
	display: block;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1;
	color: #fff;
}
.nav-product.nav-service dl dd .nav-product-hot a {
	background: rgba(255, 255, 255, 0.1);
}
.nav-product dl dd .nav-product-hot a:hover {
	background: #268cf4;
}
.nav-product dl dd .nav-product-more a {
	display: inline-block;
	width: 132px;
	height: 34px;
	background: #f55a29;
	text-align: center;
	font-size: 14px;
	line-height: 34px;
	color: #fff;
}
.nav-product dl dd .nav-adver {
	margin-bottom: 10px;
}
.nav-product dl dd .nav-adver a {
	display: block;
	padding: 0;
	font-size: 0;
	line-height: 0;
}
.nav-product dl dd .nav-adver a img {
	display: block;
	width: 100%;
}
.nav-product dl dd .nav-adver a p {
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	text-align: center;
}
/* banner */
.handle-banner {
	margin: 0 auto;
	height: 500px;
	position: relative;
	background: #040519;
}
.handle-banner ul {
	display: block;
	font-size: 0;
	height: 100%;
}
.handle-banner ul li {
	width: 100%;
	height: 100%;
}
.handle-banner ul li a {
	margin: 0 auto;
	max-width: 1920px;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.handle-banner ul li a img {
	position: absolute;
	display: block;
	margin-left: -960px;
	top: 0;
	left: 50%;
}
.handle-banner ol {
	width: 100%;
	display: block;
	position: absolute;
	bottom: 15px;
	text-align: center;
	z-index: 10;
	font-size: 0;
}
.handle-banner ol li {
	margin: 0 3px;
	display: inline-block;
	width: 26px;
	height: 5px;
	background: rgba(255, 255, 255, 0.3);
	transition: 0.4s;
	cursor: pointer;
}
.handle-banner ol li.on {
	background: #fff;
}
.handle-banner ol li:hover {
	background: #fff;
}
.handle-banner .tempWrap {
	height: 100%;
}
/*左右按钮*/
.handle-banner .prev img, .handle-banner .next img {
	display: block;
	width: 100%;
	height: 100%;
}
.handle-banner .prev, .handle-banner .next {
	cursor: pointer;
	position: absolute;
	bottom: 0;
	z-index: 10;
	width: 50px;
	height: 50px;
	opacity: 0;
	transition: 0.4s;
}
.handle-banner .prev {
	left: 40px;
}
.handle-banner .next {
	right: 40px;
}
.handle-banner:hover .prev, .handle-banner:hover .next {
	opacity: 1;
	bottom: 255px;
}
/*tils*/
.home-til {
	padding-top: 60px;
	padding-bottom: 40px;
	text-align: center;
	padding-left: 2%;
	padding-right: 2%;
}
.home-til h3 {
	margin-bottom: 30px;
	font-size: 28px;
	line-height: 1;
	color: #333;
}
.home-til p {
	font-size: 14px;
	line-height: 1.6;
	color: #828282;
}
/*telan*/
.telan {
	padding-bottom: 50px;
}
.telan-divide {
	padding: 10px 0;
	text-align: center;
}
.telan-divide p {
	font-size: 14px;
	line-height: 1;
	color: #828282;
}
.telan-divide img {
	margin: 13px 0 15px;
}
.telan-divide ul {
	font-size: 0;
}
.telan-divide ul li {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1;
	color: #828282;
}
.telan-divide ul li:after {
	content: "";
	margin: 0 12px;
	display: inline-block;
	vertical-align: middle;
	width: 4px;
	height: 4px;
	background: url('telan_point.png') no-repeat 100% 100%;
}
.telan-divide ul li:last-child:after {
	display: none;
}
.telan-number {
	padding: 25px 0 30px;
	text-align: center;
}
.telan-number ul {
	font-size: 0;
	display: inline-block;
	width: 1200px;
}
.telan-number ul li {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}
.telan-number ul li:nth-child(1) {
	margin-right: 44px;
}
.telan-number ul li:nth-child(2) {
	margin-right: 60px;
}
.telan-number ul li:nth-child(3) {
	margin-right: 70px;
}
.telan-number ul li img {
	margin-right: 4px;
	width: 76px;
	display: inline-block;
	vertical-align: middle;
}
.telan-cont {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.telan-cont-til {
	margin-bottom: 12px;
}
.telan-cont-til h3 {
	margin-right: 5px;
	display: inline-block;
	font-size: 24px;
	line-height: 24px;
	color: #ffa200;
	vertical-align: bottom;
}
.telan-cont-til span {
	font-size: 18px;
	line-height: 24px;
	color: #333;
	vertical-align: bottom;
}
.telan-cont p {
	font-size: 16px;
	line-height: 1;
	color: #818181;
}
.telanx-a {
	text-align: center;
}
.telanx-a a {
	display: inline-block;
	width: 130px;
	height: 40px;
	font-size: 16px;
	line-height: 40px;
	color: #ffa200;
	border-radius: 2px;
	transition: 0.4s;
	border: 1px solid #ffa200;
	position: relative;
}
.telanx-a a:hover {
	color: #fff;
}
.telanx-a a:hover .move-effect {
	width: 100%;
	background: #ffa200;
}
/*hotproduct*/
.hotproduct {
	height: 684px;
	background: #f6f8fb;
	position: relative;
}
.hotproduct-box {
	padding-top: 30px;
	text-align: center;
}
.hotproduct-inline {
	display: inline-block;
	overflow: hidden;
	margin-top: -100px;
	margin-bottom: -100px;
	padding-bottom: 100px;
	padding-top: 100px;
}
.hotproduct-box ul {
	font-size: 0;
}
.hotproduct-box ul li {
	margin-right: -1px;
	width: 280px;
	height: 386px;
	float: left;
	border: 1px solid #e8ebee;
	background: #fff;
	transition: 0.4s;
	position: relative;
	text-align: center;
}
.hotproduct-box ul li:hover {
	margin-top: -22px;
	height: 430px;
	border: 1px solid #268cf4;
	box-shadow: 0 0 35px rgba(39,142,287,0.3);
	z-index: 5;
}
.hotproduct-top {
	height: 145px;
	padding-top: 16px;
	border-bottom: 1px solid #e8ebee;
	box-sizing: border-box;
	background: #eef0f3;
	transition: 0.4s;
}
.hotproduct-top-img {
	margin-bottom: 15px;
	display: inline-block;
	width: 52px;
	height: 52px;
}
.hotproduct-top h3 {
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 1;
	color: #333;
	transition: 0.4s;
}
.hotproduct-top p {
	font-size: 14px;
	line-height: 1;
	color: #333;
	transition: 0.4s;
}
.hotproduct-box ul li:hover .hotproduct-top {
	height: 167px;
	padding-top: 38px;
	background: #268cf4;
	border-bottom: none;
}
.hotproduct-box ul li:hover .hotproduct-top h3 {
	color: #fff;
}
.hotproduct-box ul li:hover .hotproduct-top p {
	color: #fff;
}
.hotproduct-cont {
	padding-top: 25px;
	position: relative;
}
.hotproduct-cont p {
	font-size: 14px;
	line-height: 26px;
	color: #828282;
}
.hotproduct-cont p:last-child {
	margin-bottom: 0;
}
.hotproduct-cont a {
	margin-left: -66px;
	display: block;
	width: 132px;
	height: 40px;
	border: 1px solid #ffa200;
	border-radius: 2px;
	font-size: 16px;
	line-height: 38px;
	color: #ffa200;
	position: absolute;
	top: 178px;
	left: 50%;
	box-sizing: border-box;
	transition: 0.4s;
}
.hotproduct-cont a:hover {
	color: #fff;
}
.hotproduct-cont a:hover .move-effect {
	width: 100%;
	background: #ffa200;
}
.hotproduct-box .prev, .hotproduct-box .next {
	display: block;
	width: 22px;
	height: 41px;
	position: absolute;
	top: 54%;
	cursor: pointer;
}
.hotproduct-box .prev img, .hotproduct-box .next img {
	display: block;
	width: 100%;
	height: 100%;
}
.hotproduct-box .prev {
	left: 50%;
	margin-left: -600px;
}
.hotproduct-box .next {
	right: 50%;
	margin-right: -600px;
}
.hotproduct-top-img01 {
	background: url('../images/hotproduct_01.png') no-repeat;
	background-size: 100% 100%;
}
.hotproduct-top-img02 {
	background: url('../images/hotproduct_02.png') no-repeat;
	background-size: 100% 100%;
}
.hotproduct-top-img03 {
	background: url('../images/hotproduct_03.png') no-repeat;
	background-size: 100% 100%;
}
.hotproduct-top-img04 {
	background: url('../images/hotproduct_04.png') no-repeat;
	background-size: 100% 100%;
}
.hotproduct-top-img05 {
	background: url('../images/hotproduct_05.png') no-repeat;
	background-size: 100% 100%;
}
.hotproduct-top-img06 {
	background: url('../images/hotproduct_06.png') no-repeat;
	background-size: 100% 100%;
}
.hotproduct-top-img07 {
	background: url('../images/hotproduct_07.png') no-repeat;
	background-size: 100% 100%;
}
.hotproduct-top-img08 {
	background: url('../images/hotproduct_08.png') no-repeat;
	background-size: 100% 100%;
}
.hotproduct-box ul li:hover .hotproduct-top-img01 {
	background: url('../images/hotproduct_01_act.png') no-repeat;
	background-size: 100% 100%;
}
.hotproduct-box ul li:hover .hotproduct-top-img02 {
	background: url('../images/hotproduct_02_act.png') no-repeat;
	background-size: 100% 100%;
}
.hotproduct-box ul li:hover .hotproduct-top-img03 {
	background: url('../images/hotproduct_03_act.png') no-repeat;
	background-size: 100% 100%;
}
.hotproduct-box ul li:hover .hotproduct-top-img04 {
	background: url('../images/hotproduct_04_act.png') no-repeat;
	background-size: 100% 100%;
}
.hotproduct-box ul li:hover .hotproduct-top-img05 {
	background: url('../images/hotproduct_05_act.png') no-repeat;
	background-size: 100% 100%;
}
.hotproduct-box ul li:hover .hotproduct-top-img06 {
	background: url('../images/hotproduct_06_act.png') no-repeat;
	background-size: 100% 100%;
}
.hotproduct-box ul li:hover .hotproduct-top-img07 {
	background: url('../images/hotproduct_07_act.png') no-repeat;
	background-size: 100% 100%;
}
.hotproduct-box ul li:hover .hotproduct-top-img08 {
	background: url('../images/hotproduct_08_act.png') no-repeat;
	background-size: 100% 100%;
}
/* telancase */
.telancase {
	height: 650px;
}
#telancase_box {
	height: 100%;
	transition: background 0.4s;
	-webkit-transition: background 0.4s;
	-moz-transition: background 0.4s;
	-ms-transition: background 0.4s;
	-o-transition: background 0.4s;
}
#telancase_box.telancasebg1 {
	background: url('../images/telancase_bg_01.jpg') no-repeat center center;
}
#telancase_box.telancasebg2 {
	background: url('../images/telancase_bg_02.jpg') no-repeat center center;
}
#telancase_box.telancasebg3 {
	background: url('../images/telancase_bg_03.jpg') no-repeat center center;
}
#telancase_box.telancasebg4 {
	background: url('../images/telancase_bg_04.jpg') no-repeat center center;
}
#telancase_box.telancasebg5 {
	background: url('../images/telancase_bg_05.jpg') no-repeat center center;
}
#telancase_box.telancasebg6 {
	background: url('../images/telancase_bg_06.jpg') no-repeat center center;
}
.telancase .home-til h3, .telancase .home-til p {
	color: #fff;
}
.telancase ol {
	margin-bottom: 25px;
	display: block;
	text-align: center;
	font-size: 0;
}
.telancase ol li {
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 132px;
	height: 40px;
	background: rgba(255,255,255,0.2);
	border: 1px solid #fff;
	font-size: 16px;
	line-height: 38px;
	color: #fff;
	cursor: pointer;
}
.telancase ol li.on {
	background: #268cf4;
	border: 1px solid #268cf4;
}
.telancase ol li:last-child {
	margin: 0;
}
.telancase .telancase-cont {
	margin: 0 auto;
	width: 1090px;
	font-size: 0;
}
.telancase ul li {
	margin: 5px;
	display: inline-block;
	vertical-align: top;
	width: 208px;
	height: 168px;
	background: rgba(255,255,255,0.8);
}
.telancase ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
.telancase ul li a img {
	display: block;
	width: 100%;
	height: 100%;
}
/*telansolution*/
.telansolution {
	padding-bottom: 68px;
}
.telansolution-box {
	margin: 10px auto 0;
	width: 1200px;
	max-width: 1400px;
	position: relative;
}
.telansolution-box ul {
	font-size: 0;
	text-align: center;
}
.telansolution-box ul li {
	margin-right: 0.75%;
	display: inline-block;
	width: 19.4%;
	position: relative;
	box-sizing: border-box;
	text-align: center;
}
.telansolution-box ul li:last-child {
	margin-right: 0;
}
.telansolution-box ul li img {
	display: block;
	width: 100%;
}
.telansolution-box .prev, .telansolution-box .next {
	width: 50px;
	height: 100%;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	cursor: pointer;
	z-index: 10;
	display: none;
	opacity: 0;
	transition: 0.4s;
}
.telansolution-box:hover .prev, .telansolution-box:hover .next {
	display: block;
	opacity: 1;
}
.telansolution-box .prev img, .telansolution-box .next img {
	margin-top: -15px;
	margin-left: -6px;
	display: block;
	width: 12px;
	position: absolute;
	top: 50%;
	left: 50%;
}
.telansolution-box .prev {
	position: absolute;
	left: 0;
}
.telansolution-box .next {
	position: absolute;
	right: 0;
}
.telansolution-shadow {
	padding-top: 55%;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
	z-index: 5;
	box-sizing: border-box;
	transition: 0.4s;
}
.telansolution-box .telansolution-shadow img {
	margin-bottom: 11%;
	display: inline-block;
	width: 60px;
	height: 60px;
}
.telansolution-line {
	margin-bottom: 6%;
	text-align: center;
	opacity: 1;
	transition: 0.4s;
}
.telansolution-line:after {
	content: "";
	display: inline-block;
	width: 30px;
	height: 2px;
	background: #fff;
}
.telansolution-shadow h3 {
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 1;
	color: #fff;
}
.telansolution-shadow p {
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	display: none;
}
.telansolution-shadow-a {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 80px;
}
.telansolution-shadow a {
	width: 130px;
	height: 0;
	display: inline-block;
	border-radius: 2px;
	font-size: 16px;
	line-height: 34px;
	color: #fff;
	transition: 0.4s;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.telansolution-shadow a:hover {
	color: #268cf4;
}
.telansolution-shadow a:hover .move-effect {
	width: 100%;
	background: #fff;
}
.telansolution-box ul li:hover .telansolution-shadow {
	padding-top: 35%;
	background: rgba(36,141,247,0.8);
}
.telansolution-box ul li:hover .telansolution-shadow .telansolution-line {
	display: none;
	opacity: 0;
}
.telansolution-box ul li:hover .telansolution-shadow p {
	display: block;
}
.telansolution-box ul li:hover .telansolution-shadow a {
	height: 36px;
	border: 1px solid #fff;
}
/* telankingclub */
.telankingclub {
	padding-bottom: 50px;
	background: #f6f8fb;
	text-align: center;
}
.telankingclub-info {
	margin-top: -10px;
	margin-bottom: 30px;
	text-align: center;
}
.telankingclub-info span {
	font-size: 14px;
	line-height: 1;
	color: #333;
	vertical-align: middle;
}
.telankingclub-info .telankingclub-line {
	margin: 0 10px;
	display: inline-block;
	width: 15px;
	height: 1px;
	background: #dde4ed;
	vertical-align: middle;
}
.telankingclub-box {
	margin: 0 auto;
	width: 1200px;
}
.telankingclub-box ul {
	display: flex;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
}
.telankingclub-box ul li {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 150px;
	text-align: center;
	background: #268cf4;
}
.telankingclub-box ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
.telankingclub-box ul li h3 {
	margin-bottom: 8px;
	padding-top: 40px;
	font-size: 18px;
	line-height: 1;
	color: #fff;
}
.telankingclub-box ul li h4 {
	font-size: 14px;
	line-height: 20px;
	color: #fff;
}
.telankingclub-box ul li p {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1;
	color: #fff;
}
.telankingclub-box ul:last-child li:last-child {
	-webkit-box-flex: 2;
	-moz-box-flex: 2;
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;
}
.telankingclub-box ul:last-child li:last-child a {
	padding-top: 85px;
	width: 100%;
	height: 100%;
	display: block;
	background: url('../images/telankingclub_16.jpg') no-repeat center center;
	font-size: 18px;
	line-height: 1;
	color: #fff;
	text-align: center;
	box-sizing: border-box;
}
/* telanlogin */
.telanlogin {
	height: 595px;
	text-align: center;
	background: url('../images/telanlogin.jpg') #26a3f4 no-repeat center center;
	background-size: auto 100%;
	box-sizing: border-box;
}
.telanlogin .home-til {
	padding-top: 135px;
}
.telanlogin .home-til h3, .telanlogin .home-til p {
	color: #fff;
}
.telanlogin a {
	margin: 0 10px;
	display: inline-block;
	vertical-align: top;
	width: 150px;
	height: 42px;
	border: 1px solid #fff;
	border-radius: 2px;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	color: #fff;
	transition: 0.4s;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}
.telanlogin a:hover {
	color: #268cf4;
}
.telanlogin a:hover .move-effect {
	width: 100%;
	background: #fff;
}
/*特效运动*/
.move-effect {
	display: block;
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.4s !important;
	z-index: -1;
}
/* line 721, ../sass/_index.scss */
.footer {
	background: #373d41;
	position: relative;
}
/* line 725, ../sass/_index.scss */
.footer-box {
	width: 1100px;
	margin: 0 auto;
}
.footer-contact {
	margin: 0 auto;
	border-bottom: 1px solid #4d5256;
	height: 100px;
	box-sizing: border-box;
	font-size: 0;
	line-height: 100px;
}
.footer-phone-icon {
	margin-right: 20px;
	width: 50px;
	display: inline-block;
	vertical-align: middle;
}
.footer-phone {
	margin-right: 110px;
	display: inline-block;
	vertical-align: middle;
}
.footer-phone p {
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 1;
	color: #fcfcfd;
}
.footer-phone p:last-child {
	margin-bottom: 0px;
}
.footer-contact a {
	display: inline-block;
	vertical-align: middle;
	padding: 0 30px;
	height: 24px;
	border-right: 1px solid #CFD0D1;
	line-height: 24px;
}
.footer-contact a:last-child {
	border-right: none;
}
.footer-contact a span {
	font-size: 16px;
	color: #f9f9fa;
	vertical-align: middle;
}
.footer-contact a:hover span {
	text-decoration: underline;
}
.footer-contact a img {
	margin-right: 5px;
	width: 20px;
	display: inline-block;
	vertical-align: middle;
}
.footer-list {
	margin: 0 auto;
	padding: 30px 0;
	width: 1100px;
	border-bottom: 1px solid #4d5256;
	font-size: 0;
	display: flex;
}
.footer-list dl {
	flex: 3;
	box-sizing: border-box;
}
.footer-list dl:last-child {
	flex: 4;
}
.footer-list dl dt {
	margin-bottom: 15px;
	display: block;
	font-size: 14px;
	line-height: 1;
	color: #fff;
}
.footer-list dl dd {
	display: block;
	margin-bottom: 15px;
}
.footer-list dl dd:last-child {
	margin-bottom: 0;
}
.footer-list dl dd a {
	font-size: 14px;
	line-height: 1;
	color: #A9B0B4;
}
.footer-list dl dd a:hover {
	color: #268cf4;
}
.footer-qr {
	display: inline-block;
	margin-right: 30px;
}
.footer-qr:last-child {
	margin-right: 0;
}
.footer-qr span {
	font-size: 12px;
	line-height: 24px;
	color: #A9B0B4;
}
.footer-img {
	width: 108px;
	height: 108px;
	position: relative;
}
.footer-img img {
	display: block;
	width: 100%;
	height: 100%;
}
.footer-img .footer-line {
	width: 100%;
	height: 0;
	border-bottom: 2px solid #268cf4;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(38, 140, 244, 0.2);
	-webkit-animation: move 5s linear infinite;
	-moz-animation: move 5s linear infinite;
	-ms-animation: move 5s linear infinite;
	-o-animation: move 5s linear infinite;
	animation: move 5s linear infinite;
}
@-webkit-keyframes move {
from {
height: 0;
}
to {
height: 108px;
}
}
@-moz-keyframes move {
from {
height: 0;
}
to {
height: 108px;
}
}
@-ms-keyframes move {
from {
height: 0;
}
to {
height: 108px;
}
}
@-o-keyframes move {
from {
height: 0;
}
to {
height: 108px;
}
}
@keyframes move {
from {
height: 0;
}
to {
height: 108px;
}
}
/* 友情链接 */
.link-wrap {
	padding: 30px 0;
	border-bottom: 1px solid #4d5256;
}
.link-wrap dl {
	display: block;
}
.link-wrap dl dt {
	float: left;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
}
.link-wrap dl dd {
	margin-left: 72px;
}
.link-wrap dl dd a {
	padding: 0 10px;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 24px;
	color: #A9B0B4;
}
.link-wrap dl dd a:hover {
	color: #268cf4;
}
/* 版权 */
.copyright {
	padding: 30px 0 20px;
	text-align: left;
}
.copyright p {
	font-size: 14px;
	line-height: 24px;
	color: #A9B0B4;
}
.copyright p a {
	font-size: 0;
}
.copyright p a span {
	font-size: 14px;
	line-height: 1;
	vertical-align: middle;
}
.copyright p a img:first-child {
	margin-right: 3px;
}
.copyright p a img {
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	width: 20px;
	height: 20px;
}
/* 注册弹框 */
.reg-box {
	width: 0px;/*420px;*/
	height: 0px;/*450px;*/
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	box-shadow: 0 0 50px #333;
	border-radius: 5px;
	z-index: 50;
	display: none;
	background: #fff;
	box-sizing: border-box;
}
#reg {
	width: 420px;
	height: 450px;
	border-radius: 5px;
}
.bounced-register {
	width: 420px;
	height: 450px;
	padding: 30px 15px;
	background: #fff;
	border-radius: 5px;
	box-sizing: border-box;
}
.bounced-register ul li {
	padding: 20px 0;
	width: 100%;
	height: 78px;
	position: relative;
	box-sizing: border-box;
}
.bounced-register ul li h3 {
	display: inline-block;
	width: 110px;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1;
	color: #333;
	text-align: right;
}
.bounced-register ul li h3 span {
	color: #e34700;
	margin-right: 5px;
}
.bounced-register ul li input {
	padding: 0 15px;
	width: 245px;
	height: 38px;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 14px;
	vertical-align: middle;
	color: #333;
	box-sizing: border-box;
}
.error-prompt {
	font-size: 12px;
	line-height: 1;
	color: #e34700;
	position: absolute;
	top: 64px;
	left: 120px;
}
.sms-code {
	display: inline-block;
	width: 245px;
	height: 38px;
	border: 1px solid #ccc;
	border-radius: 3px;
	vertical-align: middle;
	position: relative;
}
.bounced-register ul li .sms-code input {
	width: 100%;
	height: 100%;
	border: none;
}
.sms-code-send {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 14px;
	line-height: 36px;
	color: #999;
	padding: 0 12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-left: 1px solid #ccc;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	background: #f0f0f0;
	cursor: pointer;
}
.bounced-register ul li .tc {
	text-align: center;
}
.bounced-register-submit {
	display: inline-block;
	width: 240px;
	height: 38px;
	border-radius: 3px;
	background: #0077dd;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 16px;
	line-height: 38px;
	color: #fff;
	cursor: pointer;
}
.bounced-register-close {
	width: 42px;
	height: 35px;
	position: absolute;
	top: -17px;
	right: 0;
	cursor: pointer;
}
.bounced-register-close img {
	width: 100%;
	height: 100%;
}
/*video*/
.video-box {
	width: 970px;
	height: 570px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border: 2px solid #3e8ddc;
	background: #3e8ddc;
	border-radius: 6px;
	text-align: center;
}
.video-close {
	height: 24px;
	text-align: right;
}
.video-close img {
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin: 0px 10px 0;
	cursor: pointer;
}
.mask {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	display: none;
	top: 0;
	left: 0;
	z-index: 50;
}
.shade {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	top: 0;
	left: 0;
	z-index: 50;
}
#vid {
	border-radius: 10px;
}
.vid {
	display: none;
}
/* line 754, ../sass/_index.scss */
.pop-up {
	width: 640px;
	height: 340px;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background: #f0f0f0;
	box-shadow: 0 0 30px #666;
	text-align: center;
	border-radius: 10px;
	overflow: hidden;
	z-index: 30;
	display: none;
}
/* line 768, ../sass/_index.scss */
.pop-up-close {
	width: 38px;
	height: 38px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	cursor: pointer;
}
/* line 775, ../sass/_index.scss */
.pop-up-close img {
	width: 100%;
}
/* line 779, ../sass/_index.scss */
.pop-up-box {
	background: #187bce;
	height: 234px;
	padding-top: 44px;
	box-sizing: border-box;
}
/* line 783, ../sass/_index.scss */
.pop-up-box img {
	width: 52px;
	height: 52px;
	margin-bottom: 24px;
}
/* line 788, ../sass/_index.scss */
.pop-up-box h3 {
	font-size: 22px;
	line-height: 1;
	color: #fff;
	margin-bottom: 15px;
}
/* line 794, ../sass/_index.scss */
.pop-up-box p {
	font-size: 16px;
	line-height: 24px;
	color: #fff;
}
/* line 801, ../sass/_index.scss */
.pop-up-phone h3 {
	font-size: 18px;
	line-height: 26px;
	color: #187bce;
	margin-top: 16px;
}
/* line 807, ../sass/_index.scss */
.pop-up-phone p {
	font-size: 24px;
	line-height: 1;
	font-weight: bold;
	color: #187bce;
}
/*未登录弹框*/
.pop-iframe {
	width: 600px;
	height: 525px;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 100;
	box-shadow: 0px 0px 50px #333;
}
.pop-iframe-close {
	position: absolute;
	display: block;
	width: 53px;
	height: 45px;
	top: -22px;
	right: 0;
	background: url('pop_iframe_close.png') no-repeat;
	cursor: pointer;
}
.penkrName {
	font-size: 0;
	width: 664px;
	height: 78px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border: 1px solid #ddd;
	border-radius: 5px;
	background: #fff;
	padding: 20px;
}
.penkrName span {
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	line-height: 1;
	color: #333;
	text-align: right;
}
.penkrName input[name="firmName"] {
	margin-right: 20px;
	padding: 0 15px;
	width: 360px;
	height: 38px;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-size: 14px;
	vertical-align: middle;
	color: #333;
}
.penkrName button {
	display: inline-block;
	width: 120px;
	height: 38px;
	border-radius: 3px;
	background: #0077dd;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 16px;
	line-height: 38px;
	color: #fff;
	cursor: pointer;
}
.penkr-firm {
	padding: 20px;
	width: 668px;
	height: 78px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	box-shadow: 0 0 50px #333;
	border-radius: 5px;
	z-index: 50;
	display: none;
	background: #fff;
}
.penkr-firm-close {
	width: 42px;
	height: 35px;
	position: absolute;
	top: -17px;
	right: 0;
	cursor: pointer;
}
.penkr-firm-close img {
	width: 100%;
	height: 100%;
}
/* 红包 */
.redbag-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	top: 0;
	left: 0;
	z-index: 50;
	display: none;
}
.redbag-box {
	margin-top: -250px;
	margin-right: -250px;
	position: fixed;
	top: 760px;
	right: 250px;
	z-index: 51;
	width: 0;
	height: 0;
	overflow: hidden;
	transition: 0.4s;
	-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
}
.redbag-box img {
	display: block;
	width: 100%;
	height: 100%;
}
.redbag-box a {
	display: block;
	width: 206px;
	height: 60px;
	position: absolute;
	top: 358px;
	left: 145px;
}
.redbag-box-close {
	width: 38px;
	height: 38px;
	display: block;
	position: absolute;
	top: 18px;
	right: 15px;
	cursor: pointer;
}
.redbag-box.act {
	top: 50%;
	right: 50%;
	width: 500px;
	height: 500px;
}
/****** 新增视频banner *******/
#video-banner .banner-video {
	height: 710px;
	overflow: hidden;
	position: relative;
	background-color: #000
}
#video-banner .banner-video .telan-banner-video {
	position: absolute;
	left: 0;
	bottom: 0px;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	width: 100% !important;
	object-fit: cover;
}
#video-banner .banner-text {
	text-align: center;
	position: relative;
	margin: 100px 0 50px 0;
}
#video-banner .banner-text h2 {
	font-size: 54px;
	line-height: 54px;
	color: #fff;
}
#video-banner .banner-text h3 {
	font-size: 16px;
	line-height: 24px;
	color: #e8e8e8;
	padding: 40px 0 30px 0;
	font-weight: normal;
}
#video-banner .banner-text p {
	font-size: 24px;
	line-height: 24px;
	color: #fff;
	padding-bottom: 38px;
}
#video-banner .banner-text .banner-text-button {
}
#video-banner .banner-text .banner-text-button a {
	width: 138px;
	height: 40px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	margin: 0 5px;
	display: inline-block;
	color: #fff;
}
#video-banner .banner-text .banner-text-button a.login-btn, #video-banner .banner-text .banner-text-button a:hover {
	background-color: #002754;
	border-color: #002754;
	color: #fff;
}
#video-banner .banner-text .banner-text-button a.reg-btn {
	width: 138px;
	height: 40px;
	border: 1px solid #fff;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	margin: 0 5px;
	display: inline-block;
	color: #fff;
}
/*********** 新增-移动端复杂应用滚动效果 **********/
.hotproduct {
	height: auto;
	padding-bottom: 30px;
}
.mobi-fzgd {
	width: 100%;
	max-width: 1124px;
	margin: 0 auto;
	display: none;
}
.mobi-fzgd, .mobi-fzgd * {
	box-sizing: border-box;
}
.mobi-fzgd .box-item {
	height: 386px;
	border: 1px solid #e8ebee;
	background: #fff;
}
/********* 新增-移动端解决方案滚动效果 ******/
.telansolution-box {
	width: 100%;
	max-width: 1200px;
}
.mobi-jjfa {
	display: none;
}
.mobi-jjfa, .mobi-jjfa * {
	box-sizing: border-box;
}
.mobi-jjfa .mobi-jjfa-list {
}
.mobi-jjfa .mobi-jjfa-list .box-item {
	position: relative;
}
.mobi-jjfa .mobi-jjfa-list .box-item .content {
	position: relative;
	width: 90%;
	margin: 0 auto;
}
.mobi-jjfa .mobi-jjfa-list .box-item .content .img {
	height: 0;
	position: relative;
	z-index: 0;
}
.mobi-jjfa .mobi-jjfa-list .box-item:hover .telansolution-shadow {
	padding-top: 35%;
	background: rgba(36,141,247,0.8);
}
.mobi-jjfa .slick-dots li {
	float: none;
	width: 20px;
	height: 20px;
	margin: 0 5px;
}

/*********** 移动端适配 ************/
@media screen and (max-width:1024px) {
/***** 公共 *******/
#contains {
	min-width: unset;
}
/***** banner ******/
#video-banner .banner-video {
	height: 0;
	padding-bottom: 56.25%;
}
#video-banner .banner-video .telan-banner-video {
	height: 100%;
}
#video-banner .banner-text {
	margin-top: 160px;
}
/***** 复杂应用开发 *****/
.telan-number {
	padding-left: 2%;
	padding-right: 2%;
}
.telan-number ul {
	text-align: justify;
	font-size: 0;
	width: 70%;
	margin: 0 auto;
}
.telan-number ul:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 0;
	visibility: hidden;
}
.telan-number ul li {
	width: 48%;
	margin: 0 0 20px 0!important;
}
.pc-fzgd {
	display: none;
}
.mobi-fzgd {
	display: block;
}
.hotproduct-box {
	padding-left: 25px;
	padding-right: 25px;
}
.hotproduct-cont {
	padding-left: 10px;
	padding-right: 10px;
}
.hotproduct-box .slick-dots li {
	width: 20px;
	height: 20px;
	background: none;
	border: none;
	float: none;
}
/***** 与强者同行 ******/
.telancase .telancase-cont {
	width: 100%;
}
.telancase ul li {
	width: 19%;
}
/***** 应用解决方案 *****/
.pc-jjfa {
	display: none;
}
.mobi-jjfa {
	display: block;
	padding-left: 2%;
	padding-right: 2%;
}
.mobi-jjfa .mobi-jjfa-list .box-item .content .img {
	padding-bottom: 176%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
/***** 我们提供 *****/
.telankingclub-box {
	width: 100%;
}
.telankingclub-box ul li {
	height: auto;
}
.telankingclub-box ul li a img {
	width: 100%;
}
}

@media screen and (max-width:1023px) {
/***** 同行 *****/
.telancase .telancase-cont {
	text-align: center
}
.telancase ul li {
	width: 18%
}
/***** 解决方案 *****/
.home-til {
	padding-left: 2%;
	padding-right: 2%;
}
.home-til p {
	line-height: 1.6;
}
}

@media screen and (max-width:850px) {
/***** banner ******/
#video-banner .banner-text {
	margin-top: 80px;
	padding-left: 2%;
	padding-right: 2%;
}
#video-banner .banner-text h2 {
	font-size: 44px;
	line-height: 44px;
}
/***** 复杂应用开发 *****/
.telan-number ul {
	width: 80%;
}
.hotproduct-top {
	height: auto;
	padding-bottom: 16px;
}
/***** 强者 *****/
.telancase ul li {
	height: auto;
	width: 23%;
}
.telancase ul li a {
	display: inline-block;
	width: 100%;
	height: 0;
	padding-bottom: 80.676%;
}
.telancase ul li a img {
	height: auto;
}
}

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

@media screen and (max-width:639px) {
/****** banner *****/
#video-banner .banner-text {
	margin-top: 60px;
}
#video-banner .banner-text h2 {
	font-size: 34px;
	line-height: 34px;
}
#video-banner .banner-text h3 {
	font-size: 14px;
	line-height: 20px;
	padding: 30px 0 20px 0;
}
#video-banner .banner-text p {
	font-size: 20px;
	line-height: 20px;
	padding-bottom: 28px;
}
#video-banner .banner-text .banner-text-button a, #video-banner .banner-text .banner-text-button a.reg-btn {
	font-size: 14px;
}
/***** 复杂应用 *****/
.telan {
	padding-bottom: 10px;
}
.home-til {
	padding-top: 30px;
	padding-bottom: 10px;
}
.home-til h3 {
	margin-bottom: 20px;
	font-size: 24px;
}
.home-til p {
	font-size: 12px;
}
.telan-divide {
	padding-left: 2%;
	padding-right: 2%;
}
.telan-divide p {
	font-size: 12px;
}
.telan-divide img {
	width: auto;
	max-width: 100%;
}
.telan-divide ul {
	text-align: justify;
}
.telan-divide ul:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 0;
	visibility: hidden;
}
.telan-divide ul li {
	width: 30%;
	font-size: 12px;
	vertical-align: top;
	text-align: center;
	line-height: 1.6;
}
.telan-number ul li {
	text-align: center;
}
.telan-number ul li img {
	display: block;
	margin: 0 auto;
}
.telan-cont {
	text-align: center;
}
.telan-cont-til h3 {
	font-size: 20px;
	line-height: 20px
}
.telan-cont-til span {
	font-size: 16px;
	line-height: 20px;
}
.telan-cont-til h3 sup {
	line-height: 0.4;
}
.telan-cont p {
	font-size: 14px;
}
.mobi-fzgd .box-item {
	height: 256px;
}
.hotproduct-top {
	padding-top: 5px;
	padding-bottom: 0;
}
.hotproduct-top-img {
	width: 40px;
	height: 40px;
	margin-bottom: 10px;
}
.hotproduct-top h3 {
	font-size: 14px;
}
.hotproduct-cont {
	padding-top: 10px;
}
.hotproduct-cont p {
	font-size: 12px;
	line-height: 20px;
}
.hotproduct-cont a {
	margin-left: -50px;
	top: 120px;
	width: 100px;
	height: 32px;
	line-height: 30px;
	font-size: 14px;
}
/******* 我们提供 ********/
.telankingclub-box ul li h3 {
	font-size: 14px;
	padding-top: 30px;
}
.telankingclub-box ul:last-child li:last-child a {
	padding-top: 50px;
	font-size: 14px;
}
}

@media only screen and (max-width: 479px) {
	/******* banner ******/
	#video-banner .banner-text{margin-top: 40px;}
	#video-banner .banner-text h2{font-size: 24px;line-height: 24px;}
	#video-banner .banner-text h3 {
	font-size: 12px;
	line-height: 16px;
	padding: 10px 0 10px 0;
}
	#video-banner .banner-text p {
	font-size: 14px;
	line-height: 14px;
	padding-bottom: 10px;
}
	#video-banner .banner-text .banner-text-button a, #video-banner .banner-text .banner-text-button a.reg-btn{
		font-size: 12px;
	}
	#video-banner .banner-text .banner-text-button a,#video-banner .banner-text .banner-text-button a.reg-btn{
		width: 100px;
		line-height: 28px;
		height: 28px;
	}
	/******* 复杂应用 *********/
	.hotproduct-cont a{
		top: 90px;
	}
	.mobi-fzgd .box-item{
		height: 226px;
	}
	/******* 强者 ********/
	.telancase{
		height: auto;
	}
	
	.telancase .telancasebg1{
		padding-bottom: 30px;
	}
	.telancase ul li{
		width: 30%;
	}
	/******* 应用解决方案 ********/
	.mobi-jjfa .mobi-jjfa-list .box-item .content .img{
		padding-bottom: 100%;
	}
	.telansolution-shadow{
		padding-top: 25%;
	}
	.mobi-jjfa .mobi-jjfa-list .box-item:hover .telansolution-shadow{
		padding-top: 15%;
	}
	/******* 提供 ********/
	.telankingclub-box ul li:first-child,.telankingclub-box ul li:nth-child(2),.telankingclub-box ul li:nth-child(3),.telankingclub-box ul li:nth-child(4){
		display: none;
	}
	/******* 最下面的咨询 *********/
	.telanlogin{
		height: 0;
		padding-bottom: 80%;
	}
	.telanlogin .home-til{
		padding-top: 65px;
	}
}