@charset "utf-8";figure figcaption{font-size:24px;line-height:24px}#slide{height:550px;background:#000 url(../Images/demo/banner.jpg) center no-repeat;position:relative}#slide .text{width:530px;height:150px;color:#fff;font-size:18px;line-height:30px;padding:20px;margin:110px 0 0 25px;box-sizing:border-box;background:rgba(0,192,255,.7)}#slide .text i{display:inline-block}#slide .text p{font-size:36px;line-height:36px;margin-bottom:20px}#slide canvas{max-width:1440px;position:absolute;top:0;left:50%;margin-left:-720px;z-index:1}#slide .cloud{width:100%;height:55px;background:url(../Images/cloud.png) repeat-x;position:absolute;bottom:0;z-index:2}#part1,#part2{color:#333;margin-top:50px}#part1 .module{width:50%;height:480px;float:left;position:relative}#part1 .module a.sub{width:150px;height:60px;color:#333;font-size:18px;line-height:60px;text-align:center;margin:50px 20px 0 0;display:inline-block;border:1px #333 solid;box-sizing:border-box}#part1 .module h2{line-height:42px}#part1 .module ul.info{width:450px;margin:20px 0;padding-top:20px;border-top:1px #333 solid}#part1 .module ul.info li{height:36px;line-height:36px}#part1 .module ul.item{width:405px;height:405px;background:url(../Images/index_01.png) no-repeat;position:absolute;left:0;top:0;z-index:2}#part1 .module ul.item li{width:90px;height:90px;border-radius:50%;background:#00c0ff;position:absolute;cursor:pointer}#part1 .module ul.item li.select{background:#fff}#part1 .module ul.item li:nth-child(1){top:305px;left:10px}#part1 .module ul.item li:nth-child(2){top:155px;left:50px}#part1 .module ul.item li:nth-child(3){top:50px;left:155px}#part1 .module ul.item li:nth-child(4){top:10px;left:305px}#part1 .module .img{width:430px;height:430px;border-radius:50%;border:10px #ececec solid;position:absolute;right:0;bottom:0;z-index:1}#part1 .module .img img{width:410px;height:410px;border-radius:50%;margin:10px}#part1 .city{width:686px;height:436px;background:url(../Images/demo/city3D.jpg) no-repeat;position:absolute;right:0}#part1 .city3D{width:350px;height:350px;font-size:0;float:left;zoom:1;position:absolute;left:55%;top:15%;transform-style:preserve-3d;transform:rotate3d(1,0,0,60deg) rotate3d(0,0,1,0deg);animation:rotate 10s ease-in-out infinite;-webkit-transform-style:preserve-3d;-webkit-transform:rotate3d(1,0,0,60deg) rotate3d(0,0,1,0deg);-webkit-animation:rotate 10s ease-in-out infinite}#part1 .city3D .ground{width:150%;height:150%;font-size:0;border:5px dotted #000;display:block;overflow:visible;position:absolute;top:-25%;left:-25%;transform:translate3d(0,0,-1px);transform-style:preserve-3d;-webkit-transform:translate3d(0,0,-1px);-webkit-transform-style:preserve-3d}#part1 .city3D .building{width:50px;height:50px;font-size:0;display:block;background:#fc0;cursor:move;overflow:visible;position:absolute;top:50%;left:50%;transition:all .5s ease-out;transform:rotate3d(0,0,1,0deg);transform-style:preserve-3d;-webkit-transition:all .5s ease-out;-webkit-transform:rotate3d(0,0,1,0deg);-webkit-transform-style:preserve-3d}#part1 .city3D .block-1{top:0;left:60%;transform:scaleZ(1.5);-webkit-transform:scaleZ(1.5)}#part1 .city3D .block-2{top:0;left:30%;transform:scaleZ(2.5);-webkit-transform:scaleZ(2.5)}#part1 .city3D .block-3{top:20%;left:10%;transform:scaleZ(1.2);-webkit-transform:scaleZ(1.2)}#part1 .city3D .block-4{top:20%;left:30%;transform:scaleZ(1.8);-webkit-transform:scaleZ(1.8)}#part1 .city3D .block-5{top:20%;left:50%;transform:scaleZ(1.8);-webkit-transform:scaleZ(1.8)}#part1 .city3D .block-6{top:60%;left:70%;transform:scaleZ(1.8);-webkit-transform:scaleZ(1.8)}#part1 .city3D .block-7{top:60%;left:20%;transform:scaleZ(1.5);-webkit-transform:scaleZ(1.5)}#part1 .city3D .block-8{top:80%;left:60%;transform:scaleZ(2.8);-webkit-transform:scaleZ(2.8)}#part1 .city3D .block-9{top:80%;left:0;transform:scaleZ(2.9);-webkit-transform:scaleZ(2.9)}#part1 .city3D .block-10{top:80%;left:40%;transform:scaleZ(3.9);-webkit-transform:scaleZ(3.9)}#part1 .city3D .block-11{top:80%;left:20%;transform:scaleZ(2.9);-webkit-transform:scaleZ(2.9)}#part1 .city3D .building:hover{background:#0ae;transform:rotate3d(0,0,1,900deg) scale3d(1,1,4);-webkit-transform:rotate3d(0,0,1,900deg) scale3d(1,1,4)}#part1 .city3D .building:hover>li{background:#0ae;opacity:.5}#part1 .city3D .building:active{background:#09c;transform:translateZ(50px) scale3d(1,1,4);-webkit-transform:translateZ(50px) scale3d(1,1,4)}#part1 .city3D .building:active>li{background:#09c;opacity:.75}#part1 .city3D .building>li{font-size:0;display:inline-block;position:absolute;background:#fc0;transition:all .3s ease-out;-webkit-transition:all .3s ease-out}#part1 .city3D .building .top,.building .west,.building .east,.building .north,.building .south{width:50px;height:50px}#part1 .city3D .building .top{background:rgba(0,192,255,1);transform:translate3d(0,0,50px);-webkit-transform:translate3d(0,0,50px)}#part1 .city3D .building .west{background:rgba(31,174,220,1);transform-origin:0 0;transform:rotate3d(0,1,0,-90deg);-webkit-transform-origin:0 0;-webkit-transform:rotate3d(0,1,0,-90deg)}#part1 .city3D .building .east{background:rgba(0,154,204,1);transform-origin:100% 0;transform:rotate3d(0,1,0,90deg);-webkit-transform-origin:100% 0;-webkit-transform:rotate3d(0,1,0,90deg)}#part1 .city3D .building .north{background:rgba(44,203,255,1);transform-origin:0 0;transform:rotate3d(1,0,0,90deg);-webkit-transform-origin:0 0;-webkit-transform:rotate3d(1,0,0,90deg)}#part1 .city3D .building .south{background:rgba(0,166,220,1);transform-origin:100% 100%;transform:rotate3d(1,0,0,-90deg);-webkit-transform-origin:100% 100%;-webkit-transform:rotate3d(1,0,0,-90deg)}#part1 .city3D .road{width:350px;height:30px;font-size:0;position:absolute;display:block;top:50%;left:50%;background:#ccc;overflow:visible;transition:all .5s ease-out;transform:rotate3d(0,0,1,0deg);transform-style:preserve-3d;-webkit-transition:all .5s ease-out;-webkit-transform:rotate3d(0,0,1,0deg);-webkit-transform-style:preserve-3d}#part1 .city3D .road-1{top:60%;left:40%;transform:translateZ(.9px) rotate3d(0,0,1,90deg);-webkit-transform:translateZ(.9px) rotate3d(0,0,1,90deg)}#part1 .city3D .road-2{top:40%;left:20%;transform:rotate3d(0,0,1,180deg);-webkit-transform:rotate3d(0,0,1,180deg)}#part1 .city3D .road-3{top:100%;left:0;transform:rotate3d(0,0,1,180deg);-webkit-transform:rotate3d(0,0,1,180deg)}#part1 .city3D .car{width:5px;height:10px;font-size:0;position:absolute;display:block;top:60%;left:50%;background:#666;overflow:visible;-webkit-transition:all .5s ease-out;-webkit-transform:translateZ(2px) rotate3d(0,0,1,90deg);-webkit-transform-style:preserve-3d}#part1 .city3D .car>li{font-size:0;display:inline-block;position:absolute;background:#fc0;-webkit-transition:all .3s ease-out}#part1 .city3D .car .roof{width:5px;height:10px;background:#777;-webkit-transform:translate3d(0,0,5px)}#part1 .city3D .car .door-left{width:5px;height:10px;background:#555;-webkit-transform-origin:0 0;-webkit-transform:rotate3d(0,1,0,-90deg)}#part1 .city3D .car .door-right{width:5px;height:10px;background:#777;-webkit-transform-origin:100% 0;-webkit-transform:rotate3d(0,1,0,90deg)}#part1 .city3D .car .front{width:5px;height:5px;background:#666;-webkit-transform-origin:0 0;-webkit-transform:rotate3d(1,0,0,90deg)}#part1 .city3D .car .trunk{width:5px;height:5px;background:#444;-webkit-transform-origin:100% 100%;-webkit-transform:translateY(5px) rotate3d(1,0,0,-90deg)}#part1 .city3D .car-1{top:40%;left:60%}#part1 .city3D .car-2{top:40%;left:80%}#part1 .city3D .car-3{top:60%;left:95%;-webkit-transform:translateZ(2px) rotate3d(0,0,1,0deg)}@keyframes rotate{0%{transform:rotate3d(1,0,0,60deg) rotate3d(0,0,1,20deg)}40%{transform:rotate3d(1,0,0,88deg) rotate3d(0,0,1,120deg)}70%{transform:rotate3d(1,0,0,88deg) rotate3d(0,0,1,260deg)}90%{transform:rotate3d(1,0,0,70deg) rotate3d(0,0,1,260deg)}100%{transform:rotate3d(1,0,0,60deg) rotate3d(0,0,1,380deg)}}@-webkit-keyframes rotate{0%{-webkit-transform:rotate3d(1,0,0,60deg) rotate3d(0,0,1,20deg)}40%{-webkit-transform:rotate3d(1,0,0,88deg) rotate3d(0,0,1,120deg)}70%{-webkit-transform:rotate3d(1,0,0,88deg) rotate3d(0,0,1,260deg)}90%{-webkit-transform:rotate3d(1,0,0,70deg) rotate3d(0,0,1,260deg)}100%{-webkit-transform:rotate3d(1,0,0,60deg) rotate3d(0,0,1,380deg)}}#part2{background:#ececec;padding:50px 0}#part2 figure{text-align:center}#part2 h3{line-height:30px}#part2 h4{line-height:36px}#part2 ul.item{margin-top:40px;color:#fff}#part2 ul.item li{width:580px;height:310px;float:left;text-align:center;overflow:hidden;margin-bottom:10px;position:relative}#part2 ul.item li:nth-child(2n+1){margin-right:10px}#part2 ul.item li img.icon{margin-top:60px;position:relative;z-index:2}#part2 ul.item li img.fun{position:absolute;top:0;left:0;z-index:0}#part2 ul.item li aside{width:100%;height:100px;line-height:30px;font-size:14px;padding:15px;position:absolute;bottom:-50px;z-index:1;box-sizing:border-box;background:rgba(0,0,0,.4)}#part2 ul.item li aside a{color:#fff}#part2 ul.item li:hover aside{bottom:0}#part3{background:#6ba0d1 url(../Images/index_02.png) center bottom no-repeat;padding:50px 0}#part3 figure{text-align:center;color:#fff}#part3 h4{line-height:36px}#part3 ul.item{margin-top:20px}#part3 ul.item li{width:145px;height:145px;float:left;margin:50px 60px 0 0;background:#fff;overflow:hidden;border-radius:50%}#part3 ul.item li:nth-child(6n){margin-right:0}#part4{padding:50px 0}#part4 figure{text-align:center}#part4 h4{line-height:36px}#part4 dl{width:285px;text-align:center;margin-right:10px;float:left;overflow:hidden}#part4 dl:hover{color:#00c0ff}#part4 dl:nth-last-child(1){margin-right:0}#part4 dl dt{width:100%;height:45px;font-size:18px;line-height:45px;border-top-left-radius:5px;border-top-right-radius:5px;background:#333;color:#fff}#part4 dl dd{border:1px #ccc solid;border-bottom:none;box-sizing:border-box}#part4 dl dd.price{height:80px;line-height:80px;overflow:hidden}#part4 dl dd.price .x{font-size:18px}#part4 dl dd.price .y{font-size:36px}#part4 dl dd.con{padding:10px 0;line-height:36px;font-size:12px;color:#999}#part4 dl dd.con b{color:#000;font-size:14px}#part4 dl dd.remark{height:30px;background:#ececec}#part4 dl dd.buy{height:50px;font-size:18px;line-height:85px;cursor:pointer}#part4 dl dd.buy a{color:#000}#part4 dl dd.bg{width:100%;height:53px;border:none;background:url(../Images/price_bottom.png) no-repeat}