.topimg {

    position: relative;

    z-index: 0; }

    .topimg .slick-list li {
      max-width:100%; overflow:hidden;
      position: relative; }

 .topimg .arrow {

      position: absolute;

      top: 46%;

      height:60px;

      width:60px;

      margin-top: -35px;

      text-align: center;

      cursor: pointer;

      z-index: 1000;
 }



      .topimg .arrow.pre { background:url(../images/prev.png) left top no-repeat;   left: 30px; }

      .topimg .arrow.next { background:url(../images/next.png) right top no-repeat;
        right: 30px; }

      .topimg .arrow:hover {

        opacity: 0.8;}

    .topimg .slick-dots {

      position: absolute;

      bottom: -40px; display:none !important;

      text-align: center;

      z-index: 1000; }

    .topimg .slick-dots li {

      display: inline-block;

      width: auto;

      float: none;

      vertical-align: middle; }

    .topimg .slick-dots li button {

      background: #fff;

      border: 0 none;

      cursor: pointer;

      display: block;

      font-size: 0;

      height:3px;

      line-height: 0;

      margin: 0 8px;

      outline: medium none;

      padding: 0;

      width: 68px; }

    .topimg .slick-dots li.slick-active button {

          background: #06d3aa; }

    .topimg .slick-dots {

      bottom: 220px;

      left: 70px;

      text-align: left; }
     
.topimg .slick-list li h3 {

        font-size: 40px;

        color: #fff;

        position: absolute;

        bottom: 400px;

        right: 100px;

        line-height: 1.5em;

        text-shadow: 2px 2px 0px #000;

        text-align: right;

        max-width: 70%; }


	 
        @media screen and (max-width: 1440px) {

          .topimg .slick-list li h3 { font-size:30px;

            right: 50px; bottom:340px;}
			
		  .topimg .slick-dots {

          bottom: 200px;

          left: 25px;

          text-align: left;

          bottom: 130px; }
			
			 }

        @media screen and (max-width: 1280px) {

          .topimg .slick-list li h3 {

            font-size: 24px;

            right: 40px;
            max-width: 55%; } }
	 

		  .topimg .slick-dots { display:block !important; text-align: right;
		  bottom:30px; right:10%;} 

		  
		   .topimg .slick-dots li button {


            height: 3px;

            width: 69px;

            background: #fff; } 
			.topimg .slick-dots .moreimg {

            margin-left: 10px;

            font-size: 9px;

            line-height: 20px;

            height: 20px;

            border-radius: 10px;

            padding: 0 8px; } 
		  
		   }

	 @media screen and (max-width: 1000px) { 
	 .topimg .slick-list li h3 { font-size:18px; right: 40px;max-width:80%; bottom:40px;}	
	
	
		  
					 }
        @media screen and (max-width: 700px) {
		
          .topimg .slick-list li h3 {

            max-width: 100%;

            text-align: center;

            width: auto;

            right: 25px;

            left: 25px;

            font-size: 18px;

            white-space: nowrap;

            overflow: hidden;

            text-overflow: ellipsis;

            bottom: 15px;

            text-shadow: 1px 1px 0px #000; }
			 .topimg .slick-dots { text-align: right; bottom:12px; right:5%;} 
			.topimg .slick-dots li button{ width:15px;}
			 .topimg .arrow{ display:none !important;}
	 .topimg .arrow.pre { display:none !important;}
      .topimg .arrow.next { display:none !important;}

			 }