.slideTxtBox:after,.hd:after,.bd:after,.hd ul:after,.bd ul:after
{ content: ''; clear: both; display: block; font-size: 0;}

.slideTxtBox{ width:1380px; margin:0 auto;box-sizing:border-box; height:600px;}
.slideTxtBox .hd{ float:left;  display:block;width:50%; height:100%; position:relative;  }
.slideTxtBox .hd ul{ float:left; display:block;width:100%; height:100%; /*background:url(../images/moon.jpg) left top no-repeat;*/}

.slideTxtBox .hd ul li{ cursor:pointer; z-index:999; position:absolute;   text-align:center; }
.slideTxtBox .hd ul li a{display:block; width:100%; height:100%; color:#fff; text-align:center; border-radius:100%;position:relative;
background-image:url(../images/gray_icon.png); background-repeat:no-repeat; background-position:center center;background-size:100%; }
.slideTxtBox .hd ul li a:hover,
.slideTxtBox .hd ul li.on a{background-image:url(../images/red_icon.png);}

.slideTxtBox .hd ul li:before{ z-index:-1; content: "";position: absolute; background: #bbb;height: 2px;width: 160px;  }
.slideTxtBox .hd ul li:nth-child(1) { left:157px; top:55px; width:65px; line-height:65px;font-size:1.5em;}
.slideTxtBox .hd ul li:nth-child(1):before{
-webkit-transform: rotate(-30deg);
transform: rotate(-30deg); 
right: 0;
bottom:-5px;
}
.slideTxtBox .hd ul li:nth-child(2) { left:0px;top:135px;width:105px;line-height:105px; font-size:2.2em; }
.slideTxtBox .hd ul li:nth-child(2):before{ 
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
    left: 12px;
    bottom: 46px;
}
.slideTxtBox .hd ul li:nth-child(3){ left:150px;top:150px;width:76px; line-height:76px; font-size:1.8em; }
.slideTxtBox .hd ul li:nth-child(3):before{ 
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
    left: -100px;
    bottom: -30px;
}
.slideTxtBox .hd ul li:nth-child(4){ left:55px;top:265px;width:85px;line-height:85px; font-size:2em; }
.slideTxtBox .hd ul li:nth-child(4):before{ 
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg); 
    left: 10px;
    bottom:10px;
}
.slideTxtBox .hd ul li:nth-child(5){ left:180px;top:336px;width:73px;line-height:73px; font-size:1.8em; }
.slideTxtBox .hd ul li:nth-child(5):before{ 
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg); 
    left:0;
    top:0;
}
.slideTxtBox .hd ul li:nth-child(6){ left: 269px;    top: 203px;    width: 137px; line-height:137px; font-size:3.4em;}
.slideTxtBox .hd ul li:nth-child(6):before{ 
    -webkit-transform: rotate(70deg);
    transform: rotate(70deg); 
    left: 0;
    bottom:0; 
}
.slideTxtBox .hd ul li:nth-child(7){ left:347px;    top: 377px;    width: 107px;line-height:107px; font-size:2.8em;}
.slideTxtBox .hd ul li:nth-child(7):before{ 
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg); 
    left: 45px;
    bottom:105px; 
}
.slideTxtBox .hd ul li:nth-child(8){ left:492px;    top: 218px;    width: 200px; line-height:200px; font-size:4.5em;}
.slideTxtBox .hd ul li:nth-child(8):before{ 
    -webkit-transform: rotate(-120deg);
     transform: rotate(-120deg); 
    left: -27px;
    top: 0;
}
.slideTxtBox .hd ul li:nth-child(9){ left: 484px;    top: 134px;    width: 70px; line-height:70px; font-size:1.3em; }
.slideTxtBox .hd ul li:nth-child(9):before{ 
    -webkit-transform: rotate(-169deg);
    transform: rotate(-169deg);
    left: -124px;
    top: 20px;
}
.slideTxtBox .hd ul li:nth-child(10){  left: 300px;    top: 98px;    width: 85px;line-height:85px; font-size:2.1em; }
.slideTxtBox .hd ul li:nth-child(10):before{ 
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg); 
    left: 0;
    bottom:72px; 
}
.slideTxtBox .hd ul li:nth-child(11){ left: 407px;    top: 1px;    width: 105px; line-height:105px; font-size:2.3em;}
.slideTxtBox .hd ul li:nth-child(11):before{ 
    -webkit-transform: rotate(9deg);
    transform: rotate(9deg);
    left: -81px;
    bottom: 66px; 
}
.slideTxtBox .hd ul li:nth-child(12){ left:298px;    top: 13px;    width: 52px;line-height:52px; font-size:1.4em;}
.slideTxtBox .hd ul li:nth-child(12):before{ display:none !important;

}
 	.slideTxtBox .bd{width:50%; box-sizing:border-box; padding-left:35px; max-width:630px;float:left;}
	.slideTxtBox .bd ul{ width:100%; float:left;  zoom:1; position:relative;}
	.slideTxtBox .bd li{  width:100%; float:left; padding:15px; box-sizing:border-box; border:#4B91C4 1px solid; display:}
	.slideTxtBox .bd h2{  width:100%;font-size:1.7em; font-weight:500;}
	.slideTxtBox .bd p.datu{  width:100%;max-height:425px; overflow:hidden;}
	.slideTxtBox .bd p.datu img{  width:100%;}
	

			
	.slideTxtBox .bd ul dd{ position: absolute; left:0; right:0; bottom:0; height:65px;  display:block !important; text-align:center;}
	.slideTxtBox .bd ul dd span{ font-size:0; width:12px; height:12px; background:rgba(255,255,255,0.5); margin:0 3px; border-radius:100%;display: inline-block; cursor:pointer;}
	.slideTxtBox .bd ul dd span.on{  background:rgba(255,255,255,1);  }