.indexBody{ position: fixed; left: 0;right: 0; top: 80px;bottom: 0;}
.tp-bullets{ left: 50px; top: 50%; margin-top: -38px;  height: auto; bottom: auto;}
.tp-bullets.hidebullets{ opacity: 1; }
.tp-bullets.simplebullets.round .bullet{ float: none; margin: 0; margin-bottom: 10px;width: 10px;height: 10px;background: #fff; border: 1px solid #fff;border-radius: 50%;}
.tp-bullets.simplebullets.round .bullet.selected{ background: transparent;}
.tp-rightarrow.default,.tp-leftarrow.default{ display: none;}

.text-content{ width: 10px;height: 10px;}
.borderTxt{ visibility:hidden; opacity:0; position: absolute; left: 50%; margin-left: -220px; top: 50%; margin-top: -220px;width: 440px; height: 440px; text-align: center;}
.current-sr-slide-visible .borderTxt{  visibility:visible;opacity:1;}
.borderTxt .img{position: absolute;width: 110px; left: 50%; margin-left: -55px; top: 50%; margin-top: -145px; display: none;animation: imgDH 1s 1.8s both ;-webkit-animation: imgDH 1s 1.8s both ;}
.current-sr-slide-visible .borderTxt .img{ display: block;}
.borderTxt img{ width: 100%;}
.borderTxt svg{ position: absolute; left: 0;top: 0;width: 100%; height: 100%;}
.borderTxt3{ height: 520px; margin-top: -260px;}
.circle-nav-outline {fill: none;stroke: #fff;transition: 4s; -webkit-transition: 4s;stroke-width: 5px;transition-delay: 2s;-webkit-transition-delay: 2s;}
.outLine1{stroke-width:5;stroke-dasharray: 1387;stroke-dashoffset: 1387;}
.outLine2{stroke-width:5;stroke-dasharray: 1800;stroke-dashoffset: 1800; transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.outLine3{stroke-width:5;stroke-dasharray: 1800;stroke-dashoffset: 1800;}
.outLine4{stroke-width:5;stroke-dasharray: 1500;stroke-dashoffset: 1500;transition: 4s; -webkit-transition: 4s;transition-delay: 2s;-webkit-transition-delay: 2s;}
.current-sr-slide-visible .circle-nav-outline {stroke-dashoffset: 0;}
.indexBody{ background:#000;}
.slotholder{  opacity:0; }
.current-sr-slide-visible .slotholder{ animation: opty 4s ease-in-out both;-webkit-animation: opty 4s ease-in-out both;}
@keyframes imgDH{
	from{opacity: 0; transform: scaleX(0);-webkit-transform: scaleX(0);}
	to{opacity: 1;transform: scaleX(1);-webkit-transform: scaleX(1);}
}
@-webkit-keyframes imgDH{
	from{opacity: 0; transform: scaleX(0);-webkit-transform: scaleX(0);}
	to{opacity: 1;transform: scaleX(1);-webkit-transform: scaleX(1);}
}
@keyframes opty{
	0%{opacity: 0;}	
  
    100%{opacity: 1;}
}
@-webkit-keyframes opty{
	0%{opacity: 0;}
   
    100%{opacity: 1;}
}

.svgSpace{ position:absolute; left:0; width:100%; top:20%; bottom:20%;}
.svgSpace svg{ margin:auto; width:50%; height:100%; display:block;}

@media only screen and (max-width:960px ) {
	.borderTxt{ width: 360px; height: 360px; margin-left: -180px; margin-top: -180px;}
	.borderTxt3{ height: 430px; margin-top: -215px;}
	.borderTxt .img{ width: 64px; margin-left: -32px; margin-top: -85px;}
	.indexBody{ top: 50px;}
}


@media only screen and (max-width:640px ) {
	.borderTxt{ width: 280px; height: 280px; margin-left: -140px; margin-top: -140px;}
	.borderTxt3{ height: 330px; margin-top: -165px;}
	.borderTxt2{width: 200px; height: 200px; margin-left: -100px; margin-top: -100px;}
	.borderTxt .img{ width: 34px; margin-left: -17px; margin-top: -45px;}
	.tp-bullets{ left: 0; width: 100%; text-align: center; top: auto; bottom: 15px;}
	.tp-bullets.simplebullets.round .bullet{ display: inline-block; margin: 0 5px;}
}




@media only screen and (max-width:420px ) {
	
}