﻿

/* banner */
.flexslider {position: relative;height: 520px;overflow: hidden;background: url(../images/loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1; }
.slides li { height: 720px; position: relative; z-index: 1;}
/*.slides li a { display: block; width: 1200px; height: 550px; margin: 0 auto; }*/
.slides li b{ display:block; width:100%; height:900px; position:absolute; z-index:2; top:0; left:0;transition: transform 5.4s; -webkit-transition: transform 5.4s; -moz-transition: transform 5.4s; transform: scale(1); -webkit-transform: scale(1);}
.slides li.flex-active-slide b{transform: scale(1.1); -webkit-transform: scale(1.1);}


.flex-control-nav {position: absolute;bottom: 50px;left:50%;margin-left:-600px;z-index: 9999;width: 1200px;text-align: left;}
.flex-control-nav li { display: inline-block; width: 15px; height: 15px; margin: 0 9px; *display:inline;
zoom: 1; }
.flex-control-nav a { display: inline-block; width: 15px; height: 15px; line-height: 15px; overflow: hidden; background: url(../images/icon.png) no-repeat; cursor: pointer; color: #ffffff; font-size: 0; }
.flex-control-nav .flex-active { background: url(../images/icon_over.png) no-repeat; color: #ff0000; }

.slidesc{width:1200px;height:auto;margin:0 auto;position:relative;z-index:99;padding-top: 80px;color:#fff;text-shadow:0 0 3px #000;}
.slidesc_1{ font-size:72px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder;}
.slidesc_2{ padding:13px 0 30px 0; font-size:48px; letter-spacing:4px;}
.slidesc_3{ display:block; width:25px; height:5px; line-height:5px; text-align:center; background:#0096d6;}
.slidesc_4{ font-size:24px; color:#fff; padding-top:30px;}

/* banner */




/*首页第一屏*/
@-webkit-keyframes fadeInUpAdult { from {
opacity:0;
-webkit-transform:translate3d(0, 30%, 0);
transform:translate3d(0, 30%, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
@keyframes fadeInUpAdult { from {
opacity:0;
-webkit-transform:translate3d(0, 30%, 0);
transform:translate3d(0, 30%, 0)
}
to { opacity: 1; -webkit-transform: none; transform: none }
}
.fadeup .slidesc_1,.fadeup .slidesc_2,.fadeup .slidesc_3,.fadeup .slidesc_4{opacity: 0;}
.animated_flush { -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated_flush .fadeup { /*-webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUpAdult; -webkit-animation-duration: 1s; animation-name: fadeInUpAdult; animation-duration: 1s*/ }
.animated_flush .fadeInUp1 { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-name: fadeInUpAdult; animation-name: fadeInUpAdult; animation-duration: 1s; -webkit-animation-delay: .5s; animation-delay: .5s }
.animated_flush .fadeInUp2 { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-name: fadeInUpAdult; animation-name: fadeInUpAdult; animation-duration: 1s; -webkit-animation-delay: 1s; animation-delay: 1s }
.animated_flush .fadeInUp3 { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-name: fadeInUpAdult; animation-name: fadeInUpAdult; animation-duration: 1s; -webkit-animation-delay: 1.5s; animation-delay: 1.5s }
.animated_flush .fadeInUp4 { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -webkit-animation-name: fadeInUpAdult; animation-name: fadeInUpAdult; animation-duration: 1s; -webkit-animation-delay: 2s; animation-delay: 2s }

.pbpage{text-align:center; margin:20px 0; }
.pbpage a{line-height:35px;padding:0 12px;color:#333;border:1px solid #ccc;margin:5px;display: inline-block;border-radius: 5px;}
.pbpage a.page-num-current{background: #005bac;color:#fff;}
.pagewu{width:120px; border:1px solid #ccc; padding:10px; text-align: center; font-size: 16px; margin: 15px auto;}
@media (max-width: 700px) {.pbpage a{line-height:26px; padding:0 7px; margin:3px;}}