.header {
	width: 100%;
	height: 80px;
	position: absolute;
	background: black;
	z-index: 9999;
	opacity: 0.9;
	position:fixed;
}

.header .container{
	width: 1200px;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #ffffff;
	margin: 0 auto;
}

.header-logo {
	display: flex;
	align-items: center;
}

.header-logo .line {
	width: 1px;
	height: 24px;
	background: #FFFFFF;
	margin: 0 11px;
}

.header-logo1 {
	width: 130px;
	height: 35px;
	background-image: url("/Public/static/img/common/logo.png?v=1019");
	background-size:100% 100%;
	background-repeat: no-repeat;
}


.header-logo2 {
	width: 220px;
	height: 32px;
	background-image: url("/Public/static/img/common/logo-2.png?v=1");
	background-repeat: no-repeat;
	background-position-y: 2px;
}


.header-cmd {
	margin-left:30px;
	
}

/*
.header-cmd a{color:#eee;border:1px solid #eee;padding:5px 10px;display:inline;border-radius:4px;font-size:14px;}
.header-cmd a:hover{border:1px solid #fff;}
*/

.header-nav {
	display: flex;
	align-items: center;
	font-size: 16px;
}

.header-nav .navList {
	display: flex;
	position: relative;
}

.header-nav .navList li {
	margin-right: 36px;
	text-align: center;
	cursor: pointer;
	position: relative;
	line-height:80px;
}

.header-nav .navList li a{
	color:#fff;
}

.header-nav .navList li:hover::after {
	position: absolute;
	content: '';
	width: 100%;
	bottom: 0;
	left: 0;
	height: 3px;
	background: #00A8FF;
}

.header-nav .navList p {
	position: absolute;
	bottom: 0;
	left: 0px;
	height: 3px;
	border-top: 3px solid #ff6600;
	overflow: hidden;
	text-align: center;
}


.header-nav i {
	font-style: normal;
}


.header-nav .navList li.pmenu a{color: white;height:80px;display:block;}

.navigation_down {
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	z-index: 999999;
	width: 100%;
}

.navigation_down .child_nav_bg {
	width: 100%;
	height: auto;
	background: black;
	padding: 70px 0 30px 0;
}

.child_nav {
	top: 0px !important;
	border: 0px !important;
}

.navigation_down .content_inner_pro {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}

.header dl{float:left;margin:10px 100px 10px 30px;padding:0px;width:250px;}
.header dt{
	font-size: 18px;
	color: #F9F9F9 !important;
	letter-spacing: 0;
	font-weight: 600;
	margin-bottom: 22px !important;
	float: none !important;
	border-bottom: 1px solid #666;
	height: 40px;
}
.header dd{margin:0px;padding:0px;}


/*解决方案*/
.header .content_inner_center {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	color:#fff;
}

.header .icon-list {
	display: flex;
	flex-wrap: wrap;
}

.header .icon-list {color:#fff;}

/*sub-list*/
.header .sub-list a {
    display:block;
	width:100%;
	height:80px;
	position:relative;
	color:#eee;
}

.header .sub-list a:hover {
	color:#377dff;
}

.header .sub-list .icon-product {
    position: absolute;
    left: -5px;
    top: -10px;
    transform: scale(0.6,0.6);
}

.icon-im{background-position:0px -0px;}
.icon-sdk{background-position:-60px 0px;}
.icon-miniprogram{background-position:-120px 0px;}
.icon-meeting{background-position:-180px 0px;}
.icon-back{background-position:-240px 0px;}
.icon-livechat{background-position:-300px 0px;}
.icon-sms{background-position:-360px 0px;}
.icon-card{background-position:-420px 0px;}
.icon-workpro{background-position:-480px 0px;}
.icon-dispatch{background-position:-540px 0px;}
.icon-intro{background-position:0px -60px;}
.icon-partner{background-position:-60px -60px;}
.icon-report{background-position:-120px -60px;}
.icon-news{background-position:-180px -60px;}

.header .sub-list h3 {
    margin:5px 0px;
}

.header .sub-list span {
    
}

/*icon-list*/
.header .icon-list li {
	width: 25%;
	float:left;
	margin-bottom: 90px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.header .icon-list li .icon {
	display: block;
	width: 60px;
	height: 60px;
	margin-bottom: 33px !important;
	margin: auto;
	font-size:60px;
	color:#fff;
}

.header .icon-list li .text {
	color:#fff;
	width: 100%;
}

.header .icon-list li:hover .text,.header .icon-list li:hover .icon {
	color: #377dff;
}


.links a {
	font-size: 16px;
	color: #FFFFFF;
	margin-right: 10px;
}
 

/*footer*/
.footer{background:#2F2F2F;color:rgba(255,255,255,0.6); line-height:30px;padding:20px;}
.footer *{font-size:0.95em;}
.footer h3{font-size:14px;}
.footer a{color:#eee;}
.footer i{ }
.footer-main{text-align:left;}
.footer-main .card li{float:none;width:100%;padding:0px;text-align:left;}
.footer-link{text-align:center;color:#666;}
.footer-link a{font-size:0.8em;margin-bottom:20px;color:#666;}
.footer-copy{margin:10px;text-align:center;line-height:2em;}
.footer-copy a{color:#a4a4a4;}