.header{position:fixed;top:0;left:0;width:100%;height:680px}.header .banner-mask{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:url(../resource/mask-opc-1.png) repeat}.header .banner-box{display:block;width:100%;height:680px;text-align:center}.header .banner-box img{display:inline-block;height:100%}.header .words{top:50%;margin:-56px 0 0 -251px}.header .dropdown,.header .words{position:absolute;left:50%;z-index:20}.header .dropdown{bottom:30px;margin-left:-14px;display:block;width:29px;height:30px;background:url(../resource/dropdown.png) no-repeat;animation:upHid 1.6s both infinite;-webkit-animation:upHid 1.6s both infinite;cursor:default}.main-box{position:absolute;top:680px;left:0;z-index:20}.check-more{margin-right:30px;padding-right:20px;display:block;font-size:14px;color:#555;background:url(../resource/icon-more.png) 62px -14px no-repeat;transition:none}.check-more:hover{color:#00a0e9;background-position-y:3px;transition:none}@keyframes upHid{0%{opacity:0;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}to{opacity:0}}@-webkit-keyframes upHid{0%{-webkit-opacity:0;-webkit-transform:translateY(0)}50%{-webkit-opacity:1;-webkit-transform:translateY(-8px)}to{-webkit-opacity:0}}.section-safeguard-bg{position:fixed;top:0;left:0;z-index:20;display:none;width:100%;height:100%;background:url(../resource/safeguard-weather-bg.jpg) top no-repeat}.main-box-safeguard{width:100%}.main-box-safeguard .section-box-common{height:380px;background:#f9f9f9}.main-box-safeguard .section-box-common .section-common{margin:0 auto;width:1200px;overflow:hidden}.main-box-safeguard .section-box-common .section-common>.title{margin:60px 0 40px;overflow:hidden}.main-box-safeguard .section-box-common .section-common>.title h3{margin-left:30px;font-size:20px;font-weight:400}.main-box-safeguard .section-box-common .section-common .common-list{margin-left:-12px;width:1212px;overflow:hidden}.main-box-safeguard .section-box-common .section-common .common-list li{margin-left:5px;float:left;width:398px;height:198px;color:#555;overflow:hidden}.main-box-safeguard .section-box-common .section-common .common-list li:hover{background:url(../resource/safe-common-bg.png) no-repeat}.main-box-safeguard .section-box-common .section-common .common-list li .ct{margin:9px;padding:30px 80px 0 30px;width:270px;height:150px;background:#fff}.main-box-safeguard .section-box-common .section-common .common-list li span{display:inline-block}.main-box-safeguard .section-box-common .section-common .common-list li .day{margin-right:10px;font-size:24px}.main-box-safeguard .section-box-common .section-common .common-list li .year{font-size:16px}.main-box-safeguard .section-box-common .section-common .common-list li .title{margin:18px 0 6px;display:block;color:#222;font-size:18px}.main-box-safeguard .section-box-common .section-common .common-list li .title:hover{color:#00a0e9}.main-box-safeguard .section-box-common .section-common .common-list li .intro{line-height:24px}.main-box-safeguard .section-box-common .section-common .common-list li .intro .more{color:#555}.main-box-safeguard .section-box-common .section-common .common-list li .intro .more:hover{color:#00a0e9}.main-box-safeguard .section-box-weather{width:100%;height:240px;background:none;overflow:hidden}.main-box-safeguard .section-box-weather .weather-list{margin:39px auto 0;padding-left:210px;width:1118px;overflow:hidden}.main-box-safeguard .section-box-weather .weather-list li{margin-left:118px;float:left;text-align:center}.main-box-safeguard .section-box-weather .weather-list li a{display:block;color:#fff}.main-box-safeguard .section-box-weather .weather-list li a:hover i{margin-bottom:10px;background-image:url(../resource/safeguard-weather-icon-hover.png);transition:all .2s}.main-box-safeguard .section-box-weather .weather-list li a i{display:block;width:122px;height:122px;background:url(../resource/safeguard-weather-icon-init.png) 0 0 no-repeat;transition:all .2s}.main-box-safeguard .section-box-weather .weather-list li a .icon-1{background-position-x:0}.main-box-safeguard .section-box-weather .weather-list li a .icon-2{background-position-x:-240px}.main-box-safeguard .section-box-weather .weather-list li a .icon-3{background-position-x:-480px}.main-box-safeguard .section-box-weather .weather-list li a .icon-4{background-position-x:-720px}.main-box-safeguard .section-box-law{width:100%;height:472px;background:#fff}.main-box-safeguard .section-box-law .section-safe-law{margin:0 auto;width:1200px;overflow:hidden}.main-box-safeguard .section-box-law .section-safe-law>.title{margin-top:60px}.main-box-safeguard .section-box-law .section-safe-law>.title h3{margin-left:30px;font-size:20px;font-weight:400}.main-box-safeguard .section-box-law .section-safe-law .law-list{margin-left:-40px;width:1240px;overflow:hidden}.main-box-safeguard .section-box-law .section-safe-law .law-list li{margin:40px 0 0 40px;padding:30px 30px 0 20px;float:left;width:530px;height:127px;background:#eee}.main-box-safeguard .section-box-law .section-safe-law .law-list li:hover{background:#00a0e9;color:#fff}.main-box-safeguard .section-box-law .section-safe-law .law-list li:hover .year{color:#fff}.main-box-safeguard .section-box-law .section-safe-law .law-list li:hover .ct .intro .more,.main-box-safeguard .section-box-law .section-safe-law .law-list li:hover .ct .title{transition:none;color:#fff}.main-box-safeguard .section-box-law .section-safe-law .law-list li span{display:block}.main-box-safeguard .section-box-law .section-safe-law .law-list li .day{text-align:center;font-size:30px}.main-box-safeguard .section-box-law .section-safe-law .law-list li .year{color:#555}.main-box-safeguard .section-box-law .section-safe-law .law-list li .ct{margin-left:30px;width:440px}.main-box-safeguard .section-box-law .section-safe-law .law-list li .ct .title{display:block;margin-bottom:13px;color:#555;font-size:20px;transition:none}.main-box-safeguard .section-box-law .section-safe-law .law-list li .ct .title:hover{transition:none;color:#fff;text-decoration:underline}.main-box-safeguard .section-box-law .section-safe-law .law-list li .ct .intro{line-height:24px}.main-box-safeguard .section-box-law .section-safe-law .law-list li .ct .intro .more{transition:none;color:#555}.main-box-safeguard .section-box-law .section-safe-law .law-list li .ct .intro .more:hover{transition:none;text-decoration:underline}