/* CSS Document */
/*全局样式*/
html{ margin:0; padding:0;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-test-size-adjust:none; font-size:100px;}
body{font-family:"微软雅黑","Microsoft YaHei", Arial; font-size:0.28rem; padding:0px; margin:0px;}
div,span,h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{ margin:0; padding:0; list-style:none;vertical-align:baseline;}
.clear{ clear:both;}
a { color:#141414; text-decoration:none;}
a:hover { color:#141414;}
img {border:0 none;vertical-align:top;width:100%;height:auto;}
select{-webkit-appearance: none;-moz-appearance: none;appearance: none;border:none; outline:none;}
input{outline:none;font-family: inherit;}
i, em {font-style:normal}
.iconfont {font-family:"iconfont" !important;font-style:normal;}
div:after, li:after{content:"\200B"; display:block; height:0px; overflow:hidden; clear:both;}
.phone{width:100%; max-width:750px;color:#333333;margin:auto; overflow:hidden;}

.downmenu{ position:fixed;width:40%; height:100%; right:0; top:0;background:rgba(115,115,115,.9);transform:translateX(100%);-webkit-transform:translateX(100%); transition:all .7s;-webkit-transition:all .7s; overflow:hidden; opacity:0;z-index:100;}
.downmenu.active{transform:translateX(0);-webkit-transform:translateX(0); opacity:1;}
.downmenu ul{ position:absolute; left:0; top:10%; width:100%;}
.downmenu ul:after{content:'\200B'; display:block; height:0px; overflow:hidden; clear:both;}
.downmenu ul li{height:40px; line-height:40px;box-sizing:border-box; }
.downmenu ul li a{display:block; color:#fff; text-align:center; padding-left:20%;text-align:left; font-size:16px;}
.downmenu ul li a:hover{ background-color:rgba(58,58,58,.9);border-left:solid 3px #ba0628;}
.downmenu ul li:last-child{ height:auto; padding-top:10%;}
.downmenu ul li:last-child a{display:block;width:25%; background:white; padding:0px; margin-left:20%; padding-bottom:25%; background-image:url(../images/tel.png); background-position:center; background-repeat:no-repeat; background-size:50%;border-radius:100%;}
.downmenu ul li:last-child a:hover{ background-color:none; border:none;}
.downmenu .upbtn{ position:absolute; top:4.5%; left:19%;}
.downmenu .upbtn img{width:40%;}
.fixed.ONLINE_KF{ position:fixed; bottom:0px; right:0px;width:2.95rem; z-index:105;}

.shower{ position:fixed; width:100%; height:100%; left:0; top:0; background-color:white; background-image:url(../images/shower.jpg); background-position:top center; background-repeat:no-repeat; background-size:cover; z-index:999999;transition:all .5s;-webkit-transition:all .5s;}
.shower.hide{ transform:translateY(-100%) translateX(-100%);-webkit-transform:translateY(-100%) translateX(-100%);}

.index .header{ position:absolute; top:.4rem; left:0;width:100%; z-index:10; height:.88rem; background:white;}
.index .header .logo{ position:absolute; left:5%;width:2.75rem; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%)}
.index .header .logo img{width:100%; height:auto;}
.downbtn{ position:fixed; right:5%;width:.5rem; z-index:100; top:.7rem;}

.index{ position:absolute; top:0; left:0; right:0px; margin:auto; height:100%; overflow:hidden; padding:0px;}
.index .page-swiper{ position:relative; height:100%;}
.index .page-swiper .page{position:relative;background-position:center; background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.index .page-swiper .page .layer{ position:absolute;}
.index .page-swiper .page1{ background-image:url(../images/pindex_01.jpg);}

.index .page-swiper .head{ text-align:center; margin-bottom:0.4rem; padding-top:0.6rem; position:relative; padding-bottom:0.21rem;}
/*.index .page-swiper .head:after{ content:"\200B"; display:block; height:0.08rem; width:0.52rem; bottom:0; left:50%; transform:translateX(-50%);-webkit-transform:translateX(-50%); background:#e60012;border-radius:0.08rem; overflow:hidden; position:absolute;}*/
.index .page-swiper .thead{color:#3e3e40; font-size:0.48rem;}
.index .page-swiper .tbody{ color:#3e3e40; font-size:0.24rem; line-height:1.3; padding:1% 0 2%;}
.index .page-swiper .tbody .line{ position:relative;}
.index .page-swiper .tbody .line:before,
.index .page-swiper .tbody .line:after{content:"\200B"; display:block; height:1px; overflow:hidden; background:#000; position:absolute; top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);width:.23rem;}
.index .page-swiper .tbody .line:before{ left:-.43rem;}
.index .page-swiper .tbody .line:after{ right:-.43rem;}

.index .page-swiper .fixed-head{position:absolute; width:100%; left:0; top:0; z-index:10}

.index .page-swiper .flex-box{ display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction: column;}
.index .page-swiper .swiperbox .swiper-container{position:absolute; width:100%; height:100%; top:0; left:0; z-index:0; overflow:hidden;}
.index .page-swiper .swiperbox .swiper-btn{ position:absolute; z-index:100; background-position:center; background-repeat:no-repeat; background-size:100%;outline:none;}
.index .page-swiper .swiperbox a.photo img{position:absolute; top:50%; transform:translateY(-50%);-webkit-transform:translateY(-50%);}

.index .page-arrow{ position:absolute;bottom:3%; left:0;right:0;width:7%;z-index:10; margin:auto;}
.index .page-arrow i{ display:block; width:100%; padding-bottom:50%;background-position:center; background-repeat:no-repeat; background-size:100%; background-image:url(../images/png_11.png);-webkit-animation: start 1.5s infinite ease-in-out;animation: start 1.5s infinite ease-in-out;}

.index .page-swiper .swiper-btn{ width:10%;top:25%;}
.index .page-swiper .swiper-btn a{ display:block;width:100%;padding-bottom:100%; border-radius:100%; background-color:rgba(0, 0, 0, 0.3); background-position:center; background-repeat:no-repeat; background-size:50%;}
.index .page-swiper .swiper-btn-prev{ left:6%;}
.index .page-swiper .swiper-btn-prev a{ background-image:url(../images/arrow-l.png);}
.index .page-swiper .swiper-btn-prev:hover a{}
.index .page-swiper .swiper-btn-next { right:6%;}
.index .page-swiper .swiper-btn-next a{ background-image:url(../images/arrow-r.png);}
.index .page-swiper .swiper-btn-next:hover a{}

.index .page-swiper .swiper-pagination{ text-align:center;width:100%;}
.index .page-swiper .swiper-pagination .swiper-pagination-bullet{ background-color:#c4c4c4;width:8px; height:8px; opacity:1;border-radius: 8px; margin:0px 5px;}
.index .page-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color:#acce39;width:16px;}
.index .page-swiper .swiperbox .swiper-full{}

.index .page-swiper .page2 .thead{}
.index .page-swiper .page2 .head:after{ display:none;}
.index .page-swiper .page2 .head{ margin-bottom:0; padding-bottom:.5rem;}

.index .page-swiper .classlist{ text-align:center;margin:auto;line-height:1;}
.index .page-swiper .classlist a{display:inline-block;font-size:.2658rem; margin:0 1%; line-height:1.7; color:#575757;text-align:center; padding:0 3%;border:solid 1px #d8d8d8;}
.index .page-swiper .classlist a:last-child{ background-image:none; padding-right:5px;}
.index .page-swiper .classlist a.cur{color:white; background:#db0029; border-color:#db0029;}

.index .page-swiper .swiperbox{ flex:1; display:flex; display:-webkit-flex;flex-direction:column;-webkit-flex-direction: column; position:relative;}
.index .page-swiper .swiperbox a.photo{height:60%;position:relative;background-size:cover; background-position:center; background-repeat:no-repeat; overflow:hidden; display:block;}

.index .page-swiper .swiperbox li.swiper-slide{ display:flex; display:-webkit-flex;flex-direction:column;-webkit-flex-direction: column;}

.index .page-swiper .swiperbox li .abs{text-align:center; margin:0 8% 15%;}
.index .page-swiper .swiperbox li .abs .title{ font-size:0.32rem; margin:5% 0 3%;color:#000; font-weight:bold;}
.index .page-swiper .swiperbox li .abs .cont{font-size:0.24rem; line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;}

.index .page-swiper .page2 .swiper-container-horizontal>.swiper-pagination-bullets{top:50%; height:8px;}
.index .page-swiper .page2 .swiperbox a.photo{ position:static; height:auto;}
.index .page-swiper .page2 .swiperbox a.photo img{ position:static;transform:none;-webkit-transform:none; top:0;}
.index .page-swiper .page2 .swiper-pagination{ bottom:10%;}

.index .page-swiper .page3{ background-color:#f2f3f5; background-position:top center; background-repeat:no-repeat; background-size:cover;}
.index .page-swiper .page3 .thead{}
.index .page-swiper .page3 .tbody{text-align:center; width:90%; margin:auto;}
.index .page-swiper .page3 .tbody .desc{ padding-top:.28rem; line-height:1.8;}
.index .page-swiper .page3 .tbody .line:after,
.index .page-swiper .page3 .tbody .line:before,
.index .page-swiper .page4 .tbody .line:after,
.index .page-swiper .page4 .tbody .line:before,
.index .page-swiper .page8 .tbody .line:after,
.index .page-swiper .page8 .tbody .line:before{ background:#acce39;}
.index .page-swiper .page3 .swiperbox{ height:60%; flex:inherit; width:90%; margin:0 auto;}
.index .page-swiper .page3 .swiperbox a.photo{border-radius:2%;}
.index .page-swiper .page3 .swiperbox li{box-sizing:border-box;}
.index .page-swiper .page3 .swiperbox .abs { margin:0 0 18%; text-align:left;}
.index .page-swiper .page3 .swiperbox .abs .title{ font-size:0.32rem; margin:7% 0 3%;color:#000;font-weight:bold; line-height:.53rem;}
.index .page-swiper .page3 .swiperbox .abs .title a i{ margin-right:.17rem;}
.index .page-swiper .page3 .swiperbox .abs .title a i img{width:.53rem;height:.53rem;}
.index .page-swiper .page3 .swiperbox .abs .cont{font-size:0.26rem; line-height:1.6; display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical; overflow:hidden;}
.index .page-swiper .page3 .swiper-pagination{ bottom:7%;}
.index .page-swiper .page3 .swiperbox .swiper-btn{ top:45%;}

.index .page-swiper .page4{ background-image:url(../images/page4bg.jpg); background-position:top center; background-size:100%; background-repeat:no-repeat; background-color:#1c4f86;}
.index .page-swiper .page4 .head{ padding-bottom:.5rem; margin-bottom:0px;}
.index .page-swiper .page4 .thead,
.index .page-swiper .page4 .tbody{color:white;}
.index .page-swiper .page4 .tbody{ padding-bottom:0px;}
.index .page-swiper .page4 .swiperbox li{ display:block; position:relative; height:auto; box-sizing:border-box; padding:0 5%;display:flex;display:-webkit-flex;flex-direction:row;-webkit-flex-direction: row; flex-wrap:wrap;}
.index .page-swiper .page4 .swiperbox li a{ position:relative; color:#3e3e40; overflow:hidden;box-sizing:border-box ;height:26%; width:28.9%; background-color:#ffffff; margin:0 2.29%;border-radius:4%; background-repeat:no-repeat; background-size:25%; background-position:left 20% bottom 80%;}
.index .page-swiper .page4 .swiperbox li a:nth-child(3n){ margin-right:0px;}
.index .page-swiper .page4 .swiperbox li a:active,
.index .page-swiper .page4 .swiperbox li a:link,
.index .page-swiper .page4 .swiperbox li a:hover{ background-color:#acce39;color:white;}
.index .page-swiper .page4 .swiperbox li a:hover .cycle{ background-color:#fff;}
.index .page-swiper .page4 .swiperbox li a:nth-child(1){ background-image:url(../images/so_03.png);}
.index .page-swiper .page4 .swiperbox li a:nth-child(2){ background-image:url(../images/solu_19.png);}
.index .page-swiper .page4 .swiperbox li a:nth-child(3){ background-image:url(../images/solu_23.png);}
.index .page-swiper .page4 .swiperbox li a:nth-child(4){ background-image:url(../images/solu_26.png);}
.index .page-swiper .page4 .swiperbox li a:nth-child(5){ background-image:url(../images/solu_29.png);}
.index .page-swiper .page4 .swiperbox li a:nth-child(6){ background-image:url(../images/solu_32.png);}
.index .page-swiper .page4 .swiperbox li a:nth-child(7){ background-image:url(../images/solu_36.png);}
.index .page-swiper .page4 .swiperbox li a:nth-child(8){ background-image:url(../images/solu_39.png);}
.index .page-swiper .page4 .swiperbox li a:nth-child(9){ background-image:url(../images/solu_41.png);}

.index .page-swiper .page4 .swiperbox li:nth-child(2) a:nth-child(1){ background-image:url(../images/solu_43.png);}
.index .page-swiper .page4 .swiperbox li:nth-child(2) a:nth-child(2){ background-image:url(../images/solu_47.png);}
.index .page-swiper .page4 .swiperbox li:nth-child(2) a:nth-child(3){ background-image:url(../images/solu_50.png);}
.index .page-swiper .page4 .swiperbox li:nth-child(2) a:nth-child(4){ background-image:url(../images/solu_54.png);}
.index .page-swiper .page4 .swiperbox li:nth-child(2) a:nth-child(5){ background-image:url(../images/solu_56.png);}
.index .page-swiper .page4 .swiperbox li:nth-child(2) a:nth-child(6){ background-image:url(../images/solu_58.png);}
.index .page-swiper .page4 .swiperbox li:nth-child(2) a:nth-child(7){ background-image:url(../images/solu_60.png);}
.index .page-swiper .page4 .swiperbox li:nth-child(2) a:nth-child(8){ background-image:url(../images/solu_62.png);}
.index .page-swiper .page4 .swiperbox li:nth-child(2) a:nth-child(9){ background-image:url(../images/solu_66.png);}

.index .page-swiper .page4 .swiperbox li a:nth-child(1):hover{ background-image:url(../images/so_03_1.png);}
.index .page-swiper .page4 .swiperbox li a:nth-child(2):hover{ background-image:url(../images/solu_19_1.png);}
.index .page-swiper .page4 .swiperbox li a:nth-child(3):hover{ background-image:url(../images/solu_23_1.png);}
.index .page-swiper .page4 .swiperbox li a:nth-child(4):hover{ background-image:url(../images/solu_26_1.png);}
.index .page-swiper .page4 .swiperbox li a:nth-child(5):hover{ background-image:url(../images/solu_29_1.png);}
.index .page-swiper .page4 .swiperbox li a:nth-child(6):hover{ background-image:url(../images/solu_32_1.png);}
.index .page-swiper .page4 .swiperbox li a:nth-child(7):hover{ background-image:url(../images/solu_36_1.png);}
.index .page-swiper .page4 .swiperbox li a:nth-child(8):hover{ background-image:url(../images/solu_39_1.png);}
.index .page-swiper .page4 .swiperbox li a:nth-child(9):hover{ background-image:url(../images/solu_41_1.png);}

.index .page-swiper .page4 .swiperbox li:nth-child(2) a:nth-child(1):hover{ background-image:url(../images/solu_43_1.png);}
.index .page-swiper .page4 .swiperbox li:nth-child(2) a:nth-child(2):hover{ background-image:url(../images/solu_47_1.png);}
.index .page-swiper .page4 .swiperbox li:nth-child(2) a:nth-child(3):hover{ background-image:url(../images/solu_50_1.png);}
.index .page-swiper .page4 .swiperbox li:nth-child(2) a:nth-child(4):hover{ background-image:url(../images/solu_54_1.png);}
.index .page-swiper .page4 .swiperbox li:nth-child(2) a:nth-child(5):hover{ background-image:url(../images/solu_56_1.png);}
.index .page-swiper .page4 .swiperbox li:nth-child(2) a:nth-child(6):hover{ background-image:url(../images/solu_58_1.png);}
.index .page-swiper .page4 .swiperbox li:nth-child(2) a:nth-child(7):hover{ background-image:url(../images/solu_60_1.png);}
.index .page-swiper .page4 .swiperbox li:nth-child(2) a:nth-child(8):hover{ background-image:url(../images/solu_62_1.png);}
.index .page-swiper .page4 .swiperbox li:nth-child(2) a:nth-child(9):hover{ background-image:url(../images/solu_66_1.png);}

.index .page-swiper .page4 .swiperbox li a .cycle{ position:absolute; opacity:.6;width:.12rem;height:.12rem; top:10%; right:10%;background:#acce39;border-radius:100%;}
.index .page-swiper .page4 .swiperbox li a .idx{ position:absolute; font-size:.48rem; font-family:Arial, Helvetica, sans-serif; opacity:.15; left:15%; bottom:-.2rem;}
.index .page-swiper .page4 .swiperbox li a .bt{ position:absolute; top:50%; left:15%; transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.index .page-swiper .page4 .swiper-pagination{ bottom:7%;}
.index .page-swiper .page4 .swiperbox{margin-bottom:20%;}
.index .page-swiper .page4 .swiperbox .swiper-btn{ top:30%;}

.index .page-swiper .page5 .abs .title{ text-align:left;}
.index .page-swiper .page5 .abs .cont{font-size:.24rem; line-height:1.6; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;}
.index .page-swiper .page5 .swiperbox .swiper-btn{ top:55%;}

.index .page-swiper .page6{ background-color:#f2f3f5; background-position:top center; background-repeat:no-repeat; background-size:cover; display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction: column;height:auto !important;}
.index .page-swiper .page6 .flex-item{position:relative;}
.index .page-swiper .page6 .myform{ padding-bottom:.6rem;}
.index .page-swiper .page6 .head{ margin-bottom:0px; padding-bottom:.33rem;}
.index .page-swiper .page6 .tbody{font-size:0.38rem; line-height:1.7; text-align:center; padding:2% 0 0;}

.index .page-swiper .page7{ background:#444444; height:auto !important;}

.index .page-swiper .page8{ background:#fff;}
.index .page-swiper .page8 .head{ padding-bottom:.76rem;}
.index .page-swiper .page8 .head:after{ display:block; bottom:.67rem;}
.index .page-swiper .page8 .tbody{ padding-top:0;}
.index .page-swiper .page8 .swiperbox a.photo{ height:70%; background-position:top center;}
.index .page-swiper .page8 .swiperbox .abs{width:100%; padding:0 10%; box-sizing:border-box; margin:0px; position:relative; margin-bottom:0px; background:white;}
.index .page-swiper .page8 .swiperbox .abs .title{ position:absolute;width:100%; left:0; height:.99rem; line-height:1.08rem; border-radius:1.08rem; top:-.99rem; background:white;}
.index .page-swiper .page8 .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:9%; top:auto;}
.index .page-swiper .page8 .swiperbox .swiper-btn{ top:35%;}

.index .page-swiper .myform{ padding:0 9%;}
.index .page-swiper .myform .p-cont{ font-size:0.28rem; text-align:center; color:white; margin-bottom:35%;}
.index .page-swiper .myform ul li { margin-bottom:.2rem}
.index .page-swiper .myform ul li input{ width:100%; background:white; overflow:visible;border-radius: .78rem;font-size: 1em;line-height: .33rem; height: .78rem;border:solid 1px #b1a5a5; padding:0px 5%;box-sizing:border-box;}
.index .page-swiper .myform ul li a.submit{display:block; height: .77rem;line-height: .77rem;border-radius: .77rem; text-align:center;color:white;font-size:.3038rem; background-color:#acce39;}
.index .page-swiper .myform ul li a.submit:hover{ background-color:#950520; }

.index .page-swiper .footer .menu{ padding:8% 6% 4%;}
.index .page-swiper .footer .menu li{ line-height:2.7; background-image:url(../images/pindex_51.jpg); background-repeat:repeat-x; background-position:bottom center;}
.index .page-swiper .footer .menu li a{color:#e0e0e0; font-size:.30rem; display:block;background-image: url(../images/dbjt.png);background-position: right center;display: block;background-repeat: no-repeat;}
.index .page-swiper .footer .copyright{ padding:2% 6% 10%; line-height:1.6;color:#b7b7b7; font-size:.24rem;}

.loader{position:relative;width:2.5em;height:2.5em;transform:rotate(165deg);}.waiting{background:white;position:absolute;height:100%;width:100%;left:0;top:0;z-index:999999; font-size:12px;}.loader:after,.loader:before{content:'';position:absolute;top:50%;left:50%;display:block;width:.5em;height:.5em;border-radius:.25em;transform:translate(-50%,-50%)}.loader:before{animation:before 2s infinite}.loader:after{animation:after 2s infinite}@keyframes before{0%{width:.5em;box-shadow:1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75)}35%{width:2.5em;box-shadow:0 -.5em rgba(225,20,98,.75),0 .5em rgba(111,202,220,.75)}70%{width:.5em;box-shadow:-1em -.5em rgba(225,20,98,.75),1em .5em rgba(111,202,220,.75)}100%{box-shadow:1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75)}}@keyframes after{0%{height:.5em;box-shadow:.5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75)}35%{height:2.5em;box-shadow:.5em 0 rgba(61,184,143,.75),-.5em 0 rgba(233,169,32,.75)}70%{height:.5em;box-shadow:.5em -1em rgba(61,184,143,.75),-.5em 1em rgba(233,169,32,.75)}100%{box-shadow:.5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75)}}.loader{position:absolute;top:calc(50% - 1.25em);left:calc(50% - 1.25em)}

.home .waiting{ background:none;}

/*向下按钮*/
@-webkit-keyframes start {
0%, 30% {
opacity:0;
-webkit-transform:translate(0, -10px)
}
60% {
opacity:1;
-webkit-transform:translate(0, 0)
}
100% {
opacity:0;
-webkit-transform:translate(0, 8px)
}
}
@keyframes start {
0%, 30% {
opacity:0;
transform:translate(0, -10px)
}
60% {
opacity:1;
transform:translate(0, 0)
}
100% {
opacity:0;
transform:translate(0, 8px)
}
}
.circle-flash{ position:fixed;width:.96rem; height:.96rem; top:.5rem; right:.5rem; display:none;}
.circle-flash .div{
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	border-radius: 50%;
	border:.03rem solid rgba(0,0,0,0);
	box-sizing: border-box;
}

.circle-flash .left, .circle-flash .right{
	border-right-color: rgba(0,0,0,0);
	border-bottom-color: rgba(0,0,0,0);
	border-left:.03rem solid #aabac3;
	border-top:.03rem solid #aabac3;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
}

.circle-flash #circle.hover .left{
	animation: left-animation 2s linear;
	-webkit-animation: left-animation 2s linear;
}

.circle-flash #circle.hover .right{
	animation: right-animation 2s linear;
	-webkit-animation: right-animation 2s linear;
}

.circle-flash #circle{
	top:0px;
	left:0px;
	width:.96rem;
	height: .96rem;
	border-width: 0;
	clip:rect(0rem,.96rem,.96rem,.48rem);
}

.circle-flash .circle-bg{
	top:.03rem;
	left:0; right:0;
	margin:auto;
	width:.9rem;
	height: .9rem;
	border:none;
	background:#183a4d;
}
.circle-flash .hideShower{
	top:0px;
	left:0px;
	width:.96rem;
	height: .96rem;
	line-height:.96rem;
	text-align:center;
	border-width: 0;
	color:white;
	opacity:.6;
	transition:none;
}

.circle-flash #circle.hover{
	animation: circle-animation 2s linear;
	animation-fill-mode:forwards;
}

@keyframes circle-animation {
	0%{clip:auto;}
	100%{clip:rect(0rem,.96rem,.96rem,.48rem);}
}
@-webkit-keyframes circle-animation {
	0%{clip:auto;}
	100%{clip:rect(0rem,.96rem,.96rem,.48rem);}
}
@keyframes left-animation {
	0%{transform: rotate(315deg);}
	50%{transform: rotate(135deg);}
	100%{transform: rotate(-45deg);}
}
@-webkit-keyframes left-animation {
	0%{transform: rotate(315deg);}
	50%{transform: rotate(135deg);}
	100%{transform: rotate(-45deg);}
}

@keyframes right-animation {
	0%{transform: rotate(135deg);}
	50%{transform: rotate(135deg);}
	100%{transform: rotate(-45deg);}
}
@-webkit-keyframes right-animation {
	0%{transform: rotate(135deg);}
	50%{transform: rotate(135deg);}
	100%{transform: rotate(-45deg);}
}