@charset "utf-8";
body{background:#ededed url(../images/bg.jpg) no-repeat center top;}
.idx-tit{text-align: center;font-size: 40px;color: #fff;padding-top: 410px;line-height: 60px}
.idx-main{padding: 80px 0 90px;overflow: hidden;z-index: 99;position: relative;}
.idx-main-down{float: left;width: 250px}
.idx-main-down .btn-down{background: url(../images/idx_03.jpg) no-repeat;height: 180px;display: block;}
.idx-main-down .btn-down:hover{background-image: url(../images/idx_03_h.jpg);}
.idx-main-down div{text-align: center;font-size: 18px;background: url(../images/idx_04.jpg) no-repeat;height: 120px;padding-top: 30px}
.idx-main-down div a{float: left;width: 50%;height: 30px;color: #d7b68b;padding-top: 60px}
.idx-main-down div a:hover{color: #ffe5b9}
.idx-main-down div .btn-pay{background: url(../images/icon_01.png) no-repeat center 5px;}
.idx-main-down div .btn-pay:hover{background-image:url(../images/icon_01_h.png) }
.idx-main-down div .btn-service{background: url(../images/icon_02.png) no-repeat center 5px;}
.idx-main-down div .btn-service:hover{background-image:url(../images/icon_02_h.png) }
.idx-main-adv{float: left;font-size: 18px;text-align: center;}
.idx-main-adv a img{transition: all .4s ease; display: block;}
.idx-main-adv a:hover img { transform:scale(1.05); -webkit-transform:scale(1.05); }

.idx-main-adv a{float: left;position: relative;color: #fff;overflow: hidden;}
.idx-main-adv a span{left: 0;position: absolute;width: 100%;bottom: 0;height: 50px;line-height: 50px;background: rgba(0,0,0,0.7);}

.idx-main-news{font-size: 14px;color:#999;background: #fcfcfc;height: 305px;padding:25px 20px 0 25px;float: left;width: 305px}
.idx-main-news h2{font-size: 20px;color: #323232;margin-bottom: 20px}
.idx-main-news ul{line-height: 27px}
.idx-main-news ul li{height: 27px;overflow: hidden;}
.idx-main-news ul span{float: right;margin-left: 10px}
.idx-main-news ul a{color: #999}
.idx-main-news ul a:hover{color: #a8120d}
#leaves {position:absolute;top:780px;width:100%;text-align: center;}

#leaves i {
    display: inline-block;
    transform: skew(20deg);
    z-index: 1;
    -webkit-animation: falling 5s 0s infinite;
}

#leaves i:nth-of-type(2n) { -webkit-animation: falling2 5s 0s infinite; }
#leaves i:nth-of-type(3n) { -webkit-animation: falling3 5s 0s infinite; }
#leaves i:nth-of-type(7n) { -webkit-animation: falling2 3s 0s infinite; }




#leaves i:nth-of-type(n)    { height:15px; width:15px; }

#leaves i:nth-of-type(2n+1)    { height:10px; width:10px; }

#leaves i:nth-of-type(3n+2)  { height:8px; width:8px; }

#leaves i:nth-of-type(n)   { -webkit-animation-delay: 1.9s;}
#leaves i:nth-of-type(2n)  { -webkit-animation-delay: 3.9s;}
#leaves i:nth-of-type(3n)  { -webkit-animation-delay: 2.3s;}
#leaves i:nth-of-type(4n)  { -webkit-animation-delay: 4.4s;}
#leaves i:nth-of-type(5n)  { -webkit-animation-delay: 5s;  }
#leaves i:nth-of-type(6n)  { -webkit-animation-delay: 3.5s;}
#leaves i:nth-of-type(7n)  { -webkit-animation-delay: 2.8s;}
#leaves i:nth-of-type(8n)  { -webkit-animation-delay: 1.5s;}
#leaves i:nth-of-type(9n)  { -webkit-animation-delay: 3.3s;}
#leaves i:nth-of-type(10n) { -webkit-animation-delay: 2.5s;}
#leaves i:nth-of-type(11n) { -webkit-animation-delay: 1.2s;}
#leaves i:nth-of-type(12n) { -webkit-animation-delay: 4.1s;}
#leaves i:nth-of-type(13n) { -webkit-animation-delay: 1s;  }
#leaves i:nth-of-type(14n) { -webkit-animation-delay: 4.7s;}
#leaves i:nth-of-type(15n) { -webkit-animation-delay: 3s;  }

#leaves i:nth-of-type(n)    { background: #f25712;width:5px;height: 5px;border-radius: 50%;box-shadow: 0 0 10px #f25712 }
#leaves i:nth-of-type(2n+2)  {background: url(../images/hh_03.png); width: 36px;height: 35px ;box-shadow:none}
#leaves i:nth-of-type(4n+1)  { background: url(../images/hh_10.png);width:46px;height: 32px ;box-shadow: none }
#leaves i:nth-of-type(3n+3)  { background: #f25712;width:10px;height: 10px;border-radius: 50%;box-shadow: 0 0 10px #f25712  }





#leaves i:nth-of-type(n) { -webkit-animation-timing-function:ease-in-out;}

@-webkit-keyframes falling {
    
    0% {
        -webkit-transform:
            translate3d(300,0,0);opacity: 1
    }
    
    100% {
        -webkit-transform:
            translate3d(350px,-700px,0);
        opacity: 0;
    }
}

@-webkit-keyframes falling3 {
     0% {
        -webkit-transform:
            translate3d(0,0,0)
    }
    
    100% {
        -webkit-transform:
            translate3d(130px,-640px,0);
        opacity: 0;
    }
}

@-webkit-keyframes falling2 {
     0% {
        -webkit-transform:
            translate3d(0,0,0)
    }
    
    100% {
        -webkit-transform:
            translate3d(400px,-680px,0);
        opacity: 0;
    }
}