.pw{width:1320px;margin:0 auto}

.pw2{width:1200px;margin:0 auto}

.pw3{width:1540px;margin:0 auto}

@media screen and (max-width:1600px){

.pw3{width:1200px}

}

@media screen and (max-width:1366px){

.pw,.pw2,.pw3{width:1000px}

}

@media screen and (max-width:1024px){

.pw,.pw2,.pw3{width:90%}

}

.mult{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.tb{display:table;width:100%;height:100%}

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

.mcv{text-align:center;line-height:50px;display:none}

.mcv .sj-b{display:inline-block;vertical-align:middle;margin-left:8px;border-top-width:6px;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}

.pnav.show .sj-b{-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}

@media screen and (max-width:861px){

.mcv{display:block}

}

.splwo span{display:block}

.splwo i{display:inline-block}

.bsz{-moz-box-sizing:border-box;box-sizing:border-box}


.cover{display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:url(../images/black5.png)}

.bg{background-size:cover;background-repeat:no-repeat;background-position:center center}

.open{overflow:hidden}

.na{cursor:default}

.pai{overflow:hidden;position:relative}

.pai>img{display:block;position:absolute;width:100%;height:100%;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.pic,.pic2,.picbox{display:block;position:relative;overflow:hidden}

.pic>img{display:block;width:100%;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s}

.pic2>img{display:block;width:100%}



.logo{display:block}

.logo>img{display:block;width:100%}


.tx{overflow:hidden;line-height:24px!important;text-align:justify}

.ch,.name,.ti{line-height:1.4; color:#ffffff}

.en{line-height:1; color:#ffffff}

.ttu{text-transform:uppercase}

.fwb{font-weight:700}

.rel{position:relative}


.tac{text-align:center}

.fsi{font-style:italic}

.brs{border-radius:100%}

.aw,.ico{background-repeat:no-repeat;background-position:center top}

.fixbg{background-repeat:no-repeat;background-size:cover;background-position:center center;background-attachment:fixed}

.fixbg>img{display:block;width:100%;opacity:0;visibility:hidden}

@media screen and (max-width:1024px){

.fixbg{background-attachment:scroll}

}

.psfixbg{position:fixed;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:-1}

.fib,.pager{text-align:center;letter-spacing:-6px;line-height:0}

.ib,.pager a{display:inline-block;vertical-align:middle;letter-spacing:0;line-height:1.8}



.banner-box,.pbanner{position:relative;overflow:hidden}

.i_g{display:block;position:relative;top:0;left:-10%;width:110%!important}

.active .i_g{left:-5%;-webkit-transition:imgMove 6s .2s linear;-moz-transition:imgMove 6s .2s linear;transition:imgMove 6s .2s linear}

@-webkit-keyframes imgMove{

0%{left:-10%}

100%{left:-5%}

}

@-moz-keyframes imgMove{

0%{left:-10%}

100%{left:-5%}

}

@keyframes imgMove{

0%{left:-10%}

100%{left:-5%}

}

.u-slick{position:relative;overflow:hidden}

.u-slick .item{position:relative;overflow:hidden}


}






.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}

.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}

.slick-list:focus{outline:0}

.slick-list.dragging{cursor:pointer;cursor:hand}

.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}

.slick-track{position:relative;top:0;left:0;display:block}

.slick-track:after,.slick-track:before{display:table;content:''}

.slick-track:after{clear:both}

.slick-loading .slick-track{visibility:hidden}

.slick-slide{display:none;float:left;min-height:1px}

[dir=rtl] .slick-slide{float:right}

.slick-slide img{display:block}

.slick-slide.slick-loading img{display:none}

.slick-slide.dragging img{pointer-events:none}

.slick-initialized .slick-slide{display:block}

.slick-loading .slick-slide{visibility:hidden}

.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}

.slick-arrow.slick-hidden{display:none}

.slick-arrow{position:absolute;z-index:101;top:50%;margin-top:-20px;width:40px;height:40px;background:#000;font-family:iconfont!important;text-align:center}

.slick-prev{left:0}

.slick-prev:before{content:"\e660"}

.slick-next{right:0}

.slick-next:before{content:"\e65f"}

.slick-dots{position:absolute;z-index:100;left:0;right:0;bottom:8%;text-align:center;letter-spacing:-6px;line-height:0}

.slick-dots li{display:inline-block;vertical-align:middle;width:10px;height:10px;border-radius:100%;background:#999;margin:0 6px;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}

.slick-dots li a{display:block;width:100%;height:100%}

.slick-dots .slick-active{background:#d9251d!important}

@media screen and (min-width:1025px){

.slick-dots li:hover{background:#d9251d!important}

}



@-webkit-keyframes phoneRotate{

from,to{-webkit-transform:none;transform:none}

20%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}

40%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}

60%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}

80%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}

}

@-moz-keyframes phoneRotate{

from,to{-webkit-transform:none;-moz-transform:none;transform:none}

20%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}

40%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)}

60%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}

80%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)}

}

@keyframes phoneRotate{

from,to{-webkit-transform:none;-moz-transform:none;transform:none}

20%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}

40%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)}

60%{-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}

80%{-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)}

}

@-webkit-keyframes phoneJump{

from,to{-webkit-transform:none;transform:none}

50%{-webkit-transform:translate(0,-7px);transform:translate(0,-7px)}

}

@-moz-keyframes phoneJump{

from,to{-webkit-transform:none;-moz-transform:none;transform:none}

50%{-webkit-transform:translate(0,-7px);-moz-transform:translate(0,-7px);transform:translate(0,-7px)}

}

@keyframes phoneJump{

from,to{-webkit-transform:none;-moz-transform:none;transform:none}

50%{-webkit-transform:translate(0,-7px);-moz-transform:translate(0,-7px);transform:translate(0,-7px)}

}

@-webkit-keyframes _cyLogoShow{

0%{background:-webkit-linear-gradient(330deg,transparent -15%,rgba(255,255,255,.5),transparent 15%);background:linear-gradient(120deg,transparent -15%,rgba(255,255,255,.5),transparent 15%)}

10%{background:-webkit-linear-gradient(330deg,transparent -5%,rgba(255,255,255,.5),transparent 25%);background:linear-gradient(120deg,transparent -5%,rgba(255,255,255,.5),transparent 25%)}

20%{background:-webkit-linear-gradient(330deg,transparent 5%,rgba(255,255,255,.5),transparent 35%);background:linear-gradient(120deg,transparent 5%,rgba(255,255,255,.5),transparent 35%)}

30%{background:-webkit-linear-gradient(330deg,transparent 15%,rgba(255,255,255,.5),transparent 45%);background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.5),transparent 45%)}

40%{background:-webkit-linear-gradient(330deg,transparent 25%,rgba(255,255,255,.5),transparent 55%);background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.5),transparent 55%)}

50%{background:-webkit-linear-gradient(330deg,transparent 35%,rgba(255,255,255,.5),transparent 65%);background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.5),transparent 65%)}

60%{background:-webkit-linear-gradient(330deg,transparent 45%,rgba(255,255,255,.5),transparent 75%);background:linear-gradient(120deg,transparent 45%,rgba(255,255,255,.5),transparent 75%)}

70%{background:-webkit-linear-gradient(330deg,transparent 55%,rgba(255,255,255,.5),transparent 85%);background:linear-gradient(120deg,transparent 55%,rgba(255,255,255,.5),transparent 85%)}

80%{background:-webkit-linear-gradient(330deg,transparent 65%,rgba(255,255,255,.5),transparent 95%);background:linear-gradient(120deg,transparent 65%,rgba(255,255,255,.5),transparent 95%)}

90%{background:-webkit-linear-gradient(330deg,transparent 75%,rgba(255,255,255,.5),transparent 105%);background:linear-gradient(120deg,transparent 75%,rgba(255,255,255,.5),transparent 105%)}

100%{background:-webkit-linear-gradient(330deg,transparent 85%,rgba(255,255,255,.5),transparent 115%);background:linear-gradient(120deg,transparent 85%,rgba(255,255,255,.5),transparent 115%)}

}

@-moz-keyframes _cyLogoShow{

0%{background:-moz-linear-gradient(330deg,transparent -15%,rgba(255,255,255,.5),transparent 15%);background:linear-gradient(120deg,transparent -15%,rgba(255,255,255,.5),transparent 15%)}

10%{background:-moz-linear-gradient(330deg,transparent -5%,rgba(255,255,255,.5),transparent 25%);background:linear-gradient(120deg,transparent -5%,rgba(255,255,255,.5),transparent 25%)}

20%{background:-moz-linear-gradient(330deg,transparent 5%,rgba(255,255,255,.5),transparent 35%);background:linear-gradient(120deg,transparent 5%,rgba(255,255,255,.5),transparent 35%)}

30%{background:-moz-linear-gradient(330deg,transparent 15%,rgba(255,255,255,.5),transparent 45%);background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.5),transparent 45%)}

40%{background:-moz-linear-gradient(330deg,transparent 25%,rgba(255,255,255,.5),transparent 55%);background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.5),transparent 55%)}

50%{background:-moz-linear-gradient(330deg,transparent 35%,rgba(255,255,255,.5),transparent 65%);background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.5),transparent 65%)}

60%{background:-moz-linear-gradient(330deg,transparent 45%,rgba(255,255,255,.5),transparent 75%);background:linear-gradient(120deg,transparent 45%,rgba(255,255,255,.5),transparent 75%)}

70%{background:-moz-linear-gradient(330deg,transparent 55%,rgba(255,255,255,.5),transparent 85%);background:linear-gradient(120deg,transparent 55%,rgba(255,255,255,.5),transparent 85%)}

80%{background:-moz-linear-gradient(330deg,transparent 65%,rgba(255,255,255,.5),transparent 95%);background:linear-gradient(120deg,transparent 65%,rgba(255,255,255,.5),transparent 95%)}

90%{background:-moz-linear-gradient(330deg,transparent 75%,rgba(255,255,255,.5),transparent 105%);background:linear-gradient(120deg,transparent 75%,rgba(255,255,255,.5),transparent 105%)}

100%{background:-moz-linear-gradient(330deg,transparent 85%,rgba(255,255,255,.5),transparent 115%);background:linear-gradient(120deg,transparent 85%,rgba(255,255,255,.5),transparent 115%)}

}

@keyframes _cyLogoShow{

0%{background:-webkit-linear-gradient(330deg,transparent -15%,rgba(255,255,255,.5),transparent 15%);background:-moz-linear-gradient(330deg,transparent -15%,rgba(255,255,255,.5),transparent 15%);background:linear-gradient(120deg,transparent -15%,rgba(255,255,255,.5),transparent 15%)}

10%{background:-webkit-linear-gradient(330deg,transparent -5%,rgba(255,255,255,.5),transparent 25%);background:-moz-linear-gradient(330deg,transparent -5%,rgba(255,255,255,.5),transparent 25%);background:linear-gradient(120deg,transparent -5%,rgba(255,255,255,.5),transparent 25%)}

20%{background:-webkit-linear-gradient(330deg,transparent 5%,rgba(255,255,255,.5),transparent 35%);background:-moz-linear-gradient(330deg,transparent 5%,rgba(255,255,255,.5),transparent 35%);background:linear-gradient(120deg,transparent 5%,rgba(255,255,255,.5),transparent 35%)}

30%{background:-webkit-linear-gradient(330deg,transparent 15%,rgba(255,255,255,.5),transparent 45%);background:-moz-linear-gradient(330deg,transparent 15%,rgba(255,255,255,.5),transparent 45%);background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.5),transparent 45%)}

40%{background:-webkit-linear-gradient(330deg,transparent 25%,rgba(255,255,255,.5),transparent 55%);background:-moz-linear-gradient(330deg,transparent 25%,rgba(255,255,255,.5),transparent 55%);background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.5),transparent 55%)}

50%{background:-webkit-linear-gradient(330deg,transparent 35%,rgba(255,255,255,.5),transparent 65%);background:-moz-linear-gradient(330deg,transparent 35%,rgba(255,255,255,.5),transparent 65%);background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.5),transparent 65%)}

60%{background:-webkit-linear-gradient(330deg,transparent 45%,rgba(255,255,255,.5),transparent 75%);background:-moz-linear-gradient(330deg,transparent 45%,rgba(255,255,255,.5),transparent 75%);background:linear-gradient(120deg,transparent 45%,rgba(255,255,255,.5),transparent 75%)}

70%{background:-webkit-linear-gradient(330deg,transparent 55%,rgba(255,255,255,.5),transparent 85%);background:-moz-linear-gradient(330deg,transparent 55%,rgba(255,255,255,.5),transparent 85%);background:linear-gradient(120deg,transparent 55%,rgba(255,255,255,.5),transparent 85%)}

80%{background:-webkit-linear-gradient(330deg,transparent 65%,rgba(255,255,255,.5),transparent 95%);background:-moz-linear-gradient(330deg,transparent 65%,rgba(255,255,255,.5),transparent 95%);background:linear-gradient(120deg,transparent 65%,rgba(255,255,255,.5),transparent 95%)}

90%{background:-webkit-linear-gradient(330deg,transparent 75%,rgba(255,255,255,.5),transparent 105%);background:-moz-linear-gradient(330deg,transparent 75%,rgba(255,255,255,.5),transparent 105%);background:linear-gradient(120deg,transparent 75%,rgba(255,255,255,.5),transparent 105%)}

100%{background:-webkit-linear-gradient(330deg,transparent 85%,rgba(255,255,255,.5),transparent 115%);background:-moz-linear-gradient(330deg,transparent 85%,rgba(255,255,255,.5),transparent 115%);background:linear-gradient(120deg,transparent 85%,rgba(255,255,255,.5),transparent 115%)}

}

@-webkit-keyframes logoShow{

from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}

25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}

50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}

75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}

}

@-moz-keyframes logoShow{

from,to{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1)}

25%{-webkit-transform:scale(.9,1.1);-moz-transform:scale(.9,1.1);transform:scale(.9,1.1)}

50%{-webkit-transform:scale(1.1,.9);-moz-transform:scale(1.1,.9);transform:scale(1.1,.9)}

75%{-webkit-transform:scale(.95,1.05);-moz-transform:scale(.95,1.05);transform:scale(.95,1.05)}

}

@keyframes logoShow{

from,to{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);transform:scale(1,1)}

25%{-webkit-transform:scale(.9,1.1);-moz-transform:scale(.9,1.1);transform:scale(.9,1.1)}

50%{-webkit-transform:scale(1.1,.9);-moz-transform:scale(1.1,.9);transform:scale(1.1,.9)}

75%{-webkit-transform:scale(.95,1.05);-moz-transform:scale(.95,1.05);transform:scale(.95,1.05)}

}

@-webkit-keyframes scaleUpDown{

from{-webkit-transform:scale(1.08);transform:scale(1.08)}

to{-webkit-transform:scale(1);transform:scale(1)}

}

@-moz-keyframes scaleUpDown{

from{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08)}

to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}

}

@keyframes scaleUpDown{

from{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);transform:scale(1.08)}

to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}

}

@-webkit-keyframes fadeInUp{

from{opacity:0;-webkit-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

@-moz-keyframes fadeInUp{

from{opacity:0;-moz-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}

to{opacity:1;-moz-transform:none;transform:none}

}

@keyframes fadeInUp{

from{opacity:0;-webkit-transform:translate3d(0,60px,0);-moz-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}

to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}

}

@-webkit-keyframes lightSpeedIn{

from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}

60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}

80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}

to{-webkit-transform:none;transform:none;opacity:1}

}

@-moz-keyframes lightSpeedIn{

from{-moz-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}

60%{-moz-transform:skewX(20deg);transform:skewX(20deg);opacity:1}

80%{-moz-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}

to{-moz-transform:none;transform:none;opacity:1}

}

@keyframes lightSpeedIn{

from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);-moz-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}

60%{-webkit-transform:skewX(20deg);-moz-transform:skewX(20deg);transform:skewX(20deg);opacity:1}

80%{-webkit-transform:skewX(-5deg);-moz-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}

to{-webkit-transform:none;-moz-transform:none;transform:none;opacity:1}

}

@-webkit-keyframes fadeInDown{

from{opacity:0;-webkit-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

@-moz-keyframes fadeInDown{

from{opacity:0;-moz-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}

to{opacity:1;-moz-transform:none;transform:none}

}

@keyframes fadeInDown{

from{opacity:0;-webkit-transform:translate3d(0,-60px,0);-moz-transform:translate3d(0,-60px,0);transform:translate3d(0,-60px,0)}

to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}

}

@-webkit-keyframes fadeInRight{

from{opacity:0;-webkit-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

@-moz-keyframes fadeInRight{

from{opacity:0;-moz-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}

to{opacity:1;-moz-transform:none;transform:none}

}

@keyframes fadeInRight{

from{opacity:0;-webkit-transform:translate3d(60px,0,0);-moz-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}

to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}

}

@-webkit-keyframes fadeInLeft{

from{opacity:0;-webkit-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0)}

to{opacity:1;-webkit-transform:none;transform:none}

}

@-moz-keyframes fadeInLeft{

from{opacity:0;-moz-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0)}

to{opacity:1;-moz-transform:none;transform:none}

}

@keyframes fadeInLeft{

from{opacity:0;-webkit-transform:translate3d(-60px,0,0);-moz-transform:translate3d(-60px,0,0);transform:translate3d(-60px,0,0)}

to{opacity:1;-webkit-transform:none;-moz-transform:none;transform:none}

}

@-webkit-keyframes reveal-v{

0%{-webkit-transform:scaleY(0);transform:scaleY(0)}

50%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 0 0;transform-origin:0 0 0}

51%{-webkit-transform-origin:50% 100% 0;transform-origin:50% 100% 0}

100%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100% 0;transform-origin:50% 100% 0}

}

@-moz-keyframes reveal-v{

0%{-moz-transform:scaleY(0);transform:scaleY(0)}

50%{-moz-transform:scaleY(1);transform:scaleY(1);-moz-transform-origin:0 0 0;transform-origin:0 0 0}

51%{-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0}

100%{-moz-transform:scaleY(0);transform:scaleY(0);-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0}

}

@keyframes reveal-v{

0%{-webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform:scaleY(0)}

50%{-webkit-transform:scaleY(1);-moz-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0}

51%{-webkit-transform-origin:50% 100% 0;-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0}

100%{-webkit-transform:scaleY(0);-moz-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 100% 0;-moz-transform-origin:50% 100% 0;transform-origin:50% 100% 0}

}

@-webkit-keyframes reveal-l{

0%{-webkit-transform:scaleX(0);transform:scaleX(0)}

50%{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0 0;transform-origin:0 0 0}

51%{-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0}

100%{-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50% 0;transform-origin:100% 50% 0}

}

@-moz-keyframes reveal-l{

0%{-moz-transform:scaleX(0);transform:scaleX(0)}

50%{-moz-transform:scaleX(1);transform:scaleX(1);-moz-transform-origin:0 0 0;transform-origin:0 0 0}

51%{-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0}

100%{-moz-transform:scaleX(0);transform:scaleX(0);-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0}

}

@keyframes reveal-l{

0%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0)}

50%{-webkit-transform:scaleX(1);-moz-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0}

51%{-webkit-transform-origin:100% 50% 0;-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0}

100%{-webkit-transform:scaleX(0);-moz-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:100% 50% 0;-moz-transform-origin:100% 50% 0;transform-origin:100% 50% 0}

}

@-webkit-keyframes hide-lr{

0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}

100%{opacity:0;-webkit-transform:translateX(30px);transform:translateX(30px)}

}

@-moz-keyframes hide-lr{

0%{opacity:1;-moz-transform:translateX(0);transform:translateX(0)}

100%{opacity:0;-moz-transform:translateX(30px);transform:translateX(30px)}

}

@keyframes hide-lr{

0%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0)}

100%{opacity:0;-webkit-transform:translateX(30px);-moz-transform:translateX(30px);transform:translateX(30px)}

}

@-webkit-keyframes hide-dt{

0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}

100%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}

}

@-moz-keyframes hide-dt{

0%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}

100%{opacity:0;-moz-transform:translateY(30px);transform:translateY(30px)}

}

@keyframes hide-dt{

0%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}

100%{opacity:0;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);transform:translateY(30px)}

}

@-webkit-keyframes hide-dt-f{

0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}

100%{opacity:0;-webkit-transform:translateY(-30px);transform:translateY(-30px)}

}

@-moz-keyframes hide-dt-f{

0%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}

100%{opacity:0;-moz-transform:translateY(-30px);transform:translateY(-30px)}

}

@keyframes hide-dt-f{

0%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)}

100%{opacity:0;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);transform:translateY(-30px)}

}

@-webkit-keyframes increaseHeight{

from{width:100%}

to{width:0}

}

@-moz-keyframes increaseHeight{

from{width:100%}

to{width:0}

}

@keyframes increaseHeight{

from{width:100%}

to{width:0}

}

@-webkit-keyframes tbfade{

0%{-webkit-transform:translateY(-10%);transform:translateY(-10%);opacity:1}

100%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}

}

@-moz-keyframes tbfade{

0%{-moz-transform:translateY(-10%);transform:translateY(-10%);opacity:1}

100%{-moz-transform:translateY(10%);transform:translateY(10%);opacity:0}

}

@keyframes tbfade{

0%{-webkit-transform:translateY(-10%);-moz-transform:translateY(-10%);transform:translateY(-10%);opacity:1}

100%{-webkit-transform:translateY(10%);-moz-transform:translateY(10%);transform:translateY(10%);opacity:0}

}

@media screen and (min-width:1025px){

.skewpic img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:.4s;-moz-transition:.4s;transition:.4s}

.skewpic:hover img{-webkit-transform:scale(1.1) translateY(-15px);-moz-transform:scale(1.1) translateY(-15px);-ms-transform:scale(1.1) translateY(-15px);transform:scale(1.1) translateY(-15px)}

.scapic:hover img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transform:scale(1.1)}

.transY{-webkit-transform:translateY(60px);-moz-transform:translateY(60px);-ms-transform:translateY(60px);transform:translateY(60px);opacity:0;visibility:hidden}

.transYF{-webkit-transform:translateY(-60px);-moz-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px);opacity:0;visibility:hidden}

.transX{-webkit-transform:translateX(60px);-moz-transform:translateX(60px);-ms-transform:translateX(60px);transform:translateX(60px);opacity:0;visibility:hidden}

.transXF{-webkit-transform:translateX(-60px);-moz-transform:translateX(-60px);-ms-transform:translateX(-60px);transform:translateX(-60px);opacity:0;visibility:hidden}

.active .transX,.active .transXF,.active .transY,.active .transYF{-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);transform:translate(0);opacity:1;visibility:visible}

.trans{-webkit-transition:.7s ease-out;-moz-transition:.7s ease-out;transition:.7s ease-out}

.dly-1{-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}

.dly-2{-webkit-transition-delay:.2s;-moz-transition-delay:.2s;transition-delay:.2s}

.dly-3{-webkit-transition-delay:.3s;-moz-transition-delay:.3s;transition-delay:.3s}

.dly-4{-webkit-transition-delay:.4s;-moz-transition-delay:.4s;transition-delay:.4s}

.dly-5{-webkit-transition-delay:.5s;-moz-transition-delay:.5s;transition-delay:.5s}

.dly-6{-webkit-transition-delay:.6s;-moz-transition-delay:.6s;transition-delay:.6s}

.dly-7{-webkit-transition-delay:.7s;-moz-transition-delay:.7s;transition-delay:.7s}

.dly-8{-webkit-transition-delay:.8s;-moz-transition-delay:.8s;transition-delay:.8s}

.am-fid,.am-fil,.am-fir,.am-fiu,.am-lsi{opacity:0}

.active .am-lsi{-webkit-animation:lightSpeedIn .8s both;-moz-animation:lightSpeedIn .8s both;animation:lightSpeedIn .8s both}

.active .am-fiu{-webkit-animation:fadeInUp .8s both;-moz-animation:fadeInUp .8s both;animation:fadeInUp .8s both}

.active .am-fid{-webkit-animation:fadeInDown .8s both;-moz-animation:fadeInDown .8s both;animation:fadeInDown .8s both}

.active .am-fir{-webkit-animation:fadeInRight .8s both;-moz-animation:fadeInRight .8s both;animation:fadeInRight .8s both}

.active .am-fil{-webkit-animation:fadeInLeft .8s both;-moz-animation:fadeInLeft .8s both;animation:fadeInLeft .8s both}

.active .am-rvv{position:relative}

.active .am-rvv:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#000;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-animation:reveal-v 2s .2s cubic-bezier(0,0,.2,1) both;-moz-animation:reveal-v 2s .2s cubic-bezier(0,0,.2,1) both;animation:reveal-v 2s .2s cubic-bezier(0,0,.2,1) both}

.active .am-rvl{position:relative}

.active .am-rvl:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:#000;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;-ms-transform-origin:0 0 0;transform-origin:0 0 0;-webkit-animation:reveal-l 2s .2s cubic-bezier(0,0,.2,1) both;-moz-animation:reveal-l 2s .2s cubic-bezier(0,0,.2,1) both;animation:reveal-l 2s .2s cubic-bezier(0,0,.2,1) both}

.active .am-delay-1{-webkit-animation-delay:.1s;-moz-animation-delay:.1s;animation-delay:.1s}

.active .am-delay-2{-webkit-animation-delay:.2s;-moz-animation-delay:.2s;animation-delay:.2s}

.active .am-delay-3{-webkit-animation-delay:.3s;-moz-animation-delay:.3s;animation-delay:.3s}

.active .am-delay-4{-webkit-animation-delay:.4s;-moz-animation-delay:.4s;animation-delay:.4s}

.active .am-delay-5{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;animation-delay:.5s}

.active .am-delay-6{-webkit-animation-delay:.6s;-moz-animation-delay:.6s;animation-delay:.6s}

.active .am-delay-7{-webkit-animation-delay:.7s;-moz-animation-delay:.7s;animation-delay:.7s}

.active .am-delay-8{-webkit-animation-delay:.8s;-moz-animation-delay:.8s;animation-delay:.8s}

.active .am-delay-9{-webkit-animation-delay:.9s;-moz-animation-delay:.9s;animation-delay:.9s}

.active .am-delay-10{-webkit-animation-delay:1s;-moz-animation-delay:1s;animation-delay:1s}

.active .am-delay-11{-webkit-animation-delay:1.1s;-moz-animation-delay:1.1s;animation-delay:1.1s}

.active .am-delay-12{-webkit-animation-delay:1.2s;-moz-animation-delay:1.2s;animation-delay:1.2s}

}

.bubbly-button:after,.bubbly-button:before{position:absolute;content:"";display:block;width:140%;height:100%;left:-20%;-webkit-transition:all ease-in-out .5s;-moz-transition:all ease-in-out .5s;transition:all ease-in-out .5s;background-repeat:no-repeat}

.bubbly-button:before{display:none;top:-75%;background-image:-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,transparent 20%,#0079c3 20%,transparent 30%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%);background-image:-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,transparent 20%,#0079c3 20%,transparent 30%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%);background-image:radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,transparent 20%,#0079c3 20%,transparent 30%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%}

.bubbly-button:after{display:none;bottom:-75%;background-image:-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%),-webkit-radial-gradient(circle,#0079c3 20%,transparent 20%);background-image:-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%),-moz-radial-gradient(circle,#0079c3 20%,transparent 20%);background-image:radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,transparent 10%,#0079c3 15%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%),radial-gradient(circle,#0079c3 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%}

@-webkit-keyframes topBubbles{

0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}

50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}

100%{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}

}

@-moz-keyframes topBubbles{

0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}

50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}

100%{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}

}

@keyframes topBubbles{

0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}

50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}

100%{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}

}

@-webkit-keyframes bottomBubbles{

0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}

50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}

100%{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}

}

@-moz-keyframes bottomBubbles{

0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}

50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}

100%{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}

}

@keyframes bottomBubbles{

0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}

50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}

100%{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0 0,0 0,0 0,0 0,0 0,0 0}

}



@media screen and (max-width:1024px){

.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}

}

@-webkit-keyframes clockwise{

0%{-webkit-transform:rotate(0);transform:rotate(0)}

100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}

}

@-moz-keyframes clockwise{

0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}

100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}

}

@keyframes clockwise{

0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}

100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}

}

@-webkit-keyframes donut-rotate{

0%{-webkit-transform:rotate(0);transform:rotate(0)}

50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}

100%{-webkit-transform:rotate(0);transform:rotate(0)}

}

@-moz-keyframes donut-rotate{

0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}

50%{-webkit-transform:rotate(-140deg);-moz-transform:rotate(-140deg);transform:rotate(-140deg)}

100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}

}

@keyframes donut-rotate{

0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}

50%{-webkit-transform:rotate(-140deg);-moz-transform:rotate(-140deg);transform:rotate(-140deg)}

100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);transform:rotate(0)}

}








.banner .txts{position:absolute;left:0;right:0;bottom:0;padding-bottom:7.92%;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.3)}

.banner .en{text-transform:capitalize}

.banner .en1{margin-bottom:2px;font-size:54px}

.banner .ch{font-size:60px}

.banner .en2{margin-top:2px;font-size:16px;line-height:1.6}

.banner .slick-dots{left:50%;right:50%;bottom:8%;margin:0 -660px;text-align:left}

.banner .slick-dots li{margin:0 12px 0 0;border-radius:5px;background:#fff}

.banner .slick-dots .slick-active{width:54px;background:#fff!important}

#mouse{position:absolute;z-index:199;bottom:30px;left:50%;margin-left:-15px;border:2px solid #fff;width:26px;height:40px;border-radius:15px;cursor:pointer}

#mouse:before{content:"";position:absolute;top:6px;left:11px;width:4px;height:8px;border-radius:2px;background:#fff;-webkit-animation:mouse 2s infinite;-moz-animation:mouse 2s infinite;animation:mouse 2s infinite}

@-webkit-keyframes mouse{

0%{top:6px;opacity:1}

100%{top:16px;opacity:0}

}

@-moz-keyframes mouse{

0%{top:6px;opacity:1}

100%{top:16px;opacity:0}

}

@keyframes mouse{

0%{top:6px;opacity:1}

100%{top:16px;opacity:0}

}










@media screen and (max-width:1366px){

.banner .en1{font-size:44px}

.banner .ch{font-size:50px}

.banner .en2{font-size:14px}


.banner .slick-dots{margin:0 -500px}

}

@media screen and (max-width:1201px){

.ix-pro .slick-prev{left:0}

.ix-pro .slick-next{right:0}

}



@media screen and (max-width:1024px){



.banner .slick-dots{position:static;margin:0;padding:20px 0;text-align:center;background:#ccc}

.banner .slick-dots .slick-active{width:10px;background:#d9251d!important}

.banner .slick-dots li{margin:0 6px}

.banner .txts{padding-bottom:5%}


#mouse{display:none}


}

@media screen and (max-width:861px){

.banner .en1{font-size:34px}

.banner .ch{font-size:40px}

.banner .en2{line-height:1;font-size:12px}


}



@media screen and (max-width:601px){

.banner .en1{font-size:28px}

.banner .ch{font-size:32px}


}

@media screen and (max-width:481px){

.banner .en1{font-size:20px}

.banner .ch{font-size:24px}

.slick-dots li{width:8px;height:8px}

.banner .slick-dots li{margin:0 4px}

.banner .slick-dots{padding:10px 0}

.banner .slick-dots .slick-active{width:8px}

}



.pbanner{text-shadow:0 0 5px rgba(0,0,0,.3);color:#fff}

.pbanner a{color:#fff}

.pbanner .txts{position:absolute;left:0;right:0;bottom:60px}

.pbanner .en{margin-bottom:8px;font-size:60px;text-transform:capitalize}

.pbanner .ch{border-left:4px solid #fff;padding-left:11px;font-size:36px;line-height:1}



@media screen and (max-width:1366px){

.pbanner .en{font-size:48px}

.pbanner .ch{font-size:30px}



}





@media screen and (max-width:1024px){

.pnav .pw2{width:100%}


.pbanner .pic2>img{-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;transform:none!important}

}

@media screen and (max-width:861px){

.pbanner .txts{padding-bottom:5%;bottom:0}

.pbanner .en{font-size:38px}

.pbanner .ch{font-size:24px}

}


@media screen and (max-width:601px){

.pbanner .ch{border:none;padding-left:0}

.ab-ti .ch{font-size:24px;padding-bottom:2.5vw}



}

@media screen and (max-width:481px){

.ab-ti .ch{font-size:22px}

.honor-list a{width:50%}

.ab-bra .tx,.ab-ti .freeTx{font-size:14px}

.ab-bra .ix-more{width:106px;height:38px;border-width:1px;font-size:12px;line-height:38px}

.pbanner .ch{font-size:22px}

.pbanner .en{margin-bottom:4px;font-size:30px}

}