@charset "utf-8";
/***public***/
*{ margin:0; padding:0; }
img{ width: 100%; display: block;}
.c:after{content:" "; clear:both; height:0; visibility:hidden; display:block;}
.c{*zoom:1;}
.hh{display:block;text-indent:-999em;overflow:hidden;}
.hide{width:0;height:0;overflow:hidden;display:none;}
.pr{position: relative;}
.pa{ position: absolute;}
i,em{font-style: normal;}
html{font-size:100px;}
body,html{width:100%;height:100%;touch-action:none;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
body{font: .22rem/1.75 -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif; background:#223146; font-size:0.2rem; color:#1478a2; position: relative; overflow-x: hidden;
    -webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;}
html{-webkit-tap-highlight-color:rgba(0,0,0,0);}

/*-------page public-------*/
.wrapper{ position: absolute; top: 0; left: 0; z-index:1; width: 100%; height: 100%;  overflow: hidden;
    background:#223146; background-size:100% 100%;  transform-origin: 0 0;}
.mid{width: 100%;height:11.7rem;position: absolute;left:0;top:50%;margin-top:-5.85rem;text-align: left;}
.swiper-container {position: relative;  width: 100%;height: 100%;}
.swiper-slide {overflow: hidden;text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;
    -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.menu li a,.comm{ background: url("../img/comm.png") no-repeat; background-size:7.5rem auto; display: block;}
.flex{ display: flex;  display: -webkit-flex;  flex-flow: wrap;  -webkit-flex-flow: wrap;}

/*------- index-slide ------*/
.swiper-slide,.index-bg,.p2-bg{ background-position:center center; background-repeat: no-repeat; background-size:100% auto; width: 100%; height: 100%;}
.index-slide .index-bg{ background-image:url("../img/bg1-1.jpg");  position: absolute; left: 0; top: 0;}
.x-logo{background: url("../img/logo.png") no-repeat; background-size: 2.5rem auto; width: 2.5rem; height: 1.18rem; display: block; position: absolute; left: .2rem; top: 0; z-index: 99;}
.slg-con{width:7.5rem;height:3.78rem; position: absolute; left: 0; bottom: .7rem;}
.slogan{ width:7.5rem;height:3.78rem; background: url("../img/slg1.png") no-repeat; background-size: 7.5rem auto; position: absolute; left: 0; bottom: .1rem;  z-index:2;}
.video-play{ width: 1.5rem; height: 1.5rem; background-position: -1.5rem -.04rem; position: absolute; left: 1.16rem; top: 1.7rem; text-indent: -999em;}
.video-play:before {content: '';position: absolute;left: 50%;top: 50%;width: .54rem; height: .54rem; margin: -.27rem 0 0 -.27rem;
    background: url("../img/comm.png") no-repeat -6.1rem -.04rem; background-size:7.5rem auto; display: block; z-index: 3;}
.video-play:after  {content: '';position: absolute;left: 0;top: 0;width: 1.5rem; height: 1.5rem;
    background: url("../img/comm.png") no-repeat 0 -.04rem; background-size:7.5rem auto; display: block;}
.h-txt{ width: 4.74rem; height: .74rem; background-position: 0 -1.75rem; position: absolute; left: 50%; margin-left:-2.24rem; bottom: -.14rem; }
.check-bg,.check-bg a,.check-bg i{ background: url("../img/home-qh.png") no-repeat; background-size: 2.94rem auto; display: block; text-indent: -999em;}
.check-bg{ width: 1.42rem; height: 3.98rem; position: absolute; top: .84rem; left: 0;}
.check-bg a{ width: 1.2rem; height: 1.2rem; background-position: -1.58rem 0; position: absolute; top: 1.38rem; right: 0; display: block;}
.check-bg i{ width: 1.2rem; height: 1.2rem; background-position: -1.58rem -1.35rem; position: absolute; top: 0; right: 0;}

.night .index-bg{background-image:url("../img/bg1-2.jpg");}
.night .slogan{ background: url("../img/slg2.png") no-repeat; background-size: 7.5rem auto; }
.night .video-play{ background-position: -4.48rem -.04rem;}
.night .video-play:after {content: '';background: url("../img/comm.png") no-repeat -3rem -.04rem; background-size:7.5rem auto; display: block;}
.night .h-txt{ background-position: 0 -2.48rem;}
.night .check-bg i{ background-position: -1.58rem -2.68rem;}
.down-arrow{ width: .7rem; height: .46rem; display: block; position: absolute; left: 50%; margin-left: -.35rem; bottom: 0; z-index: 99;}

/*------- p-slide1 ------*/
.m-pagination{ display: none; color: #e9833e;  width: 100%; text-align: center; height: .56rem; position: absolute; left: 0; margin-left: 0;  top:50%; margin-top: -5.75rem;   z-index: 10;}
.m-pagination li{ background: url("../img/comm.png") no-repeat -5.14rem -1.74rem; background-size:7.5rem auto; width:2.22rem; height: .62rem; display: inline-block; margin:0 .05rem; font-size: .22rem;
    line-height: .62rem; text-align: center; color: #157ca6; }
.m-pagination li:nth-child(1){display: none !important;}
.m-pagination li.active{ background: url("../img/comm.png") no-repeat -5.14rem -2.48rem; background-size: 7.5rem auto;   color: #fff;}
.p-slide1,.p-slide3{background-image:url("../img/p1-bg.jpg");}
.tit-top{ width: 100%; position: absolute; left: 0; top: .88rem;}
.tit{ background: url("../img/p-tit.png") no-repeat; background-size: 7.5rem auto; display: block; width: 2.8rem; height: .58rem; margin: 0 auto;}
.tit-top i{width: 2.12rem; height: .34rem; position: absolute; top: .48rem;}
.tit-top .i-l{ background-position: 0 -.76rem; left: 0;}
.tit-top .i-r{ background-position: -3.01rem -.76rem; right: 0;}
.tips{font-size: .22rem; padding-top: .08rem; line-height: .24rem; text-align: center;}
.p-slide1 .img-list{ width: 100%; justify-content: center; margin-top: 2.08rem;}
.p-slide1 .img-list li{ width: 2.95rem; }
.p-slide1 .img-list li:nth-child(2){ width: 3.9rem; margin-left: .09rem;}
.p-slide1 .img-list li div{margin-bottom: .09rem; width: 100%; height: 2.84rem; position: relative;}
.p-slide1 .img-list .li1{height: 3.3rem;}
.p-slide1 .img-list .li4{height: 6.22rem;}
.p-slide1 .img-list img{ width: 100%; height: auto; margin: 0 auto;}
.p-slide1 .img-list li a{ width: 1.46rem; height: .5rem; background-position: 0 -3.24rem; position: absolute; left: .95rem;  bottom: .16rem;}
.p-slide1 .img-list li:nth-child(2) a{ left: 1.09rem;}
.p-slide1 .img-list li .details-btn{background-position: -1.48rem -3.24rem;}

/*------- p-slide2 ------*/
.p2-bg{background-image:url("../img/p2-bg.jpg");}
.p-slide2 .txt-l,.p-slide2 .txt-r{ width: 3.75rem;height: 6.92rem; margin-top: .24rem; position: absolute; top: .56rem;}
.p-slide2 .txt-l{ left: 0;}
.p-slide2 .txt-r{ right: 0;}
.p-slide2 .open-btn{ background: url("../img/p2-open.png") no-repeat; background-size: 2.67rem auto; width: 2.67rem; height: 2.67rem; position: absolute;
    left: 50%; margin-left:-1.335rem; top: 5.27rem; display: block; z-index: 20; }
.p-slide2  .cloud{ background: url("../img/p2-cloud.png") no-repeat; background-size: 7.5rem auto; width: 7.5rem; height: 1.52rem; position: absolute; left: 0; top: 9.24rem;}
.s2-bg{ width: 2.46rem; height: 6.26rem; position: absolute; left: 0; top: 0;}
.s2-bg  .s2-k{ background: url("../img/p02-txt-bg.png") no-repeat; background-size: 2.46rem auto; width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.s2-bg .s-tit1{ width: 2.24rem; height: 1.76rem; background-position: 0 -1.4rem; position: absolute; top: 1.14rem; left: 50%; margin-left: -1.12rem;}
.s2-bg .s-tit2{ width: 1.76rem; height: 2.1rem; background-position: -2.68rem -1.4rem; position: absolute; top: 3.36rem; left: 50%; margin-left: -.88rem;}
.s2-list a{background: url("../img/comm.png") no-repeat; background-size:7.5rem auto; display: block; width: .46rem; height: 1.64rem; text-indent: -999em; position: absolute;}
.s2-list .a1{ background-position: 0 -3.79rem; left: 2.88rem; top: 4.97rem;}
.s2-list .a2{ background-position: -.62rem -3.79rem;  left: 3.79rem; top:6.3rem;}
.s2-list .a3{ background-position: -1.26rem -3.79rem; left: 6.15rem; top: 6.95rem;}
.s2-list .a4{ background-position: -1.89rem -3.79rem; left: 5.55rem; top: 3.58rem;}

.p2-con2-box1,.p2-con2-box2{width: 5.8rem; height: 5.8rem;}
.p2-con2-box2 a{position: absolute;display: none;z-index: 999;}
.p2-con2-box2 .a5{left: 2.15rem;top: 4.85rem;background: url("../img/p2-img1.png"); background-size: 1.84rem auto; width: 1.84rem;height: 2.72rem;}
.p2-con2-box2 .a6{left: 2.22rem;top: 6.18rem;background: url("../img/p2-img2.png"); background-size: 3.28rem auto; width: 3.28rem;height: 2.97rem;}
.p2-con2-box2 .a7{left: 5.73rem;top: 6.83rem;background: url("../img/p2-img3.png"); background-size: 1.68rem auto; width: 1.68rem;height: 2.57rem;}
.p2-con2-box2 .a8{left: 5.42rem;top: 3.47rem;background: url("../img/p2-img4.png"); background-size: 1.88rem auto; width: 1.88rem;height: 2.6rem;}
.p2-zz-box{width: 100%;height: 100%;background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: 2;display: none; }
.p-slide2 .slide2-2{ display: none;}
.p-slide2.show .p2-bg{background-image:url("../img/p02-bg.jpg");}

/*------- p-slide3 ------*/
.p-slide3  .tit2{ background-position: -3.55rem 0;}
.p-slide3  .p3-k1{ background: url("../img/p3-k1.png") no-repeat; background-size: 7.5rem auto; width: 7.5rem; height: 6.07rem; margin: 1.84rem auto 0;}
.p-slide3 .tit-top{top: 1rem;}
.p-slide3 .tit-top i{ top: .3rem;}
.p3-list{padding-top: .54rem; padding-left: .6rem;}
.p3-list li{width: 6.48rem; height: 1.56rem; margin-bottom:.2rem; background-size: 6.48rem auto;  background-repeat: no-repeat; position: relative;}
.p3-list .p3-txt1{background-image:url("../img/p3-txt1.png"); background-size: 6.49rem auto; width: 6.49rem; height: 1.85rem;}
.p3-list .p3-txt2{background-image:url("../img/p3-txt2.png"); }
.p3-list .p3-txt3{background-image:url("../img/p3-txt3.png"); }
.p3-list li p{ width: 4.4rem; padding: .2rem 0 0 1.88rem; font-size: .2rem; color: #7e521e; line-height: .3rem;}
.red{ color: #dd3b09;}
.p3-k1 li a{ background: url("../img/p3-add-btn.png") no-repeat; background-size: 1.42rem auto; width: 1.42rem; height: .48rem; display: block; text-indent: -999em;
    position: absolute; right: .3rem; bottom: .24rem;}
.p3-k1 li .xw-btn{ background-position: 0 -.55rem;}
.p3-k1 li .jbtx-btn{ background-position: 0 -1.1rem;  bottom: .28rem; right: 1.92rem;}
.p3-k1 li .jhgl-btn{ background-position: 0 -1.66rem; bottom: .07rem; height: .68rem;}
.p3-k2 .djck-btn{ width: 1.28rem; height: .46rem; background-position: -4.51rem -3.24rem; position: absolute; right: .22rem;  top: .9rem;}
.p-slide3 .p3-k2{ background: url("../img/p3-k2.png") no-repeat; background-size: 7.5rem auto; width: 7.5rem; height: 2.76rem; margin: .18rem auto 0; position: relative;}
.p3-k2-1 .k2-txt1{ position: absolute; top: .57rem; left: 2.86rem; font-size: .22rem; color: #63a5c1;}
.p3-k2-1 .k2-txt1 span{ line-height: .32rem; display: block;}
.p3-k2 .djck-btn{ background-position: -3.07rem -3.24rem; top: 1.9rem; left: 2.97rem;}
.p3-k2 .xwg-ck{ left: 5.72rem;}
.p-slide3 .p3-role{ background: url("../img/p3-role.png") no-repeat; background-size: 1.52rem auto; width: 1.52rem; height: 3.63rem; position: absolute; left: 0; top: .36rem;}


/*video*/
#vbox2 i {font: .8rem/.8rem simsun;color: #7691d8;position: absolute;top: .22rem;right: .1rem;z-index: 9;cursor: pointer;}
#vbox2{display: none;position: fixed;z-index: 200;top: 0;left: 0;height: 100%;width: 100%;background-color: rgba(0,0,0,0.9);}
#vbox2 video {position: absolute;width: 100%;left: 0;right: 0;top: 50%;    height: 360px;margin-top: -180px;}

/*pop*/
.pop{ background: url("../img/popbg1.png") no-repeat; background-size: 7.14rem auto; width: 7.14rem; height: 10.94rem;  position:relative; font-size:.22rem; color:#3e6d86;
    display:none; outline: none; margin: .14rem  auto 0;}
.pop .btn-close{ background: url("../img/close.png") no-repeat; background-size: .5rem auto; width: .5rem; height: .5rem;
    position: absolute; top: -.42rem; right: .32rem;  z-index: 999;}
.pop .pop-con{ width: 6.08rem; margin: 0 auto; padding-top: .4rem;}
.pop-list{ margin-top: .2rem;}
.pop-txt{ line-height: .36rem;}
.h3-tit,.pop-tit{ background: url("../img/pop-txt.png") no-repeat; background-size: 7.04rem auto; display: block; text-indent: -999em; margin-left: -.04rem;}
.pop .pop-tit{ width: 2.08rem; height: .42rem; margin: 0 auto;}
.pop-time{ background: url("../img/pop-time-bg.png") no-repeat; background-size: 4.54rem auto; width: 4.54rem; height: .44rem; line-height: .44rem;
    color: #1986b4; text-align: center; margin: .08rem auto .16rem;}
.pop-roll p{ text-align: left; }
.pop-roll .pop-txt{ text-indent: 2em;}
.pop-tab-box{ width: 5.76rem; margin:.16rem 0 .16rem 0;}
.pop-tab-box table{width: 100%; }
.pop-tab-box th{ background: #d5c98f; color: #704824; padding: .12rem 0; line-height: .24rem; border-right: 1px #e4f3fa solid; text-align: center;}
.pop-tab-box tr{ border-bottom:1px #e4f3fa solid; }
.pop-tab-box td{ background: #cdeaf5; color: #3e6d86; padding: .12rem 0; line-height: .24rem;  border-right: 1px #e4f3fa solid; text-align: center;}
.pop-tab-box td:last-child,.pop-tab-box th:last-child{ border-right: none;}
.pop-tab-box tr:last-child{ border-bottom:none; }
.pop-roll{  width: 5.88rem; height: 8.6rem; padding-left: .08rem; padding-right:.1rem;  margin: 0 auto;  position: relative; overflow-x: hidden; overflow-y: auto; }
.pop-roll::-webkit-scrollbar {width: .1rem;border-radius: .04rem;background-color: #aacbdb;}
.pop-roll::-webkit-scrollbar-thumb {border-radius: .04rem; background-color: #dfdab7;}
.pop-txt i{ color: #dd3b09;}
.pop .h3-tit{ width: 3.36rem; height: .34rem; margin-bottom: .2rem;}
.pop .h3-tit1{ background-position: 0 -.48rem;}
.pop .h3-tit2{ background-position: 0 -3.83rem;}
.pop .h3-tit3{ background-position: 0 -.85rem;}
.pop .pop1-img1{ width: 4.56rem; height: 1.8rem;}

.pop-swiper-container1{ width: 5.8rem; height: 3.3rem; }
.pop .pop-list .img-roll{ background: url("../img/pop1-roll-bg.png") no-repeat; background-size: 4.66rem auto; width: 4.66rem; height: 2.88rem; }
.pop .pop-list .img-roll img{ width: 4.48rem; height: 2.69rem; margin: .1rem auto 0;}
.pop .swiper-pagination-bullet { background: url("../img/comm.png") no-repeat; background-size: 7.5rem auto;display: block;text-indent: -999em;}
.pop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.pop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: inline-block;width: .26rem;height: .26rem;background-position: -6.29rem -4.23rem;opacity: 1;margin:0 .04rem; cursor: pointer;}
.pop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,
.pop .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-position: -5.89rem -4.23rem;}
.pop .swiper-pagination{bottom: 0; line-height: .26rem;}
.pop .swiper-slide{ align-items: stretch; -webkit-align-items: stretch;}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: .35;}
.arrow-left,.arrow-right{position: absolute;top: 1.09rem; width: .54rem; height: .76rem;z-index: 6;}
.arrow-left{ left:.06rem;background-position: -6.75rem -6.62rem;}
.arrow-right{right:.06rem;background-position: -6.74rem -7.62rem;}

.pop-2 .pop-tit1{ width: 1.66rem; height: .42rem; background-position: -2.29rem 0;}
.pop-2 .pop-time{ background: url("../img/pop-time-bg2.png") no-repeat; background-size: 3.46rem auto; width: 3.46rem; height: .42rem; line-height: .42rem; }
.pop-2 .h3-tit1{ background-position: 0 -1.27rem;}
.pop-2 .h3-tit2{ background-position: 0 -1.67rem;}
.pop-2 .pop2-img1{ width: 5.58rem; height: 4.32rem; margin: .18rem auto .18rem;}
.pop-2 .pop-list:last-child p{text-indent: 0;}
.pop-2 .ts-ul li{ text-indent: -1.4em; padding-left: .3rem; letter-spacing: -1px;}

.pop-3 .pop-list{margin-top: .22rem;}
.pop-3 .pop-tit1{ width: 1.66rem; height: .42rem; background-position: -4rem 0;}
.pop-3 .h3-tit1{ background-position: 0 -2.09rem;}
.pop-3 .h3-tit2{ background-position: 0 -2.52rem;}
.pop-3 .h3-tit3{ background-position: 0 -5.28rem;}
.pop-3 .h3-tit4{ background-position: 0 -5.7rem;}
.pop-3 .pop-txt a{ color: #99842e; text-decoration: underline;}

.pop-4 .pop-list{margin-top: .3rem;}
.pop-4 .pop-tit1{ width: 5.54rem; height: .42rem; background-position: 0 -4.28rem;}
.pop-4 .h3-tit1{ background-position: 0 -2.93rem;}
.pop-4 .h3-tit2{ background-position: 0 -3.35rem;}
.pop-4 .h3-tit3{ background-position: 0 -4.84rem;}
.pop-4 .pop-tab-box td.tl{ padding: .12rem .1rem; line-height: .28rem; text-align: left;}

.pop-1{ background: url("../img/popbg2.png") no-repeat; background-size: 7.14rem auto; width: 7.14rem; height: 11.24rem; }
.pop-film1{background: url("../img/pop-film-bg1.png") no-repeat 0 0; background-size: 5.82rem 2.31rem; width: 5.82rem; height: 2.31rem; margin: .2rem auto; z-index: 1; display: block; position: relative;}
.pop-film1 #showPic{ width: 7.5rem; height: 4rem; position: absolute; left: -.8rem; top: -.96rem; z-index: 3; }
.pop-film1 #showPic img{ width: 100%; height: 100%;}
.pop-1 .pop-roll{height: 9.2rem;}
.pop-1 .pop-list:last-child{ margin-top: .5rem;}

.pop-gs{color: #1986b4; font-size: .18rem;}
.pop-gs-tit,.h3-gs-tit,.list-gs-tit{ background: url("../img/pop-txt2.png") no-repeat;  background-size: 7.5rem auto; display: block; text-indent: -999em; width: 4.2rem; height: .48rem; margin-bottom: .06rem;}
.pop-gs p{ line-height: .28rem;}
.pop-roll-no{  width: 5.98rem; margin: 0 auto; position: relative;}
.pop-roll-no p{ text-align: left; }
.pop-roll-no .pop-txt{ text-indent: 2em;}
.pop-gs-tit{margin: 0 auto;}
.h3-gs-tit{ width: 1.26rem; height: .38rem; margin-left: -.02rem;}
.pop-5 .pop-list{margin-top: .18rem;}
.pop-5 .pop-gs-tit1{ background-position: 0 -1.5rem;}
.pop-5 .h3-gs-tit1{ background-position: 0 -2.99rem;}
.pop-5 .h3-gs-tit2{ background-position: -1.3rem -2.99rem; }
.pop-gs-role{ width: 2.96rem; height: 6.5rem; position: absolute; left: -.36rem; bottom: -.36rem;}
.pop-5 .pop-ml{ margin-left: .94rem;}
.pop-5 .pop-ml p{width: 4.78rem; margin-left: .32rem; line-height: .26rem;}

.pop-gs .pop-roll{height: 9.06rem;}
.pop-6 .pop-gs-role{ width: 3.14rem; height: 6.82rem; position: absolute; left: auto; bottom: auto; right: -.2rem; top: .2rem; z-index: -1;}
.pop-6 .pop-gs-tit1{ background-position: 0 -1rem; margin-bottom: .3rem;}
.pop-6 .h3-gs-tit1{ background-position: 0 -2.05rem; width: 4.02rem; }
.pop-6 .h3-gs-tit2{ background-position: -4.13rem -2.05rem; width: 1.46rem;}
.pop-list-wz,.pop-6 .pop-list{ width: 5.74rem; margin: .24rem auto 0;}
.pop-list-wz .list-tit-more{ width: 100%; background: #d5c98f; height: .37rem; line-height: .37rem; font-size: .18rem; color: #704824; text-align: center; }
.pop-list-wz .list-bottom{ background: rgba(198,227,238,.6); padding: .12rem .14rem; display: block;}
.pop-list-wz .list-gs-tit{ width: .5rem; height: .26rem; margin: 0 auto; display: inline-block;}
.pop-list-wz .list-tit1{ background-position: 0 -2.54rem;}
.pop-list-wz .list-tit2{ background-position: -.6rem -2.54rem;}
.pop-list-wz .list-tit3{ background-position: -1.28rem -2.54rem;}
.pop-list-wz .list-tit4{ background-position: -1.96rem -2.52rem;}
.pop-list-wz .list-tit5{ background-position: -2.63rem -2.54rem;}
.pop-6 .pop-txt{text-indent: 0;}
.pop-6 .pop-list-zi .pop-txt{text-indent: 2em;}

.pop-7 .pop-gs-tit1{ background-position: 0 -.5rem; margin-bottom: .2rem;}
.pop-list-bg{ background:url("../img/pop-ytxt-bg.png") no-repeat; background-size: 4.9rem auto; width: 4.9rem; height: 7.72rem; margin-top: .26rem; margin-left: 1.14rem;
    padding: .12rem 0 0 .92rem; box-sizing: border-box;}
.pop-7 .pop-list-bg .pop-list{ width: 3.7rem; padding-right: .12rem; height: 2.16rem; margin-top: 0; margin-bottom: .49rem;}
.pop-7 .pop-list-bg .pop-list{  position: relative; overflow-x: hidden; overflow-y: auto; }
.pop-7 .pop-list-bg .pop-list::-webkit-scrollbar { width: .08rem;border-radius: .1rem;background-color: #aacbdb;}
.pop-7 .pop-list-bg .pop-list::-webkit-scrollbar-thumb {border-radius: .1rem; background-color: #dfdab7;}
.pop-7 .pop-gs-role{ width: 3.62rem; height: 6.78rem; position: absolute; left: -.16rem; bottom: -.84rem;}
.pop-7 .pop-list-bg .pop-txt{text-indent: 0;}

.pop-8{ background: url("../img/popbg3.png") no-repeat; background-size: 7.14rem auto; width: 7.14rem; height: 6.52rem; }
.pop-8 .pop-gs-tit1{ margin-bottom: .38rem;}
.pop-8 .pop-txt-img{ background: url("../img/pop-gs-txt.png") no-repeat; background-size: 2.78rem auto; width: 2.78rem; height: 4.2rem; margin-left: 3rem; text-indent: -999em;}
.pop-8 .pop-gs-role{ width: 3.46rem; height: 5.86rem; position: absolute; left: -.16rem; bottom: -.42rem;}


/*index ani*/
.index-slide.fadeIns{-webkit-transition: all .6s; opacity: 0;}
.index-slide.swiper-slide-active.fadeIns {-webkit-transform: translate3d(0, 0 ,0);opacity: 1;}

.slg-con{opacity: 0;}
.index-slide.swiper-slide-active .slg-con {-webkit-animation: sloganAni .4s 0s linear both;animation: sloganAni .4s 0s linear both;}
@-webkit-keyframes sloganAni{
    0%{-webkit-transform:scale(1.8);opacity:0;}
    60%{-webkit-transform:scale(1);opacity:1;}
    65%{-webkit-transform:translate(-4px,-4px);}
    70%{-webkit-transform:translate(0,0);}
    75%{-webkit-transform:translate(4px,4px);}
    80%{-webkit-transform:translate(0,0);}
    85%{-webkit-transform:translate(-4px,4px);}
    90%{-webkit-transform:translate(0,0);}
    95%{-webkit-transform:translate(4px,-4px);}
    100%{-webkit-transform:translate(0,0);opacity:1;}
}
@keyframes sloganAni{
    0%{transform:scale(1.8);opacity:0;}
    60%{transform:scale(1);opacity:1;}
    65%{transform:translate(-4px,-4px);}
    70%{transform:translate(0,0);}
    75%{transform:translate(4px,4px);}
    80%{transform:translate(0,0);}
    85%{transform:translate(-4px,4px);}
    90%{transform:translate(0,0);}
    95%{transform:translate(4px,-4px);}
    100%{transform:translate(0,0);opacity:1;}
}

.video-play:after{ content: ''; -webkit-animation: rotating 3s linear infinite;animation: rotating 3s linear infinite;}
@-webkit-keyframes rotating{100%{-webkit-transform:rotate(360deg);}}
@keyframes rotating{100%{transform:rotate(360deg)}}

.down-arrow i{ width: 100%; height: 100%; background-position: -6.15rem -3.28rem;}
.down-arrow i{animation:flow 1s .6s ease-in infinite alternate;-webkit-animation:flow 1s .6s ease-in infinite alternate; }
@keyframes flow{0%{transform:translateY(-0.04rem);}100%{transform:translateY(0.04rem);}}
@-webkit-keyframes flow{0%{-webkit-transform:translateY(-0.04rem);}100%{-webkit-transform:translateY(0.04rem);}}

.home-con .slogan{animation: slg 3s .4s linear infinite alternate;-webkit-animation:slg 3s .4s linear infinite alternate;}
@keyframes slg { 0%{transform: translate(0,0);} 100%{transform:translate(.08rem,.08rem)} }
@-webkit-keyframes slg { 0%{-webkit-transform: translate(0,0);} 100%{-webkit-transform:translate(.06rem,0.06rem)} }

.home-con .h-txt{animation: h-txt 3s .4s linear infinite alternate;-webkit-animation: h-txt 3s .4s linear infinite alternate;}
@keyframes h-txt { 0%{transform: translate(0,0);} 100%{transform:translate(0.04rem,-0.04rem)} }
@-webkit-keyframes crane2 { 0%{-webkit-transform: translate(0,0);} 100%{-webkit-transform:translate(0.04rem,-0.04rem)} }

.check-btn,.video-play:before{animation:findenlarge 1s ease-in-out infinite alternate;-webkit-animation:findenlarge 1s ease-in-out infinite alternate;}
@keyframes findenlarge{ from{transform: scale(0.9);} to{transform: scale(1)} }
@-webkit-keyframes findenlarge{ from{-webkit-transform: scale(0.9);} to{-webkit-transform: scale(1)} }

.open-btn{-webkit-animation: redpack 2s linear infinite;animation: redpack 2s linear infinite;}
@keyframes redpack {
    from {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
    30% {-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1);}
    40% {-webkit-transform: scale3d(0.85, 1.15, 1);transform: scale3d(0.85, 1.15, 1);}
    50% {-webkit-transform: scale3d(1.15, 0.95, 1);transform: scale3d(1.15, 0.95, 1);}
    65% {-webkit-transform: scale3d(0.95, 1.05, 1);transform: scale3d(0.95, 1.05, 1);}
    75% {-webkit-transform: scale3d(1.05, 0.95, 1);transform: scale3d(1.05, 0.95, 1);}
    to  {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}

.p2-con2-box1 .a1{ animation-delay:0.4s; -webkit-animation-delay:0.4s;}
.p2-con2-box1 .a2{ animation-delay:0.8s; -webkit-animation-delay:0.8s; }
.p2-con2-box1 .a3{ animation-delay:1.2s; -webkit-animation-delay:1.2s;}
.p2-con2-box1 .a4{ animation-delay:.6s; -webkit-animation-delay:.6s;}
.p2-con2-box1 a{ animation:downUp 1.8s linear infinite; -webkit-animation:downUp 1.8s linear infinite; }
@keyframes downUp{0%{ transform:translateY(0);}25%{ transform:translateY(-.03rem);}50%{ transform:translateY(0);}75%{ transform:translateY(.03rem);}100%{ transform:translateY(0);}}
@-webkit-keyframes downUp{0%{ -webkit-transform:translateY(0);}25%{ -webkit-transform:translateY(-.03rem);}
    50%{ -webkit-transform:translateY(0);}75%{ -webkit-transform:translateY(.03rem);}100%{ -webkit-transform:translateY(0);}}


.img-list .li1 a{ animation-delay:0.4s; -webkit-animation-delay:0.4s;}
.img-list .li2 a{ animation-delay:0.8s; -webkit-animation-delay:0.8s; }
.img-list .li3 a{ animation-delay:1.2s; -webkit-animation-delay:1.2s;}
.img-list .li4 a{ animation-delay:.6s; -webkit-animation-delay:.6s;}
.img-list .li5 a{ animation-delay:.9s; -webkit-animation-delay:.9s;}
.img-list li a,.p3-k2 a{animation: zoom 1s linear infinite alternate;-webkit-animation: zoom 1s linear infinite alternate;}
@keyframes zoom { 0%{transform: scale(1)} 100%{transform: scale(1.06)} }
@-webkit-keyframes zoom { 0%{-webkit-transform: scale(1)} 100%{-webkit-transform: scale(1.06)} }