.suspend>.topbar{background-color:#000}.suspend>.nav{background-color:#fff;-webkit-box-shadow:0 2px 12px rgba(0,0,0,.1);-moz-box-shadow:0 2px 12px rgba(0,0,0,.1);box-shadow:0 2px 12px rgba(0,0,0,.1)}.suspend .nav-menu{float:right}.suspend .nav-menu>.item>a{color:#666;padding:0 20px}.banner-img{float:left;width:100%;height:742px;background:url(../images/worldskills/banner01.jpg) no-repeat center;-webkit-background-size:cover;background-size:cover}.c-title{float:left;width:100%;height:54px;margin-top:60px;line-height:54px;font-size:34px;color:#0275e1;text-align:center;position:relative;background-image:url(../images/worldskills/title-bg.png);background-repeat:no-repeat;-webkit-background-size:488px auto;background-size:488px auto;-ms-background-position-x:center;background-position-x:center}.c-title.white{color:#fff}.c-title.title01{-ms-background-position-y:0;background-position-y:0}.c-title.title02{-ms-background-position-y:-55px;background-position-y:-55px}.c-title.title03{-ms-background-position-y:-110px;background-position-y:-110px}.c-title.title04{-ms-background-position-y:-165px;background-position-y:-165px}.c-subtitle{float:left;width:100%;margin-top:30px;font-size:18px;color:#333;text-align:center}.floor-bggrey{background:#f3f4f4}.contents{position:relative;z-index:99}.introduce{background:url(../images/worldskills/introduce-bg.jpg) no-repeat top center}.introduce-box{float:left;width:100%;margin:60px 0}.introduce-box>.img{float:left;width:328px;height:226px;background:url(../images/worldskills/introduce-img.jpg) no-repeat center;-webkit-background-size:contain;background-size:contain}.introduce-box>.detail{float:left;width:584px;margin-left:60px}.introduce-box .detail-text{float:left;width:100%;text-indent:2em;font-size:18px;line-height:1.8}.introduce-box .detail-btn{float:left;width:180px;height:46px;margin-top:30px;line-height:46px;font-size:18px;color:#fff;text-align:center;background:#0275e1;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.introduce-box .detail-btn:hover{-webkit-box-shadow:0 0 16px rgba(0,0,0,.4);-moz-box-shadow:0 0 16px rgba(0,0,0,.4);box-shadow:0 0 16px rgba(0,0,0,.4)}.history-box{float:left;width:100%;margin:60px 0;position:relative}.history-box>.line{float:left;width:10px;height:446px;background:#33abfe;position:absolute;left:50%;top:0;margin-left:-5px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}.history-box>.list{float:left;width:100%}.history-box .list-item{width:540px;height:110px;padding:14px 26px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);-moz-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);position:relative}.history-box .list-item.item02{margin-top:88px}.history-box .list-item.item03,.history-box .list-item.item04,.history-box .list-item.item05,.history-box .list-item.item06{margin-top:60px}.history-box .list-item.item01,.history-box .list-item.item03,.history-box .list-item.item05{float:right;margin-right:12px;border-right:4px solid #008cec}.history-box .list-item.item02,.history-box .list-item.item04,.history-box .list-item.item06{float:left;margin-left:12px;border-left:4px solid #008cec}.history-box .list-item.item06{border-color:#f30}.history-box .list-item:before{content:'';float:left;width:16px;height:16px;border:4px solid #33abfe;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#f3f4f4;position:absolute;top:50%;margin-top:-12px}.history-box .list-item.item01:before,.history-box .list-item.item03:before,.history-box .list-item.item05:before{left:-60px}.history-box .list-item.item02:before,.history-box .list-item.item04:before,.history-box .list-item.item06:before{right:-60px}.history-box .list-item.item06:before{border:0;right:-56px;margin-top:-8px;background:#f30}.history-box .list-item.item06:after{content:'';float:left;width:24px;height:24px;border:2px solid #f30;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;position:absolute;top:50%;right:-62px;margin-top:-14px}.history-box .list-item>.arrow{float:left;width:0;height:0;border-width:12px 14px;border-style:solid;position:absolute;top:50%;margin-top:-12px}.history-box .list-item.item01>.arrow,.history-box .list-item.item03>.arrow,.history-box .list-item.item05>.arrow{border-color:transparent #fff transparent transparent;left:-28px}.history-box .list-item.item02>.arrow,.history-box .list-item.item04>.arrow,.history-box .list-item.item06>.arrow{border-color:transparent transparent transparent #fff;right:-28px}.history-box .list-item>.time{float:left;width:100%;font-size:18px}.history-box .list-item.item06>.time{font-size:24px}.history-box .list-item>.text{float:left;width:100%;margin-top:6px;font-size:16px}.award-box{float:left;width:100%;margin-bottom:60px}.award-box>.img{float:left;width:100%;height:550px;background:url(../images/worldskills/award-img01.jpg) no-repeat center;-webkit-background-size:contain;background-size:contain}.honor{background:url(../images/worldskills/honor-bg.jpg) no-repeat center;-webkit-background-size:cover;background-size:cover}.honor-box{float:left;width:100%;margin:60px 0}.honor-box>.goldmedal{float:left;width:500px;position:relative}.honor-box .goldmedal-img{float:left;width:100%;height:382px;background:url(../images/worldskills/honor-img01.jpg) no-repeat center}.honor-box .goldmedal-title{float:left;width:100%;padding:8px 18px;color:#fff;background:rgba(0,0,0,.6);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;left:0;bottom:0;z-index:9}.honor-box>.list{float:left;width:600px;margin-left:30px}.honor-box .list-item{float:left;width:100%;height:88px;padding:10px 20px 10px 0;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px;background:#fff;-webkit-box-shadow:0 0 10px rgba(0,0,0,.1);-moz-box-shadow:0 0 10px rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1)}.honor-box .list-item>.time{float:left;width:100px;text-align:center}.honor-box .list-item .time-big{float:left;width:100%;height:48px;line-height:48px;font-size:38px;font-weight:400}.honor-box .list-item .time-small{float:left;width:100%;height:20px;line-height:20px;color:#666;font-weight:400}.honor-box .list-item>.detail{float:left;width:100%;margin-left:-100px;padding-left:100px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.honor-box .list-item .detail-title{float:left;width:100%;font-size:16px;font-weight:700}.honor-box .list-item .detail-text{float:left;width:100%;color:#666}.process-box{float:left;width:100%;margin:60px 0}.process-box>.img{float:left;width:768px;height:350px;background:url(../images/worldskills/process-img01.jpg) no-repeat center;-webkit-background-size:contain;background-size:contain}.condition{background:url(../images/worldskills/message-bg.jpg) no-repeat center;-webkit-background-size:cover;background-size:cover}.condition-box{float:left;width:100%;margin:60px 0}.condition-box>.item{float:left;width:250px;margin:0 25px 40px}.condition-box .item-icon{float:left;width:100%;height:200px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background-image:url(../images/worldskills/condition-icon.jpg);background-repeat:no-repeat;-webkit-background-size:auto 400px;background-size:auto 400px}.condition-box>.item01>.item-icon,.condition-box>.item02>.item-icon,.condition-box>.item03>.item-icon,.condition-box>.item04>.item-icon{-ms-background-position-y:0;background-position-y:0}.condition-box>.item05>.item-icon,.condition-box>.item06>.item-icon,.condition-box>.item07>.item-icon{-ms-background-position-y:-200px;background-position-y:-200px}.condition-box>.item01>.item-icon,.condition-box>.item05>.item-icon{-ms-background-position-x:0;background-position-x:0}.condition-box>.item02>.item-icon,.condition-box>.item06>.item-icon{-ms-background-position-x:-250px;background-position-x:-250px}.condition-box>.item03>.item-icon,.condition-box>.item07>.item-icon{-ms-background-position-x:-500px;background-position-x:-500px}.condition-box>.item04>.item-icon{-ms-background-position-x:-750px;background-position-x:-750px}.condition-box .item-title{float:left;width:100%;margin-top:20px;font-size:24px;color:#fff;text-align:center}