section{overflow:hidden;background-repeat:no-repeat}section .common-title{text-transform:uppercase}.no-select{-khtml-user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.float-up-fast,.float-up-slow{opacity:0;-webkit-transition:all 1.5s ease .2s;-moz-transition:all 1.5s ease .2s;-ms-transition:all 1.5s ease .2s;-o-transition:all 1.5s ease .2s;transition:all 1.5s ease .2s;-webkit-transform:translate(0,50px);-moz-transform:translate(0,50px);-ms-transform:translate(0,50px);-o-transform:translate(0,50px);transform:translate(0,50px)}.float-up-slow{-webkit-transition:all 1.5s ease .5s;-moz-transition:all 1.5s ease .5s;-ms-transition:all 1.5s ease .5s;-o-transition:all 1.5s ease .5s;transition:all 1.5s ease .5s}.animate-active .float-up-fast,.animate-active .float-up-slow{opacity:1!important;-webkit-transform:translate(0,0)!important;-moz-transform:translate(0,0)!important;-ms-transform:translate(0,0)!important;-o-transform:translate(0,0)!important;transform:translate(0,0)!important}.drag-mask{position:fixed;height:100%;width:100%;z-index:1000;top:0;left:0;display:none}section.monitor-banner,section.monitor-s1{background-position:center center;background-size:cover}section.monitor-banner{background-color:#000;height:750px;padding-top:275px}section.monitor-banner .title{color:#fff;font-size:40px;font-weight:500;margin-bottom:30px}section.monitor-banner .title .crys,section.monitor-banner .title .tm,section.monitor-s1 .product .pic img{display:inline-block;vertical-align:top}section.monitor-banner .title .tm{margin-left:3px;font-size:18px;font-weight:300;text-transform:uppercase}section.monitor-banner .desc{color:#fff;line-height:24px;font-size:14px}section.monitor-s1{height:540px;padding-top:100px}section.monitor-s1 .text{padding-top:67px;color:#fff}section.monitor-s1 .product{text-align:left}section.monitor-s1 .product .desc{margin-bottom:20px;color:#fff;font-size:16px;width:480px;text-align:center}section.monitor-s1 .product .pic{position:relative;display:inline-block}section.monitor-s1 .product .pic img{width:480px}section.monitor-s1 .product .pic .item{position:absolute;font-size:14px;color:#fff}section.monitor-s1 .product .pic .item-1{top:18px;right:175px}section.monitor-s1 .product .pic .item-2{top:92px;right:84px}section.monitor-s2{min-height:675px;padding-top:80px;text-align:center;background-image:url(//www-optimized.djicdn.com/assets/images/products/crystalsky/s2-bg-b-ab3ab49291f3d1c62987cf3a8338aa6e.jpg);background-color:#21232a;background-position:top center;background:-moz-radial-gradient(top center,circle,#25313b,#21232a);background:-webkit-radial-gradient(top center,circle,#25313b,#21232a)}section.monitor-s2 .text{margin-top:42px;color:#fff}section.monitor-s2 .product{position:relative;width:572px;height:319px;padding-top:77px;background-size:cover;background-position:center center;margin-left:auto;margin-right:auto;text-align:center}section.monitor-s2 .screen-cover{position:absolute;width:100%;height:100%;top:0;left:0;background-size:cover;background-position:center center;opacity:0}section.monitor-s2 .animation-box{position:relative;display:inline-block;width:154px;height:154px;background-position:center center;background-size:cover;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}section.monitor-s2 .animation-box canvas{position:absolute;top:0;left:0;width:154px;height:154px}section.monitor-s2 .animation-box .blue-circle-box{width:128px;height:22px;top:50%;left:50%;margin-top:-11px;margin-left:-64px;position:absolute;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}section.monitor-s2 .animation-box .blue-circle,section.monitor-s2 .animation-box .blue-circle:before{display:block;content:'';-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}section.monitor-s2 .animation-box .blue-circle{cursor:pointer;border:solid 2px #44a8f2;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s;position:relative;width:22px;height:22px}section.monitor-s2 .animation-box .blue-circle:hover{opacity:.7}section.monitor-s2 .animation-box .blue-circle:before{position:absolute;top:50%;left:50%;margin-top:-5px;margin-left:-5px;width:10px;height:10px;background-color:#44a8f2}section.monitor-s3{height:605px;padding-top:116px;background-color:#fff;filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#20252d, endColorstr=#272f39)";-ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#20252d, endColorstr=#272f39)";background:linear-gradient(top,#20252d,#272f39);background:-ms-linear-gradient(top,#20252d,#272f39);background:-moz-linear-gradient(top,#20252d,#272f39);background:-o-linear-gradient(top,#20252d,#272f39);background:-webkit-linear-gradient(top,#20252d,#272f39)}section.monitor-s3 .text{padding-top:77px;color:#fff}section.monitor-s3 .product{padding-left:55px}section.monitor-s4,section.monitor-s4 .bg{height:571px;background-position:center center;background-size:1920px 571px}section.monitor-s4{padding-top:120px;filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1e232a, endColorstr=#2d353d)";-ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#1e232a, endColorstr=#2d353d)";background:linear-gradient(top,#1e232a,#2d353d);background:-ms-linear-gradient(top,#1e232a,#2d353d);background:-moz-linear-gradient(top,#1e232a,#2d353d);background:-o-linear-gradient(top,#1e232a,#2d353d);background:-webkit-linear-gradient(top,#1e232a,#2d353d);overflow:hidden;position:relative}section.monitor-s4 .text{color:#fff}section.monitor-s4 .bg{position:absolute;top:0;left:50%;margin-left:-960px;width:1920px;background-repeat:no-repeat}section.monitor-s4 .item{margin-top:55px}section.monitor-s4 .item img{width:160px}section.monitor-s5{height:569px;padding-top:30px;background-color:#1a212b}section.monitor-s5 .text{color:#fff;padding-top:135px;padding-left:60px}section.monitor-s5 .desc{position:relative}section.monitor-s5 .desc img{position:absolute;right:0;top:0}section.monitor-s5 .desc .desc-left{position:absolute;right:425px;top:86px}section.monitor-s5 .desc .desc-left h4{text-align:right;min-width:200px;white-space:nowrap;color:#c4c4c4;font-size:16px;margin-bottom:22px}section.monitor-s5 .desc .desc-left h4:last-child{padding-top:5px}section.monitor-s5 .desc .desc-bottom{position:absolute;width:326px;top:440px;right:58px}section.monitor-s5 .desc .desc-bottom h4{width:300px;white-space:nowrap;text-align:center;color:#c4c4c4;font-size:16px;position:absolute;top:0}section.monitor-s5 .desc .desc-bottom h4.first{left:-150px}section.monitor-s5 .desc .desc-bottom h4.mid{left:13px}section.monitor-s5 .desc .desc-bottom h4.last{right:-150px}section.monitor-s6{height:625px;padding-top:98px}section.monitor-s6 .text{color:#fff;text-align:center}section.monitor-s6 .product{text-align:center}section.monitor-s6 .product img{width:590px}section.monitor-s6,section.monitor-s7,section.monitor-s8{background-position:center center;background-size:cover}section.monitor-s7{height:507px;padding-top:87px}section.monitor-s7 .text{padding-top:100px;color:#fff}section.monitor-s7 .product img{width:464px}section.monitor-s8{min-height:640px;padding-top:75px;padding-bottom:50px;color:#fff;text-align:center}section.monitor-s8 ul.product{margin-top:30px;width:100%}section.monitor-s8 ul.product li{display:inline-block;vertical-align:top;width:33.3%;margin-bottom:25px}section.monitor-s8 ul.product .item-cover{display:inline-block;width:208px;height:135px;margin-bottom:10px}section.monitor-s8 ul.product .item-desc{font-size:16px;color:#ccc}