/*Content Animate*/
#header .title-main .role{-webkit-animation:bounceInLeft .8s .2s ease both; -moz-animation:bounceInLeft .8s .2s ease both; -o-animation:bounceInLeft .8s .2s ease both; animation:bounceInLeft .8s .2s ease both;}
#header .title-main .title-l{-webkit-animation:fadeInDown .8s 1.7s ease both; -moz-animation:fadeInDown .8s 1.7s ease both; -o-animation:fadeInDown .8s 1.7s ease both; animation:fadeInDown .8s 1.7s ease both;}
#header .title-main .title-r{-webkit-animation:fadeInUp .8s 1.7s ease both; -moz-animation:fadeInUp .8s 1.7s ease both; -o-animation:fadeInUp .8s 1.7s ease both; animation:fadeInUp .8s 1.7s ease both;}
.sec-jldt .title-small i,.sec-hjsm .title-small i{animation: ArrowDown 1s linear infinite; -webkit-animation: ArrowDown 1s linear infinite; -moz-animation: ArrowDown 1s linear infinite; -o-animation: ArrowDown 1s linear infinite;}
.sec-tjzz .title-small i,.sec-cfwl .title-small i,.sec-dhdl .title-small i,.sec-xhzz .title-small i,.sec-txdym .title-small i{animation: ArrowRight 1s linear infinite; -webkit-animation: ArrowRight 1s linear infinite; -moz-animation: ArrowRight 1s linear infinite; -o-animation: ArrowRight 1s linear infinite;}
#content .sec-red,.sec-jldt .btn-more,.sec-jldt .title-small,.sec-jldt .swiper-container,.sec-jldt .comment,
.sec-tjzz .btn-more,.sec-tjzz .title-small,.sec-tjzz .swiper-container,.sec-tjzz .comment,
.sec-cfwl .btn-more,.sec-cfwl .title-small,.sec-cfwl .swiper-container,.sec-cfwl .comment,
.sec-hjsm .btn-more,.sec-hjsm .swiper-container,.sec-hjsm .title-small,.sec-hjsm .comment,
.sec-dhdl .btn-more,.sec-dhdl .title-small,.sec-dhdl .swiper-container,.sec-dhdl .comment,
.sec-txdym .btn-more,.sec-txdym .title-small,.sec-txdym .swiper-container,.sec-txdym .comment,
.sec-xhzz .btn-more,.sec-xhzz .title-small,.sec-xhzz .swiper-container,.sec-xhzz .comment{display: none;}
#content .sec-red{-webkit-animation:fadeInDown .6s .2s ease both; -moz-animation:fadeInDown .6s .2s ease both; -o-animation:fadeInDown .6s .2s ease both; animation:fadeInDown .6s .2s ease both;}
.sec-jldt .btn-more,.sec-jldt .title-small,.sec-jldt .swiper-container,
.sec-hjsm .btn-more,.sec-hjsm .swiper-container,
.sec-txdym .btn-more,.sec-txdym .title-small,.sec-txdym .swiper-container{-webkit-animation:fadeInRight .6s .2s ease both; -moz-animation:fadeInRight .6s .2s ease both; -o-animation:fadeInRight .6s .2s ease both; animation:fadeInRight .6s .2s ease both;}
.sec-jldt .comment,.sec-cfwl .comment,.sec-txdym .comment,.sec-txdym .comment,
.sec-hjsm .title-small,.sec-hjsm .comment,
.sec-dhdl .btn-more,.sec-dhdl .title-small,.sec-dhdl .swiper-container,
.sec-xhzz .btn-more,.sec-xhzz .title-small,.sec-xhzz .swiper-container{-webkit-animation:fadeInLeft .6s .2s ease both; -moz-animation:fadeInLeft .6s .2s ease both; -o-animation:fadeInLeft .6s .2s ease both; animation:fadeInLeft .6s .2s ease both;}
.sec-tjzz .btn-more,.sec-tjzz .title-small,.sec-tjzz .swiper-container,
.sec-cfwl .btn-more,.sec-cfwl .title-small,.sec-cfwl .swiper-container,.sec-xhzz .comment{-webkit-animation:fadeInUp .6s .2s ease both; -moz-animation:fadeInUp .6s .2s ease both; -o-animation:fadeInUp .6s .2s ease both; animation:fadeInUp .6s .2s ease both;}
.sec-tjzz .comment{-webkit-animation:fadeInUp .6s .4s ease both; -moz-animation:fadeInUp .6s .4s ease both; -o-animation:fadeInUp .6s .4s ease both; animation:fadeInUp .6s .4s ease both;}
.sec-dhdl .comment{-webkit-animation:fadeInLeft .6s .4s ease both; -moz-animation:fadeInLeft .6s .4s ease both; -o-animation:fadeInLeft .6s .4s ease both; animation:fadeInLeft .6s .4s ease both;}
/*Content Animate End*/
/*=====Animate=====*/
@keyframes ArrowDown{0%{transform:translateY(0)} 25%{transform:translateY(2px)} 50%{transform:translateY(0)} 75%{transform:translateY(-2px)} 100%{transform:translateY(0)}}
@-webkit-keyframes ArrowDown{0%{-webkit-transform:translateY(0)} 25%{-webkit-transform:translateY(2px)} 50%{-webkit-transform:translateY(0)} 75%{-webkit-transform:translateY(-2px)} 100%{-webkit-transform:translateY(0)}}
@-moz-keyframes ArrowDown{0%{-moz-transform:translateY(0)} 25%{-moz-transform:translateY(2px)} 50%{-moz-transform:translateY(0)} 75%{-moz-transform:translateY(-2px)} 100%{-moz-transform:translateY(0)}}
@-o-keyframes ArrowDown{0%{-o-transform:translateY(0)} 25%{-o-transform:translateY(2px)} 50%{-o-transform:translateY(0)} 75%{-o-transform:translateY(-2px)} 100%{-o-transform:translateY(0)}}
@keyframes ArrowRight{0%{transform:translateX(0)} 25%{transform:translateX(2px)} 50%{transform:translateX(0)} 75%{transform:translateX(-2px)} 100%{transform:translateX(0)}}
@-o-keyframes ArrowRight{0%{-o-transform:translateX(0)} 25%{-o-transform:translateX(2px)} 50%{-o-transform:translateX(0)} 75%{-o-transform:translateX(-2px)} 100%{-o-transform:translateX(0)}}
@-moz-keyframes ArrowRight{0%{-moz-transform:translateX(0)} 25%{-moz-transform:translateX(2px)} 50%{-moz-transform:translateX(0)} 75%{-moz-transform:translateX(-2px)} 100%{-moz-transform:translateX(0)}}
@-webkit-keyframes ArrowRight{0%{-webkit-transform:translateX(0)} 25%{-webkit-transform:translateX(2px)} 50%{-webkit-transform:translateX(0)} 75%{-webkit-transform:translateX(-2px)} 100%{-webkit-transform:translateX(0)}}
@-webkit-keyframes bounceInLeft{0%{opacity:0; -webkit-transform:translateX(-500px)} 60%{opacity:1; -webkit-transform:translateX(20px)} 80%{-webkit-transform:translateX(-10px)} 100%{-webkit-transform:translateX(0)}}
@-moz-keyframes bounceInLeft{0%{opacity:0; -moz-transform:translateX(-500px)} 60%{opacity:1; -moz-transform:translateX(20px)} 80%{-moz-transform:translateX(-10px)} 100%{-moz-transform:translateX(0)}}
@-o-keyframes bounceInLeft{0%{opacity:0; -o-transform:translateX(-500px)} 60%{opacity:1; -o-transform:translateX(20px)} 80%{-o-transform:translateX(-10px)} 100%{-o-transform:translateX(0)}}
@keyframes bounceInLeft{0%{opacity:0; transform:translateX(-500px)} 60%{opacity:1; transform:translateX(20px)} 80%{transform:translateX(-10px)} 100%{transform:translateX(0)}}
@-webkit-keyframes fadeInUp{0%{opacity:0; -webkit-transform:translateY(20px)} 100%{opacity:1; -webkit-transform:translateY(0)}}
@-moz-keyframes fadeInUp{0%{opacity:0; -moz-transform:translateY(20px)} 100%{opacity:1; -moz-transform:translateY(0)}}
@-o-keyframes fadeInUp{0%{opacity:0; -o-transform:translateY(20px)} 100%{opacity:1; -o-transform:translateY(0)}}
@keyframes fadeInUp{0%{opacity:0; transform:translateY(20px)} 100%{opacity:1; transform:translateY(0)}}
@-webkit-keyframes fadeInDown{0%{opacity:0; -webkit-transform:translateY(-20px)} 100%{opacity:1; -webkit-transform:translateY(0)}}
@-moz-keyframes fadeInDown{0%{opacity:0; -moz-transform:translateY(-20px)} 100%{opacity:1; -moz-transform:translateY(0)}}
@-o-keyframes fadeInDown{0%{opacity:0; -o-transform:translateY(-20px)} 100%{opacity:1; -o-transform:translateY(0)}}
@keyframes fadeInDown{0%{opacity:0; transform:translateY(-20px)} 100%{opacity:1; transform:translateY(0)}}
@-webkit-keyframes fadeInLeft{0%{opacity:0; -webkit-transform:translateX(-50px)} 100%{opacity:1; -webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0; -moz-transform:translateX(-50px)} 100%{opacity:1; -moz-transform:translateX(0)}}
@-o-keyframes fadeInLeft{0%{opacity:0; -o-transform:translateX(-50px)} 100%{opacity:1; -o-transform:translateX(0)}}
@keyframes fadeInLeft{0%{opacity:0; transform:translateX(-50px)} 100%{opacity:1; transform:translateX(0)}}
@-webkit-keyframes fadeInRight{0%{opacity:0; -webkit-transform:translateX(20px)} 100%{opacity:1; -webkit-transform:translateX(0)}}
@-moz-keyframes fadeInRight{0%{opacity:0; -moz-transform:translateX(20px)} 100%{opacity:1; -moz-transform:translateX(0)}}
@-o-keyframes fadeInRight{0%{opacity:0; -o-transform:translateX(20px)} 100%{opacity:1; -o-transform:translateX(0)}}
@keyframes fadeInRight{0%{opacity:0; transform:translateX(20px)} 100%{opacity:1; transform:translateX(0)}}
/*=====Animate End=====*/
