/****************************************************** */
/*******************  01. Default CSS ***************** */
/****************************************************** */
* {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

:root {
    --heading-color: #2d2d2d;
    /*--primary-color: #fe6600;*/
	--primary-color: #135EDB;
    --primary-color-rgb: 254,102,0;
}


a {
    color: #747474;
    cursor: pointer;
    outline: none;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none;
}


a:hover,
a:focus,
a:visited {
    outline: none;
   /* color: var(--primary-color, #fe6600);*/
	color: var(--primary-color, #135EDB);
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--heading-color, #2d2d2d);
    line-height: 1.1;
    font-family: 'Roboto', sans-serif;
}

h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}


h1 {
    font-size: 100px;
    font-weight: 700;
}

h2 {
    font-size: 60px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 25px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 15px;
}

ul,
li {
    list-style: none;
    padding: 0;
    margin: 0;
}


/*
img {
    max-width: 100%;
    display: inline-block;
}*/

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
    overflow: hidden;
}

header:after,
section:after,
footer:after {
    display: block;
    clear: both;
    content: "";
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background-color: #FFFFFF;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/preloader.gif);
}

/****************************************************** */
/****************** 02. index Section  *************** */
/****************************************************** */
.hero-section {
	margin-top:60px;
	width: 100%;
	height: 0;
	padding-bottom: 35%;	
	
}

/*
.zlzg-section {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 14.57%;
}

.zlzg-outline {
    width:100%;
	display:block;
	content:url(../images/1-知了掌柜文字.svg);
}

.zlzg-button {
	position: absolute;
	display:block;
	width: 100%;
	height: 0;
	padding-bottom: 1.57%;	
	top:81.37%;
}

.ljxqzg {
	position: absolute;
	width: 4.57%;
	display: block;
	content: url(../images/了解详情.svg);
	margin-left:53.29%;
	
}

.zgli-section {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 4.29%;
}

.zgpad {
	position: absolute;
	width: 8.86%;
	display: block;
	content: url(../images/zgpad-blue.svg);
	margin-left:25.64%;
	top:53.85%;
}

.zgapp {
	position: absolute;
	width: 6.14%;
	display: block;
	content: url(../images/zgapp-black.svg);
	margin-left:42.5%;
	top:53.85%;
}

.zgxcx {
	position: absolute;
	width: 9.64%;
	display: block;
	content: url(../images/zgxcx-black.svg);
	margin-left:54.86%;
	top:53.85%;
}

.zgznms {
	position: absolute;
	width: 4.57%;
	display: block;
	content: url(../images/znms-black.svg);
	margin-left:69.43%;
	top:53.85%;
}

.zgco-section {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 26.29%;
}

.zg-content {
    width:100%;
	display:block;
	content:url(../images/zlzgpad.svg);
}

.zlzj-section {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 15.93%;
}

.zlzj-outline {
    width:100%;
	display:block;
	content:url(../images/1-知了智家文字.svg);
}

.zlzj-button {
	position: absolute;
	display:block;
	width: 100%;
	height: 0;
	padding-bottom: 1.57%;	
	top:73.54%;
}

.ljxqzj {
	position: absolute;
	width: 4.57%;
	display: block;
	content: url(../images/了解详情.svg);
	margin-left:79.93%;
}

.zjli-section {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 4.29%;
}

.zjapp{
	position: absolute;
	width: 5.43%;
	display: block;
	content: url(../images/zjapp-blue.svg);
	margin-left:28.14%;
	top:53.85%;
}

.zjmj {
	position: absolute;
	width: 6.86%;
	display: block;
	content: url(../images/zjmj-black.svg);
	margin-left:46.57%;
	top:53.85%;
}

.zjcy {
	position: absolute;
	width: 6.79%;
	display: block;
	content: url(../images/zgcy-black.svg);
	margin-left:68.29%;
	top:53.85%;

}

.zjco-section {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 26.29%;
}

.zj-content {
    width:100%;
	display:block;
	content:url(../images/zjapp.svg);
}
*/



.tx-section {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 51.57%;
}

.tx-outline {
    width:100%;
	display:block;
	content:url(../images/产品体系.svg);
}

.yhj-section {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 28%;
}

.yhj-outline {
    width:100%;
	display:block;
	content:url(../images/智慧社区.svg);
}

.yhj-button {
	position: absolute;
	display:block;
	width: 100%;
	height: 0;
	padding-bottom: 1.57%;	
	top:46.41%;
}

.ljxqyhj {
	position: absolute;
	width: 4.57%;
	display: block;
	content: url(../images/了解详情.svg);
	margin-left:66.07%;
}

.zlzg-section {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 28%;
}

.zlzg-outline {
    width:100%;
	display:block;
	content:url(../images/智慧公寓.svg);
}

.zlzg-button {
	position: absolute;
	display:block;
	width: 100%;
	height: 0;
	padding-bottom: 1.57%;	
	top:38.01%;
}

.ljxqzg {
	position: absolute;
	width: 4.57%;
	display: block;
	content: url(../images/了解详情.svg);
	margin-left:39.29%;
}

/*
.rzhy-section {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 30.14%;
}

.rzhy-outline {
    width:100%;
	display:block;
	content:url(../images/1-人证核验文字.svg);
}

.rzhy-button {
	position: absolute;
	display:block;
	width: 100%;
	height: 0;
	padding-bottom: 1.57%;	
	top:38.86%;
}

.ljxqrzhy {
	position: absolute;
	width: 4.57%;
	display: block;
	content: url(../images/了解详情.svg);
	margin-left:55.14%;
}
*/

.footer-section {
	width: 100%;
	height: 0;
	padding-bottom: 37.29%;	
}

/****************************************************** */
/****************** 03. zlzg Section  *************** */
/****************************************************** */
.zlzg-section2 {
	margin-top:60px;
	width: 100%;
	height: 0;
	padding-bottom: 34.03%;
}

.zlzg-outline2 {
    width:100%;
	display:block;
	content:url(../images/2-banner知了掌柜.svg);
}

.zg-content1 {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 38.79%;
}

.zg-mid1 {
    width:100%;
	display:block;
	content:url(../images/知了掌柜1.svg);
}

.zg-content2 {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 44.43%;
}

.zg-mid2 {
    width:100%;
	display:block;
	content:url(../images/知了掌柜2.svg);
}

.zg-button2 {
	position: absolute;
	display:block;
	width: 100%;
	height: 0;
	padding-bottom: 2.57%;	
	top:70.03%;
}

.ljzghw {
	position: absolute;
	width: 11.43%;
	display: block;
	content: url(../images/了解更多2.svg);
	margin-left:13%;
}

.zg-content3 {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 32.71%;
}

.zg-bottom {
    width:100%;
	display:block;
	content:url(../images/知了掌柜3.svg);
}

/****************************************************** */
/****************** 04. yhj Section  *************** */
/****************************************************** */
.yhj-banner {
	margin-top:60px;
	width: 100%;
	height: 0;
	padding-bottom: 35%;
}

.yhj-top {
    width:100%;
	display:block;
	content:url(../images/2.云慧家banner.svg);
}

.yhj-content1 {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 36.14%;
}

.yhj-mid1 {
    width:100%;
	display:block;
	content:url(../images/云慧家1.svg);
}

.yhj-content2 {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 50.5%;
}

.yhj-mid2 {
    width:100%;
	display:block;
	content:url(../images/云慧家2.svg);
}

.yhj-button2 {
	position: absolute;
	display:block;
	width: 100%;
	height: 0;
	padding-bottom: 2.57%;	
	top:87.84%;
}

.ljyhjhw {
	position: absolute;
	width: 11.43%;
	display: block;
	content: url(../images/了解更多2.svg);
	margin-left:44.29%;
}

.yhj-content3 {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 26.14%;
}

.yhj-bottom {
    width:100%;
	display:block;
	content:url(../images/云慧家3.svg);
}


/****************************************************** */
/****************** 05. rzhy Section  *************** */
/****************************************************** */
.rzhy-section2 {
	margin-top:60px;
	width: 100%;
	height: 0;
	padding-bottom: 123.57%;
}

.rzhy-content2{
    width:100%;
	display:block;
	content:url(../images/4-人证核验.svg);
}

/****************************************************** */
/****************** 06. us Section  *************** */
/****************************************************** */
.us-section {
	margin-top:60px;
	width: 100%;
	height: 0;
	padding-bottom: 34.86%;
}

.us-outline {
    width:100%;
	display:block;
	content:url(../images/5-关于我们banner.svg);
}

.usco-section {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 220.64%;
}

.us-content {
    width:100%;
	display:block;
	content:url(../images/5-关于我们内容.svg);
}

.contact-section {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 33.86%;
}

.contact-content {
    width:100%;
	display:block;
	content:url(../images/联系我们.svg);
}

.map-section {
	position:absolute;
	width: 100%;
	height: 0;
	padding-bottom: 21.43%;
	top:29.11%;
    background:yellow;
}

.dituContent{
	z-index: 992;
	margin:0;
	padding:0;
	position: absolute;
    width:100%;
	height:100%;
	display:block;

}

.iw_poi_title {
	color:#CC5522;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	padding-right:13px;
	white-space:nowrap
}

.iw_poi_content {
	font:12px arial,sans-serif;
	overflow:visible;
	padding-top:4px;
	white-space:-moz-pre-wrap;
	word-wrap:break-word
}

/****************************************************** */
/****************** 06. hw Section  *************** */
/****************************************************** */
.hw-section {
	margin-top:60px;
	width: 100%;
	height: 0;
	padding-bottom: 34.86%;
}

.hw-outline {
    width:100%;
	display:block;
	content:url(../images/1-智能硬件banner.svg);
}

.hw-content {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 103.35%;
}

.hw-mid {
    width:100%;
	display:block;
	content:url(../images/智能硬件1.svg);
}

/**
.pro-section1 {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 35.57%;	
}

.pro-outline1 {
	display:block;
	width: 100%;
	content:url(../images/知了掌柜桌面式智能终端1.svg);
	
}

.pro1-button {
	position: absolute;
	display:block;
	width: 100%;
	height: 0;
	padding-bottom: 1.71%;	
	top:79.92%;
}

.bleft {
	z-index:99;
	position: absolute;
	display:block;
	width: 1.71%;
	content:url(../images/左.svg);
	margin-left:8.29%;
}	

.bright {
	z-index:99;
	position: absolute;
	display:block;
	width: 1.71%;
	content:url(../images/右.svg);
	margin-left:29.07%;
}	

.pro1-exh {
	position: absolute;
	display:block;
	width: 100%;
	height: 0;
	padding-bottom: 19.29%;	
	top:30.52%;
}

.pro1-pic {
	position: absolute;
	display:block;
	width: 14.29%;
	content:url(../images/设备配图/双屏终端-管理端.svg);
	margin-left:12.5%;
}	

.param-section1 {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 51.21%;	
}

.pro1-param {
	position: absolute;
	display:block;
	width: 100%;
	content:url(../images/知了掌柜桌面式智能终端2.svg);
}


.pro2-exh {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 72.64%;	
}

.pro2-pic {
	position: absolute;
	display:block;
	width: 100%;
	content:url(../images/知了掌柜智能门锁内容.svg);
}

.pro2-exh2 {
	position: absolute;
	display:block;
	width: 100%;
	height: 0;
	padding-bottom: 20.5%;	
	top:14.45%;
}

.pro2-pic2 {
	position: absolute;
	display:block;
	width: 73.29%;
	content:url(../images/设备配图/知了掌柜智能门锁配图.png);
	margin-left:13.36%;
}	
**/


/****************************************************** */
/****************** 06.otherhw Section  *************** */
/****************************************************** */
.hw-section2 {
	margin-top:60px;
	width: 100%;
	height: 0;
	padding-bottom: 34.86%;
}

.hw-outline2 {
    width:100%;
	display:block;
	content:url(../images/2-智能硬件banner.svg);
}

.hw-content2 {
	position:relative;
	width: 100%;
	height: 0;
	padding-bottom: 268.07%;
}

.hw-mid2 {
    width:100%;
	display:block;
	content:url(../images/智能硬件2.svg);
}



/**
.pro-section2 {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 33%;	
}

.pro-outline2 {
	display:block;
	width: 100%;
	content:url(../images/cqf68.svg);
	
}

.pro2-button {
	position: absolute;
	display:block;
	width: 100%;
	height: 0;
	padding-bottom: 1.71%;	
	top:79.92%;	
}

.pro3-exh {
	position: absolute;
	display:block;
	width: 100%;
	height: 0;
	padding-bottom: 18.21%;
	top:32.52%;
}

.pro3-pic {
	position: absolute;
	display:block;
	width: 7.86%;
	content:url(../images/设备配图/测温人脸识别智能门禁1.png);
	margin-left:15.71%;
}	

.pro4-exh {
	position: absolute;
	display:block;
	width: 100%;
	height: 0;
	padding-bottom: 15.71%;
	top:31.17%;
}

.pro4-pic {
	position: absolute;
	display:block;
	width: 20%;
	content:url(../images/设备配图/桌面式人证核验访客机1.png);
	margin-left:9.64%;
}	

.param-section2 {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 57.57%;	
}

.pro2-param {
	position: absolute;
	display:block;
	width: 100%;
	content:url(../images/测温人脸识别智能门禁2.svg);
}

.pro-section3 {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 32.93%;	
}

.pro-outline3 {
	display:block;
	width: 100%;
	content:url(../images/桌面式人证核验访客机1.svg);
	
}

.pro3-button {
	position: absolute;
	display:block;
	width: 100%;
	height: 0;
	padding-bottom: 1.71%;	
	top:79.92%;
}

.param-section3 {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 46.93%;	
}

.pro3-param {
	position: absolute;
	display:block;
	width: 100%;
	content:url(../images/桌面式人证核验访客机2.svg);
}

.pro-section5 {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 34.36%;	
}

.pro-outline5 {
	position: absolute;
	display:block;
	width: 100%;
	content:url(../images/指环式二维扫描器.svg);
}


.pro5-exh {
	position: absolute;
	display:block;
	width: 100%;
	height: 0;
	padding-bottom: 18.21%;
	top:33.68%;
}

.pro5-pic {
	position: absolute;
	display:block;
	width: 19.5%;
	content:url(../images/设备配图/指环式二维扫描器配图.png);
	margin-left:10.5%;
}	

.param-section5 {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 52%;	
}

.pro5-param {
	position: absolute;
	display:block;
	width: 100%;
	content:url(../images/指环式二维扫描器应用场景.svg);
}

**/