/* slide */
.slide-number a,.slide-number .slide-number-active,.sl-angle,.slide-number{background-image:url(../images/icon.png)}
#banner{position:relative;margin:0 auto;min-width:990px;overflow:hidden;width:100%;height:780px;z-index:-100;background:#000}
#J-slide{position:relative;width:100%;height:745px;background:#000;margin-bottom:0px;}
#J-slide .slide{float:left;position:absolute;top:0;left:0;width:100%;height:745px}
.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:0px;top:-50px;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:100%;height:100%;margin:0 auto;zoom:1}
.txt{position:absolute;top:100px;left:380px;background-repeat:no-repeat;width:100%;height:100%;text-indent:-9999em;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;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-4 .bg-4,.slide-4 .pic-4,.slide-4 .txt-4{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;background-position:0 -329px;background-repeat:repeat-x;background-color:#ededed;}
.slide-number a{width:14px;height:14px;display:inline-block;margin:0 10px 0 0;background-repeat:no-repeat;background-position:-40px -286px;text-indent:-9999em;overflow:hidden;outline:0}
.slide-number a::moz-focus-inner{border:0}
.slide-number .slide-number-active{background-position:-11px -287px}


.pic-1{height:110%;}
.pic-2{height:100%;left:1%;}
.pic-3{height:110%;}
.pic-4{height:100%;}
.pic-5{height:110%;}



.slide-5 .txt-1, .slide-4 .txt-1, .slide-2 .txt-1, .slide-3 .txt-1{top:160px;}
.slide-5 .pic-1, .slide-4 .pic-1, .slide-2 .pic-1, .slide-3 .pic-1{left:20%;}

.slide-5 .txt-2, .slide-4 .txt-2, .slide-1 .txt-2, .slide-3 .txt-2{top:160px;left:0;}
.slide-5 .pic-2, .slide-4 .pic-2, .slide-1 .pic-2, .slide-3 .pic-2{left:-30%;}

.slide-5 .txt-3, .slide-4 .txt-3, .slide-1 .txt-3, .slide-2 .txt-3{left:160px;}
.slide-5 .pic-3, .slide-4 .pic-3, .slide-1 .pic-3, .slide-2 .pic-3{left:10%;}

.slide-5 .txt-4, .slide-1 .txt-4, .slide-2 .txt-4, .slide-3 .txt-4{top:160px;}
.slide-5 .pic-4, .slide-1 .pic-4, .slide-2 .pic-4, .slide-3 .pic-4{left:-20%;}

.slide-4 .txt-5, .slide-1 .txt-5, .slide-2 .txt-5, .slide-3 .txt-5{top:160px;}
.slide-4 .pic-5, .slide-1 .pic-5, .slide-2 .pic-5, .slide-3 .pic-5{left:30%;}

/*----------- lazyloadBanner ---------------*/


.bg-1-lazy{background-image:url(../images/工厂d1.jpg);}
.bg-2-lazy{background-image:url(../images/工厂d2.jpg);}
.bg-3-lazy{background-image:url(../images/工厂d3.jpg);}
.pic-1-lazy{background:url(../images/产品01.png) no-repeat 50% 50%;}
.pic-2-lazy{background:url(../images/产品02.png) no-repeat 50% 50%;}
.pic-3-lazy{background:url(../images/产品03.png) no-repeat 50% 50%;}
.txt-1-lazy{background-image:url(../images/text1.png);}
.txt-2-lazy{background-image:url(../images/text2.png);}
.txt-3-lazy{background-image:url(../images/text3.png);}


.bg-4-lazy{background-image:url(../images/工厂d4.jpg);}
.pic-4-lazy{background:url(../images/产品04.png) no-repeat 50% 50%;}
.txt-4-lazy{background-image:url(../images/text4.png);}


.bg-5-lazy{background-image:url(../images/工厂d2.jpg);}
.pic-5-lazy{background:url(../images/产品05.png) no-repeat 50% 50%;}
.txt-5-lazy{background-image:url(../images/text5.png);}