@charset "utf-8";
/*banner开始*/
.bannerr{ width:100%; text-align:center; overflow:hidden;position: relative;}
.bannerr .inp{width: 420px; height: 53px; background: url(../images/bg-liji-tc.png) no-repeat center; background-size: auto 53px; position: absolute; bottom: 50px; left: 50%; margin-left: -210px; z-index: 10;}
.bannerr .inp .inpphone{width: 240px; height: 53px; padding: 2px 18px; float: left;}
.bannerr .inp .inpphone input{display: block; width: 100%;line-height: 49px; font-size: 16px; color: #666; border: none; outline: none;}
.bannerr .inp #dosubmit{display: block; float: right; width: 144px; height: 53px; background-color: transparent; border: none; text-indent: -999999px; cursor: pointer;}
/*banner动画*/
.flashBox{position:relative;margin:0 auto;overflow:hidden;width: 100%;height:420px}
.flashBox ul{width:100%;position:absolute;left:0;top:0;z-index:1;}
.flashBox ul li{width:100%;height:420px;position:absolute;top:0;left:0;display:none;}
.flashBox ul li:first-child{display:block;}
.flashBox ul li>a,.flashBox ul li>div{width:100%;height:420px;display: block;background-position: top center;background-repeat: repeat;background-size: cover}
.bannerBtn{position: absolute;top:50%;margin-top: -30px;width: 100%;z-index: 3;}
.bannerBtn .w1000{position: relative}
.bannerBtn a{position: absolute;width: 40px;height:60px;background: rgba(0, 0, 0, 0.4); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);z-index: 99;display: none}
.bannerBtn a.prev{left:20px;}
.bannerBtn a.prev:after{position:absolute; left:15px; top:50%; margin-top:-10px; content:''; width:20px; height:20px; border-bottom:2px solid #fff;border-left:2px solid #fff; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}
.bannerBtn a.next{right:20px;}
.bannerBtn a.next:after{position:absolute; right:15px; top:50%; margin-top:-10px; content:''; width:20px; height:20px; border-bottom:2px solid #fff;border-right:2px solid #fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.flashBox ol{z-index:2;width:100%;text-align:center;position:absolute;bottom:10px}
.flashBox ol li{width:20px;height:20px;margin:0 10px;display:inline-block;background:#fff;line-height:20px;text-align:center;border-radius: 100px;cursor:pointer;text-indent: -99999px; overflow:hidden;}
.flashBox ol .active{background-color:#0090ee;}
.flashBox ul li .warp{position:relative;height: 420px;}
.flashBox ul li .warp img{position: absolute;}
/*动画部分*/
.wxBanner1 .img1{left: 50%;margin-left: -385px;top: 69px; -webkit-animation: zoomInDown 1.5s 0s ease both;-moz-animation: zoomInDown 1.5s 0s ease both;animation: zoomInDown 1.5s 0s ease both;}
.wxBanner1 .img2{left: 50%;margin-left: -222px;top:299px; -webkit-animation: bounceInLeft 1s 1s ease both;-moz-animation: bounceInLeft 1s 1s ease both;animation: bounceInLeft 1s 1s ease both;}
.wxBanner1 .img3{left: 50%;margin-left: -309.5px;top:370px; -webkit-animation: flipInY 1s .8s ease both;-moz-animation: flipInY 1s .8s ease both;animation: flipInY 1s .8s ease both;}
.wxBanner2 .img1{left: 50%;margin-left: -230px;top:92px; -webkit-animation: zoomInDown 1.5s 0s ease both;-moz-animation: zoomInDown 1.5s 0s ease both;animation: zoomInDown 1.5s 0s ease both;}
.wxBanner2 .img2{left: 50%;margin-left: -124px;top:162px; -webkit-animation: zoomInDown 1.5s 0.2s ease both;-moz-animation: zoomInDown 1.5s 0.2s ease both;animation: zoomInDown 1.5s 0.2s ease both;}
.wxBanner2 .img3{left: 50%;margin-left: -264px;top:225px; -webkit-animation: zoomInDown 1.5s 0.3s ease both;-moz-animation: zoomInDown 1.5s 0.3s ease both;animation: zoomInDown 1.5s 0.3s ease both;}
.wxBanner2 .b2btn{left: 50%;margin-left: -112.5px;top:316px; -webkit-animation:bounceInUp 1s .5s ease both;-moz-animation:bounceInUp 1s .5s ease both;animation:bounceInUp 1s .5s ease both;}
.wxBanner2 .img5{left: 50%;margin-left: -545px;top:162px; -webkit-animation: bounceInLeft 1s 1s ease both;-moz-animation: bounceInLeft 1s 1s ease both;animation: bounceInLeft 1s 1s ease both;}
.wxBanner2 .img6{left: 50%;margin-left: 281px;top:172px; -webkit-animation: wind 1.5s 0s ease infinite;-moz-animation: wind 1.5s 0s ease infinite;animation: wind 1.5s 0s ease infinite;}
.wxBanner3 .img1{left: 50%;margin-left: -251px;top: 158px; -webkit-animation: zoomInDown 1.5s 0s ease both;-moz-animation: zoomInDown 1.5s 0s ease both;animation: zoomInDown 1.5s 0s ease both;}
.wxBanner3 .img2{left: 50%;margin-left: -251px;top: 261px; -webkit-animation: zoomInDown 1.5s 0.5s ease both;-moz-animation: zoomInDown 1.5s 0.5s ease both;animation: zoomInDown 1.5s 0.5s ease both;}
.wxBanner3 .b3btn{left: 50%;margin-left: -69px;top: 384px; -webkit-animation:bounceInUp 1s .8s ease both;-moz-animation:bounceInUp 1s .8s ease both;animation:bounceInUp 1s .8s ease both;}

@-webkit-keyframes zoomInDown{
    0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
	60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 	}
}
@keyframes zoomInDown{
    0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
	60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
 	}
}

@-webkit-keyframes bounceInLeft{
    0%{opacity: 0;-webkit-transform: translateX(-2000px);}
	60%{opacity: 1;-webkit-transform: translateX(30px);}
	80%{-webkit-transform: translateX(-10px);}
	100%{-webkit-transform: translateX(0);}
}
@-moz-keyframes bounceInLeft{
    0%{opacity: 0;-moz-transform: translateX(-2000px);}
	60%{opacity: 1;-moz-transform: translateX(30px);}
	80%{-moz-transform: translateX(-10px);}
	100%{-moz-transform: translateX(0);}
}
@-o-keyframes bounceInLeft{
    0%{opacity: 0;-o-transform: translateX(-2000px);}
	60%{opacity: 1;-o-transform: translateX(30px);}
	80%{-o-transform: translateX(-10px);}
	100%{-o-transform: translateX(0);}
}
@keyframes bounceInLeft{
    0%{opacity: 0;transform: translateX(-2000px);}
	60%{opacity: 1;transform: translateX(30px);}
	80%{transform: translateX(-10px);}
	100%{transform: translateX(0);}
}

@-webkit-keyframes flipInY{
    0%{-webkit-transform: perspective(400px) rotateY(90deg);opacity: 0;}
	40%{-webkit-transform: perspective(400px) rotateY(-10deg);}
	70%{-webkit-transform: perspective(400px) rotateY(10deg);}
	100%{-webkit-transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@-moz-keyframes flipInY{
    0%{-moz-transform: perspective(400px) rotateY(90deg);opacity: 0;}
	40%{-moz-transform: perspective(400px) rotateY(-10deg);}
	70%{-moz-transform: perspective(400px) rotateY(10deg);}
	100%{-moz-transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@-o-keyframes flipInY{
    0%{-o-transform: perspective(400px) rotateY(90deg);opacity: 0;}
	40%{-o-transform: perspective(400px) rotateY(-10deg);}
	70%{-o-transform: perspective(400px) rotateY(10deg);}
	100%{-o-transform: perspective(400px) rotateY(0deg);opacity: 1;}
}
@keyframes flipInY{
    0%{transform: perspective(400px) rotateY(90deg);opacity: 0;}
	40%{transform: perspective(400px) rotateY(-10deg);}
	70%{transform: perspective(400px) rotateY(10deg);}
	100%{transform: perspective(400px) rotateY(0deg);opacity: 1;}
}

@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
    }
    80% {
        -webkit-transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@-moz-keyframes bounceInUp {
    0% {
        opacity: 0;
        -moz-transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(-30px);
    }
    80% {
        -moz-transform: translateY(10px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes bounceInUp {
    0% {
        opacity: 0;
        -o-transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -o-transform: translateY(-30px);
    }
    80% {
        -o-transform: translateY(10px);
    }
    100% {
        -o-transform: translateY(0);
    }
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        transform: translateY(-30px);
    }
    80% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0);
    }
}

@-webkit-keyframes wind{
    0%{-webkit-transform: translateY(-10px);}
	25%{-webkit-transform: translateY(0px);}
	50%{-webkit-transform: translateY(10px);}
    75%{-webkit-transform: translateY(0px);}
	100%{-webkit-transform: translateY(-10px);}
}

@-moz-keyframes wind{
    0%{-webkit-transform: translateY(-10px);}
	25%{-webkit-transform: translateY(0px);}
	50%{-webkit-transform: translateY(10px);}
    75%{-webkit-transform: translateY(0px);}
	100%{-webkit-transform: translateY(-10px);}
}

@-o-keyframes wind{
    0%{-webkit-transform: translateY(-10px);}
	25%{-webkit-transform: translateY(0px);}
	50%{-webkit-transform: translateY(10px);}
    75%{-webkit-transform: translateY(0px);}
	100%{-webkit-transform: translateY(-10px);}
}

@keyframes wind{
    0%{-webkit-transform: translateY(-10px);}
	25%{-webkit-transform: translateY(0px);}
	50%{-webkit-transform: translateY(10px);}
    75%{-webkit-transform: translateY(0px);}
	100%{-webkit-transform: translateY(-10px);}
}
/*banner动画end*/