.superiority{ width:100%; height:665px; float:left; margin-top:0px;  background-size:cover;

    overflow: hidden;}

.super_text{ width:1200px; height:847px; margin:0 auto; background:url(../images/superiority.png) no-repeat center; background-size:cover;margin-top:-30px;

    overflow: hidden;}

.super_content{ width:1200px; height:742px; float:left;margin-top: 60px;

    overflow: hidden;}

.superli{ width:1200px; height:270px;}

.superli ul{ width:1180px; float:left; height:700px; margin-left:10px;

    position: relative;}

.superli ul li{ width:100px; height:100px; float:left; color:#409AED; text-align:center; font-size:18px;cursor:pointer;border-radius: 100px;line-height:24px;background:url(../images/qipao.png) no-repeat center; background-size:cover;display: block; position: absolute}

.superli ul li{animation:myfirst_t linear infinite 2s;}

@keyframes myfirst {0% {margin-top:30px;} 50% {margin-top:35px;} 100% {margin-top:30px;}}

@keyframes myfirsta {0% {margin-top:130px;} 70% {margin-top:135px;} 100% {margin-top:130px;}}

@keyframes myfirstb {0% {margin-top:0px;} 60% {margin-top:8px;} 100% {margin-top:0px;}}

@keyframes myfirstc {0% {margin-top:152px;} 40% {margin-top:160px;} 100% {margin-top:152px;}}

@keyframes myfirstd {0% {margin-top:-40px;} 40% {margin-top:-35px;} 100% {margin-top:-40px;}}

@keyframes myfirst_t {0% {margin-top:0px;} 40% {margin-top:5px;} 100% {margin-top:0px;}}



.superli ul li:hover{transform: scale(1.3);transition: all 0.3s;}

.superli ul li a{display: block;margin-top: 26px;}

.superli ul li:nth-child(2)>a{display:block;margin-top:18px;}

/*.superli ul li:nth-child(1){left: 0; top: 0}*/

/*.superli ul li:nth-child(2){left: 100px; top: 100px}*/

/*.superli ul li:nth-child(3){left: 200px; top: 200px}*/

/*.superli ul li:nth-child(4){left: 100px; top: 300px}*/

/*.superli ul li:nth-child(5){left: 0px; top: 400px}*/

/*.superli ul li:nth-child(6){left: 250px; top: 50px}*/

/*.superli ul li:nth-child(7){left: 250px; top: 350px}*/

/*.superli ul li:nth-child(8){right: 0; top: 0}*/

/*.superli ul li:nth-child(9){right: 100px; top: 100px}*/

/*.superli ul li:nth-child(10){right: 200px; top: 200px}*/

/*.superli ul li:nth-child(11){right: 100px; top: 300px}*/

/*.superli ul li:nth-child(12){right: 0; top: 400px}*/

/*.superli ul li:nth-child(13){right: 250px; top: 50px}*/

/*.superli ul li:nth-child(14){right: 250px; top: 350px}*/

.superli ul li:nth-child(1){left: 0; top: 200px}

.superli ul li:nth-child(2){left: 100px; top: 43px}

.superli ul li:nth-child(3){left: 100px; top: 348px}

.superli ul li:nth-child(4){left: 238px; top: 200px}

.superli ul li:nth-child(5){left: 400px; top: 20px}

.superli ul li:nth-child(6){left: 300px; top: 512px}

.superli ul li:nth-child(7){left: 488px; top: 558px}

.superli ul li:nth-child(8){right: 480px; top: 0}

.superli ul li:nth-child(9){right: 300px; top: 60px}

.superli ul li:nth-child(10){right: 140px; top:130px}

.superli ul li:nth-child(11){right: 0px; top: 298px}

.superli ul li:nth-child(12){right: 242px; top: 300px}

.superli ul li:nth-child(13){right: 144px; top: 470px}

.superli ul li:nth-child(14){right: 410px; top: 510px}

/*.superli ul li:hover{ background:#ffc670;border:1px solid #000000}

.superli .superhover{background:#ffc670; border:1px solid #ffa229;}*/

.supertext{ width:1200px; height:65px; float:left; }

.supert{ width:1000px; height:65px; margin:0 auto; text-align:center; font-size:24px; color:#000000; display:none;}

.supert:first-Child{ display:block;}

.superbut{ width:50%; float:left; height:74px;margin-left: 25%;}

.superbtn{ width:80%; height:72px; border:1px solid #000000; line-height:72px; text-align:center; font-size:30px; color:#000000; margin-left: 10%; margin-top:90px;border-radius: 40px;cursor:pointer;}

.superbtn:hover{ background: #ffc670; color:#000000;transform: scale(1.05);transition: all 0.5s;}

.imgWrap_k{float:left;width: 100%;position: relative;margin-top: -752px;z-index: -111;height: 740px;}

.imgWrap {width: 700px;height: 700px;margin: 0 auto;margin-top: 0px;}



.outer, .inner, .small {

	position: relative;

    width: 700px;

    height: 700px;

    border-radius: 50%;

    background-color: rgba(253,232,222,0.7);

    opacity: 0;

    -webkit-animation: ballScale 4s 0s linear infinite;

    -moz-animation: ballScale 4s 0s linear infinite;

    -ms-animation: ballScale 4s 0s linear infinite;

    animation: ballScale 4s 0s linear infinite;

}



.inner{

	position: relative;

	margin-top: -700px;

  -webkit-animation-delay: 1s;

  -moz-animation-delay: 1s;

  -ms-animation-delay: 1s;

      animation-delay: 1s;

}

.small{

		position: relative;

	margin-top: -700px;

  -webkit-animation-delay: 2s;

  -moz-animation-delay: 2s;

  -ms-animation-delay: 2s;

      animation-delay: 2s;

}

@-webkit-keyframes ballScale {

  0% {

    -webkit-transform: scale(0);

            transform: scale(0);

    opacity: 1; }



  100% {

    -webkit-transform: scale(1);

            transform: scale(1);



    opacity: 0; } }

@-moz-keyframes ballScale {

  0% {

    -moz-transform: scale(0);

            transform: scale(0);

    opacity: 1; }



  100% {

    -moz-transform: scale(1);

            transform: scale(1);



    opacity: 0; } }

@-ms-keyframes ballScale {

  0% {

    -ms-transform: scale(0);

            transform: scale(0);

    opacity: 1; }



  100% {

    -ms-transform: scale(1);

            transform: scale(1);



    opacity: 0; } }

@keyframes ballScale {

  0% {

    -webkit-transform: scale(0);

    transform: scale(0);

    opacity: 1;

    }



  100% {

    -webkit-transform: scale(1);

            transform: scale(1);

    opacity: 0; }

}

/*ѧ���������ƽ���*/