body{color: #808080;}
.auto{width:100%; max-width:14.4rem; margin:0 auto}
.swiper .swiper-pagination-bullet{width: .1rem; height: .1rem; opacity: 1; background: #fef7ec; cursor: pointer;}
.swiper .swiper-pagination-bullet-active{background: #ff752c;}
.c-img-box{overflow: hidden;}
.c-img{background-size: cover; transition: all .6s;}
.scroll-hint{display: none; margin-bottom: .1rem; color: #4d9162;}
.tach-tips {display: none; width: 1.3rem; pointer-events: none; position: absolute; right: 0; top: 30%; z-index: 999;}
.tach-tips-ic{width: .8rem;}
.tach-tips.animated {animation: tachTips 3s forwards;}

.loading{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:99999;background-color:#4d9162;animation:fadeHide 1s 3.2s ease-in-out 1 forwards;pointer-events:none;display:none;overflow:hidden}
.loading .logo_ic{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:fadeHide 1s 2.5s ease-in-out 1 forwards;z-index:99;overflow:hidden}
.loading .logo_ic img{width:200px;height:53px;position:relative;top:-53px;transition:all  .8s .2s ease}
.loading .yuan >div{position:absolute;top:50%;width:1377px}
.loading .yuan .ic1{left:-1377px;z-index:3;animation:rotate 4s linear infinite,left1 3s 1s ease-in-out  1 forwards}
.loading .yuan .ic2{left:-1712px;z-index:2;animation:rotate 6s linear infinite,left2 3s 1s ease-in-out  1 forwards}
.loading .yuan .ic3{left:-2047px;z-index:1;transform:translateY(-50%);animation:left3 3s 1s ease-in-out  1 forwards}
.loading.on .logo_ic img{top:0}


#header{width:100%;min-width:14.4rem; max-width: 22rem;margin:auto;position:fixed;top:0px;left:0px;right:0px;z-index:9999;transition:all cubic-bezier(0.48,0.04,0.52,0.96) .4s}
#header .header{position: relative; height:1rem; padding:0 .5rem; z-index:15;transition:all .4s}
#header .logo{float:left;height:100%;width:1.78rem;background:url(../images/logo.svg) no-repeat left center; background-size: contain;}
#header .nav{position: relative; z-index: 11; float: right; display:flex;justify-content:flex-end}
#header .nav ul{float:left}
#header .nav li{float:left;text-align:center;position:relative;margin-right:.48rem}
#header .nav li:last-child{margin-right:0;}
#header .nav li a{line-height:1rem;color:#fff;font-weight:bold;display:block;position:relative;transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s}
#header .nav li a.on{color:#4d9162}
#header .head_ri{float:right; display: flex; height: 100%; align-items: center;}
#header .lang-box{margin: 0 0 0 .4rem; float: left; position: relative; display: flex; align-items: center; width: auto;}
#header .lang-box span{padding: .1rem .2rem .1rem .29rem; min-width: .8rem; height: .6rem; line-height: .4rem; color: #fff; background: url(../images/icon-lang.png) no-repeat left center; background-size: .23rem; border: 0 none; transition: all .4s; font-weight: 600;}
#header .lang-box span:after{content: ""; display: block; position: absolute; right: 0; top: 50%; margin-top: -.06rem; width: .12rem; height: .12rem; background: url(../images/icon-down2.png) no-repeat center; background-size: 100%;}
#header .lang-box ul{display: none; position: absolute; z-index: 20; left: 0; top: .6rem; width: 100%; padding: .1rem 0; border: 1px solid #e4ede7; background: #fff; border-radius: .04rem;}
#header .lang-box li{color: #999; padding: 0; text-align: center;}
#header .lang-box li a{line-height: .34rem; transition: all .4s; color: #666; font-weight: 600;}
#header .lang-box li:hover a{color: #4d9162;}
#header .head-search{margin: 0 -.1rem 0 .2rem; width: .6rem; height: .6rem; background: url(../images/icon-seek.png) no-repeat center; cursor: pointer;}
.search-pop{position:absolute;left:0;right:0;top:1rem;transition:all .6s;height:0;opacity:0; z-index: 30;}
.search-pop .box{height:0;background-color:#f2f2f2;position:absolute;left:0;right:0;top:0;transition:all .6s; overflow: hidden; z-index: 30;}
.search-pop .box .auto{padding-top: .54rem;}
.search-pop .box .ipt{position:relative; height: .81rem; padding: .2rem 0; border-bottom:1px solid #dbdbdb;transition:all .4s; padding-left: .3rem;}
.search-pop .box .ipt:before{content: ""; display: block; position: absolute; left: 0; bottom: .3rem; width: .2rem; height: .2rem; background: url(../images/icon-seek.png) no-repeat center; background-size: contain;}
.search-pop .box .ipt:after{content: ""; display: block; position: absolute; left: 0; bottom: -1px; border-bottom: 1px solid #f57a38; width: 1.56rem;}
.search-pop .box .ipt input{width: 100%; color: #999; line-height: .4rem;}
.search-pop .box input::placeholder{color:#808080;}
.search-pop .close-area{display: none; position: absolute; left: 0; top: 2.4rem; height: calc(100vh - 3.4rem); width: 100%; z-index: 2;}
.c-mask{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 2; display: none;}
#header .search-pop.on{opacity: 1; z-index: 60;}
#header .search-pop.on .box{height:2.4rem; transition:all .6s}
#header .search-pop.on .close-area{display: block;}
.start #header,.start2 #header,.white #header,.whiteBg #header{padding:0}
.start #header .header,.start2 #header .header,.white #header .header,.whiteBg #header .header{background:#fff;box-shadow:0 0 .1rem rgba(0,0,0,.1)}
.start #header .nav li a,.start2 #header .nav li a,.white #header .nav li a,.whiteBg #header .nav li a{color:#666}
.start #header .nav li a.on,.start2 #header .nav li a.on,.white #header .nav li a.on,.whiteBg #header .nav li a.on{color:#4d9162}
.start.home #header,.start2.home #header,.white.home #header,.whiteBg.home #header{top:0}
.start #header .lang-box span,.start2 #header .lang-box span,.white #header .lang-box span,.whiteBg #header .lang-box span{color: #666; background-image:url(../images/icon-lang2.png);}
.start #header  .lang-box span:after,.start2 #header  .lang-box span:after,.white #header .lang-box span:after,.whiteBg #header .lang-box span:after{background-image:url(../images/icon-down.png);}
.start #header .logo,.start2 #header .logo,.white #header .logo,.whiteBg #header .logo{background-image:url(../images/logoOn.svg);}
#header .nav-bg{display: none; position:absolute;left:0;top:100%;width:100%;height:.72rem;background-color:rgba(36,103,57,.7);z-index:10}
#header .nav .dd{display: none; width:1000px; height:.72rem;padding-left: 1rem; position:absolute;left:-1rem;top:100%;}
.start #header .nav .dd a,#header .nav .dd a{float:left; height:.72rem; line-height:.72rem; margin:0 .24rem; color:rgba(255,255,255,.75);transition:all .4s;position:relative}
#header .nav .dd a:first-child{margin-left: 0;}
.start #header .nav .dd a:hover,#header .nav .dd a:hover{color: #fff;}
.nav-line{position: absolute; top: 0; height: .03rem; background: #4e9263;}



.fixedCt{display: none; position: fixed; width: .4rem; height: .4rem; background: url(../images/icon-top.png) no-repeat center; background-size: 100% 100%; bottom: 1rem; right: .3rem; z-index: 1100; cursor: pointer;}
.fixedCt:hover{background-image: url(../images/icon-topon.png);}

#footer{height:5rem; color:rgba(255,255,255,.3); background:#333;}
#footer .auto{position:relative}
#footer p a{display: inline;}
#footer .ri{position:absolute;right:0;top:0;width:881px;background:url(../images/fRi.png) no-repeat top}
#footer a{transition: all .4s;}
#footer a:hover{color: #fff;}
.footer-top{display:flex;justify-content:space-between;align-items:center;padding:.36rem 0;border-bottom:1px solid #434343;}
.footer-logo img{height:.39rem;}
.footer-links-right{display: flex; color:rgba(255,255,255,.3); align-items: center;}
.footer-links-right a{line-height: .38rem; transition: all .4s;}
.footer-links-right a:hover{color: #fff;}
.footer-links-right .separator{display: block; width: .03rem; height: .03rem; background: #717171; margin: 0 .12rem;}
.footer-links-right .wx{position: relative; width: .38rem; height: .38rem; margin-left: .16rem;}
.footer-links-right .wx .ma{position: absolute; bottom: .4rem;}
.footer-links-right .wx .pos {display: none;animation: fadeIn 1s forwards;width: 1.4rem;height: 1.4rem;padding: .1rem;background-color: #FFF;position: absolute;left: 50%;transform: translateX(-50%); bottom: .5rem;box-shadow: 0 0 .3rem .05rem #0000000d;z-index: 50;}
.footer-links-right .wx:hover .pos {display: block;}
.footer-middle{display:flex;flex-wrap:wrap;padding:.5rem 0;border-bottom:1px solid #555; height: 3.16rem;}
.footer-info{max-width: 30%;}
.footer-info h3{color:#fff;margin-bottom:.04rem}



#polyGroup{width: 3rem;}
#polyGroup span{position: relative; display:flex;align-items:center;margin-top:.26rem;height: 0.54rem; border: 1px solid #515151; background: url(../images/icon-globe.png) no-repeat .18rem center; background-size: .2rem; padding-left: .5rem;}
#polyGroup span:after{content: ""; display: block; position: absolute; top: 50%; margin-top: -.06rem; right: .19rem; width: .12rem; height: .12rem; background: url(../images/icon-down.png) no-repeat center; background-size: contain; transform: rotate(180deg);}
/* #polyGroup span:after{content: ""; display: block; position: absolute; left: .18rem; width:.2rem; top: .16rem; z-index: 5;} */
#polyGroup.c-down .c-ul{position: absolute; top: auto; bottom: 100%; left: 0; background-color:#474747;color:rgba(255,255,255,.3);border:none;outline:none; max-height: 3.2rem; padding: 0; line-height: .3rem; width: 100%;}
#polyGroup li{padding: 0; height: auto;}
#polyGroup li a{padding-left: .5rem; line-height: .5rem; color: #999; background: #474747; border-bottom: 1px solid #515151;}
#polyGroup li:last-child a{border: 0 none;}


.footer-column{margin-right: 1.4rem;}
.footer-column h3{color:#fff;margin-bottom:.12rem}
.footer-column ul{list-style:none;padding:0}
.footer-column ul li{margin-bottom:.04rem;}
.footer-column ul li a{text-decoration:none}
.footer-column:last-child{margin-right: 0;}
.footer-middle .ri-list{display: flex; margin-left: auto;}
.footer-bottom .auto{padding-top:.24rem}
.tech-support{float: right; text-decoration:none}


.page.law{padding: 1.9rem 0 1rem; background: #f2f2f2;}
.law .til-cn{color: #4c4c4c; line-height: 1.2; padding-bottom: .2rem; border-bottom: 1px solid #dbdbdb; margin-bottom: .3rem;}


.banner{width:100%;height:100vh;position:relative;max-width:2200px;left:0;right:0;top:0;margin:auto;z-index:2}
.banner .next,.banner .prev{width:.62rem;height:.62rem;position:absolute;top:46%;transform:translateY(-50%);transition:all .4s;border:2px solid #515151;z-index:100;opacity:0;outline:none;cursor:pointer;border-radius:50%}
.banner .next{right:20px;background:url(../images/next.png) no-repeat 50%;transform:translateX(100%)}
.banner .prev{left:20px;background:url(../images/prev.png) no-repeat 50%;transform:translateX(-100%)}
.banner:hover .next,.banner:hover .prev{opacity:1;transform:translateX(0)}
.banner .prev:hover{border-color:#e87131;background:#e87131 url(../images/prevon.png) no-repeat .12rem;}
.banner .next:hover{border-color:#e87131;background:#e87131 url(../images/nexton.png) no-repeat .28rem;}
.banner .content{height:100%;position:absolute;left:0;right:0;top:0;max-width:14.4rem;width:100%;margin:0 auto}
.banner .videoBox:before{content:'';width:100%;height:100%;background-color:#000;opacity:.2;filter:Alpha(opacity=20);position:absolute;left:0;top:0;z-index:1;-webkit-filter:Alpha(opacity=20)}
.banner .videoBox{position:relative;width:100%;height:100%}
.banner video{object-fit:cover;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;min-width:100%;min-height:100%;width:100%;height:100%}
.banner .mySwiper{height:100%}
.banner .mySwiper .swiper-slide a{width: 100%; height: 100%;}
.banner .mySwiper .swiper-slide a[href="javascript:;"]{cursor: auto;}
.banner .mySwiper .bg,.banner .mySwiper .m-bg{position:relative; height:100%;background-repeat:no-repeat;background-size:cover;background-position:center}
.banner .mySwiper .m-bg{display: none;}
.banner .txt{position:absolute;left:0;top:25.2%;z-index:3}
.banner .txt em{display:inline-block; vertical-align:top}
.banner .t1{color:#fff; font-family: "jyhpy";}
.banner .en{color:rgba(255,255,255,.5);text-transform:uppercase;line-height: 1.1;}
.banner .txt1 .t1{letter-spacing: .54rem;}
.banner .txt1 .en-img{height: .88rem;}
.banner .txt2 .en{color: #c0dbeb;}
.banner .txt3{left:auto;right:0;top:33.2%;}
.banner .txt3 .t1{margin-bottom: .16rem; color: #fff;}
.banner .txt3 .m-t1{display: none; color: #fff; line-height: 1.2;}
.banner .txt3 .m-t1 img{display: none;}
.banner .txt3 .t1 img{height: .6rem;}
.banner .txt3 .en{color: rgba(255,255,255,.7);}
.banner .txt4{top:24.2%; padding-top: 1rem;}
.banner .txt4 .en{color: #ea7332;}
.banner .animated .txt em{animation:reveal3 .1s forwards;color:transparent}
.banner .hd{position:absolute;bottom:.8rem;left:0;right:0;z-index:50;width:92%;max-width:14.4rem;margin:0 auto}
.banner .hd ul{display:flex;justify-content:flex-end;font-size:0;margin-right:-15px}
.banner .hd li{position:relative;width:16px;height:16px;border-radius:50%;text-align:center;cursor:pointer;border:3px solid transparent;margin:0 15px; background: no-repeat;}
.banner .hd li:after{content:"";display:block;position:absolute;left:50%;top:50%;width:6px;height:6px;background:#fff;border-radius:50%;margin:-3px 0 0 -3px}
.banner .hd li .l{position:absolute;width:8px;height:16px;top:-3px;left:-3px;overflow:hidden;border-radius:8px 0 0 8px; opacity: 0;}
.banner .hd li .r{position:absolute;width:8px;height:16px;top:-3px;right:-3px;overflow:hidden;border-radius:0 8px 8px 0; opacity: 0;}
.banner .hd li .l:after{content:" ";display:block;position:absolute;left:0;top:0;width:16px;height:16px;border-radius:50%;box-sizing:border-box;border:3px solid #fff;border-color:transparent #fff #fff transparent;transform:rotate(-45deg)}
.banner .hd li .r:after{content:" ";display:block;position:absolute;right:0;top:0;width:16px;height:16px;border-radius:50%;box-sizing:border-box;border:3px solid #fff;border-color:#fff transparent transparent #fff;transform:rotate(-45deg)}
.banner .hd li.swiper-pagination-bullet-active{border-color:rgba(255,255,255,.45)}
.banner .hd li.swiper-pagination-bullet-active .l,.banner .hd li.swiper-pagination-bullet-active .r{opacity: 1;}
.banner .hd li.swiper-pagination-bullet-active .l:after{-webkit-animation:circle_right 5s linear 1 forwards;-moz-animation:circle_right 5s linear 1 forwards;-o-animation:circle_right 5s linear 1 forwards;animation:circle_right 5s linear 1 forwards}
.banner .hd li.swiper-pagination-bullet-active .r:after{-webkit-animation:circle_right 4.9s 2.5s linear 1 forwards;-moz-animation:circle_right 4.9s 2.5s linear 1 forwards;-o-animation:circle_right 4.9s 2.5s linear 1 forwards;animation:circle_right 4.9s 2.5s linear 1 forwards}
.banner .hd li.swiper-pagination-bullet-active:after{background-color:transparent}
.banner .swiper-slide-active .content{display:block}
.banner .subscribe{display: none; position: absolute; left: 0; right: 0; bottom: .4rem; z-index: 20;}
.banner .subscribe .btns{display: flex;}
.banner .subscribe .btn{padding: 0 .2rem; height: .36rem; line-height: .36rem; border-radius: .08rem .08rem 0 0; background: #ebebeb; transition: all .4s; cursor: pointer;}
.banner .subscribe .btn.on{background: #fff;}
.banner .subscribe .ul{padding: .2rem; border-radius: 0 .08rem .08rem .08rem; background: #fff;}
.banner .subscribe .item{display: flex; justify-content: space-between; display: none;}
.banner .subscribe .ipt{position: relative; width: 3.14rem;}
.banner .subscribe input{color: #808080; border: 1px solid #e6e6e6; background: #f5f5f5; border-radius: .04rem; width: 100%; height: .42rem; padding: .08rem .12rem; line-height: .24rem;}
.banner .subscribe input::placeholder{color: #999;}
.banner .subscribe label.error{position: absolute; left: 0; top: 100%; color: red;}
.banner .subscribe .submit{border: 0 none; padding: 0; width: 1.08rem; height: .42rem; line-height: .42rem; color: #fff; background: #4d9162; border-radius: .04rem; text-align: center; cursor: pointer; transition: all .4s;}
.banner .subscribe .submit:hover{background: #3c744d;}

.index .til-en{letter-spacing: -.01rem;}
.index-cnt1{padding: .9rem 0 0;}
.index-cnt1 .txt-box{display: flex; min-height: 3.4rem;}
.index-cnt1 .txt-box .le{width: 50%; border-right: 1px solid #e9e9e9; padding-right: 7%; padding-bottom: .5rem;}
.index-cnt1 .txt-box .til-en{color: #bfbfbf;}
.index-cnt1 .txt-box .til-cn{color: #333; letter-spacing: .36rem; margin-bottom: .1rem;}
.index-cnt1 .txt-box .le p{color: #666;}
.index-cnt1 .txt-box .le .btn{display: inline-block; vertical-align: middle; padding-right: .36rem; margin-top: .4rem;}
.index-cnt1 .txt-box .le .btn:after{margin-left: .2rem; content: ""; vertical-align: middle; width: .12rem; height: .12rem; display: inline-block; background: url(../images/icon-more.png) no-repeat -.18rem center; background-size: auto 100%; transition: all .4s;}
.index-cnt1 .txt-box .le .btn:hover:after{background-position: 0 center;}
.index-cnt1 .txt-box .ri{width: 50%; padding: .36rem 0 .5rem;}
.index-cnt1 .txt-box .ri ul{display: flex; justify-content: space-around; flex-wrap: wrap;}
.index-cnt1 .txt-box .ri ul:last-child{margin-top: .6rem;}
.index-cnt1 .txt-box .ri li{width: 2.1rem;}
.index-cnt1 .txt-box .ri .num{color: #4d9162; font-weight: 600; margin-bottom: .1rem; line-height: 1;}
.index-cnt1 .txt-box .ri .count,.index-cnt1 .txt-box .ri .em2{display: inline-block; line-height: 1;}
.index-cnt1 .txt-box .ri .em{display: inline-block; vertical-align: top;}
.index-cnt1 .txt-box .ri .p{color: #666;}
.index-cnt1 .img-box{display: flex; height: 4.2rem;}
.index-cnt1 .img-box .li{width: 50%; position: relative; border-radius: .08rem; overflow: hidden;}
.index-cnt1 .img-box .li .txt{width: 2.8rem;}
.index-cnt1 .img-box .anim-width{width: 0; height: 100%; overflow: hidden; transition: 1s .2s all;}
.index-cnt1 .img-box .anim-width.animated{width: 7.2rem;}
.index-cnt1 .img-box .pic{width: 7.2rem; height: 4.2rem; position: relative; background: no-repeat center; background-size: cover; overflow: hidden; color: #fff;}
.index-cnt1 .img-box .m-bg{display: none; width: 100%; height: 100%; background: no-repeat center; background-size: cover;}
.index-cnt1 .img-box .title{position: absolute; left: .3rem; bottom: .3rem;}
.index-cnt1 .img-box .ri .title{left: auto; right: .3rem;}
.index-cnt1 .img-box .txt{position: absolute; right: 0; bottom: 0; background: #f68639; padding: .4rem .3rem; border-radius: .08rem 0 0 0;}
.index-cnt1 .img-box p{vertical-align: middle;}
.index-cnt1 .img-box .count,.index-cnt1 .img-box .em2{display: inline-block; vertical-align: middle; font-weight: 600;}
.index-cnt2{position: relative; margin-bottom: 1.15rem;}
.index-cnt2 .cnt2-swiper{overflow: visible;}
.index-cnt2 .til-box{position: absolute; left: 0; right: 0; top: 1.3rem; text-align: center; z-index: 20;}
.index-cnt2 .til-cn{color: #fff; line-height: 1.2;}
.index-cnt2 .til-en{color: rgba(255,255,255,.6); line-height: 1.2;}
.index-cnt2 .swiper-slide{position: relative; height: 8.1rem; background: no-repeat center; background-size: cover;}
.index-cnt2 .swiper-slide .bg,.index-cnt2 .swiper-slide .m-bg{height: 100%; background: no-repeat center; background-size: cover;}
.index-cnt2 .swiper-slide .m-bg{display: none;}
.index-cnt2 .swiper-slide:after{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(3,11,27,.5);}
.index-cnt2 .txt{position: absolute; left: 0; right: 0; padding: 0 .4rem; top: 3.2rem; text-align: center; color: #fff; z-index: 2;}
.index-cnt2 .txt h4{padding-left: 1.74rem; letter-spacing: 1.74rem; margin-bottom: .1rem;}
.index-cnt2 .txt p{text-align: center;}
.index-cnt2 .txt .p-box{height: 1.56rem;}
.index-cnt2 .txt .btn{margin: .4rem auto 0; width: 1.68rem; height: .6rem; line-height: .6rem; background: #f68639; border-radius: .6rem; text-align: center;}
.index-cnt2 .txt .btn:hover{background: #e87131;}
.index-cnt2 .txt .btn:before{content: ""; display: inline-block; vertical-align: middle; margin-right: .1rem; height: .3rem; width: .2rem; background: url(../images/index/icon-txt.png) no-repeat center; background-size: contain;}
.index-cnt2 .swiper-hd{position: absolute; display: flex; justify-content: space-between; left: 0; right: 0; bottom: -.34rem; height: 1.3rem; width: 96%; max-width: 14.4rem; margin: 0 auto; z-index: 5;}
.index-cnt2 .swiper-hd .li{position: relative; height: 100%; padding: .36rem 0 0; z-index: 2; width: 32%; color: #fff; border: 0 none; border-radius: 0; cursor: pointer; background: transparent; opacity: 1; transition: all .4s;}
.index-cnt2 .swiper-hd .li *{transition: all .4s;}
.index-cnt2 .swiper-hd .bg{position: absolute; left: 0; right: 0; top: 0; height: .02rem; background: rgba(255,255,255,.5); z-index: -1;}
.index-cnt2 .swiper-hd .more{width: .12rem; height: .12rem; margin-top: .16rem; background: url(../images/icon-more2.png) no-repeat -.36rem center; background-size: auto 100%;}
.index-cnt2 .swiper-hd .icon{position: absolute; width: .5rem; height: .5rem; display: flex; justify-content: center; align-items: center; right: .2rem; top: 50%; transform: translateY(-50%); opacity: 0;}
.index-cnt2 .swiper-hd .swiper-pagination-bullet-active{padding-left: .26rem; padding-right: .26rem;}
.index-cnt2 .swiper-hd .swiper-pagination-bullet-active .bg{border-radius: .08rem; height: 100%; background-image: linear-gradient(to right, #f8893a, #e87131);}
.index-cnt2 .swiper-hd .swiper-pagination-bullet-active .more{background-position: -.18rem center;}
.index-cnt2 .swiper-hd .swiper-pagination-bullet-active .icon{opacity: 1;}
.index-cnt3{position: relative; padding: .9rem 0;}
.index-cnt3 .line{position: absolute; left: 0; right: 0; top: 4.86rem; border-bottom: 1px solid #e6e6e6;}
.index-cnt3 .til-box{text-align: center; margin-bottom: .36rem;}
.index-cnt3 .til-cn{color: #333; line-height: 1.2;}
.index-cnt3 .til-en{color: #bfbfbf; text-transform: uppercase; line-height: 1.2;}
.index-cnt3 .swiper-slide{width: 4.66rem;}
.index-cnt3 .dt{height: 2.5rem; border-radius: .08rem;}
.index-cnt3 .dt .img{height: 100%; background-size: cover; transition: all .6s;}
.index-cnt3 .dd{position: relative; padding-top: .7rem;}
.index-cnt3 .dd:before{content: ""; display: block; position: absolute; width: .26rem; height: .26rem; left: 50%; top: .24rem; background-image: url(../images/index/idx-c3-dot1.png); transition: all .4s;}
.index-cnt3 .dd h4{text-align: center; color: #333; transition: all .4s;}
.index-cnt3 .dd .time{display: flex; color: #666; justify-content: center; align-items: flex-start; font-weight: 600; margin-top: .08rem;}
.index-cnt3 .dd .t1{line-height: 1;}
.index-cnt3 .dd .t2{border-bottom: 1px solid #d9d9d9; width: .52rem; text-align: center; line-height: 1; padding: .04rem 0 .06rem; margin: 0 .06rem;}
.index-cnt3 .swiper-slide:hover .dd:before{background-image: url(../images/index/idx-c3-dot2.png);}
.index-cnt3 .swiper-slide:hover .img{transform: scale(1.1);}
.index-cnt3 .swiper-slide:hover h4{color: #4d9162;}
.index-cnt4{background-image: url(../images/index/idx-cnt4-bg.jpg); background-size: cover;}
.index-cnt4 .auto{padding: .9rem 0 1rem;}
.index-cnt4 .til-cn{text-align: center; color: #333; line-height: 1.2;}
.index-cnt4 .til-en{text-align: center; color: #b8ccba; text-transform: uppercase; line-height: 1.2;}
.index-cnt4 .ul{display: flex; justify-content: space-between; margin-top: .3rem;}
.index-cnt4 a{position: relative; width: 3.45rem; height: 4.1rem; overflow: hidden; border-radius: .08rem; background: #fff;}
.index-cnt4 a:hover .dd .more{background-position: 0 center;}
.index-cnt4 .dt{height: 2rem; background-size: cover;}
.index-cnt4 .dt .c-img{height: 100%;}
.index-cnt4 .dd{padding: .3rem;}
.index-cnt4 .dd .time{color: #999; font-weight: 600; margin-bottom: .04rem;}
.index-cnt4 .dd h4{color: #333; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.3;}
.index-cnt4 .dd .more{margin-top: .4rem; width: .12rem; height: .12rem; background: url(../images/icon-more.png) no-repeat -.18rem center; background-size: auto 100%; transition: all .4s;}
.index-cnt4 a:hover .c-img{transform: scale(1.1);}
.index-cnt4 .it1{width: 6.9rem;}
.index-cnt4 .it1 .dt{height: 100%;}
.index-cnt4 .it1 .dd{position: absolute; left: 0; bottom: 0; right: 0; z-index: 5; padding: .3rem;}
.index-cnt4 .it1 .dd .time,.index-cnt4 .it1 .dd h4{color: #fff;}
.index-cnt4 .it1 .dd h4{float: left; width: calc(100% - .4rem); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index-cnt4 .it1 .dd .time{margin-bottom: 0;}
.index-cnt4 .it1 .dd .more{float: right; margin-top: .1rem; background-image: url(../images/icon-more2.png);}
.index-cnt5{padding: .7rem 0 1rem;}
.index-cnt5 .cnt5-swiper{margin-top: .3rem;}
.index-cnt5 .cnt5-swiper .swiper-wrapper{height: 4.6rem;}
.index-cnt5 .til-cn{text-align: center; color: #333; line-height: 1.2;}
.index-cnt5 .til-en{text-align: center; color: #bfbfbf; text-transform: uppercase; line-height: 1.2;}
.index-cnt5 .swiper-slide{position: absolute; overflow: hidden; width: 3.45rem; height: 4.6rem; z-index: 2; border-radius: .08rem; margin-right: .2rem;}
.index-cnt5 .swiper-slide:after{content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/index/index-c5-mask.png) no-repeat center; background-size: 100% 100%; z-index: 1;}
.index-cnt5 .swiper-slide .c-img{height: 100%;}
.index-cnt5 .swiper-slide h4{position: absolute; left: .3rem; bottom: .2rem; color: #fff; z-index: 2;}
.index-cnt5 .swiper-slide:hover .c-img{transform: scale(1.1);}
.index-cnt6{display: flex; height: 6rem;}
.index-cnt6 .le{width: 50%; position: relative; background-size: auto;}
.index-cnt6 .le .mask{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/index/idx-c6-mask.png); background-size: cover;}
.index-cnt6 .le .dot{width: .4rem; height: .4rem; position: absolute; left: 50%; top: 50%; margin: -.36rem 0 0 -.32rem;}
.index-cnt6 .le .dot .i{position: absolute; z-index: 5; left: 50%; bottom: 30%; margin-left: -.12rem; width: .24rem; height: .3rem; background: url(../images/index/idx-c6-position.png) no-repeat bottom center; background-size: contain;}
.index-cnt6 .le .dot:before,.index-cnt6 .le .dot:after{content: ""; display: block; position: absolute; left: 50%; top: 50%; margin: -.5rem 0 0 -.5rem; width: 1rem; height: 1rem; background: radial-gradient(circle, transparent 40%, rgba(232,113,49,1) 130%); border-radius: 50%; animation: z-diffusion 2.5s both linear infinite;}
.index-cnt6 .le .dot:after{animation-delay: .8s;}
.index-cnt6 .ri{width: 50%; position: relative; background-image: url(../images/index/idx-c6-bg.jpg); background-size: cover;}
.index-cnt6 .ri .box{padding: .7rem 0 0 .6rem; width: 48vw; max-width: 7.2rem;}
.index-cnt6 .ri .til-box{margin-bottom: .5rem;}
.index-cnt6 .ri .til-cn{color: #333; line-height: 1.2;}
.index-cnt6 .ri .til-en{color: #cdd7cf; text-transform: uppercase; line-height: 1.2;}
.index-cnt6 .ri h3{margin-bottom: .25rem; color: #549e6b;}
.index-cnt6 .ri li{display: flex; align-items: center; margin-bottom: .24rem;}
.index-cnt6 .ri .icon{width: .52rem; margin-right: .14rem;}
.index-cnt6 .ri p{line-height: 1.4;}

.sub-ban{height: 5.6rem; background-size: cover;}
.sub-ban .auto{padding-top: 2.44rem; color: #fff;}
.sub-ban .page-t1{font-family: "jyhpy";}
.sub-ban .page-t2{text-transform: uppercase; color: rgba(255,255,255,.8);}
.page-nav{height:.81rem; position:relative; border-bottom: 1px solid #ebebeb;font-weight:bold;}
.page-nav .par{float:left;line-height:.8rem;position:relative;color:#4c4c4c;}
.page-nav .ul{float: right;}
.page-nav .list{position:relative;float:right}
.page-nav .list a{float: left;line-height:.8rem; color:#808080;margin-right:.46rem;position:relative}
.page-nav .list a::before{content:'';position:absolute;top:50%;right:-.25rem;width:.04rem;height:.04rem;background-color:#c8cbc9;margin-top:-.02rem}
.page-nav .list a:last-child{margin-right:0}
.page-nav .list a:last-child::before{display: none;}
.page-nav .list a.on{color:#4d9162; background:url(../images/nav_lion.png) no-repeat bottom center}
.page{padding: .8rem 0;}

.about{padding-bottom: 0;}
.about-cnt1{position: relative;}
.about-cnt1 .auto{height: 7.2rem;}
.about-cnt1 .til-cn{color: #4c4c4c; margin-bottom: .3rem;}
.about-cnt1 .c-list{position: relative;}
.about-cnt1 .c-list li{position: relative; margin-bottom: .2rem; height: 5.6rem; background-size: cover; border-radius: .08rem; overflow: hidden;}
.about-cnt1 .show-til{display: none;}
.about-cnt1 .box{position: relative; height: 100%; background-size: cover; color: #fff;}
.about-cnt1 .box .pic{display: none;}
.about-cnt1 .txt{position: absolute; top: 0; width: 100%; max-width: 7.8rem; padding: .9rem .6rem 0;}
.about-cnt1 .txt h3{margin-bottom: .2rem;}
.about-cnt1 .txt p{color: rgba(255,255,255,.8);}
.about-cnt1 .txt .btn{margin-top: .54rem; display: inline-block; vertical-align: top; padding: 0 .3rem; height: .6rem; line-height: .6rem; background: linear-gradient(to right, #f8893a, #d9723b); border-radius: .6rem;}
.about-cnt1 .txt .btn:before{content: ""; display: inline-block; vertical-align: middle; width: .26rem; height: .26rem; margin-top: -.04rem; margin-right: .06rem; background: url(../images/icon-web.png) no-repeat center; background-size: contain;}
.about-cnt1 .txt .btn:hover{background: #e87131;}
.about-cnt1 li:nth-child(odd) .txt{right: 0;}
.about-cnt1 li:nth-child(even) .txt{left: 0;}
.about2{background: url(../images/about/about2-bg1.png) no-repeat top left,url(../images/about/about2-bg2.jpg) no-repeat right bottom; background-color: #fff;}
.about2-cnt1 .top-box{position: relative; overflow: hidden;}
.about2-cnt1 .top-box .pic{float: right;}
.about2-cnt1 .top-box .le{position: absolute; height: 100%; left: 0; width: 100%; border-left: 1px solid #dee0e2; z-index: 5;}
.about2-cnt1 .top-box .til-box{position: absolute; left: 0; top: 50%; width: 100%; padding-left: .92rem; transform: translateY(-50%);}
.about2-cnt1 .til-box .til-cn{color: #4c4c4c; line-height: 1.2;}
.about2-cnt1 .til-box .til-en{color: #c0c7c2; line-height: 1.2;}
.about2-cnt1 .til-box .line{position: absolute; height: 1px; width: 100%; left: .2rem; top: 50%; background: url(../images/about/about2-line.png) no-repeat left center;}
.about2-cnt1 .list{padding-top: .2rem;}
.about2-cnt1 .list .li{margin-top: .4rem;}
.about2-cnt1 .list h3{color: #4d9162;}
.about2-cnt1 .list h4{color: #4c4c4c;}
.about2-cnt1 .list h4:after{content: ""; display: inline-block; vertical-align: middle; background: #4d9162; margin-left: .2rem; width: .12rem; height: .02rem; background: #4d9162;}
.about2-cnt1 .list p{margin-left: .92rem;}
.about3-cnt1 .til-cn{color: #4c4c4c;}
.about3-cnt1 .main{height: 6.54rem; padding: .82rem .5rem 0; background: url(../images/about/about3-bg.png) no-repeat bottom center; background-size: contain;}
.about3-cnt1 .honor-swiper{height: 5.1rem;}
.about3-cnt1 .swiper-slide{width: 7.4rem; height: 5.1rem;}
.about3-cnt1 .li{float: left; position: relative; z-index: 2; width: 3.6rem; padding-top: .4rem; height: 1.8rem; text-align: center; background: linear-gradient(to bottom, #fff, #f4e6d3); margin: 0 .2rem -.15rem 0; border-radius: .08rem;}
.about3-cnt1 .li:nth-child(2n){margin-right: 0;}
.about3-cnt1 .li:after{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 90%; background: url(../images/about/about3-adorn.png) no-repeat center; z-index: -1;}
.about3-cnt1 .li .num{background-image: linear-gradient(to bottom, #e8d1a2, #c08b4b); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; font-weight: 600; line-height: 1.1;}
.about3-cnt1 .li p{color: #99907a;}
.about3-cnt1 .swiper-pagination{left: 7.7rem; top: .2rem; right: auto; transform: none;}
.about4{padding-bottom: 0;}
.about4-cnt1 .til-cn{line-height: 1.2; color: #4c4c4c; margin-bottom: .3rem;}
.about4-cnt1 .phone-book{display: flex; overflow: hidden; padding-bottom: .4rem;}
.about4-cnt1 .phone-book .li{position: relative; width: 4.66rem; padding: .38rem 0 .1rem .7rem; border-top: .02rem solid #ebebeb; float: left; margin-right: .2rem; z-index: 2;}
.about4-cnt1 .phone-book .li:last-child{margin-right: 0;}
.about4-cnt1 .phone-book .icon{position: absolute; left: 0; top: .35rem; width: .56rem;}
.about4-cnt1 .phone-book .name{color: #808080;}
.about4-cnt1 .phone-book .p{color: #4c4c4c;}
#about4-map{height: 6.4rem; background: #fafafa;}
#about4-map .tdt-infowindow-content{position: relative;}
#about4-map .map-pop-txt{position: absolute; left: 50%; bottom: -1px; height: .66rem; line-height: .66rem; padding: 0 .3rem; transform: translateX(-50%); white-space: nowrap; color: #fff; border-radius: .66rem; background: linear-gradient(to right, #f9b06d, #ea6826); font-size: .15rem;}
#about4-map .map-pop-txt:before{content: ""; vertical-align: middle; display: inline-block; width: .22rem; height: .24rem; background: url(../images/icon-position.png) no-repeat center; background-size: contain; margin-right: .07rem;}
#about4-map .tdt-infowindow-close-button{display: none;}
#about4-map .tdt-infowindow-content-wrapper{background: transparent; box-shadow: none;}
#about4-map .tdt-infowindow-tip-container .tdt-infowindow-tip{position: 0; background: #f28b48; box-shadow: 0 0 10px rgba(0,0,0,.2);}


.exhibition{padding-bottom: 0;}
.exhibition-cnt1 .auto{padding-bottom: .8rem; overflow: hidden;}
.exhibition-cnt1 .til-cn{float: left; line-height: 1.2; color: #4c4c4c;}
.exhibition-cnt1 .txt{float: right; width: 7.2rem;}
.exhibition-cnt2{height: 7rem; padding-top: 1.5rem; background-image: url(../images/exhibition/exhibition-bg.jpg); background-size: cover;}
.exhibition-cnt2 ul{display: flex;}
.exhibition-cnt2 li{width: 3.44rem; margin-right: .21rem; padding-top: .26rem; border-top: .02rem solid rgba(255,255,255,.3);}
.exhibition-cnt2 li:last-child{margin-right: 0;}
.exhibition-cnt2 .num{color: #f57a38; font-weight: 600; margin-bottom: .1rem; line-height: 1;}
.exhibition-cnt2 .count,.exhibition-cnt2 .em2{display: inline-block; line-height: 1;}
.exhibition-cnt2 .em{display: inline-block; vertical-align: top;}
.exhibition-cnt2 .p{color: #ced4d9; line-height: 1.6;}

.exhibition2-cnt1 .auto{position: relative;}
.exhibition2-cnt1 .til-cn{line-height: 1.2; color: #4c4c4c; margin-bottom: .2rem;}
.exhibition2-cnt1 .tab-btn{position: absolute; right: 0; top: 0; z-index: 5;}
.exhibition2-cnt1 .tab-btn .btn{float: left; width:.2rem; height:.2rem; margin-left: .2rem; background: no-repeat center; background-size: contain; cursor:pointer;}
.exhibition2-cnt1 .tab-btn .ic1{background-image: url(../images/exhibition_ic1.png);}
.exhibition2-cnt1 .tab-btn .ic2{background-image: url(../images/exhibition_ic2.png);}
.exhibition2-cnt1 .tab-btn .ic1.on{background-image: url(../images/exhibition_ic1on.png);}
.exhibition2-cnt1 .tab-btn .ic2.on{background-image: url(../images/exhibition_ic2on.png);}
.exhibition2-list .list{width: 9.34rem; overflow: hidden;}
.exhibition2-list .list li{position: relative; margin: 0 0 .21rem; overflow: hidden; border-radius: .08rem; background: #eff6f1;}
.exhibition2-list .list .pic{float: left; height: 2.5rem; width: 3rem; background-size: cover;}
.exhibition2-list .list .pic .c-img{height: 100%; background-size: cover;}
.exhibition2-list .list .txt{float: left; width: 6.34rem; padding: .3rem; height: 2.5rem;}
.exhibition2-list .list h4{color: #3d4c42; padding-bottom: .18rem; padding-top: .1rem; line-height: 1.4; border-bottom: 1px solid #d8e3db; transition: all .4s;}
.exhibition2-list .list [class^="p-"]{float: left; position: relative; margin-right: .2rem; color: #8ea193; border-bottom: 1px solid #d8e3db; width: 1.78rem; padding: 0 0 .24rem .32rem; margin-top: .2rem; transition: color .4s;}
.exhibition2-list .list [class^="p-"]:before{content: ""; display: block; position: absolute; width: .22rem; height: .22rem; background: no-repeat left center; left: 0; top: .02rem;}
.exhibition2-list .list [class^="p-"] em{display: none; transition: color .4s;}
.exhibition2-list .list .p-time:before{background-image: url(../images/exhibition/icon-time.png);}
.exhibition2-list .list .p-telephone:before{background-image: url(../images/exhibition/icon-phone.png);}
.exhibition2-list .list .p-area:before{background-image: url(../images/exhibition/icon-scope.png);}
.exhibition2-list .list .p-address:before{background-image: url(../images/exhibition/icon-coordinates.png);}
.exhibition2-list .list .p-area{margin-right: 0;}
.exhibition2-list .list .p-address{width: 100%; border-bottom: 0 none;}
.exhibition2-list .list li:hover h4{color: #4d9162;}
.exhibition2-list .list li:hover .c-img{transform: scale(1.1);}
.exhibition2-cnt1 #propages{text-align: center;}
.exhibition2-cnt1 .main{position: relative;}
.exhibition2-filter1{position: absolute; right: 0; top: 0;}
.exhibition2-filter1.fixed{position: fixed; top: 1.2rem; right: calc((100% - 14.4rem) / 2);}
.exhibition2-filter1.end-fixed{position: absolute; top: auto; right: 0; bottom: .87rem;}
.exhibition2-filter2{display: flex; margin-bottom: .2rem;}
.exhibition2-filter2:after{content: ""; display: block; height: 0; clear: both;}
.exhibition2-filter2>div{float: left;}
.exhibition2-filter2 .ipt{width: 9.54rem;}
.exhibition2-filter2 .ipt input{display: block; width: 100%; height: .5rem; border: 1px solid #e4ede7; border-radius: .04rem; padding: 0 .19rem;}
.exhibition2-filter2 .ipt input::placeholder{color: #999;}
.c-down{position: relative; width: 2.23rem; margin-right: .2rem; z-index: 5;}
.c-down span{position: relative; display: block; width: 100%; height: .5rem; line-height: .28rem; background: #fff; border-radius: .04rem; border: 1px solid #ebebeb; padding: .1rem .2rem .1rem .42rem; cursor: pointer; background: url(../images/icon-year.png) no-repeat .19rem center; background-size: .17rem;}
.c-down .month span{background-image: url(../images/icon-month.png);}
.c-down span:after{position: absolute; right: .17rem; top: 50%; margin-top: -.08rem; content: ""; display: block; width: .16rem; height: .16rem; background: url(../images/icon-down.png) no-repeat center; transition: all .4s;}
.c-down .c-ul{display: none; position: absolute; left: 0; top: .6rem; width: 100%; background: #fff; border-radius: .04rem; border: 1px solid #e4ede7;}
.c-down ul{max-height: 2.44rem; padding: .2rem 0; overflow: hidden; overflow-y: auto;}
.c-down ul:before{content: ""; display: block; position: absolute; right: .14rem; top: -8px; width: 22px; height: 8px; background: url(../images/promotion/icon-corner.png) no-repeat center;}
.c-down li{padding: 0 .2rem; height: .34rem; line-height: .34rem; transition: all .4s; background: #fff; cursor: pointer;}
.c-down li:hover{color: #fff; background: #3caf98;}
.exhibition2-filter2 .month span{background-image: url(../images/icon-month.png);}
.exhibition2-filter2 .ipt .icon{position: absolute; right: .14rem; top: .09rem; width: .3rem; height: .3rem; background: url(../images/icon-seek.png) no-repeat center; background-size: .2rem;}
.exhibition2-cnt1.grid .exhibition2-list .list{width: 100%;}
.exhibition2-cnt1.grid .exhibition2-list .list li{float: left; width: 4.66rem; height: 4.3rem; margin: 0 .21rem .21rem 0;}
.exhibition2-cnt1.grid .exhibition2-list .list li:nth-child(3n){margin-right: 0;}
.exhibition2-cnt1.grid .exhibition2-list .list .pic{float: none; width: 100%; transform: translateY(0); transition: transform .4s;}
.exhibition2-cnt1.grid .exhibition2-list .list .txt{position: absolute; height: 1.8rem; width: 100%; left: 0; bottom: 0; background: #eff6f1; transition: all .4s;}
.exhibition2-cnt1.grid .exhibition2-list .list h4{padding: 0 0 .16rem; margin-bottom: .14rem;}
.exhibition2-cnt1.grid .exhibition2-list .list [class^="p-"]{float: none; padding: 0; width: 100%; border: 0 none; margin: 0;}
.exhibition2-cnt1.grid .exhibition2-list .list [class^="p-"]:before{display: none;}
.exhibition2-cnt1.grid .exhibition2-list .list em{display: inline;}
.exhibition2-cnt1.grid .exhibition2-list .list .p-area,.exhibition2-cnt1.grid .exhibition2-list .list .p-address{opacity: 0; transition: all .4s;}
.exhibition2-cnt1.grid .exhibition2-list .list li:hover .txt{height: 2.4rem; background: #4ea569;}
.exhibition2-cnt1.grid .exhibition2-list .list li:hover .txt *{color: rgba(255,255,255,.7);}
.exhibition2-cnt1.grid .exhibition2-list .list li:hover .txt h4{color: #fff; border-color: rgba(255,255,255,.25);}
.exhibition2-cnt1.grid .exhibition2-list .list li:hover .p-area,.exhibition2-cnt1.grid .exhibition2-list .list li:hover .p-address{opacity: 1;}
.exhibition2-cnt1.grid .exhibition2-list .list li:hover .pic{transform: translateY(-.3rem);}
.exhibition2-cnt1.grid .exhibition2-filter1{display: none;}
.exhibition2-cnt1.grid .exhibition2-filter2{display: flex;}
.exhibition2-cnt1.grid .exhibition2-filter2 .ipt{position: relative;}
.exhibition2-cnt1.grid #propages{text-align: right;}
.exhibition2-cnt1.row.not-calendar .exhibition2-filter1{display: none;}
.exhibition2-cnt1.row.not-calendar .exhibition2-list .list{width: 100%;}
.exhibition2-cnt1.row.not-calendar .exhibition2-list .list li{display: flex;}
.exhibition2-cnt1.row.not-calendar .exhibition2-list .list .txt{flex: 1;}
.exhibition2-cnt1.row.not-calendar .exhibition2-list .list [class^="p-"]{width: 32%; margin-right: 2%;}
.exhibition2-cnt1.row.not-calendar .exhibition2-list .list .p-address{width: 100%; margin-right: 0;}
.exhibition2-cnt1.row.not-calendar .exhibition2-list .list .p-area{margin-right: 0;}


.exhibition3{padding-bottom: 0;}
.exhibition3-cnt1{padding-bottom: .9rem;}
.exhibition3-cnt1 .til-cn{line-height: 1.2; color: #4c4c4c; margin-bottom: .2rem;}
.exhibition3-cnt1 .table{width: 100%; border: 1px solid #e6e6e6; font-weight: 600;}
.exhibition3-cnt1 th,.exhibition3-cnt1 td{font-weight: 600; padding: .2rem; min-height: .7rem; border: 1px solid #e6e6e6;}
.exhibition3-cnt1 th{font-weight: 600;}
.exhibition3-cnt1 thead tr:nth-child(1) th:nth-child(1),.exhibition3-cnt1 td:nth-child(1){padding-left: .36rem;}
.exhibition3-cnt1 thead{color: #4c4c4c;}
.exhibition3-cnt1 tbody{color: #808080;}
.exhibition3-cnt1 tbody tr:nth-child(odd){background: #f7f7f7;}
.exhibition3-cnt1 .ct{text-align: center;}
.exhibition3-cnt2{height: 8.1rem; padding-top: 1.06rem; background: url(../images/exhibition/exhibition3-c2-bg.jpg) no-repeat center; background-size: cover;}
.exhibition3-cnt2 .auto{position: relative;}
.exhibition3-cnt2 .hd,.exhibition3-cnt2 .hd2{position: absolute; left: 0; top: 0; z-index: 20;}
.exhibition3-cnt2 .hd .li,.exhibition3-cnt2 .hd2 .li{width: 1.8rem; height: .6rem; line-height: .58rem; border: 1px solid #c5dbcc; text-align: center; border-radius: .04rem; margin-bottom: .2rem; cursor: pointer; transition: all .4s;}
.exhibition3-cnt2 .hd .li.on,.exhibition3-cnt2 .hd2 .li.on{color: #fff; background: linear-gradient(to bottom, #62b97d, #4d9162);}
.exhibition3-cnt2 .hd2{top: 3.4rem; overflow: hidden; border: 1px solid #c5dbcc; border-radius: .04rem;}
.exhibition3-cnt2 .hd2 .li{float: left; width: .6rem; border: 0 none; margin: 0; border-radius: 0;}
.exhibition3-cnt2 .bd .item{position: relative;}
.exhibition3-cnt2 .bd .pic{width: 10.8rem; max-height: 6.6rem; margin: 0 auto; display: flex; justify-content: center; cursor: auto;}
.exhibition3-cnt2 .bd .pic img{max-height: 100%; width: auto; margin: 0 auto;}
.exhibition3-cnt2 .bd .info{position: absolute; right: 0; top: 0;}
.exhibition3-cnt2 .bd a[href^="javascript"]{cursor: auto;}
.exhibition3-cnt2 .info .p{display: flex; align-items: center; margin-bottom: .26rem; white-space: nowrap; color: #8ea193;}
.exhibition3-cnt2 .info img{margin-right: .12rem;}
.exhibition3-cnt2 .info .big{margin-top: -.18rem;}
.exhibition3-cnt2 .else{position: absolute; right: 0; bottom: .9rem;}
.exhibition3-cnt2 .item{display: none;}
.exhibition3-cnt2 .sy4 .info{padding-top: .18rem;}
.exhibition3-cnt2 .sy4 .info .p{margin-bottom: .18rem;}
.exhibition3-cnt2 .else{top: 4.8rem; bottom: auto;}
.exhibition4{padding-bottom: 0;}
.exhibition4-cnt1{padding-bottom: .8rem;}
.exhibition4-cnt1 .form{font-weight: 600;}
.exhibition4-cnt1 .form .ul:after{content: ""; display: block; height: 0; clear:both;}
.exhibition4-cnt1 .til-cn{line-height: 1.2; color: #4c4c4c; margin-bottom: .2rem;}
.exhibition4-cnt1 .li{float: left; margin-bottom: .25rem;}
.exhibition4-cnt1 .li .label{margin-bottom: .1rem;}
.exhibition4-cnt1 .li input{display: block; width: 4.66rem; height: .54rem; padding: .1rem .2rem; line-height: .32rem; margin: 0 .21rem 0 0; border: 1px solid #e6e6e6; background: #f7f7f7; border-radius: .04rem; color: #666; font-weight: 600;}
.exhibition4-cnt1 .li input::placeholder{color: #999;}
.exhibition4-cnt1 .li .two{width: 9.53rem;}
.exhibition4-cnt1 .three{width: 100%;}
.exhibition4-cnt1 .three input{width: 100%;}
.exhibition4-cnt1 .li .no-r{margin-right: 0;}
.exhibition4-cnt1 .li em{color: #4d9162; font-size: .875em;}
.exhibition4-cnt1 input[id^="calendar-pop"]{padding-right: .6rem;}
.exhibition4-cnt1 .ipt{position: relative; float: left; margin-right: .21rem;}
.exhibition4-cnt1 .ipt input{margin-right: 0;}
.exhibition4-cnt1 .ipt:after{content: ""; display: block; position: absolute; top: .12rem; right: .2rem; height: .3rem; width: .26rem; background: url(../images/icon-calendar.png) no-repeat center; background-size: contain; pointer-events: none;}
.exhibition4-cnt1 .submit{clear: both; background: #4d9162; border: 0 none; width: 1.2rem; height: .54rem; line-height: .54rem; border-radius: .04rem; color: #fff; cursor: pointer; margin-top: .3rem;}
.exhibition4-cnt1 .submit:hover{background: #458258;}
.exhibition4-cnt1 .error{color: red;}
.exhibition4-cnt2{height: 5.4rem; padding-top: 1.44rem; background: url(../images/meeting/meeting4-bg.jpg) no-repeat center; background-size: cover;}
.exhibition4-cnt2 .txt{padding-left: .4rem; color: rgba(255,255,255,.75);}
.exhibition4-cnt2 .til{margin-left: -.4rem; color: #fff; margin-bottom: .14rem; padding-left: .4rem; background: url(../images/icon-reminder.png) no-repeat left .06rem; background-size: .3rem;}


.meeting{padding-bottom: 0;}
.meeting .exhibition-cnt2{background-image: url(../images/meeting/meeting-bg.jpg);}
.meeting .exhibition-cnt2 ul{justify-content: flex-end;}
.meeting3{padding-bottom: 0;}
.meeting4{padding-bottom: 0;}


.periphery-map{height: 5.6rem; position: relative; background-size: auto; overflow: hidden; border-radius: .08rem .08rem 0 0;}
.periphery-map .mask{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: url(../images/index/idx-c6-mask.png); background-size: cover;}
.periphery-map .dot{width: .4rem; height: .4rem; position: absolute; left: 50%; top: 50%; margin: -.36rem 0 0 -.32rem;}
.periphery-map .dot .i{position: absolute; z-index: 5; left: 50%; bottom: 30%; margin-left: -.12rem; width: .24rem; height: .3rem; background: url(../images/index/idx-c6-position.png) no-repeat bottom center; background-size: contain;}
.periphery-map .dot:before,.periphery-map .dot:after{content: ""; display: block; position: absolute; left: 50%; top: 50%; margin: -.5rem 0 0 -.5rem; width: 1rem; height: 1rem; background: radial-gradient(circle, transparent 40%, rgba(232,113,49,1) 130%); border-radius: 50%; animation: z-diffusion 2.5s both linear infinite;}
.periphery-map .dot:after{animation-delay: .8s;}
.periphery .info{height: 1.92rem; padding: .4rem; background: url(../images/periphery/periphery-c2-bg.jpg) no-repeat center; border-radius: 0 0 .08rem .08rem;}
.periphery ul{display: flex; height: 100%; align-items: center; justify-content: space-between;}
.periphery li{display: flex; align-items: center;}
.periphery li .icon{margin-right: .14rem; width: .52rem;}
.periphery2-cnt1 .til-cn{line-height: 1.2; color: #4c4c4c; margin-bottom: .2rem;}
.periphery2-cnt1 .ul{display: flex; justify-content: space-between; margin-top: .3rem;}
.periphery2-cnt1 .li{position: relative; width: 3.45rem; height: 4.1rem; overflow: hidden; border-radius: .08rem; background: #fff; transition: all .6s;}
.periphery2-cnt1 .dt{position: relative; height: 100%; background-size: cover;}
.periphery2-cnt1 .dt:after{content: ""; display: block; width: 100%; height: 100%; background: url(../images/periphery/periphery2-mask.png) no-repeat; background-size: auto 100%; z-index: 1;}
.periphery2-cnt1 .dd{position: absolute; left: 0; bottom: 0; width: 100%; z-index: 5; padding: .3rem;}
.periphery2-cnt1 .dd h4{color: #fff;}
.periphery2-cnt1 .dd .p-box{display: none; width: 6.3rem; padding-top: .06rem;}
.periphery2-cnt1 .dd p{color: rgba(255,255,255,.8);}
.periphery2-cnt1 .li.on{width: 7.1rem;}
.periphery3-cnt1 .til-cn{line-height: 1.2; color: #4c4c4c; margin-bottom: .2rem;}
.periphery3-cnt1 .top-head{text-align: center; margin-bottom: .2rem;}
.periphery3-cnt1 .top-head .h1{padding-left: 1.3rem; color: #4c4c4c; letter-spacing: 1.3rem; margin-bottom: .12rem;}
.periphery3-cnt1 .top-head .star{margin: 0 auto;}
.periphery3-cnt1 .top-head .num{color: #f77730; font-weight: 600; padding-left: .2rem; line-height: 1.3;}
.periphery3-cnt1 .top-head .num em{vertical-align: super; margin-left: .04rem; line-height: 1; font-weight: 500;}
.periphery3-cnt1 .hotel-swiper{border-top: 1px solid #ebebeb;}
.periphery3-cnt1 .parent-wrapper>.swiper-slide{overflow: hidden; border-radius: .08rem; display: flex; height: 5.4rem;}
.periphery3-cnt1 .hotel-swiper .dd{position: relative; height: 100%; width: 9.74rem;}
.periphery3-cnt1 .hotel-swiper .dd:before{content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/periphery/periphery3-mask.png) no-repeat center; background-size: 100% 100%; z-index: 5;}
.periphery3-cnt1 .hotel-swiper .dt{position: relative; padding: .5rem; width: 4.66rem; height: 100%; background: url(../images/periphery/periphery3-item-bg.jpg) no-repeat center; background-size: 100% 100%;}
.periphery3-cnt1 .hotel-swiper .txt{min-height: 1.74rem; max-height: 2.5rem; margin-bottom: .3rem;}
.periphery3-cnt1 .hotel-swiper h4{color: #3d4c42; margin-bottom: .1rem;}
.periphery3-cnt1 .hotel-swiper p{color: #7b8c80;}
.periphery3-cnt1 .hotel-swiper .phone{height: .8rem; padding: .2rem 0 .2rem .38rem; line-height: .38rem; border-top: 1px solid #d8e3db; border-bottom: 1px solid #d8e3db; background: url(../images/periphery/periphery3-c1-phone.png) no-repeat left center; background-size: .3rem; color: #4d9162; font-weight: 600;}
.periphery3-cnt1 .hotel-swiper .btn{position: absolute; left: .5rem; bottom: .5rem; width: 1.2rem; height: .54rem; line-height: .54rem; background: #4d9162; color: #fff; border-radius: .04rem; text-align: center;}
.periphery3-cnt1 .hotel-swiper .btn:hover{background: #447d55;}
.periphery3-cnt1 .hotel-swiper .pic-pagination{position: absolute; left: auto; width: auto; right: .4rem; bottom: .52rem; display:flex;justify-content:flex-end;font-size:0;margin-right:-15px; z-index: 5;}
.periphery3-cnt1 .hotel-swiper .pic-pagination .li{position:relative;width:.16rem;height:.16rem;border-radius:50%;text-align:center;cursor:pointer;border:.03rem solid transparent;margin:0 .15rem; background: no-repeat;}
.periphery3-cnt1 .hotel-swiper .pic-pagination .li:after{content:"";display:block;position:absolute;left:50%;top:50%;width:6px;height:6px;background:#fff;border-radius:50%;margin:-3px 0 0 -3px}
.periphery3-cnt1 .hotel-swiper .pic-pagination .li .l{position:absolute;width:.08rem;height:.16rem;top:-3px;left:-3px;overflow:hidden;border-radius:.08rem 0 0 .08rem}
.periphery3-cnt1 .hotel-swiper .pic-pagination .li .r{position:absolute;width:.08rem;height:.16rem;top:-3px;right:-3px;overflow:hidden;border-radius:0 .08rem .08rem 0}
.periphery3-cnt1 .hotel-swiper .pic-pagination .li .l:after{content:" ";display:block;position:absolute;left:0;top:0;width:.16rem;height:.16rem;border-radius:50%;box-sizing:border-box;border:3px solid #fff;border-color:transparent #fff #fff transparent;transform:rotate(-45deg)}
.periphery3-cnt1 .hotel-swiper .pic-pagination .li .r:after{content:" ";display:block;position:absolute;right:0;top:0;width:.16rem;height:.16rem;border-radius:50%;box-sizing:border-box;border:3px solid #fff;border-color:#fff transparent transparent #fff;transform:rotate(-45deg)}
.periphery3-cnt1 .hotel-swiper .pic-pagination .li.swiper-pagination-bullet-active{border-color:rgba(255,255,255,.45)}
.periphery3-cnt1 .hotel-swiper .pic-pagination .li.swiper-pagination-bullet-active .l:after{-webkit-animation:circle_right 5s linear 1 forwards;-moz-animation:circle_right 5s linear 1 forwards;-o-animation:circle_right 5s linear 1 forwards;animation:circle_right 5s linear 1 forwards}
.periphery3-cnt1 .hotel-swiper .pic-pagination .li.swiper-pagination-bullet-active .r:after{-webkit-animation:circle_right 4.9s 2.5s linear 1 forwards;-moz-animation:circle_right 4.9s 2.5s linear 1 forwards;-o-animation:circle_right 4.9s 2.5s linear 1 forwards;animation:circle_right 4.9s 2.5s linear 1 forwards}
.periphery3-cnt1 .hotel-swiper .pic-pagination .li.swiper-pagination-bullet-active:after{background-color:transparent}
.periphery3-cnt1 .hotel-pagination{display: flex; justify-content: center;}
.periphery3-cnt1 .hotel-pagination .li{width: auto; height: .76rem; line-height: .76rem; color: #808080; margin: 0 .3rem; border-radius: 0; background: transparent; cursor: pointer; white-space: nowrap;}
.periphery3-cnt1 .hotel-pagination .swiper-pagination-bullet-active,.periphery3-cnt1 .hotel-pagination .li.on{color: #4d9162;}

.promotion-cnt1 .til-cn{line-height: 1.2; color: #4c4c4c; margin-bottom: .3rem;}
.promotion-cnt1 .list{overflow: hidden;}
.promotion-cnt1 .list .li{position: relative; float: left; width: 2.72rem; border-radius: .08rem; overflow: hidden; margin: 0 .2rem .2rem 0;}
.promotion-cnt1 .list .txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/promotion/promotion-mask.png) no-repeat center; background-size: 100% 100%; z-index: 2;}
.promotion-cnt1 .list .btn{position: absolute; left: 50%; top: 50%; width: .6rem; height: .6rem; margin: -.3rem 0 0 -.3rem; z-index: 2; opacity: 0; transition: all .4s;}
.promotion-cnt1 .list h4{position: absolute; left: 0; right: 0; bottom: 0; padding: .2rem; color: #fff; z-index: 2; text-align: center;}
.promotion-cnt1 .list .li:hover .btn{opacity: 1;}
.promotion-cnt1 .list .li:nth-child(5n){margin-right: 0;}
.promotion2-cnt1 .til-cn{line-height: 1.2; color: #4c4c4c; margin-bottom: .3rem;}
.promotion2-cnt1 .auto{position: relative;}
.promotion2-cnt1 .filter-box{position: absolute; right: 0; top: 0; z-index: 2; display: flex; font-weight: 600; color: #808080;}
.promotion2-cnt1 .filter-box .c-down{position: relative; width: auto; margin-right: 0;}
.promotion2-cnt1 .filter-box .name{height: .5rem; line-height: .5rem; margin-right: .14rem;}
.promotion2-cnt1 .filter-box span{position: relative; display: block; width: 1.5rem; height: .5rem; background: #fff; border-radius: .04rem; border: 1px solid #ebebeb; padding: .1rem .2rem; cursor: pointer;}
.promotion2-cnt1 .filter-box span:after{position: absolute; right: .17rem; top: 50%; margin-top: -.08rem; content: ""; display: block; width: .16rem; height: .16rem; background: url(../images/icon-down.png) no-repeat center; transition: all .4s;}
.promotion2-cnt1 .filter-box .c-ul{display: none; position: absolute; left: 0; top: .6rem; width: 100%; background: #fff; border-radius: .04rem; border: 1px solid #e4ede7;}
.promotion2-cnt1 .filter-box ul{max-height: 2.44rem; padding: .2rem 0;}
.promotion2-cnt1 .filter-box ul:before{content: ""; display: block; position: absolute; left: 1.14rem; top: -8px; width: 22px; height: 8px; background: url(../images/promotion/icon-corner.png) no-repeat center;}
.promotion2-cnt1 .filter-box li{padding: 0 .2rem; height: .34rem; line-height: .34rem; transition: all .4s; background: #fff; cursor: pointer;}
.promotion2-cnt1 .filter-box li:hover{color: #4d9162;}
.promotion2-cnt1 .main{overflow: hidden;}
.promotion2-cnt1 .main li{position: relative; float: left; width: 3.45rem; border-radius: .08rem; overflow: hidden; margin: 0 .2rem .2rem 0;}
.promotion2-cnt1 .main li img{transition: all .6s;}
.promotion2-cnt1 .main li:after{content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/promotion/promotion2-mask.png) no-repeat bottom center; background-size: 100% 100%;}
.promotion2-cnt1 .main li h4{position: absolute; left: 0; right: 0; bottom: 0; padding: .2rem .3rem; color: #fff; z-index: 2;}
.promotion2-cnt1 .main li:nth-child(4n){margin-right: 0;}
.promotion2-cnt1 .main li:hover img{transform: scale(1.1);}
#propages{text-align: right; padding-top: .2rem; user-select:none;}
#propages ul{letter-spacing: -4px; display:inline-block; vertical-align: top;}
#propages li{display:inline-block; letter-spacing:normal; vertical-align: top; width: .36rem; height: .36rem; margin:0 .05rem; line-height: .36rem; color: #666; text-align: center; border-radius: .04rem;cursor: pointer; background: #f0f0f0;}
#propages li:hover{background-color: #e4ede7;}
#propages li.paging-selecte{background-color: #4d9162; border-color:#4d9162; color: #fff;}
#propages li.last,#propages li.first{width:48px;}
#propages li:last-child{margin-right: 0;}
.promotion3{padding: 0 0 .8rem;}
.promotion3-cnt1{padding: .8rem 0; background: linear-gradient(to bottom, #fff, #eef6f0);}
.promotion3-cnt1 .til-cn{line-height: 1.2; color: #4c4c4c; margin-bottom: .3rem;}
.promotion3-cnt1 .item{display: flex; overflow: hidden; border-radius: .08rem; box-shadow: 0 0 .6rem rgba(183,202,188,.2);}
.promotion3-cnt1 .pic{float: left; width: 7.1rem; height: 4.1rem; overflow: hidden;}
.promotion3-cnt1 .pic img{transition: all .6s;}
.promotion3-cnt1 .txt{float: right; width: 7.3rem; background: #fff; padding: 0 .5rem; height: 4.1rem;}
.promotion3-cnt1 .txt .more{color: #666;}
.promotion3-cnt1 .item .box{border-bottom: .02rem solid #ebf2ec; height: 3.26rem; padding-top: .4rem;}
.promotion3-cnt1 .item .time{color: #999;}
.promotion3-cnt1 .item h4{color: #4d9162; line-height: 1.4; margin-bottom: .2rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.promotion3-cnt1 .item p{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.promotion3-cnt1 .item .more{display: inline-block; vertical-align: middle; padding-right: .36rem; margin-top: .28rem;}
.promotion3-cnt1 .item .more:after{margin-left: .2rem; content: ""; vertical-align: middle; width: .12rem; height: .12rem; display: inline-block; background: url(../images/icon-more.png) no-repeat -.18rem center; background-size: auto 100%; transition: all .4s;}
.promotion3-cnt1 .item:hover .more:after{background-position: 0 center;}
.promotion3-cnt1 .item:hover .pic img{transform: scale(1.1);}
.promotion3-cnt2{padding-top: .9rem;}
.promotion3-cnt2 .ul{overflow: hidden;}
.promotion3-cnt2 .item{float: left; width: 4.66rem; margin: 0 .21rem .4rem 0; background: #f5f5f5; border-radius: .08rem; overflow: hidden;}
.promotion3-cnt2 .item:nth-child(3n){margin-right: 0;}
.promotion3-cnt2 .item *{line-height: 1.4;}
.promotion3-cnt2 .item .pic{overflow: hidden;}
.promotion3-cnt2 .item .pic img{transition: all .6s;}
.promotion3-cnt2 .item .txt{padding: .3rem; height: 1.96rem;}
.promotion3-cnt2 .item .time{color: #999; margin-bottom: .06rem;}
.promotion3-cnt2 .item h4{color: #4c4c4c; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.promotion3-cnt2 .item .icon{margin-top: .34rem; content: ""; vertical-align: middle; width: .12rem; height: .12rem; display: inline-block; background: url(../images/icon-more.png) no-repeat -.18rem center; background-size: auto 100%; transition: all .4s;}
.promotion3-cnt2 .item:hover .pic img{transform: scale(1.1);}
.promotion3-cnt2 .item:hover .icon{background-position: 0 center;}
.promotion3-cnt2 #propages{padding-top: 0;}

/* 移动端内容 */
#header .menu-btn{display: none; position:fixed; right: .4rem; top: .2rem; width:.8rem;height:.8rem;z-index:900;background:#4d9162;transition:all .4s}
#header .menu-btn .cnt{position:absolute;left:0;right:0;top:0;bottom:0;width:.4rem;height:.3rem;margin:auto;display:flex;flex-direction:column;justify-content:space-between}
#header .menu-btn .i{width:100%;height:.04rem;background:#fff;-webkit-transition:all .4s;transition:all .4s}
#header .menu-btn.on .i{position:absolute;left:0;top:0;bottom:0;margin:auto 0}
#header .menu-btn.on .i:nth-child(1){-webkit-transform:rotate(45deg);transform:rotate(45deg)}
#header .menu-btn.on .i:nth-child(2){opacity:0}
#header .menu-btn.on .i:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}

.mobile-nav .bg{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:800;background:rgba(0,0,0,.8)}
.mobile-nav .vux{opacity:0;position:fixed; right:-5.5rem; width: 5.4rem;top:0;padding-top:1.6rem;height:100%;overflow:hidden;overflow-y:auto;z-index:850;background:#fff;transition:all .4s;box-shadow:0 0 10px rgba(0,0,0,.1);background-size:100%}
.mobile-nav .vux.on{opacity:1;right:0}
.mobile-nav li{position:relative}
.mobile-nav li .til{position: relative; padding: 0 .4rem; line-height: .9rem; font-size: .36rem; color: #63605d; height: .9rem;}
.mobile-nav li.on .til{color:#937124}
.mobile-nav li.show .til:after{display:block}
.mobile-nav li.n_c .til:after{display:none}
.mobile-nav li .bt{display:none;padding:.1rem 0;margin:0 .4rem;border-top:1px solid #ebeae9}
.mobile-nav li .bt a{display:block;position:relative;font-size:.3rem;color:#666;line-height:40px}
.mobile-nav li .bt a.on,.mobile-nav li .bt a:hover{color:#4d9162;}
.mobile-nav li.open .bt{display: block;}
.mobile-head .language-con{display: flex;position:absolute;right:.4rem;padding-bottom:.2rem;left:.4rem;top:.2rem;border-bottom: 1px solid #ebeae9;}
.mobile-head .language-con a{display:flex;justify-content:center;align-items:center;width:.8rem;font-size:.26rem;height:.8rem;margin-right:.1rem;line-height:.4rem;border:1px solid #ebeae9;color:#63605d}
.mobile-head .language-con a.on{color:#fff;background:#4d9162;border-color:#4d9162}

.wx-pop{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999;}
.wx-pop .bg{width: 100%; height: 100%; background: rgba(0,0,0,.8);}
.wx-pop .cnt{position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; width: 3.3rem; height: 3.3rem; padding: .2rem; transform: translateY(-50%); background: #fff;}
.wx-pop .cnt img{width: 100%;}
.wx-pop .close{position: absolute; left: 50%; width: .6rem; height: .6rem; margin-left: -.3rem; bottom: -1rem; border-radius: 50%; background: #fff url(../images/icon-close.png) no-repeat center; background-size: .21rem;}
.wx-pop .close::before{position: absolute; bottom: 100%; content: ""; display: block; height: .5rem; width: .02rem; background: #fff; left: 50%; margin-left: .01rem;}

@media screen and (max-width:1440px){
  .s14{font-size:12px;}
  .s15{font-size:13px;}
  .s16{font-size:14px;}
  .s17{font-size:15px;}
  .s18{font-size:15px;}
  .s20{font-size:17px;}
  .s21{font-size:18px;}
  .s22{font-size:19px;}
  .s23{font-size:20px;}
  .s24{font-size:21px;}
  .s26{font-size:22px;}
  .s28{font-size:24px;}
  .s30{font-size:26px;}
  .s32{font-size:27px;}
  .s34{font-size:29px;}
  .s36{font-size:31px;}
  .s40{font-size:34px;}
  .s44{font-size:38px;}
  .s48{font-size:41px;}
  .s52{font-size:45px;}
  .s60{font-size:51px;}
  html{font-size: calc(100vw / 15);}
  .auto{width: 96%; max-width: none;}
  .about-cnt1 .auto{height: 5.6rem;}
  .banner .content{width: 96%; max-width: none;}
  .footer-column{margin-right: 1rem;}

  .exhibition2-cnt1.grid .exhibition2-list .list li{width: 32.2%; margin-right: 1.7%;}
  .exhibition2-cnt1.grid .exhibition2-list .list .txt{height: auto; max-height: 2rem;}
  .exhibition2-cnt1.grid .exhibition2-list .list li:hover .txt{height: auto; max-height: 5rem;}
  .exhibition4-cnt1 .li input{width: calc((100vw - 6px) * 0.314); margin-right: calc((100vw - 6px) * 0.009);}
  .exhibition4-cnt1 .li .two{width: calc((100vw - 6px) * 0.637);}
  .exhibition4-cnt1 .ipt{margin-right: calc((100vw - 6px) * 0.009);}
  .exhibition4-cnt1 .three input{width: 100%;}
  .exhibition4-cnt1 .ipt input{margin-right: 0;}

  .promotion-cnt1 .list .li{width: 18.9%; margin-right: 1.375%;}
  .promotion2-cnt1 .main li{width: 24%; margin-right: 1.333%;}
  
  .promotion3-cnt1 .txt{height: auto; padding-bottom: .4rem;}
  .promotion3-cnt1 .item .box{height: auto; padding-bottom: .3rem;}
  .promotion3-cnt2 .item{width: 32.4%; margin-right: 1.4%;}
}

@media screen and (max-width: 1000px){
  .footer-column{margin-right: .6rem;}
  .promotion3-cnt1 .item{max-width: 710px; flex-wrap: wrap; margin: 0 auto;}
  .promotion3-cnt1 .pic{width: 100%;}
  .promotion3-cnt1 .txt{width: 100%;}
  .exhibition2-list .list .txt{height: auto;}
}

@media screen and (max-width:768px){
  .s14{font-size: calc(24 * 1rem / 100);}
  .s15{font-size: calc(26 * 1rem / 100);}
  .s16{font-size: calc(27 * 1rem / 100);}
  .s17{font-size: calc(29 * 1rem / 100);}
  .s18{font-size: calc(31 * 1rem / 100);}
  .s20{font-size: calc(34 * 1rem / 100);}
  .s21{font-size: calc(36 * 1rem / 100);}
  .s22{font-size: calc(38 * 1rem / 100);}
  .s23{font-size: calc(39 * 1rem / 100);}
  .s24{font-size: calc(33 * 1rem / 100);}
  .s26{font-size: calc(34 * 1rem / 100);}
  .s28{font-size: calc(34 * 1rem / 100);}
  .s30{font-size: calc(40 * 1rem / 100);}
  .s32{font-size: calc(42 * 1rem / 100);}
  .s34{font-size: calc(40 * 1rem / 100);}
  .s36{font-size: calc(42 * 1rem / 100);}
  .s40{font-size: calc(46 * 1rem / 100);}
  .s44{font-size: calc(50 * 1rem / 100);}
  .s48{font-size: calc(60 * 1rem / 100);}
  .s52{font-size: calc(60 * 1rem / 100);}
  .s60{font-size: calc(70 * 1rem / 100);}

  .tach-tips{display: block;}
  .scroll-hint{display: block;}
  .auto{width: 6.7rem;}
  .banner .content{width: 6.7rem;}
  html{font-size: calc(100vw / 750 * 100);}
  .fixedCt{width: .6rem; height: .6rem; right: .4rem;}
  #header{min-width: auto;}
  #header .header{height: 1.2rem; padding: 0 .4rem;}
  #header .logo{width: 2.6rem;}
  #header .head_ri{display: none;}
  #header .nav{display: none;}
  #header .menu-btn{display: block;}
  #footer{height: auto;}
  #footer .auto{flex-wrap: wrap;}
  .footer-logo{display: none;}
  .footer-top{position: relative; display: block;}
  .footer-middle{height: auto; padding: .4rem 0;}
  .footer-middle .ri-list{display: none;}
  .footer-info{max-width: 100%; height: auto; width: 100%;}
  .footer-logo img{height: .6rem;}
  .footer-links-right .wx{position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: auto; height: auto; display: flex; align-items: flex-end; }
  .footer-links-right .wx .p-mark{width: .6rem; height: .6rem;}
  .footer-links-right .wx .pos{display: none !important; position: static; transform: none;}
  #polyGroup{width: 100%; margin-right: 0;}
  #polyGroup span{height: .84rem; background-size: .3rem; padding-left: .6rem;}
  #polyGroup li a{height: .8rem; padding-left: .6rem; line-height: .8rem; border-bottom: .02rem solid rgba(255,255,255,.3);}
  #polyGroup span:after{width: .2rem; height: .2rem; margin-top: -.1rem;}
  #footer .footer-bottom .auto{padding: .4rem 0;}
  #footer .footer-bottom p{text-align: left;}
  #footer .footer-bottom p a{display: inline-block;}
  .tech-support{float: none; margin-left: .2rem;}

  #propages{text-align: center;}
  #propages li{width: .54rem; height: .54rem; margin: 0 .1rem; line-height: .54rem;}

  .banner{height: 9rem;}
  .banner .mySwiper .bg{display: none;}
  .banner .mySwiper .m-bg{display: block;}
  .banner .txt{top: 3.6rem !important;}
  .banner .txt1 .t1{letter-spacing: .38rem; font-size: .44rem; white-space: nowrap;}
  .banner .txt1 .en-img{height: .82rem;}
  .banner .txt2 .t1{font-size: .56rem;}
  .banner .txt2 .en{font-size: .28rem; line-height: 1.2;}
  .banner .txt2 .en br{display: none;}
  .banner .txt3{margin: -.8rem 0 0 2.1rem;}
  .banner .txt3 .t1{display: none;}
  .banner .txt3 .m-t1{display: block;}
  .banner .txt3 .m-t1 img{display: block; height: 1.14rem;}
  .banner .txt3 .en{font-size: .28rem; line-height: 1.2; margin-top: .1rem;}
  .banner .txt3 .en br{display: none;}
  .banner .txt4{padding-top: 0;}
  .banner .txt4 .t1{font-size: .64rem;}
  .banner .txt4 .en{font-size: .27rem; font-weight: 600;}
  .banner .subscribe{display: none; bottom: 1rem;}
  .banner .subscribe .btn{width: 50%; height: .5rem; line-height: .5rem; text-align: center;}
  .banner .subscribe .ul{border-top-right-radius: 0;}
  .banner .subscribe .ul .item{flex-wrap: wrap;}
  .banner .subscribe .ipt{width: 49%; margin-bottom: .1rem;}
  .banner .subscribe input{height: .6rem; line-height: .42rem;}
  .banner .subscribe .submit{width: 100%; height: .6rem; line-height: .6rem;}
  .banner .hd{bottom: .4rem;}
  .banner .hd ul{justify-content: center;}
  .banner .s28{font-size: .34rem;}
  .banner .s30{font-size: .36rem;}
  .banner .s32{font-size: .38rem;}
  .banner .next, .banner .prev{display: none;}
  .index-cnt1 .txt-box{flex-wrap: wrap;}
  .index-cnt1 .txt-box .le{width: 100%; border: 0 none; border-bottom: 1px solid #e9e9e9;}
  .index-cnt1 .txt-box .le .btn:after{width: .22rem; height: .2rem; background-position: -.3rem 0; margin-top: -.06rem;}
  .index-cnt1 .txt-box .ri{width: 100%;}
  .index-cnt1 .txt-box .til-cn{letter-spacing: .1rem;}
  .index-cnt1 .txt-box .ri ul{justify-content: space-between;}
  .index-cnt1 .txt-box .ri li{width: 3rem;}
  .index-cnt1 .img-box{flex-wrap: wrap; height: auto;}
  .index-cnt1 .img-box .li{width: 100%; margin-bottom: .2rem;}
  .index-cnt1 .img-box .li .txt{width: 4.4rem; padding: .2rem;}
  .index-cnt1 .img-box .pic{width: 6.7rem; height: 4.2rem;}
  .index-cnt1 .img-box .m-bg{display: block;}
  .index-cnt1 .img-box .anim-width.animated{width: 100%;}
  .index-cnt1 .img-box .li:nth-child(1) .pic{background: none;}
  .index-cnt1 .img-box .li:nth-child(2) .pic{background: none;}
  .index-cnt1 .img-box .ri .title{left: .3rem; right: auto;}
  .index-cnt2 .til-box{top: 1rem;}
  .index-cnt2 .txt{top: 3rem;}
  .index-cnt2 .txt h4{padding-left: .8rem; letter-spacing: .8rem;}
  .index-cnt2 .txt .btn{margin-top: 0; width: 2.4rem; height: .8rem; line-height: .8rem;}
  .index-cnt2 .txt .btn:before{width: .3rem;}
  .index-cnt2 .swiper-hd{bottom: 0;}
  .index-cnt2 .swiper-hd .li{height: 2rem; padding: .2rem .3rem 0;}
  .index-cnt2 .swiper-hd .icon{left: .3rem; top: .5rem;}
  .index-cnt2 .swiper-hd .more{width: .2rem; height: .2rem;}
  .index-cnt2 .swiper-hd .swiper-pagination-bullet .more,.index-cnt2 .swiper-hd .swiper-pagination-bullet-active .more{background-position: -.3rem center;}
  .index-cnt2 .swiper-hd .swiper-pagination-bullet-active{padding-top: .9rem;}
  .index-cnt2 .swiper-slide .bg{display: none;}
  .index-cnt2 .swiper-slide .m-bg{display: block;}
  .index-cnt3 .cnt3-swiper{margin: 0 -.4rem; padding: 0 .4rem;}
  .index-cnt3 .swiper-slide{width: 6.7rem;}
  .index-cnt3 .dt{height: 3.6rem;}
  .index-cnt3{padding-top: 1.2rem;}
  .index-cnt3 .line{top: 6.5rem;}
  .index-cnt3 .dd:before{background-image: url(../images/index/idx-c3-dot2.png);}
  .index-cnt4 .ul{flex-wrap: wrap;}
  .index-cnt4 a{width: 49%; margin-bottom: .2rem;}
  .index-cnt4 .it1{width: 100%;}
  .index-cnt4 .dd{padding: .2rem;}
  .index-cnt4 .dd .time, .index-cnt4 .dd h4{font-size: .26rem;}
  .index-cnt4 .dd .more{width: .2rem; height: .2rem; background-position: -.3rem center; margin-top: .2rem;}
  .index-cnt6{flex-wrap: wrap; height: auto;}
  .index-cnt6 .le{width: 100%; height: 5rem;}
  .index-cnt6 .ri{width: 100%; height: auto;}
  .index-cnt6 .ri .box{width: 100%; padding: .6rem .4rem; max-width: none;}
  .index-cnt6 .ri h3{font-size: .36rem;}
  
  .sub-ban{height: 4rem;}
  .sub-ban .auto{padding-top: 2.2rem;}
  .sub-ban .page-t1{line-height: 1;}
  .page-nav .par{display: none;}
  .page-nav .ul{float: left;}
  .page-nav{height: auto;}
  .page-nav .auto{overflow: hidden;}
  .page-nav .list a{line-height: 1rem;}
  .about{padding-bottom: .8rem;}
  .about-cnt1 .auto{height: auto;}
  .about-cnt1 .c-list li{height: auto; border-bottom: 1px solid #ebebeb; margin-bottom: 0;}
  .about-cnt1 .c-list li:first-child .box{padding-top: 0;}
  .about-cnt1 .box{display: none; background: no-repeat !important; padding-top: .6rem;}
  .about-cnt1 .box .pic{display: block; border-radius: .08rem;}
  .about-cnt1 .txt .btn{height: .8rem; line-height: .8rem;}
  .about-cnt1 .txt{position: static; height: auto; padding: .6rem 0;}
  .about-cnt1 .txt h3{color: #4c4c4c; font-size: .36rem;}
  .about-cnt1 .txt p{font-size: .24rem; color: rgba(76,76,76,.8); line-height: .36rem;}
  .about-cnt1 .show-til{position: relative; display: block; height: 1.2rem; line-height: 1.2rem; font-size: .36rem; color: #4c4c4c; }
  .about-cnt1 .show-til:after{position: absolute; right: 0; top: 50%; content: ""; display: block; width: .3rem; height: .3rem; margin-top: -.15rem; background: url(../images/icon-down3.png) no-repeat center; background-size: contain;}
  .about2-cnt1 .top-box .le{position: static; margin-bottom: .3rem;}
  .about2-cnt1 .top-box .til-box{position: static; transform: none; padding-left: .4rem;}
  .about2-cnt1 .til-box .line{left: 2.2rem; top: .4rem; background-position: -5rem center; background-size: 140%;}
  .about3{padding-bottom: 0;}
  .about3-cnt1 .main{height: 6.4rem; padding: .4rem; margin: 0 -.4rem; background: #f0e7d1 url(../images/about/about3-bg-m.jpg) no-repeat bottom center; background-size: 100%;}
  .about3-cnt1 .til-cn{margin-bottom: .3rem;}
  .about3-cnt1 .swiper-slide{width: 100%;}
  .about3-cnt1 .li{width: 49%; margin-right: 2%;}
  .about3-cnt1 .li:after{background-size: 90%;}
  .about3-cnt1 .li .p{font-size: .24rem;}
  .about3-cnt1 .honor-swiper{height: 5.6rem;}
  .about3-cnt1 .swiper-pagination{left: 0; right: 0; width: 100%; top: auto; bottom: 0; z-index: 5; display: flex; justify-content: center;}
  .about3-cnt1 .swiper-pagination .swiper-pagination-bullet{margin: 0 .1rem; width: .16rem; height: .16rem;}
  .about4-cnt1 .phone-book{flex-wrap: wrap;}
  .about4-cnt1 .phone-book .li{width: 100%; padding: .3rem 0 .3rem 1.1rem;}
  .about4-cnt1 .phone-book .icon{width: .8rem;}
  #about4-map .map-pop-txt{height: .9rem; line-height: .9rem; padding: 0 .4rem; font-size: .24rem;}
  #about4-map .map-pop-txt:before{width: .4rem; height: .4rem;}
  
  .exhibition-cnt1 .txt{width: 100%;}
  .exhibition-cnt1 .til-cn{margin-bottom: .3rem;}
  .exhibition-cnt2 ul{flex-wrap: wrap; justify-content: space-between;}
  .exhibition-cnt2 li{width: 48%; margin: 0 0 .2rem;}
  .exhibition2-cnt1 .tab-btn{display: none;}
  .exhibition2-cnt1.grid .exhibition2-list .list li{width: 100%; height: auto; margin: 0 0 .4rem;}
  .exhibition2-list .list .pic{height: 3.6rem;}
  .exhibition2-cnt1.grid .exhibition2-list .list .txt{position: static; height: auto; max-height: none;}
  .exhibition2-cnt1.grid .exhibition2-list .list .p-area, .exhibition2-cnt1.grid .exhibition2-list .list .p-address{opacity: 1;}
  .exhibition2-cnt1.grid .exhibition2-filter2{justify-content: space-between; flex-wrap: wrap;}
  .exhibition2-filter2>div{width: 48%; margin: 0 0 .2rem;}
  .exhibition2-filter2 .c-down span{height: .8rem; padding: .1rem .1rem .1rem .8rem; line-height: .58rem; background-size: .4rem;}
  .exhibition2-filter2 .c-down .c-ul{top: calc(100% + .16rem);}
  .exhibition2-filter2 .c-down li{height: .6rem; line-height: .6rem; font-size: .3rem;}
  .exhibition2-filter2 .ipt input{height: .8rem; padding: 0 .4rem; line-height: .58rem;}
  .exhibition2-filter2 .c-down span:after{width: .26rem; height: .26rem; margin-top: -.13rem;}
  .exhibition2-filter2 .ipt .icon{width: .4rem; height: .4rem; right: .3rem; top: 50%; margin-top: -.2rem;}
  .exhibition2-cnt1.grid .exhibition2-list .list li:hover .pic{transform: translateY(0);}
  .exhibition3-cnt1 .table-wr{overflow: hidden; margin: 0 -.4rem; padding: 0 .4rem; overflow-x: auto;}
  .exhibition3-cnt1 .table-wr table{min-width: 16rem;}
  .exhibition3-cnt2{height: auto;}
  .exhibition3-cnt2 .auto{padding: 0 0 1rem;}
  .exhibition3-cnt2 .hd, .exhibition3-cnt2 .hd2{position: relative; margin-bottom: .4rem; width: 100%; display: flex; justify-content: space-between;}
  .exhibition3-cnt2 .hd .li, .exhibition3-cnt2 .hd2 .li{width: 48%; height: .8rem; line-height: .78rem;}
  .exhibition3-cnt2 .hd .li.on, .exhibition3-cnt2 .hd2 .li.on{border: 0 none; line-height: .8rem;}
  .exhibition3-cnt2 .hd2{position: static; border: 0 none; justify-content: flex-start; margin:-.2rem 0 .4rem;}
  .exhibition3-cnt2 .hd2 .li.on{background: transparent; color: #4d9162; line-height: .6rem;}
  .exhibition3-cnt2 .hd2 .li{width: auto; border: 0 none; height: .6rem; line-height: .6rem; background: transparent; margin-right: .4rem;}
  .exhibition3-cnt2 .bd .pic{width: 100%; max-height: none;}
  .exhibition3-cnt2 .bd .pic img{height: auto;}
  .exhibition3-cnt2 .bd .info{display: flex; flex-wrap: wrap; align-items: flex-end; position: static; margin-top: .4rem;}
  .exhibition3-cnt2 .info .p{margin: 0 0 .2rem; height: 1rem; display: flex; align-items: flex-end;}
  .exhibition3-cnt2 .info .big{margin-top: -.27rem;}
  .exhibition3-cnt2 .info img{width: .6rem;}
  .exhibition3-cnt2 .else{right: 0; top: auto; bottom: .5rem; height: 1.1rem;}
  .exhibition3-cnt2 .info.sy1 .p,.exhibition3-cnt2 .info.sy3 .p{width: 33.33%;}
  .exhibition3-cnt2 .info.sy2{width: 5rem;}
  .exhibition3-cnt2 .info.sy2 .p{width: 50%;}
  .exhibition3-cnt2 .info.sy4 .p{width: 33%;}
  .meeting3 .exhibition3-cnt2 .else{right: 50%; bottom: 0;}
  .exhibition4-cnt1 .li{width: 100%; margin-bottom: .1rem;}
  .exhibition4-cnt1 .li input{width: 100%; height: .8rem; line-height: .78rem; margin-right: 0;}
  .exhibition4-cnt1 .li .two{width: 100%;}
  .exhibition4-cnt1 .ipt{width: 100%; margin-bottom: .2rem;}
  .laydate_body .laydate_box{width: 6.7rem;}
  .exhibition4-cnt1 .submit{width: 2rem; height: .8rem; line-height: .8rem;}
  .exhibition4-cnt1 .ipt:after{width: .4rem; height: 100%; top: 0;}
  .exhibition4-cnt2{padding-top: 0; height: auto; padding-bottom: .8rem; background: none;}
  .exhibition4-cnt2 .txt{padding-left: .8rem;}
  .exhibition4-cnt2 .til{padding-left: .8rem; background-size: .6rem; margin-bottom: 0; padding-bottom: .14rem; margin-left: -.8rem; color: #4c4c4c;}
  .exhibition4-cnt2 p{color: #808080;}

  .periphery .info{height: auto; background-size: 100% 100%;}
  .periphery ul{flex-wrap: wrap;}
  .periphery li{margin-bottom: .3rem; animation-delay: .2s !important;}
  .periphery li:last-child{margin-bottom: 0;}
  .periphery li .icon{width: .8rem;}
  .periphery2-cnt1 .ul{flex-wrap: wrap;}
  .periphery2-cnt1 .li{width: 100%; margin-bottom: .4rem; height: auto;}
  .periphery2-cnt1 .li .dt{height: 4rem;}
  .periphery2-cnt1 .dd{position: static;}
  .periphery2-cnt1 .dd .p-box{display: block;}
  .periphery2-cnt1 .dd {padding: .3rem; height: auto; background: #f5f5f5;}
  .periphery2-cnt1 .dd h4 {color: #4c4c4c;overflow: hidden;}
  .periphery2-cnt1 .dd p{color: #808080; line-height: 1.6; font-size: .26rem;}
  .periphery3-cnt1 .top-head .h1{padding-left: 1rem; letter-spacing: 1rem;}
  .periphery3-cnt1 .hotel-pagination{justify-content: space-between;}
  .periphery3-cnt1 .hotel-pagination .li{text-align: center; margin: 0; font-size: .26rem; height: 1.2rem; line-height: .36rem; display: flex; align-items: center;}
  .periphery3-cnt1 .parent-wrapper>.swiper-slide{display: block; height: auto;}
  .periphery3-cnt1 .parent-wrapper>.swiper-slide img{width: 100%;}
  .periphery3-cnt1 .hotel-swiper .dd{width: 100%; height: auto; background: #eff5f1;}
  .periphery3-cnt1 .hotel-swiper .dt{width: 100%; height: auto; padding: .4rem;}
  .periphery3-cnt1 .hotel-swiper .txt{height: auto; max-height: none;}
  .periphery3-cnt1 .hotel-swiper .btn{position: static; margin-top: .3rem; width: 1.8rem; height: .8rem; line-height: .8rem; font-size: .28rem;}
  .periphery3-cnt1 .hotel-swiper .pic-pagination{bottom: .3rem;}
  .periphery3-cnt1 .hotel-swiper .pic-pagination .li{ background: #fff; border-color: #fff; margin: 0 .1rem;}
  .periphery3-cnt1 .hotel-swiper .pic-pagination .li *{display: none;}
  .periphery3-cnt1 .hotel-swiper .pic-pagination .li:after{display: none;}
  .periphery3-cnt1 .hotel-swiper .pic-pagination .li.swiper-pagination-bullet-active{background: #4d9162; border-color: #4d9162;}

  .promotion-cnt1 .list{display: flex; justify-content: space-between; flex-wrap: wrap;}
  .promotion-cnt1 .list .li{width: 48%; margin: 0 0 .2rem;}
  .promotion-cnt1 .list .btn{opacity: 1;}
  .promotion2-cnt1 .main{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .promotion2-cnt1 .main li{width: 48%; margin: 0 0 .3rem;}
  .promotion2-cnt1 .filter-box{align-items: center;}
  .promotion2-cnt1 .til-cn{line-height: .8rem;}
  .promotion2-cnt1 .filter-box span{width: 2.4rem; height: .8rem; line-height: .58rem; padding: .1rem .3rem;}
  .promotion2-cnt1 .filter-box span:after{width: .26rem; height: .26rem; margin-top: -.13rem; right: .3rem;}
  .promotion2-cnt1 .filter-box .c-ul{top: .96rem;}
  .promotion2-cnt1 .filter-box ul:before{left: auto; right: .2rem;}
  .promotion2-cnt1 .filter-box li{height: .5rem; line-height: .5rem; padding: 0 .3rem;}


  .promotion3-cnt2 .item{float: none; width: 100%; margin: 0 0 .3rem;}
  .promotion3-cnt2 .item .txt{height: auto;}
  .promotion3-cnt2 .item .icon,.promotion3-cnt1 .item .more:after{width: .22rem; height: .2rem; background-position: -.3rem 0; margin-top: -.08rem;}
  
}


@keyframes z-diffusion{
  0%{transform:scale(.2); opacity:0;}
  70%{transform:scale(1.05); opacity:1;}
  90%{transform:scale(1.35);opacity:1;}
  100%{transform:scale(1.5);opacity:0;}
}
@keyframes circle_right {
  0% {transform: rotate(-45deg)}
  50%,100% {transform: rotate(135deg)}
}
@keyframes fadeHide {
  0% {opacity: 1}
  100% {opacity: 0}
}



@keyframes tachTips {
  0% {opacity: 1; transform: translateX(.3rem);}
  50% {opacity: 1; transform: translateX(-1rem);}
  51% {opacity: 1; transform: translateX(.3rem);}
  99% {opacity: 1; transform: translateX(-1rem);}
  100% {opacity: 0; display: none; transform: translateX(-1rem);}
}