html {
	color:#000;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
/*@font-face {
  font-family: "SourceHanSansSC";
  src: url("font/SourceHanSansSC-Normal.woff2") format("woff2"),
       url("font/SourceHanSansSC-Normal.woff") format("woff"),
       url("font/SourceHanSansSC-Normal.ttf") format("truetype"),
       url("font/SourceHanSansSC-Normal.eot") format("embedded-opentype"),
       url("font/SourceHanSansSC-Normal.svg") format("svg");
}*/
@font-face {
  font-family: "HYFanXiaoGeLiShuF";
  src: url("font/HYFanXiaoGeLiShuF.woff2") format("woff2"),
       url("font/HYFanXiaoGeLiShuF.woff") format("woff"),
       url("font/HYFanXiaoGeLiShuF.ttf") format("truetype"),
       url("font/HYFanXiaoGeLiShuF.eot") format("embedded-opentype"),
       url("font/HYFanXiaoGeLiShuF.svg") format("svg");
}
/*@font-face {
  font-family: "SourceHanSansSC";
  src: url("font/SourceHanSansSC-Light.woff2") format("woff2"),
       url("font/SourceHanSansSC-Light.woff") format("woff"),
       url("font/SourceHanSansSC-Light.ttf") format("truetype"),
       url("font/SourceHanSansSC-Light.eot") format("embedded-opentype"),
       url("font/SourceHanSansSC-Light.svg") format("svg");
}*/
@font-face {
  font-family: "SourceHanSansSC";
  src: url("font/SourceHanSansSC-ExtraLight.woff2") format("woff2"),
       url("font/SourceHanSansSC-ExtraLight.woff") format("woff"),
       url("font/SourceHanSansSC-ExtraLight.ttf") format("truetype"),
       url("font/SourceHanSansSC-ExtraLight.eot") format("embedded-opentype"),
       url("font/SourceHanSansSC-ExtraLight.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin:0;
	padding:0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block
}
audio, canvas, video {
	display:inline-block;
*display:inline;
*zoom:1
}
body, button, input, select, textarea {
	font-size: 12px;
	line-height: 1;
	/* font-family: 'SourceHanSansSC','Arial'; */
	font-family:  "PingFangSC-Regular","Arial","Microsoft YaHei","黑体","宋体",sans-serif;
}
input, select, textarea {
	font-size:100%
}
table {
	border-collapse:collapse;
	border-spacing:0
}
th {
	text-align:inherit
}
fieldset, img {
	border:0
}
iframe {
	display:block
}
abbr, acronym {
	border:0;
	font-variant:normal
}
del {
	text-decoration:line-through
}
address, caption, cite, code, dfn, em, th, var {
	font-style:normal;
	font-weight:500
}
ol, ul {
	list-style:none
}
caption, th {
	text-align:left
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:500
}
q:before, q:after {
	content:''
}
sub, sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sup {
	top:-.5em
}
sub {
	bottom:-.25em
}
a:link {
	color:#08c
}
a:hover {
	color:#08c;
	text-decoration:underline
}
ins, a {
	text-decoration:none
}
code, kbd, pre, samp {
	font-family:monospace, serif;
	font-size:1em
}

.fn-clear:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0
}
#header {
	height: 86px;
	position: fixed;
	z-index: 1;
	width: 100%;
	padding: 0 5%;
	box-sizing: border-box;
	margin:  0 auto;
}
.fixed-header {
	background: rgba(255,255,255, 1);
	border-bottom: solid 1px rgba(121,121,121, 0.2);
}
#header.fixed-header .nav li a {
	color: #000;
}
#header .logo {
	padding-top: 26px;
	float: left;
}
#header .logo img {
	height: 38px;
}
#header .nav {
	padding-top: 36px;
	font-size: 20px;
	float: right;
}

#header .nav li {
	float: left;
	margin: 0 30px;
}
#header .nav li a {
	color: #fff;
	text-decoration: none;
	padding-bottom: 5px;
	font-weight: 200;
}

#header .nav li a:hover, #header .nav li a.current {
	background: url(../image/nav-bg.png) no-repeat center bottom;
}

.header-primary-button {
	height: 44px;
	display: inline-flex;
	align-items: center;
}

#aiModalButton {
	display: none;
	outline: none;
	cursor: pointer;
	transition: all 0.3s;
	padding: 8px 10px;
	background-color: #4444e1;
	color: white;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	margin-left: 24px;
}

#aiModalButton:hover {
	opacity: 0.66;
}

#topic {
	position: relative;
	height: 620px;
}
#topic .list {
	height: 100%;
}
#topic .item {
	height: 620px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

#topic .topic-nav {
	position: absolute;
	bottom: 136px;
	left: 0;
	width: 100%;
	text-align: center;
}

#topic .topic-nav li {
	display: inline-block;
	font-size: 0;
	width: 40px;
	height: 6px;
	background: #fff;
	background: rgba(255,255,255, 0.5);
	margin: 0 3px;
	cursor: pointer;
}
#topic .topic-nav li button {
	display: none;
}
#topic .topic-nav li.slick-active {
	width: 60px;
	background:#fff;
}
#brand {
	position: relative;
	width: 100%;
	top: -112px;
	height: 112px;
	overflow: hidden;
	background: rgba(0,0,0, 0.1);
}
#brand .inner {
	width: 90%;
	height: 100%;
	margin: 0 auto;
}
#brand .item {
	float: left;
	width: 50%;
	height: 100%;
	text-align: center;
	border-right: 1px solid rgba(255,255,255, 0.5);
	cursor: pointer;
	box-sizing: border-box;
}
#brand  .item.current {
	background: rgba(0,0,0, 0.3);
}
#brand  .item.current img {
	opacity: 1;
	filter:alpha(opacity=100);
}
#brand  .item.current span {
	opacity: 1;
	filter:alpha(opacity=100);
}
#brand .first {
	border-left: 1px solid rgba(255,255,255, 0.5);
}
#brand .item img {
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	max-height: 38px;
	opacity: 0.65;
	filter:alpha(opacity=65);
}
#brand .item span {
	font-size: 16px;
	color: #fff;
	opacity: 0.65;
	filter:alpha(opacity=65);
	font-weight: 200;
}

#brand-details {
	margin-top: -126px;
}
#brand-details .item {
	height: 460px;
	display: none;
}
#brand-details .current {
	display: block;
}

#team h2, #brand-details h2, #customer h2, #culture h2, #jobs h2{
	font-size: 22px;
	text-align: center;
	padding-bottom: 26px;
}
#customer h2 {
	padding-bottom: 36px;
}
#team h2 i, #brand-details h2 i, #customer h2 i, #culture h2 i, #jobs h2 i {
	font-style: normal;
	background: linear-gradient(90deg, #02AAC8, #0560FF) center bottom no-repeat;
	background-size: 96% 4px;
	padding-bottom: 16px;
	display: inline-block;
}

#brand-details h2 {
	padding-top: 54px;
}

#brand-details .chiefsecurity p {
	color: #717171;
	font-size: 16px;
	text-align: center;
	padding: 0 18%;
	line-height: 1.8em;
	font-weight: 200;
}

#brand-details .chiefsecurity .feature-list {
	color: #777;
	font-size: 18px;	
	text-align: left;
	padding-top: 50px;
}

#brand-details .chiefsecurity .feature-list ul {
	margin: 0 auto;
	width: 90%;
}

#brand-details .chiefsecurity .feature-list li {
	display: block;
	height: 72px;
	line-height: 72px;
	float: left;
	width: 33.33%;
	box-sizing: border-box;
	margin-bottom: 46px;
	padding-right: 6%;
	padding-left: 6%;
}
#brand-details .chiefsecurity .feature-list li i {
	width: 72px;
	height: 72px;
	margin-right: 18px;
	display: inline-block;
	vertical-align: middle;
	background: url(../image/chiefsecurity-featurex1.png) center 0 no-repeat;
	background-size: 70px 447px;
}
#brand-details .chiefsecurity .feature-list .cc1 {
	background-position: center 3px;
}
#brand-details .chiefsecurity .feature-list .cc2 {
	background-position: center -76px;
}
#brand-details .chiefsecurity .feature-list .cc3 {
	background-position: center -160px;
}
#brand-details .chiefsecurity .feature-list .cc4 {
	background-position: center -236px;
}
#brand-details .chiefsecurity .feature-list .cc5 {
	background-position: center -314px;
}
#brand-details .chiefsecurity .feature-list .cc6 {
	background-position: center -386px;
}


#brand-details .德镨信息科技 .description {
	color: #717171;
	font-size: 16px;
	text-align: center;
	padding: 0 20%;
	line-height: 1.8em;
	font-weight: 200;
}

#brand-details .德镨信息科技 .feature-list {
	padding-top: 30px;
}

#brand-details .德镨信息科技 .feature-list ul {
	margin: 0 auto;
	width: 90%;
}
#brand-details .德镨信息科技 .feature-list li {
	display: block;
	padding: 0 1em;
	float: left;
	width: 25%;
	box-sizing: border-box;
	height: 220px;
}
#brand-details .德镨信息科技 .feature-list ul strong {
	display: block;
	color: #fff;
	background: linear-gradient(90deg, #02B7C8, #039ADF) center top no-repeat;
	text-align: center;
	height: 55px;
	line-height: 55px;
	font-size: 18px;
	font-weight: normal;
}
#brand-details .德镨信息科技 .feature-list ul p {
	font-size: 14px;
	color: #717171;
	line-height: 1.8;
	margin-top: 2em;
	padding: 0 1.6em;
	height: 136px;
	font-weight: 200;
}
#brand-details .德镨信息科技 .feature-list .cff1 p {
	background: url(../image/德镨信息科技-feature-bg1.png) center bottom no-repeat;
	background-size: contain;
}
#brand-details .德镨信息科技 .feature-list .cff2 p{
	background: url(../image/德镨信息科技-feature-bg2.png) center bottom no-repeat;
	background-size: contain;
}
#brand-details .德镨信息科技 .feature-list .cff3 p{
	background: url(../image/德镨信息科技-feature-bg3.png) center bottom no-repeat;
	background-size: contain;
}
#brand-details .德镨信息科技 .feature-list .cff4 p{
	background: url(../image/德镨信息科技-feature-bg4.png) center bottom no-repeat;
	background-size: contain;
}




#brand-details .zhiying .description {
	color: #717171;
	font-size: 16px;
	text-align: center;
	padding: 0 20%;
	line-height: 1.8em;
	font-weight: 200;
}
#brand-details .zhiying .feature-list {
	color: #777;
	font-size: 18px;	
	text-align: left;
	padding-top: 80px;
}

#brand-details .zhiying .feature-list ul {
	margin: 0 auto;
	width: 90%;
}

#brand-details .zhiying .feature-list li {
	display: block;
	height: 180px;
	float: left;
	width: 20%;
	box-sizing: border-box;
	text-align: center;
}
#brand-details .zhiying .feature-list li i {
	width: 112px;
	height: 118px;
	display: block;
	margin: 0 auto;
	background: url(../image/zhiying-feature-bgx1.png) center 0 no-repeat;
	margin-bottom: 10px;
	background-size: 96px 696px;
}

#brand-details .zhiying .feature-list li i.zy2 {
	background-position: center -150px;
}
#brand-details .zhiying .feature-list li i.zy3 {
	background-position: center -300px;
}
#brand-details .zhiying .feature-list li i.zy4 {
	background-position: center -450px;
}
#brand-details .zhiying .feature-list li i.zy5 {
	background-position: center -600px;
}

#team {
	margin-top: 50px;
	height: 558px;
	background: url(../image/team.jpg) center center no-repeat;
	background-size: cover;
	color: #fff;
	background-attachment: fixed;
}
#team h2 {
	padding-top: 36px;
	margin-bottom: 60px;
}
#team .inner {
	width: 100%;
	height: 100%;
	background: rgba(1,15,58, 0.7);
}
#team ul {
	font-size: 20px;
	padding: 0 5%;
	margin-bottom: 50px;
	height: 120px;
}
#team ul  li{
	display: block;
	float: left;
	text-align: center;
	width: 33%;
	text-align: center;
}
#team p {
	font-size: 16px;
	line-height: 1.8;
	padding: 0 10%;
	font-weight: 200;
}
#team ul li i {
	display: block;
	width: 80px;
	height: 56px;
	margin: 0 auto;
	margin-bottom: 36px;
	background: url(../image/tfx1.png) 0 0 no-repeat;
	background-size: 72px  212px;
}
#team ul li .tf1 {
	background-position: 50% 0;
}
#team ul li .tf2 {
	background-position: 50% -80px;
}
#team ul li .tf3 {
	background-position: 50% -160px;
}
#team .btn {
	display: block;
	width: 110px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 0 auto;
	margin-top: 30px;
	background: #02afce;
	background: linear-gradient(90deg, #02b7c8, #039cdd);
	color: #fff;
	font-size: 14px;
}

#customer {
	padding-top: 60px;
	position: relative
}

#customer .list{
	position: relative;
	margin: 0 5%;
	padding: 0px 60px;
}
#customer .item {
	margin: 0 28px;
	outline: none;
	height: 104px;
}
#customer .item img {
	vertical-align:middle;
}
#customer .item i {
	display:inline-block;
	height:100%;
	width:0;
	vertical-align:middle;
}
#customer .btn {
	position: absolute;
	width: 43px;
	height: 43px;
	
}
#customer .btn i {
	width: 100%;
	height: 100%;
	display: block;
}
#customer .btn:hover {
	background: url(../image/arrow-bg.png) center center no-repeat;
}
#customer .previous {
	left: 0px;
	top: 50%;
	margin-top: -22px;
}
#customer .previous i {
	background: url(../image/arrow-left.png) center center no-repeat;
}
#customer .next {
	right: 0px;
	top: 50%;
	margin-top: -22px;
}
#customer .next i{
	background: url(../image/arrow-right.png) center center no-repeat;
}

#footer {
	height: 360px;
	background: url(../image/footer-bg.jpg) center top no-repeat;
	background-size: cover;
	color: #fff;
	padding: 0 5%;
	margin-top: 60px;
	font-weight: 200;
}
#footer .logo {
	height: 30px;
	padding-top: 50px;
	padding-bottom: 40px;
}
#footer .logo img {
	height: 30px;
}
#footer p {
	line-height: 1.8;
}
#footer a {
	color: #fff;
}
#footer .concat,#footer .site, #footer .job,#footer .wechat {
	float: left;
	height: 120px;
	font-size: 14px;
}
#footer .concat {
	width: 50%;
}
#footer .site {
	width: 25%;
}
#footer .job {
	width: 25%;
}
#footer .wechat {
	width: 10%;
	text-align: center;
	line-height: 1.2;
}
#footer .wechat p {
	line-height: 1.5;
}
#footer .wechat  img {
	margin-bottom: 1em;
}
#footer .category {
	font-size: 16px;
	margin-bottom: 1em;
	line-height: 1;
	font-weight: normal;
}
#footer .copyright {
	clear: both;
	padding-top: 80px;
	text-align: center;
	font-size: 14px;
}
#address {
	cursor: pointer;
}


#common-header {
	height: 95px;
	position: fixed;
	z-index: 1;
	width: 100%;
	padding: 0 5%;
	box-sizing: border-box;
	background: #fff;
}
.fixed-common-header {
	border-bottom: solid 1px rgba(121,121,121, 0.2);
}
#common-header .logo {
	padding-top: 30px;
	float: left;
}
#common-header .logo img {
	height: 37px;
}
#common-header .nav {
	padding-top: 40px;
	font-size: 20px;
	float: right;
}

#common-header .nav li {
	float: left;
	margin: 0 30px;
}
#common-header .nav li a {
	color: #010f3a;
	text-decoration: none;
	padding-bottom: 5px;
	font-weight: 200;
}

#common-header .nav li a:hover {
	background: url(../image/nav-bg.png) no-repeat center bottom;
}

#slogon {
	padding-top: 95px;
	height: 421px;
	background: url(../image/slogon-bg.jpg) #02aac8 center 95px no-repeat;
	text-align: center;
	color: #fff;
	font-size: 38px;
	line-height: 328px;
}
#culture {
	width: 90%;
	position: relative;
	top: -89px;
	background: #fff;
	margin: 0 auto;
}
#culture h2 {
	padding-top: 36px;
	padding-bottom: 50px;
}
#culture .item {
	width: 25%;
	box-sizing: border-box;
	float: left;
	height: 188px;
	border-left: solid 2px #f1f1f1;
	padding: 0 30px;
}
#culture .item:first-child {
	border:none;
}

#culture .en {
	font-size: 30px;
	padding-top: 8px;
	padding-bottom: 1em;
}
#culture .en i {
	color: #02b3ce;
	font-style: normal;
}
#culture .zh {
	padding-bottom: 1em;
	color: #3a3a3a;
	font-size: 16px;
}
#culture .message {
	line-height: 1.8;
	color: #717171;
	font-size: 14px;
	padding-bottom: 2em;
	font-weight: 200;
}

#jobs {
	width: 90%;
	background: #fff;
	margin: 0 auto;
	font-size: 14px;
	color: #3a3a3a;
	padding: 0 30px;
	box-sizing: border-box;
}
#jobs h2 {
	padding-bottom: 50px;
}
#jobs .intro {
	color: #3a3a3a;
	font-size: 14px;
	line-height: 1.8;
	padding-bottom: 3em;
	margin-bottom: 3em;
	border-bottom: 2px solid #f1f1f1;
	font-weight: 200;
}
#concatinfo {
	color: #0281ac;
	font-style: normal;
	padding-left: 0.5em;
}
#jobs .list {

}

#jobs .list .item {
	padding-bottom: 3em;
	margin-bottom: 3em;
	border-bottom: 2px solid #f1f1f1;
}
#jobs .list .item:last-child {
	border: none;
}
#jobs .list h3 {
	font-size: 20px;
	color: #0281ac;
	margin-bottom: 20px;
}
#jobs .addr-count {
	font-size: 16px;
	font-weight: 200;
}
#jobs .count-label {
	padding-left: 2em;
}
#jobs dt {
	font-size: 16px;
	margin-bottom: 1em;
	margin-top: 1em;
	font-weight: normal;
}
#jobs dd {
	line-height: 1.8;
	font-weight: 200;
}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
   #brand-details .chiefsecurity .feature-list li i {
		background-image: url(../image/chiefsecurity-featurex2.png);
	}

	#brand-details .zhiying .feature-list li i {
		background-image: url(../image/zhiying-feature-bgx2.png);
	}
	#team ul li i {
		background-image: url(../image/tfx2.png);
	}
}