body,html{width:100%;height:100%}.topMenu{width:100%;position:fixed;left:0;right:0;top:30px;z-index:70}.topMenu .logo{display:inline-block;width:170px;height:34px;margin-left:3%;background:url(../images/logo.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto}.topMenu .logo.change{background:url(../images/logo2.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto}.topMenu .menu{margin-right:3%}.topMenu .menu li{float:left;margin:0 10px 0 0;font-size:14px}.topMenu .menu a{float:left;padding:0 18px;height:24px;line-height:24px;text-decoration:none;font-size:.8em;color:#ebf9ff}.topMenu .menu a:hover{color:#4ccbee}.topMenu .menu .active a{border:1px solid #ebf9ff;border-radius:11px}.topMenu .menu .active a:hover{border-color:#4ccbee}.topMenu .menu .active a.change{border-color:#5f6469}.topMenu .menu a.change{color:#5f6469}.topMenu .menu a.change:hover{color:#4ccbee}.topMenu .menu .active a.change:hover{border-color:#4ccbee}.top{width:100%;height:230px;background:url(../images/bgEight.jpg) no-repeat top center;-webkit-background-size:cover;background-size:cover;position:relative;margin-bottom:20px}.top .txtPic{position:absolute;top:50%;left:50%;width:330px;height:110px;margin-top:-28px;margin-left:-165px}.top .txtPic .picOne{display:block;width:330px;height:100px;background:url(../images/OneWhite1.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto;opacity:0}.top .txtPic .picTwo{margin-top:-100px;display:block;width:330px;height:100px;background:url(../images/OneWhite2.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto;opacity:0}.main{padding-top:70px;padding-bottom:360px;width:63%;margin:0 auto}.main .text{min-width:370px;width:44%;margin:0 6%;text-align:justify;color:#7a8588;line-height:24px;position:relative}.main .bigHeart{position:absolute;top:50%;left:38%;z-index:-1;width:420px;height:350px;background:url(../images/bigLove.png) no-repeat;-webkit-background-size:100% auto;background-size:100% auto}.main h1{font-size:1.7em;margin-bottom:20px;font-weight:700;color:#303334}.main h1 span{margin-left:8px;font-size:.7em;font-weight:400;color:#7a8588}footer{background:#303334;text-align:center}.footBox{width:80%;margin:0 auto}.share{padding-top:32px;text-align:center}.share ul{display:inline-block}.share li{float:left;margin-right:16px}.share a{display:inline-block;color:#ebf9ff;margin-top:6px}.weChat a{width:34px;height:30px;background:url(../images/weChat.png) no-repeat center center;-webkit-background-size:70% auto;background-size:70% auto}.weChat a:hover{background:url(../images/weChat2.png) no-repeat center center;-webkit-background-size:70% auto;background-size:70% auto}.friendCircle a{width:30px;height:30px;background:url(../images/friendCircle.png) no-repeat center center;-webkit-background-size:70% auto;background-size:70% auto}.friendCircle a:hover{background:url(../images/friendCircle2.png) no-repeat center center;-webkit-background-size:70% auto;background-size:70% auto}.space a{width:34px;height:30px;background:url(../images/space.png) no-repeat center center;-webkit-background-size:70% auto;background-size:70% auto}.space a:hover{background:url(../images/space2.png) no-repeat center center;-webkit-background-size:70% auto;background-size:70% auto}.qq a{width:30px;height:30px;background:url(../images/qq.png) no-repeat center center;-webkit-background-size:70% auto;background-size:70% auto}.qq a:hover{background:url(../images/qq2.png) no-repeat center center;-webkit-background-size:70% auto;background-size:70% auto}.share .sina{margin-right:0}.sina a{width:38px;height:30px;background:url(../images/sina.png) no-repeat center center;-webkit-background-size:70% auto;background-size:70% auto}.sina a:hover{background:url(../images/sina2.png) no-repeat center center;-webkit-background-size:70% auto;background-size:70% auto}footer .menu{display:inline-block;margin-top:34px;margin-bottom:58px}footer .menu .contactUs{margin-right:0}footer .menu li{float:left;margin-right:60px}footer .menu a{color:#c5ced0;font-size:.9em}footer .menu a:hover{color:#4ccbee;text-decoration:underline}.copyRight .one{margin-right:10px;cursor:pointer;color:#c5ced0}.copyRight{padding-bottom:50px;color:#c5ced0;font-size:.9em;text-align:center;background:#303334}.top.current .txtPic .picOne{opacity:1;transition:all .8s ease-out 0s;-webkit-transition:all .8s ease-out 0s;-moz-transition:all .8s ease-out 0s;-o-transition:all .8s ease-out 0s}.top.current .txtPic .picTwo{opacity:1;transition:all .8s ease-out .8s;-webkit-transition:all .8s ease-out .8s;-moz-transition:all .8s ease-out .8s;-o-transition:all .8s ease-out .8s}.topMenu .mobileTip{display:none}@media(max-width:768px){.codeMask{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99}.blackMask{position:absolute;left:0;top:0;z-index:98;width:100%;height:100%;background:rgba(0,0,0,.8)}.codeMask .bgTop{position:absolute;left:0;top:0;width:100%;height:80%;background:#f6f6f6}
    .codeMask p{text-align:center}.codeMask .black{margin-top:34%;font-size:20px}.codeMask .blue{margin-top:8%;color:#4ccbee}.codeMask img{width:46%;margin:10% 27% 0}.codeMask .bgBottom{position:absolute;left:0;bottom:0;width:62.8%;height:90pt;background:#f6f6f6}.codeMask .square{position:absolute;top:50%;right:-72px;margin-top:-28px;width:40px;height:40px;background:#f6f6f6;z-index:100}.codeMask .square i{position:absolute;top:5px;left:5px;width:2pc;height:2pc;background:#4ccbee;color:#fff;font-size:9pt;line-height:15px;letter-spacing:3px;text-align:center}.codeMask .bgArrow{position:absolute;right:0;bottom:0;width:0;height:0;border-right:90pt solid transparent;border-bottom:90pt solid #f6f6f6;transform:rotate(90deg)}.topMenu .mobileTip{display:block;position:absolute;right:55px;color:#bfcfd6}.topMenu .mobileTip i{display:inline-block;width:20px;height:10px;background:url(../images/arrowRight.png) no-repeat;-webkit-background-size:100% auto;background-size:100% auto}.topMenu .menu{width:50px;height:22px;background:url(../images/menuIcon.png) no-repeat center center;background-size:18px auto;position:relative;margin-right:0}.topMenu .menu.click{background:url(../images/closeX.png) no-repeat center center;background-size:12px auto}.topMenu .menu.change{background:url(../images/menuIcon1.png) no-repeat center center;background-size:18px auto}.topMenu .menu.click{background:url(../images/closeX.png) no-repeat center center;background-size:12px auto}.topMenu .menu.changeClick{background:url(../images/closeX1.png) no-repeat center center;background-size:12px auto}.topMenu .menu ul{background:#fff;position:absolute;right:14px;top:30px;width:88px;padding:14px 0;border-radius:4px;text-align:center;box-shadow:0 0 10px 0 rgba(0,0,0,.4);display:none}.topMenu .menu ul:before{position:absolute;top:-4px;right:6px;content:'';width:10px;height:4px;background:url(../images/whiteTop.png) no-repeat center center;background-size:100% auto}.topMenu .menu ul li{display:block;width:100%;box-sizing:border-box;height:34px;line-height:34px;margin:0;text-align:center;float:none}.topMenu .menu a{color:#666;padding:0;height:34px;line-height:34px;display:block;float:none;font-size:1.1em}.topMenu .menu li.active a{color:#4ccbee;border:0;float:none}.copyRight,footer{display:none}.sectionOne .share{display:none}.shareMobile{position:fixed;left:14px;bottom:14px;height:32px;z-index:1}.shareMobile .tip{display:none}.shareMobile li{float:left;margin:0 6px}.shareMobile a{display:inline-block;color:#ebf9ff;margin-top:6px}.codeMobileBox{position:fixed;right:14px;bottom:20px;width:40px;height:40px;background:url(../images/codeSmall.png) no-repeat center center;background-size:20px auto;z-index:100}.codeMobileBox.change{background:url(../images/codeSmall2.png) no-repeat center center;background-size:20px auto}.codeMobileBox .codeMobile{position:absolute;right:-6px;bottom:20px;width:103px;height:112px}.codeMobileBox p{width:800%;position:absolute;left:-5.8em;top:-112px;color:#4ccbee;font-size:10px;letter-spacing:-1px}.shareMobile .weChat a{width:20px;height:16px;background:url(../images/weChat1.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto}.shareMobile .friendCircle a{width:18px;height:18px;background:url(../images/friendCircle1.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto}.shareMobile .space a{width:20px;height:18px;background:url(../images/space.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto}.shareMobile .qq a{width:18px;height:18px;background:url(../images/qq.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto}.shareMobile .sina a{width:22px;height:18px;background:url(../images/sina.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto}.shareMobile .noBg a{margin-right:8px;margin-top:0;background:0}.shareMobile .more{background:#fff;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;height:30px;padding:0 4px;box-shadow:0 0 10px 0 #eee;-moz-box-shadow:#eee;-webkit-box-shadow:#eee;-o-box-shadow:#eee}.shareMobile .noBg a{color:#c4cdcf}.shareMobile.change .weChat a{background:url(../images/weChat3.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto}.shareMobile.change .friendCircle a{background:url(../images/friendCircle3.png) no-repeat center center;-webkit-background-size:100% auto;background-size:100% auto}.topMenu{top:20px}.topMenu .logo{width:120px;height:22px;margin-left:14px}.main .text{width:100%;min-width:100%;margin:0}.main .bigHeart{top:50%;left:50%;margin-left:-210px}}@media(max-width:444px){.main .bigHeart{width:320px;height:270px;margin-left:-160px;top:72%}}@media(max-width:432px){.top{height:160px;margin-bottom:0}.top .txtPic{position:absolute;left:50%;top:50%;margin-left:-100px;margin-top:-30px;width:218px;height:100px}.top .txtPic .picOne{display:block;width:200px;height:100px}
    .top .txtPic .picTwo{margin-top:-100px;display:block;width:200px;height:100px}.main{padding-top:30px;width:75%;margin-left:8%;padding-bottom:150px}footer .menu{margin-top:10px;margin-bottom:18px}.copyRight .one{display:block;margin-bottom:14px}}@media(max-width:375px){footer .menu li{margin-right:40px}}@media(max-width:350px){.top{width:100%;height:25%;background:url(../images/bgEight.jpg) no-repeat top center;-webkit-background-size:cover;background-size:cover;position:relative;margin-bottom:0}.main{padding-bottom:152px;padding-top:30px;width:75%;margin-left:8%}.main h1{font-size:1.5em;margin-bottom:10px}.main .bigHeart{width:237px;margin-left:-125px;height:198px}.footBox{width:76%}}