/* 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:1004px; overflow:hidden; width:100%;height:420px;z-index:1;background:#f9f9f9}
#J-slide{position:relative;width:100%;height:420px;background:#f9f4ed}
#J-slide .slide{float:left;position:absolute;top:0;left:0;width:100%;height:420px}
.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)}

.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-1 .txt-2,.slide-3 .txt-2{top:0}
.slide-1 .pic-2,.slide-3 .pic-2{left:-14px}
.slide-2 .txt-1,.slide-3 .txt-1{top:160px}
.slide-2 .pic-1,.slide-3 .pic-1{left:14px}
.slide-1 .txt-3,.slide-2 .txt-3{left:-100px}
.slide-1 .pic-3,.slide-2 .pic-3{left:47%}
.slide-number{padding:9px 0;text-align:center;background-position:0 -16px;background-repeat:repeat-x; position:absolute; top:390px; z-index:100; left:44%;}
.slide-number a{width:14px;height:14px;display:inline-block;margin:0 10px 0 0;background-repeat:no-repeat;background-position:-16px -0px;text-indent:-9999em;overflow:hidden;outline:0}
.slide-number a::moz-focus-inner{border:0}
.slide-number .slide-number-active{background-position:-0px -0px}


.pic-1{height:204px; left:10%; width:350px; margin-bottom:120px;}
.pic-2{height:204px; left:10%; width:350px; margin-bottom:120px;}
.pic-3{height:164px; left:10%; width:350px; margin-bottom:160px; padding:10px;}
.pic-4{height:300px;left:16%;}
.pic-5{height:300px;left:16%;}

.pic-1 h1{ font-size:24px;}
.pic-2 h1{ font-size:24px;}
.pic-3 h1{ font-size:24px;}

.pic-1 p{ line-height:24px;}
.pic-2 p{ line-height:24px;}
.pic-3 p{ line-height:24px;}

.slide-4 .bg-4, .slide-4 .pic-4, .slide-4 .txt-4{display:block;opacity:1;}

.slide-1 .txt-4, .slide-2 .txt-4, .slide-3 .txt-4{top:0;}
.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{top:160px;}
.slide-4 .pic-1, .slide-2 .pic-1, .slide-3 .pic-1{left:14px;}

.slide-4 .txt-2, .slide-1 .txt-2, .slide-3 .txt-2{top:0px;left:0;}
.slide-4 .pic-2, .slide-1 .pic-2, .slide-3 .pic-1{left:-14px;}

.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%;}



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


.bg-1-lazy{background-image:url(../images/cloud/hezu05.jpg);}
.bg-2-lazy{background-image:url(../images/cloud/hezu01.jpg);}
.bg-3-lazy{background-image:url(../images/cloud/hezu02.jpg);}

.txt-1-lazy{background-image:url(../images/cloud/hezu005.png);}
.txt-2-lazy{background-image:url(../images/cloud/hezu001.png);}
.txt-3-lazy{background-image:url(../images/cloud/hezu002.png);}


.bg-4-lazy{background-image:url(../images/cloud/hezu03.jpg);}
.pic-4-lazy{background:url(../images/cloud/hezu03.png) no-repeat 50% 50%;}
.txt-4-lazy{background-image:url(../images/cloud/hezu003.png);}


.bg-5-lazy{background-image:url(../images/cloud/hezu05.jpg);}
.pic-5-lazy{background:url(../images/cloud/hezu05.png) no-repeat 50% 50%;}
.txt-5-lazy{background-image:url(../images/cloud/hezu05.png);}