@charset "utf-8";
*{ margin:0;padding:0; }
body{ min-width: 1200px; background: #888A8B;}
a,body,form,li,ul{ margin:0;padding:0; }
body{ font:14px Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif; color: #606266; background-color: #fff;  }
img{ border:0px;vertical-align:middle; }
a{ color:#606266;text-decoration:none; }
a:link{ text-decoration:none;outline:none; }
a:visited{ text-decoration:none; }
a:hover{ text-decoration:none; color: #000; }
ul,li,dl,dt,dd{ list-style:none; }
input:focus,select:focus{
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

.top_nav_ul,#foot_nav ul,.home_solution ul,ul.home_product,#zigbeeproduct ul,ul#zigbeelist,#product_content,#aboutus_content,ul#case_ul,#program_content,.home_keywords,.home_power,.home_partner{
	width: 1200px;	margin: 0px auto; overflow: hidden;
}

.clear10{ display: block; width: 100%; clear: both; float: none; height: 10px; overflow: hidden; }

/*top*/

.top_nav{
	width: 100%;
	background: #fff;
	box-shadow: 0 0 2px rgba( 2174,175,178, .32);
	position: fixed;
	top: 0;
	left: 0;
	/* overflow: hidden; */
	z-index: 10000;
}
/* .top_nav a{
	color: #606266;
} */
ul.top_nav_ul>li{
	height: 59px; line-height: 59px;
}
li.top_nav_logo{ float: left; width: 150px;margin-left: 50px;}
li.top_nav_logo img{ cursor: pointer;  }
li.top_nav_nav{ float: right;width: 850px;}
a.top_nav_nav_a{ padding: 0px 0px 0px 50px; font-size: 16px; font-weight: bold;}
a.top_nav_nav_on{
	color: #2b47aa; font-weight: bold;
}
#zigbee_solution_nav,#zigbee_product_nav,#entrance_guard_nav{
	position: absolute;	padding:10px  20px;  box-shadow:0 0 9px 3px #1b2970; margin: 0px 0px 0px 155px; display: none;
	 background-color: #fff; border-radius: 4px;z-index: 777;
}
#zigbee_solution_nav a,#zigbee_product_nav a,#entrance_guard_nav a{
	 display: block;
	 line-height: 30px;
	 height: 30px;
	 font-weight: bold;
	}
#zigbee_product_nav{
	margin-left: 90px;
	line-height: 40px;
}
#zigbee_solution_nav{
	width: 210px;
	margin-left: 250px;
}
#entrance_guard_nav{
	margin-left: 380px; height: 90px; width:140px; 
}
#zigbee_product_nav a.zigbee_product_a{ font-weight: normal; font-size: 12px; height: 25px; line-height: 25px; }
.top_nav a span.navtop_span{
	width: 0;
    height: 0;  
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #777; display: inline-block; margin: -3px 0px 0px 5px;
}
.top_nav a.top_nav_nav_on span.navtop_span{
	border-top-color: #2b47aa;
}

/*banner*/
.home_banner{ text-align: center; width: 100%; overflow: hidden; }

.home_banner img{
  display: inline-block;
  height: auto;
  max-width: 100%; 
  margin-top: 50px;
}
.home_banner img.img_touming{
	opacity:0.7;  filter:alpha(opacity=70);
}

/* home_caseNum */
.home_caseNum{
	width: 1200px;
	margin: 0px auto;
	box-shadow: 0 0 10px #2C2A2A;
	padding: 25px 0;
	background: rgba( 249,250,250, .97);
	position: relative;
	top: -70px;
	left: 0;
	border-radius: 7px;
	font-size: 20px;
	
}
.home_caseNum ul {
	overflow: hidden;
}
.home_caseNum ul li {
	float: left;
	width: 24.93%;
	margin: 0 auto;
	text-align: center;
	border-right: 1px solid #c0c0c0;
	animation: popup 1s;

}

.home_caseNum ul li .home_caseNumL .title .num{
	font-size: 30px;
	color: #333;
	
}
.home_caseNum ul li .home_caseNumL .title .text{
	margin-top: 10px;
	font-size: 18px;

}

.home_caseNum ul li:last-child{
	border-right:none
}

/*product*/
#home_divproduct{ padding-bottom: 20px; margin-top: -197px;}
ul.home_product{ margin-top: 30px; }
ul.home_product li{
	width: 31%; float: left; text-align: center; background-color: #fff; padding: 20px 0px 30px; font-size: 20px; margin-left:2%;border-radius: 5px;
}
ul.home_product li img{
	display: block; margin: 10px auto 5px;
}
ul.home_product li:hover{
	 color: #fff; background:#1278f7 url('../image/jiantou1.png') center bottom no-repeat; box-shadow:2px 2px 10px #1b2970;
}
ul.home_product li:hover img{	 
	 filter: grayscale(100%) brightness(200%);
}
#zigbeeproduct a{ color: #777; }
#zigbeeproduct ul li{
	width: 45%; margin-left:4%; float: left; overflow: hidden; padding: 30px 0px;
}
#zigbeeproduct ul li h1{ font-size: 22px; color: #555; }
#zigbeeproduct ul li img{ width: 100%; }
#zigbeeproduct ul li p{ padding: 15px 0px 0px; line-height: 32px; font-size: 16px; }
ul#zigbeelist li{
	width: 45%; margin-left:4%; float: left; overflow: hidden; padding: 0px 0px 60px;
}
ul#zigbeelist li img{ width: 120px; height: 120px; float: left; margin: 22px 10px 10px 0px; }
ul#zigbeelist li h5{ font-size: 16px; padding: 10px 0px 15px; color: #3c3142; }
ul#zigbeelist li span{ display: inline-block; border:1px solid #d9d9d9; padding: 2px 10px; margin-right: 5px; }
ul#zigbeelist li p{ height: 60px; line-height: 20px; overflow: hidden; margin: 15px 0px 0px;  }

/*solution*/
.home_solution{
	width: 100%;
	/* background-color: #eef2f5; padding: 180px 0px; */
}
ul.home_solution_ul{
	display: flex;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
}
ul.home_solution_ul li{
	width: 33.3%;  text-align: center;
}
ul.home_solution_ul li a{
	display: block; padding: 10px;
}
ul.home_solution_ul li img{
	display: block; width: 100%; margin: 0px 0px 10px;border-radius: 5px;
	height: 215px;
}

/*title*/
.home_title{
	color: #333; font-size: 35px; text-align: center; font-weight: 500;
}
.home_jianjie{
	color: #777; text-align: center; padding: 5px 0px 15px; font-size: 16px;
}

/*case*/
.home_case{
	width: 100%;
	
}

/*foot-nav*/
#foot_nav{
	background-color: #071015; line-height: 30px; padding: 50px 0px 50px;width: 100%;
}

#foot_nav ul li{
	width: 33.3%; float: left; overflow: hidden;text-align: center;
}
.foot_title {
	line-height: 20px;
}
.foot_title p{
	padding: 3px;
}

#foot_nav h3{
	font-size: 20px; padding: 10px 0px;
}
#foot_nav,#foot_nav a{
	color: #e6e3e0;
	font-size: 16px;
}
#foot_nav a{
	display: block;
}
#foot_nav ul li.foot_nav_center{
	width: 20%;
	text-align: center;
}
#foot_nav ul li.foot_nav_right{
	width: 30%;
}
#foot_nav img{ cursor: pointer; }

/*foot*/
#foot_copyright{
	background-color: #f0f0f0; text-align: center; padding: 20px 0px; line-height: 20px;
}


/*product-center*/
#product_content{ padding: 53px 0px; }
#product_content_left{
	float: left; width: 220px; overflow: hidden; border-top: 5px solid #0371c8; padding: 5px 0px 0px;
}
#product_content_right{
	float: right; width: 940px; overflow: hidden; line-height: 180%;
}
#product_content_left a{ display: block; height: 20px; line-height: 20px; border-left: 2px solid #fff; margin: 12px 0px; text-indent: 10px; }
#product_content_left a.product_content_left_bg{
	color: #000;  font-size: 16px; font-weight: bold; 
}
#product_content_left a.product_content_left_on{ border-left-color: #0371c8; }
#product_content_right img{ 
  display: inline-block;
  height: auto;
  max-width: 100%; 
  margin-top: 10px;
}

.gb_case{
	border: 2px solid #5473e4;
	padding: 20px;
	border-radius: 14px;
	margin-bottom: 10px;
}
.men_p{
	width: 500px;
}
.mj_case{
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
}
.m_left h3{
	color: #086ed3;
}
.navCase .gbo_ul li p{
	margin-right: 0;
}
#product_content_right p{ text-indent: 2em; font-size: 15px;}
#product_content_right h2{ color: #086ed3; margin: 20px 0px 0px;padding: 4px 0;
   }
   .men_case h3{
	text-indent: 2rem;
	font-size: 16px;
   }
  .men_case h4{
	text-indent: 4rem;
	font-size: 16px;
   }
   #product_content_right  .men_case p{
	text-indent: 4rem;
	font-size: 15px;
   }

/*aboutus*/
#aboutus_content{
	padding: 60px 0px; line-height: 200%; color: #626262;
}
#aboutus_content p{
	 font-size: 16px; padding: 5px 0px;
}
#aboutus_content .comrt_lt p{
	text-indent: 2em; font-size: 16px; padding: 5px 0px;
}
img.aboutus_content_img{ border-radius: 10px; margin: 20px 0px 20px 3%; display: inline-block; width: 28%; }
h3.aboutus_content_h3{ text-align: center; color: #086ed3; font-size: 24px; padding: 0px 0px 10px; }
#qy_zizhi h2{
margin-top: 20px;
}
#qy_zizhi ul{
	display: flex;
	/* justify-content: space-around; */
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}
#qy_zizhi img{
	
	width: 400px;
	margin-left: 40px;
}
#qy_zizhi .zhuanli .zl{
	display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}
#qy_zizhi .zhuanli .zl .zl_box {
	display: flex;
	flex-direction: column;
}
#qy_zizhi .zhuanli .zl .zl_box img{
	width: 240px;
	height: 162px;
	margin-top: 10px;
	
}
#qy_zizhi .about_p img{
	width: 240px;
	margin-top: 20px;
	height: 327px;
	box-shadow: 0 0 4px 4px rgba(95, 93, 93,.5);
	border-radius: 4px;
}
#qy_zizhi .zl_img img{
	width: 330px;
}
.lain_box{
	margin-left: 60px;
}
.shou_p{
	font-weight: bold;
	margin-top: 10px;
	color: #268ef5;
}
/*contact us*/
h3.aboutus_content_h3 span{ font-size: 16px; color: #626262; display: block; padding-bottom: 30px; }
#contact_map{
	float: left; width:50%; height:322px;
}
#contact_content{
	float: right; width: 47%; font-size: 16px; line-height: 46px;margin-top: 40px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",SimSun, sans-serif;
}

/*case*/
ul#case_ul li{
	width: 33.3%; float: left; overflow: hidden; text-align: center;
}
ul#case_ul li a{
 display: block; margin: 8px 15px; 
}
ul#case_ul li a img{ display: block; width: 100%; height: 200px;   }
ul#case_ul li a span{ display: block; line-height: 40px; height: 40px; overflow: hidden; font-weight: bold; color: #999;  }

/*program*/
#program_content{
	padding-bottom: 30px; line-height: 180%;font-size: 15px;
}
#program_content .uwb_xt{
	margin-top: 20px;
}
#progtam_content .uwb_xtimg{
	margin-top: 20px;
}
#program_content .uwb_cp{
	margin-top: 50px;
}
#program_content h3{
	padding-top: 10px;
	color: #0E80F8;
}
#program_content h4{
	margin-left: 20px;
}
.anzhuang {
	text-align: left;
	margin-left: 130px;
}
.uw_xt {
	text-align: center;
	margin: 10px 0;
}
.uw_xt img{
	width: 900px;
}
	
#program_content  .uwb_jz{
	display: flex;
	margin-top: 20px;
}
.uwb_jz>img{
	width: 18%;
	margin: 50px 150px 0;
}
#program_content .uwbjz_1{
	width: 500px;
}
.uwb_bsk h4,.uwb_bsk p{
	margin-left: 20px;
}
.uwb_bsk{
	width: 900px;
	display: flex;
}
.uwb_bsk img{
	margin-top: 60px;
}
.uwb_dw img{
	text-align: center;
	margin: 20px 250px;
}
#program_content h2{ padding: 20px 0px 5px; }
#program_content p{ text-indent: 2em; padding: 5px 0px; margin-left: 15px;}

#program_content strong{
	margin-left: 20px;
}
/*backtop*/
.fk_sitebacktotop{
	 right:10px; bottom:10px; background-color: #faa; position: fixed; background:url('../image/top.png') no-repeat; height: 50px; width: 50px; overflow: hidden; display: none; cursor: pointer; border-radius: 50%;
}
.fk_sitebacktotop:hover{
	opacity:0.7;  filter:alpha(opacity=70);
}
/* zigbee */
.zigbee_ym{
    width: 850px;
}
.zigbee_ym h3{
	text-align: left;
}
.zig_img{
	text-align: center;
}
.zigbee_ym h3,.zigbee_ym p ,.zigbee_ym img{
	margin-top: 10px;
	text-align: left;
}
.zigbee_az{
	margin-top: 30px;
}

/* uwb内页导航 */
.navCase{
	width: 100%;
	/* background-color: #999; */
	margin: 0 auto;
	
}
.navCase ul{
	display: flex;
	justify-content: center;
	margin-bottom: 50px;
}
.navCase ul li{
	width: 21%;
	text-align: center;
	/* background-color: rgba(153,153,153, 1); */
	padding: 10px 10px;
	margin-left: 10px;
	margin-top: 20px;
	color: #fff;
	border-radius: 5px;
	/* box-shadow: 0 0 2px rgba( 39,39,40, .9); */
}
.navCase ul li p{
	/* padding-top: 10px; */
	font-size: 16px;
	color: #1296DB;
	font-weight: bold;
	margin-right:20px ;
}
.navCase ul .gps_li p{
	/* padding-top: 10px; */
	font-size: 16px;
	color: #2394FB;
	font-weight: bold;
	margin-right:20px ;
}

.navCase ul li>img{
	width: 50px;
	height: 50px;
	margin-bottom: 10px;
}


/* 门禁产品 */
.m_texing h3{
margin-left: 30px;
margin-top: 10px;
}
.m_texing strong{
	font-size: 16px;

}
.m_texing p{
margin-left: 20px;
margin-top: 8px;
}

.m_texing img{
	margin-left: 50px;
	margin-bottom: 10px;
}
.m_texing  .m_p{
	text-align: center;
	margin-top: 20px;
	margin-right: 20%;

	
}

/* video 视频监控 */
.v_sysimg {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.v_sysimg .v_right img{
	width: 550px;
}
.v_left .v_title{
	font-size: 28px;
	color: #444;
	/* font-weight: bold; */
}
.vtitle_case{
	width: 90%;
}
.v_left {
	width: 23%;
	text-align: left;
	margin-right: 50px;
}
.v_left .v_txt{
	margin-top: 40px;
	margin-right: 30px;
}
.v_left button{
	background:#086ED9;
	padding:12px 30px ;
	border-radius: 4px;
	color: #fff;
	border: none;
	margin-top:90px;
	cursor: pointer;
}
.v_left button a{

	color: #fff;
}
.ai_shijue{
	/* font-size: 18px; */
	color: #999;
	margin-bottom:10px;
	letter-spacing: 5px;
}
/* 视频轮播 */