.out_circle{
            width:600px;
            height:600px;
            border:1px solid #eaeaea;
            border-radius:50%; 
            margin:188px auto 240px auto;
            position: relative;
			background:url(/images/tech01bg.png) no-repeat 115px 154px;
            }
            .nav_circle{
            width:220px;
            height:600px;
            float:left;
            position:absolute;
            top:0;
            left:169px;  /*169+（ 220的图片宽度-77原来的图片宽度）=312*/
            text-align:center;
            }
            .img_top{
            top:-170px;  /*27+（ 220的图片宽度-77原来的图片宽度=170）*/
            -webkit-transform: rotate(0deg);
        }
        .img_bottom{
            top:316px;  /*316+220的图片宽度=536*/
            -webkit-transform: rotate(0deg);
        }
        .img_top img,.img_bottom  img{
            width:220px;  /*原来是图片宽度77*/
            height:220px;
        }
         .img_top,.img_bottom{
            position: relative;
            z-index:1;
        }
        .nav_circle .img p{
            position: absolute;
            top:236px;
            left:20px;
            width: 180px; line-height:22px;
        }
        .r1{
            transform:rotate(0deg) skew(0deg) scale(1);
            -ms-transform:rotate(0deg) skew(0deg) scale(1);     /* IE 9 */
            -moz-transform:rotate(0deg) skew(0deg) scale(1);     /* Firefox */
            -webkit-transform:rotate(0deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
            -o-transform:rotate(0deg) skew(0deg) scale(1); 
            animation: rotate 100s linear infinite;
            -webkit-animation:rotate 100s linear infinite;
            -moz-animation:rotate 100s linear infinite;
            -o-animation:rotate 100s linear infinite;
        }
        .r1 .img{
            transform:rotate(0deg) skew(0deg) scale(1);
            -ms-transform:rotate(0deg) skew(0deg) scale(1);     /* IE 9 */
            -moz-transform:rotate(0deg) skew(0deg) scale(1);     /* Firefox */
            -webkit-transform:rotate(0deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
            -o-transform:rotate(0deg) skew(0deg) scale(1); 
            animation:rotate_c1 100s linear infinite;
            -webkit-animation:rotate_c1 100s linear infinite;
        }
        .r2{
            transform:rotate(60deg) skew(0deg) scale(1);
            -ms-transform:rotate(60deg) skew(0deg) scale(1);     /* IE 9 */
            -moz-transform:rotate(60deg) skew(0deg) scale(1);     /* Firefox */
            -webkit-transform:rotate(60deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
            -o-transform:rotate(60deg) skew(0deg) scale(1); 
            animation: rotatef 100s linear infinite;
            -webkit-animation:rotatef 100s linear infinite;
            -moz-animation:rotatef 100s linear infinite;
            -o-animation:rotatef 100s linear infinite;
        }
        .r2 .img {
            transform:rotate(-60deg) skew(0deg) scale(1);
            -ms-transform:rotate(-60deg) skew(0deg) scale(1);     /* IE 9 */
            -moz-transform:rotate(-60deg) skew(0deg) scale(1);     /* Firefox */
            -webkit-transform:rotate(-60deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
            -o-transform:rotate(-60deg) skew(0deg) scale(1); 
            animation:rotate_c2 100s linear infinite;
            -webkit-animation:rotate_c2 100s linear infinite;
        }
        .r3 {
            transform:rotate(120deg) skew(0deg) scale(1);
            -ms-transform:rotate(120deg) skew(0deg) scale(1);     /* IE 9 */
            -moz-transform:rotate(120deg) skew(0deg) scale(1);     /* Firefox */
            -webkit-transform:rotate(120deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
            -o-transform:rotate(120deg) skew(0deg) scale(1);
            animation: rotates 100s linear infinite;
            -webkit-animation:rotates 100s linear infinite;
            -moz-animation:rotates 100s linear infinite;
            -o-animation:rotates 100s linear infinite;
        }
        .r3 .img{
            transform:rotate(-120deg) skew(0deg) scale(1);
            -ms-transform:rotate(-120deg) skew(0deg) scale(1);     /* IE 9 */
            -moz-transform:rotate(-120deg) skew(0deg) scale(1);     /* Firefox */
            -webkit-transform:rotate(-120deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
            -o-transform:rotate(-120deg) skew(0deg) scale(1); 
            animation:rotate_c3 100s linear infinite;
            -webkit-animation:rotate_c3 100s linear infinite;
        }

		
@keyframes rotate{
            0%{
                transform:rotate(0deg) skew(0deg) scale(1);
                -ms-transform:rotate(0deg) skew(0deg) scale(1);     /* IE 9 */
                -moz-transform:rotate(0deg) skew(0deg) scale(1);     /* Firefox */
                -webkit-transform:rotate(0deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
                -o-transform:rotate(0deg) skew(0deg) scale(1); 
            }
            100%{
                transform:rotate(360deg) skew(0deg) scale(1);
                -ms-transform:rotate(360deg) skew(0deg) scale(1);     /* IE 9 */
                -moz-transform:rotate(360deg) skew(0deg) scale(1);     /* Firefox */
                -webkit-transform:rotate(360deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
                -o-transform:rotate(360deg) skew(0deg) scale(1); 
            }
        }
		
		
@keyframes rotatef{
            0%{
                transform:rotate(60deg) skew(0deg) scale(1);
                -ms-transform:rotate(60deg) skew(0deg) scale(1);     /* IE 9 */
                -moz-transform:rotate(60deg) skew(0deg) scale(1);     /* Firefox */
                -webkit-transform:rotate(60deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
                -o-transform:rotate(60deg) skew(0deg) scale(1); 
            }
            100%{
                transform:rotate(420deg) skew(0deg) scale(1);
                -ms-transform:rotate(420deg) skew(0deg) scale(1);     /* IE 9 */
                -moz-transform:rotate(420deg) skew(0deg) scale(1);     /* Firefox */
                -webkit-transform:rotate(420deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
                -o-transform:rotate(420deg) skew(0deg) scale(1); 
            }
        }
		
		
@keyframes rotates{
            0%{
                transform:rotate(120deg) skew(0deg) scale(1);
                -ms-transform:rotate(120deg) skew(0deg) scale(1);     /* IE 9 */
                -moz-transform:rotate(120deg) skew(0deg) scale(1);     /* Firefox */
                -webkit-transform:rotate(120deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
                -o-transform:rotate(120deg) skew(0deg) scale(1); 
            }
            100%{
                transform:rotate(480deg) skew(0deg) scale(1);
                -ms-transform:rotate(480deg) skew(0deg) scale(1);     /* IE 9 */
                -moz-transform:rotate(480deg) skew(0deg) scale(1);     /* Firefox */
                -webkit-transform:rotate(480deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
                -o-transform:rotate(480deg) skew(0deg) scale(1); 
            }
        }
		

		
		
@keyframes rotate_c1{
            0%{
                transform:rotate(0deg) skew(0deg) scale(1);
                -ms-transform:rotate(0deg) skew(0deg) scale(1);     /* IE 9 */
                -moz-transform:rotate(0deg) skew(0deg) scale(1);     /* Firefox */
                -webkit-transform:rotate(0deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
                -o-transform:rotate(0deg) skew(0deg) scale(1); 
            }
            100%{
                transform:rotate(-360deg) skew(0deg) scale(1);
                -ms-transform:rotate(-360deg) skew(0deg) scale(1);     /* IE 9 */
                -moz-transform:rotate(-360deg) skew(0deg) scale(1);     /* Firefox */
                -webkit-transform:rotate(-360deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
                -o-transform:rotate(-360deg) skew(0deg) scale(1); 
            }
        }
        @keyframes rotate_c2{
            0%{
                transform:rotate(-60deg) skew(0deg) scale(1);
                -ms-transform:rotate(-60deg) skew(0deg) scale(1);     /* IE 9 */
                -moz-transform:rotate(-60deg) skew(0deg) scale(1);     /* Firefox */
                -webkit-transform:rotate(-60deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
                -o-transform:rotate(-60deg) skew(0deg) scale(1); 
            }
            100%{
                transform:rotate(-420deg) skew(0deg) scale(1);
                -ms-transform:rotate(-420deg) skew(0deg) scale(1);     /* IE 9 */
                -moz-transform:rotate(-420deg) skew(0deg) scale(1);     /* Firefox */
                -webkit-transform:rotate(-420deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
                -o-transform:rotate(-420deg) skew(0deg) scale(1); 
            }
        }
        @keyframes rotate_c3{
            0%{
                transform:rotate(-120deg) skew(0deg) scale(1);
                -ms-transform:rotate(-120deg) skew(0deg) scale(1);     /* IE 9 */
                -moz-transform:rotate(-120deg) skew(0deg) scale(1);     /* Firefox */
                -webkit-transform:rotate(-120deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
                -o-transform:rotate(-120deg) skew(0deg) scale(1); 
            }
            100%{
                transform:rotate(-480deg) skew(0deg) scale(1);
                -ms-transform:rotate(-480deg) skew(0deg) scale(1);     /* IE 9 */
                -moz-transform:rotate(-480deg) skew(0deg) scale(1);     /* Firefox */
                -webkit-transform:rotate(-480deg) skew(0deg) scale(1); /* Safari ºÍ Chrome */
                -o-transform:rotate(-480deg) skew(0deg) scale(1); 
            }
        }