@charset "utf-8";/* CSS Document */
/* reset */
html,body,div,span,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
ol,ul,dd,dt,dl,li{list-style:none;margin:0;padding:0}
h1{font-size:60px}
h2{font-size:48px}
img{max-width:100%}
a{text-decoration:none;color:#fff;text-decoration:none}
a:hover{opacity:0.8;filter:alpha(opacity=80)}
a:focus,a:link,a:active{-moz-outline-style:none;outline:none}
.txt-center{text-align:center}
.fr{float:right}
.fl{float:left}
.cl{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
*html .clearfix{height:1%}
*+html .clearfix{min-height:1%}
*, *:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/*end reset*/
html,body{width:100%;height:100%;color:#000;font-size:18px}
body{font-family:"Microsoft Yahei","Proxima Nova Light",Arial,sans-serif}
.container-fluid{position:relative;width:100%;height:100%;overflow:hidden;padding:8em 0}
.wrap{width:80%;margin:0 auto;transition:all .2s linear;-moz-transition:all .2s linear;-webkit-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear}
#section1{background:url(../images/bg1.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;color:#fff}
#section3{background:url(../images/bg2.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;color:#fff}
#section5{background:url(../images/bg3.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;color:#fff}
#section6{background:url(../images/bg4.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;color:#fff}
#section8{background:url(../images/bg5.jpg) no-repeat center center;background-size:cover;background-attachment:fixed;color:#fff}
#section1{padding-top:0;padding-bottom:8em}
.waves{position:absolute;width:100%;top:10%;left:0}
.logo{margin:20px 0 50px 20px}
.logo .logo-img{width:160px;float:left}
.logo span{ float:left;display:inline-block;margin-top:18px}
.imac-desc{max-width:912px;overflow:hidden}
.imac-desc h2{margin-left:0.5em}
.imac-desc ul{margin-left:-3em;margin-top:3em}
.imac-desc ul .txt-center{margin-top:1em;opacity:0}
.imac-desc ul li{float:left;width:10em;margin-left:3em}
.imac-desc ul .img{width:0;height:0;line-height:9em;text-align:center;background:#fff;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;overflow:hidden}
.imac-desc ul .img img{vertical-align:middle}
.imac-img{position:absolute;left:70%;top:-5em;width:100%;height:100%}
.inview .imac-desc ul .img{width:10em;height:10em;overflow:hidden}
.inview .imac-desc ul .txt-center{opacity:1}
.inview .imac-desc ul li:nth-child(1) .img{transition:all 0.5s ease 0.2s}
.inview .imac-desc ul li:nth-child(2) .img{transition:all 0.5s ease 0.5s}
.inview .imac-desc ul li:nth-child(3) .img{transition:all 0.5s ease 0.7s}
.inview .imac-desc ul li:nth-child(4) .img{transition:all 0.5s ease 0.9s}
.inview .imac-desc ul li:nth-child(1) .txt-center{transition:all 0.5s ease 1.1s}
.inview .imac-desc ul li:nth-child(2) .txt-center{transition:all 0.5s ease 1.3s}
.inview .imac-desc ul li:nth-child(3) .txt-center{transition:all 0.5s ease 1.4s}
.inview .imac-desc ul li:nth-child(4) .txt-center{transition:all 0.5s ease 1.5s}
/*文本*/
.info-desc{width:55%;margin-top:7em}
.info-desc h1{opacity:0}
.info-desc .sub-title{font-size:24px;margin-top:30px;opacity:0}
.info-desc .txt{margin-top:15px;opacity:0;line-height:160%}
.img-r{float:right;margin-right:-25em}
.img-l{float:left;margin-left:-10em}
/*图片*/
.device-desc{width:60%;margin:0 auto}
.device-img{margin-top:5.5em;text-align:center}
.inview .info-desc h1{transition:all 0.5s ease 0.2s;opacity:1}
.inview .info-desc .sub-title{transition:all 0.5s ease 0.7s;opacity:1}
.inview .info-desc .txt{transition:all 0.5s ease 1s;opacity:0.8;filter:alpha(opacity=80)}
.list1{width:460px;margin:140px auto 0;overflow:hidden}
.list1 li{float:left;width:120px;margin-right:50px;text-align:center}
.list1 li:last-child{margin-right:0}
.list1 .txt-center{margin-top:1em;opacity:0}
.list1 .img{width:0;height:0;line-height:110px;text-align:center;background:#7f9ced;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;overflow:hidden}
.list1 .img img{vertical-align:middle}
.inview .list1 .img{width:120px;height:120px}
.inview .list1 .txt-center{opacity:1}
.inview .list1 li:nth-child(1) .img{transition:all 0.5s ease 0.2s}
.inview .list1 li:nth-child(2) .img{transition:all 0.5s ease 0.5s}
.inview .list1 li:nth-child(3) .img{transition:all 0.5s ease 0.7s}
.inview .list1 li:nth-child(1) .txt-center{transition:all 0.5s ease 1.1s}
.inview .list1 li:nth-child(2) .txt-center{transition:all 0.5s ease 1.3s}
.inview .list1 li:nth-child(3) .txt-center{transition:all 0.5s ease 1.4s}
#section4 .info-desc{margin-top:5em}
#section5 .info-desc{margin:0 auto;text-align:center}
#section7 .info-desc{margin:8em auto 0;text-align:center}
#section7 .img-r{margin-right:-20em}
#section7 .img-l{margin-left:-15em}
#section8 .img-r{margin-right:-10em}
/***** Scrolling Effect ********/
.cbp-so-scroller{overflow:hidden}
.cbp-so-section:before,.cbp-so-section:after{content:" ";display:table}
.cbp-so-section:after{clear:both}
.cbp-so-side{display:inline-block;margin:0;overflow:hidden;-webkit-transition:-webkit-transform 0.5s, opacity 0.5s;-moz-transition:-moz-transform 0.5s, opacity 0.5s;transition:transform 0.5s, opacity 0.5s}
.cbp-so-side:before,.cbp-so-side:after{content:" ";display:table}
.cbp-so-side:after{clear:both}
.cbp-so-init .cbp-so-side{opacity:0}
.cbp-so-init .cbp-so-side-left{-webkit-transform:translateX(-80px);-moz-transform:translateX(-80px);transform:translateX(-80px)}
.cbp-so-init .cbp-so-side-right{-webkit-transform:translateX(80px);-moz-transform:translateX(80px);transform:translateX(80px)}
.cbp-so-section.cbp-so-animate .cbp-so-side-left,.cbp-so-section.cbp-so-animate .cbp-so-side-right{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);transform:translateX(0px);opacity:1}
.cbp-so-section.cbp-so-animate .cbp-so-side-right{-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;transition-delay:0.2s}

/*** totop **/
#toTop{display:none;text-decoration:none;position:fixed;bottom:25px;right:25px;overflow:hidden;border:none;text-indent:-999999px;width:40px;height:40px;background:#ececec url(../images/move-top.png) no-repeat center;padding:20px}
#toTop:hover{outline:none;background:#d5d5d5 url(../images/move-top.png) no-repeat center}
.footer{width:100%;height:200px;background-color:#222;text-align:center;overflow:hidden;font-size:12px;color:#999}
.footer .copyright{margin-top:40px}
.footer .address{margin-top:80px}
/**************** Media Quries ************************/

@media only screen and (max-width:1460px){.wrap{width:95%}.imac-img{left:1000px}
}
@media only screen and (max-width:1280px){.wrap{width:98%}.info-desc{width:52%}.device-desc{width:50%}.img-r{margin-right:-15em}.img-l{margin-left:-10em}#section2 .info-desc{width:70%}#section7 .info-desc{width:50%}
}
@media all and (max-width:1200px){.wrap{width:100%}.info-desc{width:80%;float:none;margin:0 auto}.device-desc{width:80%;margin:0 auto}.img-r,.img-l{width:80%;float:none;margin:3em auto 0}#section4 .info-desc{margin-top:0}#section7 .info-desc{width:80%}#section5 .info-desc,#section7 .info-desc{margin:3em auto 0;text-align:left}#section7 .img-r,#section8 .img-r{margin:3em auto 0}#section7 .img-l{margin:0 auto}
}
@media all and (max-width:800px){
html,body{height:inherit}
.logo{margin:20px 0 30px 20px}
.logo .logo-img{width:100px;float:left}
.logo span{ float:left;display:inline-block;margin-top:9px;font-size:14px}
h2{font-size:2em}img{max-width:90%}
.wrap{width:100%}#section1{padding:0 0 4em}.container-fluid{padding:4em 0}
.info-desc{width:85%;float:none;margin:0 auto;text-align:left}
.device-desc{width:85%;margin:0 auto}
.img-r,.img-l{width:85%;float:none;margin:2em auto 0;text-align:center}
#section2 .info-desc{width:85%}
#section4 .info-desc{margin-top:0}
#section7 .info-desc{width:85%}
#section5 .info-desc,#section7 .info-desc{margin:2em auto 0;text-align:left}
#section7 .img-r,#section8 .img-r{margin:2em auto 0}
#section7 .img-l{margin:0 auto}
.imac-desc ul{margin-left:0;margin-top:1em}
.imac-desc ul .txt-center{margin-top:1em;font-size:16px}
.imac-desc ul li{width:45%;margin:1em 0 0 3%}
.imac-desc ul .img{line-height:6em}
.imac-desc ul .img img{max-width:60%}
.imac-desc ul li:nth-child(4) img{max-width:30%}
.inview .imac-desc ul .img{width:6em;height:6em;margin:0 auto}
#section4 .info-desc >img{ display:none}
.list1{width:100%;margin:3em auto 0}
.list1 li{width:33%;margin-right:0}
.list1 li:last-child{margin-right:0}
.list1 .img{line-height:4em;margin:0 auto}
.list1 .img img{max-width:40%}
.inview .list1 .img{width:4em;height:4em}
.footer{width:100%;height:inherit;padding:2em 10%;text-align:left}
.footer .copyright{margin-top:1em}
.footer .address{margin-top:1em}
}