/****** 智能家居解决方案 ******/
.s-part-pad{padding-top: 5rem;padding-bottom: 7.5rem;}
.clear{clear: both;}
.casepics .pimg{transform: translate(-50%,-50%);;opacity: 0;z-index: 1000;;position: absolute;cursor: pointer;transition-duration:.9s}

.dianchw{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width:38%;
	opacity: 0;
	transition-duration: .5s;
}
.zmzmb{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

}
.dianchw>img{
	width: 100%;
	opacity: 1!important;
	transition-duration: .5s;
}
.dianch{
	width: 0.875rem;
	height: 0.875rem;
	border-radius: 100%;
	background-color: #FD8E3C;
	position: absolute;
}


.dianchw1{
	top: 31%;
	left: 22%;
}
.dianchw2{
	top: 53%;
	left: 15%;
	width: 57%;
}
.dianchw3{
	top: 68%;
	left: 86%;
	width: 57%;
}
.dianchw4{
	opacity: 0;
	top: 66%;
	width: 65%;
	left: 10%;
}
.dianchw5{
	opacity: 1;
	width: 63%;
	left: 2%;
	top: 28%;
}
.dianchw6{
	opacity: 1;
	width: 55%;
	top: 10%;
	left: 1%;
}
.dianchw7{
	opacity: 1;
	width: 24%;
	left: 33%;
	top: 12%;
}
.dianchw8{
	left: 66%;
	top: 14%;
	width: 34%;

}
.dianchw9{
	width: 64%;
	left: 112%;
	top: 26%;
}
.dianchw10{
	width: 60%;
	left: 92%;
	top: 61%;
}
.dianchw11{
	width: 63%;
	left: -9%;
	top: 61%;
}
.dianchw12{
	width: 80%;
	top: 21%;
	left: 71%;
}
.dianchw13{
	top: 53%;
	width: 63%;
	left: -7%;
}
.dianchw14{
	top: 31%;
	width: 61%;
	left: -1%;
}
.dianchw15{
	width: 27%;
	top: 10%;
	left: 22%;
}
.dianchw16{
	width: 42%;
	top: 31%;
	left: 90%;
}
.dianchw17{
	left: 98%;
	width: 74%;
	top: 37%;
}
.dianchw18{
	left: 23%;
	top: 72%;
	width: 46%;
}
.dianchw19{
	width: 52%;
	left: 9%;
	top: 47%;

}
.dianchw20{
	top: 26%;
	width: 55%;
	left: 18%;
}
.dianchw21{
	left: 29%;
	width: 37%;
	top: 10%;
}
.dianchw22{
	left: 70%;
	width: 24%;
	top: 2%;
}
.dianchw23{
	left: 77%;
	top: 19%;
}
.dianchw24{
	left: 76%;
	width: 22%;
	top: 24%;
}
.dianchw25{
	left: 91%;
	width: 19%;
	top: 28%;
}
.dianchw26{
	left: 95%;
	width: 26%;
	top: 47%;
}


.dianchwc1{
	width: 37%;
	left: 71%;
	top: 58%;
}
.dianchwc2{
	left: -1%;
	width: 50%;
	top: 25%;
}
.dianchwc3{
	width: 51%;
	left: 112%;
}
.dianchwc4{
	width: 65%;
	left: -3%;
	top: 67%;
}
.dianchwc5{
	left: -7%;
	width: 66%;
	top: 60%;
}
.dianchwc6{
	width: 50%;
	left: 100%;
	top: 46%;
}
.dianchwc7{
	width: 16%;
	left: 9%;
	top: 67%;
}
.dianchwc8{
	left: 101%;
	top: 67%;
}
.dianchwc9{
	left: 17%;
	top: 60%;
	width: 30%;
}
.dianchwc10{
	width: 30%;
	left: 83%;
	top: 36%;
}
.dianchwc11{
	left: 87%;
	width: 42%;
	top: 32%;
}
.dianchwc12{
	left: 1%;
	width: 62%;
	top: 25%;
}
.dianchwc13{
	left: 10%;
	width: 71%;
}
.dianchwc14{
	left: 100%;
	width: 46%;
	top: 41%;
}
.dianchwc15{
	left: 85%;
	width: 27%;
	top: 17%;
}
.dianchwc16{
	left: 62%;
	width: 25%;
	top: 5%;
}
.dianchwc17{
	width: 29%;
	top: 10%;
	left: 25%;
}

.dianchws1{
	left: -12%;
	width: 81%;
	top: 70%;
}
.dianchws2{
	left: 87%;
	top: 33%;
	width: 71%;
}
.dianchws3{
	width: 81%;
	left: 89%;
	top: 81%;
}
.dianchws4{
	left: 24%;
	top: 83%;
	width: 42%;
}
.dianchws5{
	left: 5%;
	top: 61%;
	width: 76%;
}
.dianchws6{
	left: -15%;
	width: 49%;
	top: 27%;
}
.dianchws7{
	left: 28%;
	width: 25%;
	top: 10%;
}
.dianchws8{
	left: 82%;
	top: 23%;
}
.dianchws9{
	left: 92%;
	width: 50%;
	top: 45%;
}
.dianchws10{
	left: 69%;
	top: 71%;

}
.dianchws11{
	left: 1%;
	width: 67%;
	top: 74%;
}
.dianchws12{
	left: -4%;
	width: 60%;
	top: 53%;
}
.dianchws13{
	left: 104%;
	width: 50%;
	top: 63%;
}
.dianchws14{
	left: 0%;
	top: 64%;
	width: 79%;
}
.dianchws15{
	left: -8%;
	width: 44%;
	top: 30%;
}
.dianchws16{
	left: -12%;
	width: 45%;
	top: 12%;
}
.dianchws17{
	left: 65%;
	width: 49%;
	top: 5%;

}
.dianchws18{
	left: 97%;
	width: 62%;
	top: 41%;
}
.dianchws19{
	left: 90%;
	width: 60%;
	top: 71%;
}
.dianchws20{
	left: -4%;
	width: 61%;
	top: 57%;
}
.dianchws21{
	width: 47%;
	top: 62%;
	left: 100%;
}
.dianchws22{
	left: -5%;
	top: 72%;
	width: 66%;
}
.dianchws23{
	left: 0;
	width: 64%;
}
.dianchws24{
	left: 86%;
	width: 66%;
	top: 16%;
}
.dianchws25{
	left: 102%;
	width: 71%;
	top: 63%;
}
.dianchws26{
	width: 66%;
	left: -42px;
	top: 63%;
}
.dianchws27{
	left: 2%;
	width: 69%;
	top: 32%;
}
.dianchws28{
	width: 93%;
	left: 112%;
}
.dianchws29{
	left: 17%;
	width: 41%;
	top: 82%;
}
.dianchws30{
	left: 25%;
	top: 66%;
	width: 74%;
}
.dianchws31{
	left: 4%;
	width: 50%;
	top: 41%;
}
.dianchws32{
	left: 68%;
	width: 39%;
	top: 10%;
}
.dianchws33{
	left: 83%;
	width: 34%;
	top: 16%;
}
.dianchws34{
	left: 90%;
	width: 34%;
	top: 33%;
}
.dianchws35{
	left: 99%;
	width: 52%;
	top: 45%;
}
.dianchws36{

}
.dianchws37{

}
.dianchws38{

}

.casepics .pimgs1{

	width: 17%;
	top: 64%;
	left: 29%;

}
.casepics .pimgs2{
	width: 15%;
	top: 68%;
	left: 47%;
}
.casepics .pimgs3{
	width: 20%;
	top: 58%;
	left: 63%;

}
.casepics .pimgs4{
	width: 20%;
	top: 82%;
	left: 84%;
}
.casepics .pimgs5{
	width: 16%;
	top: 40%;
	left: 85%;
}
.casepics .pimgs6{
	width: 11%;
	top: 14%;
	left: 92%;
}
.casepics .pimgs7{
	width: 14%;
	top: 18%;
	left: 69%;
}
.casepics .pimgs8{
	left: 45%;
	top: 36%;
	width: 29%;
}


.dianch1{
	bottom: -6px;
	left: 100%;
}
.dianch2{
	bottom: -6px;
	left: 0%;
}
.dianch3 {
	left: 100%;
	top: -6px;
}
.dianch4{
	left: initial;
	bottom: -5px;
	right: -5px;
}
.dianch5{
	top: -6px;
	left: 0%;
}
.dianch6{
	bottom: -6px;
	left: -6px;
}
.dianch7{
	top: -6px;
	left: -6px;
}
.dianch8{
	top: -6px;
	right: -5px;
}
.dianch9{
	top: 4px;
	right: -5px;
}
.dianch10{
	bottom: -6px;
	left: -5px;
}
.dianch11{
	bottom: -6px;
	right: -5px;
}
.dianch12{
	top: -9px;
	left: -7px;
}
.dianch13{
	right: -4px;
	top: -5px;
}
.xukuan{
	position: relative;
	display: inline-block;
	display: none;
	margin: 2rem 0;
	width: auto;
}
.dianch:after{
	border-radius: 100%;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
	height: 100%;
	border: 1px solid #FD8E3C;
	animation:quanq 1s linear infinite ;
	cursor: pointer;
	opacity: 0;
}
@keyframes quanq {
	0%{
		width: 100%;
		height: 100%;
		opacity: 1;
	}
	100%{
		width: 400%;
		height: 400%;
		opacity: 0;
		visibility: hidden;
	}
}

.s1-part1 .pbodivs{position: relative;background-color: #fff;}
.s1-part1 .pbodivs p{position: relative;top: 0;left: 0;transform: translate(0, 0); color: #333333;padding: 2.5rem 0.625rem;font-size: 1.75rem;}
.s1-part1 .bodivs:hover .bodivsss{box-shadow: 0 0 20px rgba(0,0,0,0.1);}

.bluebg{background: #CFECFF;}
.h5hui{font-family: Light;color: #999999;font-size: 1.3rem;text-align: center;padding-bottom: 5rem;}
.casepics{position: relative;}
.casepics img{margin: 0 auto;display: block; }
.casepics>img{
	width: 100%;
}
.shade.active{
	visibility: visible;
	opacity: 1;
}

.shade{transition-duration: .1s;visibility: hidden;position: fixed;left: 0;top: 0;z-index: 101;
right: 0;bottom: 0;opacity: 0;
width: 100%;height: 100%;
background-color: rgba(255,255,255,.7);}
.shadebox{position: absolute;
left: 50%;top: 50%;
transform: translate(-50%,-50%);
border-radius: 1.25rem;width: 60%;
box-shadow: 0 0 0.625rem rgba(0,0,0,0.15);
background-image: linear-gradient(to right,#B9E9FF,#DDE8FF);}
.shadebox .pics{text-align: center;position: relative}
.shadebox .pics .imgs{max-width: 100%; visibility: hidden}
.shadebox .pics.vivih .imgs{
	visibility: visible;
}

.casepics .pimg img{
	transition-duration:.9s
}
.casepics .pimg1{
	left: 11.3%;
	top: 58.4%;

	width: 18%;
}
.casepics .pimg2{
	left: 37.3%;
	top: 78.4%;

	width: 22%;
}
.casepics .pimg3{
	left: 72.3%;
	top: 79.4%;
	width: 13%;
}
.casepics .pimg4{
	top: 58.4%;
	left: 55.3%;
	width: 14%;
}
.casepics .pimg5{
	width: 29%;
	top: 38%;
	left: 32%;
}

.casepics .pimgj1{
	width: 20%;
	top: 60%;
	left: 11%;
}
.casepics .pimgj2{
	width: 18%;
	top: 30%;
	left: 22%;
}
.casepics .pimgj3{
	width: 18%;
	top: 23%;
	left: 46%;
}
.casepics .pimgj4{
	width: 21%;
	top: 26%;
	left: 73%;
}
.casepics .pimgj5{
	width: 21%;
	top: 53%;
	left: 56%;
}
.casepics .pimgj6{
	width: 35%;
	top: 78%;
	left: 42%;
}
.casepics .pimgj7{
	width: 23%;
	left: 84%;
	top: 65%;

}

.casepics .pimg.vivih{
	visibility: hidden!important;
}
.casepics .pimg.active{
	top: 50%;
	left: 50%;
	position: fixed;
	transform: translate(-50%,-50%);
	width: 60%;
	z-index: 11111;
	opacity: 1;


}

@keyframes ceshi1 {
	0%{

	}
	100%{

	}
}


.s1-part3 .fananyou{margin-left: -1.5625rem;margin-right: -1.5625rem;}
.s1-part3 .fananyou2{width: 25%;padding-left: 1.5625rem;padding-right: 1.5625rem;}
.s1-part3 .fananyou2>div{background: #FFFFFF;border-radius: 0.625rem;padding: 3rem 0.625rem;box-sizing: border-box;border: 1px solid #E3E3E3;}
.s1-part3 .fananyou2 .fangimg{width: 5rem;height: 5rem;border: none;margin-bottom: 1.875rem;}
.s1-part3 .fananyou2 .fang2{color: #333;font-size: 1.375rem;line-height: 1.875rem;}
.s1-part3 .fananyou2:hover>div{box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);border-color: transparent;}

.s1-part4{background: #F6F9FF;}
.s1-part4 .fangdds{margin-bottom:2.5rem;}
.s1-part4 .cirbox{text-align: center;font-size: 0;margin-left: -2.5rem;margin-right: -2.5rem;}
.s1-part4 .cirbox .cirbimg{text-align: center;display: inline-block;vertical-align: top;width: 16.66%;padding-left: 2.5rem;padding-right: 2.5rem;margin-bottom: 5rem;}
.s1-part4 .cirbox .cirbimg .imgs{}
.s1-part4 .cirbox .cirbimg p{color: #333333;font-size: 1.375rem;margin-top: 2.5rem;}
.s1-part4 .cirbox-four{padding: 0 8%;}
.s1-part4 .cirbox-four .cirbimg{width: 25%;}
.s1-part4 .cirbox-four .cirbimg1{width: 33.3333%}
.s1-part4 .cirbox-three{padding: 0 8%;}
.s1-part4 .cirbox-three .cirbimg{width: 33.33%;}

/****** 智慧酒店解决方案 ******/
.s2-part1{}
.frall .frul{padding: 7.5rem 0;}
.frall .frli{font-size: 0;}
.frall .frli .pic,.frall .frli .txt{width: 50%;float: left;}
.frall .frli .pic{padding-right: 3.125rem;}
.frall .frli .pic img{max-width: 100%;}
.frall .frli .txt{color: #333;padding-top: 3.75rem;box-sizing: border-box;padding-left: 7.5rem;padding-right: 3.125rem;}
.frall .frli .txt .txtin{position: relative;overflow: hidden}
.frall .frli .txt .zh{padding-top: 1.75rem;line-height: 2.5rem;padding-bottom: 1.25rem;color: #333333;font-size: 1.75rem;font-weight: bold;}
.frall .frli .txt .en{font-weight: bold;opacity: 0.04;color: #003768;font-size: 6rem;line-height: 6rem;position: absolute;word-break: break-all;left: 0;top: 0;}
.frall .frli .txt ul{position: relative;}
.frall .frli .txt ul:after{content: '';position: absolute;right: 0;bottom: 0;width: 0.375rem;height: 2.5rem;background: #2568F2;}
.frall .frli .txt li{list-style: none;margin: 1.1rem 0;color: #666666;font-size: 1.125rem;line-height: 1.75rem;}
.frall .frulbg{background: #F6F9FF;}
.frall .frul:nth-child(2n) .frli .pic{float: right;padding-right: 0;padding-left: 3.125rem;}
.frall .frul:nth-child(2n) .frli .txt{padding-left: 0;}

.s2-part-senc{}
.s2-part-senc .h5{text-align: center;width: 82%;color: #999999;font-size: 1.3rem;line-height: 2.5rem;margin: 0 auto 5rem;}
.s2-part-senc .bodivs{width: 25%;}
.s2-part-senc .bodivs .biti{position: absolute;left: 0;bottom: 0;right: 0;text-align: center;padding: 1.875rem 0 1.25rem 0;}
.s2-part-senc .bodivs .biti p{color: #FFFFFF;font-size: .98rem;}
.s2-part-senc .bodivsss .xiaxia{top: 0;}
.s2-part-senc .pbodivs p span{font-size: 1.1rem;padding-bottom: 1.25rem;display: block;}
.s2-part-senc .bodivs:hover .biti{height: 100%;}
.s2-part-senc .bodivs:hover .biti p{display: none;}
.s2-part-senc .bodivs:hover .bodivsss .xiaxia{top: 5%;}

.s2-part3 .fananyou2 .fang1{line-height: 1.875rem;color: #333333;font-size: 1.75rem;margin-bottom: 1.25rem;}
.s2-part3 .fananyou2 .fang2{height: 3.25rem;overflow: hidden;color: #999999;font-size: 1.1rem;}
.s2-part3 .fananyou2>div{padding: 2.5rem 0.625rem;}


/* 智慧社区解决方案 */
.s3-part-projec .bodivs{width: 50%;}
.s3-part-projec .pbodivs{border: 1px solid #E3E3E3;padding: 2.5rem;text-align: center}
.s3-part-projec .pbodivs p{padding: 0 0 1.25rem 0;display: block;line-height: initial}
.s3-part-projec .bodivs .txts{color: #999999;font-size: 1.1rem;}
.s-part-case{background-color: #fff;}


 @media (max-width:1400px ) {
	 .casepics .pimg img {
		 max-width: 65% !important;
	 }

	 .xukuan {
		 position: relative;
		 display: inline-block;
		 display: none;
		 margin: 2rem 0;
		 /*width: 50%;*/
	 }

	 .shadebox {
		 width: 80%;
	 }
 }

@media screen and (max-width: 991px){
	.h5hui{padding-bottom: 1.875rem;}
	.s1-part3{margin-bottom: 0;}
	.s1-part4 .cirbox{margin-left: -1.25rem;margin-right: -1.25rem;}
	.s1-part4 .cirbox .cirbimg{padding-left: 1.25rem;padding-right: 1.25rem;}
	
	.frall .frul{padding:3.75rem 0;}
	.frall .frli .txt{padding-left: 1.875rem;padding-top: 1.875rem;}
	.frall .frli .txt .en{font-size: 3.75rem;line-height: 3.75rem;}
	.s1-part4 .cirbox-four{padding: 0;}
	
	.s3-part-projec .pbodivs{padding: 1.875rem 1.25rem;}
}




@media screen and (max-width: 768px){
.xukuan{
    
    	/*width:70%;*/
    }

	.dianchws1 {
		left: 13%;
		width: 34%;
		top: 65%;
	}
	.dianchws2 {
		left: 71%;
		top: 30%;
		width: 49%;
	}
	.dianchws3 {
		width: 49%;
		left: 73%;
		top: 76%;
	}
	.dianchws5 {
		left: 19%;
		top: 54%;
		width: 50%;
	}
	.dianchws6 {
		left: 7%;
		width: 27%;
		top: 27%;
	}
	.dianchws9 {
		left: 82%;
		width: 39%;
		top: 45%;
	}
	.dianchws11 {
		left: 15%;
		width: 44%;
		top: 71%;
	}
	.dianchws12 {
		left: 13%;
		width: 34%;
		top: 50%;
	}
	.dianchws13 {
		left: 86%;
		width: 36%;
		top: 63%;
	}
	.dianchws14 {
		left: 16%;
		top: 64%;
		width: 51%;
	}
	.dianchws15 {
		left: 7%;
		width: 32%;
		top: 30%;
	}
	.dianchws16 {
		left: 6%;
		width: 24%;
		top: 12%;
	}
	.dianchws18 {
		left: 81%;
		width: 42%;
		top: 41%;
	}
	.dianchws19 {
		left: 79%;
		width: 50%;
		top: 71%;
	}
	.dianchws20 {
		left: 14%;
		width: 43%;
		top: 44%;
	}
	.dianchws21 {
		width: 40%;
		top: 62%;
		left: 84%;
	}
	.dianchws22 {
		left: 13%;
		top: 72%;
		width: 36%;
	}
	.dianchws23 {
		left: 16%;
		width: 38%;
	}
	.dianchws24 {
		left: 65%;
		width: 48%;
		top: 16%;
	}
	.dianchws25 {
		left: 84%;
		width: 44%;
		top: 63%;
	}
	.dianchws26 {
		width: 45%;
		left: 10%;
		top: 63%;
	}
	.dianchws27 {
		left: 23%;
		width: 47%;
		top: 32%;
	}
	.dianchws28 {
		width: 50%;
		left: 81%;
	}

	.dianchwc2 {
		left: 17%;
		width: 35%;
		top: 25%;
	}
	.dianchwc3 {
		width: 31%;
		left: 88%;
	}
	.dianchwc4 {
		width: 44%;
		left: 15%;
		top: 63%;
	}
	.dianchwc8 {
		left: 84%;
		top: 64%;
	}
	.dianchwc5 {
		left: 15%;
		width: 49%;
		top: 60%;
	}
	.dianchwc6 {
		width: 43%;
		left: 87%;
		top: 46%;
	}
	.zneir{
		padding: 2.5rem 1.2rem;
	}
	.dazuixin{
		zoom: .5;
	}
	.shadebox,.casepics .pimg.active{
		width: 80%!important;
	}


	.dianchw6 {
		opacity: 1;
		width: 36%;
		top: 15%;
		left: 11%;
	}
	.dianchw5 {
		opacity: 1;
		width: 45%;
		left: 23%;
		top: 33%;
	}
	.dianchw4 {
		opacity: 0;
		top: 65%;
		width: 43%;
		left: 23%;
	}
	.dianchw10 {
		width: 40%;
		left: 83%;
		top: 61%;
	}
	.dianchw9 {
		width: 42%;
		left: 80%;
		top: 15%;
	}
	.dianchw17 {
		left: 83%;
		width: 45%;
		top: 37%;
	}
	.dianchw14 {
		top: 31%;
		width: 35%;
		left: 18%;
	}
	.dianchw13 {
		top: 53%;
		width: 31%;
		left: 13%;
	}
	.dianch1{
		bottom: -4px;
		left: 100%;
	}
	.dianchw11 {
		width: 30%;
		left: 10%;
		top: 69%;
	}
	.dianchw12 {
		width: 61%;
		top: 24%;
		left: 61%;
	}
	.dianchw19 {
		width: 40%;
		left: 17%;
		top: 47%;
	}



	.s1-part3 .fananyou{margin-left:-0.9375rem;margin-right: -0.9375rem;}
	.s1-part3 .fananyou2{width: 50%!important;padding-left: 0.9375rem;padding-right: 0.9375rem;margin-bottom: 1.875rem;}
	.s1-part4 .cirbox .cirbimg{width: 25%;margin-bottom: 2.5rem;}



	.frall .frul{padding-bottom: 2.5rem;}
	.frall .frul:first-child{padding-top: 0;}
	.frall .frli .pic, .frall .frli .txt{float: none;width: 100%;}
	.frall .frli .pic{padding-right: 0;}
	.frall .frli .txt{padding-left: 0;padding-right: 0;}
	.frall .frul:nth-child(2n) .frli .pic{float: none;padding-left: 0;}
	
	.s2-part-senc .h5{width: 100%;margin-bottom: 1.875rem;}
	.s2-part-senc .bodivs{width: 50%;}
	.s2-part-senc .boguandiv{margin: 0 -0.9375rem;}
	.s2-part-senc .bodivs{padding: 0 0.9375rem;}
}
@media screen and (max-width: 480px){
	.dianch{
		width: 0.675rem;
		height: 0.675rem;
	}
	.s1-part4 .cirbox .cirbimg{width: 33.33%;}
	.s3-part-projec .bodivs{width: 100%;}
}