.path-slider {
  display: inline-block;
  position: relative;
  top: 65%;
 /*  -webkit-transform: translateY(-40%);
     -ms-transform: translateY(-40%);
         transform: translateY(-40%); */
}

path {
  stroke-width: 1px;
  stroke: none;
  fill: none;
}

.icon__path {
  fill: #FFFFFF;
}

.path-slider__path {
  stroke: rgba(255, 255, 255, 0.5);
}

.path-slider__item {
  position: absolute;
  left: -37px;
  top: -37px;
  color: #FFFFFF;
  cursor: pointer;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  text-decoration: none;
  outline: none;
}

/*.path-slider__item:hover .item__circle, .path-slider__item:focus .item__circle {
  background-color: #45905e;
}*/

.item__circle {
  display: inline-block;
  width: 74px;
/*  height: 74px;
  background-color: #55B375;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
  border-radius: 100%;*/
  text-align: center;
  transition: 0.5s;
}
.item__circle img{ max-width:100%;}

.path-slider__current-item{z-index: 999;}
.path-slider__current-item  .item__circle img{}
/*.item__title {
  position: absolute;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-variant: small-caps;
  white-space: nowrap;
  opacity: 0.8;
  transition: 0.5s;
}

.item__icon {
  width: 45px;
  height: 45px;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
*/
.path-slider__current-item .item__circle {

  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}

.path-slider__current-item .item__title {
  font-size: 25px;
  opacity: 1;
  -webkit-transform: translate(-50%, -20px);
      -ms-transform: translate(-50%, -20px);
          transform: translate(-50%, -20px);
}
































.path-slider{ position:relative; margin-left:-100px;}

path{stroke-width:1px;stroke:none;fill:none}
/*.icon__path{fill:#000000;}
.path-slider__path-drawn{stroke:rgba(0,0,0,.5)}*/
.item__icon{width:45px;height:45px;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
/*.slider-item{position:absolute;left:-37px;top:-37px;cursor:pointer;text-decoration:none;outline:none}*/
.slider-item{position:absolute;left:-37px;top:-37px;color:#fff;cursor:pointer;text-decoration:none;outline:none;width:190px;}
/*.slider-item:hover .item__circle,.path-slider__item:focus .item__circle{background-color:#19667c}*/
/*.item__circle{display:inline-block;width:74px;height:74px;box-shadow:0 0 0 1px rgba(255,255,255,.5);border-radius:100%;transition:1s background}*/
/*小图*/
.slider-icon{opacity:1;width:160px;position: absolute;left:0;top:-90px;}
.slider-icon img{ width:160px;}
/*.slider-icon2{top:-30px;}
.slider-icon3{top:-24px;}*/
/*大图*/
.big-icon{opacity:0;display: none;}
.big-icon{
	background-image: url(../ttt_r2_c2.png);
	background-repeat: no-repeat;
	background-position: center bottom; width:820px; height:400px;position: absolute;top:-420px;left:-380px;animation: heart 1s ease-in-out  infinite alternate; padding-bottom:50px; box-sizing:border-box; padding-left:50px; padding-right:50px; text-align:center;
}




/*当前显示文字*/
.item-sug{
	font-size:28px;
	color:rgba(255,255,255,0.5);
	position: absolute;
	top:-100px;
	left:52px;
	opacity:0;

}


.sug-top{width:260px; padding:10px; min-height:260px; box-sizing:border-box;position:absolute;top:-225px;left:285px;z-index:3;	background-image: url(../bkk.png);
	background-repeat: no-repeat;
	background-size:100% 100%;font-size:14px;

box-shadow:0 0px 30px  #0A3CAB;
	
	  border: 5px solid transparent;
	  border-image: linear-gradient(to top, rgba(20,100,208,0.8), rgba(255,255,255,0.8)) 1 round;border-radius:3px; overflow:hidden;

	 }
	
/*.sug-top:after{ content:'';background: linear-gradient(to right, #ff7e5f, #feb47b); position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}*/

.sug-top h1{ font-size:30px; color:#FFFFFF; padding:0; margin:auto; padding-top:10px; line-height:1.2;}
.sug-top h3,.sug-top h2{ font-size:18px; color:rgba(255,255,255,0.8); padding:0; margin:auto; }
.sug-top>h3,.sug-top> h2{padding-top:10px;}
.sug-top .txt{ padding-top:10px; line-height:1.5;}
.sug-top .txt h2,.sug-top .txt h3{ padding-bottom:5px;}

.sug-top .sug-t{ position:absolute;font-size:14px;color:#8c8f94;text-align: justify;line-height:22px;margin-top:10px;}


.path-slider__current-item{z-index: 999;}