@font-face{font-family:DINBlack;src:url("/fonts/din-black-webfont.eot");src:url("/fonts/din-black-webfont.woff");src:url("/fonts/din-black-webfont.ttf");font-weight:normal;font-style:normal}html,body{padding:0;margin:0;background-color:#f2f2f2;font-family:Helvetica Neue, Helvetica, Arial, sans-serif}h1,h2,h3,h4,h5,h6{margin:0}ul{margin:0;padding:0}a{text-decoration:none;color:blue}*{box-sizing:border-box}header{padding:20px 0;width:1366px;position:absolute;left:0;right:0;margin:auto;z-index:1;overflow:hidden;*zoom:1}header .brand{color:#fff}header .logo{float:left;line-height:60px;margin-left:48px;font-family:DINBlack}header .primary{float:right;line-height:60px}header .menu-item{display:inline-block;list-style:none;margin:0 20px}header .menu-item a{color:#fff;display:inline-block;padding:0 13px;font-size:20px;font-weight:320}header .menu-item:after{display:block;content:"";height:4px;width:0;background-color:#fff;transition:width .3s linear, left .3s linear;position:relative;left:50%;top:19px}header .menu-item.active:after{width:100%;left:0}header .menu-item.active a{font-weight:400}header .menu-item:hover:after{width:100%;left:0}header .menu-primary{margin-right:40px}footer{background-color:#fff;color:#000;padding:40px 0}footer .footer-inner{overflow:hidden;*zoom:1;width:1366px;padding:20px;margin:auto}footer .logo-block{float:left}footer .footer-logo{font-family:DINBlack;font-size:30px;padding:10px 0}footer .tail{overflow:hidden;*zoom:1;font-size:16px}footer nav{float:right;padding:27px 35px;font-size:18px}footer .menu-item{list-style:none;display:inline-block;padding:0 20px}footer .seperate{position:relative;top:-5px;list-style:none;display:inline-block;padding:0 20px}footer a{color:#000;transition:opacity linear .2s}footer a:hover{opacity:.6}.bg{overflow:hidden;*zoom:1;position:absolute;top:0;height:633px;width:100%}.bg .hr{position:absolute;width:100%;top:103px;border-bottom:1px solid rgba(255,255,255,0.3)}.bg .center{width:100%;height:100%;background-image:url("../images/bg_creative.jpg")}.first-outer{padding-top:102px}.first{color:#fff;height:531px;position:relative;z-index:1;text-align:center;overflow:hidden;*zoom:1}.first .first-inner{position:absolute;width:100%;top:50%;transform:translateY(-50%)}.first .title{font-size:48px;font-weight:700}.first .subtitle{font-size:30px;font-weight:300;padding-bottom:30px}.second{background-color:#fff}.second .content-block{overflow:hidden;*zoom:1;padding:100px 0;width:1366px;margin:auto}.second .left{float:left;width:66%;padding:20px 0}.second input[type=radio]{display:none}.second input[type=radio]:checked+.items{color:#000}.second input[type=radio]:checked+.items .item-left{filter:initial;opacity:1}.second .items{overflow:hidden;*zoom:1;color:#aeaeae;display:block;padding:20px 40px}.second .items:hover{cursor:pointer}.second .item-left{float:left;padding:20px;width:25%;filter:grayscale(100%);opacity:0.45}.second .item-right{float:left;padding:20px;width:70%}.second .title{font-size:33px;font-weight:500;margin-bottom:10px}.second .desc{font-size:30px;font-weight:300}.second .right{position:relative;margin-left:66%}.second .video-back{background-color:#333}.second .video,.second .video-back{display:block;top:68px;position:absolute;left:4%;width:279px;height:495px}.third{background-color:#f2f2f2;text-align:center;padding:120px 0 100px}.third .title{font-size:33px}.third a{margin-top:50px;display:inline-block;font-size:36px;font-weight:500;padding:20px 130px;background-color:#1d62ed;border-radius:10px;color:#fff;transition:opacity linear .2s}.third a:hover{opacity:.8}.left:has(#radio01:checked){background-color:red}