body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dialog,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}body,button,input,select,textarea{font:12px/1.5 Microsoft Yahei,arial,tahoma,simsun,sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,em,var{font-style:normal}code,kbd,pre,samp{font-family:courier new,courier,monospace}ul,ol{list-style:none}a{text-decoration:none}a:hover{text-decoration:none}legend{color:#333}fieldset,img{border:0 none;vertical-align:top}button,input,select,textarea{font-size:100%;overflow:visible}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,menu,nav,section,time,audio,video{display:block;margin:0;padding:0}a{transition:.5s all;-webkit-transition:.5s all;-o-transition:.5s all;-ms-transition:.5s all;-o-transition:.5s all}.clear{clear:both}.clearfix:after{clear:both;content:"";display:table}.clearfix{*zoom:1}img{max-width:100%}body input[type="text"],body input[type="submit"],body textarea,body input[type="button"]{-webkit-appearance:none}.headerbg{background:url(../assets/assets/images/bannerbg.png);min-height:700px;width:100%;background-size:cover}.header{background:rgba(0,0,0,0.24)}.container{width:70%}.logo{float:left;margin:.5em 0 .5em 0}.logo a{color:#b5a9b7;font-size:1.9em}.logo a:hover{color:#b5a9b7;text-decoration:none}.nav{float:right}.nav ul li{display:inline-block;margin:1em 1.5em 0 0}.nav ul li a{color:#b5a9b7}.nav ul li a:hover{color:gray}.banner{position:absolute;width:86%}.banner-info{width:70%;float:right}.bannerlogo{float:left;margin-top:.8em}.bannerhead{float:right}.bannerhead h2{color:#c5b7b8;margin:0;padding:0}.bannerhead h2 span{color:#f1e9f2;font-weight:bolder;font-size:1.2em}.bannerhead h3{color:#281d24;font-weight:bolder;font-size:2.5em}.bannerhead p{color:#f1e9f2}a.downarrow span{height:48px;width:48px;background:url(../assets/images/down.png);display:inline-block}a.downarrow{display:block;position:absolute;top:370px;left:17%}.bannerhead{position:relative;width:90%}.banner-info{position:relative;top:182px;left:11%}.about{color:white;text-align:center;background:#171312}.header-section h2{color:#c6c3c5;font-weight:300;margin-top:2.5em;margin:0;padding:2em 0 1em 0}.header-section span{background:#8c868a;height:1px;width:20%;display:inline-block;vertical-align:middle}.header-section span:nth-child(1){margin-right:10px}.header-section span:nth-child(2){margin-left:10px}.about span p{color:gray;line-height:2em;margin-bottom:4em;width:71%;margin:0 auto}.years{margin-bottom:4em;color:#f1f0f0}.years p{padding-top:1em;line-height:2em;width:45%;margin:0 auto}.labs p{width:50%;margin:0 auto}.years h4,.years span h4{margin-top:1em}.arrow span{height:48px;width:48px;background:url(../assets/images/bwn.png);display:inline-block}a.arrow{margin:2em 0 4em 0;display:inline-block}.skills{min-height:600px;background:#20191b;position:relative}.skill-section h2{color:#c6c3c5;font-weight:300;margin-top:2.5em}.skill-section span{background:#8c868a;height:1px;width:20%;display:inline-block;vertical-align:middle}.skill-section span:nth-child(1){margin-right:10px}.skill-section span:nth-child(2){margin-left:10px}.skill-grids{padding:3em 0}.skill-grid h3{color:#FFF;font-size:1.8em}.circle{color:#FFF}#canvas{position:relative}.down span{height:48px;width:48px;background:url(../assets/images/bwn.png);display:inline-block}a.down{padding:4em 0 0 2em;display:inline-block;position:absolute;left:46%}.Portfolio{min-height:600px;background:#fff;text-align:center}.Portfolio-section h2{color:#91898d;font-size:2em;padding:2em 0 1em;margin:0}.Portfolio-section span{background:#8c868a;height:1px;width:20%;display:inline-block;vertical-align:middle}.Portfolio-section span:nth-child(1){margin-right:10px}.Portfolio-section span:nth-child(2){margin-left:10px}.portfolio-grids{padding-top:2em}.portfolio-grid{display:inline-block}.portfolio-grid p{margin:3em 1em 0 1em;color:#504a4c;line-height:25px}.portfolio-grid img{width:100%}a.rightarrow span{height:30px;width:30.5px;background:url(../assets/images/rightarw.png);display:inline-block}a.rightarrow{margin-top:1em;display:inline-block}.portdown span{height:48px;width:48px;background:url(../assets/images/bwn.png);display:inline-block}a.portdown{margin:4em 0 3em 1em;display:inline-block}@media(max-width:1280px){.years p{width:60%}.portfolio-grid p{margin:2em 0 0 0}.footer-left p{width:90%}}@media(max-width:1024px){.container{width:80%}.years p{width:80%}.portfolio-grid p{margin:2em 0 0 0}.footer-left p{width:90%}.banner-info{width:80%}.headerbg{min-height:591px}.banner-info{top:110px}a.downarrow{top:341px;left:23%}.years{margin-bottom:2em}.header-section h2{padding:1.2em 0 .8em 0}}@media(max-width:768px){.container{width:80%}.years p{width:80%}.portfolio-grid p{margin:2em 0 0 0}.footer-left p{width:90%}.banner-info{width:80%}.headerbg{min-height:500px}.banner-info{top:112px;width:100%;left:2%}
a.downarrow{top:241px;left:32%}.years{margin-bottom:2em}.header-section h2{padding:1.2em 0 .8em 0}.bannerhead{width:84%}.banner{width:100%}.years h4,.years span h4{margin:.5em 0 0 0}.skill-grid{padding:1.5em 0}.skill-grids{padding:1em 0}a.down{padding:0;position:absolute;left:47%}.skills{padding:0 0 5em 0}.skill-section h2{margin-top:1.5em}a.arrow{margin:1em 0 2em 0}.portfolio-grids{padding-top:1em}.portfolio-grid{padding:0 0 2em 0}a.portdown{margin:2em 0 2em 0}.contact-section h2{padding-top:.5em}.footer{padding:0 0 10em}}@media(max-width:640px){.container{width:80%}.years p{width:100%}.portfolio-grid p{margin:2em 0 0 0}.footer-left p{width:90%}.banner-info{width:80%}.headerbg{min-height:500px}.banner-info{top:112px;width:100%;left:2%}a.downarrow{top:241px;left:32%}.years{margin-bottom:2em}.header-section h2{padding:1.2em 0 .8em 0}.bannerhead{width:84%}.banner{width:100%}.years h4,.years span h4{margin:.5em 0 0 0}.skill-grid{padding:1.5em 0}.skill-grids{padding:1em 0}a.down{padding:0;position:absolute;left:47%}.skills{padding:0 0 5em 0}.skill-section h2{margin-top:1.5em}a.arrow{margin:1em 0 2em 0}.portfolio-grids{padding-top:1em}.portfolio-grid{padding:0 0 2em 0}a.portdown{margin:2em 0 2em 0}.contact-section h2{padding-top:.5em}.footer{padding:0 0 10em}.about span p{margin-bottom:2em}.nav ul{margin:0;padding:0}.nav ul li{margin:1.2em .5em}.logo{margin:.3em 0 .5em 0}.bannerhead h3{font-size:2em;margin:.3em 0 .3em}}@media(max-width:480px){.container{width:90%}.years p{width:100%;line-height:1.6em;padding:.5em 0 0 0}.portfolio-grid p{margin:2em 0 0 0}.footer-left p{width:100%;margin:.8em 0 0 0}.banner-info{width:80%}.headerbg{min-height:457px}.banner-info{top:36px;width:100%;left:0;text-align:center}a.downarrow{top:201px;left:42%}.years{margin-bottom:2em}.header-section h2{padding:.8em 0 .5em 0;line-height:1.5em}.bannerhead{width:100%}.banner{width:100%}.years h4,.years span h4{margin:.5em 0 0 0}.skill-grid{padding:1.5em 0}.skill-grids{padding:1em 0}a.down{padding:0;position:absolute;left:45%}.skills{padding:0 0 5em 0}.skill-section h2{margin-top:.5em}a.arrow{margin:1em 0 2em 0}.portfolio-grids{padding-top:1em}.portfolio-grid{padding:0 0 2em 0}a.portdown{margin:1em 0 2em 0}.contact-section h2{padding-top:.5em}.footer{padding:0 0 6em}.about span p{margin-bottom:2em;width:100%;line-height:1.6em}.nav ul{margin:0;padding:0}.nav ul li{margin:.8em .5em}.logo{margin:.8em 0 0 0;float:none;text-align:center}.bannerhead h3{font-size:1.6em;margin:.3em 0 .3em}.nav{float:none;text-align:center}.bannerlogo{float:none;margin-top:0;text-align:center}.skill-grid h3{font-size:1.5em}.up{bottom:1%;left:47%}}@media(max-width:320px){.container{width:90%}.header div.container,.banner div.container{padding:0}.years p{width:100%;line-height:1.6em;padding:.5em 0 0 0}.portfolio-grid p{margin:1.2em 0 0 0;line-height:1.5em}.footer-left p{width:100%;margin:.8em 0 0 0}.banner-info{width:80%}.headerbg{min-height:409px}.banner-info{top:36px;width:100%;left:0;text-align:center}a.downarrow{top:171px;left:42%}.years{margin-bottom:1.5em}.header-section h2{padding:.8em 0 .5em 0;line-height:1.5em;font-size:1.6em}.about div.container{padding:0}.bannerhead{width:100%}.banner{width:100%}.years h4,.years span h4{margin:.5em 0 0 0}.skill-grid{padding:1em 0}.skill-grids{padding:1em 0}a.down{padding:0;position:absolute;left:45%}.skills{padding:0 0 5em 0}.skill-section h2{margin-top:.5em;font-size:1.6em}a.arrow{margin:1em 0 2em 0}.portfolio-grids{padding-top:1em}.portfolio-grid{padding:0 0 2em 0}a.portdown{margin:1em 0 2em 0}.contact-section h2{padding-top:.5em;font-size:1.6em}.footer{padding:0 0 6em}.about span p{margin-bottom:2em;width:100%;line-height:1.6em}.nav ul{margin:0;padding:0}.nav ul li{margin:.5em .2em}.logo{margin:.8em 0 0 0;float:none;text-align:center}.bannerhead h3{font-size:1.4em;margin:.3em 0 .3em}.nav{float:none;text-align:center}.bannerlogo{float:none;margin-top:0;text-align:center}.skill-grid h3{font-size:1.5em}.up{bottom:1%;left:47%}.bannerhead h2{font-size:1.8em}.Portfolio-section h2{font-size:1.6em;padding:1em 0 .3em}}.cd-header{position:absolute;z-index:2;top:0;left:0;width:100%;height:50px;background-color:#21272c;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media only screen and (min-width:768px){.cd-header{height:70px;background-color:transparent}}#cd-logo{float:left;margin:13px 0 0 5%}#cd-logo img{display:block}@media only screen and (min-width:768px){#cd-logo{margin:23px 0 0 5%}}.cd-primary-nav{float:right;margin-right:5%;width:44px;height:100%;background:url("../assets/images/icon/cd-icon-menu.png") no-repeat center center}.cd-primary-nav ul{position:absolute;top:0;left:0;width:100%;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.cd-primary-nav ul.is-visible{box-shadow:0 3px 8px rgba(0,0,0,0.2);-webkit-transform:translateY(50px);-moz-transform:translateY(50px);-ms-transform:translateY(50px);-o-transform:translateY(50px);transform:translateY(50px)}
.cd-primary-nav a{display:block;height:50px;line-height:50px;padding-left:5%;background:#21272c;border-top:1px solid #333c44;color:#fff}@media only screen and (min-width:768px){.cd-primary-nav{width:auto;height:auto;background:0}.cd-primary-nav ul{position:static;width:auto;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);line-height:70px}.cd-primary-nav ul.is-visible{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.cd-primary-nav li{display:inline-block;margin-left:1em}.cd-primary-nav a{display:inline-block;height:auto;font-weight:600;line-height:normal;background:transparent;padding:.6em 1em;border-top:0;font-size:1.4em}}.cd-hero{position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cd-hero-slider{position:relative;height:360px;overflow:hidden}.cd-hero-slider li{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}.cd-hero-slider li.selected{position:relative;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.cd-hero-slider li.move-left{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}.cd-hero-slider li.is-moving,.cd-hero-slider li.selected{-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;transition:transform .5s}@media only screen and (min-width:768px){.cd-hero-slider{height:500px}}@media only screen and (min-width:1170px){.cd-hero-slider{height:680px}}.cd-hero-slider li{background-position:center center;background-size:cover;background-repeat:no-repeat}.cd-hero-slider li:first-of-type{background-color:#2c343b;background-image:url("../assets/images/tech-0-mobile.jpg")}.cd-hero-slider li:nth-of-type(2){background-color:#50504d;background-image:url("../assets/images/tech-1-mobile.jpg")}.cd-hero-slider li:nth-of-type(3){background-color:#5d5d4d;background-image:url("../assets/images/tech-2-mobile.jpg")}.cd-hero-slider li:nth-of-type(4){background-color:#2c343b;background-image:url("../assets/images/video-replace-mobile.jpg")}.cd-hero-slider li:nth-of-type(5){background-color:#2c343b;background-image:url(../assets/images/tech-music-01.jpg)}.cd-hero-slider li:nth-of-type(6){background-color:#2c343b;background-image:url(../assets/images/tech-travel-01.jpg)}.cd-hero-slider .cd-full-width a,.cd-hero-slider .cd-half-width a{text-decoration:none}.cd-hero-slider .full-width-color-01 p{color:#d65463;font-weight:bold}.cd-hero-slider .full-width-color-02 p{color:#d65463;font-weight:bold}.cd-hero-slider .cd-full-width,.cd-hero-slider .cd-half-width{position:absolute;width:100%;height:100%;z-index:1;left:0;top:0;padding-top:100px;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.cd-hero-slider .cd-img-container{display:none}.cd-hero-slider .cd-img-container img{position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.cd-hero-slider .cd-bg-video-wrapper{display:none;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.cd-hero-slider .cd-bg-video-wrapper video{display:block;min-height:100%;min-width:100%;max-width:none;height:auto;width:auto;position:absolute;left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.cd-hero-slider h2,.cd-hero-slider p{text-shadow:0 1px 3px rgba(0,0,0,0.1);line-height:1.2;margin:0 auto 14px;color:#fff;width:90%;max-width:400px}.cd-hero-slider h2{font-family:"Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","FontAwesome",sans-serif;font-size:1.8rem}.cd-hero-slider p{font-size:1.4rem;line-height:1.4}.cd-hero-slider .cd-btn{display:inline-block;padding:1.2em 1.4em;margin-top:.8em;background-color:rgba(212,68,87,0.66);font-size:1.3rem;font-weight:700;letter-spacing:1px;color:#fff;text-transform:uppercase;box-shadow:0 3px 6px rgba(0,0,0,0.1);-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s}
.cd-hero-slider .cd-btn.secondary{background-color:rgba(22,26,30,0.8)}.cd-hero-slider .cd-btn:nth-of-type(2){margin-left:1em}.no-touch .cd-hero-slider .cd-btn:hover{background-color:rgba(212,68,87,.8)}.no-touch .cd-hero-slider .cd-btn.secondary:hover{background-color:#161a1e}@media only screen and (min-width:768px){.cd-hero-slider li:nth-of-type(2){background-image:none}.cd-hero-slider li:nth-of-type(3){background-image:none}.cd-hero-slider li:nth-of-type(4){background-image:none}.cd-hero-slider .cd-full-width,.cd-hero-slider .cd-half-width{padding-top:150px}.cd-hero-slider .cd-bg-video-wrapper{display:block}.cd-hero-slider .cd-half-width{width:45%}.cd-hero-slider .cd-half-width:first-of-type{left:5%}.cd-hero-slider .cd-half-width:nth-of-type(2){right:5%;left:auto}.cd-hero-slider .cd-img-container{display:block}.cd-hero-slider h2,.cd-hero-slider p{max-width:520px}.cd-hero-slider h2{font-size:2.4em;font-weight:300}.cd-hero-slider .cd-btn{font-size:1.4rem}}@media only screen and (min-width:1170px){.cd-hero-slider .cd-full-width,.cd-hero-slider .cd-half-width{padding-top:220px}.cd-hero-slider h2,.cd-hero-slider p{margin-bottom:20px}.cd-hero-slider h2{font-size:3.2em}.cd-hero-slider p{font-size:1.6rem}}@media only screen and (min-width:768px){.cd-hero-slider .cd-half-width{opacity:0;-webkit-transform:translateX(40px);-moz-transform:translateX(40px);-ms-transform:translateX(40px);-o-transform:translateX(40px);transform:translateX(40px)}.cd-hero-slider .move-left .cd-half-width{-webkit-transform:translateX(-40px);-moz-transform:translateX(-40px);-ms-transform:translateX(-40px);-o-transform:translateX(-40px);transform:translateX(-40px)}.cd-hero-slider .selected .cd-half-width{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.cd-hero-slider .is-moving .cd-half-width{-webkit-transition:opacity 0s .5s,-webkit-transform 0s .5s;-moz-transition:opacity 0s .5s,-moz-transform 0s .5s;transition:opacity 0s .5s,transform 0s .5s}.cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),.cd-hero-slider li.selected.from-right .cd-half-width:first-of-type{-webkit-transition:opacity .4s .2s,-webkit-transform .5s .2s;-moz-transition:opacity .4s .2s,-moz-transform .5s .2s;transition:opacity .4s .2s,transform .5s .2s}.cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,.cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2){-webkit-transition:opacity .4s .4s,-webkit-transform .5s .4s;-moz-transition:opacity .4s .4s,-moz-transform .5s .4s;transition:opacity .4s .4s,transform .5s .4s}.cd-hero-slider .cd-full-width h2,.cd-hero-slider .cd-full-width p,.cd-hero-slider .cd-full-width .cd-btn{opacity:0;-webkit-transform:translateX(100px);-moz-transform:translateX(100px);-ms-transform:translateX(100px);-o-transform:translateX(100px);transform:translateX(100px)}.cd-hero-slider .move-left .cd-full-width h2,.cd-hero-slider .move-left .cd-full-width p,.cd-hero-slider .move-left .cd-full-width .cd-btn{opacity:0;-webkit-transform:translateX(-100px);-moz-transform:translateX(-100px);-ms-transform:translateX(-100px);-o-transform:translateX(-100px);transform:translateX(-100px)}.cd-hero-slider .selected .cd-full-width h2,.cd-hero-slider .selected .cd-full-width p,.cd-hero-slider .selected .cd-full-width .cd-btn{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}.cd-hero-slider li.is-moving .cd-full-width h2,.cd-hero-slider li.is-moving .cd-full-width p,.cd-hero-slider li.is-moving .cd-full-width .cd-btn{-webkit-transition:opacity 0s .5s,-webkit-transform 0s .5s;-moz-transition:opacity 0s .5s,-moz-transform 0s .5s;transition:opacity 0s .5s,transform 0s .5s}.cd-hero-slider li.selected h2{-webkit-transition:opacity .4s .2s,-webkit-transform .5s .2s;-moz-transition:opacity .4s .2s,-moz-transform .5s .2s;transition:opacity .4s .2s,transform .5s .2s}.cd-hero-slider li.selected p{-webkit-transition:opacity .4s .3s,-webkit-transform .5s .3s;-moz-transition:opacity .4s .3s,-moz-transform .5s .3s;transition:opacity .4s .3s,transform .5s .3s}.cd-hero-slider li.selected .cd-btn{-webkit-transition:opacity .4s .4s,-webkit-transform .5s .4s,background-color .2s 0s;-moz-transition:opacity .4s .4s,-moz-transform .5s .4s,background-color .2s 0s;transition:opacity .4s .4s,transform .5s .4s,background-color .2s 0s}}.cd-slider-nav{position:absolute;width:100%;bottom:0;z-index:2;text-align:center;height:55px;background-color:rgba(0,1,1,0.5)}.cd-slider-nav nav,.cd-slider-nav ul,.cd-slider-nav li,.cd-slider-nav a{height:100%}.cd-slider-nav nav{display:inline-block;position:relative}.cd-slider-nav .cd-marker{position:absolute;bottom:0;left:0;width:60px;height:100%;color:#d44457;background-color:#fff;box-shadow:inset 0 2px 0 currentColor;-webkit-transition:-webkit-transform .2s,box-shadow .2s;-moz-transition:-moz-transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s}
.cd-slider-nav .cd-marker.item-2{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}.cd-slider-nav .cd-marker.item-3{-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);-o-transform:translateX(200%);transform:translateX(200%)}.cd-slider-nav .cd-marker.item-4{-webkit-transform:translateX(300%);-moz-transform:translateX(300%);-ms-transform:translateX(300%);-o-transform:translateX(300%);transform:translateX(300%)}.cd-slider-nav .cd-marker.item-5{-webkit-transform:translateX(400%);-moz-transform:translateX(400%);-ms-transform:translateX(400%);-o-transform:translateX(400%);transform:translateX(400%)}.cd-slider-nav ul::after{clear:both;content:"";display:table}.cd-slider-nav li{display:inline-block;width:60px;float:left}.cd-slider-nav li.selected a{color:#2c343b;text-decoration:none}.no-touch .cd-slider-nav li.selected a:hover{background-color:transparent;text-decoration:none}.cd-slider-nav a{display:block;position:relative;padding-top:35px;font-size:1rem;font-weight:700;color:#a8b4be;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;transition:background-color .2s}.cd-slider-nav a::before{content:'';position:absolute;width:26px;height:26px;top:8px;left:50%;right:auto;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);background:url(../assets/images/icon/cd-icon-navigation.png) no-repeat 0 0}.no-touch .cd-slider-nav a:hover{background-color:rgba(0,1,1,0.5)}.cd-slider-nav li:first-of-type a::before{background-position:-1px -1px}.cd-slider-nav li.selected:first-of-type a::before{background-position:-1px -28px}.cd-slider-nav li:nth-of-type(2) a::before{background-position:-31px -2px}.cd-slider-nav li.selected:nth-of-type(2) a::before{background-position:-31px -28px}.cd-slider-nav li:nth-of-type(3) a::before{background-position:-60px -2px}.cd-slider-nav li.selected:nth-of-type(3) a::before{background-position:-60px -29px}.cd-slider-nav li:nth-of-type(4) a::before{background-position:-90px -2px}.cd-slider-nav li.selected:nth-of-type(4) a::before{background-position:-90px -29px}.cd-slider-nav li:nth-of-type(5) a::before{background-position:-121px -2px}.cd-slider-nav li.selected:nth-of-type(5) a::before{background-position:-121px -29px}@media only screen and (min-width:768px){.cd-slider-nav{height:80px}.cd-slider-nav .cd-marker,.cd-slider-nav li{width:95px}.cd-slider-nav a{padding-top:48px;font-size:1.1rem;text-transform:uppercase}.cd-slider-nav a::before{top:18px}}.cd-main-content{width:90%;max-width:768px;margin:0 auto;padding:2em 0}.cd-main-content p{font-size:1.4rem;line-height:1.8;color:#999;margin:2em 0}@media only screen and (min-width:1170px){.cd-main-content{padding:3em 0}.cd-main-content p{font-size:1.6rem}}.no-js .cd-hero-slider li{display:none}.no-js .cd-hero-slider li.selected{display:block}.no-js .cd-slider-nav{display:none}.rw-wrapper{width:80%;position:relative;margin:0 auto 0 auto;font-size:1.8em}.rw-sentence{margin:0}.rw-sentence span{text-align:center;color:rgba(255,255,255,1);font-family:'Trocchi';white-space:nowrap;text-shadow:2px 5px 10px rgba(0,0,0,0.1)}.rw-sentence>span{position:absolute}.rw-sentence>span:first-child{top:0;left:40px;font-size:280%;color:rgba(187,177,168,0.6)}.rw-sentence>span:nth-child(2){top:70px;left:120px;font-size:160%;color:rgba(209,57,77,.7)}.rw-sentence>span:nth-child(3){top:90px;left:0;font-size:320%;color:rgba(255,255,255,0.8)}.rw-sentence>span:last-child{top:240px;left:300px;font-size:150%;color:#d3ad2c}.rw-words{position:absolute;left:100px;top:100px;height:80px;width:400px;-webkit-perspective:800px;perspective:800px}.rw-words span{position:absolute;font-size:600%;color:transparent;text-shadow:0 0 80px rgba(255,255,255,1);opacity:0;-webkit-animation:rotateWord 18s linear infinite 0s;-ms-animation:rotateWord 18s linear infinite 0s;animation:rotateWord 18s linear infinite 0s}.rw-words span:nth-child(2){-webkit-animation-delay:3s;-ms-animation-delay:3s;animation-delay:3s}.rw-words span:nth-child(3){-webkit-animation-delay:6s;-ms-animation-delay:6s;animation-delay:6s}.rw-words span:nth-child(4){-webkit-animation-delay:9s;-ms-animation-delay:9s;animation-delay:9s}.rw-words span:nth-child(5){-webkit-animation-delay:12s;-ms-animation-delay:12s;animation-delay:12s}.rw-words span:nth-child(6){-webkit-animation-delay:15s;-ms-animation-delay:15s;animation-delay:15s}@-webkit-keyframes rotateWord{0%{opacity:0;-webkit-animation-timing-function:ease-in;-webkit-transform:translateY(-200px) translateZ(300px) rotateY(-120deg)}5%{opacity:1;-webkit-animation-timing-function:ease-out;-webkit-transform:translateY(0px) translateZ(0px) rotateY(0deg)}6%{text-shadow:0 0 0 rgba(255,255,255,1);color:#fff}17%{opacity:1;text-shadow:0 0 0 rgba(255,255,255,1);color:#fff}
20%{opacity:0}100%{opacity:0}}@-ms-keyframes rotateWord{0%{opacity:0;-ms-animation-timing-function:ease-in;-ms-transform:translateY(-200px) translateZ(300px) rotateY(-120deg)}5%{opacity:1;-ms-animation-timing-function:ease-out;-ms-transform:translateY(0px) translateZ(0px) rotateY(0deg)}6%{text-shadow:0 0 0 rgba(255,255,255,1);color:#fff}17%{opacity:1;text-shadow:0 0 0 rgba(255,255,255,1);color:#fff}20%{opacity:0}100%{opacity:0}}@keyframes rotateWord{0%{opacity:0;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-transform:translateY(-200px) translateZ(300px) rotateY(-120deg);transform:translateY(-200px) translateZ(300px) rotateY(-120deg)}5%{opacity:1;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-transform:translateY(0px) translateZ(0px) rotateY(0deg);transform:translateY(0px) translateZ(0px) rotateY(0deg)}6%{text-shadow:0 0 0 rgba(255,255,255,1);color:#fff}17%{opacity:1;text-shadow:0 0 0 rgba(255,255,255,1);color:#fff}20%{opacity:0}100%{opacity:0}}@media screen and (max-width:1060px){.rw-sentence>span:first-child{font-size:300%;left:0}.rw-sentence>span:nth-child(2){font-size:200%;top:90px;left:10px}.rw-sentence>span:nth-child(3){top:160px;left:10px;font-size:235%}.rw-words{left:95px;top:155px}.rw-words span{font-size:250%}.rw-sentence>span:last-child{top:240px;left:10px}}@media screen and (max-width:400px){.rw-sentence>span:first-child{font-size:200%;left:0}.rw-sentence>span:nth-child(2){font-size:100%;top:50px;left:10px}.rw-sentence>span:nth-child(3){top:76px;left:10px;font-size:120%}.rw-words{left:45px;top:76px}.rw-words span{font-size:120%}.rw-sentence>span:last-child{top:106px;left:10px;font-size:100%}}.footer{background:url(../assets/images/footerbg.jpg);position:relative;min-height:480px;background-size:cover;position:relative}.contact-section h2{color:#d2d1d1;font-weight:300;font-size:2.5em;padding-top:1em}.contact-section span{background:#8c868a;height:1px;width:20%;display:inline-block;vertical-align:middle}.contact-section span:nth-child(1){margin-right:10px}.contact-section span:nth-child(2){margin-left:10px}.footer-left{margin-top:1em}.social-icons a img{margin-right:.5em}.social-icons a img:hover{opacity:.8}.footer-left p{font-size:1.4em;color:#fff;width:80%;margin:2em 0 0 0;line-height:2em}.up{position:absolute;bottom:9%;left:49%}.up span{height:48px;width:48px;background:url(../assets/images/up.png);margin-top:2em;display:inline-block}p.copy-right{margin-top:1em;color:#999;font-size:1em;padding:.8em 0;text-align:right}p.copy-right a{color:#FFF;text-decoration:none}.footer-right{text-align:right;margin-top:7em;width:100%}.footer-right>a{position:relative;border:2px solid #fff;border-radius:50%;display:inline-block;height:20px;width:36px;color:#ba9927;margin-left:.5em}.footer-right a>span{display:block;width:32px;height:32px;position:absolute;left:0;bottom:3px}.footer-right .icon-qq{background:url(../assets/images/icon/icon-qq-f.png)}.footer-right .icon-wx{background:url(../assets/images/icon/icon-wx-f.png)}.footer-right .icon-mail{background:url(../assets/images/icon/icon-mail-f.png)}.footer-right a:hover{border:2px solid #fac61a;box-shadow:2px 2px 15px #fac61a}.footer-right .wechat-part{position:absolute;top:-92px;left:-17px;transform:scale(0);transition:all .3s;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}.footer-right a:nth-child(2):hover .wechat-part{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.wechat-part span{display:block;width:66px;height:66px;background:url(../assets/images/my-wx03.png);background-size:cover;box-shadow:0 0 10px #eee}.wechat-part i{position:absolute;width:0;height:0;line-height:0;border-left:6px solid rgba(255,255,255,0);border-right:6px solid rgba(255,255,255,0);border-top:6px solid #000;left:25px;bottom:-6px}.footer-right a:nth-child(3) p{position:absolute;left:32px;bottom:9px;padding:1px 0;width:0;overflow:hidden}.footer-right a:nth-child(3):hover p{border-radius:.3rem;background:rgba(214,214,214,1);animation:mymove 1s 1;-webkit-animation:mymove 1s 1;width:160px;padding-right:5px}@keyframes mymove{from{width:0}to{width:170px}}@-webkit-keyframes mymove{from{width:0}to{width:170px}}.handimg-1 img:nth-child(2){display:none}.handimg-2 img:nth-child(2){display:none}.footer{position:relative}#cnzz_stat_icon_1255092371{position:absolute;right:6px;bottom:0;display:block}.search-seo{position:absolute;right:0;top:0}.search-seo h1,.search-seo h2,.search-seo em{display:block;color:rgba(255,255,255,0);*color:#171312;width:0;overflow:hidden}
.x-reference{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
}
.x-reference a,.x-reference span{
    color: #D3AD2C;
}