/* * @Author: sublime text * @Date: 2019-05-09 14:47:59 * @Last Modified by: sublime text * @Last Modified time: 2019-05-13 18:04:15 */ *{margin: 0px;padding: 0px;} body{font-size:12px; font-family:"Microsoft YaHei" !important;padding-top: 0px !important;} div{margin: 0px; padding: 0px; margin: 0px;} span,p{margin: 0px; padding: 0px;} h1,h2,h3,h4,h5,h6{margin: 0px; padding: 0px;} img{margin: 0px; padding: 0px;} dl,dt,dd,ol,ul,li{margin: 0px; padding: 0px; list-style: none;} img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;} from,input,select{margin: 0px; padding: 0px;} .clear{clear:both; font-size:0px; overflow:hidden; height:0px;} a{color: #333; text-decoration: none !important;} a:hover{color: #0c9a4d; text-decoration: none;} /*云管家服务*/ #yun{width: 100%;margin-top: 80px;} #yun #keeper{width: 1200px;margin:0 auto;} #yun #keeper .title{text-align: center;font-size: 16px;color:#666;} #yun #keeper .title p{font-size: 35px;color: #333;line-height: 70px;} #yun #keeper .title p span{color:#018cd1;} #yun #keeper .youdian{margin-top: 60px;} #yun #keeper .youdian .tu1{height:120px;background:url(Img/service/dian1.png) no-repeat center 0px;transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;-o-transition:background 0.5s;} #yun #keeper .youdian .tu2{height:120px;background:url(Img/service/dian2.png) no-repeat center 0px;transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;-o-transition:background 0.5s;} #yun #keeper .youdian .tu3{height:120px;background:url(Img/service/dian3.png) no-repeat center 0px;transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;-o-transition:background 0.5s;} #yun #keeper .youdian .tu4{height:120px;background:url(Img/service/dian4.png) no-repeat center 0px;transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;-o-transition:background 0.5s;} #yun #keeper .youdian .tu5{height:120px;background:url(Img/service/dian5.png) no-repeat center 0px;transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;-o-transition:background 0.5s;} #yun #keeper .youdian li p{padding-top: 140px;font-size: 18px;} #yun #keeper .youdian li:hover{background-position:center -120px;color:#018cd1;} #yun #keeper .youdian li{width: 20%;text-align: center;float: left;} #yun #keeper .zixun{width: 200px;height: 45px;line-height: 45px;text-align: center;background: #018cd1;border-radius: 5px;margin:0 auto;margin-top: 100px;} #yun #keeper .zixun a{color:#fff;font-size: 18px;} /*提升效率*/ #xiao{width: 100%;margin-top: 60px;} #xiao #xiaolv{width: 1200px;margin:0 auto;} #xiao #xiaolv .title{text-align: center;font-size: 16px;color:#666;} #xiao #xiaolv .title p{font-size: 35px;color: #333;line-height: 70px;} #xiao #xiaolv .title p span{color:#018cd1;} .subMenu { background:#dee0e2; width: 1200px; overflow:hidden; position: relative; margin-top: 60px; } .subMenu ul { height:395px; position:relative; display:block; width:1200px; } .subMenu ul li { float:left; width:100px; height:395px; position:relative; overflow:hidden; } .menuPreview { width:100px; height:395px; cursor:pointer; position:absolute; top:0px; left:0px; color: #333; } .menuPreview p{letter-spacing: 35px;padding-top: 120px;font-size: 30px;text-align: right;color:#333;} .menuImage { position:absolute; left:100px; top:0px; width:100px; height:395px; opacity:0.2; color: #333; background: #018cd1; } .menuImage p{letter-spacing: 35px;padding-top: 120px;font-size: 30px;text-align: right;color:#fff;} .menuDescription { position:absolute; width:690px; height:395px; left:100px; top:0px; } .menuDescription p{color: #fff;font-size: 22px;line-height: 35px;text-align: center;padding-top: 150px;letter-spacing: 5px;} .menuDescription a{width: 145px;height: 35px;text-align: center;line-height: 35px;border: 1px solid #fff;display: block;color:#fff;font-size: 16px;border-radius:50px;margin: 20px auto; } /*云服务标准*/ #fuwu{width: 100%;height: 755px;background: #f5f5f5;margin-top: 100px;} #fuwu #service{width: 1200px;margin:0 auto;position: relative;} #fuwu #service .left{width: 296px;float: left;} #fuwu #service .right{width: 830px;float: right;font-size: 16px;line-height: 40px;color: #333;} #fuwu #service .title{text-align: center;padding-top: 80px;} #fuwu #service .title img{margin-bottom:20px;} #fuwu #service .right .title p{font-size: 35px;color: #333;line-height: 70px;} #fuwu #service .right .title p span{color:#018cd1;} #fuwu #service .right .product{position: absolute;right: 0;top:480px;} /*承诺*/ #cheng{width: 100%;height: 469px;background: url(Img/service/cheng.jpg)no-repeat center;} #cheng #chengnuo{width: 1200px;margin:0 auto;} #cheng #chengnuo li{width: 264px;float: left;margin-left: 48px;padding-top: 260px;} #cheng #chengnuo li:first-child{margin-left: 0px;} #cheng #chengnuo li img{display: block;} #cheng #chengnuo li span{width: 264px;height: 45px;text-align: center;line-height:45px;display: block;background: #018cd1;color:#fff;font-size: 16px;} /*专家*/ #zhuang{width: 100%;margin-top: 85px;} #zhuang #zhuangjia{text-align: center;font-size: 16px;color:#666;} #zhuang #zhuangjia p{font-size: 35px;color: #333;line-height: 70px;} #zhuang #zhuangjia p span{color:#018cd1;} #zhuang .datu{width: 100%;height: 493px;background: url(Img/service/fuwu.jpg)no-repeat center;margin-top: 60px;} #zhuang p{font-size: 18px;color: #333;text-align: center;margin-top: 80px;} #zhuang a{width: 165px;height: 45px;text-align: center;line-height: 45px;color: #fff;background: #018cd1;display: block;font-size: 16px;border-radius:50px;margin:20px auto;} /*设备展示*/ #she{width: 100%;margin-top: 70px;} #she #shebei{width: 1200px;margin:0 auto;} #she #shebei .title{text-align: center;} #she #shebei .title p{font-size: 35px;color: #333;line-height: 70px;} #she #shebei .title img{margin-bottom:20px;} .anli{ width:1200px; margin:30px auto;margin-bottom: 60px;} .posterTvGrid{position:relative;height:415px;} /*图片高度*/ .posterTvGrid img{max-width:none;max-height:none;border:0 none;background:#888;} .posterTvGrid .contentHolder{position:relative;overflow:hidden;} .posterTvGrid .contentHolderUnit{cursor:pointer;position:absolute;width:640px;height:270px;} .posterTvGrid .contentHolderUnit a.elementLink{display:block;overflow:hidden;z-index:3;position:absolute;left:0;right:0;width:100%;height:100%;} .posterTvGrid .contentHolderUnit img{width:100%;height:100%;} .posterTvGrid .contentHolderUnit .elementTitle{} .posterTvGrid .contentHolderUnit .elementOverlay{z-index:1;position:absolute;top:0;left:0;background:#000;width:100%;height:100%;opacity:0;filter:opacity=0;} .posterTvGrid .contentHolderUnit .leftShadow{position:absolute;top:23px;left:-174px;width:174px;height:415px;background:url(Img/service/20150422165380178017.png)} /*左右图片覆盖阴影*/ .posterTvGrid .contentHolderUnit .rightShadow{position:absolute;top:23px;right:-174px;width:174px;height:415px;background:url(Img/service/20150422170192579257.png)} .posterTvGrid .leftNav,.posterTvGrid .rightNav{cursor:pointer;z-index:10;position:absolute;top:45%;} .posterTvGrid .leftNav{width:36px;height:68px;background:url(Img/service/left.jpg) no-repeat center 0px;transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;-o-transition:background 0.5s;left:0;position: absolute;}/*左右切换图标*/ .posterTvGrid .rightNav{width:36px;height:68px;background:url(Img/service/right.jpg) no-repeat center 0px;transition:background 0.5s;-moz-transition:background 0.5s;-webkit-transition:background 0.5s;-o-transition:background 0.5s;right:0;position: absolute;} .posterTvGrid .leftNav:hover,.posterTvGrid .rightNav:hover{background:url(Img/service/left.jpg) no-repeat center -68px;} .posterTvGrid .bottomNav{z-index:140;position:absolute;width:100%;height:10px;margin-top:370px;padding:10px 0 0;text-align:center;} .posterTvGrid .bottomNavButtonOFF{cursor:pointer;overflow:hidden;display:inline-block;*display:inline;*zoom:1;width:10px;height:10px;margin:0 5px;vertical-align:top;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#c3c3c3;} .posterTvGrid .bottomNavButtonOFF:hover{background:#aaa;} .posterTvGrid .bottomNavButtonON, .posterTvGrid .bottomNavButtonON:hover{background:#69aaec;}