@keyframes down{0%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}}@-moz-keyframes down /* Firefox */{0%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}}@-webkit-keyframes down /* Safari 和 Chrome */{0%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}}@-o-keyframes down /* Opera */{0%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}50%{-webkit-transform:translateY(10px);-moz-transform:translateY(10px);-ms-transform:translateY(10px);-o-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}}body{min-width:1006px}body .page1{width:100%;min-width:1006px;height:797px;background:url("./../img/page1.png") no-repeat center;background-size:cover;overflow:hidden}body .page1 .page1Box{width:1040px;height:573px;margin:0 auto;margin:56px auto 0;padding:168px 0 0;color:#fff}body .page1 .page1Box h2{font-size:28px;text-align:center;margin-bottom:48px;font-weight:400;font:bold 28px "Microsoft YaHei";opacity:0;text-indent:2em}body .page1 .page1Box p{font-size:15px;line-height:2;margin-bottom:6px;opacity:0;text-indent:2em}body .page2{width:100%;background:url("./../img/page2.png")}body .page2 img{display:block;margin:0 auto}body .page3{width:100%;background-color:#fff}body .page3 .page3Title{width:100%;padding:126px 0 40px;position:relative}body .page3 .page3Title h2,body .page3 .page3Title h6{text-align:center}body .page3 .page3Title p,body .page3 .page3Title .showBox{text-indent:2em;width:76%;margin:36px auto 0;padding:0 4%;line-height:1.8;color:#666}body .page3 .page3Title .showBox{display:none;margin-top:20px}body .page3 .page3Title .showBox i{margin-top:8px;display:inline-block;font-style:normal;text-indent:2em}body .page3 .page3Title h2{font:normal 42px "Microsoft YaHei";color:#333;margin-bottom:10px}body .page3 .page3Title h6{font-size:16px;font-weight:normal}body .page3 .page3Title .downBox{width:100%;height:120px;position:relative}body .page3 .page3Title .down{width:52px;height:52px;border-radius:50%;background:url("./../img/down.png");position:absolute;top:50%;margin-top:-26px;left:50%;cursor:pointer;transform:translateX(-50%);animation:down 2.5s ease 0s infinite}body .page3 .page3Title .down.up{background:url("./../img/up.png")}body .page3 .page3Title .down:hover{opacity:0.8}body .page3 .photoWall{width:96%;margin:0 auto;padding:0 10px}body .page3 .photoWall ul li{width:14.28571%;float:left;position:relative}body .page3 .photoWall ul li img{max-height:292px;width:100%;cursor:pointer}body .page3 .photoWall ul li img.noColor{width:100%}body .page3 .photoWall ul li img.color{display:none;position:absolute;top:0;left:0;z-index:299;border:10px solid #fff;box-shadow:0px 0px 5px 5px rgba(0,0,0,0.1);margin:-10px 0 0 -10px}body .page4{width:100%;position:relative}body .page4 img{width:100%}body .page4 .location{width:6%;height:10%;position:absolute;top:32%;left:48%;cursor:pointer}body .page4 .CompanyInformation{width:100%;height:226px;position:absolute;bottom:76px}body .page4 .CompanyInformation>div{width:520px;height:226px;background-color:#fff;float:left;position:absolute;left:50%}body .page4 .CompanyInformation>div.leftInformation{width:476px;height:190px;margin-left:-578px;padding:36px 0 0 44px}body .page4 .CompanyInformation>div.leftInformation .companyName{font-size:22px;font-weight:400;margin-bottom:20px}body .page4 .CompanyInformation>div.leftInformation p{font-size:16px;color:#666;line-height:1.6}body .page4 .CompanyInformation>div.rightInformation{width:480px;height:190px;padding:36px 0 0 40px;margin-left:56px}body .page4 .CompanyInformation>div.rightInformation .QRcode{display:block;width:150px;height:150px;margin-right:40px}body .page4 .CompanyInformation>div.rightInformation .contactUs .text1{font-size:22px;font-weight:400;margin-bottom:20px}body .page4 .CompanyInformation>div.rightInformation .contactUs .text2,body .page4 .CompanyInformation>div.rightInformation .contactUs .text3,body .page4 .CompanyInformation>div.rightInformation .contactUs .text4{font-size:16px;color:#666;line-height:1.6}body .page4 .CompanyInformation>div.rightInformation>div{width:100%;height:33%}body .page4 .CompanyInformation>div.rightInformation>div p{color:#333;font-size:18px}body .page4 .CompanyInformation>div.rightInformation>div span{font-size:14px;color:#666}body .page4 .CompanyInformation>div.rightInformation>div span:nth-of-type(2){margin-left:30px}body .copyRight{position:static}@media all and (max-width: 1280px){#leftInformation{width:396px;height:168px;margin-left:-462px;padding:20px 0 0 20px}#leftInformation .companyName{font-size:22px;font-weight:400;margin-bottom:24px}#leftInformation p{font-size:14px;color:#666;line-height:1.6}#rightInformation{width:396px;height:178px;padding:10px 0 0 20px;margin-left:56px}#rightInformation>div{width:100%;height:33%}#rightInformation>div p{color:#333;font-size:18px}#rightInformation>div span{font-size:14px;color:#666}#rightInformation>div span:nth-of-type(2){margin-left:16px}#page1Box{width:1000px}#page3Title p,#page3Title .showBox{width:92%}}