/*body, a { font-family: 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif; color: #333333; font-size: 14px; }
*/
.wrap { width: 100%; max-width: 1920px; min-width: 1200px; margin-left: auto; margin-right: auto; }

.w1200 { width: 1200px; margin-left: auto; margin-right: auto; }

.hide { display: none; }

.align-vertical { height: 100%; width: 100%; position: relative; display: table; }

.vertical-inner { display: table-cell; vertical-align: middle; }

.fl { float: left; }

.fr { float: right; }

.text-upper { text-transform: uppercase; }

.inner { width: 1600px; margin: 0 auto; position: relative; }

.p-inner { width: 1200px; margin: 0 auto; position: relative; }

/* banner */
@keyframes mouse { from { transform: translateY(0); -webkit-transform: translateY(0); opacity: 1; }
  55% { opacity: 0.6; }
  to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; } }
@-webkit-keyframes mouse { from { transform: translateY(0); -webkit-transform: translateY(0); }
  to { transform: translateY(10px); -webkit-transform: translateY(10px); } }
@-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
@keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); }
  to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } }
.banner-box { overflow: hidden; position: relative; }
.banner-box .banner { text-align: center; color: #fff; }
.banner-box .banner.slick-slider { margin-bottom: 0; }
.banner-box .banner .item { position: relative; }
.banner-box .banner .item .bimg { display: block; position: relative; }
.banner-box .banner .item .mimg { display: none; position: relative; }
.banner-box .banner .item .word { position: absolute; width: 100%; top: 0; left: 0; height: 100%; line-height: 1.2; }
.banner-box .banner .item .word .zh { /* transition: .56s .2s;
-webkit-transition: .56s .2s;
opacity: 1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
font-size: 54px; */ font-size: 42px; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; }
.banner-box .banner .item .word .line { display: block; width: 125px; height: 3px; background: #fff; margin: 25px auto; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; }
.banner-box .banner .item .word .en { font-size: 40px/*72px*/; text-transform: uppercase; line-height: 1; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; }
@media all and (min-width: 980px) and (max-width: 1200px) {
    .banner-box .banner .item .word .zh{ font-size: 38px;}
    .banner-box .banner .item .word .en{ font-size: 36px;}
}
.banner-box .banner .item .word .con { width: 900px; margin: 14px auto 0; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; line-height: 1.4; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }
.banner-box .banner .slick-current .bimg { visibility: visible; -webkit-animation: scaleUpDown 5s; animation: scaleUpDown 5s; }
.banner-box .banner .slick-current .word .zh { transition: 0.56s 0.2s; -webkit-transition: 0.56s 0.2s; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner-box .banner .slick-current .word .line { transition: 0.56s 0.4s; -webkit-transition: 0.56s 0.4s; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner-box .banner .slick-current .word .en { transition: 0.56s 0.8s; -webkit-transition: 0.56s 0.8s; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner-box .banner .slick-current .word .con { transition: 0.56s 1.2s; -webkit-transition: 0.56s 1.2s; opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner-box .banner .slick-current .mouse { width: 22px; height: 42px; position: absolute; left: 50%; bottom: 60px; background: url(../images/mouse.png) no-repeat scroll center center; animation: mouse 1s ease-in-out 0.1s alternate none infinite running; -webkit-animation: mouse 1s ease-in-out 0.1s alternate none infinite running; }
/*.banner-box .mouse { width: 22px; height: 42px; position: absolute; left: 50%; bottom: 60px; background: url(../images/mouse.png) no-repeat scroll center center; animation: mouse 1s ease-in-out 0.1s alternate none infinite running; -webkit-animation: mouse 1s ease-in-out 0.1s alternate none infinite running; }*/
.banner-box .mouse { width: 22px; height: 42px; margin-left: auto; margin-right: auto; margin-top:-80px; background: url(../images/mouse.png) no-repeat scroll center center; animation: mouse 1s ease-in-out 0.1s alternate none infinite running; -webkit-animation: mouse 1s ease-in-out 0.1s alternate none infinite running; }