﻿#Mycanvas{top:60px;}
/*安防巡查页面*/
.security{width: 1200px;overflow: hidden;margin: 60px auto 0;}
.big-title{width: 100%;height: 40px;overflow: hidden;font-size: 36px;line-height: 40px;text-align: center;margin: 140px 0 70px;}
.big-title0{width: 100%;height: 20px;overflow: hidden;font-size: 36px;line-height: 40px;text-align: center;}
.sec{width: 100%;overflow: hidden;}
.sec-left{float: left;margin-left: 33px;}
.sec-left img{display: block;}
/*.sec-right{float: right;width: 520px;height: 195px;overflow: hidden;margin-right: 55px;position: relative;}*/
.sec-right{float: right;width: 520px;overflow: hidden;margin: 22px 55px 0 0;}
.sec-right p{line-height: 28px;text-indent: 28px;}
/*.sec-right p{line-height: 22px;margin-top: 15px;}*/
.sec-right a{color: #fff;line-height: 30px;text-align: center;background: #0086ec;width: 100px;height: 30px;overflow: hidden;position: absolute;left: 0;bottom: 20px}

/*蓝牙无线无源蓝牙巡更巡检系统*/
.wireless{width: 1200px;overflow: hidden;margin: 0 auto;}
.wire{width: 100%;overflow: hidden;margin-top: 25px;}
.wire-left{float: left;margin-left: 118px;}
.wire-right{float: right;width: 520px;overflow: hidden;margin: 22px 55px 0 0;}
.wire-right p{line-height: 28px;text-indent: 28px;}

/*应用场景*/
.scene{width: 1200px;overflow: hidden;margin: 0 auto;}
.scene ul{width: 1220px;height: auto;overflow: hidden;}
.scene ul li{float: left;width: 224px;height: auto;overflow: hidden;background: #fff;margin-right: 20px;cursor: pointer;}
.scene ul li img{width: 48px;height: 48px;overflow: hidden;display: block;margin: 90px auto 36px;}
.scene ul li p{font-size: 18px;line-height: 28px;text-align: center;height: 28px;overflow: hidden;margin-bottom: 118px;}
.scene ul li:hover p{color: #0086ec}

/*定点巡逻流程*/
.point{width: 1200px;overflow: hidden;margin: 0 auto;}
.pointlist{width: 1020px;overflow: hidden;margin: 0 auto;position: relative;}
.pointbg{width: 100%;height: 20px;overflow: hidden;background: #8ec4ed;border-radius: 10px;-webkit-border-radius: 10px;
	-moz-border-radius: 10px;-o-border-radius: 10px;behavior:url(PIE.htc);position: absolute;top: 30px;left: 0;}
.pointlist ul{width: 936px;height: 114px;overflow: hidden;margin: 0 auto;position: relative;}
.pointlist ul li{width: 156px;height: 114px;overflow: hidden;float: left;}
.pointlist ul li img{width: 80px;height: 80px;overflow: hidden;display: block;background: #0086ec;margin: 0 auto 20px;border-radius: 100%;
	-webkit-border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;behavior:url(PIE.htc);}
.pointlist ul li p{text-align: center;line-height: 1;height: 14px;overflow: hidden;}

/*定时打卡流程*/
.time{width: 1200px;overflow: hidden;margin: 0 auto;}
.timelist{width: 700px;overflow: hidden;margin: 0 auto;position: relative;}
.timebg{width: 100%;height: 20px;overflow: hidden;background: #8ec4ed;border-radius: 10px;-webkit-border-radius: 10px;
	-moz-border-radius: 10px;-o-border-radius: 10px;behavior:url(PIE.htc);position: absolute;top: 30px;left: 0;}
.timelist ul{width: 624px;height: 114px;overflow: hidden;margin: 0 auto;position: relative;}
.timelist ul li{width: 156px;height: 114px;overflow: hidden;float: left;}
.timelist ul li img{width: 80px;height: 80px;overflow: hidden;display: block;background: #0086ec;margin: 0 auto 20px;border-radius: 100%;
	-webkit-border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;behavior:url(PIE.htc);}
.timelist ul li p{text-align: center;line-height: 1;height: 14px;overflow: hidden;}

/*智能酷炫功能*/
.taste{width: 1200px;height: auto;overflow: hidden;margin: 0 auto 140px;}
.m_title{text-align: center;margin: 140px auto 30px;}
.m_title h3{color: #333;font-size: 22px;line-height: 1;height: 22px;overflow: hidden;}
.taste a{width: 180px;height: 38px;overflow: hidden;display: block;color: #fff;font-size: 22px;line-height: 38px;text-align: center;background: url(../images/taste.png) no-repeat center;margin: 0 auto;}

/*仓库管理页面*/
.cangku{width: 1200px;overflow: hidden;margin: 0 auto;}
.cangku-cont{width: 100%;overflow: hidden;margin-bottom: 140px;}
.mid-title{position: relative;margin-bottom: 60px;}
.mid-title i{position: absolute;left: 0;top: 0;width: 80px;height: 80px;overflow: hidden;display: block;color: #fff;font-size: 60px;font-family: "Arial";line-height: 80px;
	text-align: center;background: #0086ec;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;-o-border-radius: 100%;behavior:url(PIE.htc);}
.mid-title h3{font-size: 36px;line-height: 80px;width: 1098px;height: 80px;padding-left: 102px;position: relative;}
.cangkuInfo{width: 100%;overflow: hidden;position: relative;}
.cangkuInfoL{float: left;margin: 73px 0 142px 105px;position: relative;z-index: 2}
.cangkuInfoL3{margin: 73px 0 152px 105px;}
.cangkuInfoL p{width: 322px;overflow: hidden;padding-left: 30px;line-height: 24px; background: url(../images/cicle_03.png) no-repeat left 8px;}
.cangkuInfoL3 p{width: 483px;}
.cangkuInfoR{float: right;margin: 35px 55px 217px 0;}
.cangkuInfoR p{width: 465px;overflow: hidden;padding-left: 30px;line-height: 24px; background: url(../images/cicle_03.png) no-repeat left 8px;}
.cangkuInfo>img{position: absolute;right: 3px;top: 0;display: block;}
.cangkuInfo2>img{left: 119px;}
.cangkuInfo3>img{right: 122px;}


/*租赁合同页面*/
.module{width: 1200px;overflow: hidden;margin: 0 auto;}
.module img{display: block;margin: 0 auto;}


/*客服中心*/
.service{width: 1200px;overflow: hidden;margin: 0 auto;}
.serv-cont{width: 100%;overflow: hidden;margin-bottom: 140px;}
.servInfo{width: 100%;overflow: hidden;position: relative;}
.servInfo2{width: 100%;overflow: hidden;position: relative;}
.servInfoR{float: right;margin: 65px 58px 72px 0;}
.servInfoR3{margin: 50px 58px 96px 0;}
.servInfoR p{width: 476px;overflow: hidden;padding-left: 30px;background: url(../images/cicle_03.png) no-repeat left 10px;}
.servInfoL{float: left;margin: 63px 0 125px 105px;}
.servInfoL p{width: 530px;overflow: hidden;padding-left: 30px;background: url(../images/cicle_03.png) no-repeat left 10px;}
.servInfo>img{position: absolute;left: 69px;top: 0;display: block;}
.servInfo2>img{position: absolute;right: 183px;top: 0;display: block;}

/*权限管理*/
.permission{width: 1200px;overflow: hidden;margin: 0 auto;}
.permInfo{width: 100%;overflow: hidden;position: relative;}
.permInfoL{float: left;margin: 34px 0 47px 35px;}
.permInfoL p{width: 505px;overflow: hidden;padding-left: 30px;line-height: 22px;background: url(../images/cicle_03.png) no-repeat left 7px;}
.permInfo>img{position: absolute;right: 44px;top: 0;display: block;}

/*收费管理*/
.charge{width: 1204px;overflow: hidden;margin: 0 auto;}
.jiagou{width: 100%;overflow: hidden;margin-bottom: 140px;}
.jiagou img{display: block;}
.charge-cont{width: 1200px;overflow: hidden;margin: 0 auto 140px;}
.mid-title h3 em{width: 98px;height: 27px;overflow: hidden;display: block;background: url(../images/hexin.png) no-repeat; position: absolute;top: 29px;left: 274px;}
.chargeInfo{width: 100%;overflow: hidden;position: relative;}
.chargeInfoL{float: left;margin: 18px 0 165px 105px}
.chargeInfoL p{width: 492px;overflow: hidden;padding-left: 30px;background: url(../images/cicle_03.png) no-repeat left 10px;}
.chargeInfo>img{position: absolute;right: 60px;top: 0;display: block;}
.chargeInfoR{float: right;margin: 0 54px 0 0;}
.chargeInfoR p{width: 463px;overflow: hidden;padding-left: 30px;background: url(../images/cicle_03.png) no-repeat left 10px;}
.chargeInfo2>img{left: 81px;}
.chargeInfoL3{margin: 0 0 156px 105px;}
.chargeInfoL3 p{width: 478px;}
.chargeInfo3>img{right: 36px;top: 0px}
.chargeInfoR4{margin: 0 58px 24px 0;}
.chargeInfoR4 p{width: 547px;}
.chargeInfo4>img{left: 110px;top: 16px;}
.chargeInfoL5{margin: 30px 0 68px 105px;}
.chargeInfoL5 p{width: 448px;line-height: 25px;}
.chargeInfo5>img{right: 54px;top: 0;}
.chargeInfoR6{margin: 63px 64px 265px 0;}
.chargeInfoR6 p{width: 451px;}
.chargeInfo6>img{left: 60px;top: 0;}
.chargeInfoL7{margin: 30px 0 71px 105px;}
.chargeInfoL7 p{width: 403px;line-height: 25px;}
.chargeInfo7>img{right: 30px;top: 0;}
.chargeInfoR8{margin: 63px 74px 335px 0;}
.chargeInfoR8 p{width: 492px;}
.chargeInfo8>img{left: 102px;top: 0;}
.chargeInfoL9{margin: 0px 0 0px 105px;}
.chargeInfoL9 p{width: 436px;}
.chargeInfo9>img{right: 42px;top: 0;}
.chargeInfoR10{margin: 0px 45px 0px 0;}
.chargeInfoR10 p{width: 436px;}
.chargeInfo10>img{left: 102px;top: 0;}
.chargeInfoL11{margin: 20px 0 159px 105px;}
.chargeInfoL11 p{width: 420px;}
.chargeInfo11>img{right: 88px;top: 0;}
.chargeInfoR12{margin: 10px 65px 79px 0;}
.chargeInfoR12 p{width: 590px;}
.chargeInfo12>img{left: 102px;top: 0;}

/*智能自助终端*/
.selfService{width: 1200px;overflow: hidden;margin: 0 auto;}
.selfServ{width:100%;overflow:hidden;}
.selfServ-left{float:left;margin-left:210px;}
.selfServ-right{float:right;width:510px;overflow:hidden;margin:53px 65px 0 0;}
.selfServ-right p{width: 480px;overflow: hidden;padding-left: 30px;background: url(../images/cicle_03.png) no-repeat left 10px;}

.selfServiceFun{width: 1200px;overflow: hidden;margin: 0 auto;}
.selfServiceFun ul{width: 1220px;height: auto;overflow: hidden;}
.selfServiceFun ul li{float: left;width: 224px;height: 320px;overflow: hidden;background: #fff;margin-right: 20px;cursor: pointer;}
.selfServiceFun ul li img{width: 48px;height: 48px;overflow: hidden;display: block;margin: 90px auto 36px;}
/*.selfServiceFun ul li:hover img{margin: 48px auto 36px;}*/
.selfServiceFun ul li p{font-size: 18px;line-height: 28px;text-align: center;height: 28px;overflow: hidden;}
/*.selfServiceFun ul li:hover p{color: #0086ec}*/
.selfServiceFun ul li em{color:#888;text-align: center;display:block;margin-top:30px;opacity:0;}
/*.selfServiceFun ul li:hover em{display:block;}*/

.selfServiceCenter{width: 1200px;overflow: hidden;margin: 0 auto;}
.selfServiceCenter ul{width: 1240px;height: auto;overflow: hidden;}
.selfServiceCenter ul li{float: left;width: 580px;height: 280px;overflow: hidden;background: #fff;margin:20px;position:relative;cursor:pointer;}
.selfServiceCenter ul li img{width: 100%;height: 100%;overflow: hidden;display: block;}

.selfServicePro{width: 1200px;overflow: hidden;margin: 0 auto;}
.selfServicePro ul{width: 1240px;height: auto;overflow: hidden;}
.selfServicePro ul li{float: left;width: 580px;height: 280px;overflow: hidden;background: #fff;margin:20px;position:relative;cursor:pointer;}
.selfServicePro ul li img{width: 100%;height: 100%;overflow: hidden;display: block;}
.selfServicePro ul li em{position:absolute;top:0;left:0;width:100%;height: 100%;overflow: hidden;display: block;background:#000;opacity:0.5;filter:alpha(opacity=50);-webkit-opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;}
.selfServicePro ul li p{position:absolute;top:50%;left:0;z-index:99;width:100%;height:64px;overflow:hidden;color:#fff;font-size:18px;font-weight:bold;text-align:center;line-height:32px;margin-top:-32px;}
.selfServicePro ul li:hover em{opacity:0.3;filter:alpha(opacity=30);-webkit-opacity:0.3;-moz-opacity:0.3;-khtml-opacity:0.3;}
