@charset "utf-8";
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
a{color:#0081d2;text-decoration:none;}
body,table,pre  {-webkit-text-size-adjust:none; font: 11px/1.231  Arial,Helvetica,clean,sans-serif;}
/* slide */
.slide-number a{background-image:url(../images/cloud/icon.png)}
#banner{position:relative;margin:0 auto;min-width:1001px;overflow:hidden;width:100%;height:595px;z-index:100;background:#f9f9f9}
#J-slide{position:relative;width:100%;height:564px;background:#f9f4ed}
#J-slide .slide{float:left;position:absolute;top:0;left:0;width:100%;height:564px}
.bghome{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;overflow:hidden;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;-webkit-transition:opacity 800ms ease-in-out;-moz-transition:opacity 800ms ease-in-out;-ms-transition:opacity 800ms ease-in-out;-o-transition:opacity 800ms ease-in-out;transition:opacity 800ms ease-in-out}
.pic{position:absolute;left:0;bottom:0;width:100%;opacity:0;background-position:50% 50%;background-repeat:no-repeat;-webkit-transition:all 800ms cubic-bezier(.62,.25,.65,.83);-moz-transition:all 800ms cubic-bezier(.62,.25,.65,.83);-ms-transition:all 800ms cubic-bezier(.62,.25,.65,.83);-o-transition:all 800ms cubic-bezier(.62,.25,.65,.83);transition:all 800ms cubic-bezier(.62,.25,.65,.83)}
.txt-wrap{position:relative;width:1001px;height:100%;margin:0 auto;zoom:1}
.txt{position:absolute;top:250px;background-repeat:no-repeat;width:1001px;height:175px;text-indent:-9999em;overflow:hidden;opacity:0;-webkit-transition:all 800ms ease-in-out;-moz-transition:all 800ms ease-in-out;-ms-transition:all 800ms ease-in-out;-o-transition:all 800ms ease-in-out;transition:all 800ms ease-in-out}
.txt h3,.txt p{display:none}
.txt a{display:block;position:absolute;width:105px;height:26px;left:0;bottom:8px;cursor:pointer;text-indent:-9999em;overflow:hidden;z-index:9;outline:0}
.txt a::moz-focus-inner{border:0}
.slide-1 .bg-1,.slide-1 .pic-1,.slide-1 .txt-1{display:block;opacity:1;}
.slide-2 .bg-2,.slide-2 .pic-2,.slide-2 .txt-2{display:block;opacity:1;}
.slide-3 .bg-3,.slide-3 .pic-3,.slide-3 .txt-3{display:block;opacity:1;}
.slide-5 .bg-5,.slide-5 .pic-5,.slide-5 .txt-5{display:block;opacity:1;}

.slide-number{padding:9px 0;text-align:center;}
.slide-number a{width:14px;height:14px;display:inline-block;margin:0 5px 0 0;background-repeat:no-repeat;background-position:0px 0px;text-indent:-9999em;overflow:hidden;outline:0}
.slide-number a::moz-focus-inner{border:0;}
.slide-number .slide-number-active{background-position:-14px 0px;}




/*动画初始位置*/
.slide-4 .bg-4, .slide-4 .pic-4, .slide-4 .txt-4{display:block;}
.slide-1 .txt-4, .slide-2 .txt-4, .slide-3 .txt-4{top:0px;}
.slide-1 .pic-4, .slide-2 .pic-4, .slide-3 .pic-4{left:-14px;}
.slide-4 .txt-1, .slide-2 .txt-1, .slide-3 .txt-1{left:100px;}
.slide-4 .pic-1, .slide-2 .pic-1, .slide-3 .pic-1{top:-498px;}
.slide-4 .txt-2, .slide-1 .txt-2, .slide-3 .txt-2{top:0px;}
.slide-4 .pic-2, .slide-1 .pic-2, .slide-3 .pic-2{left:-400px; top:145px;}
.slide-4 .txt-3, .slide-1 .txt-3, .slide-2 .txt-3{left:-100px;}
.slide-4 .pic-3, .slide-1 .pic-3, .slide-2 .pic-3{left:47%;}


/*动画结束位置*/
.pic-1{height:498px; width:1000px;left:27%; top:83px;}
.pic-2{height:397px; width:475px; left:49%;top:145px;}
.pic-3{width:478px;height:250px;left:39%;}
.txt-1 { left:60%;}
.txt-2 {}
.txt-3 {left:60%;}

/*----------- lazyloadBanner ---------------*/
/*banner背景图片*/
.bg-1-lazy{background-image:url(/images/cloud/banner1.jpg); _background-image:url(/images/cloud/ie6banner1.jpg);}
.bg-2-lazy{background-image:url(/images/cloud/banner2.jpg); _background-image:url(/images/cloud/ie6banner2.jpg);}
.bg-3-lazy{background-image:url(/images/cloud/banner3.jpg); _background-image:url(/images/cloud/ie6banner3.jpg);}
/*图标*/
.pic-1-lazy{background:url(/images/cloud/banner01_06.png) no-repeat; _background:none;}
.pic-2-lazy{background:url(/images/cloud/banner02.png) no-repeat;  _background:none;}
.pic-3-lazy{background:url(/images/cloud/banner03.png) no-repeat;  _background:none;}

/*字*/
.txt-1-lazy{background-image:url(/images/cloud/banner001.png);  _background:none;}
.txt-2-lazy{background-image:url(/images/cloud/banner002.png);  _background:none;}
.txt-3-lazy{background-image:url(/images/cloud/banner003.png);  _background:none;}