@charset "UTF-8";
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{ margin: 0; padding: 0; }
fieldset,img{ border: 0; }
:focus{ outline: 0; }
address,caption,cite,code,dfn,em,strong,th,var,optgroup{ font-style: normal; font-weight: normal; }
h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal;}
abbr,acronym{ border: 0; font-variant: normal; }
code,kbd,samp,tt{ font-size: 100%; }
input,button,textarea,select{ *font-size: 100%; border:none;}
ol,ul{ list-style: none; }
table{ border-collapse: collapse; border-spacing: 0; }
caption,th{ text-align: left; }
sup,sub{ font-size: 100%; vertical-align: baseline; }
:link, :visited, ins{ text-decoration: none; }
blockquote,q{ quotes: none; }
blockquote:before, blockquote:after, q:before, q:after{ content: ''; content: none; }
a:link, a:visited{ color: #5e5e5e;}
a:hover { color:#c9394a;}
a:active { color: #666;}
.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden; }
.clearfix{*zoom:1;}
.l{float:left;}
.r{float:right;}
.clear{ height:0; overflow:hidden; clear:both}
.hide{display:none;}
.btn.hide{display:none;}
a.hidefocus { outline: none; }
button.hidefocus::-moz-focus-inner { border:none; }
a:focus {outline:none;-moz-outline:none;}
input,textarea {outline:none;}
h2 { font-size: 20px; }
h3 { font-size: 16px;}
h5 { font-size: 14px;}
.mt50{margin-top:50px;}
.mt80{margin-top:80px;}
.mt16{margin-top:16%;}
.mt10{margin-top:10%;}
.center{text-align:center;}
html,body {
  font: 14px/1.5 'Hiragino Sans GB', Helvetica, 'Helvetica Neue', Tahoma, Arial, sans-serif;
  color: #14191e;
}
html{
	position: relative;
}
body {
	overflow-y: scroll;
	min-width: 1210px;
}

.text_left{
	text-align: left;
}
.text_rigth{
	text-align: right;
}
.text_center{
	text-align: center;
}
.reletive{
	position: relative;
}

/*头部start*/
.header{
	position: fixed;
	z-index: 100;
	top:0;
	width: 100%;
	height: 60px;
	background: #fff;
}
.logo a {
  display: block;
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  height:60px;
}
.nav .logo img{
	width:100px;
	margin-top:18px;
}
.nav-item{
	display: flex;
	justify-content: space-between;
	width:780px;
}
.nav-item > li {
	float: left;
	width:15%;
}
.nav-item .a {
  position: relative;
  display: block;
  color: #101010;
  text-align: center;
  font-size: 16px;
  height: 50px;
  line-height: 58px;
}
.nav-item .a:hover,
.nav-item .active .a{
	color:#000;
	border-bottom: 3px solid #fb9301;
	font-weight: bold;
}
.nav-item li {
	position: relative;
}
a.download_app {
	display: block;
	font-family: 'SourceHanSansCN-Medium';
	font-size: 16px;
	color: #fff;
	text-align: center;
	font-weight: 500;
	background: #febd15;
	border-radius: 5px;
	padding: 10px 20px;
	margin-top: 5px;
	position: absolute;
	top: 5px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
}
.download-block{
	display: flex;
	justify-content: space-around;
}
.download-cont{
	display: flex;
	justify-content: space-between;
	/* width:30%; */
}
.border-attr{
	border-left:1px solid #000;
	display: block;
	content:'';
	width:2px;
	height:90px;
	margin-top:60px;
}
.appCode {
	position: absolute;
	top: 50px;
	left: -8px;
}
.appCode img {
	width: 120px;
	height: 120px;
}
.nav-item .box-nav{
	position: absolute;
	display: none;
	left: 0;
	top: 64px;
	width: 100%;
	z-index: 10;
	margin-top: 0;
	background-color: #fff;
	-webkit-box-shadow: 0 6px 15px rgba(165, 162, 162, 0.75);
	   -moz-box-shadow: 0 6px 15px rgba(165, 162, 162, 0.75);
	     -o-box-shadow: 0 6px 15px rgba(165, 162, 162, 0.75);
	        box-shadow: 0 6px 15px rgba(165, 162, 162, 0.75);
}
.box-nav li{
	float: left;
	margin-top: 26px;
	margin-bottom: 40px;
}
.box-nav li:hover img{
		-webkit-transform: scale(1.08);
		 -moz-transform: scale(1.08);
			 -o-transform: scale(1.08);
					transform: scale(1.08);
	-webkit-transition-duration: 0.5s;
		 -moz-transition-duration: 0.5s;
			 -o-transition-duration: 0.5s;
				 	transition-duration: 0.5s;
}
.box-nav li:nth-of-type(1){
	margin-left: -4px;
	margin-right: 51px;
}
.box-nav li:nth-of-type(2){
	margin-right: 55px;
}
.box-nav li:nth-of-type(3){
	margin-right: 76px;
}
.box-nav li:nth-of-type(4){
	margin-right: 70px;
}
.box-nav li:nth-of-type(5){
	margin-right: 72px;
}
.box-nav li:nth-of-type(6){
	margin-right: 17px;
}
/*头部end*/
.banner {
	position: relative;
	width: 100%;
	margin-top: 60px;
	max-height: 600px;
	overflow: hidden;
}
.banner img {
	width: 100%;
}
.nav{
	width:1175px;
	margin:0 auto;
	position: relative;
}
.article{
	width:100%;
}
.content_section{
	width:1175px;
	text-align: center;
	/* padding: 5rem 0rem 9rem; */
	padding: 30px 0 10px;
}
.article.article01 .content_section{
	/* padding-top:160px; */
	padding-top:20px;
}
.content_section,.content_section img{
	margin:0 auto;
}
.content_section .illustrate_img{
	position:relative;
	left:0;
}
.hardware_illustration01_bg{
	background:url('https://cdn-h.gongfudou.com/Leviathan/backend/home/images/hardware_illustration01.png');
	background-repeat: no-repeat;
  background-size: cover;
	width: 115px;
    height: 291px;
}
.hardware_illustration02_bg{
	background:url('https://cdn-h.gongfudou.com/Leviathan/backend/home/images/hardware_illustration02.png');
	background-repeat: no-repeat;
  background-size: cover;
	width:207px;
	height: 268px;
	display: flex;
	align-self:flex-end;
}
/* .article.article01{
	margin-top:-10%;
} */
.article.article02{
	/* margin-top:-22%; */
	/* margin-top:-150px; */
	margin-top:-10%;
}
.article.main_img{
	margin-top:-30%;
	text-align: center;
}
.main_img img{
	width:50%;
}

.footer_section{
	/* border-top:1px solid #ccc; */
	padding-top:30px;
	background:#fff;
	padding-bottom:50px;
}
.content_section >div:nth-of-type(1) {
	font-size: 30px;
	font-weight: 800;
	margin-bottom: 20px;
	text-align: center;
}
.content_section >div:nth-of-type(2) {
	border-bottom: 4px solid #F2DD29;
	width: 3.5rem;
	height: 1rem;
	margin: 0 auto;
}
.content_section .container-content {
	margin-top: 2rem;
	line-height: 45px;
	font-size: 16px;
}
.learning_box_code {
	display: flex;
	justify-content: center;
	margin-top: 50px;
	width: 100%;
	margin: 0 auto;
}
.learning_box_code div {
	width: 33%;
	font-size: 24px;
	color: #333333;
	text-align: center;
}.learning_box_code div img {
	width: 120px;
	height: 120px;
	overflow: hidden;
}
img {
	border: 0;
	display: block;
}
.learning_box_code img{
	display: inline-block;
}
.footer_bottom {
	width: 100%;
	height: 1.5rem;
	background: #3f3f3f;
	text-align: center;
	font-size: 14px;
	color: #B3B3B3;
	padding: 10px 0px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer_bottom a {
	color: #B3B3B3;
}
.footer_section .content_section{
	left:0;
}
.police-info{
	margin:0 2px 0 18px;
}

.download_app {
	background: url(http://hera.oss-cn-hangzhou.aliyuncs.com/gfd_home/img/family_print_download_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: 416px;
	overflow: hidden;
}
.download_app_cont {
	display: flex;
	/* justify-content: center; */
	align-items: center;
	flex-flow: column;
	font-weight: bold;
	width:210px;
}
.download_app_cont .img {
	width: 160px;
	height: 160px;
	margin: 56px 0 10px;
	border-radius:5px;
}

.download_app_cont .download-button{
	width: 123px;
	margin-top: 2px;
	margin-bottom: 10px;
}
.xb_main_img{
	text-align: center;
}
.title_img{
	padding:80px 0 50px;
	width:22%;
}
.growth_img{
	width:20%;
}
.article_img{
	width:75%;
}
a.view_btn{
	display: block;
	text-align: center;
	padding-bottom: 1px;
}
a.view_btn img{
	width:15%;
	margin:120px auto 60px;
}
.title_img,.article_img,.growth_pic,.wifi_title img,.xb_chrarct_block img{
	margin:0 auto;
}
.wifi_title img{
	padding: 80px 0 50px;
  width: 23%;
}
.xb_chrarct_block{
	background-image: linear-gradient(#fed028, #feaf07);
	height: 400px;
	margin-bottom:50px;
}
.xb_chrarct_block img{
	width:66%;
	position: relative;
	top:-50px;
	height: 675px;
}
.growth_bg{
	background: url('https://cdn-h.gongfudou.com/Leviathan/backend/home/images/growth_bg.png');
	background-repeat: no-repeat;
	background-size: cover;
}
.growth_pic{
	width:50%;
}
.hardware_illustration01{
	position: relative;
	top:15px;
}
.hardware_illustration01 img{
	width:10%;
}
.hardware_illustration02{
	position: relative;
	/* top:425px; */
	top:500px;
}
.hardware_illustration02 img{
	width:17%;
}

/* 超小屏幕 手机 (<768px)
小屏幕 平板 (≥768px)
中等屏幕 桌面显示器(≥992px)
大屏幕 大桌面显示器 (≥1200px) */
@media (max-width:768px){
	.pc-block{
		display:none;
	}
	.mobile-block{
		display: block;
	}
	.gray_bg{
		min-width: auto;
		height: 100%;
  	background: #eaeff3;
	}
}
@media (min-width:768px){
	.pc-block{
		display:none;
	}
	.mobile-block{
		display: block;
	}
	.gray_bg{
		min-width: auto;
		height: 100%;
  	background: #eaeff3;
	}
	
}
@media (min-width:992px){
	.pc-block{
		display:block;
	}
	.mobile-block{
		display: none;
	}
	.gray_bg{
		min-width: auto;
		height: 100%;
  	background: #fff;
	}
	
}
@media (min-width:1200px){
	.pc-block{
		display:block;
	}
	body,html{
		min-width: 1210px;
		overflow-x: hidden;
	}
	.mobile-block{
		display: none;
	}
	.gray_bg{
		min-width: 1210px;
		height: 100%;
  	background: #fff;
	}
	
}

.pc-block .article_yellow_bg{
	background:#fffef7;
}
.pc-block .article_white_bg{
	background:#fff;
}
.index_banner_bg{
	background:#f5bd5b;
}
.index_banner_bg img{
	width:53%;
	margin:0 auto;
	padding-bottom:20px;
}
.download-desc{
	color:#724c17;
	font-size: 14px;
}

.download-desc text{
	font-size: 10px;
}
/* 合作咨询 */
.footer-block{
	background: #282828;
	width: 100%;
	padding:50px 0 60px;
}
.footer-content{
	width: 1185px;
	margin:0 auto;
}
.footer_describe {
	color: #B3B3B3;
	font-size: 16px;
	display: flex;
	justify-content: space-around;
}
.footer-block h3 {
	font-size: 24px;
	color: #B3B3B3;
	font-weight: 600;
	margin-bottom: 30px;
	text-align: center;
	margin-bottom:50px;
}
.contact_cont {
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.footer_describe .contact_cont .contact_detail {
	margin: 12px 0px 10px 0px;
	line-height: 32px;
}
.icp-attr{
	margin-left:20px;
	display: inline-block;
}
/**windows流程 2022.11.22**/
.Windows-block{
	margin:0 auto;
	width:1170px;
	display: flex;
	justify-content: center;
	flex-flow: column;
	align-items: center;
}
.course1, .course3{
	margin-top:40px;
}
.course2, .course4{
	margin-top:30px;
}
.qr_code{
	margin:65px 0 160px;
}