@charset "utf-8";

.section02 .title,.section04 .title,.section07 .title,.section09 .title,.section11 .title,.sectionEnd .title{color:#FFF !important}

.section02 .con .content p.desc{color:#8e8e8e}

.section04 .con .content p.desc{color:#fff}

.section01{height:800px;overflow:hidden;background:#1D1D1D}

.section01 .masking{width:400%;height:800px;position:absolute;top:0;left:0%;-webkit-transition:all 2s 2s;transition:all 2s 2s;opacity:1;background:#000}

.section01.is-visible .masking{opacity:0}

.section01 .con{text-align:center;top:18%; padding-top:110px;-webkit-transition:all 2s .5s;transition:all 2s .5s;-webkit-transform:translate3d(0,180px,0);transform:translate3d(0,180px,0);z-index:2}

.section01 .con h2{color:#FFF;font-size:28px;line-height:40px;}

.section01 .zhutu {padding-top:400px; width:550px; margin:0 auto;}

.section01 .zhutu img {width:100%; height:auto;}

.section.is-visible .con{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

.section02{width:1920px;height:250px;color:#FFF; overflow:hidden;}

.section02 .con{padding-top:60px;}

.section03 .con{text-align:left;width:500px;top:40%;margin-top:-60px;left:54%;}

.section03 .con .content h2.title{font-size:30px}

.section04 .con{top:50%;z-index:2; left:50%; margin-left:-585px;}

.section04 .features{text-align:center;}

.section04 .features dl{display:inline-block;width:200px;color:#FFF}

.section04 .drag{position:absolute;left:885px;width:150px;height:50px;top:36%;z-index:3;-webkit-transition:opacity 1s 2s;transition:opacity 1s 2s;opacity:0;cursor:pointer}

.section04.is-visible .drag{opacity:1}

.section04 .p1080{width:100%;height:955px;}

.section04 .p720{position:absolute;height:955px;top:0;left:0;width:100%;overflow:hidden;z-index:0;-webkit-transition:all 2s;transition:all 2s;border-right:1px rgba(224,224,224,0.12) solid}

.section04.is-visible .p720{width:50%;}

.section05{height:840px}

.section05 .con{text-align:right;width:540px;top:18%;left:auto;}

.section05 .J_movePic{width:100%;height:900px;}

.section05 .brightness{height:140px;margin-top:50px}

.section05 .brightness li{width:100%;text-align:right;height:36px;line-height:36px;margin-bottom:20px}

.section05 .brightness span{display:inline-block;height:36px;line-height:36px;position:relative}

.section05 .brightness .t{position:absolute;left:0;width:140px;margin-left:-150px;text-align:right;font-size:16px}

.section05 .brightness .l,.section05 .brightness .l2,.section05 .brightness .l3{-webkit-transition:all 1.5s .7s;transition:all 1.5s .7s;width:80px;background:#00b7ee;opacity:0}

.is-visible .brightness .l{width:400px;opacity:1}

.is-visible .brightness .l2{width:250px;opacity:1}

.is-visible .brightness .l3{width:160px;opacity:1}

.section05 .features{text-align:right;margin-top:0}

.section05 .features dl{display:inline-block;border-top:1px solid #333;padding-top:10px}

.section05 .features dl:first-child{border:none;display:block}

.section06{height:960px;background:#f7f7f7;}

.section06 .con{top:8%}

.section06 .title {color:#333;}

.size{width:100%;position:absolute;left:0;top:34%;}

.size .min{width:201px;margin:0 auto;height:233px;position:absolute;top:310px;left:45%;z-index:2;}

.size .min span{color:#666;display:inline-block;margin-right:-320px;margin-top:90px}

.size .max{width:1031px;height:389px;position:absolute;top:0px;left:23%;background-size:0;-webkit-transition:all 2s;transition:all 2s;}

.size .max span{color:#666;display:inline-block;margin-right:-1190px;margin-top:360px;opacity:0;-webkit-transition:all 1s 2s;transition:all 1s 2s;}

.is-visible .size .max{background-size:100% auto}

.is-visible .size .max span{opacity:1}

.section07{height:964px;}

.section07 .con{top:5%;z-index:5}

.section07 .features{margin-top:30px;}

.section07 .features dl{display:inline-block;color:#FFF;padding:0 40px;border-left:1px solid #FFF}

.section07 .features dl:first-child{border:none}

.opticalZoom{width:1024px;margin:0 auto;position:relative;margin-top:380px}

.opticalZoom .z1{position:absolute;width:1024px;height:600px;-webkit-transition:all 1s .8s;transition:all 1s .8s;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-60px,0);opacity:0}

.opticalZoom .z2{position:absolute;width:1024px;height:600px;top:65px;-webkit-transition:all 1s 1.2s;transition:all 1s 1.2s;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-60px,0);opacity:0}

.opticalZoom .z3{position:absolute;width:1024px;height:600px;top:130px;-webkit-transition:all 1s 1.6s;transition:all 1s 1.6s;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-40px,0);opacity:0}

.is-visible .opticalZoom .z{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}

.section08{height:700px}

.section08 .con{text-align:left;width:600px;top:24%;}

.section08 .J_movePic{width:100%;height:953px;}

.section08 .features{margin:20px 0 60px -10px;}

.section08 .features dl{display:inline-block;color:#333;width:70px;margin-right:20px;height:52px;text-align:center}

.section08 .features .c1,.section08 .features .c2{width:60px;height:52px;display:inline-block}

.section09{height:800px;}

.section09 .J_movePic{width:100%;height:830px;}

.section09 .con{top:25%;z-index:5}

.section09 .features dl{display:inline-block;color:#FFF;padding:2px 40px;border-left:1px solid #FFF}

.section09 .features dl:first-child{border:none}

.section10{height:864px;background:url(h1-14-1.jpg)}

.section10 .J_movePic{width:100%;height:1200px;background:url(h1-14-2.png) no-repeat 580px 200px;}

.section10 .con{text-align:left;width:800px;top:28%;}

.section10 .features{margin:20px 0 60px -10px;}

.section10 .features dl{display:inline-block;color:#333;width:70px;margin-right:20px;height:52px;text-align:center}

.section10 .features .c1,.section10 .features .c2,.section10 .features .c3,.section10 .features .c4,.section10 .features .c5,.section10 .features .c6{background:url(h1-14-3.png) no-repeat left bottom;width:60px;height:52px;display:inline-block}

.section10 .features .c2{background-position:-60px}

.section10 .features .c3{background-position:-120px}

.section10 .features .c4{background-position:-180px}

.section10 .features .c5{background-position:-240px}

.section10 .features .c6{background-position:right}

.section11{height:762px;}

.section11 .con{top:8%}

.section11 .title {color:#333;}

.q_size{width:1280px;position:absolute;left:50%;top:45%; margin-left:-640px;}

.q_size .min{width:300px; height:246px; float:right; margin-right:80px;-webkit-transition:all 1s 1.6s;transition:all 1s 1.6s;-webkit-transform:translate3d(0,-50px,0);transform:translate3d(0,-40px,0);opacity:0}

.q_size .min span{color:#666;display:inline-block;margin-right:-320px;margin-top:90px}

.is-visible .q_size .min{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}

@keyframes zoom{from{transform:scale(.8);}

to{transform:scale(1);}

}

@-moz-keyframes zoom{from{-moz-transform:scale(.8);}

to{-moz-transform:scale(1);}

}

@-webkit-keyframes zoom{from{-webkit-transform:scale(.8);}

to{-webkit-transform:scale(1);}

}

@-o-keyframes zoom{from{-o-transform:scale(.8);}

to{-o-transform:scale(1);}

}