@CHARSET "UTF-8";

.fn-clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.fn-clear {
	zoom: 1; /* for IE6 IE7 */
}

body .fn-hide {
	display: none;
}

.fn-left,.fn-right {
	display: inline;
}

.fn-left {
	float: left;
}

.fn-right {
	float: right;
}

.header,.subpage-header {
	overflow: hidden;
	width: 100%;
}

.banner,.subpage-banner {
	background-position: -300px 0;
	position: absolute;
	width: 100%;
	overflow: hidden;
	top: 0;
	left: 0
}

.header,.banner {
	overflow: hidden;
}

@media ( min-width :800px) {
	.banner,.subpage-banner {
		background-position: center top;
		background-repeat: no-repeat;
	}
}

@media ( min-width :1680px) {
	.banner,.subpage-banner {
		background-size: 100%;
		background-position: center top;
	}
}

.slogan {
	display: block;
	text-align: center;
}

.slogan-inner {
	display: block;
	margin-top: 200px;
	height: 200px;
}

.slogan-inner h1 {
	line-height: 42px;
	font-size: 42px;
	color: #f07e28;
}

.index-slogan h2 {
	margin-top: 30px;
}

.slogan-inner h2 {
	line-height: 36px;
	font-size: 36px;
	color: #19101d;
}

.slogan-culture {
	margin-top: 140px;
}

.slogan-culture h1 {
	color: #123282;
}

.slogan-culture h2 {
	color: #FFF;
	line-height: 50px;
	text-shadow: 0 2px 8px #000
}

.slogan-product .slogan-inner {
	margin-top: 160px;
}

.slogan-product h2 {
	color: #000;
	text-align: left;
	margin-left: 18%;
}

.slogan-family {
	
}

.slogan-family h1 {
	color: #ffb933;
}

.slogan-family h2 {
	color: #FFF;
}

.nav {
	width: 1620px;
	width: 96.43%;
	height: 50px;
	position: fixed;
	padding: 15px 1.785714%;
	z-index: 999999;
	visibility: hidden;
	-moz-transition: opacity;
	-webkit-transition: opacity;
	-o-transition: opacity;
}

.nav-subpage {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .5);
}

.nav-fixed {
	background-color: #fff;
	visibility: visible;
	-moz-box-shadow: 0 1px 1px rgba(51, 51, 51, .3);
	box-shadow: 0 1px 1px rgba(51, 51, 51, .3);
	opacity: 1;
}

.inner-nav {
	position: relative;
	height: 50px;
}

div.brand a,div.brand img {
	display: inline-block;
	width: 200px;
	height: 44px;
	border: none;
}

div.nav-menu {
	height: 50px;
	position: relative;
}

ul.nav-list {
	height: 26px;
	padding: 12px 0;
}

ul.nav-list:before,ul.nav-list:after {
	content: "";
	display: table;
}

ul.nav-list:after {
	clear: both;
}

ul.nav-list>li {
	float: left;
	font-size: 16px;
	text-align: center;
	margin-right: 45px;
	padding-bottom: 1px;
	padding: 0px 5px 1px;
}

ul.nav-list>li.last {
	margin-right: 40px;
}

ul.nav-list>li a {
	text-decoration: none;
	color: #000;
}

ul.nav-list>li a:link {
	color: #000;
}

ul.nav-list>li a:hover {
	color: #000;
	text-decoration: none;
}

.ui-container {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
}

.main-container {
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0px;
}

.main-container-inner {
	color: #FFF;
}

.index-ldway {
	width: 65%;
	height: 100%;
	height: 290px;
	background-color: rgba(49, 97, 142, 0.75);
	position: absolute;
	left: 0;
	bottom: 0;
}

.index-ldway-icon {
	padding-left: 30px;
	background: url("../images/ld-way.png") left center no-repeat;
}

.ldway {
	padding: 0 10px;
	height: 45px;
}

.ldway .t-bar {
	padding: 10px 10px 10px 20px;
}

.ldway .t-bar strong {
	float: left;
	font-size: 18px;
	font-weight: 400;
}

.ldway .link-more {
	text-decoration: none;
	color: #FFF;
}

.ld-slider-content {
	width: 100%;
}

.index-ldcontact {
	height: 290px;
	width: 35%;
	background-color: rgba(6, 120, 240, 0.75);
	position: absolute;
	right: 0;
	bottom: 0;
}

.company-family {
	
}

.ld-callcenter-icon,.ld-phone-icon,.ld-culture-icon,.ld-family-icon {
	padding-left: 45px;
	line-height: 30px;
	display: block;
	font-weight: normal;
	font-size: 20px;
	margin: 20px 0 0 25px;
	background: url("../images/ld-callcenter.png") 0 center no-repeat;
}

.ld-family-icon {
	padding-left: 35px;
}

.ld-family-icon {
	background: url("../images/ld-map-icon.png") 8px center no-repeat;
}

.ld-phone-icon {
	background: url("../images/ld-phone.png") 8px center no-repeat;
}

.team-culture-area,.product-culture-area,.work-culture-area,.family-member-area
	{
	width: 25%;
	height: 320px;
	position: absolute;
	bottom: 0;
}

.family-member-area {
	height: 240px;
}

.family-member-area .company-family-map {
	width: 85%;
	height: 300px;
	margin: 20px auto;
}

.family-member-area p {
	margin: 15px 0 0 25px;
	font-weight: normal;
}

.company-address {
	display: block;
	line-height: 30px;
	font-size: 16px;
	width: 100%;
}

.company-phone {
	display: block;
	line-height: 30px;
	font-size: 16px;
	width: 100%;
}

.company-traffic-content,.company-traffic-content label {
	clear: both;
	display: block;
	float: left;
	line-height: 24px;
	margin-left: 95px;
}

.company-traffic-content label {
	width: 130px;
	text-align: right;
	margin-left: -135px;
}

.product-index-content {
	width: 100%;
	position: absolute;
	bottom: 0;
	position: absolute;
}

.product-index-list {
	position: relative;
}

.product-index-list strong {
	display: block;
	width: 100%;
	height: 30px;
	font-size: 30px;
	margin-top: 90px;
	text-align: center;
}

.product-index-list p {
	display: block;
	width: 100%;
	height: 30px;
	font-size: 16px;
	margin-top: 20px;
	text-align: center;
}

.product-index-list a {
	text-decoration: none;
	color: #FFF;
}

.product-index-content>div {
	display: block;
	float: left;
	width: 33.33%;
}

.product-index-content>div:nth-child(-n+3) {
	height: 225px;
}

.product-index-content>div:nth-child(n+4) {
	height: 285px;
}

.product-detail {
	width: 80%;
}

.product-detail-content {
	height: 100%;
	width: 100%;
	position: relative;
}

.product-detail-content .product-detail-content-hd {
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	height: 120px;
	z-index: 9;
}

.product-detail-content .product-detail-content-hd .fn-left {
	width: 380px;
	height: 230px;
	position: absolute;
	left: 90px;
	z-index: 99;
}

.product-detail-content-hd .fn-left .product-img {
	width: 360px;
	height: 220px;
	margin: 0 auto;
	background-position: left center;
	background-repeat: no-repeat;
	background-color: #FFF;
}

.product-detail-content .product-detail-content-hd .fn-right {
	width: 60%;
	text-align: center;
	position: relative;
	z-index: 99;
}

.product-detail-content-hd .fn-right .title {
	font-size: 34px;
	line-height: 100px;
}

.product-detail-content-hd .fn-right .close {
	display: block;
	width: 32px;
	height: 32px;
	background: url("../images/close.png") center no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
}

.product-detail-content .product-detail-content-bd {
	display: block;
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	background-color: #FFF;
}

.product-detail-content .product-detail-content-bd-local {
	position: absolute;
	top: 260px;
	bottom: 0px;
	width: 100%;
}

.product-detail-content .product-detail-content-bd-desc {
	height: 100%;
	width: 85%;
	color: #000;
	margin: 0 auto;
	overflow: auto;
	margin: 0 auto;
}

.team-culture-area {
	background-color: rgba(47, 97, 169, 0.75);
	left: 0;
}

.product-culture-area {
	background-color: rgba(15, 49, 129, 0.75);
	left: 33.33%;
}

.work-culture-area,.family-member-third {
	background-color: rgba(218, 51, 32, 0.75);
	left: 50%;
}

.work-culture-area,.family-member-fourth {
	background-color: rgba(18, 51, 232, 0.75);
	left: 75%;
}

.family-member-first {
	background-color: rgba(138, 131, 138, 0.75);
	left: 0;
}

.family-member-second {
	background-color: rgba(17, 55, 98, 0.75);
	left: 25%;
}

.product-index-content .secure-office-small {
	background-color: rgba(138, 72, 135, .75)
}

.product-index-content .central-control-small {
	background-color: rgba(215, 145, 27, .75)
}

.product-index-content .unified-sso-small {
	background-color: rgba(107, 107, 107, .75)
}

.product-index-content .e-government-small {
	background-color: rgba(59, 87, 151, .75)
}

.product-index-content .knowledge-small {
	background-color: rgba(10, 64, 145, .75)
}

.product-index-content .domestic-ize-small {
	background-color: rgba(39, 132, 193, .75)
}

.secure-office .product-detail-content,.secure-office .product-detail-content-hd,.secure-office .fn-left
	{
	background-color: rgba(138, 72, 135, 1);
}

.secure-office .fn-left .product-img {
	
}

.central-control .product-detail-content,.central-control .product-detail-content-hd,.central-control .fn-left
	{
	background-color: rgba(215, 145, 27, 1);
}

.central-control .fn-left .product-img {
	
}

.unified-sso .product-detail-content,.unified-sso .product-detail-content-hd,.unified-sso .fn-left
	{
	background-color: rgba(107, 107, 107, 1);
}

.unified-sso .fn-left .product-img {
	
}

.e-government .product-detail-content,.e-government .product-detail-content-hd,.e-government .fn-left
	{
	background-color: rgba(59, 87, 151, 1);
}

.e-government .fn-left .product-img {
	
}

.knowledge .product-detail-content,.knowledge .product-detail-content-hd,.knowledge .fn-left
	{
	background-color: rgba(10, 64, 145, 1);
}

.knowledge .fn-left .product-img {
	
}

.domestic-ize .product-detail-content,.domestic-ize .product-detail-content-hd,.domestic-ize .fn-left
	{
	background-color: rgba(39, 132, 193, 1);
}

.domestic-ize .fn-left .product-img {
	
}

.company-family .company-family-map,.company-family .company-traffic,.company-family .company-traffic-list
	{
	visibility: hidden;
}

.company-family .show-detail,.family-member-area:_hover {
	_height: 720px;
	-webkit-transition: left ease-in;
	-moz-transition: left ease-in;
	transition: left linear .2s;
}

.show-detail .company-family-map,.show-detail .company-traffic,.show-detail .company-traffic-list,.family-member-area:_hover .company-family-map,.family-member-area:_hover .company-traffic,.family-member-area:_hover .company-traffic-list
	{
	visibility: visible;
}

.footer {
	background: #4d4d4d;
	position: absolute;
	z-index: 99999;
	bottom: 0px;
	width: 100%;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.footer-inner {
	width: 100%;
	height: 60px;
}

.footer .copyright span {
	color: #FFF;
	margin-left: 20px;
	line-height: 60px;
}